@telefonica/mistica 16.26.0 → 16.27.0

package/dist/drawer.css-mistica.js

@@ -25,24 +25,24 @@ _export(exports, {
         return a;
     },
     open: function() {
-        return o;
+        return e;
     },
     overlay: function() {
-        return e;
+        return o;
     },
     overlayClosed: function() {
-        return i;
+        return w;
     },
     overlayOpen: function() {
         return l;
     },
     scrollableSection: function() {
-        return w;
+        return c;
     },
     titleContainer: function() {
-        return c;
+        return i;
     }
 });
 require("./sprinkles.css.ts.vanilla.css-mistica.js");
 require("./drawer.css.ts.vanilla.css-mistica.js");
-var n = 350, y = "v16_26_1y2v1nfih v16_26_1y2v1nflx v16_26_1y2v1nfmr", f = "v16_26_c4ngww9", r = "v16_26_c4ngww1 v16_26_1y2v1nfii v16_26_1y2v1nfim v16_26_1y2v1nf48 v16_26_1y2v1nflu v16_26_1y2v1nfmo v16_26_1y2v1nfn3 v16_26_1y2v1nflo", a = "v16_26_1y2v1nf96 v16_26_1y2v1nfim v16_26_1y2v1nfis v16_26_1y2v1nfj7", o = "v16_26_c4ngww8", e = "v16_26_c4ngwwb v16_26_1y2v1nfii v16_26_1y2v1nflu v16_26_1y2v1nfm9 v16_26_1y2v1nfmo v16_26_1y2v1nfn3 v16_26_1y2v1nf4k", i = "v16_26_c4ngwwc", l = "v16_26_c4ngwwd", w = "v16_26_1y2v1nfj7 v16_26_1y2v1nflt", c = "v16_26_c4ngww5 v16_26_1y2v1nfj4 v16_26_1y2v1nfj6";
+var n = 350, y = "v16_27_1y2v1nfil v16_27_1y2v1nfm1 v16_27_1y2v1nfmv", f = "v16_27_c4ngww9", r = "v16_27_c4ngww1 v16_27_1y2v1nfim v16_27_1y2v1nfiq v16_27_1y2v1nf4a v16_27_1y2v1nfly v16_27_1y2v1nfms v16_27_1y2v1nfn7 v16_27_1y2v1nfls", a = "v16_27_1y2v1nf9a v16_27_1y2v1nfiq v16_27_1y2v1nfiw v16_27_1y2v1nfjb", e = "v16_27_c4ngww8", o = "v16_27_c4ngwwb v16_27_1y2v1nfim v16_27_1y2v1nfly v16_27_1y2v1nfmd v16_27_1y2v1nfms v16_27_1y2v1nfn7 v16_27_1y2v1nf4m", w = "v16_27_c4ngwwc", l = "v16_27_c4ngwwd", c = "v16_27_1y2v1nfjb v16_27_1y2v1nflx", i = "v16_27_c4ngww5 v16_27_1y2v1nfj8 v16_27_1y2v1nfja";

package/dist/empty-state-card.css-mistica.js

@@ -16,9 +16,9 @@ _export(exports, {
         return a;
     },
     image: function() {
-        return o;
+        return n;
     }
 });
 require("./sprinkles.css.ts.vanilla.css-mistica.js");
 require("./empty-state-card.css.ts.vanilla.css-mistica.js");
-var r = "v16_26_1azor6p4 v16_26_1y2v1nfjl v16_26_1y2v1nfk1", a = "v16_26_1azor6p0", o = "v16_26_1azor6p2 v16_26_1y2v1nfio v16_26_1y2v1nfk3";
+var r = "v16_27_1azor6p4 v16_27_1y2v1nfjp v16_27_1y2v1nfk5", a = "v16_27_1azor6p0", n = "v16_27_1azor6p2 v16_27_1y2v1nfis v16_27_1y2v1nfk7";

package/dist/empty-state.css-mistica.js

