@telefonica/mistica 17.4.0 → 17.5.0

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

@@ -1,43 +1,43 @@
 /* empty css                                     */ /* empty css                                            */ var a = {
-    default: "v17_4_q0hp3a6 v17_4_q0hp3a5 v17_4_1y2v1nfri v17_4_1y2v1nfuh",
-    ios: "v17_4_q0hp3a7 v17_4_q0hp3a5 v17_4_1y2v1nfri v17_4_1y2v1nfuh",
-    disabled: "v17_4_q0hp3a8 v17_4_q0hp3a5 v17_4_1y2v1nfri v17_4_1y2v1nfuh",
-    disabledIos: "v17_4_q0hp3a9 v17_4_q0hp3a5 v17_4_1y2v1nfri v17_4_1y2v1nfuh"
+    default: "v17_5_q0hp3a6 v17_5_q0hp3a5 v17_5_1y2v1nfri v17_5_1y2v1nfuh",
+    ios: "v17_5_q0hp3a7 v17_5_q0hp3a5 v17_5_1y2v1nfri v17_5_1y2v1nfuh",
+    disabled: "v17_5_q0hp3a8 v17_5_q0hp3a5 v17_5_1y2v1nfri v17_5_1y2v1nfuh",
+    disabledIos: "v17_5_q0hp3a9 v17_5_q0hp3a5 v17_5_1y2v1nfri v17_5_1y2v1nfuh"
 }, h = {
-    default: "v17_4_q0hp3ac v17_4_q0hp3ab v17_4_q0hp3aa v17_4_1y2v1nfr8",
-    ios: "v17_4_q0hp3ad v17_4_q0hp3ab v17_4_q0hp3aa v17_4_1y2v1nfr8"
-}, p = "v17_4_q0hp3af v17_4_q0hp3ae v17_4_1y2v1nfrg v17_4_1y2v1nfui", q = {
-    default: "v17_4_q0hp3ai v17_4_q0hp3ah v17_4_q0hp3ag v17_4_1y2v1nfrg",
-    ios: "v17_4_q0hp3aj v17_4_q0hp3ah v17_4_q0hp3ag v17_4_1y2v1nfrg",
-    iosDark: "v17_4_q0hp3ak v17_4_q0hp3ah v17_4_q0hp3ag v17_4_1y2v1nfrg",
-    checked: "v17_4_q0hp3al v17_4_q0hp3ah v17_4_q0hp3ag v17_4_1y2v1nfrg",
-    checkedIos: "v17_4_q0hp3am v17_4_q0hp3ah v17_4_q0hp3ag v17_4_1y2v1nfrg"
+    default: "v17_5_q0hp3ac v17_5_q0hp3ab v17_5_q0hp3aa v17_5_1y2v1nfr8",
+    ios: "v17_5_q0hp3ad v17_5_q0hp3ab v17_5_q0hp3aa v17_5_1y2v1nfr8"
+}, p = "v17_5_q0hp3af v17_5_q0hp3ae v17_5_1y2v1nfrg v17_5_1y2v1nfui", q = {
+    default: "v17_5_q0hp3ai v17_5_q0hp3ah v17_5_q0hp3ag v17_5_1y2v1nfrg",
+    ios: "v17_5_q0hp3aj v17_5_q0hp3ah v17_5_q0hp3ag v17_5_1y2v1nfrg",
+    iosDark: "v17_5_q0hp3ak v17_5_q0hp3ah v17_5_q0hp3ag v17_5_1y2v1nfrg",
+    checked: "v17_5_q0hp3al v17_5_q0hp3ah v17_5_q0hp3ag v17_5_1y2v1nfrg",
+    checkedIos: "v17_5_q0hp3am v17_5_q0hp3ah v17_5_q0hp3ag v17_5_1y2v1nfrg"
 }, n = {
-    default: "v17_4_q0hp3an v17_4_q0hp3ah v17_4_q0hp3ag v17_4_1y2v1nfrg",
-    ios: "v17_4_q0hp3ao v17_4_q0hp3ah v17_4_q0hp3ag v17_4_1y2v1nfrg",
-    iosDark: "v17_4_q0hp3ap v17_4_q0hp3ah v17_4_q0hp3ag v17_4_1y2v1nfrg",
-    checked: "v17_4_q0hp3aq v17_4_q0hp3ah v17_4_q0hp3ag v17_4_1y2v1nfrg",
-    checkedIos: "v17_4_q0hp3ar v17_4_q0hp3ah v17_4_q0hp3ag v17_4_1y2v1nfrg"
+    default: "v17_5_q0hp3an v17_5_q0hp3ah v17_5_q0hp3ag v17_5_1y2v1nfrg",
+    ios: "v17_5_q0hp3ao v17_5_q0hp3ah v17_5_q0hp3ag v17_5_1y2v1nfrg",
+    iosDark: "v17_5_q0hp3ap v17_5_q0hp3ah v17_5_q0hp3ag v17_5_1y2v1nfrg",
+    checked: "v17_5_q0hp3aq v17_5_q0hp3ah v17_5_q0hp3ag v17_5_1y2v1nfrg",
+    checkedIos: "v17_5_q0hp3ar v17_5_q0hp3ah v17_5_q0hp3ag v17_5_1y2v1nfrg"
 }, r = {
-    default: "v17_4_q0hp3as v17_4_q0hp3ah v17_4_q0hp3ag v17_4_1y2v1nfrg",
-    ios: "v17_4_q0hp3at v17_4_q0hp3ah v17_4_q0hp3ag v17_4_1y2v1nfrg",
-    iosDark: "v17_4_q0hp3au v17_4_q0hp3ah v17_4_q0hp3ag v17_4_1y2v1nfrg",
-    checked: "v17_4_q0hp3av v17_4_q0hp3ah v17_4_q0hp3ag v17_4_1y2v1nfrg",
-    checkedIos: "v17_4_q0hp3aw v17_4_q0hp3ah v17_4_q0hp3ag v17_4_1y2v1nfrg"
-}, y = "v17_4_q0hp3ay", f = "v17_4_q0hp3az v17_4_q0hp3ax", e = "v17_4_q0hp3a10 v17_4_q0hp3ax", g = "v17_4_q0hp3a11 v17_4_q0hp3ax", i = "v17_4_q0hp3a12 v17_4_q0hp3ax", t = "v17_4_q0hp3a13", c = {
-    default: "v17_4_q0hp3a18 v17_4_q0hp3a16 v17_4_q0hp3a15 v17_4_q0hp3a14 v17_4_1y2v1nfr9 v17_4_1y2v1nfvx v17_4_1y2v1nfrg v17_4_1y2v1nfty",
-    ios: "v17_4_q0hp3a19 v17_4_q0hp3a17 v17_4_q0hp3a15 v17_4_q0hp3a14 v17_4_1y2v1nfr9 v17_4_1y2v1nfvx v17_4_1y2v1nfrg v17_4_1y2v1nfty",
-    checked: "v17_4_q0hp3a1a v17_4_q0hp3a16 v17_4_q0hp3a15 v17_4_q0hp3a14 v17_4_1y2v1nfr9 v17_4_1y2v1nfvx v17_4_1y2v1nfrg v17_4_1y2v1nfty",
-    checkedIos: "v17_4_q0hp3a1b v17_4_q0hp3a17 v17_4_q0hp3a15 v17_4_q0hp3a14 v17_4_1y2v1nfr9 v17_4_1y2v1nfvx v17_4_1y2v1nfrg v17_4_1y2v1nfty"
+    default: "v17_5_q0hp3as v17_5_q0hp3ah v17_5_q0hp3ag v17_5_1y2v1nfrg",
+    ios: "v17_5_q0hp3at v17_5_q0hp3ah v17_5_q0hp3ag v17_5_1y2v1nfrg",
+    iosDark: "v17_5_q0hp3au v17_5_q0hp3ah v17_5_q0hp3ag v17_5_1y2v1nfrg",
+    checked: "v17_5_q0hp3av v17_5_q0hp3ah v17_5_q0hp3ag v17_5_1y2v1nfrg",
+    checkedIos: "v17_5_q0hp3aw v17_5_q0hp3ah v17_5_q0hp3ag v17_5_1y2v1nfrg"
+}, y = "v17_5_q0hp3ay", f = "v17_5_q0hp3az v17_5_q0hp3ax", e = "v17_5_q0hp3a10 v17_5_q0hp3ax", g = "v17_5_q0hp3a11 v17_5_q0hp3ax", i = "v17_5_q0hp3a12 v17_5_q0hp3ax", t = "v17_5_q0hp3a13", c = {
+    default: "v17_5_q0hp3a18 v17_5_q0hp3a16 v17_5_q0hp3a15 v17_5_q0hp3a14 v17_5_1y2v1nfr9 v17_5_1y2v1nfvx v17_5_1y2v1nfrg v17_5_1y2v1nfty",
+    ios: "v17_5_q0hp3a19 v17_5_q0hp3a17 v17_5_q0hp3a15 v17_5_q0hp3a14 v17_5_1y2v1nfr9 v17_5_1y2v1nfvx v17_5_1y2v1nfrg v17_5_1y2v1nfty",
+    checked: "v17_5_q0hp3a1a v17_5_q0hp3a16 v17_5_q0hp3a15 v17_5_q0hp3a14 v17_5_1y2v1nfr9 v17_5_1y2v1nfvx v17_5_1y2v1nfrg v17_5_1y2v1nfty",
+    checkedIos: "v17_5_q0hp3a1b v17_5_q0hp3a17 v17_5_q0hp3a15 v17_5_q0hp3a14 v17_5_1y2v1nfr9 v17_5_1y2v1nfvx v17_5_1y2v1nfrg v17_5_1y2v1nfty"
 }, d = {
-    default: "v17_4_q0hp3a1c v17_4_q0hp3a16 v17_4_q0hp3a15 v17_4_q0hp3a14 v17_4_1y2v1nfr9 v17_4_1y2v1nfvx v17_4_1y2v1nfrg v17_4_1y2v1nfty",
-    ios: "v17_4_q0hp3a1d v17_4_q0hp3a17 v17_4_q0hp3a15 v17_4_q0hp3a14 v17_4_1y2v1nfr9 v17_4_1y2v1nfvx v17_4_1y2v1nfrg v17_4_1y2v1nfty",
-    checked: "v17_4_q0hp3a1e v17_4_q0hp3a16 v17_4_q0hp3a15 v17_4_q0hp3a14 v17_4_1y2v1nfr9 v17_4_1y2v1nfvx v17_4_1y2v1nfrg v17_4_1y2v1nfty",
-    checkedIos: "v17_4_q0hp3a1f v17_4_q0hp3a17 v17_4_q0hp3a15 v17_4_q0hp3a14 v17_4_1y2v1nfr9 v17_4_1y2v1nfvx v17_4_1y2v1nfrg v17_4_1y2v1nfty"
+    default: "v17_5_q0hp3a1c v17_5_q0hp3a16 v17_5_q0hp3a15 v17_5_q0hp3a14 v17_5_1y2v1nfr9 v17_5_1y2v1nfvx v17_5_1y2v1nfrg v17_5_1y2v1nfty",
+    ios: "v17_5_q0hp3a1d v17_5_q0hp3a17 v17_5_q0hp3a15 v17_5_q0hp3a14 v17_5_1y2v1nfr9 v17_5_1y2v1nfvx v17_5_1y2v1nfrg v17_5_1y2v1nfty",
+    checked: "v17_5_q0hp3a1e v17_5_q0hp3a16 v17_5_q0hp3a15 v17_5_q0hp3a14 v17_5_1y2v1nfr9 v17_5_1y2v1nfvx v17_5_1y2v1nfrg v17_5_1y2v1nfty",
+    checkedIos: "v17_5_q0hp3a1f v17_5_q0hp3a17 v17_5_q0hp3a15 v17_5_q0hp3a14 v17_5_1y2v1nfr9 v17_5_1y2v1nfvx v17_5_1y2v1nfrg v17_5_1y2v1nfty"
 }, o = {
-    default: "v17_4_q0hp3a1g v17_4_q0hp3a16 v17_4_q0hp3a15 v17_4_q0hp3a14 v17_4_1y2v1nfr9 v17_4_1y2v1nfvx v17_4_1y2v1nfrg v17_4_1y2v1nfty",
-    ios: "v17_4_q0hp3a1h v17_4_q0hp3a17 v17_4_q0hp3a15 v17_4_q0hp3a14 v17_4_1y2v1nfr9 v17_4_1y2v1nfvx v17_4_1y2v1nfrg v17_4_1y2v1nfty",
-    checked: "v17_4_q0hp3a1i v17_4_q0hp3a16 v17_4_q0hp3a15 v17_4_q0hp3a14 v17_4_1y2v1nfr9 v17_4_1y2v1nfvx v17_4_1y2v1nfrg v17_4_1y2v1nfty",
-    checkedIos: "v17_4_q0hp3a1j v17_4_q0hp3a17 v17_4_q0hp3a15 v17_4_q0hp3a14 v17_4_1y2v1nfr9 v17_4_1y2v1nfvx v17_4_1y2v1nfrg v17_4_1y2v1nfty"
+    default: "v17_5_q0hp3a1g v17_5_q0hp3a16 v17_5_q0hp3a15 v17_5_q0hp3a14 v17_5_1y2v1nfr9 v17_5_1y2v1nfvx v17_5_1y2v1nfrg v17_5_1y2v1nfty",
+    ios: "v17_5_q0hp3a1h v17_5_q0hp3a17 v17_5_q0hp3a15 v17_5_q0hp3a14 v17_5_1y2v1nfr9 v17_5_1y2v1nfvx v17_5_1y2v1nfrg v17_5_1y2v1nfty",
+    checked: "v17_5_q0hp3a1i v17_5_q0hp3a16 v17_5_q0hp3a15 v17_5_q0hp3a14 v17_5_1y2v1nfr9 v17_5_1y2v1nfvx v17_5_1y2v1nfrg v17_5_1y2v1nfty",
+    checkedIos: "v17_5_q0hp3a1j v17_5_q0hp3a17 v17_5_q0hp3a15 v17_5_q0hp3a14 v17_5_1y2v1nfr9 v17_5_1y2v1nfvx v17_5_1y2v1nfrg v17_5_1y2v1nfty"
 };
 export { c as ballVariants, q as barVariants, a as checkboxVariants, f as container, g as containerDisabled, i as containerDisabledFullWidth, e as containerFullWidth, t as disabled, y as interactiveArea, d as overBrandBallVariants, n as overBrandBarVariants, o as overNegativeBallVariants, r as overNegativeBarVariants, h as switchCheckboxContainerVariants, p as switchCheckboxLabel };

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

