@telefonica/mistica 17.1.0 → 17.2.0

package/dist-es/select.js

@@ -51,217 +51,218 @@ function _object_spread_props(target, source) {
     }
     return target;
 }
-import { jsx as n, jsxs as A, Fragment as De } from "react/jsx-runtime";
+import { jsx as n, jsxs as P, Fragment as Fe } from "react/jsx-runtime";
 import * as t from "react";
-import P from "classnames";
-import { useForm as He } from "./form-context.js";
-import { useTheme as Fe } from "./hooks.js";
-import { SPACE as te, ENTER as ne, ESC as Be, TAB as We, DOWN as Ge, UP as Le } from "./utils/keys.js";
-import { useApplyCssVars as Ze, FieldContainer as $e, Label as qe, HelperText as ze } from "./text-field-components.js";
-import re from "./generated/mistica-icons/icon-chevron-down-regular.js";
-import { TextFieldBaseAutosuggest as je } from "./text-field-base.js";
-import Ke from "./overlay.js";
-import { isAndroid as Ue, isIos as Xe } from "./utils/platform.js";
-import { cancelEvent as p } from "./utils/dom.js";
-import { Text3 as Je } from "./text.js";
-import { selectVariants as Qe, arrowDown as Ye, iconContainer as oe, selectContainerVariants as et, selectTextVariants as tt, menuItem as nt, menuItemSelected as rt, optionsContainer as ot, optionsAnimationsVariants as se, vars as y } from "./select.css-mistica.js";
-import { inputWithLabel as ie, inputWithoutLabel as ae } from "./text-field-base.css-mistica.js";
-import { Portal as st } from "./portal.js";
-import { pxToRem as it, applyCssVars as at } from "./utils/css.js";
-import { ThemeVariant as lt } from "./theme-variant-context.js";
+import _ from "classnames";
+import { useForm as Be } from "./form-context.js";
+import { useTheme as We } from "./hooks.js";
+import { SPACE as ne, ENTER as re, ESC as Ge, TAB as Le, DOWN as Ze, UP as $e } from "./utils/keys.js";
+import { useApplyCssVars as qe, FieldContainer as ze, Label as je, HelperText as Ke } from "./text-field-components.js";
+import oe from "./generated/mistica-icons/icon-chevron-down-regular.js";
+import { TextFieldBaseAutosuggest as Ue } from "./text-field-base.js";
+import Xe from "./overlay.js";
+import { isAndroid as Je, isIos as Qe } from "./utils/platform.js";
+import { cancelEvent as m } from "./utils/dom.js";
+import { Text2 as Ye, Text3 as et } from "./text.js";
+import { selectVariants as tt, arrowDown as nt, iconContainer as se, selectContainerVariants as rt, selectTextVariants as ot, menuItem as st, menuItemSelected as it, optionsContainer as at, optionsAnimationsVariants as ie, vars as y } from "./select.css-mistica.js";
+import { inputWithLabel as ae, inputWithoutLabel as ce } from "./text-field-base.css-mistica.js";
+import { Portal as ct } from "./portal.js";
+import { pxToRem as lt, applyCssVars as ut } from "./utils/css.js";
+import { ThemeVariant as dt } from "./theme-variant-context.js";
 import { vars as le } from "./skins/skin-contract.css-mistica.js";
