@camunda/design-system 0.41.0 → 0.41.1

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 (6) hide show
  1. package/dist/src/lib/focus-visible-on-close.d.ts +22 -1
  2. package/dist/src/lib/focus-visible-on-close.d.ts.map +1 -1
  3. package/dist/src/lib/focus-visible-on-close.js +29 -2
  4. package/dist/src/lib/focus-visible-on-close.js.map +1 -1
  5. package/dist/styles.css +27 -0
  6. package/package.json +4 -3
package/dist/src/lib/focus-visible-on-close.d.ts CHANGED
@@ -39,7 +39,28 @@ export declare function markFocusVisibleOnClose(event: Event): void;
39
39
  * handler already stamps the marker itself once it settles on a final target.
40
40
  */
41
41
  export declare function composeCloseAutoFocus(handler?: (event: Event) => void, defaultHandler?: (event: Event) => void): (event: Event) => void;
42
- /** Same composition shape as {@link composeCloseAutoFocus}, for `onOpenAutoFocus`. */
42
+ /**
43
+ * Same composition shape as {@link composeCloseAutoFocus}, for
44
+ * `onOpenAutoFocus`.
45
+ *
46
+ * `defaultHandler` (the DS's own launcher capture, see
47
+ * {@link useDialogFocusReturn}) runs *before* the consumer's `handler`: a
48
+ * consumer that moves focus with a synchronous `.focus()` call (see below)
49
+ * would otherwise corrupt the capture, since it reads `document.activeElement`
50
+ * — if the consumer's handler already ran, that's the element it just
51
+ * focused inside the dialog, not the real pre-open launcher.
52
+ *
53
+ * #400 — a consumer `onOpenAutoFocus` that calls `event.preventDefault()` to
54
+ * redirect Radix's default open focus (e.g. to a dialog's `Cancel` button,
55
+ * so a stray `Enter` can't trigger a destructive action next to it) still
56
+ * moves focus with a programmatic `.focus()`; the browser's `:focus-visible`
57
+ * heuristic leaves that ring-less on a mouse-triggered open, even though
58
+ * placement is correct. Stamp the same `#259` marker there. Gated on
59
+ * `event.defaultPrevented`, i.e. only when a consumer actually took over open
60
+ * focus — Radix's own default (unmodified) autofocus target must never carry
61
+ * it, or an ordinary mouse-opened dialog would show a spurious ring on
62
+ * whatever it focuses first (e.g. the close button).
63
+ */
43
64
  export declare function composeOpenAutoFocus(handler: ((event: Event) => void) | undefined, defaultHandler: (event: Event) => void): (event: Event) => void;