@@ -1,11 +1,11 @@
 /* empty css                                     */ /* empty css                                             */ /* empty css                                 */ var e = {
-    maxHeight: "var(--v17_4_107ok880)"
-}, a = "v17_4_107ok881", r = "v17_4_107ok882", l = "v17_4_107ok883", t = "v17_4_107ok884", k = "v17_4_107ok885", i = "v17_4_107ok886", s = {
-    left: "v17_4_107ok888 v17_4_107ok887",
-    right: "v17_4_107ok889 v17_4_107ok887",
-    center: "v17_4_107ok88a v17_4_107ok887"
-}, d = "v17_4_107ok88b", n = "v17_4_107ok88c", c = {
-    top: "v17_4_107ok88d",
-    middle: "v17_4_107ok88e"
-}, p = "v17_4_107ok88f", m = "v17_4_107ok88g", b = "v17_4_107ok88h", I = "v17_4_107ok88i", g = "v17_4_107ok88j", h = "v17_4_107ok88k", w = "v17_4_107ok88l", H = "v17_4_107ok88m", x = "v17_4_107ok88n";
+    maxHeight: "var(--v17_5_107ok880)"
+}, a = "v17_5_107ok881", r = "v17_5_107ok882", l = "v17_5_107ok883", t = "v17_5_107ok884", k = "v17_5_107ok885", i = "v17_5_107ok886", s = {
+    left: "v17_5_107ok888 v17_5_107ok887",
+    right: "v17_5_107ok889 v17_5_107ok887",
+    center: "v17_5_107ok88a v17_5_107ok887"
+}, d = "v17_5_107ok88b", n = "v17_5_107ok88c", c = {
+    top: "v17_5_107ok88d",
+    middle: "v17_5_107ok88e"
+}, p = "v17_5_107ok88f", m = "v17_5_107ok88g", b = "v17_5_107ok88h", I = "v17_5_107ok88i", g = "v17_5_107ok88j", h = "v17_5_107ok88k", w = "v17_5_107ok88l", H = "v17_5_107ok88m", x = "v17_5_107ok88n";
 export { p as actionsHeaderText, m as actionsTableCell, i as boxed, s as cellTextAlign, I as collapsedRowHeaderItem, h as collapsedRowTitle, l as collapsedRowsInMobile, r as fullWidth, k as hiddenHeadersInDesktop, t as hiddenHeadersInMobile, g as mobileCellHeading, w as rowFirstItem, x as rowLastCollapsedItem, H as rowLastItem, d as scrollContainer, n as scrollOverResponsiveLayout, a as table, b as topActions, e as vars, c as verticalAlign };

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

