@telefonica/mistica 17.7.0 → 17.8.0

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

@@ -1,139 +1,139 @@
 /* empty css                                */ var _ = {
-    rowMinSize: "var(--v17_7_mfyikv0)",
-    rowMaxSize: "var(--v17_7_mfyikv1)",
-    columnMinSize: "var(--v17_7_mfyikv2)",
-    columnMaxSize: "var(--v17_7_mfyikv3)"
+    rowMinSize: "var(--v17_8_mfyikv0)",
+    rowMaxSize: "var(--v17_8_mfyikv1)",
+    columnMinSize: "var(--v17_8_mfyikv2)",
+    columnMaxSize: "var(--v17_8_mfyikv3)"
 }, i = {
     columnGap: {
-        desktop: "var(--v17_7_mfyikv4)",
-        tablet: "var(--v17_7_mfyikv5)",
-        mobile: "var(--v17_7_mfyikv6)"
+        desktop: "var(--v17_8_mfyikv4)",
+        tablet: "var(--v17_8_mfyikv5)",
+        mobile: "var(--v17_8_mfyikv6)"
     },
     rowGap: {
-        desktop: "var(--v17_7_mfyikv7)",
-        tablet: "var(--v17_7_mfyikv8)",
-        mobile: "var(--v17_7_mfyikv9)"
+        desktop: "var(--v17_8_mfyikv7)",
+        tablet: "var(--v17_8_mfyikv8)",
+        mobile: "var(--v17_8_mfyikv9)"
     }
-}, m = "v17_7_mfyikva", f = "v17_7_mfyikvb", y = "v17_7_mfyikvc", k = "v17_7_mfyikvd", e = {
-    1: "v17_7_mfyikve",
-    2: "v17_7_mfyikvf",
-    3: "v17_7_mfyikvg",
-    4: "v17_7_mfyikvh",
-    5: "v17_7_mfyikvi",
-    6: "v17_7_mfyikvj",
-    7: "v17_7_mfyikvk",
-    8: "v17_7_mfyikvl",
-    9: "v17_7_mfyikvm",
-    10: "v17_7_mfyikvn",
-    11: "v17_7_mfyikvo",
-    12: "v17_7_mfyikvp"
+}, m = "v17_8_mfyikva", f = "v17_8_mfyikvb", y = "v17_8_mfyikvc", k = "v17_8_mfyikvd", e = {
+    1: "v17_8_mfyikve",
+    2: "v17_8_mfyikvf",
+    3: "v17_8_mfyikvg",
+    4: "v17_8_mfyikvh",
+    5: "v17_8_mfyikvi",
+    6: "v17_8_mfyikvj",
+    7: "v17_8_mfyikvk",
+    8: "v17_8_mfyikvl",
+    9: "v17_8_mfyikvm",
+    10: "v17_8_mfyikvn",
+    11: "v17_8_mfyikvo",
+    12: "v17_8_mfyikvp"
 }, r = {
-    1: "v17_7_mfyikvq",
-    2: "v17_7_mfyikvr",
-    3: "v17_7_mfyikvs",
-    4: "v17_7_mfyikvt",
-    5: "v17_7_mfyikvu",
-    6: "v17_7_mfyikvv",
-    7: "v17_7_mfyikvw",
-    8: "v17_7_mfyikvx",
-    9: "v17_7_mfyikvy",
-    10: "v17_7_mfyikvz",
-    11: "v17_7_mfyikv10",
-    12: "v17_7_mfyikv11"
+    1: "v17_8_mfyikvq",
+    2: "v17_8_mfyikvr",
+    3: "v17_8_mfyikvs",
+    4: "v17_8_mfyikvt",
+    5: "v17_8_mfyikvu",
+    6: "v17_8_mfyikvv",
+    7: "v17_8_mfyikvw",
+    8: "v17_8_mfyikvx",
+    9: "v17_8_mfyikvy",
+    10: "v17_8_mfyikvz",
+    11: "v17_8_mfyikv10",
+    12: "v17_8_mfyikv11"
 }, a = {
-    column: "v17_7_mfyikv12",
-    row: "v17_7_mfyikv13",
-    "row dense": "v17_7_mfyikv14",
-    "column dense": "v17_7_mfyikv15"
+    column: "v17_8_mfyikv12",
+    row: "v17_8_mfyikv13",
+    "row dense": "v17_8_mfyikv14",
+    "column dense": "v17_8_mfyikv15"
 }, t = {
-    start: "v17_7_mfyikv16",
-    end: "v17_7_mfyikv17",
-    center: "v17_7_mfyikv18",
-    stretch: "v17_7_mfyikv19"
+    start: "v17_8_mfyikv16",
+    end: "v17_8_mfyikv17",
+    center: "v17_8_mfyikv18",
+    stretch: "v17_8_mfyikv19"
 }, n = {
-    start: "v17_7_mfyikv1a",
-    end: "v17_7_mfyikv1b",
-    center: "v17_7_mfyikv1c",
-    stretch: "v17_7_mfyikv1d",
-    baseline: "v17_7_mfyikv1e"
+    start: "v17_8_mfyikv1a",
+    end: "v17_8_mfyikv1b",
+    center: "v17_8_mfyikv1c",
+    stretch: "v17_8_mfyikv1d",
+    baseline: "v17_8_mfyikv1e"
 }, s = {
-    start: "v17_7_mfyikv1f",
-    end: "v17_7_mfyikv1g",
-    center: "v17_7_mfyikv1h",
-    stretch: "v17_7_mfyikv1i",
-    "space-between": "v17_7_mfyikv1j",
-    "space-around": "v17_7_mfyikv1k",
-    "space-evenly": "v17_7_mfyikv1l"
+    start: "v17_8_mfyikv1f",
+    end: "v17_8_mfyikv1g",
+    center: "v17_8_mfyikv1h",
+    stretch: "v17_8_mfyikv1i",
+    "space-between": "v17_8_mfyikv1j",
+    "space-around": "v17_8_mfyikv1k",
+    "space-evenly": "v17_8_mfyikv1l"
 }, o = {
-    start: "v17_7_mfyikv1m",
-    end: "v17_7_mfyikv1n",
-    center: "v17_7_mfyikv1o",
-    stretch: "v17_7_mfyikv1p",
-    "space-between": "v17_7_mfyikv1q",
-    "space-around": "v17_7_mfyikv1r",
-    "space-evenly": "v17_7_mfyikv1s"
-}, l = "v17_7_mfyikv1t", c = "v17_7_mfyikv1u", d = {
-    1: "v17_7_mfyikv1v",
-    2: "v17_7_mfyikv1w",
-    3: "v17_7_mfyikv1x",
-    4: "v17_7_mfyikv1y",
-    5: "v17_7_mfyikv1z",
-    6: "v17_7_mfyikv20",
-    7: "v17_7_mfyikv21",
-    8: "v17_7_mfyikv22",
-    9: "v17_7_mfyikv23",
-    10: "v17_7_mfyikv24",
-    11: "v17_7_mfyikv25",
-    12: "v17_7_mfyikv26"
+    start: "v17_8_mfyikv1m",
+    end: "v17_8_mfyikv1n",
+    center: "v17_8_mfyikv1o",
+    stretch: "v17_8_mfyikv1p",
+    "space-between": "v17_8_mfyikv1q",
+    "space-around": "v17_8_mfyikv1r",
+    "space-evenly": "v17_8_mfyikv1s"
+}, l = "v17_8_mfyikv1t", c = "v17_8_mfyikv1u", d = {
+    1: "v17_8_mfyikv1v",
+    2: "v17_8_mfyikv1w",
+    3: "v17_8_mfyikv1x",
+    4: "v17_8_mfyikv1y",
+    5: "v17_8_mfyikv1z",
+    6: "v17_8_mfyikv20",
+    7: "v17_8_mfyikv21",
+    8: "v17_8_mfyikv22",
+    9: "v17_8_mfyikv23",
+    10: "v17_8_mfyikv24",
+    11: "v17_8_mfyikv25",
+    12: "v17_8_mfyikv26"
 }, p = {
-    1: "v17_7_mfyikv27",
-    2: "v17_7_mfyikv28",
-    3: "v17_7_mfyikv29",
-    4: "v17_7_mfyikv2a",
-    5: "v17_7_mfyikv2b",
-    6: "v17_7_mfyikv2c",
-    7: "v17_7_mfyikv2d",
-    8: "v17_7_mfyikv2e",
-    9: "v17_7_mfyikv2f",
-    10: "v17_7_mfyikv2g",
-    11: "v17_7_mfyikv2h",
-    12: "v17_7_mfyikv2i"
+    1: "v17_8_mfyikv27",
+    2: "v17_8_mfyikv28",
+    3: "v17_8_mfyikv29",
+    4: "v17_8_mfyikv2a",
+    5: "v17_8_mfyikv2b",
+    6: "v17_8_mfyikv2c",
+    7: "v17_8_mfyikv2d",
+    8: "v17_8_mfyikv2e",
+    9: "v17_8_mfyikv2f",
+    10: "v17_8_mfyikv2g",
+    11: "v17_8_mfyikv2h",
+    12: "v17_8_mfyikv2i"
 }, u = {
-    1: "v17_7_mfyikv2j",
-    2: "v17_7_mfyikv2k",
-    3: "v17_7_mfyikv2l",
-    4: "v17_7_mfyikv2m",
-    5: "v17_7_mfyikv2n",
-    6: "v17_7_mfyikv2o",
-    7: "v17_7_mfyikv2p",
-    8: "v17_7_mfyikv2q",
-    9: "v17_7_mfyikv2r",
-    10: "v17_7_mfyikv2s",
-    11: "v17_7_mfyikv2t",
-    12: "v17_7_mfyikv2u"
+    1: "v17_8_mfyikv2j",
+    2: "v17_8_mfyikv2k",
+    3: "v17_8_mfyikv2l",
+    4: "v17_8_mfyikv2m",
+    5: "v17_8_mfyikv2n",
+    6: "v17_8_mfyikv2o",
+    7: "v17_8_mfyikv2p",
+    8: "v17_8_mfyikv2q",
+    9: "v17_8_mfyikv2r",
+    10: "v17_8_mfyikv2s",
+    11: "v17_8_mfyikv2t",
+    12: "v17_8_mfyikv2u"
 }, g = {
-    1: "v17_7_mfyikv2v",
-    2: "v17_7_mfyikv2w",
-    3: "v17_7_mfyikv2x",
-    4: "v17_7_mfyikv2y",
-    5: "v17_7_mfyikv2z",
-    6: "v17_7_mfyikv30",
-    7: "v17_7_mfyikv31",
-    8: "v17_7_mfyikv32",
-    9: "v17_7_mfyikv33",
-    10: "v17_7_mfyikv34",
-    11: "v17_7_mfyikv35",
-    12: "v17_7_mfyikv36"
+    1: "v17_8_mfyikv2v",
+    2: "v17_8_mfyikv2w",
+    3: "v17_8_mfyikv2x",
+    4: "v17_8_mfyikv2y",
+    5: "v17_8_mfyikv2z",
+    6: "v17_8_mfyikv30",
+    7: "v17_8_mfyikv31",
+    8: "v17_8_mfyikv32",
+    9: "v17_8_mfyikv33",
+    10: "v17_8_mfyikv34",
+    11: "v17_8_mfyikv35",
+    12: "v17_8_mfyikv36"
 }, w = {
-    start: "v17_7_mfyikv37",
-    end: "v17_7_mfyikv38",
-    center: "v17_7_mfyikv39",
-    stretch: "v17_7_mfyikv3a"
+    start: "v17_8_mfyikv37",
+    end: "v17_8_mfyikv38",
+    center: "v17_8_mfyikv39",
+    stretch: "v17_8_mfyikv3a"
 }, b = {
-    start: "v17_7_mfyikv3b",
-    end: "v17_7_mfyikv3c",
-    center: "v17_7_mfyikv3d",
-    stretch: "v17_7_mfyikv3e",
-    baseline: "v17_7_mfyikv3f"
+    start: "v17_8_mfyikv3b",
+    end: "v17_8_mfyikv3c",
+    center: "v17_8_mfyikv3d",
+    stretch: "v17_8_mfyikv3e",
+    baseline: "v17_8_mfyikv3f"
 };
 export { b as alignSelf, u as columnStart, l as fullColumns, c as fullRows, f as gap, i as gapVars, m as grid, o as gridAlignContent, n as gridAlignItems, a as gridAutoFlow, s as gridJustifyContent, t as gridJustifyItems, e as gridTemplateColumns, y as gridTemplateColumnsAutoRepeat, r as gridTemplateRows, k as gridTemplateRowsAutoRepeat, w as justifySelf, g as rowStart, d as spanColumns, p as spanRows, _ as vars };

