@telefonica/mistica 16.26.0 → 16.28.0

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

@@ -1,34 +1,34 @@
 import "./sprinkles.css.ts.vanilla.css-mistica.js";
 import "./switch-component.css.ts.vanilla.css-mistica.js";
 var a = {
-    default: "v16_26_q0hp3a11 v16_26_q0hp3az v16_26_q0hp3ay v16_26_1y2v1nfih v16_26_1y2v1nfn3 v16_26_1y2v1nfio v16_26_1y2v1nfl6",
-    ios: "v16_26_q0hp3a12 v16_26_q0hp3a10 v16_26_q0hp3ay v16_26_1y2v1nfih v16_26_1y2v1nfn3 v16_26_1y2v1nfio v16_26_1y2v1nfl6",
-    checked: "v16_26_q0hp3a13 v16_26_q0hp3az v16_26_q0hp3ay v16_26_1y2v1nfih v16_26_1y2v1nfn3 v16_26_1y2v1nfio v16_26_1y2v1nfl6",
-    checkedIos: "v16_26_q0hp3a14 v16_26_q0hp3a10 v16_26_q0hp3ay v16_26_1y2v1nfih v16_26_1y2v1nfn3 v16_26_1y2v1nfio v16_26_1y2v1nfl6"
-}, h = {
-    default: "v16_26_q0hp3ai v16_26_q0hp3ah v16_26_1y2v1nfio",
-    ios: "v16_26_q0hp3aj v16_26_q0hp3ah v16_26_1y2v1nfio",
-    iosDark: "v16_26_q0hp3ak v16_26_q0hp3ah v16_26_1y2v1nfio",
-    checked: "v16_26_q0hp3al v16_26_q0hp3ah v16_26_1y2v1nfio",
-    checkedIos: "v16_26_q0hp3am v16_26_q0hp3ah v16_26_1y2v1nfio"
+    default: "v16_28_q0hp3a11 v16_28_q0hp3az v16_28_q0hp3ay v16_28_1y2v1nfin v16_28_1y2v1nfn9 v16_28_1y2v1nfiu v16_28_1y2v1nflc",
+    ios: "v16_28_q0hp3a12 v16_28_q0hp3a10 v16_28_q0hp3ay v16_28_1y2v1nfin v16_28_1y2v1nfn9 v16_28_1y2v1nfiu v16_28_1y2v1nflc",
+    checked: "v16_28_q0hp3a13 v16_28_q0hp3az v16_28_q0hp3ay v16_28_1y2v1nfin v16_28_1y2v1nfn9 v16_28_1y2v1nfiu v16_28_1y2v1nflc",
+    checkedIos: "v16_28_q0hp3a14 v16_28_q0hp3a10 v16_28_q0hp3ay v16_28_1y2v1nfin v16_28_1y2v1nfn9 v16_28_1y2v1nfiu v16_28_1y2v1nflc"
 }, n = {
-    default: "v16_26_q0hp3a6 v16_26_1y2v1nfiq v16_26_1y2v1nfln",
-    ios: "v16_26_q0hp3a7 v16_26_1y2v1nfiq v16_26_1y2v1nfln",
-    disabled: "v16_26_q0hp3a8 v16_26_1y2v1nfiq v16_26_1y2v1nfln",
-    disabledIos: "v16_26_q0hp3a9 v16_26_1y2v1nfiq v16_26_1y2v1nfln"
-}, q = "v16_26_q0hp3au v16_26_q0hp3as", i = "v16_26_q0hp3av v16_26_q0hp3as", p = "v16_26_q0hp3aw", y = "v16_26_q0hp3at", f = {
-    default: "v16_26_q0hp3a15 v16_26_q0hp3az v16_26_q0hp3ay v16_26_1y2v1nfih v16_26_1y2v1nfn3 v16_26_1y2v1nfio v16_26_1y2v1nfl6",
-    ios: "v16_26_q0hp3a16 v16_26_q0hp3a10 v16_26_q0hp3ay v16_26_1y2v1nfih v16_26_1y2v1nfn3 v16_26_1y2v1nfio v16_26_1y2v1nfl6",
-    checked: "v16_26_q0hp3a17 v16_26_q0hp3az v16_26_q0hp3ay v16_26_1y2v1nfih v16_26_1y2v1nfn3 v16_26_1y2v1nfio v16_26_1y2v1nfl6",
-    checkedIos: "v16_26_q0hp3a18 v16_26_q0hp3a10 v16_26_q0hp3ay v16_26_1y2v1nfih v16_26_1y2v1nfn3 v16_26_1y2v1nfio v16_26_1y2v1nfl6"
-}, o = {
-    default: "v16_26_q0hp3an v16_26_q0hp3ah v16_26_1y2v1nfio",
-    ios: "v16_26_q0hp3ao v16_26_q0hp3ah v16_26_1y2v1nfio",
-    iosDark: "v16_26_q0hp3ap v16_26_q0hp3ah v16_26_1y2v1nfio",
-    checked: "v16_26_q0hp3aq v16_26_q0hp3ah v16_26_1y2v1nfio",
-    checkedIos: "v16_26_q0hp3ar v16_26_q0hp3ah v16_26_1y2v1nfio"
+    default: "v16_28_q0hp3ai v16_28_q0hp3ah v16_28_1y2v1nfiu",
+    ios: "v16_28_q0hp3aj v16_28_q0hp3ah v16_28_1y2v1nfiu",
+    iosDark: "v16_28_q0hp3ak v16_28_q0hp3ah v16_28_1y2v1nfiu",
+    checked: "v16_28_q0hp3al v16_28_q0hp3ah v16_28_1y2v1nfiu",
+    checkedIos: "v16_28_q0hp3am v16_28_q0hp3ah v16_28_1y2v1nfiu"
+}, h = {
+    default: "v16_28_q0hp3a6 v16_28_1y2v1nfiw v16_28_1y2v1nflt",
+    ios: "v16_28_q0hp3a7 v16_28_1y2v1nfiw v16_28_1y2v1nflt",
+    disabled: "v16_28_q0hp3a8 v16_28_1y2v1nfiw v16_28_1y2v1nflt",
+    disabledIos: "v16_28_q0hp3a9 v16_28_1y2v1nfiw v16_28_1y2v1nflt"
+}, i = "v16_28_q0hp3au v16_28_q0hp3as", p = "v16_28_q0hp3av v16_28_q0hp3as", y = "v16_28_q0hp3aw", f = "v16_28_q0hp3at", q = {
+    default: "v16_28_q0hp3a15 v16_28_q0hp3az v16_28_q0hp3ay v16_28_1y2v1nfin v16_28_1y2v1nfn9 v16_28_1y2v1nfiu v16_28_1y2v1nflc",
+    ios: "v16_28_q0hp3a16 v16_28_q0hp3a10 v16_28_q0hp3ay v16_28_1y2v1nfin v16_28_1y2v1nfn9 v16_28_1y2v1nfiu v16_28_1y2v1nflc",
+    checked: "v16_28_q0hp3a17 v16_28_q0hp3az v16_28_q0hp3ay v16_28_1y2v1nfin v16_28_1y2v1nfn9 v16_28_1y2v1nfiu v16_28_1y2v1nflc",
+    checkedIos: "v16_28_q0hp3a18 v16_28_q0hp3a10 v16_28_q0hp3ay v16_28_1y2v1nfin v16_28_1y2v1nfn9 v16_28_1y2v1nfiu v16_28_1y2v1nflc"
 }, e = {
-    default: "v16_26_q0hp3ac v16_26_q0hp3ab v16_26_1y2v1nfig",
-    ios: "v16_26_q0hp3ad v16_26_q0hp3ab v16_26_1y2v1nfig"
-}, r = "v16_26_q0hp3af v16_26_1y2v1nfio v16_26_1y2v1nflo";
-export { a as ballVariants, h as barVariants, n as checkboxVariants, q as container, i as containerDisabled, p as disabled, y as interactiveArea, f as inverseBallVariants, o as inverseBarVariants, e as switchCheckboxContainerVariants, r as switchCheckboxLabel };
+    default: "v16_28_q0hp3an v16_28_q0hp3ah v16_28_1y2v1nfiu",
+    ios: "v16_28_q0hp3ao v16_28_q0hp3ah v16_28_1y2v1nfiu",
+    iosDark: "v16_28_q0hp3ap v16_28_q0hp3ah v16_28_1y2v1nfiu",
+    checked: "v16_28_q0hp3aq v16_28_q0hp3ah v16_28_1y2v1nfiu",
+    checkedIos: "v16_28_q0hp3ar v16_28_q0hp3ah v16_28_1y2v1nfiu"
+}, c = {
+    default: "v16_28_q0hp3ac v16_28_q0hp3ab v16_28_1y2v1nfim",
+    ios: "v16_28_q0hp3ad v16_28_q0hp3ab v16_28_1y2v1nfim"
+}, r = "v16_28_q0hp3af v16_28_1y2v1nfiu v16_28_1y2v1nflu";
+export { a as ballVariants, n as barVariants, h as checkboxVariants, i as container, p as containerDisabled, y as disabled, f as interactiveArea, q as inverseBallVariants, e as inverseBarVariants, c as switchCheckboxContainerVariants, r as switchCheckboxLabel };

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

