@trilogy-ds/react 0.0.1-beta-130 → 0.0.1-beta-133

package/lib/components/stepper/Stepper.js

@@ -1,9 +1,9 @@
 import { __assign, __read, __rest } from "tslib";
-import * as 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 { hashClass } from '../../helpers';
+import { useTrilogyContext } from '../../context';
+import { Text } from '../../components/text';
 /**
  * Stepper Component
  * @param centered Center the stepper
@@ -12,11 +12,10 @@ import { useTrilogyContext } from "../../context";
  * @param className Additionnal CSS Classes
  */
 var Stepper = React.forwardRef(function (props, ref) {
-    var className = props.className, centered = props.centered, children = props.children, others = __rest(props, ["className", "centered", "children"]);
+    var className = props.className, id = props.id, children = props.children, others = __rest(props, ["className", "id", "children"]);
     var styled = useTrilogyContext().styled;
-    var classes = hashClass(styled, clsx("stepper-wrapper", className));
-    var centerClasses = hashClass(styled, clsx("section", has("text-centered"), className));
-    var _a = __read(React.useState(0), 2), currentStep = _a[0], setCurrentStep = _a[1];
+    var classes = hashClass(styled, clsx('stepper-wrapper', className));
+    var _a = __read(React.useState(1), 2), currentStep = _a[0], setCurrentStep = _a[1];
     var nbChild = React.useMemo(function () {
         if (children && Array.isArray(children))
             return children.length;
@@ -28,11 +27,11 @@ var Stepper = React.forwardRef(function (props, ref) {
         if (children) {
             if (Array.isArray(children)) {
                 var haveCurrentStep_1 = false;
-                children.map(function (child) {
+                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(child.props.step);
+                        setCurrentStep(index + 1);
                     }
                 });
                 if (!haveCurrentStep_1)
@@ -43,21 +42,13 @@ var Stepper = React.forwardRef(function (props, ref) {
             }
         }
     }, [children]);
-    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),
+    return (React.createElement("div", __assign({ id: id, ref: ref, className: classes }, others),
         children,
         React.createElement("div", { className: 'step-count' },
-            currentStep,
-            "/",
-            nbChild)));
+            React.createElement(Text, null,
+                currentStep,
+                "/",
+                nbChild))));
 });
 export default Stepper;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiU3RlcHBlci5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL2NvbXBvbmVudHMvc3RlcHBlci9TdGVwcGVyLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxLQUFLLEtBQUssTUFBTSxPQUFPLENBQUE7QUFDOUIsT0FBTyxJQUFJLE1BQU0sTUFBTSxDQUFBO0FBRXZCLE9BQU8sRUFBRSxHQUFHLEVBQUUsTUFBTSxxQkFBcUIsQ0FBQTtBQUN6QyxPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sV0FBVyxDQUFBO0FBQ3JDLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLFdBQVcsQ0FBQTtBQUU3Qzs7Ozs7O0dBTUc7QUFDSCxJQUFNLE9BQU8sR0FBRyxLQUFLLENBQUMsVUFBVSxDQUFDLFVBQUMsS0FBbUIsRUFBRSxHQUFvQztJQUV2RixJQUFBLFNBQVMsR0FJUCxLQUFLLFVBSkUsRUFDVCxRQUFRLEdBR04sS0FBSyxTQUhDLEVBQ1IsUUFBUSxHQUVOLEtBQUssU0FGQyxFQUNMLE1BQU0sVUFDUCxLQUFLLEVBTEgscUNBS0wsQ0FEVSxDQUNGO0lBRUQsSUFBQSxNQUFNLEdBQUssaUJBQWlCLEVBQUUsT0FBeEIsQ0FBd0I7SUFFdEMsSUFBTSxPQUFPLEdBQUcsU0FBUyxDQUFDLE1BQU0sRUFBRSxJQUFJLENBQUMsaUJBQWlCLEVBQUUsU0FBUyxDQUFDLENBQUMsQ0FBQTtJQUNyRSxJQUFNLGFBQWEsR0FBRyxTQUFTLENBQzdCLE1BQU0sRUFDTixJQUFJLENBQUMsU0FBUyxFQUFFLEdBQUcsQ0FBQyxlQUFlLENBQUMsRUFBRSxTQUFTLENBQUMsQ0FDakQsQ0FBQTtJQUNLLElBQUEsS0FBQSxPQUFnQyxLQUFLLENBQUMsUUFBUSxDQUFTLENBQUMsQ0FBQyxJQUFBLEVBQXhELFdBQVcsUUFBQSxFQUFFLGNBQWMsUUFBNkIsQ0FBQTtJQUUvRCxJQUFNLE9BQU8sR0FBRyxLQUFLLENBQUMsT0FBTyxDQUFTO1FBQ3BDLElBQUksUUFBUSxJQUFJLEtBQUssQ0FBQyxPQUFPLENBQUMsUUFBUSxDQUFDO1lBQUUsT0FBTyxRQUFRLENBQUMsTUFBTSxDQUFBO1FBQy9ELElBQUksUUFBUSxJQUFJLENBQUMsS0FBSyxDQUFDLE9BQU8sQ0FBQyxRQUFRLENBQUM7WUFBRSxPQUFPLENBQUMsQ0FBQTtRQUNsRCxPQUFPLENBQUMsQ0FBQTtJQUNWLENBQUMsRUFBRSxDQUFDLFFBQVEsQ0FBQyxDQUFDLENBQUE7SUFFZCxLQUFLLENBQUMsU0FBUyxDQUFDO1FBQ2QsSUFBSSxRQUFRLEVBQUU7WUFDWixJQUFJLEtBQUssQ0FBQyxPQUFPLENBQUMsUUFBUSxDQUFDLEVBQUU7Z0JBQzNCLElBQUksaUJBQWUsR0FBRyxLQUFLLENBQUE7Z0JBQzNCLFFBQVEsQ0FBQyxHQUFHLENBQUMsVUFBQyxLQUFLOztvQkFDakIsSUFBSSxNQUFBLEtBQUssYUFBTCxLQUFLLHVCQUFMLEtBQUssQ0FBRSxLQUFLLDBDQUFFLE9BQU8sRUFBRTt3QkFDekIsaUJBQWUsR0FBRyxJQUFJLENBQUE7d0JBQ3RCLGNBQWMsQ0FBQyxLQUFLLENBQUMsS0FBSyxDQUFDLElBQUksQ0FBQyxDQUFBO3FCQUNqQztnQkFDSCxDQUFDLENBQUMsQ0FBQTtnQkFDRixJQUFJLENBQUMsaUJBQWU7b0JBQUUsY0FBYyxDQUFDLENBQUMsQ0FBQyxDQUFBO2FBQ3hDO2lCQUFNO2dCQUNMLGNBQWMsQ0FBQyxDQUFDLENBQUMsQ0FBQTthQUNsQjtTQUNGO0lBQ0gsQ0FBQyxFQUFFLENBQUMsUUFBUSxDQUFDLENBQUMsQ0FBQTtJQUVkLElBQUksUUFBUSxFQUFFO1FBQ1osT0FBTyxDQUNMLGlDQUFTLEdBQUcsRUFBRSxHQUFHLEVBQUUsU0FBUyxFQUFFLGFBQWE7WUFDekMsc0NBQUssU0FBUyxFQUFFLE9BQU8sSUFBTSxNQUFNO2dCQUNoQyxRQUFRO2dCQUNULDZCQUFLLFNBQVMsRUFBQyxZQUFZO29CQUN4QixXQUFXOztvQkFBRyxPQUFPLENBQ2xCLENBQ0YsQ0FDRSxDQUNYLENBQUE7S0FDRjtJQUVELE9BQU8sQ0FDTCxzQ0FBSyxHQUFHLEVBQUUsR0FBRyxFQUFFLFNBQVMsRUFBRSxPQUFPLElBQU0sTUFBTTtRQUMxQyxRQUFRO1FBQ1QsNkJBQUssU0FBUyxFQUFDLFlBQVk7WUFDeEIsV0FBVzs7WUFBRyxPQUFPLENBQ2xCLENBQ0YsQ0FDUCxDQUFBO0FBRUgsQ0FBQyxDQUFDLENBQUE7QUFDRixlQUFlLE9BQU8sQ0FBQSJ9
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiU3RlcHBlci5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL2NvbXBvbmVudHMvc3RlcHBlci9TdGVwcGVyLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxLQUFLLEtBQUssTUFBTSxPQUFPLENBQUE7QUFDOUIsT0FBTyxJQUFJLE1BQU0sTUFBTSxDQUFBO0FBRXZCLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSxXQUFXLENBQUE7QUFDckMsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sV0FBVyxDQUFBO0FBQzdDLE9BQU8sRUFBRSxJQUFJLEVBQUUsTUFBTSxtQkFBbUIsQ0FBQTtBQUV4Qzs7Ozs7O0dBTUc7QUFDSCxJQUFNLE9BQU8sR0FBRyxLQUFLLENBQUMsVUFBVSxDQUFDLFVBQUMsS0FBbUIsRUFBRSxHQUFvQztJQUNqRixJQUFBLFNBQVMsR0FBOEIsS0FBSyxVQUFuQyxFQUFFLEVBQUUsR0FBMEIsS0FBSyxHQUEvQixFQUFFLFFBQVEsR0FBZ0IsS0FBSyxTQUFyQixFQUFLLE1BQU0sVUFBSyxLQUFLLEVBQTlDLCtCQUFzQyxDQUFGLENBQVU7SUFDNUMsSUFBQSxNQUFNLEdBQUssaUJBQWlCLEVBQUUsT0FBeEIsQ0FBd0I7SUFDdEMsSUFBTSxPQUFPLEdBQUcsU0FBUyxDQUFDLE1BQU0sRUFBRSxJQUFJLENBQUMsaUJBQWlCLEVBQUUsU0FBUyxDQUFDLENBQUMsQ0FBQTtJQUMvRCxJQUFBLEtBQUEsT0FBZ0MsS0FBSyxDQUFDLFFBQVEsQ0FBUyxDQUFDLENBQUMsSUFBQSxFQUF4RCxXQUFXLFFBQUEsRUFBRSxjQUFjLFFBQTZCLENBQUE7SUFFL0QsSUFBTSxPQUFPLEdBQUcsS0FBSyxDQUFDLE9BQU8sQ0FBUztRQUNwQyxJQUFJLFFBQVEsSUFBSSxLQUFLLENBQUMsT0FBTyxDQUFDLFFBQVEsQ0FBQztZQUFFLE9BQU8sUUFBUSxDQUFDLE1BQU0sQ0FBQTtRQUMvRCxJQUFJLFFBQVEsSUFBSSxDQUFDLEtBQUssQ0FBQyxPQUFPLENBQUMsUUFBUSxDQUFDO1lBQUUsT0FBTyxDQUFDLENBQUE7UUFDbEQsT0FBTyxDQUFDLENBQUE7SUFDVixDQUFDLEVBQUUsQ0FBQyxRQUFRLENBQUMsQ0FBQyxDQUFBO0lBRWQsS0FBSyxDQUFDLFNBQVMsQ0FBQztRQUNkLElBQUksUUFBUSxFQUFFO1lBQ1osSUFBSSxLQUFLLENBQUMsT0FBTyxDQUFDLFFBQVEsQ0FBQyxFQUFFO2dCQUMzQixJQUFJLGlCQUFlLEdBQUcsS0FBSyxDQUFBO2dCQUMzQixRQUFRLENBQUMsR0FBRyxDQUFDLFVBQUMsS0FBSyxFQUFFLEtBQUs7O29CQUN4QixJQUFJLE1BQUEsS0FBSyxhQUFMLEtBQUssdUJBQUwsS0FBSyxDQUFFLEtBQUssMENBQUUsT0FBTyxFQUFFO3dCQUN6QixpQkFBZSxHQUFHLElBQUksQ0FBQTt3QkFDdEIsY0FBYyxDQUFDLEtBQUssR0FBRyxDQUFDLENBQUMsQ0FBQTtxQkFDMUI7Z0JBQ0gsQ0FBQyxDQUFDLENBQUE7Z0JBQ0YsSUFBSSxDQUFDLGlCQUFlO29CQUFFLGNBQWMsQ0FBQyxDQUFDLENBQUMsQ0FBQTthQUN4QztpQkFBTTtnQkFDTCxjQUFjLENBQUMsQ0FBQyxDQUFDLENBQUE7YUFDbEI7U0FDRjtJQUNILENBQUMsRUFBRSxDQUFDLFFBQVEsQ0FBQyxDQUFDLENBQUE7SUFFZCxPQUFPLENBQ0wsc0NBQUssRUFBRSxFQUFFLEVBQUUsRUFBRSxHQUFHLEVBQUUsR0FBRyxFQUFFLFNBQVMsRUFBRSxPQUFPLElBQU0sTUFBTTtRQUNsRCxRQUFRO1FBQ1QsNkJBQUssU0FBUyxFQUFDLFlBQVk7WUFDekIsb0JBQUMsSUFBSTtnQkFDRixXQUFXOztnQkFBRyxPQUFPLENBQ2pCLENBQ0gsQ0FDRixDQUNQLENBQUE7QUFDSCxDQUFDLENBQUMsQ0FBQTtBQUNGLGVBQWUsT0FBTyxDQUFBIn0=

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

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

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