package/dist-es/header.css-mistica.js

@@ -1,2 +1,2 @@
-/* empty css                                     */ /* empty css                                  */ var e = "v17_7_mtk7e90", r = "v17_7_mtk7e92 v17_7_mtk7e90 v17_7_mtk7e91 v17_7_1y2v1nfj6", m = "v17_7_mtk7e93", t = "v17_7_mtk7e94 v17_7_1y2v1nfre v17_7_1y2v1nfrk";
+/* empty css                                     */ /* empty css                                  */ var e = "v17_8_mtk7e90", r = "v17_8_mtk7e92 v17_8_mtk7e90 v17_8_mtk7e91 v17_8_1y2v1nfj6", m = "v17_8_mtk7e93", t = "v17_8_mtk7e94 v17_8_1y2v1nfre v17_8_1y2v1nfrk";
 export { r as breadcrumbs, t as flexColumn, m as hideOnDesktop, e as hideOnTabletOrSmaller };

package/dist-es/hero.css-mistica.js

@@ -1,4 +1,4 @@
 /* empty css                                     */ /* empty css                                */ var r = {
-    height: "var(--v17_7_16rbpto0)"
-}, n = "v17_7_16rbpto1 v17_7_1y2v1nfsi", t = "v17_7_16rbpto3 v17_7_16rbpto2 v17_7_1y2v1nfre", o = "v17_7_16rbpto4 v17_7_1y2v1nfsi v17_7_1y2v1nfre v17_7_1y2v1nfrq v17_7_1y2v1nfrk", a = "v17_7_16rbpto5", e = "v17_7_16rbpto6 v17_7_1y2v1nfrk", p = "v17_7_16rbpto7 v17_7_1y2v1nfrt v17_7_1y2v1nfsi", b = "v17_7_16rbpto9 v17_7_16rbpto8 v17_7_1y2v1nfre v17_7_1y2v1nfs0 v17_7_1y2v1nfru", f = "v17_7_16rbptoa", i = "v17_7_16rbptob", y = "v17_7_16rbptoc v17_7_1y2v1nfre v17_7_1y2v1nfrk";
+    height: "var(--v17_8_16rbpto0)"
+}, n = "v17_8_16rbpto1 v17_8_1y2v1nfsi", t = "v17_8_16rbpto3 v17_8_16rbpto2 v17_8_1y2v1nfre", o = "v17_8_16rbpto4 v17_8_1y2v1nfsi v17_8_1y2v1nfre v17_8_1y2v1nfrq v17_8_1y2v1nfrk", a = "v17_8_16rbpto5", e = "v17_8_16rbpto6 v17_8_1y2v1nfrk", p = "v17_8_16rbpto7 v17_8_1y2v1nfrt v17_8_1y2v1nfsi", b = "v17_8_16rbpto9 v17_8_16rbpto8 v17_8_1y2v1nfre v17_8_1y2v1nfs0 v17_8_1y2v1nfru", f = "v17_8_16rbptoa", i = "v17_8_16rbptob", y = "v17_8_16rbptoc v17_8_1y2v1nfre v17_8_1y2v1nfrk";
 export { b as actions, t as container, p as containerDesktop, a as containerMinHeight, e as containerMobile, o as contentContainer, i as expandedContent, y as flexColumn, n as hero, f as layout, r as vars };

