@trilogy-ds/react 4.17.0 → 4.18.1

package/lib/components/flex-box/FlexBox.js

@@ -63,17 +63,22 @@ var getJustifyClassName = function (justifyContent) {
 };
 /**
  * @beta
- * FlexBox component
- * @param children {React.ReactNode} Box child
- * @param className {string} Additional css classes
- * @param id {string} Id attribute
- * @param gap {number | { mobile?: number; tablet?: number; desktop?: number }} Gap between children
- * @param direction { 'row' | 'column' | 'row-reverse' | 'column-reverse' | { mobile?: 'row' | 'column' | 'row-reverse' | 'column-reverse'; tablet?: 'row' | 'column' | 'row-reverse' | 'column-reverse'; desktop?: 'row' | 'column' | 'row-reverse' | 'column-reverse' } } Flex direction
- * @param align { 'start' | 'end' | 'center' | 'stretch' | 'baseline' | { mobile?: 'start' | 'end' | 'center' | 'stretch' | 'baseline'; tablet?: 'start' | 'end' | 'center' | 'stretch' | 'baseline'; desktop?: 'start' | 'end' | 'center' | 'stretch' | 'baseline' } } Align items
- * @param justify { 'start' | 'end' | 'center' | 'between' | 'around' | 'evenly' | { mobile?: 'start' | 'end' | 'center' | 'between' | 'around' | 'evenly'; tablet?: 'start' | 'end' | 'center' | 'between' | 'around' | 'evenly'; desktop?: 'start' | 'end' | 'center' | 'between' | 'around' | 'evenly' } } Justify content
- * @param wrap { boolean | { mobile?: boolean; tablet?: boolean; desktop?: boolean; widescreen?: boolean; fullhd?: boolean } } Wrap content
- * @param scrollable {boolean} scrollable mode (overflow-x: auto)
+ * FlexBox Component - Flexible box layout container
+ * @param children {React.ReactNode} FlexBox child elements
+ * @param gap {number | { mobile?: number; tablet?: number; desktop?: number }} Gap between children (supports responsive values)
+ * @param direction { 'row' | 'column' | 'row-reverse' | 'column-reverse' | { mobile?: ...; tablet?: ...; desktop?: ... } } Flex direction (supports responsive values)
+ * @param align { 'start' | 'end' | 'center' | 'stretch' | 'baseline' | { mobile?: ...; tablet?: ...; desktop?: ... } } Align items (supports responsive values)
+ * @param justify { 'start' | 'end' | 'center' | 'between' | 'around' | 'evenly' | { mobile?: ...; tablet?: ...; desktop?: ... } } Justify content (supports responsive values)
+ * @param scrollable {boolean} Enable horizontal scrolling (overflow-x: auto)
  * @param fullheight {boolean} Full height (height: 100%)
+ * @param testId {string} Test Id for Test Integration
+ * @param id {string} Custom id attribute
+ * - -------------------------- WEB PROPERTIES -------------------------------
+ * @param mobile {boolean} Apply mobile-specific layout class
+ * @param className {string} Additional CSS Classes
+ * @param wrap { boolean | { mobile?: boolean; tablet?: boolean; desktop?: boolean } } Wrap flex content (supports responsive values)
+ * - -------------------------- NATIVE PROPERTIES -------------------------------
+ * @param fullBleed {boolean} Extend to full screen width (ignores container padding)
  */
 var FlexBox = React.forwardRef(function (_a, ref) {
     var className = _a.className, id = _a.id, gap = _a.gap, direction = _a.direction, align = _a.align, justify = _a.justify, wrap = _a.wrap, scrollable = _a.scrollable, fullheight = _a.fullheight, mobile = _a.mobile, testId = _a.testId, others = __rest(_a, ["className", "id", "gap", "direction", "align", "justify", "wrap", "scrollable", "fullheight", "mobile", "testId"]);
@@ -91,4 +96,4 @@ var FlexBox = React.forwardRef(function (_a, ref) {
 });
 FlexBox.displayName = ComponentName.FlexBox;
 export default FlexBox;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiRmxleEJveC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL2NvbXBvbmVudHMvZmxleC1ib3gvRmxleEJveC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUFBLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxrQ0FBa0MsQ0FBQTtBQUNoRSxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxXQUFXLENBQUE7QUFDN0MsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLDhCQUE4QixDQUFBO0FBQ3hELE9BQU8sRUFBUyxpQkFBaUIsRUFBRSxNQUFNLDRCQUE0QixDQUFBO0FBRXJFLE9BQU8sRUFBRSxHQUFHLEVBQUUsRUFBRSxFQUFFLE1BQU0sWUFBWSxDQUFBO0FBQ3BDLE9BQU8sSUFBSSxNQUFNLE1BQU0sQ0FBQTtBQUN2QixPQUFPLEtBQUssTUFBTSxPQUFPLENBQUE7QUF5QnpCLElBQU0sa0JBQWtCLEdBQUcsVUFBQyxFQUFpRDtRQUEvQyxLQUFLLFdBQUEsRUFBRSxZQUFZLGtCQUFBO0lBQy9DLElBQUksQ0FBQyxLQUFLO1FBQUUsT0FBTyxFQUFFLENBQUE7SUFFckIsSUFBSSxPQUFPLEtBQUssS0FBSyxRQUFRLElBQUksT0FBTyxLQUFLLEtBQUssUUFBUSxFQUFFO1FBQzFELE9BQU8sQ0FBQyxZQUFZLENBQUMsS0FBSyxDQUFDLENBQUMsQ0FBQTtLQUM3QjtJQUVELElBQUksT0FBTyxLQUFLLEtBQUssUUFBUSxFQUFFO1FBQzdCLElBQU0sV0FBVyxHQUFHLENBQUMsUUFBUSxFQUFFLFFBQVEsRUFBRSxTQUFTLEVBQUUsWUFBWSxFQUFFLFFBQVEsQ0FBVSxDQUFBO1FBQ3BGLE9BQU8sV0FBVzthQUNmLE1BQU0sQ0FBQyxVQUFDLEdBQUcsSUFBSyxPQUFBLEdBQUcsSUFBSSxLQUFLLElBQUssS0FBNkMsQ0FBQyxHQUFHLENBQUMsS0FBSyxTQUFTLEVBQWpGLENBQWlGLENBQUM7YUFDbEcsR0FBRyxDQUFDLFVBQUMsR0FBRyxJQUFL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
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiRmxleEJveC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL2NvbXBvbmVudHMvZmxleC1ib3gvRmxleEJveC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUFBLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxrQ0FBa0MsQ0FBQTtBQUNoRSxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxXQUFXLENBQUE7QUFDN0MsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLDhCQUE4QixDQUFBO0FBQ3hELE9BQU8sRUFBUyxpQkFBaUIsRUFBRSxNQUFNLDRCQUE0QixDQUFBO0FBRXJFLE9BQU8sRUFBRSxHQUFHLEVBQUUsRUFBRSxFQUFFLE1BQU0sWUFBWSxDQUFBO0FBQ3BDLE9BQU8sSUFBSSxNQUFNLE1BQU0sQ0FBQTtBQUN2QixPQUFPLEtBQUssTUFBTSxPQUFPLENBQUE7QUF5QnpCLElBQU0sa0JBQWtCLEdBQUcsVUFBQyxFQUFpRDtRQUEvQyxLQUFLLFdBQUEsRUFBRSxZQUFZLGtCQUFBO0lBQy9DLElBQUksQ0FBQyxLQUFLO1FBQUUsT0FBTyxFQUFFLENBQUE7SUFFckIsSUFBSSxPQUFPLEtBQUssS0FBSyxRQUFRLElBQUksT0FBTyxLQUFLLEtBQUssUUFBUSxFQUFFO1FBQzFELE9BQU8sQ0FBQyxZQUFZLENBQUMsS0FBSyxDQUFDLENBQUMsQ0FBQTtLQUM3QjtJQUVELElBQUksT0FBTyxLQUFLLEtBQUssUUFBUSxFQUFFO1FBQzdCLElBQU0sV0FBVyxHQUFHLENBQUMsUUFBUSxFQUFFLFFBQVEsRUFBRSxTQUFTLEVBQUUsWUFBWSxFQUFFLFFBQVEsQ0FBVSxDQUFBO1FBQ3BGLE9BQU8sV0FBVzthQUNmLE1BQU0sQ0FBQyxVQUFDLEdBQUcsSUFBSyxPQUFBLEdBQUcsSUFBSSxLQUFLLElBQUssS0FBNkMsQ0FBQyxHQUFHLENBQUMsS0FBSyxTQUFTLEVBQWpGLENBQWlGLENBQUM7YUFDbEcsR0FBRyxDQUFDLFVBQUMsR0FBRyxJQUFL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

package/lib/components/flex-box/FlexBox.native.d.ts

@@ -1,5 +1,19 @@
 import React from 'react';
 import { View } from 'react-native';
 import { FlexBoxProps } from './FlexBoxProps';
+/**
+ * @beta
+ * FlexBox Component - Flexible box layout container
+ * @param children {React.ReactNode} FlexBox child elements
+ * @param gap {number | { mobile?: number; tablet?: number; desktop?: number }} Gap between children (supports responsive values)
+ * @param direction { 'row' | 'column' | 'row-reverse' | 'column-reverse' | { mobile?: ...; tablet?: ...; desktop?: ... } } Flex direction (supports responsive values)
+ * @param align { 'start' | 'end' | 'center' | 'stretch' | 'baseline' | { mobile?: ...; tablet?: ...; desktop?: ... } } Align items (supports responsive values)
+ * @param justify { 'start' | 'end' | 'center' | 'between' | 'around' | 'evenly' | { mobile?: ...; tablet?: ...; desktop?: ... } } Justify content (supports responsive values)
+ * @param scrollable {boolean} Enable horizontal scrolling (overflow-x: auto)
+ * @param fullheight {boolean} Full height (height: 100%)
+ * @param testId {string} Test Id for Test Integration
+ * @param id {string} Custom id attribute
+ * @param fullBleed {boolean} Extend to full screen width (ignores container padding)
+ */
 declare const FlexBox: React.ForwardRefExoticComponent<FlexBoxProps & React.RefAttributes<View>>;
 export default FlexBox;

package/lib/components/flex-box/FlexBox.native.js

@@ -6,8 +6,22 @@ import React, { useState } from 'react';
 import { Dimensions, ScrollView, StyleSheet, View } from 'react-native';
 import { ColumnsGapValue } from '../columns';
 import { FlexBoxContext } from './context';
+/**
+ * @beta
+ * FlexBox Component - Flexible box layout container
+ * @param children {React.ReactNode} FlexBox child elements
+ * @param gap {number | { mobile?: number; tablet?: number; desktop?: number }} Gap between children (supports responsive values)
+ * @param direction { 'row' | 'column' | 'row-reverse' | 'column-reverse' | { mobile?: ...; tablet?: ...; desktop?: ... } } Flex direction (supports responsive values)
+ * @param align { 'start' | 'end' | 'center' | 'stretch' | 'baseline' | { mobile?: ...; tablet?: ...; desktop?: ... } } Align items (supports responsive values)
+ * @param justify { 'start' | 'end' | 'center' | 'between' | 'around' | 'evenly' | { mobile?: ...; tablet?: ...; desktop?: ... } } Justify content (supports responsive values)
+ * @param scrollable {boolean} Enable horizontal scrolling (overflow-x: auto)
+ * @param fullheight {boolean} Full height (height: 100%)
+ * @param testId {string} Test Id for Test Integration
+ * @param id {string} Custom id attribute
+ * @param fullBleed {boolean} Extend to full screen width (ignores container padding)
+ */
 var FlexBox = React.forwardRef(function (_a, ref) {
-    var id = _a.id, gap = _a.gap, _b = _a.direction, direction = _b === void 0 ? 'row' : _b, align = _a.align, justify = _a.justify, scrollable = _a.scrollable, fullBleed = _a.fullBleed, children = _a.children, fullheight = _a.fullheight, others = __rest(_a, ["id", "gap", "direction", "align", "justify", "scrollable", "fullBleed", "children", "fullheight"]);
+    var id = _a.id, gap = _a.gap, _b = _a.direction, direction = _b === void 0 ? 'row' : _b, align = _a.align, justify = _a.justify, scrollable = _a.scrollable, fullBleed = _a.fullBleed, children = _a.children, fullheight = _a.fullheight, testId = _a.testId, others = __rest(_a, ["id", "gap", "direction", "align", "justify", "scrollable", "fullBleed", "children", "fullheight", "testId"]);
     var _c = __read(useState(0), 2), width = _c[0], setWidth = _c[1];
     var _d = __read(useState(0), 2), enlarge = _d[0], setEnlarge = _d[1];
     var isValueDirection = typeof direction === 'string';
@@ -47,12 +61,12 @@ var FlexBox = React.forwardRef(function (_a, ref) {
             scrollable: scrollable || false,
             childrenLength: React.Children.count(children),
         } },
-        !scrollable && (React.createElement(View, __assign({ id: id, ref: ref, onLayout: onLayoutHandler, style: [styles.columns] }, others), children)),
-        scrollable && (React.createElement(View, { id: id, onLayout: onLayoutHandler, style: {
+        !scrollable && (React.createElement(View, __assign({ testID: testId, id: id, ref: ref, onLayout: onLayoutHandler, style: [styles.columns] }, others), children)),
+        scrollable && (React.createElement(View, { testID: testId, id: id, onLayout: onLayoutHandler, style: {
                 marginHorizontal: -enlarge,
             } },
             React.createElement(ScrollView, { horizontal: true, contentContainerStyle: styles.columnsScrollable, showsHorizontalScrollIndicator: false }, children)))));
 });
 FlexBox.displayName = ComponentName.FlexBox;
 export default FlexBox;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiRmxleEJveC5uYXRpdmUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9jb21wb25lbnRzL2ZsZXgtYm94L0ZsZXhCb3gubmF0aXZlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLGtDQUFrQyxDQUFBO0FBQ2hFLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSw0QkFBNEIsQ0FBQTtBQUMxRCxPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0sOEJBQThCLENBQUE7QUFDOUQsT0FBTyxLQUFLLEVBQUUsRUFBRSxRQUFRLEVBQUUsTUFBTSxPQUFPLENBQUE7QUFDdkMsT0FBTyxFQUFFLFVBQVUsRUFBcUIsVUFBVSxFQUFFLFVBQVUsRUFBRSxJQUFJLEVBQUUsTUFBTSxjQUFjLENBQUE7QUFDMUYsT0FBTyxFQUFFLGVBQWUsRUFBRSxNQUFNLFlBQVksQ0FBQTtBQUU1QyxPQUFPLEVBQUUsY0FBYyxFQUFFLE1BQU0sV0FBVyxDQUFBO0FBRTFDLElBQU0sT0FBTyxHQUFHLEtBQUssQ0FBQyxVQUFVLENBQzlCLFVBQUMsRUFBc0csRUFBRSxHQUFHO0lBQXpHLElBQUEsRUFBRSxRQUFBLEVBQUUsR0FBRyxTQUFBLEVBQUUsaUJBQWlCLEVBQWpCLFNBQVMsbUJBQUcsS0FBSyxLQUFBLEVBQUUsS0FBSyxXQUFBLEVBQUUsT0FBTyxhQUFBLEVBQUUsVUFBVSxnQkFBQSxFQUFFLFNBQVMsZUFBQSxFQUFFLFFBQVEsY0FBQSxFQUFFLFVBQVUsZ0JBQUEsRUFBSyxNQUFNLGNBQXBHLG1HQUFzRyxDQUFGO0lBQzdGLElBQUEsS0FBQSxPQUFvQixRQUFRLENBQUMsQ0FBQyxDQUFDLElBQUEsRUFBOUIsS0FBSyxRQUFBLEVBQUUsUUFBUSxRQUFlLENBQUE7SUFDL0IsSUFBQSxLQUFBLE9BQXdCLFFBQVEsQ0FBQyxDQUFDLENBQUMsSUFBQSxFQUFsQyxPQUFPLFFBQUEsRUFBRSxVQUFVLFFBQWUsQ0FBQTtJ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
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiRmxleEJveC5uYXRpdmUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9jb21wb25lbnRzL2ZsZXgtYm94L0ZsZXhCb3gubmF0aXZlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLGtDQUFrQyxDQUFBO0FBQ2hFLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSw0QkFBNEIsQ0FBQTtBQUMxRCxPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0sOEJBQThCLENBQUE7QUFDOUQsT0FBTyxLQUFLLEVBQUUsRUFBRSxRQUFRLEVBQUUsTUFBTSxPQUFPLENBQUE7QUFDdkMsT0FBTyxFQUFFLFVBQVUsRUFBcUIsVUFBVSxFQUFFLFVBQVUsRUFBRSxJQUFJLEVBQUUsTUFBTSxjQUFjLENBQUE7QUFDMUYsT0FBTyxFQUFFLGVBQWUsRUFBRSxNQUFNLFlBQVksQ0FBQTtBQUU1QyxPQUFPLEVBQUUsY0FBYyxFQUFFLE1BQU0sV0FBVyxDQUFBO0FBRTFDOzs7Ozs7Ozs7Ozs7O0dBYUc7QUFDSCxJQUFNLE9BQU8sR0FBRyxLQUFLLENBQUMsVUFBVSxDQUM5QixVQUFDLEVBQThHLEVBQUUsR0FBRztJQUFqSCxJQUFBLEVBQUUsUUFBQSxFQUFFLEdBQUcsU0FBQSxFQUFFLGlCQUFpQixFQUFqQixTQUFTLG1CQUFHLEtBQUssS0FBQSxFQUFFLEtBQUssV0FBQSxFQUFFLE9BQU8sYUFBQSxFQUFFLFVBQVUsZ0JBQUEsRUFBRSxTQUFTLGVBQUEsRUFBRSxRQUFRLGNBQUEsRUFBRSxVQUFVLGdCQUFBLEVBQUUsTUFBTSxZQUFBLEVBQUssTUFBTSxjQUE1Ryw2R0FBOEcsQ0FBRjtJQUNyRyxJQUFBLEtBQUEsT0FBb0IsUUFBUSxDQUFDLENBQUMsQ0FBQyxJQUFBLEVBQTlCLEtBQUssUUFBQSxFQUFFLFFBQVEsUUFBZSxDQUFBO0lBQy9CLElBQUEsS0FBQSxPQUF3QixRQUFRLENBQUMsQ0FBQyxDQUFDLElBQUEs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

package/lib/components/flex-box/flex-item/FlexItem.d.ts

@@ -3,26 +3,13 @@ import { FlexItemProps } from '../../../components/flex-box/flex-item/FlexItemPr
 /**
  * FlexItem Component - FlexBox Child
  * @param size {FlexItemSize} Size 1-12
- * @param verticalCentered {boolean} Vertical center item
- * @param centered {boolean} center item
  * @param children {React.ReactNode}
- * - -------------------------- WEB PROPERTIES -------------------------------
+ * @param testId {string} Test Id for Test Integration
+ * @param id {string} Custom id attribute
  * @param narrow {boolean} Narrow item
+ * @param verticalAlign { 'start' | 'end' | 'center' | 'stretch' | 'baseline' } Vertical alignment of the item
+ * - -------------------------- WEB PROPERTIES -------------------------------
  * @param className {string} Additional CSS Classes
- * @param mobileSize {FlexItemSize} Apply => is-size-mobile
- * @param tabletSize {FlexItemSize} Apply => is-size-tablet
- * @param touchSize {FlexItemSize} Apply => is-size-touch
- * @param desktopSize {FlexItemSize} Apply => is-size-desktop
- * @param widescreenSize {FlexItemSize} Apply => is-size-widescreen
- * @param fullhdSize {FlexItemSize} Apply => is-size-fullhd
- * @param offset {FlexItemSize} Apply => is-offset
- * @param mobileOffset {FlexItemSize} Apply => is-offset-mobile
- * @param tabletOffset {FlexItemSize} Apply => is-offset-tablet
- * @param touchOffset {FlexItemSize} Apply => is-offset-touch
- * @param desktopOffset {FlexItemSize} Apply => is-offset-desktop
- * @param widescreenOffset {FlexItemSize} Apply => is-offset-widescreen
- * @param fullhdOffset {FlexItemSize} Apply => is-offset-fullhd
- * @param align { Alignable | AlignableValues} align content
  */
 declare const FlexItem: React.ForwardRefExoticComponent<FlexItemProps & React.RefAttributes<HTMLDivElement>>;
 export default FlexItem;

package/lib/components/flex-box/flex-item/FlexItem.js

@@ -9,26 +9,13 @@ import React from 'react';
 /**
  * FlexItem Component - FlexBox Child
  * @param size {FlexItemSize} Size 1-12
- * @param verticalCentered {boolean} Vertical center item
- * @param centered {boolean} center item
  * @param children {React.ReactNode}
- * - -------------------------- WEB PROPERTIES -------------------------------
+ * @param testId {string} Test Id for Test Integration
+ * @param id {string} Custom id attribute
  * @param narrow {boolean} Narrow item
+ * @param verticalAlign { 'start' | 'end' | 'center' | 'stretch' | 'baseline' } Vertical alignment of the item
+ * - -------------------------- WEB PROPERTIES -------------------------------
  * @param className {string} Additional CSS Classes
- * @param mobileSize {FlexItemSize} Apply => is-size-mobile
- * @param tabletSize {FlexItemSize} Apply => is-size-tablet
- * @param touchSize {FlexItemSize} Apply => is-size-touch
- * @param desktopSize {FlexItemSize} Apply => is-size-desktop
- * @param widescreenSize {FlexItemSize} Apply => is-size-widescreen
- * @param fullhdSize {FlexItemSize} Apply => is-size-fullhd
- * @param offset {FlexItemSize} Apply => is-offset
- * @param mobileOffset {FlexItemSize} Apply => is-offset-mobile
- * @param tabletOffset {FlexItemSize} Apply => is-offset-tablet
- * @param touchOffset {FlexItemSize} Apply => is-offset-touch
- * @param desktopOffset {FlexItemSize} Apply => is-offset-desktop
- * @param widescreenOffset {FlexItemSize} Apply => is-offset-widescreen
- * @param fullhdOffset {FlexItemSize} Apply => is-offset-fullhd
- * @param align { Alignable | AlignableValues} align content
  */
 var FlexItem = React.forwardRef(function (_a, ref) {
     var className = _a.className, id = _a.id, size = _a.size, narrow = _a.narrow, verticalAlign = _a.verticalAlign, testId = _a.testId, others = __rest(_a, ["className", "id", "size", "narrow", "verticalAlign", "testId"]);
@@ -39,4 +26,4 @@ var FlexItem = React.forwardRef(function (_a, ref) {
 });
 FlexItem.displayName = ComponentName.FlexItem;
 export default FlexItem;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiRmxleEl0ZW0uanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9jb21wb25lbnRzL2ZsZXgtYm94L2ZsZXgtaXRlbS9GbGV4SXRlbS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUFBLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxrQ0FBa0MsQ0FBQTtBQUNoRSxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxXQUFXLENBQUE7QUFDN0MsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLDhCQUE4QixDQUFBO0FBQ3hELE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLDRCQUE0QixDQUFBO0FBQzlELE9BQU8sRUFBRSxFQUFFLEVBQUUsTUFBTSxxQkFBcUIsQ0FBQTtBQUN4QyxPQUFPLElBQUksTUFBTSxNQUFNLENBQUE7QUFDdkIsT0FBTyxLQUFLLE1BQU0sT0FBTyxDQUFBO0FBR3pCOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztHQXVCRztBQUVILElBQU0sUUFBUSxHQUFHLEtBQUssQ0FBQyxVQUFVLENBQy9CLFVBQUMsRUFBaUUsRUFBRSxHQUFHO0lBQXBFLElBQUEsU0FBUyxlQUFBLEVBQUUsRUFBRSxRQUFBLEVBQUUsSUFBSSxVQUFBLEVBQUUsTUFBTSxZQUFBLEVBQUUsYUFBYSxtQkFBQSxFQUFFLE1BQU0sWUFBQSxFQUFLLE1BQU0sY0FBL0QsZ0VBQWlFLENBQUY7SUFDdEQsSUFBQSxNQUFNLEdBQUssaUJBQWlCLEVBQUUsT0FBeEIsQ0FBd0I7SUFFdEMsSUFBTSxRQUFRLEdBQUcsT0FBTyxJQUFJLEtBQUssUUFBUSxDQUFBO0lBQ3pDLElBQU0sT0FBTyxHQUFHLFNBQVMsQ0FDdkIsTUFBTSxFQUNOLElBQUksQ0FDRixXQUFXLEVBQ1gsSUFBSSxJQUFJLFFBQVEsSUFBSSxFQUFFLENBQUMsVUFBRyxJQUFJLENBQUUsQ0FBQyxFQUNqQyxJQUFJLElBQUksQ0FBQyxRQUFRLEtBQUksSUFBSSxhQUFKLElBQUksdUJBQUosSUFBSSxDQUFFLE9BQU8sQ0FBQSxJQUFJLEVBQUUsQ0FBQyxVQUFHLElBQUksQ0FBQyxPQUFPLGFBQVUsQ0FBQyxFQUNuRSxJQUFJLElBQUksQ0FBQyxRQUFRLEtBQUksSUFBSSxhQUFKLElBQUksdUJBQUosSUFBSSxDQUFFLE1BQU0sQ0FBQSxJQUFJLEVBQUUsQ0FBQyxVQUFHLElBQUksQ0FBQyxNQUFNLFlBQVMsQ0FBQyxFQUNoRSxJQUFJLElBQUksQ0FBQyxRQUFRLEtBQUksSUFBSSxhQUFKLElBQUksdUJBQUosSUFBSSxDQUFFLE1BQU0sQ0FBQSxJQUFJLEVBQUUsQ0FBQyxVQUFHLElBQUksQ0FBQyxNQUFNLFlBQVMsQ0FBQyxFQUNoRSxJQUFJLElBQUksQ0FBQyxRQUFRLEtBQUksSUFBSSxhQUFKLElBQUksdUJBQUosSUFBSSxDQUFFLEtBQUssQ0FBQSxJQUFJLEVBQUUsQ0FBQyxVQUFHLElBQUksQ0FBQyxLQUFLLFdBQVEsQ0FBQyxFQUM3RCxJQUFJLElBQUksQ0FBQyxRQUFRLEtBQUksSUFBSSxhQUFKLElBQUksdUJBQUosSUFBSSxDQUFFLFVBQVUsQ0FBQSxJQUFJLEVBQUUsQ0FBQyxVQUFHLElBQUksQ0FBQyxVQUFVLGdCQUFhLENBQUMsRUFDNUUsSUFBSSxJQUFJLENBQUMsUUFBUSxLQUFJLElBQUksYUFBSixJQUFJLHVCQUFKLElBQUksQ0FBRSxNQUFNLENBQUEsSUFBSSxFQUFFLENBQUMsVUFBRyxJQUFJLENBQUMsTUFBTSxZQUFTLENBQUMsRUFDaEUsTUFBTSxJQUFJLEVBQUUsQ0FBQyxRQUFRLENBQUMsRUFDdEIsYUFBYSxJQUFJLEVBQUUsQ0FBQyxpQkFBaUIsQ0FBQyxhQUFhLENBQUMsQ0FBQyxFQUNyRCxTQUFTLENBQ1YsQ0FDRixDQUFBO0lBRUQsT0FBTyxzQ0FBSyxHQUFHLEVBQUUsR0FBRyxFQUFFLEVBQUUsRUFBRSxFQUFFLEVBQUUsU0FBUyxFQUFFLE9BQU8saUJBQWUsTUFBTSxJQUFNLE1BQU0sRUFBSSxDQUFBO0FBQ3ZGLENBQUMsQ0FDRixDQUFBO0FBQ0QsUUFBUSxDQUFDLFdBQVcsR0FBRyxhQUFhLENBQUMsUUFBUSxDQUFBO0FBQzdDLGVBQWUsUUFBUSxDQUFBIn0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiRmxleEl0ZW0uanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9jb21wb25lbnRzL2ZsZXgtYm94L2ZsZXgtaXRlbS9GbGV4SXRlbS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUFBLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxrQ0FBa0MsQ0FBQTtBQUNoRSxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxXQUFXLENBQUE7QUFDN0MsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLDhCQUE4QixDQUFBO0FBQ3hELE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLDRCQUE0QixDQUFBO0FBQzlELE9BQU8sRUFBRSxFQUFFLEVBQUUsTUFBTSxxQkFBcUIsQ0FBQTtBQUN4QyxPQUFPLElBQUksTUFBTSxNQUFNLENBQUE7QUFDdkIsT0FBTyxLQUFLLE1BQU0sT0FBTyxDQUFBO0FBR3pCOzs7Ozs7Ozs7O0dBVUc7QUFDSCxJQUFNLFFBQVEsR0FBRyxLQUFLLENBQUMsVUFBVSxDQUMvQixVQUFDLEVBQWlFLEVBQUUsR0FBRztJQUFwRSxJQUFBLFNBQVMsZUFBQSxFQUFFLEVBQUUsUUFBQSxFQUFFLElBQUksVUFBQSxFQUFFLE1BQU0sWUFBQSxFQUFFLGFBQWEsbUJBQUEsRUFBRSxNQUFNLFlBQUEsRUFBSyxNQUFNLGNBQS9ELGdFQUFpRSxDQUFGO0lBQ3RELElBQUEsTUFBTSxHQUFLLGlCQUFpQixFQUFFLE9BQXhCLENBQXdCO0lBRXRDLElBQU0sUUFBUSxHQUFHLE9BQU8sSUFBSSxLQUFLLFFBQVEsQ0FBQTtJQUN6QyxJQUFNLE9BQU8sR0FBRyxTQUFTLENBQ3ZCLE1BQU0sRUFDTixJQUFJLENBQ0YsV0FBVyxFQUNYLElBQUksSUFBSSxRQUFRLElBQUksRUFBRSxDQUFDLFVBQUcsSUFBSSxDQUFFLENBQUMsRUFDakMsSUFBSSxJQUFJLENBQUMsUUFBUSxLQUFJLElBQUksYUFBSixJQUFJLHVCQUFKLElBQUksQ0FBRSxPQUFPLENBQUEsSUFBSSxFQUFFLENBQUMsVUFBRyxJQUFJLENBQUMsT0FBTyxhQUFVLENBQUMsRUFDbkUsSUFBSSxJQUFJLENBQUMsUUFBUSxLQUFJLElBQUksYUFBSixJQUFJLHVCQUFKLElBQUksQ0FBRSxNQUFNLENBQUEsSUFBSSxFQUFFLENBQUMsVUFBRyxJQUFJLENBQUMsTUFBTSxZQUFTLENBQUMsRUFDaEUsSUFBSSxJQUFJLENBQUMsUUFBUSxLQUFJLElBQUksYUFBSixJQUFJLHVCQUFKLElBQUksQ0FBRSxNQUFNLENBQUEsSUFBSSxFQUFFLENBQUMsVUFBRyxJQUFJLENBQUMsTUFBTSxZQUFTLENBQUMsRUFDaEUsSUFBSSxJQUFJLENBQUMsUUFBUSxLQUFJLElBQUksYUFBSixJQUFJLHVCQUFKLElBQUksQ0FBRSxLQUFLLENBQUEsSUFBSSxFQUFFLENBQUMsVUFBRyxJQUFJLENBQUMsS0FBSyxXQUFRLENBQUMsRUFDN0QsSUFBSSxJQUFJLENBQUMsUUFBUSxLQUFJLElBQUksYUFBSixJQUFJLHVCQUFKLElBQUksQ0FBRSxVQUFVLENBQUEsSUFBSSxFQUFFLENBQUMsVUFBRyxJQUFJLENBQUMsVUFBVSxnQkFBYSxDQUFDLEVBQzVFLElBQUksSUFBSSxDQUFDLFFBQVEsS0FBSSxJQUFJLGFBQUosSUFBSSx1QkFBSixJQUFJLENBQUUsTUFBTSxDQUFBLElBQUksRUFBRSxDQUFDLFVBQUcsSUFBSSxDQUFDLE1BQU0sWUFBUyxDQUFDLEVBQ2hFLE1BQU0sSUFBSSxFQUFFLENBQUMsUUFBUSxDQUFDLEVBQ3RCLGFBQWEsSUFBSSxFQUFFLENBQUMsaUJBQWlCLENBQUMsYUFBYSxDQUFDLENBQUMsRUFDckQsU0FBUyxDQUNWLENBQ0YsQ0FBQTtJQUVELE9BQU8sc0NBQUssR0FBRyxFQUFFLEdBQUcsRUFBRSxFQUFFLEVBQUUsRUFBRSxFQUFFLFNBQVMsRUFBRSxPQUFPLGlCQUFlLE1BQU0sSUFBTSxNQUFNLEVBQUksQ0FBQTtBQUN2RixDQUFDLENBQ0YsQ0FBQTtBQUNELFFBQVEsQ0FBQyxXQUFXLEdBQUcsYUFBYSxDQUFDLFFBQVEsQ0FBQTtBQUM3QyxlQUFlLFFBQVEsQ0FBQSJ9

package/lib/components/flex-box/flex-item/FlexItem.native.d.ts

@@ -4,26 +4,11 @@ import { View } from 'react-native';
 /**
  * FlexItem Component - FlexBox Child
  * @param size {FlexItemSize} Size 1-12
- * @param verticalCentered {boolean} Vertical center item
- * @param centered {boolean} center item
  * @param children {React.ReactNode}
- * - -------------------------- WEB PROPERTIES -------------------------------
+ * @param testId {string} Test Id for Test Integration
+ * @param id {string} Custom id attribute
  * @param narrow {boolean} Narrow item
- * @param className {string} Additional CSS Classes
- * @param mobileSize {FlexItemSize} Apply => is-size-mobile
- * @param tabletSize {FlexItemSize} Apply => is-size-tablet
- * @param touchSize {FlexItemSize} Apply => is-size-touch
- * @param desktopSize {FlexItemSize} Apply => is-size-desktop
- * @param widescreenSize {FlexItemSize} Apply => is-size-widescreen
- * @param fullhdSize {FlexItemSize} Apply => is-size-fullhd
- * @param offset {FlexItemSize} Apply => is-offset
- * @param mobileOffset {FlexItemSize} Apply => is-offset-mobile
- * @param tabletOffset {FlexItemSize} Apply => is-offset-tablet
- * @param touchOffset {FlexItemSize} Apply => is-offset-touch
- * @param desktopOffset {FlexItemSize} Apply => is-offset-desktop
- * @param widescreenOffset {FlexItemSize} Apply => is-offset-widescreen
- * @param fullhdOffset {FlexItemSize} Apply => is-offset-fullhd
- * @param align { Alignable | AlignableValues} align content
+ * @param verticalAlign { 'start' | 'end' | 'center' | 'stretch' | 'baseline' } Vertical alignment of the item
  */
 declare const FlexItem: React.ForwardRefExoticComponent<FlexItemProps & React.RefAttributes<View>>;
 export default FlexItem;

package/lib/components/flex-box/flex-item/FlexItem.native.js

@@ -7,29 +7,14 @@ import { FlexBoxContext } from '../context';
 /**
  * FlexItem Component - FlexBox Child
  * @param size {FlexItemSize} Size 1-12
- * @param verticalCentered {boolean} Vertical center item
- * @param centered {boolean} center item
  * @param children {React.ReactNode}
- * - -------------------------- WEB PROPERTIES -------------------------------
+ * @param testId {string} Test Id for Test Integration
+ * @param id {string} Custom id attribute
  * @param narrow {boolean} Narrow item
- * @param className {string} Additional CSS Classes
- * @param mobileSize {FlexItemSize} Apply => is-size-mobile
- * @param tabletSize {FlexItemSize} Apply => is-size-tablet
- * @param touchSize {FlexItemSize} Apply => is-size-touch
- * @param desktopSize {FlexItemSize} Apply => is-size-desktop
- * @param widescreenSize {FlexItemSize} Apply => is-size-widescreen
- * @param fullhdSize {FlexItemSize} Apply => is-size-fullhd
- * @param offset {FlexItemSize} Apply => is-offset
- * @param mobileOffset {FlexItemSize} Apply => is-offset-mobile
- * @param tabletOffset {FlexItemSize} Apply => is-offset-tablet
- * @param touchOffset {FlexItemSize} Apply => is-offset-touch
- * @param desktopOffset {FlexItemSize} Apply => is-offset-desktop
- * @param widescreenOffset {FlexItemSize} Apply => is-offset-widescreen
- * @param fullhdOffset {FlexItemSize} Apply => is-offset-fullhd
- * @param align { Alignable | AlignableValues} align content
+ * @param verticalAlign { 'start' | 'end' | 'center' | 'stretch' | 'baseline' } Vertical alignment of the item
  */
 var FlexItem = React.forwardRef(function (_a, ref) {
-    var id = _a.id, size = _a.size, narrow = _a.narrow, verticalAlign = _a.verticalAlign, children = _a.children, others = __rest(_a, ["id", "size", "narrow", "verticalAlign", "children"]);
+    var id = _a.id, size = _a.size, narrow = _a.narrow, verticalAlign = _a.verticalAlign, children = _a.children, testId = _a.testId, others = __rest(_a, ["id", "size", "narrow", "verticalAlign", "children", "testId"]);
     var _b = React.useContext(FlexBoxContext), width = _b.width, realGap = _b.realGap, scrollable = _b.scrollable, childrenLength = _b.childrenLength;
     var realSize = (size && typeof size === 'number' && size) || (size && (size === null || size === void 0 ? void 0 : size.mobile)) || 0;
     var scrollableStyle = React.useMemo(function () { return ({
@@ -45,7 +30,7 @@ var FlexItem = React.forwardRef(function (_a, ref) {
         flexShrink: narrow ? 1 : 0,
         flexBasis: realSize ? (realSize / 12) * width - realGap * ((childrenLength - 1) / childrenLength) : 'auto',
     }); }, [realSize, narrow, width, realGap, childrenLength, realSize]);
-    return (React.createElement(View, __assign({ id: id, ref: ref, style: [
+    return (React.createElement(View, __assign({ testID: testId, id: id, ref: ref, style: [
             scrollable && scrollableStyle,
             !scrollable && noScrollableStyle,
             { justifyContent: getAlignStyle(verticalAlign) },
@@ -53,4 +38,4 @@ var FlexItem = React.forwardRef(function (_a, ref) {
 });
 FlexItem.displayName = ComponentName.FlexItem;
 export default FlexItem;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiRmxleEl0ZW0ubmF0aXZlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vY29tcG9uZW50cy9mbGV4LWJveC9mbGV4LWl0ZW0vRmxleEl0ZW0ubmF0aXZlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLGtDQUFrQyxDQUFBO0FBRWhFLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSw0QkFBNEIsQ0FBQTtBQUMxRCxPQUFPLEtBQUssTUFBTSxPQUFPLENBQUE7QUFDekIsT0FBTyxFQUFFLElBQUksRUFBYSxNQUFNLGNBQWMsQ0FBQTtBQUM5QyxPQUFPLEVBQUUsY0FBYyxFQUFFLE1BQU0sWUFBWSxDQUFBO0FBRTNDOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztHQXVCRztBQUVILElBQU0sUUFBUSxHQUFHLEtBQUssQ0FBQyxVQUFVLENBQy9CLFVBQUMsRUFBd0QsRUFBRSxHQUFHO0lBQTNELElBQUEsRUFBRSxRQUFBLEVBQUUsSUFBSSxVQUFBLEVBQUUsTUFBTSxZQUFBLEVBQUUsYUFBYSxtQkFBQSxFQUFFLFFBQVEsY0FBQSxFQUFLLE1BQU0sY0FBdEQscURBQXdELENBQUY7SUFDL0MsSUFBQSxLQUFpRCxLQUFLLENBQUMsVUFBVSxDQUFDLGNBQWMsQ0FBQyxFQUEvRSxLQUFLLFdBQUEsRUFBRSxPQUFPLGFBQUEsRUFBRSxVQUFVLGdCQUFBLEVBQUUsY0FBYyxvQkFBcUMsQ0FBQTtJQUN2RixJQUFNLFFBQVEsR0FBRyxDQUFDLElBQUksSUFBSSxPQUFPLElBQUksS0FBSyxRQUFRLElBQUksSUFBSSxDQUFDLElBQUksQ0FBQyxJQUFJLEtBQUksSUFBSSxhQUFKLElBQUksdUJBQUosSUFBSSxDQUFFLE1BQU0sQ0FBQSxDQUFDLElBQUksQ0FBQyxDQUFBO0lBRTFGLElBQU0sZUFBZSxHQUFjLEtBQUssQ0FBQyxPQUFPLENBQzlDLGNBQU0sT0FBQSxDQUFDO1FBQ0wsS0FBSyxFQUFFLFFBQVE7WUFDYixDQUFDLENBQUMsQ0FBQyxRQUFRLEdBQUcsRUFBRSxDQUFDLEdBQUcsS0FBSyxHQUFHLE9BQU8sR0FBRyxDQUFDLENBQUMsY0FBYyxHQUFHLENBQUMsQ0FBQyxHQUFHLGNBQWMsQ0FBQztZQUM3RSxDQUFDLENBQUMsTUFBTTtnQkFDUixDQUFDLENBQUMsTUFBTTtnQkFDUixDQUFDLENBQUMsS0FBSyxHQUFHLENBQUMsR0FBRyxPQUFPO0tBQ3hCLENBQUMsRUFOSSxDQU1KLEVBQ0YsQ0FBQyxRQUFRLEVBQUUsTUFBTSxFQUFFLEtBQUssRUFBRSxPQUFPLEVBQUUsY0FBYyxFQUFFLFFBQVEsQ0FBQyxDQUM3RCxDQUFBO0lBRUQsSUFBTSxpQkFBaUIsR0FBYyxLQUFLLENBQUMsT0FBTyxDQUNoRCxjQUFNLE9BQUEsQ0FBQztRQUNMLElBQUksRUFBRSxNQUFNLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQztRQUNwQixRQUFRLEVBQUUsUUFBUSxJQUFJLE1BQU0sQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDO1FBQ3BDLFVBQVUsRUFBRSxNQUFNLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQztRQUMxQixTQUFTLEVBQUUsUUFBUSxDQUFDLENBQUMsQ0FBQyxDQUFDLFFBQVEsR0FBRyxFQUFFLENBQUMsR0FBRyxLQUFLLEdBQUcsT0FBTyxHQUFHLENBQUMsQ0FBQyxjQUFjLEdBQUcsQ0FBQyxDQUFDLEdBQUcsY0FBYyxDQUFDLENBQUMsQ0FBQyxDQUFDLE1BQU07S0FDM0csQ0FBQyxFQUxJLENBS0osRUFDRixDQUFDLFFBQVEsRUFBRSxNQUFNLEVBQUUsS0FBSyxFQUFFLE9BQU8sRUFBRSxjQUFjLEVBQUUsUUFBUSxDQUFDLENBQzdELENBQUE7SUFFRCxPQUFPLENBQ0wsb0JBQUMsSUFBSSxhQUNILEVBQUUsRUFBRSxFQUFFLEVBQ04sR0FBRyxFQUFFLEdBQUcsRUFDUixLQUFLLEVBQUU7WUFDTCxVQUFVLElBQUksZUFBZTtZQUM3QixDQUFDLFVBQVUsSUFBSSxpQkFBaUI7WUFDaEMsRUFBRSxjQUFjLEVBQUUsYUFBYSxDQUFDLGFBQWEsQ0FBQyxFQUFFO1NBQ2pELElBQ0csTUFBTSxHQUVULFFBQVEsQ0FDSixDQUNSLENBQUE7QUFDSCxDQUFDLENBQ0YsQ0FBQTtBQUNELFFBQVEsQ0FBQyxXQUFXLEdBQUcsYUFBYSxDQUFDLFFBQVEsQ0FBQTtBQUM3QyxlQUFlLFFBQVEsQ0FBQSJ9
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiRmxleEl0ZW0ubmF0aXZlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vY29tcG9uZW50cy9mbGV4LWJveC9mbGV4LWl0ZW0vRmxleEl0ZW0ubmF0aXZlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLGtDQUFrQyxDQUFBO0FBRWhFLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSw0QkFBNEIsQ0FBQTtBQUMxRCxPQUFPLEtBQUssTUFBTSxPQUFPLENBQUE7QUFDekIsT0FBTyxFQUFFLElBQUksRUFBYSxNQUFNLGNBQWMsQ0FBQTtBQUM5QyxPQUFPLEVBQUUsY0FBYyxFQUFFLE1BQU0sWUFBWSxDQUFBO0FBRTNDOzs7Ozs7OztHQVFHO0FBQ0gsSUFBTSxRQUFRLEdBQUcsS0FBSyxDQUFDLFVBQVUsQ0FDL0IsVUFBQyxFQUFnRSxFQUFFLEdBQUc7SUFBbkUsSUFBQSxFQUFFLFFBQUEsRUFBRSxJQUFJLFVBQUEsRUFBRSxNQUFNLFlBQUEsRUFBRSxhQUFhLG1CQUFBLEVBQUUsUUFBUSxjQUFBLEVBQUUsTUFBTSxZQUFBLEVBQUssTUFBTSxjQUE5RCwrREFBZ0UsQ0FBRjtJQUN2RCxJQUFBLEtBQWlELEtBQUssQ0FBQyxVQUFVLENBQUMsY0FBYyxDQUFDLEVBQS9FLEtBQUssV0FBQSxFQUFFLE9BQU8sYUFBQSxFQUFFLFVBQVUsZ0JBQUEsRUFBRSxjQUFjLG9CQUFxQyxDQUFBO0lBQ3ZGLElBQU0sUUFBUSxHQUFHLENBQUMsSUFBSSxJQUFJLE9BQU8sSUFBSSxLQUFLLFFBQVEsSUFBSSxJQUFJLENBQUMsSUFBSSxDQUFDLElBQUksS0FBSSxJQUFJLGFBQUosSUFBSSx1QkFBSixJQUFJLENBQUUsTUFBTSxDQUFBLENBQUMsSUFBSSxDQUFDLENBQUE7SUFFMUYsSUFBTSxlQUFlLEdBQWMsS0FBSyxDQUFDLE9BQU8sQ0FDOUMsY0FBTSxPQUFBLENBQUM7UUFDTCxLQUFLLEVBQUUsUUFBUTtZQUNiLENBQUMsQ0FBQyxDQUFDLFFBQVEsR0FBRyxFQUFFLENBQUMsR0FBRyxLQUFLLEdBQUcsT0FBTyxHQUFHLENBQUMsQ0FBQyxjQUFjLEdBQUcsQ0FBQyxDQUFDLEdBQUcsY0FBYyxDQUFDO1lBQzdFLENBQUMsQ0FBQyxNQUFNO2dCQUNSLENBQUMsQ0FBQyxNQUFNO2dCQUNSLENBQUMsQ0FBQyxLQUFLLEdBQUcsQ0FBQyxHQUFHLE9BQU87S0FDeEIsQ0FBQyxFQU5JLENBTUosRUFDRixDQUFDLFFBQVEsRUFBRSxNQUFNLEVBQUUsS0FBSyxFQUFFLE9BQU8sRUFBRSxjQUFjLEVBQUUsUUFBUSxDQUFDLENBQzdELENBQUE7SUFFRCxJQUFNLGlCQUFpQixHQUFjLEtBQUssQ0FBQyxPQUFPLENBQ2hELGNBQU0sT0FBQSxDQUFDO1FBQ0wsSUFBSSxFQUFFLE1BQU0sQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDO1FBQ3BCLFFBQVEsRUFBRSxRQUFRLElBQUksTUFBTSxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUM7UUFDcEMsVUFBVSxFQUFFLE1BQU0sQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDO1FBQzFCLFNBQVMsRUFBRSxRQUFRLENBQUMsQ0FBQyxDQUFDLENBQUMsUUFBUSxHQUFHLEVBQUUsQ0FBQyxHQUFHLEtBQUssR0FBRyxPQUFPLEdBQUcsQ0FBQyxDQUFDLGNBQWMsR0FBRyxDQUFDLENBQUMsR0FBRyxjQUFjLENBQUMsQ0FBQyxDQUFDLENBQUMsTUFBTTtLQUMzRyxDQUFDLEVBTEksQ0FLSixFQUNGLENBQUMsUUFBUSxFQUFFLE1BQU0sRUFBRSxLQUFLLEVBQUUsT0FBTyxFQUFFLGNBQWMsRUFBRSxRQUFRLENBQUMsQ0FDN0QsQ0FBQTtJQUVELE9BQU8sQ0FDTCxvQkFBQyxJQUFJLGFBQ0gsTUFBTSxFQUFFLE1BQU0sRUFDZCxFQUFFLEVBQUUsRUFBRSxFQUNOLEdBQUcsRUFBRSxHQUFHLEVBQ1IsS0FBSyxFQUFFO1lBQ0wsVUFBVSxJQUFJLGVBQWU7WUFDN0IsQ0FBQyxVQUFVLElBQUksaUJBQWlCO1lBQ2hDLEVBQUUsY0FBYyxFQUFFLGFBQWEsQ0FBQyxhQUFhLENBQUMsRUFBRTtTQUNqRCxJQUNHLE1BQU0sR0FFVCxRQUFRLENBQ0osQ0FDUixDQUFBO0FBQ0gsQ0FBQyxDQUNGLENBQUE7QUFDRCxRQUFRLENBQUMsV0FBVyxHQUFHLGFBQWEsQ0FBQyxRQUFRLENBQUE7QUFDN0MsZUFBZSxRQUFRLENBQUEifQ==

package/lib/components/hero/Hero.d.ts

@@ -5,14 +5,14 @@ import { HeroProps } from '../../components/hero/HeroProps';
  * @param children {React.ReactNode} Hero Children
  * @param backgroundColor {TrilogyColor} Hero background color
  * @param backgroundSrc {string} If source, it will display background option
- * @param variant {VariantState} Hero background color : main/accent
  * @param onClick {Function} onClick Event
  * @param inverted {boolean} Inverted
- * @param overlap {ReactNode[]|Boolean} Hero overlap components in tab (need to add key for each element),
- * if second element add second special overlap (only native-old) - Web (Boolean) Native (ReactNode)
+ * @param overlap {ReactNode[]|boolean} Hero overlap components (need to add key for each element)
+ * @param testId {string} Test Id for Test Integration
  * - -------------------------- WEB PROPERTIES -------------------------------
  * @param className {string} Additional CSS Classes
- * - -------------------------- NATIVE PROPERTIES -------------------------------
+ * @param backgroundHeight {number} Custom height for the background image (overrides default height)
+ * @param id {string} Custom id attribute
  */
 declare const Hero: React.ForwardRefExoticComponent<HeroProps & React.RefAttributes<HTMLElement>>;
 export default Hero;

package/lib/components/hero/Hero.js

@@ -11,14 +11,14 @@ import { has, is } from '../../services/classify';
  * @param children {React.ReactNode} Hero Children
  * @param backgroundColor {TrilogyColor} Hero background color
  * @param backgroundSrc {string} If source, it will display background option
- * @param variant {VariantState} Hero background color : main/accent
  * @param onClick {Function} onClick Event
  * @param inverted {boolean} Inverted
- * @param overlap {ReactNode[]|Boolean} Hero overlap components in tab (need to add key for each element),
- * if second element add second special overlap (only native-old) - Web (Boolean) Native (ReactNode)
+ * @param overlap {ReactNode[]|boolean} Hero overlap components (need to add key for each element)
+ * @param testId {string} Test Id for Test Integration
  * - -------------------------- WEB PROPERTIES -------------------------------
  * @param className {string} Additional CSS Classes
- * - -------------------------- NATIVE PROPERTIES -------------------------------
+ * @param backgroundHeight {number} Custom height for the background image (overrides default height)
+ * @param id {string} Custom id attribute
  */
 var Hero = React.forwardRef(function (_a, ref) {
     var children = _a.children, backgroundColor = _a.backgroundColor, backgroundSrc = _a.backgroundSrc, inverted = _a.inverted, className = _a.className, id = _a.id, onClick = _a.onClick, overlap = _a.overlap, testId = _a.testId, others = __rest(_a, ["children", "backgroundColor", "backgroundSrc", "inverted", "className", "id", "onClick", "overlap", "testId"]);

package/lib/components/hero/Hero.native.d.ts

@@ -3,14 +3,13 @@ import { View } from 'react-native';
 import { HeroProps } from '../../components/hero/HeroProps';
 /**
  * Hero Component
- * @param children {ReactNode} Hero Children
+ * @param children {React.ReactNode} Hero Children
+ * @param backgroundColor {TrilogyColor} Hero background color
  * @param backgroundSrc {string} If source, it will display background option
- * @param backgroundColor {TrilogyColor} Background Color
- * @param inverted {Boolean} Inverted Hero
  * @param onClick {Function} onClick Event
- * @param overlap {ReactNode[]|Boolean} Hero overlap components in tab (need to add key for each element),
- * if second element add second special overlap (only native-old) - Web (Boolean) Native (ReactNode)
- * @param backgroundHeight {BackgroundHeight} Background heigth
+ * @param inverted {boolean} Inverted
+ * @param overlap {ReactNode[]|boolean} Hero overlap components (need to add key for each element)
+ * @param testId {string} Test Id for Test Integration
  */
 declare const Hero: React.ForwardRefExoticComponent<HeroProps & React.RefAttributes<View>>;
 export default Hero;

package/lib/components/hero/Hero.native.js

@@ -7,17 +7,16 @@ import { StatesContext } from '../../context/providerStates';
 import { getColorStyle, TrilogyColor } from '../../objects/facets/Color';
 /**
  * Hero Component
- * @param children {ReactNode} Hero Children
+ * @param children {React.ReactNode} Hero Children
+ * @param backgroundColor {TrilogyColor} Hero background color
  * @param backgroundSrc {string} If source, it will display background option
- * @param backgroundColor {TrilogyColor} Background Color
- * @param inverted {Boolean} Inverted Hero
  * @param onClick {Function} onClick Event
- * @param overlap {ReactNode[]|Boolean} Hero overlap components in tab (need to add key for each element),
- * if second element add second special overlap (only native-old) - Web (Boolean) Native (ReactNode)
- * @param backgroundHeight {BackgroundHeight} Background heigth
+ * @param inverted {boolean} Inverted
+ * @param overlap {ReactNode[]|boolean} Hero overlap components (need to add key for each element)
+ * @param testId {string} Test Id for Test Integration
  */
 var Hero = React.forwardRef(function (_a, ref) {
-    var children = _a.children, backgroundSrc = _a.backgroundSrc, onClick = _a.onClick, overlap = _a.overlap, inverted = _a.inverted, backgroundColor = _a.backgroundColor, backgroundHeight = _a.backgroundHeight, others = __rest(_a, ["children", "backgroundSrc", "onClick", "overlap", "inverted", "backgroundColor", "backgroundHeight"]);
+    var children = _a.children, backgroundSrc = _a.backgroundSrc, onClick = _a.onClick, overlap = _a.overlap, inverted = _a.inverted, backgroundColor = _a.backgroundColor, backgroundHeight = _a.backgroundHeight, testId = _a.testId, others = __rest(_a, ["children", "backgroundSrc", "onClick", "overlap", "inverted", "backgroundColor", "backgroundHeight", "testId"]);
     var _b = __read(useState(0), 2), overlapHeight = _b[0], setOverlapHeight = _b[1];
     var _c = __read(useState(0), 2), secondOverlapHeight = _c[0], setSecondOverlapHeight = _c[1];
     var isSecondOverlap = overlap && Array.isArray(overlap) ? (overlap === null || overlap === void 0 ? void 0 : overlap.length) > 1 : false;
@@ -85,11 +84,11 @@ var Hero = React.forwardRef(function (_a, ref) {
                     setOverlapHeight(height);
                 } }, overlap && typeof overlap !== 'boolean' ? overlap[0] : null)));
     }
-    return onClick ? (React.createElement(View, { ref: ref },
-        React.createElement(TouchableOpacity, { onPress: onClick, activeOpacity: 0.85 }, heroView))) : (React.createElement(View, { ref: ref, style: { width: '100%' } },
+    return onClick ? (React.createElement(View, { testID: testId, ref: ref },
+        React.createElement(TouchableOpacity, { onPress: onClick, activeOpacity: 0.85 }, heroView))) : (React.createElement(View, { testID: testId, ref: ref, style: { width: '100%' } },
         heroView,
         overlapView));
 });
 Hero.displayName = ComponentName.Hero;
 export default Hero;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiSGVyby5uYXRpdmUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9jb21wb25lbnRzL2hlcm8vSGVyby5uYXRpdmUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLEtBQUssRUFBRSxFQUFFLFFBQVEsRUFBRSxNQUFNLE9BQU8sQ0FBQTtBQUN2QyxPQUFPLEVBQUUsZUFBZSxFQUFFLFVBQVUsRUFBRSxnQkFBZ0IsRUFBRSxJQUFJLEVBQUUsTUFBTSxjQUFjLENBQUE7QUFDbEYsT0FBTyxFQUFFLEdBQUcsRUFBRSxNQUFNLGtCQUFrQixDQUFBO0FBQ3RDLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxrQ0FBa0MsQ0FBQTtBQUVoRSxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sMEJBQTBCLENBQUE7QUFDeEQsT0FBTyxFQUFFLGFBQWEsRUFBRSxZQUFZLEVBQUUsTUFBTSx3QkFBd0IsQ0FBQTtBQUNwRTs7Ozs7Ozs7OztHQVVHO0FBQ0gsSUFBTSxJQUFJLEdBQUcsS0FBSyxDQUFDLFVBQVUsQ0FDM0IsVUFDRSxFQUFxRyxFQUNyRyxHQUFHO0lBREQsSUFBQSxRQUFRLGNBQUEsRUFBRSxhQUFhLG1CQUFBLEVBQUUsT0FBTyxhQUFBLEVBQUUsT0FBTyxhQUFBLEVBQUUsUUFBUSxjQUFBLEVBQUUsZUFBZSxxQkFBQSxFQUFFLGdCQUFnQixzQkFBQSxFQUFLLE1BQU0sY0FBbkcsc0dBQXFHLENBQUY7SUFHN0YsSUFBQSxLQUFBLE9BQW9DLFFBQVEsQ0FBUyxDQUFDLENBQUMsSUFBQSxFQUF0RCxhQUFhLFFBQUEsRUFBRSxnQkFBZ0IsUUFBdUIsQ0FBQTtJQUN2RCxJQUFBLEtBQUEsT0FBZ0QsUUFBUSxDQUFTLENBQUMsQ0FBQyxJQUFBLEVBQWxFLG1CQUFtQixRQUFBLEVBQUUsc0JBQXNCLFFBQXVCLENBQUE7SUFFekUsSUFBTSxlQUFlLEdBQUcsT0FBTyxJQUFJLEtBQUssQ0FBQyxPQUFPLENBQUMsT0FBTyxDQUFDLENB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
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiSGVyby5uYXRpdmUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9jb21wb25lbnRzL2hlcm8vSGVyby5uYXRpdmUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLEtBQUssRUFBRSxFQUFFLFFBQVEsRUFBRSxNQUFNLE9BQU8sQ0FBQTtBQUN2QyxPQUFPLEVBQUUsZUFBZSxFQUFFLFVBQVUsRUFBRSxnQkFBZ0IsRUFBRSxJQUFJLEVBQUUsTUFBTSxjQUFjLENBQUE7QUFDbEYsT0FBTyxFQUFFLEdBQUcsRUFBRSxNQUFNLGtCQUFrQixDQUFBO0FBQ3RDLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxrQ0FBa0MsQ0FBQTtBQUVoRSxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sMEJBQTBCLENBQUE7QUFDeEQsT0FBTyxFQUFFLGFBQWEsRUFBRSxZQUFZLEVBQUUsTUFBTSx3QkFBd0IsQ0FBQTtBQUVwRTs7Ozs7Ozs7O0dBU0c7QUFDSCxJQUFNLElBQUksR0FBRyxLQUFLLENBQUMsVUFBVSxDQUMzQixVQUNFLEVBQTZHLEVBQzdHLEdBQUc7SUFERCxJQUFBLFFBQVEsY0FBQSxFQUFFLGFBQWEsbUJBQUEsRUFBRSxPQUFPLGFBQUEsRUFBRSxPQUFPLGFBQUEsRUFBRSxRQUFRLGNBQUEsRUFBRSxlQUFlLHFCQUFBLEVBQUUsZ0JBQWdCLHNCQUFBLEVBQUUsTUFBTSxZQUFBLEVBQUssTUFBTSxjQUEzRyxnSEFBNkcsQ0FBRjtJQUdyRyxJQUFBLEtBQUEsT0FBb0MsUUFBUSxDQUFTLENBQUMsQ0FBQyxJQUFBLEVBQXRELGFBQWEsUUFBQSxFQUFFLGdCQUFnQixRQUF1QixDQUFBO0lBQ3ZELElBQUEsS0FBQSxPQUFnRCxRQUFRLENBQVMsQ0FBQyxDQUFDLElBQUEsRUFBbEUsbUJBQW1CLFFBQUEsRUFBRSxzQkFBc0IsUUFBdUIsQ0FBQTtJQUV6RSxJQUFNLGVBQWUsR0FBRyxPQUFPLElBQUksS0FBSyxDQUFDLE9BQU8sQ0FB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

package/lib/components/hero/HeroPropsDefaults.js

@@ -44,6 +44,8 @@ export default {
     "values": [
       "undefined",
       "WHITE",
+      "BRAND",
+      "BRAND_FADE",
       "MAIN",
       "MAIN_FADE",
       "ACCENT",
@@ -65,6 +67,8 @@ export default {
       "STROKE",
       "STROKE_FADE",
       "WHITE",
+      "BRAND",
+      "BRAND_FADE",
       "MAIN",
       "MAIN_FADE",
       "ACCENT",

package/lib/components/icon/Icon.d.ts

@@ -2,20 +2,20 @@ import * as React from 'react';
 import { IconProps } from './IconProps';
 /**
  * Icon Component
- * @param size Size of Icon
- * @param name IconName
- * @param status SUCCESS|ERROR If CircleIcon or not
- * @param circled true-false if CircleIcon
- * @param content If TextIcon use it for text
- * @param badgeContent {string} Icon with bage content
+ * @param name {IconName} Icon name
+ * @param size {IconSize} Size of Icon
+ * @param circled {boolean} Display icon with circular background
  * @param stretched {boolean} Stretched icon
  * @param color {IconColor} Custom Icon Color
- * @param backgroundColor {TrilogyColor} Custom Background color only if circled
+ * @param backgroundColor {TrilogyColor} Custom Background color (only if circled)
+ * @param badgeContent {string} Icon with badge content
  * @param onClick {Function} onClick Event Icon
  * @param skeleton {boolean} Icon Skeleton
+ * @param testId {string} Test Id for Test Integration
+ * @param align { Alignable | AlignableValues} align content
  * - -------------------------- WEB PROPERTIES -------------------------------
- * @param className Additional css classes
- * - -------------------------- NATIVE PROPERTIES -------------------------------
+ * @param className {string} Additional CSS Classes
+ * @param id {string} Custom id attribute
  */
 declare const Icon: React.ForwardRefExoticComponent<IconProps & React.RefAttributes<HTMLSpanElement>>;
 export default Icon;

package/lib/components/icon/Icon.js

@@ -10,20 +10,20 @@ import { ComponentName } from '../enumsComponentsName';
 import { getJustifySelfClassName } from '../../objects/facets/Justifiable';
 /**
  * Icon Component
- * @param size Size of Icon
- * @param name IconName
- * @param status SUCCESS|ERROR If CircleIcon or not
- * @param circled true-false if CircleIcon
- * @param content If TextIcon use it for text
- * @param badgeContent {string} Icon with bage content
+ * @param name {IconName} Icon name
+ * @param size {IconSize} Size of Icon
+ * @param circled {boolean} Display icon with circular background
  * @param stretched {boolean} Stretched icon
  * @param color {IconColor} Custom Icon Color
- * @param backgroundColor {TrilogyColor} Custom Background color only if circled
+ * @param backgroundColor {TrilogyColor} Custom Background color (only if circled)
+ * @param badgeContent {string} Icon with badge content
  * @param onClick {Function} onClick Event Icon
  * @param skeleton {boolean} Icon Skeleton
+ * @param testId {string} Test Id for Test Integration
+ * @param align { Alignable | AlignableValues} align content
  * - -------------------------- WEB PROPERTIES -------------------------------
- * @param className Additional css classes
- * - -------------------------- NATIVE PROPERTIES -------------------------------
+ * @param className {string} Additional CSS Classes
+ * @param id {string} Custom id attribute
  */
 var Icon = React.forwardRef(function (_a, ref) {
     var className = _a.className, id = _a.id, size = _a.size, name = _a.name, circled = _a.circled, stretched = _a.stretched, color = _a.color, backgroundColor = _a.backgroundColor, onClick = _a.onClick, skeleton = _a.skeleton, align = _a.align, testId = _a.testId, others = __rest(_a, ["className", "id", "size", "name", "circled", "stretched", "color", "backgroundColor", "onClick", "skeleton", "align", "testId"]);
@@ -37,4 +37,4 @@ var Icon = React.forwardRef(function (_a, ref) {
 });
 Icon.displayName = ComponentName.Icon;
 export default Icon;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiSWNvbi5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL2NvbXBvbmVudHMvaWNvbi9JY29uLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sV0FBVyxDQUFBO0FBQzdDLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSxXQUFXLENBQUE7QUFDckMsT0FBTyxFQUFFLHNCQUFzQixFQUFFLE1BQU0sNEJBQTRCLENBQUE7QUFDbkUsT0FBTyxFQUFFLGlCQUFpQixFQUFFLFlBQVksRUFBc0IsTUFBTSx3QkFBd0IsQ0FBQTtBQUM1RixPQUFPLEVBQUUsR0FBRyxFQUFFLEVBQUUsRUFBRSxNQUFNLHFCQUFxQixDQUFBO0FBQzdDLE9BQU8sSUFBSSxNQUFNLE1BQU0sQ0FBQTtBQUN2QixPQUFPLEtBQUssS0FBSyxNQUFNLE9BQU8sQ0FBQTtBQUM5QixPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sd0JBQXdCLENBQUE7QUFFdEQsT0FBTyxFQUFFLHVCQUF1QixFQUFFLE1BQU0sOEJBQThCLENBQUE7QUFFdEU7Ozs7Ozs7Ozs7Ozs7Ozs7R0FnQkc7QUFFSCxJQUFNLElBQUksR0FBRyxLQUFLLENBQUMsVUFBVSxDQUMzQixVQUNFLEVBQXNILEVBQ3RILEdBQUc7SUFERCxJQUFBLFNBQVMsZUFBQSxFQUFFLEVBQUUsUUFBQSxFQUFFLElBQUksVUFBQSxFQUFFLElBQUksVUFBQSxFQUFFLE9BQU8sYUFBQSxFQUFFLFNBQVMsZUFBQSxFQUFFLEtBQUssV0FBQSxFQUFFLGVBQWUscUJBQUEsRUFBRSxPQUFPLGFBQUEsRUFBRSxRQUFRLGNBQUEsRUFBRSxLQUFLLFdBQUEsRUFBRSxNQUFNLFlBQUEsRUFBSyxNQUFNLGNBQXBILGlJQUFzSCxDQUFGO0lBRzVHLElBQUEsTUFBTSxHQUFLLGlCQUFpQixFQUFFLE9BQXhCLENBQXdCO0lBRXRDLElBQU0sVUFBVSxHQUNkLENBQUMsZUFBZSxJQUFJLEdBQUcsQ0FBQyxzQkFBc0IsQ0FBQyxlQUFlLENBQUMsQ0FBQyxDQUFDO1FBQ2pFLENBQUMsT0FBTyxJQUFJLEdBQUcsQ0FBQyxzQkFBc0IsQ0FBQyxZQUFZLENBQUMsSUFBSSxDQUFDLENBQUMsQ0FBQztRQUMzRCxFQUFFLENBQUE7SUFFSixJQUFNLE9BQU8sR0FBRyxTQUFTLENBQ3ZCLE1BQU0sRUFDTixJQUFJLENBQ0YsTUFBTSxFQUNOLFNBQVMsSUFBSSxFQUFFLENBQUMsV0FBVyxDQUFDLEVBQzVCLElBQUksSUFBSSxFQUFFLENBQUMsSUFBSSxDQUFDLEVBQ2hCLE9BQU8sSUFBSSxFQUFFLENBQUMsU0FBUyxDQUFDLEVBQ3hCLE9BQU8sSUFBSSxDQUFDLEtBQUssSUFBSSxHQUFHLENBQUMsWUFBWSxDQUFDLEVBQ3RDLEtBQUssSUFBSSxFQUFFLENBQUMsVUFBRyxpQkFBaUIsQ0FBQyxLQUEwQyxDQUFDLENBQUUsQ0FBQyxFQUMvRSxRQUFRLElBQUksRUFBRSxDQUFDLFNBQVMsQ0FBQyxFQUN6QixLQUFLLElBQUksSUFBSSxDQUFDLEVBQUUsQ0FBQyxNQUFNLENBQUMsRUFBRSxFQUFFLENBQUMsdUJBQXVCLENBQUMsS0FBSyxDQUFDLENBQUMsQ0FBQyxFQUM3RCxVQUFVLEVBQ1YsU0FBUyxDQUNWLENBQ0YsQ0FBQTtJQUVELE9BQU8sQ0FDTCx1Q0FBTSxFQUFFLEVBQUUsRUFBRSxFQUFFLE9BQU8sRUFBRSxPQUFPLElBQUksT0FBTyxFQUFFLFNBQVMsRUFBRSxPQUFPLGlCQUFlLE1BQU0sSUFBTSxNQUFNLElBQUUsR0FBRyxFQUFFLEdBQUc7UUFDdEcsMkJBQUcsU0FBUyxFQUFFLFNBQVMsQ0FBQyxNQUFNLEVBQUUsSUFBSSxDQUFDLElBQUksQ0FBQyxDQUFDLGlCQUFjLE1BQU0sR0FBRyxDQUM3RCxDQUNSLENBQUE7QUFDSCxDQUFDLENBQ0YsQ0FBQTtBQUVELElBQUksQ0FBQyxXQUFXLEdBQUcsYUFBYSxDQUFDLElBQUksQ0FBQTtBQUNyQyxlQUFlLElBQUksQ0FBQSJ9
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiSWNvbi5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL2NvbXBvbmVudHMvaWNvbi9JY29uLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sV0FBVyxDQUFBO0FBQzdDLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSxXQUFXLENBQUE7QUFDckMsT0FBTyxFQUFFLHNCQUFzQixFQUFFLE1BQU0sNEJBQTRCLENBQUE7QUFDbkUsT0FBTyxFQUFFLGlCQUFpQixFQUFFLFlBQVksRUFBc0IsTUFBTSx3QkFBd0IsQ0FBQTtBQUM1RixPQUFPLEVBQUUsR0FBRyxFQUFFLEVBQUUsRUFBRSxNQUFNLHFCQUFxQixDQUFBO0FBQzdDLE9BQU8sSUFBSSxNQUFNLE1BQU0sQ0FBQTtBQUN2QixPQUFPLEtBQUssS0FBSyxNQUFNLE9BQU8sQ0FBQTtBQUM5QixPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sd0JBQXdCLENBQUE7QUFFdEQsT0FBTyxFQUFFLHVCQUF1QixFQUFFLE1BQU0sOEJBQThCLENBQUE7QUFFdEU7Ozs7Ozs7Ozs7Ozs7Ozs7R0FnQkc7QUFDSCxJQUFNLElBQUksR0FBRyxLQUFLLENBQUMsVUFBVSxDQUMzQixVQUNFLEVBQXNILEVBQ3RILEdBQUc7SUFERCxJQUFBLFNBQVMsZUFBQSxFQUFFLEVBQUUsUUFBQSxFQUFFLElBQUksVUFBQSxFQUFFLElBQUksVUFBQSxFQUFFLE9BQU8sYUFBQSxFQUFFLFNBQVMsZUFBQSxFQUFFLEtBQUssV0FBQSxFQUFFLGVBQWUscUJBQUEsRUFBRSxPQUFPLGFBQUEsRUFBRSxRQUFRLGNBQUEsRUFBRSxLQUFLLFdBQUEsRUFBRSxNQUFNLFlBQUEsRUFBSyxNQUFNLGNBQXBILGlJQUFzSCxDQUFGO0lBRzVHLElBQUEsTUFBTSxHQUFLLGlCQUFpQixFQUFFLE9BQXhCLENBQXdCO0lBRXRDLElBQU0sVUFBVSxHQUNkLENBQUMsZUFBZSxJQUFJLEdBQUcsQ0FBQyxzQkFBc0IsQ0FBQyxlQUFlLENBQUMsQ0FBQyxDQUFDO1FBQ2pFLENBQUMsT0FBTyxJQUFJLEdBQUcsQ0FBQyxzQkFBc0IsQ0FBQyxZQUFZLENBQUMsSUFBSSxDQUFDLENBQUMsQ0FBQztRQUMzRCxFQUFFLENBQUE7SUFFSixJQUFNLE9BQU8sR0FBRyxTQUFTLENBQ3ZCLE1BQU0sRUFDTixJQUFJLENBQ0YsTUFBTSxFQUNOLFNBQVMsSUFBSSxFQUFFLENBQUMsV0FBVyxDQUFDLEVBQzVCLElBQUksSUFBSSxFQUFFLENBQUMsSUFBSSxDQUFDLEVBQ2hCLE9BQU8sSUFBSSxFQUFFLENBQUMsU0FBUyxDQUFDLEVBQ3hCLE9BQU8sSUFBSSxDQUFDLEtBQUssSUFBSSxHQUFHLENBQUMsWUFBWSxDQUFDLEVBQ3RDLEtBQUssSUFBSSxFQUFFLENBQUMsVUFBRyxpQkFBaUIsQ0FBQyxLQUEwQyxDQUFDLENBQUUsQ0FBQyxFQUMvRSxRQUFRLElBQUksRUFBRSxDQUFDLFNBQVMsQ0FBQyxFQUN6QixLQUFLLElBQUksSUFBSSxDQUFDLEVBQUUsQ0FBQyxNQUFNLENBQUMsRUFBRSxFQUFFLENBQUMsdUJBQXVCLENBQUMsS0FBSyxDQUFDLENBQUMsQ0FBQyxFQUM3RCxVQUFVLEVBQ1YsU0FBUyxDQUNWLENBQ0YsQ0FBQTtJQUVELE9BQU8sQ0FDTCx1Q0FBTSxFQUFFLEVBQUUsRUFBRSxFQUFFLE9BQU8sRUFBRSxPQUFPLElBQUksT0FBTyxFQUFFLFNBQVMsRUFBRSxPQUFPLGlCQUFlLE1BQU0sSUFBTSxNQUFNLElBQUUsR0FBRyxFQUFFLEdBQUc7UUFDdEcsMkJBQUcsU0FBUyxFQUFFLFNBQVMsQ0FBQyxNQUFNLEVBQUUsSUFBSSxDQUFDLElBQUksQ0FBQyxDQUFDLGlCQUFjLE1BQU0sR0FBRyxDQUM3RCxDQUNSLENBQUE7QUFDSCxDQUFDLENBQ0YsQ0FBQTtBQUVELElBQUksQ0FBQyxXQUFXLEdBQUcsYUFBYSxDQUFDLElBQUksQ0FBQTtBQUNyQyxlQUFlLElBQUksQ0FBQSJ9

package/lib/components/icon/Icon.native.d.ts

@@ -3,20 +3,16 @@ import React from 'react';
 import { View } from 'react-native';
 /**
  * Icon Component
- * @param size Size of Icon
- * @param name IconName
- * @param badgeContent {string} Display badge with icon
- * @param status SUCCESS|ERROR|WARNING|PRIMARY|TERTIARY|WHITE|GREY If CircleIcon or not
- * @param circled true-false if CircleIcon
- * @param content If TextIcon use it for text
- * @param stacked {boolean} Stacked icon
- * @param backgroundColor {TrilogyColor} Custom Background color only if circled
- * @param color {IconColor} Custom Icon Color
- * @param statusPosition {IconStatusPosition} Position for icon with status (TOP|BOTTOM)
+ * @param name {IconName} Icon name
+ * @param size {IconSize} Size of Icon
+ * @param circled {boolean} Display icon with circular background
  * @param stretched {boolean} Stretched icon
+ * @param color {IconColor} Custom Icon Color
+ * @param backgroundColor {TrilogyColor} Custom Background color (only if circled)
  * @param onClick {Function} onClick Event Icon
- * @param align { Alignable | AlignableValues} align content
  * @param skeleton {boolean} Icon Skeleton
+ * @param testId {string} Test Id for Test Integration
+ * @param align {Alignable | AlignableValues} Align content
  */
 declare const Icon: React.ForwardRefExoticComponent<IconProps & React.RefAttributes<View>>;
 export default Icon;