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

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

@@ -13,20 +13,6 @@ export default {
       "ReactPortal"
     ]
   },
-  "help": {
-    "type": "string",
-    "values": [
-      "undefined",
-      "string"
-    ]
-  },
-  "className": {
-    "type": "string",
-    "values": [
-      "undefined",
-      "string"
-    ]
-  },
   "variant": {
     "type": "enum",
     "values": [
@@ -37,41 +23,75 @@ export default {
       "ERROR",
       "MAIN",
       "ACCENT",
-      "INFO"
+      "WHITE",
+      "MAIN",
+      "MAIN_FADE",
+      "ACCENT",
+      "FONT",
+      "SUCCESS",
+      "SUCCESS_FADE",
+      "INFO",
+      "INFO_FADE",
+      "WARNING",
+      "WARNING_FADE",
+      "ERROR",
+      "ERROR_FADE",
+      "DISABLED",
+      "DISABLED_FADE",
+      "NEUTRAL",
+      "NEUTRAL_FADE",
+      "WHITE",
+      "MAIN_FADE",
+      "FONT",
+      "SUCCESS_FADE",
+      "INFO_FADE",
+      "WARNING_FADE",
+      "ERROR_FADE",
+      "DISABLED",
+      "DISABLED_FADE",
+      "NEUTRAL",
+      "NEUTRAL_FADE"
     ]
   },
-  "pulledLeft": {
-    "type": "boolean",
+  "align": {
+    "type": "enum",
     "values": [
       "undefined",
-      "false",
-      "true"
+      "ALIGNED_CENTER",
+      "ALIGNED_START",
+      "ALIGNED_END",
+      "ALIGNED_CENTER",
+      "ALIGNED_START",
+      "ALIGNED_END"
     ]
   },
-  "pulledRight": {
-    "type": "boolean",
+  "verticalAlign": {
+    "type": "enum",
     "values": [
       "undefined",
-      "false",
-      "true"
+      "ALIGNED_CENTER",
+      "ALIGNED_START",
+      "ALIGNED_END",
+      "ALIGNED_CENTER",
+      "ALIGNED_START",
+      "ALIGNED_END"
     ]
   },
-  "centered": {
-    "type": "boolean",
+  "accessibilityLabel": {
+    "type": "string",
     "values": [
       "undefined",
-      "false",
-      "true"
+      "string"
     ]
   },
-  "accessibilityLabel": {
+  "id": {
     "type": "string",
     "values": [
       "undefined",
       "string"
     ]
   },
-  "testId": {
+  "className": {
     "type": "string",
     "values": [
       "undefined",

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

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

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

@@ -1,3 +1,3 @@
-import BoxHeader from '../../../components/box/header/BoxHeader';
+import BoxHeader from './BoxHeader';
 export default BoxHeader;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9jb21wb25lbnRzL2JveC9oZWFkZXIvaW5kZXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxTQUFTLE1BQU0sbUNBQW1DLENBQUE7QUFFekQsZUFBZSxTQUFTLENBQUEifQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9jb21wb25lbnRzL2JveC9oZWFkZXIvaW5kZXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxTQUFTLE1BQU0sYUFBYSxDQUFBO0FBRW5DLGVBQWUsU0FBUyxDQUFBIn0=

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

@@ -1,8 +1,9 @@
-export { default as Box } from '../../components/box/Box';
-export * from '../../components/box/BoxProps';
-export { default as BoxContent } from '../../components/box/content';
-export { default as BoxFooter } from '../../components/box/footer';
-export { default as BoxHeader } from '../../components/box/header';
-export { default as BoxItem } from '../../components/box/item';
-export * from '../../components/box/item/BoxItemEnum';
-export { default as BoxTableContainer } from '../../components/box/table-container';
+import Box from './Box';
+import BoxContent from './content';
+import BoxFooter from './footer';
+import BoxHeader from './header';
+import BoxTableContainer from './table-container';
+import BoxItem from './item';
+import { BoxItemSize } from './item/BoxItemEnum';
+export * from './BoxProps';
+export { Box, BoxItem, BoxItemSize, BoxHeader, BoxContent, BoxFooter, BoxTableContainer };

package/lib/components/box/index.js

@@ -1,9 +1,10 @@
-export { default as Box } from '../../components/box/Box';
-export * from '../../components/box/BoxProps';
-export { default as BoxContent } from '../../components/box/content';
-export { default as BoxFooter } from '../../components/box/footer';
-export { default as BoxHeader } from '../../components/box/header';
-export { default as BoxItem } from '../../components/box/item';
-export * from '../../components/box/item/BoxItemEnum';
-export { default as BoxTableContainer } from '../../components/box/table-container';
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9jb21wb25lbnRzL2JveC9pbmRleC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsT0FBTyxJQUFJLEdBQUcsRUFBRSxNQUFNLHNCQUFzQixDQUFBO0FBQ3JELGNBQWMsMkJBQTJCLENBQUE7QUFDekMsT0FBTyxFQUFFLE9BQU8sSUFBSSxVQUFVLEVBQUUsTUFBTSwwQkFBMEIsQ0FBQTtBQUNoRSxPQUFPLEVBQUUsT0FBTyxJQUFJLFNBQVMsRUFBRSxNQUFNLHlCQUF5QixDQUFBO0FBQzlELE9BQU8sRUFBRSxPQUFPLElBQUksU0FBUyxFQUFFLE1BQU0seUJBQXlCLENBQUE7QUFDOUQsT0FBTyxFQUFFLE9BQU8sSUFBSSxPQUFPLEVBQUUsTUFBTSx1QkFBdUIsQ0FBQTtBQUMxRCxjQUFjLG1DQUFtQyxDQUFBO0FBQ2pELE9BQU8sRUFBRSxPQUFPLElBQUksaUJBQWlCLEVBQUUsTUFBTSxrQ0FBa0MsQ0FBQSJ9
+import Box from './Box';
+import BoxContent from './content';
+import BoxFooter from './footer';
+import BoxHeader from './header';
+import BoxTableContainer from './table-container';
+import BoxItem from './item';
+import { BoxItemSize } from './item/BoxItemEnum';
+export * from './BoxProps';
+export { Box, BoxItem, BoxItemSize, BoxHeader, BoxContent, BoxFooter, BoxTableContainer };
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9jb21wb25lbnRzL2JveC9pbmRleC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEdBQUcsTUFBTSxPQUFPLENBQUE7QUFDdkIsT0FBTyxVQUFVLE1BQU0sV0FBVyxDQUFBO0FBQ2xDLE9BQU8sU0FBUyxNQUFNLFVBQVUsQ0FBQTtBQUNoQyxPQUFPLFNBQVMsTUFBTSxVQUFVLENBQUE7QUFDaEMsT0FBTyxpQkFBaUIsTUFBTSxtQkFBbUIsQ0FBQTtBQUNqRCxPQUFPLE9BQU8sTUFBTSxRQUFRLENBQUE7QUFDNUIsT0FBTyxFQUFFLFdBQVcsRUFBRSxNQUFNLG9CQUFvQixDQUFBO0FBRWhELGNBQWMsWUFBWSxDQUFBO0FBRTFCLE9BQU8sRUFBRSxHQUFHLEVBQUUsT0FBTyxFQUFFLFdBQVcsRUFBRSxTQUFTLEVBQUUsVUFBVSxFQUFFLFNBQVMsRUFBRSxpQkFBaUIsRUFBRSxDQUFBIn0=

package/lib/components/box/item/BoxItem.d.ts

@@ -1,4 +1,11 @@
-import React from 'react';
-import { BoxItemProps } from '../../../components/box/item/BoxItemProps';
-declare const _default: React.ForwardRefExoticComponent<BoxItemProps & React.RefAttributes<HTMLDivElement>>;
-export default _default;
+/// <reference types="react" />
+import { BoxItemProps } from './BoxItemProps';
+/**
+ * Box Item Component
+ * @param children {React.ReactNode} Children
+ * @param size {BoxItemSize} SMALL|MEDIUM|LARGE|HUGE
+ * - -------------------------- WEB PROPERTIES -------------------------------
+ * @param className {string} Additionnal CSS Classes
+ */
+declare const BoxItem: ({ className, id, children, ...others }: BoxItemProps) => JSX.Element;
+export default BoxItem;

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

@@ -1,7 +1,8 @@
 import { __assign, __rest } from "tslib";
+import * as React from 'react';
 import clsx from 'clsx';
-import React from 'react';
-import { hashClass } from '../../../helpers/hashClassesHelpers';
+import { hashClass } from '../../../helpers';
+import { useTrilogyContext } from '../../../context';
 /**
  * Box Item Component
  * @param children {React.ReactNode} Children
@@ -9,9 +10,10 @@ import { hashClass } from '../../../helpers/hashClassesHelpers';
  * - -------------------------- WEB PROPERTIES -------------------------------
  * @param className {string} Additionnal CSS Classes
  */
-var BoxItem = function (_a, ref) {
-    var className = _a.className, children = _a.children, others = __rest(_a, ["className", "children"]);
-    return (React.createElement("div", __assign({ className: hashClass(clsx('box-item', className)), ref: ref }, others), children));
+var BoxItem = function (_a) {
+    var className = _a.className, id = _a.id, children = _a.children, others = __rest(_a, ["className", "id", "children"]);
+    var styled = useTrilogyContext().styled;
+    return (React.createElement("div", __assign({ id: id, className: hashClass(styled, clsx('box-item', className)) }, others), children));
 };
-export default React.forwardRef(BoxItem);
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQm94SXRlbS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL2NvbXBvbmVudHMvYm94L2l0ZW0vQm94SXRlbS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUFBLE9BQU8sSUFBSSxNQUFNLE1BQU0sQ0FBQTtBQUN2QixPQUFPLEtBQUssTUFBTSxPQUFPLENBQUE7QUFHekIsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLDhCQUE4QixDQUFBO0FBRXhEOzs7Ozs7R0FNRztBQUNILElBQU0sT0FBTyxHQUFHLFVBQUMsRUFBZ0QsRUFBRSxHQUE4QjtJQUE5RSxJQUFBLFNBQVMsZUFBQSxFQUFFLFFBQVEsY0FBQSxFQUFLLE1BQU0sY0FBaEMseUJBQWtDLENBQUY7SUFDL0MsT0FBTyxDQUNMLHNDQUFLLFNBQVMsRUFBRSxTQUFTLENBQUMsSUFBSSxDQUFDLFVBQVUsRUFBRSxTQUFTLENBQUMsQ0FBQyxFQUFFLEdBQUcsRUFBRSxHQUFHLElBQU0sTUFBTSxHQUN6RSxRQUFRLENBQ0wsQ0FDUCxDQUFBO0FBQ0gsQ0FBQyxDQUFBO0FBRUQsZUFBZSxLQUFLLENBQUMsVUFBVSxDQUFDLE9BQU8sQ0FBQyxDQUFBIn0=
+export default BoxItem;
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQm94SXRlbS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL2NvbXBvbmVudHMvYm94L2l0ZW0vQm94SXRlbS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUFBLE9BQU8sS0FBSyxLQUFLLE1BQU0sT0FBTyxDQUFBO0FBRTlCLE9BQU8sSUFBSSxNQUFNLE1BQU0sQ0FBQTtBQUN2QixPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sV0FBVyxDQUFBO0FBQ3JDLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLFdBQVcsQ0FBQTtBQUU3Qzs7Ozs7O0dBTUc7QUFDSCxJQUFNLE9BQU8sR0FBRyxVQUFDLEVBQW9EO0lBQWxELElBQUEsU0FBUyxlQUFBLEVBQUUsRUFBRSxRQUFBLEVBQUUsUUFBUSxjQUFBLEVBQUssTUFBTSxjQUFwQywrQkFBc0MsQ0FBRjtJQUMzQyxJQUFBLE1BQU0sR0FBSyxpQkFBaUIsRUFBRSxPQUF4QixDQUF3QjtJQUV0QyxPQUFPLENBQ0wsc0NBQUssRUFBRSxFQUFFLEVBQUUsRUFBRSxTQUFTLEVBQUUsU0FBUyxDQUFDLE1BQU0sRUFBRSxJQUFJLENBQUMsVUFBVSxFQUFFLFNBQVMsQ0FBQyxDQUFDLElBQU0sTUFBTSxHQUMvRSxRQUFRLENBQ0wsQ0FDUCxDQUFBO0FBQ0gsQ0FBQyxDQUFBO0FBRUQsZUFBZSxPQUFPLENBQUEifQ==

package/lib/components/box/item/BoxItem.native.d.ts

@@ -1,5 +1,13 @@
-import React from 'react';
-import { View } from 'react-native';
-import { BoxItemProps } from '../../../components/box/item/BoxItemProps';
-declare const _default: React.ForwardRefExoticComponent<BoxItemProps & React.RefAttributes<View>>;
-export default _default;
+/// <reference types="react" />
+import { BoxItemProps } from "./BoxItemProps";
+import { ComponentName } from "../../../components/enumsComponentsName";
+/**
+ * Box item Component
+ * @param children {React.ReactNode} BoxItem Children
+ * @param size {BoxItemSize} SMALL|MEDIUM|LARGE|HUGE
+ */
+declare const BoxItem: {
+    ({ children, size, ...others }: BoxItemProps): JSX.Element;
+    displayName: ComponentName;
+};
+export default BoxItem;

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

@@ -1,26 +1,26 @@
 import { __assign, __rest } from "tslib";
-import React from 'react';
-import { StyleSheet, View } from 'react-native';
-import { ComponentName } from '../../../components/enumsComponentsName';
+import * as React from "react";
+import { StyleSheet, View } from "react-native";
+import { ComponentName } from "../../../components/enumsComponentsName";
 /**
  * Box item Component
  * @param children {React.ReactNode} BoxItem Children
  * @param size {BoxItemSize} SMALL|MEDIUM|LARGE|HUGE
  */
-var BoxItem = function (_a, ref) {
+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',
-            alignContent: 'center',
-            flexWrap: 'wrap',
+            alignItems: "center",
+            alignContent: "center",
+            flexWrap: "wrap",
             flex: 1,
         },
     });
-    return (React.createElement(View, __assign({ ref: ref, style: [styles.boxItem] }, others), children));
+    return (React.createElement(View, __assign({ style: [styles.boxItem] }, others), children));
 };
 BoxItem.displayName = ComponentName.BoxItem;
-export default React.forwardRef(BoxItem);
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQm94SXRlbS5uYXRpdmUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9jb21wb25lbnRzL2JveC9pdGVtL0JveEl0ZW0ubmF0aXZlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxLQUFLLE1BQU0sT0FBTyxDQUFBO0FBQ3pCLE9BQU8sRUFBRSxVQUFVLEVBQUUsSUFBSSxFQUFFLE1BQU0sY0FBYyxDQUFBO0FBRy9DLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxrQ0FBa0MsQ0FBQTtBQUVoRTs7OztHQUlHO0FBQ0gsSUFBTSxPQUFPLEdBQUcsVUFBQyxFQUEyQyxFQUFFLEdBQW9CO0lBQS9ELElBQUEsUUFBUSxjQUFBLEVBQUUsSUFBSSxVQUFBLEVBQUssTUFBTSxjQUEzQixvQkFBNkIsQ0FBRjtJQUMxQyxJQUFNLE1BQU0sR0FBRyxNQUFNLENBQUMsSUFBSSxDQUFDLElBQUksRUFBRSxDQUFBO0lBQ2pDLElBQU0sTUFBTSxHQUFHLFVBQVUsQ0FBQyxNQUFNLENBQUM7UUFDL0IsT0FBTyxFQUFFO1lBQ1AsTUFBTSxFQUFFLE1BQU07WUFDZCxVQUFVLEVBQUUsUUFBUTtZQUNwQixZQUFZLEVBQUUsUUFBUTtZQUN0QixRQUFRLEVBQUUsTUFBTTtZQUNoQixJQUFJLEVBQUUsQ0FBQztTQUNSO0tBQ0YsQ0FBQyxDQUFBO0lBRUYsT0FBTyxDQUNMLG9CQUFDLElBQUksYUFBQyxHQUFHLEVBQUUsR0FBRyxFQUFFLEtBQUssRUFBRSxDQUFDLE1BQU0sQ0FBQyxPQUFPLENBQUMsSUFBTSxNQUFNLEdBQ2hELFFBQVEsQ0FDSixDQUNSLENBQUE7QUFDSCxDQUFDLENBQUE7QUFFRCxPQUFPLENBQUMsV0FBVyxHQUFHLGFBQWEsQ0FBQyxPQUFPLENBQUE7QUFFM0MsZUFBZSxLQUFLLENBQUMsVUFBVSxDQUFDLE9BQU8sQ0FBQyxDQUFBIn0=
+export default BoxItem;
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQm94SXRlbS5uYXRpdmUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9jb21wb25lbnRzL2JveC9pdGVtL0JveEl0ZW0ubmF0aXZlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxLQUFLLEtBQUssTUFBTSxPQUFPLENBQUE7QUFDOUIsT0FBTyxFQUFFLFVBQVUsRUFBRSxJQUFJLEVBQUUsTUFBTSxjQUFjLENBQUE7QUFFL0MsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLGtDQUFrQyxDQUFBO0FBRWhFOzs7O0dBSUc7QUFDSCxJQUFNLE9BQU8sR0FBRyxVQUFDLEVBQTJDO0lBQXpDLElBQUEsUUFBUSxjQUFBLEVBQUUsSUFBSSxVQUFBLEVBQUssTUFBTSxjQUEzQixvQkFBNkIsQ0FBRjtJQUMxQyxJQUFNLE1BQU0sR0FBRyxNQUFNLENBQUMsSUFBSSxDQUFDLElBQUksRUFBRSxDQUFBO0lBQ2pDLElBQU0sTUFBTSxHQUFHLFVBQVUsQ0FBQyxNQUFNLENBQUM7UUFDL0IsT0FBTyxFQUFFO1lBQ1AsTUFBTSxFQUFFLE1BQU07WUFDZCxVQUFVLEVBQUUsUUFBUTtZQUNwQixZQUFZLEVBQUUsUUFBUTtZQUN0QixRQUFRLEVBQUUsTUFBTTtZQUNoQixJQUFJLEVBQUUsQ0FBQztTQUNSO0tBQ0YsQ0FBQyxDQUFBO0lBRUYsT0FBTyxDQUNMLG9CQUFDLElBQUksYUFBQyxLQUFLLEVBQUUsQ0FBQyxNQUFNLENBQUMsT0FBTyxDQUFDLElBQU0sTUFBTSxHQUN0QyxRQUFRLENBQ0osQ0FDUixDQUFBO0FBQ0gsQ0FBQyxDQUFBO0FBRUQsT0FBTyxDQUFDLFdBQVcsR0FBRyxhQUFhLENBQUMsT0FBTyxDQUFBO0FBRTNDLGVBQWUsT0FBTyxDQUFBIn0=

package/lib/components/box/item/BoxItemProps.d.ts

@@ -1,7 +1,7 @@
 /// <reference types="react" />
-import { BoxItemSize, BoxItemSizeValues } from '../../../components/box/item/BoxItemEnum';
-export interface BoxItemProps {
+import { BoxItemSize, BoxItemSizeValues } from './BoxItemEnum';
+import { CommonProps } from '../../../objects/facets/CommonProps';
+export interface BoxItemProps extends CommonProps {
     children?: React.ReactNode;
-    className?: string;
     size?: BoxItemSize | BoxItemSizeValues;
 }

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

@@ -13,13 +13,6 @@ export default {
       "ReactPortal"
     ]
   },
-  "className": {
-    "type": "string",
-    "values": [
-      "undefined",
-      "string"
-    ]
-  },
   "size": {
     "type": "enum",
     "values": [
@@ -31,5 +24,19 @@ export default {
       "LARGE",
       "HUGE"
     ]
+  },
+  "id": {
+    "type": "string",
+    "values": [
+      "undefined",
+      "string"
+    ]
+  },
+  "className": {
+    "type": "string",
+    "values": [
+      "undefined",
+      "string"
+    ]
   }
 };

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

@@ -1,3 +1,3 @@
-import BoxItem from '../../../components/box/item/BoxItem';
-export * from '../../../components/box/item/BoxItemEnum';
+import BoxItem from './BoxItem';
+export * from './BoxItemEnum';
 export default BoxItem;

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

@@ -1,4 +1,4 @@
-import BoxItem from '../../../components/box/item/BoxItem';
-export * from '../../../components/box/item/BoxItemEnum';
+import BoxItem from './BoxItem';
+export * from './BoxItemEnum';
 export default BoxItem;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9jb21wb25lbnRzL2JveC9pdGVtL2luZGV4LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sT0FBTyxNQUFNLCtCQUErQixDQUFBO0FBRW5ELGNBQWMsbUNBQW1DLENBQUE7QUFDakQsZUFBZSxPQUFPLENBQUEifQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9jb21wb25lbnRzL2JveC9pdGVtL2luZGV4LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sT0FBTyxNQUFNLFdBQVcsQ0FBQTtBQUUvQixjQUFjLGVBQWUsQ0FBQTtBQUU3QixlQUFlLE9BQU8sQ0FBQSJ9

package/lib/components/box/table-container/BoxTableContainer.d.ts

@@ -1,4 +1,11 @@
-import React from 'react';
-import { BoxTableContainerProps } from '../../../components/box/table-container/BoxTableContainerProps';
-declare const _default: React.ForwardRefExoticComponent<BoxTableContainerProps & React.RefAttributes<HTMLDivElement>>;
-export default _default;
+/// <reference types="react" />
+import { BoxTableContainerProps } from "./BoxTableContainerProps";
+/**
+ * Box Table Component
+ * @param children {React.ReactNode} Children
+ * - -------------------------- WEB PROPERTIES -------------------------------
+ * @param className {string} Additionnal CSS Classes
+ * @param testId {string} Test Id for Test Integration
+ */
+declare const BoxTableContainer: ({ className, testId, ...others }: BoxTableContainerProps) => JSX.Element;
+export default BoxTableContainer;

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

@@ -1,7 +1,8 @@
 import { __assign, __rest } from "tslib";
-import clsx from 'clsx';
-import React from 'react';
-import { hashClass } from '../../../helpers/hashClassesHelpers';
+import * as React from "react";
+import clsx from "clsx";
+import { hashClass } from "../../../helpers";
+import { useTrilogyContext } from "../../../context";
 /**
  * Box Table Component
  * @param children {React.ReactNode} Children
@@ -9,9 +10,10 @@ import { hashClass } from '../../../helpers/hashClassesHelpers';
  * @param className {string} Additionnal CSS Classes
  * @param testId {string} Test Id for Test Integration
  */
-var BoxTableContainer = function (_a, ref) {
+var BoxTableContainer = function (_a) {
     var className = _a.className, testId = _a.testId, others = __rest(_a, ["className", "testId"]);
-    return (React.createElement("div", __assign({ "data-testid": testId, className: hashClass(clsx('box table-container', className)), ref: ref }, others)));
+    var styled = useTrilogyContext().styled;
+    return (React.createElement("div", __assign({ "data-testid": testId, className: hashClass(styled, clsx("box table-container", className)) }, others)));
 };
-export default React.forwardRef(BoxTableContainer);
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQm94VGFibGVDb250YWluZXIuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9jb21wb25lbnRzL2JveC90YWJsZS1jb250YWluZXIvQm94VGFibGVDb250YWluZXIudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLElBQUksTUFBTSxNQUFNLENBQUE7QUFDdkIsT0FBTyxLQUFLLE1BQU0sT0FBTyxDQUFBO0FBR3pCLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSw4QkFBOEIsQ0FBQTtBQUV4RDs7Ozs7O0dBTUc7QUFDSCxJQUFNLGlCQUFpQixHQUFHLFVBQ3hCLEVBQXdELEVBQ3hELEdBQThCO0lBRDVCLElBQUEsU0FBUyxlQUFBLEVBQUUsTUFBTSxZQUFBLEVBQUssTUFBTSxjQUE5Qix1QkFBZ0MsQ0FBRjtJQUc5QixPQUFPLENBQ0wscURBQWtCLE1BQU0sRUFBRSxTQUFTLEVBQUUsU0FBUyxDQUFDLElBQUksQ0FBQyxxQkFBcUIsRUFBRSxTQUFTLENBQUMsQ0FBQyxFQUFFLEdBQUcsRUFBRSxHQUFHLElBQU0sTUFBTSxFQUFJLENBQ2pILENBQUE7QUFDSCxDQUFDLENBQUE7QUFFRCxlQUFlLEtBQUssQ0FBQyxVQUFVLENBQUMsaUJBQWlCLENBQUMsQ0FBQSJ9
+export default BoxTableContainer;
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQm94VGFibGVDb250YWluZXIuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9jb21wb25lbnRzL2JveC90YWJsZS1jb250YWluZXIvQm94VGFibGVDb250YWluZXIudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLEtBQUssS0FBSyxNQUFNLE9BQU8sQ0FBQTtBQUU5QixPQUFPLElBQUksTUFBTSxNQUFNLENBQUE7QUFDdkIsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLFdBQVcsQ0FBQTtBQUNyQyxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxXQUFXLENBQUE7QUFFN0M7Ozs7OztHQU1HO0FBQ0gsSUFBTSxpQkFBaUIsR0FBRyxVQUFDLEVBSUY7SUFIdkIsSUFBQSxTQUFTLGVBQUEsRUFDVCxNQUFNLFlBQUEsRUFDSCxNQUFNLGNBSGdCLHVCQUkxQixDQURVO0lBRUQsSUFBQSxNQUFNLEdBQUssaUJBQWlCLEVBQUUsT0FBeEIsQ0FBd0I7SUFFdEMsT0FBTyxDQUNMLHFEQUNlLE1BQU0sRUFDbkIsU0FBUyxFQUFFLFNBQVMsQ0FBQyxNQUFNLEVBQUUsSUFBSSxDQUFDLHFCQUFxQixFQUFFLFNBQVMsQ0FBQyxDQUFDLElBQ2hFLE1BQU0sRUFDVixDQUNILENBQUE7QUFDSCxDQUFDLENBQUE7QUFFRCxlQUFlLGlCQUFpQixDQUFBIn0=

package/lib/components/box/table-container/BoxTableContainer.native.d.ts

@@ -1,5 +1,12 @@
-import React from 'react';
-import { View } from 'react-native';
-import { BoxTableContainerProps } from '../../../components/box/table-container/BoxTableContainerProps';
-declare const _default: React.ForwardRefExoticComponent<BoxTableContainerProps & React.RefAttributes<View>>;
-export default _default;
+/// <reference types="react" />
+import { BoxTableContainerProps } from "./BoxTableContainerProps";
+import { ComponentName } from "../../../components/enumsComponentsName";
+/**
+ * Box Table Component
+ * @param children {React.ReactNode} Childrens
+ */
+declare const boxTableContainer: {
+    ({ children, ...others }: BoxTableContainerProps): JSX.Element;
+    displayName: ComponentName;
+};
+export default boxTableContainer;

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

@@ -1,18 +1,18 @@
 import { __assign, __rest } from "tslib";
-import React from 'react';
-import { StyleSheet, View } from 'react-native';
-import { ComponentName } from '../../../components/enumsComponentsName';
+import * as React from "react";
+import { StyleSheet, View } from "react-native";
+import { ComponentName } from "../../../components/enumsComponentsName";
 /**
  * Box Table Component
  * @param children {React.ReactNode} Childrens
  */
-var boxTableContainer = function (_a, ref) {
+var boxTableContainer = function (_a) {
     var children = _a.children, others = __rest(_a, ["children"]);
     var styles = StyleSheet.create({
         boxTableContainer: {},
     });
-    return (React.createElement(View, __assign({ style: [styles.boxTableContainer], ref: ref }, others), children));
+    return (React.createElement(View, __assign({ style: [styles.boxTableContainer] }, others), children));
 };
 boxTableContainer.displayName = ComponentName.BoxFooter;
-export default React.forwardRef(boxTableContainer);
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQm94VGFibGVDb250YWluZXIubmF0aXZlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vY29tcG9uZW50cy9ib3gvdGFibGUtY29udGFpbmVyL0JveFRhYmxlQ29udGFpbmVyLm5hdGl2ZS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUFBLE9BQU8sS0FBSyxNQUFNLE9BQU8sQ0FBQTtBQUN6QixPQUFPLEVBQUUsVUFBVSxFQUFFLElBQUksRUFBRSxNQUFNLGNBQWMsQ0FBQTtBQUcvQyxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sa0NBQWtDLENBQUE7QUFFaEU7OztHQUdHO0FBQ0gsSUFBTSxpQkFBaUIsR0FBRyxVQUFDLEVBQStDLEVBQUUsR0FBb0I7SUFBbkUsSUFBQSxRQUFRLGNBQUEsRUFBSyxNQUFNLGNBQXJCLFlBQXVCLENBQUY7SUFDOUMsSUFBTSxNQUFNLEdBQUcsVUFBVSxDQUFDLE1BQU0sQ0FBQztRQUMvQixpQkFBaUIsRUFBRSxFQUFFO0tBQ3RCLENBQUMsQ0FBQTtJQUVGLE9BQU8sQ0FDTCxvQkFBQyxJQUFJLGFBQUMsS0FBSyxFQUFFLENBQUMsTUFBTSxDQUFDLGlCQUFpQixDQUFDLEVBQUUsR0FBRyxFQUFFLEdBQUcsSUFBTSxNQUFNLEdBQzFELFFBQVEsQ0FDSixDQUNSLENBQUE7QUFDSCxDQUFDLENBQUE7QUFFRCxpQkFBaUIsQ0FBQyxXQUFXLEdBQUcsYUFBYSxDQUFDLFNBQVMsQ0FBQTtBQUV2RCxlQUFlLEtBQUssQ0FBQyxVQUFVLENBQUMsaUJBQWlCLENBQUMsQ0FBQSJ9
+export default boxTableContainer;
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQm94VGFibGVDb250YWluZXIubmF0aXZlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vY29tcG9uZW50cy9ib3gvdGFibGUtY29udGFpbmVyL0JveFRhYmxlQ29udGFpbmVyLm5hdGl2ZS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUFBLE9BQU8sS0FBSyxLQUFLLE1BQU0sT0FBTyxDQUFBO0FBQzlCLE9BQU8sRUFBRSxVQUFVLEVBQUUsSUFBSSxFQUFFLE1BQU0sY0FBYyxDQUFBO0FBRS9DLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxrQ0FBa0MsQ0FBQTtBQUVoRTs7O0dBR0c7QUFDSCxJQUFNLGlCQUFpQixHQUFHLFVBQUMsRUFHRjtJQUZ2QixJQUFBLFFBQVEsY0FBQSxFQUNMLE1BQU0sY0FGZ0IsWUFHMUIsQ0FEVTtJQUVULElBQU0sTUFBTSxHQUFHLFVBQVUsQ0FBQyxNQUFNLENBQUM7UUFDL0IsaUJBQWlCLEVBQUUsRUFBRTtLQUN0QixDQUFDLENBQUE7SUFFRixPQUFPLENBQ0wsb0JBQUMsSUFBSSxhQUFDLEtBQUssRUFBRSxDQUFDLE1BQU0sQ0FBQyxpQkFBaUIsQ0FBQyxJQUFNLE1BQU0sR0FDaEQsUUFBUSxDQUNKLENBQ1IsQ0FBQTtBQUNILENBQUMsQ0FBQTtBQUVELGlCQUFpQixDQUFDLFdBQVcsR0FBRyxhQUFhLENBQUMsU0FBUyxDQUFBO0FBRXZELGVBQWUsaUJBQWlCLENBQUEifQ==

package/lib/components/box/table-container/BoxTableContainerProps.d.ts

@@ -1,6 +1,5 @@
 /// <reference types="react" />
-import { Accessibility } from '../../../objects/facets/Accessibility';
-import { Dev } from '../../../objects/facets/Dev';
+import { Accessibility, Dev } from '../../../objects';
 /**
  * Box Table Container Interface
  */

package/lib/components/box/table-container/index.d.ts

@@ -1,2 +1,2 @@
-import BoxTableContainer from '../../../components/box/table-container/BoxTableContainer';
+import BoxTableContainer from './BoxTableContainer';
 export default BoxTableContainer;

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

@@ -1,3 +1,3 @@
-import BoxTableContainer from '../../../components/box/table-container/BoxTableContainer';
+import BoxTableContainer from './BoxTableContainer';
 export default BoxTableContainer;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9jb21wb25lbnRzL2JveC90YWJsZS1jb250YWluZXIvaW5kZXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxpQkFBaUIsTUFBTSxvREFBb0QsQ0FBQTtBQUVsRixlQUFlLGlCQUFpQixDQUFBIn0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9jb21wb25lbnRzL2JveC90YWJsZS1jb250YWluZXIvaW5kZXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxpQkFBaUIsTUFBTSxxQkFBcUIsQ0FBQTtBQUVuRCxlQUFlLGlCQUFpQixDQUFBIn0=

package/lib/components/breadcrumb/Breadcrumb.d.ts

@@ -1,4 +1,12 @@
-import React from 'react';
-import { BreadcrumbWebProps } from '../../components/breadcrumb/BreadcrumbProps';
-declare const _default: React.ForwardRefExoticComponent<BreadcrumbWebProps & React.RefAttributes<HTMLElement>>;
-export default _default;
+import * as React from 'react';
+import { BreadcrumbWebProps } from './BreadcrumbProps';
+/**
+ * Breadcrumb Component
+ * @param children {React.ReactNode} Breadcrumb Children
+ * @param testId {string} Test id
+ * - -------------------------- WEB PROPERTIES -------------------------------
+ * @param className {string} Additionnal CSS Classes
+ * @param accessibilityLabel {string} Accessibility label
+ */
+declare const Breadcrumb: React.ForwardRefExoticComponent<BreadcrumbWebProps & React.RefAttributes<HTMLElement>>;
+export default Breadcrumb;

package/lib/components/breadcrumb/Breadcrumb.js

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

package/lib/components/breadcrumb/Breadcrumb.native.d.ts

@@ -1,5 +1,13 @@
-import React from 'react';
-import { View } from 'react-native';
-import { BreadcrumbProps } from '../../components/breadcrumb/BreadcrumbProps';
-declare const _default: React.ForwardRefExoticComponent<BreadcrumbProps & React.RefAttributes<View>>;
-export default _default;
+/// <reference types="react" />
+import { BreadcrumbProps } from "./BreadcrumbProps";
+import { ComponentName } from "../../components/enumsComponentsName";
+/**
+ * Breadcrumb Native Component
+ * @param children {React.ReactNode} Breadcrumb Children
+ * @param testId {string} Test id
+ */
+declare const Breadcrumb: {
+    ({ children, testId, ...others }: BreadcrumbProps): JSX.Element;
+    displayName: ComponentName;
+};
+export default Breadcrumb;

package/lib/components/breadcrumb/Breadcrumb.native.js

@@ -1,29 +1,29 @@
 import { __assign, __rest } from "tslib";
-import React from 'react';
-import { StyleSheet, View } from 'react-native';
-import { ComponentName } from '../../components/enumsComponentsName';
-import { Icon } from '../../components/icon';
+import * as React from "react";
+import { ComponentName } from "../../components/enumsComponentsName";
+import { StyleSheet, View } from "react-native";
+import { Icon } from "../../components/icon";
 /**
  * Breadcrumb Native Component
  * @param children {React.ReactNode} Breadcrumb Children
  * @param testId {string} Test id
  */
-var Breadcrumb = function (_a, ref) {
+var Breadcrumb = function (_a) {
     var children = _a.children, testId = _a.testId, others = __rest(_a, ["children", "testId"]);
     var containerStyle = React.useMemo(function () {
         return StyleSheet.create({
             containerStyle: {
-                flexDirection: 'row',
-                flexWrap: 'wrap',
+                flexDirection: "row",
+                flexWrap: "wrap",
             },
         });
     }, []).containerStyle;
-    return (React.createElement(View, __assign({ testID: testId, style: [containerStyle], ref: ref }, others), Array.isArray(children)
+    return (React.createElement(View, __assign({ testID: testId, style: [containerStyle] }, others), Array.isArray(children)
         ? React.Children.map(children, function (child, index) { return (React.createElement(React.Fragment, null,
             React.cloneElement(child),
-            index != children.length - 1 && (React.createElement(Icon, { size: 'smaller', name: 'tri-arrow-right', align: 'ALIGNED_CENTER', style: { marginHorizontal: 5 } })))); })
+            index != children.length - 1 && (React.createElement(Icon, { size: 'smaller', name: 'tri-arrow-right', align: 'ALIGNED_CENTER' })))); })
         : children));
 };
 Breadcrumb.displayName = ComponentName.Breadcrumb;
-export default React.forwardRef(Breadcrumb);
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQnJlYWRjcnVtYi5uYXRpdmUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9jb21wb25lbnRzL2JyZWFkY3J1bWIvQnJlYWRjcnVtYi5uYXRpdmUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLEtBQUssTUFBTSxPQUFPLENBQUE7QUFDekIsT0FBTyxFQUFFLFVBQVUsRUFBRSxJQUFJLEVBQUUsTUFBTSxjQUFjLENBQUE7QUFHL0MsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLGtDQUFrQyxDQUFBO0FBQ2hFLE9BQU8sRUFBRSxJQUFJLEVBQUUsTUFBTSxtQkFBbUIsQ0FBQTtBQUV4Qzs7OztHQUlHO0FBQ0gsSUFBTSxVQUFVLEdBQUcsVUFBQyxFQUFnRCxFQUFFLEdBQW9CO0lBQXBFLElBQUEsUUFBUSxjQUFBLEVBQUUsTUFBTSxZQUFBLEVBQUssTUFBTSxjQUE3QixzQkFBK0IsQ0FBRjtJQUN2QyxJQUFBLGNBQWMsR0FBSyxLQUFLLENBQUMsT0FBTyxDQUN0QztRQUNFLE9BQUEsVUFBVSxDQUFDLE1BQU0sQ0FBQztZQUNoQixjQUFjLEVBQUU7Z0JBQ2QsYUFBYSxFQUFFLEtBQUs7Z0JBQ3BCLFFBQVEsRUFBRSxNQUFNO2FBQ2pCO1NBQ0YsQ0FBQztJQUxGLENBS0UsRUFDSixFQUFFLENBQ0gsZUFUcUIsQ0FTckI7SUFFRCxPQUFPLENBQ0wsb0JBQUMsSUFBSSxhQUFDLE1BQU0sRUFBRSxNQUFNLEVBQUUsS0FBSyxFQUFFLENBQUMsY0FBYyxDQUFDLEVBQUUsR0FBRyxFQUFFLEdBQUcsSUFBTSxNQUFNLEdBQ2hFLEtBQUssQ0FBQyxPQUFPLENBQUMsUUFBUSxDQUFDO1FBQ3RCLENBQUMsQ0FBQyxLQUFLLENBQUMsUUFBUSxDQUFDLEdBQUcsQ0FBQyxRQUFRLEVBQUUsVUFBQyxLQUFLLEVBQUUsS0FBSyxJQUFLLE9BQUEsQ0FDN0M7WUFDRyxLQUFLLENBQUMsWUFBWSxDQUFDLEtBQUssQ0FBQztZQUN6QixLQUFLLElBQUksUUFBUSxDQUFDLE1BQU0sR0FBRyxDQUFDLElBQUksQ0FDL0Isb0JBQUMsSUFBSSxJQUFDLElBQUksRUFBQyxTQUFTLEVBQUMsSUFBSSxFQUFDLGlCQUFpQixFQUFDLEtBQUssRUFBQyxnQkFBZ0IsRUFBQyxLQUFLLEVBQUUsRUFBRSxnQkFBZ0IsRUFBRSxDQUFDLEVBQUUsR0FBSSxDQUN0RyxDQUNBLENBQ0osRUFQOEMsQ0FPOUMsQ0FBQztRQUNKLENBQUMsQ0FBQyxRQUFRLENBQ1AsQ0FDUixDQUFBO0FBQ0gsQ0FBQyxDQUFBO0FBRUQsVUFBVSxDQUFDLFdBQVcsR0FBRyxhQUFhLENBQUMsVUFBVSxDQUFBO0FBRWpELGVBQWUsS0FBSyxDQUFDLFVBQVUsQ0FBQyxVQUFVLENBQUMsQ0FBQSJ9
+export default Breadcrumb;
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQnJlYWRjcnVtYi5uYXRpdmUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9jb21wb25lbnRzL2JyZWFkY3J1bWIvQnJlYWRjcnVtYi5uYXRpdmUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLEtBQUssS0FBSyxNQUFNLE9BQU8sQ0FBQTtBQUU5QixPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sa0NBQWtDLENBQUE7QUFDaEUsT0FBTyxFQUFFLFVBQVUsRUFBRSxJQUFJLEVBQUUsTUFBTSxjQUFjLENBQUE7QUFDL0MsT0FBTyxFQUFFLElBQUksRUFBRSxNQUFNLG1CQUFtQixDQUFBO0FBRXhDOzs7O0dBSUc7QUFDSCxJQUFNLFVBQVUsR0FBRyxVQUFDLEVBSUY7SUFIaEIsSUFBQSxRQUFRLGNBQUEsRUFDUixNQUFNLFlBQUEsRUFDSCxNQUFNLGNBSFMsc0JBSW5CLENBRFU7SUFFRCxJQUFBLGNBQWMsR0FBSyxLQUFLLENBQUMsT0FBTyxDQUN0QztRQUNFLE9BQUEsVUFBVSxDQUFDLE1BQU0sQ0FBQztZQUNoQixjQUFjLEVBQUU7Z0JBQ2QsYUFBYSxFQUFFLEtBQUs7Z0JBQ3BCLFFBQVEsRUFBRSxNQUFNO2FBQ2pCO1NBQ0YsQ0FBQztJQUxGLENBS0UsRUFDSixFQUFFLENBQ0gsZUFUcUIsQ0FTckI7SUFFRCxPQUFPLENBQ0wsb0JBQUMsSUFBSSxhQUFDLE1BQU0sRUFBRSxNQUFNLEVBQUUsS0FBSyxFQUFFLENBQUMsY0FBYyxDQUFDLElBQU0sTUFBTSxHQUN0RCxLQUFLLENBQUMsT0FBTyxDQUFDLFFBQVEsQ0FBQztRQUN0QixDQUFDLENBQUMsS0FBSyxDQUFDLFFBQVEsQ0FBQyxHQUFHLENBQUMsUUFBUSxFQUFFLFVBQUMsS0FBSyxFQUFFLEtBQUssSUFBSyxPQUFBLENBQzdDO1lBQ0csS0FBSyxDQUFDLFlBQVksQ0FBQyxLQUFLLENBQUM7WUFDekIsS0FBSyxJQUFJLFFBQVEsQ0FBQyxNQUFNLEdBQUcsQ0FBQyxJQUFJLENBQy9CLG9CQUFDLElBQUksSUFDSCxJQUFJLEVBQUMsU0FBUyxFQUNkLElBQUksRUFBQyxpQkFBaUIsRUFDdEIsS0FBSyxFQUFDLGdCQUFnQixHQUN0QixDQUNILENBQ0EsQ0FDSixFQVg4QyxDQVc5QyxDQUFDO1FBQ0osQ0FBQyxDQUFDLFFBQVEsQ0FDUCxDQUNSLENBQUE7QUFDSCxDQUFDLENBQUE7QUFFRCxVQUFVLENBQUMsV0FBVyxHQUFHLGFBQWEsQ0FBQyxVQUFVLENBQUE7QUFFakQsZUFBZSxVQUFVLENBQUEifQ==

package/lib/components/breadcrumb/BreadcrumbProps.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
-import { Accessibility } from '../../objects/facets/Accessibility';
-import { Dev } from '../../objects/facets/Dev';
+import { Accessibility, Dev } from '../../objects';
+import { CommonProps } from '../../objects/facets/CommonProps';
 /**
  * Breadcrumb Interface
  */
@@ -10,6 +10,5 @@ export interface BreadcrumbProps extends Accessibility, Dev {
 /**
  * Breadcrumb Web Interface
  */
-export interface BreadcrumbWebProps extends BreadcrumbProps {
-    className?: string;
+export interface BreadcrumbWebProps extends BreadcrumbProps, CommonProps {
 }