@telefonica/mistica 14.17.0 → 14.17.1

package/dist-es/list.js

@@ -77,11 +77,11 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-import { jsx as t, jsxs as C } from "react/jsx-runtime";
-import * as R from "react";
+import { jsx as t, jsxs as R } from "react/jsx-runtime";
+import * as C from "react";
 import o from "classnames";
 import { BaseTouchable as L } from "./touchable.js";
-import { Text1 as p, Text3 as ee, Text2 as W } from "./text.js";
+import { Text1 as p, Text3 as ee, Text2 as j } from "./text.js";
 import m from "./box.js";
 import P from "./stack.js";
 import z from "./badge.js";
@@ -94,7 +94,7 @@ 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 se, content as le, center as D, disabled as k, asset as he, rowBody as me, right as ue, detail as fe, detailRight as Q, badge as ge } from "./list.css-mistica.js";
+import { rowContent as N, hoverBackground as w, pointer as A, dualActionContainer as H, dualActionLeft as J, dualActionDivider as K, dualActionRight as se, content as le, center as D, disabled as k, asset as he, rowBody as me, right as ue, rightRestrictedWidth as fe, detail as ge, detailRight as Q, badge as ve } from "./list.css-mistica.js";
 import { vars as y } from "./skins/skin-contract.css-mistica.js";
 const U = (e, r)=>typeof e == "function" ? e == null ? void 0 : e({
         centerY: r
@@ -105,18 +105,18 @@ const U = (e, r)=>typeof e == "function" ? e == null ? void 0 : e({
             height: "100%"
         },
         children: e
-    }) : e, ve = (param)=>{
-    let { withChevron: e , headline: r , title: i , titleLinesMax: a , subtitle: d , subtitleLinesMax: b , description: l , descriptionLinesMax: B , detail: s , asset: T , type: f = "basic" , badge: I , right: S , extra: V , labelId: h , disabled: g  } = param;
+    }) : e, be = (param)=>{
+    let { withChevron: e , headline: r , title: i , titleLinesMax: a , subtitle: s , subtitleLinesMax: b , description: l , descriptionLinesMax: B , detail: c , asset: T , type: f = "basic" , badge: I , right: S , extra: V , labelId: h , disabled: g  } = param;
     const u = Z(), n = [
         r,
         i,
-        d,
+        s,
         l,
         V
     ].filter(Boolean).length === 1, E = ()=>I ? /* @__PURE__ */ t(m, {
             paddingLeft: 16,
             children: /* @__PURE__ */ t("div", {
-                className: o(D, ge, {
+                className: o(D, ve, {
                     [k]: g
                 }),
                 children: I === !0 ? /* @__PURE__ */ t(z, {}) : /* @__PURE__ */ t(z, {
@@ -124,7 +124,7 @@ const U = (e, r)=>typeof e == "function" ? e == null ? void 0 : e({
                 })
             })
         }) : null;
-    return /* @__PURE__ */ C(m, {
+    return /* @__PURE__ */ R(m, {
         paddingY: 16,
         className: le,
         children: [
@@ -146,7 +146,7 @@ const U = (e, r)=>typeof e == "function" ? e == null ? void 0 : e({
                 style: {
                     justifyContent: n ? "center" : "flex-start"
                 },
-                children: /* @__PURE__ */ C(P, {
+                children: /* @__PURE__ */ R(P, {
                     space: 4,
                     children: [
                         r && /* @__PURE__ */ t(p, {
@@ -155,7 +155,7 @@ const U = (e, r)=>typeof e == "function" ? e == null ? void 0 : e({
                             hyphens: "auto",
                             children: r
                         }),
-                        /* @__PURE__ */ C(P, {
+                        /* @__PURE__ */ R(P, {
                             space: 2,
                             children: [
                                 /* @__PURE__ */ t(ee, {
@@ -166,14 +166,14 @@ const U = (e, r)=>typeof e == "function" ? e == null ? void 0 : e({
                                     hyphens: "auto",
                                     children: i
                                 }),
-                                d && /* @__PURE__ */ t(W, {
+                                s && /* @__PURE__ */ t(j, {
                                     regular: !0,
                                     color: y.colors.textSecondary,
                                     truncate: b,
                                     hyphens: "auto",
-                                    children: d
+                                    children: s
                                 }),
-                                l && /* @__PURE__ */ t(W, {
+                                l && /* @__PURE__ */ t(j, {
                                     regular: !0,
                                     color: y.colors.textSecondary,
                                     truncate: B,
@@ -187,37 +187,38 @@ const U = (e, r)=>typeof e == "function" ? e == null ? void 0 : e({
                 })
             }),
             E(),
-            /* @__PURE__ */ C("div", {
+            /* @__PURE__ */ R("div", {
                 className: o({
-                    [ue]: !!s || f !== "basic"
+                    [ue]: !!c || f !== "basic",
+                    [fe]: !!c
                 }),
                 children: [
-                    s && /* @__PURE__ */ t("div", {
-                        className: o(D, fe, {
+                    c && /* @__PURE__ */ t("div", {
+                        className: o(D, ge, {
                             [k]: g
                         }),
-                        children: /* @__PURE__ */ t(W, {
+                        children: /* @__PURE__ */ t(j, {
                             regular: !0,
                             color: y.colors.textSecondary,
                             hyphens: "auto",
-                            children: s
+                            children: c
                         })
                     }),
                     f === "control" && /* @__PURE__ */ t("div", {
                         className: o({
-                            [Q]: !!s
+                            [Q]: !!c
                         }),
                         children: U(S, n)
                     }),
                     f === "custom" && /* @__PURE__ */ t("div", {
                         className: o({
-                            [Q]: !!s,
+                            [Q]: !!c,
                             [k]: g
                         }),
                         children: U(S, n)
                     }),
                     (f === "chevron" || f === "custom" && e) && /* @__PURE__ */ t(m, {
-                        paddingLeft: s || f === "custom" ? 4 : 0,
+                        paddingLeft: c || f === "custom" ? 4 : 0,
                         className: o(D, {
                             [k]: g
                         }),
@@ -230,51 +231,51 @@ const U = (e, r)=>typeof e == "function" ? e == null ? void 0 : e({
             })
         ]
     });
-}, be = (param)=>{
+}, xe = (param)=>{
     let { value: e , defaultValue: r , onChange: i  } = param;
-    const a = e !== void 0, [d, b] = R.useState(!!r), l = ()=>{
-        a || b(!d), i && i(a ? !e : !d);
+    const a = e !== void 0, [s, b] = C.useState(!!r), l = ()=>{
+        a || b(!s), i && i(a ? !e : !s);
     };
     return a ? [
         !!e,
         l
     ] : [
-        d,
+        s,
         l
     ];
-}, xe = (e)=>e.switch !== void 0, we = (e)=>e.checkbox !== void 0, ye = (e)=>e.radioValue !== void 0, _ = /*#__PURE__*/ R.forwardRef((e, r)=>{
-    const i = te(), a = Z(), { asset: d , headline: b , title: l , titleLinesMax: B , subtitle: s , subtitleLinesMax: T , description: f , descriptionLinesMax: I , detail: S , badge: V , role: h , extra: g , dataAttributes: u  } = e, O = ie(), n = e.disabled || e.radioValue !== void 0 && O.disabled, [E, F] = be(e.switch || e.checkbox || {}), x = (param)=>/* @__PURE__ */ {
-        let { type: c , right: v , labelId: X  } = param;
-        return t(ve, {
-            asset: d,
+}, we = (e)=>e.switch !== void 0, ye = (e)=>e.checkbox !== void 0, Re = (e)=>e.radioValue !== void 0, _ = /*#__PURE__*/ C.forwardRef((e, r)=>{
+    const i = te(), a = Z(), { asset: s , headline: b , title: l , titleLinesMax: B , subtitle: c , subtitleLinesMax: T , description: f , descriptionLinesMax: I , detail: S , badge: V , role: h , extra: g , dataAttributes: u  } = e, O = ie(), n = e.disabled || e.radioValue !== void 0 && O.disabled, [E, F] = xe(e.switch || e.checkbox || {}), x = (param)=>/* @__PURE__ */ {
+        let { type: d , right: v , labelId: X  } = param;
+        return t(be, {
+            asset: s,
             headline: b,
             title: l,
-            subtitle: s,
+            subtitle: c,
             description: f,
             badge: V,
             titleLinesMax: B,
             subtitleLinesMax: T,
             descriptionLinesMax: I,
             detail: S,
-            type: c,
+            type: d,
             right: v,
             extra: g,
             labelId: X,
             disabled: n,
             withChevron: !!e.onPress || !!e.href || !!e.to
         });
-    }, M = (c)=>{
+    }, M = (d)=>{
         let v = "chevron";
-        return c.right === null && (v = "basic"), c.right && (v = "custom"), /* @__PURE__ */ t(m, {
+        return d.right === null && (v = "basic"), d.right && (v = "custom"), /* @__PURE__ */ t(m, {
             paddingX: 16,
             ref: r,
             children: x({
                 type: v,
-                right: c.right
+                right: d.right
             })
         });
     };
-    if (e.onPress && !xe(e) && !we(e) && !ye(e)) return /* @__PURE__ */ t(L, {
+    if (e.onPress && !we(e) && !ye(e) && !Re(e)) return /* @__PURE__ */ t(L, {
         ref: r,
         className: o(N, {
             [w]: !(n || a),
@@ -313,11 +314,11 @@ const U = (e, r)=>typeof e == "function" ? e == null ? void 0 : e({
         disabled: n,
         children: M(e)
     });
-    const Y = (c)=>{
+    const Y = (d)=>{
         var X, q;
         var _ref, _ref1;
         const v = (_ref1 = (_ref = (X = e.switch) == null ? void 0 : X.name) !== null && _ref !== void 0 ? _ref : (q = e.checkbox) == null ? void 0 : q.name) !== null && _ref1 !== void 0 ? _ref1 : i;
-        return e.onPress ? /* @__PURE__ */ C("div", {
+        return e.onPress ? /* @__PURE__ */ R("div", {
             className: H,
             children: [
                 /* @__PURE__ */ t(L, {
@@ -336,17 +337,17 @@ const U = (e, r)=>typeof e == "function" ? e == null ? void 0 : e({
                 /* @__PURE__ */ t("div", {
                     className: K
                 }),
-                /* @__PURE__ */ t(c, {
+                /* @__PURE__ */ t(d, {
                     disabled: n,
                     name: v,
                     checked: E,
                     "aria-labelledby": i,
                     onChange: F,
                     render: (param)=>/* @__PURE__ */ {
-                        let { controlElement: j  } = param;
+                        let { controlElement: W  } = param;
                         return t("div", {
                             className: se,
-                            children: j
+                            children: W
                         });
                     }
                 })
@@ -356,14 +357,14 @@ const U = (e, r)=>typeof e == "function" ? e == null ? void 0 : e({
                 [w]: !(n || a),
                 [A]: !n
             }),
-            children: /* @__PURE__ */ t(c, {
+            children: /* @__PURE__ */ t(d, {
                 disabled: n,
                 dataAttributes: u,
                 name: v,
                 checked: E,
                 onChange: F,
                 render: (param)=>/* @__PURE__ */ {
-                    let { controlElement: j , labelId: $  } = param;
+                    let { controlElement: W , labelId: $  } = param;
                     return t(m, {
                         paddingX: 16,
                         role: h,
@@ -372,7 +373,7 @@ const U = (e, r)=>typeof e == "function" ? e == null ? void 0 : e({
                             type: "control",
                             right: ()=>/* @__PURE__ */ t(P, {
                                     space: "around",
-                                    children: j
+                                    children: W
                                 })
                         })
                     });
@@ -380,7 +381,7 @@ const U = (e, r)=>typeof e == "function" ? e == null ? void 0 : e({
             })
         });
     };
-    return e.switch ? Y(re) : e.checkbox ? Y(ae) : e.radioValue ? e.onPress ? /* @__PURE__ */ C("div", {
+    return e.switch ? Y(re) : e.checkbox ? Y(ae) : e.radioValue ? e.onPress ? /* @__PURE__ */ R("div", {
         className: H,
         children: [
             /* @__PURE__ */ t(L, {
@@ -403,12 +404,12 @@ const U = (e, r)=>typeof e == "function" ? e == null ? void 0 : e({
                 value: e.radioValue,
                 "aria-labelledby": i,
                 render: (param)=>/* @__PURE__ */ {
-                    let { controlElement: c  } = param;
+                    let { controlElement: d  } = param;
                     return t(P, {
                         space: "around",
                         children: /* @__PURE__ */ t(m, {
                             paddingX: 16,
-                            children: c
+                            children: d
                         })
                     });
                 }
@@ -426,7 +427,7 @@ const U = (e, r)=>typeof e == "function" ? e == null ? void 0 : e({
             value: e.radioValue,
             "aria-labelledby": i,
             render: (param)=>/* @__PURE__ */ {
-                let { controlElement: c  } = param;
+                let { controlElement: d  } = param;
                 return t(m, {
                     paddingX: 16,
                     children: x({
@@ -434,7 +435,7 @@ const U = (e, r)=>typeof e == "function" ? e == null ? void 0 : e({
                         type: "control",
                         right: ()=>/* @__PURE__ */ t(P, {
                                 space: "around",
-                                children: c
+                                children: d
                             })
                     })
                 });
@@ -451,7 +452,7 @@ const U = (e, r)=>typeof e == "function" ? e == null ? void 0 : e({
             type: "basic"
         })
     });
-}), Oe = /*#__PURE__*/ R.forwardRef((_param, i)=>/* @__PURE__ */ {
+}), Fe = /*#__PURE__*/ C.forwardRef((_param, i)=>/* @__PURE__ */ {
     var { dataAttributes: e  } = _param, r = _object_without_properties(_param, [
         "dataAttributes"
     ]);
@@ -461,24 +462,24 @@ const U = (e, r)=>typeof e == "function" ? e == null ? void 0 : e({
             "component-name": "Row"
         }, e)
     }));
-}), Fe = (param)=>{
-    let { children: e , ariaLabelledby: r , role: i , dataAttributes: a , noLastDivider: d  } = param;
-    const b = R.Children.count(e) - 1, l = !d;
+}), Ye = (param)=>{
+    let { children: e , ariaLabelledby: r , role: i , dataAttributes: a , noLastDivider: s  } = param;
+    const b = C.Children.count(e) - 1, l = !s;
     return /* @__PURE__ */ t("div", _object_spread_props(_object_spread({
         role: i,
         "aria-labelledby": r
     }, de(a, "RowList")), {
-        children: R.Children.toArray(e).filter(Boolean).map((B, s)=>/* @__PURE__ */ C(R.Fragment, {
+        children: C.Children.toArray(e).filter(Boolean).map((B, c)=>/* @__PURE__ */ R(C.Fragment, {
                 children: [
                     B,
-                    (s < b || l) && /* @__PURE__ */ t(m, {
+                    (c < b || l) && /* @__PURE__ */ t(m, {
                         paddingX: 16,
                         children: /* @__PURE__ */ t(ce, {})
                     })
                 ]
-            }, s))
+            }, c))
     }));
-}, Ye = /*#__PURE__*/ R.forwardRef((_param, i)=>/* @__PURE__ */ {
+}, qe = /*#__PURE__*/ C.forwardRef((_param, i)=>/* @__PURE__ */ {
     var { dataAttributes: e  } = _param, r = _object_without_properties(_param, [
         "dataAttributes"
     ]);
@@ -490,7 +491,7 @@ const U = (e, r)=>typeof e == "function" ? e == null ? void 0 : e({
         }, e),
         children: /* @__PURE__ */ t(_, _object_spread({}, r))
     });
-}), qe = (param)=>/* @__PURE__ */ {
+}), ze = (param)=>/* @__PURE__ */ {
     let { children: e , ariaLabelledby: r , role: i , dataAttributes: a  } = param;
     return t(P, {
         space: 16,
@@ -502,4 +503,4 @@ const U = (e, r)=>typeof e == "function" ? e == null ? void 0 : e({
         children: e
     });
 };
-export { Ye as BoxedRow, qe as BoxedRowList, Oe as Row, Fe as RowList };
+export { qe as BoxedRow, ze as BoxedRowList, Fe as Row, Ye as RowList };

package/dist-es/package-version.js

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