@trilogy-ds/react 0.0.16-esm-cjs → 0.0.18-esm-cjs

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

@@ -130,6 +130,7 @@ var ComponentName = /* @__PURE__ */ ((ComponentName2) => {
   ComponentName2["BreadcrumbItem"] = "BreadcrumbItem";
   ComponentName2["Button"] = "Button";
   ComponentName2["ButtonList"] = "ButtonList";
+  ComponentName2["Calendar"] = "Calendar";
   ComponentName2["ButtonVariant"] = "ButtonVariant";
   ComponentName2["ButtonMarkup"] = "ButtonMarkup";
   ComponentName2["ButtonType"] = "ButtonType";
@@ -268,6 +269,7 @@ var ComponentName = /* @__PURE__ */ ((ComponentName2) => {
   ComponentName2["Chips"] = "Chips";
   ComponentName2["ChipsList"] = "ChipsList";
   ComponentName2["Range"] = "Range";
+  ComponentName2["DatePicker"] = "DatePicker";
   return ComponentName2;
 })(ComponentName || {});
 
@@ -421,6 +423,7 @@ var colors = {
   ["MAIN" /* MAIN */]: ["#3d5d7e", "main", "white"],
   ["MAIN_FADE" /* MAIN_FADE */]: ["#BBC6CD", "main-fade", "white"],
   ["ACCENT" /* ACCENT */]: ["#da641b", "accent", "white"],
+  ["ACCENT_FADE" /* ACCENT_FADE */]: ["#faebe3", "accent-fade", "white"],
   ["FONT" /* FONT */]: ["#3d5d7e", "main", "white"],
   ["FONT_PLACEHOLDER" /* FONT_PLACEHOLDER */]: ["#687a87", "font-placeholder", "white"],
   ["SUCCESS" /* SUCCESS */]: ["#007B52", "success", "white"],
@@ -538,6 +541,12 @@ var Icon = import_react5.default.forwardRef(
       icon: {
         transform: isIOS ? stretched && [{ skewX: "20deg" }] || [{ skewX: "0deg" }] : []
       },
+      iconContainer: {
+        alignItems: "center",
+        justifyContent: "center",
+        width: defaultSize,
+        height: defaultSize
+      },
       stretched: {
         justifyContent: "center",
         alignItems: "center",
@@ -592,7 +601,7 @@ var Icon = import_react5.default.forwardRef(
           }
         ));
       } else {
-        iconView = /* @__PURE__ */ import_react5.default.createElement(import_react_native3.View, { ...others }, /* @__PURE__ */ import_react5.default.createElement(
+        iconView = /* @__PURE__ */ import_react5.default.createElement(import_react_native3.View, { style: styles.iconContainer, ...others }, /* @__PURE__ */ import_react5.default.createElement(
           import_css.WithLocalSvg,
           {
             style: [styles.icon, style],
@@ -689,24 +698,11 @@ var setTypographyAlign = (typo = "left") => {
   return typo && !Array.isArray(typo) && typo === "has-text-centered" /* TEXT_CENTERED */ && "center" || typo && Array.isArray(typo) && typo.includes("has-text-centered" /* TEXT_CENTERED */) && "center" || typo && !Array.isArray(typo) && typo === "has-text-left" /* TEXT_LEFT */ && "left" || typo && Array.isArray(typo) && typo.includes("has-text-left" /* TEXT_LEFT */) && "left" || typo && !Array.isArray(typo) && typo === "has-text-right" /* TEXT_RIGHT */ && "right" || typo && Array.isArray(typo) && typo.includes("has-text-right" /* TEXT_RIGHT */) && "right" || typo && !Array.isArray(typo) && typo === "has-text-justified" /* TEXT_JUSTIFIED */ && "justify" || typo && Array.isArray(typo) && typo.includes("has-text-justified" /* TEXT_JUSTIFIED */) && "justify" || "left";
 };
 
-// context/providerTheme/index.tsx
-var import_react7 = __toESM(require("react"));
-var defaultTheme2 = {
-  icons: {},
-  colors: {},
-  fontFamily: {}
-};
-var defaultContextValue2 = {
-  theme: defaultTheme2,
-  setTheme: () => void 0
-};
-var TrilogyThemeContext2 = import_react7.default.createContext(defaultContextValue2);
-
-// objects/Typography/TypographyBold/index.tsx
-var import_react8 = require("react");
+// objects/Typography/TypographyBold/index.native.tsx
+var import_react7 = require("react");
 var getTypographyBoldStyle = (typo) => {
   var _a, _b, _c, _d;
-  const { theme } = (0, import_react8.useContext)(TrilogyThemeContext2);
+  const { theme } = (0, import_react7.useContext)(TrilogyThemeContext);
   const currentTypo = Array.isArray(typo) ? typo : [typo];
   switch (true) {
     case (typo && currentTypo.includes("has-text-weight-medium" /* TEXT_WEIGHT_MEDIUM */)):
@@ -726,74 +722,82 @@ var setTypographyColor = (typo = "", inverted = false, loading = false) => {
 };
 
 // components/text/Text.native.tsx
-var import_react9 = __toESM(require("react"));
+var import_react8 = __toESM(require("react"));
 var import_native2 = __toESM(require("react-content-loader/native"));
 var import_react_native5 = require("react-native");
-var Text2 = import_react9.default.forwardRef(
-  ({ children, level, style, inverted, typo, skeleton, accessibilityLabel, numberOfLines = 0, ...others }, ref) => {
-    const statesContext = (0, import_react9.useContext)(StatesContext);
-    const textLevels = (level2) => {
-      return level2 && level2 == 1 /* ONE */ && 16 || level2 && level2 == 2 /* TWO */ && 14 || level2 && level2 == 3 /* THREE */ && 12 || level2 && level2 == 4 /* FOUR */ && 10 || 14;
-    };
-    const styles = import_react_native5.StyleSheet.create({
-      text: {
-        fontFamily: getTypographyBoldStyle(typo),
-        fontSize: textLevels(level),
-        color: setTypographyColor(typo, inverted || statesContext.inverted, skeleton),
-        textAlign: setTypographyAlign(typo),
-        lineHeight: textLevels(level) * 1.2,
-        textDecorationLine: "none",
-        alignSelf: setTypographyAlign(typo) === "left" && "flex-start" || setTypographyAlign(typo) === "center" && "center" || setTypographyAlign(typo) === "right" && "flex-end" || "flex-start"
-      },
-      skeleton: {
-        minWidth: 10,
-        alignSelf: setTypographyAlign(typo) === "left" && "flex-start" || setTypographyAlign(typo) === "center" && "center" || setTypographyAlign(typo) === "right" && "flex-end" || "flex-start",
-        borderRadius: level && level == 1 /* ONE */ && 7 || level && level == 2 /* TWO */ && 7 || level && level == 3 /* THREE */ && 5 || 3,
-        borderWidth: 0.1,
-        borderColor: getColorStyle("NEUTRAL_FADE" /* NEUTRAL_FADE */),
-        overflow: "hidden",
-        height: textLevels(level)
-      }
-    });
-    const textAccessibilityLabel = accessibilityLabel ? accessibilityLabel : typeof children === "string" ? children : void 0;
-    let textView = /* @__PURE__ */ import_react9.default.createElement(
-      import_react_native5.Text,
-      {
-        ref,
-        numberOfLines,
-        ellipsizeMode: "tail",
-        maxFontSizeMultiplier: 1.3,
-        accessible: !!textAccessibilityLabel,
-        accessibilityLabel: textAccessibilityLabel,
-        style: [styles.text, style],
-        ...others
-      },
-      children
-    );
-    if (skeleton) {
-      textView = /* @__PURE__ */ import_react9.default.createElement(import_native2.default, { style: styles.skeleton }, textView, isAndroid && /* @__PURE__ */ import_react9.default.createElement(import_react_native5.View, null, /* @__PURE__ */ import_react9.default.createElement(import_native2.Rect, { rx: "7", ry: "7", width: "100%", height: "100%" })));
+var Text2 = import_react8.default.forwardRef(({
+  children,
+  level,
+  style,
+  inverted,
+  typo,
+  skeleton,
+  accessibilityLabel,
+  numberOfLines = 0,
+  ...others
+}, ref) => {
+  const statesContext = (0, import_react8.useContext)(StatesContext);
+  const textLevels = (level2) => {
+    return level2 && level2 == 1 /* ONE */ && 16 || level2 && level2 == 2 /* TWO */ && 14 || level2 && level2 == 3 /* THREE */ && 12 || level2 && level2 == 4 /* FOUR */ && 10 || 14;
+  };
+  const styles = import_react_native5.StyleSheet.create({
+    text: {
+      fontFamily: getTypographyBoldStyle(typo),
+      fontSize: textLevels(level),
+      color: setTypographyColor(typo, inverted || statesContext.inverted, skeleton),
+      textAlign: setTypographyAlign(typo),
+      lineHeight: textLevels(level) * 1.2,
+      textDecorationLine: "none",
+      alignSelf: setTypographyAlign(typo) === "left" && "flex-start" || setTypographyAlign(typo) === "center" && "center" || setTypographyAlign(typo) === "right" && "flex-end" || "flex-start"
+    },
+    skeleton: {
+      minWidth: 10,
+      alignSelf: setTypographyAlign(typo) === "left" && "flex-start" || setTypographyAlign(typo) === "center" && "center" || setTypographyAlign(typo) === "right" && "flex-end" || "flex-start",
+      borderRadius: level && level == 1 /* ONE */ && 7 || level && level == 2 /* TWO */ && 7 || level && level == 3 /* THREE */ && 5 || 3,
+      borderWidth: 0.1,
+      borderColor: getColorStyle("NEUTRAL_FADE" /* NEUTRAL_FADE */),
+      overflow: "hidden",
+      height: textLevels(level)
     }
-    return textView;
+  });
+  const textAccessibilityLabel = accessibilityLabel ? accessibilityLabel : typeof children === "string" ? children : void 0;
+  let textView = /* @__PURE__ */ import_react8.default.createElement(
+    import_react_native5.Text,
+    {
+      ref,
+      numberOfLines,
+      ellipsizeMode: "tail",
+      maxFontSizeMultiplier: 1.3,
+      accessible: !!textAccessibilityLabel,
+      accessibilityLabel: textAccessibilityLabel,
+      style: [styles.text, style],
+      ...others
+    },
+    children
+  );
+  if (skeleton) {
+    textView = /* @__PURE__ */ import_react8.default.createElement(import_native2.default, { style: styles.skeleton }, textView, isAndroid && /* @__PURE__ */ import_react8.default.createElement(import_react_native5.View, null, /* @__PURE__ */ import_react8.default.createElement(import_native2.Rect, { rx: "7", ry: "7", width: "100%", height: "100%" })));
   }
-);
+  return textView;
+});
 Text2.displayName = "Text" /* Text */;
 var Text_native_default = Text2;
 
 // components/timeline/Timeline.native.tsx
-var React10 = __toESM(require("react"));
+var React9 = __toESM(require("react"));
 var import_react_native6 = require("react-native");
-var TimelineHeightContext = React10.createContext({
+var TimelineHeightContext = React9.createContext({
   height: 0,
   setHeight: () => void 0
 });
-var Timeline = React10.forwardRef(({ children }, ref) => {
+var Timeline = React9.forwardRef(({ children }, ref) => {
   const styles = import_react_native6.StyleSheet.create({
     container: {
       flexDirection: "column"
     }
   });
-  const [height, setHeight] = React10.useState(0);
-  return /* @__PURE__ */ React10.createElement(
+  const [height, setHeight] = React9.useState(0);
+  return /* @__PURE__ */ React9.createElement(
     TimelineHeightContext.Provider,
     {
       value: {
@@ -801,18 +805,18 @@ var Timeline = React10.forwardRef(({ children }, ref) => {
         setHeight
       }
     },
-    /* @__PURE__ */ React10.createElement(import_react_native6.View, { ref, style: styles.container }, children)
+    /* @__PURE__ */ React9.createElement(import_react_native6.View, { ref, style: styles.container }, children)
   );
 });
 Timeline.displayName = "Timeline" /* Timeline */;
 var Timeline_native_default = Timeline;
 
 // components/timeline/item/TimelineItem.native.tsx
-var import_react10 = __toESM(require("react"));
+var import_react9 = __toESM(require("react"));
 var import_react_native7 = require("react-native");
-var TimelineItemContext = (0, import_react10.createContext)({ done: false, active: false, cancel: false });
-var TimelineItem = import_react10.default.forwardRef(({ children, done, active, cancel }, ref) => {
-  const { height, setHeight } = (0, import_react10.useContext)(TimelineHeightContext);
+var TimelineItemContext = (0, import_react9.createContext)({ done: false, active: false, cancel: false });
+var TimelineItem = import_react9.default.forwardRef(({ children, done, active, cancel }, ref) => {
+  const { height, setHeight } = (0, import_react9.useContext)(TimelineHeightContext);
   const styles = import_react_native7.StyleSheet.create({
     item: {
       width: "100%",
@@ -822,7 +826,7 @@ var TimelineItem = import_react10.default.forwardRef(({ children, done, active,
       marginBottom: 8
     }
   });
-  return /* @__PURE__ */ import_react10.default.createElement(TimelineItemContext.Provider, { value: { done: done || false, active: active || false, cancel: cancel || false } }, /* @__PURE__ */ import_react10.default.createElement(
+  return /* @__PURE__ */ import_react9.default.createElement(TimelineItemContext.Provider, { value: { done: done || false, active: active || false, cancel: cancel || false } }, /* @__PURE__ */ import_react9.default.createElement(
     import_react_native7.View,
     {
       ref,
@@ -851,11 +855,11 @@ var STATUS_COLORS = {
 };
 
 // components/timeline/content/TimelineContent.native.tsx
-var import_react11 = __toESM(require("react"));
+var import_react10 = __toESM(require("react"));
 var import_react_native8 = require("react-native");
-var TimelineContent = import_react11.default.forwardRef(
+var TimelineContent = import_react10.default.forwardRef(
   ({ content, heading, linkLabel, linkTo, children }, ref) => {
-    const timelineContextValues = (0, import_react11.useContext)(TimelineItemContext);
+    const timelineContextValues = (0, import_react10.useContext)(TimelineItemContext);
     const styles = import_react_native8.StyleSheet.create({
       container: {
         flex: 6,
@@ -874,50 +878,48 @@ var TimelineContent = import_react11.default.forwardRef(
         marginTop: 6
       }
     });
-    return children ? /* @__PURE__ */ import_react11.default.createElement(import_react_native8.View, { ref, style: styles.container }, /* @__PURE__ */ import_react11.default.createElement(AutoLayout_native_default, null, children)) : /* @__PURE__ */ import_react11.default.createElement(import_react_native8.View, { ref, style: styles.container }, !!heading && /* @__PURE__ */ import_react11.default.createElement(Text_native_default, { level: 3 /* THREE */, style: styles.heading, typo: "has-text-main" /* TEXT_MAIN */ }, heading), !!content && /* @__PURE__ */ import_react11.default.createElement(Text_native_default, { level: 2 /* TWO */, style: styles.content }, content), linkLabel && linkTo && /* @__PURE__ */ import_react11.default.createElement(import_react_native8.TouchableOpacity, { testID: "click-id" }, /* @__PURE__ */ import_react11.default.createElement(import_react_native8.View, { style: styles.link }, /* @__PURE__ */ import_react11.default.createElement(Link_native_default, { to: linkTo }, linkLabel))));
+    return children ? /* @__PURE__ */ import_react10.default.createElement(import_react_native8.View, { ref, style: styles.container }, /* @__PURE__ */ import_react10.default.createElement(AutoLayout_native_default, null, children)) : /* @__PURE__ */ import_react10.default.createElement(import_react_native8.View, { ref, style: styles.container }, !!heading && /* @__PURE__ */ import_react10.default.createElement(Text_native_default, { level: 3 /* THREE */, style: styles.heading, typo: "has-text-main" /* TEXT_MAIN */ }, heading), !!content && /* @__PURE__ */ import_react10.default.createElement(Text_native_default, { level: 2 /* TWO */, style: styles.content }, content), linkLabel && linkTo && /* @__PURE__ */ import_react10.default.createElement(import_react_native8.TouchableOpacity, { testID: "click-id" }, /* @__PURE__ */ import_react10.default.createElement(import_react_native8.View, { style: styles.link }, /* @__PURE__ */ import_react10.default.createElement(Link_native_default, { to: linkTo }, linkLabel))));
   }
 );
 TimelineContent.displayName = "TimelineContent" /* TimelineContent */;
 var TimelineContent_native_default = TimelineContent;
 
 // components/timeline/marker/TimelineMarker.native.tsx
-var import_react12 = __toESM(require("react"));
+var import_react11 = __toESM(require("react"));
 var import_react_native9 = require("react-native");
-var TimelineMarker = import_react12.default.forwardRef(
-  ({ iconName }, ref) => {
-    const { active, done, cancel } = (0, import_react12.useContext)(TimelineItemContext);
-    const { height } = (0, import_react12.useContext)(TimelineHeightContext);
-    const styles = import_react_native9.StyleSheet.create({
-      marker: {
-        flex: 1,
-        alignSelf: "flex-start",
-        flexDirection: "column"
-      },
-      divider: {
-        top: 8 /* TWO */,
-        height: height ? height - 48 : 74,
-        borderStyle: "solid",
-        borderLeftWidth: 2,
-        marginLeft: "auto",
-        marginRight: "auto",
-        borderColor: active && getColorStyle("MAIN" /* MAIN */) || cancel && getColorStyle("NEUTRAL" /* NEUTRAL */) || done && getColorStyle("MAIN" /* MAIN */) || getColorStyle("NEUTRAL" /* NEUTRAL */)
-      },
-      icon: {
-        alignSelf: "center"
-      }
-    });
-    return /* @__PURE__ */ import_react12.default.createElement(import_react_native9.View, { ref, style: styles.marker }, /* @__PURE__ */ import_react12.default.createElement(import_react_native9.View, { style: styles.icon }, /* @__PURE__ */ import_react12.default.createElement(
-      Icon_native_default,
-      {
-        name: iconName,
-        circled: true,
-        color: active && "WHITE" /* BACKGROUND */ || cancel && "NEUTRAL_FADE" /* NEUTRAL_FADE */ || done && "WHITE" /* BACKGROUND */ || "WHITE" /* BACKGROUND */,
-        backgroundColor: active && "MAIN" /* MAIN */ || cancel && "NEUTRAL" /* NEUTRAL */ || done && "MAIN" /* MAIN */ || "NEUTRAL" /* NEUTRAL */,
-        size: "small" /* SMALL */
-      }
-    )), /* @__PURE__ */ import_react12.default.createElement(import_react_native9.View, { style: styles.divider }));
-  }
-);
+var TimelineMarker = import_react11.default.forwardRef(({ iconName }, ref) => {
+  const { active, done, cancel } = (0, import_react11.useContext)(TimelineItemContext);
+  const { height } = (0, import_react11.useContext)(TimelineHeightContext);
+  const styles = import_react_native9.StyleSheet.create({
+    marker: {
+      flex: 1,
+      alignSelf: "flex-start",
+      flexDirection: "column"
+    },
+    divider: {
+      top: 8 /* TWO */,
+      height: height ? height - 48 : 74,
+      borderStyle: "solid",
+      borderLeftWidth: 2,
+      marginLeft: "auto",
+      marginRight: "auto",
+      borderColor: active && getColorStyle("MAIN" /* MAIN */) || cancel && getColorStyle("NEUTRAL" /* NEUTRAL */) || done && getColorStyle("MAIN" /* MAIN */) || getColorStyle("NEUTRAL" /* NEUTRAL */)
+    },
+    icon: {
+      alignSelf: "center"
+    }
+  });
+  return /* @__PURE__ */ import_react11.default.createElement(import_react_native9.View, { ref, style: styles.marker }, /* @__PURE__ */ import_react11.default.createElement(import_react_native9.View, { style: styles.icon }, /* @__PURE__ */ import_react11.default.createElement(
+    Icon_native_default,
+    {
+      name: iconName,
+      circled: true,
+      color: active && "WHITE" /* BACKGROUND */ || cancel && "NEUTRAL_FADE" /* NEUTRAL_FADE */ || done && "WHITE" /* BACKGROUND */ || "WHITE" /* BACKGROUND */,
+      backgroundColor: active && "MAIN" /* MAIN */ || cancel && "NEUTRAL" /* NEUTRAL */ || done && "MAIN" /* MAIN */ || "NEUTRAL" /* NEUTRAL */,
+      size: "small" /* SMALL */
+    }
+  )), /* @__PURE__ */ import_react11.default.createElement(import_react_native9.View, { style: styles.divider }));
+});
 TimelineMarker.displayName = "TimelineMarker" /* TimelineMarker */;
 var TimelineMarker_native_default = TimelineMarker;
 

package/lib/components/timeline/index.native.mjs

@@ -2,11 +2,11 @@
 import "../../chunk-CK3JZVFI.mjs";
 import {
   index_native_default
-} from "../../chunk-PFH5M7W4.mjs";
-import "../../chunk-WM3KXXQX.mjs";
+} from "../../chunk-NE4WGXUM.mjs";
+import "../../chunk-ZRWNSZC6.mjs";
 import {
   TimelineContent_native_default
-} from "../../chunk-MN7IITZQ.mjs";
+} from "../../chunk-CTW5LTU3.mjs";
 import {
   TimelineItem_native_default
 } from "../../chunk-JDN37IEF.mjs";
@@ -14,30 +14,32 @@ import {
   Timeline_native_default
 } from "../../chunk-3SDJGR37.mjs";
 import "../../chunk-TAXYUDZN.mjs";
-import "../../chunk-FIH3EYH2.mjs";
+import "../../chunk-QTEMHSK5.mjs";
 import "../../chunk-2USOPQHO.mjs";
-import "../../chunk-PBPNVWL2.mjs";
-import "../../chunk-GNSLOYT2.mjs";
-import "../../chunk-WG6PNVJM.mjs";
+import "../../chunk-7EU3FOC4.mjs";
+import "../../chunk-DYV23SEH.mjs";
 import "../../chunk-AQYNL523.mjs";
+import "../../chunk-FFF7QP5X.mjs";
 import "../../chunk-DU46N4OG.mjs";
 import "../../chunk-WEGZE5OY.mjs";
-import "../../chunk-2AL4D3MJ.mjs";
+import "../../chunk-MVQ252OA.mjs";
 import "../../chunk-3CL5Q2CR.mjs";
 import "../../chunk-54DJB6AO.mjs";
 import "../../chunk-7M6BHGK7.mjs";
 import "../../chunk-VNWHCGCD.mjs";
-import "../../chunk-SJ5DUOZ6.mjs";
+import "../../chunk-X67AAUB2.mjs";
 import "../../chunk-TFNM3EBG.mjs";
-import "../../chunk-MKOK7VNZ.mjs";
+import "../../chunk-YKUYXBXK.mjs";
 import "../../chunk-ZEJDFWMP.mjs";
-import "../../chunk-KNRXLZZP.mjs";
+import "../../chunk-MB55ARZ7.mjs";
 import "../../chunk-D5HHHZDS.mjs";
-import "../../chunk-2CYVOYRM.mjs";
+import "../../chunk-3LXODEBD.mjs";
+import "../../chunk-WVL5S3CD.mjs";
 import "../../chunk-7L5452RP.mjs";
-import "../../chunk-H6FVJB5Z.mjs";
+import "../../chunk-2K2TD7FH.mjs";
+import "../../chunk-UPP3GX33.mjs";
+import "../../chunk-E4YRRUI3.mjs";
 import "../../chunk-CWIO3GEP.mjs";
-import "../../chunk-VI2KFLCZ.mjs";
 import "../../chunk-R6PFY5VS.mjs";
 import "../../chunk-RHJJAI6B.mjs";
 import "../../chunk-QEFVCZML.mjs";
@@ -66,21 +68,18 @@ import "../../chunk-XIQL4ZTN.mjs";
 import "../../chunk-UUXUTBLZ.mjs";
 import "../../chunk-QOEJLTZN.mjs";
 import "../../chunk-B6WC6WS2.mjs";
-import "../../chunk-K2VWHGPL.mjs";
+import "../../chunk-MAX3RSBG.mjs";
 import "../../chunk-6BTWLQPI.mjs";
 import "../../chunk-G6BHSMLA.mjs";
 import "../../chunk-THOTRBD4.mjs";
 import "../../chunk-ATW7ITPH.mjs";
 import "../../chunk-IGMJNGTZ.mjs";
-import "../../chunk-5QUXSOHX.mjs";
 import "../../chunk-L4UDEKQK.mjs";
-import "../../chunk-P372ZF3A.mjs";
-import "../../chunk-HV6TXVFA.mjs";
-import "../../chunk-CYNSXZSV.mjs";
-import "../../chunk-YK5HPRX4.mjs";
+import "../../chunk-CD6DMMCL.mjs";
+import "../../chunk-RYABO2EX.mjs";
 import "../../chunk-4ZJQXF2V.mjs";
 import "../../chunk-4UHBBNZ7.mjs";
-import "../../chunk-NTS75UVH.mjs";
+import "../../chunk-VDLM4YQP.mjs";
 import "../../chunk-QIPGVLHJ.mjs";
 export {
   Timeline_native_default as Timeline,

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

@@ -87,15 +87,13 @@ var SSRObject = toArrayObject();
 // components/timeline/item/TimelineItem.tsx
 var import_clsx = __toESM(require("clsx"));
 var React2 = __toESM(require("react"));
-var TimelineItem = React2.forwardRef(
-  ({ className, id, done, active, cancel, ...others }, ref) => {
-    const { styled } = useTrilogyContext();
-    const classes = hashClass(
-      styled,
-      (0, import_clsx.default)("timeline-item", done && "done", active && "active", cancel && "cancel", className)
-    );
-    return /* @__PURE__ */ React2.createElement("div", { ref, id, className: classes, ...others });
-  }
-);
+var TimelineItem = React2.forwardRef(({ className, id, done, active, cancel, ...others }, ref) => {
+  const { styled } = useTrilogyContext();
+  const classes = hashClass(
+    styled,
+    (0, import_clsx.default)("timeline-item", done && "done", active && "active", cancel && "cancel", className)
+  );
+  return /* @__PURE__ */ React2.createElement("div", { ref, id, className: classes, ...others });
+});
 TimelineItem.displayName = "TimelineItem" /* TimelineItem */;
 var TimelineItem_default = TimelineItem;

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

@@ -1,14 +1,14 @@
 "use client";
 import {
   TimelineItem_default
-} from "../../../chunk-DXSXX5ZX.mjs";
+} from "../../../chunk-LJF3YLMG.mjs";
 import "../../../chunk-Y7CEUBIZ.mjs";
 import "../../../chunk-HU3FAWMX.mjs";
-import "../../../chunk-ODKCJMCG.mjs";
 import "../../../chunk-OGATDHMZ.mjs";
+import "../../../chunk-ODKCJMCG.mjs";
 import "../../../chunk-UFMRE754.mjs";
 import "../../../chunk-ZB4OWTDD.mjs";
-import "../../../chunk-NTS75UVH.mjs";
+import "../../../chunk-VDLM4YQP.mjs";
 import "../../../chunk-QIPGVLHJ.mjs";
 export {
   TimelineItem_default as default

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

@@ -4,7 +4,7 @@ import {
   TimelineItem_native_default
 } from "../../../chunk-JDN37IEF.mjs";
 import "../../../chunk-3SDJGR37.mjs";
-import "../../../chunk-NTS75UVH.mjs";
+import "../../../chunk-VDLM4YQP.mjs";
 import "../../../chunk-QIPGVLHJ.mjs";
 export {
   TimelineItemContext,

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

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { CommonProps } from '../../../objects/facets/CommonProps';
 import { View } from 'react-native';
 /**

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

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { CommonProps } from '../../../objects/facets/CommonProps';
 import { View } from 'react-native';
 /**

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

@@ -87,16 +87,14 @@ var SSRObject = toArrayObject();
 // components/timeline/item/TimelineItem.tsx
 var import_clsx = __toESM(require("clsx"));
 var React2 = __toESM(require("react"));
-var TimelineItem = React2.forwardRef(
-  ({ className, id, done, active, cancel, ...others }, ref) => {
-    const { styled } = useTrilogyContext();
-    const classes = hashClass(
-      styled,
-      (0, import_clsx.default)("timeline-item", done && "done", active && "active", cancel && "cancel", className)
-    );
-    return /* @__PURE__ */ React2.createElement("div", { ref, id, className: classes, ...others });
-  }
-);
+var TimelineItem = React2.forwardRef(({ className, id, done, active, cancel, ...others }, ref) => {
+  const { styled } = useTrilogyContext();
+  const classes = hashClass(
+    styled,
+    (0, import_clsx.default)("timeline-item", done && "done", active && "active", cancel && "cancel", className)
+  );
+  return /* @__PURE__ */ React2.createElement("div", { ref, id, className: classes, ...others });
+});
 TimelineItem.displayName = "TimelineItem" /* TimelineItem */;
 var TimelineItem_default = TimelineItem;
 

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

@@ -1,16 +1,16 @@
 "use client";
 import {
   item_default
-} from "../../../chunk-EOGM64YO.mjs";
-import "../../../chunk-DXSXX5ZX.mjs";
+} from "../../../chunk-DOA3WDEF.mjs";
+import "../../../chunk-LJF3YLMG.mjs";
 import "../../../chunk-3DQLCET2.mjs";
 import "../../../chunk-Y7CEUBIZ.mjs";
 import "../../../chunk-HU3FAWMX.mjs";
-import "../../../chunk-ODKCJMCG.mjs";
 import "../../../chunk-OGATDHMZ.mjs";
+import "../../../chunk-ODKCJMCG.mjs";
 import "../../../chunk-UFMRE754.mjs";
 import "../../../chunk-ZB4OWTDD.mjs";
-import "../../../chunk-NTS75UVH.mjs";
+import "../../../chunk-VDLM4YQP.mjs";
 import "../../../chunk-QIPGVLHJ.mjs";
 export {
   item_default as default

package/lib/components/timeline/item/index.native.mjs

@@ -4,7 +4,7 @@ import {
 } from "../../../chunk-JDN37IEF.mjs";
 import "../../../chunk-3SDJGR37.mjs";
 import "../../../chunk-3DQLCET2.mjs";
-import "../../../chunk-NTS75UVH.mjs";
+import "../../../chunk-VDLM4YQP.mjs";
 import "../../../chunk-QIPGVLHJ.mjs";
 
 // components/timeline/item/index.native.ts

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

@@ -104,6 +104,7 @@ var colors = {
   ["MAIN" /* MAIN */]: ["#3d5d7e", "main", "white"],
   ["MAIN_FADE" /* MAIN_FADE */]: ["#BBC6CD", "main-fade", "white"],
   ["ACCENT" /* ACCENT */]: ["#da641b", "accent", "white"],
+  ["ACCENT_FADE" /* ACCENT_FADE */]: ["#faebe3", "accent-fade", "white"],
   ["FONT" /* FONT */]: ["#3d5d7e", "main", "white"],
   ["FONT_PLACEHOLDER" /* FONT_PLACEHOLDER */]: ["#687a87", "font-placeholder", "white"],
   ["SUCCESS" /* SUCCESS */]: ["#007B52", "success", "white"],
@@ -182,13 +183,17 @@ var Icon_default = Icon;
 // components/timeline/marker/TimelineMarker.tsx
 var import_clsx2 = __toESM(require("clsx"));
 var React4 = __toESM(require("react"));
-var TimelineMarker = React4.forwardRef(
-  ({ className, id, iconClassname, iconName, ...others }, ref) => {
-    const { styled } = useTrilogyContext();
-    const classes = hashClass(styled, (0, import_clsx2.default)("timeline-marker", is("icon"), className));
-    const iconClasses = (0, import_clsx2.default)(iconClassname);
-    return /* @__PURE__ */ React4.createElement("div", { ref, id, className: classes, ...others }, /* @__PURE__ */ React4.createElement("div", { className: "card-header-icon" }, /* @__PURE__ */ React4.createElement(Icon_default, { className: iconClasses, name: iconName, size: "small" /* SMALL */ })));
-  }
-);
+var TimelineMarker = React4.forwardRef(({
+  className,
+  id,
+  iconClassname,
+  iconName,
+  ...others
+}, ref) => {
+  const { styled } = useTrilogyContext();
+  const classes = hashClass(styled, (0, import_clsx2.default)("timeline-marker", is("icon"), className));
+  const iconClasses = (0, import_clsx2.default)(iconClassname);
+  return /* @__PURE__ */ React4.createElement("div", { ref, id, className: classes, ...others }, /* @__PURE__ */ React4.createElement("div", { className: "card-header-icon" }, /* @__PURE__ */ React4.createElement(Icon_default, { className: iconClasses, name: iconName, size: "small" /* SMALL */ })));
+});
 TimelineMarker.displayName = "TimelineMarker" /* TimelineMarker */;
 var TimelineMarker_default = TimelineMarker;

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

@@ -1,24 +1,24 @@
 "use client";
 import {
   TimelineMarker_default
-} from "../../../chunk-6NWZNU3P.mjs";
+} from "../../../chunk-5UAX67EN.mjs";
 import "../../../chunk-Y3ROARMA.mjs";
-import "../../../chunk-SGAZRZIK.mjs";
-import "../../../chunk-WC3ULY5W.mjs";
-import "../../../chunk-JOSZ4COK.mjs";
+import "../../../chunk-LGL3XQ7F.mjs";
+import "../../../chunk-ALGX47MZ.mjs";
+import "../../../chunk-XXKEMYTB.mjs";
+import "../../../chunk-7VSJ3RTI.mjs";
+import "../../../chunk-P372ZF3A.mjs";
 import "../../../chunk-SWVRRUW7.mjs";
 import "../../../chunk-Y7CEUBIZ.mjs";
 import "../../../chunk-HU3FAWMX.mjs";
-import "../../../chunk-ODKCJMCG.mjs";
 import "../../../chunk-OGATDHMZ.mjs";
+import "../../../chunk-ODKCJMCG.mjs";
 import "../../../chunk-UFMRE754.mjs";
 import "../../../chunk-ZB4OWTDD.mjs";
 import "../../../chunk-L4UDEKQK.mjs";
-import "../../../chunk-P372ZF3A.mjs";
-import "../../../chunk-CYNSXZSV.mjs";
-import "../../../chunk-YK5HPRX4.mjs";
+import "../../../chunk-RYABO2EX.mjs";
 import "../../../chunk-4UHBBNZ7.mjs";
-import "../../../chunk-NTS75UVH.mjs";
+import "../../../chunk-VDLM4YQP.mjs";
 import "../../../chunk-QIPGVLHJ.mjs";
 export {
   TimelineMarker_default as default