@trilogy-ds/react 0.0.1-beta.5 → 0.0.1-beta.50

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

@@ -1,6 +1,6 @@
-import React from 'react';
-import { TimelineProps } from './TimelineProps';
-import { ComponentName } from '../enumsComponentsName';
+import * as React from "react";
+import { TimelineProps } from "./TimelineProps";
+import { ComponentName } from "../../components/enumsComponentsName";
 interface IContext {
     height: number;
     setHeight: React.Dispatch<React.SetStateAction<number>>;

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

@@ -1,6 +1,6 @@
-import React from 'react';
-import { StyleSheet, View } from 'react-native';
-import { ComponentName } from '../enumsComponentsName';
+import * as React from "react";
+import { StyleSheet, View } from "react-native";
+import { ComponentName } from "../../components/enumsComponentsName";
 export const TimelineHeightContext = React.createContext({
     height: 0,
     setHeight: () => undefined,
@@ -13,7 +13,7 @@ export const TimelineHeightContext = React.createContext({
 const Timeline = ({ children }) => {
     const styles = StyleSheet.create({
         container: {
-            flexDirection: 'column',
+            flexDirection: "column",
         },
     });
     const [height, setHeight] = React.useState(0);

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

@@ -1 +1 @@
-{"version":3,"file":"Timeline.native.js","sourceRoot":"","sources":["../../../components/timeline/Timeline.native.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,MAAM,cAAc,CAAA;AAE/C,OAAO,EAAE,aAAa,EAAE,MAAM,wBAAwB,CAAA;AAOtD,MAAM,CAAC,MAAM,qBAAqB,GAAG,KAAK,CAAC,aAAa,CAAW;IACjE,MAAM,EAAE,CAAC;IACT,SAAS,EAAE,GAAG,EAAE,CAAC,SAAS;CAC3B,CAAC,CAAA;AAEF;;;;GAIG;AACH,MAAM,QAAQ,GAAG,CAAC,EAAE,QAAQ,EAAiB,EAAe,EAAE;IAC5D,MAAM,MAAM,GAAG,UAAU,CAAC,MAAM,CAAC;QAC/B,SAAS,EAAE;YACT,aAAa,EAAE,QAAQ;SACxB;KACF,CAAC,CAAA;IAEF,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAA;IAE7C,OAAO,CACL,oBAAC,qBAAqB,CAAC,QAAQ,IAC7B,KAAK,EAAE;YACL,MAAM;YACN,SAAS;SACV;QAED,oBAAC,IAAI,IAAC,KAAK,EAAE,MAAM,CAAC,SAAS,IAAG,QAAQ,CAAQ,CACjB,CAClC,CAAA;AACH,CAAC,CAAA;AAED,QAAQ,CAAC,WAAW,GAAG,aAAa,CAAC,QAAQ,CAAA;AAE7C,eAAe,QAAQ,CAAA"}
+{"version":3,"file":"Timeline.native.js","sourceRoot":"","sources":["../../../components/timeline/Timeline.native.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,MAAM,cAAc,CAAA;AAE/C,OAAO,EAAE,aAAa,EAAE,MAAM,kCAAkC,CAAA;AAOhE,MAAM,CAAC,MAAM,qBAAqB,GAAG,KAAK,CAAC,aAAa,CAAW;IACjE,MAAM,EAAE,CAAC;IACT,SAAS,EAAE,GAAG,EAAE,CAAC,SAAS;CAC3B,CAAC,CAAA;AAEF;;;;GAIG;AACH,MAAM,QAAQ,GAAG,CAAC,EAAE,QAAQ,EAAiB,EAAe,EAAE;IAC5D,MAAM,MAAM,GAAG,UAAU,CAAC,MAAM,CAAC;QAC/B,SAAS,EAAE;YACT,aAAa,EAAE,QAAQ;SACxB;KACF,CAAC,CAAA;IAEF,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAA;IAE7C,OAAO,CACL,oBAAC,qBAAqB,CAAC,QAAQ,IAC7B,KAAK,EAAE;YACL,MAAM;YACN,SAAS;SACV;QAED,oBAAC,IAAI,IAAC,KAAK,EAAE,MAAM,CAAC,SAAS,IAAG,QAAQ,CAAQ,CACjB,CAClC,CAAA;AACH,CAAC,CAAA;AAED,QAAQ,CAAC,WAAW,GAAG,aAAa,CAAC,QAAQ,CAAA;AAE7C,eAAe,QAAQ,CAAA"}

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

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { TimelineContentWebProps } from './TimelineContentProps';
+import { TimelineContentWebProps } from "./TimelineContentProps";
 /**
  * Timeline Content Component
  * @param children {ReactNode} Use it if you want custom children for content

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

@@ -1,9 +1,9 @@
-import React from 'react';
-import clsx from 'clsx';
-import { Text, TextMarkup } from '../../text';
-import { Link } from '../../link';
-import { hashClass } from '../../../helpers';
-import { useTrilogyContext } from '../../../context';
+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,7 +16,7 @@ import { useTrilogyContext } from '../../../context';
  */
 const TimelineContent = ({ children, className, heading, content, link, contentLink, onClick, ...others }) => {
     const { styled } = useTrilogyContext();
-    const classes = hashClass(styled, clsx('timeline-content', className));
+    const classes = hashClass(styled, clsx("timeline-content", className));
     if (children) {
         return (React.createElement("div", { className: classes, ...others }, children));
     }

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

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

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

@@ -1,6 +1,6 @@
 /// <reference types="react" />
-import { TimelineContentProps } from './TimelineContentProps';
-import { ComponentName } from '../../enumsComponentsName';
+import { TimelineContentProps } from "./TimelineContentProps";
+import { ComponentName } from "../../../components/enumsComponentsName";
 /**
  * TimelineContent Native Component
  * @param children {ReactNode} Text child

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 { Text, TextLevels } from '../../text';
-import { Link } from '../../link';
-import { TypographyBold, TypographyColor } from '../../../objects';
-import { TimelineItemContext } from '../item/TimelineItem.native';
-import { AutoLayout } from '../../autolayout';
-import { ComponentName } from '../../enumsComponentsName';
+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";
 /**
  * TimelineContent Native Component
  * @param children {ReactNode} Text child
@@ -21,22 +21,24 @@ const TimelineContent = ({ content, contentLink, heading, link, onClick, childre
         container: {
             flex: 6,
             marginBottom: 8,
+            marginLeft: 4,
         },
         heading: {
             marginBottom: 4,
             marginTop: 8,
         },
         content: {
+            fontWeight: timelineContextValues.active ? "600" : "400",
             marginBottom: 4,
         },
         link: {
-            marginLeft: -8,
+            marginTop: 6,
         },
     });
     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_GREY_DARK }, heading)),
-        !!content && (React.createElement(Text, { level: TextLevels.TWO, style: styles.content, typo: timelineContextValues.active ? TypographyBold.TEXT_WEIGHT_SEMIBOLD : TypographyBold.TEXT_WEIGHT_NORMAL }, content)),
+        !!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: (e) => onClick === null || onClick === void 0 ? void 0 : onClick(e) },
             React.createElement(View, { style: styles.link },
                 React.createElement(Link, { to: link }, contentLink || link))))));

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

@@ -1 +1 @@
-{"version":3,"file":"TimelineContent.native.js","sourceRoot":"","sources":["../../../../components/timeline/content/TimelineContent.native.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AACzC,OAAO,EAAE,UAAU,EAAE,gBAAgB,EAAE,IAAI,EAAE,MAAM,cAAc,CAAA;AAEjE,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,YAAY,CAAA;AAC7C,OAAO,EAAE,IAAI,EAAE,MAAM,YAAY,CAAA;AACjC,OAAO,EAAE,cAAc,EAAE,eAAe,EAAE,MAAM,kBAAkB,CAAA;AAClE,OAAO,EAAE,mBAAmB,EAAE,MAAM,6BAA6B,CAAA;AACjE,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAA;AAC7C,OAAO,EAAE,aAAa,EAAE,MAAM,2BAA2B,CAAA;AAEzD;;;;;;;;GAQG;AACH,MAAM,eAAe,GAAG,CAAC,EACvB,OAAO,EACP,WAAW,EACX,OAAO,EACP,IAAI,EACJ,OAAO,EACP,QAAQ,GACa,EAAe,EAAE;IACtC,MAAM,qBAAqB,GAAG,UAAU,CAAC,mBAAmB,CAAC,CAAA;IAE7D,MAAM,MAAM,GAAG,UAAU,CAAC,MAAM,CAAC;QAC/B,SAAS,EAAE;YACT,IAAI,EAAE,CAAC;YACP,YAAY,EAAE,CAAC;SAChB;QACD,OAAO,EAAE;YACP,YAAY,EAAE,CAAC;YACf,SAAS,EAAE,CAAC;SACb;QACD,OAAO,EAAE;YACP,YAAY,EAAE,CAAC;SAChB;QACD,IAAI,EAAE;YACJ,UAAU,EAAE,CAAC,CAAC;SACf;KACF,CAAC,CAAA;IAEF,OAAO,QAAQ,CAAC,CAAC,CAAC,CAChB,oBAAC,IAAI,IAAC,KAAK,EAAE,MAAM,CAAC,SAAS;QAC3B,oBAAC,UAAU,QAAE,QAAQ,CAAc,CAC9B,CACR,CAAC,CAAC,CAAC,CACF,oBAAC,IAAI,IAAC,KAAK,EAAE,MAAM,CAAC,SAAS;QAC1B,CAAC,CAAC,OAAO,IAAI,CACZ,oBAAC,IAAI,IAAC,KAAK,EAAE,UAAU,CAAC,KAAK,EAAE,KAAK,EAAE,MAAM,CAAC,OAAO,EAAE,IAAI,EAAE,eAAe,CAAC,cAAc,IACvF,OAAO,CACH,CACR;QACA,CAAC,CAAC,OAAO,IAAI,CACZ,oBAAC,IAAI,IACH,KAAK,EAAE,UAAU,CAAC,GAAG,EACrB,KAAK,EAAE,MAAM,CAAC,OAAO,EACrB,IAAI,EAAE,qBAAqB,CAAC,MAAM,CAAC,CAAC,CAAC,cAAc,CAAC,oBAAoB,CAAC,CAAC,CAAC,cAAc,CAAC,kBAAkB,IAE3G,OAAO,CACH,CACR;QACA,CAAC,IAAI,IAAI,OAAO,CAAC,IAAI,CACpB,oBAAC,gBAAgB,IAAC,OAAO,EAAE,CAAC,CAAE,EAAE,EAAE,CAAC,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAG,CAAC,CAAC;YAC7C,oBAAC,IAAI,IAAC,KAAK,EAAE,MAAM,CAAC,IAAI;gBACtB,oBAAC,IAAI,IAAC,EAAE,EAAE,IAAI,IAAG,WAAW,IAAI,IAAI,CAAQ,CACvC,CACU,CACpB,CACI,CACR,CAAA;AACH,CAAC,CAAA;AAED,eAAe,CAAC,WAAW,GAAG,aAAa,CAAC,eAAe,CAAA;AAE3D,eAAe,eAAe,CAAA"}
+{"version":3,"file":"TimelineContent.native.js","sourceRoot":"","sources":["../../../../components/timeline/content/TimelineContent.native.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AACzC,OAAO,EAAE,UAAU,EAAE,gBAAgB,EAAE,IAAI,EAAE,MAAM,cAAc,CAAA;AAEjE,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAA;AACpD,OAAO,EAAE,IAAI,EAAE,MAAM,mBAAmB,CAAA;AACxC,OAAO,EAAE,eAAe,EAAE,MAAM,WAAW,CAAA;AAC3C,OAAO,EAAE,mBAAmB,EAAE,MAAM,gDAAgD,CAAA;AACpF,OAAO,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAA;AACpD,OAAO,EAAE,aAAa,EAAE,MAAM,kCAAkC,CAAA;AAEhE;;;;;;;;GAQG;AACH,MAAM,eAAe,GAAG,CAAC,EACvB,OAAO,EACP,WAAW,EACX,OAAO,EACP,IAAI,EACJ,OAAO,EACP,QAAQ,GACa,EAAe,EAAE;IACtC,MAAM,qBAAqB,GAAG,UAAU,CAAC,mBAAmB,CAAC,CAAA;IAE7D,MAAM,MAAM,GAAG,UAAU,CAAC,MAAM,CAAC;QAC/B,SAAS,EAAE;YACT,IAAI,EAAE,CAAC;YACP,YAAY,EAAE,CAAC;YACf,UAAU,EAAE,CAAC;SACd;QACD,OAAO,EAAE;YACP,YAAY,EAAE,CAAC;YACf,SAAS,EAAE,CAAC;SACb;QACD,OAAO,EAAE;YACP,UAAU,EAAE,qBAAqB,CAAC,MAAM,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,KAAK;YACxD,YAAY,EAAE,CAAC;SAChB;QACD,IAAI,EAAE;YACJ,SAAS,EAAE,CAAC;SACb;KACF,CAAC,CAAA;IAEF,OAAO,QAAQ,CAAC,CAAC,CAAC,CAChB,oBAAC,IAAI,IAAC,KAAK,EAAE,MAAM,CAAC,SAAS;QAC3B,oBAAC,UAAU,QAAE,QAAQ,CAAc,CAC9B,CACR,CAAC,CAAC,CAAC,CACF,oBAAC,IAAI,IAAC,KAAK,EAAE,MAAM,CAAC,SAAS;QAC1B,CAAC,CAAC,OAAO,IAAI,CACZ,oBAAC,IAAI,IACH,KAAK,EAAE,UAAU,CAAC,KAAK,EACvB,KAAK,EAAE,MAAM,CAAC,OAAO,EACrB,IAAI,EAAE,eAAe,CAAC,SAAS,IAE9B,OAAO,CACH,CACR;QACA,CAAC,CAAC,OAAO,IAAI,CACZ,oBAAC,IAAI,IAAC,KAAK,EAAE,UAAU,CAAC,GAAG,EAAE,KAAK,EAAE,MAAM,CAAC,OAAO,IAC/C,OAAO,CACH,CACR;QACA,CAAC,IAAI,IAAI,OAAO,CAAC,IAAI,CACpB,oBAAC,gBAAgB,IAAC,OAAO,EAAE,CAAC,CAAE,EAAE,EAAE,CAAC,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAG,CAAC,CAAC;YAC7C,oBAAC,IAAI,IAAC,KAAK,EAAE,MAAM,CAAC,IAAI;gBACtB,oBAAC,IAAI,IAAC,EAAE,EAAE,IAAI,IAAG,WAAW,IAAI,IAAI,CAAQ,CACvC,CACU,CACpB,CACI,CACR,CAAA;AACH,CAAC,CAAA;AAED,eAAe,CAAC,WAAW,GAAG,aAAa,CAAC,eAAe,CAAA;AAE3D,eAAe,eAAe,CAAA"}

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

@@ -0,0 +1 @@
+export {};

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

@@ -0,0 +1,24 @@
+import * as React from "react";
+import { render, screen } from "@testing-library/react";
+import TimelineContent from "../TimelineContent";
+describe("TimelineContent", () => {
+    const defaultProps = {
+        heading: "Timeline heading",
+        content: "Timeline content",
+        link: "https://www.example.com",
+        contentLink: "Example link",
+        onClick: jest.fn(),
+    };
+    it("should render heading, content, and link correctly", () => {
+        render(React.createElement(TimelineContent, { ...defaultProps }));
+        expect(screen.getByText(defaultProps.heading)).toBeInTheDocument();
+        expect(screen.getByText(defaultProps.content)).toBeInTheDocument();
+        expect(screen.getByText(defaultProps.contentLink)).toHaveAttribute("href", defaultProps.link);
+    });
+    it("should render custom children correctly", () => {
+        const { container } = render(React.createElement(TimelineContent, { ...defaultProps },
+            React.createElement("div", { "data-testid": "custom-child" }, "Custom child")));
+        expect(container.querySelector('[data-testid="custom-child"]')).toBeInTheDocument();
+    });
+});
+//# sourceMappingURL=TimelineContent.test.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TimelineContent.test.js","sourceRoot":"","sources":["../../../../../components/timeline/content/test/TimelineContent.test.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAC;AACxD,OAAO,eAAe,MAAM,oBAAoB,CAAC;AAEjD,QAAQ,CAAC,iBAAiB,EAAE,GAAG,EAAE;IAC/B,MAAM,YAAY,GAAG;QACnB,OAAO,EAAE,kBAAkB;QAC3B,OAAO,EAAE,kBAAkB;QAC3B,IAAI,EAAE,yBAAyB;QAC/B,WAAW,EAAE,cAAc;QAC3B,OAAO,EAAE,IAAI,CAAC,EAAE,EAAE;KACnB,CAAC;IAEF,EAAE,CAAC,oDAAoD,EAAE,GAAG,EAAE;QAC5D,MAAM,CAAC,oBAAC,eAAe,OAAK,YAAY,GAAI,CAAC,CAAC;QAE9C,MAAM,CAAC,MAAM,CAAC,SAAS,CAAC,YAAY,CAAC,OAAO,CAAC,CAAC,CAAC,iBAAiB,EAAE,CAAC;QACnE,MAAM,CAAC,MAAM,CAAC,SAAS,CAAC,YAAY,CAAC,OAAO,CAAC,CAAC,CAAC,iBAAiB,EAAE,CAAC;QACnE,MAAM,CAAC,MAAM,CAAC,SAAS,CAAC,YAAY,CAAC,WAAW,CAAC,CAAC,CAAC,eAAe,CAChE,MAAM,EACN,YAAY,CAAC,IAAI,CAClB,CAAC;IACJ,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,yCAAyC,EAAE,GAAG,EAAE;QACjD,MAAM,EAAE,SAAS,EAAE,GAAG,MAAM,CAC1B,oBAAC,eAAe,OAAK,YAAY;YAC/B,4CAAiB,cAAc,mBAAmB,CAClC,CACnB,CAAC;QAEF,MAAM,CACJ,SAAS,CAAC,aAAa,CAAC,8BAA8B,CAAC,CACxD,CAAC,iBAAiB,EAAE,CAAC;IACxB,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC"}

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

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { TimelineItemWebProps } from './TimelineItemProps';
+import { TimelineItemWebProps } from "./TimelineItemProps";
 /**
  * Timeline Item Component
  * @param children {ReactNode}

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

@@ -1,7 +1,7 @@
-import React from 'react';
-import clsx from 'clsx';
-import { useTrilogyContext } from '../../../context';
-import { hashClass } from '../../../helpers';
+import * as React from "react";
+import clsx from "clsx";
+import { useTrilogyContext } from "../../../context";
+import { hashClass } from "../../../helpers";
 /**
  * Timeline Item Component
  * @param children {ReactNode}
@@ -13,7 +13,7 @@ import { hashClass } from '../../../helpers';
  */
 const TimelineItem = ({ className, done, active, undone, cancel, ...others }) => {
     const { styled } = useTrilogyContext();
-    const classes = hashClass(styled, clsx('timeline-item', done && 'done', active && 'active', undone && 'undone', cancel && 'cancel', className));
+    const classes = hashClass(styled, clsx("timeline-item", done && "done", active && "active", undone && "undone", cancel && "cancel", className));
     return React.createElement("div", { className: classes, ...others });
 };
 export default TimelineItem;

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

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

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

@@ -1,6 +1,6 @@
 import React from 'react';
 import { TimelineItemProps } from './TimelineItemProps';
-import { ComponentName } from '../../enumsComponentsName';
+import { ComponentName } from '../../../components/enumsComponentsName';
 /**
  * TimelineItem Native Component
  * @param children {ReactNode} Text child

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 { TimelineHeightContext } from '../Timeline.native';
-import { ComponentName } from '../../enumsComponentsName';
+import { TimelineHeightContext } from '../../../components/timeline/Timeline.native';
+import { ComponentName } from '../../../components/enumsComponentsName';
 /**
  * TimelineItem Native Component
  * @param children {ReactNode} Text child

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

@@ -1 +1 @@
-{"version":3,"file":"TimelineItem.native.js","sourceRoot":"","sources":["../../../../components/timeline/item/TimelineItem.native.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,aAAa,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AACxD,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,MAAM,cAAc,CAAA;AAC/C,OAAO,EAAE,qBAAqB,EAAE,MAAM,oBAAoB,CAAA;AAE1D,OAAO,EAAE,aAAa,EAAE,MAAM,2BAA2B,CAAA;AAEzD;;;GAGG;AAEH,MAAM,CAAC,MAAM,mBAAmB,GAAG,aAAa,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,CAAC,CAAA;AAE9G,MAAM,YAAY,GAAG,CAAC,EAAE,QAAQ,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAqB,EAAe,EAAE;IAClG,MAAM,EAAE,MAAM,EAAE,SAAS,EAAE,GAAG,UAAU,CAAC,qBAAqB,CAAC,CAAA;IAE/D,MAAM,MAAM,GAAG,UAAU,CAAC,MAAM,CAAC;QAC/B,IAAI,EAAE;YACJ,KAAK,EAAE,MAAM;YACb,aAAa,EAAE,KAAK;YACpB,cAAc,EAAE,cAAc;YAC9B,MAAM,EAAE,MAAM,IAAI,CAAC,CAAC,CAAC,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,SAAS;YAC5C,YAAY,EAAE,CAAC;SAChB;KACF,CAAC,CAAA;IAEF,OAAO,CACL,oBAAC,mBAAmB,CAAC,QAAQ,IAC3B,KAAK,EAAE,EAAE,IAAI,EAAE,IAAI,IAAI,KAAK,EAAE,MAAM,EAAE,MAAM,IAAI,KAAK,EAAE,MAAM,EAAE,MAAM,IAAI,KAAK,EAAE,MAAM,EAAE,MAAM,IAAI,KAAK,EAAE;QAEzG,oBAAC,IAAI,IACH,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE;gBAClB,MAAM,EAAE,MAAM,EAAE,UAAU,EAAE,GAAG,KAAK,CAAC,WAAW,CAAC,MAAM,CAAA;gBACvD,SAAS,CAAC,CAAC,IAAI,EAAE,EAAE;oBACjB,IAAI,IAAI,GAAG,UAAU;wBAAE,OAAO,UAAU,CAAA;oBACxC,OAAO,IAAI,CAAA;gBACb,CAAC,CAAC,CAAA;YACJ,CAAC,EACD,KAAK,EAAE,MAAM,CAAC,IAAI,IAEjB,QAAQ,CACJ,CACsB,CAChC,CAAA;AACH,CAAC,CAAA;AAED,YAAY,CAAC,WAAW,GAAG,aAAa,CAAC,YAAY,CAAA;AAErD,eAAe,YAAY,CAAA"}
+{"version":3,"file":"TimelineItem.native.js","sourceRoot":"","sources":["../../../../components/timeline/item/TimelineItem.native.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,aAAa,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AACxD,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,MAAM,cAAc,CAAA;AAC/C,OAAO,EAAE,qBAAqB,EAAE,MAAM,uCAAuC,CAAA;AAE7E,OAAO,EAAE,aAAa,EAAE,MAAM,kCAAkC,CAAA;AAEhE;;;GAGG;AAEH,MAAM,CAAC,MAAM,mBAAmB,GAAG,aAAa,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,CAAC,CAAA;AAE9G,MAAM,YAAY,GAAG,CAAC,EAAE,QAAQ,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAqB,EAAe,EAAE;IAClG,MAAM,EAAE,MAAM,EAAE,SAAS,EAAE,GAAG,UAAU,CAAC,qBAAqB,CAAC,CAAA;IAE/D,MAAM,MAAM,GAAG,UAAU,CAAC,MAAM,CAAC;QAC/B,IAAI,EAAE;YACJ,KAAK,EAAE,MAAM;YACb,aAAa,EAAE,KAAK;YACpB,cAAc,EAAE,cAAc;YAC9B,MAAM,EAAE,MAAM,IAAI,CAAC,CAAC,CAAC,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,SAAS;YAC5C,YAAY,EAAE,CAAC;SAChB;KACF,CAAC,CAAA;IAEF,OAAO,CACL,oBAAC,mBAAmB,CAAC,QAAQ,IAC3B,KAAK,EAAE,EAAE,IAAI,EAAE,IAAI,IAAI,KAAK,EAAE,MAAM,EAAE,MAAM,IAAI,KAAK,EAAE,MAAM,EAAE,MAAM,IAAI,KAAK,EAAE,MAAM,EAAE,MAAM,IAAI,KAAK,EAAE;QAEzG,oBAAC,IAAI,IACH,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE;gBAClB,MAAM,EAAE,MAAM,EAAE,UAAU,EAAE,GAAG,KAAK,CAAC,WAAW,CAAC,MAAM,CAAA;gBACvD,SAAS,CAAC,CAAC,IAAI,EAAE,EAAE;oBACjB,IAAI,IAAI,GAAG,UAAU;wBAAE,OAAO,UAAU,CAAA;oBACxC,OAAO,IAAI,CAAA;gBACb,CAAC,CAAC,CAAA;YACJ,CAAC,EACD,KAAK,EAAE,MAAM,CAAC,IAAI,IAEjB,QAAQ,CACJ,CACsB,CAChC,CAAA;AACH,CAAC,CAAA;AAED,YAAY,CAAC,WAAW,GAAG,aAAa,CAAC,YAAY,CAAA;AAErD,eAAe,YAAY,CAAA"}

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

@@ -0,0 +1 @@
+export {};

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

@@ -0,0 +1,26 @@
+import * as React from "react";
+import { render } from "@testing-library/react";
+import TimelineItem from "../TimelineItem";
+describe("TimelineItem", () => {
+    it("renders with correct classNames when done prop is true", () => {
+        const { container } = render(React.createElement(TimelineItem, { done: true }, "toto"));
+        expect(container.firstChild).toHaveClass("timeline-item done");
+    });
+    it("renders with correct classNames when active prop is true", () => {
+        const { container } = render(React.createElement(TimelineItem, { active: true }, "toto"));
+        expect(container.firstChild).toHaveClass("timeline-item active");
+    });
+    it("renders with correct classNames when undone prop is true", () => {
+        const { container } = render(React.createElement(TimelineItem, { undone: true }, "toto"));
+        expect(container.firstChild).toHaveClass("timeline-item undone");
+    });
+    it("renders with correct classNames when cancel prop is true", () => {
+        const { container } = render(React.createElement(TimelineItem, { cancel: true }, "toto"));
+        expect(container.firstChild).toHaveClass("timeline-item cancel");
+    });
+    it("renders with custom className when provided", () => {
+        const { container } = render(React.createElement(TimelineItem, { className: "custom-class" }, "toto"));
+        expect(container.firstChild).toHaveClass("timeline-item custom-class");
+    });
+});
+//# sourceMappingURL=TimelineItem.test.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TimelineItem.test.js","sourceRoot":"","sources":["../../../../../components/timeline/item/test/TimelineItem.test.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAC;AAChD,OAAO,YAAY,MAAM,iBAAiB,CAAC;AAE3C,QAAQ,CAAC,cAAc,EAAE,GAAG,EAAE;IAC5B,EAAE,CAAC,wDAAwD,EAAE,GAAG,EAAE;QAChE,MAAM,EAAE,SAAS,EAAE,GAAG,MAAM,CAAC,oBAAC,YAAY,IAAC,IAAI,iBAAoB,CAAC,CAAC;QACrE,MAAM,CAAC,SAAS,CAAC,UAAU,CAAC,CAAC,WAAW,CAAC,oBAAoB,CAAC,CAAC;IACjE,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,0DAA0D,EAAE,GAAG,EAAE;QAClE,MAAM,EAAE,SAAS,EAAE,GAAG,MAAM,CAAC,oBAAC,YAAY,IAAC,MAAM,iBAAoB,CAAC,CAAC;QACvE,MAAM,CAAC,SAAS,CAAC,UAAU,CAAC,CAAC,WAAW,CAAC,sBAAsB,CAAC,CAAC;IACnE,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,0DAA0D,EAAE,GAAG,EAAE;QAClE,MAAM,EAAE,SAAS,EAAE,GAAG,MAAM,CAAC,oBAAC,YAAY,IAAC,MAAM,iBAAoB,CAAC,CAAC;QACvE,MAAM,CAAC,SAAS,CAAC,UAAU,CAAC,CAAC,WAAW,CAAC,sBAAsB,CAAC,CAAC;IACnE,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,0DAA0D,EAAE,GAAG,EAAE;QAClE,MAAM,EAAE,SAAS,EAAE,GAAG,MAAM,CAAC,oBAAC,YAAY,IAAC,MAAM,iBAAoB,CAAC,CAAC;QACvE,MAAM,CAAC,SAAS,CAAC,UAAU,CAAC,CAAC,WAAW,CAAC,sBAAsB,CAAC,CAAC;IACnE,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,6CAA6C,EAAE,GAAG,EAAE;QACrD,MAAM,EAAE,SAAS,EAAE,GAAG,MAAM,CAC1B,oBAAC,YAAY,IAAC,SAAS,EAAC,cAAc,WAAoB,CAC3D,CAAC;QACF,MAAM,CAAC,SAAS,CAAC,UAAU,CAAC,CAAC,WAAW,CAAC,4BAA4B,CAAC,CAAC;IACzE,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC"}

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

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { TimelineMarkerWebProps } from './TimelineMarkerProps';
+import { TimelineMarkerWebProps } from "./TimelineMarkerProps";
 /**
  * Timeline Marker Component
  * @param className {string} Additionnal CSS Classes

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

@@ -1,9 +1,9 @@
-import React from 'react';
-import clsx from 'clsx';
-import { is } from '../../../services/classify';
-import { Icon, IconColor, IconSize } from '../../icon';
-import { useTrilogyContext } from '../../../context';
-import { hashClass } from '../../../helpers';
+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 className {string} Additionnal CSS Classes
@@ -14,11 +14,11 @@ import { hashClass } from '../../../helpers';
  */
 const TimelineMarker = ({ className, iconClassname, iconName, iconColor, testId, ...others }) => {
     const { styled } = useTrilogyContext();
-    const classes = hashClass(styled, clsx('timeline-marker', is('icon'), className));
+    const classes = hashClass(styled, clsx("timeline-marker", is("icon"), className));
     const iconClasses = clsx(iconClassname);
     return (React.createElement("div", { className: classes, ...others, "data-testid": testId },
         React.createElement("div", { className: 'card-header-icon' },
-            React.createElement(Icon, { color: iconColor || IconColor.WHITE, className: iconClasses, name: iconName, size: IconSize.SMALL }))));
+            React.createElement(Icon, { color: iconColor, className: iconClasses, name: iconName, size: IconSize.SMALL }))));
 };
 export default TimelineMarker;
 //# sourceMappingURL=TimelineMarker.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"TimelineMarker.js","sourceRoot":"","sources":["../../../../components/timeline/marker/TimelineMarker.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,IAAI,MAAM,MAAM,CAAA;AAEvB,OAAO,EAAE,EAAE,EAAE,MAAM,4BAA4B,CAAA;AAC/C,OAAO,EAAE,IAAI,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAA;AACtD,OAAO,EAAE,iBAAiB,EAAE,MAAM,kBAAkB,CAAA;AACpD,OAAO,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAA;AAE5C;;;;;;;GAOG;AACH,MAAM,cAAc,GAAG,CAAC,EACtB,SAAS,EACT,aAAa,EACb,QAAQ,EACR,SAAS,EACT,MAAM,EACN,GAAG,MAAM,EACc,EAAe,EAAE;IACxC,MAAM,EAAE,MAAM,EAAE,GAAG,iBAAiB,EAAE,CAAA;IACtC,MAAM,OAAO,GAAG,SAAS,CAAC,MAAM,EAAE,IAAI,CAAC,iBAAiB,EAAE,EAAE,CAAC,MAAM,CAAC,EAAE,SAAS,CAAC,CAAC,CAAA;IACjF,MAAM,WAAW,GAAG,IAAI,CAAC,aAAa,CAAC,CAAA;IAEvC,OAAO,CACL,6BAAK,SAAS,EAAE,OAAO,KAAM,MAAM,iBAAe,MAAM;QACtD,6BAAK,SAAS,EAAC,kBAAkB;YAC/B,oBAAC,IAAI,IAAC,KAAK,EAAE,SAAS,IAAI,SAAS,CAAC,KAAK,EAAE,SAAS,EAAE,WAAW,EAAE,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAE,QAAQ,CAAC,KAAK,GAAI,CACvG,CACF,CACP,CAAA;AACH,CAAC,CAAA;AAED,eAAe,cAAc,CAAA"}
+{"version":3,"file":"TimelineMarker.js","sourceRoot":"","sources":["../../../../components/timeline/marker/TimelineMarker.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,IAAI,MAAM,MAAM,CAAA;AAEvB,OAAO,EAAE,EAAE,EAAE,MAAM,qBAAqB,CAAA;AACxC,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAA;AAClD,OAAO,EAAE,iBAAiB,EAAE,MAAM,WAAW,CAAA;AAC7C,OAAO,EAAE,SAAS,EAAE,MAAM,WAAW,CAAA;AAErC;;;;;;;GAOG;AACH,MAAM,cAAc,GAAG,CAAC,EACtB,SAAS,EACT,aAAa,EACb,QAAQ,EACR,SAAS,EACT,MAAM,EACN,GAAG,MAAM,EACc,EAAe,EAAE;IACxC,MAAM,EAAE,MAAM,EAAE,GAAG,iBAAiB,EAAE,CAAA;IACtC,MAAM,OAAO,GAAG,SAAS,CACvB,MAAM,EACN,IAAI,CAAC,iBAAiB,EAAE,EAAE,CAAC,MAAM,CAAC,EAAE,SAAS,CAAC,CAC/C,CAAA;IACD,MAAM,WAAW,GAAG,IAAI,CAAC,aAAa,CAAC,CAAA;IAEvC,OAAO,CACL,6BAAK,SAAS,EAAE,OAAO,KAAM,MAAM,iBAAe,MAAM;QACtD,6BAAK,SAAS,EAAC,kBAAkB;YAC/B,oBAAC,IAAI,IACH,KAAK,EAAE,SAAS,EAChB,SAAS,EAAE,WAAW,EACtB,IAAI,EAAE,QAAQ,EACd,IAAI,EAAE,QAAQ,CAAC,KAAK,GACpB,CACE,CACF,CACP,CAAA;AACH,CAAC,CAAA;AAED,eAAe,cAAc,CAAA"}

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

@@ -1,12 +1,12 @@
 /// <reference types="react" />
-import { TimelineMarkerProps } from './TimelineMarkerProps';
-import { ComponentName } from '../../enumsComponentsName';
+import { TimelineMarkerProps } from "./TimelineMarkerProps";
+import { ComponentName } from "../../../components/enumsComponentsName";
 /**
  * TimelineMarker Native Component
  * @param children {ReactNode} Text child
  */
 declare const TimelineMarker: {
-    ({ iconName, iconColor }: TimelineMarkerProps): JSX.Element;
+    ({ iconName, iconColor, }: TimelineMarkerProps): JSX.Element;
     displayName: ComponentName;
 };
 export default TimelineMarker;

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

@@ -1,52 +1,52 @@
-import React, { useContext } from 'react';
-import { StyleSheet, View } from 'react-native';
-import { Icon, IconSize } from '../../icon';
-import { TimelineItemContext } from '../item/TimelineItem.native';
-import { getColorStyle, TrilogyColor } from '../../../objects';
-import { TimelineHeightContext } from '../Timeline.native';
-import { ComponentName } from '../../enumsComponentsName';
+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 children {ReactNode} Text child
  */
-const TimelineMarker = ({ iconName, iconColor }) => {
+const TimelineMarker = ({ iconName, iconColor, }) => {
     const { active, undone, done, cancel } = useContext(TimelineItemContext);
     const { height } = useContext(TimelineHeightContext);
     const 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',
-            borderColor: (active && getColorStyle(TrilogyColor.SECONDARY)) ||
-                (undone && getColorStyle(TrilogyColor.GREY_LIGHT)) ||
-                (cancel && getColorStyle(TrilogyColor.GREY_DISABLED)) ||
-                (done && getColorStyle(TrilogyColor.TERTIARY)) ||
-                getColorStyle(TrilogyColor.GREY_LIGHT),
+            marginLeft: "auto",
+            marginRight: "auto",
+            borderColor: (active && getColorStyle(TrilogyColor.MAIN)) ||
+                (undone && getColorStyle(TrilogyColor.NEUTRAL_LIGHT)) ||
+                (cancel && getColorStyle(TrilogyColor.NEUTRAL_DARK)) ||
+                (done && getColorStyle(TrilogyColor.MAIN)) ||
+                getColorStyle(TrilogyColor.NEUTRAL_LIGHT),
         },
         icon: {
-            alignSelf: 'center',
+            alignSelf: "center",
         },
     });
     return (React.createElement(View, { style: styles.marker },
         React.createElement(View, { style: styles.icon },
             React.createElement(Icon, { name: iconName, circled: true, color: !iconColor
-                    ? (active && TrilogyColor.WHITE) ||
-                        (undone && TrilogyColor.TERTIARY) ||
-                        (cancel && TrilogyColor.GREY_LIGHT) ||
-                        (done && TrilogyColor.WHITE) ||
-                        TrilogyColor.WHITE
-                    : iconColor, backgroundColor: (active && TrilogyColor.SECONDARY) ||
-                    (undone && TrilogyColor.GREY_LIGHT) ||
-                    (cancel && TrilogyColor.GREY_LIGHT) ||
-                    (done && TrilogyColor.TERTIARY) ||
-                    TrilogyColor.GREY_LIGHT, size: IconSize.SMALL })),
+                    ? (active && TrilogyColor.BACKGROUND) ||
+                        (undone && TrilogyColor.MAIN) ||
+                        (cancel && TrilogyColor.BACKGROUND) ||
+                        (done && TrilogyColor.BACKGROUND) ||
+                        TrilogyColor.BACKGROUND
+                    : iconColor, backgroundColor: (active && TrilogyColor.MAIN) ||
+                    (undone && TrilogyColor.NEUTRAL_LIGHT) ||
+                    (cancel && TrilogyColor.NEUTRAL_DARK) ||
+                    (done && TrilogyColor.MAIN) ||
+                    TrilogyColor.NEUTRAL_LIGHT, size: IconSize.SMALL })),
         React.createElement(View, { style: styles.divider })));
 };
 TimelineMarker.displayName = ComponentName.TimelineMarker;

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

@@ -1 +1 @@
-{"version":3,"file":"TimelineMarker.native.js","sourceRoot":"","sources":["../../../../components/timeline/marker/TimelineMarker.native.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AACzC,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,MAAM,cAAc,CAAA;AAE/C,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAA;AAC3C,OAAO,EAAE,mBAAmB,EAAE,MAAM,6BAA6B,CAAA;AACjE,OAAO,EAAE,aAAa,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAA;AAC9D,OAAO,EAAE,qBAAqB,EAAE,MAAM,oBAAoB,CAAA;AAC1D,OAAO,EAAE,aAAa,EAAE,MAAM,2BAA2B,CAAA;AAEzD;;;GAGG;AACH,MAAM,cAAc,GAAG,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAuB,EAAe,EAAE;IACnF,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,EAAE,GAAG,UAAU,CAAC,mBAAmB,CAAC,CAAA;IACxE,MAAM,EAAE,MAAM,EAAE,GAAG,UAAU,CAAC,qBAAqB,CAAC,CAAA;IAEpD,MAAM,MAAM,GAAG,UAAU,CAAC,MAAM,CAAC;QAC/B,MAAM,EAAE;YACN,IAAI,EAAE,CAAC;YACP,SAAS,EAAE,YAAY;YACvB,aAAa,EAAE,QAAQ;SACxB;QACD,OAAO,EAAE;YACP,MAAM,EAAE,MAAM,CAAC,CAAC,CAAC,MAAM,GAAG,EAAE,CAAC,CAAC,CAAC,EAAE;YACjC,WAAW,EAAE,OAAO;YACpB,eAAe,EAAE,CAAC;YAClB,UAAU,EAAE,MAAM;YAClB,WAAW,EAAE,MAAM;YACnB,WAAW,EACT,CAAC,MAAM,IAAI,aAAa,CAAC,YAAY,CAAC,SAAS,CAAC,CAAC;gBACjD,CAAC,MAAM,IAAI,aAAa,CAAC,YAAY,CAAC,UAAU,CAAC,CAAC;gBAClD,CAAC,MAAM,IAAI,aAAa,CAAC,YAAY,CAAC,aAAa,CAAC,CAAC;gBACrD,CAAC,IAAI,IAAI,aAAa,CAAC,YAAY,CAAC,QAAQ,CAAC,CAAC;gBAC9C,aAAa,CAAC,YAAY,CAAC,UAAU,CAAC;SACzC;QACD,IAAI,EAAE;YACJ,SAAS,EAAE,QAAQ;SACpB;KACF,CAAC,CAAA;IAEF,OAAO,CACL,oBAAC,IAAI,IAAC,KAAK,EAAE,MAAM,CAAC,MAAM;QACxB,oBAAC,IAAI,IAAC,KAAK,EAAE,MAAM,CAAC,IAAI;YACtB,oBAAC,IAAI,IACH,IAAI,EAAE,QAAQ,EACd,OAAO,QACP,KAAK,EACH,CAAC,SAAS;oBACR,CAAC,CAAC,CAAC,MAAM,IAAI,YAAY,CAAC,KAAK,CAAC;wBAC9B,CAAC,MAAM,IAAI,YAAY,CAAC,QAAQ,CAAC;wBACjC,CAAC,MAAM,IAAI,YAAY,CAAC,UAAU,CAAC;wBACnC,CAAC,IAAI,IAAI,YAAY,CAAC,KAAK,CAAC;wBAC5B,YAAY,CAAC,KAAK;oBACpB,CAAC,CAAC,SAAS,EAEf,eAAe,EACb,CAAC,MAAM,IAAI,YAAY,CAAC,SAAS,CAAC;oBAClC,CAAC,MAAM,IAAI,YAAY,CAAC,UAAU,CAAC;oBACnC,CAAC,MAAM,IAAI,YAAY,CAAC,UAAU,CAAC;oBACnC,CAAC,IAAI,IAAI,YAAY,CAAC,QAAQ,CAAC;oBAC/B,YAAY,CAAC,UAAU,EAEzB,IAAI,EAAE,QAAQ,CAAC,KAAK,GACpB,CACG;QAEP,oBAAC,IAAI,IAAC,KAAK,EAAE,MAAM,CAAC,OAAO,GAAS,CAC/B,CACR,CAAA;AACH,CAAC,CAAA;AAED,cAAc,CAAC,WAAW,GAAG,aAAa,CAAC,cAAc,CAAA;AAEzD,eAAe,cAAc,CAAA"}
+{"version":3,"file":"TimelineMarker.native.js","sourceRoot":"","sources":["../../../../components/timeline/marker/TimelineMarker.native.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AACzC,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,MAAM,cAAc,CAAA;AAE/C,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAA;AAClD,OAAO,EAAE,mBAAmB,EAAE,MAAM,6BAA6B,CAAA;AACjE,OAAO,EAAE,aAAa,EAAE,YAAY,EAAE,MAAM,WAAW,CAAA;AACvD,OAAO,EAAE,qBAAqB,EAAE,MAAM,uCAAuC,CAAA;AAC7E,OAAO,EAAE,aAAa,EAAE,MAAM,kCAAkC,CAAA;AAEhE;;;GAGG;AACH,MAAM,cAAc,GAAG,CAAC,EACtB,QAAQ,EACR,SAAS,GACW,EAAe,EAAE;IACrC,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,EAAE,GAAG,UAAU,CAAC,mBAAmB,CAAC,CAAA;IACxE,MAAM,EAAE,MAAM,EAAE,GAAG,UAAU,CAAC,qBAAqB,CAAC,CAAA;IAEpD,MAAM,MAAM,GAAG,UAAU,CAAC,MAAM,CAAC;QAC/B,MAAM,EAAE;YACN,IAAI,EAAE,CAAC;YACP,SAAS,EAAE,YAAY;YACvB,aAAa,EAAE,QAAQ;SACxB;QACD,OAAO,EAAE;YACP,MAAM,EAAE,MAAM,CAAC,CAAC,CAAC,MAAM,GAAG,EAAE,CAAC,CAAC,CAAC,EAAE;YACjC,WAAW,EAAE,OAAO;YACpB,eAAe,EAAE,CAAC;YAClB,UAAU,EAAE,MAAM;YAClB,WAAW,EAAE,MAAM;YACnB,WAAW,EACT,CAAC,MAAM,IAAI,aAAa,CAAC,YAAY,CAAC,IAAI,CAAC,CAAC;gBAC5C,CAAC,MAAM,IAAI,aAAa,CAAC,YAAY,CAAC,aAAa,CAAC,CAAC;gBACrD,CAAC,MAAM,IAAI,aAAa,CAAC,YAAY,CAAC,YAAY,CAAC,CAAC;gBACpD,CAAC,IAAI,IAAI,aAAa,CAAC,YAAY,CAAC,IAAI,CAAC,CAAC;gBAC1C,aAAa,CAAC,YAAY,CAAC,aAAa,CAAC;SAC5C;QACD,IAAI,EAAE;YACJ,SAAS,EAAE,QAAQ;SACpB;KACF,CAAC,CAAA;IAEF,OAAO,CACL,oBAAC,IAAI,IAAC,KAAK,EAAE,MAAM,CAAC,MAAM;QACxB,oBAAC,IAAI,IAAC,KAAK,EAAE,MAAM,CAAC,IAAI;YACtB,oBAAC,IAAI,IACH,IAAI,EAAE,QAAQ,EACd,OAAO,QACP,KAAK,EACH,CAAC,SAAS;oBACR,CAAC,CAAC,CAAC,MAAM,IAAI,YAAY,CAAC,UAAU,CAAC;wBACnC,CAAC,MAAM,IAAI,YAAY,CAAC,IAAI,CAAC;wBAC7B,CAAC,MAAM,IAAI,YAAY,CAAC,UAAU,CAAC;wBACnC,CAAC,IAAI,IAAI,YAAY,CAAC,UAAU,CAAC;wBACjC,YAAY,CAAC,UAAU;oBACzB,CAAC,CAAC,SAAS,EAEf,eAAe,EACb,CAAC,MAAM,IAAI,YAAY,CAAC,IAAI,CAAC;oBAC7B,CAAC,MAAM,IAAI,YAAY,CAAC,aAAa,CAAC;oBACtC,CAAC,MAAM,IAAI,YAAY,CAAC,YAAY,CAAC;oBACrC,CAAC,IAAI,IAAI,YAAY,CAAC,IAAI,CAAC;oBAC3B,YAAY,CAAC,aAAa,EAE5B,IAAI,EAAE,QAAQ,CAAC,KAAK,GACpB,CACG;QAEP,oBAAC,IAAI,IAAC,KAAK,EAAE,MAAM,CAAC,OAAO,GAAS,CAC/B,CACR,CAAA;AACH,CAAC,CAAA;AAED,cAAc,CAAC,WAAW,GAAG,aAAa,CAAC,cAAc,CAAA;AAEzD,eAAe,cAAc,CAAA"}

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

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { IconColor, IconColorValues, IconName, IconNameValues } from '../../icon';
+import { IconColor, IconColorValues, IconName, IconNameValues } from '../../../components/icon';
 import { Accessibility } from '../../../objects';
 /**
  * Timeline Marker Interface

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

@@ -0,0 +1 @@
+export {};

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

@@ -0,0 +1,19 @@
+import * as React from "react";
+import { render } from "@testing-library/react";
+import TimelineMarker from "../TimelineMarker";
+import { IconName } from "../../../icon";
+describe("TimelineMarker component", () => {
+    it("should render without errors", () => {
+        const { getByTestId } = render(React.createElement(TimelineMarker, { iconName: IconName.EXCLAMATION_CIRCLE, testId: "timeline-marker" }));
+        expect(getByTestId("timeline-marker")).toBeInTheDocument();
+    });
+    it("should render with additional CSS classes", () => {
+        const { getByTestId } = render(React.createElement(TimelineMarker, { iconName: IconName.EXCLAMATION_CIRCLE, className: "my-custom-class", testId: "timeline-marker" }));
+        expect(getByTestId("timeline-marker")).toHaveClass("my-custom-class");
+    });
+    it("should render an icon", () => {
+        const { getByTestId } = render(React.createElement(TimelineMarker, { iconName: IconName.EXCLAMATION_CIRCLE, testId: "timeline-marker-icon" }));
+        expect(getByTestId("timeline-marker-icon")).toHaveClass("timeline-marker is-icon");
+    });
+});
+//# sourceMappingURL=TimelineMarker.test.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TimelineMarker.test.js","sourceRoot":"","sources":["../../../../../components/timeline/marker/test/TimelineMarker.test.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAC;AAChD,OAAO,cAAc,MAAM,mBAAmB,CAAC;AAC/C,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AAEzC,QAAQ,CAAC,0BAA0B,EAAE,GAAG,EAAE;IACxC,EAAE,CAAC,8BAA8B,EAAE,GAAG,EAAE;QACtC,MAAM,EAAE,WAAW,EAAE,GAAG,MAAM,CAC5B,oBAAC,cAAc,IACb,QAAQ,EAAE,QAAQ,CAAC,kBAAkB,EACrC,MAAM,EAAE,iBAAiB,GACzB,CACH,CAAC;QACF,MAAM,CAAC,WAAW,CAAC,iBAAiB,CAAC,CAAC,CAAC,iBAAiB,EAAE,CAAC;IAC7D,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,2CAA2C,EAAE,GAAG,EAAE;QACnD,MAAM,EAAE,WAAW,EAAE,GAAG,MAAM,CAC5B,oBAAC,cAAc,IACb,QAAQ,EAAE,QAAQ,CAAC,kBAAkB,EACrC,SAAS,EAAC,iBAAiB,EAC3B,MAAM,EAAE,iBAAiB,GACzB,CACH,CAAC;QACF,MAAM,CAAC,WAAW,CAAC,iBAAiB,CAAC,CAAC,CAAC,WAAW,CAAC,iBAAiB,CAAC,CAAC;IACxE,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,uBAAuB,EAAE,GAAG,EAAE;QAC/B,MAAM,EAAE,WAAW,EAAE,GAAG,MAAM,CAC5B,oBAAC,cAAc,IACb,QAAQ,EAAE,QAAQ,CAAC,kBAAkB,EACrC,MAAM,EAAE,sBAAsB,GAC9B,CACH,CAAC;QACF,MAAM,CAAC,WAAW,CAAC,sBAAsB,CAAC,CAAC,CAAC,WAAW,CACrD,yBAAyB,CAC1B,CAAC;IACJ,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC"}

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

@@ -0,0 +1 @@
+export {};

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

@@ -0,0 +1,51 @@
+import * as React from "react";
+import { render } from "@testing-library/react";
+import Timeline from "../Timeline";
+import TimelineItem from "../item";
+import TimelineMarker from "../marker";
+import { IconName } from "../../icon";
+import TimelineContent from "../content";
+import { TrilogyColor } from "../../../objects";
+describe("Timeline component", () => {
+    it("renders without crashing", () => {
+        const { container } = render(React.createElement(Timeline, null,
+            React.createElement(TimelineItem, { cancel: true },
+                React.createElement(TimelineMarker, { iconName: IconName.CHECK, iconColor: TrilogyColor.BACKGROUND }),
+                React.createElement(TimelineContent, { heading: "20 Septembre", content: "Modification de votre identifiant de connexion", link: "https://bouyguestelecom.fr", contentLink: "Voir l'email" })),
+            React.createElement(TimelineItem, { done: true },
+                React.createElement(TimelineMarker, { iconColor: TrilogyColor.BACKGROUND, iconName: IconName.CHECK }),
+                React.createElement(TimelineContent, { heading: "08 Juillet", content: "SMS Bon voyage avec seuil usage inclus", link: "link", contentLink: "Voir le SMS" })),
+            React.createElement(TimelineItem, { active: true },
+                React.createElement(TimelineMarker, { iconColor: TrilogyColor.BACKGROUND, iconName: IconName.CHECK }),
+                React.createElement(TimelineContent, { heading: "08 Juillet", content: "SMS Bon voyage avec seuil usage inclus", link: "link", contentLink: "Voir le SMS" })),
+            React.createElement(TimelineItem, { undone: true },
+                React.createElement(TimelineMarker, { iconColor: TrilogyColor.BACKGROUND, iconName: IconName.CHECK }),
+                React.createElement(TimelineContent, { heading: "08 Juillet", content: "SMS Bon voyage avec seuil usage inclus", link: "link", contentLink: "Voir le SMS" }))));
+        expect(container.firstChild).toBeInTheDocument();
+    });
+    it("adds the `timeline` class", () => {
+        const { container } = render(React.createElement(Timeline, { horizontal: true },
+            React.createElement(TimelineItem, { cancel: true },
+                React.createElement(TimelineMarker, { iconName: IconName.CHECK, iconColor: TrilogyColor.BACKGROUND }),
+                React.createElement(TimelineContent, { heading: "20 Septembre", content: "Modification de votre identifiant de connexion", link: "https://bouyguestelecom.fr", contentLink: "Voir l'email" })),
+            React.createElement(TimelineItem, { done: true },
+                React.createElement(TimelineMarker, { iconColor: TrilogyColor.BACKGROUND, iconName: IconName.CHECK }),
+                React.createElement(TimelineContent, { heading: "08 Juillet", content: "SMS Bon voyage avec seuil usage inclus", link: "link", contentLink: "Voir le SMS" })),
+            React.createElement(TimelineItem, { active: true },
+                React.createElement(TimelineMarker, { iconColor: TrilogyColor.BACKGROUND, iconName: IconName.CHECK }),
+                React.createElement(TimelineContent, { heading: "08 Juillet", content: "SMS Bon voyage avec seuil usage inclus", link: "link", contentLink: "Voir le SMS" })),
+            React.createElement(TimelineItem, { undone: true },
+                React.createElement(TimelineMarker, { iconColor: TrilogyColor.BACKGROUND, iconName: IconName.CHECK }),
+                React.createElement(TimelineContent, { heading: "08 Juillet", content: "SMS Bon voyage avec seuil usage inclus", link: "link", contentLink: "Voir le SMS" }))));
+        expect(container.firstChild).toHaveClass("timeline");
+    });
+    it("adds the `horizontal` class when `horizontal` prop is passed", () => {
+        const { container } = render(React.createElement(Timeline, { horizontal: true }, "toto"));
+        expect(container.firstChild).toHaveClass("is-horizontal");
+    });
+    it("adds the custom class when `className` prop is passed", () => {
+        const { container } = render(React.createElement(Timeline, { className: "custom-class" }, "toto"));
+        expect(container.firstChild).toHaveClass("custom-class");
+    });
+});
+//# sourceMappingURL=Timeline.test.js.map

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

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

package/lib/components/title/Title.js

@@ -2,8 +2,8 @@ import React, { useEffect, useState } from 'react';
 import clsx from 'clsx';
 import { is } from '../../services';
 import { TitleLevels, TitleMarkup } from './TitleEnum';
-import { hashClass } from '../../helpers';
-import { useTrilogyContext } from '../../context';
+import { hashClass } from '../../helpers/hashClassesHelpers';
+import { useTrilogyContext } from '../../context/index';
 const getTitleLevel = (level) => {
     if (level) {
         switch (level) {

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

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