@telefonica/mistica 17.8.0 → 17.9.0

package/dist/feedback.js

@@ -11,26 +11,25 @@ function _export(target, all) {
 }
 _export(exports, {
     get ErrorFeedbackScreen () {
-        return Le;
+        return Ee;
     },
     get FeedbackScreen () {
-        return B;
+        return x;
     },
     get InfoFeedbackScreen () {
-        return _e;
+        return Pe;
     },
     get SuccessFeedback () {
         return qe;
     },
     get SuccessFeedbackScreen () {
-        return Ee;
+        return We;
     }
 });
 const _jsxruntime = require("react/jsx-runtime");
 const _react = /*#__PURE__*/ _interop_require_wildcard(require("react"));
 const _hooks = require("./hooks.js");
 const _buttonfixedfooterlayout = /*#__PURE__*/ _interop_require_default(require("./button-fixed-footer-layout.js"));
-const _constants = require("./skins/constants.js");
 const _overscrollcolorcontext = require("./overscroll-color-context.js");
 const _iconsuccess = /*#__PURE__*/ _interop_require_default(require("./icons/icon-success.js"));
 const _iconerror = /*#__PURE__*/ _interop_require_default(require("./icons/icon-error.js"));
@@ -46,7 +45,7 @@ const _classnames = /*#__PURE__*/ _interop_require_default(require("classnames")
 const _buttongroup = /*#__PURE__*/ _interop_require_default(require("./button-group.js"));
 const _skincontractcssmistica = require("./skins/skin-contract.css-mistica.js");
 const _feedbackcssmistica = require("./feedback.css-mistica.js");
-const _iconsuccessvivonew = /*#__PURE__*/ _interop_require_default(require("./icons/icon-success-vivo-new.js"));
+const _themevariantcontext = require("./theme-variant-context.js");
 function _interop_require_default(obj) {
     return obj && obj.__esModule ? obj : {
         default: obj
@@ -172,35 +171,37 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-const D = (r)=>!(0, _platform.isRunningAcceptanceTest)(r), E = (param)=>{
-    let { primaryButton: r, secondaryButton: t } = param;
-    return !!r || !!t;
-}, V = (r)=>{
-    (0, _webviewbridge.isWebViewBridgeAvailable)() && (0, _webviewbridge.requestVibration)(r).catch(()=>{});
-}, L = (r)=>{
+const z = (t)=>!(0, _platform.isRunningAcceptanceTest)(t), O = (param)=>{
+    let { primaryButton: t, secondaryButton: r } = param;
+    return !!t || !!r;
+}, R = /* @__PURE__ */ (0, _jsxruntime.jsx)(_iconsuccess.default, {
+    size: "100%"
+}), N = (t)=>{
+    (0, _webviewbridge.isWebViewBridgeAvailable)() && (0, _webviewbridge.requestVibration)(t).catch(()=>{});
+}, D = (t)=>{
     _react.useEffect(()=>{
-        let t;
-        return r === "success" && (t = setTimeout(()=>V("success"), 700)), r === "error" && (t = setTimeout(()=>V("error"), 1e3)), ()=>{
-            clearTimeout(t);
+        let r;
+        return t === "success" && (r = setTimeout(()=>N("success"), 700)), t === "error" && (r = setTimeout(()=>N("error"), 1e3)), ()=>{
+            clearTimeout(r);
         };
     }, [
-        r
+        t
     ]);
-}, _ = (param, a)=>{
-    let { asset: r, title: t, description: o, slot: s } = param;
-    const c = o && Array.isArray(o) ? /* @__PURE__ */ (0, _jsxruntime.jsx)(_stack.default, {
+}, W = (param, a, param1)=>{
+    let { asset: t, title: r, description: s, slot: o } = param, { feedbackScreenTitle: n, feedbackScreenDescription: l } = param1;
+    const c = s && Array.isArray(s) ? /* @__PURE__ */ (0, _jsxruntime.jsx)(_stack.default, {
         space: 16,
-        children: o.map((d, l)=>/* @__PURE__ */ (0, _jsxruntime.jsx)("p", {
-                children: d
-            }, l))
-    }) : o;
+        children: s.map((m, u)=>/* @__PURE__ */ (0, _jsxruntime.jsx)("p", {
+                children: m
+            }, u))
+    }) : s;
     return /* @__PURE__ */ (0, _jsxruntime.jsxs)(_stack.default, {
-        space: 24,
+        space: 40,
         children: [
             /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
                 className: _feedbackcssmistica.assetContainer,
                 "data-testid": "icon",
-                children: r
+                children: t
             }),
             /* @__PURE__ */ (0, _jsxruntime.jsxs)(_stack.default, {
                 space: 16,
@@ -209,63 +210,66 @@ const D = (r)=>!(0, _platform.isRunningAcceptanceTest)(r), E = (param)=>{
                     /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
                         className: (0, _classnames.default)(a && _feedbackcssmistica.feedbackTextAppearFast),
                         "data-testid": "title",
-                        children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_text.Text6, {
+                        children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_text.Text, _object_spread_props(_object_spread({}, (0, _text.getTextSizesWithWeight)({
+                            textPreset: n
+                        })), {
                             as: "h1",
-                            children: t
-                        })
+                            children: r
+                        }))
                     }),
                     c && /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
                         className: (0, _classnames.default)(a && _feedbackcssmistica.feedbackTextAppearMedium),
                         "data-testid": "description",
-                        children: c && /* @__PURE__ */ (0, _jsxruntime.jsx)(_text.Text3, {
-                            regular: !0,
+                        children: c && /* @__PURE__ */ (0, _jsxruntime.jsx)(_text.Text, _object_spread_props(_object_spread({}, (0, _text.getTextSizesWithWeight)({
+                            textPreset: l
+                        })), {
                             color: _skincontractcssmistica.vars.colors.textSecondary,
                             children: c
-                        })
+                        }))
                     }),
-                    s && /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
+                    o && /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
                         className: (0, _classnames.default)(a && (c ? _feedbackcssmistica.feedbackTextAppearSlow : _feedbackcssmistica.feedbackTextAppearMedium)),
                         "data-testid": "slot",
-                        children: s
+                        children: o
                     })
                 ]
             })
         ]
     });
