@trilogy-ds/react 0.0.1-beta-99 → 0.0.1-beta-103

package/lib/components/text/TextEnum.d.ts

@@ -2,15 +2,15 @@
  * New Text Levels
  */
 export declare enum TextLevels {
-    ONE = 1,
-    TWO = 2,
-    THREE = 3,
-    FOUR = 4
+    ONE = "ONE",
+    TWO = "TWO",
+    THREE = "THREE",
+    FOUR = "FOUR"
 }
 /**
  * Text size values
  */
-export type TextLevelValues = TextLevels;
+export type TextLevelValues = `${TextLevels}`;
 /**
  * List of available Markup for Text
  */

package/lib/components/text/TextEnum.js

@@ -3,10 +3,10 @@
  */
 export var TextLevels;
 (function (TextLevels) {
-    TextLevels[TextLevels["ONE"] = 1] = "ONE";
-    TextLevels[TextLevels["TWO"] = 2] = "TWO";
-    TextLevels[TextLevels["THREE"] = 3] = "THREE";
-    TextLevels[TextLevels["FOUR"] = 4] = "FOUR";
+    TextLevels["ONE"] = "ONE";
+    TextLevels["TWO"] = "TWO";
+    TextLevels["THREE"] = "THREE";
+    TextLevels["FOUR"] = "FOUR";
 })(TextLevels || (TextLevels = {}));
 /**
  * List of available Markup for Text

package/lib/components/text/TextEnum.js.map

@@ -1 +1 @@
-{"version":3,"file":"TextEnum.js","sourceRoot":"","sources":["../../../components/text/TextEnum.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,MAAM,CAAN,IAAY,UAKX;AALD,WAAY,UAAU;IACpB,yCAAO,CAAA;IACP,yCAAO,CAAA;IACP,6CAAS,CAAA;IACT,2CAAQ,CAAA;AACV,CAAC,EALW,UAAU,KAAV,UAAU,QAKrB;AAOD;;GAEG;AACH,MAAM,CAAN,IAAY,UAKX;AALD,WAAY,UAAU;IACpB,qBAAO,CAAA;IACP,2BAAa,CAAA;IACb,yBAAW,CAAA;IACX,qBAAO,CAAA;AACT,CAAC,EALW,UAAU,KAAV,UAAU,QAKrB"}
+{"version":3,"file":"TextEnum.js","sourceRoot":"","sources":["../../../components/text/TextEnum.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,MAAM,CAAN,IAAY,UAKX;AALD,WAAY,UAAU;IACpB,yBAAW,CAAA;IACX,yBAAW,CAAA;IACX,6BAAe,CAAA;IACf,2BAAa,CAAA;AACf,CAAC,EALW,UAAU,KAAV,UAAU,QAKrB;AAOD;;GAEG;AACH,MAAM,CAAN,IAAY,UAKX;AALD,WAAY,UAAU;IACpB,qBAAO,CAAA;IACP,2BAAa,CAAA;IACb,yBAAW,CAAA;IACX,qBAAO,CAAA;AACT,CAAC,EALW,UAAU,KAAV,UAAU,QAKrB"}

package/lib/components/text/index.d.ts

@@ -1,3 +1,4 @@
 import Text from './Text';
+import TextExample from './Text.example';
 export * from './TextEnum';
-export { Text };
+export { Text, TextExample };

package/lib/components/text/index.js

@@ -1,4 +1,5 @@
 import Text from './Text';
+import TextExample from './Text.example';
 export * from './TextEnum';
-export { Text };
+export { Text, TextExample };
 //# sourceMappingURL=index.js.map

package/lib/components/text/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../components/text/index.tsx"],"names":[],"mappings":"AAAA,OAAO,IAAI,MAAM,QAAQ,CAAA;AAEzB,cAAc,YAAY,CAAA;AAE1B,OAAO,EAAE,IAAI,EAAE,CAAA"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../components/text/index.tsx"],"names":[],"mappings":"AAAA,OAAO,IAAI,MAAM,QAAQ,CAAA;AACzB,OAAO,WAAW,MAAM,gBAAgB,CAAA;AAExC,cAAc,YAAY,CAAA;AAE1B,OAAO,EAAE,IAAI,EAAE,WAAW,EAAE,CAAA"}

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

@@ -3,8 +3,6 @@ import { TextareaProps } from './TextareaProps';
 /**
  * Textarea Component
  * @param disabled {boolean} Disabled textarea
- * @param label {string} Label for textarea
- * @param sample {string} Sample for textarea (below label)
  * @param name {string} Textarea name
  * @param onChange {Function} OnChange textarea Event
  * @param placeholder {string} Placeholder textarea
@@ -15,6 +13,8 @@ import { TextareaProps } from './TextareaProps';
  * @param rows {number} Textarea rows
  * - -------------------------- WEB PROPERTIES -------------------------------
  * @param className {string} Additionnal CSS Classes
+ * @param hovered {boolean} Hover mode
+ * @param focused {boolean} Fucus mode
  * @param minLength {number} Textarea min length
  * @param status {InputStatus} Textarea with status - (SUCCESS|WARNING|ERROR|DEFAULT)
  * - -------------------------- NATIVE PROPERTIES -------------------------------
@@ -25,5 +25,5 @@ import { TextareaProps } from './TextareaProps';
  * @param textContentType {InputTextContentType} Give the keyboard and the system information
  * @param keyboardType {InputKeyboardType} Keybaord type
  */
-declare const Textarea: ({ className, sample, required, disabled, onChange, placeholder, defaultValue, help, status, statusIconName, dynamicPlaceholder, rows, ref, label, maxLength, minLength, iconName, typo, testId, ...others }: TextareaProps) => JSX.Element;
+declare const Textarea: ({ className, disabled, onChange, focused, placeholder, defaultValue, hovered, help, status, statusIconName, dynamicPlaceholder, rows, ref, label, maxLength, minLength, iconName, typo, testId, ...others }: TextareaProps) => JSX.Element;
 export default Textarea;

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

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const TextareaExample: React.ReactNode;
+export default TextareaExample;

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

@@ -0,0 +1,12 @@
+import React from 'react';
+import { Textarea } from './index';
+import { Columns, ColumnsItem } from '../columns';
+const TextareaExample = React.createElement(Columns, null,
+    React.createElement(ColumnsItem, null,
+        React.createElement(Textarea, { label: 'Label dynamique', maxLength: 150, placeholder: 'placeholder' })),
+    React.createElement(ColumnsItem, null,
+        React.createElement(Textarea, { disabled: true, label: 'Label dynamique', placeholder: 'placeholder' })),
+    React.createElement(ColumnsItem, null,
+        React.createElement(Textarea, { iconName: 'tri-alert', label: 'Label dynamique', placeholder: 'placeholder' })));
+export default TextareaExample;
+//# sourceMappingURL=Textarea.example.js.map

