@trilogy-ds/react 0.0.1-beta-3 → 0.0.1-beta.10

package/lib/components/timeline/Timeline.js

@@ -1,8 +1,8 @@
-import React from 'react';
-import { hashClass } from '../../helpers';
-import clsx from 'clsx';
-import { useTrilogyContext } from '../../context';
-import { is } from '../../services';
+import * as React from "react";
+import { hashClass } from "../../helpers";
+import clsx from "clsx";
+import { useTrilogyContext } from "../../context";
+import { is } from "../../services";
 /**
  * Timeline Component
  * @param notifications {boolean} Timeline notification rendering
@@ -14,7 +14,7 @@ import { is } from '../../services';
 const Timeline = ({ className, notifications, horizontal, ...others }) => {
     const { styled } = useTrilogyContext();
     const timelineRef = React.useRef(null);
-    const classes = hashClass(styled, clsx('timeline', notifications && notifications, horizontal && is('horizontal'), className));
+    const classes = hashClass(styled, clsx("timeline", notifications && notifications, horizontal && is("horizontal"), className));
     return React.createElement("div", { ref: timelineRef, className: classes, ...others });
 };
 export default Timeline;

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

@@ -1 +1 @@
-{"version":3,"file":"Timeline.js","sourceRoot":"","sources":["../../../components/timeline/Timeline.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAA;AACzC,OAAO,IAAI,MAAM,MAAM,CAAA;AACvB,OAAO,EAAE,iBAAiB,EAAE,MAAM,eAAe,CAAA;AACjD,OAAO,EAAE,EAAE,EAAE,MAAM,gBAAgB,CAAA;AAEnC;;;;;;;GAOG;AACH,MAAM,QAAQ,GAAG,CAAC,EAAE,SAAS,EAAE,aAAa,EAAE,UAAU,EAAE,GAAG,MAAM,EAAiB,EAAe,EAAE;IACnG,MAAM,EAAE,MAAM,EAAE,GAAG,iBAAiB,EAAE,CAAA;IACtC,MAAM,WAAW,GAAG,KAAK,CAAC,MAAM,CAAiB,IAAI,CAAC,CAAA;IACtD,MAAM,OAAO,GAAG,SAAS,CACvB,MAAM,EACN,IAAI,CAAC,UAAU,EAAE,aAAa,IAAI,aAAa,EAAE,UAAU,IAAI,EAAE,CAAC,YAAY,CAAC,EAAE,SAAS,CAAC,CAC5F,CAAA;IAED,OAAO,6BAAK,GAAG,EAAE,WAAW,EAAE,SAAS,EAAE,OAAO,KAAM,MAAM,GAAI,CAAA;AAClE,CAAC,CAAA;AAED,eAAe,QAAQ,CAAA"}
+{"version":3,"file":"Timeline.js","sourceRoot":"","sources":["../../../components/timeline/Timeline.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAA;AACzC,OAAO,IAAI,MAAM,MAAM,CAAA;AACvB,OAAO,EAAE,iBAAiB,EAAE,MAAM,eAAe,CAAA;AACjD,OAAO,EAAE,EAAE,EAAE,MAAM,gBAAgB,CAAA;AAEnC;;;;;;;GAOG;AACH,MAAM,QAAQ,GAAG,CAAC,EAChB,SAAS,EACT,aAAa,EACb,UAAU,EACV,GAAG,MAAM,EACK,EAAe,EAAE;IAC/B,MAAM,EAAE,MAAM,EAAE,GAAG,iBAAiB,EAAE,CAAA;IACtC,MAAM,WAAW,GAAG,KAAK,CAAC,MAAM,CAAiB,IAAI,CAAC,CAAA;IACtD,MAAM,OAAO,GAAG,SAAS,CACvB,MAAM,EACN,IAAI,CACF,UAAU,EACV,aAAa,IAAI,aAAa,EAC9B,UAAU,IAAI,EAAE,CAAC,YAAY,CAAC,EAC9B,SAAS,CACV,CACF,CAAA;IAED,OAAO,6BAAK,GAAG,EAAE,WAAW,EAAE,SAAS,EAAE,OAAO,KAAM,MAAM,GAAI,CAAA;AAClE,CAAC,CAAA;AAED,eAAe,QAAQ,CAAA"}

package/lib/components/timeline/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 "../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 "../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,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"}

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 "../../text";
+import { Link } from "../../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,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"}

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 "../../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 "../../text";
+import { Link } from "../../link";
+import { TypographyColor } from "../../../objects";
+import { TimelineItemContext } from "../item/TimelineItem.native";
+import { AutoLayout } from "../../autolayout";
+import { ComponentName } from "../../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,YAAY,CAAA;AAC7C,OAAO,EAAE,IAAI,EAAE,MAAM,YAAY,CAAA;AACjC,OAAO,EAAE,eAAe,EAAE,MAAM,kBAAkB,CAAA;AAClD,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;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/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,kBAAkB,CAAA;AACpD,OAAO,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAA;AAE5C;;;;;;;;GAQG;AACH,MAAM,YAAY,GAAG,CAAC,EACpB,SAAS,EACT,IAAI,EACJ,MAAM,EACN,MAAM,EACN,MAAM,EACN,GAAG,MAAM,EACY,EAAe,EAAE;IACtC,MAAM,EAAE,MAAM,EAAE,GAAG,iBAAiB,EAAE,CAAA;IACtC,MAAM,OAAO,GAAG,SAAS,CACvB,MAAM,EACN,IAAI,CACF,eAAe,EACf,IAAI,IAAI,MAAM,EACd,MAAM,IAAI,QAAQ,EAClB,MAAM,IAAI,QAAQ,EAClB,MAAM,IAAI,QAAQ,EAClB,SAAS,CACV,CACF,CAAA;IACD,OAAO,6BAAK,SAAS,EAAE,OAAO,KAAM,MAAM,GAAI,CAAA;AAChD,CAAC,CAAA;AAED,eAAe,YAAY,CAAA"}

package/lib/components/timeline/marker/TimelineMarker.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 "../../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,4BAA4B,CAAA;AAC/C,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAA;AAC3C,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,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 "../../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 "../../icon";
+import { TimelineItemContext } from "../item/TimelineItem.native";
+import { getColorStyle, TrilogyColor } from "../../../objects";
+import { TimelineHeightContext } from "../Timeline.native";
+import { ComponentName } from "../../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) ||
+                        (undone && TrilogyColor.MAIN) ||
+                        (cancel && TrilogyColor.WHITE) ||
                         (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 })),
+                    : 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,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,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,KAAK,CAAC;wBAC9B,CAAC,MAAM,IAAI,YAAY,CAAC,IAAI,CAAC;wBAC7B,CAAC,MAAM,IAAI,YAAY,CAAC,KAAK,CAAC;wBAC9B,CAAC,IAAI,IAAI,YAAY,CAAC,KAAK,CAAC;wBAC5B,YAAY,CAAC,KAAK;oBACpB,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/title/Title.native.d.ts

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

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

@@ -1,9 +1,9 @@
-import React from 'react';
-import { StyleSheet, Text, TouchableOpacity, View, Platform } from 'react-native';
-import ContentLoader, { Rect } from 'react-content-loader/native';
-import { setTypographyAlign, setTypographyColor } from '../../objects';
-import { getColorStyle, TrilogyColor } from '../../objects/facets/Color';
-import { ComponentName } from '../enumsComponentsName';
+import * as React from "react";
+import { Platform, StyleSheet, Text, TouchableOpacity, View, } from "react-native";
+import ContentLoader, { Rect } from "react-content-loader/native";
+import { setTypographyAlign, setTypographyColor } from "../../objects";
+import { getColorStyle, TrilogyColor } from "../../objects/facets/Color";
+import { ComponentName } from "../enumsComponentsName";
 /**
  * Title Native Component
  * @param children {ReactNode} Text child
@@ -19,17 +19,17 @@ import { ComponentName } from '../enumsComponentsName';
 const Title = ({ children, level, style, inverted, typo, onClick, skeleton, testId, accessibilityLabel, subtitle, overline, ...others }) => {
     const titlesLevels = () => {
         switch (level) {
-            case 'ONE':
+            case "ONE":
                 return 32;
-            case 'TWO':
+            case "TWO":
                 return 28;
-            case 'THREE':
+            case "THREE":
                 return 22;
-            case 'FOUR':
+            case "FOUR":
                 return 20;
-            case 'FIVE':
+            case "FIVE":
                 return 18;
-            case 'SIX':
+            case "SIX":
                 return 16;
             default:
                 return 16;
@@ -37,30 +37,32 @@ const Title = ({ children, level, style, inverted, typo, onClick, skeleton, test
     };
     const getAlignSelf = () => {
         switch (true) {
-            case setTypographyAlign(typo) === 'left':
-                return 'flex-start';
-            case setTypographyAlign(typo) === 'center':
-                return 'center';
-            case setTypographyAlign(typo) === 'right':
-                return 'flex-end';
+            case setTypographyAlign(typo) === "left":
+                return "flex-start";
+            case setTypographyAlign(typo) === "center":
+                return "center";
+            case setTypographyAlign(typo) === "right":
+                return "flex-end";
             default:
-                return 'flex-start';
+                return "flex-start";
         }
     };
     const getFontFamily = () => {
-        if (level && ['ONE', 'TWO'].includes(level))
-            return 'poppins-bold';
-        return 'poppins-semibold';
+        if (level && ["ONE", "TWO"].includes(level))
+            return "poppins-bold";
+        return "poppins-semibold";
     };
     const styles = StyleSheet.create({
         text: {
             fontFamily: getFontFamily(),
             fontSize: titlesLevels(),
-            color: (((overline || subtitle) && !level) && getColorStyle(TrilogyColor.SECONDARY))
-                || (!skeleton && setTypographyColor(typo, inverted)) ||
-                'transparent',
+            color: ((overline || subtitle) &&
+                !level &&
+                getColorStyle(TrilogyColor.MAIN)) ||
+                (!skeleton && setTypographyColor(typo, inverted)) ||
+                "transparent",
             textAlign: setTypographyAlign(typo),
-            textTransform: overline && !level ? 'uppercase' : undefined,
+            textTransform: overline && !level ? "uppercase" : undefined,
             alignSelf: getAlignSelf(),
         },
         skeleton: {
@@ -68,22 +70,26 @@ const Title = ({ children, level, style, inverted, typo, onClick, skeleton, test
             alignSelf: getAlignSelf(),
             borderRadius: 5,
             borderWidth: 0.1,
-            borderColor: getColorStyle(TrilogyColor.GREY_LIGHTER),
-            overflow: 'hidden',
+            borderColor: getColorStyle(TrilogyColor.NEUTRAL_LIGHT),
+            overflow: "hidden",
             height: titlesLevels(),
         },
     });
-    const titleTestId = testId ? testId : typeof children === 'string' ? children : 'NotSpecified';
+    const titleTestId = testId
+        ? testId
+        : typeof children === "string"
+            ? children
+            : "NotSpecified";
     const titleAccessibilityLabel = accessibilityLabel
         ? accessibilityLabel
-        : typeof children === 'string'
+        : typeof children === "string"
             ? children
             : undefined;
     let titleView = (React.createElement(Text, { maxFontSizeMultiplier: 1.3, accessible: !!titleAccessibilityLabel, accessibilityLabel: titleAccessibilityLabel, testID: titleTestId, style: [styles.text, style], ...others }, children));
     if (skeleton) {
         titleView = (React.createElement(ContentLoader, { style: styles.skeleton },
             titleView,
-            Platform.OS === 'android' && (React.createElement(View, null,
+            Platform.OS === "android" && (React.createElement(View, null,
                 React.createElement(Rect, { rx: '15', ry: '15', width: '100%', height: '100%' })))));
     }
     return onClick ? (React.createElement(TouchableOpacity, { onPress: onClick, activeOpacity: 0.85 }, titleView)) : (titleView);

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

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

package/lib/components/toaster/Toaster.native.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
-import { ToasterProps } from './ToasterProps';
-import { ComponentName } from '../enumsComponentsName';
+import { ToasterProps } from "./ToasterProps";
+import { ComponentName } from "../enumsComponentsName";
 /**
  * Toaster provider
  * @param children {React.ReactNode} Custom Toast Content

package/lib/components/toaster/Toaster.native.js

@@ -1,24 +1,24 @@
-import React from 'react';
-import { StyleSheet, TouchableOpacity } from 'react-native';
-import LibToast from 'react-native-toast-message';
-import { ToasterPosition } from './ToasterProps';
-import { View } from '../view';
-import { Title } from '../title';
-import { Text, TextLevels } from '../text';
-import { Icon, IconName, IconSize } from '../icon';
-import { Columns, ColumnsItem } from '../columns';
-import { getAlertStyle, getBackgroundOfVariant, TrilogyColor } from '../../objects';
-import { Spacer, SpacerSize } from '../spacer';
-import ToasterContext from './context';
-import { ComponentName } from '../enumsComponentsName';
+import * as React from "react";
+import { StyleSheet, TouchableOpacity } from "react-native";
+import LibToast from "react-native-toast-message";
+import { ToasterPosition } from "./ToasterProps";
+import { View } from "../view";
+import { Title } from "../title";
+import { Text, TextLevels } from "../text";
+import { Icon, IconName, IconSize } from "../icon";
+import { Columns, ColumnsItem } from "../columns";
+import { getAlertStyle, getColorStyle, TrilogyColor, } from "../../objects";
+import { Spacer, SpacerSize } from "../spacer";
+import ToasterContext from "./context";
+import { ComponentName } from "../enumsComponentsName";
 /**
  * Function call by context for showing toast
  * @param params {ToasterShowContext}
  */
 const showToast = (params) => {
-    const { position, duration, offset, title, description, onClick, closable, onHide, iconName, alert } = params;
+    const { position, duration, offset, title, description, onClick, closable, onHide, iconName, alert, } = params;
     LibToast.show({
-        type: 'tomatoToast',
+        type: "tomatoToast",
         position: position || ToasterPosition.BOTTOM,
         bottomOffset: offset || 10,
         topOffset: offset || 10,
@@ -38,8 +38,8 @@ const showToast = (params) => {
  */
 const Toaster = ({ props }) => {
     const { title, description, iconName, alert, closable, onClick } = props;
-    const color = getAlertStyle(alert) || getBackgroundOfVariant(TrilogyColor.SECONDARY);
-    const backgroundColor = getBackgroundOfVariant(alert);
+    const color = getAlertStyle(alert) || getColorStyle(TrilogyColor.MAIN);
+    const backgroundColor = getColorStyle(alert, 1);
     const styles = StyleSheet.create({
         toaster: {
             padding: 24,