@trilogy-ds/react 0.0.1-beta-sc-2 → 0.0.1-beta-149

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

@@ -1,7 +1,7 @@
 import { __read } from "tslib";
-import React from 'react';
-import { StyleSheet, View } from 'react-native';
-import { ComponentName } from '../../components/enumsComponentsName';
+import * as React from "react";
+import { StyleSheet, View } from "react-native";
+import { ComponentName } from "../../components/enumsComponentsName";
 export var TimelineHeightContext = React.createContext({
     height: 0,
     setHeight: function () { return undefined; },
@@ -11,11 +11,11 @@ export var TimelineHeightContext = React.createContext({
  * @param children {ReactNode} Text child
 
  */
-var Timeline = React.forwardRef(function (_a, ref) {
+var Timeline = function (_a) {
     var children = _a.children;
     var styles = StyleSheet.create({
         container: {
-            flexDirection: 'column',
+            flexDirection: "column",
         },
     });
     var _b = __read(React.useState(0), 2), height = _b[0], setHeight = _b[1];
@@ -23,8 +23,8 @@ var Timeline = React.forwardRef(function (_a, ref) {
             height: height,
             setHeight: setHeight,
         } },
-        React.createElement(View, { style: styles.container, ref: ref }, children)));
-});
+        React.createElement(View, { style: styles.container }, children)));
+};
 Timeline.displayName = ComponentName.Timeline;
 export default Timeline;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVGltZWxpbmUubmF0aXZlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vY29tcG9uZW50cy90aW1lbGluZS9UaW1lbGluZS5uYXRpdmUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLEtBQUssTUFBTSxPQUFPLENBQUE7QUFDekIsT0FBTyxFQUFFLFVBQVUsRUFBRSxJQUFJLEVBQUUsTUFBTSxjQUFjLENBQUE7QUFFL0MsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLGtDQUFrQyxDQUFBO0FBUWhFLE1BQU0sQ0FBQyxJQUFNLHFCQUFxQixHQUFHLEtBQUssQ0FBQyxhQUFhLENBQVc7SUFDakUsTUFBTSxFQUFFLENBQUM7SUFDVCxTQUFTLEVBQUUsY0FBTSxPQUFBLFNBQVMsRUFBVCxDQUFTO0NBQzNCLENBQUMsQ0FBQTtBQUVGOzs7O0dBSUc7QUFDSCxJQUFNLFFBQVEsR0FBRyxLQUFLLENBQUMsVUFBVSxDQUFDLFVBQUMsRUFBMkIsRUFBRSxHQUFvQjtRQUEvQyxRQUFRLGNBQUE7SUFDM0MsSUFBTSxNQUFNLEdBQUcsVUFBVSxDQUFDLE1BQU0sQ0FBQztRQUMvQixTQUFTLEVBQUU7WUFDVCxhQUFhLEVBQUUsUUFBUTtTQUN4QjtLQUNGLENBQUMsQ0FBQTtJQUVJLElBQUEsS0FBQSxPQUFzQixLQUFLLENBQUMsUUFBUSxDQUFDLENBQUMsQ0FBQyxJQUFBLEVBQXRDLE1BQU0sUUFBQSxFQUFFLFNBQVMsUUFBcUIsQ0FBQTtJQUU3QyxPQUFPLENBQ0wsb0JBQUMscUJBQXFCLENBQUMsUUFBUSxJQUM3QixLQUFLLEVBQUU7WUFDTCxNQUFNLFFBQUE7WUFDTixTQUFTLFdBQUE7U0FDVjtRQUVELG9CQUFDLElBQUksSUFBQyxLQUFLLEVBQUUsTUFBTSxDQUFDLFNBQVMsRUFBRSxHQUFHLEVBQUUsR0FBRyxJQUNwQyxRQUFRLENBQ0osQ0FDd0IsQ0FDbEMsQ0FBQTtBQUNILENBQUMsQ0FBQyxDQUFBO0FBRUYsUUFBUSxDQUFDLFdBQVcsR0FBRyxhQUFhLENBQUMsUUFBUSxDQUFBO0FBQzdDLGVBQWUsUUFBUSxDQUFBIn0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVGltZWxpbmUubmF0aXZlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vY29tcG9uZW50cy90aW1lbGluZS9UaW1lbGluZS5uYXRpdmUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLEtBQUssS0FBSyxNQUFNLE9BQU8sQ0FBQTtBQUM5QixPQUFPLEVBQUUsVUFBVSxFQUFFLElBQUksRUFBRSxNQUFNLGNBQWMsQ0FBQTtBQUUvQyxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sa0NBQWtDLENBQUE7QUFPaEUsTUFBTSxDQUFDLElBQU0scUJBQXFCLEdBQUcsS0FBSyxDQUFDLGFBQWEsQ0FBVztJQUNqRSxNQUFNLEVBQUUsQ0FBQztJQUNULFNBQVMsRUFBRSxjQUFNLE9BQUEsU0FBUyxFQUFULENBQVM7Q0FDM0IsQ0FBQyxDQUFBO0FBRUY7Ozs7R0FJRztBQUNILElBQU0sUUFBUSxHQUFHLFVBQUMsRUFBMkI7UUFBekIsUUFBUSxjQUFBO0lBQzFCLElBQU0sTUFBTSxHQUFHLFVBQVUsQ0FBQyxNQUFNLENBQUM7UUFDL0IsU0FBUyxFQUFFO1lBQ1QsYUFBYSxFQUFFLFFBQVE7U0FDeEI7S0FDRixDQUFDLENBQUE7SUFFSSxJQUFBLEtBQUEsT0FBc0IsS0FBSyxDQUFDLFFBQVEsQ0FBQyxDQUFDLENBQUMsSUFBQSxFQUF0QyxNQUFNLFFBQUEsRUFBRSxTQUFTLFFBQXFCLENBQUE7SUFFN0MsT0FBTyxDQUNMLG9CQUFDLHFCQUFxQixDQUFDLFFBQVEsSUFDN0IsS0FBSyxFQUFFO1lBQ0wsTUFBTSxRQUFBO1lBQ04sU0FBUyxXQUFBO1NBQ1Y7UUFFRCxvQkFBQyxJQUFJLElBQUMsS0FBSyxFQUFFLE1BQU0sQ0FBQyxTQUFTLElBQUcsUUFBUSxDQUFRLENBQ2pCLENBQ2xDLENBQUE7QUFDSCxDQUFDLENBQUE7QUFFRCxRQUFRLENBQUMsV0FBVyxHQUFHLGFBQWEsQ0FBQyxRQUFRLENBQUE7QUFFN0MsZUFBZSxRQUFRLENBQUEifQ==

package/lib/components/timeline/content/TimelineContent.d.ts

@@ -1,5 +1,5 @@
-import * as React from 'react';
-import { TimelineContentWebProps } from '../../../components/timeline/content/TimelineContentProps';
+/// <reference types="react" />
+import { TimelineContentWebProps } from "./TimelineContentProps";
 /**
  * Timeline Content Component
  * @param children {ReactNode} Use it if you want custom children for content
@@ -11,5 +11,5 @@ import { TimelineContentWebProps } from '../../../components/timeline/content/Ti
  * - -------------------------- WEB PROPERTIES -------------------------------
  * @param className {string} Additionnal CSS Classes
  */
-declare const TimelineContent: React.ForwardRefExoticComponent<TimelineContentWebProps & React.RefAttributes<HTMLDivElement>>;
+declare const TimelineContent: ({ children, className, heading, content, link, contentLink, onClick, ...others }: TimelineContentWebProps) => JSX.Element;
 export default TimelineContent;

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

@@ -1,10 +1,10 @@
 import { __assign, __rest } from "tslib";
-import clsx from 'clsx';
-import * as React from 'react';
-import { ComponentName } from '../../../components/enumsComponentsName';
-import { Link } from '../../../components/link';
-import { Text, TextMarkup } from '../../../components/text';
-import { hashClass } from '../../../helpers/hashClassesHelpers';
+import * as React from "react";
+import clsx from "clsx";
+import { Text, TextMarkup } from "../../../components/text";
+import { Link } from "../../../components/link";
+import { hashClass } from "../../../helpers";
+import { useTrilogyContext } from "../../../context";
 /**
  * Timeline Content Component
  * @param children {ReactNode} Use it if you want custom children for content
@@ -16,17 +16,20 @@ import { hashClass } from '../../../helpers/hashClassesHelpers';
  * - -------------------------- WEB PROPERTIES -------------------------------
  * @param className {string} Additionnal CSS Classes
  */
