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

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 "../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 { TypographyAlign, TypographyBold } from "../../objects";
+import { ComponentName } from "../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',
+            fontWeight: "600",
+            color: (disabled && getColorStyle(TrilogyColor.DISABLED)) ||
+                (_checked && getColorStyle(TrilogyColor.MAIN)) ||
+                getColorStyle(TrilogyColor.MAIN),
         },
         tile: {
+            padding: 4,
             paddingBottom: 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),
+            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.WHITE, 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.WHITE, 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.WHITE, 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

@@ -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,8 @@
-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";
 /**
  * Chips Component - has to be in a ChipsList component
  * @param children {string} Chips content
@@ -17,8 +17,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-white`), 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,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,CACF,OAAO,EACP,MAAM,IAAI,EAAE,CAAC,QAAQ,CAAC,EACtB,QAAQ,IAAI,GAAG,CAAC,kBAAkB,CAAC,EACnC,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 "../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 "../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";
 /**
  * Chips Component - has to be in a ChipsList component
  * @param children {string} Chips content
@@ -23,26 +23,26 @@ const Chips = ({ children, onClick, disabled, active, inverted, ...others }) =>
     }, [active]);
     const styles = StyleSheet.create({
         chips: {
-            backgroundColor: (disabled && '#E1E1E1') ||
-                (activeItem && getColorStyle(TrilogyColor.SECONDARY)) ||
+            backgroundColor: (disabled && getColorStyle(TrilogyColor.DISABLED, 1)) ||
+                (activeItem && getColorStyle(TrilogyColor.MAIN)) ||
                 (inverted && getColorStyle(TrilogyColor.WHITE)) ||
-                getColorStyle(TrilogyColor.GREY_LIGHT),
+                getColorStyle(TrilogyColor.NEUTRAL_DARK, 1),
             borderRadius: 30,
             paddingLeft: 12,
             paddingRight: 12,
             paddingTop: 6,
             paddingBottom: 6,
             margin: 6,
-            borderColor: '#dce1e5',
+            borderColor: "#dce1e5",
             borderWidth: !active ? 1 : 0,
-            flexDirection: 'row',
+            flexDirection: "row",
         },
         text: {
-            fontWeight: active ? 'bold' : 'normal',
+            fontWeight: active ? "bold" : "normal",
             fontSize: 16,
-            color: (disabled && getColorStyle(TrilogyColor.GREY_DARK)) ||
+            color: (disabled && getColorStyle(TrilogyColor.NEUTRAL_DARK)) ||
                 (active && getColorStyle(TrilogyColor.WHITE)) ||
-                getColorStyle(TrilogyColor.TERTIARY),
+                getColorStyle(TrilogyColor.MAIN),
         },
         icon: {
             top: 3,

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":"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"}
+{"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,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,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/columns/Columns.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { ColumnsProps } from './ColumnsProps';
+import { ColumnsProps } from "./ColumnsProps";
 /**
  * Columns Component
  * @param centered {boolean} Center columns

package/lib/components/columns/Columns.js

@@ -1,8 +1,8 @@
-import React from 'react';
-import clsx from 'clsx';
-import { is } from '../../services/classify';
-import { hashClass } from '../../helpers';
-import { useTrilogyContext } from '../../context';
+import * as React from "react";
+import clsx from "clsx";
+import { is } from "../../services/classify";
+import { hashClass } from "../../helpers";
+import { useTrilogyContext } from "../../context";
 /**
  * Columns Component
  * @param centered {boolean} Center columns
@@ -20,7 +20,7 @@ import { useTrilogyContext } from '../../context';
  */
 const Columns = ({ className, multiline, inlined, mobile, centered, verticalCentered, gapless, marginSize, flex, marginless, ...others }) => {
     const { styled } = useTrilogyContext();
-    const classes = hashClass(styled, clsx('columns', multiline && is('multiline'), inlined && is('inlined'), mobile && is('mobile'), centered && is('centered'), verticalCentered && is('vcentered'), !marginSize && gapless && is('gapless'), !gapless && marginSize && [is('variable'), is(`${marginSize}`)], flex && is('flex'), marginless && is('marginless'), className));
+    const classes = hashClass(styled, clsx("columns", multiline && is("multiline"), inlined && is("inlined"), mobile && is("mobile"), centered && is("centered"), verticalCentered && is("vcentered"), !marginSize && gapless && is("gapless"), !gapless && marginSize && [is("variable"), is(`${marginSize}`)], flex && is("flex"), marginless && is("marginless"), className));
     return React.createElement("div", { className: classes, ...others });
 };
 export default Columns;

