@trilogy-ds/react 4.0.1 → 4.0.3-beta-1

package/lib/components/checkbox/tiles/CheckboxTiles.js

@@ -6,8 +6,10 @@ import { useTrilogyContext } from '../../../context';
 import { getAlignClassName } from '../../../objects';
 import { is } from '../../../services';
 /**
- * Columns Item Component - Columns Child
- * @param size {ColumnsSize} Size 1-12
+ * CheckboxTiles
+ * @param id
+ * @param align {Alignable}
+ * @param verticalAlign {Alignable}
  * - -------------------------- WEB PROPERTIES -------------------------------
  * @param className {string} Additionnal CSS Classes
  */
@@ -33,4 +35,4 @@ var CheckboxTiles = function (_a) {
     return (React.createElement("div", __assign({ id: id, className: hashClass(styled, clsx('checkbox-tiles', className, align && alignClass, verticalAlign && verticalAlignClass)) }, others), children));
 };
 export default CheckboxTiles;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQ2hlY2tib3hUaWxlcy5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL2NvbXBvbmVudHMvY2hlY2tib3gvdGlsZXMvQ2hlY2tib3hUaWxlcy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUFBLE9BQU8sS0FBSyxLQUFLLE1BQU0sT0FBTyxDQUFBO0FBQzlCLE9BQU8sSUFBSSxNQUFNLE1BQU0sQ0FBQTtBQUV2QixPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sV0FBVyxDQUFBO0FBQ3JDLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLFdBQVcsQ0FBQTtBQUM3QyxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxXQUFXLENBQUE7QUFDN0MsT0FBTyxFQUFFLEVBQUUsRUFBRSxNQUFNLFlBQVksQ0FBQTtBQUUvQjs7Ozs7R0FLRztBQUNILElBQU0sYUFBYSxHQUFHLFVBQUMsRUFPRjtJQU5uQixJQUFBLEVBQUUsUUFBQSxFQUNGLFNBQVMsZUFBQSxFQUNULFFBQVEsY0FBQSxFQUNSLEtBQUssV0FBQSxFQUNMLGFBQWEsbUJBQUEsRUFDVixNQUFNLGNBTlkseURBT3RCLENBRFU7SUFFRCxJQUFBLE1BQU0sR0FBSyxpQkFBaUIsRUFBRSxPQUF4QixDQUF3QjtJQUN0QyxJQUFJLFVBQVUsR0FBRyxJQUFJLENBQUE7SUFDckIsSUFBSSxLQUFLLEVBQUU7UUFDVCxVQUFVO1lBQ1IsQ0FBQyxpQkFBaUIsQ0FBQyxLQUFLLENBQUMsS0FBSyxlQUFlLElBQUksRUFBRSxDQUFDLGlCQUFpQixDQUFDLENBQUM7Z0JBQ3ZFLENBQUMsaUJBQWlCLENBQUMsS0FBSyxDQUFDLEtBQUssZ0JBQWdCLElBQUksRUFBRSxDQUFDLGtCQUFrQixDQUFDLENBQUM7Z0JBQ3pFLENBQUMsaUJBQWlCLENBQUMsS0FBSyxDQUFDLEtBQUssYUFBYSxJQUFJLEVBQUUsQ0FBQyxlQUFlLENBQUMsQ0FBQztnQkFDbkUsSUFBSSxDQUFBO0tBQ1A7SUFDRCxJQUFJLGtCQUFrQixHQUFHLElBQUksQ0FBQTtJQUM3QixJQUFJLGFBQWEsRUFBRTtRQUNqQixrQkFBa0I7WUFDaEIsQ0FBQyxpQkFBaUIsQ0FBQyxhQUFhLENBQUMsS0FBSyxlQUFlLElBQUksRUFBRSxDQUFDLGVBQWUsQ0FBQyxDQUFDO2dCQUM3RSxDQUFDLGlCQUFpQixDQUFDLGFBQWEsQ0FBQyxLQUFLLGdCQUFnQixJQUFJLEVBQUUsQ0FBQyxnQkFBZ0IsQ0FBQyxDQUFDO2dCQUMvRSxDQUFDLGlCQUFpQixDQUFDLGFBQWEsQ0FBQyxLQUFLLGFBQWEsSUFBSSxFQUFFLENBQUMsYUFBYSxDQUFDLENBQUM7Z0JBQ3pFLElBQUksQ0FBQTtLQUNQO0lBRUQsT0FBTyxDQUNMLHNDQUNFLEVBQUUsRUFBRSxFQUFFLEVBQ04sU0FBUyxFQUFFLFNBQVMsQ0FDbEIsTUFBTSxFQUNOLElBQUksQ0FBQyxnQkFBZ0IsRUFBRSxTQUFTLEVBQUUsS0FBSyxJQUFJLFVBQVUsRUFBRSxhQUFhLElBQUksa0JBQWtCLENBQUMsQ0FDNUYsSUFDRyxNQUFNLEdBRVQsUUFBUSxDQUNMLENBQ1AsQ0FBQTtBQUNILENBQUMsQ0FBQTtBQUVELGVBQWUsYUFBYSxDQUFBIn0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQ2hlY2tib3hUaWxlcy5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL2NvbXBvbmVudHMvY2hlY2tib3gvdGlsZXMvQ2hlY2tib3hUaWxlcy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUFBLE9BQU8sS0FBSyxLQUFLLE1BQU0sT0FBTyxDQUFBO0FBQzlCLE9BQU8sSUFBSSxNQUFNLE1BQU0sQ0FBQTtBQUV2QixPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sV0FBVyxDQUFBO0FBQ3JDLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLFdBQVcsQ0FBQTtBQUM3QyxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxXQUFXLENBQUE7QUFDN0MsT0FBTyxFQUFFLEVBQUUsRUFBRSxNQUFNLFlBQVksQ0FBQTtBQUUvQjs7Ozs7OztHQU9HO0FBQ0gsSUFBTSxhQUFhLEdBQUcsVUFBQyxFQU9GO0lBTm5CLElBQUEsRUFBRSxRQUFBLEVBQ0YsU0FBUyxlQUFBLEVBQ1QsUUFBUSxjQUFBLEVBQ1IsS0FBSyxXQUFBLEVBQ0wsYUFBYSxtQkFBQSxFQUNWLE1BQU0sY0FOWSx5REFPdEIsQ0FEVTtJQUVELElBQUEsTUFBTSxHQUFLLGlCQUFpQixFQUFFLE9BQXhCLENBQXdCO0lBQ3RDLElBQUksVUFBVSxHQUFHLElBQUksQ0FBQTtJQUNyQixJQUFJLEtBQUssRUFBRTtRQUNULFVBQVU7WUFDUixDQUFDLGlCQUFpQixDQUFDLEtBQUssQ0FBQyxLQUFLLGVBQWUsSUFBSSxFQUFFLENBQUMsaUJBQWlCLENBQUMsQ0FBQztnQkFDdkUsQ0FBQyxpQkFBaUIsQ0FBQyxLQUFLLENBQUMsS0FBSyxnQkFBZ0IsSUFBSSxFQUFFLENBQUMsa0JBQWtCLENBQUMsQ0FBQztnQkFDekUsQ0FBQyxpQkFBaUIsQ0FBQyxLQUFLLENBQUMsS0FBSyxhQUFhLElBQUksRUFBRSxDQUFDLGVBQWUsQ0FBQyxDQUFDO2dCQUNuRSxJQUFJLENBQUE7S0FDUDtJQUNELElBQUksa0JBQWtCLEdBQUcsSUFBSSxDQUFBO0lBQzdCLElBQUksYUFBYSxFQUFFO1FBQ2pCLGtCQUFrQjtZQUNoQixDQUFDLGlCQUFpQixDQUFDLGFBQWEsQ0FBQyxLQUFLLGVBQWUsSUFBSSxFQUFFLENBQUMsZUFBZSxDQUFDLENBQUM7Z0JBQzdFLENBQUMsaUJBQWlCLENBQUMsYUFBYSxDQUFDLEtBQUssZ0JBQWdCLElBQUksRUFBRSxDQUFDLGdCQUFnQixDQUFDLENBQUM7Z0JBQy9FLENBQUMsaUJBQWlCLENBQUMsYUFBYSxDQUFDLEtBQUssYUFBYSxJQUFJLEVBQUUsQ0FBQyxhQUFhLENBQUMsQ0FBQztnQkFDekUsSUFBSSxDQUFBO0tBQ1A7SUFFRCxPQUFPLENBQ0wsc0NBQ0UsRUFBRSxFQUFFLEVBQUUsRUFDTixTQUFTLEVBQUUsU0FBUyxDQUNsQixNQUFNLEVBQ04sSUFBSSxDQUFDLGdCQUFnQixFQUFFLFNBQVMsRUFBRSxLQUFLLElBQUksVUFBVSxFQUFFLGFBQWEsSUFBSSxrQkFBa0IsQ0FBQyxDQUM1RixJQUNHLE1BQU0sR0FFVCxRQUFRLENBQ0wsQ0FDUCxDQUFBO0FBQ0gsQ0FBQyxDQUFBO0FBRUQsZUFBZSxhQUFhLENBQUEifQ==

