@trilogy-ds/react 0.0.1-beta-148 → 0.0.1-beta-149

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

@@ -1,12 +1,12 @@
 import { __assign, __rest } from "tslib";
-import React, { useContext } from 'react';
-import { Platform, StyleSheet, Text as TextNative, View } from 'react-native';
-import { getTypographyBoldStyle, setTypographyAlign, setTypographyColor } from '../../objects/Typography';
-import { getColorStyle, TrilogyColor } from '../../objects/facets/Color';
-import { TextLevels } from './TextEnum';
-import ContentLoader, { Rect } from 'react-content-loader/native';
-import { ComponentName } from '../../components/enumsComponentsName';
-import { StatesContext } from '../../context/providerStates';
+import React, { useContext } from "react";
+import { Platform, StyleSheet, Text as TextNative, View } from "react-native";
+import { getTypographyBoldStyle, setTypographyAlign, setTypographyColor, } from "../../objects/Typography";
+import { getColorStyle, TrilogyColor } from "../../objects/facets/Color";
+import { TextLevels } from "./TextEnum";
+import ContentLoader, { Rect } from "react-content-loader/native";
+import { ComponentName } from "../../components/enumsComponentsName";
+import { StatesContext } from "../../context/providerStates";
 /**
  * Text Native Component
  * @param children {string} Text child
@@ -16,12 +16,14 @@ import { StatesContext } from '../../context/providerStates';
  * @param style {Object} Additional style
  * @param typo {string} Text typo
  * @param skeleton {Boolean} Text Skeleton
+ * @param testId {string} id for test
  * @param accessibilityLabel {string}
+ * @param link {boolean} Add link variant for inline link into Text
  * @param numberOfLines {number} Ellipsis after limit number of lines
  * @param others
  */
 var Text = function (_a) {
-    var children = _a.children, level = _a.level, style = _a.style, inverted = _a.inverted, typo = _a.typo, skeleton = _a.skeleton, accessibilityLabel = _a.accessibilityLabel, _b = _a.numberOfLines, numberOfLines = _b === void 0 ? 0 : _b, others = __rest(_a, ["children", "level", "style", "inverted", "typo", "skeleton", "accessibilityLabel", "numberOfLines"]);
+    var children = _a.children, level = _a.level, style = _a.style, inverted = _a.inverted, typo = _a.typo, onClick = _a.onClick, skeleton = _a.skeleton, testId = _a.testId, accessibilityLabel = _a.accessibilityLabel, link = _a.link, _b = _a.numberOfLines, numberOfLines = _b === void 0 ? 0 : _b, others = __rest(_a, ["children", "level", "style", "inverted", "typo", "onClick", "skeleton", "testId", "accessibilityLabel", "link", "numberOfLines"]);
     var statesContext = useContext(StatesContext);
     var textLevels = function (level) {
         return ((level && level == TextLevels.ONE && 16) ||
@@ -34,45 +36,53 @@ var Text = function (_a) {
         text: {
             fontFamily: getTypographyBoldStyle(typo),
             fontSize: textLevels(level),
-            color: (!skeleton && setTypographyColor(typo, inverted || statesContext.inverted)) || 'transparent',
+            color: (!skeleton &&
+                setTypographyColor(typo, inverted || statesContext.inverted)) ||
+                (link && getColorStyle(TrilogyColor.FONT)) ||
+                "transparent",
             textAlign: setTypographyAlign(typo),
             lineHeight: textLevels(level) * 1.2,
-            textDecorationLine: 'none',
-            alignSelf: (setTypographyAlign(typo) === 'left' && 'flex-start') ||
-                (setTypographyAlign(typo) === 'center' && 'center') ||
-                (setTypographyAlign(typo) === 'right' && 'flex-end') ||
-                'flex-start',
+            textDecorationLine: link ? "underline" : "none",
+            alignSelf: (setTypographyAlign(typo) === "left" && "flex-start") ||
+                (setTypographyAlign(typo) === "center" && "center") ||
+                (setTypographyAlign(typo) === "right" && "flex-end") ||
+                "flex-start",
         },
         skeleton: {
             minWidth: 10,
-            alignSelf: (setTypographyAlign(typo) === 'left' && 'flex-start') ||
-                (setTypographyAlign(typo) === 'center' && 'center') ||
-                (setTypographyAlign(typo) === 'right' && 'flex-end') ||
-                'flex-start',
+            alignSelf: (setTypographyAlign(typo) === "left" && "flex-start") ||
+                (setTypographyAlign(typo) === "center" && "center") ||
+                (setTypographyAlign(typo) === "right" && "flex-end") ||
+                "flex-start",
             borderRadius: (level && level == TextLevels.ONE && 7) ||
                 (level && level == TextLevels.TWO && 7) ||
                 (level && level == TextLevels.THREE && 5) ||
                 3,
             borderWidth: 0.1,
             borderColor: getColorStyle(TrilogyColor.NEUTRAL_FADE),
-            overflow: 'hidden',
+            overflow: "hidden",
             height: textLevels(level),
         },
     });
+    var textTestId = testId
+        ? testId
+        : typeof children === "string"
+            ? children
+            : "NotSpecified";
     var textAccessibilityLabel = accessibilityLabel
         ? accessibilityLabel
-        : typeof children === 'string'
+        : typeof children === "string"
             ? children
             : undefined;
-    var textView = (React.createElement(TextNative, __assign({ numberOfLines: numberOfLines, ellipsizeMode: 'tail', maxFontSizeMultiplier: 1.3, accessible: !!textAccessibilityLabel, accessibilityLabel: textAccessibilityLabel, style: [styles.text, style] }, others), children));
+    var textView = (React.createElement(TextNative, __assign({ numberOfLines: numberOfLines, ellipsizeMode: 'tail', maxFontSizeMultiplier: 1.3, accessible: !!textAccessibilityLabel, accessibilityLabel: textAccessibilityLabel, testID: textTestId, style: [styles.text, style] }, others), children));
     if (skeleton) {
         textView = (React.createElement(ContentLoader, { style: styles.skeleton },
             textView,
-            Platform.OS === 'android' && (React.createElement(View, null,
+            Platform.OS === "android" && (React.createElement(View, null,
                 React.createElement(Rect, { rx: '7', ry: '7', width: '100%', height: '100%' })))));
     }
-    return textView;
+    return onClick ? (React.createElement(TextNative, { onPress: onClick, style: styles.text }, textView)) : (textView);
 };
 Text.displayName = ComponentName.Text;
 export default Text;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVGV4dC5uYXRpdmUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9jb21wb25lbnRzL3RleHQvVGV4dC5uYXRpdmUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLEtBQUssRUFBRSxFQUFFLFVBQVUsRUFBRSxNQUFNLE9BQU8sQ0FBQTtBQUN6QyxPQUFPLEVBQUUsUUFBUSxFQUFFLFVBQVUsRUFBRSxJQUFJLElBQUksVUFBVSxFQUFFLElBQUksRUFBRSxNQUFNLGNBQWMsQ0FBQTtBQUU3RSxPQUFPLEVBQUUsc0JBQXNCLEVBQUUsa0JBQWtCLEVBQUUsa0JBQWtCLEVBQUUsTUFBTSxzQkFBc0IsQ0FBQTtBQUNyRyxPQUFPLEVBQUUsYUFBYSxFQUFFLFlBQVksRUFBRSxNQUFNLHdCQUF3QixDQUFBO0FBQ3BFLE9BQU8sRUFBRSxVQUFVLEVBQW1CLE1BQU0sWUFBWSxDQUFBO0FBQ3hELE9BQU8sYUFBYSxFQUFFLEVBQUUsSUFBSSxFQUFFLE1BQU0sNkJBQTZCLENBQUE7QUFDakUsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLGtDQUFrQyxDQUFBO0FBQ2hFLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSwwQkFBMEIsQ0FBQTtBQUV4RDs7Ozs7Ozs7Ozs7O0dBWUc7QUFDSCxJQUFNLElBQUksR0FBRyxVQUFDLEVBVUY7SUFUVixJQUFBLFFBQVEsY0FBQSxFQUNSLEtBQUssV0FBQSxFQUNMLEtBQUssV0FBQSxFQUNMLFFBQVEsY0FBQSxFQUNSLElBQUksVUFBQSxFQUNKLFFBQVEsY0FBQSxFQUNSLGtCQUFrQix3QkFBQSxFQUNsQixxQkFBaUIsRUFBakIsYUFBYSxtQkFBRyxDQUFDLEtBQUEsRUFDZCxNQUFNLGNBVEcscUdBVWIsQ0FEVTtJQUVULElBQU0sYUFBYSxHQUFHLFVBQVUsQ0FBQyxhQUFhLENBQUMsQ0FBQTtJQUMvQyxJQUFNLFVBQVUsR0FBRyxVQUFDLEtBQW1DO1FBQ3JELE9BQU8sQ0FDTCxDQUFDLEtBQUss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
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVGV4dC5uYXRpdmUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9jb21wb25lbnRzL3RleHQvVGV4dC5uYXRpdmUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLEtBQUssRUFBRSxFQUFFLFVBQVUsRUFBRSxNQUFNLE9BQU8sQ0FBQTtBQUN6QyxPQUFPLEVBQUUsUUFBUSxFQUFFLFVBQVUsRUFBRSxJQUFJLElBQUksVUFBVSxFQUFFLElBQUksRUFBRSxNQUFNLGNBQWMsQ0FBQTtBQUU3RSxPQUFPLEVBQUUsc0JBQXNCLEVBQUUsa0JBQWtCLEVBQUUsa0JBQWtCLEdBQUcsTUFBTSxzQkFBc0IsQ0FBQTtBQUN0RyxPQUFPLEVBQUUsYUFBYSxFQUFFLFlBQVksRUFBRSxNQUFNLHdCQUF3QixDQUFBO0FBQ3BFLE9BQU8sRUFBRSxVQUFVLEVBQW1CLE1BQU0sWUFBWSxDQUFBO0FBQ3hELE9BQU8sYUFBYSxFQUFFLEVBQUUsSUFBSSxFQUFFLE1BQU0sNkJBQTZCLENBQUE7QUFDakUsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLGtDQUFrQyxDQUFBO0FBQ2hFLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSwwQkFBMEIsQ0FBQTtBQUV4RDs7Ozs7Ozs7Ozs7Ozs7R0FjRztBQUNILElBQU0sSUFBSSxHQUFHLFVBQUMsRUFhRjtJQVpWLElBQUEsUUFBUSxjQUFBLEVBQ1IsS0FBSyxXQUFBLEVBQ0wsS0FBSyxXQUFBLEVBQ0wsUUFBUSxjQUFBLEVBQ1IsSUFBSSxVQUFBLEVBQ0osT0FBTyxhQUFBLEVBQ1AsUUFBUSxjQUFBLEVBQ1IsTUFBTSxZQUFBLEVBQ04sa0JBQWtCLHdCQUFBLEVBQ2xCLElBQUksVUFBQSxFQUNKLHFCQUFpQixFQUFqQixhQUFhLG1CQUFHLENBQUMsS0FBQSxFQUNkLE1BQU0sY0FaRyxrSUFhYixDQURVO0lBRVQsSUFBTSxhQUFhLEdBQUcsVUFBVSxDQUFDLGFBQWEsQ0FBQyxDQUFBO0lBQy9DLElBQU0s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

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

@@ -16,7 +16,9 @@ export type TextLevelValues = TextLevels;
  */
 export declare enum TextMarkup {
     P = "p",
-    SPAN = "span"
+    SPAN = "span",
+    DIV = "div",
+    A = "a"
 }
 /**
  * List of available Markup values for Text

package/lib/components/text/TextEnum.js

@@ -15,5 +15,7 @@ export var TextMarkup;
 (function (TextMarkup) {
     TextMarkup["P"] = "p";
     TextMarkup["SPAN"] = "span";
+    TextMarkup["DIV"] = "div";
+    TextMarkup["A"] = "a";
 })(TextMarkup || (TextMarkup = {}));
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVGV4dEVudW0uanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9jb21wb25lbnRzL3RleHQvVGV4dEVudW0udHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7O0dBRUc7QUFDSCxNQUFNLENBQU4sSUFBWSxVQUtYO0FBTEQsV0FBWSxVQUFVO0lBQ3BCLHlDQUFPLENBQUE7SUFDUCx5Q0FBTyxDQUFBO0lBQ1AsNkNBQVMsQ0FBQTtJQUNULDJDQUFRLENBQUE7QUFDVixDQUFDLEVBTFcsVUFBVSxLQUFWLFVBQVUsUUFLckI7QUFPRDs7R0FFRztBQUNILE1BQU0sQ0FBTixJQUFZLFVBR1g7QUFIRCxXQUFZLFVBQVU7SUFDcEIscUJBQU8sQ0FBQTtJQUNQLDJCQUFhLENBQUE7QUFDZixDQUFDLEVBSFcsVUFBVSxLQUFWLFVBQVUsUUFHckIifQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVGV4dEVudW0uanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9jb21wb25lbnRzL3RleHQvVGV4dEVudW0udHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7O0dBRUc7QUFDSCxNQUFNLENBQU4sSUFBWSxVQUtYO0FBTEQsV0FBWSxVQUFVO0lBQ3BCLHlDQUFPLENBQUE7SUFDUCx5Q0FBTyxDQUFBO0lBQ1AsNkNBQVMsQ0FBQTtJQUNULDJDQUFRLENBQUE7QUFDVixDQUFDLEVBTFcsVUFBVSxLQUFWLFVBQVUsUUFLckI7QUFPRDs7R0FFRztBQUNILE1BQU0sQ0FBTixJQUFZLFVBS1g7QUFMRCxXQUFZLFVBQVU7SUFDcEIscUJBQU8sQ0FBQTtJQUNQLDJCQUFhLENBQUE7SUFDYix5QkFBVyxDQUFBO0lBQ1gscUJBQU8sQ0FBQTtBQUNULENBQUMsRUFMVyxVQUFVLEtBQVYsVUFBVSxRQUtyQiJ9

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

@@ -4,8 +4,8 @@ import { TypographyBold, TypographyBoldValues } from '../../objects/Typography/T
 import { TypographyColor, TypographyColorValues } from '../../objects/Typography/TypographyColor';
 import { TypographyTransform, TypographyTransformValues } from '../../objects/Typography/TypographyTransform';
 import { Accessibility, Dev, Invertable } from '../../objects/facets';
+import { Clickable } from '../../objects/facets/Clickable';
 import { TextLevels, TextLevelValues, TextMarkup, TextMarkupValues } from './TextEnum';
-import { CommonProps } from '../../objects/facets/CommonProps';
 type Styles = {
     [key: string]: any;
 };
@@ -13,14 +13,19 @@ type Typo = TypographyColor | TypographyColorValues | TypographyTransform | Typo
 /**
  * Text Interface
  */
-export interface TextProps extends Invertable, Accessibility, Dev, CommonProps {
+export interface TextProps extends Invertable, Accessibility, Clickable, Dev {
     level?: TextLevels | TextLevelValues;
     children?: React.ReactNode;
     typo?: Typo | Array<string>;
     markup?: TextMarkup | TextMarkupValues;
+    className?: string;
+    href?: string;
+    title?: string;
     style?: Styles;
     skeleton?: boolean;
+    htmlContent?: string;
     marginless?: boolean;
+    link?: boolean;
     numberOfLines?: number;
 }
 export {};

package/lib/components/text/TextPropsDefaults.js

@@ -28,6 +28,14 @@ export default {
     "values": [
       "undefined",
       "string[]",
+      "has-text-centered",
+      "has-text-justified",
+      "has-text-left",
+      "has-text-right",
+      "has-text-centered",
+      "has-text-justified",
+      "has-text-left",
+      "has-text-right",
       "has-text-main",
       "has-text-accent",
       "has-text-info",
@@ -61,25 +69,42 @@ export default {
       "has-text-weight-normal",
       "has-text-weight-medium",
       "has-text-weight-semibold",
-      "has-text-weight-bold",
-      "has-text-centered",
-      "has-text-justified",
-      "has-text-left",
-      "has-text-right",
-      "has-text-centered",
-      "has-text-justified",
-      "has-text-left",
-      "has-text-right"
+      "has-text-weight-bold"
     ]
   },
   "markup": {
     "type": "enum",
     "values": [
       "undefined",
+      "a",
+      "div",
       "p",
       "span",
       "p",
-      "span"
+      "span",
+      "div",
+      "a"
+    ]
+  },
+  "className": {
+    "type": "string",
+    "values": [
+      "undefined",
+      "string"
+    ]
+  },
+  "href": {
+    "type": "string",
+    "values": [
+      "undefined",
+      "string"
+    ]
+  },
+  "title": {
+    "type": "string",
+    "values": [
+      "undefined",
+      "string"
     ]
   },
   "style": {
@@ -97,6 +122,13 @@ export default {
       "true"
     ]
   },
+  "htmlContent": {
+    "type": "string",
+    "values": [
+      "undefined",
+      "string"
+    ]
+  },
   "marginless": {
     "type": "boolean",
     "values": [
@@ -105,6 +137,14 @@ export default {
       "true"
     ]
   },
+  "link": {
+    "type": "boolean",
+    "values": [
+      "undefined",
+      "false",
+      "true"
+    ]
+  },
   "numberOfLines": {
     "type": "string",
     "values": [
@@ -127,21 +167,14 @@ export default {
       "string"
     ]
   },
-  "testId": {
-    "type": "string",
+  "onClick": {
+    "type": "function",
     "values": [
       "undefined",
-      "string"
+      "ClickEvent"
     ]
   },
-  "id": {
-    "type": "string",
-    "values": [
-      "undefined",
-      "string"
-    ]
-  },
-  "className": {
+  "testId": {
     "type": "string",
     "values": [
       "undefined",

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

@@ -15,6 +15,7 @@ import { TextareaProps } from './TextareaProps';
  * @param rows {number} Textarea rows
  * @param iconName {IconName | IconNameValues} display Icon
  * @param statusIconName {IconName | IconNameValues} display status Icon
+ * @param testId {string} Test Id for Test Integration
  * @param dynamicPlaceholder {boolean}
  * @param status {InputStatus} Textarea with status - (SUCCESS|WARNING|ERROR|DEFAULT)
  * @param required {boolean} Required
@@ -23,6 +24,14 @@ import { TextareaProps } from './TextareaProps';
  * @param minLength {number} Textarea min length
  * @param typo {TypographyColor | TypographyColorValues} change help typo
  * - -------------------------- NATIVE PROPERTIES -------------------------------
+ * @param keyboardStyle {InputKeyboardAppearance} Custom appearance for keyboard
+ * @param autoCapitalize {InputAutoCapitalize} Capitalize => NONE | SENTENCES | WORDS | CHARS
+ * @param autoCorrect {boolean} Auto correct sentence
+ * @param autoCompleteType {InputAutoCompleteType} Auto complete input type
+ * @param textContentType {InputTextContentType} Give the keyboard and the system information
+ * @param keyboardType {InputKeyboardType} Keybaord type
+ * @param value {string} Value for textarea
+ * @param customHeight {number} custom textarea height
  */
-declare const Textarea: ({ className, id, sample, required, disabled, onChange, placeholder, defaultValue, help, status, dynamicPlaceholder, rows, ref, label, maxLength, minLength, iconNameLeft, iconNameRight, ...others }: TextareaProps) => JSX.Element;
+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;
 export default Textarea;

package/lib/components/textarea/Textarea.js

@@ -23,6 +23,7 @@ import { TypographyColor } from '../../objects';
  * @param rows {number} Textarea rows
  * @param iconName {IconName | IconNameValues} display Icon
  * @param statusIconName {IconName | IconNameValues} display status Icon
+ * @param testId {string} Test Id for Test Integration
  * @param dynamicPlaceholder {boolean}
  * @param status {InputStatus} Textarea with status - (SUCCESS|WARNING|ERROR|DEFAULT)
  * @param required {boolean} Required
@@ -31,25 +32,33 @@ import { TypographyColor } from '../../objects';
  * @param minLength {number} Textarea min length
  * @param typo {TypographyColor | TypographyColorValues} change help typo
  * - -------------------------- NATIVE PROPERTIES -------------------------------
+ * @param keyboardStyle {InputKeyboardAppearance} Custom appearance for keyboard
+ * @param autoCapitalize {InputAutoCapitalize} Capitalize => NONE | SENTENCES | WORDS | CHARS
+ * @param autoCorrect {boolean} Auto correct sentence
+ * @param autoCompleteType {InputAutoCompleteType} Auto complete input type
+ * @param textContentType {InputTextContentType} Give the keyboard and the system information
+ * @param keyboardType {InputKeyboardType} Keybaord type
+ * @param value {string} Value for textarea
+ * @param customHeight {number} custom textarea height
  */
 var Textarea = function (_a) {
-    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, ref = _a.ref, 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", "ref", "label", "maxLength", "minLength", "iconNameLeft", "iconNameRight"]);
+    var className = _a.className, sample = _a.sample, required = _a.required, disabled = _a.disabled, onChange = _a.onChange, placeholder = _a.placeholder, defaultValue = _a.defaultValue, help = _a.help, status = _a.status, statusIconName = _a.statusIconName, _b = _a.dynamicPlaceholder, dynamicPlaceholder = _b === void 0 ? true : _b, rows = _a.rows, ref = _a.ref, label = _a.label, maxLength = _a.maxLength, minLength = _a.minLength, iconName = _a.iconName, typo = _a.typo, testId = _a.testId, others = __rest(_a, ["className", "sample", "required", "disabled", "onChange", "placeholder", "defaultValue", "help", "status", "statusIconName", "dynamicPlaceholder", "rows", "ref", "label", "maxLength", "minLength", "iconName", "typo", "testId"]);
     var _c = __read(useState(defaultValue || ''), 2), value = _c[0], setValue = _c[1];
     var styled = useTrilogyContext().styled;
     useEffect(function () {
         setValue(defaultValue || '');
     }, [defaultValue]);
     var wrapperClasses = hashClass(styled, clsx('textarea-wrapper', className, status && is(status)));
-    var classes = hashClass(styled, clsx('textarea', dynamicPlaceholder && has('dynamic-label'), iconNameLeft && has('icon')));
-    var helpClasses = clsx('help', status && is(status));
+    var classes = hashClass(styled, clsx('textarea', dynamicPlaceholder && has('dynamic-label'), iconName && has('icon')));
+    var helpClasses = clsx('help');
     var counterClasses = hashClass(styled, clsx('counter', maxLength));
-    return (React.createElement("div", { id: id, className: wrapperClasses },
-        !dynamicPlaceholder && (React.createElement("label", { className: 'textarea-label' },
+    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)),
-        React.createElement("textarea", __assign({ minLength: minLength, disabled: disabled, ref: ref }, others, { className: classes, value: value, onChange: function (e) {
+            " ",
+            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),
+        React.createElement("textarea", __assign({ "data-testid": testId, minLength: minLength, disabled: disabled, ref: ref }, others, { className: classes, value: value, onChange: function (e) {
                 setValue(e.target.value);
                 if (onChange) {
                     onChange({
@@ -59,10 +68,10 @@ var Textarea = function (_a) {
                 }
             }, placeholder: placeholder, rows: rows, maxLength: maxLength, required: required })),
         dynamicPlaceholder && React.createElement("label", null, label),
-        iconNameLeft && React.createElement(Icon, { name: iconNameLeft, size: 'small' }),
-        iconNameRight && React.createElement(Icon, { name: iconNameRight, size: 'small' }),
-        help && (React.createElement(Text, { className: helpClasses }, help)),
+        iconName && React.createElement(Icon, { name: iconName, size: 'small' }),
+        statusIconName && React.createElement(Icon, { name: statusIconName, size: 'small' }),
+        help && (React.createElement(Text, { typo: typo, className: helpClasses }, help)),
         maxLength && React.createElement("div", { className: counterClasses }, "".concat(value.length, "/").concat(maxLength === null || maxLength === void 0 ? void 0 : maxLength.toString()))));
 };
 export default Textarea;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVGV4dGFyZWEuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9jb21wb25lbnRzL3RleHRhcmVhL1RleHRhcmVhLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsc0RBQXNEO0FBQ3RELE9BQU8sS0FBSyxFQUFFLEVBQUUsU0FBUyxFQUFFLFFBQVEsRUFBRSxNQUFNLE9BQU8sQ0FBQTtBQUNsRCxPQUFPLElBQUksTUFBTSxNQUFNLENBQUE7QUFDdkIsT0FBTyxFQUFFLElBQUksRUFBRSxVQUFVLEVBQUUsVUFBVSxFQUFFLE1BQU0sbUJBQW1CLENBQUE7QUFFaEUsT0FBTyxFQUFFLEdBQUcsRUFBRSxFQUFFLEVBQUUsTUFBTSxZQUFZLENBQUE7QUFDcEMsT0FBTyxFQUFFLElBQUksRUFBRSxNQUFNLG1CQUFtQixDQUFBO0FBQ3hDLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSxXQUFXLENBQUE7QUFDckMsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sV0FBVyxDQUFBO0FBQzdDLE9BQU8sRUFBRSxlQUFlLEVBQUUsTUFBTSxXQUFXLENBQUE7QUFFM0M7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0dBdUJHO0FBQ0gsSUFBTSxRQUFRLEdBQUcsVUFBQyxFQW9CRjtJQW5CZCxJQUFBLFNBQVMsZUFBQSxFQUNULEVBQUUsUUFBQSxFQUNGLE1BQU0sWUFBQSxFQUNOLFFBQVEsY0FBQSxFQUNSLFFBQVEsY0FBQSxFQUNSLFFBQVEsY0FBQSxFQUNSLFdBQVcsaUJBQUEsRUFDWCxZQUFZLGtCQUFBLEVBQ1osSUFBSSxVQUFBLEVBQ0osTUFBTSxZQUFBLEVBQ04sMEJBQXlCLEVBQXpCLGtCQUFrQixtQkFBRyxJQUFJLEtBQUEsRUFDekIsSUFBSSxVQUFBLEVBQ0osR0FBRyxTQUFBLEVBQ0gsS0FBSyxXQUFBLEVBQ0wsU0FBUyxlQUFBLEVBQ1QsU0FBUyxlQUFBLEVBQ1QsWUFBWSxrQkFBQSxFQUNaLGFBQWEsbUJBQUEsRUFDVixNQUFNLGNB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
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVGV4dGFyZWEuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9jb21wb25lbnRzL3RleHRhcmVhL1RleHRhcmVhLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsc0RBQXNEO0FBQ3RELE9BQU8sS0FBSyxFQUFFLEVBQUUsU0FBUyxFQUFFLFFBQVEsRUFBRSxNQUFNLE9BQU8sQ0FBQTtBQUNsRCxPQUFPLElBQUksTUFBTSxNQUFNLENBQUE7QUFDdkIsT0FBTyxFQUFFLElBQUksRUFBRSxVQUFVLEVBQUUsVUFBVSxFQUFFLE1BQU0sbUJBQW1CLENBQUE7QUFFaEUsT0FBTyxFQUFFLEdBQUcsRUFBRSxFQUFFLEVBQUUsTUFBTSxZQUFZLENBQUE7QUFDcEMsT0FBTyxFQUFFLElBQUksRUFBRSxNQUFNLG1CQUFtQixDQUFBO0FBQ3hDLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSxXQUFXLENBQUE7QUFDckMsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sV0FBVyxDQUFBO0FBQzdDLE9BQU8sRUFBRSxlQUFlLEVBQUUsTUFBTSxXQUFXLENBQUE7QUFFM0M7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0dBZ0NHO0FBQ0gsSUFBTSxRQUFRLEdBQUcsVUFBQyxFQXFCRjtJQXBCZCxJQUFBLFNBQVMsZUFBQSxFQUNULE1BQU0sWUFBQSxFQUNOLFFBQVEsY0FBQSxFQUNSLFFBQVEsY0FBQSxFQUNSLFFBQVEsY0FBQSxFQUNSLFdBQVcsaUJBQUEsRUFDWCxZQUFZLGtCQUFBLEVBQ1osSUFBSSxVQUFBLEVBQ0osTUFBTSxZQUFBLEVBQ04sY0FBYyxvQkFBQSxFQUNkLDBCQUF5QixFQUF6QixrQkFBa0IsbUJBQUcsSUFBSSxLQUFBLEVBQ3pCLElBQUksVUFBQSxFQUNKLEdBQUcsU0FBQSxFQUNILEtBQUssV0FBQSxFQUNMLFNBQVMsZUFBQSxFQUNULFNBQVMsZUFBQSxFQUNULFFBQVEsY0FBQSxFQUNSLElBQUksVUFBQSxFQUNK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

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

@@ -41,7 +41,7 @@ import { TextLevels } from '../text/TextEnum';
 var Textarea = function (_a, 
 // eslint-disable-next-line
 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 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, iconName = _a.iconName, statusIconName = _a.statusIconName, _c = _a.customHeight, customHeight = _c === void 0 ? 120 : _c, value = _a.value, testId = _a.testId, required = _a.required, others = __rest(_a, ["defaultValue", "name", "sample", "onChange", "disabled", "help", "placeholder", "keyboardStyle", "autoCapitalize", "autoCorrect", "textContentType", "keyboardType", "status", "maxLength", "dynamicPlaceholder", "label", "iconName", "statusIconName", "customHeight", "value", "testId", "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];
@@ -67,7 +67,7 @@ ref) {
                 textareaColor,
             height: customHeight,
             justifyContent: 'flex-start',
-            paddingLeft: iconNameLeft ? 48 : 16,
+            paddingLeft: iconName ? 48 : 16,
             paddingRight: maxLength ? 48 : 16,
             paddingTop: dynamicPlaceholder && displayDynamicLabel ? 24 : 8,
             textAlignVertical: 'top',
@@ -97,7 +97,7 @@ ref) {
         dynamicLabel: {
             position: 'absolute',
             top: 2,
-            left: iconNameLeft ? 40 : 8,
+            left: iconName ? 40 : 8,
             fontSize: 12,
             color: grayscale(getColorStyle(TrilogyColor.FONT)),
             backgroundColor: 'transparent',
@@ -127,8 +127,8 @@ ref) {
         !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 }))),
-        iconNameLeft && (React.createElement(Text, { style: styles.leftIcon },
-            React.createElement(Icon, { name: iconNameLeft, size: 'small' }))),
+        iconName && (React.createElement(Text, { style: styles.leftIcon },
+            React.createElement(Icon, { name: iconName, size: 'small', testId: "".concat(testId, "-icon") }))),
         React.createElement(TextInput, __assign({ 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);
@@ -139,12 +139,12 @@ ref) {
                     });
                 }
             }, placeholder: placeholder, style: styles.textarea, onFocus: function () { return setIsFocus(true); }, onBlur: function () { return setIsFocus(false); } }, others, { ref: ref, placeholderTextColor: disabled ? getColorStyle(TrilogyColor.DISABLED) : grayscale(getColorStyle(TrilogyColor.FONT)) })),
-        iconNameRight && (React.createElement(Text, { style: styles.rightIcon },
-            React.createElement(Icon, { name: iconNameRight, size: 'small', color: status && status.toUpperCase() }))),
+        statusIconName && (React.createElement(Text, { style: styles.rightIcon },
+            React.createElement(Icon, { name: statusIconName, size: 'small', color: status && status.toUpperCase(), testId: "".concat(testId, "-statusIcon") }))),
         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)));
+        maxLength && (React.createElement(Text, { style: styles.counter, testID: "".concat(testId, "-maxLength") }, _value ? "".concat(_value === null || _value === void 0 ? void 0 : _value.length, " / ").concat(maxLength) : "0 / ".concat(maxLength))),
+        help && (React.createElement(Text, { style: styles.help, testID: "".concat(testId, "-help") }, help))));
 };
 Textarea.displayName = ComponentName.Textarea;
 export default forwardRef(Textarea);
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVGV4dGFyZWEubmF0aXZlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vY29tcG9uZW50cy90ZXh0YXJlYS9UZXh0YXJlYS5uYXRpdmUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sa0NBQWtDLENBQUE7QUFDaEUsT0FBTyxFQUFFLElBQUksRUFBYSxNQUFNLG1CQUFtQixDQUFBO0FBQ25ELE9BQU8sRUFDTCxtQkFBbUIsRUFDbkIsdUJBQXVCLEVBQ3ZCLGlCQUFpQixFQUNqQixvQkFBb0IsR0FDckIsTUFBTSw4QkFBOEIsQ0FBQTtBQUNyQyxPQUFPLEVBQUUsU0FBUyxFQUFFLGVBQWUsRUFBRSxNQUFNLFdBQVcsQ0FBQTtBQUN0RCxPQUFPLEVBQUUsYUFBYSxFQUFFLFlBQVksRUFBRSxNQUFNLHdCQUF3QixDQUFBO0FBQ3BFLE9BQU8sRUFBRSxXQUFXLEVBQUUsTUFBTSx5QkFBeUIsQ0FBQTtBQUNyRCxPQUFPLEtBQUssRUFBRSxFQUFFLFVBQVUsRUFBRSxTQUFTLEVBQUUsTUFBTSxFQUFFLFFBQVEsRUFBRSxNQUFNLE9BQU8sQ0FBQTtBQUN0RSxPQUFPLEVBQUUsUUFBUSxFQUFFLFVBQVUsRUFBRSxJQUFJLEVBQUUsU0FBUyxFQUFFLElBQUksRUFBRSxNQUFNLGNBQWMsQ0FBQTtBQUMxRSxPQUFPLEVBQUUsTUFBTSxFQUFFLFVBQVUsRUFBRSxNQUFNLFdBQVcsQ0FBQTtBQUM5QyxPQUFPLEVBQUUsSUFBSSxJQUFJLFdBQVcsRUFBRSxNQUFNLFNBQVMsQ0FBQTtBQUM3QyxPQUFPLEVBQUUsVUFBVSxFQUFFLE1BQU0sa0JBQWtCLENBQUE7QUFHN0M7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztHQTJCRztBQUNILElBQU0sUUFBUSxHQUFHLFVBQ2YsRUF1QnNCO0FBQ3RCLDJCQUEyQjtBQUMzQixHQUFRO0lBeEJOLElBQUEsWUFBWSxrQkFBQSxFQUNaLElBQUksVUFBQSxF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
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVGV4dGFyZWEubmF0aXZlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vY29tcG9uZW50cy90ZXh0YXJlYS9UZXh0YXJlYS5uYXRpdmUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sa0NBQWtDLENBQUE7QUFDaEUsT0FBTyxFQUFFLElBQUksRUFBYSxNQUFNLG1CQUFtQixDQUFBO0FBQ25ELE9BQU8sRUFDTCxtQkFBbUIsRUFDbkIsdUJBQXVCLEVBQ3ZCLGlCQUFpQixFQUNqQixvQkFBb0IsR0FDckIsTUFBTSw4QkFBOEIsQ0FBQTtBQUNyQyxPQUFPLEVBQUUsU0FBUyxFQUFFLGVBQWUsRUFBRSxNQUFNLFdBQVcsQ0FBQTtBQUN0RCxPQUFPLEVBQUUsYUFBYSxFQUFFLFlBQVksRUFBRSxNQUFNLHdCQUF3QixDQUFBO0FBQ3BFLE9BQU8sRUFBRSxXQUFXLEVBQUUsTUFBTSx5QkFBeUIsQ0FBQTtBQUNyRCxPQUFPLEtBQUssRUFBRSxFQUFFLFVBQVUsRUFBRSxTQUFTLEVBQUUsTUFBTSxFQUFFLFFBQVEsRUFBRSxNQUFNLE9BQU8sQ0FBQTtBQUN0RSxPQUFPLEVBQUUsUUFBUSxFQUFFLFVBQVUsRUFBRSxJQUFJLEVBQUUsU0FBUyxFQUFFLElBQUksRUFBRSxNQUFNLGNBQWMsQ0FBQTtBQUMxRSxPQUFPLEVBQUUsTUFBTSxFQUFFLFVBQVUsRUFBRSxNQUFNLFdBQVcsQ0FBQTtBQUM5QyxPQUFPLEVBQUUsSUFBSSxJQUFJLFdBQVcsRUFBRSxNQUFNLFNBQVMsQ0FBQTtBQUM3QyxPQUFPLEVBQUUsVUFBVSxFQUFFLE1BQU0sa0JBQWtCLENBQUE7QUFHN0M7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztHQTJCRztBQUNILElBQU0sUUFBUSxHQUFHLFVBQ2YsRUF3QnNCO0FBQ3RCLDJCQUEyQjtBQUMzQixHQUFRO0lBekJOLElBQUEsWUFBWSxrQkFBQSxFQUNaLElBQUksVUFBQSxF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

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

@@ -2,9 +2,8 @@ import { IconName, IconNameValues } from '../../components/icon/IconNameEnum';
 import { Referenceable, ReferenceableNative } from '../../objects/facets/Referenceable';
 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 { Accessibility, Dev, TypographyColor, TypographyColorValues } from '../../objects';
 import { TextInput } from 'react-native';
-import { CommonProps } from '../../objects/facets/CommonProps';
 export interface TextareaChangeEvent {
     textareaName: string;
     textareaValue: string;
@@ -20,6 +19,7 @@ type TextareaPropsWeb = Accessibility & Dev & {
     help?: string;
     /** @deprecated */
     name?: string;
+    className?: string;
     keyboardStyle?: InputKeyboardAppearance | InputKeyboardAppearanceValues;
     autoCapitalize?: InputAutoCapitalize | InputAutoCapitalizeValues;
     autoCorrect?: any;
@@ -31,8 +31,9 @@ type TextareaPropsWeb = Accessibility & Dev & {
     dynamicPlaceholder?: boolean;
     rows?: number;
     label?: string;
-    iconNameLeft?: IconName | IconNameValues;
-    iconNameRight?: IconName | IconNameValues;
+    iconName?: IconName | IconNameValues;
+    statusIconName?: IconName | IconNameValues;
+    typo?: TypographyColor | TypographyColorValues;
     customHeight?: number;
     required?: boolean;
     sample?: string;
@@ -41,5 +42,5 @@ export type TextareaNativeProps = TextareaPropsWeb & ReferenceableNative<TextInp
 /**
  * Textarea Interface
  */
-export type TextareaProps = TextareaPropsWeb & Referenceable<HTMLTextAreaElement> & CommonProps;
+export type TextareaProps = TextareaPropsWeb & Referenceable<HTMLTextAreaElement>;
 export {};

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

@@ -1,11 +1,12 @@
-import * as React from 'react';
-import { TimelineProps } from './TimelineProps';
+import * as React from "react";
+import { TimelineProps } from "./TimelineProps";
 /**
  * Timeline Component
  * @param notifications {boolean} Timeline notification rendering
+ * @param children {ReactNode}
  * - --------------- WEB PROPERTIES ----------------------------------
  * @param horizontal {boolean} timeline horizontal
  * @param className {string} Additionnal CSS Classes
  */
-declare const Timeline: ({ className, id, horizontal, ...others }: TimelineProps) => React.JSX.Element;
+declare const Timeline: React.ForwardRefExoticComponent<TimelineProps & React.RefAttributes<HTMLDivElement>>;
 export default Timeline;

package/lib/components/timeline/Timeline.js

@@ -1,21 +1,22 @@
 import { __assign, __rest } from "tslib";
-import * as React from 'react';
-import { hashClass } from '../../helpers';
-import clsx from 'clsx';
-import { useTrilogyContext } from '../../context';
-import { is } from '../../services';
+import * as React from "react";
+import { hashClass } from "../../helpers";
+import clsx from "clsx";
+import { useTrilogyContext } from "../../context";
+import { is } from "../../services";
 /**
  * Timeline Component
  * @param notifications {boolean} Timeline notification rendering
+ * @param children {ReactNode}
  * - --------------- WEB PROPERTIES ----------------------------------
  * @param horizontal {boolean} timeline horizontal
  * @param className {string} Additionnal CSS Classes
  */
-var Timeline = function (_a) {
-    var className = _a.className, id = _a.id, horizontal = _a.horizontal, others = __rest(_a, ["className", "id", "horizontal"]);
+var Timeline = React.forwardRef(function (props, ref) {
+    var className = props.className, notifications = props.notifications, horizontal = props.horizontal, others = __rest(props, ["className", "notifications", "horizontal"]);
     var styled = useTrilogyContext().styled;
-    var classes = hashClass(styled, clsx('timeline', horizontal && is('horizontal'), className));
-    return React.createElement("div", __assign({ id: id, className: classes }, others));
-};
+    var classes = hashClass(styled, clsx("timeline", notifications && notifications, horizontal && is("horizontal"), className));
+    return React.createElement("div", __assign({ ref: ref, className: classes }, others));
+});
 export default Timeline;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVGltZWxpbmUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9jb21wb25lbnRzL3RpbWVsaW5lL1RpbWVsaW5lLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxLQUFLLEtBQUssTUFBTSxPQUFPLENBQUE7QUFFOUIsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLFdBQVcsQ0FBQTtBQUNyQyxPQUFPLElBQUksTUFBTSxNQUFNLENBQUE7QUFDdkIsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sV0FBVyxDQUFBO0FBQzdDLE9BQU8sRUFBRSxFQUFFLEVBQUUsTUFBTSxZQUFZLENBQUE7QUFFL0I7Ozs7OztHQU1HO0FBQ0gsSUFBTSxRQUFRLEdBQUcsVUFBQyxFQUF1RDtJQUFyRCxJQUFBLFNBQVMsZUFBQSxFQUFFLEVBQUUsUUFBQSxFQUFFLFVBQVUsZ0JBQUEsRUFBSyxNQUFNLGNBQXRDLGlDQUF3QyxDQUFGO0lBQzlDLElBQUEsTUFBTSxHQUFLLGlCQUFpQixFQUFFLE9BQXhCLENBQXdCO0lBQ3RDLElBQU0sT0FBTyxHQUFHLFNBQVMsQ0FBQyxNQUFNLEVBQUUsSUFBSSxDQUFDLFVBQVUsRUFBRSxVQUFVLElBQUksRUFBRSxDQUFDLFlBQVksQ0FBQyxFQUFFLFNBQVMsQ0FBQyxDQUFDLENBQUE7SUFFOUYsT0FBTyxzQ0FBSyxFQUFFLEVBQUUsRUFBRSxFQUFFLFNBQVMsRUFBRSxPQUFPLElBQU0sTUFBTSxFQUFJLENBQUE7QUFDeEQsQ0FBQyxDQUFBO0FBRUQsZUFBZSxRQUFRLENBQUEifQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVGltZWxpbmUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9jb21wb25lbnRzL3RpbWVsaW5lL1RpbWVsaW5lLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxLQUFLLEtBQUssTUFBTSxPQUFPLENBQUE7QUFFOUIsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLFdBQVcsQ0FBQTtBQUNyQyxPQUFPLElBQUksTUFBTSxNQUFNLENBQUE7QUFDdkIsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sV0FBVyxDQUFBO0FBQzdDLE9BQU8sRUFBRSxFQUFFLEVBQUUsTUFBTSxZQUFZLENBQUE7QUFFL0I7Ozs7Ozs7R0FPRztBQUNILElBQU0sUUFBUSxHQUFHLEtBQUssQ0FBQyxVQUFVLENBQUMsVUFBQyxLQUFvQixFQUFFLEdBQW9DO0lBRXpGLElBQUEsU0FBUyxHQUlQLEtBQUssVUFKRSxFQUNULGFBQWEsR0FHWCxLQUFLLGNBSE0sRUFDYixVQUFVLEdBRVIsS0FBSyxXQUZHLEVBQ1AsTUFBTSxVQUNQLEtBQUssRUFMSCw0Q0FLTCxDQURVLENBQ0Y7SUFFRCxJQUFBLE1BQU0sR0FBSyxpQkFBaUIsRUFBRSxPQUF4QixDQUF3QjtJQUN0QyxJQUFNLE9BQU8sR0FBRyxTQUFTLENBQ3ZCLE1BQU0sRUFDTixJQUFJLENBQ0YsVUFBVSxFQUNWLGFBQWEsSUFBSSxhQUFhLEVBQzlCLFVBQVUsSUFBSSxFQUFFLENBQUMsWUFBWSxDQUFDLEVBQzlCLFNBQVMsQ0FDVixDQUNGLENBQUE7SUFFRCxPQUFPLHNDQUFLLEdBQUcsRUFBRSxHQUFHLEVBQUUsU0FBUyxFQUFFLE9BQU8sSUFBTSxNQUFNLEVBQUksQ0FBQTtBQUMxRCxDQUFDLENBQUMsQ0FBQTtBQUVGLGVBQWUsUUFBUSxDQUFBIn0=

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

@@ -1,9 +1,10 @@
 /// <reference types="react" />
-import { CommonProps } from '../../objects/facets/CommonProps';
 /**
  * Timeline Interface
  */
-export interface TimelineProps extends CommonProps {
+export interface TimelineProps {
+    className?: string;
     children: React.ReactNode;
+    notifications?: boolean;
     horizontal?: boolean;
 }