@@ -1,21 +1,21 @@
 /* empty css                                     */ /* empty css                                */ var f = {
-    borderColor: "var(--v17_4_lgofm10)"
-}, n = "v17_4_lgofm11", l = "v17_4_lgofm13 v17_4_lgofm12 v17_4_1y2v1nftp v17_4_1y2v1nfs1 v17_4_1y2v1nfr8", o = "v17_4_lgofm14", e = "v17_4_lgofm15 v17_4_1y2v1nftp v17_4_1y2v1nfs1 v17_4_1y2v1nfre", g = {
-    default: "v17_4_lgofm18 v17_4_lgofm17 v17_4_lgofm16 v17_4_1y2v1nfk4 v17_4_1y2v1nfld v17_4_1y2v1nfrf v17_4_1y2v1nfrw v17_4_1y2v1nfrt v17_4_1y2v1nfrn v17_4_1y2v1nftd v17_4_1y2v1nftp v17_4_1y2v1nfh6",
-    fullWidth: "v17_4_lgofm19 v17_4_lgofm17 v17_4_lgofm16 v17_4_1y2v1nfk4 v17_4_1y2v1nfld v17_4_1y2v1nfrf v17_4_1y2v1nfrw v17_4_1y2v1nfrt v17_4_1y2v1nfrn v17_4_1y2v1nftd v17_4_1y2v1nftp v17_4_1y2v1nfh6"
+    borderColor: "var(--v17_5_lgofm10)"
+}, n = "v17_5_lgofm11", l = "v17_5_lgofm13 v17_5_lgofm12 v17_5_1y2v1nftp v17_5_1y2v1nfs1 v17_5_1y2v1nfr8", o = "v17_5_lgofm14", e = "v17_5_lgofm15 v17_5_1y2v1nftp v17_5_1y2v1nfs1 v17_5_1y2v1nfre", g = {
+    default: "v17_5_lgofm18 v17_5_lgofm17 v17_5_lgofm16 v17_5_1y2v1nfk4 v17_5_1y2v1nfld v17_5_1y2v1nfrf v17_5_1y2v1nfrw v17_5_1y2v1nfrt v17_5_1y2v1nfrn v17_5_1y2v1nftd v17_5_1y2v1nftp v17_5_1y2v1nfh6",
+    fullWidth: "v17_5_lgofm19 v17_5_lgofm17 v17_5_lgofm16 v17_5_1y2v1nfk4 v17_5_1y2v1nfld v17_5_1y2v1nfrf v17_5_1y2v1nfrw v17_5_1y2v1nfrt v17_5_1y2v1nfrn v17_5_1y2v1nftd v17_5_1y2v1nftp v17_5_1y2v1nfh6"
 }, m = {
-    default: "v17_4_lgofm1d v17_4_lgofm1a",
-    brand: "v17_4_lgofm1e v17_4_lgofm1b",
-    negative: "v17_4_lgofm1f v17_4_lgofm1c"
+    default: "v17_5_lgofm1d v17_5_lgofm1a",
+    brand: "v17_5_lgofm1e v17_5_lgofm1b",
+    negative: "v17_5_lgofm1f v17_5_lgofm1c"
 }, r = {
-    noSelected: "v17_4_lgofm1p v17_4_lgofm1g v17_4_1y2v1nf5p",
-    noSelectedBrand: "v17_4_lgofm1q v17_4_lgofm1h v17_4_1y2v1nf5s",
-    noSelectedNegative: "v17_4_lgofm1r v17_4_lgofm1i v17_4_1y2v1nf5r",
-    selected: "v17_4_lgofm1s v17_4_lgofm1j",
-    selectedBrand: "v17_4_lgofm1t v17_4_lgofm1k",
-    selectedNegative: "v17_4_lgofm1u v17_4_lgofm1l",
-    selectedAnimating: "v17_4_lgofm1v v17_4_lgofm1m",
-    selectedAnimatingBrand: "v17_4_lgofm1w v17_4_lgofm1n",
-    selectedAnimatingNegative: "v17_4_lgofm1x v17_4_lgofm1o"
-}, t = "v17_4_lgofm1y", a = "v17_4_lgofm1z v17_4_1y2v1nfrd v17_4_1y2v1nfr9 v17_4_1y2v1nfv3 v17_4_1y2v1nfvx v17_4_1y2v1nfsk";
+    noSelected: "v17_5_lgofm1p v17_5_lgofm1g v17_5_1y2v1nf5p",
+    noSelectedBrand: "v17_5_lgofm1q v17_5_lgofm1h v17_5_1y2v1nf5s",
+    noSelectedNegative: "v17_5_lgofm1r v17_5_lgofm1i v17_5_1y2v1nf5r",
+    selected: "v17_5_lgofm1s v17_5_lgofm1j",
+    selectedBrand: "v17_5_lgofm1t v17_5_lgofm1k",
+    selectedNegative: "v17_5_lgofm1u v17_5_lgofm1l",
+    selectedAnimating: "v17_5_lgofm1v v17_5_lgofm1m",
+    selectedAnimatingBrand: "v17_5_lgofm1w v17_5_lgofm1n",
+    selectedAnimatingNegative: "v17_5_lgofm1x v17_5_lgofm1o"
+}, t = "v17_5_lgofm1y", a = "v17_5_lgofm1z v17_5_1y2v1nfrd v17_5_1y2v1nfr9 v17_5_1y2v1nfv3 v17_5_1y2v1nfvx v17_5_1y2v1nfsk";
 export { a as animatedLine, t as icon, o as inner, l as outer, n as outerBorder, m as tabHover, r as tabSelectionVariants, g as tabVariants, e as tabsContainer, f as vars };

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

@@ -1,2 +1,2 @@
-/* empty css                                     */ /* empty css                               */ var y = "v17_4_1wy08673 v17_4_1wy08671 v17_4_1wy08670 v17_4_1y2v1nfrf v17_4_1y2v1nfrj v17_4_1y2v1nfrt v17_4_1y2v1nfrn v17_4_1wy08672 v17_4_1y2v1nfta", f = "v17_4_1wy08675 v17_4_1wy08671 v17_4_1wy08670 v17_4_1y2v1nfrf v17_4_1y2v1nfrj v17_4_1y2v1nfrt v17_4_1y2v1nfrn v17_4_1wy08674 v17_4_1y2v1nfha v17_4_1y2v1nfij v17_4_1y2v1nft8", n = "v17_4_1wy08676 v17_4_1y2v1nfrg", r = "v17_4_1wy08677 v17_4_1y2v1nfrf v17_4_1y2v1nfjv";
+/* empty css                                     */ /* empty css                               */ var y = "v17_5_1wy08673 v17_5_1wy08671 v17_5_1wy08670 v17_5_1y2v1nfrf v17_5_1y2v1nfrj v17_5_1y2v1nfrt v17_5_1y2v1nfrn v17_5_1wy08672 v17_5_1y2v1nfta", f = "v17_5_1wy08675 v17_5_1wy08671 v17_5_1wy08670 v17_5_1y2v1nfrf v17_5_1y2v1nfrj v17_5_1y2v1nfrt v17_5_1y2v1nfrn v17_5_1wy08674 v17_5_1y2v1nfha v17_5_1y2v1nfij v17_5_1y2v1nft8", n = "v17_5_1wy08676 v17_5_1y2v1nfrg", r = "v17_5_1wy08677 v17_5_1y2v1nfrf v17_5_1y2v1nfjv";
 export { r as badge, n as icon, f as smallTag, y as tag };

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

