@trilogy-ds/react 4.8.2-beta-2 → 4.9.0-beta-build-1

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

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

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

@@ -1,2 +1,3 @@
-export {};
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
 //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVGltZWxpbmVJdGVtUHJvcHMuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9jb21wb25lbnRzL3RpbWVsaW5lL2l0ZW0vVGltZWxpbmVJdGVtUHJvcHMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IiJ9

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

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVGltZWxpbmVJdGVtUHJvcHMuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9jb21wb25lbnRzL3RpbWVsaW5lL2l0ZW0vVGltZWxpbmVJdGVtUHJvcHMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IiJ9

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

@@ -0,0 +1,2 @@
+import TimelineItem from './TimelineItem';
+export default TimelineItem;

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

@@ -1,3 +1,6 @@
-import TimelineItem from './TimelineItem';
-export default TimelineItem;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9jb21wb25lbnRzL3RpbWVsaW5lL2l0ZW0vaW5kZXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxZQUFZLE1BQU0sZ0JBQWdCLENBQUE7QUFFekMsZUFBZSxZQUFZLENBQUEifQ==
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var tslib_1 = require("tslib");
+var TimelineItem_1 = tslib_1.__importDefault(require("./TimelineItem"));
+exports.default = TimelineItem_1.default;
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9jb21wb25lbnRzL3RpbWVsaW5lL2l0ZW0vaW5kZXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7O0FBQUEsd0VBQXlDO0FBRXpDLGtCQUFlLHNCQUFZLENBQUEifQ==

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

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

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

@@ -0,0 +1,13 @@
+import * as React from 'react';
+import { TimelineMarkerWebProps } from './TimelineMarkerProps';
+/**
+ * Timeline Marker Component
+ * @param iconName {IconName} Icon Name - sample : IconName.CHECK
+ * @param iconColor {IconColor} Icon Color
+ * @param testId {string} Test Id for Test Integration
+ * - -------------------------- WEB PROPERTIES -------------------------------
+ * @param className {string} Additional CSS Classes
+ * @param iconClassname {string} Additional CSS Classes for icon
+ */
+declare const TimelineMarker: React.ForwardRefExoticComponent<TimelineMarkerWebProps & React.RefAttributes<HTMLDivElement>>;
+export default TimelineMarker;

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

@@ -1,11 +1,13 @@
-import { __assign, __rest } from "tslib";
-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';
-import { ComponentName } from '../../../components/enumsComponentsName';
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var tslib_1 = require("tslib");
+var React = tslib_1.__importStar(require("react"));
+var clsx_1 = tslib_1.__importDefault(require("clsx"));
+var classify_1 = require("../../../services/classify");
+var icon_1 = require("../../../components/icon");
+var context_1 = require("../../../context");
+var helpers_1 = require("../../../helpers");
+var enumsComponentsName_1 = require("../../../components/enumsComponentsName");
 /**
  * Timeline Marker Component
  * @param iconName {IconName} Icon Name - sample : IconName.CHECK
@@ -16,14 +18,14 @@ import { ComponentName } from '../../../components/enumsComponentsName';
  * @param iconClassname {string} Additional CSS Classes for icon
  */
 var TimelineMarker = React.forwardRef(function (_a, ref) {
-    var className = _a.className, id = _a.id, iconClassname = _a.iconClassname, iconName = _a.iconName, others = __rest(_a, ["className", "id", "iconClassname", "iconName"]);
-    var styled = useTrilogyContext().styled;
-    var classes = hashClass(styled, clsx('timeline-marker', is('icon'), className));
-    var iconClasses = clsx(iconClassname);
-    return (React.createElement("div", __assign({ ref: ref, id: id, className: classes }, others),
+    var className = _a.className, id = _a.id, iconClassname = _a.iconClassname, iconName = _a.iconName, others = tslib_1.__rest(_a, ["className", "id", "iconClassname", "iconName"]);
+    var styled = (0, context_1.useTrilogyContext)().styled;
+    var classes = (0, helpers_1.hashClass)(styled, (0, clsx_1.default)('timeline-marker', (0, classify_1.is)('icon'), className));
+    var iconClasses = (0, clsx_1.default)(iconClassname);
+    return (React.createElement("div", tslib_1.__assign({ ref: ref, id: id, className: classes }, others),
         React.createElement("div", { className: 'card-header-icon' },
-            React.createElement(Icon, { className: iconClasses, name: iconName, size: IconSize.SMALL }))));
+            React.createElement(icon_1.Icon, { className: iconClasses, name: iconName, size: icon_1.IconSize.SMALL }))));
 });
-TimelineMarker.displayName = ComponentName.TimelineMarker;
-export default TimelineMarker;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVGltZWxpbmVNYXJrZXIuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9jb21wb25lbnRzL3RpbWVsaW5lL21hcmtlci9UaW1lbGluZU1hcmtlci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUFBLE9BQU8sS0FBSyxLQUFLLE1BQU0sT0FBTyxDQUFBO0FBQzlCLE9BQU8sSUFBSSxNQUFNLE1BQU0sQ0FBQTtBQUV2QixPQUFPLEVBQUUsRUFBRSxFQUFFLE1BQU0scUJBQXFCLENBQUE7QUFDeEMsT0FBTyxFQUFFLElBQUksRUFBRSxRQUFRLEVBQUUsTUFBTSxtQkFBbUIsQ0FBQTtBQUNsRCxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxXQUFXLENBQUE7QUFDN0MsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLFdBQVcsQ0FBQTtBQUNyQyxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sa0NBQWtDLENBQUE7QUFFaEU7Ozs7Ozs7O0dBUUc7QUFDSCxJQUFNLGNBQWMsR0FBRyxLQUFLLENBQUMsVUFBVSxDQUE0QyxVQUFDLEVBTW5GLEVBQUUsR0FBRztJQUxKLElBQUEsU0FBUyxlQUFBLEVBQ1QsRUFBRSxRQUFBLEVBQ0YsYUFBYSxtQkFBQSxFQUNiLFFBQVEsY0FBQSxFQUNMLE1BQU0sY0FMeUUsZ0RBTW5GLENBRFU7SUFFRCxJQUFBLE1BQU0sR0FBSyxpQkFBaUIsRUFBRSxPQUF4QixDQUF3QjtJQUN0QyxJQUFNLE9BQU8sR0FBRyxTQUFTLENBQUMsTUFBTSxFQUFFLElBQUksQ0FBQyxpQkFBaUIsRUFBRSxFQUFFLENBQUMsTUFBTSxDQUFDLEVBQUUsU0FBUyxDQUFDLENBQUMsQ0FBQTtJQUNqRixJQUFNLFdBQVcsR0FBRyxJQUFJLENBQUMsYUFBYSxDQUFDLENBQUE7SUFFdkMsT0FBTyxDQUNMLHNDQUFLLEdBQUcsRUFBRSxHQUFHLEVBQUUsRUFBRSxFQUFFLEVBQUUsRUFBRSxTQUFTLEVBQUUsT0FBTyxJQUFNLE1BQU07UUFDbkQsNkJBQUssU0FBUyxFQUFDLGtCQUFrQjtZQUMvQixvQkFBQyxJQUFJLElBQUMsU0FBUyxFQUFFLFdBQVcsRUFBRSxJQUFJLEVBQUUsUUFBUSxFQUFFLElBQUksRUFBRSxRQUFRLENBQUMsS0FBSyxHQUFJLENBQ2xFLENBQ0YsQ0FDUCxDQUFBO0FBQ0gsQ0FBQyxDQUFDLENBQUE7QUFFRixjQUFjLENBQUMsV0FBVyxHQUFHLGFBQWEsQ0FBQyxjQUFjLENBQUE7QUFDekQsZUFBZSxjQUFjLENBQUEifQ==
+TimelineMarker.displayName = enumsComponentsName_1.ComponentName.TimelineMarker;
+exports.default = TimelineMarker;
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVGltZWxpbmVNYXJrZXIuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9jb21wb25lbnRzL3RpbWVsaW5lL21hcmtlci9UaW1lbGluZU1hcmtlci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7O0FBQUEsbURBQThCO0FBQzlCLHNEQUF1QjtBQUV2QixnREFBd0M7QUFDeEMsMENBQWtEO0FBQ2xELHFDQUE2QztBQUM3QyxxQ0FBcUM7QUFDckMsd0VBQWdFO0FBRWhFOzs7Ozs7OztHQVFHO0FBQ0gsSUFBTSxjQUFjLEdBQUcsS0FBSyxDQUFDLFVBQVUsQ0FBNEMsVUFBQyxFQU1uRixFQUFFLEdBQUc7SUFMSixJQUFBLFNBQVMsZUFBQSxFQUNULEVBQUUsUUFBQSxFQUNGLGFBQWEsbUJBQUEsRUFDYixRQUFRLGNBQUEsRUFDTCxNQUFNLHNCQUx5RSxnREFNbkYsQ0FEVTtJQUVELElBQUEsTUFBTSxHQUFLLElBQUEsMkJBQWlCLEdBQUUsT0FBeEIsQ0FBd0I7SUFDdEMsSUFBTSxPQUFPLEdBQUcsSUFBQSxtQkFBUyxFQUFDLE1BQU0sRUFBRSxJQUFBLGNBQUksRUFBQyxpQkFBaUIsRUFBRSxJQUFBLGFBQUUsRUFBQyxNQUFNLENBQUMsRUFBRSxTQUFTLENBQUMsQ0FBQyxDQUFBO0lBQ2pGLElBQU0sV0FBVyxHQUFHLElBQUEsY0FBSSxFQUFDLGFBQWEsQ0FBQyxDQUFBO0lBRXZDLE9BQU8sQ0FDTCw4Q0FBSyxHQUFHLEVBQUUsR0FBRyxFQUFFLEVBQUUsRUFBRSxFQUFFLEVBQUUsU0FBUyxFQUFFLE9BQU8sSUFBTSxNQUFNO1FBQ25ELDZCQUFLLFNBQVMsRUFBQyxrQkFBa0I7WUFDL0Isb0JBQUMsV0FBSSxJQUFDLFNBQVMsRUFBRSxXQUFXLEVBQUUsSUFBSSxFQUFFLFFBQVEsRUFBRSxJQUFJLEVBQUUsZUFBUSxDQUFDLEtBQUssR0FBSSxDQUNsRSxDQUNGLENBQ1AsQ0FBQTtBQUNILENBQUMsQ0FBQyxDQUFBO0FBRUYsY0FBYyxDQUFDLFdBQVcsR0FBRyxtQ0FBYSxDQUFDLGNBQWMsQ0FBQTtBQUN6RCxrQkFBZSxjQUFjLENBQUEifQ==

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

