@telefonica/mistica 13.4.0 → 13.6.0

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

@@ -1,7 +1,7 @@
 import "./sprinkles.css.ts.vanilla.js";
 import "./dialog.css.ts.vanilla.js";
-var _ = "_3dl29lb", y = "_3dl29l6", f = "_3dl29ll _1y2v1nf69", l = "_3dl29lj _1y2v1nf62 _1y2v1nf8x", a = "_3dl29lm", d = "_3dl29l8 _1y2v1nf68 _1y2v1nf6m _1y2v1nf70 _1y2v1nf7e _1y2v1nf5c _1y2v1nf9o _1y2v1nfag", o = "_3dl29la _1y2v1nf2o _1y2v1nf9i", r = "_3dl29l5 _1y2v1nf5d _1y2v1nf5g _1y2v1nf5p _1y2v1nf5v _1y2v1nf5m _1y2v1nf9o _1y2v1nfag _1y2v1nfau _1y2v1nfa2 _1y2v1nf2r", t = {
-    dialog: "_3dl29ld _1y2v1nf5g _1y2v1nf5m _1y2v1nf5s _1y2v1nf71 _1y2v1nf7f _1y2v1nf6b _1y2v1nf6n",
-    default: "_3dl29ld _1y2v1nf5g _1y2v1nf5m _1y2v1nf5s _1y2v1nf69 _1y2v1nf6n _1y2v1nf71 _1y2v1nf7f"
-}, e = "_3dl29l3 _1y2v1nf5b";
-export { _ as closedModalContent, y as closedOpactityLayer, f as dialogActions, l as dialogContent, a as iconContainer, d as modalCloseButtonContainer, o as modalContent, r as modalOpacityLayer, t as variants, e as wrapper };
+var _ = "_3dl29lb", y = "_3dl29l6", f = "_3dl29ll _1y2v1nf6b", l = "_3dl29lj _1y2v1nf64 _1y2v1nf8z", a = "_3dl29lm", d = "_3dl29l8 _1y2v1nf6a _1y2v1nf6o _1y2v1nf72 _1y2v1nf7g _1y2v1nf5e _1y2v1nf9q _1y2v1nfai", o = "_3dl29la _1y2v1nf2p _1y2v1nf9k", r = "_3dl29l5 _1y2v1nf5f _1y2v1nf5i _1y2v1nf5r _1y2v1nf5x _1y2v1nf5o _1y2v1nf9q _1y2v1nfai _1y2v1nfaw _1y2v1nfa4 _1y2v1nf2t", t = {
+    dialog: "_3dl29ld _1y2v1nf5i _1y2v1nf5o _1y2v1nf5u _1y2v1nf73 _1y2v1nf7h _1y2v1nf6d _1y2v1nf6p",
+    default: "_3dl29ld _1y2v1nf5i _1y2v1nf5o _1y2v1nf5u _1y2v1nf6b _1y2v1nf6p _1y2v1nf73 _1y2v1nf7h"
+}, i = "_3dl29l3 _1y2v1nf5d";
+export { _ as closedModalContent, y as closedOpactityLayer, f as dialogActions, l as dialogContent, a as iconContainer, d as modalCloseButtonContainer, o as modalContent, r as modalOpacityLayer, t as variants, i as wrapper };

package/dist-es/double-field.css-mistica.js

@@ -2,7 +2,7 @@ import "./sprinkles.css.ts.vanilla.js";
 import "./text-field-components.css.ts.vanilla.js";
 import "./double-field.css.ts.vanilla.js";
 var v = {
-    default: "skrulh1 _1y2v1nf5g _1y2v1nf5l _1y2v1nf7n",
-    fullWidth: "skrulh2 _1y2v1nf5g _1y2v1nf5l _1y2v1nf7n"
+    default: "skrulh1 _1y2v1nf5i _1y2v1nf5n _1y2v1nf7p",
+    fullWidth: "skrulh2 _1y2v1nf5i _1y2v1nf5n _1y2v1nf7p"
 };
 export { v as variants };

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

@@ -1,4 +1,4 @@
 import "./sprinkles.css.ts.vanilla.js";
 import "./empty-state-card.css.ts.vanilla.js";
