build: patch round 2024-06

- install patch updates - install minor updates - install major updates - prevent eslint-plugin-json from updating because it requires ESLint v9 - Re-add `@whitespace/storybook-addon-html` and `@etchteam/storybook-addon-status` now that they fully support Storybook v8
nl-design-system · Jun 13, 2024 · dad2f80 · dad2f80
1 parent a27b8bd
commit dad2f80
Show file tree

Hide file tree

Showing 11 changed files with 3,092 additions and 2,252 deletions.
diff --git a/.husky/pre-commit b/.husky/pre-commit
@@ -1 +1 @@
-pnpx lint-staged
+pnpm exec lint-staged
diff --git a/.ncurc.major.cjs b/.ncurc.major.cjs
@@ -2,6 +2,6 @@ const minorConfig = require('./.ncurc.minor.cjs');
 
 module.exports = {
   ...minorConfig,
-  reject: [...minorConfig.reject, 'eslint'],
+  reject: [...minorConfig.reject, 'eslint', 'eslint-plugin-json'],
   target: 'latest',
 };
diff --git a/package.json b/package.json
@@ -17,28 +17,28 @@
     "./proprietary/*"
   ],
   "devDependencies": {
-    "@lerna-lite/cli": "3.3.3",
-    "@lerna-lite/publish": "3.3.3",
-    "@lerna-lite/run": "3.3.3",
-    "@lerna-lite/version": "3.3.3",
-    "@types/node": "20.12.8",
-    "@typescript-eslint/eslint-plugin": "7.8.0",
-    "@typescript-eslint/parser": "7.8.0",
+    "@lerna-lite/cli": "3.5.1",
+    "@lerna-lite/publish": "3.5.2",
+    "@lerna-lite/run": "3.5.1",
+    "@lerna-lite/version": "3.5.2",
+    "@types/node": "20.14.2",
+    "@typescript-eslint/eslint-plugin": "7.13.0",
+    "@typescript-eslint/parser": "7.13.0",
     "eslint": "8.57.0",
     "eslint-config-prettier": "9.1.0",
     "eslint-plugin-import": "2.29.1",
     "eslint-plugin-json": "3.1.0",
     "eslint-plugin-mdx": "3.1.5",
-    "eslint-plugin-react": "7.34.1",
+    "eslint-plugin-react": "7.34.2",
     "husky": "9.0.11",
-    "lint-staged": "15.2.2",
-    "markdownlint-cli": "0.40.0",
+    "lint-staged": "15.2.7",
+    "markdownlint-cli": "0.41.0",
     "npm-check-updates": "16.14.20",
-    "npm-package-json-lint": "7.1.0",
+    "npm-package-json-lint": "8.0.0",
     "npm-run-all": "4.1.5",
     "postcss": "8.4.38",
-    "prettier": "3.2.5",
-    "stylelint": "16.5.0",
+    "prettier": "3.3.2",
+    "stylelint": "16.6.1",
     "stylelint-config-standard-scss": "13.1.0",
     "stylelint-order": "6.0.4",
     "typescript": "5.4.5"

diff --git a/packages/components-react/package.json b/packages/components-react/package.json
@@ -34,43 +34,42 @@
     "clsx": "2.1.1"
   },
   "devDependencies": {
-    "@babel/core": "7.24.5",
-    "@babel/plugin-transform-runtime": "7.24.3",
-    "@babel/preset-env": "7.24.5",
-    "@babel/preset-react": "7.24.1",
-    "@babel/preset-typescript": "7.24.1",
-    "@babel/runtime": "7.24.5",
+    "@babel/core": "7.24.7",
+    "@babel/plugin-transform-runtime": "7.24.7",
+    "@babel/preset-env": "7.24.7",
+    "@babel/preset-react": "7.24.7",
+    "@babel/preset-typescript": "7.24.7",
+    "@babel/runtime": "7.24.7",
     "@example/components-css": "workspace:*",
     "@rollup/plugin-babel": "6.0.4",
-    "@rollup/plugin-commonjs": "25.0.7",
+    "@rollup/plugin-commonjs": "26.0.1",
     "@rollup/plugin-node-resolve": "15.2.3",
     "@testing-library/dom": "10.1.0",
-    "@testing-library/jest-dom": "6.4.3",
-    "@testing-library/react": "15.0.6",
+    "@testing-library/jest-dom": "6.4.6",
+    "@testing-library/react": "16.0.0",
     "@testing-library/user-event": "14.5.2",
     "@types/jest": "29.5.12",
-    "@types/react": "18.3.1",
-    "@types/testing-library__jest-dom": "5.14.9",
-    "@vitejs/plugin-react": "4.2.1",
+    "@types/react": "18.3.3",
+    "@vitejs/plugin-react": "4.3.1",
     "jest": "29.7.0",
     "jest-environment-jsdom": "29.7.0",
-    "next": "14.2.3",
+    "next": "14.2.4",
     "npm-run-all": "4.1.5",
     "postcss": "8.4.38",
     "react": "18.3.1",
     "react-dom": "18.3.1",
-    "rimraf": "5.0.5",
-    "rollup": "4.17.2",
+    "rimraf": "5.0.7",
+    "rollup": "4.18.0",
     "rollup-plugin-filesize": "10.0.0",
     "rollup-plugin-node-externals": "7.1.2",
     "rollup-plugin-node-polyfills": "0.2.1",
     "rollup-plugin-peer-deps-external": "2.2.4",
     "rollup-plugin-postcss": "4.0.2",
     "rollup-plugin-typescript2": "0.36.0",
-    "sass": "1.76.0",
-    "tslib": "2.6.2",
+    "sass": "1.77.5",
+    "tslib": "2.6.3",
     "typescript": "5.4.5",
-    "vite": "5.2.11",
+    "vite": "5.2.13",
     "vite-plugin-runtime-config": "1.0.2"
   },
   "peerDependencies": {

diff --git a/packages/storybook/config/main.ts b/packages/storybook/config/main.ts
@@ -2,7 +2,13 @@ import type { StorybookConfig } from '@storybook/react-vite';
 
 const config: StorybookConfig = {
   stories: ['../src/**/*stories.@(js|jsx|ts|tsx)', '../src/**/*.mdx'],
-  addons: ['@storybook/addon-a11y', '@storybook/addon-docs', '@storybook/addon-viewport'],
+  addons: [
+    '@storybook/addon-a11y',
+    '@storybook/addon-docs',
+    '@storybook/addon-viewport',
+    '@whitespace/storybook-addon-html',
+    '@etchteam/storybook-addon-status',
+  ],
   framework: {
     name: '@storybook/react-vite',
     options: {},

diff --git a/packages/storybook/config/preview.ts b/packages/storybook/config/preview.ts
@@ -10,6 +10,34 @@ const preview: Preview = {
   parameters: {
     controls: { expanded: false },
     options: { panelPosition: 'right' },
+    status: {
+      statuses: {
+        PRODUCTION: {
+          background: '#088008',
+          color: '#ffffff',
+          description:
+            'Used in production in a variety of situations, well tested, stable APIs, mostly patches and minor releases.',
+        },
+        BETA: {
+          background: '#3065ee',
+          color: '#ffffff',
+          description:
+            'Used in production in a specific situation, evolving APIs based on feedback, breaking changes are still likely.',
+        },
+        ALPHA: {
+          background: '#e0bc2e',
+          color: '#000000',
+          description:
+            'Used in prototypes and in projects that are still in development, breaking changes occur frequently and are not communicated.',
+        },
+        'WORK IN PROGRESS': {
+          background: '#cc0000',
+          color: '#ffffff',
+          description:
+            'Do not use in production. Does not follow semantic versioning and any published packages are for internal use only.',
+        },
+      },
+    },
   },
   decorators: [ParametersArgsDecorator],
 };

diff --git a/packages/storybook/package.json b/packages/storybook/package.json
@@ -19,27 +19,30 @@
     "storybook": "storybook dev --config-dir config/ --port 6006"
   },
   "devDependencies": {
+    "@etchteam/storybook-addon-status": "5.0.0",
     "@example/assets": "workspace:*",
     "@example/components-css": "workspace:*",
     "@example/design-tokens": "workspace:*",
     "@example/font": "workspace:*",
     "@example/web-components-react": "workspace:*",
     "@example/web-components-stencil": "workspace:*",
-    "@storybook/addon-a11y": "8.0.9",
-    "@storybook/addon-actions": "8.0.9",
-    "@storybook/addon-docs": "8.0.9",
-    "@storybook/addon-interactions": "8.0.9",
-    "@storybook/addon-links": "8.0.9",
-    "@storybook/addon-viewport": "8.0.9",
-    "@storybook/react": "8.0.9",
-    "@storybook/react-vite": "8.0.9",
-    "@types/react": "18.3.1",
+    "@storybook/addon-a11y": "8.1.8",
+    "@storybook/addon-actions": "8.1.8",
+    "@storybook/addon-docs": "8.1.8",
+    "@storybook/addon-interactions": "8.1.8",
+    "@storybook/addon-links": "8.1.8",
+    "@storybook/addon-viewport": "8.1.8",
+    "@storybook/react": "8.1.8",
+    "@storybook/react-vite": "8.1.8",
+    "@types/react": "18.3.3",
     "@types/react-dom": "18.3.0",
+    "@whitespace/storybook-addon-html": "6.1.1",
     "react": "18.3.1",
     "react-dom": "18.3.1",
-    "rimraf": "5.0.5",
-    "storybook": "8.0.9",
+    "react-syntax-highlighter": "15.5.0",
+    "rimraf": "5.0.7",
+    "storybook": "8.1.8",
     "typescript": "5.4.5",
-    "vite": "5.2.11"
+    "vite": "5.2.13"
   }
 }
diff --git a/packages/web-components-react/package.json b/packages/web-components-react/package.json
@@ -29,12 +29,12 @@
   },
   "devDependencies": {
     "@example/web-components-stencil": "workspace:*",
-    "@types/node": "20.12.8",
-    "@types/react": "18.3.1",
+    "@types/node": "20.14.2",
+    "@types/react": "18.3.3",
     "@types/react-dom": "18.3.0",
     "react": "18.3.1",
     "react-dom": "18.3.1",
-    "rimraf": "5.0.5",
+    "rimraf": "5.0.7",
     "typescript": "5.4.5"
   }
 }
diff --git a/packages/web-components-stencil/package.json b/packages/web-components-stencil/package.json
@@ -39,11 +39,11 @@
     "@types/jest": "29.5.12",
     "chokidar-cli": "3.0.0",
     "npm-run-all": "4.1.5",
-    "rimraf": "5.0.5",
-    "tslib": "2.6.2",
+    "rimraf": "5.0.7",
+    "tslib": "2.6.3",
     "typescript": "5.4.5"
   },
   "dependencies": {
-    "@stencil/core": "4.17.2"
+    "@stencil/core": "4.18.3"
   }
 }