@trilogy-ds/react 0.0.1-beta-3 → 0.0.1-beta-52

package/lib/components/checkbox/Checkbox.js.map

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

package/lib/components/checkbox/Checkbox.native.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
-import { CheckboxProps } from './CheckboxProps';
-import { ComponentName } from '../enumsComponentsName';
+import { CheckboxProps } from "./CheckboxProps";
+import { ComponentName } from "../../components/enumsComponentsName";
 /**
  * Checkbox Native Component
  * @param checked {boolean} Checked Checkbox
@@ -11,12 +11,9 @@ import { ComponentName } from '../enumsComponentsName';
  * @param onClick {ClickEvent}
  * @param onChange {ChangeEvent}
  * @param name {string} Name for checkbox
- * @param inverted {boolean} Inveted Checkbox color
- * @param spaced {boolean} Spaced Label
- * @param reversed {boolean} Reversed Checkbox Input with Label
  */
 declare const Checkbox: {
-    ({ id, checked, name, onClick, onChange, disabled, readonly, label, inverted, spaced, reversed, tile, description, iconTile, horizontalTile, }: CheckboxProps): JSX.Element;
+    ({ id, checked, name, onClick, onChange, disabled, readonly, label, tile, description, iconTile, horizontalTile, }: CheckboxProps): JSX.Element;
     displayName: ComponentName;
 };
 export default Checkbox;

package/lib/components/checkbox/Checkbox.native.js

@@ -1,13 +1,13 @@
-import React, { useEffect, useState } from 'react';
-import { StyleSheet, TouchableOpacity } from 'react-native';
-import { IconName } from '../icon/IconNameEnum';
-import shortid from 'shortid';
-import { getColorStyle, TrilogyColor } from '../../objects/facets/Color';
-import { Text, TextLevels } from '../text';
-import { View } from '../view';
-import { Icon, IconSize } from '../icon';
-import { TypographyBold } from '../../objects';
-import { ComponentName } from '../enumsComponentsName';
+import React, { useEffect, useState } from "react";
+import { StyleSheet, TouchableOpacity } from "react-native";
+import { IconName } from "../../components/icon/IconNameEnum";
+import shortid from "shortid";
+import { getColorStyle, TrilogyColor } from "../../objects/facets/Color";
+import { Text, TextLevels } from "../../components/text";
+import { View } from "../../components/view";
+import { Icon, IconSize } from "../../components/icon";
+import { TypographyAlign, TypographyBold } from "../../objects";
+import { ComponentName } from "../../components/enumsComponentsName";
 /**
  * Checkbox Native Component
  * @param checked {boolean} Checked Checkbox
@@ -18,66 +18,72 @@ import { ComponentName } from '../enumsComponentsName';
  * @param onClick {ClickEvent}
  * @param onChange {ChangeEvent}
  * @param name {string} Name for checkbox
- * @param inverted {boolean} Inveted Checkbox color
- * @param spaced {boolean} Spaced Label
- * @param reversed {boolean} Reversed Checkbox Input with Label
  */
