@trilogy-ds/react 0.0.1-calendar → 0.0.2-beta-color

package/lib/components/tabs/tab-list/tab/Tab.native.js

@@ -3,6 +3,7 @@ import { ComponentName } from '../../../../components/enumsComponentsName';
 import { Icon } from '../../../../components/icon';
 import { TabsContext } from '../../../../components/tabs/context';
 import { Text } from '../../../../components/text';
+import { TypographyAlign } from '../../../../objects';
 import { getColorStyle, TrilogyColor } from '../../../../objects/facets/Color';
 import React from 'react';
 import { Linking, StyleSheet, TouchableOpacity, View } from 'react-native';
@@ -20,7 +21,7 @@ import { Linking, StyleSheet, TouchableOpacity, View } from 'react-native';
 var Tab = React.forwardRef(function (_a, ref) {
     var active = _a.active, onClick = _a.onClick, to = _a.to, href = _a.href, iconName = _a.iconName, label = _a.label, disabled = _a.disabled, others = __rest(_a, ["active", "onClick", "to", "href", "iconName", "label", "disabled"]);
     var _b = others, index = _b.index, props = __rest(_b, ["index"]);
-    var _c = React.useContext(TabsContext), activeIndex = _c.activeIndex, setActiveIndex = _c.setActiveIndex, inverted = _c.inverted;
+    var _c = React.useContext(TabsContext), activeIndex = _c.activeIndex, setActiveIndex = _c.setActiveIndex, inverted = _c.inverted, fullwidth = _c.fullwidth;
     var isActive = React.useMemo(function () { return activeIndex === index; }, [activeIndex, index]);
     var handleClick = React.useCallback(function (e) {
         if (!disabled) {
@@ -34,6 +35,9 @@ var Tab = React.forwardRef(function (_a, ref) {
     }, [disabled, onClick, index, setActiveIndex, to, href]);
     var styles = StyleSheet.create({
         tab: {
+            flex: fullwidth ? 1 : undefined,
+            flexBasis: fullwidth ? 0 : undefined,
+            minWidth: fullwidth ? 0 : undefined,
             paddingVertical: 4,
             paddingHorizontal: 12,
             borderBottomWidth: isActive ? 2 : 1,
@@ -47,7 +51,7 @@ var Tab = React.forwardRef(function (_a, ref) {
         },
         text: {
             textAlign: 'center',
-            color: getColorStyle(disabled ? TrilogyColor.DISABLED : inverted ? TrilogyColor.BACKGROUND : TrilogyColor.MAIN),
+            color: getColorStyle(disabled ? TrilogyColor.DISABLED : inverted ? TrilogyColor.BACKGROUND : TrilogyColor.MAIN)
         },
     });
     React.useEffect(function () {
@@ -57,8 +61,8 @@ var Tab = React.forwardRef(function (_a, ref) {
     return (React.createElement(TouchableOpacity, __assign({ ref: ref, activeOpacity: 1, style: styles.tab, onPress: handleClick }, props),
         iconName && (React.createElement(View, { style: { alignSelf: 'center' } },
             React.createElement(Icon, { color: disabled ? TrilogyColor.DISABLED : inverted ? TrilogyColor.BACKGROUND : TrilogyColor.MAIN, size: 'small', name: iconName }))),
-        React.createElement(Text, { style: styles.text }, label && label)));
+        React.createElement(Text, { style: styles.text, typo: fullwidth ? [TypographyAlign.TEXT_CENTERED] : undefined, numberOfLines: fullwidth ? 1 : undefined }, label && label)));
 });
 Tab.displayName = ComponentName.Tab;
 export default Tab;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVGFiLm5hdGl2ZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL2NvbXBvbmVudHMvdGFicy90YWItbGlzdC90YWIvVGFiLm5hdGl2ZS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUFBLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxrQ0FBa0MsQ0FBQTtBQUNoRSxPQUFPLEVBQUUsSUFBSSxFQUFFLE1BQU0sbUJBQW1CLENBQUE7QUFDeEMsT0FBTyxFQUFFLFdBQVcsRUFBRSxNQUFNLDJCQUEyQixDQUFBO0FBRXZELE9BQU8sRUFBRSxJQUFJLEVBQUUsTUFBTSxtQkFBbUIsQ0FBQTtBQUN4QyxPQUFPLEVBQUUsYUFBYSxFQUFFLFlBQVksRUFBRSxNQUFNLHdCQUF3QixDQUFBO0FBQ3BFLE9BQU8sS0FBSyxNQUFNLE9BQU8sQ0FBQTtBQUN6QixPQUFPLEVBQXlCLE9BQU8sRUFBRSxVQUFVLEVBQUUsZ0JBQWdCLEVBQUUsSUFBSSxFQUFFLE1BQU0sY0FBYyxDQUFBO0FBRWpHOzs7Ozs7Ozs7O0dBVUc7QUFDSCxJQUFNLEdBQUcsR0FBRyxLQUFLLENBQUMsVUFBVSxDQUMxQixVQUFDLEVBQW1FLEVBQUUsR0FBRztJQUF0RSxJQUFBLE1BQU0sWUFBQSxFQUFFLE9BQU8sYUFBQSxFQUFFLEVBQUUsUUFBQSxFQUFFLElBQUksVUFBQSxFQUFFLFFBQVEsY0FBQSxFQUFFLEtBQUssV0FBQSxFQUFFLFFBQVEsY0FBQSxFQUFLLE1BQU0sY0FBakUsb0VBQW1FLENBQUY7SUFDaEUsSUFBTSxLQUFzQixNQUFhLEVBQWpDLEtBQUssV0FBQSxFQUFLLEtBQUssY0FBakIsU0FBbUIsQ0FBZ0IsQ0FBQTtJQUNuQyxJQUFBLEtBQTRDLEtBQUssQ0FBQyxVQUFVLENBQUMsV0FBVyxDQUFDLEVBQXZFLFdBQVcsaUJBQUEsRUFBRSxjQUFjLG9CQUFBLEVBQUUsUUFBUSxjQUFrQyxDQUFBO0lBQy9FLElBQU0sUUFBUSxHQUFHLEtBQUssQ0FB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
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVGFiLm5hdGl2ZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL2NvbXBvbmVudHMvdGFicy90YWItbGlzdC90YWIvVGFiLm5hdGl2ZS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUFBLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxrQ0FBa0MsQ0FBQTtBQUNoRSxPQUFPLEVBQUUsSUFBSSxFQUFFLE1BQU0sbUJBQW1CLENBQUE7QUFDeEMsT0FBTyxFQUFFLFdBQVcsRUFBRSxNQUFNLDJCQUEyQixDQUFBO0FBRXZELE9BQU8sRUFBRSxJQUFJLEVBQUUsTUFBTSxtQkFBbUIsQ0FBQTtBQUN4QyxPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0sV0FBVyxDQUFBO0FBQzNDLE9BQU8sRUFBRSxhQUFhLEVBQUUsWUFBWSxFQUFFLE1BQU0sd0JBQXdCLENBQUE7QUFDcEUsT0FBTyxLQUFLLE1BQU0sT0FBTyxDQUFBO0FBQ3pCLE9BQU8sRUFBeUIsT0FBTyxFQUFFLFVBQVUsRUFBRSxnQkFBZ0IsRUFBRSxJQUFJLEVBQUUsTUFBTSxjQUFjLENBQUE7QUFFakc7Ozs7Ozs7Ozs7R0FVRztBQUNILElBQU0sR0FBRyxHQUFHLEtBQUssQ0FBQyxVQUFVLENBQzFCLFVBQUMsRUFBbUUsRUFBRSxHQUFHO0lBQXRFLElBQUEsTUFBTSxZQUFBLEVBQUUsT0FBTyxhQUFBLEVBQUUsRUFBRSxRQUFBLEVBQUUsSUFBSSxVQUFBLEVBQUUsUUFBUSxjQUFBLEVBQUUsS0FBSyxXQUFBLEVBQUUsUUFBUSxjQUFBLEVBQUssTUFBTSxjQUFqRSxvRUFBbUUsQ0FBRjtJQUNoRSxJQUFNLEtBQXNCLE1BQWEsRUFBakMsS0FBSyxXQUFBLEVBQUssS0FBSyxjQUFqQixTQUFtQixDQUFnQixDQUFBO0lBQ25DLElBQUEsS0FBdUQsS0FBSyxDQUFDLFVBQVUsQ0FBQyxXQUFXLENBQUMsRUFBbEYsV0FBVyxpQkFBQSxFQUFFLGNBQWMsb0JBQUEsRUFBRSxRQUFR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

package/lib/components/tabs/tab-list/tab/TabPropsDefaults.js

@@ -217,6 +217,7 @@ export default {
       "tri-arrow-right",
       "tri-arrow-up",
       "tri-bell",
+      "tri-calendar",
       "tri-check-circle",
       "tri-check",
       "tri-exclamation-circle",
@@ -240,6 +241,7 @@ export default {
       "tri-arrow-right",
       "tri-arrow-up",
       "tri-bell",
+      "tri-calendar",
       "tri-check-circle",
       "tri-check",
       "tri-exclamation-circle",

package/lib/components/tag/TagPropsDefaults.js

@@ -35,6 +35,7 @@ export default {
       "tri-arrow-right",
       "tri-arrow-up",
       "tri-bell",
+      "tri-calendar",
       "tri-check-circle",
       "tri-check",
       "tri-exclamation-circle",

package/lib/components/tag/list/TagListProps.d.ts

@@ -1,12 +1,12 @@
 /// <reference types="react" />
 import { View } from 'react-native';
-import { Alignable, AlignableValues, Marginless } from '../../../objects';
+import { AlignableProps, Marginless } from '../../../objects';
 import { CommonProps } from '../../../objects/facets/CommonProps';
 /**
  * Tag list Interface
  */
 export interface TagListProps extends Marginless, CommonProps {
-    align?: Alignable | AlignableValues;
+    align?: AlignableProps['align'];
     children?: React.ReactNode;
 }
 export type TagListRef = HTMLDivElement;

package/lib/components/tag/list/TagListPropsDefaults.js

@@ -10,7 +10,15 @@ export default {
       "ALIGNED_CENTER",
       "ALIGNED_START",
       "ALIGNED_END",
-      "ALIGNED_STRETCH"
+      "ALIGNED_STRETCH",
+      "CENTER",
+      "START",
+      "END",
+      "STRETCH",
+      "CENTER",
+      "START",
+      "END",
+      "STRETCH"
     ]
   },
   "children": {

package/lib/components/text/Text.native.js

@@ -1,12 +1,11 @@
 import { __assign, __rest } from "tslib";
 import { ComponentName } from '../../components/enumsComponentsName';
 import { StatesContext } from '../../context/providerStates';
-import { isAndroid } from '../../helpers/device.native';
 import { getTypographyBoldStyle, setTypographyAlign, setTypographyColor } from '../../objects/Typography';
 import { getColorStyle, TrilogyColor } from '../../objects/facets/Color';
 import React, { useContext } from 'react';
-import ContentLoader, { Rect } from 'react-content-loader/native';
-import { StyleSheet, Text as TextNative, View } from 'react-native';
+import { StyleSheet, Text as TextNative } from 'react-native';
+import { Skeleton } from '../skeleton';
 import { TextLevels } from './TextEnum';
 /**
  * Text Native Component
@@ -66,13 +65,13 @@ var Text = React.forwardRef(function (_a, ref) {
             : undefined;
     var textView = (React.createElement(TextNative, __assign({ ref: ref, numberOfLines: numberOfLines, ellipsizeMode: 'tail', maxFontSizeMultiplier: 1.3, accessible: !!textAccessibilityLabel, accessibilityLabel: textAccessibilityLabel, style: [styles.text, style] }, others), children));
     if (skeleton) {
-        textView = (React.createElement(ContentLoader, { style: styles.skeleton },
-            textView,
-            isAndroid && (React.createElement(View, null,
-                React.createElement(Rect, { rx: '7', ry: '7', width: '100%', height: '100%' })))));
+        textView = (React.createElement(Skeleton, { style: styles.skeleton, height: textLevels(level), borderRadius: (level && level == TextLevels.ONE && 7) ||
+                (level && level == TextLevels.TWO && 7) ||
+                (level && level == TextLevels.THREE && 5) ||
+                3 }, textView));
     }
     return textView;
 });
 Text.displayName = ComponentName.Text;
 export default Text;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVGV4dC5uYXRpdmUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9jb21wb25lbnRzL3RleHQvVGV4dC5uYXRpdmUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sa0NBQWtDLENBQUE7QUFDaEUsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLDBCQUEwQixDQUFBO0FBQ3hELE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSx5QkFBeUIsQ0FBQTtBQUNuRCxPQUFPLEVBQUUsc0JBQXNCLEVBQUUsa0JBQWtCLEVBQUUsa0JBQWtCLEVBQUUsTUFBTSxzQkFBc0IsQ0FBQTtBQUNyRyxPQUFPLEVBQUUsYUFBYSxFQUFFLFlBQVksRUFBRSxNQUFNLHdCQUF3QixDQUFBO0FBQ3BFLE9BQU8sS0FBSyxFQUFFLEVBQUUsVUFBVSxFQUFFLE1BQU0sT0FBTyxDQUFBO0FBQ3pDLE9BQU8sYUFBYSxFQUFFLEVBQUUsSUFBSSxFQUFFLE1BQU0sNkJBQTZCLENBQUE7QUFDakUsT0FBTyxFQUFFLFVBQVUsRUFBRSxJQUFJLElBQUksVUFBVSxFQUFFLElBQUksRUFBRSxNQUFNLGNBQWMsQ0FBQTtBQUNuRSxPQUFPLEVBQUUsVUFBVSxFQUFtQixNQUFNLFlBQVksQ0FBQTtBQUd4RDs7Ozs7Ozs7Ozs7R0FXRztBQUNILElBQU0sSUFBSSxHQUFHLEtBQUssQ0FBQyxVQUFVLENBQTJCLFVBQUMsRUFVeEQsRUFBRSxHQUFHO0lBVEosSUFBQSxRQUFRLGNBQUEsRUFDUixLQUFLLFdBQUEsRUFDTCxLQUFLLFdBQUEsRUFDTCxRQUFRLGNBQUEsRUFDUixJQUFJLFVBQUEsRUFDSixRQUFRLGNBQUEsRUFDUixrQkFBa0Isd0JBQUEsRUFDbEIscUJBQWlCLEVBQWpCLGFBQWEsbUJBQUcsQ0FBQyxLQUFBLEVBQ2QsTUFBTSxjQVQ4QyxxR0FVeEQsQ0FEVTtJQUVULElBQU0sYUFBYSxHQUFHLFVBQVUsQ0FBQyxhQUFhLENB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
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVGV4dC5uYXRpdmUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9jb21wb25lbnRzL3RleHQvVGV4dC5uYXRpdmUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sa0NBQWtDLENBQUE7QUFDaEUsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLDBCQUEwQixDQUFBO0FBQ3hELE9BQU8sRUFBRSxzQkFBc0IsRUFBRSxrQkFBa0IsRUFBRSxrQkFBa0IsRUFBRSxNQUFNLHNCQUFzQixDQUFBO0FBQ3JHLE9BQU8sRUFBRSxhQUFhLEVBQUUsWUFBWSxFQUFFLE1BQU0sd0JBQXdCLENBQUE7QUFDcEUsT0FBTyxLQUFLLEVBQUUsRUFBRSxVQUFVLEVBQUUsTUFBTSxPQUFPLENBQUE7QUFDekMsT0FBTyxFQUFFLFVBQVUsRUFBRSxJQUFJLElBQUksVUFBVSxFQUFFLE1BQU0sY0FBYyxDQUFBO0FBQzdELE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSxhQUFhLENBQUE7QUFDdEMsT0FBTyxFQUFFLFVBQVUsRUFBbUIsTUFBTSxZQUFZLENBQUE7QUFHeEQ7Ozs7Ozs7Ozs7O0dBV0c7QUFDSCxJQUFNLElBQUksR0FBRyxLQUFLLENBQUMsVUFBVSxDQUEyQixVQUFDLEVBVXhELEVBQUUsR0FBRztJQVRKLElBQUEsUUFBUSxjQUFBLEVBQ1IsS0FBSyxXQUFBLEVBQ0wsS0FBSyxXQUFBLEVBQ0wsUUFBUSxjQUFBLEVBQ1IsSUFBSSxVQUFBLEVBQ0osUUFBUSxjQUFBLEVBQ1Isa0JBQWtCLHdCQUFBLEVBQ2xCLHFCQUFpQixFQUFqQixhQUFhLG1CQUFHLENBQUMsS0FBQSxFQUNkLE1BQU0sY0FUOEMscUdBVXhELENBRFU7SUFFVCxJQUFNLGFBQWEsR0FBRyxVQUFVLENBQUMsYUFBYSxDQUFDLENBQUE7SUFDL0MsSUFBTSxVQUFVLEdBQUcsVUFBQyxLQUFtQztRQUNyRCxPQUFPLENBQ0wsQ0FBQyxLQUFL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

package/lib/components/textarea/Textarea.d.ts

@@ -13,15 +13,13 @@ import { TextareaProps } from './TextareaProps';
  * @param ref Pass a ref for textarea
  * @param maxLength {number} Textarea max length
  * @param rows {number} Textarea rows
- * @param iconName {IconName | IconNameValues} display Icon
- * @param statusIconName {IconName | IconNameValues} display status Icon
- * @param dynamicPlaceholder {boolean}
+ * @param iconNameLeft {IconName | IconNameValues} display Icon on the left
+ * @param iconNameRight {IconName | IconNameValues} display Icon on the right
  * @param status {InputStatus} Textarea with status - (SUCCESS|WARNING|ERROR|DEFAULT)
  * @param required {boolean} Required
  * - -------------------------- WEB PROPERTIES -------------------------------
  * @param className {string} Additional CSS Classes
  * @param minLength {number} Textarea min length
- * @param typo {TypographyColor | TypographyColorValues} change help typo
  * - -------------------------- NATIVE PROPERTIES -------------------------------
  */
 declare const Textarea: React.ForwardRefExoticComponent<Omit<TextareaProps, "ref"> & React.RefAttributes<HTMLTextAreaElement>>;

package/lib/components/textarea/Textarea.js

@@ -22,20 +22,18 @@ import { ComponentName } from '../enumsComponentsName';
  * @param ref Pass a ref for textarea
  * @param maxLength {number} Textarea max length
  * @param rows {number} Textarea rows
- * @param iconName {IconName | IconNameValues} display Icon
- * @param statusIconName {IconName | IconNameValues} display status Icon
- * @param dynamicPlaceholder {boolean}
+ * @param iconNameLeft {IconName | IconNameValues} display Icon on the left
+ * @param iconNameRight {IconName | IconNameValues} display Icon on the right
  * @param status {InputStatus} Textarea with status - (SUCCESS|WARNING|ERROR|DEFAULT)
  * @param required {boolean} Required
  * - -------------------------- WEB PROPERTIES -------------------------------
  * @param className {string} Additional CSS Classes
  * @param minLength {number} Textarea min length
- * @param typo {TypographyColor | TypographyColorValues} change help typo
  * - -------------------------- NATIVE PROPERTIES -------------------------------
  */
 var Textarea = React.forwardRef(function (_a, ref) {
-    var className = _a.className, id = _a.id, sample = _a.sample, required = _a.required, disabled = _a.disabled, onChange = _a.onChange, placeholder = _a.placeholder, defaultValue = _a.defaultValue, help = _a.help, status = _a.status, _b = _a.dynamicPlaceholder, dynamicPlaceholder = _b === void 0 ? true : _b, rows = _a.rows, label = _a.label, maxLength = _a.maxLength, minLength = _a.minLength, iconNameLeft = _a.iconNameLeft, iconNameRight = _a.iconNameRight, others = __rest(_a, ["className", "id", "sample", "required", "disabled", "onChange", "placeholder", "defaultValue", "help", "status", "dynamicPlaceholder", "rows", "label", "maxLength", "minLength", "iconNameLeft", "iconNameRight"]);
-    var _c = __read(useState(defaultValue || ''), 2), value = _c[0], setValue = _c[1];
+    var className = _a.className, id = _a.id, sample = _a.sample, required = _a.required, disabled = _a.disabled, onChange = _a.onChange, placeholder = _a.placeholder, defaultValue = _a.defaultValue, help = _a.help, status = _a.status, rows = _a.rows, label = _a.label, maxLength = _a.maxLength, minLength = _a.minLength, iconNameLeft = _a.iconNameLeft, iconNameRight = _a.iconNameRight, others = __rest(_a, ["className", "id", "sample", "required", "disabled", "onChange", "placeholder", "defaultValue", "help", "status", "rows", "label", "maxLength", "minLength", "iconNameLeft", "iconNameRight"]);
+    var _b = __read(useState(defaultValue || ''), 2), value = _b[0], setValue = _b[1];
     var styled = useTrilogyContext().styled;
     useEffect(function () {
         setValue(defaultValue || '');
@@ -68,4 +66,4 @@ var Textarea = React.forwardRef(function (_a, ref) {
 });
 Textarea.displayName = ComponentName.Textarea;
 export default Textarea;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVGV4dGFyZWEuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9jb21wb25lbnRzL3RleHRhcmVhL1RleHRhcmVhLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsc0RBQXNEO0FBQ3RELE9BQU8sRUFBRSxJQUFJLEVBQUUsTUFBTSxtQkFBbUIsQ0FBQTtBQUN4QyxPQUFPLEVBQUUsSUFBSSxFQUFFLFVBQVUsRUFBRSxVQUFVLEVBQUUsTUFBTSxtQkFBbUIsQ0FBQTtBQUNoRSxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxXQUFXLENBQUE7QUFDN0MsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLFdBQVcsQ0FBQTtBQUNyQyxPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0sV0FBVyxDQUFBO0FBQzNDLE9BQU8sRUFBRSxHQUFHLEVBQUUsRUFBRSxFQUFFLE1BQU0sWUFBWSxDQUFBO0FBQ3BDLE9BQU8sSUFBSSxNQUFNLE1BQU0sQ0FBQTtBQUN2QixPQUFPLEtBQUssRUFBRSxFQUFFLFNBQVMsRUFBRSxRQUFRLEVBQUUsTUFBTSxPQUFPLENBQUE7QUFDbEQsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLHdCQUF3QixDQUFBO0FBR3REOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztHQXVCRztBQUNILElBQU0sUUFBUSxHQUFHLEtBQUssQ0FBQyxVQUFVLENBQy9CLFVBQ0UsRUFtQkMsRUFDRCxHQUFHO0lBbkJELElBQUEsU0FBUyxlQUFBLEVBQ1QsRUFBRSxRQUFBLEVBQ0YsTUFBTSxZQUFBLEVBQ04sUUFBUSxjQUFBLEVBQ1IsUUFBUSxjQUFBLEVBQ1IsUUFBUSxjQUFBLEVBQ1IsV0FBVyxpQkFBQSxFQUNYLFlBQVksa0JBQUEsRUFDWixJQUFJLFVBQUEsRUFDSixNQUFNLFlBQUEsRUFDTiwwQkFBeUIsRUFBekIsa0JBQWtCLG1CQUFHLElBQUksS0FBQSxFQUN6QixJQUFJLFVBQUEsRUFDSixLQUFLLFdBQUEsRUFDTCxTQUFTLGVBQUEs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
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVGV4dGFyZWEuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9jb21wb25lbnRzL3RleHRhcmVhL1RleHRhcmVhLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsc0RBQXNEO0FBQ3RELE9BQU8sRUFBRSxJQUFJLEVBQUUsTUFBTSxtQkFBbUIsQ0FBQTtBQUN4QyxPQUFPLEVBQUUsSUFBSSxFQUFFLFVBQVUsRUFBRSxVQUFVLEVBQUUsTUFBTSxtQkFBbUIsQ0FBQTtBQUNoRSxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxXQUFXLENBQUE7QUFDN0MsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLFdBQVcsQ0FBQTtBQUNyQyxPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0sV0FBVyxDQUFBO0FBQzNDLE9BQU8sRUFBRSxHQUFHLEVBQUUsRUFBRSxFQUFFLE1BQU0sWUFBWSxDQUFBO0FBQ3BDLE9BQU8sSUFBSSxNQUFNLE1BQU0sQ0FBQTtBQUN2QixPQUFPLEtBQUssRUFBRSxFQUFFLFNBQVMsRUFBRSxRQUFRLEVBQUUsTUFBTSxPQUFPLENBQUE7QUFDbEQsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLHdCQUF3QixDQUFBO0FBR3REOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7R0FxQkc7QUFDSCxJQUFNLFFBQVEsR0FBRyxLQUFLLENBQUMsVUFBVSxDQUMvQixVQUNFLEVBa0JDLEVBQ0QsR0FBRztJQWxCRCxJQUFBLFNBQVMsZUFBQSxFQUNULEVBQUUsUUFBQSxFQUNGLE1BQU0sWUFBQSxFQUNOLFFBQVEsY0FBQSxFQUNSLFFBQVEsY0FBQSxFQUNSLFFBQVEsY0FBQSxFQUNSLFdBQVcsaUJBQUEsRUFDWCxZQUFZLGtCQUFBLEVBQ1osSUFBSSxVQUFBLEVBQ0osTUFBTSxZQUFBLEVBQ04sSUFBSSxVQUFBLEVBQ0osS0FBSyxXQUFBLEVBQ0wsU0FBUyxlQUFBLEVBQ1QsU0FBUyxlQUFBLEVBQ1QsWUFBWSxrQkFBQSxFQUNaLGFBQWEsbUJB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

package/lib/components/textarea/Textarea.native.d.ts

@@ -14,10 +14,9 @@ import { TextareaNativeProps } from './TextareaProps';
  * @param ref Pass a ref for textarea
  * @param maxLength {number} Textarea max length
  * @param rows {number} Textarea rows
- * @param iconName {IconName | IconNameValues} display Icon
- * @param statusIconName {IconName | IconNameValues} display status Icon
+ * @param iconNameLeft {IconName | IconNameValues} display Icon on the left
+ * @param iconNameRight {IconName | IconNameValues} display Icon on the right
  * @param testId {string} Test Id for Test Integration
- * @param dynamicPlaceholder {boolean}
  * @param status {InputStatus} Textarea with status - (SUCCESS|WARNING|ERROR|DEFAULT)
  * @param keyboardStyle {InputKeyboardAppearance} Custom appearance for keyboard
  * @param autoCapitalize {InputAutoCapitalize} Capitalize => NONE | SENTENCES | WORDS | CHARS

package/lib/components/textarea/Textarea.native.js

@@ -2,12 +2,12 @@ import { __assign, __read, __rest } from "tslib";
 import { ComponentName } from '../../components/enumsComponentsName';
 import { Icon } from '../../components/icon';
 import { InputAutoCapitalize, InputKeyboardAppearance, InputKeyboardType, InputTextContentType, } from '../../components/input/InputEnum';
-import { grayscale, TypographyColor } from '../../objects';
+import { TypographyColor } from '../../objects';
 import { getColorStyle, TrilogyColor } from '../../objects/facets/Color';
 import { StatusState } from '../../objects/facets/Status';
-import React, { useEffect, useRef, useState } from 'react';
-import { Animated, StyleSheet, Text, TextInput, View } from 'react-native';
-import { Spacer, SpacerSize } from '../spacer';
+import React, { useState } from 'react';
+import { StyleSheet, Text, TextInput, View } from 'react-native';
+import { SpacerSize } from '../spacer';
 import { Text as TrilogyText } from '../text';
 import { TextLevels } from '../text/TextEnum';
 /**
@@ -23,10 +23,9 @@ import { TextLevels } from '../text/TextEnum';
  * @param ref Pass a ref for textarea
  * @param maxLength {number} Textarea max length
  * @param rows {number} Textarea rows
- * @param iconName {IconName | IconNameValues} display Icon
- * @param statusIconName {IconName | IconNameValues} display status Icon
+ * @param iconNameLeft {IconName | IconNameValues} display Icon on the left
+ * @param iconNameRight {IconName | IconNameValues} display Icon on the right
  * @param testId {string} Test Id for Test Integration
- * @param dynamicPlaceholder {boolean}
  * @param status {InputStatus} Textarea with status - (SUCCESS|WARNING|ERROR|DEFAULT)
  * @param keyboardStyle {InputKeyboardAppearance} Custom appearance for keyboard
  * @param autoCapitalize {InputAutoCapitalize} Capitalize => NONE | SENTENCES | WORDS | CHARS
@@ -39,21 +38,10 @@ import { TextLevels } from '../text/TextEnum';
  * @param required {boolean} Required
  */
 var Textarea = React.forwardRef(function (_a, ref) {
-    var defaultValue = _a.defaultValue, name = _a.name, sample = _a.sample, onChange = _a.onChange, disabled = _a.disabled, help = _a.help, placeholder = _a.placeholder, keyboardStyle = _a.keyboardStyle, autoCapitalize = _a.autoCapitalize, autoCorrect = _a.autoCorrect, textContentType = _a.textContentType, keyboardType = _a.keyboardType, status = _a.status, maxLength = _a.maxLength, _b = _a.dynamicPlaceholder, dynamicPlaceholder = _b === void 0 ? true : _b, label = _a.label, iconNameLeft = _a.iconNameLeft, iconNameRight = _a.iconNameRight, _c = _a.customHeight, customHeight = _c === void 0 ? 120 : _c, value = _a.value, required = _a.required, others = __rest(_a, ["defaultValue", "name", "sample", "onChange", "disabled", "help", "placeholder", "keyboardStyle", "autoCapitalize", "autoCorrect", "textContentType", "keyboardType", "status", "maxLength", "dynamicPlaceholder", "label", "iconNameLeft", "iconNameRight", "customHeight", "value", "required"]);
-    var _d = __read(useState(value || ''), 2), _value = _d[0], setValue = _d[1];
-    var _e = __read(useState(false), 2), isFocus = _e[0], setIsFocus = _e[1];
-    var _f = __read(useState(false), 2), displayDynamicLabel = _f[0], setDisplayDynamicLabel = _f[1];
-    var textareaColor = isFocus ? getColorStyle(TrilogyColor.MAIN) : getColorStyle(TrilogyColor.NEUTRAL);
-    var animation = useRef(new Animated.Value(0)).current;
-    useEffect(function () {
-        if (displayDynamicLabel) {
-            Animated.timing(animation, {
-                toValue: 1,
-                duration: 5000,
-                useNativeDriver: false,
-            }).start();
-        }
-    }, [displayDynamicLabel, animation]);
+    var defaultValue = _a.defaultValue, name = _a.name, sample = _a.sample, onChange = _a.onChange, disabled = _a.disabled, help = _a.help, placeholder = _a.placeholder, keyboardStyle = _a.keyboardStyle, autoCapitalize = _a.autoCapitalize, autoCorrect = _a.autoCorrect, textContentType = _a.textContentType, keyboardType = _a.keyboardType, status = _a.status, maxLength = _a.maxLength, label = _a.label, iconNameLeft = _a.iconNameLeft, iconNameRight = _a.iconNameRight, _b = _a.customHeight, customHeight = _b === void 0 ? 120 : _b, value = _a.value, required = _a.required, others = __rest(_a, ["defaultValue", "name", "sample", "onChange", "disabled", "help", "placeholder", "keyboardStyle", "autoCapitalize", "autoCorrect", "textContentType", "keyboardType", "status", "maxLength", "label", "iconNameLeft", "iconNameRight", "customHeight", "value", "required"]);
+    var _c = __read(useState(value || ''), 2), _value = _c[0], setValue = _c[1];
+    var _d = __read(useState(false), 2), isFocus = _d[0], setIsFocus = _d[1];
+    var textareaColor = isFocus ? getColorStyle(TrilogyColor.MAIN) : getColorStyle(TrilogyColor.STROKE);
     var styles = StyleSheet.create({
         textarea: {
             borderWidth: isFocus ? 2 : 1,
@@ -65,13 +53,12 @@ var Textarea = React.forwardRef(function (_a, ref) {
                 textareaColor,
             height: customHeight,
             justifyContent: 'flex-start',
-            paddingLeft: iconNameLeft ? 48 : 16,
-            paddingRight: maxLength ? 48 : 16,
-            paddingTop: dynamicPlaceholder && displayDynamicLabel ? 24 : 8,
+            paddingLeft: (iconNameLeft && isFocus && 47) || (iconNameLeft && 48) || 16,
+            paddingRight: (iconNameRight && 48) || 16,
+            paddingTop: isFocus ? 10 : 11,
             textAlignVertical: 'top',
             color: getColorStyle(TrilogyColor.MAIN),
             backgroundColor: disabled ? getColorStyle(TrilogyColor.DISABLED_FADE) : getColorStyle(TrilogyColor.BACKGROUND),
-            /*  width: '',*/
         },
         help: {
             fontSize: 12,
@@ -92,49 +79,28 @@ var Textarea = React.forwardRef(function (_a, ref) {
             backgroundColor: disabled ? getColorStyle(TrilogyColor.DISABLED) : 'white',
             padding: 3,
         },
-        dynamicLabel: {
-            position: 'absolute',
-            top: 2,
-            left: iconNameLeft ? 40 : 8,
-            fontSize: 12,
-            color: grayscale(getColorStyle(TrilogyColor.FONT)),
-            backgroundColor: 'transparent',
-            padding: 8,
-            paddingBottom: 4,
-        },
         leftIcon: {
             position: 'absolute',
-            top: (dynamicPlaceholder && 11) ||
-                (!dynamicPlaceholder && label && sample && 67) ||
-                (!dynamicPlaceholder && label && !sample && 42) ||
-                45,
+            top: (label && sample && 67) || (label && !sample && 42) || 45,
             left: 16,
             zIndex: 10,
         },
         rightIcon: {
             position: 'absolute',
-            top: (dynamicPlaceholder && 11) ||
-                (!dynamicPlaceholder && label && sample && 67) ||
-                (!dynamicPlaceholder && label && !sample && 42) ||
-                45,
+            top: (label && sample && 67) || (label && !sample && 42) || 45,
             right: 16,
             zIndex: 10,
         },
     });
-    return (React.createElement(View, null,
-        !dynamicPlaceholder && label && (React.createElement(React.Fragment, null,
-            React.createElement(TrilogyText, { typo: TypographyColor.TEXT_DISABLED },
-                label,
-                " ",
-                label && required && React.createElement(TrilogyText, { typo: TypographyColor.TEXT_ERROR }, "*")),
-            React.createElement(Spacer, { size: SpacerSize.THREE }))),
-        !dynamicPlaceholder && label && sample && (React.createElement(React.Fragment, null,
-            React.createElement(TrilogyText, { level: TextLevels.THREE, typo: TypographyColor.TEXT_DISABLED }, sample),
-            React.createElement(Spacer, { size: SpacerSize.THREE }))),
+    return (React.createElement(View, { style: { gap: SpacerSize.THREE } },
+        label && (React.createElement(TrilogyText, { typo: TypographyColor.TEXT_MAIN },
+            label,
+            " ",
+            label && required && React.createElement(TrilogyText, { typo: TypographyColor.TEXT_ERROR }, "*"))),
+        sample && (React.createElement(TrilogyText, { level: TextLevels.THREE, typo: TypographyColor.TEXT_MAIN }, sample)),
         iconNameLeft && (React.createElement(Text, { style: styles.leftIcon },
             React.createElement(Icon, { name: iconNameLeft, size: 'small' }))),
         React.createElement(TextInput, __assign({ ref: ref, maxLength: maxLength, value: _value, defaultValue: defaultValue, editable: !disabled, multiline: true, keyboardAppearance: keyboardStyle || InputKeyboardAppearance.DEFAULT, autoCapitalize: autoCapitalize || InputAutoCapitalize.NONE, autoCorrect: autoCorrect || false, textContentType: textContentType || InputTextContentType.NONE, keyboardType: keyboardType || InputKeyboardType.DEFAULT, onChangeText: function (text) {
-                setDisplayDynamicLabel(text.length > 0);
                 setValue(text);
                 if (onChange) {
                     onChange({
@@ -142,13 +108,12 @@ var Textarea = React.forwardRef(function (_a, ref) {
                         textareaValue: text,
                     });
                 }
-            }, placeholder: placeholder, style: styles.textarea, onFocus: function () { return setIsFocus(true); }, onBlur: function () { return setIsFocus(false); } }, others, { placeholderTextColor: disabled ? getColorStyle(TrilogyColor.DISABLED) : getColorStyle(TrilogyColor.FONT_PLACEHOLDER) })),
+            }, placeholder: placeholder, style: styles.textarea, onFocus: function () { return setIsFocus(true); }, onBlur: function () { return setIsFocus(false); }, placeholderTextColor: disabled ? getColorStyle(TrilogyColor.DISABLED) : getColorStyle(TrilogyColor.FONT_PLACEHOLDER) }, others)),
         iconNameRight && (React.createElement(Text, { style: styles.rightIcon },
             React.createElement(Icon, { name: iconNameRight, size: 'small', color: status && status.toUpperCase() }))),
-        displayDynamicLabel && dynamicPlaceholder && React.createElement(Text, { style: styles.dynamicLabel }, label),
         maxLength && (React.createElement(Text, { style: styles.counter }, _value ? "".concat(_value === null || _value === void 0 ? void 0 : _value.length, " / ").concat(maxLength) : "0 / ".concat(maxLength))),
         help && React.createElement(Text, { style: styles.help }, help)));
 });
 Textarea.displayName = ComponentName.Textarea;
 export default Textarea;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVGV4dGFyZWEubmF0aXZlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vY29tcG9uZW50cy90ZXh0YXJlYS9UZXh0YXJlYS5uYXRpdmUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sa0NBQWtDLENBQUE7QUFDaEUsT0FBTyxFQUFFLElBQUksRUFBYSxNQUFNLG1CQUFtQixDQUFBO0FBQ25ELE9BQU8sRUFDTCxtQkFBbUIsRUFDbkIsdUJBQXVCLEVBQ3ZCLGlCQUFpQixFQUNqQixvQkFBb0IsR0FDckIsTUFBTSw4QkFBOEIsQ0FBQTtBQUNyQyxPQUFPLEVBQUUsU0FBUyxFQUFFLGVBQWUsRUFBRSxNQUFNLFdBQVcsQ0FBQTtBQUN0RCxPQUFPLEVBQUUsYUFBYSxFQUFFLFlBQVksRUFBRSxNQUFNLHdCQUF3QixDQUFBO0FBQ3BFLE9BQU8sRUFBRSxXQUFXLEVBQUUsTUFBTSx5QkFBeUIsQ0FBQTtBQUNyRCxPQUFPLEtBQUssRUFBRSxFQUFFLFNBQVMsRUFBRSxNQUFNLEVBQUUsUUFBUSxFQUFFLE1BQU0sT0FBTyxDQUFBO0FBQzFELE9BQU8sRUFBRSxRQUFRLEVBQUUsVUFBVSxFQUFFLElBQUksRUFBRSxTQUFTLEVBQUUsSUFBSSxFQUFFLE1BQU0sY0FBYyxDQUFBO0FBQzFFLE9BQU8sRUFBRSxNQUFNLEVBQUUsVUFBVSxFQUFFLE1BQU0sV0FBVyxDQUFBO0FBQzlDLE9BQU8sRUFBRSxJQUFJLElBQUksV0FBVyxFQUFFLE1BQU0sU0FBUyxDQUFBO0FBQzdDLE9BQU8sRUFBRSxVQUFVLEVBQUUsTUFBTSxrQkFBa0IsQ0FBQTtBQUc3Qzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0dBMkJHO0FBQ0gsSUFBTSxRQUFRLEdBQUcsS0FBSyxDQUFDLFVBQVUsQ0FDL0IsVUFDRSxFQXVCQyxFQUNELEdBQUc7SUF2QkQsSUFBQSxZQUFZLGtCQUFBLEVBQ1osSUFBSSxVQUFBLEVBQ0os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
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVGV4dGFyZWEubmF0aXZlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vY29tcG9uZW50cy90ZXh0YXJlYS9UZXh0YXJlYS5uYXRpdmUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sa0NBQWtDLENBQUE7QUFDaEUsT0FBTyxFQUFFLElBQUksRUFBYSxNQUFNLG1CQUFtQixDQUFBO0FBQ25ELE9BQU8sRUFDTCxtQkFBbUIsRUFDbkIsdUJBQXVCLEVBQ3ZCLGlCQUFpQixFQUNqQixvQkFBb0IsR0FDckIsTUFBTSw4QkFBOEIsQ0FBQTtBQUNyQyxPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0sV0FBVyxDQUFBO0FBQzNDLE9BQU8sRUFBRSxhQUFhLEVBQUUsWUFBWSxFQUFFLE1BQU0sd0JBQXdCLENBQUE7QUFDcEUsT0FBTyxFQUFFLFdBQVcsRUFBRSxNQUFNLHlCQUF5QixDQUFBO0FBQ3JELE9BQU8sS0FBSyxFQUFFLEVBQUUsUUFBUSxFQUFFLE1BQU0sT0FBTyxDQUFBO0FBQ3ZDLE9BQU8sRUFBRSxVQUFVLEVBQUUsSUFBSSxFQUFFLFNBQVMsRUFBRSxJQUFJLEVBQUUsTUFBTSxjQUFjLENBQUE7QUFDaEUsT0FBTyxFQUFFLFVBQVUsRUFBRSxNQUFNLFdBQVcsQ0FBQTtBQUN0QyxPQUFPLEVBQUUsSUFBSSxJQUFJLFdBQVcsRUFBRSxNQUFNLFNBQVMsQ0FBQTtBQUM3QyxPQUFPLEVBQUUsVUFBVSxFQUFFLE1BQU0sa0JBQWtCLENBQUE7QUFHN0M7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0dBMEJHO0FBQ0gsSUFBTSxRQUFRLEdBQUcsS0FBSyxDQUFDLFVBQVUsQ0FDL0IsVUFDRSxFQXNCQyxFQUNELEdBQUc7SUF0QkQsSUFBQSxZQUFZLGtCQUFBLEVBQ1osSUFBSSxVQUFBLEVBQ0osTUFBTSxZQUFBLEVBQ04sUUFBUSxjQUFBLEVBQ1IsUUFBUSxjQUFBLEVBQ1IsSUFBSSxV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

package/lib/components/textarea/TextareaProps.d.ts

@@ -28,7 +28,6 @@ type TextareaPropsWeb = Accessibility & Dev & {
     keyboardType?: InputKeyboardType | InputKeyboardTypeValues;
     minLength?: number;
     maxLength?: number;
-    dynamicPlaceholder?: boolean;
     rows?: number;
     label?: string;
     iconNameLeft?: IconName | IconNameValues;

package/lib/components/timeline/marker/TimelineMarkerPropsDefaults.js

@@ -8,6 +8,7 @@ export default {
       "tri-arrow-right",
       "tri-arrow-up",
       "tri-bell",
+      "tri-calendar",
       "tri-check-circle",
       "tri-check",
       "tri-exclamation-circle",
@@ -31,6 +32,7 @@ export default {
       "tri-arrow-right",
       "tri-arrow-up",
       "tri-bell",
+      "tri-calendar",
       "tri-check-circle",
       "tri-check",
       "tri-exclamation-circle",

package/lib/components/timeline/marker/TimelineMarkerWebPropsDefaults.js

@@ -15,6 +15,7 @@ export default {
       "tri-arrow-right",
       "tri-arrow-up",
       "tri-bell",
+      "tri-calendar",
       "tri-check-circle",
       "tri-check",
       "tri-exclamation-circle",
@@ -38,6 +39,7 @@ export default {
       "tri-arrow-right",
       "tri-arrow-up",
       "tri-bell",
+      "tri-calendar",
       "tri-check-circle",
       "tri-check",
       "tri-exclamation-circle",

package/lib/components/title/Title.native.js

@@ -1,13 +1,12 @@
 import { __assign, __rest } from "tslib";
 import { ComponentName } from '../../components/enumsComponentsName';
 import { StatesContext } from '../../context/providerStates';
-import { isAndroid } from '../../helpers/device.native';
 import { getTypographyBoldStyle, setTypographyAlign, setTypographyColor, TypographyBold } from '../../objects';
 import { getColorStyle, TrilogyColor } from '../../objects/facets/Color';
 import * as React from 'react';
 import { useContext } from 'react';
-import ContentLoader, { Rect } from 'react-content-loader/native';
-import { StyleSheet, Text as TextNative, TouchableOpacity, View } from 'react-native';
+import { StyleSheet, Text as TextNative, TouchableOpacity } from 'react-native';
+import { Skeleton } from '../skeleton';
 import { TitleLevels } from './TitleEnum';
 /**
  * Title component
@@ -87,13 +86,10 @@ var Title = React.forwardRef(function (_a, ref) {
             : undefined;
     var titleView = (React.createElement(TextNative, __assign({ ref: ref, maxFontSizeMultiplier: 1.3, accessible: !!titleAccessibilityLabel, accessibilityLabel: titleAccessibilityLabel, style: [styles.text, style] }, others), children));
     if (skeleton) {
-        titleView = (React.createElement(ContentLoader, { style: styles.skeleton },
-            titleView,
-            isAndroid && (React.createElement(View, null,
-                React.createElement(Rect, { rx: '15', ry: '15', width: '100%', height: '100%' })))));
+        titleView = (React.createElement(Skeleton, { style: styles.skeleton, height: titlesLevels(), borderRadius: 5 }, titleView));
     }
     return onClick ? (React.createElement(TouchableOpacity, { onPress: onClick, activeOpacity: 0.85 }, titleView)) : (titleView);
 });
 Title.displayName = ComponentName.Title;
 export default Title;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVGl0bGUubmF0aXZlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vY29tcG9uZW50cy90aXRsZS9UaXRsZS5uYXRpdmUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sa0NBQWtDLENBQUE7QUFDaEUsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLDBCQUEwQixDQUFBO0FBQ3hELE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSx5QkFBeUIsQ0FBQTtBQUNuRCxPQUFPLEVBQUUsc0JBQXNCLEVBQUUsa0JBQWtCLEVBQUUsa0JBQWtCLEVBQUUsY0FBYyxFQUFFLE1BQU0sV0FBVyxDQUFBO0FBQzFHLE9BQU8sRUFBRSxhQUFhLEVBQUUsWUFBWSxFQUFFLE1BQU0sd0JBQXdCLENBQUE7QUFDcEUsT0FBTyxLQUFLLEtBQUssTUFBTSxPQUFPLENBQUE7QUFDOUIsT0FBTyxFQUFFLFVBQVUsRUFBRSxNQUFNLE9BQU8sQ0FBQTtBQUNsQyxPQUFPLGFBQWEsRUFBRSxFQUFFLElBQUksRUFBRSxNQUFNLDZCQUE2QixDQUFBO0FBQ2pFLE9BQU8sRUFBRSxVQUFVLEVBQUUsSUFBSSxJQUFJLFVBQVUsRUFBRSxnQkFBZ0IsRUFBRSxJQUFJLEVBQUUsTUFBTSxjQUFjLENBQUE7QUFDckYsT0FBTyxFQUFFLFdBQVcsRUFBRSxNQUFNLGFBQWEsQ0FBQTtBQUd6Qzs7Ozs7Ozs7Ozs7OztHQWFHO0FBQ0gsSUFBTSxLQUFLLEdBQUcsS0FBSyxDQUFDLFVBQVUsQ0FBNkIsVUFBQyxFQVkzRCxFQUFFLEdBQUc7SUFYSixJQUFBLFFBQVEsY0FBQSxFQUNSLEtBQUssV0FBQSxFQUNMLEtBQUssV0FBQSxFQUNMLFFBQVEsY0FBQSxFQUNSLElBQUksVUFBQSxFQUNKLE9BQU8sYUFBQSxFQUNQLFFBQVEsY0FBQSxFQUNSLGtCQUFrQix3QkFBQSxFQUNsQixRQUFRLGNBQUEsRUFDUixRQUFRLGNBQUEsRUFDTCxNQUFN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
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVGl0bGUubmF0aXZlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vY29tcG9uZW50cy90aXRsZS9UaXRsZS5uYXRpdmUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sa0NBQWtDLENBQUE7QUFDaEUsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLDBCQUEwQixDQUFBO0FBRXhELE9BQU8sRUFBRSxzQkFBc0IsRUFBRSxrQkFBa0IsRUFBRSxrQkFBa0IsRUFBRSxjQUFjLEVBQUUsTUFBTSxXQUFXLENBQUE7QUFDMUcsT0FBTyxFQUFFLGFBQWEsRUFBRSxZQUFZLEVBQUUsTUFBTSx3QkFBd0IsQ0FBQTtBQUNwRSxPQUFPLEtBQUssS0FBSyxNQUFNLE9BQU8sQ0FBQTtBQUM5QixPQUFPLEVBQUUsVUFBVSxFQUFFLE1BQU0sT0FBTyxDQUFBO0FBQ2xDLE9BQU8sRUFBRSxVQUFVLEVBQUUsSUFBSSxJQUFJLFVBQVUsRUFBRSxnQkFBZ0IsRUFBRSxNQUFNLGNBQWMsQ0FBQTtBQUMvRSxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0sYUFBYSxDQUFBO0FBQ3RDLE9BQU8sRUFBRSxXQUFXLEVBQUUsTUFBTSxhQUFhLENBQUE7QUFHekM7Ozs7Ozs7Ozs7Ozs7R0FhRztBQUNILElBQU0sS0FBSyxHQUFHLEtBQUssQ0FBQyxVQUFVLENBQTZCLFVBQUMsRUFZM0QsRUFBRSxHQUFHO0lBWEosSUFBQSxRQUFRLGNBQUEsRUFDUixLQUFLLFdBQUEsRUFDTCxLQUFLLFdBQUEsRUFDTCxRQUFRLGNBQUEsRUFDUixJQUFJLFVBQUEsRUFDSixPQUFPLGFBQUEsRUFDUCxRQUFRLGNBQUEsRUFDUixrQkFBa0Isd0JBQUEsRUFDbEIsUUFBUSxjQUFBLEVBQ1IsUUFBUSxjQUFBLEVBQ0wsTUFBTSxjQVhpRCx1SEFZM0QsQ0FEVTtJQUVULElBQU0sYUFBYSxHQUFHLFVBQVUsQ0FBQyxhQUFhLENBQUMsQ0FBQTtJ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

package/lib/components/view/ViewPropsDefaults.js

@@ -113,6 +113,15 @@ export default {
     "type": "enum",
     "values": [
       "undefined",
+      "CENTER",
+      "START",
+      "END",
+      "CENTER",
+      "START",
+      "END",
+      "SPACE_BETWEEN",
+      "SPACE_AROUND",
+      "SPACE_EVENLY",
       "JUSTIFIED_CENTER",
       "JUSTIFIED_START",
       "JUSTIFIED_END",
@@ -120,7 +129,9 @@ export default {
       "JUSTIFIED_CENTER",
       "JUSTIFIED_START",
       "JUSTIFIED_END",
-      "SPACE_BETWEEN"
+      "SPACE_BETWEEN",
+      "SPACE_AROUND",
+      "SPACE_EVENLY"
     ]
   },
   "fullwidth": {
@@ -142,7 +153,15 @@ export default {
       "ALIGNED_CENTER",
       "ALIGNED_START",
       "ALIGNED_END",
-      "ALIGNED_STRETCH"
+      "ALIGNED_STRETCH",
+      "CENTER",
+      "START",
+      "END",
+      "STRETCH",
+      "CENTER",
+      "START",
+      "END",
+      "STRETCH"
     ]
   },
   "verticalAlign": {
@@ -156,7 +175,15 @@ export default {
       "ALIGNED_CENTER",
       "ALIGNED_START",
       "ALIGNED_END",
-      "ALIGNED_STRETCH"
+      "ALIGNED_STRETCH",
+      "CENTER",
+      "START",
+      "END",
+      "STRETCH",
+      "CENTER",
+      "START",
+      "END",
+      "STRETCH"
     ]
   },
   "backgroundColor": {

package/lib/helpers/clickOutside.d.ts

@@ -0,0 +1 @@
+export declare const useClickOutside: (ref: React.RefObject<HTMLElement>, callback: () => void) => void;

package/lib/helpers/clickOutside.js

@@ -0,0 +1,16 @@
+import { useCallback, useEffect } from 'react';
+export var useClickOutside = function (ref, callback) {
+    var stableCallback = useCallback(callback, [callback]);
+    useEffect(function () {
+        var handleClickOutside = function (event) {
+            if (ref.current && !ref.current.contains(event.target)) {
+                stableCallback();
+            }
+        };
+        document.addEventListener('mouseup', handleClickOutside);
+        return function () {
+            document.removeEventListener('mouseup', handleClickOutside);
+        };
+    }, [ref, stableCallback]);
+};
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2xpY2tPdXRzaWRlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vaGVscGVycy9jbGlja091dHNpZGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFdBQVcsRUFBRSxTQUFTLEVBQUUsTUFBTSxPQUFPLENBQUE7QUFFOUMsTUFBTSxDQUFDLElBQU0sZUFBZSxHQUFHLFVBQUMsR0FBaUMsRUFBRSxRQUFvQjtJQUNyRixJQUFNLGNBQWMsR0FBRyxXQUFXLENBQUMsUUFBUSxFQUFFLENBQUMsUUFBUSxDQUFDLENBQUMsQ0FBQTtJQUV4RCxTQUFTLENBQUM7UUFDUixJQUFNLGtCQUFrQixHQUFHLFVBQUMsS0FBaUI7WUFDM0MsSUFBSSxHQUFHLENBQUMsT0FBTyxJQUFJLENBQUMsR0FBRyxDQUFDLE9BQU8sQ0FBQyxRQUFRLENBQUMsS0FBSyxDQUFDLE1BQWMsQ0FBQyxFQUFFO2dCQUM5RCxjQUFjLEVBQUUsQ0FBQTthQUNqQjtRQUNILENBQUMsQ0FBQTtRQUNELFFBQVEsQ0FBQyxnQkFBZ0IsQ0FBQyxTQUFTLEVBQUUsa0JBQWtCLENBQUMsQ0FBQTtRQUN4RCxPQUFPO1lBQ0wsUUFBUSxDQUFDLG1CQUFtQixDQUFDLFNBQVMsRUFBRSxrQkFBa0IsQ0FBQyxDQUFBO1FBQzdELENBQUMsQ0FBQTtJQUNILENBQUMsRUFBRSxDQUFDLEdBQUcsRUFBRSxjQUFjLENBQUMsQ0FBQyxDQUFBO0FBQzNCLENBQUMsQ0FBQSJ9