@trilogy-ds/react 0.0.3-beta-v4 → 0.0.3-fix-timepicker

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

@@ -3,6 +3,7 @@ import * as React from 'react';
 import clsx from 'clsx';
 import { useTrilogyContext } from '../../../context';
 import { hashClass } from '../../../helpers';
+import { ComponentName } from '../../../components/enumsComponentsName';
 /**
  * Timeline Item Component
  * @param children {ReactNode}
@@ -10,13 +11,14 @@ import { hashClass } from '../../../helpers';
  * @param active {boolean} Active Timeline Item
  * @param cancel {boolean} Cancel Timeline Item
  * - -------------------------- WEB PROPERTIES -------------------------------
- * @param className {string} Additionnal CSS Classes
+ * @param className {string} Additional CSS Classes
  */
-var TimelineItem = function (_a) {
-    var className = _a.className, id = _a.id, done = _a.done, active = _a.active, cancel = _a.cancel, others = __rest(_a, ["className", "id", "done", "active", "cancel"]);
+var TimelineItem = React.forwardRef(function (_a, ref) {
+    var className = _a.className, id = _a.id, done = _a.done, active = _a.active, cancel = _a.cancel, testId = _a.testId, others = __rest(_a, ["className", "id", "done", "active", "cancel", "testId"]);
     var styled = useTrilogyContext().styled;
     var classes = hashClass(styled, clsx('timeline-item', done && 'done', active && 'active', cancel && 'cancel', className));
-    return React.createElement("div", __assign({ id: id, className: classes }, others));
-};
+    return React.createElement("div", __assign({ ref: ref, id: id, className: classes, "data-testid": testId }, others));
+});
+TimelineItem.displayName = ComponentName.TimelineItem;
 export default TimelineItem;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVGltZWxpbmVJdGVtLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vY29tcG9uZW50cy90aW1lbGluZS9pdGVtL1RpbWVsaW5lSXRlbS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUFBLE9BQU8sS0FBSyxLQUFLLE1BQU0sT0FBTyxDQUFBO0FBQzlCLE9BQU8sSUFBSSxNQUFNLE1BQU0sQ0FBQTtBQUV2QixPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxXQUFXLENBQUE7QUFDN0MsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLFdBQVcsQ0FBQTtBQUVyQzs7Ozs7Ozs7R0FRRztBQUNILElBQU0sWUFBWSxHQUFHLFVBQUMsRUFBd0U7SUFBdEUsSUFBQSxTQUFTLGVBQUEsRUFBRSxFQUFFLFFBQUEsRUFBRSxJQUFJLFVBQUEsRUFBRSxNQUFNLFlBQUEsRUFBRSxNQUFNLFlBQUEsRUFBSyxNQUFNLGNBQWhELCtDQUFrRCxDQUFGO0lBQzVELElBQUEsTUFBTSxHQUFLLGlCQUFpQixFQUFFLE9BQXhCLENBQXdCO0lBQ3RDLElBQU0sT0FBTyxHQUFHLFNBQVMsQ0FDdkIsTUFBTSxFQUNOLElBQUksQ0FBQyxlQUFlLEVBQUUsSUFBSSxJQUFJLE1BQU0sRUFBRSxNQUFNLElBQUksUUFBUSxFQUFFLE1BQU0sSUFBSSxRQUFRLEVBQUUsU0FBUyxDQUFDLENBQ3pGLENBQUE7SUFDRCxPQUFPLHNDQUFLLEVBQUUsRUFBRSxFQUFFLEVBQUUsU0FBUyxFQUFFLE9BQU8sSUFBTSxNQUFNLEVBQUksQ0FBQTtBQUN4RCxDQUFDLENBQUE7QUFFRCxlQUFlLFlBQVksQ0FBQSJ9
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVGltZWxpbmVJdGVtLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vY29tcG9uZW50cy90aW1lbGluZS9pdGVtL1RpbWVsaW5lSXRlbS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUFBLE9BQU8sS0FBSyxLQUFLLE1BQU0sT0FBTyxDQUFBO0FBQzlCLE9BQU8sSUFBSSxNQUFNLE1BQU0sQ0FBQTtBQUV2QixPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxXQUFXLENBQUE7QUFDN0MsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLFdBQVcsQ0FBQTtBQUNyQyxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sa0NBQWtDLENBQUE7QUFHaEU7Ozs7Ozs7O0dBUUc7QUFDSCxJQUFNLFlBQVksR0FBRyxLQUFLLENBQUMsVUFBVSxDQUEwQyxVQUFDLEVBQTBELEVBQUUsR0FBRztJQUE3RCxJQUFBLFNBQVMsZUFBQSxFQUFFLEVBQUUsUUFBQSxFQUFFLElBQUksVUFBQSxFQUFFLE1BQU0sWUFBQSxFQUFFLE1BQU0sWUFBQSxFQUFFLE1BQU0sWUFBQSxFQUFLLE1BQU0sY0FBeEQseURBQTBELENBQUY7SUFDOUgsSUFBQSxNQUFNLEdBQUssaUJBQWlCLEVBQUUsT0FBeEIsQ0FBd0I7SUFDdEMsSUFBTSxPQUFPLEdBQUcsU0FBUyxDQUN2QixNQUFNLEVBQ04sSUFBSSxDQUFDLGVBQWUsRUFBRSxJQUFJLElBQUksTUFBTSxFQUFFLE1BQU0sSUFBSSxRQUFRLEVBQUUsTUFBTSxJQUFJLFFBQVEsRUFBRSxTQUFTLENBQUMsQ0FDekYsQ0FBQTtJQUNELE9BQU8sc0NBQUssR0FBRyxFQUFFLEdBQUcsRUFBRSxFQUFFLEVBQUUsRUFBRSxFQUFFLFNBQVMsRUFBRSxPQUFPLGlCQUFlLE1BQU0sSUFBTSxNQUFNLEVBQUksQ0FBQTtBQUN2RixDQUFDLENBQUMsQ0FBQTtBQUVGLFlBQVksQ0FBQyxXQUFXLEdBQUcsYUFBYSxDQUFDLFlBQVksQ0FBQTtBQUNyRCxlQUFlLFlBQVksQ0FBQSJ9

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

@@ -1,6 +1,6 @@
+import { TimelineItemProps } from '../../../components/timeline/item/TimelineItemProps';
 import React from 'react';
