@pismo/marola 0.0.1-alpha.19 → 0.0.1-alpha.20

package/dist/components/Snackbar/Snackbar.js

@@ -1,8 +1,8 @@
 import '../../assets/Snackbar.css';
-import { jsx as h, jsxs as Y } from "react/jsx-runtime";
-import * as w from "react";
+import { jsx as E, jsxs as Y } from "react/jsx-runtime";
+import * as N from "react";
 import S, { useState as V, useRef as X } from "react";
-import { c as N } from "../../clsx-DB4S2d7J.js";
+import { c as O } from "../../clsx-DB4S2d7J.js";
 import { Icon as K } from "../Icon/Icon.js";
 import { g as $, a as z, b as D, f as H, _ as j, c as U, P as n, d as J, e as Q } from "../../index-CH45lKw7.js";
 import { u as Z } from "../../useTimeout-DxF9kiZL.js";
@@ -17,110 +17,110 @@ z(W, ["root"]);
 function te(u = {}) {
   const {
     autoHideDuration: s = null,
-    disableWindowBlurListener: a = !1,
+    disableWindowBlurListener: i = !1,
     onClose: r,
     open: t,
     resumeHideDuration: e
   } = u, o = Z();
-  w.useEffect(() => {
+  N.useEffect(() => {
     if (!t)
       return;
-    function c(d) {
-      d.defaultPrevented || (d.key === "Escape" || d.key === "Esc") && (r == null || r(d, "escapeKeyDown"));
+    function l(p) {
+      p.defaultPrevented || (p.key === "Escape" || p.key === "Esc") && (r == null || r(p, "escapeKeyDown"));
     }
-    return document.addEventListener("keydown", c), () => {
-      document.removeEventListener("keydown", c);
+    return document.addEventListener("keydown", l), () => {
+      document.removeEventListener("keydown", l);
     };
   }, [t, r]);
-  const i = I((c, d) => {
-    r == null || r(c, d);
-  }), l = I((c) => {
-    !r || c == null || o.start(c, () => {
-      i(null, "timeout");
+  const a = I((l, p) => {
+    r == null || r(l, p);
+  }), c = I((l) => {
+    !r || l == null || o.start(l, () => {
+      a(null, "timeout");
     });
   });
-  w.useEffect(() => (t && l(s), o.clear), [t, s, l, o]);
-  const m = (c) => {
-    r == null || r(c, "clickaway");
-  }, p = o.clear, E = w.useCallback(() => {
-    s != null && l(e ?? s * 0.5);
-  }, [s, e, l]), x = (c) => (d) => {
-    const f = c.onBlur;
-    f == null || f(d), E();
-  }, _ = (c) => (d) => {
-    const f = c.onFocus;
-    f == null || f(d), p();
-  }, O = (c) => (d) => {
-    const f = c.onMouseEnter;
-    f == null || f(d), p();
-  }, P = (c) => (d) => {
-    const f = c.onMouseLeave;
-    f == null || f(d), E();
+  N.useEffect(() => (t && c(s), o.clear), [t, s, c, o]);
+  const h = (l) => {
+    r == null || r(l, "clickaway");
+  }, d = o.clear, m = N.useCallback(() => {
+    s != null && c(e ?? s * 0.5);
+  }, [s, e, c]), y = (l) => (p) => {
+    const f = l.onBlur;
+    f == null || f(p), m();
+  }, k = (l) => (p) => {
+    const f = l.onFocus;
+    f == null || f(p), d();
+  }, T = (l) => (p) => {
+    const f = l.onMouseEnter;
+    f == null || f(p), d();
+  }, P = (l) => (p) => {
+    const f = l.onMouseLeave;
+    f == null || f(p), m();
   };
-  return w.useEffect(() => {
-    if (!a && t)
-      return window.addEventListener("focus", E), window.addEventListener("blur", p), () => {
-        window.removeEventListener("focus", E), window.removeEventListener("blur", p);
+  return N.useEffect(() => {
+    if (!i && t)
+      return window.addEventListener("focus", m), window.addEventListener("blur", d), () => {
+        window.removeEventListener("focus", m), window.removeEventListener("blur", d);
       };
-  }, [a, t, E, p]), {
-    getRootProps: (c = {}) => {
-      const d = D({}, H(u), H(c));
+  }, [i, t, m, d]), {
+    getRootProps: (l = {}) => {
+      const p = D({}, H(u), H(l));
       return D({
         // ClickAwayListener adds an `onClick` prop which results in the alert not being announced.
         // See https://github.com/mui/material-ui/issues/29080
         role: "presentation"
-      }, c, d, {
-        onBlur: x(d),
-        onFocus: _(d),
-        onMouseEnter: O(d),
-        onMouseLeave: P(d)
+      }, l, p, {
+        onBlur: y(p),
+        onFocus: k(p),
+        onMouseEnter: T(p),
+        onMouseLeave: P(p)
       });
     },
-    onClickAway: m
+    onClickAway: h
   };
 }
 const ne = ["autoHideDuration", "children", "disableWindowBlurListener", "exited", "onBlur", "onClose", "onFocus", "onMouseEnter", "onMouseLeave", "open", "resumeHideDuration", "slotProps", "slots"], oe = () => J({
   root: ["root"]
-}, Q(ee)), q = /* @__PURE__ */ w.forwardRef(function(s, a) {
+}, Q(ee)), q = /* @__PURE__ */ N.forwardRef(function(s, i) {
   const {
     autoHideDuration: r = null,
     children: t,
     disableWindowBlurListener: e = !1,
     exited: o = !0,
-    onClose: i,
-    open: l,
-    resumeHideDuration: m,
-    slotProps: p = {},
-    slots: E = {}
-  } = s, x = j(s, ne), _ = oe(), {
-    getRootProps: O,
+    onClose: a,
+    open: c,
+    resumeHideDuration: h,
+    slotProps: d = {},
+    slots: m = {}
+  } = s, y = j(s, ne), k = oe(), {
+    getRootProps: T,
     onClickAway: P
   } = te(D({}, s, {
     autoHideDuration: r,
     disableWindowBlurListener: e,
-    onClose: i,
-    open: l,
-    resumeHideDuration: m
-  })), L = s, c = E.root || "div", d = U({
-    elementType: c,
-    getSlotProps: O,
-    externalForwardedProps: x,
-    externalSlotProps: p.root,
+    onClose: a,
+    open: c,
+    resumeHideDuration: h
+  })), L = s, l = m.root || "div", p = U({
+    elementType: l,
+    getSlotProps: T,
+    externalForwardedProps: y,
+    externalSlotProps: d.root,
     additionalProps: {
-      ref: a
+      ref: i
     },
     ownerState: L,
-    className: _.root
+    className: k.root
   }), f = U({
     elementType: B,
-    externalSlotProps: p.clickAwayListener,
+    externalSlotProps: d.clickAwayListener,
     additionalProps: {
       onClickAway: P
     },
     ownerState: L
   });
-  return delete f.ownerState, !l && o ? null : /* @__PURE__ */ h(B, D({}, f, {
-    children: /* @__PURE__ */ h(c, D({}, d, {
+  return delete f.ownerState, !c && o ? null : /* @__PURE__ */ E(B, D({}, f, {
+    children: /* @__PURE__ */ E(l, D({}, p, {
       children: t
     }))
   }));
@@ -226,134 +226,134 @@ process.env.NODE_ENV !== "production" && n.oneOfType([n.string, n.shape({
   exitActive: n.string
 })]);
 const G = S.createContext(null);
-var ie = function(s) {
+var ae = function(s) {
   return s.scrollTop;
-}, C = "unmounted", v = "exited", k = "entering", g = "entered", A = "exiting", b = /* @__PURE__ */ function(u) {
+}, C = "unmounted", g = "exited", x = "entering", w = "entered", A = "exiting", b = /* @__PURE__ */ function(u) {
   re(s, u);
   function s(r, t) {
     var e;
     e = u.call(this, r, t) || this;
-    var o = t, i = o && !o.isMounting ? r.enter : r.appear, l;
-    return e.appearStatus = null, r.in ? i ? (l = v, e.appearStatus = k) : l = g : r.unmountOnExit || r.mountOnEnter ? l = C : l = v, e.state = {
-      status: l
+    var o = t, a = o && !o.isMounting ? r.enter : r.appear, c;
+    return e.appearStatus = null, r.in ? a ? (c = g, e.appearStatus = x) : c = w : r.unmountOnExit || r.mountOnEnter ? c = C : c = g, e.state = {
+      status: c
     }, e.nextCallback = null, e;
   }
   s.getDerivedStateFromProps = function(t, e) {
     var o = t.in;
     return o && e.status === C ? {
-      status: v
+      status: g
     } : null;
   };
-  var a = s.prototype;
-  return a.componentDidMount = function() {
+  var i = s.prototype;
+  return i.componentDidMount = function() {
     this.updateStatus(!0, this.appearStatus);
-  }, a.componentDidUpdate = function(t) {
+  }, i.componentDidUpdate = function(t) {
     var e = null;
     if (t !== this.props) {
       var o = this.state.status;
-      this.props.in ? o !== k && o !== g && (e = k) : (o === k || o === g) && (e = A);
+      this.props.in ? o !== x && o !== w && (e = x) : (o === x || o === w) && (e = A);
     }
     this.updateStatus(!1, e);
-  }, a.componentWillUnmount = function() {
+  }, i.componentWillUnmount = function() {
     this.cancelNextCallback();
-  }, a.getTimeouts = function() {
-    var t = this.props.timeout, e, o, i;
-    return e = o = i = t, t != null && typeof t != "number" && (e = t.exit, o = t.enter, i = t.appear !== void 0 ? t.appear : o), {
+  }, i.getTimeouts = function() {
+    var t = this.props.timeout, e, o, a;
+    return e = o = a = t, t != null && typeof t != "number" && (e = t.exit, o = t.enter, a = t.appear !== void 0 ? t.appear : o), {
       exit: e,
       enter: o,
-      appear: i
+      appear: a
     };
-  }, a.updateStatus = function(t, e) {
+  }, i.updateStatus = function(t, e) {
     if (t === void 0 && (t = !1), e !== null)
-      if (this.cancelNextCallback(), e === k) {
+      if (this.cancelNextCallback(), e === x) {
         if (this.props.unmountOnExit || this.props.mountOnEnter) {
           var o = this.props.nodeRef ? this.props.nodeRef.current : R.findDOMNode(this);
-          o && ie(o);
+          o && ae(o);
         }
         this.performEnter(t);
       } else
         this.performExit();
     else
-      this.props.unmountOnExit && this.state.status === v && this.setState({
+      this.props.unmountOnExit && this.state.status === g && this.setState({
         status: C
       });
-  }, a.performEnter = function(t) {
-    var e = this, o = this.props.enter, i = this.context ? this.context.isMounting : t, l = this.props.nodeRef ? [i] : [R.findDOMNode(this), i], m = l[0], p = l[1], E = this.getTimeouts(), x = i ? E.appear : E.enter;
+  }, i.performEnter = function(t) {
+    var e = this, o = this.props.enter, a = this.context ? this.context.isMounting : t, c = this.props.nodeRef ? [a] : [R.findDOMNode(this), a], h = c[0], d = c[1], m = this.getTimeouts(), y = a ? m.appear : m.enter;
     if (!t && !o || F.disabled) {
       this.safeSetState({
-        status: g
+        status: w
       }, function() {
-        e.props.onEntered(m);
+        e.props.onEntered(h);
       });
       return;
     }
-    this.props.onEnter(m, p), this.safeSetState({
-      status: k
+    this.props.onEnter(h, d), this.safeSetState({
+      status: x
     }, function() {
-      e.props.onEntering(m, p), e.onTransitionEnd(x, function() {
+      e.props.onEntering(h, d), e.onTransitionEnd(y, function() {
         e.safeSetState({
-          status: g
+          status: w
         }, function() {
-          e.props.onEntered(m, p);
+          e.props.onEntered(h, d);
         });
       });
     });
-  }, a.performExit = function() {
-    var t = this, e = this.props.exit, o = this.getTimeouts(), i = this.props.nodeRef ? void 0 : R.findDOMNode(this);
+  }, i.performExit = function() {
+    var t = this, e = this.props.exit, o = this.getTimeouts(), a = this.props.nodeRef ? void 0 : R.findDOMNode(this);
     if (!e || F.disabled) {
       this.safeSetState({
-        status: v
+        status: g
       }, function() {
-        t.props.onExited(i);
+        t.props.onExited(a);
       });
       return;
     }
-    this.props.onExit(i), this.safeSetState({
+    this.props.onExit(a), this.safeSetState({
       status: A
     }, function() {
-      t.props.onExiting(i), t.onTransitionEnd(o.exit, function() {
+      t.props.onExiting(a), t.onTransitionEnd(o.exit, function() {
         t.safeSetState({
-          status: v
+          status: g
         }, function() {
-          t.props.onExited(i);
+          t.props.onExited(a);
         });
       });
     });
-  }, a.cancelNextCallback = function() {
+  }, i.cancelNextCallback = function() {
     this.nextCallback !== null && (this.nextCallback.cancel(), this.nextCallback = null);
-  }, a.safeSetState = function(t, e) {
+  }, i.safeSetState = function(t, e) {
     e = this.setNextCallback(e), this.setState(t, e);
-  }, a.setNextCallback = function(t) {
+  }, i.setNextCallback = function(t) {
     var e = this, o = !0;
-    return this.nextCallback = function(i) {
-      o && (o = !1, e.nextCallback = null, t(i));
+    return this.nextCallback = function(a) {
+      o && (o = !1, e.nextCallback = null, t(a));
     }, this.nextCallback.cancel = function() {
       o = !1;
     }, this.nextCallback;
-  }, a.onTransitionEnd = function(t, e) {
+  }, i.onTransitionEnd = function(t, e) {
     this.setNextCallback(e);
-    var o = this.props.nodeRef ? this.props.nodeRef.current : R.findDOMNode(this), i = t == null && !this.props.addEndListener;
-    if (!o || i) {
+    var o = this.props.nodeRef ? this.props.nodeRef.current : R.findDOMNode(this), a = t == null && !this.props.addEndListener;
+    if (!o || a) {
       setTimeout(this.nextCallback, 0);
       return;
     }
     if (this.props.addEndListener) {
-      var l = this.props.nodeRef ? [this.nextCallback] : [o, this.nextCallback], m = l[0], p = l[1];
-      this.props.addEndListener(m, p);
+      var c = this.props.nodeRef ? [this.nextCallback] : [o, this.nextCallback], h = c[0], d = c[1];
+      this.props.addEndListener(h, d);
     }
     t != null && setTimeout(this.nextCallback, t);
-  }, a.render = function() {
+  }, i.render = function() {
     var t = this.state.status;
     if (t === C)
       return null;
     var e = this.props, o = e.children;
     e.in, e.mountOnEnter, e.unmountOnExit, e.appear, e.enter, e.exit, e.timeout, e.addEndListener, e.onEnter, e.onEntering, e.onEntered, e.onExit, e.onExiting, e.onExited, e.nodeRef;
-    var i = j(e, ["children", "in", "mountOnEnter", "unmountOnExit", "appear", "enter", "exit", "timeout", "addEndListener", "onEnter", "onEntering", "onEntered", "onExit", "onExiting", "onExited", "nodeRef"]);
+    var a = j(e, ["children", "in", "mountOnEnter", "unmountOnExit", "appear", "enter", "exit", "timeout", "addEndListener", "onEnter", "onEntering", "onEntered", "onExit", "onExiting", "onExited", "nodeRef"]);
     return (
       // allows for nested Transitions
       /* @__PURE__ */ S.createElement(G.Provider, {
         value: null
-      }, typeof o == "function" ? o(t, i) : S.cloneElement(S.Children.only(o), i))
+      }, typeof o == "function" ? o(t, a) : S.cloneElement(S.Children.only(o), a))
     );
   }, s;
 }(S.Component);
@@ -371,9 +371,9 @@ b.propTypes = process.env.NODE_ENV !== "production" ? {
    *     [test/CSSTransition-test.js](https://github.com/reactjs/react-transition-group/blob/13435f897b3ab71f6e19d724f145596f5910581c/test/CSSTransition-test.js#L362-L437)).
    */
   nodeRef: n.shape({
-    current: typeof Element > "u" ? n.any : function(u, s, a, r, t, e) {
+    current: typeof Element > "u" ? n.any : function(u, s, i, r, t, e) {
       var o = u[s];
-      return n.instanceOf(o && "ownerDocument" in o ? o.ownerDocument.defaultView.Element : Element)(u, s, a, r, t, e);
+      return n.instanceOf(o && "ownerDocument" in o ? o.ownerDocument.defaultView.Element : Element)(u, s, i, r, t, e);
     }
   }),
   /**
@@ -454,11 +454,11 @@ b.propTypes = process.env.NODE_ENV !== "production" ? {
    * @type {number | { enter?: number, exit?: number, appear?: number }}
    */
   timeout: function(s) {
-    var a = se;
-    s.addEndListener || (a = a.isRequired);
+    var i = se;
+    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];
-    return a.apply(void 0, [s].concat(t));
+    return i.apply(void 0, [s].concat(t));
   },
   /**
    * Add a custom transition end trigger. Called with the transitioning
@@ -527,7 +527,7 @@ b.propTypes = process.env.NODE_ENV !== "production" ? {
    */
   onExited: n.func
 } : {};
-function T() {
+function _() {
 }
 b.defaultProps = {
   in: !1,
@@ -536,79 +536,94 @@ b.defaultProps = {
   appear: !1,
   enter: !0,
   exit: !0,
-  onEnter: T,
-  onEntering: T,
-  onEntered: T,
-  onExit: T,
-  onExiting: T,
-  onExited: T
+  onEnter: _,
+  onEntering: _,
+  onEntered: _,
+  onExit: _,
+  onExiting: _,
+  onExited: _
 };
 b.UNMOUNTED = C;
-b.EXITED = v;
-b.ENTERING = k;
-b.ENTERED = g;
+b.EXITED = g;
+b.ENTERING = x;
+b.ENTERED = w;
 b.EXITING = A;
-const ae = "_snackbar_13dfh_1", ue = "_bottomToTop_13dfh_1", y = {
-  snackbar: ae,
-  "snackbar__snackbar-el-wrapper": "_snackbar__snackbar-el-wrapper_13dfh_14",
-  "snackbar--content": "_snackbar--content_13dfh_19",
-  "snackbar--success": "_snackbar--success_13dfh_29",
-  "snackbar--error": "_snackbar--error_13dfh_32",
-  "snackbar--warning": "_snackbar--warning_13dfh_35",
-  "snackbar--message": "_snackbar--message_13dfh_38",
-  "snackbar--action": "_snackbar--action_13dfh_46",
+const ie = "_snackbar_1w4kg_56", ue = "_bottomToTop_1w4kg_1", v = {
+  "u-typography-h1": "_u-typography-h1_1w4kg_1",
+  "u-typography-h2": "_u-typography-h2_1w4kg_8",
+  "u-typography-h3": "_u-typography-h3_1w4kg_15",
+  "u-typography-h4": "_u-typography-h4_1w4kg_22",
+  "u-typography-h5": "_u-typography-h5_1w4kg_29",
+  "u-typography-h6": "_u-typography-h6_1w4kg_36",
+  "u-typography-base": "_u-typography-base_1w4kg_43",
+  "u-typography-base--xxl": "_u-typography-base--xxl_1w4kg_48",
+  "u-typography-base--xl": "_u-typography-base--xl_1w4kg_52",
+  "u-typography-base--lg": "_u-typography-base--lg_1w4kg_56",
+  "snackbar--message": "_snackbar--message_1w4kg_56",
+  "u-typography-base--sm": "_u-typography-base--sm_1w4kg_60",
+  "u-typography-base--bold": "_u-typography-base--bold_1w4kg_64",
+  "u-typography-base--strikethrough": "_u-typography-base--strikethrough_1w4kg_67",
+  "u-typography-base--underlined": "_u-typography-base--underlined_1w4kg_70",
+  "u-typography-base--strikethrough-underlined": "_u-typography-base--strikethrough-underlined_1w4kg_73",
+  snackbar: ie,
+  "snackbar__snackbar-el-wrapper": "_snackbar__snackbar-el-wrapper_1w4kg_90",
+  "snackbar--content": "_snackbar--content_1w4kg_95",
+  "snackbar--success": "_snackbar--success_1w4kg_105",
+  "snackbar--error": "_snackbar--error_1w4kg_108",
+  "snackbar--warning": "_snackbar--warning_1w4kg_111",
+  "snackbar--action": "_snackbar--action_1w4kg_121",
   bottomToTop: ue
-}, xe = ({
+}, ye = ({
   snackbarMessage: u,
   variant: s,
-  autoHideDuration: a = 5e3,
+  autoHideDuration: i = 5e3,
   open: r = !0,
   onClose: t,
   classNameWrapper: e,
   "data-testid": o
 }) => {
-  const [i, l] = V(!0), m = X(null), p = {
+  const [a, c] = V(!0), h = X(null), d = {
     entering: "translateY(0)",
     entered: "translateY(0)",
     exiting: "translateY(80px)",
     exited: "translateY(80px)",
     unmounted: "translateY(80px)"
-  }, E = () => {
-    l(!1);
-  }, x = () => {
-    l(!0);
+  }, m = () => {
+    c(!1);
+  }, y = () => {
+    c(!0);
   };
-  return /* @__PURE__ */ h("div", { className: N(y.snackbar, e), children: /* @__PURE__ */ h(
+  return /* @__PURE__ */ E("div", { className: O(v.snackbar, e), children: /* @__PURE__ */ E(
     q,
     {
-      autoHideDuration: a,
+      autoHideDuration: i,
       open: r,
-      onClose: (_, O) => O !== "clickaway" && (t == null ? void 0 : t()),
-      exited: i,
-      className: N(y["snackbar__snackbar-el-wrapper"]),
-      children: /* @__PURE__ */ h(
+      onClose: (k, T) => T !== "clickaway" && (t == null ? void 0 : t()),
+      exited: a,
+      className: O(v["snackbar__snackbar-el-wrapper"]),
+      children: /* @__PURE__ */ E(
         b,
         {
           timeout: { enter: 400, exit: 400 },
           in: r,
           appear: !0,
           unmountOnExit: !0,
-          onEnter: E,
-          onExited: x,
-          nodeRef: m,
-          children: (_) => /* @__PURE__ */ Y(
+          onEnter: m,
+          onExited: y,
+          nodeRef: h,
+          children: (k) => /* @__PURE__ */ Y(
             "div",
             {
-              className: N(y["snackbar--content"], y[`snackbar--${s}`]),
+              className: O(v["snackbar--content"], v[`snackbar--${s}`]),
               style: {
-                transform: p[_],
+                transform: d[k],
                 transition: "transform 300ms ease"
               },
-              ref: m,
+              ref: h,
               "data-testid": o,
               children: [
-                /* @__PURE__ */ h("div", { className: N(y["snackbar--message"]), children: /* @__PURE__ */ h("p", { children: u }) }),
-                /* @__PURE__ */ h("div", { className: N(y["snackbar--action"]), children: /* @__PURE__ */ h("a", { onClick: t, children: /* @__PURE__ */ h(K, { icon: "xmark", color: "var(--white-100)", size: "1.5rem" }) }) })
+                /* @__PURE__ */ E("div", { className: O(v["snackbar--message"]), children: /* @__PURE__ */ E("p", { children: u }) }),
+                /* @__PURE__ */ E("div", { className: O(v["snackbar--action"]), children: /* @__PURE__ */ E("a", { onClick: t, children: /* @__PURE__ */ E(K, { icon: "xmark", color: "var(--white-100)", size: "1.5rem" }) }) })
               ]
             }
           )
@@ -618,5 +633,5 @@ const ae = "_snackbar_13dfh_1", ue = "_bottomToTop_13dfh_1", y = {
   ) });
 };
 export {
-  xe as Snackbar
+  ye as Snackbar
 };