@camunda/design-system 0.46.1 → 0.47.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.
- package/dist/carbon-compat/filterable-multi-select.d.ts +1 -1
- package/dist/carbon-compat/filterable-multi-select.d.ts.map +1 -1
- package/dist/carbon-compat/filterable-multi-select.js +7 -2
- package/dist/carbon-compat/filterable-multi-select.js.map +1 -1
- package/dist/carbon-compat/multi-select.d.ts +1 -1
- package/dist/carbon-compat/multi-select.d.ts.map +1 -1
- package/dist/carbon-compat/multi-select.js +7 -2
- package/dist/carbon-compat/multi-select.js.map +1 -1
- package/dist/src/components/ui/app-header.d.ts.map +1 -1
- package/dist/src/components/ui/app-header.js +3 -3
- package/dist/src/components/ui/app-header.js.map +1 -1
- package/dist/src/components/ui/app-sidebar.d.ts.map +1 -1
- package/dist/src/components/ui/app-sidebar.js +20 -1
- package/dist/src/components/ui/app-sidebar.js.map +1 -1
- package/dist/src/components/ui/chart-colors.d.ts +4 -0
- package/dist/src/components/ui/chart-colors.d.ts.map +1 -0
- package/dist/src/components/ui/chart-colors.js +14 -0
- package/dist/src/components/ui/chart-colors.js.map +1 -0
- package/dist/src/components/ui/chart.d.ts +2 -1
- package/dist/src/components/ui/chart.d.ts.map +1 -1
- package/dist/src/components/ui/chart.js +1 -12
- package/dist/src/components/ui/chart.js.map +1 -1
- package/dist/src/components/ui/data-table.d.ts +25 -2
- package/dist/src/components/ui/data-table.d.ts.map +1 -1
- package/dist/src/components/ui/data-table.js +47 -4
- package/dist/src/components/ui/data-table.js.map +1 -1
- package/dist/src/components/ui/empty-state.d.ts +1 -1
- package/dist/src/components/ui/empty-state.d.ts.map +1 -1
- package/dist/src/components/ui/meter.d.ts.map +1 -1
- package/dist/src/components/ui/meter.js +2 -3
- package/dist/src/components/ui/meter.js.map +1 -1
- package/dist/src/components/ui/multi-select.d.ts.map +1 -1
- package/dist/src/components/ui/multi-select.js +38 -3
- package/dist/src/components/ui/multi-select.js.map +1 -1
- package/dist/src/components/ui/nav-breadcrumb.d.ts.map +1 -1
- package/dist/src/components/ui/nav-breadcrumb.js +10 -2
- package/dist/src/components/ui/nav-breadcrumb.js.map +1 -1
- package/dist/src/components/ui/sidebar-provider.d.ts +1 -1
- package/dist/src/components/ui/sidebar-provider.d.ts.map +1 -1
- package/dist/src/components/ui/sidebar-provider.js +3 -2
- package/dist/src/components/ui/sidebar-provider.js.map +1 -1
- package/dist/src/components/ui/sparkline.d.ts.map +1 -1
- package/dist/src/components/ui/sparkline.js +2 -1
- package/dist/src/components/ui/sparkline.js.map +1 -1
- package/dist/src/components/ui/toast.d.ts.map +1 -1
- package/dist/src/components/ui/toast.js +35 -17
- package/dist/src/components/ui/toast.js.map +1 -1
- package/dist/src/lib/focus-visible-on-close.d.ts.map +1 -1
- package/dist/src/lib/focus-visible-on-close.js +14 -7
- package/dist/src/lib/focus-visible-on-close.js.map +1 -1
- package/dist/src/lib/inert-aria-hidden.d.ts +20 -6
- package/dist/src/lib/inert-aria-hidden.d.ts.map +1 -1
- package/dist/src/lib/inert-aria-hidden.js +57 -9
- package/dist/src/lib/inert-aria-hidden.js.map +1 -1
- package/dist/styles.css +55 -0
- package/package.json +3 -3
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"toast.js","sourceRoot":"","sources":["../../../../src/components/ui/toast.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EACL,OAAO,IAAI,aAAa,EACxB,KAAK,IAAI,WAAW,GAGrB,MAAM,QAAQ,CAAC;AAChB,OAAO,EACL,YAAY,EACZ,WAAW,EACX,IAAI,EACJ,OAAO,EACP,aAAa,EACb,CAAC,GACF,MAAM,cAAc,CAAC;AAEtB,OAAO,EAAE,EAAE,EAAE,MAAM,WAAW,CAAC;AAC/B,OAAO,EAAE,cAAc,EAAE,MAAM,UAAU,CAAC;AAC1C,OAAO,EAAE,kBAAkB,EAAE,MAAM,cAAc,CAAC;AA+ClD,8EAA8E;AAC9E,EAAE;AACF,uFAAuF;AACvF,mFAAmF;AACnF,qFAAqF;AACrF,sFAAsF;AACtF,iFAAiF;AACjF,sFAAsF;AACtF,6EAA6E;AAC7E,gFAAgF;AAChF,gEAAgE;AAChE,MAAM,gBAAgB,GAAoB;IACxC,kFAAkF;IAClF,gFAAgF;IAChF,oFAAoF;IACpF,iFAAiF;IACjF,mEAAmE;IACnE,mFAAmF;IACnF,oFAAoF;IACpF,sFAAsF;IACtF,gFAAgF;IAChF,gFAAgF;IAChF,kFAAkF;IAClF,4EAA4E;IAC5E,gFAAgF;IAChF,4EAA4E;IAC5E,KAAK,EACH,
|
|
1
|
+
{"version":3,"file":"toast.js","sourceRoot":"","sources":["../../../../src/components/ui/toast.tsx"],"names":[],"mappings":"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"}
|
|
@@ -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;
|
|
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;AAsCvE;;;;;;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"}
|
|
@@ -33,15 +33,22 @@ function applyFocusVisibleMarker(el) {
|
|
|
33
33
|
document.addEventListener("pointerdown", clear, true);
|
|
34
34
|
}
|
|
35
35
|
/**
|
|
36
|
-
* Stamps the marker on whatever `getElement()` resolves to,
|
|
37
|
-
* late enough that
|
|
38
|
-
*
|
|
39
|
-
* `
|
|
36
|
+
* Stamps the marker on whatever `getElement()` resolves to, deferred to a
|
|
37
|
+
* microtask — late enough that Radix's own focus restore (dispatched from the
|
|
38
|
+
* FocusScope unmount `setTimeout(0)`, which calls `focus(previouslyFocused)`
|
|
39
|
+
* synchronously right after `onCloseAutoFocus`) and any synchronous `.focus()`
|
|
40
|
+
* in the handler have committed, so `getElement` reads the settled
|
|
41
|
+
* `document.activeElement`.
|
|
42
|
+
*
|
|
43
|
+
* A microtask, not `requestAnimationFrame`: it drains at the end of the same
|
|
44
|
+
* task that scheduled it, so the stamp cannot outlive that close/open and fire
|
|
45
|
+
* in an unrelated later context (a stale rAF firing after the overlay has
|
|
46
|
+
* unmounted would stamp whatever is focused *then* — a different element). This
|
|
47
|
+
* is what kept a prior overlay's pending stamp from leaking onto the next
|
|
48
|
+
* mounted overlay's focus target.
|
|
40
49
|
*/
|
|
41
50
|
function scheduleFocusVisibleMarker(getElement) {
|
|
42
|
-
|
|
43
|
-
return;
|
|
44
|
-
requestAnimationFrame(() => {
|
|
51
|
+
queueMicrotask(() => {
|
|
45
52
|
const el = getElement();
|
|
46
53
|
if (el == null)
|
|
47
54
|
return;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"focus-visible-on-close.js","sourceRoot":"","sources":["../../../src/lib/focus-visible-on-close.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B;;;;;;;;;;;;;;;;;;;;;GAqBG;AAEH,MAAM,CAAC,MAAM,0BAA0B,GAAG,4BAA4B,CAAC;AAEvE,SAAS,uBAAuB,CAAC,EAAe;IAC9C,EAAE,CAAC,YAAY,CAAC,0BAA0B,EAAE,EAAE,CAAC,CAAC;IAChD,MAAM,KAAK,GAAG,GAAG,EAAE;QACjB,EAAE,CAAC,eAAe,CAAC,0BAA0B,CAAC,CAAC;QAC/C,EAAE,CAAC,mBAAmB,CAAC,MAAM,EAAE,KAAK,CAAC,CAAC;QACtC,QAAQ,CAAC,mBAAmB,CAAC,aAAa,EAAE,KAAK,EAAE,IAAI,CAAC,CAAC;IAC3D,CAAC,CAAC;IACF,EAAE,CAAC,gBAAgB,CAAC,MAAM,EAAE,KAAK,CAAC,CAAC;IACnC,QAAQ,CAAC,gBAAgB,CAAC,aAAa,EAAE,KAAK,EAAE,IAAI,CAAC,CAAC;AACxD,CAAC;AAED
|
|
1
|
+
{"version":3,"file":"focus-visible-on-close.js","sourceRoot":"","sources":["../../../src/lib/focus-visible-on-close.ts"],"names":[],"mappings":"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"}
|
|
@@ -9,12 +9,26 @@
|
|
|
9
9
|
* (WCAG 4.1.2 / 2.4.3) on every consuming app. Radix's pinned version uses
|
|
10
10
|
* `hideOthers()`, not `inertOthers()`, so we add `inert` ourselves.
|
|
11
11
|
*
|
|
12
|
-
* Scope: only direct children of `document.body` are
|
|
13
|
-
* real page-background roots (app root, portal-less content)
|
|
14
|
-
*
|
|
15
|
-
*
|
|
16
|
-
*
|
|
17
|
-
* it is left untouched — inerting it would block click-outside
|
|
12
|
+
* Scope: only direct children of `document.body` are candidates — those are the
|
|
13
|
+
* real page-background roots (app root, portal-less content) and Radix's
|
|
14
|
+
* body-level overlay portals. `hideOthers()` marks the background plus any
|
|
15
|
+
* *lower* overlay portal, always leaving the active (topmost) layer's own
|
|
16
|
+
* portal unmarked. The overlay's backdrop lives *inside* its portal (not a body
|
|
17
|
+
* child), so it is left untouched — inerting it would block click-outside.
|
|
18
|
+
*
|
|
19
|
+
* Exception (#497): a marked body child that HOSTS a still-open modal layer
|
|
20
|
+
* (`[role="dialog"]` / `[role="alertdialog"]`) is NOT inerted while the active
|
|
21
|
+
* (unmarked) top layer is a non-modal popper (Select, DropdownMenu, Popover).
|
|
22
|
+
* Such a popper is a *child* layer of the modal, not a replacement for it:
|
|
23
|
+
* inerting the modal makes its content non-hit-testable, so the modal's own
|
|
24
|
+
* dismissable layer reads the popper-close `pointerdown` as "outside" and tears
|
|
25
|
+
* the modal down on the same event — leaking `document.body`'s
|
|
26
|
+
* `pointer-events: none` and killing the whole app. When the active top layer is
|
|
27
|
+
* instead another modal (Dialog over Dialog), the lower modal genuinely IS
|
|
28
|
+
* background and stays inerted, preserving #259 for stacked modals. Deeper
|
|
29
|
+
* background under a stack is protected for free: `hideOthers()` only re-writes
|
|
30
|
+
* attributes on a node's *first* hide, so an already-inerted deep-background
|
|
31
|
+
* element never re-runs `sync()` and keeps its `inert`.
|
|
18
32
|
*
|
|
19
33
|
* Known limitation: an app that both mounts into a non-body container AND
|
|
20
34
|
* configures Radix to portal inside that same container would have its
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"inert-aria-hidden.d.ts","sourceRoot":"","sources":["../../../src/lib/inert-aria-hidden.ts"],"names":[],"mappings":"AAAA
|
|
1
|
+
{"version":3,"file":"inert-aria-hidden.d.ts","sourceRoot":"","sources":["../../../src/lib/inert-aria-hidden.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAwCG;AA2CH;;;;GAIG;AACH,wBAAgB,sBAAsB,IAAI,IAAI,CA4C7C"}
|
|
@@ -9,12 +9,26 @@
|
|
|
9
9
|
* (WCAG 4.1.2 / 2.4.3) on every consuming app. Radix's pinned version uses
|
|
10
10
|
* `hideOthers()`, not `inertOthers()`, so we add `inert` ourselves.
|
|
11
11
|
*
|
|
12
|
-
* Scope: only direct children of `document.body` are
|
|
13
|
-
* real page-background roots (app root, portal-less content)
|
|
14
|
-
*
|
|
15
|
-
*
|
|
16
|
-
*
|
|
17
|
-
* it is left untouched — inerting it would block click-outside
|
|
12
|
+
* Scope: only direct children of `document.body` are candidates — those are the
|
|
13
|
+
* real page-background roots (app root, portal-less content) and Radix's
|
|
14
|
+
* body-level overlay portals. `hideOthers()` marks the background plus any
|
|
15
|
+
* *lower* overlay portal, always leaving the active (topmost) layer's own
|
|
16
|
+
* portal unmarked. The overlay's backdrop lives *inside* its portal (not a body
|
|
17
|
+
* child), so it is left untouched — inerting it would block click-outside.
|
|
18
|
+
*
|
|
19
|
+
* Exception (#497): a marked body child that HOSTS a still-open modal layer
|
|
20
|
+
* (`[role="dialog"]` / `[role="alertdialog"]`) is NOT inerted while the active
|
|
21
|
+
* (unmarked) top layer is a non-modal popper (Select, DropdownMenu, Popover).
|
|
22
|
+
* Such a popper is a *child* layer of the modal, not a replacement for it:
|
|
23
|
+
* inerting the modal makes its content non-hit-testable, so the modal's own
|
|
24
|
+
* dismissable layer reads the popper-close `pointerdown` as "outside" and tears
|
|
25
|
+
* the modal down on the same event — leaking `document.body`'s
|
|
26
|
+
* `pointer-events: none` and killing the whole app. When the active top layer is
|
|
27
|
+
* instead another modal (Dialog over Dialog), the lower modal genuinely IS
|
|
28
|
+
* background and stays inerted, preserving #259 for stacked modals. Deeper
|
|
29
|
+
* background under a stack is protected for free: `hideOthers()` only re-writes
|
|
30
|
+
* attributes on a node's *first* hide, so an already-inerted deep-background
|
|
31
|
+
* element never re-runs `sync()` and keeps its `inert`.
|
|
18
32
|
*
|
|
19
33
|
* Known limitation: an app that both mounts into a non-body container AND
|
|
20
34
|
* configures Radix to portal inside that same container would have its
|
|
@@ -26,10 +40,37 @@
|
|
|
26
40
|
* a consumer's own `inert` is never clobbered.
|
|
27
41
|
*/
|
|
28
42
|
const HIDDEN_SELECTOR = '[data-aria-hidden][aria-hidden="true"]';
|
|
43
|
+
// Modal layers that must stay hit-testable while a child popper is open (#497).
|
|
44
|
+
const MODAL_LAYER_SELECTOR = '[role="dialog"], [role="alertdialog"]';
|
|
45
|
+
// Non-modal overlay layers that portal to body as a *child* of an open modal:
|
|
46
|
+
// Radix popper-positioned content (Select, DropdownMenu, Popover) plus the
|
|
47
|
+
// item-aligned Select fallback, which has no popper wrapper but is a listbox.
|
|
48
|
+
const CHILD_POPPER_SELECTOR = '[data-radix-popper-content-wrapper], [role="listbox"], [role="menu"]';
|
|
29
49
|
let installed = false;
|
|
30
50
|
function isBackgroundRoot(el) {
|
|
31
51
|
return el.parentElement === document.body && el instanceof HTMLElement;
|
|
32
52
|
}
|
|
53
|
+
// True when a body-level portal currently hosts an *active* (unmarked by
|
|
54
|
+
// `hideOthers()`) non-modal popper — i.e. a Select/DropdownMenu/Popover is open
|
|
55
|
+
// as the top layer above a modal (#497).
|
|
56
|
+
function hasActivePopperLayer() {
|
|
57
|
+
for (const child of document.body.children) {
|
|
58
|
+
if (!child.matches(HIDDEN_SELECTOR) &&
|
|
59
|
+
child.querySelector(CHILD_POPPER_SELECTOR)) {
|
|
60
|
+
return true;
|
|
61
|
+
}
|
|
62
|
+
}
|
|
63
|
+
return false;
|
|
64
|
+
}
|
|
65
|
+
function shouldInert(el) {
|
|
66
|
+
if (!el.matches(HIDDEN_SELECTOR))
|
|
67
|
+
return false;
|
|
68
|
+
// #497 — leave a modal's portal hit-testable while its child popper is open.
|
|
69
|
+
if (el.querySelector(MODAL_LAYER_SELECTOR) && hasActivePopperLayer()) {
|
|
70
|
+
return false;
|
|
71
|
+
}
|
|
72
|
+
return true;
|
|
73
|
+
}
|
|
33
74
|
/**
|
|
34
75
|
* Installs a single document-wide observer that keeps `inert` in sync with the
|
|
35
76
|
* `data-aria-hidden` marker Radix applies. Idempotent — safe to call from every
|
|
@@ -43,12 +84,15 @@ export function installAriaHiddenInert() {
|
|
|
43
84
|
const sync = (el) => {
|
|
44
85
|
if (!isBackgroundRoot(el))
|
|
45
86
|
return;
|
|
46
|
-
|
|
47
|
-
|
|
87
|
+
// Decide first, clean up second — an element that stops qualifying (e.g. a
|
|
88
|
+
// modal whose child popper just opened) must have any `inert` we own cleared
|
|
89
|
+
// rather than early-returning past the cleanup branch.
|
|
90
|
+
const wantInert = shouldInert(el);
|
|
91
|
+
if (wantInert && !el.inert) {
|
|
48
92
|
el.inert = true;
|
|
49
93
|
owned.add(el);
|
|
50
94
|
}
|
|
51
|
-
else if (!
|
|
95
|
+
else if (!wantInert && owned.has(el)) {
|
|
52
96
|
el.inert = false;
|
|
53
97
|
owned.delete(el);
|
|
54
98
|
}
|
|
@@ -67,6 +111,10 @@ export function installAriaHiddenInert() {
|
|
|
67
111
|
// already marked at install time is handled by the scan above. Clearing the
|
|
68
112
|
// marker on close removes `inert` here; the FocusRestoredOnClose regression
|
|
69
113
|
// story guards that this lands before Radix restores focus to the trigger.
|
|
114
|
+
// The #497 skip needs no extra observer: a modal's portal is (un)marked on the
|
|
115
|
+
// same `aria-hidden` toggle when its child popper opens/closes, so `sync()`
|
|
116
|
+
// re-runs `shouldInert()` — which re-reads the live active-popper state — at
|
|
117
|
+
// exactly the moments the decision can change.
|
|
70
118
|
observer.observe(document.body, {
|
|
71
119
|
subtree: true,
|
|
72
120
|
attributes: true,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"inert-aria-hidden.js","sourceRoot":"","sources":["../../../src/lib/inert-aria-hidden.ts"],"names":[],"mappings":"AAAA
|
|
1
|
+
{"version":3,"file":"inert-aria-hidden.js","sourceRoot":"","sources":["../../../src/lib/inert-aria-hidden.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAwCG;AAEH,MAAM,eAAe,GAAG,wCAAwC,CAAC;AAEjE,gFAAgF;AAChF,MAAM,oBAAoB,GAAG,uCAAuC,CAAC;AAErE,8EAA8E;AAC9E,2EAA2E;AAC3E,8EAA8E;AAC9E,MAAM,qBAAqB,GACzB,sEAAsE,CAAC;AAEzE,IAAI,SAAS,GAAG,KAAK,CAAC;AAEtB,SAAS,gBAAgB,CAAC,EAAW;IACnC,OAAO,EAAE,CAAC,aAAa,KAAK,QAAQ,CAAC,IAAI,IAAI,EAAE,YAAY,WAAW,CAAC;AACzE,CAAC;AAED,yEAAyE;AACzE,gFAAgF;AAChF,yCAAyC;AACzC,SAAS,oBAAoB;IAC3B,KAAK,MAAM,KAAK,IAAI,QAAQ,CAAC,IAAI,CAAC,QAAQ,EAAE,CAAC;QAC3C,IACE,CAAC,KAAK,CAAC,OAAO,CAAC,eAAe,CAAC;YAC/B,KAAK,CAAC,aAAa,CAAC,qBAAqB,CAAC,EAC1C,CAAC;YACD,OAAO,IAAI,CAAC;QACd,CAAC;IACH,CAAC;IACD,OAAO,KAAK,CAAC;AACf,CAAC;AAED,SAAS,WAAW,CAAC,EAAe;IAClC,IAAI,CAAC,EAAE,CAAC,OAAO,CAAC,eAAe,CAAC;QAAE,OAAO,KAAK,CAAC;IAC/C,6EAA6E;IAC7E,IAAI,EAAE,CAAC,aAAa,CAAC,oBAAoB,CAAC,IAAI,oBAAoB,EAAE,EAAE,CAAC;QACrE,OAAO,KAAK,CAAC;IACf,CAAC;IACD,OAAO,IAAI,CAAC;AACd,CAAC;AAED;;;;GAIG;AACH,MAAM,UAAU,sBAAsB;IACpC,IAAI,OAAO,QAAQ,KAAK,WAAW,IAAI,SAAS;QAAE,OAAO;IACzD,SAAS,GAAG,IAAI,CAAC;IAEjB,MAAM,KAAK,GAAG,IAAI,OAAO,EAAe,CAAC;IAEzC,MAAM,IAAI,GAAG,CAAC,EAAW,EAAE,EAAE;QAC3B,IAAI,CAAC,gBAAgB,CAAC,EAAE,CAAC;YAAE,OAAO;QAClC,2EAA2E;QAC3E,6EAA6E;QAC7E,uDAAuD;QACvD,MAAM,SAAS,GAAG,WAAW,CAAC,EAAE,CAAC,CAAC;QAClC,IAAI,SAAS,IAAI,CAAC,EAAE,CAAC,KAAK,EAAE,CAAC;YAC3B,EAAE,CAAC,KAAK,GAAG,IAAI,CAAC;YAChB,KAAK,CAAC,GAAG,CAAC,EAAE,CAAC,CAAC;QAChB,CAAC;aAAM,IAAI,CAAC,SAAS,IAAI,KAAK,CAAC,GAAG,CAAC,EAAE,CAAC,EAAE,CAAC;YACvC,EAAE,CAAC,KAAK,GAAG,KAAK,CAAC;YACjB,KAAK,CAAC,MAAM,CAAC,EAAE,CAAC,CAAC;QACnB,CAAC;IACH,CAAC,CAAC;IAEF,8EAA8E;IAC9E,+EAA+E;IAC/E,QAAQ,CAAC,IAAI,CAAC,gBAAgB,CAAC,eAAe,CAAC,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC;IAE9D,MAAM,QAAQ,GAAG,IAAI,gBAAgB,CAAC,CAAC,OAAO,EAAE,EAAE;QAChD,KAAK,MAAM,MAAM,IAAI,OAAO;YAAE,IAAI,CAAC,MAAM,CAAC,MAAiB,CAAC,CAAC;IAC/D,CAAC,CAAC,CAAC;IACH,2EAA2E;IAC3E,uEAAuE;IACvE,yEAAyE;IACzE,6EAA6E;IAC7E,4EAA4E;IAC5E,4EAA4E;IAC5E,2EAA2E;IAC3E,+EAA+E;IAC/E,4EAA4E;IAC5E,6EAA6E;IAC7E,+CAA+C;IAC/C,QAAQ,CAAC,OAAO,CAAC,QAAQ,CAAC,IAAI,EAAE;QAC9B,OAAO,EAAE,IAAI;QACb,UAAU,EAAE,IAAI;QAChB,eAAe,EAAE,CAAC,aAAa,EAAE,kBAAkB,CAAC;KACrD,CAAC,CAAC;AACL,CAAC"}
|
package/dist/styles.css
CHANGED
|
@@ -95,6 +95,7 @@
|
|
|
95
95
|
--container-md: 28rem;
|
|
96
96
|
--container-xl: 36rem;
|
|
97
97
|
--container-2xl: 42rem;
|
|
98
|
+
--container-3xl: 48rem;
|
|
98
99
|
--container-5xl: 64rem;
|
|
99
100
|
--text-xs: 0.75rem;
|
|
100
101
|
--text-xs--line-height: calc(1 / 0.75);
|
|
@@ -161,6 +162,9 @@
|
|
|
161
162
|
container-type: inline-size;
|
|
162
163
|
container-name: card-header;
|
|
163
164
|
}
|
|
165
|
+
.pointer-events-auto {
|
|
166
|
+
pointer-events: auto;
|
|
167
|
+
}
|
|
164
168
|
.pointer-events-none {
|
|
165
169
|
pointer-events: none;
|
|
166
170
|
}
|
|
@@ -232,6 +236,9 @@
|
|
|
232
236
|
.top-12 {
|
|
233
237
|
top: calc(var(--spacing) * 12);
|
|
234
238
|
}
|
|
239
|
+
.top-\[10px\] {
|
|
240
|
+
top: 10px;
|
|
241
|
+
}
|
|
235
242
|
.-right-0\.5 {
|
|
236
243
|
right: calc(var(--spacing) * -0.5);
|
|
237
244
|
}
|
|
@@ -918,9 +925,15 @@
|
|
|
918
925
|
.w-full {
|
|
919
926
|
width: 100%;
|
|
920
927
|
}
|
|
928
|
+
.max-w-3xl {
|
|
929
|
+
max-width: var(--container-3xl);
|
|
930
|
+
}
|
|
921
931
|
.max-w-5xl {
|
|
922
932
|
max-width: var(--container-5xl);
|
|
923
933
|
}
|
|
934
|
+
.max-w-48 {
|
|
935
|
+
max-width: calc(var(--spacing) * 48);
|
|
936
|
+
}
|
|
924
937
|
.max-w-\[200px\] {
|
|
925
938
|
max-width: 200px;
|
|
926
939
|
}
|
|
@@ -984,6 +997,9 @@
|
|
|
984
997
|
.min-w-36 {
|
|
985
998
|
min-width: calc(var(--spacing) * 36);
|
|
986
999
|
}
|
|
1000
|
+
.min-w-40 {
|
|
1001
|
+
min-width: calc(var(--spacing) * 40);
|
|
1002
|
+
}
|
|
987
1003
|
.min-w-48 {
|
|
988
1004
|
min-width: calc(var(--spacing) * 48);
|
|
989
1005
|
}
|
|
@@ -1011,6 +1027,12 @@
|
|
|
1011
1027
|
.grow {
|
|
1012
1028
|
flex-grow: 1;
|
|
1013
1029
|
}
|
|
1030
|
+
.basis-40 {
|
|
1031
|
+
flex-basis: calc(var(--spacing) * 40);
|
|
1032
|
+
}
|
|
1033
|
+
.basis-auto {
|
|
1034
|
+
flex-basis: auto;
|
|
1035
|
+
}
|
|
1014
1036
|
.caption-bottom {
|
|
1015
1037
|
caption-side: bottom;
|
|
1016
1038
|
}
|
|
@@ -1938,6 +1960,9 @@
|
|
|
1938
1960
|
.pr-10 {
|
|
1939
1961
|
padding-right: calc(var(--spacing) * 10);
|
|
1940
1962
|
}
|
|
1963
|
+
.pr-\[52px\] {
|
|
1964
|
+
padding-right: 52px;
|
|
1965
|
+
}
|
|
1941
1966
|
.pb-0 {
|
|
1942
1967
|
padding-bottom: 0px;
|
|
1943
1968
|
}
|
|
@@ -1989,6 +2014,9 @@
|
|
|
1989
2014
|
.text-right {
|
|
1990
2015
|
text-align: right;
|
|
1991
2016
|
}
|
|
2017
|
+
.align-bottom {
|
|
2018
|
+
vertical-align: bottom;
|
|
2019
|
+
}
|
|
1992
2020
|
.align-middle {
|
|
1993
2021
|
vertical-align: middle;
|
|
1994
2022
|
}
|
|
@@ -3024,12 +3052,18 @@
|
|
|
3024
3052
|
.has-\[\>img\:first-child\]\:pt-0:has( > img:first-child) {
|
|
3025
3053
|
padding-top: 0px;
|
|
3026
3054
|
}
|
|
3055
|
+
.has-\[\~\[data-button\]\]\:top-\[18px\]:has( ~ [data-button]) {
|
|
3056
|
+
top: 18px;
|
|
3057
|
+
}
|
|
3027
3058
|
.aria-disabled\:pointer-events-none[aria-disabled="true"] {
|
|
3028
3059
|
pointer-events: none;
|
|
3029
3060
|
}
|
|
3030
3061
|
.aria-disabled\:cursor-default[aria-disabled="true"] {
|
|
3031
3062
|
cursor: default;
|
|
3032
3063
|
}
|
|
3064
|
+
.aria-disabled\:cursor-not-allowed[aria-disabled="true"] {
|
|
3065
|
+
cursor: not-allowed;
|
|
3066
|
+
}
|
|
3033
3067
|
.aria-disabled\:bg-danger-action-disabled[aria-disabled="true"] {
|
|
3034
3068
|
background-color: var(--danger-action-disabled);
|
|
3035
3069
|
}
|
|
@@ -3181,6 +3215,9 @@
|
|
|
3181
3215
|
.data-\[state\=open\]\:rotate-180[data-state="open"] {
|
|
3182
3216
|
rotate: 180deg;
|
|
3183
3217
|
}
|
|
3218
|
+
.data-\[state\=open\]\:bg-neutral-background-medium[data-state="open"] {
|
|
3219
|
+
background-color: var(--neutral-background-medium);
|
|
3220
|
+
}
|
|
3184
3221
|
.data-\[state\=open\]\:bg-primary-background-strong[data-state="open"] {
|
|
3185
3222
|
background-color: var(--primary-background-strong);
|
|
3186
3223
|
}
|
|
@@ -3297,6 +3334,12 @@
|
|
|
3297
3334
|
.md\:hidden {
|
|
3298
3335
|
display: none;
|
|
3299
3336
|
}
|
|
3337
|
+
.md\:inline-flex {
|
|
3338
|
+
display: inline-flex;
|
|
3339
|
+
}
|
|
3340
|
+
.md\:list-item {
|
|
3341
|
+
display: list-item;
|
|
3342
|
+
}
|
|
3300
3343
|
.md\:grid-cols-4 {
|
|
3301
3344
|
grid-template-columns: repeat(4, minmax(0, 1fr));
|
|
3302
3345
|
}
|
|
@@ -3333,9 +3376,15 @@
|
|
|
3333
3376
|
.lg\:col-span-8 {
|
|
3334
3377
|
grid-column: span 8 / span 8;
|
|
3335
3378
|
}
|
|
3379
|
+
.lg\:contents {
|
|
3380
|
+
display: contents;
|
|
3381
|
+
}
|
|
3336
3382
|
.lg\:flex {
|
|
3337
3383
|
display: flex;
|
|
3338
3384
|
}
|
|
3385
|
+
.lg\:inline {
|
|
3386
|
+
display: inline;
|
|
3387
|
+
}
|
|
3339
3388
|
.lg\:w-2\/3 {
|
|
3340
3389
|
width: calc(2 / 3 * 100%);
|
|
3341
3390
|
}
|
|
@@ -3419,6 +3468,9 @@
|
|
|
3419
3468
|
.dark\:data-\[state\=checked\]\:bg-primary-foreground-strong:is(.dark *)[data-state="checked"] {
|
|
3420
3469
|
background-color: var(--primary-foreground-strong);
|
|
3421
3470
|
}
|
|
3471
|
+
.dark\:data-\[state\=open\]\:bg-neutral-background-medium:is(.dark *)[data-state="open"] {
|
|
3472
|
+
background-color: var(--neutral-background-medium);
|
|
3473
|
+
}
|
|
3422
3474
|
.data-open\:duration-200:where([data-state="open"]), .data-open\:duration-200:where([data-open]:not([data-open="false"])) {
|
|
3423
3475
|
--tw-duration: 200ms;
|
|
3424
3476
|
transition-duration: 200ms;
|
|
@@ -3640,6 +3692,9 @@
|
|
|
3640
3692
|
.\[\&\:has\(\[role\=checkbox\]\)\]\:pr-0:has([role=checkbox]) {
|
|
3641
3693
|
padding-right: 0px;
|
|
3642
3694
|
}
|
|
3695
|
+
.\[\&\:has\(\~\[data-content\]_\[data-description\]\)\]\:top-\[12px\]:has( ~ [data-content] [data-description]) {
|
|
3696
|
+
top: 12px;
|
|
3697
|
+
}
|
|
3643
3698
|
.\[\&\:has\(\~\[data-content\]_\[data-description\]\)\]\:-mt-1:has( ~ [data-content] [data-description]) {
|
|
3644
3699
|
margin-top: calc(var(--spacing) * -1);
|
|
3645
3700
|
}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@camunda/design-system",
|
|
3
|
-
"version": "0.
|
|
3
|
+
"version": "0.47.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": {
|
|
@@ -65,7 +65,7 @@
|
|
|
65
65
|
"audit:conventions": "node scripts/audit-conventions.mjs",
|
|
66
66
|
"mapping:build": "bash skills/migrate/scripts/build-mapping.sh",
|
|
67
67
|
"mapping:check": "bash skills/migrate/scripts/build-mapping.sh --check",
|
|
68
|
-
"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",
|
|
68
|
+
"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",
|
|
69
69
|
"test:hooks": "python3 plugins/camunda-design-system/scripts/route-request.test.py",
|
|
70
70
|
"prepare": "husky",
|
|
71
71
|
"release": "changeset publish",
|
|
@@ -99,7 +99,7 @@
|
|
|
99
99
|
"clsx": "2.1.1",
|
|
100
100
|
"cmdk": "1.1.1",
|
|
101
101
|
"date-fns": "^4.4.0",
|
|
102
|
-
"lucide-react": "1.25.0",
|
|
102
|
+
"lucide-react": "^1.25.0",
|
|
103
103
|
"radix-ui": "1.4.3",
|
|
104
104
|
"react-day-picker": "^10.0.1",
|
|
105
105
|
"recharts": "^3.8.1",
|