package/lib/components/checkbox/tiles/CheckboxTiles.native.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+import { CheckboxTilesProps } from './CheckboxTilesProps';
+import { ComponentName } from '../../../components/enumsComponentsName';
+declare const CheckboxTiles: {
+    ({ children, align, verticalAlign, ...others }: CheckboxTilesProps): JSX.Element;
+    displayName: ComponentName;
+};
+export default CheckboxTiles;

package/lib/components/checkbox/tiles/CheckboxTiles.native.js

@@ -0,0 +1,20 @@
+import { __assign, __rest } from "tslib";
+import React from 'react';
+import { View, StyleSheet } from 'react-native';
+import { ComponentName } from '../../../components/enumsComponentsName';
+import { getAlignStyle } from "../../../objects";
+import { SpacerSize } from "../../../components/spacer";
+var CheckboxTiles = function (_a) {
+    var children = _a.children, align = _a.align, verticalAlign = _a.verticalAlign, others = __rest(_a, ["children", "align", "verticalAlign"]);
+    var styles = StyleSheet.create({
+        container: {
+            justifyContent: getAlignStyle(align),
+            alignItems: verticalAlign && getAlignStyle(verticalAlign) || align && getAlignStyle(align) || 'stretch',
+            gap: SpacerSize.TWO,
+        }
+    });
+    return (React.createElement(View, __assign({ style: styles.container }, others), children));
+};
+CheckboxTiles.displayName = ComponentName.CheckboxTiles;
+export default CheckboxTiles;
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQ2hlY2tib3hUaWxlcy5uYXRpdmUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9jb21wb25lbnRzL2NoZWNrYm94L3RpbGVzL0NoZWNrYm94VGlsZXMubmF0aXZlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxLQUFLLE1BQU0sT0FBTyxDQUFBO0FBQ3pCLE9BQU8sRUFBRSxJQUFJLEVBQUUsVUFBVSxFQUFFLE1BQU0sY0FBYyxDQUFBO0FBRS9DLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxrQ0FBa0MsQ0FBQTtBQUNoRSxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sV0FBVyxDQUFBO0FBQ3pDLE9BQU8sRUFBRSxVQUFVLEVBQUUsTUFBTSxxQkFBcUIsQ0FBQTtBQUVoRCxJQUFNLGFBQWEsR0FBRyxVQUFDLEVBSWlDO0lBSC9CLElBQUEsUUFBUSxjQUFBLEVBQ1IsS0FBSyxXQUFBLEVBQ0wsYUFBYSxtQkFBQSxFQUNWLE1BQU0sY0FKWCxzQ0FJYSxDQUFGO0lBRTlCLElBQU0sTUFBTSxHQUFHLFVBQVUsQ0FBQyxNQUFNLENBQUM7UUFDL0IsU0FBUyxFQUFFO1lBQ1QsY0FBYyxFQUFFLGFBQWEsQ0FBQyxLQUFLLENBQUM7WUFDcEMsVUFBVSxFQUFFLGFBQWEsSUFBSSxhQUFhLENBQUMsYUFBYSxDQUFDLElBQUksS0FBSyxJQUFJLGFBQWEsQ0FBQyxLQUFLLENBQUMsSUFBSSxTQUFTO1lBQ3ZHLEdBQUcsRUFBRSxVQUFVLENBQUMsR0FBRztTQUNwQjtLQUNGLENBQUMsQ0FBQTtJQUVGLE9BQU8sQ0FDTCxvQkFBQyxJQUFJLGFBQUMsS0FBSyxFQUFFLE1BQU0sQ0FBQyxTQUFTLElBQU0sTUFBTSxHQUN0QyxRQUFRLENBQ0osQ0FDUixDQUFBO0FBQ0wsQ0FBQyxDQUFBO0FBRUQsYUFBYSxDQUFDLFdBQVcsR0FBRyxhQUFhLENBQUMsYUFBYSxDQUFBO0FBRXZELGVBQWUsYUFBYSxDQUFBIn0=

package/lib/components/checkbox/tiles/tile/CheckboxTile.d.ts

@@ -1,8 +1,18 @@
 /// <reference types="react" />
 import { CheckboxTileProps } from './CheckboxTileProps';
 /**
- * Columns Item Component - Columns Child
- * @param size {ColumnsSize} Size 1-12
+ * CheckboxTile
+ * @param id {string}
+ * @param checked {Boolean}
+ * @param disabled {Boolean}
+ * @param readonly {Boolean}
+ * @param label {string}
+ * @param onChange {Function}
+ * @param name {string}
+ * @param value {string}
+ * @param description {string}
+ * @param icon {IconName}
+ * @param horizontal {boolean}
  * - -------------------------- WEB PROPERTIES -------------------------------
  * @param className {string} Additionnal CSS Classes
  */

package/lib/components/checkbox/tiles/tile/CheckboxTile.js

@@ -8,8 +8,18 @@ import { useTrilogyContext } from '../../../../context';
 import { Icon, IconSize } from '../../../../components/icon';
 import shortid from 'shortid';
 /**
- * Columns Item Component - Columns Child
- * @param size {ColumnsSize} Size 1-12
+ * CheckboxTile
+ * @param id {string}
+ * @param checked {Boolean}
+ * @param disabled {Boolean}
+ * @param readonly {Boolean}
+ * @param label {string}
+ * @param onChange {Function}
+ * @param name {string}
+ * @param value {string}
+ * @param description {string}
+ * @param icon {IconName}
+ * @param horizontal {boolean}
  * - -------------------------- WEB PROPERTIES -------------------------------
  * @param className {string} Additionnal CSS Classes
  */
