chore: upgrade storybook to v8.3.6

libs/storybook-app/.storybook/main.ts

@@ -1,4 +1,5 @@
 import type { StorybookConfig } from '@storybook/nextjs';
+import * as path from 'path';
 
 const config: StorybookConfig = {
     stories: ['../../**/*.stories.@(js|jsx|ts|tsx|mdx)'],
@@ -13,6 +14,7 @@ const config: StorybookConfig = {
             alias: {
                 ...(baseConfig.resolve?.alias ?? {}),
                 '@opentelemetry/api': 'next/dist/compiled/@opentelemetry/api',
+                '@fdk-frontend/ui/core': path.resolve(__dirname, '../../ui/src/lib/core')
             },
         };
         return baseConfig;

libs/storybook-app/.storybook/preview.ts

@@ -1,3 +1,3 @@
 // eslint-disable-next-line
-import '../../ui/src/lib/layout-root/global.scss';
+import '../../ui/src/lib/core/global.scss';
 import './storybook.scss';

libs/ui/src/lib/breadcrumbs/breadcrumbs.spec-disabled.tsx

@@ -2,7 +2,7 @@ import { screen, render } from '@testing-library/react';
 import { axe, toHaveNoViolations } from 'jest-axe';
 import { getDictionary, type Dictionary } from '@fdk-frontend/dictionaries';
 
-import { Breadcrumbs } from '.';
+import Breadcrumbs from '.';
 
 expect.extend(toHaveNoViolations);
 

libs/ui/src/lib/breadcrumbs/breadcrumbs.stories.tsx

@@ -1,7 +1,7 @@
 import type { Meta, StoryObj } from '@storybook/react';
 import { getDictionary } from '@fdk-frontend/dictionaries';
 
-import { Breadcrumbs } from '.';
+import Breadcrumbs from '.';
 
 const dictionary = await getDictionary('en', 'data-hunter-page');
 

libs/ui/src/lib/core/fds-overrides.scss

@@ -29,7 +29,9 @@
             color: var(--color-link);
         }
 
-        text-decoration: none;
+        & {
+            text-decoration: none;
+        }
     }
     &.fds-btn--primary {
         &.fds-link {

package.json

@@ -70,6 +70,7 @@
         "@axe-core/playwright": "^4.10.0",
         "@babel/core": "^7.25.2",
         "@babel/preset-react": "^7.24.7",
+        "@emotion/is-prop-valid": "^1.3.1",
         "@eslint/js": "^9.13.0",
         "@nx/devkit": "19.7.3",
         "@nx/eslint": "19.7.3",
@@ -79,16 +80,16 @@
         "@nx/next": "19.7.3",
         "@nx/playwright": "19.7.3",
         "@nx/react": "19.7.3",
-        "@nx/storybook": "19.7.3",
+        "@nx/storybook": "20.0.5",
         "@nx/web": "19.7.3",
         "@nx/workspace": "19.7.3",
         "@playwright/test": "^1.46.1",
-        "@storybook/addon-essentials": "7.6.19",
-        "@storybook/addon-interactions": "^7.5.3",
-        "@storybook/core-server": "7.6.19",
+        "@storybook/addon-essentials": "8.3.6",
+        "@storybook/addon-interactions": "^8.3.6",
+        "@storybook/core-server": "8.3.6",
         "@storybook/jest": "^0.2.3",
-        "@storybook/nextjs": "7.6.19",
-        "@storybook/test-runner": "^0.13.0",
+        "@storybook/nextjs": "8.3.6",
+        "@storybook/test-runner": "^0.19.1",
         "@storybook/testing-library": "^0.2.2",
         "@swc-node/register": "~1.10.9",
         "@swc/cli": "~0.4.0",
@@ -131,7 +132,7 @@
         "prettier-plugin-sort-json": "^4.0.0",
         "react-markdown": "^9.0.1",
         "sass": "^1.77.8",
-        "storybook": "7.6.19",
+        "storybook": "8.3.6",
         "ts-jest": "^29.2.4",
         "ts-node": "10.9.2",
         "typescript": "^5.5.4",