@camunda/design-system 0.56.1 → 0.57.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (8) hide show
  1. package/dist/carbon-compat/text-input.d.ts.map +1 -1
  2. package/dist/carbon-compat/text-input.js +8 -1
  3. package/dist/carbon-compat/text-input.js.map +1 -1
  4. package/dist/src/components/ui/alert.d.ts.map +1 -1
  5. package/dist/src/components/ui/alert.js +24 -7
  6. package/dist/src/components/ui/alert.js.map +1 -1
  7. package/dist/styles.css +75 -59
  8. package/package.json +1 -1
package/dist/carbon-compat/text-input.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"text-input.d.ts","sourceRoot":"","sources":["../../carbon-compat/text-input.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,KAAK,EAAE,cAAc,IAAI,oBAAoB,EAAE,MAAM,eAAe,CAAC;AAE5E,MAAM,MAAM,cAAc,GAAG,oBAAoB,CAAC;AAElD,iBAAS,SAAS,CAAC,KAAK,EAAE,cAAc,qBA+FvC;AAED,OAAO,EAAE,SAAS,EAAE,CAAC"}
1
+ {"version":3,"file":"text-input.d.ts","sourceRoot":"","sources":["../../carbon-compat/text-input.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,KAAK,EAAE,cAAc,IAAI,oBAAoB,EAAE,MAAM,eAAe,CAAC;AAE5E,MAAM,MAAM,cAAc,GAAG,oBAAoB,CAAC;AAElD,iBAAS,SAAS,CAAC,KAAK,EAAE,cAAc,qBAuGvC;AAED,OAAO,EAAE,SAAS,EAAE,CAAC"}
package/dist/carbon-compat/text-input.js CHANGED
@@ -18,7 +18,14 @@ function TextInput(props) {
18
18
  const generatedId = React.useId();
19
19
  const resolvedId = id ?? generatedId;
20
20
  const showInvalidText = invalid && invalidText !== undefined;
21
- const showHelperText = !invalid && helperText !== undefined;
21
+ // Matches Carbon's `hasHelperText` (@carbon/react/lib/internal/hasHelperText.js):
22
+ // an empty string is treated the same as `undefined`/`null` — no helper-text
23
+ // row is rendered. `labelText` intentionally keeps the looser `!== undefined`
24
+ // check below since Carbon does not apply this guard to labels.
25
+ const showHelperText = !invalid &&
26
+ helperText !== undefined &&
27
+ helperText !== null &&
28
+ helperText !== "";
22
29
  const errorId = showInvalidText ? `${resolvedId}-error-msg` : undefined;
23
30
  const helperId = showHelperText ? `${resolvedId}-helper-text` : undefined;
24
31
  // A consumer-supplied `aria-errormessage` wins outright rather than being
package/dist/carbon-compat/text-input.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"text-input.js","sourceRoot":"","sources":["../../carbon-compat/text-input.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"text-input.js","sourceRoot":"","sources":["../../carbon-compat/text-input.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,KAAK,EAAE,MAAM,4BAA4B,CAAC;AACnD,OAAO,EAAE,EAAE,EAAE,gBAAgB,EAAE,MAAM,kBAAkB,CAAC;AAKxD,SAAS,SAAS,CAAC,KAAqB;IACtC,MAAM,EACJ,SAAS,EACT,SAAS,EACT,YAAY,EACZ,QAAQ,EACR,aAAa,EACb,UAAU,EACV,SAAS,EACT,EAAE,EACF,MAAM,EACN,OAAO,EACP,WAAW,EACX,SAAS,EACT,KAAK,EACL,QAAQ,EACR,QAAQ,EACR,OAAO,EACP,WAAW,EACX,QAAQ,EACR,IAAI,EACJ,IAAI,EACJ,IAAI,EACJ,KAAK,EACL,IAAI,EACJ,QAAQ,EACR,kBAAkB,EAAE,eAAe,EACnC,mBAAmB,EAAE,gBAAgB,EACrC,GAAG,IAAI,EACR,GAAG,KAAK,CAAC;IACV,gBAAgB,CAAC,WAAW,EAAE;QAC5B,SAAS;QACT,aAAa;QACb,MAAM;QACN,KAAK;QACL,QAAQ;QACR,IAAI;QACJ,IAAI;QACJ,IAAI;QACJ,QAAQ;KACT,CAAC,CAAC;IACH,MAAM,WAAW,GAAG,KAAK,CAAC,KAAK,EAAE,CAAC;IAClC,MAAM,UAAU,GAAG,EAAE,IAAI,WAAW,CAAC;IACrC,MAAM,eAAe,GAAG,OAAO,IAAI,WAAW,KAAK,SAAS,CAAC;IAC7D,kFAAkF;IAClF,6EAA6E;IAC7E,8EAA8E;IAC9E,gEAAgE;IAChE,MAAM,cAAc,GAClB,CAAC,OAAO;QACR,UAAU,KAAK,SAAS;QACxB,UAAU,KAAK,IAAI;QACnB,UAAU,KAAK,EAAE,CAAC;IACpB,MAAM,OAAO,GAAG,eAAe,CAAC,CAAC,CAAC,GAAG,UAAU,YAAY,CAAC,CAAC,CAAC,SAAS,CAAC;IACxE,MAAM,QAAQ,GAAG,cAAc,CAAC,CAAC,CAAC,GAAG,UAAU,cAAc,CAAC,CAAC,CAAC,SAAS,CAAC;IAC1E,0EAA0E;IAC1E,0EAA0E;IAC1E,4DAA4D;IAC5D,MAAM,cAAc,GAAG,gBAAgB,IAAI,OAAO,CAAC;IACnD,sEAAsE;IACtE,mEAAmE;IACnE,uEAAuE;IACvE,qEAAqE;IACrE,0DAA0D;IAC1D,MAAM,WAAW,GACf,CAAC,OAAO,EAAE,QAAQ,EAAE,eAAe,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,IAAI,SAAS,CAAC;IAC9E,OAAO,CACL,eAAK,SAAS,EAAE,EAAE,CAAC,qBAAqB,EAAE,SAAS,CAAC,aACjD,SAAS,KAAK,SAAS,CAAC,CAAC,CAAC,CACzB,gBACE,OAAO,EAAE,UAAU,EACnB,SAAS,EAAE,EAAE,CAAC,qBAAqB,EAAE,SAAS,IAAI,SAAS,CAAC,YAE3D,SAAS,GACJ,CACT,CAAC,CAAC,CAAC,IAAI,EACR,KAAC,KAAK,IACJ,EAAE,EAAE,UAAU,EACd,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,KAAK,EACZ,YAAY,EAAE,YAAY,EAC1B,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,WAAW,EAAE,WAAW,EACxB,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,OAAO,kBACF,OAAO,IAAI,SAAS,uBACf,cAAc,sBACf,WAAW,KACxB,IAA2C,GAChD,EACD,eAAe,CAAC,CAAC,CAAC,CACjB,eAAM,EAAE,EAAE,OAAO,EAAE,SAAS,EAAC,uCAAuC,YACjE,WAAW,GACP,CACR,CAAC,CAAC,CAAC,IAAI,EACP,cAAc,CAAC,CAAC,CAAC,CAChB,eAAM,EAAE,EAAE,QAAQ,EAAE,SAAS,EAAC,wCAAwC,YACnE,UAAU,GACN,CACR,CAAC,CAAC,CAAC,IAAI,IACJ,CACP,CAAC;AACJ,CAAC;AAED,OAAO,EAAE,SAAS,EAAE,CAAC"}
package/dist/src/components/ui/alert.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"alert.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/alert.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAClE,OAAO,EAML,KAAK,UAAU,EAChB,MAAM,cAAc,CAAC;AAYtB,QAAA,MAAM,aAAa;;8EAgBjB,CAAC;AAcH,KAAK,YAAY,GAAG,SAAS,GAAG,MAAM,GAAG,SAAS,GAAG,SAAS,GAAG,aAAa,CAAC;AAE/E,KAAK,UAAU,GAAG,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,GAC3C,YAAY,CAAC,OAAO,aAAa,CAAC,GAAG;IACnC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC9B,qEAAqE;IACrE,IAAI,CAAC,EAAE,UAAU,GAAG,IAAI,CAAC;IACzB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;CACxB,CAAC;AAIJ,iBAAS,KAAK,CAAC,EACb,GAAG,EACH,SAAS,EACT,OAAmB,EACnB,KAAK,EACL,WAAW,EACX,IAAI,EACJ,WAAmB,EACnB,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,UAAU,qBA+EZ;AAQD,iBAAS,UAAU,CAAC,EAClB,GAAG,EACH,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,GAAG,CAAC,qBAe3B;AAGD,iBAAS,gBAAgB,CAAC,EACxB,GAAG,EACH,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,qBAW7B;AAED,OAAO,EAAE,KAAK,EAAE,UAAU,EAAE,gBAAgB,EAAE,aAAa,EAAE,CAAC;AAC9D,YAAY,EAAE,UAAU,EAAE,YAAY,EAAE,CAAC"}
1
+ {"version":3,"file":"alert.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/alert.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAClE,OAAO,EAML,KAAK,UAAU,EAChB,MAAM,cAAc,CAAC;AAYtB,QAAA,MAAM,aAAa;;8EAgBlB,CAAC;AAgCF,KAAK,YAAY,GAAG,SAAS,GAAG,MAAM,GAAG,SAAS,GAAG,SAAS,GAAG,aAAa,CAAC;AAE/E,KAAK,UAAU,GAAG,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,GAC3C,YAAY,CAAC,OAAO,aAAa,CAAC,GAAG;IACnC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC9B,qEAAqE;IACrE,IAAI,CAAC,EAAE,UAAU,GAAG,IAAI,CAAC;IACzB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;CACxB,CAAC;AAIJ,iBAAS,KAAK,CAAC,EACb,GAAG,EACH,SAAS,EACT,OAAmB,EACnB,KAAK,EACL,WAAW,EACX,IAAI,EACJ,WAAmB,EACnB,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,UAAU,qBAkFZ;AAQD,iBAAS,UAAU,CAAC,EAClB,GAAG,EACH,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,GAAG,CAAC,qBAe3B;AAGD,iBAAS,gBAAgB,CAAC,EACxB,GAAG,EACH,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,qBAW7B;AAED,OAAO,EAAE,KAAK,EAAE,UAAU,EAAE,gBAAgB,EAAE,aAAa,EAAE,CAAC;AAC9D,YAAY,EAAE,UAAU,EAAE,YAAY,EAAE,CAAC"}
package/dist/src/components/ui/alert.js CHANGED
@@ -10,14 +10,31 @@ import { typographyVariants } from "./typography.js";
10
10
  // floating surface (bg-popover) after a styling reversal — see toast.specs.ts's
11
11
  // Styling contract and docs/superpowers/specs/2026-08-14-toast-design.md's Revision
12
12
  // section. No sync obligation between the two files anymore.
13
- const alertVariants = cva("relative w-full rounded-lg border p-4 text-sm", {
13
+ const alertVariants = cva("relative w-full rounded-lg border p-4 text-sm text-neutral-foreground-strong", {
14
14
  variants: {
15
15
  variant: {
16
- default: "border-border bg-background text-neutral-foreground-strong",
17
- info: "border-info-border-subtle bg-info-background-subtle text-info-foreground-strong",
18
- success: "border-success-border-subtle bg-success-background-subtle text-success-foreground-strong",
19
- warning: "border-warning-border-subtle bg-warning-background-subtle text-warning-foreground-strong",
20
- destructive: "border-danger-border-subtle bg-danger-background-subtle text-danger-foreground-strong",
16
+ default: "border-border bg-background",
17
+ info: "border-info-border-subtle bg-info-background-subtle",
18
+ success: "border-success-border-subtle bg-success-background-subtle",
19
+ warning: "border-warning-border-subtle bg-warning-background-subtle",
20
+ destructive: "border-danger-border-subtle bg-danger-background-subtle",
21
+ },
22
+ },
23
+ defaultVariants: {
24
+ variant: "default",
25
+ },
26
+ });
27
+ // The icon is the only element carrying status color — the root's text is
28
+ // neutral on every variant, so this scale cannot be dropped in favour of
29
+ // inheritance.
30
+ const alertIconVariants = cva("h-4 w-4", {
31
+ variants: {
32
+ variant: {
33
+ default: "text-neutral-foreground-strong",
34
+ info: "text-info-foreground-strong",
35
+ success: "text-success-foreground-strong",
36
+ warning: "text-warning-foreground-strong",
37
+ destructive: "text-danger-foreground-strong",
21
38
  },
22
39
  },
23
40
  defaultVariants: {
@@ -47,7 +64,7 @@ function Alert({ ref, className, variant = "default", title, description, icon,
47
64
  : (DEFAULT_ICONS[variant ?? "default"] ?? null);
48
65
  const hasIcon = resolvedIcon !== null;
49
66
  const IconComponent = resolvedIcon;
50
- return (_jsx("div", { ref: ref, "data-slot": "alert", role: ariaRole, "aria-live": ariaLive, "aria-atomic": "true", className: cn(alertVariants({ variant }), className), ...props, children: _jsxs("div", { className: "flex items-start gap-3", children: [hasIcon && IconComponent !== null && (_jsx("div", { className: "mt-0.5 shrink-0", children: _jsx(IconComponent, { className: "h-4 w-4", "aria-hidden": "true" }) })), _jsxs("div", { className: "min-w-0 flex-1", children: [title != null && _jsx(AlertTitle, { children: title }), description != null && (_jsx(AlertDescription, { children: description })), children != null &&
67
+ return (_jsx("div", { ref: ref, "data-slot": "alert", role: ariaRole, "aria-live": ariaLive, "aria-atomic": "true", className: cn(alertVariants({ variant }), className), ...props, children: _jsxs("div", { className: "flex items-start gap-3", children: [hasIcon && IconComponent !== null && (_jsx("div", { className: "mt-0.5 shrink-0", children: _jsx(IconComponent, { className: alertIconVariants({ variant }), "aria-hidden": "true" }) })), _jsxs("div", { className: "min-w-0 flex-1", children: [title != null && _jsx(AlertTitle, { children: title }), description != null && (_jsx(AlertDescription, { children: description })), children != null &&
51
68
  (title != null || description != null ? (_jsx("div", { className: "mt-3", children: children })) : (children))] }), dismissible && (_jsx("div", { className: "shrink-0", children: _jsx(Button, { type: "button", variant: "ghost", size: "icon-sm", "aria-label": "Dismiss", onClick: onDismiss, className: "-mr-1 -mt-1 h-7 w-7 text-current opacity-70 hover:opacity-100", children: _jsx(X, { className: "h-4 w-4", "aria-hidden": "true" }) }) }))] }) }));
52
69
  }
53
70
  // ── Slot sub-components (escape hatch for custom layouts) ──────────────────
package/dist/src/components/ui/alert.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"alert.js","sourceRoot":"","sources":["../../../../src/components/ui/alert.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"alert.js","sourceRoot":"","sources":["../../../../src/components/ui/alert.tsx"],"names":[],"mappings":"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"}
package/dist/styles.css CHANGED
@@ -33,23 +33,26 @@
33
33
  --color-teal-500: oklch(70.4% 0.14 182.503);
34
34
  --color-cyan-400: oklch(78.9% 0.154 211.53);
35
35
  --color-cyan-600: oklch(60.9% 0.126 221.723);
36
+ --color-sky-50: oklch(97.7% 0.013 236.62);
37
+ --color-sky-100: oklch(95.1% 0.026 236.824);
38
+ --color-sky-200: oklch(90.1% 0.058 230.902);
39
+ --color-sky-300: oklch(82.8% 0.111 230.318);
36
40
  --color-sky-400: oklch(74.6% 0.16 232.661);
37
41
  --color-sky-500: oklch(68.5% 0.169 237.323);
38
42
  --color-sky-600: oklch(58.8% 0.158 241.966);
39
43
  --color-sky-700: oklch(50% 0.134 242.749);
40
44
  --color-sky-800: oklch(44.3% 0.11 240.79);
41
45
  --color-sky-900: oklch(39.1% 0.09 240.876);
42
- --color-blue-50: oklch(97% 0.014 254.604);
43
- --color-blue-100: oklch(93.2% 0.032 255.585);
44
- --color-blue-200: oklch(88.2% 0.059 254.128);
45
- --color-blue-300: oklch(80.9% 0.105 251.813);
46
- --color-blue-400: oklch(70.7% 0.165 254.624);
47
46
  --color-blue-500: oklch(62.3% 0.214 259.815);
48
- --color-blue-600: oklch(54.6% 0.245 262.881);
49
- --color-blue-700: oklch(48.8% 0.243 264.376);
50
- --color-blue-800: oklch(42.4% 0.199 265.638);
51
- --color-blue-900: oklch(37.9% 0.146 265.522);
47
+ --color-indigo-50: oklch(96.2% 0.018 272.314);
48
+ --color-indigo-100: oklch(93% 0.034 272.788);
49
+ --color-indigo-200: oklch(87% 0.065 274.039);
52
50
  --color-indigo-400: oklch(67.3% 0.182 276.935);
51
+ --color-indigo-500: oklch(58.5% 0.233 277.117);
52
+ --color-indigo-600: oklch(51.1% 0.262 276.966);
53
+ --color-indigo-700: oklch(45.7% 0.24 277.023);
54
+ --color-indigo-800: oklch(39.8% 0.195 277.366);
55
+ --color-indigo-900: oklch(35.9% 0.144 278.697);
53
56
  --color-purple-500: oklch(62.7% 0.265 303.9);
54
57
  --color-fuchsia-500: oklch(66.7% 0.295 322.15);
55
58
  --color-fuchsia-600: oklch(59.1% 0.293 322.896);
@@ -3565,7 +3568,7 @@
3565
3568
  --input: var(--color-zinc-300);
3566
3569
  --input-background: var(--color-white);
3567
3570
  --switch-background: var(--color-zinc-300);
3568
- --ring: var(--color-sky-700);
3571
+ --ring: var(--accent-foreground-subtle);
3569
3572
  --neutral-action-default: var(--color-zinc-700);
3570
3573
  --neutral-action-hover: var(--color-zinc-800);
3571
3574
  --neutral-action-active: var(--color-zinc-900);
@@ -3625,24 +3628,28 @@
3625
3628
  --primary-foreground-strong: var(--color-zinc-900);
3626
3629
  --primary-border-subtle: var(--color-zinc-200);
3627
3630
  --primary-border-strong: var(--color-zinc-400);
3628
- --accent-action-default: var(--color-brand-700);
3629
- --accent-action-hover: var(--color-brand-800);
3630
- --accent-action-active: var(--color-brand-900);
3631
- --accent-action-disabled: var(--color-brand-700);
3631
+ --accent-action-default: var(--color-indigo-700);
3632
+ --accent-action-hover: var(--color-indigo-800);
3633
+ --accent-action-active: var(--color-indigo-900);
3634
+ --accent-action-disabled: color-mix(
3635
+ in srgb,
3636
+ oklch(45.7% 0.24 277.023) 38%,
3637
+ transparent
3638
+ );
3632
3639
  @supports (color: color-mix(in lab, red, red)) {
3633
3640
  --accent-action-disabled: color-mix(
3634
3641
  in srgb,
3635
- var(--color-brand-700) 38%,
3642
+ var(--color-indigo-700) 38%,
3636
3643
  transparent
3637
3644
  );
3638
3645
  }
3639
- --accent-action-foreground: var(--color-brand-50);
3640
- --accent-background-subtle: var(--color-brand-50);
3641
- --accent-background-strong: var(--color-brand-100);
3642
- --accent-foreground-subtle: var(--color-brand-700);
3643
- --accent-foreground-strong: var(--color-brand-900);
3644
- --accent-border-subtle: var(--color-brand-200);
3645
- --accent-border-strong: var(--color-brand-400);
3646
+ --accent-action-foreground: var(--color-white);
3647
+ --accent-background-subtle: var(--color-indigo-50);
3648
+ --accent-background-strong: var(--color-indigo-100);
3649
+ --accent-foreground-subtle: var(--color-indigo-700);
3650
+ --accent-foreground-strong: var(--color-indigo-900);
3651
+ --accent-border-subtle: var(--color-indigo-200);
3652
+ --accent-border-strong: var(--color-indigo-400);
3646
3653
  --warning-action-default: var(--color-amber-600);
3647
3654
  --warning-action-hover: var(--color-amber-700);
3648
3655
  --warning-action-active: var(--color-amber-800);
@@ -3724,13 +3731,13 @@
3724
3731
  transparent
3725
3732
  );
3726
3733
  }
3727
- --info-action-foreground: var(--color-blue-50);
3728
- --info-background-subtle: var(--color-blue-50);
3729
- --info-background-strong: var(--color-blue-100);
3730
- --info-foreground-subtle: var(--color-blue-700);
3731
- --info-foreground-strong: var(--color-blue-900);
3732
- --info-border-subtle: var(--color-blue-200);
3733
- --info-border-strong: var(--color-blue-400);
3734
+ --info-action-foreground: var(--color-sky-50);
3735
+ --info-background-subtle: var(--color-sky-50);
3736
+ --info-background-strong: var(--color-sky-100);
3737
+ --info-foreground-subtle: var(--color-sky-700);
3738
+ --info-foreground-strong: var(--color-sky-900);
3739
+ --info-border-subtle: var(--color-sky-200);
3740
+ --info-border-strong: var(--color-sky-400);
3734
3741
  --overlay: color-mix(in srgb, #000 10%, transparent);
3735
3742
  @supports (color: color-mix(in lab, red, red)) {
3736
3743
  --overlay: color-mix(in srgb, var(--color-black) 10%, transparent);
@@ -3740,7 +3747,6 @@
3740
3747
  --shadow-md: 0 4px 12px rgba(0, 0, 0, 0.06), 0 1px 3px rgba(0, 0, 0, 0.04);
3741
3748
  --shadow-lg: 0 8px 24px rgba(0, 0, 0, 0.08), 0 2px 8px rgba(0, 0, 0, 0.04);
3742
3749
  --shadow-xl: 0 16px 48px rgba(0, 0, 0, 0.1), 0 4px 16px rgba(0, 0, 0, 0.05);
3743
- --shadow-glow: 0 0 0 1px rgba(252, 93, 13, 0.12), 0 2px 8px rgba(0, 0, 0, 0.06);
3744
3750
  --chart-sky: var(--color-sky-600);
3745
3751
  --chart-teal: var(--color-teal-500);
3746
3752
  --chart-orange: var(--color-orange-600);
@@ -3765,7 +3771,6 @@
3765
3771
  --input: var(--color-zinc-400);
3766
3772
  --input-background: var(--color-zinc-900);
3767
3773
  --switch-background: var(--color-zinc-700);
3768
- --ring: var(--color-sky-400);
3769
3774
  --neutral-action-default: var(--color-zinc-700);
3770
3775
  --neutral-action-hover: var(--color-zinc-800);
3771
3776
  --neutral-action-active: var(--color-zinc-900);
@@ -3811,38 +3816,50 @@
3811
3816
  --primary-foreground-strong: var(--color-white);
3812
3817
  --primary-border-subtle: var(--color-zinc-300);
3813
3818
  --primary-border-strong: var(--color-zinc-500);
3814
- --accent-action-default: var(--color-brand-700);
3815
- --accent-action-hover: var(--color-brand-800);
3816
- --accent-action-active: var(--color-brand-900);
3817
- --accent-action-disabled: var(--color-brand-700);
3819
+ --accent-action-default: var(--color-indigo-700);
3820
+ --accent-action-hover: var(--color-indigo-800);
3821
+ --accent-action-active: var(--color-indigo-900);
3822
+ --accent-action-disabled: color-mix(
3823
+ in srgb,
3824
+ oklch(45.7% 0.24 277.023) 38%,
3825
+ transparent
3826
+ );
3818
3827
  @supports (color: color-mix(in lab, red, red)) {
3819
3828
  --accent-action-disabled: color-mix(
3820
3829
  in srgb,
3821
- var(--color-brand-700) 38%,
3830
+ var(--color-indigo-700) 38%,
3822
3831
  transparent
3823
3832
  );
3824
3833
  }
3825
3834
  --accent-action-foreground: var(--color-white);
3826
- --accent-background-subtle: var(--color-brand-500);
3835
+ --accent-background-subtle: color-mix(
3836
+ in srgb,
3837
+ oklch(58.5% 0.233 277.117) 14%,
3838
+ oklch(21% 0.006 285.885)
3839
+ );
3827
3840
  @supports (color: color-mix(in lab, red, red)) {
3828
3841
  --accent-background-subtle: color-mix(
3829
3842
  in srgb,
3830
- var(--color-brand-500) 14%,
3843
+ var(--color-indigo-500) 14%,
3831
3844
  var(--color-zinc-900)
3832
3845
  );
3833
3846
  }
3834
- --accent-background-strong: var(--color-brand-500);
3847
+ --accent-background-strong: color-mix(
3848
+ in srgb,
3849
+ oklch(58.5% 0.233 277.117) 22%,
3850
+ oklch(27.4% 0.006 286.033)
3851
+ );
3835
3852
  @supports (color: color-mix(in lab, red, red)) {
3836
3853
  --accent-background-strong: color-mix(
3837
3854
  in srgb,
3838
- var(--color-brand-500) 22%,
3855
+ var(--color-indigo-500) 22%,
3839
3856
  var(--color-zinc-800)
3840
3857
  );
3841
3858
  }
3842
- --accent-foreground-subtle: var(--color-brand-300);
3843
- --accent-foreground-strong: var(--color-brand-200);
3844
- --accent-border-subtle: var(--color-brand-800);
3845
- --accent-border-strong: var(--color-brand-600);
3859
+ --accent-foreground-subtle: var(--color-indigo-400);
3860
+ --accent-foreground-strong: var(--color-indigo-200);
3861
+ --accent-border-subtle: var(--color-indigo-800);
3862
+ --accent-border-strong: var(--color-indigo-600);
3846
3863
  --warning-action-default: var(--color-amber-600);
3847
3864
  --warning-action-hover: var(--color-amber-700);
3848
3865
  --warning-action-active: var(--color-amber-800);
@@ -3859,11 +3876,11 @@
3859
3876
  );
3860
3877
  }
3861
3878
  --warning-action-foreground: var(--color-white);
3862
- --warning-background-subtle: var(--color-amber-900);
3863
- --warning-background-strong: var(--color-amber-800);
3879
+ --warning-background-subtle: var(--color-amber-800);
3880
+ --warning-background-strong: var(--color-amber-700);
3864
3881
  --warning-foreground-subtle: var(--color-amber-400);
3865
3882
  --warning-foreground-strong: var(--color-amber-200);
3866
- --warning-border-subtle: var(--color-amber-800);
3883
+ --warning-border-subtle: var(--color-amber-700);
3867
3884
  --warning-border-strong: var(--color-amber-600);
3868
3885
  --danger-action-default: var(--color-rose-900);
3869
3886
  --danger-action-hover: var(--color-rose-800);
@@ -3909,28 +3926,28 @@
3909
3926
  --success-foreground-strong: var(--color-emerald-200);
3910
3927
  --success-border-subtle: var(--color-emerald-800);
3911
3928
  --success-border-strong: var(--color-emerald-600);
3912
- --info-action-default: var(--color-blue-400);
3913
- --info-action-hover: var(--color-blue-600);
3914
- --info-action-active: var(--color-blue-700);
3929
+ --info-action-default: var(--color-sky-400);
3930
+ --info-action-hover: var(--color-sky-600);
3931
+ --info-action-active: var(--color-sky-700);
3915
3932
  --info-action-disabled: color-mix(
3916
3933
  in srgb,
3917
- oklch(54.6% 0.245 262.881) 38%,
3934
+ oklch(58.8% 0.158 241.966) 38%,
3918
3935
  transparent
3919
3936
  );
3920
3937
  @supports (color: color-mix(in lab, red, red)) {
3921
3938
  --info-action-disabled: color-mix(
3922
3939
  in srgb,
3923
- var(--color-blue-600) 38%,
3940
+ var(--color-sky-600) 38%,
3924
3941
  transparent
3925
3942
  );
3926
3943
  }
3927
3944
  --info-action-foreground: var(--color-white);
3928
- --info-background-subtle: var(--color-blue-900);
3929
- --info-background-strong: var(--color-blue-800);
3930
- --info-foreground-subtle: var(--color-blue-300);
3931
- --info-foreground-strong: var(--color-blue-200);
3932
- --info-border-subtle: var(--color-blue-800);
3933
- --info-border-strong: var(--color-blue-600);
3945
+ --info-background-subtle: var(--color-sky-900);
3946
+ --info-background-strong: var(--color-sky-800);
3947
+ --info-foreground-subtle: var(--color-sky-300);
3948
+ --info-foreground-strong: var(--color-sky-200);
3949
+ --info-border-subtle: var(--color-sky-800);
3950
+ --info-border-strong: var(--color-sky-600);
3934
3951
  --overlay: color-mix(in srgb, #000 40%, transparent);
3935
3952
  @supports (color: color-mix(in lab, red, red)) {
3936
3953
  --overlay: color-mix(in srgb, var(--color-black) 40%, transparent);
@@ -3940,7 +3957,6 @@
3940
3957
  --shadow-md: 0 4px 12px rgba(0, 0, 0, 0.35), 0 1px 3px rgba(0, 0, 0, 0.2);
3941
3958
  --shadow-lg: 0 8px 24px rgba(0, 0, 0, 0.45), 0 2px 8px rgba(0, 0, 0, 0.2);
3942
3959
  --shadow-xl: 0 16px 48px rgba(0, 0, 0, 0.55), 0 4px 16px rgba(0, 0, 0, 0.3);
3943
- --shadow-glow: 0 0 0 1px rgba(252, 93, 13, 0.25), 0 2px 8px rgba(0, 0, 0, 0.3);
3944
3960
  --chart-sky: var(--color-sky-500);
3945
3961
  --chart-teal: var(--color-teal-400);
3946
3962
  --chart-orange: var(--color-orange-600);
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@camunda/design-system",
3
- "version": "0.56.1",
3
+ "version": "0.57.0",
4
4
  "description": "Camunda's AI-first design system. shadcn + Tailwind components, design tokens aligned to Camunda's identity, and AI tooling for component authoring + migration.",
5
5
  "license": "Apache-2.0",
6
6
  "repository": {