@@ -1,17 +1,17 @@
-/* empty css                                     */ /* empty css                                       */ /* empty css                                           */ var r = "calc(var(--v17_4_1vqcj1ijw) - 1px)", t = "calc(var(--v17_4_1vqcj1ijx) - 1px)", a = 12, y = 4, h = "calc(1.5rem + 24px)", n = {
-    mobileFontSize: "var(--v17_4_rhey4t0)",
-    desktopFontSize: "var(--v17_4_rhey4t1)",
-    mobileLineHeight: "var(--v17_4_rhey4t2)",
-    desktopLineHeight: "var(--v17_4_rhey4t3)",
-    shrinkedLabelMobileFontSize: "var(--v17_4_rhey4t4)",
-    shrinkedLabelDesktopFontSize: "var(--v17_4_rhey4t5)",
-    shrinkedLabelMobileLineHeight: "var(--v17_4_rhey4t6)",
-    shrinkedLabelDesktopLineHeight: "var(--v17_4_rhey4t7)",
-    helperTextMobileFontSize: "var(--v17_4_rhey4t8)",
-    helperTextDesktopFontSize: "var(--v17_4_rhey4t9)",
-    helperTextMobileLineHeight: "var(--v17_4_rhey4ta)",
-    helperTextDesktopLineHeight: "var(--v17_4_rhey4tb)",
-    labelScaleDesktop: "var(--v17_4_rhey4tc)",
-    labelScaleMobile: "var(--v17_4_rhey4td)"
-}, i = "v17_4_rhey4ti", l = "v17_4_rhey4tk v17_4_rhey4tj v17_4_1y2v1nfh7 v17_4_1y2v1nfig v17_4_rhey4tf v17_4_rhey4te v17_4_1y2v1nftw v17_4_1y2v1nfsz v17_4_1y2v1nf5k v17_4_1y2v1nfs1", o = "v17_4_rhey4tl", f = "v17_4_rhey4tm", p = "v17_4_rhey4to v17_4_rhey4tn v17_4_1y2v1nfr8 v17_4_rhey4tf v17_4_rhey4te v17_4_1y2v1nftw v17_4_1y2v1nfsz v17_4_1y2v1nf5k v17_4_1y2v1nfs1", d = "v17_4_rhey4tp", s = "v17_4_rhey4tq", c = "v17_4_rhey4tr", b = "v17_4_rhey4ts", m = "v17_4_rhey4tt", u = "v17_4_rhey4tv v17_4_rhey4tu v17_4_1y2v1nfjv v17_4_1y2v1nfre v17_4_1y2v1nfrt", x = "v17_4_rhey4tw", L = "v17_4_rhey4ty v17_4_rhey4tx v17_4_1y2v1nfla v17_4_1y2v1nfre v17_4_1y2v1nfrt v17_4_1y2v1nfsi v17_4_1y2v1nfr9", k = "v17_4_rhey4t10 v17_4_rhey4tz v17_4_1y2v1nfla", g = "v17_4_rhey4t12 v17_4_rhey4t11 v17_4_1y2v1nfre v17_4_1y2v1nfrt", S = "v17_4_rhey4t14 v17_4_rhey4t12 v17_4_rhey4t11 v17_4_1y2v1nfre v17_4_1y2v1nfrt v17_4_rhey4t13 v17_4_1y2v1nfuh", z = "v17_4_rhey4t15", D = "v17_4_rhey4t17 v17_4_rhey4t16 v17_4_1y2v1nfr9";
-export { f as emptyDateValue, u as endIconContainer, x as endIconPlaceholder, a as fieldElementsGap, y as fieldEndIconGap, r as fieldLeftPadding, t as fieldRightPadding, n as fieldVars, i as fullWidth, o as hiddenDatePlaceholder, h as iconButtonSize, p as input, d as inputFirefoxStyles, s as inputWithLabel, c as inputWithoutLabel, S as menuItem, g as menuItemBase, z as menuItemSelected, k as prefix, L as startIcon, D as suggestionsContainer, l as textArea, b as textAreaWithLabel, m as textAreaWithoutLabel };
+/* empty css                                     */ /* empty css                                       */ /* empty css                                           */ var r = "calc(var(--v17_5_1vqcj1ijz) - 1px)", t = "calc(var(--v17_5_1vqcj1ik0) - 1px)", a = 12, y = 4, h = "calc(1.5rem + 24px)", n = {
+    mobileFontSize: "var(--v17_5_rhey4t0)",
+    desktopFontSize: "var(--v17_5_rhey4t1)",
+    mobileLineHeight: "var(--v17_5_rhey4t2)",
+    desktopLineHeight: "var(--v17_5_rhey4t3)",
+    shrinkedLabelMobileFontSize: "var(--v17_5_rhey4t4)",
+    shrinkedLabelDesktopFontSize: "var(--v17_5_rhey4t5)",
+    shrinkedLabelMobileLineHeight: "var(--v17_5_rhey4t6)",
+    shrinkedLabelDesktopLineHeight: "var(--v17_5_rhey4t7)",
+    helperTextMobileFontSize: "var(--v17_5_rhey4t8)",
+    helperTextDesktopFontSize: "var(--v17_5_rhey4t9)",
+    helperTextMobileLineHeight: "var(--v17_5_rhey4ta)",
+    helperTextDesktopLineHeight: "var(--v17_5_rhey4tb)",
+    labelScaleDesktop: "var(--v17_5_rhey4tc)",
+    labelScaleMobile: "var(--v17_5_rhey4td)"
+}, i = "v17_5_rhey4ti", l = "v17_5_rhey4tk v17_5_rhey4tj v17_5_1y2v1nfh7 v17_5_1y2v1nfig v17_5_rhey4tf v17_5_rhey4te v17_5_1y2v1nftw v17_5_1y2v1nfsz v17_5_1y2v1nf5k v17_5_1y2v1nfs1", o = "v17_5_rhey4tl", f = "v17_5_rhey4tm", p = "v17_5_rhey4to v17_5_rhey4tn v17_5_1y2v1nfr8 v17_5_rhey4tf v17_5_rhey4te v17_5_1y2v1nftw v17_5_1y2v1nfsz v17_5_1y2v1nf5k v17_5_1y2v1nfs1", d = "v17_5_rhey4tp", s = "v17_5_rhey4tq", c = "v17_5_rhey4tr", b = "v17_5_rhey4ts", k = "v17_5_rhey4tt", m = "v17_5_rhey4tv v17_5_rhey4tu v17_5_1y2v1nfjv v17_5_1y2v1nfre v17_5_1y2v1nfrt", u = "v17_5_rhey4tw", L = "v17_5_rhey4ty v17_5_rhey4tx v17_5_1y2v1nfla v17_5_1y2v1nfre v17_5_1y2v1nfrt v17_5_1y2v1nfsi v17_5_1y2v1nfr9", x = "v17_5_rhey4t10 v17_5_rhey4tz v17_5_1y2v1nfla", g = "v17_5_rhey4t12 v17_5_rhey4t11 v17_5_1y2v1nfre v17_5_1y2v1nfrt", z = "v17_5_rhey4t14 v17_5_rhey4t12 v17_5_rhey4t11 v17_5_1y2v1nfre v17_5_1y2v1nfrt v17_5_rhey4t13 v17_5_1y2v1nfuh", S = "v17_5_rhey4t15", D = "v17_5_rhey4t17 v17_5_rhey4t16 v17_5_1y2v1nfr9";
+export { f as emptyDateValue, m as endIconContainer, u as endIconPlaceholder, a as fieldElementsGap, y as fieldEndIconGap, r as fieldLeftPadding, t as fieldRightPadding, n as fieldVars, i as fullWidth, o as hiddenDatePlaceholder, h as iconButtonSize, p as input, d as inputFirefoxStyles, s as inputWithLabel, c as inputWithoutLabel, z as menuItem, g as menuItemBase, S as menuItemSelected, x as prefix, L as startIcon, D as suggestionsContainer, l as textArea, b as textAreaWithLabel, k as textAreaWithoutLabel };

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

