@pismo/marola 1.1.0 → 1.1.2

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

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

package/dist/components/Select/SelectButton.js

@@ -3,7 +3,7 @@ import "react";
 import "../../clsx-DB4S2d7J.js";
 import "../Icon/Icon.js";
 import "../Typography/Typography.js";
-import { S } from "../../SelectButton-B38avP9u.js";
+import { S } from "../../SelectButton-DbiTJagF.js";
 export {
   S as SelectButton
 };

package/dist/components/StepperNavigator/StepperNavigator.js

@@ -1,110 +1,117 @@
 import '../../assets/StepperNavigator.css';
-import { jsxs as l, jsx as a } from "react/jsx-runtime";
-import { c as i } from "../../clsx-DB4S2d7J.js";
-import { Button as I } from "../Button/Button.js";
-import { Icon as K } from "../Icon/Icon.js";
-const _ = {
-  "stepper-navigator": "_stepper-navigator_27f6m_1",
-  "cancel-button": "_cancel-button_27f6m_11",
-  "previous-button": "_previous-button_27f6m_20",
-  "next-button": "_next-button_27f6m_39",
-  "finish-button": "_finish-button_27f6m_40"
-}, b = {
+import { jsxs as _, jsx as I } from "react/jsx-runtime";
+import { c as g } from "../../clsx-DB4S2d7J.js";
+import { Button as c } from "../Button/Button.js";
+const b = {
+  "stepper-navigator": "_stepper-navigator_v6lmn_1",
+  "previous-button": "_previous-button_v6lmn_14",
+  "cancel-button": "_cancel-button_v6lmn_15",
+  "next-button": "_next-button_v6lmn_16",
+  "finish-button": "_finish-button_v6lmn_17"
+}, h = {
   en: {
-    previous: "Previous",
+    previous: "Back",
     cancel: "Cancel",
     next: "Next",
     finish: "Finish"
   },
   pt: {
-    previous: "Anterior",
+    previous: "Voltar",
     cancel: "Cancelar",
     next: "Próximo",
     finish: "Finalizar"
   }
 }, R = ({
-  hideNext: C = !1,
-  hidePrevious: j = !1,
-  hideCancel: z = !1,
-  hideFinish: w = !1,
-  disableNext: y = !1,
+  hideNext: z = !1,
+  hidePrevious: S = !1,
+  hideCancel: V = !1,
+  hideFinish: q = !1,
+  disableNext: w = !1,
   disablePrevious: A = !1,
-  disableCancel: S = !1,
-  disableFinish: q = !1,
-  lang: h = "en",
-  labelNext: N,
-  labelPrevious: f,
-  labelCancel: g,
-  labelFinish: k,
-  className: D,
-  "data-testid": E = "stepper-navigator",
-  previousButtonProps: d,
-  cancelButtonProps: c,
-  nextButtonProps: e = { rightIcon: /* @__PURE__ */ a(K, { icon: "circle-arrow-right", size: 24 }) },
-  finishButtonProps: m,
-  onNext: F = () => {
+  disableCancel: D = !1,
+  disableFinish: E = !1,
+  lang: N = "en",
+  labelNext: k,
+  labelPrevious: C,
+  labelCancel: y,
+  labelFinish: j,
+  className: F,
+  "data-testid": G = "stepper-navigator",
+  previousButtonProps: a,
+  cancelButtonProps: d,
+  nextButtonProps: m,
+  finishButtonProps: l,
+  onNext: H = () => {
   },
-  onPrevious: G = () => {
+  onPrevious: J = () => {
   },
-  onCancel: H = () => {
+  onCancel: K = () => {
   },
-  onFinish: J = () => {
+  onFinish: L = () => {
   }
-}) => (g = g || b[h].cancel, f = f || b[h].previous, N = N || b[h].next, k = k || b[h].finish, /* @__PURE__ */ l("div", { className: i(_["stepper-navigator"], D), "data-testid": E, children: [
-  j ? /* @__PURE__ */ a("span", {}) : /* @__PURE__ */ l(
-    I,
+}) => (y = y || h[N].cancel, C = C || h[N].previous, k = k || h[N].next, j = j || h[N].finish, /* @__PURE__ */ _("div", { className: g(b["stepper-navigator"], F), "data-testid": G, children: [
+  S ? /* @__PURE__ */ I("span", {}) : /* @__PURE__ */ _(
+    c,
     {
-      className: i(_["previous-button"], d == null ? void 0 : d.className),
-      "data-testid": d == null ? void 0 : d["data-testid"],
+      variant: "default",
+      shape: "round",
+      className: g(b["previous-button"], a == null ? void 0 : a.className),
+      "data-testid": a == null ? void 0 : a["data-testid"],
       disabled: A,
-      onClick: G,
+      onClick: J,
       children: [
-        /* @__PURE__ */ a("span", { children: d == null ? void 0 : d.leftIcon }),
-        /* @__PURE__ */ a("span", { children: f }),
-        /* @__PURE__ */ a("span", { children: d == null ? void 0 : d.rightIcon })
+        (a == null ? void 0 : a.leftIcon) && /* @__PURE__ */ I("span", { children: a == null ? void 0 : a.leftIcon }),
+        /* @__PURE__ */ I("span", { children: C }),
+        (a == null ? void 0 : a.rightIcon) && /* @__PURE__ */ I("span", { children: a == null ? void 0 : a.rightIcon })
       ]
     }
   ),
-  /* @__PURE__ */ l("span", { children: [
-    !z && /* @__PURE__ */ l(
-      I,
+  /* @__PURE__ */ _("span", { children: [
+    !V && /* @__PURE__ */ _(
+      c,
       {
-        className: i(_["cancel-button"], c == null ? void 0 : c.className),
-        "data-testid": c == null ? void 0 : c["data-testid"],
-        disabled: S,
-        onClick: H,
+        variant: "text",
+        shape: "round",
+        className: g(b["cancel-button"], d == null ? void 0 : d.className),
+        "data-testid": d == null ? void 0 : d["data-testid"],
+        disabled: D,
+        onClick: K,
         children: [
-          /* @__PURE__ */ a("span", { children: c == null ? void 0 : c.leftIcon }),
-          /* @__PURE__ */ a("span", { children: g }),
-          /* @__PURE__ */ a("span", { children: c == null ? void 0 : c.rightIcon })
+          (d == null ? void 0 : d.leftIcon) && /* @__PURE__ */ I("span", { children: d == null ? void 0 : d.leftIcon }),
+          /* @__PURE__ */ I("span", { children: y }),
+          (d == null ? void 0 : d.rightIcon) && /* @__PURE__ */ I("span", { children: d == null ? void 0 : d.rightIcon })
         ]
       }
     ),
-    !C && /* @__PURE__ */ l(
-      I,
+    !z && /* @__PURE__ */ _(
+      c,
       {
-        className: i(_["next-button"], e == null ? void 0 : e.className),
-        "data-testid": e == null ? void 0 : e["data-testid"],
-        disabled: y,
-        onClick: F,
+        variant: "primary",
+        shape: "round",
+        className: g(b["next-button"], m == null ? void 0 : m.className),
+        "data-testid": m == null ? void 0 : m["data-testid"],
+        disabled: w,
+        onClick: H,
         children: [
-          /* @__PURE__ */ a("span", { children: e == null ? void 0 : e.leftIcon }),
-          /* @__PURE__ */ a("span", { children: N }),
-          /* @__PURE__ */ a("span", { children: e == null ? void 0 : e.rightIcon })
+          (m == null ? void 0 : m.leftIcon) && /* @__PURE__ */ I("span", { children: m == null ? void 0 : m.leftIcon }),
+          /* @__PURE__ */ I("span", { children: k }),
+          (m == null ? void 0 : m.rightIcon) && /* @__PURE__ */ I("span", { children: m == null ? void 0 : m.rightIcon })
         ]
       }
     ),
-    !w && /* @__PURE__ */ l(
-      I,
+    !q && /* @__PURE__ */ _(
+      c,
       {
-        className: i(_["finish-button"], m == null ? void 0 : m.className),
-        "data-testid": m == null ? void 0 : m["data-testid"],
-        disabled: q,
-        onClick: J,
+        variant: "primary",
+        shape: "round",
+        className: g(b["finish-button"], l == null ? void 0 : l.className),
+        "data-testid": l == null ? void 0 : l["data-testid"],
+        disabled: E,
+        onClick: L,
         children: [
-          /* @__PURE__ */ a("span", { children: m == null ? void 0 : m.leftIcon }),
-          /* @__PURE__ */ a("span", { children: k }),
-          /* @__PURE__ */ a("span", { children: m == null ? void 0 : m.rightIcon })
+          (l == null ? void 0 : l.leftIcon) && /* @__PURE__ */ I("span", { children: l == null ? void 0 : l.leftIcon }),
+          /* @__PURE__ */ I("span", { children: j }),
+          (l == null ? void 0 : l.rightIcon) && /* @__PURE__ */ I("span", { children: l == null ? void 0 : l.rightIcon })
         ]
       }
     )

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

@@ -15,4 +15,3 @@ export declare const WithCustomLanguage: Story;
 export declare const WithCustomLabels: Story;
 export declare const Disabled: Story;
 export declare const WithIcons: Story;
-export declare const DefaultWithNoIcons: Story;

package/dist/components/Tag/Tag.js

@@ -1,74 +1,74 @@
 import '../../assets/Tag.css';
-import { jsx as o, jsxs as d } from "react/jsx-runtime";
-import { useMemo as j } from "react";
-import { c } from "../../clsx-DB4S2d7J.js";
+import { jsx as c, jsxs as z } from "react/jsx-runtime";
+import { useMemo as q } from "react";
+import { c as i } from "../../clsx-DB4S2d7J.js";
 import { Icon as g } from "../Icon/Icon.js";
-const m = "_container_b8jbs_1", e = {
+const m = "_container_cza2q_1", e = {
   container: m,
-  "container--content": "_container--content_b8jbs_9",
-  "container--content__icon": "_container--content__icon_b8jbs_14",
-  "container--default": "_container--default_b8jbs_18",
-  "container--default__outlined": "_container--default__outlined_b8jbs_22",
-  "container--default__icon": "_container--default__icon_b8jbs_25",
-  "container--success": "_container--success_b8jbs_29",
-  "container--success__outlined": "_container--success__outlined_b8jbs_33",
-  "container--error": "_container--error_b8jbs_36",
-  "container--error__outlined": "_container--error__outlined_b8jbs_40",
-  "container--processing": "_container--processing_b8jbs_43",
-  "container--processing__outlined": "_container--processing__outlined_b8jbs_47",
-  "container--warning": "_container--warning_b8jbs_50",
-  "container--warning__outlined": "_container--warning__outlined_b8jbs_54",
-  "container--warning__icon": "_container--warning__icon_b8jbs_57",
-  "container--magenta": "_container--magenta_b8jbs_60",
-  "container--magenta__outlined": "_container--magenta__outlined_b8jbs_64",
-  "container--blue": "_container--blue_b8jbs_67",
-  "container--blue__outlined": "_container--blue__outlined_b8jbs_71",
-  "container--cyan": "_container--cyan_b8jbs_74",
-  "container--cyan__outlined": "_container--cyan__outlined_b8jbs_78",
-  "container--geek-blue": "_container--geek-blue_b8jbs_81",
-  "container--geek-blue__outlined": "_container--geek-blue__outlined_b8jbs_85",
-  "container--gold": "_container--gold_b8jbs_88",
-  "container--gold__outlined": "_container--gold__outlined_b8jbs_92",
-  "container--green": "_container--green_b8jbs_95",
-  "container--green__outlined": "_container--green__outlined_b8jbs_99",
-  "container--lime": "_container--lime_b8jbs_102",
-  "container--lime__outlined": "_container--lime__outlined_b8jbs_106",
-  "container--orange": "_container--orange_b8jbs_109",
-  "container--orange__outlined": "_container--orange__outlined_b8jbs_113",
-  "container--purple": "_container--purple_b8jbs_116",
-  "container--purple__outlined": "_container--purple__outlined_b8jbs_120",
-  "container--red": "_container--red_b8jbs_123",
-  "container--red__outlined": "_container--red__outlined_b8jbs_127",
-  "container--volcano": "_container--volcano_b8jbs_130",
-  "container--volcano__outlined": "_container--volcano__outlined_b8jbs_134"
-}, x = ({
+  "container--content": "_container--content_cza2q_9",
+  "container--content__icon": "_container--content__icon_cza2q_14",
+  "container--default": "_container--default_cza2q_18",
+  "container--default__outlined": "_container--default__outlined_cza2q_22",
+  "container--default__icon": "_container--default__icon_cza2q_25",
+  "container--success": "_container--success_cza2q_29",
+  "container--success__outlined": "_container--success__outlined_cza2q_33",
+  "container--error": "_container--error_cza2q_36",
+  "container--error__outlined": "_container--error__outlined_cza2q_40",
+  "container--processing": "_container--processing_cza2q_43",
+  "container--processing__outlined": "_container--processing__outlined_cza2q_47",
+  "container--warning": "_container--warning_cza2q_50",
+  "container--warning__outlined": "_container--warning__outlined_cza2q_54",
+  "container--warning__icon": "_container--warning__icon_cza2q_57",
+  "container--magenta": "_container--magenta_cza2q_60",
+  "container--magenta__outlined": "_container--magenta__outlined_cza2q_64",
+  "container--blue": "_container--blue_cza2q_67",
+  "container--blue__outlined": "_container--blue__outlined_cza2q_71",
+  "container--cyan": "_container--cyan_cza2q_74",
+  "container--cyan__outlined": "_container--cyan__outlined_cza2q_78",
+  "container--geek-blue": "_container--geek-blue_cza2q_81",
+  "container--geek-blue__outlined": "_container--geek-blue__outlined_cza2q_85",
+  "container--gold": "_container--gold_cza2q_88",
+  "container--gold__outlined": "_container--gold__outlined_cza2q_92",
+  "container--green": "_container--green_cza2q_95",
+  "container--green__outlined": "_container--green__outlined_cza2q_99",
+  "container--lime": "_container--lime_cza2q_102",
+  "container--lime__outlined": "_container--lime__outlined_cza2q_106",
+  "container--orange": "_container--orange_cza2q_109",
+  "container--orange__outlined": "_container--orange__outlined_cza2q_113",
+  "container--purple": "_container--purple_cza2q_116",
+  "container--purple__outlined": "_container--purple__outlined_cza2q_120",
+  "container--red": "_container--red_cza2q_123",
+  "container--red__outlined": "_container--red__outlined_cza2q_127",
+  "container--volcano": "_container--volcano_cza2q_130",
+  "container--volcano__outlined": "_container--volcano__outlined_cza2q_134"
+}, k = ({
   variant: n,
   color: _,
-  children: r,
-  "data-testid": a,
-  outlined: i = !1,
-  "with-icon": s = !1,
-  iconSize: b
+  children: t,
+  "data-testid": r,
+  outlined: o = !1,
+  "with-icon": l = !1,
+  iconSize: s
 }) => {
   n && _ && console.error("You should only use props Variant and Color one at a time");
-  const l = c(
+  const u = i(
     e.container,
     n && e[`container--${n}`],
     _ && e[`container--${_}`],
-    i && _ && e[`container--${_}__outlined`],
-    i && n && e[`container--${n}__outlined`]
-  ), u = c(e[`container--${n}__icon`], e["container--content__icon"]), t = j(() => !!n && {
+    o && _ && e[`container--${_}__outlined`],
+    o && n && e[`container--${n}__outlined`]
+  ), d = i(e[`container--${n}__icon`], e["container--content__icon"]), a = q(() => !!n && {
     default: "circle-minus",
     processing: "arrows-rotate",
     success: "circle-check",
     warning: "circle-exclamation",
     error: "circle-xmark"
   }[n], [n]);
-  return /* @__PURE__ */ o("div", { "data-testid": a, className: l, children: /* @__PURE__ */ d("div", { className: e["container--content"], children: [
-    s && !!t && /* @__PURE__ */ o("div", { className: u, children: /* @__PURE__ */ o(g, { size: b, icon: t }) }),
-    r
+  return /* @__PURE__ */ c("div", { "data-testid": r, className: u, children: /* @__PURE__ */ z("div", { className: e["container--content"], children: [
+    l && !!a && /* @__PURE__ */ c("div", { className: d, children: /* @__PURE__ */ c(g, { size: s, icon: a }) }),
+    t
   ] }) });
 };
 export {
-  x as Tag
+  k as Tag
 };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@pismo/marola",
   "description": "CDX tribe component library",
-  "version": "1.1.0",
+  "version": "1.1.2",
   "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"
   }
-}
+}

package/dist/Dialog.module-BFRHcF1J.js

@@ -1,29 +0,0 @@
-import './assets/Dialog.css';
-const _ = "_dialog_1rdt4_78", t = "_dialog__backdrop_1rdt4_88", a = "_dialog__panel_1rdt4_96", o = "_dialog__title_1rdt4_113", r = "_dialog__subtitle_1rdt4_119", p = "_dialog__divider_1rdt4_122", d = "_dialog__actions_1rdt4_137", y = {
-  "u-typography-h1": "_u-typography-h1_1rdt4_1",
-  "u-typography-h2": "_u-typography-h2_1rdt4_8",
-  "u-typography-h3": "_u-typography-h3_1rdt4_15",
-  "u-typography-h4": "_u-typography-h4_1rdt4_22",
-  "u-typography-h5": "_u-typography-h5_1rdt4_29",
-  "u-typography-h6": "_u-typography-h6_1rdt4_36",
-  "u-typography-base": "_u-typography-base_1rdt4_43",
-  "u-typography-base--xxl": "_u-typography-base--xxl_1rdt4_49",
-  "u-typography-base--xl": "_u-typography-base--xl_1rdt4_53",
-  "u-typography-base--lg": "_u-typography-base--lg_1rdt4_57",
-  "u-typography-base--sm": "_u-typography-base--sm_1rdt4_61",
-  "u-typography-base--bold": "_u-typography-base--bold_1rdt4_65",
-  "u-typography-base--strikethrough": "_u-typography-base--strikethrough_1rdt4_68",
-  "u-typography-base--underlined": "_u-typography-base--underlined_1rdt4_71",
-  "u-typography-base--strikethrough-underlined": "_u-typography-base--strikethrough-underlined_1rdt4_74",
-  dialog: _,
-  dialog__backdrop: t,
-  dialog__panel: a,
-  dialog__title: o,
-  dialog__subtitle: r,
-  dialog__divider: p,
-  "dialog__close-icon": "_dialog__close-icon_1rdt4_127",
-  dialog__actions: d
-};
-export {
-  y as s
-};

package/dist/SelectButton-B38avP9u.js

@@ -1,75 +0,0 @@
-import './assets/SelectButton.css';
-import { jsxs as l, jsx as e } from "react/jsx-runtime";
-import { forwardRef as g } from "react";
-import { c as d } from "./clsx-DB4S2d7J.js";
-import { Icon as p } from "./components/Icon/Icon.js";
-import { Typography as b } from "./components/Typography/Typography.js";
-const q = "_select__listbox__option__text_1abqy_65", x = "_select__wrapper_1abqy_78", m = "_select__label_1abqy_84", f = "_select_1abqy_57", w = "_select__popup_1abqy_99", v = "_select__listbox_1abqy_65", S = "_select__listbox__option_1abqy_65", k = "_select__listbox__option__icon_1abqy_129", t = {
-  "u-typography-h1": "_u-typography-h1_1abqy_1",
-  "u-typography-h2": "_u-typography-h2_1abqy_8",
-  "u-typography-h3": "_u-typography-h3_1abqy_15",
-  "u-typography-h4": "_u-typography-h4_1abqy_22",
-  "u-typography-h5": "_u-typography-h5_1abqy_29",
-  "u-typography-h6": "_u-typography-h6_1abqy_36",
-  "u-typography-base": "_u-typography-base_1abqy_43",
-  "u-typography-base--xxl": "_u-typography-base--xxl_1abqy_49",
-  "u-typography-base--xl": "_u-typography-base--xl_1abqy_53",
-  "u-typography-base--lg": "_u-typography-base--lg_1abqy_57",
-  "select-button__text": "_select-button__text_1abqy_57",
-  "u-typography-base--sm": "_u-typography-base--sm_1abqy_61",
-  "u-typography-base--bold": "_u-typography-base--bold_1abqy_65",
-  select__listbox__option__text: q,
-  "u-typography-base--strikethrough": "_u-typography-base--strikethrough_1abqy_68",
-  "u-typography-base--underlined": "_u-typography-base--underlined_1abqy_71",
-  "u-typography-base--strikethrough-underlined": "_u-typography-base--strikethrough-underlined_1abqy_74",
-  select__wrapper: x,
-  "select__wrapper--fit-content-width": "_select__wrapper--fit-content-width_1abqy_81",
-  select__label: m,
-  "messages-wrapper": "_messages-wrapper_1abqy_92",
-  select: f,
-  select__popup: w,
-  select__listbox: v,
-  select__listbox__option: S,
-  select__listbox__option__icon: k,
-  "select__listbox__option--disabled": "_select__listbox__option--disabled_1abqy_132",
-  "select__listbox__option--selected": "_select__listbox__option--selected_1abqy_132",
-  "select-button": "_select-button_1abqy_57",
-  "select-button--full-width": "_select-button--full-width_1abqy_167",
-  "select-button--placeholder": "_select-button--placeholder_1abqy_170",
-  "base-Select-popup": "_base-Select-popup_1abqy_176",
-  "select-button__icon": "_select-button__icon_1abqy_188",
-  "select-button--active": "_select-button--active_1abqy_191",
-  "select-button--error": "_select-button--error_1abqy_194",
-  "info-message": "_info-message_1abqy_223",
-  "error-message": "_error-message_1abqy_224"
-}, C = g((_, y) => {
-  const { children: o, disabled: c, className: r, "data-testid": n, prefix: s, onClick: i, fullWidth: u, placeholder: h } = _, a = _["aria-expanded"];
-  return /* @__PURE__ */ l(
-    "button",
-    {
-      className: d(
-        r,
-        a ? t["select-button--active"] : "",
-        t["select-button"],
-        u && t["select-button--full-width"],
-        String(h) === String(o) && t["select-button--placeholder"]
-      ),
-      type: "button",
-      onClick: i,
-      disabled: c,
-      "data-testid": n,
-      ref: y,
-      children: [
-        /* @__PURE__ */ l("span", { className: t["select-button__text"], children: [
-          s && /* @__PURE__ */ e(b, { variant: "base-lg", children: s }),
-          /* @__PURE__ */ e(b, { variant: "base-lg", children: o })
-        ] }),
-        /* @__PURE__ */ e("span", { className: t["select-button__icon"], children: a ? /* @__PURE__ */ e(p, { icon: "chevron-up" }) : /* @__PURE__ */ e(p, { icon: "chevron-down" }) })
-      ]
-    }
-  );
-});
-export {
-  C as S,
-  t as s
-};