@amboss/design-system 3.32.1 → 3.33.1

package/build/scss/subthemes/_brandSubtle.scss

@@ -5,6 +5,9 @@
     --color-text-primary: #5a7183;
     --color-text-secondary: #5a7183;
     --color-text-accent: #047a88;
+    --color-toggle-background: #7b8e9d;
+    --color-toggle-thumb-background-off: #ffffff;
+    --color-toggle-thumb-background-on: #ffffff;
   }
 }
 
@@ -15,5 +18,8 @@
     --color-text-primary: rgba(255, 255, 255, 0.65);
     --color-text-secondary: rgba(255, 255, 255, 0.65);
     --color-text-accent: #2db5c6;
+    --color-toggle-background: #7b8e9d;
+    --color-toggle-thumb-background-off: #ffffff;
+    --color-toggle-thumb-background-on: #ffffff;
   }
 }

package/build/scss/subthemes/_dimmed.scss

@@ -53,8 +53,11 @@
     --color-border-accent: #ffffff;
     --color-divider-primary: rgba(255, 255, 255, 0.3);
     --color-divider-secondary: rgba(255, 255, 255, 0.3);
-    --color-searchInput-background: rgba(0, 0, 0, 0.6);
+    --color-searchInput-background: rgba(0, 0, 0, 0.3);
     --color-colorIndicator-brand: #0aa6b8;
+    --color-toggle-background: rgba(0, 0, 0, 0.3);
+    --color-toggle-thumb-background-off: #ffffff;
+    --color-toggle-thumb-background-on: #40515e;
   }
 }
 
@@ -115,5 +118,8 @@
     --color-divider-secondary: rgba(255, 255, 255, 0.3);
     --color-searchInput-background: #111111;
     --color-colorIndicator-brand: #2db5c6;
+    --color-toggle-background: rgba(0, 0, 0, 0.3);
+    --color-toggle-thumb-background-off: #ffffff;
+    --color-toggle-thumb-background-on: #5b5f67;
   }
 }

package/build/scss/subthemes/_dimmedSubtle.scss

@@ -1,13 +1,16 @@
 @mixin ds-subtheme-light-dimmedSubtle {
   & {
     --color-background-transparent-hover: rgba(96, 117, 133, 0.05);
-    --color-background-accentSubtle: #ffffff;
+    --color-background-accentSubtle: #e7f6f8;
     --color-border-accent: #314554;
     --color-divider-secondary: rgba(163, 178, 189, 0.3);
     --color-text-primary: #5a7183;
     --color-text-secondary: #5a7183;
     --color-text-accent: #314554;
     --color-icon-accent: #314554;
+    --color-toggle-background: #7b8e9d;
+    --color-toggle-thumb-background-off: #ffffff;
+    --color-toggle-thumb-background-on: #ffffff;
   }
 }
 
@@ -21,5 +24,8 @@
     --color-text-accent: rgba(255, 255, 255, 0.8);
     --color-text-secondary: rgba(255, 255, 255, 0.65);
     --color-icon-accent: rgba(255, 255, 255, 0.8);
+    --color-toggle-background: #7b8e9d;
+    --color-toggle-thumb-background-off: #ffffff;
+    --color-toggle-thumb-background-on: #ffffff;
   }
 }

package/build/scss/subthemes/_error.scss

@@ -49,9 +49,12 @@
     --color-border-primary-hover: #ffffff;
     --color-border-primary-active: #ffffff;
     --color-border-accent: #ffffff;
-    --color-searchInput-background: rgba(0, 0, 0, 0.6);
+    --color-searchInput-background: rgba(0, 0, 0, 0.3);
     --color-divider-primary: rgba(255, 255, 255, 0.3);
     --color-colorIndicator-brand: #ffffff;
+    --color-toggle-background: rgba(0, 0, 0, 0.3);
+    --color-toggle-thumb-background-off: #ffffff;
+    --color-toggle-thumb-background-on: #dd3637;
   }
 }
 
@@ -109,5 +112,8 @@
     --color-searchInput-background: rgba(0, 0, 0, 0.6);
     --color-divider-primary: rgba(216, 218, 222, 0.3);
     --color-colorIndicator-brand: #ffffff;