-const Checkbox = ({ id = shortid.generate(), checked, name, onClick, onChange, disabled, readonly, label, inverted, spaced, reversed, tile, description, iconTile, horizontalTile, }) => {
+const Checkbox = ({ id = shortid.generate(), checked, name, onClick, onChange, disabled, readonly, label, tile, description, iconTile, horizontalTile, }) => {
     const [_checked, setChecked] = useState(checked || false);
     useEffect(() => {
         setChecked(checked || false);
     }, [checked]);
     const styles = StyleSheet.create({
         container: {
-            flexDirection: reversed ? 'row-reverse' : 'row',
-            justifyContent: spaced ? 'space-between' : 'flex-start',
+            flexDirection: "row",
+            paddingBottom: 5,
+            justifyContent: "flex-start",
         },
         checkBox: {
-            alignItems: 'center',
-            justifyContent: horizontalTile ? 'center' : 'flex-start',
-            borderColor: !inverted ? getColorStyle(TrilogyColor.TERTIARY) : getColorStyle(TrilogyColor.WHITE),
-            borderWidth: 0.5,
+            alignItems: "center",
+            justifyContent: horizontalTile ? "center" : "flex-start",
+            borderColor: getColorStyle(TrilogyColor.FONT),
+            borderWidth: 0.6,
             width: 19,
             height: 19,
             borderRadius: 4,
-            marginRight: (!spaced && reversed && 0) || (spaced && reversed && 0) || (!spaced && !reversed && 10) || 0,
-            marginLeft: !spaced && reversed ? 10 : 0,
-            backgroundColor: (tile && disabled && '#4f4f4f') || (_checked && getColorStyle(TrilogyColor.SECONDARY)) || 'transparent',
+            marginRight: 10,
+            marginLeft: 0,
+            backgroundColor: (disabled && getColorStyle(TrilogyColor.DISABLED, 1)) ||
+                (_checked && getColorStyle(TrilogyColor.MAIN)) ||
+                "transparent",
         },
         label: {
-            color: inverted ? getColorStyle(TrilogyColor.WHITE) : getColorStyle(TrilogyColor.TERTIARY),
-            alignSelf: 'center',
+            color: (disabled && getColorStyle(TrilogyColor.DISABLED)) ||
+                (_checked && getColorStyle(TrilogyColor.MAIN)) ||
+                getColorStyle(TrilogyColor.MAIN),
         },
         tile: {
-            paddingBottom: 8,
+            padding: _checked ? 3 : 4,
+            paddingBottom: _checked ? 7 : 8,
             maxWidth: 140,
-            borderWidth: 2,
-            borderColor: (disabled && '#e1e1e1') ||
-                (_checked && getColorStyle(TrilogyColor.SECONDARY)) ||
-                getColorStyle(TrilogyColor.GREY),
+            borderWidth: (_checked && 2) || 1,
+            width: 126,
+            borderColor: (disabled && getColorStyle(TrilogyColor.DISABLED, 1)) ||
+                (_checked && getColorStyle(TrilogyColor.MAIN)) ||
+                getColorStyle(TrilogyColor.FONT, 1),
             borderRadius: 6,
-            textAlign: 'center',
-            alignItems: 'center',
-            backgroundColor: disabled ? '#e1e1e1' : 'transparent',
-        },
-        tileLabel: {
-            color: getColorStyle(TrilogyColor.TERTIARY),
-            alignSelf: horizontalTile ? 'flex-start' : 'center',
+            textAlign: "center",
+            alignItems: "center",
+            backgroundColor: disabled
+                ? getColorStyle(TrilogyColor.DISABLED, 1)
+                : "transparent",
         },
         tileDescription: {
-            color: getColorStyle(TrilogyColor.TERTIARY),
-            alignSelf: horizontalTile ? 'flex-start' : 'center',
+            color: disabled
+                ? getColorStyle(TrilogyColor.DISABLED, 1)
+                : getColorStyle(TrilogyColor.MAIN),
+            alignSelf: horizontalTile ? "flex-start" : "center",
         },
         horizontalTile: {
-            paddingVertical: 16,
-            width: '100%',
-            height: 'auto',
-            borderWidth: 2,
-            borderColor: (disabled && '#e1e1e1') ||
-                (_checked && getColorStyle(TrilogyColor.SECONDARY)) ||
-                getColorStyle(TrilogyColor.GREY),
+            paddingVertical: _checked ? 17 : 18,
+            paddingHorizontal: _checked ? 5 : 6,
+            width: "100%",
+            height: "auto",
+            borderWidth: (_checked && 2) || 1,
+            borderColor: (disabled && getColorStyle(TrilogyColor.DISABLED, 1)) ||
+                (_checked && getColorStyle(TrilogyColor.MAIN)) ||
+                getColorStyle(TrilogyColor.FONT, 1),
             borderRadius: 6,
-            backgroundColor: disabled ? '#e1e1e1' : 'transparent',
+            backgroundColor: disabled
+                ? getColorStyle(TrilogyColor.DISABLED, 1)
+                : "transparent",
         },
     });
     const handleClick = () => {
@@ -86,67 +92,73 @@ const Checkbox = ({ id = shortid.generate(), checked, name, onClick, onChange, d
             if (onClick) {
                 onClick({
                     checkboxId: id,
-                    checkboxValue: '',
-                    checkboxName: name || '',
+                    checkboxValue: "",
+                    checkboxName: name || "",
                     checkboxChecked: !_checked,
                 });
             }
             if (onChange) {
                 onChange({
                     checkboxId: id,
-                    checkboxValue: '',
-                    checkboxName: name || '',
+                    checkboxValue: "",
+                    checkboxName: name || "",
                     checkboxChecked: !_checked,
                 });
             }
         }
     };
     if (horizontalTile) {
-        return (React.createElement(TouchableOpacity, { style: styles.horizontalTile, onPress: () => handleClick() },
-            React.createElement(View, { style: { flexDirection: 'row' } },
+        return (React.createElement(TouchableOpacity, { disabled: disabled, style: styles.horizontalTile, onPress: () => handleClick() },
+            React.createElement(View, { style: { flexDirection: "row" } },
                 React.createElement(View, { style: {
-                        width: '10%',
-                        height: 'auto',
-                        justifyContent: 'center',
-                        alignItems: 'center',
+                        width: "10%",
+                        height: "auto",
+                        justifyContent: "center",
+                        alignItems: "center",
                         marginLeft: 10,
                     } }, iconTile && (React.createElement(View, null,
-                    React.createElement(Icon, { size: IconSize.SMALL, name: iconTile })))),
+                    React.createElement(Icon, { size: IconSize.SMALL, name: iconTile, color: disabled ? TrilogyColor.DISABLED : TrilogyColor.MAIN })))),
                 React.createElement(View, { style: {
-                        width: '78%',
-                        flexDirection: 'row',
-                        alignSelf: 'stretch',
-                        flexWrap: 'wrap',
-                        height: 'auto',
+                        width: "78%",
+                        flexDirection: "row",
+                        alignSelf: "stretch",
+                        flexWrap: "wrap",
+                        height: "auto",
                     } },
                     React.createElement(View, null,
-                        label && typeof label.valueOf() === 'string' && (React.createElement(Text, { level: TextLevels.ONE, typo: TypographyBold.TEXT_WEIGHT_SEMIBOLD }, String(label))),
-                        description && typeof description.valueOf() === 'string' && (React.createElement(Text, { style: styles.tileDescription }, String(description))))),
+                        label && typeof label.valueOf() === "string" && (React.createElement(Text, { style: styles.label, level: TextLevels.TWO, typo: TypographyBold.TEXT_WEIGHT_SEMIBOLD }, String(label))),
+                        description && typeof description.valueOf() === "string" ? (React.createElement(Text, { level: TextLevels.TWO, style: styles.tileDescription }, String(description))) : (description))),
                 React.createElement(View, { style: {
-                        width: '12%',
-                        alignItems: 'flex-end',
-                        justifyContent: 'center',
+                        width: "12%",
+                        alignItems: "flex-end",
+                        justifyContent: "center",
                         paddingRight: 10,
                     } },
-                    React.createElement(TouchableOpacity, { style: styles.checkBox, disabled: disabled, testID: id, onPressIn: () => handleClick() }, _checked && React.createElement(Icon, { size: IconSize.SMALLER, color: TrilogyColor.WHITE, name: IconName.CHECK }))))));
+                    React.createElement(TouchableOpacity, { style: styles.checkBox, disabled: disabled, testID: id, onPressIn: () => handleClick() }, _checked && (React.createElement(Icon, { size: IconSize.SMALLER, color: TrilogyColor.BACKGROUND, name: IconName.CHECK })))))));
     }
     if (tile) {
-        return (React.createElement(TouchableOpacity, { style: horizontalTile ? styles.horizontalTile : styles.tile, onPress: () => handleClick() },
-            React.createElement(TouchableOpacity, { style: [{ alignSelf: 'flex-end', marginTop: 10 }, styles.checkBox], disabled: disabled, testID: id, onPressIn: () => handleClick() }, _checked && React.createElement(Icon, { size: IconSize.SMALLER, color: TrilogyColor.WHITE, name: IconName.CHECK })),
-            React.createElement(View, { style: { width: '70%' } },
+        return (React.createElement(TouchableOpacity, { disabled: disabled, style: horizontalTile ? styles.horizontalTile : styles.tile, onPress: () => handleClick() },
+            React.createElement(TouchableOpacity, { style: [{ alignSelf: "flex-end", marginTop: 10 }, styles.checkBox], disabled: disabled, testID: id, onPressIn: () => handleClick() }, _checked && (React.createElement(Icon, { size: IconSize.SMALLER, color: TrilogyColor.BACKGROUND, name: IconName.CHECK }))),
+            React.createElement(View, { style: { width: "70%" } },
                 iconTile && (React.createElement(View, { style: {
-                        flexDirection: 'row',
-                        alignItems: 'center',
-                        justifyContent: 'center',
+                        flexDirection: "row",
+                        alignItems: "center",
+                        justifyContent: "center",
                         marginBottom: 5,
                     } },
-                    React.createElement(Icon, { size: IconSize.SMALL, name: iconTile }))),
-                label && typeof label.valueOf() === 'string' && (React.createElement(Text, { level: TextLevels.ONE, typo: TypographyBold.TEXT_WEIGHT_SEMIBOLD, style: styles.label }, String(label))),
-                description && typeof description.valueOf() === 'string' && React.createElement(Text, null, String(description)))));
+                    React.createElement(Icon, { size: IconSize.MEDIUM, color: disabled ? TrilogyColor.DISABLED : TrilogyColor.MAIN, name: iconTile }))),
+                label && typeof label.valueOf() === "string" && (React.createElement(Text, { level: TextLevels.TWO, typo: [
+                        TypographyBold.TEXT_WEIGHT_SEMIBOLD,
+                        TypographyAlign.TEXT_CENTERED,
+                    ], style: styles.label }, String(label))),
+                description && typeof description.valueOf() === "string" && (React.createElement(Text, { level: TextLevels.THREE, typo: [
+                        TypographyBold.TEXT_WEIGHT_SEMIBOLD,
+                        TypographyAlign.TEXT_CENTERED,
+                    ] }, String(description))))));
     }
