chore: bump Nx to 19.8.6 (#614)

* chore: bump Nx to 19.8.6

* Change files

* chore: bump Nx to 19.8.6

.devcontainer/Dockerfile

@@ -1,2 +1,2 @@
-ARG VARIANT="18-bullseye"
+ARG VARIANT="20-bullseye"
 FROM mcr.microsoft.com/vscode/devcontainers/typescript-node:0-${VARIANT}

.storybook/main.js

@@ -2,4 +2,7 @@ module.exports = {
   core: {},
   stories: [],
   addons: ['@storybook/addon-webpack5-compiler-babel'],
+  docs: {
+    autodocs: true,
+  },
 };

change/@griffel-eslint-plugin-5a1f549c-cc6f-46c2-82f4-da91901b75cf.json

@@ -0,0 +1,7 @@
+{
+  "type": "none",
+  "comment": "chore: bump Nx to 19.8.6",
+  "packageName": "@griffel/eslint-plugin",
+  "email": "olfedias@microsoft.com",
+  "dependentChangeType": "none"
+}

change/@griffel-react-80777751-2d9d-4450-b144-d73f23dfe144.json

@@ -0,0 +1,7 @@
+{
+  "type": "none",
+  "comment": "chore: bump Nx to 19.8.6",
+  "packageName": "@griffel/react",
+  "email": "olfedias@microsoft.com",
+  "dependentChangeType": "none"
+}

change/@griffel-shadow-dom-ff59d4e5-c104-415b-87b4-f966f7771edd.json

@@ -0,0 +1,7 @@
+{
+  "type": "none",
+  "comment": "chore: bump Nx to 19.8.6",
+  "packageName": "@griffel/shadow-dom",
+  "email": "olfedias@microsoft.com",
+  "dependentChangeType": "none"
+}

package.json

@@ -39,23 +39,23 @@
     "@docusaurus/preset-classic": "^3.4.0",
     "@docusaurus/theme-mermaid": "^3.4.0",
     "@emotion/css": "^11.9.0",
-    "@nx/eslint": "19.3.2",
-    "@nx/eslint-plugin": "19.3.2",
-    "@nx/jest": "19.3.2",
-    "@nx/js": "19.3.2",
-    "@nx/node": "19.3.2",
-    "@nx/react": "19.3.2",
-    "@nx/rollup": "19.3.2",
-    "@nx/storybook": "19.3.2",
-    "@nx/web": "19.3.2",
-    "@nx/webpack": "19.3.2",
-    "@nx/workspace": "19.3.2",
-    "@rspack/cli": "1.0.6",
-    "@rspack/core": "1.0.6",
-    "@storybook/addon-essentials": "^8.1.11",
+    "@nx/eslint": "19.8.6",
+    "@nx/eslint-plugin": "19.8.6",
+    "@nx/jest": "19.8.6",
+    "@nx/js": "19.8.6",
+    "@nx/node": "19.8.6",
+    "@nx/react": "19.8.6",
+    "@nx/rollup": "19.8.6",
+    "@nx/storybook": "19.8.6",
+    "@nx/web": "19.8.6",
+    "@nx/webpack": "19.8.6",
+    "@nx/workspace": "19.8.6",
+    "@rspack/cli": "1.0.14",
+    "@rspack/core": "1.0.14",
+    "@storybook/addon-essentials": "^8.3.6",
     "@storybook/addon-webpack5-compiler-babel": "^3.0.3",
-    "@storybook/core-server": "^8.1.11",
-    "@storybook/react-webpack5": "^8.1.11",
+    "@storybook/core-server": "^8.3.6",
+    "@storybook/react-webpack5": "^8.3.6",
     "@swc/core": "1.5.29",
     "@testing-library/jest-dom": "6.4.6",
     "@testing-library/react": "15.0.6",
@@ -64,11 +64,11 @@
     "@types/chrome": "0.0.180",
     "@types/classnames": "2.3.1",
     "@types/d3-scale-chromatic": "^3.0.0",
-    "@types/jest": "29.4.4",
+    "@types/jest": "29.5.14",
     "@types/js-beautify": "^1.13.3",
     "@types/lz-string": "1.3.34",
     "@types/mini-css-extract-plugin": "2.5.1",
-    "@types/node": "18.19.9",
+    "@types/node": "22.7.9",
     "@types/prettier": "2.7.3",
     "@types/react": "18.3.1",
     "@types/react-dom": "18.3.0",
@@ -77,10 +77,10 @@
     "@types/tmp": "0.2.3",
     "@types/webpack-env": "1.18.4",
     "@types/yargs": "^17.0.10",
-    "@typescript-eslint/eslint-plugin": "7.14.1",
-    "@typescript-eslint/parser": "7.14.1",
+    "@typescript-eslint/eslint-plugin": "7.18.0",
+    "@typescript-eslint/parser": "7.18.0",
     "@uifabric/merge-styles": "7.19.1",
-    "babel-jest": "29.4.3",
+    "babel-jest": "29.7.0",
     "babel-plugin-annotate-pure-calls": "0.4.0",
     "babel-plugin-tester": "11.0.0",
     "beachball": "2.31.5",
@@ -89,7 +89,7 @@
     "css-loader": "^6.4.0",
     "d3-scale-chromatic": "^3.0.0",
     "doctoc": "2.2.1",
-    "esbuild": "0.21.5",
+    "esbuild": "0.23.1",
     "esbuild-plugin-alias": "0.2.1",
     "esbuild-plugin-import-glob": "0.1.1",
     "eslint": "8.57.0",
@@ -108,9 +108,9 @@
     "fela-plugin-prefixer": "^12.2.0",
     "fela-plugin-rtl": "^12.2.0",
     "highlight.js": "11.4.0",
-    "jest": "29.4.3",
+    "jest": "29.7.0",
     "jest-chrome": "0.8.0",
-    "jest-environment-jsdom": "29.4.3",
+    "jest-environment-jsdom": "29.7.0",
     "js-beautify": "^1.14.0",
     "log-symbols": "4.1.0",
     "lz-string": "1.4.4",
@@ -122,7 +122,7 @@
     "monosize-storage-upstash": "0.0.20",
     "nano-staged": "0.5.0",
     "next": "14.2.10",
-    "nx": "19.3.2",
+    "nx": "19.8.6",
     "postcss": "8.4.47",
     "prettier": "2.8.2",
     "prism-react-renderer": "2.3.1",
@@ -141,7 +141,7 @@
     "ts-jest": "29.1.1",
     "ts-node": "10.9.1",
     "tsconfig-paths": "4.1.1",
-    "typescript": "5.4.5",
+    "typescript": "5.5.4",
     "vite": "^5.3.6",
     "webpack": "5.94.0",
     "webpack-merge": "5.10.0",
@@ -157,7 +157,8 @@
     "@emotion/hash": "^0.9.0",
     "@linaria/babel-preset": "^3.0.0-beta.24",
     "@linaria/shaker": "^3.0.0-beta.22",
-    "@typescript-eslint/utils": "^7.9.0",
+    "@storybook/addon-interactions": "^8.3.6",
+    "@typescript-eslint/utils": "^7.18.0",
     "@wyw-in-js/processor-utils": "^0.2.3",
     "@wyw-in-js/vite": "^0.2.3",
     "ajv": "^8.4.0",
@@ -166,6 +167,7 @@
     "enhanced-resolve": "^5.15.0",
     "rtl-css-js": "^1.16.1",
     "source-map-js": "1.0.2",
+    "storybook": "^8.3.6",
     "stylis": "^4.2.0",
     "tslib": "^2.1.0"
   },

