@pismo/marola 1.0.12 → 1.0.14

package/dist/assets/Avatar.css

@@ -1 +1 @@
-._u-typography-h1_4n12g_1{font-size:var(--heading-font-size-1);font-weight:var(--heading-font-weight);line-height:var(--heading-line-height-1);margin:0}._u-typography-h2_4n12g_8{font-size:var(--heading-font-size-2);font-weight:var(--heading-font-weight);line-height:var(--heading-line-height-2);margin:0}._u-typography-h3_4n12g_15{font-size:var(--heading-font-size-3);font-weight:var(--heading-font-weight);line-height:var(--heading-line-height-3);margin:0}._u-typography-h4_4n12g_22{font-size:var(--heading-font-size-4);font-weight:var(--heading-font-weight);line-height:var(--heading-line-height-4);margin:0}._u-typography-h5_4n12g_29{font-size:var(--heading-font-size-5);font-weight:var(--heading-font-weight);line-height:var(--heading-line-height-5);margin:0}._u-typography-h6_4n12g_36{font-size:var(--heading-font-size-6);font-weight:var(--heading-font-weight);line-height:var(--heading-line-height-6);margin:0}._u-typography-base_4n12g_43{margin:0;font-size:var(--base-font-size);font-weight:var(--base-weight);line-height:var(--base-line-height)}._u-typography-base--xxl_4n12g_49{font-size:var(--base-font-size-xxl);line-height:var(--base-line-height-xxl)}._u-typography-base--xl_4n12g_53{font-size:var(--base-font-size-xl);line-height:var(--base-line-height-xl)}._u-typography-base--lg_4n12g_57,._avatar_4n12g_57{font-size:var(--base-font-size-lg);line-height:var(--base-line-height-lg)}._u-typography-base--sm_4n12g_61{font-size:var(--base-font-size-sm);line-height:var(--base-line-height-sm)}._u-typography-base--bold_4n12g_65{font-weight:var(--base-bold)}._u-typography-base--strikethrough_4n12g_68{text-decoration:line-through}._u-typography-base--underlined_4n12g_71{text-decoration:underline}._u-typography-base--strikethrough-underlined_4n12g_74{text-decoration:underline line-through}._avatar_4n12g_57{display:inline-flex;align-items:center;justify-content:center;background-color:var(--gray-5);overflow:hidden;position:relative}._avatar--large_4n12g_86{width:40px;height:40px}._avatar--default_4n12g_90{width:32px;height:32px}._avatar--small_4n12g_94{width:24px;height:24px}._avatar--custom_4n12g_98{width:var(--avatar-custom-size);height:var(--avatar-custom-size)}._avatar--circle_4n12g_102{border-radius:50%}._avatar--square_4n12g_105{border-radius:6px}._avatar__icon_4n12g_108,._avatar__image_4n12g_108,._avatar__text_4n12g_108{display:flex;align-items:center;justify-content:center;width:100%;height:100%}._avatar__image_4n12g_108 img{width:100%;height:100%;object-fit:cover}
+._u-typography-h1_fk6lm_1{font-size:var(--heading-font-size-1);font-weight:var(--heading-font-weight);line-height:var(--heading-line-height-1);margin:0}._u-typography-h2_fk6lm_8{font-size:var(--heading-font-size-2);font-weight:var(--heading-font-weight);line-height:var(--heading-line-height-2);margin:0}._u-typography-h3_fk6lm_15{font-size:var(--heading-font-size-3);font-weight:var(--heading-font-weight);line-height:var(--heading-line-height-3);margin:0}._u-typography-h4_fk6lm_22{font-size:var(--heading-font-size-4);font-weight:var(--heading-font-weight);line-height:var(--heading-line-height-4);margin:0}._u-typography-h5_fk6lm_29{font-size:var(--heading-font-size-5);font-weight:var(--heading-font-weight);line-height:var(--heading-line-height-5);margin:0}._u-typography-h6_fk6lm_36{font-size:var(--heading-font-size-6);font-weight:var(--heading-font-weight);line-height:var(--heading-line-height-6);margin:0}._u-typography-base_fk6lm_43{margin:0;font-size:var(--base-font-size);font-weight:var(--base-weight);line-height:var(--base-line-height)}._u-typography-base--xxl_fk6lm_49{font-size:var(--base-font-size-xxl);line-height:var(--base-line-height-xxl)}._u-typography-base--xl_fk6lm_53{font-size:var(--base-font-size-xl);line-height:var(--base-line-height-xl)}._u-typography-base--lg_fk6lm_57,._avatar_fk6lm_57{font-size:var(--base-font-size-lg);line-height:var(--base-line-height-lg)}._u-typography-base--sm_fk6lm_61{font-size:var(--base-font-size-sm);line-height:var(--base-line-height-sm)}._u-typography-base--bold_fk6lm_65{font-weight:var(--base-bold)}._u-typography-base--strikethrough_fk6lm_68{text-decoration:line-through}._u-typography-base--underlined_fk6lm_71{text-decoration:underline}._u-typography-base--strikethrough-underlined_fk6lm_74{text-decoration:underline line-through}._avatar_fk6lm_57{position:relative;display:inline-flex;align-items:center;justify-content:center;overflow:hidden;background-color:var(--avatar-background)}._avatar--large_fk6lm_86{width:40px;height:40px}._avatar--default_fk6lm_90{width:32px;height:32px}._avatar--small_fk6lm_94{width:24px;height:24px}._avatar--custom_fk6lm_98{width:var(--avatar-custom-size);height:var(--avatar-custom-size)}._avatar--circle_fk6lm_102{border-radius:50%}._avatar--square_fk6lm_105{border-radius:6px}._avatar__icon_fk6lm_108,._avatar__image_fk6lm_108,._avatar__text_fk6lm_108{display:flex;align-items:center;justify-content:center;width:100%;height:100%;color:var(--white-100)}._avatar__image_fk6lm_108 img{width:100%;height:100%;object-fit:cover}

