@trilogy-ds/react 0.0.11-calendar → 0.0.12-alpha-prompt

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, { useEffect, 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,102 +38,78 @@ 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 getTextareaColor = isFocus ? TrilogyColor.MAIN : TrilogyColor.NEUTRAL;
+    var getStatusColor = status === 'success'
+        ? StatusState.SUCCESS
+        : status === 'warning'
+            ? StatusState.WARNING
+            : status === 'error'
+                ? StatusState.ERROR
+                : getTextareaColor;
+    var borderColorTextarea = getColorStyle(getStatusColor);
+    var helpColor = getColorStyle(getStatusColor);
+    var colorTextarea = getColorStyle(TrilogyColor.MAIN);
+    var backgroundColorTeaxtarea = getColorStyle(disabled ? TrilogyColor.DISABLED_FADE : TrilogyColor.BACKGROUND);
+    var counterColor = getColorStyle(TrilogyColor.MAIN);
+    var counterBackground = getColorStyle(disabled ? TrilogyColor.DISABLED : TrilogyColor.BACKGROUND);
+    var placeholderTextColor = getColorStyle(disabled ? TrilogyColor.DISABLED : TrilogyColor.FONT_PLACEHOLDER);
     var styles = StyleSheet.create({
         textarea: {
             borderWidth: isFocus ? 2 : 1,
             borderRadius: 3,
-            borderColor: (status && status === 'success' && getColorStyle(StatusState.SUCCESS)) ||
-                (status && status === 'warning' && getColorStyle(StatusState.WARNING)) ||
-                (status && status === 'error' && getColorStyle(StatusState.ERROR)) ||
-                (status && status === 'default' && textareaColor) ||
-                textareaColor,
+            borderColor: borderColorTextarea,
             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: '',*/
+            color: colorTextarea,
+            backgroundColor: backgroundColorTeaxtarea,
         },
         help: {
             fontSize: 12,
-            color: (status && status === 'success' && getColorStyle(StatusState.SUCCESS)) ||
-                (status && status === 'warning' && getColorStyle(StatusState.WARNING)) ||
-                (status && status === 'error' && getColorStyle(StatusState.ERROR)) ||
-                (status && status === 'default' && textareaColor) ||
-                textareaColor,
+            color: helpColor,
             paddingLeft: 4,
             paddingTop: 2,
         },
         counter: {
             fontSize: 10,
-            color: getColorStyle(TrilogyColor.MAIN),
+            color: counterColor,
             position: 'absolute',
             bottom: help ? 24 : 8,
             right: 8,
-            backgroundColor: disabled ? getColorStyle(TrilogyColor.DISABLED) : 'white',
+            backgroundColor: counterBackground,
             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 }))),
+    useEffect(function () {
+        setValue(value !== null && value !== void 0 ? value : '');
+    }, [value]);
+    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 +117,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: placeholderTextColor }, 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,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVGV4dGFyZWEubmF0aXZlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vY29tcG9uZW50cy90ZXh0YXJlYS9UZXh0YXJlYS5uYXRpdmUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sa0NBQWtDLENBQUE7QUFDaEUsT0FBTyxFQUFFLElBQUksRUFBYSxNQUFNLG1CQUFtQixDQUFBO0FBQ25ELE9BQU8sRUFDTCxtQkFBbUIsRUFDbkIsdUJBQXVCLEVBQ3ZCLGlCQUFpQixFQUNqQixvQkFBb0IsR0FDckIsTUFBTSw4QkFBOEIsQ0FBQTtBQUNyQyxPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0sV0FBVyxDQUFBO0FBQzNDLE9BQU8sRUFBRSxhQUFhLEVBQUUsWUFBWSxFQUFFLE1BQU0sd0JBQXdCLENBQUE7QUFDcEUsT0FBTyxFQUFFLFdBQVcsRUFBRSxNQUFNLHlCQUF5QixDQUFBO0FBQ3JELE9BQU8sS0FBSyxFQUFFLEVBQUUsU0FBUyxFQUFFLFFBQVEsRUFBRSxNQUFNLE9BQU8sQ0FBQTtBQUNsRCxPQUFPLEVBQUUsVUFBVSxFQUFFLElBQUksRUFBRSxTQUFTLEVBQUUsSUFBSSxFQUFFLE1BQU0sY0FBYyxDQUFBO0FBQ2hFLE9BQU8sRUFBRSxVQUFVLEVBQUUsTUFBTSxXQUFXLENBQUE7QUFDdEMsT0FBTyxFQUFFLElBQUksSUFBSSxXQUFXLEVBQUUsTUFBTSxTQUFTLENBQUE7QUFDN0MsT0FBTyxFQUFFLFVBQVUsRUFBRSxNQUFNLGtCQUFrQixDQUFBO0FBRzdDOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztHQTBCRztBQUNILElBQU0sUUFBUSxHQUFHLEtBQUssQ0FBQyxVQUFVLENBQy9CLFVBQ0UsRUFzQkMsRUFDRCxHQUFHO0lBdEJELElBQUEsWUFBWSxrQkFBQSxFQUNaLElBQUksVUFBQSxFQUNKLE1BQU0sWUFBQSxFQUNOLFFBQVEsY0FBQSxFQUNSLFFBQVEsY0FBQSxF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

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