@@ -33,4 +43,4 @@ var CheckboxTile = function (_a) {
                 description && React.createElement("span", { className: hashClass(styled, clsx('checkbox-description')) }, description))))));
 };
 export default CheckboxTile;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQ2hlY2tib3hUaWxlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vY29tcG9uZW50cy9jaGVja2JveC90aWxlcy90aWxlL0NoZWNrYm94VGlsZS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUFBLE9BQU8sS0FBSyxLQUFLLE1BQU0sT0FBTyxDQUFBO0FBQzlCLE9BQU8sRUFBRSxTQUFTLEVBQUUsUUFBUSxFQUFFLE1BQU0sT0FBTyxDQUFBO0FBQzNDLE9BQU8sSUFBSSxNQUFNLE1BQU0sQ0FBQTtBQUV2QixPQUFPLEVBQUUsRUFBRSxFQUFFLE1BQU0scUJBQXFCLENBQUE7QUFDeEMsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLFdBQVcsQ0FBQTtBQUNyQyxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxXQUFXLENBQUE7QUFDN0MsT0FBTyxFQUFFLElBQUksRUFBRSxRQUFRLEVBQUUsTUFBTSxtQkFBbUIsQ0FBQTtBQUNsRCxPQUFPLE9BQU8sTUFBTSxTQUFTLENBQUE7QUFFN0I7Ozs7O0dBS0c7QUFDSCxJQUFNLFlBQVksR0FBRyxVQUFDLEVBY0Y7SUFibEIsSUFBQSxPQUFPLGFBQUEsRUFDUCxTQUFTLGVBQUEsRUFDVCxRQUFRLGNBQUEsRUFDUixRQUFRLGNBQUEsRUFDUixVQUF1QixFQUF2QixFQUFFLG1CQUFHLE9BQU8sQ0FBQyxRQUFRLEVBQUUsS0FBQSxFQUN2QixLQUFLLFdBQUEsRUFDTCxRQUFRLGNBQUEsRUFDUixJQUFJLFVBQUEsRUFDSixLQUFLLFdBQUEsRUFDTCxXQUFXLGlCQUFBLEVBQ1gsSUFBSSxVQUFBLEVBQ0osVUFBVSxnQkFBQSxFQUNQLE1BQU0sY0FiVyxpSUFjckIsQ0FEVTtJQUVELElBQUEsTUFBTSxHQUFLLGlCQUFpQixFQUFFLE9BQXhCLENBQXdCO0lBRWhDLElBQUEsS0FBQSxPQUF5QixRQUFRLENBQVUsT0FBTyxJQUFJLEtBQUssQ0FBQyxJQUFBLEVBQTNELFFBQVEsUUFBQSxFQUFFLFVBQVUsUUFBdUMsQ0FBQTtJQUVsRSxTQUFTLENBQUM7UUFDUixJQUFJLENBQUMsUUFBUSxFQUFFO1lBQ2IsVUFBVSxDQUFDLE9BQU8sSUFBSSxLQUFLLENBQUMsQ0FBQTtTQUM3QjtJQUNILENBQUMsRUFBRSxDQUFDLE9BQU8sRUFBRSxRQUFRLENBQUMsQ0FBQyxDQUFBO0lBRXZCLE9BQU8sQ0FDTCw2QkFBSyxTQUFTLEVBQUUsU0FBUyxDQUFDLE1BQU0sRUFBRSxJQUFJLENBQUMsZUFBZSxFQUFFLFVBQVUsSUFBSSxFQUFFLENBQUMsWUFBWSxDQUFDLEVBQUUsU0FBUyxDQUFDLENBQUM7UUFDakcsd0NBQ0UsSUFBSSxFQUFDLFVBQVUsRUFDZixRQUFRLEVBQUUsUUFBUSxFQUNsQixFQUFFLEVBQUUsRUFBRSxFQUNOLFFBQVEsRUFBRSxRQUFRLEVBQ2xCLElBQUksRUFBRSxJQUFJLEVBQ1YsS0FBSyxFQUFFLEtBQUssRUFDWixPQUFPLEVBQUUsUUFBUSxDQUFDLENBQUMsQ0FBQyxPQUFPLENBQUMsQ0FBQyxDQUFDLFFBQVEsRUFDdEMsUUFBUSxFQUFFLFVBQUMsQ0FBQyxJQUFLLE9BQUEsQ0FBQyxRQUFRLENBQUMsQ0FBQyxDQUFDLFFBQVEsQ0FBQyxDQUFDLENBQUMsVUFBVSxDQUFDLENBQUMsQ0FBQyxNQUFNLENBQUMsT0FBTyxDQUFDLENBQUMsRUFBcEQsQ0FBb0QsSUFDakUsTUFBTSxFQUNWO1FBQ0YsK0JBQU8sT0FBTyxFQUFFLEVBQUUsRUFBRSxTQUFTLEVBQUUsU0FBUyxDQUFDLE1BQU0sRUFBRSxJQUFJLENBQUMsZ0JBQWdCLENBQUMsQ0FBQztZQUNyRSxJQUFJLElBQUksb0JBQUMsSUFBSSxJQUFDLElBQUksRUFBRSxJQUFJLEVBQUUsSUFBSSxFQUFFLFFBQVEsQ0FBQyxNQUFNLEdBQUk7WUFDbkQsVUFBVSxDQUFDLENBQUMsQ0FBQyxDQUNaO2dCQUNFLDhCQUFNLFNBQVMsRUFBRSxTQUFTLENBQUMsTUFBTSxFQUFFLElBQUksQ0FBQyxnQkFBZ0IsQ0FBQyxDQUFDLElBQUcsS0FBSyxDQUFRO2dCQUN6RSxXQUFXLElBQUksOEJBQU0sU0FBUyxFQUFFLFNBQVMsQ0FBQyxNQUFNLEVBQUUsSUFBSSxDQUFDLHNCQUFzQixDQUFDLENBQUMsSUFBRyxXQUFXLENBQVEsQ0FDakcsQ0FDUixDQUFDLENBQUMsQ0FBQyxDQUNGO2dCQUNFLDhCQUFNLFNBQVMsRUFBRSxTQUFTLENBQUMsTUFBTSxFQUFFLElBQUksQ0FBQyxnQkFBZ0IsQ0FBQyxDQUFDLElBQUcsS0FBSyxDQUFRO2dCQUN6RSxXQUFXLElBQUksOEJBQU0sU0FBUyxFQUFFLFNBQVMsQ0FBQyxNQUFNLEVBQUUsSUFBSSxDQUFDLHNCQUFzQixDQUFDLENBQUMsSUFBRyxXQUFXLENBQVEsQ0FDckcsQ0FDSixDQUNLLENBQ0osQ0FDUCxDQUFBO0FBQ0gsQ0FBQyxDQUFBO0FBRUQsZUFBZSxZQUFZLENBQUEifQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQ2hlY2tib3hUaWxlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vY29tcG9uZW50cy9jaGVja2JveC90aWxlcy90aWxlL0NoZWNrYm94VGlsZS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUFBLE9BQU8sS0FBSyxLQUFLLE1BQU0sT0FBTyxDQUFBO0FBQzlCLE9BQU8sRUFBRSxTQUFTLEVBQUUsUUFBUSxFQUFFLE1BQU0sT0FBTyxDQUFBO0FBQzNDLE9BQU8sSUFBSSxNQUFNLE1BQU0sQ0FBQTtBQUV2QixPQUFPLEVBQUUsRUFBRSxFQUFFLE1BQU0scUJBQXFCLENBQUE7QUFDeEMsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLFdBQVcsQ0FBQTtBQUNyQyxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxXQUFXLENBQUE7QUFDN0MsT0FBTyxFQUFFLElBQUksRUFBRSxRQUFRLEVBQUUsTUFBTSxtQkFBbUIsQ0FBQTtBQUNsRCxPQUFPLE9BQU8sTUFBTSxTQUFTLENBQUE7QUFFN0I7Ozs7Ozs7Ozs7Ozs7OztHQWVHO0FBQ0gsSUFBTSxZQUFZLEdBQUcsVUFBQyxFQWNGO0lBYmxCLElBQUEsT0FBTyxhQUFBLEVBQ1AsU0FBUyxlQUFBLEVBQ1QsUUFBUSxjQUFBLEVBQ1IsUUFBUSxjQUFBLEVBQ1IsVUFBdUIsRUFBdkIsRUFBRSxtQkFBRyxPQUFPLENBQUMsUUFBUSxFQUFFLEtBQUEsRUFDdkIsS0FBSyxXQUFBLEVBQ0wsUUFBUSxjQUFBLEVBQ1IsSUFBSSxVQUFBLEVBQ0osS0FBSyxXQUFBLEVBQ0wsV0FBVyxpQkFBQSxFQUNYLElBQUksVUFBQSxFQUNKLFVBQVUsZ0JBQUEsRUFDUCxNQUFNLGNBYlcsaUlBY3JCLENBRFU7SUFFRCxJQUFBLE1BQU0sR0FBSyxpQkFBaUIsRUFBRSxPQUF4QixDQUF3QjtJQUVoQyxJQUFBLEtBQUEsT0FBeUIsUUFBUSxDQUFVLE9BQU8sSUFBSSxLQUFLLENBQUMsSUFBQSxFQUEzRCxRQUFRLFFBQUEsRUFBRSxVQUFVLFFBQXVDLENBQUE7SUFFbEUsU0FBUyxDQUFDO1FBQ1IsSUFBSSxDQUFDLFFBQVEsRUFBRTtZQUNiLFVBQVUsQ0FBQyxPQUFPLElBQUksS0FBSyxDQUFDLENBQUE7U0FDN0I7SUFDSCxDQUFDLEVBQUUsQ0FBQyxPQUFPLEVBQUUsUUFBUSxDQUFDLENBQUMsQ0FBQTtJQUV2QixPQUFPLENBQ0wsNkJBQUssU0FBUyxFQUFFLFNBQVMsQ0FBQyxNQUFNLEVBQUUsSUFBSSxDQUFDLGVBQWUsRUFBRSxVQUFVLElBQUksRUFBRSxDQUFDLFlBQVksQ0FBQyxFQUFFLFNBQVMsQ0FBQyxDQUFDO1FBQ2pHLHdDQUNFLElBQUksRUFBQyxVQUFVLEVBQ2YsUUFBUSxFQUFFLFFBQVEsRUFDbEIsRUFBRSxFQUFFLEVBQUUsRUFDTixRQUFRLEVBQUUsUUFBUSxFQUNsQixJQUFJLEVBQUUsSUFBSSxFQUNWLEtBQUssRUFBRSxLQUFLLEVBQ1osT0FBTyxFQUFFLFFBQVEsQ0FBQyxDQUFDLENBQUMsT0FBTyxDQUFDLENBQUMsQ0FBQyxRQUFRLEVBQ3RDLFFBQVEsRUFBRSxVQUFDLENBQUMsSUFBSyxPQUFBLENBQUMsUUFBUSxDQUFDLENBQUMsQ0FBQyxRQUFRLENBQUMsQ0FBQyxDQUFDLFVBQVUsQ0FBQyxDQUFDLENBQUMsTUFBTSxDQUFDLE9BQU8sQ0FBQyxDQUFDLEVBQXBELENBQW9ELElBQ2pFLE1BQU0sRUFDVjtRQUNGLCtCQUFPLE9BQU8sRUFBRSxFQUFFLEVBQUUsU0FBUyxFQUFFLFNBQVMsQ0FBQyxNQUFNLEVBQUUsSUFBSSxDQUFDLGdCQUFnQixDQUFDLENBQUM7WUFDckUsSUFBSSxJQUFJLG9CQUFDLElBQUksSUFBQyxJQUFJLEVBQUUsSUFBSSxFQUFFLElBQUksRUFBRSxRQUFRLENBQUMsTUFBTSxHQUFJO1lBQ25ELFVBQVUsQ0FBQyxDQUFDLENBQUMsQ0FDWjtnQkFDRSw4QkFBTSxTQUFTLEVBQUUsU0FBUyxDQUFDLE1BQU0sRUFBRSxJQUFJLENBQUMsZ0JBQWdCLENBQUMsQ0FBQyxJQUFHLEtBQUssQ0FBUTtnQkFDekUsV0FBVyxJQUFJLDhCQUFNLFNBQVMsRUFBRSxTQUFTLENBQUMsTUFBTSxFQUFFLElBQUksQ0FBQyxzQkFBc0IsQ0FBQyxDQUFDLElBQUcsV0FBVyxDQUFRLENBQ2pHLENBQ1IsQ0FBQyxDQUFDLENBQUMsQ0FDRjtnQkFDRSw4QkFBTSxTQUFTLEVBQUUsU0FBUyxDQUFDLE1BQU0sRUFBRSxJQUFJLENBQUMsZ0JBQWdCLENBQUMsQ0FBQyxJQUFHLEtBQUssQ0FBUTtnQkFDekUsV0FBVyxJQUFJLDhCQUFNLFNBQVMsRUFBRSxTQUFTLENBQUMsTUFBTSxFQUFFLElBQUksQ0FBQyxzQkFBc0IsQ0FBQyxDQUFDLElBQUcsV0FBVyxDQUFRLENBQ3JHLENBQ0osQ0FDSyxDQUNKLENBQ1AsQ0FBQTtBQUNILENBQUMsQ0FBQTtBQUVELGVBQWUsWUFBWSxDQUFBIn0=