@@ -1,35 +1,35 @@
 import { __assign, __read, __rest } from "tslib";
-import * as React from "react";
-import { StyleSheet, View } from "react-native";
-import { TypographyBold, TypographyColor } from "../../objects";
-import { Text, TextLevels } from "../../components/text";
-import { Icon, IconSize } from "../../components/icon";
-import { ComponentName } from "../../components/enumsComponentsName";
+import * as React from 'react';
+import { StyleSheet, View } from 'react-native';
+import { TypographyBold, TypographyColor } from '../../objects';
+import { Text, TextLevels } from '../../components/text';
+import { Icon, IconSize } from '../../components/icon';
+import { ComponentName } from '../../components/enumsComponentsName';
 /**
  * Stepper Component
  * @param centered {boolean} Center the stepper
  * @param children {ReactNode}
  */
 var Stepper = function (_a) {
-    var children = _a.children, centered = _a.centered, others = __rest(_a, ["children", "centered"]);
+    var children = _a.children, others = __rest(_a, ["children"]);
     var _b = __read(React.useState({
         step: 0,
-        name: "",
-        iconName: "",
+        name: '',
+        iconName: '',
     }), 2), currentStep = _b[0], setCurrentStep = _b[1];
     var styles = StyleSheet.create({
         steppers: {
-            flexDirection: "row",
-            alignSelf: centered ? "center" : "flex-start",
+            flexDirection: 'row',
+            alignSelf: '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: {
             marginRight: 4,
@@ -83,14 +83,11 @@ var Stepper = function (_a) {
                 currentStep.iconName && (React.createElement(Text, { style: styles.icon },
                     React.createElement(Icon, { name: currentStep.iconName, size: IconSize.SMALL }))),
                 React.createElement(Text, { level: TextLevels.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,
-                ] },
+            React.createElement(Text, { style: styles.counter, level: TextLevels.THREE, typo: [TypographyBold.TEXT_WEIGHT_SEMIBOLD, TypographyColor.TEXT_MAIN] },
                 currentStep.step,
                 "/",
                 nbChild))));
 };
 Stepper.displayName = ComponentName.Stepper;
 export default Stepper;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiU3RlcHBlci5uYXRpdmUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9jb21wb25lbnRzL3N0ZXBwZXIvU3RlcHBlci5uYXRpdmUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLEtBQUssS0FBSyxNQUFNLE9BQU8sQ0FBQTtBQUM5QixPQUFPLEVBQUUsVUFBVSxFQUFFLElBQUksRUFBRSxNQUFNLGNBQWMsQ0FBQTtBQUMvQyxPQUFPLEVBQUUsY0FBYyxFQUFFLGVBQWUsRUFBRSxNQUFNLFdBQVcsQ0FBQTtBQUMzRCxPQUFPLEVBQUUsSUFBSSxFQUFFLFVBQVUsRUFBRSxNQUFNLG1CQUFtQixDQUFBO0FBRXBELE9BQU8sRUFBRSxJQUFJLEVBQVksUUFBUSxFQUFFLE1BQU0sbUJBQW1CLENBQUE7QUFDNUQsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLGtDQUFrQyxDQUFBO0FBUWhFOzs7O0dBSUc7QUFDSCxJQUFNLE9BQU8sR0FBRyxVQUFDLEVBSUY7SUFIYixJQUFBLFFBQVEsY0FBQSxFQUNSLFFBQVEsY0FBQSxFQUNMLE1BQU0sY0FITSx3QkFJaEIsQ0FEVTtJQUVILElBQUEsS0FBQSxPQUFnQyxLQUFLLENBQUMsUUFBUSxDQUFlO1FBQ2pFLElBQUksRUFBRSxDQUFDO1FBQ1AsSUFBSSxFQUFFLEVBQUU7UUFDUixRQUFRLEVBQUUsRUFBRTtLQUNiLENBQUMsSUFBQSxFQUpLLFdBQVcsUUFBQSxFQUFFLGNBQWMsUUFJaEMsQ0FBQTtJQUVGLElBQU0sTUFBTSxHQUFHLFVBQVUsQ0FBQyxNQUFNLENBQUM7UUFDL0IsUUFBUSxFQUFFO1lBQ1IsYUFBYSxFQUFFLEtBQUs7WUFDcEIsU0FBUyxFQUFFLFFBQVEsQ0FBQyxDQUFDLENBQUMsUUFBUSxDQUFDLENBQUMsQ0FBQyxZQUFZO1NBQzlDO1FBQ0QsSUFBSSxFQUFFO1lBQ0osYUFBYSxFQUFFLEtBQUs7WUFDcEIsY0FBYyxFQUFFLGVBQWU7WUFDL0IsVUFBVSxFQUFF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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/step/StepperStep.d.ts

@@ -1,5 +1,5 @@
-import React from "react";
-import { StepperStepProps } from "./StepperStepProps";
+import React from 'react';
+import { StepperStepProps } from './StepperStepProps';
 /**
  * Stepper Step Component
  * @param active {boolean} Active step

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

@@ -1,12 +1,11 @@
 import { __assign, __rest } from "tslib";
-import React from "react";
-import clsx from "clsx";
-import { StepperStepMarkup } from "./StepperStepEnum";
-import { is } from "../../../services/classify";
-import { hashClass } from "../../../helpers";
-import { useTrilogyContext } from "../../../context";
-import Icon from "../../../components/icon/Icon";
-import { IconSize } from "../../../components/icon";
+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
@@ -22,23 +21,17 @@ import { IconSize } from "../../../components/icon";
  * @param step {number|string} Step text circle
  */
 var StepperStep = React.forwardRef(function (props, ref) {
-    var children = props.children, className = props.className, active = props.active, markup = props.markup, current = props.current, done = props.done, label = props.label, iconName = props.iconName, error = props.error, others = __rest(props, ["children", "className", "active", "markup", "current", "done", "label", "iconName", "error"]);
+    var className = props.className, id = props.id, active = props.active, current = props.current, done = props.done, label = props.label, iconName = props.iconName, error = props.error, others = __rest(props, ["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
      */
-    var isCorrectMarkup = function (stringMarkup) {
-        if (stringMarkup in StepperStepMarkup ||
-            Object.values(StepperStepMarkup).includes(stringMarkup))
-            return true;
-    };
-    var Tag = markup && isCorrectMarkup(markup) ? markup : StepperStepMarkup.DIV;
-    return (React.createElement(Tag, __assign({ ref: ref, className: classes, "data-label": label }, others),
+    return (React.createElement("div", __assign({ id: id, ref: ref, className: classes, "data-label": label }, others),
         React.createElement("div", { className: classesStepLabel },
-            label || children,
+            label,
             !done && iconName && React.createElement(Icon, { name: iconName && iconName, className: 'step-icon', size: IconSize.MEDIUM }))));
 });
 export default StepperStep;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiU3RlcHBlclN0ZXAuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9jb21wb25lbnRzL3N0ZXBwZXIvc3RlcC9TdGVwcGVyU3RlcC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUFBLE9BQU8sS0FBSyxNQUFNLE9BQU8sQ0FBQTtBQUN6QixPQUFPLElBQUksTUFBTSxNQUFNLENBQUE7QUFFdkIsT0FBTyxFQUFFLGlCQUFpQixFQUEyQixNQUFNLG1CQUFtQixDQUFBO0FBQzlFLE9BQU8sRUFBRSxFQUFFLEVBQUUsTUFBTSxxQkFBcUIsQ0FBQTtBQUN4QyxPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sV0FBVyxDQUFBO0FBQ3JDLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLFdBQVcsQ0FBQTtBQUM3QyxPQUFPLElBQUksTUFBTSx3QkFBd0IsQ0FBQTtBQUN6QyxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0sbUJBQW1CLENBQUE7QUFFNUM7Ozs7Ozs7Ozs7Ozs7R0FhRztBQUNILElBQU0sV0FBVyxHQUFHLEtBQUssQ0FBQyxVQUFVLENBQUMsVUFBQyxLQUF1QixFQUFFLEdBQXlCO0lBRXBGLElBQUEsUUFBUSxHQVVOLEtBQUssU0FWQyxFQUNSLFNBQVMsR0FTUCxLQUFLLFVBVEUsRUFDVCxNQUFNLEdBUUosS0FBSyxPQVJELEVBQ04sTUFBTSxHQU9KLEtBQUssT0FQRCxFQUNOLE9BQU8sR0FNTCxLQUFLLFFBTkEsRUFDUCxJQUFJLEdBS0YsS0FBSyxLQUxILEVBQ0osS0FBSyxHQUlILEtBQUssTUFKRixFQUNMLFFBQVEsR0FHTixLQUFLLFNBSEMsRUFDUixLQUFLLEdBRUgsS0FBSyxNQUZGLEVBQ0YsTUFBTSxVQUNQLEtBQUssRUFYSCw4RkFXTCxDQURVLENBQ0Y7SUFFRCxJQUFBLE1BQU0sR0FBSyxpQkFBaUIsRUFBRSxPQUF4QixDQUF3QjtJQUN0QyxJQUFNLGdCQUFnQixHQUFHLFNBQVMsQ0FBQyxNQUFNLEVBQUUsSUFBSSxDQUFDLFlBQVksQ0FBQyxDQUFDLENBQUE7SUFFOUQsSUFBTSxPQUFPLEdBQUcsU0FBUyxDQUN2QixNQUFNLEVBQ04sSUFBSSxDQUFDLGNBQWMsRUFBRSxNQUFNLElBQUksRUFBRSxDQUFDLFFBQVEsQ0FBQyxFQUFFLE9BQU8sSUFBSSxFQUFFLENBQUMsU0FBUyxDQUFDLEVBQUUsSUFBSSxJQUFJLEVBQUUsQ0FBQyxNQUFNLENBQUMsRUFBRSxLQUFLLElBQUksRUFBRSxDQUFDLE9BQU8sQ0FBQyxFQUFFLFNBQVMsQ0FBQyxDQUM1SCxDQUFBO0lBRUQ7O09BRUc7SUFFSCxJQUFNLGVBQWUsR0FBRyxVQUFDLFlBQXlEO1FBQ2hGLElBQ0UsWUFBWSxJQUFJLGlCQUFpQjtZQUNqQyxNQUFNLENBQUMsTUFBTSxDQUFDLGlCQUFpQixDQUFDLENBQUMsUUFBUSxDQUFDLFlBQWlDLENBQUM7WUFFNUUsT0FBTyxJQUFJLENBQUE7SUFDZixDQUFDLENBQUE7SUFFRCxJQUFNLEdBQUcsR0FBRyxNQUFNLElBQUksZUFBZSxDQUFDLE1BQU0sQ0FBQyxDQUFDLENBQUMsQ0FBQyxNQUFNLENBQUMsQ0FBQyxDQUFDLGlCQUFpQixDQUFDLEdBQUcsQ0FBQTtJQUU5RSxPQUFPLENBQ0wsb0JBQUMsR0FBRyxhQUFDLEdBQUcsRUFBRSxHQUFHLEVBQUUsU0FBUyxFQUFFLE9BQU8sZ0JBQWMsS0FBSyxJQUFNLE1BQU07UUFDOUQsNkJBQUssU0FBUyxFQUFFLGdCQUFnQjtZQUM3QixLQUFLLElBQUksUUFBUTtZQUVoQixDQUFDLElBQUksSUFBSSxRQUFRLElBQUksb0JBQUMsSUFBSSxJQUFDLElBQUksRUFBRSxRQUFRLElBQUksUUFBUSxFQUFFLFNBQVMsRUFBRSxXQUFXLEVBQUUsSUFBSSxFQUFFLFFBQVEsQ0FBQyxNQUFNLEdBQUksQ0FFdEcsQ0FDRixDQUNQLENBQUE7QUFFSCxDQUFDLENBQUMsQ0FBQTtBQUVGLGVBQWUsV0FBVyxDQUFBIn0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiU3RlcHBlclN0ZXAuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9jb21wb25lbnRzL3N0ZXBwZXIvc3RlcC9TdGVwcGVyU3RlcC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUFBLE9BQU8sS0FBSyxNQUFNLE9BQU8sQ0FBQTtBQUN6QixPQUFPLElBQUksTUFBTSxNQUFNLENBQUE7QUFHdkIsT0FBTyxFQUFFLEVBQUUsRUFBRSxNQUFNLHFCQUFxQixDQUFBO0FBQ3hDLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSxXQUFXLENBQUE7QUFDckMsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sV0FBVyxDQUFBO0FBQzdDLE9BQU8sSUFBSSxNQUFNLHdCQUF3QixDQUFBO0FBQ3pDLE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSxtQkFBbUIsQ0FBQTtBQUU1Qzs7Ozs7Ozs7Ozs7OztHQWFHO0FBQ0gsSUFBTSxXQUFXLEdBQUcsS0FBSyxDQUFDLFVBQVUsQ0FBQyxVQUFDLEtBQXVCLEVBQUUsR0FBeUI7SUFDOUUsSUFBQSxTQUFTLEdBQW1FLEtBQUssVUFBeEUsRUFBRSxFQUFFLEdBQStELEtBQUssR0FBcEUsRUFBRSxNQUFNLEdBQXVELEtBQUssT0FBNUQsRUFBRSxPQUFPLEdBQThDLEtBQUssUUFBbkQsRUFBRSxJQUFJLEdBQXdDLEtBQUssS0FBN0MsRUFBRSxLQUFLLEdBQWlDLEtBQUssTUFBdEMsRUFBRSxRQUFRLEdBQXVCLEtBQUssU0FBNUIsRUFBRSxLQUFLLEdBQWdCLEtBQUssTUFBckIsRUFBSyxNQUFNLFVBQUssS0FBSyxFQUFuRiw4RUFBMkUsQ0FBRixDQUFVO0lBRWpGLElBQUEsTUFBTSxHQUFLLGlCQUFpQixFQUFFLE9BQXhCLENBQXdCO0lBQ3RDLElBQU0sZ0JBQWdCLEdBQUcsU0FBUyxDQUFDLE1BQU0sRUFBRSxJQUFJLENBQUMsWUFBWSxDQUFDLENBQUMsQ0FBQTtJQUU5RCxJQUFNLE9BQU8sR0FBRyxTQUFTLENBQ3ZCLE1BQU0sRUFDTixJQUFJLENBQ0YsY0FBYyxFQUNkLE1BQU0sSUFBSSxFQUFFLENBQUMsUUFBUSxDQUFDLEVBQ3RCLE9BQU8sSUFBSSxFQUFFLENBQUMsU0FBUyxDQUFDLEVBQ3hCLElBQUksSUFBSSxFQUFFLENBQUMsTUFBTSxDQUFDLEVBQ2xCLEtBQUssSUFBSSxFQUFFLENBQUMsT0FBTyxDQUFDLEVBQ3BCLFNBQVMsQ0FDVixDQUNGLENBQUE7SUFDRDs7T0FFRztJQUVILE9BQU8sQ0FDTCxzQ0FBSyxFQUFFLEVBQUUsRUFBRSxFQUFFLEdBQUcsRUFBRSxHQUFHLEVBQUUsU0FBUyxFQUFFLE9BQU8sZ0JBQWMsS0FBSyxJQUFNLE1BQU07UUFDdEUsNkJBQUssU0FBUyxFQUFFLGdCQUFnQjtZQUM3QixLQUFLO1lBQ0wsQ0FBQyxJQUFJLElBQUksUUFBUSxJQUFJLG9CQUFDLElBQUksSUFBQyxJQUFJLEVBQUUsUUFBUSxJQUFJLFFBQVEsRUFBRSxTQUFTLEVBQUUsV0FBVyxFQUFFLElBQUksRUFBRSxRQUFRLENBQUMsTUFBTSxHQUFJLENBQ3JHLENBQ0YsQ0FDUCxDQUFBO0FBQ0gsQ0FBQyxDQUFDLENBQUE7QUFFRixlQUFlLFdBQVcsQ0FBQSJ9

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

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

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

@@ -1,8 +1,8 @@
 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";
+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
@@ -20,11 +20,7 @@ var StepperStep = function (_a) {
     var backgroundColorAnim = React.useRef(new Animated.Value(0)).current;
     var backgroundColor = backgroundColorAnim.interpolate({
         inputRange: [0, 1, 2],
-        outputRange: [
-            defaultColor,
-            activeColor,
-            errorColor,
-        ],
+        outputRange: [defaultColor, activeColor, errorColor],
     });
     React.useEffect(function () {
         var targetValue;
@@ -60,4 +56,4 @@ var StepperStep = function (_a) {
 };
 StepperStep.displayName = ComponentName.StepperStep;
 export default StepperStep;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiU3RlcHBlclN0ZXAubmF0aXZlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vY29tcG9uZW50cy9zdGVwcGVyL3N0ZXAvU3RlcHBlclN0ZXAubmF0aXZlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxLQUFLLEtBQUssTUFBTSxPQUFPLENBQUE7QUFDOUIsT0FBTyxFQUFFLFFBQVEsRUFBYyxNQUFNLEVBQUUsVUFBVSxFQUFFLE1BQU0sY0FBYyxDQUFBO0FBRXZFLE9BQU8sRUFBRSxhQUFhLEVBQUUsWUFBWSxFQUFFLE1BQU0sV0FBVyxDQUFBO0FBQ3ZELE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxrQ0FBa0MsQ0FBQTtBQUVoRTs7Ozs7OztHQU9HO0FBQ0gsNkRBQTZEO0FBQzdELElBQU0sV0FBVyxHQUFHLFVBQUMsRUFNbUI7SUFMakIsSUFBQSxNQUFNLFlBQUEsRUFDTixPQUFPLGFBQUEsRUFDUCxJQUFJLFVBQUEsRUFDSixLQUFLLFdBQUEsRUFDRixNQUFNLGNBTFgsc0NBTUMsQ0FEVTtJQUc5QixJQUFNLFlBQVksR0FBRyxhQUFhLENBQUMsWUFBWSxDQUFDLE9BQU8sQ0FBQyxDQUFBO0lBQ3hELElBQU0sV0FBVyxHQUFHLGFBQWEsQ0FBQyxZQUFZLENBQUMsSUFBSSxDQUFDLENBQUE7SUFDcEQsSUFBTSxVQUFVLEdBQUcsYUFBYSxDQUFDLFlBQVksQ0FBQyxLQUFLLENBQUMsQ0FBQTtJQUNwRCxJQUFNLG1CQUFtQixHQUFHLEtBQUssQ0FBQyxNQUFNLENBQUMsSUFBSSxRQUFRLENBQUMsS0FBSyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsT0FBTyxDQUFBO0lBRXZFLElBQU0sZUFBZSxHQUFHLG1CQUFtQixDQUFDLFdBQVcsQ0FBQztRQUN0RCxVQUFVLEVBQUUsQ0FBQyxDQUFDLEVBQUUsQ0FBQyxFQUFFLENBQUMsQ0FBQztRQUNyQixXQUFXLEVBQUU7WUFDWCxZQUFzQjtZQUN0QixXQUFxQjtZQUNyQixVQUFvQjtTQUNyQjtLQUNGLENBQUMsQ0FBQTtJQUVGLEtBQUssQ0FBQyxTQUFTLENBQUM7UUFDZCxJQUFJLFdBQVcsQ0FBQTtRQUNmLElBQUksS0FBSyxFQUFFO1lBQ1QsV0FBVyxHQUFHLENBQUMsQ0FBQTtTQUNoQjthQUFNLElBQUksTUFBTSxJQUFJLE9BQU8sSUFBSSxJQUFJLEVBQUU7WUFDcEMsV0FBVyxHQUFHLENBQUMsQ0FBQTtTQUNoQjthQUFNO1lBQ0wsV0FBVyxHQUFHLENBQUMsQ0FBQTtTQUNoQjtRQUVELFFBQVEsQ0FBQyxNQUFNLENBQUMsbUJBQW1CLEVBQUU7WUFDbkMsT0FBTyxFQUFFLFdBQVc7WUFDcEIsUUFBUSxFQUFFLEdBQUc7WUFDYixlQUFlLEVBQUUsSUFBSTtZQUNyQixNQUFNLEVBQUUsTUFBTSxDQUFDLE1BQU07U0FDdEIsQ0FBQyxDQUFDLEtBQUssRUFBRSxDQUFBO0lBQ1osQ0FBQyxFQUFFLENBQUMsTUFBTSxFQUFFLE9BQU8sRUFBRSxJQUFJLEVBQUUsS0FBSyxDQUFDLENBQUMsQ0FBQTtJQUVsQyxJQUFNLE1BQU0sR0FBRyxVQUFVLENBQUMsTUFBTSxDQUFDO1FBQy9CLElBQUksRUFBRTtZQUNKLElBQUksRUFBRSxDQUFDO1lBQ1AsS0FBSyxFQUFFLEVBQUU7WUFDVCxRQUFRLEVBQUUsRUFBRTtZQUNaLE1BQU0sRUFBRSxDQUFDO1lBQ1QsV0FBVyxFQUFFLENBQUM7WUFDZCxZQUFZLEVBQUUsQ0FBQztZQUNmLGVBQWUsRUFBRSxlQUF3QztZQUN6RCxNQUFNLEVBQUUsQ0FBQztTQUNWO0tBQ0YsQ0FBQyxDQUFBO0lBRUYsT0FBTyxvQkFBQyxRQUFRLENBQUMsSUFBSSxhQUFDLEtBQUssRUFBRSxNQUFNLENBQUMsSUFBSSxJQUFNLE1BQU0sRUFBa0IsQ0FBQTtBQUN4RSxDQUFDLENBQUE7QUFFRCxXQUFXLENBQUMsV0FBVyxHQUFHLGFBQWEsQ0FBQyxXQUFXLENBQUE7QUFFbkQsZUFBZSxXQUFXLENBQUEifQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiU3RlcHBlclN0ZXAubmF0aXZlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vY29tcG9uZW50cy9zdGVwcGVyL3N0ZXAvU3RlcHBlclN0ZXAubmF0aXZlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxLQUFLLEtBQUssTUFBTSxPQUFPLENBQUE7QUFDOUIsT0FBTyxFQUFFLFFBQVEsRUFBYyxNQUFNLEVBQUUsVUFBVSxFQUFFLE1BQU0sY0FBYyxDQUFBO0FBRXZFLE9BQU8sRUFBRSxhQUFhLEVBQUUsWUFBWSxFQUFFLE1BQU0sV0FBVyxDQUFBO0FBQ3ZELE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxrQ0FBa0MsQ0FBQTtBQUVoRTs7Ozs7OztHQU9HO0FBQ0gsNkRBQTZEO0FBQzdELElBQU0sV0FBVyxHQUFHLFVBQUMsRUFBNkQ7SUFBM0QsSUFBQSxNQUFNLFlBQUEsRUFBRSxPQUFPLGFBQUEsRUFBRSxJQUFJLFVBQUEsRUFBRSxLQUFLLFdBQUEsRUFBSyxNQUFNLGNBQXpDLHNDQUEyQyxDQUFGO0lBQzVELElBQU0sWUFBWSxHQUFHLGFBQWEsQ0FBQyxZQUFZLENBQUMsT0FBTyxDQUFDLENBQUE7SUFDeEQsSUFBTSxXQUFXLEdBQUcsYUFBYSxDQUFDLFlBQVksQ0FBQyxJQUFJLENBQUMsQ0FBQTtJQUNwRCxJQUFNLFVBQVUsR0FBRyxhQUFhLENBQUMsWUFBWSxDQUFDLEtBQUssQ0FBQyxDQUFBO0lBQ3BELElBQU0sbUJBQW1CLEdBQUcsS0FBSyxDQUFDLE1BQU0sQ0FBQyxJQUFJLFFBQVEsQ0FBQyxLQUFLLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxPQUFPLENBQUE7SUFFdkUsSUFBTSxlQUFlLEdBQUcsbUJBQW1CLENBQUMsV0FBVyxDQUFDO1FBQ3RELFVBQVUsRUFBRSxDQUFDLENBQUMsRUFBRSxDQUFDLEVBQUUsQ0FBQyxDQUFDO1FBQ3JCLFdBQVcsRUFBRSxDQUFDLFlBQXNCLEVBQUUsV0FBcUIsRUFBRSxVQUFvQixDQUFDO0tBQ25GLENBQUMsQ0FBQTtJQUVGLEtBQUssQ0FBQyxTQUFTLENBQUM7UUFDZCxJQUFJLFdBQVcsQ0FBQTtRQUNmLElBQUksS0FBSyxFQUFFO1lBQ1QsV0FBVyxHQUFHLENBQUMsQ0FBQTtTQUNoQjthQUFNLElBQUksTUFBTSxJQUFJLE9BQU8sSUFBSSxJQUFJLEVBQUU7WUFDcEMsV0FBVyxHQUFHLENBQUMsQ0FBQTtTQUNoQjthQUFNO1lBQ0wsV0FBVyxHQUFHLENBQUMsQ0FBQTtTQUNoQjtRQUVELFFBQVEsQ0FBQyxNQUFNLENBQUMsbUJBQW1CLEVBQUU7WUFDbkMsT0FBTyxFQUFFLFdBQVc7WUFDcEIsUUFBUSxFQUFFLEdBQUc7WUFDYixlQUFlLEVBQUUsSUFBSTtZQUNyQixNQUFNLEVBQUUsTUFBTSxDQUFDLE1BQU07U0FDdEIsQ0FBQyxDQUFDLEtBQUssRUFBRSxDQUFBO0lBQ1osQ0FBQyxFQUFFLENBQUMsTUFBTSxFQUFFLE9BQU8sRUFBRSxJQUFJLEVBQUUsS0FBSyxDQUFDLENBQUMsQ0FBQTtJQUVsQyxJQUFNLE1BQU0sR0FBRyxVQUFVLENBQUMsTUFBTSxDQUFDO1FBQy9CLElBQUksRUFBRTtZQUNKLElBQUksRUFBRSxDQUFDO1lBQ1AsS0FBSyxFQUFFLEVBQUU7WUFDVCxRQUFRLEVBQUUsRUFBRTtZQUNaLE1BQU0sRUFBRSxDQUFDO1lBQ1QsV0FBVyxFQUFFLENBQUM7WUFDZCxZQUFZLEVBQUUsQ0FBQztZQUNmLGVBQWUsRUFBRSxlQUF3QztZQUN6RCxNQUFNLEVBQUUsQ0FBQztTQUNWO0tBQ0YsQ0FBQyxDQUFBO0lBRUYsT0FBTyxvQkFBQyxRQUFRLENBQUMsSUFBSSxhQUFDLEtBQUssRUFBRSxNQUFNLENBQUMsSUFBSSxJQUFNLE1BQU0sRUFBa0IsQ0FBQTtBQUN4RSxDQUFDLENBQUE7QUFFRCxXQUFXLENBQUMsV0FBVyxHQUFHLGFBQWEsQ0FBQyxXQUFXLENBQUE7QUFFbkQsZUFBZSxXQUFXLENBQUEifQ==

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

@@ -1,18 +1,13 @@
-/// <reference types="react" />
-import { StepperStepMarkup, StepperStepMarkupValues } from './StepperStepEnum';
-import { IconName, IconNameValues } from "../../../components/icon";
+import { IconName, IconNameValues } from '../../../components/icon';
+import { CommonProps } from '../../../objects/facets/CommonProps';
 /**
  * Stepper Step Interface
  */
-export interface StepperStepProps {
-    children?: React.ReactNode;
+export interface StepperStepProps extends CommonProps {
     active?: boolean;
     current?: boolean;
     done?: boolean;
     label?: string;
-    step?: number | string;
-    className?: string;
-    markup?: StepperStepMarkup | StepperStepMarkupValues;
     iconName?: IconName | IconNameValues;
     error?: boolean;
 }

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

@@ -1,18 +1,4 @@
 export default {
-  "children": {
-    "type": "react",
-    "values": [
-      "undefined",
-      "null",
-      "string",
-      "number",
-      "false",
-      "true",
-      "JSXElementConstructor<any>>",
-      "ReactNode>",
-      "ReactPortal"
-    ]
-  },
   "active": {
     "type": "boolean",
     "values": [
@@ -44,35 +30,6 @@ export default {
       "string"
     ]
   },
-  "step": {
-    "type": "string",
-    "values": [
-      "undefined",
-      "string",
-      "number"
-    ]
-  },
-  "className": {
-    "type": "string",
-    "values": [
-      "undefined",
-      "string"
-    ]
-  },
-  "markup": {
-    "type": "enum",
-    "values": [
-      "undefined",
-      "a",
-      "div",
-      "p",
-      "span",
-      "p",
-      "span",
-      "div",
-      "a"
-    ]
-  },
   "iconName": {
     "type": "enum",
     "values": [
@@ -132,5 +89,19 @@ export default {
       "false",
       "true"
     ]
+  },
+  "id": {
+    "type": "string",
+    "values": [
+      "undefined",
+      "string"
+    ]
+  },
+  "className": {
+    "type": "string",
+    "values": [
+      "undefined",
+      "string"
+    ]
   }
 };

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

@@ -1,16 +1,15 @@
 /// <reference types="react" />
-import { StickerProps } from "./StickerProps";
+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: ({ className, children, variant, small, hat, markup, outlined, ...others }: StickerProps) => JSX.Element;
+declare const Sticker: ({ className, id, variant, small, label, outlined, ...others }: StickerProps) => JSX.Element;
 export default Sticker;

package/lib/components/sticker/Sticker.js

@@ -1,34 +1,26 @@
 import { __assign, __rest } from "tslib";
-import React from "react";
-import clsx from "clsx";
-import { is } from "../../services/classify";
-import { StickerMarkup } from "./StickerEnum";
-import { getVariantClassName } from "../../objects";
-import { hashClass } from "../../helpers";
-import { useTrilogyContext } from "../../context";
+import React from 'react';
+import clsx from 'clsx';
+import { is } from '../../services/classify';
+import { getVariantClassName } from '../../objects';
+import { hashClass } from '../../helpers';
+import { useTrilogyContext } from '../../context';
 /**
  * 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
  */
 var Sticker = function (_a) {
-    var className = _a.className, children = _a.children, variant = _a.variant, small = _a.small, hat = _a.hat, markup = _a.markup, outlined = _a.outlined, others = __rest(_a, ["className", "children", "variant", "small", "hat", "markup", "outlined"]);
+    var className = _a.className, id = _a.id, variant = _a.variant, small = _a.small, label = _a.label, outlined = _a.outlined, others = __rest(_a, ["className", "id", "variant", "small", "label", "outlined"]);
     var styled = useTrilogyContext().styled;
-    var classes = hashClass(styled, clsx("sticker", variant && is(getVariantClassName(variant)), small && is("small"), hat && is("hat"), className, outlined && is('outlined')));
-    var isCorrectMarkup = function (stringMarkup) {
-        if (stringMarkup in StickerMarkup ||
-            Object.values(StickerMarkup).includes(stringMarkup))
-            return true;
-    };
-    var Tag = markup && isCorrectMarkup(markup) ? markup : "div";
-    return (React.createElement(Tag, __assign({ className: classes }, others), children));
+    var classes = hashClass(styled, clsx('sticker', variant && is(getVariantClassName(variant)), small && is('small'), className, outlined && is('outlined')));
+    return (React.createElement("p", __assign({ id: id, className: classes }, others), label));
 };
 export default Sticker;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiU3RpY2tlci5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL2NvbXBvbmVudHMvc3RpY2tlci9TdGlja2VyLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxLQUFLLE1BQU0sT0FBTyxDQUFBO0FBQ3pCLE9BQU8sSUFBSSxNQUFNLE1BQU0sQ0FBQTtBQUV2QixPQUFPLEVBQUUsRUFBRSxFQUFFLE1BQU0scUJBQXFCLENBQUE7QUFDeEMsT0FBTyxFQUFFLGFBQWEsRUFBdUIsTUFBTSxlQUFlLENBQUE7QUFDbEUsT0FBTyxFQUFFLG1CQUFtQixFQUFFLE1BQU0sV0FBVyxDQUFBO0FBQy9DLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSxXQUFXLENBQUE7QUFDckMsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sV0FBVyxDQUFBO0FBRTdDOzs7Ozs7Ozs7OztHQVdHO0FBQ0gsSUFBTSxPQUFPLEdBQUcsVUFBQyxFQVNGO0lBUmIsSUFBQSxTQUFTLGVBQUEsRUFDVCxRQUFRLGNBQUEsRUFDUixPQUFPLGFBQUEsRUFDUCxLQUFLLFdBQUEsRUFDTCxHQUFHLFNBQUEsRUFDSCxNQUFNLFlBQUEsRUFDTixRQUFRLGNBQUEsRUFDTCxNQUFNLGNBUk0sMEVBU2hCLENBRFU7SUFFRCxJQUFBLE1BQU0sR0FBSyxpQkFBaUIsRUFBRSxPQUF4QixDQUF3QjtJQUV0QyxJQUFNLE9BQU8sR0FBRyxTQUFTLENBQ3ZCLE1BQU0sRUFDTixJQUFJLENBQ0YsU0FBUyxFQUNULE9BQU8sSUFBSSxFQUFFLENBQUMsbUJBQW1CLENBQUMsT0FBTyxDQUFDLENBQUMsRUFDM0MsS0FBSyxJQUFJLEVBQUUsQ0FBQyxPQUFPLENBQUMsRUFDcEIsR0FBRyxJQUFJLEVBQUUsQ0FBQyxLQUFLLENBQUMsRUFDaEIsU0FBUyxFQUNULFFBQVEsSUFBSSxFQUFFLENBQUMsVUFBVSxDQUFDLENBQzNCLENBQ0YsQ0FBQTtJQUVELElBQU0sZUFBZSxHQUFHLFVBQ3RCLFlBQWlEO1FBRWpELElBQ0UsWUFBWSxJQUFJLGFBQWE7WUFDN0IsTUFBTSxDQUFDLE1BQU0sQ0FBQyxhQUFhLENBQUMsQ0FBQyxRQUFRLENBQUMsWUFBNkIsQ0FBQztZQUVwRSxPQUFPLElBQUksQ0FBQTtJQUNmLENBQUMsQ0FBQTtJQUVELElBQU0sR0FBRyxHQUFHLE1BQU0sSUFBSSxlQUFlLENBQUMsTUFBTSxDQUFDLENBQUMsQ0FBQyxDQUFDLE1BQU0sQ0FBQyxDQUFDLENBQUMsS0FBSyxDQUFBO0lBRTlELE9BQU8sQ0FDTCxvQkFBQyxHQUFHLGFBQUMsU0FBUyxFQUFFLE9BQU8sSUFBTSxNQUFNLEdBQ2hDLFFBQVEsQ0FDTCxDQUNQLENBQUE7QUFDSCxDQUFDLENBQUE7QUFFRCxlQUFlLE9BQU8sQ0FBQSJ9
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiU3RpY2tlci5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL2NvbXBvbmVudHMvc3RpY2tlci9TdGlja2VyLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxLQUFLLE1BQU0sT0FBTyxDQUFBO0FBQ3pCLE9BQU8sSUFBSSxNQUFNLE1BQU0sQ0FBQTtBQUV2QixPQUFPLEVBQUUsRUFBRSxFQUFFLE1BQU0scUJBQXFCLENBQUE7QUFDeEMsT0FBTyxFQUFFLG1CQUFtQixFQUFFLE1BQU0sV0FBVyxDQUFBO0FBQy9DLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSxXQUFXLENBQUE7QUFDckMsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sV0FBVyxDQUFBO0FBRTdDOzs7Ozs7Ozs7O0dBVUc7QUFDSCxJQUFNLE9BQU8sR0FBRyxVQUFDLEVBQTJFO0lBQXpFLElBQUEsU0FBUyxlQUFBLEVBQUUsRUFBRSxRQUFBLEVBQUUsT0FBTyxhQUFBLEVBQUUsS0FBSyxXQUFBLEVBQUUsS0FBSyxXQUFBLEVBQUUsUUFBUSxjQUFBLEVBQUssTUFBTSxjQUEzRCw0REFBNkQsQ0FBRjtJQUNsRSxJQUFBLE1BQU0sR0FBSyxpQkFBaUIsRUFBRSxPQUF4QixDQUF3QjtJQUV0QyxJQUFNLE9BQU8sR0FBRyxTQUFTLENBQ3ZCLE1BQU0sRUFDTixJQUFJLENBQ0YsU0FBUyxFQUNULE9BQU8sSUFBSSxFQUFFLENBQUMsbUJBQW1CLENBQUMsT0FBTyxDQUFDLENBQUMsRUFDM0MsS0FBSyxJQUFJLEVBQUUsQ0FBQyxPQUFPLENBQUMsRUFDcEIsU0FBUyxFQUNULFFBQVEsSUFBSSxFQUFFLENBQUMsVUFBVSxDQUFDLENBQzNCLENBQ0YsQ0FBQTtJQUVELE9BQU8sQ0FDTCxvQ0FBRyxFQUFFLEVBQUUsRUFBRSxFQUFFLFNBQVMsRUFBRSxPQUFPLElBQU0sTUFBTSxHQUN0QyxLQUFLLENBQ0osQ0FDTCxDQUFBO0FBQ0gsQ0FBQyxDQUFBO0FBRUQsZUFBZSxPQUFPLENBQUEifQ==

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

@@ -1,6 +1,6 @@
 /// <reference types="react" />
-import { StickerProps } from "./StickerProps";
-import { ComponentName } from "../../components/enumsComponentsName";
+import { StickerProps } from './StickerProps';
+import { ComponentName } from '../../components/enumsComponentsName';
 /**
  * Sticker component
  * @param children {ReactNode} Sticker child
@@ -11,7 +11,7 @@ import { ComponentName } from "../../components/enumsComponentsName";
  * @param others
  */
 declare const Sticker: {
-    ({ children, variant, small, hat, outlined, ...others }: StickerProps): JSX.Element;
+    ({ variant, small, outlined, label, ...others }: StickerProps): JSX.Element;
     displayName: ComponentName;
 };
 export default Sticker;

package/lib/components/sticker/Sticker.native.js

@@ -1,9 +1,9 @@
 import { __assign, __rest } from "tslib";
-import * as React from "react";
-import { Platform, StyleSheet, View } from "react-native";
-import { getColorStyle, getVariantStyle, TrilogyColor } from "../../objects";
-import { ComponentName } from "../../components/enumsComponentsName";
-import { Text } from "../../components/text";
+import * as React from 'react';
+import { Platform, StyleSheet, View } from 'react-native';
+import { getColorStyle, getVariantStyle, TrilogyColor } from '../../objects';
+import { ComponentName } from '../../components/enumsComponentsName';
+import { Text } from '../../components/text';
 /**
  * Sticker component
  * @param children {ReactNode} Sticker child
@@ -14,42 +14,40 @@ import { Text } from "../../components/text";
  * @param others
  */
 var Sticker = function (_a) {
-    var children = _a.children, variant = _a.variant, small = _a.small, hat = _a.hat, outlined = _a.outlined, others = __rest(_a, ["children", "variant", "small", "hat", "outlined"]);
+    var variant = _a.variant, small = _a.small, outlined = _a.outlined, label = _a.label, others = __rest(_a, ["variant", "small", "outlined", "label"]);
     var defaultColor = getColorStyle(TrilogyColor.MAIN);
     var styles = StyleSheet.create({
         sticker: {
-            justifyContent: "center",
+            justifyContent: 'center',
             paddingTop: small ? 4 : 8,
             paddingBottom: small ? 4 : 8,
             paddingLeft: small ? 8 : 16,
             paddingRight: small ? 8 : 16,
-            alignSelf: hat ? "auto" : "flex-start",
+            alignSelf: 'flex-start',
             borderWidth: outlined ? 2 : 0,
-            borderColor: (outlined && defaultColor) || "transparent",
-            backgroundColor: (outlined && "white") ||
-                (variant && getVariantStyle(variant)) ||
-                defaultColor,
-            borderTopLeftRadius: (hat && 8) || (!small && 24) || (small && 16) || 0,
-            borderTopRightRadius: (small && 16) || (hat && 8) || 24,
-            borderBottomLeftRadius: (!small && !hat && 24) || (small && 16) || 0,
-            borderBottomRightRadius: (!small && !hat && 24) || (small && 16) || 0,
-            marginTop: hat ? -35 : 0,
+            borderColor: (outlined && defaultColor) || 'transparent',
+            backgroundColor: (outlined && 'white') || (variant && getVariantStyle(variant)) || defaultColor,
+            borderTopLeftRadius: (!small && 24) || (small && 16) || 0,
+            borderTopRightRadius: (small && 16) || 24,
+            borderBottomLeftRadius: (!small && 24) || (small && 16) || 0,
+            borderBottomRightRadius: (!small && 24) || (small && 16) || 0,
+            marginTop: 0,
             fontSize: small ? 12 : 16,
-            top: hat ? 4 : 0,
+            top: 0,
         },
         text: {
             lineHeight: (!small && 20) || 15,
-            textAlign: "center",
+            textAlign: 'center',
             color: (outlined && defaultColor) || getColorStyle(TrilogyColor.BACKGROUND),
-            justifyContent: "center",
-            alignItems: "center",
-            fontWeight: "bold",
+            justifyContent: 'center',
+            alignItems: 'center',
+            fontWeight: 'bold',
             fontSize: (!small && 16) || 12,
-            transform: Platform.OS === "ios" ? [{ skewX: "0deg" }] : [],
+            transform: Platform.OS === 'ios' ? [{ skewX: '0deg' }] : [],
         },
     });
-    return (React.createElement(View, __assign({ style: styles.sticker }, others), children && typeof children === "string" ? (React.createElement(Text, { style: styles.text }, children)) : (children)));
+    return (React.createElement(View, __assign({ style: styles.sticker }, others), label && React.createElement(Text, { style: styles.text }, label)));
 };
 Sticker.displayName = ComponentName.Sticker;
 export default Sticker;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiU3RpY2tlci5uYXRpdmUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9jb21wb25lbnRzL3N0aWNrZXIvU3RpY2tlci5uYXRpdmUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLEtBQUssS0FBSyxNQUFNLE9BQU8sQ0FBQTtBQUM5QixPQUFPLEVBQUUsUUFBUSxFQUFFLFVBQVUsRUFBRSxJQUFJLEVBQUUsTUFBTSxjQUFjLENBQUE7QUFFekQsT0FBTyxFQUFFLGFBQWEsRUFBRSxlQUFlLEVBQUUsWUFBWSxFQUFFLE1BQU0sV0FBVyxDQUFBO0FBQ3hFLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxrQ0FBa0MsQ0FBQTtBQUNoRSxPQUFPLEVBQUUsSUFBSSxFQUFFLE1BQU0sbUJBQW1CLENBQUE7QUFFeEM7Ozs7Ozs7O0dBUUc7QUFDSCxJQUFNLE9BQU8sR0FBRyxVQUFDLEVBT2U7SUFOYixJQUFBLFFBQVEsY0FBQSxFQUNSLE9BQU8sYUFBQSxFQUNQLEtBQUssV0FBQSxFQUNMLEdBQUcsU0FBQSxFQUNILFFBQVEsY0FBQSxFQUNMLE1BQU0sY0FOWCxtREFPQyxDQURVO0lBRTFCLElBQU0sWUFBWSxHQUFHLGFBQWEsQ0FBQyxZQUFZLENBQUMsSUFBSSxDQUFDLENBQUE7SUFDckQsSUFBTSxNQUFNLEdBQUcsVUFBVSxDQUFDLE1BQU0sQ0FBQztRQUMvQixPQUFPLEVBQUU7WUFDUCxjQUFjLEVBQUUsUUFBUTtZQUN4QixVQUFVLEVBQUUsS0FBSyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUM7WUFDekIsYUFBYSxFQUFFLEtBQUssQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDO1lBQzVCLFdBQVcsRUFBRSxLQUFLLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsRUFBRTtZQUMzQixZQUFZLEVBQUUsS0FBSyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMs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
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiU3RpY2tlci5uYXRpdmUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9jb21wb25lbnRzL3N0aWNrZXIvU3RpY2tlci5uYXRpdmUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLEtBQUssS0FBSyxNQUFNLE9BQU8sQ0FBQTtBQUM5QixPQUFPLEVBQUUsUUFBUSxFQUFFLFVBQVUsRUFBRSxJQUFJLEVBQUUsTUFBTSxjQUFjLENBQUE7QUFFekQsT0FBTyxFQUFFLGFBQWEsRUFBRSxlQUFlLEVBQUUsWUFBWSxFQUFFLE1BQU0sV0FBVyxDQUFBO0FBQ3hFLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxrQ0FBa0MsQ0FBQTtBQUNoRSxPQUFPLEVBQUUsSUFBSSxFQUFFLE1BQU0sbUJBQW1CLENBQUE7QUFFeEM7Ozs7Ozs7O0dBUUc7QUFDSCxJQUFNLE9BQU8sR0FBRyxVQUFDLEVBQTREO0lBQTFELElBQUEsT0FBTyxhQUFBLEVBQUUsS0FBSyxXQUFBLEVBQUUsUUFBUSxjQUFBLEVBQUUsS0FBSyxXQUFBLEVBQUssTUFBTSxjQUE1Qyx5Q0FBOEMsQ0FBRjtJQUMzRCxJQUFNLFlBQVksR0FBRyxhQUFhLENBQUMsWUFBWSxDQUFDLElBQUksQ0FBQyxDQUFBO0lBQ3JELElBQU0sTUFBTSxHQUFHLFVBQVUsQ0FBQyxNQUFNLENBQUM7UUFDL0IsT0FBTyxFQUFFO1lBQ1AsY0FBYyxFQUFFLFFBQVE7WUFDeEIsVUFBVSxFQUFFLEtBQUssQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDO1lBQ3pCLGFBQWEsRUFBRSxLQUFLLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQztZQUM1QixXQUFXLEVBQUUsS0FBSyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLEVBQUU7WUFDM0IsWUFBWSxFQUFFLEtBQUssQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxFQUFFO1lBQzVCLFNBQVMsRUFBRSxZQUFZO1lBQ3ZCLFdBQVcsRUFBRSxRQUFRLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQztZQUM3QixXQUFXLEVBQUUsQ0FBQyxRQUFRLElBQUksWUFBWSxDQUFDLElBQUksYUFBYTtZQUN4RCxlQUFlLEVBQUUsQ0FBQyxRQUFRLElBQUksT0FBTyxDQUFDLElBQUksQ0FBQyxPQUFPLElBQUksZUFBZSxDQUFDLE9BQU8sQ0FBQyxDQUFDLElBQUksWUFBWTtZQUMvRixtQkFBbUIsRUFBRSxDQUFDLENBQUMsS0FBSyxJQUFJLEVBQUUsQ0FBQyxJQUFJLENBQUMsS0FBSyxJQUFJLEVBQUUsQ0FBQyxJQUFJLENBQUM7WUFDekQsb0JBQW9CLEVBQUUsQ0FBQyxLQUFLLElBQUksRUFBRSxDQUFDLElBQUksRUFBRTtZQUN6QyxzQkFBc0IsRUFBRSxDQUFDLENBQUMsS0FBSyxJQUFJLEVBQUUsQ0FBQyxJQUFJLENBQUMsS0FBSyxJQUFJLEVBQUUsQ0FBQyxJQUFJLENBQUM7WUFDNUQsdUJBQXVCLEVBQUUsQ0FBQyxDQUFDLEtBQUssSUFBSSxFQUFFLENBQUMsSUFBSSxDQUFDLEtBQUssSUFBSSxFQUFFLENBQUMsSUFBSSxDQUFDO1lBQzdELFNBQVMsRUFBRSxDQUFDO1lBQ1osUUFBUSxFQUFFLEtBQUssQ0FBQyxDQUFDLENBQUMsRUFBRSxDQUFDLENBQUMsQ0FBQyxFQUFFO1lBQ3pCLEdBQUcsRUFBRSxDQUFDO1NBQ1A7UUFDRCxJQUFJLEVBQUU7WUFDSixVQUFVLEVBQUUsQ0FBQyxDQUFDLEtBQUssSUFBSSxFQUFFLENBQUMsSUFBSSxFQUFFO1lBQ2hDLFNBQVMsRUFBRSxRQUFRO1lBQ25CLEtBQUssRUFBRSxDQUFDLFFBQVEsSUFBSSxZQUFZLENBQUMsSUFBSSxhQUFhLENBQUMsWUFBWSxDQUFDLFVBQVUsQ0FBQztZQUMzRSxjQUFjLEVBQUUsUUFBUTtZQUN4QixVQUFVLEVBQUUsUUFBUTtZQUNwQixVQUFVLEVBQUUsTUFBTTtZQUNsQixRQUFRLEVBQUUsQ0FBQyxDQUFDLEtBQUssSUFBSSxFQUFFLENBQUMsSUFBSSxFQUFFO1lBQzlCLFNBQVMsRUFBRSxRQUFRLENBQUMsRUFBRSxLQUFLLEtBQUssQ0FBQyxDQUFDLENBQUMsQ0FBQyxFQUFFLEtBQUssRUFBRSxNQUFNLEVBQUUsQ0FBQyxDQUFDLENBQUMsQ0FBQyxFQUFFO1NBQzVEO0tBQ0YsQ0FBQyxDQUFBO0lBRUYsT0FBTyxDQUNMLG9CQUFDLElBQUksYUFBQyxLQUFLLEVBQUUsTUFBTSxDQUFDLE9BQU8sSUFBTSxNQUFNLEdBQ3BDLEtBQUssSUFBSSxvQkFBQyxJQUFJLElBQUMsS0FBSyxFQUFFLE1BQU0sQ0FBQyxJQUFJLElBQUcsS0FBSyxDQUFRLENBQzdDLENBQ1IsQ0FBQTtBQUNILENBQUMsQ0FBQTtBQUVELE9BQU8sQ0FBQyxXQUFXLEdBQUcsYUFBYSxDQUFDLE9BQU8sQ0FBQTtBQUUzQyxlQUFlLE9BQU8sQ0FBQSJ9