asma-ui-core 3.42.1 → 3.43.1

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/icons/index.js

@@ -171,3 +171,4 @@ export * from './hub-icon.js'
 export * from './widgets-icon.js'
 export * from './rocket-launch-icon.js'
 export * from './load-current-icon.js'
+export * from './rotate-auto-icon.js'

package/dist/components/icons/rotate-auto-icon/RotateAutoIcon.js

@@ -0,0 +1,18 @@
+import { jsx as C } from "react/jsx-runtime";
+function r(t) {
+  return /* @__PURE__ */ C("svg", {
+    xmlns: "http://www.w3.org/2000/svg",
+    width: "1rem",
+    height: "1rem",
+    viewBox: "0 0 16 16",
+    fill: "none",
+    ...t,
+    children: /* @__PURE__ */ C("path", {
+      d: "M5.19967 10.6663H6.26634L6.79967 9.13301H9.23301L9.76634 10.6663H10.7997L8.53301 4.66634H7.46634L5.19967 10.6663ZM7.09967 8.26634L7.96634 5.76634H8.03301L8.89967 8.26634H7.09967ZM7.99967 14.6663C7.07745 14.6663 6.21079 14.4913 5.39967 14.1413C4.58856 13.7913 3.88301 13.3163 3.28301 12.7163C2.68301 12.1163 2.20801 11.4108 1.85801 10.5997C1.50801 9.78856 1.33301 8.9219 1.33301 7.99967H2.66634C2.66634 8.73301 2.80523 9.42467 3.08301 10.0747C3.36079 10.7247 3.74134 11.2913 4.22467 11.7747C4.70801 12.258 5.27467 12.6413 5.92467 12.9247C6.57467 13.208 7.26634 13.3497 7.99967 13.3497C9.48856 13.3497 10.7497 12.833 11.783 11.7997C12.8163 10.7663 13.333 9.50523 13.333 8.01634C13.333 6.52745 12.8163 5.26634 11.783 4.23301C10.7497 3.19967 9.48856 2.68301 7.99967 2.68301C7.01079 2.68301 6.11356 2.92467 5.30801 3.40801C4.50245 3.89134 3.86634 4.53301 3.39967 5.33301H5.33301V6.66634H1.33301V2.66634H2.66634V3.99967C3.27745 3.18856 4.04412 2.54134 4.96634 2.05801C5.88856 1.57467 6.89967 1.33301 7.99967 1.33301C8.9219 1.33301 9.78856 1.50801 10.5997 1.85801C11.4108 2.20801 12.1163 2.68301 12.7163 3.28301C13.3163 3.88301 13.7913 4.58856 14.1413 5.39967C14.4913 6.21079 14.6663 7.07745 14.6663 7.99967C14.6663 8.9219 14.4913 9.78856 14.1413 10.5997C13.7913 11.4108 13.3163 12.1163 12.7163 12.7163C12.1163 13.3163 11.4108 13.7913 10.5997 14.1413C9.78856 14.4913 8.9219 14.6663 7.99967 14.6663Z",
+      fill: "currentColor"
+    })
+  });
+}
+export {
+  r as RotateAutoIcon
+};

package/dist/components/icons/rotate-auto-icon/index.js

@@ -0,0 +1 @@
+export * from './RotateAutoIcon.js'

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
 };