@telefonica/mistica 13.3.0 → 13.5.0

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

@@ -10,9 +10,9 @@ function _export(target, all) {
 }
 _export(exports, {
     container: ()=>n,
-    contentVariants: ()=>f,
-    iconContainer: ()=>v,
-    inverseBorder: ()=>e,
+    contentVariants: ()=>v,
+    iconContainer: ()=>e,
+    inverseBorder: ()=>f,
     largeImage: ()=>_,
     largeImageContainer: ()=>o,
     smallImage: ()=>u,
@@ -20,9 +20,9 @@ _export(exports, {
 });
 require("./sprinkles.css.ts.vanilla.js");
 require("./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)"
 };

package/dist/feedback.css-mistica.js

@@ -13,10 +13,10 @@ _export(exports, {
     desktopContainer: ()=>r,
     desktopContent: ()=>t,
     feedbackData: ()=>v,
-    feedbackDataAppear: ()=>f,
-    feedbackDataAppearActive: ()=>o,
-    innerContainer: ()=>p
+    feedbackDataAppear: ()=>p,
+    feedbackDataAppearActive: ()=>f,
+    innerContainer: ()=>i
 });
 require("./sprinkles.css.ts.vanilla.js");
 require("./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";
+var n = "gx6h6a3 _1y2v1nf5i _1y2v1nf85 _1y2v1nf7p", r = "_1y2v1nf9l _1y2v1nf5i _1y2v1nf5u", t = "gx6h6a1", v = "gx6h6a7", p = "gx6h6a5", f = "gx6h6a6", i = "gx6h6a4";

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

@@ -18,7 +18,7 @@ _export(exports, {
 });
 require("./sprinkles.css.ts.vanilla.js");
 require("./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";

package/dist/header.d.ts

@@ -51,7 +51,11 @@ export declare const MainSectionHeader: React.FC<MainSectionHeaderProps>;
 type HeaderLayoutProps = {
     isInverse?: boolean;
     breadcrumbs?: RendersNullableElement<typeof NavigationBreadcrumbs>;
-    header: React.ReactNode;
+    /**
+     * Intentionally not forced to RendersElement<typeof Header> to allow skeletons for example
+     * The header is optional in order to allow webviews to delegate the header visualization to the surrounding native app.
+     */
+    header?: React.ReactNode;
     extra?: React.ReactNode;
     sideBySideExtraOnDesktop?: boolean;
     children?: void;

package/dist/header.js

@@ -110,7 +110,7 @@ function _objectWithoutPropertiesLoose(source, excluded) {
     return target;
 }
 const J = (param)=>{
-    let { pretitle: i , title: e , description: t , dataAttributes: n , preamount: a , amount: s , button: c , subtitle: g , isErrorAmount: H , secondaryButton: x  } = param;
+    let { pretitle: i , title: e , description: o , dataAttributes: n , preamount: c , amount: s , button: a , subtitle: g , isErrorAmount: H , secondaryButton: x  } = param;
     const { isTabletOrSmaller: L  } = (0, _hooksJs.useScreenSize)(), O = (0, _themeVariantContextJs.useIsInverseVariant)(), f = (m, y)=>{
         if (typeof m == "string") return /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)(_textJs.Text3, _objectSpreadProps(_objectSpread({
             regular: !0
@@ -130,7 +130,7 @@ const J = (param)=>{
         space: L ? 24 : 32,
         dataAttributes: n,
         children: [
-            (e || i || t) && /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)(_boxJs.default, {
+            (e || i || o) && /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)(_boxJs.default, {
                 paddingRight: 16,
                 children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsxs)(_stackJs.default, {
                     space: 8,
@@ -143,21 +143,21 @@ const J = (param)=>{
                             "aria-level": 2,
                             children: e
                         }),
-                        t && /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)(_textJs.Text3, {
+                        o && /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)(_textJs.Text3, {
                             regular: !0,
                             color: _skinContractCssMisticaJs.vars.colors.textSecondary,
-                            children: t
+                            children: o
                         })
                     ]
                 })
             }),
-            (a || s || c || g) && /* @__PURE__ */ (0, _jsxRuntimeJs.jsxs)(_stackJs.default, {
+            (c || s || a || g) && /* @__PURE__ */ (0, _jsxRuntimeJs.jsxs)(_stackJs.default, {
                 space: 16,
                 children: [
-                    (a || s) && /* @__PURE__ */ (0, _jsxRuntimeJs.jsxs)(_stackJs.default, {
+                    (c || s) && /* @__PURE__ */ (0, _jsxRuntimeJs.jsxs)(_stackJs.default, {
                         space: 8,
                         children: [
-                            a && f(a, {
+                            c && f(c, {
                                 color: _skinContractCssMisticaJs.vars.colors.textPrimary
                             }),
                             /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)(_textJs.Text8, {
@@ -166,8 +166,8 @@ const J = (param)=>{
                             })
                         ]
                     }),
-                    (c || x) && /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)(_buttonGroupJs.default, {
-                        primaryButton: c,
+                    (a || x) && /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)(_buttonGroupJs.default, {
+                        primaryButton: a,
                         secondaryButton: x
                     }),
                     g && f(g, {})
@@ -176,7 +176,7 @@ const J = (param)=>{
         ]
     });
 }, K = (param)=>{
-    let { title: i , description: e , button: t  } = param;
+    let { title: i , description: e , button: o  } = param;
     const { isTabletOrSmaller: n  } = (0, _hooksJs.useScreenSize)();
     return /* @__PURE__ */ (0, _jsxRuntimeJs.jsxs)(_stackJs.default, {
         space: 32,
@@ -194,12 +194,12 @@ const J = (param)=>{
                     })
                 ]
             }),
-            t
+            o
         ]
     });
 }, N = (param)=>{
-    let { isInverse: i = !0 , breadcrumbs: e , header: t , extra: n , sideBySideExtraOnDesktop: a = !1 , dataAttributes: s  } = param;
-    const { isTabletOrSmaller: c  } = (0, _hooksJs.useScreenSize)();
+    let { isInverse: i = !0 , breadcrumbs: e , header: o , extra: n , sideBySideExtraOnDesktop: c = !1 , dataAttributes: s  } = param;
+    const { isTabletOrSmaller: a  } = (0, _hooksJs.useScreenSize)();
     return /* @__PURE__ */ (0, _jsxRuntimeJs.jsxs)(_responsiveLayoutJs.default, {
         isInverse: i,
         dataAttributes: _objectSpread({
@@ -207,17 +207,17 @@ const J = (param)=>{
         }, s),
         children: [
             /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)(_overscrollColorContextJs.default, {}),
-            c ? /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)(_boxJs.default, {
-                paddingTop: 32,
+            a ? /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)(_boxJs.default, {
+                paddingTop: o ? 32 : 0,
                 paddingBottom: 24,
                 children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsxs)(_stackJs.default, {
                     space: 24,
                     children: [
-                        t,
+                        o,
                         n
                     ]
                 })
-            }) : a ? /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)(_boxJs.default, {
+            }) : c ? /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)(_boxJs.default, {
                 paddingTop: e ? 16 : 48,
                 paddingBottom: 48,
                 children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)(_gridLayoutJs.default, {
@@ -226,7 +226,7 @@ const J = (param)=>{
                         space: 32,
                         children: [
                             e,
-                            t
+                            o
                         ]
                     }),
                     right: n
@@ -235,13 +235,13 @@ const J = (param)=>{
                 paddingTop: e ? 16 : 48,
                 paddingBottom: 48,
                 children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsxs)(_stackJs.default, {
-                    space: c ? 24 : 32,
+                    space: a ? 24 : 32,
                     children: [
                         /* @__PURE__ */ (0, _jsxRuntimeJs.jsxs)(_stackJs.default, {
                             space: 32,
                             children: [
                                 e,
-                                t
+                                o
                             ]
                         }),
                         n
@@ -252,12 +252,12 @@ const J = (param)=>{
     });
 }, Q = (param)=>{
     let { isInverse: i = !0 , children: e  } = param;
-    const { isTabletOrSmaller: t  } = (0, _hooksJs.useScreenSize)();
+    const { isTabletOrSmaller: o  } = (0, _hooksJs.useScreenSize)();
     return /* @__PURE__ */ (0, _jsxRuntimeJs.jsxs)(_responsiveLayoutJs.default, {
         isInverse: i,
         children: [
             /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)(_overscrollColorContextJs.default, {}),
-            t ? /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)(_boxJs.default, {
+            o ? /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)(_boxJs.default, {
                 paddingTop: 12,
                 paddingBottom: 24,
                 children: e

package/dist/hero.css-mistica.js

@@ -9,16 +9,16 @@ function _export(target, all) {
     });
 }
 _export(exports, {
-    actions: ()=>t,
+    actions: ()=>v,
     container: ()=>n,
     containerDesktop: ()=>a,
-    containerMobile: ()=>_,
-    layout: ()=>i,
+    containerMobile: ()=>i,
+    layout: ()=>_,
     vars: ()=>p
 });
 require("./sprinkles.css.ts.vanilla.js");
 require("./responsive-layout.css.ts.vanilla.js");
 require("./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)"
 };

package/dist/hero.js

@@ -213,7 +213,7 @@ const k = (param)=>/* @__PURE__ */ {
     default: _skinContractCssMisticaJs.vars.colors.background,
     alternative: _skinContractCssMisticaJs.vars.colors.backgroundAlternative,
     brand: _skinContractCssMisticaJs.vars.colors.backgroundBrand,
-    "brand-secondary": _skinContractCssMisticaJs.vars.colors.backgroundBrand
+    "brand-secondary": _skinContractCssMisticaJs.vars.colors.backgroundBrandSecondary
 }, er = /*#__PURE__*/ _react.forwardRef((_param, l)=>{
     var { height: e , background: o = "default" , media: a , desktopMediaPosition: i = "left" , dataAttributes: d  } = _param, n = _objectWithoutProperties(_param, [
         "height",

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

@@ -9,14 +9,14 @@ function _export(target, all) {
     });
 }
 _export(exports, {
-    container: ()=>y,
-    imageContent: ()=>f,
+    container: ()=>f,
+    imageContent: ()=>y,
     textContainerVariant: ()=>_,
     touchableContainer: ()=>r
 });
 require("./sprinkles.css.ts.vanilla.js");
 require("./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";
+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";

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

@@ -8,4 +8,4 @@ Object.defineProperty(exports, "base", {
 });
 require("./sprinkles.css.ts.vanilla.js");
 require("./icon-button.css.ts.vanilla.js");
-var t = "yqt1oe1 _1y2v1nf5k";
+var t = "yqt1oe1 _1y2v1nf5m";

package/dist/image.css-mistica.js

@@ -9,9 +9,9 @@ function _export(target, all) {
     });
 }
 _export(exports, {
-    FADE_IN_DURATION_MS: ()=>n,
-    image: ()=>f
+    FADE_IN_DURATION_MS: ()=>f,
+    image: ()=>n
 });
 require("./sprinkles.css.ts.vanilla.js");
 require("./image.css.ts.vanilla.js");
-var n = 300, f = "_17tt25r1 _1y2v1nf9o _1y2v1nfa2 _1y2v1nf5i _1y2v1nf7n _1y2v1nf83 _1y2v1nfb8 _1y2v1nf9b _1y2v1nf9c";
+var f = 300, n = "_17tt25r1 _1y2v1nf9q _1y2v1nfa4 _1y2v1nf5k _1y2v1nf7p _1y2v1nf85 _1y2v1nfba _1y2v1nf9d _1y2v1nf9e";

package/dist/list.css-mistica.js

@@ -10,19 +10,19 @@ function _export(target, all) {
 }
 _export(exports, {
     asset: ()=>_,
-    badge: ()=>y,
-    center: ()=>f,
-    content: ()=>a,
-    disabled: ()=>r,
-    dualActionContainer: ()=>e,
-    dualActionLeft: ()=>o,
-    dualActionRight: ()=>t,
+    badge: ()=>f,
+    center: ()=>y,
+    content: ()=>r,
+    disabled: ()=>a,
+    dualActionContainer: ()=>i,
+    dualActionLeft: ()=>t,
+    dualActionRight: ()=>o,
     hoverBackground: ()=>g,
-    pointer: ()=>i,
-    right: ()=>d,
-    rowBody: ()=>u,
-    rowContent: ()=>b
+    pointer: ()=>e,
+    right: ()=>b,
+    rowBody: ()=>c,
+    rowContent: ()=>d
 });
 require("./sprinkles.css.ts.vanilla.js");
 require("./list.css.ts.vanilla.js");
-var _ = "_1y2v1nf5g _1y2v1nf5y _1y2v1nf60", y = "_1y2v1nf5p _1y2v1nf8o _1y2v1nf83 _1y2v1nf5y", f = "_1y2v1nf5g _1y2v1nf5v", a = "_1y2v1nf5g _1y2v1nf7n _1y2v1nf99", r = "_2buj9g0", e = "_1y2v1nf5g _1y2v1nf5l", o = "_1y2v1nf63 _1y2v1nf6h _1y2v1nf6v _1y2v1nf79 _1y2v1nf5i _1y2v1nf9e _1y2v1nf5a _1y2v1nf70 _1y2v1nf7e _1y2v1nf61", t = "_2buj9gi _1y2v1nf63 _1y2v1nf6h _1y2v1nf6v _1y2v1nf79 _1y2v1nf5i _1y2v1nf9e _1y2v1nf5a _1y2v1nf70 _1y2v1nf7e _1y2v1nf5g _1y2v1nf5v _1y2v1nf60 _1y2v1nf7o", g = "_2buj9g1", i = "_1y2v1nf9l", d = "_2buj9gb", u = "_1y2v1nf5g _1y2v1nf5m _1y2v1nf62", b = "_1y2v1nf63 _1y2v1nf6h _1y2v1nf6v _1y2v1nf79 _1y2v1nf7n _1y2v1nf9e _1y2v1nf5a";
+var _ = "_1y2v1nf5i _1y2v1nf60 _1y2v1nf62", f = "_1y2v1nf5r _1y2v1nf8q _1y2v1nf85 _1y2v1nf60", y = "_1y2v1nf5i _1y2v1nf5x", r = "_1y2v1nf5i _1y2v1nf7p _1y2v1nf9b", a = "_2buj9g0", i = "_1y2v1nf5i _1y2v1nf5n", t = "_1y2v1nf65 _1y2v1nf6j _1y2v1nf6x _1y2v1nf7b _1y2v1nf5k _1y2v1nf9g _1y2v1nf5c _1y2v1nf72 _1y2v1nf7g _1y2v1nf63", o = "_2buj9gi _1y2v1nf65 _1y2v1nf6j _1y2v1nf6x _1y2v1nf7b _1y2v1nf5k _1y2v1nf9g _1y2v1nf5c _1y2v1nf72 _1y2v1nf7g _1y2v1nf5i _1y2v1nf5x _1y2v1nf62 _1y2v1nf7q", g = "_2buj9g1", e = "_1y2v1nf9n", b = "_2buj9gb", c = "_1y2v1nf5i _1y2v1nf5o _1y2v1nf64", d = "_1y2v1nf65 _1y2v1nf6j _1y2v1nf6x _1y2v1nf7b _1y2v1nf7p _1y2v1nf9g _1y2v1nf5c";

package/dist/loading-bar.css-mistica.js

@@ -11,14 +11,14 @@ function _export(target, all) {
 _export(exports, {
     TRANSITION_DURATION_MS: ()=>r,
     enter: ()=>_,
-    enterActive: ()=>a,
-    exit: ()=>e,
+    enterActive: ()=>e,
+    exit: ()=>a,
     exitActive: ()=>f,
     innerProgress: ()=>y,
-    portal: ()=>g,
-    progress: ()=>t,
-    progressContainer: ()=>m
+    portal: ()=>t,
+    progress: ()=>g,
+    progressContainer: ()=>i
 });
 require("./sprinkles.css.ts.vanilla.js");
 require("./loading-bar.css.ts.vanilla.js");
-var r = 400, _ = "_1num3qg9", a = "_1num3qga", e = "_1num3qgb", f = "_1num3qgc", y = "_1num3qg8 _1y2v1nf83", g = "_1num3qg3 _1y2v1nf5d _1y2v1nf9o _1y2v1nfa2 _1y2v1nfag", t = "_1num3qg6 _1y2v1nf5c _1y2v1nf83 _1y2v1nf7n", m = "_1y2v1nf7n _1y2v1nf9m _1y2v1nf5b _1y2v1nf3o _1y2v1nf86";
+var r = 400, _ = "_1num3qg9", e = "_1num3qga", a = "_1num3qgb", f = "_1num3qgc", y = "_1num3qg8 _1y2v1nf85", t = "_1num3qg3 _1y2v1nf5f _1y2v1nf9q _1y2v1nfa4 _1y2v1nfai", g = "_1num3qg6 _1y2v1nf5e _1y2v1nf85 _1y2v1nf7p", i = "_1y2v1nf7p _1y2v1nf9o _1y2v1nf5d _1y2v1nf3q _1y2v1nf88";

package/dist/maybe-dismissable.css-mistica.js

@@ -9,10 +9,10 @@ function _export(target, all) {
     });
 }
 _export(exports, {
-    dismissableButton: ()=>y,
-    dismissableCircleContainer: ()=>f,
-    dismissableContainer: ()=>_
+    dismissableButton: ()=>f,
+    dismissableCircleContainer: ()=>i,
+    dismissableContainer: ()=>y
 });
 require("./sprinkles.css.ts.vanilla.js");
 require("./maybe-dismissable.css.ts.vanilla.js");
-var y = "cim30m2 _1y2v1nf5c _1y2v1nf9o _1y2v1nfag _1y2v1nf7y _1y2v1nf8d _1y2v1nf5g _1y2v1nf5v _1y2v1nf5p", f = "cim30m4 _1y2v1nf5g _1y2v1nf5v _1y2v1nf5p _1y2v1nf7v _1y2v1nf8a _1y2v1nf9f", _ = "_1y2v1nf5b _1y2v1nf5g _1y2v1nf5y";
+var f = "cim30m2 _1y2v1nf5e _1y2v1nf9q _1y2v1nfai _1y2v1nf80 _1y2v1nf8f _1y2v1nf5i _1y2v1nf5x _1y2v1nf5r", i = "cim30m4 _1y2v1nf5i _1y2v1nf5x _1y2v1nf5r _1y2v1nf7x _1y2v1nf8c _1y2v1nf9h", y = "_1y2v1nf5d _1y2v1nf5i _1y2v1nf60";

package/dist/menu.css-mistica.js

@@ -9,14 +9,14 @@ function _export(target, all) {
     });
 }
 _export(exports, {
-    hideItems: ()=>k,
+    hideItems: ()=>v,
     menuContainer: ()=>_,
     showItems: ()=>a,
     vars: ()=>t
 });
 require("./sprinkles.css.ts.vanilla.js");
 require("./menu.css.ts.vanilla.js");
-var k = "_2k0k3u9", _ = "_2k0k3u7 _1y2v1nf63 _1y2v1nf6h _1y2v1nf6v _1y2v1nf79 _1y2v1nf5c _1y2v1nf2p _1y2v1nf9i", a = "_2k0k3u8", t = {
+var v = "_2k0k3u9", _ = "_2k0k3u7 _1y2v1nf65 _1y2v1nf6j _1y2v1nf6x _1y2v1nf7b _1y2v1nf5e _1y2v1nf2q _1y2v1nf9k", a = "_2k0k3u8", t = {
     top: "var(--_2k0k3u0)",
     bottom: "var(--_2k0k3u1)",
     right: "var(--_2k0k3u2)",

package/dist/navigation-bar.css-mistica.js

@@ -22,24 +22,24 @@ _export(exports, {
     logoContainer: ()=>z,
     navbarBorderColorVariants: ()=>o,
     section: ()=>u,
-    selectedSectionVariantes: ()=>g,
+    selectedSectionVariantes: ()=>p,
     spacer: ()=>s,
-    textWrapperVariants: ()=>l,
-    topFixed: ()=>b
+    textWrapperVariants: ()=>x,
+    topFixed: ()=>g
 });
 require("./sprinkles.css.ts.vanilla.js");
 require("./navigation-bar.css.ts.vanilla.js");
-var y = "_1vcy5dz1 _1y2v1nf5b _1y2v1nf7v _1y2v1nf8a", _ = "_1vcy5dzr _1y2v1nf5d _1y2v1nf9y _1y2v1nfa2 _1y2v1nfag _1y2v1nf2o", e = "_1vcy5dzl", r = "_1vcy5dzm", f = "_1vcy5dzn", a = "_1vcy5dzo", c = {
-    default: "_1vcy5dzu _1y2v1nf1e",
-    inverse: "_1vcy5dzv _1y2v1nf1d"
-}, d = "_1vcy5dz4 _1vcy5dz3 _1y2v1nf5c", i = "_1vcy5dz5 _1vcy5dz3 _1y2v1nf5c", t = "_1vcy5dzw", z = "_1y2v1nf5g _1y2v1nf5p", o = {
-    default: "_1vcy5dza _1vcy5dz9 _1y2v1nf68 _1y2v1nf6m _1y2v1nf5g _1y2v1nf5v _1y2v1nf7n _1y2v1nf8h",
-    inverse: "_1vcy5dzb _1vcy5dz9 _1y2v1nf68 _1y2v1nf6m _1y2v1nf5g _1y2v1nf5v _1y2v1nf7n _1y2v1nf8h",
-    menuOpen: "_1vcy5dzc _1vcy5dz9 _1y2v1nf68 _1y2v1nf6m _1y2v1nf5g _1y2v1nf5v _1y2v1nf7n _1y2v1nf8h"
-}, u = "_1vcy5dze _1y2v1nf6y _1y2v1nf7c _1y2v1nf8h _1y2v1nf5g _1y2v1nf5v _1y2v1nf9e _1y2v1nf5a", g = {
+var y = "_1vcy5dz1 _1y2v1nf5d _1y2v1nf7x _1y2v1nf8c", _ = "_1vcy5dzr _1y2v1nf5f _1y2v1nfa0 _1y2v1nfa4 _1y2v1nfai _1y2v1nf2p", e = "_1vcy5dzl", r = "_1vcy5dzm", f = "_1vcy5dzn", a = "_1vcy5dzo", c = {
+    default: "_1vcy5dzu _1y2v1nf1f",
+    inverse: "_1vcy5dzv _1y2v1nf1e"
+}, d = "_1vcy5dz4 _1vcy5dz3 _1y2v1nf5e", i = "_1vcy5dz5 _1vcy5dz3 _1y2v1nf5e", t = "_1vcy5dzw", z = "_1y2v1nf5i _1y2v1nf5r", o = {
+    default: "_1vcy5dza _1vcy5dz9 _1y2v1nf6a _1y2v1nf6o _1y2v1nf5i _1y2v1nf5x _1y2v1nf7p _1y2v1nf8j",
+    inverse: "_1vcy5dzb _1vcy5dz9 _1y2v1nf6a _1y2v1nf6o _1y2v1nf5i _1y2v1nf5x _1y2v1nf7p _1y2v1nf8j",
+    menuOpen: "_1vcy5dzc _1vcy5dz9 _1y2v1nf6a _1y2v1nf6o _1y2v1nf5i _1y2v1nf5x _1y2v1nf7p _1y2v1nf8j"
+}, u = "_1vcy5dze _1y2v1nf70 _1y2v1nf7e _1y2v1nf8j _1y2v1nf5i _1y2v1nf5x _1y2v1nf9g _1y2v1nf5c", p = {
     default: "_1vcy5dzf",
     inverse: "_1vcy5dzg"
-}, s = "_1vcy5dzk _1y2v1nf8h", l = {
+}, s = "_1vcy5dzk _1y2v1nf8j", x = {
     default: "_1vcy5dzh",
     inverse: "_1vcy5dzi"
-}, b = "_1vcy5dz7 _1y2v1nf5d _1y2v1nf9o _1y2v1nfa2 _1y2v1nfag";
+}, g = "_1vcy5dz7 _1y2v1nf5f _1y2v1nf9q _1y2v1nfa4 _1y2v1nfai";

package/dist/navigation-breadcrumbs.css-mistica.js

@@ -9,11 +9,11 @@ function _export(target, all) {
     });
 }
 _export(exports, {
-    current: ()=>r,
+    current: ()=>v,
     link: ()=>f,
     list: ()=>i,
     listItem: ()=>_
 });
 require("./sprinkles.css.ts.vanilla.js");
 require("./navigation-breadcrumbs.css.ts.vanilla.js");
-var r = "_1fniauj3", f = "_1fniauj2", i = "_1fniauj5 _1y2v1nf63 _1y2v1nf6h _1y2v1nf6v _1y2v1nf79", _ = "_1y2v1nf5j";
+var v = "_1fniauj3", f = "_1fniauj2", i = "_1fniauj5 _1y2v1nf65 _1y2v1nf6j _1y2v1nf6x _1y2v1nf7b", _ = "_1y2v1nf5l";

package/dist/package-version.js

@@ -6,4 +6,4 @@ Object.defineProperty(exports, "PACKAGE_VERSION", {
     enumerable: true,
     get: ()=>o
 });
-const o = "13.3.0";
+const o = "13.5.0";

package/dist/password-field.css-mistica.js

@@ -4,8 +4,8 @@ Object.defineProperty(exports, "__esModule", {
 });
 Object.defineProperty(exports, "shadow", {
     enumerable: true,
-    get: ()=>v
+    get: ()=>f
 });
 require("./sprinkles.css.ts.vanilla.js");
 require("./password-field.css.ts.vanilla.js");
-var v = "ptqylz1 _1y2v1nf66 _1y2v1nf6k _1y2v1nf6y _1y2v1nf7c _1y2v1nf9f _1y2v1nf5a";
+var f = "ptqylz1 _1y2v1nf68 _1y2v1nf6m _1y2v1nf70 _1y2v1nf7e _1y2v1nf9h _1y2v1nf5c";

package/dist/popover.css-mistica.js

@@ -9,19 +9,19 @@ function _export(target, all) {
     });
 }
 _export(exports, {
-    arrow: ()=>r,
-    arrowSize: ()=>t,
-    arrowWrapper: ()=>o,
-    closeButtonIcon: ()=>a,
-    container: ()=>_,
-    defaultPositionDesktop: ()=>f,
+    arrow: ()=>t,
+    arrowSize: ()=>r,
+    arrowWrapper: ()=>a,
+    closeButtonIcon: ()=>f,
+    container: ()=>o,
+    defaultPositionDesktop: ()=>_,
     defaultPositionMobile: ()=>i,
-    distanceToTarget: ()=>y,
-    marginLeftRightMobile: ()=>e,
+    distanceToTarget: ()=>e,
+    marginLeftRightMobile: ()=>y,
     maxWidthDesktop: ()=>g,
     textAlign: ()=>p,
-    textContent: ()=>c
+    textContent: ()=>u
 });
 require("./sprinkles.css.ts.vanilla.js");
 require("./popover.css.ts.vanilla.js");
-var r = "_12igu661 _1y2v1nf5c _1y2v1nf9o _1y2v1nf9d _1y2v1nf9g _1y2v1nf2p", t = 12, o = "_12igu663 _1y2v1nf5c _1y2v1nf2 _1y2v1nf9m", a = "_12igu669 _1y2v1nf5c _1y2v1nf9r _1y2v1nfaj", _ = "_12igu665 _1y2v1nf5c _1y2v1nf7o _1y2v1nf2p _1y2v1nf9d _1y2v1nf9i", f = "bottom", i = "top", y = 20, e = 16, g = 488, p = "_1y2v1nf5g _1y2v1nf5v _1y2v1nf83", c = "_12igu667";
+var t = "_12igu661 _1y2v1nf5e _1y2v1nf9q _1y2v1nf9f _1y2v1nf9i _1y2v1nf2q", r = 12, a = "_12igu663 _1y2v1nf5e _1y2v1nf2 _1y2v1nf9o", f = "_12igu669 _1y2v1nf5e _1y2v1nf9t _1y2v1nfal", o = "_12igu665 _1y2v1nf5e _1y2v1nf7q _1y2v1nf2q _1y2v1nf9f _1y2v1nf9k", _ = "bottom", i = "top", e = 20, y = 16, g = 488, p = "_1y2v1nf5i _1y2v1nf5x _1y2v1nf85", u = "_12igu667";

package/dist/progress-bar.css-mistica.js

@@ -14,4 +14,4 @@ _export(exports, {
 });
 require("./sprinkles.css.ts.vanilla.js");
 require("./progress-bar.css.ts.vanilla.js");
-var n = "j0y7r93 _1y2v1nf83 _1y2v1nf9g", y = "_1y2v1nf9g _1y2v1nf86 _1y2v1nf3k";
+var n = "j0y7r93 _1y2v1nf85 _1y2v1nf9i", y = "_1y2v1nf9i _1y2v1nf88 _1y2v1nf3m";

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

@@ -9,19 +9,19 @@ function _export(target, all) {
     });
 }
 _export(exports, {
-    disabled: ()=>f,
-    innerCircle: ()=>r,
-    innerCircleChecked: ()=>y,
-    outerCircleCheckedVariants: ()=>d,
+    disabled: ()=>r,
+    innerCircle: ()=>f,
+    innerCircleChecked: ()=>d,
+    outerCircleCheckedVariants: ()=>y,
     outerCircleVariants: ()=>_,
     radioButton: ()=>c
 });
 require("./sprinkles.css.ts.vanilla.js");
 require("./radio-button.css.ts.vanilla.js");
-var f = "c6dmsub", r = "c6dmsu5 _1y2v1nf5g _1y2v1nf9f", y = "c6dmsu7 _1y2v1nf3l", d = {
+var r = "c6dmsub", f = "c6dmsu5 _1y2v1nf5i _1y2v1nf9h", d = "c6dmsu7 _1y2v1nf3n", y = {
     default: "c6dmsu9",
     ios: "c6dmsua"
 }, _ = {
-    default: "c6dmsu2 c6dmsu1 _1y2v1nf5h _1y2v1nf5v _1y2v1nf5p _1y2v1nf9l _1y2v1nf5y _1y2v1nf9f _1y2v1nf2o",
-    ios: "c6dmsu3 c6dmsu1 _1y2v1nf5h _1y2v1nf5v _1y2v1nf5p _1y2v1nf9l _1y2v1nf5y _1y2v1nf9f _1y2v1nf2o"
+    default: "c6dmsu2 c6dmsu1 _1y2v1nf5j _1y2v1nf5x _1y2v1nf5r _1y2v1nf9n _1y2v1nf60 _1y2v1nf9h _1y2v1nf2p",
+    ios: "c6dmsu3 c6dmsu1 _1y2v1nf5j _1y2v1nf5x _1y2v1nf5r _1y2v1nf9n _1y2v1nf60 _1y2v1nf9h _1y2v1nf2p"
 }, c = "c6dmsu8";

package/dist/responsive-layout.css-mistica.js

@@ -9,11 +9,11 @@ function _export(target, all) {
     });
 }
 _export(exports, {
-    container: ()=>o,
-    fullWidth: ()=>v,
+    container: ()=>v,
+    fullWidth: ()=>n,
     inverseBackground: ()=>a,
     responsiveLayout: ()=>e
 });
 require("./sprinkles.css.ts.vanilla.js");
 require("./responsive-layout.css.ts.vanilla.js");
-var o = "_1y2v1nf7n", v = "_17lofg75 _1y2v1nf7n", a = "_1y2v1nf2q", e = "_17lofg73";
+var v = "_1y2v1nf7p", n = "_17lofg75 _1y2v1nf7p", a = "_1y2v1nf2r", e = "_17lofg73";

package/dist/screen-reader-only.css-mistica.js

@@ -8,4 +8,4 @@ Object.defineProperty(exports, "screenReaderOnly", {
 });
 require("./sprinkles.css.ts.vanilla.js");
 require("./screen-reader-only.css.ts.vanilla.js");
-var y = "gwdgwo1 _1y2v1nf63 _1y2v1nf6h _1y2v1nf6v _1y2v1nf79 _1y2v1nf5c _1y2v1nf9m _1y2v1nf9e";
+var y = "gwdgwo1 _1y2v1nf65 _1y2v1nf6j _1y2v1nf6x _1y2v1nf7b _1y2v1nf5e _1y2v1nf9o _1y2v1nf9g";

package/dist/select.css-mistica.js

@@ -9,30 +9,30 @@ function _export(target, all) {
     });
 }
 _export(exports, {
-    arrowDown: ()=>_,
+    arrowDown: ()=>n,
     menuItem: ()=>f,
     menuItemSelected: ()=>i,
     optionsAnimationsVariants: ()=>y,
-    optionsContainer: ()=>a,
-    selectContainerVariants: ()=>s,
+    optionsContainer: ()=>s,
+    selectContainerVariants: ()=>a,
     selectTextVariants: ()=>e,
     selectVariants: ()=>p,
     vars: ()=>r
 });
 require("./sprinkles.css.ts.vanilla.js");
 require("./select.css.ts.vanilla.js");
-var _ = "_1sqpivvo _1y2v1nf5c _1y2v1nfal", f = "_1sqpivvq _1y2v1nf70 _1y2v1nf7e _1y2v1nf66 _1y2v1nf6k _1y2v1nf1n _1y2v1nf5g _1y2v1nf5v _1y2v1nf9l _1y2v1nf8d", i = "_1y2v1nf2u", y = {
+var n = "_1sqpivvo _1y2v1nf5e _1y2v1nfan", f = "_1sqpivvq _1y2v1nf72 _1y2v1nf7g _1y2v1nf68 _1y2v1nf6m _1y2v1nf1o _1y2v1nf5i _1y2v1nf5x _1y2v1nf9n _1y2v1nf8f", i = "_1y2v1nf2w", y = {
     show: "_1sqpivv7",
     hide: "_1sqpivv8"
-}, a = "_1sqpivv6 _1y2v1nf63 _1y2v1nf6h _1y2v1nf6v _1y2v1nf79 _1y2v1nf5c _1y2v1nf9i _1y2v1nf2p", s = {
-    default: "_1sqpivvd _1sqpivvc _1y2v1nf5b",
-    fullWidth: "_1sqpivve _1sqpivvc _1y2v1nf5b"
+}, s = "_1sqpivv6 _1y2v1nf65 _1y2v1nf6j _1y2v1nf6x _1y2v1nf7b _1y2v1nf5e _1y2v1nf9k _1y2v1nf2q", a = {
+    default: "_1sqpivvd _1sqpivvc _1y2v1nf5d",
+    fullWidth: "_1sqpivve _1sqpivvc _1y2v1nf5d"
 }, e = {
-    default: "_1sqpivvl _1sqpivvk _1y2v1nf5c _1y2v1nf9m _1y2v1nf9b _1y2v1nf1n",
-    disabled: "_1sqpivvm _1sqpivvk _1y2v1nf5c _1y2v1nf9m _1y2v1nf9b _1y2v1nf1n"
+    default: "_1sqpivvl _1sqpivvk _1y2v1nf5e _1y2v1nf9o _1y2v1nf9d _1y2v1nf1o",
+    disabled: "_1sqpivvm _1sqpivvk _1y2v1nf5e _1y2v1nf9o _1y2v1nf9d _1y2v1nf1o"
 }, p = {
-    default: "_1sqpivvh _1sqpivvg _1y2v1nf9e _1y2v1nf1n _1y2v1nf5a _1y2v1nf7n _1y2v1nf83",
-    disabled: "_1sqpivvi _1sqpivvg _1y2v1nf9e _1y2v1nf1n _1y2v1nf5a _1y2v1nf7n _1y2v1nf83"
+    default: "_1sqpivvh _1sqpivvg _1y2v1nf9g _1y2v1nf1o _1y2v1nf5c _1y2v1nf7p _1y2v1nf85",
+    disabled: "_1sqpivvi _1sqpivvg _1y2v1nf9g _1y2v1nf1o _1y2v1nf5c _1y2v1nf7p _1y2v1nf85"
 }, r = {
     top: "var(--_1sqpivv0)",
     left: "var(--_1sqpivv1)",

package/dist/skeletons.css-mistica.js

@@ -9,11 +9,11 @@ function _export(target, all) {
     });
 }
 _export(exports, {
-    animation: ()=>o,
-    circle: ()=>r,
-    line: ()=>y,
-    row: ()=>f
+    animation: ()=>r,
+    circle: ()=>o,
+    line: ()=>f,
+    row: ()=>i
 });
 require("./sprinkles.css.ts.vanilla.js");
 require("./skeletons.css.ts.vanilla.js");
-var o = "zopolw2 _1y2v1nf5i", r = "_1y2v1nf5y _1y2v1nf60", y = "zopolw6 _1y2v1nf5z", f = "_1y2v1nf5g _1y2v1nf5v _1y2v1nf5p";
+var r = "zopolw2 _1y2v1nf5k", o = "_1y2v1nf60 _1y2v1nf62", f = "zopolw6 _1y2v1nf61", i = "_1y2v1nf5i _1y2v1nf5x _1y2v1nf5r";

package/dist/skins/blau.js

@@ -59,6 +59,7 @@ const e = {
             background: e.white,
             backgroundContainer: e.white,
             backgroundBrand: e.blauBluePrimary,
+            backgroundBrandSecondary: e.blauBluePrimary,
             backgroundOverlay: (0, _colorJs.applyAlpha)(e.blauBlueSecondary, 0.75),
             backgroundSkeleton: e.grey2,
             backgroundSkeletonInverse: (0, _colorJs.applyAlpha)(e.white, 0.2),
@@ -151,6 +152,7 @@ const e = {
         },
         darkModeColors: {
             backgroundBrand: e.darkModeBlack,
+            backgroundBrandSecondary: e.darkModeBlack,
             background: e.darkModeBlack,
             appBarBackground: e.darkModeGrey,
             backgroundContainer: e.darkModeGrey,