@trilogy-ds/react 0.0.1-beta-144 → 0.0.1-beta-sc-1

package/lib/components/box/BoxPropsDefaults.js

@@ -21,7 +21,24 @@ export default {
       "true"
     ]
   },
-  "href": {
+  "className": {
+    "type": "string",
+    "values": [
+      "undefined",
+      "string"
+    ]
+  },
+  "markup": {
+    "type": "enum",
+    "values": [
+      "undefined",
+      "div",
+      "a",
+      "DIV",
+      "A"
+    ]
+  },
+  "to": {
     "type": "string",
     "values": [
       "undefined",
@@ -36,8 +53,6 @@ export default {
       "INFO",
       "WARNING",
       "ERROR",
-      "MAIN",
-      "ACCENT",
       "WHITE",
       "MAIN",
       "MAIN_FADE",
@@ -56,7 +71,9 @@ export default {
       "NEUTRAL",
       "NEUTRAL_FADE",
       "WHITE",
+      "MAIN",
       "MAIN_FADE",
+      "ACCENT",
       "FONT",
       "SUCCESS_FADE",
       "INFO_FADE",
@@ -83,7 +100,7 @@ export default {
       "string"
     ]
   },
-  "headerOffset": {
+  "hat": {
     "type": "boolean",
     "values": [
       "undefined",
@@ -107,7 +124,7 @@ export default {
       "true"
     ]
   },
-  "inverted": {
+  "headerOffset": {
     "type": "boolean",
     "values": [
       "undefined",
@@ -123,8 +140,6 @@ export default {
       "INFO",
       "WARNING",
       "ERROR",
-      "MAIN",
-      "ACCENT",
       "WHITE",
       "MAIN",
       "MAIN_FADE",
@@ -143,7 +158,9 @@ export default {
       "NEUTRAL",
       "NEUTRAL_FADE",
       "WHITE",
+      "MAIN",
       "MAIN_FADE",
+      "ACCENT",
       "FONT",
       "SUCCESS_FADE",
       "INFO_FADE",
@@ -155,6 +172,14 @@ export default {
       "NEUTRAL_FADE"
     ]
   },
+  "inverted": {
+    "type": "boolean",
+    "values": [
+      "undefined",
+      "false",
+      "true"
+    ]
+  },
   "onClick": {
     "type": "function",
     "values": [
@@ -183,19 +208,5 @@ export default {
       "undefined",
       "string"
     ]
-  },
-  "id": {
-    "type": "string",
-    "values": [
-      "undefined",
-      "string"
-    ]
-  },
-  "className": {
-    "type": "string",
-    "values": [
-      "undefined",
-      "string"
-    ]
   }
 };

package/lib/components/box/content/BoxContent.d.ts

@@ -1,12 +1,4 @@
-/// <reference types="react" />
-import { BoxContentProps } from './BoxContentProps';
-/**
- * Box Content
- * @param children {React.ReactNode} Box Content Children
- * @param backgroundColor {TrilogyColor} Box Content Background Color
- * - -------------------------- WEB PROPERTIES -------------------------------
- * @param className {string} Additionnal CSS Classes
- * @param testId test id
- */
-declare const BoxContent: ({ children, className, id, backgroundColor, ...others }: BoxContentProps) => JSX.Element;
-export default BoxContent;
+import React from 'react';
+import { BoxContentProps } from '../../../components/box/content/BoxContentProps';
+declare const _default: React.ForwardRefExoticComponent<BoxContentProps & React.RefAttributes<HTMLDivElement>>;
+export default _default;

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

@@ -1,10 +1,9 @@
 import { __assign, __rest } from "tslib";
-import * as React from 'react';
-import { has } from '../../../services/classify';
-import { getBackgroundClassName } from '../../../objects/atoms/Background';
 import clsx from 'clsx';
-import { hashClass } from '../../../helpers';
-import { useTrilogyContext } from '../../../context';
+import React from 'react';
+import { hashClass } from '../../../helpers/hashClassesHelpers';
+import { getBackgroundClassName } from '../../../objects/atoms/Background';
+import { has } from '../../../services/classify';
 /**
  * Box Content
  * @param children {React.ReactNode} Box Content Children
@@ -13,11 +12,10 @@ import { useTrilogyContext } from '../../../context';
  * @param className {string} Additionnal CSS Classes
  * @param testId test id
  */
-var BoxContent = function (_a) {
-    var children = _a.children, className = _a.className, id = _a.id, backgroundColor = _a.backgroundColor, others = __rest(_a, ["children", "className", "id", "backgroundColor"]);
-    var styled = useTrilogyContext().styled;
-    var classes = hashClass(styled, clsx('box-content', backgroundColor && has(getBackgroundClassName(backgroundColor)), className));
-    return (React.createElement("div", __assign({ id: id, className: classes }, others), children));
+var BoxContent = function (_a, ref) {
+    var children = _a.children, className = _a.className, backgroundColor = _a.backgroundColor, testId = _a.testId, others = __rest(_a, ["children", "className", "backgroundColor", "testId"]);
+    var classes = hashClass(clsx('box-content', backgroundColor && has(getBackgroundClassName(backgroundColor)), className));
+    return (React.createElement("div", __assign({ ref: ref, "data-testid": testId, className: classes }, others), children));
 };
-export default BoxContent;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQm94Q29udGVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL2NvbXBvbmVudHMvYm94L2NvbnRlbnQvQm94Q29udGVudC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUFBLE9BQU8sS0FBSyxLQUFLLE1BQU0sT0FBTyxDQUFBO0FBRTlCLE9BQU8sRUFBRSxHQUFHLEVBQUUsTUFBTSxxQkFBcUIsQ0FBQTtBQUN6QyxPQUFPLEVBQUUsc0JBQXNCLEVBQUUsTUFBTSw0QkFBNEIsQ0FBQTtBQUNuRSxPQUFPLElBQUksTUFBTSxNQUFNLENBQUE7QUFDdkIsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLFdBQVcsQ0FBQTtBQUNyQyxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxXQUFXLENBQUE7QUFFN0M7Ozs7Ozs7R0FPRztBQUNILElBQU0sVUFBVSxHQUFHLFVBQUMsRUFBd0U7SUFBdEUsSUFBQSxRQUFRLGNBQUEsRUFBRSxTQUFTLGVBQUEsRUFBRSxFQUFFLFFBQUEsRUFBRSxlQUFlLHFCQUFBLEVBQUssTUFBTSxjQUFyRCxrREFBdUQsQ0FBRjtJQUMvRCxJQUFBLE1BQU0sR0FBSyxpQkFBaUIsRUFBRSxPQUF4QixDQUF3QjtJQUV0QyxJQUFNLE9BQU8sR0FBRyxTQUFTLENBQ3ZCLE1BQU0sRUFDTixJQUFJLENBQUMsYUFBYSxFQUFFLGVBQWUsSUFBSSxHQUFHLENBQUMsc0JBQXNCLENBQUMsZUFBZSxDQUFDLENBQUMsRUFBRSxTQUFTLENBQUMsQ0FDaEcsQ0FBQTtJQUNELE9BQU8sQ0FDTCxzQ0FBSyxFQUFFLEVBQUUsRUFBRSxFQUFFLFNBQVMsRUFBRSxPQUFPLElBQU0sTUFBTSxHQUN4QyxRQUFRLENBQ0wsQ0FDUCxDQUFBO0FBQ0gsQ0FBQyxDQUFBO0FBRUQsZUFBZSxVQUFVLENBQUEifQ==
+export default React.forwardRef(BoxContent);
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQm94Q29udGVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL2NvbXBvbmVudHMvYm94L2NvbnRlbnQvQm94Q29udGVudC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUFBLE9BQU8sSUFBSSxNQUFNLE1BQU0sQ0FBQTtBQUN2QixPQUFPLEtBQUssTUFBTSxPQUFPLENBQUE7QUFHekIsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLDhCQUE4QixDQUFBO0FBQ3hELE9BQU8sRUFBRSxzQkFBc0IsRUFBRSxNQUFNLDRCQUE0QixDQUFBO0FBQ25FLE9BQU8sRUFBRSxHQUFHLEVBQUUsTUFBTSxxQkFBcUIsQ0FBQTtBQUV6Qzs7Ozs7OztHQU9HO0FBQ0gsSUFBTSxVQUFVLEdBQUcsVUFDakIsRUFBNEUsRUFDNUUsR0FBOEI7SUFENUIsSUFBQSxRQUFRLGNBQUEsRUFBRSxTQUFTLGVBQUEsRUFBRSxlQUFlLHFCQUFBLEVBQUUsTUFBTSxZQUFBLEVBQUssTUFBTSxjQUF6RCxzREFBMkQsQ0FBRjtJQUd6RCxJQUFNLE9BQU8sR0FBRyxTQUFTLENBQ3ZCLElBQUksQ0FBQyxhQUFhLEVBQUUsZUFBZSxJQUFJLEdBQUcsQ0FBQyxzQkFBc0IsQ0FBQyxlQUFlLENBQUMsQ0FBQyxFQUFFLFNBQVMsQ0FBQyxDQUNoRyxDQUFBO0lBQ0QsT0FBTyxDQUNMLHNDQUFLLEdBQUcsRUFBRSxHQUFHLGlCQUFlLE1BQU0sRUFBRSxTQUFTLEVBQUUsT0FBTyxJQUFNLE1BQU0sR0FDL0QsUUFBUSxDQUNMLENBQ1AsQ0FBQTtBQUNILENBQUMsQ0FBQTtBQUVELGVBQWUsS0FBSyxDQUFDLFVBQVUsQ0FBQyxVQUFVLENBQUMsQ0FBQSJ9

package/lib/components/box/content/BoxContent.native.d.ts

@@ -1,13 +1,5 @@
-/// <reference types="react" />
-import { BoxContentProps } from "./BoxContentProps";
-import { ComponentName } from "../../../components/enumsComponentsName";
-/**
- * Box Content Component
- * @param children {React.ReactNode} Childrens
- * @param backgroundColor {TrilogyColor} Box Content Background Color
- */
-declare const BoxContent: {
-    ({ children, backgroundColor, ...others }: BoxContentProps): JSX.Element;
-    displayName: ComponentName;
-};
-export default BoxContent;
+import React from 'react';
+import { View } from 'react-native';
+import { BoxContentProps } from '../../../components/box/content/BoxContentProps';
+declare const _default: React.ForwardRefExoticComponent<BoxContentProps & React.RefAttributes<View>>;
+export default _default;

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

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

package/lib/components/box/content/BoxContentProps.d.ts

@@ -1,10 +1,11 @@
 /// <reference types="react" />
-import { Accessibility, Dev } from '../../../objects';
 import { BackgroundProps } from '../../../objects/atoms/Background';
-import { CommonProps } from '../../../objects/facets/CommonProps';
+import { Accessibility } from '../../../objects/facets/Accessibility';
+import { Dev } from '../../../objects/facets/Dev';
 /**
  * Box Content Interface
  */
-export interface BoxContentProps extends BackgroundProps, Accessibility, Dev, CommonProps {
+export interface BoxContentProps extends BackgroundProps, Accessibility, Dev {
     children?: React.ReactNode;
+    className?: string;
 }

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

@@ -13,6 +13,13 @@ export default {
       "ReactPortal"
     ]
   },
+  "className": {
+    "type": "string",
+    "values": [
+      "undefined",
+      "string"
+    ]
+  },
   "backgroundColor": {
     "type": "enum",
     "values": [
@@ -21,8 +28,6 @@ export default {
       "INFO",
       "WARNING",
       "ERROR",
-      "MAIN",
-      "ACCENT",
       "WHITE",
       "MAIN",
       "MAIN_FADE",
@@ -41,7 +46,9 @@ export default {
       "NEUTRAL",
       "NEUTRAL_FADE",
       "WHITE",
+      "MAIN",
       "MAIN_FADE",
+      "ACCENT",
       "FONT",
       "SUCCESS_FADE",
       "INFO_FADE",
@@ -81,19 +88,5 @@ export default {
       "undefined",
       "string"
     ]
-  },
-  "id": {
-    "type": "string",
-    "values": [
-      "undefined",
-      "string"
-    ]
-  },
-  "className": {
-    "type": "string",
-    "values": [
-      "undefined",
-      "string"
-    ]
   }
 };

package/lib/components/box/content/index.d.ts

@@ -1,2 +1,2 @@
-import BoxContent from './BoxContent';
+import BoxContent from '../../../components/box/content/BoxContent';
 export default BoxContent;

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

@@ -1,3 +1,3 @@
-import BoxContent from './BoxContent';
+import BoxContent from '../../../components/box/content/BoxContent';
 export default BoxContent;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9jb21wb25lbnRzL2JveC9jb250ZW50L2luZGV4LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sVUFBVSxNQUFNLGNBQWMsQ0FBQTtBQUVyQyxlQUFlLFVBQVUsQ0FBQSJ9
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9jb21wb25lbnRzL2JveC9jb250ZW50L2luZGV4LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sVUFBVSxNQUFNLHFDQUFxQyxDQUFBO0FBRTVELGVBQWUsVUFBVSxDQUFBIn0=

package/lib/components/box/footer/BoxFooter.d.ts

@@ -1,13 +1,4 @@
-/// <reference types="react" />
-import { BoxFooterProps } from './BoxFooterProps';
-/**
- * Box Footer Component
- * @param children {React.ReactNode} Children
- * @param backgroundColor {TrilogyColor} Background for BoxFooter
- * - -------------------------- WEB PROPERTIES -------------------------------
- * @param className {string} Additionnal CSS Classes
- * @param id
- * @param others
- */
-declare const BoxFooter: ({ className, children, backgroundColor, id, ...others }: BoxFooterProps) => JSX.Element;
-export default BoxFooter;
+import React from 'react';
+import { BoxFooterProps } from '../../../components/box/footer/BoxFooterProps';
+declare const _default: React.ForwardRefExoticComponent<BoxFooterProps & React.RefAttributes<HTMLDivElement>>;
+export default _default;

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

@@ -1,23 +1,19 @@
 import { __assign, __rest } from "tslib";
-import * as React from 'react';
-import { getBackgroundClassName } from '../../../objects';
-import { has } from '../../../services/classify';
 import clsx from 'clsx';
-import { hashClass } from '../../../helpers';
-import { useTrilogyContext } from '../../../context';
+import React from 'react';
+import { hashClass } from '../../../helpers/hashClassesHelpers';
+import { getBackgroundClassName } from '../../../objects/atoms/Background';
+import { has } from '../../../services/classify';
 /**
  * Box Footer Component
  * @param children {React.ReactNode} Children
  * @param backgroundColor {TrilogyColor} Background for BoxFooter
  * - -------------------------- WEB PROPERTIES -------------------------------
  * @param className {string} Additionnal CSS Classes
- * @param id
- * @param others
  */
-var BoxFooter = function (_a) {
-    var className = _a.className, children = _a.children, backgroundColor = _a.backgroundColor, id = _a.id, others = __rest(_a, ["className", "children", "backgroundColor", "id"]);
-    var styled = useTrilogyContext().styled;
-    return (React.createElement("div", __assign({ id: id, className: hashClass(styled, clsx('box-footer', backgroundColor && has(getBackgroundClassName(backgroundColor)), className)) }, others), children));
+var BoxFooter = function (_a, ref) {
+    var className = _a.className, children = _a.children, backgroundColor = _a.backgroundColor, testId = _a.testId, others = __rest(_a, ["className", "children", "backgroundColor", "testId"]);
+    return (React.createElement("div", __assign({ ref: ref, "data-testid": testId, className: hashClass(clsx('box-footer', backgroundColor && has(getBackgroundClassName(backgroundColor)), className)) }, others), children));
 };
-export default BoxFooter;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQm94Rm9vdGVyLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vY29tcG9uZW50cy9ib3gvZm9vdGVyL0JveEZvb3Rlci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUFBLE9BQU8sS0FBSyxLQUFLLE1BQU0sT0FBTyxDQUFBO0FBRTlCLE9BQU8sRUFBRSxzQkFBc0IsRUFBRSxNQUFNLFdBQVcsQ0FBQTtBQUNsRCxPQUFPLEVBQUUsR0FBRyxFQUFFLE1BQU0scUJBQXFCLENBQUE7QUFDekMsT0FBTyxJQUFJLE1BQU0sTUFBTSxDQUFBO0FBQ3ZCLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSxXQUFXLENBQUE7QUFDckMsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sV0FBVyxDQUFBO0FBRTdDOzs7Ozs7OztHQVFHO0FBQ0gsSUFBTSxTQUFTLEdBQUcsVUFBQyxFQUF1RTtJQUFyRSxJQUFBLFNBQVMsZUFBQSxFQUFFLFFBQVEsY0FBQSxFQUFFLGVBQWUscUJBQUEsRUFBRSxFQUFFLFFBQUEsRUFBSyxNQUFNLGNBQXJELGtEQUF1RCxDQUFGO0lBQzlELElBQUEsTUFBTSxHQUFLLGlCQUFpQixFQUFFLE9BQXhCLENBQXdCO0lBRXRDLE9BQU8sQ0FDTCxzQ0FDRSxFQUFFLEVBQUUsRUFBRSxFQUNOLFNBQVMsRUFBRSxTQUFTLENBQ2xCLE1BQU0sRUFDTixJQUFJLENBQUMsWUFBWSxFQUFFLGVBQWUsSUFBSSxHQUFHLENBQUMsc0JBQXNCLENBQUMsZUFBZSxDQUFDLENBQUMsRUFBRSxTQUFTLENBQUMsQ0FDL0YsSUFDRyxNQUFNLEdBRVQsUUFBUSxDQUNMLENBQ1AsQ0FBQTtBQUNILENBQUMsQ0FBQTtBQUVELGVBQWUsU0FBUyxDQUFBIn0=
+export default React.forwardRef(BoxFooter);
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQm94Rm9vdGVyLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vY29tcG9uZW50cy9ib3gvZm9vdGVyL0JveEZvb3Rlci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUFBLE9BQU8sSUFBSSxNQUFNLE1BQU0sQ0FBQTtBQUN2QixPQUFPLEtBQUssTUFBTSxPQUFPLENBQUE7QUFHekIsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLDhCQUE4QixDQUFBO0FBQ3hELE9BQU8sRUFBRSxzQkFBc0IsRUFBRSxNQUFNLDRCQUE0QixDQUFBO0FBQ25FLE9BQU8sRUFBRSxHQUFHLEVBQUUsTUFBTSxxQkFBcUIsQ0FBQTtBQUV6Qzs7Ozs7O0dBTUc7QUFDSCxJQUFNLFNBQVMsR0FBRyxVQUNoQixFQUEyRSxFQUMzRSxHQUE4QjtJQUQ1QixJQUFBLFNBQVMsZUFBQSxFQUFFLFFBQVEsY0FBQSxFQUFFLGVBQWUscUJBQUEsRUFBRSxNQUFNLFlBQUEsRUFBSyxNQUFNLGNBQXpELHNEQUEyRCxDQUFGO0lBR3pELE9BQU8sQ0FDTCxzQ0FDRSxHQUFHLEVBQUUsR0FBRyxpQkFDSyxNQUFNLEVBQ25CLFNBQVMsRUFBRSxTQUFTLENBQ2xCLElBQUksQ0FBQyxZQUFZLEVBQUUsZUFBZSxJQUFJLEdBQUcsQ0FBQyxzQkFBc0IsQ0FBQyxlQUFlLENBQUMsQ0FBQyxFQUFFLFNBQVMsQ0FBQyxDQUMvRixJQUNHLE1BQU0sR0FFVCxRQUFRLENBQ0wsQ0FDUCxDQUFBO0FBQ0gsQ0FBQyxDQUFBO0FBRUQsZUFBZSxLQUFLLENBQUMsVUFBVSxDQUFDLFNBQVMsQ0FBQyxDQUFBIn0=

package/lib/components/box/footer/BoxFooter.native.d.ts

@@ -1,13 +1,5 @@
-/// <reference types="react" />
-import { BoxFooterProps } from "./BoxFooterProps";
-import { ComponentName } from "../../../components/enumsComponentsName";
-/**
- * Box Footer Component
- * @param children {React.ReactNode} Childrens
- * @param backgroundColor {TrilogyColor} Background for BoxFooter
- */
-declare const BoxFooter: {
-    ({ children, backgroundColor, ...others }: BoxFooterProps): JSX.Element;
-    displayName: ComponentName;
-};
-export default BoxFooter;
+import React from 'react';
+import { View } from 'react-native';
+import { BoxFooterProps } from '../../../components/box/footer/BoxFooterProps';
+declare const _default: React.ForwardRefExoticComponent<BoxFooterProps & React.RefAttributes<View>>;
+export default _default;

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

@@ -1,29 +1,27 @@
 import { __assign, __rest } from "tslib";
-import * as React from "react";
-import { StyleSheet, Text, View } from "react-native";
-import { getColorStyle } from "../../../objects";
-import { ComponentName } from "../../../components/enumsComponentsName";
+import React from 'react';
+import { StyleSheet, Text, View } from 'react-native';
+import { ComponentName } from '../../../components/enumsComponentsName';
+import { getColorStyle } from '../../../objects/facets/Color';
 /**
  * Box Footer Component
  * @param children {React.ReactNode} Childrens
  * @param backgroundColor {TrilogyColor} Background for BoxFooter
  */
-var BoxFooter = function (_a) {
+var BoxFooter = function (_a, ref) {
     var children = _a.children, backgroundColor = _a.backgroundColor, others = __rest(_a, ["children", "backgroundColor"]);
     var boxRadius = 6;
     var styles = StyleSheet.create({
         boxFooter: {
             padding: 12,
-            justifyContent: "center",
-            backgroundColor: backgroundColor
-                ? getColorStyle(backgroundColor)
-                : "transparent",
+            justifyContent: 'center',
+            backgroundColor: backgroundColor ? getColorStyle(backgroundColor) : 'transparent',
             borderBottomLeftRadius: boxRadius,
             borderBottomRightRadius: boxRadius,
         },
     });
-    return (React.createElement(View, __assign({ style: [styles.boxFooter] }, others), children && typeof children.valueOf() === "string" ? (React.createElement(Text, null, String(children))) : (children)));
+    return (React.createElement(View, __assign({ style: [styles.boxFooter], ref: ref }, others), children && typeof children.valueOf() === 'string' ? React.createElement(Text, null, String(children)) : children));
 };
 BoxFooter.displayName = ComponentName.BoxFooter;
-export default BoxFooter;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQm94Rm9vdGVyLm5hdGl2ZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL2NvbXBvbmVudHMvYm94L2Zvb3Rlci9Cb3hGb290ZXIubmF0aXZlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxLQUFLLEtBQUssTUFBTSxPQUFPLENBQUE7QUFDOUIsT0FBTyxFQUFFLFVBQVUsRUFBRSxJQUFJLEVBQUUsSUFBSSxFQUFFLE1BQU0sY0FBYyxDQUFBO0FBQ3JELE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxXQUFXLENBQUE7QUFFekMsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLGtDQUFrQyxDQUFBO0FBRWhFOzs7O0dBSUc7QUFDSCxJQUFNLFNBQVMsR0FBRyxVQUFDLEVBSUY7SUFIZixJQUFBLFFBQVEsY0FBQSxFQUNSLGVBQWUscUJBQUEsRUFDWixNQUFNLGNBSFEsK0JBSWxCLENBRFU7SUFFVCxJQUFNLFNBQVMsR0FBRyxDQUFDLENBQUE7SUFFbkIsSUFBTSxNQUFNLEdBQUcsVUFBVSxDQUFDLE1BQU0sQ0FBQztRQUMvQixTQUFTLEVBQUU7WUFDVCxPQUFPLEVBQUUsRUFBRTtZQUNYLGNBQWMsRUFBRSxRQUFRO1lBQ3hCLGVBQWUsRUFBRSxlQUFlO2dCQUM5QixDQUFDLENBQUMsYUFBYSxDQUFDLGVBQWUsQ0FBQztnQkFDaEMsQ0FBQyxDQUFDLGFBQWE7WUFDakIsc0JBQXNCLEVBQUUsU0FBUztZQUNqQyx1QkFBdUIsRUFBRSxTQUFTO1NBQ25DO0tBQ0YsQ0FBQyxDQUFBO0lBRUYsT0FBTyxDQUNMLG9CQUFDLElBQUksYUFBQyxLQUFLLEVBQUUsQ0FBQyxNQUFNLENBQUMsU0FBUyxDQUFDLElBQU0sTUFBTSxHQUN4QyxRQUFRLElBQUksT0FBTyxRQUFRLENBQUMsT0FBTyxFQUFFLEtBQUssUUFBUSxDQUFDLENBQUMsQ0FBQyxDQUNwRCxvQkFBQyxJQUFJLFFBQUUsTUFBTSxDQUFDLFFBQVEsQ0FBQyxDQUFRLENBQ2hDLENBQUMsQ0FBQyxDQUFDLENBQ0YsUUFBUSxDQUNULENBQ0ksQ0FDUixDQUFBO0FBQ0gsQ0FBQyxDQUFBO0FBRUQsU0FBUyxDQUFDLFdBQVcsR0FBRyxhQUFhLENBQUMsU0FBUyxDQUFBO0FBRS9DLGVBQWUsU0FBUyxDQUFBIn0=
+export default React.forwardRef(BoxFooter);
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQm94Rm9vdGVyLm5hdGl2ZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL2NvbXBvbmVudHMvYm94L2Zvb3Rlci9Cb3hGb290ZXIubmF0aXZlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxLQUFLLE1BQU0sT0FBTyxDQUFBO0FBQ3pCLE9BQU8sRUFBRSxVQUFVLEVBQUUsSUFBSSxFQUFFLElBQUksRUFBRSxNQUFNLGNBQWMsQ0FBQTtBQUdyRCxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sa0NBQWtDLENBQUE7QUFDaEUsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLHdCQUF3QixDQUFBO0FBRXREOzs7O0dBSUc7QUFDSCxJQUFNLFNBQVMsR0FBRyxVQUFDLEVBQXdELEVBQUUsR0FBb0I7SUFBNUUsSUFBQSxRQUFRLGNBQUEsRUFBRSxlQUFlLHFCQUFBLEVBQUssTUFBTSxjQUF0QywrQkFBd0MsQ0FBRjtJQUN2RCxJQUFNLFNBQVMsR0FBRyxDQUFDLENBQUE7SUFFbkIsSUFBTSxNQUFNLEdBQUcsVUFBVSxDQUFDLE1BQU0sQ0FBQztRQUMvQixTQUFTLEVBQUU7WUFDVCxPQUFPLEVBQUUsRUFBRTtZQUNYLGNBQWMsRUFBRSxRQUFRO1lBQ3hCLGVBQWUsRUFBRSxlQUFlLENBQUMsQ0FBQyxDQUFDLGFBQWEsQ0FBQyxlQUFlLENBQUMsQ0FBQyxDQUFDLENBQUMsYUFBYTtZQUNqRixzQkFBc0IsRUFBRSxTQUFTO1lBQ2pDLHVCQUF1QixFQUFFLFNBQVM7U0FDbkM7S0FDRixDQUFDLENBQUE7SUFFRixPQUFPLENBQ0wsb0JBQUMsSUFBSSxhQUFDLEtBQUssRUFBRSxDQUFDLE1BQU0sQ0FBQyxTQUFTLENBQUMsRUFBRSxHQUFHLEVBQUUsR0FBRyxJQUFNLE1BQU0sR0FDbEQsUUFBUSxJQUFJLE9BQU8sUUFBUSxDQUFDLE9BQU8sRUFBRSxLQUFLLFFBQVEsQ0FBQyxDQUFDLENBQUMsb0JBQUMsSUFBSSxRQUFFLE1BQU0sQ0FBQyxRQUFRLENBQUMsQ0FBUSxDQUFDLENBQUMsQ0FBQyxRQUFRLENBQzNGLENBQ1IsQ0FBQTtBQUNILENBQUMsQ0FBQTtBQUVELFNBQVMsQ0FBQyxXQUFXLEdBQUcsYUFBYSxDQUFDLFNBQVMsQ0FBQTtBQUUvQyxlQUFlLEtBQUssQ0FBQyxVQUFVLENBQUMsU0FBUyxDQUFDLENBQUEifQ==

package/lib/components/box/footer/BoxFooterProps.d.ts

@@ -1,10 +1,10 @@
 /// <reference types="react" />
-import { Accessibility, Dev, TrilogyColor, TrilogyColorValues } from '../../../objects';
-import { CommonProps } from '../../../objects/facets/CommonProps';
+import { Accessibility, Dev, TrilogyColor, TrilogyColorValues } from '../../../objects/facets';
 /**
  * Box Footer Interface
  */
-export interface BoxFooterProps extends Accessibility, Dev, CommonProps {
+export interface BoxFooterProps extends Accessibility, Dev {
     children?: React.ReactNode;
+    className?: string;
     backgroundColor?: TrilogyColor | TrilogyColorValues;
 }

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

@@ -13,6 +13,13 @@ export default {
       "ReactPortal"
     ]
   },
+  "className": {
+    "type": "string",
+    "values": [
+      "undefined",
+      "string"
+    ]
+  },
   "backgroundColor": {
     "type": "enum",
     "values": [
@@ -21,8 +28,6 @@ export default {
       "INFO",
       "WARNING",
       "ERROR",
-      "MAIN",
-      "ACCENT",
       "WHITE",
       "MAIN",
       "MAIN_FADE",
@@ -41,7 +46,9 @@ export default {
       "NEUTRAL",
       "NEUTRAL_FADE",
       "WHITE",
+      "MAIN",
       "MAIN_FADE",
+      "ACCENT",
       "FONT",
       "SUCCESS_FADE",
       "INFO_FADE",
@@ -66,19 +73,5 @@ export default {
       "undefined",
       "string"
     ]
-  },
-  "id": {
-    "type": "string",
-    "values": [
-      "undefined",
-      "string"
-    ]
-  },
-  "className": {
-    "type": "string",
-    "values": [
-      "undefined",
-      "string"
-    ]
   }
 };

package/lib/components/box/footer/index.d.ts

@@ -1,2 +1,2 @@
-import BoxFooter from './BoxFooter';
+import BoxFooter from '../../../components/box/footer/BoxFooter';
 export default BoxFooter;

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

@@ -1,3 +1,3 @@
-import BoxFooter from './BoxFooter';
+import BoxFooter from '../../../components/box/footer/BoxFooter';
 export default BoxFooter;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9jb21wb25lbnRzL2JveC9mb290ZXIvaW5kZXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxTQUFTLE1BQU0sYUFBYSxDQUFBO0FBRW5DLGVBQWUsU0FBUyxDQUFBIn0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9jb21wb25lbnRzL2JveC9mb290ZXIvaW5kZXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxTQUFTLE1BQU0sbUNBQW1DLENBQUE7QUFFekQsZUFBZSxTQUFTLENBQUEifQ==

package/lib/components/box/header/BoxHeader.d.ts

@@ -1,13 +1,4 @@
-/// <reference types="react" />
-import { BoxHeaderProps } from './BoxHeaderProps';
-/**
- * Box Header Component
- * @param children {React.ReactNode} Children
- * @param help {string} Box Header Help Sticker
- * @param variant {TrilogyColor} Box Header backgroundColor
- * @param others
- * - -------------------------- WEB PROPERTIES -------------------------------
- * @param className {string} Additionnal CSS Classes
- */
-declare const BoxHeader: ({ children, className, id, align, variant, ...others }: BoxHeaderProps) => JSX.Element;
-export default BoxHeader;
+import React from 'react';
+import { BoxHeaderProps } from '../../../components/box/header/BoxHeaderProps';
+declare const _default: React.ForwardRefExoticComponent<BoxHeaderProps & React.RefAttributes<HTMLHeadElement>>;
+export default _default;

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

@@ -1,10 +1,10 @@
 import { __assign, __rest } from "tslib";
-import * as React from 'react';
 import clsx from 'clsx';
-import { hashClass } from '../../../helpers';
-import { useTrilogyContext } from '../../../context';
-import { has, is } from '../../../services';
-import { getAlignClassName, getBackgroundClassName } from '../../../objects';
+import React from 'react';
+import { Text } from '../../../components/text';
+import { hashClass } from '../../../helpers/hashClassesHelpers';
+import { getBackgroundClassName } from '../../../objects/atoms/Background';
+import { has } from '../../../services/classify';
 /**
  * Box Header Component
  * @param children {React.ReactNode} Children
@@ -13,20 +13,14 @@ import { getAlignClassName, getBackgroundClassName } from '../../../objects';
  * @param others
  * - -------------------------- WEB PROPERTIES -------------------------------
  * @param className {string} Additionnal CSS Classes
+ * @param testId {string} Test Id for Test Integration
  */
-var BoxHeader = function (_a) {
-    var children = _a.children, className = _a.className, id = _a.id, align = _a.align, variant = _a.variant, others = __rest(_a, ["children", "className", "id", "align", "variant"]);
-    var styled = useTrilogyContext().styled;
-    var alignClass = null;
-    if (align) {
-        alignClass =
-            (getAlignClassName(align) === 'aligned-start' && is('justified-start')) ||
-                (getAlignClassName(align) === 'aligned-center' && is('justified-center')) ||
-                (getAlignClassName(align) === 'aligned-end' && is('justified-end')) ||
-                null;
-    }
-    var classes = hashClass(styled, clsx('box-header', className, variant && has(getBackgroundClassName(variant)), align && alignClass));
-    return (React.createElement("div", __assign({ id: id, className: classes }, others), children && typeof children.valueOf() === 'string' ? React.createElement("p", null, children) : children));
+var BoxHeader = function (_a, ref) {
+    var children = _a.children, className = _a.className, help = _a.help, variant = _a.variant, testId = _a.testId, others = __rest(_a, ["children", "className", "help", "variant", "testId"]);
+    var classes = hashClass(clsx('box-header', className, variant && has(getBackgroundClassName(variant))));
+    return (React.createElement("header", __assign({ "data-testid": testId, className: classes, ref: ref }, others),
+        children && typeof children.valueOf() === 'string' ? React.createElement("p", null, children) : 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=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQm94SGVhZGVyLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vY29tcG9uZW50cy9ib3gvaGVhZGVyL0JveEhlYWRlci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUFBLE9BQU8sS0FBSyxLQUFLLE1BQU0sT0FBTyxDQUFBO0FBRTlCLE9BQU8sSUFBSSxNQUFNLE1BQU0sQ0FBQTtBQUN2QixPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sV0FBVyxDQUFBO0FBQ3JDLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLFdBQVcsQ0FBQTtBQUM3QyxPQUFPLEVBQUUsR0FBRyxFQUFFLEVBQUUsRUFBRSxNQUFNLFlBQVksQ0FBQTtBQUNwQyxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsc0JBQXNCLEVBQUUsTUFBTSxXQUFXLENBQUE7QUFFckU7Ozs7Ozs7O0dBUUc7QUFFSCxJQUFNLFNBQVMsR0FBRyxVQUFDLEVBQXNFO0lBQXBFLElBQUEsUUFBUSxjQUFBLEVBQUUsU0FBUyxlQUFBLEVBQUUsRUFBRSxRQUFBLEVBQUUsS0FBSyxXQUFBLEVBQUUsT0FBTyxhQUFBLEVBQUssTUFBTSxjQUFwRCxtREFBc0QsQ0FBRjtJQUM3RCxJQUFBLE1BQU0sR0FBSyxpQkFBaUIsRUFBRSxPQUF4QixDQUF3QjtJQUN0QyxJQUFJLFVBQVUsR0FBRyxJQUFJLENBQUE7SUFDckIsSUFBSSxLQUFLLEVBQUU7UUFDVCxVQUFVO1lBQ1IsQ0FBQyxpQkFBaUIsQ0FBQyxLQUFLLENBQUMsS0FBSyxlQUFlLElBQUksRUFBRSxDQUFDLGlCQUFpQixDQUFDLENBQUM7Z0JBQ3ZFLENBQUMsaUJBQWlCLENBQUMsS0FBSyxDQUFDLEtBQUssZ0JBQWdCLElBQUksRUFBRSxDQUFDLGtCQUFrQixDQUFDLENBQUM7Z0JBQ3pFLENBQUMsaUJBQWlCLENBQUMsS0FBSyxDQUFDLEtBQUssYUFBYSxJQUFJLEVBQUUsQ0FBQyxlQUFlLENBQUMsQ0FBQztnQkFDbkUsSUFBSSxDQUFBO0tBQ1A7SUFDRCxJQUFNLE9BQU8sR0FBRyxTQUFTLENBQ3ZCLE1BQU0sRUFDTixJQUFJLENBQUMsWUFBWSxFQUFFLFNBQVMsRUFBRSxPQUFPLElBQUksR0FBRyxDQUFDLHNCQUFzQixDQUFDLE9BQU8sQ0FBQyxDQUFDLEVBQUUsS0FBSyxJQUFJLFVBQVUsQ0FBQyxDQUNwRyxDQUFBO0lBRUQsT0FBTyxDQUNMLHNDQUFLLEVBQUUsRUFBRSxFQUFFLEVBQUUsU0FBUyxFQUFFLE9BQU8sSUFBTSxNQUFNLEdBQ3hDLFFBQVEsSUFBSSxPQUFPLFFBQVEsQ0FBQyxPQUFPLEVBQUUsS0FBSyxRQUFRLENBQUMsQ0FBQyxDQUFDLCtCQUFJLFFBQVEsQ0FBSyxDQUFDLENBQUMsQ0FBQyxRQUFRLENBQzlFLENBQ1AsQ0FBQTtBQUNILENBQUMsQ0FBQTtBQUVELGVBQWUsU0FBUyxDQUFBIn0=
+export default React.forwardRef(BoxHeader);
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQm94SGVhZGVyLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vY29tcG9uZW50cy9ib3gvaGVhZGVyL0JveEhlYWRlci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUFBLE9BQU8sSUFBSSxNQUFNLE1BQU0sQ0FBQTtBQUN2QixPQUFPLEtBQUssTUFBTSxPQUFPLENBQUE7QUFHekIsT0FBTyxFQUFFLElBQUksRUFBRSxNQUFNLG1CQUFtQixDQUFBO0FBQ3hDLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSw4QkFBOEIsQ0FBQTtBQUN4RCxPQUFPLEVBQUUsc0JBQXNCLEVBQUUsTUFBTSw0QkFBNEIsQ0FBQTtBQUNuRSxPQUFPLEVBQUUsR0FBRyxFQUFFLE1BQU0scUJBQXFCLENBQUE7QUFFekM7Ozs7Ozs7OztHQVNHO0FBRUgsSUFBTSxTQUFTLEdBQUcsVUFDaEIsRUFBeUUsRUFDekUsR0FBK0I7SUFEN0IsSUFBQSxRQUFRLGNBQUEsRUFBRSxTQUFTLGVBQUEsRUFBRSxJQUFJLFVBQUEsRUFBRSxPQUFPLGFBQUEsRUFBRSxNQUFNLFlBQUEsRUFBSyxNQUFNLGNBQXZELHNEQUF5RCxDQUFGO0lBR3ZELElBQU0sT0FBTyxHQUFHLFNBQVMsQ0FBQyxJQUFJLENBQUMsWUFBWSxFQUFFLFNBQVMsRUFBRSxPQUFPLElBQUksR0FBRyxDQUFDLHNCQUFzQixDQUFDLE9BQU8sQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFBO0lBRXpHLE9BQU8sQ0FDTCx3REFBcUIsTUFBTSxFQUFFLFNBQVMsRUFBRSxPQUFPLEVBQUUsR0FBRyxFQUFFLEdBQUcsSUFBTSxNQUFNO1FBQ2xFLFFBQVEsSUFBSSxPQUFPLFFBQVEsQ0FBQyxPQUFPLEVBQUUsS0FBSyxRQUFRLENBQUMsQ0FBQyxDQUFDLCtCQUFJLFFBQVEsQ0FBSyxDQUFDLENBQUMsQ0FBQyxRQUFRO1FBQ2pGLElBQUksSUFBSSxDQUNQLG9CQUFDLElBQUksSUFBQyxNQUFNLEVBQUUsTUFBTSxJQUFJLFVBQUcsTUFBTSxVQUFPLEVBQUUsU0FBUyxFQUFDLDZDQUE2QyxJQUM5RixNQUFNLENBQUMsUUFBUSxDQUFDLENBQ1osQ0FDUixDQUNNLENBQ1YsQ0FBQTtBQUNILENBQUMsQ0FBQTtBQUVELGVBQWUsS0FBSyxDQUFDLFVBQVUsQ0FBQyxTQUFTLENBQUMsQ0FBQSJ9

package/lib/components/box/header/BoxHeader.native.d.ts

@@ -1,18 +1,5 @@
-/// <reference types="react" />
-import { BoxHeaderProps } from './BoxHeaderProps';
-import { ComponentName } from '../../../components/enumsComponentsName';
-/**
- * Box Header Component
- * @param children {React.ReactNode} Childrens
- * @param centered {boolean} Center content box header
- * @param pulledLeft {boolean} Pulled-left content box header
- * @param pulledRight {boolean} Pulled-right content box header
- * @param help {string} Box Header Help Sticker
- * @param variant {TrilogyColor} Box Header backgroundColor
- * @param others
- */
-declare const BoxHeader: {
-    ({ children, variant, ...others }: BoxHeaderProps): JSX.Element;
-    displayName: ComponentName;
-};
-export default BoxHeader;
+import React from 'react';
+import { View } from 'react-native';
+import { BoxHeaderProps } from '../../../components/box/header/BoxHeaderProps';
+declare const _default: React.ForwardRefExoticComponent<BoxHeaderProps & React.RefAttributes<View>>;
+export default _default;