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

package/lib/components/segment-control/item/SegmentControlItem.native.js

@@ -1,7 +1,7 @@
-import React, { useState, useEffect } from 'react';
-import { StyleSheet, TouchableOpacity, Text } from 'react-native';
-import { getColorStyle, TrilogyColor } from '../../../objects/facets/Color';
-import { ComponentName } from '../../enumsComponentsName';
+import React, { useEffect, useState } from "react";
+import { StyleSheet, Text, TouchableOpacity } from "react-native";
+import { getColorStyle, TrilogyColor } from "../../../objects/facets/Color";
+import { ComponentName } from "../../enumsComponentsName";
 /**
  * SegmentControlItem Item Component
  * @param active {boolean} active Segment Control item
@@ -14,26 +14,29 @@ const SegmentControlItem = ({ active, children, onClick, inverted, disabled, ...
     const [activeItem, setActiveItem] = useState(active || false);
     const styles = StyleSheet.create({
         tabsItem: {
-            flexDirection: 'column',
+            flexDirection: "column",
             flex: 1,
             marginRight: 4,
             borderRadius: 4,
-            alignItems: 'center',
-            backgroundColor: (activeItem && getColorStyle(TrilogyColor.SECONDARY)) ||
+            alignItems: "center",
+            backgroundColor: (activeItem && getColorStyle(TrilogyColor.MAIN)) ||
                 (inverted && getColorStyle(TrilogyColor.WHITE)) ||
-                (disabled && getColorStyle(TrilogyColor.GREY_DISABLED)) ||
-                getColorStyle(TrilogyColor.GREY_LIGHT),
+                (disabled && getColorStyle(TrilogyColor.DISABLED, 1)) ||
+                getColorStyle(TrilogyColor.NEUTRAL_DARK, 1),
         },
         text: {
             paddingHorizontal: 16,
             color: (activeItem && !inverted && getColorStyle(TrilogyColor.WHITE)) ||
-                (!activeItem && !inverted && disabled && getColorStyle(TrilogyColor.GREY_DISABLED)) ||
-                getColorStyle(TrilogyColor.TERTIARY),
+                (!activeItem &&
+                    !inverted &&
+                    disabled &&
+                    getColorStyle(TrilogyColor.DISABLED)) ||
+                getColorStyle(TrilogyColor.MAIN),
             marginVertical: 10,
             fontSize: 16,
-            textAlign: 'center',
-            textAlignVertical: 'center',
-            fontWeight: activeItem ? '600' : 'normal',
+            textAlign: "center",
+            textAlignVertical: "center",
+            fontWeight: activeItem ? "600" : "normal",
         },
     });
     useEffect(() => {
@@ -46,7 +49,7 @@ const SegmentControlItem = ({ active, children, onClick, inverted, disabled, ...
                     onClick(e);
                 }
             }
-        }, ...others }, children && typeof children.valueOf() === 'string' && (React.createElement(Text, { style: styles.text, ellipsizeMode: 'tail', numberOfLines: 1 }, String(children)))));
+        }, ...others }, children && typeof children.valueOf() === "string" && (React.createElement(Text, { style: styles.text, ellipsizeMode: "tail", numberOfLines: 1 }, String(children)))));
 };
 SegmentControlItem.displayName = ComponentName.SegmentControlItem;
 export default SegmentControlItem;

package/lib/components/segment-control/item/SegmentControlItem.native.js.map

@@ -1 +1 @@
-{"version":3,"file":"SegmentControlItem.native.js","sourceRoot":"","sources":["../../../../components/segment-control/item/SegmentControlItem.native.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAClD,OAAO,EAAE,UAAU,EAAE,gBAAgB,EAAE,IAAI,EAAE,MAAM,cAAc,CAAA;AAEjE,OAAO,EAAE,aAAa,EAAE,YAAY,EAAE,MAAM,+BAA+B,CAAA;AAC3E,OAAO,EAAE,aAAa,EAAE,MAAM,2BAA2B,CAAA;AAEzD;;;;;;;GAOG;AACH,MAAM,kBAAkB,GAAG,CAAC,EAC1B,MAAM,EACN,QAAQ,EACR,OAAO,EACP,QAAQ,EACR,QAAQ,EACR,GAAG,MAAM,EACe,EAAe,EAAE;IACzC,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,QAAQ,CAAU,MAAM,IAAI,KAAK,CAAC,CAAA;IAEtE,MAAM,MAAM,GAAG,UAAU,CAAC,MAAM,CAAC;QAC/B,QAAQ,EAAE;YACR,aAAa,EAAE,QAAQ;YACvB,IAAI,EAAE,CAAC;YACP,WAAW,EAAE,CAAC;YACd,YAAY,EAAE,CAAC;YACf,UAAU,EAAE,QAAQ;YACpB,eAAe,EACb,CAAC,UAAU,IAAI,aAAa,CAAC,YAAY,CAAC,SAAS,CAAC,CAAC;gBACrD,CAAC,QAAQ,IAAI,aAAa,CAAC,YAAY,CAAC,KAAK,CAAC,CAAC;gBAC/C,CAAC,QAAQ,IAAI,aAAa,CAAC,YAAY,CAAC,aAAa,CAAC,CAAC;gBACvD,aAAa,CAAC,YAAY,CAAC,UAAU,CAAC;SACzC;QACD,IAAI,EAAE;YACJ,iBAAiB,EAAE,EAAE;YACrB,KAAK,EACH,CAAC,UAAU,IAAI,CAAC,QAAQ,IAAI,aAAa,CAAC,YAAY,CAAC,KAAK,CAAC,CAAC;gBAC9D,CAAC,CAAC,UAAU,IAAI,CAAC,QAAQ,IAAI,QAAQ,IAAI,aAAa,CAAC,YAAY,CAAC,aAAa,CAAC,CAAC;gBACnF,aAAa,CAAC,YAAY,CAAC,QAAQ,CAAC;YACtC,cAAc,EAAE,EAAE;YAClB,QAAQ,EAAE,EAAE;YACZ,SAAS,EAAE,QAAQ;YACnB,iBAAiB,EAAE,QAAQ;YAC3B,UAAU,EAAE,UAAU,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,QAAQ;SAC1C;KACF,CAAC,CAAA;IAEF,SAAS,CAAC,GAAG,EAAE;QACb,aAAa,CAAC,MAAM,IAAI,KAAK,CAAC,CAAA;IAChC,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC,CAAA;IAEZ,OAAO,CACL,oBAAC,gBAAgB,IACf,QAAQ,EAAE,QAAQ,EAClB,KAAK,EAAE,CAAC,MAAM,CAAC,QAAQ,CAAC,EACxB,OAAO,EAAE,CAAC,CAAW,EAAE,EAAE;YACvB,IAAI,CAAC,QAAQ,EAAE;gBACb,aAAa,CAAC,MAAM,IAAI,KAAK,CAAC,CAAA;gBAC9B,IAAI,OAAO,EAAE;oBACX,OAAO,CAAC,CAAC,CAAC,CAAA;iBACX;aACF;QACH,CAAC,KACG,MAAM,IAET,QAAQ,IAAI,OAAO,QAAQ,CAAC,OAAO,EAAE,KAAK,QAAQ,IAAI,CACrD,oBAAC,IAAI,IAAC,KAAK,EAAE,MAAM,CAAC,IAAI,EAAE,aAAa,EAAE,MAAM,EAAE,aAAa,EAAE,CAAC,IAC9D,MAAM,CAAC,QAAQ,CAAC,CACZ,CACR,CACgB,CACpB,CAAA;AACH,CAAC,CAAA;AAED,kBAAkB,CAAC,WAAW,GAAG,aAAa,CAAC,kBAAkB,CAAA;AAEjE,eAAe,kBAAkB,CAAA"}
+{"version":3,"file":"SegmentControlItem.native.js","sourceRoot":"","sources":["../../../../components/segment-control/item/SegmentControlItem.native.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAClD,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,gBAAgB,EAAE,MAAM,cAAc,CAAA;AAEjE,OAAO,EAAE,aAAa,EAAE,YAAY,EAAE,MAAM,+BAA+B,CAAA;AAC3E,OAAO,EAAE,aAAa,EAAE,MAAM,2BAA2B,CAAA;AAEzD;;;;;;;GAOG;AACH,MAAM,kBAAkB,GAAG,CAAC,EAC1B,MAAM,EACN,QAAQ,EACR,OAAO,EACP,QAAQ,EACR,QAAQ,EACR,GAAG,MAAM,EACe,EAAe,EAAE;IACzC,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,QAAQ,CAAU,MAAM,IAAI,KAAK,CAAC,CAAA;IAEtE,MAAM,MAAM,GAAG,UAAU,CAAC,MAAM,CAAC;QAC/B,QAAQ,EAAE;YACR,aAAa,EAAE,QAAQ;YACvB,IAAI,EAAE,CAAC;YACP,WAAW,EAAE,CAAC;YACd,YAAY,EAAE,CAAC;YACf,UAAU,EAAE,QAAQ;YACpB,eAAe,EACb,CAAC,UAAU,IAAI,aAAa,CAAC,YAAY,CAAC,IAAI,CAAC,CAAC;gBAChD,CAAC,QAAQ,IAAI,aAAa,CAAC,YAAY,CAAC,KAAK,CAAC,CAAC;gBAC/C,CAAC,QAAQ,IAAI,aAAa,CAAC,YAAY,CAAC,QAAQ,EAAE,CAAC,CAAC,CAAC;gBACrD,aAAa,CAAC,YAAY,CAAC,YAAY,EAAE,CAAC,CAAC;SAC9C;QACD,IAAI,EAAE;YACJ,iBAAiB,EAAE,EAAE;YACrB,KAAK,EACH,CAAC,UAAU,IAAI,CAAC,QAAQ,IAAI,aAAa,CAAC,YAAY,CAAC,KAAK,CAAC,CAAC;gBAC9D,CAAC,CAAC,UAAU;oBACV,CAAC,QAAQ;oBACT,QAAQ;oBACR,aAAa,CAAC,YAAY,CAAC,QAAQ,CAAC,CAAC;gBACvC,aAAa,CAAC,YAAY,CAAC,IAAI,CAAC;YAClC,cAAc,EAAE,EAAE;YAClB,QAAQ,EAAE,EAAE;YACZ,SAAS,EAAE,QAAQ;YACnB,iBAAiB,EAAE,QAAQ;YAC3B,UAAU,EAAE,UAAU,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,QAAQ;SAC1C;KACF,CAAC,CAAA;IAEF,SAAS,CAAC,GAAG,EAAE;QACb,aAAa,CAAC,MAAM,IAAI,KAAK,CAAC,CAAA;IAChC,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC,CAAA;IAEZ,OAAO,CACL,oBAAC,gBAAgB,IACf,QAAQ,EAAE,QAAQ,EAClB,KAAK,EAAE,CAAC,MAAM,CAAC,QAAQ,CAAC,EACxB,OAAO,EAAE,CAAC,CAAW,EAAE,EAAE;YACvB,IAAI,CAAC,QAAQ,EAAE;gBACb,aAAa,CAAC,MAAM,IAAI,KAAK,CAAC,CAAA;gBAC9B,IAAI,OAAO,EAAE;oBACX,OAAO,CAAC,CAAC,CAAC,CAAA;iBACX;aACF;QACH,CAAC,KACG,MAAM,IAET,QAAQ,IAAI,OAAO,QAAQ,CAAC,OAAO,EAAE,KAAK,QAAQ,IAAI,CACrD,oBAAC,IAAI,IAAC,KAAK,EAAE,MAAM,CAAC,IAAI,EAAE,aAAa,EAAE,MAAM,EAAE,aAAa,EAAE,CAAC,IAC9D,MAAM,CAAC,QAAQ,CAAC,CACZ,CACR,CACgB,CACpB,CAAA;AACH,CAAC,CAAA;AAED,kBAAkB,CAAC,WAAW,GAAG,aAAa,CAAC,kBAAkB,CAAA;AAEjE,eAAe,kBAAkB,CAAA"}

package/lib/components/select/Select.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { SelectProps } from './SelectProps';
+import { SelectProps } from "./SelectProps";
 /**
  * Select Component
  * @param children {React.ReactNode} Children for Select

package/lib/components/select/Select.js

@@ -1,9 +1,9 @@
-import React from 'react';
-import clsx from 'clsx';
-import { hashClass } from '../../helpers';
-import { useTrilogyContext } from '../../context';
-import { SelectNative, SelectDynamic } from './web';
-import SelectNativeOption from './option/SelectNativeOption';
+import * as React from "react";
+import clsx from "clsx";
+import { hashClass } from "../../helpers";
+import { useTrilogyContext } from "../../context";
+import { SelectDynamic, SelectNative } from "./web";
+import SelectNativeOption from "./option/SelectNativeOption";
 /**
  * Select Component
  * @param children {React.ReactNode} Children for Select
@@ -27,7 +27,7 @@ import SelectNativeOption from './option/SelectNativeOption';
  */
 const Select = ({ children, className, label, onChange, disabled, onBlur, onFocus, id, name, iconName, classNameOptions, nullable, testId, selected, native, ...others }) => {
     const { styled } = useTrilogyContext();
-    const selecteClasses = React.useMemo(() => hashClass(styled, clsx('select', disabled && 'select-disabled', iconName && 'has-icon', native && 'select-native', className)), [styled, disabled, iconName, className]);
+    const selecteClasses = React.useMemo(() => hashClass(styled, clsx("select", iconName && "has-icon", native && "select-native", className)), [styled, disabled, iconName, className]);
     if (native) {
         return (React.createElement(SelectNative, { selecteClasses: selecteClasses, onChange: onChange, onFocus: onFocus, onBlur: onBlur, id: id, name: name, disabled: disabled, label: label, iconName: iconName, styled: styled, testId: testId, selected: selected, ...others }, React.Children.map(children, (child) => {
             if (React.isValidElement(child)) {

package/lib/components/select/Select.js.map

@@ -1 +1 @@
-{"version":3,"file":"Select.js","sourceRoot":"","sources":["../../../components/select/Select.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,IAAI,MAAM,MAAM,CAAA;AACvB,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAA;AACzC,OAAO,EAAE,iBAAiB,EAAE,MAAM,eAAe,CAAA;AACjD,OAAO,EAAE,YAAY,EAAE,aAAa,EAAE,MAAM,OAAO,CAAA;AACnD,OAAO,kBAAkB,MAAM,6BAA6B,CAAA;AAE5D;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,MAAM,MAAM,GAAG,CAAC,EACd,QAAQ,EACR,SAAS,EACT,KAAK,EACL,QAAQ,EACR,QAAQ,EACR,MAAM,EACN,OAAO,EACP,EAAE,EACF,IAAI,EACJ,QAAQ,EACR,gBAAgB,EAChB,QAAQ,EACR,MAAM,EACN,QAAQ,EACR,MAAM,EACN,GAAG,MAAM,EACG,EAAe,EAAE;IAC7B,MAAM,EAAE,MAAM,EAAE,GAAG,iBAAiB,EAAE,CAAA;IAEtC,MAAM,cAAc,GAAG,KAAK,CAAC,OAAO,CAClC,GAAG,EAAE,CACH,SAAS,CACP,MAAM,EACN,IAAI,CAAC,QAAQ,EAAE,QAAQ,IAAI,iBAAiB,EAAE,QAAQ,IAAI,UAAU,EAAE,MAAM,IAAI,eAAe,EAAE,SAAS,CAAC,CAC5G,EACH,CAAC,MAAM,EAAE,QAAQ,EAAE,QAAQ,EAAE,SAAS,CAAC,CACxC,CAAA;IAED,IAAI,MAAM,EAAE;QACV,OAAO,CACL,oBAAC,YAAY,IACX,cAAc,EAAE,cAAc,EAC9B,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,OAAO,EAChB,MAAM,EAAE,MAAM,EACd,EAAE,EAAE,EAAE,EACN,IAAI,EAAE,IAAI,EACV,QAAQ,EAAE,QAAQ,EAClB,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,QAAQ,EAClB,MAAM,EAAE,MAAM,EACd,MAAM,EAAE,MAAM,EACd,QAAQ,EAAE,QAAQ,KACd,MAAM,IAET,KAAK,CAAC,QAAQ,CAAC,GAAG,CAAC,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE;YACtC,IAAI,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,EAAE;gBAC/B,OAAO,oBAAC,kBAAkB,OAAK,KAAK,CAAC,KAAK,GAAI,CAAA;aAC/C;YACD,OAAO,IAAI,CAAA;QACb,CAAC,CAAC,CACW,CAChB,CAAA;KACF;IAED,OAAO,CACL,oBAAC,aAAa,IACZ,MAAM,EAAE,MAAM,EACd,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,OAAO,EAChB,MAAM,EAAE,MAAM,EACd,QAAQ,EAAE,QAAQ,EAClB,IAAI,EAAE,IAAI,EACV,EAAE,EAAE,EAAE,EACN,MAAM,EAAE,MAAM,EACd,gBAAgB,EAAE,gBAAgB,EAClC,cAAc,EAAE,cAAc,EAC9B,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,QAAQ,KACd,MAAM,IAET,QAAQ,CACK,CACjB,CAAA;AACH,CAAC,CAAA;AAED,eAAe,MAAM,CAAA"}
+{"version":3,"file":"Select.js","sourceRoot":"","sources":["../../../components/select/Select.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,IAAI,MAAM,MAAM,CAAA;AACvB,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAA;AACzC,OAAO,EAAE,iBAAiB,EAAE,MAAM,eAAe,CAAA;AACjD,OAAO,EAAE,aAAa,EAAE,YAAY,EAAE,MAAM,OAAO,CAAA;AACnD,OAAO,kBAAkB,MAAM,6BAA6B,CAAA;AAE5D;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,MAAM,MAAM,GAAG,CAAC,EACd,QAAQ,EACR,SAAS,EACT,KAAK,EACL,QAAQ,EACR,QAAQ,EACR,MAAM,EACN,OAAO,EACP,EAAE,EACF,IAAI,EACJ,QAAQ,EACR,gBAAgB,EAChB,QAAQ,EACR,MAAM,EACN,QAAQ,EACR,MAAM,EACN,GAAG,MAAM,EACG,EAAe,EAAE;IAC7B,MAAM,EAAE,MAAM,EAAE,GAAG,iBAAiB,EAAE,CAAA;IAEtC,MAAM,cAAc,GAAG,KAAK,CAAC,OAAO,CAClC,GAAG,EAAE,CACH,SAAS,CACP,MAAM,EACN,IAAI,CACF,QAAQ,EACR,QAAQ,IAAI,UAAU,EACtB,MAAM,IAAI,eAAe,EACzB,SAAS,CACV,CACF,EACH,CAAC,MAAM,EAAE,QAAQ,EAAE,QAAQ,EAAE,SAAS,CAAC,CACxC,CAAA;IAED,IAAI,MAAM,EAAE;QACV,OAAO,CACL,oBAAC,YAAY,IACX,cAAc,EAAE,cAAc,EAC9B,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,OAAO,EAChB,MAAM,EAAE,MAAM,EACd,EAAE,EAAE,EAAE,EACN,IAAI,EAAE,IAAI,EACV,QAAQ,EAAE,QAAQ,EAClB,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,QAAQ,EAClB,MAAM,EAAE,MAAM,EACd,MAAM,EAAE,MAAM,EACd,QAAQ,EAAE,QAAQ,KACd,MAAM,IAET,KAAK,CAAC,QAAQ,CAAC,GAAG,CAAC,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE;YACtC,IAAI,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,EAAE;gBAC/B,OAAO,oBAAC,kBAAkB,OAAK,KAAK,CAAC,KAAK,GAAI,CAAA;aAC/C;YACD,OAAO,IAAI,CAAA;QACb,CAAC,CAAC,CACW,CAChB,CAAA;KACF;IAED,OAAO,CACL,oBAAC,aAAa,IACZ,MAAM,EAAE,MAAM,EACd,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,OAAO,EAChB,MAAM,EAAE,MAAM,EACd,QAAQ,EAAE,QAAQ,EAClB,IAAI,EAAE,IAAI,EACV,EAAE,EAAE,EAAE,EACN,MAAM,EAAE,MAAM,EACd,gBAAgB,EAAE,gBAAgB,EAClC,cAAc,EAAE,cAAc,EAC9B,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,QAAQ,KACd,MAAM,IAET,QAAQ,CACK,CACjB,CAAA;AACH,CAAC,CAAA;AAED,eAAe,MAAM,CAAA"}

package/lib/components/select/Select.native.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
-import { SelectProps } from './SelectProps';
-import { ComponentName } from '../enumsComponentsName';
+import { SelectProps } from "./SelectProps";
+import { ComponentName } from "../enumsComponentsName";
 /**
  * Select Component
  * @param id {string} Select id

package/lib/components/select/Select.native.js

@@ -1,11 +1,11 @@
-import React, { useEffect, useMemo, useState } from 'react';
-import { Platform, StyleSheet, TouchableOpacity, View } from 'react-native';
-import { Text, TextLevels } from '../text';
-import { Icon, IconName, IconSize } from '../icon';
-import { Picker } from '@react-native-picker/picker';
-import { getColorStyle, TrilogyColor, TypographyColor } from '../../objects';
-import { ComponentName } from '../enumsComponentsName';
-import { Modal } from '../modal';
+import React, { useEffect, useMemo, useState } from "react";
+import { Platform, StyleSheet, TouchableOpacity, View } from "react-native";
+import { Text, TextLevels } from "../text";
+import { Icon, IconName, IconSize } from "../icon";
+import { Picker } from "@react-native-picker/picker";
+import { getColorStyle, TrilogyColor, TypographyColor } from "../../objects";
+import { ComponentName } from "../enumsComponentsName";
+import { Modal } from "../modal";
 /**
  * Select Component
  * @param id {string} Select id
@@ -17,27 +17,31 @@ import { Modal } from '../modal';
  * @param placeholder {string} Select Placeholder
  */
 const Select = ({ children, name, id, selected, label, iconName, onChange, placeholder, disabled, ...others }) => {
-    const [selectedValue, setSelectedValue] = useState(selected || '');
+    const [selectedValue, setSelectedValue] = useState(selected || "");
     const [display, setDisplay] = useState(false);
     useEffect(() => {
-        setSelectedValue(selected || '');
+        setSelectedValue(selected || "");
     }, [selected]);
     const styles = StyleSheet.create({
         select: {
-            width: '100%',
-            backgroundColor: getColorStyle(disabled ? TrilogyColor.GREY_LIGHT : TrilogyColor.WHITE),
-            borderColor: getColorStyle(disabled ? TrilogyColor.GREY_LIGHT : TrilogyColor.GREY),
+            width: "100%",
+            backgroundColor: disabled
+                ? getColorStyle(TrilogyColor.DISABLED, 1)
+                : TrilogyColor.WHITE,
+            borderColor: disabled
+                ? getColorStyle(TrilogyColor.DISABLED, 1)
+                : getColorStyle(TrilogyColor.FONT, 1),
             borderWidth: 1,
             borderRadius: 4,
             zIndex: 3,
-            overflow: 'hidden',
-            flexDirection: 'row',
-            alignItems: 'center',
+            overflow: "hidden",
+            flexDirection: "row",
+            alignItems: "center",
             height: 50,
         },
         iconLeft: {
             left: 10,
-            color: getColorStyle(TrilogyColor.TERTIARY),
+            color: getColorStyle(TrilogyColor.MAIN),
             paddingRight: 8,
             paddingLeft: 8,
             marginRight: 25,
@@ -45,32 +49,36 @@ const Select = ({ children, name, id, selected, label, iconName, onChange, place
         text: {
             fontSize: 16,
             lineHeight: 20,
-            color: getColorStyle(disabled ? TrilogyColor.GREY_DARK : TrilogyColor.TERTIARY),
+            color: getColorStyle(disabled ? TrilogyColor.DISABLED : TrilogyColor.MAIN),
         },
     });
     const selectedOptionName = useMemo(() => {
         const selectedChild = React.Children.toArray(children).find((child) => {
-            return React.isValidElement(child) && (child.props.value === selected || child.props.selected === true);
+            return (React.isValidElement(child) &&
+                (child.props.value === selected || child.props.selected === true));
         });
         if (React.isValidElement(selectedChild))
             return selectedChild.props.children || selectedChild.props.label;
         return undefined;
     }, [selectedValue, children]);
-    if (Platform.OS === 'ios') {
+    if (Platform.OS === "ios") {
         return (React.createElement(React.Fragment, null,
-            React.createElement(TouchableOpacity, { onPress: () => setDisplay((prev) => !prev), style: styles.select },
+            React.createElement(TouchableOpacity, { disabled: disabled, onPress: () => setDisplay((prev) => !prev), style: styles.select },
                 iconName && (React.createElement(View, null,
-                    React.createElement(Icon, { name: iconName, size: IconSize.SMALL, color: disabled ? TrilogyColor.GREY_DARK : TrilogyColor.TERTIARY, style: styles.iconLeft }))),
-                React.createElement(View, { style: { width: '75%' } },
-                    label && (React.createElement(Text, { level: selectedOptionName && TextLevels.THREE, typo: [TypographyColor.TEXT_GREY_DARK], style: { fontSize: selectedOptionName ? undefined : 16, lineHeight: 20 } }, label)),
+                    React.createElement(Icon, { name: iconName, size: IconSize.SMALL, color: disabled ? TrilogyColor.NEUTRAL_DARK : TrilogyColor.MAIN, style: styles.iconLeft }))),
+                React.createElement(View, { style: { width: "75%" } },
+                    label && (React.createElement(Text, { level: selectedOptionName && TextLevels.THREE, typo: [TypographyColor.TEXT_NEUTRAL_DARK], style: {
+                            fontSize: selectedOptionName ? undefined : 16,
+                            lineHeight: 20,
+                        } }, label)),
                     selectedOptionName && (React.createElement(Text, { style: { ...styles.text }, numberOfLines: 1 }, selectedOptionName))),
                 React.createElement(View, { style: {
-                        marginLeft: 'auto',
+                        marginLeft: "auto",
                         paddingRight: 10,
                     } },
-                    React.createElement(Icon, { name: IconName.ARROW_DOWN, size: IconSize.SMALL, color: disabled ? TrilogyColor.GREY_DARK : TrilogyColor.TERTIARY }))),
+                    React.createElement(Icon, { name: IconName.ARROW_DOWN, size: IconSize.SMALL, color: disabled ? TrilogyColor.NEUTRAL_DARK : TrilogyColor.MAIN }))),
             React.createElement(Modal, { active: display, onClose: () => setDisplay(false), bottom: true, closeIcon: true, swipable: false },
-                React.createElement(Picker, { itemStyle: { color: getColorStyle(TrilogyColor.TERTIARY) }, style: { width: '100%' }, nativeID: `${`${id}_${name}`}`, selectedValue: selectedValue, onValueChange: (itemValue) => {
+                React.createElement(Picker, { itemStyle: { color: getColorStyle(TrilogyColor.MAIN) }, style: { width: "100%" }, nativeID: `${`${id}_${name}`}`, selectedValue: selectedValue, onValueChange: (itemValue) => {
                         if (onChange)
                             onChange(itemValue);
                         setSelectedValue(itemValue);
@@ -78,13 +86,13 @@ const Select = ({ children, name, id, selected, label, iconName, onChange, place
                     }, ...others }, children))));
     }
     return (React.createElement(View, { style: styles.select },
-        React.createElement(Picker, { placeholder: placeholder, selectedValue: selectedValue, style: { width: '100%', height: '100%' }, onValueChange: (itemValue) => {
+        React.createElement(Picker, { placeholder: placeholder, selectedValue: selectedValue, style: { width: "100%", height: "100%" }, onValueChange: (itemValue) => {
                 if (onChange) {
                     onChange(itemValue);
                 }
                 setSelectedValue(itemValue);
                 setDisplay(false);
-            }, mode: 'dialog' }, children)));
+            }, mode: "dialog" }, children)));
 };
 Select.displayName = ComponentName.Select;
 export default Select;

package/lib/components/select/Select.native.js.map

@@ -1 +1 @@
-{"version":3,"file":"Select.native.js","sourceRoot":"","sources":["../../../components/select/Select.native.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"Select.native.js","sourceRoot":"","sources":["../../../components/select/Select.native.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAC3D,OAAO,EAAE,QAAQ,EAAE,UAAU,EAAE,gBAAgB,EAAE,IAAI,EAAE,MAAM,cAAc,CAAA;AAE3E,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,SAAS,CAAA;AAC1C,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAA;AAClD,OAAO,EAAE,MAAM,EAAE,MAAM,6BAA6B,CAAA;AACpD,OAAO,EAAE,aAAa,EAAE,YAAY,EAAE,eAAe,EAAE,MAAM,eAAe,CAAA;AAC5E,OAAO,EAAE,aAAa,EAAE,MAAM,wBAAwB,CAAA;AACtD,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAA;AAEhC;;;;;;;;;GASG;AACH,MAAM,MAAM,GAAG,CAAC,EACd,QAAQ,EACR,IAAI,EACJ,EAAE,EACF,QAAQ,EACR,KAAK,EACL,QAAQ,EACR,QAAQ,EACR,WAAW,EACX,QAAQ,EACR,GAAG,MAAM,EACG,EAAe,EAAE;IAC7B,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,QAAQ,CAChD,QAAQ,IAAI,EAAE,CACf,CAAA;IACD,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAU,KAAK,CAAC,CAAA;IAEtD,SAAS,CAAC,GAAG,EAAE;QACb,gBAAgB,CAAC,QAAQ,IAAI,EAAE,CAAC,CAAA;IAClC,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAA;IAEd,MAAM,MAAM,GAAG,UAAU,CAAC,MAAM,CAAC;QAC/B,MAAM,EAAE;YACN,KAAK,EAAE,MAAM;YACb,eAAe,EAAE,QAAQ;gBACvB,CAAC,CAAC,aAAa,CAAC,YAAY,CAAC,QAAQ,EAAE,CAAC,CAAC;gBACzC,CAAC,CAAC,YAAY,CAAC,KAAK;YACtB,WAAW,EAAE,QAAQ;gBACnB,CAAC,CAAC,aAAa,CAAC,YAAY,CAAC,QAAQ,EAAE,CAAC,CAAC;gBACzC,CAAC,CAAC,aAAa,CAAC,YAAY,CAAC,IAAI,EAAE,CAAC,CAAC;YACvC,WAAW,EAAE,CAAC;YACd,YAAY,EAAE,CAAC;YACf,MAAM,EAAE,CAAC;YACT,QAAQ,EAAE,QAAQ;YAClB,aAAa,EAAE,KAAK;YACpB,UAAU,EAAE,QAAQ;YACpB,MAAM,EAAE,EAAE;SACX;QACD,QAAQ,EAAE;YACR,IAAI,EAAE,EAAE;YACR,KAAK,EAAE,aAAa,CAAC,YAAY,CAAC,IAAI,CAAC;YACvC,YAAY,EAAE,CAAC;YACf,WAAW,EAAE,CAAC;YACd,WAAW,EAAE,EAAE;SAChB;QACD,IAAI,EAAE;YACJ,QAAQ,EAAE,EAAE;YACZ,UAAU,EAAE,EAAE;YACd,KAAK,EAAE,aAAa,CAClB,QAAQ,CAAC,CAAC,CAAC,YAAY,CAAC,QAAQ,CAAC,CAAC,CAAC,YAAY,CAAC,IAAI,CACrD;SACF;KACF,CAAC,CAAA;IAEF,MAAM,kBAAkB,GAAG,OAAO,CAAC,GAAG,EAAE;QACtC,MAAM,aAAa,GAAG,KAAK,CAAC,QAAQ,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC,IAAI,CAAC,CAAC,KAAK,EAAE,EAAE;YACpE,OAAO,CACL,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC;gBAC3B,CAAC,KAAK,CAAC,KAAK,CAAC,KAAK,KAAK,QAAQ,IAAI,KAAK,CAAC,KAAK,CAAC,QAAQ,KAAK,IAAI,CAAC,CAClE,CAAA;QACH,CAAC,CAAC,CAAA;QACF,IAAI,KAAK,CAAC,cAAc,CAAC,aAAa,CAAC;YACrC,OAAO,aAAa,CAAC,KAAK,CAAC,QAAQ,IAAI,aAAa,CAAC,KAAK,CAAC,KAAK,CAAA;QAClE,OAAO,SAAS,CAAA;IAClB,CAAC,EAAE,CAAC,aAAa,EAAE,QAAQ,CAAC,CAAC,CAAA;IAE7B,IAAI,QAAQ,CAAC,EAAE,KAAK,KAAK,EAAE;QACzB,OAAO,CACL;YACE,oBAAC,gBAAgB,IACf,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,GAAG,EAAE,CAAC,UAAU,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC,IAAI,CAAC,EAC1C,KAAK,EAAE,MAAM,CAAC,MAAM;gBAEnB,QAAQ,IAAI,CACX,oBAAC,IAAI;oBACH,oBAAC,IAAI,IACH,IAAI,EAAE,QAAQ,EACd,IAAI,EAAE,QAAQ,CAAC,KAAK,EACpB,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,YAAY,CAAC,YAAY,CAAC,CAAC,CAAC,YAAY,CAAC,IAAI,EAC/D,KAAK,EAAE,MAAM,CAAC,QAAQ,GACtB,CACG,CACR;gBACD,oBAAC,IAAI,IAAC,KAAK,EAAE,EAAE,KAAK,EAAE,KAAK,EAAE;oBAC1B,KAAK,IAAI,CACR,oBAAC,IAAI,IACH,KAAK,EAAE,kBAAkB,IAAI,UAAU,CAAC,KAAK,EAC7C,IAAI,EAAE,CAAC,eAAe,CAAC,iBAAiB,CAAC,EACzC,KAAK,EAAE;4BACL,QAAQ,EAAE,kBAAkB,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,EAAE;4BAC7C,UAAU,EAAE,EAAE;yBACf,IAEA,KAAK,CACD,CACR;oBACA,kBAAkB,IAAI,CACrB,oBAAC,IAAI,IAAC,KAAK,EAAE,EAAE,GAAG,MAAM,CAAC,IAAI,EAAE,EAAE,aAAa,EAAE,CAAC,IAC9C,kBAAkB,CACd,CACR,CACI;gBAEP,oBAAC,IAAI,IACH,KAAK,EAAE;wBACL,UAAU,EAAE,MAAM;wBAClB,YAAY,EAAE,EAAE;qBACjB;oBAED,oBAAC,IAAI,IACH,IAAI,EAAE,QAAQ,CAAC,UAAU,EACzB,IAAI,EAAE,QAAQ,CAAC,KAAK,EACpB,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,YAAY,CAAC,YAAY,CAAC,CAAC,CAAC,YAAY,CAAC,IAAI,GAC/D,CACG,CACU;YACnB,oBAAC,KAAK,IACJ,MAAM,EAAE,OAAO,EACf,OAAO,EAAE,GAAG,EAAE,CAAC,UAAU,CAAC,KAAK,CAAC,EAChC,MAAM,QACN,SAAS,QACT,QAAQ,EAAE,KAAK;gBAEf,oBAAC,MAAM,IACL,SAAS,EAAE,EAAE,KAAK,EAAE,aAAa,CAAC,YAAY,CAAC,IAAI,CAAC,EAAE,EACtD,KAAK,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,EACxB,QAAQ,EAAE,GAAG,GAAG,EAAE,IAAI,IAAI,EAAE,EAAE,EAC9B,aAAa,EAAE,aAAa,EAC5B,aAAa,EAAE,CAAC,SAA0B,EAAE,EAAE;wBAC5C,IAAI,QAAQ;4BAAE,QAAQ,CAAC,SAAS,CAAC,CAAA;wBACjC,gBAAgB,CAAC,SAAS,CAAC,CAAA;wBAC3B,UAAU,CAAC,KAAK,CAAC,CAAA;oBACnB,CAAC,KACG,MAAM,IAET,QAAQ,CACF,CACH,CACP,CACJ,CAAA;KACF;IAED,OAAO,CACL,oBAAC,IAAI,IAAC,KAAK,EAAE,MAAM,CAAC,MAAM;QACxB,oBAAC,MAAM,IACL,WAAW,EAAE,WAAW,EACxB,aAAa,EAAE,aAAa,EAC5B,KAAK,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,EACxC,aAAa,EAAE,CAAC,SAA0B,EAAE,EAAE;gBAC5C,IAAI,QAAQ,EAAE;oBACZ,QAAQ,CAAC,SAAS,CAAC,CAAA;iBACpB;gBACD,gBAAgB,CAAC,SAAS,CAAC,CAAA;gBAC3B,UAAU,CAAC,KAAK,CAAC,CAAA;YACnB,CAAC,EACD,IAAI,EAAE,QAAQ,IAEb,QAAQ,CACF,CACJ,CACR,CAAA;AACH,CAAC,CAAA;AAED,MAAM,CAAC,WAAW,GAAG,aAAa,CAAC,MAAM,CAAA;AAEzC,eAAe,MAAM,CAAA"}

package/lib/components/select/option/SelectNativeOption.d.ts

@@ -1,4 +1,4 @@
 /// <reference types="react" />
-import { SelectOptionProps } from './SelectOptionProps';
+import { SelectOptionProps } from "./SelectOptionProps";
 declare const SelectNativeOption: ({ id, value, disabled, children, onClick, label, testId, ...others }: SelectOptionProps) => JSX.Element;
 export default SelectNativeOption;

package/lib/components/select/option/SelectNativeOption.js

@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from "react";
 const SelectNativeOption = ({ id, value, disabled, children, onClick, label, testId, ...others }) => {
     return (React.createElement("option", { role: 'option', id: id, value: value, disabled: disabled, "aria-label": label, "data-testid": testId, ...others, onClick: (e) => {
             onClick && onClick(e);

package/lib/components/select/option/SelectNativeOption.js.map

@@ -1 +1 @@
-{"version":3,"file":"SelectNativeOption.js","sourceRoot":"","sources":["../../../../components/select/option/SelectNativeOption.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB,MAAM,kBAAkB,GAAG,CAAC,EAC1B,EAAE,EACF,KAAK,EACL,QAAQ,EACR,QAAQ,EACR,OAAO,EACP,KAAK,EACL,MAAM,EACN,GAAG,MAAM,EACS,EAAe,EAAE;IACnC,OAAO,CACL,gCACE,IAAI,EAAC,QAAQ,EACb,EAAE,EAAE,EAAE,EACN,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,QAAQ,gBACN,KAAK,iBACJ,MAAM,KACf,MAAM,EACV,OAAO,EAAE,CAAC,CAAgC,EAAE,EAAE;YAC5C,OAAO,IAAI,OAAO,CAAC,CAAC,CAAC,CAAA;QACvB,CAAC,IAEA,QAAQ,IAAI,KAAK,CACX,CACV,CAAA;AACH,CAAC,CAAA;AAED,eAAe,kBAAkB,CAAA"}
+{"version":3,"file":"SelectNativeOption.js","sourceRoot":"","sources":["../../../../components/select/option/SelectNativeOption.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAG9B,MAAM,kBAAkB,GAAG,CAAC,EAC1B,EAAE,EACF,KAAK,EACL,QAAQ,EACR,QAAQ,EACR,OAAO,EACP,KAAK,EACL,MAAM,EACN,GAAG,MAAM,EACS,EAAe,EAAE;IACnC,OAAO,CACL,gCACE,IAAI,EAAC,QAAQ,EACb,EAAE,EAAE,EAAE,EACN,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,QAAQ,gBACN,KAAK,iBACJ,MAAM,KACf,MAAM,EACV,OAAO,EAAE,CAAC,CAAgC,EAAE,EAAE;YAC5C,OAAO,IAAI,OAAO,CAAC,CAAC,CAAC,CAAA;QACvB,CAAC,IAEA,QAAQ,IAAI,KAAK,CACX,CACV,CAAA;AACH,CAAC,CAAA;AAED,eAAe,kBAAkB,CAAA"}

package/lib/components/select/option/SelectOption.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { SelectOptionProps } from './SelectOptionProps';
+import { SelectOptionProps } from "./SelectOptionProps";
 /**
  * Select Option Component
  * @param value {string} Select option value

package/lib/components/select/option/SelectOption.js

@@ -1,8 +1,8 @@
-import React from 'react';
-import clsx from 'clsx';
-import { hashClass } from '../../../helpers';
-import { useTrilogyContext } from '../../../context';
-import { Icon } from '../../icon';
+import * as React from "react";
+import clsx from "clsx";
+import { hashClass } from "../../../helpers";
+import { useTrilogyContext } from "../../../context";
+import { Icon } from "../../icon";
 /**
  * Select Option Component
  * @param value {string} Select option value
@@ -19,8 +19,8 @@ import { Icon } from '../../icon';
  */
 const SelectOption = ({ id, className, selected, value, disabled, children, onClick, label, iconName, testId, ...others }) => {
     const { styled } = useTrilogyContext();
-    return (React.createElement("div", { role: 'option', tabIndex: 0, className: hashClass(styled, clsx('select-options-option', selected && !disabled && 'select-options-option-activated', disabled && !selected && 'select-options-option-disabled', iconName && 'has-icon', className)), "data-testid": testId, id: id, "data-option-name": children || label, "data-option-value": value, onMouseUp: onClick, "aria-disabled": disabled, "aria-selected": selected ? 'true' : 'false', ...others },
-        React.createElement("div", { className: hashClass(styled, clsx(iconName && 'has-icon')) },
+    return (React.createElement("div", { role: 'option', tabIndex: 0, className: hashClass(styled, clsx("select-options-option", selected && !disabled && "select-options-option-activated", disabled && !selected && "select-options-option-disabled", iconName && "has-icon", className)), "data-testid": testId, id: id, "data-option-name": children || label, "data-option-value": value, onMouseUp: onClick, "aria-disabled": disabled, "aria-selected": selected ? "true" : "false", ...others },
+        React.createElement("div", { className: hashClass(styled, clsx(iconName && "has-icon")) },
             iconName && React.createElement(Icon, { name: iconName, size: 'small' }),
             children || label)));
 };

package/lib/components/select/option/SelectOption.js.map

@@ -1 +1 @@
-{"version":3,"file":"SelectOption.js","sourceRoot":"","sources":["../../../../components/select/option/SelectOption.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,IAAI,MAAM,MAAM,CAAA;AACvB,OAAO,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAA;AAC5C,OAAO,EAAE,iBAAiB,EAAE,MAAM,kBAAkB,CAAA;AACpD,OAAO,EAAE,IAAI,EAAE,MAAM,YAAY,CAAA;AAEjC;;;;;;;;;;;;;GAaG;AACH,MAAM,YAAY,GAAG,CAAC,EACpB,EAAE,EACF,SAAS,EACT,QAAQ,EACR,KAAK,EACL,QAAQ,EACR,QAAQ,EACR,OAAO,EACP,KAAK,EACL,QAAQ,EACR,MAAM,EACN,GAAG,MAAM,EACS,EAAe,EAAE;IACnC,MAAM,EAAE,MAAM,EAAE,GAAG,iBAAiB,EAAE,CAAA;IAEtC,OAAO,CACL,6BACE,IAAI,EAAC,QAAQ,EACb,QAAQ,EAAE,CAAC,EACX,SAAS,EAAE,SAAS,CAClB,MAAM,EACN,IAAI,CACF,uBAAuB,EACvB,QAAQ,IAAI,CAAC,QAAQ,IAAI,iCAAiC,EAC1D,QAAQ,IAAI,CAAC,QAAQ,IAAI,gCAAgC,EACzD,QAAQ,IAAI,UAAU,EACtB,SAAS,CACV,CACF,iBACY,MAAM,EACnB,EAAE,EAAE,EAAE,sBACY,QAAQ,IAAI,KAAK,uBAChB,KAAK,EACxB,SAAS,EAAE,OAAO,mBACH,QAAQ,mBACR,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO,KACtC,MAAM;QAEV,6BAAK,SAAS,EAAE,SAAS,CAAC,MAAM,EAAE,IAAI,CAAC,QAAQ,IAAI,UAAU,CAAC,CAAC;YAC5D,QAAQ,IAAI,oBAAC,IAAI,IAAC,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAC,OAAO,GAAG;YACjD,QAAQ,IAAI,KAAK,CACd,CACF,CACP,CAAA;AACH,CAAC,CAAA;AAED,eAAe,YAAY,CAAA"}
+{"version":3,"file":"SelectOption.js","sourceRoot":"","sources":["../../../../components/select/option/SelectOption.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,IAAI,MAAM,MAAM,CAAA;AACvB,OAAO,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAA;AAC5C,OAAO,EAAE,iBAAiB,EAAE,MAAM,kBAAkB,CAAA;AACpD,OAAO,EAAE,IAAI,EAAE,MAAM,YAAY,CAAA;AAEjC;;;;;;;;;;;;;GAaG;AACH,MAAM,YAAY,GAAG,CAAC,EACpB,EAAE,EACF,SAAS,EACT,QAAQ,EACR,KAAK,EACL,QAAQ,EACR,QAAQ,EACR,OAAO,EACP,KAAK,EACL,QAAQ,EACR,MAAM,EACN,GAAG,MAAM,EACS,EAAe,EAAE;IACnC,MAAM,EAAE,MAAM,EAAE,GAAG,iBAAiB,EAAE,CAAA;IAEtC,OAAO,CACL,6BACE,IAAI,EAAC,QAAQ,EACb,QAAQ,EAAE,CAAC,EACX,SAAS,EAAE,SAAS,CAClB,MAAM,EACN,IAAI,CACF,uBAAuB,EACvB,QAAQ,IAAI,CAAC,QAAQ,IAAI,iCAAiC,EAC1D,QAAQ,IAAI,CAAC,QAAQ,IAAI,gCAAgC,EACzD,QAAQ,IAAI,UAAU,EACtB,SAAS,CACV,CACF,iBACY,MAAM,EACnB,EAAE,EAAE,EAAE,sBACY,QAAQ,IAAI,KAAK,uBAChB,KAAK,EACxB,SAAS,EAAE,OAAO,mBACH,QAAQ,mBACR,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO,KACtC,MAAM;QAEV,6BAAK,SAAS,EAAE,SAAS,CAAC,MAAM,EAAE,IAAI,CAAC,QAAQ,IAAI,UAAU,CAAC,CAAC;YAC5D,QAAQ,IAAI,oBAAC,IAAI,IAAC,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAC,OAAO,GAAG;YACjD,QAAQ,IAAI,KAAK,CACd,CACF,CACP,CAAA;AACH,CAAC,CAAA;AAED,eAAe,YAAY,CAAA"}

package/lib/components/select/option/SelectOption.native.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
-import { SelectOptionProps } from './SelectOptionProps';
-import { ComponentName } from '../../enumsComponentsName';
+import { SelectOptionProps } from "./SelectOptionProps";
+import { ComponentName } from "../../enumsComponentsName";
 /**
  * Select Option Component
  * @param value {string} Select option value

package/lib/components/select/option/SelectOption.native.js

@@ -1,6 +1,6 @@
-import React from 'react';
-import { Picker } from '@react-native-picker/picker';
-import { ComponentName } from '../../enumsComponentsName';
+import * as React from "react";
+import { Picker } from "@react-native-picker/picker";
+import { ComponentName } from "../../enumsComponentsName";
 /**
  * Select Option Component
  * @param value {string} Select option value
@@ -8,7 +8,7 @@ import { ComponentName } from '../../enumsComponentsName';
  * @param children {React.ReactNode}
  */
 const SelectOption = ({ value, label, children, ...others }) => {
-    return React.createElement(Picker.Item, { label: children || label, value: value || '', ...others });
+    return (React.createElement(Picker.Item, { label: children || label, value: value || "", ...others }));
 };
 SelectOption.displayName = ComponentName.SelectOption;
 export default SelectOption;

package/lib/components/select/option/SelectOption.native.js.map

@@ -1 +1 @@
-{"version":3,"file":"SelectOption.native.js","sourceRoot":"","sources":["../../../../components/select/option/SelectOption.native.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,MAAM,EAAE,MAAM,6BAA6B,CAAA;AAEpD,OAAO,EAAE,aAAa,EAAE,MAAM,2BAA2B,CAAA;AAEzD;;;;;GAKG;AACH,MAAM,YAAY,GAAG,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,GAAG,MAAM,EAAqB,EAAe,EAAE;IAC7F,OAAO,oBAAC,MAAM,CAAC,IAAI,IAAC,KAAK,EAAE,QAAQ,IAAI,KAAK,EAAE,KAAK,EAAE,KAAK,IAAI,EAAE,KAAM,MAAM,GAAI,CAAA;AAClF,CAAC,CAAA;AAED,YAAY,CAAC,WAAW,GAAG,aAAa,CAAC,YAAY,CAAA;AAErD,eAAe,YAAY,CAAA"}
+{"version":3,"file":"SelectOption.native.js","sourceRoot":"","sources":["../../../../components/select/option/SelectOption.native.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAE,MAAM,EAAE,MAAM,6BAA6B,CAAA;AAEpD,OAAO,EAAE,aAAa,EAAE,MAAM,2BAA2B,CAAA;AAEzD;;;;;GAKG;AACH,MAAM,YAAY,GAAG,CAAC,EACpB,KAAK,EACL,KAAK,EACL,QAAQ,EACR,GAAG,MAAM,EACS,EAAe,EAAE;IACnC,OAAO,CACL,oBAAC,MAAM,CAAC,IAAI,IAAC,KAAK,EAAE,QAAQ,IAAI,KAAK,EAAE,KAAK,EAAE,KAAK,IAAI,EAAE,KAAM,MAAM,GAAI,CAC1E,CAAA;AACH,CAAC,CAAA;AAED,YAAY,CAAC,WAAW,GAAG,aAAa,CAAC,YAAY,CAAA;AAErD,eAAe,YAAY,CAAA"}

package/lib/components/select/web/SelectDynamic.d.ts

@@ -1,4 +1,4 @@
-import { PropsWithChildren } from 'react';
-import { ICustomSelect } from '../SelectProps';
+import { PropsWithChildren } from "react";
+import { ICustomSelect } from "../SelectProps";
 declare const SelectDynamic: ({ styled, onChange, nullable, disabled, onFocus, onBlur, children, selected, name, id, testId, classNameOptions, selecteClasses, label, iconName, ...others }: PropsWithChildren<ICustomSelect>) => JSX.Element;
 export default SelectDynamic;

package/lib/components/select/web/SelectDynamic.js

@@ -1,11 +1,11 @@
-import { hashClass } from '../../../helpers';
-import clsx from 'clsx';
-import { useUtils } from '../hooks/utils';
-import { useAccessibility } from '../hooks/accessibility';
-import React from 'react';
-import { Icon } from '../../icon';
-import SelectOption from '../option';
-import { has } from '../../../services';
+import { hashClass } from "../../../helpers";
+import clsx from "clsx";
+import { useUtils } from "../hooks/utils";
+import { useAccessibility } from "../hooks/accessibility";
+import React from "react";
+import { Icon } from "../../icon";
+import SelectOption from "../option";
+import { has } from "../../../services";
 const SelectDynamic = ({ styled, onChange, nullable, disabled, onFocus, onBlur, children, selected, name, id, testId, classNameOptions, selecteClasses, label, iconName, ...others }) => {
     const { handleChangeSelect, handleFocusCurrentOption, handleFocusSelect, handleOpenSelect, isOpenSelect, setIsOpenSelect, optionRefs, selectRef, selectedOption, } = useUtils({
         onChange,
@@ -19,15 +19,15 @@ const SelectDynamic = ({ styled, onChange, nullable, disabled, onFocus, onBlur,
         id,
     });
     const { handleKeyDown } = useAccessibility(isOpenSelect, handleChangeSelect, setIsOpenSelect, optionRefs, selectRef, handleFocusCurrentOption);
-    const optionsClasses = React.useMemo(() => hashClass(styled, clsx('select-options', classNameOptions)), [classNameOptions, styled]);
-    const selectedValueClasses = React.useMemo(() => hashClass(styled, clsx('select-value', !label && 'no-label')), [styled]);
-    const controlClasses = React.useMemo(() => hashClass(styled, clsx('control', (selectedOption === null || selectedOption === void 0 ? void 0 : selectedOption.value) && has('dynamic-placeholder'))), [styled, selectedOption === null || selectedOption === void 0 ? void 0 : selectedOption.value]);
-    return (React.createElement("div", { className: hashClass(styled, clsx('field')) },
+    const optionsClasses = React.useMemo(() => hashClass(styled, clsx("select-options", classNameOptions)), [classNameOptions, styled]);
+    const selectedValueClasses = React.useMemo(() => hashClass(styled, clsx("select-value", !label && "no-label")), [styled]);
+    const controlClasses = React.useMemo(() => hashClass(styled, clsx("control", (selectedOption === null || selectedOption === void 0 ? void 0 : selectedOption.value) && has("dynamic-placeholder"))), [styled, selectedOption === null || selectedOption === void 0 ? void 0 : selectedOption.value]);
+    return (React.createElement("div", { className: hashClass(styled, clsx("field")) },
         React.createElement("div", { className: controlClasses },
-            React.createElement("div", { ref: selectRef, onKeyDown: handleKeyDown, tabIndex: disabled ? -1 : 0, id: id, "data-testid": testId, "data-select-name": name, className: selecteClasses, onClick: handleOpenSelect, onFocus: handleFocusSelect, "aria-haspopup": 'listbox', "aria-label": label, "aria-disabled": disabled, role: 'listbox', ...others },
+            React.createElement("div", { ...{ disabled: disabled }, ref: selectRef, onKeyDown: handleKeyDown, tabIndex: disabled ? -1 : 0, id: id, "data-testid": testId, "data-select-name": name, className: selecteClasses, onClick: handleOpenSelect, onFocus: handleFocusSelect, "aria-haspopup": 'listbox', "aria-label": label, "aria-disabled": disabled, role: 'listbox', ...others },
                 iconName && React.createElement(Icon, { name: iconName, size: 'small' }),
                 label && React.createElement("label", null, label),
-                (selectedOption === null || selectedOption === void 0 ? void 0 : selectedOption.name) && React.createElement("span", { className: selectedValueClasses }, selectedOption === null || selectedOption === void 0 ? void 0 : selectedOption.name)),
+                (selectedOption === null || selectedOption === void 0 ? void 0 : selectedOption.name) && (React.createElement("span", { className: selectedValueClasses }, selectedOption === null || selectedOption === void 0 ? void 0 : selectedOption.name))),
             React.createElement("div", { "data-is-open-options": isOpenSelect, className: optionsClasses, "aria-expanded": isOpenSelect, "aria-hidden": !isOpenSelect }, React.Children.map(children, (child, index) => {
                 if (React.isValidElement(child)) {
                     const props = {
@@ -44,7 +44,7 @@ const SelectDynamic = ({ styled, onChange, nullable, disabled, onFocus, onBlur,
                                 child.props.onClick();
                         },
                     };
-                    return (React.createElement("div", { "data-is-disabled": child.props.disabled, className: hashClass(styled, clsx('option-container')), "data-is-active": child.props.value === (selectedOption === null || selectedOption === void 0 ? void 0 : selectedOption.value), "data-index": child.props.value, "data-id": child.props.id, "data-textcontent": child.props.children || child.props.label, onKeyDown: (e) => handleKeyDown(e, child), ref: (element) => (optionRefs.current[index] = element), tabIndex: child.props.value === (selectedOption === null || selectedOption === void 0 ? void 0 : selectedOption.value) ? 0 : -1, onMouseEnter: () => { var _a; return (_a = optionRefs.current[index]) === null || _a === void 0 ? void 0 : _a.focus(); }, onMouseLeave: () => { var _a; return (_a = optionRefs.current[index]) === null || _a === void 0 ? void 0 : _a.blur(); } },
+                    return (React.createElement("div", { ...{ disabled: disabled }, "data-is-disabled": child.props.disabled, className: hashClass(styled, clsx("option-container")), "data-is-active": child.props.value === (selectedOption === null || selectedOption === void 0 ? void 0 : selectedOption.value), "data-index": child.props.value, "data-id": child.props.id, "data-textcontent": child.props.children || child.props.label, onKeyDown: (e) => handleKeyDown(e, child), ref: (element) => (optionRefs.current[index] = element), tabIndex: child.props.value === (selectedOption === null || selectedOption === void 0 ? void 0 : selectedOption.value) ? 0 : -1, onMouseEnter: () => { var _a; return (_a = optionRefs.current[index]) === null || _a === void 0 ? void 0 : _a.focus(); }, onMouseLeave: () => { var _a; return (_a = optionRefs.current[index]) === null || _a === void 0 ? void 0 : _a.blur(); } },
                         React.createElement(SelectOption, { ...props })));
                 }
                 return null;

package/lib/components/select/web/SelectDynamic.js.map

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

package/lib/components/select/web/SelectNative.d.ts

@@ -1,4 +1,4 @@
 /// <reference types="react" />
-import { IAccessibleSelect } from '../SelectProps';
+import { IAccessibleSelect } from "../SelectProps";
 declare const SelectNative: ({ selecteClasses, onChange, onFocus, onBlur, id, name, disabled, children, label, iconName, styled, testId, accessibilityLabel, selected, ...others }: IAccessibleSelect) => JSX.Element;
 export default SelectNative;

package/lib/components/select/web/SelectNative.js

@@ -1,15 +1,15 @@
-import React from 'react';
-import { Icon } from '../../icon';
-import { hashClass } from '../../../helpers';
-import clsx from 'clsx';
-import { has } from '../../../services';
+import * as React from "react";
+import { Icon } from "../../icon";
+import { hashClass } from "../../../helpers";
+import clsx from "clsx";
+import { has } from "../../../services";
 const SelectNative = ({ selecteClasses, onChange, onFocus, onBlur, id, name, disabled, children, label, iconName, styled, testId, accessibilityLabel, selected, ...others }) => {
-    const controlClasses = React.useMemo(() => hashClass(styled, clsx('control', has('dynamic-placeholder'))), [styled]);
-    return (React.createElement("div", { className: hashClass(styled, clsx('field')) },
+    const controlClasses = React.useMemo(() => hashClass(styled, clsx("control", has("dynamic-placeholder"))), [styled]);
+    return (React.createElement("div", { className: hashClass(styled, clsx("field")) },
         React.createElement("div", { className: controlClasses },
             React.createElement("div", { className: selecteClasses },
                 iconName && React.createElement(Icon, { name: iconName, size: 'small' }),
-                React.createElement("select", { className: hashClass(styled, clsx(!label && 'no-label')), value: selected, "aria-label": accessibilityLabel, "data-testid": testId, role: 'listbox', onChange: (e) => {
+                React.createElement("select", { className: hashClass(styled, clsx(!label && "no-label")), value: selected, "aria-label": accessibilityLabel, "data-testid": testId, role: 'listbox', onChange: (e) => {
                         if (onChange) {
                             onChange({
                                 selectValue: e.target.value,

package/lib/components/select/web/SelectNative.js.map

@@ -1 +1 @@
-{"version":3,"file":"SelectNative.js","sourceRoot":"","sources":["../../../../components/select/web/SelectNative.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,IAAI,EAAE,MAAM,YAAY,CAAA;AAEjC,OAAO,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAA;AAC5C,OAAO,IAAI,MAAM,MAAM,CAAA;AACvB,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAA;AAEvC,MAAM,YAAY,GAAG,CAAC,EACpB,cAAc,EACd,QAAQ,EACR,OAAO,EACP,MAAM,EACN,EAAE,EACF,IAAI,EACJ,QAAQ,EACR,QAAQ,EACR,KAAK,EACL,QAAQ,EACR,MAAM,EACN,MAAM,EACN,kBAAkB,EAClB,QAAQ,EACR,GAAG,MAAM,EACS,EAAe,EAAE;IACnC,MAAM,cAAc,GAAG,KAAK,CAAC,OAAO,CAAC,GAAG,EAAE,CAAC,SAAS,CAAC,MAAM,EAAE,IAAI,CAAC,SAAS,EAAE,GAAG,CAAC,qBAAqB,CAAC,CAAC,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC,CAAA;IAEpH,OAAO,CACL,6BAAK,SAAS,EAAE,SAAS,CAAC,MAAM,EAAE,IAAI,CAAC,OAAO,CAAC,CAAC;QAC9C,6BAAK,SAAS,EAAE,cAAc;YAC5B,6BAAK,SAAS,EAAE,cAAc;gBAC3B,QAAQ,IAAI,oBAAC,IAAI,IAAC,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAC,OAAO,GAAG;gBAClD,gCACE,SAAS,EAAE,SAAS,CAAC,MAAM,EAAE,IAAI,CAAC,CAAC,KAAK,IAAI,UAAU,CAAC,CAAC,EACxD,KAAK,EAAE,QAAQ,gBACH,kBAAkB,iBACjB,MAAM,EACnB,IAAI,EAAC,SAAS,EACd,QAAQ,EAAE,CAAC,CAAuC,EAAE,EAAE;wBACpD,IAAI,QAAQ,EAAE;4BACZ,QAAQ,CAAC;gCACP,WAAW,EAAE,CAAC,CAAC,MAAM,CAAC,KAAK;gCAC3B,UAAU,EAAE,CAAC,CAAC,MAAM,CAAC,IAAI;gCACzB,QAAQ,EAAE,CAAC,CAAC,MAAM,CAAC,EAAE;gCACrB,IAAI,EAAE,CAAC,CAAC,MAAM,CAAC,IAAI;6BACpB,CAAC,CAAA;yBACH;oBACH,CAAC,EACD,OAAO,EAAE,OAAO,EAChB,MAAM,EAAE,MAAM,EACd,EAAE,EAAE,EAAE,CAAC,CAAC,CAAC,MAAM,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,SAAS,EAC/B,IAAI,EAAE,IAAI,EACV,QAAQ,EAAE,QAAQ,KACd,MAAM,IAET,QAAQ,CACF;gBACR,KAAK,IAAI,+BAAO,OAAO,EAAE,EAAE,IAAG,KAAK,CAAS,CACzC,CACF,CACF,CACP,CAAA;AACH,CAAC,CAAA;AAED,eAAe,YAAY,CAAA"}
+{"version":3,"file":"SelectNative.js","sourceRoot":"","sources":["../../../../components/select/web/SelectNative.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAE,IAAI,EAAE,MAAM,YAAY,CAAA;AAEjC,OAAO,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAA;AAC5C,OAAO,IAAI,MAAM,MAAM,CAAA;AACvB,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAA;AAEvC,MAAM,YAAY,GAAG,CAAC,EACpB,cAAc,EACd,QAAQ,EACR,OAAO,EACP,MAAM,EACN,EAAE,EACF,IAAI,EACJ,QAAQ,EACR,QAAQ,EACR,KAAK,EACL,QAAQ,EACR,MAAM,EACN,MAAM,EACN,kBAAkB,EAClB,QAAQ,EACR,GAAG,MAAM,EACS,EAAe,EAAE;IACnC,MAAM,cAAc,GAAG,KAAK,CAAC,OAAO,CAClC,GAAG,EAAE,CAAC,SAAS,CAAC,MAAM,EAAE,IAAI,CAAC,SAAS,EAAE,GAAG,CAAC,qBAAqB,CAAC,CAAC,CAAC,EACpE,CAAC,MAAM,CAAC,CACT,CAAA;IAED,OAAO,CACL,6BAAK,SAAS,EAAE,SAAS,CAAC,MAAM,EAAE,IAAI,CAAC,OAAO,CAAC,CAAC;QAC9C,6BAAK,SAAS,EAAE,cAAc;YAC5B,6BAAK,SAAS,EAAE,cAAc;gBAC3B,QAAQ,IAAI,oBAAC,IAAI,IAAC,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAC,OAAO,GAAG;gBAClD,gCACE,SAAS,EAAE,SAAS,CAAC,MAAM,EAAE,IAAI,CAAC,CAAC,KAAK,IAAI,UAAU,CAAC,CAAC,EACxD,KAAK,EAAE,QAAQ,gBACH,kBAAkB,iBACjB,MAAM,EACnB,IAAI,EAAC,SAAS,EACd,QAAQ,EAAE,CAAC,CAAuC,EAAE,EAAE;wBACpD,IAAI,QAAQ,EAAE;4BACZ,QAAQ,CAAC;gCACP,WAAW,EAAE,CAAC,CAAC,MAAM,CAAC,KAAK;gCAC3B,UAAU,EAAE,CAAC,CAAC,MAAM,CAAC,IAAI;gCACzB,QAAQ,EAAE,CAAC,CAAC,MAAM,CAAC,EAAE;gCACrB,IAAI,EAAE,CAAC,CAAC,MAAM,CAAC,IAAI;6BACpB,CAAC,CAAA;yBACH;oBACH,CAAC,EACD,OAAO,EAAE,OAAO,EAChB,MAAM,EAAE,MAAM,EACd,EAAE,EAAE,EAAE,CAAC,CAAC,CAAC,MAAM,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,SAAS,EAC/B,IAAI,EAAE,IAAI,EACV,QAAQ,EAAE,QAAQ,KACd,MAAM,IAET,QAAQ,CACF;gBACR,KAAK,IAAI,+BAAO,OAAO,EAAE,EAAE,IAAG,KAAK,CAAS,CACzC,CACF,CACF,CACP,CAAA;AACH,CAAC,CAAA;AAED,eAAe,YAAY,CAAA"}

package/lib/components/selector/item/SelectorItem.native.js

@@ -25,29 +25,29 @@ const SelectorItem = ({ active, children, onClick, inverted, end, selectorIndex,
             paddingRight: 16,
             paddingTop: 8,
             backgroundColor: 'transparent',
-            borderColor: inverted ? getColorStyle(TrilogyColor.WHITE) : getColorStyle(TrilogyColor.TERTIARY),
+            borderColor: inverted ? getColorStyle(TrilogyColor.WHITE) : getColorStyle(TrilogyColor.MAIN),
             borderWidth: 1,
         },
         text: {
-            color: activeItem ? getColorStyle(TrilogyColor.WHITE) : getColorStyle(TrilogyColor.TERTIARY),
+            color: activeItem ? getColorStyle(TrilogyColor.WHITE) : getColorStyle(TrilogyColor.MAIN),
             textAlign: 'center',
             paddingBottom: 10,
         },
         invertedText: {
-            color: activeItem ? getColorStyle(TrilogyColor.TERTIARY) : getColorStyle(TrilogyColor.WHITE),
+            color: activeItem ? getColorStyle(TrilogyColor.MAIN) : getColorStyle(TrilogyColor.WHITE),
             textAlign: 'center',
             paddingBottom: 10,
         },
         active: {
-            backgroundColor: inverted ? getColorStyle(TrilogyColor.WHITE) : getColorStyle(TrilogyColor.TERTIARY),
-            borderColor: inverted ? getColorStyle(TrilogyColor.TERTIARY) : getColorStyle(TrilogyColor.WHITE),
+            backgroundColor: inverted ? getColorStyle(TrilogyColor.WHITE) : getColorStyle(TrilogyColor.MAIN),
+            borderColor: inverted ? getColorStyle(TrilogyColor.MAIN) : getColorStyle(TrilogyColor.WHITE),
         },
         end: {
             backgroundColor: getColorStyle(TrilogyColor.WHITE),
-            borderColor: getColorStyle(TrilogyColor.SECONDARY),
+            borderColor: getColorStyle(TrilogyColor.MAIN),
         },
         endText: {
-            color: getColorStyle(TrilogyColor.SECONDARY),
+            color: getColorStyle(TrilogyColor.MAIN),
             textAlign: 'center',
             paddingBottom: 10,
         },

package/lib/components/selector/item/SelectorItem.native.js.map

@@ -1 +1 @@
-{"version":3,"file":"SelectorItem.native.js","sourceRoot":"","sources":["../../../../components/selector/item/SelectorItem.native.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAClD,OAAO,EAAE,UAAU,EAAE,gBAAgB,EAAE,IAAI,EAAE,MAAM,cAAc,CAAA;AAEjE,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,YAAY,CAAA;AAC7C,OAAO,EAAE,aAAa,EAAE,YAAY,EAAE,MAAM,+BAA+B,CAAA;AAC3E,OAAO,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,cAAc,CAAA;AAEjD;;;;;;;GAOG;AACH,MAAM,YAAY,GAAG,CAAC,EACpB,MAAM,EACN,QAAQ,EACR,OAAO,EACP,QAAQ,EACR,GAAG,EACH,aAAa,EACb,MAAM,EACN,kBAAkB,EAClB,GAAG,MAAM,EACS,EAAe,EAAE;IACnC,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,QAAQ,CAAU,MAAM,IAAI,KAAK,CAAC,CAAA;IAEtE,MAAM,MAAM,GAAG,UAAU,CAAC,MAAM,CAAC;QAC/B,YAAY,EAAE;YACZ,aAAa,EAAE,KAAK;YACpB,cAAc,EAAE,QAAQ;YACxB,UAAU,EAAE,QAAQ;YACpB,QAAQ,EAAE,EAAE;YACZ,MAAM,EAAE,EAAE;YACV,YAAY,EAAE,EAAE;YAChB,WAAW,EAAE,EAAE;YACf,YAAY,EAAE,EAAE;YAChB,UAAU,EAAE,CAAC;YACb,eAAe,EAAE,aAAa;YAC9B,WAAW,EAAE,QAAQ,CAAC,CAAC,CAAC,aAAa,CAAC,YAAY,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,aAAa,CAAC,YAAY,CAAC,QAAQ,CAAC;YAChG,WAAW,EAAE,CAAC;SACf;QACD,IAAI,EAAE;YACJ,KAAK,EAAE,UAAU,CAAC,CAAC,CAAC,aAAa,CAAC,YAAY,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,aAAa,CAAC,YAAY,CAAC,QAAQ,CAAC;YAC5F,SAAS,EAAE,QAAQ;YACnB,aAAa,EAAE,EAAE;SAClB;QACD,YAAY,EAAE;YACZ,KAAK,EAAE,UAAU,CAAC,CAAC,CAAC,aAAa,CAAC,YAAY,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,aAAa,CAAC,YAAY,CAAC,KAAK,CAAC;YAC5F,SAAS,EAAE,QAAQ;YACnB,aAAa,EAAE,EAAE;SAClB;QACD,MAAM,EAAE;YACN,eAAe,EAAE,QAAQ,CAAC,CAAC,CAAC,aAAa,CAAC,YAAY,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,aAAa,CAAC,YAAY,CAAC,QAAQ,CAAC;YACpG,WAAW,EAAE,QAAQ,CAAC,CAAC,CAAC,aAAa,CAAC,YAAY,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,aAAa,CAAC,YAAY,CAAC,KAAK,CAAC;SACjG;QACD,GAAG,EAAE;YACH,eAAe,EAAE,aAAa,CAAC,YAAY,CAAC,KAAK,CAAC;YAClD,WAAW,EAAE,aAAa,CAAC,YAAY,CAAC,SAAS,CAAC;SACnD;QACD,OAAO,EAAE;YACP,KAAK,EAAE,aAAa,CAAC,YAAY,CAAC,SAAS,CAAC;YAC5C,SAAS,EAAE,QAAQ;YACnB,aAAa,EAAE,EAAE;SAClB;QACD,SAAS,EAAE;YACT,UAAU,EAAE,EAAE;SACf;KACF,CAAC,CAAA;IAEF,SAAS,CAAC,GAAG,EAAE;QACb,aAAa,CAAC,MAAM,IAAI,KAAK,CAAC,CAAA;IAChC,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC,CAAA;IAEZ,OAAO,CACL;QACG,aAAa,KAAK,CAAC,IAAI,oBAAC,IAAI,IAAC,KAAK,EAAE,MAAM,CAAC,SAAS,GAAI;QACzD,oBAAC,gBAAgB,IACf,MAAM,EAAE,MAAM,EACd,kBAAkB,EAAE,kBAAkB,EACtC,UAAU,EAAE,CAAC,CAAC,kBAAkB,EAChC,KAAK,EAAE,CAAC,MAAM,CAAC,YAAY,EAAE,UAAU,IAAI,MAAM,CAAC,MAAM,EAAE,GAAG,IAAI,MAAM,CAAC,GAAG,CAAC,EAC5E,OAAO,EAAE,CAAC,CAAW,EAAE,EAAE;gBACvB,aAAa,CAAC,MAAM,IAAI,KAAK,CAAC,CAAA;gBAC9B,IAAI,OAAO,EAAE;oBACX,OAAO,CAAC,CAAC,CAAC,CAAA;iBACX;YACH,CAAC,KACG,MAAM,IAET,QAAQ,IAAI,OAAO,QAAQ,CAAC,OAAO,EAAE,KAAK,QAAQ,IAAI,CACrD,oBAAC,IAAI,IAAC,KAAK,EAAE,GAAG,CAAC,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,YAAY,CAAC,CAAC,CAAC,MAAM,CAAC,IAAI,EAAE,KAAK,EAAE,UAAU,CAAC,GAAG,IACpG,MAAM,CAAC,QAAQ,CAAC,CACZ,CACR,CACgB;QACnB,oBAAC,MAAM,IAAC,UAAU,QAAC,IAAI,EAAE,UAAU,CAAC,KAAK,GAAI,CAC5C,CACJ,CAAA;AACH,CAAC,CAAA;AAED,YAAY,CAAC,WAAW,GAAG,cAAc,CAAA;AAEzC,eAAe,YAAY,CAAA"}
+{"version":3,"file":"SelectorItem.native.js","sourceRoot":"","sources":["../../../../components/selector/item/SelectorItem.native.tsx"],"names":[],"mappings":"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"}

package/lib/components/slider/Slider.d.ts

@@ -1,6 +1,5 @@
 /// <reference types="react" />
-import { SliderProps } from './SliderProps';
-import './utils/slider.js';
+import { SliderProps } from "./SliderProps";
 /**
  * Slider component
  * @param children {ReactNode} Slider child