-const Nt = (param)=>{
-    let { id: ce, label: c, helperText: ue, value: de, defaultValue: fe, onChangeValue: me, name: s, fullWidth: _, options: u, optional: E, showOptionalLabel: pe, disabled: he, error: Se, onBlur: ge, autoFocus: $ = !1, native: ve, dataAttributes: q } = param;
+const At = (param)=>{
+    let { id: ue, label: l, helperText: de, value: fe, defaultValue: pe, onChangeValue: me, name: s, fullWidth: k, options: u, optional: w, showOptionalLabel: he, disabled: Se, error: ge, onBlur: ve, autoFocus: q = !1, native: Te, dataAttributes: z, small: b } = param;
     var _h_current;
-    const h = t.useRef(null), d = t.useRef(null), b = t.useRef(null), S = t.useRef(null), N = t.useRef(/* @__PURE__ */ new Map()), [Te, Ie] = t.useState(!0), [g, we] = t.useState(fe), [k, z] = t.useState(!1), [j, K] = t.useState(!1), [U, x] = t.useState(!1), [a, M] = t.useState({}), [v, D] = t.useState(), H = t.useRef(null), Ee = t.useId(), F = ce || Ee, { rawValues: xe, setRawValue: B, setValue: W, formStatus: Oe, formErrors: X, setFormError: Re, register: G } = He(), { platformOverrides: J } = Fe(), ye = Ze(), be = ve || process.env.NODE_ENV === "test" && !process.env.SSR_TEST || Ue(J) || Xe(J), T = he || Oe === "sending", V = Se || !!X[s], Q = X[s] || ue, l = de !== null && de !== void 0 ? de : xe[s], Y = (e)=>{
-        me === null || me === void 0 ? void 0 : me(e), Re({
+    const h = t.useRef(null), d = t.useRef(null), N = t.useRef(null), S = t.useRef(null), V = t.useRef(/* @__PURE__ */ new Map()), [Ie, xe] = t.useState(!0), [g, we] = t.useState(pe), [M, j] = t.useState(!1), [K, U] = t.useState(!1), [X, E] = t.useState(!1), [a, D] = t.useState({}), [v, H] = t.useState(), F = t.useRef(null), Ee = t.useId(), B = ue || Ee, { rawValues: Oe, setRawValue: W, setValue: G, formStatus: Re, formErrors: J, setFormError: ye, register: L } = Be(), { platformOverrides: Q } = We(), be = qe(b), Ne = Te || process.env.NODE_ENV === "test" && !process.env.SSR_TEST || Je(Q) || Qe(Q), T = Se || Re === "sending", C = ge || !!J[s], Y = J[s] || de, c = fe !== null && fe !== void 0 ? fe : Oe[s], ee = (e)=>{
+        me === null || me === void 0 ? void 0 : me(e), ye({
             name: s,
             error: ""
-        }), B({
+        }), W({
             name: s,
             value: e
-        }), W({
+        }), G({
             name: s,
             value: e
         });
     }, I = (e)=>{
         if (e) {
-            if (b === null || b === void 0 ? void 0 : b.current) {
-                const f = b.current.getBoundingClientRect(), m = f.top, O = f.width, Z = f.left, _e = f.height, R = m + _e, C = Math.min(u.length, 8) * 48 + 16;
-                if (R + C + 12 > window.innerHeight) {
-                    const ke = window.innerHeight - R;
-                    if (m > ke) {
-                        const Me = m - C;
-                        M({
+            if (N === null || N === void 0 ? void 0 : N.current) {
+                const f = N.current.getBoundingClientRect(), p = f.top, O = f.width, $ = f.left, Me = f.height, R = p + Me, A = Math.min(u.length, 8) * 48 + 16;
+                if (R + A + 12 > window.innerHeight) {
+                    const De = window.innerHeight - R;
+                    if (p > De) {
+                        const He = p - A;
+                        D({
                             minWidth: O,
-                            left: Z,
-                            top: Math.max(Me, 12),
-                            maxHeight: Math.min(m - 12, C),
+                            left: $,
+                            top: Math.max(He, 12),
+                            maxHeight: Math.min(p - 12, A),
                             transformOrigin: "center bottom"
                         });
-                    } else M({
+                    } else D({
                         minWidth: O,
                         top: R,
-                        left: Z,
+                        left: $,
                         maxHeight: window.innerHeight - R - 12,
                         transformOrigin: "center top"
                     });
-                } else M({
+                } else D({
                     minWidth: O,
                     top: R,
-                    left: Z,
-                    maxHeight: C,
+                    left: $,
+                    maxHeight: A,
                     transformOrigin: "center top"
                 });
             }
-            z(!0), requestAnimationFrame(()=>{
-                H.current && S.current && "scrollTop" in S.current && (S.current.scrollTop = H.current), K(!0);
-            }), D(g !== null && g !== void 0 ? g : l);
-        } else K(!1), z(!1), D(void 0);
-    }, L = (e)=>{
+            j(!0), requestAnimationFrame(()=>{
+                F.current && S.current && "scrollTop" in S.current && (S.current.scrollTop = F.current), U(!0);
+            }), H(g !== null && g !== void 0 ? g : c);
+        } else U(!1), j(!1), H(void 0);
+    }, Z = (e)=>{
         var _S_current;
-        H.current = (_S_current = S.current) === null || _S_current === void 0 ? void 0 : _S_current.scrollTop, I(!1), Y && typeof e == "string" && Y(e), typeof l > "u" && we(e);
-    }, Ne = (e)=>{
+        F.current = (_S_current = S.current) === null || _S_current === void 0 ? void 0 : _S_current.scrollTop, I(!1), ee && typeof e == "string" && ee(e), typeof c > "u" && we(e);
+    }, Ve = (e)=>{
         var _S_current;
         const r = (_S_current = S.current) === null || _S_current === void 0 ? void 0 : _S_current.getBoundingClientRect();
-        if (r && e && N.current.has(e)) {
-            const o = N.current.get(e), i = o === null || o === void 0 ? void 0 : o.getBoundingClientRect();
+        if (r && e && V.current.has(e)) {
+            const o = V.current.get(e), i = o === null || o === void 0 ? void 0 : o.getBoundingClientRect();
             if (i && i.top + i.height / 2 >= r.top + r.height) {
                 o === null || o === void 0 ? void 0 : o.scrollIntoView();
                 return;
             }
             i && i.top + i.height / 2 <= r.top && (o === null || o === void 0 ? void 0 : o.scrollIntoView(!1));
         }
-    }, Ve = d.current, Ce = h.current;
+    }, Ce = d.current, Ae = h.current;
     t.useEffect(()=>{
-        B({
+        W({
             name: s,
-            value: l
-        }), W({
+            value: c
+        }), G({
             name: s,
-            value: l
+            value: c
         });
     }, [
         s,
-        B,
         W,
-        l
-    ]), t.useEffect(()=>(G(s, {
+        G,
+        c
+    ]), t.useEffect(()=>(L(s, {
             input: h.current,
             focusableElement: d.current,
-            label: c,
-            required: !E
+            label: l,
+            required: !w
         }), ()=>{
-            G(s, {
+            L(s, {
                 input: null,
                 focusableElement: null,
                 label: ""
             });
         }), [
         s,
-        G,
+        L,
         d,
         h,
-        Ve,
         Ce,
-        c,
-        E
+        Ae,
+        l,
+        w
     ]), t.useEffect(()=>{
         const e = (o)=>{
             const f = {
-                [Le]: -1,
-                [Ge]: 1
+                [$e]: -1,
+                [Ze]: 1
             }[o.key];
             if (f) {
                 var _u_;
-                p(o);
+                m(o);
                 var _u__value;
-                const m = (_u__value = (_u_ = u[u.findIndex((param)=>{
+                const p = (_u__value = (_u_ = u[u.findIndex((param)=>{
                     let { value: O } = param;
                     return O === v;
                 }) + f]) === null || _u_ === void 0 ? void 0 : _u_.value) !== null && _u__value !== void 0 ? _u__value : v;
-                D(m), Ne(m);
+                H(p), Ve(p);
             }
         }, r = (o)=>{
-            if (k) switch(o.key){
-                case We:
-                    p(o);
+            if (M) switch(o.key){
+                case Le:
+                    m(o);
                     break;
-                case Be:
+                case Ge:
                     I(!1);
                     break;
+                case re:
                 case ne:
-                case te:
-                    p(o), u.findIndex((param)=>{
+                    m(o), u.findIndex((param)=>{
                         let { value: i } = param;
                         return i === v;
-                    }) !== -1 && v !== g && L(v), I(!1);
+                    }) !== -1 && v !== g && Z(v), I(!1);
                     break;
             }
-            j && e(o);
+            K && e(o);
         };
         return document.addEventListener("keydown", r, !1), ()=>{
             document.removeEventListener("keydown", r, !1);
         };
     }), t.useEffect(()=>{
-        $ && d.current && d.current.focus();
+        q && d.current && d.current.focus();
     }, [
-        $
+        q
     ]), t.useEffect(()=>{
-        Ie(!1);
+        xe(!1);
     }, []);
-    const Ae = (e)=>{
+    const Pe = (e)=>{
         var _u_find;
         return e ? (_u_find = u.find((param)=>{
             let { value: r } = param;
             return r === e;
         })) === null || _u_find === void 0 ? void 0 : _u_find.text : "";
-    }, Pe = {
+    }, _e = {
         tabIndex: 0,
-        onFocus: ()=>x(!0),
-        onBlur: ()=>x(!1),
+        onFocus: ()=>E(!0),
+        onBlur: ()=>E(!1),
         onClick: ()=>{
-            I(!0), x(!0);
+            I(!0), E(!0);
         },
         onKeyDown: (e)=>{
-            !k && (e.key === te || e.key === ne) && (p(e), I(!0));
+            !M && (e.key === ne || e.key === re) && (m(e), I(!0));
         }
-    }, ee = it(20), w = g !== null && g !== void 0 ? g : l;
+    }, te = lt(20), x = g !== null && g !== void 0 ? g : c, ke = b ? Ye : et;
     var _a_transformOrigin;
-    return /* @__PURE__ */ n(lt, {
+    return /* @__PURE__ */ n(dt, {
         variant: "default",
-        children: be || Te ? /* @__PURE__ */ A($e, {
+        children: Ne || Ie ? /* @__PURE__ */ P(ze, {
             disabled: T,
-            helperText: /* @__PURE__ */ n(ze, {
-                error: V,
-                leftText: Q
+            helperText: /* @__PURE__ */ n(Ke, {
+                error: C,
+                leftText: Y
             }),
-            fieldRef: b,
-            fullWidth: _,
+            fieldRef: N,
+            fullWidth: k,
             dataAttributes: _object_spread({
                 testid: "Select"
-            }, q),
+            }, z),
+            small: b,
             children: [
-                c && /* @__PURE__ */ n(qe, {
-                    error: V,
-                    forId: F,
-                    inputState: U ? "focused" : (w !== null && w !== void 0 ? w : (_h_current = h.current) === null || _h_current === void 0 ? void 0 : _h_current.value) ? "filled" : "default",
-                    showOptional: E && pe,
-                    children: c
+                l && /* @__PURE__ */ n(je, {
+                    error: C,
+                    forId: B,
+                    inputState: X ? "focused" : (x !== null && x !== void 0 ? x : (_h_current = h.current) === null || _h_current === void 0 ? void 0 : _h_current.value) ? "filled" : "default",
+                    showOptional: w && he,
+                    children: l
                 }),
-                /* @__PURE__ */ A("select", {
-                    className: P(Qe[T ? "disabled" : "default"], c ? ie : ae),
-                    id: F,
-                    "aria-invalid": !!V,
-                    value: w,
-                    required: !E,
+                /* @__PURE__ */ P("select", {
+                    className: _(tt[T ? "disabled" : "default"], l ? ae : ce),
+                    id: B,
+                    "aria-invalid": !!C,
+                    value: x,
+                    required: !w,
                     disabled: T,
                     onChange: (e)=>{
-                        L(e.target.value);
+                        Z(e.target.value);
                     },
-                    onFocus: ()=>x(!0),
+                    onFocus: ()=>E(!0),
                     onBlur: (e)=>{
-                        x(!1), ge === null || ge === void 0 ? void 0 : ge(e);
+                        E(!1), ve === null || ve === void 0 ? void 0 : ve(e);
                     },
                     ref: (e)=>{
                         [
@@ -276,10 +277,10 @@ const Nt = (param)=>{
                         // Without this fix, the label is invisible when disabled
                         opacity: 1,
                         // Use transparent color for the empty option (show below) to avoid showing it when the menu is closed
-                        color: w ? void 0 : "transparent"
+                        color: x ? void 0 : "transparent"
                     },
                     children: [
-                        !w && u.every((param)=>{
+                        !x && u.every((param)=>{
                             let { value: e } = param;
                             return !!e;
                         }) && // If no "empty" option exists, insert a dummy empty option. Once an option is selected,
@@ -294,7 +295,7 @@ const Nt = (param)=>{
                                 display: "none"
                             },
                             "aria-label": "",
-                            children: c
+                            children: l
                         }),
                         u.map((param)=>{
                             let { value: e, text: r } = param;
@@ -311,95 +312,96 @@ const Nt = (param)=>{
                     ]
                 }),
                 /* @__PURE__ */ n("div", {
-                    className: Ye,
+                    className: nt,
                     "aria-hidden": !0,
                     children: /* @__PURE__ */ n("div", {
-                        className: oe,
+                        className: se,
                         "data-testid": "endIcon",
-                        children: /* @__PURE__ */ n(re, {
-                            size: ee,
+                        children: /* @__PURE__ */ n(oe, {
+                            size: te,
                             color: le.colors.neutralMedium
                         })
                     })
                 })
             ]
-        }) : /* @__PURE__ */ A(De, {
+        }) : /* @__PURE__ */ P(Fe, {
             children: [
-                /* @__PURE__ */ A("div", _object_spread_props(_object_spread({
-                    className: et[_ ? "fullWidth" : "default"],
+                /* @__PURE__ */ P("div", _object_spread_props(_object_spread({
+                    className: rt[k ? "fullWidth" : "default"],
                     role: "button",
                     "aria-haspopup": "listbox",
                     ref: d
-                }, !T && Pe), {
-                    style: ye,
+                }, !T && _e), {
+                    style: be,
                     children: [
-                        /* @__PURE__ */ n(je, {
+                        /* @__PURE__ */ n(Ue, {
                             style: {
                                 visibility: "hidden"
                             },
-                            fullWidth: _,
+                            fullWidth: k,
                             endIcon: /* @__PURE__ */ n("div", {
-                                className: oe,
-                                children: /* @__PURE__ */ n(re, {
-                                    size: ee,
+                                className: se,
+                                children: /* @__PURE__ */ n(oe, {
+                                    size: te,
                                     color: le.colors.neutralMedium
                                 })
                             }),
-                            focus: U,
-                            label: c,
-                            value: w,
-                            shrinkLabel: !!(l || g),
+                            focus: X,
+                            label: l,
+                            value: x,
+                            shrinkLabel: !!(c || g),
                             name: s,
-                            helperText: Q,
-                            required: !E,
+                            helperText: Y,
+                            required: !w,
                             disabled: T,
-                            id: F,
-                            error: V,
+                            id: B,
+                            error: C,
                             inputRef: h,
-                            fieldRef: b,
+                            fieldRef: N,
                             dataAttributes: _object_spread({
                                 testid: "Select"
-                            }, q)
+                            }, z),
+                            small: b
                         }),
                         /* @__PURE__ */ n("div", {
-                            className: P(tt[T ? "disabled" : "default"], c ? ie : ae),
-                            children: Ae(w)
+                            className: _(ot[T ? "disabled" : "default"], l ? ae : ce),
+                            children: Pe(x)
                         })
                     ]
                 })),
-                k && /* @__PURE__ */ n(Ke, {
+                M && /* @__PURE__ */ n(Xe, {
                     onPress: (e)=>{
-                        I(!1), p(e);
+                        I(!1), m(e);
                     },
                     disableScroll: !0,
-                    children: /* @__PURE__ */ n(st, {
+                    children: /* @__PURE__ */ n(ct, {
                         children: /* @__PURE__ */ n("ul", {
-                            style: at({
+                            style: ut({
                                 [y.top]: a.top ? `${a.top}px` : "",
                                 [y.left]: a.left ? `${a.left}px` : "",
                                 [y.maxHeight]: a.maxHeight ? `${a.maxHeight}px` : "",
                                 [y.minWidth]: a.minWidth ? `${a.minWidth}px` : "",
                                 [y.transformOrigin]: (_a_transformOrigin = a.transformOrigin) !== null && _a_transformOrigin !== void 0 ? _a_transformOrigin : ""
                             }),
-                            onPointerDown: p,
-                            className: P(ot, j ? se.show : se.hide),
+                            onPointerDown: m,
+                            className: _(at, K ? ie.show : ie.hide),
                             role: "listbox",
                             ref: S,
                             children: u.map((param)=>{
                                 let { value: e, text: r } = param;
                                 return /* @__PURE__ */ n("li", {
                                     role: "option",
-                                    "aria-selected": e === (g !== null && g !== void 0 ? g : l),
+                                    "aria-selected": e === (g !== null && g !== void 0 ? g : c),
                                     "data-value": e,
-                                    className: P(nt, {
-                                        [rt]: e === v || e === (g !== null && g !== void 0 ? g : l)
+                                    className: _(st, {
+                                        [it]: e === v || e === (g !== null && g !== void 0 ? g : c)
                                     }),
-                                    onPointerDown: p,
-                                    onClick: ()=>L(e),
+                                    onPointerDown: m,
+                                    onClick: ()=>Z(e),
                                     ref: (o)=>{
-                                        o ? N.current.set(e, o) : N.current.delete(e);
+                                        o ? V.current.set(e, o) : V.current.delete(e);
                                     },
-                                    children: /* @__PURE__ */ n(Je, {
+                                    children: /* @__PURE__ */ n(ke, {
                                         regular: !0,
                                         children: r
                                     })
@@ -412,4 +414,4 @@ const Nt = (param)=>{
         })
     });
 };
-export { Nt as default };
+export { At as default };

package/dist-es/sheet-action-row.css-mistica.js

@@ -1,2 +1,2 @@
-/* empty css                                     */ /* empty css                                            */ var n = "v17_1_4k81wx1 v17_1_4k81wx0 v17_1_1y2v1nfhi v17_1_1y2v1nfir v17_1_1y2v1nfk0 v17_1_1y2v1nfl9 v17_1_1y2v1nfra v17_1_1y2v1nftn v17_1_1y2v1nfrp";
+/* empty css                                     */ /* empty css                                            */ var n = "v17_2_4k81wx1 v17_2_4k81wx0 v17_2_1y2v1nfhi v17_2_1y2v1nfir v17_2_1y2v1nfk0 v17_2_1y2v1nfl9 v17_2_1y2v1nfra v17_2_1y2v1nftn v17_2_1y2v1nfrp";
 export { n as sheetActionRow };

package/dist-es/sheet-common.css-mistica.js

@@ -1,2 +1,2 @@
-/* empty css                                     */ /* empty css                                        */ var f = 400, n = "v17_1_pidemf4 v17_1_pidemf3 v17_1_1y2v1nfr6 v17_1_1y2v1nfuy v17_1_1y2v1nfvd v17_1_1y2v1nfvs", e = "v17_1_pidemf6 v17_1_pidemf5 v17_1_1y2v1nf8j", r = "v17_1_pidemf7", y = "v17_1_pidemf9 v17_1_pidemf8 v17_1_1y2v1nfhr v17_1_1y2v1nfra v17_1_1y2v1nfrg", i = "v17_1_pidemfa v17_1_1y2v1nfui v17_1_1y2v1nfrw v17_1_1y2v1nfra v17_1_1y2v1nfrg", d = "v17_1_pidemfc v17_1_pidemfb v17_1_1y2v1nfhc v17_1_1y2v1nfil v17_1_1y2v1nfr5 v17_1_1y2v1nfuj v17_1_1y2v1nfsr v17_1_1y2v1nfrx v17_1_1y2v1nfra v17_1_1y2v1nfrj", a = "v17_1_pidemfe v17_1_pidemfd v17_1_1y2v1nfr9", p = "v17_1_pidemff v17_1_1y2v1nfcq v17_1_1y2v1nfs6 v17_1_1y2v1nfsh v17_1_1y2v1nftv", m = "v17_1_pidemfi v17_1_pidemfh v17_1_1y2v1nfr6 v17_1_1y2v1nf98 v17_1_1y2v1nfuj v17_1_1y2v1nfuy v17_1_1y2v1nfvd v17_1_1y2v1nfvs", t = "v17_1_pidemfj", o = "v17_1_pidemfl v17_1_pidemfk v17_1_1y2v1nfr5", s = "v17_1_pidemfn v17_1_pidemfm v17_1_1y2v1nfr8 v17_1_1y2v1nfuj v17_1_1y2v1nf8j", h = "v17_1_pidemfp v17_1_pidemfo v17_1_1y2v1nfr8 v17_1_1y2v1nfvs v17_1_1y2v1nf8j", l = "v17_1_pidemfq";
-export { e as Sheet, n as SheetContainer, y as SheetContent, l as bodyContent, i as children, t as closingOverlay, r as closingSheet, o as dismissButton, p as handleBar, a as handleContainer, m as overlay, d as sheetTopDraggingArea, h as stickyButtons, s as stickyTitle, f as transitionDuration };
+/* empty css                                     */ /* empty css                                        */ var f = 400, n = "v17_2_pidemf4 v17_2_pidemf3 v17_2_1y2v1nfr6 v17_2_1y2v1nfuz v17_2_1y2v1nfve v17_2_1y2v1nfvt", e = "v17_2_pidemf6 v17_2_pidemf5 v17_2_1y2v1nf8j", r = "v17_2_pidemf7", y = "v17_2_pidemf9 v17_2_pidemf8 v17_2_1y2v1nfhr v17_2_1y2v1nfra v17_2_1y2v1nfrg", i = "v17_2_pidemfa v17_2_1y2v1nfuj v17_2_1y2v1nfrw v17_2_1y2v1nfra v17_2_1y2v1nfrg", a = "v17_2_pidemfc v17_2_pidemfb v17_2_1y2v1nfhc v17_2_1y2v1nfil v17_2_1y2v1nfr5 v17_2_1y2v1nfuk v17_2_1y2v1nfsr v17_2_1y2v1nfrx v17_2_1y2v1nfra v17_2_1y2v1nfrj", d = "v17_2_pidemfe v17_2_pidemfd v17_2_1y2v1nfr9", p = "v17_2_pidemff v17_2_1y2v1nfcq v17_2_1y2v1nfs6 v17_2_1y2v1nfsh v17_2_1y2v1nftv", t = "v17_2_pidemfi v17_2_pidemfh v17_2_1y2v1nfr6 v17_2_1y2v1nf98 v17_2_1y2v1nfuk v17_2_1y2v1nfuz v17_2_1y2v1nfve v17_2_1y2v1nfvt", m = "v17_2_pidemfj", o = "v17_2_pidemfl v17_2_pidemfk v17_2_1y2v1nfr5", s = "v17_2_pidemfn v17_2_pidemfm v17_2_1y2v1nfr8 v17_2_1y2v1nfuk v17_2_1y2v1nf8j", h = "v17_2_pidemfp v17_2_pidemfo v17_2_1y2v1nfr8 v17_2_1y2v1nfvt v17_2_1y2v1nf8j", l = "v17_2_pidemfq";
+export { e as Sheet, n as SheetContainer, y as SheetContent, l as bodyContent, i as children, m as closingOverlay, r as closingSheet, o as dismissButton, p as handleBar, d as handleContainer, t as overlay, a as sheetTopDraggingArea, h as stickyButtons, s as stickyTitle, f as transitionDuration };

package/dist-es/sheet-info.css-mistica.js

@@ -1,2 +1,2 @@
-/* empty css                                     */ /* empty css                                      */ var n = "v17_1_12pggsm0 v17_1_1y2v1nfra v17_1_1y2v1nfrp v17_1_1y2v1nfsm", r = "v17_1_12pggsm1 v17_1_1y2v1nfse v17_1_1y2v1nfra", f = "v17_1_12pggsm2 v17_1_1y2v1nfhi v17_1_1y2v1nfir v17_1_1y2v1nfra v17_1_1y2v1nfrp v17_1_1y2v1nftn";
+/* empty css                                     */ /* empty css                                      */ var n = "v17_2_12pggsm0 v17_2_1y2v1nfra v17_2_1y2v1nfrp v17_2_1y2v1nfsm", r = "v17_2_12pggsm1 v17_2_1y2v1nfse v17_2_1y2v1nfra", f = "v17_2_12pggsm2 v17_2_1y2v1nfhi v17_2_1y2v1nfir v17_2_1y2v1nfra v17_2_1y2v1nfrp v17_2_1y2v1nftn";
 export { n as infoItemIcon, r as infoItemIconContainer, f as itemContainer };

package/dist-es/skeletons.css-mistica.js

@@ -1,8 +1,8 @@
 /* empty css                                     */ /* empty css                                     */ var o = {
-    default: "v17_1_zopolw5 v17_1_zopolw0 v17_1_1y2v1nf99",
-    alternative: "v17_1_zopolw6 v17_1_zopolw1 v17_1_1y2v1nf99",
-    brand: "v17_1_zopolw7 v17_1_zopolw2 v17_1_1y2v1nf9c",
-    negative: "v17_1_zopolw8 v17_1_zopolw3 v17_1_1y2v1nf9b",
-    media: "v17_1_zopolw9 v17_1_zopolw4 v17_1_1y2v1nf9b"
-}, l = "v17_1_zopolwc v17_1_zopolwb v17_1_1y2v1nfrc", p = "v17_1_zopolwd v17_1_1y2v1nfra v17_1_1y2v1nfrp v17_1_1y2v1nfrj", r = "v17_1_zopolwe v17_1_1y2v1nfrs v17_1_1y2v1nfru", n = "v17_1_zopolwg v17_1_zopolwf v17_1_1y2v1nfrt";
+    default: "v17_2_zopolw5 v17_2_zopolw0 v17_2_1y2v1nf99",
+    alternative: "v17_2_zopolw6 v17_2_zopolw1 v17_2_1y2v1nf99",
+    brand: "v17_2_zopolw7 v17_2_zopolw2 v17_2_1y2v1nf9c",
+    negative: "v17_2_zopolw8 v17_2_zopolw3 v17_2_1y2v1nf9b",
+    media: "v17_2_zopolw9 v17_2_zopolw4 v17_2_1y2v1nf9b"
+}, l = "v17_2_zopolwc v17_2_zopolwb v17_2_1y2v1nfrc", p = "v17_2_zopolwd v17_2_1y2v1nfra v17_2_1y2v1nfrp v17_2_1y2v1nfrj", r = "v17_2_zopolwe v17_2_1y2v1nfrs v17_2_1y2v1nfru", n = "v17_2_zopolwg v17_2_zopolwf v17_2_1y2v1nfrt";
 export { l as animation, o as background, r as circle, n as line, p as row };

package/dist-es/skins/blau.js

@@ -668,7 +668,8 @@ const e = {
             input: "8px",
             popup: "8px",
             sheet: "8px",
-            mediaSmall: "8px"
+            mediaSmall: "8px",
+            snackbar: "8px"
         },
         textPresets: {
             button: {
@@ -1060,9 +1061,17 @@ const e = {
                     mobile: 8,
                     desktop: 8
                 },
+                right: {
+                    mobile: 16,
+                    desktop: 16
+                },
                 bottom: {
                     mobile: 8,
                     desktop: 8
+                },
+                left: {
+                    mobile: 12,
+                    desktop: 12
                 }
             },
             tagPadding: {

package/dist-es/skins/defaults.js

@@ -342,7 +342,8 @@ const e = {
     avatar: "50%",
     mediaSmall: "8px",
     chip: "16px",
-    tag: "24px"
+    tag: "24px",
+    snackbar: "8px"
 }, t = {
     brandLoadingScreen: "inverse",
     successFeedback: "inverse"
@@ -401,6 +402,14 @@ const e = {
         bottom: {
             mobile: 9,
             desktop: 3
+        },
+        left: {
+            mobile: 12,
+            desktop: 12
+        },
+        right: {
+            mobile: 16,
+            desktop: 16
         }
     },
     tagPadding: {

package/dist-es/skins/esimflag.js

@@ -672,7 +672,8 @@ const e = {
             input: "16px",
             popup: "16px",
             sheet: "16px",
-            mediaSmall: "8px"
+            mediaSmall: "8px",
+            snackbar: "16px"
         },
         textPresets: {
             button: {
@@ -1064,9 +1065,17 @@ const e = {
                     mobile: 8,
                     desktop: 8
                 },
+                right: {
+                    mobile: 16,
+                    desktop: 16
+                },
                 bottom: {
                     mobile: 8,
                     desktop: 8
+                },
+                left: {
+                    mobile: 12,
+                    desktop: 12
                 }
             },
             tagPadding: {