@@ -1,5 +1,5 @@
-/* empty css                                     */ /* empty css                                       */ /* empty css                                           */ /* empty css                                                 */ var e = 328, u = "v17_4_15k6ur91 v17_4_15k6ur90 v17_4_1y2v1nfr9 v17_4_1y2v1nfre", k = "v17_4_15k6ur92 v17_4_1y2v1nfre v17_4_1y2v1nfrj v17_4_1y2v1nfui v17_4_1y2v1nfs1", a = "v17_4_15k6ur94 v17_4_15k6ur93 v17_4_1y2v1nfui v17_4_1y2v1nfrx", f = "v17_4_15k6ur95", y = "v17_4_15k6ur97 v17_4_15k6ur96 v17_4_1y2v1nfre v17_4_1y2v1nfrk", l = "v17_4_15k6ur98", t = "v17_4_15k6ur9a v17_4_15k6ur99 v17_4_1y2v1nfs1", i = "v17_4_15k6ur9b v17_4_1y2v1nfs1", d = "v17_4_15k6ur9c", o = "v17_4_15k6ur9f v17_4_15k6ur9e v17_4_1y2v1nftx v17_4_1y2v1nfre v17_4_1y2v1nfu5 v17_4_1y2v1nfr8 v17_4_15k6ur9d", p = "v17_4_15k6ur9h v17_4_15k6ur9g v17_4_1y2v1nfre", h = "v17_4_15k6ur9j v17_4_15k6ur9i v17_4_1y2v1nfre", x = "v17_4_15k6ur9k v17_4_1y2v1nfk4", b = "v17_4_15k6ur9l v17_4_1y2v1nfrz v17_4_1y2v1nfhd", m = "v17_4_15k6ur9m", s = {
-    default: "v17_4_15k6ur9p v17_4_15k6ur9n v17_4_1y2v1nf8z",
-    readOnly: "v17_4_15k6ur9q v17_4_15k6ur9o v17_4_1y2v1nfe3"
+/* empty css                                     */ /* empty css                                       */ /* empty css                                           */ /* empty css                                                 */ var e = 328, u = "v17_5_15k6ur91 v17_5_15k6ur90 v17_5_1y2v1nfr9 v17_5_1y2v1nfre", k = "v17_5_15k6ur92 v17_5_1y2v1nfre v17_5_1y2v1nfrj v17_5_1y2v1nfui v17_5_1y2v1nfs1", a = "v17_5_15k6ur94 v17_5_15k6ur93 v17_5_1y2v1nfui v17_5_1y2v1nfrx", f = "v17_5_15k6ur95", y = "v17_5_15k6ur97 v17_5_15k6ur96 v17_5_1y2v1nfre v17_5_1y2v1nfrk", l = "v17_5_15k6ur98", t = "v17_5_15k6ur9a v17_5_15k6ur99 v17_5_1y2v1nfs1", i = "v17_5_15k6ur9b v17_5_1y2v1nfs1", d = "v17_5_15k6ur9c", o = "v17_5_15k6ur9f v17_5_15k6ur9e v17_5_1y2v1nftx v17_5_1y2v1nfre v17_5_1y2v1nfu5 v17_5_1y2v1nfr8 v17_5_15k6ur9d", p = "v17_5_15k6ur9h v17_5_15k6ur9g v17_5_1y2v1nfre", h = "v17_5_15k6ur9j v17_5_15k6ur9i v17_5_1y2v1nfre", x = "v17_5_15k6ur9k v17_5_1y2v1nfk4", b = "v17_5_15k6ur9l v17_5_1y2v1nfrz v17_5_1y2v1nfhd", m = "v17_5_15k6ur9m", s = {
+    default: "v17_5_15k6ur9p v17_5_15k6ur9n v17_5_1y2v1nf8z",
+    readOnly: "v17_5_15k6ur9q v17_5_15k6ur9o v17_5_1y2v1nfe3"
 };
 export { e as DEFAULT_WIDTH, s as background, l as disabled, o as field, y as fieldContainer, d as focused, i as fullWidth, p as helperContainer, b as helperText, u as labelContainer, k as labelInner, a as labelText, h as leftHelperText, t as normalWidth, x as rightHelperText, f as shrinked, m as warnIcon };

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

@@ -1,10 +1,10 @@
 /* empty css                                     */ /* empty css                                     */ var n = {
-    underlineAlways: "v17_4_1m1n0pr2",
-    underlineOnHover: "v17_4_1m1n0pr3"
+    underlineAlways: "v17_5_1m1n0pr2",
+    underlineOnHover: "v17_5_1m1n0pr3"
 }, r = {
-    default: "v17_4_1m1n0pr8 v17_4_1m1n0pr1 v17_4_1m1n0pr0 v17_4_1y2v1nfs2 v17_4_1y2v1nfrh v17_4_1y2v1nfuh v17_4_1m1n0pr4 v17_4_1y2v1nf3m",
-    brand: "v17_4_1m1n0pr9 v17_4_1m1n0pr1 v17_4_1m1n0pr0 v17_4_1y2v1nfs2 v17_4_1y2v1nfrh v17_4_1y2v1nfuh v17_4_1m1n0pr5 v17_4_1y2v1nf3p",
-    negative: "v17_4_1m1n0pra v17_4_1m1n0pr1 v17_4_1m1n0pr0 v17_4_1y2v1nfs2 v17_4_1y2v1nfrh v17_4_1y2v1nfuh v17_4_1m1n0pr6 v17_4_1y2v1nf3o",
-    media: "v17_4_1m1n0prb v17_4_1m1n0pr1 v17_4_1m1n0pr0 v17_4_1y2v1nfs2 v17_4_1y2v1nfrh v17_4_1y2v1nfuh v17_4_1m1n0pr7 v17_4_1y2v1nf3q"
+    default: "v17_5_1m1n0pr8 v17_5_1m1n0pr1 v17_5_1m1n0pr0 v17_5_1y2v1nfs2 v17_5_1y2v1nfrh v17_5_1y2v1nfuh v17_5_1m1n0pr4 v17_5_1y2v1nf3m",
+    brand: "v17_5_1m1n0pr9 v17_5_1m1n0pr1 v17_5_1m1n0pr0 v17_5_1y2v1nfs2 v17_5_1y2v1nfrh v17_5_1y2v1nfuh v17_5_1m1n0pr5 v17_5_1y2v1nf3p",
+    negative: "v17_5_1m1n0pra v17_5_1m1n0pr1 v17_5_1m1n0pr0 v17_5_1y2v1nfs2 v17_5_1y2v1nfrh v17_5_1y2v1nfuh v17_5_1m1n0pr6 v17_5_1y2v1nf3o",
+    media: "v17_5_1m1n0prb v17_5_1m1n0pr1 v17_5_1m1n0pr0 v17_5_1y2v1nfs2 v17_5_1y2v1nfrh v17_5_1y2v1nfuh v17_5_1m1n0pr7 v17_5_1y2v1nf3q"
 };
 export { n as linkStyles, r as variants };

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

@@ -1,8 +1,8 @@
 /* empty css                                */ var r = {
-    mobileSize: "var(--v17_4_splu5g0)",
-    desktopSize: "var(--v17_4_splu5g1)",
-    mobileLineHeight: "var(--v17_4_splu5g2)",
-    desktopLineHeight: "var(--v17_4_splu5g3)",
-    lineClamp: "var(--v17_4_splu5g4)"
-}, _ = "v17_4_splu5g5", e = "v17_4_splu5g6", a = "v17_4_splu5g7", p = "v17_4_splu5g8", t = "v17_4_splu5g9";
+    mobileSize: "var(--v17_5_splu5g0)",
+    desktopSize: "var(--v17_5_splu5g1)",
+    mobileLineHeight: "var(--v17_5_splu5g2)",
+    desktopLineHeight: "var(--v17_5_splu5g3)",
+    lineClamp: "var(--v17_5_splu5g4)"
+}, _ = "v17_5_splu5g5", e = "v17_5_splu5g6", a = "v17_5_splu5g7", p = "v17_5_splu5g8", t = "v17_5_splu5g9";
 export { a as text, p as truncate, t as truncateToOneLine, r as vars, _ as withWordBreak, e as withoutWordBreak };

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

