@trilogy-ds/react 0.0.1-beta-131 → 0.0.1-beta-134

package/lib/components/button/Button.js

@@ -40,7 +40,7 @@ var Button = function (_a) {
             return true;
     };
     var getClassNames = function (loading, variant, fullwidth, className) {
-        return clsx("button", loading ? is("loading") : is("loaded"), variant && is(getButtonVariantClassName(variant)), fullwidth && is("fullwidth"), className);
+        return clsx("button", loading && is("loading"), variant && is(getButtonVariantClassName(variant)), fullwidth && is("fullwidth"), className);
     };
     var classes = hashClass(styled, getClassNames(loading, variant, fullwidth, className));
     var Tag = markup && isCorrectMarkup(markup) ? markup : "button";
@@ -75,4 +75,4 @@ var Button = function (_a) {
         children));
 };
 export default Button;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQnV0dG9uLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vY29tcG9uZW50cy9idXR0b24vQnV0dG9uLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxLQUFLLE1BQU0sT0FBTyxDQUFBO0FBQ3pCLE9BQU8sSUFBSSxNQUFNLE1BQU0sQ0FBQTtBQUN2QixPQUFPLEVBQUUsRUFBRSxFQUFFLE1BQU0sa0JBQWtCLENBQUE7QUFFckMsT0FBTyxFQUFFLHlCQUF5QixFQUFFLE1BQU0sd0JBQXdCLENBQUE7QUFDbEUsT0FBTyxFQUFFLFlBQVksR0FBMkQsTUFBTSxjQUFjLENBQUE7QUFFcEcsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLFdBQVcsQ0FBQTtBQUNyQyxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxXQUFXLENBQUE7QUFDN0MsT0FBTyxFQUFFLElBQUksRUFBRSxNQUFNLG1CQUFtQixDQUFBO0FBRXhDOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7R0FxQkc7QUFFSCxJQUFNLE1BQU0sR0FBRyxVQUFDLEVBaUJGO0lBaEJaLElBQUEsTUFBTSxZQUFBLEVBQ04sT0FBTyxhQUFBLEVBQ1AsT0FBTyxhQUFBLEVBQ1AsSUFBSSxVQUFBLEVBQ0osRUFBRSxRQUFBLEVBQ0YsU0FBUyxlQUFBLEVBQ1QsUUFBUSxjQUFBLEVBQ1IsU0FBUyxlQUFBLEVBQ1QsRUFBRSxRQUFBLEVBQ0Ysa0JBQWtCLHdCQUFBLEVBQ2xCLE9BQU8sYUFBQSxFQUNQLElBQUksVUFBQSxFQUNKLFVBQVUsZ0JBQUEsRUFDVixJQUFJLFVBQUEsRUFDSixRQUFRLGNBQUEsRUFDTCxNQUFNLGNBaEJLLHFLQWlCZixDQURVO0lBRVQsSUFBTSxVQUFVLEdBQUcsTUFBTSxDQUFDLFFBQVEsSUFBSSxLQUFLLENBQUE7SUFDbkMsSUFBQSxNQUFNLEdBQUssaUJBQWlCLEVBQUUsT0FBeEIsQ0FBd0I7SUFFdEMseUNBQXlDO0lBQ3pDLElBQU0sZUFBZSxHQUFHLFVB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
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQnV0dG9uLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vY29tcG9uZW50cy9idXR0b24vQnV0dG9uLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxLQUFLLE1BQU0sT0FBTyxDQUFBO0FBQ3pCLE9BQU8sSUFBSSxNQUFNLE1BQU0sQ0FBQTtBQUN2QixPQUFPLEVBQUUsRUFBRSxFQUFFLE1BQU0sa0JBQWtCLENBQUE7QUFFckMsT0FBTyxFQUFFLHlCQUF5QixFQUFFLE1BQU0sd0JBQXdCLENBQUE7QUFDbEUsT0FBTyxFQUFFLFlBQVksR0FBMkQsTUFBTSxjQUFjLENBQUE7QUFFcEcsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLFdBQVcsQ0FBQTtBQUNyQyxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxXQUFXLENBQUE7QUFDN0MsT0FBTyxFQUFFLElBQUksRUFBRSxNQUFNLG1CQUFtQixDQUFBO0FBRXhDOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7R0FxQkc7QUFFSCxJQUFNLE1BQU0sR0FBRyxVQUFDLEVBaUJGO0lBaEJaLElBQUEsTUFBTSxZQUFBLEVBQ04sT0FBTyxhQUFBLEVBQ1AsT0FBTyxhQUFBLEVBQ1AsSUFBSSxVQUFBLEVBQ0osRUFBRSxRQUFBLEVBQ0YsU0FBUyxlQUFBLEVBQ1QsUUFBUSxjQUFBLEVBQ1IsU0FBUyxlQUFBLEVBQ1QsRUFBRSxRQUFBLEVBQ0Ysa0JBQWtCLHdCQUFBLEVBQ2xCLE9BQU8sYUFBQSxFQUNQLElBQUksVUFBQSxFQUNKLFVBQVUsZ0JBQUEsRUFDVixJQUFJLFVBQUEsRUFDSixRQUFRLGNBQUEsRUFDTCxNQUFNLGNBaEJLLHFLQWlCZixDQURVO0lBRVQsSUFBTSxVQUFVLEdBQUcsTUFBTSxDQUFDLFFBQVEsSUFBSSxLQUFLLENBQUE7SUFDbkMsSUFBQSxNQUFNLEdBQUssaUJBQWlCLEVBQUUsT0FBeEIsQ0FBd0I7SUFFdEMseUNBQXlDO0lBQ3pDLElBQU0sZUFBZSxHQUFHLFVB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

package/lib/components/button/list/ButtonList.d.ts

@@ -3,11 +3,6 @@ import { ButtonListWebProps } from './ButtonListProps';
 /**
  * Button List Component
  * @param children {ReactNode} ButtonList children
- * - -------------------------- WEB PROPERTIES -------------------------------
- * @param className {string} Additionnal CSS Classes
- * @param centered {boolean} Centered buttons
- * @param vertical {boolean} Verical buttons
- * @param isMobile {boolean} espect mobile screen
  */
-declare const ButtonList: ({ className, id, centered, vertical, ...others }: ButtonListWebProps) => JSX.Element;
+declare const ButtonList: ({ className, id, align, direction, ...others }: ButtonListWebProps) => JSX.Element;
 export default ButtonList;

package/lib/components/button/list/ButtonList.js

@@ -1,22 +1,18 @@
 import { __assign, __rest } from "tslib";
 import * as React from 'react';
-import { has } from '../../../services';
+import { is } from '../../../services';
 import clsx from 'clsx';
 import { hashClass } from '../../../helpers';
 import { useTrilogyContext } from '../../../context';
