@pismo/marola 1.0.0-beta.9 → 1.0.0

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

@@ -8,5 +8,7 @@ export interface SelectButtonProps {
     prefix?: string;
     'data-testid'?: string;
     onClick: () => void;
+    fullWidth?: boolean;
+    placeholder?: string;
 }
 export declare const SelectButton: import('react').ForwardRefExoticComponent<SelectButtonProps & import('react').RefAttributes<HTMLButtonElement>>;

package/dist/components/Select/SelectButton.js

@@ -1,8 +1,9 @@
 import "react/jsx-runtime";
 import "react";
 import "../../clsx-DB4S2d7J.js";
+import "../Icon/Icon.js";
 import "../Typography/Typography.js";
-import { S as e } from "../../SelectButton-CoOT2txy.js";
+import { S } from "../../SelectButton-B38avP9u.js";
 export {
-  e as SelectButton
+  S as SelectButton
 };

package/dist/components/Skeleton/Skeleton.d.ts

@@ -20,6 +20,8 @@ export type SkeletonTableProps = SkeletonProps & {
     rows?: number;
     /** Controls if the with of the cells should be automatically defined */
     autoWidth?: boolean;
+    /** Controls if show or not the skeleton of the table header */
+    showHeader?: boolean;
 };
-declare const SkeletonTable: ({ columns, rows, autoWidth, ...props }: SkeletonTableProps) => import("react/jsx-runtime").JSX.Element;
+declare const SkeletonTable: ({ columns, rows, autoWidth, showHeader, ...props }: SkeletonTableProps) => import("react/jsx-runtime").JSX.Element;
 export { Skeleton, SkeletonCircle, SkeletonTable };

package/dist/components/Skeleton/Skeleton.js

@@ -1,23 +1,29 @@
 import '../../assets/Skeleton.css';
-import { jsx as t, jsxs as w } from "react/jsx-runtime";
+import { jsx as t, jsxs as N } from "react/jsx-runtime";
 import { c as r } from "../../clsx-DB4S2d7J.js";