-import { TimelineItemProps } from './TimelineItemProps';
-import { ComponentName } from '../../../components/enumsComponentsName';
+import { View } from 'react-native';
 export declare const TimelineItemContext: React.Context<{
     done: boolean;
     active: boolean;
@@ -14,8 +14,5 @@ export declare const TimelineItemContext: React.Context<{
  * @param undone {boolean} Undone Timeline Item
  * @param cancel {boolean} Cancel Timeline Item
  */
-declare const TimelineItem: {
-    ({ children, done, active, cancel }: TimelineItemProps): JSX.Element;
-    displayName: ComponentName;
-};
+declare const TimelineItem: React.ForwardRefExoticComponent<TimelineItemProps & React.RefAttributes<View>>;
 export default TimelineItem;

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

@@ -1,7 +1,7 @@
+import { ComponentName } from '../../../components/enumsComponentsName';
+import { TimelineHeightContext } from '../../../components/timeline/Timeline.native';
 import React, { createContext, useContext } from 'react';
 import { StyleSheet, View } from 'react-native';
-import { TimelineHeightContext } from '../../../components/timeline/Timeline.native';
-import { ComponentName } from '../../../components/enumsComponentsName';
 export var TimelineItemContext = createContext({ done: false, active: false, cancel: false });
 /**
  * Timeline Item Component
@@ -11,7 +11,7 @@ export var TimelineItemContext = createContext({ done: false, active: false, can
  * @param undone {boolean} Undone Timeline Item
  * @param cancel {boolean} Cancel Timeline Item
  */
-var TimelineItem = function (_a) {
+var TimelineItem = React.forwardRef(function (_a, ref) {
     var children = _a.children, done = _a.done, active = _a.active, cancel = _a.cancel;
     var _b = useContext(TimelineHeightContext), height = _b.height, setHeight = _b.setHeight;
     var styles = StyleSheet.create({
@@ -24,7 +24,7 @@ var TimelineItem = function (_a) {
         },
     });
     return (React.createElement(TimelineItemContext.Provider, { value: { done: done || false, active: active || false, cancel: cancel || false } },
-        React.createElement(View, { onLayout: function (event) {
+        React.createElement(View, { ref: ref, onLayout: function (event) {
                 var heightView = event.nativeEvent.layout.height;
                 setHeight(function (prev) {
                     if (prev < heightView)
@@ -32,7 +32,7 @@ var TimelineItem = function (_a) {
                     return prev;
                 });
             }, style: styles.item }, children)));
-};
+});
 TimelineItem.displayName = ComponentName.TimelineItem;
 export default TimelineItem;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVGltZWxpbmVJdGVtLm5hdGl2ZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL2NvbXBvbmVudHMvdGltZWxpbmUvaXRlbS9UaW1lbGluZUl0ZW0ubmF0aXZlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEtBQUssRUFBRSxFQUFFLGFBQWEsRUFBRSxVQUFVLEVBQUUsTUFBTSxPQUFPLENBQUE7QUFDeEQsT0FBTyxFQUFFLFVBQVUsRUFBRSxJQUFJLEVBQUUsTUFBTSxjQUFjLENBQUE7QUFDL0MsT0FBTyxFQUFFLHFCQUFxQixFQUFFLE1BQU0sdUNBQXVDLENBQUE7QUFFN0UsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLGtDQUFrQyxDQUFBO0FBRWhFLE1BQU0sQ0FBQyxJQUFNLG1CQUFtQixHQUFHLGFBQWEsQ0FBQyxFQUFFLElBQUksRUFBRSxLQUFLLEVBQUUsTUFBTSxFQUFFLEtBQUssRUFBRSxNQUFNLEVBQUUsS0FBSyxFQUFFLENBQUMsQ0FBQTtBQUUvRjs7Ozs7OztHQU9HO0FBQ0gsSUFBTSxZQUFZLEdBQUcsVUFBQyxFQUFxRDtRQUFuRCxRQUFRLGNBQUEsRUFBRSxJQUFJLFVBQUEsRUFBRSxNQUFNLFlBQUEsRUFBRSxNQUFNLFlBQUE7SUFDOUMsSUFBQSxLQUF3QixVQUFVLENBQUMscUJBQXFCLENBQUMsRUFBdkQsTUFBTSxZQUFBLEVBQUUsU0FBUyxlQUFzQyxDQUFBO0lBRS9ELElBQU0sTUFBTSxHQUFHLFVBQVUsQ0FBQyxNQUFNLENBQUM7UUFDL0IsSUFBSSxFQUFFO1lBQ0osS0FBSyxFQUFFLE1BQU07WUFDYixhQUFhLEVBQUUsS0FBSztZQUNwQixjQUFjLEVBQUUsY0FBYztZQUM5QixNQUFNLEVBQUUsTUFBTSxJQUFJLENBQUMsQ0FBQyxDQUFDLENBQUMsTUFBTSxHQUFHLENBQUMsQ0FBQyxDQUFDLENBQUMsU0FBUztZQUM1QyxZQUFZLEVBQUUsQ0FBQztTQUNoQjtLQUNGLENBQUMsQ0FBQTtJQUVGLE9BQU8sQ0FDTCxvQkFBQyxtQkFBbUIsQ0FBQyxRQUFRLElBQUMsS0FBSyxFQUFFLEVBQUUsSUFBSSxFQUFFLElBQUksSUFBSSxLQUFLLEVBQUUsTUFBTSxFQUFFLE1BQU0sSUFBSSxLQUFLLEVBQUUsTUFBTSxFQUFFLE1BQU0sSUFBSSxLQUFLLEVBQUU7UUFDNUcsb0JBQUMsSUFBSSxJQUNILFFBQVEsRUFBRSxVQUFDLEtBQUs7Z0JBQ04sSUFBUSxVQUFVLEdBQUssS0FBSyxDQUFDLFdBQVcsQ0FBQyxNQUFNLE9BQTdCLENBQTZCO2dCQUN2RCxTQUFTLENBQUMsVUFBQyxJQUFJO29CQUNiLElBQUksSUFBSSxHQUFHLFVBQVU7d0JBQUUsT0FBTyxVQUFVLENBQUE7b0JBQ3hDLE9BQU8sSUFBSSxDQUFBO2dCQUNiLENBQUMsQ0FBQyxDQUFBO1lBQ0osQ0FBQyxFQUNELEtBQUssRUFBRSxNQUFNLENBQUMsSUFBSSxJQUVqQixRQUFRLENBQ0osQ0FDc0IsQ0FDaEMsQ0FBQTtBQUNILENBQUMsQ0FBQTtBQUVELFlBQVksQ0FBQyxXQUFXLEdBQUcsYUFBYSxDQUFDLFlBQVksQ0FBQTtBQUVyRCxlQUFlLFlBQVksQ0FBQSJ9
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVGltZWxpbmVJdGVtLm5hdGl2ZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL2NvbXBvbmVudHMvdGltZWxpbmUvaXRlbS9UaW1lbGluZUl0ZW0ubmF0aXZlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sa0NBQWtDLENBQUE7QUFFaEUsT0FBTyxFQUFFLHFCQUFxQixFQUFFLE1BQU0sdUNBQXVDLENBQUE7QUFDN0UsT0FBTyxLQUFLLEVBQUUsRUFBRSxhQUFhLEVBQUUsVUFBVSxFQUFFLE1BQU0sT0FBTyxDQUFBO0FBQ3hELE9BQU8sRUFBRSxVQUFVLEVBQUUsSUFBSSxFQUFFLE1BQU0sY0FBYyxDQUFBO0FBRS9DLE1BQU0sQ0FBQyxJQUFNLG1CQUFtQixHQUFHLGFBQWEsQ0FBQyxFQUFFLElBQUksRUFBRSxLQUFLLEVBQUUsTUFBTSxFQUFFLEtBQUssRUFBRSxNQUFNLEVBQUUsS0FBSyxFQUFFLENBQUMsQ0FBQTtBQUUvRjs7Ozs7OztHQU9HO0FBQ0gsSUFBTSxZQUFZLEdBQUcsS0FBSyxDQUFDLFVBQVUsQ0FBMkMsVUFBQyxFQUFrQyxFQUFFLEdBQUc7UUFBckMsUUFBUSxjQUFBLEVBQUUsSUFBSSxVQUFBLEVBQUUsTUFBTSxZQUFBLEVBQUUsTUFBTSxZQUFBO0lBQ3pHLElBQUEsS0FBd0IsVUFBVSxDQUFDLHFCQUFxQixDQUFDLEVBQXZELE1BQU0sWUFBQSxFQUFFLFNBQVMsZUFBc0MsQ0FBQTtJQUUvRCxJQUFNLE1BQU0sR0FBRyxVQUFVLENBQUMsTUFBTSxDQUFDO1FBQy9CLElBQUksRUFBRTtZQUNKLEtBQUssRUFBRSxNQUFNO1lBQ2IsYUFBYSxFQUFFLEtBQUs7WUFDcEIsY0FBYyxFQUFFLGNBQWM7WUFDOUIsTUFBTSxFQUFFLE1BQU0sSUFBSSxDQUFDLENBQUMsQ0FBQyxDQUFDLE1BQU0sR0FBRyxDQUFDLENBQUMsQ0FBQyxDQUFDLFNBQVM7WUFDNUMsWUFBWSxFQUFFLENBQUM7U0FDaEI7S0FDRixDQUFDLENBQUE7SUFFRixPQUFPLENBQ0wsb0JBQUMsbUJBQW1CLENBQUMsUUFBUSxJQUFDLEtBQUssRUFBRSxFQUFFLElBQUksRUFBRSxJQUFJLElBQUksS0FBSyxFQUFFLE1BQU0sRUFBRSxNQUFNLElBQUksS0FBSyxFQUFFLE1BQU0sRUFBRSxNQUFNLElBQUksS0FBSyxFQUFFO1FBQzVHLG9CQUFDLElBQUksSUFDSCxHQUFHLEVBQUUsR0FBRyxFQUNSLFFBQVEsRUFBRSxVQUFDLEtBQUs7Z0JBQ04sSUFBUSxVQUFVLEdBQUssS0FBSyxDQUFDLFdBQVcsQ0FBQyxNQUFNLE9BQTdCLENBQTZCO2dCQUN2RCxTQUFTLENBQUMsVUFBQyxJQUFJO29CQUNiLElBQUksSUFBSSxHQUFHLFVBQVU7d0JBQUUsT0FBTyxVQUFVLENBQUE7b0JBQ3hDLE9BQU8sSUFBSSxDQUFBO2dCQUNiLENBQUMsQ0FBQyxDQUFBO1lBQ0osQ0FBQyxFQUNELEtBQUssRUFBRSxNQUFNLENBQUMsSUFBSSxJQUVqQixRQUFRLENBQ0osQ0FDc0IsQ0FDaEMsQ0FBQTtBQUNILENBQUMsQ0FBQyxDQUFBO0FBRUYsWUFBWSxDQUFDLFdBQVcsR0FBRyxhQUFhLENBQUMsWUFBWSxDQUFBO0FBRXJELGVBQWUsWUFBWSxDQUFBIn0=

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

@@ -1,9 +1,11 @@
 /// <reference types="react" />
+import { View } from 'react-native';
 import { CommonProps } from '../../../objects/facets/CommonProps';
+import { Dev } from '../../../objects/facets/Dev';
 /**
  * Timeline Item Interface
  */
-export interface TimelineItemProps {
+export interface TimelineItemProps extends Dev {
     children: React.ReactNode;
     done?: boolean;
     active?: boolean;
@@ -17,3 +19,5 @@ export interface TimelineItemWebProps extends TimelineItemProps, CommonProps {
     active?: boolean;
     cancel?: boolean;
 }
+export type TimelineItemRef = HTMLDivElement;
+export type TimelineItemNativeRef = View;

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

@@ -36,5 +36,12 @@ export default {
       "false",
       "true"
     ]
+  },
+  "testId": {
+    "type": "string",
+    "values": [
+      "undefined",
+      "string"
+    ]
   }
 };

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

@@ -37,6 +37,13 @@ export default {
       "ReactPortal"
     ]
   },
+  "testId": {
+    "type": "string",
+    "values": [
+      "undefined",
+      "string"
+    ]
+  },
   "id": {
     "type": "string",
     "values": [

package/lib/components/timeline/marker/TimelineMarker.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import * as React from 'react';
 import { TimelineMarkerWebProps } from './TimelineMarkerProps';
 /**
  * Timeline Marker Component
@@ -6,8 +6,8 @@ import { TimelineMarkerWebProps } from './TimelineMarkerProps';
  * @param iconColor {IconColor} Icon Color
  * @param testId {string} Test Id for Test Integration
  * - -------------------------- WEB PROPERTIES -------------------------------
- * @param className {string} Additionnal CSS Classes
- * @param iconClassname {string} Additionnal CSS Classes for icon
+ * @param className {string} Additional CSS Classes
+ * @param iconClassname {string} Additional CSS Classes for icon
  */
-declare const TimelineMarker: ({ className, id, iconClassname, iconName, ...others }: TimelineMarkerWebProps) => JSX.Element;
+declare const TimelineMarker: React.ForwardRefExoticComponent<TimelineMarkerWebProps & React.RefAttributes<HTMLDivElement>>;
 export default TimelineMarker;

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

@@ -5,23 +5,25 @@ import { is } from '../../../services/classify';
 import { Icon, IconSize } from '../../../components/icon';
 import { useTrilogyContext } from '../../../context';
 import { hashClass } from '../../../helpers';
+import { ComponentName } from '../../../components/enumsComponentsName';
 /**
  * Timeline Marker Component
  * @param iconName {IconName} Icon Name - sample : IconName.CHECK
  * @param iconColor {IconColor} Icon Color
  * @param testId {string} Test Id for Test Integration
  * - -------------------------- WEB PROPERTIES -------------------------------
- * @param className {string} Additionnal CSS Classes
- * @param iconClassname {string} Additionnal CSS Classes for icon
+ * @param className {string} Additional CSS Classes
+ * @param iconClassname {string} Additional CSS Classes for icon
  */
-var TimelineMarker = function (_a) {
-    var className = _a.className, id = _a.id, iconClassname = _a.iconClassname, iconName = _a.iconName, others = __rest(_a, ["className", "id", "iconClassname", "iconName"]);
+var TimelineMarker = React.forwardRef(function (_a, ref) {
+    var className = _a.className, id = _a.id, iconClassname = _a.iconClassname, iconName = _a.iconName, testId = _a.testId, others = __rest(_a, ["className", "id", "iconClassname", "iconName", "testId"]);
     var styled = useTrilogyContext().styled;
     var classes = hashClass(styled, clsx('timeline-marker', is('icon'), className));
     var iconClasses = clsx(iconClassname);
-    return (React.createElement("div", __assign({ id: id, className: classes }, others),
+    return (React.createElement("div", __assign({ ref: ref, id: id, className: classes, "data-testid": testId }, others),
         React.createElement("div", { className: 'card-header-icon' },
             React.createElement(Icon, { className: iconClasses, name: iconName, size: IconSize.SMALL }))));
-};
+});
+TimelineMarker.displayName = ComponentName.TimelineMarker;
 export default TimelineMarker;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVGltZWxpbmVNYXJrZXIuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9jb21wb25lbnRzL3RpbWVsaW5lL21hcmtlci9UaW1lbGluZU1hcmtlci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUFBLE9BQU8sS0FBSyxLQUFLLE1BQU0sT0FBTyxDQUFBO0FBQzlCLE9BQU8sSUFBSSxNQUFNLE1BQU0sQ0FBQTtBQUV2QixPQUFPLEVBQUUsRUFBRSxFQUFFLE1BQU0scUJBQXFCLENBQUE7QUFDeEMsT0FBTyxFQUFFLElBQUksRUFBRSxRQUFRLEVBQUUsTUFBTSxtQkFBbUIsQ0FBQTtBQUNsRCxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxXQUFXLENBQUE7QUFDN0MsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLFdBQVcsQ0FBQTtBQUVyQzs7Ozs7Ozs7R0FRRztBQUNILElBQU0sY0FBYyxHQUFHLFVBQUMsRUFNQztJQUx2QixJQUFBLFNBQVMsZUFBQSxFQUNULEVBQUUsUUFBQSxFQUNGLGFBQWEsbUJBQUEsRUFDYixRQUFRLGNBQUEsRUFDTCxNQUFNLGNBTGEsZ0RBTXZCLENBRFU7SUFFRCxJQUFBLE1BQU0sR0FBSyxpQkFBaUIsRUFBRSxPQUF4QixDQUF3QjtJQUN0QyxJQUFNLE9BQU8sR0FBRyxTQUFTLENBQUMsTUFBTSxFQUFFLElBQUksQ0FBQyxpQkFBaUIsRUFBRSxFQUFFLENBQUMsTUFBTSxDQUFDLEVBQUUsU0FBUyxDQUFDLENBQUMsQ0FBQTtJQUNqRixJQUFNLFdBQVcsR0FBRyxJQUFJLENBQUMsYUFBYSxDQUFDLENBQUE7SUFFdkMsT0FBTyxDQUNMLHNDQUFLLEVBQUUsRUFBRSxFQUFFLEVBQUUsU0FBUyxFQUFFLE9BQU8sSUFBTSxNQUFNO1FBQ3pDLDZCQUFLLFNBQVMsRUFBQyxrQkFBa0I7WUFDL0Isb0JBQUMsSUFBSSxJQUFDLFNBQVMsRUFBRSxXQUFXLEVBQUUsSUFBSSxFQUFFLFFBQVEsRUFBRSxJQUFJLEVBQUUsUUFBUSxDQUFDLEtBQUssR0FBSSxDQUNsRSxDQUNGLENBQ1AsQ0FBQTtBQUNILENBQUMsQ0FBQTtBQUVELGVBQWUsY0FBYyxDQUFBIn0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVGltZWxpbmVNYXJrZXIuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9jb21wb25lbnRzL3RpbWVsaW5lL21hcmtlci9UaW1lbGluZU1hcmtlci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUFBLE9BQU8sS0FBSyxLQUFLLE1BQU0sT0FBTyxDQUFBO0FBQzlCLE9BQU8sSUFBSSxNQUFNLE1BQU0sQ0FBQTtBQUV2QixPQUFPLEVBQUUsRUFBRSxFQUFFLE1BQU0scUJBQXFCLENBQUE7QUFDeEMsT0FBTyxFQUFFLElBQUksRUFBRSxRQUFRLEVBQUUsTUFBTSxtQkFBbUIsQ0FBQTtBQUNsRCxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxXQUFXLENBQUE7QUFDN0MsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLFdBQVcsQ0FBQTtBQUNyQyxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sa0NBQWtDLENBQUE7QUFFaEU7Ozs7Ozs7O0dBUUc7QUFDSCxJQUFNLGNBQWMsR0FBRyxLQUFLLENBQUMsVUFBVSxDQUE0QyxVQUFDLEVBT25GLEVBQUUsR0FBRztJQU5KLElBQUEsU0FBUyxlQUFBLEVBQ1QsRUFBRSxRQUFBLEVBQ0YsYUFBYSxtQkFBQSxFQUNiLFFBQVEsY0FBQSxFQUNSLE1BQU0sWUFBQSxFQUNILE1BQU0sY0FOeUUsMERBT25GLENBRFU7SUFFRCxJQUFBLE1BQU0sR0FBSyxpQkFBaUIsRUFBRSxPQUF4QixDQUF3QjtJQUN0QyxJQUFNLE9BQU8sR0FBRyxTQUFTLENBQUMsTUFBTSxFQUFFLElBQUksQ0FBQyxpQkFBaUIsRUFBRSxFQUFFLENBQUMsTUFBTSxDQUFDLEVBQUUsU0FBUyxDQUFDLENBQUMsQ0FBQTtJQUNqRixJQUFNLFdBQVcsR0FBRyxJQUFJLENBQUMsYUFBYSxDQUFDLENBQUE7SUFFdkMsT0FBTyxDQUNMLHNDQUFLLEdBQUcsRUFBRSxHQUFHLEVBQUUsRUFBRSxFQUFFLEVBQUUsRUFBRSxTQUFTLEVBQUUsT0FBTyxpQkFBZSxNQUFNLElBQU0sTUFBTTtRQUN4RSw2QkFBSyxTQUFTLEVBQUMsa0JBQWtCO1lBQy9CLG9CQUFDLElBQUksSUFBQyxTQUFTLEVBQUUsV0FBVyxFQUFFLElBQUksRUFBRSxRQUFRLEVBQUUsSUFBSSxFQUFFLFFBQVEsQ0FBQyxLQUFLLEdBQUksQ0FDbEUsQ0FDRixDQUNQLENBQUE7QUFDSCxDQUFDLENBQUMsQ0FBQTtBQUVGLGNBQWMsQ0FBQyxXQUFXLEdBQUcsYUFBYSxDQUFDLGNBQWMsQ0FBQTtBQUN6RCxlQUFlLGNBQWMsQ0FBQSJ9

package/lib/components/timeline/marker/TimelineMarker.native.d.ts

@@ -1,14 +1,11 @@
-/// <reference types="react" />
-import { TimelineMarkerProps } from './TimelineMarkerProps';
-import { ComponentName } from '../../../components/enumsComponentsName';
+import { TimelineMarkerProps } from '../../../components/timeline/marker/TimelineMarkerProps';
+import React from 'react';
+import { View } from 'react-native';
 /**
  * TimelineMarker Native Component
  * @param iconName {IconName} Icon Name - sample : IconName.CHECK
  * @param iconColor {IconColor} Icon Color
  * @param testId {string} Test Id for Test Integration
  */
-declare const TimelineMarker: {
-    ({ iconName }: TimelineMarkerProps): JSX.Element;
-    displayName: ComponentName;
-};
+declare const TimelineMarker: React.ForwardRefExoticComponent<TimelineMarkerProps & React.RefAttributes<View>>;
 export default TimelineMarker;

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

@@ -1,17 +1,18 @@
-import React, { useContext } from 'react';
-import { StyleSheet, View } from 'react-native';
+import { ComponentName } from '../../../components/enumsComponentsName';
 import { Icon, IconSize } from '../../../components/icon';
-import { TimelineItemContext } from '../item/TimelineItem.native';
-import { getColorStyle, TrilogyColor } from '../../../objects';
+import { SpacerSize } from '../../../components/spacer';
+import { TimelineItemContext } from '../../../components/timeline/item/TimelineItem.native';
 import { TimelineHeightContext } from '../../../components/timeline/Timeline.native';
-import { ComponentName } from '../../../components/enumsComponentsName';
+import { getColorStyle, TrilogyColor } from '../../../objects';
+import React, { useContext } from 'react';
+import { StyleSheet, View } from 'react-native';
 /**
  * TimelineMarker Native Component
  * @param iconName {IconName} Icon Name - sample : IconName.CHECK
  * @param iconColor {IconColor} Icon Color
  * @param testId {string} Test Id for Test Integration
  */
-var TimelineMarker = function (_a) {
+var TimelineMarker = React.forwardRef(function (_a, ref) {
     var iconName = _a.iconName;
     var _b = useContext(TimelineItemContext), active = _b.active, done = _b.done, cancel = _b.cancel;
     var height = useContext(TimelineHeightContext).height;
@@ -22,6 +23,7 @@ var TimelineMarker = function (_a) {
             flexDirection: 'column',
         },
         divider: {
+            top: SpacerSize.TWO,
             height: height ? height - 48 : 74,
             borderStyle: 'solid',
             borderLeftWidth: 2,
@@ -30,13 +32,13 @@ var TimelineMarker = function (_a) {
             borderColor: (active && getColorStyle(TrilogyColor.MAIN)) ||
                 (cancel && getColorStyle(TrilogyColor.NEUTRAL)) ||
                 (done && getColorStyle(TrilogyColor.MAIN)) ||
-                getColorStyle(TrilogyColor.NEUTRAL_FADE),
+                getColorStyle(TrilogyColor.NEUTRAL),
         },
         icon: {
             alignSelf: 'center',
         },
     });
-    return (React.createElement(View, { style: styles.marker },
+    return (React.createElement(View, { ref: ref, style: styles.marker },
         React.createElement(View, { style: styles.icon },
             React.createElement(Icon, { name: iconName, circled: true, color: (active && TrilogyColor.BACKGROUND) ||
                     (cancel && TrilogyColor.NEUTRAL_FADE) ||
@@ -44,9 +46,9 @@ var TimelineMarker = function (_a) {
                     TrilogyColor.BACKGROUND, backgroundColor: (active && TrilogyColor.MAIN) ||
                     (cancel && TrilogyColor.NEUTRAL) ||
                     (done && TrilogyColor.MAIN) ||
-                    TrilogyColor.NEUTRAL_FADE, size: IconSize.SMALL })),
+                    TrilogyColor.NEUTRAL, size: IconSize.SMALL })),
         React.createElement(View, { style: styles.divider })));
-};
+});
 TimelineMarker.displayName = ComponentName.TimelineMarker;
 export default TimelineMarker;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVGltZWxpbmVNYXJrZXIubmF0aXZlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vY29tcG9uZW50cy90aW1lbGluZS9tYXJrZXIvVGltZWxpbmVNYXJrZXIubmF0aXZlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEtBQUssRUFBRSxFQUFFLFVBQVUsRUFBRSxNQUFNLE9BQU8sQ0FBQTtBQUN6QyxPQUFPLEVBQUUsVUFBVSxFQUFFLElBQUksRUFBRSxNQUFNLGNBQWMsQ0FBQTtBQUUvQyxPQUFPLEVBQUUsSUFBSSxFQUFFLFFBQVEsRUFBRSxNQUFNLG1CQUFtQixDQUFBO0FBQ2xELE9BQU8sRUFBRSxtQkFBbUIsRUFBRSxNQUFNLDZCQUE2QixDQUFBO0FBQ2pFLE9BQU8sRUFBRSxhQUFhLEVBQUUsWUFBWSxFQUFFLE1BQU0sV0FBVyxDQUFBO0FBQ3ZELE9BQU8sRUFBRSxxQkFBcUIsRUFBRSxNQUFNLHVDQUF1QyxDQUFBO0FBQzdFLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxrQ0FBa0MsQ0FBQTtBQUVoRTs7Ozs7R0FLRztBQUNILElBQU0sY0FBYyxHQUFHLFVBQUMsRUFBaUM7UUFBL0IsUUFBUSxjQUFBO0lBQzFCLElBQUEsS0FBMkIsVUFBVSxDQUFDLG1CQUFtQixDQUFDLEVBQXhELE1BQU0sWUFBQSxFQUFFLElBQUksVUFBQSxFQUFFLE1BQU0sWUFBb0MsQ0FBQTtJQUN4RCxJQUFBLE1BQU0sR0FBSyxVQUFVLENBQUMscUJBQXFCLENBQUMsT0FBdEMsQ0FBc0M7SUFFcEQsSUFBTSxNQUFNLEdBQUcsVUFBVSxDQUFDLE1BQU0sQ0FBQztRQUMvQixNQUFNLEVBQUU7WUFDTixJQUFJLEVBQUUsQ0FBQztZQUNQLFNBQVMsRUFBRSxZQUFZO1lBQ3ZCLGFBQWEsRUFBRSxRQUFRO1NBQ3hCO1FBQ0QsT0FBTyxFQUFFO1lBQ1AsTUFBTSxFQUFFLE1BQU0sQ0FBQyxDQUFDLENBQUMsTUFBTSxHQUFHLEVBQUUsQ0FBQyxDQUFDLENBQUMsRUFBRTtZQUNqQyxXQUFXLEVBQUUsT0FBTztZQUNwQixlQUFlLEVBQUUsQ0FBQztZQUNsQixVQUFVLEVBQUUsTUFBTTtZQUNsQixXQUFXLEVBQUUsTUFBTTtZQUNuQixXQUFXLEVBQ1QsQ0FBQyxNQUFNLElBQUksYUFBYSxDQUFDLFlBQVksQ0FBQyxJQUFJLENBQUMsQ0FBQztnQkFDNUMsQ0FBQyxNQUFNLElBQUksYUFBYSxDQUFDLFlBQVksQ0FBQyxPQUFPLENBQUMsQ0FBQztnQkFDL0MsQ0FBQyxJQUFJLElBQUksYUFBYSxDQUFDLFlBQVksQ0FBQyxJQUFJLENBQUMsQ0FBQztnQkFDMUMsYUFBYSxDQUFDLFlBQVksQ0FBQyxZQUFZLENBQUM7U0FDM0M7UUFDRCxJQUFJLEVBQUU7WUFDSixTQUFTLEVBQUUsUUFBUTtTQUNwQjtLQUNGLENBQUMsQ0FBQTtJQUVGLE9BQU8sQ0FDTCxvQkFBQyxJQUFJLElBQUMsS0FBSyxFQUFFLE1BQU0sQ0FBQyxNQUFNO1FBQ3hCLG9CQUFDLElBQUksSUFBQyxLQUFLLEVBQUUsTUFBTSxDQUFDLElBQUk7WUFDdEIsb0JBQUMsSUFBSSxJQUNILElBQUksRUFBRSxRQUFRLEVBQ2QsT0FBTyxRQUNQLEtBQUssRUFDSCxDQUFDLE1BQU0sSUFBSSxZQUFZLENBQUMsVUFBVSxDQUFDO29CQUNuQyxDQUFDLE1BQU0sSUFBSSxZQUFZLENBQUMsWUFBWSxDQUFDO29CQUNyQyxDQUFDLElBQUksSUFBSSxZQUFZLENBQUMsVUFBVSxDQUFDO29CQUNqQyxZQUFZLENBQUMsVUFBVSxFQUV6QixlQUFlLEVBQ2IsQ0FBQyxNQUFNLElBQUksWUFBWSxDQUFDLElBQUksQ0FBQztvQkFDN0IsQ0FBQyxNQUFNLElBQUksWUFBWSxDQUFDLE9BQU8sQ0FBQztvQkFDaEMsQ0FBQyxJQUFJLElBQUksWUFBWSxDQUFDLElBQUksQ0FBQztvQkFDM0IsWUFBWSxDQUFDLFlBQVksRUFFM0IsSUFBSSxFQUFFLFFBQVEsQ0FBQyxLQUFLLEdBQ3BCLENBQ0c7UUFFUCxvQkFBQyxJQUFJLElBQUMsS0FBSyxFQUFFLE1BQU0sQ0FBQyxPQUFPLEdBQVMsQ0FDL0IsQ0FDUixDQUFBO0FBQ0gsQ0FBQyxDQUFBO0FBRUQsY0FBYyxDQUFDLFdBQVcsR0FBRyxhQUFhLENBQUMsY0FBYyxDQUFBO0FBRXpELGVBQWUsY0FBYyxDQUFBIn0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVGltZWxpbmVNYXJrZXIubmF0aXZlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vY29tcG9uZW50cy90aW1lbGluZS9tYXJrZXIvVGltZWxpbmVNYXJrZXIubmF0aXZlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sa0NBQWtDLENBQUE7QUFDaEUsT0FBTyxFQUFFLElBQUksRUFBRSxRQUFRLEVBQUUsTUFBTSxtQkFBbUIsQ0FBQTtBQUNsRCxPQUFPLEVBQUUsVUFBVSxFQUFFLE1BQU0scUJBQXFCLENBQUE7QUFDaEQsT0FBTyxFQUFFLG1CQUFtQixFQUFFLE1BQU0sZ0RBQWdELENBQUE7QUFFcEYsT0FBTyxFQUFFLHFCQUFxQixFQUFFLE1BQU0sdUNBQXVDLENBQUE7QUFDN0UsT0FBTyxFQUFFLGFBQWEsRUFBRSxZQUFZLEVBQUUsTUFBTSxXQUFXLENBQUE7QUFDdkQsT0FBTyxLQUFLLEVBQUUsRUFBRSxVQUFVLEVBQUUsTUFBTSxPQUFPLENBQUE7QUFDekMsT0FBTyxFQUFFLFVBQVUsRUFBRSxJQUFJLEVBQUUsTUFBTSxjQUFjLENBQUE7QUFFL0M7Ozs7O0dBS0c7QUFDSCxJQUFNLGNBQWMsR0FBRyxLQUFLLENBQUMsVUFBVSxDQUErQyxVQUFDLEVBQVksRUFBRSxHQUFHO1FBQWYsUUFBUSxjQUFBO0lBQ3pGLElBQUEsS0FBMkIsVUFBVSxDQUFDLG1CQUFtQixDQUFDLEVBQXhELE1BQU0sWUFBQSxFQUFFLElBQUksVUFBQSxFQUFFLE1BQU0sWUFBb0MsQ0FBQTtJQUN4RCxJQUFBLE1BQU0sR0FBSyxVQUFVLENBQUMscUJBQXFCLENBQUMsT0FBdEMsQ0FBc0M7SUFFcEQsSUFBTSxNQUFNLEdBQUcsVUFBVSxDQUFDLE1BQU0sQ0FBQztRQUMvQixNQUFNLEVBQUU7WUFDTixJQUFJLEVBQUUsQ0FBQztZQUNQLFNBQVMsRUFBRSxZQUFZO1lBQ3ZCLGFBQWEsRUFBRSxRQUFRO1NBQ3hCO1FBQ0QsT0FBTyxFQUFFO1lBQ1AsR0FBRyxFQUFFLFVBQVUsQ0FBQyxHQUFHO1lBQ25CLE1BQU0sRUFBRSxNQUFNLENBQUMsQ0FBQyxDQUFDLE1BQU0sR0FBRyxFQUFFLENBQUMsQ0FBQyxDQUFDLEVBQUU7WUFDakMsV0FBVyxFQUFFLE9BQU87WUFDcEIsZUFBZSxFQUFFLENBQUM7WUFDbEIsVUFBVSxFQUFFLE1BQU07WUFDbEIsV0FBVyxFQUFFLE1BQU07WUFDbkIsV0FBVyxFQUNULENBQUMsTUFBTSxJQUFJLGFBQWEsQ0FBQyxZQUFZLENBQUMsSUFBSSxDQUFDLENBQUM7Z0JBQzVDLENBQUMsTUFBTSxJQUFJLGFBQWEsQ0FBQyxZQUFZLENBQUMsT0FBTyxDQUFDLENBQUM7Z0JBQy9DLENBQUMsSUFBSSxJQUFJLGFBQWEsQ0FBQyxZQUFZLENBQUMsSUFBSSxDQUFDLENBQUM7Z0JBQzFDLGFBQWEsQ0FBQyxZQUFZLENBQUMsT0FBTyxDQUFDO1NBQ3RDO1FBQ0QsSUFBSSxFQUFFO1lBQ0osU0FBUyxFQUFFLFFBQVE7U0FDcEI7S0FDRixDQUFDLENBQUE7SUFFRixPQUFPLENBQ0wsb0JBQUMsSUFBSSxJQUFDLEdBQUcsRUFBRSxHQUFHLEVBQUUsS0FBSyxFQUFFLE1BQU0sQ0FBQyxNQUFNO1FBQ2xDLG9CQUFDLElBQUksSUFBQyxLQUFLLEVBQUUsTUFBTSxDQUFDLElBQUk7WUFDdEIsb0JBQUMsSUFBSSxJQUNILElBQUksRUFBRSxRQUFRLEVBQ2QsT0FBTyxRQUNQLEtBQUssRUFDSCxDQUFDLE1BQU0sSUFBSSxZQUFZLENBQUMsVUFBVSxDQUFDO29CQUNuQyxDQUFDLE1BQU0sSUFBSSxZQUFZLENBQUMsWUFBWSxDQUFDO29CQUNyQyxDQUFDLElBQUksSUFBSSxZQUFZLENBQUMsVUFBVSxDQUFDO29CQUNqQyxZQUFZLENBQUMsVUFBVSxFQUV6QixlQUFlLEVBQ2IsQ0FBQyxNQUFNLElBQUksWUFBWSxDQUFDLElBQUksQ0FBQztvQkFDN0IsQ0FBQyxNQUFNLElBQUksWUFBWSxDQUFDLE9BQU8sQ0FBQztvQkFDaEMsQ0FBQyxJQUFJLElBQUksWUFBWSxDQUFDLElBQUksQ0FBQztvQkFDM0IsWUFBWSxDQUFDLE9BQU8sRUFFdEIsSUFBSSxFQUFFLFFBQVEsQ0FBQyxLQUFLLEdBQ3BCLENBQ0c7UUFFUCxvQkFBQyxJQUFJLElBQUMsS0FBSyxFQUFFLE1BQU0sQ0FBQyxPQUFPLEdBQVMsQ0FDL0IsQ0FDUixDQUFBO0FBQ0gsQ0FBQyxDQUFDLENBQUE7QUFFRixjQUFjLENBQUMsV0FBVyxHQUFHLGFBQWEsQ0FBQyxjQUFjLENBQUE7QUFFekQsZUFBZSxjQUFjLENBQUEifQ==

package/lib/components/timeline/marker/TimelineMarkerProps.d.ts

@@ -1,3 +1,4 @@
+import { View } from 'react-native';
 import { IconName, IconNameValues } from '../../../components/icon';
 import { Accessibility, Dev } from '../../../objects';
 import { CommonProps } from '../../../objects/facets/CommonProps';
@@ -13,3 +14,5 @@ export interface TimelineMarkerProps extends Accessibility, Dev {
 export interface TimelineMarkerWebProps extends TimelineMarkerProps, Accessibility, CommonProps {
     iconClassname?: string;
 }
+export type TimelineMarkerRef = HTMLDivElement;
+export type TimelineMarkerNativeRef = View;

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,24 @@ export default {
       "tri-picto-payment-mastercard",
       "tri-picto-payment-paypal",
       "tri-picto-payment-visa",
+      "tri-paperclip",
+      "tri-clock",
       "tri-alert",
       "tri-arrow-down",
       "tri-arrow-left",
       "tri-arrow-right",
       "tri-arrow-up",
+      "tri-arrow-high",
       "tri-bell",
+      "tri-calendar",
       "tri-check-circle",
       "tri-check",
       "tri-exclamation-circle",
       "tri-eye-slash",
       "tri-eye",
+      "tri-file-attached",
       "tri-infos-circle",
+      "tri-micro",
       "tri-search",
       "tri-times",
       "tri-trash",
@@ -47,7 +57,9 @@ export default {
       "tri-picto-payment-cb",
       "tri-picto-payment-mastercard",
       "tri-picto-payment-paypal",
-      "tri-picto-payment-visa"
+      "tri-picto-payment-visa",
+      "tri-paperclip",
+      "tri-clock"
     ]
   },
   "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,24 @@ export default {
       "tri-picto-payment-mastercard",
       "tri-picto-payment-paypal",
       "tri-picto-payment-visa",
+      "tri-paperclip",
+      "tri-clock",
       "tri-alert",
       "tri-arrow-down",
       "tri-arrow-left",
       "tri-arrow-right",
       "tri-arrow-up",
+      "tri-arrow-high",
       "tri-bell",
+      "tri-calendar",
       "tri-check-circle",
       "tri-check",
       "tri-exclamation-circle",
       "tri-eye-slash",
       "tri-eye",
+      "tri-file-attached",
       "tri-infos-circle",
+      "tri-micro",
       "tri-search",
       "tri-times",
       "tri-trash",
@@ -54,7 +64,9 @@ export default {
       "tri-picto-payment-cb",
       "tri-picto-payment-mastercard",
       "tri-picto-payment-paypal",
-      "tri-picto-payment-visa"
+      "tri-picto-payment-visa",
+      "tri-paperclip",
+      "tri-clock"
     ]
   },
   "accessibilityLabel": {

package/lib/components/timepicker/BaseTimepickerPropsDefaults.js

@@ -0,0 +1,52 @@
+export default {
+  "value": {
+    "type": "string",
+    "values": [
+      "undefined",
+      "string"
+    ]
+  },
+  "onChange": {
+    "type": "function",
+    "values": [
+      "undefined",
+      "(time: string) => void"
+    ]
+  },
+  "disabled": {
+    "type": "boolean",
+    "values": [
+      "undefined",
+      "false",
+      "true"
+    ]
+  },
+  "step": {
+    "type": "string",
+    "values": [
+      "undefined",
+      "number"
+    ]
+  },
+  "id": {
+    "type": "string",
+    "values": [
+      "undefined",
+      "string"
+    ]
+  },
+  "className": {
+    "type": "string",
+    "values": [
+      "undefined",
+      "string"
+    ]
+  },
+  "testId": {
+    "type": "string",
+    "values": [
+      "undefined",
+      "string"
+    ]
+  }
+};

package/lib/components/timepicker/CircularTimepickerPropsDefaults.js

@@ -0,0 +1,56 @@
+export default {
+  "circular": {
+    "type": "string",
+    "values": []
+  },
+  "value": {
+    "type": "string",
+    "values": [
+      "undefined",
+      "string"
+    ]
+  },
+  "onChange": {
+    "type": "function",
+    "values": [
+      "undefined",
+      "(time: string) => void"
+    ]
+  },
+  "disabled": {
+    "type": "boolean",
+    "values": [
+      "undefined",
+      "false",
+      "true"
+    ]
+  },
+  "step": {
+    "type": "string",
+    "values": [
+      "undefined",
+      "number"
+    ]
+  },
+  "id": {
+    "type": "string",
+    "values": [
+      "undefined",
+      "string"
+    ]
+  },
+  "className": {
+    "type": "string",
+    "values": [
+      "undefined",
+      "string"
+    ]
+  },
+  "testId": {
+    "type": "string",
+    "values": [
+      "undefined",
+      "string"
+    ]
+  }
+};

package/lib/components/timepicker/DefaultTimepickerPropsDefaults.js

@@ -0,0 +1,88 @@
+export default {
+  "circular": {
+    "type": "boolean",
+    "values": [
+      "undefined",
+      "false"
+    ]
+  },
+  "label": {
+    "type": "string",
+    "values": [
+      "undefined",
+      "string"
+    ]
+  },
+  "sample": {
+    "type": "string",
+    "values": [
+      "undefined",
+      "string"
+    ]
+  },
+  "required": {
+    "type": "boolean",
+    "values": [
+      "undefined",
+      "false",
+      "true"
+    ]
+  },
+  "help": {
+    "type": "string",
+    "values": [
+      "undefined",
+      "string"
+    ]
+  },
+  "value": {
+    "type": "string",
+    "values": [
+      "undefined",
+      "string"
+    ]
+  },
+  "onChange": {
+    "type": "function",
+    "values": [
+      "undefined",
+      "(time: string) => void"
+    ]
+  },
+  "disabled": {
+    "type": "boolean",
+    "values": [
+      "undefined",
+      "false",
+      "true"
+    ]
+  },
+  "step": {
+    "type": "string",
+    "values": [
+      "undefined",
+      "number"
+    ]
+  },
+  "id": {
+    "type": "string",
+    "values": [
+      "undefined",
+      "string"
+    ]
+  },
+  "className": {
+    "type": "string",
+    "values": [
+      "undefined",
+      "string"
+    ]
+  },
+  "testId": {
+    "type": "string",
+    "values": [
+      "undefined",
+      "string"
+    ]
+  }
+};

package/lib/components/timepicker/Timepicker.d.ts

@@ -0,0 +1,16 @@
+import * as React from 'react';
+import { TimepickerProps, TimepickerRef } from './TimepickerProps';
+/**
+ * Timepicker Native Component
+ * @param value {string} Current time value in "HH:MM" format (e.g., "14:30", "24:00")
+ * @param onChange {Function} Callback called when time changes, receives new "HH:MM" value
+ * @param disabled {boolean} Disabled state of the component (default: false)
+ * @param step {number} Step for minutes (e.g., 5 for 5-minute increments, default: 5)
+ * @param circular {boolean} to have circular timepicker
+ * @param label {string}
+ * @param sample {string} (below label)
+ * @param help {string}
+ * @param required {boolean} Required
+ */
+declare const Timepicker: React.ForwardRefExoticComponent<TimepickerProps & React.RefAttributes<TimepickerRef>>;
+export default Timepicker;

package/lib/components/timepicker/Timepicker.js

@@ -0,0 +1,26 @@
+import { __assign, __rest } from "tslib";
+import * as React from 'react';
+import { ComponentName } from '../enumsComponentsName';
+import { TimepickerCircular } from './circular';
+import { TimepickerDefault } from './default';
+/**
+ * Timepicker Native Component
+ * @param value {string} Current time value in "HH:MM" format (e.g., "14:30", "24:00")
+ * @param onChange {Function} Callback called when time changes, receives new "HH:MM" value
+ * @param disabled {boolean} Disabled state of the component (default: false)
+ * @param step {number} Step for minutes (e.g., 5 for 5-minute increments, default: 5)
+ * @param circular {boolean} to have circular timepicker
+ * @param label {string}
+ * @param sample {string} (below label)
+ * @param help {string}
+ * @param required {boolean} Required
+ */
+var Timepicker = React.forwardRef(function (_a, ref) {
+    var circular = _a.circular, props = __rest(_a, ["circular"]);
+    if (circular)
+        return React.createElement(TimepickerCircular, __assign({ ref: ref }, props));
+    return React.createElement(TimepickerDefault, __assign({ ref: ref }, props));
+});
+Timepicker.displayName = ComponentName.Timepicker;
+export default Timepicker;
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVGltZXBpY2tlci5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL2NvbXBvbmVudHMvdGltZXBpY2tlci9UaW1lcGlja2VyLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxLQUFLLEtBQUssTUFBTSxPQUFPLENBQUE7QUFDOUIsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLHdCQUF3QixDQUFBO0FBQ3RELE9BQU8sRUFBRSxrQkFBa0IsRUFBRSxNQUFNLFlBQVksQ0FBQTtBQUMvQyxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxXQUFXLENBQUE7QUFHN0M7Ozs7Ozs7Ozs7O0dBV0c7QUFDSCxJQUFNLFVBQVUsR0FBRyxLQUFLLENBQUMsVUFBVSxDQUFpQyxVQUFDLEVBQXNCLEVBQUUsR0FBRztJQUF6QixJQUFBLFFBQVEsY0FBQSxFQUFLLEtBQUssY0FBcEIsWUFBc0IsQ0FBRjtJQUN2RixJQUFJLFFBQVE7UUFBRSxPQUFPLG9CQUFDLGtCQUFrQixhQUFDLEdBQUcsRUFBRSxHQUFHLElBQU0sS0FBSyxFQUFJLENBQUE7SUFDaEUsT0FBTyxvQkFBQyxpQkFBaUIsYUFBQyxHQUFHLEVBQUUsR0FBa0MsSUFBTSxLQUFLLEVBQUksQ0FBQTtBQUNsRixDQUFDLENBQUMsQ0FBQTtBQUVGLFVBQVUsQ0FBQyxXQUFXLEdBQUcsYUFBYSxDQUFDLFVBQVUsQ0FBQTtBQUNqRCxlQUFlLFVBQVUsQ0FBQSJ9