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

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": [
@@ -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/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

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

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

package/lib/components/table/th/TableThPropsDefaults.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/tr/TableTr.d.ts

@@ -12,5 +12,5 @@ import { TableTrProps } from "./TableTrProps";
  * @param color {TrilogyColor} Higlight color
  * @param ref {React.RefObject<HTMLTableRowElement>} Ref of the row
  */
-declare const TableTr: ({ className, expandable, expanded, expansion, color, ...others }: TableTrProps) => JSX.Element;
+declare const TableTr: ({ className, id, expandable, expanded, expansion, color, ...others }: TableTrProps) => JSX.Element;
 export default TableTr;

package/lib/components/table/tr/TableTr.js

@@ -18,10 +18,10 @@ import { getColorClassName } from "../../../objects/facets/Color";
  * @param ref {React.RefObject<HTMLTableRowElement>} Ref of the row
  */
 var TableTr = function (_a) {
-    var className = _a.className, expandable = _a.expandable, expanded = _a.expanded, expansion = _a.expansion, color = _a.color, others = __rest(_a, ["className", "expandable", "expanded", "expansion", "color"]);
+    var className = _a.className, id = _a.id, expandable = _a.expandable, expanded = _a.expanded, expansion = _a.expansion, color = _a.color, others = __rest(_a, ["className", "id", "expandable", "expanded", "expansion", "color"]);
     var styled = useTrilogyContext().styled;
     var classes = hashClass(styled, clsx(className, expandable && is("expandable"), expanded && is("expanded"), expansion && is("expansion"), color && getColorClassName(color)));
-    return React.createElement("tr", __assign({ className: classes }, others));
+    return React.createElement("tr", __assign({ id: id, className: classes }, others));
 };
 export default TableTr;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVGFibGVUci5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL2NvbXBvbmVudHMvdGFibGUvdHIvVGFibGVUci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUFBLE9BQU8sS0FBSyxLQUFLLE1BQU0sT0FBTyxDQUFBO0FBQzlCLE9BQU8sSUFBSSxNQUFNLE1BQU0sQ0FBQTtBQUV2QixPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sOEJBQThCLENBQUE7QUFDeEQsT0FBTyxFQUFFLEVBQUUsRUFBRSxNQUFNLHFCQUFxQixDQUFBO0FBQ3hDLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLGlCQUFpQixDQUFBO0FBQ25ELE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLHdCQUF3QixDQUFBO0FBRTFEOzs7Ozs7Ozs7OztHQVdHO0FBQ0gsSUFBTSxPQUFPLEdBQUcsVUFBQyxFQU9GO0lBTmIsSUFBQSxTQUFTLGVBQUEsRUFDVCxVQUFVLGdCQUFBLEVBQ1YsUUFBUSxjQUFBLEVBQ1IsU0FBUyxlQUFBLEVBQ1QsS0FBSyxXQUFBLEVBQ0YsTUFBTSxjQU5NLDZEQU9oQixDQURVO0lBRUQsSUFBQSxNQUFNLEdBQUssaUJBQWlCLEVBQUUsT0FBeEIsQ0FBd0I7SUFFdEMsSUFBTSxPQUFPLEdBQUcsU0FBUyxDQUN2QixNQUFNLEVBQ04sSUFBSSxDQUNGLFNBQVMsRUFDVCxVQUFVLElBQUksRUFBRSxDQUFDLFlBQVksQ0FBQyxFQUM5QixRQUFRLElBQUksRUFBRSxDQUFDLFVBQVUsQ0FBQyxFQUMxQixTQUFTLElBQUksRUFBRSxDQUFDLFdBQVcsQ0FBQyxFQUM1QixLQUFLLElBQUksaUJBQWlCLENBQUMsS0FBSyxDQUFDLENBQ2xDLENBQ0YsQ0FBQTtJQUVELE9BQU8scUNBQUksU0FBUyxFQUFFLE9BQU8sSUFBTSxNQUFNLEVBQUksQ0FBQTtBQUMvQyxDQUFDLENBQUE7QUFFRCxlQUFlLE9BQU8sQ0FBQSJ9
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVGFibGVUci5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL2NvbXBvbmVudHMvdGFibGUvdHIvVGFibGVUci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUFBLE9BQU8sS0FBSyxLQUFLLE1BQU0sT0FBTyxDQUFBO0FBQzlCLE9BQU8sSUFBSSxNQUFNLE1BQU0sQ0FBQTtBQUV2QixPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sOEJBQThCLENBQUE7QUFDeEQsT0FBTyxFQUFFLEVBQUUsRUFBRSxNQUFNLHFCQUFxQixDQUFBO0FBQ3hDLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLGlCQUFpQixDQUFBO0FBQ25ELE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLHdCQUF3QixDQUFBO0FBRTFEOzs7Ozs7Ozs7OztHQVdHO0FBQ0gsSUFBTSxPQUFPLEdBQUcsVUFBQyxFQVFGO0lBUGIsSUFBQSxTQUFTLGVBQUEsRUFDVCxFQUFFLFFBQUEsRUFDRixVQUFVLGdCQUFBLEVBQ1YsUUFBUSxjQUFBLEVBQ1IsU0FBUyxlQUFBLEVBQ1QsS0FBSyxXQUFBLEVBQ0YsTUFBTSxjQVBNLG1FQVFoQixDQURVO0lBRUQsSUFBQSxNQUFNLEdBQUssaUJBQWlCLEVBQUUsT0FBeEIsQ0FBd0I7SUFFdEMsSUFBTSxPQUFPLEdBQUcsU0FBUyxDQUN2QixNQUFNLEVBQ04sSUFBSSxDQUNGLFNBQVMsRUFDVCxVQUFVLElBQUksRUFBRSxDQUFDLFlBQVksQ0FBQyxFQUM5QixRQUFRLElBQUksRUFBRSxDQUFDLFVBQVUsQ0FBQyxFQUMxQixTQUFTLElBQUksRUFBRSxDQUFDLFdBQVcsQ0FBQyxFQUM1QixLQUFLLElBQUksaUJBQWlCLENBQUMsS0FBSyxDQUFDLENBQ2xDLENBQ0YsQ0FBQTtJQUVELE9BQU8scUNBQUksRUFBRSxFQUFFLEVBQUUsRUFBRSxTQUFTLEVBQUUsT0FBTyxJQUFNLE1BQU0sRUFBSSxDQUFBO0FBQ3ZELENBQUMsQ0FBQTtBQUVELGVBQWUsT0FBTyxDQUFBIn0=

