@telefonica/mistica 16.21.0 → 16.23.0

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_21_379jdb5", _ = "v16_21_379jdb2", r = "v16_21_379jdb1", d = "v16_21_379jdb0", e = "v16_21_379jdb4", l = "v16_21_379jdb7", o = {
-    colSpan: "var(--v16_21_379jdb6)",
-    verticalSpace: "var(--v16_21_379jdb3)"
+var a = "v16_23_379jdb5", _ = "v16_23_379jdb2", r = "v16_23_379jdb1", d = "v16_23_379jdb0", e = "v16_23_379jdb4", l = "v16_23_379jdb7", o = {
+    colSpan: "var(--v16_23_379jdb6)",
+    verticalSpace: "var(--v16_23_379jdb3)"
 };

package/dist/grid.css-mistica.js

@@ -75,140 +75,140 @@ _export(exports, {
 });
 require("./grid.css.ts.vanilla.css-mistica.js");
 var _ = {
-    start: "v16_21_mfyikv3b",
-    end: "v16_21_mfyikv3c",
-    center: "v16_21_mfyikv3d",
-    stretch: "v16_21_mfyikv3e",
-    baseline: "v16_21_mfyikv3f"
+    start: "v16_23_mfyikv3b",
+    end: "v16_23_mfyikv3c",
+    center: "v16_23_mfyikv3d",
+    stretch: "v16_23_mfyikv3e",
+    baseline: "v16_23_mfyikv3f"
 }, i = {
-    1: "v16_21_mfyikv2j",
-    2: "v16_21_mfyikv2k",
-    3: "v16_21_mfyikv2l",
-    4: "v16_21_mfyikv2m",
-    5: "v16_21_mfyikv2n",
-    6: "v16_21_mfyikv2o",
-    7: "v16_21_mfyikv2p",
-    8: "v16_21_mfyikv2q",
-    9: "v16_21_mfyikv2r",
-    10: "v16_21_mfyikv2s",
-    11: "v16_21_mfyikv2t",
-    12: "v16_21_mfyikv2u"
-}, m = "v16_21_mfyikv1t", f = "v16_21_mfyikv1u", y = "v16_21_mfyikvb", k = {
+    1: "v16_23_mfyikv2j",
+    2: "v16_23_mfyikv2k",
+    3: "v16_23_mfyikv2l",
+    4: "v16_23_mfyikv2m",
+    5: "v16_23_mfyikv2n",
+    6: "v16_23_mfyikv2o",
+    7: "v16_23_mfyikv2p",
+    8: "v16_23_mfyikv2q",
+    9: "v16_23_mfyikv2r",
+    10: "v16_23_mfyikv2s",
+    11: "v16_23_mfyikv2t",
+    12: "v16_23_mfyikv2u"
+}, m = "v16_23_mfyikv1t", f = "v16_23_mfyikv1u", y = "v16_23_mfyikvb", k = {
     columnGap: {
-        desktop: "var(--v16_21_mfyikv4)",
-        tablet: "var(--v16_21_mfyikv5)",
-        mobile: "var(--v16_21_mfyikv6)"
+        desktop: "var(--v16_23_mfyikv4)",
+        tablet: "var(--v16_23_mfyikv5)",
+        mobile: "var(--v16_23_mfyikv6)"
     },
     rowGap: {
-        desktop: "var(--v16_21_mfyikv7)",
-        tablet: "var(--v16_21_mfyikv8)",
-        mobile: "var(--v16_21_mfyikv9)"
+        desktop: "var(--v16_23_mfyikv7)",
+        tablet: "var(--v16_23_mfyikv8)",
+        mobile: "var(--v16_23_mfyikv9)"
     }
-}, e = "v16_21_mfyikva", r = {
-    start: "v16_21_mfyikv1m",
-    end: "v16_21_mfyikv1n",
-    center: "v16_21_mfyikv1o",
-    stretch: "v16_21_mfyikv1p",
-    "space-between": "v16_21_mfyikv1q",
-    "space-around": "v16_21_mfyikv1r",
-    "space-evenly": "v16_21_mfyikv1s"
+}, e = "v16_23_mfyikva", r = {
+    start: "v16_23_mfyikv1m",
+    end: "v16_23_mfyikv1n",
+    center: "v16_23_mfyikv1o",
+    stretch: "v16_23_mfyikv1p",
+    "space-between": "v16_23_mfyikv1q",
+    "space-around": "v16_23_mfyikv1r",
+    "space-evenly": "v16_23_mfyikv1s"
 }, a = {
-    start: "v16_21_mfyikv1a",
-    end: "v16_21_mfyikv1b",
-    center: "v16_21_mfyikv1c",
-    stretch: "v16_21_mfyikv1d",
-    baseline: "v16_21_mfyikv1e"
+    start: "v16_23_mfyikv1a",
+    end: "v16_23_mfyikv1b",
+    center: "v16_23_mfyikv1c",
+    stretch: "v16_23_mfyikv1d",
+    baseline: "v16_23_mfyikv1e"
 }, t = {
-    column: "v16_21_mfyikv12",
-    row: "v16_21_mfyikv13",
-    "row dense": "v16_21_mfyikv14",
-    "column dense": "v16_21_mfyikv15"
+    column: "v16_23_mfyikv12",
+    row: "v16_23_mfyikv13",
+    "row dense": "v16_23_mfyikv14",
+    "column dense": "v16_23_mfyikv15"
 }, n = {
-    start: "v16_21_mfyikv1f",
-    end: "v16_21_mfyikv1g",
-    center: "v16_21_mfyikv1h",
-    stretch: "v16_21_mfyikv1i",
-    "space-between": "v16_21_mfyikv1j",
-    "space-around": "v16_21_mfyikv1k",
-    "space-evenly": "v16_21_mfyikv1l"
+    start: "v16_23_mfyikv1f",
+    end: "v16_23_mfyikv1g",
+    center: "v16_23_mfyikv1h",
+    stretch: "v16_23_mfyikv1i",
+    "space-between": "v16_23_mfyikv1j",
+    "space-around": "v16_23_mfyikv1k",
+    "space-evenly": "v16_23_mfyikv1l"
 }, s = {
-    start: "v16_21_mfyikv16",
-    end: "v16_21_mfyikv17",
-    center: "v16_21_mfyikv18",
-    stretch: "v16_21_mfyikv19"
+    start: "v16_23_mfyikv16",
+    end: "v16_23_mfyikv17",
+    center: "v16_23_mfyikv18",
+    stretch: "v16_23_mfyikv19"
 }, o = {
-    1: "v16_21_mfyikve",
-    2: "v16_21_mfyikvf",
-    3: "v16_21_mfyikvg",
-    4: "v16_21_mfyikvh",
-    5: "v16_21_mfyikvi",
-    6: "v16_21_mfyikvj",
-    7: "v16_21_mfyikvk",
-    8: "v16_21_mfyikvl",
-    9: "v16_21_mfyikvm",
-    10: "v16_21_mfyikvn",
-    11: "v16_21_mfyikvo",
-    12: "v16_21_mfyikvp"
-}, l = "v16_21_mfyikvc", c = {
-    1: "v16_21_mfyikvq",
-    2: "v16_21_mfyikvr",
-    3: "v16_21_mfyikvs",
-    4: "v16_21_mfyikvt",
-    5: "v16_21_mfyikvu",
-    6: "v16_21_mfyikvv",
-    7: "v16_21_mfyikvw",
-    8: "v16_21_mfyikvx",
-    9: "v16_21_mfyikvy",
-    10: "v16_21_mfyikvz",
-    11: "v16_21_mfyikv10",
-    12: "v16_21_mfyikv11"
-}, d = "v16_21_mfyikvd", p = {
-    start: "v16_21_mfyikv37",
-    end: "v16_21_mfyikv38",
-    center: "v16_21_mfyikv39",
-    stretch: "v16_21_mfyikv3a"
+    1: "v16_23_mfyikve",
+    2: "v16_23_mfyikvf",
+    3: "v16_23_mfyikvg",
+    4: "v16_23_mfyikvh",
+    5: "v16_23_mfyikvi",
+    6: "v16_23_mfyikvj",
+    7: "v16_23_mfyikvk",
+    8: "v16_23_mfyikvl",
+    9: "v16_23_mfyikvm",
+    10: "v16_23_mfyikvn",
+    11: "v16_23_mfyikvo",
+    12: "v16_23_mfyikvp"
+}, l = "v16_23_mfyikvc", c = {
+    1: "v16_23_mfyikvq",
+    2: "v16_23_mfyikvr",
+    3: "v16_23_mfyikvs",
+    4: "v16_23_mfyikvt",
+    5: "v16_23_mfyikvu",
+    6: "v16_23_mfyikvv",
+    7: "v16_23_mfyikvw",
+    8: "v16_23_mfyikvx",
+    9: "v16_23_mfyikvy",
+    10: "v16_23_mfyikvz",
+    11: "v16_23_mfyikv10",
+    12: "v16_23_mfyikv11"
+}, d = "v16_23_mfyikvd", p = {
+    start: "v16_23_mfyikv37",
+    end: "v16_23_mfyikv38",
+    center: "v16_23_mfyikv39",
+    stretch: "v16_23_mfyikv3a"
 }, u = {
-    1: "v16_21_mfyikv2v",
-    2: "v16_21_mfyikv2w",
-    3: "v16_21_mfyikv2x",
-    4: "v16_21_mfyikv2y",
-    5: "v16_21_mfyikv2z",
-    6: "v16_21_mfyikv30",
-    7: "v16_21_mfyikv31",
-    8: "v16_21_mfyikv32",
-    9: "v16_21_mfyikv33",
-    10: "v16_21_mfyikv34",
-    11: "v16_21_mfyikv35",
-    12: "v16_21_mfyikv36"
+    1: "v16_23_mfyikv2v",
+    2: "v16_23_mfyikv2w",
+    3: "v16_23_mfyikv2x",
+    4: "v16_23_mfyikv2y",
+    5: "v16_23_mfyikv2z",
+    6: "v16_23_mfyikv30",
+    7: "v16_23_mfyikv31",
+    8: "v16_23_mfyikv32",
+    9: "v16_23_mfyikv33",
+    10: "v16_23_mfyikv34",
+    11: "v16_23_mfyikv35",
+    12: "v16_23_mfyikv36"
 }, g = {
-    1: "v16_21_mfyikv1v",
-    2: "v16_21_mfyikv1w",
-    3: "v16_21_mfyikv1x",
-    4: "v16_21_mfyikv1y",
-    5: "v16_21_mfyikv1z",
-    6: "v16_21_mfyikv20",
-    7: "v16_21_mfyikv21",
-    8: "v16_21_mfyikv22",
-    9: "v16_21_mfyikv23",
-    10: "v16_21_mfyikv24",
-    11: "v16_21_mfyikv25",
-    12: "v16_21_mfyikv26"
+    1: "v16_23_mfyikv1v",
+    2: "v16_23_mfyikv1w",
+    3: "v16_23_mfyikv1x",
+    4: "v16_23_mfyikv1y",
+    5: "v16_23_mfyikv1z",
+    6: "v16_23_mfyikv20",
+    7: "v16_23_mfyikv21",
+    8: "v16_23_mfyikv22",
+    9: "v16_23_mfyikv23",
+    10: "v16_23_mfyikv24",
+    11: "v16_23_mfyikv25",
+    12: "v16_23_mfyikv26"
 }, w = {
-    1: "v16_21_mfyikv27",
-    2: "v16_21_mfyikv28",
-    3: "v16_21_mfyikv29",
-    4: "v16_21_mfyikv2a",
-    5: "v16_21_mfyikv2b",
-    6: "v16_21_mfyikv2c",
-    7: "v16_21_mfyikv2d",
-    8: "v16_21_mfyikv2e",
-    9: "v16_21_mfyikv2f",
-    10: "v16_21_mfyikv2g",
-    11: "v16_21_mfyikv2h",
-    12: "v16_21_mfyikv2i"
+    1: "v16_23_mfyikv27",
+    2: "v16_23_mfyikv28",
+    3: "v16_23_mfyikv29",
+    4: "v16_23_mfyikv2a",
+    5: "v16_23_mfyikv2b",
+    6: "v16_23_mfyikv2c",
+    7: "v16_23_mfyikv2d",
+    8: "v16_23_mfyikv2e",
+    9: "v16_23_mfyikv2f",
+    10: "v16_23_mfyikv2g",
+    11: "v16_23_mfyikv2h",
+    12: "v16_23_mfyikv2i"
 }, b = {
-    rowMinSize: "var(--v16_21_mfyikv0)",
-    rowMaxSize: "var(--v16_21_mfyikv1)",
-    columnMinSize: "var(--v16_21_mfyikv2)",
-    columnMaxSize: "var(--v16_21_mfyikv3)"
+    rowMinSize: "var(--v16_23_mfyikv0)",
+    rowMaxSize: "var(--v16_23_mfyikv1)",
+    columnMinSize: "var(--v16_23_mfyikv2)",
+    columnMaxSize: "var(--v16_23_mfyikv3)"
 };