package/lib/components/checkbox/tiles/tile/CheckboxTile.native.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+import { CheckboxTileProps } from './CheckboxTileProps';
+import { ComponentName } from '../../../../components/enumsComponentsName';
+declare const CheckboxTile: {
+    ({ disabled, checked, readonly, id, label, onChange, name, value, description, icon, horizontal, ...others }: CheckboxTileProps): JSX.Element;
+    displayName: ComponentName;
+};
+export default CheckboxTile;

package/lib/components/checkbox/tiles/tile/CheckboxTile.native.js

@@ -0,0 +1,126 @@
+import { __assign, __read, __rest } from "tslib";
+import React, { useState } from 'react';
+import { StyleSheet, TouchableOpacity } from 'react-native';
+import { Text, TextLevels } from '../../../../components/text';
+import { ComponentName } from '../../../../components/enumsComponentsName';
+import shortid from "shortid";
+import { Icon, IconName, IconSize } from "../../../../components/icon";
+import { getColorStyle, TrilogyColor, TypographyAlign, TypographyBold } from "../../../../objects";
+import { View } from "../../../../components/view";
+var CheckboxTile = function (_a) {
+    var disabled = _a.disabled, checked = _a.checked, readonly = _a.readonly, _b = _a.id, id = _b === void 0 ? shortid.generate() : _b, label = _a.label, onChange = _a.onChange, name = _a.name, value = _a.value, description = _a.description, icon = _a.icon, horizontal = _a.horizontal, others = __rest(_a, ["disabled", "checked", "readonly", "id", "label", "onChange", "name", "value", "description", "icon", "horizontal"]);
+    var _c = __read(useState(checked || false), 2), _checked = _c[0], setChecked = _c[1];
+    var styles = StyleSheet.create({
+        container: {
+            flexDirection: 'row',
+            paddingBottom: 5,
+            justifyContent: 'flex-start',
+        },
+        checkBox: {
+            alignItems: 'center',
+            justifyContent: horizontal ? 'center' : 'flex-start',
+            borderColor: getColorStyle(TrilogyColor.FONT),
+            borderWidth: 0.6,
+            width: 19,
+            height: 19,
+            borderRadius: 4,
+            marginRight: 10,
+            marginLeft: 0,
+            backgroundColor: (disabled && getColorStyle(TrilogyColor.DISABLED_FADE)) ||
+                (_checked && getColorStyle(TrilogyColor.MAIN)) ||
+                'transparent',
+        },
+        label: {
+            color: (disabled && getColorStyle(TrilogyColor.DISABLED)) ||
+                (_checked && getColorStyle(TrilogyColor.MAIN)) ||
+                getColorStyle(TrilogyColor.MAIN),
+        },
+        tile: {
+            padding: _checked ? 3 : 4,
+            paddingBottom: _checked ? 7 : 8,
+            maxWidth: 140,
+            borderWidth: (_checked && 2) || 1,
+            width: 126,
+            borderColor: (disabled && getColorStyle(TrilogyColor.DISABLED_FADE)) ||
+                (_checked && getColorStyle(TrilogyColor.MAIN)) ||
+                getColorStyle(TrilogyColor.NEUTRAL),
+            borderRadius: 6,
+            textAlign: 'center',
+            alignItems: 'center',
+            backgroundColor: disabled ? getColorStyle(TrilogyColor.DISABLED_FADE) : 'transparent',
+        },
+        tileDescription: {
+            color: disabled ? getColorStyle(TrilogyColor.DISABLED_FADE) : getColorStyle(TrilogyColor.MAIN),
+            alignSelf: horizontal ? 'flex-start' : 'center',
+        },
+        horizontal: {
+            paddingVertical: _checked ? 17 : 18,
+            paddingHorizontal: _checked ? 5 : 6,
+            width: '100%',
+            height: 'auto',
+            borderWidth: (_checked && 2) || 1,
+            borderColor: (disabled && getColorStyle(TrilogyColor.DISABLED_FADE)) ||
+                (_checked && getColorStyle(TrilogyColor.MAIN)) ||
+                getColorStyle(TrilogyColor.MAIN_FADE),
+            borderRadius: 6,
+            backgroundColor: disabled ? getColorStyle(TrilogyColor.DISABLED_FADE) : 'transparent',
+        },
+    });
+    var handleClick = function () {
+        if (!readonly) {
+            setChecked(!_checked);
+            if (onChange) {
+                onChange({
+                    checkboxId: id,
+                    checkboxValue: '',
+                    checkboxName: name || '',
+                    checkboxChecked: !_checked,
+                });
+            }
+        }
+    };
+    if (horizontal) {
+        return (React.createElement(TouchableOpacity, { disabled: disabled, style: styles.horizontal, onPress: function () { return handleClick(); } },
+            React.createElement(View, { style: { flexDirection: 'row' } },
+                React.createElement(View, { style: {
+                        width: '10%',
+                        height: 'auto',
+                        justifyContent: 'center',
+                        alignItems: 'center',
+                        marginLeft: 10,
+                    } }, icon && (React.createElement(View, null,
+                    React.createElement(Icon, { size: IconSize.SMALL, name: icon, color: disabled ? TrilogyColor.DISABLED : TrilogyColor.MAIN })))),
+                React.createElement(View, { style: {
+                        width: '78%',
+                        flexDirection: 'row',
+                        alignSelf: 'stretch',
+                        flexWrap: 'wrap',
+                        height: 'auto',
+                    } },
+                    React.createElement(View, null,
+                        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',
+                        paddingRight: 10,
+                    } },
+                    React.createElement(TouchableOpacity, { style: styles.checkBox, disabled: disabled, testID: id, onPressIn: function () { return handleClick(); } }, _checked && React.createElement(Icon, { size: IconSize.SMALLER, color: TrilogyColor.BACKGROUND, name: IconName.CHECK }))))));
+    }
+    return (React.createElement(TouchableOpacity, __assign({ disabled: disabled, style: horizontal ? styles.horizontal : styles.tile, onPress: function () { return handleClick(); } }, others),
+        React.createElement(TouchableOpacity, { style: [{ alignSelf: 'flex-end', marginTop: 10 }, styles.checkBox], disabled: disabled, testID: id, onPressIn: function () { return handleClick(); } }, _checked && React.createElement(Icon, { size: IconSize.SMALLER, color: TrilogyColor.BACKGROUND, name: IconName.CHECK })),
+        React.createElement(View, { style: { width: '70%' } },
+            icon && (React.createElement(View, { style: {
+                    flexDirection: 'row',
+                    alignItems: 'center',
+                    justifyContent: 'center',
+                    marginBottom: 5,
+                } },
+                React.createElement(Icon, { size: IconSize.MEDIUM, color: disabled ? TrilogyColor.DISABLED : TrilogyColor.MAIN, name: icon }))),
+            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))))));
+};
+CheckboxTile.displayName = ComponentName.CheckboxTiles;
+export default CheckboxTile;
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQ2hlY2tib3hUaWxlLm5hdGl2ZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL2NvbXBvbmVudHMvY2hlY2tib3gvdGlsZXMvdGlsZS9DaGVja2JveFRpbGUubmF0aXZlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxLQUFLLEVBQUUsRUFBRSxRQUFRLEVBQUUsTUFBTSxPQUFPLENBQUE7QUFDdkMsT0FBTyxFQUFFLFVBQVUsRUFBRSxnQkFBZ0IsRUFBRSxNQUFNLGNBQWMsQ0FBQTtBQUUzRCxPQUFPLEVBQUUsSUFBSSxFQUFFLFVBQVUsRUFBRSxNQUFNLG1CQUFtQixDQUFBO0FBQ3BELE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxrQ0FBa0MsQ0FBQTtBQUNoRSxPQUFPLE9BQU8sTUFBTSxTQUFTLENBQUE7QUFDN0IsT0FBTyxFQUFFLElBQUksRUFBRSxRQUFRLEVBQUUsUUFBUSxFQUFFLE1BQU0sbUJBQW1CLENBQUE7QUFDNUQsT0FBTyxFQUFFLGFBQWEsRUFBRSxZQUFZLEVBQUUsZUFBZSxFQUFFLGNBQWMsRUFBRSxNQUFNLFdBQVcsQ0FBQTtBQUN4RixPQUFPLEVBQUUsSUFBSSxFQUFFLE1BQU0sbUJBQW1CLENBQUE7QUFFeEMsSUFBTSxZQUFZLEdBQUcsVUFBQyxFQVlnQztJQVg5QixJQUFBLFFBQVEsY0FBQSxFQUNSLE9BQU8sYUFBQSxFQUNQLFFBQVEsY0FBQSxFQUNSLFVBQXVCLEVBQXZCLEVBQUUsbUJBQUcsT0FBTyxDQUFDLFFBQVEsRUFBRSxLQUFBLEVBQ3ZCLEtBQUssV0FBQSxFQUNMLFFBQVEsY0FBQSxFQUNSLElBQUksVUFBQSxFQUNKLEtBQUssV0FBQSxFQUNMLFdBQVcsaUJBQUEsRUFDWCxJQUFJLFVBQUEsRUFDSixVQUFVLGdCQUFBLEVBQ1AsTUFBTSxjQVpYLG9IQVlhLENBQUY7SUFFekIsSUFBQSxLQUFBLE9BQXlCLFFBQVEsQ0FBVSxPQUFPLElBQUksS0FBSyxDQUFDLElB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

