@amboss/design-system 3.7.1 → 3.7.2

package/build/esm/shared/ScreenReaderText.js

@@ -1 +1 @@
-import styled from"@emotion/styled";export const ScreenReaderText=/*#__PURE__*/styled("div",{target:"e1skx7qu0",label:"ScreenReaderText"})({width:1,height:1,position:"absolute",left:"-10000px",top:0,overflow:"hidden"},"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjL3NoYXJlZC9TY3JlZW5SZWFkZXJUZXh0LnRzIiwic291cmNlcyI6WyJzcmMvc2hhcmVkL1NjcmVlblJlYWRlclRleHQudHMiXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5cbi8vIENvbnRlbnQgcmVxdWlyZWQgdG8gYmUgcmVhZCBieSBzY3JlZW4gcmVhZGVycyBidXQgdmlzdWFsbHkgaGlkZGVuXG5leHBvcnQgY29uc3QgU2NyZWVuUmVhZGVyVGV4dCA9IHN0eWxlZC5kaXYoe1xuICB3aWR0aDogMSxcbiAgaGVpZ2h0OiAxLFxuICBwb3NpdGlvbjogXCJhYnNvbHV0ZVwiLFxuICBsZWZ0OiBcIi0xMDAwMHB4XCIsXG4gIHRvcDogMCxcbiAgb3ZlcmZsb3c6IFwiaGlkZGVuXCIsXG59KTtcbiJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFHZ0MifQ== */");
+import styled from"@emotion/styled";export const ScreenReaderText=styled("div",{target:"e1skx7qu0",label:"ScreenReaderText"})({width:1,height:1,position:"absolute",left:"-10000px",top:0,overflow:"hidden"},"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjL3NoYXJlZC9TY3JlZW5SZWFkZXJUZXh0LnRzIiwic291cmNlcyI6WyJzcmMvc2hhcmVkL1NjcmVlblJlYWRlclRleHQudHMiXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5cbi8vIENvbnRlbnQgcmVxdWlyZWQgdG8gYmUgcmVhZCBieSBzY3JlZW4gcmVhZGVycyBidXQgdmlzdWFsbHkgaGlkZGVuXG5leHBvcnQgY29uc3QgU2NyZWVuUmVhZGVyVGV4dCA9IHN0eWxlZC5kaXYoe1xuICB3aWR0aDogMSxcbiAgaGVpZ2h0OiAxLFxuICBwb3NpdGlvbjogXCJhYnNvbHV0ZVwiLFxuICBsZWZ0OiBcIi0xMDAwMHB4XCIsXG4gIHRvcDogMCxcbiAgb3ZlcmZsb3c6IFwiaGlkZGVuXCIsXG59KTtcbiJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFHZ0MifQ== */");

package/build/esm/shared/appendId.d.ts

@@ -0,0 +1 @@
+export declare function appendId(src: string, id: string): string;

package/build/esm/shared/appendId.js

@@ -0,0 +1 @@
+export function appendId(src,id){if(src){let ids=src.split(" ");return ids.push(id),ids.join(" ")}return`${id}`}

package/build/esm/web-tokens/_sizes.json

@@ -77,7 +77,7 @@
         "value": "24px",
         "original": 24,
         "variableName": "$size-dimension-radio-m",