+    --color-toggle-background: rgba(0, 0, 0, 0.6);
+    --color-toggle-thumb-background-off: #ffffff;
+    --color-toggle-thumb-background-on: #a45355;
   }
 }

package/build/scss/subthemes/_info.scss

@@ -53,6 +53,9 @@
     --color-searchInput-background: rgba(0, 0, 0, 0.6);
     --color-divider-primary: rgba(255, 255, 255, 0.65);
     --color-colorIndicator-brand: #ffffff;
+    --color-toggle-background: #1c427d;
+    --color-toggle-thumb-background-off: #ffffff;
+    --color-toggle-thumb-background-on: #295dae;
   }
 }
 
@@ -108,8 +111,11 @@
     --color-border-primary-hover: rgba(255, 255, 255, 0.65);
     --color-border-primary-active: #ffffff;
     --color-border-accent: #ffffff;
-    --color-searchInput-background: #282e39;
+    --color-searchInput-background: rgba(0, 0, 0, 0.3);
     --color-divider-primary: rgba(216, 218, 222, 0.3);
     --color-colorIndicator-brand: #ffffff;
+    --color-toggle-background: rgba(0, 0, 0, 0.6);
+    --color-toggle-thumb-background-off: #ffffff;
+    --color-toggle-thumb-background-on: #29364c;
   }
 }

package/build/scss/subthemes/_inverted.scss

@@ -53,6 +53,9 @@
     --color-divider-primary: rgba(163, 178, 189, 0.3);
     --color-search-input-background: #32363e;
     --color-colorIndicator-brand: #1d6670;
+    --color-toggle-background: #7b8e9d;
+    --color-toggle-thumb-background-off: #ffffff;
+    --color-toggle-thumb-background-on: #ffffff;
   }
 }
 
@@ -111,5 +114,8 @@
     --color-divider-primary: rgba(147, 149, 159, 0.3);
     --color-search-input-background: #eef2f5;
     --color-color-indicator-brand: #0aa6b8;
+    --color-toggle-background: #7b8e9d;
+    --color-toggle-thumb-background-off: #ffffff;
+    --color-toggle-thumb-background-on: #ffffff;
   }
 }

package/build/scss/subthemes/_success.scss

@@ -51,6 +51,9 @@
     --color-divider-primary: rgba(255, 255, 255, 0.65);
     --color-backdrop: rgba(0, 0, 0, 0.6);
     --color-color-indicator-brand: #ffffff;
+    --color-toggle-background: #0a5c45;
+    --color-toggle-thumb-background-off: #ffffff;
+    --color-toggle-thumb-background-on: #0b8363;
   }
 }
 
@@ -107,5 +110,8 @@
     --color-divider-primary: rgba(255, 255, 255, 0.3);
     --color-backdrop: rgba(0, 0, 0, 0.6);
     --color-color-indicator-brand: #ffffff;
+    --color-toggle-background: rgba(0, 0, 0, 0.3);
+    --color-toggle-thumb-background-off: #ffffff;
+    --color-toggle-thumb-background-on: #28816b;
   }
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@amboss/design-system",
-  "version": "3.32.1",
+  "version": "3.33.1",
   "description": "the design system for AMBOSS products",
   "author": "AMBOSS",
   "license": "ISC",
