@trilogy-ds/react 0.0.2-calendar → 0.0.2-storybook

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

@@ -2,21 +2,24 @@ import * as React from 'react';
 import { CheckboxTileProps } from './CheckboxTileProps';
 /**
  * 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}
- * @param sticker {string} sticker label
- * @param stickerVariant {VariantState} Sticker variant
+ * @param id {string} Custom id attribute
+ * @param checked {Boolean} Checked state of the checkbox
+ * @param disabled {Boolean} Disabled state of the checkbox
+ * @param readonly {Boolean} Readonly state of the checkbox
+ * @param label {string} Label for the checkbox tile
+ * @param onChange {Function} Change event handler for the checkbox
+ * @param name {string} Name attribute for the checkbox input
+ * @param description {string} Description text for the checkbox tile
+ * @param icon {IconName} Icon to display in the checkbox tile
+ * @param horizontal {boolean} Horizontal layout for the checkbox tile
+ * @param sticker {string} Sticker label for the checkbox tile
+ * @param stickerVariant {VariantState} Sticker variant for the checkbox tile
+ * @param required {boolean} Required input checkboxes
+ * @param testId {string} Test Id for Test Integration
  * - -------------------------- WEB PROPERTIES -------------------------------
  * @param className {string} Additional CSS Classes
+ * @param value {string} Value attribute for the checkbox input
+ * @param required {boolean} Required input checkboxes
  */
 declare const CheckboxTile: React.ForwardRefExoticComponent<CheckboxTileProps & React.RefAttributes<HTMLDivElement>>;
 export default CheckboxTile;

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

@@ -1,52 +1,64 @@
 import { __assign, __read, __rest } from "tslib";
 import { ComponentName } from '../../../../components/enumsComponentsName';
 import { Icon, IconSize } from '../../../../components/icon';
+import { Sticker } from '../../../../components/sticker';
 import { useTrilogyContext } from '../../../../context';
 import { hashClass } from '../../../../helpers';
+import { VariantState } from '../../../../objects';
 import { is } from '../../../../services/classify';
 import clsx from 'clsx';
 import * as React from 'react';
 import { useEffect, useState } from 'react';