+import { getJustifiedClassName } from '../../../objects';
 /**
  * Button List Component
  * @param children {ReactNode} ButtonList children
- * - -------------------------- WEB PROPERTIES -------------------------------
- * @param className {string} Additionnal CSS Classes
- * @param centered {boolean} Centered buttons
- * @param vertical {boolean} Verical buttons
- * @param isMobile {boolean} espect mobile screen
  */
 var ButtonList = function (_a) {
-    var className = _a.className, id = _a.id, centered = _a.centered, vertical = _a.vertical, others = __rest(_a, ["className", "id", "centered", "vertical"]);
+    var className = _a.className, id = _a.id, align = _a.align, _b = _a.direction, direction = _b === void 0 ? 'row' : _b, others = __rest(_a, ["className", "id", "align", "direction"]);
     var styled = useTrilogyContext().styled;
-    return (React.createElement("div", __assign({ id: id, className: hashClass(styled, clsx('buttons', className, centered && has('text-centered'), vertical && 'is-vertical')) }, others)));
+    return (React.createElement("div", __assign({ id: id, className: hashClass(styled, clsx('buttons', className, align && is(getJustifiedClassName(align)), direction === 'column' && 'is-vertical')) }, others)));
 };
 export default ButtonList;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQnV0dG9uTGlzdC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL2NvbXBvbmVudHMvYnV0dG9uL2xpc3QvQnV0dG9uTGlzdC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUFBLE9BQU8sS0FBSyxLQUFLLE1BQU0sT0FBTyxDQUFBO0FBRTlCLE9BQU8sRUFBRSxHQUFHLEVBQUUsTUFBTSxZQUFZLENBQUE7QUFDaEMsT0FBTyxJQUFJLE1BQU0sTUFBTSxDQUFBO0FBQ3ZCLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSxXQUFXLENBQUE7QUFDckMsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sV0FBVyxDQUFBO0FBRTdDOzs7Ozs7OztHQVFHO0FBRUgsSUFBTSxVQUFVLEdBQUcsVUFBQyxFQUFvRTtJQUFsRSxJQUFBLFNBQVMsZUFBQSxFQUFFLEVBQUUsUUFBQSxFQUFFLFFBQVEsY0FBQSxFQUFFLFFBQVEsY0FBQSxFQUFLLE1BQU0sY0FBOUMsMkNBQWdELENBQUY7SUFDeEQsSUFBQSxNQUFNLEdBQUssaUJBQWlCLEVBQUUsT0FBeEIsQ0FBd0I7SUFFdEMsT0FBTyxDQUNMLHNDQUNFLEVBQUUsRUFBRSxFQUFFLEVBQ04sU0FBUyxFQUFFLFNBQVMsQ0FDbEIsTUFBTSxFQUNOLElBQUksQ0FBQyxTQUFTLEVBQUUsU0FBUyxFQUFFLFFBQVEsSUFBSSxHQUFHLENBQUMsZUFBZSxDQUFDLEVBQUUsUUFBUSxJQUFJLGFBQWEsQ0FBQyxDQUN4RixJQUNHLE1BQU0sRUFDVixDQUNILENBQUE7QUFDSCxDQUFDLENBQUE7QUFFRCxlQUFlLFVBQVUsQ0FBQSJ9
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQnV0dG9uTGlzdC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL2NvbXBvbmVudHMvYnV0dG9uL2xpc3QvQnV0dG9uTGlzdC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUFBLE9BQU8sS0FBSyxLQUFLLE1BQU0sT0FBTyxDQUFBO0FBRTlCLE9BQU8sRUFBRSxFQUFFLEVBQUUsTUFBTSxZQUFZLENBQUE7QUFDL0IsT0FBTyxJQUFJLE1BQU0sTUFBTSxDQUFBO0FBQ3ZCLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSxXQUFXLENBQUE7QUFDckMsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sV0FBVyxDQUFBO0FBQzdDLE9BQU8sRUFBRSxxQkFBcUIsRUFBRSxNQUFNLFdBQVcsQ0FBQTtBQUVqRDs7O0dBR0c7QUFFSCxJQUFNLFVBQVUsR0FBRyxVQUFDLEVBQTBFO0lBQXhFLElBQUEsU0FBUyxlQUFBLEVBQUUsRUFBRSxRQUFBLEVBQUUsS0FBSyxXQUFBLEVBQUUsaUJBQWlCLEVBQWpCLFNBQVMsbUJBQUcsS0FBSyxLQUFBLEVBQUssTUFBTSxjQUFwRCx5Q0FBc0QsQ0FBRjtJQUM5RCxJQUFBLE1BQU0sR0FBSyxpQkFBaUIsRUFBRSxPQUF4QixDQUF3QjtJQUV0QyxPQUFPLENBQ0wsc0NBQ0UsRUFBRSxFQUFFLEVBQUUsRUFDTixTQUFTLEVBQUUsU0FBUyxDQUNsQixNQUFNLEVBQ04sSUFBSSxDQUFDLFNBQVMsRUFBRSxTQUFTLEVBQUUsS0FBSyxJQUFJLEVBQUUsQ0FBQyxxQkFBcUIsQ0FBQyxLQUFLLENBQUMsQ0FBQyxFQUFFLFNBQVMsS0FBSyxRQUFRLElBQUksYUFBYSxDQUFDLENBQy9HLElBQ0csTUFBTSxFQUNWLENBQ0gsQ0FBQTtBQUNILENBQUMsQ0FBQTtBQUVELGVBQWUsVUFBVSxDQUFBIn0=

package/lib/components/button/list/ButtonListProps.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import type { Centerable } from '../../../objects';
+import { Alignable, AlignableValues } from '../../../objects';
 import type { DividerProps } from '../../../components/divider/DividerProps';
 import type { ButtonProps } from '../../../components/button/ButtonProps';
 import { CommonProps } from '../../../objects/facets/CommonProps';