-}, q = (r, t)=>{
-    const o = E(t);
+}, E = (t, r)=>{
+    const s = O(r);
     return /* @__PURE__ */ (0, _jsxruntime.jsxs)(_stack.default, {
         space: {
             desktop: 32,
             mobile: 24
         },
         children: [
-            r,
-            o && /* @__PURE__ */ (0, _jsxruntime.jsx)(_buttongroup.default, _object_spread({}, t))
+            t,
+            s && /* @__PURE__ */ (0, _jsxruntime.jsx)(_buttongroup.default, _object_spread({}, r))
         ]
     });
-}, w = (param)=>{
-    let { isBrandVariant: r, body: t, imageFit: o, imageUrl: s, dataAttributes: a } = param;
+}, P = (param)=>{
+    let { isBrandVariant: t, body: r, imageFit: s, imageUrl: o, dataAttributes: a } = param;
     return /* @__PURE__ */ (0, _jsxruntime.jsx)(_boxed.InternalBoxed, {
         borderRadius: _skincontractcssmistica.vars.borderRadii.container,
         desktopOnly: !0,
-        variant: r ? "brand" : "default",
+        variant: t ? "brand" : "default",
         dataAttributes: a,
         children: /* @__PURE__ */ (0, _jsxruntime.jsxs)("div", {
             className: _feedbackcssmistica.desktopContainer,
             children: [
                 /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
                     className: _feedbackcssmistica.desktopContent,
-                    children: t
+                    children: r
                 }),
-                s && /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
+                o && /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
                     className: _feedbackcssmistica.desktopImage,
                     "data-testid": "image",
                     style: {
-                        backgroundImage: `url(${s})`,
-                        backgroundPosition: o === "fit" ? "bottom right" : "center right",
+                        backgroundImage: `url(${o})`,
+                        backgroundPosition: s === "fit" ? "bottom right" : "center right",
                         backgroundRepeat: "no-repeat",
-                        backgroundSize: o === "fit" ? "contain" : "cover",
+                        backgroundSize: s === "fit" ? "contain" : "cover",
                         flex: 1,
                         maxWidth: 600
                     }
@@ -273,98 +277,94 @@ const D = (r)=>!(0, _platform.isRunningAcceptanceTest)(r), E = (param)=>{
             ]
         })
     });