package/dist/header.css-mistica.js

@@ -24,4 +24,4 @@ _export(exports, {
 });
 require("./sprinkles.css.ts.vanilla.css-mistica.js");
 require("./header.css.ts.vanilla.css-mistica.js");
-var e = "v16_21_mtk7e90 v16_21_1y2v1nfac", r = "v16_21_1y2v1nfik v16_21_1y2v1nfiq", a = "v16_21_mtk7e93", m = "v16_21_mtk7e90";
+var e = "v16_23_mtk7e90 v16_23_1y2v1nfac", r = "v16_23_1y2v1nfik v16_23_1y2v1nfiq", a = "v16_23_mtk7e93", m = "v16_23_mtk7e90";

package/dist/hero.css-mistica.js

@@ -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_21_16rbpto9 v16_21_1y2v1nfik v16_21_1y2v1nfj6 v16_21_1y2v1nfj0", r = "v16_21_16rbpto3 v16_21_1y2v1nfik", o = "v16_21_1y2v1nfiz v16_21_1y2v1nfjo", t = "v16_21_16rbpto5", a = "v16_21_1y2v1nfiq", i = "v16_21_1y2v1nfjo v16_21_1y2v1nfik v16_21_1y2v1nfiw v16_21_1y2v1nfiq", e = "v16_21_16rbptob", f = "v16_21_1y2v1nfik v16_21_1y2v1nfiq", y = "v16_21_1y2v1nfjo", p = "v16_21_16rbptoa", b = {
-    height: "var(--v16_21_16rbpto0)"
+var n = "v16_23_16rbpto9 v16_23_1y2v1nfik v16_23_1y2v1nfj6 v16_23_1y2v1nfj0", r = "v16_23_16rbpto3 v16_23_1y2v1nfik", o = "v16_23_1y2v1nfiz v16_23_1y2v1nfjo", t = "v16_23_16rbpto5", a = "v16_23_1y2v1nfiq", i = "v16_23_1y2v1nfjo v16_23_1y2v1nfik v16_23_1y2v1nfiw v16_23_1y2v1nfiq", e = "v16_23_16rbptob", f = "v16_23_1y2v1nfik v16_23_1y2v1nfiq", y = "v16_23_1y2v1nfjo", p = "v16_23_16rbptoa", b = {
+    height: "var(--v16_23_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_21_wrb8722 v16_21_1y2v1nfik v16_21_1y2v1nfip v16_21_1y2v1nfiw v16_21_1y2v1nfj2", y = "v16_21_wrb8725 v16_21_1y2v1nfik", f = {
-    withImage: "v16_21_wrb8728 v16_21_wrb8727 v16_21_1y2v1nfik v16_21_1y2v1nfiq v16_21_1y2v1nfiy v16_21_1y2v1nf8y v16_21_1y2v1nfa7 v16_21_1y2v1nfba",
-    withoutImage: "v16_21_wrb8729 v16_21_wrb8727 v16_21_1y2v1nfik v16_21_1y2v1nfiq v16_21_1y2v1nfiy v16_21_1y2v1nf8y v16_21_1y2v1nfa7 v16_21_1y2v1nfba"
-}, i = "v16_21_1y2v1nf8d v16_21_1y2v1nf9m v16_21_1y2v1nfav v16_21_1y2v1nfc4 v16_21_1y2v1nfik v16_21_1y2v1nfj2 v16_21_1y2v1nfl2 v16_21_1y2v1nfj7 v16_21_1y2v1nf8c";
+var n = "v16_23_wrb8722 v16_23_1y2v1nfik v16_23_1y2v1nfip v16_23_1y2v1nfiw v16_23_1y2v1nfj2", y = "v16_23_wrb8725 v16_23_1y2v1nfik", f = {
+    withImage: "v16_23_wrb8728 v16_23_wrb8727 v16_23_1y2v1nfik v16_23_1y2v1nfiq v16_23_1y2v1nfiy v16_23_1y2v1nf8y v16_23_1y2v1nfa7 v16_23_1y2v1nfba",
+    withoutImage: "v16_23_wrb8729 v16_23_wrb8727 v16_23_1y2v1nfik v16_23_1y2v1nfiq v16_23_1y2v1nfiy v16_23_1y2v1nf8y v16_23_1y2v1nfa7 v16_23_1y2v1nfba"
+}, i = "v16_23_1y2v1nf8d v16_23_1y2v1nf9m v16_23_1y2v1nfav v16_23_1y2v1nfc4 v16_23_1y2v1nfik v16_23_1y2v1nfj2 v16_23_1y2v1nfl2 v16_23_1y2v1nfj7 v16_23_1y2v1nf8c";

package/dist/hooks.js

@@ -10,20 +10,23 @@ function _export(target, all) {
 }
 _export(exports, {
     useBoundingRect: function() {
-        return j;
+        return O;
     },
     useDisableBodyScroll: function() {
         return A;
     },
     useElementDimensions: function() {
-        return M;
+        return F;
     },
     useIsInViewport: function() {
         return R;
     },
-    useIsomorphicLayoutEffect: function() {
+    useIsWithinIFrame: function() {
         return $;
     },
+    useIsomorphicLayoutEffect: function() {
+        return j;
+    },
     useScreenSize: function() {
         return D;
     },
@@ -31,13 +34,13 @@ _export(exports, {
         return q;
     },
     useWindowHeight: function() {
-        return k;
+        return M;
     },
     useWindowSize: function() {
         return y;
     },
     useWindowWidth: function() {
-        return F;
+        return k;
     }
 });
 const _react = /*#__PURE__*/ _interop_require_wildcard(require("react"));
@@ -126,7 +129,7 @@ const A = (t)=>{
     }, [
         t
     ]);
-}, D = ()=>_react.useContext(_screensizecontext.default), M = function() {
+}, D = ()=>_react.useContext(_screensizecontext.default), F = function() {
     let { includeMargins: t = !1 } = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {};
     const [i, e] = _react.useState(0), [c, r] = _react.useState(0), [s, o] = _react.useState(null), d = _react.useCallback((h)=>{
         if (!h) {
@@ -181,13 +184,13 @@ const A = (t)=>{
         o,
         u
     ]);
-}, k = ()=>{
+}, M = ()=>{
     const { height: t } = y();
     return t;
-}, F = ()=>{
+}, k = ()=>{
     const { width: t } = y();
     return t;
-}, $ = (0, _environment.isClientSide)() ? _react.useLayoutEffect : _react.useEffect, R = (t, i, e)=>{
+}, $ = ()=>(0, _environment.isClientSide)() && window.top !== window.self, j = (0, _environment.isClientSide)() ? _react.useLayoutEffect : _react.useEffect, R = (t, i, e)=>{
     const [c, r] = _react.useState(i);
     return _react.useEffect(()=>{
         if (!t.current) return;
@@ -220,7 +223,7 @@ const A = (t)=>{
         x: d,
         y: u
     };
-}, j = function(t) {
+}, O = function(t) {
     let i = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : !0, e = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : !1;
     const [c, r] = _react.useState(), s = R(t, !1);
     return _react.useEffect(()=>{

package/dist/horizontal-scroll.css-mistica.js

@@ -19,4 +19,4 @@ _export(exports, {
 require("./sprinkles.css.ts.vanilla.css-mistica.js");
 require("./responsive-layout.css.ts.vanilla.css-mistica.js");
 require("./horizontal-scroll.css.ts.vanilla.css-mistica.js");
-var l = "v16_21_1gl3gmv2", _ = "v16_21_1gl3gmv1 v16_21_1y2v1nfik";
+var l = "v16_23_1gl3gmv2", _ = "v16_23_1gl3gmv1 v16_23_1y2v1nfik";

package/dist/icon-button.css-mistica.js

@@ -58,55 +58,55 @@ _export(exports, {
 require("./sprinkles.css.ts.vanilla.css-mistica.js");
 require("./icon-button.css.ts.vanilla.css-mistica.js");
 var v = {
-    default: "v16_21_yqt1oe16",
-    small: "v16_21_yqt1oe17"
+    default: "v16_23_yqt1oe16",
+    small: "v16_23_yqt1oe17"
 }, t = {
-    default: "v16_21_yqt1oe18",
-    small: "v16_21_yqt1oe19"
+    default: "v16_23_yqt1oe18",
+    small: "v16_23_yqt1oe19"
 }, a = {
-    default: "v16_21_yqt1oe1a",
-    small: "v16_21_yqt1oe1b"
+    default: "v16_23_yqt1oe1a",
+    small: "v16_23_yqt1oe1b"
 }, n = {
-    default: "v16_21_yqt1oe12 v16_21_1y2v1nf8d v16_21_1y2v1nf9m v16_21_1y2v1nfav v16_21_1y2v1nfc4 v16_21_1y2v1nfl2 v16_21_1y2v1nf8c v16_21_1y2v1nfik v16_21_1y2v1nfiz v16_21_1y2v1nfit",
-    small: "v16_21_yqt1oe13 v16_21_1y2v1nf8d v16_21_1y2v1nf9m v16_21_1y2v1nfav v16_21_1y2v1nfc4 v16_21_1y2v1nfl2 v16_21_1y2v1nf8c v16_21_1y2v1nfik v16_21_1y2v1nfiz v16_21_1y2v1nfit"
-}, r = "v16_21_yqt1oey", o = "v16_21_yqt1oe1i v16_21_1y2v1nfie v16_21_1y2v1nfil", y = {
-    "brand-solid-default": "v16_21_yqt1oe4",
-    "brand-solid-inverse": "v16_21_yqt1oe5",
-    "brand-solid-alternative": "v16_21_yqt1oe6",
-    "brand-soft-default": "v16_21_yqt1oe7",
-    "brand-soft-inverse": "v16_21_yqt1oe8",
-    "brand-soft-alternative": "v16_21_yqt1oe9",
-    "brand-transparent-default": "v16_21_yqt1oea",
-    "brand-transparent-inverse": "v16_21_yqt1oeb",
-    "brand-transparent-alternative": "v16_21_yqt1oec",
-    "neutral-solid-default": "v16_21_yqt1oed",
-    "neutral-solid-inverse": "v16_21_yqt1oee",
-    "neutral-solid-alternative": "v16_21_yqt1oef",
-    "neutral-soft-default": "v16_21_yqt1oeg",
-    "neutral-soft-inverse": "v16_21_yqt1oeh",
-    "neutral-soft-alternative": "v16_21_yqt1oei",
-    "neutral-transparent-default": "v16_21_yqt1oej",
-    "neutral-transparent-inverse": "v16_21_yqt1oek",
-    "neutral-transparent-alternative": "v16_21_yqt1oel",
-    "danger-solid-default": "v16_21_yqt1oem",
-    "danger-solid-inverse": "v16_21_yqt1oen",
-    "danger-solid-alternative": "v16_21_yqt1oeo",
-    "danger-soft-default": "v16_21_yqt1oep",
-    "danger-soft-inverse": "v16_21_yqt1oeq",
-    "danger-soft-alternative": "v16_21_yqt1oer",
-    "danger-transparent-default": "v16_21_yqt1oes",
-    "danger-transparent-inverse": "v16_21_yqt1oet",
-    "danger-transparent-alternative": "v16_21_yqt1oeu",
-    "brand-media": "v16_21_yqt1oev",
-    "neutral-media": "v16_21_yqt1oew",
-    "danger-media": "v16_21_yqt1oex"
+    default: "v16_23_yqt1oe12 v16_23_1y2v1nf8d v16_23_1y2v1nf9m v16_23_1y2v1nfav v16_23_1y2v1nfc4 v16_23_1y2v1nfl2 v16_23_1y2v1nf8c v16_23_1y2v1nfik v16_23_1y2v1nfiz v16_23_1y2v1nfit",
+    small: "v16_23_yqt1oe13 v16_23_1y2v1nf8d v16_23_1y2v1nf9m v16_23_1y2v1nfav v16_23_1y2v1nfc4 v16_23_1y2v1nfl2 v16_23_1y2v1nf8c v16_23_1y2v1nfik v16_23_1y2v1nfiz v16_23_1y2v1nfit"
+}, r = "v16_23_yqt1oey", o = "v16_23_yqt1oe1i v16_23_1y2v1nfie v16_23_1y2v1nfil", y = {
+    "brand-solid-default": "v16_23_yqt1oe4",
+    "brand-solid-inverse": "v16_23_yqt1oe5",
+    "brand-solid-alternative": "v16_23_yqt1oe6",
+    "brand-soft-default": "v16_23_yqt1oe7",
+    "brand-soft-inverse": "v16_23_yqt1oe8",
+    "brand-soft-alternative": "v16_23_yqt1oe9",
+    "brand-transparent-default": "v16_23_yqt1oea",
+    "brand-transparent-inverse": "v16_23_yqt1oeb",
+    "brand-transparent-alternative": "v16_23_yqt1oec",
+    "neutral-solid-default": "v16_23_yqt1oed",
+    "neutral-solid-inverse": "v16_23_yqt1oee",
+    "neutral-solid-alternative": "v16_23_yqt1oef",
+    "neutral-soft-default": "v16_23_yqt1oeg",
+    "neutral-soft-inverse": "v16_23_yqt1oeh",
+    "neutral-soft-alternative": "v16_23_yqt1oei",
+    "neutral-transparent-default": "v16_23_yqt1oej",
+    "neutral-transparent-inverse": "v16_23_yqt1oek",
+    "neutral-transparent-alternative": "v16_23_yqt1oel",
+    "danger-solid-default": "v16_23_yqt1oem",
+    "danger-solid-inverse": "v16_23_yqt1oen",
+    "danger-solid-alternative": "v16_23_yqt1oeo",
+    "danger-soft-default": "v16_23_yqt1oep",
+    "danger-soft-inverse": "v16_23_yqt1oeq",
+    "danger-soft-alternative": "v16_23_yqt1oer",
+    "danger-transparent-default": "v16_23_yqt1oes",
+    "danger-transparent-inverse": "v16_23_yqt1oet",
+    "danger-transparent-alternative": "v16_23_yqt1oeu",
+    "brand-media": "v16_23_yqt1oev",
+    "neutral-media": "v16_23_yqt1oew",
+    "danger-media": "v16_23_yqt1oex"
 }, l = {
-    default: "v16_21_yqt1oe1e v16_21_yqt1oe1d v16_21_1y2v1nfl3 v16_21_1y2v1nfik v16_21_1y2v1nfiz v16_21_1y2v1nfit v16_21_1y2v1nfll v16_21_1y2v1nfie",
-    small: "v16_21_yqt1oe1f v16_21_yqt1oe1d v16_21_1y2v1nfl3 v16_21_1y2v1nfik v16_21_1y2v1nfiz v16_21_1y2v1nfit v16_21_1y2v1nfll v16_21_1y2v1nfie"
+    default: "v16_23_yqt1oe1e v16_23_yqt1oe1d v16_23_1y2v1nfl3 v16_23_1y2v1nfik v16_23_1y2v1nfiz v16_23_1y2v1nfit v16_23_1y2v1nfll v16_23_1y2v1nfie",
+    small: "v16_23_yqt1oe1f v16_23_yqt1oe1d v16_23_1y2v1nfl3 v16_23_1y2v1nfik v16_23_1y2v1nfiz v16_23_1y2v1nfit v16_23_1y2v1nfll v16_23_1y2v1nfie"
 }, i = {
     default: "calc(1.5rem + 24px)",
     small: "calc(1.25rem + 12px)"
 }, f = {
     default: "1.5rem",
     small: "1.25rem"
-}, d = "v16_21_yqt1oez", q = "v16_21_yqt1oe15", s = "v16_21_yqt1oe1g", u = "v16_21_yqt1oe10", m = "v16_21_yqt1oe1k v16_21_1y2v1nfif";
+}, d = "v16_23_yqt1oez", q = "v16_23_yqt1oe15", s = "v16_23_yqt1oe1g", u = "v16_23_yqt1oe10", m = "v16_23_yqt1oe1k v16_23_1y2v1nfif";

package/dist/icons/icon-chevron.css-mistica.js

@@ -20,6 +20,6 @@ _export(exports, {
     }
 });
 require("./icon-chevron.css.ts.vanilla.css-mistica.js");
-var o = "v16_21_77bqcx2", a = "v16_21_77bqcx1", v = {
-    transitionDuration: "var(--v16_21_77bqcx0)"
+var o = "v16_23_77bqcx2", a = "v16_23_77bqcx1", v = {
+    transitionDuration: "var(--v16_23_77bqcx0)"
 };

package/dist/icons/icon-error.css-mistica.js

@@ -17,4 +17,4 @@ _export(exports, {
     }
 });
 require("./icon-error.css.ts.vanilla.css-mistica.js");
-var a = "v16_21_1ao3f5e2", i = "v16_21_1ao3f5e1";
+var a = "v16_23_1ao3f5e2", i = "v16_23_1ao3f5e1";

package/dist/image.css-mistica.js

@@ -33,6 +33,6 @@ _export(exports, {
 });
 require("./sprinkles.css.ts.vanilla.css-mistica.js");
 require("./image.css.ts.vanilla.css-mistica.js");
-var r = 300, a = "v16_21_17tt25r5", t = "v16_21_17tt25r6", i = "v16_21_17tt25r3 v16_21_1y2v1nflr v16_21_1y2v1nfm6 v16_21_1y2v1nfim v16_21_1y2v1nfj7 v16_21_1y2v1nfjo v16_21_1y2v1nfnf v16_21_1y2v1nfkz v16_21_1y2v1nfl0 v16_21_1y2v1nflb", d = "v16_21_17tt25r1", f = "v16_21_17tt25r4", n = {
-    mediaBorderRadius: "var(--v16_21_17tt25r0)"
+var r = 300, a = "v16_23_17tt25r5", t = "v16_23_17tt25r6", i = "v16_23_17tt25r3 v16_23_1y2v1nflr v16_23_1y2v1nfm6 v16_23_1y2v1nfim v16_23_1y2v1nfj7 v16_23_1y2v1nfjo v16_23_1y2v1nfnf v16_23_1y2v1nfkz v16_23_1y2v1nfl0 v16_23_1y2v1nflb", d = "v16_23_17tt25r1", f = "v16_23_17tt25r4", n = {
+    mediaBorderRadius: "var(--v16_23_17tt25r0)"
 };

package/dist/inline.css-mistica.js

@@ -22,22 +22,26 @@ _export(exports, {
         return r;
     },
     stringSpace: function() {
-        return n;
+        return e;
     },
     stringSpaceWithWrap: function() {
-        return b;
+        return n;
     },
     vars: function() {
-        return e;
+        return b;
     },
     wrap: function() {
         return f;
     }
 });
 require("./inline.css.ts.vanilla.css-mistica.js");
-var a = "v16_21_kkfbnv6", k = "v16_21_kkfbnv5", _ = "v16_21_kkfbnv4", r = "v16_21_kkfbnv8", n = "v16_21_kkfbnv9", b = "v16_21_kkfbnva", e = {
-    space: "var(--v16_21_kkfbnv0)",
-    spaceMobile: "var(--v16_21_kkfbnv1)",
-    spaceTablet: "var(--v16_21_kkfbnv2)",
-    spaceDesktop: "var(--v16_21_kkfbnv3)"
-}, f = "v16_21_kkfbnv7";
+var a = "v16_23_kkfbnva", k = "v16_23_kkfbnv9", _ = "v16_23_kkfbnv8", r = "v16_23_kkfbnvc", e = "v16_23_kkfbnvd", n = "v16_23_kkfbnve", b = {
+    space: "var(--v16_23_kkfbnv0)",
+    spaceMobile: "var(--v16_23_kkfbnv1)",
+    spaceTablet: "var(--v16_23_kkfbnv2)",
+    spaceDesktop: "var(--v16_23_kkfbnv3)",
+    verticalSpace: "var(--v16_23_kkfbnv4)",
+    verticalSpaceMobile: "var(--v16_23_kkfbnv5)",
+    verticalSpaceTablet: "var(--v16_23_kkfbnv6)",
+    verticalSpaceDesktop: "var(--v16_23_kkfbnv7)"
+}, f = "v16_23_kkfbnvb";

package/dist/inline.css.d.ts

@@ -3,6 +3,10 @@ export declare const vars: {
     spaceMobile: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
     spaceTablet: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
     spaceDesktop: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+    verticalSpace: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+    verticalSpaceMobile: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+    verticalSpaceTablet: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+    verticalSpaceDesktop: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
 };
 export declare const marginInline: string;
 export declare const inline: string;

package/dist/inline.d.ts

@@ -4,6 +4,7 @@ type NumericSpace = -16 | -12 | -8 | -4 | -2 | 0 | 2 | 4 | 8 | 12 | 16 | 24 | 32
 type FlexSpace = 'between' | 'around' | 'evenly';
 type Props = {
     space: FlexSpace | ByBreakpoint<NumericSpace>;
+    verticalSpace?: ByBreakpoint<NumericSpace>;
     alignItems?: 'flex-start' | 'flex-end' | 'center' | 'stretch' | 'baseline';
     children: React.ReactNode;
     className?: string;
@@ -14,5 +15,5 @@ type Props = {
     dataAttributes?: DataAttributes;
     wrap?: boolean;
 };
-declare const Inline: ({ space, className, children, role, alignItems, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledBy, fullWidth, wrap, dataAttributes, }: Props) => JSX.Element;
+declare const Inline: ({ space, verticalSpace, className, children, role, alignItems, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledBy, fullWidth, wrap, dataAttributes, }: Props) => JSX.Element;
 export default Inline;