@@ -13,7 +13,8 @@ export interface ButtonListProps {
 /**
  * Button List Web Interface
  */
-export interface ButtonListWebProps extends ButtonListProps, Centerable, CommonProps {
-    vertical?: boolean;
+export interface ButtonListWebProps extends ButtonListProps, CommonProps {
+    direction?: 'row' | 'column';
+    align?: Alignable | AlignableValues;
 }
 export {};

package/lib/components/button/list/ButtonListWebPropsDefaults.js

@@ -1,26 +1,30 @@
 export default {
-  "vertical": {
-    "type": "boolean",
+  "direction": {
+    "type": "string",
     "values": [
       "undefined",
-      "false",
-      "true"
+      "row",
+      "column"
     ]
   },
-  "children": {
-    "type": "react",
+  "align": {
+    "type": "enum",
     "values": [
       "undefined",
-      "JSXElementConstructor<any>>",
-      "ButtonListChildrenTypes[]"
+      "ALIGNED_CENTER",
+      "ALIGNED_START",
+      "ALIGNED_END",
+      "ALIGNED_CENTER",
+      "ALIGNED_START",
+      "ALIGNED_END"
     ]
   },
-  "centered": {
-    "type": "boolean",
+  "children": {
+    "type": "react",
     "values": [
       "undefined",
-      "false",
-      "true"
+      "JSXElementConstructor<any>>",
+      "ButtonListChildrenTypes[]"
     ]
   },
   "id": {

package/lib/components/card/Card.js

@@ -1,5 +1,5 @@
-import { __assign, __read, __rest } from "tslib";
-import React, { createContext, useEffect, useState } from 'react';
+import { __assign, __rest } from "tslib";
+import React, { createContext } from 'react';
 import clsx from 'clsx';
 import { is } from '../../services/classify';
 import { hashClass } from '../../helpers';
@@ -29,15 +29,11 @@ export var CardContext = createContext({ horizontal: false });
  */
 var Card = React.forwardRef(function (props, ref) {
     var className = props.className, id = props.id, flat = props.flat, horizontal = props.horizontal, floating = props.floating, skeleton = props.skeleton, onClick = props.onClick, reversed = props.reversed, href = props.href, fullheight = props.fullheight, active = props.active, others = __rest(props, ["className", "id", "flat", "horizontal", "floating", "skeleton", "onClick", "reversed", "href", "fullheight", "active"]);
-    var _a = __read(useState(skeleton || false), 2), isLoading = _a[0], setIsLoading = _a[1];
     var styled = useTrilogyContext().styled;
-    useEffect(function () {
-        setIsLoading(skeleton || false);
-    }, [skeleton]);
     var hoverStyle = {
         cursor: 'pointer',
     };
-    var classes = hashClass(styled, clsx('card', flat && !floating && is('flat'), horizontal && [is('horizontal'), is('vcentered')], floating && !flat && is('floating'), isLoading ? is('loading') : is('loaded'), reversed && is('reversed'), className, fullheight && is('fullheight'), active && is('active')));
+    var classes = hashClass(styled, clsx('card', flat && !floating && is('flat'), horizontal && [is('horizontal'), is('vcentered')], floating && !flat && is('floating'), skeleton && is('loading'), reversed && is('reversed'), className, fullheight && is('fullheight'), active && is('active')));
     if (href) {
         return (React.createElement("a", __assign({ id: id, href: href, onClick: function (e) {
                 // eslint-disable-next-line no-unused-expressions
@@ -48,4 +44,4 @@ var Card = React.forwardRef(function (props, ref) {
     return (React.createElement("div", __assign({ id: id, onClick: onClick && onClick, className: classes, style: onClick && __assign({}, hoverStyle) }, others, { ref: ref })));
 });
 export default Card;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQ2FyZC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL2NvbXBvbmVudHMvY2FyZC9DYXJkLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxLQUFLLEVBQUUsRUFBRSxhQUFhLEVBQUUsU0FBUyxFQUFFLFFBQVEsRUFBRSxNQUFNLE9BQU8sQ0FBQTtBQUNqRSxPQUFPLElBQUksTUFBTSxNQUFNLENBQUE7QUFFdkIsT0FBTyxFQUFFLEVBQUUsRUFBRSxNQUFNLHFCQUFxQixDQUFBO0FBQ3hDLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSxXQUFXLENBQUE7QUFDckMsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sV0FBVyxDQUFBO0FBRTdDLE1BQU0sQ0FBQyxJQUFNLFdBQVcsR0FBRyxhQUFhLENBQUMsRUFBRSxVQUFVLEVBQUUsS0FBSyxFQUFFLENBQUMsQ0FBQTtBQUUvRDs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0dBcUJHO0FBQ0gsSUFBTSxJQUFJLEdBQUcsS0FBSyxDQUFDLFVBQVUsQ0FBQyxVQUFDLEtBQWdCLEVBQUUsR0FBaUM7SUFFOUUsSUFBQSxTQUFTLEdBWVAsS0FBSyxVQVpFLEVBQ1QsRUFBRSxHQVdBLEtBQUssR0FYTCxFQUNGLElBQUksR0FVRixLQUFLLEtBVkgsRUFDSixVQUFVLEdBU1IsS0FBSyxXQVRHLEVBQ1YsUUFBUSxHQVFOLEtBQUssU0FSQyxFQUNSLFFBQVEsR0FPTixLQUFLLFNBUEMsRUFDUixPQUFPLEdBTUwsS0FBSyxRQU5BLEVBQ1AsUUFBUSxHQUtOLEtBQUssU0FMQyxFQUNSLElBQUksR0FJRixLQUFLLEtBSkgsRUFDSixVQUFVLEdBR1IsS0FBSyxXQUhHLEVBQ1YsTUFBTSxHQUVKLEtBQUssT0FGRCxFQUNILE1BQU0sVUFDUCxLQUFLLEVBYkgsd0hBYUwsQ0FEVSxDQUNGO0lBRUgsSUFBQSxLQUFBLE9BQTRCLFFBQVEsQ0FBVSxRQUFRLElBQUksS0FBSyxDQUFDLElBQUEsRUFBL0QsU0FBUyxRQUFBLEVBQUUsWUFBWSxRQUF3QyxDQUFBO0lBQzlELElBQUEsTUFBTSxHQUFLLGlCQUFpQixFQUFFLE9BQXhCLENBQXdCO0lBRXRDLFNBQVMsQ0FBQztRQUNSLFlBQVksQ0FBQyxRQUFRLElBQUksS0FBSyxDQUFDLENBQUE7SUFDakMsQ0FBQyxFQUFFLENBQUMsUUFBUSxDQUFDLENBQUMsQ0FBQTtJQUVkLElBQU0sVUFBVSxHQUF3QjtRQUN0QyxNQUFNLEVBQUUsU0FBUztLQUNsQixDQUFBO0lBRUQsSUFBTSxPQUFPLEdBQUcsU0FBUyxDQUN2QixNQUFNLEVBQ04sSUFBSSxDQUNGLE1BQU0sRUFDTixJQUFJLElBQUksQ0FBQyxRQUFRLElBQUksRUFBRSxDQUFDLE1BQU0sQ0FBQyxFQUMvQixVQUFVLElBQUksQ0FBQyxFQUFFLENBQUMsWUFBWSxDQUFDLEVBQUUsRUFBRSxDQUFDLFdBQVcsQ0FBQyxDQUFDLEVBQ2pELFFBQVEsSUFBSSxDQUFDLElBQUksSUFBSSxFQUFFLENBQUMsVUFBVSxDQUFDLEVBQ25DLFNBQVMsQ0FBQyxDQUFDLENBQUMsRUFBRSxDQUFDLFNBQVMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxFQUFFLENBQUMsUUFBUSxDQUFDLEVBQ3hDLFFBQVEsSUFBSSxFQUFFLENBQUMsVUFBVSxDQUFDLEVBQzFCLFNBQVMsRUFDVCxVQUFVLElBQUksRUFBRSxDQUFDLFlBQVksQ0FBQyxFQUM5QixNQUFNLElBQUksRUFBRSxDQUFDLFFBQVEsQ0FBQyxDQUN2QixDQUNGLENBQUE7SUFFRCxJQUFJLElBQUksRUFBRTtRQUNSLE9BQU8sQ0FDTCxvQ0FDRSxFQUFFLEVBQUUsRUFBRSxFQUNOLElBQUksRUFBRSxJQUFJLEVBQ1YsT0FBTyxFQUFFLFVBQUMsQ0FBQztnQkFDVCxpREFBaUQ7Z0JBQ2pELE9BQU8sYUFBUCxPQUFPLHVCQUFQLE9BQU8sQ0FBRyxDQUFDLENBQUMsQ0FBQTtnQkFDWixDQUFDLENBQUMsZUFBZSxFQUFFLENBQUE7WUFDckIsQ0FBQyxJQUNHLE1BQU0sSUFDVixTQUFTLEVBQUUsT0FBTyxFQUNsQixHQUFHLEVBQUUsR0FBeUMsSUFDOUMsQ0FDSCxDQUFBO0tBQ0Y7SUFFRCxPQUFPLENBQ0wsc0NBQ0UsRUFBRSxFQUFFLEVBQUUsRUFDTixPQUFPLEVBQUUsT0FBTyxJQUFJLE9BQU8sRUFDM0IsU0FBUyxFQUFFLE9BQU8sRUFDbEIsS0FBSyxFQUFFLE9BQU8saUJBQVMsVUFBVSxDQUFFLElBQy9CLE1BQU0sSUFDVixHQUFHLEVBQUUsR0FBc0MsSUFDM0MsQ0FDSCxDQUFBO0FBQ0gsQ0FBQyxDQUFDLENBQUE7QUFDRixlQUFlLElBQUksQ0FBQSJ9
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQ2FyZC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL2NvbXBvbmVudHMvY2FyZC9DYXJkLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxLQUFLLEVBQUUsRUFBRSxhQUFhLEVBQUUsTUFBTSxPQUFPLENBQUE7QUFDNUMsT0FBTyxJQUFJLE1BQU0sTUFBTSxDQUFBO0FBRXZCLE9BQU8sRUFBRSxFQUFFLEVBQUUsTUFBTSxxQkFBcUIsQ0FBQTtBQUN4QyxPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sV0FBVyxDQUFBO0FBQ3JDLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLFdBQVcsQ0FBQTtBQUU3QyxNQUFNLENBQUMsSUFBTSxXQUFXLEdBQUcsYUFBYSxDQUFDLEVBQUUsVUFBVSxFQUFFLEtBQUssRUFBRSxDQUFDLENBQUE7QUFFL0Q7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztHQXFCRztBQUNILElBQU0sSUFBSSxHQUFHLEtBQUssQ0FBQyxVQUFVLENBQUMsVUFBQyxLQUFnQixFQUFFLEdBQWlDO0lBRTlFLElBQUEsU0FBUyxHQVlQLEtBQUssVUFaRSxFQUNULEVBQUUsR0FXQSxLQUFLLEdBWEwsRUFDRixJQUFJLEdBVUYsS0FBSyxLQVZILEVBQ0osVUFBVSxHQVNSLEtBQUssV0FURyxFQUNWLFFBQVEsR0FRTixLQUFLLFNBUkMsRUFDUixRQUFRLEdBT04sS0FBSyxTQVBDLEVBQ1IsT0FBTyxHQU1MLEtBQUssUUFOQSxFQUNQLFFBQVEsR0FLTixLQUFLLFNBTEMsRUFDUixJQUFJLEdBSUYsS0FBSyxLQUpILEVBQ0osVUFBVSxHQUdSLEtBQUssV0FIRyxFQUNWLE1BQU0sR0FFSixLQUFLLE9BRkQsRUFDSCxNQUFNLFVBQ1AsS0FBSyxFQWJILHdIQWFMLENBRFUsQ0FDRjtJQUVELElBQUEsTUFBTSxHQUFLLGlCQUFpQixFQUFFLE9BQXhCLENBQXdCO0lBRXRDLElBQU0sVUFBVSxHQUF3QjtRQUN0QyxNQUFNLEVBQUUsU0FBUztLQUNsQixDQUFBO0lBRUQsSUFBTSxPQUFPLEdBQUcsU0FBUyxDQUN2QixNQUFNLEVBQ04sSUFBSSxDQUNGLE1BQU0sRUFDTixJQUFJLElBQUksQ0FBQyxRQUFRLElBQUksRUFBRSxDQUFDLE1BQU0sQ0FBQyxFQUMvQixVQUFVLElBQUksQ0FBQyxFQUFFLENBQUMsWUFBWSxDQUFDLEVBQUUsRUFBRSxDQUFDLFdBQVcsQ0FBQyxDQUFDLEVBQ2pELFFBQVEsSUFBSSxDQUFDLElBQUksSUFBSSxFQUFFLENBQUMsVUFBVSxDQUFDLEVBQ25DLFFBQVEsSUFBSSxFQUFFLENBQUMsU0FBUyxDQUFDLEVBQ3pCLFFBQVEsSUFBSSxFQUFFLENBQUMsVUFBVSxDQUFDLEVBQzFCLFNBQVMsRUFDVCxVQUFVLElBQUksRUFBRSxDQUFDLFlBQVksQ0FBQyxFQUM5QixNQUFNLElBQUksRUFBRSxDQUFDLFFBQVEsQ0FBQyxDQUN2QixDQUNGLENBQUE7SUFFRCxJQUFJLElBQUksRUFBRTtRQUNSLE9BQU8sQ0FDTCxvQ0FDRSxFQUFFLEVBQUUsRUFBRSxFQUNOLElBQUksRUFBRSxJQUFJLEVBQ1YsT0FBTyxFQUFFLFVBQUMsQ0FBQztnQkFDVCxpREFBaUQ7Z0JBQ2pELE9BQU8sYUFBUCxPQUFPLHVCQUFQLE9BQU8sQ0FBRyxDQUFDLENBQUMsQ0FBQTtnQkFDWixDQUFDLENBQUMsZUFBZSxFQUFFLENBQUE7WUFDckIsQ0FBQyxJQUNHLE1BQU0sSUFDVixTQUFTLEVBQUUsT0FBTyxFQUNsQixHQUFHLEVBQUUsR0FBeUMsSUFDOUMsQ0FDSCxDQUFBO0tBQ0Y7SUFFRCxPQUFPLENBQ0wsc0NBQ0UsRUFBRSxFQUFFLEVBQUUsRUFDTixPQUFPLEVBQUUsT0FBTyxJQUFJLE9BQU8sRUFDM0IsU0FBUyxFQUFFLE9BQU8sRUFDbEIsS0FBSyxFQUFFLE9BQU8saUJBQVMsVUFBVSxDQUFFLElBQy9CLE1BQU0sSUFDVixHQUFHLEVBQUUsR0FBc0MsSUFDM0MsQ0FDSCxDQUFBO0FBQ0gsQ0FBQyxDQUFDLENBQUE7QUFDRixlQUFlLElBQUksQ0FBQSJ9

package/lib/components/columns/{item/ColumnsItem.d.ts → column/Column.d.ts}

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { ColumnsItemProps } from './ColumnsItemProps';
+import { ColumnProps } from './ColumnProps';
 /**
  * Columns Item Component - Columns Child
  * @param size {ColumnsSize} Size 1-12
@@ -24,5 +24,5 @@ import { ColumnsItemProps } from './ColumnsItemProps';
  * @param fullhdOffset {ColumnsSize} Apply => is-offset-fullhd
  * @param align { Alignable | AlignableValues} align content
  */
-declare const ColumnsItem: React.ForwardRefExoticComponent<ColumnsItemProps & React.RefAttributes<HTMLDivElement>>;
-export default ColumnsItem;
+declare const Column: React.ForwardRefExoticComponent<ColumnProps & React.RefAttributes<HTMLDivElement>>;
+export default Column;

package/lib/components/columns/{item/ColumnsItem.js → column/Column.js}

@@ -29,11 +29,11 @@ import { getAlignClassName } from '../../../objects';
  * @param fullhdOffset {ColumnsSize} Apply => is-offset-fullhd
  * @param align { Alignable | AlignableValues} align content
  */
-var ColumnsItem = React.forwardRef(function (props, ref) {
+var Column = React.forwardRef(function (props, ref) {
     var className = props.className, id = props.id, size = props.size, mobileSize = props.mobileSize, tabletSize = props.tabletSize, touchSize = props.touchSize, desktopSize = props.desktopSize, widescreenSize = props.widescreenSize, fullhdSize = props.fullhdSize, offset = props.offset, mobileOffset = props.mobileOffset, tabletOffset = props.tabletOffset, touchOffset = props.touchOffset, desktopOffset = props.desktopOffset, widescreenOffset = props.widescreenOffset, fullhdOffset = props.fullhdOffset, narrow = props.narrow, verticalAlign = props.verticalAlign, others = __rest(props, ["className", "id", "size", "mobileSize", "tabletSize", "touchSize", "desktopSize", "widescreenSize", "fullhdSize", "offset", "mobileOffset", "tabletOffset", "touchOffset", "desktopOffset", "widescreenOffset", "fullhdOffset", "narrow", "verticalAlign"]);
     var styled = useTrilogyContext().styled;
     var classes = hashClass(styled, clsx('column', size && is("".concat(size)), mobileSize && is("".concat(mobileSize, "-mobile")), tabletSize && is("".concat(tabletSize, "-tablet")), touchSize && is("".concat(touchSize, "-tablet")), desktopSize && is("".concat(desktopSize, "-desktop")), widescreenSize && is("".concat(widescreenSize, "-widescreen")), fullhdSize && is("".concat(fullhdSize, "-fullhd")), offset && is("offset-".concat(offset)), mobileOffset && is("offset-".concat(mobileOffset, "-mobile")), tabletOffset && is("offset-".concat(tabletOffset, "-tablet")), touchOffset && is("offset-".concat(touchOffset, "-tablet")), desktopOffset && is("offset-".concat(desktopOffset, "-desktop")), widescreenOffset && is("offset-".concat(widescreenOffset, "-widescreen")), fullhdOffset && is("offset-".concat(fullhdOffset, "-fullhd")), narrow && is('narrow'), verticalAlign && is(getAlignClassName(verticalAlign)), className));
     return React.createElement("div", __assign({ id: id, ref: ref, className: classes }, others));
 });
-export default ColumnsItem;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQ29sdW1uc0l0ZW0uanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9jb21wb25lbnRzL2NvbHVtbnMvaXRlbS9Db2x1bW5zSXRlbS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUFBLE9BQU8sS0FBSyxLQUFLLE1BQU0sT0FBTyxDQUFBO0FBQzlCLE9BQU8sSUFBSSxNQUFNLE1BQU0sQ0FBQTtBQUV2QixPQUFPLEVBQUUsRUFBRSxFQUFFLE1BQU0scUJBQXFCLENBQUE7QUFDeEMsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLFdBQVcsQ0FBQTtBQUNyQyxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxXQUFXLENBQUE7QUFDN0MsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sV0FBVyxDQUFBO0FBRTdDOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztHQXVCRztBQUNILElBQU0sV0FBVyxHQUFHLEtBQUssQ0FBQyxVQUFVLENBQUMsVUFBQyxLQUF1QixFQUFFLEdBQW9DO0lBRS9GLElBQUEsU0FBUyxHQW1CUCxLQUFLLFVBbkJFLEVBQ1QsRUFBRSxHQWtCQSxLQUFLLEdBbEJMLEVBQ0YsSUFBSSxHQWlCRixLQUFLLEtBakJILEVBQ0osVUFBVSxHQWdCUixLQUFLLFdBaEJHLEVBQ1YsVUFBVSxHQWVSLEtBQUssV0FmRyxFQUNWLFNBQVMsR0FjUCxLQUFLLFVBZEUsRUFDVCxXQUFXLEdBYVQsS0FBSyxZQWJJLEVBQ1gsY0FBYyxHQVlaLEtBQUssZUFaTyxFQUNkLFVBQVUsR0FXUixLQUFLLFdBWEcsRUFDVixNQUFNLEdBVUosS0FBSyxPQVZELEVBQ04sWUFBWSxHQVNWLEtBQUssYUFUSyxFQUNaLFlBQVksR0FRVixLQUFLLGFBUkssRUFDWixXQUFXLEdBT1QsS0FBSyxZQVBJLEVBQ1gsYUFBYSxHQU1YLEtBQUssY0FOTSxFQUNiLGdCQUFnQixHQUtkLEtBQUssaUJBTFMsRUFDaEIsWUFBWSxHQUlWLEtBQUssYUFKSyxFQUNaLE1BQU0sR0FHSixLQUFLLE9BSEQsRUFDTixhQUFhLEdBRVgsS0FBSyxjQUZNLEVBQ1YsTUFBTSxVQUNQLEtBQUssRUFwQkgsNFBBb0JMLENBRFUsQ0FDRjtJQUVELElBQUEsTUFBTSxHQUFLLGlCQUFpQixFQUFFLE9BQXhCLENBQXdCO0lBRXRDLElBQU0sT0FBTyxHQUFHLFNBQVMsQ0FDdkIsTUFBTSxFQUNOLElBQUksQ0FDRixRQUFRLEVBQ1IsSUFBSSxJQUFJLEVBQUUsQ0FBQyxVQUFHLElBQUksQ0FBRSxDQUFDLEVBQ3JCLFVBQVUsSUFBSSxFQUFFLENBQUMsVUFBRyxVQUFVLFlBQVMsQ0FBQyxFQUN4QyxVQUFVLElBQUksRUFBRSxDQUFDLFVBQUcsVUFBVSxZQUFTLENBQUMsRUFDeEMsU0FBUyxJQUFJLEVBQUUsQ0FBQyxVQUFHLFNBQVMsWUFBUyxDQUFDLEVBQ3RDLFdBQVcsSUFBSSxFQUFFLENBQUMsVUFBRyxXQUFXLGFBQVUsQ0FBQyxFQUMzQyxjQUFjLElBQUksRUFBRSxDQUFDLFVBQUcsY0FBYyxnQkFBYSxDQUFDLEVBQ3BELFVBQVUsSUFBSSxFQUFFLENBQUMsVUFBRyxVQUFVLFlBQVMsQ0FBQyxFQUN4QyxNQUFNLElBQUksRUFBRSxDQUFDLGlCQUFVLE1BQU0sQ0FBRSxDQUFDLEVBQ2hDLFlBQVksSUFBSSxFQUFFLENBQUMsaUJBQVUsWUFBWSxZQUFTLENBQUMsRUFDbkQsWUFBWSxJQUFJLEVBQUUsQ0FBQyxpQkFBVSxZQUFZLFlBQVMsQ0FBQyxFQUNuRCxXQUFXLElBQUksRUFBRSxDQUFDLGlCQUFVLFdBQVcsWUFBUyxDQUFDLEVBQ2pELGFBQWEsSUFBSSxFQUFFLENBQUMsaUJBQVUsYUFBYSxhQUFVLENBQUMsRUFDdEQsZ0JBQWdCLElBQUksRUFBRSxDQUFDLGlCQUFVLGdCQUFnQixnQkFBYSxDQUFDLEVBQy9ELFlBQVksSUFBSSxFQUFFLENBQUMsaUJBQVUsWUFBWSxZQUFTLENBQUMsRUFDbkQsTUFBTSxJQUFJLEVBQUUsQ0FBQyxRQUFRLENBQUMsRUFDdEIsYUFBYSxJQUFJLEVBQUUsQ0FBQyxpQkFBaUIsQ0FBQyxhQUFhLENBQUMsQ0FBQyxFQUNyRCxTQUFTLENBQ1YsQ0FDRixDQUFBO0lBRUQsT0FBTyxzQ0FBSyxFQUFFLEVBQUUsRUFBRSxFQUFFLEdBQUcsRUFBRSxHQUFHLEVBQUUsU0FBUyxFQUFFLE9BQU8sSUFBTSxNQUFNLEVBQUksQ0FBQTtBQUNsRSxDQUFDLENBQUMsQ0FBQTtBQUVGLGVBQWUsV0FBVyxDQUFBIn0=
+export default Column;
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQ29sdW1uLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vY29tcG9uZW50cy9jb2x1bW5zL2NvbHVtbi9Db2x1bW4udHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLEtBQUssS0FBSyxNQUFNLE9BQU8sQ0FBQTtBQUM5QixPQUFPLElBQUksTUFBTSxNQUFNLENBQUE7QUFFdkIsT0FBTyxFQUFFLEVBQUUsRUFBRSxNQUFNLHFCQUFxQixDQUFBO0FBQ3hDLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSxXQUFXLENBQUE7QUFDckMsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sV0FBVyxDQUFBO0FBQzdDLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLFdBQVcsQ0FBQTtBQUU3Qzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7R0F1Qkc7QUFDSCxJQUFNLE1BQU0sR0FBRyxLQUFLLENBQUMsVUFBVSxDQUFDLFVBQUMsS0FBa0IsRUFBRSxHQUFvQztJQUVyRixJQUFBLFNBQVMsR0FtQlAsS0FBSyxVQW5CRSxFQUNULEVBQUUsR0FrQkEsS0FBSyxHQWxCTCxFQUNGLElBQUksR0FpQkYsS0FBSyxLQWpCSCxFQUNKLFVBQVUsR0FnQlIsS0FBSyxXQWhCRyxFQUNWLFVBQVUsR0FlUixLQUFLLFdBZkcsRUFDVixTQUFTLEdBY1AsS0FBSyxVQWRFLEVBQ1QsV0FBVyxHQWFULEtBQUssWUFiSSxFQUNYLGNBQWMsR0FZWixLQUFLLGVBWk8sRUFDZCxVQUFVLEdBV1IsS0FBSyxXQVhHLEVBQ1YsTUFBTSxHQVVKLEtBQUssT0FWRCxFQUNOLFlBQVksR0FTVixLQUFLLGFBVEssRUFDWixZQUFZLEdBUVYsS0FBSyxhQVJLLEVBQ1osV0FBVyxHQU9ULEtBQUssWUFQSSxFQUNYLGFBQWEsR0FNWCxLQUFLLGNBTk0sRUFDYixnQkFBZ0IsR0FLZCxLQUFLLGlCQUxTLEVBQ2hCLFlBQVksR0FJVixLQUFLLGFBSkssRUFDWixNQUFNLEdBR0osS0FBSyxPQUhELEVBQ04sYUFBYSxHQUVYLEtBQUssY0FGTSxFQUNWLE1BQU0sVUFDUCxLQUFLLEVBcEJILDRQQW9CTCxDQURVLENBQ0Y7SUFFRCxJQUFBLE1BQU0sR0FBSyxpQkFBaUIsRUFBRSxPQUF4QixDQUF3QjtJQUV0QyxJQUFNLE9BQU8sR0FBRyxTQUFTLENBQ3ZCLE1BQU0sRUFDTixJQUFJLENBQ0YsUUFBUSxFQUNSLElBQUksSUFBSSxFQUFFLENBQUMsVUFBRyxJQUFJLENBQUUsQ0FBQyxFQUNyQixVQUFVLElBQUksRUFBRSxDQUFDLFVBQUcsVUFBVSxZQUFTLENBQUMsRUFDeEMsVUFBVSxJQUFJLEVBQUUsQ0FBQyxVQUFHLFVBQVUsWUFBUyxDQUFDLEVBQ3hDLFNBQVMsSUFBSSxFQUFFLENBQUMsVUFBRyxTQUFTLFlBQVMsQ0FBQyxFQUN0QyxXQUFXLElBQUksRUFBRSxDQUFDLFVBQUcsV0FBVyxhQUFVLENBQUMsRUFDM0MsY0FBYyxJQUFJLEVBQUUsQ0FBQyxVQUFHLGNBQWMsZ0JBQWEsQ0FBQyxFQUNwRCxVQUFVLElBQUksRUFBRSxDQUFDLFVBQUcsVUFBVSxZQUFTLENBQUMsRUFDeEMsTUFBTSxJQUFJLEVBQUUsQ0FBQyxpQkFBVSxNQUFNLENBQUUsQ0FBQyxFQUNoQyxZQUFZLElBQUksRUFBRSxDQUFDLGlCQUFVLFlBQVksWUFBUyxDQUFDLEVBQ25ELFlBQVksSUFBSSxFQUFFLENBQUMsaUJBQVUsWUFBWSxZQUFTLENBQUMsRUFDbkQsV0FBVyxJQUFJLEVBQUUsQ0FBQyxpQkFBVSxXQUFXLFlBQVMsQ0FBQyxFQUNqRCxhQUFhLElBQUksRUFBRSxDQUFDLGlCQUFVLGFBQWEsYUFBVSxDQUFDLEVBQ3RELGdCQUFnQixJQUFJLEVBQUUsQ0FBQyxpQkFBVSxnQkFBZ0IsZ0JBQWEsQ0FBQyxFQUMvRCxZQUFZLElBQUksRUFBRSxDQUFDLGlCQUFVLFlBQVksWUFBUyxDQUFDLEVBQ25ELE1BQU0sSUFBSSxFQUFFLENBQUMsUUFBUSxDQUFDLEVBQ3RCLGFBQWEsSUFBSSxFQUFFLENBQUMsaUJBQWlCLENBQUMsYUFBYSxDQUFDLENBQUMsRUFDckQsU0FBUyxDQUNWLENBQ0YsQ0FBQTtJQUVELE9BQU8sc0NBQUssRUFBRSxFQUFFLEVBQUUsRUFBRSxHQUFHLEVBQUUsR0FBRyxFQUFFLFNBQVMsRUFBRSxPQUFPLElBQU0sTUFBTSxFQUFJLENBQUE7QUFDbEUsQ0FBQyxDQUFDLENBQUE7QUFFRixlQUFlLE1BQU0sQ0FBQSJ9

package/lib/components/columns/{item/ColumnsItem.native.d.ts → column/Column.native.d.ts}

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { ColumnsItemProps } from './ColumnsItemProps';
+import { ColumnProps } from './ColumnProps';
 import { ComponentName } from '../../../components/enumsComponentsName';
 /**
  * Columns Item Component - Columns Child
@@ -8,8 +8,8 @@ import { ComponentName } from '../../../components/enumsComponentsName';
  * @param children {React.ReactNode}
  * @param verticalCentered {boolean} Vertical center Column item
  */
-declare const ColumnsItem: {
-    ({ children, size, mobileSize, verticalAlign, ...others }: ColumnsItemProps): JSX.Element;
+declare const Column: {
+    ({ children, size, mobileSize, verticalAlign, ...others }: ColumnProps): JSX.Element;
     displayName: ComponentName;
 };
-export default ColumnsItem;
+export default Column;

package/lib/components/columns/column/Column.native.js

@@ -0,0 +1,32 @@
+import { __assign, __rest } from "tslib";
+import React, { useContext } from 'react';
+import { StyleSheet, View } from 'react-native';
+import { ColumnsContext } from '../../../components/columns/Columns.native';
+import { ComponentName } from '../../../components/enumsComponentsName';
+import { Alignable } from '../../../objects';
+/**
+ * Columns Item Component - Columns Child
+ * @param size {ColumnsSize} Size 1-12
+ * @param mobileSize {ColumnsSize} if size is missing.
+ * @param children {React.ReactNode}
+ * @param verticalCentered {boolean} Vertical center Column item
+ */
+var Column = function (_a) {
+    var children = _a.children, size = _a.size, mobileSize = _a.mobileSize, verticalAlign = _a.verticalAlign, others = __rest(_a, ["children", "size", "mobileSize", "verticalAlign"]);
+    var columnsContextValues = useContext(ColumnsContext);
+    var realSize = size || mobileSize;
+    var styles = StyleSheet.create({
+        Column: {
+            height: columnsContextValues.scrollable ? '100%' : undefined,
+            flex: !realSize ? 1 : realSize,
+            justifyContent: verticalAlign === Alignable.ALIGNED_CENTER ? 'center' : 'flex-start',
+            flexBasis: "".concat((realSize ? realSize / 12 : 12) * 100, "%"),
+            flexGrow: 0,
+            maxWidth: "".concat(((realSize ? realSize : 12) / 12) * 100, "%"),
+        },
+    });
+    return (React.createElement(View, __assign({ style: styles.Column }, others), children));
+};
+Column.displayName = ComponentName.Column;
+export default Column;
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQ29sdW1uLm5hdGl2ZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL2NvbXBvbmVudHMvY29sdW1ucy9jb2x1bW4vQ29sdW1uLm5hdGl2ZS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUFBLE9BQU8sS0FBSyxFQUFFLEVBQUUsVUFBVSxFQUFFLE1BQU0sT0FBTyxDQUFBO0FBQ3pDLE9BQU8sRUFBRSxVQUFVLEVBQUUsSUFBSSxFQUFFLE1BQU0sY0FBYyxDQUFBO0FBRS9DLE9BQU8sRUFBRSxjQUFjLEVBQUUsTUFBTSxxQ0FBcUMsQ0FBQTtBQUNwRSxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sa0NBQWtDLENBQUE7QUFDaEUsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLFdBQVcsQ0FBQTtBQUVyQzs7Ozs7O0dBTUc7QUFDSCxJQUFNLE1BQU0sR0FBRyxVQUFDLEVBQXFFO0lBQW5FLElBQUEsUUFBUSxjQUFBLEVBQUUsSUFBSSxVQUFBLEVBQUUsVUFBVSxnQkFBQSxFQUFFLGFBQWEsbUJBQUEsRUFBSyxNQUFNLGNBQXRELG1EQUF3RCxDQUFGO0lBQ3BFLElBQU0sb0JBQW9CLEdBQUcsVUFBVSxDQUFDLGNBQWMsQ0FBQyxDQUFBO0lBRXZELElBQU0sUUFBUSxHQUFHLElBQUksSUFBSSxVQUFVLENBQUE7SUFFbkMsSUFBTSxNQUFNLEdBQUcsVUFBVSxDQUFDLE1BQU0sQ0FBQztRQUMvQixNQUFNLEVBQUU7WUFDTixNQUFNLEVBQUUsb0JBQW9CLENBQUMsVUFBVSxDQUFDLENBQUMsQ0FBQyxNQUFNLENBQUMsQ0FBQyxDQUFDLFNBQVM7WUFDNUQsSUFBSSxFQUFFLENBQUMsUUFBUSxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLFFBQVE7WUFDOUIsY0FBYyxFQUFFLGFBQWEsS0FBSyxTQUFTLENBQUMsY0FBYyxDQUFDLENBQUMsQ0FBQyxRQUFRLENBQUMsQ0FBQyxDQUFDLFlBQVk7WUFDcEYsU0FBUyxFQUFFLFVBQUcsQ0FBQyxRQUFRLENBQUMsQ0FBQyxDQUFDLFFBQVEsR0FBRyxFQUFFLENBQUMsQ0FBQyxDQUFDLEVBQUUsQ0FBQyxHQUFHLEdBQUcsTUFBRztZQUN0RCxRQUFRLEVBQUUsQ0FBQztZQUNYLFFBQVEsRUFBRSxVQUFHLENBQUMsQ0FBQyxRQUFRLENBQUMsQ0FBQyxDQUFDLFFBQVEsQ0FBQyxDQUFDLENBQUMsRUFBRSxDQUFDLEdBQUcsRUFBRSxDQUFDLEdBQUcsR0FBRyxNQUFHO1NBQ3hEO0tBQ0YsQ0FBQyxDQUFBO0lBRUYsT0FBTyxDQUNMLG9CQUFDLElBQUksYUFBQyxLQUFLLEVBQUUsTUFBTSxDQUFDLE1BQU0sSUFBTSxNQUFNLEdBQ25DLFFBQVEsQ0FDSixDQUNSLENBQUE7QUFDSCxDQUFDLENBQUE7QUFFRCxNQUFNLENBQUMsV0FBVyxHQUFHLGFBQWEsQ0FBQyxNQUFNLENBQUE7QUFFekMsZUFBZSxNQUFNLENBQUEifQ==

package/lib/components/columns/{item/ColumnsItemProps.d.ts → column/ColumnProps.d.ts}

@@ -5,7 +5,7 @@ import { CommonProps } from '../../../objects/facets/CommonProps';
 /**
  * Columns Item Interface
  */
-export interface ColumnsItemProps extends AlignableProps, CommonProps {
+export interface ColumnProps extends AlignableProps, CommonProps {
     children?: React.ReactNode;
     size?: ColumnsSize;
     mobileSize?: ColumnsSize;

package/lib/components/columns/column/ColumnProps.js

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

package/lib/components/columns/column/index.d.ts

@@ -0,0 +1,2 @@
+import Column from './Column';
+export default Column;

package/lib/components/columns/column/index.js

@@ -0,0 +1,3 @@
+import Column from './Column';
+export default Column;
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9jb21wb25lbnRzL2NvbHVtbnMvY29sdW1uL2luZGV4LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sTUFBTSxNQUFNLFVBQVUsQ0FBQTtBQUU3QixlQUFlLE1BQU0sQ0FBQSJ9

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

@@ -1,3 +1,3 @@
 import Columns from './Columns';
-import ColumnsItem from './item';
-export { Columns, ColumnsItem };
+import Column from './column';
+export { Columns, Column };

package/lib/components/columns/index.js

@@ -1,4 +1,4 @@
 import Columns from './Columns';
-import ColumnsItem from './item';
-export { Columns, ColumnsItem };
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9jb21wb25lbnRzL2NvbHVtbnMvaW5kZXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxPQUFPLE1BQU0sV0FBVyxDQUFBO0FBQy9CLE9BQU8sV0FBVyxNQUFNLFFBQVEsQ0FBQTtBQUVoQyxPQUFPLEVBQUUsT0FBTyxFQUFFLFdBQVcsRUFBRSxDQUFBIn0=
+import Column from './column';
+export { Columns, Column };
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9jb21wb25lbnRzL2NvbHVtbnMvaW5kZXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxPQUFPLE1BQU0sV0FBVyxDQUFBO0FBQy9CLE9BQU8sTUFBTSxNQUFNLFVBQVUsQ0FBQTtBQUU3QixPQUFPLEVBQUUsT0FBTyxFQUFFLE1BQU0sRUFBRSxDQUFBIn0=

package/lib/components/enumsComponentsName.d.ts

@@ -32,7 +32,7 @@ export declare enum ComponentName {
     Checkbox = "Checkbox",
     CheckboxesList = "CheckboxesList",
     Columns = "Columns",
-    ColumnsItem = "ColumnsItem",
+    Column = "Column",
     Container = "Container",
     ContentSize = "ContentSize",
     Countdown = "Countdown",
@@ -100,7 +100,7 @@ export declare enum ComponentName {
     Radio = "Radio",
     RadioList = "RadioList",
     Rows = "Rows",
-    RowsItem = "RowsItem",
+    Row = "Row",
     ScrollView = "ScrollView",
     Section = "Section",
     Select = "Select",

package/lib/components/enumsComponentsName.js

@@ -33,7 +33,7 @@ export var ComponentName;
     ComponentName["Checkbox"] = "Checkbox";
     ComponentName["CheckboxesList"] = "CheckboxesList";
     ComponentName["Columns"] = "Columns";
-    ComponentName["ColumnsItem"] = "ColumnsItem";
+    ComponentName["Column"] = "Column";
     ComponentName["Container"] = "Container";
     ComponentName["ContentSize"] = "ContentSize";
     ComponentName["Countdown"] = "Countdown";
@@ -101,7 +101,7 @@ export var ComponentName;
     ComponentName["Radio"] = "Radio";
     ComponentName["RadioList"] = "RadioList";
     ComponentName["Rows"] = "Rows";
-    ComponentName["RowsItem"] = "RowsItem";
+    ComponentName["Row"] = "Row";
     ComponentName["ScrollView"] = "ScrollView";
     ComponentName["Section"] = "Section";
     ComponentName["Select"] = "Select";
@@ -152,4 +152,4 @@ export var ComponentName;
     ComponentName["ChipsList"] = "ChipsList";
     ComponentName["Range"] = "Range";
 })(ComponentName || (ComponentName = {}));
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZW51bXNDb21wb25lbnRzTmFtZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uL2NvbXBvbmVudHMvZW51bXNDb21wb25lbnRzTmFtZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxNQUFNLENBQU4sSUFBWSxhQXdKWDtBQXhKRCxXQUFZLGFBQWE7SUFDdkIsd0NBQXVCLENBQUE7SUFDdkIsZ0RBQStCLENBQUE7SUFDL0Isb0RBQW1DLENBQUE7SUFDbkMsZ0RBQStCLENBQUE7SUFDL0IsOENBQTZCLENBQUE7SUFDN0IsMENBQXlCLENBQUE7SUFDekIsd0RBQXVDLENBQUE7SUFDdkMsNENBQTJCLENBQUE7SUFDM0IsZ0NBQWUsQ0FBQTtJQUNmLDBEQUF5QyxDQUFBO0lBQ3pDLDBDQUF5QixDQUFBO0lBQ3pCLDRCQUFXLENBQUE7SUFDWCx3Q0FBdUIsQ0FBQTtJQUN2QixvQ0FBbUIsQ0FBQTtJQUNuQiw0Q0FBMkIsQ0FBQTtJQUMzQix3Q0FBdUIsQ0FBQTtJQUN2QiwwQ0FBeUIsQ0FBQTtJQUN6Qix3Q0FBdUIsQ0FBQTtJQUN2Qix3REFBdUMsQ0FBQTtJQUN2QywwQ0FBeUIsQ0FBQTtJQUN6QixrREFBaUMsQ0FBQTtJQUNqQyxrQ0FBaUIsQ0FBQTtJQUNqQiwwQ0FBeUIsQ0FBQTtJQUN6QixnREFBK0IsQ0FBQTtJQUMvQiw4Q0FBNkIsQ0FBQTtJQUM3QiwwQ0FBeUIsQ0FBQTtJQUN6Qiw4QkFBYSxDQUFBO0lBQ2Isd0NBQXVCLENBQUE7SUFDdkIsNENBQTJCLENBQUE7SUFDM0IsMENBQXlCLENBQUE7SUFDekIsc0NBQXFCLENBQUE7SUFDckIsa0RBQWlDLENBQUE7SUFDakMsb0NBQW1CLENBQUE7SUFDbkIsNENBQTJCLENBQUE7SUFDM0Isd0NBQXVCLENBQUE7SUFDdkIsNENBQTJCLENBQUE7SUFDM0Isd0NBQXVCLENBQUE7SUFDdkIsb0NBQW1CLENBQUE7SUFDbkIsNEJBQVcsQ0FBQTtJQUNYLDhCQUFhLENBQUE7SUFDYiw4QkFB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
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZW51bXNDb21wb25lbnRzTmFtZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uL2NvbXBvbmVudHMvZW51bXNDb21wb25lbnRzTmFtZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxNQUFNLENBQU4sSUFBWSxhQXdKWDtBQXhKRCxXQUFZLGFBQWE7SUFDdkIsd0NBQXVCLENBQUE7SUFDdkIsZ0RBQStCLENBQUE7SUFDL0Isb0RBQW1DLENBQUE7SUFDbkMsZ0RBQStCLENBQUE7SUFDL0IsOENBQTZCLENBQUE7SUFDN0IsMENBQXlCLENBQUE7SUFDekIsd0RBQXVDLENBQUE7SUFDdkMsNENBQTJCLENBQUE7SUFDM0IsZ0NBQWUsQ0FBQTtJQUNmLDBEQUF5QyxDQUFBO0lBQ3pDLDBDQUF5QixDQUFBO0lBQ3pCLDRCQUFXLENBQUE7SUFDWCx3Q0FBdUIsQ0FBQTtJQUN2QixvQ0FBbUIsQ0FBQTtJQUNuQiw0Q0FBMkIsQ0FBQTtJQUMzQix3Q0FBdUIsQ0FBQTtJQUN2QiwwQ0FBeUIsQ0FBQTtJQUN6Qix3Q0FBdUIsQ0FBQTtJQUN2Qix3REFBdUMsQ0FBQTtJQUN2QywwQ0FBeUIsQ0FBQTtJQUN6QixrREFBaUMsQ0FBQTtJQUNqQyxrQ0FBaUIsQ0FBQTtJQUNqQiwwQ0FBeUIsQ0FBQTtJQUN6QixnREFBK0IsQ0FBQTtJQUMvQiw4Q0FBNkIsQ0FBQTtJQUM3QiwwQ0FBeUIsQ0FBQTtJQUN6Qiw4QkFBYSxDQUFBO0lBQ2Isd0NBQXVCLENBQUE7SUFDdkIsNENBQTJCLENBQUE7SUFDM0IsMENBQXlCLENBQUE7SUFDekIsc0NBQXFCLENBQUE7SUFDckIsa0RBQWlDLENBQUE7SUFDakMsb0NBQW1CLENBQUE7SUFDbkIsa0NBQWlCLENBQUE7SUFDakIsd0NBQXVCLENBQUE7SUFDdkIsNENBQTJCLENBQUE7SUFDM0Isd0NBQXVCLENBQUE7SUFDdkIsb0NBQW1CLENBQUE7SUFDbkIsNEJBQVcsQ0FBQTtJQUNYLDhCQUFhLENBQUE7SUFDYiw4QkFB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

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

@@ -13,12 +13,10 @@ import { PriceProps } from './PriceProps';
  * @param inline {boolean} Inline display Price
  * @param accessibilityLabel {string} Accessibility label
  * @param overline {string} Price overline
- * @param tagAmount {number} Tag amount
- * @param tagSymbol {number} Tag symbol
  * @param oldAmount {boolean} old Amount Price
  * - -------------------------- WEB PROPERTIES -------------------------------
  * @param className {string} Additionnal CSS Classes
  * - --------------- NATIVE PROPERTIES ----------------------------------
  */
-declare const Price: ({ className, id, amount, mention, period, hideCents, level, inverted, align, inline, accessibilityLabel, oldAmount, overline, tagAmount, tagSymbol, ...others }: PriceProps) => JSX.Element;
+declare const Price: ({ className, id, amount, mention, period, hideCents, level, inverted, align, inline, accessibilityLabel, oldAmount, overline, tagValue, tagLabel, ...others }: PriceProps) => JSX.Element;
 export default Price;

package/lib/components/price/Price.js

@@ -20,37 +20,29 @@ import { useTrilogyContext } from '../../context';
  * @param inline {boolean} Inline display Price
  * @param accessibilityLabel {string} Accessibility label
  * @param overline {string} Price overline
- * @param tagAmount {number} Tag amount
- * @param tagSymbol {number} Tag symbol
  * @param oldAmount {boolean} old Amount Price
  * - -------------------------- WEB PROPERTIES -------------------------------
  * @param className {string} Additionnal CSS Classes
  * - --------------- NATIVE PROPERTIES ----------------------------------
  */
 var Price = function (_a) {
-    var _b;
-    var className = _a.className, id = _a.id, amount = _a.amount, mention = _a.mention, period = _a.period, _c = _a.hideCents, hideCents = _c === void 0 ? false : _c, level = _a.level, inverted = _a.inverted, align = _a.align, inline = _a.inline, accessibilityLabel = _a.accessibilityLabel, oldAmount = _a.oldAmount, overline = _a.overline, tagAmount = _a.tagAmount, tagSymbol = _a.tagSymbol, others = __rest(_a, ["className", "id", "amount", "mention", "period", "hideCents", "level", "inverted", "align", "inline", "accessibilityLabel", "oldAmount", "overline", "tagAmount", "tagSymbol"]);
+    var _b, _c;
+    var className = _a.className, id = _a.id, amount = _a.amount, mention = _a.mention, period = _a.period, _d = _a.hideCents, hideCents = _d === void 0 ? false : _d, level = _a.level, inverted = _a.inverted, align = _a.align, inline = _a.inline, accessibilityLabel = _a.accessibilityLabel, oldAmount = _a.oldAmount, overline = _a.overline, tagValue = _a.tagValue, tagLabel = _a.tagLabel, others = __rest(_a, ["className", "id", "amount", "mention", "period", "hideCents", "level", "inverted", "align", "inline", "accessibilityLabel", "oldAmount", "overline", "tagValue", "tagLabel"]);
     var styled = useTrilogyContext().styled;
     var classes = hashClass(styled, clsx('price', inverted && is('inverted'), inline && is('inlined'), overline && has('suptitle'), className));
     var classesStrike = hashClass(styled, clsx('price', inverted && is('inverted'), inline && is('inlined'), oldAmount && 'strike', overline && has('suptitle'), className));
-    var 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')) ||
-        ''));
-    var isNegative = amount < 0;
-    var absoluteAmount = Math.abs(amount);
-    var absoluteWhole = Math.floor(absoluteAmount);
-    var whole = isNegative ? -absoluteWhole : absoluteWhole;
-    var isNegativeStrike = oldAmount && oldAmount < 0;
-    var absoluteAmountStrike = oldAmount && Math.abs(oldAmount);
-    var absoluteWholeStrike = absoluteAmountStrike && Math.floor(absoluteAmountStrike);
-    var wholeStrike = isNegativeStrike && absoluteWholeStrike ? -absoluteWholeStrike : absoluteWholeStrike;
-    var cents = checkCents(((_b = absoluteAmount.toString().split(/[.,]/)[1]) === null || _b === void 0 ? void 0 : _b.substring(0, 2)) || '');
-    cents = (cents && cents.length === 1 && "".concat(cents, "0")) || cents;
-    var centsDisplayed = (inline && hideCents && ",".concat(cents || '00', " \u20AC")) || (hideCents && "\u20AC".concat(cents || '00')) || '€';
-    var returnComponent = (React.createElement("div", { id: id, className: hashClass(styled, clsx('price-container', is("level-".concat(level || '1')))) },
-        overline && React.createElement("p", { className: hashClass(styled, clsx('overline')) }, overline),
-        oldAmount && (React.createElement("span", __assign({ "aria-hidden": 'true', className: classesStrike }, others),
+    var amountComponent = null;
+    var oldAmountComponent = null;
+    var tagAmountComponent = null;
+    if (oldAmount) {
+        var isNegativeStrike = oldAmount && oldAmount < 0;
+        var absoluteAmountStrike = oldAmount && Math.abs(oldAmount);
+        var absoluteWholeStrike = absoluteAmountStrike && Math.floor(absoluteAmountStrike);
+        var wholeStrike = isNegativeStrike && absoluteWholeStrike ? -absoluteWholeStrike : absoluteWholeStrike;
+        var cents = checkCents(((_b = absoluteAmountStrike.toString().split(/[.,]/)[1]) === null || _b === void 0 ? void 0 : _b.substring(0, 2)) || '');
+        cents = (cents && cents.length === 1 && "".concat(cents, "0")) || cents;
+        var centsDisplayed = (inline && !hideCents && ",".concat(cents || '00', " \u20AC")) || (!hideCents && "\u20AC".concat(cents || '00')) || '€';
+        oldAmountComponent = (React.createElement("span", __assign({ "aria-hidden": 'true', className: classesStrike }, others),
             React.createElement(Text, { markup: TextMarkup.SPAN }, "".concat(wholeStrike)),
             React.createElement("span", { className: hashClass(styled, clsx('price-details')) },
                 React.createElement("span", { className: hashClass(styled, clsx('cents')) },
@@ -60,8 +52,17 @@ var Price = function (_a) {
                     mention && React.createElement("sup", null, mention)),
                 period && React.createElement("span", { className: hashClass(styled, clsx('period')) },
                     "/",
-                    period)))),
-        React.createElement("span", __assign({ "aria-hidden": 'true', "aria-label": accessibilityLabel, className: classes }, others),
+                    period))));
+    }
+    if (amount) {
+        var isNegative = amount < 0;
+        var absoluteAmount = Math.abs(amount);
+        var absoluteWhole = Math.floor(absoluteAmount);
+        var whole = isNegative ? -absoluteWhole : absoluteWhole;
+        var cents = checkCents(((_c = absoluteAmount.toString().split(/[.,]/)[1]) === null || _c === void 0 ? void 0 : _c.substring(0, 2)) || '');
+        cents = (cents && cents.length === 1 && "".concat(cents, "0")) || cents;
+        var centsDisplayed = (inline && !hideCents && ",".concat(cents || '00', " \u20AC")) || (!hideCents && "\u20AC".concat(cents || '00')) || '€';
+        amountComponent = (React.createElement("span", __assign({ "aria-hidden": 'true', "aria-label": accessibilityLabel, className: classes }, others),
             React.createElement(Text, { markup: TextMarkup.SPAN }, "".concat(whole)),
             React.createElement("span", { className: hashClass(styled, clsx('price-details')) },
                 React.createElement("span", { className: hashClass(styled, clsx('cents')) },
@@ -71,20 +72,24 @@ var Price = function (_a) {
                     mention && React.createElement("sup", null, mention)),
                 period && React.createElement("span", { className: hashClass(styled, clsx('period')) },
                     "/",
-                    period))),
-        tagAmount && (React.createElement("span", __assign({}, { role: 'paragraph' }, { className: hashClass(styled, clsx('price-tag')) }),
-            React.createElement(Text, { className: clsx('tag-amount'), markup: TextMarkup.SPAN, typo: [TypographyBold.TEXT_WEIGHT_SEMIBOLD, TypographyColor.TEXT_WHITE] },
-                tagAmount,
-                " ",
-                tagSymbol ? tagSymbol : '€'),
-            tagSymbol === '€' && period && (React.createElement(Text, { className: clsx('tag-period'), markup: TextMarkup.SPAN, typo: [TypographyBold.TEXT_WEIGHT_NORMAL, TypographyColor.TEXT_WHITE] },
-                "\u00A0/",
-                period)))),
-        accessibilityLabel && React.createElement("p", { className: 'sr-only' }, accessibilityLabel)));
-    if (align) {
-        return React.createElement("div", { className: priceParentNode }, returnComponent);
+                    period))));
     }
-    return returnComponent;
+    if (tagValue && amount) {
+        tagAmountComponent = (React.createElement("span", __assign({}, { role: 'paragraph' }, { className: hashClass(styled, clsx('price-tag')) }),
+            React.createElement(Text, { className: clsx('tag-amount'), markup: TextMarkup.SPAN, typo: [TypographyBold.TEXT_WEIGHT_SEMIBOLD, TypographyColor.TEXT_WHITE] }, tagValue),
+            tagLabel && (React.createElement(Text, { className: clsx('tag-period'), markup: TextMarkup.SPAN, typo: [TypographyBold.TEXT_WEIGHT_NORMAL, TypographyColor.TEXT_WHITE] },
+                "\u00A0",
+                tagLabel))));
+    }
+    return (React.createElement("div", { id: id, className: hashClass(styled, clsx('price-container', is("level-".concat(level || '1')), (align == Alignable.ALIGNED_START && is('justified-left')) ||
+            (align == Alignable.ALIGNED_CENTER && is('justified-center')) ||
+            (align == Alignable.ALIGNED_END && is('justified-right')) ||
+            '')) },
+        overline && React.createElement("p", { className: hashClass(styled, clsx('overline')) }, overline),
+        oldAmountComponent,
+        amountComponent,
+        tagAmountComponent,
+        accessibilityLabel && React.createElement("p", { className: 'sr-only' }, accessibilityLabel)));
 };
 export default Price;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiUHJpY2UuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9jb21wb25lbnRzL3ByaWNlL1ByaWNlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxLQUFLLEtBQUssTUFBTSxPQUFPLENBQUE7QUFDOUIsT0FBTyxJQUFJLE1BQU0sTUFBTSxDQUFBO0FBRXZCLE9BQU8sRUFBRSxHQUFHLEVBQUUsRUFBRSxFQUFFLE1BQU0scUJBQXFCLENBQUE7QUFDN0MsT0FBTyxFQUFFLElBQUksRUFBRSxVQUFVLEVBQUUsTUFBTSxTQUFTLENBQUE7QUFDMUMsT0FBTyxFQUFFLFNBQVMsRUFBRSxjQUFjLEVBQUUsZUFBZSxFQUFFLE1BQU0sV0FBVyxDQUFBO0FBQ3RFLE9BQU8sRUFBRSxVQUFVLEVBQUUsTUFBTSxnQkFBZ0IsQ0FBQTtBQUMzQyxPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sV0FBVyxDQUFBO0FBQ3JDLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLFdBQVcsQ0FBQTtBQUc3Qzs7Ozs7Ozs7Ozs7Ozs7Ozs7OztHQW1CRztBQUNILElBQU0sS0FBSyxHQUFHLFVBQUMsRUFpQkY7O0lBaEJYLElBQUEsU0FBUyxlQUFBLEVBQ1QsRUFBRSxRQUFBLEVBQ0YsTUFBTSxZQUFBLEVBQ04sT0FBTyxhQUFBLEVBQ1AsTUFBTSxZQUFBLEVBQ04saUJBQWlCLEVBQWpCLFNBQVMsbUJBQUcsS0FBSyxLQUFBLEVBQ2pCLEtBQUssV0FBQSxFQUNMLFFBQVEsY0FBQSxFQUNSLEtBQUssV0FBQSxFQUNMLE1BQU0sWUFBQSxFQUNOLGtCQUFrQix3QkFBQSxFQUNsQixTQUFTLGVBQUEsRUFDVCxRQUFRLGNBQUEsRUFDUixTQUFTLGVBQUEsRUFDVCxTQUFTLGVBQUEsRUFDTixNQUFNLGNBaEJJLGdMQWlCZCxDQURVO0lBRUQsSUFBQSxNQUFNLEdBQUssaUJBQWlCLEVBQUUsT0FBeEIsQ0FBd0I7SUFFdEMsSUFBTSxPQUFPLEdBQUcsU0FBUyxD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
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiUHJpY2UuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9jb21wb25lbnRzL3ByaWNlL1ByaWNlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxLQUFLLEtBQUssTUFBTSxPQUFPLENBQUE7QUFDOUIsT0FBTyxJQUFJLE1BQU0sTUFBTSxDQUFBO0FBRXZCLE9BQU8sRUFBRSxHQUFHLEVBQUUsRUFBRSxFQUFFLE1BQU0scUJBQXFCLENBQUE7QUFDN0MsT0FBTyxFQUFFLElBQUksRUFBRSxVQUFVLEVBQUUsTUFBTSxTQUFTLENBQUE7QUFDMUMsT0FBTyxFQUFFLFNBQVMsRUFBRSxjQUFjLEVBQUUsZUFBZSxFQUFFLE1BQU0sV0FBVyxDQUFBO0FBQ3RFLE9BQU8sRUFBRSxVQUFVLEVBQUUsTUFBTSxnQkFBZ0IsQ0FBQTtBQUMzQyxPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sV0FBVyxDQUFBO0FBQ3JDLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLFdBQVcsQ0FBQTtBQUU3Qzs7Ozs7Ozs7Ozs7Ozs7Ozs7R0FpQkc7QUFDSCxJQUFNLEtBQUssR0FBRyxVQUFDLEVBaUJGOztJQWhCWCxJQUFBLFNBQVMsZUFBQSxFQUNULEVBQUUsUUFBQSxFQUNGLE1BQU0sWUFBQSxFQUNOLE9BQU8sYUFBQSxFQUNQLE1BQU0sWUFBQSxFQUNOLGlCQUFpQixFQUFqQixTQUFTLG1CQUFHLEtBQUssS0FBQSxFQUNqQixLQUFLLFdBQUEsRUFDTCxRQUFRLGNBQUEsRUFDUixLQUFLLFdBQUEsRUFDTCxNQUFNLFlBQUEsRUFDTixrQkFBa0Isd0JBQUEsRUFDbEIsU0FBUyxlQUFBLEVBQ1QsUUFBUSxjQUFBLEVBQ1IsUUFBUSxjQUFBLEVBQ1IsUUFBUSxjQUFBLEVBQ0wsTUFBTSxjQWhCSSw4S0FpQmQsQ0FEVTtJQUVELElBQUEsTUFBTSxHQUFLLGlCQUFpQixFQUFFLE9BQXhCLENBQXdCO0lBRXRDLElBQU0sT0FBTyxHQUFHLFNBQVMsQ0FD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

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

@@ -10,18 +10,15 @@ import { ComponentName } from '../../components/enumsComponentsName';
  * @param level {PriceLevel} Price custom size
  * @param style {Object} Additional style
  * @param inverted {boolean} Inverted Price Color
- * @param children {React.ReactNode}
  * @param align {Alignable} Price alignement
  * @param inline {boolean} Inline display Price
  * @param testId {string} id for test
  * @param accessibilityLabel {string}
  * @param oldAmount {boolean} Striked Amount Price
  * @param overline {string} Price overline
- * @param tagAmount {number} Tag amount
- * @param tagSymbol {number} Tag symbol
  */
 declare const Price: {
-    ({ amount, mention, period, hideCents, level, inverted, align, inline, testId, accessibilityLabel, oldAmount, overline, tagAmount, tagSymbol, ...others }: PriceProps): JSX.Element;
+    ({ amount, mention, period, hideCents, level, inverted, align, inline, testId, accessibilityLabel, oldAmount, overline, tagValue, tagLabel, ...others }: PriceProps): JSX.Element;
     displayName: ComponentName;
 };
 export default Price;