From 0552f2798e5b4b72b68ae78bfdb7ea36471f2a37 Mon Sep 17 00:00:00 2001 From: "dependabot[bot]" <49699333+dependabot[bot]@users.noreply.github.com> Date: Sun, 1 Feb 2026 22:05:20 +0000 Subject: [PATCH 1/6] Bump the tools group with 5 updates Bumps the tools group with 5 updates: | Package | From | To | | --- | --- | --- | | [@storybook/addon-docs](https://github.com/storybookjs/storybook/tree/HEAD/code/addons/docs) | `10.1.11` | `10.2.0` | | [@storybook/addon-links](https://github.com/storybookjs/storybook/tree/HEAD/code/addons/links) | `10.1.11` | `10.2.0` | | [@storybook/react-vite](https://github.com/storybookjs/storybook/tree/HEAD/code/frameworks/react-vite) | `10.1.11` | `10.2.0` | | [storybook](https://github.com/storybookjs/storybook/tree/HEAD/code/core) | `10.1.11` | `10.2.0` | | [vite-tsconfig-paths](https://github.com/aleclarson/vite-tsconfig-paths) | `6.0.4` | `6.0.5` | Updates `@storybook/addon-docs` from 10.1.11 to 10.2.0 - [Release notes](https://github.com/storybookjs/storybook/releases) - [Changelog](https://github.com/storybookjs/storybook/blob/next/CHANGELOG.md) - [Commits](https://github.com/storybookjs/storybook/commits/v10.2.0/code/addons/docs) Updates `@storybook/addon-links` from 10.1.11 to 10.2.0 - [Release notes](https://github.com/storybookjs/storybook/releases) - [Changelog](https://github.com/storybookjs/storybook/blob/next/CHANGELOG.md) - [Commits](https://github.com/storybookjs/storybook/commits/v10.2.0/code/addons/links) Updates `@storybook/react-vite` from 10.1.11 to 10.2.0 - [Release notes](https://github.com/storybookjs/storybook/releases) - [Changelog](https://github.com/storybookjs/storybook/blob/next/CHANGELOG.md) - [Commits](https://github.com/storybookjs/storybook/commits/v10.2.0/code/frameworks/react-vite) Updates `storybook` from 10.1.11 to 10.2.0 - [Release notes](https://github.com/storybookjs/storybook/releases) - [Changelog](https://github.com/storybookjs/storybook/blob/next/CHANGELOG.md) - [Commits](https://github.com/storybookjs/storybook/commits/v10.2.0/code/core) Updates `vite-tsconfig-paths` from 6.0.4 to 6.0.5 - [Release notes](https://github.com/aleclarson/vite-tsconfig-paths/releases) - [Commits](https://github.com/aleclarson/vite-tsconfig-paths/compare/v6.0.4...v6.0.5) --- updated-dependencies: - dependency-name: "@storybook/addon-docs" dependency-version: 10.2.0 dependency-type: direct:development update-type: version-update:semver-minor dependency-group: tools - dependency-name: "@storybook/addon-links" dependency-version: 10.2.0 dependency-type: direct:development update-type: version-update:semver-minor dependency-group: tools - dependency-name: "@storybook/react-vite" dependency-version: 10.2.0 dependency-type: direct:development update-type: version-update:semver-minor dependency-group: tools - dependency-name: storybook dependency-version: 10.2.0 dependency-type: direct:development update-type: version-update:semver-minor dependency-group: tools - dependency-name: vite-tsconfig-paths dependency-version: 6.0.5 dependency-type: direct:development update-type: version-update:semver-patch dependency-group: tools ... Signed-off-by: dependabot[bot] --- package.json | 10 ++-- yarn.lock | 155 ++++++++++++++++++++------------------------------- 2 files changed, 66 insertions(+), 99 deletions(-) diff --git a/package.json b/package.json index 68cbf8c0..34983391 100644 --- a/package.json +++ b/package.json @@ -74,9 +74,9 @@ "@rollup/plugin-commonjs": "^29.0.0", "@rollup/plugin-node-resolve": "^16.0.3", "@rollup/plugin-typescript": "^12.3.0", - "@storybook/addon-docs": "^10.1.11", - "@storybook/addon-links": "^10.1.10", - "@storybook/react-vite": "^10.1.10", + "@storybook/addon-docs": "^10.2.0", + "@storybook/addon-links": "^10.2.0", + "@storybook/react-vite": "^10.2.0", "@testing-library/dom": "^10.4.1", "@testing-library/jest-dom": "^6.9.1", "@testing-library/react": "^16.3.1", @@ -109,12 +109,12 @@ "rollup": "^4.55.1", "rollup-preserve-directives": "^1.1.3", "sass-embedded": "^1.97.2", - "storybook": "^10.1.11", + "storybook": "^10.2.0", "tslib": "^2.8.1", "typescript": "^5.9.3", "typescript-eslint": "^8.53.0", "vite": "^7.3.1", - "vite-tsconfig-paths": "^6.0.4" + "vite-tsconfig-paths": "^6.0.5" }, "peerDependencies": { "classnames": ">=2.5.0", diff --git a/yarn.lock b/yarn.lock index 9651cc49..73a880dd 100644 --- a/yarn.lock +++ b/yarn.lock @@ -2755,61 +2755,60 @@ __metadata: languageName: node linkType: hard -"@storybook/addon-docs@npm:^10.1.11": - version: 10.1.11 - resolution: "@storybook/addon-docs@npm:10.1.11" +"@storybook/addon-docs@npm:^10.2.0": + version: 10.2.3 + resolution: "@storybook/addon-docs@npm:10.2.3" dependencies: "@mdx-js/react": "npm:^3.0.0" - "@storybook/csf-plugin": "npm:10.1.11" - "@storybook/icons": "npm:^2.0.0" - "@storybook/react-dom-shim": "npm:10.1.11" + "@storybook/csf-plugin": "npm:10.2.3" + "@storybook/icons": "npm:^2.0.1" + "@storybook/react-dom-shim": "npm:10.2.3" react: "npm:^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0" react-dom: "npm:^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0" ts-dedent: "npm:^2.0.0" peerDependencies: - storybook: ^10.1.11 - checksum: 10c0/93006f0efc4dd92d296a32960ae886820e03240c26ad18caa7cd784d132bfc96a719d5929e49ff29d621fa8086a98d0be399eb81b182d6fb7071f575623bbb8c + storybook: ^10.2.3 + checksum: 10c0/6dc1127433e3001dd2520254a3a26b8d6820c0e80133b6b56fb9c8748d9753ac52e770c007926275fd1eef45f79ac09d6cd08f4e37a83da40764ce26a8ceb3fe languageName: node linkType: hard -"@storybook/addon-links@npm:^10.1.10": - version: 10.1.11 - resolution: "@storybook/addon-links@npm:10.1.11" +"@storybook/addon-links@npm:^10.2.0": + version: 10.2.3 + resolution: "@storybook/addon-links@npm:10.2.3" dependencies: "@storybook/global": "npm:^5.0.0" peerDependencies: react: ^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0 - storybook: ^10.1.11 + storybook: ^10.2.3 peerDependenciesMeta: react: optional: true - checksum: 10c0/f12e88e89c9fdfbb4c538a5962459a9e66b89a853a9867181076a532e3b3a9fc567ac8cc8460a66cb971fd23d6c91713542d4e8155a4b4a3ebedd33d71c1c1fc + checksum: 10c0/648efe8de027ad43c8015d70fed57d7268cf9cc5b8dcae402a8624f681f2fb081c5c4e19c5b333bd972b40f251f2010bd2c9430ecdd4df5adad0cf785e56fa61 languageName: node linkType: hard -"@storybook/builder-vite@npm:10.1.11": - version: 10.1.11 - resolution: "@storybook/builder-vite@npm:10.1.11" +"@storybook/builder-vite@npm:10.2.3": + version: 10.2.3 + resolution: "@storybook/builder-vite@npm:10.2.3" dependencies: - "@storybook/csf-plugin": "npm:10.1.11" - "@vitest/mocker": "npm:3.2.4" + "@storybook/csf-plugin": "npm:10.2.3" ts-dedent: "npm:^2.0.0" peerDependencies: - storybook: ^10.1.11 + storybook: ^10.2.3 vite: ^5.0.0 || ^6.0.0 || ^7.0.0 - checksum: 10c0/102507e79386fe994eee5a123f963b23d04a8f30886e69df7b78471628c777dde7fef8d481a09e8a9023a6bfa5067ea337c0481aeb384d350023689500c42899 + checksum: 10c0/563878b5bba29b447e42be65a4ceb5abf8f814d0bb58182b977d98bbc1259d61edac21f089fe801a2115a790f749531fc4d8ae43f00087a0d11b4de88b85a77b languageName: node linkType: hard -"@storybook/csf-plugin@npm:10.1.11": - version: 10.1.11 - resolution: "@storybook/csf-plugin@npm:10.1.11" +"@storybook/csf-plugin@npm:10.2.3": + version: 10.2.3 + resolution: "@storybook/csf-plugin@npm:10.2.3" dependencies: unplugin: "npm:^2.3.5" peerDependencies: esbuild: "*" rollup: "*" - storybook: ^10.1.11 + storybook: ^10.2.3 vite: "*" webpack: "*" peerDependenciesMeta: @@ -2821,7 +2820,7 @@ __metadata: optional: true webpack: optional: true - checksum: 10c0/15c01fcb0c5f1bd5c14e02f75c2d0712ed2ea4706baa91ab18b4c257379f2b32df8420a7d49f2cd2ca068b0e99c32f68c3189d60ecb81102415c85fa3bbb02eb + checksum: 10c0/adad3601ec1f80c3f258e5cc59c486618bcfbcec75b75aab4b8482989a9e810ddfaf312583fc758dd5f26edf2677169a077630bfa4183af21c6b5735d67a4e84 languageName: node linkType: hard @@ -2832,7 +2831,7 @@ __metadata: languageName: node linkType: hard -"@storybook/icons@npm:^2.0.0": +"@storybook/icons@npm:^2.0.1": version: 2.0.1 resolution: "@storybook/icons@npm:2.0.1" peerDependencies: @@ -2842,25 +2841,25 @@ __metadata: languageName: node linkType: hard -"@storybook/react-dom-shim@npm:10.1.11": - version: 10.1.11 - resolution: "@storybook/react-dom-shim@npm:10.1.11" +"@storybook/react-dom-shim@npm:10.2.3": + version: 10.2.3 + resolution: "@storybook/react-dom-shim@npm:10.2.3" peerDependencies: react: ^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0 react-dom: ^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0 - storybook: ^10.1.11 - checksum: 10c0/4f9eda8ededabd5191eabe2d9e8f387812786b3fbaf7f2cd8fa27d0ef0550bb90eb8341d76f2e89ecc14abf2a1bca6add10ae34de23d18d3d81ae11f041479ef + storybook: ^10.2.3 + checksum: 10c0/3d6130616b53c68e07f7b2cc82e298a36826f9b8254860a202b17607e126dabcef189506e1f3fdcdf3003cb34dc2933fb7ec6a527defacc3fb9053c1cff81a0d languageName: node linkType: hard -"@storybook/react-vite@npm:^10.1.10": - version: 10.1.11 - resolution: "@storybook/react-vite@npm:10.1.11" +"@storybook/react-vite@npm:^10.2.0": + version: 10.2.3 + resolution: "@storybook/react-vite@npm:10.2.3" dependencies: "@joshwooding/vite-plugin-react-docgen-typescript": "npm:^0.6.3" "@rollup/pluginutils": "npm:^5.0.2" - "@storybook/builder-vite": "npm:10.1.11" - "@storybook/react": "npm:10.1.11" + "@storybook/builder-vite": "npm:10.2.3" + "@storybook/react": "npm:10.2.3" empathic: "npm:^2.0.0" magic-string: "npm:^0.30.0" react-docgen: "npm:^8.0.0" @@ -2869,28 +2868,28 @@ __metadata: peerDependencies: react: ^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0 react-dom: ^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0 - storybook: ^10.1.11 + storybook: ^10.2.3 vite: ^5.0.0 || ^6.0.0 || ^7.0.0 - checksum: 10c0/d139eb7597ab4b97479cd8c1682746ebc462bccae0d4328a614f782e043ee2c56f67c70a5be6b78f85b33d3c4f51044184ffbb69758e178b3fc0d10f3c55f9a7 + checksum: 10c0/95d1addfce727ecda91f41b77b7eee253109c66e1d9ebe6845c96ce5921846c67721b6474a71eae1557fac1077938d4423865f7e4d99fdf07e721a0e0ce7bca5 languageName: node linkType: hard -"@storybook/react@npm:10.1.11": - version: 10.1.11 - resolution: "@storybook/react@npm:10.1.11" +"@storybook/react@npm:10.2.3": + version: 10.2.3 + resolution: "@storybook/react@npm:10.2.3" dependencies: "@storybook/global": "npm:^5.0.0" - "@storybook/react-dom-shim": "npm:10.1.11" + "@storybook/react-dom-shim": "npm:10.2.3" react-docgen: "npm:^8.0.2" peerDependencies: react: ^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0 react-dom: ^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0 - storybook: ^10.1.11 + storybook: ^10.2.3 typescript: ">= 4.9.x" peerDependenciesMeta: typescript: optional: true - checksum: 10c0/5b7ef1721ff386fe0edae9e4ad11560d4926d90c829f0360ca7fca76527a8faceb4da250bdb0cc70cb63e2341cc4f764c7cef7704cdedae84bb54171578da6f5 + checksum: 10c0/649afeb7dd415ce3ebe19838c061cc90d3f4edef15333bb60b03a5223a56eb3d3dd8cd08ebf4c3cbd6fe5078cae94cc980e7e09d23fbb2e79ca44874154e5505 languageName: node linkType: hard @@ -3497,25 +3496,6 @@ __metadata: languageName: node linkType: hard -"@vitest/mocker@npm:3.2.4": - version: 3.2.4 - resolution: "@vitest/mocker@npm:3.2.4" - dependencies: - "@vitest/spy": "npm:3.2.4" - estree-walker: "npm:^3.0.3" - magic-string: "npm:^0.30.17" - peerDependencies: - msw: ^2.4.9 - vite: ^5.0.0 || ^6.0.0 || ^7.0.0-0 - peerDependenciesMeta: - msw: - optional: true - vite: - optional: true - checksum: 10c0/f7a4aea19bbbf8f15905847ee9143b6298b2c110f8b64789224cb0ffdc2e96f9802876aa2ca83f1ec1b6e1ff45e822abb34f0054c24d57b29ab18add06536ccd - languageName: node - linkType: hard - "@vitest/pretty-format@npm:3.2.4": version: 3.2.4 resolution: "@vitest/pretty-format@npm:3.2.4" @@ -5216,15 +5196,6 @@ __metadata: languageName: node linkType: hard -"estree-walker@npm:^3.0.3": - version: 3.0.3 - resolution: "estree-walker@npm:3.0.3" - dependencies: - "@types/estree": "npm:^1.0.0" - checksum: 10c0/c12e3c2b2642d2bcae7d5aa495c60fa2f299160946535763969a1c83fc74518ffa9c2cd3a8b69ac56aea547df6a8aac25f729a342992ef0bbac5f1c73e78995d - languageName: node - linkType: hard - "esutils@npm:^2.0.2": version: 2.0.3 resolution: "esutils@npm:2.0.3" @@ -7116,7 +7087,7 @@ __metadata: languageName: node linkType: hard -"magic-string@npm:^0.30.0, magic-string@npm:^0.30.17, magic-string@npm:^0.30.3, magic-string@npm:^0.30.5": +"magic-string@npm:^0.30.0, magic-string@npm:^0.30.3, magic-string@npm:^0.30.5": version: 0.30.19 resolution: "magic-string@npm:0.30.19" dependencies: @@ -7403,9 +7374,9 @@ __metadata: "@rollup/plugin-commonjs": "npm:^29.0.0" "@rollup/plugin-node-resolve": "npm:^16.0.3" "@rollup/plugin-typescript": "npm:^12.3.0" - "@storybook/addon-docs": "npm:^10.1.11" - "@storybook/addon-links": "npm:^10.1.10" - "@storybook/react-vite": "npm:^10.1.10" + "@storybook/addon-docs": "npm:^10.2.0" + "@storybook/addon-links": "npm:^10.2.0" + "@storybook/react-vite": "npm:^10.2.0" "@testing-library/dom": "npm:^10.4.1" "@testing-library/jest-dom": "npm:^6.9.1" "@testing-library/react": "npm:^16.3.1" @@ -7438,12 +7409,12 @@ __metadata: rollup: "npm:^4.55.1" rollup-preserve-directives: "npm:^1.1.3" sass-embedded: "npm:^1.97.2" - storybook: "npm:^10.1.11" + storybook: "npm:^10.2.0" tslib: "npm:^2.8.1" typescript: "npm:^5.9.3" typescript-eslint: "npm:^8.53.0" vite: "npm:^7.3.1" - vite-tsconfig-paths: "npm:^6.0.4" + vite-tsconfig-paths: "npm:^6.0.5" peerDependencies: classnames: ">=2.5.0" nhsuk-frontend: ">=10.3.0 <11.0.0" @@ -8682,7 +8653,7 @@ __metadata: languageName: node linkType: hard -"semver@npm:^7.3.5, semver@npm:^7.5.3, semver@npm:^7.5.4, semver@npm:^7.6.2, semver@npm:^7.7.1, semver@npm:^7.7.2": +"semver@npm:^7.3.5, semver@npm:^7.5.3, semver@npm:^7.5.4, semver@npm:^7.7.1, semver@npm:^7.7.2": version: 7.7.2 resolution: "semver@npm:7.7.2" bin: @@ -8923,12 +8894,12 @@ __metadata: languageName: node linkType: hard -"storybook@npm:^10.1.11": - version: 10.1.11 - resolution: "storybook@npm:10.1.11" +"storybook@npm:^10.2.0": + version: 10.2.3 + resolution: "storybook@npm:10.2.3" dependencies: "@storybook/global": "npm:^5.0.0" - "@storybook/icons": "npm:^2.0.0" + "@storybook/icons": "npm:^2.0.1" "@testing-library/jest-dom": "npm:^6.6.3" "@testing-library/user-event": "npm:^14.6.1" "@vitest/expect": "npm:3.2.4" @@ -8936,7 +8907,7 @@ __metadata: esbuild: "npm:^0.18.0 || ^0.19.0 || ^0.20.0 || ^0.21.0 || ^0.22.0 || ^0.23.0 || ^0.24.0 || ^0.25.0 || ^0.26.0 || ^0.27.0" open: "npm:^10.2.0" recast: "npm:^0.23.5" - semver: "npm:^7.6.2" + semver: "npm:^7.7.3" use-sync-external-store: "npm:^1.5.0" ws: "npm:^8.18.0" peerDependencies: @@ -8946,7 +8917,7 @@ __metadata: optional: true bin: storybook: ./dist/bin/dispatcher.js - checksum: 10c0/7942e76585e388b6dc12c29fe0624bd524ab61070353466af7b8dd2152e7f1dcb303727e8891677283f46e3d7d920354f617245e70eca2fd4c80a1b691e390a2 + checksum: 10c0/21d54f09bb92afd6dfe5e037d68cbd9559feacd275ac2b0eed0e6abac98779901b8613e4eca0ae9e3fd6411b07c44625a4981f0cd5e80cb79aa73f2f449586a8 languageName: node linkType: hard @@ -9659,24 +9630,20 @@ __metadata: languageName: node linkType: hard -"vite-tsconfig-paths@npm:^6.0.4": - version: 6.0.4 - resolution: "vite-tsconfig-paths@npm:6.0.4" +"vite-tsconfig-paths@npm:^6.0.5": + version: 6.0.5 + resolution: "vite-tsconfig-paths@npm:6.0.5" dependencies: debug: "npm:^4.1.1" globrex: "npm:^0.1.2" tsconfck: "npm:^3.0.3" - vite: "npm:*" peerDependencies: vite: "*" - peerDependenciesMeta: - vite: - optional: true - checksum: 10c0/c41df8194b060916115c1321d053c05dc7d50d88bbf1fba86659bbcab97fd0b83cac39cfff00cf498589330459debc97aa172eabfefde445a3af83d6717e7cc2 + checksum: 10c0/c62dd84804b9d2d35460146bda0bb752d270043d805df0e806ade6a9bbf37c5ad5da8a29d822b89931821545c201bc7ca07c594f245aebabe92d51d0cd1b63df languageName: node linkType: hard -"vite@npm:*, vite@npm:^7.3.1": +"vite@npm:^7.3.1": version: 7.3.1 resolution: "vite@npm:7.3.1" dependencies: From b97355ecee4f6439de8a496317ebda35616a98d0 Mon Sep 17 00:00:00 2001 From: Colin Rotherham Date: Mon, 2 Feb 2026 10:51:02 +0000 Subject: [PATCH 2/6] Use theme defaults to fix toolbar contrast issue --- .storybook/theme.ts | 28 ---------------------------- 1 file changed, 28 deletions(-) diff --git a/.storybook/theme.ts b/.storybook/theme.ts index 46a24c4f..c47f6582 100644 --- a/.storybook/theme.ts +++ b/.storybook/theme.ts @@ -4,34 +4,6 @@ import packageJson from '../package.json' with { type: 'json' }; export default create({ base: 'light', - - colorPrimary: '#005eb8', - colorSecondary: '#768692', - - // UI - appBg: 'white', - appContentBg: 'white', - appBorderColor: 'grey', - appBorderRadius: 4, - - // Typography - fontCode: 'monospace', - - // Text colors - textColor: '#212b32', - textInverseColor: 'white', - - // Toolbar default and active colors - barTextColor: 'rgba(255,255,255,0.8)', - barSelectedColor: 'rgba(255,255,255,1)', - barBg: '#005eb8', - - // Form colors - inputBg: 'white', - inputBorder: '#425563', - inputTextColor: '#212b32', - inputBorderRadius: 4, - brandTitle: `NHS.UK React Components (v${packageJson.version})`, brandUrl: 'https://github.com/NHSDigital/nhsuk-react-components', }); From fc9a2cbc16812b4b681ef4b29cdb443acbcc2bec Mon Sep 17 00:00:00 2001 From: Colin Rotherham Date: Mon, 2 Feb 2026 10:51:18 +0000 Subject: [PATCH 3/6] Add NHS.UK frontend viewports --- .storybook/preview.tsx | 52 ++++++++++++++++++++++++++++++++++++++++++ 1 file changed, 52 insertions(+) diff --git a/.storybook/preview.tsx b/.storybook/preview.tsx index e6e41893..5cc32541 100644 --- a/.storybook/preview.tsx +++ b/.storybook/preview.tsx @@ -46,6 +46,58 @@ const preview: Preview = { ], }, }, + viewport: { + options: { + watch: { + name: 'Watch', + styles: { + width: '224px', + height: '184px', + }, + type: 'other', + }, + mobile: { + name: 'Mobile', + styles: { + width: '320px', + height: '568px', + }, + type: 'mobile', + }, + tablet: { + name: 'Tablet', + styles: { + width: '641px', + height: '768px', + }, + type: 'tablet', + }, + desktop: { + name: 'Desktop', + styles: { + width: '769px', + height: '1024px', + }, + type: 'desktop', + }, + desktopL: { + name: 'Large desktop', + styles: { + width: '990px', + height: '1024px', + }, + type: 'desktop', + }, + desktopXL: { + name: 'Extra large desktop', + styles: { + width: '1281px', + height: '1024px', + }, + type: 'desktop', + }, + }, + }, }, tags: ['autodocs'], }; From fb85dc477de2ffd73669fcee2b1c179e1219dc7d Mon Sep 17 00:00:00 2001 From: Colin Rotherham Date: Mon, 2 Feb 2026 10:56:29 +0000 Subject: [PATCH 4/6] Enable code panel --- .storybook/preview.tsx | 3 +++ 1 file changed, 3 insertions(+) diff --git a/.storybook/preview.tsx b/.storybook/preview.tsx index 5cc32541..187f08d0 100644 --- a/.storybook/preview.tsx +++ b/.storybook/preview.tsx @@ -28,6 +28,9 @@ const preview: Preview = { grey: { name: 'Grey', value: '#d8dde0' }, }, }, + docs: { + codePanel: true, + }, width: 'two-thirds', layout: 'fullscreen', initialGlobals: { From 95fcf067b28e472b8618905f1427a5672a916a3f Mon Sep 17 00:00:00 2001 From: Colin Rotherham Date: Mon, 2 Feb 2026 12:44:38 +0000 Subject: [PATCH 5/6] Disable unstable snapshots with automatic IDs etc --- stories/Form Elements/Checkboxes.stories.tsx | 25 ++++++++++++++++++++ 1 file changed, 25 insertions(+) diff --git a/stories/Form Elements/Checkboxes.stories.tsx b/stories/Form Elements/Checkboxes.stories.tsx index 21bed488..97a38351 100644 --- a/stories/Form Elements/Checkboxes.stories.tsx +++ b/stories/Form Elements/Checkboxes.stories.tsx @@ -470,6 +470,11 @@ export const WithExclusiveNoneOptionNamed: Story = { export const NoIDSupplied: Story = { name: 'Checkboxes with no ID supplied', + parameters: { + chromatic: { + disableSnapshot: true, + }, + }, render: function NoIDSuppliedRender() { const checkbox1Ref = useRef(null); const checkbox2Ref = useRef(null); @@ -555,6 +560,11 @@ export const NoIDSupplied: Story = { export const NameSupplied: Story = { name: 'Checkboxes with name supplied', + parameters: { + chromatic: { + disableSnapshot: true, + }, + }, render: function NameSuppliedRender() { const checkbox1Ref = useRef(null); const checkbox2Ref = useRef(null); @@ -640,6 +650,11 @@ export const NameSupplied: Story = { export const IDPrefixSupplied: Story = { name: 'Checkboxes with ID prefix supplied', + parameters: { + chromatic: { + disableSnapshot: true, + }, + }, render: function IDPrefixSuppliedRender() { const checkbox1Ref = useRef(null); const checkbox2Ref = useRef(null); @@ -726,6 +741,11 @@ export const IDPrefixSupplied: Story = { export const IDPrefixAndNameSupplied: Story = { name: 'Checkboxes with ID prefix and name supplied', + parameters: { + chromatic: { + disableSnapshot: true, + }, + }, render: function IDPrefixAndNameSuppliedRender() { const checkbox1Ref = useRef(null); const checkbox2Ref = useRef(null); @@ -812,6 +832,11 @@ export const IDPrefixAndNameSupplied: Story = { export const OnChangeAndOnInputHandlers: Story = { name: 'Checkboxes change and input handlers', + parameters: { + chromatic: { + disableSnapshot: true, + }, + }, render: function OnChangeAndOnInputHandlersRender() { const [changeEventLog, setChangeEventLog] = useState>([]); const [inputEventLog, setInputEventLog] = useState>([]); From 86e651946b2e62e4ead9233cd8bcab779bc33750 Mon Sep 17 00:00:00 2001 From: Colin Rotherham Date: Mon, 2 Feb 2026 12:54:26 +0000 Subject: [PATCH 6/6] Fail status checks on story changes --- .github/workflows/ci.yml | 1 + 1 file changed, 1 insertion(+) diff --git a/.github/workflows/ci.yml b/.github/workflows/ci.yml index addbe631..371b31b8 100644 --- a/.github/workflows/ci.yml +++ b/.github/workflows/ci.yml @@ -61,6 +61,7 @@ jobs: with: autoAcceptChanges: main branchName: ${{ env.CHROMATIC_BRANCH}} + exitZeroOnChanges: false onlyChanged: ${{ github.event_name == 'pull_request' }} projectToken: ${{ env.CHROMATIC_PROJECT_TOKEN }} token: ${{ env.GITHUB_TOKEN }}