@pismo/marola 2.1.60 → 2.1.61

package/dist/components/Toggle/Toggle.js

@@ -10,7 +10,7 @@ import '../../assets/Toggle.css';function W(l) {
     defaultChecked: p,
     disabled: c,
     onBlur: a,
-    onChange: f,
+    onChange: g,
     onFocus: r,
     onFocusVisible: u,
     readOnly: n,
@@ -21,23 +21,23 @@ import '../../assets/Toggle.css';function W(l) {
     name: "Switch",
     state: "checked"
   }), B = (t) => (o) => {
-    var g;
-    o.nativeEvent.defaultPrevented || (x(o.target.checked), f == null || f(o), (g = t.onChange) == null || g.call(t, o));
+    var b;
+    o.nativeEvent.defaultPrevented || (x(o.target.checked), g == null || g(o), (b = t.onChange) == null || b.call(t, o));
   }, {
     isFocusVisibleRef: _,
     onBlur: w,
-    onFocus: b,
+    onFocus: f,
     ref: m
   } = L(), [h, P] = V.useState(!1);
   c && h && P(!1), V.useEffect(() => {
     _.current = h;
   }, [h, _]);
   const k = V.useRef(null), R = (t) => (o) => {
-    var g;
-    k.current || (k.current = o.currentTarget), b(o), _.current === !0 && (P(!0), u == null || u(o)), r == null || r(o), (g = t.onFocus) == null || g.call(t, o);
+    var b;
+    k.current || (k.current = o.currentTarget), f(o), _.current === !0 && (P(!0), u == null || u(o)), r == null || r(o), (b = t.onFocus) == null || b.call(t, o);
   }, O = (t) => (o) => {
-    var g;
-    w(o), _.current === !1 && P(!1), a == null || a(o), (g = t.onBlur) == null || g.call(t, o);
+    var b;
+    w(o), _.current === !1 && P(!1), a == null || a(o), (b = t.onBlur) == null || b.call(t, o);
   }, C = v(m, k);
   return {
     checked: S,
@@ -81,7 +81,7 @@ const G = ["checked", "defaultChecked", "disabled", "onBlur", "onChange", "onFoc
     track: ["track"]
   }, A(z));
 }, E = /* @__PURE__ */ V.forwardRef(function(s, p) {
-  var c, a, f, r;
+  var c, a, g, r;
   const {
     slotProps: u = {},
     slots: n = {}
@@ -91,35 +91,35 @@ const G = ["checked", "defaultChecked", "disabled", "onBlur", "onChange", "onFoc
     disabled: B,
     focusVisible: _,
     readOnly: w
-  } = W(s), b = y({}, s, {
+  } = W(s), f = y({}, s, {
     checked: x,
     disabled: B,
     focusVisible: _,
     readOnly: w
-  }), m = J(b), h = (c = n.root) != null ? c : "span", P = N({
+  }), m = J(f), h = (c = n.root) != null ? c : "span", P = N({
     elementType: h,
     externalSlotProps: u.root,
     externalForwardedProps: i,
     additionalProps: {
       ref: p
     },
-    ownerState: b,
+    ownerState: f,
     className: m.root
   }), k = (a = n.thumb) != null ? a : "span", R = N({
     elementType: k,
     externalSlotProps: u.thumb,
-    ownerState: b,
+    ownerState: f,
     className: m.thumb
-  }), O = (f = n.input) != null ? f : "input", C = N({
+  }), O = (g = n.input) != null ? g : "input", C = N({
     elementType: O,
     getSlotProps: S,
     externalSlotProps: u.input,
-    ownerState: b,
+    ownerState: f,
     className: m.input
   }), j = n.track === null ? () => null : (r = n.track) != null ? r : "span", t = N({
     elementType: j,
     externalSlotProps: u.track,
-    ownerState: b,
+    ownerState: f,
     className: m.track
   });
   return /* @__PURE__ */ I(h, y({}, P, {
@@ -197,30 +197,30 @@ process.env.NODE_ENV !== "production" && (E.propTypes = {
     track: e.oneOfType([e.elementType, e.oneOf([null])])
   })
 });
-const K = "_toggle__label_1y8f9_44", Q = "_toggle_1y8f9_44", X = "_input_1y8f9_90", Y = "_thumb_1y8f9_101", Z = "_track_1y8f9_115", d = {
+const K = "_toggle__label_spoae_44", Q = "_toggle_spoae_44", X = "_input_spoae_90", Y = "_thumb_spoae_101", Z = "_track_spoae_115", d = {
   toggle__label: K,
   toggle: Q,
-  "toggle__toggle-el-wrapper": "_toggle__toggle-el-wrapper_1y8f9_86",
+  "toggle__toggle-el-wrapper": "_toggle__toggle-el-wrapper_spoae_86",
   input: X,
   thumb: Y,
   track: Z,
-  "toggle--focus-visible": "_toggle--focus-visible_1y8f9_125",
-  "toggle--checked": "_toggle--checked_1y8f9_129",
-  "toggle--disabled": "_toggle--disabled_1y8f9_142"
+  "toggle--focus-visible": "_toggle--focus-visible_spoae_125",
+  "toggle--checked": "_toggle--checked_spoae_129",
+  "toggle--disabled": "_toggle--disabled_spoae_142"
 }, ce = ({
   label: l,
   checked: s,
   disabled: p,
   classNameWrapper: c,
   classNameInput: a,
-  "data-testid": f,
+  "data-testid": g,
   onChange: r,
   classNameLabel: u
 }) => {
   const n = (i) => {
     r == null || r(i);
   };
-  return /* @__PURE__ */ I("div", { className: F(d.toggle, c), "data-testid": f, children: [
+  return /* @__PURE__ */ I("div", { className: F(d.toggle, c), "data-testid": g, children: [
     /* @__PURE__ */ T(
       E,
       {

package/dist/components/TransactionRow/TransactionRow.js

@@ -1,40 +1,41 @@
 import { jsx as e, jsxs as i, Fragment as _ } from "react/jsx-runtime";
-import { Avatar as y } from "../Avatar/Avatar.js";
+import { Avatar as g } from "../Avatar/Avatar.js";
 import { Icon as d } from "../Icon/Icon.js";
-import { SkeletonCircle as w, Skeleton as a } from "../Skeleton/Skeleton.js";
-import { Typography as o } from "../Typography/Typography.js";
-import '../../assets/TransactionRow.css';const F = "_container_1a6p1_1", M = "_container__grid_1a6p1_6", R = "_container__separator_1a6p1_120", n = {
+import { SkeletonCircle as f, Skeleton as a } from "../Skeleton/Skeleton.js";
+import { Typography as c } from "../Typography/Typography.js";
+import '../../assets/TransactionRow.css';const F = "_container_f0c9g_1", M = "_container__grid_f0c9g_6", R = "_container__avatar_f0c9g_32", q = "_container__separator_f0c9g_125", n = {
   container: F,
   container__grid: M,
-  "container--pending": "_container--pending_1a6p1_14",
-  "container__pending-right": "_container__pending-right_1a6p1_21",
-  "container--two-line": "_container--two-line_1a6p1_24",
-  "container__icon-wrapper": "_container__icon-wrapper_1a6p1_36",
-  "container__pending-indicator": "_container__pending-indicator_1a6p1_40",
-  "container__two-line-content": "_container__two-line-content_1a6p1_53",
-  "container__two-line-primary": "_container__two-line-primary_1a6p1_60",
-  "container__two-line-secondary": "_container__two-line-secondary_1a6p1_64",
-  "container__two-line-right": "_container__two-line-right_1a6p1_68",
-  "container__two-line-right-primary": "_container__two-line-right-primary_1a6p1_76",
-  "container__two-line-right-secondary": "_container__two-line-right-secondary_1a6p1_80",
-  "container__info-section": "_container__info-section_1a6p1_84",
-  "container__info-section--content": "_container__info-section--content_1a6p1_88",
-  "container__info-section--item": "_container__info-section--item_1a6p1_92",
-  "container__info-section--right": "_container__info-section--right_1a6p1_109",
-  "container__truncate-text": "_container__truncate-text_1a6p1_113",
-  container__separator: R
-}, K = ({
+  "container--pending": "_container--pending_f0c9g_14",
+  "container__pending-right": "_container__pending-right_f0c9g_21",
+  "container--two-line": "_container--two-line_f0c9g_24",
+  container__avatar: R,
+  "container__icon-wrapper": "_container__icon-wrapper_f0c9g_39",
+  "container__pending-indicator": "_container__pending-indicator_f0c9g_43",
+  "container__two-line-content": "_container__two-line-content_f0c9g_56",
+  "container__two-line-primary": "_container__two-line-primary_f0c9g_63",
+  "container__two-line-secondary": "_container__two-line-secondary_f0c9g_68",
+  "container__two-line-right": "_container__two-line-right_f0c9g_72",
+  "container__two-line-right-primary": "_container__two-line-right-primary_f0c9g_80",
+  "container__two-line-right-secondary": "_container__two-line-right-secondary_f0c9g_85",
+  "container__info-section": "_container__info-section_f0c9g_89",
+  "container__info-section--content": "_container__info-section--content_f0c9g_93",
+  "container__info-section--item": "_container__info-section--item_f0c9g_97",
+  "container__info-section--right": "_container__info-section--right_f0c9g_114",
+  "container__truncate-text": "_container__truncate-text_f0c9g_118",
+  container__separator: q
+}, O = ({
   dateTime: k,
-  category: g,
-  categoryType: f,
+  category: y,
+  categoryType: w,
   name: N,
   type: z,
   installments: l,
   amount: $,
   month: A,
-  icon: p,
-  onClick: c,
-  pendingItem: h = !1,
+  icon: h,
+  onClick: o,
+  pendingItem: p = !1,
   isLoading: t = !1,
   isPendingTransaction: D = !1,
   "data-testid": r = "Description",
@@ -58,17 +59,17 @@ import '../../assets/TransactionRow.css';const F = "_container_1a6p1_1", M = "_c
         return;
     }
   })();
-  return j === "two-line" ? /* @__PURE__ */ e("div", { className: n.container, onClick: () => c == null ? void 0 : c(), children: /* @__PURE__ */ i("div", { className: n["container--two-line"], children: [
-    t ? /* @__PURE__ */ e(w, { size: "32px", "data-testid": `${r}-skeletonIcon` }) : /* @__PURE__ */ i("div", { className: n["container__icon-wrapper"], children: [
-      /* @__PURE__ */ e(y, { type: "icon", children: /* @__PURE__ */ e(d, { icon: p || "coin", color: s }) }),
-      h && /* @__PURE__ */ e("div", { className: n["container__pending-indicator"], children: /* @__PURE__ */ e(d, { icon: "clock-rotate-left", color: "var(--colors-brand-primary-color-primary)", size: "0.75rem" }) })
+  return j === "two-line" ? /* @__PURE__ */ e("div", { className: n.container, onClick: () => o == null ? void 0 : o(), children: /* @__PURE__ */ i("div", { className: n["container--two-line"], children: [
+    t ? /* @__PURE__ */ e(f, { size: "32px", "data-testid": `${r}-skeletonIcon` }) : /* @__PURE__ */ i("div", { className: n["container__icon-wrapper"], children: [
+      /* @__PURE__ */ e(g, { type: "icon", className: n.container__avatar, children: /* @__PURE__ */ e(d, { icon: h || "coin", color: s }) }),
+      p && /* @__PURE__ */ e("div", { className: n["container__pending-indicator"], children: /* @__PURE__ */ e(d, { icon: "clock-rotate-left", color: "var(--colors-brand-primary-color-primary)", size: "0.75rem" }) })
     ] }),
     /* @__PURE__ */ e("div", { className: n["container__two-line-content"], children: t ? /* @__PURE__ */ i(_, { children: [
       /* @__PURE__ */ e(a, { style: { width: 140 }, "data-testid": `${r}-skeletonName` }),
       /* @__PURE__ */ e(a, { style: { width: 100, marginTop: "4px" }, "data-testid": `${r}-skeletonDate` })
     ] }) : /* @__PURE__ */ i(_, { children: [
       b && /* @__PURE__ */ e(
-        o,
+        c,
         {
           color: "var(--gray-95)",
           variant: "base",
@@ -77,14 +78,14 @@ import '../../assets/TransactionRow.css';const F = "_container_1a6p1_1", M = "_c
           children: b
         }
       ),
-      u && /* @__PURE__ */ e(o, { color: "var(--gray-75)", variant: "base", className: n["container__two-line-secondary"], children: u })
+      u && /* @__PURE__ */ e(c, { color: "var(--gray-75)", variant: "base", className: n["container__two-line-secondary"], children: u })
     ] }) }),
-    (m || v || h || t) && /* @__PURE__ */ e("div", { className: n["container__two-line-right"], children: t ? /* @__PURE__ */ i(_, { children: [
+    (m || v || p || t) && /* @__PURE__ */ e("div", { className: n["container__two-line-right"], children: t ? /* @__PURE__ */ i(_, { children: [
       /* @__PURE__ */ e(a, { style: { width: 60 }, "data-testid": `${r}-skeletonType` }),
       /* @__PURE__ */ e(a, { style: { width: 50, marginTop: "4px" }, "data-testid": `${r}-skeletonAmount` })
     ] }) : /* @__PURE__ */ i(_, { children: [
       m && /* @__PURE__ */ e(
-        o,
+        c,
         {
           color: s || "var(--gray-95)",
           variant: "base",
@@ -92,8 +93,8 @@ import '../../assets/TransactionRow.css';const F = "_container_1a6p1_1", M = "_c
           children: m
         }
       ),
-      (v || l || h) && /* @__PURE__ */ i(
-        o,
+      (v || l || p) && /* @__PURE__ */ i(
+        c,
         {
           color: "var(--gray-75)",
           variant: "base",
@@ -108,14 +109,14 @@ import '../../assets/TransactionRow.css';const F = "_container_1a6p1_1", M = "_c
         }
       )
     ] }) })
-  ] }) }) : D ? /* @__PURE__ */ e("div", { className: n.container, children: /* @__PURE__ */ i("div", { className: n["container--pending"], onClick: () => c == null ? void 0 : c(), children: [
-    t ? /* @__PURE__ */ e(w, { size: "32px", "data-testid": `${r}-skeletonIcon` }) : /* @__PURE__ */ e(y, { type: "icon", children: /* @__PURE__ */ e(d, { icon: p || "coin", color: s }) }),
-    /* @__PURE__ */ e("div", { className: n["container__info-section"], children: /* @__PURE__ */ e("div", { className: n["container__info-section--item"], children: t ? /* @__PURE__ */ e(a, { style: { width: 140 }, "data-testid": `${r}-skeletonName` }) : /* @__PURE__ */ e(o, { color: "var(--gray-95)", variant: "base", "data-testid": `${r}-content`, children: N }) }) }),
-    /* @__PURE__ */ e("div", { className: n["container__pending-right"], children: t ? /* @__PURE__ */ e(a, { style: { width: 70 }, "data-testid": `${r}-skeletonAmount` }) : /* @__PURE__ */ e(o, { bold: !0, color: "var(--gray-95)", variant: "base", children: $ }) })
-  ] }) }) : /* @__PURE__ */ e("div", { className: n.container, children: /* @__PURE__ */ i("div", { onClick: () => c == null ? void 0 : c(), className: n.container__grid, children: [
-    /* @__PURE__ */ e("div", { children: t ? /* @__PURE__ */ e(a, { style: { width: 50 }, "data-testid": `${r}-skeletonMonth` }) : /* @__PURE__ */ e(o, { color: "var(--gray-95)", variant: "base", children: A }) }),
-    /* @__PURE__ */ e("div", { children: t ? /* @__PURE__ */ e(a, { style: { width: 90 }, "data-testid": `${r}-skeletonDate` }) : /* @__PURE__ */ e(o, { color: "var(--gray-95)", variant: "base", children: k }) }),
-    t ? /* @__PURE__ */ e(w, { size: "32px", "data-testid": `${r}-skeletonIcon` }) : /* @__PURE__ */ e(y, { type: "icon", children: /* @__PURE__ */ e(d, { icon: p || "coin", color: s }) }),
+  ] }) }) : D ? /* @__PURE__ */ e("div", { className: n.container, children: /* @__PURE__ */ i("div", { className: n["container--pending"], onClick: () => o == null ? void 0 : o(), children: [
+    t ? /* @__PURE__ */ e(f, { size: "32px", "data-testid": `${r}-skeletonIcon` }) : /* @__PURE__ */ e(g, { type: "icon", children: /* @__PURE__ */ e(d, { icon: h || "coin", color: s }) }),
+    /* @__PURE__ */ e("div", { className: n["container__info-section"], children: /* @__PURE__ */ e("div", { className: n["container__info-section--item"], children: t ? /* @__PURE__ */ e(a, { style: { width: 140 }, "data-testid": `${r}-skeletonName` }) : /* @__PURE__ */ e(c, { color: "var(--gray-95)", variant: "base", "data-testid": `${r}-content`, children: N }) }) }),
+    /* @__PURE__ */ e("div", { className: n["container__pending-right"], children: t ? /* @__PURE__ */ e(a, { style: { width: 70 }, "data-testid": `${r}-skeletonAmount` }) : /* @__PURE__ */ e(c, { bold: !0, color: "var(--gray-95)", variant: "base", children: $ }) })
+  ] }) }) : /* @__PURE__ */ e("div", { className: n.container, children: /* @__PURE__ */ i("div", { onClick: () => o == null ? void 0 : o(), className: n.container__grid, children: [
+    /* @__PURE__ */ e("div", { children: t ? /* @__PURE__ */ e(a, { style: { width: 50 }, "data-testid": `${r}-skeletonMonth` }) : /* @__PURE__ */ e(c, { color: "var(--gray-95)", variant: "base", children: A }) }),
+    /* @__PURE__ */ e("div", { children: t ? /* @__PURE__ */ e(a, { style: { width: 90 }, "data-testid": `${r}-skeletonDate` }) : /* @__PURE__ */ e(c, { color: "var(--gray-95)", variant: "base", children: k }) }),
+    t ? /* @__PURE__ */ e(f, { size: "32px", "data-testid": `${r}-skeletonIcon` }) : /* @__PURE__ */ e(g, { type: "icon", children: /* @__PURE__ */ e(d, { icon: h || "coin", color: s }) }),
     /* @__PURE__ */ e("div", { className: n["container__info-section"], children: /* @__PURE__ */ e("div", { className: n["container__info-section--content"], children: t ? /* @__PURE__ */ i(_, { children: [
       /* @__PURE__ */ e(
         a,
@@ -139,7 +140,7 @@ import '../../assets/TransactionRow.css';const F = "_container_1a6p1_1", M = "_c
         }
       )
     ] }) : /* @__PURE__ */ i(
-      o,
+      c,
       {
         color: "var(--gray-95)",
         variant: "base",
@@ -147,24 +148,24 @@ import '../../assets/TransactionRow.css';const F = "_container_1a6p1_1", M = "_c
         "data-testid": `${r}-content`,
         children: [
           /* @__PURE__ */ e("span", { "data-testid": `${r}-name`, children: N }),
-          g && /* @__PURE__ */ i(_, { children: [
+          y && /* @__PURE__ */ i(_, { children: [
             /* @__PURE__ */ e("span", { className: n.container__separator }),
-            /* @__PURE__ */ e("span", { "data-testid": `${r}-category`, children: g })
+            /* @__PURE__ */ e("span", { "data-testid": `${r}-category`, children: y })
           ] }),
-          f && /* @__PURE__ */ i(_, { children: [
+          w && /* @__PURE__ */ i(_, { children: [
             /* @__PURE__ */ e("span", { className: n.container__separator }),
-            /* @__PURE__ */ e("span", { "data-testid": `${r}-categoryType`, children: f })
+            /* @__PURE__ */ e("span", { "data-testid": `${r}-categoryType`, children: w })
           ] })
         ]
       }
     ) }) }),
     /* @__PURE__ */ i("div", { className: n["container__info-section--right"], children: [
-      l && /* @__PURE__ */ e("div", { className: n["container__info-section--item"], children: t ? /* @__PURE__ */ e(a, { style: { width: 70 }, "data-testid": `${r}-skeletonInstallments` }) : /* @__PURE__ */ e(o, { color: "var(--gray-95)", variant: "base", children: l }) }),
-      /* @__PURE__ */ e("div", { className: n["container__info-section--item"], children: t ? /* @__PURE__ */ e(a, { style: { width: 70 }, "data-testid": `${r}-skeletonType` }) : /* @__PURE__ */ e(o, { color: "var(--gray-95)", variant: "base", children: z }) })
+      l && /* @__PURE__ */ e("div", { className: n["container__info-section--item"], children: t ? /* @__PURE__ */ e(a, { style: { width: 70 }, "data-testid": `${r}-skeletonInstallments` }) : /* @__PURE__ */ e(c, { color: "var(--gray-95)", variant: "base", children: l }) }),
+      /* @__PURE__ */ e("div", { className: n["container__info-section--item"], children: t ? /* @__PURE__ */ e(a, { style: { width: 70 }, "data-testid": `${r}-skeletonType` }) : /* @__PURE__ */ e(c, { color: "var(--gray-95)", variant: "base", children: z }) })
     ] }),
-    /* @__PURE__ */ e("div", { className: n["container__info-section--right"], children: t ? /* @__PURE__ */ e(a, { style: { width: 140 }, "data-testid": `${r}-skeletonAmount` }) : /* @__PURE__ */ e(o, { bold: !0, variant: "base", children: $ }) })
+    /* @__PURE__ */ e("div", { className: n["container__info-section--right"], children: t ? /* @__PURE__ */ e(a, { style: { width: 140 }, "data-testid": `${r}-skeletonAmount` }) : /* @__PURE__ */ e(c, { bold: !0, variant: "base", children: $ }) })
   ] }) });
 };
 export {
-  K as TransactionRow
+  O as TransactionRow
 };

package/dist/marola.css

@@ -1 +1 @@
-:root{--secondary-orange: #ffa945;--secondary-orange-rgb: 255, 169, 69;--secondary-orange-dark: #fe8d53;--secondary-orange-dark-rgb: 254, 141, 83;--secondary-orange-light: #525061;--secondary-orange-light-rgb: 82, 80, 97;--secondary-green: #99dec3;--secondary-green-rgb: 153, 222, 195;--secondary-green-dark: #6acbb1;--secondary-green-dark-rgb: 106, 203, 177;--secondary-green-darker: #31aa7e;--secondary-green-darker-rgb: 49, 170, 126;--secondary-green-light: #baedd9;--secondary-green-light-rgb: 186, 237, 217;--accent: #1897f3;--accent-rgb: 24, 151, 243;--accent-dark: #1672c7;--accent-dark-rgb: 22, 114, 199;--accent-light: #4fb1f9;--accent-light-rgb: 79, 177, 249;--accent-lighter: #8ae1fd;--accent-lighter-rgb: 138, 225, 253;--alert: #df4561;--alert-rgb: 223, 69, 97;--alert-dark: #bb2b45;--alert-dark-rgb: 187, 43, 69;--accent-alert-light: #f37c91;--accent-alert-light-rgb: 243, 124, 145;--cream: #fafafa;--cream-rgb: 250, 250, 250;--hover: #42b7ff;--hover-rgb: 66, 183, 255;--active: #0a75cc;--active-rgb: 10, 117, 204;--border: #d9d9d9;--border-rgb: 217, 217, 217;--border-secondary: #f0f0f0;--border-secondary-rgb: 240, 240, 240;--error-background: #fff2f0;--error-background-rgb: 255, 242, 240;--error-border: #ffccc7;--error-border-rgb: 255, 204, 199;--error-text: #d9363e;--error-text-rgb: 217, 54, 62;--success-text: #045440;--success-text-rgb: 4, 84, 64;--warning-text: #874d00;--warning-text-rgb: 135, 77, 0;--warning: #faad14;--warning-rgb: 250, 173, 20;--info-text: #003e80;--info-text-rgb: 0, 62, 128;--avatar-background: rgba(63, 61, 75, .2509803922);--avatar-background-rgb: 63, 61, 75}:root{--gray-100: #16161e;--gray-100-rgb: 22, 22, 30;--gray-95: #3f3d4b;--gray-95-rgb: 63, 61, 75;--gray-90: #525061;--gray-90-rgb: 82, 80, 97;--gray-75: #838192;--gray-75-rgb: 131, 129, 146;--gray-50: #bcbac8;--gray-50-rgb: 188, 186, 200;--gray-25: #dbdae2;--gray-25-rgb: 219, 218, 226;--gray-10: #ebeaf0;--gray-10-rgb: 235, 234, 240;--gray-5: #f7f7fc;--gray-5-rgb: 247, 247, 252;--black-100: #000000;--black-100-rgb: 0, 0, 0;--black-75: #616161;--black-75-rgb: 97, 97, 97;--black-50: #838192;--black-50-rgb: 131, 129, 146;--black-25: #bcbac8;--black-25-rgb: 188, 186, 200;--black-10: #ebeaf0;--black-10-rgb: 235, 234, 240;--white-100: #ffffff;--white-100-rgb: 255, 255, 255;--green-1: #f0fff7;--green-1-rgb: 240, 255, 247;--green-3: #a1edcb;--green-3-rgb: 161, 237, 203;--green-6: #28c88f;--green-6-rgb: 40, 200, 143;--blue-1: #e6f9ff;--blue-1-rgb: 230, 249, 255;--blue-3: #94ddff;--blue-3-rgb: 148, 221, 255;--blue-6: #1897f3;--blue-6-rgb: 24, 151, 243;--gold-1: #fffbe6;--gold-1-rgb: 255, 251, 230;--gold-3: #ffe58f;--gold-3-rgb: 255, 229, 143;--gold-6: #faad14;--gold-6-rgb: 250, 173, 20;--magenta-1: #fff0f6;--magenta-1-rgb: 255, 240, 246;--magenta-3: #ffadd2;--magenta-3-rgb: 255, 173, 210;--magenta-6: #eb2f96;--magenta-6-rgb: 235, 47, 150;--cyan-1: #e6fffb;--cyan-1-rgb: 230, 255, 251;--cyan-3: #87e8de;--cyan-3-rgb: 135, 232, 222;--cyan-6: #13c2c2;--cyan-6-rgb: 19, 194, 194;--geek-blue-1: #f0f5ff;--geek-blue-1-rgb: 240, 245, 255;--geek-blue-3: #adc6ff;--geek-blue-3-rgb: 173, 198, 255;--geek-blue-5: #597ef7;--geek-blue-5-rgb: 89, 126, 247;--geek-blue-6: #2f54eb;--geek-blue-6-rgb: 47, 84, 235;--lime-1: #fcffe6;--lime-1-rgb: 252, 255, 230;--lime-3: #eaff8f;--lime-3-rgb: 234, 255, 143;--lime-6: #a0d911;--lime-6-rgb: 160, 217, 17;--orange-1: #fffaf0;--orange-1-rgb: 255, 250, 240;--orange-3: #ffe8bf;--orange-3-rgb: 255, 232, 191;--orange-6: #ffa945;--orange-6-rgb: 255, 169, 69;--purple-1: #f9f0ff;--purple-1-rgb: 249, 240, 255;--purple-3: #d3adf7;--purple-3-rgb: 211, 173, 247;--purple-6: #722ed1;--purple-6-rgb: 114, 46, 209;--red-1: #fff0f0;--red-1-rgb: 255, 240, 240;--red-3: #fcbdc3;--red-3-rgb: 252, 189, 195;--red-6: #d53a56;--red-6-rgb: 213, 58, 86;--volcano-1: #fff2e8;--volcano-1-rgb: 255, 242, 232;--volcano-3: #ffbb96;--volcano-3-rgb: 255, 187, 150;--volcano-6: #fa541c;--volcano-6-rgb: 250, 84, 28}:root{--heading-font-weight: 700;--heading-font-size-1: 3.75rem;--heading-line-height-1: 4.875rem;--heading-font-size-2: 3rem;--heading-line-height-2: 4rem;--heading-font-size-3: 2.25rem;--heading-line-height-3: 2.875rem;--heading-font-size-4: 1.875rem;--heading-line-height-4: 2.375rem;--heading-font-size-5: 1.5rem;--heading-line-height-5: 2rem;--heading-font-size-6: 1.25rem;--heading-line-height-6: 1.75rem;--base-font-size: .875rem;--base-line-height: 1.375rem;--base-weight: 400;--base-bold: 700;--base-font-size-sm: .75rem;--base-line-height-sm: 1.25rem;--base-font-size-lg: 1rem;--base-line-height-lg: 1.5rem;--base-font-size-xl: 1.25rem;--base-line-height-xl: 1.75rem;--base-font-size-xxl: 1.5rem;--base-line-height-xxl: 2rem}:root{--heading-font-weight: 700;--heading-font-size-xl: 3.75rem;--heading-line-height-xl: 4.875rem;--heading-font-size-l: 3rem;--heading-line-height-l: 3.9375rem;--heading-font-size: 2.25rem;--heading-line-height: 2.875rem;--heading-font-size-s: 1.5rem;--heading-line-height-s: 2rem;--body-font-size: 1rem;--body-line-height: 1.3125rem;--body-weight: normal;--body-bold: bold;--body-font-size-large: 1.5rem;--body-line-height-large: 1.625rem;--body-font-size-medium: 1.125;--body-line-height-medium: 1rem;--body-font-size-small: .875rem;--body-line-height-small: 1.125rem;--body-font-size-tiny: .75rem;--body-line-height-tiny: 1rem;--quote-font-size-large: 1.5rem;--quote-line-height-large: 2rem;--quote-font-weight-large: normal;--quote-font-size: 1rem;--quote-line-height: 1.3125rem;--quote-font-weight: normal;--form-input-font-size: 1rem;--form-input-line-height: 1.3125rem;--form-input-font-weight: bold;--form-hint-font-size: .875rem;--form-hint-line-height: 1.3125rem;--form-hint-font-weight: normal;--form-label-font-size: .875rem;--form-label-line-height: 1.3125rem;--form-label-font-weight: normal;--form-dropdown-font-size: 1rem;--form-dropdown-line-height: 1.3125rem;--form-dropdown-font-weight: normal;--table-font-size: .875rem;--table-line-height: 1.0625rem;--table-header-font-weight: bold;--table-body-font-weight: normal;--table-body-secondary-line-height: 1.3125rem;--button-font-size: 1rem;--button-line-height: 1.25rem;--button-font-weight: bold;--font-size-small: .75rem;--font-weight-small: 400;--font-line-height-small: 1.25rem;--font-weight-700: 700}:root{--spacing: 8px;--border-radius: 6px;--border-radius-soft: 4px;--transition-soft: .3s;--transition-long: .75s}*{box-sizing:border-box}:root{--border-radius-border-radius: .375rem;--size-base-size: 1rem;--size-base-size-sm: .75rem;--colors-base-green-3: #a1edcb;--colors-brand-success-color-success-border: var(--colors-base-green-3);--colors-base-green-1: #f0fff7;--colors-brand-success-color-success-bg: var(--colors-base-green-1);--colors-brand-error-color-error-border: #ffccc7;--colors-brand-error-color-error-bg: #fff2f0;--colors-brand-error-color-error-hover: #ff7875;--colors-brand-error-color-error-active: #d9363e;--colors-brand-error-color-error: #ff4d4f;--colors-base-gold-3: #ffe58f;--colors-brand-warning-color-warning-border: var(--colors-base-gold-3);--colors-base-gold-1: #fffbe6;--colors-brand-warning-color-warning-bg: var(--colors-base-gold-1);--colors-base-blue-3: #94ddff;--colors-brand-primary-color-primary-border: var(--colors-base-blue-3);--colors-brand-info-color-info-border: var(--colors-brand-primary-color-primary-border);--colors-brand-info-color-info-bg: var(--colors-brand-primary-color-primary-bg);--colors-base-blue-6: #1897f3;--colors-brand-primary-color-primary: var(--colors-base-blue-6);--colors-base-blue-4: #6bcbff;--colors-brand-primary-color-primary-border-hover: var(--colors-base-blue-4);--colors-base-blue-7: #0a75cc;--colors-brand-primary-color-primary-active: var(--colors-base-blue-7);--colors-neutral-border-color-border: #d9d9d9;--colors-neutral-text-color-text: rgba(63, 61, 75, .8784313725);--colors-neutral-text-color-text-tertiary: rgba(63, 61, 75, .4509803922);--colors-neutral-text-color-text-description: var(--colors-neutral-text-color-text-tertiary);--colors-neutral-text-color-text-quaternary: rgba(63, 61, 75, .2509803922);--colors-neutral-text-color-text-disabled: var(--colors-neutral-text-color-text-quaternary);--colors-neutral-fill-color-fill: rgba(0, 0, 0, .1490196078);--colors-base-green-6: #28c88f;--colors-brand-success-color-success: var(--colors-base-green-6);--colors-base-blue-1: #e6f9ff;--colors-brand-primary-color-primary-bg: var(--colors-base-blue-1);--colors-neutral-text-color-text-secondary: rgba(63, 61, 75, .6509803922);--colors-neutral-bg-color-bg-layout: #fafafa;--colors-base-green-7: #18a175;--colors-brand-success-color-success-active: var(--colors-base-green-7);--colors-base-blue-9: #003e80;--colors-brand-primary-color-primary-text: var(--colors-base-blue-9)}
+:root{--secondary-orange: #ffa945;--secondary-orange-rgb: 255, 169, 69;--secondary-orange-dark: #fe8d53;--secondary-orange-dark-rgb: 254, 141, 83;--secondary-orange-light: #525061;--secondary-orange-light-rgb: 82, 80, 97;--secondary-green: #99dec3;--secondary-green-rgb: 153, 222, 195;--secondary-green-dark: #6acbb1;--secondary-green-dark-rgb: 106, 203, 177;--secondary-green-darker: #31aa7e;--secondary-green-darker-rgb: 49, 170, 126;--secondary-green-light: #baedd9;--secondary-green-light-rgb: 186, 237, 217;--accent: #1897f3;--accent-rgb: 24, 151, 243;--accent-dark: #1672c7;--accent-dark-rgb: 22, 114, 199;--accent-light: #4fb1f9;--accent-light-rgb: 79, 177, 249;--accent-lighter: #8ae1fd;--accent-lighter-rgb: 138, 225, 253;--alert: #df4561;--alert-rgb: 223, 69, 97;--alert-dark: #bb2b45;--alert-dark-rgb: 187, 43, 69;--accent-alert-light: #f37c91;--accent-alert-light-rgb: 243, 124, 145;--cream: #fafafa;--cream-rgb: 250, 250, 250;--hover: #42b7ff;--hover-rgb: 66, 183, 255;--active: #0a75cc;--active-rgb: 10, 117, 204;--border: #d9d9d9;--border-rgb: 217, 217, 217;--border-secondary: #f0f0f0;--border-secondary-rgb: 240, 240, 240;--error-background: #fff2f0;--error-background-rgb: 255, 242, 240;--error-border: #ffccc7;--error-border-rgb: 255, 204, 199;--error-text: #d9363e;--error-text-rgb: 217, 54, 62;--success-text: #045440;--success-text-rgb: 4, 84, 64;--warning-text: #874d00;--warning-text-rgb: 135, 77, 0;--warning: #faad14;--warning-rgb: 250, 173, 20;--info-text: #003e80;--info-text-rgb: 0, 62, 128;--avatar-background: rgba(63, 61, 75, .2509803922);--avatar-background-rgb: 63, 61, 75}:root{--gray-100: #16161e;--gray-100-rgb: 22, 22, 30;--gray-95: #3f3d4b;--gray-95-rgb: 63, 61, 75;--gray-90: #525061;--gray-90-rgb: 82, 80, 97;--gray-75: #838192;--gray-75-rgb: 131, 129, 146;--gray-50: #bcbac8;--gray-50-rgb: 188, 186, 200;--gray-25: #dbdae2;--gray-25-rgb: 219, 218, 226;--gray-10: #ebeaf0;--gray-10-rgb: 235, 234, 240;--gray-5: #f7f7fc;--gray-5-rgb: 247, 247, 252;--black-100: #000000;--black-100-rgb: 0, 0, 0;--black-75: #616161;--black-75-rgb: 97, 97, 97;--black-50: #838192;--black-50-rgb: 131, 129, 146;--black-25: #bcbac8;--black-25-rgb: 188, 186, 200;--black-10: #ebeaf0;--black-10-rgb: 235, 234, 240;--white-100: #ffffff;--white-100-rgb: 255, 255, 255;--green-1: #f0fff7;--green-1-rgb: 240, 255, 247;--green-3: #a1edcb;--green-3-rgb: 161, 237, 203;--green-6: #28c88f;--green-6-rgb: 40, 200, 143;--blue-1: #e6f9ff;--blue-1-rgb: 230, 249, 255;--blue-3: #94ddff;--blue-3-rgb: 148, 221, 255;--blue-6: #1897f3;--blue-6-rgb: 24, 151, 243;--gold-1: #fffbe6;--gold-1-rgb: 255, 251, 230;--gold-3: #ffe58f;--gold-3-rgb: 255, 229, 143;--gold-6: #faad14;--gold-6-rgb: 250, 173, 20;--magenta-1: #fff0f6;--magenta-1-rgb: 255, 240, 246;--magenta-3: #ffadd2;--magenta-3-rgb: 255, 173, 210;--magenta-6: #eb2f96;--magenta-6-rgb: 235, 47, 150;--cyan-1: #e6fffb;--cyan-1-rgb: 230, 255, 251;--cyan-3: #87e8de;--cyan-3-rgb: 135, 232, 222;--cyan-6: #13c2c2;--cyan-6-rgb: 19, 194, 194;--geek-blue-1: #f0f5ff;--geek-blue-1-rgb: 240, 245, 255;--geek-blue-3: #adc6ff;--geek-blue-3-rgb: 173, 198, 255;--geek-blue-5: #597ef7;--geek-blue-5-rgb: 89, 126, 247;--geek-blue-6: #2f54eb;--geek-blue-6-rgb: 47, 84, 235;--lime-1: #fcffe6;--lime-1-rgb: 252, 255, 230;--lime-3: #eaff8f;--lime-3-rgb: 234, 255, 143;--lime-6: #a0d911;--lime-6-rgb: 160, 217, 17;--orange-1: #fffaf0;--orange-1-rgb: 255, 250, 240;--orange-3: #ffe8bf;--orange-3-rgb: 255, 232, 191;--orange-6: #ffa945;--orange-6-rgb: 255, 169, 69;--purple-1: #f9f0ff;--purple-1-rgb: 249, 240, 255;--purple-3: #d3adf7;--purple-3-rgb: 211, 173, 247;--purple-6: #722ed1;--purple-6-rgb: 114, 46, 209;--red-1: #fff0f0;--red-1-rgb: 255, 240, 240;--red-3: #fcbdc3;--red-3-rgb: 252, 189, 195;--red-6: #d53a56;--red-6-rgb: 213, 58, 86;--volcano-1: #fff2e8;--volcano-1-rgb: 255, 242, 232;--volcano-3: #ffbb96;--volcano-3-rgb: 255, 187, 150;--volcano-6: #fa541c;--volcano-6-rgb: 250, 84, 28}:root{--heading-font-weight: 700;--heading-font-size-1: 3.75rem;--heading-line-height-1: 4.875rem;--heading-font-size-2: 3rem;--heading-line-height-2: 4rem;--heading-font-size-3: 2.25rem;--heading-line-height-3: 2.875rem;--heading-font-size-4: 1.875rem;--heading-line-height-4: 2.375rem;--heading-font-size-5: 1.5rem;--heading-line-height-5: 2rem;--heading-font-size-6: 1.25rem;--heading-line-height-6: 1.75rem;--base-font-size: .875rem;--base-line-height: 1.375rem;--base-weight: 400;--base-bold: 700;--base-font-size-sm: .75rem;--base-line-height-sm: 1.25rem;--base-font-size-lg: 1rem;--base-line-height-lg: 1.5rem;--base-font-size-xl: 1.25rem;--base-line-height-xl: 1.75rem;--base-font-size-xxl: 1.5rem;--base-line-height-xxl: 2rem}:root{--heading-font-weight: 700;--heading-font-size-xl: 3.75rem;--heading-line-height-xl: 4.875rem;--heading-font-size-l: 3rem;--heading-line-height-l: 3.9375rem;--heading-font-size: 2.25rem;--heading-line-height: 2.875rem;--heading-font-size-s: 1.5rem;--heading-line-height-s: 2rem;--body-font-size: 1rem;--body-line-height: 1.3125rem;--body-weight: normal;--body-bold: bold;--body-font-size-large: 1.5rem;--body-line-height-large: 1.625rem;--body-font-size-medium: 1.125;--body-line-height-medium: 1rem;--body-font-size-small: .875rem;--body-line-height-small: 1.125rem;--body-font-size-tiny: .75rem;--body-line-height-tiny: 1rem;--quote-font-size-large: 1.5rem;--quote-line-height-large: 2rem;--quote-font-weight-large: normal;--quote-font-size: 1rem;--quote-line-height: 1.3125rem;--quote-font-weight: normal;--form-input-font-size: 1rem;--form-input-line-height: 1.3125rem;--form-input-font-weight: bold;--form-hint-font-size: .875rem;--form-hint-line-height: 1.3125rem;--form-hint-font-weight: normal;--form-label-font-size: .875rem;--form-label-line-height: 1.3125rem;--form-label-font-weight: normal;--form-dropdown-font-size: 1rem;--form-dropdown-line-height: 1.3125rem;--form-dropdown-font-weight: normal;--table-font-size: .875rem;--table-line-height: 1.0625rem;--table-header-font-weight: bold;--table-body-font-weight: normal;--table-body-secondary-line-height: 1.3125rem;--button-font-size: 1rem;--button-line-height: 1.25rem;--button-font-weight: bold;--font-size-small: .75rem;--font-weight-small: 400;--font-line-height-small: 1.25rem;--font-weight-700: 700}:root{--spacing: 8px;--border-radius: 6px;--border-radius-soft: 4px;--transition-soft: .3s;--transition-long: .75s}*{box-sizing:border-box}:root{--border-radius-border-radius: .375rem;--size-base-size: 1rem;--size-base-size-sm: .75rem;--colors-base-green-3: #a1edcb;--colors-brand-success-color-success-border: var(--colors-base-green-3);--colors-base-green-1: #f0fff7;--colors-brand-success-color-success-bg: var(--colors-base-green-1);--colors-brand-error-color-error-border: #ffccc7;--colors-brand-error-color-error-bg: #fff2f0;--colors-brand-error-color-error-hover: #ff7875;--colors-brand-error-color-error-active: #d9363e;--colors-brand-error-color-error: #ff4d4f;--colors-base-gold-3: #ffe58f;--colors-brand-warning-color-warning-border: var(--colors-base-gold-3);--colors-base-gold-1: #fffbe6;--colors-brand-warning-color-warning-bg: var(--colors-base-gold-1);--colors-base-blue-3: #94ddff;--colors-brand-primary-color-primary-border: var(--colors-base-blue-3);--colors-brand-info-color-info-border: var(--colors-brand-primary-color-primary-border);--colors-brand-info-color-info-bg: var(--colors-brand-primary-color-primary-bg);--colors-base-blue-6: #1897f3;--colors-brand-primary-color-primary: var(--colors-base-blue-6);--colors-base-blue-4: #6bcbff;--colors-brand-primary-color-primary-border-hover: var(--colors-base-blue-4);--colors-base-blue-7: #0a75cc;--colors-brand-primary-color-primary-active: var(--colors-base-blue-7);--colors-neutral-border-color-border: #d9d9d9;--colors-neutral-text-color-text: rgba(63, 61, 75, .8784313725);--colors-neutral-text-color-text-tertiary: rgba(63, 61, 75, .4509803922);--colors-neutral-text-color-text-description: var(--colors-neutral-text-color-text-tertiary);--colors-neutral-text-color-text-quaternary: rgba(63, 61, 75, .2509803922);--colors-neutral-text-color-text-disabled: var(--colors-neutral-text-color-text-quaternary);--colors-neutral-fill-color-fill: rgba(0, 0, 0, .1490196078);--colors-base-green-6: #28c88f;--colors-brand-success-color-success: var(--colors-base-green-6);--colors-base-blue-1: #e6f9ff;--colors-brand-primary-color-primary-bg: var(--colors-base-blue-1);--colors-neutral-text-color-text-secondary: rgba(63, 61, 75, .6509803922);--colors-neutral-bg-color-bg-layout: #fafafa;--colors-base-green-7: #18a175;--colors-brand-success-color-success-active: var(--colors-base-green-7);--colors-base-blue-9: #003e80;--colors-brand-primary-color-primary-text: var(--colors-base-blue-9);--colors-neutral-fill-color-fill-tertiary: rgba(0, 0, 0, .0392156863);--colors-neutral-bg-color-bg-container-disabled: var(--colors-neutral-fill-color-fill-tertiary)}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@pismo/marola",
   "description": "CDX tribe component library",
-  "version": "2.1.60",
+  "version": "2.1.61",
   "type": "module",
   "main": "dist/main.js",
   "types": "dist/main.d.ts",

package/dist/SelectButton-C7KNiPyJ.js

@@ -1,58 +0,0 @@
-import { jsxs as l, jsx as e } from "react/jsx-runtime";
-import { forwardRef as d } from "react";
-import { c as u } from "./clsx-OuTLNxxd.js";
-import { Icon as n } from "./components/Icon/Icon.js";
-import { Typography as i } from "./components/Typography/Typography.js";
-import './assets/SelectButton.css';const f = "_select__listbox__option__text_c8xhm_66", w = "_select__wrapper_c8xhm_79", g = "_select__label_c8xhm_85", v = "_select_c8xhm_58", y = "_select__popup_c8xhm_100", N = "_select__listbox_c8xhm_66", S = "_select__listbox__option_c8xhm_66", j = "_select__listbox__option__icon_c8xhm_130", t = {
-  "select-button__text": "_select-button__text_c8xhm_58",
-  select__listbox__option__text: f,
-  select__wrapper: w,
-  "select__wrapper--fit-content-width": "_select__wrapper--fit-content-width_c8xhm_82",
-  select__label: g,
-  "messages-wrapper": "_messages-wrapper_c8xhm_93",
-  select: v,
-  select__popup: y,
-  select__listbox: N,
-  select__listbox__option: S,
-  select__listbox__option__icon: j,
-  "select__listbox__option--disabled": "_select__listbox__option--disabled_c8xhm_133",
-  "select__listbox__option--selected": "_select__listbox__option--selected_c8xhm_133",
-  "select-button": "_select-button_c8xhm_58",
-  "select-button--full-width": "_select-button--full-width_c8xhm_169",
-  "select-button--placeholder": "_select-button--placeholder_c8xhm_172",
-  "select-button__icon": "_select-button__icon_c8xhm_190",
-  "select-button--active": "_select-button--active_c8xhm_193",
-  "select-button--error": "_select-button--error_c8xhm_196",
-  "info-message": "_info-message_c8xhm_226",
-  "error-message": "_error-message_c8xhm_227"
-}, R = d((_, r) => {
-  const { children: s, disabled: a, className: p, "data-testid": x, prefix: c, onClick: b, fullWidth: m, placeholder: h } = _, o = _["aria-expanded"];
-  return /* @__PURE__ */ l(
-    "button",
-    {
-      className: u(
-        p,
-        o ? t["select-button--active"] : "",
-        t["select-button"],
-        m && t["select-button--full-width"],
-        String(h) === String(s) && t["select-button--placeholder"]
-      ),
-      type: "button",
-      onClick: b,
-      disabled: a,
-      "data-testid": x,
-      ref: r,
-      children: [
-        /* @__PURE__ */ l("span", { className: t["select-button__text"], children: [
-          c && /* @__PURE__ */ e(i, { variant: "base-lg", children: c }),
-          /* @__PURE__ */ e(i, { variant: "base-lg", children: s })
-        ] }),
-        /* @__PURE__ */ e("span", { className: t["select-button__icon"], children: o ? /* @__PURE__ */ e(n, { icon: "chevron-up" }) : /* @__PURE__ */ e(n, { icon: "chevron-down" }) })
-      ]
-    }
-  );
-});
-export {
-  R as S,
-  t as s
-};