@telefonica/mistica 17.1.0 → 17.2.0

package/dist/select.js

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return Nt;
+        return At;
     }
 });
 const _jsxruntime = require("react/jsx-runtime");
@@ -126,102 +126,102 @@ function _object_spread_props(target, source) {
     }
     return target;
 }
-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 = _react.useRef(null), d = _react.useRef(null), b = _react.useRef(null), S = _react.useRef(null), N = _react.useRef(/* @__PURE__ */ new Map()), [Te, Ie] = _react.useState(!0), [g, we] = _react.useState(fe), [k, z] = _react.useState(!1), [j, K] = _react.useState(!1), [U, x] = _react.useState(!1), [a, M] = _react.useState({}), [v, D] = _react.useState(), H = _react.useRef(null), Ee = _react.useId(), F = ce || Ee, { rawValues: xe, setRawValue: B, setValue: W, formStatus: Oe, formErrors: X, setFormError: Re, register: G } = (0, _formcontext.useForm)(), { platformOverrides: J } = (0, _hooks.useTheme)(), ye = (0, _textfieldcomponents.useApplyCssVars)(), be = ve || process.env.NODE_ENV === "test" && !process.env.SSR_TEST || (0, _platform.isAndroid)(J) || (0, _platform.isIos)(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 = _react.useRef(null), d = _react.useRef(null), N = _react.useRef(null), S = _react.useRef(null), V = _react.useRef(/* @__PURE__ */ new Map()), [Ie, xe] = _react.useState(!0), [g, we] = _react.useState(pe), [M, j] = _react.useState(!1), [K, U] = _react.useState(!1), [X, E] = _react.useState(!1), [a, D] = _react.useState({}), [v, H] = _react.useState(), F = _react.useRef(null), Ee = _react.useId(), B = ue || Ee, { rawValues: Oe, setRawValue: W, setValue: G, formStatus: Re, formErrors: J, setFormError: ye, register: L } = (0, _formcontext.useForm)(), { platformOverrides: Q } = (0, _hooks.useTheme)(), be = (0, _textfieldcomponents.useApplyCssVars)(b), Ne = Te || process.env.NODE_ENV === "test" && !process.env.SSR_TEST || (0, _platform.isAndroid)(Q) || (0, _platform.isIos)(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;
     _react.useEffect(()=>{
-        B({
+        W({
             name: s,
-            value: l
-        }), W({
+            value: c
+        }), G({
             name: s,
-            value: l
+            value: c
         });
     }, [
         s,
-        B,
         W,
-        l
-    ]), _react.useEffect(()=>(G(s, {
+        G,
+        c
+    ]), _react.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
     ]), _react.useEffect(()=>{
         const e = (o)=>{
             const f = {
@@ -232,14 +232,14 @@ const Nt = (param)=>{
                 var _u_;
                 (0, _dom.cancelEvent)(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){
+            if (M) switch(o.key){
                 case _keys.TAB:
                     (0, _dom.cancelEvent)(o);
                     break;
@@ -251,73 +251,74 @@ const Nt = (param)=>{
                     (0, _dom.cancelEvent)(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);
         };
     }), _react.useEffect(()=>{
-        $ && d.current && d.current.focus();
+        q && d.current && d.current.focus();
     }, [
-        $
+        q
     ]), _react.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 === _keys.SPACE || e.key === _keys.ENTER) && ((0, _dom.cancelEvent)(e), I(!0));
+            !M && (e.key === _keys.SPACE || e.key === _keys.ENTER) && ((0, _dom.cancelEvent)(e), I(!0));
         }
-    }, ee = (0, _css.pxToRem)(20), w = g !== null && g !== void 0 ? g : l;
+    }, te = (0, _css.pxToRem)(20), x = g !== null && g !== void 0 ? g : c, ke = b ? _text.Text2 : _text.Text3;
     var _a_transformOrigin;
     return /* @__PURE__ */ (0, _jsxruntime.jsx)(_themevariantcontext.ThemeVariant, {
         variant: "default",
-        children: be || Te ? /* @__PURE__ */ (0, _jsxruntime.jsxs)(_textfieldcomponents.FieldContainer, {
+        children: Ne || Ie ? /* @__PURE__ */ (0, _jsxruntime.jsxs)(_textfieldcomponents.FieldContainer, {
             disabled: T,
             helperText: /* @__PURE__ */ (0, _jsxruntime.jsx)(_textfieldcomponents.HelperText, {
-                error: V,
-                leftText: Q
+                error: C,
+                leftText: Y
             }),
-            fieldRef: b,
-            fullWidth: _,
+            fieldRef: N,
+            fullWidth: k,
             dataAttributes: _object_spread({
                 testid: "Select"
-            }, q),
+            }, z),
+            small: b,
             children: [
-                c && /* @__PURE__ */ (0, _jsxruntime.jsx)(_textfieldcomponents.Label, {
-                    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__ */ (0, _jsxruntime.jsx)(_textfieldcomponents.Label, {
+                    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__ */ (0, _jsxruntime.jsxs)("select", {
-                    className: (0, _classnames.default)(_selectcssmistica.selectVariants[T ? "disabled" : "default"], c ? _textfieldbasecssmistica.inputWithLabel : _textfieldbasecssmistica.inputWithoutLabel),
-                    id: F,
-                    "aria-invalid": !!V,
-                    value: w,
-                    required: !E,
+                    className: (0, _classnames.default)(_selectcssmistica.selectVariants[T ? "disabled" : "default"], l ? _textfieldbasecssmistica.inputWithLabel : _textfieldbasecssmistica.inputWithoutLabel),
+                    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)=>{
                         [
@@ -332,10 +333,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,
@@ -350,7 +351,7 @@ const Nt = (param)=>{
                                 display: "none"
                             },
                             "aria-label": "",
-                            children: c
+                            children: l
                         }),
                         u.map((param)=>{
                             let { value: e, text: r } = param;
@@ -372,7 +373,7 @@ const Nt = (param)=>{
                         className: _selectcssmistica.iconContainer,
                         "data-testid": "endIcon",
                         children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_iconchevrondownregular.default, {
-                            size: ee,
+                            size: te,
                             color: _skincontractcssmistica.vars.colors.neutralMedium
                         })
                     })
@@ -381,48 +382,49 @@ const Nt = (param)=>{
         }) : /* @__PURE__ */ (0, _jsxruntime.jsxs)(_jsxruntime.Fragment, {
             children: [
                 /* @__PURE__ */ (0, _jsxruntime.jsxs)("div", _object_spread_props(_object_spread({
-                    className: _selectcssmistica.selectContainerVariants[_ ? "fullWidth" : "default"],
+                    className: _selectcssmistica.selectContainerVariants[k ? "fullWidth" : "default"],
                     role: "button",
                     "aria-haspopup": "listbox",
                     ref: d
-                }, !T && Pe), {
-                    style: ye,
+                }, !T && _e), {
+                    style: be,
                     children: [
                         /* @__PURE__ */ (0, _jsxruntime.jsx)(_textfieldbase.TextFieldBaseAutosuggest, {
                             style: {
                                 visibility: "hidden"
                             },
-                            fullWidth: _,
+                            fullWidth: k,
                             endIcon: /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
                                 className: _selectcssmistica.iconContainer,
                                 children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_iconchevrondownregular.default, {
-                                    size: ee,
+                                    size: te,
                                     color: _skincontractcssmistica.vars.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__ */ (0, _jsxruntime.jsx)("div", {
-                            className: (0, _classnames.default)(_selectcssmistica.selectTextVariants[T ? "disabled" : "default"], c ? _textfieldbasecssmistica.inputWithLabel : _textfieldbasecssmistica.inputWithoutLabel),
-                            children: Ae(w)
+                            className: (0, _classnames.default)(_selectcssmistica.selectTextVariants[T ? "disabled" : "default"], l ? _textfieldbasecssmistica.inputWithLabel : _textfieldbasecssmistica.inputWithoutLabel),
+                            children: Pe(x)
                         })
                     ]
                 })),
-                k && /* @__PURE__ */ (0, _jsxruntime.jsx)(_overlay.default, {
+                M && /* @__PURE__ */ (0, _jsxruntime.jsx)(_overlay.default, {
                     onPress: (e)=>{
                         I(!1), (0, _dom.cancelEvent)(e);
                     },
@@ -437,24 +439,24 @@ const Nt = (param)=>{
                                 [_selectcssmistica.vars.transformOrigin]: (_a_transformOrigin = a.transformOrigin) !== null && _a_transformOrigin !== void 0 ? _a_transformOrigin : ""
                             }),
                             onPointerDown: _dom.cancelEvent,
-                            className: (0, _classnames.default)(_selectcssmistica.optionsContainer, j ? _selectcssmistica.optionsAnimationsVariants.show : _selectcssmistica.optionsAnimationsVariants.hide),
+                            className: (0, _classnames.default)(_selectcssmistica.optionsContainer, K ? _selectcssmistica.optionsAnimationsVariants.show : _selectcssmistica.optionsAnimationsVariants.hide),
                             role: "listbox",
                             ref: S,
                             children: u.map((param)=>{
                                 let { value: e, text: r } = param;
                                 return /* @__PURE__ */ (0, _jsxruntime.jsx)("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: (0, _classnames.default)(_selectcssmistica.menuItem, {
-                                        [_selectcssmistica.menuItemSelected]: e === v || e === (g !== null && g !== void 0 ? g : l)
+                                        [_selectcssmistica.menuItemSelected]: e === v || e === (g !== null && g !== void 0 ? g : c)
                                     }),
                                     onPointerDown: _dom.cancelEvent,
-                                    onClick: ()=>L(e),
+                                    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__ */ (0, _jsxruntime.jsx)(_text.Text3, {
+                                    children: /* @__PURE__ */ (0, _jsxruntime.jsx)(ke, {
                                         regular: !0,
                                         children: r
                                     })

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

@@ -8,4 +8,4 @@ Object.defineProperty(exports, "sheetActionRow", {
         return n;
     }
 });
-/* 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";

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

@@ -25,7 +25,7 @@ _export(exports, {
         return i;
     },
     get closingOverlay () {
-        return t;
+        return m;
     },
     get closingSheet () {
         return r;
@@ -37,13 +37,13 @@ _export(exports, {
         return p;
     },
     get handleContainer () {
-        return a;
+        return d;
     },
     get overlay () {
-        return m;
+        return t;
     },
     get sheetTopDraggingArea () {
-        return d;
+        return a;
     },
     get stickyButtons () {
         return h;
@@ -55,4 +55,4 @@ _export(exports, {
         return f;
     }
 });
-/* 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";
+/* 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";

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

@@ -19,4 +19,4 @@ _export(exports, {
         return f;
     }
 });
-/* 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";

package/dist/skeletons.css-mistica.js

@@ -26,9 +26,9 @@ _export(exports, {
     }
 });
 /* 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";

package/dist/skins/blau.js

@@ -686,7 +686,8 @@ const e = {
             input: "8px",
             popup: "8px",
             sheet: "8px",
-            mediaSmall: "8px"
+            mediaSmall: "8px",
+            snackbar: "8px"
         },
         textPresets: {
             button: {
@@ -1078,9 +1079,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/skins/defaults.js

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

package/dist/skins/esimflag.js

@@ -690,7 +690,8 @@ const e = {
             input: "16px",
             popup: "16px",
             sheet: "16px",
-            mediaSmall: "8px"
+            mediaSmall: "8px",
+            snackbar: "16px"
         },
         textPresets: {
             button: {
@@ -1082,9 +1083,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/skins/movistar.js

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

package/dist/skins/o2.js

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