@telefonica/mistica 17.5.0 → 17.6.0

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

@@ -1,43 +1,43 @@
 /* empty css                                     */ /* empty css                                            */ var a = {
-    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"
+    default: "v17_6_q0hp3a6 v17_6_q0hp3a5 v17_6_1y2v1nfri v17_6_1y2v1nfuh",
+    ios: "v17_6_q0hp3a7 v17_6_q0hp3a5 v17_6_1y2v1nfri v17_6_1y2v1nfuh",
+    disabled: "v17_6_q0hp3a8 v17_6_q0hp3a5 v17_6_1y2v1nfri v17_6_1y2v1nfuh",
+    disabledIos: "v17_6_q0hp3a9 v17_6_q0hp3a5 v17_6_1y2v1nfri v17_6_1y2v1nfuh"
 }, h = {
-    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"
+    default: "v17_6_q0hp3ac v17_6_q0hp3ab v17_6_q0hp3aa v17_6_1y2v1nfr8",
+    ios: "v17_6_q0hp3ad v17_6_q0hp3ab v17_6_q0hp3aa v17_6_1y2v1nfr8"
+}, p = "v17_6_q0hp3af v17_6_q0hp3ae v17_6_1y2v1nfrg v17_6_1y2v1nfui", q = {
+    default: "v17_6_q0hp3ai v17_6_q0hp3ah v17_6_q0hp3ag v17_6_1y2v1nfrg",
+    ios: "v17_6_q0hp3aj v17_6_q0hp3ah v17_6_q0hp3ag v17_6_1y2v1nfrg",
+    iosDark: "v17_6_q0hp3ak v17_6_q0hp3ah v17_6_q0hp3ag v17_6_1y2v1nfrg",
+    checked: "v17_6_q0hp3al v17_6_q0hp3ah v17_6_q0hp3ag v17_6_1y2v1nfrg",
+    checkedIos: "v17_6_q0hp3am v17_6_q0hp3ah v17_6_q0hp3ag v17_6_1y2v1nfrg"
 }, n = {
-    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"
+    default: "v17_6_q0hp3an v17_6_q0hp3ah v17_6_q0hp3ag v17_6_1y2v1nfrg",
+    ios: "v17_6_q0hp3ao v17_6_q0hp3ah v17_6_q0hp3ag v17_6_1y2v1nfrg",
+    iosDark: "v17_6_q0hp3ap v17_6_q0hp3ah v17_6_q0hp3ag v17_6_1y2v1nfrg",
+    checked: "v17_6_q0hp3aq v17_6_q0hp3ah v17_6_q0hp3ag v17_6_1y2v1nfrg",
+    checkedIos: "v17_6_q0hp3ar v17_6_q0hp3ah v17_6_q0hp3ag v17_6_1y2v1nfrg"
 }, r = {
-    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"
+    default: "v17_6_q0hp3as v17_6_q0hp3ah v17_6_q0hp3ag v17_6_1y2v1nfrg",
+    ios: "v17_6_q0hp3at v17_6_q0hp3ah v17_6_q0hp3ag v17_6_1y2v1nfrg",
+    iosDark: "v17_6_q0hp3au v17_6_q0hp3ah v17_6_q0hp3ag v17_6_1y2v1nfrg",
+    checked: "v17_6_q0hp3av v17_6_q0hp3ah v17_6_q0hp3ag v17_6_1y2v1nfrg",
+    checkedIos: "v17_6_q0hp3aw v17_6_q0hp3ah v17_6_q0hp3ag v17_6_1y2v1nfrg"
+}, y = "v17_6_q0hp3ay", f = "v17_6_q0hp3az v17_6_q0hp3ax", e = "v17_6_q0hp3a10 v17_6_q0hp3ax", g = "v17_6_q0hp3a11 v17_6_q0hp3ax", i = "v17_6_q0hp3a12 v17_6_q0hp3ax", t = "v17_6_q0hp3a13", c = {
+    default: "v17_6_q0hp3a18 v17_6_q0hp3a16 v17_6_q0hp3a15 v17_6_q0hp3a14 v17_6_1y2v1nfr9 v17_6_1y2v1nfvx v17_6_1y2v1nfrg v17_6_1y2v1nfty",
+    ios: "v17_6_q0hp3a19 v17_6_q0hp3a17 v17_6_q0hp3a15 v17_6_q0hp3a14 v17_6_1y2v1nfr9 v17_6_1y2v1nfvx v17_6_1y2v1nfrg v17_6_1y2v1nfty",
+    checked: "v17_6_q0hp3a1a v17_6_q0hp3a16 v17_6_q0hp3a15 v17_6_q0hp3a14 v17_6_1y2v1nfr9 v17_6_1y2v1nfvx v17_6_1y2v1nfrg v17_6_1y2v1nfty",
+    checkedIos: "v17_6_q0hp3a1b v17_6_q0hp3a17 v17_6_q0hp3a15 v17_6_q0hp3a14 v17_6_1y2v1nfr9 v17_6_1y2v1nfvx v17_6_1y2v1nfrg v17_6_1y2v1nfty"
 }, d = {
-    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"
+    default: "v17_6_q0hp3a1c v17_6_q0hp3a16 v17_6_q0hp3a15 v17_6_q0hp3a14 v17_6_1y2v1nfr9 v17_6_1y2v1nfvx v17_6_1y2v1nfrg v17_6_1y2v1nfty",
+    ios: "v17_6_q0hp3a1d v17_6_q0hp3a17 v17_6_q0hp3a15 v17_6_q0hp3a14 v17_6_1y2v1nfr9 v17_6_1y2v1nfvx v17_6_1y2v1nfrg v17_6_1y2v1nfty",
+    checked: "v17_6_q0hp3a1e v17_6_q0hp3a16 v17_6_q0hp3a15 v17_6_q0hp3a14 v17_6_1y2v1nfr9 v17_6_1y2v1nfvx v17_6_1y2v1nfrg v17_6_1y2v1nfty",
+    checkedIos: "v17_6_q0hp3a1f v17_6_q0hp3a17 v17_6_q0hp3a15 v17_6_q0hp3a14 v17_6_1y2v1nfr9 v17_6_1y2v1nfvx v17_6_1y2v1nfrg v17_6_1y2v1nfty"
 }, o = {
-    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"
+    default: "v17_6_q0hp3a1g v17_6_q0hp3a16 v17_6_q0hp3a15 v17_6_q0hp3a14 v17_6_1y2v1nfr9 v17_6_1y2v1nfvx v17_6_1y2v1nfrg v17_6_1y2v1nfty",
+    ios: "v17_6_q0hp3a1h v17_6_q0hp3a17 v17_6_q0hp3a15 v17_6_q0hp3a14 v17_6_1y2v1nfr9 v17_6_1y2v1nfvx v17_6_1y2v1nfrg v17_6_1y2v1nfty",
+    checked: "v17_6_q0hp3a1i v17_6_q0hp3a16 v17_6_q0hp3a15 v17_6_q0hp3a14 v17_6_1y2v1nfr9 v17_6_1y2v1nfvx v17_6_1y2v1nfrg v17_6_1y2v1nfty",
+    checkedIos: "v17_6_q0hp3a1j v17_6_q0hp3a17 v17_6_q0hp3a15 v17_6_q0hp3a14 v17_6_1y2v1nfr9 v17_6_1y2v1nfvx v17_6_1y2v1nfrg v17_6_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/switch-component.js

@@ -53,43 +53,44 @@ function _object_spread_props(target, source) {
 }
 import { jsx as i, jsxs as v, Fragment as D } from "react/jsx-runtime";
 import * as b from "react";
-import { debounce as w } from "./utils/helpers.js";
-import { SPACE as y } from "./utils/keys.js";
-import { useControlProps as B } from "./form-context.js";
-import { Text3 as S } from "./text.js";
-import E from "./inline.js";
-import { useTheme as P } from "./hooks.js";
-import { getPrefixedDataAttributes as A } from "./utils/dom.js";
-import { containerDisabledFullWidth as F, containerFullWidth as T, containerDisabled as j, container as K, interactiveArea as M, disabled as R, checkboxVariants as W, switchCheckboxContainerVariants as L, switchCheckboxLabel as O, overBrandBarVariants as _, overNegativeBarVariants as $, barVariants as q, overBrandBallVariants as z, overNegativeBallVariants as G, ballVariants as H } from "./switch-component.css-mistica.js";
-import { useThemeVariant as J } from "./theme-variant-context.js";
-const ne = (e)=>{
-    const { isIos: d, isDarkMode: k } = P(), n = J(), g = b.useId(), o = e["aria-labelledby"] || g, { defaultValue: V, value: r, onChange: s, focusableRef: C, disabled: a } = B({
+import w from "classnames";
+import { debounce as y } from "./utils/helpers.js";
+import { SPACE as B } from "./utils/keys.js";
+import { useControlProps as S } from "./form-context.js";
+import { Text3 as E } from "./text.js";
+import P from "./inline.js";
+import { useTheme as A } from "./hooks.js";
+import { getPrefixedDataAttributes as F } from "./utils/dom.js";
+import { interactiveArea as T, disabled as j, containerDisabledFullWidth as K, containerFullWidth as M, containerDisabled as R, container as W, checkboxVariants as L, switchCheckboxContainerVariants as O, switchCheckboxLabel as _, overBrandBarVariants as $, overNegativeBarVariants as q, barVariants as z, overBrandBallVariants as G, overNegativeBallVariants as H, ballVariants as J } from "./switch-component.css-mistica.js";
+import { useThemeVariant as Q } from "./theme-variant-context.js";
+const le = (e)=>{
+    const { isIos: s, isDarkMode: k } = A(), n = Q(), g = b.useId(), o = e["aria-labelledby"] || g, { defaultValue: V, value: r, onChange: d, focusableRef: C, disabled: a } = S({
         name: e.name,
         label: e["aria-label"],
         value: e.checked,
         defaultValue: e.defaultChecked,
         onChange: e.onChange,
         disabled: e.disabled
-    }), [l, N] = b.useState(!!V), c = r !== null && r !== void 0 ? r : l, I = b.useMemo(()=>process.env.NODE_ENV === "test" ? (t)=>s === null || s === void 0 ? void 0 : s(t) : w((t)=>{
-            s === null || s === void 0 ? void 0 : s(t);
+    }), [l, N] = b.useState(!!V), c = r !== null && r !== void 0 ? r : l, I = b.useMemo(()=>process.env.NODE_ENV === "test" ? (t)=>d === null || d === void 0 ? void 0 : d(t) : y((t)=>{
+            d === null || d === void 0 ? void 0 : d(t);
         }, 300), [
-        s
-    ]), u = ()=>{
-        r !== void 0 ? s === null || s === void 0 ? void 0 : s(!r) : (N(!l), I(!l));
+        d
+    ]), f = ()=>{
+        r !== void 0 ? d === null || d === void 0 ? void 0 : d(!r) : (N(!l), I(!l));
     }, x = (t)=>{
-        t.key === y && (t.preventDefault(), t.stopPropagation(), u());
-    }, h = d ? c ? "checkedIos" : k ? "iosDark" : "ios" : c ? "checked" : "default", m = d ? c ? "checkedIos" : "ios" : c ? "checked" : "default", f = /* @__PURE__ */ i("div", {
-        className: W[d ? a ? "disabledIos" : "ios" : a ? "disabled" : "default"],
+        t.key === B && (t.preventDefault(), t.stopPropagation(), f());
+    }, m = s ? c ? "checkedIos" : k ? "iosDark" : "ios" : c ? "checked" : "default", h = s ? c ? "checkedIos" : "ios" : c ? "checked" : "default", u = /* @__PURE__ */ i("div", {
+        className: L[s ? a ? "disabledIos" : "ios" : a ? "disabled" : "default"],
         children: /* @__PURE__ */ i("div", {
-            className: L[d ? "ios" : "default"],
+            className: O[s ? "ios" : "default"],
             children: /* @__PURE__ */ v("div", {
-                className: O,
+                className: _,
                 children: [
                     /* @__PURE__ */ i("span", {
-                        className: n === "brand" || n === "media" ? _[h] : n === "negative" ? $[h] : q[h]
+                        className: n === "brand" || n === "media" ? $[m] : n === "negative" ? q[m] : z[m]
                     }),
                     /* @__PURE__ */ i("span", {
-                        className: n === "brand" || n === "media" ? z[m] : n === "negative" ? G[m] : H[m]
+                        className: n === "brand" || n === "media" ? G[h] : n === "negative" ? H[h] : J[h]
                     })
                 ]
             })
@@ -101,37 +102,37 @@ const ne = (e)=>{
         role: "switch",
         "aria-checked": r !== null && r !== void 0 ? r : l,
         onClick: (t)=>{
-            t.stopPropagation(), a || u();
+            t.stopPropagation(), a || f();
         },
         onKeyDown: a ? void 0 : x,
         tabIndex: a ? void 0 : 0,
         ref: C,
-        className: e.render ? a ? F : T : a ? j : K,
+        className: w(e.render ? a ? K : M : a ? R : W, e.className),
         "aria-disabled": a,
         "aria-label": e["aria-label"],
         "aria-labelledby": e["aria-label"] ? void 0 : o
-    }, A(_object_spread({
+    }, F(_object_spread({
         testid: "Switch"
     }, e.dataAttributes))), {
         children: e.render ? /* @__PURE__ */ i(D, {
             children: e.render({
-                controlElement: f,
+                controlElement: u,
                 labelId: o,
                 disabled: !!a,
                 checked: r !== null && r !== void 0 ? r : l
             })
-        }) : /* @__PURE__ */ v(E, {
+        }) : /* @__PURE__ */ v(P, {
             space: 16,
             alignItems: "center",
-            className: M,
+            className: T,
             children: [
-                f,
-                e.children && /* @__PURE__ */ i(S, {
+                u,
+                e.children && /* @__PURE__ */ i(E, {
                     regular: !0,
                     as: "div",
                     id: o,
                     children: /* @__PURE__ */ i("span", {
-                        className: a ? R : "",
+                        className: a ? j : "",
                         children: e.children
                     })
                 })
@@ -139,4 +140,4 @@ const ne = (e)=>{
         })
     })));
 };
-export { ne as default };
+export { le as default };

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

@@ -1,11 +1,11 @@
 /* empty css                                     */ /* empty css                                             */ /* empty css                                 */ var e = {
-    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";
+    maxHeight: "var(--v17_6_107ok880)"
+}, a = "v17_6_107ok881", r = "v17_6_107ok882", l = "v17_6_107ok883", t = "v17_6_107ok884", k = "v17_6_107ok885", i = "v17_6_107ok886", s = {
+    left: "v17_6_107ok888 v17_6_107ok887",
+    right: "v17_6_107ok889 v17_6_107ok887",
+    center: "v17_6_107ok88a v17_6_107ok887"
+}, d = "v17_6_107ok88b", n = "v17_6_107ok88c", c = {
+    top: "v17_6_107ok88d",
+    middle: "v17_6_107ok88e"
+}, p = "v17_6_107ok88f", m = "v17_6_107ok88g", b = "v17_6_107ok88h", I = "v17_6_107ok88i", g = "v17_6_107ok88j", h = "v17_6_107ok88k", w = "v17_6_107ok88l", H = "v17_6_107ok88m", x = "v17_6_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_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"
+    borderColor: "var(--v17_6_lgofm10)"
+}, n = "v17_6_lgofm11", l = "v17_6_lgofm13 v17_6_lgofm12 v17_6_1y2v1nftp v17_6_1y2v1nfs1 v17_6_1y2v1nfr8", o = "v17_6_lgofm14", e = "v17_6_lgofm15 v17_6_1y2v1nftp v17_6_1y2v1nfs1 v17_6_1y2v1nfre", g = {
+    default: "v17_6_lgofm18 v17_6_lgofm17 v17_6_lgofm16 v17_6_1y2v1nfk4 v17_6_1y2v1nfld v17_6_1y2v1nfrf v17_6_1y2v1nfrw v17_6_1y2v1nfrt v17_6_1y2v1nfrn v17_6_1y2v1nftd v17_6_1y2v1nftp v17_6_1y2v1nfh6",
+    fullWidth: "v17_6_lgofm19 v17_6_lgofm17 v17_6_lgofm16 v17_6_1y2v1nfk4 v17_6_1y2v1nfld v17_6_1y2v1nfrf v17_6_1y2v1nfrw v17_6_1y2v1nfrt v17_6_1y2v1nfrn v17_6_1y2v1nftd v17_6_1y2v1nftp v17_6_1y2v1nfh6"
 }, m = {
-    default: "v17_5_lgofm1d v17_5_lgofm1a",
-    brand: "v17_5_lgofm1e v17_5_lgofm1b",
-    negative: "v17_5_lgofm1f v17_5_lgofm1c"
+    default: "v17_6_lgofm1d v17_6_lgofm1a",
+    brand: "v17_6_lgofm1e v17_6_lgofm1b",
+    negative: "v17_6_lgofm1f v17_6_lgofm1c"
 }, r = {
-    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";
+    noSelected: "v17_6_lgofm1p v17_6_lgofm1g v17_6_1y2v1nf5p",
+    noSelectedBrand: "v17_6_lgofm1q v17_6_lgofm1h v17_6_1y2v1nf5s",
+    noSelectedNegative: "v17_6_lgofm1r v17_6_lgofm1i v17_6_1y2v1nf5r",
+    selected: "v17_6_lgofm1s v17_6_lgofm1j",
+    selectedBrand: "v17_6_lgofm1t v17_6_lgofm1k",
+    selectedNegative: "v17_6_lgofm1u v17_6_lgofm1l",
+    selectedAnimating: "v17_6_lgofm1v v17_6_lgofm1m",
+    selectedAnimatingBrand: "v17_6_lgofm1w v17_6_lgofm1n",
+    selectedAnimatingNegative: "v17_6_lgofm1x v17_6_lgofm1o"
+}, t = "v17_6_lgofm1y", a = "v17_6_lgofm1z v17_6_1y2v1nfrd v17_6_1y2v1nfr9 v17_6_1y2v1nfv3 v17_6_1y2v1nfvx v17_6_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_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";
+/* empty css                                     */ /* empty css                               */ var y = "v17_6_1wy08673 v17_6_1wy08671 v17_6_1wy08670 v17_6_1y2v1nfrf v17_6_1y2v1nfrj v17_6_1y2v1nfrt v17_6_1y2v1nfrn v17_6_1wy08672 v17_6_1y2v1nfta", f = "v17_6_1wy08675 v17_6_1wy08671 v17_6_1wy08670 v17_6_1y2v1nfrf v17_6_1y2v1nfrj v17_6_1y2v1nfrt v17_6_1y2v1nfrn v17_6_1wy08674 v17_6_1y2v1nfha v17_6_1y2v1nfij v17_6_1y2v1nft8", n = "v17_6_1wy08676 v17_6_1y2v1nfrg", r = "v17_6_1wy08677 v17_6_1y2v1nfrf v17_6_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_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";
+/* empty css                                     */ /* empty css                                       */ /* empty css                                           */ var r = "calc(var(--v17_6_1vqcj1ijz) - 1px)", t = "calc(var(--v17_6_1vqcj1ik0) - 1px)", a = 12, y = 4, h = "calc(1.5rem + 24px)", n = {
+    mobileFontSize: "var(--v17_6_rhey4t0)",
+    desktopFontSize: "var(--v17_6_rhey4t1)",
+    mobileLineHeight: "var(--v17_6_rhey4t2)",
+    desktopLineHeight: "var(--v17_6_rhey4t3)",
+    shrinkedLabelMobileFontSize: "var(--v17_6_rhey4t4)",
+    shrinkedLabelDesktopFontSize: "var(--v17_6_rhey4t5)",
+    shrinkedLabelMobileLineHeight: "var(--v17_6_rhey4t6)",
+    shrinkedLabelDesktopLineHeight: "var(--v17_6_rhey4t7)",
+    helperTextMobileFontSize: "var(--v17_6_rhey4t8)",
+    helperTextDesktopFontSize: "var(--v17_6_rhey4t9)",
+    helperTextMobileLineHeight: "var(--v17_6_rhey4ta)",
+    helperTextDesktopLineHeight: "var(--v17_6_rhey4tb)",
+    labelScaleDesktop: "var(--v17_6_rhey4tc)",
+    labelScaleMobile: "var(--v17_6_rhey4td)"
+}, i = "v17_6_rhey4ti", l = "v17_6_rhey4tk v17_6_rhey4tj v17_6_1y2v1nfh7 v17_6_1y2v1nfig v17_6_rhey4tf v17_6_rhey4te v17_6_1y2v1nftw v17_6_1y2v1nfsz v17_6_1y2v1nf5k v17_6_1y2v1nfs1", o = "v17_6_rhey4tl", f = "v17_6_rhey4tm", p = "v17_6_rhey4to v17_6_rhey4tn v17_6_1y2v1nfr8 v17_6_rhey4tf v17_6_rhey4te v17_6_1y2v1nftw v17_6_1y2v1nfsz v17_6_1y2v1nf5k v17_6_1y2v1nfs1", d = "v17_6_rhey4tp", s = "v17_6_rhey4tq", c = "v17_6_rhey4tr", b = "v17_6_rhey4ts", k = "v17_6_rhey4tt", m = "v17_6_rhey4tv v17_6_rhey4tu v17_6_1y2v1nfjv v17_6_1y2v1nfre v17_6_1y2v1nfrt", u = "v17_6_rhey4tw", L = "v17_6_rhey4ty v17_6_rhey4tx v17_6_1y2v1nfla v17_6_1y2v1nfre v17_6_1y2v1nfrt v17_6_1y2v1nfsi v17_6_1y2v1nfr9", x = "v17_6_rhey4t10 v17_6_rhey4tz v17_6_1y2v1nfla", g = "v17_6_rhey4t12 v17_6_rhey4t11 v17_6_1y2v1nfre v17_6_1y2v1nfrt", z = "v17_6_rhey4t14 v17_6_rhey4t12 v17_6_rhey4t11 v17_6_1y2v1nfre v17_6_1y2v1nfrt v17_6_rhey4t13 v17_6_1y2v1nfuh", S = "v17_6_rhey4t15", D = "v17_6_rhey4t17 v17_6_rhey4t16 v17_6_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_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"
+/* empty css                                     */ /* empty css                                       */ /* empty css                                           */ /* empty css                                                 */ var e = 328, u = "v17_6_15k6ur91 v17_6_15k6ur90 v17_6_1y2v1nfr9 v17_6_1y2v1nfre", k = "v17_6_15k6ur92 v17_6_1y2v1nfre v17_6_1y2v1nfrj v17_6_1y2v1nfui v17_6_1y2v1nfs1", a = "v17_6_15k6ur94 v17_6_15k6ur93 v17_6_1y2v1nfui v17_6_1y2v1nfrx", f = "v17_6_15k6ur95", y = "v17_6_15k6ur97 v17_6_15k6ur96 v17_6_1y2v1nfre v17_6_1y2v1nfrk", l = "v17_6_15k6ur98", t = "v17_6_15k6ur9a v17_6_15k6ur99 v17_6_1y2v1nfs1", i = "v17_6_15k6ur9b v17_6_1y2v1nfs1", d = "v17_6_15k6ur9c", o = "v17_6_15k6ur9f v17_6_15k6ur9e v17_6_1y2v1nftx v17_6_1y2v1nfre v17_6_1y2v1nfu5 v17_6_1y2v1nfr8 v17_6_15k6ur9d", p = "v17_6_15k6ur9h v17_6_15k6ur9g v17_6_1y2v1nfre", h = "v17_6_15k6ur9j v17_6_15k6ur9i v17_6_1y2v1nfre", x = "v17_6_15k6ur9k v17_6_1y2v1nfk4", b = "v17_6_15k6ur9l v17_6_1y2v1nfrz v17_6_1y2v1nfhd", m = "v17_6_15k6ur9m", s = {
+    default: "v17_6_15k6ur9p v17_6_15k6ur9n v17_6_1y2v1nf8z",
+    readOnly: "v17_6_15k6ur9q v17_6_15k6ur9o v17_6_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_5_1m1n0pr2",
-    underlineOnHover: "v17_5_1m1n0pr3"
+    underlineAlways: "v17_6_1m1n0pr2",
+    underlineOnHover: "v17_6_1m1n0pr3"
 }, r = {
-    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"
+    default: "v17_6_1m1n0pr8 v17_6_1m1n0pr1 v17_6_1m1n0pr0 v17_6_1y2v1nfs2 v17_6_1y2v1nfrh v17_6_1y2v1nfuh v17_6_1m1n0pr4 v17_6_1y2v1nf3m",
+    brand: "v17_6_1m1n0pr9 v17_6_1m1n0pr1 v17_6_1m1n0pr0 v17_6_1y2v1nfs2 v17_6_1y2v1nfrh v17_6_1y2v1nfuh v17_6_1m1n0pr5 v17_6_1y2v1nf3p",
+    negative: "v17_6_1m1n0pra v17_6_1m1n0pr1 v17_6_1m1n0pr0 v17_6_1y2v1nfs2 v17_6_1y2v1nfrh v17_6_1y2v1nfuh v17_6_1m1n0pr6 v17_6_1y2v1nf3o",
+    media: "v17_6_1m1n0prb v17_6_1m1n0pr1 v17_6_1m1n0pr0 v17_6_1y2v1nfs2 v17_6_1y2v1nfrh v17_6_1y2v1nfuh v17_6_1m1n0pr7 v17_6_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_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";
+    mobileSize: "var(--v17_6_splu5g0)",
+    desktopSize: "var(--v17_6_splu5g1)",
+    mobileLineHeight: "var(--v17_6_splu5g2)",
+    desktopLineHeight: "var(--v17_6_splu5g3)",
+    lineClamp: "var(--v17_6_splu5g4)"
+}, _ = "v17_6_splu5g5", e = "v17_6_splu5g6", a = "v17_6_splu5g7", p = "v17_6_splu5g8", t = "v17_6_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_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"
+    vertical: "v17_6_w6pat20",
+    horizontal: "v17_6_w6pat21"
+}, a = "v17_6_w6pat23 v17_6_w6pat22 v17_6_1y2v1nfre v17_6_1y2v1nfrr", e = "v17_6_w6pat25 v17_6_w6pat24 v17_6_1y2v1nfs0 v17_6_1y2v1nftr v17_6_1y2v1nfip", n = {
+    active: "v17_6_w6pat26",
+    inactive: "v17_6_w6pat27",
+    completed: "v17_6_w6pat28"
+}, r = "v17_6_w6pat2a v17_6_w6pat29 v17_6_1y2v1nfre v17_6_1y2v1nfrt", p = "v17_6_w6pat2b", w = "v17_6_w6pat2d v17_6_w6pat2c v17_6_1y2v1nfsb v17_6_1y2v1nfsr v17_6_1y2v1nfty v17_6_1y2v1nfre v17_6_1y2v1nfrt v17_6_1y2v1nfrn v17_6_1y2v1nf8z", f = {
+    default: "v17_6_w6pat2g v17_6_w6pat2f v17_6_w6pat2e v17_6_1y2v1nfs0",
+    overBrand: "v17_6_w6pat2h v17_6_w6pat2f v17_6_w6pat2e v17_6_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_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"
+/* empty css                                     */ /* empty css                                 */ var f = "v17_6_18fye840 v17_6_1y2v1nfri", y = "v17_6_18fye841", e = "v17_6_18fye843 v17_6_18fye841 v17_6_18fye842 v17_6_1y2v1nfrf v17_6_1y2v1nfrn", n = "v17_6_18fye845 v17_6_18fye841 v17_6_18fye844 v17_6_1y2v1nfri", r = "v17_6_18fye847 v17_6_18fye846 v17_6_1y2v1nfre v17_6_1y2v1nfrk v17_6_1y2v1nfrt", a = "v17_6_18fye848", i = {
+    default: "v17_6_18fye84g v17_6_18fye84a v17_6_18fye849 v17_6_1y2v1nfjv v17_6_1y2v1nfl4 v17_6_1y2v1nfhg v17_6_1y2v1nfip v17_6_1y2v1nfu6 v17_6_18fye84b v17_6_1y2v1nfes",
+    brand: "v17_6_18fye84h v17_6_18fye84a v17_6_18fye849 v17_6_1y2v1nfjv v17_6_1y2v1nfl4 v17_6_1y2v1nfhg v17_6_1y2v1nfip v17_6_1y2v1nfu6 v17_6_18fye84c v17_6_1y2v1nf8z",
+    negative: "v17_6_18fye84i v17_6_18fye84a v17_6_18fye849 v17_6_1y2v1nfjv v17_6_1y2v1nfl4 v17_6_1y2v1nfhg v17_6_1y2v1nfip v17_6_1y2v1nfu6 v17_6_18fye84d v17_6_1y2v1nf8z",
+    alternative: "v17_6_18fye84j v17_6_18fye84a v17_6_18fye849 v17_6_1y2v1nfjv v17_6_1y2v1nfl4 v17_6_1y2v1nfhg v17_6_1y2v1nfip v17_6_1y2v1nfu6 v17_6_18fye84e v17_6_1y2v1nf8z",
+    media: "v17_6_18fye84k v17_6_18fye84a v17_6_18fye849 v17_6_1y2v1nfjv v17_6_1y2v1nfl4 v17_6_1y2v1nfhg v17_6_1y2v1nfip v17_6_1y2v1nfu6 v17_6_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_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";
+}, a = "v17_6_1xhatbp1 v17_6_1xhatbp0 v17_6_1y2v1nfr9", r = "v17_6_1xhatbp3 v17_6_1xhatbp2 v17_6_1y2v1nfr8 v17_6_1y2v1nfu7 v17_6_1y2v1nf8z", o = "v17_6_1xhatbp5 v17_6_1xhatbp4 v17_6_1y2v1nfr8 v17_6_1y2v1nfui", p = "v17_6_1xhatbp6", y = "v17_6_1xhatbp7 v17_6_1y2v1nfre v17_6_1y2v1nfrk v17_6_1y2v1nfrt", e = "v17_6_1xhatbp9 v17_6_1xhatbp8 v17_6_1y2v1nfr9 v17_6_1y2v1nfs9 v17_6_1y2v1nfui", i = "v17_6_1xhatbpb v17_6_1xhatbpa v17_6_1y2v1nfs7 v17_6_1y2v1nfsn v17_6_1y2v1nfr9 v17_6_1y2v1nfuo v17_6_1y2v1nf8z", f = "v17_6_1xhatbpd v17_6_1xhatbpc v17_6_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_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";
+/* empty css                                     */ /* empty css                                     */ var t = "v17_6_mhti6u0", h = "v17_6_mhti6u2 v17_6_mhti6u1 v17_6_1y2v1nfuh", n = "v17_6_mhti6u4 v17_6_mhti6u2 v17_6_mhti6u1 v17_6_1y2v1nfuh v17_6_mhti6u3 v17_6_1y2v1nfh7 v17_6_1y2v1nfig v17_6_1y2v1nfjp v17_6_1y2v1nfky v17_6_1y2v1nfrg v17_6_1y2v1nftw v17_6_1y2v1nfs1 v17_6_1y2v1nf8k v17_6_1y2v1nfh6 v17_6_1y2v1nfuj", u = "v17_6_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_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";
+    aspectRatio: "var(--v17_6_yqswj60)"
+}, a = "v17_6_yqswj61 v17_6_1y2v1nfui v17_6_1y2v1nftt v17_6_1y2v1nftu v17_6_1y2v1nfr8", n = "v17_6_yqswj62", y = "v17_6_yqswj63 v17_6_1y2v1nfs1 v17_6_1y2v1nfsi v17_6_1y2v1nfuo v17_6_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_5_19h163j0 v17_5_1y2v1nfuo v17_5_1y2v1nfv3 v17_5_1y2v1nfrg v17_5_1y2v1nfh6 v17_5_1y2v1nftt v17_5_1y2v1nftu v17_5_1y2v1nfwc";
+/* empty css                                     */ /* empty css                                 */ var f = "v17_6_19h163j0 v17_6_1y2v1nfuo v17_6_1y2v1nfv3 v17_6_1y2v1nfrg v17_6_1y2v1nfh6 v17_6_1y2v1nftt v17_6_1y2v1nftu v17_6_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_5_1ezqdj90", r = "v17_5_1ezqdj91";
+/* empty css                                                     */ var a = "v17_6_1ezqdj90", r = "v17_6_1ezqdj91";
 export { a as container, r as waveFadeOut };

package/doc/components.md

@@ -161,6 +161,41 @@ Common props: `color`, `truncate`, `textAlign`, `as` (HTML tag), `wordBreak`, `d
 All cards support touchable props (`onPress`, `href`, `to`), buttons (`buttonPrimary`, `buttonSecondary`,
 `buttonLink`), and content props (`headline`, `pretitle`, `title`, `subtitle`, `description`, `slot`).
 
+### Card selection
+
+Use `checkbox`, `switch`, or `radioValue` to make a card selectable. The selector appears in the top-right
+corner, and the card body becomes the interaction target. It exposes the control's role and checked state,
+supports Space, and preserves arrow navigation for radios inside a `RadioGroup`. AdvancedDataCard supports the
+same selection props.
+
+These props are mutually exclusive with each other and with `selected`, `onPress`, `href`, `to`, top actions
+and dismiss. Footer actions remain independent.
+
+```tsx
+<DataCard title="Notifications" switch={{name: 'notifications', defaultValue: true}} />
+<DataCard title="Option" checkbox={{name: 'option'}} />
+<RadioGroup name="options" defaultValue="first">
+  <DataCard title="First option" radioValue="first" />
+  <DataCard title="Second option" radioValue="second" />
+</RadioGroup>
+```
+
+Checkbox and switch configurations support `name`, `value`, `defaultValue`, `onChange` and `disabled`.
+Controls placed in `slot` or `footerSlot` remain independent and do not automatically select the card.
+
+Use `selected` to control the outline from a custom control or an external action. It cannot be combined with
+the built-in selector props. It does not change the card's existing interaction, actions or video behavior,
+and can be used with or without `onPress`. The outline uses the card variant.
+
+```tsx
+<DataCard
+  title="Custom selection"
+  selected={selected}
+  slot={<Checkbox name="custom-selection" checked={selected} onChange={setSelected}>Select card</Checkbox>}
+/>
+<DataCard title="Favorite" selected={favorite} slot={customFavoriteControl} />
+```
+
 ### DataCard
 
 General-purpose card for data display. Supports `size`: `'default'`, `'snap'`, `'display'`.

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@telefonica/mistica",
-    "version": "17.5.0",
+    "version": "17.6.0",
     "license": "MIT",
     "repository": {
         "type": "git",
@@ -109,6 +109,7 @@
         "@types/semver-compare": "^1.0.1",
         "@vanilla-extract/jest-transform": "^1.1.19",
         "@vanilla-extract/vite-plugin": "^5.1.3",
+        "@vanilla-extract/webpack-plugin": "^2.3.27",
         "@vitejs/plugin-react": "^5.1.3",
         "autoprefixer": "^10.4.12",
         "axe-html-reporter": "^2.2.3",
@@ -132,7 +133,7 @@
         "lodash": "^4.17.21",
         "mini-css-extract-plugin": "^1.6.2",
         "node-fetch": "^2.6.7",
-        "playroom": "^1.3.0",
+        "playroom": "^1.4.0",
         "postcss": "^8.4.18",
         "postcss-loader": "^4.2.0",
         "prettier": "^3.3.2",
@@ -225,7 +226,7 @@
         "@types/react-dom": "19.2.3",
         "@testing-library/dom": "^8.19.1",
         "lottie-react@^2.4.0": "patch:lottie-react@npm%3A2.4.0#./.yarn/patches/lottie-react-npm-2.4.0-d4d95c55aa.patch",
-        "playroom@^1.3.0": "patch:playroom@npm%3A1.3.0#./.yarn/patches/playroom-npm-1.3.0-0686fbefa3.patch"
+        "playroom@^1.4.0": "patch:playroom@npm%3A1.4.0#./.yarn/patches/playroom-npm-1.4.0-9ed3ce334e.patch"
     },
     "packageManager": "yarn@3.6.1",
     "workspaces": [

package/src/card-cover.tsx

@@ -5,7 +5,7 @@ import type {Variant} from './theme-variant-context';
 import type {
     CardAspectRatio,
     SlotAlignment,
-    MaybeTouchableCard,
+    CardInteractionProps,
     CardActionButtonLink,
     CardActionButtonSecondary,
     CardActionButtonPrimary,
@@ -66,7 +66,7 @@ type CoverCardProps = {
     footerDivider?: boolean;
 };
 
-export const CoverCard = React.forwardRef<HTMLDivElement, MaybeTouchableCard<CoverCardProps>>(
+export const CoverCard = React.forwardRef<HTMLDivElement, CardInteractionProps<CoverCardProps>>(
     ({size = 'default', dataAttributes, ...rest}, ref) => {
         return (
             <InternalCard

package/src/card-data.tsx

@@ -7,7 +7,7 @@ import type {
     SlotAlignment,
     CardAspectRatio,
     TopActionsArray,
-    MaybeTouchableCard,
+    CardInteractionProps,
     CardActionButtonLink,
     CardActionButtonPrimary,
     CardActionButtonSecondary,
@@ -55,8 +55,8 @@ type DataCardProps = {
     footerDivider?: boolean;
 };
 
-export const DataCard = React.forwardRef<HTMLDivElement, MaybeTouchableCard<DataCardProps>>(
-    ({dataAttributes, size = 'default', buttonPrimary, slot, topActions, variant, ...rest}, ref) => {
+export const DataCard = React.forwardRef<HTMLDivElement, CardInteractionProps<DataCardProps>>(
+    ({dataAttributes, size = 'default', buttonPrimary, slot, variant, ...rest}, ref) => {
         return (
             <InternalCard
                 type="data"
@@ -67,7 +67,6 @@ export const DataCard = React.forwardRef<HTMLDivElement, MaybeTouchableCard<Data
                 }}
                 ref={ref}
                 buttonPrimary={buttonPrimary}
-                topActions={topActions}
                 slot={slot}
                 variant={variant || 'default'}
                 {...rest}