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

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

@@ -0,0 +1,59 @@
+import { __assign, __rest } from "tslib";
+import React from 'react';
+import { Animated, Easing, StyleSheet } from 'react-native';
+import { ComponentName } from '../../../components/enumsComponentsName';
+import { getColorStyle, TrilogyColor } from '../../../objects/facets/Color';
+/**
+ * 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 = React.forwardRef(function (_a, ref) {
+    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, ref: ref }, others));
+});
+StepperStep.displayName = ComponentName.StepperStep;
+export default StepperStep;
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiU3RlcHBlclN0ZXAubmF0aXZlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vY29tcG9uZW50cy9zdGVwcGVyL3N0ZXAvU3RlcHBlclN0ZXAubmF0aXZlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxLQUFLLE1BQU0sT0FBTyxDQUFBO0FBRXpCLE9BQU8sRUFBRSxRQUFRLEVBQWMsTUFBTSxFQUFFLFVBQVUsRUFBRSxNQUFNLGNBQWMsQ0FBQTtBQUV2RSxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sa0NBQWtDLENBQUE7QUFFaEUsT0FBTyxFQUFFLGFBQWEsRUFBRSxZQUFZLEVBQUUsTUFBTSx3QkFBd0IsQ0FBQTtBQUVwRTs7Ozs7OztHQU9HO0FBQ0gsNkRBQTZEO0FBQzdELElBQU0sV0FBVyxHQUFHLEtBQUssQ0FBQyxVQUFVLENBQ2xDLFVBQUMsRUFBNkQsRUFBRSxHQUFvQjtJQUFqRixJQUFBLE1BQU0sWUFBQSxFQUFFLE9BQU8sYUFBQSxFQUFFLElBQUksVUFBQSxFQUFFLEtBQUssV0FBQSxFQUFLLE1BQU0sY0FBekMsc0NBQTJDLENBQUY7SUFDeEMsSUFBTSxZQUFZLEdBQUcsYUFBYSxDQUFDLFlBQVksQ0FBQyxPQUFPLENBQUMsQ0FBQTtJQUN4RCxJQUFNLFdBQVcsR0FBRyxhQUFhLENBQUMsWUFBWSxDQUFDLElBQUksQ0FBQyxDQUFBO0lBQ3BELElBQU0sVUFBVSxHQUFHLGFBQWEsQ0FBQyxZQUFZLENBQUMsS0FBSyxDQUFDLENBQUE7SUFDcEQsSUFBTSxtQkFBbUIsR0FBRyxLQUFLLENBQUMsTUFBTSxDQUFDLElBQUksUUFBUSxDQUFDLEtBQUssQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLE9BQU8sQ0FBQTtJQUV2RSxJQUFNLGVBQWUsR0FBRyxtQkFBbUIsQ0FBQyxXQUFXLENBQUM7UUFDdEQsVUFBVSxFQUFFLENBQUMsQ0FBQyxFQUFFLENBQUMsRUFBRSxDQUFDLENBQUM7UUFDckIsV0FBVyxFQUFFLENBQUMsWUFBc0IsRUFBRSxXQUFxQixFQUFFLFVBQW9CLENBQUM7S0FDbkYsQ0FBQyxDQUFBO0lBRUYsS0FBSyxDQUFDLFNBQVMsQ0FBQztRQUNkLElBQUksV0FBVyxDQUFBO1FBQ2YsSUFBSSxLQUFLLEVBQUU7WUFDVCxXQUFXLEdBQUcsQ0FBQyxDQUFBO1NBQ2hCO2FBQU0sSUFBSSxNQUFNLElBQUksT0FBTyxJQUFJLElBQUksRUFBRTtZQUNwQyxXQUFXLEdBQUcsQ0FBQyxDQUFBO1NBQ2hCO2FBQU07WUFDTCxXQUFXLEdBQUcsQ0FBQyxDQUFBO1NBQ2hCO1FBRUQsUUFBUSxDQUFDLE1BQU0sQ0FBQyxtQkFBbUIsRUFBRTtZQUNuQyxPQUFPLEVBQUUsV0FBVztZQUNwQixRQUFRLEVBQUUsR0FBRztZQUNiLGVBQWUsRUFBRSxJQUFJO1lBQ3JCLE1BQU0sRUFBRSxNQUFNLENBQUMsTUFBTTtTQUN0QixDQUFDLENBQUMsS0FBSyxFQUFFLENBQUE7SUFDWixDQUFDLEVBQUUsQ0FBQyxNQUFNLEVBQUUsT0FBTyxFQUFFLElBQUksRUFBRSxLQUFLLENBQUMsQ0FBQyxDQUFBO0lBRWxDLElBQU0sTUFBTSxHQUFHLFVBQVUsQ0FBQyxNQUFNLENBQUM7UUFDL0IsSUFBSSxFQUFFO1lBQ0osSUFBSSxFQUFFLENBQUM7WUFDUCxLQUFLLEVBQUUsRUFBRTtZQUNULFFBQVEsRUFBRSxFQUFFO1lBQ1osTUFBTSxFQUFFLENBQUM7WUFDVCxXQUFXLEVBQUUsQ0FBQztZQUNkLFlBQVksRUFBRSxDQUFDO1lBQ2YsZUFBZSxFQUFFLGVBQXdDO1lBQ3pELE1BQU0sRUFBRSxDQUFDO1NBQ1Y7S0FDRixDQUFDLENBQUE7SUFFRixPQUFPLG9CQUFDLFFBQVEsQ0FBQyxJQUFJLGFBQUMsS0FBSyxFQUFFLE1BQU0sQ0FBQyxJQUFJLEVBQUUsR0FBRyxFQUFFLEdBQUcsSUFBTSxNQUFNLEVBQWtCLENBQUE7QUFDbEYsQ0FBQyxDQUNGLENBQUE7QUFFRCxXQUFXLENBQUMsV0FBVyxHQUFHLGFBQWEsQ0FBQyxXQUFXLENBQUE7QUFDbkQsZUFBZSxXQUFXLENBQUEifQ==

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

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

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

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

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

@@ -0,0 +1,18 @@
+/// <reference types="react" />
+import { IconName, IconNameValues } from '../../../components/icon';
+import { StepperStepMarkup, StepperStepMarkupValues } from '../../../components/stepper/step/StepperStepEnum';
+/**
+ * Stepper Step Interface
+ */
+export interface StepperStepProps {
+    children?: React.ReactNode;
+    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/StepperStepProps.js

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

package/lib/components/{radio/tiles/tile/RadioTilePropsDefaults.js → stepper/step/StepperStepPropsDefaults.js}

@@ -1,5 +1,19 @@
 export default {
-  "horizontal": {
+  "children": {
+    "type": "react",
+    "values": [
+      "undefined",
+      "null",
+      "string",
+      "number",
+      "false",
+      "true",
+      "JSXElementConstructor<any>>",
+      "ReactNode>",
+      "ReactPortal"
+    ]
+  },
+  "active": {
     "type": "boolean",
     "values": [
       "undefined",
@@ -7,7 +21,59 @@ export default {
       "true"
     ]
   },
-  "icon": {
+  "current": {
+    "type": "boolean",
+    "values": [
+      "undefined",
+      "false",
+      "true"
+    ]
+  },
+  "done": {
+    "type": "boolean",
+    "values": [
+      "undefined",
+      "false",
+      "true"
+    ]
+  },
+  "label": {
+    "type": "string",
+    "values": [
+      "undefined",
+      "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": [
       "undefined",
@@ -59,91 +125,12 @@ export default {
       "tri-picto-payment-visa"
     ]
   },
-  "description": {
-    "type": "react",
-    "values": [
-      "undefined",
-      "null",
-      "string",
-      "number",
-      "false",
-      "true",
-      "JSXElementConstructor<any>>",
-      "ReactNode>",
-      "ReactPortal"
-    ]
-  },
-  "checked": {
-    "type": "boolean",
-    "values": [
-      "undefined",
-      "false",
-      "true"
-    ]
-  },
-  "disabled": {
-    "type": "boolean",
-    "values": [
-      "undefined",
-      "false",
-      "true"
-    ]
-  },
-  "readonly": {
+  "error": {
     "type": "boolean",
     "values": [
       "undefined",
       "false",
       "true"
     ]
-  },
-  "label": {
-    "type": "string",
-    "values": [
-      "undefined",
-      "string"
-    ]
-  },
-  "onChange": {
-    "type": "function",
-    "values": [
-      "undefined",
-      "RadioChangeEventHandler"
-    ]
-  },
-  "name": {
-    "type": "string",
-    "values": [
-      "undefined",
-      "string"
-    ]
-  },
-  "value": {
-    "type": "string",
-    "values": [
-      "undefined",
-      "string"
-    ]
-  },
-  "accessibilityLabel": {
-    "type": "string",
-    "values": [
-      "undefined",
-      "string"
-    ]
-  },
-  "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 Step from './Step';
-export default Step;
+import StepperStep from '../../../components/stepper/step/StepperStep';
+export default StepperStep;

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

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

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

@@ -1,15 +1,16 @@
-/// <reference types="react" />
-import { StickerProps } from './StickerProps';
+import React from 'react';
+import { StickerProps } from '../../components/sticker/StickerProps';
 /**
  * Sticker component
  * @param children {ReactNode} Sticker child
  * @param variant {StatusState} Sticker variant : primary only
  * @param small {boolean} Small Sticker
- * @param id
+ * @param hat {boolean} Hat Sticker ( for box )
  * @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, id, variant, small, label, outlined, ...others }: StickerProps) => JSX.Element;
+declare const Sticker: React.ForwardRefExoticComponent<StickerProps & React.RefAttributes<HTMLDivElement>>;
 export default Sticker;

package/lib/components/sticker/Sticker.js

@@ -1,26 +1,33 @@
 import { __assign, __rest } from "tslib";
-import React from 'react';
 import clsx from 'clsx';
+import React from 'react';
+import { ComponentName } from '../../components/enumsComponentsName';
+import { StickerMarkup } from '../../components/sticker/StickerEnum';
+import { hashClass } from '../../helpers/hashClassesHelpers';
+import { getVariantClassName } from '../../objects/facets/Variant';
 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 id
+ * @param hat {boolean} Hat Sticker ( for box )
  * @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, 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'), className, outlined && is('outlined')));
-    return (React.createElement("p", __assign({ id: id, className: classes }, others), label));
-};
+var Sticker = React.forwardRef(function (_a, ref) {
+    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 classes = hashClass(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, ref: ref }, others), children));
+});
+Sticker.displayName = ComponentName.Sticker;
 export default Sticker;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiU3RpY2tlci5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL2NvbXBvbmVudHMvc3RpY2tlci9TdGlja2VyLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxLQUFLLE1BQU0sT0FBTyxDQUFBO0FBQ3pCLE9BQU8sSUFBSSxNQUFNLE1BQU0sQ0FBQTtBQUV2QixPQUFPLEVBQUUsRUFBRSxFQUFFLE1BQU0scUJBQXFCLENBQUE7QUFDeEMsT0FBTyxFQUFFLG1CQUFtQixFQUFFLE1BQU0sV0FBVyxDQUFBO0FBQy9DLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSxXQUFXLENBQUE7QUFDckMsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sV0FBVyxDQUFBO0FBRTdDOzs7Ozs7Ozs7O0dBVUc7QUFDSCxJQUFNLE9BQU8sR0FBRyxVQUFDLEVBQTJFO0lBQXpFLElBQUEsU0FBUyxlQUFBLEVBQUUsRUFBRSxRQUFBLEVBQUUsT0FBTyxhQUFBLEVBQUUsS0FBSyxXQUFBLEVBQUUsS0FBSyxXQUFBLEVBQUUsUUFBUSxjQUFBLEVBQUssTUFBTSxjQUEzRCw0REFBNkQsQ0FBRjtJQUNsRSxJQUFBLE1BQU0sR0FBSyxpQkFBaUIsRUFBRSxPQUF4QixDQUF3QjtJQUV0QyxJQUFNLE9BQU8sR0FBRyxTQUFTLENBQ3ZCLE1BQU0sRUFDTixJQUFJLENBQ0YsU0FBUyxFQUNULE9BQU8sSUFBSSxFQUFFLENBQUMsbUJBQW1CLENBQUMsT0FBTyxDQUFDLENBQUMsRUFDM0MsS0FBSyxJQUFJLEVBQUUsQ0FBQyxPQUFPLENBQUMsRUFDcEIsU0FBUyxFQUNULFFBQVEsSUFBSSxFQUFFLENBQUMsVUFBVSxDQUFDLENBQzNCLENBQ0YsQ0FBQTtJQUVELE9BQU8sQ0FDTCxvQ0FBRyxFQUFFLEVBQUUsRUFBRSxFQUFFLFNBQVMsRUFBRSxPQUFPLElBQU0sTUFBTSxHQUN0QyxLQUFLLENBQ0osQ0FDTCxDQUFBO0FBQ0gsQ0FBQyxDQUFBO0FBRUQsZUFBZSxPQUFPLENBQUEifQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiU3RpY2tlci5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL2NvbXBvbmVudHMvc3RpY2tlci9TdGlja2VyLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxJQUFJLE1BQU0sTUFBTSxDQUFBO0FBQ3ZCLE9BQU8sS0FBSyxNQUFNLE9BQU8sQ0FBQTtBQUV6QixPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sa0NBQWtDLENBQUE7QUFDaEUsT0FBTyxFQUFFLGFBQWEsRUFBdUIsTUFBTSxrQ0FBa0MsQ0FBQTtBQUVyRixPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sOEJBQThCLENBQUE7QUFDeEQsT0FBTyxFQUFFLG1CQUFtQixFQUFFLE1BQU0sMEJBQTBCLENBQUE7QUFDOUQsT0FBTyxFQUFFLEVBQUUsRUFBRSxNQUFNLHFCQUFxQixDQUFBO0FBRXhDOzs7Ozs7Ozs7OztHQVdHO0FBQ0gsSUFBTSxPQUFPLEdBQUcsS0FBSyxDQUFDLFVBQVUsQ0FDOUIsVUFDRSxFQUF1RixFQUN2RixHQUE4QjtJQUQ1QixJQUFBLFNBQVMsZUFBQSxFQUFFLFFBQVEsY0FBQSxFQUFFLE9BQU8sYUFBQSxFQUFFLEtBQUssV0FBQSxFQUFFLEdBQUcsU0FBQSxFQUFFLE1BQU0sWUFBQSxFQUFFLFFBQVEsY0FBQSxFQUFLLE1BQU0sY0FBdkUsMEVBQXlFLENBQUY7SUFHdkUsSUFBTSxPQUFPLEdBQUcsU0FBUyxDQUN2QixJQUFJLENBQ0YsU0FBUyxFQUNULE9BQU8sSUFBSSxFQUFFLENBQUMsbUJBQW1CLENBQUMsT0FBTyxDQUFDLENBQUMsRUFDM0MsS0FBSyxJQUFJLEVBQUUsQ0FBQyxPQUFPLENBQUMsRUFDcEIsR0FBRyxJQUFJLEVBQUUsQ0FBQyxLQUFLLENBQUMsRUFDaEIsU0FBUyxFQUNULFFBQVEsSUFBSSxFQUFFLENBQUMsVUFBVSxDQUFDLENBQzNCLENBQ0YsQ0FBQTtJQUVELElBQU0sZUFBZSxHQUFHLFVBQUMsWUFBaUQ7UUFDeEUsSUFBSSxZQUFZLElBQUksYUFBYSxJQUFJLE1BQU0sQ0FBQyxNQUFNLENBQUMsYUFBYSxDQUFDLENBQUMsUUFBUSxDQUFDLFlBQTZCLENBQUM7WUFDdkcsT0FBTyxJQUFJLENBQUE7SUFDZixDQUFDLENBQUE7SUFFRCxJQUFNLEdBQUcsR0FBRyxNQUFNLElBQUksZUFBZSxDQUFDLE1BQU0sQ0FBQyxDQUFDLENBQUMsQ0FBQyxNQUFNLENBQUMsQ0FBQyxDQUFDLEtBQUssQ0FBQTtJQUU5RCxPQUFPLENBQ0wsb0JBQUMsR0FBRyxhQUFDLFNBQVMsRUFBRSxPQUFPLEVBQUUsR0FBRyxFQUFFLEdBQUcsSUFBTSxNQUFNLEdBQzFDLFFBQVEsQ0FDTCxDQUNQLENBQUE7QUFDSCxDQUFDLENBQ0YsQ0FBQTtBQUVELE9BQU8sQ0FBQyxXQUFXLEdBQUcsYUFBYSxDQUFDLE9BQU8sQ0FBQTtBQUMzQyxlQUFlLE9BQU8sQ0FBQSJ9

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 React from 'react';
+import { View } from 'react-native';
+import { StickerProps } from '../../components/sticker/StickerProps';
 /**
  * Sticker component
  * @param children {ReactNode} Sticker child
@@ -10,8 +10,5 @@ import { ComponentName } from '../../components/enumsComponentsName';
  * @param outlined {boolean} Outlined sticker
  * @param others
  */
-declare const Sticker: {
-    ({ variant, small, outlined, label, ...others }: StickerProps): JSX.Element;
-    displayName: ComponentName;
-};
+declare const Sticker: React.ForwardRefExoticComponent<StickerProps & React.RefAttributes<View>>;
 export default Sticker;

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

@@ -1,9 +1,10 @@
 import { __assign, __rest } from "tslib";
-import * as React from 'react';
+import 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 { getColorStyle, TrilogyColor } from '../../objects/facets/Color';
+import { getVariantStyle } from '../../objects/facets/Variant';
 /**
  * Sticker component
  * @param children {ReactNode} Sticker child
@@ -13,8 +14,8 @@ import { Text } from '../../components/text';
  * @param outlined {boolean} Outlined sticker
  * @param others
  */
-var Sticker = function (_a) {
-    var variant = _a.variant, small = _a.small, outlined = _a.outlined, label = _a.label, others = __rest(_a, ["variant", "small", "outlined", "label"]);
+var Sticker = React.forwardRef(function (_a, ref) {
+    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 defaultColor = getColorStyle(TrilogyColor.MAIN);
     var styles = StyleSheet.create({
         sticker: {
@@ -23,17 +24,17 @@ var Sticker = function (_a) {
             paddingBottom: small ? 4 : 8,
             paddingLeft: small ? 8 : 16,
             paddingRight: small ? 8 : 16,
-            alignSelf: 'flex-start',
+            alignSelf: hat ? 'auto' : 'flex-start',
             borderWidth: outlined ? 2 : 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,
+            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,
             fontSize: small ? 12 : 16,
-            top: 0,
+            top: hat ? 4 : 0,
         },
         text: {
             lineHeight: (!small && 20) || 15,
@@ -46,8 +47,8 @@ var Sticker = function (_a) {
             transform: Platform.OS === 'ios' ? [{ skewX: '0deg' }] : [],
         },
     });
-    return (React.createElement(View, __assign({ style: styles.sticker }, others), label && React.createElement(Text, { style: styles.text }, label)));
-};
+    return (React.createElement(View, __assign({ style: styles.sticker, ref: ref }, others), children && typeof children === 'string' ? React.createElement(Text, { style: styles.text }, children) : children));
+});
 Sticker.displayName = ComponentName.Sticker;
 export default Sticker;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiU3RpY2tlci5uYXRpdmUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9jb21wb25lbnRzL3N0aWNrZXIvU3RpY2tlci5uYXRpdmUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLEtBQUssS0FBSyxNQUFNLE9BQU8sQ0FBQTtBQUM5QixPQUFPLEVBQUUsUUFBUSxFQUFFLFVBQVUsRUFBRSxJQUFJLEVBQUUsTUFBTSxjQUFjLENBQUE7QUFFekQsT0FBTyxFQUFFLGFBQWEsRUFBRSxlQUFlLEVBQUUsWUFBWSxFQUFFLE1BQU0sV0FBVyxDQUFBO0FBQ3hFLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxrQ0FBa0MsQ0FBQTtBQUNoRSxPQUFPLEVBQUUsSUFBSSxFQUFFLE1BQU0sbUJBQW1CLENBQUE7QUFFeEM7Ozs7Ozs7O0dBUUc7QUFDSCxJQUFNLE9BQU8sR0FBRyxVQUFDLEVBQTREO0lBQTFELElBQUEsT0FBTyxhQUFBLEVBQUUsS0FBSyxXQUFBLEVBQUUsUUFBUSxjQUFBLEVBQUUsS0FBSyxXQUFBLEVBQUssTUFBTSxjQUE1Qyx5Q0FBOEMsQ0FBRjtJQUMzRCxJQUFNLFlBQVksR0FBRyxhQUFhLENBQUMsWUFBWSxDQUFDLElBQUksQ0FBQyxDQUFBO0lBQ3JELElBQU0sTUFBTSxHQUFHLFVBQVUsQ0FBQyxNQUFNLENBQUM7UUFDL0IsT0FBTyxFQUFFO1lBQ1AsY0FBYyxFQUFFLFFBQVE7WUFDeEIsVUFBVSxFQUFFLEtBQUssQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDO1lBQ3pCLGFBQWEsRUFBRSxLQUFLLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQztZQUM1QixXQUFXLEVBQUUsS0FBSyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLEVBQUU7WUFDM0IsWUFBWSxFQUFFLEtBQUssQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxFQUFFO1lBQzVCLFNBQVMsRUFBRSxZQUFZO1lBQ3ZCLFdBQVcsRUFBRSxRQUFRLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQztZQUM3QixXQUFXLEVBQUUsQ0FBQyxRQUFRLElBQUksWUFBWSxDQUFDLElBQUksYUFBYTtZQUN4RCxlQUFlLEVBQUUsQ0FBQyxRQUFRLElBQUksT0FBTyxDQUFDLElBQUksQ0FBQyxPQUFPLElBQUksZUFBZSxDQUFDLE9BQU8sQ0FBQyxDQUFDLElBQUksWUFBWTtZQUMvRixtQkFBbUIsRUFBRSxDQUFDLENBQUMsS0FBSyxJQUFJLEVBQUUsQ0FBQyxJQUFJLENBQUMsS0FBSyxJQUFJLEVBQUUsQ0FBQyxJQUFJLENBQUM7WUFDekQsb0JBQW9CLEVBQUUsQ0FBQyxLQUFLLElBQUksRUFBRSxDQUFDLElBQUksRUFBRTtZQUN6QyxzQkFBc0IsRUFBRSxDQUFDLENBQUMsS0FBSyxJQUFJLEVBQUUsQ0FBQyxJQUFJLENBQUMsS0FBSyxJQUFJLEVBQUUsQ0FBQyxJQUFJLENBQUM7WUFDNUQsdUJBQXVCLEVBQUUsQ0FBQyxDQUFDLEtBQUssSUFBSSxFQUFFLENBQUMsSUFBSSxDQUFDLEtBQUssSUFBSSxFQUFFLENBQUMsSUFBSSxDQUFDO1lBQzdELFNBQVMsRUFBRSxDQUFDO1lBQ1osUUFBUSxFQUFFLEtBQUssQ0FBQyxDQUFDLENBQUMsRUFBRSxDQUFDLENBQUMsQ0FBQyxFQUFFO1lBQ3pCLEdBQUcsRUFBRSxDQUFDO1NBQ1A7UUFDRCxJQUFJLEVBQUU7WUFDSixVQUFVLEVBQUUsQ0FBQyxDQUFDLEtBQUssSUFBSSxFQUFFLENBQUMsSUFBSSxFQUFFO1lBQ2hDLFNBQVMsRUFBRSxRQUFRO1lBQ25CLEtBQUssRUFBRSxDQUFDLFFBQVEsSUFBSSxZQUFZLENBQUMsSUFBSSxhQUFhLENBQUMsWUFBWSxDQUFDLFVBQVUsQ0FBQztZQUMzRSxjQUFjLEVBQUUsUUFBUTtZQUN4QixVQUFVLEVBQUUsUUFBUTtZQUNwQixVQUFVLEVBQUUsTUFBTTtZQUNsQixRQUFRLEVBQUUsQ0FBQyxDQUFDLEtBQUssSUFBSSxFQUFFLENBQUMsSUFBSSxFQUFFO1lBQzlCLFNBQVMsRUFBRSxRQUFRLENBQUMsRUFBRSxLQUFLLEtBQUssQ0FBQyxDQUFDLENBQUMsQ0FBQyxFQUFFLEtBQUssRUFBRSxNQUFNLEVBQUUsQ0FBQyxDQUFDLENBQUMsQ0FBQyxFQUFFO1NBQzVEO0tBQ0YsQ0FBQyxDQUFBO0lBRUYsT0FBTyxDQUNMLG9CQUFDLElBQUksYUFBQyxLQUFLLEVBQUUsTUFBTSxDQUFDLE9BQU8sSUFBTSxNQUFNLEdBQ3BDLEtBQUssSUFBSSxvQkFBQyxJQUFJLElBQUMsS0FBSyxFQUFFLE1BQU0sQ0FBQyxJQUFJLElBQUcsS0FBSyxDQUFRLENBQzdDLENBQ1IsQ0FBQTtBQUNILENBQUMsQ0FBQTtBQUVELE9BQU8sQ0FBQyxXQUFXLEdBQUcsYUFBYSxDQUFDLE9BQU8sQ0FBQTtBQUUzQyxlQUFlLE9BQU8sQ0FBQSJ9
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiU3RpY2tlci5uYXRpdmUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9jb21wb25lbnRzL3N0aWNrZXIvU3RpY2tlci5uYXRpdmUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLEtBQUssTUFBTSxPQUFPLENBQUE7QUFDekIsT0FBTyxFQUFFLFFBQVEsRUFBRSxVQUFVLEVBQUUsSUFBSSxFQUFFLE1BQU0sY0FBYyxDQUFBO0FBRXpELE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxrQ0FBa0MsQ0FBQTtBQUVoRSxPQUFPLEVBQUUsSUFBSSxFQUFFLE1BQU0sbUJBQW1CLENBQUE7QUFDeEMsT0FBTyxFQUFFLGFBQWEsRUFBRSxZQUFZLEVBQUUsTUFBTSx3QkFBd0IsQ0FBQTtBQUNwRSxPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0sMEJBQTBCLENBQUE7QUFFMUQ7Ozs7Ozs7O0dBUUc7QUFDSCxJQUFNLE9BQU8sR0FBRyxLQUFLLENBQUMsVUFBVSxDQUM5QixVQUFDLEVBQW9FLEVBQUUsR0FBb0I7SUFBeEYsSUFBQSxRQUFRLGNBQUEsRUFBRSxPQUFPLGFBQUEsRUFBRSxLQUFLLFdBQUEsRUFBRSxHQUFHLFNBQUEsRUFBRSxRQUFRLGNBQUEsRUFBSyxNQUFNLGNBQXBELG1EQUFzRCxDQUFGO0lBQ25ELElBQU0sWUFBWSxHQUFHLGFBQWEsQ0FBQyxZQUFZLENBQUMsSUFBSSxDQUFDLENBQUE7SUFDckQsSUFBTSxNQUFNLEdBQUcsVUFBVSxDQUFDLE1BQU0sQ0FBQztRQUMvQixPQUFPLEVBQUU7WUFDUCxjQUFjLEVBQUUsUUFBUTtZQUN4QixVQUFVLEVBQUUsS0FBSyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUM7WUFDekIsYUFBYSxFQUFFLEtBQUssQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDO1lBQzVCLFdBQVcsRUFBRSxLQUFLLENBQUMsQ0FBQyxDQUFDLENBQUMs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

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

@@ -1,9 +1,11 @@
-import { Small } from '../../objects/facets/Small';
+/// <reference types="react" />
+import { StickerMarkup, StickerMarkupValues } from '../../components/sticker/StickerEnum';
 import { VariantProps } from '../../objects/facets';
-import { CommonProps } from '../../objects/facets/CommonProps';
-import { IconName, IconNameValues } from '../../components/icon';
-export interface StickerProps extends Small, VariantProps, CommonProps {
-    label: string;
-    iconName?: IconName | IconNameValues;
+import { Hat } from '../../objects/facets/Hat';
+import { Small } from '../../objects/facets/Small';
+export interface StickerProps extends Small, VariantProps, Hat {
+    children: React.ReactNode;
+    className?: string;
+    markup?: StickerMarkup | StickerMarkupValues;
     outlined?: boolean;
 }

package/lib/components/sticker/StickerPropsDefaults.js

@@ -1,58 +1,35 @@
 export default {
-  "label": {
+  "children": {
+    "type": "react",
+    "values": [
+      "undefined",
+      "null",
+      "string",
+      "number",
+      "false",
+      "true",
+      "JSXElementConstructor<any>>",
+      "ReactNode>",
+      "ReactPortal"
+    ]
+  },
+  "className": {
     "type": "string",
-    "values": []
+    "values": [
+      "undefined",
+      "string"
+    ]
   },
-  "iconName": {
+  "markup": {
     "type": "enum",
     "values": [
       "undefined",
-      "tri-alert",
-      "tri-arrow-down",
-      "tri-arrow-left",
-      "tri-arrow-right",
-      "tri-arrow-up",
-      "tri-bell",
-      "tri-check-circle",
-      "tri-check",
-      "tri-exclamation-circle",
-      "tri-eye-slash",
-      "tri-eye",
-      "tri-infos-circle",
-      "tri-search",
-      "tri-times",
-      "tri-trash",
-      "tri-picto-faciliti",
-      "tri-picto-handicapzero",
-      "tri-picto-la-fibre",
-      "tri-picto-payment-americanexpress",
-      "tri-picto-payment-cb",
-      "tri-picto-payment-mastercard",
-      "tri-picto-payment-paypal",
-      "tri-picto-payment-visa",
-      "tri-alert",
-      "tri-arrow-down",
-      "tri-arrow-left",
-      "tri-arrow-right",
-      "tri-arrow-up",
-      "tri-bell",
-      "tri-check-circle",
-      "tri-check",
-      "tri-exclamation-circle",
-      "tri-eye-slash",
-      "tri-eye",
-      "tri-infos-circle",
-      "tri-search",
-      "tri-times",
-      "tri-trash",
-      "tri-picto-faciliti",
-      "tri-picto-handicapzero",
-      "tri-picto-la-fibre",
-      "tri-picto-payment-americanexpress",
-      "tri-picto-payment-cb",
-      "tri-picto-payment-mastercard",
-      "tri-picto-payment-paypal",
-      "tri-picto-payment-visa"
+      "div",
+      "p",
+      "span",
+      "div",
+      "p",
+      "span"
     ]
   },
   "outlined": {
@@ -78,23 +55,17 @@ export default {
       "INFO",
       "MAIN",
       "ACCENT",
-      "INFO",
       "MAIN",
-      "ACCENT"
-    ]
-  },
-  "id": {
-    "type": "string",
-    "values": [
-      "undefined",
-      "string"
+      "ACCENT",
+      "INFO"
     ]
   },
-  "className": {
-    "type": "string",
+  "hat": {
+    "type": "boolean",
     "values": [
       "undefined",
-      "string"
+      "false",
+      "true"
     ]
   }
 };

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

@@ -1,3 +1,2 @@
-import Sticker from './Sticker';
-export * from './StickerEnum';
-export { Sticker };
+export { default as Sticker } from '../../components/sticker/Sticker';
+export * from '../../components/sticker/StickerEnum';

package/lib/components/sticker/index.js

@@ -1,4 +1,3 @@
-import Sticker from './Sticker';
-export * from './StickerEnum';
-export { Sticker };
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9jb21wb25lbnRzL3N0aWNrZXIvaW5kZXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxPQUFPLE1BQU0sV0FBVyxDQUFBO0FBRS9CLGNBQWMsZUFBZSxDQUFBO0FBRTdCLE9BQU8sRUFBRSxPQUFPLEVBQUUsQ0FBQSJ9
+export { default as Sticker } from '../../components/sticker/Sticker';
+export * from '../../components/sticker/StickerEnum';
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9jb21wb25lbnRzL3N0aWNrZXIvaW5kZXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLE9BQU8sSUFBSSxPQUFPLEVBQUUsTUFBTSw4QkFBOEIsQ0FBQTtBQUNqRSxjQUFjLGtDQUFrQyxDQUFBIn0=

package/lib/components/styleComponent/default/index.d.ts

@@ -1 +1 @@
-export { default as StyleComponent } from './styleComponent';
+export { default as StyleComponent } from '../../../components/styleComponent/default/styleComponent';

package/lib/components/styleComponent/default/index.js

@@ -1,2 +1,2 @@
-export { default as StyleComponent } from './styleComponent';
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9jb21wb25lbnRzL3N0eWxlQ29tcG9uZW50L2RlZmF1bHQvaW5kZXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLE9BQU8sSUFBSSxjQUFjLEVBQUUsTUFBTSxrQkFBa0IsQ0FBQSJ9
+export { default as StyleComponent } from '../../../components/styleComponent/default/styleComponent';
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9jb21wb25lbnRzL3N0eWxlQ29tcG9uZW50L2RlZmF1bHQvaW5kZXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLE9BQU8sSUFBSSxjQUFjLEVBQUUsTUFBTSxvREFBb0QsQ0FBQSJ9

package/lib/components/styleComponent/default/styleComponent.d.ts

@@ -1,5 +1,5 @@
-import '@trilogy-ds/styles/dist/default/trilogy.css';
 import { ReactNode } from 'react';
+import '@trilogy-ds/styles/dist/default/trilogy.css';
 declare const StyleComponent: ({ children }: {
     children: ReactNode;
 }) => JSX.Element;