@@ -1,14 +1,14 @@
 import "./sprinkles.css.ts.vanilla.css-mistica.js";
 import "./responsive-layout.css.ts.vanilla.css-mistica.js";
 import "./table.css.ts.vanilla.css-mistica.js";
-var e = "v16_26_107ok88f", a = "v16_26_107ok88g", r = "v16_26_107ok886", l = {
-    left: "v16_26_107ok888 v16_26_107ok887",
-    right: "v16_26_107ok889 v16_26_107ok887",
-    center: "v16_26_107ok88a v16_26_107ok887"
-}, t = "v16_26_107ok88i", k = "v16_26_107ok88k", i = "v16_26_107ok883", s = "v16_26_107ok882", d = "v16_26_107ok885", n = "v16_26_107ok884", c = "v16_26_107ok88j", p = "v16_26_107ok88l", m = "v16_26_107ok88n", b = "v16_26_107ok88m", I = "v16_26_107ok88b", g = "v16_26_107ok88c", h = "v16_26_107ok881", w = "v16_26_107ok88h", H = {
-    maxHeight: "var(--v16_26_107ok880)"
+var e = "v16_28_107ok88f", a = "v16_28_107ok88g", r = "v16_28_107ok886", l = {
+    left: "v16_28_107ok888 v16_28_107ok887",
+    right: "v16_28_107ok889 v16_28_107ok887",
+    center: "v16_28_107ok88a v16_28_107ok887"
+}, t = "v16_28_107ok88i", k = "v16_28_107ok88k", i = "v16_28_107ok883", s = "v16_28_107ok882", d = "v16_28_107ok885", n = "v16_28_107ok884", c = "v16_28_107ok88j", p = "v16_28_107ok88l", m = "v16_28_107ok88n", b = "v16_28_107ok88m", I = "v16_28_107ok88b", g = "v16_28_107ok88c", h = "v16_28_107ok881", w = "v16_28_107ok88h", H = {
+    maxHeight: "var(--v16_28_107ok880)"
 }, x = {
-    top: "v16_26_107ok88d",
-    middle: "v16_26_107ok88e"
+    top: "v16_28_107ok88d",
+    middle: "v16_28_107ok88e"
 };
 export { e as actionsHeaderText, a as actionsTableCell, r as boxed, l as cellTextAlign, t as collapsedRowHeaderItem, k as collapsedRowTitle, i as collapsedRowsInMobile, s as fullWidth, d as hiddenHeadersInDesktop, n as hiddenHeadersInMobile, c as mobileCellHeading, p as rowFirstItem, m as rowLastCollapsedItem, b as rowLastItem, I as scrollContainer, g as scrollOverResponsiveLayout, h as table, w as topActions, H as vars, x as verticalAlign };

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

@@ -1,17 +1,17 @@
 import "./sprinkles.css.ts.vanilla.css-mistica.js";
 import "./tabs.css.ts.vanilla.css-mistica.js";
-var n = "v16_26_1y2v1nfil v16_26_1y2v1nfih v16_26_1y2v1nfm9 v16_26_1y2v1nfn3 v16_26_1y2v1nfjs", f = "v16_26_lgofm1q", e = "v16_26_lgofm14", y = "v16_26_lgofm13 v16_26_1y2v1nfkx v16_26_1y2v1nfj9 v16_26_1y2v1nfig", l = "v16_26_lgofm10", r = "v16_26_lgofm11", o = {
-    default: "v16_26_lgofm1a",
-    inverse: "v16_26_lgofm1b"
-}, a = {
-    noSelected: "v16_26_1y2v1nf2b",
-    noSelectedInverse: "v16_26_1y2v1nf2c",
-    selected: "v16_26_lgofm1g",
-    selectedInverse: "v16_26_lgofm1h",
-    selectedAnimating: "v16_26_lgofm1i",
-    selectedAnimatingInverse: "v16_26_lgofm1j"
+var n = "v16_28_1y2v1nfir v16_28_1y2v1nfin v16_28_1y2v1nfmf v16_28_1y2v1nfn9 v16_28_1y2v1nfjy", f = "v16_28_lgofm1q", e = "v16_28_lgofm14", r = "v16_28_lgofm13 v16_28_1y2v1nfl3 v16_28_1y2v1nfjf v16_28_1y2v1nfim", y = "v16_28_lgofm10", l = "v16_28_lgofm11", a = {
+    default: "v16_28_lgofm1a",
+    inverse: "v16_28_lgofm1b"
+}, o = {
+    noSelected: "v16_28_1y2v1nf2e",
+    noSelectedInverse: "v16_28_1y2v1nf2f",
+    selected: "v16_28_lgofm1g",
+    selectedInverse: "v16_28_lgofm1h",
+    selectedAnimating: "v16_28_lgofm1i",
+    selectedAnimatingInverse: "v16_28_lgofm1j"
 }, t = {
-    default: "v16_26_lgofm17 v16_26_1y2v1nfbc v16_26_1y2v1nfcl v16_26_1y2v1nfin v16_26_1y2v1nfj4 v16_26_1y2v1nfj1 v16_26_1y2v1nfiv v16_26_1y2v1nfkl v16_26_1y2v1nfkx v16_26_1y2v1nf8e",
-    fullWidth: "v16_26_lgofm19 v16_26_lgofm17 v16_26_1y2v1nfbc v16_26_1y2v1nfcl v16_26_1y2v1nfin v16_26_1y2v1nfj4 v16_26_1y2v1nfj1 v16_26_1y2v1nfiv v16_26_1y2v1nfkl v16_26_1y2v1nfkx v16_26_1y2v1nf8e"
-}, i = "v16_26_1y2v1nfkx v16_26_1y2v1nfj9 v16_26_1y2v1nfim";
-export { n as animatedLine, f as icon, e as inner, y as outer, l as outerBorder, r as outerBorderInverse, o as tabHover, a as tabSelectionVariants, t as tabVariants, i as tabsContainer };
+    default: "v16_28_lgofm17 v16_28_1y2v1nfbi v16_28_1y2v1nfcr v16_28_1y2v1nfit v16_28_1y2v1nfja v16_28_1y2v1nfj7 v16_28_1y2v1nfj1 v16_28_1y2v1nfkr v16_28_1y2v1nfl3 v16_28_1y2v1nf8k",
+    fullWidth: "v16_28_lgofm19 v16_28_lgofm17 v16_28_1y2v1nfbi v16_28_1y2v1nfcr v16_28_1y2v1nfit v16_28_1y2v1nfja v16_28_1y2v1nfj7 v16_28_1y2v1nfj1 v16_28_1y2v1nfkr v16_28_1y2v1nfl3 v16_28_1y2v1nf8k"
+}, i = "v16_28_1y2v1nfl3 v16_28_1y2v1nfjf v16_28_1y2v1nfis";
+export { n as animatedLine, f as icon, e as inner, r as outer, y as outerBorder, l as outerBorderInverse, a as tabHover, o as tabSelectionVariants, t as tabVariants, i as tabsContainer };

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

@@ -1,4 +1,4 @@
 import "./sprinkles.css.ts.vanilla.css-mistica.js";
 import "./tag.css.ts.vanilla.css-mistica.js";
-var n = "v16_26_1y2v1nfin v16_26_1y2v1nfb3", y = "v16_26_1y2v1nfio", f = "v16_26_1wy08671 v16_26_1y2v1nf8l v16_26_1y2v1nf9u v16_26_1y2v1nfin v16_26_1y2v1nfir v16_26_1y2v1nfj1 v16_26_1y2v1nfiv v16_26_1y2v1nfki";
+var n = "v16_28_1y2v1nfit v16_28_1y2v1nfb9", y = "v16_28_1y2v1nfiu", f = "v16_28_1wy08671 v16_28_1y2v1nf8r v16_28_1y2v1nfa0 v16_28_1y2v1nfit v16_28_1y2v1nfix v16_28_1y2v1nfj7 v16_28_1y2v1nfj1 v16_28_1y2v1nfko";
 export { n as badge, y as icon, f as tag };

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

@@ -1,5 +1,5 @@
 import "./sprinkles.css.ts.vanilla.css-mistica.js";
 import "./icon-button.css.ts.vanilla.css-mistica.js";
 import "./text-field-base.css.ts.vanilla.css-mistica.js";
-var t = "v16_26_rhey4t8", r = "v16_26_rhey4th v16_26_1y2v1nfb3 v16_26_1y2v1nfim v16_26_1y2v1nfj1", n = 12, y = "v16_26_rhey4tr", a = 4, i = 11, f = 15, h = "v16_26_rhey4t4", l = "v16_26_rhey4t7", o = "calc(1.5rem + 24px)", d = "v16_26_rhey4ta v16_26_1y2v1nfig v16_26_rhey4t1 v16_26_1y2v1nfl4 v16_26_1y2v1nfk7 v16_26_1y2v1nf29 v16_26_1y2v1nfj9", m = "v16_26_rhey4tb", p = "v16_26_rhey4tc", c = "v16_26_rhey4td", u = "v16_26_rhey4tn v16_26_1y2v1nfim v16_26_1y2v1nfj1 v16_26_1y2v1nfln", j = "v16_26_1y2v1nf4n", x = "v16_26_rhey4tl v16_26_1y2v1nfci", b = "v16_26_rhey4tj v16_26_1y2v1nfci v16_26_1y2v1nfim v16_26_1y2v1nfj1 v16_26_1y2v1nfjq v16_26_1y2v1nfih", g = "v16_26_rhey4tq v16_26_1y2v1nfih", s = "v16_26_rhey4t6 v16_26_1y2v1nf8f v16_26_1y2v1nf9o v16_26_rhey4t1 v16_26_1y2v1nfl4 v16_26_1y2v1nfk7 v16_26_1y2v1nf29 v16_26_1y2v1nfj9", I = "v16_26_rhey4te", L = "v16_26_rhey4tf";
-export { t as emptyDateValue, r as endIconContainer, n as fieldElementsGap, y as fieldEndIconContainer, a as fieldEndIconGap, i as fieldLeftPadding, f as fieldRightPadding, h as fullWidth, l as hiddenDatePlaceholder, o as iconButtonSize, d as input, m as inputFirefoxStyles, p as inputWithLabel, c as inputWithoutLabel, u as menuItem, j as menuItemSelected, x as prefix, b as startIcon, g as suggestionsContainer, s as textArea, I as textAreaWithLabel, L as textAreaWithoutLabel };
+var t = "v16_28_rhey4t8", r = "v16_28_rhey4th v16_28_1y2v1nfb9 v16_28_1y2v1nfis v16_28_1y2v1nfj7", n = 12, a = "v16_28_rhey4tr", y = 4, f = 11, i = 15, h = "v16_28_rhey4t4", l = "v16_28_rhey4t7", d = "calc(1.5rem + 24px)", o = "v16_28_rhey4ta v16_28_1y2v1nfim v16_28_rhey4t1 v16_28_1y2v1nfla v16_28_1y2v1nfkd v16_28_1y2v1nf2c v16_28_1y2v1nfjf", c = "v16_28_rhey4tb", p = "v16_28_rhey4tc", u = "v16_28_rhey4td", m = "v16_28_rhey4tn v16_28_1y2v1nfis v16_28_1y2v1nfj7 v16_28_1y2v1nflt", s = "v16_28_1y2v1nf4q", j = "v16_28_rhey4tl v16_28_1y2v1nfco", x = "v16_28_rhey4tj v16_28_1y2v1nfco v16_28_1y2v1nfis v16_28_1y2v1nfj7 v16_28_1y2v1nfjw v16_28_1y2v1nfin", b = "v16_28_rhey4tq v16_28_1y2v1nfin", I = "v16_28_rhey4t6 v16_28_1y2v1nf8l v16_28_1y2v1nf9u v16_28_rhey4t1 v16_28_1y2v1nfla v16_28_1y2v1nfkd v16_28_1y2v1nf2c v16_28_1y2v1nfjf", g = "v16_28_rhey4te", L = "v16_28_rhey4tf";
+export { t as emptyDateValue, r as endIconContainer, n as fieldElementsGap, a as fieldEndIconContainer, y as fieldEndIconGap, f as fieldLeftPadding, i as fieldRightPadding, h as fullWidth, l as hiddenDatePlaceholder, d as iconButtonSize, o as input, c as inputFirefoxStyles, p as inputWithLabel, u as inputWithoutLabel, m as menuItem, s as menuItemSelected, j as prefix, x as startIcon, b as suggestionsContainer, I as textArea, g as textAreaWithLabel, L as textAreaWithoutLabel };

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

@@ -2,8 +2,8 @@ import "./sprinkles.css.ts.vanilla.css-mistica.js";
 import "./icon-button.css.ts.vanilla.css-mistica.js";
 import "./text-field-base.css.ts.vanilla.css-mistica.js";
 import "./text-field-components.css.ts.vanilla.css-mistica.js";
-var a = 328, f = 0.78, e = 0.75, y = {
-    default: "v16_26_1y2v1nf49",
-    readOnly: "v16_26_1y2v1nf66"
-}, i = "v16_26_15k6ur97", l = "v16_26_1y2v1nflo v16_26_1y2v1nfl5 v16_26_1y2v1nfim v16_26_1y2v1nfld v16_26_1y2v1nfig", t = "v16_26_15k6ur96 v16_26_1y2v1nfim v16_26_1y2v1nfis", o = "v16_26_1y2v1nfj9", d = "v16_26_1y2v1nfb9 v16_26_1y2v1nfcl v16_26_1y2v1nfim", u = "v16_26_1y2v1nfj7 v16_26_1y2v1nf8l", k = "v16_26_15k6ur91 v16_26_1y2v1nfih v16_26_1y2v1nfim v16_26_1y2v1nfir", m = "v16_26_15k6ur93 v16_26_1y2v1nflo v16_26_1y2v1nfj5", p = "v16_26_15k6ur9e v16_26_1y2v1nfim", h = "v16_26_15k6ur99 v16_26_1y2v1nfj9", L = "v16_26_1y2v1nfbc", E = "v16_26_15k6ur94", T = "v16_26_15k6ur9h";
-export { a as DEFAULT_WIDTH, f as LABEL_SCALE_DESKTOP, e as LABEL_SCALE_MOBILE, y as background, i as disabled, l as field, t as fieldContainer, o as fullWidth, d as helperContainer, u as helperText, k as labelContainer, m as labelText, p as leftHelperText, h as normalWidth, L as rightHelperText, E as shrinked, T as warnIcon };
+var f = 328, a = 0.78, e = 0.75, y = {
+    default: "v16_28_1y2v1nf4c",
+    readOnly: "v16_28_1y2v1nf6c"
+}, i = "v16_28_15k6ur97", l = "v16_28_1y2v1nflu v16_28_1y2v1nflb v16_28_1y2v1nfis v16_28_1y2v1nflj v16_28_1y2v1nfim", t = "v16_28_15k6ur96 v16_28_1y2v1nfis v16_28_1y2v1nfiy", u = "v16_28_1y2v1nfjf", d = "v16_28_1y2v1nfbf v16_28_1y2v1nfcr v16_28_1y2v1nfis", o = "v16_28_1y2v1nfjd v16_28_1y2v1nf8r", k = "v16_28_15k6ur91 v16_28_1y2v1nfin v16_28_1y2v1nfis v16_28_1y2v1nfix", p = "v16_28_15k6ur93 v16_28_1y2v1nflu v16_28_1y2v1nfjb", b = "v16_28_15k6ur9e v16_28_1y2v1nfis", L = "v16_28_15k6ur99 v16_28_1y2v1nfjf", h = "v16_28_1y2v1nfbi", s = "v16_28_15k6ur94", E = "v16_28_15k6ur9h";
+export { f as DEFAULT_WIDTH, a as LABEL_SCALE_DESKTOP, e as LABEL_SCALE_MOBILE, y as background, i as disabled, l as field, t as fieldContainer, u as fullWidth, d as helperContainer, o as helperText, k as labelContainer, p as labelText, b as leftHelperText, L as normalWidth, h as rightHelperText, s as shrinked, E as warnIcon };

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

@@ -1,11 +1,11 @@
 import "./sprinkles.css.ts.vanilla.css-mistica.js";
 import "./text-link.css.ts.vanilla.css-mistica.js";
 var n = {
-    underlineAlways: "v16_26_1m1n0pr2",
-    underlineOnHover: "v16_26_1m1n0pr3"
+    underlineAlways: "v16_28_1m1n0pr2",
+    underlineOnHover: "v16_28_1m1n0pr3"
 }, r = {
-    default: "v16_26_1m1n0pr1 v16_26_1y2v1nfja v16_26_1y2v1nfip v16_26_1y2v1nfln v16_26_1y2v1nf2m",
-    inverseLight: "v16_26_1m1n0pr1 v16_26_1y2v1nfja v16_26_1y2v1nfip v16_26_1y2v1nfln v16_26_1y2v1nf2n",
-    inverseDark: "v16_26_1m1n0pr1 v16_26_1y2v1nfja v16_26_1y2v1nfip v16_26_1y2v1nfln v16_26_1y2v1nf2m"
+    default: "v16_28_1m1n0pr1 v16_28_1y2v1nfjg v16_28_1y2v1nfiv v16_28_1y2v1nflt v16_28_1y2v1nf2p",
+    inverseLight: "v16_28_1m1n0pr1 v16_28_1y2v1nfjg v16_28_1y2v1nfiv v16_28_1y2v1nflt v16_28_1y2v1nf2q",
+    inverseDark: "v16_28_1m1n0pr1 v16_28_1y2v1nfjg v16_28_1y2v1nfiv v16_28_1y2v1nflt v16_28_1y2v1nf2p"
 };
 export { n as linkStyles, r as variants };

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

@@ -1,9 +1,9 @@
 import "./text.css.ts.vanilla.css-mistica.js";
-var r = "v16_26_splu5g7", _ = "v16_26_splu5g8", e = "v16_26_splu5g9", a = {
-    mobileSize: "var(--v16_26_splu5g0)",
-    desktopSize: "var(--v16_26_splu5g1)",
-    mobileLineHeight: "var(--v16_26_splu5g2)",
-    desktopLineHeight: "var(--v16_26_splu5g3)",
-    lineClamp: "var(--v16_26_splu5g4)"
-}, p = "v16_26_splu5g5", t = "v16_26_splu5g6";
+var r = "v16_28_splu5g7", _ = "v16_28_splu5g8", e = "v16_28_splu5g9", a = {
+    mobileSize: "var(--v16_28_splu5g0)",
+    desktopSize: "var(--v16_28_splu5g1)",
+    mobileLineHeight: "var(--v16_28_splu5g2)",
+    desktopLineHeight: "var(--v16_28_splu5g3)",
+    lineClamp: "var(--v16_28_splu5g4)"
+}, p = "v16_28_splu5g5", t = "v16_28_splu5g6";
 export { r as text, _ as truncate, e as truncateToOneLine, a as vars, p as withWordBreak, t as withoutWordBreak };

package/dist-es/theme-context-provider.js

@@ -29,7 +29,7 @@ function _object_spread(target) {
 }
 import { jsxs as P, Fragment as _, jsx as r } from "react/jsx-runtime";
 import * as n from "react";
-import { assignInlineVars as v } from "@vanilla-extract/dynamic";
+import { assignInlineVars as h } from "@vanilla-extract/dynamic";
 import { DialogRoot as $ } from "./dialog-context.js";
 import y from "./screen-size-context-provider.js";
 import { dimensions as F, getMisticaLinkComponent as N, NAVBAR_HEIGHT_MOBILE as j } from "./theme.js";
@@ -44,74 +44,74 @@ import { AspectRatioSupportProvider as q } from "./utils/aspect-ratio-support.js
 import { TrackingConfig as K } from "./utils/analytics.js";
 import { vars as w } from "./skins/skin-contract.css-mistica.js";
 import { fromHexToRgb as J } from "./utils/color.js";
-import { defaultTextPresetsConfig as Q, defaultBorderRadiiConfig as S } from "./skins/defaults.js";
-import { isClientSide as H } from "./utils/environment.js";
-import { PACKAGE_VERSION as R } from "./package-version.js";
-import { SnackbarRoot as U } from "./snackbar-context.js";
-import { mapToWeight as O } from "./text.js";
-import { tabletOrSmaller as X } from "./media-queries.css-mistica.js";
-import { themeVarsContract as Y, textPresetResponsiveVarsContract as Z, themeVars as ee } from "./theme-context.css-mistica.js";
-import { localeToLanguage as te } from "./utils/locale.js";
-if (process.env.NODE_ENV !== "production" && H()) {
-    if (window.__mistica_version__ && window.__mistica_version__ !== R) throw new Error("There is more than one version of @telefonica/mistica running on the same page");
-    window.__mistica_version__ = R;
+import { defaultTextPresetsConfig as Q, defaultBorderRadiiConfig as S, defaultThemeVariantsConfig as U } from "./skins/defaults.js";
+import { isClientSide as O } from "./utils/environment.js";
+import { PACKAGE_VERSION as V } from "./package-version.js";
+import { SnackbarRoot as X } from "./snackbar-context.js";
+import { mapToWeight as R } from "./text.js";
+import { tabletOrSmaller as Y } from "./media-queries.css-mistica.js";
+import { themeVarsContract as Z, textPresetResponsiveVarsContract as ee, themeVars as te } from "./theme-context.css-mistica.js";
+import { localeToLanguage as re } from "./utils/locale.js";
+if (process.env.NODE_ENV !== "production" && O()) {
+    if (window.__mistica_version__ && window.__mistica_version__ !== V) throw new Error("There is more than one version of @telefonica/mistica running on the same page");
+    window.__mistica_version__ = V;
 }
-const re = "(prefers-color-scheme: dark)", oe = ()=>{
+const oe = "(prefers-color-scheme: dark)", se = ()=>{
     const [e, c] = n.useState(!1);
     return T(()=>{
         if (!window.matchMedia) return;
-        const a = window.matchMedia(re), i = ()=>{
+        const a = window.matchMedia(oe), i = ()=>{
             c(a.matches);
         };
         return a.addEventListener("change", i), i(), ()=>{
             a.removeEventListener("change", i);
         };
     }, []), e;
-}, se = ()=>(e)=>e, ie = (e)=>({
+}, ie = ()=>(e)=>e, ne = (e)=>({
         headerMobileHeight: (e == null ? void 0 : e.headerMobileHeight) === "mistica" ? j : e == null ? void 0 : e.headerMobileHeight
-    }), ne = ()=>{
-    const e = n.useRef(null), [c, a] = n.useState(!1), [i, g] = n.useState(!0);
+    }), ae = ()=>{
+    const e = n.useRef(null), [c, a] = n.useState(!1), [i, v] = n.useState(!0);
     return T(()=>{
         var d;
-        if (i) g(!1);
+        if (i) v(!1);
         else {
             const u = (d = e.current) == null ? void 0 : d.parentElement;
             u && (u.style.isolation = "isolate", a(!0));
         }
     }, [
         i
-    ]), c || !H() || i ? null : /* @__PURE__ */ r("div", {
+    ]), c || !O() || i ? null : /* @__PURE__ */ r("div", {
         ref: e,
         style: {
             display: "none"
         }
     });
-}, ae = (param)=>{
+}, le = (param)=>{
     let { theme: e, children: c, as: a, withoutStyles: i = !1 } = param;
     var _e_colorScheme, _e_skin_borderRadii;
-    const g = oe(), d = (_e_colorScheme = e.colorScheme) !== null && _e_colorScheme !== void 0 ? _e_colorScheme : "auto", u = e.skin.colors, V = _object_spread({}, e.skin.colors, e.skin.darkModeColors), h = d === "auto" && g || d === "dark", p = h ? V : u, b = te(e.i18n.locale), k = n.useCallback(function(o) {
+    const v = se(), d = (_e_colorScheme = e.colorScheme) !== null && _e_colorScheme !== void 0 ? _e_colorScheme : "auto", u = e.skin.colors, H = _object_spread({}, e.skin.colors, e.skin.darkModeColors), g = d === "auto" && v || d === "dark", p = g ? H : u, x = re(e.i18n.locale), b = n.useCallback(function(o) {
         for(var _len = arguments.length, s = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++){
             s[_key - 1] = arguments[_key];
         }
-        const t = o[b] || o.en;
+        const t = o[x] || o.en;
         return s.length ? t.replace(/\d+\$s/g, (l)=>{
             var _s_;
             return String((_s_ = s[parseInt(l) - 1]) !== null && _s_ !== void 0 ? _s_ : l);
         }) : t;
     }, [
-        b
+        x
     ]), m = n.useMemo(()=>{
         const o = _object_spread({
             platform: E(),
             insideNovumNativeApp: z()
         }, e.platformOverrides), s = Object.entries(Q).map((param)=>{
-            let [l, x] = param;
+            let [l, k] = param;
             var f;
             return {
-                [l]: _object_spread({}, x, (f = e.skin.textPresets) == null ? void 0 : f[l])
+                [l]: _object_spread({}, k, (f = e.skin.textPresets) == null ? void 0 : f[l])
             };
         }), t = Object.assign({}, ...s);
-        var _e_skin_borderRadii, _e_useHrefDecorator, _e_preventCopyInFormFields;
+        var _e_skin_borderRadii, _e_skin_themeVariants, _e_useHrefDecorator, _e_preventCopyInFormFields;
         return {
             skinName: e.skin.name,
             i18n: _object_spread({}, e.i18n),
@@ -122,27 +122,28 @@ const re = "(prefers-color-scheme: dark)", oe = ()=>{
                 eventFormat: "universal-analytics"
             }, e.analytics),
             colorValues: p,
-            dimensions: _object_spread({}, F, ie(e.dimensions)),
-            textPresets: t,
+            dimensions: _object_spread({}, F, ne(e.dimensions)),
             borderRadii: (_e_skin_borderRadii = e.skin.borderRadii) !== null && _e_skin_borderRadii !== void 0 ? _e_skin_borderRadii : S,
+            textPresets: t,
+            themeVariants: (_e_skin_themeVariants = e.skin.themeVariants) !== null && _e_skin_themeVariants !== void 0 ? _e_skin_themeVariants : U,
             Link: N(e.Link),
-            isDarkMode: h,
+            isDarkMode: g,
             isIos: E(o) === "ios",
-            useHrefDecorator: (_e_useHrefDecorator = e.useHrefDecorator) !== null && _e_useHrefDecorator !== void 0 ? _e_useHrefDecorator : se,
-            t: k,
+            useHrefDecorator: (_e_useHrefDecorator = e.useHrefDecorator) !== null && _e_useHrefDecorator !== void 0 ? _e_useHrefDecorator : ie,
+            t: b,
             preventCopyInFormFields: (_e_preventCopyInFormFields = e.preventCopyInFormFields) !== null && _e_preventCopyInFormFields !== void 0 ? _e_preventCopyInFormFields : !1
         };
     }, [
         p,
         e,
-        h,
-        k
+        g,
+        b
     ]), D = n.useMemo(()=>Object.fromEntries(Object.entries(p).map((param)=>{
             let [o, s] = param;
             let t = "";
             if (s.startsWith("#")) {
-                const [l, x, f] = J(s);
-                t = `${l}, ${x}, ${f}`;
+                const [l, k, f] = J(s);
+                t = `${l}, ${k}, ${f}`;
             }
             return [
                 o,
@@ -155,7 +156,7 @@ const re = "(prefers-color-scheme: dark)", oe = ()=>{
             let [s, t] = param;
             return {
                 [s]: _object_spread({}, t.weight && {
-                    weight: String(O[t.weight])
+                    weight: String(R[t.weight])
                 }, t.size && {
                     size: `${t.size.desktop}px`
                 }, t.lineHeight && {
@@ -171,7 +172,7 @@ const re = "(prefers-color-scheme: dark)", oe = ()=>{
             let [s, t] = param;
             return {
                 [s]: _object_spread({}, t.weight && {
-                    weight: String(O[t.weight])
+                    weight: String(R[t.weight])
                 }, t.size && {
                     size: `${t.size.mobile}px`
                 }, t.lineHeight && {
@@ -202,19 +203,19 @@ const re = "(prefers-color-scheme: dark)", oe = ()=>{
                                     children: /* @__PURE__ */ r(W, {
                                         children: /* @__PURE__ */ r(y, {
                                             children: /* @__PURE__ */ r($, {
-                                                children: /* @__PURE__ */ r(U, {
+                                                children: /* @__PURE__ */ r(X, {
                                                     children: a ? /*#__PURE__*/ n.createElement(a, {
                                                         style: _object_spread({
                                                             isolation: "isolate"
-                                                        }, v(Y, M), v(Z, C)),
-                                                        className: i ? void 0 : ee
+                                                        }, h(Z, M), h(ee, C)),
+                                                        className: i ? void 0 : te
                                                     }, c) : /* @__PURE__ */ P(_, {
                                                         children: [
                                                             !i && (process.env.NODE_ENV !== "test" || process.env.SSR_TEST) && /* @__PURE__ */ r("style", {
                                                                 children: `
-                                                                                :root {${v(w, M)}}
-                                                                                @media ${X} {
-                                                                                    :root {${v(w.textPresets, C)}}
+                                                                                :root {${h(w, M)}}
+                                                                                @media ${Y} {
+                                                                                    :root {${h(w.textPresets, C)}}
                                                                                 }
                                                                             `
                                                             }),
@@ -231,8 +232,8 @@ const re = "(prefers-color-scheme: dark)", oe = ()=>{
                     })
                 })
             }),
-            !a && /* @__PURE__ */ r(ne, {})
+            !a && /* @__PURE__ */ r(ae, {})
         ]
     });
-}, Ve = ae;
-export { Ve as default, oe as useIsOsDarkModeEnabled };
+}, De = le;
+export { De as default, se as useIsOsDarkModeEnabled };