44
65
  /**
45
66
  * Default focus-RETURN for DS overlay `Content` components (issue #26413).
package/dist/src/lib/focus-visible-on-close.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"focus-visible-on-close.d.ts","sourceRoot":"","sources":["../../../src/lib/focus-visible-on-close.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B;;;;;;;;;;;;;;;;;;;;;GAqBG;AAEH,eAAO,MAAM,0BAA0B,+BAA+B,CAAC;AA8BvE;;;;;;GAMG;AACH,wBAAgB,uBAAuB,CAAC,KAAK,EAAE,KAAK,GAAG,IAAI,CAM1D;AAED;;;;;;;GAOG;AACH,wBAAgB,qBAAqB,CACnC,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,EAChC,cAAc,GAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAA8B,GAC/D,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAKxB;AAED,sFAAsF;AACtF,wBAAgB,oBAAoB,CAClC,OAAO,EAAE,CAAC,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAC,GAAG,SAAS,EAC7C,cAAc,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,GACrC,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAKxB;AAED;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,wBAAgB,oBAAoB,CAClC,eAAe,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,WAAW,GAAG,IAAI,CAAC,GACpD;IACD,eAAe,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAC;IACxC,gBAAgB,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAC;CAC1C,CA6BA"}
1
+ {"version":3,"file":"focus-visible-on-close.d.ts","sourceRoot":"","sources":["../../../src/lib/focus-visible-on-close.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B;;;;;;;;;;;;;;;;;;;;;GAqBG;AAEH,eAAO,MAAM,0BAA0B,+BAA+B,CAAC;AA8BvE;;;;;;GAMG;AACH,wBAAgB,uBAAuB,CAAC,KAAK,EAAE,KAAK,GAAG,IAAI,CAM1D;AAED;;;;;;;GAOG;AACH,wBAAgB,qBAAqB,CACnC,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,EAChC,cAAc,GAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAA8B,GAC/D,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAKxB;AAED;;;;;;;;;;;;;;;;;;;;;GAqBG;AACH,wBAAgB,oBAAoB,CAClC,OAAO,EAAE,CAAC,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAC,GAAG,SAAS,EAC7C,cAAc,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,GACrC,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAWxB;AAED;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,wBAAgB,oBAAoB,CAClC,eAAe,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,WAAW,GAAG,IAAI,CAAC,GACpD;IACD,eAAe,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAC;IACxC,gBAAgB,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAC;CAC1C,CA6BA"}
package/dist/src/lib/focus-visible-on-close.js CHANGED
@@ -77,11 +77,38 @@ export function composeCloseAutoFocus(handler, defaultHandler = markFocusVisible
77
77
  defaultHandler(event);
78
78
  };
79
79
  }
80
- /** Same composition shape as {@link composeCloseAutoFocus}, for `onOpenAutoFocus`. */
80
+ /**
81
+ * Same composition shape as {@link composeCloseAutoFocus}, for
82
+ * `onOpenAutoFocus`.
83
+ *
84
+ * `defaultHandler` (the DS's own launcher capture, see
85
+ * {@link useDialogFocusReturn}) runs *before* the consumer's `handler`: a
86
+ * consumer that moves focus with a synchronous `.focus()` call (see below)
87
+ * would otherwise corrupt the capture, since it reads `document.activeElement`
88
+ * — if the consumer's handler already ran, that's the element it just
89
+ * focused inside the dialog, not the real pre-open launcher.
90
+ *
91
+ * #400 — a consumer `onOpenAutoFocus` that calls `event.preventDefault()` to
92
+ * redirect Radix's default open focus (e.g. to a dialog's `Cancel` button,
93
+ * so a stray `Enter` can't trigger a destructive action next to it) still
94
+ * moves focus with a programmatic `.focus()`; the browser's `:focus-visible`
95
+ * heuristic leaves that ring-less on a mouse-triggered open, even though
96
+ * placement is correct. Stamp the same `#259` marker there. Gated on
97
+ * `event.defaultPrevented`, i.e. only when a consumer actually took over open
98
+ * focus — Radix's own default (unmodified) autofocus target must never carry
99
+ * it, or an ordinary mouse-opened dialog would show a spurious ring on
100
+ * whatever it focuses first (e.g. the close button).
101
+ */
81
102
  export function composeOpenAutoFocus(handler, defaultHandler) {
82
103
  return (event) => {
83
- handler?.(event);
84
104
  defaultHandler(event);
105
+ handler?.(event);
106
+ if (event.defaultPrevented) {
107
+ scheduleFocusVisibleMarker(() => {
108
+ const el = document.activeElement;
109
+ return el instanceof HTMLElement && el !== document.body ? el : null;
110
+ });
111
+ }
85
112
  };
86
113
  }
