@trilogy-ds/react 0.0.1-fix-timepicker → 0.0.1-storybook

package/lib/components/timepicker/default/selector/TimepickerSelector.native.js

@@ -1,8 +1,7 @@
 import { __read } from "tslib";
-import { ModalContext } from '../../../../components/modal/context/ModalContext';
 import { getColorStyle, TrilogyColor } from '../../../../objects/facets/Color';
-import React, { useCallback, useContext, useEffect, useMemo, useRef, useState } from 'react';
-import { ScrollView, StyleSheet, View } from 'react-native';
+import React, { useCallback, useEffect, useMemo, useRef, useState } from 'react';
+import { Pressable, ScrollView, StyleSheet, View } from 'react-native';
 import TimepickerSelectorItem from './item/TimepickerSelectorItem.native';
 var itemHeight = 36;
 export var TimepickerSelector = function (_a) {
@@ -10,14 +9,8 @@ export var TimepickerSelector = function (_a) {
     var _c = __read(useState(0), 2), scrollOffset = _c[0], setScrollOffset = _c[1];
     var containerHeight = itemHeight * visibleItems;
     var localScrollRef = useRef(null);
-    var _d = useContext(ModalContext), scrollViewRef = _d.scrollViewRef, modalOnScroll = _d.handleOnScroll;
     var selectedIndex = useMemo(function () { return items.findIndex(function (item) { return item.value === value; }); }, [items, value]);
     var verticalPadding = (containerHeight - itemHeight) / 2;
-    useEffect(function () {
-        if (localScrollRef.current && scrollViewRef) {
-            scrollViewRef.current = localScrollRef.current;
-        }
-    }, [scrollViewRef]);
     useEffect(function () {
         if (localScrollRef.current && selectedIndex >= 0) {
             var targetOffset_1 = selectedIndex * itemHeight;
@@ -30,8 +23,7 @@ export var TimepickerSelector = function (_a) {
     }, [selectedIndex, itemHeight]);
     var onScroll = useCallback(function (event) {
         setScrollOffset(event.nativeEvent.contentOffset.y);
-        modalOnScroll === null || modalOnScroll === void 0 ? void 0 : modalOnScroll(event);
-    }, [modalOnScroll]);
+    }, []);
     var onScrollEnd = useCallback(function (event) {
         var offsetY = event.nativeEvent.contentOffset.y;
         var index = Math.round(offsetY / itemHeight);
@@ -51,7 +43,8 @@ export var TimepickerSelector = function (_a) {
             ] }),
         React.createElement(ScrollView, { ref: localScrollRef, showsVerticalScrollIndicator: false, snapToInterval: itemHeight, decelerationRate: 'fast', onScroll: onScroll, onMomentumScrollEnd: onScrollEnd, contentContainerStyle: {
                 paddingVertical: verticalPadding,
-            }, scrollEventThrottle: 16, nestedScrollEnabled: true }, items.map(function (item, index) { return (React.createElement(TimepickerSelectorItem, { key: String(item.value), item: item, index: index, scrollOffset: scrollOffset })); }))));
+            }, scrollEventThrottle: 16, nestedScrollEnabled: true },
+            React.createElement(Pressable, null, items.map(function (item, index) { return (React.createElement(TimepickerSelectorItem, { key: String(item.value), item: item, index: index, scrollOffset: scrollOffset })); })))));
 };
 var styles = StyleSheet.create({
     container: {
@@ -66,4 +59,4 @@ var styles = StyleSheet.create({
         borderRadius: 8,
     },
 });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVGltZXBpY2tlclNlbGVjdG9yLm5hdGl2ZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL2NvbXBvbmVudHMvdGltZXBpY2tlci9kZWZhdWx0L3NlbGVjdG9yL1RpbWVwaWNrZXJTZWxlY3Rvci5uYXRpdmUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0seUNBQXlDLENBQUE7QUFDdEUsT0FBTyxFQUFFLGFBQWEsRUFBRSxZQUFZLEVBQUUsTUFBTSx3QkFBd0IsQ0FBQTtBQUNwRSxPQUFPLEtBQUssRUFBRSxFQUFFLFdBQVcsRUFBRSxVQUFVLEVBQUUsU0FBUyxFQUFFLE9BQU8sRUFBRSxNQUFNLEVBQUUsUUFBUSxFQUFFLE1BQU0sT0FBTyxDQUFBO0FBQzVGLE9BQU8sRUFBMkMsVUFBVSxFQUFFLFVBQVUsRUFBRSxJQUFJLEVBQUUsTUFBTSxjQUFjLENBQUE7QUFDcEcsT0FBTyxzQkFBc0IsTUFBTSxzQ0FBc0MsQ0FBQTtBQWN6RSxJQUFNLFVBQVUsR0FBRyxFQUFFLENBQUE7QUFFckIsTUFBTSxDQUFDLElBQU0sa0JBQWtCLEdBQUcsVUFBQyxFQUE4RDtRQUE1RCxLQUFLLFdBQUEsRUFBRSxLQUFLLFdBQUEsRUFBRSxhQUFhLG1CQUFBLEVBQUUsb0JBQWdCLEVBQWhCLFlBQVksbUJBQUcsQ0FBQyxLQUFBO0lBQzFFLElBQUEsS0FBQSxPQUFrQyxRQUFRLENBQUMsQ0FBQyxDQUFDLElBQUEsRUFBNUMsWUFBWSxRQUFBLEVBQUUsZUFBZSxRQUFlLENBQUE7SUFDbkQsSUFBTSxlQUFlLEdBQUcsVUFBVSxHQUFHLFlBQVksQ0FBQTtJQUNqRCxJQUFNLGNBQWMsR0FBRyxNQUFNLENBQWEsSUFBSSxDQUFDLENBQUE7SUFDekMsSUFBQSxLQUFtRCxVQUFVLENBQUMsWUFBWSxDQUFDLEVBQXpFLGFBQWEsbUJBQUEsRUFBa0IsYUFBYSxvQkFBNkIsQ0FBQTtJQUNqRixJQUFN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
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVGltZXBpY2tlclNlbGVjdG9yLm5hdGl2ZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL2NvbXBvbmVudHMvdGltZXBpY2tlci9kZWZhdWx0L3NlbGVjdG9yL1RpbWVwaWNrZXJTZWxlY3Rvci5uYXRpdmUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLEVBQUUsYUFBYSxFQUFFLFlBQVksRUFBRSxNQUFNLHdCQUF3QixDQUFBO0FBQ3BFLE9BQU8sS0FBSyxFQUFFLEVBQUUsV0FBVyxFQUFFLFNBQVMsRUFBRSxPQUFPLEVBQUUsTUFBTSxFQUFFLFFBQVEsRUFBRSxNQUFNLE9BQU8sQ0FBQTtBQUNoRixPQUFPLEVBQTJDLFNBQVMsRUFBRSxVQUFVLEVBQUUsVUFBVSxFQUFFLElBQUksRUFBRSxNQUFNLGNBQWMsQ0FBQTtBQUMvRyxPQUFPLHNCQUFzQixNQUFNLHNDQUFzQyxDQUFBO0FBY3pFLElBQU0sVUFBVSxHQUFHLEVBQUUsQ0FBQTtBQUVyQixNQUFNLENBQUMsSUFBTSxrQkFBa0IsR0FBRyxVQUFDLEVBQThEO1FBQTVELEtBQUssV0FBQSxFQUFFLEtBQUssV0FBQSxFQUFFLGFBQWEsbUJBQUEsRUFBRSxvQkFBZ0IsRUFBaEIsWUFBWSxtQkFBRyxDQUFDLEtBQUE7SUFDMUUsSUFBQSxLQUFBLE9BQWtDLFFBQVEsQ0FBQyxDQUFDLENBQUMsSUFBQSxFQUE1QyxZQUFZLFFBQUEsRUFBRSxlQUFlLFFBQWUsQ0FBQTtJQUNuRCxJQUFNLGVBQWUsR0FBRyxVQUFVLEdBQUcsWUFBWSxDQUFBO0lBQ2pELElBQU0sY0FBYyxHQUFHLE1BQU0sQ0FBYSxJQUFJLENBQUMsQ0FBQTtJQUMvQyxJQUFNLGFBQWEsR0FBRyxPQUFPLENBQUMsY0FBTSxPQUFBLEtBQUssQ0FBQyxTQUFTLENBQUMsVUFBQyxJQUFJLElBQUssT0FBQSxJQUFJLENBQUMsS0FBSyxLQUFLLEtBQUssRUFBcEIsQ0FBb0IsQ0FBQyxFQUEvQyxD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

package/lib/components/timepicker/default/selector/item/TimepickerSelectorItem.native.js

@@ -2,7 +2,7 @@ import { Text } from '../../../../../components/text';
 import { TypographyAlign } from '../../../../../objects/Typography/TypographyAlign';
 import { TypographyColor } from '../../../../../objects/Typography/TypographyColor';
 import React, { useMemo } from 'react';
-import { StyleSheet, View } from 'react-native';
+import { Platform, StyleSheet, View } from 'react-native';
 var itemHeight = 36;
 var clamp = function (val, min, max) { return Math.min(Math.max(val, min), max); };
 var TimepickerSelectorItem = function (_a) {
@@ -25,7 +25,7 @@ var TimepickerSelectorItem = function (_a) {
         ] },
         React.createElement(Text, { typo: computedStyle.isActive
                 ? [TypographyAlign.TEXT_CENTERED, TypographyColor.TEXT_WHITE]
-                : [TypographyAlign.TEXT_CENTERED], style: { lineHeight: 0 } }, item.label)));
+                : [TypographyAlign.TEXT_CENTERED], style: { lineHeight: Platform.OS === 'ios' ? 0 : undefined } }, item.label)));
 };
 export default TimepickerSelectorItem;
 var styles = StyleSheet.create({
@@ -35,4 +35,4 @@ var styles = StyleSheet.create({
         width: '100%',
     },
 });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVGltZXBpY2tlclNlbGVjdG9ySXRlbS5uYXRpdmUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9jb21wb25lbnRzL3RpbWVwaWNrZXIvZGVmYXVsdC9zZWxlY3Rvci9pdGVtL1RpbWVwaWNrZXJTZWxlY3Rvckl0ZW0ubmF0aXZlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsSUFBSSxFQUFFLE1BQU0sbUJBQW1CLENBQUE7QUFDeEMsT0FBTyxFQUFFLGVBQWUsRUFBRSxNQUFNLHNDQUFzQyxDQUFBO0FBQ3RFLE9BQU8sRUFBRSxlQUFlLEVBQUUsTUFBTSxzQ0FBc0MsQ0FBQTtBQUN0RSxPQUFPLEtBQUssRUFBRSxFQUFFLE9BQU8sRUFBRSxNQUFNLE9BQU8sQ0FBQTtBQUN0QyxPQUFPLEVBQUUsVUFBVSxFQUFFLElBQUksRUFBRSxNQUFNLGNBQWMsQ0FBQTtBQWEvQyxJQUFNLFVBQVUsR0FBRyxFQUFFLENBQUE7QUFFckIsSUFBTSxLQUFLLEdBQUcsVUFBQyxHQUFXLEVBQUUsR0FBVyxFQUFFLEdBQVcsSUFBSyxPQUFBLElBQUksQ0FBQyxHQUFHLENBQUMsSUFBSSxDQUFDLEdBQUcsQ0FBQyxHQUFHLEVBQUUsR0FBRyxDQUFDLEVBQUUsR0FBRyxDQUFDLEVBQWpDLENBQWlDLENBQUE7QUFFMUYsSUFBTSxzQkFBc0IsR0FBRyxVQUFDLEVBQTZDO1FBQTNDLElBQUksVUFBQSxFQUFFLEtBQUssV0FBQSxFQUFFLFlBQVksa0JBQUE7SUFDekQsSUFBTSxRQUFRLEdBQUcsS0FBSyxHQUFHLFVBQVUsQ0FBQTtJQUNuQyxJQUFNLFFBQVEsR0FBRyxJQUFJLENBQUMsR0FBRyxDQUFDLFlBQVksR0FBRyxRQUFRLENBQUMsQ0FBQTtJQUVsRCxJQUFNLGFBQWEsR0FBRyxPQUFPLENBQUM7UUFDNUIsSUFBTSxPQUFPLEdBQUcsS0FBSyxDQUFDLENBQUMsR0FBRyxRQUFRLEdBQUcsQ0FBQyxVQUFVLEdBQUcsR0FBRyxDQUFDLEVBQUUsSUFBSSxFQUFFLENBQUMsQ0FBQyxDQUFBO1FBQ2pFLElBQU0sS0FBSyxHQUFHLEtBQUssQ0FBQyxHQUFHLEdBQUcsQ0FBQyxRQUFRLEdBQUcsQ0FBQyxVQUFVLEdBQUcsQ0FBQyxDQUFDLENBQUMsR0FBRyxJQUFJLEVBQUUsSUFBSSxFQUFFLEdBQUcsQ0FBQyxDQUFBO1FBQzFFLElBQU0sUUFBUSxHQUFHLFFBQVEsR0FBRyxVQUFVLEdBQUcsQ0FBQyxDQUFBO1FBRTFDLE9BQU8sRUFBRSxPQUFPLFNBQUEsRUFBRSxLQUFLLE9BQUEsRUFBRSxRQUFRLFVBQUEsRUFBRSxDQUFBO0lBQ3JDLENBQUMsRUFBRSxDQUFDLFFBQVEsRUFBRSxVQUFVLENBQUMsQ0FBQyxDQUFBO0lBRTFCLE9BQU8sQ0FDTCxvQkFBQyxJQUFJLElBQ0gsS0FBSyxFQUFFO1lBQ0wsTUFBTSxDQUFDLGFBQWE7WUFDcEI7Z0JBQ0UsTUFBTSxFQUFFLFVBQVU7Z0JBQ2xCLE9BQU8sRUFBRSxhQUFhLENBQUMsT0FBTztnQkFDOUIsU0FBUyxFQUFFLENBQUMsRUFBRSxLQUFLLEVBQUUsYUFBYSxDQUFDLEtBQUssRUFBRSxDQUFDO2FBQzVDO1NBQ0Y7UUFFRCxvQkFBQyxJQUFJLElBQ0gsSUFBSSxFQUNGLGFBQWEsQ0FBQyxRQUFRO2dCQUNwQixDQUFDLENBQUMsQ0FBQyxlQUFlLENBQUMsYUFBYSxFQUFFLGVBQWUsQ0FBQyxVQUFVLENBQUM7Z0JBQzdELENBQUMsQ0FBQyxDQUFDLGVBQWUsQ0FBQyxhQUFhLENBQUMsRUFFckMsS0FBSyxFQUFFLEVBQUUsVUFBVSxFQUFFLENBQUMsRUFBRSxJQUV2QixJQUFJLENBQUMsS0FBSyxDQUNOLENBQ0YsQ0FDUixDQUFBO0FBQ0gsQ0FBQyxDQUFBO0FBRUQsZUFBZSxzQkFBc0IsQ0FBQTtBQUVyQyxJQUFNLE1BQU0sR0FBRyxVQUFVLENBQUMsTUFBTSxDQUFDO0lBQy9CLGFBQWEsRUFBRTtRQUNiLGNBQWMsRUFBRSxRQUFRO1FBQ3hCLFVBQVUsRUFBRSxRQUFRO1FBQ3BCLEtBQUssRUFBRSxNQUFNO0tBQ2Q7Q0FDRixDQUFDLENBQUEifQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVGltZXBpY2tlclNlbGVjdG9ySXRlbS5uYXRpdmUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9jb21wb25lbnRzL3RpbWVwaWNrZXIvZGVmYXVsdC9zZWxlY3Rvci9pdGVtL1RpbWVwaWNrZXJTZWxlY3Rvckl0ZW0ubmF0aXZlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsSUFBSSxFQUFFLE1BQU0sbUJBQW1CLENBQUE7QUFDeEMsT0FBTyxFQUFFLGVBQWUsRUFBRSxNQUFNLHNDQUFzQyxDQUFBO0FBQ3RFLE9BQU8sRUFBRSxlQUFlLEVBQUUsTUFBTSxzQ0FBc0MsQ0FBQTtBQUN0RSxPQUFPLEtBQUssRUFBRSxFQUFFLE9BQU8sRUFBRSxNQUFNLE9BQU8sQ0FBQTtBQUN0QyxPQUFPLEVBQUUsUUFBUSxFQUFFLFVBQVUsRUFBRSxJQUFJLEVBQUUsTUFBTSxjQUFjLENBQUE7QUFhekQsSUFBTSxVQUFVLEdBQUcsRUFBRSxDQUFBO0FBRXJCLElBQU0sS0FBSyxHQUFHLFVBQUMsR0FBVyxFQUFFLEdBQVcsRUFBRSxHQUFXLElBQUssT0FBQSxJQUFJLENBQUMsR0FBRyxDQUFDLElBQUksQ0FBQyxHQUFHLENBQUMsR0FBRyxFQUFFLEdBQUcsQ0FBQyxFQUFFLEdBQUcsQ0FBQyxFQUFqQyxDQUFpQyxDQUFBO0FBRTFGLElBQU0sc0JBQXNCLEdBQUcsVUFBQyxFQUE2QztRQUEzQyxJQUFJLFVBQUEsRUFBRSxLQUFLLFdBQUEsRUFBRSxZQUFZLGtCQUFBO0lBQ3pELElBQU0sUUFBUSxHQUFHLEtBQUssR0FBRyxVQUFVLENBQUE7SUFDbkMsSUFBTSxRQUFRLEdBQUcsSUFBSSxDQUFDLEdBQUcsQ0FBQyxZQUFZLEdBQUcsUUFBUSxDQUFDLENBQUE7SUFFbEQsSUFBTSxhQUFhLEdBQUcsT0FBTyxDQUFDO1FBQzVCLElBQU0sT0FBTyxHQUFHLEtBQUssQ0FBQyxDQUFDLEdBQUcsUUFBUSxHQUFHLENBQUMsVUFBVSxHQUFHLEdBQUcsQ0FBQyxFQUFFLElBQUksRUFBRSxDQUFDLENBQUMsQ0FBQTtRQUNqRSxJQUFNLEtBQUssR0FBRyxLQUFLLENBQUMsR0FBRyxHQUFHLENBQUMsUUFBUSxHQUFHLENBQUMsVUFBVSxHQUFHLENBQUMsQ0FBQyxDQUFDLEdBQUcsSUFBSSxFQUFFLElBQUksRUFBRSxHQUFHLENBQUMsQ0FBQTtRQUMxRSxJQUFNLFFBQVEsR0FBRyxRQUFRLEdBQUcsVUFBVSxHQUFHLENBQUMsQ0FBQTtRQUUxQyxPQUFPLEVBQUUsT0FBTyxTQUFBLEVBQUUsS0FBSyxPQUFBLEVBQUUsUUFBUSxVQUFBLEVBQUUsQ0FBQTtJQUNyQyxDQUFDLEVBQUUsQ0FBQyxRQUFRLEVBQUUsVUFBVSxDQUFDLENBQUMsQ0FBQTtJQUUxQixPQUFPLENBQ0wsb0JBQUMsSUFBSSxJQUNILEtBQUssRUFBRTtZQUNMLE1BQU0sQ0FBQyxhQUFhO1lBQ3BCO2dCQUNFLE1BQU0sRUFBRSxVQUFVO2dCQUNsQixPQUFPLEVBQUUsYUFBYSxDQUFDLE9BQU87Z0JBQzlCLFNBQVMsRUFBRSxDQUFDLEVBQUUsS0FBSyxFQUFFLGFBQWEsQ0FBQyxLQUFLLEVBQUUsQ0FBQzthQUM1QztTQUNGO1FBRUQsb0JBQUMsSUFBSSxJQUNILElBQUksRUFDRixhQUFhLENBQUMsUUFBUTtnQkFDcEIsQ0FBQyxDQUFDLENBQUMsZUFBZSxDQUFDLGFBQWEsRUFBRSxlQUFlLENBQUMsVUFBVSxDQUFDO2dCQUM3RCxDQUFDLENBQUMsQ0FBQyxlQUFlLENBQUMsYUFBYSxDQUFDLEVBRXJDLEtBQUssRUFBRSxFQUFFLFVBQVUsRUFBRSxRQUFRLENBQUMsRUFBRSxLQUFLLEtBQUssQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxTQUFTLEVBQUUsSUFFM0QsSUFBSSxDQUFDLEtBQUssQ0FDTixDQUNGLENBQ1IsQ0FBQTtBQUNILENBQUMsQ0FBQTtBQUVELGVBQWUsc0JBQXNCLENBQUE7QUFFckMsSUFBTSxNQUFNLEdBQUcsVUFBVSxDQUFDLE1BQU0sQ0FBQztJQUMvQixhQUFhLEVBQUU7UUFDYixjQUFjLEVBQUUsUUFBUTtRQUN4QixVQUFVLEVBQUUsUUFBUTtRQUNwQixLQUFLLEVBQUUsTUFBTTtLQUNkO0NBQ0YsQ0FBQyxDQUFBIn0=

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

@@ -1,24 +1,25 @@
 import React from 'react';
 import { TitleProps, TitleRef } from './TitleProps';
 /**
- * Title component
+ * 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 level {TitleLevels | number} Title size (1-3)
+ * @param inverted {boolean} Title white color
+ * @param typo {TypographyColor | TypographyTransform | TypographyBold | TypographyAlign} Typography variant(s)
  * @param onClick {Function} onClick Event
- * @param skeleton {Boolean} Title Skeleton
+ * @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 ----------------------------------
+ * - -------------------------- 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
+ * @param className {string} Additional CSS Classes
+ * @param id {string} Custom id attribute
+ * @param marginless {boolean} Remove margin
+ * @param htmlContent {string} HTML content 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,11 +1,11 @@
 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 { hashClass } from '../../helpers/hashClassesHelpers';
+import { is } from '../../services';
+import clsx from 'clsx';
+import React from 'react';
 import { ComponentName } from '../enumsComponentsName';
+import { TitleLevels, TitleMarkup } from './TitleEnum';
 var getTitleLevel = function (level) {
     if (level) {
         switch (level) {
@@ -36,24 +36,25 @@ var isCorrectMarkup = function (stringMarkup) {
     return stringMarkup in TitleMarkup || Object.values(TitleMarkup).includes(stringMarkup);
 };
 /**
- * Title component
+ * 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 level {TitleLevels | number} Title size (1-3)
+ * @param inverted {boolean} Title white color
+ * @param typo {TypographyColor | TypographyTransform | TypographyBold | TypographyAlign} Typography variant(s)
  * @param onClick {Function} onClick Event
- * @param skeleton {Boolean} Title Skeleton
+ * @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 ----------------------------------
+ * - -------------------------- 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
+ * @param className {string} Additional CSS Classes
+ * @param id {string} Custom id attribute
+ * @param marginless {boolean} Remove margin
+ * @param htmlContent {string} HTML content 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, testId = _a.testId, others = __rest(_a, ["level", "markup", "children", "className", "id", "typo", "skeleton", "inverted", "onClick", "accessibilityLabel", "subtitle", "overline", "marginless", "testId"]);
@@ -73,4 +74,4 @@ var Title = React.forwardRef(function (_a, ref) {
 });
 Title.displayName = ComponentName.Title;
 export default Title;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVGl0bGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9jb21wb25lbnRzL3RpdGxlL1RpdGxlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxLQUFLLE1BQU0sT0FBTyxDQUFBO0FBQ3pCLE9BQU8sSUFBSSxNQUFNLE1BQU0sQ0FBQTtBQUV2QixPQUFPLEVBQUUsRUFBRSxFQUFFLE1BQU0sWUFBWSxDQUFBO0FBQy9CLE9BQU8sRUFBRSxXQUFXLEVBQW9CLFdBQVcsRUFBcUIsTUFBTSxhQUFhLENBQUE7QUFDM0YsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLDhCQUE4QixDQUFBO0FBQ3hELE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLGlCQUFpQixDQUFBO0FBQ25ELE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSx3QkFBd0IsQ0FBQTtBQUV0RCxJQUFNLGFBQWEsR0FBRyxVQUFDLEtBQXFDO0lBQzFELElBQUksS0FBSyxFQUFFO1FBQ1QsUUFBUSxLQUFLLEVBQUU7WUFDYixLQUFLLFdBQVcsQ0FBQyxHQUFHO2dCQUNsQixPQUFPLEVBQUUsQ0FBQyxTQUFTLENBQUMsQ0FBQTtZQUN0QixLQUFLLFdBQVcsQ0FBQyxHQUFHO2dCQUNsQixPQUFPLEVBQUUsQ0FBQyxTQUFTLENBQUMsQ0FBQTtZQUN0QixLQUFLLFdBQVcsQ0FBQyxLQUFLO2dCQUNwQixPQUFPLEVBQUUsQ0FBQyxTQUFTLENBQUMsQ0FBQTtZQUN0QixLQUFLLFdBQVcsQ0FBQyxJQUFJO2dCQUNuQixPQUFPLEVBQUUsQ0FBQyxTQUFTLENBQUMsQ0FBQTtZQUN0QixLQUFLLFdBQVcsQ0FBQyxJQUFJO2dCQUNuQixPQUFPLEVBQUUsQ0FBQyxTQUFTLENBQUMsQ0FBQTtZQUN0QixLQUFLLFdBQVcsQ0FBQyxHQUFHO2dCQUNsQixPQUFPLEVBQUUsQ0FBQyxTQUFTLENBQUMsQ0FBQTtZQUN0QjtnQkFDRSxPQUFPLEVBQUUsQ0FBQyxnQkFBUyxLQUFLLENBQUUs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
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVGl0bGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9jb21wb25lbnRzL3RpdGxlL1RpdGxlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0saUJBQWlCLENBQUE7QUFDbkQsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLDhCQUE4QixDQUFBO0FBQ3hELE9BQU8sRUFBRSxFQUFFLEVBQUUsTUFBTSxZQUFZLENBQUE7QUFDL0IsT0FBTyxJQUFJLE1BQU0sTUFBTSxDQUFBO0FBQ3ZCLE9BQU8sS0FBSyxNQUFNLE9BQU8sQ0FBQTtBQUN6QixPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sd0JBQXdCLENBQUE7QUFDdEQsT0FBTyxFQUFFLFdBQVcsRUFBb0IsV0FBVyxFQUFxQixNQUFNLGFBQWEsQ0FBQTtBQUczRixJQUFNLGFBQWEsR0FBRyxVQUFDLEtBQXFDO0lBQzFELElBQUksS0FBSyxFQUFFO1FBQ1QsUUFBUSxLQUFLLEVBQUU7WUFDYixLQUFLLFdBQVcsQ0FBQyxHQUFHO2dCQUNsQixPQUFPLEVBQUUsQ0FBQyxTQUFTLENBQUMsQ0FBQTtZQUN0QixLQUFLLFdBQVcsQ0FBQyxHQUFHO2dCQUNsQixPQUFPLEVBQUUsQ0FBQyxTQUFTLENBQUMsQ0FBQTtZQUN0QixLQUFLLFdBQVcsQ0FBQyxLQUFLO2dCQUNwQixPQUFPLEVBQUUsQ0FBQyxTQUFTLENBQUMsQ0FBQTtZQUN0QixLQUFLLFdBQVcsQ0FBQyxJQUFJO2dCQUNuQixPQUFPLEVBQUUsQ0FBQyxTQUFTLENBQUMsQ0FBQTtZQUN0QixLQUFLLFdBQVcsQ0FBQyxJQUFJO2dCQUNuQixPQUFPLEVBQUUsQ0FBQyxTQUFTLENBQUMsQ0FBQTtZQUN0QixLQUFLLFdBQVcsQ0FBQyxHQUFHO2dCQUNsQixPQUFPLEVBQUUsQ0FBQyxTQUFTLENBQUMsQ0FBQTtZQUN0QjtnQkFDRSxPQUFPLEVBQUUsQ0FBQyxnQkFBUyxLQUFLLENBQUUs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

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

@@ -33,9 +33,9 @@ var Title = React.forwardRef(function (_a, ref) {
     var titlesLevels = function () {
         switch (level) {
             case TitleLevels.ONE:
-                return 32;
-            case TitleLevels.TWO:
                 return 28;
+            case TitleLevels.TWO:
+                return 24;
             case TitleLevels.THREE:
                 return 22;
             case TitleLevels.FOUR:

package/lib/components/title/TitlePropsDefaults.js

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

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

@@ -1,23 +1,24 @@
-import * as React from "react";
-import { ViewProps } from "./ViewProps";
+import * as React from 'react';
+import { ViewProps } from './ViewProps';
 /**
- * View Component (DIV EQUIVALENT)
- * @param children {ReactNode} View child
- * @param flexable {boolean} Flexable view
- * @param style {CSSProperties} View custom style
+ * View Component (DIV equivalent)
+ * @param children {ReactNode} View child elements
  * @param onClick {Function} Click Event
- * @param backgroundColor {TrilogyColor} View backgroud color
- * @param backgroundSrc {string} View backgroud image source
- * @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" | "ALIGNED_STRETCH" | undefined
- * - ------------------ WEB PROPERTIES ---------------
- * @param className {string} Additional css classes
- * @param loading {Loading} Loading View
- * @param markup {ViewMarkup} Markup for View
+ * @param backgroundColor {TrilogyColor} View background color
+ * @param backgroundSrc {string} View background image source
+ * @param fullwidth {boolean} Full width view (default: true)
+ * @param flexable {boolean} Enable flex layout
+ * @param justify {JustifyProps} Justify content alignment
+ * @param align {AlignProps} Align items alignment
+ * @param testId {string} Test Id for Test Integration
+ * - -------------------------- WEB PROPERTIES -------------------------------
+ * @param className {string} Additional CSS Classes
+ * @param id {string} Custom id attribute
+ * @param loading {Loading} Loading state
+ * @param markup {ViewMarkup} HTML markup element
  * @param inverted {boolean} Inverted View Color
- * - ------------------ NATIVE PROPERTIES ------------
+ * @param style {CSSProperties} Custom inline style
+ * - -------------------------- NATIVE PROPERTIES -------------------------------
  * @param bottom {boolean} Bottom position
  */
 declare const View: React.ForwardRefExoticComponent<ViewProps & React.RefAttributes<any>>;

package/lib/components/view/View.js

@@ -1,48 +1,48 @@
 import { __assign, __rest } from "tslib";
-import * as React from "react";
-import { ViewMarkup } from "./ViewProps";
-import clsx from "clsx";
-import { has, is } from "../../services";
-import { getLoadingClassName, getJustifyClassName, getAlignClassName, getBackgroundClassName, } from "../../objects";
-import { hashClass } from "../../helpers";
-import { useTrilogyContext } from "../../context";
+import { useTrilogyContext } from '../../context';
+import { hashClass } from '../../helpers';
+import { getAlignClassName, getBackgroundClassName, getJustifyClassName, getLoadingClassName } from '../../objects';
+import { has, is } from '../../services';
+import clsx from 'clsx';
+import * as React from 'react';
+import { ViewMarkup } from './ViewProps';
 /**
- * View Component (DIV EQUIVALENT)
- * @param children {ReactNode} View child
- * @param flexable {boolean} Flexable view
- * @param style {CSSProperties} View custom style
+ * View Component (DIV equivalent)
+ * @param children {ReactNode} View child elements
  * @param onClick {Function} Click Event
- * @param backgroundColor {TrilogyColor} View backgroud color
- * @param backgroundSrc {string} View backgroud image source
- * @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" | "ALIGNED_STRETCH" | undefined
- * - ------------------ WEB PROPERTIES ---------------
- * @param className {string} Additional css classes
- * @param loading {Loading} Loading View
- * @param markup {ViewMarkup} Markup for View
+ * @param backgroundColor {TrilogyColor} View background color
+ * @param backgroundSrc {string} View background image source
+ * @param fullwidth {boolean} Full width view (default: true)
+ * @param flexable {boolean} Enable flex layout
+ * @param justify {JustifyProps} Justify content alignment
+ * @param align {AlignProps} Align items alignment
+ * @param testId {string} Test Id for Test Integration
+ * - -------------------------- WEB PROPERTIES -------------------------------
+ * @param className {string} Additional CSS Classes
+ * @param id {string} Custom id attribute
+ * @param loading {Loading} Loading state
+ * @param markup {ViewMarkup} HTML markup element
  * @param inverted {boolean} Inverted View Color
- * - ------------------ NATIVE PROPERTIES ------------
+ * @param style {CSSProperties} Custom inline style
+ * - -------------------------- NATIVE PROPERTIES -------------------------------
  * @param bottom {boolean} Bottom position
  */
 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, testId = _a.testId, others = __rest(_a, ["children", "style", "className", "loading", "onClick", "backgroundColor", "backgroundSrc", "inverted", "fullwidth", "markup", "flexable", "justify", "align", "testId"]);
     var styled = useTrilogyContext().styled;
     var isCorrectMarkup = function (stringMarkup) {
-        if (stringMarkup in ViewMarkup ||
-            Object.values(ViewMarkup).includes(stringMarkup))
+        if (stringMarkup in ViewMarkup || Object.values(ViewMarkup).includes(stringMarkup))
             return true;
     };
-    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));
+    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({ ref: ref, onClick: onClick, style: style, className: classes, "data-testid": testId }, (backgroundSrc && {
         style: {
             backgroundImage: "url(".concat(backgroundSrc, ")"),
-            backgroundSize: "cover",
-            backgroundPosition: "50%",
+            backgroundSize: 'cover',
+            backgroundPosition: '50%',
         },
     }), others), children));
 });
 export default View;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVmlldy5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL2NvbXBvbmVudHMvdmlldy9WaWV3LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxLQUFLLEtBQUssTUFBTSxPQUFPLENBQUE7QUFDOUIsT0FBTyxFQUFFLFVBQVUsRUFBd0MsTUFBTSxhQUFhLENBQUE7QUFDOUUsT0FBTyxJQUFJLE1BQU0sTUFBTSxDQUFBO0FBQ3ZCLE9BQU8sRUFBRSxHQUFHLEVBQUUsRUFBRSxFQUFFLE1BQU0sWUFBWSxDQUFBO0FBQ3BDLE9BQU8sRUFDTCxtQkFBbUIsRUFDbkIsbUJBQW1CLEVBQ25CLGlCQUFpQixFQUFFLHNCQUFzQixHQUMxQyxNQUFNLFdBQVcsQ0FBQTtBQUNsQixPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sV0FBVyxDQUFBO0FBQ3JDLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLFdBQVcsQ0FBQTtBQUU3Qzs7Ozs7Ozs7Ozs7Ozs7Ozs7OztHQW1CRztBQUNILElBQU0sSUFBSSxHQUFHLEtBQUssQ0FBQyxVQUFVLENBQXFCLFVBQUMsRUFnQmxELEVBQUUsR0FBRztJQWZKLElBQUEsUUFBUSxjQUFBLEVBQ1IsS0FBSyxXQUFBLEVBQ0wsU0FBUyxlQUFBLEVBQ1QsT0FBTyxhQUFBLEVBQ1AsT0FBTyxhQUFBLEVBQ1AsZUFBZSxxQkFBQSxFQUNmLGFBQWEsbUJBQUEsRUFDYixRQUFRLGNBQUEsRUFDUixpQkFBZ0IsRUFBaEIsU0FBUyxtQkFBRyxJQUFJLEtBQUEsRUFDaEIsTUFBTSxZQUFBLEVBQ04sUUFBUSxjQUFBLEVBQ1IsT0FBTyxhQUFBLEVBQ1AsS0FBSyxXQUFBLEVBQ0wsTUFBTSxZQUFBLEVBQ0gsTUFBTSxjQWZ3Qyx5S0FnQmxELENBRFU7SUFFRCxJQUFBLE1BQU0sR0FBSyxpQkFBaUIsRUFBRSxPQUF4QixDQUF3QjtJQUV0QyxJQUFNLGVBQWUsR0FBRyxVQUFDLFlBQTJDO1FBQ2xFLElBQ0UsWUFBWSxJQUFJLFVBQVU7WUFDMUIsTUFBTSxDQUFDLE1BQU0sQ0FBQyxVQUFVLENBQUMsQ0FBQyxRQUFRLENBQUMsWUFBMEIsQ0FBQztZQUU5RCxPQUFPLElBQUksQ0FBQTtJQUNmLENBQUMsQ0FBQTtJQUVELElBQU0sR0FBRyxHQUFRLE1BQU0sSUFBSSxlQUFlLENBQUMsTUFBTSxDQUFDLENBQUMsQ0FBQyxDQUFDLE1BQU0sQ0FBQyxDQUFDLENBQUMsS0FBSyxDQUFBO0lBRW5FLElBQU0sT0FBTyxHQUFHLFNBQVMsQ0FDdkIsTUFBTSxFQUNOLElBQUksQ0FDRixPQUFPLE9BQU8sS0FBSyxRQUFRLElBQUksRUFBRSxDQUFDLG1CQUFtQixDQUFDLE9BQU8sQ0FBQyxDQUFDLEVBQy9ELE9BQU8sT0FBTyxLQUFLLFNBQVMsQ0FBQyxDQUFDLENBQUMsRUFBRSxDQUFDLFNBQVMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxFQUFFLENBQUMsUUFBUSxDQUFDLEVBQzNELGVBQWUsSUFBSSxHQUFHLENBQUMsc0JBQXNCLENBQUMsZUFBZSxDQUFDLENBQUMsRUFDL0QsYUFBYSxJQUFJLEdBQUcsQ0FBQyxZQUFZLENBQUMsRUFDbEMsUUFBUSxJQUFJLEVBQUUsQ0FBQyxVQUFVLENBQUMsSUFBSSxFQUFFLENBQUMsTUFBTSxDQUFDLEVBQ3hDLFNBQVMsSUFBSSxFQUFFLENBQUMsV0FBVyxDQUFDLEVBQzVCLFFBQVEsSUFBSSxFQUFFLENBQUMsTUFBTSxDQUFDLEVBQ3RCLE9BQU8sT0FBTyxLQUFLLFFBQVEsSUFBSSxFQUFFLENBQUMsbUJBQW1CLENBQUMsT0FBTyxDQUFDLENBQUMsRUFDL0QsT0FBTyxLQUFLLEtBQUssUUFBUSxJQUFJLEVBQUUsQ0FBQyxpQkFBaUIsQ0FBQyxLQUFLLENBQUMsQ0FBQyxFQUN6RCxTQUFTLENBQ1YsQ0FDRixDQUFBO0lBRUQsT0FBTyxDQUNMLG9CQUFDLEdBQUcsYUFDRixHQUFHLEVBQUUsR0FBRyxFQUNSLE9BQU8sRUFBRSxPQUFPLEVBQ2hCLEtBQUssRUFBRSxLQUFLLEVBQ1osU0FBUyxFQUFFLE9BQU8saUJBQ0wsTUFBTSxJQUNmLENBQUMsYUFBYSxJQUFJO1FBQ3BCLEtBQUssRUFBRTtZQUNMLGVBQWUsRUFBRSxjQUFPLGFBQWEsTUFBRztZQUN4QyxjQUFjLEVBQUUsT0FBTztZQUN2QixrQkFBa0IsRUFBRSxLQUFLO1NBQzFCO0tBQ0YsQ0FBQyxFQUNFLE1BQU0sR0FFVCxRQUFRLENBQ0wsQ0FDUCxDQUFBO0FBQ0gsQ0FBQyxDQUFDLENBQUE7QUFFRixlQUFlLElBQUksQ0FBQSJ9
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVmlldy5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL2NvbXBvbmVudHMvdmlldy9WaWV3LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sV0FBVyxDQUFBO0FBQzdDLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSxXQUFXLENBQUE7QUFDckMsT0FBTyxFQUFFLGlCQUFpQixFQUFFLHNCQUFzQixFQUFFLG1CQUFtQixFQUFFLG1CQUFtQixFQUFFLE1BQU0sV0FBVyxDQUFBO0FBQy9HLE9BQU8sRUFBRSxHQUFHLEVBQUUsRUFBRSxFQUFFLE1BQU0sWUFBWSxDQUFBO0FBQ3BDLE9BQU8sSUFBSSxNQUFNLE1BQU0sQ0FBQTtBQUN2QixPQUFPLEtBQUssS0FBSyxNQUFNLE9BQU8sQ0FBQTtBQUM5QixPQUFPLEVBQUUsVUFBVSxFQUF3QyxNQUFNLGFBQWEsQ0FBQTtBQUU5RTs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7R0FvQkc7QUFDSCxJQUFNLElBQUksR0FBRyxLQUFLLENBQUMsVUFBVSxDQUMzQixVQUNFLEVBZ0JDLEVBQ0QsR0FBRztJQWhCRCxJQUFBLFFBQVEsY0FBQSxFQUNSLEtBQUssV0FBQSxFQUNMLFNBQVMsZUFBQSxFQUNULE9BQU8sYUFBQSxFQUNQLE9BQU8sYUFBQSxFQUNQLGVBQWUscUJBQUEsRUFDZixhQUFhLG1CQUFBLEVBQ2IsUUFBUSxjQUFBLEVBQ1IsaUJBQWdCLEVBQWhCLFNBQVMsbUJBQUcsSUFBSSxLQUFBLEVBQ2hCLE1BQU0sWUFBQSxFQUNOLFFBQVEsY0FBQSxFQUNSLE9BQU8sYUFBQSxFQUNQLEtBQUssV0FBQSxFQUNMLE1BQU0sWUFBQSxFQUNILE1BQU0sY0FmWCx5S0FnQkMsQ0FEVTtJQUlILElBQUEsTUFBTSxHQUFLLGlCQUFpQixFQUFFLE9BQXhCLENBQXdCO0lBRXRDLElBQU0sZUFBZSxHQUFHLFVBQUMsWUFBMkM7UUFDbEUsSUFBSSxZQUFZLElBQUksVUFBVSxJQUFJLE1BQU0sQ0FBQyxNQUFNLENBQUMsVUFBVSxDQUFDLENBQUMsUUFBUSxDQUFDLFlBQTBCLENBQUM7WUFBRSxPQUFPLElBQUksQ0FBQTtJQUMvRyxDQUFDLENBQUE7SUFFRCxJQUFNLEdBQUcsR0FBUSxNQUFNLElBQUksZUFBZSxDQUFDLE1BQU0sQ0FBQyxDQUFDLENBQUMsQ0FBQyxNQUFNLENBQUMsQ0FBQyxDQUFDLEtBQUssQ0FBQTtJQUVuRSxJQUFNLE9BQU8sR0FBRyxTQUFTLENBQ3ZCLE1BQU0sRUFDTixJQUFJLENBQ0YsT0FBTyxPQUFPLEtBQUssUUFBUSxJQUFJLEVBQUUsQ0FBQyxtQkFBbUIsQ0FBQyxPQUFPLENBQUMsQ0FBQyxFQUMvRCxPQUFPLE9BQU8sS0FBSyxTQUFTLENBQUMsQ0FBQyxDQUFDLEVBQUUsQ0FBQyxTQUFTLENBQUMsQ0FBQyxDQUFDLENBQUMsRUFBRSxDQUFDLFFBQVEsQ0FBQyxFQUMzRCxlQUFlLElBQUksR0FBRyxDQUFDLHNCQUFzQixDQUFDLGVBQWUsQ0FBQyxDQUFDLEVBQy9ELGFBQWEsSUFBSSxHQUFHLENBQUMsWUFBWSxDQUFDLEVBQ2xDLENBQUMsUUFBUSxJQUFJLEVBQUUsQ0FBQyxVQUFVLENBQUMsQ0FBQyxJQUFJLEVBQUUsQ0FBQyxNQUFNLENBQUMsRUFDMUMsU0FBUyxJQUFJLEVBQUUsQ0FBQyxXQUFXLENBQUMsRUFDNUIsUUFBUSxJQUFJLEVBQUUsQ0FBQyxNQUFNLENBQUMsRUFDdEIsT0FBTyxPQUFPLEtBQUssUUFBUSxJQUFJLEVBQUUsQ0FBQyxtQkFBbUIsQ0FBQyxPQUFPLENBQUMsQ0FBQyxFQUMvRCxPQUFPLEtBQUssS0FBSyxRQUFRLElBQUksRUFBRSxDQUFDLGlCQUFpQixDQUFDLEtBQUssQ0FBQyxDQUFDLEVBQ3pELFNBQVMsQ0FDVixDQUNGLENBQUE7SUFFRCxPQUFPLENBQ0wsb0JBQUMsR0FBRyxhQUNGLEdBQUcsRUFBRSxHQUFHLEVBQ1IsT0FBTyxFQUFFLE9BQU8sRUFDaEIsS0FBSyxFQUFFLEtBQUssRUFDWixTQUFTLEVBQUUsT0FBTyxpQkFDTCxNQUFNLElBQ2YsQ0FBQyxhQUFhLElBQUk7UUFDcEIsS0FBSyxFQUFFO1lBQ0wsZUFBZSxFQUFFLGNBQU8sYUFBYSxNQUFHO1lBQ3hDLGNBQWMsRUFBRSxPQUFPO1lBQ3ZCLGtCQUFrQixFQUFFLEtBQUs7U0FDMUI7S0FDRixDQUFDLEVBQ0UsTUFBTSxHQUVULFFBQVEsQ0FDTCxDQUNQLENBQUE7QUFDSCxDQUFDLENBQ0YsQ0FBQTtBQUVELGVBQWUsSUFBSSxDQUFBIn0=

