asma-ui-core 3.107.3 → 3.108.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.
@@ -1,70 +1,70 @@
1
- import { cn as c } from "../../../helpers/cn.js";
2
- import { resolveSx as A } from "../../../helpers/sx.js";
3
- import { StyledTooltip as F } from "../tooltip/StyledTooltip.js";
4
- import { CloseIcon as G } from "../../icons/close-icon/CloseIcon.js";
5
- import { consumerOverrides as y } from "../../../helpers/classOverride.js";
6
- import { getChipPadding as H } from "./chipPadding.js";
7
- import J from "./StyledChip.module.js";
8
- import { forwardRef as Q } from "react";
9
- import { jsx as m, jsxs as V } from "react/jsx-runtime";
10
- var X = ({ readOnly: l, disabled: n, interactive: e, focusableDisabled: o, tabIndex: a }) => {
11
- if (o) return a ?? 0;
12
- if (!(l || n))
13
- return e ? a ?? 0 : a;
14
- }, co = Q(({ dataTest: l, label: n, size: e = "medium", disabled: o, disabledReason: a, readOnly: t, clickable: S, icon: _, avatar: b, deleteIcon: k, onDelete: h, onClick: f, onMouseDown: B, onMouseUp: C, className: u, classes: i, sx: D, tabIndex: j, deleteButtonTabIndex: I, "aria-label": M, role: g, "aria-checked": N, "aria-readonly": R, "data-hovered": T, "data-focus": K, variant: Y, color: Z }, P) => {
15
- const w = !t && (!!S || !!f), p = w && !o, d = w && !!o, v = d && !!a, x = b ?? _, s = H(e, !!x, !!(h && !t)), W = {
1
+ import { cn as l } from "../../../helpers/cn.js";
2
+ import { resolveSx as F } from "../../../helpers/sx.js";
3
+ import { StyledTooltip as G } from "../tooltip/StyledTooltip.js";
4
+ import { CloseIcon as H } from "../../icons/close-icon/CloseIcon.js";
5
+ import { consumerOverrides as S } from "../../../helpers/classOverride.js";
6
+ import { getChipPadding as J } from "./chipPadding.js";
7
+ import Q from "./StyledChip.module.js";
8
+ import { forwardRef as V } from "react";
9
+ import { jsx as p, jsxs as X } from "react/jsx-runtime";
10
+ var Y = ({ readOnly: m, disabled: a, interactive: e, focusableDisabled: o, tabIndex: n }) => {
11
+ if (o) return n ?? 0;
12
+ if (!(m || a))
13
+ return e ? n ?? 0 : n;
14
+ }, lo = V(({ dataTest: m, label: a, size: e = "medium", disabled: o, disabledReason: n, readOnly: t, clickable: _, icon: k, avatar: w, deleteIcon: D, onDelete: h, onClick: f, onMouseDown: B, onMouseUp: C, className: u, classes: i, sx: j, tabIndex: I, deleteButtonTabIndex: M, "aria-label": N, role: v, "aria-checked": R, "aria-readonly": T, "data-hovered": K, "data-focus": P, variant: Z, color: z }, W) => {
15
+ const b = !t && (!!_ || !!f), d = b && !o, c = b && !!o, g = c && !!n, x = w ?? k, y = !!(h && !t), s = J(e, !!x, y), $ = {
16
16
  paddingTop: s.top,
17
17
  paddingRight: s.right,
18
18
  paddingBottom: s.bottom,
19
19
  paddingLeft: s.left
20
- }, $ = (r) => {
21
- r.stopPropagation(), h?.(r);
22
20
  }, E = (r) => {
23
- p && (r.key === "Enter" || r.key === " ") && (r.preventDefault(), f?.(r));
24
- }, L = y(u, "width"), U = y(u, "max-width"), q = /* @__PURE__ */ V("div", {
25
- ref: P,
26
- "data-testid": l,
27
- "aria-label": M,
28
- "data-hovered": T,
29
- "data-focus": K,
30
- role: g ?? (p || d ? "button" : void 0),
31
- "aria-disabled": d || void 0,
32
- "aria-checked": g ? N : void 0,
33
- "aria-readonly": g ? R : void 0,
34
- tabIndex: X({
21
+ r.stopPropagation(), h?.(r);
22
+ }, L = (r) => {
23
+ d && (r.key === "Enter" || r.key === " ") && (r.preventDefault(), f?.(r));
24
+ }, U = S(u, "width"), q = S(u, "max-width"), A = /* @__PURE__ */ X("div", {
25
+ ref: W,
26
+ "data-testid": m,
27
+ "aria-label": N,
28
+ "data-hovered": K,
29
+ "data-focus": P,
30
+ role: v ?? (d || c ? "button" : void 0),
31
+ "aria-disabled": c || void 0,
32
+ "aria-checked": v ? R : void 0,
33
+ "aria-readonly": v ? T : void 0,
34
+ tabIndex: Y({
35
35
  readOnly: t,
36
36
  disabled: o,
37
- interactive: p,
38
- focusableDisabled: d,
39
- tabIndex: j
37
+ interactive: d,
38
+ focusableDisabled: c,
39
+ tabIndex: I
40
40
  }),
41
41
  onClick: o || t ? void 0 : f,
42
- onKeyDown: o || t ? void 0 : E,
42
+ onKeyDown: o || t ? void 0 : L,
43
43
  onMouseDown: o || t ? void 0 : B,
44
44
  onMouseUp: o || t ? void 0 : C,
45
- className: c("box-border inline-flex items-center gap-1 rounded-[25px] border border-solid border-delta-300 bg-white text-base text-delta-700", !L && "w-fit", !U && "max-w-full", e === "small" ? "h-6" : "h-8", t && "pointer-events-none", o && "opacity-[0.38]", o && (d ? "cursor-not-allowed" : "pointer-events-none"), p && c("cursor-pointer outline-none", "asma-touch-ready", "data-[hovered]:border-gama-200 data-[hovered]:bg-gama-25 hover:border-gama-200 hover:bg-gama-25", "active:!border-gama-400 active:bg-gama-25 active:shadow-[0_0_0_2px_var(--colors-gama-400)]"), J["focus-ring"], i?.root, u),
45
+ className: l("box-border inline-flex items-center gap-1 rounded-[25px] border border-solid border-delta-300 bg-white text-base text-delta-700", !U && "w-fit", !q && "max-w-full", e === "small" ? "h-6" : "h-8", t && "pointer-events-none", o && "opacity-[0.38]", o && (c ? "cursor-not-allowed" : "pointer-events-none"), d && l("cursor-pointer outline-none", "asma-touch-ready", "active:!border-gama-400 active:bg-gama-25 active:shadow-[0_0_0_2px_var(--colors-gama-400)]"), (d || y && !o) && "data-[hovered]:bg-delta-50 hover:bg-delta-50", Q["focus-ring"], i?.root, u),
46
46
  style: {
47
- ...W,
48
- ...A(D)
47
+ ...$,
48
+ ...F(j)
49
49
  },
50
50
  children: [
51
- x && /* @__PURE__ */ m("span", {
52
- className: c("flex shrink-0 items-center justify-center", e === "small" ? "h-[18px] w-[18px]" : "h-6 w-6", b ? i?.avatar : i?.icon),
51
+ x && /* @__PURE__ */ p("span", {
52
+ className: l("flex shrink-0 items-center justify-center", e === "small" ? "h-[18px] w-[18px]" : "h-6 w-6", w ? i?.avatar : i?.icon),
53
53
  children: x
54
54
  }),
55
- /* @__PURE__ */ m("span", {
56
- className: c("min-w-0 truncate", i?.label),
57
- children: n
55
+ /* @__PURE__ */ p("span", {
56
+ className: l("min-w-0 truncate", i?.label),
57
+ children: a
58
58
  }),
59
- h && !t && /* @__PURE__ */ m("button", {
59
+ h && !t && /* @__PURE__ */ p("button", {
60
60
  type: "button",
61
- tabIndex: I,
62
- "data-testid": `${l}-delete`,
63
- "aria-label": typeof n == "string" ? `Remove ${n}` : "Remove",
64
- onClick: $,
61
+ tabIndex: M,
62
+ "data-testid": `${m}-delete`,
63
+ "aria-label": typeof a == "string" ? `Remove ${a}` : "Remove",
64
+ onClick: E,
65
65
  disabled: o,
66
- className: c("flex shrink-0 items-center justify-center rounded-full border border-solid border-delta-100 bg-delta-50 p-0 text-delta-700 [outline:none]", e === "small" ? "h-[18px] w-[18px]" : "h-5 w-5", i?.deleteIcon),
67
- children: k ?? /* @__PURE__ */ m(G, {
66
+ className: l("flex shrink-0 items-center justify-center rounded-full border border-solid border-delta-100 bg-delta-50 p-0 text-delta-700 [outline:none]", e === "small" ? "h-[18px] w-[18px]" : "h-5 w-5", i?.deleteIcon),
67
+ children: D ?? /* @__PURE__ */ p(H, {
68
68
  height: e === "small" ? 14 : 16,
69
69
  width: e === "small" ? 14 : 16,
70
70
  className: "min-w-0 shrink-0"
@@ -72,14 +72,14 @@ var X = ({ readOnly: l, disabled: n, interactive: e, focusableDisabled: o, tabIn
72
72
  })
73
73
  ]
74
74
  });
75
- return /* @__PURE__ */ m(F, {
76
- title: a,
77
- open: v ? void 0 : !1,
78
- openOnTap: v,
79
- persistentDescription: v,
80
- children: q
75
+ return /* @__PURE__ */ p(G, {
76
+ title: n,
77
+ open: g ? void 0 : !1,
78
+ openOnTap: g,
79
+ persistentDescription: g,
80
+ children: A
81
81
  });
82
82
  });
83
83
  export {
84
- co as StyledChip
84
+ lo as StyledChip
85
85
  };
@@ -1,22 +1,22 @@
1
1
  import { cn as o } from "../../../helpers/cn.js";
2
2
  import { StyledChip as f } from "../chip/StyledChip.js";
3
3
  import { StyledCheckbox as v } from "../../inputs/checkbox/base-ui/StyledCheckbox.js";
4
- import { StyledRadio as u } from "../../inputs/radio-button/base-ui/StyledRadio.js";
4
+ import { StyledRadio as x } from "../../inputs/radio-button/base-ui/StyledRadio.js";
5
5
  import i from "./StyledInteractiveChip.module.js";
6
- import { forwardRef as x } from "react";
6
+ import { forwardRef as y } from "react";
7
7
  import { jsx as r } from "react/jsx-runtime";
8
- var y = "[&[data-testid][role=button]]:border-2 [&[data-testid][role=button]]:border-gama-400 [&[data-testid][role=button]]:bg-gama-25", S = { paddingLeft: "6px" }, h = x(({ type: l = "checkbox", checked: t, size: d = "small", ariaLabel: n, ...e }, c) => {
9
- const a = l === "checkbox", m = n ?? (typeof e.label == "string" ? e.label : void 0), s = !e.readOnly && !a && !!t, b = a ? /* @__PURE__ */ r(v, {
8
+ var S = "[&[data-testid][role]]:border-2 [&[data-testid][role]]:border-gama-400 [&[data-testid][role]]:bg-gama-25", C = { paddingLeft: "6px" }, h = y(({ type: l = "checkbox", checked: a, size: d = "small", ariaLabel: n, ...e }, c) => {
9
+ const t = l === "checkbox", m = n ?? (typeof e.label == "string" ? e.label : void 0), s = !e.readOnly && !t && !!a, b = t ? /* @__PURE__ */ r(v, {
10
10
  dataTest: e.dataTest,
11
11
  disableRipple: !0,
12
- checked: t,
12
+ checked: a,
13
13
  size: d,
14
14
  readOnly: e.readOnly,
15
15
  decorative: !0,
16
16
  className: o("pointer-events-none", i.control)
17
- }) : /* @__PURE__ */ r(u, {
17
+ }) : /* @__PURE__ */ r(x, {
18
18
  dataTest: e.dataTest,
19
- checked: t,
19
+ checked: a,
20
20
  size: d,
21
21
  decorative: !0,
22
22
  className: o("pointer-events-none", i.control)
@@ -25,15 +25,15 @@ var y = "[&[data-testid][role=button]]:border-2 [&[data-testid][role=button]]:bo
25
25
  ref: c,
26
26
  "aria-label": m,
27
27
  role: l,
28
- "aria-checked": !!t,
29
- "aria-readonly": a ? e.readOnly : void 0,
28
+ "aria-checked": !!a,
29
+ "aria-readonly": t ? e.readOnly : void 0,
30
30
  avatar: b,
31
31
  clickable: !0,
32
32
  tabIndex: 0,
33
33
  ...e,
34
- className: o(s && y, e.className),
34
+ className: o(s && S, e.className),
35
35
  sx: {
36
- ...S,
36
+ ...C,
37
37
  ...e.sx
38
38
  }
39
39
  });
@@ -1,90 +1,85 @@
1
1
  import { cn as C } from "../../../../helpers/cn.js";
2
2
  import e from "./StyledCheckbox.module.js";
3
- import F, { useEffect as x, useRef as b } from "react";
4
- import { Fragment as K, jsx as t, jsxs as v } from "react/jsx-runtime";
5
- var M = (o) => /* @__PURE__ */ t("svg", {
3
+ import B, { useEffect as x, useRef as b } from "react";
4
+ import { Fragment as K, jsx as t, jsxs as g } from "react/jsx-runtime";
5
+ var M = (a) => /* @__PURE__ */ t("svg", {
6
6
  "aria-hidden": "true",
7
7
  viewBox: "0 0 24 24",
8
8
  width: "100%",
9
9
  height: "100%",
10
10
  fill: "none",
11
- ...o,
11
+ ...a,
12
12
  children: /* @__PURE__ */ t("path", {
13
13
  d: "M6 12H18",
14
14
  stroke: "currentColor",
15
- strokeWidth: o.strokeWidth ?? 3,
15
+ strokeWidth: a.strokeWidth ?? 3,
16
16
  strokeLinecap: "round"
17
17
  })
18
- }), S = (o) => /* @__PURE__ */ t("svg", {
18
+ }), S = () => /* @__PURE__ */ t("svg", {
19
19
  "aria-hidden": "true",
20
- viewBox: "0 0 24 24",
20
+ viewBox: "0 0 16 16",
21
21
  width: "100%",
22
22
  height: "100%",
23
- fill: "none",
24
- stroke: "currentColor",
25
- strokeWidth: 2,
26
- strokeLinecap: "round",
27
- strokeLinejoin: "round",
28
- ...o,
29
- children: /* @__PURE__ */ t("path", { d: "M4 12l5 5L20 6" })
30
- }), G = ({ dataTest: o, size: l = "small", disabled: d, readOnly: a, error: g, indeterminate: n = !1, checked: p, disableRipple: w, hideWrapper: R, className: N, checkboxClassName: I, onChange: W, onClick: E, onKeyDown: D, decorative: L, ...y }) => {
31
- const c = !!R, s = !w && !c && !d && !a, h = b(null), u = b(null);
23
+ fill: "currentColor",
24
+ children: /* @__PURE__ */ t("path", { d: "M6 12.4L2 8.4L3.4 7L6 9.6L12.6 3L14 4.4L6 12.4Z" })
25
+ }), Z = ({ dataTest: a, size: u = "small", disabled: l, readOnly: o, error: v, indeterminate: n = !1, checked: d, disableRipple: w, hideWrapper: R, className: L, checkboxClassName: N, onChange: E, onClick: I, onKeyDown: y, decorative: D, ...W }) => {
26
+ const c = !!R, s = !w && !c && !l && !o, p = b(null), h = b(null);
32
27
  x(() => {
33
- h.current && (h.current.indeterminate = n);
28
+ p.current && (p.current.indeterminate = n);
34
29
  }, [n]);
35
- const k = C(e.CheckboxWrapper, !c && e[`size-${l}`], c && e.HideWrapper, n && e.Indeterminate, a && e.ReadOnly, g && e.Error, s && e.CheckboxHover, N), H = C(e.Checkbox, e[`size-${l}`], n && e.Indeterminate, I), P = n ? M : S, j = F.useCallback((r) => {
30
+ const f = C(e.CheckboxWrapper, !c && e[`size-${u}`], c && e.HideWrapper, n && e.Indeterminate, o && e.ReadOnly, v && e.Error, s && e.CheckboxHover, L), H = C(e.Checkbox, e[`size-${u}`], n && e.Indeterminate, N), P = n ? M : S, F = B.useCallback((r) => {
36
31
  if (r.stopPropagation(), !s) return;
37
32
  const i = document.createElement("span");
38
- e.CheckboxRipple && (i.className = e.CheckboxRipple), i.addEventListener("animationend", () => i.remove(), { once: !0 }), u.current?.appendChild(i);
33
+ e.CheckboxRipple && (i.className = e.CheckboxRipple), i.addEventListener("animationend", () => i.remove(), { once: !0 }), h.current?.appendChild(i);
39
34
  }, [s]);
40
35
  x(() => {
41
- const r = u.current;
36
+ const r = h.current;
42
37
  return () => r?.replaceChildren();
43
38
  }, []);
44
39
  const $ = (r) => {
45
- a || W?.(r, r.target.checked);
46
- }, B = (r) => {
47
- D?.(r), !(r.defaultPrevented || r.key !== "Enter" || a) && (r.preventDefault(), r.currentTarget.click());
48
- }, f = {
49
- "data-checked": p && !n ? "" : void 0,
50
- "data-unchecked": !p && !n ? "" : void 0,
40
+ o || E?.(r, r.target.checked);
41
+ }, j = (r) => {
42
+ y?.(r), !(r.defaultPrevented || r.key !== "Enter" || o) && (r.preventDefault(), r.currentTarget.click());
43
+ }, m = {
44
+ "data-checked": d && !n ? "" : void 0,
45
+ "data-unchecked": !d && !n ? "" : void 0,
51
46
  "data-indeterminate": n ? "" : void 0,
52
- "data-disabled": d ? "" : void 0
53
- }, m = /* @__PURE__ */ v(K, { children: [!c && s && /* @__PURE__ */ t("span", {
54
- ref: u,
47
+ "data-disabled": l ? "" : void 0
48
+ }, k = /* @__PURE__ */ g(K, { children: [!c && s && /* @__PURE__ */ t("span", {
49
+ ref: h,
55
50
  className: e.CheckboxRippleContainer
56
51
  }), /* @__PURE__ */ t("span", {
57
52
  className: H,
58
53
  children: /* @__PURE__ */ t("span", {
59
54
  className: e.Indicator,
60
- children: /* @__PURE__ */ t(P, { strokeWidth: l === "small" ? 3 : 2 })
55
+ children: /* @__PURE__ */ t(P, {})
61
56
  })
62
57
  })] });
63
- return L ? /* @__PURE__ */ t("span", {
58
+ return D ? /* @__PURE__ */ t("span", {
64
59
  "aria-hidden": "true",
65
- className: k,
66
- "data-testid": o,
67
- ...f,
68
- children: m
69
- }) : /* @__PURE__ */ v("label", {
70
- className: k,
71
- "data-testid": o,
72
- onPointerDown: j,
73
- onClick: E,
74
- ...f,
60
+ className: f,
61
+ "data-testid": a,
62
+ ...m,
63
+ children: k
64
+ }) : /* @__PURE__ */ g("label", {
65
+ className: f,
66
+ "data-testid": a,
67
+ onPointerDown: F,
68
+ onClick: I,
69
+ ...m,
75
70
  children: [/* @__PURE__ */ t("input", {
76
- ref: h,
71
+ ref: p,
77
72
  type: "checkbox",
78
73
  className: "sr-only",
79
- checked: p,
80
- disabled: d,
81
- readOnly: a,
74
+ checked: d,
75
+ disabled: l,
76
+ readOnly: o,
82
77
  onChange: $,
83
- onKeyDown: B,
84
- ...y
85
- }), m]
78
+ onKeyDown: j,
79
+ ...W
80
+ }), k]
86
81
  });
87
82
  };
88
83
  export {
89
- G as StyledCheckbox
84
+ Z as StyledCheckbox
90
85
  };
@@ -1,18 +1,18 @@
1
- var e = "_CheckboxWrapper_b3bys_1", _ = "_Checkbox_b3bys_1", b = "_Indeterminate_b3bys_34", r = "_ReadOnly_b3bys_114", a = "_Indicator_b3bys_123", o = "_HideWrapper_b3bys_127", p = "_CheckboxHover_b3bys_134", i = "_CheckboxRippleContainer_b3bys_134", s = "_CheckboxRipple_b3bys_134", l = "_ripple_b3bys_1", y = {
1
+ var e = "_CheckboxWrapper_18lqq_1", _ = "_Checkbox_18lqq_1", r = "_Indeterminate_18lqq_33", l = "_ReadOnly_18lqq_109", a = "_Indicator_18lqq_118", q = "_HideWrapper_18lqq_122", o = "_CheckboxHover_18lqq_129", p = "_CheckboxRippleContainer_18lqq_129", i = "_CheckboxRipple_18lqq_129", d = "_ripple_18lqq_1", c = {
2
2
  CheckboxWrapper: e,
3
- "size-small": "_size-small_b3bys_15",
4
- "size-medium": "_size-medium_b3bys_21",
3
+ "size-small": "_size-small_18lqq_16",
4
+ "size-medium": "_size-medium_18lqq_20",
5
5
  Checkbox: _,
6
- Indeterminate: b,
7
- Error: "_Error_b3bys_61",
8
- ReadOnly: r,
6
+ Indeterminate: r,
7
+ Error: "_Error_18lqq_60",
8
+ ReadOnly: l,
9
9
  Indicator: a,
10
- HideWrapper: o,
11
- CheckboxHover: p,
12
- CheckboxRippleContainer: i,
13
- CheckboxRipple: s,
14
- ripple: l
10
+ HideWrapper: q,
11
+ CheckboxHover: o,
12
+ CheckboxRippleContainer: p,
13
+ CheckboxRipple: i,
14
+ ripple: d
15
15
  };
16
16
  export {
17
- y as default
17
+ c as default
18
18
  };
@@ -1,13 +1,13 @@
1
- var a = "_RadioWrapper_1fno0_1", _ = "_RadioRippleContainer_1fno0_27", o = "_RadioRipple_1fno0_27", r = "_ripple_1fno0_1", i = "_RadioHover_1fno0_61", e = "_Radio_1fno0_1", d = "_Indicator_1fno0_113", n = "_ReadOnly_1fno0_154", p = {
1
+ var a = "_RadioWrapper_12s1n_1", _ = "_RadioRippleContainer_12s1n_27", r = "_RadioRipple_12s1n_27", i = "_ripple_12s1n_1", e = "_RadioHover_12s1n_61", o = "_Radio_12s1n_1", d = "_Indicator_12s1n_113", n = "_ReadOnly_12s1n_154", p = {
2
2
  RadioWrapper: a,
3
- "size-small": "_size-small_1fno0_14",
3
+ "size-small": "_size-small_12s1n_14",
4
4
  RadioRippleContainer: _,
5
- RadioRipple: o,
6
- ripple: r,
7
- RadioHover: i,
8
- Radio: e,
5
+ RadioRipple: r,
6
+ ripple: i,
7
+ RadioHover: e,
8
+ Radio: o,
9
9
  Indicator: d,
10
- Error: "_Error_1fno0_134",
10
+ Error: "_Error_12s1n_134",
11
11
  ReadOnly: n
12
12
  };
13
13
  export {
@@ -4,7 +4,7 @@ import { StyledChip } from '../chip';
4
4
  * @figmaNode wXrXt5uKNNzV2DnQCgyYZH#13248-31089
5
5
  * Figma "Tag Chip" **Type=Checkbox** (node 18832-25686 / selected 18869-29068) and **Type=Radio**
6
6
  * (18832-25900 / selected 18869-29122). It is a `StyledChip` (h32, radius25, border delta-300, label
7
- * Body Base 16 delta-700; hover gama-200 + gama-25, focus gama-400 — all inherited) whose start slot
7
+ * Body Base 16 delta-700; hover fill delta-50, focus gama-400 — all inherited) whose start slot
8
8
  * is a native checkbox/radio. Figma **State** (Enabled/Hovered/Focused/Read-only/Disabled) ← native
9
9
  * + `readOnly`/`disabled`; **Selected** ← `checked`. A selected **radio** additionally gets the teal
10
10
  * chip border/fill (gama-400 / gama-50); a selected **checkbox** only checks its box (matching Figma).
@@ -1,7 +1,7 @@
1
1
  import { default as React, ChangeEvent, SVGProps } from 'react';
2
2
  /**
3
3
  * @figmaNode wXrXt5uKNNzV2DnQCgyYZH#15385-19713
4
- * Figma "Checkbox" (box 20px, 40px touch). Figma **Type** (Unchecked/Indeterminate/Checked) ←
4
+ * Figma "Checkbox" (one size: 16px box in a 40px target). Figma **Type** (Unchecked/Indeterminate/Checked) ←
5
5
  * `checked`/`indeterminate`; Figma **State** (Enabled/Hovered/Focused/Disabled/Read-only) ← native
6
6
  * hover/focus + `disabled`/`readOnly`/`error`. Checked/indeterminate box = `gama-500` #168181,
7
7
  * unchecked border = `delta-500`; Error = box border `error-500` #e10700 (node 41325-207511/207527).
@@ -9,7 +9,7 @@ import { default as React, ChangeEvent, SVGProps } from 'react';
9
9
  type StyledCheckboxProps = {
10
10
  /** @figmaProp none — test hook */
11
11
  dataTest: string;
12
- /** @figmaProp none — app size (Figma box is 20px) */
12
+ /** @figmaProp none — kept for API compatibility; Figma has one size, so both render the 16px box in a 40px target */
13
13
  size?: 'small' | 'medium';
14
14
  /** @figmaProp Type = true→"Checked" | false→"Unchecked" */
15
15
  checked?: boolean;
@@ -0,0 +1,6 @@
1
+ /**
2
+ * Columns at or below this width keep the compact 5px cell padding instead of the Figma 10px/8px
3
+ * spacing: they hold a fixed-size control or icon that was sized for 5px a side, and the wider
4
+ * padding would squeeze it (a 30px icon column would leave a 20px icon 10px of room).
5
+ */
6
+ export declare const COMPACT_COLUMN_MAX_WIDTH = 64;
@@ -1,58 +1,60 @@
1
- var e = "_tbody_ewknl_124", l = "_expanded_row_ewknl_174", _ = "_selected_ewknl_192", t = "_shadowed_ewknl_217", a = "_resizer_ewknl_274", n = "_isResizing_ewknl_286", o = {
2
- "asma-ui-table-styled-table": "_asma-ui-table-styled-table_ewknl_1",
3
- "table-wrapper": "_table-wrapper_ewknl_26",
4
- "table-shell": "_table-shell_ewknl_33",
5
- "table-wrapper--no-rows": "_table-wrapper--no-rows_ewknl_39",
6
- "table-wrapper--proxy": "_table-wrapper--proxy_ewknl_42",
7
- "table-wrapper--proxy-bottom": "_table-wrapper--proxy-bottom_ewknl_43",
8
- "table-wrapper-fetching": "_table-wrapper-fetching_ewknl_53",
9
- "table-scroll": "_table-scroll_ewknl_56",
10
- "table-x--fill-height": "_table-x--fill-height_ewknl_65",
11
- "table-x": "_table-x_ewknl_65",
12
- "table-content": "_table-content_ewknl_80",
13
- "table-header--sticky": "_table-header--sticky_ewknl_85",
14
- "table-hscroll": "_table-hscroll_ewknl_90",
15
- "table-hscroll__content": "_table-hscroll__content_ewknl_100",
16
- "no-rows-overlay-container": "_no-rows-overlay-container_ewknl_103",
17
- "no-rows-overlay-content": "_no-rows-overlay-content_ewknl_111",
18
- "styled-table": "_styled-table_ewknl_115",
1
+ var e = "_tbody_5fsq9_124", _ = "_expanded_row_5fsq9_177", l = "_selected_5fsq9_202", t = "_shadowed_5fsq9_227", a = "_resizer_5fsq9_284", o = "_isResizing_5fsq9_296", s = {
2
+ "asma-ui-table-styled-table": "_asma-ui-table-styled-table_5fsq9_1",
3
+ "table-wrapper": "_table-wrapper_5fsq9_26",
4
+ "table-shell": "_table-shell_5fsq9_33",
5
+ "table-wrapper--no-rows": "_table-wrapper--no-rows_5fsq9_39",
6
+ "table-wrapper--proxy": "_table-wrapper--proxy_5fsq9_42",
7
+ "table-wrapper--proxy-bottom": "_table-wrapper--proxy-bottom_5fsq9_43",
8
+ "table-wrapper-fetching": "_table-wrapper-fetching_5fsq9_53",
9
+ "table-scroll": "_table-scroll_5fsq9_56",
10
+ "table-x--fill-height": "_table-x--fill-height_5fsq9_65",
11
+ "table-x": "_table-x_5fsq9_65",
12
+ "table-content": "_table-content_5fsq9_80",
13
+ "table-header--sticky": "_table-header--sticky_5fsq9_85",
14
+ "table-hscroll": "_table-hscroll_5fsq9_90",
15
+ "table-hscroll__content": "_table-hscroll__content_5fsq9_100",
16
+ "no-rows-overlay-container": "_no-rows-overlay-container_5fsq9_103",
17
+ "no-rows-overlay-content": "_no-rows-overlay-content_5fsq9_111",
18
+ "styled-table": "_styled-table_5fsq9_115",
19
19
  tbody: e,
20
- "loading-icon": "_loading-icon_ewknl_129",
21
- "t-row": "_t-row_ewknl_136",
22
- "t-cell": "_t-cell_ewknl_136",
23
- "action-cell": "_action-cell_ewknl_146",
24
- "fixed-cell": "_fixed-cell_ewknl_150",
25
- "fixed-right-cell": "_fixed-right-cell_ewknl_153",
26
- expanded_row: l,
27
- selected: _,
28
- "single-selection": "_single-selection_ewknl_195",
29
- "action-cell--no-shadow": "_action-cell--no-shadow_ewknl_213",
20
+ "loading-icon": "_loading-icon_5fsq9_129",
21
+ "t-row": "_t-row_5fsq9_136",
22
+ "t-cell": "_t-cell_5fsq9_136",
23
+ "action-cell": "_action-cell_5fsq9_149",
24
+ "fixed-cell": "_fixed-cell_5fsq9_153",
25
+ "fixed-right-cell": "_fixed-right-cell_5fsq9_156",
26
+ expanded_row: _,
27
+ "data-cell": "_data-cell_5fsq9_189",
28
+ "select-cell": "_select-cell_5fsq9_199",
29
+ selected: l,
30
+ "single-selection": "_single-selection_5fsq9_205",
31
+ "action-cell--no-shadow": "_action-cell--no-shadow_5fsq9_223",
30
32
  shadowed: t,
31
- "shadowed-right": "_shadowed-right_ewknl_253",
32
- "is-loading": "_is-loading_ewknl_258",
33
- "action-cell-default-background": "_action-cell-default-background_ewknl_261",
34
- "fixed-cell-default-background": "_fixed-cell-default-background_ewknl_264",
35
- "fixed-right-cell-default-background": "_fixed-right-cell-default-background_ewknl_267",
36
- "sortable-column": "_sortable-column_ewknl_270",
33
+ "shadowed-right": "_shadowed-right_5fsq9_263",
34
+ "is-loading": "_is-loading_5fsq9_268",
35
+ "action-cell-default-background": "_action-cell-default-background_5fsq9_271",
36
+ "fixed-cell-default-background": "_fixed-cell-default-background_5fsq9_274",
37
+ "fixed-right-cell-default-background": "_fixed-right-cell-default-background_5fsq9_277",
38
+ "sortable-column": "_sortable-column_5fsq9_280",
37
39
  resizer: a,
38
- isResizing: n,
39
- "hide-table-header": "_hide-table-header_ewknl_298",
40
- "show-table-header": "_show-table-header_ewknl_302",
41
- "table-header": "_table-header_ewknl_85",
42
- "hide-header": "_hide-header_ewknl_338",
43
- "t-cell__actions": "_t-cell__actions_ewknl_341",
44
- "t-cell__actions--no-shadow": "_t-cell__actions--no-shadow_ewknl_350",
45
- "t-cell__fixed": "_t-cell__fixed_ewknl_355",
46
- "t-cell__fixed-right": "_t-cell__fixed-right_ewknl_363",
47
- "sort-icon": "_sort-icon_ewknl_371",
48
- "header-content": "_header-content_ewknl_375",
49
- "table-footer--sticky": "_table-footer--sticky_ewknl_409",
50
- "table-footer--inline": "_table-footer--inline_ewknl_420",
51
- "table-bottom": "_table-bottom_ewknl_431",
52
- "table-bottom--sticky": "_table-bottom--sticky_ewknl_445",
53
- "cursor-not-allowed": "_cursor-not-allowed_ewknl_449",
54
- "select-control": "_select-control_ewknl_453"
40
+ isResizing: o,
41
+ "hide-table-header": "_hide-table-header_5fsq9_308",
42
+ "show-table-header": "_show-table-header_5fsq9_312",
43
+ "table-header": "_table-header_5fsq9_85",
44
+ "hide-header": "_hide-header_5fsq9_355",
45
+ "t-cell__actions": "_t-cell__actions_5fsq9_358",
46
+ "t-cell__actions--no-shadow": "_t-cell__actions--no-shadow_5fsq9_367",
47
+ "t-cell__fixed": "_t-cell__fixed_5fsq9_372",
48
+ "t-cell__fixed-right": "_t-cell__fixed-right_5fsq9_380",
49
+ "sort-icon": "_sort-icon_5fsq9_388",
50
+ "header-content": "_header-content_5fsq9_392",
51
+ "table-footer--sticky": "_table-footer--sticky_5fsq9_426",
52
+ "table-footer--inline": "_table-footer--inline_5fsq9_437",
53
+ "table-bottom": "_table-bottom_5fsq9_448",
54
+ "table-bottom--sticky": "_table-bottom--sticky_5fsq9_462",
55
+ "cursor-not-allowed": "_cursor-not-allowed_5fsq9_466",
56
+ "select-control": "_select-control_5fsq9_470"
55
57
  };
56
58
  export {
57
- o as default
59
+ s as default
58
60
  };