@trilogy-ds/react 0.0.1-beta-149 → 0.0.1-beta-v4

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 { is } from "../../services/classify";
-import { hashClass } from "../../helpers/hashClassesHelpers";
-import { useTrilogyContext } from "../../context/index";
+import * as React from 'react';
+import clsx from 'clsx';
+import { TableBorderEnum } from './TableProps';
+import { has, is } from '../../services/classify';
+import { hashClass } from '../../helpers/hashClassesHelpers';
+import { useTrilogyContext } from '../../context/index';
 /**
  * Table Component
  * @param bordered {boolean} bordered table
@@ -16,10 +17,10 @@ import { useTrilogyContext } from "../../context/index";
  * @param striped {boolean} striped lines
  */
 var Table = function (_a) {
-    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 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'), bordered && is('bordered'), comparative && is('comparative'), striped && is('striped'), compact && is('compact'), className));
-    return React.createElement("table", __assign({ className: classes }, others));
+    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,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVGFibGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9jb21wb25lbnRzL3RhYmxlL1RhYmxlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxLQUFLLEtBQUssTUFBTSxPQUFPLENBQUE7QUFDOUIsT0FBTyxJQUFJLE1BQU0sTUFBTSxDQUFBO0FBRXZCLE9BQU8sRUFBRSxFQUFFLEVBQUUsTUFBTSxxQkFBcUIsQ0FBQTtBQUN4QyxPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sOEJBQThCLENBQUE7QUFDeEQsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0saUJBQWlCLENBQUE7QUFFbkQ7Ozs7Ozs7Ozs7R0FVRztBQUNILElBQU0sS0FBSyxHQUFHLFVBQUMsRUFRRjtJQVBYLElBQUEsU0FBUyxlQUFBLEVBQ1QsU0FBUyxlQUFBLEVBQ1QsUUFBUSxjQUFBLEVBQ1IsV0FBVyxpQkFBQSxFQUNYLE9BQU8sYUFBQSxFQUNQLE9BQU8sYUFBQSxFQUNKLE1BQU0sY0FQSSwyRUFRZCxDQURVO0lBRUQsSUFBQSxNQUFNLEdBQUssaUJBQWlCLEVBQUUsT0FBeEIsQ0FBd0I7SUFFdEMsSUFBTSxPQUFPLEdBQUcsU0FBUyxDQUN2QixNQUFNLEVBQ04sSUFBSSxDQUNGLE9BQU8sRUFDUCxTQUFTLElBQUksRUFBRSxDQUFDLFdBQVcsQ0FBQyxFQUM1QixRQUFRLElBQUksRUFBRSxDQUFDLFVBQVUsQ0FBQyxFQUMxQixXQUFXLElBQUksRUFBRSxDQUFDLGFBQWEsQ0FBQyxFQUNoQyxPQUFPLElBQUksRUFBRSxDQUFDLFNBQVMsQ0FBQyxFQUN4QixPQUFPLElBQUksRUFBRSxDQUFDLFNBQVMsQ0FBQyxFQUN4QixTQUFTLENBQ1YsQ0FDRixDQUFBO0lBRUQsT0FBTyx3Q0FBTyxTQUFTLEVBQUUsT0FBTyxJQUFNLE1BQU0sRUFBSSxDQUFBO0FBQ2xELENBQUMsQ0FBQTtBQUVELGVBQWUsS0FBSyxDQUFBIn0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVGFibGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9jb21wb25lbnRzL3RhYmxlL1RhYmxlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxLQUFLLEtBQUssTUFBTSxPQUFPLENBQUE7QUFDOUIsT0FBTyxJQUFJLE1BQU0sTUFBTSxDQUFBO0FBQ3ZCLE9BQU8sRUFBRSxlQUFlLEVBQWMsTUFBTSxjQUFjLENBQUE7QUFDMUQsT0FBTyxFQUFFLEdBQUcsRUFBRSxFQUFFLEVBQUUsTUFBTSxxQkFBcUIsQ0FBQTtBQUM3QyxPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sOEJBQThCLENBQUE7QUFDeEQsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0saUJBQWlCLENBQUE7QUFFbkQ7Ozs7Ozs7Ozs7R0FVRztBQUNILElBQU0sS0FBSyxHQUFHLFVBQUMsRUFRRjtJQVBYLElBQUEsU0FBUyxlQUFBLEVBQ1QsRUFBRSxRQUFBLEVBQ0YsU0FBUyxlQUFBLEVBQ1QsY0FBOEIsRUFBOUIsTUFBTSxtQkFBRyxlQUFlLENBQUMsS0FBSyxLQUFBLEVBQzlCLE9BQU8sYUFBQSxFQUNQLE9BQU8sYUFBQSxFQUNKLE1BQU0sY0FQSSxnRUFRZCxDQURVO0lBRUQsSUFBQSxNQUFNLEdBQUssaUJBQWlCLEVBQUUsT0FBeEIsQ0FBd0I7SUFFdEMsSUFBTSxPQUFPLEdBQUcsU0FBUyxDQUN2QixNQUFNLEVBQ04sSUFBSSxDQUNGLE9BQU8sRUFDUCxTQUFTLElBQUksRUFBRSxDQUFDLFdBQVcsQ0FBQyxFQUM1QixNQUFNLElBQUksTUFBTSxLQUFLLGVBQWUsQ0FBQyxLQUFLLElBQUksR0FBRyxDQUFDLGlCQUFVLE1BQU0sQ0FBRSxDQUFDLEVBQ3JFLE9BQU8sSUFBSSxFQUFFLENBQUMsU0FBUyxDQUFDLEVBQ3hCLE9BQU8sSUFBSSxFQUFFLENBQUMsU0FBUyxDQUFDLEVBQ3hCLFNBQVMsQ0FDVixDQUNGLENBQUE7SUFFRCxPQUFPLHdDQUFPLEVBQUUsRUFBRSxFQUFFLEVBQUUsU0FBUyxFQUFFLE9BQU8sSUFBTSxNQUFNLEVBQUksQ0FBQTtBQUMxRCxDQUFDLENBQUE7QUFFRCxlQUFlLEtBQUssQ0FBQSJ9

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

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

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

@@ -1,20 +1,21 @@
 import { __assign, __rest } from "tslib";
-import * as React from "react";
-import { StyleSheet, View } from "react-native";
-import { getColorStyle, TrilogyColor } from "../../objects";
-import { ComponentName } from "../../components/enumsComponentsName";
+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';
 /**
  * Table Component
  * @param children {ReactNode}
  * @param bordered {boolean} bordered table
  */
 var Table = function (_a) {
-    var children = _a.children, bordered = _a.bordered, others = __rest(_a, ["children", "bordered"]);
+    var children = _a.children, border = _a.border, others = __rest(_a, ["children", "border"]);
     var borderColor = getColorStyle(TrilogyColor.MAIN_FADE);
     var styles = StyleSheet.create({
         table: {
-            width: "100%",
-            backgroundColor: "transparent",
+            width: '100%',
+            backgroundColor: 'transparent',
         },
         bordered: {
             borderWidth: 1,
@@ -22,15 +23,11 @@ var Table = function (_a) {
         },
         noBorder: {
             borderWidth: 0,
-            borderColor: "transparent",
+            borderColor: 'transparent',
         },
     });
-    return (React.createElement(View, __assign({ style: [
-            bordered && styles.bordered,
-            !bordered && styles.noBorder,
-            styles.table,
-        ] }, 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,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVGFibGUubmF0aXZlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vY29tcG9uZW50cy90YWJsZS9UYWJsZS5uYXRpdmUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLEtBQUssS0FBSyxNQUFNLE9BQU8sQ0FBQTtBQUM5QixPQUFPLEVBQUUsVUFBVSxFQUFFLElBQUksRUFBRSxNQUFNLGNBQWMsQ0FBQTtBQUMvQyxPQUFPLEVBQUUsYUFBYSxFQUFFLFlBQVksRUFBRSxNQUFNLFdBQVcsQ0FBQTtBQUV2RCxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sa0NBQWtDLENBQUE7QUFFaEU7Ozs7R0FJRztBQUNILElBQU0sS0FBSyxHQUFHLFVBQUMsRUFBNkM7SUFBM0MsSUFBQSxRQUFRLGNBQUEsRUFBRSxRQUFRLGNBQUEsRUFBSyxNQUFNLGNBQS9CLHdCQUFpQyxDQUFGO0lBQzVDLElBQU0sV0FBVyxHQUFHLGFBQWEsQ0FBQyxZQUFZLENBQUMsU0FBUyxDQUFDLENBQUE7SUFFekQsSUFBTSxNQUFNLEdBQUcsVUFBVSxDQUFDLE1BQU0sQ0FBQztRQUMvQixLQUFLLEVBQUU7WUFDTCxLQUFLLEVBQUUsTUFBTTtZQUNiLGVBQWUsRUFBRSxhQUFhO1NBQy9CO1FBQ0QsUUFBUSxFQUFFO1lBQ1IsV0FBVyxFQUFFLENBQUM7WUFDZCxXQUFXLEVBQUUsV0FBVztTQUN6QjtRQUNELFFBQVEsRUFBRTtZQUNSLFdBQVcsRUFBRSxDQUFDO1lBQ2QsV0FBVyxFQUFFLGFBQWE7U0FDM0I7S0FDRixDQUFDLENBQUE7SUFFRixPQUFPLENBQ0wsb0JBQUMsSUFBSSxhQUNILEtBQUssRUFBRTtZQUNMLFFBQVEsSUFBSSxNQUFNLENBQUMsUUFBUTtZQUMzQixDQUFDLFFBQVEsSUFBSSxNQUFNLENBQUMsUUFBUTtZQUM1QixNQUFNLENBQUMsS0FBSztTQUNiLElBQ0csTUFBTSxHQUVULFFBQVEsQ0FDSixDQUNSLENBQUE7QUFDSCxDQUFDLENBQUE7QUFFRCxLQUFLLENBQUMsV0FBVyxHQUFHLGFBQWEsQ0FBQyxLQUFLLENBQUE7QUFFdkMsZUFBZSxLQUFLLENBQUEifQ==
+//# 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 @@
 /// <reference types="react" />
-import { TableBodyProps } from "./TableBodyProps";
+import { TableBodyProps } from './TableBodyProps';
 /**
  * Table Body Component
  * @param children {ReactNode} children of Table Body
@@ -8,5 +8,5 @@ import { TableBodyProps } from "./TableBodyProps";
  * @param color {TrilogyColor} text color
  * @param backgroundColor {TrilogyColor} background color
  */
-declare const TableBody: ({ className, color, backgroundColor, ...others }: TableBodyProps) => JSX.Element;
+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 { 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";
+import * as React from 'react';
+import clsx from 'clsx';
+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';
 /**
  * Table Body Component
  * @param children {ReactNode} children of Table Body
@@ -15,10 +15,10 @@ import { getColorClassName } from "../../../objects/facets/Color";
  * @param backgroundColor {TrilogyColor} background color
  */
 var TableBody = function (_a) {
-    var className = _a.className, color = _a.color, backgroundColor = _a.backgroundColor, others = __rest(_a, ["className", "color", "backgroundColor"]);
+    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({ className: classes }, others));
+    return React.createElement("tbody", __assign({ id: id, className: classes }, others));
 };
 export default TableBody;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVGFibGVCb2R5LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vY29tcG9uZW50cy90YWJsZS9ib2R5L1RhYmxlQm9keS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUFBLE9BQU8sS0FBSyxLQUFLLE1BQU0sT0FBTyxDQUFBO0FBQzlCLE9BQU8sSUFBSSxNQUFNLE1BQU0sQ0FBQTtBQUV2QixPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sOEJBQThCLENBQUE7QUFDeEQsT0FBTyxFQUFFLEVBQUUsRUFBRSxHQUFHLEVBQUUsTUFBTSxxQkFBcUIsQ0FBQTtBQUM3QyxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQTtBQUNuRCxPQUFPLEVBQUUsc0JBQXNCLEVBQUUsTUFBTSw0QkFBNEIsQ0FBQTtBQUNuRSxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSx3QkFBd0IsQ0FBQTtBQUUxRDs7Ozs7OztHQU9HO0FBQ0gsSUFBTSxTQUFTLEdBQUcsVUFBQyxFQUtGO0lBSmYsSUFBQSxTQUFTLGVBQUEsRUFDVCxLQUFLLFdBQUEsRUFDTCxlQUFlLHFCQUFBLEVBQ1osTUFBTSxjQUpRLHlDQUtsQixDQURVO0lBRUQsSUFBQSxNQUFNLEdBQUssaUJBQWlCLEVBQUUsT0FBeEIsQ0FBd0I7SUFDdEMsSUFBTSxPQUFPLEdBQUcsU0FBUyxDQUN2QixNQUFNLEVBQ04sSUFBSSxDQUNGLFNBQVMsRUFDVCxlQUFlLElBQUksR0FBRyxDQUFDLHNCQUFzQixDQUFDLGVBQWUsQ0FBQyxDQUFDLEVBQy9ELEtBQUssSUFBSSxFQUFFLENBQUMsaUJBQWlCLENBQUMsS0FBSyxDQUFDLENBQUMsQ0FDdEMsQ0FDRixDQUFBO0lBQ0QsT0FBTyx3Q0FBTyxTQUFTLEVBQUUsT0FBTyxJQUFNLE1BQU0sRUFBSSxDQUFBO0FBQ2xELENBQUMsQ0FBQTtBQUVELGVBQWUsU0FBUyxDQUFBIn0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVGFibGVCb2R5LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vY29tcG9uZW50cy90YWJsZS9ib2R5L1RhYmxlQm9keS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUFBLE9BQU8sS0FBSyxLQUFLLE1BQU0sT0FBTyxDQUFBO0FBQzlCLE9BQU8sSUFBSSxNQUFNLE1BQU0sQ0FBQTtBQUV2QixPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sOEJBQThCLENBQUE7QUFDeEQsT0FBTyxFQUFFLEdBQUcsRUFBRSxFQUFFLEVBQUUsTUFBTSxxQkFBcUIsQ0FBQTtBQUM3QyxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQTtBQUNuRCxPQUFPLEVBQUUsc0JBQXNCLEVBQUUsTUFBTSw0QkFBNEIsQ0FBQTtBQUNuRSxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSx3QkFBd0IsQ0FBQTtBQUUxRDs7Ozs7OztHQU9HO0FBQ0gsSUFBTSxTQUFTLEdBQUcsVUFBQyxFQUFvRTtJQUFsRSxJQUFBLFNBQVMsZUFBQSxFQUFFLEVBQUUsUUFBQSxFQUFFLEtBQUssV0FBQSxFQUFFLGVBQWUscUJBQUEsRUFBSyxNQUFNLGNBQWxELCtDQUFvRCxDQUFGO0lBQzNELElBQUEsTUFBTSxHQUFLLGlCQUFpQixFQUFFLE9BQXhCLENBQXdCO0lBQ3RDLElBQU0sT0FBTyxHQUFHLFNBQVMsQ0FDdkIsTUFBTSxFQUNOLElBQUksQ0FDRixTQUFTLEVBQ1QsZUFBZSxJQUFJLEdBQUcsQ0FBQyxzQkFBc0IsQ0FBQyxlQUFlLENBQUMsQ0FBQyxFQUMvRCxLQUFLLElBQUksRUFBRSxDQUFDLGlCQUFpQixDQUFDLEtBQUssQ0FBQyxDQUFDLENBQ3RDLENBQ0YsQ0FBQTtJQUNELE9BQU8sd0NBQU8sRUFBRSxFQUFFLEVBQUUsRUFBRSxTQUFTLEVBQUUsT0FBTyxJQUFNLE1BQU0sRUFBSSxDQUFBO0FBQzFELENBQUMsQ0FBQTtBQUVELGVBQWUsU0FBUyxDQUFBIn0=

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

@@ -1,8 +1,8 @@
 /// <reference types="react" />
 import { TrilogyColor, TrilogyColorValues } from '../../../objects';
-export interface TableBodyProps {
+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/head/TableHead.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { TableHeadProps } from "./TableHeadProps";
+import { TableHeadProps } from './TableHeadProps';
 /**
  * Table Head Component
  * @param children {ReactNode} children of Table Head
@@ -8,5 +8,5 @@ import { TableHeadProps } from "./TableHeadProps";
  * @param color {TrilogyColor} text color
  * @param backgroundColor {TrilogyColor} background color
  */
-declare const TableHead: ({ className, color, backgroundColor, ...others }: TableHeadProps) => JSX.Element;
+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 { 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 * 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
@@ -15,10 +15,10 @@ import { getColorClassName } from "../../../objects/facets/Color";
  * @param backgroundColor {TrilogyColor} background color
  */
 var TableHead = function (_a) {
-    var className = _a.className, color = _a.color, backgroundColor = _a.backgroundColor, others = __rest(_a, ["className", "color", "backgroundColor"]);
+    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({ className: classes }, others));
+    return React.createElement("thead", __assign({ id: id, className: classes }, others));
 };
 export default TableHead;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVGFibGVIZWFkLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vY29tcG9uZW50cy90YWJsZS9oZWFkL1RhYmxlSGVhZC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUFBLE9BQU8sS0FBSyxLQUFLLE1BQU0sT0FBTyxDQUFBO0FBQzlCLE9BQU8sSUFBSSxNQUFNLE1BQU0sQ0FBQTtBQUV2QixPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sOEJBQThCLENBQUE7QUFDeEQsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0saUJBQWlCLENBQUE7QUFDbkQsT0FBTyxFQUFFLEdBQUcsRUFBRSxFQUFFLEVBQUUsTUFBTSxxQkFBcUIsQ0FBQTtBQUM3QyxPQUFPLEVBQUUsc0JBQXNCLEVBQUUsTUFBTSw0QkFBNEIsQ0FBQTtBQUNuRSxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSx3QkFBd0IsQ0FBQTtBQUUxRDs7Ozs7OztHQU9HO0FBQ0gsSUFBTSxTQUFTLEdBQUcsVUFBQyxFQUtGO0lBSmYsSUFBQSxTQUFTLGVBQUEsRUFDVCxLQUFLLFdBQUEsRUFDTCxlQUFlLHFCQUFBLEVBQ1osTUFBTSxjQUpRLHlDQUtsQixDQURVO0lBRUQsSUFBQSxNQUFNLEdBQUssaUJBQWlCLEVBQUUsT0FBeEIsQ0FBd0I7SUFDdEMsSUFBTSxPQUFPLEdBQUcsU0FBUyxDQUN2QixNQUFNLEVBQ04sSUFBSSxDQUNGLFNBQVMsRUFDVCxlQUFlLElBQUksR0FBRyxDQUFDLHNCQUFzQixDQUFDLGVBQWUsQ0FBQyxDQUFDLEVBQy9ELEtBQUssSUFBSSxFQUFFLENBQUMsaUJBQWlCLENBQUMsS0FBSyxDQUFDLENBQUMsQ0FDdEMsQ0FDRixDQUFBO0lBQ0QsT0FBTyx3Q0FBTyxTQUFTLEVBQUUsT0FBTyxJQUFNLE1BQU0sRUFBSSxDQUFBO0FBQ2xELENBQUMsQ0FBQTtBQUVELGVBQWUsU0FBUyxDQUFBIn0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVGFibGVIZWFkLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vY29tcG9uZW50cy90YWJsZS9oZWFkL1RhYmxlSGVhZC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUFBLE9BQU8sS0FBSyxLQUFLLE1BQU0sT0FBTyxDQUFBO0FBQzlCLE9BQU8sSUFBSSxNQUFNLE1BQU0sQ0FBQTtBQUV2QixPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sOEJBQThCLENBQUE7QUFDeEQsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0saUJBQWlCLENBQUE7QUFDbkQsT0FBTyxFQUFFLEdBQUcsRUFBRSxFQUFFLEVBQUUsTUFBTSxxQkFBcUIsQ0FBQTtBQUM3QyxPQUFPLEVBQUUsc0JBQXNCLEVBQUUsTUFBTSw0QkFBNEIsQ0FBQTtBQUNuRSxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSx3QkFBd0IsQ0FBQTtBQUUxRDs7Ozs7OztHQU9HO0FBQ0gsSUFBTSxTQUFTLEdBQUcsVUFBQyxFQUFvRTtJQUFsRSxJQUFBLFNBQVMsZUFBQSxFQUFFLEVBQUUsUUFBQSxFQUFFLEtBQUssV0FBQSxFQUFFLGVBQWUscUJBQUEsRUFBSyxNQUFNLGNBQWxELCtDQUFvRCxDQUFGO0lBQzNELElBQUEsTUFBTSxHQUFLLGlCQUFpQixFQUFFLE9BQXhCLENBQXdCO0lBQ3RDLElBQU0sT0FBTyxHQUFHLFNBQVMsQ0FDdkIsTUFBTSxFQUNOLElBQUksQ0FDRixTQUFTLEVBQ1QsZUFBZSxJQUFJLEdBQUcsQ0FBQyxzQkFBc0IsQ0FBQyxlQUFlLENBQUMsQ0FBQyxFQUMvRCxLQUFLLElBQUksRUFBRSxDQUFDLGlCQUFpQixDQUFDLEtBQUssQ0FBQyxDQUFDLENBQ3RDLENBQ0YsQ0FBQTtJQUNELE9BQU8sd0NBQU8sRUFBRSxFQUFFLEVBQUUsRUFBRSxTQUFTLEVBQUUsT0FBTyxJQUFNLE1BQU0sRUFBSSxDQUFBO0FBQzFELENBQUMsQ0FBQTtBQUVELGVBQWUsU0FBUyxDQUFBIn0=

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

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

package/lib/components/table/head/TableHeadPropsDefaults.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/index.d.ts

@@ -4,4 +4,5 @@ import TableBody from './body';
 import TableTh from './th';
 import TableTr from './tr';
 import TableTd from './td';
+export * from './TableProps';
 export { Table, TableHead, TableBody, TableTr, TableTh, TableTd };

package/lib/components/table/index.js

@@ -4,5 +4,6 @@ import TableBody from './body';
 import TableTh from './th';
 import TableTr from './tr';
 import TableTd from './td';
+export * from './TableProps';
 export { Table, TableHead, TableBody, TableTr, TableTh, TableTd };
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9jb21wb25lbnRzL3RhYmxlL2luZGV4LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sS0FBSyxNQUFNLFNBQVMsQ0FBQTtBQUMzQixPQUFPLFNBQVMsTUFBTSxRQUFRLENBQUE7QUFDOUIsT0FBTyxTQUFTLE1BQU0sUUFBUSxDQUFBO0FBQzlCLE9BQU8sT0FBTyxNQUFNLE1BQU0sQ0FBQTtBQUMxQixPQUFPLE9BQU8sTUFBTSxNQUFNLENBQUE7QUFDMUIsT0FBTyxPQUFPLE1BQU0sTUFBTSxDQUFBO0FBRTFCLE9BQU8sRUFBRSxLQUFLLEVBQUUsU0FBUyxFQUFFLFNBQVMsRUFBRSxPQUFPLEVBQUUsT0FBTyxFQUFFLE9BQU8sRUFBRSxDQUFBIn0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9jb21wb25lbnRzL3RhYmxlL2luZGV4LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sS0FBSyxNQUFNLFNBQVMsQ0FBQTtBQUMzQixPQUFPLFNBQVMsTUFBTSxRQUFRLENBQUE7QUFDOUIsT0FBTyxTQUFTLE1BQU0sUUFBUSxDQUFBO0FBQzlCLE9BQU8sT0FBTyxNQUFNLE1BQU0sQ0FBQTtBQUMxQixPQUFPLE9BQU8sTUFBTSxNQUFNLENBQUE7QUFDMUIsT0FBTyxPQUFPLE1BQU0sTUFBTSxDQUFBO0FBRTFCLGNBQWMsY0FBYyxDQUFBO0FBQzVCLE9BQU8sRUFBRSxLQUFLLEVBQUUsU0FBUyxFQUFFLFNBQVMsRUFBRSxPQUFPLEVBQUUsT0FBTyxFQUFFLE9BQU8sRUFBRSxDQUFBIn0=

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

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { TableTdProps } from "./TableTdProps";
+import { TableTdProps } from './TableTdProps';
 /**
  * Table TD Component
  * @param children {ReactNode} Table TD children
@@ -7,7 +7,6 @@ import { TableTdProps } from "./TableTdProps";
  * @param className {string} Additionnal CSS Classes
  * @param rowSpan {number} Specifies the number of rows a cell should span
  * @param colSpan {number} Defines the number of columns a cell should span
- * @param onClick {ClickEvent} On click event
  */
-declare const TableTd: ({ className, rowSpan, colSpan, ...others }: TableTdProps) => JSX.Element;
+declare const TableTd: ({ className, id, 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 * as React from "react";
-import clsx from "clsx";
-import { hashClass } from "../../../helpers/hashClassesHelpers";
-import { useTrilogyContext } from "../../../context/index";
+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
@@ -10,13 +10,12 @@ import { useTrilogyContext } from "../../../context/index";
  * @param className {string} Additionnal CSS Classes
  * @param rowSpan {number} Specifies the number of rows a cell should span
  * @param colSpan {number} Defines the number of columns a cell should span
- * @param onClick {ClickEvent} On click event
  */
 var TableTd = function (_a) {
-    var className = _a.className, rowSpan = _a.rowSpan, colSpan = _a.colSpan, others = __rest(_a, ["className", "rowSpan", "colSpan"]);
+    var className = _a.className, id = _a.id, rowSpan = _a.rowSpan, colSpan = _a.colSpan, others = __rest(_a, ["className", "id", "rowSpan", "colSpan"]);
     var styled = useTrilogyContext().styled;
     var classes = hashClass(styled, clsx(className));
-    return (React.createElement("td", __assign({ className: classes, rowSpan: rowSpan, colSpan: colSpan }, others)));
+    return React.createElement("td", __assign({ id: id, className: classes, rowSpan: rowSpan, colSpan: colSpan }, others));
 };
 export default TableTd;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVGFibGVUZC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL2NvbXBvbmVudHMvdGFibGUvdGQvVGFibGVUZC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUFBLE9BQU8sS0FBSyxLQUFLLE1BQU0sT0FBTyxDQUFBO0FBQzlCLE9BQU8sSUFBSSxNQUFNLE1BQU0sQ0FBQTtBQUV2QixPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sOEJBQThCLENBQUE7QUFDeEQsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0saUJBQWlCLENBQUE7QUFFbkQ7Ozs7Ozs7O0dBUUc7QUFDSCxJQUFNLE9BQU8sR0FBRyxVQUFDLEVBS0Y7SUFKYixJQUFBLFNBQVMsZUFBQSxFQUNULE9BQU8sYUFBQSxFQUNQLE9BQU8sYUFBQSxFQUNKLE1BQU0sY0FKTSxtQ0FLaEIsQ0FEVTtJQUVELElBQUEsTUFBTSxHQUFLLGlCQUFpQixFQUFFLE9BQXhCLENBQXdCO0lBRXRDLElBQU0sT0FBTyxHQUFHLFNBQVMsQ0FBQyxNQUFNLEVBQUUsSUFBSSxDQUFDLFNBQVMsQ0FBQyxDQUFDLENBQUE7SUFDbEQsT0FBTyxDQUNMLHFDQUFJLFNBQVMsRUFBRSxPQUFPLEVBQUUsT0FBTyxFQUFFLE9BQU8sRUFBRSxPQUFPLEVBQUUsT0FBTyxJQUFNLE1BQU0sRUFBSSxDQUMzRSxDQUFBO0FBQ0gsQ0FBQyxDQUFBO0FBRUQsZUFBZSxPQUFPLENBQUEifQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVGFibGVUZC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL2NvbXBvbmVudHMvdGFibGUvdGQvVGFibGVUZC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUFBLE9BQU8sS0FBSyxLQUFLLE1BQU0sT0FBTyxDQUFBO0FBQzlCLE9BQU8sSUFBSSxNQUFNLE1BQU0sQ0FBQTtBQUV2QixPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sOEJBQThCLENBQUE7QUFDeEQsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0saUJBQWlCLENBQUE7QUFFbkQ7Ozs7Ozs7R0FPRztBQUNILElBQU0sT0FBTyxHQUFHLFVBQUMsRUFBNEQ7SUFBMUQsSUFBQSxTQUFTLGVBQUEsRUFBRSxFQUFFLFFBQUEsRUFBRSxPQUFPLGFBQUEsRUFBRSxPQUFPLGFBQUEsRUFBSyxNQUFNLGNBQTVDLHlDQUE4QyxDQUFGO0lBQ25ELElBQUEsTUFBTSxHQUFLLGlCQUFpQixFQUFFLE9BQXhCLENBQXdCO0lBRXRDLElBQU0sT0FBTyxHQUFHLFNBQVMsQ0FBQyxNQUFNLEVBQUUsSUFBSSxDQUFDLFNBQVMsQ0FBQyxDQUFDLENBQUE7SUFDbEQsT0FBTyxxQ0FBSSxFQUFFLEVBQUUsRUFBRSxFQUFFLFNBQVMsRUFBRSxPQUFPLEVBQUUsT0FBTyxFQUFFLE9BQU8sRUFBRSxPQUFPLEVBQUUsT0FBTyxJQUFNLE1BQU0sRUFBSSxDQUFBO0FBQzNGLENBQUMsQ0FBQTtBQUVELGVBQWUsT0FBTyxDQUFBIn0=

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

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

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

@@ -27,18 +27,25 @@ export default {
       "number"
     ]
   },
-  "className": {
+  "onClick": {
+    "type": "function",
+    "values": [
+      "undefined",
+      "ClickEvent"
+    ]
+  },
+  "id": {
     "type": "string",
     "values": [
       "undefined",
       "string"
     ]
   },
-  "onClick": {
-    "type": "function",
+  "className": {
+    "type": "string",
     "values": [
       "undefined",
-      "ClickEvent"
+      "string"
     ]
   }
 };

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

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { TableThProps } from "./TableThProps";
+import { TableThProps } from './TableThProps';
 /**
  * Table TH Component
  * @param children {ReactNode} Children of Table TH
@@ -9,5 +9,5 @@ import { TableThProps } from "./TableThProps";
  * @param colSpan {number} Defines the number of columns a cell should span
  * @param onClick {ClickEvent} On click event
  */
-declare const TableTh: ({ className, colSpan, rowSpan, ...others }: TableThProps) => JSX.Element;
+declare const TableTh: ({ className, id, 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 * as React from "react";
-import clsx from "clsx";
-import { hashClass } from "../../../helpers/hashClassesHelpers";
-import { useTrilogyContext } from "../../../context/index";
+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
@@ -13,10 +13,10 @@ import { useTrilogyContext } from "../../../context/index";
  * @param onClick {ClickEvent} On click event
  */
 var TableTh = function (_a) {
-    var className = _a.className, colSpan = _a.colSpan, rowSpan = _a.rowSpan, others = __rest(_a, ["className", "colSpan", "rowSpan"]);
+    var className = _a.className, id = _a.id, colSpan = _a.colSpan, rowSpan = _a.rowSpan, others = __rest(_a, ["className", "id", "colSpan", "rowSpan"]);
     var styled = useTrilogyContext().styled;
     var classes = hashClass(styled, clsx(className));
-    return (React.createElement("th", __assign({ className: classes, colSpan: colSpan, rowSpan: rowSpan }, others)));
+    return React.createElement("th", __assign({ id: id, className: classes, colSpan: colSpan, rowSpan: rowSpan }, others));
 };
 export default TableTh;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVGFibGVUaC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL2NvbXBvbmVudHMvdGFibGUvdGgvVGFibGVUaC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUFBLE9BQU8sS0FBSyxLQUFLLE1BQU0sT0FBTyxDQUFBO0FBQzlCLE9BQU8sSUFBSSxNQUFNLE1BQU0sQ0FBQTtBQUV2QixPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sOEJBQThCLENBQUE7QUFDeEQsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0saUJBQWlCLENBQUE7QUFFbkQ7Ozs7Ozs7O0dBUUc7QUFDSCxJQUFNLE9BQU8sR0FBRyxVQUFDLEVBS0Y7SUFKYixJQUFBLFNBQVMsZUFBQSxFQUNULE9BQU8sYUFBQSxFQUNQLE9BQU8sYUFBQSxFQUNKLE1BQU0sY0FKTSxtQ0FLaEIsQ0FEVTtJQUVELElBQUEsTUFBTSxHQUFLLGlCQUFpQixFQUFFLE9BQXhCLENBQXdCO0lBRXRDLElBQU0sT0FBTyxHQUFHLFNBQVMsQ0FBQyxNQUFNLEVBQUUsSUFBSSxDQUFDLFNBQVMsQ0FBQyxDQUFDLENBQUE7SUFDbEQsT0FBTyxDQUNMLHFDQUFJLFNBQVMsRUFBRSxPQUFPLEVBQUUsT0FBTyxFQUFFLE9BQU8sRUFBRSxPQUFPLEVBQUUsT0FBTyxJQUFNLE1BQU0sRUFBSSxDQUMzRSxDQUFBO0FBQ0gsQ0FBQyxDQUFBO0FBRUQsZUFBZSxPQUFPLENBQUEifQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVGFibGVUaC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL2NvbXBvbmVudHMvdGFibGUvdGgvVGFibGVUaC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUFBLE9BQU8sS0FBSyxLQUFLLE1BQU0sT0FBTyxDQUFBO0FBQzlCLE9BQU8sSUFBSSxNQUFNLE1BQU0sQ0FBQTtBQUV2QixPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sOEJBQThCLENBQUE7QUFDeEQsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0saUJBQWlCLENBQUE7QUFFbkQ7Ozs7Ozs7O0dBUUc7QUFDSCxJQUFNLE9BQU8sR0FBRyxVQUFDLEVBQTREO0lBQTFELElBQUEsU0FBUyxlQUFBLEVBQUUsRUFBRSxRQUFBLEVBQUUsT0FBTyxhQUFBLEVBQUUsT0FBTyxhQUFBLEVBQUssTUFBTSxjQUE1Qyx5Q0FBOEMsQ0FBRjtJQUNuRCxJQUFBLE1BQU0sR0FBSyxpQkFBaUIsRUFBRSxPQUF4QixDQUF3QjtJQUV0QyxJQUFNLE9BQU8sR0FBRyxTQUFTLENBQUMsTUFBTSxFQUFFLElBQUksQ0FBQyxTQUFTLENBQUMsQ0FBQyxDQUFBO0lBQ2xELE9BQU8scUNBQUksRUFBRSxFQUFFLEVBQUUsRUFBRSxTQUFTLEVBQUUsT0FBTyxFQUFFLE9BQU8sRUFBRSxPQUFPLEVBQUUsT0FBTyxFQUFFLE9BQU8sSUFBTSxNQUFNLEVBQUksQ0FBQTtBQUMzRixDQUFDLENBQUE7QUFFRCxlQUFlLE9BQU8sQ0FBQSJ9