@@ -1,12 +1,12 @@
 /* empty css                                     */ /* empty css                                    */ var t = {
-    vertical: "v17_4_w6pat20",
-    horizontal: "v17_4_w6pat21"
-}, a = "v17_4_w6pat23 v17_4_w6pat22 v17_4_1y2v1nfre v17_4_1y2v1nfrr", e = "v17_4_w6pat25 v17_4_w6pat24 v17_4_1y2v1nfs0 v17_4_1y2v1nftr v17_4_1y2v1nfip", n = {
-    active: "v17_4_w6pat26",
-    inactive: "v17_4_w6pat27",
-    completed: "v17_4_w6pat28"
-}, r = "v17_4_w6pat2a v17_4_w6pat29 v17_4_1y2v1nfre v17_4_1y2v1nfrt", p = "v17_4_w6pat2b", w = "v17_4_w6pat2d v17_4_w6pat2c v17_4_1y2v1nfsb v17_4_1y2v1nfsr v17_4_1y2v1nfty v17_4_1y2v1nfre v17_4_1y2v1nfrt v17_4_1y2v1nfrn v17_4_1y2v1nf8z", f = {
-    default: "v17_4_w6pat2g v17_4_w6pat2f v17_4_w6pat2e v17_4_1y2v1nfs0",
-    overBrand: "v17_4_w6pat2h v17_4_w6pat2f v17_4_w6pat2e v17_4_1y2v1nfs0"
+    vertical: "v17_5_w6pat20",
+    horizontal: "v17_5_w6pat21"
+}, a = "v17_5_w6pat23 v17_5_w6pat22 v17_5_1y2v1nfre v17_5_1y2v1nfrr", e = "v17_5_w6pat25 v17_5_w6pat24 v17_5_1y2v1nfs0 v17_5_1y2v1nftr v17_5_1y2v1nfip", n = {
+    active: "v17_5_w6pat26",
+    inactive: "v17_5_w6pat27",
+    completed: "v17_5_w6pat28"
+}, r = "v17_5_w6pat2a v17_5_w6pat29 v17_5_1y2v1nfre v17_5_1y2v1nfrt", p = "v17_5_w6pat2b", w = "v17_5_w6pat2d v17_5_w6pat2c v17_5_1y2v1nfsb v17_5_1y2v1nfsr v17_5_1y2v1nfty v17_5_1y2v1nfre v17_5_1y2v1nfrt v17_5_1y2v1nfrn v17_5_1y2v1nf8z", f = {
+    default: "v17_5_w6pat2g v17_5_w6pat2f v17_5_w6pat2e v17_5_1y2v1nfs0",
+    overBrand: "v17_5_w6pat2h v17_5_w6pat2f v17_5_w6pat2e v17_5_1y2v1nfs0"
 };
 export { p as asset, w as assetNumberContainer, e as itemContent, f as line, r as lineContainer, t as timeline, a as timelineItem, n as timelineItemState };

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

@@ -1,8 +1,8 @@
-/* empty css                                     */ /* empty css                                 */ var f = "v17_4_18fye840 v17_4_1y2v1nfri", y = "v17_4_18fye841", e = "v17_4_18fye843 v17_4_18fye841 v17_4_18fye842 v17_4_1y2v1nfrf v17_4_1y2v1nfrn", n = "v17_4_18fye845 v17_4_18fye841 v17_4_18fye844 v17_4_1y2v1nfri", r = "v17_4_18fye847 v17_4_18fye846 v17_4_1y2v1nfre v17_4_1y2v1nfrk v17_4_1y2v1nfrt", a = "v17_4_18fye848", i = {
-    default: "v17_4_18fye84g v17_4_18fye84a v17_4_18fye849 v17_4_1y2v1nfjv v17_4_1y2v1nfl4 v17_4_1y2v1nfhg v17_4_1y2v1nfip v17_4_1y2v1nfu6 v17_4_18fye84b v17_4_1y2v1nfes",
-    brand: "v17_4_18fye84h v17_4_18fye84a v17_4_18fye849 v17_4_1y2v1nfjv v17_4_1y2v1nfl4 v17_4_1y2v1nfhg v17_4_1y2v1nfip v17_4_1y2v1nfu6 v17_4_18fye84c v17_4_1y2v1nf8z",
-    negative: "v17_4_18fye84i v17_4_18fye84a v17_4_18fye849 v17_4_1y2v1nfjv v17_4_1y2v1nfl4 v17_4_1y2v1nfhg v17_4_1y2v1nfip v17_4_1y2v1nfu6 v17_4_18fye84d v17_4_1y2v1nf8z",
-    alternative: "v17_4_18fye84j v17_4_18fye84a v17_4_18fye849 v17_4_1y2v1nfjv v17_4_1y2v1nfl4 v17_4_1y2v1nfhg v17_4_1y2v1nfip v17_4_1y2v1nfu6 v17_4_18fye84e v17_4_1y2v1nf8z",
-    media: "v17_4_18fye84k v17_4_18fye84a v17_4_18fye849 v17_4_1y2v1nfjv v17_4_1y2v1nfl4 v17_4_1y2v1nfhg v17_4_1y2v1nfip v17_4_1y2v1nfu6 v17_4_18fye84f"
+/* empty css                                     */ /* empty css                                 */ var f = "v17_5_18fye840 v17_5_1y2v1nfri", y = "v17_5_18fye841", e = "v17_5_18fye843 v17_5_18fye841 v17_5_18fye842 v17_5_1y2v1nfrf v17_5_1y2v1nfrn", n = "v17_5_18fye845 v17_5_18fye841 v17_5_18fye844 v17_5_1y2v1nfri", r = "v17_5_18fye847 v17_5_18fye846 v17_5_1y2v1nfre v17_5_1y2v1nfrk v17_5_1y2v1nfrt", a = "v17_5_18fye848", i = {
+    default: "v17_5_18fye84g v17_5_18fye84a v17_5_18fye849 v17_5_1y2v1nfjv v17_5_1y2v1nfl4 v17_5_1y2v1nfhg v17_5_1y2v1nfip v17_5_1y2v1nfu6 v17_5_18fye84b v17_5_1y2v1nfes",
+    brand: "v17_5_18fye84h v17_5_18fye84a v17_5_18fye849 v17_5_1y2v1nfjv v17_5_1y2v1nfl4 v17_5_1y2v1nfhg v17_5_1y2v1nfip v17_5_1y2v1nfu6 v17_5_18fye84c v17_5_1y2v1nf8z",
+    negative: "v17_5_18fye84i v17_5_18fye84a v17_5_18fye849 v17_5_1y2v1nfjv v17_5_1y2v1nfl4 v17_5_1y2v1nfhg v17_5_1y2v1nfip v17_5_1y2v1nfu6 v17_5_18fye84d v17_5_1y2v1nf8z",
+    alternative: "v17_5_18fye84j v17_5_18fye84a v17_5_18fye849 v17_5_1y2v1nfjv v17_5_1y2v1nfl4 v17_5_1y2v1nfhg v17_5_1y2v1nfip v17_5_1y2v1nfu6 v17_5_18fye84e v17_5_1y2v1nf8z",
+    media: "v17_5_18fye84k v17_5_18fye84a v17_5_18fye849 v17_5_1y2v1nfjv v17_5_1y2v1nfl4 v17_5_1y2v1nfhg v17_5_1y2v1nfip v17_5_1y2v1nfu6 v17_5_18fye84f"
 };
 export { a as boxedTimerDisplayValue, i as boxedTimerValueContainer, y as inlineText, n as shortLabelText, r as timerDisplayValue, f as timerWrapper, e as unitContainer };

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

@@ -12,5 +12,5 @@
         opacity: 0
     },
     unmounted: {}
