chore: dependencies

Update dependencies. react, react-dom, @types/react, and @types/react-dom are kept on v18 for now Update @nl-design-system/eslint-config to 1.0.0 and fix linting issues
nl-design-system · Feb 5, 2025 · 97bf917 · 97bf917
1 parent 364f023
commit 97bf917
Show file tree

Hide file tree

Showing 32 changed files with 3,206 additions and 1,703 deletions.
diff --git a/.ncurc.major.cjs b/.ncurc.major.cjs
@@ -7,6 +7,10 @@ module.exports = {
     // @types/node is kept in line with the node version in .nvmrc and package.json#engines.node
     '@types/node',
     'style-dictionary',
+    'react',
+    'react-dom',
+    '@types/react',
+    '@types/react-dom',
   ],
   target: 'latest',
 };
diff --git a/npmpackagejsonlint.config.cjs b/npmpackagejsonlint.config.cjs
@@ -1,12 +1,12 @@
 module.exports = {
   rules: {
+    'valid-values-license': ['error', ['EUPL-1.2']],
+    'valid-values-name-scope': ['error', ['@nl-design-system-candidate']],
     'no-caret-version-dependencies': 'error',
     'no-caret-version-devDependencies': 'error',
     'no-tilde-version-dependencies': 'error',
     'no-tilde-version-devDependencies': 'error',
     'require-repository-directory': 'error',
-    'valid-values-license': ['error', ['EUPL-1.2']],
-    'valid-values-name-scope': ['error', ['@nl-design-system-candidate']],
   },
   overrides: [
     {

diff --git a/package.json b/package.json
@@ -20,39 +20,39 @@
   },
   "devDependencies": {
     "@babel/plugin-transform-runtime": "7.25.9",
-    "@babel/preset-env": "7.26.0",
-    "@babel/preset-react": "7.25.9",
+    "@babel/preset-env": "7.26.7",
+    "@babel/preset-react": "7.26.3",
     "@babel/preset-typescript": "7.26.0",
-    "@changesets/cli": "2.27.9",
-    "@eslint/js": "9.14.0",
+    "@changesets/cli": "2.27.12",
+    "@eslint/js": "9.19.0",
     "@jest/globals": "29.7.0",
-    "@nl-design-system/eslint-config": "0.0.1",
+    "@nl-design-system/eslint-config": "1.0.0",
     "@nl-design-system/rollup-config-react-component": "1.0.3",
     "@nl-design-system/tsconfig": "1.0.1",
     "@testing-library/dom": "10.4.0",
     "@testing-library/jest-dom": "6.6.3",
-    "@testing-library/react": "16.0.1",
-    "@types/node": "22.10.7",
-    "eslint": "9.14.0",
-    "husky": "9.1.6",
+    "@testing-library/react": "16.2.0",
+    "@types/node": "22.12.0",
+    "eslint": "9.19.0",
+    "husky": "9.1.7",
     "jest": "29.7.0",
     "jest-environment-jsdom": "29.7.0",
-    "lint-staged": "15.2.10",
-    "markdownlint-cli": "0.42.0",
-    "npm-check-updates": "17.1.10",
+    "lint-staged": "15.4.3",
+    "markdownlint-cli": "0.44.0",
+    "npm-check-updates": "17.1.14",
     "npm-package-json-lint": "8.0.0",
     "npm-run-all": "4.1.5",
-    "postcss": "8.4.47",
-    "prettier": "3.3.3",
+    "postcss": "8.5.1",
+    "prettier": "3.4.2",
     "react": "18.3.1",
     "react-dom": "18.3.1",
     "rimraf": "6.0.1",
-    "rollup": "4.25.0",
-    "sass": "1.80.6",
-    "stylelint": "16.10.0",
-    "stylelint-config-standard-scss": "13.1.0",
+    "rollup": "4.34.3",
+    "sass": "1.83.4",
+    "stylelint": "16.14.1",
+    "stylelint-config-standard-scss": "14.0.0",
     "stylelint-order": "6.0.4",
-    "typescript": "5.6.3"
+    "typescript": "5.7.3"
   },
   "scripts": {
     "build": "pnpm --recursive run build",

diff --git a/packages/components-react/code-block-react/package.json b/packages/components-react/code-block-react/package.json
@@ -36,9 +36,9 @@
     "typecheck": "tsc"
   },
   "devDependencies": {
-    "@babel/runtime": "7.26.0",
+    "@babel/runtime": "7.26.7",
     "@nl-design-system-candidate/code-block-css": "workspace:*",
-    "@types/react": "18.3.12",
+    "@types/react": "18.3.18",
     "react": "18.3.1"
   },
   "peerDependencies": {

diff --git a/packages/components-react/code-react/package.json b/packages/components-react/code-react/package.json
@@ -36,9 +36,9 @@
     "typecheck": "tsc"
   },
   "devDependencies": {
-    "@babel/runtime": "7.26.0",
+    "@babel/runtime": "7.26.7",
     "@nl-design-system-candidate/code-css": "workspace:*",
-    "@types/react": "18.3.12",
+    "@types/react": "18.3.18",
     "react": "18.3.1"
   },
   "peerDependencies": {

diff --git a/packages/components-react/color-sample-react/package.json b/packages/components-react/color-sample-react/package.json
@@ -36,9 +36,9 @@
     "typecheck": "tsc"
   },
   "devDependencies": {
-    "@babel/runtime": "7.26.0",
+    "@babel/runtime": "7.26.7",
     "@nl-design-system-candidate/color-sample-css": "workspace:*",
-    "@types/react": "18.3.12",
+    "@types/react": "18.3.18",
     "react": "18.3.1"
   },
   "peerDependencies": {

diff --git a/packages/components-react/data-badge-react/package.json b/packages/components-react/data-badge-react/package.json
@@ -36,9 +36,9 @@
     "typecheck": "tsc"
   },
   "devDependencies": {
-    "@babel/runtime": "7.26.0",
+    "@babel/runtime": "7.26.7",
     "@nl-design-system-candidate/data-badge-css": "workspace:*",
-    "@types/react": "18.3.12",
+    "@types/react": "18.3.18",
     "react": "18.3.1"
   },
   "peerDependencies": {

diff --git a/packages/components-react/heading-1-react/package.json b/packages/components-react/heading-1-react/package.json
@@ -37,9 +37,9 @@
     "typecheck": "tsc"
   },
   "devDependencies": {
-    "@babel/runtime": "7.26.0",
+    "@babel/runtime": "7.26.7",
     "@nl-design-system-candidate/heading-1-css": "workspace:*",
-    "@types/react": "18.3.12",
+    "@types/react": "18.3.18",
     "react": "18.3.1"
   },
   "peerDependencies": {

diff --git a/packages/components-react/heading-2-react/package.json b/packages/components-react/heading-2-react/package.json
@@ -37,9 +37,9 @@
     "typecheck": "tsc"
   },
   "devDependencies": {
-    "@babel/runtime": "7.26.0",
+    "@babel/runtime": "7.26.7",
     "@nl-design-system-candidate/heading-2-css": "workspace:*",
-    "@types/react": "18.3.12",
+    "@types/react": "18.3.18",
     "react": "18.3.1"
   },
   "peerDependencies": {

diff --git a/packages/components-react/heading-3-react/package.json b/packages/components-react/heading-3-react/package.json
@@ -37,9 +37,9 @@
     "typecheck": "tsc"
   },
   "devDependencies": {
-    "@babel/runtime": "7.26.0",
+    "@babel/runtime": "7.26.7",
     "@nl-design-system-candidate/heading-3-css": "workspace:*",
-    "@types/react": "18.3.12",
+    "@types/react": "18.3.18",
     "react": "18.3.1"
   },
   "peerDependencies": {

diff --git a/packages/components-react/heading-4-react/package.json b/packages/components-react/heading-4-react/package.json
@@ -37,9 +37,9 @@
     "typecheck": "tsc"
   },
   "devDependencies": {
-    "@babel/runtime": "7.26.0",
+    "@babel/runtime": "7.26.7",
     "@nl-design-system-candidate/heading-4-css": "workspace:*",
-    "@types/react": "18.3.12",
+    "@types/react": "18.3.18",
     "react": "18.3.1"
   },
   "peerDependencies": {

diff --git a/packages/components-react/heading-5-react/package.json b/packages/components-react/heading-5-react/package.json
@@ -37,9 +37,9 @@
     "typecheck": "tsc"
   },
   "devDependencies": {
-    "@babel/runtime": "7.26.0",
+    "@babel/runtime": "7.26.7",
     "@nl-design-system-candidate/heading-5-css": "workspace:*",
-    "@types/react": "18.3.12",
+    "@types/react": "18.3.18",
     "react": "18.3.1"
   },
   "peerDependencies": {

diff --git a/packages/components-react/heading-6-react/package.json b/packages/components-react/heading-6-react/package.json
@@ -37,9 +37,9 @@
     "typecheck": "tsc"
   },
   "devDependencies": {
-    "@babel/runtime": "7.26.0",
+    "@babel/runtime": "7.26.7",
     "@nl-design-system-candidate/heading-6-css": "workspace:*",
-    "@types/react": "18.3.12",
+    "@types/react": "18.3.18",
     "react": "18.3.1"
   },
   "peerDependencies": {

diff --git a/packages/components-react/heading-react/package.json b/packages/components-react/heading-react/package.json
@@ -36,9 +36,9 @@
     "typecheck": "tsc"
   },
   "devDependencies": {
-    "@babel/runtime": "7.26.0",
+    "@babel/runtime": "7.26.7",
     "@nl-design-system-candidate/heading-css": "workspace:*",
-    "@types/react": "18.3.12",
+    "@types/react": "18.3.18",
     "react": "18.3.1"
   },
   "peerDependencies": {

diff --git a/packages/components-react/link-react/package.json b/packages/components-react/link-react/package.json
@@ -36,9 +36,9 @@
     "typecheck": "tsc"
   },
   "devDependencies": {
-    "@babel/runtime": "7.26.0",
+    "@babel/runtime": "7.26.7",
     "@nl-design-system-candidate/link-css": "workspace:*",
-    "@types/react": "18.3.12",
+    "@types/react": "18.3.18",
     "react": "18.3.1"
   },
   "peerDependencies": {

diff --git a/packages/components-react/mark-react/package.json b/packages/components-react/mark-react/package.json
@@ -36,9 +36,9 @@
     "typecheck": "tsc"
   },
   "devDependencies": {
-    "@babel/runtime": "7.26.0",
+    "@babel/runtime": "7.26.7",
     "@nl-design-system-candidate/mark-css": "workspace:*",
-    "@types/react": "18.3.12",
+    "@types/react": "18.3.18",
     "react": "18.3.1"
   },
   "peerDependencies": {

diff --git a/packages/components-react/number-badge-react/package.json b/packages/components-react/number-badge-react/package.json
@@ -36,9 +36,9 @@
     "typecheck": "tsc"
   },
   "devDependencies": {
-    "@babel/runtime": "7.26.0",
+    "@babel/runtime": "7.26.7",
     "@nl-design-system-candidate/number-badge-css": "workspace:*",
-    "@types/react": "18.3.12",
+    "@types/react": "18.3.18",
     "react": "18.3.1"
   },
   "peerDependencies": {

diff --git a/packages/components-react/paragraph-react/package.json b/packages/components-react/paragraph-react/package.json
@@ -36,9 +36,9 @@
     "typecheck": "tsc"
   },
   "devDependencies": {
-    "@babel/runtime": "7.26.0",
+    "@babel/runtime": "7.26.7",
     "@nl-design-system-candidate/paragraph-css": "workspace:*",
-    "@types/react": "18.3.12",
+    "@types/react": "18.3.18",
     "react": "18.3.1"
   },
   "peerDependencies": {

diff --git a/packages/components-react/skip-link-react/package.json b/packages/components-react/skip-link-react/package.json
@@ -36,9 +36,9 @@
     "typecheck": "tsc"
   },
   "devDependencies": {
-    "@babel/runtime": "7.26.0",
+    "@babel/runtime": "7.26.7",
     "@nl-design-system-candidate/skip-link-css": "workspace:*",
-    "@types/react": "18.3.12",
+    "@types/react": "18.3.18",
     "react": "18.3.1"
   },
   "peerDependencies": {

diff --git a/packages/storybook-non-conforming/config/preview.ts b/packages/storybook-non-conforming/config/preview.ts
@@ -27,9 +27,9 @@ const preview: Preview = {
     },
   },
   initialGlobals: {
+    storyRootClassname: 'voorbeeld-theme',
     dir: undefined,
     lang: undefined,
-    storyRootClassname: 'voorbeeld-theme',
     viewport: { value: undefined },
     zoom: undefined,
   },

diff --git a/packages/storybook-non-conforming/config/viewports.ts b/packages/storybook-non-conforming/config/viewports.ts
@@ -4,24 +4,24 @@ export const viewports: ViewportMap = {
   wcag100: {
     name: 'WCAG 100%',
     styles: {
-      height: '1024px',
       width: '1280px',
+      height: '1024px',
     },
     type: 'other',
   },
   wcag200: {
     name: 'WCAG 200%',
     styles: {
-      height: '512px',
       width: '640px',
+      height: '512px',
     },
     type: 'other',
   },
   wcag400: {
     name: 'WCAG 400%',
     styles: {
-      height: '256px',
       width: '320px',
+      height: '256px',
     },
     type: 'other',
   },

diff --git a/packages/storybook-non-conforming/package.json b/packages/storybook-non-conforming/package.json
@@ -16,32 +16,33 @@
   },
   "devDependencies": {
     "@etchteam/storybook-addon-status": "5.0.0",
-    "@fontsource/fira-code": "5.1.0",
-    "@fontsource/fira-sans": "5.1.0",
+    "@fontsource/fira-code": "5.1.1",
+    "@fontsource/fira-sans": "5.1.1",
     "@nl-design-system-candidate/storybook-shared": "workspace:*",
     "@nl-design-system-unstable/design-tokens-table-react": "1.0.0",
-    "@nl-design-system-unstable/tokens-lib": "0.1.0",
-    "@nl-design-system-unstable/voorbeeld-design-tokens": "3.3.3",
-    "@storybook/addon-a11y": "8.4.5",
-    "@storybook/addon-controls": "8.4.5",
-    "@storybook/addon-docs": "8.4.5",
-    "@storybook/addon-toolbars": "8.4.5",
-    "@storybook/addon-viewport": "8.4.5",
-    "@storybook/blocks": "8.4.5",
-    "@storybook/react": "8.4.5",
-    "@storybook/react-vite": "8.4.5",
-    "@tabler/icons-react": "3.24.0",
-    "@types/lodash": "4.17.13",
-    "@types/react": "18.3.12",
-    "@types/react-dom": "18.3.1",
+    "@nl-design-system-unstable/tokens-lib": "0.2.0",
+    "@nl-design-system-unstable/voorbeeld-design-tokens": "3.3.4",
+    "@storybook/addon-a11y": "8.5.3",
+    "@storybook/addon-controls": "8.5.3",
+    "@storybook/addon-docs": "8.5.3",
+    "@storybook/addon-toolbars": "8.5.3",
+    "@storybook/addon-viewport": "8.5.3",
+    "@storybook/blocks": "8.5.3",
+    "@storybook/react": "8.5.3",
+    "@storybook/react-vite": "8.5.3",
+    "@tabler/icons-react": "3.29.0",
+    "@types/lodash": "4.17.15",
+    "@types/react": "18.3.18",
+    "@types/react-dom": "18.3.5",
     "@whitespace/storybook-addon-html": "6.1.1",
     "clsx": "2.1.1",
     "lodash-es": "4.17.21",
-    "prettier": "3.3.3",
+    "prettier": "3.4.2",
     "react": "18.3.1",
     "react-dom": "18.3.1",
     "react-syntax-highlighter": "15.6.1",
-    "storybook": "8.4.5",
-    "vite": "5.4.10"
+    "storybook": "8.5.3",
+    "vite": "6.0.11",
+    "vitest": "3.0.5"
   }
 }
diff --git a/packages/storybook-shared/package.json b/packages/storybook-shared/package.json
@@ -5,9 +5,9 @@
   "devDependencies": {
     "@nl-design-system/tsconfig": "1.0.1",
     "@nl-design-system-candidate/paragraph-react": "workspace:*",
-    "@storybook/blocks": "8.4.5",
-    "@storybook/react": "8.4.5",
-    "@types/react": "18.3.12",
+    "@storybook/blocks": "8.5.3",
+    "@storybook/react": "8.5.3",
+    "@types/react": "18.3.18",
     "react": "18.3.1"
   },
   "repository": {

diff --git a/packages/storybook-shared/src/StoryRootDecorator.tsx b/packages/storybook-shared/src/StoryRootDecorator.tsx
@@ -2,7 +2,7 @@ import type { Decorator } from '@storybook/react';
 import { useEffect, type CSSProperties } from 'react';
 
 export const StoryRootDecorator: Decorator = (Story, context) => {
-  const { dir, lang, storyRootClassname, title, writingMode, zoom } = context.globals;
+  const { storyRootClassname, dir, lang, title, writingMode, zoom } = context.globals;
   const style: CSSProperties = zoom ? { zoom } : {};
 
   // In Storybook there are different view modes. When looking at all stories,