@camunda/design-system 0.32.1 → 0.33.0

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

@@ -1 +1 @@
-{"version":3,"file":"sheet.js","sourceRoot":"","sources":["../../../../src/components/ui/sheet.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"sheet.js","sourceRoot":"","sources":["../../../../src/components/ui/sheet.tsx"],"names":[],"mappings":"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"}

package/dist/src/lib/focus-visible-on-close.d.ts

@@ -0,0 +1,69 @@
+import * as React from "react";
+/**
+ * Makes the focus ring visible when a modal overlay restores focus to its
+ * trigger on close (#259 follow-up).
+ *
+ * Why: Radix restores focus with a programmatic `.focus()`. The browser's
+ * `:focus-visible` heuristic shows a ring only when the last input was a
+ * keyboard, so closing an overlay by mouse (clicking the X or the backdrop)
+ * returns focus to the trigger with no visible ring — a keyboard user who
+ * happened to click cannot see where focus landed. We stamp a transient marker
+ * on the restored element so the DS `Button` shows its ring regardless of the
+ * input modality that closed the overlay.
+ *
+ * The marker is self-clearing: it is removed on the next `pointerdown` anywhere
+ * and when the element loses focus. Without that, a sticky attribute would show
+ * a ring on every ordinary mouse click of that Button — a worse regression than
+ * the missing ring it fixes.
+ *
+ * Styling target: the marker lands on the element Radix focuses — the trigger,
+ * a DS `Button` in every DS overlay. A non-`Button` custom trigger would carry
+ * the attribute but has no matching ring style; same known-scope caveat as the
+ * inert body-child mirror in `inert-aria-hidden.ts`.
+ */
+export declare const FOCUS_VISIBLE_RESTORE_ATTR = "data-focus-visible-restore";
+/**
+ * Use as a Radix overlay `Content`'s `onCloseAutoFocus`. Does not
+ * `preventDefault`, so Radix still restores focus to the trigger; on the next
+ * frame the restored element (`document.activeElement`) is stamped with the
+ * self-clearing marker. No-ops if a prior handler already prevented the default
+ * restore.
+ */
+export declare function markFocusVisibleOnClose(event: Event): void;
+/**
+ * Wraps a Radix overlay `Content`'s `onCloseAutoFocus`: runs the consumer's
+ * handler first (so it can `preventDefault`), then runs `defaultHandler`
+ * (default: the #259 focus-visible marker). Every DS overlay composes its
+ * default focus-RETURN handling (`useDialogFocusReturn`) through the second
+ * parameter instead of calling `markFocusVisibleOnClose` directly, since that
+ * handler already stamps the marker itself once it settles on a final target.
+ */
+export declare function composeCloseAutoFocus(handler?: (event: Event) => void, defaultHandler?: (event: Event) => void): (event: Event) => void;
+/** Same composition shape as {@link composeCloseAutoFocus}, for `onOpenAutoFocus`. */
+export declare function composeOpenAutoFocus(handler: ((event: Event) => void) | undefined, defaultHandler: (event: Event) => void): (event: Event) => void;
+/**
+ * Default focus-RETURN for DS overlay `Content` components (issue #26413).
+ *
+ * Radix's own close-restore only works when it owns the element that opened
+ * the overlay (a `<...Trigger>` still mounted at close time). It fails for the
+ * common controlled-`open` usage with no `Trigger` — e.g. a persistent
+ * `<Button onClick={() => setOpen(true)}>` — where focus falls back to
+ * `<body>` on close (a WCAG 2.4.3 regression).
+ *
+ * `onOpenAutoFocus` fires before Radix moves focus into the overlay, so
+ * `document.activeElement` at that point is still whatever launched it. We
+ * capture it (without `preventDefault` — Radix must still move focus in) and
+ * refocus it in `onCloseAutoFocus`.
+ *
+ * That auto-capture cannot recover a launcher that has already unmounted by
+ * open time — a `DropdownMenuItem` opening a dialog: the menu (and the item)
+ * closes and unmounts before `onOpenAutoFocus` runs, so `activeElement` is
+ * already `<body>`. Consumers in that shape must pass `restoreFocusRef`
+ * pointing at a still-mounted element (typically the menu's own trigger);
+ * `restoreFocusRef` always takes precedence over the auto-captured element.
+ */
+export declare function useDialogFocusReturn(restoreFocusRef?: React.RefObject<HTMLElement | null>): {
+    onOpenAutoFocus: (event: Event) => void;
+    onCloseAutoFocus: (event: Event) => void;
+};
+//# sourceMappingURL=focus-visible-on-close.d.ts.map

package/dist/src/lib/focus-visible-on-close.d.ts.map

@@ -0,0 +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"}

package/dist/src/lib/focus-visible-on-close.js

@@ -0,0 +1,129 @@
+import * as React from "react";
+/**
+ * Makes the focus ring visible when a modal overlay restores focus to its
+ * trigger on close (#259 follow-up).
+ *
+ * Why: Radix restores focus with a programmatic `.focus()`. The browser's
+ * `:focus-visible` heuristic shows a ring only when the last input was a
+ * keyboard, so closing an overlay by mouse (clicking the X or the backdrop)
+ * returns focus to the trigger with no visible ring — a keyboard user who
+ * happened to click cannot see where focus landed. We stamp a transient marker
+ * on the restored element so the DS `Button` shows its ring regardless of the
+ * input modality that closed the overlay.
+ *
+ * The marker is self-clearing: it is removed on the next `pointerdown` anywhere
+ * and when the element loses focus. Without that, a sticky attribute would show
+ * a ring on every ordinary mouse click of that Button — a worse regression than
+ * the missing ring it fixes.
+ *
+ * Styling target: the marker lands on the element Radix focuses — the trigger,
+ * a DS `Button` in every DS overlay. A non-`Button` custom trigger would carry
+ * the attribute but has no matching ring style; same known-scope caveat as the
+ * inert body-child mirror in `inert-aria-hidden.ts`.
+ */
+export const FOCUS_VISIBLE_RESTORE_ATTR = "data-focus-visible-restore";
+function applyFocusVisibleMarker(el) {
+    el.setAttribute(FOCUS_VISIBLE_RESTORE_ATTR, "");
+    const clear = () => {
+        el.removeAttribute(FOCUS_VISIBLE_RESTORE_ATTR);
+        el.removeEventListener("blur", clear);
+        document.removeEventListener("pointerdown", clear, true);
+    };
+    el.addEventListener("blur", clear);
+    document.addEventListener("pointerdown", clear, true);
+}
+/**
+ * Stamps the marker on whatever `getElement()` resolves to, one frame later —
+ * late enough that a synchronous `.focus()` call earlier in the same tick has
+ * already committed, so `getElement` can sanity-check against
+ * `document.activeElement` before stamping.
+ */
+function scheduleFocusVisibleMarker(getElement) {
+    if (typeof requestAnimationFrame === "undefined")
+        return;
+    requestAnimationFrame(() => {
+        const el = getElement();
+        if (el == null)
+            return;
+        applyFocusVisibleMarker(el);
+    });
+}
+/**
+ * Use as a Radix overlay `Content`'s `onCloseAutoFocus`. Does not
+ * `preventDefault`, so Radix still restores focus to the trigger; on the next
+ * frame the restored element (`document.activeElement`) is stamped with the
+ * self-clearing marker. No-ops if a prior handler already prevented the default
+ * restore.
+ */
+export function markFocusVisibleOnClose(event) {
+    if (event.defaultPrevented)
+        return;
+    scheduleFocusVisibleMarker(() => {
+        const el = document.activeElement;
+        return el instanceof HTMLElement && el !== document.body ? el : null;
+    });
+}
+/**
+ * Wraps a Radix overlay `Content`'s `onCloseAutoFocus`: runs the consumer's
+ * handler first (so it can `preventDefault`), then runs `defaultHandler`
+ * (default: the #259 focus-visible marker). Every DS overlay composes its
+ * default focus-RETURN handling (`useDialogFocusReturn`) through the second
+ * parameter instead of calling `markFocusVisibleOnClose` directly, since that
+ * handler already stamps the marker itself once it settles on a final target.
+ */
+export function composeCloseAutoFocus(handler, defaultHandler = markFocusVisibleOnClose) {
+    return (event) => {
+        handler?.(event);
+        defaultHandler(event);
+    };
+}
+/** Same composition shape as {@link composeCloseAutoFocus}, for `onOpenAutoFocus`. */
+export function composeOpenAutoFocus(handler, defaultHandler) {
+    return (event) => {
+        handler?.(event);
+        defaultHandler(event);
+    };
+}
+/**
+ * Default focus-RETURN for DS overlay `Content` components (issue #26413).
+ *
+ * Radix's own close-restore only works when it owns the element that opened
+ * the overlay (a `<...Trigger>` still mounted at close time). It fails for the
+ * common controlled-`open` usage with no `Trigger` — e.g. a persistent
+ * `<Button onClick={() => setOpen(true)}>` — where focus falls back to
+ * `<body>` on close (a WCAG 2.4.3 regression).
+ *
+ * `onOpenAutoFocus` fires before Radix moves focus into the overlay, so
+ * `document.activeElement` at that point is still whatever launched it. We
+ * capture it (without `preventDefault` — Radix must still move focus in) and
+ * refocus it in `onCloseAutoFocus`.
+ *
+ * That auto-capture cannot recover a launcher that has already unmounted by
+ * open time — a `DropdownMenuItem` opening a dialog: the menu (and the item)
+ * closes and unmounts before `onOpenAutoFocus` runs, so `activeElement` is
+ * already `<body>`. Consumers in that shape must pass `restoreFocusRef`
+ * pointing at a still-mounted element (typically the menu's own trigger);
+ * `restoreFocusRef` always takes precedence over the auto-captured element.
+ */
+export function useDialogFocusReturn(restoreFocusRef) {
+    const capturedFocusRef = React.useRef(null);
+    const onOpenAutoFocus = React.useCallback(() => {
+        const active = document.activeElement;
+        capturedFocusRef.current =
+            active instanceof HTMLElement && active !== document.body ? active : null;
+    }, []);
+    const onCloseAutoFocus = React.useCallback((event) => {
+        if (event.defaultPrevented)
+            return;
+        const target = restoreFocusRef?.current ?? capturedFocusRef.current;
+        if (target != null && target.isConnected) {
+            event.preventDefault();
+            target.focus();
+            scheduleFocusVisibleMarker(() => document.activeElement === target ? target : null);
+            return;
+        }
+        markFocusVisibleOnClose(event);
+    }, [restoreFocusRef]);
+    return { onOpenAutoFocus, onCloseAutoFocus };
+}
+//# sourceMappingURL=focus-visible-on-close.js.map

package/dist/src/lib/focus-visible-on-close.js.map

@@ -0,0 +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/src/lib/inert-aria-hidden.d.ts

@@ -0,0 +1,34 @@
+/**
+ * Mirrors native `inert` onto the page background while a modal Radix overlay
+ * (Dialog, AlertDialog, DropdownMenu, Select, Sheet, modal Popover) is open.
+ *
+ * Why this exists (#259): those primitives call the `aria-hidden` package's
+ * `hideOthers()` on open, which marks every background sibling
+ * `aria-hidden="true"` (plus a `data-aria-hidden` counter) but leaves it
+ * keyboard-focusable. That trips axe's `aria-hidden-focus` rule
+ * (WCAG 4.1.2 / 2.4.3) on every consuming app. Radix's pinned version uses
+ * `hideOthers()`, not `inertOthers()`, so we add `inert` ourselves.
+ *
+ * Scope: only direct children of `document.body` are inerted — those are the
+ * real page-background roots (app root, portal-less content). This matches
+ * Radix's default body-level portals: `hideOthers()` marks the portal's
+ * body-level siblings (the background) plus the overlay's in-portal sibling
+ * (the backdrop). The backdrop lives *inside* the portal (not a body child), so
+ * it is left untouched — inerting it would block click-outside-to-close.
+ *
+ * Known limitation: an app that both mounts into a non-body container AND
+ * configures Radix to portal inside that same container would have its
+ * background marked at a nested level, not as a body child, and would fall
+ * outside this scope. DS overlays use the default (body) portal, so this does
+ * not affect them.
+ *
+ * We only ever clear `inert` on elements we set it on (tracked in a WeakSet), so
+ * a consumer's own `inert` is never clobbered.
+ */
+/**
+ * Installs a single document-wide observer that keeps `inert` in sync with the
+ * `data-aria-hidden` marker Radix applies. Idempotent — safe to call from every
+ * C4Provider mount; only the first call installs anything.
+ */
+export declare function installAriaHiddenInert(): void;
+//# sourceMappingURL=inert-aria-hidden.d.ts.map

package/dist/src/lib/inert-aria-hidden.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"inert-aria-hidden.d.ts","sourceRoot":"","sources":["../../../src/lib/inert-aria-hidden.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;GA0BG;AAUH;;;;GAIG;AACH,wBAAgB,sBAAsB,IAAI,IAAI,CAqC7C"}

package/dist/src/lib/inert-aria-hidden.js

@@ -0,0 +1,76 @@
+/**
+ * Mirrors native `inert` onto the page background while a modal Radix overlay
+ * (Dialog, AlertDialog, DropdownMenu, Select, Sheet, modal Popover) is open.
+ *
+ * Why this exists (#259): those primitives call the `aria-hidden` package's
+ * `hideOthers()` on open, which marks every background sibling
+ * `aria-hidden="true"` (plus a `data-aria-hidden` counter) but leaves it
+ * keyboard-focusable. That trips axe's `aria-hidden-focus` rule
+ * (WCAG 4.1.2 / 2.4.3) on every consuming app. Radix's pinned version uses
+ * `hideOthers()`, not `inertOthers()`, so we add `inert` ourselves.
+ *
+ * Scope: only direct children of `document.body` are inerted — those are the
+ * real page-background roots (app root, portal-less content). This matches
+ * Radix's default body-level portals: `hideOthers()` marks the portal's
+ * body-level siblings (the background) plus the overlay's in-portal sibling
+ * (the backdrop). The backdrop lives *inside* the portal (not a body child), so
+ * it is left untouched — inerting it would block click-outside-to-close.
+ *
+ * Known limitation: an app that both mounts into a non-body container AND
+ * configures Radix to portal inside that same container would have its
+ * background marked at a nested level, not as a body child, and would fall
+ * outside this scope. DS overlays use the default (body) portal, so this does
+ * not affect them.
+ *
+ * We only ever clear `inert` on elements we set it on (tracked in a WeakSet), so
+ * a consumer's own `inert` is never clobbered.
+ */
+const HIDDEN_SELECTOR = '[data-aria-hidden][aria-hidden="true"]';
+let installed = false;
+function isBackgroundRoot(el) {
+    return el.parentElement === document.body && el instanceof HTMLElement;
+}
+/**
+ * Installs a single document-wide observer that keeps `inert` in sync with the
+ * `data-aria-hidden` marker Radix applies. Idempotent — safe to call from every
+ * C4Provider mount; only the first call installs anything.
+ */
+export function installAriaHiddenInert() {
+    if (typeof document === "undefined" || installed)
+        return;
+    installed = true;
+    const owned = new WeakSet();
+    const sync = (el) => {
+        if (!isBackgroundRoot(el))
+            return;
+        const shouldInert = el.matches(HIDDEN_SELECTOR);
+        if (shouldInert && !el.inert) {
+            el.inert = true;
+            owned.add(el);
+        }
+        else if (!shouldInert && owned.has(el)) {
+            el.inert = false;
+            owned.delete(el);
+        }
+    };
+    // Cover state that already exists at install time (an overlay may open before
+    // the first provider mounts, or the provider itself lives inside the overlay).
+    document.body.querySelectorAll(HIDDEN_SELECTOR).forEach(sync);
+    const observer = new MutationObserver((records) => {
+        for (const record of records)
+            sync(record.target);
+    });
+    // Watch only the marker attributes anywhere under body (cheap — the filter
+    // scopes callbacks to two attributes). This is the primary path: Radix
+    // toggles `aria-hidden`/`data-aria-hidden` on the background *after* the
+    // portal is inserted, so the attribute mutation always fires. Any background
+    // already marked at install time is handled by the scan above. Clearing the
+    // marker on close removes `inert` here; the FocusRestoredOnClose regression
+    // story guards that this lands before Radix restores focus to the trigger.
+    observer.observe(document.body, {
+        subtree: true,
+        attributes: true,
+        attributeFilter: ["aria-hidden", "data-aria-hidden"],
+    });
+}
+//# sourceMappingURL=inert-aria-hidden.js.map

package/dist/src/lib/inert-aria-hidden.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"inert-aria-hidden.js","sourceRoot":"","sources":["../../../src/lib/inert-aria-hidden.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;GA0BG;AAEH,MAAM,eAAe,GAAG,wCAAwC,CAAC;AAEjE,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;;;;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,MAAM,WAAW,GAAG,EAAE,CAAC,OAAO,CAAC,eAAe,CAAC,CAAC;QAChD,IAAI,WAAW,IAAI,CAAC,EAAE,CAAC,KAAK,EAAE,CAAC;YAC7B,EAAE,CAAC,KAAK,GAAG,IAAI,CAAC;YAChB,KAAK,CAAC,GAAG,CAAC,EAAE,CAAC,CAAC;QAChB,CAAC;aAAM,IAAI,CAAC,WAAW,IAAI,KAAK,CAAC,GAAG,CAAC,EAAE,CAAC,EAAE,CAAC;YACzC,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,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"}