@trilogy-ds/react 0.0.3-beta-v4 → 0.0.3-calendar

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

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

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

@@ -1,4 +1,5 @@
 /// <reference types="react" />
+import { View } from 'react-native';
 import { CommonProps } from '../../../objects/facets/CommonProps';
 /**
  * Timeline Item Interface
@@ -17,3 +18,5 @@ export interface TimelineItemWebProps extends TimelineItemProps, CommonProps {
     active?: boolean;
     cancel?: boolean;
 }
+export type TimelineItemRef = HTMLDivElement;
+export type TimelineItemNativeRef = View;

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

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import * as React from 'react';
 import { TimelineMarkerWebProps } from './TimelineMarkerProps';
 /**
  * Timeline Marker Component
@@ -6,8 +6,8 @@ import { TimelineMarkerWebProps } from './TimelineMarkerProps';
  * @param iconColor {IconColor} Icon Color
  * @param testId {string} Test Id for Test Integration
  * - -------------------------- WEB PROPERTIES -------------------------------
- * @param className {string} Additionnal CSS Classes
- * @param iconClassname {string} Additionnal CSS Classes for icon
+ * @param className {string} Additional CSS Classes
+ * @param iconClassname {string} Additional CSS Classes for icon
  */
-declare const TimelineMarker: ({ className, id, iconClassname, iconName, ...others }: TimelineMarkerWebProps) => JSX.Element;
+declare const TimelineMarker: React.ForwardRefExoticComponent<TimelineMarkerWebProps & React.RefAttributes<HTMLDivElement>>;
 export default TimelineMarker;

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

@@ -5,23 +5,25 @@ 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} Additionnal CSS Classes
- * @param iconClassname {string} Additionnal CSS Classes for icon
+ * @param className {string} Additional CSS Classes
+ * @param iconClassname {string} Additional CSS Classes for icon
  */
-var TimelineMarker = function (_a) {
+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({ id: id, className: classes }, others),
+    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,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVGltZWxpbmVNYXJrZXIuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9jb21wb25lbnRzL3RpbWVsaW5lL21hcmtlci9UaW1lbGluZU1hcmtlci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUFBLE9BQU8sS0FBSyxLQUFLLE1BQU0sT0FBTyxDQUFBO0FBQzlCLE9BQU8sSUFBSSxNQUFNLE1BQU0sQ0FBQTtBQUV2QixPQUFPLEVBQUUsRUFBRSxFQUFFLE1BQU0scUJBQXFCLENBQUE7QUFDeEMsT0FBTyxFQUFFLElBQUksRUFBRSxRQUFRLEVBQUUsTUFBTSxtQkFBbUIsQ0FBQTtBQUNsRCxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxXQUFXLENBQUE7QUFDN0MsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLFdBQVcsQ0FBQTtBQUVyQzs7Ozs7Ozs7R0FRRztBQUNILElBQU0sY0FBYyxHQUFHLFVBQUMsRUFNQztJQUx2QixJQUFBLFNBQVMsZUFBQSxFQUNULEVBQUUsUUFBQSxFQUNGLGFBQWEsbUJBQUEsRUFDYixRQUFRLGNBQUEsRUFDTCxNQUFNLGNBTGEsZ0RBTXZCLENBRFU7SUFFRCxJQUFBLE1BQU0sR0FBSyxpQkFBaUIsRUFBRSxPQUF4QixDQUF3QjtJQUN0QyxJQUFNLE9BQU8sR0FBRyxTQUFTLENBQUMsTUFBTSxFQUFFLElBQUksQ0FBQyxpQkFBaUIsRUFBRSxFQUFFLENBQUMsTUFBTSxDQUFDLEVBQUUsU0FBUyxDQUFDLENBQUMsQ0FBQTtJQUNqRixJQUFNLFdBQVcsR0FBRyxJQUFJLENBQUMsYUFBYSxDQUFDLENBQUE7SUFFdkMsT0FBTyxDQUNMLHNDQUFLLEVBQUUsRUFBRSxFQUFFLEVBQUUsU0FBUyxFQUFFLE9BQU8sSUFBTSxNQUFNO1FBQ3pDLDZCQUFLLFNBQVMsRUFBQyxrQkFBa0I7WUFDL0Isb0JBQUMsSUFBSSxJQUFDLFNBQVMsRUFBRSxXQUFXLEVBQUUsSUFBSSxFQUFFLFFBQVEsRUFBRSxJQUFJLEVBQUUsUUFBUSxDQUFDLEtBQUssR0FBSSxDQUNsRSxDQUNGLENBQ1AsQ0FBQTtBQUNILENBQUMsQ0FBQTtBQUVELGVBQWUsY0FBYyxDQUFBIn0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVGltZWxpbmVNYXJrZXIuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9jb21wb25lbnRzL3RpbWVsaW5lL21hcmtlci9UaW1lbGluZU1hcmtlci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUFBLE9BQU8sS0FBSyxLQUFLLE1BQU0sT0FBTyxDQUFBO0FBQzlCLE9BQU8sSUFBSSxNQUFNLE1BQU0sQ0FBQTtBQUV2QixPQUFPLEVBQUUsRUFBRSxFQUFFLE1BQU0scUJBQXFCLENBQUE7QUFDeEMsT0FBTyxFQUFFLElBQUksRUFBRSxRQUFRLEVBQUUsTUFBTSxtQkFBbUIsQ0FBQTtBQUNsRCxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxXQUFXLENBQUE7QUFDN0MsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLFdBQVcsQ0FBQTtBQUNyQyxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sa0NBQWtDLENBQUE7QUFFaEU7Ozs7Ozs7O0dBUUc7QUFDSCxJQUFNLGNBQWMsR0FBRyxLQUFLLENBQUMsVUFBVSxDQUE0QyxVQUFDLEVBTW5GLEVBQUUsR0FBRztJQUxKLElBQUEsU0FBUyxlQUFBLEVBQ1QsRUFBRSxRQUFBLEVBQ0YsYUFBYSxtQkFBQSxFQUNiLFFBQVEsY0FBQSxFQUNMLE1BQU0sY0FMeUUsZ0RBTW5GLENBRFU7SUFFRCxJQUFBLE1BQU0sR0FBSyxpQkFBaUIsRUFBRSxPQUF4QixDQUF3QjtJQUN0QyxJQUFNLE9BQU8sR0FBRyxTQUFTLENBQUMsTUFBTSxFQUFFLElBQUksQ0FBQyxpQkFBaUIsRUFBRSxFQUFFLENBQUMsTUFBTSxDQUFDLEVBQUUsU0FBUyxDQUFDLENBQUMsQ0FBQTtJQUNqRixJQUFNLFdBQVcsR0FBRyxJQUFJLENBQUMsYUFBYSxDQUFDLENBQUE7SUFFdkMsT0FBTyxDQUNMLHNDQUFLLEdBQUcsRUFBRSxHQUFHLEVBQUUsRUFBRSxFQUFFLEVBQUUsRUFBRSxTQUFTLEVBQUUsT0FBTyxJQUFNLE1BQU07UUFDbkQsNkJBQUssU0FBUyxFQUFDLGtCQUFrQjtZQUMvQixvQkFBQyxJQUFJLElBQUMsU0FBUyxFQUFFLFdBQVcsRUFBRSxJQUFJLEVBQUUsUUFBUSxFQUFFLElBQUksRUFBRSxRQUFRLENBQUMsS0FBSyxHQUFJLENBQ2xFLENBQ0YsQ0FDUCxDQUFBO0FBQ0gsQ0FBQyxDQUFDLENBQUE7QUFFRixjQUFjLENBQUMsV0FBVyxHQUFHLGFBQWEsQ0FBQyxjQUFjLENBQUE7QUFDekQsZUFBZSxjQUFjLENBQUEifQ==

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

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

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

@@ -1,17 +1,18 @@
-import React, { useContext } from 'react';
-import { StyleSheet, View } from 'react-native';
+import { ComponentName } from '../../../components/enumsComponentsName';
 import { Icon, IconSize } from '../../../components/icon';
-import { TimelineItemContext } from '../item/TimelineItem.native';
-import { getColorStyle, TrilogyColor } from '../../../objects';
+import { SpacerSize } from '../../../components/spacer';
+import { TimelineItemContext } from '../../../components/timeline/item/TimelineItem.native';
 import { TimelineHeightContext } from '../../../components/timeline/Timeline.native';
-import { ComponentName } from '../../../components/enumsComponentsName';
+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 = function (_a) {
+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;
@@ -22,6 +23,7 @@ var TimelineMarker = function (_a) {
             flexDirection: 'column',
         },
         divider: {
+            top: SpacerSize.TWO,
             height: height ? height - 48 : 74,
             borderStyle: 'solid',
             borderLeftWidth: 2,
@@ -30,13 +32,13 @@ var TimelineMarker = function (_a) {
             borderColor: (active && getColorStyle(TrilogyColor.MAIN)) ||
                 (cancel && getColorStyle(TrilogyColor.NEUTRAL)) ||
                 (done && getColorStyle(TrilogyColor.MAIN)) ||
-                getColorStyle(TrilogyColor.NEUTRAL_FADE),
+                getColorStyle(TrilogyColor.NEUTRAL),
         },
         icon: {
             alignSelf: 'center',
         },
     });
-    return (React.createElement(View, { style: styles.marker },
+    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) ||
@@ -44,9 +46,9 @@ var TimelineMarker = function (_a) {
                     TrilogyColor.BACKGROUND, backgroundColor: (active && TrilogyColor.MAIN) ||
                     (cancel && TrilogyColor.NEUTRAL) ||
                     (done && TrilogyColor.MAIN) ||
-                    TrilogyColor.NEUTRAL_FADE, size: IconSize.SMALL })),
+                    TrilogyColor.NEUTRAL, size: IconSize.SMALL })),
         React.createElement(View, { style: styles.divider })));