-const N = "_skeleton_dtmoz_1", b = "_skeletonLoading_dtmoz_1", o = {
-  skeleton: N,
+const u = "_skeleton_mst8q_1", b = "_skeletonLoading_mst8q_1", o = {
+  skeleton: u,
   skeletonLoading: b,
-  "skeleton--circle-type": "_skeleton--circle-type_dtmoz_13",
-  "skeleton--table-type": "_skeleton--table-type_dtmoz_17"
-}, i = (e) => /* @__PURE__ */ t("div", { ...e, className: r(o.skeleton, e.className) }), $ = ({ size: e = "4rem", ...l }) => {
+  "skeleton--circle-type": "_skeleton--circle-type_mst8q_13",
+  "skeleton--table-type": "_skeleton--table-type_mst8q_17"
+}, d = (e) => /* @__PURE__ */ t("div", { ...e, className: r(o.skeleton, e.className) }), C = ({ size: e = "4rem", ...l }) => {
   const s = r(o.skeleton, o["skeleton--circle-type"], l.className);
   return /* @__PURE__ */ t("div", { ...l, style: { width: e, height: e }, className: s });
-}, d = (e = 30) => `${Math.floor(Math.random() * (100 - e + 1) + e)}%`, C = ({ columns: e = 5, rows: l = 5, autoWidth: s = !0, ...c }) => {
-  const m = r(o["skeleton--table-type"], c.className), a = `${100 / e}%`, h = /* @__PURE__ */ t("tr", { children: new Array(e).fill(null).map((y, n) => /* @__PURE__ */ t("th", { style: { width: a }, children: /* @__PURE__ */ t(i, { style: { width: s ? d(50) : "100%" } }) }, `row-columns-${n}`)) }), k = new Array(l).fill(null).map((y, n) => /* @__PURE__ */ t("tr", { children: new Array(e).fill(null).map((f, _) => /* @__PURE__ */ t("td", { style: { width: a }, children: /* @__PURE__ */ t(i, { style: { width: s ? d() : "100%" } }) }, `row-${n}-cell-${_}`)) }, `row-${n}`));
-  return /* @__PURE__ */ w("table", { ...c, className: m, children: [
-    /* @__PURE__ */ t("thead", { children: h }),
-    /* @__PURE__ */ t("tbody", { children: k })
+}, m = (e = 30) => `${Math.floor(Math.random() * (100 - e + 1) + e)}%`, L = ({
+  columns: e = 5,
+  rows: l = 5,
+  autoWidth: s = !0,
+  showHeader: c = !0,
+  ...a
+}) => {
+  const k = r(o["skeleton--table-type"], a.className), i = `${100 / e}%`, h = c && /* @__PURE__ */ t("tr", { children: new Array(e).fill(null).map((_, n) => /* @__PURE__ */ t("th", { style: { width: i }, children: /* @__PURE__ */ t(d, { style: { width: s ? m(50) : "100%" } }) }, `row-columns-${n}`)) }), y = new Array(l).fill(null).map((_, n) => /* @__PURE__ */ t("tr", { children: new Array(e).fill(null).map((f, w) => /* @__PURE__ */ t("td", { style: { width: i }, children: /* @__PURE__ */ t(d, { style: { width: s ? m() : "100%" } }) }, `row-${n}-cell-${w}`)) }, `row-${n}`));
+  return /* @__PURE__ */ N("table", { ...a, className: k, children: [
+    c && /* @__PURE__ */ t("thead", { children: h }),
+    /* @__PURE__ */ t("tbody", { children: y })
   ] });
 };
 export {
-  i as Skeleton,
-  $ as SkeletonCircle,
-  C as SkeletonTable
+  d as Skeleton,
+  C as SkeletonCircle,
+  L as SkeletonTable
 };

package/dist/components/Skeleton/SkeletonTable.stories.d.ts

@@ -2,7 +2,7 @@ import { StoryObj } from '@storybook/react';
 
 declare const meta: {
     title: string;
-    component: ({ columns, rows, autoWidth, ...props }: import('./Skeleton').SkeletonTableProps) => import("react/jsx-runtime").JSX.Element;
+    component: ({ columns, rows, autoWidth, showHeader, ...props }: import('./Skeleton').SkeletonTableProps) => import("react/jsx-runtime").JSX.Element;
     tags: string[];
     parameters: {
         layout: string;

package/dist/components/Snackbar/Snackbar.js

@@ -1,28 +1,29 @@
 import '../../assets/Snackbar.css';
-import { jsx as E, jsxs as Y } from "react/jsx-runtime";
-import * as S from "react";
+import { jsx as h, jsxs as Y } from "react/jsx-runtime";
+import * as w from "react";
 import C, { useState as V, useRef as X } from "react";
-import { c as w } from "../../clsx-DB4S2d7J.js";
+import { c as S } from "../../clsx-DB4S2d7J.js";
 import { Icon as K } from "../Icon/Icon.js";
-import { g as $, a as z, b as R, f as H, _ as j, c as U, P as n, d as J, e as Q } from "../../useSlotProps-kRhf7Gil.js";
-import { u as Z } from "../../useTimeout-DxF9kiZL.js";
+import { Text as $ } from "../Typography/Typography.js";
+import { g as z, a as J, b as R, f as H, _ as j, c as U, P as n, d as Q, e as Z } from "../../useSlotProps-C_I1kEHr.js";
+import { u as ee } from "../../useTimeout-DxF9kiZL.js";
 import { u as I } from "../../useEventCallback-BAQJJ3ye.js";
-import { C as B } from "../../ClickAwayListener-BaJ-OV_7.js";
-import { R as P } from "../../index-D3Wj0eid.js";
+import { C as B } from "../../ClickAwayListener-DbEYZpyh.js";
+import { R as P } from "../../index-bQFToy-I.js";
 const W = "Snackbar";
-function ee(u) {
-  return $(W, u);
+function te(u) {
+  return z(W, u);
 }
-z(W, ["root"]);
-function te(u = {}) {
+J(W, ["root"]);
+function ne(u = {}) {
   const {
     autoHideDuration: s = null,
     disableWindowBlurListener: i = !1,
     onClose: r,
     open: t,
     resumeHideDuration: e
-  } = u, o = Z();
-  S.useEffect(() => {
+  } = u, o = ee();
+  w.useEffect(() => {
     if (!t)
       return;
     function l(c) {
@@ -34,35 +35,35 @@ function te(u = {}) {
   }, [t, r]);
   const a = I((l, c) => {
     r == null || r(l, c);
-  }), p = I((l) => {
+  }), d = I((l) => {
     !r || l == null || o.start(l, () => {
       a(null, "timeout");
     });
   });
-  S.useEffect(() => (t && p(s), o.clear), [t, s, p, o]);
-  const f = (l) => {
+  w.useEffect(() => (t && d(s), o.clear), [t, s, d, o]);
+  const m = (l) => {
     r == null || r(l, "clickaway");
-  }, d = o.clear, m = S.useCallback(() => {
-    s != null && p(e ?? s * 0.5);
-  }, [s, e, p]), y = (l) => (c) => {
-    const h = l.onBlur;
-    h == null || h(c), m();
+  }, p = o.clear, E = w.useCallback(() => {
+    s != null && d(e ?? s * 0.5);
+  }, [s, e, d]), x = (l) => (c) => {
+    const f = l.onBlur;
+    f == null || f(c), E();
   }, O = (l) => (c) => {
-    const h = l.onFocus;
-    h == null || h(c), d();
-  }, g = (l) => (c) => {
-    const h = l.onMouseEnter;
-    h == null || h(c), d();
+    const f = l.onFocus;
+    f == null || f(c), p();
+  }, T = (l) => (c) => {
+    const f = l.onMouseEnter;
+    f == null || f(c), p();
   }, N = (l) => (c) => {
-    const h = l.onMouseLeave;
-    h == null || h(c), m();
+    const f = l.onMouseLeave;
+    f == null || f(c), E();
   };
-  return S.useEffect(() => {
+  return w.useEffect(() => {
     if (!i && t)
-      return window.addEventListener("focus", m), window.addEventListener("blur", d), () => {
-        window.removeEventListener("focus", m), window.removeEventListener("blur", d);
+      return window.addEventListener("focus", E), window.addEventListener("blur", p), () => {
+        window.removeEventListener("focus", E), window.removeEventListener("blur", p);
       };
-  }, [i, t, m, d]), {
+  }, [i, t, E, p]), {
     getRootProps: (l = {}) => {
       const c = R({}, H(u), H(l));
       return R({
@@ -70,57 +71,57 @@ function te(u = {}) {
         // See https://github.com/mui/material-ui/issues/29080
         role: "presentation"
       }, l, c, {
-        onBlur: y(c),
+        onBlur: x(c),
         onFocus: O(c),
-        onMouseEnter: g(c),
+        onMouseEnter: T(c),
         onMouseLeave: N(c)
       });
     },
-    onClickAway: f
+    onClickAway: m
   };
 }
-const ne = ["autoHideDuration", "children", "disableWindowBlurListener", "exited", "onBlur", "onClose", "onFocus", "onMouseEnter", "onMouseLeave", "open", "resumeHideDuration", "slotProps", "slots"], oe = () => J({
+const oe = ["autoHideDuration", "children", "disableWindowBlurListener", "exited", "onBlur", "onClose", "onFocus", "onMouseEnter", "onMouseLeave", "open", "resumeHideDuration", "slotProps", "slots"], re = () => Q({
   root: ["root"]
-}, Q(ee)), q = /* @__PURE__ */ S.forwardRef(function(s, i) {
+}, Z(te)), q = /* @__PURE__ */ w.forwardRef(function(s, i) {
   const {
     autoHideDuration: r = null,
     children: t,
     disableWindowBlurListener: e = !1,
     exited: o = !0,
     onClose: a,
-    open: p,
-    resumeHideDuration: f,
-    slotProps: d = {},
-    slots: m = {}
-  } = s, y = j(s, ne), O = oe(), {
-    getRootProps: g,
+    open: d,
+    resumeHideDuration: m,
+    slotProps: p = {},
+    slots: E = {}
+  } = s, x = j(s, oe), O = re(), {
+    getRootProps: T,
     onClickAway: N
-  } = te(R({}, s, {
+  } = ne(R({}, s, {
     autoHideDuration: r,
     disableWindowBlurListener: e,
     onClose: a,
-    open: p,
-    resumeHideDuration: f
-  })), L = s, l = m.root || "div", c = U({
+    open: d,
+    resumeHideDuration: m
+  })), L = s, l = E.root || "div", c = U({
     elementType: l,
-    getSlotProps: g,
-    externalForwardedProps: y,
-    externalSlotProps: d.root,
+    getSlotProps: T,
+    externalForwardedProps: x,
+    externalSlotProps: p.root,
     additionalProps: {
       ref: i
     },
     ownerState: L,
     className: O.root
-  }), h = U({
+  }), f = U({
     elementType: B,
-    externalSlotProps: d.clickAwayListener,
+    externalSlotProps: p.clickAwayListener,
     additionalProps: {
       onClickAway: N
     },
     ownerState: L
   });
-  return delete h.ownerState, !p && o ? null : /* @__PURE__ */ E(B, R({}, h, {
-    children: /* @__PURE__ */ E(l, R({}, c, {
+  return delete f.ownerState, !d && o ? null : /* @__PURE__ */ h(B, R({}, f, {
+    children: /* @__PURE__ */ h(l, R({}, c, {
       children: t
     }))
   }));
@@ -202,13 +203,13 @@ function M(u, s) {
     return r.__proto__ = t, r;
   }, M(u, s);
 }
-function re(u, s) {
+function se(u, s) {
   u.prototype = Object.create(s.prototype), u.prototype.constructor = u, M(u, s);
 }
 const F = {
   disabled: !1
 };
-var se = process.env.NODE_ENV !== "production" ? n.oneOfType([n.number, n.shape({
+var ae = process.env.NODE_ENV !== "production" ? n.oneOfType([n.number, n.shape({
   enter: n.number,
   exit: n.number,
   appear: n.number
@@ -226,22 +227,22 @@ process.env.NODE_ENV !== "production" && n.oneOfType([n.string, n.shape({
   exitActive: n.string
 })]);
 const G = C.createContext(null);
-var ae = function(s) {
+var ie = function(s) {
   return s.scrollTop;
-}, D = "unmounted", x = "exited", _ = "entering", T = "entered", A = "exiting", b = /* @__PURE__ */ function(u) {
-  re(s, u);
+}, D = "unmounted", v = "exited", k = "entering", g = "entered", A = "exiting", b = /* @__PURE__ */ function(u) {
+  se(s, u);
   function s(r, t) {
     var e;
     e = u.call(this, r, t) || this;
-    var o = t, a = o && !o.isMounting ? r.enter : r.appear, p;
-    return e.appearStatus = null, r.in ? a ? (p = x, e.appearStatus = _) : p = T : r.unmountOnExit || r.mountOnEnter ? p = D : p = x, e.state = {
-      status: p
+    var o = t, a = o && !o.isMounting ? r.enter : r.appear, d;
+    return e.appearStatus = null, r.in ? a ? (d = v, e.appearStatus = k) : d = g : r.unmountOnExit || r.mountOnEnter ? d = D : d = v, e.state = {
+      status: d
     }, e.nextCallback = null, e;
   }
   s.getDerivedStateFromProps = function(t, e) {
     var o = t.in;
     return o && e.status === D ? {
-      status: x
+      status: v
     } : null;
   };
   var i = s.prototype;
@@ -251,7 +252,7 @@ var ae = function(s) {
     var e = null;
     if (t !== this.props) {
       var o = this.state.status;
-      this.props.in ? o !== _ && o !== T && (e = _) : (o === _ || o === T) && (e = A);
+      this.props.in ? o !== k && o !== g && (e = k) : (o === k || o === g) && (e = A);
     }
     this.updateStatus(!1, e);
   }, i.componentWillUnmount = function() {
@@ -265,36 +266,36 @@ var ae = function(s) {
     };
   }, i.updateStatus = function(t, e) {
     if (t === void 0 && (t = !1), e !== null)
-      if (this.cancelNextCallback(), e === _) {
+      if (this.cancelNextCallback(), e === k) {
         if (this.props.unmountOnExit || this.props.mountOnEnter) {
           var o = this.props.nodeRef ? this.props.nodeRef.current : P.findDOMNode(this);
-          o && ae(o);
+          o && ie(o);
         }
         this.performEnter(t);
       } else
         this.performExit();
     else
-      this.props.unmountOnExit && this.state.status === x && this.setState({
+      this.props.unmountOnExit && this.state.status === v && this.setState({
         status: D
       });
   }, i.performEnter = function(t) {
-    var e = this, o = this.props.enter, a = this.context ? this.context.isMounting : t, p = this.props.nodeRef ? [a] : [P.findDOMNode(this), a], f = p[0], d = p[1], m = this.getTimeouts(), y = a ? m.appear : m.enter;
+    var e = this, o = this.props.enter, a = this.context ? this.context.isMounting : t, d = this.props.nodeRef ? [a] : [P.findDOMNode(this), a], m = d[0], p = d[1], E = this.getTimeouts(), x = a ? E.appear : E.enter;
     if (!t && !o || F.disabled) {
       this.safeSetState({
-        status: T
+        status: g
       }, function() {
-        e.props.onEntered(f);
+        e.props.onEntered(m);
       });
       return;
     }
-    this.props.onEnter(f, d), this.safeSetState({
-      status: _
+    this.props.onEnter(m, p), this.safeSetState({
+      status: k
     }, function() {
-      e.props.onEntering(f, d), e.onTransitionEnd(y, function() {
+      e.props.onEntering(m, p), e.onTransitionEnd(x, function() {
         e.safeSetState({
-          status: T
+          status: g
         }, function() {
-          e.props.onEntered(f, d);
+          e.props.onEntered(m, p);
         });
       });
     });
@@ -302,7 +303,7 @@ var ae = function(s) {
     var t = this, e = this.props.exit, o = this.getTimeouts(), a = this.props.nodeRef ? void 0 : P.findDOMNode(this);
     if (!e || F.disabled) {
       this.safeSetState({
-        status: x
+        status: v
       }, function() {
         t.props.onExited(a);
       });
@@ -313,7 +314,7 @@ var ae = function(s) {
     }, function() {
       t.props.onExiting(a), t.onTransitionEnd(o.exit, function() {
         t.safeSetState({
-          status: x
+          status: v
         }, function() {
           t.props.onExited(a);
         });
@@ -338,8 +339,8 @@ var ae = function(s) {
       return;
     }
     if (this.props.addEndListener) {
-      var p = this.props.nodeRef ? [this.nextCallback] : [o, this.nextCallback], f = p[0], d = p[1];
-      this.props.addEndListener(f, d);
+      var d = this.props.nodeRef ? [this.nextCallback] : [o, this.nextCallback], m = d[0], p = d[1];
+      this.props.addEndListener(m, p);
     }
     t != null && setTimeout(this.nextCallback, t);
   }, i.render = function() {
@@ -454,7 +455,7 @@ b.propTypes = process.env.NODE_ENV !== "production" ? {
    * @type {number | { enter?: number, exit?: number, appear?: number }}
    */
   timeout: function(s) {
-    var i = se;
+    var i = ae;
     s.addEndListener || (i = i.isRequired);
     for (var r = arguments.length, t = new Array(r > 1 ? r - 1 : 0), e = 1; e < r; e++)
       t[e - 1] = arguments[e];
@@ -527,7 +528,7 @@ b.propTypes = process.env.NODE_ENV !== "production" ? {
    */
   onExited: n.func
 } : {};
-function v() {
+function y() {
 }
 b.defaultProps = {
   in: !1,
@@ -536,44 +537,28 @@ b.defaultProps = {
   appear: !1,
   enter: !0,
   exit: !0,
-  onEnter: v,
-  onEntering: v,
-  onEntered: v,
-  onExit: v,
-  onExiting: v,
-  onExited: v
+  onEnter: y,
+  onEntering: y,
+  onEntered: y,
+  onExit: y,
+  onExiting: y,
+  onExited: y
 };
 b.UNMOUNTED = D;
-b.EXITED = x;
-b.ENTERING = _;
-b.ENTERED = T;
+b.EXITED = v;
+b.ENTERING = k;
+b.ENTERED = g;
 b.EXITING = A;
-const ie = "_snackbar_8hhue_57", ue = "_bottomToTop_8hhue_1", k = {
-  "u-typography-h1": "_u-typography-h1_8hhue_1",
-  "u-typography-h2": "_u-typography-h2_8hhue_8",
-  "u-typography-h3": "_u-typography-h3_8hhue_15",
-  "u-typography-h4": "_u-typography-h4_8hhue_22",
-  "u-typography-h5": "_u-typography-h5_8hhue_29",
-  "u-typography-h6": "_u-typography-h6_8hhue_36",
-  "u-typography-base": "_u-typography-base_8hhue_43",
-  "u-typography-base--xxl": "_u-typography-base--xxl_8hhue_49",
-  "u-typography-base--xl": "_u-typography-base--xl_8hhue_53",
-  "u-typography-base--lg": "_u-typography-base--lg_8hhue_57",
-  "snackbar--message": "_snackbar--message_8hhue_57",
-  "u-typography-base--sm": "_u-typography-base--sm_8hhue_61",
-  "u-typography-base--bold": "_u-typography-base--bold_8hhue_65",
-  "u-typography-base--strikethrough": "_u-typography-base--strikethrough_8hhue_68",
-  "u-typography-base--underlined": "_u-typography-base--underlined_8hhue_71",
-  "u-typography-base--strikethrough-underlined": "_u-typography-base--strikethrough-underlined_8hhue_74",
-  snackbar: ie,
-  "snackbar__snackbar-el-wrapper": "_snackbar__snackbar-el-wrapper_8hhue_91",
-  "snackbar--content": "_snackbar--content_8hhue_96",
-  "snackbar--success": "_snackbar--success_8hhue_106",
-  "snackbar--error": "_snackbar--error_8hhue_109",
-  "snackbar--warning": "_snackbar--warning_8hhue_112",
-  "snackbar--action": "_snackbar--action_8hhue_122",
-  bottomToTop: ue
-}, ye = ({
+const ue = "_snackbar_8unab_2", le = "_bottomToTop_8unab_1", _ = {
+  snackbar: ue,
+  "snackbar__snackbar-el-wrapper": "_snackbar__snackbar-el-wrapper_8unab_15",
+  "snackbar--content": "_snackbar--content_8unab_20",
+  "snackbar--success": "_snackbar--success_8unab_32",
+  "snackbar--error": "_snackbar--error_8unab_36",
+  "snackbar--warning": "_snackbar--warning_8unab_40",
+  "snackbar--action": "_snackbar--action_8unab_44",
+  bottomToTop: le
+}, ke = ({
   snackbarMessage: u,
   variant: s,
   autoHideDuration: i = 5e3,
@@ -583,49 +568,49 @@ const ie = "_snackbar_8hhue_57", ue = "_bottomToTop_8hhue_1", k = {
   classNameWrapper: o,
   "data-testid": a
 }) => {
-  const [p, f] = V(!0), d = X(null), m = {
+  const [d, m] = V(!0), p = X(null), E = {
     entering: "translateY(0)",
     entered: "translateY(0)",
     exiting: "translateY(80px)",
     exited: "translateY(80px)",
     unmounted: "translateY(80px)"
-  }, y = () => {
-    f(!1);
+  }, x = () => {
+    m(!1);
   }, O = () => {
-    f(!0);
+    m(!0);
   };
-  return /* @__PURE__ */ E("div", { className: w(k.snackbar, o), children: /* @__PURE__ */ E(
+  return /* @__PURE__ */ h("div", { className: S(_.snackbar, o), children: /* @__PURE__ */ h(
     q,
     {
       autoHideDuration: i,
       open: r,
-      onClose: (g, N) => N !== "clickaway" && (t == null ? void 0 : t()),
-      exited: p,
-      className: w(k["snackbar__snackbar-el-wrapper"]),
-      children: /* @__PURE__ */ E(
+      onClose: (T, N) => N !== "clickaway" && (t == null ? void 0 : t()),
+      exited: d,
+      className: S(_["snackbar__snackbar-el-wrapper"]),
+      children: /* @__PURE__ */ h(
         b,
         {
           timeout: { enter: 400, exit: 400 },
           in: r,
           appear: !0,
           unmountOnExit: !0,
-          onEnter: y,
+          onEnter: x,
           onExited: O,
           onExit: e,
-          nodeRef: d,
-          children: (g) => /* @__PURE__ */ Y(
+          nodeRef: p,
+          children: (T) => /* @__PURE__ */ Y(
             "div",
             {
-              className: w(k["snackbar--content"], k[`snackbar--${s}`]),
+              className: S(_["snackbar--content"], _[`snackbar--${s}`]),
               style: {
-                transform: m[g],
+                transform: E[T],
                 transition: "transform 300ms ease"
               },
-              ref: d,
+              ref: p,
               "data-testid": a,
               children: [
-                /* @__PURE__ */ E("div", { className: w(k["snackbar--message"]), children: /* @__PURE__ */ E("p", { children: u }) }),
-                /* @__PURE__ */ E("div", { className: w(k["snackbar--action"]), children: /* @__PURE__ */ E("a", { onClick: t, children: /* @__PURE__ */ E(K, { icon: "xmark", color: "var(--white-100)", size: "1.5rem" }) }) })
+                /* @__PURE__ */ h("div", { className: S(_["snackbar--message"]), children: /* @__PURE__ */ h($, { variant: "base-lg", bold: !0, color: "var(--colors-neutral-text-color-text)", children: u }) }),
+                /* @__PURE__ */ h("div", { className: S(_["snackbar--action"]), children: /* @__PURE__ */ h("a", { onClick: t, children: /* @__PURE__ */ h(K, { icon: "circle-xmark", color: "var(--colors-neutral-text-color-text)", size: "1.5rem" }) }) })
               ]
             }
           )
@@ -635,5 +620,5 @@ const ie = "_snackbar_8hhue_57", ue = "_bottomToTop_8hhue_1", k = {
   ) });
 };
 export {
-  ye as Snackbar
+  ke as Snackbar
 };

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

@@ -0,0 +1,58 @@
+/// <reference types="react" />
+type StepperNavigatorLang = 'en' | 'pt';
+export type StepperNavigatorButtonProps = {
+    leftIcon?: React.ReactNode;
+    rightIcon?: React.ReactNode;
+    className?: string;
+    'data-testid'?: string;
+};
+export type StepperNavigatorProps = {
+    /** Hides the "previous" button  */
+    hidePrevious?: boolean;
+    /** Hides the "cancel" button  */
+    hideCancel?: boolean;
+    /** Hides the "next" button  */
+    hideNext?: boolean;
+    /** Hides the "finish" button  */
+    hideFinish?: boolean;
+    /** Disables the "previous" button */
+    disablePrevious?: boolean;
+    /** Disables the "cancel" button */
+    disableCancel?: boolean;
+    /** Disables the "next" button */
+    disableNext?: boolean;
+    /** Disables the "finish" button */
+    disableFinish?: boolean;
+    /** Label to be used for the "previous" button */
+    labelPrevious?: string;
+    /** Label to be used for the "cancel" button */
+    labelCancel?: string;
+    /** Label to be used for the "next" button */
+    labelNext?: string;
+    /** Label to be used for the "finish" button */
+    labelFinish?: string;
+    /** Language to be used for the button labels. Default "en" */
+    lang?: StepperNavigatorLang;
+    /** CSS classes to be applied on the container element */
+    className?: string;
+    /** Id to be applied as `data-testid` on the container element */
+    'data-testid'?: string;
+    /** Previous button props */
+    previousButtonProps?: StepperNavigatorButtonProps;
+    /** Cancel button props */
+    cancelButtonProps?: StepperNavigatorButtonProps;
+    /** Next button props */
+    nextButtonProps?: StepperNavigatorButtonProps;
+    /** Finish button props */
+    finishButtonProps?: StepperNavigatorButtonProps;
+    /** Callback to be called when the "previous" button is clicked */
+    onPrevious?: () => void;
+    /** Callback to be called when the "cancel" button is clicked */
+    onCancel?: () => void;
+    /** Callback to be called when the "next" button is clicked */
+    onNext?: () => void;
+    /** Callback to be called when the "finish" button is clicked */
+    onFinish?: () => void;
+};
+export declare const StepperNavigator: ({ hideNext, hidePrevious, hideCancel, hideFinish, disableNext, disablePrevious, disableCancel, disableFinish, lang, labelNext, labelPrevious, labelCancel, labelFinish, className, "data-testid": dataTestId, previousButtonProps, cancelButtonProps, nextButtonProps, finishButtonProps, onNext, onPrevious, onCancel, onFinish, }: StepperNavigatorProps) => import("react/jsx-runtime").JSX.Element;
+export {};