package/dist-es/hooks.js

@@ -1,16 +1,17 @@
 import * as t from "react";
-import x from "./theme-context.js";
+import W from "./theme-context.js";
 import E from "./screen-size-context.js";
 import { listenResize as I } from "./utils/dom.js";
 import { isClientSide as a } from "./utils/environment.js";
 import { isEqual as T } from "./utils/helpers.js";
-const D = ()=>{
-    const e = t.useContext(x);
+import { isFirefox as C } from "./utils/platform.js";
+const k = ()=>{
+    const e = t.useContext(W);
     if (!e) throw Error("To use @telefonica/mistica components you must instantiate <ThemeContextProvider> as their parent.");
     return e;
 };
 let m = "", g = 0, f = 0;
-const k = (e)=>{
+const q = (e)=>{
     t.useEffect(()=>{
         if (e) {
             const o = document.scrollingElement || document.documentElement, n = ()=>{
@@ -18,14 +19,16 @@ const k = (e)=>{
                 var _o_scrollTop, _document_body_style_cssText;
                 if (f++, !(f > 1) && (g = (_o_scrollTop = o === null || o === void 0 ? void 0 : o.scrollTop) !== null && _o_scrollTop !== void 0 ? _o_scrollTop : 0, m = (_document_body_style_cssText = (_document_body = document.body) === null || _document_body === void 0 ? void 0 : _document_body.style.cssText) !== null && _document_body_style_cssText !== void 0 ? _document_body_style_cssText : "", document.body)) {
                     var _o_clientWidth;
-                    const r = window.innerWidth > ((_o_clientWidth = o === null || o === void 0 ? void 0 : o.clientWidth) !== null && _o_clientWidth !== void 0 ? _o_clientWidth : window.innerWidth) ? "scroll" : "hidden";
-                    document.body.style.cssText = m + (m.endsWith(";") ? "" : ";") + [
-                        "overflow: hidden;",
-                        `overflow-y: ${r};`,
+                    const r = window.innerWidth > ((_o_clientWidth = o === null || o === void 0 ? void 0 : o.clientWidth) !== null && _o_clientWidth !== void 0 ? _o_clientWidth : window.innerWidth) ? "scroll" : "hidden", c = C() ? [] : [
                         "position: fixed;",
                         `top: ${-g}px;`,
                         "left: 0px;",
-                        "right: 0px;",
+                        "right: 0px;"
+                    ];
+                    document.body.style.cssText = m + (m.endsWith(";") ? "" : ";") + [
+                        "overflow: hidden;",
+                        `overflow-y: ${r};`,
+                        ...c,
                         "overscroll-behavior-y: contain;"
                     ].join("");
                 }
@@ -38,7 +41,7 @@ const k = (e)=>{
     }, [
         e
     ]);
-}, q = ()=>t.useContext(E), A = function() {
+}, A = ()=>t.useContext(E), M = function() {
     let { includeMargins: e = !1 } = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {};
     const [o, n] = t.useState(0), [i, s] = t.useState(0), [r, c] = t.useState(null), u = t.useCallback((l)=>{
         if (!l) {
@@ -47,8 +50,8 @@ const k = (e)=>{
         }
         const { width: h, height: p } = l[0].contentRect;
         if (e) {
-            const w = window.getComputedStyle(l[0].target), v = parseInt(w.marginTop, 10), y = parseInt(w.marginBottom, 10), b = parseInt(w.marginLeft, 10), W = parseInt(w.marginRight, 10);
-            n(h + b + W), s(p + v + y);
+            const w = window.getComputedStyle(l[0].target), y = parseInt(w.marginTop, 10), v = parseInt(w.marginBottom, 10), b = parseInt(w.marginLeft, 10), x = parseInt(w.marginRight, 10);
+            n(h + b + x), s(p + y + v);
         } else n(h), s(p);
     }, [
         e
@@ -93,13 +96,13 @@ const k = (e)=>{
         c,
         d
     ]);
-}, F = ()=>{
+}, O = ()=>{
     const { height: e } = S();
     return e;
-}, M = ()=>{
+}, P = ()=>{
     const { width: e } = S();
     return e;
-}, O = ()=>a() && window.top !== window.self, $ = a() ? t.useLayoutEffect : t.useEffect, C = (e, o, n)=>{
+}, $ = ()=>a() && window.top !== window.self, j = a() ? t.useLayoutEffect : t.useEffect, H = (e, o, n)=>{
     const [i, s] = t.useState(o);
     return t.useEffect(()=>{
         if (!e.current) return;
@@ -120,7 +123,7 @@ const k = (e)=>{
         n === null || n === void 0 ? void 0 : n.rootMargin,
         n === null || n === void 0 ? void 0 : n.threshold
     ]), i;
-}, H = (e)=>{
+}, R = (e)=>{
     const { top: o, right: n, bottom: i, left: s, width: r, height: c, x: u, y: d } = e.getBoundingClientRect();
     return {
         top: o,
@@ -132,14 +135,14 @@ const k = (e)=>{
         x: u,
         y: d
     };
-}, j = function(e) {
+}, N = function(e) {
     let o = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : !0, n = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : !1;
-    const [i, s] = t.useState(), r = C(e, !1);
+    const [i, s] = t.useState(), r = H(e, !1);
     return t.useEffect(()=>{
         let c;
         const u = ()=>{
             if (e.current && (r || n)) {
-                const d = H(e.current);
+                const d = R(e.current);
                 T(i, d) || s(d), o && (c = requestAnimationFrame(u));
             } else s(void 0);
         };
@@ -153,7 +156,7 @@ const k = (e)=>{
         o,
         n
     ]), i;
-}, N = ()=>{
+}, Y = ()=>{
     const [e, o] = t.useState(""), n = t.useCallback((i)=>{
         i && o((process.env.NODE_ENV === "test" ? i.textContent : i.innerText) || "");
     }, []);
@@ -162,4 +165,4 @@ const k = (e)=>{
         ref: n
     };
 };
-export { j as useBoundingRect, k as useDisableBodyScroll, A as useElementDimensions, N as useInnerText, C as useIsInViewport, O as useIsWithinIFrame, $ as useIsomorphicLayoutEffect, q as useScreenSize, D as useTheme, F as useWindowHeight, S as useWindowSize, M as useWindowWidth };
+export { N as useBoundingRect, q as useDisableBodyScroll, M as useElementDimensions, Y as useInnerText, H as useIsInViewport, $ as useIsWithinIFrame, j as useIsomorphicLayoutEffect, A as useScreenSize, k as useTheme, O as useWindowHeight, S as useWindowSize, P as useWindowWidth };

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

@@ -1,2 +1,2 @@
-/* empty css                                     */ /* empty css                                             */ /* empty css                                             */ var l = "v17_7_1gl3gmv1 v17_7_1gl3gmv0 v17_7_1y2v1nfre", o = "v17_7_1gl3gmv2";
+/* empty css                                     */ /* empty css                                             */ /* empty css                                             */ var l = "v17_8_1gl3gmv1 v17_8_1gl3gmv0 v17_8_1y2v1nfre", o = "v17_8_1gl3gmv2";
 export { o as noScrollbar, l as scroll };

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

@@ -1,62 +1,62 @@
 /* empty css                                     */ /* empty css                                       */ var _ = {
-    "brand-solid-default": "v17_7_yqt1oe4",
-    "brand-solid-brand": "v17_7_yqt1oe5",
-    "brand-solid-negative": "v17_7_yqt1oe6",
-    "brand-solid-alternative": "v17_7_yqt1oe7",
-    "brand-soft-default": "v17_7_yqt1oe8",
-    "brand-soft-brand": "v17_7_yqt1oe9",
-    "brand-soft-negative": "v17_7_yqt1oea",
-    "brand-soft-alternative": "v17_7_yqt1oeb",
-    "brand-transparent-default": "v17_7_yqt1oec",
-    "brand-transparent-brand": "v17_7_yqt1oed",
-    "brand-transparent-negative": "v17_7_yqt1oee",
-    "brand-transparent-alternative": "v17_7_yqt1oef",
-    "neutral-solid-default": "v17_7_yqt1oeg",
-    "neutral-solid-brand": "v17_7_yqt1oeh",
-    "neutral-solid-negative": "v17_7_yqt1oei",
-    "neutral-solid-alternative": "v17_7_yqt1oej",
-    "neutral-soft-default": "v17_7_yqt1oek",
-    "neutral-soft-brand": "v17_7_yqt1oel",
-    "neutral-soft-negative": "v17_7_yqt1oem",
-    "neutral-soft-alternative": "v17_7_yqt1oen",
-    "neutral-transparent-default": "v17_7_yqt1oeo",
-    "neutral-transparent-brand": "v17_7_yqt1oep",
-    "neutral-transparent-negative": "v17_7_yqt1oeq",
-    "neutral-transparent-alternative": "v17_7_yqt1oer",
-    "danger-solid-default": "v17_7_yqt1oes",
-    "danger-solid-brand": "v17_7_yqt1oet",
-    "danger-solid-negative": "v17_7_yqt1oeu",
-    "danger-solid-alternative": "v17_7_yqt1oev",
-    "danger-soft-default": "v17_7_yqt1oew",
-    "danger-soft-brand": "v17_7_yqt1oex",
-    "danger-soft-negative": "v17_7_yqt1oey",
-    "danger-soft-alternative": "v17_7_yqt1oez",
-    "danger-transparent-default": "v17_7_yqt1oe10",
-    "danger-transparent-brand": "v17_7_yqt1oe11",
-    "danger-transparent-negative": "v17_7_yqt1oe12",
-    "danger-transparent-alternative": "v17_7_yqt1oe13",
-    "brand-media": "v17_7_yqt1oe14",
-    "neutral-media": "v17_7_yqt1oe15",
-    "danger-media": "v17_7_yqt1oe16"
-}, a = "v17_7_yqt1oe17", v = "v17_7_yqt1oe18", n = "v17_7_yqt1oe19", r = {
+    "brand-solid-default": "v17_8_yqt1oe4",
+    "brand-solid-brand": "v17_8_yqt1oe5",
+    "brand-solid-negative": "v17_8_yqt1oe6",
+    "brand-solid-alternative": "v17_8_yqt1oe7",
+    "brand-soft-default": "v17_8_yqt1oe8",
+    "brand-soft-brand": "v17_8_yqt1oe9",
+    "brand-soft-negative": "v17_8_yqt1oea",
+    "brand-soft-alternative": "v17_8_yqt1oeb",
+    "brand-transparent-default": "v17_8_yqt1oec",
+    "brand-transparent-brand": "v17_8_yqt1oed",
+    "brand-transparent-negative": "v17_8_yqt1oee",
+    "brand-transparent-alternative": "v17_8_yqt1oef",
+    "neutral-solid-default": "v17_8_yqt1oeg",
+    "neutral-solid-brand": "v17_8_yqt1oeh",
+    "neutral-solid-negative": "v17_8_yqt1oei",
+    "neutral-solid-alternative": "v17_8_yqt1oej",
+    "neutral-soft-default": "v17_8_yqt1oek",
+    "neutral-soft-brand": "v17_8_yqt1oel",
+    "neutral-soft-negative": "v17_8_yqt1oem",
+    "neutral-soft-alternative": "v17_8_yqt1oen",
+    "neutral-transparent-default": "v17_8_yqt1oeo",
+    "neutral-transparent-brand": "v17_8_yqt1oep",
+    "neutral-transparent-negative": "v17_8_yqt1oeq",
+    "neutral-transparent-alternative": "v17_8_yqt1oer",
+    "danger-solid-default": "v17_8_yqt1oes",
+    "danger-solid-brand": "v17_8_yqt1oet",
+    "danger-solid-negative": "v17_8_yqt1oeu",
+    "danger-solid-alternative": "v17_8_yqt1oev",
+    "danger-soft-default": "v17_8_yqt1oew",
+    "danger-soft-brand": "v17_8_yqt1oex",
+    "danger-soft-negative": "v17_8_yqt1oey",
+    "danger-soft-alternative": "v17_8_yqt1oez",
+    "danger-transparent-default": "v17_8_yqt1oe10",
+    "danger-transparent-brand": "v17_8_yqt1oe11",
+    "danger-transparent-negative": "v17_8_yqt1oe12",
+    "danger-transparent-alternative": "v17_8_yqt1oe13",
+    "brand-media": "v17_8_yqt1oe14",
+    "neutral-media": "v17_8_yqt1oe15",
+    "danger-media": "v17_8_yqt1oe16"
+}, a = "v17_8_yqt1oe17", v = "v17_8_yqt1oe18", n = "v17_8_yqt1oe19", r = {
     default: "1.5rem",
     small: "1.25rem"
 }, o = {
     small: "calc(1.25rem + 12px)"
-}, y = "v17_7_yqt1oe1a v17_7_1y2v1nfh7 v17_7_1y2v1nfig v17_7_1y2v1nfjp v17_7_1y2v1nfky v17_7_1y2v1nftw v17_7_1y2v1nfh6 v17_7_1y2v1nfre v17_7_1y2v1nfrt v17_7_1y2v1nfrn", d = {
-    default: "v17_7_yqt1oe1c v17_7_yqt1oe1b",
-    small: "v17_7_yqt1oe1d v17_7_yqt1oe1b"
-}, l = "v17_7_yqt1oe1f", q = {
-    default: "v17_7_yqt1oe1g",
-    small: "v17_7_yqt1oe1h"
+}, y = "v17_8_yqt1oe1a v17_8_1y2v1nfh7 v17_8_1y2v1nfig v17_8_1y2v1nfjp v17_8_1y2v1nfky v17_8_1y2v1nftw v17_8_1y2v1nfh6 v17_8_1y2v1nfre v17_8_1y2v1nfrt v17_8_1y2v1nfrn", d = {
+    default: "v17_8_yqt1oe1c v17_8_yqt1oe1b",
+    small: "v17_8_yqt1oe1d v17_8_yqt1oe1b"
+}, l = "v17_8_yqt1oe1f", q = {
+    default: "v17_8_yqt1oe1g",
+    small: "v17_8_yqt1oe1h"
 }, i = {
-    default: "v17_7_yqt1oe1i",
-    small: "v17_7_yqt1oe1j"
+    default: "v17_8_yqt1oe1i",
+    small: "v17_8_yqt1oe1j"
 }, f = {
-    default: "v17_7_yqt1oe1k",
-    small: "v17_7_yqt1oe1l"
+    default: "v17_8_yqt1oe1k",
+    small: "v17_8_yqt1oe1l"
 }, s = {
-    default: "v17_7_yqt1oe1o v17_7_yqt1oe1n v17_7_yqt1oe1m v17_7_1y2v1nfty v17_7_1y2v1nfre v17_7_1y2v1nfrt v17_7_1y2v1nfrn v17_7_1y2v1nfui v17_7_1y2v1nfr8",
-    small: "v17_7_yqt1oe1p v17_7_yqt1oe1n v17_7_yqt1oe1m v17_7_1y2v1nfty v17_7_1y2v1nfre v17_7_1y2v1nfrt v17_7_1y2v1nfrn v17_7_1y2v1nfui v17_7_1y2v1nfr8"
-}, u = "v17_7_yqt1oe1q", b = "v17_7_yqt1oe1s v17_7_yqt1oe1r v17_7_1y2v1nfr8 v17_7_1y2v1nfrf", g = "v17_7_yqt1oe1u v17_7_yqt1oe1t v17_7_1y2v1nfr9";
+    default: "v17_8_yqt1oe1o v17_8_yqt1oe1n v17_8_yqt1oe1m v17_8_1y2v1nfty v17_8_1y2v1nfre v17_8_1y2v1nfrt v17_8_1y2v1nfrn v17_8_1y2v1nfui v17_8_1y2v1nfr8",
+    small: "v17_8_yqt1oe1p v17_8_yqt1oe1n v17_8_yqt1oe1m v17_8_1y2v1nfty v17_8_1y2v1nfre v17_8_1y2v1nfrt v17_8_1y2v1nfrn v17_8_1y2v1nfui v17_8_1y2v1nfr8"
+}, u = "v17_8_yqt1oe1q", b = "v17_8_yqt1oe1s v17_8_yqt1oe1r v17_8_1y2v1nfr8 v17_8_1y2v1nfrf", g = "v17_8_yqt1oe1u v17_8_yqt1oe1t v17_8_1y2v1nfr9";
 export { q as bleedLeft, i as bleedRight, f as bleedY, y as button, d as buttonContainer, a as disabled, b as icon, _ as iconButtonTokens, s as iconContainer, o as iconContainerSize, r as iconSize, v as isLoading, l as minimumInteractiveArea, u as overlay, n as overlayContainer, g as spinner };

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

@@ -1,4 +1,4 @@
 /* empty css                                        */ var o = {
-    transitionDuration: "var(--v17_7_77bqcx0)"
-}, a = "v17_7_77bqcx1", v = "v17_7_77bqcx2";
+    transitionDuration: "var(--v17_8_77bqcx0)"
+}, a = "v17_8_77bqcx1", v = "v17_8_77bqcx2";
 export { v as chevronColorTransition, a as chevronRotateTransition, o as vars };

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

@@ -1,2 +1,2 @@
-/* empty css                                      */ var a = "v17_7_1ao3f5e1", i = "v17_7_1ao3f5e2";
+/* empty css                                      */ var a = "v17_8_1ao3f5e1", i = "v17_8_1ao3f5e2";
 export { i as innerAnimation, a as outerAnimation };

package/dist-es/image.css-mistica.js

@@ -1,4 +1,4 @@
-/* empty css                                         */ /* empty css                                     */ /* empty css                                 */ var t = 300, a = {
-    mediaBorderRadius: "var(--v17_7_17tt25r0)"
-}, i = "v17_7_17tt25r1", d = "v17_7_17tt25r3 v17_7_17tt25r2 v17_7_1y2v1nfuo v17_7_1y2v1nfv3 v17_7_1y2v1nfrg v17_7_1y2v1nfs1 v17_7_1y2v1nfsi v17_7_1y2v1nfwc v17_7_1y2v1nftt v17_7_1y2v1nftu v17_7_1y2v1nfu6", o = "v17_7_17tt25r4", e = "v17_7_17tt25r5", u = "v17_7_17tt25r6", f = "v17_7_17tt25r7";
-export { t as FADE_IN_DURATION_MS, e as circularBorderRadius, f as defaultBorderRadius, d as image, i as imageWithBorder, a as vars, u as withBorderRadius, o as withoutBorderRadius };
+/* empty css                                     */ /* empty css                                 */ var r = 300, t = {
+    mediaBorderRadius: "var(--v17_8_17tt25r0)"
+}, a = "v17_8_17tt25r1", i = "v17_8_17tt25r3 v17_8_17tt25r2 v17_8_1y2v1nfuo v17_8_1y2v1nfv3 v17_8_1y2v1nfrg v17_8_1y2v1nfs1 v17_8_1y2v1nfsi v17_8_1y2v1nfwc v17_8_1y2v1nftt v17_8_1y2v1nftu v17_8_1y2v1nfu6", d = "v17_8_17tt25r4", e = "v17_8_17tt25r5", o = "v17_8_17tt25r6", u = "v17_8_17tt25r7";
+export { r as FADE_IN_DURATION_MS, e as circularBorderRadius, u as defaultBorderRadius, i as image, a as imageWithBorder, t as vars, o as withBorderRadius, d as withoutBorderRadius };