-}, a = "v17_4_1xhatbp1 v17_4_1xhatbp0 v17_4_1y2v1nfr9", r = "v17_4_1xhatbp3 v17_4_1xhatbp2 v17_4_1y2v1nfr8 v17_4_1y2v1nfu7 v17_4_1y2v1nf8z", o = "v17_4_1xhatbp5 v17_4_1xhatbp4 v17_4_1y2v1nfr8 v17_4_1y2v1nfui", p = "v17_4_1xhatbp6", y = "v17_4_1xhatbp7 v17_4_1y2v1nfre v17_4_1y2v1nfrk v17_4_1y2v1nfrt", e = "v17_4_1xhatbp9 v17_4_1xhatbp8 v17_4_1y2v1nfr9 v17_4_1y2v1nfs9 v17_4_1y2v1nfui", i = "v17_4_1xhatbpb v17_4_1xhatbpa v17_4_1y2v1nfs7 v17_4_1y2v1nfsn v17_4_1y2v1nfr9 v17_4_1y2v1nfuo v17_4_1y2v1nf8z", f = "v17_4_1xhatbpd v17_4_1xhatbpc v17_4_1y2v1nfr9";
+}, a = "v17_5_1xhatbp1 v17_5_1xhatbp0 v17_5_1y2v1nfr9", r = "v17_5_1xhatbp3 v17_5_1xhatbp2 v17_5_1y2v1nfr8 v17_5_1y2v1nfu7 v17_5_1y2v1nf8z", o = "v17_5_1xhatbp5 v17_5_1xhatbp4 v17_5_1y2v1nfr8 v17_5_1y2v1nfui", p = "v17_5_1xhatbp6", y = "v17_5_1xhatbp7 v17_5_1y2v1nfre v17_5_1y2v1nfrk v17_5_1y2v1nfrt", e = "v17_5_1xhatbp9 v17_5_1xhatbp8 v17_5_1y2v1nfr9 v17_5_1y2v1nfs9 v17_5_1y2v1nfui", i = "v17_5_1xhatbpb v17_5_1xhatbpa v17_5_1y2v1nfs7 v17_5_1y2v1nfsn v17_5_1y2v1nfr9 v17_5_1y2v1nfuo v17_5_1y2v1nf8z", f = "v17_5_1xhatbpd v17_5_1xhatbpc v17_5_1y2v1nfr9";
 export { t as CONTENT_MIN_WIDTH, i as arrow, e as arrowContainer, f as closeButtonIcon, a as container, p as content, o as contentContainer, r as tooltip, y as tooltipCenter, n as tooltipTransitionClasses };

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

@@ -1,2 +1,2 @@
-/* empty css                                     */ /* empty css                                     */ var t = "v17_4_mhti6u0", h = "v17_4_mhti6u2 v17_4_mhti6u1 v17_4_1y2v1nfuh", n = "v17_4_mhti6u4 v17_4_mhti6u2 v17_4_mhti6u1 v17_4_1y2v1nfuh v17_4_mhti6u3 v17_4_1y2v1nfh7 v17_4_1y2v1nfig v17_4_1y2v1nfjp v17_4_1y2v1nfky v17_4_1y2v1nfrg v17_4_1y2v1nftw v17_4_1y2v1nfs1 v17_4_1y2v1nf8k v17_4_1y2v1nfh6 v17_4_1y2v1nfuj", u = "v17_4_mhti6u5";
+/* empty css                                     */ /* empty css                                     */ var t = "v17_5_mhti6u0", h = "v17_5_mhti6u2 v17_5_mhti6u1 v17_5_1y2v1nfuh", n = "v17_5_mhti6u4 v17_5_mhti6u2 v17_5_mhti6u1 v17_5_1y2v1nfuh v17_5_mhti6u3 v17_5_1y2v1nfh7 v17_5_1y2v1nfig v17_5_1y2v1nfjp v17_5_1y2v1nfky v17_5_1y2v1nfrg v17_5_1y2v1nftw v17_5_1y2v1nfs1 v17_5_1y2v1nf8k v17_5_1y2v1nfh6 v17_5_1y2v1nfuj", u = "v17_5_mhti6u5";
 export { h as base, t as marginReset, u as notTouchable, n as touchable };

package/dist-es/utils/aspect-ratio-support.css-mistica.js

@@ -1,4 +1,4 @@
 /* empty css                                      */ /* empty css                                                */ var r = {
-    aspectRatio: "var(--v17_4_yqswj60)"
-}, a = "v17_4_yqswj61 v17_4_1y2v1nfui v17_4_1y2v1nftt v17_4_1y2v1nftu v17_4_1y2v1nfr8", n = "v17_4_yqswj62", y = "v17_4_yqswj63 v17_4_1y2v1nfs1 v17_4_1y2v1nfsi v17_4_1y2v1nfuo v17_4_1y2v1nfv3";
+    aspectRatio: "var(--v17_5_yqswj60)"
+}, a = "v17_5_yqswj61 v17_5_1y2v1nfui v17_5_1y2v1nftt v17_5_1y2v1nftu v17_5_1y2v1nfr8", n = "v17_5_yqswj62", y = "v17_5_yqswj63 v17_5_1y2v1nfs1 v17_5_1y2v1nfsi v17_5_1y2v1nfuo v17_5_1y2v1nfv3";
 export { n as container, y as containerWithWrapper, r as vars, a as wrapper };

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

@@ -1,2 +1,2 @@
-/* empty css                                     */ /* empty css                                 */ var f = "v17_4_19h163j0 v17_4_1y2v1nfuo v17_4_1y2v1nfv3 v17_4_1y2v1nfrg v17_4_1y2v1nfh6 v17_4_1y2v1nftt v17_4_1y2v1nftu v17_4_1y2v1nfwc";
+/* empty css                                     */ /* empty css                                 */ var f = "v17_5_19h163j0 v17_5_1y2v1nfuo v17_5_1y2v1nfv3 v17_5_1y2v1nfrg v17_5_1y2v1nfh6 v17_5_1y2v1nftt v17_5_1y2v1nftu v17_5_1y2v1nfwc";
 export { f as video };

package/dist-es/vivinho-loading-animation/vivinho-loading-animation.css-mistica.js

