@telefonica/mistica 16.56.0 → 16.57.0-beta.1

package/dist/logo.js

@@ -11,34 +11,34 @@ function _export(target, all) {
 }
 _export(exports, {
     get BlauLogo () {
-        return X;
+        return to;
     },
     get EsimflagLogo () {
-        return J;
+        return io;
     },
     get Logo () {
-        return H;
+        return Z;
     },
     get MovistarLogo () {
-        return _;
+        return $;
     },
     get MovistarNewLogo () {
-        return j;
+        return y;
     },
     get O2Logo () {
-        return R;
+        return eo;
     },
     get O2NewLogo () {
-        return S;
+        return ro;
     },
     get TelefonicaLogo () {
-        return U;
+        return no;
     },
     get TuLogo () {
-        return q;
+        return ao;
     },
     get VivoLogo () {
-        return G;
+        return oo;
     }
 });
 const _jsxruntime = require("react/jsx-runtime");
@@ -48,8 +48,15 @@ const _themevariantcontext = require("./theme-variant-context.js");
 const _touchable = /*#__PURE__*/ _interop_require_default(require("./touchable.js"));
 const _dom = require("./utils/dom.js");
 const _logocssmistica = require("./logo.css-mistica.js");
-const _logocommon = require("./logo-common.js");
-const _css = require("./utils/css.js");
+const _logomovistarshell = /*#__PURE__*/ _interop_require_default(require("./logo-movistar-shell.js"));
+const _logomovistarnewshell = /*#__PURE__*/ _interop_require_default(require("./logo-movistar-new-shell.js"));
+const _logovivoshell = /*#__PURE__*/ _interop_require_default(require("./logo-vivo-shell.js"));
+const _logoo2shell = /*#__PURE__*/ _interop_require_default(require("./logo-o2-shell.js"));
+const _logoo2newshell = /*#__PURE__*/ _interop_require_default(require("./logo-o2-new-shell.js"));
+const _logotelefonicashell = /*#__PURE__*/ _interop_require_default(require("./logo-telefonica-shell.js"));
+const _logoblaushell = /*#__PURE__*/ _interop_require_default(require("./logo-blau-shell.js"));
+const _logotushell = /*#__PURE__*/ _interop_require_default(require("./logo-tu-shell.js"));
+const _logoesimflagshell = /*#__PURE__*/ _interop_require_default(require("./logo-esimflag-shell.js"));
 function _interop_require_default(obj) {
     return obj && obj.__esModule ? obj : {
         default: obj
@@ -175,260 +182,271 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-const s = 48, T = /*#__PURE__*/ _react.lazy(()=>Promise.resolve().then(()=>/*#__PURE__*/ _interop_require_wildcard(require(/* webpackChunkName: "logo-movistar" */ "./logo-movistar.js")))), p = /*#__PURE__*/ _react.lazy(()=>Promise.resolve().then(()=>/*#__PURE__*/ _interop_require_wildcard(require(/* webpackChunkName: "logo-movistar-new" */ "./logo-movistar-new.js")))), k = /*#__PURE__*/ _react.lazy(()=>Promise.resolve().then(()=>/*#__PURE__*/ _interop_require_wildcard(require(/* webpackChunkName: "logo-vivo" */ "./logo-vivo.js")))), w = /*#__PURE__*/ _react.lazy(()=>Promise.resolve().then(()=>/*#__PURE__*/ _interop_require_wildcard(require(/* webpackChunkName: "logo-o2" */ "./logo-o2.js")))), I = /*#__PURE__*/ _react.lazy(()=>Promise.resolve().then(()=>/*#__PURE__*/ _interop_require_wildcard(require(/* webpackChunkName: "logo-o2-new" */ "./logo-o2-new.js")))), M = /*#__PURE__*/ _react.lazy(()=>Promise.resolve().then(()=>/*#__PURE__*/ _interop_require_wildcard(require(/* webpackChunkName: "logo-telefonica" */ "./logo-telefonica.js")))), V = /*#__PURE__*/ _react.lazy(()=>Promise.resolve().then(()=>/*#__PURE__*/ _interop_require_wildcard(require(/* webpackChunkName: "logo-blau" */ "./logo-blau.js")))), O = /*#__PURE__*/ _react.lazy(()=>Promise.resolve().then(()=>/*#__PURE__*/ _interop_require_wildcard(require(/* webpackChunkName: "logo-tu" */ "./logo-tu.js")))), b = /*#__PURE__*/ _react.lazy(()=>Promise.resolve().then(()=>/*#__PURE__*/ _interop_require_wildcard(require(/* webpackChunkName: "logo-esimflag" */ "./logo-esimflag.js")))), m = (param)=>{
-    let { size: o, skinName: n, type: e = "isotype", color: a } = param;
-    const r = (0, _themevariantcontext.useThemeVariant)(), { isDarkMode: g } = (0, _hooks.useTheme)();
-    switch(n){
+const k = 48, I = /*#__PURE__*/ _react.lazy(()=>Promise.resolve().then(()=>/*#__PURE__*/ _interop_require_wildcard(require(/* webpackChunkName: "logo-movistar" */ "./logo-movistar.js")))), O = /*#__PURE__*/ _react.lazy(()=>Promise.resolve().then(()=>/*#__PURE__*/ _interop_require_wildcard(require(/* webpackChunkName: "logo-movistar-new" */ "./logo-movistar-new.js")))), V = /*#__PURE__*/ _react.lazy(()=>Promise.resolve().then(()=>/*#__PURE__*/ _interop_require_wildcard(require(/* webpackChunkName: "logo-vivo" */ "./logo-vivo.js")))), E = /*#__PURE__*/ _react.lazy(()=>Promise.resolve().then(()=>/*#__PURE__*/ _interop_require_wildcard(require(/* webpackChunkName: "logo-o2" */ "./logo-o2.js")))), b = /*#__PURE__*/ _react.lazy(()=>Promise.resolve().then(()=>/*#__PURE__*/ _interop_require_wildcard(require(/* webpackChunkName: "logo-o2-new" */ "./logo-o2-new.js")))), B = /*#__PURE__*/ _react.lazy(()=>Promise.resolve().then(()=>/*#__PURE__*/ _interop_require_wildcard(require(/* webpackChunkName: "logo-telefonica" */ "./logo-telefonica.js")))), A = /*#__PURE__*/ _react.lazy(()=>Promise.resolve().then(()=>/*#__PURE__*/ _interop_require_wildcard(require(/* webpackChunkName: "logo-blau" */ "./logo-blau.js")))), x = /*#__PURE__*/ _react.lazy(()=>Promise.resolve().then(()=>/*#__PURE__*/ _interop_require_wildcard(require(/* webpackChunkName: "logo-tu" */ "./logo-tu.js")))), D = /*#__PURE__*/ _react.lazy(()=>Promise.resolve().then(()=>/*#__PURE__*/ _interop_require_wildcard(require(/* webpackChunkName: "logo-esimflag" */ "./logo-esimflag.js")))), P = (param)=>{
+    let { size: e, skinName: t, type: r = "isotype", color: n } = param;
+    const i = (0, _themevariantcontext.useThemeVariant)(), { isDarkMode: m } = (0, _hooks.useTheme)();
+    switch(t){
         case "Movistar":
-            return /* @__PURE__ */ (0, _jsxruntime.jsx)(T, {
-                size: o,
-                type: e,
-                isDarkMode: g,
-                themeVariant: r,
-                color: a
+            return /* @__PURE__ */ (0, _jsxruntime.jsx)(_logomovistarshell.default, {
+                size: e,
+                type: r,
+                children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_react.Suspense, {
+                    children: /* @__PURE__ */ (0, _jsxruntime.jsx)(I, {
+                        type: r,
+                        isDarkMode: m,
+                        themeVariant: i,
+                        color: n
+                    })
+                })
             });
         case "Movistar-new":
-            return /* @__PURE__ */ (0, _jsxruntime.jsx)(p, {
-                size: o,
-                type: e,
-                isDarkMode: g,
-                themeVariant: r,
-                color: a
+            return /* @__PURE__ */ (0, _jsxruntime.jsx)(_logomovistarnewshell.default, {
+                size: e,
+                type: r,
+                children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_react.Suspense, {
+                    children: /* @__PURE__ */ (0, _jsxruntime.jsx)(O, {
+                        type: r,
+                        isDarkMode: m,
+                        themeVariant: i,
+                        color: n
+                    })
+                })
             });
         case "Vivo":
         case "Vivo-new":
-            return /* @__PURE__ */ (0, _jsxruntime.jsx)(k, {
-                size: o,
-                type: e,
-                isDarkMode: g,
-                themeVariant: r,
-                color: a
+            return /* @__PURE__ */ (0, _jsxruntime.jsx)(_logovivoshell.default, {
+                size: e,
+                type: r,
+                children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_react.Suspense, {
+                    children: /* @__PURE__ */ (0, _jsxruntime.jsx)(V, {
+                        type: r,
+                        isDarkMode: m,
+                        themeVariant: i,
+                        color: n
+                    })
+                })
             });
         case "O2":
-            return /* @__PURE__ */ (0, _jsxruntime.jsx)(w, {
-                size: o,
-                type: e,
-                isDarkMode: g,
-                themeVariant: r,
-                color: a
+            return /* @__PURE__ */ (0, _jsxruntime.jsx)(_logoo2shell.default, {
+                size: e,
+                children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_react.Suspense, {
+                    children: /* @__PURE__ */ (0, _jsxruntime.jsx)(E, {
+                        type: r,
+                        isDarkMode: m,
+                        themeVariant: i,
+                        color: n
+                    })
+                })
             });
         case "O2-new":
-            return /* @__PURE__ */ (0, _jsxruntime.jsx)(I, {
-                size: o,
-                type: e,
-                isDarkMode: g,
-                themeVariant: r,
-                color: a
+            return /* @__PURE__ */ (0, _jsxruntime.jsx)(_logoo2newshell.default, {
+                size: e,
+                children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_react.Suspense, {
+                    children: /* @__PURE__ */ (0, _jsxruntime.jsx)(b, {
+                        type: r,
+                        isDarkMode: m,
+                        themeVariant: i,
+                        color: n
+                    })
+                })
             });
         case "Telefonica":
-            return /* @__PURE__ */ (0, _jsxruntime.jsx)(M, {
-                size: o,
-                type: e,
-                isDarkMode: g,
-                themeVariant: r,
-                color: a
+            return /* @__PURE__ */ (0, _jsxruntime.jsx)(_logotelefonicashell.default, {
+                size: e,
+                type: r,
+                children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_react.Suspense, {
+                    children: /* @__PURE__ */ (0, _jsxruntime.jsx)(B, {
+                        type: r,
+                        isDarkMode: m,
+                        themeVariant: i,
+                        color: n
+                    })
+                })
             });
         case "Blau":
-            return /* @__PURE__ */ (0, _jsxruntime.jsx)(V, {
-                size: o,
-                type: e,
-                isDarkMode: g,
-                themeVariant: r,
-                color: a
+            return /* @__PURE__ */ (0, _jsxruntime.jsx)(_logoblaushell.default, {
+                size: e,
+                type: r,
+                children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_react.Suspense, {
+                    children: /* @__PURE__ */ (0, _jsxruntime.jsx)(A, {
+                        type: r,
+                        isDarkMode: m,
+                        themeVariant: i,
+                        color: n
+                    })
+                })
             });
         case "Tu":
-            return /* @__PURE__ */ (0, _jsxruntime.jsx)(O, {
-                size: o,
-                type: e,
-                isDarkMode: g,
-                themeVariant: r,
-                color: a
+            return /* @__PURE__ */ (0, _jsxruntime.jsx)(_logotushell.default, {
+                size: e,
+                children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_react.Suspense, {
+                    children: /* @__PURE__ */ (0, _jsxruntime.jsx)(x, {
+                        type: r,
+                        isDarkMode: m,
+                        themeVariant: i,
+                        color: n
+                    })
+                })
             });
         case "Esimflag":
-            return /* @__PURE__ */ (0, _jsxruntime.jsx)(b, {
-                size: o,
-                type: e,
-                isDarkMode: g,
-                themeVariant: r,
-                color: a
+            return /* @__PURE__ */ (0, _jsxruntime.jsx)(_logoesimflagshell.default, {
+                size: e,
+                type: r,
+                children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_react.Suspense, {
+                    children: /* @__PURE__ */ (0, _jsxruntime.jsx)(D, {
+                        type: r,
+                        isDarkMode: m,
+                        themeVariant: i,
+                        color: n
+                    })
+                })
             });
         default:
             return /* @__PURE__ */ (0, _jsxruntime.jsx)(_jsxruntime.Fragment, {});
     }
-}, c = (o)=>{
-    const n = (0, _dom.getPrefixedDataAttributes)(o.dataAttributes, "Logo");
-    return o.to || o.href || o.onPress ? /* @__PURE__ */ (0, _jsxruntime.jsx)(_touchable.default, _object_spread({}, o)) : /* @__PURE__ */ (0, _jsxruntime.jsx)(_react.Suspense, {
-        fallback: /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
-            className: _logocssmistica.svg,
-            style: _object_spread_props(_object_spread({}, (0, _css.applyCssVars)((0, _logocommon.calcInlineVars)(o.size))), {
-                width: 1
-            })
-        }),
-        children: /* @__PURE__ */ (0, _jsxruntime.jsx)("div", _object_spread_props(_object_spread({
-            className: _logocssmistica.logoContainer
-        }, n), {
-            children: o.children
-        }))
-    });
-}, H = (_param)=>{
-    var { size: o = s, type: n = "isotype", color: e } = _param, a = _object_without_properties(_param, [
+}, F = (e)=>{
+    const t = (0, _dom.getPrefixedDataAttributes)(e.dataAttributes, "Logo");
+    return e.to || e.href || e.onPress ? /* @__PURE__ */ (0, _jsxruntime.jsx)(_touchable.default, _object_spread({}, e)) : /* @__PURE__ */ (0, _jsxruntime.jsx)("div", _object_spread_props(_object_spread({
+        className: _logocssmistica.logoContainer
+    }, t), {
+        children: e.children
+    }));
+}, s = (_param)=>{
+    var { size: e = k, type: t = "isotype", color: r, skinName: n } = _param, i = _object_without_properties(_param, [
         "size",
         "type",
-        "color"
+        "color",
+        "skinName"
     ]);
-    const { skinName: r } = (0, _hooks.useTheme)();
-    return /* @__PURE__ */ (0, _jsxruntime.jsx)(c, _object_spread_props(_object_spread({
-        size: o
-    }, a), {
-        children: /* @__PURE__ */ (0, _jsxruntime.jsx)(m, {
-            skinName: r,
-            type: n,
-            size: o,
-            color: e
+    return /* @__PURE__ */ (0, _jsxruntime.jsx)(F, _object_spread_props(_object_spread({
+        size: e
+    }, i), {
+        children: /* @__PURE__ */ (0, _jsxruntime.jsx)(P, {
+            skinName: n,
+            type: t,
+            size: e,
+            color: r
         })
     }));
-}, _ = (_param)=>{
-    var { size: o = s, type: n = "isotype", color: e } = _param, a = _object_without_properties(_param, [
+}, Z = (_param)=>{
+    var { size: e, type: t, color: r } = _param, n = _object_without_properties(_param, [
         "size",
         "type",
         "color"
     ]);
-    return /* @__PURE__ */ (0, _jsxruntime.jsx)(c, _object_spread_props(_object_spread({
-        size: o
-    }, a), {
-        children: /* @__PURE__ */ (0, _jsxruntime.jsx)(m, {
-            skinName: "Movistar",
-            type: n,
-            size: o,
-            color: e
-        })
-    }));
-}, j = (_param)=>{
-    var { size: o = s, type: n = "isotype", color: e } = _param, a = _object_without_properties(_param, [
+    const { skinName: i } = (0, _hooks.useTheme)();
+    return /* @__PURE__ */ (0, _jsxruntime.jsx)(s, _object_spread({
+        size: e,
+        type: t,
+        color: r,
+        skinName: i
+    }, n));
+}, $ = (_param)=>{
+    var { size: e, type: t, color: r } = _param, n = _object_without_properties(_param, [
         "size",
         "type",
         "color"
     ]);
-    return /* @__PURE__ */ (0, _jsxruntime.jsx)(c, _object_spread_props(_object_spread({
-        size: o
-    }, a), {
-        children: /* @__PURE__ */ (0, _jsxruntime.jsx)(m, {
-            skinName: "Movistar-new",
-            type: n,
-            size: o,
-            color: e
-        })
-    }));
-}, G = (_param)=>{
-    var { size: o = s, type: n = "isotype", color: e } = _param, a = _object_without_properties(_param, [
+    return /* @__PURE__ */ (0, _jsxruntime.jsx)(s, _object_spread({
+        size: e,
+        type: t,
+        color: r,
+        skinName: "Movistar"
+    }, n));
+}, y = (_param)=>{
+    var { size: e, type: t, color: r } = _param, n = _object_without_properties(_param, [
         "size",
         "type",
         "color"
     ]);
-    return /* @__PURE__ */ (0, _jsxruntime.jsx)(c, _object_spread_props(_object_spread({
-        size: o
-    }, a), {
-        children: /* @__PURE__ */ (0, _jsxruntime.jsx)(m, {
-            skinName: "Vivo",
-            type: n,
-            size: o,
-            color: e
-        })
-    }));
-}, R = (_param)=>{
-    var { size: o = s, type: n = "isotype", color: e } = _param, a = _object_without_properties(_param, [
+    return /* @__PURE__ */ (0, _jsxruntime.jsx)(s, _object_spread({
+        size: e,
+        type: t,
+        color: r,
+        skinName: "Movistar-new"
+    }, n));
+}, oo = (_param)=>{
+    var { size: e, type: t, color: r } = _param, n = _object_without_properties(_param, [
         "size",
         "type",
         "color"
     ]);
-    return /* @__PURE__ */ (0, _jsxruntime.jsx)(c, _object_spread_props(_object_spread({
-        size: o
-    }, a), {
-        children: /* @__PURE__ */ (0, _jsxruntime.jsx)(m, {
-            skinName: "O2",
-            type: n,
-            size: o,
-            color: e
-        })
-    }));
-}, S = (_param)=>{
-    var { size: o = s, type: n = "isotype", color: e } = _param, a = _object_without_properties(_param, [
+    return /* @__PURE__ */ (0, _jsxruntime.jsx)(s, _object_spread({
+        size: e,
+        type: t,
+        color: r,
+        skinName: "Vivo"
+    }, n));
+}, eo = (_param)=>{
+    var { size: e, type: t, color: r } = _param, n = _object_without_properties(_param, [
         "size",
         "type",
         "color"
     ]);
-    return /* @__PURE__ */ (0, _jsxruntime.jsx)(c, _object_spread_props(_object_spread({
-        size: o
-    }, a), {
-        children: /* @__PURE__ */ (0, _jsxruntime.jsx)(m, {
-            skinName: "O2-new",
-            type: n,
-            size: o,
-            color: e
-        })
-    }));
-}, U = (_param)=>{
-    var { size: o = s, type: n = "isotype", color: e } = _param, a = _object_without_properties(_param, [
+    return /* @__PURE__ */ (0, _jsxruntime.jsx)(s, _object_spread({
+        size: e,
+        type: t,
+        color: r,
+        skinName: "O2"
+    }, n));
+}, ro = (_param)=>{
+    var { size: e, type: t, color: r } = _param, n = _object_without_properties(_param, [
         "size",
         "type",
         "color"
     ]);
-    return /* @__PURE__ */ (0, _jsxruntime.jsx)(c, _object_spread_props(_object_spread({
-        size: o
-    }, a), {
-        children: /* @__PURE__ */ (0, _jsxruntime.jsx)(m, {
-            skinName: "Telefonica",
-            type: n,
-            size: o,
-            color: e
-        })
-    }));
-}, X = (_param)=>{
-    var { size: o = s, type: n = "isotype", color: e } = _param, a = _object_without_properties(_param, [
+    return /* @__PURE__ */ (0, _jsxruntime.jsx)(s, _object_spread({
+        size: e,
+        type: t,
+        color: r,
+        skinName: "O2-new"
+    }, n));
+}, no = (_param)=>{
+    var { size: e, type: t, color: r } = _param, n = _object_without_properties(_param, [
         "size",
         "type",
         "color"
     ]);
-    return /* @__PURE__ */ (0, _jsxruntime.jsx)(c, _object_spread_props(_object_spread({
-        size: o
-    }, a), {
-        children: /* @__PURE__ */ (0, _jsxruntime.jsx)(m, {
-            skinName: "Blau",
-            type: n,
-            size: o,
-            color: e
-        })
-    }));
-}, q = (_param)=>{
-    var { size: o = s, type: n = "isotype", color: e } = _param, a = _object_without_properties(_param, [
+    return /* @__PURE__ */ (0, _jsxruntime.jsx)(s, _object_spread({
+        size: e,
+        type: t,
+        color: r,
+        skinName: "Telefonica"
+    }, n));
+}, to = (_param)=>{
+    var { size: e, type: t, color: r } = _param, n = _object_without_properties(_param, [
         "size",
         "type",
         "color"
     ]);
-    return /* @__PURE__ */ (0, _jsxruntime.jsx)(c, _object_spread_props(_object_spread({
-        size: o
-    }, a), {
-        children: /* @__PURE__ */ (0, _jsxruntime.jsx)(m, {
-            skinName: "Tu",
-            type: n,
-            size: o,
-            color: e
-        })
-    }));
-}, J = (_param)=>{
-    var { size: o = s, type: n = "isotype", color: e } = _param, a = _object_without_properties(_param, [
+    return /* @__PURE__ */ (0, _jsxruntime.jsx)(s, _object_spread({
+        size: e,
+        type: t,
+        color: r,
+        skinName: "Blau"
+    }, n));
+}, ao = (_param)=>{
+    var { size: e, type: t, color: r } = _param, n = _object_without_properties(_param, [
         "size",
         "type",
         "color"
     ]);
-    return /* @__PURE__ */ (0, _jsxruntime.jsx)(c, _object_spread_props(_object_spread({
-        size: o
-    }, a), {
-        children: /* @__PURE__ */ (0, _jsxruntime.jsx)(m, {
-            skinName: "Esimflag",
-            type: n,
-            size: o,
-            color: e
-        })
-    }));
+    return /* @__PURE__ */ (0, _jsxruntime.jsx)(s, _object_spread({
+        size: e,
+        type: t,
+        color: r,
+        skinName: "Tu"
+    }, n));
+}, io = (_param)=>{
+    var { size: e, type: t, color: r } = _param, n = _object_without_properties(_param, [
+        "size",
+        "type",
+        "color"
+    ]);
+    return /* @__PURE__ */ (0, _jsxruntime.jsx)(s, _object_spread({
+        size: e,
+        type: t,
+        color: r,
+        skinName: "Esimflag"
+    }, n));
 };

package/dist/menu.css-mistica.js

@@ -10,47 +10,47 @@ function _export(target, all) {
 }
 _export(exports, {
     get iconContainer () {
-        return f;
+        return m;
     },
     get itemContent () {
-        return m;
+        return i;
     },
     get menuContainer () {
-        return e;
+        return a;
     },
     get menuItem () {
-        return r;
+        return k;
     },
     get menuItemDisabled () {
-        return u;
+        return r;
     },
     get menuItemEnabled () {
-        return t;
+        return n;
     },
     get menuItemHovered () {
-        return a;
+        return b;
     },
     get menuSectionDivider () {
-        return i;
+        return u;
     },
     get menuTransitionClasses () {
-        return n;
+        return t;
     },
     get vars () {
-        return k;
+        return v;
     }
 });
-/* empty css                                     */ /* empty css                                */ var k = {
-    top: "var(--v16_56_2k0k3u0)",
-    bottom: "var(--v16_56_2k0k3u1)",
-    left: "var(--v16_56_2k0k3u2)",
-    right: "var(--v16_56_2k0k3u4)",
-    width: "var(--v16_56_2k0k3u3)",
-    maxHeight: "var(--v16_56_2k0k3u5)",
-    transformOrigin: "var(--v16_56_2k0k3u6)"
-}, e = "v16_56_2k0k3u8 v16_56_2k0k3u7 v16_56_1y2v1nfg6 v16_56_1y2v1nfhf v16_56_1y2v1nfio v16_56_1y2v1nfjx v16_56_1y2v1nf83 v16_56_1y2v1nfsy v16_56_1y2v1nfq4 v16_56_1y2v1nfqa v16_56_1y2v1nfpz", n = {
-    enter: "v16_56_2k0k3u9",
-    enterActive: "v16_56_2k0k3ua",
-    exit: "v16_56_2k0k3ub",
-    exitActive: "v16_56_2k0k3uc"
-}, r = "v16_56_2k0k3ud", a = "v16_56_2k0k3ue", t = "v16_56_2k0k3uf", u = "v16_56_2k0k3ug", i = "v16_56_2k0k3ui v16_56_2k0k3uh v16_56_1y2v1nfg6 v16_56_1y2v1nfhf", m = "v16_56_2k0k3uj", f = "v16_56_2k0k3uk";
+/* empty css                                     */ /* empty css                                */ var v = {
+    top: "var(--v16_57_0-beta_1_2k0k3u0)",
+    bottom: "var(--v16_57_0-beta_1_2k0k3u1)",
+    left: "var(--v16_57_0-beta_1_2k0k3u2)",
+    right: "var(--v16_57_0-beta_1_2k0k3u4)",
+    width: "var(--v16_57_0-beta_1_2k0k3u3)",
+    maxHeight: "var(--v16_57_0-beta_1_2k0k3u5)",
+    transformOrigin: "var(--v16_57_0-beta_1_2k0k3u6)"
+}, a = "v16_57_0-beta_1_2k0k3u8 v16_57_0-beta_1_2k0k3u7 v16_57_0-beta_1_1y2v1nfg6 v16_57_0-beta_1_1y2v1nfhf v16_57_0-beta_1_1y2v1nfio v16_57_0-beta_1_1y2v1nfjx v16_57_0-beta_1_1y2v1nf83 v16_57_0-beta_1_1y2v1nfsy v16_57_0-beta_1_1y2v1nfq4 v16_57_0-beta_1_1y2v1nfqa v16_57_0-beta_1_1y2v1nfpz", t = {
+    enter: "v16_57_0-beta_1_2k0k3u9",
+    enterActive: "v16_57_0-beta_1_2k0k3ua",
+    exit: "v16_57_0-beta_1_2k0k3ub",
+    exitActive: "v16_57_0-beta_1_2k0k3uc"
+}, k = "v16_57_0-beta_1_2k0k3ud", b = "v16_57_0-beta_1_2k0k3ue", n = "v16_57_0-beta_1_2k0k3uf", r = "v16_57_0-beta_1_2k0k3ug", u = "v16_57_0-beta_1_2k0k3ui v16_57_0-beta_1_2k0k3uh v16_57_0-beta_1_1y2v1nfg6 v16_57_0-beta_1_1y2v1nfhf", i = "v16_57_0-beta_1_2k0k3uj", m = "v16_57_0-beta_1_2k0k3uk";

package/dist/mosaic.css-mistica.js

@@ -13,10 +13,10 @@ _export(exports, {
         return a;
     },
     get singleItemRowContainer () {
-        return t;
+        return _;
     },
     get squareContainer () {
-        return r;
+        return t;
     }
 });
-/* empty css                                  */ var r = "v16_56_1j2q6te0", t = "v16_56_1j2q6te1", a = "v16_56_1j2q6te2";
+/* empty css                                  */ var t = "v16_57_0-beta_1_1j2q6te0", _ = "v16_57_0-beta_1_1j2q6te1", a = "v16_57_0-beta_1_1j2q6te2";