-    return (React.createElement(TouchableOpacity, { style: styles.container, onPress: () => handleClick() },
-        React.createElement(TouchableOpacity, { style: styles.checkBox, disabled: disabled, testID: id, onPressIn: () => handleClick() }, _checked && React.createElement(Icon, { size: IconSize.SMALLER, color: TrilogyColor.WHITE, name: IconName.CHECK })),
-        label && typeof label.valueOf() === 'string' ? React.createElement(Text, { style: styles.label }, String(label)) : label));
+    return (React.createElement(TouchableOpacity, { disabled: disabled, style: styles.container, onPress: () => handleClick() },
+        React.createElement(TouchableOpacity, { style: styles.checkBox, disabled: disabled, testID: id, onPressIn: () => handleClick() }, _checked && (React.createElement(Icon, { size: IconSize.SMALLER, color: TrilogyColor.BACKGROUND, name: IconName.CHECK }))),
+        label && typeof label.valueOf() === "string" ? (React.createElement(Text, { style: styles.label }, String(label))) : (label)));
 };
 Checkbox.displayName = ComponentName.Checkbox;
 export default Checkbox;

package/lib/components/checkbox/Checkbox.native.js.map

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

package/lib/components/checkbox/CheckboxProps.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { IconName, IconNameValues } from './../icon/IconNameEnum';
+import { IconName, IconNameValues } from '../../components/icon/IconNameEnum';
 import { Accessibility } from '../../objects';
 export interface CheckboxChangeEvent {
     checkboxId: string;
@@ -35,37 +35,13 @@ export interface CheckboxProps extends Accessibility {
     readonly?: boolean;
     id?: string;
     label?: string | React.ReactNode;
-    /**
-     * @deprecated
-     */
-    labelClassName?: string;
     onClick?: CheckboxClickEventHandler;
     onChange?: CheckboxChangeEventHandler;
-    /**
-     * @deprecated
-     */
-    removeControl?: boolean;
-    /**
-     * @deprecated
-     */
-    removeField?: boolean;
     className?: string;
     name?: string;
     value?: string;
-    /**
-     * @deprecated
-     */
-    spaced?: boolean;
-    /**
-     * @deprecated
-     */
-    reversed?: boolean;
-    /**
-     * @deprecated
-     */
-    inverted?: boolean;
     tile?: boolean;
-    description?: string;
+    description?: string | React.ReactNode;
     iconTile?: IconName | IconNameValues;
     horizontalTile?: boolean;
 }

package/lib/components/chips/Chips.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { ChipsProps } from './ChipsProps';
+import { ChipsProps } from "./ChipsProps";
 /**
  * Chips Component - has to be in a ChipsList component
  * @param children {string} Chips content

package/lib/components/chips/Chips.js

@@ -1,8 +1,9 @@
-import React from 'react';
-import { has, is } from '../../services';
-import clsx from 'clsx';
-import { hashClass } from '../../helpers';
-import { useTrilogyContext } from '../../context';
+import React from "react";
+import { has, is } from "../../services";
+import clsx from "clsx";
+import { hashClass } from "../../helpers";
+import { useTrilogyContext } from "../../context";
+import { getColorClassName, TrilogyColor } from "../../objects/facets/Color";
 /**
  * Chips Component - has to be in a ChipsList component
  * @param children {string} Chips content
@@ -17,8 +18,8 @@ import { useTrilogyContext } from '../../context';
  */
 const Chips = ({ className, onClick, children, active, disabled, id, inverted, testId, ...others }) => {
     const { styled } = useTrilogyContext();
-    const classes = hashClass(styled, clsx('chips', active && is('active'), disabled && is('disabled'), inverted && has(`background-white`), className));
-    return (React.createElement("div", { "data-testid": testId, id: id, className: classes, onClick: (e) => {
+    const classes = hashClass(styled, clsx("chips", active && is("active"), inverted && has(`background-${getColorClassName(TrilogyColor.BACKGROUND)}`), className));
+    return (React.createElement("div", { ...{ disabled: disabled }, "aria-disabled": disabled, tabIndex: 0, "data-testid": testId, id: id, className: classes, onClick: (e) => {
             onClick === null || onClick === void 0 ? void 0 : onClick(e);
         }, ...others }, children));
 };

package/lib/components/chips/Chips.js.map

@@ -1 +1 @@
-{"version":3,"file":"Chips.js","sourceRoot":"","sources":["../../../components/chips/Chips.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,GAAG,EAAE,EAAE,EAAE,MAAM,gBAAgB,CAAA;AAExC,OAAO,IAAI,MAAM,MAAM,CAAA;AACvB,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAA;AACzC,OAAO,EAAE,iBAAiB,EAAE,MAAM,eAAe,CAAA;AAEjD;;;;;;;;;;;GAWG;AACH,MAAM,KAAK,GAAG,CAAC,EACb,SAAS,EACT,OAAO,EACP,QAAQ,EACR,MAAM,EACN,QAAQ,EACR,EAAE,EACF,QAAQ,EACR,MAAM,EACN,GAAG,MAAM,EACE,EAAe,EAAE;IAC5B,MAAM,EAAE,MAAM,EAAE,GAAG,iBAAiB,EAAE,CAAA;IAEtC,MAAM,OAAO,GAAG,SAAS,CACvB,MAAM,EACN,IAAI,CAAC,OAAO,EAAE,MAAM,IAAI,EAAE,CAAC,QAAQ,CAAC,EAAE,QAAQ,IAAI,EAAE,CAAC,UAAU,CAAC,EAAE,QAAQ,IAAI,GAAG,CAAC,kBAAkB,CAAC,EAAE,SAAS,CAAC,CAClH,CAAA;IAED,OAAO,CACL,4CACe,MAAM,EACnB,EAAE,EAAE,EAAE,EACN,SAAS,EAAE,OAAO,EAClB,OAAO,EAAE,CAAC,CAAC,EAAE,EAAE;YACb,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAG,CAAC,CAAC,CAAA;QACd,CAAC,KACG,MAAM,IAET,QAAQ,CACL,CACP,CAAA;AACH,CAAC,CAAA;AAED,eAAe,KAAK,CAAA"}
+{"version":3,"file":"Chips.js","sourceRoot":"","sources":["../../../components/chips/Chips.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,GAAG,EAAE,EAAE,EAAE,MAAM,YAAY,CAAA;AAEpC,OAAO,IAAI,MAAM,MAAM,CAAA;AACvB,OAAO,EAAE,SAAS,EAAE,MAAM,WAAW,CAAA;AACrC,OAAO,EAAE,iBAAiB,EAAE,MAAM,WAAW,CAAA;AAC7C,OAAO,EAAE,iBAAiB,EAAE,YAAY,EAAE,MAAM,wBAAwB,CAAA;AAExE;;;;;;;;;;;GAWG;AACH,MAAM,KAAK,GAAG,CAAC,EACb,SAAS,EACT,OAAO,EACP,QAAQ,EACR,MAAM,EACN,QAAQ,EACR,EAAE,EACF,QAAQ,EACR,MAAM,EACN,GAAG,MAAM,EACE,EAAe,EAAE;IAC5B,MAAM,EAAE,MAAM,EAAE,GAAG,iBAAiB,EAAE,CAAA;IAEtC,MAAM,OAAO,GAAG,SAAS,CACvB,MAAM,EACN,IAAI,CACF,OAAO,EACP,MAAM,IAAI,EAAE,CAAC,QAAQ,CAAC,EACtB,QAAQ,IAAI,GAAG,CAAC,cAAc,iBAAiB,CAAC,YAAY,CAAC,UAAU,CAAC,EAAE,CAAC,EAC3E,SAAS,CACV,CACF,CAAA;IAED,OAAO,CACL,gCACM,EAAE,QAAQ,EAAE,QAAQ,EAAE,mBACX,QAAQ,EACvB,QAAQ,EAAE,CAAC,iBACE,MAAM,EACnB,EAAE,EAAE,EAAE,EACN,SAAS,EAAE,OAAO,EAClB,OAAO,EAAE,CAAC,CAAC,EAAE,EAAE;YACb,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAG,CAAC,CAAC,CAAA;QACd,CAAC,KACG,MAAM,IAET,QAAQ,CACL,CACP,CAAA;AACH,CAAC,CAAA;AAED,eAAe,KAAK,CAAA"}

package/lib/components/chips/Chips.native.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
-import { ChipsProps } from './ChipsProps';
-import { ComponentName } from '../enumsComponentsName';
+import { ChipsProps } from "./ChipsProps";
+import { ComponentName } from "../../components/enumsComponentsName";
 /**
  * Chips Component - has to be in a ChipsList component
  * @param children {string} Chips content

package/lib/components/chips/Chips.native.js

@@ -1,11 +1,11 @@
-import React, { useContext, useEffect, useState } from 'react';
-import { StyleSheet, TouchableOpacity } from 'react-native';
-import { Text, TextLevels } from '../text';
-import { getColorStyle, TrilogyColor } from '../../objects/facets/Color';
-import { Icon, IconColor, IconName, IconSize } from '../icon';
-import { ChipsContext } from './list/ChipsList.native';
-import { Spacer, SpacerSize } from '../spacer';
-import { ComponentName } from '../enumsComponentsName';
+import React, { useContext, useEffect, useState } from "react";
+import { StyleSheet, TouchableOpacity, } from "react-native";
+import { Text, TextLevels } from "../../components/text";
+import { getColorStyle, TrilogyColor } from "../../objects/facets/Color";
+import { Icon, IconColor, IconName, IconSize } from "../icon";
+import { ChipsContext } from "./list/ChipsList.native";
+import { Spacer, SpacerSize } from "../../components/spacer";
+import { ComponentName } from "../../components/enumsComponentsName";
 /**
  * Chips Component - has to be in a ChipsList component
  * @param children {string} Chips content
@@ -23,30 +23,27 @@ const Chips = ({ children, onClick, disabled, active, inverted, ...others }) =>
     }, [active]);
     const styles = StyleSheet.create({
         chips: {
-            backgroundColor: (disabled && '#E1E1E1') ||
-                (activeItem && getColorStyle(TrilogyColor.SECONDARY)) ||
-                (inverted && getColorStyle(TrilogyColor.WHITE)) ||
-                getColorStyle(TrilogyColor.GREY_LIGHT),
+            backgroundColor: (disabled && getColorStyle(TrilogyColor.NEUTRAL_LIGHT)) ||
+                (activeItem && getColorStyle(TrilogyColor.MAIN)) ||
+                (inverted && getColorStyle(TrilogyColor.BACKGROUND)) ||
+                getColorStyle(TrilogyColor.BACKGROUND),
             borderRadius: 30,
             paddingLeft: 12,
             paddingRight: 12,
             paddingTop: 6,
             paddingBottom: 6,
             margin: 6,
-            borderColor: '#dce1e5',
-            borderWidth: !active ? 1 : 0,
-            flexDirection: 'row',
+            borderColor: active ? getColorStyle(TrilogyColor.MAIN) : getColorStyle(TrilogyColor.FONT, 1),
+            borderWidth: 1,
+            flexDirection: "row",
         },
         text: {
-            fontWeight: active ? 'bold' : 'normal',
-            fontSize: 16,
-            color: (disabled && getColorStyle(TrilogyColor.GREY_DARK)) ||
-                (active && getColorStyle(TrilogyColor.WHITE)) ||
-                getColorStyle(TrilogyColor.TERTIARY),
-        },
-        icon: {
-            top: 3,
-        },
+            alignSelf: "center",
+            color: (disabled && getColorStyle(TrilogyColor.DISABLED, 1)) ||
+                (active && getColorStyle(TrilogyColor.BACKGROUND)) ||
+                getColorStyle(TrilogyColor.MAIN),
+            paddingTop: 1,
+        }
     });
     return (React.createElement(TouchableOpacity, { disabled: disabled, style: styles.chips, onPress: (e) => {
             setActiveItem(active || false);
@@ -55,9 +52,9 @@ const Chips = ({ children, onClick, disabled, active, inverted, ...others }) =>
             }
         }, ...others },
         chipsContext.isMultiple && active && (React.createElement(React.Fragment, null,
-            React.createElement(Icon, { style: styles.icon, size: IconSize.SMALL, color: IconColor.WHITE, name: IconName.CHECK }),
-            React.createElement(Spacer, { horizontal: true, size: SpacerSize.SMALL }))),
-        React.createElement(Text, { level: TextLevels.ONE, style: styles.text }, children)));
+            React.createElement(Icon, { size: IconSize.SMALLER, color: IconColor.WHITE, name: IconName.CHECK }),
+            React.createElement(Spacer, { horizontal: true, size: SpacerSize.SMALLER }))),
+        React.createElement(Text, { level: TextLevels.TWO, style: styles.text }, children)));
 };
 Chips.displayName = ComponentName.Chips;
 export default Chips;

package/lib/components/chips/Chips.native.js.map

@@ -1 +1 @@
-{"version":3,"file":"Chips.native.js","sourceRoot":"","sources":["../../../components/chips/Chips.native.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAC9D,OAAO,EAAyB,UAAU,EAAE,gBAAgB,EAAE,MAAM,cAAc,CAAA;AAElF,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,SAAS,CAAA;AAC1C,OAAO,EAAE,aAAa,EAAE,YAAY,EAAE,MAAM,4BAA4B,CAAA;AACxE,OAAO,EAAE,IAAI,EAAE,SAAS,EAAE,QAAQ,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAA;AAC7D,OAAO,EAAE,YAAY,EAAE,MAAM,yBAAyB,CAAA;AACtD,OAAO,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,WAAW,CAAA;AAC9C,OAAO,EAAE,aAAa,EAAE,MAAM,wBAAwB,CAAA;AAEtD;;;;;;;;GAQG;AAEH,MAAM,KAAK,GAAG,CAAC,EAAE,QAAQ,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,EAAE,QAAQ,EAAE,GAAG,MAAM,EAAc,EAAe,EAAE;IACtG,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,QAAQ,CAAU,MAAM,IAAI,KAAK,CAAC,CAAA;IACtE,MAAM,YAAY,GAAG,UAAU,CAAC,YAAY,CAAC,CAAA;IAE7C,SAAS,CAAC,GAAG,EAAE;QACb,aAAa,CAAC,MAAM,IAAI,KAAK,CAAC,CAAA;IAChC,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC,CAAA;IAEZ,MAAM,MAAM,GAAG,UAAU,CAAC,MAAM,CAAC;QAC/B,KAAK,EAAE;YACL,eAAe,EACb,CAAC,QAAQ,IAAI,SAAS,CAAC;gBACvB,CAAC,UAAU,IAAI,aAAa,CAAC,YAAY,CAAC,SAAS,CAAC,CAAC;gBACrD,CAAC,QAAQ,IAAI,aAAa,CAAC,YAAY,CAAC,KAAK,CAAC,CAAC;gBAC/C,aAAa,CAAC,YAAY,CAAC,UAAU,CAAC;YACxC,YAAY,EAAE,EAAE;YAChB,WAAW,EAAE,EAAE;YACf,YAAY,EAAE,EAAE;YAChB,UAAU,EAAE,CAAC;YACb,aAAa,EAAE,CAAC;YAChB,MAAM,EAAE,CAAC;YACT,WAAW,EAAE,SAAS;YACtB,WAAW,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;YAC5B,aAAa,EAAE,KAAK;SACrB;QACD,IAAI,EAAE;YACJ,UAAU,EAAE,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,QAAQ;YACtC,QAAQ,EAAE,EAAE;YACZ,KAAK,EACH,CAAC,QAAQ,IAAI,aAAa,CAAC,YAAY,CAAC,SAAS,CAAC,CAAC;gBACnD,CAAC,MAAM,IAAI,aAAa,CAAC,YAAY,CAAC,KAAK,CAAC,CAAC;gBAC7C,aAAa,CAAC,YAAY,CAAC,QAAQ,CAAC;SACvC;QACD,IAAI,EAAE;YACJ,GAAG,EAAE,CAAC;SACP;KACF,CAAC,CAAA;IAEF,OAAO,CACL,oBAAC,gBAAgB,IACf,QAAQ,EAAE,QAAQ,EAClB,KAAK,EAAE,MAAM,CAAC,KAAK,EACnB,OAAO,EAAE,CAAC,CAAyB,EAAE,EAAE;YACrC,aAAa,CAAC,MAAM,IAAI,KAAK,CAAC,CAAA;YAC9B,IAAI,OAAO,EAAE;gBACX,OAAO,CAAC,CAAC,CAAC,CAAA;aACX;QACH,CAAC,KACG,MAAM;QAET,YAAY,CAAC,UAAU,IAAI,MAAM,IAAI,CACpC;YACE,oBAAC,IAAI,IAAC,KAAK,EAAE,MAAM,CAAC,IAAI,EAAE,IAAI,EAAE,QAAQ,CAAC,KAAK,EAAE,KAAK,EAAE,SAAS,CAAC,KAAK,EAAE,IAAI,EAAE,QAAQ,CAAC,KAAK,GAAI;YAChG,oBAAC,MAAM,IAAC,UAAU,QAAC,IAAI,EAAE,UAAU,CAAC,KAAK,GAAI,CAC5C,CACJ;QACD,oBAAC,IAAI,IAAC,KAAK,EAAE,UAAU,CAAC,GAAG,EAAE,KAAK,EAAE,MAAM,CAAC,IAAI,IAC5C,QAAQ,CACJ,CACU,CACpB,CAAA;AACH,CAAC,CAAA;AAED,KAAK,CAAC,WAAW,GAAG,aAAa,CAAC,KAAK,CAAA;AAEvC,eAAe,KAAK,CAAA"}
+{"version":3,"file":"Chips.native.js","sourceRoot":"","sources":["../../../components/chips/Chips.native.tsx"],"names":[],"mappings":"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"}

package/lib/components/chips/list/ChipsList.d.ts

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

package/lib/components/chips/list/ChipsList.js

@@ -1,8 +1,8 @@
-import React from 'react';
-import { is } from '../../../services';
-import clsx from 'clsx';
-import { hashClass } from '../../../helpers';
-import { useTrilogyContext } from '../../../context';
+import * as React from "react";
+import { is } from "../../../services";
+import clsx from "clsx";
+import { hashClass } from "../../../helpers";
+import { useTrilogyContext } from "../../../context";
 /**
  * ChipsList Component - Container for Chips
  * @param children {React.ReactNode}
@@ -10,7 +10,7 @@ import { useTrilogyContext } from '../../../context';
  */
 const ChipsList = ({ children, multiple, ...others }) => {
     const { styled } = useTrilogyContext();
-    const classes = hashClass(styled, clsx('chips-list', multiple && is('multiple')));
+    const classes = hashClass(styled, clsx("chips-list", multiple && is("multiple")));
     return (React.createElement("div", { className: classes, ...others }, children));
 };
 export default ChipsList;

package/lib/components/chips/list/ChipsList.js.map

@@ -1 +1 @@
-{"version":3,"file":"ChipsList.js","sourceRoot":"","sources":["../../../../components/chips/list/ChipsList.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,EAAE,EAAE,MAAM,mBAAmB,CAAA;AAEtC,OAAO,IAAI,MAAM,MAAM,CAAA;AACvB,OAAO,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAA;AAC5C,OAAO,EAAE,iBAAiB,EAAE,MAAM,kBAAkB,CAAA;AAEpD;;;;GAIG;AACH,MAAM,SAAS,GAAG,CAAC,EAAE,QAAQ,EAAE,QAAQ,EAAE,GAAG,MAAM,EAAkB,EAAe,EAAE;IACnF,MAAM,EAAE,MAAM,EAAE,GAAG,iBAAiB,EAAE,CAAA;IAEtC,MAAM,OAAO,GAAG,SAAS,CAAC,MAAM,EAAE,IAAI,CAAC,YAAY,EAAE,QAAQ,IAAI,EAAE,CAAC,UAAU,CAAC,CAAC,CAAC,CAAA;IAEjF,OAAO,CACL,6BAAK,SAAS,EAAE,OAAO,KAAM,MAAM,IAChC,QAAQ,CACL,CACP,CAAA;AACH,CAAC,CAAA;AAED,eAAe,SAAS,CAAA"}
+{"version":3,"file":"ChipsList.js","sourceRoot":"","sources":["../../../../components/chips/list/ChipsList.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAE,EAAE,EAAE,MAAM,YAAY,CAAA;AAE/B,OAAO,IAAI,MAAM,MAAM,CAAA;AACvB,OAAO,EAAE,SAAS,EAAE,MAAM,WAAW,CAAA;AACrC,OAAO,EAAE,iBAAiB,EAAE,MAAM,WAAW,CAAA;AAE7C;;;;GAIG;AACH,MAAM,SAAS,GAAG,CAAC,EACjB,QAAQ,EACR,QAAQ,EACR,GAAG,MAAM,EACM,EAAe,EAAE;IAChC,MAAM,EAAE,MAAM,EAAE,GAAG,iBAAiB,EAAE,CAAA;IAEtC,MAAM,OAAO,GAAG,SAAS,CACvB,MAAM,EACN,IAAI,CAAC,YAAY,EAAE,QAAQ,IAAI,EAAE,CAAC,UAAU,CAAC,CAAC,CAC/C,CAAA;IAED,OAAO,CACL,6BAAK,SAAS,EAAE,OAAO,KAAM,MAAM,IAChC,QAAQ,CACL,CACP,CAAA;AACH,CAAC,CAAA;AAED,eAAe,SAAS,CAAA"}

package/lib/components/chips/list/ChipsList.native.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import { ChipsListProps } from './ChipsListProps';
-import { ComponentName } from '../../enumsComponentsName';
+import { ComponentName } from '../../../components/enumsComponentsName';
 export declare const ChipsContext: React.Context<{
     isMultiple: boolean;
 }>;

package/lib/components/chips/list/ChipsList.native.js

@@ -1,6 +1,6 @@
 import React, { createContext } from 'react';
 import { ScrollView, StyleSheet } from 'react-native';
-import { ComponentName } from '../../enumsComponentsName';
+import { ComponentName } from '../../../components/enumsComponentsName';
 export const ChipsContext = createContext({ isMultiple: false });
 /**
  * ChipsList Component - Container for Chips

package/lib/components/chips/list/ChipsList.native.js.map

@@ -1 +1 @@
-{"version":3,"file":"ChipsList.native.js","sourceRoot":"","sources":["../../../../components/chips/list/ChipsList.native.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,aAAa,EAAE,MAAM,OAAO,CAAA;AAC5C,OAAO,EAAE,UAAU,EAAE,UAAU,EAAE,MAAM,cAAc,CAAA;AAErD,OAAO,EAAE,aAAa,EAAE,MAAM,2BAA2B,CAAA;AAEzD,MAAM,CAAC,MAAM,YAAY,GAAG,aAAa,CAAC,EAAE,UAAU,EAAE,KAAK,EAAE,CAAC,CAAA;AAEhE;;;;GAIG;AACH,MAAM,SAAS,GAAG,CAAC,EAAE,QAAQ,EAAE,QAAQ,EAAE,GAAG,MAAM,EAAkB,EAAe,EAAE;IACnF,MAAM,MAAM,GAAG,UAAU,CAAC,MAAM,CAAC;QAC/B,SAAS,EAAE;YACT,QAAQ,EAAE,MAAM;YAChB,aAAa,EAAE,KAAK;SACrB;KACF,CAAC,CAAA;IAEF,OAAO,CACL,oBAAC,YAAY,CAAC,QAAQ,IAAC,KAAK,EAAE,EAAE,UAAU,EAAE,QAAQ,IAAI,KAAK,EAAE;QAC7D,oBAAC,UAAU,IAAC,UAAU,QAAC,8BAA8B,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,CAAC,SAAS,KAAM,MAAM,IAC9F,QAAQ,CACE,CACS,CACzB,CAAA;AACH,CAAC,CAAA;AAED,SAAS,CAAC,WAAW,GAAG,aAAa,CAAC,SAAS,CAAA;AAE/C,eAAe,SAAS,CAAA"}
+{"version":3,"file":"ChipsList.native.js","sourceRoot":"","sources":["../../../../components/chips/list/ChipsList.native.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,aAAa,EAAE,MAAM,OAAO,CAAA;AAC5C,OAAO,EAAE,UAAU,EAAE,UAAU,EAAE,MAAM,cAAc,CAAA;AAErD,OAAO,EAAE,aAAa,EAAE,MAAM,kCAAkC,CAAA;AAEhE,MAAM,CAAC,MAAM,YAAY,GAAG,aAAa,CAAC,EAAE,UAAU,EAAE,KAAK,EAAE,CAAC,CAAA;AAEhE;;;;GAIG;AACH,MAAM,SAAS,GAAG,CAAC,EAAE,QAAQ,EAAE,QAAQ,EAAE,GAAG,MAAM,EAAkB,EAAe,EAAE;IACnF,MAAM,MAAM,GAAG,UAAU,CAAC,MAAM,CAAC;QAC/B,SAAS,EAAE;YACT,QAAQ,EAAE,MAAM;YAChB,aAAa,EAAE,KAAK;SACrB;KACF,CAAC,CAAA;IAEF,OAAO,CACL,oBAAC,YAAY,CAAC,QAAQ,IAAC,KAAK,EAAE,EAAE,UAAU,EAAE,QAAQ,IAAI,KAAK,EAAE;QAC7D,oBAAC,UAAU,IAAC,UAAU,QAAC,8BAA8B,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,CAAC,SAAS,KAAM,MAAM,IAC9F,QAAQ,CACE,CACS,CACzB,CAAA;AACH,CAAC,CAAA;AAED,SAAS,CAAC,WAAW,GAAG,aAAa,CAAC,SAAS,CAAA;AAE/C,eAAe,SAAS,CAAA"}

package/lib/components/chips/list/index.d.ts

@@ -0,0 +1,2 @@
+import ChipsList from "./ChipsList";
+export default ChipsList;

package/lib/components/chips/list/index.js

@@ -0,0 +1,3 @@
+import ChipsList from "./ChipsList";
+export default ChipsList;
+//# sourceMappingURL=index.js.map

package/lib/components/chips/list/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../components/chips/list/index.ts"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,aAAa,CAAA;AAEnC,eAAe,SAAS,CAAA"}