@trilogy-ds/react 0.0.1-beta.5 → 0.0.1-beta.50

package/lib/components/selector/Selector.native.js.map

@@ -1 +1 @@
-{"version":3,"file":"Selector.native.js","sourceRoot":"","sources":["../../../components/selector/Selector.native.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAClD,OAAO,EAAE,UAAU,EAAE,UAAU,EAAE,IAAI,EAAE,MAAM,cAAc,CAAA;AAE3D,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,SAAS,CAAA;AAC1C,OAAO,YAAY,MAAM,QAAQ,CAAA;AACjC,OAAO,EAAE,aAAa,EAAE,MAAM,eAAe,CAAA;AAE7C;;;;;;;;;GASG;AACH,MAAM,QAAQ,GAAG,CAAC,EAChB,QAAQ,EACR,OAAO,EACP,WAAW,GAAG,CAAC,EACf,QAAQ,EACR,QAAQ,EACR,KAAK,EACL,GAAG,EACH,MAAM,EACN,kBAAkB,EAClB,GAAG,MAAM,EACK,EAAe,EAAE;IAC/B,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,QAAQ,CAAC,WAAW,CAAC,CAAA;IAE/D,SAAS,CAAC,GAAG,EAAE;QACb,gBAAgB,CAAC,WAAW,CAAC,CAAA;IAC/B,CAAC,EAAE,CAAC,WAAW,CAAC,CAAC,CAAA;IAEjB,MAAM,QAAQ,GAAG,CAAC,KAAa,EAAE,gBAAiC,EAAE,EAAE;QACpE,IAAI,OAAO,gBAAgB,KAAK,WAAW,IAAI,CAAC,aAAa,EAAE;YAC7D,OAAO,gBAAgB,CAAA;SACxB;QACD,IAAI,KAAK,KAAK,aAAa,EAAE;YAC3B,OAAO,IAAI,CAAA;SACZ;IACH,CAAC,CAAA;IAED,MAAM,YAAY,GAAG,CAAC,CAAmB,EAAE,KAAa,EAAE,EAAE;QAC1D,IAAI,QAAQ,EAAE;YACZ,OAAO,KAAK,CAAA;SACb;QACD,gBAAgB,CAAC,KAAK,CAAC,CAAA;QACvB,IAAI,OAAO,EAAE;YACX,OAAO,CAAC,CAAC,CAAC,CAAA;SACX;IACH,CAAC,CAAA;IAED,MAAM,MAAM,GAAG,UAAU,CAAC,MAAM,CAAC;QAC/B,QAAQ,EAAE;YACR,MAAM,EAAE,MAAM;YACd,KAAK,EAAE,MAAM;YACb,SAAS,EAAE,aAAa,CAAC,KAAK,CAAC;SAChC;KACF,CAAC,CAAA;IAEF,OAAO,CACL,oBAAC,IAAI,IACH,KAAK,EAAE,MAAM,CAAC,QAAQ,EACtB,MAAM,EAAE,MAAM,EACd,kBAAkB,EAAE,kBAAkB,EACtC,UAAU,EAAE,CAAC,CAAC,kBAAkB,KAC5B,MAAM;QAEV,oBAAC,UAAU,IAAC,UAAU,QAAC,8BAA8B,EAAE,KAAK;YACzD,QAAQ;gBACP,KAAK,CAAC,OAAO,CAAC,QAAQ,CAAC;gBACvB,8DAA8D;gBAC9D,QAAQ,CAAC,GAAG,CAAC,CAAC,KAAU,EAAE,KAAa,EAAE,EAAE;oBACzC,MAAM,KAAK,GAAG;wBACZ,MAAM,EAAE,OAAO,CAAC,QAAQ,CAAC,KAAK,EAAE,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,IAAI,KAAK;wBAC7D,GAAG,EAAE,KAAK;wBACV,aAAa,EAAE,KAAK;wBACpB,QAAQ,EAAE,QAAQ;wBAClB,OAAO,EAAE,CAAC,KAAuB,EAAE,EAAE;4BACnC,YAAY,CAAC,KAAK,EAAE,KAAK,CAAC,CAAA;4BAC1B,IAAI,KAAK,EAAE;gCACT,IAAI,KAAK,CAAC,KAAK,CAAC,OAAO,EAAE;oCACvB,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,CAAA;iCAC3B;6BACF;wBACH,CAAC;qBACF,CAAA;oBACD,OAAO,OAAO,KAAK,CAAC,OAAO,EAAE,KAAK,QAAQ,CAAC,CAAC,CAAC,CAC3C,oBAAC,YAAY,IAAC,MAAM,EAAE,KAAK,CAAC,MAAM,EAAE,OAAO,EAAE,CAAC,CAAU,EAAE,EAAE,CAAC,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAG,CAAC,CAAC;wBACvE,oBAAC,IAAI,IAAC,KAAK,EAAE,UAAU,CAAC,KAAK,IAAG,MAAM,CAAC,KAAK,CAAC,CAAQ,CACxC,CAChB,CAAC,CAAC,CAAC,CACF,KAAK,CAAC,YAAY,CAAC,KAAK,EAAE,KAAK,CAAC,CACjC,CAAA;gBACH,CAAC,CAAC;YACH,GAAG,IAAI,CACN,oBAAC,YAAY,IAAC,GAAG,QAAC,OAAO,EAAE,CAAC,CAAU,EAAE,EAAE,WAAC,OAAA,MAAA,GAAG,CAAC,OAAO,oDAAG,CAAC,CAAC,CAAA,EAAA,IACxD,GAAG,CAAC,OAAO,CACC,CAChB,CACU,CACR,CACR,CAAA;AACH,CAAC,CAAA;AAED,QAAQ,CAAC,WAAW,GAAG,UAAU,CAAA;AAEjC,eAAe,QAAQ,CAAA"}
+{"version":3,"file":"Selector.native.js","sourceRoot":"","sources":["../../../components/selector/Selector.native.tsx"],"names":[],"mappings":"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"}

package/lib/components/selector/item/SelectorItem.js

@@ -1,6 +1,6 @@
 import React, { useEffect, useState } from 'react';
 import clsx from 'clsx';
-import { Text, TextMarkup } from '../../text';
+import { Text, TextMarkup } from '../../../components/text';
 /**
  * Selector Item Component
  * @param active {boolean} active tab item

package/lib/components/selector/item/SelectorItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"SelectorItem.js","sourceRoot":"","sources":["../../../../components/selector/item/SelectorItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAClD,OAAO,IAAI,MAAM,MAAM,CAAA;AACvB,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,YAAY,CAAA;AAG7C;;;;;;;;;GASG;AACH,MAAM,YAAY,GAAG,CAAC,EAAE,MAAM,EAAE,QAAQ,EAAE,SAAS,EAAE,OAAO,EAAE,GAAG,MAAM,EAAqB,EAAe,EAAE;IAC3G,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,QAAQ,CAAU,MAAM,IAAI,KAAK,CAAC,CAAA;IAEtE,iEAAiE;IAEjE,gBAAgB;IAChB,MAAM,IAAI,GAAG;QACX,EAAE,EAAE;YACF,IAAI,EAAE,cAAc;SACrB;QACD,CAAC,EAAE;YACD,IAAI,EAAE,UAAU;YAChB,eAAe,EAAE,UAAU;SAC5B;KACF,CAAA;IAED,SAAS,CAAC,GAAG,EAAE;QACb,aAAa,CAAC,MAAM,IAAI,KAAK,CAAC,CAAA;IAChC,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC,CAAA;IAEZ,OAAO,CACL,4BACE,SAAS,EAAE,IAAI,CAAC,SAAS,EAAE,EAAE,WAAW,EAAE,UAAU,EAAE,CAAC,KACnD,IAAI,CAAC,EAAE,KACP,MAAM,EACV,OAAO,EAAE,CAAC,CAAmB,EAAE,EAAE;YAC/B,MAAM,MAAM,GAAG,CAAC,CAAC,MAAyB,CAAA;YAC1C,aAAa,CAAC,MAAM,IAAI,KAAK,CAAC,CAAA;YAC9B,MAAM,CAAC,MAAM,GAAG,MAAM,CAAA;YACtB,IAAI,OAAO,EAAE;gBACX,OAAO,CAAC,CAAC,CAAC,CAAA;aACX;QACH,CAAC,IAEA,QAAQ,IAAI,OAAO,QAAQ,CAAC,OAAO,EAAE,KAAK,QAAQ,IAAI,CACrD,oBAAC,IAAI,IAAC,MAAM,EAAE,UAAU,CAAC,CAAC,KAAM,IAAI,CAAC,CAAC,KAAM,MAAM,IAC/C,MAAM,CAAC,QAAQ,CAAC,CACZ,CACR,CACE,CACN,CAAA;AACH,CAAC,CAAA;AAED,eAAe,YAAY,CAAA"}
+{"version":3,"file":"SelectorItem.js","sourceRoot":"","sources":["../../../../components/selector/item/SelectorItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAClD,OAAO,IAAI,MAAM,MAAM,CAAA;AACvB,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAA;AAGpD;;;;;;;;;GASG;AACH,MAAM,YAAY,GAAG,CAAC,EAAE,MAAM,EAAE,QAAQ,EAAE,SAAS,EAAE,OAAO,EAAE,GAAG,MAAM,EAAqB,EAAe,EAAE;IAC3G,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,QAAQ,CAAU,MAAM,IAAI,KAAK,CAAC,CAAA;IAEtE,iEAAiE;IAEjE,gBAAgB;IAChB,MAAM,IAAI,GAAG;QACX,EAAE,EAAE;YACF,IAAI,EAAE,cAAc;SACrB;QACD,CAAC,EAAE;YACD,IAAI,EAAE,UAAU;YAChB,eAAe,EAAE,UAAU;SAC5B;KACF,CAAA;IAED,SAAS,CAAC,GAAG,EAAE;QACb,aAAa,CAAC,MAAM,IAAI,KAAK,CAAC,CAAA;IAChC,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC,CAAA;IAEZ,OAAO,CACL,4BACE,SAAS,EAAE,IAAI,CAAC,SAAS,EAAE,EAAE,WAAW,EAAE,UAAU,EAAE,CAAC,KACnD,IAAI,CAAC,EAAE,KACP,MAAM,EACV,OAAO,EAAE,CAAC,CAAmB,EAAE,EAAE;YAC/B,MAAM,MAAM,GAAG,CAAC,CAAC,MAAyB,CAAA;YAC1C,aAAa,CAAC,MAAM,IAAI,KAAK,CAAC,CAAA;YAC9B,MAAM,CAAC,MAAM,GAAG,MAAM,CAAA;YACtB,IAAI,OAAO,EAAE;gBACX,OAAO,CAAC,CAAC,CAAC,CAAA;aACX;QACH,CAAC,IAEA,QAAQ,IAAI,OAAO,QAAQ,CAAC,OAAO,EAAE,KAAK,QAAQ,IAAI,CACrD,oBAAC,IAAI,IAAC,MAAM,EAAE,UAAU,CAAC,CAAC,KAAM,IAAI,CAAC,CAAC,KAAM,MAAM,IAC/C,MAAM,CAAC,QAAQ,CAAC,CACZ,CACR,CACE,CACN,CAAA;AACH,CAAC,CAAA;AAED,eAAe,YAAY,CAAA"}

package/lib/components/selector/item/SelectorItem.native.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { SelectorItemProps } from './SelectorItemProps';
+import { SelectorItemProps } from "./SelectorItemProps";
 /**
  * Selector Item Component
  * @param active {boolean} active tab item
@@ -9,7 +9,7 @@ import { SelectorItemProps } from './SelectorItemProps';
  * @param end {boolean} Change last SelectorItem style to SECONDAY color
  */
 declare const SelectorItem: {
-    ({ active, children, onClick, inverted, end, selectorIndex, testId, accessibilityLabel, ...others }: SelectorItemProps): JSX.Element;
+    ({ active, children, onClick, inverted, end, selectorIndex, testId, accessibilityLabel, accessibilityActivate, ...others }: SelectorItemProps): JSX.Element;
     displayName: string;
 };
 export default SelectorItem;

package/lib/components/selector/item/SelectorItem.native.js

@@ -1,8 +1,8 @@
-import React, { useState, useEffect } from 'react';
-import { StyleSheet, TouchableOpacity, View } from 'react-native';
-import { Text, TextLevels } from '../../text';
-import { getColorStyle, TrilogyColor } from '../../../objects/facets/Color';
-import { Spacer, SpacerSize } from '../../spacer';
+import React, { useEffect, useState } from "react";
+import { StyleSheet, TouchableOpacity, View } from "react-native";
+import { Text, TextLevels } from "../../../components/text";
+import { getColorStyle, TrilogyColor } from "../../../objects/facets/Color";
+import { Spacer, SpacerSize } from "../../../components/spacer";
 /**
  * Selector Item Component
  * @param active {boolean} active tab item
@@ -11,45 +11,53 @@ import { Spacer, SpacerSize } from '../../spacer';
  * @param inverted {boolean} change style to inverted item
  * @param end {boolean} Change last SelectorItem style to SECONDAY color
  */
-const SelectorItem = ({ active, children, onClick, inverted, end, selectorIndex, testId, accessibilityLabel, ...others }) => {
+const SelectorItem = ({ active, children, onClick, inverted, end, selectorIndex, testId, accessibilityLabel, accessibilityActivate = true, ...others }) => {
     const [activeItem, setActiveItem] = useState(active || false);
     const styles = StyleSheet.create({
         selectorItem: {
-            flexDirection: 'row',
-            justifyContent: 'center',
-            alignItems: 'center',
+            flexDirection: "row",
+            justifyContent: "center",
+            alignItems: "center",
+            flex: 1,
             minWidth: 75,
-            height: 36,
             borderRadius: 16,
             paddingLeft: 16,
             paddingRight: 16,
-            paddingTop: 8,
-            backgroundColor: 'transparent',
-            borderColor: inverted ? getColorStyle(TrilogyColor.WHITE) : getColorStyle(TrilogyColor.TERTIARY),
+            paddingTop: 7,
+            paddingBottom: 7,
+            backgroundColor: "transparent",
+            borderColor: inverted
+                ? getColorStyle(TrilogyColor.BACKGROUND)
+                : getColorStyle(TrilogyColor.MAIN),
             borderWidth: 1,
         },
         text: {
-            color: activeItem ? getColorStyle(TrilogyColor.WHITE) : getColorStyle(TrilogyColor.TERTIARY),
-            textAlign: 'center',
-            paddingBottom: 10,
+            color: activeItem
+                ? getColorStyle(TrilogyColor.BACKGROUND)
+                : getColorStyle(TrilogyColor.MAIN),
+            textAlign: "center",
         },
         invertedText: {
-            color: activeItem ? getColorStyle(TrilogyColor.TERTIARY) : getColorStyle(TrilogyColor.WHITE),
-            textAlign: 'center',
-            paddingBottom: 10,
+            color: activeItem
+                ? getColorStyle(TrilogyColor.MAIN)
+                : getColorStyle(TrilogyColor.BACKGROUND),
+            textAlign: "center",
         },
         active: {
-            backgroundColor: inverted ? getColorStyle(TrilogyColor.WHITE) : getColorStyle(TrilogyColor.TERTIARY),
-            borderColor: inverted ? getColorStyle(TrilogyColor.TERTIARY) : getColorStyle(TrilogyColor.WHITE),
+            backgroundColor: inverted
+                ? getColorStyle(TrilogyColor.BACKGROUND)
+                : getColorStyle(TrilogyColor.MAIN),
+            borderColor: inverted
+                ? getColorStyle(TrilogyColor.MAIN)
+                : getColorStyle(TrilogyColor.BACKGROUND),
         },
         end: {
-            backgroundColor: getColorStyle(TrilogyColor.WHITE),
-            borderColor: getColorStyle(TrilogyColor.SECONDARY),
+            backgroundColor: getColorStyle(TrilogyColor.BACKGROUND),
+            borderColor: getColorStyle(TrilogyColor.INFO),
         },
         endText: {
-            color: getColorStyle(TrilogyColor.SECONDARY),
-            textAlign: 'center',
-            paddingBottom: 10,
+            color: getColorStyle(TrilogyColor.INFO),
+            textAlign: "center",
         },
         firstItem: {
             marginLeft: 15,
@@ -60,14 +68,22 @@ const SelectorItem = ({ active, children, onClick, inverted, end, selectorIndex,
     }, [active]);
     return (React.createElement(React.Fragment, null,
         selectorIndex === 0 && React.createElement(View, { style: styles.firstItem }),
-        React.createElement(TouchableOpacity, { testID: testId, accessibilityLabel: accessibilityLabel, accessible: !!accessibilityLabel, style: [styles.selectorItem, activeItem && styles.active, end && styles.end], onPress: (e) => {
+        React.createElement(TouchableOpacity, { testID: testId, accessibilityLabel: accessibilityLabel, accessible: accessibilityActivate, style: [
+                styles.selectorItem,
+                activeItem && styles.active,
+                end && styles.end,
+            ], onPress: (e) => {
                 setActiveItem(active || false);
                 if (onClick) {
                     onClick(e);
                 }
-            }, ...others }, children && typeof children.valueOf() === 'string' && (React.createElement(Text, { style: end ? styles.endText : inverted ? styles.invertedText : styles.text, level: TextLevels.TWO }, String(children)))),
+            }, ...others }, children && typeof children.valueOf() === "string" && (React.createElement(Text, { style: end
+                ? styles.endText
+                : inverted
+                    ? styles.invertedText
+                    : styles.text, level: TextLevels.TWO }, String(children)))),
         React.createElement(Spacer, { horizontal: true, size: SpacerSize.SMALL })));
 };
-SelectorItem.displayName = 'SelectorItem';
+SelectorItem.displayName = "SelectorItem";
 export default SelectorItem;
 //# sourceMappingURL=SelectorItem.native.js.map

package/lib/components/selector/item/SelectorItem.native.js.map

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

package/lib/components/selector/test/Selector.test.d.ts

@@ -0,0 +1 @@
+export {};

package/lib/components/selector/test/Selector.test.js

@@ -0,0 +1,26 @@
+import * as React from "react";
+import { render, fireEvent } from "@testing-library/react";
+import Selector from "../Selector";
+import SelectorItem from "../item";
+describe("Selector component", () => {
+    const options = [
+        { label: "Option 1", value: "option-1" },
+        { label: "Option 2", value: "option-2" },
+        { label: "Option 3", value: "option-3" },
+    ];
+    it("renders options correctly", () => {
+        const { getByText } = render(React.createElement(Selector, null, options.map((opt) => (React.createElement(SelectorItem, { key: opt.value }, opt.label)))));
+        options.forEach((opt) => {
+            const option = getByText(opt.label);
+            expect(option).toBeInTheDocument();
+        });
+    });
+    it("handles clicks correctly", () => {
+        const handleClick = jest.fn();
+        const { getByText } = render(React.createElement(Selector, { onClick: handleClick }, options.map((opt) => (React.createElement(SelectorItem, { key: opt.value }, opt.label)))));
+        const option2 = getByText(options[1].label);
+        fireEvent.click(option2);
+        expect(handleClick).toHaveBeenCalled();
+    });
+});
+//# sourceMappingURL=Selector.test.js.map

package/lib/components/selector/test/Selector.test.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Selector.test.js","sourceRoot":"","sources":["../../../../components/selector/test/Selector.test.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAC3D,OAAO,QAAQ,MAAM,aAAa,CAAC;AACnC,OAAO,YAAY,MAAM,SAAS,CAAC;AAEnC,QAAQ,CAAC,oBAAoB,EAAE,GAAG,EAAE;IAClC,MAAM,OAAO,GAAG;QACd,EAAE,KAAK,EAAE,UAAU,EAAE,KAAK,EAAE,UAAU,EAAE;QACxC,EAAE,KAAK,EAAE,UAAU,EAAE,KAAK,EAAE,UAAU,EAAE;QACxC,EAAE,KAAK,EAAE,UAAU,EAAE,KAAK,EAAE,UAAU,EAAE;KACzC,CAAC;IAEF,EAAE,CAAC,2BAA2B,EAAE,GAAG,EAAE;QACnC,MAAM,EAAE,SAAS,EAAE,GAAG,MAAM,CAC1B,oBAAC,QAAQ,QACN,OAAO,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,CACpB,oBAAC,YAAY,IAAC,GAAG,EAAE,GAAG,CAAC,KAAK,IAAG,GAAG,CAAC,KAAK,CAAgB,CACzD,CAAC,CACO,CACZ,CAAC;QACF,OAAO,CAAC,OAAO,CAAC,CAAC,GAAG,EAAE,EAAE;YACtB,MAAM,MAAM,GAAG,SAAS,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC;YACpC,MAAM,CAAC,MAAM,CAAC,CAAC,iBAAiB,EAAE,CAAC;QACrC,CAAC,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,0BAA0B,EAAE,GAAG,EAAE;QAClC,MAAM,WAAW,GAAG,IAAI,CAAC,EAAE,EAAE,CAAC;QAC9B,MAAM,EAAE,SAAS,EAAE,GAAG,MAAM,CAC1B,oBAAC,QAAQ,IAAC,OAAO,EAAE,WAAW,IAC3B,OAAO,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,CACpB,oBAAC,YAAY,IAAC,GAAG,EAAE,GAAG,CAAC,KAAK,IAAG,GAAG,CAAC,KAAK,CAAgB,CACzD,CAAC,CACO,CACZ,CAAC;QAEF,MAAM,OAAO,GAAG,SAAS,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC;QAC5C,SAAS,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC;QACzB,MAAM,CAAC,WAAW,CAAC,CAAC,gBAAgB,EAAE,CAAC;IACzC,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC"}

package/lib/components/spacer/Spacer.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { SpacerProps } from './SpacerProps';
+import { SpacerProps } from "./SpacerProps";
 /**
  * Spacer Component
  * @param size {SpacerSize} SMALL | MEDIUM | LARGE | HUGE

package/lib/components/spacer/Spacer.js

@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from "react";
 /**
  * Spacer Component
  * @param size {SpacerSize} SMALL | MEDIUM | LARGE | HUGE
@@ -7,8 +7,8 @@ import React from 'react';
 const Spacer = ({ size, horizontal }) => {
     const styles = {
         spacer: {
-            marginLeft: horizontal ? `${size}px` : '0px',
-            marginTop: !horizontal ? `${size}px` : '0px',
+            marginLeft: horizontal ? `${size}px` : "0px",
+            marginTop: !horizontal ? `${size}px` : "0px",
         },
     };
     return React.createElement("div", { style: styles.spacer });

package/lib/components/spacer/Spacer.js.map

@@ -1 +1 @@
-{"version":3,"file":"Spacer.js","sourceRoot":"","sources":["../../../components/spacer/Spacer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB;;;;GAIG;AACH,MAAM,MAAM,GAAG,CAAC,EAAE,IAAI,EAAE,UAAU,EAAe,EAAe,EAAE;IAChE,MAAM,MAAM,GAAG;QACb,MAAM,EAAE;YACN,UAAU,EAAE,UAAU,CAAC,CAAC,CAAC,GAAG,IAAI,IAAI,CAAC,CAAC,CAAC,KAAK;YAC5C,SAAS,EAAE,CAAC,UAAU,CAAC,CAAC,CAAC,GAAG,IAAI,IAAI,CAAC,CAAC,CAAC,KAAK;SAC7C;KACF,CAAA;IACD,OAAO,6BAAK,KAAK,EAAE,MAAM,CAAC,MAAM,GAAI,CAAA;AACtC,CAAC,CAAA;AAED,eAAe,MAAM,CAAA"}
+{"version":3,"file":"Spacer.js","sourceRoot":"","sources":["../../../components/spacer/Spacer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAG9B;;;;GAIG;AACH,MAAM,MAAM,GAAG,CAAC,EAAE,IAAI,EAAE,UAAU,EAAe,EAAe,EAAE;IAChE,MAAM,MAAM,GAAG;QACb,MAAM,EAAE;YACN,UAAU,EAAE,UAAU,CAAC,CAAC,CAAC,GAAG,IAAI,IAAI,CAAC,CAAC,CAAC,KAAK;YAC5C,SAAS,EAAE,CAAC,UAAU,CAAC,CAAC,CAAC,GAAG,IAAI,IAAI,CAAC,CAAC,CAAC,KAAK;SAC7C;KACF,CAAA;IACD,OAAO,6BAAK,KAAK,EAAE,MAAM,CAAC,MAAM,GAAI,CAAA;AACtC,CAAC,CAAA;AAED,eAAe,MAAM,CAAA"}

package/lib/components/spacer/Spacer.native.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
-import { SpacerProps } from './SpacerProps';
-import { ComponentName } from '../enumsComponentsName';
+import { SpacerProps } from "./SpacerProps";
+import { ComponentName } from "../../components/enumsComponentsName";
 /**
  * Spacer Component
  * @deprecated

package/lib/components/spacer/Spacer.native.js

@@ -1,6 +1,6 @@
-import React from 'react';
-import { StyleSheet, View } from 'react-native';
-import { ComponentName } from '../enumsComponentsName';
+import * as React from "react";
+import { StyleSheet, View } from "react-native";
+import { ComponentName } from "../../components/enumsComponentsName";
 /**
  * Spacer Component
  * @deprecated

package/lib/components/spacer/Spacer.native.js.map

@@ -1 +1 @@
-{"version":3,"file":"Spacer.native.js","sourceRoot":"","sources":["../../../components/spacer/Spacer.native.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,MAAM,cAAc,CAAA;AAE/C,OAAO,EAAE,aAAa,EAAE,MAAM,wBAAwB,CAAA;AAEtD;;;;;GAKG;AACH,MAAM,MAAM,GAAG,CAAC,EAAE,IAAI,EAAE,UAAU,EAAe,EAAe,EAAE;IAChE,MAAM,MAAM,GAAG,UAAU,CAAC,MAAM,CAAC;QAC/B,MAAM,EAAE;YACN,UAAU,EAAE,CAAC,UAAU,IAAI,QAAQ,CAAC,IAAI,CAAC,QAAQ,EAAE,CAAC,CAAC,IAAI,CAAC;YAC1D,SAAS,EAAE,CAAC,CAAC,UAAU,IAAI,QAAQ,CAAC,IAAI,CAAC,QAAQ,EAAE,CAAC,CAAC,IAAI,CAAC;SAC3D;KACF,CAAC,CAAA;IACF,OAAO,oBAAC,IAAI,IAAC,KAAK,EAAE,MAAM,CAAC,MAAM,GAAI,CAAA;AACvC,CAAC,CAAA;AAED,MAAM,CAAC,WAAW,GAAG,aAAa,CAAC,MAAM,CAAA;AAEzC,eAAe,MAAM,CAAA"}
+{"version":3,"file":"Spacer.native.js","sourceRoot":"","sources":["../../../components/spacer/Spacer.native.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,MAAM,cAAc,CAAA;AAE/C,OAAO,EAAE,aAAa,EAAE,MAAM,kCAAkC,CAAA;AAEhE;;;;;GAKG;AACH,MAAM,MAAM,GAAG,CAAC,EAAE,IAAI,EAAE,UAAU,EAAe,EAAe,EAAE;IAChE,MAAM,MAAM,GAAG,UAAU,CAAC,MAAM,CAAC;QAC/B,MAAM,EAAE;YACN,UAAU,EAAE,CAAC,UAAU,IAAI,QAAQ,CAAC,IAAI,CAAC,QAAQ,EAAE,CAAC,CAAC,IAAI,CAAC;YAC1D,SAAS,EAAE,CAAC,CAAC,UAAU,IAAI,QAAQ,CAAC,IAAI,CAAC,QAAQ,EAAE,CAAC,CAAC,IAAI,CAAC;SAC3D;KACF,CAAC,CAAA;IACF,OAAO,oBAAC,IAAI,IAAC,KAAK,EAAE,MAAM,CAAC,MAAM,GAAI,CAAA;AACvC,CAAC,CAAA;AAED,MAAM,CAAC,WAAW,GAAG,aAAa,CAAC,MAAM,CAAA;AAEzC,eAAe,MAAM,CAAA"}

package/lib/components/spacer/test/Spacer.test.d.ts

@@ -0,0 +1 @@
+export {};

package/lib/components/spacer/test/Spacer.test.js

@@ -0,0 +1,21 @@
+import * as React from "react";
+import { render } from "@testing-library/react";
+import Spacer from "../Spacer";
+import { SpacerSize } from "../SpacerEnum";
+describe("Spacer component", () => {
+    it("renders the spacer with default props", () => {
+        const { container } = render(React.createElement(Spacer, { size: SpacerSize.HUGE }));
+        expect(container.firstChild).toHaveStyle("marginLeft: 0px");
+    });
+    it("renders the spacer with horizontal margin", () => {
+        const { container } = render(React.createElement(Spacer, { horizontal: true, size: SpacerSize.SMALL }));
+        expect(container.firstChild).toHaveStyle("marginLeft: 8px");
+        expect(container.firstChild).toHaveStyle("marginTop: 0px");
+    });
+    it("renders the spacer with vertical margin", () => {
+        const { container } = render(React.createElement(Spacer, { size: SpacerSize.LARGE }));
+        expect(container.firstChild).toHaveStyle("marginLeft: 0px");
+        expect(container.firstChild).toHaveStyle("marginTop: 24px");
+    });
+});
+//# sourceMappingURL=Spacer.test.js.map

package/lib/components/spacer/test/Spacer.test.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Spacer.test.js","sourceRoot":"","sources":["../../../../components/spacer/test/Spacer.test.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAC;AAChD,OAAO,MAAM,MAAM,WAAW,CAAC;AAC/B,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAE3C,QAAQ,CAAC,kBAAkB,EAAE,GAAG,EAAE;IAChC,EAAE,CAAC,uCAAuC,EAAE,GAAG,EAAE;QAC/C,MAAM,EAAE,SAAS,EAAE,GAAG,MAAM,CAAC,oBAAC,MAAM,IAAC,IAAI,EAAE,UAAU,CAAC,IAAI,GAAI,CAAC,CAAC;QAChE,MAAM,CAAC,SAAS,CAAC,UAAU,CAAC,CAAC,WAAW,CAAC,iBAAiB,CAAC,CAAC;IAC9D,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,2CAA2C,EAAE,GAAG,EAAE;QACnD,MAAM,EAAE,SAAS,EAAE,GAAG,MAAM,CAAC,oBAAC,MAAM,IAAC,UAAU,QAAC,IAAI,EAAE,UAAU,CAAC,KAAK,GAAI,CAAC,CAAC;QAC5E,MAAM,CAAC,SAAS,CAAC,UAAU,CAAC,CAAC,WAAW,CAAC,iBAAiB,CAAC,CAAC;QAC5D,MAAM,CAAC,SAAS,CAAC,UAAU,CAAC,CAAC,WAAW,CAAC,gBAAgB,CAAC,CAAC;IAC7D,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,yCAAyC,EAAE,GAAG,EAAE;QACjD,MAAM,EAAE,SAAS,EAAE,GAAG,MAAM,CAAC,oBAAC,MAAM,IAAC,IAAI,EAAE,UAAU,CAAC,KAAK,GAAI,CAAC,CAAC;QACjE,MAAM,CAAC,SAAS,CAAC,UAAU,CAAC,CAAC,WAAW,CAAC,iBAAiB,CAAC,CAAC;QAC5D,MAAM,CAAC,SAAS,CAAC,UAAU,CAAC,CAAC,WAAW,CAAC,iBAAiB,CAAC,CAAC;IAC9D,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC"}

package/lib/components/stepper/Stepper.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { StepperProps } from './StepperProps';
+import { StepperProps } from "./StepperProps";
 /**
  * Stepper Component
  * @param className Additionnal CSS Classes

package/lib/components/stepper/Stepper.js

@@ -1,8 +1,8 @@
-import React from 'react';
-import clsx from 'clsx';
-import { has } from '../../services/classify';
-import { hashClass } from '../../helpers';
-import { useTrilogyContext } from '../../context';
+import * as React from "react";
+import clsx from "clsx";
+import { has } from "../../services/classify";
+import { hashClass } from "../../helpers";
+import { useTrilogyContext } from "../../context";
 /**
  * Stepper Component
  * @param className Additionnal CSS Classes
@@ -11,8 +11,8 @@ import { useTrilogyContext } from '../../context';
  */
 const Stepper = ({ className, centered, children, ...others }) => {
     const { styled } = useTrilogyContext();
-    const classes = hashClass(styled, clsx('stepper-wrapper', className));
-    const centerClasses = hashClass(styled, clsx('section', has('text-centered'), className));
+    const classes = hashClass(styled, clsx("stepper-wrapper", className));
+    const centerClasses = hashClass(styled, clsx("section", has("text-centered"), className));
     const [currentStep, setCurrentStep] = React.useState(0);
     const nbChild = React.useMemo(() => {
         if (children && Array.isArray(children))

package/lib/components/stepper/Stepper.js.map

@@ -1 +1 @@
-{"version":3,"file":"Stepper.js","sourceRoot":"","sources":["../../../components/stepper/Stepper.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,IAAI,MAAM,MAAM,CAAA;AAEvB,OAAO,EAAE,GAAG,EAAE,MAAM,yBAAyB,CAAA;AAC7C,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAA;AACzC,OAAO,EAAE,iBAAiB,EAAE,MAAM,eAAe,CAAA;AAEjD;;;;;GAKG;AACH,MAAM,OAAO,GAAG,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,QAAQ,EAAE,GAAG,MAAM,EAAgB,EAAe,EAAE;IAC1F,MAAM,EAAE,MAAM,EAAE,GAAG,iBAAiB,EAAE,CAAA;IAEtC,MAAM,OAAO,GAAG,SAAS,CAAC,MAAM,EAAE,IAAI,CAAC,iBAAiB,EAAE,SAAS,CAAC,CAAC,CAAA;IACrE,MAAM,aAAa,GAAG,SAAS,CAAC,MAAM,EAAE,IAAI,CAAC,SAAS,EAAE,GAAG,CAAC,eAAe,CAAC,EAAE,SAAS,CAAC,CAAC,CAAA;IACzF,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAS,CAAC,CAAC,CAAA;IAE/D,MAAM,OAAO,GAAG,KAAK,CAAC,OAAO,CAAS,GAAG,EAAE;QACzC,IAAI,QAAQ,IAAI,KAAK,CAAC,OAAO,CAAC,QAAQ,CAAC;YAAE,OAAO,QAAQ,CAAC,MAAM,CAAA;QAC/D,IAAI,QAAQ,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,QAAQ,CAAC;YAAE,OAAO,CAAC,CAAA;QAClD,OAAO,CAAC,CAAA;IACV,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAA;IAEd,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,IAAI,QAAQ,EAAE;YACZ,IAAI,KAAK,CAAC,OAAO,CAAC,QAAQ,CAAC,EAAE;gBAC3B,IAAI,eAAe,GAAG,KAAK,CAAA;gBAC3B,QAAQ,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,EAAE;oBACrB,IAAI,KAAK,CAAC,KAAK,CAAC,OAAO,EAAE;wBACvB,eAAe,GAAG,IAAI,CAAA;wBACtB,cAAc,CAAC,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,CAAA;qBACjC;gBACH,CAAC,CAAC,CAAA;gBACF,IAAI,CAAC,eAAe;oBAAE,cAAc,CAAC,CAAC,CAAC,CAAA;aACxC;iBAAM;gBACL,cAAc,CAAC,CAAC,CAAC,CAAA;aAClB;SACF;IACH,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAA;IAEd,IAAI,QAAQ,EAAE;QACZ,OAAO,CACL,iCAAS,SAAS,EAAE,aAAa;YAC/B,6BAAK,SAAS,EAAE,OAAO,KAAM,MAAM;gBAChC,QAAQ;gBACT,6BAAK,SAAS,EAAC,YAAY;oBACxB,WAAW;;oBAAG,OAAO,CAClB,CACF,CACE,CACX,CAAA;KACF;IAED,OAAO,CACL,6BAAK,SAAS,EAAE,OAAO,KAAM,MAAM;QAChC,QAAQ;QACT,6BAAK,SAAS,EAAC,YAAY;YACxB,WAAW;;YAAG,OAAO,CAClB,CACF,CACP,CAAA;AACH,CAAC,CAAA;AAED,eAAe,OAAO,CAAA"}
+{"version":3,"file":"Stepper.js","sourceRoot":"","sources":["../../../components/stepper/Stepper.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,IAAI,MAAM,MAAM,CAAA;AAEvB,OAAO,EAAE,GAAG,EAAE,MAAM,qBAAqB,CAAA;AACzC,OAAO,EAAE,SAAS,EAAE,MAAM,WAAW,CAAA;AACrC,OAAO,EAAE,iBAAiB,EAAE,MAAM,WAAW,CAAA;AAE7C;;;;;GAKG;AACH,MAAM,OAAO,GAAG,CAAC,EACf,SAAS,EACT,QAAQ,EACR,QAAQ,EACR,GAAG,MAAM,EACI,EAAe,EAAE;IAC9B,MAAM,EAAE,MAAM,EAAE,GAAG,iBAAiB,EAAE,CAAA;IAEtC,MAAM,OAAO,GAAG,SAAS,CAAC,MAAM,EAAE,IAAI,CAAC,iBAAiB,EAAE,SAAS,CAAC,CAAC,CAAA;IACrE,MAAM,aAAa,GAAG,SAAS,CAC7B,MAAM,EACN,IAAI,CAAC,SAAS,EAAE,GAAG,CAAC,eAAe,CAAC,EAAE,SAAS,CAAC,CACjD,CAAA;IACD,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAS,CAAC,CAAC,CAAA;IAE/D,MAAM,OAAO,GAAG,KAAK,CAAC,OAAO,CAAS,GAAG,EAAE;QACzC,IAAI,QAAQ,IAAI,KAAK,CAAC,OAAO,CAAC,QAAQ,CAAC;YAAE,OAAO,QAAQ,CAAC,MAAM,CAAA;QAC/D,IAAI,QAAQ,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,QAAQ,CAAC;YAAE,OAAO,CAAC,CAAA;QAClD,OAAO,CAAC,CAAA;IACV,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAA;IAEd,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,IAAI,QAAQ,EAAE;YACZ,IAAI,KAAK,CAAC,OAAO,CAAC,QAAQ,CAAC,EAAE;gBAC3B,IAAI,eAAe,GAAG,KAAK,CAAA;gBAC3B,QAAQ,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,EAAE;oBACrB,IAAI,KAAK,CAAC,KAAK,CAAC,OAAO,EAAE;wBACvB,eAAe,GAAG,IAAI,CAAA;wBACtB,cAAc,CAAC,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,CAAA;qBACjC;gBACH,CAAC,CAAC,CAAA;gBACF,IAAI,CAAC,eAAe;oBAAE,cAAc,CAAC,CAAC,CAAC,CAAA;aACxC;iBAAM;gBACL,cAAc,CAAC,CAAC,CAAC,CAAA;aAClB;SACF;IACH,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAA;IAEd,IAAI,QAAQ,EAAE;QACZ,OAAO,CACL,iCAAS,SAAS,EAAE,aAAa;YAC/B,6BAAK,SAAS,EAAE,OAAO,KAAM,MAAM;gBAChC,QAAQ;gBACT,6BAAK,SAAS,EAAC,YAAY;oBACxB,WAAW;;oBAAG,OAAO,CAClB,CACF,CACE,CACX,CAAA;KACF;IAED,OAAO,CACL,6BAAK,SAAS,EAAE,OAAO,KAAM,MAAM;QAChC,QAAQ;QACT,6BAAK,SAAS,EAAC,YAAY;YACxB,WAAW;;YAAG,OAAO,CAClB,CACF,CACP,CAAA;AACH,CAAC,CAAA;AAED,eAAe,OAAO,CAAA"}

package/lib/components/stepper/Stepper.native.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
-import { StepperProps } from './StepperProps';
-import { ComponentName } from '../enumsComponentsName';
+import { StepperProps } from "./StepperProps";
+import { ComponentName } from "../../components/enumsComponentsName";
 /**
  * Stepper Component
  * @param centered {boolean} Center the stepper

package/lib/components/stepper/Stepper.native.js

@@ -1,34 +1,41 @@
-import React from 'react';
-import { StyleSheet, View } from 'react-native';
-import { TypographyBold } from '../../objects';
-import { Text, TextLevels } from '../text';
-import { Title, TitleLevels } from '../title';
-import { Icon, IconSize } from '../icon';
-import { ComponentName } from '../enumsComponentsName';
+import * as React from "react";
+import { StyleSheet, View } from "react-native";
+import { TypographyBold, TypographyColor } from "../../objects";
+import { Text, TextLevels } from "../../components/text";
+import { TitleLevels } from "../../components/title";
+import { Icon, IconSize } from "../../components/icon";
+import { ComponentName } from "../../components/enumsComponentsName";
 /**
  * Stepper Component
  * @param centered {boolean} Center the stepper
  * @param children {ReactNode}
  */
 const Stepper = ({ children, centered, ...others }) => {
-    const [currentStep, setCurrentStep] = React.useState({ step: 0, name: '', iconName: '' });
+    const [currentStep, setCurrentStep] = React.useState({
+        step: 0,
+        name: "",
+        iconName: "",
+    });
     const styles = StyleSheet.create({
         steppers: {
-            flexDirection: 'row',
-            alignSelf: centered ? 'center' : 'flex-start',
+            flexDirection: "row",
+            alignSelf: centered ? "center" : "flex-start",
         },
         step: {
-            flexDirection: 'row',
-            justifyContent: 'space-between',
-            alignItems: 'center',
+            flexDirection: "row",
+            justifyContent: "space-between",
+            alignItems: "center",
             marginTop: 10,
         },
         hasIcon: {
-            flexDirection: 'row',
+            flexDirection: "row",
         },
         icon: {
-            marginLeft: 10,
-            marginTop: 3
+            marginRight: 4,
+            marginTop: 3,
+        },
+        counter: {
+            marginRight: 10,
         },
     });
     const nbChild = React.useMemo(() => {
@@ -72,9 +79,13 @@ const Stepper = ({ children, centered, ...others }) => {
         React.createElement(View, { style: styles.steppers, ...others }, children),
         React.createElement(View, { style: styles.step },
             React.createElement(View, { style: styles.hasIcon },
-                React.createElement(Title, { level: TitleLevels.THREE }, currentStep.name),
-                React.createElement(Text, { style: styles.icon }, currentStep.iconName && (React.createElement(Icon, { name: currentStep.iconName, size: IconSize.SMALL })))),
-            React.createElement(Text, { level: TextLevels.THREE, typo: TypographyBold.TEXT_WEIGHT_SEMIBOLD },
+                currentStep.iconName && (React.createElement(Text, { style: styles.icon },
+                    React.createElement(Icon, { name: currentStep.iconName, size: IconSize.SMALL }))),
+                React.createElement(Text, { level: TitleLevels.ONE, typo: TypographyBold.TEXT_WEIGHT_SEMIBOLD }, currentStep.name)),
+            React.createElement(Text, { style: styles.counter, level: TextLevels.THREE, typo: [
+                    TypographyBold.TEXT_WEIGHT_SEMIBOLD,
+                    TypographyColor.TEXT_MAIN,
+                ] },
                 currentStep.step,
                 "/",
                 nbChild))));

package/lib/components/stepper/Stepper.native.js.map

@@ -1 +1 @@
-{"version":3,"file":"Stepper.native.js","sourceRoot":"","sources":["../../../components/stepper/Stepper.native.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"Stepper.native.js","sourceRoot":"","sources":["../../../components/stepper/Stepper.native.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,MAAM,cAAc,CAAA;AAC/C,OAAO,EAAE,cAAc,EAAE,eAAe,EAAE,MAAM,WAAW,CAAA;AAC3D,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAA;AACpD,OAAO,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAA;AAEhD,OAAO,EAAE,IAAI,EAAY,QAAQ,EAAE,MAAM,mBAAmB,CAAA;AAC5D,OAAO,EAAE,aAAa,EAAE,MAAM,kCAAkC,CAAA;AAQhE;;;;GAIG;AACH,MAAM,OAAO,GAAG,CAAC,EACf,QAAQ,EACR,QAAQ,EACR,GAAG,MAAM,EACI,EAAe,EAAE;IAC9B,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAe;QACjE,IAAI,EAAE,CAAC;QACP,IAAI,EAAE,EAAE;QACR,QAAQ,EAAE,EAAE;KACb,CAAC,CAAA;IAEF,MAAM,MAAM,GAAG,UAAU,CAAC,MAAM,CAAC;QAC/B,QAAQ,EAAE;YACR,aAAa,EAAE,KAAK;YACpB,SAAS,EAAE,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,YAAY;SAC9C;QACD,IAAI,EAAE;YACJ,aAAa,EAAE,KAAK;YACpB,cAAc,EAAE,eAAe;YAC/B,UAAU,EAAE,QAAQ;YACpB,SAAS,EAAE,EAAE;SACd;QACD,OAAO,EAAE;YACP,aAAa,EAAE,KAAK;SACrB;QACD,IAAI,EAAE;YACJ,WAAW,EAAE,CAAC;YACd,SAAS,EAAE,CAAC;SACb;QACD,OAAO,EAAE;YACP,WAAW,EAAE,EAAE;SAChB;KACF,CAAC,CAAA;IAEF,MAAM,OAAO,GAAG,KAAK,CAAC,OAAO,CAAS,GAAG,EAAE;QACzC,IAAI,QAAQ,IAAI,KAAK,CAAC,OAAO,CAAC,QAAQ,CAAC;YAAE,OAAO,QAAQ,CAAC,MAAM,CAAA;QAC/D,IAAI,QAAQ,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,QAAQ,CAAC;YAAE,OAAO,CAAC,CAAA;QAClD,OAAO,CAAC,CAAA;IACV,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAA;IAEd,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,IAAI,QAAQ,EAAE;YACZ,IAAI,KAAK,CAAC,OAAO,CAAC,QAAQ,CAAC,EAAE;gBAC3B,IAAI,eAAe,GAAG,KAAK,CAAA;gBAE3B,QAAQ,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,EAAE;oBACrB,IAAI,KAAK,CAAC,KAAK,CAAC,OAAO,EAAE;wBACvB,eAAe,GAAG,IAAI,CAAA;wBACtB,cAAc,CAAC;4BACb,IAAI,EAAE,KAAK,CAAC,KAAK,CAAC,IAAI;4BACtB,IAAI,EAAE,KAAK,CAAC,KAAK,CAAC,KAAK;4BACvB,QAAQ,EAAE,KAAK,CAAC,KAAK,CAAC,QAAQ;yBAC/B,CAAC,CAAA;qBACH;gBACH,CAAC,CAAC,CAAA;gBAEF,IAAI,CAAC,eAAe,EAAE;oBACpB,cAAc,CAAC;wBACb,IAAI,EAAE,CAAC;wBACP,IAAI,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,KAAK;qBAC9B,CAAC,CAAA;iBACH;aACF;iBAAM;gBACL,MAAM,KAAK,GAAG,QAA8B,CAAA;gBAC5C,cAAc,CAAC;oBACb,IAAI,EAAE,CAAC;oBACP,IAAI,EAAE,KAAK,CAAC,KAAK,CAAC,KAAK;iBACxB,CAAC,CAAA;aACH;SACF;IACH,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAA;IAEd,OAAO,CACL,oBAAC,IAAI;QACH,oBAAC,IAAI,IAAC,KAAK,EAAE,MAAM,CAAC,QAAQ,KAAM,MAAM,IACrC,QAAQ,CACJ;QACP,oBAAC,IAAI,IAAC,KAAK,EAAE,MAAM,CAAC,IAAI;YACtB,oBAAC,IAAI,IAAC,KAAK,EAAE,MAAM,CAAC,OAAO;gBACxB,WAAW,CAAC,QAAQ,IAAI,CACvB,oBAAC,IAAI,IAAC,KAAK,EAAE,MAAM,CAAC,IAAI;oBACtB,oBAAC,IAAI,IACH,IAAI,EAAE,WAAW,CAAC,QAAoB,EACtC,IAAI,EAAE,QAAQ,CAAC,KAAK,GACpB,CACG,CACR;gBACD,oBAAC,IAAI,IACH,KAAK,EAAE,WAAW,CAAC,GAAG,EACtB,IAAI,EAAE,cAAc,CAAC,oBAAoB,IAExC,WAAW,CAAC,IAAI,CACZ,CACF;YACP,oBAAC,IAAI,IACH,KAAK,EAAE,MAAM,CAAC,OAAO,EACrB,KAAK,EAAE,UAAU,CAAC,KAAK,EACvB,IAAI,EAAE;oBACJ,cAAc,CAAC,oBAAoB;oBACnC,eAAe,CAAC,SAAS;iBAC1B;gBAEA,WAAW,CAAC,IAAI;;gBAAG,OAAO,CACtB,CACF,CACF,CACR,CAAA;AACH,CAAC,CAAA;AAED,OAAO,CAAC,WAAW,GAAG,aAAa,CAAC,OAAO,CAAA;AAE3C,eAAe,OAAO,CAAA"}

package/lib/components/stepper/step/StepperStep.js

@@ -4,8 +4,8 @@ import { StepperStepMarkup } from "./StepperStepEnum";
 import { is } from "../../../services/classify";
 import { hashClass } from "../../../helpers";
 import { useTrilogyContext } from "../../../context";
-import Icon from "../../icon/Icon";
-import { IconSize } from "../../icon";
+import Icon from "../../../components/icon/Icon";
+import { IconSize } from "../../../components/icon";
 /**
  * Stepper Step Component
  * @param children {ReactNode} Stepper Step Children

package/lib/components/stepper/step/StepperStep.js.map

@@ -1 +1 @@
-{"version":3,"file":"StepperStep.js","sourceRoot":"","sources":["../../../../components/stepper/step/StepperStep.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,IAAI,MAAM,MAAM,CAAA;AAEvB,OAAO,EAAE,iBAAiB,EAA2B,MAAM,mBAAmB,CAAA;AAC9E,OAAO,EAAE,EAAE,EAAE,MAAM,4BAA4B,CAAA;AAC/C,OAAO,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAA;AAC5C,OAAO,EAAE,iBAAiB,EAAE,MAAM,kBAAkB,CAAA;AACpD,OAAO,IAAI,MAAM,iBAAiB,CAAA;AAClC,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAA;AAErC;;;;;;;;;;GAUG;AACH,MAAM,WAAW,GAAG,CAAC,EACnB,QAAQ,EACR,SAAS,EACT,MAAM,EACN,MAAM,EACN,OAAO,EACP,IAAI,EACJ,KAAK,EACL,QAAQ,EACR,KAAK,EACL,GAAG,MAAM,EACQ,EAAe,EAAE;IAClC,MAAM,EAAE,MAAM,EAAE,GAAG,iBAAiB,EAAE,CAAA;IACtC,MAAM,gBAAgB,GAAG,SAAS,CAAC,MAAM,EAAE,IAAI,CAAC,YAAY,CAAC,CAAC,CAAA;IAE9D,MAAM,OAAO,GAAG,SAAS,CACvB,MAAM,EACN,IAAI,CAAC,cAAc,EAAE,MAAM,IAAI,EAAE,CAAC,QAAQ,CAAC,EAAE,OAAO,IAAI,EAAE,CAAC,SAAS,CAAC,EAAE,IAAI,IAAI,EAAE,CAAC,MAAM,CAAC,EAAE,KAAK,IAAI,EAAE,CAAC,OAAO,CAAC,EAAE,SAAS,CAAC,CAC5H,CAAA;IAED;;OAEG;IAEH,MAAM,eAAe,GAAG,CAAC,YAAyD,EAAE,EAAE;QACpF,IACE,YAAY,IAAI,iBAAiB;YACjC,MAAM,CAAC,MAAM,CAAC,iBAAiB,CAAC,CAAC,QAAQ,CAAC,YAAiC,CAAC;YAE5E,OAAO,IAAI,CAAA;IACf,CAAC,CAAA;IAED,MAAM,GAAG,GAAG,MAAM,IAAI,eAAe,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,iBAAiB,CAAC,GAAG,CAAA;IAE9E,OAAO,CACL,oBAAC,GAAG,IAAC,SAAS,EAAE,OAAO,gBAAc,KAAK,KAAM,MAAM;QACpD,6BAAK,SAAS,EAAE,gBAAgB;YAC7B,KAAK,IAAI,QAAQ;YAEhB,CAAC,IAAI,IAAI,QAAQ,IAAI,oBAAC,IAAI,IAAC,IAAI,EAAE,QAAQ,IAAI,QAAQ,EAAE,SAAS,EAAE,WAAW,EAAE,IAAI,EAAE,QAAQ,CAAC,MAAM,GAAI,CAEtG,CACF,CACP,CAAA;AACH,CAAC,CAAA;AAED,eAAe,WAAW,CAAA"}
+{"version":3,"file":"StepperStep.js","sourceRoot":"","sources":["../../../../components/stepper/step/StepperStep.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,IAAI,MAAM,MAAM,CAAA;AAEvB,OAAO,EAAE,iBAAiB,EAA2B,MAAM,mBAAmB,CAAA;AAC9E,OAAO,EAAE,EAAE,EAAE,MAAM,qBAAqB,CAAA;AACxC,OAAO,EAAE,SAAS,EAAE,MAAM,WAAW,CAAA;AACrC,OAAO,EAAE,iBAAiB,EAAE,MAAM,WAAW,CAAA;AAC7C,OAAO,IAAI,MAAM,wBAAwB,CAAA;AACzC,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAA;AAE5C;;;;;;;;;;GAUG;AACH,MAAM,WAAW,GAAG,CAAC,EACnB,QAAQ,EACR,SAAS,EACT,MAAM,EACN,MAAM,EACN,OAAO,EACP,IAAI,EACJ,KAAK,EACL,QAAQ,EACR,KAAK,EACL,GAAG,MAAM,EACQ,EAAe,EAAE;IAClC,MAAM,EAAE,MAAM,EAAE,GAAG,iBAAiB,EAAE,CAAA;IACtC,MAAM,gBAAgB,GAAG,SAAS,CAAC,MAAM,EAAE,IAAI,CAAC,YAAY,CAAC,CAAC,CAAA;IAE9D,MAAM,OAAO,GAAG,SAAS,CACvB,MAAM,EACN,IAAI,CAAC,cAAc,EAAE,MAAM,IAAI,EAAE,CAAC,QAAQ,CAAC,EAAE,OAAO,IAAI,EAAE,CAAC,SAAS,CAAC,EAAE,IAAI,IAAI,EAAE,CAAC,MAAM,CAAC,EAAE,KAAK,IAAI,EAAE,CAAC,OAAO,CAAC,EAAE,SAAS,CAAC,CAC5H,CAAA;IAED;;OAEG;IAEH,MAAM,eAAe,GAAG,CAAC,YAAyD,EAAE,EAAE;QACpF,IACE,YAAY,IAAI,iBAAiB;YACjC,MAAM,CAAC,MAAM,CAAC,iBAAiB,CAAC,CAAC,QAAQ,CAAC,YAAiC,CAAC;YAE5E,OAAO,IAAI,CAAA;IACf,CAAC,CAAA;IAED,MAAM,GAAG,GAAG,MAAM,IAAI,eAAe,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,iBAAiB,CAAC,GAAG,CAAA;IAE9E,OAAO,CACL,oBAAC,GAAG,IAAC,SAAS,EAAE,OAAO,gBAAc,KAAK,KAAM,MAAM;QACpD,6BAAK,SAAS,EAAE,gBAAgB;YAC7B,KAAK,IAAI,QAAQ;YAEhB,CAAC,IAAI,IAAI,QAAQ,IAAI,oBAAC,IAAI,IAAC,IAAI,EAAE,QAAQ,IAAI,QAAQ,EAAE,SAAS,EAAE,WAAW,EAAE,IAAI,EAAE,QAAQ,CAAC,MAAM,GAAI,CAEtG,CACF,CACP,CAAA;AACH,CAAC,CAAA;AAED,eAAe,WAAW,CAAA"}

package/lib/components/stepper/step/StepperStep.native.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
-import { StepperStepProps } from './StepperStepProps';
-import { ComponentName } from '../../enumsComponentsName';
+import { StepperStepProps } from "./StepperStepProps";
+import { ComponentName } from "../../../components/enumsComponentsName";
 /**
  * Stepper Step Component
  * @param children {ReactNode} Stepper Step Children

package/lib/components/stepper/step/StepperStep.native.js

@@ -1,8 +1,7 @@
-import React from 'react';
-import { StyleSheet } from 'react-native';
-import { View } from '../../view';
-import { getColorStyle, TrilogyColor } from '../../../objects';
-import { ComponentName } from '../../enumsComponentsName';
+import * as React from "react";
+import { Animated, Easing, StyleSheet } from "react-native";
+import { getColorStyle, TrilogyColor } from "../../../objects";
+import { ComponentName } from "../../../components/enumsComponentsName";
 /**
  * Stepper Step Component
  * @param children {ReactNode} Stepper Step Children
@@ -14,6 +13,36 @@ import { ComponentName } from '../../enumsComponentsName';
  */
 // eslint-disable-next-line @typescript-eslint/no-unused-vars
 const StepperStep = ({ active, current, done, error, ...others }) => {
+    const defaultColor = getColorStyle(TrilogyColor.FONT, 1);
+    const activeColor = getColorStyle(TrilogyColor.MAIN);
+    const errorColor = getColorStyle(TrilogyColor.ERROR);
+    const backgroundColorAnim = React.useRef(new Animated.Value(0)).current;
+    const backgroundColor = backgroundColorAnim.interpolate({
+        inputRange: [0, 1, 2],
+        outputRange: [
+            defaultColor,
+            activeColor,
+            errorColor,
+        ],
+    });
+    React.useEffect(() => {
+        let targetValue;
+        if (error) {
+            targetValue = 2;
+        }
+        else if (active || current || done) {
+            targetValue = 1;
+        }
+        else {
+            targetValue = 0;
+        }
+        Animated.timing(backgroundColorAnim, {
+            toValue: targetValue,
+            duration: 650,
+            useNativeDriver: true,
+            easing: Easing.linear,
+        }).start();
+    }, [active, current, done, error]);
     const styles = StyleSheet.create({
         step: {
             flex: 1,
@@ -22,15 +51,11 @@ const StepperStep = ({ active, current, done, error, ...others }) => {
             height: 4,
             marginRight: 8,
             borderRadius: 4,
-            backgroundColor: (error && getColorStyle(TrilogyColor.ERROR)) ||
-                (active && getColorStyle(TrilogyColor.SECONDARY)) ||
-                (current && getColorStyle(TrilogyColor.SECONDARY)) ||
-                (done && getColorStyle(TrilogyColor.TERTIARY)) ||
-                '#eee',
+            backgroundColor: backgroundColor,
             zIndex: 1,
         },
     });
-    return React.createElement(View, { style: styles.step, ...others });
+    return React.createElement(Animated.View, { style: styles.step, ...others });
 };
 StepperStep.displayName = ComponentName.StepperStep;
 export default StepperStep;

package/lib/components/stepper/step/StepperStep.native.js.map

@@ -1 +1 @@
-{"version":3,"file":"StepperStep.native.js","sourceRoot":"","sources":["../../../../components/stepper/step/StepperStep.native.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAA;AAEzC,OAAO,EAAE,IAAI,EAAE,MAAM,YAAY,CAAA;AACjC,OAAO,EAAE,aAAa,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAA;AAC9D,OAAO,EAAE,aAAa,EAAE,MAAM,2BAA2B,CAAA;AAEzD;;;;;;;;GAQG;AACH,6DAA6D;AAC7D,MAAM,WAAW,GAAG,CAAC,EAAE,MAAM,EAAE,OAAO,EAAE,IAAI,EAAE,KAAK,EAAE,GAAG,MAAM,EAAoB,EAAe,EAAE;IACjG,MAAM,MAAM,GAAG,UAAU,CAAC,MAAM,CAAC;QAC/B,IAAI,EAAE;YACJ,IAAI,EAAE,CAAC;YACP,KAAK,EAAE,EAAE;YACT,QAAQ,EAAE,EAAE;YACZ,MAAM,EAAE,CAAC;YACT,WAAW,EAAE,CAAC;YACd,YAAY,EAAE,CAAC;YACf,eAAe,EACb,CAAC,KAAK,IAAI,aAAa,CAAC,YAAY,CAAC,KAAK,CAAC,CAAC;gBAC5C,CAAC,MAAM,IAAI,aAAa,CAAC,YAAY,CAAC,SAAS,CAAC,CAAC;gBACjD,CAAC,OAAO,IAAI,aAAa,CAAC,YAAY,CAAC,SAAS,CAAC,CAAC;gBAClD,CAAC,IAAI,IAAI,aAAa,CAAC,YAAY,CAAC,QAAQ,CAAC,CAAC;gBAC9C,MAAM;YACR,MAAM,EAAE,CAAC;SACV;KACF,CAAC,CAAA;IAEF,OAAO,oBAAC,IAAI,IAAC,KAAK,EAAE,MAAM,CAAC,IAAI,KAAM,MAAM,GAAS,CAAA;AACtD,CAAC,CAAA;AAED,WAAW,CAAC,WAAW,GAAG,aAAa,CAAC,WAAW,CAAA;AAEnD,eAAe,WAAW,CAAA"}
+{"version":3,"file":"StepperStep.native.js","sourceRoot":"","sources":["../../../../components/stepper/step/StepperStep.native.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAC,QAAQ,EAAE,MAAM,EAAE,UAAU,EAAC,MAAM,cAAc,CAAA;AAEzD,OAAO,EAAC,aAAa,EAAE,YAAY,EAAC,MAAM,WAAW,CAAA;AACrD,OAAO,EAAC,aAAa,EAAC,MAAM,kCAAkC,CAAA;AAE9D;;;;;;;;GAQG;AACH,6DAA6D;AAC7D,MAAM,WAAW,GAAG,CAAC,EACE,MAAM,EACN,OAAO,EACP,IAAI,EACJ,KAAK,EACL,GAAG,MAAM,EACQ,EAAe,EAAE;IAEvD,MAAM,YAAY,GAAG,aAAa,CAAC,YAAY,CAAC,IAAI,EAAE,CAAC,CAAC,CAAA;IACxD,MAAM,WAAW,GAAG,aAAa,CAAC,YAAY,CAAC,IAAI,CAAC,CAAA;IACpD,MAAM,UAAU,GAAG,aAAa,CAAC,YAAY,CAAC,KAAK,CAAC,CAAA;IACpD,MAAM,mBAAmB,GAAQ,KAAK,CAAC,MAAM,CAAC,IAAI,QAAQ,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,OAAO,CAAA;IAE5E,MAAM,eAAe,GAAG,mBAAmB,CAAC,WAAW,CAAC;QACtD,UAAU,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC;QACrB,WAAW,EAAE;YACX,YAAY;YACZ,WAAW;YACX,UAAU;SACX;KACF,CAAC,CAAA;IAEF,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,IAAI,WAAW,CAAA;QACf,IAAI,KAAK,EAAE;YACT,WAAW,GAAG,CAAC,CAAA;SAChB;aAAM,IAAI,MAAM,IAAI,OAAO,IAAI,IAAI,EAAE;YACpC,WAAW,GAAG,CAAC,CAAA;SAChB;aAAM;YACL,WAAW,GAAG,CAAC,CAAA;SAChB;QAED,QAAQ,CAAC,MAAM,CAAC,mBAAmB,EAAE;YACnC,OAAO,EAAE,WAAW;YACpB,QAAQ,EAAE,GAAG;YACb,eAAe,EAAE,IAAI;YACrB,MAAM,EAAE,MAAM,CAAC,MAAM;SACtB,CAAC,CAAC,KAAK,EAAE,CAAA;IACZ,CAAC,EAAE,CAAC,MAAM,EAAE,OAAO,EAAE,IAAI,EAAE,KAAK,CAAC,CAAC,CAAA;IAElC,MAAM,MAAM,GAAG,UAAU,CAAC,MAAM,CAAC;QAC/B,IAAI,EAAE;YACJ,IAAI,EAAE,CAAC;YACP,KAAK,EAAE,EAAE;YACT,QAAQ,EAAE,EAAE;YACZ,MAAM,EAAE,CAAC;YACT,WAAW,EAAE,CAAC;YACd,YAAY,EAAE,CAAC;YACf,eAAe,EAAE,eAAe;YAChC,MAAM,EAAE,CAAC;SACV;KACF,CAAC,CAAA;IAEF,OAAO,oBAAC,QAAQ,CAAC,IAAI,IAAC,KAAK,EAAE,MAAM,CAAC,IAAI,KAAM,MAAM,GAAkB,CAAA;AACxE,CAAC,CAAA;AAED,WAAW,CAAC,WAAW,GAAG,aAAa,CAAC,WAAW,CAAA;AAEnD,eAAe,WAAW,CAAA"}

package/lib/components/stepper/step/StepperStepProps.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import { StepperStepMarkup, StepperStepMarkupValues } from './StepperStepEnum';
-import { IconName, IconNameValues } from "../../icon";
+import { IconName, IconNameValues } from "../../../components/icon";
 /**
  * Stepper Step Interface
  */

package/lib/components/stepper/test/stepper.test.d.ts

@@ -0,0 +1 @@
+export {};