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

package/lib/components/icon/Icon.native.js

@@ -3,29 +3,25 @@ import { ComponentName } from '../../components/enumsComponentsName';
 import { IconSize } from '../../components/icon/IconEnum';
 import { StatesContext } from '../../context/providerStates';
 import { TrilogyThemeContext } from '../../context/providerTheme.native';
-import { isAndroid, isIOS } from '../../helpers/device.native';
+import { isIOS } from '../../helpers/device.native';
 import { getAlignStyle } from '../../objects/facets/Alignable';
 import { getColorStyle, TrilogyColor } from '../../objects/facets/Color';
 import React, { useContext } from 'react';
-import ContentLoader, { Circle } from 'react-content-loader/native';
 import { StyleSheet, TouchableOpacity, View } from 'react-native';
 import { WithLocalSvg } from 'react-native-svg/css';
+import { Skeleton } from '../skeleton';
 /**
  * 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
  */
 var Icon = React.forwardRef(function (_a, ref) {
     var size = _a.size, name = _a.name, circled = _a.circled, stretched = _a.stretched, color = _a.color, backgroundColor = _a.backgroundColor, onClick = _a.onClick, align = _a.align, skeleton = _a.skeleton, testId = _a.testId, others = __rest(_a, ["size", "name", "circled", "stretched", "color", "backgroundColor", "onClick", "align", "skeleton", "testId"]);
@@ -70,7 +66,7 @@ var Icon = React.forwardRef(function (_a, ref) {
             alignItems: 'center',
             justifyContent: 'center',
             width: defaultSize,
-            height: defaultSize
+            height: defaultSize,
         },
         stretched: {
             justifyContent: 'center',
@@ -97,12 +93,7 @@ var Icon = React.forwardRef(function (_a, ref) {
             justifyContent: 'center',
         },
     });
-    var IconSkeleton = function () { return (React.createElement(ContentLoader, __assign({ style: styles.skeleton }, others),
-        React.createElement(View, { style: { opacity: 0 } }),
-        isAndroid && (React.createElement(View, null, (size === IconSize.HUGE && React.createElement(Circle, { cx: '50', cy: '50', r: '50' })) ||
-            (size === IconSize.LARGE && React.createElement(Circle, { cx: '33', cy: '33', r: '33' })) ||
-            (size === IconSize.MEDIUM && React.createElement(Circle, { cx: '23', cy: '23', r: '23' })) ||
-            (size === IconSize.SMALL && React.createElement(Circle, { cx: '15', cy: '15', r: '15' })) || React.createElement(Circle, { cx: '15', cy: '15', r: '15' }))))); };
+    var IconSkeleton = function () { return (React.createElement(Skeleton, { style: styles.skeleton, width: circledWidth, height: circledWidth, borderRadius: iconSkeletonRadius, testID: 'skeleton-id' })); };
     if (skeleton) {
         return React.createElement(IconSkeleton, null);
     }
@@ -126,4 +117,4 @@ var Icon = React.forwardRef(function (_a, ref) {
 });
 Icon.displayName = ComponentName.Icon;
 export default Icon;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiSWNvbi5uYXRpdmUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9jb21wb25lbnRzL2ljb24vSWNvbi5uYXRpdmUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sa0NBQWtDLENBQUE7QUFDaEUsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLDRCQUE0QixDQUFBO0FBRXJELE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSwwQkFBMEIsQ0FBQTtBQUN4RCxPQUFPLEVBQUUsbUJBQW1CLEVBQUUsTUFBTSxnQ0FBZ0MsQ0FBQTtBQUNwRSxPQUFPLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBRSxNQUFNLHlCQUF5QixDQUFBO0FBQzFELE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSw0QkFBNEIsQ0FBQTtBQUMxRCxPQUFPLEVBQUUsYUFBYSxFQUFFLFlBQVksRUFBc0IsTUFBTSx3QkFBd0IsQ0FBQTtBQUN4RixPQUFPLEtBQUssRUFBRSxFQUFFLFVBQVUsRUFBRSxNQUFNLE9BQU8sQ0FBQTtBQUN6QyxPQUFPLGFBQWEsRUFBRSxFQUFFLE1BQU0sRUFBRSxNQUFNLDZCQUE2QixDQUFBO0FBQ25FLE9BQU8sRUFBRSxVQUFVLEVBQUUsZ0JBQWdCLEVBQUUsSUFBSSxFQUFFLE1BQU0sY0FBYyxDQUFBO0FBQ2pFLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxzQkFBc0IsQ0FBQTtBQUVuRDs7Ozs7Ozs7Ozs7Ozs7OztHQWdCRztBQUNILElBQU0sSUFBSSxHQUFHLEtBQUssQ0FBQyxVQUFVLENBQzNCLFVBQ0UsRUFBdUcsRUFDdkcsR0FBRztJQURELElBQUEsSUFBSSxVQUFBLEVBQUUsSUFBSSxVQUFBLEVBQUUsT0FBTyxhQUFBLEVBQUUsU0FBUyxlQUFBLEVBQUUsS0FBSyxXQUFBLEVBQUUsZUFBZSxxQkFBQSxFQUFFLE9BQU8sYUFBQSxFQUFFLEtBQUssV0FBQSxFQUFFLFFBQVEsY0FBQSxFQUFFLE1BQU0sWUFBQSxFQUFLLE1BQU0sY0FBckcsOEdBQXVHLENBQUY7SUFJMUYsSUFBQSxLQUFLLEdBQ1osVUFBVSxDQUFDLG1CQUFtQixDQUFDLFlBRG5CLENBQ21CO0lBRW5DLElBQU0sYUFBYSxHQUFHLFVBQVUsQ0FBQyxhQUFhLENBQUMsQ0FBQTtJQUMvQyxJQUFNLEtBQUssR0FBRyxFQUFFLENBQUE7SUFFaEIsSUFBTSxXQUFXLEdBQ2YsQ0FBQyxJQUFJLEtBQUssUUFBUSxDQUFDLElBQUksSUFBSSxFQUFFLENBQUM7UUFDOUIsQ0FBQyxJQUFJLEtBQUssUUFBUSxDQUFDLEtBQUssSUFBSSxFQUFFLENBQUM7UUFDL0IsQ0FBQyxJQUFJLEtBQUssUUFBUSxDQUFDLE1BQU0sSUFBSSxFQUFFLENBQUM7UUFDaEMsQ0FBQyxJQUFJLEtBQUssUUFBUSxDQUFDLEtBQUssSUFBSSxFQUFFLENBQUM7UUFDL0IsQ0FBQyxJQUFJLEtBQUssUUFBUSxDQUFDLE9BQU8sSUFBSSxFQUFFLENBQUM7UUFDakMsRUFBRSxDQUFBO0lBRUosSUFBTSxTQUFTLEdBQ2IsQ0FBQyxLQUFLLElBQUksYUFBYSxDQUFDLEtBQTBDLENBQUMsQ0FBQztRQUNwRSxDQUFDLGFBQWEsQ0FBQyxRQUFRLElBQUksYUFBYSxDQUFDLFlBQVksQ0FBQyxVQUFVLENBQUMsQ0FBQztRQUNsRSxhQUFhLENBQUMsWUFBWSxDQUFDLElBQUksQ0FBQyxDQUFBO0lBRWxDLElBQU0sVUFBVSxHQUNkLENBQUMsZUFBZSxJQUFJLGFBQWEsQ0FBQyxlQUFlLENBQUMsQ0FBQyxJQUFJLENBQUMsT0FBTyxJQUFJLGFBQWEsQ0FBQyxZQUFZLENBQUMsSUFBSSxDQUFDLENBQUMsSUFBSSxFQUFFLENBQUE7SUFFNUcsSUFBTSxrQkFBa0IsR0FDdEIsQ0FBQyxJQUFJLEtBQUssUUFBUSxDQUFDLElBQUksSUFBSSxFQUFFLENBQUM7UUFDOUIsQ0FBQyxJQUFJLEtBQUssUUFBUSxDQUFDLEtBQUssSUFBSSxFQUFFLENBQUM7UUFDL0IsQ0FBQyxJQUFJLEtBQUssUUFBUSxDQUFDLE1BQU0sSUFBSSxFQUFFLENBQUM7UUFDaEMsQ0FBQyxJQUFJLEtBQUssUUFBUSxDQUFDLEtBQUssSUFBSSxFQUFFLENBQUM7UUFDL0IsQ0FBQyxJQUFJLEtBQUssUUFBUSxDQUFDLE9BQU8sSUFBSSxFQUFFLENBQUM7UUFDakMsRUFBRSxDQUFBO0lBRUosSUFBTSxZQUFZLEdBQ2hCLENBQUMsSUFBSSxLQUFLLFFBQVEsQ0FBQyxJQUFJLElBQUksRUFBRSxDQUFDO1FBQzlCLENBQUMsSUFBSSxLQUFLLFFBQVEsQ0FBQyxLQUFLLElBQUksRUFBRSxDQUFDO1FBQy9CLENBQUMsSUFBSSxLQUFLLFFBQVEsQ0FBQyxNQUFNLElBQUksRUFBRSxDQUFDO1FBQ2hDLENBQUMsSUFBSSxLQUFLLFFBQVEsQ0FBQyxLQUFLLElBQUksRUFBRSxDQUFDO1FBQy9CLENBQUMsSUFBSSxLQUFLLFFBQVEsQ0FBQyxPQUFPLElBQUksRUFBRSxDQUFDO1FBQ2pDLEVBQUUsQ0FBQTtJQUVKLElBQU0sTUFBTSxHQUFHLFVBQVUsQ0FBQyxNQUFNLENBQUM7UUFDL0IsUUFBUSxFQUFFO1lBQ1IsU0FBUyxFQUFFLGFBQWEsQ0FBQyxLQUFLLENBQUM7U0FDaEM7UUFDRCxXQUFXLEVBQUU7WUFDWCxTQUFTLEVBQUUsUUFBUTtZQUNuQixjQUFjLEVBQUUsUUFBUTtZQUN4QixVQUFVLEVBQUUsUUFBUTtTQUNyQjtRQUNELElBQUksRUFBRTtZQUNKLFNBQVMsRUFBRSxLQUFLLENBQUMsQ0FBQyxDQUFDLENBQUMsU0FBUyxJQUFJLENBQUMsRUFBRSxLQUFLLEVBQUUsT0FBTyxFQUFFLENBQUMsQ0FBQyxJQUFJLENBQUMsRUFBRSxLQUFLLEVBQUUsTUFBTSxFQUFFLENBQUMsQ0FBQyxDQUFDLENBQUMsRUFBRTtTQUNuRjtRQUNELGFBQWEsRUFBRTtZQUNiLFVBQVUsRUFBRSxRQUFRO1lBQ3BCLGNBQWMsRUFBRSxRQUFRO1lBQ3hCLEtBQUssRUFBRSxXQUFXO1lBQ2xCLE1BQU0sRUFBRSxXQUFXO1NBQ3BCO1FBQ0QsU0FBUyxFQUFFO1lBQ1QsY0FBYyxFQUFFLFFBQVE7WUFDeEIsVUFBVSxFQUFFLFFBQVE7WUFDcEIsS0FBSyxFQUFFLFlBQVksR0FBRyxFQUFFO1lBQ3hCLE1BQU0sRUFBRSxZQUFZO1lBQ3BCLGVBQWUsRUFBRSxTQUFTO1lBQzFCLG9CQUFvQixFQUFFLEVBQUU7WUFDeEIsU0FBUyxFQUFFLEtBQUssQ0FBQyxDQUFDLENBQUMsQ0FBQyxTQUFTLElBQUksQ0FBQyxFQUFFLEtBQUssRUFBRSxRQUFRLEVBQUUsQ0FBQyxDQUFDLElBQUksQ0FBQyxFQUFFLEtBQUssRUFBRSxNQUFNLEVBQUUsQ0FBQyxDQUFDLENBQUMsQ0FBQyxFQUFFO1NBQ3BGO1FBQ0QsUUFBUSxFQUFFO1lBQ1IsS0FBSyxFQUFFLFlBQVk7WUFDbkIsTUFBTSxFQUFFLFlBQVk7WUFDcEIsWUFBWSxFQUFFLGtCQUFrQjtZQUNoQyxlQUFlLEVBQUUsYUFBYSxDQUFDLFlBQVksQ0FBQyxZQUFZLENBQUM7WUFDekQsUUFBUSxFQUFFLFFBQVE7U0FDbkI7UUFDRCxPQUFPLEVBQUU7WUFDUCxLQUFLLEVBQUUsWUFBWTtZQUNuQixNQUFNLEVBQUUsWUFBWTtZQUNwQixZQUFZLEVBQUUsWUFBWTtZQUMxQixlQUFlLEVBQUUsVUFBVTtZQUMzQixVQUFVLEVBQUUsUUFBUTtZQUNwQixjQUFjLEVBQUUsUUFBUTtTQUN6QjtLQUNGLENBQUMsQ0FBQTtJQUVGLElBQU0sWUFBWSxHQUFHLGNBQW1CLE9BQUEsQ0FDdEMsb0JBQUMsYUFBYSxhQUFDLEtBQUssRUFBRSxNQUFNLENBQUMsUUFBUSxJQUFNLE1BQU07UUFDL0Msb0JBQUMsSUFBSSxJQUFDLEtBQUssRUFBRSxFQUFFLE9BQU8sRUFBRSxDQUFDLEVBQUUsR0FBSTtRQUM5QixTQUFTLElBQUksQ0FDWixvQkFBQyxJQUFJLFFBQ0YsQ0FBQyxJQUFJLEtBQUssUUFBUSxDQUFDLElBQUksSUFBSSxvQkFBQyxNQUFNLElBQUMsRUFBRSxFQUFDLElBQUksRUFBQyxFQUFFLEVBQUMsSUFBSSxFQUFDLENBQUMsRUFBQyxJQUFJLEdBQUcsQ0FBQztZQUM1RCxDQUFDLElBQUksS0FBSyxRQUFRLENBQUMsS0FBSyxJQUFJLG9CQUFDLE1BQU0sSUFBQyxFQUFFLEVBQUMsSUFBSSxFQUFDLEVBQUUsRUFBQyxJQUFJLEVBQUMsQ0FBQyxFQUFDLElBQUksR0FBRyxDQUFDO1lBQzlELENBQUMsSUFBSSxLQUFLLFFBQVEsQ0FBQyxNQUFNLElBQUksb0JBQUMsTUFBTSxJQUFDLEVBQUUsRUFBQyxJQUFJLEVBQUMsRUFBRSxFQUFDLElBQUksRUFBQyxDQUFDLEVBQUMsSUFBSSxHQUFHLENBQUM7WUFDL0QsQ0FBQyxJQUFJLEtBQUssUUFBUSxDQUFDLEtBQUssSUFBSSxvQkFBQyxNQUFNLElBQUMsRUFBRSxFQUFDLElBQUksRUFBQyxFQUFFLEVBQUMsSUFBSSxFQUFDLENBQUMsRUFBQyxJQUFJLEdBQUcsQ0FBQyxJQUFJLG9CQUFDLE1BQU0sSUFBQyxFQUFFLEVBQUMsSUFBSSxFQUFDLEVBQUUsRUFBQyxJQUFJLEVBQUMsQ0FBQyxFQUFDLElBQUksR0FBRyxDQUNoRyxDQUNSLENBQ2EsQ0FDakIsRUFadUMsQ0FZdkMsQ0FBQTtJQUVELElBQUksUUFBUSxFQUFFO1FBQ1osT0FBTyxvQkFBQyxZQUFZLE9BQUcsQ0FBQTtLQUN4QjtJQUVELElBQUksUUFBUSxHQUFnQixvQkFBQyxJQUFJLE9BQVEsQ0FBQTtJQUV6QyxJQUFJLElBQUksSUFBSSxLQUFLLEVBQUU7UUFDakIsSUFBSSxTQUFTLElBQUksQ0FBQyxPQUFPLEVBQUU7WUFDekIsUUFBUSxHQUFHLENBQ1Qsb0JBQUMsSUFBSSxJQUFDLEtBQUssRUFBRSxNQUFNLENBQUMsU0FBUyxFQUFFLE1BQU0sRUFBRSxVQUFHLE1BQU0sZUFBWTtnQkFDMUQsb0JBQUMsWUFBWSxJQUNYLEtBQUssRUFBRSxDQUFDLE1BQU0sQ0FBQyxXQUFXLEVBQUUsTUFBTSxDQUFDLElBQUksQ0FBQyxFQUN4QyxLQUFLLEVBQUUsS0FBSyxDQUFDLElBQUksQ0FBQyxRQUFRLEVBQUUsQ0FBQyxPQUFPLENBQUMsWUFBWSxFQUFFLEVBQUUsQ0FBQyxDQUFDLE9BQU8sQ0FBQyxNQUFNLEVBQUUsRUFBRSxDQUFDLENBQUMsRUFDM0UsS0FBSyxFQUFFLFdBQVcsRUFDbEIsTUFBTSxFQUFFLFdBQVcsRUFDbkIsS0FBSyxFQUFFLGFBQWEsQ0FBQyxZQUFZLENBQUMsVUFBVSxDQUFDLEdBQzdDLENBQ0csQ0FDUixDQUFBO1NBQ0Y7YUFBTSxJQUFJLE9BQU8sRUFBRTtZQUNsQixRQUFRLEdBQUcsQ0FDVCxvQkFBQyxJQUFJLElBQUMsS0FBSyxFQUFFLE1BQU0sQ0FBQyxPQUFPLEVBQUUsTUFBTSxFQUFFLFVBQUcsTUFBTSxhQUFVO2dCQUN0RCxvQkFBQyxZQUFZLElBQ1gsS0FBSyxFQUFFLENBQUMsTUFBTSxDQUFDLFdBQVcsRUFBRSxNQUFNLENBQUMsSUFBSSxDQUFDLEVBQ3hDLEtBQUssRUFBRSxLQUFLLENBQUMsSUFBSSxDQUFDLFFBQVEsRUFBRSxDQUFDLE9BQU8sQ0FBQyxZQUFZLEVBQUUsRUFBRSxDQUFDLENBQUMsT0FBTyxDQUFDLE1BQU0sRUFBRSxFQUFFLENBQUMsQ0FBQyxFQUMzRSxLQUFLLEVBQUUsV0FBVyxFQUNsQixNQUFNLEVBQUUsV0FBVyxFQUNuQixLQUFLLEVBQUUsU0FBUyxHQUNoQixDQUNHLENBQ1IsQ0FBQTtTQUNGO2FBQU07WUFDTCxRQUFRLEdBQUcsQ0FDVCxvQkFBQyxJQUFJLGFBQUMsS0FBSyxFQUFFLE1BQU0sQ0FBQyxhQUFhLElBQU0sTUFBTTtnQkFDM0Msb0JBQUMsWUFBWSxJQUNYLEtBQUssRUFBRSxDQUFDLE1BQU0sQ0FBQyxJQUFJLEVBQUUsS0FBSyxDQUFDLEVBQzNCLEtBQUssRUFBRSxLQUFLLENBQUMsSUFBSSxDQUFDLFFBQVEsRUFBRSxDQUFDLE9BQU8sQ0FBQyxZQUFZLEVBQUUsRUFBRSxDQUFDLENBQUMsT0FBTyxDQUFDLE1BQU0sRUFBRSxFQUFFLENBQUMsQ0FBQyxFQUMzRSxLQUFLLEVBQUUsV0FBVyxFQUNsQixNQUFNLEVBQUUsV0FBVyxFQUNuQixLQUFLLEVBQUUsU0FBUyxHQUNoQixDQUNHLENBQ1IsQ0FBQTtTQUNGO0tBQ0Y7SUFFRCxPQUFPLE9BQU8sQ0FBQyxDQUFDLENBQUMsQ0FDZixvQkFBQyxJQUFJLElBQUMsS0FBSyxFQUFFLE1BQU0sQ0FBQyxRQUFRLEVBQUUsTUFBTSxFQUFFLE1BQU0sRUFBRSxHQUFHLEVBQUUsR0FBRztRQUNwRCxvQkFBQyxnQkFBZ0IsSUFDZixLQUFLLEVBQUUsRUFBRSxLQUFLLEVBQUUsTUFBTSxFQUFFLEVBQ3hCLE9BQU8sRUFBRSxPQUFPLEVBQ2hCLGFBQWEsRUFBRSxJQUFJLEVBQ25CLE1BQU0sRUFBRSxVQUFHLE1BQU0sZUFBWSxJQUU1QixRQUFRLENBQ1EsQ0FDZCxDQUNSLENBQUMsQ0FBQyxDQUFDLENBQ0Ysb0JBQUMsSUFBSSxJQUFDLEtBQUssRUFBRSxNQUFNLENBQUMsUUFBUSxFQUFFLE1BQU0sRUFBRSxNQUFNLEVBQUUsR0FBRyxFQUFFLEdBQUcsSUFDbkQsUUFBUSxDQUNKLENBQ1IsQ0FBQTtBQUNILENBQUMsQ0FDRixDQUFBO0FBRUQsSUFBSSxDQUFDLFdBQVcsR0FBRyxhQUFhLENBQUMsSUFBSSxDQUFBO0FBRXJDLGVBQWUsSUFBSSxDQUFBIn0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiSWNvbi5uYXRpdmUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9jb21wb25lbnRzL2ljb24vSWNvbi5uYXRpdmUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sa0NBQWtDLENBQUE7QUFDaEUsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLDRCQUE0QixDQUFBO0FBRXJELE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSwwQkFBMEIsQ0FBQTtBQUN4RCxPQUFPLEVBQUUsbUJBQW1CLEVBQUUsTUFBTSxnQ0FBZ0MsQ0FBQTtBQUNwRSxPQUFPLEVBQUUsS0FBSyxFQUFFLE1BQU0seUJBQXlCLENBQUE7QUFDL0MsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLDRCQUE0QixDQUFBO0FBQzFELE9BQU8sRUFBRSxhQUFhLEVBQUUsWUFBWSxFQUFzQixNQUFNLHdCQUF3QixDQUFBO0FBQ3hGLE9BQU8sS0FBSyxFQUFFLEVBQUUsVUFBVSxFQUFFLE1BQU0sT0FBTyxDQUFBO0FBQ3pDLE9BQU8sRUFBRSxVQUFVLEVBQUUsZ0JBQWdCLEVBQUUsSUFBSSxFQUFFLE1BQU0sY0FBYyxDQUFBO0FBQ2pFLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxzQkFBc0IsQ0FBQTtBQUNuRCxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0sYUFBYSxDQUFBO0FBRXRDOzs7Ozs7Ozs7Ozs7R0FZRztBQUNILElBQU0sSUFBSSxHQUFHLEtBQUssQ0FBQyxVQUFVLENBQzNCLFVBQ0UsRUFBdUcsRUFDdkcsR0FBRztJQURELElBQUEsSUFBSSxVQUFBLEVBQUUsSUFBSSxVQUFBLEVBQUUsT0FBTyxhQUFBLEVBQUUsU0FBUyxlQUFBLEVBQUUsS0FBSyxXQUFBLEVBQUUsZUFBZSxxQkFBQSxFQUFFLE9BQU8sYUFBQSxFQUFFLEtBQUssV0FBQSxFQUFFLFFBQVEsY0FBQSxFQUFFLE1BQU0sWUFBQSxFQUFLLE1BQU0sY0FBckcs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

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

@@ -4,13 +4,17 @@ export declare enum IconName {
     ARROW_LEFT = "tri-arrow-left",
     ARROW_RIGHT = "tri-arrow-right",
     ARROW_UP = "tri-arrow-up",
+    ARROW_HIGH = "tri-arrow-high",
     BELL = "tri-bell",
+    CALENDAR = "tri-calendar",
     CHECK_CIRCLE = "tri-check-circle",
     CHECK = "tri-check",
     EXCLAMATION_CIRCLE = "tri-exclamation-circle",
     EYE_SLASH = "tri-eye-slash",
     EYE = "tri-eye",
+    FILE_ATTACHED = "tri-file-attached",
     INFOS_CIRCLE = "tri-infos-circle",
+    MICRO = "tri-micro",
     SEARCH = "tri-search",
     TIMES = "tri-times",
     TIMES_CIRCLE = "tri-times",
@@ -22,6 +26,8 @@ export declare enum IconName {
     PICTO_PAYMENT_CB = "tri-picto-payment-cb",
     PICTO_PAYMENT_MASTERCARD = "tri-picto-payment-mastercard",
     PICTO_PAYMENT_PAYPAL = "tri-picto-payment-paypal",
-    PICTO_PAYMENT_VISA = "tri-picto-payment-visa"
+    PICTO_PAYMENT_VISA = "tri-picto-payment-visa",
+    PARPERCLIP = "tri-paperclip",
+    CLOCK = "tri-clock"
 }
 export type IconNameValues = `${IconName}`;

package/lib/components/icon/IconNameEnum.js

@@ -5,13 +5,17 @@ export var IconName;
     IconName["ARROW_LEFT"] = "tri-arrow-left";
     IconName["ARROW_RIGHT"] = "tri-arrow-right";
     IconName["ARROW_UP"] = "tri-arrow-up";
+    IconName["ARROW_HIGH"] = "tri-arrow-high";
     IconName["BELL"] = "tri-bell";
+    IconName["CALENDAR"] = "tri-calendar";
     IconName["CHECK_CIRCLE"] = "tri-check-circle";
     IconName["CHECK"] = "tri-check";
     IconName["EXCLAMATION_CIRCLE"] = "tri-exclamation-circle";
     IconName["EYE_SLASH"] = "tri-eye-slash";
     IconName["EYE"] = "tri-eye";
+    IconName["FILE_ATTACHED"] = "tri-file-attached";
     IconName["INFOS_CIRCLE"] = "tri-infos-circle";
+    IconName["MICRO"] = "tri-micro";
     IconName["SEARCH"] = "tri-search";
     IconName["TIMES"] = "tri-times";
     IconName["TIMES_CIRCLE"] = "tri-times";
@@ -24,5 +28,7 @@ export var IconName;
     IconName["PICTO_PAYMENT_MASTERCARD"] = "tri-picto-payment-mastercard";
     IconName["PICTO_PAYMENT_PAYPAL"] = "tri-picto-payment-paypal";
     IconName["PICTO_PAYMENT_VISA"] = "tri-picto-payment-visa";
+    IconName["PARPERCLIP"] = "tri-paperclip";
+    IconName["CLOCK"] = "tri-clock";
 })(IconName || (IconName = {}));
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiSWNvbk5hbWVFbnVtLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vY29tcG9uZW50cy9pY29uL0ljb25OYW1lRW51bS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxNQUFNLENBQU4sSUFBWSxRQXlCWDtBQXpCRCxXQUFZLFFBQVE7SUFDbEIsK0JBQW1CLENBQUE7SUFDbkIseUNBQTZCLENBQUE7SUFDN0IseUNBQTZCLENBQUE7SUFDN0IsMkNBQStCLENBQUE7SUFDL0IscUNBQXlCLENBQUE7SUFDekIsNkJBQWlCLENBQUE7SUFDakIsNkNBQWlDLENBQUE7SUFDakMsK0JBQW1CLENBQUE7SUFDbkIseURBQTZDLENBQUE7SUFDN0MsdUNBQTJCLENBQUE7SUFDM0IsMkJBQWUsQ0FBQTtJQUNmLDZDQUFpQyxDQUFBO0lBQ2pDLGlDQUFxQixDQUFBO0lBQ3JCLCtCQUFtQixDQUFBO0lBQ25CLHNDQUEwQixDQUFBO0lBQzFCLCtCQUFtQixDQUFBO0lBQ25CLGlEQUFxQyxDQUFBO0lBQ3JDLHlEQUE2QyxDQUFBO0lBQzdDLGlEQUFxQyxDQUFBO0lBQ3JDLCtFQUFtRSxDQUFBO0lBQ25FLHFEQUF5QyxDQUFBO0lBQ3pDLHFFQUF5RCxDQUFBO0lBQ3pELDZEQUFpRCxDQUFBO0lBQ2pELHlEQUE2QyxDQUFBO0FBQy9DLENBQUMsRUF6QlcsUUFBUSxLQUFSLFFBQVEsUUF5Qm5CIn0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiSWNvbk5hbWVFbnVtLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vY29tcG9uZW50cy9pY29uL0ljb25OYW1lRW51bS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxNQUFNLENBQU4sSUFBWSxRQStCWDtBQS9CRCxXQUFZLFFBQVE7SUFDbEIsK0JBQW1CLENBQUE7SUFDbkIseUNBQTZCLENBQUE7SUFDN0IseUNBQTZCLENBQUE7SUFDN0IsMkNBQStCLENBQUE7SUFDL0IscUNBQXlCLENBQUE7SUFDekIseUNBQTZCLENBQUE7SUFDN0IsNkJBQWlCLENBQUE7SUFDakIscUNBQXlCLENBQUE7SUFDekIsNkNBQWlDLENBQUE7SUFDakMsK0JBQW1CLENBQUE7SUFDbkIseURBQTZDLENBQUE7SUFDN0MsdUNBQTJCLENBQUE7SUFDM0IsMkJBQWUsQ0FBQTtJQUNmLCtDQUFtQyxDQUFBO0lBQ25DLDZDQUFpQyxDQUFBO0lBQ2pDLCtCQUFtQixDQUFBO0lBQ25CLGlDQUFxQixDQUFBO0lBQ3JCLCtCQUFtQixDQUFBO0lBQ25CLHNDQUEwQixDQUFBO0lBQzFCLCtCQUFtQixDQUFBO0lBQ25CLGlEQUFxQyxDQUFBO0lBQ3JDLHlEQUE2QyxDQUFBO0lBQzdDLGlEQUFxQyxDQUFBO0lBQ3JDLCtFQUFtRSxDQUFBO0lBQ25FLHFEQUF5QyxDQUFBO0lBQ3pDLHFFQUF5RCxDQUFBO0lBQ3pELDZEQUFpRCxDQUFBO0lBQ2pELHlEQUE2QyxDQUFBO0lBQzdDLHdDQUE0QixDQUFBO0lBQzVCLCtCQUFtQixDQUFBO0FBQ3JCLENBQUMsRUEvQlcsUUFBUSxLQUFSLFFBQVEsUUErQm5CIn0=

package/lib/components/icon/IconPropsDefaults.js

@@ -7,13 +7,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",
@@ -25,18 +29,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",
@@ -47,7 +57,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"
     ]
   },
   "size": {
@@ -93,12 +105,6 @@ export default {
     "type": "enum",
     "values": [
       "undefined",
-      "SUCCESS",
-      "INFO",
-      "WARNING",
-      "ERROR",
-      "MAIN",
-      "ACCENT",
       "WHITE",
       "MAIN",
       "MAIN_FADE",
@@ -119,20 +125,28 @@ export default {
       "NEUTRAL",
       "NEUTRAL_FADE",
       "STROKE",
+      "STROKE_FADE",
       "WHITE",
+      "MAIN",
       "MAIN_FADE",
+      "ACCENT",
       "ACCENT_FADE",
       "FONT",
       "FONT_PLACEHOLDER",
+      "SUCCESS",
       "SUCCESS_FADE",
+      "INFO",
       "INFO_FADE",
+      "WARNING",
       "WARNING_FADE",
+      "ERROR",
       "ERROR_FADE",
       "DISABLED",
       "DISABLED_FADE",
       "NEUTRAL",
       "NEUTRAL_FADE",
-      "STROKE"
+      "STROKE",
+      "STROKE_FADE"
     ]
   },
   "skeleton": {

package/lib/components/image/Image.d.ts

@@ -4,14 +4,18 @@ import { ImageProps } from './ImageProps';
  * Image Component
  * @param src {string} Image source
  * @param alt {string} Image alt
- * @param radius {RadiusValues} Image border radius size
- * @param width {number|string} Image width (Number if not percent else string)
- * @param height {number|string} Image height (Number if not percent else string)
+ * @param width {number|string} Image width (number for px, string for %)
+ * @param height {number|string} Image height (number for px, string for %)
  * @param onClick {Function} onClick Event
- * @param align {Alignable} Align Image
  * @param circled {boolean} Circled Image
+ * @param testId {string} Test Id for Test Integration
+ * @param id {string} Custom id attribute
  * - -------------------------- WEB PROPERTIES -------------------------------
- * @param className {string} Additional CSS Classes (ONLY FOR WEB)
+ * @param className {string} Additional CSS Classes
+ * @param radius {RadiusValues} Image border radius size
+ * @param align {Alignable} Image alignment
+ * - -------------------------- NATIVE PROPERTIES -------------------------------
+ * @param cache {ImageCache} Caching strategy for the image
  */
 declare const Image: React.ForwardRefExoticComponent<ImageProps & React.RefAttributes<HTMLElement>>;
 export default Image;

package/lib/components/image/Image.js

@@ -10,17 +10,21 @@ import { ComponentName } from '../enumsComponentsName';
  * Image Component
  * @param src {string} Image source
  * @param alt {string} Image alt
- * @param radius {RadiusValues} Image border radius size
- * @param width {number|string} Image width (Number if not percent else string)
- * @param height {number|string} Image height (Number if not percent else string)
+ * @param width {number|string} Image width (number for px, string for %)
+ * @param height {number|string} Image height (number for px, string for %)
  * @param onClick {Function} onClick Event
- * @param align {Alignable} Align Image
  * @param circled {boolean} Circled Image
+ * @param testId {string} Test Id for Test Integration
+ * @param id {string} Custom id attribute
  * - -------------------------- WEB PROPERTIES -------------------------------
- * @param className {string} Additional CSS Classes (ONLY FOR WEB)
+ * @param className {string} Additional CSS Classes
+ * @param radius {RadiusValues} Image border radius size
+ * @param align {Alignable} Image alignment
+ * - -------------------------- NATIVE PROPERTIES -------------------------------
+ * @param cache {ImageCache} Caching strategy for the image
  */
 var Image = React.forwardRef(function (_a, ref) {
-    var src = _a.src, _b = _a.alt, alt = _b === void 0 ? '' : _b, className = _a.className, id = _a.id, circled = _a.circled, width = _a.width, height = _a.height, onClick = _a.onClick, radius = _a.radius, align = _a.align, others = __rest(_a, ["src", "alt", "className", "id", "circled", "width", "height", "onClick", "radius", "align"]);
+    var src = _a.src, _b = _a.alt, alt = _b === void 0 ? '' : _b, className = _a.className, id = _a.id, circled = _a.circled, width = _a.width, height = _a.height, onClick = _a.onClick, radius = _a.radius, align = _a.align, testId = _a.testId, others = __rest(_a, ["src", "alt", "className", "id", "circled", "width", "height", "onClick", "radius", "align", "testId"]);
     var styled = useTrilogyContext().styled;
     var classes = hashClass(styled, clsx('image', className, align && is(getJustifiedClassName(align))));
     // eslint-disable-next-line @typescript-eslint/no-explicit-any
@@ -30,7 +34,7 @@ var Image = React.forwardRef(function (_a, ref) {
             height: height,
         },
     };
-    return (React.createElement("figure", __assign({ ref: ref, id: id, onClick: function (e) {
+    return (React.createElement("figure", __assign({ "data-testid": testId, ref: ref, id: id, onClick: function (e) {
             onClick === null || onClick === void 0 ? void 0 : onClick(e);
             e.stopPropagation();
         }, className: classes }, others),
@@ -38,4 +42,4 @@ var Image = React.forwardRef(function (_a, ref) {
 });
 Image.displayName = ComponentName.Image;
 export default Image;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiSW1hZ2UuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9jb21wb25lbnRzL2ltYWdlL0ltYWdlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sV0FBVyxDQUFBO0FBQzdDLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSxXQUFXLENBQUE7QUFDckMsT0FBTyxFQUFFLHFCQUFxQixFQUFFLE1BQU0sV0FBVyxDQUFBO0FBQ2pELE9BQU8sRUFBRSxHQUFHLEVBQUUsRUFBRSxFQUFFLE1BQU0sWUFBWSxDQUFBO0FBQ3BDLE9BQU8sSUFBSSxNQUFNLE1BQU0sQ0FBQTtBQUN2QixPQUFPLEtBQUssS0FBSyxNQUFNLE9BQU8sQ0FBQTtBQUU5QixPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sd0JBQXdCLENBQUE7QUFFdEQ7Ozs7Ozs7Ozs7OztHQVlHO0FBQ0gsSUFBTSxLQUFLLEdBQUcsS0FBSyxDQUFDLFVBQVUsQ0FBdUIsVUFBQyxFQVlyRCxFQUFFLEdBQUc7SUFYSixJQUFBLEdBQUcsU0FBQSxFQUNILFdBQVEsRUFBUixHQUFHLG1CQUFHLEVBQUUsS0FBQSxFQUNSLFNBQVMsZUFBQSxFQUNULEVBQUUsUUFBQSxFQUNGLE9BQU8sYUFBQSxFQUNQLEtBQUssV0FBQSxFQUNMLE1BQU0sWUFBQSxFQUNOLE9BQU8sYUFBQSxFQUNQLE1BQU0sWUFBQSxFQUNOLEtBQUssV0FBQSxFQUNGLE1BQU0sY0FYMkMsNkZBWXJELENBRFU7SUFFRCxJQUFBLE1BQU0sR0FBSyxpQkFBaUIsRUFBRSxPQUF4QixDQUF3QjtJQUN0QyxJQUFNLE9BQU8sR0FBRyxTQUFTLENBQUMsTUFBTSxFQUFFLElBQUksQ0FBQyxPQUFPLEVBQUUsU0FBUyxFQUFFLEtBQUssSUFBSSxFQUFFLENBQUMscUJBQXFCLENBQUMsS0FBSyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUE7SUFFdEcsOERBQThEO0lBQzlELElBQU0sTUFBTSxHQUE4QjtRQUN4QyxLQUFLLEVBQUU7WUFDTCxLQUFLLEVBQUUsS0FBSztZQUNaLE1BQU0sRUFBRSxNQUFNO1NBQ2Y7S0FDRixDQUFBO0lBRUQsT0FBTyxDQUNMLHlDQUNFLEdBQUcsRUFBRSxHQUFHLEVBQ1IsRUFBRSxFQUFFLEVBQUUsRUFDTixPQUFPLEVBQUUsVUFBQyxDQUFDO1lBQ1QsT0FBTyxhQUFQLE9BQU8sdUJBQVAsT0FBTyxDQUFHLENBQUMsQ0FBQyxDQUFBO1lBQ1osQ0FBQyxDQUFDLGVBQWUsRUFBRSxDQUFBO1FBQ3JCLENBQUMsRUFDRCxTQUFTLEVBQUUsT0FBTyxJQUNkLE1BQU07UUFFViw2QkFDRSxLQUFLLEVBQUUsTUFBTSxDQUFDLEtBQUssRUFDbkIsU0FBUyxFQUFFLFNBQVMsQ0FBQyxNQUFNLEVBQUUsSUFBSSxDQUFDLE1BQU0sSUFBSSxHQUFHLENBQUMsd0JBQWlCLE1BQU0sQ0FBRSxDQUFDLEVBQUUsT0FBTyxDQUFDLENBQUMsQ0FBQyxFQUFFLENBQUMsU0FBUyxDQUFDLENBQUMsQ0FBQyxDQUFDLEVBQUUsQ0FBQyxDQUFDLEVBQzFHLEdBQUcsRUFBRSxPQUFPLEdBQUcsS0FBSyxRQUFRLENBQUMsQ0FBQyxDQUFDLEdBQUcsQ0FBQyxDQUFDLENBQUMsRUFBRSxFQUN2QyxHQUFHLEVBQUUsR0FBRyxHQUNSLENBQ0ssQ0FDVixDQUFBO0FBQ0gsQ0FBQyxDQUFDLENBQUE7QUFFRixLQUFLLENBQUMsV0FBVyxHQUFHLGFBQWEsQ0FBQyxLQUFLLENBQUE7QUFDdkMsZUFBZSxLQUFLLENBQUEifQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiSW1hZ2UuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9jb21wb25lbnRzL2ltYWdlL0ltYWdlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sV0FBVyxDQUFBO0FBQzdDLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSxXQUFXLENBQUE7QUFDckMsT0FBTyxFQUFFLHFCQUFxQixFQUFFLE1BQU0sV0FBVyxDQUFBO0FBQ2pELE9BQU8sRUFBRSxHQUFHLEVBQUUsRUFBRSxFQUFFLE1BQU0sWUFBWSxDQUFBO0FBQ3BDLE9BQU8sSUFBSSxNQUFNLE1BQU0sQ0FBQTtBQUN2QixPQUFPLEtBQUssS0FBSyxNQUFNLE9BQU8sQ0FBQTtBQUM5QixPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sd0JBQXdCLENBQUE7QUFHdEQ7Ozs7Ozs7Ozs7Ozs7Ozs7R0FnQkc7QUFDSCxJQUFNLEtBQUssR0FBRyxLQUFLLENBQUMsVUFBVSxDQUM1QixVQUNFLEVBQW1HLEVBQ25HLEdBQUc7SUFERCxJQUFBLEdBQUcsU0FBQSxFQUFFLFdBQVEsRUFBUixHQUFHLG1CQUFHLEVBQUUsS0FBQSxFQUFFLFNBQVMsZUFBQSxFQUFFLEVBQUUsUUFBQSxFQUFFLE9BQU8sYUFBQSxFQUFFLEtBQUssV0FBQSxFQUFFLE1BQU0sWUFBQSxFQUFFLE9BQU8sYUFBQSxFQUFFLE1BQU0sWUFBQSxFQUFFLEtBQUssV0FBQSxFQUFFLE1BQU0sWUFBQSxFQUFLLE1BQU0sY0FBakcsdUdBQW1HLENBQUY7SUFHekYsSUFBQSxNQUFNLEdBQUssaUJBQWlCLEVBQUUsT0FBeEIsQ0FBd0I7SUFDdEMsSUFBTSxPQUFPLEdBQUcsU0FBUyxDQUFDLE1BQU0sRUFBRSxJQUFJLENBQUMsT0FBTyxFQUFFLFNBQVMsRUFBRSxLQUFLLElBQUksRUFBRSxDQUFDLHFCQUFxQixDQUFDLEtBQUssQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFBO0lBRXRHLDhEQUE4RDtJQUM5RCxJQUFNLE1BQU0sR0FBOEI7UUFDeEMsS0FBSyxFQUFFO1lBQ0wsS0FBSyxFQUFFLEtBQUs7WUFDWixNQUFNLEVBQUUsTUFBTTtTQUNmO0tBQ0YsQ0FBQTtJQUVELE9BQU8sQ0FDTCx3REFDZSxNQUFNLEVBQ25CLEdBQUcsRUFBRSxHQUFHLEVBQ1IsRUFBRSxFQUFFLEVBQUUsRUFDTixPQUFPLEVBQUUsVUFBQyxDQUFDO1lBQ1QsT0FBTyxhQUFQLE9BQU8sdUJBQVAsT0FBTyxDQUFHLENBQUMsQ0FBQyxDQUFBO1lBQ1osQ0FBQyxDQUFDLGVBQWUsRUFBRSxDQUFBO1FBQ3JCLENBQUMsRUFDRCxTQUFTLEVBQUUsT0FBTyxJQUNkLE1BQU07UUFFViw2QkFDRSxLQUFLLEVBQUUsTUFBTSxDQUFDLEtBQUssRUFDbkIsU0FBUyxFQUFFLFNBQVMsQ0FBQyxNQUFNLEVBQUUsSUFBSSxDQUFDLE1BQU0sSUFBSSxHQUFHLENBQUMsd0JBQWlCLE1BQU0sQ0FBRSxDQUFDLEVBQUUsT0FBTyxDQUFDLENBQUMsQ0FBQyxFQUFFLENBQUMsU0FBUyxDQUFDLENBQUMsQ0FBQyxDQUFDLEVBQUUsQ0FBQyxDQUFDLEVBQzFHLEdBQUcsRUFBRSxPQUFPLEdBQUcsS0FBSyxRQUFRLENBQUMsQ0FBQyxDQUFDLEdBQUcsQ0FBQyxDQUFDLENBQUMsRUFBRSxFQUN2QyxHQUFHLEVBQUUsR0FBRyxHQUNSLENBQ0ssQ0FDVixDQUFBO0FBQ0gsQ0FBQyxDQUNGLENBQUE7QUFFRCxLQUFLLENBQUMsV0FBVyxHQUFHLGFBQWEsQ0FBQyxLQUFLLENBQUE7QUFDdkMsZUFBZSxLQUFLLENBQUEifQ==

package/lib/components/image/Image.native.d.ts

@@ -5,11 +5,13 @@ import { ImageProps } from './ImageProps';
  * Image Component
  * @param src {string} Image source
  * @param alt {string} Image alt
- * @param radius {RadiusValues} Image border radius size
- * @param width {number|string} Image width (Number if not percent else string)
- * @param height {number|string} Image height (Number if not percent else string)
+ * @param width {number|string} Image width (number for px, string for %)
+ * @param height {number|string} Image height (number for px, string for %)
  * @param onClick {Function} onClick Event
  * @param circled {boolean} Circled Image
+ * @param testId {string} Test Id for Test Integration
+ * @param id {string} Custom id attribute
+ * @param cache {ImageCache} Caching strategy for the image
  */
 declare const Image: React.ForwardRefExoticComponent<ImageProps & React.RefAttributes<ImageNative>>;
 export default Image;

package/lib/components/image/Image.native.js

@@ -6,27 +6,49 @@ import { Image as ImageNative, StyleSheet, TouchableOpacity, View } from 'react-
  * Image Component
  * @param src {string} Image source
  * @param alt {string} Image alt
- * @param radius {RadiusValues} Image border radius size
- * @param width {number|string} Image width (Number if not percent else string)
- * @param height {number|string} Image height (Number if not percent else string)
+ * @param width {number|string} Image width (number for px, string for %)
+ * @param height {number|string} Image height (number for px, string for %)
  * @param onClick {Function} onClick Event
  * @param circled {boolean} Circled Image
+ * @param testId {string} Test Id for Test Integration
+ * @param id {string} Custom id attribute
+ * @param cache {ImageCache} Caching strategy for the image
  */
 var Image = React.forwardRef(function (_a, ref) {
-    var src = _a.src, _b = _a.alt, alt = _b === void 0 ? '' : _b, circled = _a.circled, width = _a.width, height = _a.height, onClick = _a.onClick, others = __rest(_a, ["src", "alt", "circled", "width", "height", "onClick"]);
+    var src = _a.src, _b = _a.alt, alt = _b === void 0 ? '' : _b, circled = _a.circled, width = _a.width, height = _a.height, onClick = _a.onClick, cache = _a.cache, testId = _a.testId, others = __rest(_a, ["src", "alt", "circled", "width", "height", "onClick", "cache", "testId"]);
     var styles = StyleSheet.create({
         image: {
             width: width ? width : '100%',
             height: height ? height : '100%',
             borderRadius: circled ? 100 : 0,
             overflow: circled ? 'hidden' : 'visible',
-            resizeMode: 'contain',
+            resizeMode: circled ? undefined : 'contain',
         },
     });
-    var image = (React.createElement(ImageNative, __assign({ ref: ref, style: styles.image, accessibilityLabel: alt, source: typeof src === 'number' ? src : { uri: src } }, others, { alt: alt })));
+    var getCachePolicy = function (cacheType) {
+        switch (cacheType) {
+            case 'immutable':
+                // Aggressive caching - image never changes, cache indefinitely
+                return 'force-cache';
+            case 'cacheOnly':
+                // Only load from cache, never fetch from network
+                return 'only-if-cached';
+            case 'web':
+            default:
+                // Standard web behavior - respect HTTP headers and cache intelligently
+                return 'default';
+        }
+    };
+    var imageSource = typeof src === 'number'
+        ? src
+        : {
+            uri: src,
+            cache: getCachePolicy(cache),
+        };
+    var image = (React.createElement(ImageNative, __assign({ testID: testId, ref: ref, style: styles.image, accessibilityLabel: alt, source: imageSource }, others, { alt: alt })));
     return onClick ? (React.createElement(View, null,
         React.createElement(TouchableOpacity, { onPress: onClick, activeOpacity: 0.85 }, image))) : (image);
 });
 Image.displayName = ComponentName.Image;
 export default Image;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiSW1hZ2UubmF0aXZlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vY29tcG9uZW50cy9pbWFnZS9JbWFnZS5uYXRpdmUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sa0NBQWtDLENBQUE7QUFDaEUsT0FBTyxLQUFLLEtBQUssTUFBTSxPQUFPLENBQUE7QUFDOUIsT0FBTyxFQUFFLEtBQUssSUFBSSxXQUFXLEVBQUUsVUFBVSxFQUFFLGdCQUFnQixFQUFFLElBQUksRUFBRSxNQUFNLGNBQWMsQ0FBQTtBQUd2Rjs7Ozs7Ozs7O0dBU0c7QUFDSCxJQUFNLEtBQUssR0FBRyxLQUFLLENBQUMsVUFBVSxDQUE2QixVQUFDLEVBQTZELEVBQUUsR0FBRztJQUFoRSxJQUFBLEdBQUcsU0FBQSxFQUFFLFdBQVEsRUFBUixHQUFHLG1CQUFHLEVBQUUsS0FBQSxFQUFFLE9BQU8sYUFBQSxFQUFFLEtBQUssV0FBQSxFQUFFLE1BQU0sWUFBQSxFQUFFLE9BQU8sYUFBQSxFQUFLLE1BQU0sY0FBM0QsdURBQTZELENBQUY7SUFDckgsSUFBTSxNQUFNLEdBQUcsVUFBVSxDQUFDLE1BQU0sQ0FBQztRQUMvQixLQUFLLEVBQUU7WUFDTCxLQUFLLEVBQUUsS0FBSyxDQUFDLENBQUMsQ0FBQyxLQUFLLENBQUMsQ0FBQyxDQUFDLE1BQU07WUFDN0IsTUFBTSxFQUFFLE1BQU0sQ0FBQyxDQUFDLENBQUMsTUFBTSxDQUFDLENBQUMsQ0FBQyxNQUFNO1lBQ2hDLFlBQVksRUFBRSxPQUFPLENBQUMsQ0FBQyxDQUFDLEdBQUcsQ0FBQyxDQUFDLENBQUMsQ0FBQztZQUMvQixRQUFRLEVBQUUsT0FBTyxDQUFDLENBQUMsQ0FBQyxRQUFRLENBQUMsQ0FBQyxDQUFDLFNBQVM7WUFDeEMsVUFBVSxFQUFFLFNBQVM7U0FDdEI7S0FDRixDQUFDLENBQUE7SUFFRixJQUFNLEtBQUssR0FBRyxDQUNaLG9CQUFDLFdBQVcsYUFDVixHQUFHLEVBQUUsR0FBRyxFQUNSLEtBQUssRUFBRSxNQUFNLENBQUMsS0FBSyxFQUNuQixrQkFBa0IsRUFBRSxHQUFHLEVBQ3ZCLE1BQU0sRUFBRSxPQUFPLEdBQUcsS0FBSyxRQUFRLENBQUMsQ0FBQyxDQUFDLEdBQUcsQ0FBQyxDQUFDLENBQUMsRUFBRSxHQUFHLEVBQUUsR0FBRyxFQUFFLElBQ2hELE1BQU0sSUFDVixHQUFHLEVBQUUsR0FBRyxJQUNSLENBQ0gsQ0FBQTtJQUVELE9BQU8sT0FBTyxDQUFDLENBQUMsQ0FBQyxDQUNmLG9CQUFDLElBQUk7UUFDSCxvQkFBQyxnQkFBZ0IsSUFBQyxPQUFPLEVBQUUsT0FBTyxFQUFFLGFBQWEsRUFBRSxJQUFJLElBQ3BELEtBQUssQ0FDVyxDQUNkLENBQ1IsQ0FBQyxDQUFDLENBQUMsQ0FDRixLQUFLLENBQ04sQ0FBQTtBQUNILENBQUMsQ0FBQyxDQUFBO0FBRUYsS0FBSyxDQUFDLFdBQVcsR0FBRyxhQUFhLENBQUMsS0FBSyxDQUFBO0FBRXZDLGVBQWUsS0FBSyxDQUFBIn0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiSW1hZ2UubmF0aXZlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vY29tcG9uZW50cy9pbWFnZS9JbWFnZS5uYXRpdmUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sa0NBQWtDLENBQUE7QUFDaEUsT0FBTyxLQUFLLEtBQUssTUFBTSxPQUFPLENBQUE7QUFDOUIsT0FBTyxFQUFFLEtBQUssSUFBSSxXQUFXLEVBQUUsVUFBVSxFQUFFLGdCQUFnQixFQUFFLElBQUksRUFBRSxNQUFNLGNBQWMsQ0FBQTtBQUd2Rjs7Ozs7Ozs7Ozs7R0FXRztBQUNILElBQU0sS0FBSyxHQUFHLEtBQUssQ0FBQyxVQUFVLENBQzVCLFVBQUMsRUFBNEUsRUFBRSxHQUFHO0lBQS9FLElBQUEsR0FBRyxTQUFBLEVBQUUsV0FBUSxFQUFSLEdBQUcsbUJBQUcsRUFBRSxLQUFBLEVBQUUsT0FBTyxhQUFBLEVBQUUsS0FBSyxXQUFBLEVBQUUsTUFBTSxZQUFBLEVBQUUsT0FBTyxhQUFBLEVBQUUsS0FBSyxXQUFBLEVBQUUsTUFBTSxZQUFBLEVBQUssTUFBTSxjQUExRSwwRUFBNEUsQ0FBRjtJQUN6RSxJQUFNLE1BQU0sR0FBRyxVQUFVLENBQUMsTUFBTSxDQUFDO1FBQy9CLEtBQUssRUFBRTtZQUNMLEtBQUssRUFBRSxLQUFLLENBQUMsQ0FBQyxDQUFDLEtBQUssQ0FBQyxDQUFDLENBQUMsTUFBTTtZQUM3QixNQUFNLEVBQUUsTUFBTSxDQUFDLENBQUMsQ0FBQyxNQUFNLENBQUMsQ0FBQyxDQUFDLE1BQU07WUFDaEMsWUFBWSxFQUFFLE9BQU8sQ0FBQyxDQUFDLENBQUMsR0FBRyxDQUFDLENBQUMsQ0FBQyxDQUFDO1lBQy9CLFFBQVEsRUFBRSxPQUFPLENBQUMsQ0FBQyxDQUFDLFFBQVEsQ0FBQyxDQUFDLENBQUMsU0FBUztZQUN4QyxVQUFVLEVBQUUsT0FBTyxDQUFDLENBQUMsQ0FBQyxTQUFTLENBQUMsQ0FBQyxDQUFDLFNBQVM7U0FDNUM7S0FDRixDQUFDLENBQUE7SUFFRixJQUFNLGNBQWMsR0FBRyxVQUNyQixTQUFzQjtRQUV0QixRQUFRLFNBQVMsRUFBRTtZQUNqQixLQUFLLFdBQVc7Z0JBQ2QsK0RBQStEO2dCQUMvRCxPQUFPLGFBQWEsQ0FBQTtZQUN0QixLQUFLLFdBQVc7Z0JBQ2QsaURBQWlEO2dCQUNqRCxPQUFPLGdCQUFnQixDQUFBO1lBQ3pCLEtBQUssS0FBSyxDQUFDO1lBQ1g7Z0JBQ0UsdUVBQXVFO2dCQUN2RSxPQUFPLFNBQVMsQ0FBQTtTQUNuQjtJQUNILENBQUMsQ0FBQTtJQUVELElBQU0sV0FBVyxHQUNmLE9BQU8sR0FBRyxLQUFLLFFBQVE7UUFDckIsQ0FBQyxDQUFDLEdBQUc7UUFDTCxDQUFDLENBQUM7WUFDRSxHQUFHLEVBQUUsR0FBRztZQUNSLEtBQUssRUFBRSxjQUFjLENBQUMsS0FBSyxDQUFDO1NBQzdCLENBQUE7SUFFUCxJQUFNLEtBQUssR0FBRyxDQUNaLG9CQUFDLFdBQVcsYUFBQyxNQUFNLEVBQUUsTUFBTSxFQUFFLEdBQUcsRUFBRSxHQUFHLEVBQUUsS0FBSyxFQUFFLE1BQU0sQ0FBQyxLQUFLLEVBQUUsa0JBQWtCLEVBQUUsR0FBRyxFQUFFLE1BQU0sRUFBRSxXQUFXLElBQU0sTUFBTSxJQUFFLEdBQUcsRUFBRSxHQUFHLElBQUksQ0FDbkksQ0FBQTtJQUVELE9BQU8sT0FBTyxDQUFDLENBQUMsQ0FBQyxDQUNmLG9CQUFDLElBQUk7UUFDSCxvQkFBQyxnQkFBZ0IsSUFBQyxPQUFPLEVBQUUsT0FBTyxFQUFFLGFBQWEsRUFBRSxJQUFJLElBQ3BELEtBQUssQ0FDVyxDQUNkLENBQ1IsQ0FBQyxDQUFDLENBQUMsQ0FDRixLQUFLLENBQ04sQ0FBQTtBQUNILENBQUMsQ0FDRixDQUFBO0FBRUQsS0FBSyxDQUFDLFdBQVcsR0FBRyxhQUFhLENBQUMsS0FBSyxDQUFBO0FBRXZDLGVBQWUsS0FBSyxDQUFBIn0=

package/lib/components/image/ImageProps.d.ts

@@ -1,4 +1,4 @@
-import { AlignableProps, Clickable } from '../../objects';
+import { AlignableProps, Clickable, Dev } from '../../objects';
 import { DimensionValue, type Image } from 'react-native';
 import { CommonProps } from '../../objects/facets/CommonProps';
 export declare enum RadiusValues {
@@ -6,13 +6,15 @@ export declare enum RadiusValues {
     MEDIUM = "medium",
     LARGE = "large"
 }
-export interface ImageProps extends AlignableProps, Clickable, CommonProps {
+export type ImageCache = 'immutable' | 'web' | 'cacheOnly';
+export interface ImageProps extends AlignableProps, Clickable, CommonProps, Dev {
     src: string | number;
     alt?: string;
     circled?: boolean;
     width?: DimensionValue | number | undefined;
     height?: DimensionValue | number | undefined;
     radius?: RadiusValues;
+    cache?: ImageCache;
 }
 export type ImageRef = HTMLElement;
 export type ImageNativeRef = Image;

package/lib/components/image/ImagePropsDefaults.js

@@ -52,10 +52,22 @@ export default {
       "large"
     ]
   },
+  "cache": {
+    "type": "string",
+    "values": [
+      "undefined",
+      "immutable",
+      "web",
+      "cacheOnly"
+    ]
+  },
   "align": {
     "type": "enum",
     "values": [
       "undefined",
+      "CENTER",
+      "START",
+      "END",
       "ALIGNED_CENTER",
       "ALIGNED_START",
       "ALIGNED_END",
@@ -63,13 +75,21 @@ export default {
       "ALIGNED_CENTER",
       "ALIGNED_START",
       "ALIGNED_END",
-      "ALIGNED_STRETCH"
+      "ALIGNED_STRETCH",
+      "CENTER",
+      "START",
+      "END",
+      "STRETCH",
+      "STRETCH"
     ]
   },
   "verticalAlign": {
     "type": "enum",
     "values": [
       "undefined",
+      "CENTER",
+      "START",
+      "END",
       "ALIGNED_CENTER",
       "ALIGNED_START",
       "ALIGNED_END",
@@ -77,7 +97,12 @@ export default {
       "ALIGNED_CENTER",
       "ALIGNED_START",
       "ALIGNED_END",
-      "ALIGNED_STRETCH"
+      "ALIGNED_STRETCH",
+      "CENTER",
+      "START",
+      "END",
+      "STRETCH",
+      "STRETCH"
     ]
   },
   "onClick": {
@@ -100,5 +125,12 @@ export default {
       "undefined",
       "string"
     ]
+  },
+  "testId": {
+    "type": "string",
+    "values": [
+      "undefined",
+      "string"
+    ]
   }
 };

package/lib/components/index.d.ts

@@ -13,6 +13,7 @@ export * from './chips';
 export * from './columns';
 export * from './container';
 export * from './countdown';
+export * from './datepicker';
 export * from './divider';
 export * from './fab';
 export * from './flex-box';
@@ -29,6 +30,7 @@ export * from './popover';
 export * from './price';
 export * from './product-tour';
 export * from './progress';
+export * from './prompt';
 export * from './radio';
 export * from './range';
 export * from './rows';
@@ -36,6 +38,7 @@ export * from './scroll-view';
 export * from './section';
 export * from './segment-control';
 export * from './select';
+export * from './skeleton';
 export * from './spacer';
 export * from './stepper';
 export * from './sticker';
@@ -46,5 +49,6 @@ export * from './tag';
 export * from './text';
 export * from './textarea';
 export * from './timeline';
+export * from './timepicker';
 export * from './title';
 export * from './view';

package/lib/components/index.js

@@ -14,6 +14,7 @@ export * from './chips';
 export * from './columns';
 export * from './container';
 export * from './countdown';
+export * from './datepicker';
 export * from './divider';
 export * from './fab';
 export * from './flex-box';
@@ -30,6 +31,7 @@ export * from './popover';
 export * from './price';
 export * from './product-tour';
 export * from './progress';
+export * from './prompt';
 export * from './radio';
 export * from './range';
 export * from './rows';
@@ -37,6 +39,7 @@ export * from './scroll-view';
 export * from './section';
 export * from './segment-control';
 export * from './select';
+export * from './skeleton';
 export * from './spacer';
 export * from './stepper';
 export * from './sticker';
@@ -47,6 +50,7 @@ export * from './tag';
 export * from './text';
 export * from './textarea';
 export * from './timeline';
+export * from './timepicker';
 export * from './title';
 export * from './view';
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi9jb21wb25lbnRzL2luZGV4LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLHFCQUFxQjtBQUNyQixjQUFjLGFBQWEsQ0FBQTtBQUMzQixjQUFjLFNBQVMsQ0FBQTtBQUN2QixjQUFjLGdCQUFnQixDQUFBO0FBQzlCLGNBQWMsY0FBYyxDQUFBO0FBQzVCLGNBQWMsU0FBUyxDQUFBO0FBQ3ZCLGNBQWMsT0FBTyxDQUFBO0FBQ3JCLGNBQWMsY0FBYyxDQUFBO0FBQzVCLGNBQWMsVUFBVSxDQUFBO0FBQ3hCLGNBQWMsWUFBWSxDQUFBO0FBQzFCLGNBQWMsUUFBUSxDQUFBO0FBQ3RCLGNBQWMsWUFBWSxDQUFBO0FBQzFCLGNBQWMsU0FBUyxDQUFBO0FBQ3ZCLGNBQWMsV0FBVyxDQUFBO0FBQ3pCLGNBQWMsYUFBYSxDQUFBO0FBQzNCLGNBQWMsYUFBYSxDQUFBO0FBQzNCLGNBQWMsV0FBVyxDQUFBO0FBQ3pCLGNBQWMsT0FBTyxDQUFBO0FBQ3JCLGNBQWMsWUFBWSxDQUFBO0FBQzFCLGNBQWMsUUFBUSxDQUFBO0FBQ3RCLGNBQWMsUUFBUSxDQUFBO0FBQ3RCLGNBQWMsU0FBUyxDQUFBO0FBQ3ZCLGNBQWMsU0FBUyxDQUFBO0FBQ3ZCLGNBQWMsUUFBUSxDQUFBO0FBQ3RCLGNBQWMsUUFBUSxDQUFBO0FBQ3RCLGNBQWMsU0FBUyxDQUFBO0FBQ3ZCLGNBQWMsT0FBTyxDQUFBO0FBQ3JCLGNBQWMsY0FBYyxDQUFBO0FBQzVCLGNBQWMsV0FBVyxDQUFBO0FBQ3pCLGNBQWMsU0FBUyxDQUFBO0FBQ3ZCLGNBQWMsZ0JBQWdCLENBQUE7QUFDOUIsY0FBYyxZQUFZLENBQUE7QUFDMUIsY0FBYyxTQUFTLENBQUE7QUFDdkIsY0FBYyxTQUFTLENBQUE7QUFDdkIsY0FBYyxRQUFRLENBQUE7QUFDdEIsY0FBYyxlQUFlLENBQUE7QUFDN0IsY0FBYyxXQUFXLENBQUE7QUFDekIsY0FBYyxtQkFBbUIsQ0FBQTtBQUNqQyxjQUFjLFVBQVUsQ0FBQTtBQUN4QixjQUFjLFVBQVUsQ0FBQTtBQUN4QixjQUFjLFdBQVcsQ0FBQTtBQUN6QixjQUFjLFdBQVcsQ0FBQTtBQUN6QixjQUFjLFVBQVUsQ0FBQTtBQUN4QixjQUFjLFNBQVMsQ0FBQTtBQUN2QixjQUFjLFFBQVEsQ0FBQTtBQUN0QixjQUFjLE9BQU8sQ0FBQTtBQUNyQixjQUFjLFFBQVEsQ0FBQTtBQUN0QixjQUFjLFlBQVksQ0FBQTtBQUMxQixjQUFjLFlBQVksQ0FBQTtBQUMxQixjQUFjLFNBQVMsQ0FBQTtBQUN2QixjQUFjLFFBQVEsQ0FBQSJ9
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi9jb21wb25lbnRzL2luZGV4LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLHFCQUFxQjtBQUNyQixjQUFjLGFBQWEsQ0FBQTtBQUMzQixjQUFjLFNBQVMsQ0FBQTtBQUN2QixjQUFjLGdCQUFnQixDQUFBO0FBQzlCLGNBQWMsY0FBYyxDQUFBO0FBQzVCLGNBQWMsU0FBUyxDQUFBO0FBQ3ZCLGNBQWMsT0FBTyxDQUFBO0FBQ3JCLGNBQWMsY0FBYyxDQUFBO0FBQzVCLGNBQWMsVUFBVSxDQUFBO0FBQ3hCLGNBQWMsWUFBWSxDQUFBO0FBQzFCLGNBQWMsUUFBUSxDQUFBO0FBQ3RCLGNBQWMsWUFBWSxDQUFBO0FBQzFCLGNBQWMsU0FBUyxDQUFBO0FBQ3ZCLGNBQWMsV0FBVyxDQUFBO0FBQ3pCLGNBQWMsYUFBYSxDQUFBO0FBQzNCLGNBQWMsYUFBYSxDQUFBO0FBQzNCLGNBQWMsY0FBYyxDQUFBO0FBQzVCLGNBQWMsV0FBVyxDQUFBO0FBQ3pCLGNBQWMsT0FBTyxDQUFBO0FBQ3JCLGNBQWMsWUFBWSxDQUFBO0FBQzFCLGNBQWMsUUFBUSxDQUFBO0FBQ3RCLGNBQWMsUUFBUSxDQUFBO0FBQ3RCLGNBQWMsU0FBUyxDQUFBO0FBQ3ZCLGNBQWMsU0FBUyxDQUFBO0FBQ3ZCLGNBQWMsUUFBUSxDQUFBO0FBQ3RCLGNBQWMsUUFBUSxDQUFBO0FBQ3RCLGNBQWMsU0FBUyxDQUFBO0FBQ3ZCLGNBQWMsT0FBTyxDQUFBO0FBQ3JCLGNBQWMsY0FBYyxDQUFBO0FBQzVCLGNBQWMsV0FBVyxDQUFBO0FBQ3pCLGNBQWMsU0FBUyxDQUFBO0FBQ3ZCLGNBQWMsZ0JBQWdCLENBQUE7QUFDOUIsY0FBYyxZQUFZLENBQUE7QUFDMUIsY0FBYyxVQUFVLENBQUE7QUFDeEIsY0FBYyxTQUFTLENBQUE7QUFDdkIsY0FBYyxTQUFTLENBQUE7QUFDdkIsY0FBYyxRQUFRLENBQUE7QUFDdEIsY0FBYyxlQUFlLENBQUE7QUFDN0IsY0FBYyxXQUFXLENBQUE7QUFDekIsY0FBYyxtQkFBbUIsQ0FBQTtBQUNqQyxjQUFjLFVBQVUsQ0FBQTtBQUN4QixjQUFjLFlBQVksQ0FBQTtBQUMxQixjQUFjLFVBQVUsQ0FBQTtBQUN4QixjQUFjLFdBQVcsQ0FBQTtBQUN6QixjQUFjLFdBQVcsQ0FBQTtBQUN6QixjQUFjLFVBQVUsQ0FBQTtBQUN4QixjQUFjLFNBQVMsQ0FBQTtBQUN2QixjQUFjLFFBQVEsQ0FBQTtBQUN0QixjQUFjLE9BQU8sQ0FBQTtBQUNyQixjQUFjLFFBQVEsQ0FBQTtBQUN0QixjQUFjLFlBQVksQ0FBQTtBQUMxQixjQUFjLFlBQVksQ0FBQTtBQUMxQixjQUFjLGNBQWMsQ0FBQTtBQUM1QixjQUFjLFNBQVMsQ0FBQTtBQUN2QixjQUFjLFFBQVEsQ0FBQSJ9

package/lib/components/input/Input.d.ts

@@ -15,35 +15,39 @@ export interface InputProp extends Accessibility, InputProps, InputWebEvents {
  * @param placeholder {string} Placeholder Input
  * @param type {InputType} Type for input
  * @param defaultValue {string} Default Value for Input
- * @param hasIcon {boolean} Adding if you want icon - Default icon is defined by status
  * @param status {InputStatus} Input with status - (SUCCESS|WARNING|ERROR|DEFAULT)
  * @param patternValidator {RegExp} regex validator
  * @param customValidator {Function} custom function validator
  * @param onStatusChange {Function} status change event
  * @param help {string} Help for input
- * @param ref Pass a ref for input
  * @param onSubmit {Function} onSubmit Event
- * @param maxLength {number} Textarea max length
- * @param securityGauge {boolean} add security gauge for input type password
- * @param validationRules {IValidationRules} Textarea max length
+ * @param maxLength {number} Input max length
+ * @param securityGauge {boolean} Add security gauge for input type password
  * @param readOnly {boolean} Read only input
+ * @param autoCapitalize {InputAutoCapitalize} Auto capitalize input
+ * @param formatPattern {Function} Custom formatter called on every value change
+ * @param iconNameLeft {IconName | IconNameValues} Icon on the left of the input
+ * @param iconNameRight {IconName | IconNameValues} Icon on the right of the input
+ * @param securityRules {ISecurityRules} Security rules for password type input
+ * @param validationRules {IValidationRules} Validation rules for password type input
+ * @param autoCompleteType {InputAutoCompleteType} Auto complete input type
+ * @param onIconClick {Function} onIconClick Input Event
+ * @param accessibilityLabel {string} Accessibility label
+ * @param required {boolean} Required input
+ * @param testId {string} Test Id for Test Integration
  * - -------------------------- WEB PROPERTIES -------------------------------
  * @param loading {boolean} Loading input
- * @param value {string} Value for Input
- * @param focused {boolean} Fucus mode
+ * @param value {string} Controlled value for Input
+ * @param focused {boolean} Focus mode
  * @param className {string} Additional CSS Classes
+ * @param id {string} Custom id attribute (auto-generated by default)
  * @param onMouseEnter {Function} onMouseEnter Input Event
  * @param onMouseLeave {Function} onMouseLeave Input Event
  * @param onKeyPress {Function} onKeyPress Input Event
  * @param onKeyUp {Function} onKeyUp Input Event
- * @param onIconClick {Function} onIconClick Input Event
  * @param onClick {Function} onClick Input Event
  * @param forceControl {boolean} Force the control of the input value
- * @param minLength {number} Textarea min length
- * @param accessibilityLabel {string} Accessibility label
- * @param required {boolean} Required input
- * - -------------------------- NATIVE PROPERTIES -------------------------------
- * @param autoCompleteType {InputAutoCompleteType} Auto complete input type
+ * @param minLength {number} Input min length
  */
 declare const Input: React.ForwardRefExoticComponent<InputProp & React.RefAttributes<HTMLInputElement>>;
 export default Input;