package/dist/assets/PageHeader.css

@@ -1 +1 @@
-._u-typography-h1_1loyf_1{font-size:var(--heading-font-size-1);font-weight:var(--heading-font-weight);line-height:var(--heading-line-height-1);margin:0}._u-typography-h2_1loyf_8{font-size:var(--heading-font-size-2);font-weight:var(--heading-font-weight);line-height:var(--heading-line-height-2);margin:0}._u-typography-h3_1loyf_15{font-size:var(--heading-font-size-3);font-weight:var(--heading-font-weight);line-height:var(--heading-line-height-3);margin:0}._u-typography-h4_1loyf_22,._page-header__main-left-content_1loyf_22 ._title_1loyf_22{font-size:var(--heading-font-size-4);font-weight:var(--heading-font-weight);line-height:var(--heading-line-height-4);margin:0}._u-typography-h5_1loyf_29{font-size:var(--heading-font-size-5);font-weight:var(--heading-font-weight);line-height:var(--heading-line-height-5);margin:0}._u-typography-h6_1loyf_36{font-size:var(--heading-font-size-6);font-weight:var(--heading-font-weight);line-height:var(--heading-line-height-6);margin:0}._u-typography-base_1loyf_43,._page-header__main-left-content_1loyf_22 ._subtitle_1loyf_43{margin:0;font-size:var(--base-font-size);font-weight:var(--base-weight);line-height:var(--base-line-height)}._u-typography-base--xxl_1loyf_49{font-size:var(--base-font-size-xxl);line-height:var(--base-line-height-xxl)}._u-typography-base--xl_1loyf_53{font-size:var(--base-font-size-xl);line-height:var(--base-line-height-xl)}._u-typography-base--lg_1loyf_57{font-size:var(--base-font-size-lg);line-height:var(--base-line-height-lg)}._u-typography-base--sm_1loyf_61{font-size:var(--base-font-size-sm);line-height:var(--base-line-height-sm)}._u-typography-base--bold_1loyf_65,._page-header__main-left-content_1loyf_22 ._title_1loyf_22{font-weight:var(--base-bold)}._u-typography-base--strikethrough_1loyf_68{text-decoration:line-through}._u-typography-base--underlined_1loyf_71{text-decoration:underline}._u-typography-base--strikethrough-underlined_1loyf_74{text-decoration:underline line-through}._page-header_1loyf_22{display:flex;flex-direction:column;justify-content:center;width:100%;min-height:7.375rem;background:var(--cream);-webkit-font-smoothing:antialiased!important}._page-header_1loyf_22:has(._page-header__top-content_1loyf_87){justify-content:flex-start}._page-header__top-content_1loyf_87,._page-header__main-content_1loyf_90,._page-header__bottom-content_1loyf_90{width:64rem;max-width:100%;margin:0 auto}._page-header__top-content_1loyf_87{padding:1rem 0 .5rem}._page-header__top-content_1loyf_87 button{width:fit-content;height:1.125rem;padding:0;line-height:1.125rem}._page-header__breadcrumb_1loyf_104{display:flex;gap:.25rem;align-items:center}._page-header__breadcrumb_1loyf_104 button{color:var(--gray-95)}._page-header__breadcrumb_1loyf_104 button:hover:enabled{color:var(--hover)}._page-header__breadcrumb__separator_1loyf_115{height:1.125rem;padding:0;margin-right:-.25rem;line-height:1.125rem}._page-header__main-content_1loyf_90{position:relative;display:flex}._page-header__main-left-content_1loyf_22{display:flex;flex:1;flex-direction:column;justify-content:center}._page-header__main-left-content_1loyf_22 ._title_1loyf_22,._page-header__main-left-content_1loyf_22 ._subtitle_1loyf_43{display:block;width:100%;padding:0;margin:0;color:var(--gray-90)}._page-header__main-left-content_1loyf_22 ._account-header_1loyf_139{flex:1}._page-header__main-left-content_1loyf_22 ._account-header--container_1loyf_142{position:absolute;max-width:80%;height:5.75rem;background-color:var(--white-100);border:1px solid var(--border-secondary);border-radius:8px}._page-header__main-right-content_1loyf_150{display:flex;align-items:center;margin-bottom:1.125rem}._page-header__bottom-content_1loyf_90{margin-top:.8125rem}._account-header-margin_1loyf_159{margin-bottom:16px}
+._u-typography-h1_18adz_1{font-size:var(--heading-font-size-1);font-weight:var(--heading-font-weight);line-height:var(--heading-line-height-1);margin:0}._u-typography-h2_18adz_8{font-size:var(--heading-font-size-2);font-weight:var(--heading-font-weight);line-height:var(--heading-line-height-2);margin:0}._u-typography-h3_18adz_15{font-size:var(--heading-font-size-3);font-weight:var(--heading-font-weight);line-height:var(--heading-line-height-3);margin:0}._u-typography-h4_18adz_22,._page-header__main-left-content_18adz_22 ._title_18adz_22{font-size:var(--heading-font-size-4);font-weight:var(--heading-font-weight);line-height:var(--heading-line-height-4);margin:0}._u-typography-h5_18adz_29{font-size:var(--heading-font-size-5);font-weight:var(--heading-font-weight);line-height:var(--heading-line-height-5);margin:0}._u-typography-h6_18adz_36{font-size:var(--heading-font-size-6);font-weight:var(--heading-font-weight);line-height:var(--heading-line-height-6);margin:0}._u-typography-base_18adz_43,._page-header__main-left-content_18adz_22 ._subtitle_18adz_43{margin:0;font-size:var(--base-font-size);font-weight:var(--base-weight);line-height:var(--base-line-height)}._u-typography-base--xxl_18adz_49{font-size:var(--base-font-size-xxl);line-height:var(--base-line-height-xxl)}._u-typography-base--xl_18adz_53{font-size:var(--base-font-size-xl);line-height:var(--base-line-height-xl)}._u-typography-base--lg_18adz_57{font-size:var(--base-font-size-lg);line-height:var(--base-line-height-lg)}._u-typography-base--sm_18adz_61{font-size:var(--base-font-size-sm);line-height:var(--base-line-height-sm)}._u-typography-base--bold_18adz_65,._page-header__main-left-content_18adz_22 ._title_18adz_22{font-weight:var(--base-bold)}._u-typography-base--strikethrough_18adz_68{text-decoration:line-through}._u-typography-base--underlined_18adz_71{text-decoration:underline}._u-typography-base--strikethrough-underlined_18adz_74{text-decoration:underline line-through}._page-header_18adz_22{display:flex;flex-direction:column;justify-content:center;width:100%;min-height:7.375rem;background:var(--cream);-webkit-font-smoothing:antialiased!important}._page-header_18adz_22:has(._page-header__top-content_18adz_87){justify-content:flex-start}._page-header__top-content_18adz_87,._page-header__main-content_18adz_90,._page-header__bottom-content_18adz_90{width:64rem;max-width:100%;margin:0 auto}._page-header__top-content_18adz_87{padding:1rem 0 .5rem}._page-header__top-content_18adz_87 button{width:fit-content;height:1.125rem;padding:0;line-height:1.125rem}._page-header__breadcrumb_18adz_104{display:flex;gap:.5rem;align-items:center}._page-header__breadcrumb_18adz_104 button{color:var(--gray-95)}._page-header__breadcrumb_18adz_104 button:hover:enabled{color:var(--hover)}._page-header__breadcrumb__separator_18adz_115{height:1.125rem;padding:0;line-height:1.125rem}._page-header__main-content_18adz_90{position:relative;display:flex}._page-header__main-left-content_18adz_22{display:flex;flex:1;flex-direction:column;justify-content:center}._page-header__main-left-content_18adz_22 ._title_18adz_22,._page-header__main-left-content_18adz_22 ._subtitle_18adz_43{display:block;width:100%;padding:0;margin:0;color:var(--gray-90)}._page-header__main-left-content_18adz_22 ._account-header_18adz_138{flex:1}._page-header__main-left-content_18adz_22 ._account-header--container_18adz_141{position:absolute;max-width:80%;height:5.75rem;background-color:var(--white-100);border:1px solid var(--border-secondary);border-radius:8px}._page-header__main-right-content_18adz_149{display:flex;align-items:center;margin-bottom:1.125rem}._page-header__bottom-content_18adz_90{margin-top:.8125rem}._account-header-margin_18adz_158{margin-bottom:16px}