87
114
  /**
package/dist/src/lib/focus-visible-on-close.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"focus-visible-on-close.js","sourceRoot":"","sources":["../../../src/lib/focus-visible-on-close.ts"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"focus-visible-on-close.js","sourceRoot":"","sources":["../../../src/lib/focus-visible-on-close.ts"],"names":[],"mappings":"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"}
package/dist/styles.css CHANGED
@@ -4,6 +4,7 @@
4
4
  --font-sans: "Geist Sans", sans-serif;
5
5
  --font-mono: "IBM Plex Mono", ui-monospace, "Cascadia Code", monospace;
6
6
  --color-red-500: oklch(63.7% 0.237 25.331);
7
+ --color-red-600: oklch(57.7% 0.245 27.325);
7
8
  --color-red-700: oklch(50.5% 0.213 27.518);
8
9
  --color-red-800: oklch(44.4% 0.177 26.899);
9
10
  --color-red-900: oklch(39.6% 0.141 25.723);
@@ -69,6 +70,7 @@
69
70
  --color-rose-700: oklch(51.4% 0.222 16.935);
70
71
  --color-rose-800: oklch(45.5% 0.188 13.697);
71
72
  --color-rose-900: oklch(41% 0.159 10.272);
73
+ --color-gray-100: oklch(96.7% 0.003 264.542);
72
74
  --color-gray-200: oklch(92.8% 0.006 264.531);
73
75
  --color-zinc-50: oklch(98.5% 0 none);
74
76
  --color-zinc-100: oklch(96.7% 0.001 286.375);
@@ -1491,6 +1493,9 @@
1491
1493
  .border-primary-border-subtle {
1492
1494
  border-color: var(--primary-border-subtle);
1493
1495
  }
1496
+ .border-red-600 {
1497
+ border-color: var(--color-red-600);
1498
+ }
1494
1499
  .border-success-border-subtle {
1495
1500
  border-color: var(--success-border-subtle);
1496
1501
  }
@@ -1512,6 +1517,12 @@
1512
1517
  .bg-\(--color-indicator-tooltip\) {
1513
1518
  background-color: var(--color-indicator-tooltip);
1514
1519
  }
1520
+ .bg-\[\#ff0000\] {
1521
+ background-color: #ff0000;
1522
+ }
1523
+ .bg-\[rgb\(255\,0\,0\)\] {
1524
+ background-color: rgb(255,0,0);
1525
+ }
1515
1526
  .bg-\[var\(--color-blue-500\)\] {
1516
1527
  background-color: var(--color-blue-500);
1517
1528
  }
@@ -1560,6 +1571,9 @@
1560
1571
  background-color: color-mix(in oklab, var(--color-black) 40%, transparent);
1561
1572
  }
1562
1573
  }
1574
+ .bg-blue-500 {
1575
+ background-color: var(--color-blue-500);
1576
+ }
1563
1577
  .bg-border {
1564
1578
  background-color: var(--border);
1565
1579
  }
@@ -2119,6 +2133,9 @@
2119
2133
  .whitespace-pre {
2120
2134
  white-space: pre;
2121
2135
  }
2136
+ .text-\[\#abc\] {
2137
+ color: #abc;
2138
+ }
2122
2139
  .text-\[color\:var\(--x\)\] {
2123
2140
  color: var(--x);
2124
2141
  }
@@ -2161,6 +2178,9 @@
2161
2178
  .text-foreground {
2162
2179
  color: var(--foreground);
2163
2180
  }
2181
+ .text-gray-100 {
2182
+ color: var(--color-gray-100);
2183
+ }
2164
2184
  .text-info-action-default {
2165
2185
  color: var(--info-action-default);
2166
2186
  }
@@ -2277,6 +2297,10 @@
2277
2297
  --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
2278
2298
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
2279
2299
  }
2300
+ .shadow-\[0_0_4px_rgba\(0\,0\,0\,0\.5\)\] {
2301
+ --tw-shadow: 0 0 4px var(--tw-shadow-color, rgba(0,0,0,0.5));
2302
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
2303
+ }
2280
2304
  .shadow-\[var\(--shadow-glow\)\] {
2281
2305
  --tw-shadow: var(--shadow-glow);
2282
2306
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
@@ -2337,6 +2361,9 @@
2337
2361
  --tw-ring-color: color-mix(in oklab, var(--danger-action-default) 20%, transparent);
2338
2362
  }
2339
2363
  }
2364
+ .ring-emerald-400 {
2365
+ --tw-ring-color: var(--color-emerald-400);
2366
+ }
2340
2367
  .ring-foreground\/10 {
2341
2368
  --tw-ring-color: var(--foreground);
2342
2369
  @supports (color: color-mix(in lab, red, red)) {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@camunda/design-system",
3
- "version": "0.41.0",
3
+ "version": "0.41.1",
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": {
@@ -62,8 +62,9 @@
62
62
  "typecheck": "tsc --noEmit -p tsconfig.app.json && tsc --noEmit -p tsconfig.storybook.json",
63
63
  "typecheck:visual": "tsc --noEmit -p tsconfig.playwright.json",
64
64
  "contrast:audit": "node scripts/contrast-audit.mjs",
65
- "audit:typography": "node scripts/audit-typography.mjs",
66
- "test:rules": "node eslint-rules/no-adhoc-typography.test.mjs",
65
+ "audit:conventions": "node scripts/audit-conventions.mjs",
66
+ "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",
67
+ "test:hooks": "python3 plugins/camunda-design-system/scripts/route-request.test.py",
67
68
  "prepare": "husky",
68
69
  "release": "changeset publish",
69
70
  "version:bump-plugin": "node scripts/bump-plugin-version.js"