-var TimelineContent = React.forwardRef(function (_a, ref) {
+var TimelineContent = function (_a) {
     var children = _a.children, className = _a.className, heading = _a.heading, content = _a.content, link = _a.link, contentLink = _a.contentLink, onClick = _a.onClick, others = __rest(_a, ["children", "className", "heading", "content", "link", "contentLink", "onClick"]);
-    var classes = hashClass(clsx('timeline-content', className));
+    var styled = useTrilogyContext().styled;
+    var classes = hashClass(styled, clsx("timeline-content", className));
     if (children) {
         return (React.createElement("div", __assign({ className: classes }, others), children));
     }
-    return (React.createElement("div", __assign({ ref: ref, className: classes }, others, { onClick: onClick }),
-        heading && React.createElement(Text, { markup: TextMarkup.P }, heading),
+    return (React.createElement("div", __assign({ className: classes }, others, { onClick: function (e) {
+            onClick === null || onClick === void 0 ? void 0 : onClick(e);
+            e.stopPropagation();
+        } }),
+        heading && (React.createElement(Text, { markup: TextMarkup.P }, heading)),
         content && (React.createElement(Text, { className: 'main-content', markup: TextMarkup.P }, content)),
         link && React.createElement(Link, { href: link }, contentLink || link)));
-});
-TimelineContent.displayName = ComponentName.TimelineContent;
+};
 export default TimelineContent;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVGltZWxpbmVDb250ZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vY29tcG9uZW50cy90aW1lbGluZS9jb250ZW50L1RpbWVsaW5lQ29udGVudC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUFBLE9BQU8sSUFBSSxNQUFNLE1BQU0sQ0FBQTtBQUN2QixPQUFPLEtBQUssS0FBSyxNQUFNLE9BQU8sQ0FBQTtBQUU5QixPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sa0NBQWtDLENBQUE7QUFDaEUsT0FBTyxFQUFFLElBQUksRUFBRSxNQUFNLG1CQUFtQixDQUFBO0FBQ3hDLE9BQU8sRUFBRSxJQUFJLEVBQUUsVUFBVSxFQUFFLE1BQU0sbUJBQW1CLENBQUE7QUFFcEQsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLDhCQUE4QixDQUFBO0FBRXhEOzs7Ozs7Ozs7O0dBVUc7QUFDSCxJQUFNLGVBQWUsR0FBRyxLQUFLLENBQUMsVUFBVSxDQUN0QyxVQUNFLEVBQXlHLEVBQ3pHLEdBQThCO0lBRDVCLElBQUEsUUFBUSxjQUFBLEVBQUUsU0FBUyxlQUFBLEVBQUUsT0FBTyxhQUFBLEVBQUUsT0FBTyxhQUFBLEVBQUUsSUFBSSxVQUFBLEVBQUUsV0FBVyxpQkFBQSxFQUFFLE9BQU8sYUFBQSxFQUFLLE1BQU0sY0FBOUUsaUZBQWdGLENBQUY7SUFHOUUsSUFBTSxPQUFPLEdBQUcsU0FBUyxDQUFDLElBQUksQ0FBQyxrQkFBa0IsRUFBRSxTQUFTLENBQUMsQ0FBQyxDQUFBO0lBRTlELElBQUksUUFBUSxFQUFFO1FBQ1osT0FBTyxDQUNMLHNDQUFLLFNBQVMsRUFBRSxPQUFPLElBQU0sTUFBTSxHQUNoQyxRQUFRLENBQ0wsQ0FDUCxDQUFBO0tBQ0Y7SUFFRCxPQUFPLENBQ0wsc0NBQUssR0FBRyxFQUFFLEdBQUcsRUFBRSxTQUFTLEVBQUUsT0FBTyxJQUFNLE1BQU0sSUFBRSxPQUFPLEVBQUUsT0FBTztRQUM1RCxPQUFPLElBQUksb0JBQUMsSUFBSSxJQUFDLE1BQU0sRUFBRSxVQUFVLENBQUMsQ0FBQyxJQUFHLE9BQU8sQ0FBUTtRQUN2RCxPQUFPLElBQUksQ0FDVixvQkFBQyxJQUFJLElBQUMsU0FBUyxFQUFDLGNBQWMsRUFBQyxNQUFNLEVBQUUsVUFBVSxDQUFDLENBQUMsSUFDaEQsT0FBTyxDQUNILENBQ1I7UUFDQSxJQUFJLElBQUksb0JBQUMsSUFBSSxJQUFDLElBQUksRUFBRSxJQUFJLElBQUcsV0FBVyxJQUFJLElBQUksQ0FBUSxDQUNuRCxDQUNQLENBQUE7QUFDSCxDQUFDLENBQ0YsQ0FBQTtBQUVELGVBQWUsQ0FBQyxXQUFXLEdBQUcsYUFBYSxDQUFDLGVBQWUsQ0FBQTtBQUMzRCxlQUFlLGVBQWUsQ0FBQSJ9
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVGltZWxpbmVDb250ZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vY29tcG9uZW50cy90aW1lbGluZS9jb250ZW50L1RpbWVsaW5lQ29udGVudC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUFBLE9BQU8sS0FBSyxLQUFLLE1BQU0sT0FBTyxDQUFBO0FBQzlCLE9BQU8sSUFBSSxNQUFNLE1BQU0sQ0FBQTtBQUV2QixPQUFPLEVBQUUsSUFBSSxFQUFFLFVBQVUsRUFBRSxNQUFNLG1CQUFtQixDQUFBO0FBQ3BELE9BQU8sRUFBRSxJQUFJLEVBQUUsTUFBTSxtQkFBbUIsQ0FBQTtBQUN4QyxPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sV0FBVyxDQUFBO0FBQ3JDLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLFdBQVcsQ0FBQTtBQUU3Qzs7Ozs7Ozs7OztHQVVHO0FBQ0gsSUFBTSxlQUFlLEdBQUcsVUFBQyxFQVNDO0lBUnhCLElBQUEsUUFBUSxjQUFBLEVBQ1IsU0FBUyxlQUFBLEVBQ1QsT0FBTyxhQUFBLEVBQ1AsT0FBTyxhQUFBLEVBQ1AsSUFBSSxVQUFBLEVBQ0osV0FBVyxpQkFBQSxFQUNYLE9BQU8sYUFBQSxFQUNKLE1BQU0sY0FSYyxpRkFTeEIsQ0FEVTtJQUVELElBQUEsTUFBTSxHQUFLLGlCQUFpQixFQUFFLE9BQXhCLENBQXdCO0lBQ3RDLElBQU0sT0FBTyxHQUFHLFNBQVMsQ0FBQyxNQUFNLEVBQUUsSUFBSSxDQUFDLGtCQUFrQixFQUFFLFNBQVMsQ0FBQyxDQUFDLENBQUE7SUFFdEUsSUFBSSxRQUFRLEVBQUU7UUFDWixPQUFPLENBQ0wsc0NBQUssU0FBUyxFQUFFLE9BQU8sSUFBTSxNQUFNLEdBQ2hDLFFBQVEsQ0FDTCxDQUNQLENBQUE7S0FDRjtJQUVELE9BQU8sQ0FDTCxzQ0FDRSxTQUFTLEVBQUUsT0FBTyxJQUNkLE1BQU0sSUFDVixPQUFPLEVBQUUsVUFBQyxDQUFDO1lBQ1QsT0FBTyxhQUFQLE9BQU8sdUJBQVAsT0FBTyxDQUFHLENBQUMsQ0FBQyxDQUFBO1lBQ1osQ0FBQyxDQUFDLGVBQWUsRUFBRSxDQUFBO1FBQ3JCLENBQUM7UUFFQSxPQUFPLElBQUksQ0FDVixvQkFBQyxJQUFJLElBQUMsTUFBTSxFQUFFLFVBQVUsQ0FBQyxDQUFDLElBQ3ZCLE9BQU8sQ0FDSCxDQUNSO1FBQ0EsT0FBTyxJQUFJLENBQ1Ysb0JBQUMsSUFBSSxJQUFDLFNBQVMsRUFBQyxjQUFjLEVBQUMsTUFBTSxFQUFFLFVBQVUsQ0FBQyxDQUFDLElBQ2hELE9BQU8sQ0FDSCxDQUNSO1FBQ0EsSUFBSSxJQUFJLG9CQUFDLElBQUksSUFBQyxJQUFJLEVBQUUsSUFBSSxJQUFHLFdBQVcsSUFBSSxJQUFJLENBQVEsQ0FDbkQsQ0FDUCxDQUFBO0FBQ0gsQ0FBQyxDQUFBO0FBRUQsZUFBZSxlQUFlLENBQUEifQ==

package/lib/components/timeline/content/TimelineContent.native.d.ts

@@ -1,6 +1,6 @@
-import React from 'react';
-import { View } from 'react-native';
-import { TimelineContentProps } from '../../../components/timeline/content/TimelineContentProps';
+/// <reference types="react" />
+import { TimelineContentProps } from "./TimelineContentProps";
+import { ComponentName } from "../../../components/enumsComponentsName";
 /**
  * Timeline Content Component
  * @param children {ReactNode} Use it if you want custom children for content
@@ -10,5 +10,8 @@ import { TimelineContentProps } from '../../../components/timeline/content/Timel
  * @param link {string} Url link
  * @param Onclick {string} Provide event onCLick
  */
-declare const TimelineContent: React.ForwardRefExoticComponent<TimelineContentProps & React.RefAttributes<View>>;
+declare const TimelineContent: {
+    ({ content, contentLink, heading, link, onClick, children, }: TimelineContentProps): JSX.Element;
+    displayName: ComponentName;
+};
 export default TimelineContent;

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

@@ -1,11 +1,11 @@
-import React, { useContext } from 'react';
-import { StyleSheet, TouchableOpacity, View } from 'react-native';
-import { AutoLayout } from '../../../components/autolayout';
-import { ComponentName } from '../../../components/enumsComponentsName';
-import { Link } from '../../../components/link';
-import { Text, TextLevels } from '../../../components/text';
-import { TimelineItemContext } from '../../../components/timeline/item/TimelineItem.native';
-import { TypographyColor } from '../../../objects/Typography/TypographyColor';
+import React, { useContext } from "react";
+import { StyleSheet, TouchableOpacity, View } from "react-native";
+import { Text, TextLevels } from "../../../components/text";
+import { Link } from "../../../components/link";
+import { TypographyColor } from "../../../objects";
+import { TimelineItemContext } from "../../../components/timeline/item/TimelineItem.native";
+import { AutoLayout } from "../../../components/autolayout";
+import { ComponentName } from "../../../components/enumsComponentsName";
 /**
  * Timeline Content Component
  * @param children {ReactNode} Use it if you want custom children for content
@@ -15,7 +15,7 @@ import { TypographyColor } from '../../../objects/Typography/TypographyColor';
  * @param link {string} Url link
  * @param Onclick {string} Provide event onCLick
  */
-var TimelineContent = React.forwardRef(function (_a, ref) {
+var TimelineContent = function (_a) {
     var content = _a.content, contentLink = _a.contentLink, heading = _a.heading, link = _a.link, onClick = _a.onClick, children = _a.children;
     var timelineContextValues = useContext(TimelineItemContext);
     var styles = StyleSheet.create({
@@ -29,21 +29,21 @@ var TimelineContent = React.forwardRef(function (_a, ref) {
             marginTop: 8,
         },
         content: {
-            fontWeight: timelineContextValues.active ? '600' : '400',
+            fontWeight: timelineContextValues.active ? "600" : "400",
             marginBottom: 4,
         },
         link: {
             marginTop: 6,
         },
     });
-    return children ? (React.createElement(View, { style: styles.container, ref: ref },
-        React.createElement(AutoLayout, null, children))) : (React.createElement(View, { style: styles.container, ref: ref },
+    return children ? (React.createElement(View, { style: styles.container },
+        React.createElement(AutoLayout, null, children))) : (React.createElement(View, { style: styles.container },
         !!heading && (React.createElement(Text, { level: TextLevels.THREE, style: styles.heading, typo: TypographyColor.TEXT_MAIN }, heading)),
         !!content && (React.createElement(Text, { level: TextLevels.TWO, style: styles.content }, content)),
         (link || onClick) && (React.createElement(TouchableOpacity, { onPress: function (e) { return onClick === null || onClick === void 0 ? void 0 : onClick(e); }, testID: 'click-id' },
             React.createElement(View, { style: styles.link },
                 React.createElement(Link, { to: link }, contentLink || link))))));
-});
+};
 TimelineContent.displayName = ComponentName.TimelineContent;
 export default TimelineContent;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVGltZWxpbmVDb250ZW50Lm5hdGl2ZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL2NvbXBvbmVudHMvdGltZWxpbmUvY29udGVudC9UaW1lbGluZUNvbnRlbnQubmF0aXZlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEtBQUssRUFBRSxFQUFFLFVBQVUsRUFBRSxNQUFNLE9BQU8sQ0FBQTtBQUN6QyxPQUFPLEVBQUUsVUFBVSxFQUFFLGdCQUFnQixFQUFFLElBQUksRUFBRSxNQUFNLGNBQWMsQ0FBQTtBQUVqRSxPQUFPLEVBQUUsVUFBVSxFQUFFLE1BQU0seUJBQXlCLENBQUE7QUFDcEQsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLGtDQUFrQyxDQUFBO0FBQ2hFLE9BQU8sRUFBRSxJQUFJLEVBQUUsTUFBTSxtQkFBbUIsQ0FBQTtBQUN4QyxPQUFPLEVBQUUsSUFBSSxFQUFFLFVBQVUsRUFBRSxNQUFNLG1CQUFtQixDQUFBO0FBRXBELE9BQU8sRUFBRSxtQkFBbUIsRUFBRSxNQUFNLGdEQUFnRCxDQUFBO0FBQ3BGLE9BQU8sRUFBRSxlQUFlLEVBQUUsTUFBTSxzQ0FBc0MsQ0FBQTtBQUV0RTs7Ozs7Ozs7R0FRRztBQUNILElBQU0sZUFBZSxHQUFHLEtBQUssQ0FBQyxVQUFVLENBQ3RDLFVBQ0UsRUFBZ0YsRUFDaEYsR0FBb0I7UUFEbEIsT0FBTyxhQUFBLEVBQUUsV0FBVyxpQkFBQSxFQUFFLE9BQU8sYUFBQSxFQUFFLElBQUksVUFBQSxFQUFFLE9BQU8sYUFBQSxFQUFFLFFBQVEsY0FBQTtJQUd4RCxJQUFNLHFCQUFxQixHQUFHLFVBQVUsQ0FBQyxtQkFBbUIsQ0FBQyxDQUFBO0lBRTdELElBQU0sTUFBTSxHQUFHLFVBQVUsQ0FBQyxNQUFNLENBQUM7UUFDL0IsU0FBUyxFQUFFO1lBQ1QsSUFBSSxFQUFFLENBQUM7WUFDUCxZQUFZLEVBQUUsQ0FBQztZQUNmLFVBQVUsRUFBRSxDQUFDO1NBQ2Q7UUFDRCxPQUFPLEVBQUU7WUFDUCxZQUFZLEVBQUUsQ0FBQztZQUNmLFNBQVMsRUFBRSxDQUFDO1NBQ2I7UUFDRCxPQUFPLEVBQUU7WUFDUCxVQUFVLEVBQUUscUJBQXFCLENBQUMsTUFBTSxDQUFDLENBQUMsQ0FBQyxLQUFLLENBQUMsQ0FBQyxDQUFDLEtBQUs7WUFDeEQsWUFBWSxFQUFFLENBQUM7U0FDaEI7UUFDRCxJQUFJLEVBQUU7WUFDSixTQUFTLEVBQUUsQ0FBQztTQUNiO0tBQ0YsQ0FBQyxDQUFBO0lBRUYsT0FBTyxRQUFRLENBQUMsQ0FBQyxDQUFDLENBQ2hCLG9CQUFDLElBQUksSUFBQyxLQUFLLEVBQUUsTUFBTSxDQUFDLFNBQVMsRUFBRSxHQUFHLEVBQUUsR0FBRztRQUNyQyxvQkFBQyxVQUFVLFFBQUUsUUFBUSxDQUFjLENBQzlCLENBQ1IsQ0FBQyxDQUFDLENBQUMsQ0FDRixvQkFBQyxJQUFJLElBQUMsS0FBSyxFQUFFLE1BQU0sQ0FBQyxTQUFTLEVBQUUsR0FBRyxFQUFFLEdBQUc7UUFDcEMsQ0FBQyxDQUFDLE9BQU8sSUFBSSxDQUNaLG9CQUFDLElBQUksSUFBQyxLQUFLLEVBQUUsVUFBVSxDQUFDLEtBQUssRUFBRSxLQUFLLEVBQUUsTUFBTSxDQUFDLE9BQU8sRUFBRSxJQUFJLEVBQUUsZUFBZSxDQUFDLFNBQVMsSUFDbEYsT0FBTyxDQUNILENBQ1I7UUFDQSxDQUFDLENBQUMsT0FBTyxJQUFJLENBQ1osb0JBQUMsSUFBSSxJQUFDLEtBQUssRUFBRSxVQUFVLENBQUMsR0FBRyxFQUFFLEtBQUssRUFBRSxNQUFNLENBQUMsT0FBTyxJQUMvQyxPQUFPLENBQ0gsQ0FDUjtRQUNBLENBQUMsSUFBSSxJQUFJLE9BQU8sQ0FBQyxJQUFJLENBQ3BCLG9CQUFDLGdCQUFnQixJQUFDLE9BQU8sRUFBRSxVQUFDLENBQUUsSUFBSyxPQUFBLE9BQU8sYUFBUCxPQUFPLHVCQUFQLE9BQU8sQ0FBRyxDQUFDLENBQUMsRUFBWixDQUFZLEVBQUUsTUFBTSxFQUFDLFVBQVU7WUFDaEUsb0JBQUMsSUFBSSxJQUFDLEtBQUssRUFBRSxNQUFNLENBQUMsSUFBSTtnQkFDdEIsb0JBQUMsSUFBSSxJQUFDLEVBQUUsRUFBRSxJQUFJLElBQUcsV0FBVyxJQUFJLElBQUksQ0FBUSxDQUN2QyxDQUNVLENBQ3BCLENBQ0ksQ0FDUixDQUFBO0FBQ0gsQ0FBQyxDQUNGLENBQUE7QUFFRCxlQUFlLENBQUMsV0FBVyxHQUFHLGFBQWEsQ0FBQyxlQUFlLENBQUE7QUFDM0QsZUFBZSxlQUFlLENBQUEifQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVGltZWxpbmVDb250ZW50Lm5hdGl2ZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL2NvbXBvbmVudHMvdGltZWxpbmUvY29udGVudC9UaW1lbGluZUNvbnRlbnQubmF0aXZlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEtBQUssRUFBRSxFQUFFLFVBQVUsRUFBRSxNQUFNLE9BQU8sQ0FBQTtBQUN6QyxPQUFPLEVBQUUsVUFBVSxFQUFFLGdCQUFnQixFQUFFLElBQUksRUFBRSxNQUFNLGNBQWMsQ0FBQTtBQUVqRSxPQUFPLEVBQUUsSUFBSSxFQUFFLFVBQVUsRUFBRSxNQUFNLG1CQUFtQixDQUFBO0FBQ3BELE9BQU8sRUFBRSxJQUFJLEVBQUUsTUFBTSxtQkFBbUIsQ0FBQTtBQUN4QyxPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0sV0FBVyxDQUFBO0FBQzNDLE9BQU8sRUFBRSxtQkFBbUIsRUFBRSxNQUFNLGdEQUFnRCxDQUFBO0FBQ3BGLE9BQU8sRUFBRSxVQUFVLEVBQUUsTUFBTSx5QkFBeUIsQ0FBQTtBQUNwRCxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sa0NBQWtDLENBQUE7QUFFaEU7Ozs7Ozs7O0dBUUc7QUFDSCxJQUFNLGVBQWUsR0FBRyxVQUFDLEVBT0Y7UUFOckIsT0FBTyxhQUFBLEVBQ1AsV0FBVyxpQkFBQSxFQUNYLE9BQU8sYUFBQSxFQUNQLElBQUksVUFBQSxFQUNKLE9BQU8sYUFBQSxFQUNQLFFBQVEsY0FBQTtJQUVSLElBQU0scUJBQXFCLEdBQUcsVUFBVSxDQUFDLG1CQUFtQixDQUFDLENBQUE7SUFFN0QsSUFBTSxNQUFNLEdBQUcsVUFBVSxDQUFDLE1BQU0sQ0FBQztRQUMvQixTQUFTLEVBQUU7WUFDVCxJQUFJLEVBQUUsQ0FBQztZQUNQLFlBQVksRUFBRSxDQUFDO1lBQ2YsVUFBVSxFQUFFLENBQUM7U0FDZDtRQUNELE9BQU8sRUFBRTtZQUNQLFlBQVksRUFBRSxDQUFDO1lBQ2YsU0FBUyxFQUFFLENBQUM7U0FDYjtRQUNELE9BQU8sRUFBRTtZQUNQLFVBQVUsRUFBRSxxQkFBcUIsQ0FBQyxNQUFNLENBQUMsQ0FBQyxDQUFDLEtBQUssQ0FBQyxDQUFDLENBQUMsS0FBSztZQUN4RCxZQUFZLEVBQUUsQ0FBQztTQUNoQjtRQUNELElBQUksRUFBRTtZQUNKLFNBQVMsRUFBRSxDQUFDO1NBQ2I7S0FDRixDQUFDLENBQUE7SUFFRixPQUFPLFFBQVEsQ0FBQyxDQUFDLENBQUMsQ0FDaEIsb0JBQUMsSUFBSSxJQUFDLEtBQUssRUFBRSxNQUFNLENBQUMsU0FBUztRQUMzQixvQkFBQyxVQUFVLFFBQUUsUUFBUSxDQUFjLENBQzlCLENBQ1IsQ0FBQyxDQUFDLENBQUMsQ0FDRixvQkFBQyxJQUFJLElBQUMsS0FBSyxFQUFFLE1BQU0sQ0FBQyxTQUFTO1FBQzFCLENBQUMsQ0FBQyxPQUFPLElBQUksQ0FDWixvQkFBQyxJQUFJLElBQ0gsS0FBSyxFQUFFLFVBQVUsQ0FBQyxLQUFLLEVBQ3ZCLEtBQUssRUFBRSxNQUFNLENBQUMsT0FBTyxFQUNyQixJQUFJLEVBQUUsZUFBZSxDQUFDLFNBQVMsSUFFOUIsT0FBTyxDQUNILENBQ1I7UUFDQSxDQUFDLENBQUMsT0FBTyxJQUFJLENBQ1osb0JBQUMsSUFBSSxJQUFDLEtBQUssRUFBRSxVQUFVLENBQUMsR0FBRyxFQUFFLEtBQUssRUFBRSxNQUFNLENBQUMsT0FBTyxJQUMvQyxPQUFPLENBQ0gsQ0FDUjtRQUNBLENBQUMsSUFBSSxJQUFJLE9BQU8sQ0FBQyxJQUFJLENBQ3BCLG9CQUFDLGdCQUFnQixJQUFDLE9BQU8sRUFBRSxVQUFDLENBQUUsSUFBSyxPQUFBLE9BQU8sYUFBUCxPQUFPLHVCQUFQLE9BQU8sQ0FBRyxDQUFDLENBQUMsRUFBWixDQUFZLEVBQUUsTUFBTSxFQUFDLFVBQVU7WUFDaEUsb0JBQUMsSUFBSSxJQUFDLEtBQUssRUFBRSxNQUFNLENBQUMsSUFBSTtnQkFDdEIsb0JBQUMsSUFBSSxJQUFDLEVBQUUsRUFBRSxJQUFJLElBQUcsV0FBVyxJQUFJLElBQUksQ0FBUSxDQUN2QyxDQUNVLENBQ3BCLENBQ0ksQ0FDUixDQUFBO0FBQ0gsQ0FBQyxDQUFBO0FBRUQsZUFBZSxDQUFDLFdBQVcsR0FBRyxhQUFhLENBQUMsZUFBZSxDQUFBO0FBRTNELGVBQWUsZUFBZSxDQUFBIn0=

package/lib/components/timeline/content/TimelineContentProps.d.ts

@@ -2,7 +2,7 @@
 /**
  * Timeline Content Interface
  */
-import { Clickable } from '../../../objects/facets/Clickable';
+import { Clickable } from '../../../objects';
 export interface TimelineContentProps extends Clickable {
     children?: React.ReactNode;
     heading?: string;

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

@@ -1,2 +1,2 @@
-import TimelineContent from '../../../components/timeline/content/TimelineContent';
+import TimelineContent from './TimelineContent';
 export default TimelineContent;

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

@@ -1,3 +1,3 @@
-import TimelineContent from '../../../components/timeline/content/TimelineContent';
+import TimelineContent from './TimelineContent';
 export default TimelineContent;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9jb21wb25lbnRzL3RpbWVsaW5lL2NvbnRlbnQvaW5kZXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxlQUFlLE1BQU0sK0NBQStDLENBQUE7QUFFM0UsZUFBZSxlQUFlLENBQUEifQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9jb21wb25lbnRzL3RpbWVsaW5lL2NvbnRlbnQvaW5kZXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxlQUFlLE1BQU0sbUJBQW1CLENBQUE7QUFFL0MsZUFBZSxlQUFlLENBQUEifQ==

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

@@ -1,4 +1,5 @@
-export { default as TimelineContent } from '../../components/timeline/content';
-export { default as TimelineItem } from '../../components/timeline/item';
-export { default as TimelineMarker } from '../../components/timeline/marker';
-export { default as Timeline } from '../../components/timeline/Timeline';
+import TimelineContent from './content';
+import TimelineItem from './item';
+import TimelineMarker from './marker';
+import Timeline from './Timeline';
+export { Timeline, TimelineItem, TimelineContent, TimelineMarker };

package/lib/components/timeline/index.js

@@ -1,5 +1,6 @@
-export { default as TimelineContent } from '../../components/timeline/content';
-export { default as TimelineItem } from '../../components/timeline/item';
-export { default as TimelineMarker } from '../../components/timeline/marker';
-export { default as Timeline } from '../../components/timeline/Timeline';
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9jb21wb25lbnRzL3RpbWVsaW5lL2luZGV4LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxPQUFPLElBQUksZUFBZSxFQUFFLE1BQU0sK0JBQStCLENBQUE7QUFDMUUsT0FBTyxFQUFFLE9BQU8sSUFBSSxZQUFZLEVBQUUsTUFBTSw0QkFBNEIsQ0FBQTtBQUNwRSxPQUFPLEVBQUUsT0FBTyxJQUFJLGNBQWMsRUFBRSxNQUFNLDhCQUE4QixDQUFBO0FBQ3hFLE9BQU8sRUFBRSxPQUFPLElBQUksUUFBUSxFQUFFLE1BQU0sZ0NBQWdDLENBQUEifQ==
+import TimelineContent from './content';
+import TimelineItem from './item';
+import TimelineMarker from './marker';
+import Timeline from './Timeline';
+export { Timeline, TimelineItem, TimelineContent, TimelineMarker };
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9jb21wb25lbnRzL3RpbWVsaW5lL2luZGV4LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sZUFBZSxNQUFNLFdBQVcsQ0FBQTtBQUN2QyxPQUFPLFlBQVksTUFBTSxRQUFRLENBQUE7QUFDakMsT0FBTyxjQUFjLE1BQU0sVUFBVSxDQUFBO0FBQ3JDLE9BQU8sUUFBUSxNQUFNLFlBQVksQ0FBQTtBQUVqQyxPQUFPLEVBQUUsUUFBUSxFQUFFLFlBQVksRUFBRSxlQUFlLEVBQUUsY0FBYyxFQUFFLENBQUEifQ==

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

@@ -1,5 +1,5 @@
-import * as React from 'react';
-import { TimelineItemWebProps } from '../../../components/timeline/item/TimelineItemProps';
+import * as React from "react";
+import { TimelineItemWebProps } from "./TimelineItemProps";
 /**
  * Timeline Item Component
  * @param children {ReactNode}

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

@@ -1,8 +1,8 @@
 import { __assign, __rest } from "tslib";
-import clsx from 'clsx';
-import * as React from 'react';
-import { ComponentName } from '../../../components/enumsComponentsName';
-import { hashClass } from '../../../helpers/hashClassesHelpers';
+import * as React from "react";
+import clsx from "clsx";
+import { useTrilogyContext } from "../../../context";
+import { hashClass } from "../../../helpers";
 /**
  * Timeline Item Component
  * @param children {ReactNode}
@@ -15,9 +15,9 @@ import { hashClass } from '../../../helpers/hashClassesHelpers';
  */
 var TimelineItem = React.forwardRef(function (props, ref) {
     var className = props.className, done = props.done, active = props.active, undone = props.undone, cancel = props.cancel, others = __rest(props, ["className", "done", "active", "undone", "cancel"]);
-    var classes = hashClass(clsx('timeline-item', done && 'done', active && 'active', undone && 'undone', cancel && 'cancel', className));
+    var styled = useTrilogyContext().styled;
+    var classes = hashClass(styled, clsx("timeline-item", done && "done", active && "active", undone && "undone", cancel && "cancel", className));
     return React.createElement("div", __assign({ ref: ref, className: classes }, others));
 });
-TimelineItem.displayName = ComponentName.TimelineItem;
 export default TimelineItem;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVGltZWxpbmVJdGVtLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vY29tcG9uZW50cy90aW1lbGluZS9pdGVtL1RpbWVsaW5lSXRlbS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUFBLE9BQU8sSUFBSSxNQUFNLE1BQU0sQ0FBQTtBQUN2QixPQUFPLEtBQUssS0FBSyxNQUFNLE9BQU8sQ0FBQTtBQUU5QixPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sa0NBQWtDLENBQUE7QUFFaEUsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLDhCQUE4QixDQUFBO0FBRXhEOzs7Ozs7Ozs7R0FTRztBQUNILElBQU0sWUFBWSxHQUFHLEtBQUssQ0FBQyxVQUFVLENBQUMsVUFBQyxLQUEyQixFQUFFLEdBQW9DO0lBQzlGLElBQUEsU0FBUyxHQUE4QyxLQUFLLFVBQW5ELEVBQUUsSUFBSSxHQUF3QyxLQUFLLEtBQTdDLEVBQUUsTUFBTSxHQUFnQyxLQUFLLE9BQXJDLEVBQUUsTUFBTSxHQUF3QixLQUFLLE9BQTdCLEVBQUUsTUFBTSxHQUFnQixLQUFLLE9BQXJCLEVBQUssTUFBTSxVQUFLLEtBQUssRUFBOUQsbURBQXNELENBQUYsQ0FBVTtJQUVwRSxJQUFNLE9BQU8sR0FBRyxTQUFTLENBQ3ZCLElBQUksQ0FBQyxlQUFlLEVBQUUsSUFBSSxJQUFJLE1BQU0sRUFBRSxNQUFNLElBQUksUUFBUSxFQUFFLE1BQU0sSUFBSSxRQUFRLEVBQUUsTUFBTSxJQUFJLFFBQVEsRUFBRSxTQUFTLENBQUMsQ0FDN0csQ0FBQTtJQUNELE9BQU8sc0NBQUssR0FBRyxFQUFFLEdBQUcsRUFBRSxTQUFTLEVBQUUsT0FBTyxJQUFNLE1BQU0sRUFBSSxDQUFBO0FBQzFELENBQUMsQ0FBQyxDQUFBO0FBRUYsWUFBWSxDQUFDLFdBQVcsR0FBRyxhQUFhLENBQUMsWUFBWSxDQUFBO0FBQ3JELGVBQWUsWUFBWSxDQUFBIn0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVGltZWxpbmVJdGVtLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vY29tcG9uZW50cy90aW1lbGluZS9pdGVtL1RpbWVsaW5lSXRlbS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUFBLE9BQU8sS0FBSyxLQUFLLE1BQU0sT0FBTyxDQUFBO0FBQzlCLE9BQU8sSUFBSSxNQUFNLE1BQU0sQ0FBQTtBQUV2QixPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxXQUFXLENBQUE7QUFDN0MsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLFdBQVcsQ0FBQTtBQUVyQzs7Ozs7Ozs7O0dBU0c7QUFDSCxJQUFNLFlBQVksR0FBRyxLQUFLLENBQUMsVUFBVSxDQUFDLFVBQUMsS0FBMkIsRUFBRSxHQUFvQztJQUVwRyxJQUFBLFNBQVMsR0FNUCxLQUFLLFVBTkUsRUFDVCxJQUFJLEdBS0YsS0FBSyxLQUxILEVBQ0osTUFBTSxHQUlKLEtBQUssT0FKRCxFQUNOLE1BQU0sR0FHSixLQUFLLE9BSEQsRUFDTixNQUFNLEdBRUosS0FBSyxPQUZELEVBQ0gsTUFBTSxVQUNQLEtBQUssRUFQSCxtREFPTCxDQURVLENBQ0Y7SUFFRCxJQUFBLE1BQU0sR0FBSyxpQkFBaUIsRUFBRSxPQUF4QixDQUF3QjtJQUN0QyxJQUFNLE9BQU8sR0FBRyxTQUFTLENBQ3ZCLE1BQU0sRUFDTixJQUFJLENBQ0YsZUFBZSxFQUNmLElBQUksSUFBSSxNQUFNLEVBQ2QsTUFBTSxJQUFJLFFBQVEsRUFDbEIsTUFBTSxJQUFJLFFBQVEsRUFDbEIsTUFBTSxJQUFJLFFBQVEsRUFDbEIsU0FBUyxDQUNWLENBQ0YsQ0FBQTtJQUNELE9BQU8sc0NBQUssR0FBRyxFQUFFLEdBQUcsRUFBRSxTQUFTLEVBQUUsT0FBTyxJQUFNLE1BQU0sRUFBSSxDQUFBO0FBQzFELENBQUMsQ0FBQyxDQUFBO0FBRUYsZUFBZSxZQUFZLENBQUEifQ==

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

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

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

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

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

@@ -1,2 +1,2 @@
-import TimelineItem from '../../../components/timeline/item/TimelineItem';
+import TimelineItem from './TimelineItem';
 export default TimelineItem;

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

@@ -1,3 +1,3 @@
-import TimelineItem from '../../../components/timeline/item/TimelineItem';
+import TimelineItem from './TimelineItem';
 export default TimelineItem;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9jb21wb25lbnRzL3RpbWVsaW5lL2l0ZW0vaW5kZXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxZQUFZLE1BQU0seUNBQXlDLENBQUE7QUFFbEUsZUFBZSxZQUFZLENBQUEifQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9jb21wb25lbnRzL3RpbWVsaW5lL2l0ZW0vaW5kZXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxZQUFZLE1BQU0sZ0JBQWdCLENBQUE7QUFFekMsZUFBZSxZQUFZLENBQUEifQ==

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

@@ -1,5 +1,5 @@
-import React from 'react';
-import { TimelineMarkerWebProps } from '../../../components/timeline/marker/TimelineMarkerProps';
+/// <reference types="react" />
+import { TimelineMarkerWebProps } from "./TimelineMarkerProps";
 /**
  * Timeline Marker Component
  * @param iconName {IconName} Icon Name - sample : IconName.CHECK
@@ -9,5 +9,5 @@ import { TimelineMarkerWebProps } from '../../../components/timeline/marker/Time
  * @param className {string} Additionnal CSS Classes
  * @param iconClassname {string} Additionnal CSS Classes for icon
  */
-declare const TimelineMarker: React.ForwardRefExoticComponent<TimelineMarkerWebProps & React.RefAttributes<HTMLDivElement>>;
+declare const TimelineMarker: ({ className, iconClassname, iconName, iconColor, testId, ...others }: TimelineMarkerWebProps) => JSX.Element;
 export default TimelineMarker;

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

@@ -1,10 +1,10 @@
 import { __assign, __rest } from "tslib";
-import clsx from 'clsx';
-import React from 'react';
-import { ComponentName } from '../../../components/enumsComponentsName';
-import { Icon, IconSize } from '../../../components/icon';
-import { hashClass } from '../../../helpers/hashClassesHelpers';
-import { is } from '../../../services/classify';
+import * as React from "react";
+import clsx from "clsx";
+import { is } from "../../../services/classify";
+import { Icon, IconSize } from "../../../components/icon";
+import { useTrilogyContext } from "../../../context";
+import { hashClass } from "../../../helpers";
 /**
  * Timeline Marker Component
  * @param iconName {IconName} Icon Name - sample : IconName.CHECK
@@ -14,14 +14,14 @@ import { is } from '../../../services/classify';
  * @param className {string} Additionnal CSS Classes
  * @param iconClassname {string} Additionnal CSS Classes for icon
  */
-var TimelineMarker = React.forwardRef(function (_a, ref) {
+var TimelineMarker = function (_a) {
     var className = _a.className, iconClassname = _a.iconClassname, iconName = _a.iconName, iconColor = _a.iconColor, testId = _a.testId, others = __rest(_a, ["className", "iconClassname", "iconName", "iconColor", "testId"]);
-    var classes = hashClass(clsx('timeline-marker', is('icon'), className));
+    var styled = useTrilogyContext().styled;
+    var classes = hashClass(styled, clsx("timeline-marker", is("icon"), className));
     var iconClasses = clsx(iconClassname);
-    return (React.createElement("div", __assign({ className: classes }, others, { "data-testid": testId, ref: ref }),
+    return (React.createElement("div", __assign({ className: classes }, others, { "data-testid": testId }),
         React.createElement("div", { className: 'card-header-icon' },
             React.createElement(Icon, { color: iconColor, className: iconClasses, name: iconName, size: IconSize.SMALL }))));
-});
-TimelineMarker.displayName = ComponentName.TimelineMarker;
+};
 export default TimelineMarker;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVGltZWxpbmVNYXJrZXIuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9jb21wb25lbnRzL3RpbWVsaW5lL21hcmtlci9UaW1lbGluZU1hcmtlci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUFBLE9BQU8sSUFBSSxNQUFNLE1BQU0sQ0FBQTtBQUN2QixPQUFPLEtBQUssTUFBTSxPQUFPLENBQUE7QUFFekIsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLGtDQUFrQyxDQUFBO0FBQ2hFLE9BQU8sRUFBRSxJQUFJLEVBQUUsUUFBUSxFQUFFLE1BQU0sbUJBQW1CLENBQUE7QUFFbEQsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLDhCQUE4QixDQUFBO0FBQ3hELE9BQU8sRUFBRSxFQUFFLEVBQUUsTUFBTSxxQkFBcUIsQ0FBQTtBQUV4Qzs7Ozs7Ozs7R0FRRztBQUNILElBQU0sY0FBYyxHQUFHLEtBQUssQ0FBQyxVQUFVLENBQ3JDLFVBQ0UsRUFBNEYsRUFDNUYsR0FBOEI7SUFENUIsSUFBQSxTQUFTLGVBQUEsRUFBRSxhQUFhLG1CQUFBLEVBQUUsUUFBUSxjQUFBLEVBQUUsU0FBUyxlQUFBLEVBQUUsTUFBTSxZQUFBLEVBQUssTUFBTSxjQUFsRSxpRUFBb0UsQ0FBRjtJQUdsRSxJQUFNLE9BQU8sR0FBRyxTQUFTLENBQUMsSUFBSSxDQUFDLGlCQUFpQixFQUFFLEVBQUUsQ0FBQyxNQUFNLENBQUMsRUFBRSxTQUFTLENBQUMsQ0FBQyxDQUFBO0lBQ3pFLElBQU0sV0FBVyxHQUFHLElBQUksQ0FBQyxhQUFhLENBQUMsQ0FBQTtJQUV2QyxPQUFPLENBQ0wsc0NBQUssU0FBUyxFQUFFLE9BQU8sSUFBTSxNQUFNLG1CQUFlLE1BQU0sRUFBRSxHQUFHLEVBQUUsR0FBRztRQUNoRSw2QkFBSyxTQUFTLEVBQUMsa0JBQWtCO1lBQy9CLG9CQUFDLElBQUksSUFBQyxLQUFLLEVBQUUsU0FBUyxFQUFFLFNBQVMsRUFBRSxXQUFXLEVBQUUsSUFBSSxFQUFFLFFBQVEsRUFBRSxJQUFJLEVBQUUsUUFBUSxDQUFDLEtBQUssR0FBSSxDQUNwRixDQUNGLENBQ1AsQ0FBQTtBQUNILENBQUMsQ0FDRixDQUFBO0FBRUQsY0FBYyxDQUFDLFdBQVcsR0FBRyxhQUFhLENBQUMsY0FBYyxDQUFBO0FBQ3pELGVBQWUsY0FBYyxDQUFBIn0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVGltZWxpbmVNYXJrZXIuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9jb21wb25lbnRzL3RpbWVsaW5lL21hcmtlci9UaW1lbGluZU1hcmtlci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUFBLE9BQU8sS0FBSyxLQUFLLE1BQU0sT0FBTyxDQUFBO0FBQzlCLE9BQU8sSUFBSSxNQUFNLE1BQU0sQ0FBQTtBQUV2QixPQUFPLEVBQUUsRUFBRSxFQUFFLE1BQU0scUJBQXFCLENBQUE7QUFDeEMsT0FBTyxFQUFFLElBQUksRUFBRSxRQUFRLEVBQUUsTUFBTSxtQkFBbUIsQ0FBQTtBQUNsRCxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxXQUFXLENBQUE7QUFDN0MsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLFdBQVcsQ0FBQTtBQUVyQzs7Ozs7Ozs7R0FRRztBQUNILElBQU0sY0FBYyxHQUFHLFVBQUMsRUFPQztJQU52QixJQUFBLFNBQVMsZUFBQSxFQUNULGFBQWEsbUJBQUEsRUFDYixRQUFRLGNBQUEsRUFDUixTQUFTLGVBQUEsRUFDVCxNQUFNLFlBQUEsRUFDSCxNQUFNLGNBTmEsaUVBT3ZCLENBRFU7SUFFRCxJQUFBLE1BQU0sR0FBSyxpQkFBaUIsRUFBRSxPQUF4QixDQUF3QjtJQUN0QyxJQUFNLE9BQU8sR0FBRyxTQUFTLENBQ3ZCLE1BQU0sRUFDTixJQUFJLENBQUMsaUJBQWlCLEVBQUUsRUFBRSxDQUFDLE1BQU0sQ0FBQyxFQUFFLFNBQVMsQ0FBQyxDQUMvQyxDQUFBO0lBQ0QsSUFBTSxXQUFXLEdBQUcsSUFBSSxDQUFDLGFBQWEsQ0FBQyxDQUFBO0lBRXZDLE9BQU8sQ0FDTCxzQ0FBSyxTQUFTLEVBQUUsT0FBTyxJQUFNLE1BQU0sbUJBQWUsTUFBTTtRQUN0RCw2QkFBSyxTQUFTLEVBQUMsa0JBQWtCO1lBQy9CLG9CQUFDLElBQUksSUFDSCxLQUFLLEVBQUUsU0FBUyxFQUNoQixTQUFTLEVBQUUsV0FBVyxFQUN0QixJQUFJLEVBQUUsUUFBUSxFQUNkLElBQUksRUFBRSxRQUFRLENBQUMsS0FBSyxHQUNwQixDQUNFLENBQ0YsQ0FDUCxDQUFBO0FBQ0gsQ0FBQyxDQUFBO0FBRUQsZUFBZSxjQUFjLENBQUEifQ==

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

@@ -1,11 +1,14 @@
-import React from 'react';
-import { View } from 'react-native';
-import { TimelineMarkerProps } from '../../../components/timeline/marker/TimelineMarkerProps';
+/// <reference types="react" />
+import { TimelineMarkerProps } from "./TimelineMarkerProps";
+import { ComponentName } from "../../../components/enumsComponentsName";
 /**
  * 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: React.ForwardRefExoticComponent<TimelineMarkerProps & React.RefAttributes<View>>;
+declare const TimelineMarker: {
+    ({ iconName, iconColor, testId }: TimelineMarkerProps): JSX.Element;
+    displayName: ComponentName;
+};
 export default TimelineMarker;

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

@@ -1,32 +1,32 @@
-import React from 'react';
-import { StyleSheet, View } from 'react-native';
-import { ComponentName } from '../../../components/enumsComponentsName';
-import { Icon, IconSize } from '../../../components/icon';
-import { TimelineItemContext } from '../../../components/timeline/item/TimelineItem.native';
-import { TimelineHeightContext } from '../../../components/timeline/Timeline.native';
-import { getColorStyle, TrilogyColor } from '../../../objects/facets/Color';
+import React, { useContext } from "react";
+import { StyleSheet, View } from "react-native";
+import { Icon, IconSize } from "../../../components/icon";
+import { TimelineItemContext } from "../item/TimelineItem.native";
+import { getColorStyle, TrilogyColor } from "../../../objects";
+import { TimelineHeightContext } from "../../../components/timeline/Timeline.native";
+import { ComponentName } from "../../../components/enumsComponentsName";
 /**
  * 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 = React.forwardRef(function (_a, ref) {
+var TimelineMarker = function (_a) {
     var iconName = _a.iconName, iconColor = _a.iconColor, testId = _a.testId;
-    var _b = React.useContext(TimelineItemContext), active = _b.active, undone = _b.undone, done = _b.done, cancel = _b.cancel;
-    var height = React.useContext(TimelineHeightContext).height;
+    var _b = useContext(TimelineItemContext), active = _b.active, undone = _b.undone, done = _b.done, cancel = _b.cancel;
+    var height = useContext(TimelineHeightContext).height;
     var styles = StyleSheet.create({
         marker: {
             flex: 1,
-            alignSelf: 'flex-start',
-            flexDirection: 'column',
+            alignSelf: "flex-start",
+            flexDirection: "column",
         },
         divider: {
             height: height ? height - 48 : 74,
-            borderStyle: 'solid',
+            borderStyle: "solid",
             borderLeftWidth: 2,
-            marginLeft: 'auto',
-            marginRight: 'auto',
+            marginLeft: "auto",
+            marginRight: "auto",
             borderColor: (active && getColorStyle(TrilogyColor.MAIN)) ||
                 (undone && getColorStyle(TrilogyColor.NEUTRAL_FADE)) ||
                 (cancel && getColorStyle(TrilogyColor.NEUTRAL)) ||
@@ -34,10 +34,10 @@ var TimelineMarker = React.forwardRef(function (_a, ref) {
                 getColorStyle(TrilogyColor.NEUTRAL_FADE),
         },
         icon: {
-            alignSelf: 'center',
+            alignSelf: "center",
         },
     });
-    return (React.createElement(View, { style: styles.marker, testID: testId, ref: ref },
+    return (React.createElement(View, { style: styles.marker, testID: testId },
         React.createElement(View, { style: styles.icon },
             React.createElement(Icon, { name: iconName, circled: true, color: !iconColor
                     ? (active && TrilogyColor.BACKGROUND) ||
@@ -51,7 +51,7 @@ var TimelineMarker = React.forwardRef(function (_a, ref) {
                     (done && TrilogyColor.MAIN) ||
                     TrilogyColor.NEUTRAL_FADE, size: IconSize.SMALL })),
         React.createElement(View, { style: styles.divider })));
-});
+};
 TimelineMarker.displayName = ComponentName.TimelineMarker;
 export default TimelineMarker;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVGltZWxpbmVNYXJrZXIubmF0aXZlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vY29tcG9uZW50cy90aW1lbGluZS9tYXJrZXIvVGltZWxpbmVNYXJrZXIubmF0aXZlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEtBQUssTUFBTSxPQUFPLENBQUE7QUFDekIsT0FBTyxFQUFFLFVBQVUsRUFBRSxJQUFJLEVBQUUsTUFBTSxjQUFjLENBQUE7QUFFL0MsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLGtDQUFrQyxDQUFBO0FBQ2hFLE9BQU8sRUFBRSxJQUFJLEVBQUUsUUFBUSxFQUFFLE1BQU0sbUJBQW1CLENBQUE7QUFDbEQsT0FBTyxFQUFFLG1CQUFtQixFQUFFLE1BQU0sZ0RBQWdELENBQUE7QUFFcEYsT0FBTyxFQUFFLHFCQUFxQixFQUFFLE1BQU0sdUNBQXVDLENBQUE7QUFDN0UsT0FBTyxFQUFFLGFBQWEsRUFBRSxZQUFZLEVBQUUsTUFBTSx3QkFBd0IsQ0FBQTtBQUVwRTs7Ozs7R0FLRztBQUNILElBQU0sY0FBYyxHQUFHLEtBQUssQ0FBQyxVQUFVLENBQ3JDLFVBQUMsRUFBb0QsRUFBRSxHQUFvQjtRQUF4RSxRQUFRLGNBQUEsRUFBRSxTQUFTLGVBQUEsRUFBRSxNQUFNLFlBQUE7SUFDdEIsSUFBQSxLQUFtQyxLQUFLLENBQUMsVUFBVSxDQUFDLG1CQUFtQixDQUFDLEVBQXRFLE1BQU0sWUFBQSxFQUFFLE1BQU0sWUFBQSxFQUFFLElBQUksVUFBQSxFQUFFLE1BQU0sWUFBMEMsQ0FBQTtJQUN0RSxJQUFBLE1BQU0sR0FBSyxLQUFLLENBQUMsVUFBVSxDQUFDLHFCQUFxQixDQUFDLE9BQTVDLENBQTRDO0lBRTFELElBQU0sTUFBTSxHQUFHLFVBQVUsQ0FBQyxNQUFNLENBQUM7UUFDL0IsTUFBTSxFQUFFO1lBQ04sSUFBSSxFQUFFLENBQUM7WUFDUCxTQUFTLEVBQUUsWUFBWTtZQUN2QixhQUFhLEVBQUUsUUFBUTtTQUN4QjtRQUNELE9BQU8sRUFBRTtZQUNQLE1BQU0sRUFBRSxNQUFNLENBQUMsQ0FBQyxDQUFDLE1BQU0sR0FBRyxFQUFFLENBQUMsQ0FBQyxDQUFDLEVBQUU7WUFDakMsV0FBVyxFQUFFLE9BQU87WUFDcEIsZUFBZSxFQUFFLENBQUM7WUFDbEIsVUFBVSxFQUFFLE1BQU07WUFDbEIsV0FBVyxFQUFFLE1BQU07WUFDbkIsV0FBVyxFQUNULENBQUMsTUFBTSxJQUFJLGFBQWEsQ0FBQyxZQUFZLENBQUMsSUFBSSxDQUFDLENBQUM7Z0JBQzVDLENBQUMsTUFBTSxJQUFJLGFBQWEsQ0FBQyxZQUFZLENBQUMsWUFBWSxDQUFDLENBQUM7Z0JBQ3BELENBQUMsTUFBTSxJQUFJLGFBQWEsQ0FBQyxZQUFZLENBQUMsT0FBTyxDQUFDLENBQUM7Z0JBQy9DLENBQUMsSUFBSSxJQUFJLGFBQWEsQ0FBQyxZQUFZLENBQUMsSUFBSSxDQUFDLENBQUM7Z0JBQzFDLGFBQWEsQ0FBQyxZQUFZLENBQUMsWUFBWSxDQUFDO1NBQzNDO1FBQ0QsSUFBSSxFQUFFO1lBQ0osU0FBUyxFQUFFLFFBQVE7U0FDcEI7S0FDRixDQUFDLENBQUE7SUFFRixPQUFPLENBQ0wsb0JBQUMsSUFBSSxJQUFDLEtBQUssRUFBRSxNQUFNLENBQUMsTUFBTSxFQUFFLE1BQU0sRUFBRSxNQUFNLEVBQUUsR0FBRyxFQUFFLEdBQUc7UUFDbEQsb0JBQUMsSUFBSSxJQUFDLEtBQUssRUFBRSxNQUFNLENBQUMsSUFBSTtZQUN0QixvQkFBQyxJQUFJLElBQ0gsSUFBSSxFQUFFLFFBQVEsRUFDZCxPQUFPLFFBQ1AsS0FBSyxFQUNILENBQUMsU0FBUztvQkFDUixDQUFDLENBQUMsQ0FBQyxNQUFNLElBQUksWUFBWSxDQUFDLFVBQVUsQ0FBQzt3QkFDbkMsQ0FBQyxNQUFNLElBQUksWUFBWSxDQUFDLElBQUksQ0FBQzt3QkFDN0IsQ0FBQyxNQUFNLElBQUksWUFBWSxDQUFDLFlBQVksQ0FBQzt3QkFDckMsQ0FBQyxJQUFJLElBQUksWUFBWSxDQUFDLFVBQVUsQ0FBQzt3QkFDakMsWUFBWSxDQUFDLFVBQVU7b0JBQ3pCLENBQUMsQ0FBQyxTQUFTLEVBRWYsZUFBZSxFQUNiLENBQUMsTUFBTSxJQUFJLFlBQVksQ0FBQyxJQUFJLENBQUM7b0JBQzdCLENBQUMsTUFBTSxJQUFJLFlBQVksQ0FBQyxZQUFZLENBQUM7b0JBQ3JDLENBQUMsTUFBTSxJQUFJLFlBQVksQ0FBQyxPQUFPLENBQUM7b0JBQ2hDLENBQUMsSUFBSSxJQUFJLFlBQVksQ0FBQyxJQUFJLENBQUM7b0JBQzNCLFlBQVksQ0FBQyxZQUFZLEVBRTNCLElBQUksRUFBRSxRQUFRLENBQUMsS0FBSyxHQUNwQixDQUNHO1FBRVAsb0JBQUMsSUFBSSxJQUFDLEtBQUssRUFBRSxNQUFNLENBQUMsT0FBTyxHQUFTLENBQy9CLENBQ1IsQ0FBQTtBQUNILENBQUMsQ0FDRixDQUFBO0FBRUQsY0FBYyxDQUFDLFdBQVcsR0FBRyxhQUFhLENBQUMsY0FBYyxDQUFBO0FBQ3pELGVBQWUsY0FBYyxDQUFBIn0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVGltZWxpbmVNYXJrZXIubmF0aXZlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vY29tcG9uZW50cy90aW1lbGluZS9tYXJrZXIvVGltZWxpbmVNYXJrZXIubmF0aXZlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEtBQUssRUFBRSxFQUFFLFVBQVUsRUFBRSxNQUFNLE9BQU8sQ0FBQTtBQUN6QyxPQUFPLEVBQUUsVUFBVSxFQUFFLElBQUksRUFBRSxNQUFNLGNBQWMsQ0FBQTtBQUUvQyxPQUFPLEVBQUUsSUFBSSxFQUFFLFFBQVEsRUFBRSxNQUFNLG1CQUFtQixDQUFBO0FBQ2xELE9BQU8sRUFBRSxtQkFBbUIsRUFBRSxNQUFNLDZCQUE2QixDQUFBO0FBQ2pFLE9BQU8sRUFBRSxhQUFhLEVBQUUsWUFBWSxFQUFFLE1BQU0sV0FBVyxDQUFBO0FBQ3ZELE9BQU8sRUFBRSxxQkFBcUIsRUFBRSxNQUFNLHVDQUF1QyxDQUFBO0FBQzdFLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxrQ0FBa0MsQ0FBQTtBQUVoRTs7Ozs7R0FLRztBQUNILElBQU0sY0FBYyxHQUFHLFVBQUMsRUFJRjtRQUhwQixRQUFRLGNBQUEsRUFDUixTQUFTLGVBQUEsRUFDVCxNQUFNLFlBQUE7SUFFQSxJQUFBLEtBQW1DLFVBQVUsQ0FBQyxtQkFBbUIsQ0FBQyxFQUFoRSxNQUFNLFlBQUEsRUFBRSxNQUFNLFlBQUEsRUFBRSxJQUFJLFVBQUEsRUFBRSxNQUFNLFlBQW9DLENBQUE7SUFDaEUsSUFBQSxNQUFNLEdBQUssVUFBVSxDQUFDLHFCQUFxQixDQUFDLE9BQXRDLENBQXNDO0lBRXBELElBQU0sTUFBTSxHQUFHLFVBQVUsQ0FBQyxNQUFNLENBQUM7UUFDL0IsTUFBTSxFQUFFO1lBQ04sSUFBSSxFQUFFLENBQUM7WUFDUCxTQUFTLEVBQUUsWUFBWTtZQUN2QixhQUFhLEVBQUUsUUFBUTtTQUN4QjtRQUNELE9BQU8sRUFBRTtZQUNQLE1BQU0sRUFBRSxNQUFNLENBQUMsQ0FBQyxDQUFDLE1BQU0sR0FBRyxFQUFFLENBQUMsQ0FBQyxDQUFDLEVBQUU7WUFDakMsV0FBVyxFQUFFLE9BQU87WUFDcEIsZUFBZSxFQUFFLENBQUM7WUFDbEIsVUFBVSxFQUFFLE1BQU07WUFDbEIsV0FBVyxFQUFFLE1BQU07WUFDbkIsV0FBVyxFQUNULENBQUMsTUFBTSxJQUFJLGFBQWEsQ0FBQyxZQUFZLENBQUMsSUFBSSxDQUFDLENBQUM7Z0JBQzVDLENBQUMsTUFBTSxJQUFJLGFBQWEsQ0FBQyxZQUFZLENBQUMsWUFBWSxDQUFDLENBQUM7Z0JBQ3BELENBQUMsTUFBTSxJQUFJLGFBQWEsQ0FBQyxZQUFZLENBQUMsT0FBTyxDQUFDLENBQUM7Z0JBQy9DLENBQUMsSUFBSSxJQUFJLGFBQWEsQ0FBQyxZQUFZLENBQUMsSUFBSSxDQUFDLENBQUM7Z0JBQzFDLGFBQWEsQ0FBQyxZQUFZLENBQUMsWUFBWSxDQUFDO1NBQzNDO1FBQ0QsSUFBSSxFQUFFO1lBQ0osU0FBUyxFQUFFLFFBQVE7U0FDcEI7S0FDRixDQUFDLENBQUE7SUFFRixPQUFPLENBQ0wsb0JBQUMsSUFBSSxJQUFDLEtBQUssRUFBRSxNQUFNLENBQUMsTUFBTSxFQUFFLE1BQU0sRUFBRSxNQUFNO1FBQ3hDLG9CQUFDLElBQUksSUFBQyxLQUFLLEVBQUUsTUFBTSxDQUFDLElBQUk7WUFDdEIsb0JBQUMsSUFBSSxJQUNILElBQUksRUFBRSxRQUFRLEVBQ2QsT0FBTyxRQUNQLEtBQUssRUFDSCxDQUFDLFNBQVM7b0JBQ1IsQ0FBQyxDQUFDLENBQUMsTUFBTSxJQUFJLFlBQVksQ0FBQyxVQUFVLENBQUM7d0JBQ25DLENBQUMsTUFBTSxJQUFJLFlBQVksQ0FBQyxJQUFJLENBQUM7d0JBQzdCLENBQUMsTUFBTSxJQUFJLFlBQVksQ0FBQyxZQUFZLENBQUM7d0JBQ3JDLENBQUMsSUFBSSxJQUFJLFlBQVksQ0FBQyxVQUFVLENBQUM7d0JBQ2pDLFlBQVksQ0FBQyxVQUFVO29CQUN6QixDQUFDLENBQUMsU0FBUyxFQUVmLGVBQWUsRUFDYixDQUFDLE1BQU0sSUFBSSxZQUFZLENBQUMsSUFBSSxDQUFDO29CQUM3QixDQUFDLE1BQU0sSUFBSSxZQUFZLENBQUMsWUFBWSxDQUFDO29CQUNyQyxDQUFDLE1BQU0sSUFBSSxZQUFZLENBQUMsT0FBTyxDQUFDO29CQUNoQyxDQUFDLElBQUksSUFBSSxZQUFZLENBQUMsSUFBSSxDQUFDO29CQUMzQixZQUFZLENBQUMsWUFBWSxFQUUzQixJQUFJLEVBQUUsUUFBUSxDQUFDLEtBQUssR0FDcEIsQ0FDRztRQUVQLG9CQUFDLElBQUksSUFBQyxLQUFLLEVBQUUsTUFBTSxDQUFDLE9BQU8sR0FBUyxDQUMvQixDQUNSLENBQUE7QUFDSCxDQUFDLENBQUE7QUFFRCxjQUFjLENBQUMsV0FBVyxHQUFHLGFBQWEsQ0FBQyxjQUFjLENBQUE7QUFFekQsZUFBZSxjQUFjLENBQUEifQ==

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

@@ -1,2 +1,2 @@
-import TimelineMarker from '../../../components/timeline/marker/TimelineMarker';
+import TimelineMarker from './TimelineMarker';
 export default TimelineMarker;

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

@@ -1,3 +1,3 @@
-import TimelineMarker from '../../../components/timeline/marker/TimelineMarker';
+import TimelineMarker from './TimelineMarker';
 export default TimelineMarker;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9jb21wb25lbnRzL3RpbWVsaW5lL21hcmtlci9pbmRleC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLGNBQWMsTUFBTSw2Q0FBNkMsQ0FBQTtBQUV4RSxlQUFlLGNBQWMsQ0FBQSJ9
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9jb21wb25lbnRzL3RpbWVsaW5lL21hcmtlci9pbmRleC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLGNBQWMsTUFBTSxrQkFBa0IsQ0FBQTtBQUU3QyxlQUFlLGNBQWMsQ0FBQSJ9

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

@@ -1,5 +1,5 @@
-import React from 'react';
-import { TitleProps } from '../../components/title/TitleProps';
+/// <reference types="react" />
+import { TitleProps } from './TitleProps';
 /**
  * Title component
  * @param children {ReactNode} Title child
@@ -20,5 +20,5 @@ import { TitleProps } from '../../components/title/TitleProps';
  * - --------------- NATIVE PROPERTIES ----------------------------------
  * @param style {object} Additional styles
  */
-declare const Title: React.ForwardRefExoticComponent<TitleProps & React.RefAttributes<HTMLHeadingElement>>;
+declare const Title: ({ level, markup, children, className, typo, skeleton, inverted, onClick, testId, accessibilityLabel, subtitle, overline, marginless, htmlContent, ...others }: TitleProps) => JSX.Element;
 export default Title;