asma-ui-core 3.78.2 → 3.78.4

package/dist/components/custom/pathfinder-card/PathfinderCard.js

@@ -1,19 +1,18 @@
-import { cn as b } from "../../../helpers/cn.js";
-import { ChevronDownIcon as F } from "../../icons/chevron-down-icon/ChevronDownIcon.js";
-import { ChevronUpIcon as O } from "../../icons/chevron-up-icon/ChevronUpIcon.js";
+import { cn as C } from "../../../helpers/cn.js";
+import { ChevronDownIcon as j } from "../../icons/chevron-down-icon/ChevronDownIcon.js";
+import { ChevronUpIcon as z } from "../../icons/chevron-up-icon/ChevronUpIcon.js";
 import h from "./Pathfinder.module.js";
-import { useCallback as I, useEffect as M, useLayoutEffect as j, useMemo as y, useRef as R, useState as x, useSyncExternalStore as P } from "react";
-import { Fragment as D, jsx as e, jsxs as k } from "react/jsx-runtime";
-var _ = typeof window < "u" ? j : M;
+import { useCallback as R, useEffect as M, useLayoutEffect as O, useMemo as y, useRef as k, useState as x, useSyncExternalStore as P } from "react";
+import { Fragment as D, jsx as e, jsxs as I } from "react/jsx-runtime";
+var _ = typeof window < "u" ? O : M;
 function q() {
-  const [i, n] = x(null), d = I((t) => {
+  const [i, n] = x(null), d = R((t) => {
     n(t);
-  }, []), s = I(() => i ? Math.floor(i.getBoundingClientRect().width) : 0, [i]);
+  }, []), s = R(() => i ? Math.floor(i.getBoundingClientRect().width) : 0, [i]);
   return {
     ref: d,
-    width: P(I((t) => {
+    width: P(R((t) => {
       if (!i || typeof ResizeObserver > "u") return () => {
-        console.log("Node is missing or ResizeObserver is undefined");
       };
       let a = 0;
       const o = new ResizeObserver(() => {
@@ -32,15 +31,15 @@ function A(i) {
   });
 }
 function K(i) {
-  const { items: n, leadSlot: d, actionSlot: s } = i, t = R({}), a = R(null), o = R(null), [l, v] = x({
+  const { items: n, leadSlot: d, actionSlot: s } = i, t = k({}), a = k(null), o = k(null), [l, v] = x({
     itemWidths: {},
     leadWidth: 0,
     actionWidth: 0
-  }), f = R(l);
+  }), f = k(l);
   M(() => {
     f.current = l;
   }, [l]);
-  const p = I((r) => (m) => {
+  const p = R((r) => (m) => {
     t.current[r] = m;
   }, []);
   return _(() => {
@@ -76,7 +75,7 @@ function U(i) {
   }
   return a;
 }
-function C({ item: i, compact: n }) {
+function b({ item: i, compact: n }) {
   return /* @__PURE__ */ e(D, { children: i.render({ compact: n }) });
 }
 function Y({ items: i, expanded: n, onToggleExpanded: d, leadSlot: s, actionSlot: t, className: a, leadReservePx: o = 140, actionReservePx: l = 44 }) {
@@ -86,10 +85,10 @@ function Y({ items: i, expanded: n, onToggleExpanded: d, leadSlot: s, actionSlot
     actionSlot: t
   }), w = y(() => {
     if (n) return r;
-    const c = 24, L = 24, z = s ? Math.max(o, m.leadWidth + 12) : 0, B = t ? Math.max(l, m.actionWidth) : 0;
+    const c = 24, L = 24, B = s ? Math.max(o, m.leadWidth + 12) : 0, F = t ? Math.max(l, m.actionWidth) : 0;
     return U({
       items: r,
-      availableWidth: Math.max(0, f - c - L - z - B - 24),
+      availableWidth: Math.max(0, f - c - L - B - F - 24),
       gapPx: 12,
       itemWidths: m.itemWidths
     });
@@ -103,9 +102,9 @@ function Y({ items: i, expanded: n, onToggleExpanded: d, leadSlot: s, actionSlot
     l,
     m
   ]), N = p && w.length < Math.min(2, r.length), E = N ? r.slice(0, 2) : w;
-  return /* @__PURE__ */ k("div", {
+  return /* @__PURE__ */ I("div", {
     ref: v,
-    className: b(h.root, p ? "overflow-hidden" : "overflow-visible", a),
+    className: C(h.root, p ? "overflow-hidden" : "overflow-visible", a),
     "aria-expanded": n,
     role: "button",
     tabIndex: 0,
@@ -114,27 +113,27 @@ function Y({ items: i, expanded: n, onToggleExpanded: d, leadSlot: s, actionSlot
       (c.key === "Enter" || c.key === " ") && (c.preventDefault(), d());
     },
     children: [
-      /* @__PURE__ */ k("div", {
-        className: b(h.shell, p ? h.shellCompact : h.shellExpanded),
+      /* @__PURE__ */ I("div", {
+        className: C(h.shell, p ? h.shellCompact : h.shellExpanded),
         children: [s ? /* @__PURE__ */ e("div", {
           className: "shrink-0",
           children: s
         }) : null, /* @__PURE__ */ e("div", {
           className: h.content,
           children: p ? /* @__PURE__ */ e("div", {
-            className: b(h.compactItems, N && h.compactItemsStacked),
+            className: C(h.compactItems, N && h.compactItemsStacked),
             children: E.map((c) => /* @__PURE__ */ e("div", {
               className: "shrink-0 whitespace-nowrap",
-              children: /* @__PURE__ */ e(C, {
+              children: /* @__PURE__ */ e(b, {
                 item: c,
                 compact: p
               })
             }, c.id))
-          }) : /* @__PURE__ */ k("div", {
+          }) : /* @__PURE__ */ I("div", {
             className: h.expandedItems,
             children: [r.map((c) => /* @__PURE__ */ e("div", {
               className: "shrink-0 whitespace-nowrap",
-              children: /* @__PURE__ */ e(C, {
+              children: /* @__PURE__ */ e(b, {
                 item: c,
                 compact: p
               })
@@ -150,12 +149,12 @@ function Y({ items: i, expanded: n, onToggleExpanded: d, leadSlot: s, actionSlot
       }),
       /* @__PURE__ */ e("div", {
         className: h.chevron,
-        children: n ? /* @__PURE__ */ e(O, { className: "size-6" }) : /* @__PURE__ */ e(F, { className: "size-6" })
+        children: n ? /* @__PURE__ */ e(z, { className: "size-6" }) : /* @__PURE__ */ e(j, { className: "size-6" })
       }),
       /* @__PURE__ */ e("div", {
         "aria-hidden": !0,
         className: h.measureLayer,
-        children: /* @__PURE__ */ k("div", {
+        children: /* @__PURE__ */ I("div", {
           className: h.measureRow,
           children: [
             s ? /* @__PURE__ */ e("div", {
@@ -168,7 +167,7 @@ function Y({ items: i, expanded: n, onToggleExpanded: d, leadSlot: s, actionSlot
             r.map((c) => /* @__PURE__ */ e("div", {
               ref: g(c.id),
               className: "shrink-0 whitespace-nowrap",
-              children: /* @__PURE__ */ e(C, {
+              children: /* @__PURE__ */ e(b, {
                 item: c,
                 compact: !0
               })

package/dist/datetime/components/date-picker/components/DatePickerButton.js

@@ -1,9 +1,9 @@
-import { StyledButton as n } from "../../../shared-components/button/StyledButton.js";
-import { cn as i } from "../../../helpers/cn.js";
+import { cn as n } from "../../../../helpers/cn.js";
+import { StyledButton as i } from "../../../shared-components/button/StyledButton.js";
 import { OutlineCalendarMonth as l } from "../../../shared-components/OutlineCalendarMonth.js";
 import "react";
 import { jsx as r } from "react/jsx-runtime";
-var h = ({ onClick: e, disabled: t, localeCode: o }) => /* @__PURE__ */ r(n, {
+var h = ({ onClick: e, disabled: t, localeCode: o }) => /* @__PURE__ */ r(i, {
   type: "button",
   size: "large",
   dataTest: "DatePickerButton",
@@ -15,7 +15,7 @@ var h = ({ onClick: e, disabled: t, localeCode: o }) => /* @__PURE__ */ r(n, {
   variant: "outlined",
   disabled: t,
   onClick: (a) => !t && e(a),
-  className: i(t && "cursor-not-allowed")
+  className: n(t && "cursor-not-allowed")
 });
 export {
   h as DatePickerButton

package/dist/datetime/components/time-picker/TimePickerInput.js

@@ -1,11 +1,11 @@
-import { StyledInputField as E } from "../../../components/inputs/input-field/StyledInputField.js";
-import { useInputMask as I } from "../../../helpers/inputMask.js";
-import { HelperText as N, defaultTimePickerHelperMessages as w } from "./components/HelperText.js";
-import { ClockOutlineIcon as y } from "../../shared-components/ClockOutlineIcon.js";
+import { ClockOutlineIcon as E } from "../../../components/icons/clock-outline-icon/ClockOutlineIcon.js";
+import { StyledInputField as I } from "../../../components/inputs/input-field/StyledInputField.js";
+import { useInputMask as N } from "../../../helpers/inputMask.js";
+import { HelperText as w, defaultTimePickerHelperMessages as y } from "./components/HelperText.js";
 import { useEffect as M, useRef as P } from "react";
 import { jsx as r, jsxs as R } from "react/jsx-runtime";
 var O = (x) => {
-  const { placeholder: c, disabled: e, inputClassName: f, dataTest: n, width: l, error: u, helperText: h, label: g, locale: T = "en", popupState: a, handleChange: k, isValidTime: p, isValidEndTime: m, localValue: C, title: d, readOnly: t } = x, b = I({
+  const { placeholder: c, disabled: e, inputClassName: f, dataTest: n, width: l, error: u, helperText: h, label: g, locale: T = "en", popupState: a, handleChange: k, isValidTime: p, isValidEndTime: m, localValue: C, title: d, readOnly: t } = x, b = N({
     mask: "xx:xx",
     maskChar: "x",
     showMask: !1
@@ -17,7 +17,7 @@ var O = (x) => {
     children: [d && /* @__PURE__ */ r("div", {
       className: "pb-1 font-roboto font-semibold text-delta-800",
       children: d
-    }), /* @__PURE__ */ r(E, {
+    }), /* @__PURE__ */ r(I, {
       inputRef: b,
       autoComplete: "off",
       type: "text",
@@ -26,13 +26,13 @@ var O = (x) => {
       placeholder: c,
       size: "small",
       error: i,
-      helperText: /* @__PURE__ */ r(N, {
+      helperText: /* @__PURE__ */ r(w, {
         isValidTime: p,
         isValidEndTime: m,
         error: i,
         localization: T,
         helperText: h,
-        messages: w
+        messages: y
       }),
       onChange: k,
       slotProps: {
@@ -41,7 +41,7 @@ var O = (x) => {
           onMouseDown: (o) => {
             !e && !t && a.open(o);
           },
-          endAdornment: /* @__PURE__ */ r(y, {
+          endAdornment: /* @__PURE__ */ r(E, {
             width: 24,
             height: 24,
             className: e ? "text-delta-300" : "text-delta-700",

package/dist/datetime/components/time-picker/components/HelperText.js

@@ -1,4 +1,4 @@
-import { cn as f } from "../../../helpers/cn.js";
+import { cn as f } from "../../../../helpers/cn.js";
 import { OutlineErrorRounded as m } from "../../../shared-components/OutlineErrorRounded.js";
 import { jsx as r, jsxs as d } from "react/jsx-runtime";
 var c = {

package/dist/src/datetime/helpers/cn.d.ts

@@ -1,2 +1 @@
-import { ClassValue } from 'clsx';
-export declare function cn(...inputs: ClassValue[]): string;
+export { cn } from '../../helpers/cn';

package/dist/src/datetime/shared-components/ClockOutlineIcon.d.ts

@@ -1,2 +1 @@
-import { SVGProps } from 'react';
-export declare function ClockOutlineIcon(props: SVGProps<SVGSVGElement>): JSX.Element;
+export { ClockOutlineIcon } from '../../components/icons/clock-outline-icon';

package/dist/src/table/helpers/cn.d.ts

@@ -1,2 +1 @@
-import { ClassValue } from 'clsx';
-export declare function cn(...inputs: ClassValue[]): string;
+export { cn } from '../../helpers/cn';

package/dist/src/table/shared-components/CheckIcon.d.ts

@@ -1,2 +1,10 @@
 import { SVGProps } from 'react';
+/**
+ * The core `CheckIcon` (identical artwork and viewBox) wrapped only to preserve the table copy's
+ * historical `1rem` default size — the core default is 24px, and table call sites override `width`
+ * but not `height`, so a plain re-export would change the rendered glyph. ASMA-8134.
+ *
+ * The core icon also carries `aria-hidden='true'`, which the table copy was missing: these glyphs
+ * are decorative cell adornments, so hiding them from the a11y tree is the intended behaviour.
+ */
 export declare function CheckIcon(props: SVGProps<SVGSVGElement>): JSX.Element;

package/dist/src/table/shared-components/CircleWarningOutlineIcon.d.ts

@@ -1,2 +1 @@
-import { SVGProps } from 'react';
-export declare function CircleWarningOutlineIcon(props: SVGProps<SVGSVGElement>): JSX.Element;
+export { CircleWarningOutlineIcon } from '../../components/icons/warning-circle-icon';

package/dist/src/table/shared-components/PinIcon.d.ts

@@ -1,2 +1 @@
-import { SVGProps } from 'react';
-export declare function PinIcon(props: SVGProps<SVGSVGElement>): JSX.Element;
+export { PinIcon } from '../../components/icons/pin-icon';

package/dist/src/tokens.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/table/components/StyledTableIndex.js

@@ -1,4 +1,4 @@
-import { cn as p } from "../helpers/cn.js";
+import { cn as p } from "../../helpers/cn.js";
 import { RootContextProvider as te } from "../context/RootContext.js";
 import { mobileView as oe, useWindowWidthSize as re } from "../hooks/useWindowWidthSize.hook.js";
 import { useStyledTable as ne } from "../hooks/useStyledTable.js";

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

@@ -1,11 +1,11 @@
-import { message as v } from "../../../../../components/feedback/snack-bar/message.js";
-import { StyledPopover as D } from "../../../../../components/utils/popover/StyledPopover.js";
+import { cn as v } from "../../../../../helpers/cn.js";
+import { PinIcon as D } from "../../../../../components/icons/pin-icon/PinIcon.js";
+import { message as _ } from "../../../../../components/feedback/snack-bar/message.js";
+import { StyledPopover as T } from "../../../../../components/utils/popover/StyledPopover.js";
 import { INTERNAL_COLUMN_IDS as S } from "../../../../types.js";
-import { cn as _ } from "../../../../helpers/cn.js";
-import { StyledCheckbox as T } from "../../../../shared-components/StyledCheckbox.js";
-import { StyledTooltip as A } from "../../../../shared-components/tooltip/index.js";
-import { useToggleMenuVisibility as L } from "../../../../hooks/useToggleMenuVisibility.hook.js";
-import { PinIcon as k } from "../../../../shared-components/PinIcon.js";
+import { StyledCheckbox as A } from "../../../../shared-components/StyledCheckbox.js";
+import { StyledTooltip as L } from "../../../../shared-components/tooltip/index.js";
+import { useToggleMenuVisibility as k } from "../../../../hooks/useToggleMenuVisibility.hook.js";
 import m from "./TableActions.module.js";
 import d from "./HeaderActionMenu.module.js";
 import { DotsHorizontalIcon as H } from "../../../../shared-components/DotsHorizontalIcon.js";
@@ -36,7 +36,7 @@ function q({ id: n, disabled: u, children: p }) {
   });
 }
 function fe({ headerData: n, locale: u }) {
-  const { anchorEl: p, open: c, handleClose: h, handleOpen: b } = L(), g = n.table.getAllLeafColumns().some((e) => e.getCanHide() && !e.getIsVisible() && !S.includes(e.id)), l = n.table.getAllLeafColumns(), y = (e) => {
+  const { anchorEl: p, open: c, handleClose: h, handleOpen: b } = k(), g = n.table.getAllLeafColumns().some((e) => e.getCanHide() && !e.getIsVisible() && !S.includes(e.id)), l = n.table.getAllLeafColumns(), y = (e) => {
     const { active: r, over: t } = e;
     !r || !t || r.id === t.id || l.find((i) => i.id === t.id)?.columnDef.fixedLeft || l.find((i) => i.id === t.id)?.columnDef.fixedRight || n.table.setColumnOrder((i) => {
       const a = R(i ?? []).length ? i : n.table.getAllLeafColumns().map((C) => C.id);
@@ -52,8 +52,8 @@ function fe({ headerData: n, locale: u }) {
       "aria-expanded": c,
       className: m["actions-header"],
       onClick: b,
-      children: [/* @__PURE__ */ o(k, { className: m["pin-icon"] }), g && /* @__PURE__ */ o("div", { className: m["pin-indicator"] })]
-    }), /* @__PURE__ */ f(D, {
+      children: [/* @__PURE__ */ o(D, { className: m["pin-icon"] }), g && /* @__PURE__ */ o("div", { className: m["pin-indicator"] })]
+    }), /* @__PURE__ */ f(T, {
       anchorEl: p,
       anchorOrigin: {
         horizontal: "left",
@@ -83,7 +83,7 @@ function fe({ headerData: n, locale: u }) {
             return r && t ? i = s.column_reorder_and_hidden : r ? i = s.column_reorder : t && (i = s.column_hidden), /* @__PURE__ */ o(q, {
               id: e.id,
               disabled: r,
-              children: ({ listeners: a, attributes: C }) => /* @__PURE__ */ o(A, {
+              children: ({ listeners: a, attributes: C }) => /* @__PURE__ */ o(L, {
                 title: i,
                 arrow: !0,
                 children: /* @__PURE__ */ f("button", {
@@ -104,11 +104,11 @@ function fe({ headerData: n, locale: u }) {
                         userSelect: "none",
                         WebkitTouchCallout: "none"
                       },
-                      className: _(d["drag-icon"], r ? d["drag-icon--disabled"] : d["drag-icon--enabled"])
+                      className: v(d["drag-icon"], r ? d["drag-icon--disabled"] : d["drag-icon--enabled"])
                     }),
                     /* @__PURE__ */ o("span", {
                       className: "px-2",
-                      children: /* @__PURE__ */ o(T, {
+                      children: /* @__PURE__ */ o(A, {
                         readOnly: t,
                         dataTest: `${e.id}-column-visibility-checkbox`,
                         size: "small",
@@ -135,7 +135,7 @@ function fe({ headerData: n, locale: u }) {
           variant: "text",
           className: "h-10",
           onClick: () => {
-            n.table.resetColumnOrder(), v.info(s.column_order_reset, { closeButton: !0 });
+            n.table.resetColumnOrder(), _.info(s.column_order_reset, { closeButton: !0 });
           },
           children: s.reset_order
         })

package/dist/table/components/columns/action-column/components/RowActionMenu.js

@@ -1,22 +1,22 @@
-import { StyledPopover as S } from "../../../../../components/utils/popover/StyledPopover.js";
-import { StyledMenuList as A } from "../../../../../components/navigation/menu/StyledMenuList.js";
-import { isCustomAction as O } from "../../../../types.js";
+import { CircleWarningOutlineIcon as S } from "../../../../../components/icons/warning-circle-icon/CircleWarningOutlineIcon.js";
+import { StyledPopover as A } from "../../../../../components/utils/popover/StyledPopover.js";
+import { StyledMenuList as O } from "../../../../../components/navigation/menu/StyledMenuList.js";
+import { isCustomAction as j } from "../../../../types.js";
 import { StyledTooltip as g } from "../../../../shared-components/tooltip/index.js";
-import { useToggleMenuVisibility as j } from "../../../../hooks/useToggleMenuVisibility.hook.js";
-import { StyledButton as k } from "../../../../shared-components/button/StyledButton.js";
-import { DotsVerticalIcon as F } from "../../../../shared-components/DotsVerticalIcon.js";
-import { StyledMenuItem as I } from "../../../../shared-components/StyledMenuItem.js";
-import { CircleWarningOutlineIcon as R } from "../../../../shared-components/CircleWarningOutlineIcon.js";
+import { useToggleMenuVisibility as k } from "../../../../hooks/useToggleMenuVisibility.hook.js";
+import { StyledButton as F } from "../../../../shared-components/button/StyledButton.js";
+import { DotsVerticalIcon as I } from "../../../../shared-components/DotsVerticalIcon.js";
+import { StyledMenuItem as R } from "../../../../shared-components/StyledMenuItem.js";
 import w, { useEffect as V, useMemo as z, useState as D } from "react";
 import { jsx as t, jsxs as b } from "react/jsx-runtime";
 function X({ tableData: o, actions: v, rowActionsState: C }) {
-  const { anchorEl: x, open: a, handleClose: i, handleOpen: P } = j(), l = v(o.row), n = C?.(o.row) ?? { state: "enabled" }, p = o.table.options.meta?.locale, y = p === "no" ? "Ingen handlinger tilgjengelig" : "No actions available", N = p === "no" ? "Radhandlinger" : "Row actions", T = z(() => l.every((e) => "component" in e ? !1 : e.hide), [l]), u = l.length > 0 && !T, m = n.state === "enabled" && !u, M = n.state !== "hidden" && (u || m || n.state === "disabled"), [c, s] = D(!1);
+  const { anchorEl: x, open: a, handleClose: i, handleOpen: P } = k(), l = v(o.row), n = C?.(o.row) ?? { state: "enabled" }, p = o.table.options.meta?.locale, y = p === "no" ? "Ingen handlinger tilgjengelig" : "No actions available", N = p === "no" ? "Radhandlinger" : "Row actions", T = z(() => l.every((e) => "component" in e ? !1 : e.hide), [l]), u = l.length > 0 && !T, m = n.state === "enabled" && !u, M = n.state !== "hidden" && (u || m || n.state === "disabled"), [c, s] = D(!1);
   if (V(() => {
     if (!c) return;
     const e = window.setTimeout(() => s(!1), 1600);
     return () => window.clearTimeout(e);
   }, [c]), !M) return /* @__PURE__ */ t("div", { className: "flex w-[40px] items-center justify-center" });
-  const d = n.state === "disabled", f = /* @__PURE__ */ t(k, {
+  const d = n.state === "disabled", f = /* @__PURE__ */ t(F, {
     dataTest: "row-actions-button",
     "aria-label": N,
     "aria-haspopup": "true",
@@ -33,7 +33,7 @@ function X({ tableData: o, actions: v, rowActionsState: C }) {
     onMouseUp: (e) => {
       e.stopPropagation(), e.preventDefault();
     },
-    children: /* @__PURE__ */ t(F, {
+    children: /* @__PURE__ */ t(I, {
       className: d ? "text-delta-300" : "text-delta-700",
       width: 20,
       height: 20
@@ -60,7 +60,7 @@ function X({ tableData: o, actions: v, rowActionsState: C }) {
           },
           children: f
         })
-      }) : f, n.state === "enabled" && /* @__PURE__ */ t(S, {
+      }) : f, n.state === "enabled" && /* @__PURE__ */ t(A, {
         open: a,
         anchorEl: x,
         onClose: () => {
@@ -79,14 +79,14 @@ function X({ tableData: o, actions: v, rowActionsState: C }) {
         },
         children: m ? /* @__PURE__ */ b("div", {
           className: "flex items-center gap-2 p-3 text-base text-delta-700",
-          children: [/* @__PURE__ */ t(R, {
+          children: [/* @__PURE__ */ t(S, {
             width: 20,
             height: 20
           }), /* @__PURE__ */ t("span", { children: y })]
-        }) : /* @__PURE__ */ t(A, {
+        }) : /* @__PURE__ */ t(O, {
           disablePadding: !0,
           children: l.map((e, h) => {
-            if (O(e)) {
+            if (j(e)) {
               const r = e.component(o.row, i);
               return w.isValidElement(r) ? /* @__PURE__ */ t(w.Fragment, { children: r }, h) : null;
             }
@@ -94,7 +94,7 @@ function X({ tableData: o, actions: v, rowActionsState: C }) {
               title: e?.tooltipTitle,
               arrow: !0,
               placement: e?.tooltipPlacement ?? "left",
-              children: /* @__PURE__ */ t("span", { children: /* @__PURE__ */ t(I, {
+              children: /* @__PURE__ */ t("span", { children: /* @__PURE__ */ t(R, {
                 className: e.className,
                 disabled: e.disabled,
                 onClick: () => {

package/dist/table/components/table-header/TableHeader.js

@@ -1,5 +1,5 @@
-import { ACTIONS_COLUMN_ID as b } from "../../types.js";
-import { cn as j } from "../../helpers/cn.js";
+import { cn as b } from "../../../helpers/cn.js";
+import { ACTIONS_COLUMN_ID as j } from "../../types.js";
 import p from "../StyledTable.module.js";
 import { TableHeaderCell as a } from "./TableHeaderCell.js";
 import "react";
@@ -8,14 +8,14 @@ import "@tanstack/react-table";
 function q({ table: x, styledTableProps: o, tableCanResize: m, tableWidth: l, columnWindow: { paddingLeft: i, paddingRight: c, indexes: H } }) {
   const { stickyHeader: S = !1, tableHeaderRef: g, tableHeaderStyle: D = {} } = o, y = x.getHeaderGroups(), N = { ...D };
   return /* @__PURE__ */ n("thead", {
-    className: j(p["table-header"], S && p["table-header--sticky"], o.tableHeaderClassName),
+    className: b(p["table-header"], S && p["table-header--sticky"], o.tableHeaderClassName),
     style: N,
     ref: g,
     children: y.map((f) => {
       const s = f.headers.map((e, t, r) => ({
         header: e,
         left: r.slice(0, t).reduce((d, u) => d + (u.column.getSize() ?? 0), 0)
-      })), W = s.filter(({ header: e }) => e.column.columnDef.fixedLeft), _ = s.filter(({ header: e }) => !e.column.columnDef.fixedLeft && !e.column.columnDef.fixedRight && e.column.id !== "actions"), h = s.filter(({ header: e }) => !!e.column.columnDef.fixedRight || e.column.id === "actions"), w = h.some(({ header: e }) => e.column.id === b), C = h.map((e, t, r) => ({
+      })), W = s.filter(({ header: e }) => e.column.columnDef.fixedLeft), _ = s.filter(({ header: e }) => !e.column.columnDef.fixedLeft && !e.column.columnDef.fixedRight && e.column.id !== "actions"), h = s.filter(({ header: e }) => !!e.column.columnDef.fixedRight || e.column.id === "actions"), w = h.some(({ header: e }) => e.column.id === j), C = h.map((e, t, r) => ({
         ...e,
         right: r.slice(t + 1).reduce((d, u) => d + (u.header.column.getSize() ?? 0), 0) + (w ? -1 : 0)
       })), O = H.reduce((e, t) => {

package/dist/table/shared-components/CheckIcon.js

@@ -1,16 +1,10 @@
-import "react";
-import { jsx as r } from "react/jsx-runtime";
-function h(t) {
-  return /* @__PURE__ */ r("svg", {
-    xmlns: "http://www.w3.org/2000/svg",
+import { CheckIcon as r } from "../../components/icons/check-icon/CheckIcon.js";
+import { jsx as e } from "react/jsx-runtime";
+function h(o) {
+  return /* @__PURE__ */ e(r, {
     width: "1rem",
     height: "1rem",
-    viewBox: "0 0 24 24",
-    ...t,
-    children: /* @__PURE__ */ r("path", {
-      fill: "currentColor",
-      d: "M9 16.17L4.83 12l-1.42 1.41L9 19L21 7l-1.41-1.41z"
-    })
+    ...o
   });
 }
 export {

package/dist/table/shared-components/StyledCheckbox.js

@@ -1,4 +1,4 @@
-import { cn as m } from "../helpers/cn.js";
+import { cn as m } from "../../helpers/cn.js";
 import e from "./StyledCheckbox.module.js";
 import L, { useEffect as C, useRef as f } from "react";
 import { jsx as o, jsxs as k } from "react/jsx-runtime";

package/dist/table/shared-components/StyledMenuItem.js

@@ -1,4 +1,4 @@
-import { cn as u } from "../helpers/cn.js";
+import { cn as u } from "../../helpers/cn.js";
 import { jsx as x } from "react/jsx-runtime";
 var d = ({ children: o, disabled: e, selected: n, className: a, classes: l, onClick: r, onMouseDown: i, onMouseUp: m }) => /* @__PURE__ */ x("li", {
   role: "menuitem",

package/dist/table/shared-components/menu-item/index.js

@@ -1,4 +1,4 @@
-import { cn as i } from "../../helpers/cn.js";
+import { cn as i } from "../../../helpers/cn.js";
 import { CheckIcon as l } from "../CheckIcon.js";
 import { jsx as m, jsxs as s } from "react/jsx-runtime";
 var g = ({ children: n, selected: o, disabled: e, className: a, onClick: t }) => /* @__PURE__ */ s("li", {

package/package.json

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

package/src/styles/color-variables/defaultTokens.css

@@ -6,6 +6,17 @@
     --colors-alpha-600: var(--colors-blue-600);
     --colors-alpha-700: var(--colors-blue-700);
     --colors-beta-100: var(--colors-red-100);
+    /* Focus-indicator shade for the three error-button *-focused-border-color rules.
+       Chosen by measurement on the rendered baseline, not by ramp position:
+         2.4.7  Focus Visible   (AA)  PASS - a ring renders where contained/outlined/text
+                                             previously painted none.
+         1.4.11 Non-text Contrast(AA) PASS - contained 8.37:1 against white on both sides
+                                             (a 1px white inset separates it from the fill,
+                                             itself 4.96:1); outlined and text 8.37:1 vs
+                                             page and 6.56:1 vs fill.
+         2.4.13 Focus Appearance(AAA) not claimed, outside this library's AA scope.
+       See docs/a11y-contrast.md (F-15) for the derivation and per-theme numbers. */
+    --colors-beta-400: var(--colors-red-700);
     --colors-beta-500: var(--colors-red-500);
     --colors-beta-600: var(--colors-red-600);
     --colors-beta-700: var(--colors-red-700);

package/src/styles/color-variables/fretexTokens.css

@@ -178,8 +178,8 @@
     --colors-button-textWhite-common-disabled-bg-color: transparent;
     --colors-button-textWhite-common-disabled-border-color: transparent;
 
-    --colors-colors-btn-bg-mini-action: var(--colors-zinc-100);
-    --colors-colors-btn-bg-mini-action-hover: var(--colors-gama-700);
+    --colors-btn-bg-mini-action: var(--colors-zinc-100);
+    --colors-btn-bg-mini-action-hover: var(--colors-gama-700);
     --colors-link-text-hover: var(--colors-red-700);
     --colors-link-text-standart: var(--colors-gray-500);
     --colors-link-text-active: var(--colors-red-700);
@@ -188,7 +188,7 @@
     --colors-app-directory-button-select-recipient-bg: var(--colors-slate-500);
     --colors-btn-task-status-bg: var(--colors-green-100);
     --colors-chat-ticket-message-bg: var(--colors-alpha-500);
-    --colors-colors-topbar-text: #ffffff;
+    --colors-topbar-text: #ffffff;
 
     --colors-menu-text-active: var(--colors-beta-700);
 }

package/src/styles/color-variables/jadeTokens.css

@@ -1,5 +1,16 @@
 [data-theme='greenish'] {
     --colors-beta-100: var(--colors-red-100);
+    /* Focus-indicator shade for the three error-button *-focused-border-color rules.
+       Chosen by measurement on the rendered baseline, not by ramp position:
+         2.4.7  Focus Visible   (AA)  PASS - a ring renders where contained/outlined/text
+                                             previously painted none.
+         1.4.11 Non-text Contrast(AA) PASS - contained 8.37:1 against white on both sides
+                                             (a 1px white inset separates it from the fill,
+                                             itself 4.96:1); outlined and text 8.37:1 vs
+                                             page and 6.56:1 vs fill.
+         2.4.13 Focus Appearance(AAA) not claimed, outside this library's AA scope.
+       See docs/a11y-contrast.md (F-15) for the derivation and per-theme numbers. */
+    --colors-beta-400: var(--colors-red-700);
     --colors-beta-500: var(--colors-red-500);
     --colors-beta-600: var(--colors-red-600);
     --colors-beta-700: var(--colors-red-700);

package/src/styles/components-colors/inputVariables.css

@@ -1,3 +1,12 @@
+/*
+ * Declared on :root as well as the theme blocks: a host page that renders without any
+ * data-theme attribute must still get valid --colors-input-* / --input-* values (otherwise every
+ * var() below is invalid-at-computed-value-time and StyledTextarea falls back to inherited or
+ * initial colors). All three themes share these values today, so listing :root alongside them is
+ * exact -- the theme selectors stay in place, and because they come later in the selector list
+ * they continue to win on equal specificity once a theme starts overriding a token.
+ */
+:root,
 [data-theme='default'],
 [data-theme='fretex'],
 [data-theme='greenish'] {
@@ -65,7 +74,7 @@
     --colors-input-notEditable-focus-bg-color: var(--colors-delta-50);
     --colors-input-notEditable-disabled-bg-color: var(--colors-delta-50);
     --colors-input-notEditable-text-color: var(--colors-delta-800);
-    --colors-input-active-hover-text-color: var(--colors-delta-800);
+    --colors-input-notEditable-hover-text-color: var(--colors-delta-800);
     --colors-input-notEditable-active-text-color: var(--colors-delta-800);
     --colors-input-notEditable-focus-text-color: var(--colors-delta-800);
     --colors-input-notEditable-disabled-text-color: var(--colors-delta-300);
@@ -95,10 +104,10 @@
     --colors-input-readOnly-focus-bg-color: transparent;
     --colors-input-readOnly-disabled-bg-color: transparent;
     --colors-input-readOnly-text-color: var(--colors-delta-800);
-    --colors-input-active-hover-text-color: var(--colors-delta-800);
+    --colors-input-readOnly-hover-text-color: var(--colors-delta-800);
     --colors-input-readOnly-active-text-color: var(--colors-delta-800);
     --colors-input-readOnly-focus-text-color: var(--colors-delta-800);
-    --colors-input-readOnly-active-text-color: var(--colors-delta-300);
+    --colors-input-readOnly-disabled-text-color: var(--colors-delta-300);
     --input-readOnly-cursor: text;
     --input-readOnly-hover-cursor: text;
     --input-readOnly-active-cursor: text;

package/tw-configs/twConfigs.json

@@ -37,7 +37,7 @@
         "delta-700": "var(--colors-delta-700)",
         "delta-800": "var(--colors-delta-800)",
         "delta-900": "var(--colors-delta-900)",
-        "delta-9000": "var(--colors-gray-9000)",
+        "delta-9000": "var(--colors-delta-9000)",
         "sigma-700": "var(--colors-sigma-700)",
         "theta-100": "var(--colors-theta-100)",
         "theta-200": "var(--colors-theta-200)",
@@ -83,11 +83,11 @@
         "btn-bg-mini-action-hover": "var(--colors-btn-bg-mini-action-hover)",
         "chat-ticket-message-bg": "var(--colors-chat-ticket-message-bg)",
         "colors-topbar-text": "var(--colors-topbar-text)",
-        "custom-grey-01": "hsl(var(--color-cardea--grey-01) / <alpha-value>)",
-        "custom-grey-02": "hsl(var(--color-cardea--grey-02) / <alpha-value>)",
-        "custom-grey-03": "hsl(var(--color-cardea--grey-03) / <alpha-value>)",
-        "custom-grey-04": "hsl(var(--color-cardea--grey-04) / <alpha-value>)",
-        "custom-grey-06": "hsl(var(--color-cardea--grey-06) / <alpha-value>)"
+        "custom-grey-01": "hsl(var(--colors-cardea--grey-01) / <alpha-value>)",
+        "custom-grey-02": "hsl(var(--colors-cardea--grey-02) / <alpha-value>)",
+        "custom-grey-03": "hsl(var(--colors-cardea--grey-03) / <alpha-value>)",
+        "custom-grey-04": "hsl(var(--colors-cardea--grey-04) / <alpha-value>)",
+        "custom-grey-06": "hsl(var(--colors-cardea--grey-06) / <alpha-value>)"
     },
     "boxShadow": {
         "ash": "-1px 8px 18px -20px black",