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

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

@@ -1,9 +1,9 @@
-import React from 'react';
-import { ComponentName } from '../enumsComponentsName';
-import { StyleSheet, View } from 'react-native';
-import { getColorStyle, TrilogyColor, TypographyAlign, TypographyColor } from '../../objects';
-import { Text, TextLevels } from '../text';
-import { PopoverDirection } from './PopoverEnum';
+import * as React from "react";
+import { ComponentName } from "../../components/enumsComponentsName";
+import { StyleSheet, View } from "react-native";
+import { getColorStyle, TrilogyColor, TypographyAlign, TypographyColor, } from "../../objects";
+import { Text, TextLevels } from "../../components/text";
+import { PopoverDirection } from "./PopoverEnum";
 /**
  * Popover Component
  * @param children {ReactNode} Popover children
@@ -13,15 +13,15 @@ import { PopoverDirection } from './PopoverEnum';
  * @param active {boolean} Is the popover active
  * @param arrowPosition {PopoverArrowPosition} Position of the popover arrow
  */
-const Popover = ({ children, active = false, content, direction }) => {
+const Popover = ({ children, active = false, content, direction, }) => {
     const styles = StyleSheet.create({
         container: {
-            alignItems: 'center',
+            alignItems: "center",
         },
         popover: {
             minWidth: 50,
             minHeight: 30,
-            backgroundColor: getColorStyle(TrilogyColor.TERTIARY),
+            backgroundColor: getColorStyle(TrilogyColor.MAIN),
             borderRadius: 6,
             justifyContent: "center",
             padding: 5,
@@ -31,44 +31,51 @@ const Popover = ({ children, active = false, content, direction }) => {
             height: 10,
         },
         arrowBottom: {
-            borderTopColor: getColorStyle(TrilogyColor.TERTIARY),
+            borderTopColor: getColorStyle(TrilogyColor.MAIN),
             borderTopWidth: 10,
             borderLeftWidth: 10,
             borderRightWidth: 10,
-            borderLeftColor: 'transparent',
-            borderRightColor: 'transparent',
+            borderLeftColor: "transparent",
+            borderRightColor: "transparent",
         },
         arrowTop: {
-            borderBottomColor: getColorStyle(TrilogyColor.TERTIARY),
+            borderBottomColor: getColorStyle(TrilogyColor.MAIN),
             borderBottomWidth: 10,
             borderLeftWidth: 10,
             borderRightWidth: 10,
-            borderLeftColor: 'transparent',
-            borderRightColor: 'transparent',
+            borderLeftColor: "transparent",
+            borderRightColor: "transparent",
         },
         arrowLeft: {
             borderTopWidth: 8,
             borderBottomWidth: 8,
             borderLeftWidth: 0,
             borderRightWidth: 8,
-            borderTopColor: 'transparent',
-            borderBottomColor: 'transparent',
-            borderLeftColor: 'transparent',
-            borderRightColor: getColorStyle(TrilogyColor.TERTIARY),
+            borderTopColor: "transparent",
+            borderBottomColor: "transparent",
+            borderLeftColor: "transparent",
+            borderRightColor: getColorStyle(TrilogyColor.MAIN),
         },
         arrowRight: {
             borderTopWidth: 8,
             borderBottomWidth: 8,
             borderLeftWidth: 8,
             borderRightWidth: 0,
-            borderTopColor: 'transparent',
-            borderBottomColor: 'transparent',
-            borderLeftColor: getColorStyle(TrilogyColor.TERTIARY),
-            borderRightColor: 'transparent',
+            borderTopColor: "transparent",
+            borderBottomColor: "transparent",
+            borderLeftColor: getColorStyle(TrilogyColor.MAIN),
+            borderRightColor: "transparent",
         },
     });
-    if (active && content && (direction === PopoverDirection.LEFT || direction === PopoverDirection.RIGHT)) {
-        return (React.createElement(View, { style: { flexDirection: 'row', justifyContent: 'center', alignItems: 'center' } },
+    if (active &&
+        content &&
+        (direction === PopoverDirection.LEFT ||
+            direction === PopoverDirection.RIGHT)) {
+        return (React.createElement(View, { style: {
+                flexDirection: "row",
+                justifyContent: "center",
+                alignItems: "center",
+            } },
             direction === PopoverDirection.RIGHT && (React.createElement(React.Fragment, null,
                 children,
                 React.createElement(View, { style: active ? [styles.arrow, styles.arrowLeft] : {} }))),
@@ -77,13 +84,18 @@ const Popover = ({ children, active = false, content, direction }) => {
                 React.createElement(View, { style: active ? [styles.arrow, styles.arrowRight] : {} }),
                 children))));
     }
-    if (active && content && (direction === PopoverDirection.BOTTOM || !direction)) {
+    if (active &&
+        content &&
+        (direction === PopoverDirection.BOTTOM || !direction)) {
         return (React.createElement(View, null,
             direction === PopoverDirection.BOTTOM && React.createElement(View, null, children),
             React.createElement(View, { style: styles.container },
-                direction === PopoverDirection.BOTTOM && React.createElement(View, { style: active ? [styles.arrow, styles.arrowTop] : {} }),
-                React.createElement(View, { style: active ? styles.popover : {} }, content && (React.createElement(Text, { level: TextLevels.FOUR, typo: [TypographyAlign.TEXT_CENTERED, TypographyColor.TEXT_WHITE] }, content))),
-                !direction && React.createElement(View, { style: active ? [styles.arrow, styles.arrowBottom] : {} })),
+                direction === PopoverDirection.BOTTOM && (React.createElement(View, { style: active ? [styles.arrow, styles.arrowTop] : {} })),
+                React.createElement(View, { style: active ? styles.popover : {} }, content && (React.createElement(Text, { level: TextLevels.FOUR, typo: [
+                        TypographyAlign.TEXT_CENTERED,
+                        TypographyColor.TEXT_WHITE,
+                    ] }, content))),
+                !direction && (React.createElement(View, { style: active ? [styles.arrow, styles.arrowBottom] : {} }))),
             !direction && React.createElement(View, null, children)));
     }
     return React.createElement(View, null, children);

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

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

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

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

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

@@ -0,0 +1,49 @@
+// Dependencies
+import * as React from 'react';
+import { is } from '../../../services/index';
+// Testing methods
+import { render, screen } from '@testing-library/react';
+// Component to test
+import { Popover } from '../';
+describe('Popover component', () => {
+    test('should have "popover" className', () => {
+        const { getByText } = render(React.createElement(Popover, null, "DEFAULT"));
+        expect(getByText('DEFAULT')).toHaveClass('popover');
+    });
+    test('should contain toto as text', () => {
+        const { getByText } = render(React.createElement(Popover, null, "toto"));
+        expect(getByText('toto')).toBeInTheDocument();
+    });
+    test('should be left', () => {
+        const { getByText } = render(React.createElement(Popover, { direction: 'left' }, "toto"));
+        expect(getByText("toto")).toHaveClass(is(`popover-left`));
+    });
+    test('should be right', () => {
+        const { getByText } = render(React.createElement(Popover, { direction: 'right' }, "toto"));
+        expect(getByText("toto")).toHaveClass(is(`popover-right`));
+    });
+    test('should be bottom', () => {
+        const { getByText } = render(React.createElement(Popover, { direction: 'bottom' }, "toto"));
+        expect(getByText("toto")).toHaveClass(is(`popover-bottom`));
+    });
+    test('should have "is-popover-active" className', () => {
+        render(React.createElement(Popover, { active: true }, "POPOVER ACTIVE"));
+        expect(screen.getByText('POPOVER ACTIVE')).toHaveClass(is('popover-active'));
+    });
+    test('should not have "is-popover-active" className', () => {
+        render(React.createElement(Popover, null, "DEFAULT"));
+        render(React.createElement(Popover, { active: false }, "POPOVER ACTIVE"));
+        expect(screen.getByText('DEFAULT')).not.toHaveClass(is('popover-active'));
+        expect(screen.getByText('POPOVER ACTIVE')).not.toHaveClass(is('popover-active'));
+    });
+    test('should have "toto" className', () => {
+        render(React.createElement(Popover, { className: 'toto' }, "CLASSNAME"));
+        expect(screen.getByText('CLASSNAME')).toHaveClass('toto');
+    });
+    test('should have "CONTENT" content', () => {
+        render(React.createElement(Popover, { content: 'CONTENT' }, "DEFAULT"));
+        expect(screen.getByText('CONTENT')).toHaveClass('popover-content');
+        expect(screen.getByText('CONTENT')).toBeInTheDocument();
+    });
+});
+//# sourceMappingURL=Popover.test.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Popover.test.js","sourceRoot":"","sources":["../../../../components/popover/test/Popover.test.tsx"],"names":[],"mappings":"AAAA,eAAe;AACf,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,EAAE,EAAE,EAAE,MAAM,yBAAyB,CAAA;AAE5C,kBAAkB;AAClB,OAAO,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAA;AAEvD,oBAAoB;AACpB,OAAO,EAAE,OAAO,EAAE,MAAM,KAAK,CAAA;AAG7B,QAAQ,CAAC,mBAAmB,EAAE,GAAG,EAAE;IACjC,IAAI,CAAC,iCAAiC,EAAE,GAAG,EAAE;QAC3C,MAAM,EAAC,SAAS,EAAC,GAAI,MAAM,CAAC,oBAAC,OAAO,kBAAkB,CAAC,CAAA;QACvD,MAAM,CAAC,SAAS,CAAC,SAAS,CAAC,CAAC,CAAC,WAAW,CAAC,SAAS,CAAC,CAAA;IACrD,CAAC,CAAC,CAAA;IAEF,IAAI,CAAC,6BAA6B,EAAE,GAAG,EAAE;QACxC,MAAK,EAAC,SAAS,EAAC,GAAE,MAAM,CAAC,oBAAC,OAAO,eAAe,CAAC,CAAA;QAChD,MAAM,CAAC,SAAS,CAAC,MAAM,CAAC,CAAC,CAAC,iBAAiB,EAAE,CAAA;IAC/C,CAAC,CAAC,CAAA;IAEF,IAAI,CAAC,gBAAgB,EAAE,GAAG,EAAE;QAC1B,MAAK,EAAC,SAAS,EAAC,GAAE,MAAM,CAAC,oBAAC,OAAO,IAAC,SAAS,EAAC,MAAM,WAAe,CAAC,CAAA;QAClE,MAAM,CAAC,SAAS,CAAC,MAAM,CAAC,CAAC,CAAC,WAAW,CAAC,EAAE,CAAC,cAAc,CAAC,CAAC,CAAA;IAC3D,CAAC,CAAC,CAAA;IAEF,IAAI,CAAC,iBAAiB,EAAE,GAAG,EAAE;QAC3B,MAAK,EAAC,SAAS,EAAC,GAAE,MAAM,CAAC,oBAAC,OAAO,IAAC,SAAS,EAAC,OAAO,WAAe,CAAC,CAAA;QACnE,MAAM,CAAC,SAAS,CAAC,MAAM,CAAC,CAAC,CAAC,WAAW,CAAC,EAAE,CAAC,eAAe,CAAC,CAAC,CAAA;IAC5D,CAAC,CAAC,CAAA;IAEF,IAAI,CAAC,kBAAkB,EAAE,GAAG,EAAE;QAC5B,MAAK,EAAC,SAAS,EAAC,GAAE,MAAM,CAAC,oBAAC,OAAO,IAAC,SAAS,EAAC,QAAQ,WAAe,CAAC,CAAA;QACpE,MAAM,CAAC,SAAS,CAAC,MAAM,CAAC,CAAC,CAAC,WAAW,CAAC,EAAE,CAAC,gBAAgB,CAAC,CAAC,CAAA;IAC7D,CAAC,CAAC,CAAA;IAIF,IAAI,CAAC,2CAA2C,EAAE,GAAG,EAAE;QACrD,MAAM,CAAC,oBAAC,OAAO,IAAC,MAAM,EAAE,IAAI,qBAA0B,CAAC,CAAA;QAEvD,MAAM,CAAC,MAAM,CAAC,SAAS,CAAC,gBAAgB,CAAC,CAAC,CAAC,WAAW,CAAC,EAAE,CAAC,gBAAgB,CAAC,CAAC,CAAA;IAC9E,CAAC,CAAC,CAAA;IAEF,IAAI,CAAC,+CAA+C,EAAE,GAAG,EAAE;QACzD,MAAM,CAAC,oBAAC,OAAO,kBAAkB,CAAC,CAAA;QAClC,MAAM,CAAC,oBAAC,OAAO,IAAC,MAAM,EAAE,KAAK,qBAA0B,CAAC,CAAA;QAExD,MAAM,CAAC,MAAM,CAAC,SAAS,CAAC,SAAS,CAAC,CAAC,CAAC,GAAG,CAAC,WAAW,CAAC,EAAE,CAAC,gBAAgB,CAAC,CAAC,CAAA;QACzE,MAAM,CAAC,MAAM,CAAC,SAAS,CAAC,gBAAgB,CAAC,CAAC,CAAC,GAAG,CAAC,WAAW,CAAC,EAAE,CAAC,gBAAgB,CAAC,CAAC,CAAA;IAClF,CAAC,CAAC,CAAA;IAGF,IAAI,CAAC,8BAA8B,EAAE,GAAG,EAAE;QACxC,MAAM,CAAC,oBAAC,OAAO,IAAC,SAAS,EAAC,MAAM,gBAAoB,CAAC,CAAA;QAErD,MAAM,CAAC,MAAM,CAAC,SAAS,CAAC,WAAW,CAAC,CAAC,CAAC,WAAW,CAAC,MAAM,CAAC,CAAA;IAC3D,CAAC,CAAC,CAAA;IAEF,IAAI,CAAC,+BAA+B,EAAE,GAAG,EAAE;QACzC,MAAM,CAAC,oBAAC,OAAO,IAAC,OAAO,EAAC,SAAS,cAAkB,CAAC,CAAA;QAEpD,MAAM,CAAC,MAAM,CAAC,SAAS,CAAC,SAAS,CAAC,CAAC,CAAC,WAAW,CAAC,iBAAiB,CAAC,CAAA;QAClE,MAAM,CAAC,MAAM,CAAC,SAAS,CAAC,SAAS,CAAC,CAAC,CAAC,iBAAiB,EAAE,CAAA;IACzD,CAAC,CAAC,CAAA;AAGJ,CAAC,CAAC,CAAA"}

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

@@ -1,14 +1,12 @@
 /// <reference types="react" />
-import { PriceProps } from './PriceProps';
+import { PriceProps } from "./PriceProps";
 /**
  * Price Component
- * @param variant {PriceVariant} Variant for Price (PRIMARY|SECONDARY)
  * @param amount {number} Amount for Price
  * @param mention {string} Mention for price ( (1)* )
  * @param period {string} Period for Price (mois)
  * @param showCents {boolean} Display cents
  * @param level {PriceLevel} Price custom size
- * @param huge {boolean} Price huge size
  * @param inverted {boolean} Inverted Price Color
  * @param children {React.ReactNode}
  * @param align {Alignable} Price alignement
@@ -16,10 +14,13 @@ import { PriceProps } from './PriceProps';
  * @param accessibilityLabel {string} Accessibility label
  * @param testId {string} Test Id for Test Integration
  * @param suptitle {string} Price Suptitle
+ * @param tagAmount {number} Tag amount
+ * @param tagSymbol {number} Tag symbol
  * - -------------------------- WEB PROPERTIES -------------------------------
  * @param className {string} Additionnal CSS Classes
  * @param striked {boolean} Striked Price
  * - --------------- NATIVE PROPERTIES ----------------------------------
+ * @param accessibilityActivate {boolean}
  */
-declare const Price: ({ className, variant, amount, mention, period, showCents, level, huge, inverted, align, alert, inline, testId, accessibilityLabel, striked, suptitle, ...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.js

@@ -1,20 +1,18 @@
-import React from 'react';
-import clsx from 'clsx';
-import { has, is } from '../../services/classify';
-import { Text } from '../text';
-import { Alignable } from '../../objects';
-import { checkCents } from './PriceHelpers';
-import { hashClass } from '../../helpers';
-import { useTrilogyContext } from '../../context';
+import * as React from "react";
+import clsx from "clsx";
+import { has, is } from "../../services/classify";
+import { Text, TextMarkup } from "../text";
+import { Alignable, TypographyColor, TypographyBold } from "../../objects";
+import { checkCents } from "./PriceHelpers";
+import { hashClass } from "../../helpers";
+import { useTrilogyContext } from "../../context";
 /**
  * Price Component
- * @param variant {PriceVariant} Variant for Price (PRIMARY|SECONDARY)
  * @param amount {number} Amount for Price
  * @param mention {string} Mention for price ( (1)* )
  * @param period {string} Period for Price (mois)
  * @param showCents {boolean} Display cents
  * @param level {PriceLevel} Price custom size
- * @param huge {boolean} Price huge size
  * @param inverted {boolean} Inverted Price Color
  * @param children {React.ReactNode}
  * @param align {Alignable} Price alignement
@@ -22,62 +20,57 @@ import { useTrilogyContext } from '../../context';
  * @param accessibilityLabel {string} Accessibility label
  * @param testId {string} Test Id for Test Integration
  * @param suptitle {string} Price Suptitle
+ * @param tagAmount {number} Tag amount
+ * @param tagSymbol {number} Tag symbol
  * - -------------------------- WEB PROPERTIES -------------------------------
  * @param className {string} Additionnal CSS Classes
  * @param striked {boolean} Striked Price
  * - --------------- NATIVE PROPERTIES ----------------------------------
+ * @param accessibilityActivate {boolean}
  */
-const Price = ({ className, variant, amount, mention, period, showCents, level, huge, inverted, align, alert, inline, testId, accessibilityLabel, striked, suptitle, ...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', !alert && variant && is(`${variant}`), !variant && alert && is(`${alert}`), level && !huge && is(`level-${level}`), huge && !level && is('huge'), 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')) ||
-        ''));
-    // const fixedCents = (n: any) => {
-    //   return n.toString().match(/^-?\d+(?:\.\d{0,2})?/)[0]
-    // }
+    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")) ||
+        ""));
     const isNegative = amount < 0;
     const absoluteAmount = Math.abs(amount);
-    // Math.floor on negative decimal decrease its value (as expected), ex: Math.floor(-17.09) => -18
-    // Use of Math.abs prevent this in our case
     const absoluteWhole = Math.floor(absoluteAmount);
     const whole = isNegative ? -absoluteWhole : absoluteWhole;
-    // Floating point problem Math.floor gives inconsistent results with decimals,
-    // Math.round prevents it and is enough with prices decimals
-    // ex: (17.09 - 17) * 100 = 8.999999999999986 > Floating point problem
-    // ex: Math.round((17.09 - 17) * 100) = 9 > Expected result
-    // For more informations https://floating-point-gui.de/
-    // const cents = Math.floor((absoluteAmount - absoluteWhole) * 100)
-    //   .toString()
-    //   .padStart(2, '0')
-    let cents = checkCents(((_a = absoluteAmount.toString().split(/[.,]/)[1]) === null || _a === void 0 ? void 0 : _a.substring(0, 2)) || '');
+    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 centsDisplayed = (inline && showCents && `,${cents || "00"} €`) ||
+        (showCents && `€${cents || "00"}`) ||
+        "€";
+    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")) },
+                    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)))),
+        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] },
+                React.createElement(React.Fragment, null, "\u00A0"),
+                "/",
+                period)))));
     if (align) {
-        return (React.createElement("div", { className: priceParentNode },
-            React.createElement("div", { "data-testid": testId, "aria-label": accessibilityLabel, className: classes, ...others },
-                suptitle && React.createElement("span", { className: 'price-suptitle' }, suptitle),
-                React.createElement(Text, { className: 'main' }, `${whole}`),
-                React.createElement("span", { className: hashClass(styled, clsx('price-details')) },
-                    React.createElement("span", { className: hashClass(styled, clsx('cents')) },
-                        centsDisplayed,
-                        mention && React.createElement("sup", null, mention)),
-                    period && React.createElement("span", { className: hashClass(styled, clsx('period')) },
-                        "/",
-                        period)))));
+        return React.createElement("div", { className: priceParentNode }, returnComponent);
     }
