@trilogy-ds/react 0.0.1-beta-108 → 0.0.1-beta-112

package/lib/components/otp/Otp.js

@@ -1,98 +1,118 @@
 import { Text, TextMarkup } from "../../components/text";
-import React, { useEffect, useRef, useState } from "react";
+import React, { useEffect, useMemo, useState } from "react";
 import { TypographyColor } from "../../objects/Typography";
 import clsx from "clsx";
 import { hashClass } from "../../helpers/hashClassesHelpers";
 import { is } from "../../services/classify";
 import { useTrilogyContext } from "../../context/index";
-const stringToCode = (str, codeSize) => {
-    if (!str)
-        return new Array(codeSize).fill(null);
-    return str.split("").map((char) => (char === "" ? null : Number(char)));
-};
-const codeToString = (code) => {
-    return code.map((char) => (char === null ? '_' : char)).join("");
-};
-const isCompleted = (myCode) => {
-    return myCode.every((code) => code !== null);
-};
-const focusToNextInput = (target, value) => {
-    const nextElementSibling = target.nextElementSibling;
-    if (nextElementSibling) {
-        if (value)
-            nextElementSibling.value = value;
-        if (target.value.length)
-            nextElementSibling.focus();
-    }
-    else {
-        target.focus();
-    }
-};
-const focusToPrevInput = (target) => {
-    const previousElementSibling = target.previousElementSibling;
-    if (previousElementSibling) {
-        previousElementSibling.focus();
-    }
-    else {
-        target.focus();
-    }
-};
-const updateCodeInput = (value, index, code) => {
-    const numberValue = Number(value);
-    if (isNaN(numberValue) || value.length < 1) {
-        return code;
-    }
-    const newCodeInput = code.map((code, idx) => {
-        return idx === index ? Number(value.slice(0, 1)) : code;
-    });
-    return updateCodeInput(value.slice(1), index + 1, newCodeInput);
-};
-const inputOnKeyUp = (e) => {
-    const { key } = e;
-    const target = e.target;
-    if (key === "ArrowRight" || key === "ArrowDown") {
-        return focusToNextInput(target);
-    }
-    if (key === "ArrowLeft" || key === "ArrowUp") {
-        return focusToPrevInput(target);
-    }
-    if (key === "Backspace") {
-        return (target.value === "") && focusToPrevInput(target);
-    }
-    if (key >= '0' && key <= '9') {
-        focusToNextInput(target);
-    }
-};
+/**
+ * OTP Code Component
+ * @param className {string} Additionnal css classes
+ * @param code {string} Code Text Input
+ * @param codeSize {number} Code Size Number
+ * @param disabled {boolean} Disabled OTP Code Input
+ * @param error {boolean} OTP Code Input has error | Display error icon
+ * @param onCompleted {Function} Return code input string
+ * @param onChange {Function} onChange Input return current code
+ * @param onFocus {Function} onFocus return if focused opt
+ * @param autoFocus {boolean} Should auto focus otp
+ */
 const Otp = ({ className, code, codeSize = 6, disabled, error, onCompleted, onChange, onFocus, label, errorMessage, autoFocus, ...others }) => {
-    const [codeInput, setCodeInput] = useState(stringToCode(code, codeSize) || new Array(codeSize).fill(null));
-    const hasChanged = useRef(false);
+    const [codeInput, setCodeInput] = useState(code || "");
+    const [, setFocused] = useState(false);
     const { styled } = useTrilogyContext();
+    const testDigit = /^-?\d*\.?\d*$/;
     const classes = hashClass(styled, clsx("otp-list", error && is("error"), className));
     useEffect(() => {
-        if (!disabled) {
-            isCompleted(codeInput) && (onCompleted === null || onCompleted === void 0 ? void 0 : onCompleted(codeToString(codeInput)));
+        if (!disabled && codeInput.length >= codeSize) {
+            onCompleted === null || onCompleted === void 0 ? void 0 : onCompleted(codeInput);
         }
-    }, [codeSize, codeInput, onCompleted, disabled]);
-    useEffect(() => {
-        hasChanged.current = codeInput.find((code) => code !== null) !== undefined;
-        if (hasChanged.current) {
-            onChange === null || onChange === void 0 ? void 0 : onChange(codeToString(codeInput));
+    }, [codeSize, codeInput]);
+    const valueItems = useMemo(() => {
+        const valueArray = codeInput.split("");
+        const items = [];
+        for (let i = 0; i < codeSize; i++) {
+            const char = valueArray[i];
+            if (testDigit.test(char)) {
+                items.push(char);
+            }
+            else {
+                items.push("");
+            }
+        }
+        return items;
+    }, [codeInput, codeSize]);
+    const focusToNextInput = (target) => {
+        const nextElementSibling = target.nextElementSibling;
+        if (nextElementSibling) {
+            nextElementSibling.focus();
         }
-    }, [codeInput]);
+    };
+    const focusToPrevInput = (target) => {
+        const previousElementSibling = target.previousElementSibling;
+        if (previousElementSibling) {
+            previousElementSibling.focus();
+        }
+    };
     const inputOnChange = (e, idx) => {
         const { target } = e;
-        const targetValue = target.value.trim();
-        if (targetValue.length > 0) {
-            setCodeInput(updateCodeInput(targetValue, idx, codeInput));
+        let targetValue = target.value.trim();
+        const isTargetValueDigit = testDigit.test(targetValue);
+        if (!isTargetValueDigit && targetValue !== "") {
+            return;
+        }
+        const nextInputEl = target.nextElementSibling;
+        if (!isTargetValueDigit && nextInputEl && nextInputEl.value !== "") {
+            return;
+        }
+        targetValue = isTargetValueDigit ? targetValue : "";
+        const targetValueLength = targetValue.length;
+        if (targetValueLength === 1) {
+            const newValue = codeInput.substring(0, idx) +
+                targetValue +
+                codeInput.substring(idx + 1);
+            if (onChange) {
+                onChange(newValue);
+            }
+            setCodeInput(newValue);
+            if (!isTargetValueDigit) {
+                return;
+            }
+            focusToNextInput(target);
         }
-        else {
-            setCodeInput(codeInput.map((code, index) => {
-                return index === idx ? null : code;
-            }));
+        else if (targetValueLength === codeSize) {
+            if (onChange) {
+                onChange(codeInput);
+            }
+            setCodeInput(targetValue);
+            target.blur();
         }
     };
+    const inputOnKeyDown = (e) => {
+        const { key } = e;
+        const target = e.target;
+        if (key === "ArrowRight" || key === "ArrowDown") {
+            e.preventDefault();
+            return focusToNextInput(target);
+        }
+        if (key === "ArrowLeft" || key === "ArrowUp") {
+            e.preventDefault();
+            return focusToPrevInput(target);
+        }
+        const targetValue = target.value;
+        target.setSelectionRange(0, targetValue.length);
+        if (e.key !== "Backspace" || targetValue !== "") {
+            target.value = "";
+            return;
+        }
+        focusToPrevInput(target);
+    };
     const inputOnFocus = (e) => {
         const { target } = e;
+        const prevInputEl = target.previousElementSibling;
+        if (prevInputEl && prevInputEl.value === "") {
+            return prevInputEl.focus();
+        }
         target.setSelectionRange(0, target.value.length);
     };
     return (React.createElement(React.Fragment, null,
@@ -101,9 +121,10 @@ const Otp = ({ className, code, codeSize = 6, disabled, error, onCompleted, onCh
                 TypographyColor.TEXT_MAIN }, label)),
         React.createElement("div", { "data-testid": "otp-input", className: classes, onClick: () => {
                 if (!disabled) {
+                    setFocused(true);
                     onFocus === null || onFocus === void 0 ? void 0 : onFocus(true);
                 }
-            } }, codeInput.map((digit, idx) => (React.createElement("input", { "aria-disabled": disabled, tabIndex: 0, key: idx, type: 'text', inputMode: 'numeric', autoComplete: 'one-time-code', autoFocus: idx === 0 && autoFocus, pattern: '\\d{1}', maxLength: codeSize, className: 'otp', value: `${digit !== null && digit !== void 0 ? digit : ""}`, onKeyUp: inputOnKeyUp, onFocus: inputOnFocus, onChange: (e) => inputOnChange(e, idx), disabled: disabled, ...others })))),
+            } }, valueItems.map((digit, idx) => (React.createElement("input", { "aria-disabled": disabled, tabIndex: 0, key: idx, type: 'text', inputMode: 'numeric', autoComplete: 'one-time-code', autoFocus: idx === 0 && autoFocus, pattern: '\\d{1}', maxLength: codeSize, className: 'otp', value: digit, onKeyDown: inputOnKeyDown, onFocus: inputOnFocus, onChange: (e) => inputOnChange(e, idx), disabled: disabled, ...others })))),
         errorMessage && (React.createElement(Text, { className: hashClass(styled, clsx("otp-error-message")), markup: TextMarkup.P, typo: (error && TypographyColor.TEXT_ERROR) || TypographyColor.TEXT_MAIN }, errorMessage))));
 };
 export default Otp;