package/lib/components/view/ViewPropsDefaults.js

@@ -54,23 +54,23 @@ export default {
     "type": "enum",
     "values": [
       "undefined",
-      "p",
       "button",
+      "input",
       "a",
-      "dd",
-      "details",
-      "dialog",
+      "span",
       "div",
-      "dl",
-      "dt",
-      "input",
-      "label",
+      "p",
+      "ul",
       "li",
+      "label",
       "main",
-      "ol",
-      "span",
       "summary",
-      "ul",
+      "details",
+      "ol",
+      "dl",
+      "dt",
+      "dd",
+      "dialog",
       "button",
       "input",
       "a",
@@ -113,15 +113,6 @@ export default {
     "type": "enum",
     "values": [
       "undefined",
-      "CENTER",
-      "START",
-      "END",
-      "CENTER",
-      "START",
-      "END",
-      "SPACE_BETWEEN",
-      "SPACE_AROUND",
-      "SPACE_EVENLY",
       "JUSTIFIED_CENTER",
       "JUSTIFIED_START",
       "JUSTIFIED_END",
@@ -130,6 +121,15 @@ export default {
       "JUSTIFIED_START",
       "JUSTIFIED_END",
       "SPACE_BETWEEN",
+      "CENTER",
+      "START",
+      "END",
+      "SPACE_BETWEEN",
+      "SPACE_AROUND",
+      "SPACE_EVENLY",
+      "CENTER",
+      "START",
+      "END",
       "SPACE_AROUND",
       "SPACE_EVENLY"
     ]
@@ -146,6 +146,9 @@ export default {
     "type": "enum",
     "values": [
       "undefined",
+      "CENTER",
+      "START",
+      "END",
       "ALIGNED_CENTER",
       "ALIGNED_START",
       "ALIGNED_END",
@@ -158,9 +161,6 @@ export default {
       "START",
       "END",
       "STRETCH",
-      "CENTER",
-      "START",
-      "END",
       "STRETCH"
     ]
   },
@@ -168,6 +168,9 @@ export default {
     "type": "enum",
     "values": [
       "undefined",
+      "CENTER",
+      "START",
+      "END",
       "ALIGNED_CENTER",
       "ALIGNED_START",
       "ALIGNED_END",
@@ -180,9 +183,6 @@ export default {
       "START",
       "END",
       "STRETCH",
-      "CENTER",
-      "START",
-      "END",
       "STRETCH"
     ]
   },
@@ -190,12 +190,6 @@ export default {
     "type": "enum",
     "values": [
       "undefined",
-      "SUCCESS",
-      "INFO",
-      "WARNING",
-      "ERROR",
-      "MAIN",
-      "ACCENT",
       "WHITE",
       "MAIN",
       "MAIN_FADE",
@@ -218,13 +212,19 @@ export default {
       "STROKE",
       "STROKE_FADE",
       "WHITE",
+      "MAIN",
       "MAIN_FADE",
+      "ACCENT",
       "ACCENT_FADE",
       "FONT",
       "FONT_PLACEHOLDER",
+      "SUCCESS",
       "SUCCESS_FADE",
+      "INFO",
       "INFO_FADE",
+      "WARNING",
       "WARNING_FADE",
+      "ERROR",
       "ERROR_FADE",
       "DISABLED",
       "DISABLED_FADE",

package/lib/tsconfig.json

@@ -36,10 +36,9 @@
         "./**/*.tsx"
     ],
     "exclude": [
-        "./components/**/*.stories.tsx",
         "node_modules",
         "./jest*",
-        "./snapshotResolver.ts",
+        "jest/snapshotResolver.ts",
         "./fileTransformer.cjs",
         "./package.json",
         "./coverage",

package/lib/version.d.ts

@@ -1 +1 @@
-export declare const version = "0.0.1-fix-timepicker";
+export declare const version = "0.0.1-storybook";

package/lib/version.js

@@ -1,2 +1,2 @@
-export var version = "0.0.1-fix-timepicker";
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidmVyc2lvbi5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uL3ZlcnNpb24udHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsTUFBTSxDQUFDLElBQU0sT0FBTyxHQUFHLHNCQUFzQixDQUFBIn0=
+export var version = "0.0.1-storybook";
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidmVyc2lvbi5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uL3ZlcnNpb24udHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsTUFBTSxDQUFDLElBQU0sT0FBTyxHQUFHLGlCQUFpQixDQUFBIn0=

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@trilogy-ds/react",
-  "version": "0.0.1-fix-timepicker",
+  "version": "0.0.1-storybook",
   "author": "Bouygues Telecom",
   "repository": {
     "type": "git",
@@ -17,27 +17,23 @@
   "description": "Trilogy react framework design system for Bouygues Telecom",
   "license": "UNLICENSED",
   "scripts": {
-    "test": "jest --config jest.config.web.ts --updateSnapshot --coverage",
+    "test": "jest --config jest/jest.config.web.ts --updateSnapshot --coverage",
     "check-types": "tsc --noemit",
-    "test:native": "jest --config jest.config.native.ts --updateSnapshot --coverage --silent=false",
+    "test:native": "jest --config jest/jest.config.native.ts --updateSnapshot --coverage --silent=false",
     "prebuild": "node -p \"'export const version = ' + JSON.stringify(require('./package.json').version)\" > version.ts",
     "build": "rimraf lib && npm run prebuild && tsc -p ./tsconfig.build.json && tsc-alias && cp -R ../../config/native/react-native.config.js ./lib/"
   },
   "dependencies": {
     "@ptomasroos/react-native-multi-slider": "^2.2.2",
-    "@react-native-picker/picker": "^2.6.1",
-    "@react-native-community/datetimepicker": "^8.0.0",
+    "@react-native-community/datetimepicker": "8.2.0",
     "@trilogy-ds/assets": "*",
     "@trilogy-ds/locales": "en",
     "@trilogy-ds/styles": "*",
     "clsx": "^2.1.0",
-    "color": "^4.2.3",
     "react-native-gesture-handler": "^2.16.0",
-    "react-native-modal": "^13.0.1",
     "react-native-svg": "^15.11.1",
     "react-native-toast-message": "^2.2.0",
-    "rollup-plugin-copy": "^3.5.0",
-    "shortid": "^2.2.16"
+    "rollup-plugin-copy": "^3.5.0"
   },
   "devDependencies": {
     "jest-util": "^29.7.0"
@@ -45,11 +41,15 @@
   "peerDependencies": {
     "@types/react": "^17.0.0 || ^18.0.0 || ^19.0.0",
     "react": "^17.0.0 || ^18.0.0 || ^19.0.0",
-    "react-dom": "^17.0.0 || ^18.0.0 || ^19.0.0"
+    "react-dom": "^17.0.0 || ^18.0.0 || ^19.0.0",
+    "react-native-reanimated": ">=2.15.0 <4.0.0"
   },
   "peerDependenciesMeta": {
     "@types/react": {
       "optional": true
+    },
+    "react-native-reanimated": {
+      "optional": true
     }
   },
   "keywords": [