package/lib/components/columns/Columns.native.d.ts

@@ -1,6 +1,6 @@
+import { ComponentName } from '../../components/enumsComponentsName';
 import React from 'react';
 import { ColumnsProps } from './ColumnsProps';
-import { ComponentName } from '../../components/enumsComponentsName';
 /**
  * Columns Native Component
  * @param children {React.ReactNode}

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

@@ -1,10 +1,10 @@
 import { __assign, __read, __rest } from "tslib";
-import React, { createContext, useState } from 'react';
-import { Dimensions, ScrollView, StyleSheet } from 'react-native';
-import { View } from '../../components/view';
-import { ComponentName } from '../../components/enumsComponentsName';
 import { ColumnsGapValue } from '../../components/columns/ColumnsTypes';
+import { ComponentName } from '../../components/enumsComponentsName';
+import { View } from '../../components/view';
 import { Alignable, getAlignStyle } from '../../objects';
+import React, { createContext, useState } from 'react';
+import { Dimensions, ScrollView, StyleSheet } from 'react-native';
 /**
  * Columns Native Component
  * @param children {React.ReactNode}
@@ -35,11 +35,9 @@ var Columns = function (_a) {
             paddingHorizontal: enlarge,
             flexDirection: 'row',
             gap: realGap,
-            display: 'flex',
-            justifyContent: 'space-evenly',
         },
         centered: {
-            alignSelf: 'center',
+            justifyContent: 'center',
         },
         verticalAlign: {
             alignItems: getAlignStyle(verticalAlign),
@@ -62,19 +60,21 @@ var Columns = function (_a) {
             React.createElement(View, __assign({ style: [
                     styles.columns,
                     multiline && styles.multiline,
-                    (align === Alignable.ALIGNED_CENTER) && styles.centered,
+                    align === Alignable.ALIGNED_CENTER && styles.centered,
                     verticalAlign && styles.verticalAlign,
                 ] }, others, { onLayout: onLayoutHandler }), 
             // eslint-disable-next-line @typescript-eslint/no-explicit-any
             React.Children.map(children, function (child) {
-                return child &&
-                    React.cloneElement(child, {
-                        style: [
-                            child.props.style,
-                            { width: (child.props.size && (width * child.props.size) / 12 - realGap) || 'auto' },
-                            child.props.narrow && { flex: 'none', flexShrink: 1 },
-                        ],
-                    });
+                return (child && (React.createElement(View, { style: {
+                        height: scrollable ? '100%' : undefined,
+                        flex: child.props.narrow ? 0 : 1,
+                        flexGrow: child.props.size || child.props.narrow ? 0 : 1,
+                        flexShrink: child.props.narrow ? 1 : 0,
+                        flexBasis: child.props.size
+                            ? (child.props.size / 12) * width -
+                                realGap * ((React.Children.count(children) - 1) / React.Children.count(children))
+                            : 'auto',
+                    } }, child)));
             }))));
     }
     return (React.createElement(View, __assign({ style: {
@@ -98,4 +98,4 @@ var Columns = function (_a) {
 };
 Columns.displayName = ComponentName.Columns;
 export default Columns;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQ29sdW1ucy5uYXRpdmUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9jb21wb25lbnRzL2NvbHVtbnMvQ29sdW1ucy5uYXRpdmUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLEtBQUssRUFBRSxFQUFFLGFBQWEsRUFBRSxRQUFRLEVBQUUsTUFBTSxPQUFPLENBQUE7QUFDdEQsT0FBTyxFQUFFLFVBQVUsRUFBcUIsVUFBVSxFQUFFLFVBQVUsRUFBRSxNQUFNLGNBQWMsQ0FBQTtBQUNwRixPQUFPLEVBQUUsSUFBSSxFQUFFLE1BQU0sbUJBQW1CLENBQUE7QUFFeEMsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLGtDQUFrQyxDQUFBO0FBQ2hFLE9BQU8sRUFBRSxlQUFlLEVBQVcsTUFBTSxtQ0FBbUMsQ0FBQTtBQUM1RSxPQUFPLEVBQUUsU0FBUyxFQUFFLGFBQWEsRUFBRSxNQUFNLFdBQVcsQ0FBQTtBQUVwRDs7Ozs7OztHQU9HO0FBRUgsTUFBTSxDQUFDLElBQU0sY0FBYyxHQUFHLGFBQWEsQ0FBQyxFQUFFLFVBQVUsRUFBRSxLQUFLLEVBQUUsQ0FBQyxDQUFBO0FBRWxFLElBQU0sT0FBTyxHQUFHLFVBQUMsRUFTRjtJQVJiLElBQUEsUUFBUSxjQUFBLEVBQ1IsS0FBSyxXQUFBLEVBQ0wsR0FBRyxTQUFBLEVBQ0gsYUFBYSxtQkFBQSxFQUNiLFNBQVMsZUFBQSxFQUNULFVBQVUsZ0JBQUEsRUFDVixTQUFTLGVBQUEsRUFDTixNQUFNLGNBUk0scUZBU2hCLENBRFU7SUFFSCxJQUFBLEtBQUEsT0FBb0IsUUFBUSxDQUFDLENBQUMsQ0FBQyxJQUFBLEVBQTlCLEtBQUssUUFBQSxFQUFFLFFBQVEsUUFBZSxDQUFBO0lBQy9CLElBQUEsS0FBQSxPQUF3QixRQUFRLENBQUMsQ0FBQyxDQUFDLElBQUEsRUFBbEMsT0FBTyxRQUFBLEVBQUUsVUFBVSxRQUFlLENBQUE7SUFFekMsSUFBTSxlQUFlLEdBQUcsVUFBQyxLQUF3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
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQ29sdW1ucy5uYXRpdmUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9jb21wb25lbnRzL2NvbHVtbnMvQ29sdW1ucy5uYXRpdmUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLEVBQUUsZUFBZSxFQUFXLE1BQU0sbUNBQW1DLENBQUE7QUFDNUUsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLGtDQUFrQyxDQUFBO0FBQ2hFLE9BQU8sRUFBRSxJQUFJLEVBQUUsTUFBTSxtQkFBbUIsQ0FBQTtBQUN4QyxPQUFPLEVBQUUsU0FBUyxFQUFFLGFBQWEsRUFBRSxNQUFNLFdBQVcsQ0FBQTtBQUNwRCxPQUFPLEtBQUssRUFBRSxFQUFFLGFBQWEsRUFBRSxRQUFRLEVBQUUsTUFBTSxPQUFPLENBQUE7QUFDdEQsT0FBTyxFQUFFLFVBQVUsRUFBcUIsVUFBVSxFQUFFLFVBQVUsRUFBRSxNQUFNLGNBQWMsQ0FBQTtBQUdwRjs7Ozs7OztHQU9HO0FBRUgsTUFBTSxDQUFDLElBQU0sY0FBYyxHQUFHLGFBQWEsQ0FBQyxFQUFFLFVBQVUsRUFBRSxLQUFLLEVBQUUsQ0FBQyxDQUFBO0FBRWxFLElBQU0sT0FBTyxHQUFHLFVBQUMsRUFTRjtJQVJiLElBQUEsUUFBUSxjQUFBLEVBQ1IsS0FBSyxXQUFBLEVBQ0wsR0FBRyxTQUFBLEVBQ0gsYUFBYSxtQkFBQSxFQUNiLFNBQVMsZUFBQSxFQUNULFVBQVUsZ0JBQUEsRUFDVixTQUFTLGVBQUEsRUFDTixNQUFNLGNBUk0scUZBU2hCLENBRFU7SUFFSCxJQUFBLEtBQUEsT0FBb0IsUUFBUSxDQUFDLENBQUMsQ0FBQyxJQUFBLEVBQTlCLEtBQUssUUFBQSxFQUFFLFFBQVEsUUFBZSxDQUFBO0lBQy9CLElBQUEsS0FBQSxPQUF3QixRQUFRLENBQUMsQ0FBQyxDQUFDLElBQUEsRUFBbEMsT0FBTyxRQUFBLEVBQUUsVUFBVSxRQUFlLENBQUE7SUFFekMsSUFBTSxlQUFlLEdBQUcsVUFBQyxLQUF3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

package/lib/components/columns/column/Column.native.d.ts

@@ -3,13 +3,10 @@ import { ColumnProps } from './ColumnProps';
 import { ComponentName } from '../../../components/enumsComponentsName';
 /**
  * Columns Item Component - Columns Child
- * @param size {ColumnsSize} Size 1-12
- * @param mobileSize {ColumnsSize} if size is missing.
  * @param children {React.ReactNode}
- * @param verticalCentered {boolean} Vertical center Column item
  */
 declare const Column: {
-    ({ children, size, mobileSize, verticalAlign, ...others }: ColumnProps): JSX.Element;
+    ({ children, ...others }: ColumnProps): JSX.Element;
     displayName: ComponentName;
 };
 export default Column;