package/lib/components/otp/Otp.js.map

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

package/lib/components/otp/Otp.native.js

@@ -58,7 +58,7 @@ const Otp = ({ code, codeSize = 6, disabled, error, onCompleted, onFocus, activa
             borderColor: (disabled && getColorStyle(TrilogyColor.DISABLED)) ||
                 (activated && getColorStyle(TrilogyColor.MAIN)) ||
                 (error && getColorStyle(TrilogyColor.ERROR)) ||
-                getColorStyle(TrilogyColor.NEUTRAL),
+                getColorStyle(TrilogyColor.FONT, 1),
             borderWidth: 1,
             borderRadius: 4,
             marginHorizontal: 5,

package/lib/components/otp/Otp.native.js.map

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

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

@@ -1,2 +1,3 @@
 import Otp from './Otp';
-export { Otp };
+import OtpExample from './Otp.example';
+export { Otp, OtpExample };

package/lib/components/otp/index.js

@@ -1,3 +1,4 @@
 import Otp from './Otp';
-export { Otp };
+import OtpExample from './Otp.example';
+export { Otp, OtpExample };
 //# sourceMappingURL=index.js.map

package/lib/components/otp/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../components/otp/index.ts"],"names":[],"mappings":"AAAA,OAAO,GAAG,MAAM,OAAO,CAAA;AAEvB,OAAO,EAAE,GAAG,EAAE,CAAA"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../components/otp/index.ts"],"names":[],"mappings":"AAAA,OAAO,GAAG,MAAM,OAAO,CAAA;AACvB,OAAO,UAAU,MAAM,eAAe,CAAA;AAEtC,OAAO,EAAE,GAAG,EAAE,UAAU,EAAE,CAAA"}

