@trilogy-ds/react 0.0.1-beta-sc-2 → 0.0.1-beta-149

package/lib/components/table/Table.native.js

@@ -1,20 +1,20 @@
 import { __assign, __rest } from "tslib";
-import React from 'react';
-import { StyleSheet, View } from 'react-native';
-import { ComponentName } from '../../components/enumsComponentsName';
-import { getColorStyle, TrilogyColor } from '../../objects/facets/Color';
+import * as React from "react";
+import { StyleSheet, View } from "react-native";
+import { getColorStyle, TrilogyColor } from "../../objects";
+import { ComponentName } from "../../components/enumsComponentsName";
 /**
  * Table Component
  * @param children {ReactNode}
  * @param bordered {boolean} bordered table
  */
-var Table = React.forwardRef(function (_a, ref) {
+var Table = function (_a) {
     var children = _a.children, bordered = _a.bordered, others = __rest(_a, ["children", "bordered"]);
     var borderColor = getColorStyle(TrilogyColor.MAIN_FADE);
     var styles = StyleSheet.create({
         table: {
-            width: '100%',
-            backgroundColor: 'transparent',
+            width: "100%",
+            backgroundColor: "transparent",
         },
         bordered: {
             borderWidth: 1,
@@ -22,11 +22,15 @@ var Table = React.forwardRef(function (_a, ref) {
         },
         noBorder: {
             borderWidth: 0,
-            borderColor: 'transparent',
+            borderColor: "transparent",
         },
     });
-    return (React.createElement(View, __assign({ style: [bordered && styles.bordered, !bordered && styles.noBorder, styles.table], ref: ref }, others), children));
-});
+    return (React.createElement(View, __assign({ style: [
+            bordered && styles.bordered,
+            !bordered && styles.noBorder,
+            styles.table,
+        ] }, others), children));
+};
 Table.displayName = ComponentName.Table;
 export default Table;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVGFibGUubmF0aXZlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vY29tcG9uZW50cy90YWJsZS9UYWJsZS5uYXRpdmUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLEtBQUssTUFBTSxPQUFPLENBQUE7QUFDekIsT0FBTyxFQUFFLFVBQVUsRUFBRSxJQUFJLEVBQUUsTUFBTSxjQUFjLENBQUE7QUFFL0MsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLGtDQUFrQyxDQUFBO0FBRWhFLE9BQU8sRUFBRSxhQUFhLEVBQUUsWUFBWSxFQUFFLE1BQU0sd0JBQXdCLENBQUE7QUFFcEU7Ozs7R0FJRztBQUNILElBQU0sS0FBSyxHQUFHLEtBQUssQ0FBQyxVQUFVLENBQUMsVUFBQyxFQUE2QyxFQUFFLEdBQW9CO0lBQWpFLElBQUEsUUFBUSxjQUFBLEVBQUUsUUFBUSxjQUFBLEVBQUssTUFBTSxjQUEvQix3QkFBaUMsQ0FBRjtJQUM3RCxJQUFNLFdBQVcsR0FBRyxhQUFhLENBQUMsWUFBWSxDQUFDLFNBQVMsQ0FBQyxDQUFBO0lBRXpELElBQU0sTUFBTSxHQUFHLFVBQVUsQ0FBQyxNQUFNLENBQUM7UUFDL0IsS0FBSyxFQUFFO1lBQ0wsS0FBSyxFQUFFLE1BQU07WUFDYixlQUFlLEVBQUUsYUFBYTtTQUMvQjtRQUNELFFBQVEsRUFBRTtZQUNSLFdBQVcsRUFBRSxDQUFDO1lBQ2QsV0FBVyxFQUFFLFdBQVc7U0FDekI7UUFDRCxRQUFRLEVBQUU7WUFDUixXQUFXLEVBQUUsQ0FBQztZQUNkLFdBQVcsRUFBRSxhQUFhO1NBQzNCO0tBQ0YsQ0FBQyxDQUFBO0lBRUYsT0FBTyxDQUNMLG9CQUFDLElBQUksYUFBQyxLQUFLLEVBQUUsQ0FBQyxRQUFRLElBQUksTUFBTSxDQUFDLFFBQVEsRUFBRSxDQUFDLFFBQVEsSUFBSSxNQUFNLENBQUMsUUFBUSxFQUFFLE1BQU0sQ0FBQyxLQUFLLENBQUMsRUFBRSxHQUFHLEVBQUUsR0FBRyxJQUFNLE1BQU0sR0FDekcsUUFBUSxDQUNKLENBQ1IsQ0FBQTtBQUNILENBQUMsQ0FBQyxDQUFBO0FBRUYsS0FBSyxDQUFDLFdBQVcsR0FBRyxhQUFhLENBQUMsS0FBSyxDQUFBO0FBQ3ZDLGVBQWUsS0FBSyxDQUFBIn0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVGFibGUubmF0aXZlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vY29tcG9uZW50cy90YWJsZS9UYWJsZS5uYXRpdmUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLEtBQUssS0FBSyxNQUFNLE9BQU8sQ0FBQTtBQUM5QixPQUFPLEVBQUUsVUFBVSxFQUFFLElBQUksRUFBRSxNQUFNLGNBQWMsQ0FBQTtBQUMvQyxPQUFPLEVBQUUsYUFBYSxFQUFFLFlBQVksRUFBRSxNQUFNLFdBQVcsQ0FBQTtBQUV2RCxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sa0NBQWtDLENBQUE7QUFFaEU7Ozs7R0FJRztBQUNILElBQU0sS0FBSyxHQUFHLFVBQUMsRUFBNkM7SUFBM0MsSUFBQSxRQUFRLGNBQUEsRUFBRSxRQUFRLGNBQUEsRUFBSyxNQUFNLGNBQS9CLHdCQUFpQyxDQUFGO0lBQzVDLElBQU0sV0FBVyxHQUFHLGFBQWEsQ0FBQyxZQUFZLENBQUMsU0FBUyxDQUFDLENBQUE7SUFFekQsSUFBTSxNQUFNLEdBQUcsVUFBVSxDQUFDLE1BQU0sQ0FBQztRQUMvQixLQUFLLEVBQUU7WUFDTCxLQUFLLEVBQUUsTUFBTTtZQUNiLGVBQWUsRUFBRSxhQUFhO1NBQy9CO1FBQ0QsUUFBUSxFQUFFO1lBQ1IsV0FBVyxFQUFFLENBQUM7WUFDZCxXQUFXLEVBQUUsV0FBVztTQUN6QjtRQUNELFFBQVEsRUFBRTtZQUNSLFdBQVcsRUFBRSxDQUFDO1lBQ2QsV0FBVyxFQUFFLGFBQWE7U0FDM0I7S0FDRixDQUFDLENBQUE7SUFFRixPQUFPLENBQ0wsb0JBQUMsSUFBSSxhQUNILEtBQUssRUFBRTtZQUNMLFFBQVEsSUFBSSxNQUFNLENBQUMsUUFBUTtZQUMzQixDQUFDLFFBQVEsSUFBSSxNQUFNLENBQUMsUUFBUTtZQUM1QixNQUFNLENBQUMsS0FBSztTQUNiLElBQ0csTUFBTSxHQUVULFFBQVEsQ0FDSixDQUNSLENBQUE7QUFDSCxDQUFDLENBQUE7QUFFRCxLQUFLLENBQUMsV0FBVyxHQUFHLGFBQWEsQ0FBQyxLQUFLLENBQUE7QUFFdkMsZUFBZSxLQUFLLENBQUEifQ==

package/lib/components/table/body/TableBody.d.ts

@@ -1,5 +1,5 @@
-import React from 'react';
-import { TableBodyProps } from '../../../components/table/body/TableBodyProps';
+/// <reference types="react" />
+import { TableBodyProps } from "./TableBodyProps";
 /**
  * Table Body Component
  * @param children {ReactNode} children of Table Body
@@ -8,5 +8,5 @@ import { TableBodyProps } from '../../../components/table/body/TableBodyProps';
  * @param color {TrilogyColor} text color
  * @param backgroundColor {TrilogyColor} background color
  */
-declare const TableBody: React.ForwardRefExoticComponent<TableBodyProps & React.RefAttributes<HTMLTableSectionElement>>;
+declare const TableBody: ({ className, color, backgroundColor, ...others }: TableBodyProps) => JSX.Element;
 export default TableBody;

package/lib/components/table/body/TableBody.js

@@ -1,11 +1,11 @@
 import { __assign, __rest } from "tslib";
-import clsx from 'clsx';
-import React from 'react';
-import { ComponentName } from '../../../components/enumsComponentsName';
-import { hashClass } from '../../../helpers/hashClassesHelpers';
-import { getBackgroundClassName } from '../../../objects/atoms/Background';
-import { getColorClassName } from '../../../objects/facets/Color';
-import { has, is } from '../../../services/classify';
+import * as React from "react";
+import clsx from "clsx";
+import { hashClass } from "../../../helpers/hashClassesHelpers";
+import { is, has } from "../../../services/classify";
+import { useTrilogyContext } from "../../../context/index";
+import { getBackgroundClassName } from "../../../objects/atoms/Background";
+import { getColorClassName } from "../../../objects/facets/Color";
 /**
  * Table Body Component
  * @param children {ReactNode} children of Table Body
@@ -14,11 +14,11 @@ import { has, is } from '../../../services/classify';
  * @param color {TrilogyColor} text color
  * @param backgroundColor {TrilogyColor} background color
  */
-var TableBody = React.forwardRef(function (_a, ref) {
+var TableBody = function (_a) {
     var className = _a.className, color = _a.color, backgroundColor = _a.backgroundColor, others = __rest(_a, ["className", "color", "backgroundColor"]);
-    var classes = hashClass(clsx(className, backgroundColor && has(getBackgroundClassName(backgroundColor)), color && is(getColorClassName(color))));
-    return React.createElement("tbody", __assign({ className: classes, ref: ref }, others));
-});
-TableBody.displayName = ComponentName.TableBody;
+    var styled = useTrilogyContext().styled;
+    var classes = hashClass(styled, clsx(className, backgroundColor && has(getBackgroundClassName(backgroundColor)), color && is(getColorClassName(color))));
+    return React.createElement("tbody", __assign({ className: classes }, others));
+};
 export default TableBody;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVGFibGVCb2R5LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vY29tcG9uZW50cy90YWJsZS9ib2R5L1RhYmxlQm9keS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUFBLE9BQU8sSUFBSSxNQUFNLE1BQU0sQ0FBQTtBQUN2QixPQUFPLEtBQUssTUFBTSxPQUFPLENBQUE7QUFFekIsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLGtDQUFrQyxDQUFBO0FBRWhFLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSw4QkFBOEIsQ0FBQTtBQUN4RCxPQUFPLEVBQUUsc0JBQXNCLEVBQUUsTUFBTSw0QkFBNEIsQ0FBQTtBQUNuRSxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSx3QkFBd0IsQ0FBQTtBQUMxRCxPQUFPLEVBQUUsR0FBRyxFQUFFLEVBQUUsRUFBRSxNQUFNLHFCQUFxQixDQUFBO0FBRTdDOzs7Ozs7O0dBT0c7QUFDSCxJQUFNLFNBQVMsR0FBRyxLQUFLLENBQUMsVUFBVSxDQUNoQyxVQUNFLEVBQWdFLEVBQ2hFLEdBQXVDO0lBRHJDLElBQUEsU0FBUyxlQUFBLEVBQUUsS0FBSyxXQUFBLEVBQUUsZUFBZSxxQkFBQSxFQUFLLE1BQU0sY0FBOUMseUNBQWdELENBQUY7SUFHOUMsSUFBTSxPQUFPLEdBQUcsU0FBUyxDQUN2QixJQUFJLENBQ0YsU0FBUyxFQUNULGVBQWUsSUFBSSxHQUFHLENBQUMsc0JBQXNCLENBQUMsZUFBZSxDQUFDLENBQUMsRUFDL0QsS0FBSyxJQUFJLEVBQUUsQ0FBQyxpQkFBaUIsQ0FBQyxLQUFLLENBQUMsQ0FBQyxDQUN0QyxDQUNGLENBQUE7SUFDRCxPQUFPLHdDQUFPLFNBQVMsRUFBRSxPQUFPLEVBQUUsR0FBRyxFQUFFLEdBQUcsSUFBTSxNQUFNLEVBQUksQ0FBQTtBQUM1RCxDQUFDLENBQ0YsQ0FBQTtBQUVELFNBQVMsQ0FBQyxXQUFXLEdBQUcsYUFBYSxDQUFDLFNBQVMsQ0FBQTtBQUMvQyxlQUFlLFNBQVMsQ0FBQSJ9
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVGFibGVCb2R5LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vY29tcG9uZW50cy90YWJsZS9ib2R5L1RhYmxlQm9keS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUFBLE9BQU8sS0FBSyxLQUFLLE1BQU0sT0FBTyxDQUFBO0FBQzlCLE9BQU8sSUFBSSxNQUFNLE1BQU0sQ0FBQTtBQUV2QixPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sOEJBQThCLENBQUE7QUFDeEQsT0FBTyxFQUFFLEVBQUUsRUFBRSxHQUFHLEVBQUUsTUFBTSxxQkFBcUIsQ0FBQTtBQUM3QyxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQTtBQUNuRCxPQUFPLEVBQUUsc0JBQXNCLEVBQUUsTUFBTSw0QkFBNEIsQ0FBQTtBQUNuRSxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSx3QkFBd0IsQ0FBQTtBQUUxRDs7Ozs7OztHQU9HO0FBQ0gsSUFBTSxTQUFTLEdBQUcsVUFBQyxFQUtGO0lBSmYsSUFBQSxTQUFTLGVBQUEsRUFDVCxLQUFLLFdBQUEsRUFDTCxlQUFlLHFCQUFBLEVBQ1osTUFBTSxjQUpRLHlDQUtsQixDQURVO0lBRUQsSUFBQSxNQUFNLEdBQUssaUJBQWlCLEVBQUUsT0FBeEIsQ0FBd0I7SUFDdEMsSUFBTSxPQUFPLEdBQUcsU0FBUyxDQUN2QixNQUFNLEVBQ04sSUFBSSxDQUNGLFNBQVMsRUFDVCxlQUFlLElBQUksR0FBRyxDQUFDLHNCQUFzQixDQUFDLGVBQWUsQ0FBQyxDQUFDLEVBQy9ELEtBQUssSUFBSSxFQUFFLENBQUMsaUJBQWlCLENBQUMsS0FBSyxDQUFDLENBQUMsQ0FDdEMsQ0FDRixDQUFBO0lBQ0QsT0FBTyx3Q0FBTyxTQUFTLEVBQUUsT0FBTyxJQUFNLE1BQU0sRUFBSSxDQUFBO0FBQ2xELENBQUMsQ0FBQTtBQUVELGVBQWUsU0FBUyxDQUFBIn0=

package/lib/components/table/body/TableBody.native.d.ts

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

package/lib/components/table/body/TableBody.native.js

@@ -1,22 +1,22 @@
 import { __assign, __rest } from "tslib";
-import React from 'react';
-import { StyleSheet, Text, View } from 'react-native';
-import { ComponentName } from '../../../components/enumsComponentsName';
+import * as React from "react";
+import { StyleSheet, Text, View } from "react-native";
+import { ComponentName } from "../../../components/enumsComponentsName";
 /**
  * TableBody Component
  * @param children {ReactNode} Children of Table Body
  */
-var TableBody = function (_a, ref) {
+var TableBody = function (_a) {
     var children = _a.children, others = __rest(_a, ["children"]);
     var styles = StyleSheet.create({
         body: {
-            display: 'flex',
-            flexDirection: 'column',
+            display: "flex",
+            flexDirection: "column",
             flex: 1,
         },
     });
-    return (React.createElement(View, __assign({ style: styles.body, ref: ref }, others), children && typeof children.valueOf() === 'string' ? React.createElement(Text, null, String(children)) : children));
+    return (React.createElement(View, __assign({ style: styles.body }, others), children && typeof children.valueOf() === "string" ? (React.createElement(Text, null, String(children))) : (children)));
 };
 TableBody.displayName = ComponentName.TableBody;
-export default React.forwardRef(TableBody);
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVGFibGVCb2R5Lm5hdGl2ZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL2NvbXBvbmVudHMvdGFibGUvYm9keS9UYWJsZUJvZHkubmF0aXZlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxLQUFLLE1BQU0sT0FBTyxDQUFBO0FBQ3pCLE9BQU8sRUFBRSxVQUFVLEVBQUUsSUFBSSxFQUFFLElBQUksRUFBRSxNQUFNLGNBQWMsQ0FBQTtBQUVyRCxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sa0NBQWtDLENBQUE7QUFHaEU7OztHQUdHO0FBQ0gsSUFBTSxTQUFTLEdBQUcsVUFBQyxFQUF1QyxFQUFFLEdBQW9CO0lBQTNELElBQUEsUUFBUSxjQUFBLEVBQUssTUFBTSxjQUFyQixZQUF1QixDQUFGO0lBQ3RDLElBQU0sTUFBTSxHQUFHLFVBQVUsQ0FBQyxNQUFNLENBQUM7UUFDL0IsSUFBSSxFQUFFO1lBQ0osT0FBTyxFQUFFLE1BQU07WUFDZixhQUFhLEVBQUUsUUFBUTtZQUN2QixJQUFJLEVBQUUsQ0FBQztTQUNSO0tBQ0YsQ0FBQyxDQUFBO0lBRUYsT0FBTyxDQUNMLG9CQUFDLElBQUksYUFBQyxLQUFLLEVBQUUsTUFBTSxDQUFDLElBQUksRUFBRSxHQUFHLEVBQUUsR0FBRyxJQUFNLE1BQU0sR0FDM0MsUUFBUSxJQUFJLE9BQU8sUUFBUSxDQUFDLE9BQU8sRUFBRSxLQUFLLFFBQVEsQ0FBQyxDQUFDLENBQUMsb0JBQUMsSUFBSSxRQUFFLE1BQU0sQ0FBQyxRQUFRLENBQUMsQ0FBUSxDQUFDLENBQUMsQ0FBQyxRQUFRLENBQzNGLENBQ1IsQ0FBQTtBQUNILENBQUMsQ0FBQTtBQUVELFNBQVMsQ0FBQyxXQUFXLEdBQUcsYUFBYSxDQUFDLFNBQVMsQ0FBQTtBQUUvQyxlQUFlLEtBQUssQ0FBQyxVQUFVLENBQUMsU0FBUyxDQUFDLENBQUEifQ==
+export default TableBody;
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVGFibGVCb2R5Lm5hdGl2ZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL2NvbXBvbmVudHMvdGFibGUvYm9keS9UYWJsZUJvZHkubmF0aXZlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxLQUFLLEtBQUssTUFBTSxPQUFPLENBQUE7QUFDOUIsT0FBTyxFQUFFLFVBQVUsRUFBRSxJQUFJLEVBQUUsSUFBSSxFQUFFLE1BQU0sY0FBYyxDQUFBO0FBRXJELE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxrQ0FBa0MsQ0FBQTtBQUVoRTs7O0dBR0c7QUFDSCxJQUFNLFNBQVMsR0FBRyxVQUFDLEVBQXVDO0lBQXJDLElBQUEsUUFBUSxjQUFBLEVBQUssTUFBTSxjQUFyQixZQUF1QixDQUFGO0lBQ3RDLElBQU0sTUFBTSxHQUFHLFVBQVUsQ0FBQyxNQUFNLENBQUM7UUFDL0IsSUFBSSxFQUFFO1lBQ0osT0FBTyxFQUFFLE1BQU07WUFDZixhQUFhLEVBQUUsUUFBUTtZQUN2QixJQUFJLEVBQUUsQ0FBQztTQUNSO0tBQ0YsQ0FBQyxDQUFBO0lBRUYsT0FBTyxDQUNMLG9CQUFDLElBQUksYUFBQyxLQUFLLEVBQUUsTUFBTSxDQUFDLElBQUksSUFBTSxNQUFNLEdBQ2pDLFFBQVEsSUFBSSxPQUFPLFFBQVEsQ0FBQyxPQUFPLEVBQUUsS0FBSyxRQUFRLENBQUMsQ0FBQyxDQUFDLENBQ3BELG9CQUFDLElBQUksUUFBRSxNQUFNLENBQUMsUUFBUSxDQUFDLENBQVEsQ0FDaEMsQ0FBQyxDQUFDLENBQUMsQ0FDRixRQUFRLENBQ1QsQ0FDSSxDQUNSLENBQUE7QUFDSCxDQUFDLENBQUE7QUFFRCxTQUFTLENBQUMsV0FBVyxHQUFHLGFBQWEsQ0FBQyxTQUFTLENBQUE7QUFFL0MsZUFBZSxTQUFTLENBQUEifQ==

package/lib/components/table/body/TableBodyProps.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { TrilogyColor, TrilogyColorValues } from '../../../objects/facets/Color';
+import { TrilogyColor, TrilogyColorValues } from '../../../objects';
 export interface TableBodyProps {
     children: React.ReactNode;
     className?: string;

package/lib/components/table/body/index.d.ts

@@ -1,2 +1,2 @@
-import TableBody from '../../../components/table/body/TableBody';
+import TableBody from './TableBody';
 export default TableBody;

package/lib/components/table/body/index.js

@@ -1,3 +1,3 @@
-import TableBody from '../../../components/table/body/TableBody';
+import TableBody from './TableBody';
 export default TableBody;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9jb21wb25lbnRzL3RhYmxlL2JvZHkvaW5kZXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxTQUFTLE1BQU0sbUNBQW1DLENBQUE7QUFFekQsZUFBZSxTQUFTLENBQUEifQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9jb21wb25lbnRzL3RhYmxlL2JvZHkvaW5kZXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxTQUFTLE1BQU0sYUFBYSxDQUFBO0FBRW5DLGVBQWUsU0FBUyxDQUFBIn0=

package/lib/components/table/head/TableHead.d.ts

@@ -1,5 +1,5 @@
-import React from 'react';
-import { TableHeadProps } from '../../../components/table/head/TableHeadProps';
+/// <reference types="react" />
+import { TableHeadProps } from "./TableHeadProps";
 /**
  * Table Head Component
  * @param children {ReactNode} children of Table Head
@@ -8,5 +8,5 @@ import { TableHeadProps } from '../../../components/table/head/TableHeadProps';
  * @param color {TrilogyColor} text color
  * @param backgroundColor {TrilogyColor} background color
  */
-declare const TableHead: React.ForwardRefExoticComponent<TableHeadProps & React.RefAttributes<HTMLTableSectionElement>>;
+declare const TableHead: ({ className, color, backgroundColor, ...others }: TableHeadProps) => JSX.Element;
 export default TableHead;

package/lib/components/table/head/TableHead.js

@@ -1,11 +1,11 @@
 import { __assign, __rest } from "tslib";
-import clsx from 'clsx';
-import React from 'react';
-import { ComponentName } from '../../../components/enumsComponentsName';
-import { hashClass } from '../../../helpers/hashClassesHelpers';
-import { getBackgroundClassName } from '../../../objects/atoms/Background';
-import { getColorClassName } from '../../../objects/facets/Color';
-import { has, is } from '../../../services/classify';
+import * as React from "react";
+import clsx from "clsx";
+import { hashClass } from "../../../helpers/hashClassesHelpers";
+import { useTrilogyContext } from "../../../context/index";
+import { has, is } from "../../../services/classify";
+import { getBackgroundClassName } from "../../../objects/atoms/Background";
+import { getColorClassName } from "../../../objects/facets/Color";
 /**
  * Table Head Component
  * @param children {ReactNode} children of Table Head
@@ -14,11 +14,11 @@ import { has, is } from '../../../services/classify';
  * @param color {TrilogyColor} text color
  * @param backgroundColor {TrilogyColor} background color
  */
-var TableHead = React.forwardRef(function (_a, ref) {
+var TableHead = function (_a) {
     var className = _a.className, color = _a.color, backgroundColor = _a.backgroundColor, others = __rest(_a, ["className", "color", "backgroundColor"]);
-    var classes = hashClass(clsx(className, backgroundColor && has(getBackgroundClassName(backgroundColor)), color && is(getColorClassName(color))));
-    return React.createElement("thead", __assign({ className: classes, ref: ref }, others));
-});
-TableHead.displayName = ComponentName.TableHead;
+    var styled = useTrilogyContext().styled;
+    var classes = hashClass(styled, clsx(className, backgroundColor && has(getBackgroundClassName(backgroundColor)), color && is(getColorClassName(color))));
+    return React.createElement("thead", __assign({ className: classes }, others));
+};
 export default TableHead;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVGFibGVIZWFkLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vY29tcG9uZW50cy90YWJsZS9oZWFkL1RhYmxlSGVhZC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUFBLE9BQU8sSUFBSSxNQUFNLE1BQU0sQ0FBQTtBQUN2QixPQUFPLEtBQUssTUFBTSxPQUFPLENBQUE7QUFFekIsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLGtDQUFrQyxDQUFBO0FBRWhFLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSw4QkFBOEIsQ0FBQTtBQUN4RCxPQUFPLEVBQUUsc0JBQXNCLEVBQUUsTUFBTSw0QkFBNEIsQ0FBQTtBQUNuRSxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSx3QkFBd0IsQ0FBQTtBQUMxRCxPQUFPLEVBQUUsR0FBRyxFQUFFLEVBQUUsRUFBRSxNQUFNLHFCQUFxQixDQUFBO0FBRTdDOzs7Ozs7O0dBT0c7QUFDSCxJQUFNLFNBQVMsR0FBRyxLQUFLLENBQUMsVUFBVSxDQUNoQyxVQUNFLEVBQWdFLEVBQ2hFLEdBQXVDO0lBRHJDLElBQUEsU0FBUyxlQUFBLEVBQUUsS0FBSyxXQUFBLEVBQUUsZUFBZSxxQkFBQSxFQUFLLE1BQU0sY0FBOUMseUNBQWdELENBQUY7SUFHOUMsSUFBTSxPQUFPLEdBQUcsU0FBUyxDQUN2QixJQUFJLENBQ0YsU0FBUyxFQUNULGVBQWUsSUFBSSxHQUFHLENBQUMsc0JBQXNCLENBQUMsZUFBZSxDQUFDLENBQUMsRUFDL0QsS0FBSyxJQUFJLEVBQUUsQ0FBQyxpQkFBaUIsQ0FBQyxLQUFLLENBQUMsQ0FBQyxDQUN0QyxDQUNGLENBQUE7SUFDRCxPQUFPLHdDQUFPLFNBQVMsRUFBRSxPQUFPLEVBQUUsR0FBRyxFQUFFLEdBQUcsSUFBTSxNQUFNLEVBQUksQ0FBQTtBQUM1RCxDQUFDLENBQ0YsQ0FBQTtBQUVELFNBQVMsQ0FBQyxXQUFXLEdBQUcsYUFBYSxDQUFDLFNBQVMsQ0FBQTtBQUMvQyxlQUFlLFNBQVMsQ0FBQSJ9
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVGFibGVIZWFkLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vY29tcG9uZW50cy90YWJsZS9oZWFkL1RhYmxlSGVhZC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUFBLE9BQU8sS0FBSyxLQUFLLE1BQU0sT0FBTyxDQUFBO0FBQzlCLE9BQU8sSUFBSSxNQUFNLE1BQU0sQ0FBQTtBQUV2QixPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sOEJBQThCLENBQUE7QUFDeEQsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0saUJBQWlCLENBQUE7QUFDbkQsT0FBTyxFQUFFLEdBQUcsRUFBRSxFQUFFLEVBQUUsTUFBTSxxQkFBcUIsQ0FBQTtBQUM3QyxPQUFPLEVBQUUsc0JBQXNCLEVBQUUsTUFBTSw0QkFBNEIsQ0FBQTtBQUNuRSxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSx3QkFBd0IsQ0FBQTtBQUUxRDs7Ozs7OztHQU9HO0FBQ0gsSUFBTSxTQUFTLEdBQUcsVUFBQyxFQUtGO0lBSmYsSUFBQSxTQUFTLGVBQUEsRUFDVCxLQUFLLFdBQUEsRUFDTCxlQUFlLHFCQUFBLEVBQ1osTUFBTSxjQUpRLHlDQUtsQixDQURVO0lBRUQsSUFBQSxNQUFNLEdBQUssaUJBQWlCLEVBQUUsT0FBeEIsQ0FBd0I7SUFDdEMsSUFBTSxPQUFPLEdBQUcsU0FBUyxDQUN2QixNQUFNLEVBQ04sSUFBSSxDQUNGLFNBQVMsRUFDVCxlQUFlLElBQUksR0FBRyxDQUFDLHNCQUFzQixDQUFDLGVBQWUsQ0FBQyxDQUFDLEVBQy9ELEtBQUssSUFBSSxFQUFFLENBQUMsaUJBQWlCLENBQUMsS0FBSyxDQUFDLENBQUMsQ0FDdEMsQ0FDRixDQUFBO0lBQ0QsT0FBTyx3Q0FBTyxTQUFTLEVBQUUsT0FBTyxJQUFNLE1BQU0sRUFBSSxDQUFBO0FBQ2xELENBQUMsQ0FBQTtBQUVELGVBQWUsU0FBUyxDQUFBIn0=

package/lib/components/table/head/TableHead.native.d.ts

@@ -1,9 +1,12 @@
-import React from 'react';
-import { View } from 'react-native';
-import { TableHeadProps } from '../../../components/table/head/TableHeadProps';
+/// <reference types="react" />
+import { TableHeadProps } from "./TableHeadProps";
+import { ComponentName } from "../../../components/enumsComponentsName";
 /**
  * Table Head Component
  * @param children {ReactNode} children of Table Head
  */
-declare const TableHead: React.ForwardRefExoticComponent<TableHeadProps & React.RefAttributes<View>>;
+declare const TableHead: {
+    ({ children, ...others }: TableHeadProps): JSX.Element;
+    displayName: ComponentName;
+};
 export default TableHead;

package/lib/components/table/head/TableHead.native.js

@@ -1,21 +1,21 @@
 import { __assign, __rest } from "tslib";
-import React from 'react';
-import { StyleSheet, Text, View } from 'react-native';
-import { ComponentName } from '../../../components/enumsComponentsName';
+import * as React from "react";
+import { StyleSheet, Text, View } from "react-native";
+import { ComponentName } from "../../../components/enumsComponentsName";
 /**
  * Table Head Component
  * @param children {ReactNode} children of Table Head
  */
-var TableHead = React.forwardRef(function (_a, ref) {
+var TableHead = function (_a) {
     var children = _a.children, others = __rest(_a, ["children"]);
     var styles = StyleSheet.create({
         head: {
-            width: '100%',
-            flexDirection: 'row',
+            width: "100%",
+            flexDirection: "row",
         },
     });
-    return (React.createElement(View, __assign({ style: styles.head, ref: ref }, others), children && typeof children.valueOf() === 'string' ? React.createElement(Text, null, String(children)) : children));
-});
+    return (React.createElement(View, __assign({ style: styles.head }, others), children && typeof children.valueOf() === "string" ? (React.createElement(Text, null, String(children))) : (children)));
+};
 TableHead.displayName = ComponentName.TableHead;
 export default TableHead;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVGFibGVIZWFkLm5hdGl2ZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL2NvbXBvbmVudHMvdGFibGUvaGVhZC9UYWJsZUhlYWQubmF0aXZlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxLQUFLLE1BQU0sT0FBTyxDQUFBO0FBQ3pCLE9BQU8sRUFBRSxVQUFVLEVBQUUsSUFBSSxFQUFFLElBQUksRUFBRSxNQUFNLGNBQWMsQ0FBQTtBQUVyRCxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sa0NBQWtDLENBQUE7QUFHaEU7OztHQUdHO0FBQ0gsSUFBTSxTQUFTLEdBQUcsS0FBSyxDQUFDLFVBQVUsQ0FBQyxVQUFDLEVBQXVDLEVBQUUsR0FBb0I7SUFBM0QsSUFBQSxRQUFRLGNBQUEsRUFBSyxNQUFNLGNBQXJCLFlBQXVCLENBQUY7SUFDdkQsSUFBTSxNQUFNLEdBQUcsVUFBVSxDQUFDLE1BQU0sQ0FBQztRQUMvQixJQUFJLEVBQUU7WUFDSixLQUFLLEVBQUUsTUFBTTtZQUNiLGFBQWEsRUFBRSxLQUFLO1NBQ3JCO0tBQ0YsQ0FBQyxDQUFBO0lBRUYsT0FBTyxDQUNMLG9CQUFDLElBQUksYUFBQyxLQUFLLEVBQUUsTUFBTSxDQUFDLElBQUksRUFBRSxHQUFHLEVBQUUsR0FBRyxJQUFNLE1BQU0sR0FDM0MsUUFBUSxJQUFJLE9BQU8sUUFBUSxDQUFDLE9BQU8sRUFBRSxLQUFLLFFBQVEsQ0FBQyxDQUFDLENBQUMsb0JBQUMsSUFBSSxRQUFFLE1BQU0sQ0FBQyxRQUFRLENBQUMsQ0FBUSxDQUFDLENBQUMsQ0FBQyxRQUFRLENBQzNGLENBQ1IsQ0FBQTtBQUNILENBQUMsQ0FBQyxDQUFBO0FBRUYsU0FBUyxDQUFDLFdBQVcsR0FBRyxhQUFhLENBQUMsU0FBUyxDQUFBO0FBQy9DLGVBQWUsU0FBUyxDQUFBIn0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVGFibGVIZWFkLm5hdGl2ZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL2NvbXBvbmVudHMvdGFibGUvaGVhZC9UYWJsZUhlYWQubmF0aXZlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxLQUFLLEtBQUssTUFBTSxPQUFPLENBQUE7QUFDOUIsT0FBTyxFQUFFLFVBQVUsRUFBRSxJQUFJLEVBQUUsSUFBSSxFQUFFLE1BQU0sY0FBYyxDQUFBO0FBRXJELE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxrQ0FBa0MsQ0FBQTtBQUVoRTs7O0dBR0c7QUFDSCxJQUFNLFNBQVMsR0FBRyxVQUFDLEVBQXVDO0lBQXJDLElBQUEsUUFBUSxjQUFBLEVBQUssTUFBTSxjQUFyQixZQUF1QixDQUFGO0lBQ3RDLElBQU0sTUFBTSxHQUFHLFVBQVUsQ0FBQyxNQUFNLENBQUM7UUFDL0IsSUFBSSxFQUFFO1lBQ0osS0FBSyxFQUFFLE1BQU07WUFDYixhQUFhLEVBQUUsS0FBSztTQUNyQjtLQUNGLENBQUMsQ0FBQTtJQUVGLE9BQU8sQ0FDTCxvQkFBQyxJQUFJLGFBQUMsS0FBSyxFQUFFLE1BQU0sQ0FBQyxJQUFJLElBQU0sTUFBTSxHQUNqQyxRQUFRLElBQUksT0FBTyxRQUFRLENBQUMsT0FBTyxFQUFFLEtBQUssUUFBUSxDQUFDLENBQUMsQ0FBQyxDQUNwRCxvQkFBQyxJQUFJLFFBQUUsTUFBTSxDQUFDLFFBQVEsQ0FBQyxDQUFRLENBQ2hDLENBQUMsQ0FBQyxDQUFDLENBQ0YsUUFBUSxDQUNULENBQ0ksQ0FDUixDQUFBO0FBQ0gsQ0FBQyxDQUFBO0FBRUQsU0FBUyxDQUFDLFdBQVcsR0FBRyxhQUFhLENBQUMsU0FBUyxDQUFBO0FBRS9DLGVBQWUsU0FBUyxDQUFBIn0=

package/lib/components/table/head/TableHeadProps.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { TrilogyColor, TrilogyColorValues } from '../../../objects/facets/Color';
+import { TrilogyColor, TrilogyColorValues } from '../../../objects';
 export interface TableHeadProps {
     children: React.ReactNode;
     className?: string;

package/lib/components/table/head/index.d.ts

@@ -1,2 +1,2 @@
-import TableHead from '../../../components/table/head/TableHead';
+import TableHead from './TableHead';
 export default TableHead;

package/lib/components/table/head/index.js

@@ -1,3 +1,3 @@
-import TableHead from '../../../components/table/head/TableHead';
+import TableHead from './TableHead';
 export default TableHead;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9jb21wb25lbnRzL3RhYmxlL2hlYWQvaW5kZXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxTQUFTLE1BQU0sbUNBQW1DLENBQUE7QUFFekQsZUFBZSxTQUFTLENBQUEifQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9jb21wb25lbnRzL3RhYmxlL2hlYWQvaW5kZXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxTQUFTLE1BQU0sYUFBYSxDQUFBO0FBRW5DLGVBQWUsU0FBUyxDQUFBIn0=

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

@@ -1,6 +1,7 @@
-export { default as TableBody } from '../../components/table/body/TableBody';
-export { default as TableHead } from '../../components/table/head/TableHead';
-export { default as Table } from '../../components/table/Table';
-export { default as TableTd } from '../../components/table/td/TableTd';
-export { default as TableTh } from '../../components/table/th/TableTh';
-export { default as TableTr } from '../../components/table/tr/TableTr';
+import Table from './Table';
+import TableHead from './head';
+import TableBody from './body';
+import TableTh from './th';
+import TableTr from './tr';
+import TableTd from './td';
+export { Table, TableHead, TableBody, TableTr, TableTh, TableTd };

package/lib/components/table/index.js

@@ -1,7 +1,8 @@
-export { default as TableBody } from '../../components/table/body/TableBody';
-export { default as TableHead } from '../../components/table/head/TableHead';
-export { default as Table } from '../../components/table/Table';
-export { default as TableTd } from '../../components/table/td/TableTd';
-export { default as TableTh } from '../../components/table/th/TableTh';
-export { default as TableTr } from '../../components/table/tr/TableTr';
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9jb21wb25lbnRzL3RhYmxlL2luZGV4LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxPQUFPLElBQUksU0FBUyxFQUFFLE1BQU0sbUNBQW1DLENBQUE7QUFDeEUsT0FBTyxFQUFFLE9BQU8sSUFBSSxTQUFTLEVBQUUsTUFBTSxtQ0FBbUMsQ0FBQTtBQUN4RSxPQUFPLEVBQUUsT0FBTyxJQUFJLEtBQUssRUFBRSxNQUFNLDBCQUEwQixDQUFBO0FBQzNELE9BQU8sRUFBRSxPQUFPLElBQUksT0FBTyxFQUFFLE1BQU0sK0JBQStCLENBQUE7QUFDbEUsT0FBTyxFQUFFLE9BQU8sSUFBSSxPQUFPLEVBQUUsTUFBTSwrQkFBK0IsQ0FBQTtBQUNsRSxPQUFPLEVBQUUsT0FBTyxJQUFJLE9BQU8sRUFBRSxNQUFNLCtCQUErQixDQUFBIn0=
+import Table from './Table';
+import TableHead from './head';
+import TableBody from './body';
+import TableTh from './th';
+import TableTr from './tr';
+import TableTd from './td';
+export { Table, TableHead, TableBody, TableTr, TableTh, TableTd };
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9jb21wb25lbnRzL3RhYmxlL2luZGV4LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sS0FBSyxNQUFNLFNBQVMsQ0FBQTtBQUMzQixPQUFPLFNBQVMsTUFBTSxRQUFRLENBQUE7QUFDOUIsT0FBTyxTQUFTLE1BQU0sUUFBUSxDQUFBO0FBQzlCLE9BQU8sT0FBTyxNQUFNLE1BQU0sQ0FBQTtBQUMxQixPQUFPLE9BQU8sTUFBTSxNQUFNLENBQUE7QUFDMUIsT0FBTyxPQUFPLE1BQU0sTUFBTSxDQUFBO0FBRTFCLE9BQU8sRUFBRSxLQUFLLEVBQUUsU0FBUyxFQUFFLFNBQVMsRUFBRSxPQUFPLEVBQUUsT0FBTyxFQUFFLE9BQU8sRUFBRSxDQUFBIn0=

package/lib/components/table/td/TableTd.d.ts

@@ -1,5 +1,5 @@
-import React from 'react';
-import { TableTdProps } from '../../../components/table/td/TableTdProps';
+/// <reference types="react" />
+import { TableTdProps } from "./TableTdProps";
 /**
  * Table TD Component
  * @param children {ReactNode} Table TD children
@@ -9,5 +9,5 @@ import { TableTdProps } from '../../../components/table/td/TableTdProps';
  * @param colSpan {number} Defines the number of columns a cell should span
  * @param onClick {ClickEvent} On click event
  */
-declare const TableTd: React.ForwardRefExoticComponent<TableTdProps & React.RefAttributes<HTMLTableCellElement>>;
+declare const TableTd: ({ className, rowSpan, colSpan, ...others }: TableTdProps) => JSX.Element;
 export default TableTd;

package/lib/components/table/td/TableTd.js

@@ -1,8 +1,8 @@
 import { __assign, __rest } from "tslib";
-import clsx from 'clsx';
-import React from 'react';
-import { ComponentName } from '../../../components/enumsComponentsName';
-import { hashClass } from '../../../helpers/hashClassesHelpers';
+import * as React from "react";
+import clsx from "clsx";
+import { hashClass } from "../../../helpers/hashClassesHelpers";
+import { useTrilogyContext } from "../../../context/index";
 /**
  * Table TD Component
  * @param children {ReactNode} Table TD children
@@ -12,11 +12,11 @@ import { hashClass } from '../../../helpers/hashClassesHelpers';
  * @param colSpan {number} Defines the number of columns a cell should span
  * @param onClick {ClickEvent} On click event
  */
-var TableTd = React.forwardRef(function (_a, ref) {
+var TableTd = function (_a) {
     var className = _a.className, rowSpan = _a.rowSpan, colSpan = _a.colSpan, others = __rest(_a, ["className", "rowSpan", "colSpan"]);
-    var classes = hashClass(clsx(className));
-    return React.createElement("td", __assign({ className: classes, rowSpan: rowSpan, colSpan: colSpan, ref: ref }, others));
-});
-TableTd.displayName = ComponentName.TableTd;
+    var styled = useTrilogyContext().styled;
+    var classes = hashClass(styled, clsx(className));
+    return (React.createElement("td", __assign({ className: classes, rowSpan: rowSpan, colSpan: colSpan }, others)));
+};
 export default TableTd;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVGFibGVUZC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL2NvbXBvbmVudHMvdGFibGUvdGQvVGFibGVUZC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUFBLE9BQU8sSUFBSSxNQUFNLE1BQU0sQ0FBQTtBQUN2QixPQUFPLEtBQUssTUFBTSxPQUFPLENBQUE7QUFFekIsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLGtDQUFrQyxDQUFBO0FBRWhFLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSw4QkFBOEIsQ0FBQTtBQUV4RDs7Ozs7Ozs7R0FRRztBQUNILElBQU0sT0FBTyxHQUFHLEtBQUssQ0FBQyxVQUFVLENBQzlCLFVBQUMsRUFBd0QsRUFBRSxHQUFvQztJQUE1RixJQUFBLFNBQVMsZUFBQSxFQUFFLE9BQU8sYUFBQSxFQUFFLE9BQU8sYUFBQSxFQUFLLE1BQU0sY0FBeEMsbUNBQTBDLENBQUY7SUFDdkMsSUFBTSxPQUFPLEdBQUcsU0FBUyxDQUFDLElBQUksQ0FBQyxTQUFTLENBQUMsQ0FBQyxDQUFBO0lBQzFDLE9BQU8scUNBQUksU0FBUyxFQUFFLE9BQU8sRUFBRSxPQUFPLEVBQUUsT0FBTyxFQUFFLE9BQU8sRUFBRSxPQUFPLEVBQUUsR0FBRyxFQUFFLEdBQUcsSUFBTSxNQUFNLEVBQUksQ0FBQTtBQUM3RixDQUFDLENBQ0YsQ0FBQTtBQUVELE9BQU8sQ0FBQyxXQUFXLEdBQUcsYUFBYSxDQUFDLE9BQU8sQ0FBQTtBQUMzQyxlQUFlLE9BQU8sQ0FBQSJ9
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVGFibGVUZC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL2NvbXBvbmVudHMvdGFibGUvdGQvVGFibGVUZC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUFBLE9BQU8sS0FBSyxLQUFLLE1BQU0sT0FBTyxDQUFBO0FBQzlCLE9BQU8sSUFBSSxNQUFNLE1BQU0sQ0FBQTtBQUV2QixPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sOEJBQThCLENBQUE7QUFDeEQsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0saUJBQWlCLENBQUE7QUFFbkQ7Ozs7Ozs7O0dBUUc7QUFDSCxJQUFNLE9BQU8sR0FBRyxVQUFDLEVBS0Y7SUFKYixJQUFBLFNBQVMsZUFBQSxFQUNULE9BQU8sYUFBQSxFQUNQLE9BQU8sYUFBQSxFQUNKLE1BQU0sY0FKTSxtQ0FLaEIsQ0FEVTtJQUVELElBQUEsTUFBTSxHQUFLLGlCQUFpQixFQUFFLE9BQXhCLENBQXdCO0lBRXRDLElBQU0sT0FBTyxHQUFHLFNBQVMsQ0FBQyxNQUFNLEVBQUUsSUFBSSxDQUFDLFNBQVMsQ0FBQyxDQUFDLENBQUE7SUFDbEQsT0FBTyxDQUNMLHFDQUFJLFNBQVMsRUFBRSxPQUFPLEVBQUUsT0FBTyxFQUFFLE9BQU8sRUFBRSxPQUFPLEVBQUUsT0FBTyxJQUFNLE1BQU0sRUFBSSxDQUMzRSxDQUFBO0FBQ0gsQ0FBQyxDQUFBO0FBRUQsZUFBZSxPQUFPLENBQUEifQ==

package/lib/components/table/td/TableTd.native.d.ts

@@ -1,9 +1,12 @@
-import React from 'react';
-import { View } from 'react-native';
-import { TableTdProps } from '../../../components/table/td/TableTdProps';
+/// <reference types="react" />
+import { TableTdProps } from "./TableTdProps";
+import { ComponentName } from "../../../components/enumsComponentsName";
 /**
  * Table TD Component
  * @param children {ReactNode} Table TD children
  */
-declare const TableTd: React.ForwardRefExoticComponent<TableTdProps & React.RefAttributes<View>>;
+declare const TableTd: {
+    ({ children, ...others }: TableTdProps): JSX.Element;
+    displayName: ComponentName;
+};
 export default TableTd;

package/lib/components/table/td/TableTd.native.js

@@ -1,17 +1,17 @@
 import { __assign, __rest } from "tslib";
-import React from 'react';
-import { StyleSheet, Text, View } from 'react-native';
-import { ComponentName } from '../../../components/enumsComponentsName';
-import { getColorStyle, TrilogyColor } from '../../../objects/facets/Color';
+import * as React from "react";
+import { StyleSheet, Text, View } from "react-native";
+import { getColorStyle, TrilogyColor } from "../../../objects";
+import { ComponentName } from "../../../components/enumsComponentsName";
 /**
  * Table TD Component
  * @param children {ReactNode} Table TD children
  */
-var TableTd = React.forwardRef(function (_a, ref) {
+var TableTd = function (_a) {
     var children = _a.children, others = __rest(_a, ["children"]);
     var styles = StyleSheet.create({
         table: {
-            flexDirection: 'column',
+            flexDirection: "column",
             flex: 1,
             padding: 10,
             borderBottomWidth: 0.2,
@@ -23,8 +23,8 @@ var TableTd = React.forwardRef(function (_a, ref) {
             color: getColorStyle(TrilogyColor.MAIN),
         },
     });
-    return (React.createElement(View, __assign({ style: styles.table, ref: ref }, others), children && typeof children.valueOf() === 'string' ? (React.createElement(Text, { style: styles.text }, String(children))) : (children)));
-});
+    return (React.createElement(View, __assign({ style: styles.table }, others), children && typeof children.valueOf() === "string" ? (React.createElement(Text, { style: styles.text }, String(children))) : (children)));
+};
 TableTd.displayName = ComponentName.TableTd;
 export default TableTd;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVGFibGVUZC5uYXRpdmUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9jb21wb25lbnRzL3RhYmxlL3RkL1RhYmxlVGQubmF0aXZlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxLQUFLLE1BQU0sT0FBTyxDQUFBO0FBQ3pCLE9BQU8sRUFBRSxVQUFVLEVBQUUsSUFBSSxFQUFFLElBQUksRUFBRSxNQUFNLGNBQWMsQ0FBQTtBQUVyRCxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sa0NBQWtDLENBQUE7QUFFaEUsT0FBTyxFQUFFLGFBQWEsRUFBRSxZQUFZLEVBQUUsTUFBTSx3QkFBd0IsQ0FBQTtBQUVwRTs7O0dBR0c7QUFDSCxJQUFNLE9BQU8sR0FBRyxLQUFLLENBQUMsVUFBVSxDQUFDLFVBQUMsRUFBcUMsRUFBRSxHQUFvQjtJQUF6RCxJQUFBLFFBQVEsY0FBQSxFQUFLLE1BQU0sY0FBckIsWUFBdUIsQ0FBRjtJQUNyRCxJQUFNLE1BQU0sR0FBRyxVQUFVLENBQUMsTUFBTSxDQUFDO1FBQy9CLEtBQUssRUFBRTtZQUNMLGFBQWEsRUFBRSxRQUFRO1lBQ3ZCLElBQUksRUFBRSxDQUFDO1lBQ1AsT0FBTyxFQUFFLEVBQUU7WUFDWCxpQkFBaUIsRUFBRSxHQUFHO1lBQ3RCLGdCQUFnQixFQUFFLEdBQUc7WUFDckIsaUJBQWlCLEVBQUUsYUFBYSxDQUFDLFlBQVksQ0FBQyxZQUFZLENBQUM7WUFDM0QsZ0JBQWdCLEVBQUUsYUFBYSxDQUFDLFlBQVksQ0FBQyxZQUFZLENBQUM7U0FDM0Q7UUFDRCxJQUFJLEVBQUU7WUFDSixLQUFLLEVBQUUsYUFBYSxDQUFDLFlBQVksQ0FBQyxJQUFJLENBQUM7U0FDeEM7S0FDRixDQUFDLENBQUE7SUFFRixPQUFPLENBQ0wsb0JBQUMsSUFBSSxhQUFDLEtBQUssRUFBRSxNQUFNLENBQUMsS0FBSyxFQUFFLEdBQUcsRUFBRSxHQUFHLElBQU0sTUFBTSxHQUM1QyxRQUFRLElBQUksT0FBTyxRQUFRLENBQUMsT0FBTyxFQUFFLEtBQUssUUFBUSxDQUFDLENBQUMsQ0FBQyxDQUNwRCxvQkFBQyxJQUFJLElBQUMsS0FBSyxFQUFFLE1BQU0sQ0FBQyxJQUFJLElBQUcsTUFBTSxDQUFDLFFBQVEsQ0FBQyxDQUFRLENBQ3BELENBQUMsQ0FBQyxDQUFDLENBQ0YsUUFBUSxDQUNULENBQ0ksQ0FDUixDQUFBO0FBQ0gsQ0FBQyxDQUFDLENBQUE7QUFFRixPQUFPLENBQUMsV0FBVyxHQUFHLGFBQWEsQ0FBQyxPQUFPLENBQUE7QUFDM0MsZUFBZSxPQUFPLENBQUEifQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVGFibGVUZC5uYXRpdmUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9jb21wb25lbnRzL3RhYmxlL3RkL1RhYmxlVGQubmF0aXZlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxLQUFLLEtBQUssTUFBTSxPQUFPLENBQUE7QUFDOUIsT0FBTyxFQUFFLFVBQVUsRUFBRSxJQUFJLEVBQUUsSUFBSSxFQUFFLE1BQU0sY0FBYyxDQUFBO0FBRXJELE9BQU8sRUFBRSxhQUFhLEVBQUUsWUFBWSxFQUFFLE1BQU0sV0FBVyxDQUFBO0FBQ3ZELE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxrQ0FBa0MsQ0FBQTtBQUVoRTs7O0dBR0c7QUFDSCxJQUFNLE9BQU8sR0FBRyxVQUFDLEVBQXFDO0lBQW5DLElBQUEsUUFBUSxjQUFBLEVBQUssTUFBTSxjQUFyQixZQUF1QixDQUFGO0lBQ3BDLElBQU0sTUFBTSxHQUFHLFVBQVUsQ0FBQyxNQUFNLENBQUM7UUFDL0IsS0FBSyxFQUFFO1lBQ0wsYUFBYSxFQUFFLFFBQVE7WUFDdkIsSUFBSSxFQUFFLENBQUM7WUFDUCxPQUFPLEVBQUUsRUFBRTtZQUNYLGlCQUFpQixFQUFFLEdBQUc7WUFDdEIsZ0JBQWdCLEVBQUUsR0FBRztZQUNyQixpQkFBaUIsRUFBRSxhQUFhLENBQUMsWUFBWSxDQUFDLFlBQVksQ0FBQztZQUMzRCxnQkFBZ0IsRUFBRSxhQUFhLENBQUMsWUFBWSxDQUFDLFlBQVksQ0FBQztTQUMzRDtRQUNELElBQUksRUFBRTtZQUNKLEtBQUssRUFBRSxhQUFhLENBQUMsWUFBWSxDQUFDLElBQUksQ0FBQztTQUN4QztLQUNGLENBQUMsQ0FBQTtJQUVGLE9BQU8sQ0FDTCxvQkFBQyxJQUFJLGFBQUMsS0FBSyxFQUFFLE1BQU0sQ0FBQyxLQUFLLElBQU0sTUFBTSxHQUNsQyxRQUFRLElBQUksT0FBTyxRQUFRLENBQUMsT0FBTyxFQUFFLEtBQUssUUFBUSxDQUFDLENBQUMsQ0FBQyxDQUNwRCxvQkFBQyxJQUFJLElBQUMsS0FBSyxFQUFFLE1BQU0sQ0FBQyxJQUFJLElBQUcsTUFBTSxDQUFDLFFBQVEsQ0FBQyxDQUFRLENBQ3BELENBQUMsQ0FBQyxDQUFDLENBQ0YsUUFBUSxDQUNULENBQ0ksQ0FDUixDQUFBO0FBQ0gsQ0FBQyxDQUFBO0FBRUQsT0FBTyxDQUFDLFdBQVcsR0FBRyxhQUFhLENBQUMsT0FBTyxDQUFBO0FBRTNDLGVBQWUsT0FBTyxDQUFBIn0=

package/lib/components/table/td/TableTdProps.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { Clickable } from '../../../objects/facets/Clickable';
+import { Clickable } from '../../../objects';
 export interface TableTdProps extends Clickable {
     children: React.ReactNode;
     rowSpan?: number;

package/lib/components/table/td/index.d.ts

@@ -1,2 +1,2 @@
-import TableTd from '../../../components/table/td/TableTd';
+import TableTd from './TableTd';
 export default TableTd;

package/lib/components/table/td/index.js

@@ -1,3 +1,3 @@
-import TableTd from '../../../components/table/td/TableTd';
+import TableTd from './TableTd';
 export default TableTd;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9jb21wb25lbnRzL3RhYmxlL3RkL2luZGV4LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sT0FBTyxNQUFNLCtCQUErQixDQUFBO0FBRW5ELGVBQWUsT0FBTyxDQUFBIn0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9jb21wb25lbnRzL3RhYmxlL3RkL2luZGV4LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sT0FBTyxNQUFNLFdBQVcsQ0FBQTtBQUUvQixlQUFlLE9BQU8sQ0FBQSJ9

package/lib/components/table/th/TableTh.d.ts

@@ -1,5 +1,5 @@
-import React from 'react';
-import { TableThProps } from '../../../components/table/th/TableThProps';
+/// <reference types="react" />
+import { TableThProps } from "./TableThProps";
 /**
  * Table TH Component
  * @param children {ReactNode} Children of Table TH
@@ -9,5 +9,5 @@ import { TableThProps } from '../../../components/table/th/TableThProps';
  * @param colSpan {number} Defines the number of columns a cell should span
  * @param onClick {ClickEvent} On click event
  */
-declare const TableTh: React.ForwardRefExoticComponent<TableThProps & React.RefAttributes<HTMLTableCellElement>>;
+declare const TableTh: ({ className, colSpan, rowSpan, ...others }: TableThProps) => JSX.Element;
 export default TableTh;

package/lib/components/table/th/TableTh.js

@@ -1,8 +1,8 @@
 import { __assign, __rest } from "tslib";
-import clsx from 'clsx';
-import React from 'react';
-import { ComponentName } from '../../../components/enumsComponentsName';
-import { hashClass } from '../../../helpers/hashClassesHelpers';
+import * as React from "react";
+import clsx from "clsx";
+import { hashClass } from "../../../helpers/hashClassesHelpers";
+import { useTrilogyContext } from "../../../context/index";
 /**
  * Table TH Component
  * @param children {ReactNode} Children of Table TH
@@ -12,11 +12,11 @@ import { hashClass } from '../../../helpers/hashClassesHelpers';
  * @param colSpan {number} Defines the number of columns a cell should span
  * @param onClick {ClickEvent} On click event
  */
-var TableTh = React.forwardRef(function (_a, ref) {
+var TableTh = function (_a) {
     var className = _a.className, colSpan = _a.colSpan, rowSpan = _a.rowSpan, others = __rest(_a, ["className", "colSpan", "rowSpan"]);
-    var classes = hashClass(clsx(className));
-    return React.createElement("th", __assign({ className: classes, colSpan: colSpan, rowSpan: rowSpan, ref: ref }, others));
-});
-TableTh.displayName = ComponentName.TableTh;
+    var styled = useTrilogyContext().styled;
+    var classes = hashClass(styled, clsx(className));
+    return (React.createElement("th", __assign({ className: classes, colSpan: colSpan, rowSpan: rowSpan }, others)));
+};
 export default TableTh;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVGFibGVUaC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL2NvbXBvbmVudHMvdGFibGUvdGgvVGFibGVUaC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUFBLE9BQU8sSUFBSSxNQUFNLE1BQU0sQ0FBQTtBQUN2QixPQUFPLEtBQUssTUFBTSxPQUFPLENBQUE7QUFFekIsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLGtDQUFrQyxDQUFBO0FBRWhFLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSw4QkFBOEIsQ0FBQTtBQUV4RDs7Ozs7Ozs7R0FRRztBQUNILElBQU0sT0FBTyxHQUFHLEtBQUssQ0FBQyxVQUFVLENBQzlCLFVBQUMsRUFBd0QsRUFBRSxHQUFvQztJQUE1RixJQUFBLFNBQVMsZUFBQSxFQUFFLE9BQU8sYUFBQSxFQUFFLE9BQU8sYUFBQSxFQUFLLE1BQU0sY0FBeEMsbUNBQTBDLENBQUY7SUFDdkMsSUFBTSxPQUFPLEdBQUcsU0FBUyxDQUFDLElBQUksQ0FBQyxTQUFTLENBQUMsQ0FBQyxDQUFBO0lBQzFDLE9BQU8scUNBQUksU0FBUyxFQUFFLE9BQU8sRUFBRSxPQUFPLEVBQUUsT0FBTyxFQUFFLE9BQU8sRUFBRSxPQUFPLEVBQUUsR0FBRyxFQUFFLEdBQUcsSUFBTSxNQUFNLEVBQUksQ0FBQTtBQUM3RixDQUFDLENBQ0YsQ0FBQTtBQUVELE9BQU8sQ0FBQyxXQUFXLEdBQUcsYUFBYSxDQUFDLE9BQU8sQ0FBQTtBQUMzQyxlQUFlLE9BQU8sQ0FBQSJ9
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVGFibGVUaC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL2NvbXBvbmVudHMvdGFibGUvdGgvVGFibGVUaC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUFBLE9BQU8sS0FBSyxLQUFLLE1BQU0sT0FBTyxDQUFBO0FBQzlCLE9BQU8sSUFBSSxNQUFNLE1BQU0sQ0FBQTtBQUV2QixPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sOEJBQThCLENBQUE7QUFDeEQsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0saUJBQWlCLENBQUE7QUFFbkQ7Ozs7Ozs7O0dBUUc7QUFDSCxJQUFNLE9BQU8sR0FBRyxVQUFDLEVBS0Y7SUFKYixJQUFBLFNBQVMsZUFBQSxFQUNULE9BQU8sYUFBQSxFQUNQLE9BQU8sYUFBQSxFQUNKLE1BQU0sY0FKTSxtQ0FLaEIsQ0FEVTtJQUVELElBQUEsTUFBTSxHQUFLLGlCQUFpQixFQUFFLE9BQXhCLENBQXdCO0lBRXRDLElBQU0sT0FBTyxHQUFHLFNBQVMsQ0FBQyxNQUFNLEVBQUUsSUFBSSxDQUFDLFNBQVMsQ0FBQyxDQUFDLENBQUE7SUFDbEQsT0FBTyxDQUNMLHFDQUFJLFNBQVMsRUFBRSxPQUFPLEVBQUUsT0FBTyxFQUFFLE9BQU8sRUFBRSxPQUFPLEVBQUUsT0FBTyxJQUFNLE1BQU0sRUFBSSxDQUMzRSxDQUFBO0FBQ0gsQ0FBQyxDQUFBO0FBRUQsZUFBZSxPQUFPLENBQUEifQ==

package/lib/components/table/th/TableTh.native.d.ts

@@ -1,9 +1,12 @@
-import React from 'react';
-import type { View as ViewType } from 'react-native';
-import { TableThProps } from '../../../components/table/th/TableThProps';
+/// <reference types="react" />
+import { TableThProps } from "./TableThProps";
+import { ComponentName } from "../../../components/enumsComponentsName";
 /**
  * TableTh Component
  * @param children {ReactNode} children of table TH
  */
-declare const TableTh: React.ForwardRefExoticComponent<TableThProps & React.RefAttributes<ViewType>>;
+declare const TableTh: {
+    ({ children, ...others }: TableThProps): JSX.Element;
+    displayName: ComponentName;
+};
 export default TableTh;