@@ -28,10 +28,10 @@ _export(exports, {
         return o;
     },
     largeImageContainer: function() {
-        return t;
+        return u;
     },
     smallImage: function() {
-        return u;
+        return t;
     },
     vars: function() {
         return i;
@@ -39,9 +39,9 @@ _export(exports, {
 });
 require("./sprinkles.css.ts.vanilla.css-mistica.js");
 require("./empty-state.css.ts.vanilla.css-mistica.js");
-var v = "v16_26_13fzrua9 v16_26_1y2v1nfjn v16_26_1y2v1nfk3", _ = "v16_26_1y2v1nfl3", e = "v16_26_13fzrua2 v16_26_1y2v1nfim v16_26_1y2v1nf8e", n = {
-    default: "v16_26_13fzrua3",
-    largeImage: "v16_26_13fzrua4"
-}, f = "v16_26_13fzruad", o = "v16_26_13fzrua7 v16_26_1y2v1nfjq", t = "v16_26_13fzrua5", u = "v16_26_13fzruab v16_26_1y2v1nfio", i = {
-    backgroundColor: "var(--v16_26_13fzrua0)"
+var v = "v16_27_13fzrua9 v16_27_1y2v1nfjr v16_27_1y2v1nfk7", _ = "v16_27_1y2v1nfl7", e = "v16_27_13fzrua2 v16_27_1y2v1nfiq v16_27_1y2v1nf8i", n = {
+    default: "v16_27_13fzrua3",
+    largeImage: "v16_27_13fzrua4"
+}, f = "v16_27_13fzruad", o = "v16_27_13fzrua7 v16_27_1y2v1nfju", u = "v16_27_13fzrua5", t = "v16_27_13fzruab v16_27_1y2v1nfis", i = {
+    backgroundColor: "var(--v16_27_13fzrua0)"
 };

package/dist/fade-in.css-mistica.js

@@ -9,4 +9,4 @@ Object.defineProperty(exports, "wrapper", {
     }
 });
 require("./fade-in.css.ts.vanilla.css-mistica.js");
-var p = "v16_26_kq227n1";
+var p = "v16_27_kq227n1";

package/dist/feedback.css-mistica.js

@@ -48,4 +48,4 @@ _export(exports, {
 });
 require("./sprinkles.css.ts.vanilla.css-mistica.js");
 require("./feedback.css.ts.vanilla.css-mistica.js");
-var v = "v16_26_1y2v1nfjl v16_26_1y2v1nfk1", e = "v16_26_gx6h6af", r = "v16_26_gx6h6a4 v16_26_1y2v1nfim v16_26_1y2v1nfjq v16_26_1y2v1nfj9 v16_26_1y2v1nfis", n = "v16_26_gx6h6a0", t = "v16_26_gx6h6a1", x = "v16_26_gx6h6a2", g = "v16_26_gx6h6ae", h = "v16_26_gx6h6ab v16_26_gx6h6aa", o = "v16_26_gx6h6ac v16_26_gx6h6aa", i = "v16_26_gx6h6ad v16_26_gx6h6aa", p = "v16_26_gx6h6a5", d = "v16_26_gx6h6a6";
+var v = "v16_27_1y2v1nfjp v16_27_1y2v1nfk5", e = "v16_27_gx6h6af", r = "v16_27_gx6h6a4 v16_27_1y2v1nfiq v16_27_1y2v1nfju v16_27_1y2v1nfjd v16_27_1y2v1nfiw", n = "v16_27_gx6h6a0", t = "v16_27_gx6h6a1", x = "v16_27_gx6h6a2", g = "v16_27_gx6h6ae", h = "v16_27_gx6h6ab v16_27_gx6h6aa", o = "v16_27_gx6h6ac v16_27_gx6h6aa", i = "v16_27_gx6h6ad v16_27_gx6h6aa", p = "v16_27_gx6h6a5", d = "v16_27_gx6h6a6";

package/dist/feedback.js

@@ -14,7 +14,7 @@ _export(exports, {
         return We;
     },
     FeedbackScreen: function() {
-        return F;
+        return I;
     },
     InfoFeedbackScreen: function() {
         return _e;
@@ -173,21 +173,21 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-const O = (r)=>!(0, _platform.isRunningAcceptanceTest)(r), R = (param)=>{
+const D = (r)=>!(0, _platform.isRunningAcceptanceTest)(r), E = (param)=>{
     let { primaryButton: r, secondaryButton: t } = param;
     return !!r || !!t;
-}, x = (r)=>{
+}, V = (r)=>{
     (0, _webviewbridge.isWebViewBridgeAvailable)() && (0, _webviewbridge.requestVibration)(r).catch(()=>{});
-}, D = (r)=>{
+}, W = (r)=>{
     _react.useEffect(()=>{
         let t;
-        return r === "success" && (t = setTimeout(()=>x("success"), 700)), r === "error" && (t = setTimeout(()=>x("error"), 1e3)), ()=>{
+        return r === "success" && (t = setTimeout(()=>V("success"), 700)), r === "error" && (t = setTimeout(()=>V("error"), 1e3)), ()=>{
             clearTimeout(t);
         };
     }, [
         r
     ]);
-}, E = (param, c)=>{
+}, _ = (param, c)=>{
     let { asset: r, title: t, description: o, extra: s } = param;
     const a = o && Array.isArray(o) ? /* @__PURE__ */ (0, _jsxruntime.jsx)(_stack.default, {
         space: 16,
@@ -233,8 +233,8 @@ const O = (r)=>!(0, _platform.isRunningAcceptanceTest)(r), R = (param)=>{
             })
         ]
     });
-}, W = (r, t)=>{
-    const o = R(t);
+}, q = (r, t)=>{
+    const o = E(t);
     return /* @__PURE__ */ (0, _jsxruntime.jsxs)(_stack.default, {
         space: {
             desktop: 40,
@@ -245,12 +245,12 @@ const O = (r)=>!(0, _platform.isRunningAcceptanceTest)(r), R = (param)=>{
             o && /* @__PURE__ */ (0, _jsxruntime.jsx)(_buttongroup.default, _object_spread({}, t))
         ]
     });
-}, _ = (param)=>{
+}, w = (param)=>{
     let { isInverse: r, body: t, imageFit: o, imageUrl: s, dataAttributes: c } = param;
     return /* @__PURE__ */ (0, _jsxruntime.jsx)(_boxed.InternalBoxed, {
         borderRadius: _skincontractcssmistica.vars.borderRadii.legacyDisplay,
         desktopOnly: !0,
-        isInverse: r,
+        variant: r ? "inverse" : "default",
         dataAttributes: c,
         children: /* @__PURE__ */ (0, _jsxruntime.jsxs)("div", {
             className: _feedbackcssmistica.desktopContainer,
@@ -284,20 +284,20 @@ const O = (r)=>!(0, _platform.isRunningAcceptanceTest)(r), R = (param)=>{
 }, pe = ()=>((0, _overscrollcolorcontext.useSetOverscrollColor)({
         topColor: _skincontractcssmistica.vars.colors.backgroundBrandTop,
         bottomColor: "transparent"
-    }), null), F = (param)=>{
-    let { title: r, description: t, extra: o, primaryButton: s, secondaryButton: c, link: a, hapticFeedback: d, asset: l, animateText: k = !1, isInverse: i = !1, unstable_inlineInDesktop: f, imageUrl: v, imageFit: h, dataAttributes: S } = param;
-    D(d);
-    const { platformOverrides: q, isDarkMode: w } = (0, _hooks.useTheme)(), { isTabletOrSmaller: L } = (0, _hooks.useScreenSize)(), j = R({
+    }), null), I = (param)=>{
+    let { title: r, description: t, extra: o, primaryButton: s, secondaryButton: c, link: a, hapticFeedback: d, asset: l, animateText: f = !1, isInverse: i = !1, unstable_inlineInDesktop: h, imageUrl: S, imageFit: N, dataAttributes: g } = param;
+    W(d);
+    const { platformOverrides: v, isDarkMode: b } = (0, _hooks.useTheme)(), { isTabletOrSmaller: L } = (0, _hooks.useScreenSize)(), j = E({
         primaryButton: s,
         secondaryButton: c,
         link: a
-    }), I = E({
+    }), T = _({
         asset: l,
         title: r,
         description: t,
         extra: o
-    }, k && O(q));
-    return !L && f ? W(I, {
+    }, f && D(v));
+    return !L && h ? q(T, {
         primaryButton: s,
         secondaryButton: c,
         link: a
@@ -313,7 +313,7 @@ const O = (r)=>!(0, _platform.isRunningAcceptanceTest)(r), R = (param)=>{
                         desktop: 64,
                         mobile: 0
                     },
-                    children: _({
+                    children: w({
                         isInverse: i,
                         body: // doesn't expand when nested in mobile. This can cause double margin when footer is not fixed
                         /* @__PURE__ */ (0, _jsxruntime.jsx)(_responsivelayout.ResetResponsiveLayout, {
@@ -323,7 +323,7 @@ const O = (r)=>!(0, _platform.isRunningAcceptanceTest)(r), R = (param)=>{
                                 button: s,
                                 secondaryButton: c,
                                 link: a,
-                                footerBgColor: i && !w ? _skincontractcssmistica.vars.colors.backgroundBrandBottom : void 0,
+                                footerBgColor: i && !b ? _skincontractcssmistica.vars.colors.backgroundBrandBottom : void 0,
                                 containerBgColor: i ? _skincontractcssmistica.vars.colors.backgroundBrand : _skincontractcssmistica.vars.colors.background,
                                 children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_responsivelayout.default, {
                                     children: /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
@@ -332,15 +332,15 @@ const O = (r)=>!(0, _platform.isRunningAcceptanceTest)(r), R = (param)=>{
                                             className: (0, _classnames.default)(_feedbackcssmistica.innerContainer, {
                                                 [_feedbackcssmistica.innerContainerWithButtons]: s || c || a
                                             }),
-                                            children: I
+                                            children: T
                                         })
                                     })
                                 })
                             })
                         }),
-                        imageFit: h,
-                        imageUrl: v,
-                        dataAttributes: S
+                        imageFit: N,
+                        imageUrl: S,
+                        dataAttributes: g
                     })
                 })
             ]
@@ -350,9 +350,9 @@ const O = (r)=>!(0, _platform.isRunningAcceptanceTest)(r), R = (param)=>{
     var { dataAttributes: r } = _param, t = _object_without_properties(_param, [
         "dataAttributes"
     ]);
-    const { isTabletOrSmaller: o } = (0, _hooks.useScreenSize)(), { skinName: s } = (0, _hooks.useTheme)();
-    return /* @__PURE__ */ (0, _jsxruntime.jsx)(F, _object_spread_props(_object_spread({}, t), {
-        isInverse: !t.unstable_inlineInDesktop || o,
+    const { isTabletOrSmaller: o } = (0, _hooks.useScreenSize)(), { skinName: s, themeVariants: c } = (0, _hooks.useTheme)();
+    return /* @__PURE__ */ (0, _jsxruntime.jsx)(I, _object_spread_props(_object_spread({}, t), {
+        isInverse: c.successFeedback === "inverse" && (!t.unstable_inlineInDesktop || o),
         hapticFeedback: "success",
         asset: s === _constants.VIVO_SKIN ? /* @__PURE__ */ (0, _jsxruntime.jsx)(_iconsuccessvivo.default, {
             size: "100%"
@@ -374,7 +374,7 @@ const O = (r)=>!(0, _platform.isRunningAcceptanceTest)(r), R = (param)=>{
         "errorReference",
         "dataAttributes"
     ]);
-    return /* @__PURE__ */ (0, _jsxruntime.jsx)(F, _object_spread_props(_object_spread({}, o), {
+    return /* @__PURE__ */ (0, _jsxruntime.jsx)(I, _object_spread_props(_object_spread({}, o), {
         hapticFeedback: "error",
         asset: /* @__PURE__ */ (0, _jsxruntime.jsx)(_iconerror.default, {
             size: "100%"
@@ -398,7 +398,7 @@ const O = (r)=>!(0, _platform.isRunningAcceptanceTest)(r), R = (param)=>{
         "dataAttributes",
         "Icon"
     ]);
-    return /* @__PURE__ */ (0, _jsxruntime.jsx)(F, _object_spread({
+    return /* @__PURE__ */ (0, _jsxruntime.jsx)(I, _object_spread({
         dataAttributes: _object_spread({
             "component-name": "InfoFeedbackScreen",
             testid: "InfoFeedbackScreen"
@@ -408,9 +408,9 @@ const O = (r)=>!(0, _platform.isRunningAcceptanceTest)(r), R = (param)=>{
         })
     }, o));
 }, qe = (param)=>{
-    let { title: r, description: t, extra: o, primaryButton: s, secondaryButton: c, link: a, imageUrl: d, imageFit: l, dataAttributes: k } = param;
-    D("success");
-    const { skinName: i, platformOverrides: f } = (0, _hooks.useTheme)(), h = E({
+    let { title: r, description: t, extra: o, primaryButton: s, secondaryButton: c, link: a, imageUrl: d, imageFit: l, dataAttributes: f } = param;
+    W("success");
+    const { skinName: i, platformOverrides: h, themeVariants: S } = (0, _hooks.useTheme)(), g = _({
         asset: i === _constants.VIVO_SKIN ? /* @__PURE__ */ (0, _jsxruntime.jsx)(_iconsuccessvivo.default, {
             size: "100%"
         }) : i === _constants.VIVO_NEW_SKIN ? /* @__PURE__ */ (0, _jsxruntime.jsx)(_iconsuccessvivonew.default, {
@@ -421,15 +421,15 @@ const O = (r)=>!(0, _platform.isRunningAcceptanceTest)(r), R = (param)=>{
         title: r,
         description: t,
         extra: o
-    }, O(f)), S = W(h, {
+    }, D(h)), v = q(g, {
         primaryButton: s,
         secondaryButton: c,
         link: a
-    });
-    return _({
-        isInverse: !0,
+    }), b = S.successFeedback === "inverse";
+    return w({
+        isInverse: b,
         body: /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
-            className: _feedbackcssmistica.backgroundBrand,
+            className: b ? _feedbackcssmistica.backgroundBrand : void 0,
             children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_box.default, {
                 paddingX: {
                     mobile: 16,
@@ -442,7 +442,7 @@ const O = (r)=>!(0, _platform.isRunningAcceptanceTest)(r), R = (param)=>{
                         mobile: 48
                     },
                     paddingTop: 64,
-                    children: S
+                    children: v
                 })
             })
         }),
@@ -451,6 +451,6 @@ const O = (r)=>!(0, _platform.isRunningAcceptanceTest)(r), R = (param)=>{
         dataAttributes: _object_spread({
             "component-name": "SuccessFeedback",
             testid: "SuccessFeedback"
-        }, k)
+        }, f)
     });
 };

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

@@ -13,13 +13,13 @@ _export(exports, {
         return r;
     },
     container: function() {
-        return o;
+        return n;
     },
     elevated: function() {
-        return n;
+        return a;
     },
     fixedBackgroundLayer: function() {
-        return a;
+        return o;
     },
     fixedFooter: function() {
         return f;
@@ -34,12 +34,12 @@ _export(exports, {
         return e;
     },
     withoutFooter: function() {
-        return t;
+        return p;
     }
 });
 require("./sprinkles.css.ts.vanilla.css-mistica.js");
 require("./fixed-footer-layout.css.ts.vanilla.css-mistica.js");
-var r = "v16_26_p5j8j5d v16_26_1y2v1nfm9 v16_26_1y2v1nfmo v16_26_1y2v1nfih", o = "v16_26_p5j8j57", n = "v16_26_p5j8j55", a = "v16_26_p5j8j5b v16_26_1y2v1nflu v16_26_1y2v1nfm9 v16_26_1y2v1nfmo v16_26_1y2v1nfn3 v16_26_1y2v1nfii", f = "v16_26_p5j8j54", j = "v16_26_p5j8j53 v16_26_1y2v1nfj9", y = "v16_26_p5j8j59 v16_26_1y2v1nflu v16_26_1y2v1nfm9 v16_26_1y2v1nfmo v16_26_1y2v1nfn3 v16_26_1y2v1nfii", e = {
-    footerHeight: "var(--v16_26_p5j8j50)",
-    backgroundColor: "var(--v16_26_p5j8j51)"
-}, t = "v16_26_1y2v1nfil";
+var r = "v16_27_p5j8j5d v16_27_1y2v1nfmd v16_27_1y2v1nfms v16_27_1y2v1nfil", n = "v16_27_p5j8j57", a = "v16_27_p5j8j55", o = "v16_27_p5j8j5b v16_27_1y2v1nfly v16_27_1y2v1nfmd v16_27_1y2v1nfms v16_27_1y2v1nfn7 v16_27_1y2v1nfim", f = "v16_27_p5j8j54", j = "v16_27_p5j8j53 v16_27_1y2v1nfjd", y = "v16_27_p5j8j59 v16_27_1y2v1nfly v16_27_1y2v1nfmd v16_27_1y2v1nfms v16_27_1y2v1nfn7 v16_27_1y2v1nfim", e = {
+    footerHeight: "var(--v16_27_p5j8j50)",
+    backgroundColor: "var(--v16_27_p5j8j51)"
+}, p = "v16_27_1y2v1nfip";

package/dist/form.css-mistica.js

@@ -9,4 +9,4 @@ Object.defineProperty(exports, "form", {
     }
 });
 require("./sprinkles.css.ts.vanilla.css-mistica.js");
-var o = "v16_26_1y2v1nfj9";
+var o = "v16_27_1y2v1nfjd";

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

@@ -32,7 +32,7 @@ _export(exports, {
     }
 });
 require("./grid-layout.css.ts.vanilla.css-mistica.js");
-var a = "v16_26_379jdb5", _ = "v16_26_379jdb2", r = "v16_26_379jdb1", d = "v16_26_379jdb0", e = "v16_26_379jdb4", l = "v16_26_379jdb7", o = {
-    colSpan: "var(--v16_26_379jdb6)",
-    verticalSpace: "var(--v16_26_379jdb3)"
+var a = "v16_27_379jdb5", _ = "v16_27_379jdb2", r = "v16_27_379jdb1", d = "v16_27_379jdb0", e = "v16_27_379jdb4", l = "v16_27_379jdb7", o = {
+    colSpan: "var(--v16_27_379jdb6)",
+    verticalSpace: "var(--v16_27_379jdb3)"
 };

package/dist/grid.css-mistica.js

@@ -75,140 +75,140 @@ _export(exports, {
 });
 require("./grid.css.ts.vanilla.css-mistica.js");
 var _ = {
-    start: "v16_26_mfyikv3b",
-    end: "v16_26_mfyikv3c",
-    center: "v16_26_mfyikv3d",
-    stretch: "v16_26_mfyikv3e",
-    baseline: "v16_26_mfyikv3f"
+    start: "v16_27_mfyikv3b",
+    end: "v16_27_mfyikv3c",
+    center: "v16_27_mfyikv3d",
+    stretch: "v16_27_mfyikv3e",
+    baseline: "v16_27_mfyikv3f"
 }, i = {
-    1: "v16_26_mfyikv2j",
-    2: "v16_26_mfyikv2k",
-    3: "v16_26_mfyikv2l",
-    4: "v16_26_mfyikv2m",
-    5: "v16_26_mfyikv2n",
-    6: "v16_26_mfyikv2o",
-    7: "v16_26_mfyikv2p",
-    8: "v16_26_mfyikv2q",
-    9: "v16_26_mfyikv2r",
-    10: "v16_26_mfyikv2s",
-    11: "v16_26_mfyikv2t",
-    12: "v16_26_mfyikv2u"
-}, m = "v16_26_mfyikv1t", f = "v16_26_mfyikv1u", y = "v16_26_mfyikvb", k = {
+    1: "v16_27_mfyikv2j",
+    2: "v16_27_mfyikv2k",
+    3: "v16_27_mfyikv2l",
+    4: "v16_27_mfyikv2m",
+    5: "v16_27_mfyikv2n",
+    6: "v16_27_mfyikv2o",
+    7: "v16_27_mfyikv2p",
+    8: "v16_27_mfyikv2q",
+    9: "v16_27_mfyikv2r",
+    10: "v16_27_mfyikv2s",
+    11: "v16_27_mfyikv2t",
+    12: "v16_27_mfyikv2u"
+}, m = "v16_27_mfyikv1t", f = "v16_27_mfyikv1u", y = "v16_27_mfyikvb", k = {
     columnGap: {
-        desktop: "var(--v16_26_mfyikv4)",
-        tablet: "var(--v16_26_mfyikv5)",
-        mobile: "var(--v16_26_mfyikv6)"
+        desktop: "var(--v16_27_mfyikv4)",
+        tablet: "var(--v16_27_mfyikv5)",
+        mobile: "var(--v16_27_mfyikv6)"
     },
     rowGap: {
-        desktop: "var(--v16_26_mfyikv7)",
-        tablet: "var(--v16_26_mfyikv8)",
-        mobile: "var(--v16_26_mfyikv9)"
+        desktop: "var(--v16_27_mfyikv7)",
+        tablet: "var(--v16_27_mfyikv8)",
+        mobile: "var(--v16_27_mfyikv9)"
     }
-}, e = "v16_26_mfyikva", r = {
-    start: "v16_26_mfyikv1m",
-    end: "v16_26_mfyikv1n",
-    center: "v16_26_mfyikv1o",
-    stretch: "v16_26_mfyikv1p",
-    "space-between": "v16_26_mfyikv1q",
-    "space-around": "v16_26_mfyikv1r",
-    "space-evenly": "v16_26_mfyikv1s"
+}, e = "v16_27_mfyikva", r = {
+    start: "v16_27_mfyikv1m",
+    end: "v16_27_mfyikv1n",
+    center: "v16_27_mfyikv1o",
+    stretch: "v16_27_mfyikv1p",
+    "space-between": "v16_27_mfyikv1q",
+    "space-around": "v16_27_mfyikv1r",
+    "space-evenly": "v16_27_mfyikv1s"
 }, a = {
-    start: "v16_26_mfyikv1a",
-    end: "v16_26_mfyikv1b",
-    center: "v16_26_mfyikv1c",
-    stretch: "v16_26_mfyikv1d",
-    baseline: "v16_26_mfyikv1e"
+    start: "v16_27_mfyikv1a",
+    end: "v16_27_mfyikv1b",
+    center: "v16_27_mfyikv1c",
+    stretch: "v16_27_mfyikv1d",
+    baseline: "v16_27_mfyikv1e"
 }, t = {
-    column: "v16_26_mfyikv12",
-    row: "v16_26_mfyikv13",
-    "row dense": "v16_26_mfyikv14",
-    "column dense": "v16_26_mfyikv15"
+    column: "v16_27_mfyikv12",
+    row: "v16_27_mfyikv13",
+    "row dense": "v16_27_mfyikv14",
+    "column dense": "v16_27_mfyikv15"
 }, n = {
-    start: "v16_26_mfyikv1f",
-    end: "v16_26_mfyikv1g",
-    center: "v16_26_mfyikv1h",
-    stretch: "v16_26_mfyikv1i",
-    "space-between": "v16_26_mfyikv1j",
-    "space-around": "v16_26_mfyikv1k",
-    "space-evenly": "v16_26_mfyikv1l"
+    start: "v16_27_mfyikv1f",
+    end: "v16_27_mfyikv1g",
+    center: "v16_27_mfyikv1h",
+    stretch: "v16_27_mfyikv1i",
+    "space-between": "v16_27_mfyikv1j",
+    "space-around": "v16_27_mfyikv1k",
+    "space-evenly": "v16_27_mfyikv1l"
 }, s = {
-    start: "v16_26_mfyikv16",
-    end: "v16_26_mfyikv17",
-    center: "v16_26_mfyikv18",
-    stretch: "v16_26_mfyikv19"
+    start: "v16_27_mfyikv16",
+    end: "v16_27_mfyikv17",
+    center: "v16_27_mfyikv18",
+    stretch: "v16_27_mfyikv19"
 }, o = {
-    1: "v16_26_mfyikve",
-    2: "v16_26_mfyikvf",
-    3: "v16_26_mfyikvg",
-    4: "v16_26_mfyikvh",
-    5: "v16_26_mfyikvi",
-    6: "v16_26_mfyikvj",
-    7: "v16_26_mfyikvk",
-    8: "v16_26_mfyikvl",
-    9: "v16_26_mfyikvm",
-    10: "v16_26_mfyikvn",
-    11: "v16_26_mfyikvo",
-    12: "v16_26_mfyikvp"
-}, l = "v16_26_mfyikvc", c = {
-    1: "v16_26_mfyikvq",
-    2: "v16_26_mfyikvr",
-    3: "v16_26_mfyikvs",
-    4: "v16_26_mfyikvt",
-    5: "v16_26_mfyikvu",
-    6: "v16_26_mfyikvv",
-    7: "v16_26_mfyikvw",
-    8: "v16_26_mfyikvx",
-    9: "v16_26_mfyikvy",
-    10: "v16_26_mfyikvz",
-    11: "v16_26_mfyikv10",
-    12: "v16_26_mfyikv11"
-}, d = "v16_26_mfyikvd", p = {
-    start: "v16_26_mfyikv37",
-    end: "v16_26_mfyikv38",
-    center: "v16_26_mfyikv39",
-    stretch: "v16_26_mfyikv3a"
+    1: "v16_27_mfyikve",
+    2: "v16_27_mfyikvf",
+    3: "v16_27_mfyikvg",
+    4: "v16_27_mfyikvh",
+    5: "v16_27_mfyikvi",
+    6: "v16_27_mfyikvj",
+    7: "v16_27_mfyikvk",
+    8: "v16_27_mfyikvl",
+    9: "v16_27_mfyikvm",
+    10: "v16_27_mfyikvn",
+    11: "v16_27_mfyikvo",
+    12: "v16_27_mfyikvp"
+}, l = "v16_27_mfyikvc", c = {
+    1: "v16_27_mfyikvq",
+    2: "v16_27_mfyikvr",
+    3: "v16_27_mfyikvs",
+    4: "v16_27_mfyikvt",
+    5: "v16_27_mfyikvu",
+    6: "v16_27_mfyikvv",
+    7: "v16_27_mfyikvw",
+    8: "v16_27_mfyikvx",
+    9: "v16_27_mfyikvy",
+    10: "v16_27_mfyikvz",
+    11: "v16_27_mfyikv10",
+    12: "v16_27_mfyikv11"
+}, d = "v16_27_mfyikvd", p = {
+    start: "v16_27_mfyikv37",
+    end: "v16_27_mfyikv38",
+    center: "v16_27_mfyikv39",
+    stretch: "v16_27_mfyikv3a"
 }, u = {
-    1: "v16_26_mfyikv2v",
-    2: "v16_26_mfyikv2w",
-    3: "v16_26_mfyikv2x",
-    4: "v16_26_mfyikv2y",
-    5: "v16_26_mfyikv2z",
-    6: "v16_26_mfyikv30",
-    7: "v16_26_mfyikv31",
-    8: "v16_26_mfyikv32",
-    9: "v16_26_mfyikv33",
-    10: "v16_26_mfyikv34",
-    11: "v16_26_mfyikv35",
-    12: "v16_26_mfyikv36"
+    1: "v16_27_mfyikv2v",
+    2: "v16_27_mfyikv2w",
+    3: "v16_27_mfyikv2x",
+    4: "v16_27_mfyikv2y",
+    5: "v16_27_mfyikv2z",
+    6: "v16_27_mfyikv30",
+    7: "v16_27_mfyikv31",
+    8: "v16_27_mfyikv32",
+    9: "v16_27_mfyikv33",
+    10: "v16_27_mfyikv34",
+    11: "v16_27_mfyikv35",
+    12: "v16_27_mfyikv36"
 }, g = {
-    1: "v16_26_mfyikv1v",
-    2: "v16_26_mfyikv1w",
-    3: "v16_26_mfyikv1x",
-    4: "v16_26_mfyikv1y",
-    5: "v16_26_mfyikv1z",
-    6: "v16_26_mfyikv20",
-    7: "v16_26_mfyikv21",
-    8: "v16_26_mfyikv22",
-    9: "v16_26_mfyikv23",
-    10: "v16_26_mfyikv24",
-    11: "v16_26_mfyikv25",
-    12: "v16_26_mfyikv26"
+    1: "v16_27_mfyikv1v",
+    2: "v16_27_mfyikv1w",
+    3: "v16_27_mfyikv1x",
+    4: "v16_27_mfyikv1y",
+    5: "v16_27_mfyikv1z",
+    6: "v16_27_mfyikv20",
+    7: "v16_27_mfyikv21",
+    8: "v16_27_mfyikv22",
+    9: "v16_27_mfyikv23",
+    10: "v16_27_mfyikv24",
+    11: "v16_27_mfyikv25",
+    12: "v16_27_mfyikv26"
 }, w = {
-    1: "v16_26_mfyikv27",
-    2: "v16_26_mfyikv28",
-    3: "v16_26_mfyikv29",
-    4: "v16_26_mfyikv2a",
-    5: "v16_26_mfyikv2b",
-    6: "v16_26_mfyikv2c",
-    7: "v16_26_mfyikv2d",
-    8: "v16_26_mfyikv2e",
-    9: "v16_26_mfyikv2f",
-    10: "v16_26_mfyikv2g",
-    11: "v16_26_mfyikv2h",
-    12: "v16_26_mfyikv2i"
+    1: "v16_27_mfyikv27",
+    2: "v16_27_mfyikv28",
+    3: "v16_27_mfyikv29",
+    4: "v16_27_mfyikv2a",
+    5: "v16_27_mfyikv2b",
+    6: "v16_27_mfyikv2c",
+    7: "v16_27_mfyikv2d",
+    8: "v16_27_mfyikv2e",
+    9: "v16_27_mfyikv2f",
+    10: "v16_27_mfyikv2g",
+    11: "v16_27_mfyikv2h",
+    12: "v16_27_mfyikv2i"
 }, b = {
-    rowMinSize: "var(--v16_26_mfyikv0)",
-    rowMaxSize: "var(--v16_26_mfyikv1)",
-    columnMinSize: "var(--v16_26_mfyikv2)",
-    columnMaxSize: "var(--v16_26_mfyikv3)"
+    rowMinSize: "var(--v16_27_mfyikv0)",
+    rowMaxSize: "var(--v16_27_mfyikv1)",
+    columnMinSize: "var(--v16_27_mfyikv2)",
+    columnMaxSize: "var(--v16_27_mfyikv3)"
 };

package/dist/grid.css.d.ts

@@ -23,15 +23,15 @@ export declare const gridTemplateRowsAutoRepeat: string;
 export declare const gridTemplateColumns: Record<1 | 2 | 4 | 8 | 12 | 5 | 6 | 3 | 10 | 9 | 7 | 11, string>;
 export declare const gridTemplateRows: Record<1 | 2 | 4 | 8 | 12 | 5 | 6 | 3 | 10 | 9 | 7 | 11, string>;
 export declare const gridAutoFlow: Record<"column" | "row" | "row dense" | "column dense", string>;
-export declare const gridJustifyItems: Record<"stretch" | "center" | "end" | "start", string>;
-export declare const gridAlignItems: Record<"stretch" | "center" | "end" | "start" | "baseline", string>;
-export declare const gridJustifyContent: Record<"space-around" | "space-between" | "space-evenly" | "stretch" | "center" | "end" | "start", string>;
-export declare const gridAlignContent: Record<"space-around" | "space-between" | "space-evenly" | "stretch" | "center" | "end" | "start", string>;
+export declare const gridJustifyItems: Record<"center" | "stretch" | "end" | "start", string>;
+export declare const gridAlignItems: Record<"center" | "stretch" | "end" | "start" | "baseline", string>;
+export declare const gridJustifyContent: Record<"center" | "space-around" | "space-between" | "space-evenly" | "stretch" | "end" | "start", string>;
+export declare const gridAlignContent: Record<"center" | "space-around" | "space-between" | "space-evenly" | "stretch" | "end" | "start", string>;
 export declare const fullColumns: string;
 export declare const fullRows: string;
 export declare const spanColumns: Record<1 | 2 | 4 | 8 | 12 | 5 | 6 | 3 | 10 | 9 | 7 | 11, string>;
 export declare const spanRows: Record<1 | 2 | 4 | 8 | 12 | 5 | 6 | 3 | 10 | 9 | 7 | 11, string>;
 export declare const columnStart: Record<1 | 2 | 4 | 8 | 12 | 5 | 6 | 3 | 10 | 9 | 7 | 11, string>;
 export declare const rowStart: Record<1 | 2 | 4 | 8 | 12 | 5 | 6 | 3 | 10 | 9 | 7 | 11, string>;
-export declare const justifySelf: Record<"stretch" | "center" | "end" | "start", string>;
-export declare const alignSelf: Record<"stretch" | "center" | "end" | "start" | "baseline", string>;
+export declare const justifySelf: Record<"center" | "stretch" | "end" | "start", string>;
+export declare const alignSelf: Record<"center" | "stretch" | "end" | "start" | "baseline", string>;