@pismo/marola 1.1.6 → 1.1.9

package/dist/assets/Badge.css

@@ -0,0 +1 @@
+._badge-root_1nh6a_1{box-sizing:border-box;margin:0;padding:0;font-variant:tabular-nums;list-style:none;font-family:IBM Plex Sans,sans-serif;position:relative;display:inline-block;line-height:1}._badge_1nh6a_1{z-index:auto;position:absolute;top:.25rem;right:.5rem;min-width:1rem;height:1rem;color:#fff;font-weight:500;font-size:.75rem;line-height:1rem;white-space:nowrap;text-align:center;border-radius:50%;background-color:var(--error-text);transform:translate(50%,-50%);transform-origin:100% 0}._badge--red_1nh6a_31{background-color:var(--error-text)}._badge--green_1nh6a_34{background-color:var(--colors-brand-success-color-success)}._badge--blue_1nh6a_37{background-color:var(--colors-brand-primary-color-primary-active)}._badge--blueInvert_1nh6a_40{background-color:var(--colors-brand-primary-color-primary-bg);color:var(--colors-brand-primary-color-primary-active)}._badge--gray_1nh6a_44{background-color:rgb(from var(--black-100) r g b/.15);color:var(--black)}._badge--basic_1nh6a_48{background-color:#fff;color:var(--black);border:1px solid rgba(from var(--black-100) r g b/.06);line-height:.875rem}._badge--double_1nh6a_54{width:1.625rem;border-radius:100px}._badge--triple_1nh6a_58{width:2.5rem;border-radius:100px}._badge--medium_1nh6a_62{min-width:1.25rem;min-height:1.25rem;line-height:1.25rem}

package/dist/assets/Calendar.css

@@ -1 +1 @@
-._calendar-wrapper_1cyku_1._mode-view_1cyku_1{display:flex;flex-wrap:wrap;row-gap:2rem;transition:.3s}._calendar-wrapper_1cyku_1._mode-view_1cyku_1 ._calendar-day_1cyku_7{display:flex;flex-direction:column;min-height:3.2rem}._calendar-wrapper_1cyku_1._mode-view_1cyku_1 ._calendar-day_1cyku_7 ._day-number_1cyku_12{padding-left:.625rem;font-size:1rem;line-height:1.5rem;color:var(--gray-50)}._calendar-wrapper_1cyku_1._mode-view_1cyku_1 ._calendar-day_1cyku_7 ._day-id_1cyku_18{flex:1 1;min-width:5.6875rem;padding:0 .625rem;font-size:.875rem;color:var(--gray-75);border:.0625rem solid var(--gray-25);border-top:none;border-right:none}._calendar-wrapper_1cyku_1._mode-view_1cyku_1 ._calendar-day_1cyku_7._day-active_1cyku_28 ._day-number_1cyku_12{font-weight:700;color:var(--gray-75)}._calendar-wrapper_1cyku_1._mode-edit_1cyku_33{display:flex;flex-wrap:wrap;gap:.5rem;transition:.3s}._calendar-wrapper_1cyku_1._mode-edit_1cyku_33 ._calendar-day_1cyku_7{display:flex;gap:.5rem;align-items:center;justify-content:center;width:5.188rem;height:3.5rem;padding:1rem;cursor:pointer;background-color:var(--gray-5);border-radius:6px}._calendar-wrapper_1cyku_1._mode-edit_1cyku_33 ._calendar-day_1cyku_7 ._day-checkbox_1cyku_51{position:relative;width:1.5rem;height:1.5rem;border:1px solid var(--gray-25);border-radius:6px;transition:.3s}._calendar-wrapper_1cyku_1._mode-edit_1cyku_33 ._calendar-day_1cyku_7 ._day-number_1cyku_12{font-size:1rem;font-weight:700;color:var(--gray-75)}._calendar-wrapper_1cyku_1._mode-edit_1cyku_33 ._calendar-day_1cyku_7._day-active_1cyku_28 ._day-checkbox_1cyku_51{background-color:var(--blue-6);border:1px solid var(--blue-6);transition:.3s}._calendar-wrapper_1cyku_1._mode-edit_1cyku_33 ._calendar-day_1cyku_7._day-active_1cyku_28 ._day-checkbox_1cyku_51:after{position:absolute;top:5px;left:8px;box-sizing:content-box;width:4px;height:8px;content:"";border-right:2px solid var(--white-100);border-bottom:2px solid var(--white-100);transform:rotate(45deg)}._calendar-wrapper_1cyku_1._mode-edit_1cyku_33 ._calendar-day_1cyku_7._day-active_1cyku_28 ._day-number_1cyku_12{color:var(--blue-6)}
+._calendar-wrapper_19bxk_1._mode-view_19bxk_1{display:flex;flex-wrap:wrap;transition:.3s}._calendar-wrapper_19bxk_1._mode-view_19bxk_1 ._calendar-day_19bxk_6{display:flex;flex-direction:column;min-height:5rem;padding:1rem;border:.0625rem solid var(--gray-25);border-top:0;border-right:0}._calendar-wrapper_19bxk_1._mode-view_19bxk_1 ._calendar-day_19bxk_6 ._day-number_19bxk_15{padding-bottom:.5rem;padding-left:.625rem;font-size:1rem;line-height:1.5rem;color:var(--gray-50)}._calendar-wrapper_19bxk_1._mode-view_19bxk_1 ._calendar-day_19bxk_6 ._day-id_19bxk_22{flex:1 1;min-width:5.6875rem;padding:0 .625rem;font-size:.875rem;color:var(--gray-75);border-top:none;border-right:none}._calendar-wrapper_19bxk_1._mode-view_19bxk_1 ._calendar-day_19bxk_6._day-active_19bxk_31 ._day-number_19bxk_15{font-weight:700;color:var(--gray-75)}._calendar-wrapper_19bxk_1._mode-edit_19bxk_36{display:flex;flex-wrap:wrap;transition:.3s}._calendar-wrapper_19bxk_1._mode-edit_19bxk_36 ._calendar-day_19bxk_6{display:flex;gap:.5rem;align-items:center;justify-content:center;width:5.188rem;height:3.5rem;margin:.88rem;cursor:pointer;background:var(--cream);border-radius:6px}._calendar-wrapper_19bxk_1._mode-edit_19bxk_36 ._calendar-day_19bxk_6 ._day-checkbox_19bxk_53{position:relative;width:1.5rem;height:1.5rem;border:1px solid var(--gray-25);border-radius:6px;transition:.3s}._calendar-wrapper_19bxk_1._mode-edit_19bxk_36 ._calendar-day_19bxk_6 ._day-number_19bxk_15{font-size:1rem;font-weight:700;color:var(--gray-75)}._calendar-wrapper_19bxk_1._mode-edit_19bxk_36 ._calendar-day_19bxk_6._day-active_19bxk_31 ._day-checkbox_19bxk_53{background-color:var(--blue-6);border:1px solid var(--blue-6);transition:.3s}._calendar-wrapper_19bxk_1._mode-edit_19bxk_36 ._calendar-day_19bxk_6._day-active_19bxk_31 ._day-checkbox_19bxk_53:after{position:absolute;top:5px;left:8px;box-sizing:content-box;width:4px;height:8px;content:"";border-right:2px solid var(--white-100);border-bottom:2px solid var(--white-100);transform:rotate(45deg)}._calendar-wrapper_19bxk_1._mode-edit_19bxk_36 ._calendar-day_19bxk_6._day-active_19bxk_31 ._day-number_19bxk_15{color:var(--blue-6)}._disabled-calendar_19bxk_87{pointer-events:none;filter:grayscale(1) opacity(.75);transition:.3s}

package/dist/assets/Table.css

@@ -1 +1 @@
-._table_484oh_1{color:var(--secondary-orange);border-spacing:0}._table--fixed_484oh_5{table-layout:fixed}._table--full-width_484oh_8{width:100%}._table--white-theme_484oh_11{background:var(--white-100)}._table--transparent-theme_484oh_14{background:transparent}._table_484oh_1 th._cell--left-alignment_484oh_17,._table_484oh_1 td._cell--left-alignment_484oh_17{text-align:left}._table_484oh_1 th._cell--center-alignment_484oh_21,._table_484oh_1 td._cell--center-alignment_484oh_21{text-align:center}._table_484oh_1 th._cell--right-alignment_484oh_25,._table_484oh_1 td._cell--right-alignment_484oh_25{text-align:right}._table_484oh_1 thead{font-size:.75rem;font-weight:900;line-height:1rem;color:var(--gray-90);text-transform:uppercase}._table_484oh_1 thead tr th{align-items:center;height:4rem;padding:0 1rem;line-height:1rem;border-bottom:.0625rem solid var(--gray-25)}._table_484oh_1 thead tr th ._th__wrapper_484oh_43>span,._table_484oh_1 thead tr th ._th__wrapper_484oh_43 span+span{display:inline-flex;align-items:center}._table_484oh_1 thead tr th ._th__wrapper--pressed_484oh_48{padding:.25rem .5rem;margin:0 -.5rem;background-color:var(--gray-10);border-radius:.375rem}._table_484oh_1 thead tr th ._th__wrapper--clickable_484oh_54{cursor:pointer}._table_484oh_1 thead tr th ._th__wrapper_484oh_43 ._th__sort-icon-container_484oh_57{padding-left:.25rem}._table_484oh_1 tbody{font-size:1rem;font-weight:400;line-height:1.3125rem;color:var(--gray-90)}._table_484oh_1 tbody tr:hover:not(._tr__row-or-cell--disabled_484oh_66){background-color:rgb(var(--gray-5-rgb),.5)}._table_484oh_1 tbody ._tr_484oh_66,._table_484oh_1 tbody ._td_484oh_70{height:3.5rem;padding:0 1rem;line-height:var(--body-line-height);border-bottom:.0625rem solid var(--gray-10)}._table_484oh_1 tbody ._tr__row-or-cell--clickable_484oh_76,._table_484oh_1 tbody ._td__row-or-cell--clickable_484oh_77{cursor:pointer}._table_484oh_1 tbody ._tr__row-or-cell--disabled_484oh_66,._table_484oh_1 tbody ._td__row-or-cell--disabled_484oh_81{background:var(--cream);filter:grayscale(1)}._table_484oh_1 tbody ._tr__row-or-cell--disabled_484oh_66 ._td-wrapper_484oh_85,._table_484oh_1 tbody ._td__row-or-cell--disabled_484oh_81 ._td-wrapper_484oh_85{opacity:.25}._table_484oh_1 tbody tr._tr--last-row_484oh_89 td{border-bottom:none}
+._table_r5070_1{color:var(--secondary-orange);border-spacing:0}._table--fixed_r5070_5{table-layout:fixed}._table--full-width_r5070_8{width:100%}._table--white-theme_r5070_11{background:var(--white-100)}._table--transparent-theme_r5070_14{background:transparent}._table_r5070_1 th._cell--left-alignment_r5070_17,._table_r5070_1 td._cell--left-alignment_r5070_17{text-align:left}._table_r5070_1 th._cell--center-alignment_r5070_21,._table_r5070_1 td._cell--center-alignment_r5070_21{text-align:center}._table_r5070_1 th._cell--right-alignment_r5070_25,._table_r5070_1 td._cell--right-alignment_r5070_25{text-align:right}._table_r5070_1 thead{font-size:.75rem;font-weight:900;line-height:1rem;color:var(--colors-neutral-text-color-text);text-transform:uppercase}._table_r5070_1 thead tr th{position:relative;align-items:center;height:3.5rem;padding:0 1rem;line-height:1rem;border-top:.0625rem solid var(--border-secondary);border-bottom:.0625rem solid var(--border-secondary)}._table_r5070_1 thead tr th ._th__wrapper_r5070_45>span,._table_r5070_1 thead tr th ._th__wrapper_r5070_45 span+span{display:inline-flex;align-items:center}._table_r5070_1 thead tr th ._th__wrapper--pressed_r5070_50{padding:.25rem .5rem;margin:0 -.5rem;background-color:var(--gray-10);border-radius:.375rem}._table_r5070_1 thead tr th ._th__wrapper--clickable_r5070_56{cursor:pointer}._table_r5070_1 thead tr th ._th__wrapper_r5070_45 ._th__sort-icon-container_r5070_59{padding-left:.25rem}._table_r5070_1 tbody{font-size:1rem;font-weight:400;line-height:1.3125rem;color:var(--colors-neutral-text-color-text)}._table_r5070_1 tbody tr:hover:not(._tr__row-or-cell--disabled_r5070_68){background-color:rgb(var(--gray-5-rgb),.5)}._table_r5070_1 tbody ._tr_r5070_68,._table_r5070_1 tbody ._td_r5070_72,._table_r5070_1 tbody ._expand-toggle_r5070_73{height:3.5rem;padding:0 1rem;line-height:var(--body-line-height);border-bottom:.0625rem solid var(--border-secondary)}._table_r5070_1 tbody ._tr__row-or-cell--clickable_r5070_79,._table_r5070_1 tbody ._td__row-or-cell--clickable_r5070_80,._table_r5070_1 tbody ._expand-toggle__row-or-cell--clickable_r5070_81{cursor:pointer}._table_r5070_1 tbody ._tr__row-or-cell--disabled_r5070_68,._table_r5070_1 tbody ._td__row-or-cell--disabled_r5070_85,._table_r5070_1 tbody ._expand-toggle__row-or-cell--disabled_r5070_86{background:var(--cream);filter:grayscale(1)}._table_r5070_1 tbody ._tr__row-or-cell--disabled_r5070_68 ._td-wrapper_r5070_90,._table_r5070_1 tbody ._td__row-or-cell--disabled_r5070_85 ._td-wrapper_r5070_90,._table_r5070_1 tbody ._expand-toggle__row-or-cell--disabled_r5070_86 ._td-wrapper_r5070_90{opacity:.25}._table_r5070_1 tbody ._tr_r5070_68 tr,._table_r5070_1 tbody ._td_r5070_72 tr,._table_r5070_1 tbody ._expand-toggle_r5070_73 tr{opacity:1;transition:opacity 1s ease-in-out}._table_r5070_1 tbody ._tr_r5070_68 tr._fade-in_r5070_101,._table_r5070_1 tbody ._td_r5070_72 tr._fade-in_r5070_101,._table_r5070_1 tbody ._expand-toggle_r5070_73 tr._fade-in_r5070_101{opacity:0}._table_r5070_1 tbody ._tr_r5070_68 tr._fade-in_r5070_101 td,._table_r5070_1 tbody ._td_r5070_72 tr._fade-in_r5070_101 td,._table_r5070_1 tbody ._expand-toggle_r5070_73 tr._fade-in_r5070_101 td{padding-top:0;padding-bottom:0;border-top-width:0;border-bottom-width:0}._table_r5070_1 tbody ._tr_r5070_68 td,._table_r5070_1 tbody ._td_r5070_72 td,._table_r5070_1 tbody ._expand-toggle_r5070_73 td{transition:padding 1s ease-in-out,border-width 1s ease-in-out}._table_r5070_1 tbody tr._tr--last-row_r5070_119 td{border-bottom:none}._fade-in_r5070_101{animation:_fadeIn_r5070_1 1s ease-in-out forwards}@keyframes _fadeIn_r5070_1{0%{opacity:0}to{opacity:1}}._expand-toggle_r5070_73{display:inline-flex;gap:.625rem;align-items:center;width:100%;margin-left:-.4rem;cursor:pointer;-webkit-user-select:none;user-select:none}._expand-toggle--expand-icon_r5070_144{transform:rotate(180deg)}

package/dist/components/Badge/Badge.d.ts

@@ -0,0 +1,10 @@
+import { ReactNode } from 'react';
+
+export type BadgeProps = {
+    count: number;
+    children?: ReactNode;
+    variant?: 'red' | 'green' | 'blue' | 'blueInvert' | 'gray' | 'basic';
+    size?: 'small' | 'medium';
+    className?: string;
+};
+export declare const Badge: ({ count, children, variant, size, className }: BadgeProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/Badge/Badge.js

@@ -0,0 +1,34 @@
+import { jsxs as n, jsx as o } from "react/jsx-runtime";
+import { useMemo as l } from "react";
+import { c as t } from "../../clsx-DB4S2d7J.js";
+import '../../assets/Badge.css';const h = "_badge_1nh6a_1", e = {
+  "badge-root": "_badge-root_1nh6a_1",
+  badge: h,
+  "badge--red": "_badge--red_1nh6a_31",
+  "badge--green": "_badge--green_1nh6a_34",
+  "badge--blue": "_badge--blue_1nh6a_37",
+  "badge--blueInvert": "_badge--blueInvert_1nh6a_40",
+  "badge--gray": "_badge--gray_1nh6a_44",
+  "badge--basic": "_badge--basic_1nh6a_48",
+  "badge--double": "_badge--double_1nh6a_54",
+  "badge--triple": "_badge--triple_1nh6a_58",
+  "badge--medium": "_badge--medium_1nh6a_62"
+}, p = ({ count: a, children: r, variant: d, size: b, className: g }) => {
+  const _ = a > 99 ? "triple" : a > 9 ? "double" : "single", s = l(
+    () => t([
+      e.badge,
+      e[`badge--${d}`],
+      e[`badge--${b}`],
+      e[`badge--${_}`],
+      g
+    ]),
+    [g, d, b, _]
+  );
+  return /* @__PURE__ */ n("span", { className: e["badge-root"], children: [
+    r,
+    /* @__PURE__ */ o("span", { className: s, children: a > 999 ? "999+" : a })
+  ] });
+};
+export {
+  p as Badge
+};

package/dist/components/Badge/Badge.stories.d.ts

@@ -0,0 +1,14 @@
+import { BadgeProps } from '../../main';
+import { StoryObj } from '@storybook/react';
+
+declare const meta: {
+    title: string;
+    component: ({ count, children, variant, size, className }: BadgeProps) => import("react/jsx-runtime").JSX.Element;
+    tags: string[];
+    parameters: {
+        layout: string;
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;

package/dist/components/Badge/Badge.test.d.ts

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

package/dist/components/Calendar/Calendar.d.ts

@@ -9,11 +9,12 @@ export type CalendarProps = {
     totalDays?: number;
     days?: Day[];
     mode?: 'view' | 'edit';
+    disable?: boolean;
     onChangeDay?: (args: {
         changedDay: Day;
         changedDayIndex?: number;
         selectedDays: Day[];
     }) => void;
 };
-declare const Calendar: ({ days, onChangeDay, mode, totalDays, className, ...rest }: CalendarProps) => import("react/jsx-runtime").JSX.Element;
+declare const Calendar: ({ days, onChangeDay, mode, totalDays, className, disable, ...rest }: CalendarProps) => import("react/jsx-runtime").JSX.Element;
 export { Calendar };

package/dist/components/Calendar/Calendar.js

@@ -1,43 +1,64 @@
 import { jsx as s, jsxs as k } from "react/jsx-runtime";
-import { c as v } from "../../clsx-DB4S2d7J.js";
-import '../../assets/Calendar.css';const c = {
-  "calendar-wrapper": "_calendar-wrapper_1cyku_1",
-  "mode-view": "_mode-view_1cyku_1",
-  "calendar-day": "_calendar-day_1cyku_7",
-  "day-number": "_day-number_1cyku_12",
-  "day-id": "_day-id_1cyku_18",
-  "day-active": "_day-active_1cyku_28",
-  "mode-edit": "_mode-edit_1cyku_33",
-  "day-checkbox": "_day-checkbox_1cyku_51"
-}, b = ({ days: t = [], onChangeDay: l, mode: o = "view", totalDays: e = 28, className: m, ...p }) => {
-  const u = (a, d) => {
-    let r = [...t];
-    d !== void 0 ? a.active || a.id ? r[d] = a : r.splice(d, 1) : a.active && r.push(a), r = r.sort((_, i) => _.day - i.day), l == null || l({
-      changedDay: a,
-      changedDayIndex: d,
-      selectedDays: r
+import { c as b } from "../../clsx-DB4S2d7J.js";
+import '../../assets/Calendar.css';const d = {
+  "calendar-wrapper": "_calendar-wrapper_19bxk_1",
+  "mode-view": "_mode-view_19bxk_1",
+  "calendar-day": "_calendar-day_19bxk_6",
+  "day-number": "_day-number_19bxk_15",
+  "day-id": "_day-id_19bxk_22",
+  "day-active": "_day-active_19bxk_31",
+  "mode-edit": "_mode-edit_19bxk_36",
+  "day-checkbox": "_day-checkbox_19bxk_53",
+  "disabled-calendar": "_disabled-calendar_19bxk_87"
+}, f = ({
+  days: e = [],
+  onChangeDay: t,
+  mode: l = "view",
+  totalDays: v = 28,
+  className: n,
+  disable: o,
+  ...m
+}) => {
+  const p = (r, _) => {
+    let a = [...e];
+    _ !== void 0 ? r.active || r.id ? a[_] = r : a.splice(_, 1) : r.active && a.push(r), a = a.sort((c, i) => c.day - i.day), t == null || t({
+      changedDay: r,
+      changedDayIndex: _,
+      selectedDays: a
     });
   };
-  return /* @__PURE__ */ s("div", { className: v(c["calendar-wrapper"], c[`mode-${o}`], m), ...p, children: new Array(e).fill(null).map((a, d) => {
-    const r = d + 1, _ = t.findIndex((n) => n.day === r), i = _ >= 0 ? t[_] : void 0;
-    return /* @__PURE__ */ k(
-      "div",
-      {
-        className: v(c["calendar-day"], (i == null ? void 0 : i.active) && c["day-active"]),
-        onClick: o === "edit" ? () => u(
-          { day: r, id: i == null ? void 0 : i.id, active: !(i != null && i.active) },
-          _ >= 0 ? _ : void 0
-        ) : void 0,
-        children: [
-          /* @__PURE__ */ s("span", { className: c["day-checkbox"] }),
-          /* @__PURE__ */ s("span", { className: c["day-number"], children: String(r).padStart(2, "0") }),
-          o === "view" && /* @__PURE__ */ s("span", { className: c["day-id"], children: i != null && i.id && (i != null && i.active) ? `ID: ${i == null ? void 0 : i.id}` : "" })
-        ]
-      },
-      d
-    );
-  }) });
+  return /* @__PURE__ */ s(
+    "div",
+    {
+      className: b(
+        d["calendar-wrapper"],
+        d[`mode-${l}`],
+        o && l === "edit" && d["disabled-calendar"],
+        n
+      ),
+      ...m,
+      children: new Array(v).fill(null).map((r, _) => {
+        const a = _ + 1, c = e.findIndex((x) => x.day === a), i = c >= 0 ? e[c] : void 0;
+        return /* @__PURE__ */ k(
+          "div",
+          {
+            className: b(d["calendar-day"], (i == null ? void 0 : i.active) && d["day-active"]),
+            onClick: l === "edit" ? () => p(
+              { day: a, id: i == null ? void 0 : i.id, active: !(i != null && i.active) },
+              c >= 0 ? c : void 0
+            ) : void 0,
+            children: [
+              /* @__PURE__ */ s("span", { className: d["day-checkbox"] }),
+              /* @__PURE__ */ s("span", { className: d["day-number"], children: String(a).padStart(2, "0") }),
+              l === "view" && /* @__PURE__ */ s("span", { className: d["day-id"], children: i != null && i.id && (i != null && i.active) ? `ID: ${i == null ? void 0 : i.id}` : "" })
+            ]
+          },
+          _
+        );
+      })
+    }
+  );
 };
 export {
-  b as Calendar
+  f as Calendar
 };

package/dist/components/Calendar/Calendar.stories.d.ts

@@ -2,7 +2,7 @@ import { StoryObj } from '@storybook/react';
 
 declare const meta: {
     title: string;
-    component: ({ days, onChangeDay, mode, totalDays, className, ...rest }: import('./Calendar').CalendarProps) => import("react/jsx-runtime").JSX.Element;
+    component: ({ days, onChangeDay, mode, totalDays, className, disable, ...rest }: import('./Calendar').CalendarProps) => import("react/jsx-runtime").JSX.Element;
     tags: string[];
     parameters: {
         layout: string;
@@ -12,3 +12,4 @@ export default meta;
 type Story = StoryObj<typeof meta>;
 export declare const CalendarViewMode: Story;
 export declare const CalendarEditMode: Story;
+export declare const CalendarDisable: Story;

package/dist/components/Table/Table.d.ts

@@ -1,6 +1,7 @@
 import { TableTranslations } from './TableContext';
 import { SortType } from '../SortTooltip/SortTooltip';
 import { PaginationProps } from '../Pagination/Pagination';
+import { default as React } from 'react';
 
 export type ChildrenProps = {
     /** Children of the component */
@@ -20,6 +21,17 @@ type AlignProps = {
     /** Alignment */
     align?: 'left' | 'right' | 'center';
 };
+type ExpandableProps = {
+    /** Whether the row should be expandable */
+    expandable?: boolean;
+    /** Text label for the expanadable row */
+    expandLabel?: string;
+    expandedRows?: React.ReactNode[];
+    /** Initially expanded state */
+    defaultExpanded?: boolean;
+    /** indentation level for nested expandable rows */
+    level?: number;
+};
 type TableTheme = 'white' | 'transparent';
 export type TableProps = ChildrenProps & {
     /** Set if the table is full width */
@@ -37,24 +49,28 @@ export type TableProps = ChildrenProps & {
 };
 declare const Table: {
     ({ children, theme, fullWidth, className, paginationProps, isFixed, language, translations, ...rest }: TableProps): import("react/jsx-runtime").JSX.Element;
-    THead: import('react').FunctionComponent<ChildrenProps>;
-    TBody: import('react').FunctionComponent<ChildrenProps>;
-    Tr: import('react').FunctionComponent<TrProps>;
-    Td: import('react').FunctionComponent<TdProps>;
-    Th: import('react').FunctionComponent<ThProps>;
+    THead: React.FunctionComponent<ChildrenProps>;
+    TBody: React.FunctionComponent<ChildrenProps>;
+    Tr: React.FunctionComponent<TrProps>;
+    Td: React.FunctionComponent<TdProps>;
+    Th: React.FunctionComponent<ThProps>;
 };
 export declare const THead: ({ children, ...rest }: ChildrenProps) => import("react/jsx-runtime").JSX.Element;
 export declare const TBody: ({ children, ...rest }: ChildrenProps) => import("react/jsx-runtime").JSX.Element;
-export type TrProps = ChildrenProps & ActionProps & {
+export type TrProps = ChildrenProps & ActionProps & ExpandableProps & {
     lastRow?: boolean;
 };
-export declare const Tr: ({ children, onClick, disabled, className, lastRow, ...rest }: TrProps) => import("react/jsx-runtime").JSX.Element;
-export type TdProps = ChildrenProps & ActionProps & AlignProps;
-export declare const Td: ({ children, onClick, disabled, className, align, ...rest }: TdProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Tr: ({ children, onClick, disabled, className, lastRow, expandable, expandLabel, expandedRows, defaultExpanded, level, ...rest }: TrProps) => import("react/jsx-runtime").JSX.Element;
+export type TdProps = ChildrenProps & ActionProps & AlignProps & {
+    width?: string;
+    colSpan?: number;
+};
+export declare const Td: ({ children, onClick, disabled, className, align, width, ...rest }: TdProps) => import("react/jsx-runtime").JSX.Element;
 export type ThProps = ChildrenProps & AlignProps & {
     onSort?: (order: SortType) => void;
     sortType?: SortType;
     classNameTooltip?: string;
+    width?: string;
 };
-export declare const Th: ({ children, onSort, sortType, className, classNameTooltip, align, ...rest }: ThProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Th: ({ children, onSort, sortType, className, classNameTooltip, align, width, ...rest }: ThProps) => import("react/jsx-runtime").JSX.Element;
 export { Table, type TableTranslations };

package/dist/components/Table/Table.js

@@ -1,39 +1,45 @@
-import { jsxs as f, jsx as r } from "react/jsx-runtime";
-import * as i from "react";
-import { useState as u } from "react";
-import { c as m } from "../../clsx-DB4S2d7J.js";
-import { paginationDefaultTranslations as b, Pagination as g } from "../Pagination/Pagination.js";
-import { sortTooltipDefaultTranslations as T, SortTooltip as N } from "../SortTooltip/SortTooltip.js";
-import { TableProvider as y, useTable as x } from "./TableContext.js";
-import '../../assets/Table.css';const C = (l) => /* @__PURE__ */ i.createElement("svg", { width: 7, height: 10, viewBox: "0 0 7 10", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...l }, /* @__PURE__ */ i.createElement("g", { clipPath: "url(#clip0_2291_2457)" }, /* @__PURE__ */ i.createElement("path", { d: "M6.41658 3.93794C6.26731 3.93794 6.11798 3.88301 6.00423 3.77314L3.49991 1.35923L0.995768 3.77271C0.767904 3.99243 0.398763 3.99243 0.170898 3.77271C-0.0569661 3.55298 -0.0569661 3.19702 0.170898 2.97729L3.08756 0.164795C3.31543 -0.0549316 3.68457 -0.0549316 3.91243 0.164795L6.8291 2.97729C7.05697 3.19702 7.05697 3.55298 6.8291 3.77271C6.71553 3.88345 6.56605 3.93794 6.41658 3.93794Z", fill: "#1897F3" }), /* @__PURE__ */ i.createElement("path", { opacity: 0.4, d: "M6.41663 5.38022C6.26737 5.38022 6.11804 5.43516 6.00429 5.54502L3.49997 7.95894L0.99528 5.5437C0.767415 5.32397 0.398275 5.32397 0.17041 5.5437C-0.0574544 5.76343 -0.0574544 6.11938 0.17041 6.33911L3.08708 9.15161C3.31494 9.37134 3.68408 9.37134 3.91195 9.15161L6.82861 6.33911C7.05648 6.11938 7.05648 5.76343 6.82861 5.5437C6.71559 5.43472 6.56611 5.38022 6.41663 5.38022Z", fill: "#1897F3" })), /* @__PURE__ */ i.createElement("defs", null, /* @__PURE__ */ i.createElement("clipPath", { id: "clip0_2291_2457" }, /* @__PURE__ */ i.createElement("rect", { width: 7, height: 10, fill: "white" })))), L = "_table_484oh_1", E = "_th__wrapper_484oh_43", v = "_tr_484oh_66", B = "_td_484oh_70", t = {
-  table: L,
-  "table--fixed": "_table--fixed_484oh_5",
-  "table--full-width": "_table--full-width_484oh_8",
-  "table--white-theme": "_table--white-theme_484oh_11",
-  "table--transparent-theme": "_table--transparent-theme_484oh_14",
-  "cell--left-alignment": "_cell--left-alignment_484oh_17",
-  "cell--center-alignment": "_cell--center-alignment_484oh_21",
-  "cell--right-alignment": "_cell--right-alignment_484oh_25",
-  th__wrapper: E,
-  "th__wrapper--pressed": "_th__wrapper--pressed_484oh_48",
-  "th__wrapper--clickable": "_th__wrapper--clickable_484oh_54",
-  "th__sort-icon-container": "_th__sort-icon-container_484oh_57",
-  "tr__row-or-cell--disabled": "_tr__row-or-cell--disabled_484oh_66",
-  tr: v,
-  td: B,
-  "tr__row-or-cell--clickable": "_tr__row-or-cell--clickable_484oh_76",
-  "td__row-or-cell--clickable": "_td__row-or-cell--clickable_484oh_77",
-  "td__row-or-cell--disabled": "_td__row-or-cell--disabled_484oh_81",
-  "td-wrapper": "_td-wrapper_484oh_85",
-  "tr--last-row": "_tr--last-row_484oh_89"
-}, H = {
+import { jsxs as g, jsx as r, Fragment as B } from "react/jsx-runtime";
+import * as n from "react";
+import T, { useState as C } from "react";
+import { c as f } from "../../clsx-DB4S2d7J.js";
+import { paginationDefaultTranslations as x, Pagination as F } from "../Pagination/Pagination.js";
+import { sortTooltipDefaultTranslations as u, SortTooltip as k } from "../SortTooltip/SortTooltip.js";
+import { TableProvider as D, useTable as H } from "./TableContext.js";
+import '../../assets/Table.css';const N = (l) => /* @__PURE__ */ n.createElement("svg", { width: 24, height: 24, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...l }, /* @__PURE__ */ n.createElement("g", { id: "chevron-down" }, /* @__PURE__ */ n.createElement("path", { id: "Vector", d: "M12 17C11.7441 17 11.4881 16.9023 11.2931 16.707L5.29309 10.707C4.90247 10.3164 4.90247 9.68359 5.29309 9.29297C5.68372 8.90234 6.31653 8.90234 6.70715 9.29297L12 14.5875L17.2937 9.29375C17.6843 8.90312 18.3172 8.90312 18.7078 9.29375C19.0984 9.68437 19.0984 10.3172 18.7078 10.7078L12.7078 16.7078C12.5125 16.9031 12.2562 17 12 17Z", fill: "#1897F3" }))), I = (l) => /* @__PURE__ */ n.createElement("svg", { width: 7, height: 10, viewBox: "0 0 7 10", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...l }, /* @__PURE__ */ n.createElement("g", { clipPath: "url(#clip0_2291_2457)" }, /* @__PURE__ */ n.createElement("path", { d: "M6.41658 3.93794C6.26731 3.93794 6.11798 3.88301 6.00423 3.77314L3.49991 1.35923L0.995768 3.77271C0.767904 3.99243 0.398763 3.99243 0.170898 3.77271C-0.0569661 3.55298 -0.0569661 3.19702 0.170898 2.97729L3.08756 0.164795C3.31543 -0.0549316 3.68457 -0.0549316 3.91243 0.164795L6.8291 2.97729C7.05697 3.19702 7.05697 3.55298 6.8291 3.77271C6.71553 3.88345 6.56605 3.93794 6.41658 3.93794Z", fill: "#1897F3" }), /* @__PURE__ */ n.createElement("path", { opacity: 0.4, d: "M6.41663 5.38022C6.26737 5.38022 6.11804 5.43516 6.00429 5.54502L3.49997 7.95894L0.99528 5.5437C0.767415 5.32397 0.398275 5.32397 0.17041 5.5437C-0.0574544 5.76343 -0.0574544 6.11938 0.17041 6.33911L3.08708 9.15161C3.31494 9.37134 3.68408 9.37134 3.91195 9.15161L6.82861 6.33911C7.05648 6.11938 7.05648 5.76343 6.82861 5.5437C6.71559 5.43472 6.56611 5.38022 6.41663 5.38022Z", fill: "#1897F3" })), /* @__PURE__ */ n.createElement("defs", null, /* @__PURE__ */ n.createElement("clipPath", { id: "clip0_2291_2457" }, /* @__PURE__ */ n.createElement("rect", { width: 7, height: 10, fill: "white" })))), M = "_table_r5070_1", P = "_th__wrapper_r5070_45", $ = "_tr_r5070_68", O = "_td_r5070_72", S = "_fadeIn_r5070_1", e = {
+  table: M,
+  "table--fixed": "_table--fixed_r5070_5",
+  "table--full-width": "_table--full-width_r5070_8",
+  "table--white-theme": "_table--white-theme_r5070_11",
+  "table--transparent-theme": "_table--transparent-theme_r5070_14",
+  "cell--left-alignment": "_cell--left-alignment_r5070_17",
+  "cell--center-alignment": "_cell--center-alignment_r5070_21",
+  "cell--right-alignment": "_cell--right-alignment_r5070_25",
+  th__wrapper: P,
+  "th__wrapper--pressed": "_th__wrapper--pressed_r5070_50",
+  "th__wrapper--clickable": "_th__wrapper--clickable_r5070_56",
+  "th__sort-icon-container": "_th__sort-icon-container_r5070_59",
+  "tr__row-or-cell--disabled": "_tr__row-or-cell--disabled_r5070_68",
+  tr: $,
+  td: O,
+  "expand-toggle": "_expand-toggle_r5070_73",
+  "tr__row-or-cell--clickable": "_tr__row-or-cell--clickable_r5070_79",
+  "td__row-or-cell--clickable": "_td__row-or-cell--clickable_r5070_80",
+  "expand-toggle__row-or-cell--clickable": "_expand-toggle__row-or-cell--clickable_r5070_81",
+  "td__row-or-cell--disabled": "_td__row-or-cell--disabled_r5070_85",
+  "expand-toggle__row-or-cell--disabled": "_expand-toggle__row-or-cell--disabled_r5070_86",
+  "td-wrapper": "_td-wrapper_r5070_90",
+  "fade-in": "_fade-in_r5070_101",
+  "tr--last-row": "_tr--last-row_r5070_119",
+  fadeIn: S,
+  "expand-toggle--expand-icon": "_expand-toggle--expand-icon_r5070_144"
+}, Z = {
   pt: {
-    ...b.pt,
-    ...T.pt
+    ...x.pt,
+    ...u.pt
   },
   en: {
-    ...b.en,
-    ...T.en
+    ...x.en,
+    ...u.en
   },
   // example to add a new language translation
   es: {
@@ -45,83 +51,119 @@ import '../../assets/Table.css';const C = (l) => /* @__PURE__ */ i.createElement
     of: "de",
     results: "resultados"
   }
-}, o = ({
+}, s = ({
   children: l,
-  theme: e = "white",
+  theme: t = "white",
   fullWidth: a = !0,
-  className: n,
-  paginationProps: _,
-  isFixed: c,
-  language: s,
-  translations: w,
-  ...h
+  className: p,
+  paginationProps: i,
+  isFixed: _,
+  language: o,
+  translations: c,
+  ...w
 }) => {
-  const d = m(
-    t.table,
-    a && t["table--full-width"],
-    c && t["table--fixed"],
-    t[`table--${e}-theme`],
-    n
-  ), p = s && H[s] || w;
-  return /* @__PURE__ */ f(y, { initialTranslations: p, children: [
-    /* @__PURE__ */ r("table", { ...h, className: d, children: l }),
-    _ && /* @__PURE__ */ r(g, { ..._, t: p })
+  const d = f(
+    e.table,
+    a && e["table--full-width"],
+    _ && e["table--fixed"],
+    e[`table--${t}-theme`],
+    p
+  ), h = o && Z[o || "en"] || c;
+  return /* @__PURE__ */ g(D, { initialTranslations: h, children: [
+    /* @__PURE__ */ r("table", { ...w, className: d, children: l }),
+    i && /* @__PURE__ */ r(F, { ...i, t: h || x.en })
   ] });
-}, P = ({ children: l, ...e }) => /* @__PURE__ */ r("thead", { ...e, children: l }), D = ({ children: l, ...e }) => /* @__PURE__ */ r("tbody", { ...e, children: l }), M = ({ children: l, onClick: e, disabled: a, className: n, lastRow: _, ...c }) => {
-  const s = m(
-    t.tr,
-    e && !a ? t["tr__row-or-cell--clickable"] : a ? t["tr__row-or-cell--disabled"] : "",
+}, j = ({ children: l, ...t }) => /* @__PURE__ */ r("thead", { ...t, children: l }), A = ({ children: l, ...t }) => /* @__PURE__ */ r("tbody", { ...t, children: l }), V = ({
+  children: l,
+  onClick: t,
+  disabled: a,
+  className: p,
+  lastRow: i,
+  expandable: _ = !1,
+  expandLabel: o,
+  expandedRows: c,
+  defaultExpanded: w = !1,
+  level: d = 0,
+  ...h
+}) => {
+  const [b, y] = C(w), E = () => {
+    a || y((m) => !m);
+  }, v = f(
+    e.tr,
+    t && !a ? e["tr__row-or-cell--clickable"] : a ? e["tr__row-or-cell--disabled"] : "",
+    _ && e["tr-expandable"],
     // Optionally remove border bottom on last row
-    _ && t["tr--last-row"],
-    n
+    i && e["tr--last-row"],
+    p
   );
-  return /* @__PURE__ */ r("tr", { ...c, className: s, onClick: () => !a && (e == null ? void 0 : e()), children: l });
-}, O = ({ children: l, onClick: e, disabled: a, className: n, align: _ = "left", ...c }) => {
-  const s = m(
-    t.td,
-    e && !a ? t["td__row-or-cell--clickable"] : a ? t["td__row-or-cell--disabled"] : "",
-    t[`cell--${_}-alignment`],
-    n
+  return /* @__PURE__ */ g(B, { children: [
+    /* @__PURE__ */ g("tr", { ...h, className: v, onClick: _ ? E : () => !a && (t == null ? void 0 : t()), children: [
+      _ && /* @__PURE__ */ r("td", { colSpan: T.Children.count(l) + 1, style: { paddingLeft: `${d * 16}px` }, children: /* @__PURE__ */ g("div", { className: e["expand-toggle"], children: [
+        b ? /* @__PURE__ */ r(N, { width: 24, height: 24, className: e["expand-toggle--expand-icon"] }) : /* @__PURE__ */ r(N, { width: 24, height: 24 }),
+        o
+      ] }) }),
+      !_ && l
+    ] }),
+    _ && b && (c == null ? void 0 : c.map((m, L) => /* @__PURE__ */ r(T.Fragment, { children: T.isValidElement(m) ? T.cloneElement(m, {
+      className: f(m.props.className, e["fade-in"]),
+      level: d + 1
+    }) : m }, L)))
+  ] });
+}, W = ({ children: l, onClick: t, disabled: a, className: p, align: i = "left", width: _, ...o }) => {
+  const c = f(
+    e.td,
+    t && !a ? e["td__row-or-cell--clickable"] : a ? e["td__row-or-cell--disabled"] : "",
+    e[`cell--${i}-alignment`],
+    p
   );
-  return /* @__PURE__ */ r("td", { ...c, className: s, onClick: () => !a && (e == null ? void 0 : e()), children: /* @__PURE__ */ r("span", { className: t["td-wrapper"], children: l }) });
-}, $ = ({ children: l, onSort: e, sortType: a, className: n, classNameTooltip: _, align: c = "left", ...s }) => {
-  const { translations: w } = x(), [h, d] = u(!1), p = m(
-    t.th__wrapper,
-    h ? t["th__wrapper--pressed"] : "",
-    e ? t["th__wrapper--clickable"] : "",
-    n
+  return /* @__PURE__ */ r("td", { ...o, className: c, style: { width: _ }, onClick: () => !a && (t == null ? void 0 : t()), children: /* @__PURE__ */ r("span", { className: e["td-wrapper"], children: l }) });
+}, q = ({
+  children: l,
+  onSort: t,
+  sortType: a,
+  className: p,
+  classNameTooltip: i,
+  align: _ = "left",
+  width: o,
+  ...c
+}) => {
+  const { translations: w } = H(), [d, h] = C(!1), b = f(
+    e.th__wrapper,
+    d ? e["th__wrapper--pressed"] : "",
+    t ? e["th__wrapper--clickable"] : "",
+    p
   );
-  return /* @__PURE__ */ r("th", { ...s, className: t[`cell--${c}-alignment`], children: /* @__PURE__ */ r("span", { className: p, onClick: e && (() => d(!h)), children: e ? /* @__PURE__ */ f(
-    N,
+  return /* @__PURE__ */ r("th", { ...c, className: e[`cell--${_}-alignment`], style: o ? { width: o } : {}, children: /* @__PURE__ */ r("span", { className: b, onClick: t && (() => h(!d)), children: t ? /* @__PURE__ */ g(
+    k,
     {
-      onClose: () => d(!1),
-      onSort: e,
-      show: h,
+      onClose: () => h(!1),
+      onSort: t,
+      show: d,
       sortType: a,
-      className: _,
+      className: i,
       t: w,
       children: [
         /* @__PURE__ */ r("span", { children: l }),
-        /* @__PURE__ */ r("span", { className: t["th__sort-icon-container"], children: /* @__PURE__ */ r(C, { width: 12, height: 12 }) })
+        /* @__PURE__ */ r("span", { className: e["th__sort-icon-container"], children: /* @__PURE__ */ r(I, { width: 12, height: 12 }) })
       ]
     }
   ) : /* @__PURE__ */ r("span", { children: l }) }) });
 };
-o.THead = P;
-o.THead.displayName = "Table.THead";
-o.TBody = D;
-o.TBody.displayName = "Table.TBody";
-o.Tr = M;
-o.Tr.displayName = "Table.Tr";
-o.Td = O;
-o.Td.displayName = "Table.Td";
-o.Th = $;
-o.Th.displayName = "Table.Th";
+s.THead = j;
+s.THead.displayName = "Table.THead";
+s.TBody = A;
+s.TBody.displayName = "Table.TBody";
+s.Tr = V;
+s.Tr.displayName = "Table.Tr";
+s.Td = W;
+s.Td.displayName = "Table.Td";
+s.Th = q;
+s.Th.displayName = "Table.Th";
 export {
-  D as TBody,
-  P as THead,
-  o as Table,
-  O as Td,
-  $ as Th,
-  M as Tr
+  A as TBody,
+  j as THead,
+  s as Table,
+  W as Td,
+  q as Th,
+  V as Tr
 };

package/dist/components/Table/Table.stories.d.ts

@@ -27,3 +27,7 @@ type Story = StoryObj<typeof meta>;
 export declare const Default: Story;
 export declare const WithPagination: Story;
 export declare const WithLanguage: Story;
+export declare const WithCustomColumnWidths: Story;
+export declare const WithExpandingRowAndNoLastRowBorder: Story;
+export declare const WithMutiLevelExpandingRows: Story;
+export declare const WithExpandingReactNode: Story;

package/dist/components/Table/Table.test.d.ts

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

package/dist/components/Table/_Table.Td.stories.d.ts

@@ -3,7 +3,7 @@ import { StoryObj } from '@storybook/react';
 
 declare const meta: {
     title: string;
-    component: ({ children, onClick, disabled, className, align, ...rest }: TdProps) => import("react/jsx-runtime").JSX.Element;
+    component: ({ children, onClick, disabled, className, align, width, ...rest }: TdProps) => import("react/jsx-runtime").JSX.Element;
     tags: string[];
     parameters: {
         layout: string;

package/dist/components/Table/_Table.Th.stories.d.ts

@@ -3,7 +3,7 @@ import { StoryObj } from '@storybook/react';
 
 declare const meta: {
     title: string;
-    component: ({ children, onSort, sortType, className, classNameTooltip, align, ...rest }: ThProps) => import("react/jsx-runtime").JSX.Element;
+    component: ({ children, onSort, sortType, className, classNameTooltip, align, width, ...rest }: ThProps) => import("react/jsx-runtime").JSX.Element;
     tags: string[];
     parameters: {
         layout: string;

package/dist/components/Table/_Table.Tr.stories.d.ts

@@ -3,7 +3,7 @@ import { StoryObj } from '@storybook/react';
 
 declare const meta: {
     title: string;
-    component: ({ children, onClick, disabled, className, lastRow, ...rest }: TrProps) => import("react/jsx-runtime").JSX.Element;
+    component: ({ children, onClick, disabled, className, lastRow, expandable, expandLabel, expandedRows, defaultExpanded, level, ...rest }: TrProps) => import("react/jsx-runtime").JSX.Element;
     tags: string[];
     parameters: {
         layout: string;

package/dist/main.d.ts

@@ -7,6 +7,7 @@ export * from './components/Advice/Advice';
 export * from './components/Alert/Alert';
 export * from './components/Autocomplete/Autocomplete';
 export * from './components/Avatar/Avatar';
+export * from './components/Badge/Badge';
 export * from './components/BankCard/BankCard';
 export * from './components/Button/Button';
 export * from './components/Calendar/Calendar';

package/dist/main.js

@@ -3,107 +3,109 @@ import { Advice as p } from "./components/Advice/Advice.js";
 import { Alert as f } from "./components/Alert/Alert.js";
 import { Autocomplete as m } from "./components/Autocomplete/Autocomplete.js";
 import { Avatar as l } from "./components/Avatar/Avatar.js";
-import { BankCard as T } from "./components/BankCard/BankCard.js";
-import { Button as c } from "./components/Button/Button.js";
-import { Calendar as u } from "./components/Calendar/Calendar.js";
-import { Checkbox as d } from "./components/Checkbox/Checkbox.js";
-import { C as b, R as k, T as h } from "./Toggle-BuZjueQ7.js";
-import { ConfirmationDialog as A } from "./components/ConfirmationDialog/ConfirmationDialog.js";
-import { Description as v } from "./components/Description/Description.js";
-import { Dialog as P } from "./components/Dialog/Dialog.js";
-import { EllipsisTooltip as y } from "./components/EllipsisTooltip/EllipsisTooltip.js";
-import { Icon as w } from "./components/Icon/Icon.js";
-import { IconButton as E } from "./components/IconButton/IconButton.js";
-import { Input as N } from "./components/Input/Input.js";
-import { InputSearch as W } from "./components/InputSearch/InputSearch.js";
-import { LoadingSpinner as q } from "./components/LoadingSpinner/LoadingSpinner.js";
-import { PageHeader as F } from "./components/PageHeader/PageHeader.js";
-import { Pagination as K, paginationDefaultTranslations as M } from "./components/Pagination/Pagination.js";
-import { Popover as U } from "./components/Popover/Popover.js";
-import { RadioButton as X } from "./components/RadioButton/RadioButton.js";
-import { ResultWithChips as Z } from "./components/ResultWithChips/ResultWithChips.js";
-import { Select as $, SelectContext as oo, SelectOption as ro, useSelectContext as eo } from "./components/Select/Select.js";
-import { Skeleton as po, SkeletonCircle as ao, SkeletonTable as fo } from "./components/Skeleton/Skeleton.js";
-import { Snackbar as mo } from "./components/Snackbar/Snackbar.js";
-import { SortTooltip as lo, sortTooltipDefaultTranslations as io } from "./components/SortTooltip/SortTooltip.js";
-import { Stepper as so } from "./components/Stepper/Stepper.js";
-import { StepperNavigator as go } from "./components/StepperNavigator/StepperNavigator.js";
-import { TBody as So, THead as Co, Table as bo, Td as ko, Th as ho, Tr as Do } from "./components/Table/Table.js";
-import { Tabs as Io } from "./components/Tabs/Tabs.js";
-import { Tag as Bo } from "./components/Tag/Tag.js";
-import { TextDisplay as Ro } from "./components/TextDisplay/TextDisplay.js";
-import { Toggle as Go } from "./components/Toggle/Toggle.js";
-import { G as Ho } from "./Group-ZXteFV4M.js";
-import { Tooltip as Lo } from "./components/Tooltip/Tooltip.js";
-import { TransactionRow as Oo } from "./components/TransactionRow/TransactionRow.js";
-import { Text as jo, Typography as qo } from "./components/Typography/Typography.js";
-import { SnackbarContext as Fo, SnackbarProvider as Jo, useSnackbar as Ko } from "./contexts/SnackbarProvider/SnackbarProvider.js";
-import { default as Qo } from "./components/Dialog/DialogTitle.js";
-import { default as Vo } from "./components/Dialog/Content.js";
-import { default as Yo } from "./components/Dialog/Actions.js";
-import { Tab as _o } from "./components/Tabs/Tab.js";
-import { TabPanel as or } from "./components/Tabs/TabPanel.js";
+import { Badge as T } from "./components/Badge/Badge.js";
+import { BankCard as c } from "./components/BankCard/BankCard.js";
+import { Button as u } from "./components/Button/Button.js";
+import { Calendar as d } from "./components/Calendar/Calendar.js";
+import { Checkbox as b } from "./components/Checkbox/Checkbox.js";
+import { C as h, R as D, T as A } from "./Toggle-BuZjueQ7.js";
+import { ConfirmationDialog as I } from "./components/ConfirmationDialog/ConfirmationDialog.js";
+import { Description as P } from "./components/Description/Description.js";
+import { Dialog as y } from "./components/Dialog/Dialog.js";
+import { EllipsisTooltip as w } from "./components/EllipsisTooltip/EllipsisTooltip.js";
+import { Icon as E } from "./components/Icon/Icon.js";
+import { IconButton as N } from "./components/IconButton/IconButton.js";
+import { Input as W } from "./components/Input/Input.js";
+import { InputSearch as q } from "./components/InputSearch/InputSearch.js";
+import { LoadingSpinner as F } from "./components/LoadingSpinner/LoadingSpinner.js";
+import { PageHeader as K } from "./components/PageHeader/PageHeader.js";
+import { Pagination as Q, paginationDefaultTranslations as U } from "./components/Pagination/Pagination.js";
+import { Popover as X } from "./components/Popover/Popover.js";
+import { RadioButton as Z } from "./components/RadioButton/RadioButton.js";
+import { ResultWithChips as $ } from "./components/ResultWithChips/ResultWithChips.js";
+import { Select as ro, SelectContext as eo, SelectOption as to, useSelectContext as po } from "./components/Select/Select.js";
+import { Skeleton as fo, SkeletonCircle as xo, SkeletonTable as mo } from "./components/Skeleton/Skeleton.js";
+import { Snackbar as lo } from "./components/Snackbar/Snackbar.js";
+import { SortTooltip as To, sortTooltipDefaultTranslations as so } from "./components/SortTooltip/SortTooltip.js";
+import { Stepper as go } from "./components/Stepper/Stepper.js";
+import { StepperNavigator as So } from "./components/StepperNavigator/StepperNavigator.js";
+import { TBody as bo, THead as ko, Table as ho, Td as Do, Th as Ao, Tr as Bo } from "./components/Table/Table.js";
+import { Tabs as vo } from "./components/Tabs/Tabs.js";
+import { Tag as Ro } from "./components/Tag/Tag.js";
+import { TextDisplay as Go } from "./components/TextDisplay/TextDisplay.js";
+import { Toggle as Ho } from "./components/Toggle/Toggle.js";
+import { G as Lo } from "./Group-ZXteFV4M.js";
+import { Tooltip as Oo } from "./components/Tooltip/Tooltip.js";
+import { TransactionRow as jo } from "./components/TransactionRow/TransactionRow.js";
+import { Text as zo, Typography as Fo } from "./components/Typography/Typography.js";
+import { SnackbarContext as Ko, SnackbarProvider as Mo, useSnackbar as Qo } from "./contexts/SnackbarProvider/SnackbarProvider.js";
+import { default as Vo } from "./components/Dialog/DialogTitle.js";
+import { default as Yo } from "./components/Dialog/Content.js";
+import { default as _o } from "./components/Dialog/Actions.js";
+import { Tab as or } from "./components/Tabs/Tab.js";
+import { TabPanel as er } from "./components/Tabs/TabPanel.js";
 export {
-  Yo as Actions,
+  _o as Actions,
   e as Adornment,
   p as Advice,
   f as Alert,
   m as Autocomplete,
   l as Avatar,
-  T as BankCard,
-  c as Button,
-  u as Calendar,
-  d as Checkbox,
-  b as Chip,
-  A as ConfirmationDialog,
-  Vo as Content,
-  v as Description,
-  P as Dialog,
-  Qo as DialogTitle,
-  y as EllipsisTooltip,
-  w as Icon,
-  E as IconButton,
-  N as Input,
-  W as InputSearch,
-  q as LoadingSpinner,
-  F as PageHeader,
-  K as Pagination,
-  U as Popover,
-  X as RadioButton,
-  Z as ResultWithChips,
-  k as RowItem,
-  $ as Select,
-  oo as SelectContext,
-  ro as SelectOption,
-  po as Skeleton,
-  ao as SkeletonCircle,
-  fo as SkeletonTable,
-  mo as Snackbar,
-  Fo as SnackbarContext,
-  Jo as SnackbarProvider,
-  lo as SortTooltip,
-  so as Stepper,
-  go as StepperNavigator,
-  So as TBody,
-  Co as THead,
-  _o as Tab,
-  or as TabPanel,
-  bo as Table,
-  Io as Tabs,
-  Bo as Tag,
-  ko as Td,
-  jo as Text,
-  Ro as TextDisplay,
-  ho as Th,
-  Go as Toggle,
-  Ho as ToggleGroup,
-  h as ToggleGroupItem,
-  Lo as Tooltip,
-  Do as Tr,
-  Oo as TransactionRow,
-  qo as Typography,
-  M as paginationDefaultTranslations,
-  io as sortTooltipDefaultTranslations,
-  eo as useSelectContext,
-  Ko as useSnackbar
+  T as Badge,
+  c as BankCard,
+  u as Button,
+  d as Calendar,
+  b as Checkbox,
+  h as Chip,
+  I as ConfirmationDialog,
+  Yo as Content,
+  P as Description,
+  y as Dialog,
+  Vo as DialogTitle,
+  w as EllipsisTooltip,
+  E as Icon,
+  N as IconButton,
+  W as Input,
+  q as InputSearch,
+  F as LoadingSpinner,
+  K as PageHeader,
+  Q as Pagination,
+  X as Popover,
+  Z as RadioButton,
+  $ as ResultWithChips,
+  D as RowItem,
+  ro as Select,
+  eo as SelectContext,
+  to as SelectOption,
+  fo as Skeleton,
+  xo as SkeletonCircle,
+  mo as SkeletonTable,
+  lo as Snackbar,
+  Ko as SnackbarContext,
+  Mo as SnackbarProvider,
+  To as SortTooltip,
+  go as Stepper,
+  So as StepperNavigator,
+  bo as TBody,
+  ko as THead,
+  or as Tab,
+  er as TabPanel,
+  ho as Table,
+  vo as Tabs,
+  Ro as Tag,
+  Do as Td,
+  zo as Text,
+  Go as TextDisplay,
+  Ao as Th,
+  Ho as Toggle,
+  Lo as ToggleGroup,
+  A as ToggleGroupItem,
+  Oo as Tooltip,
+  Bo as Tr,
+  jo as TransactionRow,
+  Fo as Typography,
+  U as paginationDefaultTranslations,
+  so as sortTooltipDefaultTranslations,
+  po as useSelectContext,
+  Qo as useSnackbar
 };

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;--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-base-blue-1: #e6f9ff;--colors-brand-primary-color-primary-bg: var(--colors-base-blue-1);--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)}
+: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;--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)}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@pismo/marola",
   "description": "CDX tribe component library",
-  "version": "1.1.6",
+  "version": "1.1.9",
   "type": "module",
   "main": "dist/main.js",
   "types": "dist/main.d.ts",
@@ -100,4 +100,4 @@
     "@mui/base": "^5.0.0-beta.40",
     "@mui/material": "^5.15.15"
   }
-}
+}