@@ -1,2 +1,2 @@
-/* empty css                                                     */ var a = "v17_4_1ezqdj90", r = "v17_4_1ezqdj91";
+/* empty css                                                     */ var a = "v17_5_1ezqdj90", r = "v17_5_1ezqdj91";
 export { a as container, r as waveFadeOut };

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@telefonica/mistica",
-    "version": "17.4.0",
+    "version": "17.5.0",
     "license": "MIT",
     "repository": {
         "type": "git",

package/src/fade-out.css.ts

@@ -0,0 +1,12 @@
+import {style, keyframes} from '@vanilla-extract/css';
+
+const fadeIn = keyframes({
+    '0%': {opacity: 1},
+    '100%': {opacity: 0},
+});
+
+export const wrapper = style({
+    animationName: fadeIn,
+    animationTimingFunction: 'ease',
+    animationFillMode: 'both',
+});

package/src/fade-out.tsx

@@ -0,0 +1,50 @@
+import * as React from 'react';
+import * as styles from './fade-out.css';
+import {getPrefixedDataAttributes} from './utils/dom';
+
+import type {DataAttributes} from './utils/types';
+
+const defaultDuration = '0.3s';
+
+type Props = {
+    children?: React.ReactNode;
+    className?: string;
+    delay?: string;
+    duration?: string;
+    dataAttributes?: DataAttributes;
+};
+
+const FadeOut = ({
+    children,
+    className = '',
+    /**
+     * The length of the fade-in animation.
+     * Use a CSS time value, for example '0.3s' or '300ms'.
+     * The default value is '0.3s'.
+     */
+    duration = defaultDuration,
+    /**
+     * The wait time before the fade-in animation starts.
+     * Use a CSS time value, for example '0.3s' or '300ms'.
+     * The default value is '0' (no wait time).
+     */
+    delay = '0',
+    dataAttributes,
+}: Props): JSX.Element => {
+    return (
+        <div
+            {...getPrefixedDataAttributes({testid: 'FadeOut', ...dataAttributes})}
+            className={`${styles.wrapper} ${className}`}
+            style={{
+                animationDelay: delay,
+                WebkitAnimationDelay: delay,
+                animationDuration: duration,
+                WebkitAnimationDuration: duration,
+            }}
+        >
+            {children}
+        </div>
+    );
+};
+
+export default FadeOut;

package/src/header.tsx

@@ -5,11 +5,11 @@ import Stack from './stack';
 import ResponsiveLayout from './responsive-layout';
 import GridLayout from './grid-layout';
 import {useSetOverscrollColor} from './overscroll-color-context';
-import {Text7, Text6, Text3, Text2} from './text';
+import {Text7, Text6, Text, Text2, Text3} from './text';
 import {vars} from './skins/skin-contract.css';
 import * as styles from './header.css';
 import {getPrefixedDataAttributes} from './utils/dom';
-import {Title3, Title4} from './title';
+import {Title1, Title2, Title3, Title4} from './title';
 import {
     type DataAttributes,
     type HeadingType,
@@ -17,6 +17,7 @@ import {
     type RendersNullableElement,
 } from './utils/types';
 import {isBiggerHeading} from './utils/headings';
+import {useTheme} from './hooks';
 
 import type NavigationBreadcrumbs from './navigation-breadcrumbs';
 import type {ButtonPrimary, ButtonSecondary} from './button';
@@ -30,12 +31,15 @@ type OverridableTextProps = {
 
 type RichText = string | ({text: string} & OverridableTextProps);
 
+type TitleSizes = 'title1' | 'title2' | 'title3' | 'title4';
+
 type HeaderProps = {
     headline?: React.ReactNode;
     pretitle?: RichText;
     pretitleAs?: HeadingType;
     title?: string;
     titleAs?: HeadingType;
+    titleSize?: TitleSizes;
     description?: string;
     small?: boolean;
     dataAttributes?: DataAttributes;
@@ -47,45 +51,63 @@ export const Header = ({
     pretitleAs,
     title,
     titleAs = 'h2',
+    titleSize,
     description,
     dataAttributes,
     small = false,
 }: HeaderProps): JSX.Element => {
+    const {textPresets} = useTheme();
+
     const renderPretitle = () => {
         if (!pretitle) {
             return null;
         }
         const baseTextProps = {
-            regular: true,
             color: vars.colors.textPrimary,
             as: pretitleAs,
             dataAttributes: {testid: 'pretitle'},
+            desktopSize: textPresets.headerPretitle.size.desktop,
+            mobileSize: textPresets.headerPretitle.size.mobile,
+            desktopLineHeight: textPresets.headerPretitle.lineHeight.desktop,
+            mobileLineHeight: textPresets.headerPretitle.lineHeight.mobile,
+            weight: textPresets.headerPretitle.weight,
         } as const;
 
         if (typeof pretitle === 'string') {
-            return <Text3 {...baseTextProps}>{pretitle}</Text3>;
+            return <Text {...baseTextProps}>{pretitle}</Text>;
         }
         const {text, ...textProps} = pretitle;
         return (
-            <Text3 {...baseTextProps} {...textProps}>
+            <Text {...baseTextProps} {...textProps}>
                 {text}
-            </Text3>
+            </Text>
         );
     };
 
+    const renderTitle = () => {
+        if (!title) return undefined;
+
+        const baseTitleProps = {
+            children: title,
+            as: titleAs,
+            dataAttributes: {testid: 'title'},
+        } as const;
+
+        const titleComponents = {
+            title1: Title1,
+            title2: Title2,
+            title3: Title3,
+            title4: Title4,
+        } as const;
+
+        const TitleComponent = titleSize ? titleComponents[titleSize] : small ? Title3 : Title4;
+
+        return <TitleComponent {...baseTitleProps} />;
+    };
+
     const pretitleContent = renderPretitle();
 
-    const titleContent = title ? (
-        small ? (
-            <Title3 as={titleAs} dataAttributes={{testid: 'title'}}>
-                {title}
-            </Title3>
-        ) : (
-            <Title4 as={titleAs} dataAttributes={{testid: 'title'}}>
-                {title}
-            </Title4>
-        )
-    ) : undefined;
+    const titleContent = renderTitle();
 
     const headlineContent = headline ? (
         <div

package/src/index.tsx

@@ -7,6 +7,7 @@ export {default as Touchable} from './touchable';
 export type {TouchableElement} from './touchable';
 export {default as Spinner} from './spinner';
 export {default as FadeIn} from './fade-in';
+export {default as FadeOut} from './fade-out';
 
 export {AccordionItem, BoxedAccordionItem, Accordion, BoxedAccordion} from './accordion';
 export {ButtonPrimary, ButtonSecondary, ButtonDanger, ButtonLink, ButtonLinkDanger} from './button';

package/src/package-version.tsx

@@ -1,2 +1,2 @@
 // DO NOT EDIT THIS FILE. It's autogenerated by set-version.js
-export const PACKAGE_VERSION = '17.4.0' as string;
+export const PACKAGE_VERSION = '17.5.0' as string;

package/src/skins/blau.tsx

@@ -708,6 +708,11 @@ export const getBlauSkin: GetKnownSkin = () => {
                 size: {desktop: 28, mobile: 20},
                 weight: 'light',
             },
+            headerPretitle: {
+                lineHeight: {desktop: 24, mobile: 24},
+                size: {desktop: 18, mobile: 16},
+                weight: 'regular',
+            },
             indicator: {weight: 'medium'},
             inputHelperText: {lineHeight: {desktop: 20, mobile: 16}, size: {desktop: 14, mobile: 12}},
             inputLabel: {lineHeight: {desktop: 20, mobile: 16}, size: {desktop: 14, mobile: 12}},

package/src/skins/defaults.tsx

@@ -24,6 +24,11 @@ export const defaultTextPresetsConfig: TextPresetsConfig = {
     cardDescriptionSnap: {lineHeight: {desktop: 24, mobile: 20}, size: {desktop: 16, mobile: 14}},
     cardPretitleDefault: {lineHeight: {desktop: 24, mobile: 20}, size: {desktop: 16, mobile: 14}},
     cardPretitleSnap: {lineHeight: {desktop: 24, mobile: 20}, size: {desktop: 16, mobile: 14}},
+    headerPretitle: {
+        lineHeight: {desktop: 24, mobile: 22},
+        size: {desktop: 18, mobile: 16},
+        weight: 'regular',
+    },
     cardSubtitleDefault: {lineHeight: {desktop: 24, mobile: 20}, size: {desktop: 16, mobile: 14}},
     cardSubtitleSnap: {lineHeight: {desktop: 24, mobile: 20}, size: {desktop: 16, mobile: 14}},
     cardTitleDefault: {lineHeight: {desktop: 28, mobile: 24}, size: {desktop: 20, mobile: 18}},

package/src/skins/esimflag.tsx

@@ -712,6 +712,11 @@ export const getEsimflagSkin: GetKnownSkin = () => {
                 size: {desktop: 28, mobile: 20},
                 weight: 'bold',
             },
+            headerPretitle: {
+                lineHeight: {desktop: 24, mobile: 24},
+                size: {desktop: 18, mobile: 16},
+                weight: 'regular',
+            },
             indicator: {weight: 'medium'},
             inputHelperText: {lineHeight: {desktop: 20, mobile: 16}, size: {desktop: 14, mobile: 12}},
             inputLabel: {lineHeight: {desktop: 20, mobile: 16}, size: {desktop: 14, mobile: 12}},

package/src/skins/movistar.tsx

@@ -719,6 +719,11 @@ export const getMovistarSkin: GetKnownSkin = () => {
                 size: {desktop: 20, mobile: 20},
                 weight: 'bold',
             },
+            headerPretitle: {
+                lineHeight: {desktop: 24, mobile: 22},
+                size: {desktop: 18, mobile: 16},
+                weight: 'regular',
+            },
             indicator: {weight: 'medium'},
             inputHelperText: {lineHeight: {desktop: 20, mobile: 20}, size: {desktop: 14, mobile: 14}},
             inputLabel: {lineHeight: {desktop: 20, mobile: 16}, size: {desktop: 14, mobile: 12}},