asma-ui-core 3.92.1 → 3.92.3

package/dist/components/data-display/chip/StyledChip.module.js

@@ -1,4 +1,4 @@
-var e = { "focus-ring": "_focus-ring_1o5z2_1" };
+var e = { "focus-ring": "_focus-ring_12k2r_1" };
 export {
   e as default
 };

package/dist/components/feedback/dialog/dialog-footer/StyledDialogFooter.js

@@ -10,27 +10,27 @@ import { useWidthRegistry as H } from "../../../../hooks/useWidthRegistry.js";
 import { planToolbarActions as U } from "../../../custom/module/header-layout/planToolbarActions.js";
 import { ToolbarActionButton as D } from "../../../custom/module/header-layout/ToolbarActionGroup.js";
 import { useToolbarTranslations as G } from "../../../custom/module/header-layout/useTranslations.js";
-import { useMemo as _, useState as V } from "react";
-import { Fragment as y, jsx as r, jsxs as n } from "react/jsx-runtime";
-var X = 2, Y = 470, q = 8, C = "dialog-footer-right", N = "dialog-footer-more", M = (l, a) => `dialog-footer-action:${l}:${a ? "label" : "icon"}`;
-function me({ leftActions: l = [], leadingSlot: a, secondaryAction: s, primaryAction: d, fixed: O = !1, rounded: k = !0, locale: I = "en", className: A, dataTest: c = "styled-dialog-footer" }) {
-  const E = G(I), { ref: P, widthPx: m } = K(), { register: h, widths: o } = H(), [p, f] = V(null), g = m > 0 && m < Y, R = g ? 8 : 16, t = _(() => l.filter((e) => !e.hidden).map((e) => e.icon == null && e.canHideLabel == null ? {
+import { useMemo as y, useState as V } from "react";
+import { Fragment as C, jsx as r, jsxs as o } from "react/jsx-runtime";
+var X = 2, Y = 470, q = 8, N = "dialog-footer-right", M = "dialog-footer-more", O = (l, a) => `dialog-footer-action:${l}:${a ? "label" : "icon"}`;
+function me({ leftActions: l = [], leadingSlot: a, secondaryAction: s, primaryAction: d, fixed: k = !1, rounded: I = !0, locale: _ = "en", className: A, dataTest: c = "styled-dialog-footer" }) {
+  const E = G(_), { ref: P, widthPx: m } = K(), { register: f, widths: t } = H(), [h, p] = V(null), g = m > 0 && m < Y, R = g ? 8 : 16, n = y(() => l.filter((e) => !e.hidden).map((e) => e.icon == null && e.canHideLabel == null ? {
     ...e,
     canHideLabel: !1
-  } : e), [l]), W = o[C] ?? 0, x = s != null || d != null, v = Math.max(0, m - R * 2 - W - (x ? q : 0)), u = _(() => t.length >= X ? {
+  } : e), [l]), W = t[N] ?? 0, x = s != null || d != null, v = Math.max(0, m - R * 2 - W - (x ? q : 0)), u = y(() => n.length >= X ? {
     inlineActions: [],
-    overflowActions: t,
+    overflowActions: n,
     showMoreMenu: !0
   } : U({
-    actions: t,
+    actions: n,
     availableWidth: v,
     collapseLabels: !0,
-    resolveActionWidth: (e, i) => o[M(e.id, i)],
-    moreButtonWidthPx: o[N]
+    resolveActionWidth: (e, i) => t[O(e.id, i)],
+    moreButtonWidthPx: t[M]
   }), [
-    t,
+    n,
     v,
-    o
+    t
   ]), b = (e, i, B) => {
     const T = /* @__PURE__ */ r(w, {
       dataTest: e.dataTest ?? `${c}-${B}`,
@@ -58,40 +58,40 @@ function me({ leftActions: l = [], leadingSlot: a, secondaryAction: s, primaryAc
       })
     }) : T;
   };
-  return /* @__PURE__ */ n("div", {
+  return /* @__PURE__ */ o("div", {
     ref: P,
     "data-testid": c,
-    className: L("flex items-center justify-end self-stretch border-0 border-t border-solid border-delta-200 bg-white", g ? "gap-2 p-2" : "gap-4 p-4", k && "rounded-b-lg", O && "sticky bottom-0 z-[1] shadow-[0_0_16px_0_rgba(34,33,51,0.2)]", A),
+    className: L("flex items-center justify-end self-stretch border-0 border-t border-solid border-delta-200 bg-white", g ? "gap-2 p-2" : "gap-4 p-4", I && "rounded-b-lg", k && "sticky bottom-0 z-[1]", A),
     children: [/* @__PURE__ */ r("div", {
       className: "flex shrink-0 flex-nowrap items-center gap-2",
-      children: a ?? /* @__PURE__ */ n(y, { children: [u.inlineActions.map(({ action: e, showLabel: i }) => /* @__PURE__ */ r("span", {
-        ref: h(M(e.id, i)),
+      children: a ?? /* @__PURE__ */ o(C, { children: [u.inlineActions.map(({ action: e, showLabel: i }) => /* @__PURE__ */ r("span", {
+        ref: f(O(e.id, i)),
         className: "inline-flex shrink-0",
         children: /* @__PURE__ */ r(D, {
           action: e,
           showLabel: i
         })
-      }, e.id)), u.showMoreMenu && /* @__PURE__ */ n(y, { children: [/* @__PURE__ */ r("span", {
-        ref: h(N),
+      }, e.id)), u.showMoreMenu && /* @__PURE__ */ o(C, { children: [/* @__PURE__ */ r("span", {
+        ref: f(M),
         className: "inline-flex shrink-0",
         children: /* @__PURE__ */ r(w, {
           dataTest: `${c}-more`,
           variant: "outlined",
           size: "medium",
           type: "button",
-          onClick: (e) => f(e.currentTarget),
+          onClick: (e) => p(e.currentTarget),
           "aria-label": E.more,
           "aria-haspopup": "menu",
-          "aria-expanded": p != null,
+          "aria-expanded": h != null,
           startIcon: /* @__PURE__ */ r(S, {
             width: 24,
             height: 24
           })
         })
       }), /* @__PURE__ */ r(F, {
-        anchorEl: p,
-        open: p != null,
-        onClose: () => f(null),
+        anchorEl: h,
+        open: h != null,
+        onClose: () => p(null),
         anchorOrigin: {
           vertical: "top",
           horizontal: "left"
@@ -103,7 +103,7 @@ function me({ leftActions: l = [], leadingSlot: a, secondaryAction: s, primaryAc
         children: u.overflowActions.map((e) => /* @__PURE__ */ r(j, {
           disabled: e.disabled,
           onClick: () => {
-            f(null), e.onClick();
+            p(null), e.onClick();
           },
           children: /* @__PURE__ */ r("span", {
             className: e.tone === "danger" ? "text-beta-500" : "text-delta-700",
@@ -113,8 +113,8 @@ function me({ leftActions: l = [], leadingSlot: a, secondaryAction: s, primaryAc
       })] })] })
     }), x && /* @__PURE__ */ r("span", {
       className: "flex min-w-px flex-1 flex-nowrap items-center justify-end",
-      children: /* @__PURE__ */ n("span", {
-        ref: h(C),
+      children: /* @__PURE__ */ o("span", {
+        ref: f(N),
         className: "flex shrink-0 flex-nowrap items-center gap-2",
         children: [s && b(s, "outlined", "secondary"), d && b(d, "contained", "primary")]
       })

package/dist/components/inputs/select-autocomplete/StyledSelectAutocomplete.js

@@ -3,13 +3,13 @@ import { ChevronDownIcon as et } from "../../icons/chevron-down-icon/ChevronDown
 import { CloseIcon as tt } from "../../icons/close-icon/CloseIcon.js";
 import { CheckIcon as lt } from "../../icons/check-icon/CheckIcon.js";
 import { PlusIconCircle as rt } from "../../icons/plus-icon-circle/PlusIconCircle.js";
-import { StyledChip as st } from "../../data-display/chip/StyledChip.js";
+import { StyledChip as ot } from "../../data-display/chip/StyledChip.js";
 import { StyledCheckbox as ae } from "../checkbox/base-ui/StyledCheckbox.js";
-import { TOP_LAYER_PROPS as ot, TOP_LAYER_RESET_STYLE as nt, getOpenModalDialogAncestor as at, shouldUsePopoverTopLayer as it, useTopLayerRef as ct } from "../../../hooks/useTopLayer.hook.js";
+import { TOP_LAYER_PROPS as st, TOP_LAYER_RESET_STYLE as nt, getOpenModalDialogAncestor as at, shouldUsePopoverTopLayer as it, useTopLayerRef as ct } from "../../../hooks/useTopLayer.hook.js";
 import { LoadingIcon as dt } from "../../../table/shared-components/LoadingIcon.js";
 import z from "./StyledSelectAutocomplete.module.js";
 import { useEffect as ie, useMemo as W, useRef as ce, useState as v } from "react";
-import { jsx as o, jsxs as I } from "react/jsx-runtime";
+import { jsx as s, jsxs as I } from "react/jsx-runtime";
 import { FloatingPortal as ut, autoUpdate as pt, flip as ft, offset as mt, shift as ht, size as bt, useDismiss as gt, useFloating as xt, useInteractions as wt, useMergeRefs as de, useRole as yt } from "@floating-ui/react";
 var kt = (l) => typeof l == "object" && l !== null && "label" in l ? String(l.label) : String(l), Dt = (l) => typeof l == "object" && l !== null && "disabled" in l && !!l.disabled;
 function Ft({ dataTest: l, options: p, renderInput: ue, value: A, onChange: N, getOptionLabel: pe, getOptionKey: C, isOptionEqualToValue: H, renderOption: U, renderValue: V, filterOptions: _, loading: B, loadingText: fe = "Loading…", noOptionsText: me = "No options", disabled: M, readOnly: g, error: he, helperText: be, size: ge = "small", disableClearable: xe, disableCloseOnSelect: we, popupIcon: ye, autoHeight: ke, multiple: De, allowSelectAll: T, selectAllLabel: ve = "Select all", fullWidth: Ie, classes: Ae, inputValue: R, onInputChange: Ne, open: Y, onOpen: Ce, onClose: Me, className: Re, wrapperClassName: Se, getOptionDisabled: Pe, slotProps: q }) {
@@ -17,7 +17,7 @@ function Ft({ dataTest: l, options: p, renderInput: ue, value: A, onChange: N, g
     e && (g || M) || (Y === void 0 && Le(e), e ? Ce?.() : (x(null), Me?.()));
   }, [Ee, G] = v(""), b = R ?? Ee, P = (e, t, n) => {
     R === void 0 && G(t), Ne?.(e, t, n);
-  }, [s, x] = v(null), J = `${l}-listbox`, Q = ce([]), X = ce(null), [_e, Fe] = v(null), [Z, Oe] = v(null), i = r ? Array.isArray(A) ? A : [] : [], w = r ? null : A ?? null, K = !r && w !== null ? d(w) : "";
+  }, [o, x] = v(null), J = `${l}-listbox`, Q = ce([]), X = ce(null), [_e, Fe] = v(null), [Z, Oe] = v(null), i = r ? Array.isArray(A) ? A : [] : [], w = r ? null : A ?? null, K = !r && w !== null ? d(w) : "";
   ie(() => {
     R !== void 0 || r || G(K);
   }, [
@@ -40,12 +40,12 @@ function Ft({ dataTest: l, options: p, renderInput: ue, value: A, onChange: N, g
   ]), f = W(() => ee.slice(0, 100), [ee]), te = f.flatMap((e, t) => $(e) ? [] : [t]), c = T && r ? [-1, ...te] : te, k = f.findIndex(F);
   ie(() => {
     if (!a) return;
-    const e = s ?? k;
+    const e = o ?? k;
     if (e < 0) return;
     const t = requestAnimationFrame(() => Q.current[e]?.scrollIntoView({ block: "nearest" }));
     return () => cancelAnimationFrame(t);
   }, [
-    s,
+    o,
     a,
     Z,
     k
@@ -75,22 +75,22 @@ function Ft({ dataTest: l, options: p, renderInput: ue, value: A, onChange: N, g
       N?.(e, y, m ? "removeOption" : "selectOption", { option: t }), P(e, "", "reset"), n && u(!1);
     } else
       N?.(e, t, "selectOption", { option: t }), P(e, d(t), "reset"), n && u(!1);
-  }, se = (e) => {
+  }, oe = (e) => {
     N?.(e, r ? [] : null, "clear", void 0), P(e, "", "clear");
   }, j = (e) => {
     const t = p.length > 0 && i.length === p.length;
     N?.(e, t ? [] : p, t ? "clear" : "selectOption", void 0);
   }, Ye = (e) => {
-    if (e.key === "Backspace" && b === "" && oe) {
+    if (e.key === "Backspace" && b === "" && se) {
       const t = i[i.length - 1];
-      r ? t !== void 0 && D(e, t, !1) : se(e);
+      r ? t !== void 0 && D(e, t, !1) : oe(e);
     } else if (e.key === "Enter" && !a)
       e.preventDefault(), u(!0);
-    else if (e.key === "Enter" && s === -1)
+    else if (e.key === "Enter" && o === -1)
       e.preventDefault(), j(e);
-    else if (e.key === "Enter" && s != null && f[s] != null) {
+    else if (e.key === "Enter" && o != null && f[o] != null) {
       e.preventDefault();
-      const t = f[s];
+      const t = f[o];
       $(t) || D(e, t, !0);
     } else if (e.key === "ArrowDown" || e.key === "ArrowUp") {
       if (e.preventDefault(), !a) {
@@ -100,19 +100,19 @@ function Ft({ dataTest: l, options: p, renderInput: ue, value: A, onChange: N, g
       Te(e.key === "ArrowDown" ? 1 : -1);
     } else if (e.key === "Home" || e.key === "End")
       e.preventDefault(), x(c[e.key === "Home" ? 0 : c.length - 1] ?? null);
-    else if (e.key === " " && s === -1)
+    else if (e.key === " " && o === -1)
       e.preventDefault(), j(e);
-    else if (e.key === " " && s != null && f[s] != null) {
+    else if (e.key === " " && o != null && f[o] != null) {
       e.preventDefault();
-      const t = f[s];
+      const t = f[o];
       $(t) || D(e, t, !1);
     } else e.key === "Escape" && a ? (e.preventDefault(), e.stopPropagation(), u(!1)) : e.key === "Tab" && u(!1);
-  }, oe = !xe && !g && !M && (r ? i.length > 0 : w !== null);
+  }, se = !xe && !g && !M && (r ? i.length > 0 : w !== null);
   let ne;
-  a && s != null && (s === -1 || f[s] !== void 0) && (ne = s === -1 ? `${l}-select-all` : `${l}-option-${s}`);
+  a && o != null && (o === -1 || f[o] !== void 0) && (ne = o === -1 ? `${l}-select-all` : `${l}-option-${o}`);
   const qe = (e) => {
     e.preventDefault(), !(M || g) && (X.current?.focus(), u(!a));
-  }, Ge = r ? V ? V(i, ({ index: e }) => ({ "data-index": e })) : i.map((e, t) => /* @__PURE__ */ o(st, {
+  }, Ge = r ? V ? V(i, ({ index: e }) => ({ "data-index": e })) : i.map((e, t) => /* @__PURE__ */ s(ot, {
     dataTest: `selected-chip-${d(e)}`,
     label: d(e),
     readOnly: g,
@@ -121,26 +121,26 @@ function Ft({ dataTest: l, options: p, renderInput: ue, value: A, onChange: N, g
   }, C ? C(e) : `${d(e)}-${t}`)) : void 0, Je = /* @__PURE__ */ I("span", {
     className: "flex items-center gap-1",
     children: [
-      B && /* @__PURE__ */ o(dt, {
+      B && /* @__PURE__ */ s(dt, {
         width: 20,
         height: 20,
         className: "animate-spin"
       }),
-      oe && /* @__PURE__ */ o("button", {
+      se && /* @__PURE__ */ s("button", {
         type: "button",
         tabIndex: -1,
         "aria-label": "Clear",
         "data-testid": `${l}-clear`,
         className: "invisible flex min-h-6 min-w-6 cursor-pointer items-center justify-center rounded-full border-0 bg-delta-50 group-focus-within:visible",
         onMouseDown: (e) => e.preventDefault(),
-        onClick: se,
-        children: /* @__PURE__ */ o(tt, {
+        onClick: oe,
+        children: /* @__PURE__ */ s(tt, {
           width: 20,
           height: 20,
           className: "text-delta-700"
         })
       }),
-      g ? null : /* @__PURE__ */ o("button", {
+      g ? null : /* @__PURE__ */ s("button", {
         type: "button",
         tabIndex: -1,
         "aria-label": "Toggle options",
@@ -149,11 +149,11 @@ function Ft({ dataTest: l, options: p, renderInput: ue, value: A, onChange: N, g
         className: "flex cursor-pointer items-center border-0 bg-transparent",
         onMouseDown: (e) => e.preventDefault(),
         onClick: qe,
-        children: ye ?? (r ? /* @__PURE__ */ o(rt, {
+        children: ye ?? (r ? /* @__PURE__ */ s(rt, {
           width: 24,
           height: 24,
           className: "text-delta-700"
-        }) : /* @__PURE__ */ o(et, {
+        }) : /* @__PURE__ */ s(et, {
           width: 24,
           height: 24,
           className: E(z["select-custom-icon"], a && z["select-custom-icon-open"], "text-delta-700")
@@ -195,25 +195,25 @@ function Ft({ dataTest: l, options: p, renderInput: ue, value: A, onChange: N, g
     return /* @__PURE__ */ I("li", {
       ...y,
       children: [
-        e["data-active"] !== void 0 && /* @__PURE__ */ o("span", {
+        e["data-active"] !== void 0 && /* @__PURE__ */ s("span", {
           "aria-hidden": "true",
           className: "border-l-solid pointer-events-none absolute inset-y-0 left-0 border-l-[3px] border-focus-ring"
         }),
-        r ? /* @__PURE__ */ o(ae, {
+        r ? /* @__PURE__ */ s(ae, {
           dataTest: `${l}-${d(t)}-checkbox`,
           checked: n.selected,
           size: "small",
           hideWrapper: !0,
           decorative: !0
-        }) : /* @__PURE__ */ o("span", {
+        }) : /* @__PURE__ */ s("span", {
           className: "w-5",
-          children: n.selected && /* @__PURE__ */ o(lt, {
+          children: n.selected && /* @__PURE__ */ s(lt, {
             width: 20,
             height: 20,
             className: "text-gama-500"
           })
         }),
-        /* @__PURE__ */ o("span", {
+        /* @__PURE__ */ s("span", {
           className: "line-clamp-2 min-w-0 flex-1 break-words",
           children: d(t)
         })
@@ -236,7 +236,7 @@ function Ft({ dataTest: l, options: p, renderInput: ue, value: A, onChange: N, g
       id: `${l}-option-${t}`,
       "aria-selected": F(e),
       "aria-disabled": n || void 0,
-      "data-active": s === t ? "" : void 0,
+      "data-active": o === t ? "" : void 0,
       className: Xe
     }, y = {
       selected: F(e),
@@ -247,11 +247,11 @@ function Ft({ dataTest: l, options: p, renderInput: ue, value: A, onChange: N, g
   };
   return /* @__PURE__ */ I("div", {
     className: E(z.styledSelectAutocompleteWrapper, !Ie && "w-auto", Se, Re),
-    children: [ue(Qe), a && /* @__PURE__ */ o(ut, {
+    children: [ue(Qe), a && /* @__PURE__ */ s(ut, {
       root: re,
       children: /* @__PURE__ */ I("ul", {
         ref: Ve,
-        ...O ? ot : {},
+        ...O ? st : {},
         style: {
           ...O ? nt : {},
           ...je,
@@ -269,34 +269,34 @@ function Ft({ dataTest: l, options: p, renderInput: ue, value: A, onChange: N, g
           id: `${l}-select-all`,
           role: "option",
           "aria-selected": p.length > 0 && i.length === p.length,
-          "data-active": s === -1 ? "" : void 0,
+          "data-active": o === -1 ? "" : void 0,
           tabIndex: -1,
           onMouseDown: (e) => e.preventDefault(),
           onClick: j,
           onMouseMove: () => x(null),
-          className: "relative flex min-h-12 cursor-pointer items-center gap-x-1 border-0 border-b border-solid border-delta-200 px-4 text-sm text-delta-700 aria-selected:bg-gama-50 hover:bg-delta-50",
+          className: "relative flex min-h-10 cursor-pointer items-center gap-x-3 border-0 border-b border-solid border-delta-200 bg-delta-50 px-3 text-xs font-medium uppercase tracking-wide text-delta-600 hover:bg-delta-100",
           children: [
-            s === -1 && /* @__PURE__ */ o("span", {
+            o === -1 && /* @__PURE__ */ s("span", {
               "aria-hidden": "true",
               className: "border-l-solid pointer-events-none absolute inset-y-0 left-0 border-l-[3px] border-focus-ring"
             }),
-            /* @__PURE__ */ o(ae, {
+            /* @__PURE__ */ s(ae, {
               dataTest: `${l}-select-all`,
               checked: p.length > 0 && i.length === p.length,
               size: "small",
               hideWrapper: !0,
               decorative: !0
             }),
-            /* @__PURE__ */ o("span", {
-              className: "flex-1 truncate py-2",
+            /* @__PURE__ */ s("span", {
+              className: "flex-1 truncate",
               children: ve
             })
           ]
-        }), B ? /* @__PURE__ */ o("li", {
+        }), B ? /* @__PURE__ */ s("li", {
           role: "presentation",
           className: "px-3 py-2 text-sm text-delta-600",
           children: fe
-        }) : f.length === 0 ? /* @__PURE__ */ o("li", {
+        }) : f.length === 0 ? /* @__PURE__ */ s("li", {
           role: "presentation",
           className: "px-3 py-2 text-sm text-delta-600",
           children: me

package/dist/src/components/feedback/dialog/dialog-footer/StyledDialogFooter.d.ts

@@ -47,7 +47,7 @@ export interface StyledDialogFooterProps {
     secondaryAction?: StyledDialogFooterButton;
     /** Rightmost contained action — Save changes / Add new …. */
     primaryAction?: StyledDialogFooterButton;
-    /** Pins the footer to the bottom of its scroll container with the DS `Fixed bottom` shadow. */
+    /** Pins the footer to the bottom of its scroll container, separated by its top border only. */
     fixed?: boolean;
     /** Bottom corners rounded to sit flush inside a dialog paper. Pass `false` for a full-bleed page footer. */
     rounded?: boolean;
@@ -72,7 +72,7 @@ export interface StyledDialogFooterProps {
  * @param leadingSlot - arbitrary left content, replaces `leftActions`
  * @param secondaryAction - outlined Cancel
  * @param primaryAction - contained primary
- * @param fixed - sticky bottom + `Fixed bottom` shadow
+ * @param fixed - sticky bottom, separated by the top border only
  * @param rounded - rounded bottom corners (default `true`)
  */
 export declare function StyledDialogFooter({ leftActions, leadingSlot, secondaryAction, primaryAction, fixed, rounded, locale, className, dataTest, }: StyledDialogFooterProps): JSX.Element;

package/dist/table/components/columns/action-column/components/HeaderActionMenu.module.js

@@ -1,9 +1,9 @@
 var a = {
-  "table-action-item": "_table-action-item_r3frh_1",
-  "drag-item": "_drag-item_r3frh_18",
-  "drag-icon": "_drag-icon_r3frh_22",
-  "drag-icon--disabled": "_drag-icon--disabled_r3frh_27",
-  "drag-icon--enabled": "_drag-icon--enabled_r3frh_32"
+  "table-action-item": "_table-action-item_qha7l_1",
+  "drag-item": "_drag-item_qha7l_18",
+  "drag-icon": "_drag-icon_qha7l_22",
+  "drag-icon--disabled": "_drag-icon--disabled_qha7l_27",
+  "drag-icon--enabled": "_drag-icon--enabled_qha7l_32"
 };
 export {
   a as default

package/package.json

@@ -3,7 +3,7 @@
     "publishConfig": {
         "access": "public"
     },
-    "version": "3.92.1",
+    "version": "3.92.3",
     "type": "module",
     "sideEffects": [
         "**/*.css",