@telefonica/mistica 16.22.0 → 16.23.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_22_q0hp3a11 v16_22_q0hp3az v16_22_q0hp3ay v16_22_1y2v1nfif v16_22_1y2v1nfn0 v16_22_1y2v1nfim v16_22_1y2v1nfl3",
-    ios: "v16_22_q0hp3a12 v16_22_q0hp3a10 v16_22_q0hp3ay v16_22_1y2v1nfif v16_22_1y2v1nfn0 v16_22_1y2v1nfim v16_22_1y2v1nfl3",
-    checked: "v16_22_q0hp3a13 v16_22_q0hp3az v16_22_q0hp3ay v16_22_1y2v1nfif v16_22_1y2v1nfn0 v16_22_1y2v1nfim v16_22_1y2v1nfl3",
-    checkedIos: "v16_22_q0hp3a14 v16_22_q0hp3a10 v16_22_q0hp3ay v16_22_1y2v1nfif v16_22_1y2v1nfn0 v16_22_1y2v1nfim v16_22_1y2v1nfl3"
+    default: "v16_23_q0hp3a11 v16_23_q0hp3az v16_23_q0hp3ay v16_23_1y2v1nfif v16_23_1y2v1nfn0 v16_23_1y2v1nfim v16_23_1y2v1nfl3",
+    ios: "v16_23_q0hp3a12 v16_23_q0hp3a10 v16_23_q0hp3ay v16_23_1y2v1nfif v16_23_1y2v1nfn0 v16_23_1y2v1nfim v16_23_1y2v1nfl3",
+    checked: "v16_23_q0hp3a13 v16_23_q0hp3az v16_23_q0hp3ay v16_23_1y2v1nfif v16_23_1y2v1nfn0 v16_23_1y2v1nfim v16_23_1y2v1nfl3",
+    checkedIos: "v16_23_q0hp3a14 v16_23_q0hp3a10 v16_23_q0hp3ay v16_23_1y2v1nfif v16_23_1y2v1nfn0 v16_23_1y2v1nfim v16_23_1y2v1nfl3"
 }, h = {
-    default: "v16_22_q0hp3ai v16_22_q0hp3ah v16_22_1y2v1nfim",
-    ios: "v16_22_q0hp3aj v16_22_q0hp3ah v16_22_1y2v1nfim",
-    iosDark: "v16_22_q0hp3ak v16_22_q0hp3ah v16_22_1y2v1nfim",
-    checked: "v16_22_q0hp3al v16_22_q0hp3ah v16_22_1y2v1nfim",
-    checkedIos: "v16_22_q0hp3am v16_22_q0hp3ah v16_22_1y2v1nfim"
+    default: "v16_23_q0hp3ai v16_23_q0hp3ah v16_23_1y2v1nfim",
+    ios: "v16_23_q0hp3aj v16_23_q0hp3ah v16_23_1y2v1nfim",
+    iosDark: "v16_23_q0hp3ak v16_23_q0hp3ah v16_23_1y2v1nfim",
+    checked: "v16_23_q0hp3al v16_23_q0hp3ah v16_23_1y2v1nfim",
+    checkedIos: "v16_23_q0hp3am v16_23_q0hp3ah v16_23_1y2v1nfim"
 }, n = {
-    default: "v16_22_q0hp3a6 v16_22_1y2v1nfio v16_22_1y2v1nflk",
-    ios: "v16_22_q0hp3a7 v16_22_1y2v1nfio v16_22_1y2v1nflk",
-    disabled: "v16_22_q0hp3a8 v16_22_1y2v1nfio v16_22_1y2v1nflk",
-    disabledIos: "v16_22_q0hp3a9 v16_22_1y2v1nfio v16_22_1y2v1nflk"
-}, f = "v16_22_q0hp3au v16_22_q0hp3as", i = "v16_22_q0hp3av v16_22_q0hp3as", p = "v16_22_q0hp3aw", y = "v16_22_q0hp3at", q = {
-    default: "v16_22_q0hp3a15 v16_22_q0hp3az v16_22_q0hp3ay v16_22_1y2v1nfif v16_22_1y2v1nfn0 v16_22_1y2v1nfim v16_22_1y2v1nfl3",
-    ios: "v16_22_q0hp3a16 v16_22_q0hp3a10 v16_22_q0hp3ay v16_22_1y2v1nfif v16_22_1y2v1nfn0 v16_22_1y2v1nfim v16_22_1y2v1nfl3",
-    checked: "v16_22_q0hp3a17 v16_22_q0hp3az v16_22_q0hp3ay v16_22_1y2v1nfif v16_22_1y2v1nfn0 v16_22_1y2v1nfim v16_22_1y2v1nfl3",
-    checkedIos: "v16_22_q0hp3a18 v16_22_q0hp3a10 v16_22_q0hp3ay v16_22_1y2v1nfif v16_22_1y2v1nfn0 v16_22_1y2v1nfim v16_22_1y2v1nfl3"
+    default: "v16_23_q0hp3a6 v16_23_1y2v1nfio v16_23_1y2v1nflk",
+    ios: "v16_23_q0hp3a7 v16_23_1y2v1nfio v16_23_1y2v1nflk",
+    disabled: "v16_23_q0hp3a8 v16_23_1y2v1nfio v16_23_1y2v1nflk",
+    disabledIos: "v16_23_q0hp3a9 v16_23_1y2v1nfio v16_23_1y2v1nflk"
+}, f = "v16_23_q0hp3au v16_23_q0hp3as", i = "v16_23_q0hp3av v16_23_q0hp3as", p = "v16_23_q0hp3aw", y = "v16_23_q0hp3at", q = {
+    default: "v16_23_q0hp3a15 v16_23_q0hp3az v16_23_q0hp3ay v16_23_1y2v1nfif v16_23_1y2v1nfn0 v16_23_1y2v1nfim v16_23_1y2v1nfl3",
+    ios: "v16_23_q0hp3a16 v16_23_q0hp3a10 v16_23_q0hp3ay v16_23_1y2v1nfif v16_23_1y2v1nfn0 v16_23_1y2v1nfim v16_23_1y2v1nfl3",
+    checked: "v16_23_q0hp3a17 v16_23_q0hp3az v16_23_q0hp3ay v16_23_1y2v1nfif v16_23_1y2v1nfn0 v16_23_1y2v1nfim v16_23_1y2v1nfl3",
+    checkedIos: "v16_23_q0hp3a18 v16_23_q0hp3a10 v16_23_q0hp3ay v16_23_1y2v1nfif v16_23_1y2v1nfn0 v16_23_1y2v1nfim v16_23_1y2v1nfl3"
 }, e = {
-    default: "v16_22_q0hp3an v16_22_q0hp3ah v16_22_1y2v1nfim",
-    ios: "v16_22_q0hp3ao v16_22_q0hp3ah v16_22_1y2v1nfim",
-    iosDark: "v16_22_q0hp3ap v16_22_q0hp3ah v16_22_1y2v1nfim",
-    checked: "v16_22_q0hp3aq v16_22_q0hp3ah v16_22_1y2v1nfim",
-    checkedIos: "v16_22_q0hp3ar v16_22_q0hp3ah v16_22_1y2v1nfim"
+    default: "v16_23_q0hp3an v16_23_q0hp3ah v16_23_1y2v1nfim",
+    ios: "v16_23_q0hp3ao v16_23_q0hp3ah v16_23_1y2v1nfim",
+    iosDark: "v16_23_q0hp3ap v16_23_q0hp3ah v16_23_1y2v1nfim",
+    checked: "v16_23_q0hp3aq v16_23_q0hp3ah v16_23_1y2v1nfim",
+    checkedIos: "v16_23_q0hp3ar v16_23_q0hp3ah v16_23_1y2v1nfim"
 }, r = {
-    default: "v16_22_q0hp3ac v16_22_q0hp3ab v16_22_1y2v1nfie",
-    ios: "v16_22_q0hp3ad v16_22_q0hp3ab v16_22_1y2v1nfie"
-}, l = "v16_22_q0hp3af v16_22_1y2v1nfim v16_22_1y2v1nfll";
+    default: "v16_23_q0hp3ac v16_23_q0hp3ab v16_23_1y2v1nfie",
+    ios: "v16_23_q0hp3ad v16_23_q0hp3ab v16_23_1y2v1nfie"
+}, l = "v16_23_q0hp3af v16_23_1y2v1nfim v16_23_1y2v1nfll";
 export { a as ballVariants, h as barVariants, n as checkboxVariants, f as container, i as containerDisabled, p as disabled, y as interactiveArea, q as inverseBallVariants, e as inverseBarVariants, r as switchCheckboxContainerVariants, l 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_22_107ok88f", a = "v16_22_107ok88g", r = "v16_22_107ok886", l = {
-    left: "v16_22_107ok888 v16_22_107ok887",
-    right: "v16_22_107ok889 v16_22_107ok887",
-    center: "v16_22_107ok88a v16_22_107ok887"
-}, t = "v16_22_107ok88i", k = "v16_22_107ok88k", i = "v16_22_107ok883", s = "v16_22_107ok882", d = "v16_22_107ok885", n = "v16_22_107ok884", c = "v16_22_107ok88j", p = "v16_22_107ok88l", m = "v16_22_107ok88n", b = "v16_22_107ok88m", I = "v16_22_107ok88b", g = "v16_22_107ok88c", h = "v16_22_107ok881", w = "v16_22_107ok88h", H = {
-    maxHeight: "var(--v16_22_107ok880)"
+var e = "v16_23_107ok88f", a = "v16_23_107ok88g", r = "v16_23_107ok886", l = {
+    left: "v16_23_107ok888 v16_23_107ok887",
+    right: "v16_23_107ok889 v16_23_107ok887",
+    center: "v16_23_107ok88a v16_23_107ok887"
+}, t = "v16_23_107ok88i", k = "v16_23_107ok88k", i = "v16_23_107ok883", s = "v16_23_107ok882", d = "v16_23_107ok885", n = "v16_23_107ok884", c = "v16_23_107ok88j", p = "v16_23_107ok88l", m = "v16_23_107ok88n", b = "v16_23_107ok88m", I = "v16_23_107ok88b", g = "v16_23_107ok88c", h = "v16_23_107ok881", w = "v16_23_107ok88h", H = {
+    maxHeight: "var(--v16_23_107ok880)"
 }, x = {
-    top: "v16_22_107ok88d",
-    middle: "v16_22_107ok88e"
+    top: "v16_23_107ok88d",
+    middle: "v16_23_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_22_1y2v1nfij v16_22_1y2v1nfif v16_22_1y2v1nfm6 v16_22_1y2v1nfn0 v16_22_1y2v1nfjq", f = "v16_22_lgofm1q", e = "v16_22_lgofm14", y = "v16_22_lgofm13 v16_22_1y2v1nfkv v16_22_1y2v1nfj7 v16_22_1y2v1nfie", r = "v16_22_lgofm10", a = "v16_22_lgofm11", o = {
-    default: "v16_22_lgofm1a",
-    inverse: "v16_22_lgofm1b"
+var n = "v16_23_1y2v1nfij v16_23_1y2v1nfif v16_23_1y2v1nfm6 v16_23_1y2v1nfn0 v16_23_1y2v1nfjq", f = "v16_23_lgofm1q", e = "v16_23_lgofm14", y = "v16_23_lgofm13 v16_23_1y2v1nfkv v16_23_1y2v1nfj7 v16_23_1y2v1nfie", r = "v16_23_lgofm10", a = "v16_23_lgofm11", o = {
+    default: "v16_23_lgofm1a",
+    inverse: "v16_23_lgofm1b"
 }, t = {
-    noSelected: "v16_22_1y2v1nf2a",
-    noSelectedInverse: "v16_22_1y2v1nf2b",
-    selected: "v16_22_lgofm1g",
-    selectedInverse: "v16_22_lgofm1h",
-    selectedAnimating: "v16_22_lgofm1i",
-    selectedAnimatingInverse: "v16_22_lgofm1j"
+    noSelected: "v16_23_1y2v1nf2a",
+    noSelectedInverse: "v16_23_1y2v1nf2b",
+    selected: "v16_23_lgofm1g",
+    selectedInverse: "v16_23_lgofm1h",
+    selectedAnimating: "v16_23_lgofm1i",
+    selectedAnimatingInverse: "v16_23_lgofm1j"
 }, i = {
-    default: "v16_22_lgofm17 v16_22_1y2v1nfba v16_22_1y2v1nfcj v16_22_1y2v1nfil v16_22_1y2v1nfj2 v16_22_1y2v1nfiz v16_22_1y2v1nfit v16_22_1y2v1nfkj v16_22_1y2v1nfkv v16_22_1y2v1nf8c",
-    fullWidth: "v16_22_lgofm19 v16_22_lgofm17 v16_22_1y2v1nfba v16_22_1y2v1nfcj v16_22_1y2v1nfil v16_22_1y2v1nfj2 v16_22_1y2v1nfiz v16_22_1y2v1nfit v16_22_1y2v1nfkj v16_22_1y2v1nfkv v16_22_1y2v1nf8c"
-}, l = "v16_22_1y2v1nfkv v16_22_1y2v1nfj7 v16_22_1y2v1nfik";
+    default: "v16_23_lgofm17 v16_23_1y2v1nfba v16_23_1y2v1nfcj v16_23_1y2v1nfil v16_23_1y2v1nfj2 v16_23_1y2v1nfiz v16_23_1y2v1nfit v16_23_1y2v1nfkj v16_23_1y2v1nfkv v16_23_1y2v1nf8c",
+    fullWidth: "v16_23_lgofm19 v16_23_lgofm17 v16_23_1y2v1nfba v16_23_1y2v1nfcj v16_23_1y2v1nfil v16_23_1y2v1nfj2 v16_23_1y2v1nfiz v16_23_1y2v1nfit v16_23_1y2v1nfkj v16_23_1y2v1nfkv v16_23_1y2v1nf8c"
+}, l = "v16_23_1y2v1nfkv v16_23_1y2v1nfj7 v16_23_1y2v1nfik";
 export { n as animatedLine, f as icon, e as inner, y as outer, r as outerBorder, a as outerBorderInverse, o as tabHover, t as tabSelectionVariants, i as tabVariants, l 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_22_1y2v1nfil v16_22_1y2v1nfb1", y = "v16_22_1y2v1nfim", f = "v16_22_1wy08671 v16_22_1y2v1nf8j v16_22_1y2v1nf9s v16_22_1y2v1nfil v16_22_1y2v1nfip v16_22_1y2v1nfiz v16_22_1y2v1nfit v16_22_1y2v1nfkg";
+var n = "v16_23_1y2v1nfil v16_23_1y2v1nfb1", y = "v16_23_1y2v1nfim", f = "v16_23_1wy08671 v16_23_1y2v1nf8j v16_23_1y2v1nf9s v16_23_1y2v1nfil v16_23_1y2v1nfip v16_23_1y2v1nfiz v16_23_1y2v1nfit v16_23_1y2v1nfkg";
 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_22_rhey4t8", r = "v16_22_rhey4th v16_22_1y2v1nfb1 v16_22_1y2v1nfik v16_22_1y2v1nfiz", n = 12, y = "v16_22_rhey4tr", a = 4, i = 11, f = 15, h = "v16_22_rhey4t4", l = "v16_22_rhey4t7", d = "calc(1.5rem + 24px)", o = "v16_22_rhey4ta v16_22_1y2v1nfie v16_22_rhey4t1 v16_22_1y2v1nfl2 v16_22_1y2v1nfk5 v16_22_1y2v1nf28 v16_22_1y2v1nfj7", p = "v16_22_rhey4tb", c = "v16_22_rhey4tc", m = "v16_22_rhey4td", u = "v16_22_rhey4tn v16_22_1y2v1nfik v16_22_1y2v1nfiz v16_22_1y2v1nflk", g = "v16_22_1y2v1nf4m", x = "v16_22_rhey4tl v16_22_1y2v1nfcg", b = "v16_22_rhey4tj v16_22_1y2v1nfcg v16_22_1y2v1nfik v16_22_1y2v1nfiz v16_22_1y2v1nfjo v16_22_1y2v1nfif", k = "v16_22_rhey4tq v16_22_1y2v1nfif", s = "v16_22_rhey4t6 v16_22_1y2v1nf8d v16_22_1y2v1nf9m v16_22_rhey4t1 v16_22_1y2v1nfl2 v16_22_1y2v1nfk5 v16_22_1y2v1nf28 v16_22_1y2v1nfj7", I = "v16_22_rhey4te", L = "v16_22_rhey4tf";
+var t = "v16_23_rhey4t8", r = "v16_23_rhey4th v16_23_1y2v1nfb1 v16_23_1y2v1nfik v16_23_1y2v1nfiz", n = 12, y = "v16_23_rhey4tr", a = 4, i = 11, f = 15, h = "v16_23_rhey4t4", l = "v16_23_rhey4t7", d = "calc(1.5rem + 24px)", o = "v16_23_rhey4ta v16_23_1y2v1nfie v16_23_rhey4t1 v16_23_1y2v1nfl2 v16_23_1y2v1nfk5 v16_23_1y2v1nf28 v16_23_1y2v1nfj7", p = "v16_23_rhey4tb", c = "v16_23_rhey4tc", m = "v16_23_rhey4td", u = "v16_23_rhey4tn v16_23_1y2v1nfik v16_23_1y2v1nfiz v16_23_1y2v1nflk", g = "v16_23_1y2v1nf4m", x = "v16_23_rhey4tl v16_23_1y2v1nfcg", b = "v16_23_rhey4tj v16_23_1y2v1nfcg v16_23_1y2v1nfik v16_23_1y2v1nfiz v16_23_1y2v1nfjo v16_23_1y2v1nfif", k = "v16_23_rhey4tq v16_23_1y2v1nfif", s = "v16_23_rhey4t6 v16_23_1y2v1nf8d v16_23_1y2v1nf9m v16_23_rhey4t1 v16_23_1y2v1nfl2 v16_23_1y2v1nfk5 v16_23_1y2v1nf28 v16_23_1y2v1nfj7", I = "v16_23_rhey4te", L = "v16_23_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, d as iconButtonSize, o as input, p as inputFirefoxStyles, c as inputWithLabel, m as inputWithoutLabel, u as menuItem, g as menuItemSelected, x as prefix, b as startIcon, k as suggestionsContainer, s as textArea, I as textAreaWithLabel, L as textAreaWithoutLabel };

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

@@ -3,7 +3,7 @@ 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_22_1y2v1nf48",
-    readOnly: "v16_22_1y2v1nf64"
-}, i = "v16_22_15k6ur97", l = "v16_22_1y2v1nfll v16_22_1y2v1nfl1 v16_22_1y2v1nfik v16_22_1y2v1nfla v16_22_1y2v1nfie", t = "v16_22_15k6ur96 v16_22_1y2v1nfik v16_22_1y2v1nfiq", k = "v16_22_1y2v1nfj7", o = "v16_22_1y2v1nfb7 v16_22_1y2v1nfcj v16_22_1y2v1nfik", u = "v16_22_1y2v1nfj5 v16_22_1y2v1nf8j", d = "v16_22_15k6ur91 v16_22_1y2v1nfif v16_22_1y2v1nfik v16_22_1y2v1nfip", p = "v16_22_15k6ur93 v16_22_1y2v1nfll v16_22_1y2v1nfj3", L = "v16_22_15k6ur9e v16_22_1y2v1nfik", h = "v16_22_15k6ur99 v16_22_1y2v1nfj7", E = "v16_22_1y2v1nfba", T = "v16_22_15k6ur94", b = "v16_22_15k6ur9h";
+    default: "v16_23_1y2v1nf48",
+    readOnly: "v16_23_1y2v1nf64"
+}, i = "v16_23_15k6ur97", l = "v16_23_1y2v1nfll v16_23_1y2v1nfl1 v16_23_1y2v1nfik v16_23_1y2v1nfla v16_23_1y2v1nfie", t = "v16_23_15k6ur96 v16_23_1y2v1nfik v16_23_1y2v1nfiq", k = "v16_23_1y2v1nfj7", o = "v16_23_1y2v1nfb7 v16_23_1y2v1nfcj v16_23_1y2v1nfik", u = "v16_23_1y2v1nfj5 v16_23_1y2v1nf8j", d = "v16_23_15k6ur91 v16_23_1y2v1nfif v16_23_1y2v1nfik v16_23_1y2v1nfip", p = "v16_23_15k6ur93 v16_23_1y2v1nfll v16_23_1y2v1nfj3", L = "v16_23_15k6ur9e v16_23_1y2v1nfik", h = "v16_23_15k6ur99 v16_23_1y2v1nfj7", E = "v16_23_1y2v1nfba", T = "v16_23_15k6ur94", b = "v16_23_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, k as fullWidth, o as helperContainer, u as helperText, d as labelContainer, p as labelText, L as leftHelperText, h as normalWidth, E as rightHelperText, T as shrinked, b as warnIcon };

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

@@ -58,14 +58,14 @@ import { useIsInverseOrMediaVariant as T } from "./theme-variant-context.js";
 import { useTheme as C } from "./hooks.js";
 import { Text1 as x } from "./text.js";
 import { labelContainer as I, shrinked as O, labelText as k, helperText as y, leftHelperText as E, warnIcon as F, rightHelperText as H, fieldContainer as W, fullWidth as w, normalWidth as A, disabled as P, field as R, background as g, helperContainer as j } from "./text-field-components.css-mistica.js";
-import { vars as t } from "./skins/skin-contract.css-mistica.js";
+import { vars as o } from "./skins/skin-contract.css-mistica.js";
 import { getPrefixedDataAttributes as D } from "./utils/dom.js";
 import { formFieldOptionalLabelSuffix as V } from "./text-tokens.js";
 import q from "./generated/mistica-icons/icon-warning-regular.js";
 import B from "./screen-reader-only.js";
 const Z = (param)=>{
-    let { shrinkLabel: o, forId: d, inputState: r, error: s, children: l, style: i, showOptional: a } = param;
-    const n = o || r === "focused" || r === "filled", [m, p] = v.useState("initial"), { texts: u, t: N } = C();
+    let { shrinkLabel: l, forId: d, inputState: r, error: s, children: i, style: t, showOptional: a } = param;
+    const n = l || r === "focused" || r === "filled", [m, p] = v.useState("initial"), { texts: u, t: N } = C();
     v.useEffect(()=>{
         const b = setTimeout(()=>{
             process.env.NODE_ENV !== "test" && p("transform 150ms, width 150ms");
@@ -74,22 +74,22 @@ const Z = (param)=>{
             clearTimeout(b);
         };
     }, []);
-    let h = t.colors.textSecondary;
-    return s && r !== "default" ? h = t.colors.textError : r === "focused" && (h = t.colors.textActivated), /* @__PURE__ */ c("label", {
+    let h = o.colors.textSecondary;
+    return s && r !== "default" ? h = o.colors.textError : r === "focused" && (h = o.colors.textActivated), /* @__PURE__ */ c("label", {
         className: f(I, {
             [O]: n
         }),
         htmlFor: d,
         style: _object_spread_props(_object_spread({
             color: h
-        }, i), {
+        }, t), {
             transition: m
         }),
         "data-testid": "label",
         children: [
             /* @__PURE__ */ e("span", {
                 className: k,
-                children: l
+                children: i
             }),
             a ? /* @__PURE__ */ c("span", {
                 children: [
@@ -101,15 +101,15 @@ const Z = (param)=>{
         ]
     });
 }, $ = (param)=>{
-    let { leftText: o, leftTextId: d, rightText: r, rightTextId: s, rightTextLabel: l, error: i } = param;
-    const a = T(), n = a ? t.colors.textPrimaryInverse : i ? t.colors.textError : t.colors.textSecondary, m = a ? t.colors.textPrimaryInverse : t.colors.textSecondary;
+    let { leftText: l, leftTextId: d, rightText: r, rightTextId: s, rightTextLabel: i, error: t } = param;
+    const a = T(), n = a ? o.colors.textPrimaryInverse : t ? o.colors.textError : o.colors.textSecondary, m = a ? o.colors.textPrimaryInverse : o.colors.textSecondary;
     return /* @__PURE__ */ c(S, {
         children: [
-            o && /* @__PURE__ */ c("p", {
+            l && /* @__PURE__ */ c("p", {
                 className: f(y, E),
-                "data-testid": i ? "errorText" : "helperText",
+                "data-testid": t ? "errorText" : "helperText",
                 children: [
-                    i && /* @__PURE__ */ e(x, {
+                    t && /* @__PURE__ */ e(x, {
                         regular: !0,
                         children: /* @__PURE__ */ e(q, {
                             color: n,
@@ -120,13 +120,14 @@ const Z = (param)=>{
                         color: n,
                         regular: !0,
                         id: d,
-                        children: o
+                        "aria-live": t ? "assertive" : void 0,
+                        children: l
                     })
                 ]
             }),
             r && /* @__PURE__ */ e("div", {
                 className: f(y, {
-                    [H]: !!o
+                    [H]: !!l
                 }),
                 "data-testid": "endHelperText",
                 children: /* @__PURE__ */ c(x, {
@@ -137,13 +138,13 @@ const Z = (param)=>{
                     wordBreak: !1,
                     id: s,
                     children: [
-                        l && /* @__PURE__ */ e(B, {
+                        i && /* @__PURE__ */ e(B, {
                             children: /* @__PURE__ */ e("span", {
-                                children: l
+                                children: i
                             })
                         }),
                         /* @__PURE__ */ e("span", {
-                            "aria-hidden": l !== void 0,
+                            "aria-hidden": i !== void 0,
                             children: r
                         })
                     ]
@@ -152,7 +153,7 @@ const Z = (param)=>{
         ]
     });
 }, ee = (param)=>{
-    let { multiline: o, disabled: d, children: r, helperText: s, className: l, fieldRef: i, fullWidth: a, readOnly: n, dataAttributes: m } = param;
+    let { multiline: l, disabled: d, children: r, helperText: s, className: i, fieldRef: t, fullWidth: a, readOnly: n, dataAttributes: m } = param;
     return(// eslint-disable-next-line jsx-a11y/no-static-element-interactions
     /* @__PURE__ */ c("div", _object_spread_props(_object_spread({
         className: f(W, a ? w : A, {
@@ -160,13 +161,13 @@ const Z = (param)=>{
         }),
         onClick: (p)=>{
             var u;
-            (u = p.currentTarget.querySelector(o ? "textarea" : "input")) == null || u.focus();
+            (u = p.currentTarget.querySelector(l ? "textarea" : "input")) == null || u.focus();
         }
     }, D(m)), {
         children: [
             /* @__PURE__ */ e("div", {
-                className: f(R, n ? g.readOnly : g.default, l),
-                ref: i,
+                className: f(R, n ? g.readOnly : g.default, i),
+                ref: t,
                 children: r
             }),
             s && /* @__PURE__ */ e("div", {

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

@@ -1,8 +1,8 @@
 import "./sprinkles.css.ts.vanilla.css-mistica.js";
 import "./text-link.css.ts.vanilla.css-mistica.js";
 var n = {
-    default: "v16_22_1m1n0pr1 v16_22_1y2v1nfj8 v16_22_1y2v1nfin v16_22_1y2v1nflk v16_22_1y2v1nf2l",
-    inverseLight: "v16_22_1m1n0pr6 v16_22_1m1n0pr1 v16_22_1y2v1nfj8 v16_22_1y2v1nfin v16_22_1y2v1nflk v16_22_1y2v1nf2m",
-    inverseDark: "v16_22_1m1n0pr7 v16_22_1m1n0pr1 v16_22_1y2v1nfj8 v16_22_1y2v1nfin v16_22_1y2v1nflk v16_22_1y2v1nf2l"
+    default: "v16_23_1m1n0pr1 v16_23_1y2v1nfj8 v16_23_1y2v1nfin v16_23_1y2v1nflk v16_23_1y2v1nf2l",
+    inverseLight: "v16_23_1m1n0pr6 v16_23_1m1n0pr1 v16_23_1y2v1nfj8 v16_23_1y2v1nfin v16_23_1y2v1nflk v16_23_1y2v1nf2m",
+    inverseDark: "v16_23_1m1n0pr7 v16_23_1m1n0pr1 v16_23_1y2v1nfj8 v16_23_1y2v1nfin v16_23_1y2v1nflk v16_23_1y2v1nf2l"
 };
 export { n as variants };

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

@@ -1,9 +1,9 @@
 import "./text.css.ts.vanilla.css-mistica.js";
-var r = "v16_22_splu5g7", _ = "v16_22_splu5g8", e = "v16_22_splu5g9", a = {
-    mobileSize: "var(--v16_22_splu5g0)",
-    desktopSize: "var(--v16_22_splu5g1)",
-    mobileLineHeight: "var(--v16_22_splu5g2)",
-    desktopLineHeight: "var(--v16_22_splu5g3)",
-    lineClamp: "var(--v16_22_splu5g4)"
-}, p = "v16_22_splu5g5", t = "v16_22_splu5g6";
+var r = "v16_23_splu5g7", _ = "v16_23_splu5g8", e = "v16_23_splu5g9", a = {
+    mobileSize: "var(--v16_23_splu5g0)",
+    desktopSize: "var(--v16_23_splu5g1)",
+    mobileLineHeight: "var(--v16_23_splu5g2)",
+    desktopLineHeight: "var(--v16_23_splu5g3)",
+    lineClamp: "var(--v16_23_splu5g4)"
+}, p = "v16_23_splu5g5", t = "v16_23_splu5g6";
 export { r as text, _ as truncate, e as truncateToOneLine, a as vars, p as withWordBreak, t as withoutWordBreak };