@@ -54,7 +54,7 @@
       "prettier --write"
     ],
     "{assets/icons/*,tokens/web/assets.json}": [
-      "npm run icons:optimize"
+      "bun run icons:optimize"
     ]
   },
   "auto": {
@@ -73,35 +73,34 @@
     "access": "public"
   },
   "engines": {
-    "npm": ">=8.10.0",
     "node": "24.13.1"
   },
   "scripts": {
     "prepare": "husky",
     "clean": "rimraf build build-ts build-tokens src/web-tokens",
     "build": "./scripts/build.sh",
-    "prestart": "npm run tokens:web:ts",
-    "start": "npm run tokens:watch & npm run storybook",
+    "predev": "bun run tokens:web:ts",
+    "dev": "bun run tokens:watch & bun run storybook",
     "static": "http-server storybook-static/ -p 6006",
     "storybook": "storybook dev -p 6006",
-    "build-storybook": "npm run tokens:web && npm run generate-llms-txt && storybook build --stats-json",
-    "generate-llms-txt": "[ -d storybook-static ] || storybook build --stats-json && npm run generate-llms-txt:run",
+    "build-storybook": "bun run tokens:web && bun run generate-llms-txt && storybook build --stats-json",
+    "generate-llms-txt": "[ -d storybook-static ] || storybook build --stats-json && bun run generate-llms-txt:run",
     "generate-llms-txt:run": "node --experimental-strip-types scripts/generate-llms-txt.mts",
     "test": "jest",
     "test:watch": "jest --watch",
     "test:coverage": "TZ=Europe/Berlin jest --coverage",
-    "test:ci": "NODE_OPTIONS=\"--max-old-space-size=6144\" npm run test:coverage -- --ci --maxWorkers=2 --reporters=jest-junit",
+    "test:ci": "NODE_OPTIONS=\"--max-old-space-size=6144\" bun run test:coverage -- --ci --maxWorkers=2 --reporters=jest-junit",
     "test-a11y": "vitest --project=storybook",
     "tokens:web": "node style-dictionary/web/web.build.js",
     "tokens:web:ts": "node style-dictionary/web/web.build.js --ts",
     "tokens:android": "node style-dictionary/android/android.build.js",
     "tokens:ios": "node style-dictionary/ios/ios.build.js",
-    "tokens:watch": "chokidar  \"tokens/**/*.json\" \"style-dictionary/**/*.*\" -c \"npm run tokens:web\"",
+    "tokens:watch": "chokidar  \"tokens/**/*.json\" \"style-dictionary/**/*.*\" -c \"bun 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} -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",
+    "chromatic": "bunx chromatic --project-token ${CHROMATIC_TOKEN} --exit-zero-on-changes --only-changed --externals 'tokens/**/*'",
+    "chromatic:ci": "bunx chromatic --project-token ${CHROMATIC_TOKEN} -d 'storybook-static' --zip --skip 'dependabot/**' --exit-zero-on-changes --exit-once-uploaded --only-changed --externals 'tokens/**/*'",
+    "chromatic:master": "bunx chromatic --project-token ${CHROMATIC_TOKEN} -d 'storybook-static' --zip --auto-accept-changes --only-changed --exit-once-uploaded --externals 'tokens/**/*'",
+    "lint": "bun run lint:eslint && bun run lint:prettier",
     "lint:eslint": "eslint -c .eslintrc --fix src .storybook test-utils --no-error-on-unmatched-pattern scripts/**/*.{js,ts,mts}",
     "lint:prettier": "prettier --write \"{src,tokens,.storybook,test-utils}/**/*.{js,jsx,ts,tsx,mdx}\"",
     "component": "DS_ROOT=/src/components DS_COMP_FOLDER=/components node scripts/createComponent/createComponent.js",
@@ -140,23 +139,36 @@
     "react-dom": ">=16.8.0 <20.0.0"
   },
   "overrides": {
-    "@mdx-js/react": {
-      "react": "$react",
-      "react-dom": "$react-dom"
-    },
-    "storybook": "$storybook"
+    "storybook": "$storybook",
+    "cross-spawn": ">=7.0.6",
+    "glob": "~10.5.0",
+    "@isaacs/brace-expansion": ">=5.0.1",
+    "qs": ">=6.14.2",
+    "ajv": ">=6.14.0 <7.0.0",
+    "micromatch": ">=4.0.8",
+    "brace-expansion": ">=2.0.2",
+    "diff": ">=5.2.2",
+    "lodash": ">=4.17.21",
+    "rollup": ">=4.59.0",
+    "@octokit/request": "~8.4.1",
+    "@octokit/request-error": "~5.1.1",
+    "@octokit/plugin-paginate-rest": "~9.2.2",
+    "@vitejs/plugin-react-swc": "~3.10.1",
+    "@swc/helpers": "~0.5.17",
+    "@swc/core": "~1.11.31",
+    "test-exclude": "~7.0.1"
   },
   "devDependencies": {
     "@auto-it/npm": "^11.1.6",
     "@auto-it/released": "^10.13.2",
     "@emotion/jest": "^11.11.0",
-    "@storybook/addon-a11y": "10.2.2",
-    "@storybook/addon-docs": "10.2.2",
-    "@storybook/addon-links": "10.2.2",
-    "@storybook/addon-vitest": "10.2.2",
-    "@storybook/react-vite": "10.2.2",
+    "@storybook/addon-a11y": "10.2.14",
+    "@storybook/addon-docs": "10.2.14",
+    "@storybook/addon-links": "10.2.14",
+    "@storybook/addon-vitest": "10.2.14",
+    "@storybook/react-vite": "10.2.14",
     "@swc/cli": "^0.1.65",
-    "@swc/core": "^1.11.8",
+    "@swc/core": "1.11.31",
     "@swc/plugin-emotion": "^9.0.0",
     "@testing-library/jest-dom": "^6.6.3",
     "@testing-library/react": "^16.3.0",
@@ -192,13 +204,14 @@
     "jest-environment-jsdom": "^29.6.2",
     "jest-junit": "^16.0.0",
     "lint-staged": "^13.2.2",
-    "lodash": "^4.17.21",
+    "lodash": "4.17.23",
+    "markdown-to-jsx": "^9.7.6",
     "pdfkit": "^0.15.0",
     "playwright": "^1.56.1",
     "prettier": "^2.2.1",
     "react": "^18.3.1",
     "react-dom": "^18.3.1",
-    "storybook": "10.2.2",
+    "storybook": "10.2.14",
     "style-dictionary": "^3.8.0",
     "svg-to-pdfkit": "^0.1.8",
     "tinycolor2": "^1.6.0",
@@ -208,5 +221,5 @@
     "vitest": "^3.2.4"
   },
   "homepage": "https://github.com/amboss-mededu/amboss-design-system#readme",