package/lib/components/columns/column/Column.native.js

@@ -1,32 +1,15 @@
 import { __assign, __rest } from "tslib";
-import React, { useContext } from 'react';
-import { StyleSheet, View } from 'react-native';
-import { ColumnsContext } from '../../../components/columns/Columns.native';
+import React from 'react';
+import { View } from 'react-native';
 import { ComponentName } from '../../../components/enumsComponentsName';
-import { Alignable } from '../../../objects';
 /**
  * Columns Item Component - Columns Child
- * @param size {ColumnsSize} Size 1-12
- * @param mobileSize {ColumnsSize} if size is missing.
  * @param children {React.ReactNode}
- * @param verticalCentered {boolean} Vertical center Column item
  */
 var Column = function (_a) {
-    var children = _a.children, size = _a.size, mobileSize = _a.mobileSize, verticalAlign = _a.verticalAlign, others = __rest(_a, ["children", "size", "mobileSize", "verticalAlign"]);
-    var columnsContextValues = useContext(ColumnsContext);
-    var realSize = size || mobileSize;
-    var styles = StyleSheet.create({
-        Column: {
-            height: columnsContextValues.scrollable ? '100%' : undefined,
-            flex: !realSize ? 1 : realSize,
-            justifyContent: verticalAlign === Alignable.ALIGNED_CENTER ? 'center' : 'flex-start',
-            flexBasis: "".concat((realSize ? realSize / 12 : 12) * 100, "%"),
-            flexGrow: 0,
-            maxWidth: "".concat(((realSize ? realSize : 12) / 12) * 100, "%"),
-        },
-    });
-    return (React.createElement(View, __assign({ style: styles.Column }, others), children));
+    var children = _a.children, others = __rest(_a, ["children"]);
+    return React.createElement(View, __assign({}, others), children);
 };
 Column.displayName = ComponentName.Column;
 export default Column;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQ29sdW1uLm5hdGl2ZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL2NvbXBvbmVudHMvY29sdW1ucy9jb2x1bW4vQ29sdW1uLm5hdGl2ZS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUFBLE9BQU8sS0FBSyxFQUFFLEVBQUUsVUFBVSxFQUFFLE1BQU0sT0FBTyxDQUFBO0FBQ3pDLE9BQU8sRUFBRSxVQUFVLEVBQUUsSUFBSSxFQUFFLE1BQU0sY0FBYyxDQUFBO0FBRS9DLE9BQU8sRUFBRSxjQUFjLEVBQUUsTUFBTSxxQ0FBcUMsQ0FBQTtBQUNwRSxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sa0NBQWtDLENBQUE7QUFDaEUsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLFdBQVcsQ0FBQTtBQUVyQzs7Ozs7O0dBTUc7QUFDSCxJQUFNLE1BQU0sR0FBRyxVQUFDLEVBQXFFO0lBQW5FLElBQUEsUUFBUSxjQUFBLEVBQUUsSUFBSSxVQUFBLEVBQUUsVUFBVSxnQkFBQSxFQUFFLGFBQWEsbUJBQUEsRUFBSyxNQUFNLGNBQXRELG1EQUF3RCxDQUFGO0lBQ3BFLElBQU0sb0JBQW9CLEdBQUcsVUFBVSxDQUFDLGNBQWMsQ0FBQyxDQUFBO0lBRXZELElBQU0sUUFBUSxHQUFHLElBQUksSUFBSSxVQUFVLENBQUE7SUFFbkMsSUFBTSxNQUFNLEdBQUcsVUFBVSxDQUFDLE1BQU0sQ0FBQztRQUMvQixNQUFNLEVBQUU7WUFDTixNQUFNLEVBQUUsb0JBQW9CLENBQUMsVUFBVSxDQUFDLENBQUMsQ0FBQyxNQUFNLENBQUMsQ0FBQyxDQUFDLFNBQVM7WUFDNUQsSUFBSSxFQUFFLENBQUMsUUFBUSxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLFFBQVE7WUFDOUIsY0FBYyxFQUFFLGFBQWEsS0FBSyxTQUFTLENBQUMsY0FBYyxDQUFDLENBQUMsQ0FBQyxRQUFRLENBQUMsQ0FBQyxDQUFDLFlBQVk7WUFDcEYsU0FBUyxFQUFFLFVBQUcsQ0FBQyxRQUFRLENBQUMsQ0FBQyxDQUFDLFFBQVEsR0FBRyxFQUFFLENBQUMsQ0FBQyxDQUFDLEVBQUUsQ0FBQyxHQUFHLEdBQUcsTUFBRztZQUN0RCxRQUFRLEVBQUUsQ0FBQztZQUNYLFFBQVEsRUFBRSxVQUFHLENBQUMsQ0FBQyxRQUFRLENBQUMsQ0FBQyxDQUFDLFFBQVEsQ0FBQyxDQUFDLENBQUMsRUFBRSxDQUFDLEdBQUcsRUFBRSxDQUFDLEdBQUcsR0FBRyxNQUFHO1NBQ3hEO0tBQ0YsQ0FBQyxDQUFBO0lBRUYsT0FBTyxDQUNMLG9CQUFDLElBQUksYUFBQyxLQUFLLEVBQUUsTUFBTSxDQUFDLE1BQU0sSUFBTSxNQUFNLEdBQ25DLFFBQVEsQ0FDSixDQUNSLENBQUE7QUFDSCxDQUFDLENBQUE7QUFFRCxNQUFNLENBQUMsV0FBVyxHQUFHLGFBQWEsQ0FBQyxNQUFNLENBQUE7QUFFekMsZUFBZSxNQUFNLENBQUEifQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQ29sdW1uLm5hdGl2ZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL2NvbXBvbmVudHMvY29sdW1ucy9jb2x1bW4vQ29sdW1uLm5hdGl2ZS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUFBLE9BQU8sS0FBSyxNQUFNLE9BQU8sQ0FBQTtBQUN6QixPQUFPLEVBQUUsSUFBSSxFQUFFLE1BQU0sY0FBYyxDQUFBO0FBRW5DLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxrQ0FBa0MsQ0FBQTtBQUVoRTs7O0dBR0c7QUFDSCxJQUFNLE1BQU0sR0FBRyxVQUFDLEVBQW9DO0lBQWxDLElBQUEsUUFBUSxjQUFBLEVBQUssTUFBTSxjQUFyQixZQUF1QixDQUFGO0lBQ25DLE9BQU8sb0JBQUMsSUFBSSxlQUFLLE1BQU0sR0FBRyxRQUFRLENBQVEsQ0FBQTtBQUM1QyxDQUFDLENBQUE7QUFFRCxNQUFNLENBQUMsV0FBVyxHQUFHLGFBQWEsQ0FBQyxNQUFNLENBQUE7QUFFekMsZUFBZSxNQUFNLENBQUEifQ==

package/lib/components/divider/Divider.js

@@ -1,6 +1,6 @@
 import { __assign, __rest } from "tslib";
 import * as React from 'react';
-import { is } from '../../services/classify';
+import { is, has } from '../../services/classify';
 import { Icon, IconSize } from '../icon';
 import clsx from 'clsx';
 import { hashClass } from '../../helpers';