package/lib/components/columns/Columns.js.map

@@ -1 +1 @@
-{"version":3,"file":"Columns.js","sourceRoot":"","sources":["../../../components/columns/Columns.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,IAAI,MAAM,MAAM,CAAA;AAEvB,OAAO,EAAE,EAAE,EAAE,MAAM,yBAAyB,CAAA;AAC5C,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAA;AACzC,OAAO,EAAE,iBAAiB,EAAE,MAAM,eAAe,CAAA;AAEjD;;;;;;;;;;;;;;GAcG;AACH,MAAM,OAAO,GAAG,CAAC,EACf,SAAS,EACT,SAAS,EACT,OAAO,EACP,MAAM,EACN,QAAQ,EACR,gBAAgB,EAChB,OAAO,EACP,UAAU,EACV,IAAI,EACJ,UAAU,EACV,GAAG,MAAM,EACI,EAAe,EAAE;IAC9B,MAAM,EAAE,MAAM,EAAE,GAAG,iBAAiB,EAAE,CAAA;IAEtC,MAAM,OAAO,GAAG,SAAS,CACvB,MAAM,EACN,IAAI,CACF,SAAS,EACT,SAAS,IAAI,EAAE,CAAC,WAAW,CAAC,EAC5B,OAAO,IAAI,EAAE,CAAC,SAAS,CAAC,EACxB,MAAM,IAAI,EAAE,CAAC,QAAQ,CAAC,EACtB,QAAQ,IAAI,EAAE,CAAC,UAAU,CAAC,EAC1B,gBAAgB,IAAI,EAAE,CAAC,WAAW,CAAC,EACnC,CAAC,UAAU,IAAI,OAAO,IAAI,EAAE,CAAC,SAAS,CAAC,EACvC,CAAC,OAAO,IAAI,UAAU,IAAI,CAAC,EAAE,CAAC,UAAU,CAAC,EAAE,EAAE,CAAC,GAAG,UAAU,EAAE,CAAC,CAAC,EAC/D,IAAI,IAAI,EAAE,CAAC,MAAM,CAAC,EAClB,UAAU,IAAI,EAAE,CAAC,YAAY,CAAC,EAC9B,SAAS,CACV,CACF,CAAA;IAED,OAAO,6BAAK,SAAS,EAAE,OAAO,KAAM,MAAM,GAAI,CAAA;AAChD,CAAC,CAAA;AAED,eAAe,OAAO,CAAA"}
+{"version":3,"file":"Columns.js","sourceRoot":"","sources":["../../../components/columns/Columns.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,IAAI,MAAM,MAAM,CAAA;AAEvB,OAAO,EAAE,EAAE,EAAE,MAAM,yBAAyB,CAAA;AAC5C,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAA;AACzC,OAAO,EAAE,iBAAiB,EAAE,MAAM,eAAe,CAAA;AAEjD;;;;;;;;;;;;;;GAcG;AACH,MAAM,OAAO,GAAG,CAAC,EACf,SAAS,EACT,SAAS,EACT,OAAO,EACP,MAAM,EACN,QAAQ,EACR,gBAAgB,EAChB,OAAO,EACP,UAAU,EACV,IAAI,EACJ,UAAU,EACV,GAAG,MAAM,EACI,EAAe,EAAE;IAC9B,MAAM,EAAE,MAAM,EAAE,GAAG,iBAAiB,EAAE,CAAA;IAEtC,MAAM,OAAO,GAAG,SAAS,CACvB,MAAM,EACN,IAAI,CACF,SAAS,EACT,SAAS,IAAI,EAAE,CAAC,WAAW,CAAC,EAC5B,OAAO,IAAI,EAAE,CAAC,SAAS,CAAC,EACxB,MAAM,IAAI,EAAE,CAAC,QAAQ,CAAC,EACtB,QAAQ,IAAI,EAAE,CAAC,UAAU,CAAC,EAC1B,gBAAgB,IAAI,EAAE,CAAC,WAAW,CAAC,EACnC,CAAC,UAAU,IAAI,OAAO,IAAI,EAAE,CAAC,SAAS,CAAC,EACvC,CAAC,OAAO,IAAI,UAAU,IAAI,CAAC,EAAE,CAAC,UAAU,CAAC,EAAE,EAAE,CAAC,GAAG,UAAU,EAAE,CAAC,CAAC,EAC/D,IAAI,IAAI,EAAE,CAAC,MAAM,CAAC,EAClB,UAAU,IAAI,EAAE,CAAC,YAAY,CAAC,EAC9B,SAAS,CACV,CACF,CAAA;IAED,OAAO,6BAAK,SAAS,EAAE,OAAO,KAAM,MAAM,GAAI,CAAA;AAChD,CAAC,CAAA;AAED,eAAe,OAAO,CAAA"}

package/lib/components/columns/item/ColumnsItem.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { ColumnsItemProps } from './ColumnsItemProps';
+import { ColumnsItemProps } from "./ColumnsItemProps";
 /**
  * Columns Item Component - Columns Child
  * @param size {ColumnsSize} Size 1-12

package/lib/components/columns/item/ColumnsItem.js

@@ -1,9 +1,9 @@
-import React from 'react';
-import clsx from 'clsx';
-import { has, is } from '../../../services/classify';
-import { hashClass } from '../../../helpers';
-import { useTrilogyContext } from '../../../context';
-import { getAlignClassName } from '../../../objects';
+import * as React from "react";
+import clsx from "clsx";
+import { has, is } from "../../../services/classify";
+import { hashClass } from "../../../helpers";
+import { useTrilogyContext } from "../../../context";
+import { getAlignClassName } from "../../../objects";
 /**
  * Columns Item Component - Columns Child
  * @param size {ColumnsSize} Size 1-12
@@ -30,7 +30,7 @@ import { getAlignClassName } from '../../../objects';
  */
 const ColumnsItem = ({ className, size, mobileSize, tabletSize, touchSize, desktopSize, widescreenSize, fullhdSize, offset, mobileOffset, tabletOffset, touchOffset, desktopOffset, widescreenOffset, fullhdOffset, narrow, verticalCenter, centered, align, ...others }) => {
     const { styled } = useTrilogyContext();
-    const classes = hashClass(styled, clsx('column', size && is(`${size}`), mobileSize && is(`${mobileSize}-mobile`), tabletSize && is(`${tabletSize}-tablet`), touchSize && is(`${touchSize}-tablet`), desktopSize && is(`${desktopSize}-desktop`), widescreenSize && is(`${widescreenSize}-widescreen`), fullhdSize && is(`${fullhdSize}-fullhd`), offset && is(`offset-${offset}`), mobileOffset && is(`offset-${mobileOffset}-mobile`), tabletOffset && is(`offset-${tabletOffset}-tablet`), touchOffset && is(`offset-${touchOffset}-tablet`), desktopOffset && is(`offset-${desktopOffset}-desktop`), widescreenOffset && is(`offset-${widescreenOffset}-widescreen`), fullhdOffset && is(`offset-${fullhdOffset}-fullhd`), narrow && is('narrow'), verticalCenter && is('vcentered'), centered && has('text-centered'), align && is(getAlignClassName(align)), className));
+    const classes = hashClass(styled, clsx("column", size && is(`${size}`), mobileSize && is(`${mobileSize}-mobile`), tabletSize && is(`${tabletSize}-tablet`), touchSize && is(`${touchSize}-tablet`), desktopSize && is(`${desktopSize}-desktop`), widescreenSize && is(`${widescreenSize}-widescreen`), fullhdSize && is(`${fullhdSize}-fullhd`), offset && is(`offset-${offset}`), mobileOffset && is(`offset-${mobileOffset}-mobile`), tabletOffset && is(`offset-${tabletOffset}-tablet`), touchOffset && is(`offset-${touchOffset}-tablet`), desktopOffset && is(`offset-${desktopOffset}-desktop`), widescreenOffset && is(`offset-${widescreenOffset}-widescreen`), fullhdOffset && is(`offset-${fullhdOffset}-fullhd`), narrow && is("narrow"), verticalCenter && is("vcentered"), centered && has("text-centered"), align && is(getAlignClassName(align)), className));
     return React.createElement("div", { className: classes, ...others });
 };
 export default ColumnsItem;

package/lib/components/columns/item/ColumnsItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"ColumnsItem.js","sourceRoot":"","sources":["../../../../components/columns/item/ColumnsItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,IAAI,MAAM,MAAM,CAAA;AAEvB,OAAO,EAAE,GAAG,EAAE,EAAE,EAAE,MAAM,4BAA4B,CAAA;AACpD,OAAO,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAA;AAC5C,OAAO,EAAE,iBAAiB,EAAE,MAAM,kBAAkB,CAAA;AACpD,OAAO,EAAE,iBAAiB,EAAE,MAAM,kBAAkB,CAAA;AAEpD;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AACH,MAAM,WAAW,GAAG,CAAC,EACnB,SAAS,EACT,IAAI,EACJ,UAAU,EACV,UAAU,EACV,SAAS,EACT,WAAW,EACX,cAAc,EACd,UAAU,EACV,MAAM,EACN,YAAY,EACZ,YAAY,EACZ,WAAW,EACX,aAAa,EACb,gBAAgB,EAChB,YAAY,EACZ,MAAM,EACN,cAAc,EACd,QAAQ,EACR,KAAK,EACL,GAAG,MAAM,EACQ,EAAe,EAAE;IAClC,MAAM,EAAE,MAAM,EAAE,GAAG,iBAAiB,EAAE,CAAA;IAEtC,MAAM,OAAO,GAAG,SAAS,CACvB,MAAM,EACN,IAAI,CACF,QAAQ,EACR,IAAI,IAAI,EAAE,CAAC,GAAG,IAAI,EAAE,CAAC,EACrB,UAAU,IAAI,EAAE,CAAC,GAAG,UAAU,SAAS,CAAC,EACxC,UAAU,IAAI,EAAE,CAAC,GAAG,UAAU,SAAS,CAAC,EACxC,SAAS,IAAI,EAAE,CAAC,GAAG,SAAS,SAAS,CAAC,EACtC,WAAW,IAAI,EAAE,CAAC,GAAG,WAAW,UAAU,CAAC,EAC3C,cAAc,IAAI,EAAE,CAAC,GAAG,cAAc,aAAa,CAAC,EACpD,UAAU,IAAI,EAAE,CAAC,GAAG,UAAU,SAAS,CAAC,EACxC,MAAM,IAAI,EAAE,CAAC,UAAU,MAAM,EAAE,CAAC,EAChC,YAAY,IAAI,EAAE,CAAC,UAAU,YAAY,SAAS,CAAC,EACnD,YAAY,IAAI,EAAE,CAAC,UAAU,YAAY,SAAS,CAAC,EACnD,WAAW,IAAI,EAAE,CAAC,UAAU,WAAW,SAAS,CAAC,EACjD,aAAa,IAAI,EAAE,CAAC,UAAU,aAAa,UAAU,CAAC,EACtD,gBAAgB,IAAI,EAAE,CAAC,UAAU,gBAAgB,aAAa,CAAC,EAC/D,YAAY,IAAI,EAAE,CAAC,UAAU,YAAY,SAAS,CAAC,EACnD,MAAM,IAAI,EAAE,CAAC,QAAQ,CAAC,EACtB,cAAc,IAAI,EAAE,CAAC,WAAW,CAAC,EACjC,QAAQ,IAAI,GAAG,CAAC,eAAe,CAAC,EAChC,KAAK,IAAI,EAAE,CAAC,iBAAiB,CAAC,KAAK,CAAC,CAAC,EACrC,SAAS,CACV,CACF,CAAA;IAED,OAAO,6BAAK,SAAS,EAAE,OAAO,KAAM,MAAM,GAAI,CAAA;AAChD,CAAC,CAAA;AACD,eAAe,WAAW,CAAA"}
+{"version":3,"file":"ColumnsItem.js","sourceRoot":"","sources":["../../../../components/columns/item/ColumnsItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,IAAI,MAAM,MAAM,CAAA;AAEvB,OAAO,EAAE,GAAG,EAAE,EAAE,EAAE,MAAM,4BAA4B,CAAA;AACpD,OAAO,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAA;AAC5C,OAAO,EAAE,iBAAiB,EAAE,MAAM,kBAAkB,CAAA;AACpD,OAAO,EAAE,iBAAiB,EAAE,MAAM,kBAAkB,CAAA;AAEpD;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AACH,MAAM,WAAW,GAAG,CAAC,EACnB,SAAS,EACT,IAAI,EACJ,UAAU,EACV,UAAU,EACV,SAAS,EACT,WAAW,EACX,cAAc,EACd,UAAU,EACV,MAAM,EACN,YAAY,EACZ,YAAY,EACZ,WAAW,EACX,aAAa,EACb,gBAAgB,EAChB,YAAY,EACZ,MAAM,EACN,cAAc,EACd,QAAQ,EACR,KAAK,EACL,GAAG,MAAM,EACQ,EAAe,EAAE;IAClC,MAAM,EAAE,MAAM,EAAE,GAAG,iBAAiB,EAAE,CAAA;IAEtC,MAAM,OAAO,GAAG,SAAS,CACvB,MAAM,EACN,IAAI,CACF,QAAQ,EACR,IAAI,IAAI,EAAE,CAAC,GAAG,IAAI,EAAE,CAAC,EACrB,UAAU,IAAI,EAAE,CAAC,GAAG,UAAU,SAAS,CAAC,EACxC,UAAU,IAAI,EAAE,CAAC,GAAG,UAAU,SAAS,CAAC,EACxC,SAAS,IAAI,EAAE,CAAC,GAAG,SAAS,SAAS,CAAC,EACtC,WAAW,IAAI,EAAE,CAAC,GAAG,WAAW,UAAU,CAAC,EAC3C,cAAc,IAAI,EAAE,CAAC,GAAG,cAAc,aAAa,CAAC,EACpD,UAAU,IAAI,EAAE,CAAC,GAAG,UAAU,SAAS,CAAC,EACxC,MAAM,IAAI,EAAE,CAAC,UAAU,MAAM,EAAE,CAAC,EAChC,YAAY,IAAI,EAAE,CAAC,UAAU,YAAY,SAAS,CAAC,EACnD,YAAY,IAAI,EAAE,CAAC,UAAU,YAAY,SAAS,CAAC,EACnD,WAAW,IAAI,EAAE,CAAC,UAAU,WAAW,SAAS,CAAC,EACjD,aAAa,IAAI,EAAE,CAAC,UAAU,aAAa,UAAU,CAAC,EACtD,gBAAgB,IAAI,EAAE,CAAC,UAAU,gBAAgB,aAAa,CAAC,EAC/D,YAAY,IAAI,EAAE,CAAC,UAAU,YAAY,SAAS,CAAC,EACnD,MAAM,IAAI,EAAE,CAAC,QAAQ,CAAC,EACtB,cAAc,IAAI,EAAE,CAAC,WAAW,CAAC,EACjC,QAAQ,IAAI,GAAG,CAAC,eAAe,CAAC,EAChC,KAAK,IAAI,EAAE,CAAC,iBAAiB,CAAC,KAAK,CAAC,CAAC,EACrC,SAAS,CACV,CACF,CAAA;IAED,OAAO,6BAAK,SAAS,EAAE,OAAO,KAAM,MAAM,GAAI,CAAA;AAChD,CAAC,CAAA;AACD,eAAe,WAAW,CAAA"}

package/lib/components/container/Container.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { ContainerProps } from './ContainerProps';
+import { ContainerProps } from "./ContainerProps";
 /**
  * Container Component
  * @param centered {boolean} Centered horizontaly