@@ -0,0 +1,29 @@
+import { __assign, __rest } from "tslib";
+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';
+import { ComponentName } from '../../../components/enumsComponentsName';
+/**
+ * Timeline Marker Component
+ * @param iconName {IconName} Icon Name - sample : IconName.CHECK
+ * @param iconColor {IconColor} Icon Color
+ * @param testId {string} Test Id for Test Integration
+ * - -------------------------- WEB PROPERTIES -------------------------------
+ * @param className {string} Additional CSS Classes
+ * @param iconClassname {string} Additional CSS Classes for icon
+ */
+var TimelineMarker = React.forwardRef(function (_a, ref) {
+    var className = _a.className, id = _a.id, iconClassname = _a.iconClassname, iconName = _a.iconName, others = __rest(_a, ["className", "id", "iconClassname", "iconName"]);
+    var styled = useTrilogyContext().styled;
+    var classes = hashClass(styled, clsx('timeline-marker', is('icon'), className));
+    var iconClasses = clsx(iconClassname);
+    return (React.createElement("div", __assign({ ref: ref, id: id, className: classes }, others),
+        React.createElement("div", { className: 'card-header-icon' },
+            React.createElement(Icon, { className: iconClasses, name: iconName, size: IconSize.SMALL }))));
+});
+TimelineMarker.displayName = ComponentName.TimelineMarker;
+export default TimelineMarker;
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVGltZWxpbmVNYXJrZXIuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9jb21wb25lbnRzL3RpbWVsaW5lL21hcmtlci9UaW1lbGluZU1hcmtlci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUFBLE9BQU8sS0FBSyxLQUFLLE1BQU0sT0FBTyxDQUFBO0FBQzlCLE9BQU8sSUFBSSxNQUFNLE1BQU0sQ0FBQTtBQUV2QixPQUFPLEVBQUUsRUFBRSxFQUFFLE1BQU0scUJBQXFCLENBQUE7QUFDeEMsT0FBTyxFQUFFLElBQUksRUFBRSxRQUFRLEVBQUUsTUFBTSxtQkFBbUIsQ0FBQTtBQUNsRCxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxXQUFXLENBQUE7QUFDN0MsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLFdBQVcsQ0FBQTtBQUNyQyxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sa0NBQWtDLENBQUE7QUFFaEU7Ozs7Ozs7O0dBUUc7QUFDSCxJQUFNLGNBQWMsR0FBRyxLQUFLLENBQUMsVUFBVSxDQUE0QyxVQUFDLEVBTW5GLEVBQUUsR0FBRztJQUxKLElBQUEsU0FBUyxlQUFBLEVBQ1QsRUFBRSxRQUFBLEVBQ0YsYUFBYSxtQkFBQSxFQUNiLFFBQVEsY0FBQSxFQUNMLE1BQU0sY0FMeUUsZ0RBTW5GLENBRFU7SUFFRCxJQUFBLE1BQU0sR0FBSyxpQkFBaUIsRUFBRSxPQUF4QixDQUF3QjtJQUN0QyxJQUFNLE9BQU8sR0FBRyxTQUFTLENBQUMsTUFBTSxFQUFFLElBQUksQ0FBQyxpQkFBaUIsRUFBRSxFQUFFLENBQUMsTUFBTSxDQUFDLEVBQUUsU0FBUyxDQUFDLENBQUMsQ0FBQTtJQUNqRixJQUFNLFdBQVcsR0FBRyxJQUFJLENBQUMsYUFBYSxDQUFDLENBQUE7SUFFdkMsT0FBTyxDQUNMLHNDQUFLLEdBQUcsRUFBRSxHQUFHLEVBQUUsRUFBRSxFQUFFLEVBQUUsRUFBRSxTQUFTLEVBQUUsT0FBTyxJQUFNLE1BQU07UUFDbkQsNkJBQUssU0FBUyxFQUFDLGtCQUFrQjtZQUMvQixvQkFBQyxJQUFJLElBQUMsU0FBUyxFQUFFLFdBQVcsRUFBRSxJQUFJLEVBQUUsUUFBUSxFQUFFLElBQUksRUFBRSxRQUFRLENBQUMsS0FBSyxHQUFJLENBQ2xFLENBQ0YsQ0FDUCxDQUFBO0FBQ0gsQ0FBQyxDQUFDLENBQUE7QUFFRixjQUFjLENBQUMsV0FBVyxHQUFHLGFBQWEsQ0FBQyxjQUFjLENBQUE7QUFDekQsZUFBZSxjQUFjLENBQUEifQ==

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

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

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

@@ -1,54 +1,57 @@
-import { ComponentName } from '../../../components/enumsComponentsName';
-import { Icon, IconSize } from '../../../components/icon';
-import { SpacerSize } from '../../../components/spacer';
-import { TimelineItemContext } from '../../../components/timeline/item/TimelineItem.native';
-import { TimelineHeightContext } from '../../../components/timeline/Timeline.native';
-import { getColorStyle, TrilogyColor } from '../../../objects';
-import React, { useContext } from 'react';
-import { StyleSheet, View } from 'react-native';
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var tslib_1 = require("tslib");
+var enumsComponentsName_1 = require("../../../components/enumsComponentsName");
+var icon_1 = require("../../../components/icon");
+var spacer_1 = require("../../../components/spacer");
+var TimelineItem_native_1 = require("../../../components/timeline/item/TimelineItem.native");
+var Timeline_native_1 = require("../../../components/timeline/Timeline.native");
+var objects_1 = require("../../../objects");
+var react_1 = tslib_1.__importStar(require("react"));
+var react_native_1 = require("react-native");
 /**
  * TimelineMarker Native Component
  * @param iconName {IconName} Icon Name - sample : IconName.CHECK
  * @param iconColor {IconColor} Icon Color
  * @param testId {string} Test Id for Test Integration
  */