package/lib/components/table/tr/TableTrProps.d.ts

@@ -1,6 +1,7 @@
 /// <reference types="react" />
 import { Clickable, Referenceable, ReferenceableNative, TrilogyColor, TrilogyColorValues } from '../../../objects';
 import { TouchableOpacity } from 'react-native';
+import { CommonProps } from '../../../objects/facets/CommonProps';
 interface TableTrPropsWeb extends Clickable {
     children: React.ReactNode;
     expandable?: boolean;
@@ -10,5 +11,5 @@ interface TableTrPropsWeb extends Clickable {
     color?: TrilogyColor | TrilogyColorValues;
 }
 export type TableTrPropsNative = TableTrPropsWeb & ReferenceableNative<TouchableOpacity>;
-export type TableTrProps = TableTrPropsWeb & Referenceable<HTMLTableRowElement>;
+export type TableTrProps = TableTrPropsWeb & Referenceable<HTMLTableRowElement> & CommonProps;
 export {};

package/lib/components/tabs/Tabs.js

@@ -23,11 +23,11 @@ import { has, is } from '../../services/classify';
  * @param testId {string} Test Id for Test Integration
  */
 var Tabs = React.forwardRef(function (props, ref) {
-    var children = props.children, className = props.className, onClick = props.onClick, activeIndex = props.activeIndex, disabled = props.disabled, fullwidth = props.fullwidth, align = props.align, centered = props.centered, marginless = props.marginless, inverted = props.inverted, shadowless = props.shadowless, textAlign = props.textAlign, testId = props.testId, others = __rest(props, ["children", "className", "onClick", "activeIndex", "disabled", "fullwidth", "align", "centered", "marginless", "inverted", "shadowless", "textAlign", "testId"]);
+    var children = props.children, className = props.className, id = props.id, onClick = props.onClick, activeIndex = props.activeIndex, fullwidth = props.fullwidth, align = props.align, inverted = props.inverted, others = __rest(props, ["children", "className", "id", "onClick", "activeIndex", "fullwidth", "align", "inverted"]);
     var _a = __read(useState(activeIndex || 0), 2), activateIndex = _a[0], setActivateIndex = _a[1];
     var styled = useTrilogyContext().styled;
     var _b = __read(React.useState(false), 2), isIcons = _b[0], setIsIcons = _b[1];
-    var classes = hashClass(styled, clsx('tabs', fullwidth && is('fullwidth'), centered && is('centered'), marginless && is('marginless'), isIcons && is('icons'), className));
+    var classes = hashClass(styled, clsx('tabs', fullwidth && is('fullwidth'), isIcons && is('icons'), className));
     var isActive = React.useCallback(function (index, childPropsActive) {
         if (typeof childPropsActive !== 'undefined' && !activateIndex) {
             return childPropsActive;
@@ -37,18 +37,15 @@ var Tabs = React.forwardRef(function (props, ref) {
         }
     }, [activateIndex]);
     var toggleActive = React.useCallback(function (e, index) {
-        if (disabled) {
-            return false;
-        }
         setActivateIndex(index);
         if (onClick) {
             onClick(e);
         }
-    }, [disabled]);
+    }, []);
     useEffect(function () {
         setActivateIndex(activateIndex);
     }, [activeIndex]);
-    return (React.createElement("div", { ref: ref, className: hashClass(styled, clsx('tab-context', inverted && is('inverted'), align && has("text-".concat(align)), shadowless && is('shadowless'), textAlign && textAlign)), "data-tabs-context": '', "data-testid": testId },
+    return (React.createElement("div", { id: id, ref: ref, className: hashClass(styled, clsx('tab-context', inverted && is('inverted'), align && has("text-".concat(align)))), "data-tabs-context": '' },
         React.createElement("div", __assign({ className: classes, role: 'tablist' }, others), React.Children.map(children, function (child, index) {
             if (React.isValidElement(child)) {
                 if (!isIcons && child.props.iconName)
@@ -72,4 +69,4 @@ var Tabs = React.forwardRef(function (props, ref) {
         }))));
 });
 export default Tabs;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVGFicy5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL2NvbXBvbmVudHMvdGFicy9UYWJzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxJQUFJLE1BQU0sTUFBTSxDQUFBO0FBQ3ZCLE9BQU8sS0FBSyxFQUFFLEVBQUUsU0FBUyxFQUFFLFFBQVEsRUFBRSxNQUFNLE9BQU8sQ0FBQTtBQUNsRCxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQTtBQUNuRCxPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sOEJBQThCLENBQUE7QUFDeEQsT0FBTyxFQUFFLEdBQUcsRUFBRSxFQUFFLEVBQUUsTUFBTSxxQkFBcUIsQ0FBQTtBQUc3Qzs7Ozs7Ozs7Ozs7Ozs7Ozs7R0FpQkc7QUFDSCxJQUFNLElBQUksR0FBRyxLQUFLLENBQUMsVUFBVSxDQUFDLFVBQUMsS0FBZ0IsRUFBRSxHQUFvQztJQUVqRixJQUFBLFFBQVEsR0FjTixLQUFLLFNBZEMsRUFDUixTQUFTLEdBYVAsS0FBSyxVQWJFLEVBQ1QsT0FBTyxHQVlMLEtBQUssUUFaQSxFQUNQLFdBQVcsR0FXVCxLQUFLLFlBWEksRUFDWCxRQUFRLEdBVU4sS0FBSyxTQVZDLEVBQ1IsU0FBUyxHQVNQLEtBQUssVUFURSxFQUNULEtBQUssR0FRSCxLQUFLLE1BUkYsRUFDTCxRQUFRLEdBT04sS0FBSyxTQVBDLEVBQ1IsVUFBVSxHQU1SLEtBQUssV0FORyxFQUNWLFFBQVEsR0FLTixLQUFLLFNBTEMsRUFDUixVQUFVLEdBSVIsS0FBSyxXQUpHLEVBQ1YsU0FBUyxHQUdQLEtBQUssVUFIRSxFQUNULE1BQU0sR0FFSixLQUFLLE9BRkQsRUFDSCxNQUFNLFVBQ1AsS0FBSyxFQWZILGdLQWVMLENBRFUsQ0FDRjtJQUVILElBQUEsS0FBQSxPQUFvQyxRQUFRLENBQVMsV0FBVyxJQUFJLENBQUMsQ0FBQyxJQUFBLEVBQXJFLGFBQWEsUUFBQSxFQUFFLGdCQUFnQixRQUFz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
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVGFicy5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL2NvbXBvbmVudHMvdGFicy9UYWJzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxJQUFJLE1BQU0sTUFBTSxDQUFBO0FBQ3ZCLE9BQU8sS0FBSyxFQUFFLEVBQUUsU0FBUyxFQUFFLFFBQVEsRUFBRSxNQUFNLE9BQU8sQ0FBQTtBQUNsRCxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQTtBQUNuRCxPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sOEJBQThCLENBQUE7QUFDeEQsT0FBTyxFQUFFLEdBQUcsRUFBRSxFQUFFLEVBQUUsTUFBTSxxQkFBcUIsQ0FBQTtBQUc3Qzs7Ozs7Ozs7Ozs7Ozs7Ozs7R0FpQkc7QUFDSCxJQUFNLElBQUksR0FBRyxLQUFLLENBQUMsVUFBVSxDQUFDLFVBQUMsS0FBZ0IsRUFBRSxHQUFvQztJQUMzRSxJQUFBLFFBQVEsR0FBaUYsS0FBSyxTQUF0RixFQUFFLFNBQVMsR0FBc0UsS0FBSyxVQUEzRSxFQUFFLEVBQUUsR0FBa0UsS0FBSyxHQUF2RSxFQUFFLE9BQU8sR0FBeUQsS0FBSyxRQUE5RCxFQUFFLFdBQVcsR0FBNEMsS0FBSyxZQUFqRCxFQUFFLFNBQVMsR0FBaUMsS0FBSyxVQUF0QyxFQUFFLEtBQUssR0FBMEIsS0FBSyxNQUEvQixFQUFFLFFBQVEsR0FBZ0IsS0FBSyxTQUFyQixFQUFLLE1BQU0sVUFBSyxLQUFLLEVBQWhHLDJGQUF3RixDQUFGLENBQVU7SUFFaEcsSUFBQSxLQUFBLE9BQW9DLFFBQVEsQ0FBUyxXQUFXLElBQUksQ0FBQyxDQUFDLElBQUEsRUFBckUsYUFBYSxRQUFBLEVBQUUsZ0JBQWdCLFFBQXNDLENBQUE7SUFDcEUsSUFBQSxNQUFNLEdBQUssaUJBQWlCLEVBQUUsT0FBeEIsQ0FBd0I7SUFDaEMsSUFBQSxLQUFBLE9BQXdCLEtBQUssQ0FBQyxRQUFRLENBQUMsS0FBSyxDQUFDLElB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

package/lib/components/tabs/Tabs.native.d.ts

@@ -12,7 +12,7 @@ import { ComponentName } from '../../components/enumsComponentsName';
  * @param centered {boolean} Centered tabs
  */
 declare const Tabs: {
-    ({ children, onClick, activeIndex, disabled, centered, inverted, ...others }: TabsProps): JSX.Element;
+    ({ children, onClick, activeIndex, inverted, ...others }: TabsProps): JSX.Element;
     displayName: ComponentName;
 };
 export default Tabs;

package/lib/components/tabs/Tabs.native.js

@@ -1,6 +1,6 @@
 import { __assign, __read, __rest } from "tslib";
 import React, { useState } from 'react';
-import { StyleSheet, ScrollView } from 'react-native';
+import { ScrollView, StyleSheet } from 'react-native';
 import { Text, TextLevels } from '../../components/text';
 import TabsItem from './item';
 import { getColorStyle, TrilogyColor } from '../../objects';
@@ -16,7 +16,7 @@ import { ComponentName } from '../../components/enumsComponentsName';
  * @param centered {boolean} Centered tabs
  */
 var Tabs = function (_a) {
-    var children = _a.children, onClick = _a.onClick, activeIndex = _a.activeIndex, disabled = _a.disabled, centered = _a.centered, inverted = _a.inverted, others = __rest(_a, ["children", "onClick", "activeIndex", "disabled", "centered", "inverted"]);
+    var children = _a.children, onClick = _a.onClick, activeIndex = _a.activeIndex, inverted = _a.inverted, others = __rest(_a, ["children", "onClick", "activeIndex", "inverted"]);
     var _b = __read(useState(activeIndex), 2), activateIndex = _b[0], setActivateIndex = _b[1];
     var _c = __read(React.useState(false), 2), isIcons = _c[0], setIsIcons = _c[1];
     var isActive = function (index, childPropsActive) {
@@ -28,9 +28,6 @@ var Tabs = function (_a) {
         }
     };
     var toggleActive = function (e, index) {
-        if (disabled) {
-            return false;
-        }
         setActivateIndex(index);
         if (onClick) {
             onClick(e);
@@ -40,10 +37,10 @@ var Tabs = function (_a) {
         tabs: {
             height: isIcons ? 64 : 48,
             flexDirection: 'row',
-            backgroundColor: inverted ? getColorStyle(TrilogyColor.MAIN) : getColorStyle(TrilogyColor.BACKGROUND)
+            backgroundColor: inverted ? getColorStyle(TrilogyColor.MAIN) : getColorStyle(TrilogyColor.BACKGROUND),
         },
     });
-    return (React.createElement(ScrollView, __assign({ horizontal: true, showsHorizontalScrollIndicator: false, style: styles.tabs }, others, { contentContainerStyle: centered && { justifyContent: "center", flexGrow: 1 } }), children &&
+    return (React.createElement(ScrollView, __assign({ horizontal: true, showsHorizontalScrollIndicator: false, style: styles.tabs }, others), children &&
         Array.isArray(children) &&
         // eslint-disable-next-line @typescript-eslint/no-explicit-any
         children.map(function (child, index) {
@@ -70,4 +67,4 @@ var Tabs = function (_a) {
 };
 Tabs.displayName = ComponentName.Tabs;
 export default Tabs;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVGFicy5uYXRpdmUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9jb21wb25lbnRzL3RhYnMvVGFicy5uYXRpdmUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLEtBQUssRUFBRSxFQUFFLFFBQVEsRUFBRSxNQUFNLE9BQU8sQ0FBQTtBQUN2QyxPQUFPLEVBQUUsVUFBVSxFQUFFLFVBQVUsRUFBRSxNQUFNLGNBQWMsQ0FBQTtBQUVyRCxPQUFPLEVBQUUsSUFBSSxFQUFFLFVBQVUsRUFBRSxNQUFNLG1CQUFtQixDQUFBO0FBQ3BELE9BQU8sUUFBUSxNQUFNLFFBQVEsQ0FBQTtBQUM3QixPQUFPLEVBQUUsYUFBYSxFQUFFLFlBQVksRUFBRSxNQUFNLFdBQVcsQ0FBQTtBQUN2RCxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sa0NBQWtDLENBQUE7QUFFaEU7Ozs7Ozs7OztHQVNHO0FBQ0gsSUFBTSxJQUFJLEdBQUcsVUFBQyxFQUFzRjtJQUFwRixJQUFBLFFBQVEsY0FBQSxFQUFFLE9BQU8sYUFBQSxFQUFFLFdBQVcsaUJBQUEsRUFBRSxRQUFRLGNBQUEsRUFBRSxRQUFRLGNBQUEsRUFBRSxRQUFRLGNBQUEsRUFBSyxNQUFNLGNBQXpFLDBFQUEyRSxDQUFGO0lBQy9FLElBQUEsS0FBQSxPQUFvQyxRQUFRLENBQUMsV0FBVyxDQUFDLElBQUEsRUFBeEQsYUFBYSxRQUFBLEVBQUUsZ0JBQWdCLFFBQXlCLENBQUE7SUFDekQsSUFBQSxLQUFBLE9BQXdCLEtBQUssQ0FBQyxRQUFRLENBQUMsS0FBSyxDQUFDLElBQUEsRUFBNUMsT0FBTyxRQUFBLEVBQUUsVUFBVSxRQUF5QixDQUFBO0lBRW5ELElBQU0sUUFBUSxHQUFHLFVBQUMsS0FBYSxFQUFFLGdCQUFpQztRQUNoRSxJQUFJLE9BQU8sZ0JBQWdCLEtBQUssV0FBVyxJQUFJLENBQUMsYUFBYSxFQUFFO1lBQzdELE9BQU8sZ0JBQWdCLENBQUE7U0FDeEI7UUFDRCxJQUFJ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
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVGFicy5uYXRpdmUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9jb21wb25lbnRzL3RhYnMvVGFicy5uYXRpdmUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLEtBQUssRUFBRSxFQUFFLFFBQVEsRUFBRSxNQUFNLE9BQU8sQ0FBQTtBQUN2QyxPQUFPLEVBQUUsVUFBVSxFQUFFLFVBQVUsRUFBRSxNQUFNLGNBQWMsQ0FBQTtBQUVyRCxPQUFPLEVBQUUsSUFBSSxFQUFFLFVBQVUsRUFBRSxNQUFNLG1CQUFtQixDQUFBO0FBQ3BELE9BQU8sUUFBUSxNQUFNLFFBQVEsQ0FBQTtBQUM3QixPQUFPLEVBQUUsYUFBYSxFQUFFLFlBQVksRUFBRSxNQUFNLFdBQVcsQ0FBQTtBQUN2RCxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sa0NBQWtDLENBQUE7QUFFaEU7Ozs7Ozs7OztHQVNHO0FBQ0gsSUFBTSxJQUFJLEdBQUcsVUFBQyxFQUFrRTtJQUFoRSxJQUFBLFFBQVEsY0FBQSxFQUFFLE9BQU8sYUFBQSxFQUFFLFdBQVcsaUJBQUEsRUFBRSxRQUFRLGNBQUEsRUFBSyxNQUFNLGNBQXJELGtEQUF1RCxDQUFGO0lBQzNELElBQUEsS0FBQSxPQUFvQyxRQUFRLENBQUMsV0FBVyxDQUFDLElBQUEsRUFBeEQsYUFBYSxRQUFBLEVBQUUsZ0JBQWdCLFFBQXlCLENBQUE7SUFDekQsSUFBQSxLQUFBLE9BQXdCLEtBQUssQ0FBQyxRQUFRLENBQUMsS0FBSyxDQUFDLElBQUEsRUFBNUMsT0FBTyxRQUFBLEVBQUUsVUFBVSxRQUF5QixDQUFBO0lBRW5ELElBQU0sUUFBUSxHQUFHLFVBQUMsS0FBYSxFQUFFLGdCQUFpQztRQUNoRSxJQUFJLE9BQU8sZ0JBQWdCLEtBQUssV0FBVyxJQUFJLENBQUMsYUFBYSxFQUFFO1lBQzdELE9BQU8sZ0JBQWdCLENBQUE7U0FDeEI7UUFDRCxJQUFJLEtBQUssS0FBSyxhQUFhLEVBQUU7WUFDM0IsT0FB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

package/lib/components/tabs/TabsProps.d.ts

@@ -1,19 +1,12 @@
 /// <reference types="react" />
-import { Accessibility, Clickable, Dev, TypographyAlign, TypographyAlignValues } from '../../objects';
-import { Centerable } from '../../objects/facets/Centerable';
-import { JustifiableProps } from '../../objects/facets/Justifiable';
+import { Accessibility, AlignableProps, Clickable, Dev } from '../../objects';
+import { CommonProps } from '../../objects/facets/CommonProps';
 /**
  * Tabs Interface
  */
-export interface TabsProps extends Centerable, JustifiableProps, Clickable, Accessibility, Dev {
+export interface TabsProps extends AlignableProps, Clickable, Accessibility, Dev, CommonProps {
     children: React.ReactNode | string;
-    disabled?: boolean;
     activeIndex?: number;
     fullwidth?: boolean;
-    className?: string;
-    marginless?: boolean;
     inverted?: boolean;
-    align?: 'left' | 'right' | 'center';
-    shadowless?: boolean;
-    textAlign?: TypographyAlign | TypographyAlignValues;
 }

package/lib/components/tabs/TabsPropsDefaults.js

@@ -13,14 +13,6 @@ export default {
       "ReactPortal"
     ]
   },
-  "disabled": {
-    "type": "boolean",
-    "values": [
-      "undefined",
-      "false",
-      "true"
-    ]
-  },
   "activeIndex": {
     "type": "string",
     "values": [
@@ -36,21 +28,6 @@ export default {
       "true"
     ]
   },
-  "className": {
-    "type": "string",
-    "values": [
-      "undefined",
-      "string"
-    ]
-  },
-  "marginless": {
-    "type": "boolean",
-    "values": [
-      "undefined",
-      "false",
-      "true"
-    ]
-  },
   "inverted": {
     "type": "boolean",
     "values": [
@@ -60,73 +37,58 @@ export default {
     ]
   },
   "align": {
-    "type": "string",
-    "values": [
-      "undefined",
-      "center",
-      "left",
-      "right"
-    ]
-  },
-  "shadowless": {
-    "type": "boolean",
+    "type": "enum",
     "values": [
       "undefined",
-      "false",
-      "true"
+      "ALIGNED_CENTER",
+      "ALIGNED_START",
+      "ALIGNED_END",
+      "ALIGNED_CENTER",
+      "ALIGNED_START",
+      "ALIGNED_END"
     ]
   },
-  "textAlign": {
+  "verticalAlign": {
     "type": "enum",
     "values": [
       "undefined",
-      "has-text-centered",
-      "has-text-justified",
-      "has-text-left",
-      "has-text-right",
-      "has-text-centered",
-      "has-text-justified",
-      "has-text-left",
-      "has-text-right"
+      "ALIGNED_CENTER",
+      "ALIGNED_START",
+      "ALIGNED_END",
+      "ALIGNED_CENTER",
+      "ALIGNED_START",
+      "ALIGNED_END"
     ]
   },
-  "centered": {
-    "type": "boolean",
+  "onClick": {
+    "type": "function",
     "values": [
       "undefined",
-      "false",
-      "true"
+      "ClickEvent"
     ]
   },
-  "justify": {
-    "type": "enum",
+  "accessibilityLabel": {
+    "type": "string",
     "values": [
       "undefined",
-      "justified-center",
-      "justified-start",
-      "justified-end",
-      "space-between",
-      "JUSTIFIED_CENTER",
-      "JUSTIFIED_START",
-      "JUSTIFIED_END",
-      "SPACE_BETWEEN"
+      "string"
     ]
   },
-  "onClick": {
-    "type": "function",
+  "testId": {
+    "type": "string",
     "values": [
       "undefined",
-      "ClickEvent"
+      "string"
     ]
   },
-  "accessibilityLabel": {
+  "id": {
     "type": "string",
     "values": [
       "undefined",
       "string"
     ]
   },
-  "testId": {
+  "className": {
     "type": "string",
     "values": [
       "undefined",

package/lib/components/tabs/item/TabsItem.d.ts

@@ -1,5 +1,5 @@
-import React from "react";
-import { TabsItemProps } from "./TabsItemProps";
+import React from 'react';
+import { TabsItemProps } from './TabsItemProps';
 /**
  * Tabs Item Component
  * @param active {boolean} active tab item