@trilogy-ds/react 0.0.1-beta-4 → 0.0.1-beta.10

package/lib/components/radio/Radio.native.js

@@ -1,11 +1,11 @@
-import React, { useState, useEffect } from 'react';
-import { StyleSheet, TouchableOpacity } from 'react-native';
-import shortid from 'shortid';
-import { getColorStyle, TrilogyColor, TypographyBold } from '../../objects';
-import { Icon, IconSize } from '../icon';
-import { Text, TextLevels } from '../text';
-import { View } from '../view';
-import { ComponentName } from '../enumsComponentsName';
+import React, { useEffect, useState } from "react";
+import { StyleSheet, TouchableOpacity } from "react-native";
+import shortid from "shortid";
+import { getColorStyle, TrilogyColor, TypographyAlign, TypographyBold, } from "../../objects";
+import { Icon, IconSize } from "../icon";
+import { Text, TextLevels } from "../text";
+import { View } from "../view";
+import { ComponentName } from "../enumsComponentsName";
 /**
  * Radio Native Component
  * @param checked {boolean} Checked Checkbox
@@ -17,77 +17,81 @@ import { ComponentName } from '../enumsComponentsName';
  * @param onChange {ChangeEvent}
  * @param name {string} Name for checkbox
  * @param value {string} Value for checkbox
- * @param inverted {boolean} Inveted Checkbox color
- * @param spaced {boolean} Spaced Label
- * @param reversed {boolean} Reversed Radio Input with Label
  * @param iconTile {IconName} Icon for Radio
  * @param narrow {boolean} Apply narrow
  * @param children {React.ReactNode} If Children is provided, don't use label / Icon / Description
+ * @param description {string | React.ReactNode} Custom children
  */
-const Radio = ({ id = shortid.generate(), checked, name, onClick, onChange, disabled, readonly, label, inverted, value, spaced, reversed, horizontalTile, tile, description, iconTile, children, narrow, }) => {
+const Radio = ({ id = shortid.generate(), checked, name, onClick, onChange, disabled, readonly, label, value, horizontalTile, tile, description, iconTile, children, narrow, }) => {
     const [_checked, setChecked] = useState(checked || false);
     useEffect(() => {
         setChecked(checked || false);
     }, [checked]);
     const styles = StyleSheet.create({
         container: {
-            flexDirection: reversed ? 'row-reverse' : 'row',
+            flexDirection: "row",
             paddingBottom: 5,
-            justifyContent: spaced ? 'space-between' : 'flex-start',
+            justifyContent: "flex-start",
         },
         radio: {
-            flexDirection: 'row',
-            alignItems: 'center',
-            borderColor: !inverted ? getColorStyle(TrilogyColor.TERTIARY) : getColorStyle(TrilogyColor.WHITE),
+            flexDirection: "row",
+            alignItems: "center",
+            borderColor: getColorStyle(TrilogyColor.FONT),
             borderWidth: 0.6,
             width: 19,
             height: 19,
             borderRadius: 10,
-            marginRight: (!spaced && reversed && 0) || (spaced && reversed && 0) || (!spaced && !reversed && 10) || 0,
-            marginLeft: !spaced && reversed ? 10 : 0,
+            marginRight: 10,
+            marginLeft: 0,
         },
         icon: {
-            position: 'absolute',
+            position: "absolute",
             left: 2,
             borderRadius: 30,
             width: 13,
             height: 13,
-            backgroundColor: !inverted ? getColorStyle(TrilogyColor.INFO) : getColorStyle(TrilogyColor.WHITE),
+            backgroundColor: getColorStyle(TrilogyColor.MAIN),
         },
         label: {
-            color: (inverted && getColorStyle(TrilogyColor.WHITE)) || getColorStyle(TrilogyColor.TERTIARY),
+            fontWeight: "600",
+            color: (disabled && getColorStyle(TrilogyColor.DISABLED)) ||
+                (_checked && getColorStyle(TrilogyColor.MAIN)) ||
+                getColorStyle(TrilogyColor.MAIN),
         },
         tile: {
+            padding: 4,
             paddingBottom: 8,
             maxWidth: 140,
-            width: 100,
-            borderWidth: 2,
-            borderColor: (disabled && '#e1e1e1') ||
-                (_checked && getColorStyle(TrilogyColor.SECONDARY)) ||
-                getColorStyle(TrilogyColor.GREY),
+            width: 126,
+            borderWidth: (_checked && 2) || 1,
+            borderColor: (disabled && getColorStyle(TrilogyColor.DISABLED, 1)) ||
+                (_checked && getColorStyle(TrilogyColor.MAIN)) ||
+                getColorStyle(TrilogyColor.FONT, 1),
             borderRadius: 6,
-            textAlign: 'center',
-            alignItems: 'center',
-            backgroundColor: disabled ? '#e1e1e1' : 'transparent',
-        },
-        tileLabel: {
-            color: getColorStyle(TrilogyColor.TERTIARY),
-            alignSelf: horizontalTile ? 'flex-start' : 'center',
+            textAlign: "center",
+            alignItems: "center",
+            backgroundColor: disabled
+                ? getColorStyle(TrilogyColor.DISABLED, 1)
+                : "transparent",
         },
         tileDescription: {
-            color: getColorStyle(TrilogyColor.TERTIARY),
-            alignSelf: horizontalTile ? 'flex-start' : 'center',
+            color: disabled
+                ? getColorStyle(TrilogyColor.DISABLED, 1)
+                : getColorStyle(TrilogyColor.MAIN),
+            alignSelf: horizontalTile ? "flex-start" : "center",
         },
         horizontalTile: {
             paddingVertical: 16,
-            width: narrow ? 'auto' : '100%',
-            height: 'auto',
-            borderWidth: 2,
-            borderColor: (disabled && '#e1e1e1') ||
-                (_checked && getColorStyle(TrilogyColor.SECONDARY)) ||
-                getColorStyle(TrilogyColor.GREY),
+            width: narrow ? "auto" : "100%",
+            height: "auto",
+            borderWidth: (_checked && 2) || 1,
+            borderColor: (disabled && getColorStyle(TrilogyColor.DISABLED, 1)) ||
+                (_checked && getColorStyle(TrilogyColor.MAIN)) ||
+                getColorStyle(TrilogyColor.FONT, 1),
             borderRadius: 6,
-            backgroundColor: disabled ? '#e1e1e1' : 'transparent',
+            backgroundColor: disabled
+                ? getColorStyle(TrilogyColor.DISABLED, 1)
+                : "transparent",
         },
     });
     // eslint-disable-next-line @typescript-eslint/no-explicit-any
@@ -98,7 +102,7 @@ const Radio = ({ id = shortid.generate(), checked, name, onClick, onChange, disa
                 onClick({
                     radioId: id,
                     radioValue: value,
-                    radioName: name || '',
+                    radioName: name || "",
                     radioChecked: !_checked,
                 });
             }
@@ -106,66 +110,72 @@ const Radio = ({ id = shortid.generate(), checked, name, onClick, onChange, disa
                 onChange({
                     radioId: id,
                     radioValue: value,
-                    radioName: name || '',
+                    radioName: name || "",
                     radioChecked: !_checked,
                 });
             }
         }
     };
     if (horizontalTile) {
-        return (React.createElement(TouchableOpacity, { style: styles.horizontalTile, onPress: () => handleClick(value || false) },
-            React.createElement(View, { style: { flexDirection: 'row' } },
+        return (React.createElement(TouchableOpacity, { disabled: disabled, style: styles.horizontalTile, onPress: () => handleClick(value || false) },
+            React.createElement(View, { style: { flexDirection: "row" } },
                 children ? (React.createElement(View, { style: {
-                        flexDirection: 'row',
-                        width: '88%',
-                        height: 'auto',
-                        justifyContent: 'flex-start',
-                        alignItems: 'center',
+                        flexDirection: "row",
+                        width: "88%",
+                        height: "auto",
+                        justifyContent: "flex-start",
+                        alignItems: "center",
                         marginLeft: 10,
                     } }, children)) : (React.createElement(React.Fragment, null,
                     React.createElement(View, { style: {
-                            width: iconTile ? '12%' : '6%',
-                            height: 'auto',
-                            justifyContent: 'center',
-                            alignItems: 'center',
+                            width: iconTile ? "12%" : "6%",
+                            height: "auto",
+                            justifyContent: "center",
+                            alignItems: "center",
                             marginLeft: 10,
                         } }, iconTile && (React.createElement(View, null,
                         React.createElement(Icon, { size: IconSize.SMALL, name: iconTile })))),
                     React.createElement(View, { style: {
-                            width: iconTile ? '76%' : '82%',
-                            flexDirection: 'row',
-                            alignSelf: 'stretch',
-                            flexWrap: 'wrap',
-                            height: 'auto',
+                            width: iconTile ? "76%" : "82%",
+                            flexDirection: "row",
+                            alignSelf: "stretch",
+                            flexWrap: "wrap",
+                            height: "auto",
                         } },
                         React.createElement(View, null,
-                            label && typeof label.valueOf() === 'string' && (React.createElement(Text, { level: TextLevels.ONE, typo: TypographyBold.TEXT_WEIGHT_SEMIBOLD }, String(label))),
-                            description && typeof description.valueOf() === 'string' ? (React.createElement(Text, { style: styles.tileDescription }, String(description))) : (description))))),
+                            label && typeof label.valueOf() === "string" && (React.createElement(Text, { style: styles.label, level: TextLevels.ONE, typo: TypographyBold.TEXT_WEIGHT_SEMIBOLD }, String(label))),
+                            description && typeof description.valueOf() === "string" ? (React.createElement(Text, { level: TextLevels.TWO, style: styles.tileDescription }, String(description))) : (description))))),
                 React.createElement(View, { style: {
-                        width: '10%',
-                        alignItems: 'flex-end',
-                        justifyContent: 'center',
+                        width: "10%",
+                        alignItems: "flex-end",
+                        justifyContent: "center",
                         paddingRight: 10,
                     } },
                     React.createElement(TouchableOpacity, { style: styles.radio, disabled: disabled, testID: id, onPressIn: () => handleClick(value || false) }, _checked && !disabled && React.createElement(View, { style: styles.icon }))))));
     }
     if (tile) {
-        return (React.createElement(TouchableOpacity, { style: horizontalTile ? styles.horizontalTile : styles.tile, onPress: () => handleClick(value || false) },
-            React.createElement(TouchableOpacity, { style: [{ alignSelf: 'flex-end', marginTop: 10 }, styles.radio], disabled: disabled, testID: id, onPressIn: () => handleClick(value || false) }, _checked && !disabled && React.createElement(View, { style: styles.icon })),
-            React.createElement(View, { style: { width: '70%', alignItems: 'center' } },
+        return (React.createElement(TouchableOpacity, { disabled: disabled, style: styles.tile, onPress: () => handleClick(value || false) },
+            React.createElement(TouchableOpacity, { style: [{ alignSelf: "flex-end", marginTop: 10 }, styles.radio], disabled: disabled, testID: id, onPressIn: () => handleClick(value || false) }, _checked && !disabled && React.createElement(View, { style: styles.icon })),
+            React.createElement(View, { style: { width: "70%", alignItems: "center" } },
                 iconTile && (React.createElement(View, { style: {
-                        flexDirection: 'row',
-                        alignItems: 'center',
-                        justifyContent: 'center',
+                        flexDirection: "row",
+                        alignItems: "center",
+                        justifyContent: "center",
                         marginBottom: 5,
                     } },
-                    React.createElement(Icon, { size: IconSize.SMALL, name: iconTile }))),
-                label && typeof label.valueOf() === 'string' && (React.createElement(Text, { level: TextLevels.ONE, typo: TypographyBold.TEXT_WEIGHT_SEMIBOLD, style: styles.label }, String(label))),
-                description && typeof description.valueOf() === 'string' ? React.createElement(Text, null, String(description)) : description)));
+                    React.createElement(Icon, { size: IconSize.MEDIUM, name: iconTile }))),
+                label && typeof label.valueOf() === "string" && (React.createElement(Text, { level: TextLevels.TWO, typo: [
+                        TypographyBold.TEXT_WEIGHT_SEMIBOLD,
+                        TypographyAlign.TEXT_CENTERED,
+                    ], style: styles.label }, String(label))),
+                description && typeof description.valueOf() === "string" ? (React.createElement(Text, { level: TextLevels.THREE, typo: [
+                        TypographyBold.TEXT_WEIGHT_SEMIBOLD,
+                        TypographyAlign.TEXT_CENTERED,
+                    ] }, String(description))) : (description))));
     }
     return (React.createElement(TouchableOpacity, { style: styles.container, onPress: () => handleClick(value || false) },
         React.createElement(TouchableOpacity, { style: styles.radio, disabled: disabled, testID: id, onPress: () => handleClick(value || false) }, _checked && React.createElement(View, { style: styles.icon })),
-        label && typeof label.valueOf() === 'string' ? React.createElement(Text, { style: styles.label }, String(label)) : label));
+        label && typeof label.valueOf() === "string" ? (React.createElement(Text, { style: styles.label }, String(label))) : (label)));
 };
 Radio.displayName = ComponentName.Radio;
 export default Radio;