package/dist/assets/TransactionRow.css

@@ -0,0 +1 @@
+._container_1zn5j_1{width:100%;height:56px;border-top:1px solid var(--border-secondary)}._container-grid_1zn5j_6{display:grid;grid-template-columns:1fr 2fr .5fr 4fr 2fr 2fr;align-items:center;justify-content:space-between;padding:12px 16px}._container-pending_1zn5j_13{display:flex;align-items:center;justify-content:flex-start;padding:12px 16px}._container-pending--right_1zn5j_19{margin-left:auto}._container_1zn5j_1 :hover{background-color:var(--border-secondary)}._info-section_1zn5j_26{display:flex}._info-section--item_1zn5j_29{padding-left:8px}._info-section--item_1zn5j_29:not(:first-child){margin-left:8px;border-left:1px solid var(--border-secondary)}._info-section--right_1zn5j_36{display:flex;justify-content:flex-end}

package/dist/components/Avatar/Avatar.js

@@ -1,46 +1,46 @@
 import '../../assets/Avatar.css';
 import { jsxs as v, jsx as _ } from "react/jsx-runtime";
-import { forwardRef as c, useMemo as y } from "react";
-import { c as d } from "../../clsx-DB4S2d7J.js";
-const m = "_avatar_4n12g_57", b = "_avatar__icon_4n12g_108", x = "_avatar__image_4n12g_108", f = "_avatar__text_4n12g_108", t = {
-  "u-typography-h1": "_u-typography-h1_4n12g_1",
-  "u-typography-h2": "_u-typography-h2_4n12g_8",
-  "u-typography-h3": "_u-typography-h3_4n12g_15",
-  "u-typography-h4": "_u-typography-h4_4n12g_22",
-  "u-typography-h5": "_u-typography-h5_4n12g_29",
-  "u-typography-h6": "_u-typography-h6_4n12g_36",
-  "u-typography-base": "_u-typography-base_4n12g_43",
-  "u-typography-base--xxl": "_u-typography-base--xxl_4n12g_49",
-  "u-typography-base--xl": "_u-typography-base--xl_4n12g_53",
-  "u-typography-base--lg": "_u-typography-base--lg_4n12g_57",
-  avatar: m,
-  "u-typography-base--sm": "_u-typography-base--sm_4n12g_61",
-  "u-typography-base--bold": "_u-typography-base--bold_4n12g_65",
-  "u-typography-base--strikethrough": "_u-typography-base--strikethrough_4n12g_68",
-  "u-typography-base--underlined": "_u-typography-base--underlined_4n12g_71",
-  "u-typography-base--strikethrough-underlined": "_u-typography-base--strikethrough-underlined_4n12g_74",
-  "avatar--large": "_avatar--large_4n12g_86",
-  "avatar--default": "_avatar--default_4n12g_90",
-  "avatar--small": "_avatar--small_4n12g_94",
-  "avatar--custom": "_avatar--custom_4n12g_98",
-  "avatar--circle": "_avatar--circle_4n12g_102",
-  "avatar--square": "_avatar--square_4n12g_105",
-  avatar__icon: b,
-  avatar__image: x,
-  avatar__text: f
-}, $ = c((h, n) => {
-  const { type: e, size: a = "default", shape: g = "circle", children: s, className: o, "data-testid": u } = h, r = typeof a == "number", i = y(
+import { forwardRef as c, useMemo as l } from "react";
+import { c as f } from "../../clsx-DB4S2d7J.js";
+const n = "_avatar_fk6lm_57", d = "_avatar__icon_fk6lm_108", k = "_avatar__image_fk6lm_108", b = "_avatar__text_fk6lm_108", t = {
+  "u-typography-h1": "_u-typography-h1_fk6lm_1",
+  "u-typography-h2": "_u-typography-h2_fk6lm_8",
+  "u-typography-h3": "_u-typography-h3_fk6lm_15",
+  "u-typography-h4": "_u-typography-h4_fk6lm_22",
+  "u-typography-h5": "_u-typography-h5_fk6lm_29",
+  "u-typography-h6": "_u-typography-h6_fk6lm_36",
+  "u-typography-base": "_u-typography-base_fk6lm_43",
+  "u-typography-base--xxl": "_u-typography-base--xxl_fk6lm_49",
+  "u-typography-base--xl": "_u-typography-base--xl_fk6lm_53",
+  "u-typography-base--lg": "_u-typography-base--lg_fk6lm_57",
+  avatar: n,
+  "u-typography-base--sm": "_u-typography-base--sm_fk6lm_61",
+  "u-typography-base--bold": "_u-typography-base--bold_fk6lm_65",
+  "u-typography-base--strikethrough": "_u-typography-base--strikethrough_fk6lm_68",
+  "u-typography-base--underlined": "_u-typography-base--underlined_fk6lm_71",
+  "u-typography-base--strikethrough-underlined": "_u-typography-base--strikethrough-underlined_fk6lm_74",
+  "avatar--large": "_avatar--large_fk6lm_86",
+  "avatar--default": "_avatar--default_fk6lm_90",
+  "avatar--small": "_avatar--small_fk6lm_94",
+  "avatar--custom": "_avatar--custom_fk6lm_98",
+  "avatar--circle": "_avatar--circle_fk6lm_102",
+  "avatar--square": "_avatar--square_fk6lm_105",
+  avatar__icon: d,
+  avatar__image: k,
+  avatar__text: b
+}, $ = c((h, m) => {
+  const { type: e, size: a = "default", shape: o = "circle", children: s, className: p, "data-testid": u } = h, r = typeof a == "number", g = l(
     () => ({
       width: r ? a : void 0,
       height: r ? a : void 0,
       "--avatar-custom-size": r ? `${a}px` : void 0
     }),
     [a, r]
-  ), p = r ? "custom" : a, l = y(
-    () => d(t.avatar, t[`avatar--${p}`], t[`avatar--${g}`], o),
-    [p, g, o]
+  ), y = r ? "custom" : a, i = l(
+    () => f(t.avatar, t[`avatar--${y}`], t[`avatar--${o}`], p),
+    [y, o, p]
   );
-  return /* @__PURE__ */ v("div", { ref: n, style: i, className: l, "data-testid": u, children: [
+  return /* @__PURE__ */ v("div", { ref: m, style: g, className: i, "data-testid": u, children: [
     e === "icon" && /* @__PURE__ */ _("span", { className: t.avatar__icon, children: s }),
     e === "image" && /* @__PURE__ */ _("div", { className: t.avatar__image, children: /* @__PURE__ */ _("img", { src: s, alt: "avatar" }) }),
     e === "text" && /* @__PURE__ */ _("span", { className: t.avatar__text, children: s })

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

@@ -17,7 +17,7 @@ declare const meta: {
 };
 export default meta;
 type Story = StoryObj<typeof meta>;
-export declare const Icon: Story;
+export declare const WithIcon: Story;
 export declare const Image: Story;
 export declare const Text: Story;
 export declare const CustomSize: Story;