@telefonica/mistica 16.26.0 → 16.28.0

package/dist/feedback.css-mistica.js

@@ -40,12 +40,12 @@ _export(exports, {
         return i;
     },
     innerContainer: function() {
-        return p;
+        return f;
     },
     innerContainerWithButtons: function() {
-        return d;
+        return p;
     }
 });
 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_28_1y2v1nfjr v16_28_1y2v1nfk7", e = "v16_28_gx6h6af", r = "v16_28_gx6h6a4 v16_28_1y2v1nfis v16_28_1y2v1nfjw v16_28_1y2v1nfjf v16_28_1y2v1nfiy", n = "v16_28_gx6h6a0", t = "v16_28_gx6h6a1", x = "v16_28_gx6h6a2", g = "v16_28_gx6h6ae", h = "v16_28_gx6h6ab v16_28_gx6h6aa", o = "v16_28_gx6h6ac v16_28_gx6h6aa", i = "v16_28_gx6h6ad v16_28_gx6h6aa", f = "v16_28_gx6h6a5", p = "v16_28_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,16 +13,16 @@ _export(exports, {
         return r;
     },
     container: function() {
-        return o;
+        return f;
     },
     elevated: function() {
         return n;
     },
     fixedBackgroundLayer: function() {
-        return a;
+        return o;
     },
     fixedFooter: function() {
-        return f;
+        return a;
     },
     footer: function() {
         return j;
@@ -39,7 +39,7 @@ _export(exports, {
 });
 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_28_p5j8j5d v16_28_1y2v1nfmf v16_28_1y2v1nfmu v16_28_1y2v1nfin", f = "v16_28_p5j8j57", n = "v16_28_p5j8j55", o = "v16_28_p5j8j5b v16_28_1y2v1nfm0 v16_28_1y2v1nfmf v16_28_1y2v1nfmu v16_28_1y2v1nfn9 v16_28_1y2v1nfio", a = "v16_28_p5j8j54", j = "v16_28_p5j8j53 v16_28_1y2v1nfjf", y = "v16_28_p5j8j59 v16_28_1y2v1nfm0 v16_28_1y2v1nfmf v16_28_1y2v1nfmu v16_28_1y2v1nfn9 v16_28_1y2v1nfio", e = {
+    footerHeight: "var(--v16_28_p5j8j50)",
+    backgroundColor: "var(--v16_28_p5j8j51)"
+}, t = "v16_28_1y2v1nfir";

package/dist/form.css-mistica.js

@@ -5,8 +5,8 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "form", {
     enumerable: true,
     get: function() {
-        return o;
+        return f;
     }
 });
 require("./sprinkles.css.ts.vanilla.css-mistica.js");
