Bump the tools group with 6 updates (#299)

* Bump the tools group with 6 updates

Bumps the tools group with 6 updates:

| Package | From | To |
| --- | --- | --- |
| [@storybook/addon-docs](https://github.com/storybookjs/storybook/tree/HEAD/code/addons/docs) | `9.1.10` | `10.0.2` |
| [@storybook/addon-links](https://github.com/storybookjs/storybook/tree/HEAD/code/addons/links) | `9.1.10` | `10.0.2` |
| [@storybook/react-vite](https://github.com/storybookjs/storybook/tree/HEAD/code/frameworks/react-vite) | `9.1.10` | `10.0.2` |
| [sass-embedded](https://github.com/sass/embedded-host-node) | `1.93.2` | `1.93.3` |
| [storybook](https://github.com/storybookjs/storybook/tree/HEAD/code/core) | `9.1.10` | `10.0.2` |
| [vite](https://github.com/vitejs/vite/tree/HEAD/packages/vite) | `7.1.11` | `7.1.12` |

Updates `@storybook/addon-docs` from 9.1.10 to 10.0.2
- [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.0.2/code/addons/docs)

Updates `@storybook/addon-links` from 9.1.10 to 10.0.2
- [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.0.2/code/addons/links)

Updates `@storybook/react-vite` from 9.1.10 to 10.0.2
- [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.0.2/code/frameworks/react-vite)

Updates `sass-embedded` from 1.93.2 to 1.93.3
- [Changelog](https://github.com/sass/embedded-host-node/blob/main/CHANGELOG.md)
- [Commits](sass/embedded-host-node@1.93.2...1.93.3)

Updates `storybook` from 9.1.10 to 10.0.2
- [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.0.2/code/core)

Updates `vite` from 7.1.11 to 7.1.12
- [Release notes](https://github.com/vitejs/vite/releases)
- [Changelog](https://github.com/vitejs/vite/blob/v7.1.12/packages/vite/CHANGELOG.md)
- [Commits](https://github.com/vitejs/vite/commits/v7.1.12/packages/vite)

---
updated-dependencies:
- dependency-name: "@storybook/addon-docs"
  dependency-version: 10.0.2
  dependency-type: direct:development
  update-type: version-update:semver-major
  dependency-group: tools
- dependency-name: "@storybook/addon-links"
  dependency-version: 10.0.2
  dependency-type: direct:development
  update-type: version-update:semver-major
  dependency-group: tools
- dependency-name: "@storybook/react-vite"
  dependency-version: 10.0.2
  dependency-type: direct:development
  update-type: version-update:semver-major
  dependency-group: tools
- dependency-name: sass-embedded
  dependency-version: 1.93.3
  dependency-type: direct:development
  update-type: version-update:semver-patch
  dependency-group: tools
- dependency-name: storybook
  dependency-version: 10.0.2
  dependency-type: direct:development
  update-type: version-update:semver-major
  dependency-group: tools
- dependency-name: vite
  dependency-version: 7.1.12
  dependency-type: direct:development
  update-type: version-update:semver-patch
  dependency-group: tools
...

Signed-off-by: dependabot[bot] <[email protected]>

* Fix resolutions

* Fix source map relative paths to sources

* Use ES modules for Storybook

* Sync ESLint rules with NHS.UK frontend

* ESLint fix

---------

Signed-off-by: dependabot[bot] <[email protected]>
Co-authored-by: dependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com>
Co-authored-by: Colin Rotherham <[email protected]>

Author: dependabot[bot]

.storybook/manager.ts

@@ -1,6 +1,7 @@
-import { addons } from 'storybook/manager-api';
-import nhsTheme from './theme';
 import { startCase, upperFirst } from 'lodash';
+import { addons } from 'storybook/manager-api';
+
+import nhsTheme from './theme.js';
 
 const sentenceCase = (name = '') => {
   if (!name || typeof name !== 'string') {

.storybook/theme.ts

@@ -1,4 +1,5 @@
 import { create } from 'storybook/theming/create';
+
 import packageJson from '../package.json' with { type: 'json' };
 
 export default create({

.yarnrc.yml

@@ -13,6 +13,8 @@ packageExtensions:
   storybook@*:
     peerDependencies:
       "@testing-library/dom": "*"
+      react: "*"
+      react-dom: "*"
   vite@*:
     peerDependencies:
       rollup: "*"

eslint.config.js

@@ -1,13 +1,14 @@
 import { join } from 'node:path';
+
+import { includeIgnoreFile } from '@eslint/compat';
+import eslint from '@eslint/js';
+import { defineConfig, globalIgnores } from 'eslint/config';
 import configPrettier from 'eslint-config-prettier/flat';
+import pluginImport from 'eslint-plugin-import';
+import pluginJsxA11y from 'eslint-plugin-jsx-a11y';
 import pluginReact from 'eslint-plugin-react';
 import pluginReactHooks from 'eslint-plugin-react-hooks';
-import eslint from '@eslint/js';
-import pluginJsxA11y from 'eslint-plugin-jsx-a11y';
-import { includeIgnoreFile } from '@eslint/compat';
-import { defineConfig, globalIgnores } from 'eslint/config';
 import globals from 'globals';
-import pluginImport from 'eslint-plugin-import';
 import pluginTypeScript from 'typescript-eslint';
 
 const rootPath = import.meta.dirname;
@@ -44,8 +45,23 @@ export default defineConfig([
       'import/no-unresolved': 'off',
       'import/no-unused-modules': 'off',
 
+      // Always import Node.js packages from `node:*`
+      'import/enforce-node-protocol-usage': ['error', 'always'],
+
+      // Check import or require statements are A-Z ordered
+      'import/order': [
+        'error',
+        {
+          'alphabetize': { order: 'asc' },
+          'newlines-between': 'always',
+        },
+      ],
+
       // Prefer rules that are type aware
+      'no-redeclare': 'off',
+      'no-undef': 'off',
       'no-unused-vars': 'off',
+      '@typescript-eslint/no-redeclare': 'error',
       '@typescript-eslint/no-unused-vars': [
         'error',
         {

package.json

@@ -12,18 +12,10 @@
       "import": "./dist/esm/components/*",
       "require": "./dist/cjs/components/*"
     },
-    "#components": {
-      "import": "./dist/esm/components/index.js",
-      "require": "./dist/cjs/components/index.cjs"
-    },
     "#patterns/*": {
       "import": "./dist/esm/patterns/*",
       "require": "./dist/cjs/patterns/*"
     },
-    "#patterns": {
-      "import": "./dist/esm/patterns/index.js",
-      "require": "./dist/cjs/patterns/index.cjs"
-    },
     "#util/*": {
       "import": "./dist/esm/util/*",
       "require": "./dist/cjs/util/*"
@@ -78,9 +70,9 @@
     "@rollup/plugin-commonjs": "^29.0.0",
     "@rollup/plugin-node-resolve": "^16.0.3",
     "@rollup/plugin-typescript": "^12.3.0",
-    "@storybook/addon-docs": "9.1.10",
-    "@storybook/addon-links": "^9.1.10",
-    "@storybook/react-vite": "^9.1.10",
+    "@storybook/addon-docs": "10.0.3",
+    "@storybook/addon-links": "^10.0.3",
+    "@storybook/react-vite": "^10.0.3",
     "@testing-library/dom": "^10.4.1",
     "@testing-library/jest-dom": "^6.9.1",
     "@testing-library/react": "^16.3.0",
@@ -114,12 +106,12 @@
     "react-dom": "^19.2.0",
     "rollup": "^4.52.5",
     "rollup-preserve-directives": "^1.1.3",
-    "sass-embedded": "^1.93.2",
-    "storybook": "^9.1.10",
+    "sass-embedded": "^1.93.3",
+    "storybook": "^10.0.3",
     "tslib": "^2.8.1",
     "typescript": "^5.9.3",
     "typescript-eslint": "^8.46.2",
-    "vite": "^7.1.11",
+    "vite": "^7.1.12",
     "vite-tsconfig-paths": "^5.1.4"
   },
   "peerDependencies": {

rollup.config.js

@@ -1,11 +1,13 @@
-import { join } from 'node:path';
+import { dirname, join, relative, resolve } from 'node:path';
+
 import { DEFAULT_EXTENSIONS as extensions } from '@babel/core';
 import { babel } from '@rollup/plugin-babel';
 import commonjs from '@rollup/plugin-commonjs';
 import { nodeResolve } from '@rollup/plugin-node-resolve';
 import typescript from '@rollup/plugin-typescript';
-import preserveDirectives from 'rollup-preserve-directives';
 import { defineConfig } from 'rollup';
+import preserveDirectives from 'rollup-preserve-directives';
+
 import packageJson from './package.json' with { type: 'json' };
 import tsBuildConfig from './tsconfig.build.json' with { type: 'json' };
 
@@ -38,6 +40,12 @@ export default defineConfig(
           preserveModulesRoot: 'src',
           sourcemap: true,
           sourcemapExcludeSources: true,
+
+          // Fix source map relative paths to sources
+          sourcemapPathTransform: (relativeSourcePath, sourcemapPath) => {
+            const sourcePath = resolve(sourcemapPath, relativeSourcePath);
+            return relative(dirname(sourcemapPath), sourcePath);
+          },
         },
       ],
       external: ['react/jsx-runtime', ...external],

src/components/content-presentation/details/__tests__/Details.test.tsx

@@ -1,6 +1,8 @@
 import { render } from '@testing-library/react';
 import { createRef } from 'react';
+
 import { Details } from '..';
+
 import { renderClient, renderServer } from '#util/components';
 
 describe('Details', () => {

src/components/content-presentation/do-and-dont-list/DoAndDontList.tsx

@@ -2,10 +2,12 @@
 
 import classNames from 'classnames';
 import { forwardRef, type ComponentPropsWithoutRef } from 'react';
-import { HeadingLevel, type HeadingLevelProps } from '#components/utils/HeadingLevel.js';
+
 import { DoAndDontListContext, type DoAndDontListType } from './DoAndDontListContext.js';
 import { DoAndDontListItem } from './components/index.js';
 
+import { HeadingLevel, type HeadingLevelProps } from '#components/utils/HeadingLevel.js';
+
 export interface DoAndDontListProps
   extends ComponentPropsWithoutRef<'div'>,
     Pick<HeadingLevelProps, 'headingLevel'> {

src/components/content-presentation/do-and-dont-list/__tests__/DoAndDontList.test.tsx

@@ -1,6 +1,8 @@
 import { render } from '@testing-library/react';
 import { createRef } from 'react';
+
 import { DoAndDontList } from '..';
+
 import { renderClient, renderServer } from '#util/components';
 
 describe('DoAndDontList', () => {

src/components/content-presentation/do-and-dont-list/components/DoAndDontListItem.tsx

@@ -1,6 +1,7 @@
 'use client';
 
 import { useContext, type ComponentPropsWithoutRef, type FC, type ReactNode } from 'react';
+
 import { CrossIcon, TickIcon } from '../../icons/index.js';
 import { DoAndDontListContext, type DoAndDontListType } from '../DoAndDontListContext.js';