-};
+});
 TimelineMarker.displayName = ComponentName.TimelineMarker;
 export default TimelineMarker;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVGltZWxpbmVNYXJrZXIubmF0aXZlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vY29tcG9uZW50cy90aW1lbGluZS9tYXJrZXIvVGltZWxpbmVNYXJrZXIubmF0aXZlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEtBQUssRUFBRSxFQUFFLFVBQVUsRUFBRSxNQUFNLE9BQU8sQ0FBQTtBQUN6QyxPQUFPLEVBQUUsVUFBVSxFQUFFLElBQUksRUFBRSxNQUFNLGNBQWMsQ0FBQTtBQUUvQyxPQUFPLEVBQUUsSUFBSSxFQUFFLFFBQVEsRUFBRSxNQUFNLG1CQUFtQixDQUFBO0FBQ2xELE9BQU8sRUFBRSxtQkFBbUIsRUFBRSxNQUFNLDZCQUE2QixDQUFBO0FBQ2pFLE9BQU8sRUFBRSxhQUFhLEVBQUUsWUFBWSxFQUFFLE1BQU0sV0FBVyxDQUFBO0FBQ3ZELE9BQU8sRUFBRSxxQkFBcUIsRUFBRSxNQUFNLHVDQUF1QyxDQUFBO0FBQzdFLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxrQ0FBa0MsQ0FBQTtBQUVoRTs7Ozs7R0FLRztBQUNILElBQU0sY0FBYyxHQUFHLFVBQUMsRUFBaUM7UUFBL0IsUUFBUSxjQUFBO0lBQzFCLElBQUEsS0FBMkIsVUFBVSxDQUFDLG1CQUFtQixDQUFDLEVBQXhELE1BQU0sWUFBQSxFQUFFLElBQUksVUFBQSxFQUFFLE1BQU0sWUFBb0MsQ0FBQTtJQUN4RCxJQUFBLE1BQU0sR0FBSyxVQUFVLENBQUMscUJBQXFCLENBQUMsT0FBdEMsQ0FBc0M7SUFFcEQsSUFBTSxNQUFNLEdBQUcsVUFBVSxDQUFDLE1BQU0sQ0FBQztRQUMvQixNQUFNLEVBQUU7WUFDTixJQUFJLEVBQUUsQ0FBQztZQUNQLFNBQVMsRUFBRSxZQUFZO1lBQ3ZCLGFBQWEsRUFBRSxRQUFRO1NBQ3hCO1FBQ0QsT0FBTyxFQUFFO1lBQ1AsTUFBTSxFQUFFLE1BQU0sQ0FBQyxDQUFDLENBQUMsTUFBTSxHQUFHLEVBQUUsQ0FBQyxDQUFDLENBQUMsRUFBRTtZQUNqQyxXQUFXLEVBQUUsT0FBTztZQUNwQixlQUFlLEVBQUUsQ0FBQztZQUNsQixVQUFVLEVBQUUsTUFBTTtZQUNsQixXQUFXLEVBQUUsTUFBTTtZQUNuQixXQUFXLEVBQ1QsQ0FBQyxNQUFNLElBQUksYUFBYSxDQUFDLFlBQVksQ0FBQyxJQUFJLENBQUMsQ0FBQztnQkFDNUMsQ0FBQyxNQUFNLElBQUksYUFBYSxDQUFDLFlBQVksQ0FBQyxPQUFPLENBQUMsQ0FBQztnQkFDL0MsQ0FBQyxJQUFJLElBQUksYUFBYSxDQUFDLFlBQVksQ0FBQyxJQUFJLENBQUMsQ0FBQztnQkFDMUMsYUFBYSxDQUFDLFlBQVksQ0FBQyxZQUFZLENBQUM7U0FDM0M7UUFDRCxJQUFJLEVBQUU7WUFDSixTQUFTLEVBQUUsUUFBUTtTQUNwQjtLQUNGLENBQUMsQ0FBQTtJQUVGLE9BQU8sQ0FDTCxvQkFBQyxJQUFJLElBQUMsS0FBSyxFQUFFLE1BQU0sQ0FBQyxNQUFNO1FBQ3hCLG9CQUFDLElBQUksSUFBQyxLQUFLLEVBQUUsTUFBTSxDQUFDLElBQUk7WUFDdEIsb0JBQUMsSUFBSSxJQUNILElBQUksRUFBRSxRQUFRLEVBQ2QsT0FBTyxRQUNQLEtBQUssRUFDSCxDQUFDLE1BQU0sSUFBSSxZQUFZLENBQUMsVUFBVSxDQUFDO29CQUNuQyxDQUFDLE1BQU0sSUFBSSxZQUFZLENBQUMsWUFBWSxDQUFDO29CQUNyQyxDQUFDLElBQUksSUFBSSxZQUFZLENBQUMsVUFBVSxDQUFDO29CQUNqQyxZQUFZLENBQUMsVUFBVSxFQUV6QixlQUFlLEVBQ2IsQ0FBQyxNQUFNLElBQUksWUFBWSxDQUFDLElBQUksQ0FBQztvQkFDN0IsQ0FBQyxNQUFNLElBQUksWUFBWSxDQUFDLE9BQU8sQ0FBQztvQkFDaEMsQ0FBQyxJQUFJLElBQUksWUFBWSxDQUFDLElBQUksQ0FBQztvQkFDM0IsWUFBWSxDQUFDLFlBQVksRUFFM0IsSUFBSSxFQUFFLFFBQVEsQ0FBQyxLQUFLLEdBQ3BCLENBQ0c7UUFFUCxvQkFBQyxJQUFJLElBQUMsS0FBSyxFQUFFLE1BQU0sQ0FBQyxPQUFPLEdBQVMsQ0FDL0IsQ0FDUixDQUFBO0FBQ0gsQ0FBQyxDQUFBO0FBRUQsY0FBYyxDQUFDLFdBQVcsR0FBRyxhQUFhLENBQUMsY0FBYyxDQUFBO0FBRXpELGVBQWUsY0FBYyxDQUFBIn0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVGltZWxpbmVNYXJrZXIubmF0aXZlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vY29tcG9uZW50cy90aW1lbGluZS9tYXJrZXIvVGltZWxpbmVNYXJrZXIubmF0aXZlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sa0NBQWtDLENBQUE7QUFDaEUsT0FBTyxFQUFFLElBQUksRUFBRSxRQUFRLEVBQUUsTUFBTSxtQkFBbUIsQ0FBQTtBQUNsRCxPQUFPLEVBQUUsVUFBVSxFQUFFLE1BQU0scUJBQXFCLENBQUE7QUFDaEQsT0FBTyxFQUFFLG1CQUFtQixFQUFFLE1BQU0sZ0RBQWdELENBQUE7QUFFcEYsT0FBTyxFQUFFLHFCQUFxQixFQUFFLE1BQU0sdUNBQXVDLENBQUE7QUFDN0UsT0FBTyxFQUFFLGFBQWEsRUFBRSxZQUFZLEVBQUUsTUFBTSxXQUFXLENBQUE7QUFDdkQsT0FBTyxLQUFLLEVBQUUsRUFBRSxVQUFVLEVBQUUsTUFBTSxPQUFPLENBQUE7QUFDekMsT0FBTyxFQUFFLFVBQVUsRUFBRSxJQUFJLEVBQUUsTUFBTSxjQUFjLENBQUE7QUFFL0M7Ozs7O0dBS0c7QUFDSCxJQUFNLGNBQWMsR0FBRyxLQUFLLENBQUMsVUFBVSxDQUErQyxVQUFDLEVBQVksRUFBRSxHQUFHO1FBQWYsUUFBUSxjQUFBO0lBQ3pGLElBQUEsS0FBMkIsVUFBVSxDQUFDLG1CQUFtQixDQUFDLEVBQXhELE1BQU0sWUFBQSxFQUFFLElBQUksVUFBQSxFQUFFLE1BQU0sWUFBb0MsQ0FBQTtJQUN4RCxJQUFBLE1BQU0sR0FBSyxVQUFVLENBQUMscUJBQXFCLENBQUMsT0FBdEMsQ0FBc0M7SUFFcEQsSUFBTSxNQUFNLEdBQUcsVUFBVSxDQUFDLE1BQU0sQ0FBQztRQUMvQixNQUFNLEVBQUU7WUFDTixJQUFJLEVBQUUsQ0FBQztZQUNQLFNBQVMsRUFBRSxZQUFZO1lBQ3ZCLGFBQWEsRUFBRSxRQUFRO1NBQ3hCO1FBQ0QsT0FBTyxFQUFFO1lBQ1AsR0FBRyxFQUFFLFVBQVUsQ0FBQyxHQUFHO1lBQ25CLE1BQU0sRUFBRSxNQUFNLENBQUMsQ0FBQyxDQUFDLE1BQU0sR0FBRyxFQUFFLENBQUMsQ0FBQyxDQUFDLEVBQUU7WUFDakMsV0FBVyxFQUFFLE9BQU87WUFDcEIsZUFBZSxFQUFFLENBQUM7WUFDbEIsVUFBVSxFQUFFLE1BQU07WUFDbEIsV0FBVyxFQUFFLE1BQU07WUFDbkIsV0FBVyxFQUNULENBQUMsTUFBTSxJQUFJLGFBQWEsQ0FBQyxZQUFZLENBQUMsSUFBSSxDQUFDLENBQUM7Z0JBQzVDLENBQUMsTUFBTSxJQUFJLGFBQWEsQ0FBQyxZQUFZLENBQUMsT0FBTyxDQUFDLENBQUM7Z0JBQy9DLENBQUMsSUFBSSxJQUFJLGFBQWEsQ0FBQyxZQUFZLENBQUMsSUFBSSxDQUFDLENBQUM7Z0JBQzFDLGFBQWEsQ0FBQyxZQUFZLENBQUMsT0FBTyxDQUFDO1NBQ3RDO1FBQ0QsSUFBSSxFQUFFO1lBQ0osU0FBUyxFQUFFLFFBQVE7U0FDcEI7S0FDRixDQUFDLENBQUE7SUFFRixPQUFPLENBQ0wsb0JBQUMsSUFBSSxJQUFDLEdBQUcsRUFBRSxHQUFHLEVBQUUsS0FBSyxFQUFFLE1BQU0sQ0FBQyxNQUFNO1FBQ2xDLG9CQUFDLElBQUksSUFBQyxLQUFLLEVBQUUsTUFBTSxDQUFDLElBQUk7WUFDdEIsb0JBQUMsSUFBSSxJQUNILElBQUksRUFBRSxRQUFRLEVBQ2QsT0FBTyxRQUNQLEtBQUssRUFDSCxDQUFDLE1BQU0sSUFBSSxZQUFZLENBQUMsVUFBVSxDQUFDO29CQUNuQyxDQUFDLE1BQU0sSUFBSSxZQUFZLENBQUMsWUFBWSxDQUFDO29CQUNyQyxDQUFDLElBQUksSUFBSSxZQUFZLENBQUMsVUFBVSxDQUFDO29CQUNqQyxZQUFZLENBQUMsVUFBVSxFQUV6QixlQUFlLEVBQ2IsQ0FBQyxNQUFNLElBQUksWUFBWSxDQUFDLElBQUksQ0FBQztvQkFDN0IsQ0FBQyxNQUFNLElBQUksWUFBWSxDQUFDLE9BQU8sQ0FBQztvQkFDaEMsQ0FBQyxJQUFJLElBQUksWUFBWSxDQUFDLElBQUksQ0FBQztvQkFDM0IsWUFBWSxDQUFDLE9BQU8sRUFFdEIsSUFBSSxFQUFFLFFBQVEsQ0FBQyxLQUFLLEdBQ3BCLENBQ0c7UUFFUCxvQkFBQyxJQUFJLElBQUMsS0FBSyxFQUFFLE1BQU0sQ0FBQyxPQUFPLEdBQVMsQ0FDL0IsQ0FDUixDQUFBO0FBQ0gsQ0FBQyxDQUFDLENBQUE7QUFFRixjQUFjLENBQUMsV0FBVyxHQUFHLGFBQWEsQ0FBQyxjQUFjLENBQUE7QUFFekQsZUFBZSxjQUFjLENBQUEifQ==

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

