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

package/lib/components/autocomplete/AutoCompletePropsWebDefaults.js

@@ -111,6 +111,58 @@ export default {
       "FocusEventHandler<HTMLInputElement>"
     ]
   },
+  "iconName": {
+    "type": "enum",
+    "values": [
+      "undefined",
+      "tri-alert",
+      "tri-arrow-down",
+      "tri-arrow-left",
+      "tri-arrow-right",
+      "tri-arrow-up",
+      "tri-bell",
+      "tri-check-circle",
+      "tri-check",
+      "tri-exclamation-circle",
+      "tri-eye-slash",
+      "tri-eye",
+      "tri-infos-circle",
+      "tri-search",
+      "tri-times",
+      "tri-trash",
+      "tri-picto-faciliti",
+      "tri-picto-handicapzero",
+      "tri-picto-la-fibre",
+      "tri-picto-payment-americanexpress",
+      "tri-picto-payment-cb",
+      "tri-picto-payment-mastercard",
+      "tri-picto-payment-paypal",
+      "tri-picto-payment-visa",
+      "tri-alert",
+      "tri-arrow-down",
+      "tri-arrow-left",
+      "tri-arrow-right",
+      "tri-arrow-up",
+      "tri-bell",
+      "tri-check-circle",
+      "tri-check",
+      "tri-exclamation-circle",
+      "tri-eye-slash",
+      "tri-eye",
+      "tri-infos-circle",
+      "tri-search",
+      "tri-times",
+      "tri-trash",
+      "tri-picto-faciliti",
+      "tri-picto-handicapzero",
+      "tri-picto-la-fibre",
+      "tri-picto-payment-americanexpress",
+      "tri-picto-payment-cb",
+      "tri-picto-payment-mastercard",
+      "tri-picto-payment-paypal",
+      "tri-picto-payment-visa"
+    ]
+  },
   "type": {
     "type": "enum",
     "values": [
@@ -168,15 +220,7 @@ export default {
       "true"
     ]
   },
-  "hasIcon": {
-    "type": "boolean",
-    "values": [
-      "undefined",
-      "false",
-      "true"
-    ]
-  },
-  "customIcon": {
+  "iconNameLeft": {
     "type": "enum",
     "values": [
       "undefined",
@@ -228,7 +272,7 @@ export default {
       "tri-picto-payment-visa"
     ]
   },
-  "customIconLeft": {
+  "iconNameRight": {
     "type": "enum",
     "values": [
       "undefined",
@@ -280,65 +324,6 @@ export default {
       "tri-picto-payment-visa"
     ]
   },
-  "customIconRight": {
-    "type": "enum",
-    "values": [
-      "undefined",
-      "tri-alert",
-      "tri-arrow-down",
-      "tri-arrow-left",
-      "tri-arrow-right",
-      "tri-arrow-up",
-      "tri-bell",
-      "tri-check-circle",
-      "tri-check",
-      "tri-exclamation-circle",
-      "tri-eye-slash",
-      "tri-eye",
-      "tri-infos-circle",
-      "tri-search",
-      "tri-times",
-      "tri-trash",
-      "tri-picto-faciliti",
-      "tri-picto-handicapzero",
-      "tri-picto-la-fibre",
-      "tri-picto-payment-americanexpress",
-      "tri-picto-payment-cb",
-      "tri-picto-payment-mastercard",
-      "tri-picto-payment-paypal",
-      "tri-picto-payment-visa",
-      "tri-alert",
-      "tri-arrow-down",
-      "tri-arrow-left",
-      "tri-arrow-right",
-      "tri-arrow-up",
-      "tri-bell",
-      "tri-check-circle",
-      "tri-check",
-      "tri-exclamation-circle",
-      "tri-eye-slash",
-      "tri-eye",
-      "tri-infos-circle",
-      "tri-search",
-      "tri-times",
-      "tri-trash",
-      "tri-picto-faciliti",
-      "tri-picto-handicapzero",
-      "tri-picto-la-fibre",
-      "tri-picto-payment-americanexpress",
-      "tri-picto-payment-cb",
-      "tri-picto-payment-mastercard",
-      "tri-picto-payment-paypal",
-      "tri-picto-payment-visa"
-    ]
-  },
-  "iconClassname": {
-    "type": "string",
-    "values": [
-      "undefined",
-      "string"
-    ]
-  },
   "status": {
     "type": "enum",
     "values": [
@@ -377,27 +362,13 @@ export default {
     ]
   },
   "help": {
-    "type": "react",
-    "values": [
-      "undefined",
-      "null",
-      "string",
-      "number",
-      "false",
-      "true",
-      "JSXElementConstructor<any>>",
-      "ReactNode>",
-      "ReactPortal"
-    ]
-  },
-  "name": {
     "type": "string",
     "values": [
       "undefined",
       "string"
     ]
   },
-  "className": {
+  "name": {
     "type": "string",
     "values": [
       "undefined",
@@ -740,5 +711,19 @@ export default {
       "undefined",
       "string"
     ]
+  },
+  "id": {
+    "type": "string",
+    "values": [
+      "undefined",
+      "string"
+    ]
+  },
+  "className": {
+    "type": "string",
+    "values": [
+      "undefined",
+      "string"
+    ]
   }
 };

package/lib/components/autocomplete/item/AutoCompleteItem.d.ts

@@ -8,5 +8,5 @@ import { AutoCompleteItemProps } from './AutoCompleteItemProps';
  * - ------------------ WEB PROPERTIES -----------------------
  * @param className {string} Additionnal CSS Classes
  */
-declare const AutoCompleteItem: <T extends string | Item<unknown>>({ children, suggestionSelected, testId, item, active, }: AutoCompleteItemProps<T>) => JSX.Element;
+declare const AutoCompleteItem: <T extends string | Item<unknown>>({ children, suggestionSelected, testId, item, active, id, }: AutoCompleteItemProps<T>) => JSX.Element;
 export default AutoCompleteItem;

package/lib/components/autocomplete/item/AutoCompleteItem.js

@@ -12,10 +12,10 @@ import { is } from '../../../services';
  * @param className {string} Additionnal CSS Classes
  */
 var AutoCompleteItem = function (_a) {
-    var children = _a.children, suggestionSelected = _a.suggestionSelected, testId = _a.testId, item = _a.item, active = _a.active;
+    var children = _a.children, suggestionSelected = _a.suggestionSelected, testId = _a.testId, item = _a.item, active = _a.active, id = _a.id;
     var styled = useTrilogyContext().styled;
     var _b = __read(React.useState(false), 2), isActive = _b[0], setIsActive = _b[1];
-    return (React.createElement("div", { onMouseOver: function () { return setIsActive(true); }, onMouseOut: function () { return setIsActive(false); }, role: 'listitem', "data-testid": testId, className: hashClass(styled, clsx('autocomplete-item', active && is('active'), isActive && is('active'))), onClick: function () { return (suggestionSelected ? suggestionSelected(item) : ''); } }, children));
+    return (React.createElement("div", { id: id, onMouseOver: function () { return setIsActive(true); }, onMouseOut: function () { return setIsActive(false); }, role: 'listitem', "data-testid": testId, className: hashClass(styled, clsx('autocomplete-item', active && is('active'), isActive && is('active'))), onClick: function () { return (suggestionSelected ? suggestionSelected(item) : ''); } }, children));
 };
 export default AutoCompleteItem;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQXV0b0NvbXBsZXRlSXRlbS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL2NvbXBvbmVudHMvYXV0b2NvbXBsZXRlL2l0ZW0vQXV0b0NvbXBsZXRlSXRlbS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUFBLE9BQU8sSUFBSSxNQUFNLE1BQU0sQ0FBQTtBQUN2QixPQUFPLEtBQUssS0FBSyxNQUFNLE9BQU8sQ0FBQTtBQUM5QixPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxXQUFXLENBQUE7QUFDN0MsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLFdBQVcsQ0FBQTtBQUNyQyxPQUFPLEVBQUUsRUFBRSxFQUFFLE1BQU0sWUFBWSxDQUFBO0FBSS9COzs7Ozs7R0FNRztBQUNILElBQU0sZ0JBQWdCLEdBQUcsVUFBbUMsRUFNakM7UUFMekIsUUFBUSxjQUFBLEVBQ1Isa0JBQWtCLHdCQUFBLEVBQ2xCLE1BQU0sWUFBQSxFQUNOLElBQUksVUFBQSxFQUNKLE1BQU0sWUFBQTtJQUVFLElBQUEsTUFBTSxHQUFLLGlCQUFpQixFQUFFLE9BQXhCLENBQXdCO0lBQ2hDLElBQUEsS0FBQSxPQUEwQixLQUFLLENBQUMsUUFBUSxDQUFDLEtBQUssQ0FBQyxJQUFBLEVBQTlDLFFBQVEsUUFBQSxFQUFFLFdBQVcsUUFBeUIsQ0FBQTtJQUVyRCxPQUFPLENBQ0wsNkJBQ0UsV0FBVyxFQUFFLGNBQU0sT0FBQSxXQUFXLENBQUMsSUFBSSxDQUFDLEVBQWpCLENBQWlCLEVBQ3BDLFVBQVUsRUFBRSxjQUFNLE9BQUEsV0FBVyxDQUFDLEtBQUssQ0FBQyxFQUFsQixDQUFrQixFQUNwQyxJQUFJLEVBQUMsVUFBVSxpQkFDRixNQUFNLEVBQ25CLFNBQVMsRUFBRSxTQUFTLENBQUMsTUFBTSxFQUFFLElBQUksQ0FBQyxtQkFBbUIsRUFBRSxNQUFNLElBQUksRUFBRSxDQUFDLFFBQVEsQ0FBQyxFQUFFLFFBQVEsSUFBSSxFQUFFLENBQUMsUUFBUSxDQUFDLENBQUMsQ0FBQyxFQUN6RyxPQUFPLEVBQUUsY0FBTSxPQUFBLENBQUMsa0JBQWtCLENBQUMsQ0FBQyxDQUFDLGtCQUFrQixDQUFDLElBQUksQ0FBQyxDQUFDLENBQUMsQ0FBQyxFQUFFLENBQUMsRUFBcEQsQ0FBb0QsSUFFbEUsUUFBUSxDQUNMLENBQ1AsQ0FBQTtBQUNILENBQUMsQ0FBQTtBQUVELGVBQWUsZ0JBQWdCLENBQUEifQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQXV0b0NvbXBsZXRlSXRlbS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL2NvbXBvbmVudHMvYXV0b2NvbXBsZXRlL2l0ZW0vQXV0b0NvbXBsZXRlSXRlbS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUFBLE9BQU8sSUFBSSxNQUFNLE1BQU0sQ0FBQTtBQUN2QixPQUFPLEtBQUssS0FBSyxNQUFNLE9BQU8sQ0FBQTtBQUM5QixPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxXQUFXLENBQUE7QUFDN0MsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLFdBQVcsQ0FBQTtBQUNyQyxPQUFPLEVBQUUsRUFBRSxFQUFFLE1BQU0sWUFBWSxDQUFBO0FBSS9COzs7Ozs7R0FNRztBQUNILElBQU0sZ0JBQWdCLEdBQUcsVUFBbUMsRUFPakM7UUFOekIsUUFBUSxjQUFBLEVBQ1Isa0JBQWtCLHdCQUFBLEVBQ2xCLE1BQU0sWUFBQSxFQUNOLElBQUksVUFBQSxFQUNKLE1BQU0sWUFBQSxFQUNOLEVBQUUsUUFBQTtJQUVNLElBQUEsTUFBTSxHQUFLLGlCQUFpQixFQUFFLE9BQXhCLENBQXdCO0lBQ2hDLElBQUEsS0FBQSxPQUEwQixLQUFLLENBQUMsUUFBUSxDQUFDLEtBQUssQ0FBQyxJQUFBLEVBQTlDLFFBQVEsUUFBQSxFQUFFLFdBQVcsUUFBeUIsQ0FBQTtJQUVyRCxPQUFPLENBQ0wsNkJBQ0UsRUFBRSxFQUFFLEVBQUUsRUFDTixXQUFXLEVBQUUsY0FBTSxPQUFBLFdBQVcsQ0FBQyxJQUFJLENBQUMsRUFBakIsQ0FBaUIsRUFDcEMsVUFBVSxFQUFFLGNBQU0sT0FBQSxXQUFXLENBQUMsS0FBSyxDQUFDLEVBQWxCLENBQWtCLEVBQ3BDLElBQUksRUFBQyxVQUFVLGlCQUNGLE1BQU0sRUFDbkIsU0FBUyxFQUFFLFNBQVMsQ0FBQyxNQUFNLEVBQUUsSUFBSSxDQUFDLG1CQUFtQixFQUFFLE1BQU0sSUFBSSxFQUFFLENBQUMsUUFBUSxDQUFDLEVBQUUsUUFBUSxJQUFJLEVBQUUsQ0FBQyxRQUFRLENBQUMsQ0FBQyxDQUFDLEVBQ3pHLE9BQU8sRUFBRSxjQUFNLE9BQUEsQ0FBQyxrQkFBa0IsQ0FBQyxDQUFDLENBQUMsa0JBQWtCLENBQUMsSUFBSSxDQUFDLENBQUMsQ0FBQyxDQUFDLEVBQUUsQ0FBQyxFQUFwRCxDQUFvRCxJQUVsRSxRQUFRLENBQ0wsQ0FDUCxDQUFBO0FBQ0gsQ0FBQyxDQUFBO0FBRUQsZUFBZSxnQkFBZ0IsQ0FBQSJ9

package/lib/components/autocomplete/item/AutoCompleteItemProps.d.ts

@@ -1,6 +1,7 @@
 /// <reference types="react" />
 import { Item } from "../../../components/autocomplete/AutoCompleteProps";
-export interface AutoCompleteItemProps<T extends string | Item<unknown> = string> {
+import { CommonProps } from '../../../objects/facets/CommonProps';
+export interface AutoCompleteItemProps<T extends string | Item<unknown> = string> extends CommonProps {
     children?: string | React.ReactNode;
     suggestionSelected?: (value: T) => void;
     key?: number;

package/lib/components/autocomplete/item/AutoCompleteItemPropsDefaults.js

@@ -52,5 +52,19 @@ export default {
       "undefined",
       "() => void"
     ]
+  },
+  "id": {
+    "type": "string",
+    "values": [
+      "undefined",
+      "string"
+    ]
+  },
+  "className": {
+    "type": "string",
+    "values": [
+      "undefined",
+      "string"
+    ]
   }
 };

package/lib/components/autocomplete/menu/AutoCompleteMenu.d.ts

@@ -8,5 +8,5 @@ import { AutoCompleteMenuProps } from './AutoCompleteMenuProps';
  * @param absolute {boolean} Absolute position for Menu
  * @param fullwidth {boolean} Fullwidth size for Menu
  */
-declare const AutoCompleteMenu: ({ children, className, absolute, fullwidth, testId }: AutoCompleteMenuProps) => JSX.Element;
+declare const AutoCompleteMenu: ({ children, className, id, absolute, fullwidth, testId }: AutoCompleteMenuProps) => JSX.Element;
 export default AutoCompleteMenu;

package/lib/components/autocomplete/menu/AutoCompleteMenu.js

@@ -12,9 +12,9 @@ import { is } from '../../../services';
  * @param fullwidth {boolean} Fullwidth size for Menu
  */
 var AutoCompleteMenu = function (_a) {
-    var children = _a.children, className = _a.className, absolute = _a.absolute, fullwidth = _a.fullwidth, testId = _a.testId;
+    var children = _a.children, className = _a.className, id = _a.id, absolute = _a.absolute, fullwidth = _a.fullwidth, testId = _a.testId;
     var styled = useTrilogyContext().styled;
-    return (React.createElement("div", { role: 'list', "data-testid": testId, className: hashClass(styled, clsx('autocomplete-menu', absolute && is('absolute'), fullwidth && is('fullwidth'), className)) }, children));
+    return (React.createElement("div", { id: id, role: 'list', "data-testid": testId, className: hashClass(styled, clsx('autocomplete-menu', absolute && is('absolute'), fullwidth && is('fullwidth'), className)) }, children));
 };
 export default AutoCompleteMenu;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQXV0b0NvbXBsZXRlTWVudS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL2NvbXBvbmVudHMvYXV0b2NvbXBsZXRlL21lbnUvQXV0b0NvbXBsZXRlTWVudS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxJQUFJLE1BQU0sTUFBTSxDQUFBO0FBQ3ZCLE9BQU8sS0FBSyxLQUFLLE1BQU0sT0FBTyxDQUFBO0FBQzlCLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLFdBQVcsQ0FBQTtBQUM3QyxPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sV0FBVyxDQUFBO0FBQ3JDLE9BQU8sRUFBRSxFQUFFLEVBQUUsTUFBTSxZQUFZLENBQUE7QUFHL0I7Ozs7Ozs7R0FPRztBQUNILElBQU0sZ0JBQWdCLEdBQUcsVUFBQyxFQUEyRTtRQUF6RSxRQUFRLGNBQUEsRUFBRSxTQUFTLGVBQUEsRUFBRSxRQUFRLGNBQUEsRUFBRSxTQUFTLGVBQUEsRUFBRSxNQUFNLFlBQUE7SUFDbEUsSUFBQSxNQUFNLEdBQUssaUJBQWlCLEVBQUUsT0FBeEIsQ0FBd0I7SUFFdEMsT0FBTyxDQUNMLDZCQUNFLElBQUksRUFBQyxNQUFNLGlCQUNFLE1BQU0sRUFDbkIsU0FBUyxFQUFFLFNBQVMsQ0FDbEIsTUFBTSxFQUNOLElBQUksQ0FBQyxtQkFBbUIsRUFBRSxRQUFRLElBQUksRUFBRSxDQUFDLFVBQVUsQ0FBQyxFQUFFLFNBQVMsSUFBSSxFQUFFLENBQUMsV0FBVyxDQUFDLEVBQUUsU0FBUyxDQUFDLENBQy9GLElBRUEsUUFBUSxDQUNMLENBQ1AsQ0FBQTtBQUNILENBQUMsQ0FBQTtBQUVELGVBQWUsZ0JBQWdCLENBQUEifQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQXV0b0NvbXBsZXRlTWVudS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL2NvbXBvbmVudHMvYXV0b2NvbXBsZXRlL21lbnUvQXV0b0NvbXBsZXRlTWVudS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxJQUFJLE1BQU0sTUFBTSxDQUFBO0FBQ3ZCLE9BQU8sS0FBSyxLQUFLLE1BQU0sT0FBTyxDQUFBO0FBQzlCLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLFdBQVcsQ0FBQTtBQUM3QyxPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sV0FBVyxDQUFBO0FBQ3JDLE9BQU8sRUFBRSxFQUFFLEVBQUUsTUFBTSxZQUFZLENBQUE7QUFHL0I7Ozs7Ozs7R0FPRztBQUNILElBQU0sZ0JBQWdCLEdBQUcsVUFBQyxFQUErRTtRQUE3RSxRQUFRLGNBQUEsRUFBRSxTQUFTLGVBQUEsRUFBRSxFQUFFLFFBQUEsRUFBRSxRQUFRLGNBQUEsRUFBRSxTQUFTLGVBQUEsRUFBRSxNQUFNLFlBQUE7SUFDdEUsSUFBQSxNQUFNLEdBQUssaUJBQWlCLEVBQUUsT0FBeEIsQ0FBd0I7SUFFdEMsT0FBTyxDQUNMLDZCQUNFLEVBQUUsRUFBRSxFQUFFLEVBQ04sSUFBSSxFQUFDLE1BQU0saUJBQ0UsTUFBTSxFQUNuQixTQUFTLEVBQUUsU0FBUyxDQUNsQixNQUFNLEVBQ04sSUFBSSxDQUFDLG1CQUFtQixFQUFFLFFBQVEsSUFBSSxFQUFFLENBQUMsVUFBVSxDQUFDLEVBQUUsU0FBUyxJQUFJLEVBQUUsQ0FBQyxXQUFXLENBQUMsRUFBRSxTQUFTLENBQUMsQ0FDL0YsSUFFQSxRQUFRLENBQ0wsQ0FDUCxDQUFBO0FBQ0gsQ0FBQyxDQUFBO0FBRUQsZUFBZSxnQkFBZ0IsQ0FBQSJ9

package/lib/components/autocomplete/menu/AutoCompleteMenuProps.d.ts

@@ -1,9 +1,9 @@
 /// <reference types="react" />
-export interface AutoCompleteMenuProps {
+import { CommonProps } from '../../../objects/facets/CommonProps';
+export interface AutoCompleteMenuProps extends CommonProps {
     children?: React.ReactNode;
     suggestions?: string[];
     handleSelectItem?: (text: string) => void;
-    className?: string;
     absolute?: boolean;
     testId?: string;
     fullwidth?: boolean;

package/lib/components/autocomplete/menu/AutoCompleteMenuPropsDefaults.js

@@ -27,13 +27,6 @@ export default {
       "(text: string) => void"
     ]
   },
-  "className": {
-    "type": "string",
-    "values": [
-      "undefined",
-      "string"
-    ]
-  },
   "absolute": {
     "type": "boolean",
     "values": [
@@ -56,5 +49,19 @@ export default {
       "false",
       "true"
     ]
+  },
+  "id": {
+    "type": "string",
+    "values": [
+      "undefined",
+      "string"
+    ]
+  },
+  "className": {
+    "type": "string",
+    "values": [
+      "undefined",
+      "string"
+    ]
   }
 };

package/lib/components/badge/Badge.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { BadgeProps } from "./BadgeProps";
+import { BadgeProps } from './BadgeProps';
 /**
  * Badge Component
  * @param children {React.ReactNode} If no content add children (Icon for example)
@@ -12,5 +12,5 @@ import { BadgeProps } from "./BadgeProps";
  * - -------------------------- WEB PROPERTIES -------------------------------
  * @param className {string} Additionnal CSS Classes (ONLY FOR WEB)
  */
-declare const Badge: ({ children, className, textContent, content, inverted, reversed, onClick, testId, ...others }: BadgeProps) => JSX.Element;
+declare const Badge: ({ children, className, id, textContent, content, inverted, reversed, onClick, ...others }: BadgeProps) => JSX.Element;
 export default Badge;

package/lib/components/badge/Badge.js

@@ -1,10 +1,10 @@
 import { __assign, __rest } from "tslib";
-import * as React from "react";
-import { Text, TextMarkup } from "../../components/text";
-import clsx from "clsx";
-import { hashClass } from "../../helpers";
-import { useTrilogyContext } from "../../context";
-import { is } from "../../services";
+import * as React from 'react';
+import { Text, TextMarkup } from '../../components/text';
+import clsx from 'clsx';
+import { hashClass } from '../../helpers';
+import { useTrilogyContext } from '../../context';
+import { is } from '../../services';
 /**
  * Badge Component
  * @param children {React.ReactNode} If no content add children (Icon for example)
@@ -18,23 +18,23 @@ import { is } from "../../services";
  * @param className {string} Additionnal CSS Classes (ONLY FOR WEB)
  */
 var Badge = function (_a) {
-    var children = _a.children, className = _a.className, textContent = _a.textContent, content = _a.content, inverted = _a.inverted, reversed = _a.reversed, onClick = _a.onClick, testId = _a.testId, others = __rest(_a, ["children", "className", "textContent", "content", "inverted", "reversed", "onClick", "testId"]);
+    var children = _a.children, className = _a.className, id = _a.id, textContent = _a.textContent, content = _a.content, inverted = _a.inverted, reversed = _a.reversed, onClick = _a.onClick, others = __rest(_a, ["children", "className", "id", "textContent", "content", "inverted", "reversed", "onClick"]);
     var styled = useTrilogyContext().styled;
-    var classes = hashClass(styled, clsx(textContent ? "badge-and-text" : "badge", className));
+    var classes = hashClass(styled, clsx(textContent ? 'badge-and-text' : 'badge', className));
     if (textContent) {
-        return (React.createElement("div", __assign({ "data-testid": testId, onClick: function (e) {
+        return (React.createElement("div", __assign({ id: id, onClick: function (e) {
                 onClick === null || onClick === void 0 ? void 0 : onClick(e);
                 e.stopPropagation();
             }, className: classes }, others),
-            !reversed && (React.createElement(Text, { markup: TextMarkup.P }, textContent)),
-            React.createElement("span", { className: hashClass(styled, clsx("badge", inverted && is('inverted'))) }, content || children),
-            reversed && (React.createElement(Text, { markup: TextMarkup.P }, textContent))));
+            !reversed && React.createElement(Text, { markup: TextMarkup.P }, textContent),
+            React.createElement("span", { className: hashClass(styled, clsx('badge', inverted && is('inverted'))) }, content || children),
+            reversed && React.createElement(Text, { markup: TextMarkup.P }, textContent)));
     }
-    return (React.createElement("div", { "data-testid": testId, onClick: function (e) {
+    return (React.createElement("div", { id: id, onClick: function (e) {
             onClick === null || onClick === void 0 ? void 0 : onClick(e);
             e.stopPropagation();
         } },
-        React.createElement(Text, __assign({ className: clsx(textContent ? "badge-and-text" : "badge", inverted && is('inverted'), className), markup: TextMarkup.SPAN }, others), content || children)));
+        React.createElement(Text, __assign({ className: clsx(textContent ? 'badge-and-text' : 'badge', inverted && is('inverted'), className), markup: TextMarkup.SPAN }, others), content || children)));
 };
 export default Badge;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQmFkZ2UuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9jb21wb25lbnRzL2JhZGdlL0JhZGdlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxLQUFLLEtBQUssTUFBTSxPQUFPLENBQUE7QUFFOUIsT0FBTyxFQUFFLElBQUksRUFBRSxVQUFVLEVBQUUsTUFBTSxtQkFBbUIsQ0FBQTtBQUNwRCxPQUFPLElBQUksTUFBTSxNQUFNLENBQUE7QUFDdkIsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLFdBQVcsQ0FBQTtBQUNyQyxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxXQUFXLENBQUE7QUFDN0MsT0FBTyxFQUFFLEVBQUUsRUFBRSxNQUFNLFlBQVksQ0FBQTtBQUUvQjs7Ozs7Ozs7Ozs7R0FXRztBQUNILElBQU0sS0FBSyxHQUFHLFVBQUMsRUFVRjtJQVRYLElBQUEsUUFBUSxjQUFBLEVBQ1IsU0FBUyxlQUFBLEVBQ1QsV0FBVyxpQkFBQSxFQUNYLE9BQU8sYUFBQSxFQUNQLFFBQVEsY0FBQSxFQUNSLFFBQVEsY0FBQSxFQUNSLE9BQU8sYUFBQSxFQUNQLE1BQU0sWUFBQSxFQUNILE1BQU0sY0FUSSxnR0FVZCxDQURVO0lBRUQsSUFBQSxNQUFNLEdBQUssaUJBQWlCLEVBQUUsT0FBeEIsQ0FBd0I7SUFFdEMsSUFBTSxPQUFPLEdBQUcsU0FBUyxDQUN2QixNQUFNLEVBQ04sSUFBSSxDQUFDLFdBQVcsQ0FBQyxDQUFDLENBQUMsZ0JBQWdCLENBQUMsQ0FBQyxDQUFDLE9BQU8sRUFDM0MsU0FBUyxDQUFDLENBQ2IsQ0FBQTtJQUVELElBQUksV0FBVyxFQUFFO1FBQ2YsT0FBTyxDQUNMLHFEQUNlLE1BQU0sRUFDbkIsT0FBTyxFQUFFLFVBQUMsQ0FBQztnQkFDVCxPQUFPLGFBQVAsT0FBTyx1QkFBUCxPQUFPLENBQUcsQ0FBQyxDQUFDLENBQUE7Z0JBQ1osQ0FBQyxDQUFDLGVBQWUsRUFBRSxDQUFBO1lBQ3JCLENBQUMsRUFDRCxTQUFTLEVBQUUsT0FBTyxJQUNkLE1BQU07WUFFUixDQUFDLFFBQVEsSUFBSyxDQUNkLG9CQUFDLElBQUksSUFBQyxNQUFNLEVBQUUsVUFBVSxDQUFDLENBQUMsSUFBRyxXQUFXLENBQVEsQ0FDakQ7WUFDRCw4QkFDRSxTQUFTLEVBQUUsU0FBUyxDQUNsQixNQUFNLEVBQ04sSUFBSSxDQUFDLE9BQU8sRUFDVixRQUFRLElBQUksRUFBRSxDQUFDLFVBQVUsQ0FBQyxDQUFDLENBQzlCLElBRUEsT0FBTyxJQUFJLFFBQVEsQ0FDZjtZQUNOLFFBQVEsSUFBSSxDQUNYLG9CQUFDLElBQUksSUFBQyxNQUFNLEVBQUUsVUFBVSxDQUFDLENBQUMsSUFBRyxXQUFXLENBQVEsQ0FDakQsQ0FDRyxDQUNQLENBQUE7S0FDRjtJQUVELE9BQU8sQ0FDTCw0Q0FDZSxNQUFNLEVBQ25CLE9BQU8sRUFBRSxVQUFDLENBQUM7WUFDVCxPQUFPLGFBQVAsT0FBTyx1QkFBUCxPQUFPLENBQUcsQ0FBQyxDQUFDLENBQUE7WUFDWixDQUFDLENBQUMsZUFBZSxFQUFFLENBQUE7UUFDckIsQ0FBQztRQUVELG9CQUFDLElBQUksYUFDSCxTQUFTLEVBQUUsSUFBSSxDQUNiLFdBQVcsQ0FBQyxDQUFDLENBQUMsZ0JBQWdCLENBQUMsQ0FBQyxDQUFDLE9BQU8sRUFDeEMsUUFBUSxJQUFJLEVBQUUsQ0FBQyxVQUFVLENBQUMsRUFDMUIsU0FBUyxDQUNWLEVBQ0QsTUFBTSxFQUFFLFVBQVUsQ0FBQyxJQUFJLElBQ25CLE1BQU0sR0FFVCxPQUFPLElBQUksUUFBUSxDQUNmLENBQ0gsQ0FDUCxDQUFBO0FBQ0gsQ0FBQyxDQUFBO0FBRUQsZUFBZSxLQUFLLENBQUEifQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQmFkZ2UuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9jb21wb25lbnRzL2JhZGdlL0JhZGdlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxLQUFLLEtBQUssTUFBTSxPQUFPLENBQUE7QUFFOUIsT0FBTyxFQUFFLElBQUksRUFBRSxVQUFVLEVBQUUsTUFBTSxtQkFBbUIsQ0FBQTtBQUNwRCxPQUFPLElBQUksTUFBTSxNQUFNLENBQUE7QUFDdkIsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLFdBQVcsQ0FBQTtBQUNyQyxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxXQUFXLENBQUE7QUFDN0MsT0FBTyxFQUFFLEVBQUUsRUFBRSxNQUFNLFlBQVksQ0FBQTtBQUUvQjs7Ozs7Ozs7Ozs7R0FXRztBQUNILElBQU0sS0FBSyxHQUFHLFVBQUMsRUFVRjtJQVRYLElBQUEsUUFBUSxjQUFBLEVBQ1IsU0FBUyxlQUFBLEVBQ1QsRUFBRSxRQUFBLEVBQ0YsV0FBVyxpQkFBQSxFQUNYLE9BQU8sYUFBQSxFQUNQLFFBQVEsY0FBQSxFQUNSLFFBQVEsY0FBQSxFQUNSLE9BQU8sYUFBQSxFQUNKLE1BQU0sY0FUSSw0RkFVZCxDQURVO0lBRUQsSUFBQSxNQUFNLEdBQUssaUJBQWlCLEVBQUUsT0FBeEIsQ0FBd0I7SUFFdEMsSUFBTSxPQUFPLEdBQUcsU0FBUyxDQUFDLE1BQU0sRUFBRSxJQUFJLENBQUMsV0FBVyxDQUFDLENBQUMsQ0FBQyxnQkFBZ0IsQ0FBQyxDQUFDLENBQUMsT0FBTyxFQUFFLFNBQVMsQ0FBQyxDQUFDLENBQUE7SUFFNUYsSUFBSSxXQUFXLEVBQUU7UUFDZixPQUFPLENBQ0wsc0NBQ0UsRUFBRSxFQUFFLEVBQUUsRUFDTixPQUFPLEVBQUUsVUFBQyxDQUFDO2dCQUNULE9BQU8sYUFBUCxPQUFPLHVCQUFQLE9BQU8sQ0FBRyxDQUFDLENBQUMsQ0FBQTtnQkFDWixDQUFDLENBQUMsZUFBZSxFQUFFLENBQUE7WUFDckIsQ0FBQyxFQUNELFNBQVMsRUFBRSxPQUFPLElBQ2QsTUFBTTtZQUVULENBQUMsUUFBUSxJQUFJLG9CQUFDLElBQUksSUFBQyxNQUFNLEVBQUUsVUFBVSxDQUFDLENBQUMsSUFBRyxXQUFXLENBQVE7WUFDOUQsOEJBQU0sU0FBUyxFQUFFLFNBQVMsQ0FBQyxNQUFNLEVBQUUsSUFBSSxDQUFDLE9BQU8sRUFBRSxRQUFRLElBQUksRUFBRSxDQUFDLFVBQVUsQ0FBQyxDQUFDLENBQUMsSUFBRyxPQUFPLElBQUksUUFBUSxDQUFRO1lBQzFHLFFBQVEsSUFBSSxvQkFBQyxJQUFJLElBQUMsTUFBTSxFQUFFLFVBQVUsQ0FBQyxDQUFDLElBQUcsV0FBVyxDQUFRLENBQ3pELENBQ1AsQ0FBQTtLQUNGO0lBRUQsT0FBTyxDQUNMLDZCQUNFLEVBQUUsRUFBRSxFQUFFLEVBQ04sT0FBTyxFQUFFLFVBQUMsQ0FBQztZQUNULE9BQU8sYUFBUCxPQUFPLHVCQUFQLE9BQU8sQ0FBRyxDQUFDLENBQUMsQ0FBQTtZQUNaLENBQUMsQ0FBQyxlQUFlLEVBQUUsQ0FBQTtRQUNyQixDQUFDO1FBRUQsb0JBQUMsSUFBSSxhQUNILFNBQVMsRUFBRSxJQUFJLENBQUMsV0FBVyxDQUFDLENBQUMsQ0FBQyxnQkFBZ0IsQ0FBQyxDQUFDLENBQUMsT0FBTyxFQUFFLFFBQVEsSUFBSSxFQUFFLENBQUMsVUFBVSxDQUFDLEVBQUUsU0FBUyxDQUFDLEVBQ2hHLE1BQU0sRUFBRSxVQUFVLENBQUMsSUFBSSxJQUNuQixNQUFNLEdBRVQsT0FBTyxJQUFJLFFBQVEsQ0FDZixDQUNILENBQ1AsQ0FBQTtBQUNILENBQUMsQ0FBQTtBQUVELGVBQWUsS0FBSyxDQUFBIn0=

package/lib/components/badge/BadgeProps.d.ts

@@ -2,13 +2,13 @@
 import { Accessibility, Dev } from '../../objects';
 import { Clickable } from '../../objects/facets/Clickable';
 import { Invertable } from '../../objects/facets/Invertable';
+import { CommonProps } from '../../objects/facets/CommonProps';
 /**
  * Badge Interface
  */
-export interface BadgeProps extends Clickable, Accessibility, Invertable, Dev {
+export interface BadgeProps extends Clickable, Accessibility, Invertable, Dev, CommonProps {
     children?: React.ReactNode;
     content?: string | number;
     textContent?: string;
     reversed?: boolean;
-    className?: string;
 }

package/lib/components/badge/BadgePropsDefaults.js

@@ -36,13 +36,6 @@ export default {
       "true"
     ]
   },
-  "className": {
-    "type": "string",
-    "values": [
-      "undefined",
-      "string"
-    ]
-  },
   "onClick": {
     "type": "function",
     "values": [
@@ -71,5 +64,19 @@ export default {
       "undefined",
       "string"
     ]
+  },
+  "id": {
+    "type": "string",
+    "values": [
+      "undefined",
+      "string"
+    ]
+  },
+  "className": {
+    "type": "string",
+    "values": [
+      "undefined",
+      "string"
+    ]
   }
 };

package/lib/components/box/Box.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { BoxProps } from "./BoxProps";
+import { BoxProps } from './BoxProps';
 /**
  * Box Component
  * @param children {React.ReactNode} Box child
@@ -12,15 +12,11 @@ import { BoxProps } from "./BoxProps";
  * @param flat {boolean} Flat box remove shadow and add plain border
  * @param backgroundSrc {string} Source of background Image
  * @param testId {string} Test id
- * @param hat {boolean} Box with a component Sticker props:hat
  * @param active {boolean} Activated box
- * @param headerOffset {boolean} Auto adjust height size if others box has hat
  * - -------------------------- WEB PROPERTIES -------------------------------
  * @param className {string} Additionnal css classes
- * @param markup {BoxMarkup} Clickable Box => BoxMarkup.A Not clickable box => BoxMarkup.DIV || null
- * @param to {string} Box link
  * @param fullheight
  * @param others
  */
-declare const Box: ({ inverted, children, className, onClick, markup, skeleton, to, backgroundColor, highlighted, shadowless, backgroundSrc, testId, flat, hat, fullheight, active, headerOffset, ...others }: BoxProps) => JSX.Element;
+declare const Box: ({ inverted, children, className, id, onClick, skeleton, href, backgroundColor, highlighted, shadowless, backgroundSrc, flat, headerOffset, fullheight, active, ...others }: BoxProps) => JSX.Element;
 export default Box;

package/lib/components/box/Box.js

@@ -1,12 +1,11 @@
 import { __assign, __read, __rest } from "tslib";
-import React, { useEffect, useState } from "react";
-import { BoxMarkup } from "./BoxProps";
-import { has, is } from "../../services/classify";
-import { getBackgroundClassName } from "../../objects/atoms/Background";
-import { getColorClassName } from "../../objects";
-import clsx from "clsx";
-import { hashClass } from "../../helpers";
-import { useTrilogyContext } from "../../context";
+import React, { useEffect, useState } from 'react';
+import { has, is } from '../../services/classify';
+import { getBackgroundClassName } from '../../objects/atoms/Background';
+import { getColorClassName } from '../../objects';
+import clsx from 'clsx';
+import { hashClass } from '../../helpers';
+import { useTrilogyContext } from '../../context';
 /**
  * Box Component
  * @param children {React.ReactNode} Box child
@@ -19,43 +18,39 @@ import { useTrilogyContext } from "../../context";
  * @param flat {boolean} Flat box remove shadow and add plain border
  * @param backgroundSrc {string} Source of background Image
  * @param testId {string} Test id
- * @param hat {boolean} Box with a component Sticker props:hat
  * @param active {boolean} Activated box
- * @param headerOffset {boolean} Auto adjust height size if others box has hat
  * - -------------------------- WEB PROPERTIES -------------------------------
  * @param className {string} Additionnal css classes
- * @param markup {BoxMarkup} Clickable Box => BoxMarkup.A Not clickable box => BoxMarkup.DIV || null
- * @param to {string} Box link
  * @param fullheight
  * @param others
  */
 var Box = function (_a) {
-    var inverted = _a.inverted, children = _a.children, className = _a.className, onClick = _a.onClick, markup = _a.markup, skeleton = _a.skeleton, to = _a.to, backgroundColor = _a.backgroundColor, highlighted = _a.highlighted, shadowless = _a.shadowless, backgroundSrc = _a.backgroundSrc, testId = _a.testId, flat = _a.flat, hat = _a.hat, fullheight = _a.fullheight, active = _a.active, headerOffset = _a.headerOffset, others = __rest(_a, ["inverted", "children", "className", "onClick", "markup", "skeleton", "to", "backgroundColor", "highlighted", "shadowless", "backgroundSrc", "testId", "flat", "hat", "fullheight", "active", "headerOffset"]);
+    var inverted = _a.inverted, children = _a.children, className = _a.className, id = _a.id, onClick = _a.onClick, skeleton = _a.skeleton, href = _a.href, backgroundColor = _a.backgroundColor, highlighted = _a.highlighted, shadowless = _a.shadowless, backgroundSrc = _a.backgroundSrc, flat = _a.flat, headerOffset = _a.headerOffset, fullheight = _a.fullheight, active = _a.active, others = __rest(_a, ["inverted", "children", "className", "id", "onClick", "skeleton", "href", "backgroundColor", "highlighted", "shadowless", "backgroundSrc", "flat", "headerOffset", "fullheight", "active"]);
     var styled = useTrilogyContext().styled;
     var _b = __read(useState(skeleton || false), 2), isLoading = _b[0], setIsLoading = _b[1];
-    var classes = hashClass(styled, clsx("box", shadowless && is("shadowless"), className, backgroundColor && has(getBackgroundClassName(backgroundColor)), backgroundSrc && has("background"), (inverted && is("inverted")), isLoading ? is("loading") : is("loaded"), highlighted && "".concat(is("highlighted"), " ").concat(is(getColorClassName(highlighted))), flat && is("flat"), hat && has("hat"), headerOffset && is('header-offset'), fullheight && is("fullheight"), active && is("active")));
+    var classes = hashClass(styled, clsx('box', shadowless && is('shadowless'), className, backgroundColor && has(getBackgroundClassName(backgroundColor)), backgroundSrc && has('background'), inverted && is('inverted'), isLoading ? is('loading') : is('loaded'), highlighted && "".concat(is('highlighted'), " ").concat(is(getColorClassName(highlighted))), flat && is('flat'), headerOffset && is('offset-header'), fullheight && is('fullheight'), active && is('active')));
     useEffect(function () {
         setIsLoading(skeleton || false);
     }, [skeleton]);
-    if (markup === BoxMarkup.A || to) {
-        return (React.createElement("a", __assign({ "data-testid": testId, href: to, onClick: function (e) {
+    if (href) {
+        return (React.createElement("a", __assign({ id: id, href: href, onClick: function (e) {
                 // eslint-disable-next-line no-unused-expressions
                 onClick === null || onClick === void 0 ? void 0 : onClick(e);
             }, className: classes }, others), children));
     }
     var hoverStyle = {
-        cursor: "pointer",
+        cursor: 'pointer',
     };
-    return (React.createElement("div", __assign({ style: onClick && __assign({}, hoverStyle), "data-testid": testId, onClick: function (e) {
+    return (React.createElement("div", __assign({ id: id, style: onClick && __assign({}, hoverStyle), onClick: function (e) {
             // eslint-disable-next-line no-unused-expressions
             onClick === null || onClick === void 0 ? void 0 : onClick(e);
         }, className: classes }, others, (backgroundSrc && {
         style: {
             backgroundImage: "url(".concat(backgroundSrc, ")"),
-            backgroundSize: "cover",
-            backgroundPosition: "50%",
+            backgroundSize: 'cover',
+            backgroundPosition: '50%',
         },
     })), children));
 };
 export default Box;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQm94LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vY29tcG9uZW50cy9ib3gvQm94LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxLQUFLLEVBQUUsRUFBRSxTQUFTLEVBQUUsUUFBUSxFQUFFLE1BQU0sT0FBTyxDQUFBO0FBQ2xELE9BQU8sRUFBRSxTQUFTLEVBQVksTUFBTSxZQUFZLENBQUE7QUFDaEQsT0FBTyxFQUFFLEdBQUcsRUFBRSxFQUFFLEVBQUUsTUFBTSxxQkFBcUIsQ0FBQTtBQUM3QyxPQUFPLEVBQUUsc0JBQXNCLEVBQUUsTUFBTSw0QkFBNEIsQ0FBQTtBQUNuRSxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxXQUFXLENBQUE7QUFDN0MsT0FBTyxJQUFJLE1BQU0sTUFBTSxDQUFBO0FBQ3ZCLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSxXQUFXLENBQUE7QUFDckMsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sV0FBVyxDQUFBO0FBRTdDOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7R0FxQkc7QUFDSCxJQUFNLEdBQUcsR0FBRyxVQUFDLEVBbUJGO0lBbEJULElBQUEsUUFBUSxjQUFBLEVBQ1IsUUFBUSxjQUFBLEVBQ1IsU0FBUyxlQUFBLEVBQ1QsT0FBTyxhQUFBLEVBQ1AsTUFBTSxZQUFBLEVBQ04sUUFBUSxjQUFBLEVBQ1IsRUFBRSxRQUFBLEVBQ0YsZUFBZSxxQkFBQSxFQUNmLFdBQVcsaUJBQUEsRUFDWCxVQUFVLGdCQUFBLEVBQ1YsYUFBYSxtQkFBQSxFQUNiLE1BQU0sWUFBQSxFQUNOLElBQUksVUFBQSxFQUNKLEdBQUcsU0FBQSxFQUNILFVBQVUsZ0JBQUEsRUFDVixNQUFNLFlBQUEsRUFDTixZQUFZLGtCQUFBLEVBQ1QsTUFBTSxjQWxCRSw4TUFtQlosQ0FEVTtJQUVELElBQUEsTUFBTSxHQUFLLGlCQUFpQixFQUFFLE9BQXhCLENBQXdCO0lBQ2hDLElBQUEsS0FBQSxPQUE0QixRQUFRLENBQVUsUUFBUSxJQUFJLEtBQUssQ0FBQyxJQUFBLEVBQS9ELFNBQVMsUUFBQSxFQUFFLFlBQVksUUFBd0MsQ0FBQTtJQUN0RSxJQUFNLE9BQU8sR0FBRyxTQUFTLENBQ3ZCLE1BQU0sRUFDTixJQUFJLENBQ0YsS0FBSyxFQUNMLFVBQVUsSUFBSSxFQUFFLENBQUMsWUFBWSxDQUFDLEVBQzlCLFNBQVMsRUFDVCxlQUFlLElBQUksR0FBRyxDQUFDLHNCQUFzQixDQUFDLGVBQWUsQ0FBQyxDQUFDLEVBQy9ELGFBQWEsSUFBSSxHQUFHLENBQUMsWUFBWSxDQUFDLEVBQ2xDLENBQUMsUUFBUSxJQUFJLEVBQUUsQ0FBQyxVQUFVLENBQUMsQ0FBQyxFQUM1QixTQUFTLENBQUMsQ0FBQyxDQUFDLEVBQUUsQ0FBQyxTQUFTLENBQUMsQ0FBQyxDQUFDLENBQUMsRUFBRSxDQUFDLFFBQVEsQ0FBQyxFQUN4QyxXQUFXLElBQUksVUFBRyxFQUFFLENBQUMsYUFBYSxDQUFDLGNBQUksRUFBRSxDQUFDLGlCQUFpQixDQUFDLFdBQVcsQ0FBQyxDQUFDLENBQUUsRUFDM0UsSUFBSSxJQUFJLEVBQUUsQ0FBQyxNQUFNLENBQUMsRUFDbEIsR0FBRyxJQUFJLEdBQUcsQ0FBQyxLQUFLLENBQUMsRUFDakIsWUFBWSxJQUFJLEVBQUUsQ0FBQyxlQUFlLENBQUMsRUFDbkMsVUFBVSxJQUFJLEVBQUUsQ0FBQyxZQUFZLENBQUMsRUFDOUIsTUFBTSxJQUFJLEVBQUUsQ0FBQyxRQUFRLENBQUMsQ0FDdkIsQ0FDRixDQUFBO0lBRUQsU0FBUyxDQUFDO1FBQ1IsWUFBWSxDQUFDLFFBQVEsSUFBSSxLQUFLLENBQUMsQ0FBQTtJQUNqQyxDQUFDLEVBQUUsQ0FBQyxRQUFRLENBQUMsQ0FBQyxDQUFBO0lBRWQsSUFBSSxNQUFNLEtBQUssU0FBUyxDQUFDLENBQUMsSUFBSSxFQUFFLEVBQUU7UUFDaEMsT0FBTyxDQUNMLG1EQUNlLE1BQU0sRUFDbkIsSUFBSSxFQUFFLEVBQUUsRUFDUixPQUFPLEVBQUUsVUFBQyxDQUFDO2dCQUNULGlEQUFpRDtnQkFDakQsT0FBTyxhQUFQLE9BQU8sdUJBQVAsT0FBTyxDQUFHLENBQUMsQ0FBQyxDQUFBO1lBQ2QsQ0FBQyxFQUNELFNBQVMsRUFBRSxPQUFPLElBQ2QsTUFBTSxHQUVULFFBQVEsQ0FDUCxDQUNMLENBQUE7S0FDRjtJQUVELElBQU0sVUFBVSxHQUF3QjtRQUN0QyxNQUFNLEVBQUUsU0FBUztLQUNsQixDQUFBO0lBRUQsT0FBTyxDQUNMLHNDQUNFLEtBQUssRUFBRSxPQUFPLGlCQUFTLFVBQVUsQ0FBRSxpQkFDdEIsTUFBTSxFQUNuQixPQUFPLEVBQUUsVUFBQyxDQUFDO1lBQ1QsaURBQWlEO1lBQ2pELE9BQU8sYUFBUCxPQUFPLHVCQUFQLE9BQU8sQ0FBRyxDQUFDLENBQUMsQ0FBQTtRQUNkLENBQUMsRUFDRCxTQUFTLEVBQUUsT0FBTyxJQUNkLE1BQU0sRUFDTixDQUFDLGFBQWEsSUFBSTtRQUNwQixLQUFLLEVBQUU7WUFDTCxlQUFlLEVBQUUsY0FBTyxhQUFhLE1BQUc7WUFDeEMsY0FBYyxFQUFFLE9BQU87WUFDdkIsa0JBQWtCLEVBQUUsS0FBSztTQUMxQjtLQUNGLENBQUMsR0FFRCxRQUFRLENBQ0wsQ0FDUCxDQUFBO0FBQ0gsQ0FBQyxDQUFBO0FBRUQsZUFBZSxHQUFHLENBQUEifQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQm94LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vY29tcG9uZW50cy9ib3gvQm94LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxLQUFLLEVBQUUsRUFBRSxTQUFTLEVBQUUsUUFBUSxFQUFFLE1BQU0sT0FBTyxDQUFBO0FBRWxELE9BQU8sRUFBRSxHQUFHLEVBQUUsRUFBRSxFQUFFLE1BQU0scUJBQXFCLENBQUE7QUFDN0MsT0FBTyxFQUFFLHNCQUFzQixFQUFFLE1BQU0sNEJBQTRCLENBQUE7QUFDbkUsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sV0FBVyxDQUFBO0FBQzdDLE9BQU8sSUFBSSxNQUFNLE1BQU0sQ0FBQTtBQUN2QixPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sV0FBVyxDQUFBO0FBQ3JDLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLFdBQVcsQ0FBQTtBQUU3Qzs7Ozs7Ozs7Ozs7Ozs7Ozs7R0FpQkc7QUFDSCxJQUFNLEdBQUcsR0FBRyxVQUFDLEVBaUJGO0lBaEJULElBQUEsUUFBUSxjQUFBLEVBQ1IsUUFBUSxjQUFBLEVBQ1IsU0FBUyxlQUFBLEVBQ1QsRUFBRSxRQUFBLEVBQ0YsT0FBTyxhQUFBLEVBQ1AsUUFBUSxjQUFBLEVBQ1IsSUFBSSxVQUFBLEVBQ0osZUFBZSxxQkFBQSxFQUNmLFdBQVcsaUJBQUEsRUFDWCxVQUFVLGdCQUFBLEVBQ1YsYUFBYSxtQkFBQSxFQUNiLElBQUksVUFBQSxFQUNKLFlBQVksa0JBQUEsRUFDWixVQUFVLGdCQUFBLEVBQ1YsTUFBTSxZQUFBLEVBQ0gsTUFBTSxjQWhCRSwyTEFpQlosQ0FEVTtJQUVELElBQUEsTUFBTSxHQUFLLGlCQUFpQixFQUFFLE9BQXhCLENBQXdCO0lBQ2hDLElBQUEsS0FBQSxPQUE0QixRQUFRLENBQVUsUUFBUSxJQUFJLEtBQUssQ0FBQyxJQUFBLEVBQS9ELFNBQVMsUUFBQSxFQUFFLFlBQVksUUFBd0MsQ0FBQTtJQUN0RSxJQUFNLE9BQU8sR0FBRyxTQUFTLENBQ3ZCLE1BQU0sRUFDTixJQUFJLENBQ0YsS0FBSyxFQUNMLFVBQVUsSUFBSSxFQUFFLENBQUMsWUFBWSxDQUFDLEVBQzlCLFNBQVMsRUFDVCxlQUFlLElBQUksR0FBRyxDQUFDLHNCQUFzQixDQUFDLGVBQWUsQ0FBQyxDQUFDLEVBQy9ELGFBQWEsSUFBSSxHQUFHLENBQUMsWUFBWSxDQUFDLEVBQ2xDLFFBQVEsSUFBSSxFQUFFLENBQUMsVUFBVSxDQUFDLEVBQzFCLFNBQVMsQ0FBQyxDQUFDLENBQUMsRUFBRSxDQUFDLFNBQVMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxFQUFFLENBQUMsUUFBUSxDQUFDLEVBQ3hDLFdBQVcsSUFBSSxVQUFHLEVBQUUsQ0FBQyxhQUFhLENBQUMsY0FBSSxFQUFFLENBQUMsaUJBQWlCLENBQUMsV0FBVyxDQUFDLENBQUMsQ0FBRSxFQUMzRSxJQUFJLElBQUksRUFBRSxDQUFDLE1BQU0sQ0FBQyxFQUNsQixZQUFZLElBQUksRUFBRSxDQUFDLGVBQWUsQ0FBQyxFQUNuQyxVQUFVLElBQUksRUFBRSxDQUFDLFlBQVksQ0FBQyxFQUM5QixNQUFNLElBQUksRUFBRSxDQUFDLFFBQVEsQ0FBQyxDQUN2QixDQUNGLENBQUE7SUFFRCxTQUFTLENBQUM7UUFDUixZQUFZLENBQUMsUUFBUSxJQUFJLEtBQUssQ0FBQyxDQUFBO0lBQ2pDLENBQUMsRUFBRSxDQUFDLFFBQVEsQ0FBQyxDQUFDLENBQUE7SUFFZCxJQUFJLElBQUksRUFBRTtRQUNSLE9BQU8sQ0FDTCxvQ0FDRSxFQUFFLEVBQUUsRUFBRSxFQUNOLElBQUksRUFBRSxJQUFJLEVBQ1YsT0FBTyxFQUFFLFVBQUMsQ0FBQztnQkFDVCxpREFBaUQ7Z0JBQ2pELE9BQU8sYUFBUCxPQUFPLHVCQUFQLE9BQU8sQ0FBRyxDQUFDLENBQUMsQ0FBQTtZQUNkLENBQUMsRUFDRCxTQUFTLEVBQUUsT0FBTyxJQUNkLE1BQU0sR0FFVCxRQUFRLENBQ1AsQ0FDTCxDQUFBO0tBQ0Y7SUFFRCxJQUFNLFVBQVUsR0FBd0I7UUFDdEMsTUFBTSxFQUFFLFNBQVM7S0FDbEIsQ0FBQTtJQUVELE9BQU8sQ0FDTCxzQ0FDRSxFQUFFLEVBQUUsRUFBRSxFQUNOLEtBQUssRUFBRSxPQUFPLGlCQUFTLFVBQVUsQ0FBRSxFQUNuQyxPQUFPLEVBQUUsVUFBQyxDQUFDO1lBQ1QsaURBQWlEO1lBQ2pELE9BQU8sYUFBUCxPQUFPLHVCQUFQLE9BQU8sQ0FBRyxDQUFDLENBQUMsQ0FBQTtRQUNkLENBQUMsRUFDRCxTQUFTLEVBQUUsT0FBTyxJQUNkLE1BQU0sRUFDTixDQUFDLGFBQWEsSUFBSTtRQUNwQixLQUFLLEVBQUU7WUFDTCxlQUFlLEVBQUUsY0FBTyxhQUFhLE1BQUc7WUFDeEMsY0FBYyxFQUFFLE9BQU87WUFDdkIsa0JBQWtCLEVBQUUsS0FBSztTQUMxQjtLQUNGLENBQUMsR0FFRCxRQUFRLENBQ0wsQ0FDUCxDQUFBO0FBQ0gsQ0FBQyxDQUFBO0FBRUQsZUFBZSxHQUFHLENBQUEifQ==

package/lib/components/box/Box.native.d.ts

@@ -17,11 +17,10 @@ import { ComponentName } from "../../components/enumsComponentsName";
  * @param flex {boolean} Flex: 1 to the box if usage of Image for Example
  * @param fullheight {boolean}
  * @param active {boolean} Activated box
- * @param headerOffset {boolean} Auto adjust height size if others box has hat
  * @param others
  */
 declare const Box: {
-    ({ children, onClick, skeleton, highlighted, testId, shadowless, backgroundColor, backgroundSrc, inverted, flat, hat, fullheight, headerOffset, active, ...others }: BoxProps): JSX.Element;
+    ({ children, onClick, skeleton, highlighted, shadowless, backgroundColor, backgroundSrc, inverted, flat, headerOffset, fullheight, active, ...others }: BoxProps): JSX.Element;
     displayName: ComponentName;
 };
 export default Box;