-  "packageManager": "npm@10.4.0"
+  "packageManager": "bun@1.3.9"
 }

package/build/cjs/components/Content/ContentList/ContentListItem.d.ts

@@ -1,6 +0,0 @@
-import React from "react";
-export type ContentListItemProps = {
-    children: React.ReactNode;
-    "data-e2e-test-id"?: string;
-};
-export declare function ContentListItem({ children, "data-e2e-test-id": dataE2eTestId, }: ContentListItemProps): React.ReactElement;

package/build/cjs/components/Content/ContentList/ContentListItem.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"ContentListItem",{enumerable:!0,get:function(){return ContentListItem}});const _interop_require_default=require("@swc/helpers/_/_interop_require_default"),_react=/*#__PURE__*/_interop_require_default._(require("react")),StyledListItem=(0,/*#__PURE__*/_interop_require_default._(require("@emotion/styled")).default)("li",{target:"euuuhjj0",label:"StyledListItem"})(({theme})=>({marginBottom:theme.variables.size.spacing.xxs}),"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjL2NvbXBvbmVudHMvQ29udGVudC9Db250ZW50TGlzdC9Db250ZW50TGlzdEl0ZW0udHN4Iiwic291cmNlcyI6WyJzcmMvY29tcG9uZW50cy9Db250ZW50L0NvbnRlbnRMaXN0L0NvbnRlbnRMaXN0SXRlbS50c3giXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5cbmV4cG9ydCB0eXBlIENvbnRlbnRMaXN0SXRlbVByb3BzID0ge1xuICBjaGlsZHJlbjogUmVhY3QuUmVhY3ROb2RlO1xuICBcImRhdGEtZTJlLXRlc3QtaWRcIj86IHN0cmluZztcbn07XG5cbmNvbnN0IFN0eWxlZExpc3RJdGVtID0gc3R5bGVkKFwibGlcIikoKHsgdGhlbWUgfSkgPT4gKHtcbiAgbWFyZ2luQm90dG9tOiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5zcGFjaW5nLnh4cyxcbn0pKTtcblxuZXhwb3J0IGZ1bmN0aW9uIENvbnRlbnRMaXN0SXRlbSh7XG4gIGNoaWxkcmVuLFxuICBcImRhdGEtZTJlLXRlc3QtaWRcIjogZGF0YUUyZVRlc3RJZCxcbn06IENvbnRlbnRMaXN0SXRlbVByb3BzKTogUmVhY3QuUmVhY3RFbGVtZW50IHtcbiAgcmV0dXJuIChcbiAgICA8U3R5bGVkTGlzdEl0ZW1cbiAgICAgIGRhdGEtZTJlLXRlc3QtaWQ9e2RhdGFFMmVUZXN0SWR9XG4gICAgICBkYXRhLWRzLWlkPVwiQ29udGVudExpc3RJdGVtXCJcbiAgICA+XG4gICAgICB7Y2hpbGRyZW59XG4gICAgPC9TdHlsZWRMaXN0SXRlbT5cbiAgKTtcbn1cbiJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFRdUIifQ== */");function ContentListItem({children,"data-e2e-test-id":dataE2eTestId}){return _react.default.createElement(StyledListItem,{"data-e2e-test-id":dataE2eTestId,"data-ds-id":"ContentListItem"},children)}