@@ -1,3 +1,4 @@
+import { View } from 'react-native';
 import { IconName, IconNameValues } from '../../../components/icon';
 import { Accessibility, Dev } from '../../../objects';
 import { CommonProps } from '../../../objects/facets/CommonProps';
@@ -13,3 +14,5 @@ export interface TimelineMarkerProps extends Accessibility, Dev {
 export interface TimelineMarkerWebProps extends TimelineMarkerProps, Accessibility, CommonProps {
     iconClassname?: string;
 }
+export type TimelineMarkerRef = HTMLDivElement;
+export type TimelineMarkerNativeRef = View;

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

@@ -1,5 +1,5 @@
-/// <reference types="react" />
-import { TitleProps } from './TitleProps';
+import React from 'react';
+import { TitleProps, TitleRef } from './TitleProps';
 /**
  * Title component
  * @param children {ReactNode} Title child
@@ -14,11 +14,11 @@ import { TitleProps } from './TitleProps';
  * @param overline {boolean} Overline above title
  * - --------------- WEB PROPERTIES ----------------------------------
  * @param markup {string} h1 | h2 | h3 | h4 | h5 | h6 | p | span | div
- * @param className {string} Additionnal css classes
+ * @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: ({ level, markup, children, className, id, typo, skeleton, inverted, onClick, accessibilityLabel, subtitle, overline, marginless, ...others }: TitleProps) => JSX.Element;
+declare const Title: React.ForwardRefExoticComponent<TitleProps & React.RefAttributes<TitleRef>>;
 export default Title;

package/lib/components/title/Title.js

@@ -5,6 +5,7 @@ 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) {
@@ -48,13 +49,13 @@ var isCorrectMarkup = function (stringMarkup) {
  * @param overline {boolean} Overline above title
  * - --------------- WEB PROPERTIES ----------------------------------
  * @param markup {string} h1 | h2 | h3 | h4 | h5 | h6 | p | span | div
- * @param className {string} Additionnal css classes
+ * @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 = function (_a) {
+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));
@@ -68,7 +69,8 @@ var Title = function (_a) {
             return overlineClasses;
         return classes;
     };
-    return (React.createElement(Tag, __assign({ id: id, "aria-label": accessibilityLabel, onClick: onClick, className: getClassname() }, others), children));
-};
+    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,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVGl0bGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9jb21wb25lbnRzL3RpdGxlL1RpdGxlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxLQUFLLE1BQU0sT0FBTyxDQUFBO0FBQ3pCLE9BQU8sSUFBSSxNQUFNLE1BQU0sQ0FBQTtBQUV2QixPQUFPLEVBQUUsRUFBRSxFQUFFLE1BQU0sWUFBWSxDQUFBO0FBQy9CLE9BQU8sRUFBRSxXQUFXLEVBQW9CLFdBQVcsRUFBcUIsTUFBTSxhQUFhLENBQUE7QUFDM0YsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLDhCQUE4QixDQUFBO0FBQ3hELE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLGlCQUFpQixDQUFBO0FBRW5ELElBQU0sYUFBYSxHQUFHLFVBQUMsS0FBcUM7SUFDMUQsSUFBSSxLQUFLLEVBQUU7UUFDVCxRQUFRLEtBQUssRUFBRTtZQUNiLEtBQUssV0FBVyxDQUFDLEdBQUc7Z0JBQ2xCLE9BQU8sRUFBRSxDQUFDLFNBQVMsQ0FBQyxDQUFBO1lBQ3RCLEtBQUssV0FBVyxDQUFDLEdBQUc7Z0JBQ2xCLE9BQU8sRUFBRSxDQUFDLFNBQVMsQ0FBQyxDQUFBO1lBQ3RCLEtBQUssV0FBVyxDQUFDLEtBQUs7Z0JBQ3BCLE9BQU8sRUFBRSxDQUFDLFNBQVMsQ0FBQyxDQUFBO1lBQ3RCLEtBQUssV0FBVyxDQUFDLElBQUk7Z0JBQ25CLE9BQU8sRUFBRSxDQUFDLFNBQVMsQ0FBQyxDQUFBO1lBQ3RCLEtBQUssV0FBVyxDQUFDLElBQUk7Z0JBQ25CLE9BQU8sRUFBRSxDQUFDLFNBQVMsQ0FBQyxDQUFBO1lBQ3RCLEtBQUssV0FBVyxDQUFDLEdBQUc7Z0JBQ2xCLE9BQU8sRUFBRSxDQUFDLFNBQVMsQ0FBQyxDQUFBO1lBQ3RCO2dCQUNFLE9BQU8sRUFBRSxDQUFDLGdCQUFTLEtBQUssQ0FBRSxDQUFDLENBQUE7U0FDOUI7S0FDRjtBQUNILENBQUMsQ0FBQTtBQUVEOzs7OztHQUtHO0FBQ0gsSUFBTSxlQUFlLEdBQUcsVUFBQyxZQUE2QztJQUNwRSxPQUFPLFlBQVksSUFBSSxXQUFXLElBQUksTUFBTSxDQUFDLE1BQU0sQ0FBQyxXQUFXLENBQUMsQ0FBQyxRQUFRLENBQUMsWUFBMkIsQ0FBQyxDQUFBO0FBQ3hHLENBQUMsQ0FBQTtBQUVEOzs7Ozs7Ozs7Ozs7Ozs7Ozs7O0dBbUJHO0FBQ0gsSUFBTSxLQUFLLEdBQUcsVUFBQyxFQWVGO0lBZFgsSUFBQSxhQUF1QixFQUF2QixLQUFLLG1CQUFHLFdBQVcsQ0FBQyxHQUFHLEtBQUEsRUFDdkIsTUFBTSxZQUFBLEVBQ04sUUFBUSxjQUFBLEVBQ1IsU0FBUyxlQUFBLEVBQ1QsRUFBRSxRQUFBLEVBQ0YsSUFBSSxVQUFBLEVBQ0osUUFBUSxjQUFBLEVBQ1IsUUFBUSxjQUFBLEVBQ1IsT0FBTyxhQUFBLEVBQ1Asa0JBQWtCLHdCQUFBLEVBQ2xCLFFBQVEsY0FBQSxFQUNSLFFBQVEsY0FBQSxFQUNSLFVBQVUsZ0JBQUEsRUFDUCxNQUFNLGNBZEkseUpBZWQsQ0FEVTtJQUVELElBQUEsTUFBTSxHQUFLLGlCQUFpQixFQUFFLE9BQXhCLENBQXdCO0lBRXRDLElBQU0sT0FBTyxHQUFHLFNBQVMsQ0FDdkIsTUFBTSxFQUNOLElBQUksQ0FDRixPQUFPLEVBQ1AsS0FBSyxJQUFJLGFBQWEsQ0FBQyxLQUFLLENBQUMsRUFDN0IsSUFBSSxFQUNKLFFBQVEsSUFBSSxFQUFFLENBQUMsU0FBUyxDQUFDLEVBQ3pCLFFBQVEsSUFBSSxFQUFFLENBQUMsVUFBVSxDQUFDLEVBQzFCLFVBQVUsSUFBSSxFQUFFLENBQUMsWUFBWSxDQUFDLEVBQzlCLFNBQVMsQ0FDVixDQUNGLENBQUE7SUFFRCxJQUFNLGVBQWUsR0FBRyxTQUFTLENBQUMsTUFBTSxFQUFFLElBQUksQ0FBQyxVQUFVLEVBQUUsSUFBSSxFQUFFLFNBQVMsQ0FBQyxDQUFDLENBQUE7SUFDNUUsSUFBTSxlQUFlLEdBQUcsU0FBUyxDQUFDLE1BQU0sRUFBRSxJQUFJLENBQUMsVUFBVSxFQUFFLElBQUksRUFBRSxTQUFTLENBQUMsQ0FBQyxDQUFBO0lBRTVFLElBQU0sR0FBRyxHQUFHLE1BQU0sSUFBSSxlQUFlLENBQUMsTUFBTSxDQUFDLENBQUMsQ0FBQyxDQUFDLE1BQU0sQ0FBQyxDQUFDLENBQUMsR0FBRyxDQUFBO0lBRTVELElBQU0sWUFBWSxHQUFHO1FBQ25CLElBQUksUUFBUTtZQUFFLE9BQU8sZUFBZSxDQUFBO1FBQ3BDLElBQUksUUFBUTtZQUFFLE9BQU8sZUFBZSxDQUFBO1FBQ3BDLE9BQU8sT0FBTyxDQUFBO0lBQ2hCLENBQUMsQ0FBQTtJQUVELE9BQU8sQ0FDTCxvQkFBQyxHQUFHLGFBQUMsRUFBRSxFQUFFLEVBQUUsZ0JBQWMsa0JBQWtCLEVBQUUsT0FBTyxFQUFFLE9BQU8sRUFBRSxTQUFTLEVBQUUsWUFBWSxFQUFFLElBQU0sTUFBTSxHQUNqRyxRQUFRLENBQ0wsQ0FDUCxDQUFBO0FBQ0gsQ0FBQyxDQUFBO0FBRUQsZUFBZSxLQUFLLENBQUEifQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVGl0bGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9jb21wb25lbnRzL3RpdGxlL1RpdGxlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxLQUFLLE1BQU0sT0FBTyxDQUFBO0FBQ3pCLE9BQU8sSUFBSSxNQUFNLE1BQU0sQ0FBQTtBQUV2QixPQUFPLEVBQUUsRUFBRSxFQUFFLE1BQU0sWUFBWSxDQUFBO0FBQy9CLE9BQU8sRUFBRSxXQUFXLEVBQW9CLFdBQVcsRUFBcUIsTUFBTSxhQUFhLENBQUE7QUFDM0YsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLDhCQUE4QixDQUFBO0FBQ3hELE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLGlCQUFpQixDQUFBO0FBQ25ELE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSx3QkFBd0IsQ0FBQTtBQUV0RCxJQUFNLGFBQWEsR0FBRyxVQUFDLEtBQXFDO0lBQzFELElBQUksS0FBSyxFQUFFO1FBQ1QsUUFBUSxLQUFLLEVBQUU7WUFDYixLQUFLLFdBQVcsQ0FBQyxHQUFHO2dCQUNsQixPQUFPLEVBQUUsQ0FBQyxTQUFTLENBQUMsQ0FBQTtZQUN0QixLQUFLLFdBQVcsQ0FBQyxHQUFHO2dCQUNsQixPQUFPLEVBQUUsQ0FBQyxTQUFTLENBQUMsQ0FBQTtZQUN0QixLQUFLLFdBQVcsQ0FBQyxLQUFLO2dCQUNwQixPQUFPLEVBQUUsQ0FBQyxTQUFTLENBQUMsQ0FBQTtZQUN0QixLQUFLLFdBQVcsQ0FBQyxJQUFJO2dCQUNuQixPQUFPLEVBQUUsQ0FBQyxTQUFTLENBQUMsQ0FBQTtZQUN0QixLQUFLLFdBQVcsQ0FBQyxJQUFJO2dCQUNuQixPQUFPLEVBQUUsQ0FBQyxTQUFTLENBQUMsQ0FBQTtZQUN0QixLQUFLLFdBQVcsQ0FBQyxHQUFHO2dCQUNsQixPQUFPLEVBQUUsQ0FBQyxTQUFTLENBQUMsQ0FBQTtZQUN0QjtnQkFDRSxPQUFPLEVBQUUsQ0FBQyxnQkFBUyxLQUFLLENBQUUsQ0FBQyxDQUFBO1NBQzlCO0tBQ0Y7QUFDSCxDQUFDLENBQUE7QUFFRDs7Ozs7R0FLRztBQUNILElBQU0sZUFBZSxHQUFHLFVBQUMsWUFBNkM7SUFDcEUsT0FBTyxZQUFZLElBQUksV0FBVyxJQUFJLE1BQU0sQ0FBQyxNQUFNLENBQUMsV0FBVyxDQUFDLENBQUMsUUFBUSxDQUFDLFlBQTJCLENBQUMsQ0FBQTtBQUN4RyxDQUFDLENBQUE7QUFFRDs7Ozs7Ozs7Ozs7Ozs7Ozs7OztHQW1CRztBQUNILElBQU0sS0FBSyxHQUFHLEtBQUssQ0FBQyxVQUFVLENBQXVCLFVBQUMsRUFlckQsRUFBRSxHQUFHO0lBZEosSUFBQSxhQUF1QixFQUF2QixLQUFLLG1CQUFHLFdBQVcsQ0FBQyxHQUFHLEtBQUEsRUFDdkIsTUFBTSxZQUFBLEVBQ04sUUFBUSxjQUFBLEVBQ1IsU0FBUyxlQUFBLEVBQ1QsRUFBRSxRQUFBLEVBQ0YsSUFBSSxVQUFBLEVBQ0osUUFBUSxjQUFBLEVBQ1IsUUFBUSxjQUFBLEVBQ1IsT0FBTyxhQUFBLEVBQ1Asa0JBQWtCLHdCQUFBLEVBQ2xCLFFBQVEsY0FBQSxFQUNSLFFBQVEsY0FBQSxFQUNSLFVBQVUsZ0JBQUEsRUFDUCxNQUFNLGNBZDJDLHlKQWVyRCxDQURVO0lBRUQsSUFBQSxNQUFNLEdBQUssaUJBQWlCLEVBQUUsT0FBeEIsQ0FBd0I7SUFFdEMsSUFBTSxPQUFPLEdBQUcsU0FBUyxDQUN2QixNQUFNLEVBQ04sSUFBSSxDQUNGLE9BQU8sRUFDUCxLQUFLLElBQUksYUFBYSxDQUFDLEtBQUssQ0FBQyxFQUM3QixJQUFJLEVBQ0osUUFBUSxJQUFJLEVBQUUsQ0FBQyxTQUFTLENBQUMsRUFDekIsUUFBUSxJQUFJLEVBQUUsQ0FBQyxVQUFVLENBQUMsRUFDMUIsVUFBVSxJQUFJLEVBQUUsQ0FBQyxZQUFZLENBQUMsRUFDOUIsU0FBUyxDQUNWLENBQ0YsQ0FBQTtJQUVELElBQU0sZUFBZSxHQUFHLFNBQVMsQ0FBQyxNQUFNLEVBQUUsSUFBSSxDQUFDLFVBQVUsRUFBRSxJQUFJLEVBQUUsU0FBUyxDQUFDLENBQUMsQ0FBQTtJQUM1RSxJQUFNLGVBQWUsR0FBRyxTQUFTLENBQUMsTUFBTSxFQUFFLElBQUksQ0FBQyxVQUFVLEVBQUUsSUFBSSxFQUFFLFNBQVMsQ0FBQyxDQUFDLENBQUE7SUFFNUUsSUFBTSxHQUFHLEdBQUcsTUFBTSxJQUFJLGVBQWUsQ0FBQyxNQUFNLENBQUMsQ0FBQyxDQUFDLENBQUMsTUFBTSxDQUFDLENBQUMsQ0FBQyxHQUFHLENBQUE7SUFFNUQsSUFBTSxZQUFZLEdBQUc7UUFDbkIsSUFBSSxRQUFRO1lBQUUsT0FBTyxlQUFlLENBQUE7UUFDcEMsSUFBSSxRQUFRO1lBQUUsT0FBTyxlQUFlLENBQUE7UUFDcEMsT0FBTyxPQUFPLENBQUE7SUFDaEIsQ0FBQyxDQUFBO0lBRUQsT0FBTyxDQUNMLG9CQUFDLEdBQUcsYUFBQyxHQUFHLEVBQUUsR0FBRyxFQUFFLEVBQUUsRUFBRSxFQUFFLGdCQUFjLGtCQUFrQixFQUFFLE9BQU8sRUFBRSxPQUFPLEVBQUUsU0FBUyxFQUFFLFlBQVksRUFBRSxJQUFNLE1BQU0sR0FDM0csUUFBUSxDQUNMLENBQ1AsQ0FBQTtBQUNILENBQUMsQ0FBQyxDQUFBO0FBRUYsS0FBSyxDQUFDLFdBQVcsR0FBRyxhQUFhLENBQUMsS0FBSyxDQUFBO0FBQ3ZDLGVBQWUsS0FBSyxDQUFBIn0=

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

@@ -1,6 +1,6 @@
-/// <reference types="react" />
-import { TitleProps } from "./TitleProps";
-import { ComponentName } from "../../components/enumsComponentsName";
+import * as React from 'react';
+import { Text as TextNative } from 'react-native';
+import { TitleProps } from './TitleProps';
 /**
  * Title component
  * @param children {ReactNode} Title child
@@ -15,8 +15,5 @@ import { ComponentName } from "../../components/enumsComponentsName";
  * @param subtitle {boolean} Subtitle below title
  * @param overline {boolean} Overline above title
  */
-declare const Title: {
-    ({ children, level, style, inverted, typo, onClick, skeleton, accessibilityLabel, subtitle, overline, ...others }: TitleProps): JSX.Element;
-    displayName: ComponentName;
-};
+declare const Title: React.ForwardRefExoticComponent<TitleProps & React.RefAttributes<TextNative>>;
 export default Title;

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

@@ -1,13 +1,14 @@
 import { __assign, __rest } from "tslib";
-import * as React from "react";
-import { useContext } from "react";
-import { Platform, StyleSheet, Text as TextNative, TouchableOpacity, View, } from "react-native";
-import ContentLoader, { Rect } from "react-content-loader/native";
-import { getTypographyBoldStyle, setTypographyAlign, setTypographyColor, TypographyBold } from "../../objects";
-import { getColorStyle, TrilogyColor } from "../../objects/facets/Color";
-import { ComponentName } from "../../components/enumsComponentsName";
-import { StatesContext } from "../../context/providerStates";
-import { TitleLevels } from "./TitleEnum";
+import { ComponentName } from '../../components/enumsComponentsName';
+import { StatesContext } from '../../context/providerStates';
+import { isAndroid } from '../../helpers/device.native';
+import { getTypographyBoldStyle, setTypographyAlign, setTypographyColor, TypographyBold } from '../../objects';
+import { getColorStyle, TrilogyColor } from '../../objects/facets/Color';
+import * as React from 'react';
+import { useContext } from 'react';
+import ContentLoader, { Rect } from 'react-content-loader/native';
+import { StyleSheet, Text as TextNative, TouchableOpacity, View } from 'react-native';
+import { TitleLevels } from './TitleEnum';
 /**
  * Title component
  * @param children {ReactNode} Title child
@@ -22,9 +23,14 @@ import { TitleLevels } from "./TitleEnum";
  * @param subtitle {boolean} Subtitle below title
  * @param overline {boolean} Overline above title
  */
-var Title = function (_a) {
+var Title = React.forwardRef(function (_a, ref) {
     var children = _a.children, level = _a.level, style = _a.style, inverted = _a.inverted, typo = _a.typo, onClick = _a.onClick, skeleton = _a.skeleton, accessibilityLabel = _a.accessibilityLabel, subtitle = _a.subtitle, overline = _a.overline, others = __rest(_a, ["children", "level", "style", "inverted", "typo", "onClick", "skeleton", "accessibilityLabel", "subtitle", "overline"]);
     var statesContext = useContext(StatesContext);
+    var color = setTypographyColor(typo, inverted || statesContext.inverted, skeleton);
+    var colorOverline = getColorStyle(TrilogyColor.MAIN);
+    var fontFamily = level && [TitleLevels.ONE, TitleLevels.TWO].includes(level)
+        ? TypographyBold.TEXT_WEIGHT_BOLD
+        : TypographyBold.TEXT_WEIGHT_SEMIBOLD;
     var titlesLevels = function () {
         switch (level) {
             case TitleLevels.ONE:
@@ -45,33 +51,23 @@ var Title = function (_a) {
     };
     var getAlignSelf = function () {
         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';
         }
     };
-    var getFontFamily = function () {
-        if (level && [TitleLevels.ONE, TitleLevels.TWO].includes(level))
-            return getTypographyBoldStyle(TypographyBold.TEXT_WEIGHT_BOLD);
-        return getTypographyBoldStyle(TypographyBold.TEXT_WEIGHT_SEMIBOLD);
-    };
     var styles = StyleSheet.create({
         text: {
-            fontFamily: getFontFamily(),
+            fontFamily: getTypographyBoldStyle(fontFamily),
             fontSize: titlesLevels(),
-            color: ((overline || subtitle) &&
-                !level &&
-                getColorStyle(TrilogyColor.MAIN)) ||
-                (!skeleton &&
-                    setTypographyColor(typo, inverted || statesContext.inverted)) ||
-                "transparent",
+            color: ((overline || subtitle) && !level && colorOverline) || color,
             textAlign: setTypographyAlign(typo),
-            textTransform: overline && !level ? "uppercase" : undefined,
+            textTransform: overline && !level ? 'uppercase' : undefined,
             alignSelf: getAlignSelf(),
         },
         skeleton: {
@@ -80,27 +76,24 @@ var Title = function (_a) {
             borderRadius: 5,
             borderWidth: 0.1,
             borderColor: getColorStyle(TrilogyColor.NEUTRAL_FADE),
-            overflow: "hidden",
+            overflow: 'hidden',
             height: titlesLevels(),
         },
     });
-    var titleTestId = typeof children === "string"
-        ? children
-        : "NotSpecified";
     var titleAccessibilityLabel = accessibilityLabel
         ? accessibilityLabel
-        : typeof children === "string"
+        : typeof children === 'string'
             ? children
             : undefined;
-    var titleView = (React.createElement(TextNative, __assign({ maxFontSizeMultiplier: 1.3, accessible: !!titleAccessibilityLabel, accessibilityLabel: titleAccessibilityLabel, style: [styles.text, style] }, others), children));
+    var titleView = (React.createElement(TextNative, __assign({ ref: ref, maxFontSizeMultiplier: 1.3, accessible: !!titleAccessibilityLabel, accessibilityLabel: titleAccessibilityLabel, style: [styles.text, style] }, others), children));
     if (skeleton) {
         titleView = (React.createElement(ContentLoader, { style: styles.skeleton },
             titleView,
-            Platform.OS === "android" && (React.createElement(View, null,
+            isAndroid && (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);
-};
+});
 Title.displayName = ComponentName.Title;
 export default Title;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVGl0bGUubmF0aXZlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vY29tcG9uZW50cy90aXRsZS9UaXRsZS5uYXRpdmUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLEtBQUssS0FBSyxNQUFNLE9BQU8sQ0FBQTtBQUM5QixPQUFPLEVBQUUsVUFBVSxFQUFFLE1BQU0sT0FBTyxDQUFBO0FBQ2xDLE9BQU8sRUFBRSxRQUFRLEVBQUUsVUFBVSxFQUFFLElBQUksSUFBSSxVQUFVLEVBQUUsZ0JBQWdCLEVBQUUsSUFBSSxHQUFHLE1BQU0sY0FBYyxDQUFBO0FBQ2hHLE9BQU8sYUFBYSxFQUFFLEVBQUUsSUFBSSxFQUFFLE1BQU0sNkJBQTZCLENBQUE7QUFDakUsT0FBTyxFQUFFLHNCQUFzQixFQUFFLGtCQUFrQixFQUFFLGtCQUFrQixFQUFFLGNBQWMsRUFBRSxNQUFNLFdBQVcsQ0FBQTtBQUUxRyxPQUFPLEVBQUUsYUFBYSxFQUFFLFlBQVksRUFBRSxNQUFNLHdCQUF3QixDQUFBO0FBQ3BFLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxrQ0FBa0MsQ0FBQTtBQUNoRSxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sMEJBQTBCLENBQUE7QUFDeEQsT0FBTyxFQUFFLFdBQVcsRUFBRSxNQUFNLGFBQWEsQ0FBQTtBQUV6Qzs7Ozs7Ozs7Ozs7OztHQWFHO0FBQ0gsSUFBTSxLQUFLLEdBQUcsVUFBQyxFQVlGO0lBWFgsSUFBQSxRQUFRLGNBQUEsRUFDUixLQUFLLFdBQUEsRUFDTCxLQUFLLFdBQUEsRUFDTCxRQUFRLGNBQUEsRUFDUixJQUFJLFVBQUEsRUFDSixPQUFPLGFBQUEsRUFDUCxRQUFRLGNBQUEsRUFDUixrQkFBa0Isd0JBQUEsRUFDbEIsUUFBUSxjQUFBLEVBQ1IsUUFBUSxjQUFBLEVBQ0wsTUFBTSxjQVhJLHVIQVlkLENBRFU7SUFFVCxJQUFNLGFBQWEsR0FBRyxVQUFVLENBQUMsYUFBYSxDQUFDLENBQUE7SUFD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
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVGl0bGUubmF0aXZlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vY29tcG9uZW50cy90aXRsZS9UaXRsZS5uYXRpdmUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sa0NBQWtDLENBQUE7QUFDaEUsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLDBCQUEwQixDQUFBO0FBQ3hELE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSx5QkFBeUIsQ0FBQTtBQUNuRCxPQUFPLEVBQUUsc0JBQXNCLEVBQUUsa0JBQWtCLEVBQUUsa0JBQWtCLEVBQUUsY0FBYyxFQUFFLE1BQU0sV0FBVyxDQUFBO0FBQzFHLE9BQU8sRUFBRSxhQUFhLEVBQUUsWUFBWSxFQUFFLE1BQU0sd0JBQXdCLENBQUE7QUFDcEUsT0FBTyxLQUFLLEtBQUssTUFBTSxPQUFPLENBQUE7QUFDOUIsT0FBTyxFQUFFLFVBQVUsRUFBRSxNQUFNLE9BQU8sQ0FBQTtBQUNsQyxPQUFPLGFBQWEsRUFBRSxFQUFFLElBQUksRUFBRSxNQUFNLDZCQUE2QixDQUFBO0FBQ2pFLE9BQU8sRUFBRSxVQUFVLEVBQUUsSUFBSSxJQUFJLFVBQVUsRUFBRSxnQkFBZ0IsRUFBRSxJQUFJLEVBQUUsTUFBTSxjQUFjLENBQUE7QUFDckYsT0FBTyxFQUFFLFdBQVcsRUFBRSxNQUFNLGFBQWEsQ0FBQTtBQUd6Qzs7Ozs7Ozs7Ozs7OztHQWFHO0FBQ0gsSUFBTSxLQUFLLEdBQUcsS0FBSyxDQUFDLFVBQVUsQ0FBNkIsVUFBQyxFQVkzRCxFQUFFLEdBQUc7SUFYSixJQUFBLFFBQVEsY0FBQSxFQUNSLEtBQUssV0FBQSxFQUNMLEtBQUssV0FBQSxFQUNMLFFBQVEsY0FBQSxFQUNSLElBQUksVUFBQSxFQUNKLE9BQU8sYUFBQSxFQUNQLFFBQVEsY0FBQSxFQUNSLGtCQUFrQix3QkFBQSxFQUNsQixRQUFRLGNBQUEsRUFDUixRQUFRLGNBQUEsRUFDTCxNQUFN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

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

@@ -2,6 +2,7 @@
 import { Accessibility, Clickable, Dev, Invertable, Marginless, TypographyAlign, TypographyAlignValues, TypographyBold, TypographyBoldValues, TypographyColor, TypographyColorValues, TypographyTransform, TypographyTransformValues } from '../../objects';
 import { TitleLevels, TitleLevelValues, TitleMarkup, TitleMarkupValues } from './TitleEnum';
 import { CommonProps } from '../../objects/facets/CommonProps';
+import { Text } from 'react-native';
 type Styles = {
     [key: string]: unknown;
 };
@@ -18,4 +19,6 @@ export interface TitleProps extends Invertable, Accessibility, Clickable, Margin
     subtitle?: boolean;
     overline?: boolean;
 }
+export type TitleRef = HTMLParagraphElement | HTMLHeadingElement | HTMLDivElement;
+export type TitleNativeRef = Text;
 export {};

package/lib/components/title/TitlePropsDefaults.js

@@ -45,14 +45,14 @@ export default {
     "type": "enum",
     "values": [
       "undefined",
-      "div",
-      "h1",
+      "p",
       "h2",
       "h3",
       "h4",
       "h5",
       "h6",
-      "p",
+      "div",
+      "h1",
       "span",
       "h1",
       "h2",

package/lib/components/view/View.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import * as React from "react";
 import { ViewProps } from "./ViewProps";
 /**
  * View Component (DIV EQUIVALENT)
@@ -11,14 +11,14 @@ import { ViewProps } from "./ViewProps";
  * @param id {string} Id for Web / TestID for Native
  * @param fullwidth {boolean} true by default
  * @param justify {JustifiableProps.justify?} Justifiable | "JUSTIFIED_CENTER" | "JUSTIFIED_START" | "JUSTIFIED_END" | "SPACE_BETWEEN" | undefined
- * @param align {AlignableProps.center?} AlignableProps | "ALIGNED_CENTER" | "ALIGNED_START" | "ALIGNED_END" | undefined
+ * @param align {AlignableProps.center?} AlignableProps | "ALIGNED_CENTER" | "ALIGNED_START" | "ALIGNED_END" | "ALIGNED_STRETCH" | undefined
  * - ------------------ WEB PROPERTIES ---------------
- * @param className {string} Additionnal css classes
+ * @param className {string} Additional css classes
  * @param loading {Loading} Loading View
  * @param markup {ViewMarkup} Markup for View
  * @param inverted {boolean} Inverted View Color
  * - ------------------ NATIVE PROPERTIES ------------
  * @param bottom {boolean} Bottom position
  */
-declare const View: ({ children, style, className, loading, onClick, backgroundColor, backgroundSrc, inverted, fullwidth, markup, flexable, justify, align, ...others }: ViewProps) => JSX.Element;
+declare const View: React.ForwardRefExoticComponent<ViewProps & React.RefAttributes<any>>;
 export default View;

package/lib/components/view/View.js

@@ -17,16 +17,16 @@ import { useTrilogyContext } from "../../context";
  * @param id {string} Id for Web / TestID for Native
  * @param fullwidth {boolean} true by default
  * @param justify {JustifiableProps.justify?} Justifiable | "JUSTIFIED_CENTER" | "JUSTIFIED_START" | "JUSTIFIED_END" | "SPACE_BETWEEN" | undefined
- * @param align {AlignableProps.center?} AlignableProps | "ALIGNED_CENTER" | "ALIGNED_START" | "ALIGNED_END" | undefined
+ * @param align {AlignableProps.center?} AlignableProps | "ALIGNED_CENTER" | "ALIGNED_START" | "ALIGNED_END" | "ALIGNED_STRETCH" | undefined
  * - ------------------ WEB PROPERTIES ---------------
- * @param className {string} Additionnal css classes
+ * @param className {string} Additional css classes
  * @param loading {Loading} Loading View
  * @param markup {ViewMarkup} Markup for View
  * @param inverted {boolean} Inverted View Color
  * - ------------------ NATIVE PROPERTIES ------------
  * @param bottom {boolean} Bottom position
  */
-var View = function (_a) {
+var View = React.forwardRef(function (_a, ref) {
     var children = _a.children, style = _a.style, className = _a.className, loading = _a.loading, onClick = _a.onClick, backgroundColor = _a.backgroundColor, backgroundSrc = _a.backgroundSrc, inverted = _a.inverted, _b = _a.fullwidth, fullwidth = _b === void 0 ? true : _b, markup = _a.markup, flexable = _a.flexable, justify = _a.justify, align = _a.align, others = __rest(_a, ["children", "style", "className", "loading", "onClick", "backgroundColor", "backgroundSrc", "inverted", "fullwidth", "markup", "flexable", "justify", "align"]);
     var styled = useTrilogyContext().styled;
     var isCorrectMarkup = function (stringMarkup) {
@@ -36,13 +36,13 @@ var View = function (_a) {
     };
     var Tag = markup && isCorrectMarkup(markup) ? markup : "div";
     var classes = hashClass(styled, clsx(typeof loading === "string" && is(getLoadingClassName(loading)), typeof loading === "boolean" ? is("loading") : is("loaded"), backgroundColor && has(getBackgroundClassName(backgroundColor)), backgroundSrc && has('background'), inverted && is('inverted') || is('base'), fullwidth && is("fullwidth"), flexable && is("flex"), typeof justify === "string" && is(getJustifyClassName(justify)), typeof align === "string" && is(getAlignClassName(align)), className));
-    return (React.createElement(Tag, __assign({ onClick: onClick, style: style, className: classes }, (backgroundSrc && {
+    return (React.createElement(Tag, __assign({ ref: ref, onClick: onClick, style: style, className: classes }, (backgroundSrc && {
         style: {
             backgroundImage: "url(".concat(backgroundSrc, ")"),
             backgroundSize: "cover",
             backgroundPosition: "50%",
         },
     }), others), children));
-};
+});
 export default View;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVmlldy5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL2NvbXBvbmVudHMvdmlldy9WaWV3LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxLQUFLLEtBQUssTUFBTSxPQUFPLENBQUE7QUFDOUIsT0FBTyxFQUFFLFVBQVUsRUFBK0IsTUFBTSxhQUFhLENBQUE7QUFDckUsT0FBTyxJQUFJLE1BQU0sTUFBTSxDQUFBO0FBQ3ZCLE9BQU8sRUFBRSxHQUFHLEVBQUUsRUFBRSxFQUFFLE1BQU0sWUFBWSxDQUFBO0FBQ3BDLE9BQU8sRUFDTCxtQkFBbUIsRUFDbkIsbUJBQW1CLEVBQ25CLGlCQUFpQixFQUFFLHNCQUFzQixHQUMxQyxNQUFNLFdBQVcsQ0FBQTtBQUNsQixPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sV0FBVyxDQUFBO0FBQ3JDLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLFdBQVcsQ0FBQTtBQUU3Qzs7Ozs7Ozs7Ozs7Ozs7Ozs7OztHQW1CRztBQUNILElBQU0sSUFBSSxHQUFHLFVBQUMsRUFlRjtJQWRWLElBQUEsUUFBUSxjQUFBLEVBQ1IsS0FBSyxXQUFBLEVBQ0wsU0FBUyxlQUFBLEVBQ1QsT0FBTyxhQUFBLEVBQ1AsT0FBTyxhQUFBLEVBQ1AsZUFBZSxxQkFBQSxFQUNmLGFBQWEsbUJBQUEsRUFDYixRQUFRLGNBQUEsRUFDUixpQkFBZ0IsRUFBaEIsU0FBUyxtQkFBRyxJQUFJLEtBQUEsRUFDaEIsTUFBTSxZQUFBLEVBQ04sUUFBUSxjQUFBLEVBQ1IsT0FBTyxhQUFBLEVBQ1AsS0FBSyxXQUFBLEVBQ0YsTUFBTSxjQWRHLCtKQWViLENBRFU7SUFFRCxJQUFBLE1BQU0sR0FBSyxpQkFBaUIsRUFBRSxPQUF4QixDQUF3QjtJQUV0QyxJQUFNLGVBQWUsR0FBRyxVQUFDLFlBQTJDO1FBQ2xFLElBQ0UsWUFBWSxJQUFJLFVBQVU7WUFDMUIsTUFBTSxDQUFDLE1BQU0sQ0FBQyxVQUFVLENBQUMsQ0FBQyxRQUFRLENBQUMsWUFBMEIsQ0FBQztZQUU5RCxPQUFPLElBQUksQ0FBQTtJQUNmLENBQUMsQ0FBQTtJQUVELElBQU0sR0FBRyxHQUFHLE1BQU0sSUFBSSxlQUFlLENBQUMsTUFBTSxDQUFDLENBQUMsQ0FBQyxDQUFDLE1BQU0sQ0FBQyxDQUFDLENBQUMsS0FBSyxDQUFBO0lBRTlELElBQU0sT0FBTyxHQUFHLFNBQVMsQ0FDdkIsTUFBTSxFQUNOLElBQUksQ0FDRixPQUFPLE9BQU8sS0FBSyxRQUFRLElBQUksRUFBRSxDQUFDLG1CQUFtQixDQUFDLE9BQU8sQ0FBQyxDQUFDLEVBQy9ELE9BQU8sT0FBTyxLQUFLLFNBQVMsQ0FBQyxDQUFDLENBQUMsRUFBRSxDQUFDLFNBQVMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxFQUFFLENBQUMsUUFBUSxDQUFDLEVBQzNELGVBQWUsSUFBSSxHQUFHLENBQUMsc0JBQXNCLENBQUMsZUFBZSxDQUFDLENBQUMsRUFDL0QsYUFBYSxJQUFJLEdBQUcsQ0FBQyxZQUFZLENBQUMsRUFDbEMsUUFBUSxJQUFJLEVBQUUsQ0FBQyxVQUFVLENBQUMsSUFBSSxFQUFFLENBQUMsTUFBTSxDQUFDLEVBQ3hDLFNBQVMsSUFBSSxFQUFFLENBQUMsV0FBVyxDQUFDLEVBQzVCLFFBQVEsSUFBSSxFQUFFLENBQUMsTUFBTSxDQUFDLEVBQ3RCLE9BQU8sT0FBTyxLQUFLLFFBQVEsSUFBSSxFQUFFLENBQUMsbUJBQW1CLENBQUMsT0FBTyxDQUFDLENBQUMsRUFDL0QsT0FBTyxLQUFLLEtBQUssUUFBUSxJQUFJLEVBQUUsQ0FBQyxpQkFBaUIsQ0FBQyxLQUFLLENBQUMsQ0FBQyxFQUN6RCxTQUFTLENBQ1YsQ0FDRixDQUFBO0lBRUQsT0FBTyxDQUNMLG9CQUFDLEdBQUcsYUFDRixPQUFPLEVBQUUsT0FBTyxFQUNoQixLQUFLLEVBQUUsS0FBSyxFQUNaLFNBQVMsRUFBRSxPQUFPLElBQ2QsQ0FBQyxhQUFhLElBQUk7UUFDcEIsS0FBSyxFQUFFO1lBQ0wsZUFBZSxFQUFFLGNBQU8sYUFBYSxNQUFHO1lBQ3hDLGNBQWMsRUFBRSxPQUFPO1lBQ3ZCLGtCQUFrQixFQUFFLEtBQUs7U0FDMUI7S0FDRixDQUFDLEVBQ0UsTUFBTSxHQUVULFFBQVEsQ0FDTCxDQUNQLENBQUE7QUFDSCxDQUFDLENBQUE7QUFFRCxlQUFlLElBQUksQ0FBQSJ9
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVmlldy5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL2NvbXBvbmVudHMvdmlldy9WaWV3LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxLQUFLLEtBQUssTUFBTSxPQUFPLENBQUE7QUFDOUIsT0FBTyxFQUFFLFVBQVUsRUFBd0MsTUFBTSxhQUFhLENBQUE7QUFDOUUsT0FBTyxJQUFJLE1BQU0sTUFBTSxDQUFBO0FBQ3ZCLE9BQU8sRUFBRSxHQUFHLEVBQUUsRUFBRSxFQUFFLE1BQU0sWUFBWSxDQUFBO0FBQ3BDLE9BQU8sRUFDTCxtQkFBbUIsRUFDbkIsbUJBQW1CLEVBQ25CLGlCQUFpQixFQUFFLHNCQUFzQixHQUMxQyxNQUFNLFdBQVcsQ0FBQTtBQUNsQixPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sV0FBVyxDQUFBO0FBQ3JDLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLFdBQVcsQ0FBQTtBQUU3Qzs7Ozs7Ozs7Ozs7Ozs7Ozs7OztHQW1CRztBQUNILElBQU0sSUFBSSxHQUFHLEtBQUssQ0FBQyxVQUFVLENBQXFCLFVBQUMsRUFlbEQsRUFBRSxHQUFHO0lBZEosSUFBQSxRQUFRLGNBQUEsRUFDUixLQUFLLFdBQUEsRUFDTCxTQUFTLGVBQUEsRUFDVCxPQUFPLGFBQUEsRUFDUCxPQUFPLGFBQUEsRUFDUCxlQUFlLHFCQUFBLEVBQ2YsYUFBYSxtQkFBQSxFQUNiLFFBQVEsY0FBQSxFQUNSLGlCQUFnQixFQUFoQixTQUFTLG1CQUFHLElBQUksS0FBQSxFQUNoQixNQUFNLFlBQUEsRUFDTixRQUFRLGNBQUEsRUFDUixPQUFPLGFBQUEsRUFDUCxLQUFLLFdBQUEsRUFDRixNQUFNLGNBZHdDLCtKQWVsRCxDQURVO0lBRUQsSUFBQSxNQUFNLEdBQUssaUJBQWlCLEVBQUUsT0FBeEIsQ0FBd0I7SUFFdEMsSUFBTSxlQUFlLEdBQUcsVUFBQyxZQUEyQztRQUNsRSxJQUNFLFlBQVksSUFBSSxVQUFVO1lBQzFCLE1BQU0sQ0FBQyxNQUFNLENBQUMsVUFBVSxDQUFDLENBQUMsUUFBUSxDQUFDLFlBQTBCLENBQUM7WUFFOUQsT0FBTyxJQUFJLENBQUE7SUFDZixDQUFDLENBQUE7SUFFRCxJQUFNLEdBQUcsR0FBUSxNQUFNLElBQUksZUFBZSxDQUFDLE1BQU0sQ0FBQyxDQUFDLENBQUMsQ0FBQyxNQUFNLENBQUMsQ0FBQyxDQUFDLEtBQUssQ0FBQTtJQUVuRSxJQUFNLE9BQU8sR0FBRyxTQUFTLENBQ3ZCLE1BQU0sRUFDTixJQUFJLENBQ0YsT0FBTyxPQUFPLEtBQUssUUFBUSxJQUFJLEVBQUUsQ0FBQyxtQkFBbUIsQ0FBQyxPQUFPLENBQUMsQ0FBQyxFQUMvRCxPQUFPLE9BQU8sS0FBSyxTQUFTLENBQUMsQ0FBQyxDQUFDLEVBQUUsQ0FBQyxTQUFTLENBQUMsQ0FBQyxDQUFDLENBQUMsRUFBRSxDQUFDLFFBQVEsQ0FBQyxFQUMzRCxlQUFlLElBQUksR0FBRyxDQUFDLHNCQUFzQixDQUFDLGVBQWUsQ0FBQyxDQUFDLEVBQy9ELGFBQWEsSUFBSSxHQUFHLENBQUMsWUFBWSxDQUFDLEVBQ2xDLFFBQVEsSUFBSSxFQUFFLENBQUMsVUFBVSxDQUFDLElBQUksRUFBRSxDQUFDLE1BQU0sQ0FBQyxFQUN4QyxTQUFTLElBQUksRUFBRSxDQUFDLFdBQVcsQ0FBQyxFQUM1QixRQUFRLElBQUksRUFBRSxDQUFDLE1BQU0sQ0FBQyxFQUN0QixPQUFPLE9BQU8sS0FBSyxRQUFRLElBQUksRUFBRSxDQUFDLG1CQUFtQixDQUFDLE9BQU8sQ0FBQyxDQUFDLEVBQy9ELE9BQU8sS0FBSyxLQUFLLFFBQVEsSUFBSSxFQUFFLENBQUMsaUJBQWlCLENBQUMsS0FBSyxDQUFDLENBQUMsRUFDekQsU0FBUyxDQUNWLENBQ0YsQ0FBQTtJQUVELE9BQU8sQ0FDTCxvQkFBQyxHQUFHLGFBQ0YsR0FBRyxFQUFFLEdBQUcsRUFDUixPQUFPLEVBQUUsT0FBTyxFQUNoQixLQUFLLEVBQUUsS0FBSyxFQUNaLFNBQVMsRUFBRSxPQUFPLElBQ2QsQ0FBQyxhQUFhLElBQUk7UUFDcEIsS0FBSyxFQUFFO1lBQ0wsZUFBZSxFQUFFLGNBQU8sYUFBYSxNQUFHO1lBQ3hDLGNBQWMsRUFBRSxPQUFPO1lBQ3ZCLGtCQUFrQixFQUFFLEtBQUs7U0FDMUI7S0FDRixDQUFDLEVBQ0UsTUFBTSxHQUVULFFBQVEsQ0FDTCxDQUNQLENBQUE7QUFDSCxDQUFDLENBQUMsQ0FBQTtBQUVGLGVBQWUsSUFBSSxDQUFBIn0=

package/lib/components/view/View.native.d.ts

@@ -1,6 +1,5 @@
-/// <reference types="react" />
+import * as React from "react";
 import { ViewProps } from "./ViewProps";
-import { ComponentName } from "../../components/enumsComponentsName";
 /**
  * View Component (DIV EQUIVALENT)
  * @param children {ReactNode} View child
@@ -15,8 +14,5 @@ import { ComponentName } from "../../components/enumsComponentsName";
  * @param align {AlignableProps.center?} AlignableProps | "ALIGNED_CENTER" | "ALIGNED_START" | "ALIGNED_END" | undefined
  * @param bottom {boolean} Bottom position
  */
-declare const View: {
-    ({ children, style, onClick, flexable, bottom, backgroundColor, backgroundSrc, id, justify, fullwidth, align, ...others }: ViewProps): JSX.Element;
-    displayName: ComponentName;
-};
+declare const View: React.ForwardRefExoticComponent<ViewProps & React.RefAttributes<any>>;
 export default View;