package/lib/components/pagination/Pagination.example.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const PaginationExample: React.ReactNode;
+export default PaginationExample;

package/lib/components/pagination/Pagination.example.js

@@ -0,0 +1,5 @@
+import React from 'react';
+import { Pagination } from './index';
+const PaginationExample = React.createElement(Pagination, { count: 50, defaultPage: 2 });
+export default PaginationExample;
+//# sourceMappingURL=Pagination.example.js.map

package/lib/components/pagination/Pagination.example.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Pagination.example.js","sourceRoot":"","sources":["../../../components/pagination/Pagination.example.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,UAAU,EAAE,MAAM,SAAS,CAAA;AAEpC,MAAM,iBAAiB,GAErB,oBAAC,UAAU,IACT,KAAK,EAAE,EAAE,EACT,WAAW,EAAE,CAAC,GACd,CAAA;AAEJ,eAAe,iBAAiB,CAAA"}

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

@@ -1,3 +1,4 @@
 import Pagination from './Pagination';
-export { Pagination };
+import PaginationExample from './Pagination.example';
+export { Pagination, PaginationExample };
 export * from './PaginationEnum';

package/lib/components/pagination/index.js

@@ -1,4 +1,5 @@
 import Pagination from './Pagination';
-export { Pagination };
+import PaginationExample from './Pagination.example';
+export { Pagination, PaginationExample };
 export * from './PaginationEnum';
 //# sourceMappingURL=index.js.map

package/lib/components/pagination/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../components/pagination/index.ts"],"names":[],"mappings":"AAAA,OAAO,UAAU,MAAM,cAAc,CAAA;AAErC,OAAO,EAAE,UAAU,EAAE,CAAA;AAErB,cAAc,kBAAkB,CAAA"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../components/pagination/index.ts"],"names":[],"mappings":"AAAA,OAAO,UAAU,MAAM,cAAc,CAAA;AACrC,OAAO,iBAAiB,MAAM,sBAAsB,CAAA;AAEpD,OAAO,EAAE,UAAU,EAAE,iBAAiB,EAAE,CAAA;AAExC,cAAc,kBAAkB,CAAA"}

package/lib/components/popover/Popover.example.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const PopoverExample: React.ReactNode;
+export default PopoverExample;

package/lib/components/popover/Popover.example.js