packages/core/project.json

@@ -17,6 +17,7 @@
         "entryFile": "packages/core/src/index.ts",
         "rollupConfig": "tools/getRollupOptions.js",
         "compiler": "babel",
+        "sourceMap": true,
         "external": ["tslib"],
         "format": ["esm", "cjs"],
         "assets": [

packages/eslint-plugin/package.json

@@ -8,7 +8,7 @@
     "url": "https://github.com/microsoft/griffel"
   },
   "dependencies": {
-    "@typescript-eslint/utils": "^7.9.0",
+    "@typescript-eslint/utils": "^7.18.0",
     "csstype": "^3.1.3",
     "tslib": "^2.1.0"
   },

packages/react/.storybook/preview.js

@@ -0,0 +1 @@
+export const tags = ['autodocs'];

packages/react/project.json

@@ -16,6 +16,7 @@
         "project": "packages/react/package.json",
         "entryFile": "packages/react/src/index.ts",
         "compiler": "babel",
+        "sourceMap": true,
         "rollupConfig": ["@nx/react/plugins/bundle-rollup", "tools/getRollupOptions.js"],
         "external": ["tslib"],
         "format": ["esm", "cjs"],

packages/shadow-dom/.storybook/preview.js

@@ -0,0 +1 @@
+export const tags = ['autodocs'];

packages/shadow-dom/project.json

@@ -16,6 +16,7 @@
         "project": "packages/shadow-dom/package.json",
         "entryFile": "packages/shadow-dom/src/index.ts",
         "compiler": "babel",
+        "sourceMap": true,
         "rollupConfig": ["@nx/react/plugins/bundle-rollup", "tools/getRollupOptions.js"],
         "external": ["tslib"],
         "format": ["esm", "cjs"],

packages/style-types/project.json

@@ -15,6 +15,7 @@
         "project": "packages/style-types/package.json",
         "entryFile": "packages/style-types/src/index.ts",
         "rollupConfig": "tools/getRollupOptions.js",
+        "sourceMap": true,
         "compiler": "babel",
         "external": ["tslib"],
         "format": ["esm", "cjs"],

tools/getRollupOptions.js

@@ -5,8 +5,6 @@ function getRollupOptions(/** @type {import('rollup').RollupOptions} */ options)
       // Stops bundling to a single file and prevents bundle size issues
       preserveModules: true,
       preserveModulesRoot: 'src',
-      // Enables sourcemaps
-      sourcemap: true,
       // Add interop for CJS
       ...(output.format === 'cjs' && { interop: 'compat' }),
     }));