-}, pe = ()=>((0, _overscrollcolorcontext.useSetOverscrollColor)({
+}, ke = ()=>((0, _overscrollcolorcontext.useSetOverscrollColor)({
         topColor: _skincontractcssmistica.vars.colors.backgroundBrandTop,
         bottomColor: "transparent"
-    }), null), B = (param)=>{
-    let { title: r, description: t, slot: o, primaryButton: s, secondaryButton: a, link: c, hapticFeedback: d, asset: l, animateText: h = !1, variant: b = "default", unstable_inlineInDesktop: v, imageUrl: p, imageFit: I, dataAttributes: F } = param;
-    L(d);
-    const { platformOverrides: S, isDarkMode: k } = (0, _hooks.useTheme)(), { isTabletOrSmaller: W } = (0, _hooks.useScreenSize)(), j = E({
-        primaryButton: s,
+    }), null), x = (param)=>{
+    let { title: t, description: r, slot: s, primaryButton: o, secondaryButton: a, link: n, hapticFeedback: l, asset: c, animateText: m = !1, variant: u = "default", unstable_inlineInDesktop: k, imageUrl: v, imageFit: F, dataAttributes: S } = param;
+    D(l);
+    const { platformOverrides: f, isDarkMode: q, textPresets: L } = (0, _hooks.useTheme)(), { isTabletOrSmaller: j } = (0, _hooks.useScreenSize)(), w = O({
+        primaryButton: o,
         secondaryButton: a
-    }), N = _({
-        asset: l,
-        title: r,
-        description: t,
-        slot: o
-    }, h && D(S));
-    if (!W && v) return q(N, {
-        primaryButton: s,
+    }), B = W({
+        asset: c,
+        title: t,
+        description: r,
+        slot: s
+    }, m && z(f), L);
+    if (!j && k) return E(B, {
+        primaryButton: o,
         secondaryButton: a,
-        link: c
+        link: n
     });
-    const f = b === "brand";
+    const h = u === "brand";
     return /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
         style: {
             position: "relative"
         },
         children: /* @__PURE__ */ (0, _jsxruntime.jsxs)(_responsivelayout.default, {
             children: [
-                f && /* @__PURE__ */ (0, _jsxruntime.jsx)(pe, {}),
+                h && /* @__PURE__ */ (0, _jsxruntime.jsx)(ke, {}),
                 /* @__PURE__ */ (0, _jsxruntime.jsx)(_box.default, {
                     paddingTop: {
                         desktop: 64,
                         mobile: 0
                     },
-                    children: w({
-                        isBrandVariant: f,
+                    children: P({
+                        isBrandVariant: h,
                         body: // doesn't expand when nested in mobile. This can cause double margin when footer is not fixed
                         /* @__PURE__ */ (0, _jsxruntime.jsx)(_responsivelayout.ResetResponsiveLayout, {
                             skipDesktop: !0,
                             children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_buttonfixedfooterlayout.default, {
-                                isFooterVisible: j,
-                                button: s,
+                                isFooterVisible: w,
+                                button: o,
                                 secondaryButton: a,
-                                link: c,
-                                footerBgColor: f && !k ? _skincontractcssmistica.vars.colors.backgroundBrandBottom : void 0,
-                                containerBgColor: f ? _skincontractcssmistica.vars.colors.backgroundBrand : _skincontractcssmistica.vars.colors.background,
+                                link: n,
+                                footerBgColor: h && !q ? _skincontractcssmistica.vars.colors.backgroundBrandBottom : void 0,
+                                containerBgColor: h ? _skincontractcssmistica.vars.colors.backgroundBrand : _skincontractcssmistica.vars.colors.background,
                                 children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_responsivelayout.default, {
                                     children: /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
                                         className: _feedbackcssmistica.container,
                                         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
                                             className: (0, _classnames.default)(_feedbackcssmistica.innerContainer, {
-                                                [_feedbackcssmistica.innerContainerWithButtons]: s || a || c
+                                                [_feedbackcssmistica.innerContainerWithButtons]: o || a || n
                                             }),
-                                            children: N
+                                            children: B
                                         })
                                     })
                                 })
                             })
                         }),
-                        imageFit: I,
-                        imageUrl: p,
-                        dataAttributes: F
+                        imageFit: F,
+                        imageUrl: v,
+                        dataAttributes: S
                     })
                 })
             ]
         })
     });