-import { Sticker } from '../../../../components/sticker';
-import { VariantState } from '../../../../objects';
 /**
  * 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}
- * @param sticker {string} sticker label
- * @param stickerVariant {VariantState} Sticker variant
+ * @param id {string} Custom id attribute
+ * @param checked {Boolean} Checked state of the checkbox
+ * @param disabled {Boolean} Disabled state of the checkbox
+ * @param readonly {Boolean} Readonly state of the checkbox
+ * @param label {string} Label for the checkbox tile
+ * @param onChange {Function} Change event handler for the checkbox
+ * @param name {string} Name attribute for the checkbox input
+ * @param description {string} Description text for the checkbox tile
+ * @param icon {IconName} Icon to display in the checkbox tile
+ * @param horizontal {boolean} Horizontal layout for the checkbox tile
+ * @param sticker {string} Sticker label for the checkbox tile
+ * @param stickerVariant {VariantState} Sticker variant for the checkbox tile
+ * @param required {boolean} Required input checkboxes
+ * @param testId {string} Test Id for Test Integration
  * - -------------------------- WEB PROPERTIES -------------------------------
  * @param className {string} Additional CSS Classes
+ * @param value {string} Value attribute for the checkbox input
+ * @param required {boolean} Required input checkboxes
  */
 var CheckboxTile = React.forwardRef(function (_a, ref) {
-    var checked = _a.checked, className = _a.className, disabled = _a.disabled, readonly = _a.readonly, _b = _a.id, id = _b === void 0 ? React.useId() : _b, label = _a.label, onChange = _a.onChange, name = _a.name, value = _a.value, description = _a.description, icon = _a.icon, horizontal = _a.horizontal, required = _a.required, sticker = _a.sticker, _c = _a.stickerVariant, stickerVariant = _c === void 0 ? VariantState.ACCENT : _c, others = __rest(_a, ["checked", "className", "disabled", "readonly", "id", "label", "onChange", "name", "value", "description", "icon", "horizontal", "required", "sticker", "stickerVariant"]);
+    var checked = _a.checked, className = _a.className, disabled = _a.disabled, readonly = _a.readonly, _b = _a.id, id = _b === void 0 ? React.useId() : _b, label = _a.label, onChange = _a.onChange, name = _a.name, value = _a.value, description = _a.description, icon = _a.icon, horizontal = _a.horizontal, required = _a.required, sticker = _a.sticker, _c = _a.stickerVariant, stickerVariant = _c === void 0 ? VariantState.ACCENT : _c, testId = _a.testId, others = __rest(_a, ["checked", "className", "disabled", "readonly", "id", "label", "onChange", "name", "value", "description", "icon", "horizontal", "required", "sticker", "stickerVariant", "testId"]);
     var styled = useTrilogyContext().styled;
     var _d = __read(useState(checked || false), 2), _checked = _d[0], setChecked = _d[1];
+    var refInput = React.useRef(null);
     useEffect(function () {
         if (!readonly) {
             setChecked(checked || false);
         }
     }, [checked, readonly]);
-    return (React.createElement("div", { ref: ref, className: hashClass(styled, clsx('checkbox-tile', horizontal && is('horizontal'), className)) },
-        React.createElement("input", __assign({ type: 'checkbox', readOnly: readonly, required: required, id: id, disabled: disabled, name: name, value: value, checked: readonly ? checked : _checked, onChange: function (e) { return (onChange ? onChange : setChecked(e.target.checked)); } }, others)),
-        React.createElement("label", { htmlFor: id, className: hashClass(styled, clsx('checkbox-label')) },
+    return (React.createElement("div", { ref: ref, className: hashClass(styled, clsx('checkbox-tile', horizontal && is('horizontal'), className)), role: 'button', onClick: function (e) {
+            var _a;
+            if (disabled || readonly)
+                return;
+            var target = e.target;
+            if (target.closest('input, label'))
+                return;
+            (_a = refInput.current) === null || _a === void 0 ? void 0 : _a.click();
+        } },
+        React.createElement("input", __assign({ "data-testid": testId, ref: refInput, type: 'checkbox', readOnly: readonly, required: required, id: id, disabled: disabled, name: name, value: value, checked: readonly ? checked : _checked, onChange: function (e) { return (onChange ? onChange : setChecked(e.target.checked)); } }, others)),
+        React.createElement("div", { className: hashClass(styled, clsx('checkbox-container')) },
             icon && React.createElement(Icon, { name: icon, size: IconSize.MEDIUM }),
             horizontal ? (React.createElement("span", null,
-                React.createElement("span", { className: hashClass(styled, clsx('checkbox-title')) }, label),
+                React.createElement("label", { htmlFor: id, className: hashClass(styled, clsx('checkbox-title')) }, label),
                 description && React.createElement("span", { className: hashClass(styled, clsx('checkbox-description')) }, description))) : (React.createElement(React.Fragment, null,
-                React.createElement("span", { className: hashClass(styled, clsx('checkbox-title')) }, label),
+                React.createElement("label", { htmlFor: id, className: hashClass(styled, clsx('checkbox-title')) }, label),
                 description && React.createElement("span", { className: hashClass(styled, clsx('checkbox-description')) }, description)))),
         sticker && React.createElement(Sticker, { label: sticker, variant: stickerVariant, className: 'checkbox-sticker', small: true })));
 });
 CheckboxTile.displayName = ComponentName.CheckboxTiles;
 export default CheckboxTile;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQ2hlY2tib3hUaWxlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vY29tcG9uZW50cy9jaGVja2JveC90aWxlcy90aWxlL0NoZWNrYm94VGlsZS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUFBLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxrQ0FBa0MsQ0FBQTtBQUNoRSxPQUFPLEVBQUUsSUFBSSxFQUFFLFFBQVEsRUFBRSxNQUFNLG1CQUFtQixDQUFBO0FBQ2xELE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLFdBQVcsQ0FBQTtBQUM3QyxPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sV0FBVyxDQUFBO0FBQ3JDLE9BQU8sRUFBRSxFQUFFLEVBQUUsTUFBTSxxQkFBcUIsQ0FBQTtBQUN4QyxPQUFPLElBQUksTUFBTSxNQUFNLENBQUE7QUFDdkIsT0FBTyxLQUFLLEtBQUssTUFBTSxPQUFPLENBQUE7QUFDOUIsT0FBTyxFQUFFLFNBQVMsRUFBRSxRQUFRLEVBQUUsTUFBTSxPQUFPLENBQUE7QUFFM0MsT0FBTyxFQUFFLE9BQU8sRUFBRSxNQUFNLHNCQUFzQixDQUFBO0FBQzlDLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxXQUFXLENBQUE7QUFFeEM7Ozs7Ozs7Ozs7Ozs7Ozs7O0dBaUJHO0FBQ0gsSUFBTSxZQUFZLEdBQUcsS0FBSyxDQUFDLFVBQVUsQ0FDbkMsVUFDRSxFQWlCQyxFQUNELEdBQUc7SUFqQkQsSUFBQSxPQUFPLGFBQUEsRUFDUCxTQUFTLGVBQUEsRUFDVCxRQUFRLGNBQUEsRUFDUixRQUFRLGNBQUEsRUFDUixVQUFrQixFQUFsQixFQUFFLG1CQUFHLEtBQUssQ0FBQyxLQUFLLEVBQUUsS0FBQSxFQUNsQixLQUFLLFdBQUEsRUFDTCxRQUFRLGNBQUEsRUFDUixJQUFJLFVBQUEsRUFDSixLQUFLLFdBQUEsRUFDTCxXQUFXLGlCQUFBLEVBQ1gsSUFBSSxVQUFBLEVBQ0osVUFBVSxnQkFBQSxFQUNW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
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQ2hlY2tib3hUaWxlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vY29tcG9uZW50cy9jaGVja2JveC90aWxlcy90aWxlL0NoZWNrYm94VGlsZS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUFBLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxrQ0FBa0MsQ0FBQTtBQUNoRSxPQUFPLEVBQUUsSUFBSSxFQUFFLFFBQVEsRUFBRSxNQUFNLG1CQUFtQixDQUFBO0FBQ2xELE9BQU8sRUFBRSxPQUFPLEVBQUUsTUFBTSxzQkFBc0IsQ0FBQTtBQUM5QyxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxXQUFXLENBQUE7QUFDN0MsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLFdBQVcsQ0FBQTtBQUNyQyxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0sV0FBVyxDQUFBO0FBQ3hDLE9BQU8sRUFBRSxFQUFFLEVBQUUsTUFBTSxxQkFBcUIsQ0FBQTtBQUN4QyxPQUFPLElBQUksTUFBTSxNQUFNLENBQUE7QUFDdkIsT0FBTyxLQUFLLEtBQUssTUFBTSxPQUFPLENBQUE7QUFDOUIsT0FBTyxFQUFFLFNBQVMsRUFBRSxRQUFRLEVBQUUsTUFBTSxPQUFPLENBQUE7QUFHM0M7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0dBb0JHO0FBQ0gsSUFBTSxZQUFZLEdBQUcsS0FBSyxDQUFDLFVBQVUsQ0FDbkMsVUFDRSxFQWtCQyxFQUNELEdBQUc7SUFsQkQsSUFBQSxPQUFPLGFBQUEsRUFDUCxTQUFTLGVBQUEsRUFDVCxRQUFRLGNBQUEsRUFDUixRQUFRLGNBQUEsRUFDUixVQUFrQixFQUFsQixFQUFFLG1CQUFHLEtBQUssQ0FBQyxLQUFLLEVBQUUsS0FBQSxFQUNsQixLQUFLLFdBQUEsRUFDTCxRQUFRLGNBQUEsRUFDUixJQUFJLFVBQUEsRUFDSixLQUFLLFdBQUEsRUFDTCxXQUFXLGlCQUFBLEVBQ1gsSUFBSSxVQUFBLEVBQ0osVUFBVSxnQkFBQSxF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

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

@@ -1,5 +1,23 @@
 import React from 'react';
 import { TouchableOpacity } from 'react-native';
 import { CheckboxTileProps } from './CheckboxTileProps';
+/**
+ * CheckboxTile
+ * @param id {string} Custom id attribute
+ * @param checked {Boolean} Checked state of the checkbox
+ * @param disabled {Boolean} Disabled state of the checkbox
+ * @param readonly {Boolean} Readonly state of the checkbox
+ * @param label {string} Label for the checkbox tile
+ * @param onChange {Function} Change event handler for the checkbox
+ * @param name {string} Name attribute for the checkbox input
+ * @param description {string} Description text for the checkbox tile
+ * @param icon {IconName} Icon to display in the checkbox tile
+ * @param horizontal {boolean} Horizontal layout for the checkbox tile
+ * @param sticker {string} Sticker label for the checkbox tile
+ * @param stickerVariant {VariantState} Sticker variant for the checkbox tile
+ * @param testId {string} Test Id for Test Integration
+ * - -------------------------- WEB PROPERTIES -------------------------------
+ * @param className {string} Additional CSS Classes
+ */
 declare const CheckboxTile: React.ForwardRefExoticComponent<CheckboxTileProps & React.RefAttributes<TouchableOpacity>>;
 export default CheckboxTile;

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

@@ -2,16 +2,36 @@ import { __assign, __read, __rest } from "tslib";
 import { ComponentName } from '../../../../components/enumsComponentsName';
 import { Icon, IconName, IconSize } from '../../../../components/icon';
 import { SpacerSize } from '../../../../components/spacer';
+import { Sticker } from '../../../../components/sticker';
 import { Text, TextLevels } from '../../../../components/text';
 import { View } from '../../../../components/view';
 import { getColorStyle, TrilogyColor, TypographyAlign, TypographyBold, VariantState } from '../../../../objects';
-import React, { useState } from 'react';
+import React, { useContext, useState } from 'react';
 import { StyleSheet, TouchableOpacity, View as ViewRN } from 'react-native';
-import { Sticker } from '../../../../components/sticker';
+import { CheckboxTilesContext } from '../context';
+/**
+ * CheckboxTile
+ * @param id {string} Custom id attribute
+ * @param checked {Boolean} Checked state of the checkbox
+ * @param disabled {Boolean} Disabled state of the checkbox
+ * @param readonly {Boolean} Readonly state of the checkbox
+ * @param label {string} Label for the checkbox tile
+ * @param onChange {Function} Change event handler for the checkbox
+ * @param name {string} Name attribute for the checkbox input
+ * @param description {string} Description text for the checkbox tile
+ * @param icon {IconName} Icon to display in the checkbox tile
+ * @param horizontal {boolean} Horizontal layout for the checkbox tile
+ * @param sticker {string} Sticker label for the checkbox tile
+ * @param stickerVariant {VariantState} Sticker variant for the checkbox tile
+ * @param testId {string} Test Id for Test Integration
+ * - -------------------------- WEB PROPERTIES -------------------------------
+ * @param className {string} Additional CSS Classes
+ */
 var CheckboxTile = React.forwardRef(function (_a, ref) {
-    var disabled = _a.disabled, checked = _a.checked, readonly = _a.readonly, _b = _a.id, id = _b === void 0 ? React.useId() : _b, label = _a.label, onChange = _a.onChange, name = _a.name, description = _a.description, icon = _a.icon, horizontal = _a.horizontal, sticker = _a.sticker, _c = _a.stickerVariant, stickerVariant = _c === void 0 ? VariantState.ACCENT : _c, others = __rest(_a, ["disabled", "checked", "readonly", "id", "label", "onChange", "name", "description", "icon", "horizontal", "sticker", "stickerVariant"]);
+    var disabled = _a.disabled, checked = _a.checked, readonly = _a.readonly, _b = _a.id, id = _b === void 0 ? React.useId() : _b, label = _a.label, onChange = _a.onChange, name = _a.name, description = _a.description, icon = _a.icon, horizontal = _a.horizontal, sticker = _a.sticker, _c = _a.stickerVariant, stickerVariant = _c === void 0 ? VariantState.ACCENT : _c, testId = _a.testId, others = __rest(_a, ["disabled", "checked", "readonly", "id", "label", "onChange", "name", "description", "icon", "horizontal", "sticker", "stickerVariant", "testId"]);
     var _d = __read(useState(checked || false), 2), _checked = _d[0], setChecked = _d[1];
     var _e = __read(useState(0), 2), stickerHeight = _e[0], setStickerHeight = _e[1];
+    var isGrid = useContext(CheckboxTilesContext).isGrid;
     var styles = StyleSheet.create({
         container: {
             flexDirection: 'row',
@@ -32,8 +52,9 @@ var CheckboxTile = React.forwardRef(function (_a, ref) {
             color: getColorStyle(disabled ? TrilogyColor.DISABLED : TrilogyColor.MAIN),
         },
         tile: {
+            flex: isGrid ? 1 : undefined,
             padding: _checked ? SpacerSize.FOUR - 1 : SpacerSize.FOUR,
-            maxWidth: '50%',
+            maxWidth: isGrid ? '100%' : '50%',
             borderWidth: (_checked && 2) || 1,
             width: 'auto',
             borderColor: getColorStyle(disabled ? TrilogyColor.DISABLED_FADE : _checked ? TrilogyColor.MAIN : TrilogyColor.STROKE),
@@ -47,6 +68,7 @@ var CheckboxTile = React.forwardRef(function (_a, ref) {
             alignSelf: horizontal ? 'flex-start' : 'center',
         },
         horizontal: {
+            flex: isGrid ? 1 : undefined,
             flexDirection: 'row',
             alignItems: 'center',
             gap: SpacerSize.THREE,
@@ -78,7 +100,7 @@ var CheckboxTile = React.forwardRef(function (_a, ref) {
         }
     };
     if (horizontal) {
-        return (React.createElement(TouchableOpacity, { ref: ref, disabled: disabled, style: styles.horizontal, onPress: function () { return handleClick(); } },
+        return (React.createElement(TouchableOpacity, { testID: testId, ref: ref, disabled: disabled, style: styles.horizontal, onPress: function () { return handleClick(); } },
             sticker && (React.createElement(ViewRN, { style: styles.sticker, onLayout: function (e) { return setStickerHeight(e.nativeEvent.layout.height); } },
                 React.createElement(Sticker, { label: sticker, variant: stickerVariant, className: 'radio-sticker', small: true }))),
             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 })),
@@ -88,10 +110,10 @@ var CheckboxTile = React.forwardRef(function (_a, ref) {
                 } },
                 React.createElement(Icon, { size: IconSize.SMALL, name: icon, color: disabled ? TrilogyColor.DISABLED : TrilogyColor.MAIN }))),
             React.createElement(View, { style: { gap: SpacerSize.ONE, flex: 1 } },
-                label && typeof label.valueOf() === 'string' && (React.createElement(Text, { style: styles.label, level: TextLevels.ONE, typo: TypographyBold.TEXT_WEIGHT_SEMIBOLD }, String(label))),
+                label && typeof label.valueOf() === 'string' ? (React.createElement(Text, { style: styles.label, level: TextLevels.ONE, typo: TypographyBold.TEXT_WEIGHT_SEMIBOLD }, String(label))) : (label),
                 description && typeof description.valueOf() === 'string' ? (React.createElement(Text, { level: TextLevels.TWO, style: styles.tileDescription }, String(description))) : (description))));
     }
-    return (React.createElement(TouchableOpacity, __assign({ ref: ref, disabled: disabled, style: styles.tile, onPress: handleClick }, others),
+    return (React.createElement(TouchableOpacity, __assign({ testID: testId, ref: ref, disabled: disabled, style: styles.tile, onPress: handleClick }, others),
         sticker && (React.createElement(ViewRN, { style: styles.sticker, onLayout: function (e) { return setStickerHeight(e.nativeEvent.layout.height); } },
             React.createElement(Sticker, { label: sticker, variant: stickerVariant, className: 'radio-sticker', small: true }))),
         React.createElement(View, { style: { gap: SpacerSize.TWO } },
@@ -102,9 +124,9 @@ var CheckboxTile = React.forwardRef(function (_a, ref) {
                     justifyContent: 'center',
                 } },
                 React.createElement(Icon, { size: IconSize.SMALL, color: disabled ? TrilogyColor.DISABLED : TrilogyColor.MAIN, name: icon }))),
-            label && typeof label.valueOf() === 'string' && (React.createElement(Text, { level: TextLevels.ONE, typo: [TypographyBold.TEXT_WEIGHT_SEMIBOLD, TypographyAlign.TEXT_CENTERED], style: [styles.label] }, String(label))),
+            label && typeof label.valueOf() === 'string' ? (React.createElement(Text, { level: TextLevels.ONE, typo: [TypographyBold.TEXT_WEIGHT_SEMIBOLD, TypographyAlign.TEXT_CENTERED], style: [styles.label] }, String(label))) : (label),
             description && typeof description.valueOf() === 'string' && (React.createElement(Text, { level: TextLevels.TWO, typo: [TypographyAlign.TEXT_CENTERED] }, String(description))))));
 });
 CheckboxTile.displayName = ComponentName.CheckboxTiles;
 export default CheckboxTile;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQ2hlY2tib3hUaWxlLm5hdGl2ZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL2NvbXBvbmVudHMvY2hlY2tib3gvdGlsZXMvdGlsZS9DaGVja2JveFRpbGUubmF0aXZlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLGtDQUFrQyxDQUFBO0FBQ2hFLE9BQU8sRUFBRSxJQUFJLEVBQUUsUUFBUSxFQUFFLFFBQVEsRUFBRSxNQUFNLG1CQUFtQixDQUFBO0FBQzVELE9BQU8sRUFBRSxVQUFVLEVBQUUsTUFBTSxxQkFBcUIsQ0FBQTtBQUNoRCxPQUFPLEVBQUUsSUFBSSxFQUFFLFVBQVUsRUFBRSxNQUFNLG1CQUFtQixDQUFBO0FBQ3BELE9BQU8sRUFBRSxJQUFJLEVBQUUsTUFBTSxtQkFBbUIsQ0FBQTtBQUN4QyxPQUFPLEVBQUUsYUFBYSxFQUFFLFlBQVksRUFBRSxlQUFlLEVBQUUsY0FBYyxFQUFFLFlBQVksRUFBRSxNQUFNLFdBQVcsQ0FBQTtBQUN0RyxPQUFPLEtBQUssRUFBRSxFQUFFLFFBQVEsRUFBRSxNQUFNLE9BQU8sQ0FBQTtBQUN2QyxPQUFPLEVBQUUsVUFBVSxFQUFFLGdCQUFnQixFQUFFLElBQUksSUFBSSxNQUFNLEVBQUUsTUFBTSxjQUFjLENBQUE7QUFFM0UsT0FBTyxFQUFFLE9BQU8sRUFBRSxNQUFNLHNCQUFzQixDQUFBO0FBRTlDLElBQU0sWUFBWSxHQUFHLEtBQUssQ0FBQyxVQUFVLENBQ25DLFVBQ0UsRUFjQyxFQUNELEdBQUc7SUFkRCxJQUFBLFFBQVEsY0FBQSxFQUNSLE9BQU8sYUFBQSxFQUNQLFFBQVEsY0FBQSxFQUNSLFVBQWtCLEVBQWxCLEVBQUUsbUJBQUcsS0FBSyxDQUFDLEtBQUssRUFBRSxLQUFBLEVBQ2xCLEtBQUssV0FBQSxFQUNMLFFBQVEsY0FBQSxFQUNSLElBQUksVUFBQSxFQUNKLFdBQVcsaUJBQUEsRUFDWCxJQUFJLFVB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
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQ2hlY2tib3hUaWxlLm5hdGl2ZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL2NvbXBvbmVudHMvY2hlY2tib3gvdGlsZXMvdGlsZS9DaGVja2JveFRpbGUubmF0aXZlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLGtDQUFrQyxDQUFBO0FBQ2hFLE9BQU8sRUFBRSxJQUFJLEVBQUUsUUFBUSxFQUFFLFFBQVEsRUFBRSxNQUFNLG1CQUFtQixDQUFBO0FBQzVELE9BQU8sRUFBRSxVQUFVLEVBQUUsTUFBTSxxQkFBcUIsQ0FBQTtBQUNoRCxPQUFPLEVBQUUsT0FBTyxFQUFFLE1BQU0sc0JBQXNCLENBQUE7QUFDOUMsT0FBTyxFQUFFLElBQUksRUFBRSxVQUFVLEVBQUUsTUFBTSxtQkFBbUIsQ0FBQTtBQUNwRCxPQUFPLEVBQUUsSUFBSSxFQUFFLE1BQU0sbUJBQW1CLENBQUE7QUFDeEMsT0FBTyxFQUFFLGFBQWEsRUFBRSxZQUFZLEVBQUUsZUFBZSxFQUFFLGNBQWMsRUFBRSxZQUFZLEVBQUUsTUFBTSxXQUFXLENBQUE7QUFDdEcsT0FBTyxLQUFLLEVBQUUsRUFBRSxVQUFVLEVBQUUsUUFBUSxFQUFFLE1BQU0sT0FBTyxDQUFBO0FBQ25ELE9BQU8sRUFBRSxVQUFVLEVBQUUsZ0JBQWdCLEVBQUUsSUFBSSxJQUFJLE1BQU0sRUFBRSxNQUFNLGNBQWMsQ0FBQTtBQUMzRSxPQUFPLEVBQUUsb0JBQW9CLEVBQUUsTUFBTSxZQUFZLENBQUE7QUFHakQ7Ozs7Ozs7Ozs7Ozs7Ozs7O0dBaUJHO0FBQ0gsSUFBTSxZQUFZLEdBQUcsS0FBSyxDQUFDLFVBQVUsQ0FDbkMsVUFDRSxFQWVDLEVBQ0QsR0FBRztJQWZELElBQUEsUUFBUSxjQUFBLEVBQ1IsT0FBTyxhQUFBLEVBQ1AsUUFBUSxjQUFBLEVBQ1IsVUFBa0IsRUFBbEIsRUFBRSxtQkFBRyxLQUFLLENBQUMsS0FBSyxFQUFF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

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

@@ -1,18 +1,16 @@
-/// <reference types="react" />
 import { TouchableOpacity } from 'react-native';
 import { CheckboxProps } from '../../../../components/checkbox/CheckboxProps';
 import { IconName, IconNameValues } from '../../../../components/icon';
 import { CommonProps } from '../../../../objects/facets/CommonProps';
-import { VariantProps } from '../../../../objects';
-/**
- * Columns Item Interface
- */
-export interface CheckboxTileProps extends CheckboxProps, CommonProps {
+import { Dev, VariantProps } from '../../../../objects';
+import { ReactNode } from 'react';
+export interface CheckboxTileProps extends Omit<CheckboxProps, 'label'>, CommonProps, Dev {
     horizontal?: boolean;
     icon?: IconName | IconNameValues;
     description?: string | React.ReactNode;
     sticker?: string;
     stickerVariant?: VariantProps['variant'];
+    label?: string | ReactNode;
 }
 export type CheckboxTileRef = HTMLDivElement;
 export type CheckboxTileNativeRef = TouchableOpacity;

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

@@ -16,13 +16,17 @@ export default {
       "tri-arrow-left",
       "tri-arrow-right",
       "tri-arrow-up",
+      "tri-arrow-high",
       "tri-bell",
+      "tri-calendar",
       "tri-check-circle",
       "tri-check",
       "tri-exclamation-circle",
       "tri-eye-slash",
       "tri-eye",
+      "tri-file-attached",
       "tri-infos-circle",
+      "tri-micro",
       "tri-search",
       "tri-times",
       "tri-trash",
@@ -34,18 +38,24 @@ export default {
       "tri-picto-payment-mastercard",
       "tri-picto-payment-paypal",
       "tri-picto-payment-visa",
+      "tri-paperclip",
+      "tri-clock",
       "tri-alert",
       "tri-arrow-down",
       "tri-arrow-left",
       "tri-arrow-right",
       "tri-arrow-up",
+      "tri-arrow-high",
       "tri-bell",
+      "tri-calendar",
       "tri-check-circle",
       "tri-check",
       "tri-exclamation-circle",
       "tri-eye-slash",
       "tri-eye",
+      "tri-file-attached",
       "tri-infos-circle",
+      "tri-micro",
       "tri-search",
       "tri-times",
       "tri-trash",
@@ -56,7 +66,9 @@ export default {
       "tri-picto-payment-cb",
       "tri-picto-payment-mastercard",
       "tri-picto-payment-paypal",
-      "tri-picto-payment-visa"
+      "tri-picto-payment-visa",
+      "tri-paperclip",
+      "tri-clock"
     ]
   },
   "description": {
@@ -84,14 +96,28 @@ export default {
     "type": "enum",
     "values": [
       "undefined",
-      "INFO",
       "MAIN",
       "ACCENT",
+      "INFO",
       "MAIN",
       "ACCENT",
       "INFO"
     ]
   },
+  "label": {
+    "type": "react",
+    "values": [
+      "undefined",
+      "null",
+      "string",
+      "number",
+      "false",
+      "true",
+      "JSXElementConstructor<any>>",
+      "ReactNode>",
+      "ReactPortal"
+    ]
+  },
   "id": {
     "type": "string",
     "values": [
@@ -105,5 +131,12 @@ export default {
       "undefined",
       "string"
     ]
+  },
+  "testId": {
+    "type": "string",
+    "values": [
+      "undefined",
+      "string"
+    ]
   }
 };

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

@@ -5,12 +5,11 @@ import { ChipsProps } from './ChipsProps';
  * @param children {string} Chips content
  * @param id {string} Chips id
  * @param onClick {Function} onClick Event for all Chips
- * @param active {boolean} active Render Chips Active
+ * @param active {boolean} Render Chips Active
  * @param disabled {boolean} Disabled chips
- *  * - -------------------------- WEB PROPERTIES -------------------------------
- * @param className {string} Additional CSS Classes
  * @param testId {string} Test Id for Test Integration
- * @param others
+ * - -------------------------- WEB PROPERTIES -------------------------------
+ * @param className {string} Additional CSS Classes
  */
 declare const Chips: React.ForwardRefExoticComponent<ChipsProps & React.RefAttributes<HTMLButtonElement>>;
 export default Chips;

package/lib/components/chips/Chips.js

@@ -10,21 +10,20 @@ import { ComponentName } from '../enumsComponentsName';
  * @param children {string} Chips content
  * @param id {string} Chips id
  * @param onClick {Function} onClick Event for all Chips
- * @param active {boolean} active Render Chips Active
+ * @param active {boolean} Render Chips Active
  * @param disabled {boolean} Disabled chips
- *  * - -------------------------- WEB PROPERTIES -------------------------------
- * @param className {string} Additional CSS Classes
  * @param testId {string} Test Id for Test Integration
- * @param others
+ * - -------------------------- WEB PROPERTIES -------------------------------
+ * @param className {string} Additional CSS Classes
  */
 var Chips = React.forwardRef(function (_a, ref) {
-    var className = _a.className, onClick = _a.onClick, children = _a.children, active = _a.active, disabled = _a.disabled, id = _a.id, others = __rest(_a, ["className", "onClick", "children", "active", "disabled", "id"]);
+    var className = _a.className, onClick = _a.onClick, children = _a.children, active = _a.active, disabled = _a.disabled, id = _a.id, testId = _a.testId, others = __rest(_a, ["className", "onClick", "children", "active", "disabled", "id", "testId"]);
     var styled = useTrilogyContext().styled;
     var classes = hashClass(styled, clsx('chips', active && is('active'), className));
-    return (React.createElement("button", __assign({ ref: ref }, { disabled: disabled }, { "aria-disabled": disabled, id: id, "aria-pressed": !!active, className: classes, onClick: function (e) {
+    return (React.createElement("button", __assign({ "data-testid": testId, ref: ref }, { disabled: disabled }, { "aria-disabled": disabled, id: id, "aria-pressed": !!active, className: classes, onClick: function (e) {
             onClick === null || onClick === void 0 ? void 0 : onClick(e);
         } }, others), children));
 });
 Chips.displayName = ComponentName.Chips;
 export default Chips;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQ2hpcHMuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9jb21wb25lbnRzL2NoaXBzL0NoaXBzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sV0FBVyxDQUFBO0FBQzdDLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSw4QkFBOEIsQ0FBQTtBQUN4RCxPQUFPLEVBQUUsRUFBRSxFQUFFLE1BQU0sWUFBWSxDQUFBO0FBQy9CLE9BQU8sSUFBSSxNQUFNLE1BQU0sQ0FBQTtBQUN2QixPQUFPLEtBQUssTUFBTSxPQUFPLENBQUE7QUFDekIsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLHdCQUF3QixDQUFBO0FBR3REOzs7Ozs7Ozs7OztHQVdHO0FBQ0gsSUFBTSxLQUFLLEdBQUcsS0FBSyxDQUFDLFVBQVUsQ0FDNUIsVUFBQyxFQUFpRSxFQUFFLEdBQUc7SUFBcEUsSUFBQSxTQUFTLGVBQUEsRUFBRSxPQUFPLGFBQUEsRUFBRSxRQUFRLGNBQUEsRUFBRSxNQUFNLFlBQUEsRUFBRSxRQUFRLGNBQUEsRUFBRSxFQUFFLFFBQUEsRUFBSyxNQUFNLGNBQS9ELGdFQUFpRSxDQUFGO0lBQ3RELElBQUEsTUFBTSxHQUFLLGlCQUFpQixFQUFFLE9BQXhCLENBQXdCO0lBQ3RDLElBQU0sT0FBTyxHQUFHLFNBQVMsQ0FBQyxNQUFNLEVBQUUsSUFBSSxDQUFDLE9BQU8sRUFBRSxNQUFNLElBQUksRUFBRSxDQUFDLFFBQVEsQ0FBQyxFQUFFLFNBQVMsQ0FBQyxDQUFDLENBQUE7SUFFbkYsT0FBTyxDQUNMLHlDQUNFLEdBQUcsRUFBRSxHQUFHLElBQ0osRUFBRSxRQUFRLEVBQUUsUUFBUSxFQUFFLHFCQUNYLFFBQVEsRUFDdkIsRUFBRSxFQUFFLEVBQUUsa0JBQ1EsQ0FBQyxDQUFDLE1BQU0sRUFDdEIsU0FBUyxFQUFFLE9BQU8sRUFDbEIsT0FBTyxFQUFFLFVBQUMsQ0FBQztZQUNULE9BQU8sYUFBUCxPQUFPLHVCQUFQLE9BQU8sQ0FBRyxDQUFDLENBQUMsQ0FBQTtRQUNkLENBQUMsSUFDRyxNQUFNLEdBRVQsUUFBUSxDQUNGLENBQ1YsQ0FBQTtBQUNILENBQUMsQ0FDRixDQUFBO0FBRUQsS0FBSyxDQUFDLFdBQVcsR0FBRyxhQUFhLENBQUMsS0FBSyxDQUFBO0FBQ3ZDLGVBQWUsS0FBSyxDQUFBIn0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQ2hpcHMuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9jb21wb25lbnRzL2NoaXBzL0NoaXBzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sV0FBVyxDQUFBO0FBQzdDLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSw4QkFBOEIsQ0FBQTtBQUN4RCxPQUFPLEVBQUUsRUFBRSxFQUFFLE1BQU0sWUFBWSxDQUFBO0FBQy9CLE9BQU8sSUFBSSxNQUFNLE1BQU0sQ0FBQTtBQUN2QixPQUFPLEtBQUssTUFBTSxPQUFPLENBQUE7QUFDekIsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLHdCQUF3QixDQUFBO0FBR3REOzs7Ozs7Ozs7O0dBVUc7QUFDSCxJQUFNLEtBQUssR0FBRyxLQUFLLENBQUMsVUFBVSxDQUM1QixVQUFDLEVBQXlFLEVBQUUsR0FBRztJQUE1RSxJQUFBLFNBQVMsZUFBQSxFQUFFLE9BQU8sYUFBQSxFQUFFLFFBQVEsY0FBQSxFQUFFLE1BQU0sWUFBQSxFQUFFLFFBQVEsY0FBQSxFQUFFLEVBQUUsUUFBQSxFQUFFLE1BQU0sWUFBQSxFQUFLLE1BQU0sY0FBdkUsMEVBQXlFLENBQUY7SUFDOUQsSUFBQSxNQUFNLEdBQUssaUJBQWlCLEVBQUUsT0FBeEIsQ0FBd0I7SUFDdEMsSUFBTSxPQUFPLEdBQUcsU0FBUyxDQUFDLE1BQU0sRUFBRSxJQUFJLENBQUMsT0FBTyxFQUFFLE1BQU0sSUFBSSxFQUFFLENBQUMsUUFBUSxDQUFDLEVBQUUsU0FBUyxDQUFDLENBQUMsQ0FBQTtJQUVuRixPQUFPLENBQ0wsd0RBQ2UsTUFBTSxFQUNuQixHQUFHLEVBQUUsR0FBRyxJQUNKLEVBQUUsUUFBUSxFQUFFLFFBQVEsRUFBRSxxQkFDWCxRQUFRLEVBQ3ZCLEVBQUUsRUFBRSxFQUFFLGtCQUNRLENBQUMsQ0FBQyxNQUFNLEVBQ3RCLFNBQVMsRUFBRSxPQUFPLEVBQ2xCLE9BQU8sRUFBRSxVQUFDLENBQUM7WUFDVCxPQUFPLGFBQVAsT0FBTyx1QkFBUCxPQUFPLENBQUcsQ0FBQyxDQUFDLENBQUE7UUFDZCxDQUFDLElBQ0csTUFBTSxHQUVULFFBQVEsQ0FDRixDQUNWLENBQUE7QUFDSCxDQUFDLENBQ0YsQ0FBQTtBQUVELEtBQUssQ0FBQyxXQUFXLEdBQUcsYUFBYSxDQUFDLEtBQUssQ0FBQTtBQUN2QyxlQUFlLEtBQUssQ0FBQSJ9

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

@@ -8,6 +8,7 @@ import { ChipsProps } from './ChipsProps';
  * @param onClick {Function} onClick Event for all Chips
  * @param active {boolean} active Render Chips Active
  * @param disabled {boolean} Disabled chips
+ * @param testId {string} Test Id for Test Integration
  */
 declare const Chips: React.ForwardRefExoticComponent<ChipsProps & React.RefAttributes<TouchableOpacity>>;
 export default Chips;

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

@@ -14,9 +14,10 @@ import { ChipsContext } from './list/ChipsList.native';
  * @param onClick {Function} onClick Event for all Chips
  * @param active {boolean} active Render Chips Active
  * @param disabled {boolean} Disabled chips
+ * @param testId {string} Test Id for Test Integration
  */
 var Chips = React.forwardRef(function (_a, ref) {
-    var children = _a.children, onClick = _a.onClick, disabled = _a.disabled, active = _a.active, others = __rest(_a, ["children", "onClick", "disabled", "active"]);
+    var children = _a.children, onClick = _a.onClick, disabled = _a.disabled, active = _a.active, testId = _a.testId, others = __rest(_a, ["children", "onClick", "disabled", "active", "testId"]);
     var _b = __read(useState(active || false), 2), activeItem = _b[0], setActiveItem = _b[1];
     var chipsContext = useContext(ChipsContext);
     useEffect(function () {
@@ -33,7 +34,7 @@ var Chips = React.forwardRef(function (_a, ref) {
             paddingTop: 6,
             paddingBottom: 5,
             margin: 6,
-            borderColor: active ? getColorStyle(TrilogyColor.MAIN) : getColorStyle(TrilogyColor.NEUTRAL),
+            borderColor: active ? getColorStyle(TrilogyColor.MAIN) : getColorStyle(TrilogyColor.STROKE),
             borderWidth: 1,
             flexDirection: 'row',
         },
@@ -45,7 +46,7 @@ var Chips = React.forwardRef(function (_a, ref) {
             paddingTop: 1,
         },
     });
-    return (React.createElement(TouchableOpacity, __assign({ ref: ref, disabled: disabled, style: styles.chips, onPress: function (e) {
+    return (React.createElement(TouchableOpacity, __assign({ testID: testId, ref: ref, disabled: disabled, style: styles.chips, onPress: function (e) {
             setActiveItem(active || false);
             if (onClick) {
                 onClick(e);
@@ -58,4 +59,4 @@ var Chips = React.forwardRef(function (_a, ref) {
 });
 Chips.displayName = ComponentName.Chips;
 export default Chips;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQ2hpcHMubmF0aXZlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vY29tcG9uZW50cy9jaGlwcy9DaGlwcy5uYXRpdmUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sa0NBQWtDLENBQUE7QUFDaEUsT0FBTyxFQUFFLE1BQU0sRUFBRSxVQUFVLEVBQUUsTUFBTSxxQkFBcUIsQ0FBQTtBQUN4RCxPQUFPLEVBQUUsSUFBSSxFQUFFLFVBQVUsRUFBRSxNQUFNLG1CQUFtQixDQUFBO0FBQ3BELE9BQU8sRUFBRSxhQUFhLEVBQUUsWUFBWSxFQUFFLE1BQU0sd0JBQXdCLENBQUE7QUFDcEUsT0FBTyxLQUFLLEVBQUUsRUFBRSxVQUFVLEVBQUUsU0FBUyxFQUFFLFFBQVEsRUFBRSxNQUFNLE9BQU8sQ0FBQTtBQUM5RCxPQUFPLEVBQXlCLFVBQVUsRUFBRSxnQkFBZ0IsRUFBRSxNQUFNLGNBQWMsQ0FBQTtBQUNsRixPQUFPLEVBQUUsSUFBSSxFQUFFLFNBQVMsRUFBRSxRQUFRLEVBQUUsUUFBUSxFQUFFLE1BQU0sU0FBUyxDQUFBO0FBRTdELE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSx5QkFBeUIsQ0FBQTtBQUV0RDs7Ozs7OztHQU9HO0FBRUgsSUFBTSxLQUFLLEdBQUcsS0FBSyxDQUFDLFVBQVUsQ0FDNUIsVUFBQyxFQUFrRCxFQUFFLEdBQUc7SUFBckQsSUFBQSxRQUFRLGNBQUEsRUFBRSxPQUFPLGFBQUEsRUFBRSxRQUFRLGNBQUEsRUFBRSxNQUFNLFlBQUEsRUFBSyxNQUFNLGNBQWhELDZDQUFrRCxDQUFGO0lBQ3pDLElBQUEsS0FBQSxPQUE4QixRQUFRLENBQVUsTUFBTSxJQUFJLEtBQUssQ0FBQyxJQUFBLEVBQS9ELFVBQVUsUUFBQSxFQUFFLGFBQWEsUUFBc0MsQ0FBQTtJQUN0RSxJQUFNLFlBQVksR0FBRyxVQUFVLENBQUMsWUFBWSxDQUFDLENBQUE7SUFFN0MsU0FBUyxDQUFDO1FBQ1IsYUFBYSxDQUFDLE1BQU0sSUFBSSxLQUFLLENBQUMsQ0FBQTtJQUNoQyxDQUFDLEVBQUUsQ0FBQyxNQUFNLENBQUMsQ0FBQyxDQUFBO0lBRVosSUFBTSxNQUFNLEdBQUcsVUFBVSxDQUFDLE1BQU0sQ0FBQztRQUMvQixLQUFLLEVBQUU7WUFDTCxlQUFlLEVBQ2IsQ0FBQyxRQUFRLElBQUksYUFBYSxDQUFDLFlBQVksQ0FBQyxZQUFZLENBQUMsQ0FBQztnQkFDdEQsQ0FBQyxVQUFVLElBQUksYUFBYSxDQUFDLFlBQVksQ0FBQyxJQUFJLENBQUMsQ0FBQztnQkFDaEQsYUFBYSxDQUFDLFlBQVksQ0FBQyxVQUFVLENBQUM7WUFDeEMsWUFBWSxFQUFFLEVBQUU7WUFDaEIsV0FBVyxFQUFFLEVBQUU7WUFDZixZQUFZLEVBQUUsRUFBRTtZQUNoQixVQUFVLEVBQUUsQ0FBQztZQUNiLGFBQWEsRUFBRSxDQUFDO1lBQ2hCLE1BQU0sRUFBRSxDQUFDO1lBQ1QsV0FBVyxFQUFFLE1BQU0sQ0FBQyxDQUFDLENBQUMsYUFBYSxDQUFDLFlBQVksQ0FBQyxJQUFJLENBQUMsQ0FBQyxDQUFDLENBQUMsYUFBYSxDQUFDLFlBQVksQ0FBQyxPQUFPLENBQUM7WUFDNUYsV0FBVyxFQUFFLENBQUM7WUFDZCxhQUFhLEVBQUUsS0FBSztTQUNyQjtRQUNELElBQUksRUFBRTtZQUNKLFNBQVMsRUFBRSxRQUFRO1lBQ25CLEtBQUssRUFDSCxDQUFDLFFBQVEsSUFBSSxhQUFhLENBQUMsWUFBWSxDQUFDLFFBQVEsQ0FBQyxDQUFDO2dCQUNsRCxDQUFDLE1BQU0sSUFBSSxhQUFhLENBQUMsWUFBWSxDQUFDLFVBQVUsQ0FBQyxDQUFDO2dCQUNsRCxhQUFhLENBQUMsWUFBWSxDQUFDLElBQUksQ0FBQztZQUNsQyxVQUFVLEVBQUUsQ0FBQztTQUNkO0tBQ0YsQ0FBQyxDQUFBO0lBRUYsT0FBTyxDQUNMLG9CQUFDLGdCQUFnQixhQUNmLEdBQUcsRUFBRSxHQUFHLEVBQ1IsUUFBUSxFQUFFLFFBQVEsRUFDbEIsS0FBSyxFQUFFLE1BQU0sQ0FBQyxLQUFLLEVBQ25CLE9BQU8sRUFBRSxVQUFDLENBQXlCO1lBQ2pDLGFBQWEsQ0FBQyxNQUFNLElBQUksS0FBSyxDQUFDLENBQUE7WUFDOUIsSUFBSSxPQUFPLEVBQUU7Z0JBQ1gsT0FBTyxDQUFDLENBQUMsQ0FBQyxDQUFBO2FBQ1g7UUFDSCxDQUFDLElBQ0csTUFBTTtRQUVULFlBQVksQ0FBQyxVQUFVLElBQUksTUFBTSxJQUFJLENBQ3BDO1lBQ0Usb0JBQUMsSUFBSSxJQUFDLElBQUksRUFBRSxRQUFRLENBQUMsT0FBTyxFQUFFLEtBQUssRUFBRSxTQUFTLENBQUMsS0FBSyxFQUFFLElBQUksRUFBRSxRQUFRLENBQUMsS0FBSyxHQUFJO1lBQzlFLG9CQUFDLE1BQU0sSUFBQyxVQUFVLFFBQUMsSUFBSSxFQUFFLFVBQVUsQ0FBQyxHQUFHLEdBQUksQ0FDMUMsQ0FDSjtRQUNELG9CQUFDLElBQUksSUFBQyxLQUFLLEVBQUUsVUFBVSxDQUFDLEdBQUcsRUFBRSxLQUFLLEVBQUUsTUFBTSxDQUFDLElBQUksSUFDNUMsUUFBUSxDQUNKLENBQ1UsQ0FDcEIsQ0FBQTtBQUNILENBQUMsQ0FDRixDQUFBO0FBRUQsS0FBSyxDQUFDLFdBQVcsR0FBRyxhQUFhLENBQUMsS0FBSyxDQUFBO0FBQ3ZDLGVBQWUsS0FBSyxDQUFBIn0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQ2hpcHMubmF0aXZlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vY29tcG9uZW50cy9jaGlwcy9DaGlwcy5uYXRpdmUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sa0NBQWtDLENBQUE7QUFDaEUsT0FBTyxFQUFFLE1BQU0sRUFBRSxVQUFVLEVBQUUsTUFBTSxxQkFBcUIsQ0FBQTtBQUN4RCxPQUFPLEVBQUUsSUFBSSxFQUFFLFVBQVUsRUFBRSxNQUFNLG1CQUFtQixDQUFBO0FBQ3BELE9BQU8sRUFBRSxhQUFhLEVBQUUsWUFBWSxFQUFFLE1BQU0sd0JBQXdCLENBQUE7QUFDcEUsT0FBTyxLQUFLLEVBQUUsRUFBRSxVQUFVLEVBQUUsU0FBUyxFQUFFLFFBQVEsRUFBRSxNQUFNLE9BQU8sQ0FBQTtBQUM5RCxPQUFPLEVBQXlCLFVBQVUsRUFBRSxnQkFBZ0IsRUFBRSxNQUFNLGNBQWMsQ0FBQTtBQUNsRixPQUFPLEVBQUUsSUFBSSxFQUFFLFNBQVMsRUFBRSxRQUFRLEVBQUUsUUFBUSxFQUFFLE1BQU0sU0FBUyxDQUFBO0FBRTdELE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSx5QkFBeUIsQ0FBQTtBQUV0RDs7Ozs7Ozs7R0FRRztBQUNILElBQU0sS0FBSyxHQUFHLEtBQUssQ0FBQyxVQUFVLENBQzVCLFVBQUMsRUFBMEQsRUFBRSxHQUFHO0lBQTdELElBQUEsUUFBUSxjQUFBLEVBQUUsT0FBTyxhQUFBLEVBQUUsUUFBUSxjQUFBLEVBQUUsTUFBTSxZQUFBLEVBQUUsTUFBTSxZQUFBLEVBQUssTUFBTSxjQUF4RCx1REFBMEQsQ0FBRjtJQUNqRCxJQUFBLEtBQUEsT0FBOEIsUUFBUSxDQUFVLE1BQU0sSUFBSSxLQUFLLENBQUMsSUFBQSxFQUEvRCxVQUFVLFFBQUEsRUFBRSxhQUFhLFFBQXNDLENBQUE7SUFDdEUsSUFBTSxZQUFZLEdBQUcsVUFBVSxDQUFDLFlBQVksQ0FBQyxD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

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

@@ -2,12 +2,14 @@ import * as React from 'react';
 import { ChipsListProps } from './ChipsListProps';
 /**
  * ChipsList Component - Container for Chips
- * @param className
- * @param id
+ * @param id {string} Custom id attribute
  * @param children {React.ReactNode}
  * @param multiple {boolean} Selection Multiple With checked icon
  * @param scrollable {boolean} If multiple Chips make scrollable List
- * @param others
+ * @param testId {string} Test Id for Test Integration
+ * - -------------------------- WEB PROPERTIES -------------------------------
+ * @param className {string} Additional CSS Classes
+ * @param accessibilityLabelledBy {string} Accessibility label id for ChipsList
  */
 declare const ChipsList: React.ForwardRefExoticComponent<ChipsListProps & React.RefAttributes<HTMLDivElement>>;
 export default ChipsList;

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

@@ -7,19 +7,21 @@ import clsx from 'clsx';
 import * as React from 'react';
 /**
  * ChipsList Component - Container for Chips
- * @param className
- * @param id
+ * @param id {string} Custom id attribute
  * @param children {React.ReactNode}
  * @param multiple {boolean} Selection Multiple With checked icon
  * @param scrollable {boolean} If multiple Chips make scrollable List
- * @param others
+ * @param testId {string} Test Id for Test Integration
+ * - -------------------------- WEB PROPERTIES -------------------------------
+ * @param className {string} Additional CSS Classes
+ * @param accessibilityLabelledBy {string} Accessibility label id for ChipsList
  */
 var ChipsList = React.forwardRef(function (_a, ref) {
-    var className = _a.className, id = _a.id, children = _a.children, multiple = _a.multiple, scrollable = _a.scrollable, accessibilityLabelledBy = _a.accessibilityLabelledBy, others = __rest(_a, ["className", "id", "children", "multiple", "scrollable", "accessibilityLabelledBy"]);
+    var className = _a.className, id = _a.id, children = _a.children, multiple = _a.multiple, scrollable = _a.scrollable, accessibilityLabelledBy = _a.accessibilityLabelledBy, testId = _a.testId, others = __rest(_a, ["className", "id", "children", "multiple", "scrollable", "accessibilityLabelledBy", "testId"]);
     var styled = useTrilogyContext().styled;
     var classes = hashClass(styled, clsx('chips-list', multiple && is('multiple'), scrollable && is('scrollable'), className));
-    return (React.createElement("div", __assign({ ref: ref, id: id, role: 'group', "aria-labelledby": accessibilityLabelledBy, className: classes }, others), children));
+    return (React.createElement("div", __assign({ ref: ref, id: id, role: 'group', "aria-labelledby": accessibilityLabelledBy, className: classes, "data-testid": testId }, others), children));
 });
 ChipsList.displayName = ComponentName.ChipsList;
 export default ChipsList;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQ2hpcHNMaXN0LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vY29tcG9uZW50cy9jaGlwcy9saXN0L0NoaXBzTGlzdC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUFBLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxrQ0FBa0MsQ0FBQTtBQUNoRSxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxXQUFXLENBQUE7QUFDN0MsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLDhCQUE4QixDQUFBO0FBQ3hELE9BQU8sRUFBRSxFQUFFLEVBQUUsTUFBTSxxQkFBcUIsQ0FBQTtBQUN4QyxPQUFPLElBQUksTUFBTSxNQUFNLENBQUE7QUFDdkIsT0FBTyxLQUFLLEtBQUssTUFBTSxPQUFPLENBQUE7QUFHOUI7Ozs7Ozs7O0dBUUc7QUFDSCxJQUFNLFNBQVMsR0FBRyxLQUFLLENBQUMsVUFBVSxDQUNoQyxVQUFDLEVBQXFGLEVBQUUsR0FBRztJQUF4RixJQUFBLFNBQVMsZUFBQSxFQUFFLEVBQUUsUUFBQSxFQUFFLFFBQVEsY0FBQSxFQUFFLFFBQVEsY0FBQSxFQUFFLFVBQVUsZ0JBQUEsRUFBRSx1QkFBdUIsNkJBQUEsRUFBSyxNQUFNLGNBQW5GLG9GQUFxRixDQUFGO0lBQzFFLElBQUEsTUFBTSxHQUFLLGlCQUFpQixFQUFFLE9BQXhCLENBQXdCO0lBRXRDLElBQU0sT0FBTyxHQUFHLFNBQVMsQ0FDdkIsTUFBTSxFQUNOLElBQUksQ0FBQyxZQUFZLEVBQUUsUUFBUSxJQUFJLEVBQUUsQ0FBQyxVQUFVLENBQUMsRUFBRSxVQUFVLElBQUksRUFBRSxDQUFDLFlBQVksQ0FBQyxFQUFFLFNBQVMsQ0FBQyxDQUMxRixDQUFBO0lBRUQsT0FBTyxDQUNMLHNDQUFLLEdBQUcsRUFBRSxHQUFHLEVBQUUsRUFBRSxFQUFFLEVBQUUsRUFBRSxJQUFJLEVBQUMsT0FBTyxxQkFBa0IsdUJBQXVCLEVBQUUsU0FBUyxFQUFFLE9BQU8sSUFBTSxNQUFNLEdBQ3pHLFFBQVEsQ0FDTCxDQUNQLENBQUE7QUFDSCxDQUFDLENBQ0YsQ0FBQTtBQUVELFNBQVMsQ0FBQyxXQUFXLEdBQUcsYUFBYSxDQUFDLFNBQVMsQ0FBQTtBQUMvQyxlQUFlLFNBQVMsQ0FBQSJ9
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQ2hpcHNMaXN0LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vY29tcG9uZW50cy9jaGlwcy9saXN0L0NoaXBzTGlzdC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUFBLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxrQ0FBa0MsQ0FBQTtBQUNoRSxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxXQUFXLENBQUE7QUFDN0MsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLDhCQUE4QixDQUFBO0FBQ3hELE9BQU8sRUFBRSxFQUFFLEVBQUUsTUFBTSxxQkFBcUIsQ0FBQTtBQUN4QyxPQUFPLElBQUksTUFBTSxNQUFNLENBQUE7QUFDdkIsT0FBTyxLQUFLLEtBQUssTUFBTSxPQUFPLENBQUE7QUFHOUI7Ozs7Ozs7Ozs7R0FVRztBQUNILElBQU0sU0FBUyxHQUFHLEtBQUssQ0FBQyxVQUFVLENBQ2hDLFVBQUMsRUFBNkYsRUFBRSxHQUFHO0lBQWhHLElBQUEsU0FBUyxlQUFBLEVBQUUsRUFBRSxRQUFBLEVBQUUsUUFBUSxjQUFBLEVBQUUsUUFBUSxjQUFBLEVBQUUsVUFBVSxnQkFBQSxFQUFFLHVCQUF1Qiw2QkFBQSxFQUFFLE1BQU0sWUFBQSxFQUFLLE1BQU0sY0FBM0YsOEZBQTZGLENBQUY7SUFDbEYsSUFBQSxNQUFNLEdBQUssaUJBQWlCLEVBQUUsT0FBeEIsQ0FBd0I7SUFFdEMsSUFBTSxPQUFPLEdBQUcsU0FBUyxDQUN2QixNQUFNLEVBQ04sSUFBSSxDQUFDLFlBQVksRUFBRSxRQUFRLElBQUksRUFBRSxDQUFDLFVBQVUsQ0FBQyxFQUFFLFVBQVUsSUFBSSxFQUFFLENBQUMsWUFBWSxDQUFDLEVBQUUsU0FBUyxDQUFDLENBQzFGLENBQUE7SUFFRCxPQUFPLENBQ0wsc0NBQUssR0FBRyxFQUFFLEdBQUcsRUFBRSxFQUFFLEVBQUUsRUFBRSxFQUFFLElBQUksRUFBQyxPQUFPLHFCQUFrQix1QkFBdUIsRUFBRSxTQUFTLEVBQUUsT0FBTyxpQkFBZSxNQUFNLElBQU0sTUFBTSxHQUM5SCxRQUFRLENBQ0wsQ0FDUCxDQUFBO0FBQ0gsQ0FBQyxDQUNGLENBQUE7QUFFRCxTQUFTLENBQUMsV0FBVyxHQUFHLGFBQWEsQ0FBQyxTQUFTLENBQUE7QUFDL0MsZUFBZSxTQUFTLENBQUEifQ==

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

@@ -5,9 +5,11 @@ export declare const ChipsContext: React.Context<{
 }>;
 /**
  * ChipsList Component - Container for Chips
+ * @param id {string} Custom id attribute
  * @param children {React.ReactNode}
  * @param multiple {boolean} Selection Multiple With checked icon
  * @param scrollable {boolean} If multiple Chips make scrollable List
+ * @param testId {string} Test Id for Test Integration
  */
 declare const ChipsList: React.ForwardRefExoticComponent<ChipsListProps & React.RefAttributes<ChipsListNativeRef>>;
 export default ChipsList;