-    return (React.createElement("div", { "data-testid": testId, "aria-label": accessibilityLabel, className: classes, ...others },
-        suptitle && React.createElement("span", { className: 'price-suptitle' }, suptitle),
-        React.createElement(Text, { className: 'main' }, `${whole}`),
-        React.createElement("span", { className: hashClass(styled, clsx('price-details')) },
-            React.createElement("span", { className: hashClass(styled, clsx('cents')) },
-                centsDisplayed || '00',
-                mention && React.createElement("sup", null, mention)),
-            period && React.createElement("span", { className: hashClass(styled, clsx('period')) },
-                "/",
-                period))));
+    return returnComponent;
 };
 export default Price;
 //# sourceMappingURL=Price.js.map

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

@@ -1,15 +1,14 @@
 /// <reference types="react" />
-import { PriceProps } from './PriceProps';
-import { ComponentName } from '../enumsComponentsName';
+import { PriceProps } from "./PriceProps";
+import { ComponentName } from "../../components/enumsComponentsName";
 /**
  * Price Component
- * @param variant {PriceVariant} Variant for Price (PRIMARY|SECONDARY)
  * @param amount {number} Amount for Price
  * @param mention {string} Mention for price ( (1)* )
  * @param period {string} Period for Price (mois)
  * @param showCents {boolean} Display cents
  * @param level {PriceLevel} Price custom size
- * @param huge {boolean} Price huge size
+ * @param style {Object} Additional style
  * @param inverted {boolean} Inverted Price Color
  * @param children {React.ReactNode}
  * @param align {Alignable} Price alignement
@@ -18,9 +17,11 @@ import { ComponentName } from '../enumsComponentsName';
  * @param testId {string} id for test
  * @param accessibilityLabel {string}
  * @param suptitle {string} Price Suptitle
+ * @param tagAmount {number} Tag amount
+ * @param tagSymbol {number} Tag symbol
  */
 declare const Price: {
-    ({ variant, amount, mention, period, showCents, level, huge, inverted, align, alert, inline, testId, accessibilityLabel, striked, suptitle, ...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;