@trilogy-ds/react 0.0.1-beta-115 → 0.0.1-beta-119

package/lib/components/box/Box.native.js

@@ -1,3 +1,4 @@
+import { __assign, __read, __rest } from "tslib";
 import React, { useState } from "react";
 import { ImageBackground, Platform, StyleSheet, TouchableOpacity, View, } from "react-native";
 import { getColorStyle, TrilogyColor, } from "../../objects/facets/Color";
@@ -22,11 +23,12 @@ import { StatesContext } from "../../context/providerStates";
  * @param active {boolean} Activated box
  * @param others
  */
-const Box = ({ children, onClick, skeleton, highlighted, testId, shadowless, backgroundColor, backgroundSrc, inverted, flat, hat, fullheight, active, ...others }) => {
-    const colorBgc = getColorStyle(TrilogyColor.BACKGROUND);
-    const [boxHeight, setBoxHeight] = useState(0);
-    const boxRadius = 6;
-    const styles = StyleSheet.create({
+var Box = function (_a) {
+    var children = _a.children, onClick = _a.onClick, skeleton = _a.skeleton, highlighted = _a.highlighted, testId = _a.testId, shadowless = _a.shadowless, backgroundColor = _a.backgroundColor, backgroundSrc = _a.backgroundSrc, inverted = _a.inverted, flat = _a.flat, hat = _a.hat, fullheight = _a.fullheight, active = _a.active, others = __rest(_a, ["children", "onClick", "skeleton", "highlighted", "testId", "shadowless", "backgroundColor", "backgroundSrc", "inverted", "flat", "hat", "fullheight", "active"]);
+    var colorBgc = getColorStyle(TrilogyColor.BACKGROUND);
+    var _b = __read(useState(0), 2), boxHeight = _b[0], setBoxHeight = _b[1];
+    var boxRadius = 6;
+    var styles = StyleSheet.create({
         box: {
             width: "100%",
             backgroundColor: backgroundColor ? getColorStyle(backgroundColor) : colorBgc,
@@ -84,19 +86,19 @@ const Box = ({ children, onClick, skeleton, highlighted, testId, shadowless, bac
             padding: 16,
         },
     });
-    const boxTestId = testId || "NotSpecified";
-    const BoxSkeleton = () => (React.createElement(ContentLoader, { style: styles.skeleton, ...others, testID: 'skeleton' },
+    var boxTestId = testId || "NotSpecified";
+    var BoxSkeleton = function () { return (React.createElement(ContentLoader, __assign({ style: styles.skeleton }, others, { testID: 'skeleton' }),
         React.createElement(View, { style: { opacity: 0 } }, children),
         Platform.OS === "android" && (React.createElement(View, null,
-            React.createElement(Rect, { rx: '10', ry: '10', width: '100%', height: '100%' })))));
+            React.createElement(Rect, { rx: '10', ry: '10', width: '100%', height: '100%' }))))); };
     if (skeleton) {
         return React.createElement(BoxSkeleton, null);
     }
     if (onClick) {
-        return (React.createElement(TouchableOpacity, { onPress: (e) => onClick === null || onClick === void 0 ? void 0 : onClick(e), 
+        return (React.createElement(TouchableOpacity, { onPress: function (e) { return onClick === null || onClick === void 0 ? void 0 : onClick(e); }, 
             // eslint-disable-next-line @typescript-eslint/no-explicit-any
-            style: [styles.box, !flat && styles.shadow, others === null || others === void 0 ? void 0 : others.style], onLayout: (event) => {
-                const { height } = event.nativeEvent.layout;
+            style: [styles.box, !flat && styles.shadow, others === null || others === void 0 ? void 0 : others.style], onLayout: function (event) {
+                var height = event.nativeEvent.layout.height;
                 setBoxHeight(height);
             }, testID: boxTestId }, backgroundSrc ? (React.createElement(ImageBackground, { imageStyle: { borderRadius: boxRadius }, style: styles.boxImage, source: typeof backgroundSrc === "number"
                 ? backgroundSrc
@@ -108,8 +110,8 @@ const Box = ({ children, onClick, skeleton, highlighted, testId, shadowless, bac
             React.createElement(StatesContext.Provider, { value: { inverted: !!inverted, active: !!active, flat: !!flat } },
                 React.createElement(View, { style: styles.column }, children))))));
     }
-    return (React.createElement(View, { onLayout: (event) => {
-            const { height } = event.nativeEvent.layout;
+    return (React.createElement(View, { onLayout: function (event) {
+            var height = event.nativeEvent.layout.height;
             setBoxHeight(height);
         }, 
         // eslint-disable-next-line @typescript-eslint/no-explicit-any
@@ -124,4 +126,4 @@ const Box = ({ children, onClick, skeleton, highlighted, testId, shadowless, bac
 };
 Box.displayName = ComponentName.Box;
 export default Box;
-//# sourceMappingURL=Box.native.js.map
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQm94Lm5hdGl2ZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL2NvbXBvbmVudHMvYm94L0JveC5uYXRpdmUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLEtBQUssRUFBRSxFQUFFLFFBQVEsRUFBRSxNQUFNLE9BQU8sQ0FBQTtBQUN2QyxPQUFPLEVBQUUsZUFBZSxFQUFFLFFBQVEsRUFBRSxVQUFVLEVBQUUsZ0JBQWdCLEVBQUUsSUFBSSxHQUFHLE1BQU0sY0FBYyxDQUFBO0FBRTdGLE9BQU8sRUFBRSxhQUFhLEVBQUUsWUFBWSxHQUF1QixNQUFNLHdCQUF3QixDQUFBO0FBQ3pGLE9BQU8sYUFBYSxFQUFFLEVBQUUsSUFBSSxFQUFFLE1BQU0sNkJBQTZCLENBQUE7QUFDakUsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLGtDQUFrQyxDQUFBO0FBQ2hFLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSwwQkFBMEIsQ0FBQTtBQUV4RDs7Ozs7Ozs7Ozs7Ozs7Ozs7R0FpQkc7QUFDSCxJQUFNLEdBQUcsR0FBRyxVQUFDLEVBZUY7SUFkVCxJQUFBLFFBQVEsY0FBQSxFQUNSLE9BQU8sYUFBQSxFQUNQLFFBQVEsY0FBQSxFQUNSLFdBQVcsaUJBQUEsRUFDWCxNQUFNLFlBQUEsRUFDTixVQUFVLGdCQUFBLEVBQ1YsZUFBZSxxQkFBQSxFQUNmLGFBQWEsbUJBQUEsRUFDYixRQUFRLGNBQUEsRUFDUixJQUFJLFVBQUEsRUFDSixHQUFHLFNBQUEsRUFDSCxVQUFVLGdCQUFBLEVBQ1YsTUFBTSxZQUFBLEVBQ0gsTUFBTSxjQWRFLGlLQWVaLENBRFU7SUFFVCxJQUFNLFFBQVEsR0FBRyxhQUFhLENBQUMsWUFBWSxDQUFDLFVBQVUsQ0FBQyxDQUFBO0lBQ2pELElBQUEsS0FBQSxPQUE0QixRQUFRLENBQUMsQ0FBQyxDQUFDLElBQUEsRUFBdEMsU0FBUyxRQUFBLEVBQUUsWUFBWSxRQUFlLENBQUE7SUFDN0MsSUFBTSxTQUFTLEdB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

package/lib/components/box/BoxProps.js

@@ -3,4 +3,4 @@ export var BoxMarkup;
     BoxMarkup["DIV"] = "div";
     BoxMarkup["A"] = "a";
 })(BoxMarkup || (BoxMarkup = {}));
-//# sourceMappingURL=BoxProps.js.map
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQm94UHJvcHMuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9jb21wb25lbnRzL2JveC9Cb3hQcm9wcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFJQSxNQUFNLENBQU4sSUFBWSxTQUdYO0FBSEQsV0FBWSxTQUFTO0lBQ25CLHdCQUFXLENBQUE7SUFDWCxvQkFBTyxDQUFBO0FBQ1QsQ0FBQyxFQUhXLFNBQVMsS0FBVCxTQUFTLFFBR3BCIn0=

package/lib/components/box/BoxPropsDefaults.js

@@ -58,7 +58,6 @@ export default {
       "MAIN_FADE",
       "ACCENT",
       "FONT",
-      "FONT_PLACEHOLDER",
       "SUCCESS",
       "SUCCESS_FADE",
       "INFO",
@@ -76,7 +75,6 @@ export default {
       "MAIN_FADE",
       "ACCENT",
       "FONT",
-      "FONT_PLACEHOLDER",
       "SUCCESS_FADE",
       "INFO_FADE",
       "WARNING_FADE",
@@ -139,7 +137,6 @@ export default {
       "MAIN_FADE",
       "ACCENT",
       "FONT",
-      "FONT_PLACEHOLDER",
       "SUCCESS",
       "SUCCESS_FADE",
       "INFO",
@@ -157,7 +154,6 @@ export default {
       "MAIN_FADE",
       "ACCENT",
       "FONT",
-      "FONT_PLACEHOLDER",
       "SUCCESS_FADE",
       "INFO_FADE",
       "WARNING_FADE",

package/lib/components/box/content/BoxContent.js

@@ -1,3 +1,4 @@
+import { __assign, __rest } from "tslib";
 import * as React from "react";
 import { has } from "../../../services/classify";
 import { getBackgroundClassName } from "../../../objects/atoms/Background";
@@ -12,10 +13,11 @@ import { useTrilogyContext } from "../../../context";
  * @param className {string} Additionnal CSS Classes
  * @param testId test id
  */
-const BoxContent = ({ children, className, backgroundColor, testId, ...others }) => {
-    const { styled } = useTrilogyContext();
-    const classes = hashClass(styled, clsx("box-content", backgroundColor && has(getBackgroundClassName(backgroundColor)), className));
-    return (React.createElement("div", { "data-testid": testId, className: classes, ...others }, children));
+var BoxContent = function (_a) {
+    var children = _a.children, className = _a.className, backgroundColor = _a.backgroundColor, testId = _a.testId, others = __rest(_a, ["children", "className", "backgroundColor", "testId"]);
+    var styled = useTrilogyContext().styled;
+    var classes = hashClass(styled, clsx("box-content", backgroundColor && has(getBackgroundClassName(backgroundColor)), className));
+    return (React.createElement("div", __assign({ "data-testid": testId, className: classes }, others), children));
 };
 export default BoxContent;
-//# sourceMappingURL=BoxContent.js.map
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQm94Q29udGVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL2NvbXBvbmVudHMvYm94L2NvbnRlbnQvQm94Q29udGVudC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUFBLE9BQU8sS0FBSyxLQUFLLE1BQU0sT0FBTyxDQUFBO0FBRTlCLE9BQU8sRUFBRSxHQUFHLEVBQUUsTUFBTSxxQkFBcUIsQ0FBQTtBQUN6QyxPQUFPLEVBQUUsc0JBQXNCLEVBQUUsTUFBTSw0QkFBNEIsQ0FBQTtBQUNuRSxPQUFPLElBQUksTUFBTSxNQUFNLENBQUE7QUFDdkIsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLFdBQVcsQ0FBQTtBQUNyQyxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxXQUFXLENBQUE7QUFFN0M7Ozs7Ozs7R0FPRztBQUNILElBQU0sVUFBVSxHQUFHLFVBQUMsRUFNRjtJQUxoQixJQUFBLFFBQVEsY0FBQSxFQUNSLFNBQVMsZUFBQSxFQUNULGVBQWUscUJBQUEsRUFDZixNQUFNLFlBQUEsRUFDSCxNQUFNLGNBTFMsc0RBTW5CLENBRFU7SUFFRCxJQUFBLE1BQU0sR0FBSyxpQkFBaUIsRUFBRSxPQUF4QixDQUF3QjtJQUV0QyxJQUFNLE9BQU8sR0FBRyxTQUFTLENBQ3ZCLE1BQU0sRUFDTixJQUFJLENBQ0YsYUFBYSxFQUNiLGVBQWUsSUFBSSxHQUFHLENBQUMsc0JBQXNCLENBQUMsZUFBZSxDQUFDLENBQUMsRUFDL0QsU0FBUyxDQUNWLENBQ0YsQ0FBQTtJQUNELE9BQU8sQ0FDTCxxREFBa0IsTUFBTSxFQUFFLFNBQVMsRUFBRSxPQUFPLElBQU0sTUFBTSxHQUNyRCxRQUFRLENBQ0wsQ0FDUCxDQUFBO0FBQ0gsQ0FBQyxDQUFBO0FBRUQsZUFBZSxVQUFVLENBQUEifQ==

package/lib/components/box/content/BoxContent.native.js

@@ -1,3 +1,4 @@
+import { __assign, __rest } from "tslib";
 import * as React from "react";
 import { StyleSheet, Text, View } from "react-native";
 import { ComponentName } from "../../../components/enumsComponentsName";
@@ -7,8 +8,9 @@ import { getColorStyle } from "../../../objects";
  * @param children {React.ReactNode} Childrens
  * @param backgroundColor {TrilogyColor} Box Content Background Color
  */
-const BoxContent = ({ children, backgroundColor, ...others }) => {
-    const styles = StyleSheet.create({
+var BoxContent = function (_a) {
+    var children = _a.children, backgroundColor = _a.backgroundColor, others = __rest(_a, ["children", "backgroundColor"]);
+    var styles = StyleSheet.create({
         boxContent: {
             padding: 16,
             justifyContent: "center",
@@ -16,8 +18,8 @@ const BoxContent = ({ children, backgroundColor, ...others }) => {
             borderRadius: 6,
         },
     });
-    return (React.createElement(View, { style: [styles.boxContent], ...others }, children && typeof children.valueOf() === "string" ? (React.createElement(Text, null, children)) : (children)));
+    return (React.createElement(View, __assign({ style: [styles.boxContent] }, others), children && typeof children.valueOf() === "string" ? (React.createElement(Text, null, children)) : (children)));
 };
 BoxContent.displayName = ComponentName.BoxContent;
 export default BoxContent;
-//# sourceMappingURL=BoxContent.native.js.map
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQm94Q29udGVudC5uYXRpdmUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9jb21wb25lbnRzL2JveC9jb250ZW50L0JveENvbnRlbnQubmF0aXZlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxLQUFLLEtBQUssTUFBTSxPQUFPLENBQUE7QUFDOUIsT0FBTyxFQUFFLFVBQVUsRUFBRSxJQUFJLEVBQUUsSUFBSSxFQUFFLE1BQU0sY0FBYyxDQUFBO0FBRXJELE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxrQ0FBa0MsQ0FBQTtBQUNoRSxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sV0FBVyxDQUFBO0FBRXpDOzs7O0dBSUc7QUFDSCxJQUFNLFVBQVUsR0FBRyxVQUFDLEVBSUY7SUFIaEIsSUFBQSxRQUFRLGNBQUEsRUFDUixlQUFlLHFCQUFBLEVBQ1osTUFBTSxjQUhTLCtCQUluQixDQURVO0lBRVQsSUFBTSxNQUFNLEdBQUcsVUFBVSxDQUFDLE1BQU0sQ0FBQztRQUMvQixVQUFVLEVBQUU7WUFDVixPQUFPLEVBQUUsRUFBRTtZQUNYLGNBQWMsRUFBRSxRQUFRO1lBQ3hCLGVBQWUsRUFBRSxlQUFlLElBQUksYUFBYSxDQUFDLGVBQWUsQ0FBQyxJQUFJLGFBQWE7WUFDbkYsWUFBWSxFQUFFLENBQUM7U0FDaEI7S0FDRixDQUFDLENBQUE7SUFFRixPQUFPLENBQ0wsb0JBQUMsSUFBSSxhQUFDLEtBQUssRUFBRSxDQUFDLE1BQU0sQ0FBQyxVQUFVLENBQUMsSUFBTSxNQUFNLEdBQ3pDLFFBQVEsSUFBSSxPQUFPLFFBQVEsQ0FBQyxPQUFPLEVBQUUsS0FBSyxRQUFRLENBQUMsQ0FBQyxDQUFDLENBQ3BELG9CQUFDLElBQUksUUFBRSxRQUFRLENBQVEsQ0FDeEIsQ0FBQyxDQUFDLENBQUMsQ0FDRixRQUFRLENBQ1QsQ0FDSSxDQUNSLENBQUE7QUFDSCxDQUFDLENBQUE7QUFFRCxVQUFVLENBQUMsV0FBVyxHQUFHLGFBQWEsQ0FBQyxVQUFVLENBQUE7QUFFakQsZUFBZSxVQUFVLENBQUEifQ==

package/lib/components/box/content/BoxContentProps.js

@@ -1,2 +1,2 @@
 export {};
-//# sourceMappingURL=BoxContentProps.js.map
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQm94Q29udGVudFByb3BzLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vY29tcG9uZW50cy9ib3gvY29udGVudC9Cb3hDb250ZW50UHJvcHMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IiJ9

package/lib/components/box/content/BoxContentPropsDefaults.js

@@ -33,7 +33,6 @@ export default {
       "MAIN_FADE",
       "ACCENT",
       "FONT",
-      "FONT_PLACEHOLDER",
       "SUCCESS",
       "SUCCESS_FADE",
       "INFO",
@@ -51,7 +50,6 @@ export default {
       "MAIN_FADE",
       "ACCENT",
       "FONT",
-      "FONT_PLACEHOLDER",
       "SUCCESS_FADE",
       "INFO_FADE",
       "WARNING_FADE",

package/lib/components/box/content/index.js

@@ -1,3 +1,3 @@
 import BoxContent from './BoxContent';
 export default BoxContent;
-//# sourceMappingURL=index.js.map
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9jb21wb25lbnRzL2JveC9jb250ZW50L2luZGV4LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sVUFBVSxNQUFNLGNBQWMsQ0FBQTtBQUVyQyxlQUFlLFVBQVUsQ0FBQSJ9

package/lib/components/box/footer/BoxFooter.js

@@ -1,3 +1,4 @@
+import { __assign, __rest } from "tslib";
 import * as React from "react";
 import { getBackgroundClassName } from "../../../objects";
 import { has } from "../../../services/classify";
@@ -11,9 +12,10 @@ import { useTrilogyContext } from "../../../context";
  * - -------------------------- WEB PROPERTIES -------------------------------
  * @param className {string} Additionnal CSS Classes
  */
-const BoxFooter = ({ className, children, backgroundColor, testId, ...others }) => {
-    const { styled } = useTrilogyContext();
-    return (React.createElement("div", { "data-testid": testId, className: hashClass(styled, clsx("box-footer", backgroundColor && has(getBackgroundClassName(backgroundColor)), className)), ...others }, children));
+var BoxFooter = function (_a) {
+    var className = _a.className, children = _a.children, backgroundColor = _a.backgroundColor, testId = _a.testId, others = __rest(_a, ["className", "children", "backgroundColor", "testId"]);
+    var styled = useTrilogyContext().styled;
+    return (React.createElement("div", __assign({ "data-testid": testId, className: hashClass(styled, clsx("box-footer", backgroundColor && has(getBackgroundClassName(backgroundColor)), className)) }, others), children));
 };
 export default BoxFooter;
-//# sourceMappingURL=BoxFooter.js.map
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQm94Rm9vdGVyLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vY29tcG9uZW50cy9ib3gvZm9vdGVyL0JveEZvb3Rlci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUFBLE9BQU8sS0FBSyxLQUFLLE1BQU0sT0FBTyxDQUFBO0FBRTlCLE9BQU8sRUFBRSxzQkFBc0IsRUFBRSxNQUFNLFdBQVcsQ0FBQTtBQUNsRCxPQUFPLEVBQUUsR0FBRyxFQUFFLE1BQU0scUJBQXFCLENBQUE7QUFDekMsT0FBTyxJQUFJLE1BQU0sTUFBTSxDQUFBO0FBQ3ZCLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSxXQUFXLENBQUE7QUFDckMsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sV0FBVyxDQUFBO0FBRTdDOzs7Ozs7R0FNRztBQUNILElBQU0sU0FBUyxHQUFHLFVBQUMsRUFNRjtJQUxmLElBQUEsU0FBUyxlQUFBLEVBQ1QsUUFBUSxjQUFBLEVBQ1IsZUFBZSxxQkFBQSxFQUNmLE1BQU0sWUFBQSxFQUNILE1BQU0sY0FMUSxzREFNbEIsQ0FEVTtJQUVELElBQUEsTUFBTSxHQUFLLGlCQUFpQixFQUFFLE9BQXhCLENBQXdCO0lBRXRDLE9BQU8sQ0FDTCxxREFDZSxNQUFNLEVBQ25CLFNBQVMsRUFBRSxTQUFTLENBQ2xCLE1BQU0sRUFDTixJQUFJLENBQ0YsWUFBWSxFQUNaLGVBQWUsSUFBSSxHQUFHLENBQUMsc0JBQXNCLENBQUMsZUFBZSxDQUFDLENBQUMsRUFDL0QsU0FBUyxDQUNWLENBQ0YsSUFDRyxNQUFNLEdBRVQsUUFBUSxDQUNMLENBQ1AsQ0FBQTtBQUNILENBQUMsQ0FBQTtBQUVELGVBQWUsU0FBUyxDQUFBIn0=

package/lib/components/box/footer/BoxFooter.native.js

@@ -1,3 +1,4 @@
+import { __assign, __rest } from "tslib";
 import * as React from "react";
 import { StyleSheet, Text, View } from "react-native";
 import { getColorStyle } from "../../../objects";
@@ -7,9 +8,10 @@ import { ComponentName } from "../../../components/enumsComponentsName";
  * @param children {React.ReactNode} Childrens
  * @param backgroundColor {TrilogyColor} Background for BoxFooter
  */
-const BoxFooter = ({ children, backgroundColor, ...others }) => {
-    const boxRadius = 6;
-    const styles = StyleSheet.create({
+var BoxFooter = function (_a) {
+    var children = _a.children, backgroundColor = _a.backgroundColor, others = __rest(_a, ["children", "backgroundColor"]);
+    var boxRadius = 6;
+    var styles = StyleSheet.create({
         boxFooter: {
             padding: 12,
             justifyContent: "center",
@@ -20,8 +22,8 @@ const BoxFooter = ({ children, backgroundColor, ...others }) => {
             borderBottomRightRadius: boxRadius,
         },
     });
-    return (React.createElement(View, { style: [styles.boxFooter], ...others }, children && typeof children.valueOf() === "string" ? (React.createElement(Text, null, String(children))) : (children)));
+    return (React.createElement(View, __assign({ style: [styles.boxFooter] }, others), children && typeof children.valueOf() === "string" ? (React.createElement(Text, null, String(children))) : (children)));
 };
 BoxFooter.displayName = ComponentName.BoxFooter;
 export default BoxFooter;
-//# sourceMappingURL=BoxFooter.native.js.map
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQm94Rm9vdGVyLm5hdGl2ZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL2NvbXBvbmVudHMvYm94L2Zvb3Rlci9Cb3hGb290ZXIubmF0aXZlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxLQUFLLEtBQUssTUFBTSxPQUFPLENBQUE7QUFDOUIsT0FBTyxFQUFFLFVBQVUsRUFBRSxJQUFJLEVBQUUsSUFBSSxFQUFFLE1BQU0sY0FBYyxDQUFBO0FBQ3JELE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxXQUFXLENBQUE7QUFFekMsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLGtDQUFrQyxDQUFBO0FBRWhFOzs7O0dBSUc7QUFDSCxJQUFNLFNBQVMsR0FBRyxVQUFDLEVBSUY7SUFIZixJQUFBLFFBQVEsY0FBQSxFQUNSLGVBQWUscUJBQUEsRUFDWixNQUFNLGNBSFEsK0JBSWxCLENBRFU7SUFFVCxJQUFNLFNBQVMsR0FBRyxDQUFDLENBQUE7SUFFbkIsSUFBTSxNQUFNLEdBQUcsVUFBVSxDQUFDLE1BQU0sQ0FBQztRQUMvQixTQUFTLEVBQUU7WUFDVCxPQUFPLEVBQUUsRUFBRTtZQUNYLGNBQWMsRUFBRSxRQUFRO1lBQ3hCLGVBQWUsRUFBRSxlQUFlO2dCQUM5QixDQUFDLENBQUMsYUFBYSxDQUFDLGVBQWUsQ0FBQztnQkFDaEMsQ0FBQyxDQUFDLGFBQWE7WUFDakIsc0JBQXNCLEVBQUUsU0FBUztZQUNqQyx1QkFBdUIsRUFBRSxTQUFTO1NBQ25DO0tBQ0YsQ0FBQyxDQUFBO0lBRUYsT0FBTyxDQUNMLG9CQUFDLElBQUksYUFBQyxLQUFLLEVBQUUsQ0FBQyxNQUFNLENBQUMsU0FBUyxDQUFDLElBQU0sTUFBTSxHQUN4QyxRQUFRLElBQUksT0FBTyxRQUFRLENBQUMsT0FBTyxFQUFFLEtBQUssUUFBUSxDQUFDLENBQUMsQ0FBQyxDQUNwRCxvQkFBQyxJQUFJLFFBQUUsTUFBTSxDQUFDLFFBQVEsQ0FBQyxDQUFRLENBQ2hDLENBQUMsQ0FBQyxDQUFDLENBQ0YsUUFBUSxDQUNULENBQ0ksQ0FDUixDQUFBO0FBQ0gsQ0FBQyxDQUFBO0FBRUQsU0FBUyxDQUFDLFdBQVcsR0FBRyxhQUFhLENBQUMsU0FBUyxDQUFBO0FBRS9DLGVBQWUsU0FBUyxDQUFBIn0=

package/lib/components/box/footer/BoxFooterProps.js

@@ -1,2 +1,2 @@
 export {};
-//# sourceMappingURL=BoxFooterProps.js.map
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQm94Rm9vdGVyUHJvcHMuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9jb21wb25lbnRzL2JveC9mb290ZXIvQm94Rm9vdGVyUHJvcHMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IiJ9

package/lib/components/box/footer/BoxFooterPropsDefaults.js

@@ -33,7 +33,6 @@ export default {
       "MAIN_FADE",
       "ACCENT",
       "FONT",
-      "FONT_PLACEHOLDER",
       "SUCCESS",
       "SUCCESS_FADE",
       "INFO",
@@ -51,7 +50,6 @@ export default {
       "MAIN_FADE",
       "ACCENT",
       "FONT",
-      "FONT_PLACEHOLDER",
       "SUCCESS_FADE",
       "INFO_FADE",
       "WARNING_FADE",

package/lib/components/box/footer/index.js

@@ -1,3 +1,3 @@
 import BoxFooter from './BoxFooter';
 export default BoxFooter;
-//# sourceMappingURL=index.js.map
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9jb21wb25lbnRzL2JveC9mb290ZXIvaW5kZXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxTQUFTLE1BQU0sYUFBYSxDQUFBO0FBRW5DLGVBQWUsU0FBUyxDQUFBIn0=

package/lib/components/box/header/BoxHeader.js

@@ -1,3 +1,4 @@
+import { __assign, __rest } from "tslib";
 import * as React from "react";
 import { Text } from "../../../components/text";
 import clsx from "clsx";
@@ -18,12 +19,13 @@ import { getBackgroundClassName } from "../../../objects";
  * @param className {string} Additionnal CSS Classes
  * @param testId {string} Test Id for Test Integration
  */
-const BoxHeader = ({ children, className, help, centered, pulledLeft, pulledRight, variant, testId, ...others }) => {
-    const { styled } = useTrilogyContext();
-    const classes = hashClass(styled, clsx("box-header", className, centered && "has-text-centered", pulledRight && "has-text-right", pulledLeft && "has-text-left", variant && has(getBackgroundClassName(variant))));
-    return (React.createElement("header", { "data-testid": testId, className: classes, ...others },
+var BoxHeader = function (_a) {
+    var children = _a.children, className = _a.className, help = _a.help, centered = _a.centered, pulledLeft = _a.pulledLeft, pulledRight = _a.pulledRight, variant = _a.variant, testId = _a.testId, others = __rest(_a, ["children", "className", "help", "centered", "pulledLeft", "pulledRight", "variant", "testId"]);
+    var styled = useTrilogyContext().styled;
+    var classes = hashClass(styled, clsx("box-header", className, centered && "has-text-centered", pulledRight && "has-text-right", pulledLeft && "has-text-left", variant && has(getBackgroundClassName(variant))));
+    return (React.createElement("header", __assign({ "data-testid": testId, className: classes }, others),
         children && typeof children.valueOf() === "string" ? (React.createElement("p", null, children)) : (children),
-        help && (React.createElement(Text, { testId: testId && `${testId}-help`, className: 'box-header-help sticker is-small is-success' }, String(children)))));
+        help && (React.createElement(Text, { testId: testId && "".concat(testId, "-help"), className: 'box-header-help sticker is-small is-success' }, String(children)))));
 };
 export default BoxHeader;
-//# sourceMappingURL=BoxHeader.js.map
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQm94SGVhZGVyLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vY29tcG9uZW50cy9ib3gvaGVhZGVyL0JveEhlYWRlci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUFBLE9BQU8sS0FBSyxLQUFLLE1BQU0sT0FBTyxDQUFBO0FBQzlCLE9BQU8sRUFBRSxJQUFJLEVBQUUsTUFBTSxtQkFBbUIsQ0FBQTtBQUV4QyxPQUFPLElBQUksTUFBTSxNQUFNLENBQUE7QUFDdkIsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLFdBQVcsQ0FBQTtBQUNyQyxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxXQUFXLENBQUE7QUFDN0MsT0FBTyxFQUFFLEdBQUcsRUFBRSxNQUFNLFlBQVksQ0FBQTtBQUNoQyxPQUFPLEVBQUUsc0JBQXNCLEVBQUUsTUFBTSxXQUFXLENBQUE7QUFFbEQ7Ozs7Ozs7Ozs7OztHQVlHO0FBRUgsSUFBTSxTQUFTLEdBQUcsVUFBQyxFQVVGO0lBVGYsSUFBQSxRQUFRLGNBQUEsRUFDUixTQUFTLGVBQUEsRUFDVCxJQUFJLFVBQUEsRUFDSixRQUFRLGNBQUEsRUFDUixVQUFVLGdCQUFBLEVBQ1YsV0FBVyxpQkFBQSxFQUNYLE9BQU8sYUFBQSxFQUNQLE1BQU0sWUFBQSxFQUNILE1BQU0sY0FUUSwrRkFVbEIsQ0FEVTtJQUVELElBQUEsTUFBTSxHQUFLLGlCQUFpQixFQUFFLE9BQXhCLENBQXdCO0lBRXRDLElBQU0sT0FBTyxHQUFHLFNBQVMsQ0FDdkIsTUFBTSxFQUNOLElBQUksQ0FDRixZQUFZLEVBQ1osU0FBUyxFQUNULFFBQVEsSUFBSSxtQkFBbUIsRUFDL0IsV0FBVyxJQUFJLGdCQUFnQixFQUMvQixVQUFVLElBQUksZUFBZSxFQUM3QixPQUFPLElBQUksR0FBRyxDQUFDLHNCQUFzQixDQUFDLE9BQU8sQ0FBQyxDQUFDLENBQ2hELENBQ0YsQ0FBQTtJQUVELE9BQU8sQ0FDTCx3REFBcUIsTUFBTSxFQUFFLFNBQVMsRUFBRSxPQUFPLElBQU0sTUFBTTtRQUN4RCxRQUFRLElBQUksT0FBTyxRQUFRLENBQUMsT0FBTyxFQUFFLEtBQUssUUFBUSxDQUFDLENBQUMsQ0FBQyxDQUNwRCwrQkFBSSxRQUFRLENBQUssQ0FDbEIsQ0FBQyxDQUFDLENBQUMsQ0FDRixRQUFRLENBQ1Q7UUFDQSxJQUFJLElBQUksQ0FDUCxvQkFBQyxJQUFJLElBQ0gsTUFBTSxFQUFFLE1BQU0sSUFBSSxVQUFHLE1BQU0sVUFBTyxFQUNsQyxTQUFTLEVBQUMsNkNBQTZDLElBRXRELE1BQU0sQ0FBQyxRQUFRLENBQUMsQ0FDWixDQUNSLENBQ00sQ0FDVixDQUFBO0FBQ0gsQ0FBQyxDQUFBO0FBRUQsZUFBZSxTQUFTLENBQUEifQ==

package/lib/components/box/header/BoxHeader.native.js

@@ -1,3 +1,4 @@
+import { __assign, __rest } from "tslib";
 import * as React from "react";
 import { useContext } from "react";
 import { StyleSheet, Text, View } from "react-native";
@@ -14,13 +15,14 @@ import { StatesContext } from "../../../context/providerStates";
  * @param variant {TrilogyColor} Box Header backgroundColor
  * @param others
  */
-const BoxHeader = ({ children, variant, pulledRight, pulledLeft, centered, help, ...others }) => {
-    const statesContext = useContext(StatesContext);
-    const headerBgc = variant
+var BoxHeader = function (_a) {
+    var children = _a.children, variant = _a.variant, pulledRight = _a.pulledRight, pulledLeft = _a.pulledLeft, centered = _a.centered, help = _a.help, others = __rest(_a, ["children", "variant", "pulledRight", "pulledLeft", "centered", "help"]);
+    var statesContext = useContext(StatesContext);
+    var headerBgc = variant
         ? getColorStyle(variant)
         : getColorStyle(TrilogyColor.MAIN);
-    const textColor = getColorStyle(TrilogyColor.BACKGROUND);
-    const styles = StyleSheet.create({
+    var textColor = getColorStyle(TrilogyColor.BACKGROUND);
+    var styles = StyleSheet.create({
         boxHeader: {
             width: "100%",
             backgroundColor: headerBgc,
@@ -51,11 +53,11 @@ const BoxHeader = ({ children, variant, pulledRight, pulledLeft, centered, help,
             lineHeight: 15,
         },
     });
-    return (React.createElement(View, { style: [styles.boxHeader], ...others },
+    return (React.createElement(View, __assign({ style: [styles.boxHeader] }, others),
         children && typeof children.valueOf() === "string" ? (React.createElement(Text, { style: styles.text }, String(children))) : (children),
         help && (React.createElement(View, { style: styles.helpContainer },
             React.createElement(Text, { style: styles.help }, help)))));
 };
 BoxHeader.displayName = ComponentName.BoxHeader;
 export default BoxHeader;
-//# sourceMappingURL=BoxHeader.native.js.map
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQm94SGVhZGVyLm5hdGl2ZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL2NvbXBvbmVudHMvYm94L2hlYWRlci9Cb3hIZWFkZXIubmF0aXZlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxLQUFLLEtBQUssTUFBTSxPQUFPLENBQUE7QUFDOUIsT0FBTyxFQUFFLFVBQVUsRUFBRSxNQUFNLE9BQU8sQ0FBQTtBQUNsQyxPQUFPLEVBQUUsVUFBVSxFQUFFLElBQUksRUFBRSxJQUFJLEVBQUUsTUFBTSxjQUFjLENBQUE7QUFFckQsT0FBTyxFQUFFLGFBQWEsRUFBRSxZQUFZLEVBQUUsTUFBTSx3QkFBd0IsQ0FBQTtBQUNwRSxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sa0NBQWtDLENBQUE7QUFDaEUsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLDBCQUEwQixDQUFBO0FBRXhEOzs7Ozs7Ozs7R0FTRztBQUNILElBQU0sU0FBUyxHQUFHLFVBQUMsRUFRRjtJQVBmLElBQUEsUUFBUSxjQUFBLEVBQ1IsT0FBTyxhQUFBLEVBQ1AsV0FBVyxpQkFBQSxFQUNYLFVBQVUsZ0JBQUEsRUFDVixRQUFRLGNBQUEsRUFDUixJQUFJLFVBQUEsRUFDRCxNQUFNLGNBUFEsd0VBUWxCLENBRFU7SUFFVCxJQUFNLGFBQWEsR0FBRyxVQUFVLENBQUMsYUFBYSxDQUFDLENBQUE7SUFFL0MsSUFBTSxTQUFTLEdBQUcsT0FBTztRQUN2QixDQUFDLENBQUMsYUFBYSxDQUFDLE9BQU8sQ0FBQztRQUN4QixDQUFDLENBQUMsYUFBYSxDQUFDLFlBQVksQ0FBQyxJQUFJLENBQUMsQ0FBQTtJQUNwQyxJQUFNLFNBQVMsR0FBRyxhQUFhLENBQUMsWUFBWSxDQUFDLFVBQVUsQ0FBQyxDQUFBO0lBRXhELElBQU0sTUFBTSxHQUFHLFVBQVUsQ0FBQyxNQUFNLENBQUM7UUFDL0IsU0FBUyxFQUFFO1lBQ1QsS0FBSyxFQUFFLE1BQU07WUFDYixlQUFlLEVBQUUsU0FBUztZQUMxQixPQUFPLEVBQUUsRUFBRTtZQUNYLFdBQVcsRUFBRSxFQUFFO1lBQ2YsbUJBQW1CLEVBQUUsQ0FBQztZQUN0QixvQkFBb0IsRUFBRSxDQUFDO1lBQ3ZCLFNBQVMsRUFDUCxDQUFDLGFBQWEsQ0FBQyxNQUFNLElBQUksQ0FBQyxDQUFDLENBQUMsSUFBSSxDQUFDLGFBQWEsQ0FBQyxJQUFJLElBQUksQ0FBQyxDQUFDLENBQUMsSUFBSSxDQUFDO1lBQ2pFLGNBQWMsRUFBRSxlQUFlO1lBQy9CLFVBQVUsRUFDUixDQUFDLFFBQVEsSUFBSSxRQUFRLENBQUM7Z0JBQ3RCLENBQUMsV0FBVyxJQUFJLFVBQVUsQ0FBQztnQkFDM0IsQ0FBQyxVQUFVLElBQUksWUFBWSxDQUFDO2dCQUM1QixZQUFZO1lBQ2QsYUFBYSxFQUFFLEtBQUs7U0FDckI7UUFDRCxJQUFJLEVBQUU7WUFDSixLQUFLLEVBQUUsU0FBUztZQUNoQixRQUFRLEVBQUUsRUFBRTtZQUNaLFVBQVUsRUFBRSxLQUFLO1NBQ2xCO1FBQ0QsYUFBYSxFQUFFO1lBQ2IsU0FBUyxFQUFFLFFBQVE7U0FDcEI7UUFDRCxJQUFJLEVBQUU7WUFDSixRQUFRLEVBQUUsRUFBRTtZQUNaLEtBQUssRUFBRSxTQUFTO1lBQ2hCLFVBQVUsRUFBRSxLQUFLO1lBQ2pCLFVBQVUsRUFBRSxFQUFFO1NBQ2Y7S0FDRixDQUFDLENBQUE7SUFFRixPQUFPLENBQ0wsb0JBQUMsSUFBSSxhQUFDLEtBQUssRUFBRSxDQUFDLE1BQU0sQ0FBQyxTQUFTLENBQUMsSUFBTSxNQUFNO1FBQ3hDLFFBQVEsSUFBSSxPQUFPLFFBQVEsQ0FBQyxPQUFPLEVBQUUsS0FBSyxRQUFRLENBQUMsQ0FBQyxDQUFDLENBQ3BELG9CQUFDLElBQUksSUFBQyxLQUFLLEVBQUUsTUFBTSxDQUFDLElBQUksSUFBRyxNQUFNLENBQUMsUUFBUSxDQUFDLENBQVEsQ0FDcEQsQ0FBQyxDQUFDLENBQUMsQ0FDRixRQUFRLENBQ1Q7UUFFQSxJQUFJLElBQUksQ0FDUCxvQkFBQyxJQUFJLElBQUMsS0FBSyxFQUFFLE1BQU0sQ0FBQyxhQUFhO1lBQy9CLG9CQUFDLElBQUksSUFBQyxLQUFLLEVBQUUsTUFBTSxDQUFDLElBQUksSUFBRyxJQUFJLENBQVEsQ0FDbEMsQ0FDUixDQUNJLENBQ1IsQ0FBQTtBQUNILENBQUMsQ0FBQTtBQUVELFNBQVMsQ0FBQyxXQUFXLEdBQUcsYUFBYSxDQUFDLFNBQVMsQ0FBQTtBQUUvQyxlQUFlLFNBQVMsQ0FBQSJ9

package/lib/components/box/header/BoxHeaderProps.js

@@ -1,2 +1,2 @@
 export {};
-//# sourceMappingURL=BoxHeaderProps.js.map
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQm94SGVhZGVyUHJvcHMuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9jb21wb25lbnRzL2JveC9oZWFkZXIvQm94SGVhZGVyUHJvcHMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IiJ9

package/lib/components/box/header/BoxHeaderPropsDefaults.js

@@ -40,7 +40,6 @@ export default {
       "MAIN_FADE",
       "ACCENT",
       "FONT",
-      "FONT_PLACEHOLDER",
       "SUCCESS",
       "SUCCESS_FADE",
       "INFO",
@@ -58,7 +57,6 @@ export default {
       "MAIN_FADE",
       "ACCENT",
       "FONT",
-      "FONT_PLACEHOLDER",
       "SUCCESS_FADE",
       "INFO_FADE",
       "WARNING_FADE",

package/lib/components/box/header/index.js

@@ -1,3 +1,3 @@
 import BoxHeader from './BoxHeader';
 export default BoxHeader;
-//# sourceMappingURL=index.js.map
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9jb21wb25lbnRzL2JveC9oZWFkZXIvaW5kZXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxTQUFTLE1BQU0sYUFBYSxDQUFBO0FBRW5DLGVBQWUsU0FBUyxDQUFBIn0=

package/lib/components/box/index.js

@@ -7,4 +7,4 @@ import BoxItem from './item';
 import { BoxItemSize } from './item/BoxItemEnum';
 export * from './BoxProps';
 export { Box, BoxItem, BoxItemSize, BoxHeader, BoxContent, BoxFooter, BoxTableContainer };
-//# sourceMappingURL=index.js.map
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9jb21wb25lbnRzL2JveC9pbmRleC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEdBQUcsTUFBTSxPQUFPLENBQUE7QUFDdkIsT0FBTyxVQUFVLE1BQU0sV0FBVyxDQUFBO0FBQ2xDLE9BQU8sU0FBUyxNQUFNLFVBQVUsQ0FBQTtBQUNoQyxPQUFPLFNBQVMsTUFBTSxVQUFVLENBQUE7QUFDaEMsT0FBTyxpQkFBaUIsTUFBTSxtQkFBbUIsQ0FBQTtBQUNqRCxPQUFPLE9BQU8sTUFBTSxRQUFRLENBQUE7QUFDNUIsT0FBTyxFQUFFLFdBQVcsRUFBRSxNQUFNLG9CQUFvQixDQUFBO0FBRWhELGNBQWMsWUFBWSxDQUFBO0FBRTFCLE9BQU8sRUFBRSxHQUFHLEVBQUUsT0FBTyxFQUFFLFdBQVcsRUFBRSxTQUFTLEVBQUUsVUFBVSxFQUFFLFNBQVMsRUFBRSxpQkFBaUIsRUFBRSxDQUFBIn0=

package/lib/components/box/item/BoxItem.js

@@ -1,3 +1,4 @@
+import { __assign, __rest } from "tslib";
 import * as React from "react";
 import clsx from "clsx";
 import { hashClass } from "../../../helpers";
@@ -9,9 +10,10 @@ import { useTrilogyContext } from "../../../context";
  * - -------------------------- WEB PROPERTIES -------------------------------
  * @param className {string} Additionnal CSS Classes
  */
-const BoxItem = ({ className, children, ...others }) => {
-    const { styled } = useTrilogyContext();
-    return (React.createElement("div", { className: hashClass(styled, clsx("box-item", className)), ...others }, children));
+var BoxItem = function (_a) {
+    var className = _a.className, children = _a.children, others = __rest(_a, ["className", "children"]);
+    var styled = useTrilogyContext().styled;
+    return (React.createElement("div", __assign({ className: hashClass(styled, clsx("box-item", className)) }, others), children));
 };
 export default BoxItem;
-//# sourceMappingURL=BoxItem.js.map
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQm94SXRlbS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL2NvbXBvbmVudHMvYm94L2l0ZW0vQm94SXRlbS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUFBLE9BQU8sS0FBSyxLQUFLLE1BQU0sT0FBTyxDQUFBO0FBRTlCLE9BQU8sSUFBSSxNQUFNLE1BQU0sQ0FBQTtBQUN2QixPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sV0FBVyxDQUFBO0FBQ3JDLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLFdBQVcsQ0FBQTtBQUU3Qzs7Ozs7O0dBTUc7QUFDSCxJQUFNLE9BQU8sR0FBRyxVQUFDLEVBSUY7SUFIYixJQUFBLFNBQVMsZUFBQSxFQUNULFFBQVEsY0FBQSxFQUNMLE1BQU0sY0FITSx5QkFJaEIsQ0FEVTtJQUVELElBQUEsTUFBTSxHQUFLLGlCQUFpQixFQUFFLE9BQXhCLENBQXdCO0lBRXRDLE9BQU8sQ0FDTCxzQ0FBSyxTQUFTLEVBQUUsU0FBUyxDQUFDLE1BQU0sRUFBRSxJQUFJLENBQUMsVUFBVSxFQUFFLFNBQVMsQ0FBQyxDQUFDLElBQU0sTUFBTSxHQUN2RSxRQUFRLENBQ0wsQ0FDUCxDQUFBO0FBQ0gsQ0FBQyxDQUFBO0FBRUQsZUFBZSxPQUFPLENBQUEifQ==

package/lib/components/box/item/BoxItem.native.js

@@ -1,3 +1,4 @@
+import { __assign, __rest } from "tslib";
 import * as React from "react";
 import { StyleSheet, View } from "react-native";
 import { ComponentName } from "../../../components/enumsComponentsName";
@@ -6,9 +7,10 @@ import { ComponentName } from "../../../components/enumsComponentsName";
  * @param children {React.ReactNode} BoxItem Children
  * @param size {BoxItemSize} SMALL|MEDIUM|LARGE|HUGE
  */
-const BoxItem = ({ children, size, ...others }) => {
-    const height = Number(size) || 48;
-    const styles = StyleSheet.create({
+var BoxItem = function (_a) {
+    var children = _a.children, size = _a.size, others = __rest(_a, ["children", "size"]);
+    var height = Number(size) || 48;
+    var styles = StyleSheet.create({
         boxItem: {
             height: height,
             alignItems: "center",
@@ -17,8 +19,8 @@ const BoxItem = ({ children, size, ...others }) => {
             flex: 1,
         },
     });
-    return (React.createElement(View, { style: [styles.boxItem], ...others }, children));
+    return (React.createElement(View, __assign({ style: [styles.boxItem] }, others), children));
 };
 BoxItem.displayName = ComponentName.BoxItem;
 export default BoxItem;
-//# sourceMappingURL=BoxItem.native.js.map
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQm94SXRlbS5uYXRpdmUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9jb21wb25lbnRzL2JveC9pdGVtL0JveEl0ZW0ubmF0aXZlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxLQUFLLEtBQUssTUFBTSxPQUFPLENBQUE7QUFDOUIsT0FBTyxFQUFFLFVBQVUsRUFBRSxJQUFJLEVBQUUsTUFBTSxjQUFjLENBQUE7QUFFL0MsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLGtDQUFrQyxDQUFBO0FBRWhFOzs7O0dBSUc7QUFDSCxJQUFNLE9BQU8sR0FBRyxVQUFDLEVBQTJDO0lBQXpDLElBQUEsUUFBUSxjQUFBLEVBQUUsSUFBSSxVQUFBLEVBQUssTUFBTSxjQUEzQixvQkFBNkIsQ0FBRjtJQUMxQyxJQUFNLE1BQU0sR0FBRyxNQUFNLENBQUMsSUFBSSxDQUFDLElBQUksRUFBRSxDQUFBO0lBQ2pDLElBQU0sTUFBTSxHQUFHLFVBQVUsQ0FBQyxNQUFNLENBQUM7UUFDL0IsT0FBTyxFQUFFO1lBQ1AsTUFBTSxFQUFFLE1BQU07WUFDZCxVQUFVLEVBQUUsUUFBUTtZQUNwQixZQUFZLEVBQUUsUUFBUTtZQUN0QixRQUFRLEVBQUUsTUFBTTtZQUNoQixJQUFJLEVBQUUsQ0FBQztTQUNSO0tBQ0YsQ0FBQyxDQUFBO0lBRUYsT0FBTyxDQUNMLG9CQUFDLElBQUksYUFBQyxLQUFLLEVBQUUsQ0FBQyxNQUFNLENBQUMsT0FBTyxDQUFDLElBQU0sTUFBTSxHQUN0QyxRQUFRLENBQ0osQ0FDUixDQUFBO0FBQ0gsQ0FBQyxDQUFBO0FBRUQsT0FBTyxDQUFDLFdBQVcsR0FBRyxhQUFhLENBQUMsT0FBTyxDQUFBO0FBRTNDLGVBQWUsT0FBTyxDQUFBIn0=

package/lib/components/box/item/BoxItemEnum.js

@@ -1,4 +1,4 @@
-const size = (factor) => 8 * factor;
+var size = function (factor) { return 8 * factor; };
 /**
  * Spacer Size
  */
@@ -10,4 +10,4 @@ export var BoxItemSize;
     BoxItemSize[BoxItemSize["LARGE"] = size(8)] = "LARGE";
     BoxItemSize[BoxItemSize["HUGE"] = size(12)] = "HUGE";
 })(BoxItemSize || (BoxItemSize = {}));
-//# sourceMappingURL=BoxItemEnum.js.map
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQm94SXRlbUVudW0uanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9jb21wb25lbnRzL2JveC9pdGVtL0JveEl0ZW1FbnVtLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLElBQU0sSUFBSSxHQUFHLFVBQUMsTUFBYyxJQUFhLE9BQUEsQ0FBQyxHQUFHLE1BQU0sRUFBVixDQUFVLENBQUE7QUFFbkQ7O0dBRUc7QUFDSCxNQUFNLENBQU4sSUFBWSxXQU1YO0FBTkQsV0FBWSxXQUFXO0lBQ3JCLDZDQUFRLENBQUE7SUFDUixtQ0FBUSxJQUFJLENBQUMsQ0FBQyxDQUFDLFdBQUEsQ0FBQTtJQUNmLG9DQUFTLElBQUksQ0FBQyxDQUFDLENBQUMsWUFBQSxDQUFBO0lBQ2hCLG1DQUFRLElBQUksQ0FBQyxDQUFDLENBQUMsV0FBQSxDQUFBO0lBQ2Ysa0NBQU8sSUFBSSxDQUFDLEVBQUUsQ0FBQyxVQUFBLENBQUE7QUFDakIsQ0FBQyxFQU5XLFdBQVcsS0FBWCxXQUFXLFFBTXRCIn0=

package/lib/components/box/item/BoxItemProps.js

@@ -1,2 +1,2 @@
 export {};
-//# sourceMappingURL=BoxItemProps.js.map
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQm94SXRlbVByb3BzLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vY29tcG9uZW50cy9ib3gvaXRlbS9Cb3hJdGVtUHJvcHMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IiJ9

package/lib/components/box/item/index.js

@@ -1,4 +1,4 @@
 import BoxItem from './BoxItem';
 export * from './BoxItemEnum';
 export default BoxItem;
-//# sourceMappingURL=index.js.map
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9jb21wb25lbnRzL2JveC9pdGVtL2luZGV4LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sT0FBTyxNQUFNLFdBQVcsQ0FBQTtBQUUvQixjQUFjLGVBQWUsQ0FBQTtBQUU3QixlQUFlLE9BQU8sQ0FBQSJ9

package/lib/components/box/table-container/BoxTableContainer.js

@@ -1,3 +1,4 @@
+import { __assign, __rest } from "tslib";
 import * as React from "react";
 import clsx from "clsx";
 import { hashClass } from "../../../helpers";
@@ -9,9 +10,10 @@ import { useTrilogyContext } from "../../../context";
  * @param className {string} Additionnal CSS Classes
  * @param testId {string} Test Id for Test Integration
  */
-const BoxTableContainer = ({ className, testId, ...others }) => {
-    const { styled } = useTrilogyContext();
-    return (React.createElement("div", { "data-testid": testId, className: hashClass(styled, clsx("box table-container", className)), ...others }));
+var BoxTableContainer = function (_a) {
+    var className = _a.className, testId = _a.testId, others = __rest(_a, ["className", "testId"]);
+    var styled = useTrilogyContext().styled;
+    return (React.createElement("div", __assign({ "data-testid": testId, className: hashClass(styled, clsx("box table-container", className)) }, others)));
 };
 export default BoxTableContainer;
-//# sourceMappingURL=BoxTableContainer.js.map
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQm94VGFibGVDb250YWluZXIuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9jb21wb25lbnRzL2JveC90YWJsZS1jb250YWluZXIvQm94VGFibGVDb250YWluZXIudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLEtBQUssS0FBSyxNQUFNLE9BQU8sQ0FBQTtBQUU5QixPQUFPLElBQUksTUFBTSxNQUFNLENBQUE7QUFDdkIsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLFdBQVcsQ0FBQTtBQUNyQyxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxXQUFXLENBQUE7QUFFN0M7Ozs7OztHQU1HO0FBQ0gsSUFBTSxpQkFBaUIsR0FBRyxVQUFDLEVBSUY7SUFIdkIsSUFBQSxTQUFTLGVBQUEsRUFDVCxNQUFNLFlBQUEsRUFDSCxNQUFNLGNBSGdCLHVCQUkxQixDQURVO0lBRUQsSUFBQSxNQUFNLEdBQUssaUJBQWlCLEVBQUUsT0FBeEIsQ0FBd0I7SUFFdEMsT0FBTyxDQUNMLHFEQUNlLE1BQU0sRUFDbkIsU0FBUyxFQUFFLFNBQVMsQ0FBQyxNQUFNLEVBQUUsSUFBSSxDQUFDLHFCQUFxQixFQUFFLFNBQVMsQ0FBQyxDQUFDLElBQ2hFLE1BQU0sRUFDVixDQUNILENBQUE7QUFDSCxDQUFDLENBQUE7QUFFRCxlQUFlLGlCQUFpQixDQUFBIn0=

package/lib/components/box/table-container/BoxTableContainer.native.js

@@ -1,3 +1,4 @@
+import { __assign, __rest } from "tslib";
 import * as React from "react";
 import { StyleSheet, View } from "react-native";
 import { ComponentName } from "../../../components/enumsComponentsName";
@@ -5,12 +6,13 @@ import { ComponentName } from "../../../components/enumsComponentsName";
  * Box Table Component
  * @param children {React.ReactNode} Childrens
  */
-const boxTableContainer = ({ children, ...others }) => {
-    const styles = StyleSheet.create({
+var boxTableContainer = function (_a) {
+    var children = _a.children, others = __rest(_a, ["children"]);
+    var styles = StyleSheet.create({
         boxTableContainer: {},
     });
-    return (React.createElement(View, { style: [styles.boxTableContainer], ...others }, children));
+    return (React.createElement(View, __assign({ style: [styles.boxTableContainer] }, others), children));
 };
 boxTableContainer.displayName = ComponentName.BoxFooter;
 export default boxTableContainer;
-//# sourceMappingURL=BoxTableContainer.native.js.map
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQm94VGFibGVDb250YWluZXIubmF0aXZlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vY29tcG9uZW50cy9ib3gvdGFibGUtY29udGFpbmVyL0JveFRhYmxlQ29udGFpbmVyLm5hdGl2ZS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUFBLE9BQU8sS0FBSyxLQUFLLE1BQU0sT0FBTyxDQUFBO0FBQzlCLE9BQU8sRUFBRSxVQUFVLEVBQUUsSUFBSSxFQUFFLE1BQU0sY0FBYyxDQUFBO0FBRS9DLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxrQ0FBa0MsQ0FBQTtBQUVoRTs7O0dBR0c7QUFDSCxJQUFNLGlCQUFpQixHQUFHLFVBQUMsRUFHRjtJQUZ2QixJQUFBLFFBQVEsY0FBQSxFQUNMLE1BQU0sY0FGZ0IsWUFHMUIsQ0FEVTtJQUVULElBQU0sTUFBTSxHQUFHLFVBQVUsQ0FBQyxNQUFNLENBQUM7UUFDL0IsaUJBQWlCLEVBQUUsRUFBRTtLQUN0QixDQUFDLENBQUE7SUFFRixPQUFPLENBQ0wsb0JBQUMsSUFBSSxhQUFDLEtBQUssRUFBRSxDQUFDLE1BQU0sQ0FBQyxpQkFBaUIsQ0FBQyxJQUFNLE1BQU0sR0FDaEQsUUFBUSxDQUNKLENBQ1IsQ0FBQTtBQUNILENBQUMsQ0FBQTtBQUVELGlCQUFpQixDQUFDLFdBQVcsR0FBRyxhQUFhLENBQUMsU0FBUyxDQUFBO0FBRXZELGVBQWUsaUJBQWlCLENBQUEifQ==

package/lib/components/box/table-container/BoxTableContainerProps.js

@@ -1,2 +1,2 @@
 export {};
-//# sourceMappingURL=BoxTableContainerProps.js.map
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQm94VGFibGVDb250YWluZXJQcm9wcy5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL2NvbXBvbmVudHMvYm94L3RhYmxlLWNvbnRhaW5lci9Cb3hUYWJsZUNvbnRhaW5lclByb3BzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiIifQ==

package/lib/components/box/table-container/index.js

@@ -1,3 +1,3 @@
 import BoxTableContainer from './BoxTableContainer';
 export default BoxTableContainer;
-//# sourceMappingURL=index.js.map
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9jb21wb25lbnRzL2JveC90YWJsZS1jb250YWluZXIvaW5kZXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxpQkFBaUIsTUFBTSxxQkFBcUIsQ0FBQTtBQUVuRCxlQUFlLGlCQUFpQixDQUFBIn0=

package/lib/components/breadcrumb/Breadcrumb.js

@@ -1,3 +1,4 @@
+import { __assign, __rest } from "tslib";
 import * as React from "react";
 import clsx from "clsx";
 import { hashClass } from "../../helpers";
@@ -10,11 +11,11 @@ import { useTrilogyContext } from "../../context";
  * @param className {string} Additionnal CSS Classes
  * @param accessibilityLabel {string} Accessibility label
  */
-const Breadcrumb = React.forwardRef((props, ref) => {
-    const { children, className, testId, accessibilityLabel, ...others } = props;
-    const { styled } = useTrilogyContext();
-    return (React.createElement("nav", { ref: ref, role: 'navigation', "data-testid": testId, className: hashClass(styled, clsx("breadcrumb", className)), "aria-label": accessibilityLabel, ...others },
+var Breadcrumb = React.forwardRef(function (props, ref) {
+    var children = props.children, className = props.className, testId = props.testId, accessibilityLabel = props.accessibilityLabel, others = __rest(props, ["children", "className", "testId", "accessibilityLabel"]);
+    var styled = useTrilogyContext().styled;
+    return (React.createElement("nav", __assign({ ref: ref, role: 'navigation', "data-testid": testId, className: hashClass(styled, clsx("breadcrumb", className)), "aria-label": accessibilityLabel }, others),
         React.createElement("ul", null, children)));
 });
 export default Breadcrumb;
-//# sourceMappingURL=Breadcrumb.js.map
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQnJlYWRjcnVtYi5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL2NvbXBvbmVudHMvYnJlYWRjcnVtYi9CcmVhZGNydW1iLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxLQUFLLEtBQUssTUFBTSxPQUFPLENBQUE7QUFFOUIsT0FBTyxJQUFJLE1BQU0sTUFBTSxDQUFBO0FBQ3ZCLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSxXQUFXLENBQUE7QUFDckMsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sV0FBVyxDQUFBO0FBRTdDOzs7Ozs7O0dBT0c7QUFDSCxJQUFNLFVBQVUsR0FBRyxLQUFLLENBQUMsVUFBVSxDQUFDLFVBQUMsS0FBeUIsRUFBRSxHQUFpQztJQUU3RixJQUFBLFFBQVEsR0FLTixLQUFLLFNBTEMsRUFDUixTQUFTLEdBSVAsS0FBSyxVQUpFLEVBQ1QsTUFBTSxHQUdKLEtBQUssT0FIRCxFQUNOLGtCQUFrQixHQUVoQixLQUFLLG1CQUZXLEVBQ2YsTUFBTSxVQUNQLEtBQUssRUFOSCx5REFNTCxDQURVLENBQ0Y7SUFFRCxJQUFBLE1BQU0sR0FBSyxpQkFBaUIsRUFBRSxPQUF4QixDQUF3QjtJQUV0QyxPQUFPLENBQ0wsc0NBQ0UsR0FBRyxFQUFFLEdBQUcsRUFDUixJQUFJLEVBQUMsWUFBWSxpQkFDSixNQUFNLEVBQ25CLFNBQVMsRUFBRSxTQUFTLENBQUMsTUFBTSxFQUFFLElBQUksQ0FBQyxZQUFZLEVBQUUsU0FBUyxDQUFDLENBQUMsZ0JBQy9DLGtCQUFrQixJQUMxQixNQUFNO1FBRVYsZ0NBQUssUUFBUSxDQUFNLENBQ2YsQ0FDUCxDQUFBO0FBQ0gsQ0FBQyxDQUFDLENBQUE7QUFFRixlQUFlLFVBQVUsQ0FBQSJ9