package/lib/components/textarea/Textarea.example.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Textarea.example.js","sourceRoot":"","sources":["../../../components/textarea/Textarea.example.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAA;AAClC,OAAO,EAAE,OAAO,EAAE,WAAW,EAAE,MAAM,YAAY,CAAA;AAEjD,MAAM,eAAe,GAEnB,oBAAC,OAAO;IACJ,oBAAC,WAAW;QACV,oBAAC,QAAQ,IACP,KAAK,EAAC,iBAAiB,EACvB,SAAS,EAAE,GAAG,EACd,WAAW,EAAC,aAAa,GACzB,CACU;IACd,oBAAC,WAAW;QACV,oBAAC,QAAQ,IACP,QAAQ,QACR,KAAK,EAAC,iBAAiB,EACvB,WAAW,EAAC,aAAa,GACzB,CACU;IACd,oBAAC,WAAW;QACV,oBAAC,QAAQ,IACP,QAAQ,EAAC,WAAW,EACpB,KAAK,EAAC,iBAAiB,EACvB,WAAW,EAAC,aAAa,GACzB,CACU,CACN,CAAA;AAEd,eAAe,eAAe,CAAA"}

package/lib/components/textarea/Textarea.js

@@ -1,17 +1,14 @@
 /* eslint-disable @typescript-eslint/no-unused-vars */
 import React, { useEffect, useState } from 'react';
 import clsx from 'clsx';
-import { Text, TextLevels, TextMarkup } from '../../components/text';
+import { Text } from '../../components/text';
 import { has, is } from '../../services';
 import { Icon } from '../../components/icon';
 import { hashClass } from '../../helpers';
 import { useTrilogyContext } from '../../context';
-import { TypographyColor } from '../../objects';
 /**
  * Textarea Component
  * @param disabled {boolean} Disabled textarea
- * @param label {string} Label for textarea
- * @param sample {string} Sample for textarea (below label)
  * @param name {string} Textarea name
  * @param onChange {Function} OnChange textarea Event
  * @param placeholder {string} Placeholder textarea
@@ -22,6 +19,8 @@ import { TypographyColor } from '../../objects';
  * @param rows {number} Textarea rows
  * - -------------------------- WEB PROPERTIES -------------------------------
  * @param className {string} Additionnal CSS Classes
+ * @param hovered {boolean} Hover mode
+ * @param focused {boolean} Fucus mode
  * @param minLength {number} Textarea min length
  * @param status {InputStatus} Textarea with status - (SUCCESS|WARNING|ERROR|DEFAULT)
  * - -------------------------- NATIVE PROPERTIES -------------------------------
@@ -32,7 +31,7 @@ import { TypographyColor } from '../../objects';
  * @param textContentType {InputTextContentType} Give the keyboard and the system information
  * @param keyboardType {InputKeyboardType} Keybaord type
  */