package/lib/components/radio/Radio.native.js.map

@@ -1 +1 @@
-{"version":3,"file":"Radio.native.js","sourceRoot":"","sources":["../../../components/radio/Radio.native.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAClD,OAAO,EAAE,UAAU,EAAE,gBAAgB,EAAE,MAAM,cAAc,CAAA;AAE3D,OAAO,OAAO,MAAM,SAAS,CAAA;AAC7B,OAAO,EAAE,aAAa,EAAE,YAAY,EAAE,cAAc,EAAE,MAAM,eAAe,CAAA;AAC3E,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAA;AACxC,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,SAAS,CAAA;AAC1C,OAAO,EAAE,IAAI,EAAE,MAAM,SAAS,CAAA;AAC9B,OAAO,EAAE,aAAa,EAAE,MAAM,wBAAwB,CAAA;AAEtD;;;;;;;;;;;;;;;;;GAiBG;AACH,MAAM,KAAK,GAAG,CAAC,EACb,EAAE,GAAG,OAAO,CAAC,QAAQ,EAAE,EACvB,OAAO,EACP,IAAI,EACJ,OAAO,EACP,QAAQ,EACR,QAAQ,EACR,QAAQ,EACR,KAAK,EACL,QAAQ,EACR,KAAK,EACL,MAAM,EACN,QAAQ,EACR,cAAc,EACd,IAAI,EACJ,WAAW,EACX,QAAQ,EACR,QAAQ,EACR,MAAM,GACK,EAAe,EAAE;IAC5B,MAAM,CAAC,QAAQ,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAU,OAAO,IAAI,KAAK,CAAC,CAAA;IAElE,SAAS,CAAC,GAAG,EAAE;QACb,UAAU,CAAC,OAAO,IAAI,KAAK,CAAC,CAAA;IAC9B,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC,CAAA;IAEb,MAAM,MAAM,GAAG,UAAU,CAAC,MAAM,CAAC;QAC/B,SAAS,EAAE;YACT,aAAa,EAAE,QAAQ,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,KAAK;YAC/C,aAAa,EAAE,CAAC;YAChB,cAAc,EAAE,MAAM,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,YAAY;SACxD;QACD,KAAK,EAAE;YACL,aAAa,EAAE,KAAK;YACpB,UAAU,EAAE,QAAQ;YACpB,WAAW,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC,aAAa,CAAC,YAAY,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,aAAa,CAAC,YAAY,CAAC,KAAK,CAAC;YACjG,WAAW,EAAE,GAAG;YAChB,KAAK,EAAE,EAAE;YACT,MAAM,EAAE,EAAE;YACV,YAAY,EAAE,EAAE;YAChB,WAAW,EAAE,CAAC,CAAC,MAAM,IAAI,QAAQ,IAAI,CAAC,CAAC,IAAI,CAAC,MAAM,IAAI,QAAQ,IAAI,CAAC,CAAC,IAAI,CAAC,CAAC,MAAM,IAAI,CAAC,QAAQ,IAAI,EAAE,CAAC,IAAI,CAAC;YACzG,UAAU,EAAE,CAAC,MAAM,IAAI,QAAQ,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC;SACzC;QACD,IAAI,EAAE;YACJ,QAAQ,EAAE,UAAU;YACpB,IAAI,EAAE,CAAC;YACP,YAAY,EAAE,EAAE;YAChB,KAAK,EAAE,EAAE;YACT,MAAM,EAAE,EAAE;YACV,eAAe,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC,aAAa,CAAC,YAAY,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,aAAa,CAAC,YAAY,CAAC,KAAK,CAAC;SAClG;QACD,KAAK,EAAE;YACL,KAAK,EAAE,CAAC,QAAQ,IAAI,aAAa,CAAC,YAAY,CAAC,KAAK,CAAC,CAAC,IAAI,aAAa,CAAC,YAAY,CAAC,QAAQ,CAAC;SAC/F;QACD,IAAI,EAAE;YACJ,aAAa,EAAE,CAAC;YAChB,QAAQ,EAAE,GAAG;YACb,KAAK,EAAE,GAAG;YACV,WAAW,EAAE,CAAC;YACd,WAAW,EACT,CAAC,QAAQ,IAAI,SAAS,CAAC;gBACvB,CAAC,QAAQ,IAAI,aAAa,CAAC,YAAY,CAAC,SAAS,CAAC,CAAC;gBACnD,aAAa,CAAC,YAAY,CAAC,IAAI,CAAC;YAClC,YAAY,EAAE,CAAC;YACf,SAAS,EAAE,QAAQ;YACnB,UAAU,EAAE,QAAQ;YACpB,eAAe,EAAE,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,aAAa;SACtD;QACD,SAAS,EAAE;YACT,KAAK,EAAE,aAAa,CAAC,YAAY,CAAC,QAAQ,CAAC;YAC3C,SAAS,EAAE,cAAc,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,QAAQ;SACpD;QACD,eAAe,EAAE;YACf,KAAK,EAAE,aAAa,CAAC,YAAY,CAAC,QAAQ,CAAC;YAC3C,SAAS,EAAE,cAAc,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,QAAQ;SACpD;QACD,cAAc,EAAE;YACd,eAAe,EAAE,EAAE;YACnB,KAAK,EAAE,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM;YAC/B,MAAM,EAAE,MAAM;YACd,WAAW,EAAE,CAAC;YACd,WAAW,EACT,CAAC,QAAQ,IAAI,SAAS,CAAC;gBACvB,CAAC,QAAQ,IAAI,aAAa,CAAC,YAAY,CAAC,SAAS,CAAC,CAAC;gBACnD,aAAa,CAAC,YAAY,CAAC,IAAI,CAAC;YAClC,YAAY,EAAE,CAAC;YACf,eAAe,EAAE,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,aAAa;SACtD;KACF,CAAC,CAAA;IAEF,8DAA8D;IAC9D,MAAM,WAAW,GAAG,CAAC,KAAU,EAAE,EAAE;QACjC,IAAI,CAAC,QAAQ,EAAE;YACb,UAAU,CAAC,KAAK,CAAC,CAAA;YACjB,IAAI,OAAO,EAAE;gBACX,OAAO,CAAC;oBACN,OAAO,EAAE,EAAE;oBACX,UAAU,EAAE,KAAK;oBACjB,SAAS,EAAE,IAAI,IAAI,EAAE;oBACrB,YAAY,EAAE,CAAC,QAAQ;iBACxB,CAAC,CAAA;aACH;YACD,IAAI,QAAQ,EAAE;gBACZ,QAAQ,CAAC;oBACP,OAAO,EAAE,EAAE;oBACX,UAAU,EAAE,KAAK;oBACjB,SAAS,EAAE,IAAI,IAAI,EAAE;oBACrB,YAAY,EAAE,CAAC,QAAQ;iBACxB,CAAC,CAAA;aACH;SACF;IACH,CAAC,CAAA;IAED,IAAI,cAAc,EAAE;QAClB,OAAO,CACL,oBAAC,gBAAgB,IAAC,KAAK,EAAE,MAAM,CAAC,cAAc,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC,WAAW,CAAC,KAAK,IAAI,KAAK,CAAC;YACxF,oBAAC,IAAI,IAAC,KAAK,EAAE,EAAE,aAAa,EAAE,KAAK,EAAE;gBAClC,QAAQ,CAAC,CAAC,CAAC,CACV,oBAAC,IAAI,IACH,KAAK,EAAE;wBACL,aAAa,EAAE,KAAK;wBACpB,KAAK,EAAE,KAAK;wBACZ,MAAM,EAAE,MAAM;wBACd,cAAc,EAAE,YAAY;wBAC5B,UAAU,EAAE,QAAQ;wBACpB,UAAU,EAAE,EAAE;qBACf,IAEA,QAAQ,CACJ,CACR,CAAC,CAAC,CAAC,CACF;oBACE,oBAAC,IAAI,IACH,KAAK,EAAE;4BACL,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI;4BAC9B,MAAM,EAAE,MAAM;4BACd,cAAc,EAAE,QAAQ;4BACxB,UAAU,EAAE,QAAQ;4BACpB,UAAU,EAAE,EAAE;yBACf,IAEA,QAAQ,IAAI,CACX,oBAAC,IAAI;wBACH,oBAAC,IAAI,IAAC,IAAI,EAAE,QAAQ,CAAC,KAAK,EAAE,IAAI,EAAE,QAAQ,GAAI,CACzC,CACR,CACI;oBACP,oBAAC,IAAI,IACH,KAAK,EAAE;4BACL,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,KAAK;4BAC/B,aAAa,EAAE,KAAK;4BACpB,SAAS,EAAE,SAAS;4BACpB,QAAQ,EAAE,MAAM;4BAChB,MAAM,EAAE,MAAM;yBACf;wBAED,oBAAC,IAAI;4BACF,KAAK,IAAI,OAAO,KAAK,CAAC,OAAO,EAAE,KAAK,QAAQ,IAAI,CAC/C,oBAAC,IAAI,IAAC,KAAK,EAAE,UAAU,CAAC,GAAG,EAAE,IAAI,EAAE,cAAc,CAAC,oBAAoB,IACnE,MAAM,CAAC,KAAK,CAAC,CACT,CACR;4BACA,WAAW,IAAI,OAAO,WAAW,CAAC,OAAO,EAAE,KAAK,QAAQ,CAAC,CAAC,CAAC,CAC1D,oBAAC,IAAI,IAAC,KAAK,EAAE,MAAM,CAAC,eAAe,IAAG,MAAM,CAAC,WAAW,CAAC,CAAQ,CAClE,CAAC,CAAC,CAAC,CACF,WAAW,CACZ,CACI,CACF,CACN,CACJ;gBACD,oBAAC,IAAI,IACH,KAAK,EAAE;wBACL,KAAK,EAAE,KAAK;wBACZ,UAAU,EAAE,UAAU;wBACtB,cAAc,EAAE,QAAQ;wBACxB,YAAY,EAAE,EAAE;qBACjB;oBAED,oBAAC,gBAAgB,IACf,KAAK,EAAE,MAAM,CAAC,KAAK,EACnB,QAAQ,EAAE,QAAQ,EAClB,MAAM,EAAE,EAAE,EACV,SAAS,EAAE,GAAG,EAAE,CAAC,WAAW,CAAC,KAAK,IAAI,KAAK,CAAC,IAE3C,QAAQ,IAAI,CAAC,QAAQ,IAAI,oBAAC,IAAI,IAAC,KAAK,EAAE,MAAM,CAAC,IAAI,GAAI,CACrC,CACd,CACF,CACU,CACpB,CAAA;KACF;IAED,IAAI,IAAI,EAAE;QACR,OAAO,CACL,oBAAC,gBAAgB,IACf,KAAK,EAAE,cAAc,CAAC,CAAC,CAAC,MAAM,CAAC,cAAc,CAAC,CAAC,CAAC,MAAM,CAAC,IAAI,EAC3D,OAAO,EAAE,GAAG,EAAE,CAAC,WAAW,CAAC,KAAK,IAAI,KAAK,CAAC;YAE1C,oBAAC,gBAAgB,IACf,KAAK,EAAE,CAAC,EAAE,SAAS,EAAE,UAAU,EAAE,SAAS,EAAE,EAAE,EAAE,EAAE,MAAM,CAAC,KAAK,CAAC,EAC/D,QAAQ,EAAE,QAAQ,EAClB,MAAM,EAAE,EAAE,EACV,SAAS,EAAE,GAAG,EAAE,CAAC,WAAW,CAAC,KAAK,IAAI,KAAK,CAAC,IAE3C,QAAQ,IAAI,CAAC,QAAQ,IAAI,oBAAC,IAAI,IAAC,KAAK,EAAE,MAAM,CAAC,IAAI,GAAI,CACrC;YACnB,oBAAC,IAAI,IAAC,KAAK,EAAE,EAAE,KAAK,EAAE,KAAK,EAAE,UAAU,EAAE,QAAQ,EAAE;gBAChD,QAAQ,IAAI,CACX,oBAAC,IAAI,IACH,KAAK,EAAE;wBACL,aAAa,EAAE,KAAK;wBACpB,UAAU,EAAE,QAAQ;wBACpB,cAAc,EAAE,QAAQ;wBACxB,YAAY,EAAE,CAAC;qBAChB;oBAED,oBAAC,IAAI,IAAC,IAAI,EAAE,QAAQ,CAAC,KAAK,EAAE,IAAI,EAAE,QAAQ,GAAI,CACzC,CACR;gBACA,KAAK,IAAI,OAAO,KAAK,CAAC,OAAO,EAAE,KAAK,QAAQ,IAAI,CAC/C,oBAAC,IAAI,IAAC,KAAK,EAAE,UAAU,CAAC,GAAG,EAAE,IAAI,EAAE,cAAc,CAAC,oBAAoB,EAAE,KAAK,EAAE,MAAM,CAAC,KAAK,IACxF,MAAM,CAAC,KAAK,CAAC,CACT,CACR;gBACA,WAAW,IAAI,OAAO,WAAW,CAAC,OAAO,EAAE,KAAK,QAAQ,CAAC,CAAC,CAAC,oBAAC,IAAI,QAAE,MAAM,CAAC,WAAW,CAAC,CAAQ,CAAC,CAAC,CAAC,WAAW,CACvG,CACU,CACpB,CAAA;KACF;IAED,OAAO,CACL,oBAAC,gBAAgB,IAAC,KAAK,EAAE,MAAM,CAAC,SAAS,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC,WAAW,CAAC,KAAK,IAAI,KAAK,CAAC;QACnF,oBAAC,gBAAgB,IACf,KAAK,EAAE,MAAM,CAAC,KAAK,EACnB,QAAQ,EAAE,QAAQ,EAClB,MAAM,EAAE,EAAE,EACV,OAAO,EAAE,GAAG,EAAE,CAAC,WAAW,CAAC,KAAK,IAAI,KAAK,CAAC,IAEzC,QAAQ,IAAI,oBAAC,IAAI,IAAC,KAAK,EAAE,MAAM,CAAC,IAAI,GAAI,CACxB;QAClB,KAAK,IAAI,OAAO,KAAK,CAAC,OAAO,EAAE,KAAK,QAAQ,CAAC,CAAC,CAAC,oBAAC,IAAI,IAAC,KAAK,EAAE,MAAM,CAAC,KAAK,IAAG,MAAM,CAAC,KAAK,CAAC,CAAQ,CAAC,CAAC,CAAC,KAAK,CACxF,CACpB,CAAA;AACH,CAAC,CAAA;AAED,KAAK,CAAC,WAAW,GAAG,aAAa,CAAC,KAAK,CAAA;AAEvC,eAAe,KAAK,CAAA"}
+{"version":3,"file":"Radio.native.js","sourceRoot":"","sources":["../../../components/radio/Radio.native.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAClD,OAAO,EAAE,UAAU,EAAE,gBAAgB,EAAE,MAAM,cAAc,CAAA;AAE3D,OAAO,OAAO,MAAM,SAAS,CAAA;AAC7B,OAAO,EAAE,aAAa,EAAE,YAAY,EAAE,eAAe,EAAE,cAAc,GAAG,MAAM,eAAe,CAAA;AAC7F,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAA;AACxC,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,SAAS,CAAA;AAC1C,OAAO,EAAE,IAAI,EAAE,MAAM,SAAS,CAAA;AAC9B,OAAO,EAAE,aAAa,EAAE,MAAM,wBAAwB,CAAA;AAEtD;;;;;;;;;;;;;;;GAeG;AACH,MAAM,KAAK,GAAG,CAAC,EACb,EAAE,GAAG,OAAO,CAAC,QAAQ,EAAE,EACvB,OAAO,EACP,IAAI,EACJ,OAAO,EACP,QAAQ,EACR,QAAQ,EACR,QAAQ,EACR,KAAK,EACL,KAAK,EACL,cAAc,EACd,IAAI,EACJ,WAAW,EACX,QAAQ,EACR,QAAQ,EACR,MAAM,GACK,EAAe,EAAE;IAC5B,MAAM,CAAC,QAAQ,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAU,OAAO,IAAI,KAAK,CAAC,CAAA;IAElE,SAAS,CAAC,GAAG,EAAE;QACb,UAAU,CAAC,OAAO,IAAI,KAAK,CAAC,CAAA;IAC9B,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC,CAAA;IAEb,MAAM,MAAM,GAAG,UAAU,CAAC,MAAM,CAAC;QAC/B,SAAS,EAAE;YACT,aAAa,EAAE,KAAK;YACpB,aAAa,EAAE,CAAC;YAChB,cAAc,EAAE,YAAY;SAC7B;QACD,KAAK,EAAE;YACL,aAAa,EAAE,KAAK;YACpB,UAAU,EAAE,QAAQ;YACpB,WAAW,EAAE,aAAa,CAAC,YAAY,CAAC,IAAI,CAAC;YAC7C,WAAW,EAAE,GAAG;YAChB,KAAK,EAAE,EAAE;YACT,MAAM,EAAE,EAAE;YACV,YAAY,EAAE,EAAE;YAChB,WAAW,EAAE,EAAE;YACf,UAAU,EAAE,CAAC;SACd;QACD,IAAI,EAAE;YACJ,QAAQ,EAAE,UAAU;YACpB,IAAI,EAAE,CAAC;YACP,YAAY,EAAE,EAAE;YAChB,KAAK,EAAE,EAAE;YACT,MAAM,EAAE,EAAE;YACV,eAAe,EAAE,aAAa,CAAC,YAAY,CAAC,IAAI,CAAC;SAClD;QACD,KAAK,EAAE;YACL,UAAU,EAAE,KAAK;YACjB,KAAK,EACH,CAAC,QAAQ,IAAI,aAAa,CAAC,YAAY,CAAC,QAAQ,CAAC,CAAC;gBAClD,CAAC,QAAQ,IAAI,aAAa,CAAC,YAAY,CAAC,IAAI,CAAC,CAAC;gBAC9C,aAAa,CAAC,YAAY,CAAC,IAAI,CAAC;SACnC;QACD,IAAI,EAAE;YACJ,OAAO,EAAE,CAAC;YACV,aAAa,EAAE,CAAC;YAChB,QAAQ,EAAE,GAAG;YACb,KAAK,EAAE,GAAG;YACV,WAAW,EAAE,CAAC,QAAQ,IAAI,CAAC,CAAC,IAAI,CAAC;YACjC,WAAW,EACT,CAAC,QAAQ,IAAI,aAAa,CAAC,YAAY,CAAC,QAAQ,EAAE,CAAC,CAAC,CAAC;gBACrD,CAAC,QAAQ,IAAI,aAAa,CAAC,YAAY,CAAC,IAAI,CAAC,CAAC;gBAC9C,aAAa,CAAC,YAAY,CAAC,IAAI,EAAE,CAAC,CAAC;YACrC,YAAY,EAAE,CAAC;YACf,SAAS,EAAE,QAAQ;YACnB,UAAU,EAAE,QAAQ;YACpB,eAAe,EAAE,QAAQ;gBACvB,CAAC,CAAC,aAAa,CAAC,YAAY,CAAC,QAAQ,EAAE,CAAC,CAAC;gBACzC,CAAC,CAAC,aAAa;SAClB;QACD,eAAe,EAAE;YACf,KAAK,EAAE,QAAQ;gBACb,CAAC,CAAC,aAAa,CAAC,YAAY,CAAC,QAAQ,EAAE,CAAC,CAAC;gBACzC,CAAC,CAAC,aAAa,CAAC,YAAY,CAAC,IAAI,CAAC;YACpC,SAAS,EAAE,cAAc,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,QAAQ;SACpD;QACD,cAAc,EAAE;YACd,eAAe,EAAE,EAAE;YACnB,KAAK,EAAE,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM;YAC/B,MAAM,EAAE,MAAM;YACd,WAAW,EAAE,CAAC,QAAQ,IAAI,CAAC,CAAC,IAAI,CAAC;YACjC,WAAW,EACT,CAAC,QAAQ,IAAI,aAAa,CAAC,YAAY,CAAC,QAAQ,EAAE,CAAC,CAAC,CAAC;gBACrD,CAAC,QAAQ,IAAI,aAAa,CAAC,YAAY,CAAC,IAAI,CAAC,CAAC;gBAC9C,aAAa,CAAC,YAAY,CAAC,IAAI,EAAE,CAAC,CAAC;YACrC,YAAY,EAAE,CAAC;YACf,eAAe,EAAE,QAAQ;gBACvB,CAAC,CAAC,aAAa,CAAC,YAAY,CAAC,QAAQ,EAAE,CAAC,CAAC;gBACzC,CAAC,CAAC,aAAa;SAClB;KACF,CAAC,CAAA;IAEF,8DAA8D;IAC9D,MAAM,WAAW,GAAG,CAAC,KAAU,EAAE,EAAE;QACjC,IAAI,CAAC,QAAQ,EAAE;YACb,UAAU,CAAC,KAAK,CAAC,CAAA;YACjB,IAAI,OAAO,EAAE;gBACX,OAAO,CAAC;oBACN,OAAO,EAAE,EAAE;oBACX,UAAU,EAAE,KAAK;oBACjB,SAAS,EAAE,IAAI,IAAI,EAAE;oBACrB,YAAY,EAAE,CAAC,QAAQ;iBACxB,CAAC,CAAA;aACH;YACD,IAAI,QAAQ,EAAE;gBACZ,QAAQ,CAAC;oBACP,OAAO,EAAE,EAAE;oBACX,UAAU,EAAE,KAAK;oBACjB,SAAS,EAAE,IAAI,IAAI,EAAE;oBACrB,YAAY,EAAE,CAAC,QAAQ;iBACxB,CAAC,CAAA;aACH;SACF;IACH,CAAC,CAAA;IAED,IAAI,cAAc,EAAE;QAClB,OAAO,CACL,oBAAC,gBAAgB,IACf,QAAQ,EAAE,QAAQ,EAClB,KAAK,EAAE,MAAM,CAAC,cAAc,EAC5B,OAAO,EAAE,GAAG,EAAE,CAAC,WAAW,CAAC,KAAK,IAAI,KAAK,CAAC;YAE1C,oBAAC,IAAI,IAAC,KAAK,EAAE,EAAE,aAAa,EAAE,KAAK,EAAE;gBAClC,QAAQ,CAAC,CAAC,CAAC,CACV,oBAAC,IAAI,IACH,KAAK,EAAE;wBACL,aAAa,EAAE,KAAK;wBACpB,KAAK,EAAE,KAAK;wBACZ,MAAM,EAAE,MAAM;wBACd,cAAc,EAAE,YAAY;wBAC5B,UAAU,EAAE,QAAQ;wBACpB,UAAU,EAAE,EAAE;qBACf,IAEA,QAAQ,CACJ,CACR,CAAC,CAAC,CAAC,CACF;oBACE,oBAAC,IAAI,IACH,KAAK,EAAE;4BACL,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI;4BAC9B,MAAM,EAAE,MAAM;4BACd,cAAc,EAAE,QAAQ;4BACxB,UAAU,EAAE,QAAQ;4BACpB,UAAU,EAAE,EAAE;yBACf,IAEA,QAAQ,IAAI,CACX,oBAAC,IAAI;wBACH,oBAAC,IAAI,IAAC,IAAI,EAAE,QAAQ,CAAC,KAAK,EAAE,IAAI,EAAE,QAAQ,GAAI,CACzC,CACR,CACI;oBACP,oBAAC,IAAI,IACH,KAAK,EAAE;4BACL,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,KAAK;4BAC/B,aAAa,EAAE,KAAK;4BACpB,SAAS,EAAE,SAAS;4BACpB,QAAQ,EAAE,MAAM;4BAChB,MAAM,EAAE,MAAM;yBACf;wBAED,oBAAC,IAAI;4BACF,KAAK,IAAI,OAAO,KAAK,CAAC,OAAO,EAAE,KAAK,QAAQ,IAAI,CAC/C,oBAAC,IAAI,IACH,KAAK,EAAE,MAAM,CAAC,KAAK,EACnB,KAAK,EAAE,UAAU,CAAC,GAAG,EACrB,IAAI,EAAE,cAAc,CAAC,oBAAoB,IAExC,MAAM,CAAC,KAAK,CAAC,CACT,CACR;4BACA,WAAW,IAAI,OAAO,WAAW,CAAC,OAAO,EAAE,KAAK,QAAQ,CAAC,CAAC,CAAC,CAC1D,oBAAC,IAAI,IAAC,KAAK,EAAE,UAAU,CAAC,GAAG,EAAE,KAAK,EAAE,MAAM,CAAC,eAAe,IACvD,MAAM,CAAC,WAAW,CAAC,CACf,CACR,CAAC,CAAC,CAAC,CACF,WAAW,CACZ,CACI,CACF,CACN,CACJ;gBACD,oBAAC,IAAI,IACH,KAAK,EAAE;wBACL,KAAK,EAAE,KAAK;wBACZ,UAAU,EAAE,UAAU;wBACtB,cAAc,EAAE,QAAQ;wBACxB,YAAY,EAAE,EAAE;qBACjB;oBAED,oBAAC,gBAAgB,IACf,KAAK,EAAE,MAAM,CAAC,KAAK,EACnB,QAAQ,EAAE,QAAQ,EAClB,MAAM,EAAE,EAAE,EACV,SAAS,EAAE,GAAG,EAAE,CAAC,WAAW,CAAC,KAAK,IAAI,KAAK,CAAC,IAE3C,QAAQ,IAAI,CAAC,QAAQ,IAAI,oBAAC,IAAI,IAAC,KAAK,EAAE,MAAM,CAAC,IAAI,GAAI,CACrC,CACd,CACF,CACU,CACpB,CAAA;KACF;IAED,IAAI,IAAI,EAAE;QACR,OAAO,CACL,oBAAC,gBAAgB,IACf,QAAQ,EAAE,QAAQ,EAClB,KAAK,EAAE,MAAM,CAAC,IAAI,EAClB,OAAO,EAAE,GAAG,EAAE,CAAC,WAAW,CAAC,KAAK,IAAI,KAAK,CAAC;YAE1C,oBAAC,gBAAgB,IACf,KAAK,EAAE,CAAC,EAAE,SAAS,EAAE,UAAU,EAAE,SAAS,EAAE,EAAE,EAAE,EAAE,MAAM,CAAC,KAAK,CAAC,EAC/D,QAAQ,EAAE,QAAQ,EAClB,MAAM,EAAE,EAAE,EACV,SAAS,EAAE,GAAG,EAAE,CAAC,WAAW,CAAC,KAAK,IAAI,KAAK,CAAC,IAE3C,QAAQ,IAAI,CAAC,QAAQ,IAAI,oBAAC,IAAI,IAAC,KAAK,EAAE,MAAM,CAAC,IAAI,GAAI,CACrC;YACnB,oBAAC,IAAI,IAAC,KAAK,EAAE,EAAE,KAAK,EAAE,KAAK,EAAE,UAAU,EAAE,QAAQ,EAAE;gBAChD,QAAQ,IAAI,CACX,oBAAC,IAAI,IACH,KAAK,EAAE;wBACL,aAAa,EAAE,KAAK;wBACpB,UAAU,EAAE,QAAQ;wBACpB,cAAc,EAAE,QAAQ;wBACxB,YAAY,EAAE,CAAC;qBAChB;oBAED,oBAAC,IAAI,IAAC,IAAI,EAAE,QAAQ,CAAC,MAAM,EAAE,IAAI,EAAE,QAAQ,GAAI,CAC1C,CACR;gBACA,KAAK,IAAI,OAAO,KAAK,CAAC,OAAO,EAAE,KAAK,QAAQ,IAAI,CAC/C,oBAAC,IAAI,IACH,KAAK,EAAE,UAAU,CAAC,GAAG,EACrB,IAAI,EAAE;wBACJ,cAAc,CAAC,oBAAoB;wBACnC,eAAe,CAAC,aAAa;qBAC9B,EACD,KAAK,EAAE,MAAM,CAAC,KAAK,IAElB,MAAM,CAAC,KAAK,CAAC,CACT,CACR;gBACA,WAAW,IAAI,OAAO,WAAW,CAAC,OAAO,EAAE,KAAK,QAAQ,CAAC,CAAC,CAAC,CAC1D,oBAAC,IAAI,IACH,KAAK,EAAE,UAAU,CAAC,KAAK,EACvB,IAAI,EAAE;wBACJ,cAAc,CAAC,oBAAoB;wBACnC,eAAe,CAAC,aAAa;qBAC9B,IAEA,MAAM,CAAC,WAAW,CAAC,CACf,CACR,CAAC,CAAC,CAAC,CACF,WAAW,CACZ,CACI,CACU,CACpB,CAAA;KACF;IAED,OAAO,CACL,oBAAC,gBAAgB,IACf,KAAK,EAAE,MAAM,CAAC,SAAS,EACvB,OAAO,EAAE,GAAG,EAAE,CAAC,WAAW,CAAC,KAAK,IAAI,KAAK,CAAC;QAE1C,oBAAC,gBAAgB,IACf,KAAK,EAAE,MAAM,CAAC,KAAK,EACnB,QAAQ,EAAE,QAAQ,EAClB,MAAM,EAAE,EAAE,EACV,OAAO,EAAE,GAAG,EAAE,CAAC,WAAW,CAAC,KAAK,IAAI,KAAK,CAAC,IAEzC,QAAQ,IAAI,oBAAC,IAAI,IAAC,KAAK,EAAE,MAAM,CAAC,IAAI,GAAI,CACxB;QAClB,KAAK,IAAI,OAAO,KAAK,CAAC,OAAO,EAAE,KAAK,QAAQ,CAAC,CAAC,CAAC,CAC9C,oBAAC,IAAI,IAAC,KAAK,EAAE,MAAM,CAAC,KAAK,IAAG,MAAM,CAAC,KAAK,CAAC,CAAQ,CAClD,CAAC,CAAC,CAAC,CACF,KAAK,CACN,CACgB,CACpB,CAAA;AACH,CAAC,CAAA;AAED,KAAK,CAAC,WAAW,GAAG,aAAa,CAAC,KAAK,CAAA;AAEvC,eAAe,KAAK,CAAA"}

package/lib/components/radio/RadioProps.d.ts

@@ -23,27 +23,11 @@ export interface RadioProps extends Accessibility {
     readonly?: boolean;
     id?: string;
     label?: string | React.ReactNode;
-    /**
-     * @deprecated
-     */
-    labelClassName?: string;
     onClick?: RadioClickEventHandler;
     onChange?: RadioChangeEventHandler;
     className?: string;
     name?: string;
     value?: string;
-    /**
-     * @deprecated
-     */
-    spaced?: boolean;
-    /**
-     * @deprecated
-     */
-    reversed?: boolean;
-    /**
-     * @deprecated
-     */
-    inverted?: boolean;
     tile?: boolean;
     description?: string | React.ReactNode;
     iconTile?: IconName | IconNameValues;

package/lib/components/radio/list/RadioList.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { RadioListWebProps } from './RadioListProps';
+import { RadioListWebProps } from "./RadioListProps";
 /**
  * Radio List Component
  * @param children {ReactNode} RadioList children

package/lib/components/radio/list/RadioList.js

@@ -1,8 +1,8 @@
-import React from 'react';
-import { has, is } from '../../../services';
-import clsx from 'clsx';
-import { hashClass } from '../../../helpers';
-import { useTrilogyContext } from '../../../context';
+import * as React from "react";
+import { has, is } from "../../../services";
+import clsx from "clsx";
+import { hashClass } from "../../../helpers";
+import { useTrilogyContext } from "../../../context";
 /**
  * Radio List Component
  * @param children {ReactNode} RadioList children
@@ -14,7 +14,7 @@ import { useTrilogyContext } from '../../../context';
  */
 const RadioList = ({ className, centered, isMobile, vertical, ...others }) => {
     const { styled } = useTrilogyContext();
-    return (React.createElement("div", { className: hashClass(styled, clsx('radios', className, centered && has('text-centered'), isMobile && is('mobile'), vertical && is('vertical'))), ...others }));
+    return (React.createElement("div", { className: hashClass(styled, clsx("radios", className, centered && has("text-centered"), isMobile && is("mobile"), vertical && is("vertical"))), ...others }));
 };
 export default RadioList;
 //# sourceMappingURL=RadioList.js.map

package/lib/components/radio/list/RadioList.js.map

@@ -1 +1 @@
-{"version":3,"file":"RadioList.js","sourceRoot":"","sources":["../../../../components/radio/list/RadioList.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,EAAE,GAAG,EAAE,EAAE,EAAE,MAAM,mBAAmB,CAAA;AAC3C,OAAO,IAAI,MAAM,MAAM,CAAA;AACvB,OAAO,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAA;AAC5C,OAAO,EAAE,iBAAiB,EAAE,MAAM,kBAAkB,CAAA;AAEpD;;;;;;;;GAQG;AAEH,MAAM,SAAS,GAAG,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,QAAQ,EAAE,QAAQ,EAAE,GAAG,MAAM,EAAqB,EAAe,EAAE;IAC3G,MAAM,EAAE,MAAM,EAAE,GAAG,iBAAiB,EAAE,CAAA;IAEtC,OAAO,CACL,6BACE,SAAS,EAAE,SAAS,CAClB,MAAM,EACN,IAAI,CACF,QAAQ,EACR,SAAS,EACT,QAAQ,IAAI,GAAG,CAAC,eAAe,CAAC,EAChC,QAAQ,IAAI,EAAE,CAAC,QAAQ,CAAC,EACxB,QAAQ,IAAI,EAAE,CAAC,UAAU,CAAC,CAC3B,CACF,KACG,MAAM,GACV,CACH,CAAA;AACH,CAAC,CAAA;AAED,eAAe,SAAS,CAAA"}
+{"version":3,"file":"RadioList.js","sourceRoot":"","sources":["../../../../components/radio/list/RadioList.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,EAAE,GAAG,EAAE,EAAE,EAAE,MAAM,mBAAmB,CAAA;AAC3C,OAAO,IAAI,MAAM,MAAM,CAAA;AACvB,OAAO,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAA;AAC5C,OAAO,EAAE,iBAAiB,EAAE,MAAM,kBAAkB,CAAA;AAEpD;;;;;;;;GAQG;AAEH,MAAM,SAAS,GAAG,CAAC,EACjB,SAAS,EACT,QAAQ,EACR,QAAQ,EACR,QAAQ,EACR,GAAG,MAAM,EACS,EAAe,EAAE;IACnC,MAAM,EAAE,MAAM,EAAE,GAAG,iBAAiB,EAAE,CAAA;IAEtC,OAAO,CACL,6BACE,SAAS,EAAE,SAAS,CAClB,MAAM,EACN,IAAI,CACF,QAAQ,EACR,SAAS,EACT,QAAQ,IAAI,GAAG,CAAC,eAAe,CAAC,EAChC,QAAQ,IAAI,EAAE,CAAC,QAAQ,CAAC,EACxB,QAAQ,IAAI,EAAE,CAAC,UAAU,CAAC,CAC3B,CACF,KACG,MAAM,GACV,CACH,CAAA;AACH,CAAC,CAAA;AAED,eAAe,SAAS,CAAA"}

package/lib/components/radio/list/RadioList.native.d.ts

@@ -1,13 +1,13 @@
 /// <reference types="react" />
-import type { RadioListProps } from './RadioListProps';
-import { ComponentName } from '../../enumsComponentsName';
+import type { RadioListProps } from "./RadioListProps";
+import { ComponentName } from "../../enumsComponentsName";
 /**
  * RadioList Native Component
  * @param children {ReactNode} RadioList children
  * @param autolayout {boolean} Apply auto-layout rules
  */
 declare const RadioList: {
-    ({ autolayout, children }: RadioListProps): JSX.Element;
+    ({ autolayout, children, }: RadioListProps): JSX.Element;
     displayName: ComponentName;
 };
 export default RadioList;

package/lib/components/radio/list/RadioList.native.js

@@ -1,21 +1,21 @@
-import React from 'react';
-import { AutoLayoutWrapper } from '../../autolayout';
-import { SpacerSize } from '../../spacer';
-import { SpacingMatrixMode } from '../../autolayout/SpacingMatrix';
-import { ComponentName } from '../../enumsComponentsName';
+import * as React from "react";
+import { AutoLayoutWrapper } from "../../autolayout";
+import { SpacerSize } from "../../spacer";
+import { SpacingMatrixMode } from "../../autolayout/SpacingMatrix";
+import { ComponentName } from "../../enumsComponentsName";
 const { MEDIUM, SMALL } = SpacerSize;
 const { INSERT_SPACE_BETWEEN } = SpacingMatrixMode;
 const SPACING_MATRIX = [
-    [INSERT_SPACE_BETWEEN, 'Radio', 'Divider', SMALL],
-    [INSERT_SPACE_BETWEEN, 'Divider', 'Radio', SMALL],
-    [INSERT_SPACE_BETWEEN, 'Radio', 'Radio', MEDIUM],
+    [INSERT_SPACE_BETWEEN, "Radio", "Divider", SMALL],
+    [INSERT_SPACE_BETWEEN, "Divider", "Radio", SMALL],
+    [INSERT_SPACE_BETWEEN, "Radio", "Radio", MEDIUM],
 ];
 /**
  * RadioList Native Component
  * @param children {ReactNode} RadioList children
  * @param autolayout {boolean} Apply auto-layout rules
  */
-const RadioList = ({ autolayout = SPACING_MATRIX, children }) => {
+const RadioList = ({ autolayout = SPACING_MATRIX, children, }) => {
     return React.createElement(AutoLayoutWrapper, { ...{ autolayout, children } });
 };
 RadioList.displayName = ComponentName.RadioList;

package/lib/components/radio/list/RadioList.native.js.map

@@ -1 +1 @@
-{"version":3,"file":"RadioList.native.js","sourceRoot":"","sources":["../../../../components/radio/list/RadioList.native.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,iBAAiB,EAAE,MAAM,kBAAkB,CAAA;AACpD,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAA;AACzC,OAAO,EAAE,iBAAiB,EAAE,MAAM,gCAAgC,CAAA;AAKlE,OAAO,EAAE,aAAa,EAAE,MAAM,2BAA2B,CAAA;AAEzD,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,GAAG,UAAU,CAAA;AACpC,MAAM,EAAE,oBAAoB,EAAE,GAAG,iBAAiB,CAAA;AAElD,MAAM,cAAc,GAAkB;IACpC,CAAC,oBAAoB,EAAE,OAAO,EAAE,SAAS,EAAE,KAAK,CAAC;IACjD,CAAC,oBAAoB,EAAE,SAAS,EAAE,OAAO,EAAE,KAAK,CAAC;IACjD,CAAC,oBAAoB,EAAE,OAAO,EAAE,OAAO,EAAE,MAAM,CAAC;CACjD,CAAA;AAED;;;;GAIG;AACH,MAAM,SAAS,GAAG,CAAC,EAAE,UAAU,GAAG,cAAc,EAAE,QAAQ,EAAkB,EAAe,EAAE;IAC3F,OAAO,oBAAC,iBAAiB,OAAK,EAAE,UAAU,EAAE,QAAQ,EAAE,GAAI,CAAA;AAC5D,CAAC,CAAA;AAED,SAAS,CAAC,WAAW,GAAG,aAAa,CAAC,SAAS,CAAA;AAE/C,eAAe,SAAS,CAAA"}
+{"version":3,"file":"RadioList.native.js","sourceRoot":"","sources":["../../../../components/radio/list/RadioList.native.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAE,iBAAiB,EAAE,MAAM,kBAAkB,CAAA;AACpD,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAA;AACzC,OAAO,EAAE,iBAAiB,EAAE,MAAM,gCAAgC,CAAA;AAKlE,OAAO,EAAE,aAAa,EAAE,MAAM,2BAA2B,CAAA;AAEzD,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,GAAG,UAAU,CAAA;AACpC,MAAM,EAAE,oBAAoB,EAAE,GAAG,iBAAiB,CAAA;AAElD,MAAM,cAAc,GAAkB;IACpC,CAAC,oBAAoB,EAAE,OAAO,EAAE,SAAS,EAAE,KAAK,CAAC;IACjD,CAAC,oBAAoB,EAAE,SAAS,EAAE,OAAO,EAAE,KAAK,CAAC;IACjD,CAAC,oBAAoB,EAAE,OAAO,EAAE,OAAO,EAAE,MAAM,CAAC;CACjD,CAAA;AAED;;;;GAIG;AACH,MAAM,SAAS,GAAG,CAAC,EACjB,UAAU,GAAG,cAAc,EAC3B,QAAQ,GACO,EAAe,EAAE;IAChC,OAAO,oBAAC,iBAAiB,OAAK,EAAE,UAAU,EAAE,QAAQ,EAAE,GAAI,CAAA;AAC5D,CAAC,CAAA;AAED,SAAS,CAAC,WAAW,GAAG,aAAa,CAAC,SAAS,CAAA;AAE/C,eAAe,SAAS,CAAA"}

package/lib/components/range/Range.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { RangeProps } from './RangeProps';
+import { RangeProps } from "./RangeProps";
 /**
  * Range Component
  * @param min {number} min length
@@ -7,7 +7,9 @@ import { RangeProps } from './RangeProps';
  * @param label {string} label of range
  * @param labelValueCursorMin {string} label to display next to value display
  * @param labelValueCursorMax {string} label to display next to value display
- * @param onChange {function}
+ * @param onChangeMin
+ * @param onChangeMax
+ * @param onChange {function} (Native)
  * @param nameMin {string} name input min
  * @param idMin {string} id input min
  * @param nameMax{string} name input max

package/lib/components/range/Range.js

@@ -1,8 +1,8 @@
-import React from 'react';
-import { getColorStyle, TrilogyColor } from '../../objects';
-import { hashClass } from '../../helpers';
-import clsx from 'clsx';
-import { useTrilogyContext } from '../../context';
+import * as React from "react";
+import { getColorStyle, TrilogyColor } from "../../objects";
+import { hashClass } from "../../helpers";
+import clsx from "clsx";
+import { useTrilogyContext } from "../../context";
 /**
  * Range Component
  * @param min {number} min length
@@ -10,7 +10,9 @@ import { useTrilogyContext } from '../../context';
  * @param label {string} label of range
  * @param labelValueCursorMin {string} label to display next to value display
  * @param labelValueCursorMax {string} label to display next to value display
- * @param onChange {function}
+ * @param onChangeMin
+ * @param onChangeMax
+ * @param onChange {function} (Native)
  * @param nameMin {string} name input min
  * @param idMin {string} id input min
  * @param nameMax{string} name input max
@@ -27,47 +29,47 @@ const Range = ({ min, max, label, valueCursorMin, valueCursorMax, labelValueCurs
     React.useEffect(() => {
         if (refTrack.current) {
             const track = refTrack.current;
-            track.style.background = `linear-gradient(to right,
-      ${getColorStyle(TrilogyColor.GREY_LIGHT)} ${(cursorMin / max) * 100}%,
-      currentColor ${(cursorMin / max) * 100}%,
-      currentColor ${(cursorMax / max) * 100}%,
-      ${getColorStyle(TrilogyColor.GREY_LIGHT)} ${(cursorMax / max) * 100}%)`;
+            track.style.background = `linear-gradient(to right, ${getColorStyle(TrilogyColor.NEUTRAL_DARK, 1)} ${(cursorMin / max) * 100}% , ${getColorStyle(TrilogyColor.MAIN)} ${(cursorMin / max) * 100}% , ${getColorStyle(TrilogyColor.MAIN)} ${(cursorMax / max) * 100}%, ${getColorStyle(TrilogyColor.NEUTRAL_DARK, 1)} ${(cursorMax / max) * 100}%) `;
         }
     }, [cursorMin, cursorMax]);
     const handleChangeCursorMin = React.useCallback((e) => {
         if (Number(e.target.value) < cursorMax - gap)
             setCursorMin(Number(e.target.value));
-        if (onChangeMin) {
-            onChangeMin({
-                inputName: e.target.name,
-                inputValue: e.target.value,
-            });
-        }
     }, [cursorMax, cursorMin]);
     const handleChangeCursorMax = React.useCallback((e) => {
         if (Number(e.target.value) > cursorMin + gap)
             setCursorMax(Number(e.target.value));
+    }, [cursorMax, cursorMin]);
+    const handleMouseUpMin = React.useCallback(() => {
+        if (onChangeMin) {
+            onChangeMin({
+                inputName: nameMin,
+                inputValue: cursorMin,
+            });
+        }
+    }, [onChangeMin, nameMin, cursorMin]);
+    const handleMouseUpMax = React.useCallback(() => {
         if (onChangeMax) {
             onChangeMax({
-                inputName: e.target.name,
-                inputValue: e.target.value,
+                inputName: nameMax,
+                inputValue: cursorMax,
             });
         }
-    }, [cursorMax, cursorMin]);
-    return (React.createElement("div", { "data-testid": testId, className: hashClass(styled, clsx('range-container')) },
-        React.createElement("label", { className: hashClass(styled, clsx('range-label')) }, label),
-        React.createElement("div", { className: hashClass(styled, clsx('range')) },
-            React.createElement("div", { ref: refTrack, className: hashClass(styled, clsx('range-track')) }),
-            React.createElement("input", { "data-testid": `${testId}_min`, className: hashClass(styled, clsx('range-cursor range-cursor-min')), onChange: handleChangeCursorMin, value: cursorMin, type: 'range', min: min, max: max, name: nameMin, id: idMin, "aria-label": label }),
-            React.createElement("input", { "data-testid": `${testId}_max`, className: hashClass(styled, clsx('range-cursor range-cursor-max')), onChange: handleChangeCursorMax, value: cursorMax, type: 'range', min: min, max: max, name: nameMax, id: idMax, "aria-label": label })),
-        React.createElement("div", { className: hashClass(styled, clsx('range-values')) },
+    }, [onChangeMax, nameMax, cursorMax]);
+    return (React.createElement("div", { "data-testid": testId, className: hashClass(styled, clsx("range-container")) },
+        React.createElement("label", { className: hashClass(styled, clsx("range-label")) }, label),
+        React.createElement("div", { className: hashClass(styled, clsx("range")) },
+            React.createElement("div", { ref: refTrack, className: hashClass(styled, clsx("range-track")) }),
+            React.createElement("input", { "data-testid": `${testId}_min`, className: hashClass(styled, clsx("range-cursor range-cursor-min")), onMouseUp: handleMouseUpMin, onChange: handleChangeCursorMin, value: cursorMin, type: 'range', min: min, max: max, name: nameMin, id: idMin, "aria-label": label }),
+            React.createElement("input", { "data-testid": `${testId}_max`, className: hashClass(styled, clsx("range-cursor range-cursor-max")), onMouseUp: handleMouseUpMax, onChange: handleChangeCursorMax, value: cursorMax, type: 'range', min: min, max: max, name: nameMax, id: idMax, "aria-label": label })),
+        React.createElement("div", { className: hashClass(styled, clsx("range-values")) },
             React.createElement("div", null,
-                React.createElement("span", { className: hashClass(styled, clsx('range-value-min')) }, cursorMin),
+                React.createElement("span", { className: hashClass(styled, clsx("range-value-min")) }, cursorMin),
                 labelValueCursorMin && React.createElement("span", null,
                     " ",
                     labelValueCursorMin)),
             React.createElement("div", null,
-                React.createElement("span", { className: hashClass(styled, clsx('range-value-max')) }, cursorMax),
+                React.createElement("span", { className: hashClass(styled, clsx("range-value-max")) }, cursorMax),
                 labelValueCursorMax && React.createElement("span", null,
                     " ",
                     labelValueCursorMax)))));

package/lib/components/range/Range.js.map

@@ -1 +1 @@
-{"version":3,"file":"Range.js","sourceRoot":"","sources":["../../../components/range/Range.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"Range.js","sourceRoot":"","sources":["../../../components/range/Range.tsx"],"names":[],"mappings":"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"}

package/lib/components/range/Range.native.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
-import { RangeProps } from './RangeProps';
-import { ComponentName } from '../enumsComponentsName';
+import { RangeProps } from "./RangeProps";
+import { ComponentName } from "../enumsComponentsName";
 /**
  * Range Component
  * - -------------------------- MOBILE PROPERTIES -------------------------------
@@ -20,7 +20,7 @@ import { ComponentName } from '../enumsComponentsName';
  * @param valueCursorMax {number} number of input max
  */
 declare const Range: {
-    ({ min, max, label, labelValueCursorMin, labelValueCursorMax, onChange }: RangeProps): JSX.Element;
+    ({ min, max, label, labelValueCursorMin, labelValueCursorMax, onChange, }: RangeProps): JSX.Element;
     displayName: ComponentName;
 };
 export default Range;