@@ -0,0 +1,7 @@
+import React from 'react';
+import { Popover } from './index';
+import { Button } from '../../components/button';
+const PopoverExample = React.createElement(Popover, { content: 'Voici une simple popover' },
+    React.createElement(Button, { variant: 'PRIMARY' }, "Simple Popover"));
+export default PopoverExample;
+//# sourceMappingURL=Popover.example.js.map

package/lib/components/popover/Popover.example.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Popover.example.js","sourceRoot":"","sources":["../../../components/popover/Popover.example.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,OAAO,EAAE,MAAM,SAAS,CAAA;AACjC,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAA;AAE5C,MAAM,cAAc,GAElB,oBAAC,OAAO,IAAC,OAAO,EAAC,0BAA0B;IACzC,oBAAC,MAAM,IAAC,OAAO,EAAC,SAAS,qBAEhB,CACD,CAAA;AAEZ,eAAe,cAAc,CAAA"}

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

@@ -1,3 +1,4 @@
 import Popover from './Popover';
+import PopoverExample from './Popover.example';
 export * from './PopoverEnum';
-export { Popover };
+export { Popover, PopoverExample };

package/lib/components/popover/index.js

@@ -1,4 +1,5 @@
 import Popover from './Popover';
+import PopoverExample from './Popover.example';
 export * from './PopoverEnum';
-export { Popover };
+export { Popover, PopoverExample };
 //# sourceMappingURL=index.js.map

package/lib/components/popover/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../components/popover/index.ts"],"names":[],"mappings":"AAAA,OAAO,OAAO,MAAM,WAAW,CAAA;AAE/B,cAAc,eAAe,CAAA;AAE7B,OAAO,EAAE,OAAO,EAAE,CAAA"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../components/popover/index.ts"],"names":[],"mappings":"AAAA,OAAO,OAAO,MAAM,WAAW,CAAA;AAC/B,OAAO,cAAc,MAAM,mBAAmB,CAAA;AAC9C,cAAc,eAAe,CAAA;AAE7B,OAAO,EAAE,OAAO,EAAE,cAAc,EAAE,CAAA"}

package/lib/components/price/Price.d.ts

@@ -13,14 +13,14 @@ import { PriceProps } from "./PriceProps";
  * @param inline {boolean} Inline display Price
  * @param accessibilityLabel {string} Accessibility label
  * @param testId {string} Test Id for Test Integration
- * @param overline {string} Price overline
+ * @param suptitle {string} Price Suptitle
  * @param tagAmount {number} Tag amount
  * @param tagSymbol {number} Tag symbol
  * - -------------------------- WEB PROPERTIES -------------------------------
  * @param className {string} Additionnal CSS Classes
- * @param strikedAmount {boolean} Striked Amount Price
+ * @param striked {boolean} Striked Price
  * - --------------- NATIVE PROPERTIES ----------------------------------
  * @param accessibilityActivate {boolean}
  */
-declare const Price: ({ className, amount, mention, period, showCents, level, inverted, align, inline, testId, accessibilityLabel, strikedAmount, overline, tagAmount, tagSymbol, ...others }: PriceProps) => JSX.Element;
+declare const Price: ({ className, amount, mention, period, showCents, level, inverted, align, alert, inline, testId, accessibilityLabel, striked, suptitle, tagAmount, tagSymbol, ...others }: PriceProps) => JSX.Element;
 export default Price;

package/lib/components/price/Price.example.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const PriceExample: React.ReactNode;
+export default PriceExample;

package/lib/components/price/Price.example.js

@@ -0,0 +1,12 @@
+import React from 'react';
+import { Price } from './index';
+import { Columns, ColumnsItem } from '../columns';
+const PriceExample = React.createElement(Columns, null,
+    React.createElement(ColumnsItem, null,
+        React.createElement(Price, { align: 'ALIGNED_START', amount: 24.99, period: 'mois', showCents: true })),
+    React.createElement(ColumnsItem, null,
+        React.createElement(Price, { amount: 24.99, mention: '(1)', period: 'mois', showCents: true, striked: true })),
+    React.createElement(ColumnsItem, null,
+        React.createElement(Price, { amount: 24.99, mention: '(1)', period: 'mois', showCents: true })));
+export default PriceExample;
+//# sourceMappingURL=Price.example.js.map

