@trilogy-ds/react 0.0.1-beta-sc-2 → 0.0.1-beta-151

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

@@ -1,12 +1,12 @@
-import React from 'react';
-import { StyleSheet, View } from 'react-native';
-import { ComponentName } from '../../components/enumsComponentsName';
+import * as React from "react";
+import { StyleSheet, View } from "react-native";
+import { ComponentName } from "../../components/enumsComponentsName";
 /**
  * Spacer Component
  * @param size {SpacerSize} Size of the spacer
  * @param horizontal {Boolean} If horizontal margin
  */
-var Spacer = React.forwardRef(function (_a, ref) {
+var Spacer = function (_a) {
     var size = _a.size, horizontal = _a.horizontal;
     var styles = StyleSheet.create({
         spacer: {
@@ -14,8 +14,8 @@ var Spacer = React.forwardRef(function (_a, ref) {
             marginTop: (!horizontal && parseInt(size.toString())) || 0,
         },
     });
-    return React.createElement(View, { style: styles.spacer, ref: ref });
-});
+    return React.createElement(View, { style: styles.spacer });
+};
 Spacer.displayName = ComponentName.Spacer;
 export default Spacer;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiU3BhY2VyLm5hdGl2ZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL2NvbXBvbmVudHMvc3BhY2VyL1NwYWNlci5uYXRpdmUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sS0FBSyxNQUFNLE9BQU8sQ0FBQTtBQUN6QixPQUFPLEVBQUUsVUFBVSxFQUFFLElBQUksRUFBRSxNQUFNLGNBQWMsQ0FBQTtBQUUvQyxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sa0NBQWtDLENBQUE7QUFHaEU7Ozs7R0FJRztBQUNILElBQU0sTUFBTSxHQUFHLEtBQUssQ0FBQyxVQUFVLENBQUMsVUFBQyxFQUFpQyxFQUFFLEdBQW9CO1FBQXJELElBQUksVUFBQSxFQUFFLFVBQVUsZ0JBQUE7SUFDakQsSUFBTSxNQUFNLEdBQUcsVUFBVSxDQUFDLE1BQU0sQ0FBQztRQUMvQixNQUFNLEVBQUU7WUFDTixVQUFVLEVBQUUsQ0FBQyxVQUFVLElBQUksUUFBUSxDQUFDLElBQUksQ0FBQyxRQUFRLEVBQUUsQ0FBQyxDQUFDLElBQUksQ0FBQztZQUMxRCxTQUFTLEVBQUUsQ0FBQyxDQUFDLFVBQVUsSUFBSSxRQUFRLENBQUMsSUFBSSxDQUFDLFFBQVEsRUFBRSxDQUFDLENBQUMsSUFBSSxDQUFDO1NBQzNEO0tBQ0YsQ0FBQyxDQUFBO0lBQ0YsT0FBTyxvQkFBQyxJQUFJLElBQUMsS0FBSyxFQUFFLE1BQU0sQ0FBQyxNQUFNLEVBQUUsR0FBRyxFQUFFLEdBQUcsR0FBSSxDQUFBO0FBQ2pELENBQUMsQ0FBQyxDQUFBO0FBRUYsTUFBTSxDQUFDLFdBQVcsR0FBRyxhQUFhLENBQUMsTUFBTSxDQUFBO0FBQ3pDLGVBQWUsTUFBTSxDQUFBIn0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiU3BhY2VyLm5hdGl2ZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL2NvbXBvbmVudHMvc3BhY2VyL1NwYWNlci5uYXRpdmUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sS0FBSyxLQUFLLE1BQU0sT0FBTyxDQUFBO0FBQzlCLE9BQU8sRUFBRSxVQUFVLEVBQUUsSUFBSSxFQUFFLE1BQU0sY0FBYyxDQUFBO0FBRS9DLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxrQ0FBa0MsQ0FBQTtBQUVoRTs7OztHQUlHO0FBQ0gsSUFBTSxNQUFNLEdBQUcsVUFBQyxFQUFpQztRQUEvQixJQUFJLFVBQUEsRUFBRSxVQUFVLGdCQUFBO0lBQ2hDLElBQU0sTUFBTSxHQUFHLFVBQVUsQ0FBQyxNQUFNLENBQUM7UUFDL0IsTUFBTSxFQUFFO1lBQ04sVUFBVSxFQUFFLENBQUMsVUFBVSxJQUFJLFFBQVEsQ0FBQyxJQUFJLENBQUMsUUFBUSxFQUFFLENBQUMsQ0FBQyxJQUFJLENBQUM7WUFDMUQsU0FBUyxFQUFFLENBQUMsQ0FBQyxVQUFVLElBQUksUUFBUSxDQUFDLElBQUksQ0FBQyxRQUFRLEVBQUUsQ0FBQyxDQUFDLElBQUksQ0FBQztTQUMzRDtLQUNGLENBQUMsQ0FBQTtJQUNGLE9BQU8sb0JBQUMsSUFBSSxJQUFDLEtBQUssRUFBRSxNQUFNLENBQUMsTUFBTSxHQUFJLENBQUE7QUFDdkMsQ0FBQyxDQUFBO0FBRUQsTUFBTSxDQUFDLFdBQVcsR0FBRyxhQUFhLENBQUMsTUFBTSxDQUFBO0FBRXpDLGVBQWUsTUFBTSxDQUFBIn0=

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

@@ -1,5 +1,6 @@
-import type { SpacerSize, SpacerSizeValues } from '../../components/spacer/SpacerEnum';
-export interface SpacerProps {
+import type { SpacerSize, SpacerSizeValues } from './SpacerEnum';
+import { CommonProps } from '../../objects/facets/CommonProps';
+export interface SpacerProps extends CommonProps {
     size: SpacerSize | typeof SpacerSizeValues;
     horizontal?: boolean;
 }

package/lib/components/spacer/SpacerPropsDefaults.js

@@ -23,5 +23,19 @@ export default {
       "false",
       "true"
     ]
+  },
+  "id": {
+    "type": "string",
+    "values": [
+      "undefined",
+      "string"
+    ]
+  },
+  "className": {
+    "type": "string",
+    "values": [
+      "undefined",
+      "string"
+    ]
   }
 };

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

@@ -1,2 +1,3 @@
-export { default as Spacer } from '../../components/spacer/Spacer';
-export * from '../../components/spacer/SpacerEnum';
+import Spacer from './Spacer';
+export * from './SpacerEnum';
+export { Spacer };

package/lib/components/spacer/index.js

@@ -1,3 +1,4 @@
-export { default as Spacer } from '../../components/spacer/Spacer';
-export * from '../../components/spacer/SpacerEnum';
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9jb21wb25lbnRzL3NwYWNlci9pbmRleC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsT0FBTyxJQUFJLE1BQU0sRUFBRSxNQUFNLDRCQUE0QixDQUFBO0FBQzlELGNBQWMsZ0NBQWdDLENBQUEifQ==
+import Spacer from './Spacer';
+export * from './SpacerEnum';
+export { Spacer };
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9jb21wb25lbnRzL3NwYWNlci9pbmRleC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLE1BQU0sTUFBTSxVQUFVLENBQUE7QUFFN0IsY0FBYyxjQUFjLENBQUE7QUFFNUIsT0FBTyxFQUFFLE1BQU0sRUFBRSxDQUFBIn0=

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

@@ -1,5 +1,5 @@
-import React from 'react';
-import { StepperProps } from '../../components/stepper/StepperProps';
+import * as React from 'react';
+import { StepperProps } from './StepperProps';
 /**
  * Stepper Component
  * @param centered Center the stepper
@@ -7,5 +7,5 @@ import { StepperProps } from '../../components/stepper/StepperProps';
  * - -------------------------- WEB PROPERTIES -------------------------------
  * @param className Additionnal CSS Classes
  */
-declare const Stepper: React.ForwardRefExoticComponent<StepperProps & React.RefAttributes<HTMLDivElement>>;
+declare const Stepper: ({ className, id, children, ...others }: StepperProps) => React.JSX.Element;
 export default Stepper;

package/lib/components/stepper/Stepper.js

@@ -1,10 +1,9 @@
-import { __assign, __rest } from "tslib";
+import { __assign, __read, __rest } from "tslib";
+import * as React from 'react';
 import clsx from 'clsx';
-import React from 'react';
-import { ComponentName } from '../../components/enumsComponentsName';
-import { useStepper } from '../../components/stepper/hook/useStepper';
-import { hashClass } from '../../helpers/hashClassesHelpers';
-import { has } from '../../services/classify';
+import { hashClass } from '../../helpers';
+import { useTrilogyContext } from '../../context';
+import { Text } from '../../components/text';
 /**
  * Stepper Component
  * @param centered Center the stepper
@@ -12,27 +11,44 @@ import { has } from '../../services/classify';
  * - -------------------------- WEB PROPERTIES -------------------------------
  * @param className Additionnal CSS Classes
  */
-var Stepper = React.forwardRef(function (_a, ref) {
-    var className = _a.className, centered = _a.centered, children = _a.children, others = __rest(_a, ["className", "centered", "children"]);
-    var _b = useStepper({ children: children }), currentStep = _b.currentStep, nbChild = _b.nbChild;
-    var classes = hashClass(clsx('stepper-wrapper', className));
-    var centerClasses = hashClass(clsx('section', has('text-centered'), className));
-    if (centered) {
-        return (React.createElement("section", { ref: ref, className: centerClasses },
-            React.createElement("div", __assign({ className: classes }, others),
-                children,
-                React.createElement("div", { className: 'step-count' },
-                    currentStep,
-                    "/",
-                    nbChild))));
-    }
-    return (React.createElement("div", __assign({ ref: ref, className: classes }, others),
+var Stepper = function (_a) {
+    var className = _a.className, id = _a.id, children = _a.children, others = __rest(_a, ["className", "id", "children"]);
+    var styled = useTrilogyContext().styled;
+    var classes = hashClass(styled, clsx('stepper-wrapper', className));
+    var _b = __read(React.useState(1), 2), currentStep = _b[0], setCurrentStep = _b[1];
+    var nbChild = React.useMemo(function () {
+        if (children && Array.isArray(children))
+            return children.length;
+        if (children && !Array.isArray(children))
+            return 1;
+        return 0;
+    }, [children]);
+    React.useEffect(function () {
+        if (children) {
+            if (Array.isArray(children)) {
+                var haveCurrentStep_1 = false;
+                children.map(function (child, index) {
+                    var _a;
+                    if ((_a = child === null || child === void 0 ? void 0 : child.props) === null || _a === void 0 ? void 0 : _a.current) {
+                        haveCurrentStep_1 = true;
+                        setCurrentStep(index + 1);
+                    }
+                });
+                if (!haveCurrentStep_1)
+                    setCurrentStep(1);
+            }
+            else {
+                setCurrentStep(1);
+            }
+        }
+    }, [children]);
+    return (React.createElement("div", __assign({ id: id, className: classes }, others),
         children,
-        React.createElement("div", { className: 'step-count' },
-            currentStep,
-            "/",
-            nbChild)));
-});
-Stepper.displayName = ComponentName.Stepper;
+        React.createElement("div", { className: "step-count" },
+            React.createElement(Text, null,
+                currentStep,
+                "/",
+                nbChild))));
+};
 export default Stepper;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiU3RlcHBlci5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL2NvbXBvbmVudHMvc3RlcHBlci9TdGVwcGVyLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxJQUFJLE1BQU0sTUFBTSxDQUFBO0FBQ3ZCLE9BQU8sS0FBSyxNQUFNLE9BQU8sQ0FBQTtBQUV6QixPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sa0NBQWtDLENBQUE7QUFDaEUsT0FBTyxFQUFFLFVBQVUsRUFBRSxNQUFNLHNDQUFzQyxDQUFBO0FBRWpFLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSw4QkFBOEIsQ0FBQTtBQUN4RCxPQUFPLEVBQUUsR0FBRyxFQUFFLE1BQU0scUJBQXFCLENBQUE7QUFFekM7Ozs7OztHQU1HO0FBQ0gsSUFBTSxPQUFPLEdBQUcsS0FBSyxDQUFDLFVBQVUsQ0FDOUIsVUFBQyxFQUEwRCxFQUFFLEdBQThCO0lBQXhGLElBQUEsU0FBUyxlQUFBLEVBQUUsUUFBUSxjQUFBLEVBQUUsUUFBUSxjQUFBLEVBQUssTUFBTSxjQUExQyxxQ0FBNEMsQ0FBRjtJQUNuQyxJQUFBLEtBQTJCLFVBQVUsQ0FBQyxFQUFFLFFBQVEsVUFBQSxFQUFFLENBQUMsRUFBakQsV0FBVyxpQkFBQSxFQUFFLE9BQU8sYUFBNkIsQ0FBQTtJQUV6RCxJQUFNLE9BQU8sR0FBRyxTQUFTLENBQUMsSUFBSSxDQUFDLGlCQUFpQixFQUFFLFNBQVMsQ0FBQyxDQUFDLENBQUE7SUFDN0QsSUFBTSxhQUFhLEdBQUcsU0FBUyxDQUFDLElBQUksQ0FBQyxTQUFTLEVBQUUsR0FBRyxDQUFDLGVBQWUsQ0FBQyxFQUFFLFNBQVMsQ0FBQyxDQUFDLENBQUE7SUFFakYsSUFBSSxRQUFRLEVBQUU7UUFDWixPQUFPLENBQ0wsaUNBQVMsR0FBRyxFQUFFLEdBQUcsRUFBRSxTQUFTLEVBQUUsYUFBYTtZQUN6QyxzQ0FBSyxTQUFTLEVBQUUsT0FBTyxJQUFNLE1BQU07Z0JBQ2hDLFFBQVE7Z0JBQ1QsNkJBQUssU0FBUyxFQUFDLFlBQVk7b0JBQ3hCLFdBQVc7O29CQUFHLE9BQU8sQ0FDbEIsQ0FDRixDQUNFLENBQ1gsQ0FBQTtLQUNGO0lBRUQsT0FBTyxDQUNMLHNDQUFLLEdBQUcsRUFBRSxHQUFHLEVBQUUsU0FBUyxFQUFFLE9BQU8sSUFBTSxNQUFNO1FBQzFDLFFBQVE7UUFDVCw2QkFBSyxTQUFTLEVBQUMsWUFBWTtZQUN4QixXQUFXOztZQUFHLE9BQU8sQ0FDbEIsQ0FDRixDQUNQLENBQUE7QUFDSCxDQUFDLENBQ0YsQ0FBQTtBQUVELE9BQU8sQ0FBQyxXQUFXLEdBQUcsYUFBYSxDQUFDLE9BQU8sQ0FBQTtBQUMzQyxlQUFlLE9BQU8sQ0FBQSJ9
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiU3RlcHBlci5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL2NvbXBvbmVudHMvc3RlcHBlci9TdGVwcGVyLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxLQUFLLEtBQUssTUFBTSxPQUFPLENBQUE7QUFDOUIsT0FBTyxJQUFJLE1BQU0sTUFBTSxDQUFBO0FBRXZCLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSxXQUFXLENBQUE7QUFDckMsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sV0FBVyxDQUFBO0FBQzdDLE9BQU8sRUFBRSxJQUFJLEVBQUUsTUFBTSxtQkFBbUIsQ0FBQTtBQUV4Qzs7Ozs7O0dBTUc7QUFDSCxJQUFNLE9BQU8sR0FBRyxVQUFDLEVBQW9EO0lBQWxELElBQUEsU0FBUyxlQUFBLEVBQUUsRUFBRSxRQUFBLEVBQUUsUUFBUSxjQUFBLEVBQUssTUFBTSxjQUFwQywrQkFBc0MsQ0FBRjtJQUMzQyxJQUFBLE1BQU0sR0FBSyxpQkFBaUIsRUFBRSxPQUF4QixDQUF3QjtJQUN0QyxJQUFNLE9BQU8sR0FBRyxTQUFTLENBQUMsTUFBTSxFQUFFLElBQUksQ0FBQyxpQkFBaUIsRUFBRSxTQUFTLENBQUMsQ0FBQyxDQUFBO0lBQy9ELElBQUEsS0FBQSxPQUFnQyxLQUFLLENBQUMsUUFBUSxDQUFTLENBQUMsQ0FBQyxJQUFBLEVBQXhELFdBQVcsUUFBQSxFQUFFLGNBQWMsUUFBNkIsQ0FBQTtJQUUvRCxJQUFNLE9BQU8sR0FBRyxLQUFLLENBQUMsT0FBTyxDQUFTO1FBQ3BDLElBQUksUUFBUSxJQUFJLEtBQUssQ0FBQyxPQUFPLENBQUMsUUFBUSxDQUFDO1lBQUUsT0FBTyxRQUFRLENBQUMsTUFBTSxDQUFBO1FBQy9ELElBQUksUUFBUSxJQUFJLENBQUMsS0FBSyxDQUFDLE9BQU8sQ0FBQyxRQUFRLENBQUM7WUFBRSxPQUFPLENBQUMsQ0FBQTtRQUNsRCxPQUFPLENBQUMsQ0FBQTtJQUNWLENBQUMsRUFBRSxDQUFDLFFBQVEsQ0FBQyxDQUFDLENBQUE7SUFFZCxLQUFLLENBQUMsU0FBUyxDQUFDO1FBQ2QsSUFBSSxRQUFRLEVBQUU7WUFDWixJQUFJLEtBQUssQ0FBQyxPQUFPLENBQUMsUUFBUSxDQUFDLEVBQUU7Z0JBQzNCLElBQUksaUJBQWUsR0FBRyxLQUFLLENBQUE7Z0JBQzNCLFFBQVEsQ0FBQyxHQUFHLENBQUMsVUFBQyxLQUFLLEVBQUUsS0FBSzs7b0JBQ3hCLElBQUksTUFBQSxLQUFLLGFBQUwsS0FBSyx1QkFBTCxLQUFLLENBQUUsS0FBSywwQ0FBRSxPQUFPLEVBQUU7d0JBQ3pCLGlCQUFlLEdBQUcsSUFBSSxDQUFBO3dCQUN0QixjQUFjLENBQUMsS0FBSyxHQUFHLENBQUMsQ0FBQyxDQUFBO3FCQUMxQjtnQkFDSCxDQUFDLENBQUMsQ0FBQTtnQkFDRixJQUFJLENBQUMsaUJBQWU7b0JBQUUsY0FBYyxDQUFDLENBQUMsQ0FBQyxDQUFBO2FBQ3hDO2lCQUFNO2dCQUNMLGNBQWMsQ0FBQyxDQUFDLENBQUMsQ0FBQTthQUNsQjtTQUNGO0lBQ0gsQ0FBQyxFQUFFLENBQUMsUUFBUSxDQUFDLENBQUMsQ0FBQTtJQUVkLE9BQU8sQ0FDTCxzQ0FBSyxFQUFFLEVBQUUsRUFBRSxFQUFFLFNBQVMsRUFBRSxPQUFPLElBQU0sTUFBTTtRQUN4QyxRQUFRO1FBQ1QsNkJBQUssU0FBUyxFQUFDLFlBQVk7WUFDekIsb0JBQUMsSUFBSTtnQkFDRixXQUFXOztnQkFBRyxPQUFPLENBQ2pCLENBQ0gsQ0FDRixDQUNQLENBQUE7QUFDSCxDQUFDLENBQUE7QUFDRCxlQUFlLE9BQU8sQ0FBQSJ9

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

@@ -1,10 +1,13 @@
-import React from 'react';
-import { View } from 'react-native';
-import { StepperProps } from '../../components/stepper/StepperProps';
+/// <reference types="react" />
+import { StepperProps } from './StepperProps';
+import { ComponentName } from '../../components/enumsComponentsName';
 /**
  * Stepper Component
  * @param centered {boolean} Center the stepper
  * @param children {ReactNode}
  */
-declare const Stepper: React.ForwardRefExoticComponent<StepperProps & React.RefAttributes<View>>;
+declare const Stepper: {
+    ({ children, ...others }: StepperProps): JSX.Element;
+    displayName: ComponentName;
+};
 export default Stepper;

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

@@ -1,17 +1,17 @@
 import { __assign, __read, __rest } from "tslib";
-import React from 'react';
+import * as React from 'react';
 import { StyleSheet, View } from 'react-native';
-import { ComponentName } from '../../components/enumsComponentsName';
-import { Icon, IconSize } from '../../components/icon';
+import { TypographyBold, TypographyColor } from '../../objects';
 import { Text, TextLevels } from '../../components/text';
-import { TypographyBold, TypographyColor } from '../../objects/Typography';
+import { Icon, IconSize } from '../../components/icon';
+import { ComponentName } from '../../components/enumsComponentsName';
 /**
  * Stepper Component
  * @param centered {boolean} Center the stepper
  * @param children {ReactNode}
  */
-var Stepper = React.forwardRef(function (_a, ref) {
-    var children = _a.children, centered = _a.centered, others = __rest(_a, ["children", "centered"]);
+var Stepper = function (_a) {
+    var children = _a.children, others = __rest(_a, ["children"]);
     var _b = __read(React.useState({
         step: 0,
         name: '',
@@ -20,7 +20,7 @@ var Stepper = React.forwardRef(function (_a, ref) {
     var styles = StyleSheet.create({
         steppers: {
             flexDirection: 'row',
-            alignSelf: centered ? 'center' : 'flex-start',
+            alignSelf: 'flex-start',
         },
         step: {
             flexDirection: 'row',
@@ -76,7 +76,7 @@ var Stepper = React.forwardRef(function (_a, ref) {
             }
         }
     }, [children]);
-    return (React.createElement(View, { ref: ref },
+    return (React.createElement(View, null,
         React.createElement(View, __assign({ style: styles.steppers }, others), children),
         React.createElement(View, { style: styles.step },
             React.createElement(View, { style: styles.hasIcon },
@@ -87,7 +87,7 @@ var Stepper = React.forwardRef(function (_a, ref) {
                 currentStep.step,
                 "/",
                 nbChild))));
-});
+};
 Stepper.displayName = ComponentName.Stepper;
 export default Stepper;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiU3RlcHBlci5uYXRpdmUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9jb21wb25lbnRzL3N0ZXBwZXIvU3RlcHBlci5uYXRpdmUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLEtBQUssTUFBTSxPQUFPLENBQUE7QUFDekIsT0FBTyxFQUFFLFVBQVUsRUFBRSxJQUFJLEVBQUUsTUFBTSxjQUFjLENBQUE7QUFFL0MsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLGtDQUFrQyxDQUFBO0FBQ2hFLE9BQU8sRUFBRSxJQUFJLEVBQVksUUFBUSxFQUFFLE1BQU0sbUJBQW1CLENBQUE7QUFFNUQsT0FBTyxFQUFFLElBQUksRUFBRSxVQUFVLEVBQUUsTUFBTSxtQkFBbUIsQ0FBQTtBQUNwRCxPQUFPLEVBQUUsY0FBYyxFQUFFLGVBQWUsRUFBRSxNQUFNLHNCQUFzQixDQUFBO0FBUXRFOzs7O0dBSUc7QUFDSCxJQUFNLE9BQU8sR0FBRyxLQUFLLENBQUMsVUFBVSxDQUM5QixVQUFDLEVBQStDLEVBQUUsR0FBb0I7SUFBbkUsSUFBQSxRQUFRLGNBQUEsRUFBRSxRQUFRLGNBQUEsRUFBSyxNQUFNLGNBQS9CLHdCQUFpQyxDQUFGO0lBQ3hCLElBQUEsS0FBQSxPQUFnQyxLQUFLLENBQUMsUUFBUSxDQUFlO1FBQ2pFLElBQUksRUFBRSxDQUFDO1FBQ1AsSUFBSSxFQUFFLEVBQUU7UUFDUixRQUFRLEVBQUUsRUFBRTtLQUNiLENBQUMsSUFBQSxFQUpLLFdBQVcsUUFBQSxFQUFFLGNBQWMsUUFJaEMsQ0FBQTtJQUVGLElBQU0sTUFBTSxHQUFHLFVBQVUsQ0FBQyxNQUFNLENBQUM7UUFDL0IsUUFBUSxFQUFFO1lBQ1IsYUFBYSxFQUFFLEtBQUs7WUFDcEIsU0FBUyxFQUFFLFFBQVEsQ0FBQyxDQUFDLENBQUMsUUFBUSxDQUFDLENBQUMsQ0FBQyxZQUFZO1NBQzlDO1FBQ0QsSUFBSSxFQUFFO1lBQ0osYUFBYSxFQUFFLEtBQUs7WUFD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
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiU3RlcHBlci5uYXRpdmUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9jb21wb25lbnRzL3N0ZXBwZXIvU3RlcHBlci5uYXRpdmUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLEtBQUssS0FBSyxNQUFNLE9BQU8sQ0FBQTtBQUM5QixPQUFPLEVBQUUsVUFBVSxFQUFFLElBQUksRUFBRSxNQUFNLGNBQWMsQ0FBQTtBQUMvQyxPQUFPLEVBQUUsY0FBYyxFQUFFLGVBQWUsRUFBRSxNQUFNLFdBQVcsQ0FBQTtBQUMzRCxPQUFPLEVBQUUsSUFBSSxFQUFFLFVBQVUsRUFBRSxNQUFNLG1CQUFtQixDQUFBO0FBRXBELE9BQU8sRUFBRSxJQUFJLEVBQVksUUFBUSxFQUFFLE1BQU0sbUJBQW1CLENBQUE7QUFDNUQsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLGtDQUFrQyxDQUFBO0FBUWhFOzs7O0dBSUc7QUFDSCxJQUFNLE9BQU8sR0FBRyxVQUFDLEVBQXFDO0lBQW5DLElBQUEsUUFBUSxjQUFBLEVBQUssTUFBTSxjQUFyQixZQUF1QixDQUFGO0lBQzlCLElBQUEsS0FBQSxPQUFnQyxLQUFLLENBQUMsUUFBUSxDQUFlO1FBQ2pFLElBQUksRUFBRSxDQUFDO1FBQ1AsSUFBSSxFQUFFLEVBQUU7UUFDUixRQUFRLEVBQUUsRUFBRTtLQUNiLENBQUMsSUFBQSxFQUpLLFdBQVcsUUFBQSxFQUFFLGNBQWMsUUFJaEMsQ0FBQTtJQUVGLElBQU0sTUFBTSxHQUFHLFVBQVUsQ0FBQyxNQUFNLENBQUM7UUFDL0IsUUFBUSxFQUFFO1lBQ1IsYUFBYSxFQUFFLEtBQUs7WUFDcEIsU0FBUyxFQUFFLFlBQVk7U0FDeEI7UUFDRCxJQUFJLEVBQUU7WUFDSixhQUFhLEVBQUUsS0FBSztZQUNwQixjQUFjLEVBQUUsZUFBZTtZQUMvQixVQUFVLEVBQUUsUUFBUTtZQUNwQixTQUFTLEVBQUUsRUFBRTtTQUNkO1FBQ0QsT0FBTyxFQUFFO1lBQ1As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

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

@@ -1,9 +1,8 @@
 /// <reference types="react" />
+import { CommonProps } from '../../objects/facets/CommonProps';
 /**
  * Stepper Interface
  */
-export interface StepperProps {
+export interface StepperProps extends CommonProps {
     children?: React.ReactNode;
-    centered?: boolean;
-    className?: string;
 }

package/lib/components/stepper/StepperPropsDefaults.js

@@ -13,12 +13,11 @@ export default {
       "ReactPortal"
     ]
   },
-  "centered": {
-    "type": "boolean",
+  "id": {
+    "type": "string",
     "values": [
       "undefined",
-      "false",
-      "true"
+      "string"
     ]
   },
   "className": {

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

@@ -1,3 +1,4 @@
-export { default as StepperStep } from '../../components/stepper/step';
-export * from '../../components/stepper/step/StepperStepEnum';
-export { default as Stepper } from '../../components/stepper/Stepper';
+import Stepper from './Stepper';
+import Step from './step';
+export * from './step/StepEnum';
+export { Stepper, Step };

package/lib/components/stepper/index.js

@@ -1,4 +1,5 @@
-export { default as StepperStep } from '../../components/stepper/step';
-export * from '../../components/stepper/step/StepperStepEnum';
-export { default as Stepper } from '../../components/stepper/Stepper';
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9jb21wb25lbnRzL3N0ZXBwZXIvaW5kZXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLE9BQU8sSUFBSSxXQUFXLEVBQUUsTUFBTSwyQkFBMkIsQ0FBQTtBQUNsRSxjQUFjLDJDQUEyQyxDQUFBO0FBQ3pELE9BQU8sRUFBRSxPQUFPLElBQUksT0FBTyxFQUFFLE1BQU0sOEJBQThCLENBQUEifQ==
+import Stepper from './Stepper';
+import Step from './step';
+export * from './step/StepEnum';
+export { Stepper, Step };
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9jb21wb25lbnRzL3N0ZXBwZXIvaW5kZXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxPQUFPLE1BQU0sV0FBVyxDQUFBO0FBQy9CLE9BQU8sSUFBSSxNQUFNLFFBQVEsQ0FBQTtBQUV6QixjQUFjLGlCQUFpQixDQUFBO0FBRS9CLE9BQU8sRUFBRSxPQUFPLEVBQUUsSUFBSSxFQUFFLENBQUEifQ==

package/lib/components/stepper/step/{StepperStep.d.ts → Step.d.ts}

@@ -1,5 +1,5 @@
 import React from 'react';
-import { StepperStepProps } from '../../../components/stepper/step/StepperStepProps';
+import { StepProps } from './StepProps';
 /**
  * Stepper Step Component
  * @param active {boolean} Active step
@@ -10,9 +10,7 @@ import { StepperStepProps } from '../../../components/stepper/step/StepperStepPr
  * - -------------------------- WEB PROPERTIES -------------------------------
  * @param className {string} Additionnal CSS Classes
  * @param iconName {IconName | IconNameValues} display icon
- * @param markup {StepperStepMarkup} Markup for Step - P|SPAN|DIV|A
  * @param label {string} Step label
- * @param step {number|string} Step text circle
  */
-declare const StepperStep: React.ForwardRefExoticComponent<StepperStepProps & React.RefAttributes<any>>;
-export default StepperStep;
+declare const Step: ({ className, id, active, current, done, label, iconName, error, ...others }: StepProps) => React.JSX.Element;
+export default Step;

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

@@ -0,0 +1,35 @@
+import { __assign, __rest } from "tslib";
+import React from 'react';
+import clsx from 'clsx';
+import { is } from '../../../services/classify';
+import { hashClass } from '../../../helpers';
+import { useTrilogyContext } from '../../../context';
+import Icon from '../../../components/icon/Icon';
+import { IconSize } from '../../../components/icon';
+/**
+ * Stepper Step Component
+ * @param active {boolean} Active step
+ * @param current {boolean} Current step
+ * @param done {boolean} Step done
+ * @param error {boolean} display error step
+ * @param children {ReactNode} Stepper Step Children
+ * - -------------------------- WEB PROPERTIES -------------------------------
+ * @param className {string} Additionnal CSS Classes
+ * @param iconName {IconName | IconNameValues} display icon
+ * @param label {string} Step label
+ */
+var Step = function (_a) {
+    var className = _a.className, id = _a.id, active = _a.active, current = _a.current, done = _a.done, label = _a.label, iconName = _a.iconName, error = _a.error, others = __rest(_a, ["className", "id", "active", "current", "done", "label", "iconName", "error"]);
+    var styled = useTrilogyContext().styled;
+    var classesStepLabel = hashClass(styled, clsx('step-label'));
+    var classes = hashClass(styled, clsx('stepper-item', active && is('active'), current && is('current'), done && is('done'), error && is('error'), className));
+    /**
+     * If no markup return div
+     */
+    return (React.createElement("div", __assign({ id: id, className: classes, "data-label": label }, others),
+        React.createElement("div", { className: classesStepLabel },
+            label,
+            !done && iconName && React.createElement(Icon, { name: iconName && iconName, className: 'step-icon', size: IconSize.MEDIUM }))));
+};
+export default Step;
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiU3RlcC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL2NvbXBvbmVudHMvc3RlcHBlci9zdGVwL1N0ZXAudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLEtBQUssTUFBTSxPQUFPLENBQUE7QUFDekIsT0FBTyxJQUFJLE1BQU0sTUFBTSxDQUFBO0FBRXZCLE9BQU8sRUFBRSxFQUFFLEVBQUUsTUFBTSxxQkFBcUIsQ0FBQTtBQUN4QyxPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sV0FBVyxDQUFBO0FBQ3JDLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLFdBQVcsQ0FBQTtBQUM3QyxPQUFPLElBQUksTUFBTSx3QkFBd0IsQ0FBQTtBQUN6QyxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0sbUJBQW1CLENBQUE7QUFFNUM7Ozs7Ozs7Ozs7O0dBV0c7QUFDSCxJQUFNLElBQUksR0FBRyxVQUFDLEVBQXNGO0lBQXBGLElBQUEsU0FBUyxlQUFBLEVBQUUsRUFBRSxRQUFBLEVBQUUsTUFBTSxZQUFBLEVBQUUsT0FBTyxhQUFBLEVBQUUsSUFBSSxVQUFBLEVBQUUsS0FBSyxXQUFBLEVBQUUsUUFBUSxjQUFBLEVBQUUsS0FBSyxXQUFBLEVBQUssTUFBTSxjQUF6RSw4RUFBMkUsQ0FBRjtJQUM3RSxJQUFBLE1BQU0sR0FBSyxpQkFBaUIsRUFBRSxPQUF4QixDQUF3QjtJQUN0QyxJQUFNLGdCQUFnQixHQUFHLFNBQVMsQ0FBQyxNQUFNLEVBQUUsSUFBSSxDQUFDLFlBQVksQ0FBQyxDQUFDLENBQUE7SUFFOUQsSUFBTSxPQUFPLEdBQUcsU0FBUyxDQUN2QixNQUFNLEVBQ04sSUFBSSxDQUNGLGNBQWMsRUFDZCxNQUFNLElBQUksRUFBRSxDQUFDLFFBQVEsQ0FBQyxFQUN0QixPQUFPLElBQUksRUFBRSxDQUFDLFNBQVMsQ0FBQyxFQUN4QixJQUFJLElBQUksRUFBRSxDQUFDLE1BQU0sQ0FBQyxFQUNsQixLQUFLLElBQUksRUFBRSxDQUFDLE9BQU8sQ0FBQyxFQUNwQixTQUFTLENBQ1YsQ0FDRixDQUFBO0lBQ0Q7O09BRUc7SUFFSCxPQUFPLENBQ0wsc0NBQUssRUFBRSxFQUFFLEVBQUUsRUFBRSxTQUFTLEVBQUUsT0FBTyxnQkFBYyxLQUFLLElBQU0sTUFBTTtRQUM1RCw2QkFBSyxTQUFTLEVBQUUsZ0JBQWdCO1lBQzdCLEtBQUs7WUFDTCxDQUFDLElBQUksSUFBSSxRQUFRLElBQUksb0JBQUMsSUFBSSxJQUFDLElBQUksRUFBRSxRQUFRLElBQUksUUFBUSxFQUFFLFNBQVMsRUFBRSxXQUFXLEVBQUUsSUFBSSxFQUFFLFFBQVEsQ0FBQyxNQUFNLEdBQUksQ0FDckcsQ0FDRixDQUNQLENBQUE7QUFDSCxDQUFDLENBQUE7QUFFRCxlQUFlLElBQUksQ0FBQSJ9

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

@@ -0,0 +1,16 @@
+/// <reference types="react" />
+import { StepProps } from './StepProps';
+import { ComponentName } from '../../../components/enumsComponentsName';
+/**
+ * Stepper Step Component
+ * @param active {boolean} Active step
+ * @param current {boolean} Current step
+ * @param done {boolean} Step done
+ * @param error {boolean} display error step
+ * @param children {ReactNode} Stepper Step Children
+ */
+declare const StepperStep: {
+    ({ active, current, done, error, ...others }: StepProps): JSX.Element;
+    displayName: ComponentName;
+};
+export default StepperStep;

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

@@ -0,0 +1,59 @@
+import { __assign, __rest } from "tslib";
+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 active {boolean} Active step
+ * @param current {boolean} Current step
+ * @param done {boolean} Step done
+ * @param error {boolean} display error step
+ * @param children {ReactNode} Stepper Step Children
+ */
+// eslint-disable-next-line @typescript-eslint/no-unused-vars
+var StepperStep = function (_a) {
+    var active = _a.active, current = _a.current, done = _a.done, error = _a.error, others = __rest(_a, ["active", "current", "done", "error"]);
+    var defaultColor = getColorStyle(TrilogyColor.NEUTRAL);
+    var activeColor = getColorStyle(TrilogyColor.MAIN);
+    var errorColor = getColorStyle(TrilogyColor.ERROR);
+    var backgroundColorAnim = React.useRef(new Animated.Value(0)).current;
+    var backgroundColor = backgroundColorAnim.interpolate({
+        inputRange: [0, 1, 2],
+        outputRange: [defaultColor, activeColor, errorColor],
+    });
+    React.useEffect(function () {
+        var 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]);
+    var styles = StyleSheet.create({
+        step: {
+            flex: 1,
+            width: 59,
+            maxWidth: 59,
+            height: 4,
+            marginRight: 8,
+            borderRadius: 4,
+            backgroundColor: backgroundColor,
+            zIndex: 1,
+        },
+    });
+    return React.createElement(Animated.View, __assign({ style: styles.step }, others));
+};
+StepperStep.displayName = ComponentName.StepperStep;
+export default StepperStep;
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiU3RlcC5uYXRpdmUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9jb21wb25lbnRzL3N0ZXBwZXIvc3RlcC9TdGVwLm5hdGl2ZS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUFBLE9BQU8sS0FBSyxLQUFLLE1BQU0sT0FBTyxDQUFBO0FBQzlCLE9BQU8sRUFBRSxRQUFRLEVBQWMsTUFBTSxFQUFFLFVBQVUsRUFBRSxNQUFNLGNBQWMsQ0FBQTtBQUV2RSxPQUFPLEVBQUUsYUFBYSxFQUFFLFlBQVksRUFBRSxNQUFNLFdBQVcsQ0FBQTtBQUN2RCxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sa0NBQWtDLENBQUE7QUFFaEU7Ozs7Ozs7R0FPRztBQUNILDZEQUE2RDtBQUM3RCxJQUFNLFdBQVcsR0FBRyxVQUFDLEVBQXNEO0lBQXBELElBQUEsTUFBTSxZQUFBLEVBQUUsT0FBTyxhQUFBLEVBQUUsSUFBSSxVQUFBLEVBQUUsS0FBSyxXQUFBLEVBQUssTUFBTSxjQUF6QyxzQ0FBMkMsQ0FBRjtJQUM1RCxJQUFNLFlBQVksR0FBRyxhQUFhLENBQUMsWUFBWSxDQUFDLE9BQU8sQ0FBQyxDQUFBO0lBQ3hELElBQU0sV0FBVyxHQUFHLGFBQWEsQ0FBQyxZQUFZLENBQUMsSUFBSSxDQUFDLENBQUE7SUFDcEQsSUFBTSxVQUFVLEdBQUcsYUFBYSxDQUFDLFlBQVksQ0FBQyxLQUFLLENBQUMsQ0FBQTtJQUNwRCxJQUFNLG1CQUFtQixHQUFHLEtBQUssQ0FBQyxNQUFNLENBQUMsSUFBSSxRQUFRLENBQUMsS0FBSyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsT0FBTyxDQUFBO0lBRXZFLElBQU0sZUFBZSxHQUFHLG1CQUFtQixDQUFDLFdBQVcsQ0FBQztRQUN0RCxVQUFVLEVBQUUsQ0FBQyxDQUFDLEVBQUUsQ0FBQyxFQUFFLENBQUMsQ0FBQztRQUNyQixXQUFXLEVBQUUsQ0FBQyxZQUFzQixFQUFFLFdBQXFCLEVBQUUsVUFBb0IsQ0FBQztLQUNuRixDQUFDLENBQUE7SUFFRixLQUFLLENBQUMsU0FBUyxDQUFDO1FBQ2QsSUFBSSxXQUFXLENBQUE7UUFDZixJQUFJLEtBQUssRUFBRTtZQUNULFdBQVcsR0FBRyxDQUFDLENBQUE7U0FDaEI7YUFBTSxJQUFJLE1BQU0sSUFBSSxPQUFPLElBQUksSUFBSSxFQUFFO1lBQ3BDLFdBQVcsR0FBRyxDQUFDLENBQUE7U0FDaEI7YUFBTTtZQUNMLFdBQVcsR0FBRyxDQUFDLENBQUE7U0FDaEI7UUFFRCxRQUFRLENBQUMsTUFBTSxDQUFDLG1CQUFtQixFQUFFO1lBQ25DLE9BQU8sRUFBRSxXQUFXO1lBQ3BCLFFBQVEsRUFBRSxHQUFHO1lBQ2IsZUFBZSxFQUFFLElBQUk7WUFDckIsTUFBTSxFQUFFLE1BQU0sQ0FBQyxNQUFNO1NBQ3RCLENBQUMsQ0FBQyxLQUFLLEVBQUUsQ0FBQTtJQUNaLENBQUMsRUFBRSxDQUFDLE1BQU0sRUFBRSxPQUFPLEVBQUUsSUFBSSxFQUFFLEtBQUssQ0FBQyxDQUFDLENBQUE7SUFFbEMsSUFBTSxNQUFNLEdBQUcsVUFBVSxDQUFDLE1BQU0sQ0FBQztRQUMvQixJQUFJLEVBQUU7WUFDSixJQUFJLEVBQUUsQ0FBQztZQUNQLEtBQUssRUFBRSxFQUFFO1lBQ1QsUUFBUSxFQUFFLEVBQUU7WUFDWixNQUFNLEVBQUUsQ0FBQztZQUNULFdBQVcsRUFBRSxDQUFDO1lBQ2QsWUFBWSxFQUFFLENBQUM7WUFDZixlQUFlLEVBQUUsZUFBd0M7WUFDekQsTUFBTSxFQUFFLENBQUM7U0FDVjtLQUNGLENBQUMsQ0FBQTtJQUVGLE9BQU8sb0JBQUMsUUFBUSxDQUFDLElBQUksYUFBQyxLQUFLLEVBQUUsTUFBTSxDQUFDLElBQUksSUFBTSxNQUFNLEVBQWtCLENBQUE7QUFDeEUsQ0FBQyxDQUFBO0FBRUQsV0FBVyxDQUFDLFdBQVcsR0FBRyxhQUFhLENBQUMsV0FBVyxDQUFBO0FBRW5ELGVBQWUsV0FBVyxDQUFBIn0=

package/lib/components/stepper/step/{StepperStepEnum.d.ts → StepEnum.d.ts}

@@ -1,7 +1,7 @@
 /**
  * Available Markup for Stepper Step Component
  */
-export declare enum StepperStepMarkup {
+export declare enum StepMarkup {
     P = "p",
     SPAN = "span",
     DIV = "div",
@@ -10,4 +10,4 @@ export declare enum StepperStepMarkup {
 /**
  * Available Markup values for Stepper Step Component
  */
-export type StepperStepMarkupValues = `${StepperStepMarkup}`;
+export type StepMarkupValues = `${StepMarkup}`;

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

@@ -0,0 +1,11 @@
+/**
+ * Available Markup for Stepper Step Component
+ */
+export var StepMarkup;
+(function (StepMarkup) {
+    StepMarkup["P"] = "p";
+    StepMarkup["SPAN"] = "span";
+    StepMarkup["DIV"] = "div";
+    StepMarkup["A"] = "a";
+})(StepMarkup || (StepMarkup = {}));
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiU3RlcEVudW0uanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9jb21wb25lbnRzL3N0ZXBwZXIvc3RlcC9TdGVwRW51bS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTs7R0FFRztBQUNILE1BQU0sQ0FBTixJQUFZLFVBS1g7QUFMRCxXQUFZLFVBQVU7SUFDcEIscUJBQU8sQ0FBQTtJQUNQLDJCQUFhLENBQUE7SUFDYix5QkFBVyxDQUFBO0lBQ1gscUJBQU8sQ0FBQTtBQUNULENBQUMsRUFMVyxVQUFVLEtBQVYsVUFBVSxRQUtyQiJ9

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

@@ -0,0 +1,13 @@
+import { IconName, IconNameValues } from '../../../components/icon';
+import { CommonProps } from '../../../objects/facets/CommonProps';
+/**
+ * Stepper Step Interface
+ */
+export interface StepProps extends CommonProps {
+    active?: boolean;
+    current?: boolean;
+    done?: boolean;
+    label?: string;
+    iconName?: IconName | IconNameValues;
+    error?: boolean;
+}

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

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

package/lib/components/{modal/title/ModalTitlePropsDefaults.js → stepper/step/StepPropsDefaults.js}

@@ -1,12 +1,29 @@
 export default {
-  "children": {
-    "type": "string",
+  "active": {
+    "type": "boolean",
     "values": [
       "undefined",
-      "string"
+      "false",
+      "true"
     ]
   },
-  "className": {
+  "current": {
+    "type": "boolean",
+    "values": [
+      "undefined",
+      "false",
+      "true"
+    ]
+  },
+  "done": {
+    "type": "boolean",
+    "values": [
+      "undefined",
+      "false",
+      "true"
+    ]
+  },
+  "label": {
     "type": "string",
     "values": [
       "undefined",
@@ -65,28 +82,26 @@ export default {
       "tri-picto-payment-visa"
     ]
   },
-  "iconColor": {
-    "type": "enum",
+  "error": {
+    "type": "boolean",
     "values": [
       "undefined",
-      "SUCCESS",
-      "INFO",
-      "WARNING",
-      "ERROR",
-      "WHITE",
-      "MAIN",
-      "ACCENT",
-      "NEUTRAL",
-      "SUCCESS",
-      "ERROR",
-      "INFO",
-      "WARNING",
-      "MAIN",
-      "BACKGROUND",
-      "ACCENT",
-      "NEUTRAL",
-      "WHITE",
-      "BACKGROUND"
+      "false",
+      "true"
+    ]
+  },
+  "id": {
+    "type": "string",
+    "values": [
+      "undefined",
+      "string"
+    ]
+  },
+  "className": {
+    "type": "string",
+    "values": [
+      "undefined",
+      "string"
     ]
   }
 };

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

@@ -1,2 +1,2 @@
-import StepperStep from '../../../components/stepper/step/StepperStep';
-export default StepperStep;
+import Step from './Step';
+export default Step;

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

@@ -1,3 +1,3 @@
-import StepperStep from '../../../components/stepper/step/StepperStep';
-export default StepperStep;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9jb21wb25lbnRzL3N0ZXBwZXIvc3RlcC9pbmRleC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLFdBQVcsTUFBTSx1Q0FBdUMsQ0FBQTtBQUUvRCxlQUFlLFdBQVcsQ0FBQSJ9
+import Step from './Step';
+export default Step;
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9jb21wb25lbnRzL3N0ZXBwZXIvc3RlcC9pbmRleC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLElBQUksTUFBTSxRQUFRLENBQUE7QUFFekIsZUFBZSxJQUFJLENBQUEifQ==

package/lib/components/sticker/Sticker.d.ts

@@ -1,16 +1,15 @@
-import React from 'react';
-import { StickerProps } from '../../components/sticker/StickerProps';
+/// <reference types="react" />
+import { StickerProps } from './StickerProps';
 /**
  * Sticker component
  * @param children {ReactNode} Sticker child
  * @param variant {StatusState} Sticker variant : primary only
  * @param small {boolean} Small Sticker
- * @param hat {boolean} Hat Sticker ( for box )
+ * @param id
  * @param outlined {boolean} Outlined sticker
  * - -------------------------- WEB PROPERTIES -------------------------------
- * @param markup {StickerMarkup} HTML element : p|span|div
  * @param className {string} Additionnal css classes
  * @param others
  */
-declare const Sticker: React.ForwardRefExoticComponent<StickerProps & React.RefAttributes<HTMLDivElement>>;
+declare const Sticker: ({ className, id, variant, small, label, outlined, ...others }: StickerProps) => JSX.Element;
 export default Sticker;