@camunda/design-system 0.64.0 → 0.65.0

package/dist/src/components/ui/switch.js.map

@@ -1 +1 @@
-{"version":3,"file":"switch.js","sourceRoot":"","sources":["../../../../src/components/ui/switch.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,GAAG,EAAqB,MAAM,0BAA0B,CAAC;AAClE,OAAO,EAAE,MAAM,IAAI,eAAe,EAAE,MAAM,UAAU,CAAC;AAErD,OAAO,EAAE,EAAE,EAAE,MAAM,WAAW,CAAC;AAE/B,MAAM,mBAAmB,GAAG,GAAG,CAC7B,oSAAoS,EACpS;IACE,QAAQ,EAAE;QACR,IAAI,EAAE;YACJ,kDAAkD;YAClD,EAAE,EAAE,UAAU;YACd,kEAAkE;YAClE,8DAA8D;YAC9D,2CAA2C;YAC3C,EAAE,EAAE,SAAS;SACd;KACF;IACD,eAAe,EAAE;QACf,IAAI,EAAE,IAAI;KACX;CACF,CACF,CAAC;AAEF,MAAM,mBAAmB,GAAG,GAAG;AAC7B,yEAAyE;AACzE,gEAAgE;AAChE,oEAAoE;AACpE,0EAA0E;AAC1E,4BAA4B;AAC5B,yUAAyU,EACzU;IACE,QAAQ,EAAE;QACR,IAAI,EAAE;YACJ,EAAE,EAAE,2CAA2C;YAC/C,EAAE,EAAE,2CAA2C;SAChD;KACF;IACD,eAAe,EAAE;QACf,IAAI,EAAE,IAAI;KACX;CACF,CACF,CAAC;AAKF,SAAS,MAAM,CAAC,EAAE,SAAS,EAAE,IAAI,EAAE,GAAG,KAAK,EAAe;IACxD,OAAO,CACL,KAAC,eAAe,CAAC,IAAI,iBACT,QAAQ,EAClB,SAAS,EAAE,EAAE,CAAC,mBAAmB,CAAC,EAAE,IAAI,EAAE,CAAC,EAAE,SAAS,CAAC,KACnD,KAAK,YAET,KAAC,eAAe,CAAC,KAAK,iBACV,cAAc,EACxB,SAAS,EAAE,EAAE,CAAC,mBAAmB,CAAC,EAAE,IAAI,EAAE,CAAC,CAAC,GAC5C,GACmB,CACxB,CAAC;AACJ,CAAC;AAED,OAAO,EAAE,MAAM,EAAE,CAAC"}
+{"version":3,"file":"switch.js","sourceRoot":"","sources":["../../../../src/components/ui/switch.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,GAAG,EAAqB,MAAM,0BAA0B,CAAC;AAClE,OAAO,EAAE,MAAM,IAAI,eAAe,EAAE,MAAM,UAAU,CAAC;AAErD,OAAO,EAAE,EAAE,EAAE,MAAM,WAAW,CAAC;AAE/B,MAAM,mBAAmB,GAAG,GAAG,CAC7B,oSAAoS,EACpS;IACE,QAAQ,EAAE;QACR,IAAI,EAAE;YACJ,kDAAkD;YAClD,EAAE,EAAE,UAAU;YACd,kEAAkE;YAClE,8DAA8D;YAC9D,2CAA2C;YAC3C,EAAE,EAAE,SAAS;SACd;KACF;IACD,eAAe,EAAE;QACf,IAAI,EAAE,IAAI;KACX;CACF,CACF,CAAC;AAEF,MAAM,mBAAmB,GAAG,GAAG;AAC7B,yEAAyE;AACzE,gEAAgE;AAChE,oEAAoE;AACpE,0EAA0E;AAC1E,4BAA4B;AAC5B,8TAA8T,EAC9T;IACE,QAAQ,EAAE;QACR,IAAI,EAAE;YACJ,EAAE,EAAE,2CAA2C;YAC/C,EAAE,EAAE,2CAA2C;SAChD;KACF;IACD,eAAe,EAAE;QACf,IAAI,EAAE,IAAI;KACX;CACF,CACF,CAAC;AAKF,SAAS,MAAM,CAAC,EAAE,SAAS,EAAE,IAAI,EAAE,GAAG,KAAK,EAAe;IACxD,OAAO,CACL,KAAC,eAAe,CAAC,IAAI,iBACT,QAAQ,EAClB,SAAS,EAAE,EAAE,CAAC,mBAAmB,CAAC,EAAE,IAAI,EAAE,CAAC,EAAE,SAAS,CAAC,KACnD,KAAK,YAET,KAAC,eAAe,CAAC,KAAK,iBACV,cAAc,EACxB,SAAS,EAAE,EAAE,CAAC,mBAAmB,CAAC,EAAE,IAAI,EAAE,CAAC,CAAC,GAC5C,GACmB,CACxB,CAAC;AACJ,CAAC;AAED,OAAO,EAAE,MAAM,EAAE,CAAC"}

package/dist/src/examples/shared/DashboardSection.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DashboardSection.d.ts","sourceRoot":"","sources":["../../../../src/examples/shared/DashboardSection.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AAEpC,UAAU,qBAAqB;IAC7B,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAED,wBAAgB,gBAAgB,CAAC,EAC/B,KAAK,EACL,WAAW,EACX,QAAQ,GACT,EAAE,qBAAqB,qBAYvB"}
+{"version":3,"file":"DashboardSection.d.ts","sourceRoot":"","sources":["../../../../src/examples/shared/DashboardSection.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AAEpC,UAAU,qBAAqB;IAC7B,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAED,wBAAgB,gBAAgB,CAAC,EAC/B,KAAK,EACL,WAAW,EACX,QAAQ,GACT,EAAE,qBAAqB,qBAcvB"}

package/dist/src/examples/shared/DashboardSection.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 export function DashboardSection({ title, description, children, }) {
-    return (_jsxs("section", { className: "space-y-4", children: [_jsxs("div", { className: "space-y-1", children: [_jsx("h2", { className: "text-lg font-medium text-foreground", children: title }), description ? (_jsx("p", { className: "text-sm text-muted-foreground", children: description })) : null] }), children] }));
+    return (_jsxs("section", { className: "space-y-4", children: [_jsxs("div", { className: "space-y-1", children: [_jsx("h2", { className: "text-lg font-medium text-foreground", children: title }), description ? (_jsx("p", { className: "text-sm text-neutral-foreground-subtle", children: description })) : null] }), children] }));
 }
 //# sourceMappingURL=DashboardSection.js.map

package/dist/src/examples/shared/DashboardSection.js.map

@@ -1 +1 @@
-{"version":3,"file":"DashboardSection.js","sourceRoot":"","sources":["../../../../src/examples/shared/DashboardSection.tsx"],"names":[],"mappings":";AAQA,MAAM,UAAU,gBAAgB,CAAC,EAC/B,KAAK,EACL,WAAW,EACX,QAAQ,GACc;IACtB,OAAO,CACL,mBAAS,SAAS,EAAC,WAAW,aAC5B,eAAK,SAAS,EAAC,WAAW,aACxB,aAAI,SAAS,EAAC,qCAAqC,YAAE,KAAK,GAAM,EAC/D,WAAW,CAAC,CAAC,CAAC,CACb,YAAG,SAAS,EAAC,+BAA+B,YAAE,WAAW,GAAK,CAC/D,CAAC,CAAC,CAAC,IAAI,IACJ,EACL,QAAQ,IACD,CACX,CAAC;AACJ,CAAC"}
+{"version":3,"file":"DashboardSection.js","sourceRoot":"","sources":["../../../../src/examples/shared/DashboardSection.tsx"],"names":[],"mappings":";AAQA,MAAM,UAAU,gBAAgB,CAAC,EAC/B,KAAK,EACL,WAAW,EACX,QAAQ,GACc;IACtB,OAAO,CACL,mBAAS,SAAS,EAAC,WAAW,aAC5B,eAAK,SAAS,EAAC,WAAW,aACxB,aAAI,SAAS,EAAC,qCAAqC,YAAE,KAAK,GAAM,EAC/D,WAAW,CAAC,CAAC,CAAC,CACb,YAAG,SAAS,EAAC,wCAAwC,YAClD,WAAW,GACV,CACL,CAAC,CAAC,CAAC,IAAI,IACJ,EACL,QAAQ,IACD,CACX,CAAC;AACJ,CAAC"}

package/dist/styles.css

@@ -694,6 +694,9 @@
 .h-\[480px\] {
   height: 480px;
 }
+.h-\[600px\] {
+  height: 600px;
+}
 .h-\[calc\(100\%-2px\)\] {
   height: calc(100% - 2px);
 }
@@ -1448,6 +1451,9 @@
 .border-\(--color-border-tooltip\) {
   border-color: var(--color-border-tooltip);
 }
+.border-accent-border-strong {
+  border-color: var(--accent-border-strong);
+}
 .border-accent-border-subtle {
   border-color: var(--accent-border-subtle);
 }
@@ -1469,6 +1475,9 @@
 .border-danger-border-subtle {
   border-color: var(--danger-border-subtle);
 }
+.border-danger-foreground-subtle {
+  border-color: var(--danger-foreground-subtle);
+}
 .border-info-border-subtle {
   border-color: var(--info-border-subtle);
 }
@@ -1493,6 +1502,12 @@
 .border-t-transparent {
   border-top-color: transparent;
 }
+.border-l-primary-action-foreground\/25 {
+  border-left-color: var(--primary-action-foreground);
+  @supports (color: color-mix(in lab, red, red)) {
+    border-left-color: color-mix(in oklab, var(--primary-action-foreground) 25%, transparent);
+  }
+}
 .border-l-transparent {
   border-left-color: transparent;
 }
@@ -2551,12 +2566,18 @@
   --tw-ring-inset: inset;
 }
 @media (hover: hover) {
+  .hover\:border-accent-border-strong:hover {
+    border-color: var(--accent-border-strong);
+  }
   .hover\:border-ring:hover {
     border-color: var(--ring);
   }
   .hover\:bg-accent-action-hover:hover {
     background-color: var(--accent-action-hover);
   }
+  .hover\:bg-accent-background-subtle:hover {
+    background-color: var(--accent-background-subtle);
+  }
   .hover\:bg-accent-background-subtle\/50:hover {
     background-color: var(--accent-background-subtle);
   }
@@ -2594,15 +2615,15 @@
   .hover\:bg-transparent:hover {
     background-color: transparent;
   }
+  .hover\:text-accent-foreground-strong:hover {
+    color: var(--accent-foreground-strong);
+  }
   .hover\:text-neutral-foreground-strong:hover {
     color: var(--neutral-foreground-strong);
   }
   .hover\:text-neutral-foreground-subtle:hover {
     color: var(--neutral-foreground-subtle);
   }
-  .hover\:text-primary-action-foreground:hover {
-    color: var(--primary-action-foreground);
-  }
   .hover\:underline:hover {
     text-decoration-line: underline;
   }
@@ -2644,20 +2665,20 @@
 .focus\:rounded-md:focus {
   border-radius: calc(var(--radius) - 2px);
 }
+.focus\:bg-accent-background-subtle:focus {
+  background-color: var(--accent-background-subtle);
+}
 .focus\:bg-background:focus {
   background-color: var(--background);
 }
-.focus\:bg-primary-background-strong:focus {
-  background-color: var(--primary-background-strong);
-}
 .focus\:px-3:focus {
   padding-inline: calc(var(--spacing) * 3);
 }
 .focus\:py-2:focus {
   padding-block: calc(var(--spacing) * 2);
 }
-.focus\:text-primary-foreground-strong:focus {
-  color: var(--primary-foreground-strong);
+.focus\:text-accent-foreground-strong:focus {
+  color: var(--accent-foreground-strong);
 }
 .focus\:ring-2:focus {
   --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
@@ -2676,9 +2697,6 @@
 .focus-visible\:rounded-xs:focus-visible {
   border-radius: var(--radius-xs);
 }
-.focus-visible\:border-primary-border-strong:focus-visible {
-  border-color: var(--primary-border-strong);
-}
 .focus-visible\:border-ring:focus-visible {
   border-color: var(--ring);
 }
@@ -2809,6 +2827,11 @@
   .has-\[\:disabled\]\:hover\:bg-transparent:has(:is(:disabled)):hover {
     background-color: transparent;
   }
+}
+.has-\[\[data-state\=checked\]\]\:border-accent-border-strong:has(:is([data-state=checked])) {
+  border-color: var(--accent-border-strong);
+}
+@media (hover: hover) {
   .has-\[\[data-state\=unchecked\]\]\:hover\:bg-neutral-background-medium:has(:is([data-state=unchecked])):hover {
     background-color: var(--neutral-background-medium);
   }
@@ -2834,6 +2857,9 @@
 .aria-disabled\:opacity-50[aria-disabled="true"] {
   opacity: 50%;
 }
+.aria-disabled\:opacity-100[aria-disabled="true"] {
+  opacity: 100%;
+}
 .aria-expanded\:bg-neutral-background-medium[aria-expanded="true"] {
   background-color: var(--neutral-background-medium);
 }
@@ -2980,14 +3006,14 @@
 .data-\[state\=on\]\:text-accent-foreground-strong[data-state="on"] {
   color: var(--accent-foreground-strong);
 }
+.data-\[state\=open\]\:bg-accent-background-subtle[data-state="open"] {
+  background-color: var(--accent-background-subtle);
+}
 .data-\[state\=open\]\:bg-neutral-background-medium[data-state="open"] {
   background-color: var(--neutral-background-medium);
 }
-.data-\[state\=open\]\:bg-primary-background-strong[data-state="open"] {
-  background-color: var(--primary-background-strong);
-}
-.data-\[state\=open\]\:text-primary-foreground-strong[data-state="open"] {
-  color: var(--primary-foreground-strong);
+.data-\[state\=open\]\:text-accent-foreground-strong[data-state="open"] {
+  color: var(--accent-foreground-strong);
 }
 .data-\[state\=selected\]\:bg-accent-background-subtle[data-state="selected"] {
   background-color: var(--accent-background-subtle);
@@ -3002,8 +3028,8 @@
 .data-\[variant\=destructive\]\:text-danger-foreground-subtle[data-variant="destructive"] {
   color: var(--danger-foreground-subtle);
 }
-.data-\[variant\=destructive\]\:focus\:bg-primary-background-strong[data-variant="destructive"]:focus {
-  background-color: var(--primary-background-strong);
+.data-\[variant\=destructive\]\:focus\:bg-danger-background-subtle[data-variant="destructive"]:focus {
+  background-color: var(--danger-background-subtle);
 }
 .data-\[variant\=destructive\]\:focus\:text-danger-foreground-strong[data-variant="destructive"]:focus {
   color: var(--danger-foreground-strong);
@@ -3167,9 +3193,6 @@
     color: var(--accent-foreground-strong);
   }
 }
-.dark\:focus-visible\:border-primary-border-subtle:is(.dark *):focus-visible {
-  border-color: var(--primary-border-subtle);
-}
 .dark\:focus-visible\:ring-danger-action-foreground\/40:is(.dark *):focus-visible {
   --tw-ring-color: var(--danger-action-foreground);
   @supports (color: color-mix(in lab, red, red)) {
@@ -3212,6 +3235,9 @@
 .dark\:data-\[state\=open\]\:bg-neutral-background-medium:is(.dark *)[data-state="open"] {
   background-color: var(--neutral-background-medium);
 }
+.dark\:data-\[state\=unchecked\]\:bg-neutral-foreground-strong:is(.dark *)[data-state="unchecked"] {
+  background-color: var(--neutral-foreground-strong);
+}
 .data-open\:duration-200:where([data-state="open"]), .data-open\:duration-200:where([data-open]:not([data-open="false"])) {
   --tw-duration: 200ms;
   transition-duration: 200ms;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@camunda/design-system",
-  "version": "0.64.0",
+  "version": "0.65.0",
   "description": "Camunda's AI-first design system. shadcn + Tailwind components, design tokens aligned to Camunda's identity, and AI tooling for component authoring + migration.",
   "license": "Apache-2.0",
   "repository": {
@@ -84,7 +84,7 @@
     "audit:conventions": "node scripts/audit-conventions.mjs",
     "mapping:build": "bash skills/migrate/scripts/build-mapping.sh",
     "mapping:check": "bash skills/migrate/scripts/build-mapping.sh --check",
-    "test:rules": "node eslint-rules/no-adhoc-typography.test.mjs && node eslint-rules/no-primitive-tailwind-colors.test.mjs && node eslint-rules/no-raw-color-in-classname.test.mjs && node eslint-rules/require-shared-sidebar-provider.test.mjs && node eslint-rules/no-hardcoded-user-facing-string.test.mjs && node eslint-rules/no-direct-lucide-import.test.mjs && node eslint-rules/no-deep-import.test.mjs && node eslint-rules/button-has-type.test.mjs && node eslint-rules/icon-button-needs-label.test.mjs && node eslint-rules/prefer-link-props.test.mjs && node eslint-rules/require-browsable-link.test.mjs && node eslint-rules/no-hardcoded-i18n-prop.test.mjs && node --test eslint-plugin/index.test.mjs src/icons/registry.integrity.test.mjs src/lib/trigger-ref.integrity.test.mjs src/lib/i18n/dictionary.test.mjs src/lib/i18n/dictionary-usage.test.mjs src/lib/i18n/context.test.mjs",
+    "test:rules": "node eslint-rules/no-adhoc-typography.test.mjs && node eslint-rules/no-primitive-tailwind-colors.test.mjs && node eslint-rules/no-raw-color-in-classname.test.mjs && node eslint-rules/require-shared-sidebar-provider.test.mjs && node eslint-rules/no-hardcoded-user-facing-string.test.mjs && node eslint-rules/no-direct-lucide-import.test.mjs && node eslint-rules/no-deep-import.test.mjs && node eslint-rules/button-has-type.test.mjs && node eslint-rules/icon-button-needs-label.test.mjs && node eslint-rules/prefer-link-props.test.mjs && node eslint-rules/require-browsable-link.test.mjs && node eslint-rules/no-hardcoded-i18n-prop.test.mjs && node --test eslint-plugin/index.test.mjs src/icons/registry.integrity.test.mjs src/icons/carbon-lucide-mapping.integrity.test.mjs src/lib/trigger-ref.integrity.test.mjs src/lib/i18n/dictionary.test.mjs src/lib/i18n/dictionary-usage.test.mjs src/lib/i18n/context.test.mjs",
     "test:hooks": "python3 plugins/camunda-design-system/scripts/route-request.test.py",
     "prepare": "husky",
     "release": "changeset publish",