package/lib/components/price/Price.example.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Price.example.js","sourceRoot":"","sources":["../../../components/price/Price.example.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAA;AAC/B,OAAO,EAAE,OAAO,EAAE,WAAW,EAAE,MAAM,YAAY,CAAA;AAEjD,MAAM,YAAY,GAElB,oBAAC,OAAO;IACJ,oBAAC,WAAW;QACR,oBAAC,KAAK,IACF,KAAK,EAAC,eAAe,EACrB,MAAM,EAAE,KAAK,EACb,MAAM,EAAC,MAAM,EACb,SAAS,SACX,CACQ;IACd,oBAAC,WAAW;QACR,oBAAC,KAAK,IACF,MAAM,EAAE,KAAK,EACb,OAAO,EAAC,KAAK,EACb,MAAM,EAAC,MAAM,EACb,SAAS,QACT,OAAO,SACT,CACQ;IACd,oBAAC,WAAW;QACR,oBAAC,KAAK,IACF,MAAM,EAAE,KAAK,EACb,OAAO,EAAC,KAAK,EACb,MAAM,EAAC,MAAM,EACb,SAAS,SACX,CACQ,CACR,CAAA;AAEV,eAAe,YAAY,CAAA"}

package/lib/components/price/Price.js

@@ -6,7 +6,6 @@ import { Alignable, TypographyColor, TypographyBold } from "../../objects";
 import { checkCents } from "./PriceHelpers";
 import { hashClass } from "../../helpers";
 import { useTrilogyContext } from "../../context";
-import { PriceLevel } from "./PriceEnum";
 /**
  * Price Component
  * @param amount {number} Amount for Price
@@ -20,20 +19,19 @@ import { PriceLevel } from "./PriceEnum";
  * @param inline {boolean} Inline display Price
  * @param accessibilityLabel {string} Accessibility label
  * @param testId {string} Test Id for Test Integration
- * @param overline {string} Price overline
+ * @param suptitle {string} Price Suptitle
  * @param tagAmount {number} Tag amount
  * @param tagSymbol {number} Tag symbol
  * - -------------------------- WEB PROPERTIES -------------------------------
  * @param className {string} Additionnal CSS Classes
- * @param strikedAmount {boolean} Striked Amount Price
+ * @param striked {boolean} Striked Price
  * - --------------- NATIVE PROPERTIES ----------------------------------
  * @param accessibilityActivate {boolean}
  */