@@ -1,15 +1,15 @@
 import { IconName, IconNameValues } from '../../components/icon/IconNameEnum';
 import { Referenceable, ReferenceableNative } from '../../objects/facets/Referenceable';
+import { TextInput } from 'react-native';
 import { IconStatus } from '../../components/icon';
 import { InputAutoCapitalize, InputAutoCapitalizeValues, InputAutoCompleteType, InputAutoCompleteTypeValues, InputKeyboardAppearance, InputKeyboardAppearanceValues, InputKeyboardType, InputKeyboardTypeValues, InputStatus, InputStatusValues, InputTextContentType, InputTextContentTypeValues } from '../../components/input/InputEnum';
 import { Accessibility, Dev } from '../../objects';
-import { TextInput } from 'react-native';
 import { CommonProps } from '../../objects/facets/CommonProps';
 export interface TextareaChangeEvent {
     textareaName: string;
     textareaValue: string;
 }
-type TextareaChangeEventHandler = (event: TextareaChangeEvent) => void;
+export type TextareaChangeEventHandler = (event: TextareaChangeEvent) => void;
 type TextareaPropsWeb = Accessibility & Dev & {
     placeholder?: string;
     defaultValue?: string;
@@ -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

@@ -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,23 @@ export default {
       "tri-picto-payment-mastercard",
       "tri-picto-payment-paypal",
       "tri-picto-payment-visa",
+      "tri-paperclip",
       "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 +56,8 @@ export default {
       "tri-picto-payment-cb",
       "tri-picto-payment-mastercard",
       "tri-picto-payment-paypal",
-      "tri-picto-payment-visa"
+      "tri-picto-payment-visa",
+      "tri-paperclip"
     ]
   },
   "accessibilityLabel": {

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

@@ -14,13 +14,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",
@@ -32,18 +36,23 @@ export default {
       "tri-picto-payment-mastercard",
       "tri-picto-payment-paypal",
       "tri-picto-payment-visa",
+      "tri-paperclip",
       "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",
@@ -54,7 +63,8 @@ export default {
       "tri-picto-payment-cb",
       "tri-picto-payment-mastercard",
       "tri-picto-payment-paypal",
-      "tri-picto-payment-visa"
+      "tri-picto-payment-visa",
+      "tri-paperclip"
     ]
   },
   "accessibilityLabel": {

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": {
@@ -189,6 +216,7 @@ export default {
       "NEUTRAL",
       "NEUTRAL_FADE",
       "STROKE",
+      "STROKE_FADE",
       "WHITE",
       "MAIN_FADE",
       "ACCENT_FADE",
@@ -202,7 +230,8 @@ export default {
       "DISABLED_FADE",
       "NEUTRAL",
       "NEUTRAL_FADE",
-      "STROKE"
+      "STROKE",
+      "STROKE_FADE"
     ]
   },
   "backgroundSrc": {

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

package/lib/helpers/require.js

@@ -1,3 +1,3 @@
 import React from "react";
 export var isRequiredChild = function (children) { return React.Children.toArray(children).some(function (child) { return React.isValidElement(child) && child.props.required; }); };
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicmVxdWlyZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uL2hlbHBlcnMvcmVxdWlyZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEtBQUssTUFBTSxPQUFPLENBQUM7QUFFMUIsTUFBTSxDQUFDLElBQU0sZUFBZSxHQUFHLFVBQUMsUUFBeUIsSUFBSyxPQUFBLEtBQUssQ0FBQyxRQUFRLENBQUMsT0FBTyxDQUFDLFFBQVEsQ0FBQyxDQUFDLElBQUksQ0FDakcsVUFBQyxLQUFLLElBQUssT0FBQSxLQUFLLENBQUMsY0FBYyxDQUFDLEtBQUssQ0FBQyxJQUFJLEtBQUssQ0FBQyxLQUFLLENBQUMsUUFBUSxFQUFuRCxDQUFtRCxDQUMvRCxFQUY2RCxDQUU3RCxDQUFBIn0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicmVxdWlyZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uL2hlbHBlcnMvcmVxdWlyZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEtBQUssTUFBTSxPQUFPLENBQUE7QUFFekIsTUFBTSxDQUFDLElBQU0sZUFBZSxHQUFHLFVBQUMsUUFBeUIsSUFBSyxPQUFBLEtBQUssQ0FBQyxRQUFRLENBQUMsT0FBTyxDQUFDLFFBQVEsQ0FBQyxDQUFDLElBQUksQ0FDakcsVUFBQyxLQUFLLElBQUssT0FBQSxLQUFLLENBQUMsY0FBYyxDQUFDLEtBQUssQ0FBQyxJQUFJLEtBQUssQ0FBQyxLQUFLLENBQUMsUUFBUSxFQUFuRCxDQUFtRCxDQUMvRCxFQUY2RCxDQUU3RCxDQUFBIn0=

package/lib/objects/facets/Alignable.d.ts

@@ -1,6 +1,9 @@
 /**
  * Component Alignement
  */
+/**
+ * @deprecated
+ */
 export declare enum Alignable {
     ALIGNED_CENTER = "ALIGNED_CENTER",
     ALIGNED_START = "ALIGNED_START",
@@ -13,10 +16,14 @@ export declare enum Align {
     END = "END",
     STRETCH = "STRETCH"
 }
+/**
+ * @deprecated
+ */
 export type AlignableValues = `${Alignable}`;
+export type AlignValues = `${Align}`;
 export interface AlignableProps {
-    align?: Alignable | AlignableValues;
-    verticalAlign?: Alignable | AlignableValues;
+    align?: Alignable | AlignableValues | Align | AlignValues;
+    verticalAlign?: Alignable | AlignableValues | Align | AlignValues;
 }
 /**
  * Returns alignement classname depending on align type
@@ -29,4 +36,4 @@ export declare const getAlignClassName: (alignType?: string) => string;
  * @param alignType {Alignable|string} - Align type
  * @returns {string} - Align value
  */
-export declare const getAlignStyle: (alignType?: string) => "center" | "flex-start" | "flex-end";
+export declare const getAlignStyle: (alignType?: string) => "flex-start" | "center" | "flex-end";

package/lib/objects/facets/Alignable.js

@@ -1,6 +1,9 @@
 /**
  * Component Alignement
  */
+/**
+ * @deprecated
+ */
 export var Alignable;
 (function (Alignable) {
     Alignable["ALIGNED_CENTER"] = "ALIGNED_CENTER";
@@ -36,6 +39,8 @@ export var getAlignClassName = function (alignType) {
             return 'aligned-end';
         case 'STRETCH':
             return 'aligned-stretch';
+        case 'ALIGNED_STRETCH':
+            return 'aligned-stretch';
         default:
             return 'aligned-start';
     }
@@ -47,15 +52,17 @@ export var getAlignClassName = function (alignType) {
  */
 // eslint-disable-next-line @typescript-eslint/explicit-module-boundary-types
 export var getAlignStyle = function (alignType) {
-    switch (alignType) {
-        case 'ALIGNED_CENTER':
+    if (!alignType)
+        return 'flex-start';
+    switch (true) {
+        case ['ALIGNED_CENTER', 'CENTER'].includes(alignType):
             return 'center';
-        case 'ALIGNED_START':
+        case ['START', 'ALIGNED_START'].includes(alignType):
             return 'flex-start';
-        case 'ALIGNED_END':
+        case ['ALIGNED_END', 'END'].includes(alignType):
             return 'flex-end';
         default:
             return 'flex-start';
     }
 };
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQWxpZ25hYmxlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vb2JqZWN0cy9mYWNldHMvQWxpZ25hYmxlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBOztHQUVHO0FBQ0gsTUFBTSxDQUFOLElBQVksU0FLWDtBQUxELFdBQVksU0FBUztJQUNuQiw4Q0FBaUMsQ0FBQTtJQUNqQyw0Q0FBK0IsQ0FBQTtJQUMvQix3Q0FBMkIsQ0FBQTtJQUMzQixnREFBbUMsQ0FBQTtBQUNyQyxDQUFDLEVBTFcsU0FBUyxLQUFULFNBQVMsUUFLcEI7QUFFRCxNQUFNLENBQU4sSUFBWSxLQUtYO0FBTEQsV0FBWSxLQUFLO0lBQ2YsMEJBQWlCLENBQUE7SUFDakIsd0JBQWUsQ0FBQTtJQUNmLG9CQUFXLENBQUE7SUFDWCw0QkFBbUIsQ0FBQTtBQUNyQixDQUFDLEVBTFcsS0FBSyxLQUFMLEtBQUssUUFLaEI7QUFTRDs7OztHQUlHO0FBQ0gsTUFBTSxDQUFDLElBQU0saUJBQWlCLEdBQUcsVUFBQyxTQUFrQjtJQUNsRCxRQUFRLFNBQVMsRUFBRTtRQUNqQixLQUFLLGdCQUFnQjtZQUNuQixPQUFPLGdCQUFnQixDQUFBO1FBQ3pCLEtBQUssUUFBUTtZQUNYLE9BQU8sZ0JBQWdCLENBQUE7UUFDekIsS0FBSyxlQUFlO1lBQ2xCLE9BQU8sZUFBZSxDQUFBO1FBQ3hCLEtBQUssT0FBTztZQUNWLE9BQU8sZUFBZSxDQUFBO1FBQ3hCLEtBQUssYUFBYTtZQUNoQixPQUFPLGFBQWEsQ0FBQTtRQUN0QixLQUFLLEtBQUs7WUFDUixPQUFPLGFBQWEsQ0FBQTtRQUN0QixLQUFLLFNBQVM7WUFDWixPQUFPLGlCQUFpQixDQUFBO1FBQzFCO1lBQ0UsT0FBTyxlQUFlLENBQUE7S0FDekI7QUFDSCxDQUFDLENBQUE7QUFFRDs7OztHQUlHO0FBQ0gsNkVBQTZFO0FBQzdFLE1BQU0sQ0FBQyxJQUFNLGFBQWEsR0FBRyxVQUFDLFNBQWtCO0lBQzlDLFFBQVEsU0FBUyxFQUFFO1FBQ2pCLEtBQUssZ0JBQWdCO1lBQ25CLE9BQU8sUUFBUSxDQUFBO1FBQ2pCLEtBQUssZUFBZTtZQUNsQixPQUFPLFlBQVksQ0FBQTtRQUNyQixLQUFLLGFBQWE7WUFDaEIsT0FBTyxVQUFVLENBQUE7UUFDbkI7WUFDRSxPQUFPLFlBQVksQ0FBQTtLQUN0QjtBQUNILENBQUMsQ0FBQSJ9
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQWxpZ25hYmxlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vb2JqZWN0cy9mYWNldHMvQWxpZ25hYmxlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBOztHQUVHO0FBQ0g7O0dBRUc7QUFDSCxNQUFNLENBQU4sSUFBWSxTQUtYO0FBTEQsV0FBWSxTQUFTO0lBQ25CLDhDQUFpQyxDQUFBO0lBQ2pDLDRDQUErQixDQUFBO0lBQy9CLHdDQUEyQixDQUFBO0lBQzNCLGdEQUFtQyxDQUFBO0FBQ3JDLENBQUMsRUFMVyxTQUFTLEtBQVQsU0FBUyxRQUtwQjtBQUVELE1BQU0sQ0FBTixJQUFZLEtBS1g7QUFMRCxXQUFZLEtBQUs7SUFDZiwwQkFBaUIsQ0FBQTtJQUNqQix3QkFBZSxDQUFBO0lBQ2Ysb0JBQVcsQ0FBQTtJQUNYLDRCQUFtQixDQUFBO0FBQ3JCLENBQUMsRUFMVyxLQUFLLEtBQUwsS0FBSyxRQUtoQjtBQWNEOzs7O0dBSUc7QUFDSCxNQUFNLENBQUMsSUFBTSxpQkFBaUIsR0FBRyxVQUFDLFNBQWtCO0lBQ2xELFFBQVEsU0FBUyxFQUFFO1FBQ2pCLEtBQUssZ0JBQWdCO1lBQ25CLE9BQU8sZ0JBQWdCLENBQUE7UUFDekIsS0FBSyxRQUFRO1lBQ1gsT0FBTyxnQkFBZ0IsQ0FBQTtRQUN6QixLQUFLLGVBQWU7WUFDbEIsT0FBTyxlQUFlLENBQUE7UUFDeEIsS0FBSyxPQUFPO1lBQ1YsT0FBTyxlQUFlLENBQUE7UUFDeEIsS0FBSyxhQUFhO1lBQ2hCLE9BQU8sYUFBYSxDQUFBO1FBQ3RCLEtBQUssS0FBSztZQUNSLE9BQU8sYUFBYSxDQUFBO1FBQ3RCLEtBQUssU0FBUztZQUNaLE9BQU8saUJBQWlCLENBQUE7UUFDMUIsS0FBSyxpQkFBaUI7WUFDcEIsT0FBTyxpQkFBaUIsQ0FBQTtRQUMxQjtZQUNFLE9BQU8sZUFBZSxDQUFBO0tBQ3pCO0FBQ0gsQ0FBQyxDQUFBO0FBRUQ7Ozs7R0FJRztBQUNILDZFQUE2RTtBQUM3RSxNQUFNLENBQUMsSUFBTSxhQUFhLEdBQUcsVUFBQyxTQUFrQjtJQUM5QyxJQUFJLENBQUMsU0FBUztRQUFFLE9BQU8sWUFBWSxDQUFBO0lBQ25DLFFBQVEsSUFBSSxFQUFFO1FBQ1osS0FBSyxDQUFDLGdCQUFnQixFQUFFLFFBQVEsQ0FBQyxDQUFDLFFBQVEsQ0FBQyxTQUFTLENBQUM7WUFDbkQsT0FBTyxRQUFRLENBQUE7UUFDakIsS0FBSyxDQUFDLE9BQU8sRUFBRSxlQUFlLENBQUMsQ0FBQyxRQUFRLENBQUMsU0FBUyxDQUFDO1lBQ2pELE9BQU8sWUFBWSxDQUFBO1FBQ3JCLEtBQUssQ0FBQyxhQUFhLEVBQUUsS0FBSyxDQUFDLENBQUMsUUFBUSxDQUFDLFNBQVMsQ0FBQztZQUM3QyxPQUFPLFVBQVUsQ0FBQTtRQUNuQjtZQUNFLE9BQU8sWUFBWSxDQUFBO0tBQ3RCO0FBQ0gsQ0FBQyxDQUFBIn0=

package/lib/objects/facets/Color.d.ts

@@ -21,7 +21,8 @@ export declare enum TrilogyColor {
     DISABLED_FADE = "DISABLED_FADE",
     NEUTRAL = "NEUTRAL",
     NEUTRAL_FADE = "NEUTRAL_FADE",
-    STROKE = "STROKE"
+    STROKE = "STROKE",
+    STROKE_FADE = "STROKE_FADE"
 }
 export type TrilogyColorValues = `${TrilogyColor}`;
 /**