-var o = "v16_26_1y2v1nfj9";
+var f = "v16_28_1y2v1nfjf";

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_28_379jdb5", _ = "v16_28_379jdb2", r = "v16_28_379jdb1", d = "v16_28_379jdb0", e = "v16_28_379jdb4", l = "v16_28_379jdb7", o = {
+    colSpan: "var(--v16_28_379jdb6)",
+    verticalSpace: "var(--v16_28_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_28_mfyikv3b",
+    end: "v16_28_mfyikv3c",
+    center: "v16_28_mfyikv3d",
+    stretch: "v16_28_mfyikv3e",
+    baseline: "v16_28_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_28_mfyikv2j",
+    2: "v16_28_mfyikv2k",
+    3: "v16_28_mfyikv2l",
+    4: "v16_28_mfyikv2m",
+    5: "v16_28_mfyikv2n",
+    6: "v16_28_mfyikv2o",
+    7: "v16_28_mfyikv2p",
+    8: "v16_28_mfyikv2q",
+    9: "v16_28_mfyikv2r",
+    10: "v16_28_mfyikv2s",
+    11: "v16_28_mfyikv2t",
+    12: "v16_28_mfyikv2u"
+}, m = "v16_28_mfyikv1t", f = "v16_28_mfyikv1u", y = "v16_28_mfyikvb", k = {
     columnGap: {
-        desktop: "var(--v16_26_mfyikv4)",
-        tablet: "var(--v16_26_mfyikv5)",
-        mobile: "var(--v16_26_mfyikv6)"
+        desktop: "var(--v16_28_mfyikv4)",
+        tablet: "var(--v16_28_mfyikv5)",
+        mobile: "var(--v16_28_mfyikv6)"
     },
     rowGap: {
-        desktop: "var(--v16_26_mfyikv7)",
-        tablet: "var(--v16_26_mfyikv8)",
-        mobile: "var(--v16_26_mfyikv9)"
+        desktop: "var(--v16_28_mfyikv7)",
+        tablet: "var(--v16_28_mfyikv8)",
+        mobile: "var(--v16_28_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_28_mfyikva", r = {
+    start: "v16_28_mfyikv1m",
+    end: "v16_28_mfyikv1n",
+    center: "v16_28_mfyikv1o",
+    stretch: "v16_28_mfyikv1p",
+    "space-between": "v16_28_mfyikv1q",
+    "space-around": "v16_28_mfyikv1r",
+    "space-evenly": "v16_28_mfyikv1s"
 }, a = {
-    start: "v16_26_mfyikv1a",
-    end: "v16_26_mfyikv1b",
-    center: "v16_26_mfyikv1c",
-    stretch: "v16_26_mfyikv1d",
-    baseline: "v16_26_mfyikv1e"
+    start: "v16_28_mfyikv1a",
+    end: "v16_28_mfyikv1b",
+    center: "v16_28_mfyikv1c",
+    stretch: "v16_28_mfyikv1d",
+    baseline: "v16_28_mfyikv1e"
 }, t = {
-    column: "v16_26_mfyikv12",
-    row: "v16_26_mfyikv13",
-    "row dense": "v16_26_mfyikv14",
-    "column dense": "v16_26_mfyikv15"
+    column: "v16_28_mfyikv12",
+    row: "v16_28_mfyikv13",
+    "row dense": "v16_28_mfyikv14",
+    "column dense": "v16_28_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_28_mfyikv1f",
+    end: "v16_28_mfyikv1g",
+    center: "v16_28_mfyikv1h",
+    stretch: "v16_28_mfyikv1i",
+    "space-between": "v16_28_mfyikv1j",
+    "space-around": "v16_28_mfyikv1k",
+    "space-evenly": "v16_28_mfyikv1l"
 }, s = {
-    start: "v16_26_mfyikv16",
-    end: "v16_26_mfyikv17",
-    center: "v16_26_mfyikv18",
-    stretch: "v16_26_mfyikv19"
+    start: "v16_28_mfyikv16",
+    end: "v16_28_mfyikv17",
+    center: "v16_28_mfyikv18",
+    stretch: "v16_28_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_28_mfyikve",
+    2: "v16_28_mfyikvf",
+    3: "v16_28_mfyikvg",
+    4: "v16_28_mfyikvh",
+    5: "v16_28_mfyikvi",
+    6: "v16_28_mfyikvj",
+    7: "v16_28_mfyikvk",
+    8: "v16_28_mfyikvl",
+    9: "v16_28_mfyikvm",
+    10: "v16_28_mfyikvn",
+    11: "v16_28_mfyikvo",
+    12: "v16_28_mfyikvp"
+}, l = "v16_28_mfyikvc", c = {
+    1: "v16_28_mfyikvq",
+    2: "v16_28_mfyikvr",
+    3: "v16_28_mfyikvs",
+    4: "v16_28_mfyikvt",
+    5: "v16_28_mfyikvu",
+    6: "v16_28_mfyikvv",
+    7: "v16_28_mfyikvw",
+    8: "v16_28_mfyikvx",
+    9: "v16_28_mfyikvy",
+    10: "v16_28_mfyikvz",
+    11: "v16_28_mfyikv10",
+    12: "v16_28_mfyikv11"
+}, d = "v16_28_mfyikvd", p = {
+    start: "v16_28_mfyikv37",
+    end: "v16_28_mfyikv38",
+    center: "v16_28_mfyikv39",
+    stretch: "v16_28_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_28_mfyikv2v",
+    2: "v16_28_mfyikv2w",
+    3: "v16_28_mfyikv2x",
+    4: "v16_28_mfyikv2y",
+    5: "v16_28_mfyikv2z",
+    6: "v16_28_mfyikv30",
+    7: "v16_28_mfyikv31",
+    8: "v16_28_mfyikv32",
+    9: "v16_28_mfyikv33",
+    10: "v16_28_mfyikv34",
+    11: "v16_28_mfyikv35",
+    12: "v16_28_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_28_mfyikv1v",
+    2: "v16_28_mfyikv1w",
+    3: "v16_28_mfyikv1x",
+    4: "v16_28_mfyikv1y",
+    5: "v16_28_mfyikv1z",
+    6: "v16_28_mfyikv20",
+    7: "v16_28_mfyikv21",
+    8: "v16_28_mfyikv22",
+    9: "v16_28_mfyikv23",
+    10: "v16_28_mfyikv24",
+    11: "v16_28_mfyikv25",
+    12: "v16_28_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_28_mfyikv27",
+    2: "v16_28_mfyikv28",
+    3: "v16_28_mfyikv29",
+    4: "v16_28_mfyikv2a",
+    5: "v16_28_mfyikv2b",
+    6: "v16_28_mfyikv2c",
+    7: "v16_28_mfyikv2d",
+    8: "v16_28_mfyikv2e",
+    9: "v16_28_mfyikv2f",
+    10: "v16_28_mfyikv2g",
+    11: "v16_28_mfyikv2h",
+    12: "v16_28_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_28_mfyikv0)",
+    rowMaxSize: "var(--v16_28_mfyikv1)",
+    columnMinSize: "var(--v16_28_mfyikv2)",
+    columnMaxSize: "var(--v16_28_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>;

package/dist/header.css-mistica.js

@@ -10,18 +10,18 @@ function _export(target, all) {
 }
 _export(exports, {
     breadcrumbs: function() {
-        return _;
+        return e;
     },
     flexColumn: function() {
         return r;
     },
     hideOnDesktop: function() {
-        return m;
+        return a;
     },
     hideOnTabletOrSmaller: function() {
-        return a;
+        return m;
     }
 });
 require("./sprinkles.css.ts.vanilla.css-mistica.js");
 require("./header.css.ts.vanilla.css-mistica.js");
-var _ = "v16_26_mtk7e90 v16_26_1y2v1nfae", r = "v16_26_1y2v1nfim v16_26_1y2v1nfis", m = "v16_26_mtk7e93", a = "v16_26_mtk7e90";
+var e = "v16_28_mtk7e90 v16_28_1y2v1nfak", r = "v16_28_1y2v1nfis v16_28_1y2v1nfiy", a = "v16_28_mtk7e93", m = "v16_28_mtk7e90";

package/dist/hero.css-mistica.js

@@ -28,10 +28,10 @@ _export(exports, {
         return i;
     },
     expandedContent: function() {
-        return e;
+        return y;
     },
     flexColumn: function() {
-        return y;
+        return e;
     },
     hero: function() {
         return f;
@@ -45,6 +45,6 @@ _export(exports, {
 });
 require("./sprinkles.css.ts.vanilla.css-mistica.js");
 require("./hero.css.ts.vanilla.css-mistica.js");
-var n = "v16_26_16rbpto9 v16_26_1y2v1nfim v16_26_1y2v1nfj8 v16_26_1y2v1nfj2", r = "v16_26_16rbpto3 v16_26_1y2v1nfim", t = "v16_26_1y2v1nfj1 v16_26_1y2v1nfjq", a = "v16_26_16rbpto5", o = "v16_26_1y2v1nfis", i = "v16_26_1y2v1nfjq v16_26_1y2v1nfim v16_26_1y2v1nfiy v16_26_1y2v1nfis", e = "v16_26_16rbptob", y = "v16_26_1y2v1nfim v16_26_1y2v1nfis", f = "v16_26_1y2v1nfjq", p = "v16_26_16rbptoa", b = {
-    height: "var(--v16_26_16rbpto0)"
+var n = "v16_28_16rbpto9 v16_28_1y2v1nfis v16_28_1y2v1nfje v16_28_1y2v1nfj8", r = "v16_28_16rbpto3 v16_28_1y2v1nfis", t = "v16_28_1y2v1nfj7 v16_28_1y2v1nfjw", a = "v16_28_16rbpto5", o = "v16_28_1y2v1nfiy", i = "v16_28_1y2v1nfjw v16_28_1y2v1nfis v16_28_1y2v1nfj4 v16_28_1y2v1nfiy", y = "v16_28_16rbptob", e = "v16_28_1y2v1nfis v16_28_1y2v1nfiy", f = "v16_28_1y2v1nfjw", p = "v16_28_16rbptoa", b = {
+    height: "var(--v16_28_16rbpto0)"
 };

package/dist/highlighted-card.css-mistica.js

@@ -24,7 +24,7 @@ _export(exports, {
 });
 require("./sprinkles.css.ts.vanilla.css-mistica.js");
 require("./highlighted-card.css.ts.vanilla.css-mistica.js");
-var n = "v16_26_wrb8722 v16_26_1y2v1nfim v16_26_1y2v1nfir v16_26_1y2v1nfiy v16_26_1y2v1nfj4", f = "v16_26_wrb8725 v16_26_1y2v1nfim", y = {
-    withImage: "v16_26_wrb8728 v16_26_wrb8727 v16_26_1y2v1nfim v16_26_1y2v1nfis v16_26_1y2v1nfj0 v16_26_1y2v1nf90 v16_26_1y2v1nfa9 v16_26_1y2v1nfbc",
-    withoutImage: "v16_26_wrb8729 v16_26_wrb8727 v16_26_1y2v1nfim v16_26_1y2v1nfis v16_26_1y2v1nfj0 v16_26_1y2v1nf90 v16_26_1y2v1nfa9 v16_26_1y2v1nfbc"
-}, i = "v16_26_1y2v1nf8f v16_26_1y2v1nf9o v16_26_1y2v1nfax v16_26_1y2v1nfc6 v16_26_1y2v1nfim v16_26_1y2v1nfj4 v16_26_1y2v1nfl4 v16_26_1y2v1nfj9 v16_26_1y2v1nf8e";
+var n = "v16_28_wrb8722 v16_28_1y2v1nfis v16_28_1y2v1nfix v16_28_1y2v1nfj4 v16_28_1y2v1nfja", f = "v16_28_wrb8725 v16_28_1y2v1nfis", y = {
+    withImage: "v16_28_wrb8728 v16_28_wrb8727 v16_28_1y2v1nfis v16_28_1y2v1nfiy v16_28_1y2v1nfj6 v16_28_1y2v1nf96 v16_28_1y2v1nfaf v16_28_1y2v1nfbi",
+    withoutImage: "v16_28_wrb8729 v16_28_wrb8727 v16_28_1y2v1nfis v16_28_1y2v1nfiy v16_28_1y2v1nfj6 v16_28_1y2v1nf96 v16_28_1y2v1nfaf v16_28_1y2v1nfbi"
+}, i = "v16_28_1y2v1nf8l v16_28_1y2v1nf9u v16_28_1y2v1nfb3 v16_28_1y2v1nfcc v16_28_1y2v1nfis v16_28_1y2v1nfja v16_28_1y2v1nfla v16_28_1y2v1nfjf v16_28_1y2v1nf8k";