-}, Ee = (_param)=>{
-    var { dataAttributes: r } = _param, t = _object_without_properties(_param, [
+}, We = (_param)=>{
+    var { dataAttributes: t } = _param, r = _object_without_properties(_param, [
         "dataAttributes"
     ]);
-    const { isTabletOrSmaller: o } = (0, _hooks.useScreenSize)(), { skinName: s, themeVariants: a } = (0, _hooks.useTheme)();
-    return /* @__PURE__ */ (0, _jsxruntime.jsx)(B, _object_spread_props(_object_spread({}, t), {
-        variant: (a.successFeedback === "brand" || a.successFeedback === "inverse") && (!t.unstable_inlineInDesktop || o) ? "brand" : "default",
+    const { isTabletOrSmaller: s } = (0, _hooks.useScreenSize)(), { themeVariants: o } = (0, _hooks.useTheme)();
+    return /* @__PURE__ */ (0, _jsxruntime.jsx)(x, _object_spread_props(_object_spread({}, r), {
+        variant: (o.successFeedback === "brand" || o.successFeedback === "inverse") && (!r.unstable_inlineInDesktop || s) ? "brand" : "default",
         hapticFeedback: "success",
-        asset: s === _constants.VIVO_SKIN || s === _constants.VIVO_EVOLUTION_SKIN ? /* @__PURE__ */ (0, _jsxruntime.jsx)(_iconsuccessvivonew.default, {
-            size: "100%"
-        }) : /* @__PURE__ */ (0, _jsxruntime.jsx)(_iconsuccess.default, {
-            size: "100%"
-        }),
+        asset: R,
         animateText: !0,
-        imageUrl: t.imageUrl,
-        imageFit: t.imageFit,
+        imageUrl: r.imageUrl,
+        imageFit: r.imageFit,
         dataAttributes: _object_spread({
             testid: "SuccessFeedbackScreen"
-        }, r)
+        }, t)
     }));
-}, Le = (_param)=>{
-    var { errorReference: r, dataAttributes: t } = _param, o = _object_without_properties(_param, [
+}, Ee = (_param)=>{
+    var { errorReference: t, dataAttributes: r } = _param, s = _object_without_properties(_param, [
         "errorReference",
         "dataAttributes"
     ]);
-    return /* @__PURE__ */ (0, _jsxruntime.jsx)(B, _object_spread_props(_object_spread({}, o), {
+    return /* @__PURE__ */ (0, _jsxruntime.jsx)(x, _object_spread_props(_object_spread({}, s), {
         hapticFeedback: "error",
         asset: /* @__PURE__ */ (0, _jsxruntime.jsx)(_iconerror.default, {
             size: "100%"
@@ -372,54 +372,54 @@ const D = (r)=>!(0, _platform.isRunningAcceptanceTest)(r), E = (param)=>{
         animateText: !0,
         dataAttributes: _object_spread({
             testid: "ErrorFeedbackScreen"
-        }, t),
+        }, r),
         slot: /* @__PURE__ */ (0, _jsxruntime.jsxs)(_stack.default, {
             space: 16,
             children: [
-                o.slot,
-                r && /* @__PURE__ */ (0, _jsxruntime.jsx)(_text.Text2, {
+                s.slot,
+                t && /* @__PURE__ */ (0, _jsxruntime.jsx)(_text.Text2, {
                     color: _skincontractcssmistica.vars.colors.textSecondary,
                     regular: !0,
-                    children: r
+                    children: t
                 })
             ]
         })
     }));
-}, _e = (_param)=>{
-    var { dataAttributes: r, Icon: t = _iconinfo.default } = _param, o = _object_without_properties(_param, [
+}, Pe = (_param)=>{
+    var { dataAttributes: t, Icon: r = _iconinfo.default } = _param, s = _object_without_properties(_param, [
         "dataAttributes",
         "Icon"
     ]);
-    return /* @__PURE__ */ (0, _jsxruntime.jsx)(B, _object_spread({
+    const o = (0, _themevariantcontext.useThemeVariant)();
+    return /* @__PURE__ */ (0, _jsxruntime.jsx)(x, _object_spread({
         dataAttributes: _object_spread({
             testid: "InfoFeedbackScreen"
-        }, r),
-        asset: /* @__PURE__ */ (0, _jsxruntime.jsx)(t, {
-            size: "100%",
-            color: _skincontractcssmistica.vars.colors.brand
+        }, t),
+        asset: /* @__PURE__ */ (0, _jsxruntime.jsx)(_themevariantcontext.ThemeVariant, {
+            variant: o,
+            children: /* @__PURE__ */ (0, _jsxruntime.jsx)(r, {
+                size: "100%",
+                color: _skincontractcssmistica.vars.colors.brand
+            })
         })
-    }, o));
+    }, s));
 }, qe = (param)=>{
-    let { title: r, description: t, slot: o, primaryButton: s, secondaryButton: a, link: c, imageUrl: d, imageFit: l, dataAttributes: h } = param;
-    L("success");
-    const { skinName: b, platformOverrides: v, themeVariants: p } = (0, _hooks.useTheme)(), F = _({
-        asset: b === _constants.VIVO_SKIN || b === _constants.VIVO_EVOLUTION_SKIN ? /* @__PURE__ */ (0, _jsxruntime.jsx)(_iconsuccessvivonew.default, {
-            size: "100%"
-        }) : /* @__PURE__ */ (0, _jsxruntime.jsx)(_iconsuccess.default, {
-            size: "100%"
-        }),
-        title: r,
-        description: t,
-        slot: o
-    }, D(v)), S = q(F, {
-        primaryButton: s,
+    let { title: t, description: r, slot: s, primaryButton: o, secondaryButton: a, link: n, imageUrl: l, imageFit: c, dataAttributes: m } = param;
+    D("success");
+    const { platformOverrides: u, themeVariants: k, textPresets: v } = (0, _hooks.useTheme)(), F = W({
+        asset: R,
+        title: t,
+        description: r,
+        slot: s
+    }, z(u), v), S = E(F, {
+        primaryButton: o,
         secondaryButton: a,
-        link: c
-    }), k = p.successFeedback === "inverse" || p.successFeedback === "brand";
-    return w({
-        isBrandVariant: k,
+        link: n
+    }), f = k.successFeedback === "inverse" || k.successFeedback === "brand";
+    return P({
+        isBrandVariant: f,
         body: /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
-            className: k ? _feedbackcssmistica.backgroundBrand : void 0,
+            className: f ? _feedbackcssmistica.backgroundBrand : void 0,
             children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_box.default, {
                 paddingX: {
                     mobile: 16,
@@ -436,10 +436,10 @@ const D = (r)=>!(0, _platform.isRunningAcceptanceTest)(r), E = (param)=>{
                 })
             })
         }),
-        imageFit: l,
-        imageUrl: d,
+        imageFit: c,
+        imageUrl: l,
         dataAttributes: _object_spread({
             testid: "SuccessFeedback"
-        }, h)
+        }, m)
     });
 };

package/dist/file-upload.css-mistica.js

@@ -31,10 +31,10 @@ _export(exports, {
         return y;
     }
 });
-/* empty css                                     */ /* empty css                                       */ /* empty css                                           */ /* empty css                                                 */ /* empty css                                       */ var a = "v17_8_1isvxjy0", n = "v17_8_1isvxjy9 v17_8_1isvxjy2 v17_8_1isvxjy1 v17_8_1y2v1nfka v17_8_1y2v1nflj v17_8_1y2v1nfhv v17_8_1y2v1nfj4 v17_8_1y2v1nfu6", y = {
-    default: "v17_8_1isvxjya",
-    alternative: "v17_8_1isvxjyb",
-    brand: "v17_8_1isvxjyc",
-    negative: "v17_8_1isvxjyd",
-    media: "v17_8_1isvxjye"
-}, t = "v17_8_1isvxjyf", s = "v17_8_1isvxjyh", j = "v17_8_1isvxjyi", o = "v17_8_1isvxjyk v17_8_1isvxjyj v17_8_1y2v1nfre v17_8_1y2v1nfrn";
+/* empty css                                     */ /* empty css                                       */ /* empty css                                           */ /* empty css                                                 */ /* empty css                                       */ var a = "v17_9_1isvxjy0", n = "v17_9_1isvxjy9 v17_9_1isvxjy2 v17_9_1isvxjy1 v17_9_1y2v1nfka v17_9_1y2v1nflj v17_9_1y2v1nfhv v17_9_1y2v1nfj4 v17_9_1y2v1nfu6", y = {
+    default: "v17_9_1isvxjya",
+    alternative: "v17_9_1isvxjyb",
+    brand: "v17_9_1isvxjyc",
+    negative: "v17_9_1isvxjyd",
+    media: "v17_9_1isvxjye"
+}, t = "v17_9_1isvxjyf", s = "v17_9_1isvxjyh", j = "v17_9_1isvxjyi", o = "v17_9_1isvxjyk v17_9_1isvxjyj v17_9_1y2v1nfre v17_9_1y2v1nfrn";

package/dist/fixed-footer-layout.css-mistica.js

@@ -38,5 +38,5 @@ _export(exports, {
     }
 });
 /* empty css                                     */ /* empty css                                               */ var r = {
-    footerHeight: "var(--v17_8_p5j8j50)"
-}, j = "v17_8_p5j8j53 v17_8_p5j8j52 v17_8_1y2v1nfs1", a = "v17_8_p5j8j54", f = "v17_8_p5j8j55", n = "v17_8_p5j8j56 v17_8_1y2v1nfrd", o = "v17_8_p5j8j57", p = "v17_8_p5j8j59 v17_8_p5j8j58 v17_8_1y2v1nfuo v17_8_1y2v1nfv3 v17_8_1y2v1nfvi v17_8_1y2v1nfvx v17_8_1y2v1nfra", y = "v17_8_p5j8j5b v17_8_p5j8j5a v17_8_1y2v1nfuo v17_8_1y2v1nfv3 v17_8_1y2v1nfvi v17_8_1y2v1nfvx v17_8_1y2v1nfra", e = "v17_8_p5j8j5d v17_8_p5j8j5c v17_8_1y2v1nfv3 v17_8_1y2v1nfvi v17_8_1y2v1nfr9";
+    footerHeight: "var(--v17_9_p5j8j50)"
+}, j = "v17_9_p5j8j53 v17_9_p5j8j52 v17_9_1y2v1nfs1", a = "v17_9_p5j8j54", f = "v17_9_p5j8j55", n = "v17_9_p5j8j56 v17_9_1y2v1nfrd", o = "v17_9_p5j8j57", p = "v17_9_p5j8j59 v17_9_p5j8j58 v17_9_1y2v1nfuo v17_9_1y2v1nfv3 v17_9_1y2v1nfvi v17_9_1y2v1nfvx v17_9_1y2v1nfra", y = "v17_9_p5j8j5b v17_9_p5j8j5a v17_9_1y2v1nfuo v17_9_1y2v1nfv3 v17_9_1y2v1nfvi v17_9_1y2v1nfvx v17_9_1y2v1nfra", e = "v17_9_p5j8j5d v17_9_p5j8j5c v17_9_1y2v1nfv3 v17_9_1y2v1nfvi v17_9_1y2v1nfr9";

package/dist/form.css-mistica.js

@@ -8,4 +8,4 @@ Object.defineProperty(exports, "form", {
         return p;
     }
 });
-/* empty css                                     */ /* empty css                                */ var p = "v17_8_1dycpqb0 v17_8_1y2v1nfs1";
+/* empty css                                     */ /* empty css                                */ var p = "v17_9_1dycpqb0 v17_9_1y2v1nfs1";

package/dist/grid-layout.css-mistica.js

@@ -31,7 +31,7 @@ _export(exports, {
         return o;
     }
 });
-/* empty css                                       */ var a = "v17_8_379jdb0", _ = "v17_8_379jdb1", r = "v17_8_379jdb2", d = "v17_8_379jdb4", e = "v17_8_379jdb5", l = "v17_8_379jdb7", o = {
-    colSpan: "var(--v17_8_379jdb6)",
-    verticalSpace: "var(--v17_8_379jdb3)"
+/* empty css                                       */ var a = "v17_9_379jdb0", _ = "v17_9_379jdb1", r = "v17_9_379jdb2", d = "v17_9_379jdb4", e = "v17_9_379jdb5", l = "v17_9_379jdb7", o = {
+    colSpan: "var(--v17_9_379jdb6)",
+    verticalSpace: "var(--v17_9_379jdb3)"
 };