-var n = "_1azor6p0", o = "_1azor6p4 _1y2v1nf7y _1y2v1nf8d", i = "_1azor6p2 _1y2v1nf5i _1y2v1nf8f";
-export { n as container, o as iconContainer, i as image };
+var n = "_1azor6p0", o = "_1azor6p4 _1y2v1nf80 _1y2v1nf8f", v = "_1azor6p2 _1y2v1nf5k _1y2v1nf8h";
+export { n as container, o as iconContainer, v as image };

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

@@ -1,9 +1,9 @@
 import "./sprinkles.css.ts.vanilla.js";
 import "./empty-state.css.ts.vanilla.js";
-var n = "_13fzrua2 _1y2v1nf5g _1y2v1nf5a", f = {
+var n = "_13fzrua2 _1y2v1nf5i _1y2v1nf5c", v = {
     default: "_13fzrua3",
     largeImage: "_13fzrua4"
-}, v = "_13fzrua9 _1y2v1nf80 _1y2v1nf8f", e = "_13fzruac", _ = "_13fzrua7 _1y2v1nf83", o = "_13fzrua5", u = "_13fzruab _1y2v1nf5i", t = {
+}, e = "_13fzrua9 _1y2v1nf82 _1y2v1nf8h", f = "_13fzruac", _ = "_13fzrua7 _1y2v1nf85", o = "_13fzrua5", u = "_13fzruab _1y2v1nf5k", t = {
     backgroundColor: "var(--_13fzrua0)"
 };
-export { n as container, f as contentVariants, v as iconContainer, e as inverseBorder, _ as largeImage, o as largeImageContainer, u as smallImage, t as vars };
+export { n as container, v as contentVariants, e as iconContainer, f as inverseBorder, _ as largeImage, o as largeImageContainer, u as smallImage, t as vars };

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

@@ -1,4 +1,4 @@
 import "./sprinkles.css.ts.vanilla.js";
 import "./feedback.css.ts.vanilla.js";
-var n = "gx6h6a3 _1y2v1nf5g _1y2v1nf83 _1y2v1nf7n", r = "_1y2v1nf9j _1y2v1nf5g _1y2v1nf5s", t = "gx6h6a1", v = "gx6h6a7", f = "gx6h6a5", o = "gx6h6a6", p = "gx6h6a4";
-export { n as container, r as desktopContainer, t as desktopContent, v as feedbackData, f as feedbackDataAppear, o as feedbackDataAppearActive, p as innerContainer };
+var n = "gx6h6a3 _1y2v1nf5i _1y2v1nf85 _1y2v1nf7p", r = "_1y2v1nf9l _1y2v1nf5i _1y2v1nf5u", t = "gx6h6a1", v = "gx6h6a7", p = "gx6h6a5", f = "gx6h6a6", i = "gx6h6a4";
+export { n as container, r as desktopContainer, t as desktopContent, v as feedbackData, p as feedbackDataAppear, f as feedbackDataAppearActive, i as innerContainer };

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

@@ -1,7 +1,7 @@
 import "./sprinkles.css.ts.vanilla.js";
 import "./fixed-footer-layout.css.ts.vanilla.js";
-var v = "p5j8j58", a = "p5j8j56 _1y2v1nf2p", j = "p5j8j54", t = "p5j8j53 _1y2v1nf7n _1y2v1nf2o", e = {
+var v = "p5j8j58", a = "p5j8j56 _1y2v1nf2q", j = "p5j8j54", t = "p5j8j53 _1y2v1nf7p _1y2v1nf2p", e = {
     footerHeight: "var(--p5j8j50)",
     backgroundColor: "var(--p5j8j51)"
-}, p = "_1y2v1nf5f";
+}, p = "_1y2v1nf5h";
 export { v as container, a as elevated, j as fixedFooter, t as footer, e as vars, p as withoutFooter };

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

@@ -1,7 +1,7 @@
 import "./sprinkles.css.ts.vanilla.js";
 import "./responsive-layout.css.ts.vanilla.js";
 import "./hero.css.ts.vanilla.js";
-var t = "_16rbpto6 _1y2v1nf5g _1y2v1nf62 _1y2v1nf5w", n = "_16rbpto2 _1y2v1nf5g", a = "_1y2v1nf5v _1y2v1nf83", _ = "_1y2v1nf5m", i = "_16rbpto7", p = {
+var v = "_16rbpto6 _1y2v1nf5i _1y2v1nf64 _1y2v1nf5y", n = "_16rbpto2 _1y2v1nf5i", a = "_1y2v1nf5x _1y2v1nf85", i = "_1y2v1nf5o", _ = "_16rbpto7", p = {
     height: "var(--_16rbpto0)"
 };
-export { t as actions, n as container, a as containerDesktop, _ as containerMobile, i as layout, p as vars };
+export { v as actions, n as container, a as containerDesktop, i as containerMobile, _ as layout, p as vars };

package/dist-es/hero.js

@@ -84,13 +84,13 @@ import { MediaBorderRadiusProvider as g } from "./image.js";
 import { Text3 as x, Text8 as D } from "./text.js";
 import O from "./grid-layout.js";
 import t from "./box.js";
-import b from "./stack.js";
+import y from "./stack.js";
 import j from "./button-group.js";
 import { vars as s } from "./skins/skin-contract.css-mistica.js";
-import { vars as y, container as u, containerMobile as G, containerDesktop as B, layout as L, actions as A } from "./hero.css-mistica.js";
-import { assignInlineVars as N } from "@vanilla-extract/dynamic";
+import { vars as b, container as u, containerMobile as G, containerDesktop as S, layout as L, actions as A } from "./hero.css-mistica.js";
+import { assignInlineVars as B } from "@vanilla-extract/dynamic";
 import { useIsInsideSlideshowContext as V } from "./carousel.js";
-import { getPrefixedDataAttributes as S } from "./utils/dom.js";
+import { getPrefixedDataAttributes as N } from "./utils/dom.js";
 import { sprinkles as w } from "./sprinkles.css-mistica.js";
 import { ThemeVariant as Y } from "./theme-variant-context.js";
 import { jsx as r, jsxs as c } from "./_virtual/jsx-runtime.js";
@@ -115,11 +115,11 @@ const k = (param)=>/* @__PURE__ */ {
         children: [
             /* @__PURE__ */ c("div", {
                 children: [
-                    /* @__PURE__ */ c(b, {
+                    /* @__PURE__ */ c(y, {
                         space: 16,
                         children: [
                             e && e,
-                            /* @__PURE__ */ c(b, {
+                            /* @__PURE__ */ c(y, {
                                 space: 8,
                                 children: [
                                     a && /* @__PURE__ */ r(x, {
@@ -161,7 +161,7 @@ const k = (param)=>/* @__PURE__ */ {
     default: s.colors.background,
     alternative: s.colors.backgroundAlternative,
     brand: s.colors.backgroundBrand,
-    "brand-secondary": s.colors.backgroundBrand
+    "brand-secondary": s.colors.backgroundBrandSecondary
 }, er = /*#__PURE__*/ R.forwardRef((_param, l)=>{
     var { height: e , background: o = "default" , media: a , desktopMediaPosition: i = "left" , dataAttributes: d  } = _param, n = _objectWithoutProperties(_param, [
         "height",
@@ -173,7 +173,7 @@ const k = (param)=>/* @__PURE__ */ {
     const { isTabletOrSmaller: p  } = T(), m = V(), h = o === "brand" || o === "brand-secondary";
     if (p) return /* @__PURE__ */ r(g, {
         value: !1,
-        children: /* @__PURE__ */ c("div", _objectSpreadProps(_objectSpread({}, S(_objectSpread({
+        children: /* @__PURE__ */ c("div", _objectSpreadProps(_objectSpread({}, N(_objectSpread({
             "component-name": "Hero"
         }, d))), {
             ref: l,
@@ -181,8 +181,8 @@ const k = (param)=>/* @__PURE__ */ {
                 backgroundColor: C[o]
             }, e === "100vh" ? {
                 maxHeight: "-webkit-fill-available"
-            } : {}, N({
-                [y.height]: e != null ? e : "100%"
+            } : {}, B({
+                [b.height]: e != null ? e : "100%"
             })),
             className: f(u, G),
             children: [
@@ -207,7 +207,7 @@ const k = (param)=>/* @__PURE__ */ {
     });
     return /* @__PURE__ */ r(g, {
         value: !0,
-        children: /* @__PURE__ */ r("div", _objectSpreadProps(_objectSpread({}, S(_objectSpread({
+        children: /* @__PURE__ */ r("div", _objectSpreadProps(_objectSpread({}, N(_objectSpread({
             "component-name": "Hero"
         }, d))), {
             ref: l,
@@ -215,8 +215,8 @@ const k = (param)=>/* @__PURE__ */ {
                 backgroundColor: C[o]
             }, e === "100vh" ? {
                 maxHeight: "-webkit-fill-available"
-            } : {}, N({
-                [y.height]: e != null ? e : "100%"
+            } : {}, B({
+                [b.height]: e != null ? e : "100%"
             })),
             className: w({
                 height: "100%",
@@ -229,12 +229,12 @@ const k = (param)=>/* @__PURE__ */ {
                     template: "6+6",
                     left: /* @__PURE__ */ r(t, {
                         paddingY: 56,
-                        className: f(u, B),
+                        className: f(u, S),
                         children: H
                     }),
                     right: /* @__PURE__ */ r(t, {
                         paddingY: 56,
-                        className: f(u, B),
+                        className: f(u, S),
                         children: I
                     })
                 })

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

@@ -1,7 +1,7 @@
 import "./sprinkles.css.ts.vanilla.js";
 import "./highlighted-card.css.ts.vanilla.js";
-var y = "wrb8722 _1y2v1nf5g _1y2v1nf5l _1y2v1nf5s _1y2v1nf5y", f = "wrb8725 _1y2v1nf5g", _ = {
-    withImage: "wrb8728 wrb8727 _1y2v1nf5g _1y2v1nf5m _1y2v1nf5u _1y2v1nf69 _1y2v1nf6n _1y2v1nf70",
-    withoutImage: "wrb8729 wrb8727 _1y2v1nf5g _1y2v1nf5m _1y2v1nf5u _1y2v1nf69 _1y2v1nf6n _1y2v1nf70"
-}, r = "_1y2v1nf63 _1y2v1nf6h _1y2v1nf6v _1y2v1nf79 _1y2v1nf5g _1y2v1nf5y _1y2v1nf9e _1y2v1nf7n _1y2v1nf5a";
-export { y as container, f as imageContent, _ as textContainerVariant, r as touchableContainer };
+var f = "wrb8722 _1y2v1nf5i _1y2v1nf5n _1y2v1nf5u _1y2v1nf60", y = "wrb8725 _1y2v1nf5i", _ = {
+    withImage: "wrb8728 wrb8727 _1y2v1nf5i _1y2v1nf5o _1y2v1nf5w _1y2v1nf6b _1y2v1nf6p _1y2v1nf72",
+    withoutImage: "wrb8729 wrb8727 _1y2v1nf5i _1y2v1nf5o _1y2v1nf5w _1y2v1nf6b _1y2v1nf6p _1y2v1nf72"
+}, r = "_1y2v1nf65 _1y2v1nf6j _1y2v1nf6x _1y2v1nf7b _1y2v1nf5i _1y2v1nf60 _1y2v1nf9g _1y2v1nf7p _1y2v1nf5c";
+export { f as container, y as imageContent, _ as textContainerVariant, r as touchableContainer };

package/dist-es/highlighted-card.js

@@ -104,7 +104,7 @@ const V = /*#__PURE__*/ u.forwardRef((e, i)=>{
                 "aria-label": m ? void 0 : e["aria-label"],
                 children: [
                     /* @__PURE__ */ t(w, {
-                        as: "h1",
+                        as: "h3",
                         regular: !0,
                         truncate: e.titleLinesMax,
                         children: a

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

@@ -1,4 +1,4 @@
 import "./sprinkles.css.ts.vanilla.js";
 import "./icon-button.css.ts.vanilla.js";
-var t = "yqt1oe1 _1y2v1nf5k";
+var t = "yqt1oe1 _1y2v1nf5m";
 export { t as base };

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

@@ -1,4 +1,4 @@
 import "./sprinkles.css.ts.vanilla.js";
 import "./image.css.ts.vanilla.js";
-var n = 300, f = "_17tt25r1 _1y2v1nf9o _1y2v1nfa2 _1y2v1nf5i _1y2v1nf7n _1y2v1nf83 _1y2v1nfb8 _1y2v1nf9b _1y2v1nf9c";
-export { n as FADE_IN_DURATION_MS, f as image };
+var f = 300, n = "_17tt25r1 _1y2v1nf9q _1y2v1nfa4 _1y2v1nf5k _1y2v1nf7p _1y2v1nf85 _1y2v1nfba _1y2v1nf9d _1y2v1nf9e";
+export { f as FADE_IN_DURATION_MS, n as image };