asma-ui-core 3.42.1 → 3.43.0

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

@@ -18,7 +18,7 @@ var m = c(({ dataTest: r, readOnly: o, onDelete: l, ...a }, d) => /* @__PURE__ *
     backgroundColor: "white",
     borderColor: "var(--colors-delta-300)",
     color: "var(--colors-delta-800)",
-    fontSize: "14px",
+    fontSize: "var(--font-size-body-base)",
     ...o ? {
       pointerEvents: "none",
       "&:hover": {

package/dist/components/data-display/tooltip/StyledTooltip.js

@@ -1,8 +1,8 @@
-import { Tooltip as e } from "@mui/material";
-import { jsx as i } from "react/jsx-runtime";
+import { Tooltip as i } from "@mui/material";
+import { jsx as p } from "react/jsx-runtime";
 import { mergeSlotProps as r } from "@mui/material/utils";
 import l from "@mui/material/Fade";
-var a = {
+var s = {
   borderRadius: "3px",
   "& .MuiTooltip-arrow": { color: "#363E4A" },
   color: "white",
@@ -10,14 +10,14 @@ var a = {
   display: "flex",
   padding: "4px 8px",
   alignItems: "center",
-  fontSize: "12px",
-  lineHeight: "16px",
+  fontSize: "var(--font-size-body-sm)",
+  lineHeight: "var(--line-height-body-sm)",
   letterSpacing: "0.24px",
   bgcolor: "#363E4A",
   wordBreak: "break-word"
-}, d = (p) => {
-  const { slotProps: o, ...t } = p;
-  return /* @__PURE__ */ i(e, {
+}, d = (e) => {
+  const { slotProps: o, ...t } = e;
+  return /* @__PURE__ */ p(i, {
     enterDelay: 500,
     placement: "top",
     ...t,
@@ -28,7 +28,7 @@ var a = {
     slotProps: {
       ...o,
       transition: r(o?.transition, { timeout: 300 }),
-      tooltip: r(o?.tooltip, { sx: a })
+      tooltip: r(o?.tooltip, { sx: s })
     }
   });
 };

package/dist/components/feedback/snack-bar/components/StyledDefaultSnackbar.module.js

@@ -1,14 +1,14 @@
-var _ = "_container_147nx_1", e = "_header_147nx_13", r = "_title_147nx_19", a = "_message_147nx_28", n = "_info_147nx_36", s = "_error_147nx_41", t = "_success_147nx_46", i = "_warning_147nx_51", v = "_title_info_147nx_57", x = "_title_error_147nx_61", g = "_title_success_147nx_65", o = "_title_warning_147nx_69", c = "_message_info_147nx_74", l = "_message_error_147nx_78", m = "_message_success_147nx_82", u = "_message_warning_147nx_86", f = {
-  container: _,
-  header: e,
+var e = "_container_1e4wt_1", _ = "_header_1e4wt_13", r = "_title_1e4wt_19", a = "_message_1e4wt_28", t = "_info_1e4wt_36", s = "_error_1e4wt_41", i = "_success_1e4wt_46", n = "_warning_1e4wt_51", w = "_title_info_1e4wt_57", v = "_title_error_1e4wt_61", g = "_title_success_1e4wt_65", o = "_title_warning_1e4wt_69", c = "_message_info_1e4wt_74", l = "_message_error_1e4wt_78", m = "_message_success_1e4wt_82", u = "_message_warning_1e4wt_86", f = {
+  container: e,
+  header: _,
   title: r,
   message: a,
-  info: n,
+  info: t,
   error: s,
-  success: t,
-  warning: i,
-  title_info: v,
-  title_error: x,
+  success: i,
+  warning: n,
+  title_info: w,
+  title_error: v,
   title_success: g,
   title_warning: o,
   message_info: c,

package/dist/components/inputs/button/StyledButton.module.js

@@ -1,14 +1,14 @@
-var _ = "_contained_1cv9m_6", t = "_common_1cv9m_6", a = "_medium_1cv9m_45", e = "_small_1cv9m_50", m = "_large_1cv9m_55", r = "_error_1cv9m_65", v = "_outlined_1cv9m_124", c = "_text_1cv9m_242", o = "_textGray_1cv9m_358", l = "_textWhite_1cv9m_416", u = {
-  "asma-ui-core-button": "_asma-ui-core-button_1cv9m_1",
+var _ = "_contained_654yh_6", t = "_common_654yh_6", a = "_medium_654yh_45", e = "_small_654yh_50", r = "_large_654yh_55", o = "_error_654yh_65", y = "_outlined_654yh_124", h = "_text_654yh_242", m = "_textGray_654yh_358", l = "_textWhite_654yh_416", u = {
+  "asma-ui-core-button": "_asma-ui-core-button_654yh_1",
   contained: _,
   common: t,
   medium: a,
   small: e,
-  large: m,
-  error: r,
-  outlined: v,
-  text: c,
-  textGray: o,
+  large: r,
+  error: o,
+  outlined: y,
+  text: h,
+  textGray: m,
   textWhite: l
 };
 export {

package/dist/components/inputs/dynamic-select/components/DynamicSelectAutocomplete.js

@@ -8,15 +8,15 @@ import { StyledCheckbox as Y } from "../../checkbox/base-ui/StyledCheckbox.js";
 import { StyledInputField as Z } from "../../input-field/StyledInputField.js";
 import { StyledSelectAutocomplete as ee } from "../../select-autocomplete/StyledSelectAutocomplete.js";
 import { DynamicInteractiveChipGroup as te } from "./DynamicInteractiveChipGroup.js";
-import { createElement as L, forwardRef as le, useCallback as b, useState as re } from "react";
+import { createElement as L, forwardRef as le, useCallback as g, useState as re } from "react";
 import { Fragment as $, jsx as l, jsxs as x } from "react/jsx-runtime";
-var ge = le((O, q) => {
-  const [B, T] = re(!1), { options: y, dataTest: S, value: i, readOnly: d, multiple: a, required: E, onChange: C, size: z, title: k, noOptionsText: F, placeholder: K, disabled: N, helperText: H, disableHelperText: R, error: G, valueKey: A = "value", labelKey: W = "label", renderLabel: s, getOptionTooltip: I, startAdornment: _, autocompleteProps: n, loading: u, maxTags: J } = O, m = y.length < 11, c = (e) => typeof e == "object" ? e?.[W]?.toString() ?? "" : e?.toString() ?? "", p = b((e) => typeof e == "object" ? e?.[A] : e, [A]), f = b((e, t) => typeof t == "string" ? !1 : p(e) === p(t), [p]), v = (e) => {
-    const t = p(e);
+var be = le((O, q) => {
+  const [B, T] = re(!1), { options: y, dataTest: S, value: i, readOnly: d, multiple: a, required: E, onChange: C, size: z, title: k, noOptionsText: F, placeholder: K, disabled: N, helperText: H, disableHelperText: R, error: G, valueKey: A = "value", labelKey: W = "label", renderLabel: s, getOptionTooltip: I, startAdornment: _, autocompleteProps: n, loading: u, maxTags: J } = O, p = y.length < 11, c = (e) => typeof e == "object" ? e?.[W]?.toString() ?? "" : e?.toString() ?? "", m = g((e) => typeof e == "object" ? e?.[A] : e, [A]), f = g((e, t) => typeof t == "string" ? !1 : m(e) === m(t), [m]), v = (e) => {
+    const t = m(e);
     return t == null ? "" : typeof t == "string" || typeof t == "number" || typeof t == "boolean" ? String(t) : e == null ? "" : c(e);
-  }, P = b((e) => {
+  }, P = g((e) => {
     T(!0), n?.onOpen?.(e);
-  }, [n]), M = b((e, t) => {
+  }, [n]), M = g((e, t) => {
     T(!1), n?.onClose?.(e, t);
   }, [n]);
   return a && d ? /* @__PURE__ */ l(te, { ...O }) : /* @__PURE__ */ x("div", {
@@ -50,7 +50,7 @@ var ge = le((O, q) => {
       multiple: a,
       renderValue: a ? (e) => {
         if (!Array.isArray(e)) return null;
-        const t = e, r = J ?? y.length, h = t.slice(0, r), g = t.length - r;
+        const t = e, r = J ?? y.length, h = t.slice(0, r), b = t.length - r;
         return /* @__PURE__ */ x("div", {
           className: "flex flex-wrap gap-2",
           children: [h.map((o) => /* @__PURE__ */ l(D, {
@@ -66,9 +66,9 @@ var ge = le((O, q) => {
             onDelete: () => {
               Array.isArray(i) && C(i.filter((w) => !f(w, o)));
             }
-          }, v(o))), g > 0 && /* @__PURE__ */ l(D, {
+          }, v(o))), b > 0 && /* @__PURE__ */ l(D, {
             dataTest: "remaining-count-tag-chip",
-            label: `+${g}`,
+            label: `+${b}`,
             variant: "outlined",
             onClick: P
           })]
@@ -101,12 +101,12 @@ var ge = le((O, q) => {
               className: "min-w-[36px]",
               checked: o
             }), s ? s(t) : /* @__PURE__ */ l("span", {
-              className: "h-fit py-[10px] text-sm text-delta-700",
+              className: "h-fit py-[10px] text-base text-delta-700",
               children: c(t)
             })] })
           }));
         }
-        const g = i != null && f(i, t);
+        const b = i != null && f(i, t);
         return /* @__PURE__ */ L("li", {
           ...e,
           key: e.id,
@@ -118,13 +118,13 @@ var ge = le((O, q) => {
           title: h,
           children: /* @__PURE__ */ x($, { children: [/* @__PURE__ */ l("span", {
             className: "h-full w-5 min-w-5 py-[10px]",
-            children: g && /* @__PURE__ */ l(U, {
+            children: b && /* @__PURE__ */ l(U, {
               className: "size-5 min-h-5 min-w-5 text-gama-500",
               height: 20,
               width: 20
             })
           }), s ? s(t) : /* @__PURE__ */ l("span", {
-            className: "py-[10px] text-sm text-delta-700",
+            className: "py-[10px] text-base text-delta-700",
             children: c(t)
           })] })
         }));
@@ -139,18 +139,18 @@ var ge = le((O, q) => {
         label: "",
         placeholder: K,
         readOnly: d,
-        onKeyDown: m ? (t) => t.preventDefault() : void 0,
-        autoComplete: m ? "off" : "on",
+        onKeyDown: p ? (t) => t.preventDefault() : void 0,
+        autoComplete: p ? "off" : "on",
         slotProps: {
           ...e.slotProps,
           input: {
             ...e.slotProps?.input ?? {},
             startAdornment: _ ?? e.slotProps?.input?.startAdornment,
-            style: m ? { caretColor: "transparent" } : {}
+            style: p ? { caretColor: "transparent" } : {}
           },
           htmlInput: {
             ...e.slotProps?.htmlInput ?? {},
-            style: m ? { caretColor: "transparent" } : {}
+            style: p ? { caretColor: "transparent" } : {}
           }
         }
       }),
@@ -159,5 +159,5 @@ var ge = le((O, q) => {
   });
 });
 export {
-  ge as DynamicSelectAutocomplete
+  be as DynamicSelectAutocomplete
 };

package/dist/components/inputs/select/StyledSelectItem.js

@@ -1,11 +1,11 @@
 import { CheckIcon as t } from "../../icons/check-icon/CheckIcon.js";
 import { MenuItem as o } from "@mui/material";
 import { jsx as r, jsxs as n } from "react/jsx-runtime";
-var c = (e) => /* @__PURE__ */ n(o, {
+var s = (e) => /* @__PURE__ */ n(o, {
   ...e,
   sx: {
     "&.MuiMenuItem-root": {
-      fontSize: "14px !important",
+      fontSize: "var(--font-size-body-base) !important",
       gap: "4px",
       px: 1
     },
@@ -25,5 +25,5 @@ var c = (e) => /* @__PURE__ */ n(o, {
   }), /* @__PURE__ */ r("span", { children: e.children })]
 });
 export {
-  c as StyledSelectItem
+  s as StyledSelectItem
 };

package/dist/components/inputs/slider/StyledSlider.js

@@ -3,31 +3,31 @@ import { StyledFormHelperText as b } from "../../miscellaneous/StyledFormHelperT
 import e from "clsx";
 import { Slider as n } from "@mui/material";
 import { Fragment as g, jsx as t, jsxs as l } from "react/jsx-runtime";
-var k = ({ dataTest: i, error: a, errorText: d, helperText: o, ...r }) => {
-  const s = (a ?? !1) || (o ?? !1), m = a ? d ?? "Required" : o;
+var k = ({ dataTest: i, error: r, errorText: d, helperText: o, ...a }) => {
+  const s = (r ?? !1) || (o ?? !1), m = r ? d ?? "Required" : o;
   return /* @__PURE__ */ l(g, { children: [/* @__PURE__ */ t(n, {
-    ...r,
+    ...a,
     "data-testid": i,
     slotProps: {
-      ...r.slotProps,
+      ...a.slotProps,
       thumb: {
-        className: e("h-4 w-4", "before:shadow-none", 'after:h-8 after:w-8 after:content-[""]', r.orientation === "vertical" ? "mb-1 ml-0" : "ml-1", r.disabled ? "bg-delta-200" : "bg-gama-500"),
-        ...r.slotProps?.thumb
+        className: e("h-4 w-4", "before:shadow-none", 'after:h-8 after:w-8 after:content-[""]', a.orientation === "vertical" ? "mb-1 ml-0" : "ml-1", a.disabled ? "bg-delta-200" : "bg-gama-500"),
+        ...a.slotProps?.thumb
       },
       rail: {
         className: "bg-delta-200",
-        ...r.slotProps?.rail
+        ...a.slotProps?.rail
       },
       markLabel: {
-        className: e("ml-1 text-sm font-semibold text-delta-600", r.orientation === "vertical" && "mb-1"),
-        ...r.slotProps?.markLabel
+        className: e("ml-1 text-base font-semibold text-delta-600", a.orientation === "vertical" && "mb-1"),
+        ...a.slotProps?.markLabel
       }
     },
     sx: {
-      ...r.sx,
+      ...a.sx,
       "& .MuiSlider-track": {
-        backgroundColor: r.disabled ? "var(--colors-gray-200)" : "var(--colors-gama-500)",
-        borderColor: r.disabled ? "var(--colors-gray-200)" : "var(--colors-gama-500)"
+        backgroundColor: a.disabled ? "var(--colors-gray-200)" : "var(--colors-gama-500)",
+        borderColor: a.disabled ? "var(--colors-gray-200)" : "var(--colors-gama-500)"
       },
       "& .MuiSlider-mark": {
         backgroundColor: "white",
@@ -36,16 +36,16 @@ var k = ({ dataTest: i, error: a, errorText: d, helperText: o, ...r }) => {
         height: "8px",
         width: "8px",
         "&.MuiSlider-markActive": {
-          backgroundColor: r.disabled ? "var(--colors-gray-200)" : "var(--colors-gama-500)",
+          backgroundColor: a.disabled ? "var(--colors-gray-200)" : "var(--colors-gama-500)",
           border: "1px solid",
-          borderColor: r.disabled ? "var(--colors-gray-200)" : "var(--colors-gama-500)",
+          borderColor: a.disabled ? "var(--colors-gray-200)" : "var(--colors-gama-500)",
           opacity: 1
         }
       }
     }
   }), s && /* @__PURE__ */ l(b, {
-    className: e("m-0 flex items-center gap-1 pt-1 text-sm", a ? "text-error-500" : "text-delta-600"),
-    children: [a && /* @__PURE__ */ t(c, {
+    className: e("m-0 flex items-center gap-1 pt-1 text-base", r ? "text-error-500" : "text-delta-600"),
+    children: [r && /* @__PURE__ */ t(c, {
       width: 20,
       height: 20
     }), m]

package/dist/components/miscellaneous/StyledFormControlLabel.js

@@ -1,13 +1,13 @@
-import { FormControlLabel as r } from "@mui/material";
+import { FormControlLabel as l } from "@mui/material";
 import { jsx as e } from "react/jsx-runtime";
-var i = ({ sx: o, ...l }) => /* @__PURE__ */ e(r, {
-  ...l,
+var i = ({ sx: o, ...r }) => /* @__PURE__ */ e(l, {
+  ...r,
   sx: {
     color: "var(--colors-delta-800)",
     margin: 0,
     "& .MuiFormControlLabel-label": {
-      fontSize: "14px",
-      lineHeight: "20px"
+      fontSize: "var(--font-size-body-base)",
+      lineHeight: "var(--line-height-body-base)"
     },
     "&.Mui-disabled .MuiFormControlLabel-label": { color: "var(--colors-delta-300)" },
     ...o

package/dist/components/navigation/menu/StyledMenuItem.js

@@ -1,14 +1,15 @@
 import o from "clsx";
 import { MenuItem as t } from "@mui/material";
 import { jsx as r } from "react/jsx-runtime";
-var m = (e) => /* @__PURE__ */ r(t, {
+var n = (e) => /* @__PURE__ */ r(t, {
   ...e,
   classes: {
     selected: "bg-gama-50",
-    root: o("px-3 py-2.5 hover:bg-delta-50", e.classes?.root),
+    root: o("h-10 pl-4 pr-2 hover:bg-delta-50", e.classes?.root),
     ...e.classes
   },
   sx: {
+    fontSize: "var(--font-size-body-base)",
     "&.Mui-disabled": {
       pointerEvents: "auto",
       cursor: "not-allowed",
@@ -18,5 +19,5 @@ var m = (e) => /* @__PURE__ */ r(t, {
   }
 });
 export {
-  m as StyledMenuItem
+  n as StyledMenuItem
 };

package/dist/components/navigation/tabs/StyledTabs.js

@@ -1,13 +1,14 @@
 import { cn as s } from "../../../helpers/cn.js";
 import { Tabs as e } from "@mui/material";
 import { jsx as l } from "react/jsx-runtime";
-function n(r) {
-  return Array.isArray(r);
+function n(o) {
+  return Array.isArray(o);
 }
-function d(r) {
-  return r != null && !Array.isArray(r);
+function d(o) {
+  return o != null && !Array.isArray(o);
 }
 var c = {
+  "& .MuiTab-root": { fontSize: "var(--font-size-body-lg)" },
   "& .MuiTabs-scroller": { borderBottom: "1px solid var(--colors-delta-200)" },
   "& .MuiTabs-scrollButtons": {
     border: "1px solid var(--colors-delta-500)",
@@ -38,6 +39,7 @@ var c = {
 }, p = {
   minHeight: 36,
   "& .MuiTab-root": {
+    fontSize: "var(--font-size-body-base)",
     height: 36,
     minHeight: 36,
     paddingLeft: "12px",
@@ -45,24 +47,24 @@ var c = {
     paddingTop: "8px",
     paddingBottom: "8px"
   }
-}, f = ({ className: r, size: i = "default", sx: o, ...t }) => {
-  const a = [c];
-  return i === "small" && a.push(p), n(o) ? a.push(...o) : d(o) && a.push(o), /* @__PURE__ */ l(e, {
-    ...t,
-    className: s("relative rounded-t-lg bg-white px-4", r),
+}, m = ({ className: o, size: i = "default", sx: r, ...a }) => {
+  const t = [c];
+  return i === "small" && t.push(p), n(r) ? t.push(...r) : d(r) && t.push(r), /* @__PURE__ */ l(e, {
+    ...a,
+    className: s("relative rounded-t-lg bg-white px-4", o),
     slotProps: {
-      ...t.slotProps,
+      ...a.slotProps,
       indicator: {
         style: {
           background: "var(--colors-gama-500)",
           color: "var(--colors-gama-500)"
         },
-        ...t.slotProps?.indicator ?? {}
+        ...a.slotProps?.indicator ?? {}
       }
     },
-    sx: a
+    sx: t
   });
 };
 export {
-  f as StyledTabs
+  m as StyledTabs
 };

package/dist/table/components/StyledTable.module.js

@@ -1,58 +1,58 @@
-var e = "_tbody_1u0xz_124", _ = "_expanded_row_1u0xz_187", l = "_selected_1u0xz_205", t = "_shadowed_1u0xz_234", a = "_resizer_1u0xz_288", o = "_isResizing_1u0xz_300", r = {
-  "asma-ui-table-styled-table": "_asma-ui-table-styled-table_1u0xz_1",
-  "table-wrapper": "_table-wrapper_1u0xz_26",
-  "table-shell": "_table-shell_1u0xz_33",
-  "table-wrapper--no-rows": "_table-wrapper--no-rows_1u0xz_39",
-  "table-wrapper--proxy": "_table-wrapper--proxy_1u0xz_42",
-  "table-wrapper--proxy-bottom": "_table-wrapper--proxy-bottom_1u0xz_43",
-  "table-wrapper-fetching": "_table-wrapper-fetching_1u0xz_53",
-  "table-scroll": "_table-scroll_1u0xz_56",
-  "table-x--fill-height": "_table-x--fill-height_1u0xz_65",
-  "table-x": "_table-x_1u0xz_65",
-  "table-content": "_table-content_1u0xz_80",
-  "table-header--sticky": "_table-header--sticky_1u0xz_85",
-  "table-hscroll": "_table-hscroll_1u0xz_90",
-  "table-hscroll__content": "_table-hscroll__content_1u0xz_100",
-  "no-rows-overlay-container": "_no-rows-overlay-container_1u0xz_103",
-  "no-rows-overlay-content": "_no-rows-overlay-content_1u0xz_111",
-  "styled-table": "_styled-table_1u0xz_115",
+var e = "_tbody_k8yi5_124", _ = "_expanded_row_k8yi5_187", l = "_selected_k8yi5_205", t = "_shadowed_k8yi5_234", i = "_resizer_k8yi5_288", a = "_isResizing_k8yi5_300", o = {
+  "asma-ui-table-styled-table": "_asma-ui-table-styled-table_k8yi5_1",
+  "table-wrapper": "_table-wrapper_k8yi5_26",
+  "table-shell": "_table-shell_k8yi5_33",
+  "table-wrapper--no-rows": "_table-wrapper--no-rows_k8yi5_39",
+  "table-wrapper--proxy": "_table-wrapper--proxy_k8yi5_42",
+  "table-wrapper--proxy-bottom": "_table-wrapper--proxy-bottom_k8yi5_43",
+  "table-wrapper-fetching": "_table-wrapper-fetching_k8yi5_53",
+  "table-scroll": "_table-scroll_k8yi5_56",
+  "table-x--fill-height": "_table-x--fill-height_k8yi5_65",
+  "table-x": "_table-x_k8yi5_65",
+  "table-content": "_table-content_k8yi5_80",
+  "table-header--sticky": "_table-header--sticky_k8yi5_85",
+  "table-hscroll": "_table-hscroll_k8yi5_90",
+  "table-hscroll__content": "_table-hscroll__content_k8yi5_100",
+  "no-rows-overlay-container": "_no-rows-overlay-container_k8yi5_103",
+  "no-rows-overlay-content": "_no-rows-overlay-content_k8yi5_111",
+  "styled-table": "_styled-table_k8yi5_115",
   tbody: e,
-  "loading-icon": "_loading-icon_1u0xz_129",
-  "t-row": "_t-row_1u0xz_136",
-  "t-cell": "_t-cell_1u0xz_136",
-  "action-cell": "_action-cell_1u0xz_146",
-  "fixed-cell": "_fixed-cell_1u0xz_150",
-  "fixed-right-cell": "_fixed-right-cell_1u0xz_153",
+  "loading-icon": "_loading-icon_k8yi5_129",
+  "t-row": "_t-row_k8yi5_136",
+  "t-cell": "_t-cell_k8yi5_136",
+  "action-cell": "_action-cell_k8yi5_146",
+  "fixed-cell": "_fixed-cell_k8yi5_150",
+  "fixed-right-cell": "_fixed-right-cell_k8yi5_153",
   expanded_row: _,
   selected: l,
-  "single-selection": "_single-selection_1u0xz_208",
-  "action-cell--no-shadow": "_action-cell--no-shadow_1u0xz_225",
-  "action-cell--not-fixed": "_action-cell--not-fixed_1u0xz_228",
+  "single-selection": "_single-selection_k8yi5_208",
+  "action-cell--no-shadow": "_action-cell--no-shadow_k8yi5_225",
+  "action-cell--not-fixed": "_action-cell--not-fixed_k8yi5_228",
   shadowed: t,
-  "shadowed-right": "_shadowed-right_1u0xz_268",
-  "is-loading": "_is-loading_1u0xz_272",
-  "action-cell-default-background": "_action-cell-default-background_1u0xz_275",
-  "fixed-cell-default-background": "_fixed-cell-default-background_1u0xz_278",
-  "fixed-right-cell-default-background": "_fixed-right-cell-default-background_1u0xz_281",
-  "sortable-column": "_sortable-column_1u0xz_284",
-  resizer: a,
-  isResizing: o,
-  "hide-table-header": "_hide-table-header_1u0xz_312",
-  "show-table-header": "_show-table-header_1u0xz_316",
-  "table-header": "_table-header_1u0xz_85",
-  "hide-header": "_hide-header_1u0xz_341",
-  "t-cell__actions": "_t-cell__actions_1u0xz_344",
-  "t-cell__actions--no-shadow": "_t-cell__actions--no-shadow_1u0xz_352",
-  "t-cell__actions--not-fixed": "_t-cell__actions--not-fixed_1u0xz_355",
-  "t-cell__fixed": "_t-cell__fixed_1u0xz_362",
-  "t-cell__fixed-right": "_t-cell__fixed-right_1u0xz_369",
-  "sort-icon": "_sort-icon_1u0xz_376",
-  "table-footer--sticky": "_table-footer--sticky_1u0xz_379",
-  "table-footer--inline": "_table-footer--inline_1u0xz_390",
-  "table-bottom": "_table-bottom_1u0xz_401",
-  "table-bottom--sticky": "_table-bottom--sticky_1u0xz_415",
-  "cursor-not-allowed": "_cursor-not-allowed_1u0xz_419"
+  "shadowed-right": "_shadowed-right_k8yi5_268",
+  "is-loading": "_is-loading_k8yi5_272",
+  "action-cell-default-background": "_action-cell-default-background_k8yi5_275",
+  "fixed-cell-default-background": "_fixed-cell-default-background_k8yi5_278",
+  "fixed-right-cell-default-background": "_fixed-right-cell-default-background_k8yi5_281",
+  "sortable-column": "_sortable-column_k8yi5_284",
+  resizer: i,
+  isResizing: a,
+  "hide-table-header": "_hide-table-header_k8yi5_312",
+  "show-table-header": "_show-table-header_k8yi5_316",
+  "table-header": "_table-header_k8yi5_85",
+  "hide-header": "_hide-header_k8yi5_341",
+  "t-cell__actions": "_t-cell__actions_k8yi5_344",
+  "t-cell__actions--no-shadow": "_t-cell__actions--no-shadow_k8yi5_352",
+  "t-cell__actions--not-fixed": "_t-cell__actions--not-fixed_k8yi5_355",
+  "t-cell__fixed": "_t-cell__fixed_k8yi5_362",
+  "t-cell__fixed-right": "_t-cell__fixed-right_k8yi5_369",
+  "sort-icon": "_sort-icon_k8yi5_376",
+  "table-footer--sticky": "_table-footer--sticky_k8yi5_379",
+  "table-footer--inline": "_table-footer--inline_k8yi5_390",
+  "table-bottom": "_table-bottom_k8yi5_401",
+  "table-bottom--sticky": "_table-bottom--sticky_k8yi5_415",
+  "cursor-not-allowed": "_cursor-not-allowed_k8yi5_419"
 };
 export {
-  r as default
+  o as default
 };

package/dist/table/shared-components/button/StyledButton.module.js

@@ -1,16 +1,16 @@
-var _ = "_contained_17pcg_6", t = "_common_17pcg_6", a = "_medium_17pcg_48", e = "_small_17pcg_53", r = "_large_17pcg_58", c = "_error_17pcg_68", o = "_outlined_17pcg_130", g = "_text_17pcg_254", m = "_textGray_17pcg_378", l = "_textWhite_17pcg_440", p = {
-  "asma-core-ui-button": "_asma-core-ui-button_17pcg_1",
+var _ = "_contained_ls0vf_6", t = "_common_ls0vf_6", a = "_medium_ls0vf_48", e = "_small_ls0vf_53", r = "_large_ls0vf_58", l = "_error_ls0vf_68", v = "_outlined_ls0vf_130", o = "_text_ls0vf_254", s = "_textGray_ls0vf_378", f = "_textWhite_ls0vf_440", m = {
+  "asma-core-ui-button": "_asma-core-ui-button_ls0vf_1",
   contained: _,
   common: t,
   medium: a,
   small: e,
   large: r,
-  error: c,
-  outlined: o,
-  text: g,
-  textGray: m,
-  textWhite: l
+  error: l,
+  outlined: v,
+  text: o,
+  textGray: s,
+  textWhite: f
 };
 export {
-  p as default
+  m as default
 };

package/package.json

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

package/src/styles/index.css

@@ -3,6 +3,7 @@
 @import 'color-variables/defaultTokens.css';
 @import 'color-variables/fretexTokens.css';
 @import 'color-variables/jadeTokens.css';
+@import 'typographyTokens.css';
 
 @tailwind base;
 @tailwind components;

package/src/styles/typographyTokens.css

@@ -0,0 +1,12 @@
+:root {
+    /* Typography scale — single source of truth.
+       Body base bumped 14px -> 16px for readability/accessibility (WCAG). */
+    --font-size-body-base: 16px; /* body/base: buttons, labels, chips, cells, menus, toasts */
+    --font-size-body-sm: 14px; /* small: tooltips, timestamps, captions (was 12px) */
+    --font-size-body-lg: 18px; /* large: default tabs */
+    --font-size-label-caps: 12px; /* uppercase micro labels: table header (was 10px) */
+
+    --line-height-body-base: 24px;
+    --line-height-body-sm: 20px;
+    --line-height-body-lg: 24px;
+}