-        "isUsed": true
+        "isUsed": false
     },
     {
         "category": "size",

package/build/esm/web-tokens/assets/icons.json

@@ -1,4 +1,5 @@
 {
+  "3-columns": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" fill=\"none\" viewBox=\"0 0 24 24\"><path fill=\"currentColor\" fill-rule=\"evenodd\" d=\"M2 5a3 3 0 0 1 3-3h14a3 3 0 0 1 3 3v14a3 3 0 0 1-3 3H5a3 3 0 0 1-3-3zm14 15h3a1 1 0 0 0 1-1V5a1 1 0 0 0-1-1h-3zM14 4v16h-4V4zM5 4h3v16H5a1 1 0 0 1-1-1V5a1 1 0 0 1 1-1\" clip-rule=\"evenodd\"/></svg>",
   "activity": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\"><path fill=\"currentColor\" fill-rule=\"evenodd\" d=\"M9 1.75a1 1 0 0 1 .95.66L15 16.96l2.05-5.91a1 1 0 0 1 .95-.66h4c.55 0 1 .43 1 .96s-.45.96-1 .96h-3.28l-2.77 7.99a1 1 0 0 1-.95.65 1 1 0 0 1-.95-.65L9 5.75l-2.05 5.9a1 1 0 0 1-.95.66H2c-.55 0-1-.43-1-.96s.45-.96 1-.96h3.28l2.77-7.98A1 1 0 0 1 9 1.75m0 0\"/></svg>",
   "alert-circle": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" class=\"feather feather-alert-circle\" viewBox=\"0 0 24 24\"><circle cx=\"12\" cy=\"12\" r=\"10\"/><path d=\"M12 8v4m0 4h.01\"/></svg>",
   "alert-octagon": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" class=\"feather feather-alert-octagon\" viewBox=\"0 0 24 24\"><path d=\"M7.86 2h8.28L22 7.86v8.28L16.14 22H7.86L2 16.14V7.86zM12 8v4m0 4h.01\"/></svg>",
@@ -70,9 +71,9 @@
   "external-link": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" class=\"feather feather-external-link\" viewBox=\"0 0 24 24\"><path d=\"M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6m4-3h6v6m-11 5L21 3\"/></svg>",
   "eye": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" class=\"feather feather-eye\" viewBox=\"0 0 24 24\"><path d=\"M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8\"/><circle cx=\"12\" cy=\"12\" r=\"3\"/></svg>",
   "eye-off": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" class=\"feather feather-eye-off\" viewBox=\"0 0 24 24\"><path d=\"M17.94 17.94A10.07 10.07 0 0 1 12 20c-7 0-11-8-11-8a18.45 18.45 0 0 1 5.06-5.94M9.9 4.24A9 9 0 0 1 12 4c7 0 11 8 11 8a18.5 18.5 0 0 1-2.16 3.19m-6.72-1.07a3 3 0 1 1-4.24-4.24M1 1l22 22\"/></svg>",
-  "face-happy": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" viewBox=\"0 0 24 24\"><circle cx=\"12\" cy=\"12\" r=\"10\"/><path d=\"M16 14.7c-2.2 2.2-5.8 2.2-8 0m7.1-5.3\"/></svg>",
-  "face-neutral": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" viewBox=\"0 0 24 24\"><circle cx=\"12\" cy=\"12\" r=\"10\"/><path d=\"M16 15.5H8\"/></svg>",
-  "face-sad": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" viewBox=\"0 0 24 24\"><circle cx=\"12\" cy=\"12\" r=\"10\"/><path d=\"M8 16.3c2.2-2.2 5.8-2.2 8 0\"/></svg>",
+  "face-happy": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" fill=\"none\" viewBox=\"0 0 24 24\"><path fill=\"currentColor\" d=\"M12 1C5.935 1 1 5.934 1 12s4.935 11 11 11 11-4.935 11-11S18.065 1 12 1m0 20c-4.962 0-9-4.038-9-9 0-4.963 4.038-9 9-9 4.963 0 9 4.037 9 9 0 4.962-4.037 9-9 9m3.293-7.008a4.66 4.66 0 0 1-6.586 0 .999.999 0 1 0-1.414 1.414A6.63 6.63 0 0 0 12 17.352a6.63 6.63 0 0 0 4.707-1.946.999.999 0 1 0-1.414-1.414M8.19 10.11c.05.04.1.09.15.12q.09.06.18.09.09.045.18.06c.07.01.14.02.2.02.26 0 .52-.11.71-.29.18-.19.29-.45.29-.71s-.11-.52-.29-.71c-.24-.23-.58-.33-.91-.27q-.09.015-.18.06-.09.03-.18.09l-.15.12q-.135.15-.21.33c-.05.12-.08.25-.08.38s.03.26.08.38c.05.13.12.23.21.33m6.91.29c.26 0 .52-.11.71-.29.18-.19.29-.44.29-.71 0-.13-.03-.26-.08-.38-.05-.13-.12-.23-.21-.33-.37-.37-1.05-.37-1.42 0-.09.1-.16.2-.21.33-.05.12-.08.25-.08.38 0 .27.11.52.29.71.19.18.45.29.71.29\"/></svg>",
+  "face-neutral": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" fill=\"none\" viewBox=\"0 0 24 24\"><path fill=\"currentColor\" d=\"M8.19 10.11c.05.04.1.09.15.12q.09.06.18.09.09.045.18.06c.07.01.14.02.2.02.26 0 .52-.11.71-.29.18-.19.29-.45.29-.71s-.11-.52-.29-.71c-.24-.23-.58-.33-.91-.27q-.09.015-.18.06-.09.03-.18.09l-.15.12q-.135.15-.21.33c-.05.12-.08.25-.08.38s.03.26.08.38c.05.13.12.23.21.33m6.91.29c.26 0 .52-.11.71-.29.18-.19.29-.44.29-.71 0-.13-.03-.26-.08-.38-.05-.13-.12-.23-.21-.33-.37-.37-1.05-.37-1.42 0-.09.1-.16.2-.21.33-.05.12-.08.25-.08.38 0 .27.11.52.29.71.19.18.45.29.71.29M12 21c-4.962 0-9-4.038-9-9 0-4.963 4.038-9 9-9 4.963 0 9 4.037 9 9 0 4.962-4.037 9-9 9m0-20C5.935 1 1 5.934 1 12s4.935 11 11 11 11-4.935 11-11S18.065 1 12 1m4 13.5H8a1 1 0 1 0 0 2h8a1 1 0 1 0 0-2\"/></svg>",
+  "face-sad": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" fill=\"none\" viewBox=\"0 0 24 24\"><path fill=\"currentColor\" d=\"M8.9 10.4c-.06 0-.13-.01-.2-.02a.6.6 0 0 1-.18-.06.8.8 0 0 1-.18-.09c-.05-.03-.1-.08-.15-.12-.09-.1-.16-.2-.21-.33a1 1 0 0 1-.08-.38c0-.13.03-.26.08-.38q.075-.18.21-.33l.15-.12q.09-.06.18-.09.09-.045.18-.06c.33-.06.67.04.91.27.18.19.29.45.29.71s-.11.52-.29.71c-.19.18-.45.29-.71.29m6.2 0c-.26 0-.52-.11-.71-.29-.18-.19-.29-.44-.29-.71 0-.13.03-.26.08-.38.05-.13.12-.23.21-.33.37-.37 1.05-.37 1.42 0 .09.1.16.2.21.33.05.12.08.25.08.38 0 .27-.11.52-.29.71-.19.18-.45.29-.71.29M12 3c-4.962 0-9 4.038-9 9s4.038 9 9 9c4.963 0 9-4.038 9-9s-4.037-9-9-9m0 20C5.935 23 1 18.066 1 12S5.935 1 12 1s11 4.935 11 11-4.935 11-11 11m4-5.7a1 1 0 0 1-.707-.293 4.66 4.66 0 0 0-6.586 0 .999.999 0 1 1-1.414-1.414 6.663 6.663 0 0 1 9.414 0A.999.999 0 0 1 16 17.3\"/></svg>",
   "facebook": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" fill=\"none\" viewBox=\"0 0 24 24\"><path fill=\"#1877F2\" d=\"M24 12c0-6.627-5.373-12-12-12S0 5.373 0 12c0 5.99 4.388 10.954 10.125 11.854V15.47H7.078V12h3.047V9.356c0-3.007 1.792-4.668 4.533-4.668 1.312 0 2.686.234 2.686.234v2.953H15.83c-1.491 0-1.956.925-1.956 1.875V12h3.328l-.532 3.469h-2.796v8.385C19.612 22.954 24 17.99 24 12\"/><path fill=\"#fff\" d=\"M16.671 15.469 17.203 12h-3.328V9.75c0-.949.465-1.875 1.956-1.875h1.513V4.922s-1.374-.234-2.686-.234c-2.741 0-4.533 1.66-4.533 4.668V12H7.078v3.469h3.047v8.385a12.1 12.1 0 0 0 3.75 0V15.47h2.796z\"/></svg>",
   "figma": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" fill=\"none\" viewBox=\"0 0 24 24\"><path fill=\"#1ABCFE\" d=\"M12 12a4 4 0 1 1 8 0 4 4 0 0 1-8 0\"/><path fill=\"#0ACF83\" d=\"M4 20a4 4 0 0 1 4-4h4v4a4 4 0 1 1-8 0\"/><path fill=\"#FF7262\" d=\"M12 0v8h4a4 4 0 1 0 0-8z\"/><path fill=\"#F24E1E\" d=\"M4 4a4 4 0 0 0 4 4h4V0H8a4 4 0 0 0-4 4\"/><path fill=\"#A259FF\" d=\"M4 12a4 4 0 0 0 4 4h4V8H8a4 4 0 0 0-4 4\"/></svg>",
   "file-text": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" class=\"feather feather-file-text\" viewBox=\"0 0 24 24\"><path d=\"M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z\"/><path d=\"M14 2v6h6m-4 5H8m8 4H8m2-8H8\"/></svg>",

package/build/esm/web-tokens/assets/icons16.json

@@ -1,4 +1,5 @@
 {
+  "3-columns": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" fill=\"none\" viewBox=\"0 0 16 16\"><g clip-path=\"url(#a)\"><path fill=\"currentColor\" fill-rule=\"evenodd\" d=\"M1 4a3 3 0 0 1 3-3h8a3 3 0 0 1 3 3v8a3 3 0 0 1-3 3H4a3 3 0 0 1-3-3zm3-1a1 1 0 0 0-1 1v8a1 1 0 0 0 1 1h1V3zm5 10H7V3h2zm2 0h1a1 1 0 0 0 1-1V4a1 1 0 0 0-1-1h-1z\" clip-rule=\"evenodd\"/></g><defs><clipPath id=\"a\"><path fill=\"#fff\" d=\"M0 0h16v16H0z\"/></clipPath></defs></svg>",
   "activity": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" fill=\"none\" viewBox=\"0 0 16 16\"><g clip-path=\"url(#a)\"><path fill=\"currentColor\" fill-rule=\"evenodd\" d=\"M6 0a1 1 0 0 1 .962.725L10 11.36l1.039-3.635A1 1 0 0 1 12 7h3a1 1 0 1 1 0 2h-2.246l-1.793 6.275a1 1 0 0 1-1.923 0L6 4.64 4.962 8.275A1 1 0 0 1 4 9H1a1 1 0 0 1 0-2h2.246L5.038.725A1 1 0 0 1 6 0\" clip-rule=\"evenodd\"/></g><defs><clipPath id=\"a\"><path fill=\"#fff\" d=\"M0 0h16v16H0z\"/></clipPath></defs></svg>",
   "alert-circle": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" fill=\"none\" viewBox=\"0 0 16 16\"><circle cx=\"8\" cy=\"8\" r=\"7\" stroke=\"currentColor\" stroke-width=\"2\"/><circle cx=\"8\" cy=\"11\" r=\"1\" fill=\"currentColor\"/><path stroke=\"currentColor\" stroke-linecap=\"round\" stroke-width=\"2\" d=\"M8 5v3\"/></svg>",
   "alert-octagon": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" fill=\"none\" viewBox=\"0 0 16 16\"><clipPath id=\"a\"><path d=\"M0 0h16v16H0z\"/></clipPath><g fill=\"currentColor\" clip-path=\"url(#a)\"><path d=\"M8 4a1 1 0 0 1 1 1v3a1 1 0 1 1-2 0V5a1 1 0 0 1 1-1m0 6a1 1 0 1 0 0 2 1 1 0 0 0 0-2\"/><path fill-rule=\"evenodd\" d=\"M4.395.293A1 1 0 0 1 5.102 0h5.796a1 1 0 0 1 .707.293l4.102 4.102a1 1 0 0 1 .293.707v5.796a1 1 0 0 1-.293.707l-4.102 4.102a1 1 0 0 1-.707.293H5.102a1 1 0 0 1-.707-.293L.293 11.605A1 1 0 0 1 0 10.898V5.102a1 1 0 0 1 .293-.707zM5.516 2 2 5.516v4.968L5.516 14h4.968L14 10.484V5.516L10.484 2z\" clip-rule=\"evenodd\"/></g></svg>",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@amboss/design-system",
-  "version": "3.7.1",
+  "version": "3.7.2",
   "description": "the design system for AMBOSS products",
   "author": "AMBOSS",
   "license": "ISC",
@@ -8,29 +8,29 @@
   "module": "build/esm/index.js",
   "exports": {
     ".": {
+      "types": "./build/esm/index.d.ts",
       "import": "./build/esm/index.js",
-      "require": "./build/esm/index.js",
-      "types": "./build/esm/index.d.ts"
+      "require": "./build/esm/index.js"
     },
     "./esm": {
+      "types": "./build/esm/index.d.ts",
       "import": "./build/esm/index.js",
-      "require": "./build/esm/index.js",
-      "types": "./build/esm/index.d.ts"
+      "require": "./build/esm/index.js"
     },
     "./esm/*": {
+      "types": "./build/esm/*.d.ts",
       "import": "./build/esm/*.js",
-      "require": "./build/esm/*.js",
-      "types": "./build/esm/*.d.ts"
+      "require": "./build/esm/*.js"
     },
     "./cjs": {
+      "types": "./build/cjs/index.d.ts",
       "import": "./build/cjs/index.js",
-      "require": "./build/cjs/index.js",
-      "types": "./build/cjs/index.d.ts"
+      "require": "./build/cjs/index.js"
     },
     "./cjs/*": {
+      "types": "./build/cjs/*.d.ts",
       "import": "./build/cjs/*.js",
-      "require": "./build/cjs/*.js",
-      "types": "./build/cjs/*.d.ts"
+      "require": "./build/cjs/*.js"
     },
     "./scss/*": "./build/scss/*.scss"
   },
@@ -81,7 +81,7 @@
     "start": "npm run tokens:watch & npm run storybook",
     "static": "http-server storybook-static/ -p 6006",
     "storybook": "storybook dev -p 6006",
-    "build-storybook": "npm run tokens:web && storybook build",
+    "build-storybook": "npm run tokens:web && storybook build --stats-json",
     "test": "jest",
     "test:watch": "jest --watch",
     "test:coverage": "TZ=Europe/Berlin jest --coverage",
@@ -92,8 +92,8 @@
     "tokens:watch": "chokidar  \"tokens/**/*.json\" \"style-dictionary/**/*.*\" -c \"npm run tokens:web\"",
     "tokens:prettier": "prettier --write \"build-tokens/*.(t|j)s*\"",
     "chromatic": "npx chromatic --project-token ${CHROMATIC_TOKEN} --exit-zero-on-changes --only-changed --externals 'tokens/**/*'",
-    "chromatic:ci": "npx chromatic --project-token ${CHROMATIC_TOKEN}  --skip 'dependabot/**' --exit-zero-on-changes --exit-once-uploaded --only-changed --externals 'tokens/**/*'",
-    "chromatic:master": "npx chromatic --project-token ${CHROMATIC_TOKEN} --auto-accept-changes --only-changed --exit-once-uploaded --externals 'tokens/**/*'",
+    "chromatic:ci": "npx chromatic --project-token ${CHROMATIC_TOKEN} -d 'storybook-static' --zip --skip 'dependabot/**' --exit-zero-on-changes --exit-once-uploaded --only-changed --externals 'tokens/**/*'",
+    "chromatic:master": "npx chromatic --project-token ${CHROMATIC_TOKEN} -d 'storybook-static' --zip --auto-accept-changes --only-changed --exit-once-uploaded --externals 'tokens/**/*'",
     "lint": "npm run lint:eslint && npm run lint:prettier",
     "lint:eslint": "eslint -c .eslintrc --fix src .storybook test-utils",
     "lint:prettier": "prettier --write \"{src,tokens,.storybook,test-utils}/**/*.{js,jsx,ts,tsx,mdx}\"",
@@ -141,19 +141,20 @@
     "@auto-it/npm": "^11.1.6",
     "@auto-it/released": "^10.13.2",
     "@emotion/jest": "^11.11.0",
-    "@storybook/addon-a11y": "^8.2.9",
-    "@storybook/addon-essentials": "^8.2.9",
-    "@storybook/addon-links": "^8.2.9",
-    "@storybook/addon-storysource": "^8.2.9",
-    "@storybook/addon-webpack5-compiler-swc": "^1.0.5",
-    "@storybook/blocks": "^8.2.9",
-    "@storybook/manager-api": "^8.2.9",
-    "@storybook/react": "^8.2.9",
-    "@storybook/react-webpack5": "^8.2.9",
-    "@storybook/theming": "^8.2.9",
-    "@swc/cli": "^0.1.63",
-    "@swc/core": "^1.3.102",
-    "@swc/plugin-emotion": "4.0.0",
+    "@storybook/addon-a11y": "^8.6.4",
+    "@storybook/addon-essentials": "^8.6.4",
+    "@storybook/addon-links": "^8.6.4",
+    "@storybook/addon-storysource": "^8.6.4",
+    "@storybook/addon-webpack5-compiler-swc": "^2.1.0",
+    "@storybook/blocks": "^8.6.4",
+    "@storybook/manager-api": "^8.6.4",
+    "@storybook/preview-api": "^8.6.4",
+    "@storybook/react": "^8.6.4",
+    "@storybook/react-webpack5": "^8.6.4",
+    "@storybook/theming": "^8.6.4",
+    "@swc/cli": "^0.1.65",
+    "@swc/core": "^1.11.8",
+    "@swc/plugin-emotion": "^9.0.0",
     "@testing-library/jest-dom": "^6.5.0",
     "@testing-library/react": "^16.0.1",
     "@testing-library/user-event": "^14.5.2",
@@ -166,7 +167,7 @@
     "auto": "^11.1.6",
     "browserslist": "^4.22.2",
     "chokidar-cli": "^3.0.0",
-    "chromatic": "^11.5.0",
+    "chromatic": "^11.27.0",
     "copyfiles": "^2.4.1",
     "csstype": "^3.1.3",
     "eslint": "^7.11.0",
@@ -193,8 +194,8 @@
     "prettier": "^2.2.1",
     "react": "^18.3.1",
     "react-dom": "^18.3.1",
-    "storybook": "^8.2.9",
-    "storybook-addon-badges": "^1.0.2",
+    "storybook": "^8.6.4",
+    "storybook-addon-badges": "^1.0.3",
     "style-dictionary": "^3.8.0",
     "svg-to-pdfkit": "^0.1.8",
     "tinycolor2": "^1.6.0",