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

package/lib/components/switch/SwitchPropsDefaults.js

@@ -44,35 +44,29 @@ export default {
       "true"
     ]
   },
-  "className": {
-    "type": "string",
-    "values": [
-      "undefined",
-      "string"
-    ]
-  },
-  "id": {
+  "value": {
     "type": "string",
     "values": [
       "undefined",
       "string"
     ]
   },
-  "value": {
+  "name": {
     "type": "string",
     "values": [
       "undefined",
       "string"
     ]
   },
-  "name": {
-    "type": "string",
+  "reversed": {
+    "type": "boolean",
     "values": [
       "undefined",
-      "string"
+      "false",
+      "true"
     ]
   },
-  "reversed": {
+  "fullWidth": {
     "type": "boolean",
     "values": [
       "undefined",
@@ -94,12 +88,18 @@ export default {
       "ERROR"
     ]
   },
-  "inverted": {
-    "type": "boolean",
+  "id": {
+    "type": "string",
     "values": [
       "undefined",
-      "false",
-      "true"
+      "string"
+    ]
+  },
+  "className": {
+    "type": "string",
+    "values": [
+      "undefined",
+      "string"
     ]
   }
 };

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

@@ -1 +1,2 @@
-export { default as Switch } from '../../components/switch/Switch';
+import Switch from './Switch';
+export { Switch };

package/lib/components/switch/index.js

@@ -1,2 +1,3 @@
-export { default as Switch } from '../../components/switch/Switch';
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9jb21wb25lbnRzL3N3aXRjaC9pbmRleC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsT0FBTyxJQUFJLE1BQU0sRUFBRSxNQUFNLDRCQUE0QixDQUFBIn0=
+import Switch from './Switch';
+export { Switch };
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9jb21wb25lbnRzL3N3aXRjaC9pbmRleC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLE1BQU0sTUFBTSxVQUFVLENBQUE7QUFFN0IsT0FBTyxFQUFFLE1BQU0sRUFBRSxDQUFBIn0=

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

@@ -1,5 +1,5 @@
-import React from 'react';
-import { TableProps } from '../../components/table/TableProps';
+/// <reference types="react" />
+import { TableProps } from './TableProps';
 /**
  * Table Component
  * @param bordered {boolean} bordered table
@@ -11,5 +11,5 @@ import { TableProps } from '../../components/table/TableProps';
  * @param comparative {boolean} If specific design add this
  * @param striped {boolean} striped lines
  */
-declare const Table: React.ForwardRefExoticComponent<TableProps & React.RefAttributes<HTMLTableElement>>;
+declare const Table: ({ className, id, fullwidth, border, striped, compact, ...others }: TableProps) => JSX.Element;
 export default Table;

package/lib/components/table/Table.js

@@ -1,9 +1,10 @@
 import { __assign, __rest } from "tslib";
+import * as React from 'react';
 import clsx from 'clsx';
-import React from 'react';
-import { ComponentName } from '../../components/enumsComponentsName';
+import { TableBorderEnum } from './TableProps';
+import { has, is } from '../../services/classify';
 import { hashClass } from '../../helpers/hashClassesHelpers';
-import { is } from '../../services/classify';
+import { useTrilogyContext } from '../../context/index';
 /**
  * Table Component
  * @param bordered {boolean} bordered table
@@ -15,11 +16,11 @@ import { is } from '../../services/classify';
  * @param comparative {boolean} If specific design add this
  * @param striped {boolean} striped lines
  */
-var Table = React.forwardRef(function (_a, ref) {
-    var className = _a.className, fullwidth = _a.fullwidth, bordered = _a.bordered, comparative = _a.comparative, striped = _a.striped, compact = _a.compact, others = __rest(_a, ["className", "fullwidth", "bordered", "comparative", "striped", "compact"]);
-    var classes = hashClass(clsx('table', fullwidth && is('fullwidth'), bordered && is('bordered'), comparative && is('comparative'), striped && is('striped'), compact && is('compact'), className));
-    return React.createElement("table", __assign({ className: classes }, others, { ref: ref }));
-});
-Table.displayName = ComponentName.Table;
+var Table = function (_a) {
+    var className = _a.className, id = _a.id, fullwidth = _a.fullwidth, _b = _a.border, border = _b === void 0 ? TableBorderEnum.LINES : _b, striped = _a.striped, compact = _a.compact, others = __rest(_a, ["className", "id", "fullwidth", "border", "striped", "compact"]);
+    var styled = useTrilogyContext().styled;
+    var classes = hashClass(styled, clsx('table', fullwidth && is('fullwidth'), border && border !== TableBorderEnum.LINES && has("border-".concat(border)), striped && is('striped'), compact && is('compact'), className));
+    return React.createElement("table", __assign({ id: id, className: classes }, others));
+};
 export default Table;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVGFibGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9jb21wb25lbnRzL3RhYmxlL1RhYmxlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxJQUFJLE1BQU0sTUFBTSxDQUFBO0FBQ3ZCLE9BQU8sS0FBSyxNQUFNLE9BQU8sQ0FBQTtBQUV6QixPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sa0NBQWtDLENBQUE7QUFFaEUsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLDhCQUE4QixDQUFBO0FBQ3hELE9BQU8sRUFBRSxFQUFFLEVBQUUsTUFBTSxxQkFBcUIsQ0FBQTtBQUV4Qzs7Ozs7Ozs7OztHQVVHO0FBQ0gsSUFBTSxLQUFLLEdBQUcsS0FBSyxDQUFDLFVBQVUsQ0FDNUIsVUFDRSxFQUF3RixFQUN4RixHQUFnQztJQUQ5QixJQUFBLFNBQVMsZUFBQSxFQUFFLFNBQVMsZUFBQSxFQUFFLFFBQVEsY0FBQSxFQUFFLFdBQVcsaUJBQUEsRUFBRSxPQUFPLGFBQUEsRUFBRSxPQUFPLGFBQUEsRUFBSyxNQUFNLGNBQTFFLDJFQUE0RSxDQUFGO0lBRzFFLElBQU0sT0FBTyxHQUFHLFNBQVMsQ0FDdkIsSUFBSSxDQUNGLE9BQU8sRUFDUCxTQUFTLElBQUksRUFBRSxDQUFDLFdBQVcsQ0FBQyxFQUM1QixRQUFRLElBQUksRUFBRSxDQUFDLFVBQVUsQ0FBQyxFQUMxQixXQUFXLElBQUksRUFBRSxDQUFDLGFBQWEsQ0FBQyxFQUNoQyxPQUFPLElBQUksRUFBRSxDQUFDLFNBQVMsQ0FBQyxFQUN4QixPQUFPLElBQUksRUFBRSxDQUFDLFNBQVMsQ0FBQyxFQUN4QixTQUFTLENBQ1YsQ0FDRixDQUFBO0lBRUQsT0FBTyx3Q0FBTyxTQUFTLEVBQUUsT0FBTyxJQUFNLE1BQU0sSUFBRSxHQUFHLEVBQUUsR0FBRyxJQUFJLENBQUE7QUFDNUQsQ0FBQyxDQUNGLENBQUE7QUFFRCxLQUFLLENBQUMsV0FBVyxHQUFHLGFBQWEsQ0FBQyxLQUFLLENBQUE7QUFDdkMsZUFBZSxLQUFLLENBQUEifQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVGFibGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9jb21wb25lbnRzL3RhYmxlL1RhYmxlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxLQUFLLEtBQUssTUFBTSxPQUFPLENBQUE7QUFDOUIsT0FBTyxJQUFJLE1BQU0sTUFBTSxDQUFBO0FBQ3ZCLE9BQU8sRUFBRSxlQUFlLEVBQWMsTUFBTSxjQUFjLENBQUE7QUFDMUQsT0FBTyxFQUFFLEdBQUcsRUFBRSxFQUFFLEVBQUUsTUFBTSxxQkFBcUIsQ0FBQTtBQUM3QyxPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sOEJBQThCLENBQUE7QUFDeEQsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0saUJBQWlCLENBQUE7QUFFbkQ7Ozs7Ozs7Ozs7R0FVRztBQUNILElBQU0sS0FBSyxHQUFHLFVBQUMsRUFRRjtJQVBYLElBQUEsU0FBUyxlQUFBLEVBQ1QsRUFBRSxRQUFBLEVBQ0YsU0FBUyxlQUFBLEVBQ1QsY0FBOEIsRUFBOUIsTUFBTSxtQkFBRyxlQUFlLENBQUMsS0FBSyxLQUFBLEVBQzlCLE9BQU8sYUFBQSxFQUNQLE9BQU8sYUFBQSxFQUNKLE1BQU0sY0FQSSxnRUFRZCxDQURVO0lBRUQsSUFBQSxNQUFNLEdBQUssaUJBQWlCLEVBQUUsT0FBeEIsQ0FBd0I7SUFFdEMsSUFBTSxPQUFPLEdBQUcsU0FBUyxDQUN2QixNQUFNLEVBQ04sSUFBSSxDQUNGLE9BQU8sRUFDUCxTQUFTLElBQUksRUFBRSxDQUFDLFdBQVcsQ0FBQyxFQUM1QixNQUFNLElBQUksTUFBTSxLQUFLLGVBQWUsQ0FBQyxLQUFLLElBQUksR0FBRyxDQUFDLGlCQUFVLE1BQU0sQ0FBRSxDQUFDLEVBQ3JFLE9BQU8sSUFBSSxFQUFFLENBQUMsU0FBUyxDQUFDLEVBQ3hCLE9BQU8sSUFBSSxFQUFFLENBQUMsU0FBUyxDQUFDLEVBQ3hCLFNBQVMsQ0FDVixDQUNGLENBQUE7SUFFRCxPQUFPLHdDQUFPLEVBQUUsRUFBRSxFQUFFLEVBQUUsU0FBUyxFQUFFLE9BQU8sSUFBTSxNQUFNLEVBQUksQ0FBQTtBQUMxRCxDQUFDLENBQUE7QUFFRCxlQUFlLEtBQUssQ0FBQSJ9

package/lib/components/table/Table.native.d.ts

@@ -1,10 +1,13 @@
-import React from 'react';
-import { View } from 'react-native';
-import { TableProps } from '../../components/table/TableProps';
+/// <reference types="react" />
+import { TableProps } from './TableProps';
+import { ComponentName } from '../../components/enumsComponentsName';
 /**
  * Table Component
  * @param children {ReactNode}
  * @param bordered {boolean} bordered table
  */
-declare const Table: React.ForwardRefExoticComponent<TableProps & React.RefAttributes<View>>;
+declare const Table: {
+    ({ children, border, ...others }: TableProps): JSX.Element;
+    displayName: ComponentName;
+};
 export default Table;

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

@@ -1,15 +1,16 @@
 import { __assign, __rest } from "tslib";
-import React from 'react';
+import * as React from 'react';
 import { StyleSheet, View } from 'react-native';
+import { getColorStyle, TrilogyColor } from '../../objects';
+import { TableBorderEnum } from './TableProps';
 import { ComponentName } from '../../components/enumsComponentsName';
-import { getColorStyle, TrilogyColor } from '../../objects/facets/Color';
 /**
  * Table Component
  * @param children {ReactNode}
  * @param bordered {boolean} bordered table
  */
-var Table = React.forwardRef(function (_a, ref) {
-    var children = _a.children, bordered = _a.bordered, others = __rest(_a, ["children", "bordered"]);
+var Table = function (_a) {
+    var children = _a.children, border = _a.border, others = __rest(_a, ["children", "border"]);
     var borderColor = getColorStyle(TrilogyColor.MAIN_FADE);
     var styles = StyleSheet.create({
         table: {
@@ -25,8 +26,8 @@ var Table = React.forwardRef(function (_a, ref) {
             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: [border === TableBorderEnum.ALL && styles.bordered, !border && styles.noBorder, styles.table] }, others), children));
+};
 Table.displayName = ComponentName.Table;
 export default Table;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVGFibGUubmF0aXZlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vY29tcG9uZW50cy90YWJsZS9UYWJsZS5uYXRpdmUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLEtBQUssTUFBTSxPQUFPLENBQUE7QUFDekIsT0FBTyxFQUFFLFVBQVUsRUFBRSxJQUFJLEVBQUUsTUFBTSxjQUFjLENBQUE7QUFFL0MsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLGtDQUFrQyxDQUFBO0FBRWhFLE9BQU8sRUFBRSxhQUFhLEVBQUUsWUFBWSxFQUFFLE1BQU0sd0JBQXdCLENBQUE7QUFFcEU7Ozs7R0FJRztBQUNILElBQU0sS0FBSyxHQUFHLEtBQUssQ0FBQyxVQUFVLENBQUMsVUFBQyxFQUE2QyxFQUFFLEdBQW9CO0lBQWpFLElBQUEsUUFBUSxjQUFBLEVBQUUsUUFBUSxjQUFBLEVBQUssTUFBTSxjQUEvQix3QkFBaUMsQ0FBRjtJQUM3RCxJQUFNLFdBQVcsR0FBRyxhQUFhLENBQUMsWUFBWSxDQUFDLFNBQVMsQ0FBQyxDQUFBO0lBRXpELElBQU0sTUFBTSxHQUFHLFVBQVUsQ0FBQyxNQUFNLENBQUM7UUFDL0IsS0FBSyxFQUFFO1lBQ0wsS0FBSyxFQUFFLE1BQU07WUFDYixlQUFlLEVBQUUsYUFBYTtTQUMvQjtRQUNELFFBQVEsRUFBRTtZQUNSLFdBQVcsRUFBRSxDQUFDO1lBQ2QsV0FBVyxFQUFFLFdBQVc7U0FDekI7UUFDRCxRQUFRLEVBQUU7WUFDUixXQUFXLEVBQUUsQ0FBQztZQUNkLFdBQVcsRUFBRSxhQUFhO1NBQzNCO0tBQ0YsQ0FBQyxDQUFBO0lBRUYsT0FBTyxDQUNMLG9CQUFDLElBQUksYUFBQyxLQUFLLEVBQUUsQ0FBQyxRQUFRLElBQUksTUFBTSxDQUFDLFFBQVEsRUFBRSxDQUFDLFFBQVEsSUFBSSxNQUFNLENBQUMsUUFBUSxFQUFFLE1BQU0sQ0FBQyxLQUFLLENBQUMsRUFBRSxHQUFHLEVBQUUsR0FBRyxJQUFNLE1BQU0sR0FDekcsUUFBUSxDQUNKLENBQ1IsQ0FBQTtBQUNILENBQUMsQ0FBQyxDQUFBO0FBRUYsS0FBSyxDQUFDLFdBQVcsR0FBRyxhQUFhLENBQUMsS0FBSyxDQUFBO0FBQ3ZDLGVBQWUsS0FBSyxDQUFBIn0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVGFibGUubmF0aXZlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vY29tcG9uZW50cy90YWJsZS9UYWJsZS5uYXRpdmUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLEtBQUssS0FBSyxNQUFNLE9BQU8sQ0FBQTtBQUM5QixPQUFPLEVBQUUsVUFBVSxFQUFFLElBQUksRUFBRSxNQUFNLGNBQWMsQ0FBQTtBQUMvQyxPQUFPLEVBQUUsYUFBYSxFQUFFLFlBQVksRUFBRSxNQUFNLFdBQVcsQ0FBQTtBQUN2RCxPQUFPLEVBQUUsZUFBZSxFQUFjLE1BQU0sY0FBYyxDQUFBO0FBQzFELE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxrQ0FBa0MsQ0FBQTtBQUVoRTs7OztHQUlHO0FBQ0gsSUFBTSxLQUFLLEdBQUcsVUFBQyxFQUEyQztJQUF6QyxJQUFBLFFBQVEsY0FBQSxFQUFFLE1BQU0sWUFBQSxFQUFLLE1BQU0sY0FBN0Isc0JBQStCLENBQUY7SUFDMUMsSUFBTSxXQUFXLEdBQUcsYUFBYSxDQUFDLFlBQVksQ0FBQyxTQUFTLENBQUMsQ0FBQTtJQUV6RCxJQUFNLE1BQU0sR0FBRyxVQUFVLENBQUMsTUFBTSxDQUFDO1FBQy9CLEtBQUssRUFBRTtZQUNMLEtBQUssRUFBRSxNQUFNO1lBQ2IsZUFBZSxFQUFFLGFBQWE7U0FDL0I7UUFDRCxRQUFRLEVBQUU7WUFDUixXQUFXLEVBQUUsQ0FBQztZQUNkLFdBQVcsRUFBRSxXQUFXO1NBQ3pCO1FBQ0QsUUFBUSxFQUFFO1lBQ1IsV0FBVyxFQUFFLENBQUM7WUFDZCxXQUFXLEVBQUUsYUFBYTtTQUMzQjtLQUNGLENBQUMsQ0FBQTtJQUVGLE9BQU8sQ0FDTCxvQkFBQyxJQUFJLGFBQ0gsS0FBSyxFQUFFLENBQUMsTUFBTSxLQUFLLGVBQWUsQ0FBQyxHQUFHLElBQUksTUFBTSxDQUFDLFFBQVEsRUFBRSxDQUFDLE1BQU0sSUFBSSxNQUFNLENBQUMsUUFBUSxFQUFFLE1BQU0sQ0FBQyxLQUFLLENBQUMsSUFDaEcsTUFBTSxHQUVULFFBQVEsQ0FDSixDQUNSLENBQUE7QUFDSCxDQUFDLENBQUE7QUFFRCxLQUFLLENBQUMsV0FBVyxHQUFHLGFBQWEsQ0FBQyxLQUFLLENBQUE7QUFFdkMsZUFBZSxLQUFLLENBQUEifQ==

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

@@ -1,10 +1,14 @@
 /// <reference types="react" />
-import { Fullwidth } from "../../objects/facets/Fullwidth";
-export interface TableProps extends Fullwidth {
+import { Fullwidth } from '../../objects/facets/Fullwidth';
+import { CommonProps } from '../../objects/facets/CommonProps';
+export declare enum TableBorderEnum {
+    ALL = "all",
+    INNER = "inner",
+    LINES = "lines"
+}
+export interface TableProps extends Fullwidth, CommonProps {
     children: React.ReactNode;
-    bordered?: boolean;
-    comparative?: boolean;
-    className?: string;
+    border?: TableBorderEnum;
     striped?: boolean;
     compact?: boolean;
 }

package/lib/components/table/TableProps.js

@@ -1,2 +1,7 @@
-export {};
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVGFibGVQcm9wcy5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL2NvbXBvbmVudHMvdGFibGUvVGFibGVQcm9wcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiIn0=
+export var TableBorderEnum;
+(function (TableBorderEnum) {
+    TableBorderEnum["ALL"] = "all";
+    TableBorderEnum["INNER"] = "inner";
+    TableBorderEnum["LINES"] = "lines";
+})(TableBorderEnum || (TableBorderEnum = {}));
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVGFibGVQcm9wcy5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL2NvbXBvbmVudHMvdGFibGUvVGFibGVQcm9wcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFHQSxNQUFNLENBQU4sSUFBWSxlQUlYO0FBSkQsV0FBWSxlQUFlO0lBQ3pCLDhCQUFXLENBQUE7SUFDWCxrQ0FBZSxDQUFBO0lBQ2Ysa0NBQWUsQ0FBQTtBQUNqQixDQUFDLEVBSlcsZUFBZSxLQUFmLGVBQWUsUUFJMUIifQ==

package/lib/components/table/TablePropsDefaults.js

@@ -13,15 +13,16 @@ export default {
       "ReactPortal"
     ]
   },
-  "bordered": {
-    "type": "boolean",
+  "border": {
+    "type": "enum",
     "values": [
       "undefined",
-      "false",
-      "true"
+      "all",
+      "inner",
+      "lines"
     ]
   },
-  "comparative": {
+  "striped": {
     "type": "boolean",
     "values": [
       "undefined",
@@ -29,14 +30,15 @@ export default {
       "true"
     ]
   },
-  "className": {
-    "type": "string",
+  "compact": {
+    "type": "boolean",
     "values": [
       "undefined",
-      "string"
+      "false",
+      "true"
     ]
   },
-  "striped": {
+  "fullwidth": {
     "type": "boolean",
     "values": [
       "undefined",
@@ -44,20 +46,18 @@ export default {
       "true"
     ]
   },
-  "compact": {
-    "type": "boolean",
+  "id": {
+    "type": "string",
     "values": [
       "undefined",
-      "false",
-      "true"
+      "string"
     ]
   },
-  "fullwidth": {
-    "type": "boolean",
+  "className": {
+    "type": "string",
     "values": [
       "undefined",
-      "false",
-      "true"
+      "string"
     ]
   }
 };

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, id, 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 * as React from 'react';
 import clsx from 'clsx';
-import React from 'react';
-import { ComponentName } from '../../../components/enumsComponentsName';
 import { hashClass } from '../../../helpers/hashClassesHelpers';
+import { has, is } from '../../../services/classify';
+import { useTrilogyContext } from '../../../context/index';
 import { getBackgroundClassName } from '../../../objects/atoms/Background';
 import { getColorClassName } from '../../../objects/facets/Color';
-import { has, is } from '../../../services/classify';
 /**
  * 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 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 TableBody = function (_a) {
+    var className = _a.className, id = _a.id, color = _a.color, backgroundColor = _a.backgroundColor, others = __rest(_a, ["className", "id", "color", "backgroundColor"]);
+    var styled = useTrilogyContext().styled;
+    var classes = hashClass(styled, clsx(className, backgroundColor && has(getBackgroundClassName(backgroundColor)), color && is(getColorClassName(color))));
+    return React.createElement("tbody", __assign({ id: id, className: classes }, others));
+};
 export default TableBody;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVGFibGVCb2R5LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vY29tcG9uZW50cy90YWJsZS9ib2R5L1RhYmxlQm9keS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUFBLE9BQU8sSUFBSSxNQUFNLE1BQU0sQ0FBQTtBQUN2QixPQUFPLEtBQUssTUFBTSxPQUFPLENBQUE7QUFFekIsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLGtDQUFrQyxDQUFBO0FBRWhFLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSw4QkFBOEIsQ0FBQTtBQUN4RCxPQUFPLEVBQUUsc0JBQXNCLEVBQUUsTUFBTSw0QkFBNEIsQ0FBQTtBQUNuRSxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSx3QkFBd0IsQ0FBQTtBQUMxRCxPQUFPLEVBQUUsR0FBRyxFQUFFLEVBQUUsRUFBRSxNQUFNLHFCQUFxQixDQUFBO0FBRTdDOzs7Ozs7O0dBT0c7QUFDSCxJQUFNLFNBQVMsR0FBRyxLQUFLLENBQUMsVUFBVSxDQUNoQyxVQUNFLEVBQWdFLEVBQ2hFLEdBQXVDO0lBRHJDLElBQUEsU0FBUyxlQUFBLEVBQUUsS0FBSyxXQUFBLEVBQUUsZUFBZSxxQkFBQSxFQUFLLE1BQU0sY0FBOUMseUNBQWdELENBQUY7SUFHOUMsSUFBTSxPQUFPLEdBQUcsU0FBUyxDQUN2QixJQUFJLENBQ0YsU0FBUyxFQUNULGVBQWUsSUFBSSxHQUFHLENBQUMsc0JBQXNCLENBQUMsZUFBZSxDQUFDLENBQUMsRUFDL0QsS0FBSyxJQUFJLEVBQUUsQ0FBQyxpQkFBaUIsQ0FBQyxLQUFLLENBQUMsQ0FBQyxDQUN0QyxDQUNGLENBQUE7SUFDRCxPQUFPLHdDQUFPLFNBQVMsRUFBRSxPQUFPLEVBQUUsR0FBRyxFQUFFLEdBQUcsSUFBTSxNQUFNLEVBQUksQ0FBQTtBQUM1RCxDQUFDLENBQ0YsQ0FBQTtBQUVELFNBQVMsQ0FBQyxXQUFXLEdBQUcsYUFBYSxDQUFDLFNBQVMsQ0FBQTtBQUMvQyxlQUFlLFNBQVMsQ0FBQSJ9
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVGFibGVCb2R5LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vY29tcG9uZW50cy90YWJsZS9ib2R5L1RhYmxlQm9keS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUFBLE9BQU8sS0FBSyxLQUFLLE1BQU0sT0FBTyxDQUFBO0FBQzlCLE9BQU8sSUFBSSxNQUFNLE1BQU0sQ0FBQTtBQUV2QixPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sOEJBQThCLENBQUE7QUFDeEQsT0FBTyxFQUFFLEdBQUcsRUFBRSxFQUFFLEVBQUUsTUFBTSxxQkFBcUIsQ0FBQTtBQUM3QyxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQTtBQUNuRCxPQUFPLEVBQUUsc0JBQXNCLEVBQUUsTUFBTSw0QkFBNEIsQ0FBQTtBQUNuRSxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSx3QkFBd0IsQ0FBQTtBQUUxRDs7Ozs7OztHQU9HO0FBQ0gsSUFBTSxTQUFTLEdBQUcsVUFBQyxFQUFvRTtJQUFsRSxJQUFBLFNBQVMsZUFBQSxFQUFFLEVBQUUsUUFBQSxFQUFFLEtBQUssV0FBQSxFQUFFLGVBQWUscUJBQUEsRUFBSyxNQUFNLGNBQWxELCtDQUFvRCxDQUFGO0lBQzNELElBQUEsTUFBTSxHQUFLLGlCQUFpQixFQUFFLE9BQXhCLENBQXdCO0lBQ3RDLElBQU0sT0FBTyxHQUFHLFNBQVMsQ0FDdkIsTUFBTSxFQUNOLElBQUksQ0FDRixTQUFTLEVBQ1QsZUFBZSxJQUFJLEdBQUcsQ0FBQyxzQkFBc0IsQ0FBQyxlQUFlLENBQUMsQ0FBQyxFQUMvRCxLQUFLLElBQUksRUFBRSxDQUFDLGlCQUFpQixDQUFDLEtBQUssQ0FBQyxDQUFDLENBQ3RDLENBQ0YsQ0FBQTtJQUNELE9BQU8sd0NBQU8sRUFBRSxFQUFFLEVBQUUsRUFBRSxTQUFTLEVBQUUsT0FBTyxJQUFNLE1BQU0sRUFBSSxDQUFBO0FBQzFELENBQUMsQ0FBQTtBQUVELGVBQWUsU0FBUyxDQUFBIn0=

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,8 +1,8 @@
 /// <reference types="react" />
-import { TrilogyColor, TrilogyColorValues } from '../../../objects/facets/Color';
-export interface TableBodyProps {
+import { TrilogyColor, TrilogyColorValues } from '../../../objects';
+import { CommonProps } from '../../../objects/facets/CommonProps';
+export interface TableBodyProps extends CommonProps {
     children: React.ReactNode;
-    className?: string;
     color?: TrilogyColor | TrilogyColorValues;
     backgroundColor?: TrilogyColor | TrilogyColorValues;
 }

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

@@ -13,13 +13,6 @@ export default {
       "ReactPortal"
     ]
   },
-  "className": {
-    "type": "string",
-    "values": [
-      "undefined",
-      "string"
-    ]
-  },
   "color": {
     "type": "enum",
     "values": [
@@ -28,6 +21,8 @@ export default {
       "INFO",
       "WARNING",
       "ERROR",
+      "MAIN",
+      "ACCENT",
       "WHITE",
       "MAIN",
       "MAIN_FADE",
@@ -46,9 +41,7 @@ export default {
       "NEUTRAL",
       "NEUTRAL_FADE",
       "WHITE",
-      "MAIN",
       "MAIN_FADE",
-      "ACCENT",
       "FONT",
       "SUCCESS_FADE",
       "INFO_FADE",
@@ -68,6 +61,8 @@ export default {
       "INFO",
       "WARNING",
       "ERROR",
+      "MAIN",
+      "ACCENT",
       "WHITE",
       "MAIN",
       "MAIN_FADE",
@@ -86,9 +81,7 @@ export default {
       "NEUTRAL",
       "NEUTRAL_FADE",
       "WHITE",
-      "MAIN",
       "MAIN_FADE",
-      "ACCENT",
       "FONT",
       "SUCCESS_FADE",
       "INFO_FADE",
@@ -99,5 +92,19 @@ export default {
       "NEUTRAL",
       "NEUTRAL_FADE"
     ]
+  },
+  "id": {
+    "type": "string",
+    "values": [
+      "undefined",
+      "string"
+    ]
+  },
+  "className": {
+    "type": "string",
+    "values": [
+      "undefined",
+      "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, id, 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 * as React from 'react';
 import clsx from 'clsx';
-import React from 'react';
-import { ComponentName } from '../../../components/enumsComponentsName';
 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';
-import { has, is } from '../../../services/classify';
 /**
  * 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 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 TableHead = function (_a) {
+    var className = _a.className, id = _a.id, color = _a.color, backgroundColor = _a.backgroundColor, others = __rest(_a, ["className", "id", "color", "backgroundColor"]);
+    var styled = useTrilogyContext().styled;
+    var classes = hashClass(styled, clsx(className, backgroundColor && has(getBackgroundClassName(backgroundColor)), color && is(getColorClassName(color))));
+    return React.createElement("thead", __assign({ id: id, className: classes }, others));
+};
 export default TableHead;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVGFibGVIZWFkLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vY29tcG9uZW50cy90YWJsZS9oZWFkL1RhYmxlSGVhZC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUFBLE9BQU8sSUFBSSxNQUFNLE1BQU0sQ0FBQTtBQUN2QixPQUFPLEtBQUssTUFBTSxPQUFPLENBQUE7QUFFekIsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLGtDQUFrQyxDQUFBO0FBRWhFLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSw4QkFBOEIsQ0FBQTtBQUN4RCxPQUFPLEVBQUUsc0JBQXNCLEVBQUUsTUFBTSw0QkFBNEIsQ0FBQTtBQUNuRSxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSx3QkFBd0IsQ0FBQTtBQUMxRCxPQUFPLEVBQUUsR0FBRyxFQUFFLEVBQUUsRUFBRSxNQUFNLHFCQUFxQixDQUFBO0FBRTdDOzs7Ozs7O0dBT0c7QUFDSCxJQUFNLFNBQVMsR0FBRyxLQUFLLENBQUMsVUFBVSxDQUNoQyxVQUNFLEVBQWdFLEVBQ2hFLEdBQXVDO0lBRHJDLElBQUEsU0FBUyxlQUFBLEVBQUUsS0FBSyxXQUFBLEVBQUUsZUFBZSxxQkFBQSxFQUFLLE1BQU0sY0FBOUMseUNBQWdELENBQUY7SUFHOUMsSUFBTSxPQUFPLEdBQUcsU0FBUyxDQUN2QixJQUFJLENBQ0YsU0FBUyxFQUNULGVBQWUsSUFBSSxHQUFHLENBQUMsc0JBQXNCLENBQUMsZUFBZSxDQUFDLENBQUMsRUFDL0QsS0FBSyxJQUFJLEVBQUUsQ0FBQyxpQkFBaUIsQ0FBQyxLQUFLLENBQUMsQ0FBQyxDQUN0QyxDQUNGLENBQUE7SUFDRCxPQUFPLHdDQUFPLFNBQVMsRUFBRSxPQUFPLEVBQUUsR0FBRyxFQUFFLEdBQUcsSUFBTSxNQUFNLEVBQUksQ0FBQTtBQUM1RCxDQUFDLENBQ0YsQ0FBQTtBQUVELFNBQVMsQ0FBQyxXQUFXLEdBQUcsYUFBYSxDQUFDLFNBQVMsQ0FBQTtBQUMvQyxlQUFlLFNBQVMsQ0FBQSJ9
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVGFibGVIZWFkLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vY29tcG9uZW50cy90YWJsZS9oZWFkL1RhYmxlSGVhZC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUFBLE9BQU8sS0FBSyxLQUFLLE1BQU0sT0FBTyxDQUFBO0FBQzlCLE9BQU8sSUFBSSxNQUFNLE1BQU0sQ0FBQTtBQUV2QixPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sOEJBQThCLENBQUE7QUFDeEQsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0saUJBQWlCLENBQUE7QUFDbkQsT0FBTyxFQUFFLEdBQUcsRUFBRSxFQUFFLEVBQUUsTUFBTSxxQkFBcUIsQ0FBQTtBQUM3QyxPQUFPLEVBQUUsc0JBQXNCLEVBQUUsTUFBTSw0QkFBNEIsQ0FBQTtBQUNuRSxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSx3QkFBd0IsQ0FBQTtBQUUxRDs7Ozs7OztHQU9HO0FBQ0gsSUFBTSxTQUFTLEdBQUcsVUFBQyxFQUFvRTtJQUFsRSxJQUFBLFNBQVMsZUFBQSxFQUFFLEVBQUUsUUFBQSxFQUFFLEtBQUssV0FBQSxFQUFFLGVBQWUscUJBQUEsRUFBSyxNQUFNLGNBQWxELCtDQUFvRCxDQUFGO0lBQzNELElBQUEsTUFBTSxHQUFLLGlCQUFpQixFQUFFLE9BQXhCLENBQXdCO0lBQ3RDLElBQU0sT0FBTyxHQUFHLFNBQVMsQ0FDdkIsTUFBTSxFQUNOLElBQUksQ0FDRixTQUFTLEVBQ1QsZUFBZSxJQUFJLEdBQUcsQ0FBQyxzQkFBc0IsQ0FBQyxlQUFlLENBQUMsQ0FBQyxFQUMvRCxLQUFLLElBQUksRUFBRSxDQUFDLGlCQUFpQixDQUFDLEtBQUssQ0FBQyxDQUFDLENBQ3RDLENBQ0YsQ0FBQTtJQUNELE9BQU8sd0NBQU8sRUFBRSxFQUFFLEVBQUUsRUFBRSxTQUFTLEVBQUUsT0FBTyxJQUFNLE1BQU0sRUFBSSxDQUFBO0FBQzFELENBQUMsQ0FBQTtBQUVELGVBQWUsU0FBUyxDQUFBIn0=

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,8 +1,8 @@
 /// <reference types="react" />
-import { TrilogyColor, TrilogyColorValues } from '../../../objects/facets/Color';
-export interface TableHeadProps {
+import { TrilogyColor, TrilogyColorValues } from '../../../objects';
+import { CommonProps } from '../../../objects/facets/CommonProps';
+export interface TableHeadProps extends CommonProps {
     children: React.ReactNode;
-    className?: string;
     color?: TrilogyColor | TrilogyColorValues;
     backgroundColor?: TrilogyColor | TrilogyColorValues;
 }