@telefonica/mistica 14.16.0 → 14.17.0

package/dist/list.css-mistica.js

@@ -21,37 +21,43 @@ _export(exports, {
     content: function() {
         return a;
     },
-    disabled: function() {
+    detail: function() {
         return r;
     },
-    dualActionContainer: function() {
+    detailRight: function() {
+        return t;
+    },
+    disabled: function() {
         return o;
     },
+    dualActionContainer: function() {
+        return i;
+    },
     dualActionDivider: function() {
-        return t;
+        return e;
     },
     dualActionLeft: function() {
-        return i;
+        return d;
     },
     dualActionRight: function() {
-        return e;
+        return g;
     },
     hoverBackground: function() {
-        return d;
+        return u;
     },
     pointer: function() {
-        return g;
+        return b;
     },
     right: function() {
-        return u;
+        return l;
     },
     rowBody: function() {
-        return b;
+        return j;
     },
     rowContent: function() {
-        return l;
+        return c;
     }
 });
 require("./sprinkles.css.ts.vanilla.css-mistica.js");
 require("./list.css.ts.vanilla.css-mistica.js");
-var _ = "_1y2v1nf64 _1y2v1nf6m _1y2v1nf6o", y = "_1y2v1nf6d _1y2v1nf9i _1y2v1nf8w _1y2v1nf6m", f = "_1y2v1nf64 _1y2v1nf6j", a = "_1y2v1nf64 _1y2v1nf8f _1y2v1nfa5", r = "_2buj9g0", o = "_1y2v1nf64 _1y2v1nf69", t = "_2buj9gi _1y2v1nf64", i = "_1y2v1nf6r _1y2v1nf76 _1y2v1nf7l _1y2v1nf80 _1y2v1nfaa _1y2v1nf5y _1y2v1nf7q _1y2v1nf85 _1y2v1nf66 _1y2v1nf6p", e = "_2buj9gk _1y2v1nf6r _1y2v1nf76 _1y2v1nf7l _1y2v1nf80 _1y2v1nfaa _1y2v1nf5y _1y2v1nf7q _1y2v1nf85 _1y2v1nf64 _1y2v1nf6j _1y2v1nf6o _1y2v1nf8g _1y2v1nf8w", d = "_2buj9g1", g = "_1y2v1nfar", u = "_2buj9gb", b = "_1y2v1nf64 _1y2v1nf6a _1y2v1nf6q", l = "_1y2v1nf6r _1y2v1nf76 _1y2v1nf7l _1y2v1nf80 _1y2v1nf8f _1y2v1nfaa _1y2v1nf5y";
+var _ = "_1y2v1nf64 _1y2v1nf6m _1y2v1nf6o", y = "_1y2v1nf6d _1y2v1nf9i _1y2v1nf8w _1y2v1nf6m", f = "_1y2v1nf64 _1y2v1nf6j", a = "_1y2v1nf64 _1y2v1nf8f _1y2v1nfa5", r = "_2buj9gd", t = "_2buj9gc", o = "_2buj9g0", i = "_1y2v1nf64 _1y2v1nf69 _1y2v1nf8w", e = "_2buj9gk _1y2v1nf64", d = "_1y2v1nf6r _1y2v1nf76 _1y2v1nf7l _1y2v1nf80 _1y2v1nfaa _1y2v1nf5y _1y2v1nf7q _1y2v1nf85 _1y2v1nf66 _1y2v1nf6p", g = "_2buj9gm _1y2v1nf6r _1y2v1nf76 _1y2v1nf7l _1y2v1nf80 _1y2v1nfaa _1y2v1nf5y _1y2v1nf7q _1y2v1nf85 _1y2v1nf64 _1y2v1nf6j _1y2v1nf6o _1y2v1nf8g _1y2v1nf8w", u = "_2buj9g1", b = "_1y2v1nfar", l = "_2buj9gb", j = "_1y2v1nf64 _1y2v1nf6a _1y2v1nf6q", c = "_1y2v1nf6r _1y2v1nf76 _1y2v1nf7l _1y2v1nf80 _1y2v1nf8f _1y2v1nfaa _1y2v1nf5y _1y2v1nf66 _1y2v1nf8w";

package/dist/list.css.d.ts

@@ -9,6 +9,8 @@ export declare const center: string;
 export declare const badge: string;
 export declare const control: string;
 export declare const right: string;
+export declare const detailRight: string;
+export declare const detail: string;
 export declare const centeredControl: string;
 export declare const dualActionContainer: string;
 export declare const dualActionLeft: string;

package/dist/list.d.ts

@@ -11,6 +11,7 @@ interface CommonProps {
     subtitleLinesMax?: number;
     description?: string | null;
     descriptionLinesMax?: number;
+    detail?: string;
     asset?: React.ReactNode;
     badge?: boolean | number;
     role?: string;

package/dist/list.js

@@ -10,16 +10,16 @@ function _export(target, all) {
 }
 _export(exports, {
     BoxedRow: function() {
-        return Fe;
+        return Ye;
     },
     BoxedRowList: function() {
-        return Oe;
+        return qe;
     },
     Row: function() {
-        return je;
+        return Oe;
     },
     RowList: function() {
-        return We;
+        return Fe;
     }
 });
 const _jsxruntime = require("react/jsx-runtime");
@@ -173,19 +173,19 @@ const U = (e, r)=>typeof e == "function" ? e == null ? void 0 : e({
             height: "100%"
         },
         children: e
-    }) : e, fe = (param)=>{
-    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 = (0, _themevariantcontext.useIsInverseVariant)(), n = [
+    }) : 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;
+    const u = (0, _themevariantcontext.useIsInverseVariant)(), n = [
         r,
         i,
         d,
-        s,
+        l,
         V
-    ].filter(Boolean).length === 1, S = ()=>I ? /* @__PURE__ */ (0, _jsxruntime.jsx)(_box.default, {
+    ].filter(Boolean).length === 1, E = ()=>I ? /* @__PURE__ */ (0, _jsxruntime.jsx)(_box.default, {
             paddingLeft: 16,
             children: /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
                 className: (0, _classnames.default)(_listcssmistica.center, _listcssmistica.badge, {
-                    [_listcssmistica.disabled]: u
+                    [_listcssmistica.disabled]: g
                 }),
                 children: I === !0 ? /* @__PURE__ */ (0, _jsxruntime.jsx)(_badge.default, {}) : /* @__PURE__ */ (0, _jsxruntime.jsx)(_badge.default, {
                     value: I
@@ -196,20 +196,20 @@ const U = (e, r)=>typeof e == "function" ? e == null ? void 0 : e({
         paddingY: 16,
         className: _listcssmistica.content,
         children: [
-            b && /* @__PURE__ */ (0, _jsxruntime.jsx)(_box.default, {
+            T && /* @__PURE__ */ (0, _jsxruntime.jsx)(_box.default, {
                 paddingRight: 16,
                 className: (0, _classnames.default)({
                     [_listcssmistica.center]: n,
-                    [_listcssmistica.disabled]: u
+                    [_listcssmistica.disabled]: g
                 }),
                 children: /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
                     className: _listcssmistica.asset,
-                    children: b
+                    children: T
                 })
             }),
             /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
                 className: (0, _classnames.default)(_listcssmistica.rowBody, {
-                    [_listcssmistica.disabled]: u
+                    [_listcssmistica.disabled]: g
                 }),
                 style: {
                     justifyContent: n ? "center" : "flex-start"
@@ -220,6 +220,7 @@ const U = (e, r)=>typeof e == "function" ? e == null ? void 0 : e({
                         r && /* @__PURE__ */ (0, _jsxruntime.jsx)(_text.Text1, {
                             regular: !0,
                             color: _skincontractcssmistica.vars.colors.textPrimary,
+                            hyphens: "auto",
                             children: r
                         }),
                         /* @__PURE__ */ (0, _jsxruntime.jsxs)(_stack.default, {
@@ -230,19 +231,22 @@ const U = (e, r)=>typeof e == "function" ? e == null ? void 0 : e({
                                     color: _skincontractcssmistica.vars.colors.textPrimary,
                                     truncate: a,
                                     id: h,
+                                    hyphens: "auto",
                                     children: i
                                 }),
                                 d && /* @__PURE__ */ (0, _jsxruntime.jsx)(_text.Text2, {
                                     regular: !0,
                                     color: _skincontractcssmistica.vars.colors.textSecondary,
-                                    truncate: v,
+                                    truncate: b,
+                                    hyphens: "auto",
                                     children: d
                                 }),
-                                s && /* @__PURE__ */ (0, _jsxruntime.jsx)(_text.Text2, {
+                                l && /* @__PURE__ */ (0, _jsxruntime.jsx)(_text.Text2, {
                                     regular: !0,
                                     color: _skincontractcssmistica.vars.colors.textSecondary,
-                                    truncate: P,
-                                    children: s
+                                    truncate: B,
+                                    hyphens: "auto",
+                                    children: l
                                 }),
                                 V
                             ]
@@ -250,36 +254,43 @@ const U = (e, r)=>typeof e == "function" ? e == null ? void 0 : e({
                     ]
                 })
             }),
-            S(),
-            B === "chevron" && /* @__PURE__ */ (0, _jsxruntime.jsx)(_box.default, {
-                paddingLeft: 16,
-                className: (0, _classnames.default)(_listcssmistica.center, {
-                    [_listcssmistica.disabled]: u
+            E(),
+            /* @__PURE__ */ (0, _jsxruntime.jsxs)("div", {
+                className: (0, _classnames.default)({
+                    [_listcssmistica.right]: !!s || f !== "basic"
                 }),
-                children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_iconchevron.default, {
-                    color: m ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralMedium,
-                    direction: "right"
-                })
-            }),
-            B === "control" && /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
-                className: _listcssmistica.right,
-                children: U(T, n)
-            }),
-            B === "custom" && /* @__PURE__ */ (0, _jsxruntime.jsxs)(_jsxruntime.Fragment, {
                 children: [
-                    /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
-                        className: (0, _classnames.default)(_listcssmistica.right, {
-                            [_listcssmistica.disabled]: u
+                    s && /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
+                        className: (0, _classnames.default)(_listcssmistica.center, _listcssmistica.detail, {
+                            [_listcssmistica.disabled]: g
+                        }),
+                        children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_text.Text2, {
+                            regular: !0,
+                            color: _skincontractcssmistica.vars.colors.textSecondary,
+                            hyphens: "auto",
+                            children: s
+                        })
+                    }),
+                    f === "control" && /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
+                        className: (0, _classnames.default)({
+                            [_listcssmistica.detailRight]: !!s
+                        }),
+                        children: U(S, n)
+                    }),
+                    f === "custom" && /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
+                        className: (0, _classnames.default)({
+                            [_listcssmistica.detailRight]: !!s,
+                            [_listcssmistica.disabled]: g
                         }),
-                        children: U(T, n)
+                        children: U(S, n)
                     }),
-                    e && /* @__PURE__ */ (0, _jsxruntime.jsx)(_box.default, {
-                        paddingLeft: 4,
+                    (f === "chevron" || f === "custom" && e) && /* @__PURE__ */ (0, _jsxruntime.jsx)(_box.default, {
+                        paddingLeft: s || f === "custom" ? 4 : 0,
                         className: (0, _classnames.default)(_listcssmistica.center, {
-                            [_listcssmistica.disabled]: u
+                            [_listcssmistica.disabled]: g
                         }),
                         children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_iconchevron.default, {
-                            color: m ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralMedium,
+                            color: u ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralMedium,
                             direction: "right"
                         })
                     })
@@ -287,50 +298,51 @@ const U = (e, r)=>typeof e == "function" ? e == null ? void 0 : e({
             })
         ]
     });
-}, ge = (param)=>{
+}, be = (param)=>{
     let { value: e , defaultValue: r , onChange: i  } = param;
-    const a = e !== void 0, [d, v] = _react.useState(!!r), s = ()=>{
-        a || v(!d), i && i(a ? !e : !d);
+    const a = e !== void 0, [d, b] = _react.useState(!!r), l = ()=>{
+        a || b(!d), i && i(a ? !e : !d);
     };
     return a ? [
         !!e,
-        s
+        l
     ] : [
         d,
-        s
+        l
     ];
-}, ve = (e)=>e.switch !== void 0, be = (e)=>e.checkbox !== void 0, xe = (e)=>e.radioValue !== void 0, _ = /*#__PURE__*/ _react.forwardRef((e, r)=>{
-    const i = (0, _hooks.useAriaId)(), a = (0, _themevariantcontext.useIsInverseVariant)(), { 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 = (0, _radiobutton.useRadioContext)(), 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 (0, _jsxruntime.jsx)(fe, {
+}, xe = (e)=>e.switch !== void 0, we = (e)=>e.checkbox !== void 0, ye = (e)=>e.radioValue !== void 0, _ = /*#__PURE__*/ _react.forwardRef((e, r)=>{
+    const i = (0, _hooks.useAriaId)(), a = (0, _themevariantcontext.useIsInverseVariant)(), { 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 = (0, _radiobutton.useRadioContext)(), 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 (0, _jsxruntime.jsx)(ve, {
             asset: d,
-            headline: v,
-            title: s,
-            subtitle: b,
-            description: I,
+            headline: b,
+            title: l,
+            subtitle: s,
+            description: f,
             badge: V,
-            titleLinesMax: P,
-            subtitleLinesMax: B,
-            descriptionLinesMax: T,
+            titleLinesMax: B,
+            subtitleLinesMax: T,
+            descriptionLinesMax: I,
+            detail: S,
             type: c,
-            right: f,
-            extra: u,
-            labelId: E,
+            right: v,
+            extra: g,
+            labelId: X,
             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__ */ (0, _jsxruntime.jsx)(_box.default, {
+        let v = "chevron";
+        return c.right === null && (v = "basic"), c.right && (v = "custom"), /* @__PURE__ */ (0, _jsxruntime.jsx)(_box.default, {
             paddingX: 16,
             ref: r,
             children: x({
-                type: f,
+                type: v,
                 right: c.right
             })
         });
     };
-    if (e.onPress && !ve(e) && !be(e) && !xe(e)) return /* @__PURE__ */ (0, _jsxruntime.jsx)(_touchable.BaseTouchable, {
+    if (e.onPress && !xe(e) && !we(e) && !ye(e)) return /* @__PURE__ */ (0, _jsxruntime.jsx)(_touchable.BaseTouchable, {
         ref: r,
         className: (0, _classnames.default)(_listcssmistica.rowContent, {
             [_listcssmistica.hoverBackground]: !(n || a),
@@ -339,7 +351,7 @@ const U = (e, r)=>typeof e == "function" ? e == null ? void 0 : e({
         trackingEvent: e.trackingEvent,
         onPress: e.onPress,
         role: h,
-        dataAttributes: m,
+        dataAttributes: u,
         disabled: n,
         children: M(e)
     });
@@ -352,7 +364,7 @@ const U = (e, r)=>typeof e == "function" ? e == null ? void 0 : e({
         to: e.to,
         fullPageOnWebView: e.fullPageOnWebView,
         role: h,
-        dataAttributes: m,
+        dataAttributes: u,
         disabled: n,
         children: M(e)
     });
@@ -365,19 +377,19 @@ const U = (e, r)=>typeof e == "function" ? e == null ? void 0 : e({
         href: e.href,
         newTab: e.newTab,
         role: h,
-        dataAttributes: m,
+        dataAttributes: u,
         disabled: n,
         children: M(e)
     });
-    const F = (c)=>{
-        var E, O;
+    const Y = (c)=>{
+        var X, q;
         var _ref, _ref1;
-        const f = (_ref1 = (_ref = (E = e.switch) == null ? void 0 : E.name) !== null && _ref !== void 0 ? _ref : (O = e.checkbox) == null ? void 0 : O.name) !== null && _ref1 !== void 0 ? _ref1 : i;
+        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__ */ (0, _jsxruntime.jsxs)("div", {
             className: _listcssmistica.dualActionContainer,
             children: [
                 /* @__PURE__ */ (0, _jsxruntime.jsx)(_touchable.BaseTouchable, {
-                    dataAttributes: m,
+                    dataAttributes: u,
                     disabled: n,
                     onPress: e.onPress,
                     role: h,
@@ -394,15 +406,15 @@ const U = (e, r)=>typeof e == "function" ? e == null ? void 0 : e({
                 }),
                 /* @__PURE__ */ (0, _jsxruntime.jsx)(c, {
                     disabled: n,
-                    name: f,
-                    checked: S,
+                    name: v,
+                    checked: E,
                     "aria-labelledby": i,
-                    onChange: W,
+                    onChange: F,
                     render: (param)=>/* @__PURE__ */ {
-                        let { controlElement: D  } = param;
+                        let { controlElement: j  } = param;
                         return (0, _jsxruntime.jsx)("div", {
                             className: _listcssmistica.dualActionRight,
-                            children: D
+                            children: j
                         });
                     }
                 })
@@ -414,12 +426,12 @@ const U = (e, r)=>typeof e == "function" ? e == null ? void 0 : e({
             }),
             children: /* @__PURE__ */ (0, _jsxruntime.jsx)(c, {
                 disabled: n,
-                dataAttributes: m,
-                name: f,
-                checked: S,
-                onChange: W,
+                dataAttributes: u,
+                name: v,
+                checked: E,
+                onChange: F,
                 render: (param)=>/* @__PURE__ */ {
-                    let { controlElement: D , labelId: $  } = param;
+                    let { controlElement: j , labelId: $  } = param;
                     return (0, _jsxruntime.jsx)(_box.default, {
                         paddingX: 16,
                         role: h,
@@ -428,7 +440,7 @@ const U = (e, r)=>typeof e == "function" ? e == null ? void 0 : e({
                             type: "control",
                             right: ()=>/* @__PURE__ */ (0, _jsxruntime.jsx)(_stack.default, {
                                     space: "around",
-                                    children: D
+                                    children: j
                                 })
                         })
                     });
@@ -436,7 +448,7 @@ const U = (e, r)=>typeof e == "function" ? e == null ? void 0 : e({
             })
         });
     };
-    return e.switch ? F(_switchcomponent.default) : e.checkbox ? F(_checkbox.default) : e.radioValue ? e.onPress ? /* @__PURE__ */ (0, _jsxruntime.jsxs)("div", {
+    return e.switch ? Y(_switchcomponent.default) : e.checkbox ? Y(_checkbox.default) : e.radioValue ? e.onPress ? /* @__PURE__ */ (0, _jsxruntime.jsxs)("div", {
         className: _listcssmistica.dualActionContainer,
         children: [
             /* @__PURE__ */ (0, _jsxruntime.jsx)(_touchable.BaseTouchable, {
@@ -455,7 +467,7 @@ const U = (e, r)=>typeof e == "function" ? e == null ? void 0 : e({
                 className: _listcssmistica.dualActionDivider
             }),
             /* @__PURE__ */ (0, _jsxruntime.jsx)(_radiobutton.default, {
-                dataAttributes: m,
+                dataAttributes: u,
                 value: e.radioValue,
                 "aria-labelledby": i,
                 render: (param)=>/* @__PURE__ */ {
@@ -478,7 +490,7 @@ const U = (e, r)=>typeof e == "function" ? e == null ? void 0 : e({
         role: h,
         ref: r,
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_radiobutton.default, {
-            dataAttributes: m,
+            dataAttributes: u,
             value: e.radioValue,
             "aria-labelledby": i,
             render: (param)=>/* @__PURE__ */ {
@@ -507,7 +519,7 @@ const U = (e, r)=>typeof e == "function" ? e == null ? void 0 : e({
             type: "basic"
         })
     });
-}), je = /*#__PURE__*/ _react.forwardRef((_param, i)=>/* @__PURE__ */ {
+}), Oe = /*#__PURE__*/ _react.forwardRef((_param, i)=>/* @__PURE__ */ {
     var { dataAttributes: e  } = _param, r = _object_without_properties(_param, [
         "dataAttributes"
     ]);
@@ -517,24 +529,24 @@ const U = (e, r)=>typeof e == "function" ? e == null ? void 0 : e({
             "component-name": "Row"
         }, e)
     }));
-}), We = (param)=>{
+}), Fe = (param)=>{
     let { children: e , ariaLabelledby: r , role: i , dataAttributes: a , noLastDivider: d  } = param;
-    const v = _react.Children.count(e) - 1, s = !d;
+    const b = _react.Children.count(e) - 1, l = !d;
     return /* @__PURE__ */ (0, _jsxruntime.jsx)("div", _object_spread_props(_object_spread({
         role: i,
         "aria-labelledby": r
     }, (0, _dom.getPrefixedDataAttributes)(a, "RowList")), {
-        children: _react.Children.toArray(e).filter(Boolean).map((P, b)=>/* @__PURE__ */ (0, _jsxruntime.jsxs)(_react.Fragment, {
+        children: _react.Children.toArray(e).filter(Boolean).map((B, s)=>/* @__PURE__ */ (0, _jsxruntime.jsxs)(_react.Fragment, {
                 children: [
-                    P,
-                    (b < v || s) && /* @__PURE__ */ (0, _jsxruntime.jsx)(_box.default, {
+                    B,
+                    (s < b || l) && /* @__PURE__ */ (0, _jsxruntime.jsx)(_box.default, {
                         paddingX: 16,
                         children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_divider.default, {})
                     })
                 ]
-            }, b))
+            }, s))
     }));
-}, Fe = /*#__PURE__*/ _react.forwardRef((_param, i)=>/* @__PURE__ */ {
+}, Ye = /*#__PURE__*/ _react.forwardRef((_param, i)=>/* @__PURE__ */ {
     var { dataAttributes: e  } = _param, r = _object_without_properties(_param, [
         "dataAttributes"
     ]);
@@ -546,7 +558,7 @@ const U = (e, r)=>typeof e == "function" ? e == null ? void 0 : e({
         }, e),
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_, _object_spread({}, r))
     });
-}), Oe = (param)=>/* @__PURE__ */ {
+}), qe = (param)=>/* @__PURE__ */ {
     let { children: e , ariaLabelledby: r , role: i , dataAttributes: a  } = param;
     return (0, _jsxruntime.jsx)(_stack.default, {
         space: 16,

package/dist/package-version.js

@@ -8,4 +8,4 @@ Object.defineProperty(exports, "PACKAGE_VERSION", {
         return o;
     }
 });
-const o = "14.16.0";
+const o = "14.17.0";

package/dist/skins/blau.js

@@ -291,6 +291,17 @@ const e = {
             button: {
                 weight: "medium"
             },
+            tabsLabel: {
+                weight: "medium",
+                size: {
+                    mobile: 16,
+                    desktop: 18
+                },
+                lineHeight: {
+                    mobile: 24,
+                    desktop: 24
+                }
+            },
             link: {
                 weight: "medium"
             },
@@ -317,16 +328,6 @@ const e = {
             },
             text10: {
                 weight: "light"
-            },
-            tabsLabel: {
-                size: {
-                    mobile: 16,
-                    desktop: 18
-                },
-                lineHeight: {
-                    mobile: 24,
-                    desktop: 24
-                }
             }
         }
     });

package/dist/skins/defaults.js

@@ -51,6 +51,7 @@ const t = {
         weight: "medium"
     },
     tabsLabel: {
+        weight: "medium",
         size: {
             mobile: 16,
             desktop: 18

package/dist/skins/movistar-legacy.js

@@ -295,6 +295,17 @@ const e = {
             button: {
                 weight: "medium"
             },
+            tabsLabel: {
+                weight: "medium",
+                size: {
+                    mobile: 16,
+                    desktop: 18
+                },
+                lineHeight: {
+                    mobile: 24,
+                    desktop: 24
+                }
+            },
             link: {
                 weight: "medium"
             },
@@ -321,16 +332,6 @@ const e = {
             },
             text10: {
                 weight: "bold"
-            },
-            tabsLabel: {
-                size: {
-                    mobile: 16,
-                    desktop: 18
-                },
-                lineHeight: {
-                    mobile: 24,
-                    desktop: 24
-                }
             }
         }
     };

package/dist/skins/movistar.js

@@ -295,6 +295,17 @@ const e = {
             button: {
                 weight: "medium"
             },
+            tabsLabel: {
+                weight: "medium",
+                size: {
+                    mobile: 16,
+                    desktop: 18
+                },
+                lineHeight: {
+                    mobile: 24,
+                    desktop: 24
+                }
+            },
             link: {
                 weight: "medium"
             },
@@ -321,16 +332,6 @@ const e = {
             },
             text10: {
                 weight: "bold"
-            },
-            tabsLabel: {
-                size: {
-                    mobile: 16,
-                    desktop: 18
-                },
-                lineHeight: {
-                    mobile: 24,
-                    desktop: 24
-                }
             }
         }
     });

package/dist/skins/o2.js

@@ -295,6 +295,17 @@ const e = {
             button: {
                 weight: "medium"
             },
+            tabsLabel: {
+                weight: "medium",
+                size: {
+                    mobile: 16,
+                    desktop: 18
+                },
+                lineHeight: {
+                    mobile: 24,
+                    desktop: 24
+                }
+            },
             link: {
                 weight: "medium"
             },
@@ -321,16 +332,6 @@ const e = {
             },
             text10: {
                 weight: "light"
-            },
-            tabsLabel: {
-                size: {
-                    mobile: 16,
-                    desktop: 18
-                },
-                lineHeight: {
-                    mobile: 24,
-                    desktop: 24
-                }
             }
         }
     });