@telefonica/mistica 14.15.0 → 14.16.0

package/dist-es/list.js

@@ -80,25 +80,25 @@ function _object_without_properties_loose(source, excluded) {
 import { jsx as t, jsxs as C, Fragment as p } from "react/jsx-runtime";
 import * as R from "react";
 import o from "classnames";
-import { BaseTouchable as y } from "./touchable.js";
+import { BaseTouchable as L } from "./touchable.js";
 import { Text1 as ee, Text3 as te, Text2 as Y } from "./text.js";
 import l from "./box.js";
 import k from "./stack.js";
 import q from "./badge.js";
-import { useAriaId as re } from "./hooks.js";
+import { useAriaId as ne } from "./hooks.js";
 import { useIsInverseVariant as Z } from "./theme-variant-context.js";
 import z from "./icons/icon-chevron.js";
-import ne from "./switch-component.js";
+import re from "./switch-component.js";
 import G, { useRadioContext as ie } from "./radio-button.js";
 import ae from "./checkbox.js";
 import { Boxed as oe } from "./boxed.js";
 import ce from "./divider.js";
 import { getPrefixedDataAttributes as de } from "./utils/dom.js";
-import { rowContent as N, hoverBackground as w, pointer as A, dualActionContainer as H, dualActionLeft as J, dualActionDivider as K, dualActionRight as le, content as se, center as X, disabled as P, asset as me, rowBody as he, right as Q, badge as ue } from "./list.css-mistica.js";
+import { rowContent as y, hoverBackground as w, pointer as A, dualActionContainer as H, dualActionLeft as J, dualActionDivider as K, dualActionRight as le, content as se, center as X, disabled as N, asset as he, rowBody as me, right as Q, badge as ue } from "./list.css-mistica.js";
 import { vars as g } from "./skins/skin-contract.css-mistica.js";
-const U = (e, n)=>typeof e == "function" ? e == null ? void 0 : e({
-        centerY: n
-    }) : n ? /* @__PURE__ */ t("div", {
+const U = (e, r)=>typeof e == "function" ? e == null ? void 0 : e({
+        centerY: r
+    }) : r ? /* @__PURE__ */ t("div", {
         style: {
             display: "flex",
             alignItems: "center",
@@ -106,21 +106,21 @@ const U = (e, n)=>typeof e == "function" ? e == null ? void 0 : e({
         },
         children: e
     }) : e, fe = (param)=>{
-    let { withChevron: e , headline: n , title: i , titleLinesMax: a , subtitle: d , subtitleLinesMax: v , description: s , descriptionLinesMax: B , asset: b , type: I = "basic" , badge: L , right: T , extra: V , labelId: m , disabled: u  } = param;
-    const h = Z(), r = [
-        n,
+    let { withChevron: e , headline: r , title: i , titleLinesMax: a , subtitle: d , subtitleLinesMax: v , description: s , descriptionLinesMax: P , asset: b , type: B = "basic" , badge: I , right: T , extra: V , labelId: h , disabled: u  } = param;
+    const m = Z(), n = [
+        r,
         i,
         d,
         s,
         V
-    ].filter(Boolean).length === 1, S = ()=>L ? /* @__PURE__ */ t(l, {
+    ].filter(Boolean).length === 1, S = ()=>I ? /* @__PURE__ */ t(l, {
             paddingLeft: 16,
             children: /* @__PURE__ */ t("div", {
                 className: o(X, ue, {
-                    [P]: u
+                    [N]: u
                 }),
-                children: L === !0 ? /* @__PURE__ */ t(q, {}) : /* @__PURE__ */ t(q, {
-                    value: L
+                children: I === !0 ? /* @__PURE__ */ t(q, {}) : /* @__PURE__ */ t(q, {
+                    value: I
                 })
             })
         }) : null;
@@ -131,28 +131,28 @@ const U = (e, n)=>typeof e == "function" ? e == null ? void 0 : e({
             b && /* @__PURE__ */ t(l, {
                 paddingRight: 16,
                 className: o({
-                    [X]: r,
-                    [P]: u
+                    [X]: n,
+                    [N]: u
                 }),
                 children: /* @__PURE__ */ t("div", {
-                    className: me,
+                    className: he,
                     children: b
                 })
             }),
             /* @__PURE__ */ t("div", {
-                className: o(he, {
-                    [P]: u
+                className: o(me, {
+                    [N]: u
                 }),
                 style: {
-                    justifyContent: r ? "center" : "flex-start"
+                    justifyContent: n ? "center" : "flex-start"
                 },
                 children: /* @__PURE__ */ C(k, {
                     space: 4,
                     children: [
-                        n && /* @__PURE__ */ t(ee, {
+                        r && /* @__PURE__ */ t(ee, {
                             regular: !0,
                             color: g.colors.textPrimary,
-                            children: n
+                            children: r
                         }),
                         /* @__PURE__ */ C(k, {
                             space: 2,
@@ -161,7 +161,7 @@ const U = (e, n)=>typeof e == "function" ? e == null ? void 0 : e({
                                     regular: !0,
                                     color: g.colors.textPrimary,
                                     truncate: a,
-                                    id: m,
+                                    id: h,
                                     children: i
                                 }),
                                 d && /* @__PURE__ */ t(Y, {
@@ -173,7 +173,7 @@ const U = (e, n)=>typeof e == "function" ? e == null ? void 0 : e({
                                 s && /* @__PURE__ */ t(Y, {
                                     regular: !0,
                                     color: g.colors.textSecondary,
-                                    truncate: B,
+                                    truncate: P,
                                     children: s
                                 }),
                                 V
@@ -183,35 +183,35 @@ const U = (e, n)=>typeof e == "function" ? e == null ? void 0 : e({
                 })
             }),
             S(),
-            I === "chevron" && /* @__PURE__ */ t(l, {
+            B === "chevron" && /* @__PURE__ */ t(l, {
                 paddingLeft: 16,
                 className: o(X, {
-                    [P]: u
+                    [N]: u
                 }),
                 children: /* @__PURE__ */ t(z, {
-                    color: h ? g.colors.inverse : g.colors.neutralMedium,
+                    color: m ? g.colors.inverse : g.colors.neutralMedium,
                     direction: "right"
                 })
             }),
-            I === "control" && /* @__PURE__ */ t("div", {
+            B === "control" && /* @__PURE__ */ t("div", {
                 className: Q,
-                children: U(T, r)
+                children: U(T, n)
             }),
-            I === "custom" && /* @__PURE__ */ C(p, {
+            B === "custom" && /* @__PURE__ */ C(p, {
                 children: [
                     /* @__PURE__ */ t("div", {
                         className: o(Q, {
-                            [P]: u
+                            [N]: u
                         }),
-                        children: U(T, r)
+                        children: U(T, n)
                     }),
                     e && /* @__PURE__ */ t(l, {
                         paddingLeft: 4,
                         className: o(X, {
-                            [P]: u
+                            [N]: u
                         }),
                         children: /* @__PURE__ */ t(z, {
-                            color: h ? g.colors.inverse : g.colors.neutralMedium,
+                            color: m ? g.colors.inverse : g.colors.neutralMedium,
                             direction: "right"
                         })
                     })
@@ -220,8 +220,8 @@ const U = (e, n)=>typeof e == "function" ? e == null ? void 0 : e({
         ]
     });
 }, ge = (param)=>{
-    let { value: e , defaultValue: n , onChange: i  } = param;
-    const a = e !== void 0, [d, v] = R.useState(!!n), s = ()=>{
+    let { value: e , defaultValue: r , onChange: i  } = param;
+    const a = e !== void 0, [d, v] = R.useState(!!r), s = ()=>{
         a || v(!d), i && i(a ? !e : !d);
     };
     return a ? [
@@ -231,74 +231,74 @@ const U = (e, n)=>typeof e == "function" ? e == null ? void 0 : e({
         d,
         s
     ];
-}, ve = (e)=>e.switch !== void 0, be = (e)=>e.checkbox !== void 0, xe = (e)=>e.radioValue !== void 0, _ = /*#__PURE__*/ R.forwardRef((e, n)=>{
-    const i = re(), a = Z(), { asset: d , headline: v , title: s , titleLinesMax: B , subtitle: b , subtitleLinesMax: I , description: L , descriptionLinesMax: T , badge: V , role: m , extra: u , dataAttributes: h  } = e, j = ie(), r = e.disabled || e.radioValue !== void 0 && j.disabled, [S, W] = ge(e.switch || e.checkbox || {}), x = (param)=>/* @__PURE__ */ {
+}, ve = (e)=>e.switch !== void 0, be = (e)=>e.checkbox !== void 0, xe = (e)=>e.radioValue !== void 0, _ = /*#__PURE__*/ R.forwardRef((e, r)=>{
+    const i = ne(), a = Z(), { asset: d , headline: v , title: s , titleLinesMax: P , subtitle: b , subtitleLinesMax: B , description: I , descriptionLinesMax: T , badge: V , role: h , extra: u , dataAttributes: m  } = e, j = ie(), n = e.disabled || e.radioValue !== void 0 && j.disabled, [S, W] = ge(e.switch || e.checkbox || {}), x = (param)=>/* @__PURE__ */ {
         let { type: c , right: f , labelId: E  } = param;
         return t(fe, {
             asset: d,
             headline: v,
             title: s,
             subtitle: b,
-            description: L,
+            description: I,
             badge: V,
-            titleLinesMax: B,
-            subtitleLinesMax: I,
+            titleLinesMax: P,
+            subtitleLinesMax: B,
             descriptionLinesMax: T,
             type: c,
             right: f,
             extra: u,
             labelId: E,
-            disabled: r,
+            disabled: n,
             withChevron: !!e.onPress || !!e.href || !!e.to
         });
     }, M = (c)=>{
         let f = "chevron";
         return c.right === null && (f = "basic"), c.right && (f = "custom"), /* @__PURE__ */ t(l, {
             paddingX: 16,
-            ref: n,
+            ref: r,
             children: x({
                 type: f,
                 right: c.right
             })
         });
     };
-    if (e.onPress && !ve(e) && !be(e) && !xe(e)) return /* @__PURE__ */ t(y, {
-        ref: n,
-        className: o(N, {
-            [w]: !(r || a),
-            [A]: !r
+    if (e.onPress && !ve(e) && !be(e) && !xe(e)) return /* @__PURE__ */ t(L, {
+        ref: r,
+        className: o(y, {
+            [w]: !(n || a),
+            [A]: !n
         }),
         trackingEvent: e.trackingEvent,
         onPress: e.onPress,
-        role: m,
-        dataAttributes: h,
-        disabled: r,
+        role: h,
+        dataAttributes: m,
+        disabled: n,
         children: M(e)
     });
-    if (e.to) return /* @__PURE__ */ t(y, {
-        className: o(N, {
-            [w]: !(r || a),
-            [A]: !r
+    if (e.to) return /* @__PURE__ */ t(L, {
+        className: o(y, {
+            [w]: !(n || a),
+            [A]: !n
         }),
         trackingEvent: e.trackingEvent,
         to: e.to,
         fullPageOnWebView: e.fullPageOnWebView,
-        role: m,
-        dataAttributes: h,
-        disabled: r,
+        role: h,
+        dataAttributes: m,
+        disabled: n,
         children: M(e)
     });
-    if (e.href) return /* @__PURE__ */ t(y, {
-        className: o(N, {
-            [w]: !(r || a),
-            [A]: !r
+    if (e.href) return /* @__PURE__ */ t(L, {
+        className: o(y, {
+            [w]: !(n || a),
+            [A]: !n
         }),
         trackingEvent: e.trackingEvent,
         href: e.href,
         newTab: e.newTab,
-        role: m,
-        dataAttributes: h,
-        disabled: r,
+        role: h,
+        dataAttributes: m,
+        disabled: n,
         children: M(e)
     });
     const F = (c)=>{
@@ -308,12 +308,13 @@ const U = (e, n)=>typeof e == "function" ? e == null ? void 0 : e({
         return e.onPress ? /* @__PURE__ */ C("div", {
             className: H,
             children: [
-                /* @__PURE__ */ t(y, {
-                    disabled: r,
+                /* @__PURE__ */ t(L, {
+                    dataAttributes: m,
+                    disabled: n,
                     onPress: e.onPress,
-                    role: m,
+                    role: h,
                     className: o(J, {
-                        [w]: !(r || a)
+                        [w]: !(n || a)
                     }),
                     children: x({
                         type: "basic",
@@ -323,31 +324,29 @@ const U = (e, n)=>typeof e == "function" ? e == null ? void 0 : e({
                 /* @__PURE__ */ t("div", {
                     className: K
                 }),
-                /* @__PURE__ */ t(y, {
-                    disabled: r,
-                    className: le,
-                    onPress: W,
-                    dataAttributes: h,
-                    children: /* @__PURE__ */ t(c, {
-                        disabled: r,
-                        name: f,
-                        checked: S,
-                        "aria-labelledby": i,
-                        render: (param)=>{
-                            let { controlElement: D  } = param;
-                            return D;
-                        }
-                    })
+                /* @__PURE__ */ t(c, {
+                    disabled: n,
+                    name: f,
+                    checked: S,
+                    "aria-labelledby": i,
+                    onChange: W,
+                    render: (param)=>/* @__PURE__ */ {
+                        let { controlElement: D  } = param;
+                        return t("div", {
+                            className: le,
+                            children: D
+                        });
+                    }
                 })
             ]
         }) : /* @__PURE__ */ t("div", {
-            className: o(N, {
-                [w]: !(r || a),
-                [A]: !r
+            className: o(y, {
+                [w]: !(n || a),
+                [A]: !n
             }),
             children: /* @__PURE__ */ t(c, {
-                disabled: r,
-                dataAttributes: h,
+                disabled: n,
+                dataAttributes: m,
                 name: f,
                 checked: S,
                 onChange: W,
@@ -355,7 +354,7 @@ const U = (e, n)=>typeof e == "function" ? e == null ? void 0 : e({
                     let { controlElement: D , labelId: $  } = param;
                     return t(l, {
                         paddingX: 16,
-                        role: m,
+                        role: h,
                         children: x({
                             labelId: $,
                             type: "control",
@@ -369,15 +368,15 @@ const U = (e, n)=>typeof e == "function" ? e == null ? void 0 : e({
             })
         });
     };
-    return e.switch ? F(ne) : e.checkbox ? F(ae) : e.radioValue ? e.onPress ? /* @__PURE__ */ C("div", {
+    return e.switch ? F(re) : e.checkbox ? F(ae) : e.radioValue ? e.onPress ? /* @__PURE__ */ C("div", {
         className: H,
         children: [
-            /* @__PURE__ */ t(y, {
-                disabled: r,
+            /* @__PURE__ */ t(L, {
+                disabled: n,
                 onPress: e.onPress,
-                role: m,
+                role: h,
                 className: o(J, {
-                    [w]: !(r || a)
+                    [w]: !(n || a)
                 }),
                 children: x({
                     type: "basic",
@@ -388,7 +387,7 @@ const U = (e, n)=>typeof e == "function" ? e == null ? void 0 : e({
                 className: K
             }),
             /* @__PURE__ */ t(G, {
-                dataAttributes: h,
+                dataAttributes: m,
                 value: e.radioValue,
                 "aria-labelledby": i,
                 render: (param)=>/* @__PURE__ */ {
@@ -404,14 +403,14 @@ const U = (e, n)=>typeof e == "function" ? e == null ? void 0 : e({
             })
         ]
     }) : /* @__PURE__ */ t("div", {
-        className: o(N, {
-            [w]: !(r || a),
-            [A]: !r
+        className: o(y, {
+            [w]: !(n || a),
+            [A]: !n
         }),
-        role: m,
-        ref: n,
+        role: h,
+        ref: r,
         children: /* @__PURE__ */ t(G, {
-            dataAttributes: h,
+            dataAttributes: m,
             value: e.radioValue,
             "aria-labelledby": i,
             render: (param)=>/* @__PURE__ */ {
@@ -431,8 +430,8 @@ const U = (e, n)=>typeof e == "function" ? e == null ? void 0 : e({
         })
     }) : /* @__PURE__ */ t(l, {
         paddingX: 16,
-        className: N,
-        role: m,
+        className: y,
+        role: h,
         children: e.right ? x({
             type: "custom",
             right: e.right
@@ -441,25 +440,25 @@ const U = (e, n)=>typeof e == "function" ? e == null ? void 0 : e({
         })
     });
 }), je = /*#__PURE__*/ R.forwardRef((_param, i)=>/* @__PURE__ */ {
-    var { dataAttributes: e  } = _param, n = _object_without_properties(_param, [
+    var { dataAttributes: e  } = _param, r = _object_without_properties(_param, [
         "dataAttributes"
     ]);
-    return t(_, _object_spread_props(_object_spread({}, n), {
+    return t(_, _object_spread_props(_object_spread({}, r), {
         ref: i,
         dataAttributes: _object_spread({
             "component-name": "Row"
         }, e)
     }));
 }), We = (param)=>{
-    let { children: e , ariaLabelledby: n , role: i , dataAttributes: a , noLastDivider: d  } = param;
+    let { children: e , ariaLabelledby: r , role: i , dataAttributes: a , noLastDivider: d  } = param;
     const v = R.Children.count(e) - 1, s = !d;
     return /* @__PURE__ */ t("div", _object_spread_props(_object_spread({
         role: i,
-        "aria-labelledby": n
+        "aria-labelledby": r
     }, de(a, "RowList")), {
-        children: R.Children.toArray(e).filter(Boolean).map((B, b)=>/* @__PURE__ */ C(R.Fragment, {
+        children: R.Children.toArray(e).filter(Boolean).map((P, b)=>/* @__PURE__ */ C(R.Fragment, {
                 children: [
-                    B,
+                    P,
                     (b < v || s) && /* @__PURE__ */ t(l, {
                         paddingX: 16,
                         children: /* @__PURE__ */ t(ce, {})
@@ -468,23 +467,23 @@ const U = (e, n)=>typeof e == "function" ? e == null ? void 0 : e({
             }, b))
     }));
 }, Fe = /*#__PURE__*/ R.forwardRef((_param, i)=>/* @__PURE__ */ {
-    var { dataAttributes: e  } = _param, n = _object_without_properties(_param, [
+    var { dataAttributes: e  } = _param, r = _object_without_properties(_param, [
         "dataAttributes"
     ]);
     return t(oe, {
-        isInverse: n.isInverse,
+        isInverse: r.isInverse,
         ref: i,
         dataAttributes: _object_spread({
             "component-name": "BoxedRow"
         }, e),
-        children: /* @__PURE__ */ t(_, _object_spread({}, n))
+        children: /* @__PURE__ */ t(_, _object_spread({}, r))
     });
 }), Oe = (param)=>/* @__PURE__ */ {
-    let { children: e , ariaLabelledby: n , role: i , dataAttributes: a  } = param;
+    let { children: e , ariaLabelledby: r , role: i , dataAttributes: a  } = param;
     return t(k, {
         space: 16,
         role: i,
-        "aria-labelledby": n,
+        "aria-labelledby": r,
         dataAttributes: _object_spread({
             "component-name": "BoxedRowList"
         }, a),

package/dist-es/package-version.js

@@ -1,2 +1,2 @@
-const o = "14.15.0";
+const o = "14.16.0";
 export { o as PACKAGE_VERSION };

package/dist-es/radio-button.css-mistica.js

@@ -1,10 +1,10 @@
 import "./sprinkles.css.ts.vanilla.css-mistica.js";
 import "./radio-button.css.ts.vanilla.css-mistica.js";
-var a = "c6dmsuc", v = "c6dmsu5 _1y2v1nf64 _1y2v1nfab", d = "c6dmsu7 _1y2v1nf45", f = {
-    default: "c6dmsua",
-    ios: "c6dmsub"
-}, c = {
+var r = "c6dmsud", a = "c6dmsu5 _1y2v1nf64 _1y2v1nfab", v = "c6dmsu7 _1y2v1nf45", c = {
+    default: "c6dmsub",
+    ios: "c6dmsuc"
+}, f = {
     default: "c6dmsu2 c6dmsu1 _1y2v1nf65 _1y2v1nf6j _1y2v1nf6d _1y2v1nfar _1y2v1nf6m _1y2v1nfab _1y2v1nf30",
     ios: "c6dmsu3 c6dmsu1 _1y2v1nf65 _1y2v1nf6j _1y2v1nf6d _1y2v1nfar _1y2v1nf6m _1y2v1nfab _1y2v1nf30"
-}, e = "c6dmsu8", i = "c6dmsu9";
-export { a as disabled, v as innerCircle, d as innerCircleChecked, f as outerCircleCheckedVariants, c as outerCircleVariants, e as radioButton, i as radioButtonContainerDisabled };
+}, s = "c6dmsu9 c6dmsu8", u = "c6dmsua c6dmsu8";
+export { r as disabled, a as innerCircle, v as innerCircleChecked, c as outerCircleCheckedVariants, f as outerCircleVariants, s as radioButton, u as radioButtonContainerDisabled };