@@ -19,25 +19,12 @@ import { useTrilogyContext } from '../../context';
 var Divider = function (_a) {
     var className = _a.className, id = _a.id, unboxed = _a.unboxed, content = _a.content, marginless = _a.marginless, iconName = _a.iconName, inverted = _a.inverted, others = __rest(_a, ["className", "id", "unboxed", "content", "marginless", "iconName", "inverted"]);
     var styled = useTrilogyContext().styled;
-    var classes = hashClass(styled, clsx('divider', unboxed && is('unboxed'), marginless && is('marginless'), className, inverted && is('inverted'), iconName && 'has-icon'));
+    var classes = hashClass(styled, clsx('divider', unboxed && is('unboxed'), marginless && is('marginless'), className, inverted && is('inverted'), iconName && has('icon')));
     var contentClasses = hashClass(styled, clsx('divider-content'));
-    // s'il y a du text et une icone , SEULEMENT le text compte
-    if (content && iconName) {
-        return (React.createElement("div", { id: id, "data-testid": 'separator', className: classes },
-            React.createElement("p", { className: contentClasses }, content)));
-    }
-    if (content) {
-        return (React.createElement("div", { id: id, "data-testid": 'separator', className: classes },
-            React.createElement("p", { className: contentClasses }, content)));
-    }
-    // si il y a seulement une icone
-    if (iconName) {
-        return (React.createElement("div", { id: id, "data-testid": 'separator', className: classes },
-            React.createElement("p", { className: contentClasses },
-                React.createElement(Icon, { name: iconName, size: IconSize.MEDIUM }))));
-    }
-    // divider normal trilogy
-    return React.createElement("div", __assign({ id: id, "data-testid": 'separator', className: classes }, others));
+    return (React.createElement("div", __assign({ id: id, "data-testid": 'separator', className: classes }, others),
+        React.createElement("p", { className: contentClasses },
+            iconName && !content && React.createElement(Icon, { name: iconName, size: IconSize.MEDIUM }),
+            content && content)));
 };
 export default Divider;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiRGl2aWRlci5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL2NvbXBvbmVudHMvZGl2aWRlci9EaXZpZGVyLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxLQUFLLEtBQUssTUFBTSxPQUFPLENBQUE7QUFFOUIsT0FBTyxFQUFFLEVBQUUsRUFBRSxNQUFNLHFCQUFxQixDQUFBO0FBQ3hDLE9BQU8sRUFBRSxJQUFJLEVBQUUsUUFBUSxFQUFFLE1BQU0sU0FBUyxDQUFBO0FBQ3hDLE9BQU8sSUFBSSxNQUFNLE1BQU0sQ0FBQTtBQUN2QixPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sV0FBVyxDQUFBO0FBQ3JDLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLFdBQVcsQ0FBQTtBQUU3Qzs7Ozs7Ozs7OztHQVVHO0FBQ0gsSUFBTSxPQUFPLEdBQUcsVUFBQyxFQVNGO0lBUmIsSUFBQSxTQUFTLGVBQUEsRUFDVCxFQUFFLFFBQUEsRUFDRixPQUFPLGFBQUEsRUFDUCxPQUFPLGFBQUEsRUFDUCxVQUFVLGdCQUFBLEVBQ1YsUUFBUSxjQUFBLEVBQ1IsUUFBUSxjQUFBLEVBQ0wsTUFBTSxjQVJNLCtFQVNoQixDQURVO0lBRUQsSUFBQSxNQUFNLEdBQUssaUJBQWlCLEVBQUUsT0FBeEIsQ0FBd0I7SUFFdEMsSUFBTSxPQUFPLEdBQUcsU0FBUyxDQUN2QixNQUFNLEVBQ04sSUFBSSxDQUNGLFNBQVMsRUFDVCxPQUFPLElBQUksRUFBRSxDQUFDLFNBQVMsQ0FBQyxFQUN4QixVQUFVLElBQUksRUFBRSxDQUFDLFlBQVksQ0FBQyxFQUM5QixTQUFTLEVBQ1QsUUFBUSxJQUFJLEVBQUUsQ0FBQyxVQUFVLENBQUMsRUFDMUIsUUFBUSxJQUFJLFVBQVUsQ0FDdkIsQ0FDRixDQUFBO0lBQ0QsSUFBTSxjQUFjLEdBQUcsU0FBUyxDQUFDLE1BQU0sRUFBRSxJQUFJLENBQUMsaUJBQWlCLENBQUMsQ0FBQyxDQUFBO0lBRWpFLDJEQUEyRDtJQUMzRCxJQUFJLE9BQU8sSUFBSSxRQUFRLEVBQUU7UUFDdkIsT0FBTyxDQUNMLDZCQUFLLEVBQUUsRUFBRSxFQUFFLGlCQUFjLFdBQVcsRUFBQyxTQUFTLEVBQUUsT0FBTztZQUNyRCwyQkFBRyxTQUFTLEVBQUUsY0FBYyxJQUFHLE9BQU8sQ0FBSyxDQUN2QyxDQUNQLENBQUE7S0FDRjtJQUVELElBQUksT0FBTyxFQUFFO1FBQ1gsT0FBTyxDQUNMLDZCQUFLLEVBQUUsRUFBRSxFQUFFLGlCQUFjLFdBQVcsRUFBQyxTQUFTLEVBQUUsT0FBTztZQUNyRCwyQkFBRyxTQUFTLEVBQUUsY0FBYyxJQUFHLE9BQU8sQ0FBSyxDQUN2QyxDQUNQLENBQUE7S0FDRjtJQUVELGdDQUFnQztJQUNoQyxJQUFJLFFBQVEsRUFBRTtRQUNaLE9BQU8sQ0FDTCw2QkFBSyxFQUFFLEVBQUUsRUFBRSxpQkFBYyxXQUFXLEVBQUMsU0FBUyxFQUFFLE9BQU87WUFDckQsMkJBQUcsU0FBUyxFQUFFLGNBQWM7Z0JBQzFCLG9CQUFDLElBQUksSUFBQyxJQUFJLEVBQUUsUUFBUSxFQUFFLElBQUksRUFBRSxRQUFRLENBQUMsTUFBTSxHQUFJLENBQzdDLENBQ0EsQ0FDUCxDQUFBO0tBQ0Y7SUFFRCx5QkFBeUI7SUFDekIsT0FBTyxzQ0FBSyxFQUFFLEVBQUUsRUFBRSxpQkFBYyxXQUFXLEVBQUMsU0FBUyxFQUFFLE9BQU8sSUFBTSxNQUFNLEVBQUksQ0FBQTtBQUNoRixDQUFDLENBQUE7QUFFRCxlQUFlLE9BQU8sQ0FBQSJ9
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiRGl2aWRlci5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL2NvbXBvbmVudHMvZGl2aWRlci9EaXZpZGVyLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxLQUFLLEtBQUssTUFBTSxPQUFPLENBQUE7QUFFOUIsT0FBTyxFQUFFLEVBQUUsRUFBRSxHQUFHLEVBQUUsTUFBTSxxQkFBcUIsQ0FBQTtBQUM3QyxPQUFPLEVBQUUsSUFBSSxFQUFFLFFBQVEsRUFBRSxNQUFNLFNBQVMsQ0FBQTtBQUN4QyxPQUFPLElBQUksTUFBTSxNQUFNLENBQUE7QUFDdkIsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLFdBQVcsQ0FBQTtBQUNyQyxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxXQUFXLENBQUE7QUFFN0M7Ozs7Ozs7Ozs7R0FVRztBQUNILElBQU0sT0FBTyxHQUFHLFVBQUMsRUFTRjtJQVJiLElBQUEsU0FBUyxlQUFBLEVBQ1QsRUFBRSxRQUFBLEVBQ0YsT0FBTyxhQUFBLEVBQ1AsT0FBTyxhQUFBLEVBQ1AsVUFBVSxnQkFBQSxFQUNWLFFBQVEsY0FBQSxFQUNSLFFBQVEsY0FBQSxFQUNMLE1BQU0sY0FSTSwrRUFTaEIsQ0FEVTtJQUVELElBQUEsTUFBTSxHQUFLLGlCQUFpQixFQUFFLE9BQXhCLENBQXdCO0lBRXRDLElBQU0sT0FBTyxHQUFHLFNBQVMsQ0FDdkIsTUFBTSxFQUNOLElBQUksQ0FDRixTQUFTLEVBQ1QsT0FBTyxJQUFJLEVBQUUsQ0FBQyxTQUFTLENBQUMsRUFDeEIsVUFBVSxJQUFJLEVBQUUsQ0FBQyxZQUFZLENBQUMsRUFDOUIsU0FBUyxFQUNULFFBQVEsSUFBSSxFQUFFLENBQUMsVUFBVSxDQUFDLEVBQzFCLFFBQVEsSUFBSSxHQUFHLENBQUMsTUFBTSxDQUFDLENBQ3hCLENBQ0YsQ0FBQTtJQUNELElBQU0sY0FBYyxHQUFHLFNBQVMsQ0FBQyxNQUFNLEVBQUUsSUFBSSxDQUFDLGlCQUFpQixDQUFDLENBQUMsQ0FBQTtJQUVqRSxPQUFPLENBQ0wsc0NBQUssRUFBRSxFQUFFLEVBQUUsaUJBQWMsV0FBVyxFQUFDLFNBQVMsRUFBRSxPQUFPLElBQU0sTUFBTTtRQUNqRSwyQkFBRyxTQUFTLEVBQUUsY0FBYztZQUN6QixRQUFRLElBQUksQ0FBQyxPQUFPLElBQUksb0JBQUMsSUFBSSxJQUFDLElBQUksRUFBRSxRQUFRLEVBQUUsSUFBSSxFQUFFLFFBQVEsQ0FBQyxNQUFNLEdBQUk7WUFDdkUsT0FBTyxJQUFJLE9BQU8sQ0FDakIsQ0FDQSxDQUNQLENBQUE7QUFDSCxDQUFDLENBQUE7QUFFRCxlQUFlLE9BQU8sQ0FBQSJ9

