@telefonica/mistica 14.20.1 → 14.22.0

package/dist/sprinkles.css.d.ts

@@ -2,7 +2,7 @@ import { vars } from './skins/skin-contract.css';
 type ColorKeys = keyof typeof vars.colors;
 type ColorValues = (typeof vars.colors)[ColorKeys];
 export declare const sprinkles: ((props: {
-    readonly position?: "fixed" | "absolute" | "relative" | "static" | undefined;
+    readonly position?: "fixed" | "absolute" | "relative" | "static" | "sticky" | undefined;
     readonly display?: "flex" | "none" | "block" | "inline" | "inline-block" | "inline-flex" | undefined;
     readonly flexDirection?: "column" | "row" | undefined;
     readonly justifyContent?: "center" | "space-around" | "space-between" | "stretch" | "flex-end" | "flex-start" | undefined;
@@ -19,7 +19,8 @@ export declare const sprinkles: ((props: {
     readonly border?: "regular" | "none" | undefined;
     readonly borderRadius?: (`var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`) | 2 | 4 | 8 | 16 | 20 | "50%" | undefined;
     readonly cursor?: "pointer" | undefined;
-    readonly overflow?: "hidden" | "visible" | undefined;
+    readonly overflow?: "auto" | "hidden" | "visible" | undefined;
+    readonly overflowY?: "auto" | "hidden" | "visible" | undefined;
     readonly top?: 0 | 2 | 4 | 8 | 12 | 16 | 20 | 24 | 32 | 40 | 48 | 56 | 64 | 72 | 80 | undefined;
     readonly left?: 0 | 2 | 4 | 8 | 12 | 16 | 20 | 24 | 32 | 40 | 48 | 56 | 64 | 72 | 80 | undefined;
     readonly right?: 0 | 2 | 4 | 8 | 12 | 16 | 20 | 24 | 32 | 40 | 48 | 56 | 64 | 72 | 80 | undefined;
@@ -65,7 +66,7 @@ export declare const sprinkles: ((props: {
     color?: ColorValues | "transparent" | "inherit" | undefined;
     background?: `var(--${string})` | "transparent" | "inherit" | undefined;
 }) => string) & {
-    properties: Set<"background" | "border" | "alignItems" | "bottom" | "color" | "cursor" | "display" | "flexDirection" | "flexGrow" | "flexShrink" | "height" | "justifyContent" | "left" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "objectFit" | "paddingBottom" | "paddingLeft" | "paddingRight" | "paddingTop" | "position" | "right" | "top" | "width" | "borderRadius" | "flex" | "overflow" | "padding" | "paddingX" | "paddingY">;
+    properties: Set<"background" | "border" | "alignItems" | "bottom" | "color" | "cursor" | "display" | "flexDirection" | "flexGrow" | "flexShrink" | "height" | "justifyContent" | "left" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "objectFit" | "overflowY" | "paddingBottom" | "paddingLeft" | "paddingRight" | "paddingTop" | "position" | "right" | "top" | "width" | "borderRadius" | "flex" | "overflow" | "padding" | "paddingX" | "paddingY">;
 };
 export type Sprinkles = Parameters<typeof sprinkles>[0];
 export {};

package/dist/stack.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return $;
+        return V;
     }
 });
 const _jsxruntime = require("react/jsx-runtime");
@@ -110,7 +110,7 @@ function _object_spread_props(target, source) {
     }
     return target;
 }
-const a = (t)=>typeof t == "number" ? `${t}px` : `space-${t}`, p = (t)=>{
+const a = (t)=>typeof t == "number" ? `${t}px` : `space-${t}`, k = (t)=>{
     if (typeof t == "number" || typeof t == "string") return {
         [_stackcssmistica.vars.space]: a(t)
     };
@@ -119,16 +119,17 @@ const a = (t)=>typeof t == "number" ? `${t}px` : `space-${t}`, p = (t)=>{
         [_stackcssmistica.vars.spaceDesktop]: a(t.desktop)
     };
     return t.tablet && (e[_stackcssmistica.vars.spaceTablet] = a(t.tablet)), e;
-}, k = (t)=>{
-    const { space: e , className: l , children: s , role: n  } = t;
-    return /* @__PURE__ */ (0, _jsxruntime.jsx)("div", _object_spread_props(_object_spread({
-        className: (0, _classnames.default)(l, typeof e == "string" ? _stackcssmistica.flexStack : _stackcssmistica.marginStack),
-        style: (0, _dynamic.assignInlineVars)(p(e)),
-        role: n,
-        "aria-labelledby": t["aria-labelledby"]
-    }, (0, _dom.getPrefixedDataAttributes)(t.dataAttributes)), {
-        children: _react.Children.map(s, (o)=>/* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
-                children: o
+}, x = (param)=>/* @__PURE__ */ {
+    let { space: t , className: e , children: o , role: i , "aria-labelledby": s , dataAttributes: n  } = param;
+    return (0, _jsxruntime.jsx)("div", _object_spread_props(_object_spread({
+        className: (0, _classnames.default)(e, typeof t == "string" ? _stackcssmistica.flexStack : _stackcssmistica.marginStack),
+        style: (0, _dynamic.assignInlineVars)(k(t)),
+        role: i,
+        "aria-labelledby": s
+    }, (0, _dom.getPrefixedDataAttributes)(n)), {
+        children: _react.Children.map(o, (m)=>/* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
+                role: i === "list" ? "listitem" : void 0,
+                children: m
             }))
     }));
-}, $ = k;
+}, V = x;

package/dist/stacking-group.css-mistica.js

@@ -5,9 +5,9 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "moreItems", {
     enumerable: true,
     get: function() {
-        return r;
+        return n;
     }
 });
 require("./sprinkles.css.ts.vanilla.css-mistica.js");
 require("./stacking-group.css.ts.vanilla.css-mistica.js");
-var r = "_1y38nye1 _1y2v1nfb4 _1y2v1nfaz _1y2v1nfbd _1y2v1nfbj";
+var n = "_1y38nye1 _1y2v1nfb5 _1y2v1nfaz _1y2v1nfbe _1y2v1nfbk";

package/dist/stepper.css-mistica.js

@@ -16,28 +16,28 @@ _export(exports, {
         return r;
     },
     barFilledAnimation: function() {
-        return a;
+        return e;
     },
     barFilledReverseAnimation: function() {
-        return e;
+        return a;
     },
     currentNumber: function() {
-        return b;
+        return f;
     },
     iconAnimation: function() {
-        return f;
+        return y;
     },
     number: function() {
-        return y;
+        return b;
     },
     step: function() {
         return m;
     },
     stepIconNumber: function() {
-        return t;
+        return i;
     },
     stepper: function() {
-        return i;
+        return t;
     },
     textContainer: function() {
         return h;
@@ -48,6 +48,6 @@ _export(exports, {
 });
 require("./sprinkles.css.ts.vanilla.css-mistica.js");
 require("./stepper.css.ts.vanilla.css-mistica.js");
-var _ = "_14h93mqk _1y2v1nfcb _1y2v1nfbr _1y2v1nfe1 _1y2v1nfe4", r = "_14h93mqm _1y2v1nfcb _1y2v1nfbr _1y2v1nfe1 _1y2v1nfe4", a = "_14h93mqn", e = "_14h93mqp _1y2v1nfbt", b = "_14h93mqf", f = "_14h93mqc", y = "_14h93mqe _1y2v1nfb4 _1y2v1nfbj _1y2v1nfbd _1y2v1nfdn", m = "_14h93mq9 _1y2v1nfaz _1y2v1nfb5 _1y2v1nfba _1y2v1nfbj", t = "_14h93mqb _1y2v1nfaz _1y2v1nfb4", i = "_14h93mq7 _1y2v1nfb4 _1y2v1nfdb", h = "_14h93mqh _1y2v1nfb0", q = {
+var _ = "_14h93mqk _1y2v1nfcc _1y2v1nfbs _1y2v1nfe2 _1y2v1nfe5", r = "_14h93mqm _1y2v1nfcc _1y2v1nfbs _1y2v1nfe2 _1y2v1nfe5", e = "_14h93mqn", a = "_14h93mqp _1y2v1nfbu", f = "_14h93mqf", y = "_14h93mqc", b = "_14h93mqe _1y2v1nfb5 _1y2v1nfbk _1y2v1nfbe _1y2v1nfdo", m = "_14h93mq9 _1y2v1nfaz _1y2v1nfb6 _1y2v1nfbb _1y2v1nfbk", i = "_14h93mqb _1y2v1nfaz _1y2v1nfb5", t = "_14h93mq7 _1y2v1nfb5 _1y2v1nfdc", h = "_14h93mqh _1y2v1nfb0", q = {
     stepperMinHeight: "var(--_14h93mq0)"
 };

package/dist/switch-component.css-mistica.js

@@ -37,21 +37,21 @@ _export(exports, {
 require("./sprinkles.css.ts.vanilla.css-mistica.js");
 require("./switch-component.css.ts.vanilla.css-mistica.js");
 var n = {
-    default: "q0hp3au q0hp3as q0hp3ar _1y2v1nfb0 _1y2v1nfff _1y2v1nfb6 _1y2v1nfdn",
-    ios: "q0hp3av q0hp3at q0hp3ar _1y2v1nfb0 _1y2v1nfff _1y2v1nfb6 _1y2v1nfdn",
-    checked: "q0hp3aw q0hp3as q0hp3ar _1y2v1nfb0 _1y2v1nfff _1y2v1nfb6 _1y2v1nfdn",
-    checkedIos: "q0hp3ax q0hp3at q0hp3ar _1y2v1nfb0 _1y2v1nfff _1y2v1nfb6 _1y2v1nfdn"
+    default: "q0hp3au q0hp3as q0hp3ar _1y2v1nfb0 _1y2v1nffk _1y2v1nfb7 _1y2v1nfdo",
+    ios: "q0hp3av q0hp3at q0hp3ar _1y2v1nfb0 _1y2v1nffk _1y2v1nfb7 _1y2v1nfdo",
+    checked: "q0hp3aw q0hp3as q0hp3ar _1y2v1nfb0 _1y2v1nffk _1y2v1nfb7 _1y2v1nfdo",
+    checkedIos: "q0hp3ax q0hp3at q0hp3ar _1y2v1nfb0 _1y2v1nffk _1y2v1nfb7 _1y2v1nfdo"
 }, f = {
-    default: "q0hp3ai q0hp3ah _1y2v1nfb6",
-    ios: "q0hp3aj q0hp3ah _1y2v1nfb6",
-    checked: "q0hp3ak q0hp3ah _1y2v1nfb6",
-    checkedIos: "q0hp3al q0hp3ah _1y2v1nfb6"
+    default: "q0hp3ai q0hp3ah _1y2v1nfb7",
+    ios: "q0hp3aj q0hp3ah _1y2v1nfb7",
+    checked: "q0hp3ak q0hp3ah _1y2v1nfb7",
+    checkedIos: "q0hp3al q0hp3ah _1y2v1nfb7"
 }, v = {
-    default: "q0hp3a6 _1y2v1nfb8 _1y2v1nfe3",
-    ios: "q0hp3a7 _1y2v1nfb8 _1y2v1nfe3",
-    disabled: "q0hp3a8 _1y2v1nfb8 _1y2v1nfe3",
-    disabledIos: "q0hp3a9 _1y2v1nfb8 _1y2v1nfe3"
+    default: "q0hp3a6 _1y2v1nfb9 _1y2v1nfe4",
+    ios: "q0hp3a7 _1y2v1nfb9 _1y2v1nfe4",
+    disabled: "q0hp3a8 _1y2v1nfb9 _1y2v1nfe4",
+    disabledIos: "q0hp3a9 _1y2v1nfb9 _1y2v1nfe4"
 }, p = "q0hp3an q0hp3am", q = "q0hp3ao q0hp3am", y = "q0hp3ap", _ = {
     default: "q0hp3ac q0hp3ab _1y2v1nfaz",
     ios: "q0hp3ad q0hp3ab _1y2v1nfaz"
-}, b = "q0hp3af _1y2v1nfb6 _1y2v1nfe4";
+}, b = "q0hp3af _1y2v1nfb7 _1y2v1nfe5";

package/dist/switch-component.js

@@ -10,7 +10,7 @@ Object.defineProperty(exports, "default", {
 });
 const _jsxruntime = require("react/jsx-runtime");
 const _react = /*#__PURE__*/ _interop_require_wildcard(require("react"));
-const _debounce = /*#__PURE__*/ _interop_require_default(require("lodash/debounce"));
+const _helpers = require("./utils/helpers.js");
 const _keycodes = require("./utils/key-codes.js");
 const _formcontext = require("./form-context.js");
 const _text = require("./text.js");
@@ -121,7 +121,7 @@ const $ = (e)=>{
         defaultValue: e.defaultChecked,
         onChange: e.onChange,
         disabled: e.disabled
-    }), [c, k] = _react.useState(!!u), r = d !== null && d !== void 0 ? d : c, v = _react.useMemo(()=>process.env.NODE_ENV === "test" ? (i)=>a == null ? void 0 : a(i) : (0, _debounce.default)((i)=>{
+    }), [c, k] = _react.useState(!!u), r = d !== null && d !== void 0 ? d : c, v = _react.useMemo(()=>process.env.NODE_ENV === "test" ? (i)=>a == null ? void 0 : a(i) : (0, _helpers.debounce)((i)=>{
             a == null || a(i);
         }, 300), [
         a

package/dist/tabs.css-mistica.js

@@ -25,10 +25,10 @@ _export(exports, {
         return e;
     },
     tabSelectionVariants: function() {
-        return r;
+        return o;
     },
     tabVariants: function() {
-        return o;
+        return r;
     },
     tabsContainer: function() {
         return t;
@@ -36,11 +36,11 @@ _export(exports, {
 });
 require("./sprinkles.css.ts.vanilla.css-mistica.js");
 require("./tabs.css.ts.vanilla.css-mistica.js");
-var v = "_1y2v1nfb3 _1y2v1nfb0 _1y2v1nfel _1y2v1nfff _1y2v1nfca _1y2v1nf45", y = "lgofm1g", _ = "lgofm13", a = "lgofm12 _1y2v1nfdf _1y2v1nfbr _1y2v1nfaz", e = "lgofm10", r = {
+var v = "_1y2v1nfb4 _1y2v1nfb0 _1y2v1nfeq _1y2v1nffk _1y2v1nfcb _1y2v1nf45", y = "lgofm1g", _ = "lgofm13", a = "lgofm12 _1y2v1nfdg _1y2v1nfbs _1y2v1nfaz", e = "lgofm10", o = {
     noSelected: "_1y2v1nf1y",
     selected: "_1y2v1nf1w lgofm1b",
     selectedAnimating: "_1y2v1nf1w lgofm1c"
-}, o = {
-    default: "lgofm16 _1y2v1nf8w _1y2v1nfa5 _1y2v1nfb5 _1y2v1nfbm _1y2v1nfbj _1y2v1nfbd _1y2v1nfd3 _1y2v1nfdf _1y2v1nf5y",
-    fullWidth: "lgofm18 lgofm16 _1y2v1nf8w _1y2v1nfa5 _1y2v1nfb5 _1y2v1nfbm _1y2v1nfbj _1y2v1nfbd _1y2v1nfd3 _1y2v1nfdf _1y2v1nf5y"
-}, t = "_1y2v1nfdf _1y2v1nfbr _1y2v1nfb4";
+}, r = {
+    default: "lgofm16 _1y2v1nf8w _1y2v1nfa5 _1y2v1nfb6 _1y2v1nfbn _1y2v1nfbk _1y2v1nfbe _1y2v1nfd4 _1y2v1nfdg _1y2v1nf5y",
+    fullWidth: "lgofm18 lgofm16 _1y2v1nf8w _1y2v1nfa5 _1y2v1nfb6 _1y2v1nfbn _1y2v1nfbk _1y2v1nfbe _1y2v1nfd4 _1y2v1nfdg _1y2v1nf5y"
+}, t = "_1y2v1nfdg _1y2v1nfbs _1y2v1nfb5";

package/dist/tag.css-mistica.js

@@ -10,4 +10,4 @@ Object.defineProperty(exports, "tag", {
 });
 require("./sprinkles.css.ts.vanilla.css-mistica.js");
 require("./tag.css.ts.vanilla.css-mistica.js");
-var _ = "_1wy08671 _1y2v1nf65 _1y2v1nf7e _1y2v1nfb5 _1y2v1nfb9 _1y2v1nfbj _1y2v1nfbd _1y2v1nfd0 _1y2v1nfa2";
+var _ = "_1wy08671 _1y2v1nf65 _1y2v1nf7e _1y2v1nfb6 _1y2v1nfba _1y2v1nfbk _1y2v1nfbe _1y2v1nfd1 _1y2v1nfa2";

package/dist/text-field-base.css-mistica.js

@@ -10,7 +10,7 @@ function _export(target, all) {
 }
 _export(exports, {
     endIcon: function() {
-        return n;
+        return y;
     },
     fullWidth: function() {
         return t;
@@ -43,21 +43,21 @@ _export(exports, {
         return o;
     },
     startIcon: function() {
-        return p;
+        return l;
     },
     suggestionsContainer: function() {
-        return l;
+        return u;
     },
     textArea: function() {
-        return u;
+        return p;
     },
     textAreaWithLabel: function() {
         return c;
     },
     textAreaWithoutLabel: function() {
-        return m;
+        return x;
     }
 });
 require("./sprinkles.css.ts.vanilla.css-mistica.js");
 require("./text-field-base.css.ts.vanilla.css-mistica.js");
-var n = "rhey4tf _1y2v1nf8q _1y2v1nfa5 _1y2v1nfb4 _1y2v1nfbj", t = "rhey4t4", e = "rhey4ta _1y2v1nfaz _1y2v1nfc8 rhey4t1 _1y2v1nfdm _1y2v1nfcp _1y2v1nf1w _1y2v1nfbr", r = "rhey4tb", f = "rhey4tc", _ = "_1y2v1nf6e _1y2v1nf7n", a = "rhey4to _1y2v1nfcj _1y2v1nfb4 _1y2v1nfbj _1y2v1nfe3", h = "_1y2v1nf3e", i = "rhey4tj _1y2v1nf8t _1y2v1nfa5", b = "rhey4tl _1y2v1nf7h", o = "_1y2v1nf6e _1y2v1nf7n", p = "rhey4th _1y2v1nf8t _1y2v1nfa2 _1y2v1nfb4 _1y2v1nfbj _1y2v1nfc8 _1y2v1nfb0", l = "rhey4tr _1y2v1nfb0", u = "rhey4t6 _1y2v1nf5z _1y2v1nf78 _1y2v1nf8h _1y2v1nf9q rhey4t1 _1y2v1nfdm _1y2v1nfcp _1y2v1nf1w _1y2v1nfbr", c = "rhey4t7", m = "rhey4t8";
+var y = "rhey4tf _1y2v1nf8q _1y2v1nfa5 _1y2v1nfb5 _1y2v1nfbk", t = "rhey4t4", e = "rhey4ta _1y2v1nfaz _1y2v1nfc9 rhey4t1 _1y2v1nfdn _1y2v1nfcq _1y2v1nf1w _1y2v1nfbs", r = "rhey4tb", f = "rhey4tc", _ = "_1y2v1nf6e _1y2v1nf7n", a = "rhey4to _1y2v1nfck _1y2v1nfb5 _1y2v1nfbk _1y2v1nfe4", h = "_1y2v1nf3e", i = "rhey4tj _1y2v1nf8t _1y2v1nfa5", b = "rhey4tl _1y2v1nf7h", o = "_1y2v1nf6e _1y2v1nf7n", l = "rhey4th _1y2v1nf8t _1y2v1nfa2 _1y2v1nfb5 _1y2v1nfbk _1y2v1nfc9 _1y2v1nfb0", u = "rhey4tr _1y2v1nfb0", p = "rhey4t6 _1y2v1nf5z _1y2v1nf78 _1y2v1nf8h _1y2v1nf9q rhey4t1 _1y2v1nfdn _1y2v1nfcq _1y2v1nf1w _1y2v1nfbs", c = "rhey4t7", x = "rhey4t8";

package/dist/text-field-components.css-mistica.js

@@ -37,16 +37,16 @@ _export(exports, {
         return t;
     },
     fullWidth: function() {
-        return u;
+        return b;
     },
     helperContainer: function() {
-        return b;
+        return u;
     },
     helperText: function() {
-        return k;
+        return d;
     },
     labelContainer: function() {
-        return d;
+        return k;
     },
     labelText: function() {
         return L;
@@ -66,4 +66,4 @@ _export(exports, {
 });
 require("./sprinkles.css.ts.vanilla.css-mistica.js");
 require("./text-field-components.css.ts.vanilla.css-mistica.js");
-var _ = 328, n = 12, a = 0.78, e = 0.75, f = "_15k6ur97", y = "_1y2v1nfe4 _1y2v1nfdl _1y2v1nfb4 _1y2v1nfdu _1y2v1nfaz", l = "_15k6ur96 _1y2v1nfb4 _1y2v1nfba", i = "_15k6ur9e", t = "_15k6ur9d _1y2v1nfck", u = "_1y2v1nfbr", b = "_1y2v1nf8t _1y2v1nfa5 _1y2v1nfb4", k = "_15k6ur9g", d = "_15k6ur91 _1y2v1nfb0 _1y2v1nfe6 _1y2v1nfcg _1y2v1nfb4 _1y2v1nfb9 _1y2v1nfep", L = "_15k6ur93 _1y2v1nfe4 _1y2v1nfbn", E = "_15k6ur9h", T = "_15k6ur99 _1y2v1nfbr", h = "_15k6ur9i", o = "_15k6ur94";
+var _ = 328, n = 12, a = 0.78, e = 0.75, f = "_15k6ur97", y = "_1y2v1nfe5 _1y2v1nfdm _1y2v1nfb5 _1y2v1nfdv _1y2v1nfaz", l = "_15k6ur96 _1y2v1nfb5 _1y2v1nfbb", i = "_15k6ur9e", t = "_15k6ur9d _1y2v1nfcl", b = "_1y2v1nfbs", u = "_1y2v1nf8t _1y2v1nfa5 _1y2v1nfb5", d = "_15k6ur9g", k = "_15k6ur91 _1y2v1nfb0 _1y2v1nfeb _1y2v1nfch _1y2v1nfb5 _1y2v1nfba _1y2v1nfeu", L = "_15k6ur93 _1y2v1nfe5 _1y2v1nfbo", E = "_15k6ur9h", T = "_15k6ur99 _1y2v1nfbs", h = "_15k6ur9i", o = "_15k6ur94";

package/dist/text-link.css-mistica.js

@@ -11,7 +11,7 @@ Object.defineProperty(exports, "variants", {
 require("./sprinkles.css.ts.vanilla.css-mistica.js");
 require("./text-link.css.ts.vanilla.css-mistica.js");
 var v = {
-    default: "_1m1n0pr1 _1y2v1nfbs _1y2v1nfb7 _1y2v1nfe3 _1y2v1nf27",
-    inverseLight: "_1m1n0pr6 _1m1n0pr1 _1y2v1nfbs _1y2v1nfb7 _1y2v1nfe3 _1y2v1nf28",
-    inverseDark: "_1m1n0pr7 _1m1n0pr1 _1y2v1nfbs _1y2v1nfb7 _1y2v1nfe3 _1y2v1nf27"
+    default: "_1m1n0pr1 _1y2v1nfbt _1y2v1nfb8 _1y2v1nfe4 _1y2v1nf27",
+    inverseLight: "_1m1n0pr6 _1m1n0pr1 _1y2v1nfbt _1y2v1nfb8 _1y2v1nfe4 _1y2v1nf28",
+    inverseDark: "_1m1n0pr7 _1m1n0pr1 _1y2v1nfbt _1y2v1nfb8 _1y2v1nfe4 _1y2v1nf27"
 };

package/dist/text.d.ts

@@ -10,7 +10,7 @@ export interface TextPresetProps {
     truncate?: boolean | number;
     wordBreak?: boolean;
     hyphens?: 'auto' | 'manual' | 'none';
-    textAlign?: 'center';
+    textAlign?: 'center' | 'right';
     id?: string;
     as?: React.ComponentType<any> | string;
     role?: string;

package/dist/text.js

@@ -13,16 +13,16 @@ _export(exports, {
         return n;
     },
     Text1: function() {
-        return ge;
+        return le;
     },
     Text10: function() {
         return oe;
     },
     Text2: function() {
-        return le;
+        return pe;
     },
     Text3: function() {
-        return pe;
+        return he;
     },
     Text4: function() {
         return xe;
@@ -43,7 +43,7 @@ _export(exports, {
         return ne;
     },
     default: function() {
-        return he;
+        return ge;
     }
 });
 const _jsxruntime = require("react/jsx-runtime");
@@ -185,21 +185,21 @@ const J = {
     medium: 500,
     bold: 700
 }, K = (e)=>e === !0 ? 1 : e || "initial", n = (param)=>{
-    let { weight: e , color: i = _skincontractcssmistica.vars.colors.textPrimary , decoration: t , truncate: o , transform: g , wordBreak: c = !0 , hyphens: S , as: z = "span" , children: h , size: u , mobileSize: d = u , desktopSize: b = u , lineHeight: T , mobileLineHeight: f = T , desktopLineHeight: k = T , letterSpacing: w , textAlign: H , textShadow: v , id: A , role: P , "aria-level": y , dataAttributes: I  } = param;
+    let { weight: e , color: i = _skincontractcssmistica.vars.colors.textPrimary , decoration: t , truncate: o , transform: l , wordBreak: c = !0 , hyphens: S , as: z = "span" , children: g , size: u , mobileSize: d = u , desktopSize: b = u , lineHeight: T , mobileLineHeight: f = T , desktopLineHeight: k = T , letterSpacing: w , textAlign: H , textShadow: v , id: A , role: P , "aria-level": y , dataAttributes: I  } = param;
     const W = (0, _themevariantcontext.useIsInverseVariant)(), V = K(o), C = {
         [_skincontractcssmistica.vars.colors.textPrimary]: _skincontractcssmistica.vars.colors.textPrimaryInverse,
         [_skincontractcssmistica.vars.colors.textSecondary]: _skincontractcssmistica.vars.colors.textSecondaryInverse,
         [_skincontractcssmistica.vars.colors.textLink]: _skincontractcssmistica.vars.colors.textLinkInverse
     };
-    if (!h && h !== 0) return null;
+    if (!g && g !== 0) return null;
     const D = (0, _classnames.default)(_textcssmistica.text, c ? _textcssmistica.withWordBreak : _textcssmistica.withoutWordBreak, {
         [_textcssmistica.truncateToOneLine]: o === 1 || o === !0,
         [_textcssmistica.truncateToMoreThanOneLine]: o && o > 1
     }), M = (0, _dynamic.assignInlineVars)({
-        [_textcssmistica.vars.mobileSize]: d ? (0, _css.pxToRem)(d) : "",
-        [_textcssmistica.vars.mobileLineHeight]: f ? (0, _css.pxToRem)(f) : "",
-        [_textcssmistica.vars.desktopSize]: b ? (0, _css.pxToRem)(b) : "",
-        [_textcssmistica.vars.desktopLineHeight]: k ? (0, _css.pxToRem)(k) : ""
+        [_textcssmistica.vars.mobileSize]: d ? (0, _css.pxToRem)(d) : "inherit",
+        [_textcssmistica.vars.mobileLineHeight]: f ? (0, _css.pxToRem)(f) : "inherit",
+        [_textcssmistica.vars.desktopSize]: b ? (0, _css.pxToRem)(b) : "inherit",
+        [_textcssmistica.vars.desktopLineHeight]: k ? (0, _css.pxToRem)(k) : "inherit"
     }), O = o ? (0, _dynamic.assignInlineVars)({
         [_textcssmistica.vars.lineClamp]: String(V)
     }) : {};
@@ -214,21 +214,21 @@ const J = {
             hyphens: S,
             letterSpacing: w,
             fontWeight: e ? J[e] : "inherit",
-            textTransform: g || "inherit",
+            textTransform: l || "inherit",
             textDecoration: t !== null && t !== void 0 ? t : "inherit",
             overflowWrap: c ? "anywhere" : "inherit",
             color: W ? (_C_i = C[i]) !== null && _C_i !== void 0 ? _C_i : i : i,
             textAlign: H,
             textShadow: v
         })
-    }), h);
-}, l = (e)=>{
+    }), g);
+}, p = (e)=>{
     if (e.light) return "light";
     if (e.regular) return "regular";
     if (e.medium) return "medium";
     if (e.weight) return e.weight;
 }, s = (param)=>{
-    let { forceMobileSizes: e , mobileSize: i , mobileLineHeight: t , desktopSize: o , desktopLineHeight: g  } = param;
+    let { forceMobileSizes: e , mobileSize: i , mobileLineHeight: t , desktopSize: o , desktopLineHeight: l  } = param;
     return e ? {
         size: i,
         lineHeight: t
@@ -236,7 +236,7 @@ const J = {
         mobileSize: i,
         mobileLineHeight: t,
         desktopSize: o,
-        desktopLineHeight: g
+        desktopLineHeight: l
     };
 }, oe = (_param)=>{
     var { dataAttributes: e , forceMobileSizes: i  } = _param, t = _object_without_properties(_param, [
@@ -358,12 +358,12 @@ const J = {
         desktopSize: 20,
         desktopLineHeight: "28px"
     })), {
-        weight: l(t),
+        weight: p(t),
         dataAttributes: _object_spread({
             "component-name": "Text4"
         }, e)
     }), t));
-}, pe = (_param)=>/* @__PURE__ */ {
+}, he = (_param)=>/* @__PURE__ */ {
     var { dataAttributes: e , forceMobileSizes: i  } = _param, t = _object_without_properties(_param, [
         "dataAttributes",
         "forceMobileSizes"
@@ -375,12 +375,12 @@ const J = {
         desktopSize: 18,
         desktopLineHeight: "24px"
     })), {
-        weight: l(t),
+        weight: p(t),
         dataAttributes: _object_spread({
             "component-name": "Text3"
         }, e)
     }), t));
-}, le = (_param)=>/* @__PURE__ */ {
+}, pe = (_param)=>/* @__PURE__ */ {
     var { dataAttributes: e , forceMobileSizes: i  } = _param, t = _object_without_properties(_param, [
         "dataAttributes",
         "forceMobileSizes"
@@ -392,12 +392,12 @@ const J = {
         desktopSize: 16,
         desktopLineHeight: "24px"
     })), {
-        weight: l(t),
+        weight: p(t),
         dataAttributes: _object_spread({
             "component-name": "Text2"
         }, e)
     }), t));
-}, ge = (_param)=>/* @__PURE__ */ {
+}, le = (_param)=>/* @__PURE__ */ {
     var { dataAttributes: e , forceMobileSizes: i  } = _param, t = _object_without_properties(_param, [
         "dataAttributes",
         "forceMobileSizes"
@@ -409,9 +409,9 @@ const J = {
         desktopSize: 14,
         desktopLineHeight: "20px"
     })), {
-        weight: l(t),
+        weight: p(t),
         dataAttributes: _object_spread({
             "component-name": "Text1"
         }, e)
     }), t));
-}, he = n;
+}, ge = n;

package/dist/theme.d.ts

@@ -37,10 +37,12 @@ declare const TEXTS_ES: {
     carouselPrevButton: string;
     playIconButtonLabel: string;
     pauseIconButtonLabel: string;
+    sheetConfirmButton: string;
 };
 export declare const getTexts: (locale: Locale) => typeof TEXTS_ES;
 export declare const NAVBAR_HEIGHT_MOBILE = 56;
 export declare const NAVBAR_HEIGHT_DESKTOP = 80;
+export declare const NAVBAR_HEIGHT_DESKTOP_LARGE: number;
 export declare const dimensions: {
     headerMobileHeight: number;
     headerDesktopHeight: number;

package/dist/theme.js

@@ -137,8 +137,9 @@ const l = {
     carouselNextButton: "siguiente",
     carouselPrevButton: "anterior",
     playIconButtonLabel: "Reproducir",
-    pauseIconButtonLabel: "Pausar"
-}, n = {
+    pauseIconButtonLabel: "Pausar",
+    sheetConfirmButton: "Continuar"
+}, i = {
     expirationDatePlaceholder: "MM/YY",
     togglePasswordVisibilityLabel: "Toggle password visibility",
     loading: "Loading",
@@ -170,7 +171,8 @@ const l = {
     carouselNextButton: "next",
     carouselPrevButton: "previous",
     playIconButtonLabel: "Play",
-    pauseIconButtonLabel: "Pause"
+    pauseIconButtonLabel: "Pause",
+    sheetConfirmButton: "Continue"
 }, d = {
     expirationDatePlaceholder: "MM/JJ",
     togglePasswordVisibilityLabel: "Passwort un-/sichtbar machen",
@@ -203,7 +205,8 @@ const l = {
     carouselNextButton: "n\xe4chste",
     carouselPrevButton: "vorherige",
     playIconButtonLabel: "Abspielen",
-    pauseIconButtonLabel: "Pausieren"
+    pauseIconButtonLabel: "Pausieren",
+    sheetConfirmButton: "Fortfahren"
 }, s = {
     expirationDatePlaceholder: "MM/AA",
     togglePasswordVisibilityLabel: "Mostrar ou ocultar senha",
@@ -236,7 +239,8 @@ const l = {
     carouselNextButton: "pr\xf3ximo",
     carouselPrevButton: "anterior",
     playIconButtonLabel: "Reproduzir",
-    pauseIconButtonLabel: "Pausar"
+    pauseIconButtonLabel: "Pausar",
+    sheetConfirmButton: "Continuar"
 }, b = (e)=>{
     switch(e.toLocaleLowerCase().split(/[-_]/)[0]){
         case "es":
@@ -246,33 +250,33 @@ const l = {
         case "de":
             return d;
         case "en":
-            return n;
+            return i;
         default:
-            return process.env.NODE_ENV !== "production" && console.error(`Invalid locale: ${e}`), n;
+            return process.env.NODE_ENV !== "production" && console.error(`Invalid locale: ${e}`), i;
     }
 }, c = 56, u = 80, E = {
     headerMobileHeight: c,
     headerDesktopHeight: u
 }, C = (_param)=>/* @__PURE__ */ {
-    var { to: e , innerRef: r  } = _param, a = _object_without_properties(_param, [
+    var { to: e , innerRef: r  } = _param, o = _object_without_properties(_param, [
         "to",
         "innerRef"
     ]);
     return (0, _jsxruntime.jsx)("a", _object_spread_props(_object_spread({
         ref: r,
         href: typeof e == "string" ? e : e == null ? void 0 : e.pathname
-    }, a), {
-        children: a.children
+    }, o), {
+        children: o.children
     }));
 }, m = (e)=>e, f = (e)=>(_param)=>/* @__PURE__ */ {
-        var { innerRef: r  } = _param, a = _object_without_properties(_param, [
+        var { innerRef: r  } = _param, o = _object_without_properties(_param, [
             "innerRef"
         ]);
         return (0, _jsxruntime.jsx)(e, _object_spread({
             ref: r
-        }, a));
+        }, o));
     }, p = (e)=>(_param)=>/* @__PURE__ */ {
-        var { to: r , innerRef: a , children: t  } = _param, i = _object_without_properties(_param, [
+        var { to: r , innerRef: o , children: t  } = _param, n = _object_without_properties(_param, [
             "to",
             "innerRef",
             "children"
@@ -280,21 +284,21 @@ const l = {
         return (0, _jsxruntime.jsx)(e, {
             href: r,
             children: /* @__PURE__ */ (0, _jsxruntime.jsx)("a", _object_spread_props(_object_spread({
-                ref: a
-            }, i), {
+                ref: o
+            }, n), {
                 children: t
             }))
         });
     }, v = (e)=>(_param)=>/* @__PURE__ */ {
-        var { to: r , innerRef: a , children: t  } = _param, i = _object_without_properties(_param, [
+        var { to: r , innerRef: o , children: t  } = _param, n = _object_without_properties(_param, [
             "to",
             "innerRef",
             "children"
         ]);
         return (0, _jsxruntime.jsx)(e, _object_spread_props(_object_spread({
             href: r,
-            ref: a
-        }, i), {
+            ref: o
+        }, n), {
             children: t
         }));
     }, h = (e)=>{