-const Price = ({ className, amount, mention, period, showCents = true, level, inverted, align, inline, testId, accessibilityLabel, strikedAmount, overline, tagAmount, tagSymbol, ...others }) => {
+const Price = ({ className, amount, mention, period, showCents, level, inverted, align, alert, inline, testId, accessibilityLabel, striked, suptitle, tagAmount, tagSymbol, ...others }) => {
     var _a;
     const { styled } = useTrilogyContext();
-    const classes = hashClass(styled, clsx("price", level && is(`level-${level}`), inverted && is("inverted"), inline && is("inlined"), overline && has("suptitle"), className));
-    const classesStriked = hashClass(styled, clsx("price", level && level == PriceLevel.ONE && is(`level-3`) || level == PriceLevel.TWO && is(`level-4`) || level == PriceLevel.THREE && is(`level-5`) || level == PriceLevel.FOUR && is(`level-6`) || is(`level-7`), inverted && is("inverted"), inline && is("inlined"), strikedAmount && is("striked"), overline && has("suptitle"), className));
+    const classes = hashClass(styled, clsx("price", alert && is(`${alert}`), level && is(`level-${level}`), inverted && is("inverted"), inline && is("inlined"), striked && is("striked"), suptitle && has("suptitle"), className));
     const priceParentNode = hashClass(styled, clsx((align == Alignable.ALIGNED_START && has("text-left")) ||
         (align == Alignable.ALIGNED_CENTER && has("text-centered")) ||
         (align == Alignable.ALIGNED_END && has("text-right")) ||
@@ -42,30 +40,14 @@ const Price = ({ className, amount, mention, period, showCents = true, level, in
     const absoluteAmount = Math.abs(amount);
     const absoluteWhole = Math.floor(absoluteAmount);
     const whole = isNegative ? -absoluteWhole : absoluteWhole;
-    const isNegativeStriked = strikedAmount && strikedAmount < 0;
-    const absoluteAmountStriked = strikedAmount && Math.abs(strikedAmount);
-    const absoluteWholeStriked = absoluteAmountStriked && Math.floor(absoluteAmountStriked);
-    const wholeStriked = isNegativeStriked && absoluteWholeStriked ? -absoluteWholeStriked : absoluteWholeStriked;
     let cents = checkCents(((_a = absoluteAmount.toString().split(/[.,]/)[1]) === null || _a === void 0 ? void 0 : _a.substring(0, 2)) || "");
     cents = (cents && cents.length === 1 && `${cents}0`) || cents;
     const centsDisplayed = (inline && showCents && `,${cents || "00"} €`) ||
         (showCents && `€${cents || "00"}`) ||
         "€";
-    const returnComponent = (React.createElement("div", { className: hashClass(styled, clsx("price-container")) },
-        overline && React.createElement("p", { className: hashClass(styled, clsx("overline")) }, overline),
-        strikedAmount && (React.createElement(React.Fragment, null,
-            React.createElement("span", { "aria-hidden": "true", "data-testid": testId, className: classesStriked, ...others },
-                React.createElement(Text, { markup: TextMarkup.SPAN }, `${wholeStriked}`),
-                React.createElement("span", { className: hashClass(styled, clsx("price-details")) },
-                    React.createElement("span", { className: hashClass(styled, clsx("cents")) },
-                        inline && centsDisplayed === "€" ? (React.createElement(React.Fragment, null,
-                            "\u00A0",
-                            centsDisplayed)) : (centsDisplayed),
-                        mention && React.createElement("sup", null, mention)),
-                    period && (React.createElement("span", { className: hashClass(styled, clsx("period")) },
-                        "/",
-                        period)))))),
-        React.createElement("span", { "aria-hidden": "true", "data-testid": testId, "aria-label": accessibilityLabel, className: classes, ...others },
+    const returnComponent = (React.createElement("span", { className: tagAmount ? hashClass(styled, clsx(is('aligned-center'), is('flex'))) : '' },
+        React.createElement("span", { "data-testid": testId, "aria-label": accessibilityLabel, className: classes, ...others },
+            suptitle && React.createElement("span", { className: 'price-suptitle' }, suptitle),
             React.createElement(Text, { markup: TextMarkup.SPAN }, `${whole}`),
             React.createElement("span", { className: hashClass(styled, clsx("price-details")) },
                 React.createElement("span", { className: hashClass(styled, clsx("cents")) },
@@ -76,15 +58,14 @@ const Price = ({ className, amount, mention, period, showCents = true, level, in
                 period && (React.createElement("span", { className: hashClass(styled, clsx("period")) },
                     "/",
                     period)))),
-        tagAmount && (React.createElement("span", { ...{ role: 'paragraph' }, className: hashClass(styled, clsx(('price-tag'))) },
+        tagAmount && (React.createElement("span", { className: hashClass(styled, clsx(('price-tag'))) },
             React.createElement(Text, { markup: TextMarkup.SPAN, typo: [TypographyBold.TEXT_WEIGHT_SEMIBOLD, TypographyColor.TEXT_WHITE] },
                 tagAmount,
                 " ",
                 tagSymbol ? tagSymbol : '€'),
             tagSymbol === '€' && period && React.createElement(Text, { markup: TextMarkup.SPAN, typo: [TypographyBold.TEXT_WEIGHT_NORMAL, TypographyColor.TEXT_WHITE] },
                 "\u00A0/",
-                period))),
-        accessibilityLabel && React.createElement("p", { className: 'sr-only' }, accessibilityLabel)));
+                period)))));
     if (align) {
         return React.createElement("div", { className: priceParentNode }, returnComponent);
     }

package/lib/components/price/Price.js.map

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

package/lib/components/price/Price.native.d.ts

@@ -12,15 +12,16 @@ import { ComponentName } from "../../components/enumsComponentsName";
  * @param inverted {boolean} Inverted Price Color
  * @param children {React.ReactNode}
  * @param align {Alignable} Price alignement
+ * @param alert {AlertState} Alert Variant (INFO|SUCCESS|WARNING|ERROR)
  * @param inline {boolean} Inline display Price
  * @param testId {string} id for test
  * @param accessibilityLabel {string}
- * @param overline {string} Price overline
+ * @param suptitle {string} Price Suptitle
  * @param tagAmount {number} Tag amount
  * @param tagSymbol {number} Tag symbol
  */
 declare const Price: {
-    ({ amount, mention, period, showCents, level, inverted, align, inline, testId, accessibilityLabel, strikedAmount, overline, style, tagAmount, tagSymbol, ...others }: PriceProps): JSX.Element;
+    ({ amount, mention, period, showCents, level, inverted, align, alert, inline, testId, accessibilityLabel, striked, suptitle, style, tagAmount, tagSymbol, ...others }: PriceProps): JSX.Element;
     displayName: ComponentName;
 };
 export default Price;