package/lib/components/divider/Divider.native.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
-import { DividerProps } from "./DividerProps";
-import { ComponentName } from "../../components/enumsComponentsName";
+import { ComponentName } from '../../components/enumsComponentsName';
+import { DividerProps } from './DividerProps';
 /**
  * Divider Native Component
  * @param content {string} Add text content for Divider

package/lib/components/divider/Divider.native.js

@@ -1,10 +1,10 @@
 import { __assign, __read, __rest } from "tslib";
-import * as React from "react";
-import { StyleSheet, View } from "react-native";
-import { Icon, IconColor } from "../../components/icon";
-import { Text } from "../../components/text";
-import { getColorStyle, TrilogyColor } from "../../objects";
-import { ComponentName } from "../../components/enumsComponentsName";
+import { ComponentName } from '../../components/enumsComponentsName';
+import { Icon, IconColor } from '../../components/icon';
+import { Text } from '../../components/text';
+import { getColorStyle, TrilogyColor } from '../../objects';
+import * as React from 'react';
+import { StyleSheet, View } from 'react-native';
 /**
  * Divider Native Component
  * @param content {string} Add text content for Divider
@@ -25,38 +25,38 @@ var Divider = function (_a) {
             marginTop: 16,
             borderBottomColor: dividerColor,
             borderBottomWidth: 1,
-            width: "100%",
-            alignSelf: ((unboxed || marginless) && "stretch") || "auto",
+            width: '100%',
+            alignSelf: ((unboxed || marginless) && 'stretch') || 'auto',
         },
         dividerContent: {
             borderBottomColor: dividerColor,
             borderBottomWidth: 1,
-            alignSelf: "center",
-            justifyContent: "center",
+            alignSelf: 'center',
+            justifyContent: 'center',
             width: "".concat(((containerWidth - (textWidth + 16)) / 2 / containerWidth) * 100, "%"),
         },
         container: {
-            flexDirection: "row",
-            alignItems: "center",
-            justifyContent: "space-between",
-            maxWidth: "100%",
+            flexDirection: 'row',
+            alignItems: 'center',
+            justifyContent: 'space-between',
+            maxWidth: '100%',
         },
         content: {
-            justifyContent: "center",
-            backgroundColor: "transparent",
+            justifyContent: 'center',
+            backgroundColor: 'transparent',
             borderRadius: iconName ? 50 : 0,
             padding: iconName ? 6 : 0,
         },
         textContent: {
-            textAlign: "center",
-            color: getColorStyle(TrilogyColor.MAIN_FADE),
+            textAlign: 'center',
+            color: getColorStyle(TrilogyColor.MAIN),
         },
     });
     var ContentDivider = React.useMemo(function () {
         if (content)
             return React.createElement(Text, { style: styles.textContent }, content);
         if (iconName && !content)
-            return (React.createElement(Icon, { name: iconName, color: IconColor.MAIN, testId: 'icon-id' }));
+            return React.createElement(Icon, { name: iconName, color: IconColor.MAIN, testId: 'icon-id' });
     }, [content, iconName]);
     if (content || iconName) {
         return (React.createElement(View, { style: styles.container, onLayout: function (event) {
@@ -72,4 +72,4 @@ var Divider = function (_a) {
 };
 Divider.displayName = ComponentName.Divider;
 export default Divider;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiRGl2aWRlci5uYXRpdmUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9jb21wb25lbnRzL2RpdmlkZXIvRGl2aWRlci5uYXRpdmUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLEtBQUssS0FBSyxNQUFNLE9BQU8sQ0FBQTtBQUM5QixPQUFPLEVBQUUsVUFBVSxFQUFFLElBQUksRUFBRSxNQUFNLGNBQWMsQ0FBQTtBQUMvQyxPQUFPLEVBQUUsSUFBSSxFQUFFLFNBQVMsRUFBRSxNQUFNLG1CQUFtQixDQUFBO0FBQ25ELE9BQU8sRUFBRSxJQUFJLEVBQUUsTUFBTSxtQkFBbUIsQ0FBQTtBQUV4QyxPQUFPLEVBQUUsYUFBYSxFQUFFLFlBQVksRUFBRSxNQUFNLFdBQVcsQ0FBQTtBQUN2RCxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sa0NBQWtDLENBQUE7QUFFaEU7Ozs7Ozs7O0dBUUc7QUFDSCxJQUFNLE9BQU8sR0FBRyxVQUFDLEVBT0Y7SUFOYixJQUFBLE9BQU8sYUFBQSxFQUNQLE9BQU8sYUFBQSxFQUNQLFVBQVUsZ0JBQUEsRUFDVixRQUFRLGNBQUEsRUFDUixRQUFRLGNBQUEsRUFDTCxNQUFNLGNBTk0sNERBT2hCLENBRFU7SUFFSCxJQUFBLEtBQUEsT0FBNEIsS0FBSyxDQUFDLFFBQVEsQ0FBQyxDQUFDLENBQUMsSUFBQSxFQUE1QyxTQUFTLFFBQUEsRUFBRSxZQUFZLFFBQXFCLENBQUE7SUFDN0MsSUFBQSxLQUFBLE9BQXNDLEtBQUssQ0FBQyxRQUFRLENBQUMsQ0FBQyxDQUFDLElBQUEsRUFBdEQsY0FBYyxRQUFBLEVBQUUsaUJBQWlCLFFBQXFCLENBQUE7SUFDN0QsSUFBTSxZQUFZLEdBQUcsYUFBYSxDQUFDLFlBQVksQ0FBQyxPQUFPLENBQUMsQ0FBQTtJQUV4RCxJQUFNLE1BQU0sR0FBRyxVQUFVLENBQUMsTUFBTSxDQUFDO1FBQy9CLE9BQU8sRUFBRTtZQUNQLFlBQVksRUFBRSxFQUFFO1lBQ2hC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
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiRGl2aWRlci5uYXRpdmUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9jb21wb25lbnRzL2RpdmlkZXIvRGl2aWRlci5uYXRpdmUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sa0NBQWtDLENBQUE7QUFDaEUsT0FBTyxFQUFFLElBQUksRUFBRSxTQUFTLEVBQUUsTUFBTSxtQkFBbUIsQ0FBQTtBQUNuRCxPQUFPLEVBQUUsSUFBSSxFQUFFLE1BQU0sbUJBQW1CLENBQUE7QUFDeEMsT0FBTyxFQUFFLGFBQWEsRUFBRSxZQUFZLEVBQUUsTUFBTSxXQUFXLENBQUE7QUFDdkQsT0FBTyxLQUFLLEtBQUssTUFBTSxPQUFPLENBQUE7QUFDOUIsT0FBTyxFQUFFLFVBQVUsRUFBRSxJQUFJLEVBQUUsTUFBTSxjQUFjLENBQUE7QUFHL0M7Ozs7Ozs7O0dBUUc7QUFDSCxJQUFNLE9BQU8sR0FBRyxVQUFDLEVBQTZFO0lBQTNFLElBQUEsT0FBTyxhQUFBLEVBQUUsT0FBTyxhQUFBLEVBQUUsVUFBVSxnQkFBQSxFQUFFLFFBQVEsY0FBQSxFQUFFLFFBQVEsY0FBQSxFQUFLLE1BQU0sY0FBN0QsNERBQStELENBQUY7SUFDdEUsSUFBQSxLQUFBLE9BQTRCLEtBQUssQ0FBQyxRQUFRLENBQUMsQ0FBQyxDQUFDLElBQUEsRUFBNUMsU0FBUyxRQUFBLEVBQUUsWUFBWSxRQUFxQixDQUFBO0lBQzdDLElBQUEsS0FBQSxPQUFzQyxLQUFLLENBQUMsUUFBUSxDQUFDLENBQUMsQ0FBQyxJQUFBLEVBQXRELGNBQWMsUUFBQSxFQUFFLGlCQUFpQixRQUFxQixDQUFBO0lBQzdELElBQU0sWUFBWSxHQUFHLGFBQWEsQ0FBQyxZQUFZLENBQUMsT0FBTyxDQUFDLENBQUE7SUFFeEQsSUFBTSxNQUFNLEdBQUcsVUFBVSxDQUFDLE1BQU0sQ0FBQztRQUMvQixPQUFPLEVBQUU7WUFDUCxZQUFZLEVBQUUsRUFBRTtZ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

package/lib/components/enumsComponentsName.d.ts

@@ -31,6 +31,8 @@ export declare enum ComponentName {
     CircleIcon = "CircleIcon",
     Checkbox = "Checkbox",
     CheckboxesList = "CheckboxesList",
+    CheckboxTiles = "CheckboxTitles",
+    CheckboxTile = "CheckboxTitle",
     Columns = "Columns",
     Column = "Column",
     Container = "Container",
@@ -125,7 +127,10 @@ export declare enum ComponentName {
     TableTh = "TableTh",
     TableTd = "TableTd",
     Tabs = "Tabs",
-    TabsItem = "TabsItem",
+    Tab = "Tab",
+    TabList = "TabList",
+    TabPanel = "TabPanel",
+    TabPanels = "TabPanels",
     Tag = "Tag",
     TagVariant = "TagVariant",
     TagList = "TagList",