-const Textarea = ({ className, sample, required, disabled, onChange, placeholder, defaultValue, help, status, statusIconName, dynamicPlaceholder = true, rows, ref, label, maxLength, minLength, iconName, typo, testId, ...others }) => {
+const Textarea = ({ className, disabled, onChange, focused = true, placeholder, defaultValue, hovered = true, help, status, statusIconName, dynamicPlaceholder = true, rows, ref, label, maxLength, minLength, iconName, typo, testId, ...others }) => {
     const [value, setValue] = useState(defaultValue || '');
     const { styled } = useTrilogyContext();
     useEffect(() => {
@@ -43,11 +42,7 @@ const Textarea = ({ className, sample, required, disabled, onChange, placeholder
     const helpClasses = clsx('help');
     const counterClasses = hashClass(styled, clsx('counter', maxLength));
     return (React.createElement("div", { className: wrapperClasses },
-        !dynamicPlaceholder && React.createElement("label", { className: 'textarea-label' },
-            label,
-            " ",
-            label && required && React.createElement(Text, { markup: TextMarkup.SPAN, typo: TypographyColor.TEXT_ERROR }, "*")),
-        !dynamicPlaceholder && label && sample && React.createElement(Text, { className: 'textarea-sample', level: TextLevels.TWO, typo: TypographyColor.TEXT_DISABLED }, sample),
+        !dynamicPlaceholder && React.createElement("label", null, label),
         React.createElement("textarea", { "data-testid": testId, minLength: minLength, disabled: disabled, ref: ref, ...others, className: classes, value: value, onChange: (e) => {
                 setValue(e.target.value);
                 if (onChange) {
@@ -56,7 +51,7 @@ const Textarea = ({ className, sample, required, disabled, onChange, placeholder
                         textareaValue: e.target.value,
                     });
                 }
-            }, placeholder: placeholder, rows: rows, maxLength: maxLength, required: required }),
+            }, placeholder: placeholder, rows: rows, maxLength: maxLength }),
         dynamicPlaceholder && React.createElement("label", null, label),
         iconName && React.createElement(Icon, { name: iconName, size: 'small' }),
         statusIconName && React.createElement(Icon, { name: statusIconName, size: 'small' }),

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

@@ -1 +1 @@
-{"version":3,"file":"Textarea.js","sourceRoot":"","sources":["../../../components/textarea/Textarea.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"Textarea.js","sourceRoot":"","sources":["../../../components/textarea/Textarea.tsx"],"names":[],"mappings":"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"}

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

@@ -2,18 +2,12 @@ import React, { forwardRef, useEffect, useRef, useState } from "react";
 import { Animated, StyleSheet, Text, TextInput, View } from "react-native";
 import { InputAutoCapitalize, InputKeyboardAppearance, InputKeyboardType, InputTextContentType, } from "../../components/input/InputEnum";
 import { getColorStyle, TrilogyColor } from "../../objects/facets/Color";
-import { StatusState } from "../../objects/facets/Status";
+import { AlertState, getAlertStyle } from "../../objects/facets/Alert";
 import { Icon } from "../../components/icon";
 import { ComponentName } from "../../components/enumsComponentsName";
-import { TypographyColor } from "../../objects";
-import { Spacer, SpacerSize } from "../spacer";
-import { TextLevels } from "../text/TextEnum";
-import { Text as TrilogyText } from "../text";
 /**
  * Textarea Native Component
  * @param name {string} Textarea name
- * @param label {string} Textarea label
- * @param sample {string} Textarea sample
  * @param disabled {boolean} Disabled input
  * @param onChange {Function} OnChange Input Event
  * @param placeholder {string} Placeholder Input
@@ -29,7 +23,7 @@ import { Text as TrilogyText } from "../text";
  * @param keyboardType {InputKeyboardType} Keybaord type
  * @param maxLength {number} Textarea max length
  */
-const Textarea = ({ defaultValue, name, sample, onChange, disabled, help, placeholder, keyboardStyle, autoCapitalize, autoCorrect, textContentType, keyboardType, status, maxLength, dynamicPlaceholder = true, label, iconName, statusIconName, customHeight = 120, value, testId, required, ...others }, 
+const Textarea = ({ defaultValue, name, onChange, disabled, help, placeholder, keyboardStyle, autoCapitalize, autoCorrect, textContentType, keyboardType, status, maxLength, dynamicPlaceholder = true, label, iconName, statusIconName, customHeight = 120, value, testId, ...others }, 
 // eslint-disable-next-line
 ref) => {
     const [_value, setValue] = useState(value || "");
@@ -37,7 +31,7 @@ ref) => {
     const [displayDynamicLabel, setDisplayDynamicLabel] = useState(false);
     const textareaColor = isFocus
         ? getColorStyle(TrilogyColor.MAIN)
-        : getColorStyle(TrilogyColor.MAIN_FADE);
+        : getColorStyle(TrilogyColor.FONT, 1);
     const animation = useRef(new Animated.Value(0)).current;
     useEffect(() => {
         if (displayDynamicLabel) {
@@ -52,9 +46,9 @@ ref) => {
         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)) ||
+            borderColor: (status && status === "success" && getAlertStyle(AlertState.SUCCESS)) ||
+                (status && status === "warning" && getAlertStyle(AlertState.WARNING)) ||
+                (status && status === "error" && getAlertStyle(AlertState.ERROR)) ||
                 (status && status === "default" && textareaColor) ||
                 textareaColor,
             height: customHeight,
@@ -65,15 +59,15 @@ ref) => {
             textAlignVertical: "top",
             color: getColorStyle(TrilogyColor.MAIN),
             backgroundColor: disabled
-                ? getColorStyle(TrilogyColor.DISABLED_FADE)
+                ? getColorStyle(TrilogyColor.DISABLED, 1)
                 : getColorStyle(TrilogyColor.BACKGROUND),
             /*  width: '',*/
         },
         help: {
             fontSize: 12,
-            color: (status && status === "success" && getColorStyle(StatusState.SUCCESS)) ||
-                (status && status === "warning" && getColorStyle(StatusState.WARNING)) ||
-                (status && status === "error" && getColorStyle(StatusState.ERROR)) ||
+            color: (status && status === "success" && getAlertStyle(AlertState.SUCCESS)) ||
+                (status && status === "warning" && getAlertStyle(AlertState.WARNING)) ||
+                (status && status === "error" && getAlertStyle(AlertState.ERROR)) ||
                 (status && status === "default" && textareaColor) ||
                 textareaColor,
             paddingLeft: 4,
@@ -95,34 +89,26 @@ ref) => {
             top: 2,
             left: iconName ? 40 : 8,
             fontSize: 12,
-            color: getColorStyle(TrilogyColor.NEUTRAL),
+            color: getColorStyle(TrilogyColor.NEUTRAL_DARK),
             backgroundColor: "transparent",
             padding: 8,
             paddingBottom: 4,
         },
         leftIcon: {
             position: "absolute",
-            top: dynamicPlaceholder && 16 || !dynamicPlaceholder && label && sample && 60 || 55,
+            top: 16,
             left: 16,
             zIndex: 10
         },
         rightIcon: {
             position: "absolute",
-            top: dynamicPlaceholder && 16 || !dynamicPlaceholder && label && sample && 60 || 55,
+            top: dynamicPlaceholder ? 16 : 32,
             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 }))),
+        !dynamicPlaceholder && (React.createElement(Text, { style: { color: getColorStyle(TrilogyColor.MAIN) } }, label)),
         iconName && (React.createElement(Text, { style: styles.leftIcon },
             React.createElement(Icon, { name: iconName, size: 'small', testId: `${testId}-icon` }))),
         React.createElement(TextInput, { 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: (text) => {

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

@@ -1 +1 @@
-{"version":3,"file":"Textarea.native.js","sourceRoot":"","sources":["../../../components/textarea/Textarea.native.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"Textarea.native.js","sourceRoot":"","sources":["../../../components/textarea/Textarea.native.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AACtE,OAAO,EAAE,QAAQ,EAAE,UAAU,EAAE,IAAI,EAAE,SAAS,EAAE,IAAI,EAAE,MAAM,cAAc,CAAA;AAE1E,OAAO,EACL,mBAAmB,EACnB,uBAAuB,EACvB,iBAAiB,EACjB,oBAAoB,GACrB,MAAM,8BAA8B,CAAA;AACrC,OAAO,EAAE,aAAa,EAAE,YAAY,EAAE,MAAM,wBAAwB,CAAA;AACpE,OAAO,EAAE,UAAU,EAAE,aAAa,EAAE,MAAM,wBAAwB,CAAA;AAClE,OAAO,EAAE,IAAI,EAAa,MAAM,mBAAmB,CAAA;AACnD,OAAO,EAAE,aAAa,EAAE,MAAM,kCAAkC,CAAA;AAEhE;;;;;;;;;;;;;;;;;GAiBG;AACH,MAAM,QAAQ,GAAG,CACf,EACE,YAAY,EACZ,IAAI,EACJ,QAAQ,EACR,QAAQ,EACR,IAAI,EACJ,WAAW,EACX,aAAa,EACb,cAAc,EACd,WAAW,EACX,eAAe,EACf,YAAY,EACZ,MAAM,EACN,SAAS,EACT,kBAAkB,GAAG,IAAI,EACzB,KAAK,EACL,QAAQ,EACR,cAAc,EACd,YAAY,GAAG,GAAG,EAClB,KAAK,EACL,MAAM,EACN,GAAG,MAAM,EACW;AACtB,2BAA2B;AAC3B,GAAQ,EACK,EAAE;IACf,MAAM,CAAC,MAAM,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAS,KAAK,IAAI,EAAE,CAAC,CAAA;IAExD,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAU,KAAK,CAAC,CAAA;IAEtD,MAAM,CAAC,mBAAmB,EAAE,sBAAsB,CAAC,GACjD,QAAQ,CAAU,KAAK,CAAC,CAAA;IAC1B,MAAM,aAAa,GAAG,OAAO;QAC3B,CAAC,CAAC,aAAa,CAAC,YAAY,CAAC,IAAI,CAAC;QAClC,CAAC,CAAC,aAAa,CAAC,YAAY,CAAC,IAAI,EAAE,CAAC,CAAC,CAAA;IAEvC,MAAM,SAAS,GAAG,MAAM,CAAC,IAAI,QAAQ,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,OAAO,CAAA;IAEvD,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,mBAAmB,EAAE;YACvB,QAAQ,CAAC,MAAM,CAAC,SAAS,EAAE;gBACzB,OAAO,EAAE,CAAC;gBACV,QAAQ,EAAE,IAAI;gBACd,eAAe,EAAE,KAAK;aACvB,CAAC,CAAC,KAAK,EAAE,CAAA;SACX;IACH,CAAC,EAAE,CAAC,mBAAmB,EAAE,SAAS,CAAC,CAAC,CAAA;IAEpC,MAAM,MAAM,GAAG,UAAU,CAAC,MAAM,CAAC;QAC/B,QAAQ,EAAE;YACR,WAAW,EAAE,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;YAC5B,YAAY,EAAE,CAAC;YACf,WAAW,EACT,CAAC,MAAM,IAAI,MAAM,KAAK,SAAS,IAAI,aAAa,CAAC,UAAU,CAAC,OAAO,CAAC,CAAC;gBACrE,CAAC,MAAM,IAAI,MAAM,KAAK,SAAS,IAAI,aAAa,CAAC,UAAU,CAAC,OAAO,CAAC,CAAC;gBACrE,CAAC,MAAM,IAAI,MAAM,KAAK,OAAO,IAAI,aAAa,CAAC,UAAU,CAAC,KAAK,CAAC,CAAC;gBACjE,CAAC,MAAM,IAAI,MAAM,KAAK,SAAS,IAAI,aAAa,CAAC;gBACjD,aAAa;YACf,MAAM,EAAE,YAAY;YACpB,cAAc,EAAE,YAAY;YAC5B,WAAW,EAAE,QAAQ,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE;YAC/B,YAAY,EAAE,SAAS,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE;YACjC,UAAU,EAAE,kBAAkB,IAAI,mBAAmB,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC;YAC9D,iBAAiB,EAAE,KAAK;YACxB,KAAK,EAAE,aAAa,CAAC,YAAY,CAAC,IAAI,CAAC;YACvC,eAAe,EAAE,QAAQ;gBACvB,CAAC,CAAC,aAAa,CAAC,YAAY,CAAC,QAAQ,EAAE,CAAC,CAAC;gBACzC,CAAC,CAAC,aAAa,CAAC,YAAY,CAAC,UAAU,CAAC;YAC1C,gBAAgB;SACjB;QACD,IAAI,EAAE;YACJ,QAAQ,EAAE,EAAE;YACZ,KAAK,EACH,CAAC,MAAM,IAAI,MAAM,KAAK,SAAS,IAAI,aAAa,CAAC,UAAU,CAAC,OAAO,CAAC,CAAC;gBACrE,CAAC,MAAM,IAAI,MAAM,KAAK,SAAS,IAAI,aAAa,CAAC,UAAU,CAAC,OAAO,CAAC,CAAC;gBACrE,CAAC,MAAM,IAAI,MAAM,KAAK,OAAO,IAAI,aAAa,CAAC,UAAU,CAAC,KAAK,CAAC,CAAC;gBACjE,CAAC,MAAM,IAAI,MAAM,KAAK,SAAS,IAAI,aAAa,CAAC;gBACjD,aAAa;YACf,WAAW,EAAE,CAAC;YACd,UAAU,EAAE,CAAC;SACd;QACD,OAAO,EAAE;YACP,QAAQ,EAAE,EAAE;YACZ,KAAK,EAAE,aAAa,CAAC,YAAY,CAAC,IAAI,CAAC;YACvC,QAAQ,EAAE,UAAU;YACpB,MAAM,EAAE,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC;YACrB,KAAK,EAAE,CAAC;YACR,eAAe,EAAE,QAAQ;gBACvB,CAAC,CAAC,aAAa,CAAC,YAAY,CAAC,QAAQ,CAAC;gBACtC,CAAC,CAAC,OAAO;YACX,OAAO,EAAE,CAAC;SACX;QACD,YAAY,EAAE;YACZ,QAAQ,EAAE,UAAU;YACpB,GAAG,EAAE,CAAC;YACN,IAAI,EAAE,QAAQ,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC;YACvB,QAAQ,EAAE,EAAE;YACZ,KAAK,EAAE,aAAa,CAAC,YAAY,CAAC,YAAY,CAAC;YAC/C,eAAe,EAAE,aAAa;YAC9B,OAAO,EAAE,CAAC;YACV,aAAa,EAAE,CAAC;SACjB;QACD,QAAQ,EAAE;YACR,QAAQ,EAAE,UAAU;YACpB,GAAG,EAAE,EAAE;YACP,IAAI,EAAE,EAAE;YACR,MAAM,EAAE,EAAE;SACX;QACD,SAAS,EAAE;YACT,QAAQ,EAAE,UAAU;YACpB,GAAG,EAAE,kBAAkB,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE;YACjC,KAAK,EAAE,EAAE;YACT,MAAM,EAAE,EAAE;SACX;KACF,CAAC,CAAA;IAEF,OAAO,CACL,oBAAC,IAAI;QACF,CAAC,kBAAkB,IAAI,CACtB,oBAAC,IAAI,IAAC,KAAK,EAAE,EAAE,KAAK,EAAE,aAAa,CAAC,YAAY,CAAC,IAAI,CAAC,EAAE,IAAG,KAAK,CAAQ,CACzE;QAEA,QAAQ,IAAI,CACX,oBAAC,IAAI,IAAC,KAAK,EAAE,MAAM,CAAC,QAAQ;YAC1B,oBAAC,IAAI,IAAC,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAC,OAAO,EAAC,MAAM,EAAE,GAAG,MAAM,OAAO,GAAI,CAC1D,CACR;QAED,oBAAC,SAAS,IACR,SAAS,EAAE,SAAS,EACpB,KAAK,EAAE,MAAM,EACb,YAAY,EAAE,YAAY,EAC1B,QAAQ,EAAE,CAAC,QAAQ,EACnB,SAAS,EAAE,IAAI,EACf,kBAAkB,EAAE,aAAa,IAAI,uBAAuB,CAAC,OAAO,EACpE,cAAc,EAAE,cAAc,IAAI,mBAAmB,CAAC,IAAI,EAC1D,WAAW,EAAE,WAAW,IAAI,KAAK,EACjC,eAAe,EAAE,eAAe,IAAI,oBAAoB,CAAC,IAAI,EAC7D,YAAY,EAAE,YAAY,IAAI,iBAAiB,CAAC,OAAO,EACvD,YAAY,EAAE,CAAC,IAAI,EAAE,EAAE;gBACrB,sBAAsB,CAAC,IAAI,CAAC,MAAM,GAAG,CAAC,CAAC,CAAA;gBACvC,QAAQ,CAAC,IAAI,CAAC,CAAA;gBACd,IAAI,QAAQ,EAAE;oBACZ,QAAQ,CAAC;wBACP,YAAY,EAAE,CAAC,IAAI,IAAI,IAAI,CAAC,IAAI,EAAE;wBAClC,aAAa,EAAE,IAAI;qBACpB,CAAC,CAAA;iBACH;YACH,CAAC,EACD,WAAW,EAAE,WAAW,EACxB,KAAK,EAAE,MAAM,CAAC,QAAQ,EACtB,OAAO,EAAE,GAAG,EAAE,CAAC,UAAU,CAAC,IAAI,CAAC,EAC/B,MAAM,EAAE,GAAG,EAAE,CAAC,UAAU,CAAC,KAAK,CAAC,KAC3B,MAAM,EACV,GAAG,EAAE,GAAG,GACR;QAED,cAAc,IAAI,CACjB,oBAAC,IAAI,IAAC,KAAK,EAAE,MAAM,CAAC,SAAS;YAC3B,oBAAC,IAAI,IACH,IAAI,EAAE,cAAc,EACpB,IAAI,EAAC,OAAO,EACZ,KAAK,EAAE,MAAM,IAAK,MAAM,CAAC,WAAW,EAAgB,EACpD,MAAM,EAAE,GAAG,MAAM,aAAa,GAC9B,CACG,CACR;QAEA,mBAAmB,IAAI,kBAAkB,IAAI,CAC5C,oBAAC,IAAI,IAAC,KAAK,EAAE,MAAM,CAAC,YAAY,IAAG,KAAK,CAAQ,CACjD;QACA,SAAS,IAAI,CACZ,oBAAC,IAAI,IAAC,KAAK,EAAE,MAAM,CAAC,OAAO,EAAE,MAAM,EAAE,GAAG,MAAM,YAAY,IACvD,MAAM,CAAC,CAAC,CAAC,GAAG,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,MAAM,MAAM,SAAS,EAAE,CAAC,CAAC,CAAC,OAAO,SAAS,EAAE,CAC5D,CACR;QACA,IAAI,IAAI,oBAAC,IAAI,IAAC,KAAK,EAAE,MAAM,CAAC,IAAI,EAAE,MAAM,EAAE,GAAG,MAAM,OAAO,IAAG,IAAI,CAAQ,CACrE,CACR,CAAA;AACH,CAAC,CAAA;AAED,QAAQ,CAAC,WAAW,GAAG,aAAa,CAAC,QAAQ,CAAA;AAE7C,eAAe,UAAU,CAAC,QAAQ,CAAC,CAAA"}

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

@@ -39,8 +39,6 @@ type TextareaPropsWeb = Accessibility & {
     statusIconName?: IconName | IconNameValues;
     typo?: TypographyColor | TypographyColorValues;
     customHeight?: number;
-    required?: boolean;
-    sample?: string;
 };
 export type TextareaNativeProps = TextareaPropsWeb & ReferenceableNative<TextInput>;
 /**

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

@@ -1,2 +1,3 @@
 import Textarea from './Textarea';
-export { Textarea };
+import TextareaExample from './Textarea.example';
+export { Textarea, TextareaExample };

package/lib/components/textarea/index.js

@@ -1,3 +1,4 @@
 import Textarea from './Textarea';
-export { Textarea };
+import TextareaExample from './Textarea.example';
+export { Textarea, TextareaExample };
 //# sourceMappingURL=index.js.map

package/lib/components/textarea/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../components/textarea/index.ts"],"names":[],"mappings":"AAAA,OAAO,QAAQ,MAAM,YAAY,CAAA;AAEjC,OAAO,EAAE,QAAQ,EAAE,CAAA"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../components/textarea/index.ts"],"names":[],"mappings":"AAAA,OAAO,QAAQ,MAAM,YAAY,CAAA;AACjC,OAAO,eAAe,MAAM,oBAAoB,CAAA;AAEhD,OAAO,EAAE,QAAQ,EAAE,eAAe,EAAE,CAAA"}

package/lib/components/timeline/Timeline.d.ts

@@ -1,4 +1,4 @@
-import * as React from "react";
+/// <reference types="react" />
 import { TimelineProps } from "./TimelineProps";
 /**
  * Timeline Component
@@ -8,5 +8,5 @@ import { TimelineProps } from "./TimelineProps";
  * @param horizontal {boolean} timeline horizontal
  * @param className {string} Additionnal CSS Classes
  */
-declare const Timeline: React.ForwardRefExoticComponent<TimelineProps & React.RefAttributes<HTMLDivElement>>;
+declare const Timeline: ({ className, notifications, horizontal, ...others }: TimelineProps) => JSX.Element;
 export default Timeline;

package/lib/components/timeline/Timeline.example.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const TimelineExample: React.ReactNode;
+export default TimelineExample;

package/lib/components/timeline/Timeline.example.js

@@ -0,0 +1,34 @@
+import React from 'react';
+import { Timeline, TimelineItem, TimelineMarker, TimelineContent } from './index';
+import { Columns, ColumnsItem } from '../columns';
+const TimelineExample = React.createElement(Columns, null,
+    React.createElement(ColumnsItem, null,
+        React.createElement(Timeline, null,
+            React.createElement(TimelineItem, { undone: true },
+                React.createElement(TimelineMarker, { iconName: 'tri-bell' }),
+                React.createElement(TimelineContent, { content: 'Modification de votre identifiant de connexion', contentLink: "Voir l'email", heading: '20 Septembre', link: 'link' })),
+            React.createElement(TimelineItem, { active: true },
+                React.createElement(TimelineMarker, { iconName: 'tri-bell' }),
+                React.createElement(TimelineContent, { content: 'SMS Bon voyage avec seuil usage inclus', contentLink: 'Voir le SMS', heading: '08 Juillet', link: 'link' })),
+            React.createElement(TimelineItem, { done: true },
+                React.createElement(TimelineMarker, { iconName: 'tri-bell' }),
+                React.createElement(TimelineContent, { content: 'Passage en boutique concernant un accessoire', heading: '06 Juillet' })),
+            React.createElement(TimelineItem, { done: true },
+                React.createElement(TimelineMarker, { iconName: 'tri-bell' }),
+                React.createElement(TimelineContent, { content: 'Modification de votre adresse de facturation', heading: '05 Mai' })))),
+    React.createElement(ColumnsItem, null,
+        React.createElement(Timeline, { horizontal: true },
+            React.createElement(TimelineItem, { done: true },
+                React.createElement(TimelineMarker, { iconName: 'tri-bell' }),
+                React.createElement(TimelineContent, { content: 'Modification de votre identifiant de connexion', contentLink: "Voir l'email", heading: '20 Septembre', link: 'https://bouyguestelecom.fr' })),
+            React.createElement(TimelineItem, { done: true },
+                React.createElement(TimelineMarker, { iconColor: 'WHITE', iconName: 'tri-bell' }),
+                React.createElement(TimelineContent, { content: 'SMS Bon voyage avec seuil usage inclus', contentLink: 'Voir le SMS', heading: '08 Juillet', link: 'link' })),
+            React.createElement(TimelineItem, { active: true },
+                React.createElement(TimelineMarker, { iconColor: 'WHITE', iconName: 'tri-bell' }),
+                React.createElement(TimelineContent, { content: 'SMS Bon voyage avec seuil usage inclus', contentLink: 'Voir le SMS', heading: '08 Juillet', link: 'link' })),
+            React.createElement(TimelineItem, { undone: true },
+                React.createElement(TimelineMarker, { iconColor: 'WHITE', iconName: 'tri-bell' }),
+                React.createElement(TimelineContent, { content: 'SMS Bon voyage avec seuil usage inclus', contentLink: 'Voir le SMS', heading: '08 Juillet', link: 'link' })))));
+export default TimelineExample;
+//# sourceMappingURL=Timeline.example.js.map

package/lib/components/timeline/Timeline.example.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Timeline.example.js","sourceRoot":"","sources":["../../../components/timeline/Timeline.example.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,QAAQ,EAAE,YAAY,EAAE,cAAc,EAAE,eAAe,EAAE,MAAM,SAAS,CAAA;AACjF,OAAO,EAAE,OAAO,EAAE,WAAW,EAAE,MAAM,YAAY,CAAA;AAEjD,MAAM,eAAe,GAErB,oBAAC,OAAO;IACJ,oBAAC,WAAW;QACR,oBAAC,QAAQ;YACL,oBAAC,YAAY,IAAC,MAAM;gBAChB,oBAAC,cAAc,IAAC,QAAQ,EAAC,UAAU,GAAG;gBACtC,oBAAC,eAAe,IACZ,OAAO,EAAC,gDAAgD,EACxD,WAAW,EAAC,cAAc,EAC1B,OAAO,EAAC,cAAc,EACtB,IAAI,EAAC,MAAM,GACb,CACS;YACf,oBAAC,YAAY,IAAC,MAAM;gBAChB,oBAAC,cAAc,IAAC,QAAQ,EAAC,UAAU,GAAG;gBACtC,oBAAC,eAAe,IACZ,OAAO,EAAC,wCAAwC,EAChD,WAAW,EAAC,aAAa,EACzB,OAAO,EAAC,YAAY,EACpB,IAAI,EAAC,MAAM,GACb,CACS;YACf,oBAAC,YAAY,IAAC,IAAI;gBACd,oBAAC,cAAc,IAAC,QAAQ,EAAC,UAAU,GAAG;gBACtC,oBAAC,eAAe,IACZ,OAAO,EAAC,8CAA8C,EACtD,OAAO,EAAC,YAAY,GACtB,CACS;YACf,oBAAC,YAAY,IAAC,IAAI;gBACd,oBAAC,cAAc,IAAC,QAAQ,EAAC,UAAU,GAAG;gBACtC,oBAAC,eAAe,IACZ,OAAO,EAAC,8CAA8C,EACtD,OAAO,EAAC,QAAQ,GAClB,CACS,CACR,CACD;IACd,oBAAC,WAAW;QACR,oBAAC,QAAQ,IAAC,UAAU;YAChB,oBAAC,YAAY,IAAC,IAAI;gBACd,oBAAC,cAAc,IAAC,QAAQ,EAAC,UAAU,GAAG;gBACtC,oBAAC,eAAe,IACZ,OAAO,EAAC,gDAAgD,EACxD,WAAW,EAAC,cAAc,EAC1B,OAAO,EAAC,cAAc,EACtB,IAAI,EAAC,4BAA4B,GACnC,CACS;YACf,oBAAC,YAAY,IAAC,IAAI;gBACd,oBAAC,cAAc,IACX,SAAS,EAAC,OAAO,EACjB,QAAQ,EAAC,UAAU,GACrB;gBACF,oBAAC,eAAe,IACZ,OAAO,EAAC,wCAAwC,EAChD,WAAW,EAAC,aAAa,EACzB,OAAO,EAAC,YAAY,EACpB,IAAI,EAAC,MAAM,GACb,CACS;YACf,oBAAC,YAAY,IAAC,MAAM;gBAChB,oBAAC,cAAc,IACX,SAAS,EAAC,OAAO,EACjB,QAAQ,EAAC,UAAU,GACrB;gBACF,oBAAC,eAAe,IACZ,OAAO,EAAC,wCAAwC,EAChD,WAAW,EAAC,aAAa,EACzB,OAAO,EAAC,YAAY,EACpB,IAAI,EAAC,MAAM,GACb,CACS;YACf,oBAAC,YAAY,IAAC,MAAM;gBAChB,oBAAC,cAAc,IACX,SAAS,EAAC,OAAO,EACjB,QAAQ,EAAC,UAAU,GACrB;gBACF,oBAAC,eAAe,IACZ,OAAO,EAAC,wCAAwC,EAChD,WAAW,EAAC,aAAa,EACzB,OAAO,EAAC,YAAY,EACpB,IAAI,EAAC,MAAM,GACb,CACS,CACR,CACD,CACR,CAAA;AAEV,eAAe,eAAe,CAAA"}

package/lib/components/timeline/Timeline.js

@@ -11,11 +11,11 @@ import { is } from "../../services";
  * @param horizontal {boolean} timeline horizontal
  * @param className {string} Additionnal CSS Classes
  */
-const Timeline = React.forwardRef((props, ref) => {
-    const { className, notifications, horizontal, ...others } = props;
+const Timeline = ({ className, notifications, horizontal, ...others }) => {
     const { styled } = useTrilogyContext();
+    const timelineRef = React.useRef(null);
     const classes = hashClass(styled, clsx("timeline", notifications && notifications, horizontal && is("horizontal"), className));
-    return React.createElement("div", { ref: ref, className: classes, ...others });
-});
+    return React.createElement("div", { ref: timelineRef, className: classes, ...others });
+};
 export default Timeline;
 //# sourceMappingURL=Timeline.js.map

package/lib/components/timeline/Timeline.js.map

@@ -1 +1 @@
-{"version":3,"file":"Timeline.js","sourceRoot":"","sources":["../../../components/timeline/Timeline.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,EAAE,SAAS,EAAE,MAAM,WAAW,CAAA;AACrC,OAAO,IAAI,MAAM,MAAM,CAAA;AACvB,OAAO,EAAE,iBAAiB,EAAE,MAAM,WAAW,CAAA;AAC7C,OAAO,EAAE,EAAE,EAAE,MAAM,YAAY,CAAA;AAE/B;;;;;;;GAOG;AACH,MAAM,QAAQ,GAAG,KAAK,CAAC,UAAU,CAAC,CAAC,KAAoB,EAAE,GAAoC,EAAE,EAAE;IAC/F,MAAM,EACJ,SAAS,EACT,aAAa,EACb,UAAU,EACV,GAAG,MAAM,EACV,GAAG,KAAK,CAAA;IAET,MAAM,EAAE,MAAM,EAAE,GAAG,iBAAiB,EAAE,CAAA;IACtC,MAAM,OAAO,GAAG,SAAS,CACvB,MAAM,EACN,IAAI,CACF,UAAU,EACV,aAAa,IAAI,aAAa,EAC9B,UAAU,IAAI,EAAE,CAAC,YAAY,CAAC,EAC9B,SAAS,CACV,CACF,CAAA;IAED,OAAO,6BAAK,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,OAAO,KAAM,MAAM,GAAI,CAAA;AAC1D,CAAC,CAAC,CAAA;AAEF,eAAe,QAAQ,CAAA"}
+{"version":3,"file":"Timeline.js","sourceRoot":"","sources":["../../../components/timeline/Timeline.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,EAAE,SAAS,EAAE,MAAM,WAAW,CAAA;AACrC,OAAO,IAAI,MAAM,MAAM,CAAA;AACvB,OAAO,EAAE,iBAAiB,EAAE,MAAM,WAAW,CAAA;AAC7C,OAAO,EAAE,EAAE,EAAE,MAAM,YAAY,CAAA;AAE/B;;;;;;;GAOG;AACH,MAAM,QAAQ,GAAG,CAAC,EAChB,SAAS,EACT,aAAa,EACb,UAAU,EACV,GAAG,MAAM,EACK,EAAe,EAAE;IAC/B,MAAM,EAAE,MAAM,EAAE,GAAG,iBAAiB,EAAE,CAAA;IACtC,MAAM,WAAW,GAAG,KAAK,CAAC,MAAM,CAAiB,IAAI,CAAC,CAAA;IACtD,MAAM,OAAO,GAAG,SAAS,CACvB,MAAM,EACN,IAAI,CACF,UAAU,EACV,aAAa,IAAI,aAAa,EAC9B,UAAU,IAAI,EAAE,CAAC,YAAY,CAAC,EAC9B,SAAS,CACV,CACF,CAAA;IAED,OAAO,6BAAK,GAAG,EAAE,WAAW,EAAE,SAAS,EAAE,OAAO,KAAM,MAAM,GAAI,CAAA;AAClE,CAAC,CAAA;AAED,eAAe,QAAQ,CAAA"}

package/lib/components/timeline/content/TimelineContent.js

@@ -24,7 +24,7 @@ const TimelineContent = ({ children, className, heading, content, link, contentL
             onClick === null || onClick === void 0 ? void 0 : onClick(e);
             e.stopPropagation();
         } },
-        heading && (React.createElement(Text, { markup: TextMarkup.P }, heading)),
+        heading && (React.createElement(Text, { className: 'heading', markup: TextMarkup.P }, heading)),
         content && (React.createElement(Text, { className: 'main-content', markup: TextMarkup.P }, content)),
         link && React.createElement(Link, { href: link }, contentLink || link)));
 };

package/lib/components/timeline/content/TimelineContent.js.map

@@ -1 +1 @@
-{"version":3,"file":"TimelineContent.js","sourceRoot":"","sources":["../../../../components/timeline/content/TimelineContent.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,IAAI,MAAM,MAAM,CAAA;AAEvB,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAA;AACpD,OAAO,EAAE,IAAI,EAAE,MAAM,mBAAmB,CAAA;AACxC,OAAO,EAAE,SAAS,EAAE,MAAM,WAAW,CAAA;AACrC,OAAO,EAAE,iBAAiB,EAAE,MAAM,WAAW,CAAA;AAE7C;;;;;;;;;GASG;AACH,MAAM,eAAe,GAAG,CAAC,EACvB,QAAQ,EACR,SAAS,EACT,OAAO,EACP,OAAO,EACP,IAAI,EACJ,WAAW,EACX,OAAO,EACP,GAAG,MAAM,EACe,EAAe,EAAE;IACzC,MAAM,EAAE,MAAM,EAAE,GAAG,iBAAiB,EAAE,CAAA;IACtC,MAAM,OAAO,GAAG,SAAS,CAAC,MAAM,EAAE,IAAI,CAAC,kBAAkB,EAAE,SAAS,CAAC,CAAC,CAAA;IAEtE,IAAI,QAAQ,EAAE;QACZ,OAAO,CACL,6BAAK,SAAS,EAAE,OAAO,KAAM,MAAM,IAChC,QAAQ,CACL,CACP,CAAA;KACF;IAED,OAAO,CACL,6BACE,SAAS,EAAE,OAAO,KACd,MAAM,EACV,OAAO,EAAE,CAAC,CAAC,EAAE,EAAE;YACb,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAG,CAAC,CAAC,CAAA;YACZ,CAAC,CAAC,eAAe,EAAE,CAAA;QACrB,CAAC;QAEA,OAAO,IAAI,CACV,oBAAC,IAAI,IAAC,MAAM,EAAE,UAAU,CAAC,CAAC,IACvB,OAAO,CACH,CACR;QACA,OAAO,IAAI,CACV,oBAAC,IAAI,IAAC,SAAS,EAAC,cAAc,EAAC,MAAM,EAAE,UAAU,CAAC,CAAC,IAChD,OAAO,CACH,CACR;QACA,IAAI,IAAI,oBAAC,IAAI,IAAC,IAAI,EAAE,IAAI,IAAG,WAAW,IAAI,IAAI,CAAQ,CACnD,CACP,CAAA;AACH,CAAC,CAAA;AAED,eAAe,eAAe,CAAA"}
+{"version":3,"file":"TimelineContent.js","sourceRoot":"","sources":["../../../../components/timeline/content/TimelineContent.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,IAAI,MAAM,MAAM,CAAA;AAEvB,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAA;AACpD,OAAO,EAAE,IAAI,EAAE,MAAM,mBAAmB,CAAA;AACxC,OAAO,EAAE,SAAS,EAAE,MAAM,WAAW,CAAA;AACrC,OAAO,EAAE,iBAAiB,EAAE,MAAM,WAAW,CAAA;AAE7C;;;;;;;;;GASG;AACH,MAAM,eAAe,GAAG,CAAC,EACvB,QAAQ,EACR,SAAS,EACT,OAAO,EACP,OAAO,EACP,IAAI,EACJ,WAAW,EACX,OAAO,EACP,GAAG,MAAM,EACe,EAAe,EAAE;IACzC,MAAM,EAAE,MAAM,EAAE,GAAG,iBAAiB,EAAE,CAAA;IACtC,MAAM,OAAO,GAAG,SAAS,CAAC,MAAM,EAAE,IAAI,CAAC,kBAAkB,EAAE,SAAS,CAAC,CAAC,CAAA;IAEtE,IAAI,QAAQ,EAAE;QACZ,OAAO,CACL,6BAAK,SAAS,EAAE,OAAO,KAAM,MAAM,IAChC,QAAQ,CACL,CACP,CAAA;KACF;IAED,OAAO,CACL,6BACE,SAAS,EAAE,OAAO,KACd,MAAM,EACV,OAAO,EAAE,CAAC,CAAC,EAAE,EAAE;YACb,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAG,CAAC,CAAC,CAAA;YACZ,CAAC,CAAC,eAAe,EAAE,CAAA;QACrB,CAAC;QAEA,OAAO,IAAI,CACV,oBAAC,IAAI,IAAC,SAAS,EAAC,SAAS,EAAC,MAAM,EAAE,UAAU,CAAC,CAAC,IAC3C,OAAO,CACH,CACR;QACA,OAAO,IAAI,CACV,oBAAC,IAAI,IAAC,SAAS,EAAC,cAAc,EAAC,MAAM,EAAE,UAAU,CAAC,CAAC,IAChD,OAAO,CACH,CACR;QACA,IAAI,IAAI,oBAAC,IAAI,IAAC,IAAI,EAAE,IAAI,IAAG,WAAW,IAAI,IAAI,CAAQ,CACnD,CACP,CAAA;AACH,CAAC,CAAA;AAED,eAAe,eAAe,CAAA"}

package/lib/components/timeline/index.d.ts

@@ -2,4 +2,5 @@ import TimelineContent from './content';
 import TimelineItem from './item';
 import TimelineMarker from './marker';
 import Timeline from './Timeline';
-export { Timeline, TimelineItem, TimelineContent, TimelineMarker };
+import TimelineExample from './Timeline.example';
+export { Timeline, TimelineItem, TimelineContent, TimelineMarker, TimelineExample };

package/lib/components/timeline/index.js

@@ -2,5 +2,6 @@ import TimelineContent from './content';
 import TimelineItem from './item';
 import TimelineMarker from './marker';
 import Timeline from './Timeline';
-export { Timeline, TimelineItem, TimelineContent, TimelineMarker };
+import TimelineExample from './Timeline.example';
+export { Timeline, TimelineItem, TimelineContent, TimelineMarker, TimelineExample };
 //# sourceMappingURL=index.js.map

package/lib/components/timeline/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../components/timeline/index.ts"],"names":[],"mappings":"AAAA,OAAO,eAAe,MAAM,WAAW,CAAA;AACvC,OAAO,YAAY,MAAM,QAAQ,CAAA;AACjC,OAAO,cAAc,MAAM,UAAU,CAAA;AACrC,OAAO,QAAQ,MAAM,YAAY,CAAA;AAEjC,OAAO,EAAE,QAAQ,EAAE,YAAY,EAAE,eAAe,EAAE,cAAc,EAAE,CAAA"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../components/timeline/index.ts"],"names":[],"mappings":"AAAA,OAAO,eAAe,MAAM,WAAW,CAAA;AACvC,OAAO,YAAY,MAAM,QAAQ,CAAA;AACjC,OAAO,cAAc,MAAM,UAAU,CAAA;AACrC,OAAO,QAAQ,MAAM,YAAY,CAAA;AACjC,OAAO,eAAe,MAAM,oBAAoB,CAAA;AAEhD,OAAO,EAAE,QAAQ,EAAE,YAAY,EAAE,eAAe,EAAE,cAAc,EAAE,eAAe,EAAE,CAAA"}

package/lib/components/timeline/item/TimelineItem.d.ts

@@ -1,4 +1,4 @@
-import * as React from "react";
+/// <reference types="react" />
 import { TimelineItemWebProps } from "./TimelineItemProps";
 /**
  * Timeline Item Component
@@ -9,5 +9,5 @@ import { TimelineItemWebProps } from "./TimelineItemProps";
  * @param undone {boolean} Undone Timeline Item
  * @param cancel {boolean} Cancel Timeline Item
  */
-declare const TimelineItem: React.ForwardRefExoticComponent<TimelineItemWebProps & React.RefAttributes<HTMLDivElement>>;
+declare const TimelineItem: ({ className, done, active, undone, cancel, ...others }: TimelineItemWebProps) => JSX.Element;
 export default TimelineItem;

package/lib/components/timeline/item/TimelineItem.js

@@ -11,11 +11,10 @@ import { hashClass } from "../../../helpers";
  * @param undone {boolean} Undone Timeline Item
  * @param cancel {boolean} Cancel Timeline Item
  */
-const TimelineItem = React.forwardRef((props, ref) => {
-    const { className, done, active, undone, cancel, ...others } = props;
+const TimelineItem = ({ className, done, active, undone, cancel, ...others }) => {
     const { styled } = useTrilogyContext();
     const classes = hashClass(styled, clsx("timeline-item", done && "done", active && "active", undone && "undone", cancel && "cancel", className));
-    return React.createElement("div", { ref: ref, className: classes, ...others });
-});
+    return React.createElement("div", { className: classes, ...others });
+};
 export default TimelineItem;
 //# sourceMappingURL=TimelineItem.js.map

package/lib/components/timeline/item/TimelineItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"TimelineItem.js","sourceRoot":"","sources":["../../../../components/timeline/item/TimelineItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,IAAI,MAAM,MAAM,CAAA;AAEvB,OAAO,EAAE,iBAAiB,EAAE,MAAM,WAAW,CAAA;AAC7C,OAAO,EAAE,SAAS,EAAE,MAAM,WAAW,CAAA;AAErC;;;;;;;;GAQG;AACH,MAAM,YAAY,GAAG,KAAK,CAAC,UAAU,CAAC,CAAC,KAA2B,EAAE,GAAoC,EAAE,EAAE;IAC1G,MAAM,EACJ,SAAS,EACT,IAAI,EACJ,MAAM,EACN,MAAM,EACN,MAAM,EACN,GAAG,MAAM,EACV,GAAG,KAAK,CAAA;IAET,MAAM,EAAE,MAAM,EAAE,GAAG,iBAAiB,EAAE,CAAA;IACtC,MAAM,OAAO,GAAG,SAAS,CACvB,MAAM,EACN,IAAI,CACF,eAAe,EACf,IAAI,IAAI,MAAM,EACd,MAAM,IAAI,QAAQ,EAClB,MAAM,IAAI,QAAQ,EAClB,MAAM,IAAI,QAAQ,EAClB,SAAS,CACV,CACF,CAAA;IACD,OAAO,6BAAK,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,OAAO,KAAM,MAAM,GAAI,CAAA;AAC1D,CAAC,CAAC,CAAA;AAEF,eAAe,YAAY,CAAA"}
+{"version":3,"file":"TimelineItem.js","sourceRoot":"","sources":["../../../../components/timeline/item/TimelineItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,IAAI,MAAM,MAAM,CAAA;AAEvB,OAAO,EAAE,iBAAiB,EAAE,MAAM,WAAW,CAAA;AAC7C,OAAO,EAAE,SAAS,EAAE,MAAM,WAAW,CAAA;AAErC;;;;;;;;GAQG;AACH,MAAM,YAAY,GAAG,CAAC,EACpB,SAAS,EACT,IAAI,EACJ,MAAM,EACN,MAAM,EACN,MAAM,EACN,GAAG,MAAM,EACY,EAAe,EAAE;IACtC,MAAM,EAAE,MAAM,EAAE,GAAG,iBAAiB,EAAE,CAAA;IACtC,MAAM,OAAO,GAAG,SAAS,CACvB,MAAM,EACN,IAAI,CACF,eAAe,EACf,IAAI,IAAI,MAAM,EACd,MAAM,IAAI,QAAQ,EAClB,MAAM,IAAI,QAAQ,EAClB,MAAM,IAAI,QAAQ,EAClB,SAAS,CACV,CACF,CAAA;IACD,OAAO,6BAAK,SAAS,EAAE,OAAO,KAAM,MAAM,GAAI,CAAA;AAChD,CAAC,CAAA;AAED,eAAe,YAAY,CAAA"}

package/lib/components/timeline/marker/TimelineMarker.native.js

@@ -25,10 +25,10 @@ const TimelineMarker = ({ iconName, iconColor, testId }) => {
             marginLeft: "auto",
             marginRight: "auto",
             borderColor: (active && getColorStyle(TrilogyColor.MAIN)) ||
-                (undone && getColorStyle(TrilogyColor.NEUTRAL_FADE)) ||
-                (cancel && getColorStyle(TrilogyColor.NEUTRAL)) ||
+                (undone && getColorStyle(TrilogyColor.NEUTRAL_LIGHT)) ||
+                (cancel && getColorStyle(TrilogyColor.NEUTRAL_DARK)) ||
                 (done && getColorStyle(TrilogyColor.MAIN)) ||
-                getColorStyle(TrilogyColor.NEUTRAL_FADE),
+                getColorStyle(TrilogyColor.NEUTRAL_LIGHT),
         },
         icon: {
             alignSelf: "center",
@@ -39,14 +39,14 @@ const TimelineMarker = ({ iconName, iconColor, testId }) => {
             React.createElement(Icon, { name: iconName, circled: true, color: !iconColor
                     ? (active && TrilogyColor.BACKGROUND) ||
                         (undone && TrilogyColor.MAIN) ||
-                        (cancel && TrilogyColor.NEUTRAL_FADE) ||
+                        (cancel && TrilogyColor.BACKGROUND) ||
                         (done && TrilogyColor.BACKGROUND) ||
                         TrilogyColor.BACKGROUND
                     : iconColor, backgroundColor: (active && TrilogyColor.MAIN) ||
-                    (undone && TrilogyColor.NEUTRAL_FADE) ||
-                    (cancel && TrilogyColor.NEUTRAL) ||
+                    (undone && TrilogyColor.NEUTRAL_LIGHT) ||
+                    (cancel && TrilogyColor.NEUTRAL_DARK) ||
                     (done && TrilogyColor.MAIN) ||
-                    TrilogyColor.NEUTRAL_FADE, size: IconSize.SMALL })),
+                    TrilogyColor.NEUTRAL_LIGHT, size: IconSize.SMALL })),
         React.createElement(View, { style: styles.divider })));
 };
 TimelineMarker.displayName = ComponentName.TimelineMarker;

package/lib/components/timeline/marker/TimelineMarker.native.js.map

@@ -1 +1 @@
-{"version":3,"file":"TimelineMarker.native.js","sourceRoot":"","sources":["../../../../components/timeline/marker/TimelineMarker.native.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"TimelineMarker.native.js","sourceRoot":"","sources":["../../../../components/timeline/marker/TimelineMarker.native.tsx"],"names":[],"mappings":"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"}

package/lib/components/title/Title.example.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const TitleExample: React.ReactNode;
+export default TitleExample;

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

@@ -0,0 +1,8 @@
+import React from 'react';
+import { Title } from './index';
+const TitleExample = React.createElement(React.Fragment, null,
+    React.createElement(Title, { level: 'ONE' }, "Ceci titre"),
+    React.createElement(Title, { subtitle: true }, "Ceci est un sous-titre"),
+    React.createElement(Title, { subtitle: true }, "Ceci est text surligner"));
+export default TitleExample;
+//# sourceMappingURL=Title.example.js.map

package/lib/components/title/Title.example.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Title.example.js","sourceRoot":"","sources":["../../../components/title/Title.example.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAA;AAE/B,MAAM,YAAY,GAEhB;IACE,oBAAC,KAAK,IACJ,KAAK,EAAC,KAAK,iBAGL;IACR,oBAAC,KAAK,IAAC,QAAQ,mCAEP;IACR,oBAAC,KAAK,IAAC,QAAQ,oCAEP,CACP,CAAA;AAEL,eAAe,YAAY,CAAA"}