@telefonica/mistica 17.6.0 → 17.8.0

package/dist-es/generated/mistica-icons/icon-winner-light.js

@@ -78,18 +78,34 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-import { jsx as a, jsxs as d } from "react/jsx-runtime";
-import * as h from "react";
+import { jsx as a, jsxs as h } from "react/jsx-runtime";
+import * as m from "react";
 import { useTheme as f } from "../../hooks.js";
 import { useThemeVariant as g } from "../../theme-variant-context.js";
-import { vars as n } from "../../skins/skin-contract.css-mistica.js";
-import { useIconGradient as p } from "../../utils/icon-gradient.js";
-const A = (_param)=>{
-    var { color: m, size: l = 24 } = _param, t = _object_without_properties(_param, [
+import { vars as i } from "../../skins/skin-contract.css-mistica.js";
+import { useIconGradient as v } from "../../utils/icon-gradient.js";
+const C = (_param)=>{
+    var { color: s, size: l = 24 } = _param, t = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const r = g(), s = r === "brand" || r === "media" ? n.colors.neutralHighBrand : r === "negative" ? n.colors.neutralHighNegative : n.colors.neutralHigh, { fillValue: e, gradientDef: i } = p(m !== null && m !== void 0 ? m : s), { skinName: c } = f(), o = c.match(/^o2/i) ? /* @__PURE__ */ a("svg", _object_spread_props(_object_spread({
+    const r = g(), d = r === "brand" || r === "media" ? i.colors.neutralHighBrand : r === "negative" ? i.colors.neutralHighNegative : i.colors.neutralHigh, { fillValue: e, gradientDef: n } = v(s !== null && s !== void 0 ? s : d), { skinName: c } = f(), o = c.match(/^vivo-evolution/i) ? /* @__PURE__ */ h("svg", _object_spread_props(_object_spread({
+        width: l,
+        height: l,
+        viewBox: "0 0 24 24",
+        role: "presentation"
+    }, t), {
+        children: [
+            /* @__PURE__ */ a("path", {
+                fill: e,
+                d: "M12.482 5.53a.6.6 0 0 0-.969 0l-1.027 1.404-1.653.543a.6.6 0 0 0-.3.921l1.02 1.41.004 1.74a.6.6 0 0 0 .784.57l1.657-.533 1.656.533a.6.6 0 0 0 .784-.57l.005-1.74 1.018-1.41a.6.6 0 0 0-.299-.921l-1.653-.543zm-1.264 2.098.78-1.067.78 1.067a.6.6 0 0 0 .297.216l1.255.412-.773 1.072a.6.6 0 0 0-.114.35l-.004 1.32-1.258-.404a.6.6 0 0 0-.367 0L10.556 11l-.004-1.322a.6.6 0 0 0-.114-.35l-.773-1.07 1.255-.413a.6.6 0 0 0 .298-.216"
+            }),
+            /* @__PURE__ */ a("path", {
+                fill: e,
+                d: "M10.982 2a6 6 0 0 0-6 6v2.03c0 1.68.692 3.2 1.805 4.29l-1.131 2.037-1.23 2.15c-.162.275-.324.733-.192 1.186.072.244.225.466.47.627.233.153.524.234.857.258l.735.075.435.61c.188.277.404.488.655.614.261.13.53.152.777.091.458-.112.773-.482.93-.76l1.25-2.149L12 16.071l1.656 2.988 1.25 2.15c.158.277.473.647.931.76.247.06.516.039.777-.092.25-.125.467-.337.655-.614l.435-.61.735-.075c.333-.024.624-.105.858-.258a1.12 1.12 0 0 0 .469-.627c.132-.453-.03-.91-.191-1.186l-1.23-2.15-1.134-2.041a5.98 5.98 0 0 0 1.802-4.286V8a6 6 0 0 0-6-6zm5.445 12.964 1.048 1.887 1.236 2.16c.04.068.074.15.091.23a.36.36 0 0 1 .004.171c-.007.023-.018.045-.059.072-.05.033-.161.082-.385.097l-.017.002-.967.099a.5.5 0 0 0-.356.206l-.578.81c-.126.186-.224.258-.277.285-.044.021-.07.02-.092.014a.4.4 0 0 1-.146-.089.8.8 0 0 1-.153-.194l-.003-.006-1.25-2.147-1.403-2.532a5.97 5.97 0 0 0 3.307-1.065m-9.902 1.887 1.047-1.885a5.97 5.97 0 0 0 3.308 1.063L9.476 18.56l-1.249 2.147-.003.006a.8.8 0 0 1-.153.194.36.36 0 0 1-.146.09c-.023.005-.048.006-.092-.015-.053-.027-.151-.1-.277-.286l-.578-.809a.5.5 0 0 0-.356-.206l-.967-.1-.017-.001c-.224-.015-.336-.064-.385-.097-.041-.027-.052-.05-.059-.072a.36.36 0 0 1 .004-.17.8.8 0 0 1 .09-.23zm-.543-8.852a5 5 0 0 1 5-5h2.03a5 5 0 0 1 5 5v2.03a5 5 0 0 1-5 5h-2.03a5 5 0 0 1-5-5z"
+            })
+        ]
+    })) : c.match(/^o2/i) ? /* @__PURE__ */ a("svg", _object_spread_props(_object_spread({
         width: l,
         height: l,
         viewBox: "0 0 24 24",
@@ -109,7 +125,7 @@ const A = (_param)=>{
             fill: e,
             d: "M20.42 19.714a.79.79 0 0 0 .11-.846l-2.821-6.028c.728-1.03 1.123-2.417 1.123-4.185 0-4.428-2.431-6.504-6.6-6.504S5.637 4.224 5.637 8.658c0 1.527.294 2.765.843 3.742l-3.025 6.471a.8.8 0 0 0 .109.846c.199.241.513.345.868.263l2.205-.818.854 2.247a.81.81 0 0 0 .723.428h.022a.82.82 0 0 0 .723-.47l2.91-6.227.08.003q.082.005.167.005l2.907 6.219c.132.28.412.462.723.468h.023c.305 0 .58-.163.745-.477l.81-2.187 2.282.823c.303.07.62-.039.815-.28M12.232 2.978c3.877 0 5.762 1.857 5.762 5.677 0 3.818-1.882 5.673-5.761 5.673-3.877 0-5.76-1.857-5.76-5.675s1.886-5.675 5.76-5.675m-1.254 12.1L8.252 21.07l-.832-2.199a.83.83 0 0 0-1.05-.473l-2.154.818 2.81-6.02c.91 1.07 2.249 1.686 3.952 1.882m8.862 4.124-2.227-.807a.83.83 0 0 0-1.053.476l-.776 2.151-2.756-5.896c1.726-.12 3.11-.641 4.092-1.588zM9.874 8.078a.17.17 0 0 1 .154-.126l1.19-.179a.45.45 0 0 0 .323-.24l.53-1.102a.2.2 0 0 1 .083-.084.19.19 0 0 1 .252.084l.524 1.087c.062.135.185.23.333.255l1.185.177c.07.01.13.061.152.131a.21.21 0 0 1-.051.222l-.854.854a.45.45 0 0 0-.126.384l.201 1.21a.2.2 0 0 1-.08.207.18.18 0 0 1-.189.011l-1.044-.563a.44.44 0 0 0-.429-.008l-1.056.571a.18.18 0 0 1-.188-.011.21.21 0 0 1-.084-.21l.202-1.202a.46.46 0 0 0-.12-.39L9.923 8.3a.21.21 0 0 1-.05-.222m-.55.802.718.717s-.17 1.016-.168 1.02a1.026 1.026 0 0 0 1.499 1.078l.86-.468.868.468a1.03 1.03 0 0 0 1.07-.062c.33-.23.493-.622.426-1.017l-.17-1.016.717-.72c.28-.28.372-.686.246-1.061a1.02 1.02 0 0 0-.82-.69l-.972-.145-.44-.913a1.024 1.024 0 0 0-1.849 0l-.437.913-.972.146a1.032 1.032 0 0 0-.574 1.75"
         })
-    })) : /* @__PURE__ */ d("svg", _object_spread_props(_object_spread({
+    })) : /* @__PURE__ */ h("svg", _object_spread_props(_object_spread({
         width: l,
         height: l,
         viewBox: "0 0 24 24",
@@ -126,11 +142,11 @@ const A = (_param)=>{
             })
         ]
     }));
-    return i ? /*#__PURE__*/ h.cloneElement(o, {}, [
+    return n ? /*#__PURE__*/ m.cloneElement(o, {}, [
         /* @__PURE__ */ a("defs", {
-            children: i
+            children: n
         }, "gradient-defs"),
-        ...h.Children.toArray(o.props.children)
+        ...m.Children.toArray(o.props.children)
     ]) : o;
 };
-export { A as default };
+export { C as default };

package/dist-es/generated/mistica-icons/icon-winner-regular.js

@@ -78,18 +78,34 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-import { jsx as a, jsxs as d } from "react/jsx-runtime";
-import * as h from "react";
-import { useTheme as f } from "../../hooks.js";
-import { useThemeVariant as g } from "../../theme-variant-context.js";
+import { jsx as a, jsxs as h } from "react/jsx-runtime";
+import * as m from "react";
+import { useTheme as v } from "../../hooks.js";
+import { useThemeVariant as f } from "../../theme-variant-context.js";
 import { vars as n } from "../../skins/skin-contract.css-mistica.js";
-import { useIconGradient as p } from "../../utils/icon-gradient.js";
+import { useIconGradient as g } from "../../utils/icon-gradient.js";
 const A = (_param)=>{
-    var { color: m, size: l = 24 } = _param, t = _object_without_properties(_param, [
+    var { color: s, size: l = 24 } = _param, t = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const r = g(), s = r === "brand" || r === "media" ? n.colors.neutralHighBrand : r === "negative" ? n.colors.neutralHighNegative : n.colors.neutralHigh, { fillValue: e, gradientDef: i } = p(m !== null && m !== void 0 ? m : s), { skinName: c } = f(), o = c.match(/^o2/i) ? /* @__PURE__ */ a("svg", _object_spread_props(_object_spread({
+    const r = f(), d = r === "brand" || r === "media" ? n.colors.neutralHighBrand : r === "negative" ? n.colors.neutralHighNegative : n.colors.neutralHigh, { fillValue: e, gradientDef: c } = g(s !== null && s !== void 0 ? s : d), { skinName: o } = v(), i = o.match(/^vivo-evolution/i) ? /* @__PURE__ */ h("svg", _object_spread_props(_object_spread({
+        width: l,
+        height: l,
+        viewBox: "0 0 24 24",
+        role: "presentation"
+    }, t), {
+        children: [
+            /* @__PURE__ */ a("path", {
+                fill: e,
+                d: "M12.684 5.634a.85.85 0 0 0-1.372 0l-.98 1.34-1.577.517a.85.85 0 0 0-.424 1.305l.972 1.346.005 1.66a.85.85 0 0 0 1.11.806l1.58-.508 1.58.508a.85.85 0 0 0 1.11-.806l.005-1.66.971-1.346a.85.85 0 0 0-.424-1.305l-1.577-.517zM11.42 8.028l.578-.791.578.79a.85.85 0 0 0 .42.307l.932.305-.574.794a.85.85 0 0 0-.16.495l-.004.98-.932-.3a.85.85 0 0 0-.52 0l-.933.3-.003-.98a.85.85 0 0 0-.16-.495l-.574-.794.93-.305a.85.85 0 0 0 .422-.306"
+            }),
+            /* @__PURE__ */ a("path", {
+                fill: e,
+                d: "M10.982 2.001a6.25 6.25 0 0 0-6.25 6.25v2.03c0 1.618.615 3.092 1.624 4.202l-.863 1.495-1.233 2.154c-.178.305-.374.836-.215 1.382.088.3.277.571.572.765.278.183.613.272.973.299l.619.063.368.515c.203.3.449.545.748.695.315.158.645.185.948.11.552-.135.914-.57 1.088-.877l1.25-2.149 1.387-2.404h.004l1.387 2.404 1.25 2.149c.174.307.536.742 1.088.878.303.074.633.047.948-.111.3-.15.545-.395.748-.695l.368-.515.619-.063c.36-.026.695-.116.973-.299.295-.194.484-.465.572-.765.16-.546-.037-1.077-.215-1.382l-1.232-2.154-.866-1.498a6.23 6.23 0 0 0 1.62-4.199v-2.03a6.25 6.25 0 0 0-6.25-6.25zm5.505 13.477.721 1.25 1.237 2.16a.6.6 0 0 1 .062.157v.002a1 1 0 0 1-.239.037l-.967.1a.75.75 0 0 0-.534.31l-.57.798-.011.016a1 1 0 0 1-.138.167l-.001-.001a.6.6 0 0 1-.104-.132l-.005-.009-1.25-2.15-.002-.002-.975-1.688a6.2 6.2 0 0 0 2.776-1.015m-9.695 1.25.72-1.248c.811.543 1.757.9 2.776 1.013l-.974 1.688-.001.002-1.25 2.15-.006.009a.6.6 0 0 1-.103.132l-.002.001a1 1 0 0 1-.138-.167l-.011-.016-.57-.798a.75.75 0 0 0-.534-.31l-.967-.1-.026-.002a1 1 0 0 1-.213-.035v-.002a.6.6 0 0 1 .062-.157zm-.56-8.477a4.75 4.75 0 0 1 4.75-4.75h2.03a4.75 4.75 0 0 1 4.75 4.75v2.03a4.75 4.75 0 0 1-4.75 4.75h-2.03a4.75 4.75 0 0 1-4.75-4.75z"
+            })
+        ]
+    })) : o.match(/^o2/i) ? /* @__PURE__ */ a("svg", _object_spread_props(_object_spread({
         width: l,
         height: l,
         viewBox: "0 0 24 24",
@@ -99,7 +115,7 @@ const A = (_param)=>{
             fill: e,
             d: "m19.93 18.31-2.057-3.62a7.8 7.8 0 0 0 1.73-4.94c0-4.281-3.409-7.75-7.625-7.75-4.212 0-7.625 3.464-7.625 7.75 0 1.863.63 3.574 1.711 4.911l-1.997 3.654a.55.55 0 0 0 .05.6c.136.17.359.24.567.18l3.023-.923.921 3.427a.54.54 0 0 0 .45.396q.034.006.063.005c.19 0 .368-.106.463-.277l2.374-4.23 2.378 4.24a.53.53 0 0 0 .458.262q.034.001.073-.004a.53.53 0 0 0 .44-.392l.922-3.432 3.068.922a.53.53 0 0 0 .567-.184.53.53 0 0 0 .045-.595M11.977 3.444c3.413 0 6.204 2.841 6.204 6.305 0 3.469-2.796 6.305-6.204 6.305-3.413 0-6.204-2.84-6.204-6.305s2.79-6.305 6.204-6.305m-2.664 16.6-.722-2.689a.55.55 0 0 0-.254-.332.54.54 0 0 0-.413-.046l-2.292.701 1.203-2.2a7.54 7.54 0 0 0 3.93 1.932zm6.717-3.067a.526.526 0 0 0-.663.378l-.735 2.73-1.552-2.66a7.54 7.54 0 0 0 4.02-1.933l1.24 2.181zm-4.053-1.822a.533.533 0 0 1-.531-.54c0-2.44-1.752-4.142-4.257-4.142a.533.533 0 0 1-.531-.54c0-.3.236-.54.53-.54 2.388 0 4.258-1.978 4.258-4.506 0-.3.236-.54.53-.54.296 0 .532.24.532.54 0 2.528 1.87 4.507 4.257 4.507.295 0 .53.24.53.54s-.235.54-.53.54c-2.505 0-4.257 1.701-4.257 4.141 0 .3-.236.54-.531.54M9.586 9.892a4.9 4.9 0 0 1 2.392 2.33 4.9 4.9 0 0 1 2.392-2.33 5.36 5.36 0 0 1-2.392-2.532 5.36 5.36 0 0 1-2.392 2.532"
         })
-    })) : c.match(/^vivo/i) ? /* @__PURE__ */ a("svg", _object_spread_props(_object_spread({
+    })) : o.match(/^vivo/i) ? /* @__PURE__ */ a("svg", _object_spread_props(_object_spread({
         width: l,
         height: l,
         viewBox: "0 0 24 24",
@@ -109,7 +125,7 @@ const A = (_param)=>{
             fill: e,
             d: "M20.384 19.661c.246-.302.297-.708.134-1.061l-2.801-6.07c.622-.997.952-2.305.952-3.939 0-4.38-2.372-6.431-6.437-6.431-4.064 0-6.434 2.05-6.434 6.431 0 1.395.244 2.555.703 3.485l-.014.018q-.013.014-.022.032l-2.986 6.48c-.163.35-.112.756.132 1.058.246.3.63.434 1.086.328l1.958-.72.765 2.034c.177.333.518.537.894.537h.03c.387-.01.729-.235.891-.588l2.762-5.994 2.765 5.994c.16.35.501.575.89.586h.029c.378 0 .72-.208.927-.61l.73-1.962 2.037.743a1.01 1.01 0 0 0 1.009-.35M12.235 3.395c3.544 0 5.194 1.647 5.194 5.19 0 3.541-1.65 5.188-5.194 5.188-3.54 0-5.19-1.647-5.19-5.187s1.65-5.19 5.19-5.19m-1.448 11.521-2.445 5.306-.6-1.608a1.023 1.023 0 0 0-1.297-.591l-1.602.594 2.473-5.367c.84.904 2.009 1.46 3.471 1.666m8.367 3.692-1.6-.588a1.024 1.024 0 0 0-1.3.597l-.596 1.607-2.426-5.26c1.485-.137 2.698-.597 3.597-1.395zM11.277 7.92a.66.66 0 0 0 .47-.358l.46-1.09.507 1.07a.65.65 0 0 0 .49.378l1.135.165-.832.846a.68.68 0 0 0-.18.563l.2 1.171-.986-.54a.63.63 0 0 0-.608 0l-.983.568.196-1.187a.68.68 0 0 0-.177-.572l-.854-.837zM9.25 8.956l.622.633-.146.902a1.226 1.226 0 0 0 1.197 1.437c.198 0 .397-.048.58-.149l.736-.403.742.406a1.218 1.218 0 0 0 1.773-1.289l-.148-.902.622-.633c.328-.333.44-.818.291-1.269a1.22 1.22 0 0 0-.972-.823l-.832-.126-.38-.801a1.2 1.2 0 0 0-1.096-.698c-.47 0-.89.266-1.095.698l-.378.798-.835.126c-.454.07-.826.384-.972.824a1.24 1.24 0 0 0 .291 1.269"
         })
-    })) : /* @__PURE__ */ d("svg", _object_spread_props(_object_spread({
+    })) : /* @__PURE__ */ h("svg", _object_spread_props(_object_spread({
         width: l,
         height: l,
         viewBox: "0 0 24 24",
@@ -126,11 +142,11 @@ const A = (_param)=>{
             })
         ]
     }));
-    return i ? /*#__PURE__*/ h.cloneElement(o, {}, [
+    return c ? /*#__PURE__*/ m.cloneElement(i, {}, [
         /* @__PURE__ */ a("defs", {
-            children: i
+            children: c
         }, "gradient-defs"),
-        ...h.Children.toArray(o.props.children)
-    ]) : o;
+        ...m.Children.toArray(i.props.children)
+    ]) : i;
 };
 export { A as default };

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

@@ -1,5 +1,5 @@
-/* empty css                                       */ var a = "v17_6_379jdb0", _ = "v17_6_379jdb1", r = "v17_6_379jdb2", d = "v17_6_379jdb4", e = "v17_6_379jdb5", l = "v17_6_379jdb7", o = {
-    colSpan: "var(--v17_6_379jdb6)",
-    verticalSpace: "var(--v17_6_379jdb3)"
+/* empty css                                       */ var a = "v17_8_379jdb0", _ = "v17_8_379jdb1", r = "v17_8_379jdb2", d = "v17_8_379jdb4", e = "v17_8_379jdb5", l = "v17_8_379jdb7", o = {
+    colSpan: "var(--v17_8_379jdb6)",
+    verticalSpace: "var(--v17_8_379jdb3)"
 };
 export { e as collapsedInTablet, r as desktopLargeColumn, _ as desktopMediumColumn, a as desktopSmallColumn, d as grid, l as span, o as vars };

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

@@ -1,139 +1,139 @@
 /* empty css                                */ var _ = {
-    rowMinSize: "var(--v17_6_mfyikv0)",
-    rowMaxSize: "var(--v17_6_mfyikv1)",
-    columnMinSize: "var(--v17_6_mfyikv2)",
-    columnMaxSize: "var(--v17_6_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_6_mfyikv4)",
-        tablet: "var(--v17_6_mfyikv5)",
-        mobile: "var(--v17_6_mfyikv6)"
+        desktop: "var(--v17_8_mfyikv4)",
+        tablet: "var(--v17_8_mfyikv5)",
+        mobile: "var(--v17_8_mfyikv6)"
     },
     rowGap: {
-        desktop: "var(--v17_6_mfyikv7)",
-        tablet: "var(--v17_6_mfyikv8)",
-        mobile: "var(--v17_6_mfyikv9)"
+        desktop: "var(--v17_8_mfyikv7)",
+        tablet: "var(--v17_8_mfyikv8)",
+        mobile: "var(--v17_8_mfyikv9)"
     }
-}, m = "v17_6_mfyikva", f = "v17_6_mfyikvb", y = "v17_6_mfyikvc", k = "v17_6_mfyikvd", e = {
-    1: "v17_6_mfyikve",
-    2: "v17_6_mfyikvf",
-    3: "v17_6_mfyikvg",
-    4: "v17_6_mfyikvh",
-    5: "v17_6_mfyikvi",
-    6: "v17_6_mfyikvj",
-    7: "v17_6_mfyikvk",
-    8: "v17_6_mfyikvl",
-    9: "v17_6_mfyikvm",
-    10: "v17_6_mfyikvn",
-    11: "v17_6_mfyikvo",
-    12: "v17_6_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_6_mfyikvq",
-    2: "v17_6_mfyikvr",
-    3: "v17_6_mfyikvs",
-    4: "v17_6_mfyikvt",
-    5: "v17_6_mfyikvu",
-    6: "v17_6_mfyikvv",
-    7: "v17_6_mfyikvw",
-    8: "v17_6_mfyikvx",
-    9: "v17_6_mfyikvy",
-    10: "v17_6_mfyikvz",
-    11: "v17_6_mfyikv10",
-    12: "v17_6_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_6_mfyikv12",
-    row: "v17_6_mfyikv13",
-    "row dense": "v17_6_mfyikv14",
-    "column dense": "v17_6_mfyikv15"
+    column: "v17_8_mfyikv12",
+    row: "v17_8_mfyikv13",
+    "row dense": "v17_8_mfyikv14",
+    "column dense": "v17_8_mfyikv15"
 }, t = {
-    start: "v17_6_mfyikv16",
-    end: "v17_6_mfyikv17",
-    center: "v17_6_mfyikv18",
-    stretch: "v17_6_mfyikv19"
+    start: "v17_8_mfyikv16",
+    end: "v17_8_mfyikv17",
+    center: "v17_8_mfyikv18",
+    stretch: "v17_8_mfyikv19"
 }, n = {
-    start: "v17_6_mfyikv1a",
-    end: "v17_6_mfyikv1b",
-    center: "v17_6_mfyikv1c",
-    stretch: "v17_6_mfyikv1d",
-    baseline: "v17_6_mfyikv1e"
+    start: "v17_8_mfyikv1a",
+    end: "v17_8_mfyikv1b",
+    center: "v17_8_mfyikv1c",
+    stretch: "v17_8_mfyikv1d",
+    baseline: "v17_8_mfyikv1e"
 }, s = {
-    start: "v17_6_mfyikv1f",
-    end: "v17_6_mfyikv1g",
-    center: "v17_6_mfyikv1h",
-    stretch: "v17_6_mfyikv1i",
-    "space-between": "v17_6_mfyikv1j",
-    "space-around": "v17_6_mfyikv1k",
-    "space-evenly": "v17_6_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_6_mfyikv1m",
-    end: "v17_6_mfyikv1n",
-    center: "v17_6_mfyikv1o",
-    stretch: "v17_6_mfyikv1p",
-    "space-between": "v17_6_mfyikv1q",
-    "space-around": "v17_6_mfyikv1r",
-    "space-evenly": "v17_6_mfyikv1s"
-}, l = "v17_6_mfyikv1t", c = "v17_6_mfyikv1u", d = {
-    1: "v17_6_mfyikv1v",
-    2: "v17_6_mfyikv1w",
-    3: "v17_6_mfyikv1x",
-    4: "v17_6_mfyikv1y",
-    5: "v17_6_mfyikv1z",
-    6: "v17_6_mfyikv20",
-    7: "v17_6_mfyikv21",
-    8: "v17_6_mfyikv22",
-    9: "v17_6_mfyikv23",
-    10: "v17_6_mfyikv24",
-    11: "v17_6_mfyikv25",
-    12: "v17_6_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_6_mfyikv27",
-    2: "v17_6_mfyikv28",
-    3: "v17_6_mfyikv29",
-    4: "v17_6_mfyikv2a",
-    5: "v17_6_mfyikv2b",
-    6: "v17_6_mfyikv2c",
-    7: "v17_6_mfyikv2d",
-    8: "v17_6_mfyikv2e",
-    9: "v17_6_mfyikv2f",
-    10: "v17_6_mfyikv2g",
-    11: "v17_6_mfyikv2h",
-    12: "v17_6_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_6_mfyikv2j",
-    2: "v17_6_mfyikv2k",
-    3: "v17_6_mfyikv2l",
-    4: "v17_6_mfyikv2m",
-    5: "v17_6_mfyikv2n",
-    6: "v17_6_mfyikv2o",
-    7: "v17_6_mfyikv2p",
-    8: "v17_6_mfyikv2q",
-    9: "v17_6_mfyikv2r",
-    10: "v17_6_mfyikv2s",
-    11: "v17_6_mfyikv2t",
-    12: "v17_6_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_6_mfyikv2v",
-    2: "v17_6_mfyikv2w",
-    3: "v17_6_mfyikv2x",
-    4: "v17_6_mfyikv2y",
-    5: "v17_6_mfyikv2z",
-    6: "v17_6_mfyikv30",
-    7: "v17_6_mfyikv31",
-    8: "v17_6_mfyikv32",
-    9: "v17_6_mfyikv33",
-    10: "v17_6_mfyikv34",
-    11: "v17_6_mfyikv35",
-    12: "v17_6_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_6_mfyikv37",
-    end: "v17_6_mfyikv38",
-    center: "v17_6_mfyikv39",
-    stretch: "v17_6_mfyikv3a"
+    start: "v17_8_mfyikv37",
+    end: "v17_8_mfyikv38",
+    center: "v17_8_mfyikv39",
+    stretch: "v17_8_mfyikv3a"
 }, b = {
-    start: "v17_6_mfyikv3b",
-    end: "v17_6_mfyikv3c",
-    center: "v17_6_mfyikv3d",
-    stretch: "v17_6_mfyikv3e",
-    baseline: "v17_6_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_6_mtk7e90", r = "v17_6_mtk7e92 v17_6_mtk7e90 v17_6_mtk7e91 v17_6_1y2v1nfj6", m = "v17_6_mtk7e93", t = "v17_6_mtk7e94 v17_6_1y2v1nfre v17_6_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_6_16rbpto0)"
-}, n = "v17_6_16rbpto1 v17_6_1y2v1nfsi", t = "v17_6_16rbpto3 v17_6_16rbpto2 v17_6_1y2v1nfre", o = "v17_6_16rbpto4 v17_6_1y2v1nfsi v17_6_1y2v1nfre v17_6_1y2v1nfrq v17_6_1y2v1nfrk", a = "v17_6_16rbpto5", e = "v17_6_16rbpto6 v17_6_1y2v1nfrk", p = "v17_6_16rbpto7 v17_6_1y2v1nfrt v17_6_1y2v1nfsi", b = "v17_6_16rbpto9 v17_6_16rbpto8 v17_6_1y2v1nfre v17_6_1y2v1nfs0 v17_6_1y2v1nfru", f = "v17_6_16rbptoa", i = "v17_6_16rbptob", y = "v17_6_16rbptoc v17_6_1y2v1nfre v17_6_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_6_1gl3gmv1 v17_6_1gl3gmv0 v17_6_1y2v1nfre", o = "v17_6_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 };