@telefonica/mistica 15.8.0 → 15.9.0

package/dist/icon-button.d.ts

@@ -76,6 +76,7 @@ interface BaseProps {
     bleedLeft?: boolean;
     bleedRight?: boolean;
     bleedY?: boolean;
+    role?: string;
 }
 interface IconButtonBaseProps {
     Icon: React.FC<IconProps>;
@@ -230,6 +231,7 @@ export declare const InternalIconButton: React.ForwardRefExoticComponent<({
     bleedLeft?: boolean | undefined;
     bleedRight?: boolean | undefined;
     bleedY?: boolean | undefined;
+    role?: string | undefined;
     Icon: React.FC<IconProps>;
     type?: IconButtonType | undefined;
     backgroundType?: IconButtonBackgroundType | undefined;
@@ -243,7 +245,6 @@ export declare const InternalIconButton: React.ForwardRefExoticComponent<({
     loadOnTop?: undefined;
     onNavigate?: undefined;
     fullPageOnWebView?: undefined;
-    role?: string | undefined;
     isOverMedia?: boolean | undefined;
     hasOverlay?: boolean | undefined;
     backgroundColor?: undefined;
@@ -263,6 +264,7 @@ export declare const InternalIconButton: React.ForwardRefExoticComponent<({
     bleedLeft?: boolean | undefined;
     bleedRight?: boolean | undefined;
     bleedY?: boolean | undefined;
+    role?: string | undefined;
     Icon: React.FC<IconProps>;
     type?: IconButtonType | undefined;
     backgroundType?: IconButtonBackgroundType | undefined;
@@ -276,7 +278,6 @@ export declare const InternalIconButton: React.ForwardRefExoticComponent<({
     loadOnTop?: undefined;
     onNavigate?: undefined;
     fullPageOnWebView?: undefined;
-    role?: string | undefined;
     isOverMedia?: boolean | undefined;
     hasOverlay?: boolean | undefined;
     backgroundColor?: undefined;
@@ -297,6 +298,7 @@ export declare const InternalIconButton: React.ForwardRefExoticComponent<({
     bleedLeft?: boolean | undefined;
     bleedRight?: boolean | undefined;
     bleedY?: boolean | undefined;
+    role?: string | undefined;
     Icon: React.FC<IconProps>;
     type?: IconButtonType | undefined;
     backgroundType?: IconButtonBackgroundType | undefined;
@@ -309,7 +311,6 @@ export declare const InternalIconButton: React.ForwardRefExoticComponent<({
     loadOnTop?: undefined;
     onNavigate?: undefined;
     fullPageOnWebView?: undefined;
-    role?: string | undefined;
     isOverMedia?: boolean | undefined;
     hasOverlay?: boolean | undefined;
     backgroundColor?: undefined;
@@ -330,6 +331,7 @@ export declare const InternalIconButton: React.ForwardRefExoticComponent<({
     bleedLeft?: boolean | undefined;
     bleedRight?: boolean | undefined;
     bleedY?: boolean | undefined;
+    role?: string | undefined;
     Icon: React.FC<IconProps>;
     type?: IconButtonType | undefined;
     backgroundType?: IconButtonBackgroundType | undefined;
@@ -342,7 +344,6 @@ export declare const InternalIconButton: React.ForwardRefExoticComponent<({
     loadOnTop?: undefined;
     onNavigate?: undefined;
     fullPageOnWebView?: undefined;
-    role?: string | undefined;
     isOverMedia?: boolean | undefined;
     hasOverlay?: boolean | undefined;
     backgroundColor?: undefined;
@@ -366,6 +367,7 @@ export declare const InternalIconButton: React.ForwardRefExoticComponent<({
     bleedLeft?: boolean | undefined;
     bleedRight?: boolean | undefined;
     bleedY?: boolean | undefined;
+    role?: string | undefined;
     Icon: React.FC<IconProps>;
     type?: IconButtonType | undefined;
     backgroundType?: IconButtonBackgroundType | undefined;
@@ -375,7 +377,6 @@ export declare const InternalIconButton: React.ForwardRefExoticComponent<({
     to?: undefined;
     onPress?: undefined;
     fullPageOnWebView?: undefined;
-    role?: string | undefined;
     isOverMedia?: boolean | undefined;
     hasOverlay?: boolean | undefined;
     backgroundColor?: undefined;
@@ -399,6 +400,7 @@ export declare const InternalIconButton: React.ForwardRefExoticComponent<({
     bleedLeft?: boolean | undefined;
     bleedRight?: boolean | undefined;
     bleedY?: boolean | undefined;
+    role?: string | undefined;
     Icon: React.FC<IconProps>;
     type?: IconButtonType | undefined;
     backgroundType?: IconButtonBackgroundType | undefined;
@@ -408,7 +410,6 @@ export declare const InternalIconButton: React.ForwardRefExoticComponent<({
     to?: undefined;
     onPress?: undefined;
     fullPageOnWebView?: undefined;
-    role?: string | undefined;
     isOverMedia?: boolean | undefined;
     hasOverlay?: boolean | undefined;
     backgroundColor?: undefined;
@@ -432,6 +433,7 @@ export declare const InternalIconButton: React.ForwardRefExoticComponent<({
     bleedLeft?: boolean | undefined;
     bleedRight?: boolean | undefined;
     bleedY?: boolean | undefined;
+    role?: string | undefined;
     Icon: React.FC<IconProps>;
     type?: IconButtonType | undefined;
     backgroundType?: IconButtonBackgroundType | undefined;
@@ -441,7 +443,6 @@ export declare const InternalIconButton: React.ForwardRefExoticComponent<({
     onPress?: undefined;
     newTab?: undefined;
     loadOnTop?: undefined;
-    role?: string | undefined;
     isOverMedia?: boolean | undefined;
     hasOverlay?: boolean | undefined;
     backgroundColor?: undefined;
@@ -465,6 +466,7 @@ export declare const InternalIconButton: React.ForwardRefExoticComponent<({
     bleedLeft?: boolean | undefined;
     bleedRight?: boolean | undefined;
     bleedY?: boolean | undefined;
+    role?: string | undefined;
     Icon: React.FC<IconProps>;
     type?: IconButtonType | undefined;
     backgroundType?: IconButtonBackgroundType | undefined;
@@ -474,7 +476,6 @@ export declare const InternalIconButton: React.ForwardRefExoticComponent<({
     onPress?: undefined;
     newTab?: undefined;
     loadOnTop?: undefined;
-    role?: string | undefined;
     isOverMedia?: boolean | undefined;
     hasOverlay?: boolean | undefined;
     backgroundColor?: undefined;
@@ -619,6 +620,7 @@ export declare const IconButton: React.ForwardRefExoticComponent<({
     bleedLeft?: boolean | undefined;
     bleedRight?: boolean | undefined;
     bleedY?: boolean | undefined;
+    role?: string | undefined;
     Icon: React.FC<IconProps>;
     type?: IconButtonType | undefined;
     backgroundType?: IconButtonBackgroundType | undefined;
@@ -632,7 +634,6 @@ export declare const IconButton: React.ForwardRefExoticComponent<({
     loadOnTop?: undefined;
     onNavigate?: undefined;
     fullPageOnWebView?: undefined;
-    role?: string | undefined;
     backgroundColor?: undefined;
     size?: undefined;
     style?: undefined;
@@ -650,6 +651,7 @@ export declare const IconButton: React.ForwardRefExoticComponent<({
     bleedLeft?: boolean | undefined;
     bleedRight?: boolean | undefined;
     bleedY?: boolean | undefined;
+    role?: string | undefined;
     Icon: React.FC<IconProps>;
     type?: IconButtonType | undefined;
     backgroundType?: IconButtonBackgroundType | undefined;
@@ -663,7 +665,6 @@ export declare const IconButton: React.ForwardRefExoticComponent<({
     loadOnTop?: undefined;
     onNavigate?: undefined;
     fullPageOnWebView?: undefined;
-    role?: string | undefined;
     backgroundColor?: undefined;
     size?: undefined;
     style?: undefined;
@@ -682,6 +683,7 @@ export declare const IconButton: React.ForwardRefExoticComponent<({
     bleedLeft?: boolean | undefined;
     bleedRight?: boolean | undefined;
     bleedY?: boolean | undefined;
+    role?: string | undefined;
     Icon: React.FC<IconProps>;
     type?: IconButtonType | undefined;
     backgroundType?: IconButtonBackgroundType | undefined;
@@ -694,7 +696,6 @@ export declare const IconButton: React.ForwardRefExoticComponent<({
     loadOnTop?: undefined;
     onNavigate?: undefined;
     fullPageOnWebView?: undefined;
-    role?: string | undefined;
     backgroundColor?: undefined;
     size?: undefined;
     style?: undefined;
@@ -713,6 +714,7 @@ export declare const IconButton: React.ForwardRefExoticComponent<({
     bleedLeft?: boolean | undefined;
     bleedRight?: boolean | undefined;
     bleedY?: boolean | undefined;
+    role?: string | undefined;
     Icon: React.FC<IconProps>;
     type?: IconButtonType | undefined;
     backgroundType?: IconButtonBackgroundType | undefined;
@@ -725,7 +727,6 @@ export declare const IconButton: React.ForwardRefExoticComponent<({
     loadOnTop?: undefined;
     onNavigate?: undefined;
     fullPageOnWebView?: undefined;
-    role?: string | undefined;
     backgroundColor?: undefined;
     size?: undefined;
     style?: undefined;
@@ -747,6 +748,7 @@ export declare const IconButton: React.ForwardRefExoticComponent<({
     bleedLeft?: boolean | undefined;
     bleedRight?: boolean | undefined;
     bleedY?: boolean | undefined;
+    role?: string | undefined;
     Icon: React.FC<IconProps>;
     type?: IconButtonType | undefined;
     backgroundType?: IconButtonBackgroundType | undefined;
@@ -756,7 +758,6 @@ export declare const IconButton: React.ForwardRefExoticComponent<({
     to?: undefined;
     onPress?: undefined;
     fullPageOnWebView?: undefined;
-    role?: string | undefined;
     backgroundColor?: undefined;
     size?: undefined;
     style?: undefined;
@@ -778,6 +779,7 @@ export declare const IconButton: React.ForwardRefExoticComponent<({
     bleedLeft?: boolean | undefined;
     bleedRight?: boolean | undefined;
     bleedY?: boolean | undefined;
+    role?: string | undefined;
     Icon: React.FC<IconProps>;
     type?: IconButtonType | undefined;
     backgroundType?: IconButtonBackgroundType | undefined;
@@ -787,7 +789,6 @@ export declare const IconButton: React.ForwardRefExoticComponent<({
     to?: undefined;
     onPress?: undefined;
     fullPageOnWebView?: undefined;
-    role?: string | undefined;
     backgroundColor?: undefined;
     size?: undefined;
     style?: undefined;
@@ -809,6 +810,7 @@ export declare const IconButton: React.ForwardRefExoticComponent<({
     bleedLeft?: boolean | undefined;
     bleedRight?: boolean | undefined;
     bleedY?: boolean | undefined;
+    role?: string | undefined;
     Icon: React.FC<IconProps>;
     type?: IconButtonType | undefined;
     backgroundType?: IconButtonBackgroundType | undefined;
@@ -818,7 +820,6 @@ export declare const IconButton: React.ForwardRefExoticComponent<({
     onPress?: undefined;
     newTab?: undefined;
     loadOnTop?: undefined;
-    role?: string | undefined;
     backgroundColor?: undefined;
     size?: undefined;
     style?: undefined;
@@ -840,6 +841,7 @@ export declare const IconButton: React.ForwardRefExoticComponent<({
     bleedLeft?: boolean | undefined;
     bleedRight?: boolean | undefined;
     bleedY?: boolean | undefined;
+    role?: string | undefined;
     Icon: React.FC<IconProps>;
     type?: IconButtonType | undefined;
     backgroundType?: IconButtonBackgroundType | undefined;
@@ -849,7 +851,6 @@ export declare const IconButton: React.ForwardRefExoticComponent<({
     onPress?: undefined;
     newTab?: undefined;
     loadOnTop?: undefined;
-    role?: string | undefined;
     backgroundColor?: undefined;
     size?: undefined;
     style?: undefined;

package/dist/icon-button.js

@@ -11,22 +11,22 @@ function _export(target, all) {
 }
 _export(exports, {
     IconButton: function() {
-        return de;
+        return ue;
     },
     InternalIconButton: function() {
-        return ne;
+        return re;
     },
     InternalToggleIconButton: function() {
-        return re;
+        return oe;
     },
     RawDeprecatedIconButton: function() {
-        return te;
+        return ne;
     },
     RawIconButton: function() {
-        return P;
+        return T;
     },
     ToggleIconButton: function() {
-        return ue;
+        return me;
     }
 });
 const _jsxruntime = require("react/jsx-runtime");
@@ -161,8 +161,8 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-const U = 24, ee = (e, t, i, r, n)=>{
-    const c = r ? `${r}px ${r}px` : "100% 100%";
+const ee = 24, te = (e, t, i, o, n)=>{
+    const c = o ? `${o}px ${o}px` : "100% 100%";
     return {
         padding: 0,
         backgroundColor: i,
@@ -174,8 +174,8 @@ const U = 24, ee = (e, t, i, r, n)=>{
         verticalAlign: "middle",
         textAlign: "center"
     };
-}, te = /*#__PURE__*/ _react.forwardRef((e, t)=>{
-    const { icon: i, children: r } = e, n = _object_without_properties(e, [
+}, ne = /*#__PURE__*/ _react.forwardRef((e, t)=>{
+    const { icon: i, children: o } = e, n = _object_without_properties(e, [
         "icon",
         "children"
     ]);
@@ -187,12 +187,13 @@ const U = 24, ee = (e, t, i, r, n)=>{
         dataAttributes: _object_spread({
             "component-name": "IconButton"
         }, e.dataAttributes),
-        children: !i && _react.Children.only(r)
+        children: !i && _react.Children.only(o)
     }));
-}), P = /*#__PURE__*/ _react.forwardRef((_param, A)=>{
-    var { disabled: e, trackingEvent: t, dataAttributes: i, type: r = "neutral", backgroundType: n = "transparent", isOverMedia: c, hasOverlay: S = !0, "aria-label": B, "aria-labelledby": m, small: f, Icon: R, bleedLeft: u, bleedRight: d, bleedY: v, showSpinner: T } = _param, b = _object_without_properties(_param, [
+}), T = /*#__PURE__*/ _react.forwardRef((_param, x)=>{
+    var { disabled: e, trackingEvent: t, role: i, dataAttributes: o, type: n = "neutral", backgroundType: c = "transparent", isOverMedia: S, hasOverlay: B = !0, "aria-label": u, "aria-labelledby": m, small: R, Icon: f, bleedLeft: d, bleedRight: v, bleedY: h, showSpinner: A } = _param, b = _object_without_properties(_param, [
         "disabled",
         "trackingEvent",
+        "role",
         "dataAttributes",
         "type",
         "backgroundType",
@@ -207,42 +208,43 @@ const U = 24, ee = (e, t, i, r, n)=>{
         "bleedY",
         "showSpinner"
     ]);
-    const x = (0, _themevariantcontext.useThemeVariant)(), [z, h] = _react.useState(!1), a = T || z, [I, p] = _react.useState(!!a);
+    const z = (0, _themevariantcontext.useThemeVariant)(), [k, p] = _react.useState(!1), a = A || k, [I, y] = _react.useState(!!a);
     _react.useEffect(()=>{
-        a && !I && p(!0);
+        a && !I && y(!0);
     }, [
         a,
         I
     ]);
-    const l = f ? "small" : "default", k = c ? `${r}-media` : `${r}-${n}-${x}`, O = {
+    const l = R ? "small" : "default", O = S ? `${n}-media` : `${n}-${c}-${z}`, E = {
         disabled: e || a,
-        ref: A,
+        ref: x,
         trackingEvent: t,
-        "aria-label": B,
+        role: i,
+        "aria-label": u,
         "aria-labelledby": m,
         dataAttributes: _object_spread({
             "component-name": "IconButton"
-        }, i),
-        className: (0, _classnames.default)(_iconbuttoncssmistica.buttonContainer[l], _iconbuttoncssmistica.iconButtonTokens[k], _iconbuttoncssmistica.minimumInteractiveArea, {
+        }, o),
+        className: (0, _classnames.default)(_iconbuttoncssmistica.buttonContainer[l], _iconbuttoncssmistica.iconButtonTokens[O], _iconbuttoncssmistica.minimumInteractiveArea, {
             [_iconbuttoncssmistica.disabled]: e,
             [_iconbuttoncssmistica.overlayContainer]: !e && !a,
-            [_iconbuttoncssmistica.bleedLeft[l]]: u,
-            [_iconbuttoncssmistica.bleedRight[l]]: d,
-            [_iconbuttoncssmistica.bleedY[l]]: v
+            [_iconbuttoncssmistica.bleedLeft[l]]: d,
+            [_iconbuttoncssmistica.bleedRight[l]]: v,
+            [_iconbuttoncssmistica.bleedY[l]]: h
         }),
-        resetMargin: !u && !d && !v
-    }, E = /* @__PURE__ */ (0, _jsxruntime.jsxs)("div", {
+        resetMargin: !d && !v && !h
+    }, j = /* @__PURE__ */ (0, _jsxruntime.jsxs)("div", {
         className: (0, _classnames.default)(_iconbuttoncssmistica.iconContainer[l], {
             [_iconbuttoncssmistica.isLoading]: a
         }),
         children: [
-            S && /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
+            B && /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
                 className: _iconbuttoncssmistica.overlay
             }),
             /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
                 "aria-hidden": a ? !0 : void 0,
                 className: _iconbuttoncssmistica.icon,
-                children: /* @__PURE__ */ (0, _jsxruntime.jsx)(R, {
+                children: /* @__PURE__ */ (0, _jsxruntime.jsx)(f, {
                     size: _iconbuttoncssmistica.iconSize[l],
                     color: "currentColor"
                 })
@@ -251,7 +253,7 @@ const U = 24, ee = (e, t, i, r, n)=>{
                 "aria-hidden": a ? void 0 : !0,
                 className: _iconbuttoncssmistica.spinner,
                 onTransitionEnd: ()=>{
-                    a !== I && p(a);
+                    a !== I && y(a);
                 },
                 children: I && /* @__PURE__ */ (0, _jsxruntime.jsx)(_spinner.default, {
                     size: _iconbuttoncssmistica.iconSize[l],
@@ -262,31 +264,31 @@ const U = 24, ee = (e, t, i, r, n)=>{
         ]
     });
     if (b.onPress) {
-        const j = b.onPress;
-        b.onPress = (L)=>{
-            const y = j(L);
-            y && (h(!0), y.finally(()=>h(!1)));
+        const L = b.onPress;
+        b.onPress = (V)=>{
+            const w = L(V);
+            w && (p(!0), w.finally(()=>p(!1)));
         };
     }
-    return /* @__PURE__ */ (0, _jsxruntime.jsx)(_touchable.BaseTouchable, _object_spread_props(_object_spread({}, O, b), {
+    return /* @__PURE__ */ (0, _jsxruntime.jsx)(_touchable.BaseTouchable, _object_spread_props(_object_spread({}, E, b), {
         maybe: !0,
-        children: E
+        children: j
     }));
-}), ne = /*#__PURE__*/ _react.forwardRef((e, t)=>{
-    if (e.Icon) return /* @__PURE__ */ (0, _jsxruntime.jsx)(P, _object_spread({
+}), re = /*#__PURE__*/ _react.forwardRef((e, t)=>{
+    if (e.Icon) return /* @__PURE__ */ (0, _jsxruntime.jsx)(T, _object_spread({
         ref: t
     }, e));
-    const { icon: i, backgroundColor: r = "transparent", iconSize: n, size: c = U } = e;
-    return /* @__PURE__ */ (0, _jsxruntime.jsx)(te, _object_spread_props(_object_spread({
+    const { icon: i, backgroundColor: o = "transparent", iconSize: n, size: c = ee } = e;
+    return /* @__PURE__ */ (0, _jsxruntime.jsx)(ne, _object_spread_props(_object_spread({
         ref: t
     }, e), {
         className: (0, _classnames.default)(_iconbuttoncssmistica.deprecatedIconButtonBase, e.className),
-        style: _object_spread({}, ee(i, c, r, n, e.disabled), e.style)
+        style: _object_spread({}, te(i, c, o, n, e.disabled), e.style)
     }));
-}), de = /*#__PURE__*/ _react.forwardRef((e, t)=>/* @__PURE__ */ (0, _jsxruntime.jsx)(ne, _object_spread({
+}), ue = /*#__PURE__*/ _react.forwardRef((e, t)=>/* @__PURE__ */ (0, _jsxruntime.jsx)(re, _object_spread({
         ref: t
-    }, e))), re = /*#__PURE__*/ _react.forwardRef((_param, B)=>{
-    var { checked: e, defaultChecked: t, checkedProps: i, uncheckedProps: r, onChange: n, dataAttributes: c } = _param, S = _object_without_properties(_param, [
+    }, e))), oe = /*#__PURE__*/ _react.forwardRef((_param, B)=>{
+    var { checked: e, defaultChecked: t, checkedProps: i, uncheckedProps: o, onChange: n, dataAttributes: c } = _param, S = _object_without_properties(_param, [
         "checked",
         "defaultChecked",
         "checkedProps",
@@ -294,21 +296,21 @@ const U = 24, ee = (e, t, i, r, n)=>{
         "onChange",
         "dataAttributes"
     ]);
-    const [m, f] = _react.useState(!!t), R = ()=>{
+    const [u, m] = _react.useState(!!t), R = ()=>{
         if (e === void 0) {
-            const u = n == null ? void 0 : n(!m);
-            if (u) return u.then(()=>f((d)=>!d)).catch(()=>{});
-            f((d)=>!d);
+            const f = n == null ? void 0 : n(!u);
+            if (f) return f.then(()=>m((d)=>!d)).catch(()=>{});
+            m((d)=>!d);
         } else return n == null ? void 0 : n(!e);
     };
-    return /* @__PURE__ */ (0, _jsxruntime.jsx)(P, _object_spread_props(_object_spread({
+    return /* @__PURE__ */ (0, _jsxruntime.jsx)(T, _object_spread_props(_object_spread({
         ref: B
-    }, S, (e !== null && e !== void 0 ? e : m) ? i : r), {
+    }, S, (e !== null && e !== void 0 ? e : u) ? i : o), {
         dataAttributes: _object_spread({
             "component-name": "ToggleIconButton"
         }, c),
         onPress: R
     }));
-}), ue = /*#__PURE__*/ _react.forwardRef((e, t)=>/* @__PURE__ */ (0, _jsxruntime.jsx)(re, _object_spread({
+}), me = /*#__PURE__*/ _react.forwardRef((e, t)=>/* @__PURE__ */ (0, _jsxruntime.jsx)(oe, _object_spread({
         ref: t
     }, e)));

package/dist/list.css-mistica.js

@@ -31,31 +31,31 @@ _export(exports, {
         return t;
     },
     dualActionContainer: function() {
-        return o;
+        return h;
     },
     dualActionDivider: function() {
-        return e;
+        return o;
     },
     dualActionLeft: function() {
-        return h;
+        return e;
     },
     dualActionRight: function() {
-        return d;
+        return b;
     },
     pointer: function() {
-        return b;
+        return d;
     },
-    right: function() {
-        return u;
+    rightContent: function() {
+        return k;
     },
     rightRestrictedWidth: function() {
-        return g;
+        return u;
     },
     rowBody: function() {
-        return c;
+        return g;
     },
     rowContent: function() {
-        return k;
+        return c;
     },
     touchableBackground: function() {
         return j;
@@ -66,4 +66,4 @@ _export(exports, {
 });
 require("./sprinkles.css.ts.vanilla.css-mistica.js");
 require("./list.css.ts.vanilla.css-mistica.js");
-var _ = "_1y2v1nfhk _1y2v1nfi2 _1y2v1nfi4", f = "_1y2v1nfht _1y2v1nfja _1y2v1nfio _1y2v1nfi2", y = "_1y2v1nfhk _1y2v1nfhz", a = "_1y2v1nfhk _1y2v1nfi7 _1y2v1nfjx", r = "_2buj9gf", i = "_2buj9ge", t = "_2buj9g0", o = "_1y2v1nfhk _1y2v1nfhp _1y2v1nfio", e = "_2buj9gm _1y2v1nfhk", h = "_1y2v1nf7d _1y2v1nf8m _1y2v1nf9v _1y2v1nfb4 _1y2v1nfk2 _1y2v1nf7c _1y2v1nfaa _1y2v1nfbj _1y2v1nfhm _1y2v1nfi5", d = "_2buj9go _1y2v1nf7d _1y2v1nf8m _1y2v1nf9v _1y2v1nfb4 _1y2v1nfk2 _1y2v1nf7c _1y2v1nfaa _1y2v1nfbj _1y2v1nfhk _1y2v1nfhz _1y2v1nfi4 _1y2v1nfi8 _1y2v1nfio", b = "_1y2v1nfkk", u = "_2buj9gc", g = "_2buj9gd", c = "_1y2v1nfhk _1y2v1nfhq _1y2v1nfi6", k = "_1y2v1nf7d _1y2v1nf8m _1y2v1nf9v _1y2v1nfb4 _1y2v1nfi7 _1y2v1nfk2 _1y2v1nf7c _1y2v1nfhm _1y2v1nfio", j = "_2buj9g1", l = "_2buj9g2";
+var _ = "_1y2v1nfhk _1y2v1nfi2 _1y2v1nfi4", f = "_1y2v1nfhk _1y2v1nfhz _1y2v1nfht _1y2v1nfja _1y2v1nfio _1y2v1nfi2", y = "_1y2v1nfhk _1y2v1nfhz", a = "_1y2v1nfhk _1y2v1nfi7 _1y2v1nfjx", r = "_2buj9ge _1y2v1nfhk _1y2v1nfhz", i = "_2buj9gd", t = "_2buj9g0", h = "_1y2v1nfhk _1y2v1nfhp _1y2v1nfio", o = "_2buj9gk _1y2v1nfhk", e = "_1y2v1nf7d _1y2v1nf8m _1y2v1nf9v _1y2v1nfb4 _1y2v1nfk2 _1y2v1nf7c _1y2v1nfaa _1y2v1nfbj _1y2v1nfhm _1y2v1nfi5", b = "_2buj9gm _1y2v1nf7d _1y2v1nf8m _1y2v1nf9v _1y2v1nfb4 _1y2v1nfk2 _1y2v1nf7c _1y2v1nfaa _1y2v1nfbj _1y2v1nfhk _1y2v1nfhz _1y2v1nfi4 _1y2v1nfi8 _1y2v1nfio", d = "_1y2v1nfkk", k = "_2buj9gb", u = "_2buj9gc", g = "_1y2v1nfhk _1y2v1nfhq _1y2v1nfi6", c = "_1y2v1nf7d _1y2v1nf8m _1y2v1nf9v _1y2v1nfb4 _1y2v1nfi7 _1y2v1nfk2 _1y2v1nf7c _1y2v1nfhm _1y2v1nfio", j = "_2buj9g1", l = "_2buj9g2";

package/dist/list.css.d.ts

@@ -8,12 +8,10 @@ export declare const asset: string;
 export declare const rowBody: string;
 export declare const center: string;
 export declare const badge: string;
-export declare const control: string;
-export declare const right: string;
+export declare const rightContent: string;
 export declare const rightRestrictedWidth: 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;
 export declare const dualActionDivider: string;

package/dist/list.d.ts

@@ -3,6 +3,9 @@ import type { IconButtonProps, ToggleIconButtonProps } from './icon-button';
 import type { TouchableElement } from './touchable';
 import type { DataAttributes, TrackingEvent } from './utils/types';
 import type { ExclusifyUnion } from './utils/utility-types';
+type Right = (({ centerY }: {
+    centerY: boolean;
+}) => React.ReactNode) | React.ReactNode;
 interface CommonProps {
     children?: void;
     headline?: string | React.ReactNode;
@@ -22,17 +25,13 @@ interface CommonProps {
     disabled?: boolean;
     withChevron?: boolean;
     'aria-label'?: string;
-}
-type Right = (({ centerY }: {
-    centerY: boolean;
-}) => React.ReactNode) | React.ReactNode;
-interface ContentProps extends CommonProps {
-    isClickable?: boolean;
-    type?: 'chevron' | 'basic' | 'custom' | 'control';
     right?: Right;
     danger?: boolean;
+}
+interface ContentProps extends CommonProps {
     headlineRef?: React.Ref<HTMLDivElement>;
     extraRef?: React.Ref<HTMLDivElement>;
+    control?: React.ReactNode;
     /** This id is to link the title with the related control */
     labelId?: string;
 }
@@ -43,9 +42,7 @@ type ControlProps = {
     defaultValue?: boolean;
     onChange?: (checked: boolean) => void;
 };
-interface BasicRowContentProps extends CommonProps {
-    right?: Right;
-}
+type BasicRowContentProps = CommonProps;
 interface SwitchRowContentProps extends CommonProps {
     onPress?: (() => void) | undefined;
     trackingEvent?: TrackingEvent | ReadonlyArray<TrackingEvent>;
@@ -72,7 +69,6 @@ interface HrefRowContentProps extends CommonProps {
     newTab?: boolean;
     loadOnTop?: boolean;
     onNavigate?: () => void | Promise<void>;
-    right?: Right;
 }
 interface ToRowContentProps extends CommonProps {
     trackingEvent?: TrackingEvent | ReadonlyArray<TrackingEvent>;
@@ -80,16 +76,12 @@ interface ToRowContentProps extends CommonProps {
     fullPageOnWebView?: boolean;
     replace?: boolean;
     onNavigate?: () => void | Promise<void>;
-    right?: Right;
 }
 interface OnPressRowContentProps extends CommonProps {
     trackingEvent?: TrackingEvent | ReadonlyArray<TrackingEvent>;
     onPress: (() => void) | undefined;
-    right?: Right;
 }
-type RowContentProps = ExclusifyUnion<BasicRowContentProps | SwitchRowContentProps | RadioRowContentProps | IconButtonRowContentProps | CheckboxRowContentProps | HrefRowContentProps | ToRowContentProps | OnPressRowContentProps> & {
-    danger?: boolean;
-};
+type RowContentProps = ExclusifyUnion<BasicRowContentProps | SwitchRowContentProps | RadioRowContentProps | IconButtonRowContentProps | CheckboxRowContentProps | HrefRowContentProps | ToRowContentProps | OnPressRowContentProps>;
 export declare const Row: React.ForwardRefExoticComponent<RowContentProps & React.RefAttributes<TouchableElement>>;
 type RowListProps = {
     children: React.ReactNode;