package/build/esm/components/Content/ContentList/ContentListItem.d.ts

@@ -1,6 +0,0 @@
-import React from "react";
-export type ContentListItemProps = {
-    children: React.ReactNode;
-    "data-e2e-test-id"?: string;
-};
-export declare function ContentListItem({ children, "data-e2e-test-id": dataE2eTestId, }: ContentListItemProps): React.ReactElement;

package/build/esm/components/Content/ContentList/ContentListItem.js

@@ -1 +0,0 @@
-import React from"react";import styled from"@emotion/styled";let StyledListItem=styled("li",{target:"euuuhjj0",label:"StyledListItem"})(({theme})=>({marginBottom:theme.variables.size.spacing.xxs}),"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjL2NvbXBvbmVudHMvQ29udGVudC9Db250ZW50TGlzdC9Db250ZW50TGlzdEl0ZW0udHN4Iiwic291cmNlcyI6WyJzcmMvY29tcG9uZW50cy9Db250ZW50L0NvbnRlbnRMaXN0L0NvbnRlbnRMaXN0SXRlbS50c3giXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5cbmV4cG9ydCB0eXBlIENvbnRlbnRMaXN0SXRlbVByb3BzID0ge1xuICBjaGlsZHJlbjogUmVhY3QuUmVhY3ROb2RlO1xuICBcImRhdGEtZTJlLXRlc3QtaWRcIj86IHN0cmluZztcbn07XG5cbmNvbnN0IFN0eWxlZExpc3RJdGVtID0gc3R5bGVkKFwibGlcIikoKHsgdGhlbWUgfSkgPT4gKHtcbiAgbWFyZ2luQm90dG9tOiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5zcGFjaW5nLnh4cyxcbn0pKTtcblxuZXhwb3J0IGZ1bmN0aW9uIENvbnRlbnRMaXN0SXRlbSh7XG4gIGNoaWxkcmVuLFxuICBcImRhdGEtZTJlLXRlc3QtaWRcIjogZGF0YUUyZVRlc3RJZCxcbn06IENvbnRlbnRMaXN0SXRlbVByb3BzKTogUmVhY3QuUmVhY3RFbGVtZW50IHtcbiAgcmV0dXJuIChcbiAgICA8U3R5bGVkTGlzdEl0ZW1cbiAgICAgIGRhdGEtZTJlLXRlc3QtaWQ9e2RhdGFFMmVUZXN0SWR9XG4gICAgICBkYXRhLWRzLWlkPVwiQ29udGVudExpc3RJdGVtXCJcbiAgICA+XG4gICAgICB7Y2hpbGRyZW59XG4gICAgPC9TdHlsZWRMaXN0SXRlbT5cbiAgKTtcbn1cbiJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFRdUIifQ== */");export function ContentListItem({children,"data-e2e-test-id":dataE2eTestId}){return React.createElement(StyledListItem,{"data-e2e-test-id":dataE2eTestId,"data-ds-id":"ContentListItem"},children)}