Upgraded storybook version

.github/workflows/chromatic.yml

@@ -1,4 +1,4 @@
-name: "Chromatic"
+name: "Chromatic & Storybook Tests"
 
 on:
   push:
@@ -19,17 +19,16 @@ jobs:
         with:
           fetch-depth: 0
 
-      - name: Install dependencies
-        run: npm install
-
-      - name: Install Node.js 18.x
+      - name: Install Node.js 22.x
         uses: actions/setup-node@v1
         with:
-          node-version: 18.x
+          node-version: 22.x
           registry-url: https://registry.npmjs.org/
 
+      - name: Install dependencies
+        run: npm install
+
       - name: Publish to Chromatic
-        id: chromatic_publish
         uses: chromaui/action@v1
         with:
           projectToken: ${{ secrets.CHROMATIC_PROJECT_TOKEN }}
@@ -38,10 +37,23 @@ jobs:
           workingDir: packages/lib
           forceRebuild: true
 
+  storybook-tests:
+    runs-on: ubuntu-latest
+    steps:
+      - name: Checkout repository
+        uses: actions/checkout@v2
+
+      - name: Install Node.js 22.x
+        uses: actions/setup-node@v1
+        with:
+          node-version: 22.x
+          registry-url: https://registry.npmjs.org/
+
+      - name: Install dependencies
+        run: npm install
+
       - name: Run Storybook Tests
         run: |
           cd packages/lib
           npx playwright install --with-deps
-          npm run storybook:accessibility:ci
-        env:
-          TARGET_URL: "${{ steps.chromatic_publish.outputs.storybookUrl }}"
+          npm run test-storybook

.github/workflows/create-issue.yml

@@ -13,10 +13,10 @@ jobs:
       - name: Checkout repository
         uses: actions/checkout@v2
 
-      - name: Install Node.js 18.x
+      - name: Install Node.js 22.x
         uses: actions/setup-node@v1
         with:
-          node-version: 18.x
+          node-version: 22.x
           registry-url: https://registry.npmjs.org/
 
       - name: Install scripts dependencies

.github/workflows/publish-next.yml

@@ -15,10 +15,10 @@ jobs:
       - name: Checkout repository
         uses: actions/checkout@v2
 
-      - name: Install Node.js 18.x
+      - name: Install Node.js 22.x
         uses: actions/setup-node@v1
         with:
-          node-version: 18.x
+          node-version: 22.x
           registry-url: https://registry.npmjs.org/
 
       - name: Configure AWS Credentials

.github/workflows/publish-release.yml

@@ -12,10 +12,10 @@ jobs:
       - name: Checkout repository
         uses: actions/checkout@v2
 
-      - name: Install Node.js 18.x
+      - name: Install Node.js 22.x
         uses: actions/setup-node@v1
         with:
-          node-version: 18.x
+          node-version: 22.x
           registry-url: https://registry.npmjs.org/
 
       - name: Configure AWS Credentials

.github/workflows/publish-website.yml

@@ -15,10 +15,10 @@ jobs:
       - name: Checkout repository
         uses: actions/checkout@v2
 
-      - name: Install Node.js 18.x
+      - name: Install Node.js 22.x
         uses: actions/setup-node@v1
         with:
-          node-version: 18.x
+          node-version: 22.x
           registry-url: https://registry.npmjs.org/
 
       - name: Configure AWS Credentials

.github/workflows/pull-request.yml

@@ -10,10 +10,10 @@ jobs:
       - name: Checkout repository
         uses: actions/checkout@v2
 
-      - name: Install Node.js 18.x
+      - name: Install Node.js 22.x
         uses: actions/setup-node@v1
         with:
-          node-version: 18.x
+          node-version: 22.x
           registry-url: https://registry.npmjs.org/
 
       - name: Install dependencies

.github/workflows/push-catalog-s3.yml

@@ -12,10 +12,10 @@ jobs:
       - name: Checkout repository
         uses: actions/checkout@v2
 
-      - name: Install Node.js 18.x
+      - name: Install Node.js 22.x
         uses: actions/setup-node@v1
         with:
-          node-version: 18.x
+          node-version: 22.x
           registry-url: https://registry.npmjs.org/
 
       - name: Configure AWS Credentials

LOCAL.md

@@ -58,10 +58,9 @@ Here is a list of the most common commands you will use:
 - `npm run format` - Run the Prettier formatter.
 - `turbo lint` - Run the linter.
 - `turbo storybook` - Start the Storybook server.
-- `turbo storybook:accessibility` - Run the accessibility tests on Storybook.
-- `turbo storybook:accessibility:ci` - Run the accessibility tests on Storybook in CI mode.
 - `turbo storybook:build` - Build the Storybook.
 - `turbo storybook:deploy` - Deploy the Storybook to GitHub Pages.
 - `turbo test` - Run the tests.
 - `turbo test:accessibility` - Run the accessibility tests.
 - `turbo test:watch` - Run the tests in watch mode.
+- `turbo test-storybook` - Run the Storybook tests.

apps/website/eslint.config.js → apps/website/eslint.config.mjs

@@ -6,4 +6,4 @@ const __filename = fileURLToPath(import.meta.url);
 const __dirname = dirname(__filename);
 
 /** @type {import("eslint").Config[]} */
-export default [{ ignores: ["out/**", ".next/**", "eslint.config.js"] }, ...nextConfig({ tsconfigRootDir: __dirname })];
+export default [{ ignores: ["out/**", ".next/**", "eslint.config.mjs"] }, ...nextConfig({ tsconfigRootDir: __dirname })];

apps/website/package.json

@@ -13,7 +13,7 @@
     "@emotion/cache": "^11.14.0",
     "@emotion/react": "^11.14.0",
     "@emotion/server": "^11.11.0",
-    "@emotion/styled": "^11.14.0",
+    "@emotion/styled": "^11.14.1",
     "@radix-ui/react-popover": "^1.0.7",
     "cross-env": "^7.0.3",
     "next": "^15.4.5",

lint-staged.config.mjs

@@ -1,10 +1,10 @@
 export default {
   "apps/website/**/*.(ts|tsx|js|jsx)": [
-    "eslint --max-warnings 0 --config ./apps/website/eslint.config.js",
+    "eslint --max-warnings 0 --config ./apps/website/eslint.config.mjs",
     "prettier --write",
   ],
   "packages/lib/**/*.{js,jsx,ts,tsx}": [
-    "eslint --max-warnings 0 --config ./packages/lib/eslint.config.js",
+    "eslint --max-warnings 0 --config ./packages/lib/eslint.config.mjs",
     "prettier --write",
   ],
 };