@trilogy-ds/react 0.0.1-beta-149 → 0.0.1-beta-151

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

@@ -1,8 +1,8 @@
 import { __assign, __read, __rest } from "tslib";
-import React, { useEffect, useState } from "react";
-import { StyleSheet, Text, TouchableOpacity } from "react-native";
-import { getColorStyle, TrilogyColor } from "../../../objects/facets/Color";
-import { ComponentName } from "../../../components/enumsComponentsName";
+import React, { useEffect, useState } from 'react';
+import { StyleSheet, Text, TouchableOpacity } from 'react-native';
+import { getColorStyle, TrilogyColor } from '../../../objects/facets/Color';
+import { ComponentName } from '../../../components/enumsComponentsName';
 /**
  * SegmentControlItem Item Component
  * @param active {boolean} active Segment Control item
@@ -12,33 +12,29 @@ import { ComponentName } from "../../../components/enumsComponentsName";
  * @param inverted {boolean} invert color of active item
  */
 var SegmentControlItem = function (_a) {
-    var active = _a.active, children = _a.children, onClick = _a.onClick, inverted = _a.inverted, disabled = _a.disabled, others = __rest(_a, ["active", "children", "onClick", "inverted", "disabled"]);
+    var active = _a.active, children = _a.children, onClick = _a.onClick, disabled = _a.disabled, others = __rest(_a, ["active", "children", "onClick", "disabled"]);
     var _b = __read(useState(active || false), 2), activeItem = _b[0], setActiveItem = _b[1];
     var styles = StyleSheet.create({
         tabsItem: {
-            flexDirection: "column",
+            flexDirection: 'column',
             flex: 1,
             marginRight: 4,
             borderRadius: 4,
-            alignItems: "center",
+            alignItems: 'center',
             backgroundColor: (activeItem && getColorStyle(TrilogyColor.MAIN)) ||
-                (inverted && getColorStyle(TrilogyColor.BACKGROUND)) ||
                 (disabled && getColorStyle(TrilogyColor.DISABLED_FADE)) ||
                 getColorStyle(TrilogyColor.NEUTRAL_FADE),
         },
         text: {
             paddingHorizontal: 16,
-            color: (activeItem && !inverted && getColorStyle(TrilogyColor.BACKGROUND)) ||
-                (!activeItem &&
-                    !inverted &&
-                    disabled &&
-                    getColorStyle(TrilogyColor.DISABLED)) ||
+            color: (activeItem && getColorStyle(TrilogyColor.BACKGROUND)) ||
+                (!activeItem && 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(function () {
@@ -51,8 +47,8 @@ var SegmentControlItem = function (_a) {
                     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;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiU2VnbWVudENvbnRyb2xJdGVtLm5hdGl2ZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL2NvbXBvbmVudHMvc2VnbWVudC1jb250cm9sL2l0ZW0vU2VnbWVudENvbnRyb2xJdGVtLm5hdGl2ZS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUFBLE9BQU8sS0FBSyxFQUFFLEVBQUUsU0FBUyxFQUFFLFFBQVEsRUFBRSxNQUFNLE9BQU8sQ0FBQTtBQUNsRCxPQUFPLEVBQUUsVUFBVSxFQUFFLElBQUksRUFBRSxnQkFBZ0IsRUFBRSxNQUFNLGNBQWMsQ0FBQTtBQUVqRSxPQUFPLEVBQUUsYUFBYSxFQUFFLFlBQVksRUFBRSxNQUFNLHdCQUF3QixDQUFBO0FBQ3BFLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxrQ0FBa0MsQ0FBQTtBQUVoRTs7Ozs7OztHQU9HO0FBQ0gsSUFBTSxrQkFBa0IsR0FBRyxVQUFDLEVBT0Y7SUFOeEIsSUFBQSxNQUFNLFlBQUEsRUFDTixRQUFRLGNBQUEsRUFDUixPQUFPLGFBQUEsRUFDUCxRQUFRLGNBQUEsRUFDUixRQUFRLGNBQUEsRUFDTCxNQUFNLGNBTmlCLHlEQU8zQixDQURVO0lBRUgsSUFBQSxLQUFBLE9BQThCLFFBQVEsQ0FBVSxNQUFNLElBQUksS0FBSyxDQUFDLElBQUEsRUFBL0QsVUFBVSxRQUFBLEVBQUUsYUFBYSxRQUFzQyxDQUFBO0lBRXRFLElBQU0sTUFBTSxHQUFHLFVBQVUsQ0FBQyxNQUFNLENBQUM7UUFDL0IsUUFBUSxFQUFFO1lBQ1IsYUFBYSxFQUFFLFFBQVE7WUFDdkIsSUFBSSxFQUFFLENBQUM7WUFDUCxXQUFXLEVBQUUsQ0FBQztZQUNkLFlBQVksRUFBRSxDQUFDO1lBQ2YsVUFBVSxFQUFFLFFBQVE7WUFDcEIsZUFBZSxFQUNiLENBQUMsVUFBVSxJQUFJLGFBQWEsQ0FBQyxZQUFZLENBQUMsSUFBSSxDQUFDLENBQUM7Z0JBQ2hELENBQUMsUUFBUSxJQUFJLGFBQWEsQ0FBQyxZQUFZLENBQUMsVUFBVSxDQUFDLENBQUM7Z0JBQ3BELENBQUMsUUFBUSxJQUFJLGFBQWEsQ0FBQyxZQUFZLENBQUMsYUFBYSxDQUFDLENBQUM7Z0JBQ3ZELGFBQWEsQ0FBQyxZQUFZLENBQUMsWUFBWSxDQUFDO1NBQzNDO1FBQ0QsSUFBSSxFQUFFO1lBQ0osaUJBQWlCLEVBQUUsRUFBRTtZQUNyQixLQUFLLEVBQ0gsQ0FBQyxVQUFVLElBQUksQ0FBQyxRQUFRLElBQUksYUFBYSxDQUFDLFlBQVksQ0FBQyxVQUFVLENBQUMsQ0FBQztnQkFDbkUsQ0FBQyxDQUFDLFVBQVU7b0JBQ1YsQ0FBQyxRQUFRO29CQUNULFFBQVE7b0JBQ1IsYUFBYSxDQUFDLFlBQVksQ0FBQyxRQUFRLENBQUMsQ0FBQztnQkFDdkMsYUFBYSxDQUFDLFlBQVksQ0FBQyxJQUFJLENBQUM7WUFDbEMsY0FBYyxFQUFFLEVBQUU7WUFDbEIsUUFBUSxFQUFFLEVBQUU7WUFDWixTQUFTLEVBQUUsUUFBUTtZQUNuQixpQkFBaUIsRUFBRSxRQUFRO1lBQzNCLFVBQVUsRUFBRSxVQUFVLENBQUMsQ0FBQyxDQUFDLEtBQUssQ0FBQyxDQUFDLENBQUMsUUFBUTtTQUMxQztLQUNGLENBQUMsQ0FBQTtJQUVGLFNBQVMsQ0FBQztRQUNSLGFBQWEsQ0FBQyxNQUFNLElBQUksS0FBSyxDQUFDLENBQUE7SUFDaEMsQ0FBQyxFQUFFLENBQUMsTUFBTSxDQUFDLENBQUMsQ0FBQTtJQUVaLE9BQU8sQ0FDTCxvQkFBQyxnQkFBZ0IsYUFDZixRQUFRLEVBQUUsUUFBUSxFQUNsQixLQUFLLEVBQUUsQ0FBQyxNQUFNLENBQUMsUUFBUSxDQUFDLEVBQ3hCLE9BQU8sRUFBRSxVQUFDLENBQVc7WUFDbkIsSUFBSSxDQUFDLFFBQVEsRUFBRTtnQkFDYixhQUFhLENBQUMsTUFBTSxJQUFJLEtBQUssQ0FBQyxDQUFBO2dCQUM5QixJQUFJLE9BQU8sRUFBRTtvQkFDWCxPQUFPLENBQUMsQ0FBQyxDQUFDLENBQUE7aUJBQ1g7YUFDRjtRQUNILENBQUMsSUFDRyxNQUFNLEdBRVQsUUFBUSxJQUFJLE9BQU8sUUFBUSxDQUFDLE9BQU8sRUFBRSxLQUFLLFFBQVEsSUFBSSxDQUNyRCxvQkFBQyxJQUFJLElBQUMsS0FBSyxFQUFFLE1BQU0sQ0FBQyxJQUFJLEVBQUUsYUFBYSxFQUFFLE1BQU0sRUFBRSxhQUFhLEVBQUUsQ0FBQyxJQUM5RCxNQUFNLENBQUMsUUFBUSxDQUFDLENBQ1osQ0FDUixDQUNnQixDQUNwQixDQUFBO0FBQ0gsQ0FBQyxDQUFBO0FBRUQsa0JBQWtCLENBQUMsV0FBVyxHQUFHLGFBQWEsQ0FBQyxrQkFBa0IsQ0FBQTtBQUVqRSxlQUFlLGtCQUFrQixDQUFBIn0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiU2VnbWVudENvbnRyb2xJdGVtLm5hdGl2ZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL2NvbXBvbmVudHMvc2VnbWVudC1jb250cm9sL2l0ZW0vU2VnbWVudENvbnRyb2xJdGVtLm5hdGl2ZS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUFBLE9BQU8sS0FBSyxFQUFFLEVBQUUsU0FBUyxFQUFFLFFBQVEsRUFBRSxNQUFNLE9BQU8sQ0FBQTtBQUNsRCxPQUFPLEVBQUUsVUFBVSxFQUFFLElBQUksRUFBRSxnQkFBZ0IsRUFBRSxNQUFNLGNBQWMsQ0FBQTtBQUVqRSxPQUFPLEVBQUUsYUFBYSxFQUFFLFlBQVksRUFBRSxNQUFNLHdCQUF3QixDQUFBO0FBQ3BFLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxrQ0FBa0MsQ0FBQTtBQUVoRTs7Ozs7OztHQU9HO0FBQ0gsSUFBTSxrQkFBa0IsR0FBRyxVQUFDLEVBTUY7SUFMeEIsSUFBQSxNQUFNLFlBQUEsRUFDTixRQUFRLGNBQUEsRUFDUixPQUFPLGFBQUEsRUFDUCxRQUFRLGNBQUEsRUFDTCxNQUFNLGNBTGlCLDZDQU0zQixDQURVO0lBRUgsSUFBQSxLQUFBLE9BQThCLFFBQVEsQ0FBVSxNQUFNLElBQUksS0FBSyxDQUFDLElBQUEsRUFBL0QsVUFBVSxRQUFBLEVBQUUsYUFBYSxRQUFzQyxDQUFBO0lBRXRFLElBQU0sTUFBTSxHQUFHLFVBQVUsQ0FBQyxNQUFNLENBQUM7UUFDL0IsUUFBUSxFQUFFO1lBQ1IsYUFBYSxFQUFFLFFBQVE7WUFDdkIsSUFBSSxFQUFFLENBQUM7WUFDUCxXQUFXLEVBQUUsQ0FBQztZQUNkLFlBQVksRUFBRSxDQUFDO1lBQ2YsVUFBVSxFQUFFLFFBQVE7WUFDcEIsZUFBZSxFQUNiLENBQUMsVUFBVSxJQUFJLGFBQWEsQ0FBQyxZQUFZLENBQUMsSUFBSSxDQUFDLENBQUM7Z0JBQ2hELENBQUMsUUFBUSxJQUFJLGFBQWEsQ0FBQyxZQUFZLENBQUMsYUFBYSxDQUFDLENBQUM7Z0JBQ3ZELGFBQWEsQ0FBQyxZQUFZLENBQUMsWUFBWSxDQUFDO1NBQzNDO1FBQ0QsSUFBSSxFQUFFO1lBQ0osaUJBQWlCLEVBQUUsRUFBRTtZQUNyQixLQUFLLEVBQ0gsQ0FBQyxVQUFVLElBQUksYUFBYSxDQUFDLFlBQVksQ0FBQyxVQUFVLENBQUMsQ0FBQztnQkFDdEQsQ0FBQyxDQUFDLFVBQVUsSUFBSSxRQUFRLElBQUksYUFBYSxDQUFDLFlBQVksQ0FBQyxRQUFRLENBQUMsQ0FBQztnQkFDakUsYUFBYSxDQUFDLFlBQVksQ0FBQyxJQUFJLENBQUM7WUFDbEMsY0FBYyxFQUFFLEVBQUU7WUFDbEIsUUFBUSxFQUFFLEVBQUU7WUFDWixTQUFTLEVBQUUsUUFBUTtZQUNuQixpQkFBaUIsRUFBRSxRQUFRO1lBQzNCLFVBQVUsRUFBRSxVQUFVLENBQUMsQ0FBQyxDQUFDLEtBQUssQ0FBQyxDQUFDLENBQUMsUUFBUTtTQUMxQztLQUNGLENBQUMsQ0FBQTtJQUVGLFNBQVMsQ0FBQztRQUNSLGFBQWEsQ0FBQyxNQUFNLElBQUksS0FBSyxDQUFDLENBQUE7SUFDaEMsQ0FBQyxFQUFFLENBQUMsTUFBTSxDQUFDLENBQUMsQ0FBQTtJQUVaLE9BQU8sQ0FDTCxvQkFBQyxnQkFBZ0IsYUFDZixRQUFRLEVBQUUsUUFBUSxFQUNsQixLQUFLLEVBQUUsQ0FBQyxNQUFNLENBQUMsUUFBUSxDQUFDLEVBQ3hCLE9BQU8sRUFBRSxVQUFDLENBQVc7WUFDbkIsSUFBSSxDQUFDLFFBQVEsRUFBRTtnQkFDYixhQUFhLENBQUMsTUFBTSxJQUFJLEtBQUssQ0FBQyxDQUFBO2dCQUM5QixJQUFJLE9BQU8sRUFBRTtvQkFDWCxPQUFPLENBQUMsQ0FBQyxDQUFDLENBQUE7aUJBQ1g7YUFDRjtRQUNILENBQUMsSUFDRyxNQUFNLEdBRVQsUUFBUSxJQUFJLE9BQU8sUUFBUSxDQUFDLE9BQU8sRUFBRSxLQUFLLFFBQVEsSUFBSSxDQUNyRCxvQkFBQyxJQUFJLElBQUMsS0FBSyxFQUFFLE1BQU0sQ0FBQyxJQUFJLEVBQUUsYUFBYSxFQUFFLE1BQU0sRUFBRSxhQUFhLEVBQUUsQ0FBQyxJQUM5RCxNQUFNLENBQUMsUUFBUSxDQUFDLENBQ1osQ0FDUixDQUNnQixDQUNwQixDQUFBO0FBQ0gsQ0FBQyxDQUFBO0FBRUQsa0JBQWtCLENBQUMsV0FBVyxHQUFHLGFBQWEsQ0FBQyxrQkFBa0IsQ0FBQTtBQUVqRSxlQUFlLGtCQUFrQixDQUFBIn0=

package/lib/components/segment-control/item/SegmentControlItemProps.d.ts

@@ -1,13 +1,11 @@
 /// <reference types="react" />
 import { Clickable } from '../../../objects';
+import { CommonProps } from '../../../objects/facets/CommonProps';
 /**
  * SegmentedControl Item Interface
  */
-export interface SegmentControlItemProps extends Clickable {
-    children: React.ReactChild;
+export interface SegmentControlItemProps extends Clickable, CommonProps {
+    children: React.ReactNode;
     active?: boolean;
     disabled?: boolean;
-    inverted?: boolean;
-    className?: string;
-    id?: string;
 }

package/lib/components/segment-control/item/SegmentControlItemPropsDefaults.js

@@ -2,9 +2,15 @@ export default {
   "children": {
     "type": "react",
     "values": [
+      "undefined",
+      "null",
       "string",
       "number",
-      "JSXElementConstructor<any>>"
+      "false",
+      "true",
+      "JSXElementConstructor<any>>",
+      "ReactNode>",
+      "ReactPortal"
     ]
   },
   "active": {
@@ -23,33 +29,25 @@ export default {
       "true"
     ]
   },
-  "inverted": {
-    "type": "boolean",
+  "onClick": {
+    "type": "function",
     "values": [
       "undefined",
-      "false",
-      "true"
+      "ClickEvent"
     ]
   },
-  "className": {
+  "id": {
     "type": "string",
     "values": [
       "undefined",
       "string"
     ]
   },
-  "id": {
+  "className": {
     "type": "string",
     "values": [
       "undefined",
       "string"
     ]
-  },
-  "onClick": {
-    "type": "function",
-    "values": [
-      "undefined",
-      "ClickEvent"
-    ]
   }
 };

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

@@ -3,23 +3,9 @@ import { SelectProps } from './SelectProps';
 /**
  * Select Component
  * @param children {React.ReactNode} Children for Select
- * @param id {string} Select id
- * @param name {string} Select name
- * @param label {string} Select label
- * @param onChange {Function} onChange Event
- * @param selected {string|number} Selected OptionItem for Native
- * @param iconName {IconName} icon for left of selector
- * @param disabled {boolean} disable Select
- * @param multiple {boolean} select multiple options (for dynamic select only)
- * @param nullable {boolean} Unselect Select Option Item
  * - -------------------------- WEB PROPERTIES -------------------------------
- * @param className {string} Additionnal CSS Classes
- * @param onBlur {Function} onBlur Event
- * @param onFocus {Function} onFocus Event
- * @param testId {string} id for testing
  * @param native {boolean} Display native-old select web
  *  * - -------------------------- NATIVE PROPERTIES -------------------------------
- * @param placeholder {string} Select Placeholder
  */
 declare const Select: ({ native, ...props }: SelectProps) => JSX.Element;
 export default Select;

package/lib/components/select/Select.js

@@ -4,23 +4,9 @@ import { SelectDynamic, SelectNative } from './web';
 /**
  * Select Component
  * @param children {React.ReactNode} Children for Select
- * @param id {string} Select id
- * @param name {string} Select name
- * @param label {string} Select label
- * @param onChange {Function} onChange Event
- * @param selected {string|number} Selected OptionItem for Native
- * @param iconName {IconName} icon for left of selector
- * @param disabled {boolean} disable Select
- * @param multiple {boolean} select multiple options (for dynamic select only)
- * @param nullable {boolean} Unselect Select Option Item
  * - -------------------------- WEB PROPERTIES -------------------------------
- * @param className {string} Additionnal CSS Classes
- * @param onBlur {Function} onBlur Event
- * @param onFocus {Function} onFocus Event
- * @param testId {string} id for testing
  * @param native {boolean} Display native-old select web
  *  * - -------------------------- NATIVE PROPERTIES -------------------------------
- * @param placeholder {string} Select Placeholder
  */
 var Select = function (_a) {
     var native = _a.native, props = __rest(_a, ["native"]);
@@ -29,4 +15,4 @@ var Select = function (_a) {
     return React.createElement(SelectDynamic, __assign({}, props));
 };
 export default Select;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiU2VsZWN0LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vY29tcG9uZW50cy9zZWxlY3QvU2VsZWN0LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxLQUFLLEtBQUssTUFBTSxPQUFPLENBQUE7QUFHOUIsT0FBTyxFQUFFLGFBQWEsRUFBRSxZQUFZLEVBQUUsTUFBTSxPQUFPLENBQUE7QUFFbkQ7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0dBb0JHO0FBQ0gsSUFBTSxNQUFNLEdBQUcsVUFBQyxFQUFpQztJQUEvQixJQUFBLE1BQU0sWUFBQSxFQUFLLEtBQUssY0FBbEIsVUFBb0IsQ0FBRjtJQUNoQyxJQUFJLE1BQU07UUFBRSxPQUFPLG9CQUFDLFlBQVksZUFBSyxLQUFLLEVBQUksQ0FBQTtJQUM5QyxPQUFPLG9CQUFDLGFBQWEsZUFBSyxLQUFLLEVBQUksQ0FBQTtBQUNyQyxDQUFDLENBQUE7QUFFRCxlQUFlLE1BQU0sQ0FBQSJ9
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiU2VsZWN0LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vY29tcG9uZW50cy9zZWxlY3QvU2VsZWN0LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxLQUFLLEtBQUssTUFBTSxPQUFPLENBQUE7QUFHOUIsT0FBTyxFQUFFLGFBQWEsRUFBRSxZQUFZLEVBQUUsTUFBTSxPQUFPLENBQUE7QUFFbkQ7Ozs7OztHQU1HO0FBQ0gsSUFBTSxNQUFNLEdBQUcsVUFBQyxFQUFpQztJQUEvQixJQUFBLE1BQU0sWUFBQSxFQUFLLEtBQUssY0FBbEIsVUFBb0IsQ0FBRjtJQUNoQyxJQUFJLE1BQU07UUFBRSxPQUFPLG9CQUFDLFlBQVksZUFBSyxLQUFLLEVBQUksQ0FBQTtJQUM5QyxPQUFPLG9CQUFDLGFBQWEsZUFBSyxLQUFLLEVBQUksQ0FBQTtBQUNyQyxDQUFDLENBQUE7QUFFRCxlQUFlLE1BQU0sQ0FBQSJ9

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

@@ -15,7 +15,7 @@ import { SelectProps } from './SelectProps';
  * @param nullable {boolean} Unselect Select Option Item
  */
 declare const Select: {
-    ({ children, id, selected, label, iconName, onChange, disabled, multiple, nullable, ...others }: SelectProps): JSX.Element;
+    ({ children, id, selected, label, iconName, onChange, disabled, multiple, ...others }: SelectProps): JSX.Element;
     displayName: ComponentName;
 };
 export default Select;

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

@@ -18,7 +18,7 @@ import SelectOption from './option';
  * @param nullable {boolean} Unselect Select Option Item
  */
 var Select = function (_a) {
-    var children = _a.children, id = _a.id, selected = _a.selected, label = _a.label, iconName = _a.iconName, onChange = _a.onChange, disabled = _a.disabled, multiple = _a.multiple, nullable = _a.nullable, others = __rest(_a, ["children", "id", "selected", "label", "iconName", "onChange", "disabled", "multiple", "nullable"]);
+    var children = _a.children, id = _a.id, selected = _a.selected, label = _a.label, iconName = _a.iconName, onChange = _a.onChange, disabled = _a.disabled, multiple = _a.multiple, others = __rest(_a, ["children", "id", "selected", "label", "iconName", "onChange", "disabled", "multiple"]);
     var _b = __read(useState(selected), 2), selectedValues = _b[0], setSelectedValues = _b[1];
     var _c = __read(React.useState([]), 2), selectedNames = _c[0], setSelectedNames = _c[1];
     var _d = __read(useState(false), 2), display = _d[0], setDisplay = _d[1];
@@ -54,19 +54,12 @@ var Select = function (_a) {
         if (isChecked) {
             setSelectedValues(function (prev) {
                 switch (true) {
-                    case Array.isArray(prev) && nullable:
+                    case Array.isArray(prev):
                         setSelectedNames(function (prev) { return prev.filter(function (txt) { return ![children, label].includes(txt); }); });
                         var opts = prev.filter(function (item) { return item !== value; });
                         selectedOptions.push.apply(selectedOptions, __spreadArray([], __read(opts), false));
                         return opts;
-                    case Array.isArray(prev) && !nullable:
-                        selectedOptions.push.apply(selectedOptions, __spreadArray([], __read(prev), false));
-                        return prev;
-                    case !Array.isArray(prev) && !nullable:
-                        selectedOptions.push(value);
-                        setDisplay(false);
-                        return prev;
-                    case !Array.isArray(prev) && nullable:
+                    case !Array.isArray(prev):
                         setDisplay(false);
                         setSelectedNames([]);
                         return undefined;
@@ -93,15 +86,15 @@ var Select = function (_a) {
             });
         }
         return selectedOptions;
-    }, [multiple, nullable]);
+    }, [multiple]);
     var options = React.useMemo(function () {
         return React.Children.map(children, function (child, index) {
             if (!React.isValidElement(child))
                 return null;
             var clickEventValue = function (v) {
                 switch (true) {
-                    case (nullable && multiple && (selectedValues === null || selectedValues === void 0 ? void 0 : selectedValues.includes(child.props.value))) ||
-                        (nullable && !multiple && selectedValues === child.props.value):
+                    case (multiple && (selectedValues === null || selectedValues === void 0 ? void 0 : selectedValues.includes(child.props.value))) ||
+                        (!multiple && selectedValues === child.props.value):
                         return undefined;
                     default:
                         return v;
@@ -129,11 +122,11 @@ var Select = function (_a) {
                 } });
             return React.createElement(SelectOption, __assign({}, props, { key: "".concat(reactId, "_").concat(index) }));
         });
-    }, [multiple, nullable, selectedValues, children]);
+    }, [multiple, selectedValues, children]);
     return (React.createElement(React.Fragment, null,
-        React.createElement(Input, __assign({ onIconClick: handleOpenCloseModal, onClick: handleOpenCloseModal, disabled: disabled, placeholder: label, hasIcon: !!iconName, customIconLeft: iconName, value: selectedNames.join(', '), defaultValue: selectedNames.join(', '), customIconRight: display ? 'tri-arrow-up' : 'tri-arrow-down' }, { editable: false, onPressIn: handleOpenCloseModal, id: id }, others)),
-        React.createElement(Modal, { active: display, onClose: handleOpenCloseModal, swipable: false, bottom: false }, options)));
+        React.createElement(Input, __assign({ onIconClick: handleOpenCloseModal, onClick: handleOpenCloseModal, disabled: disabled, placeholder: label, iconNameLeft: iconName, iconNameRight: display ? 'tri-arrow-up' : 'tri-arrow-down', value: selectedNames.join(', '), defaultValue: selectedNames.join(', ') }, { editable: false, onPressIn: handleOpenCloseModal, id: id }, others)),
+        React.createElement(Modal, { active: display, onClose: handleOpenCloseModal, unClosable: true, title: "" }, options)));
 };
 Select.displayName = ComponentName.Select;
 export default Select;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiU2VsZWN0Lm5hdGl2ZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL2NvbXBvbmVudHMvc2VsZWN0L1NlbGVjdC5uYXRpdmUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLEtBQUssRUFBRSxFQUFFLFdBQVcsRUFBRSxTQUFTLEVBQUUsUUFBUSxFQUFFLE1BQU0sT0FBTyxDQUFBO0FBQy9ELE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxrQ0FBa0MsQ0FBQTtBQUNoRSxPQUFPLEVBQUUsS0FBSyxFQUFFLE1BQU0sb0JBQW9CLENBQUE7QUFDMUMsT0FBTyxFQUFFLEtBQUssRUFBRSxNQUFNLG9CQUFvQixDQUFBO0FBRTFDLE9BQU8sWUFBWSxNQUFNLFVBQVUsQ0FBQTtBQUVuQzs7Ozs7Ozs7Ozs7O0dBWUc7QUFDSCxJQUFNLE1BQU0sR0FBRyxVQUFDLEVBV0Y7SUFWWixJQUFBLFFBQVEsY0FBQSxFQUNSLEVBQUUsUUFBQSxFQUNGLFFBQVEsY0FBQSxFQUNSLEtBQUssV0FBQSxFQUNMLFFBQVEsY0FBQSxFQUNSLFFBQVEsY0FBQSxFQUNSLFFBQVEsY0FBQSxFQUNSLFFBQVEsY0FBQSxFQUNSLFFBQVEsY0FBQSxFQUNMLE1BQU0sY0FWSyxtR0FXZixDQURVO0lBRUgsSUFBQSxLQUFBLE9BQXNDLFFBQVEsQ0FBZ0IsUUFBUSxDQUFDLElBQUEsRUFBdEUsY0FBYyxRQUFBLEVBQUUsaUJBQWlCLFFBQXFDLENBQUE7SUFDdkUsSUFBQSxLQUFBLE9BQW9DLEtBQUssQ0FBQyxRQUFRLENBQVcsRUFBRSxDQUFDLElBQUEsRUFBL0QsYUFBYSxRQUFBLEVBQUUsZ0JBQWdCLFFBQWdDLENBQUE7SUFDaEUsSUFBQSxLQUFBLE9BQXdCLFFBQVEsQ0FBVSxLQUFLLENBQUMsSUFBQSxFQUEvQyxPQUFPLFFBQUEsRUFBRSxVQUFVLFFBQTRCLENBQUE7SUFDdEQsSUFBTSxPQUFPLEdBQUcsS0FBSyxDQUFDLEtBQUssRUFBRSxDQUFBO0lB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
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiU2VsZWN0Lm5hdGl2ZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL2NvbXBvbmVudHMvc2VsZWN0L1NlbGVjdC5uYXRpdmUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLEtBQUssRUFBRSxFQUFFLFdBQVcsRUFBRSxTQUFTLEVBQUUsUUFBUSxFQUFFLE1BQU0sT0FBTyxDQUFBO0FBQy9ELE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxrQ0FBa0MsQ0FBQTtBQUNoRSxPQUFPLEVBQUUsS0FBSyxFQUFFLE1BQU0sb0JBQW9CLENBQUE7QUFDMUMsT0FBTyxFQUFFLEtBQUssRUFBRSxNQUFNLG9CQUFvQixDQUFBO0FBRTFDLE9BQU8sWUFBWSxNQUFNLFVBQVUsQ0FBQTtBQUVuQzs7Ozs7Ozs7Ozs7O0dBWUc7QUFDSCxJQUFNLE1BQU0sR0FBRyxVQUFDLEVBVUY7SUFUWixJQUFBLFFBQVEsY0FBQSxFQUNSLEVBQUUsUUFBQSxFQUNGLFFBQVEsY0FBQSxFQUNSLEtBQUssV0FBQSxFQUNMLFFBQVEsY0FBQSxFQUNSLFFBQVEsY0FBQSxFQUNSLFFBQVEsY0FBQSxFQUNSLFFBQVEsY0FBQSxFQUNMLE1BQU0sY0FUSyx1RkFVZixDQURVO0lBRUgsSUFBQSxLQUFBLE9BQXNDLFFBQVEsQ0FBZ0IsUUFBUSxDQUFDLElBQUEsRUFBdEUsY0FBYyxRQUFBLEVBQUUsaUJBQWlCLFFBQXFDLENBQUE7SUFDdkUsSUFBQSxLQUFBLE9BQW9DLEtBQUssQ0FBQyxRQUFRLENBQVcsRUFBRSxDQUFDLElBQUEsRUFBL0QsYUFBYSxRQUFBLEVBQUUsZ0JBQWdCLFFBQWdDLENBQUE7SUFDaEUsSUFBQSxLQUFBLE9BQXdCLFFBQVEsQ0FBVSxLQUFLLENBQUMsSUFBQSxFQUEvQyxPQUFPLFFBQUEsRUFBRSxVQUFVLFFBQTRCLENBQUE7SUFDdEQsSUFBTSxPQUFPLEdBQUcsS0FBSyxDQUFDLEtBQUssRUFBRSxDQUFBO0lBRTdCLFNBQVMsQ0FBQzs7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

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

@@ -1,6 +1,7 @@
 /// <reference types="react" />
 import { Accessibility, Dev } from '../../objects';
 import { IconName, IconNameValues } from '../icon';
+import { CommonProps } from '../../objects/facets/CommonProps';
 export interface ISelectOption {
     value: string | undefined;
     name: string | undefined;
@@ -16,7 +17,7 @@ export interface SelectChangeEvent {
 export type SelectChangeEventHandler<T = SelectChangeEvent> = (event: T) => void;
 export type SelectedValue = string | number | string[] | undefined;
 export type ParamEventSelectFocus = React.FocusEvent | React.BaseSyntheticEvent;
-export interface SelectProps<T = SelectChangeEvent> extends Accessibility, Dev {
+export interface SelectProps<T = SelectChangeEvent> extends Accessibility, Dev, CommonProps {
     onChange?: SelectChangeEventHandler<T>;
     onFocus?: (event: ParamEventSelectFocus) => void;
     onBlur?: (event: unknown) => void;
@@ -25,11 +26,8 @@ export interface SelectProps<T = SelectChangeEvent> extends Accessibility, Dev {
     disabled?: boolean;
     iconName?: IconName | IconNameValues;
     selected?: SelectedValue;
-    id?: string;
     name?: string;
     multiple?: boolean;
-    className?: string;
-    nullable?: boolean;
     placeholder?: string;
     native?: boolean;
 }

package/lib/components/select/SelectPropsDefaults.js

@@ -110,13 +110,6 @@ export default {
       "string[]"
     ]
   },
-  "id": {
-    "type": "string",
-    "values": [
-      "undefined",
-      "string"
-    ]
-  },
   "name": {
     "type": "string",
     "values": [
@@ -132,14 +125,14 @@ export default {
       "true"
     ]
   },
-  "className": {
+  "placeholder": {
     "type": "string",
     "values": [
       "undefined",
       "string"
     ]
   },
-  "nullable": {
+  "native": {
     "type": "boolean",
     "values": [
       "undefined",
@@ -147,29 +140,28 @@ export default {
       "true"
     ]
   },
-  "placeholder": {
+  "accessibilityLabel": {
     "type": "string",
     "values": [
       "undefined",
       "string"
     ]
   },
-  "native": {
-    "type": "boolean",
+  "testId": {
+    "type": "string",
     "values": [
       "undefined",
-      "false",
-      "true"
+      "string"
     ]
   },
-  "accessibilityLabel": {
+  "id": {
     "type": "string",
     "values": [
       "undefined",
       "string"
     ]
   },
-  "testId": {
+  "className": {
     "type": "string",
     "values": [
       "undefined",

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

@@ -12,6 +12,7 @@ import { SelectOptionProps } from './SelectOptionProps';
  * @param disabled {boolean} disable option
  * @param onClick {function} onclick function
  * @param id {string} Select option custom id
+ * @param others
  */
-declare const SelectOption: React.ForwardRefExoticComponent<SelectOptionProps<string> & React.RefAttributes<HTMLOptionElement>>;
+declare const SelectOption: ({ id, className, value, disabled, children, onClick, label, iconName, testId, ...others }: SelectOptionProps) => React.JSX.Element;
 export default SelectOption;

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

@@ -1,6 +1,6 @@
 import { __assign, __rest } from "tslib";
 import clsx from 'clsx';
-import { Radio } from '../../../components/radio';
+import { RadioTile } from '../../../components/radio';
 import * as React from 'react';
 /**
  * Select Option Component
@@ -14,15 +14,16 @@ import * as React from 'react';
  * @param disabled {boolean} disable option
  * @param onClick {function} onclick function
  * @param id {string} Select option custom id
+ * @param others
  */
-var SelectOption = React.forwardRef(function (allProps, ref) {
-    var id = allProps.id, className = allProps.className, value = allProps.value, disabled = allProps.disabled, children = allProps.children, onClick = allProps.onClick, label = allProps.label, iconName = allProps.iconName, testId = allProps.testId, others = __rest(allProps, ["id", "className", "value", "disabled", "children", "onClick", "label", "iconName", "testId"]);
-    var _a = others, checked = _a.checked, native = _a.native, focused = _a.focused, props = __rest(_a, ["checked", "native", "focused"]);
+var SelectOption = function (_a) {
+    var id = _a.id, className = _a.className, value = _a.value, disabled = _a.disabled, children = _a.children, onClick = _a.onClick, label = _a.label, iconName = _a.iconName, testId = _a.testId, others = __rest(_a, ["id", "className", "value", "disabled", "children", "onClick", "label", "iconName", "testId"]);
+    var _b = others, checked = _b.checked, native = _b.native, focused = _b.focused, props = __rest(_b, ["checked", "native", "focused"]);
     var selectClasses = React.useMemo(function () { return clsx(focused && 'focus', className); }, [focused, className]);
     if (native) {
-        return (React.createElement("option", __assign({ ref: ref, role: 'option', id: id, value: value, disabled: disabled, "aria-label": label, "data-testid": testId, onClick: onClick }, props), children || label));
+        return (React.createElement("option", __assign({ role: "option", id: id, value: value, disabled: disabled, "aria-label": label, "data-testid": testId, onClick: onClick }, props), children || label));
     }
-    return (React.createElement(Radio, __assign({ checked: checked, tile: true, horizontalTile: true, marginless: true, className: selectClasses, value: value, disabled: disabled, onClick: onClick, iconTile: iconName, description: label || children, testId: testId }, others)));
-});
+    return (React.createElement(RadioTile, __assign({ checked: checked, horizontal: true, className: selectClasses, value: value, disabled: disabled, onChange: onClick, icon: iconName, description: label || children }, others)));
+};
 export default SelectOption;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiU2VsZWN0T3B0aW9uLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vY29tcG9uZW50cy9zZWxlY3Qvb3B0aW9uL1NlbGVjdE9wdGlvbi50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUFBLE9BQU8sSUFBSSxNQUFNLE1BQU0sQ0FBQTtBQUN2QixPQUFPLEVBQUUsS0FBSyxFQUFFLE1BQU0sb0JBQW9CLENBQUE7QUFDMUMsT0FBTyxLQUFLLEtBQUssTUFBTSxPQUFPLENBQUE7QUFHOUI7Ozs7Ozs7Ozs7OztHQVlHO0FBQ0gsSUFBTSxZQUFZLEdBQUcsS0FBSyxDQUFDLFVBQVUsQ0FBQyxVQUFDLFFBQTJCLEVBQUUsR0FBdUM7SUFFdkcsSUFBQSxFQUFFLEdBVUEsUUFBUSxHQVZSLEVBQ0YsU0FBUyxHQVNQLFFBQVEsVUFURCxFQUNULEtBQUssR0FRSCxRQUFRLE1BUkwsRUFDTCxRQUFRLEdBT04sUUFBUSxTQVBGLEVBQ1IsUUFBUSxHQU1OLFFBQVEsU0FORixFQUNSLE9BQU8sR0FLTCxRQUFRLFFBTEgsRUFDUCxLQUFLLEdBSUgsUUFBUSxNQUpMLEVBQ0wsUUFBUSxHQUdOLFFBQVEsU0FIRixFQUNSLE1BQU0sR0FFSixRQUFRLE9BRkosRUFDSCxNQUFNLFVBQ1AsUUFBUSxFQVhOLDhGQVdMLENBRFUsQ0FDQztJQUVaLElBQU0sS0FBeUMsTUFBNEQsRUFBbkcsT0FBTyxhQUFBLEVBQUUsTUFBTSxZQUFBLEVBQUUsT0FBTyxhQUFBLEVBQUssS0FBSyxjQUFwQyxnQ0FBc0MsQ0FBK0QsQ0FBQTtJQUMzRyxJQUFNLGFBQWEsR0FBRyxLQUFLLENBQUMsT0FBTyxDQUFDLGNBQU0sT0FBQSxJQUFJLENBQUMsT0FBTyxJQUFJLE9BQU8sRUFBRSxTQUFTLENBQUMsRUFBbkMsQ0FBbUMsRUFBRSxDQUFDLE9BQU8sRUFBRSxTQUFTLENBQUMsQ0FBQyxDQUFBO0lBRXBHLElBQUksTUFBTSxFQUFFO1FBQ1YsT0FBTyxDQUNMLHlDQUNFLEdBQUcsRUFBRSxHQUFHLEVBQ1IsSUFBSSxFQUFDLFFBQVEsRUFDYixFQUFFLEVBQUUsRUFBRSxFQUNOLEtBQUssRUFBRSxLQUFLLEVBQ1osUUFBUSxFQUFFLFFBQVEsZ0JBQ04sS0FBSyxpQkFDSixNQUFNLEVBQ25CLE9BQU8sRUFBRSxPQUFPLElBQ1osS0FBSyxHQUVSLFFBQVEsSUFBSSxLQUFLLENBQ1gsQ0FDVixDQUFBO0tBQ0Y7SUFFRCxPQUFPLENBQ0wsb0JBQUMsS0FBSyxhQUNKLE9BQU8sRUFBRSxPQUFPLEVBQ2hCLElBQUksUUFDSixjQUFjLFFBQ2QsVUFBVSxRQUNWLFNBQVMsRUFBRSxhQUFhLEVBQ3hCLEtBQUssRUFBRSxLQUFLLEVBQ1osUUFBUSxFQUFFLFFBQVEsRUFDbEIsT0FBTyxFQUFFLE9BQU8sRUFDaEIsUUFBUSxFQUFFLFFBQVEsRUFDbEIsV0FBVyxFQUFFLEtBQUssSUFBSSxRQUFRLEVBQzlCLE1BQU0sRUFBRSxNQUFNLElBQ1YsTUFBTSxFQUNWLENBQ0gsQ0FBQTtBQUNILENBQUMsQ0FBQyxDQUFBO0FBRUYsZUFBZSxZQUFZLENBQUEifQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiU2VsZWN0T3B0aW9uLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vY29tcG9uZW50cy9zZWxlY3Qvb3B0aW9uL1NlbGVjdE9wdGlvbi50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUFBLE9BQU8sSUFBSSxNQUFNLE1BQU0sQ0FBQTtBQUN2QixPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sb0JBQW9CLENBQUE7QUFDOUMsT0FBTyxLQUFLLEtBQUssTUFBTSxPQUFPLENBQUE7QUFHOUI7Ozs7Ozs7Ozs7Ozs7R0FhRztBQUNILElBQU0sWUFBWSxHQUFHLFVBQUMsRUFXb0I7SUFWbEIsSUFBQSxFQUFFLFFBQUEsRUFDRixTQUFTLGVBQUEsRUFDVCxLQUFLLFdBQUEsRUFDTCxRQUFRLGNBQUEsRUFDUixRQUFRLGNBQUEsRUFDUixPQUFPLGFBQUEsRUFDUCxLQUFLLFdBQUEsRUFDTCxRQUFRLGNBQUEsRUFDUixNQUFNLFlBQUEsRUFDSCxNQUFNLGNBVlgsOEZBV0MsQ0FEVTtJQUcvQixJQUFNLEtBQXlDLE1BQWlFLEVBQXhHLE9BQU8sYUFBQSxFQUFFLE1BQU0sWUFBQSxFQUFFLE9BQU8sYUFBQSxFQUFLLEtBQUssY0FBcEMsZ0NBQXNDLENBQW9FLENBQUE7SUFDaEgsSUFBTSxhQUFhLEdBQUcsS0FBSyxDQUFDLE9BQU8sQ0FBQyxjQUFNLE9BQUEsSUFBSSxDQUFDLE9BQU8sSUFBSSxPQUFPLEVBQUUsU0FBUyxDQUFDLEVBQW5DLENBQW1DLEVBQUUsQ0FBQyxPQUFPLEVBQUUsU0FBUyxDQUFDLENBQUMsQ0FBQTtJQUVwRyxJQUFJLE1BQU0sRUFBRTtRQUNWLE9BQU8sQ0FDTCx5Q0FDRSxJQUFJLEVBQUMsUUFBUSxFQUNiLEVBQUUsRUFBRSxFQUFFLEVBQ04sS0FBSyxFQUFFLEtBQUssRUFDWixRQUFRLEVBQUUsUUFBUSxnQkFDTixLQUFLLGlCQUNKLE1BQU0sRUFDbkIsT0FBTyxFQUFFLE9BQU8sSUFDWixLQUFLLEdBRVIsUUFBUSxJQUFJLEtBQUssQ0FDWCxDQUNWLENBQUE7S0FDRjtJQUVELE9BQU8sQ0FDTCxvQkFBQyxTQUFTLGFBQ1IsT0FBTyxFQUFFLE9BQU8sRUFDaEIsVUFBVSxRQUNWLFNBQVMsRUFBRSxhQUFhLEVBQ3hCLEtBQUssRUFBRSxLQUFLLEVBQ1osUUFBUSxFQUFFLFFBQVEsRUFDbEIsUUFBUSxFQUFFLE9BQU8sRUFDakIsSUFBSSxFQUFFLFFBQVEsRUFDZCxXQUFXLEVBQUUsS0FBSyxJQUFJLFFBQVEsSUFDMUIsTUFBTSxFQUNWLENBQ0gsQ0FBQTtBQUNILENBQUMsQ0FBQTtBQUVELGVBQWUsWUFBWSxDQUFBIn0=

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

@@ -1,13 +1,12 @@
 import { __assign, __rest } from "tslib";
-import { Columns, ColumnsItem } from '../../../components/columns';
+import { Columns, Column } from '../../../components/columns';
 import { ComponentName } from '../../../components/enumsComponentsName';
 import { Icon, IconSize } from '../../../components/icon';
 import { Text } from '../../../components/text';
 import { TypographyBold } from '../../../objects/Typography';
-import { getColorStyle, TrilogyColor } from '../../../objects/facets/Color';
+import { TrilogyColor, getColorStyle } from '../../../objects/facets/Color';
 import * as React from 'react';
 import { Dimensions, StyleSheet, TouchableOpacity } from 'react-native';
-import { Alignable } from "../../../objects";
 /**
  * Select Option Component
  * @param value {string} Select option value
@@ -47,14 +46,14 @@ var SelectOption = function (_a) {
         return iconName ? checked && 10 || 11 : checked && 11 || 12;
     }, [iconName, checked]);
     return (React.createElement(TouchableOpacity, __assign({ style: [styles.container] }, others, { onPress: onClick }),
-        React.createElement(Columns, { gap: 0, verticalAlign: Alignable.ALIGNED_CENTER },
-            iconName && (React.createElement(ColumnsItem, { size: 1 },
+        React.createElement(Columns, { gap: 0 },
+            iconName && (React.createElement(Column, { size: 1 },
                 React.createElement(Icon, { size: IconSize.SMALL, name: iconName, color: iconColor }))),
-            React.createElement(ColumnsItem, { size: columnLabelSize },
+            React.createElement(Column, { size: columnLabelSize },
                 React.createElement(Text, __assign({ typo: [checked && TypographyBold.TEXT_WEIGHT_SEMIBOLD] }, { style: { paddingLeft: 8, color: textColor, } }), children || label)),
-            checked && (React.createElement(ColumnsItem, { size: 1 },
+            checked && (React.createElement(Column, { size: 1 },
                 React.createElement(Icon, { size: IconSize.SMALL, name: 'tri-check', color: iconColor }))))));
 };
 SelectOption.displayName = ComponentName.SelectOption;
 export default SelectOption;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiU2VsZWN0T3B0aW9uLm5hdGl2ZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL2NvbXBvbmVudHMvc2VsZWN0L29wdGlvbi9TZWxlY3RPcHRpb24ubmF0aXZlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxFQUFDLE9BQU8sRUFBRSxXQUFXLEVBQUMsTUFBTSxzQkFBc0IsQ0FBQTtBQUN6RCxPQUFPLEVBQUMsYUFBYSxFQUFDLE1BQU0sa0NBQWtDLENBQUE7QUFDOUQsT0FBTyxFQUFDLElBQUksRUFBRSxRQUFRLEVBQUMsTUFBTSxtQkFBbUIsQ0FBQTtBQUNoRCxPQUFPLEVBQUMsSUFBSSxFQUFDLE1BQU0sbUJBQW1CLENBQUE7QUFDdEMsT0FBTyxFQUFDLGNBQWMsRUFBQyxNQUFNLHNCQUFzQixDQUFBO0FBQ25ELE9BQU8sRUFBQyxhQUFhLEVBQUUsWUFBWSxFQUFDLE1BQU0sd0JBQXdCLENBQUE7QUFDbEUsT0FBTyxLQUFLLEtBQUssTUFBTSxPQUFPLENBQUE7QUFDOUIsT0FBTyxFQUFDLFVBQVUsRUFBRSxVQUFVLEVBQUUsZ0JBQWdCLEVBQUMsTUFBTSxjQUFjLENBQUE7QUFFckUsT0FBTyxFQUFDLFNBQVMsRUFBQyxNQUFNLFdBQVcsQ0FBQztBQUVwQzs7Ozs7R0FLRztBQUNILElBQU0sWUFBWSxHQUFHLFVBQUMsRUFBOEU7SUFBNUUsSUFBQSxRQUFRLGNBQUEsRUFBRSxRQUFRLGNBQUEsRUFBRSxPQUFPLGFBQUEsRUFBRSxLQUFLLFdBQUEsRUFBRSxRQUFRLGNBQUEsRUFBSyxNQUFNLGNBQXpELHdEQUEyRCxDQUFGO0lBQ3JFLElBQUEsT0FBTyxHQUFLLE1BQTZCLFFBQWxDLENBQWtDO0lBRWpELElBQU0sTUFBTSxHQUFHLEtBQUssQ0FBQyxPQUFPLENBQzFCO1FBQ0UsT0FBQSxVQUFVLENBQUMsTUFBTSxDQUFDO1lBQ2hCLFNBQVMsRUFBRTtnQkFDVCxlQUFlLEVBQUUsQ0FBQyxRQUFRLElBQUks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
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiU2VsZWN0T3B0aW9uLm5hdGl2ZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL2NvbXBvbmVudHMvc2VsZWN0L29wdGlvbi9TZWxlY3RPcHRpb24ubmF0aXZlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxFQUFFLE9BQU8sRUFBRSxNQUFNLEVBQUUsTUFBTSxzQkFBc0IsQ0FBQTtBQUN0RCxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sa0NBQWtDLENBQUE7QUFDaEUsT0FBTyxFQUFFLElBQUksRUFBRSxRQUFRLEVBQUUsTUFBTSxtQkFBbUIsQ0FBQTtBQUNsRCxPQUFPLEVBQUUsSUFBSSxFQUFFLE1BQU0sbUJBQW1CLENBQUE7QUFDeEMsT0FBTyxFQUFFLGNBQWMsRUFBRSxNQUFNLHNCQUFzQixDQUFBO0FBQ3JELE9BQU8sRUFBRSxZQUFZLEVBQUUsYUFBYSxFQUFFLE1BQU0sd0JBQXdCLENBQUE7QUFDcEUsT0FBTyxLQUFLLEtBQUssTUFBTSxPQUFPLENBQUE7QUFDOUIsT0FBTyxFQUFFLFVBQVUsRUFBRSxVQUFVLEVBQUUsZ0JBQWdCLEVBQUUsTUFBTSxjQUFjLENBQUE7QUFHdkU7Ozs7O0dBS0c7QUFDSCxJQUFNLFlBQVksR0FBRyxVQUFDLEVBQThFO0lBQTVFLElBQUEsUUFBUSxjQUFBLEVBQUUsUUFBUSxjQUFBLEVBQUUsT0FBTyxhQUFBLEVBQUUsS0FBSyxXQUFBLEVBQUUsUUFBUSxjQUFBLEVBQUssTUFBTSxjQUF6RCx3REFBMkQsQ0FBRjtJQUNyRSxJQUFBLE9BQU8sR0FBSyxNQUE2QixRQUFsQyxDQUFrQztJQUVqRCxJQUFNLE1BQU0sR0FBRyxLQUFLLENBQUMsT0FBTyxDQUMxQjtRQUNFLE9BQUEsVUFBVSxDQUFDLE1BQU0sQ0FBQztZQUNoQixTQUFTLEVBQUU7Z0JBQ1QsZUFBZSxFQUFFLENBQUMsUUFBUSxJQUFJLGFBQWEsQ0FBQyxZQUFZLENBQUMsYUFBYSxDQUFDLENBQUMsSUFBSSxT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

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

@@ -1,17 +1,14 @@
 import { ClickEvent } from '../../../events/OnClickEvent';
 import { IconName, IconNameValues } from '../../../components/icon';
 import { Accessibility, Dev } from '../../../objects';
+import { CommonProps } from '../../../objects/facets/CommonProps';
 /**
  * Select Option Interface
  */
-export interface SelectOptionProps<T extends string | number = string> extends Accessibility, Dev {
+export interface SelectOptionProps<T extends string | number = string> extends Accessibility, Dev, CommonProps {
     children?: string;
-    /** @deprecated use Select "selected" props instead */
-    selected?: boolean;
     label?: string;
     value?: T;
-    className?: string;
-    id?: string;
     disabled?: boolean;
     onClick?: ClickEvent;
     iconName?: IconName | IconNameValues;

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

@@ -6,14 +6,6 @@ export default {
       "string"
     ]
   },
-  "selected": {
-    "type": "boolean",
-    "values": [
-      "undefined",
-      "false",
-      "true"
-    ]
-  },
   "label": {
     "type": "string",
     "values": [
@@ -28,20 +20,6 @@ export default {
       "T"
     ]
   },
-  "className": {
-    "type": "string",
-    "values": [
-      "undefined",
-      "string"
-    ]
-  },
-  "id": {
-    "type": "string",
-    "values": [
-      "undefined",
-      "string"
-    ]
-  },
   "disabled": {
     "type": "boolean",
     "values": [
@@ -122,5 +100,19 @@ export default {
       "undefined",
       "string"
     ]
+  },
+  "id": {
+    "type": "string",
+    "values": [
+      "undefined",
+      "string"
+    ]
+  },
+  "className": {
+    "type": "string",
+    "values": [
+      "undefined",
+      "string"
+    ]
   }
 };

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

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