-var TimelineMarker = React.forwardRef(function (_a, ref) {
+var TimelineMarker = react_1.default.forwardRef(function (_a, ref) {
     var iconName = _a.iconName;
-    var _b = useContext(TimelineItemContext), active = _b.active, done = _b.done, cancel = _b.cancel;
-    var height = useContext(TimelineHeightContext).height;
-    var styles = StyleSheet.create({
+    var _b = (0, react_1.useContext)(TimelineItem_native_1.TimelineItemContext), active = _b.active, done = _b.done, cancel = _b.cancel;
+    var height = (0, react_1.useContext)(Timeline_native_1.TimelineHeightContext).height;
+    var styles = react_native_1.StyleSheet.create({
         marker: {
             flex: 1,
             alignSelf: 'flex-start',
             flexDirection: 'column',
         },
         divider: {
-            top: SpacerSize.TWO,
+            top: spacer_1.SpacerSize.TWO,
             height: height ? height - 48 : 74,
             borderStyle: 'solid',
             borderLeftWidth: 2,
             marginLeft: 'auto',
             marginRight: 'auto',
-            borderColor: (active && getColorStyle(TrilogyColor.MAIN)) ||
-                (cancel && getColorStyle(TrilogyColor.NEUTRAL)) ||
-                (done && getColorStyle(TrilogyColor.MAIN)) ||
-                getColorStyle(TrilogyColor.NEUTRAL),
+            borderColor: (active && (0, objects_1.getColorStyle)(objects_1.TrilogyColor.MAIN)) ||
+                (cancel && (0, objects_1.getColorStyle)(objects_1.TrilogyColor.NEUTRAL)) ||
+                (done && (0, objects_1.getColorStyle)(objects_1.TrilogyColor.MAIN)) ||
+                (0, objects_1.getColorStyle)(objects_1.TrilogyColor.NEUTRAL),
         },
         icon: {
             alignSelf: 'center',
         },
     });
-    return (React.createElement(View, { ref: ref, style: styles.marker },
-        React.createElement(View, { style: styles.icon },
-            React.createElement(Icon, { name: iconName, circled: true, color: (active && TrilogyColor.BACKGROUND) ||
-                    (cancel && TrilogyColor.NEUTRAL_FADE) ||
-                    (done && TrilogyColor.BACKGROUND) ||
-                    TrilogyColor.BACKGROUND, backgroundColor: (active && TrilogyColor.MAIN) ||
-                    (cancel && TrilogyColor.NEUTRAL) ||
-                    (done && TrilogyColor.MAIN) ||
-                    TrilogyColor.NEUTRAL, size: IconSize.SMALL })),
-        React.createElement(View, { style: styles.divider })));
+    return (react_1.default.createElement(react_native_1.View, { ref: ref, style: styles.marker },
+        react_1.default.createElement(react_native_1.View, { style: styles.icon },
+            react_1.default.createElement(icon_1.Icon, { name: iconName, circled: true, color: (active && objects_1.TrilogyColor.BACKGROUND) ||
+                    (cancel && objects_1.TrilogyColor.NEUTRAL_FADE) ||
+                    (done && objects_1.TrilogyColor.BACKGROUND) ||
+                    objects_1.TrilogyColor.BACKGROUND, backgroundColor: (active && objects_1.TrilogyColor.MAIN) ||
+                    (cancel && objects_1.TrilogyColor.NEUTRAL) ||
+                    (done && objects_1.TrilogyColor.MAIN) ||
+                    objects_1.TrilogyColor.NEUTRAL, size: icon_1.IconSize.SMALL })),
+        react_1.default.createElement(react_native_1.View, { style: styles.divider })));
 });
-TimelineMarker.displayName = ComponentName.TimelineMarker;
-export default TimelineMarker;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVGltZWxpbmVNYXJrZXIubmF0aXZlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vY29tcG9uZW50cy90aW1lbGluZS9tYXJrZXIvVGltZWxpbmVNYXJrZXIubmF0aXZlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sa0NBQWtDLENBQUE7QUFDaEUsT0FBTyxFQUFFLElBQUksRUFBRSxRQUFRLEVBQUUsTUFBTSxtQkFBbUIsQ0FBQTtBQUNsRCxPQUFPLEVBQUUsVUFBVSxFQUFFLE1BQU0scUJBQXFCLENBQUE7QUFDaEQsT0FBTyxFQUFFLG1CQUFtQixFQUFFLE1BQU0sZ0RBQWdELENBQUE7QUFFcEYsT0FBTyxFQUFFLHFCQUFxQixFQUFFLE1BQU0sdUNBQXVDLENBQUE7QUFDN0UsT0FBTyxFQUFFLGFBQWEsRUFBRSxZQUFZLEVBQUUsTUFBTSxXQUFXLENBQUE7QUFDdkQsT0FBTyxLQUFLLEVBQUUsRUFBRSxVQUFVLEVBQUUsTUFBTSxPQUFPLENBQUE7QUFDekMsT0FBTyxFQUFFLFVBQVUsRUFBRSxJQUFJLEVBQUUsTUFBTSxjQUFjLENBQUE7QUFFL0M7Ozs7O0dBS0c7QUFDSCxJQUFNLGNBQWMsR0FBRyxLQUFLLENBQUMsVUFBVSxDQUErQyxVQUFDLEVBQVksRUFBRSxHQUFHO1FBQWYsUUFBUSxjQUFBO0lBQ3pGLElBQUEsS0FBMkIsVUFBVSxDQUFDLG1CQUFtQixDQUFDLEVBQXhELE1BQU0sWUFBQSxFQUFFLElBQUksVUFBQSxFQUFFLE1BQU0sWUFBb0MsQ0FBQTtJQUN4RCxJQUFBLE1BQU0sR0FBSyxVQUFVLENBQUMscUJBQXFCLENBQUMsT0FBdEMsQ0FBc0M7SUFFcEQsSUFBTSxNQUFNLEdBQUcsVUFBVSxDQUFDLE1BQU0sQ0FBQztRQUMvQixNQUFNLEVBQUU7WUFDTixJQUFJLEVBQUUsQ0FBQztZQUNQLFNBQVMsRUFBRSxZQUFZO1lBQ3ZCLGFBQWEsRUFBRSxRQUFRO1NBQ3hCO1FBQ0QsT0FBTyxFQUFFO1lBQ1AsR0FBRyxFQUFFLFVBQVUsQ0FBQyxHQUFHO1lBQ25CLE1BQU0sRUFBRSxNQUFNLENBQUMsQ0FBQyxDQUFDLE1BQU0sR0FBRyxFQUFFLENBQUMsQ0FBQyxDQUFDLEVBQUU7WUFDakMsV0FBVyxFQUFFLE9BQU87WUFDcEIsZUFBZSxFQUFFLENBQUM7WUFDbEIsVUFBVSxFQUFFLE1BQU07WUFDbEIsV0FBVyxFQUFFLE1BQU07WUFDbkIsV0FBVyxFQUNULENBQUMsTUFBTSxJQUFJLGFBQWEsQ0FBQyxZQUFZLENBQUMsSUFBSSxDQUFDLENBQUM7Z0JBQzVDLENBQUMsTUFBTSxJQUFJLGFBQWEsQ0FBQyxZQUFZLENBQUMsT0FBTyxDQUFDLENBQUM7Z0JBQy9DLENBQUMsSUFBSSxJQUFJLGFBQWEsQ0FBQyxZQUFZLENBQUMsSUFBSSxDQUFDLENBQUM7Z0JBQzFDLGFBQWEsQ0FBQyxZQUFZLENBQUMsT0FBTyxDQUFDO1NBQ3RDO1FBQ0QsSUFBSSxFQUFFO1lBQ0osU0FBUyxFQUFFLFFBQVE7U0FDcEI7S0FDRixDQUFDLENBQUE7SUFFRixPQUFPLENBQ0wsb0JBQUMsSUFBSSxJQUFDLEdBQUcsRUFBRSxHQUFHLEVBQUUsS0FBSyxFQUFFLE1BQU0sQ0FBQyxNQUFNO1FBQ2xDLG9CQUFDLElBQUksSUFBQyxLQUFLLEVBQUUsTUFBTSxDQUFDLElBQUk7WUFDdEIsb0JBQUMsSUFBSSxJQUNILElBQUksRUFBRSxRQUFRLEVBQ2QsT0FBTyxRQUNQLEtBQUssRUFDSCxDQUFDLE1BQU0sSUFBSSxZQUFZLENBQUMsVUFBVSxDQUFDO29CQUNuQyxDQUFDLE1BQU0sSUFBSSxZQUFZLENBQUMsWUFBWSxDQUFDO29CQUNyQyxDQUFDLElBQUksSUFBSSxZQUFZLENBQUMsVUFBVSxDQUFDO29CQUNqQyxZQUFZLENBQUMsVUFBVSxFQUV6QixlQUFlLEVBQ2IsQ0FBQyxNQUFNLElBQUksWUFBWSxDQUFDLElBQUksQ0FBQztvQkFDN0IsQ0FBQyxNQUFNLElBQUksWUFBWSxDQUFDLE9BQU8sQ0FBQztvQkFDaEMsQ0FBQyxJQUFJLElBQUksWUFBWSxDQUFDLElBQUksQ0FBQztvQkFDM0IsWUFBWSxDQUFDLE9BQU8sRUFFdEIsSUFBSSxFQUFFLFFBQVEsQ0FBQyxLQUFLLEdBQ3BCLENBQ0c7UUFFUCxvQkFBQyxJQUFJLElBQUMsS0FBSyxFQUFFLE1BQU0sQ0FBQyxPQUFPLEdBQVMsQ0FDL0IsQ0FDUixDQUFBO0FBQ0gsQ0FBQyxDQUFDLENBQUE7QUFFRixjQUFjLENBQUMsV0FBVyxHQUFHLGFBQWEsQ0FBQyxjQUFjLENBQUE7QUFFekQsZUFBZSxjQUFjLENBQUEifQ==
+TimelineMarker.displayName = enumsComponentsName_1.ComponentName.TimelineMarker;
+exports.default = TimelineMarker;
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVGltZWxpbmVNYXJrZXIubmF0aXZlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vY29tcG9uZW50cy90aW1lbGluZS9tYXJrZXIvVGltZWxpbmVNYXJrZXIubmF0aXZlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7QUFBQSx3RUFBZ0U7QUFDaEUsMENBQWtEO0FBQ2xELDhDQUFnRDtBQUNoRCxzRkFBb0Y7QUFFcEYseUVBQTZFO0FBQzdFLHFDQUF1RDtBQUN2RCxxREFBeUM7QUFDekMsNkNBQStDO0FBRS9DOzs7OztHQUtHO0FBQ0gsSUFBTSxjQUFjLEdBQUcsZUFBSyxDQUFDLFVBQVUsQ0FBK0MsVUFBQyxFQUFZLEVBQUUsR0FBRztRQUFmLFFBQVEsY0FBQTtJQUN6RixJQUFBLEtBQTJCLElBQUEsa0JBQVUsRUFBQyx5Q0FBbUIsQ0FBQyxFQUF4RCxNQUFNLFlBQUEsRUFBRSxJQUFJLFVBQUEsRUFBRSxNQUFNLFlBQW9DLENBQUE7SUFDeEQsSUFBQSxNQUFNLEdBQUssSUFBQSxrQkFBVSxFQUFDLHVDQUFxQixDQUFDLE9BQXRDLENBQXNDO0lBRXBELElBQU0sTUFBTSxHQUFHLHlCQUFVLENBQUMsTUFBTSxDQUFDO1FBQy9CLE1BQU0sRUFBRTtZQUNOLElBQUksRUFBRSxDQUFDO1lBQ1AsU0FBUyxFQUFFLFlBQVk7WUFDdkIsYUFBYSxFQUFFLFFBQVE7U0FDeEI7UUFDRCxPQUFPLEVBQUU7WUFDUCxHQUFHLEVBQUUsbUJBQVUsQ0FBQyxHQUFHO1lBQ25CLE1BQU0sRUFBRSxNQUFNLENBQUMsQ0FBQyxDQUFDLE1BQU0sR0FBRyxFQUFFLENBQUMsQ0FBQyxDQUFDLEVBQUU7WUFDakMsV0FBVyxFQUFFLE9BQU87WUFDcEIsZUFBZSxFQUFFLENBQUM7WUFDbEIsVUFBVSxFQUFFLE1BQU07WUFDbEIsV0FBVyxFQUFFLE1BQU07WUFDbkIsV0FBVyxFQUNULENBQUMsTUFBTSxJQUFJLElBQUEsdUJBQWEsRUFBQyxzQkFBWSxDQUFDLElBQUksQ0FBQyxDQUFDO2dCQUM1QyxDQUFDLE1BQU0sSUFBSSxJQUFBLHVCQUFhLEVBQUMsc0JBQVksQ0FBQyxPQUFPLENBQUMsQ0FBQztnQkFDL0MsQ0FBQyxJQUFJLElBQUksSUFBQSx1QkFBYSxFQUFDLHNCQUFZLENBQUMsSUFBSSxDQUFDLENBQUM7Z0JBQzFDLElBQUEsdUJBQWEsRUFBQyxzQkFBWSxDQUFDLE9BQU8sQ0FBQztTQUN0QztRQUNELElBQUksRUFBRTtZQUNKLFNBQVMsRUFBRSxRQUFRO1NBQ3BCO0tBQ0YsQ0FBQyxDQUFBO0lBRUYsT0FBTyxDQUNMLDhCQUFDLG1CQUFJLElBQUMsR0FBRyxFQUFFLEdBQUcsRUFBRSxLQUFLLEVBQUUsTUFBTSxDQUFDLE1BQU07UUFDbEMsOEJBQUMsbUJBQUksSUFBQyxLQUFLLEVBQUUsTUFBTSxDQUFDLElBQUk7WUFDdEIsOEJBQUMsV0FBSSxJQUNILElBQUksRUFBRSxRQUFRLEVBQ2QsT0FBTyxRQUNQLEtBQUssRUFDSCxDQUFDLE1BQU0sSUFBSSxzQkFBWSxDQUFDLFVBQVUsQ0FBQztvQkFDbkMsQ0FBQyxNQUFNLElBQUksc0JBQVksQ0FBQyxZQUFZLENBQUM7b0JBQ3JDLENBQUMsSUFBSSxJQUFJLHNCQUFZLENBQUMsVUFBVSxDQUFDO29CQUNqQyxzQkFBWSxDQUFDLFVBQVUsRUFFekIsZUFBZSxFQUNiLENBQUMsTUFBTSxJQUFJLHNCQUFZLENBQUMsSUFBSSxDQUFDO29CQUM3QixDQUFDLE1BQU0sSUFBSSxzQkFBWSxDQUFDLE9BQU8sQ0FBQztvQkFDaEMsQ0FBQyxJQUFJLElBQUksc0JBQVksQ0FBQyxJQUFJLENBQUM7b0JBQzNCLHNCQUFZLENBQUMsT0FBTyxFQUV0QixJQUFJLEVBQUUsZUFBUSxDQUFDLEtBQUssR0FDcEIsQ0FDRztRQUVQLDhCQUFDLG1CQUFJLElBQUMsS0FBSyxFQUFFLE1BQU0sQ0FBQyxPQUFPLEdBQVMsQ0FDL0IsQ0FDUixDQUFBO0FBQ0gsQ0FBQyxDQUFDLENBQUE7QUFFRixjQUFjLENBQUMsV0FBVyxHQUFHLG1DQUFhLENBQUMsY0FBYyxDQUFBO0FBRXpELGtCQUFlLGNBQWMsQ0FBQSJ9

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

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

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

@@ -0,0 +1,18 @@
+import { View } from 'react-native';
+import { IconName, IconNameValues } from '../../../components/icon';
+import { Accessibility, Dev } from '../../../objects';
+import { CommonProps } from '../../../objects/facets/CommonProps';
+/**
+ * Timeline Marker Interface
+ */
+export interface TimelineMarkerProps extends Accessibility, Dev {
+    iconName: IconName | IconNameValues;
+}
+/**
+ * Timeline Marker Web Interface
+ */
+export interface TimelineMarkerWebProps extends TimelineMarkerProps, Accessibility, CommonProps {
+    iconClassname?: string;
+}
+export type TimelineMarkerRef = HTMLDivElement;
+export type TimelineMarkerNativeRef = View;

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

@@ -1,2 +1,3 @@
-export {};
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
 //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVGltZWxpbmVNYXJrZXJQcm9wcy5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL2NvbXBvbmVudHMvdGltZWxpbmUvbWFya2VyL1RpbWVsaW5lTWFya2VyUHJvcHMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IiJ9

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

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVGltZWxpbmVNYXJrZXJQcm9wcy5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL2NvbXBvbmVudHMvdGltZWxpbmUvbWFya2VyL1RpbWVsaW5lTWFya2VyUHJvcHMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IiJ9

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

@@ -0,0 +1,2 @@
+import TimelineMarker from './TimelineMarker';
+export default TimelineMarker;

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

@@ -1,3 +1,6 @@
-import TimelineMarker from './TimelineMarker';
-export default TimelineMarker;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9jb21wb25lbnRzL3RpbWVsaW5lL21hcmtlci9pbmRleC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLGNBQWMsTUFBTSxrQkFBa0IsQ0FBQTtBQUU3QyxlQUFlLGNBQWMsQ0FBQSJ9
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var tslib_1 = require("tslib");
+var TimelineMarker_1 = tslib_1.__importDefault(require("./TimelineMarker"));
+exports.default = TimelineMarker_1.default;
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9jb21wb25lbnRzL3RpbWVsaW5lL21hcmtlci9pbmRleC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7QUFBQSw0RUFBNkM7QUFFN0Msa0JBQWUsd0JBQWMsQ0FBQSJ9

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

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

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

@@ -0,0 +1,24 @@
+import React from 'react';
+import { TitleProps, TitleRef } from './TitleProps';
+/**
+ * Title component
+ * @param children {ReactNode} Title child
+ * @param level {TitleLevels | TitleLevel | number} Title size : 1-3
+ * @param inverted {Boolean} Title white color
+ * @param typo {TypographyColor | TypographyTransform | TypographyBold | TypographyAlign} Typos
+ * @param onClick {Function} onClick Event
+ * @param skeleton {Boolean} Title Skeleton
+ * @param accessibilityLabel {string} Accessibility label
+ * @param testId {string} Test Id for Test Integration
+ * @param subtitle {boolean} Subtitle below title
+ * @param overline {boolean} Overline above title
+ * - --------------- WEB PROPERTIES ----------------------------------
+ * @param markup {string} h1 | h2 | h3 | h4 | h5 | h6 | p | span | div
+ * @param className {string} Additional css classes
+ * @param marginless {boolean} delete margin
+ * @param htmlContent {string} Content Html In Title Component
+ * - --------------- NATIVE PROPERTIES ----------------------------------
+ * @param style {object} Additional styles
+ */
+declare const Title: React.ForwardRefExoticComponent<TitleProps & React.RefAttributes<TitleRef>>;
+export default Title;

package/lib/components/title/Title.js

@@ -1,28 +1,30 @@
-import { __assign, __rest } from "tslib";
-import React from 'react';
-import clsx from 'clsx';
-import { is } from '../../services';
-import { TitleLevels, TitleMarkup } from './TitleEnum';
-import { hashClass } from '../../helpers/hashClassesHelpers';
-import { useTrilogyContext } from '../../context/index';
-import { ComponentName } from '../enumsComponentsName';
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var tslib_1 = require("tslib");
+var react_1 = tslib_1.__importDefault(require("react"));
+var clsx_1 = tslib_1.__importDefault(require("clsx"));
+var services_1 = require("../../services");
+var TitleEnum_1 = require("./TitleEnum");
+var hashClassesHelpers_1 = require("../../helpers/hashClassesHelpers");
+var index_1 = require("../../context/index");
+var enumsComponentsName_1 = require("../enumsComponentsName");
 var getTitleLevel = function (level) {
     if (level) {
         switch (level) {
-            case TitleLevels.ONE:
-                return is("level-1");
-            case TitleLevels.TWO:
-                return is("level-2");
-            case TitleLevels.THREE:
-                return is("level-3");
-            case TitleLevels.FOUR:
-                return is("level-4");
-            case TitleLevels.FIVE:
-                return is("level-5");
-            case TitleLevels.SIX:
-                return is("level-6");
+            case TitleEnum_1.TitleLevels.ONE:
+                return (0, services_1.is)("level-1");
+            case TitleEnum_1.TitleLevels.TWO:
+                return (0, services_1.is)("level-2");
+            case TitleEnum_1.TitleLevels.THREE:
+                return (0, services_1.is)("level-3");
+            case TitleEnum_1.TitleLevels.FOUR:
+                return (0, services_1.is)("level-4");
+            case TitleEnum_1.TitleLevels.FIVE:
+                return (0, services_1.is)("level-5");
+            case TitleEnum_1.TitleLevels.SIX:
+                return (0, services_1.is)("level-6");
             default:
-                return is("level-".concat(level));
+                return (0, services_1.is)("level-".concat(level));
         }
     }
 };
@@ -33,7 +35,7 @@ var getTitleLevel = function (level) {
  * string enum aren't reverse mapped so the first solution doesn't work
  */
 var isCorrectMarkup = function (stringMarkup) {
-    return stringMarkup in TitleMarkup || Object.values(TitleMarkup).includes(stringMarkup);
+    return stringMarkup in TitleEnum_1.TitleMarkup || Object.values(TitleEnum_1.TitleMarkup).includes(stringMarkup);
 };
 /**
  * Title component
@@ -55,12 +57,12 @@ var isCorrectMarkup = function (stringMarkup) {
  * - --------------- NATIVE PROPERTIES ----------------------------------
  * @param style {object} Additional styles
  */
-var Title = React.forwardRef(function (_a, ref) {
-    var _b = _a.level, level = _b === void 0 ? TitleLevels.ONE : _b, markup = _a.markup, children = _a.children, className = _a.className, id = _a.id, typo = _a.typo, skeleton = _a.skeleton, inverted = _a.inverted, onClick = _a.onClick, accessibilityLabel = _a.accessibilityLabel, subtitle = _a.subtitle, overline = _a.overline, marginless = _a.marginless, others = __rest(_a, ["level", "markup", "children", "className", "id", "typo", "skeleton", "inverted", "onClick", "accessibilityLabel", "subtitle", "overline", "marginless"]);
-    var styled = useTrilogyContext().styled;
-    var classes = hashClass(styled, clsx('title', level && getTitleLevel(level), typo, skeleton && is('loading'), inverted && is('inverted'), marginless && is('marginless'), className));
-    var subtitleClasses = hashClass(styled, clsx('subtitle', typo, className));
-    var overlineClasses = hashClass(styled, clsx('overline', typo, className));
+var Title = react_1.default.forwardRef(function (_a, ref) {
+    var _b = _a.level, level = _b === void 0 ? TitleEnum_1.TitleLevels.ONE : _b, markup = _a.markup, children = _a.children, className = _a.className, id = _a.id, typo = _a.typo, skeleton = _a.skeleton, inverted = _a.inverted, onClick = _a.onClick, accessibilityLabel = _a.accessibilityLabel, subtitle = _a.subtitle, overline = _a.overline, marginless = _a.marginless, others = tslib_1.__rest(_a, ["level", "markup", "children", "className", "id", "typo", "skeleton", "inverted", "onClick", "accessibilityLabel", "subtitle", "overline", "marginless"]);
+    var styled = (0, index_1.useTrilogyContext)().styled;
+    var classes = (0, hashClassesHelpers_1.hashClass)(styled, (0, clsx_1.default)('title', level && getTitleLevel(level), typo, skeleton && (0, services_1.is)('loading'), inverted && (0, services_1.is)('inverted'), marginless && (0, services_1.is)('marginless'), className));
+    var subtitleClasses = (0, hashClassesHelpers_1.hashClass)(styled, (0, clsx_1.default)('subtitle', typo, className));
+    var overlineClasses = (0, hashClassesHelpers_1.hashClass)(styled, (0, clsx_1.default)('overline', typo, className));
     var Tag = markup && isCorrectMarkup(markup) ? markup : 'p';
     var getClassname = function () {
         if (subtitle)
@@ -69,8 +71,8 @@ var Title = React.forwardRef(function (_a, ref) {
             return overlineClasses;
         return classes;
     };
-    return (React.createElement(Tag, __assign({ ref: ref, id: id, "aria-label": accessibilityLabel, onClick: onClick, className: getClassname() }, others), children));
+    return (react_1.default.createElement(Tag, tslib_1.__assign({ ref: ref, id: id, "aria-label": accessibilityLabel, onClick: onClick, className: getClassname() }, others), children));
 });
-Title.displayName = ComponentName.Title;
-export default Title;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVGl0bGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9jb21wb25lbnRzL3RpdGxlL1RpdGxlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxLQUFLLE1BQU0sT0FBTyxDQUFBO0FBQ3pCLE9BQU8sSUFBSSxNQUFNLE1BQU0sQ0FBQTtBQUV2QixPQUFPLEVBQUUsRUFBRSxFQUFFLE1BQU0sWUFBWSxDQUFBO0FBQy9CLE9BQU8sRUFBRSxXQUFXLEVBQW9CLFdBQVcsRUFBcUIsTUFBTSxhQUFhLENBQUE7QUFDM0YsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLDhCQUE4QixDQUFBO0FBQ3hELE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLGlCQUFpQixDQUFBO0FBQ25ELE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSx3QkFBd0IsQ0FBQTtBQUV0RCxJQUFNLGFBQWEsR0FBRyxVQUFDLEtBQXFDO0lBQzFELElBQUksS0FBSyxFQUFFO1FBQ1QsUUFBUSxLQUFLLEVBQUU7WUFDYixLQUFLLFdBQVcsQ0FBQyxHQUFHO2dCQUNsQixPQUFPLEVBQUUsQ0FBQyxTQUFTLENBQUMsQ0FBQTtZQUN0QixLQUFLLFdBQVcsQ0FBQyxHQUFHO2dCQUNsQixPQUFPLEVBQUUsQ0FBQyxTQUFTLENBQUMsQ0FBQTtZQUN0QixLQUFLLFdBQVcsQ0FBQyxLQUFLO2dCQUNwQixPQUFPLEVBQUUsQ0FBQyxTQUFTLENBQUMsQ0FBQTtZQUN0QixLQUFLLFdBQVcsQ0FBQyxJQUFJO2dCQUNuQixPQUFPLEVBQUUsQ0FBQyxTQUFTLENBQUMsQ0FBQTtZQUN0QixLQUFLLFdBQVcsQ0FBQyxJQUFJO2dCQUNuQixPQUFPLEVBQUUsQ0FBQyxTQUFTLENBQUMsQ0FBQTtZQUN0QixLQUFLLFdBQVcsQ0FBQyxHQUFHO2dCQUNsQixPQUFPLEVBQUUsQ0FBQyxTQUFTLENBQUMsQ0FBQTtZQUN0QjtnQkFDRSxPQUFPLEVBQUUsQ0FBQyxnQkFBUyxLQUFLLENBQUUsQ0FBQyxDQUFBO1NBQzlCO0tBQ0Y7QUFDSCxDQUFDLENBQUE7QUFFRDs7Ozs7R0FLRztBQUNILElBQU0sZUFBZSxHQUFHLFVBQUMsWUFBNkM7SUFDcEUsT0FBTyxZQUFZLElBQUksV0FBVyxJQUFJLE1BQU0sQ0FBQyxNQUFNLENBQUMsV0FBVyxDQUFDLENBQUMsUUFBUSxDQUFDLFlBQTJCLENBQUMsQ0FBQTtBQUN4RyxDQUFDLENBQUE7QUFFRDs7Ozs7Ozs7Ozs7Ozs7Ozs7OztHQW1CRztBQUNILElBQU0sS0FBSyxHQUFHLEtBQUssQ0FBQyxVQUFVLENBQXVCLFVBQUMsRUFlckQsRUFBRSxHQUFHO0lBZEosSUFBQSxhQUF1QixFQUF2QixLQUFLLG1CQUFHLFdBQVcsQ0FBQyxHQUFHLEtBQUEsRUFDdkIsTUFBTSxZQUFBLEVBQ04sUUFBUSxjQUFBLEVBQ1IsU0FBUyxlQUFBLEVBQ1QsRUFBRSxRQUFBLEVBQ0YsSUFBSSxVQUFBLEVBQ0osUUFBUSxjQUFBLEVBQ1IsUUFBUSxjQUFBLEVBQ1IsT0FBTyxhQUFBLEVBQ1Asa0JBQWtCLHdCQUFBLEVBQ2xCLFFBQVEsY0FBQSxFQUNSLFFBQVEsY0FBQSxFQUNSLFVBQVUsZ0JBQUEsRUFDUCxNQUFNLGNBZDJDLHlKQWVyRCxDQURVO0lBRUQsSUFBQSxNQUFNLEdBQUssaUJBQWlCLEVBQUUsT0FBeEIsQ0FBd0I7SUFFdEMsSUFBTSxPQUFPLEdBQUcsU0FBUyxDQUN2QixNQUFNLEVBQ04sSUFBSSxDQUNGLE9BQU8sRUFDUCxLQUFLLElBQUksYUFBYSxDQUFDLEtBQUssQ0FBQyxFQUM3QixJQUFJLEVBQ0osUUFBUSxJQUFJLEVBQUUsQ0FBQyxTQUFTLENBQUMsRUFDekIsUUFBUSxJQUFJLEVBQUUsQ0FBQyxVQUFVLENBQUMsRUFDMUIsVUFBVSxJQUFJLEVBQUUsQ0FBQyxZQUFZLENBQUMsRUFDOUIsU0FBUyxDQUNWLENBQ0YsQ0FBQTtJQUVELElBQU0sZUFBZSxHQUFHLFNBQVMsQ0FBQyxNQUFNLEVBQUUsSUFBSSxDQUFDLFVBQVUsRUFBRSxJQUFJLEVBQUUsU0FBUyxDQUFDLENBQUMsQ0FBQTtJQUM1RSxJQUFNLGVBQWUsR0FBRyxTQUFTLENBQUMsTUFBTSxFQUFFLElBQUksQ0FBQyxVQUFVLEVBQUUsSUFBSSxFQUFFLFNBQVMsQ0FBQyxDQUFDLENBQUE7SUFFNUUsSUFBTSxHQUFHLEdBQUcsTUFBTSxJQUFJLGVBQWUsQ0FBQyxNQUFNLENBQUMsQ0FBQyxDQUFDLENBQUMsTUFBTSxDQUFDLENBQUMsQ0FBQyxHQUFHLENBQUE7SUFFNUQsSUFBTSxZQUFZLEdBQUc7UUFDbkIsSUFBSSxRQUFRO1lBQUUsT0FBTyxlQUFlLENBQUE7UUFDcEMsSUFBSSxRQUFRO1lBQUUsT0FBTyxlQUFlLENBQUE7UUFDcEMsT0FBTyxPQUFPLENBQUE7SUFDaEIsQ0FBQyxDQUFBO0lBRUQsT0FBTyxDQUNMLG9CQUFDLEdBQUcsYUFBQyxHQUFHLEVBQUUsR0FBRyxFQUFFLEVBQUUsRUFBRSxFQUFFLGdCQUFjLGtCQUFrQixFQUFFLE9BQU8sRUFBRSxPQUFPLEVBQUUsU0FBUyxFQUFFLFlBQVksRUFBRSxJQUFNLE1BQU0sR0FDM0csUUFBUSxDQUNMLENBQ1AsQ0FBQTtBQUNILENBQUMsQ0FBQyxDQUFBO0FBRUYsS0FBSyxDQUFDLFdBQVcsR0FBRyxhQUFhLENBQUMsS0FBSyxDQUFBO0FBQ3ZDLGVBQWUsS0FBSyxDQUFBIn0=
+Title.displayName = enumsComponentsName_1.ComponentName.Title;
+exports.default = Title;
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVGl0bGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9jb21wb25lbnRzL3RpdGxlL1RpdGxlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7QUFBQSx3REFBeUI7QUFDekIsc0RBQXVCO0FBRXZCLHVDQUErQjtBQUMvQix5Q0FBMkY7QUFDM0YsbUVBQXdEO0FBQ3hELHlDQUFtRDtBQUNuRCw4REFBc0Q7QUFFdEQsSUFBTSxhQUFhLEdBQUcsVUFBQyxLQUFxQztJQUMxRCxJQUFJLEtBQUssRUFBRTtRQUNULFFBQVEsS0FBSyxFQUFFO1lBQ2IsS0FBSyx1QkFBVyxDQUFDLEdBQUc7Z0JBQ2xCLE9BQU8sSUFBQSxhQUFFLEVBQUMsU0FBUyxDQUFDLENBQUE7WUFDdEIsS0FBSyx1QkFBVyxDQUFDLEdBQUc7Z0JBQ2xCLE9BQU8sSUFBQSxhQUFFLEVBQUMsU0FBUyxDQUFDLENBQUE7WUFDdEIsS0FBSyx1QkFBVyxDQUFDLEtBQUs7Z0JBQ3BCLE9BQU8sSUFBQSxhQUFFLEVBQUMsU0FBUyxDQUFDLENBQUE7WUFDdEIsS0FBSyx1QkFBVyxDQUFDLElBQUk7Z0JBQ25CLE9BQU8sSUFBQSxhQUFFLEVBQUMsU0FBUyxDQUFDLENBQUE7WUFDdEIsS0FBSyx1QkFBVyxDQUFDLElBQUk7Z0JBQ25CLE9BQU8sSUFBQSxhQUFFLEVBQUMsU0FBUyxDQUFDLENBQUE7WUFDdEIsS0FBSyx1QkFBVyxDQUFDLEdBQUc7Z0JBQ2xCLE9BQU8sSUFBQSxhQUFFLEVBQUMsU0FBUyxDQUFDLENBQUE7WUFDdEI7Z0JBQ0UsT0FBTyxJQUFBLGFBQUUsRUFBQyxnQkFBUyxLQUFLLENBQUUsQ0FBQyxDQUFBO1NBQzlCO0tBQ0Y7QUFDSCxDQUFDLENBQUE7QUFFRDs7Ozs7R0FLRztBQUNILElBQU0sZUFBZSxHQUFHLFVBQUMsWUFBNkM7SUFDcEUsT0FBTyxZQUFZLElBQUksdUJBQVcsSUFBSSxNQUFNLENBQUMsTUFBTSxDQUFDLHVCQUFXLENBQUMsQ0FBQyxRQUFRLENBQUMsWUFBMkIsQ0FBQyxDQUFBO0FBQ3hHLENBQUMsQ0FBQTtBQUVEOzs7Ozs7Ozs7Ozs7Ozs7Ozs7O0dBbUJHO0FBQ0gsSUFBTSxLQUFLLEdBQUcsZUFBSyxDQUFDLFVBQVUsQ0FBdUIsVUFBQyxFQWVyRCxFQUFFLEdBQUc7SUFkSixJQUFBLGFBQXVCLEVBQXZCLEtBQUssbUJBQUcsdUJBQVcsQ0FBQyxHQUFHLEtBQUEsRUFDdkIsTUFBTSxZQUFBLEVBQ04sUUFBUSxjQUFBLEVBQ1IsU0FBUyxlQUFBLEVBQ1QsRUFBRSxRQUFBLEVBQ0YsSUFBSSxVQUFBLEVBQ0osUUFBUSxjQUFBLEVBQ1IsUUFBUSxjQUFBLEVBQ1IsT0FBTyxhQUFBLEVBQ1Asa0JBQWtCLHdCQUFBLEVBQ2xCLFFBQVEsY0FBQSxFQUNSLFFBQVEsY0FBQSxFQUNSLFVBQVUsZ0JBQUEsRUFDUCxNQUFNLHNCQWQyQyx5SkFlckQsQ0FEVTtJQUVELElBQUEsTUFBTSxHQUFLLElBQUEseUJBQWlCLEdBQUUsT0FBeEIsQ0FBd0I7SUFFdEMsSUFBTSxPQUFPLEdBQUcsSUFBQSw4QkFBUyxFQUN2QixNQUFNLEVBQ04sSUFBQSxjQUFJLEVBQ0YsT0FBTyxFQUNQLEtBQUssSUFBSSxhQUFhLENBQUMsS0FBSyxDQUFDLEVBQzdCLElBQUksRUFDSixRQUFRLElBQUksSUFBQSxhQUFFLEVBQUMsU0FBUyxDQUFDLEVBQ3pCLFFBQVEsSUFBSSxJQUFBLGFBQUUsRUFBQyxVQUFVLENBQUMsRUFDMUIsVUFBVSxJQUFJLElBQUEsYUFBRSxFQUFDLFlBQVksQ0FBQyxFQUM5QixTQUFTLENBQ1YsQ0FDRixDQUFBO0lBRUQsSUFBTSxlQUFlLEdBQUcsSUFBQSw4QkFBUyxFQUFDLE1BQU0sRUFBRSxJQUFBLGNBQUksRUFBQyxVQUFVLEVBQUUsSUFBSSxFQUFFLFNBQVMsQ0FBQyxDQUFDLENBQUE7SUFDNUUsSUFBTSxlQUFlLEdBQUcsSUFBQSw4QkFBUyxFQUFDLE1BQU0sRUFBRSxJQUFBLGNBQUksRUFBQyxVQUFVLEVBQUUsSUFBSSxFQUFFLFNBQVMsQ0FBQyxDQUFDLENBQUE7SUFFNUUsSUFBTSxHQUFHLEdBQUcsTUFBTSxJQUFJLGVBQWUsQ0FBQyxNQUFNLENBQUMsQ0FBQyxDQUFDLENBQUMsTUFBTSxDQUFDLENBQUMsQ0FBQyxHQUFHLENBQUE7SUFFNUQsSUFBTSxZQUFZLEdBQUc7UUFDbkIsSUFBSSxRQUFRO1lBQUUsT0FBTyxlQUFlLENBQUE7UUFDcEMsSUFBSSxRQUFRO1lBQUUsT0FBTyxlQUFlLENBQUE7UUFDcEMsT0FBTyxPQUFPLENBQUE7SUFDaEIsQ0FBQyxDQUFBO0lBRUQsT0FBTyxDQUNMLDhCQUFDLEdBQUcscUJBQUMsR0FBRyxFQUFFLEdBQUcsRUFBRSxFQUFFLEVBQUUsRUFBRSxnQkFBYyxrQkFBa0IsRUFBRSxPQUFPLEVBQUUsT0FBTyxFQUFFLFNBQVMsRUFBRSxZQUFZLEVBQUUsSUFBTSxNQUFNLEdBQzNHLFFBQVEsQ0FDTCxDQUNQLENBQUE7QUFDSCxDQUFDLENBQUMsQ0FBQTtBQUVGLEtBQUssQ0FBQyxXQUFXLEdBQUcsbUNBQWEsQ0FBQyxLQUFLLENBQUE7QUFDdkMsa0JBQWUsS0FBSyxDQUFBIn0=

package/lib/components/title/Title.mjs

@@ -0,0 +1,76 @@
+import { __assign, __rest } from "tslib";
+import React from 'react';
+import clsx from 'clsx';
+import { is } from '../../services';
+import { TitleLevels, TitleMarkup } from './TitleEnum';
+import { hashClass } from '../../helpers/hashClassesHelpers';
+import { useTrilogyContext } from '../../context/index';
+import { ComponentName } from '../enumsComponentsName';
+var getTitleLevel = function (level) {
+    if (level) {
+        switch (level) {
+            case TitleLevels.ONE:
+                return is("level-1");
+            case TitleLevels.TWO:
+                return is("level-2");
+            case TitleLevels.THREE:
+                return is("level-3");
+            case TitleLevels.FOUR:
+                return is("level-4");
+            case TitleLevels.FIVE:
+                return is("level-5");
+            case TitleLevels.SIX:
+                return is("level-6");
+            default:
+                return is("level-".concat(level));
+        }
+    }
+};
+/**
+ * If no markup return div with default level 1
+ * key in Enum works only in TS or with number enum for JS
+ * for string enum (as in this case) we need to use Object.values.includes for JS usage
+ * string enum aren't reverse mapped so the first solution doesn't work
+ */
+var isCorrectMarkup = function (stringMarkup) {
+    return stringMarkup in TitleMarkup || Object.values(TitleMarkup).includes(stringMarkup);
+};
+/**
+ * Title component
+ * @param children {ReactNode} Title child
+ * @param level {TitleLevels | TitleLevel | number} Title size : 1-3
+ * @param inverted {Boolean} Title white color
+ * @param typo {TypographyColor | TypographyTransform | TypographyBold | TypographyAlign} Typos
+ * @param onClick {Function} onClick Event
+ * @param skeleton {Boolean} Title Skeleton
+ * @param accessibilityLabel {string} Accessibility label
+ * @param testId {string} Test Id for Test Integration
+ * @param subtitle {boolean} Subtitle below title
+ * @param overline {boolean} Overline above title
+ * - --------------- WEB PROPERTIES ----------------------------------
+ * @param markup {string} h1 | h2 | h3 | h4 | h5 | h6 | p | span | div
+ * @param className {string} Additional css classes
+ * @param marginless {boolean} delete margin
+ * @param htmlContent {string} Content Html In Title Component
+ * - --------------- NATIVE PROPERTIES ----------------------------------
+ * @param style {object} Additional styles
+ */
+var Title = React.forwardRef(function (_a, ref) {
+    var _b = _a.level, level = _b === void 0 ? TitleLevels.ONE : _b, markup = _a.markup, children = _a.children, className = _a.className, id = _a.id, typo = _a.typo, skeleton = _a.skeleton, inverted = _a.inverted, onClick = _a.onClick, accessibilityLabel = _a.accessibilityLabel, subtitle = _a.subtitle, overline = _a.overline, marginless = _a.marginless, others = __rest(_a, ["level", "markup", "children", "className", "id", "typo", "skeleton", "inverted", "onClick", "accessibilityLabel", "subtitle", "overline", "marginless"]);
+    var styled = useTrilogyContext().styled;
+    var classes = hashClass(styled, clsx('title', level && getTitleLevel(level), typo, skeleton && is('loading'), inverted && is('inverted'), marginless && is('marginless'), className));
+    var subtitleClasses = hashClass(styled, clsx('subtitle', typo, className));
+    var overlineClasses = hashClass(styled, clsx('overline', typo, className));
+    var Tag = markup && isCorrectMarkup(markup) ? markup : 'p';
+    var getClassname = function () {
+        if (subtitle)
+            return subtitleClasses;
+        if (overline)
+            return overlineClasses;
+        return classes;
+    };
+    return (React.createElement(Tag, __assign({ ref: ref, id: id, "aria-label": accessibilityLabel, onClick: onClick, className: getClassname() }, others), children));
+});
+Title.displayName = ComponentName.Title;
+export default Title;
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVGl0bGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9jb21wb25lbnRzL3RpdGxlL1RpdGxlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxLQUFLLE1BQU0sT0FBTyxDQUFBO0FBQ3pCLE9BQU8sSUFBSSxNQUFNLE1BQU0sQ0FBQTtBQUV2QixPQUFPLEVBQUUsRUFBRSxFQUFFLE1BQU0sWUFBWSxDQUFBO0FBQy9CLE9BQU8sRUFBRSxXQUFXLEVBQW9CLFdBQVcsRUFBcUIsTUFBTSxhQUFhLENBQUE7QUFDM0YsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLDhCQUE4QixDQUFBO0FBQ3hELE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLGlCQUFpQixDQUFBO0FBQ25ELE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSx3QkFBd0IsQ0FBQTtBQUV0RCxJQUFNLGFBQWEsR0FBRyxVQUFDLEtBQXFDO0lBQzFELElBQUksS0FBSyxFQUFFO1FBQ1QsUUFBUSxLQUFLLEVBQUU7WUFDYixLQUFLLFdBQVcsQ0FBQyxHQUFHO2dCQUNsQixPQUFPLEVBQUUsQ0FBQyxTQUFTLENBQUMsQ0FBQTtZQUN0QixLQUFLLFdBQVcsQ0FBQyxHQUFHO2dCQUNsQixPQUFPLEVBQUUsQ0FBQyxTQUFTLENBQUMsQ0FBQTtZQUN0QixLQUFLLFdBQVcsQ0FBQyxLQUFLO2dCQUNwQixPQUFPLEVBQUUsQ0FBQyxTQUFTLENBQUMsQ0FBQTtZQUN0QixLQUFLLFdBQVcsQ0FBQyxJQUFJO2dCQUNuQixPQUFPLEVBQUUsQ0FBQyxTQUFTLENBQUMsQ0FBQTtZQUN0QixLQUFLLFdBQVcsQ0FBQyxJQUFJO2dCQUNuQixPQUFPLEVBQUUsQ0FBQyxTQUFTLENBQUMsQ0FBQTtZQUN0QixLQUFLLFdBQVcsQ0FBQyxHQUFHO2dCQUNsQixPQUFPLEVBQUUsQ0FBQyxTQUFTLENBQUMsQ0FBQTtZQUN0QjtnQkFDRSxPQUFPLEVBQUUsQ0FBQyxnQkFBUyxLQUFLLENBQUUsQ0FBQyxDQUFBO1NBQzlCO0tBQ0Y7QUFDSCxDQUFDLENBQUE7QUFFRDs7Ozs7R0FLRztBQUNILElBQU0sZUFBZSxHQUFHLFVBQUMsWUFBNkM7SUFDcEUsT0FBTyxZQUFZLElBQUksV0FBVyxJQUFJLE1BQU0sQ0FBQyxNQUFNLENBQUMsV0FBVyxDQUFDLENBQUMsUUFBUSxDQUFDLFlBQTJCLENBQUMsQ0FBQTtBQUN4RyxDQUFDLENBQUE7QUFFRDs7Ozs7Ozs7Ozs7Ozs7Ozs7OztHQW1CRztBQUNILElBQU0sS0FBSyxHQUFHLEtBQUssQ0FBQyxVQUFVLENBQXVCLFVBQUMsRUFlckQsRUFBRSxHQUFHO0lBZEosSUFBQSxhQUF1QixFQUF2QixLQUFLLG1CQUFHLFdBQVcsQ0FBQyxHQUFHLEtBQUEsRUFDdkIsTUFBTSxZQUFBLEVBQ04sUUFBUSxjQUFBLEVBQ1IsU0FBUyxlQUFBLEVBQ1QsRUFBRSxRQUFBLEVBQ0YsSUFBSSxVQUFBLEVBQ0osUUFBUSxjQUFBLEVBQ1IsUUFBUSxjQUFBLEVBQ1IsT0FBTyxhQUFBLEVBQ1Asa0JBQWtCLHdCQUFBLEVBQ2xCLFFBQVEsY0FBQSxFQUNSLFFBQVEsY0FBQSxFQUNSLFVBQVUsZ0JBQUEsRUFDUCxNQUFNLGNBZDJDLHlKQWVyRCxDQURVO0lBRUQsSUFBQSxNQUFNLEdBQUssaUJBQWlCLEVBQUUsT0FBeEIsQ0FBd0I7SUFFdEMsSUFBTSxPQUFPLEdBQUcsU0FBUyxDQUN2QixNQUFNLEVBQ04sSUFBSSxDQUNGLE9BQU8sRUFDUCxLQUFLLElBQUksYUFBYSxDQUFDLEtBQUssQ0FBQyxFQUM3QixJQUFJLEVBQ0osUUFBUSxJQUFJLEVBQUUsQ0FBQyxTQUFTLENBQUMsRUFDekIsUUFBUSxJQUFJLEVBQUUsQ0FBQyxVQUFVLENBQUMsRUFDMUIsVUFBVSxJQUFJLEVBQUUsQ0FBQyxZQUFZLENBQUMsRUFDOUIsU0FBUyxDQUNWLENBQ0YsQ0FBQTtJQUVELElBQU0sZUFBZSxHQUFHLFNBQVMsQ0FBQyxNQUFNLEVBQUUsSUFBSSxDQUFDLFVBQVUsRUFBRSxJQUFJLEVBQUUsU0FBUyxDQUFDLENBQUMsQ0FBQTtJQUM1RSxJQUFNLGVBQWUsR0FBRyxTQUFTLENBQUMsTUFBTSxFQUFFLElBQUksQ0FBQyxVQUFVLEVBQUUsSUFBSSxFQUFFLFNBQVMsQ0FBQyxDQUFDLENBQUE7SUFFNUUsSUFBTSxHQUFHLEdBQUcsTUFBTSxJQUFJLGVBQWUsQ0FBQyxNQUFNLENBQUMsQ0FBQyxDQUFDLENBQUMsTUFBTSxDQUFDLENBQUMsQ0FBQyxHQUFHLENBQUE7SUFFNUQsSUFBTSxZQUFZLEdBQUc7UUFDbkIsSUFBSSxRQUFRO1lBQUUsT0FBTyxlQUFlLENBQUE7UUFDcEMsSUFBSSxRQUFRO1lBQUUsT0FBTyxlQUFlLENBQUE7UUFDcEMsT0FBTyxPQUFPLENBQUE7SUFDaEIsQ0FBQyxDQUFBO0lBRUQsT0FBTyxDQUNMLG9CQUFDLEdBQUcsYUFBQyxHQUFHLEVBQUUsR0FBRyxFQUFFLEVBQUUsRUFBRSxFQUFFLGdCQUFjLGtCQUFrQixFQUFFLE9BQU8sRUFBRSxPQUFPLEVBQUUsU0FBUyxFQUFFLFlBQVksRUFBRSxJQUFNLE1BQU0sR0FDM0csUUFBUSxDQUNMLENBQ1AsQ0FBQTtBQUNILENBQUMsQ0FBQyxDQUFBO0FBRUYsS0FBSyxDQUFDLFdBQVcsR0FBRyxhQUFhLENBQUMsS0FBSyxDQUFBO0FBQ3ZDLGVBQWUsS0FBSyxDQUFBIn0=

package/lib/components/title/Title.native.d.mts

@@ -0,0 +1,19 @@
+import * as React from 'react';
+import { Text as TextNative } from 'react-native';
+import { TitleProps } from './TitleProps';
+/**
+ * Title component
+ * @param children {ReactNode} Title child
+ * @param level {TitleLevels | TitleLevel | number} Title size : 1-3
+ * @param inverted {Boolean} Title white color
+ * @param typo {TypographyColor | TypographyTransform | TypographyBold | TypographyAlign} Typos
+ * @param onClick {Function} onClick Event
+ * @param skeleton {Boolean} Title Skeleton
+ * @param accessibilityLabel {string} Accessibility label
+ * @param testId {string} Test Id for Test Integration
+ * @param style {object} Additional styles
+ * @param subtitle {boolean} Subtitle below title
+ * @param overline {boolean} Overline above title
+ */
+declare const Title: React.ForwardRefExoticComponent<TitleProps & React.RefAttributes<TextNative>>;
+export default Title;