@trilogy-ds/react 4.0.7-SC-beta-1 → 4.0.7-beta-1

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

@@ -1,9 +1,10 @@
 import { __assign, __rest } from "tslib";
-import { hashClass } from '../../../helpers/hashClassesHelpers';
-import { getColorClassName } from '../../../objects/facets/Color';
-import { is } from '../../../services/classify';
-import clsx from 'clsx';
-import * as React from 'react';
+import * as React from "react";
+import clsx from "clsx";
+import { hashClass } from "../../../helpers/hashClassesHelpers";
+import { is } from "../../../services/classify";
+import { useTrilogyContext } from "../../../context/index";
+import { getColorClassName } from "../../../objects/facets/Color";
 /**
  * Table TR Component
  * @param children {ReactNode}
@@ -18,8 +19,9 @@ import * as React from 'react';
  */
 var TableTr = function (_a) {
     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 classes = hashClass(clsx(className, expandable && is('expandable'), expanded && is('expanded'), expansion && is('expansion'), color && getColorClassName(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({ id: id, className: classes }, others));
 };
 export default TableTr;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVGFibGVUci5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL2NvbXBvbmVudHMvdGFibGUvdHIvVGFibGVUci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSw4QkFBOEIsQ0FBQTtBQUN4RCxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSx3QkFBd0IsQ0FBQTtBQUMxRCxPQUFPLEVBQUUsRUFBRSxFQUFFLE1BQU0scUJBQXFCLENBQUE7QUFDeEMsT0FBTyxJQUFJLE1BQU0sTUFBTSxDQUFBO0FBQ3ZCLE9BQU8sS0FBSyxLQUFLLE1BQU0sT0FBTyxDQUFBO0FBRzlCOzs7Ozs7Ozs7OztHQVdHO0FBQ0gsSUFBTSxPQUFPLEdBQUcsVUFBQyxFQUFrRjtJQUFoRixJQUFBLFNBQVMsZUFBQSxFQUFFLEVBQUUsUUFBQSxFQUFFLFVBQVUsZ0JBQUEsRUFBRSxRQUFRLGNBQUEsRUFBRSxTQUFTLGVBQUEsRUFBRSxLQUFLLFdBQUEsRUFBSyxNQUFNLGNBQWxFLG1FQUFvRSxDQUFGO0lBQ2pGLElBQU0sT0FBTyxHQUFHLFNBQVMsQ0FDdkIsSUFBSSxDQUNGLFNBQVMsRUFDVCxVQUFVLElBQUksRUFBRSxDQUFDLFlBQVksQ0FBQyxFQUM5QixRQUFRLElBQUksRUFBRSxDQUFDLFVBQVUsQ0FBQyxFQUMxQixTQUFTLElBQUksRUFBRSxDQUFDLFdBQVcsQ0FBQyxFQUM1QixLQUFLLElBQUksaUJBQWlCLENBQUMsS0FBSyxDQUFDLENBQ2xDLENBQ0YsQ0FBQTtJQUVELE9BQU8scUNBQUksRUFBRSxFQUFFLEVBQUUsRUFBRSxTQUFTLEVBQUUsT0FBTyxJQUFNLE1BQU0sRUFBSSxDQUFBO0FBQ3ZELENBQUMsQ0FBQTtBQUVELGVBQWUsT0FBTyxDQUFBIn0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVGFibGVUci5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL2NvbXBvbmVudHMvdGFibGUvdHIvVGFibGVUci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUFBLE9BQU8sS0FBSyxLQUFLLE1BQU0sT0FBTyxDQUFBO0FBQzlCLE9BQU8sSUFBSSxNQUFNLE1BQU0sQ0FBQTtBQUV2QixPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sOEJBQThCLENBQUE7QUFDeEQsT0FBTyxFQUFFLEVBQUUsRUFBRSxNQUFNLHFCQUFxQixDQUFBO0FBQ3hDLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLGlCQUFpQixDQUFBO0FBQ25ELE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLHdCQUF3QixDQUFBO0FBRTFEOzs7Ozs7Ozs7OztHQVdHO0FBQ0gsSUFBTSxPQUFPLEdBQUcsVUFBQyxFQVFGO0lBUGIsSUFBQSxTQUFTLGVBQUEsRUFDVCxFQUFFLFFBQUEsRUFDRixVQUFVLGdCQUFBLEVBQ1YsUUFBUSxjQUFBLEVBQ1IsU0FBUyxlQUFBLEVBQ1QsS0FBSyxXQUFBLEVBQ0YsTUFBTSxjQVBNLG1FQVFoQixDQURVO0lBRUQsSUFBQSxNQUFNLEdBQUssaUJBQWlCLEVBQUUsT0FBeEIsQ0FBd0I7SUFFdEMsSUFBTSxPQUFPLEdBQUcsU0FBUyxDQUN2QixNQUFNLEVBQ04sSUFBSSxDQUNGLFNBQVMsRUFDVCxVQUFVLElBQUksRUFBRSxDQUFDLFlBQVksQ0FBQyxFQUM5QixRQUFRLElBQUksRUFBRSxDQUFDLFVBQVUsQ0FBQyxFQUMxQixTQUFTLElBQUksRUFBRSxDQUFDLFdBQVcsQ0FBQyxFQUM1QixLQUFLLElBQUksaUJBQWlCLENBQUMsS0FBSyxDQUFDLENBQ2xDLENBQ0YsQ0FBQTtJQUVELE9BQU8scUNBQUksRUFBRSxFQUFFLEVBQUUsRUFBRSxTQUFTLEVBQUUsT0FBTyxJQUFNLE1BQU0sRUFBSSxDQUFBO0FBQ3ZELENBQUMsQ0FBQTtBQUVELGVBQWUsT0FBTyxDQUFBIn0=

package/lib/components/tabs/Tabs.js

@@ -1,8 +1,10 @@
-import { useTabs } from '../../components/tabs/hooks/useTabs';
+import { __read } from "tslib";
+import { TabsContext } from '../../components/tabs/context';
+import { useTrilogyContext } from '../../context/index';
 import { hashClass } from '../../helpers/hashClassesHelpers';
 import { is } from '../../services/classify';
 import clsx from 'clsx';
-import React from 'react';
+import React, { useEffect, useState } from 'react';
 /**
  * Tabs Component
  * @param children {ReactNode} Children for tabs
@@ -15,10 +17,20 @@ import React from 'react';
  */
 var Tabs = function (_a) {
     var children = _a.children, className = _a.className, id = _a.id, activeIndex = _a.activeIndex, fullwidth = _a.fullwidth, inverted = _a.inverted;
-    var _b = useTabs({ activeIndex: activeIndex, inverted: inverted }), ContextProvider = _b.ContextProvider, isInverted = _b.isInverted;
-    var classes = hashClass(clsx('tabs', fullwidth && is('fullwidth'), isInverted && is('inverted'), className));
-    return (React.createElement(ContextProvider, null,
+    var _b = __read(useState(activeIndex || 0), 2), currentIndex = _b[0], setCurrentIndex = _b[1];
+    var _c = __read(React.useState(inverted || false), 2), isInverted = _c[0], setIsInverted = _c[1];
+    var styled = useTrilogyContext().styled;
+    var classes = hashClass(styled, clsx('tabs', fullwidth && is('fullwidth'), inverted && is('inverted'), className));
+    useEffect(function () {
+        activeIndex !== undefined && setCurrentIndex(activeIndex);
+    }, [activeIndex]);
+    return (React.createElement(TabsContext.Provider, { value: {
+            activeIndex: currentIndex,
+            inverted: isInverted,
+            setInverted: setIsInverted,
+            setActiveIndex: setCurrentIndex,
+        } },
         React.createElement("div", { id: id, className: classes, "data-tabs-context": '' }, children)));
 };
 export default Tabs;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVGFicy5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL2NvbXBvbmVudHMvdGFicy9UYWJzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsT0FBTyxFQUFFLE1BQU0saUNBQWlDLENBQUE7QUFFekQsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLDhCQUE4QixDQUFBO0FBQ3hELE9BQU8sRUFBRSxFQUFFLEVBQUUsTUFBTSxxQkFBcUIsQ0FBQTtBQUN4QyxPQUFPLElBQUksTUFBTSxNQUFNLENBQUE7QUFDdkIsT0FBTyxLQUFLLE1BQU0sT0FBTyxDQUFBO0FBRXpCOzs7Ozs7Ozs7R0FTRztBQUNILElBQU0sSUFBSSxHQUFHLFVBQUMsRUFBd0U7UUFBdEUsUUFBUSxjQUFBLEVBQUUsU0FBUyxlQUFBLEVBQUUsRUFBRSxRQUFBLEVBQUUsV0FBVyxpQkFBQSxFQUFFLFNBQVMsZUFBQSxFQUFFLFFBQVEsY0FBQTtJQUNqRSxJQUFBLEtBQWtDLE9BQU8sQ0FBQyxFQUFFLFdBQVcsYUFBQSxFQUFFLFFBQVEsVUFBQSxFQUFFLENBQUMsRUFBbEUsZUFBZSxxQkFBQSxFQUFFLFVBQVUsZ0JBQXVDLENBQUE7SUFDMUUsSUFBTSxPQUFPLEdBQUcsU0FBUyxDQUFDLElBQUksQ0FBQyxNQUFNLEVBQUUsU0FBUyxJQUFJLEVBQUUsQ0FBQyxXQUFXLENBQUMsRUFBRSxVQUFVLElBQUksRUFBRSxDQUFDLFVBQVUsQ0FBQyxFQUFFLFNBQVMsQ0FBQyxDQUFDLENBQUE7SUFFOUcsT0FBTyxDQUNMLG9CQUFDLGVBQWU7UUFDZCw2QkFBSyxFQUFFLEVBQUUsRUFBRSxFQUFFLFNBQVMsRUFBRSxPQUFPLHVCQUFvQixFQUFFLElBQ2xELFFBQVEsQ0FDTCxDQUNVLENBQ25CLENBQUE7QUFDSCxDQUFDLENBQUE7QUFFRCxlQUFlLElBQUksQ0FBQSJ9
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVGFicy5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL2NvbXBvbmVudHMvdGFicy9UYWJzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQ0EsT0FBTyxFQUFFLFdBQVcsRUFBRSxNQUFNLDJCQUEyQixDQUFBO0FBQ3ZELE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLGlCQUFpQixDQUFBO0FBQ25ELE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSw4QkFBOEIsQ0FBQTtBQUN4RCxPQUFPLEVBQUUsRUFBRSxFQUFFLE1BQU0scUJBQXFCLENBQUE7QUFDeEMsT0FBTyxJQUFJLE1BQU0sTUFBTSxDQUFBO0FBQ3ZCLE9BQU8sS0FBSyxFQUFFLEVBQUUsU0FBUyxFQUFFLFFBQVEsRUFBRSxNQUFNLE9BQU8sQ0FBQTtBQUVsRDs7Ozs7Ozs7O0dBU0c7QUFDSCxJQUFNLElBQUksR0FBRyxVQUFDLEVBQXdFO1FBQXRFLFFBQVEsY0FBQSxFQUFFLFNBQVMsZUFBQSxFQUFFLEVBQUUsUUFBQSxFQUFFLFdBQVcsaUJBQUEsRUFBRSxTQUFTLGVBQUEsRUFBRSxRQUFRLGNBQUE7SUFDakUsSUFBQSxLQUFBLE9BQWtDLFFBQVEsQ0FBUyxXQUFXLElBQUksQ0FBQyxDQUFDLElBQUEsRUFBbkUsWUFBWSxRQUFBLEVBQUUsZUFBZSxRQUFzQyxDQUFBO0lBQ3BFLElBQUEsS0FBQSxPQUE4QixLQUFLLENBQUMsUUFBUSxDQUFVLFFBQVEsSUFBSSxLQUFLLENBQUMsSUFBQSxFQUF2RSxVQUFVLFFBQUEsRUFBRSxhQUFhLFFBQThDLENBQUE7SUFFdEUsSUFBQSxNQUFNLEdBQUssaUJBQWlCLEVBQUUsT0FBeEIsQ0FBd0I7SUFDdEMsSUFBTSxPQUFPLEdBQUcsU0FBUyxDQUFDLE1BQU0sRUFBRSxJQUFJLENBQUMsTUFBTSxFQUFFLFNBQVMsSUFBSSxFQUFFLENBQUMsV0FBVyxDQUFDLEVBQUUsUUFBUSxJQUFJLEVBQUUsQ0FBQyxVQUFVLENBQUMsRUFBRSxTQUFTLENBQUMsQ0FBQyxDQUFBO0lBRXBILFNBQVMsQ0FBQztRQUNSLFdBQVcsS0FBSyxTQUFTLElBQUksZUFBZSxDQUFDLFdBQVcsQ0FBQyxDQUFBO0lBQzNELENBQUMsRUFBRSxDQUFDLFdBQVcsQ0FBQyxDQUFDLENBQUE7SUFFakIsT0FBTyxDQUNMLG9CQUFDLFdBQVcsQ0FBQyxRQUFRLElBQ25CLEtBQUssRUFBRTtZQUNMLFdBQVcsRUFBRSxZQUFZO1lBQ3pCLFFBQVEsRUFBRSxVQUFVO1lBQ3BCLFdBQVcsRUFBRSxhQUFhO1lBQzFCLGNBQWMsRUFBRSxlQUFlO1NBQ2hDO1FBRUQsNkJBQUssRUFBRSxFQUFFLEVBQUUsRUFBRSxTQUFTLEVBQUUsT0FBTyx1QkFBb0IsRUFBRSxJQUNsRCxRQUFRLENBQ0wsQ0FDZSxDQUN4QixDQUFBO0FBQ0gsQ0FBQyxDQUFBO0FBRUQsZUFBZSxJQUFJLENBQUEifQ==

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

@@ -1,9 +1,6 @@
 /// <reference types="react" />
-import { Accessibility } from '../../objects/facets/Accessibility';
-import { AlignableProps } from '../../objects/facets/Alignable';
-import { Clickable } from '../../objects/facets/Clickable';
+import { Accessibility, AlignableProps, Clickable, Dev } from '../../objects';
 import { CommonProps } from '../../objects/facets/CommonProps';
-import { Dev } from '../../objects/facets/Dev';
 /**
  * Tabs Interface
  */

package/lib/components/tabs/context/index.js

@@ -1,4 +1,3 @@
-'use client';
 import React from 'react';
 export var TabsContext = React.createContext({
     activeIndex: 0,
@@ -6,4 +5,4 @@ export var TabsContext = React.createContext({
     setActiveIndex: function () { return 0; },
     setInverted: function () { return false; },
 });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9jb21wb25lbnRzL3RhYnMvY29udGV4dC9pbmRleC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsWUFBWSxDQUFBO0FBRVosT0FBTyxLQUFLLE1BQU0sT0FBTyxDQUFBO0FBU3pCLE1BQU0sQ0FBQyxJQUFNLFdBQVcsR0FBRyxLQUFLLENBQUMsYUFBYSxDQUFXO0lBQ3ZELFdBQVcsRUFBRSxDQUFDO0lBQ2QsUUFBUSxFQUFFLEtBQUs7SUFDZixjQUFjLEVBQUUsY0FBTSxPQUFBLENBQUMsRUFBRCxDQUFDO0lBQ3ZCLFdBQVcsRUFBRSxjQUFNLE9BQUEsS0FBSyxFQUFMLENBQUs7Q0FDekIsQ0FBQyxDQUFBIn0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9jb21wb25lbnRzL3RhYnMvY29udGV4dC9pbmRleC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxLQUFLLE1BQU0sT0FBTyxDQUFBO0FBU3pCLE1BQU0sQ0FBQyxJQUFNLFdBQVcsR0FBRyxLQUFLLENBQUMsYUFBYSxDQUFXO0lBQ3ZELFdBQVcsRUFBRSxDQUFDO0lBQ2QsUUFBUSxFQUFFLEtBQUs7SUFDZixjQUFjLEVBQUUsY0FBTSxPQUFBLENBQUMsRUFBRCxDQUFDO0lBQ3ZCLFdBQVcsRUFBRSxjQUFNLE9BQUEsS0FBSyxFQUFMLENBQUs7Q0FDekIsQ0FBQyxDQUFBIn0=

package/lib/components/tabs/tab-list/TabList.js

@@ -1,5 +1,6 @@
 import { __assign, __rest } from "tslib";
 import Tab from '../../../components/tabs/tab-list/tab/Tab';
+import { useTrilogyContext } from '../../../context';
 import { hashClass } from '../../../helpers/hashClassesHelpers';
 import { getAlignClassName } from '../../../objects/facets/Alignable';
 import { is } from '../../../services';
@@ -16,7 +17,8 @@ import React from 'react';
  */
 var TabList = function (_a) {
     var children = _a.children, className = _a.className, id = _a.id, testId = _a.testId, align = _a.align, others = __rest(_a, ["children", "className", "id", "testId", "align"]);
-    var classes = hashClass(clsx('tab-list', align && is(getAlignClassName(align)), className));
+    var styled = useTrilogyContext().styled;
+    var classes = hashClass(styled, clsx('tab-list', align && is(getAlignClassName(align)), className));
     return (React.createElement("div", __assign({ id: id, "data-testid": testId, className: classes }, others), React.Children.map(children, function (child, index) {
         if (!React.isValidElement(child))
             return false;
@@ -24,4 +26,4 @@ var TabList = function (_a) {
     })));
 };
 export default TabList;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVGFiTGlzdC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL2NvbXBvbmVudHMvdGFicy90YWItbGlzdC9UYWJMaXN0LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxHQUFHLE1BQU0sb0NBQW9DLENBQUE7QUFFcEQsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLDhCQUE4QixDQUFBO0FBQ3hELE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLDRCQUE0QixDQUFBO0FBQzlELE9BQU8sRUFBRSxFQUFFLEVBQUUsTUFBTSxZQUFZLENBQUE7QUFDL0IsT0FBTyxJQUFJLE1BQU0sTUFBTSxDQUFBO0FBQ3ZCLE9BQU8sS0FBSyxNQUFNLE9BQU8sQ0FBQTtBQUV6Qjs7Ozs7Ozs7R0FRRztBQUNILElBQU0sT0FBTyxHQUFHLFVBQUMsRUFBbUU7SUFBakUsSUFBQSxRQUFRLGNBQUEsRUFBRSxTQUFTLGVBQUEsRUFBRSxFQUFFLFFBQUEsRUFBRSxNQUFNLFlBQUEsRUFBRSxLQUFLLFdBQUEsRUFBSyxNQUFNLGNBQW5ELGtEQUFxRCxDQUFGO0lBQ2xFLElBQU0sT0FBTyxHQUFHLFNBQVMsQ0FBQyxJQUFJLENBQUMsVUFBVSxFQUFFLEtBQUssSUFBSSxFQUFFLENBQUMsaUJBQWlCLENBQUMsS0FBSyxDQUFDLENBQUMsRUFBRSxTQUFTLENBQUMsQ0FBQyxDQUFBO0lBRTdGLE9BQU8sQ0FDTCxzQ0FBSyxFQUFFLEVBQUUsRUFBRSxpQkFBZSxNQUFNLEVBQUUsU0FBUyxFQUFFLE9BQU8sSUFBTSxNQUFNLEdBQzdELEtBQUssQ0FBQyxRQUFRLENBQUMsR0FBRyxDQUFDLFFBQVEsRUFBRSxVQUFDLEtBQUssRUFBRSxLQUFLO1FBQ3pDLElBQUksQ0FBQyxLQUFLLENBQUMsY0FBYyxDQUFDLEtBQUssQ0FBQztZQUFFLE9BQU8sS0FBSyxDQUFBO1FBQzlDLE9BQU8sb0JBQUMsR0FBRyxlQUFLLEtBQUssQ0FBQyxLQUFLLElBQUUsS0FBSyxFQUFFLEtBQUssSUFBSSxDQUFBO0lBQy9DLENBQUMsQ0FBQyxDQUNFLENBQ1AsQ0FBQTtBQUNILENBQUMsQ0FBQTtBQUVELGVBQWUsT0FBTyxDQUFBIn0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVGFiTGlzdC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL2NvbXBvbmVudHMvdGFicy90YWItbGlzdC9UYWJMaXN0LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxHQUFHLE1BQU0sb0NBQW9DLENBQUE7QUFFcEQsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sV0FBVyxDQUFBO0FBQzdDLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSw4QkFBOEIsQ0FBQTtBQUN4RCxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSw0QkFBNEIsQ0FBQTtBQUM5RCxPQUFPLEVBQUUsRUFBRSxFQUFFLE1BQU0sWUFBWSxDQUFBO0FBQy9CLE9BQU8sSUFBSSxNQUFNLE1BQU0sQ0FBQTtBQUN2QixPQUFPLEtBQUssTUFBTSxPQUFPLENBQUE7QUFFekI7Ozs7Ozs7O0dBUUc7QUFDSCxJQUFNLE9BQU8sR0FBRyxVQUFDLEVBQW1FO0lBQWpFLElBQUEsUUFBUSxjQUFBLEVBQUUsU0FBUyxlQUFBLEVBQUUsRUFBRSxRQUFBLEVBQUUsTUFBTSxZQUFBLEVBQUUsS0FBSyxXQUFBLEVBQUssTUFBTSxjQUFuRCxrREFBcUQsQ0FBRjtJQUMxRCxJQUFBLE1BQU0sR0FBSyxpQkFBaUIsRUFBRSxPQUF4QixDQUF3QjtJQUN0QyxJQUFNLE9BQU8sR0FBRyxTQUFTLENBQUMsTUFBTSxFQUFFLElBQUksQ0FBQyxVQUFVLEVBQUUsS0FBSyxJQUFJLEVBQUUsQ0FBQyxpQkFBaUIsQ0FBQyxLQUFLLENBQUMsQ0FBQyxFQUFFLFNBQVMsQ0FBQyxDQUFDLENBQUE7SUFFckcsT0FBTyxDQUNMLHNDQUFLLEVBQUUsRUFBRSxFQUFFLGlCQUFlLE1BQU0sRUFBRSxTQUFTLEVBQUUsT0FBTyxJQUFNLE1BQU0sR0FDN0QsS0FBSyxDQUFDLFFBQVEsQ0FBQyxHQUFHLENBQUMsUUFBUSxFQUFFLFVBQUMsS0FBSyxFQUFFLEtBQUs7UUFDekMsSUFBSSxDQUFDLEtBQUssQ0FBQyxjQUFjLENBQUMsS0FBSyxDQUFDO1lBQUUsT0FBTyxLQUFLLENBQUE7UUFDOUMsT0FBTyxvQkFBQyxHQUFHLGVBQUssS0FBSyxDQUFDLEtBQUssSUFBRSxLQUFLLEVBQUUsS0FBSyxJQUFJLENBQUE7SUFDL0MsQ0FBQyxDQUFDLENBQ0UsQ0FDUCxDQUFBO0FBQ0gsQ0FBQyxDQUFBO0FBRUQsZUFBZSxPQUFPLENBQUEifQ==

package/lib/components/tabs/tab-list/tab/Tab.js

@@ -1,6 +1,7 @@
 import { __assign, __rest } from "tslib";
 import { Icon } from '../../../../components/icon';
-import { useTab } from '../../../../components/tabs/tab-list/tab/hooks/useTab';
+import { TabsContext } from '../../../../components/tabs/context';
+import { useTrilogyContext } from '../../../../context/index';
 import { hashClass } from '../../../../helpers/hashClassesHelpers';
 import clsx from 'clsx';
 import React from 'react';
@@ -21,9 +22,23 @@ import React from 'react';
  */
 var Tab = function (_a) {
     var active = _a.active, className = _a.className, onClick = _a.onClick, to = _a.to, href = _a.href, routerLink = _a.routerLink, iconName = _a.iconName, label = _a.label, disabled = _a.disabled, testId = _a.testId, ariaControls = _a.ariaControls, others = __rest(_a, ["active", "className", "onClick", "to", "href", "routerLink", "iconName", "label", "disabled", "testId", "ariaControls"]);
+    var styled = useTrilogyContext().styled;
     var _b = others, index = _b.index, props = __rest(_b, ["index"]);
-    var _c = useTab({ index: index, disabled: disabled, routerLink: routerLink, onClick: onClick, active: active }), handleClick = _c.handleClick, isActive = _c.isActive;
-    var classes = hashClass(clsx('tab', className, { 'is-active': isActive }));
+    var _c = React.useContext(TabsContext), activeIndex = _c.activeIndex, setActiveIndex = _c.setActiveIndex;
+    var isActive = React.useMemo(function () { return activeIndex === index; }, [activeIndex, index]);
+    var classes = hashClass(styled, clsx('tab', className, { 'is-active': isActive }));
+    var handleClick = React.useCallback(function (e) {
+        if (!disabled) {
+            if (!routerLink)
+                setActiveIndex(index);
+            if (onClick)
+                onClick(e);
+        }
+    }, [disabled, onClick, index, setActiveIndex, routerLink]);
+    React.useEffect(function () {
+        if (active)
+            setActiveIndex(index);
+    }, [active, setActiveIndex, index]);
     if (routerLink && (to || href)) {
         var RouterLink = (routerLink ? routerLink : 'a');
         return (React.createElement(RouterLink, __assign({ "data-testid": testId, to: to, href: href, className: classes, onClick: handleClick, "data-index": index }, others),
@@ -35,4 +50,4 @@ var Tab = function (_a) {
         label && label));
 };
 export default Tab;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVGFiLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vY29tcG9uZW50cy90YWJzL3RhYi1saXN0L3RhYi9UYWIudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLEVBQUUsSUFBSSxFQUFFLE1BQU0sbUJBQW1CLENBQUE7QUFDeEMsT0FBTyxFQUFFLE1BQU0sRUFBRSxNQUFNLDZDQUE2QyxDQUFBO0FBRXBFLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSw4QkFBOEIsQ0FBQTtBQUN4RCxPQUFPLElBQUksTUFBTSxNQUFNLENBQUE7QUFDdkIsT0FBTyxLQUFLLE1BQU0sT0FBTyxDQUFBO0FBRXpCOzs7Ozs7Ozs7Ozs7OztHQWNHO0FBQ0gsSUFBTSxHQUFHLEdBQUcsVUFBQyxFQWFGO0lBWlQsSUFBQSxNQUFNLFlBQUEsRUFDTixTQUFTLGVBQUEsRUFDVCxPQUFPLGFBQUEsRUFDUCxFQUFFLFFBQUEsRUFDRixJQUFJLFVBQUEsRUFDSixVQUFVLGdCQUFBLEVBQ1YsUUFBUSxjQUFBLEVBQ1IsS0FBSyxXQUFBLEVBQ0wsUUFBUSxjQUFBLEVBQ1IsTUFBTSxZQUFBLEVBQ04sWUFBWSxrQkFBQSxFQUNULE1BQU0sY0FaRSx5SEFhWixDQURVO0lBRVQsSUFBTSxLQUFzQixNQUFhLEVBQWpDLEtBQUssV0FBQSxFQUFLLEtBQUssY0FBakIsU0FBbUIsQ0FBZ0IsQ0FBQTtJQUNuQyxJQUFBLEtBQTRCLE1BQU0sQ0FBQyxFQUFFLEtBQUssT0FBQSxFQUFFLFFBQVEsVUFBQSxFQUFFLFVBQVUsWUFBQSxFQUFFLE9BQU8sU0FBQSxFQUFFLE1BQU0sUUFBQSxFQUFFLENBQUMsRUFBbEYsV0FBVyxpQkFBQSxFQUFFLFFBQVEsY0FBNkQsQ0FBQTtJQUMxRixJQUFNLE9BQU8sR0FBRyxTQUFTLENBQUMsSUFBSSxDQUFDLEtBQUssRUFBRSxTQUFTLEVBQUUsRUFBRSxXQUFXLEVBQUUsUUFBUSxFQUFFLENBQUMsQ0FBQyxDQUFBO0lBRTVFLElBQUksVUFBVSxJQUFJLENBQUMsRUFBRSxJQUFJLElBQUksQ0FBQyxFQUFFO1FBQzlCLElBQU0sVUFBVSxHQUFHLENBQUMsVUFBVSxDQUFDLENBQUMsQ0FBQyxVQUFVLENBQUMsQ0FBQyxDQUFDLEdBQUcsQ0FBc0IsQ0FBQTtRQUN2RSxPQUFPLENBQ0wsb0JBQUMsVUFBVSw0QkFDSSxNQUFNLEVBQ25CLEVBQUUsRUFBRSxFQUFFLEVBQ04sSUFBSSxFQUFFLElBQUksRUFDVixTQUFTLEVBQUUsT0FBTyxFQUNsQixPQUFPLEVBQUUsV0FBVyxnQkFDUixLQUFLLElBQ2IsTUFBTTtZQUVWLDZCQUFLLFNBQVMsRUFBQyxVQUFVLElBQUUsUUFBUSxJQUFJLG9CQUFDLElBQUksSUFBQyxLQUFLLEVBQUMsZ0JBQWdCLEVBQUMsSUFBSSxFQUFDLE9BQU8sRUFBQyxJQUFJLEVBQUUsUUFBUSxHQUFJLENBQU87WUFDekcsS0FBSyxJQUFJLEtBQUssQ0FDSixDQUNkLENBQUE7S0FDRjtJQUVELE9BQU8sQ0FDTCwwREFDaUIsWUFBWSxtQkFDWixRQUFRLG1CQUNSLFFBQVEseUJBQ0gsRUFBRSxFQUN0QixRQUFRLEVBQUUsUUFBUSxFQUNsQixTQUFTLEVBQUUsT0FBTyxFQUNsQixJQUFJLEVBQUMsS0FBSyxpQkFDRyxNQUFNLGdCQUNQLEtBQUssRUFDakIsT0FBTyxFQUFFLFdBQVcsSUFDaEIsS0FBSztRQUVULDZCQUFLLFNBQVMsRUFBQyxVQUFVLElBQUUsUUFBUSxJQUFJLG9CQUFDLElBQUksSUFBQyxLQUFLLEVBQUMsZ0JBQWdCLEVBQUMsSUFBSSxFQUFDLE9BQU8sRUFBQyxJQUFJLEVBQUUsUUFBUSxHQUFJLENBQU87UUFDekcsS0FBSyxJQUFJLEtBQUssQ0FDUixDQUNWLENBQUE7QUFDSCxDQUFDLENBQUE7QUFFRCxlQUFlLEdBQUcsQ0FBQSJ9
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVGFiLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vY29tcG9uZW50cy90YWJzL3RhYi1saXN0L3RhYi9UYWIudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLEVBQUUsSUFBSSxFQUFFLE1BQU0sbUJBQW1CLENBQUE7QUFDeEMsT0FBTyxFQUFFLFdBQVcsRUFBRSxNQUFNLDJCQUEyQixDQUFBO0FBRXZELE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLGlCQUFpQixDQUFBO0FBQ25ELE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSw4QkFBOEIsQ0FBQTtBQUN4RCxPQUFPLElBQUksTUFBTSxNQUFNLENBQUE7QUFDdkIsT0FBTyxLQUFLLE1BQU0sT0FBTyxDQUFBO0FBRXpCOzs7Ozs7Ozs7Ozs7OztHQWNHO0FBQ0gsSUFBTSxHQUFHLEdBQUcsVUFBQyxFQWFGO0lBWlQsSUFBQSxNQUFNLFlBQUEsRUFDTixTQUFTLGVBQUEsRUFDVCxPQUFPLGFBQUEsRUFDUCxFQUFFLFFBQUEsRUFDRixJQUFJLFVBQUEsRUFDSixVQUFVLGdCQUFBLEVBQ1YsUUFBUSxjQUFBLEVBQ1IsS0FBSyxXQUFBLEVBQ0wsUUFBUSxjQUFBLEVBQ1IsTUFBTSxZQUFBLEVBQ04sWUFBWSxrQkFBQSxFQUNULE1BQU0sY0FaRSx5SEFhWixDQURVO0lBRUQsSUFBQSxNQUFNLEdBQUssaUJBQWlCLEVBQUUsT0FBeEIsQ0FBd0I7SUFDdEMsSUFBTSxLQUFzQixNQUFhLEVBQWpDLEtBQUssV0FBQSxFQUFLLEtBQUssY0FBakIsU0FBbUIsQ0FBZ0IsQ0FBQTtJQUNuQyxJQUFBLEtBQWtDLEtBQUssQ0FBQyxVQUFVLENBQUMsV0FBVyxDQUFDLEVBQTdELFdBQVcsaUJBQUEsRUFBRSxjQUFjLG9CQUFrQyxDQUFBO0lBRXJFLElBQU0sUUFBUSxHQUFHLEtBQUssQ0FBQyxPQUFPLENBQUMsY0FBTSxPQUFBLFdBQVcsS0FBSyxLQUFLLEVBQXJCLENBQXFCLEVBQUUsQ0FBQyxXQUFXLEVBQUUsS0FBSyxDQUFDLENBQUMsQ0FBQTtJQUNqRixJQUFNLE9BQU8sR0FBRyxTQUFTLENBQUMsTUFBTSxFQUFFLElBQUksQ0FBQyxLQUFLLEVBQUUsU0FBUyxFQUFFLEVBQUUsV0FBVyxFQUFFLFFBQVEsRUFBRSxDQUFDLENBQUMsQ0FBQTtJQUVwRixJQUFNLFdBQVcsR0FBRyxLQUFLLENBQUMsV0FBVyxDQUNuQyxVQUFDLENBQW1CO1FBQ2xCLElBQUksQ0FBQyxRQUFRLEVBQUU7WUFDYixJQUFJLENBQUMsVUFBVTtnQkFBRSxjQUFjLENBQUMsS0FBSyxDQUFDLENBQUE7WUFDdEMsSUFBSSxPQUFPO2dCQUFFLE9BQU8sQ0FBQyxDQUFDLENBQUMsQ0FBQTtTQUN4QjtJQUNILENBQUMsRUFDRCxDQUFDLFFBQVEsRUFBRSxPQUFPLEVBQUUsS0FBSyxFQUFFLGNBQWMsRUFBRSxVQUFVLENBQUMsQ0FDdkQsQ0FBQTtJQUVELEtBQUssQ0FBQyxTQUFTLENBQUM7UUFDZCxJQUFJLE1BQU07WUFBRSxjQUFjLENBQUMsS0FBSyxDQUFDLENBQUE7SUFDbkMsQ0FBQyxFQUFFLENBQUMsTUFBTSxFQUFFLGNBQWMsRUFBRSxLQUFLLENBQUMsQ0FBQyxDQUFBO0lBRW5DLElBQUksVUFBVSxJQUFJLENBQUMsRUFBRSxJQUFJLElBQUksQ0FBQyxFQUFFO1FBQzlCLElBQU0sVUFBVSxHQUFHLENBQUMsVUFBVSxDQUFDLENBQUMsQ0FBQyxVQUFVLENBQUMsQ0FBQyxDQUFDLEdBQUcsQ0FBc0IsQ0FBQTtRQUN2RSxPQUFPLENBQ0wsb0JBQUMsVUFBVSw0QkFDSSxNQUFNLEVBQ25CLEVBQUUsRUFBRSxFQUFFLEVBQ04sSUFBSSxFQUFFLElBQUksRUFDVixTQUFTLEVBQUUsT0FBTyxFQUNsQixPQUFPLEVBQUUsV0FBVyxnQkFDUixLQUFLLElBQ2IsTUFBTTtZQUVWLDZCQUFLLFNBQVMsRUFBQyxVQUFVLElBQUUsUUFBUSxJQUFJLG9CQUFDLElBQUksSUFBQyxLQUFLLEVBQUMsZ0JBQWdCLEVBQUMsSUFBSSxFQUFDLE9BQU8sRUFBQyxJQUFJLEVBQUUsUUFBUSxHQUFJLENBQU87WUFDekcsS0FBSyxJQUFJLEtBQUssQ0FDSixDQUNkLENBQUE7S0FDRjtJQUVELE9BQU8sQ0FDTCwwREFDaUIsWUFBWSxtQkFDWixRQUFRLG1CQUNSLFFBQVEseUJBQ0gsRUFBRSxFQUN0QixRQUFRLEVBQUUsUUFBUSxFQUNsQixTQUFTLEVBQUUsT0FBTyxFQUNsQixJQUFJLEVBQUMsS0FBSyxpQkFDRyxNQUFNLGdCQUNQLEtBQUssRUFDakIsT0FBTyxFQUFFLFdBQVcsSUFDaEIsS0FBSztRQUVULDZCQUFLLFNBQVMsRUFBQyxVQUFVLElBQUUsUUFBUSxJQUFJLG9CQUFDLElBQUksSUFBQyxLQUFLLEVBQUMsZ0JBQWdCLEVBQUMsSUFBSSxFQUFDLE9BQU8sRUFBQyxJQUFJLEVBQUUsUUFBUSxHQUFJLENBQU87UUFDekcsS0FBSyxJQUFJLEtBQUssQ0FDUixDQUNWLENBQUE7QUFDSCxDQUFDLENBQUE7QUFFRCxlQUFlLEdBQUcsQ0FBQSJ9

package/lib/components/tabs/tab-list/tab/TabProps.d.ts

@@ -1,9 +1,7 @@
 /// <reference types="react" />
 import { IconName, IconNameValues } from '../../../../components/icon';
-import { Accessibility } from '../../../../objects/facets/Accessibility';
-import { Clickable } from '../../../../objects/facets/Clickable';
+import { Accessibility, Clickable, Dev } from '../../../../objects';
 import { CommonProps } from '../../../../objects/facets/CommonProps';
-import { Dev } from '../../../../objects/facets/Dev';
 /**
  * Tabs Item Interface
  */

package/lib/components/tabs/tab-panels/TabPanels.js

@@ -1,5 +1,6 @@
 import { __assign, __rest } from "tslib";
 import TabPanel from '../../../components/tabs/tab-panels/tab-panel';
+import { useTrilogyContext } from '../../../context';
 import { hashClass } from '../../../helpers/hashClassesHelpers';
 import clsx from 'clsx';
 import React from 'react';
@@ -13,7 +14,8 @@ import React from 'react';
  */
 var TabPanels = function (_a) {
     var children = _a.children, className = _a.className, id = _a.id, testId = _a.testId, others = __rest(_a, ["children", "className", "id", "testId"]);
-    var classes = hashClass(clsx('tab-panels', className));
+    var styled = useTrilogyContext().styled;
+    var classes = hashClass(styled, clsx('tab-panels', className));
     return (React.createElement("div", __assign({ id: id, "data-testid": testId, className: classes }, others), React.Children.map(children, function (child, index) {
         if (!React.isValidElement(child))
             return false;
@@ -21,4 +23,4 @@ var TabPanels = function (_a) {
     })));
 };
 export default TabPanels;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVGFiUGFuZWxzLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vY29tcG9uZW50cy90YWJzL3RhYi1wYW5lbHMvVGFiUGFuZWxzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxRQUFRLE1BQU0sd0NBQXdDLENBQUE7QUFFN0QsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLDhCQUE4QixDQUFBO0FBQ3hELE9BQU8sSUFBSSxNQUFNLE1BQU0sQ0FBQTtBQUN2QixPQUFPLEtBQUssTUFBTSxPQUFPLENBQUE7QUFFekI7Ozs7Ozs7R0FPRztBQUNILElBQU0sU0FBUyxHQUFHLFVBQUMsRUFBOEQ7SUFBNUQsSUFBQSxRQUFRLGNBQUEsRUFBRSxTQUFTLGVBQUEsRUFBRSxFQUFFLFFBQUEsRUFBRSxNQUFNLFlBQUEsRUFBSyxNQUFNLGNBQTVDLHlDQUE4QyxDQUFGO0lBQzdELElBQU0sT0FBTyxHQUFHLFNBQVMsQ0FBQyxJQUFJLENBQUMsWUFBWSxFQUFFLFNBQVMsQ0FBQyxDQUFDLENBQUE7SUFFeEQsT0FBTyxDQUNMLHNDQUFLLEVBQUUsRUFBRSxFQUFFLGlCQUFlLE1BQU0sRUFBRSxTQUFTLEVBQUUsT0FBTyxJQUFNLE1BQU0sR0FDN0QsS0FBSyxDQUFDLFFBQVEsQ0FBQyxHQUFHLENBQUMsUUFBUSxFQUFFLFVBQUMsS0FBSyxFQUFFLEtBQUs7UUFDekMsSUFBSSxDQUFDLEtBQUssQ0FBQyxjQUFjLENBQUMsS0FBSyxDQUFDO1lBQUUsT0FBTyxLQUFLLENBQUE7UUFDOUMsT0FBTyxvQkFBQyxRQUFRLGVBQUssS0FBSyxDQUFDLEtBQUssSUFBRSxLQUFLLEVBQUUsS0FBSyxJQUFJLENBQUE7SUFDcEQsQ0FBQyxDQUFDLENBQ0UsQ0FDUCxDQUFBO0FBQ0gsQ0FBQyxDQUFBO0FBRUQsZUFBZSxTQUFTLENBQUEifQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVGFiUGFuZWxzLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vY29tcG9uZW50cy90YWJzL3RhYi1wYW5lbHMvVGFiUGFuZWxzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxRQUFRLE1BQU0sd0NBQXdDLENBQUE7QUFFN0QsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sV0FBVyxDQUFBO0FBQzdDLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSw4QkFBOEIsQ0FBQTtBQUN4RCxPQUFPLElBQUksTUFBTSxNQUFNLENBQUE7QUFDdkIsT0FBTyxLQUFLLE1BQU0sT0FBTyxDQUFBO0FBRXpCOzs7Ozs7O0dBT0c7QUFDSCxJQUFNLFNBQVMsR0FBRyxVQUFDLEVBQThEO0lBQTVELElBQUEsUUFBUSxjQUFBLEVBQUUsU0FBUyxlQUFBLEVBQUUsRUFBRSxRQUFBLEVBQUUsTUFBTSxZQUFBLEVBQUssTUFBTSxjQUE1Qyx5Q0FBOEMsQ0FBRjtJQUNyRCxJQUFBLE1BQU0sR0FBSyxpQkFBaUIsRUFBRSxPQUF4QixDQUF3QjtJQUN0QyxJQUFNLE9BQU8sR0FBRyxTQUFTLENBQUMsTUFBTSxFQUFFLElBQUksQ0FBQyxZQUFZLEVBQUUsU0FBUyxDQUFDLENBQUMsQ0FBQTtJQUVoRSxPQUFPLENBQ0wsc0NBQUssRUFBRSxFQUFFLEVBQUUsaUJBQWUsTUFBTSxFQUFFLFNBQVMsRUFBRSxPQUFPLElBQU0sTUFBTSxHQUM3RCxLQUFLLENBQUMsUUFBUSxDQUFDLEdBQUcsQ0FBQyxRQUFRLEVBQUUsVUFBQyxLQUFLLEVBQUUsS0FBSztRQUN6QyxJQUFJLENBQUMsS0FBSyxDQUFDLGNBQWMsQ0FBQyxLQUFLLENBQUM7WUFBRSxPQUFPLEtBQUssQ0FBQTtRQUM5QyxPQUFPLG9CQUFDLFFBQVEsZUFBSyxLQUFLLENBQUMsS0FBSyxJQUFFLEtBQUssRUFBRSxLQUFLLElBQUksQ0FBQTtJQUNwRCxDQUFDLENBQUMsQ0FDRSxDQUNQLENBQUE7QUFDSCxDQUFDLENBQUE7QUFFRCxlQUFlLFNBQVMsQ0FBQSJ9

package/lib/components/tabs/tab-panels/tab-panel/TabPanel.js

@@ -1,5 +1,6 @@
 import { __assign, __rest } from "tslib";
-import { useTabPanel } from '../../../../components/tabs/tab-panels/tab-panel/hooks/useTabPanel';
+import { TabsContext } from '../../../../components/tabs/context';
+import { useTrilogyContext } from '../../../../context';
 import { hashClass } from '../../../../helpers/hashClassesHelpers';
 import { is } from '../../../../services/classify';
 import clsx from 'clsx';
@@ -13,10 +14,11 @@ import React from 'react';
  */
 var TabPanel = function (_a) {
     var children = _a.children, className = _a.className, testId = _a.testId, others = __rest(_a, ["children", "className", "testId"]);
+    var styled = useTrilogyContext().styled;
     var _b = others, index = _b.index, props = __rest(_b, ["index"]);
-    var activeIndex = useTabPanel().activeIndex;
-    var classes = hashClass(clsx('tab-panel', index === activeIndex && is('active'), className));
+    var activeIndex = React.useContext(TabsContext).activeIndex;
+    var classes = hashClass(styled, clsx('tab-panel', index === activeIndex && is('active'), className));
     return (React.createElement("div", __assign({ "data-testid": testId, className: classes }, props), children));
 };
 export default TabPanel;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVGFiUGFuZWwuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9jb21wb25lbnRzL3RhYnMvdGFiLXBhbmVscy90YWItcGFuZWwvVGFiUGFuZWwudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLEVBQUUsV0FBVyxFQUFFLE1BQU0sMERBQTBELENBQUE7QUFFdEYsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLDhCQUE4QixDQUFBO0FBQ3hELE9BQU8sRUFBRSxFQUFFLEVBQUUsTUFBTSxxQkFBcUIsQ0FBQTtBQUN4QyxPQUFPLElBQUksTUFBTSxNQUFNLENBQUE7QUFDdkIsT0FBTyxLQUFLLE1BQU0sT0FBTyxDQUFBO0FBRXpCOzs7Ozs7R0FNRztBQUNILElBQU0sUUFBUSxHQUFHLFVBQUMsRUFBeUQ7SUFBdkQsSUFBQSxRQUFRLGNBQUEsRUFBRSxTQUFTLGVBQUEsRUFBRSxNQUFNLFlBQUEsRUFBSyxNQUFNLGNBQXhDLG1DQUEwQyxDQUFGO0lBQ3hELElBQU0sS0FBc0IsTUFBYSxFQUFqQyxLQUFLLFdBQUEsRUFBSyxLQUFLLGNBQWpCLFNBQW1CLENBQWdCLENBQUE7SUFDakMsSUFBQSxXQUFXLEdBQUssV0FBVyxFQUFFLFlBQWxCLENBQWtCO0lBQ3JDLElBQU0sT0FBTyxHQUFHLFNBQVMsQ0FBQyxJQUFJLENBQUMsV0FBVyxFQUFFLEtBQUssS0FBSyxXQUFXLElBQUksRUFBRSxDQUFDLFFBQVEsQ0FBQyxFQUFFLFNBQVMsQ0FBQyxDQUFDLENBQUE7SUFFOUYsT0FBTyxDQUNMLHFEQUFrQixNQUFNLEVBQUUsU0FBUyxFQUFFLE9BQU8sSUFBTSxLQUFLLEdBQ3BELFFBQVEsQ0FDTCxDQUNQLENBQUE7QUFDSCxDQUFDLENBQUE7QUFFRCxlQUFlLFFBQVEsQ0FBQSJ9
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVGFiUGFuZWwuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9jb21wb25lbnRzL3RhYnMvdGFiLXBhbmVscy90YWItcGFuZWwvVGFiUGFuZWwudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLEVBQUUsV0FBVyxFQUFFLE1BQU0sMkJBQTJCLENBQUE7QUFFdkQsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sV0FBVyxDQUFBO0FBQzdDLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSw4QkFBOEIsQ0FBQTtBQUN4RCxPQUFPLEVBQUUsRUFBRSxFQUFFLE1BQU0scUJBQXFCLENBQUE7QUFDeEMsT0FBTyxJQUFJLE1BQU0sTUFBTSxDQUFBO0FBQ3ZCLE9BQU8sS0FBSyxNQUFNLE9BQU8sQ0FBQTtBQUV6Qjs7Ozs7O0dBTUc7QUFDSCxJQUFNLFFBQVEsR0FBRyxVQUFDLEVBQXlEO0lBQXZELElBQUEsUUFBUSxjQUFBLEVBQUUsU0FBUyxlQUFBLEVBQUUsTUFBTSxZQUFBLEVBQUssTUFBTSxjQUF4QyxtQ0FBMEMsQ0FBRjtJQUNoRCxJQUFBLE1BQU0sR0FBSyxpQkFBaUIsRUFBRSxPQUF4QixDQUF3QjtJQUN0QyxJQUFNLEtBQXNCLE1BQWEsRUFBakMsS0FBSyxXQUFBLEVBQUssS0FBSyxjQUFqQixTQUFtQixDQUFnQixDQUFBO0lBQ2pDLElBQUEsV0FBVyxHQUFLLEtBQUssQ0FBQyxVQUFVLENBQUMsV0FBVyxDQUFDLFlBQWxDLENBQWtDO0lBRXJELElBQU0sT0FBTyxHQUFHLFNBQVMsQ0FBQyxNQUFNLEVBQUUsSUFBSSxDQUFDLFdBQVcsRUFBRSxLQUFLLEtBQUssV0FBVyxJQUFJLEVBQUUsQ0FBQyxRQUFRLENBQUMsRUFBRSxTQUFTLENBQUMsQ0FBQyxDQUFBO0lBRXRHLE9BQU8sQ0FDTCxxREFBa0IsTUFBTSxFQUFFLFNBQVMsRUFBRSxPQUFPLElBQU0sS0FBSyxHQUNwRCxRQUFRLENBQ0wsQ0FDUCxDQUFBO0FBQ0gsQ0FBQyxDQUFBO0FBRUQsZUFBZSxRQUFRLENBQUEifQ==

package/lib/components/tabs/tab-panels/tab-panel/TabPanelProps.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
+import { Dev } from '../../../../objects';
 import { CommonProps } from '../../../../objects/facets/CommonProps';
-import { Dev } from '../../../../objects/facets/Dev';
 /**
  * Tabs Item Interface
  */

package/lib/components/tag/Tag.js

@@ -1,4 +1,5 @@
 import { __assign, __rest } from "tslib";
+import { useTrilogyContext } from '../../context';
 import { hashClass } from '../../helpers';
 import { getColorClassName } from '../../objects/facets/Color';
 import { is } from '../../services/classify';
@@ -18,11 +19,12 @@ import { Icon } from '../icon';
  **/
 var Tag = function (_a) {
     var label = _a.label, className = _a.className, id = _a.id, variant = _a.variant, inverted = _a.inverted, small = _a.small, iconName = _a.iconName, others = __rest(_a, ["label", "className", "id", "variant", "inverted", "small", "iconName"]);
-    var tagClassNames = hashClass(clsx('tag', variant && is(getColorClassName(variant)), inverted && is('inverted'), small && is('small'), className));
-    var tagIconClassNames = hashClass(clsx(variant && is(getColorClassName(variant))));
+    var styled = useTrilogyContext().styled;
+    var tagClassNames = hashClass(styled, clsx('tag', variant && is(getColorClassName(variant)), inverted && is('inverted'), small && is('small'), className));
+    var tagIconClassNames = hashClass(styled, clsx(variant && is(getColorClassName(variant))));
     return (React.createElement("span", __assign({ id: id, className: tagClassNames }, others),
         iconName && React.createElement(Icon, { className: tagIconClassNames, name: iconName }),
         label));
 };
 export default Tag;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVGFnLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vY29tcG9uZW50cy90YWcvVGFnLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLFdBQVcsQ0FBQTtBQUNyQyxPQUFPLEVBQUUsaUJBQWlCLEVBQW9DLE1BQU0sd0JBQXdCLENBQUE7QUFDNUYsT0FBTyxFQUFFLEVBQUUsRUFBRSxNQUFNLHFCQUFxQixDQUFBO0FBQ3hDLE9BQU8sSUFBSSxNQUFNLE1BQU0sQ0FBQTtBQUN2QixPQUFPLEtBQUssTUFBTSxPQUFPLENBQUE7QUFDekIsT0FBTyxFQUFFLElBQUksRUFBRSxNQUFNLFNBQVMsQ0FBQTtBQUc5Qjs7Ozs7Ozs7OztJQVVJO0FBQ0osSUFBTSxHQUFHLEdBQUcsVUFBQyxFQUFpRjtJQUEvRSxJQUFBLEtBQUssV0FBQSxFQUFFLFNBQVMsZUFBQSxFQUFFLEVBQUUsUUFBQSxFQUFFLE9BQU8sYUFBQSxFQUFFLFFBQVEsY0FBQSxFQUFFLEtBQUssV0FBQSxFQUFFLFFBQVEsY0FBQSxFQUFLLE1BQU0sY0FBckUsd0VBQXVFLENBQUY7SUFDaEYsSUFBTSxhQUFhLEdBQUcsU0FBUyxDQUM3QixJQUFJLENBQ0YsS0FBSyxFQUNMLE9BQU8sSUFBSSxFQUFFLENBQUMsaUJBQWlCLENBQUMsT0FBNEMsQ0FBQyxDQUFDLEVBQzlFLFFBQVEsSUFBSSxFQUFFLENBQUMsVUFBVSxDQUFDLEVBQzFCLEtBQUssSUFBSSxFQUFFLENBQUMsT0FBTyxDQUFDLEVBQ3BCLFNBQVMsQ0FDVixDQUNGLENBQUE7SUFFRCxJQUFNLGlCQUFpQixHQUFHLFNBQVMsQ0FDakMsSUFBSSxDQUFDLE9BQU8sSUFBSSxFQUFFLENBQUMsaUJBQWlCLENBQUMsT0FBNEMsQ0FBQyxDQUFDLENBQUMsQ0FDckYsQ0FBQTtJQUVELE9BQU8sQ0FDTCx1Q0FBTSxFQUFFLEVBQUUsRUFBRSxFQUFFLFNBQVMsRUFBRSxhQUFhLElBQU0sTUFBTTtRQUMvQyxRQUFRLElBQUksb0JBQUMsSUFBSSxJQUFDLFNBQVMsRUFBRSxpQkFBaUIsRUFBRSxJQUFJLEVBQUUsUUFBUSxHQUFJO1FBQ2xFLEtBQUssQ0FDRCxDQUNSLENBQUE7QUFDSCxDQUFDLENBQUE7QUFFRCxlQUFlLEdBQUcsQ0FBQSJ9
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVGFnLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vY29tcG9uZW50cy90YWcvVGFnLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sV0FBVyxDQUFBO0FBQzdDLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSxXQUFXLENBQUE7QUFDckMsT0FBTyxFQUFFLGlCQUFpQixFQUFvQyxNQUFNLHdCQUF3QixDQUFBO0FBQzVGLE9BQU8sRUFBRSxFQUFFLEVBQUUsTUFBTSxxQkFBcUIsQ0FBQTtBQUN4QyxPQUFPLElBQUksTUFBTSxNQUFNLENBQUE7QUFDdkIsT0FBTyxLQUFLLE1BQU0sT0FBTyxDQUFBO0FBQ3pCLE9BQU8sRUFBRSxJQUFJLEVBQUUsTUFBTSxTQUFTLENBQUE7QUFHOUI7Ozs7Ozs7Ozs7SUFVSTtBQUNKLElBQU0sR0FBRyxHQUFHLFVBQUMsRUFBaUY7SUFBL0UsSUFBQSxLQUFLLFdBQUEsRUFBRSxTQUFTLGVBQUEsRUFBRSxFQUFFLFFBQUEsRUFBRSxPQUFPLGFBQUEsRUFBRSxRQUFRLGNBQUEsRUFBRSxLQUFLLFdBQUEsRUFBRSxRQUFRLGNBQUEsRUFBSyxNQUFNLGNBQXJFLHdFQUF1RSxDQUFGO0lBQ3hFLElBQUEsTUFBTSxHQUFLLGlCQUFpQixFQUFFLE9BQXhCLENBQXdCO0lBRXRDLElBQU0sYUFBYSxHQUFHLFNBQVMsQ0FDN0IsTUFBTSxFQUNOLElBQUksQ0FDRixLQUFLLEVBQ0wsT0FBTyxJQUFJLEVBQUUsQ0FBQyxpQkFBaUIsQ0FBQyxPQUE0QyxDQUFDLENBQUMsRUFDOUUsUUFBUSxJQUFJLEVBQUUsQ0FBQyxVQUFVLENBQUMsRUFDMUIsS0FBSyxJQUFJLEVBQUUsQ0FBQyxPQUFPLENBQUMsRUFDcEIsU0FBUyxDQUNWLENBQ0YsQ0FBQTtJQUVELElBQU0saUJBQWlCLEdBQUcsU0FBUyxDQUNqQyxNQUFNLEVBQ04sSUFBSSxDQUFDLE9BQU8sSUFBSSxFQUFFLENBQUMsaUJBQWlCLENBQUMsT0FBNEMsQ0FBQyxDQUFDLENBQUMsQ0FDckYsQ0FBQTtJQUVELE9BQU8sQ0FDTCx1Q0FBTSxFQUFFLEVBQUUsRUFBRSxFQUFFLFNBQVMsRUFBRSxhQUFhLElBQU0sTUFBTTtRQUMvQyxRQUFRLElBQUksb0JBQUMsSUFBSSxJQUFDLFNBQVMsRUFBRSxpQkFBaUIsRUFBRSxJQUFJLEVBQUUsUUFBUSxHQUFJO1FBQ2xFLEtBQUssQ0FDRCxDQUNSLENBQUE7QUFDSCxDQUFDLENBQUE7QUFFRCxlQUFlLEdBQUcsQ0FBQSJ9

package/lib/components/tag/list/TagList.js

@@ -1,9 +1,10 @@
 import { __assign, __rest } from "tslib";
+import * as React from 'react';
+import clsx from 'clsx';
 import { hashClass } from '../../../helpers';
-import { getJustifiedClassName } from '../../../objects';
+import { useTrilogyContext } from '../../../context';
 import { is } from '../../../services';
-import clsx from 'clsx';
-import * as React from 'react';
+import { getJustifiedClassName } from '../../../objects';
 /**
  * Tag List Component
  * @param children {ReactNode} Children Tag List
@@ -13,7 +14,8 @@ import * as React from 'react';
  */
 var TagList = function (_a) {
     var className = _a.className, id = _a.id, align = _a.align, marginless = _a.marginless, others = __rest(_a, ["className", "id", "align", "marginless"]);
-    return (React.createElement("div", __assign({ id: id, className: hashClass(clsx('tags', align && is(getJustifiedClassName(align)), marginless && is('marginless'), className)) }, others)));
+    var styled = useTrilogyContext().styled;
+    return (React.createElement("div", __assign({ id: id, className: hashClass(styled, clsx('tags', align && is(getJustifiedClassName(align)), marginless && is('marginless'), className)) }, others)));
 };
 export default TagList;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVGFnTGlzdC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL2NvbXBvbmVudHMvdGFnL2xpc3QvVGFnTGlzdC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSxXQUFXLENBQUE7QUFDckMsT0FBTyxFQUFFLHFCQUFxQixFQUFFLE1BQU0sV0FBVyxDQUFBO0FBQ2pELE9BQU8sRUFBRSxFQUFFLEVBQUUsTUFBTSxZQUFZLENBQUE7QUFDL0IsT0FBTyxJQUFJLE1BQU0sTUFBTSxDQUFBO0FBQ3ZCLE9BQU8sS0FBSyxLQUFLLE1BQU0sT0FBTyxDQUFBO0FBRzlCOzs7Ozs7R0FNRztBQUNILElBQU0sT0FBTyxHQUFHLFVBQUMsRUFBNkQ7SUFBM0QsSUFBQSxTQUFTLGVBQUEsRUFBRSxFQUFFLFFBQUEsRUFBRSxLQUFLLFdBQUEsRUFBRSxVQUFVLGdCQUFBLEVBQUssTUFBTSxjQUE3QywwQ0FBK0MsQ0FBRjtJQUM1RCxPQUFPLENBQ0wsc0NBQ0UsRUFBRSxFQUFFLEVBQUUsRUFDTixTQUFTLEVBQUUsU0FBUyxDQUNsQixJQUFJLENBQUMsTUFBTSxFQUFFLEtBQUssSUFBSSxFQUFFLENBQUMscUJBQXFCLENBQUMsS0FBSyxDQUFDLENBQUMsRUFBRSxVQUFVLElBQUksRUFBRSxDQUFDLFlBQVksQ0FBQyxFQUFFLFNBQVMsQ0FBQyxDQUNuRyxJQUNHLE1BQU0sRUFDVixDQUNILENBQUE7QUFDSCxDQUFDLENBQUE7QUFDRCxlQUFlLE9BQU8sQ0FBQSJ9
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVGFnTGlzdC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL2NvbXBvbmVudHMvdGFnL2xpc3QvVGFnTGlzdC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUFBLE9BQU8sS0FBSyxLQUFLLE1BQU0sT0FBTyxDQUFBO0FBQzlCLE9BQU8sSUFBSSxNQUFNLE1BQU0sQ0FBQTtBQUV2QixPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sV0FBVyxDQUFBO0FBQ3JDLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLFdBQVcsQ0FBQTtBQUM3QyxPQUFPLEVBQUUsRUFBRSxFQUFFLE1BQU0sWUFBWSxDQUFBO0FBQy9CLE9BQU8sRUFBRSxxQkFBcUIsRUFBRSxNQUFNLFdBQVcsQ0FBQTtBQUVqRDs7Ozs7O0dBTUc7QUFDSCxJQUFNLE9BQU8sR0FBRyxVQUFDLEVBQTZEO0lBQTNELElBQUEsU0FBUyxlQUFBLEVBQUUsRUFBRSxRQUFBLEVBQUUsS0FBSyxXQUFBLEVBQUUsVUFBVSxnQkFBQSxFQUFLLE1BQU0sY0FBN0MsMENBQStDLENBQUY7SUFDcEQsSUFBQSxNQUFNLEdBQUssaUJBQWlCLEVBQUUsT0FBeEIsQ0FBd0I7SUFFdEMsT0FBTyxDQUNMLHNDQUNFLEVBQUUsRUFBRSxFQUFFLEVBQ04sU0FBUyxFQUFFLFNBQVMsQ0FDbEIsTUFBTSxFQUNOLElBQUksQ0FBQyxNQUFNLEVBQUUsS0FBSyxJQUFJLEVBQUUsQ0FBQyxxQkFBcUIsQ0FBQyxLQUFLLENBQUMsQ0FBQyxFQUFFLFVBQVUsSUFBSSxFQUFFLENBQUMsWUFBWSxDQUFDLEVBQUUsU0FBUyxDQUFDLENBQ25HLElBQ0csTUFBTSxFQUNWLENBQ0gsQ0FBQTtBQUNILENBQUMsQ0FBQTtBQUNELGVBQWUsT0FBTyxDQUFBIn0=

package/lib/components/text/Text.js

@@ -1,9 +1,10 @@
 import { __assign, __rest } from "tslib";
-import { hashClass } from '../../helpers/hashClassesHelpers';
-import { is } from '../../services/classify';
-import clsx from 'clsx';
 import * as React from 'react';
+import clsx from 'clsx';
 import { TextLevels, TextMarkup } from './TextEnum';
+import { is } from '../../services/classify';
+import { hashClass } from '../../helpers/hashClassesHelpers';
+import { useTrilogyContext } from '../../context/index';
 /**
  * Text component
  * @param children {string} Text child
@@ -21,6 +22,7 @@ import { TextLevels, TextMarkup } from './TextEnum';
  */
 var Text = function (_a) {
     var level = _a.level, markup = _a.markup, children = _a.children, className = _a.className, id = _a.id, typo = _a.typo, inverted = _a.inverted, skeleton = _a.skeleton, accessibilityLabel = _a.accessibilityLabel, marginless = _a.marginless, numberOfLines = _a.numberOfLines, others = __rest(_a, ["level", "markup", "children", "className", "id", "typo", "inverted", "skeleton", "accessibilityLabel", "marginless", "numberOfLines"]);
+    var styled = useTrilogyContext().styled;
     var levelText = function () {
         if (level) {
             switch (level) {
@@ -37,7 +39,7 @@ var Text = function (_a) {
             }
         }
     };
-    var classes = hashClass(clsx('text', level && levelText(), inverted && is('inverted'), typo, skeleton && is('loading'), marginless && is('marginless'), numberOfLines && is('text-ellipsis'), className));
+    var classes = hashClass(styled, clsx('text', level && levelText(), inverted && is('inverted'), typo, skeleton && is('loading'), marginless && is('marginless'), numberOfLines && is('text-ellipsis'), className));
     /**
      * If no markup return p with default level 1
      */
@@ -49,4 +51,4 @@ var Text = function (_a) {
     return (React.createElement(Tag, __assign({ id: id, style: numberOfLines ? { WebkitLineClamp: numberOfLines } : {}, "aria-label": accessibilityLabel, className: classes }, others), children));
 };
 export default Text;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVGV4dC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL2NvbXBvbmVudHMvdGV4dC9UZXh0LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLDhCQUE4QixDQUFBO0FBQ3hELE9BQU8sRUFBRSxFQUFFLEVBQUUsTUFBTSxxQkFBcUIsQ0FBQTtBQUN4QyxPQUFPLElBQUksTUFBTSxNQUFNLENBQUE7QUFDdkIsT0FBTyxLQUFLLEtBQUssTUFBTSxPQUFPLENBQUE7QUFDOUIsT0FBTyxFQUFFLFVBQVUsRUFBRSxVQUFVLEVBQW9CLE1BQU0sWUFBWSxDQUFBO0FBR3JFOzs7Ozs7Ozs7Ozs7OztHQWNHO0FBQ0gsSUFBTSxJQUFJLEdBQUcsVUFBQyxFQWFGO0lBWlYsSUFBQSxLQUFLLFdBQUEsRUFDTCxNQUFNLFlBQUEsRUFDTixRQUFRLGNBQUEsRUFDUixTQUFTLGVBQUEsRUFDVCxFQUFFLFFBQUEsRUFDRixJQUFJLFVBQUEsRUFDSixRQUFRLGNBQUEsRUFDUixRQUFRLGNBQUEsRUFDUixrQkFBa0Isd0JBQUEsRUFDbEIsVUFBVSxnQkFBQSxFQUNWLGFBQWEsbUJBQUEsRUFDVixNQUFNLGNBWkcsdUlBYWIsQ0FEVTtJQUVULElBQU0sU0FBUyxHQUFHO1FBQ2hCLElBQUksS0FBSyxFQUFFO1lBQ1QsUUFBUSxLQUFLLEVBQUU7Z0JBQ2IsS0FBSyxVQUFVLENBQUMsR0FBRztvQkFDakIsT0FBTyxFQUFFLENBQUMsU0FBUyxDQUFDLENBQUE7Z0JBQ3RCLEtBQUssVUFBVSxDQUFDLEdBQUc7b0JBQ2pCLE9BQU8sRUFBRSxDQUFDLFNBQVMsQ0FBQyxDQUFBO2dCQUN0QixLQUFLLFVBQVUsQ0FBQyxLQUFLO29CQUNuQixPQUFPLEVBQUUsQ0FBQyxTQUFTLENBQUMsQ0FBQTtnQkFDdEIsS0FBSyxVQUFVLENBQUMsSUFBSTtvQkFDbEIsT0FBTyxFQUFFLENBQUMsU0FBUyxDQUFDLENBQUE7Z0JBQ3RCO29CQUNFLE9BQU8sRUFBRSxDQUFDLGdCQUFTLEtBQUssQ0FBRSxDQUFDLENBQUE7YUFDOUI7U0FDRjtJQUNILENBQUMsQ0FBQTtJQUVELElBQU0sT0FBTyxHQUFHLFNBQVMsQ0FDdkIsSUFBSSxDQUNGLE1BQU0sRUFDTixLQUFLLElBQUksU0FBUyxFQUFFLEVBQ3BCLFFBQVEsSUFBSSxFQUFFLENBQUMsVUFBVSxDQUFDLEVBQzFCLElBQUksRUFDSixRQUFRLElBQUksRUFBRSxDQUFDLFNBQVMsQ0FBQyxFQUN6QixVQUFVLElBQUksRUFBRSxDQUFDLFlBQVksQ0FBQyxFQUM5QixhQUFhLElBQUksRUFBRSxDQUFDLGVBQWUsQ0FBQyxFQUNwQyxTQUFTLENBQ1YsQ0FDRixDQUFBO0lBRUQ7O09BRUc7SUFDSCxJQUFNLGVBQWUsR0FBRyxVQUFDLFlBQTJDO1FBQ2xFLElBQUksWUFBWSxJQUFJLFVBQVUsSUFBSSxNQUFNLENBQUMsTUFBTSxDQUFDLFVBQVUsQ0FBQyxDQUFDLFFBQVEsQ0FBQyxZQUEwQixDQUFDO1lBQUUsT0FBTyxJQUFJLENBQUE7SUFDL0csQ0FBQyxDQUFBO0lBRUQsSUFBTSxHQUFHLEdBQUcsTUFBTSxJQUFJLGVBQWUsQ0FBQyxNQUFNLENBQUMsQ0FBQyxDQUFDLENBQUMsTUFBTSxDQUFDLENBQUMsQ0FBQyxHQUFHLENBQUE7SUFFNUQsT0FBTyxDQUNMLG9CQUFDLEdBQUcsYUFDRixFQUFFLEVBQUUsRUFBRSxFQUNOLEtBQUssRUFBRSxhQUFhLENBQUMsQ0FBQyxDQUFDLEVBQUUsZUFBZSxFQUFFLGFBQWEsRUFBRSxDQUFDLENBQUMsQ0FBQyxFQUFFLGdCQUNsRCxrQkFBa0IsRUFDOUIsU0FBUyxFQUFFLE9BQU8sSUFDZCxNQUFNLEdBRVQsUUFBUSxDQUNMLENBQ1AsQ0FBQTtBQUNILENBQUMsQ0FBQTtBQUVELGVBQWUsSUFBSSxDQUFBIn0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVGV4dC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL2NvbXBvbmVudHMvdGV4dC9UZXh0LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxLQUFLLEtBQUssTUFBTSxPQUFPLENBQUE7QUFDOUIsT0FBTyxJQUFJLE1BQU0sTUFBTSxDQUFBO0FBRXZCLE9BQU8sRUFBRSxVQUFVLEVBQUUsVUFBVSxFQUFvQixNQUFNLFlBQVksQ0FBQTtBQUNyRSxPQUFPLEVBQUUsRUFBRSxFQUFFLE1BQU0scUJBQXFCLENBQUE7QUFDeEMsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLDhCQUE4QixDQUFBO0FBQ3hELE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLGlCQUFpQixDQUFBO0FBRW5EOzs7Ozs7Ozs7Ozs7OztHQWNHO0FBQ0gsSUFBTSxJQUFJLEdBQUcsVUFBQyxFQWFGO0lBWlYsSUFBQSxLQUFLLFdBQUEsRUFDTCxNQUFNLFlBQUEsRUFDTixRQUFRLGNBQUEsRUFDUixTQUFTLGVBQUEsRUFDVCxFQUFFLFFBQUEsRUFDRixJQUFJLFVBQUEsRUFDSixRQUFRLGNBQUEsRUFDUixRQUFRLGNBQUEsRUFDUixrQkFBa0Isd0JBQUEsRUFDbEIsVUFBVSxnQkFBQSxFQUNWLGFBQWEsbUJBQUEsRUFDVixNQUFNLGNBWkcsdUlBYWIsQ0FEVTtJQUVELElBQUEsTUFBTSxHQUFLLGlCQUFpQixFQUFFLE9BQXhCLENBQXdCO0lBRXRDLElBQU0sU0FBUyxHQUFHO1FBQ2hCLElBQUksS0FBSyxFQUFFO1lBQ1QsUUFBUSxLQUFLLEVBQUU7Z0JBQ2IsS0FBSyxVQUFVLENBQUMsR0FBRztvQkFDakIsT0FBTyxFQUFFLENBQUMsU0FBUyxDQUFDLENBQUE7Z0JBQ3RCLEtBQUssVUFBVSxDQUFDLEdBQUc7b0JBQ2pCLE9BQU8sRUFBRSxDQUFDLFNBQVMsQ0FBQyxDQUFBO2dCQUN0QixLQUFLLFVBQVUsQ0FBQyxLQUFLO29CQUNuQixPQUFPLEVBQUUsQ0FBQyxTQUFTLENBQUMsQ0FBQTtnQkFDdEIsS0FBSyxVQUFVLENBQUMsSUFBSTtvQkFDbEIsT0FBTyxFQUFFLENBQUMsU0FBUyxDQUFDLENBQUE7Z0JBQ3RCO29CQUNFLE9BQU8sRUFBRSxDQUFDLGdCQUFTLEtBQUssQ0FBRSxDQUFDLENBQUE7YUFDOUI7U0FDRjtJQUNILENBQUMsQ0FBQTtJQUVELElBQU0sT0FBTyxHQUFHLFNBQVMsQ0FDdkIsTUFBTSxFQUNOLElBQUksQ0FDRixNQUFNLEVBQ04sS0FBSyxJQUFJLFNBQVMsRUFBRSxFQUNwQixRQUFRLElBQUksRUFBRSxDQUFDLFVBQVUsQ0FBQyxFQUMxQixJQUFJLEVBQ0osUUFBUSxJQUFJLEVBQUUsQ0FBQyxTQUFTLENBQUMsRUFDekIsVUFBVSxJQUFJLEVBQUUsQ0FBQyxZQUFZLENBQUMsRUFDOUIsYUFBYSxJQUFJLEVBQUUsQ0FBQyxlQUFlLENBQUMsRUFDcEMsU0FBUyxDQUNWLENBQ0YsQ0FBQTtJQUVEOztPQUVHO0lBQ0gsSUFBTSxlQUFlLEdBQUcsVUFBQyxZQUEyQztRQUNsRSxJQUFJLFlBQVksSUFBSSxVQUFVLElBQUksTUFBTSxDQUFDLE1BQU0sQ0FBQyxVQUFVLENBQUMsQ0FBQyxRQUFRLENBQUMsWUFBMEIsQ0FBQztZQUFFLE9BQU8sSUFBSSxDQUFBO0lBQy9HLENBQUMsQ0FBQTtJQUVELElBQU0sR0FBRyxHQUFHLE1BQU0sSUFBSSxlQUFlLENBQUMsTUFBTSxDQUFDLENBQUMsQ0FBQyxDQUFDLE1BQU0sQ0FBQyxDQUFDLENBQUMsR0FBRyxDQUFBO0lBRTVELE9BQU8sQ0FDTCxvQkFBQyxHQUFHLGFBQ0YsRUFBRSxFQUFFLEVBQUUsRUFDTixLQUFLLEVBQUUsYUFBYSxDQUFDLENBQUMsQ0FBQyxFQUFFLGVBQWUsRUFBRSxhQUFhLEVBQUUsQ0FBQyxDQUFDLENBQUMsRUFBRSxnQkFDbEQsa0JBQWtCLEVBQzlCLFNBQVMsRUFBRSxPQUFPLElBQ2QsTUFBTSxHQUVULFFBQVEsQ0FDTCxDQUNQLENBQUE7QUFDSCxDQUFDLENBQUE7QUFFRCxlQUFlLElBQUksQ0FBQSJ9

package/lib/components/textarea/Textarea.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { TextareaProps } from '../../components/textarea/TextareaProps';
+import { TextareaProps } from './TextareaProps';
 /**
  * Textarea Component
  * @param disabled {boolean} Disabled textarea

package/lib/components/textarea/Textarea.js

@@ -1,13 +1,13 @@
-import { __assign, __rest } from "tslib";
+import { __assign, __read, __rest } from "tslib";
 /* eslint-disable @typescript-eslint/no-unused-vars */
-import { Icon } from '../../components/icon';
+import React, { useEffect, useState } from 'react';
+import clsx from 'clsx';
 import { Text, TextLevels, TextMarkup } from '../../components/text';
-import { useTextarea } from '../../components/textarea/hooks/useTextarea';
-import { hashClass } from '../../helpers/hashClassesHelpers';
-import { TypographyColor } from '../../objects/Typography/TypographyColor';
 import { has, is } from '../../services';
-import clsx from 'clsx';
-import React from 'react';
+import { Icon } from '../../components/icon';
+import { hashClass } from '../../helpers';
+import { useTrilogyContext } from '../../context';
+import { TypographyColor } from '../../objects';
 /**
  * Textarea Component
  * @param disabled {boolean} Disabled textarea
@@ -34,23 +34,35 @@ import React from 'react';
  */
 var Textarea = function (_a) {
     var className = _a.className, id = _a.id, sample = _a.sample, required = _a.required, disabled = _a.disabled, onChange = _a.onChange, placeholder = _a.placeholder, defaultValue = _a.defaultValue, help = _a.help, status = _a.status, _b = _a.dynamicPlaceholder, dynamicPlaceholder = _b === void 0 ? true : _b, rows = _a.rows, ref = _a.ref, label = _a.label, maxLength = _a.maxLength, minLength = _a.minLength, iconNameLeft = _a.iconNameLeft, iconNameRight = _a.iconNameRight, others = __rest(_a, ["className", "id", "sample", "required", "disabled", "onChange", "placeholder", "defaultValue", "help", "status", "dynamicPlaceholder", "rows", "ref", "label", "maxLength", "minLength", "iconNameLeft", "iconNameRight"]);
-    var _c = useTextarea({ onChange: onChange, defaultValue: defaultValue }), handleChange = _c.handleChange, value = _c.value;
-    var wrapperClasses = hashClass(clsx('textarea-wrapper', className, status && is(status)));
-    var classes = hashClass(clsx('textarea', dynamicPlaceholder && has('dynamic-label'), iconNameLeft && has('icon')));
+    var _c = __read(useState(defaultValue || ''), 2), value = _c[0], setValue = _c[1];
+    var styled = useTrilogyContext().styled;
+    useEffect(function () {
+        setValue(defaultValue || '');
+    }, [defaultValue]);
+    var wrapperClasses = hashClass(styled, clsx('textarea-wrapper', className, status && is(status)));
+    var classes = hashClass(styled, clsx('textarea', dynamicPlaceholder && has('dynamic-label'), iconNameLeft && has('icon')));
     var helpClasses = clsx('help', status && is(status));
-    var counterClasses = hashClass(clsx('counter', maxLength));
+    var counterClasses = hashClass(styled, clsx('counter', maxLength));
     return (React.createElement("div", { id: id, className: wrapperClasses },
         !dynamicPlaceholder && (React.createElement("label", { className: 'textarea-label' },
             label,
             ' ',
             label && required && (React.createElement(Text, { markup: TextMarkup.SPAN, typo: TypographyColor.TEXT_ERROR }, "*")))),
         !dynamicPlaceholder && label && sample && (React.createElement(Text, { className: 'textarea-sample', level: TextLevels.TWO, typo: TypographyColor.TEXT_DISABLED }, sample)),
-        React.createElement("textarea", __assign({ minLength: minLength, disabled: disabled, ref: ref }, others, { className: classes, value: value, onChange: handleChange, placeholder: placeholder, rows: rows, maxLength: maxLength, required: required })),
+        React.createElement("textarea", __assign({ minLength: minLength, disabled: disabled, ref: ref }, others, { className: classes, value: value, onChange: function (e) {
+                setValue(e.target.value);
+                if (onChange) {
+                    onChange({
+                        textareaName: e.target.name,
+                        textareaValue: e.target.value,
+                    });
+                }
+            }, placeholder: placeholder, rows: rows, maxLength: maxLength, required: required })),
         dynamicPlaceholder && React.createElement("label", null, label),
         iconNameLeft && React.createElement(Icon, { name: iconNameLeft, size: 'small' }),
         iconNameRight && React.createElement(Icon, { name: iconNameRight, size: 'small' }),
-        help && React.createElement(Text, { className: helpClasses }, help),
-        maxLength && React.createElement("div", { className: counterClasses }, "".concat(value === null || value === void 0 ? void 0 : value.length, "/").concat(maxLength === null || maxLength === void 0 ? void 0 : maxLength.toString()))));
+        help && (React.createElement(Text, { className: helpClasses }, help)),
+        maxLength && React.createElement("div", { className: counterClasses }, "".concat(value.length, "/").concat(maxLength === null || maxLength === void 0 ? void 0 : maxLength.toString()))));
 };
 export default Textarea;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVGV4dGFyZWEuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9jb21wb25lbnRzL3RleHRhcmVhL1RleHRhcmVhLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsc0RBQXNEO0FBQ3RELE9BQU8sRUFBRSxJQUFJLEVBQUUsTUFBTSxtQkFBbUIsQ0FBQTtBQUN4QyxPQUFPLEVBQUUsSUFBSSxFQUFFLFVBQVUsRUFBRSxVQUFVLEVBQUUsTUFBTSxtQkFBbUIsQ0FBQTtBQUVoRSxPQUFPLEVBQUUsV0FBVyxFQUFFLE1BQU0seUNBQXlDLENBQUE7QUFDckUsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLDhCQUE4QixDQUFBO0FBQ3hELE9BQU8sRUFBRSxlQUFlLEVBQUUsTUFBTSxzQ0FBc0MsQ0FBQTtBQUN0RSxPQUFPLEVBQUUsR0FBRyxFQUFFLEVBQUUsRUFBRSxNQUFNLFlBQVksQ0FBQTtBQUNwQyxPQUFPLElBQUksTUFBTSxNQUFNLENBQUE7QUFDdkIsT0FBTyxLQUFLLE1BQU0sT0FBTyxDQUFBO0FBRXpCOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztHQXVCRztBQUNILElBQU0sUUFBUSxHQUFHLFVBQUMsRUFvQkY7SUFuQmQsSUFBQSxTQUFTLGVBQUEsRUFDVCxFQUFFLFFBQUEsRUFDRixNQUFNLFlBQUEsRUFDTixRQUFRLGNBQUEsRUFDUixRQUFRLGNBQUEsRUFDUixRQUFRLGNBQUEsRUFDUixXQUFXLGlCQUFBLEVBQ1gsWUFBWSxrQkFBQSxFQUNaLElBQUksVUFBQSxFQUNKLE1BQU0sWUFBQSxFQUNOLDBCQUF5QixFQUF6QixrQkFBa0IsbUJBQUcsSUFBSSxLQUFBLEVBQ3pCLElBQUksVUFBQSxFQUNKLEdBQUcsU0FBQSxFQUNILEtBQUssV0FBQSxFQUNMLFNBQVMsZUFBQSxFQUNULFNBQVMsZUFBQSxFQUNULFlBQVksa0JBQUEsRUFDWixhQUFhLG1CQUFBLEVBQ1YsTUFBTSxjQW5CTywyTkFvQmpCLENBRFU7SUFFSCxJQUFB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
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVGV4dGFyZWEuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9jb21wb25lbnRzL3RleHRhcmVhL1RleHRhcmVhLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsc0RBQXNEO0FBQ3RELE9BQU8sS0FBSyxFQUFFLEVBQUUsU0FBUyxFQUFFLFFBQVEsRUFBRSxNQUFNLE9BQU8sQ0FBQTtBQUNsRCxPQUFPLElBQUksTUFBTSxNQUFNLENBQUE7QUFDdkIsT0FBTyxFQUFFLElBQUksRUFBRSxVQUFVLEVBQUUsVUFBVSxFQUFFLE1BQU0sbUJBQW1CLENBQUE7QUFFaEUsT0FBTyxFQUFFLEdBQUcsRUFBRSxFQUFFLEVBQUUsTUFBTSxZQUFZLENBQUE7QUFDcEMsT0FBTyxFQUFFLElBQUksRUFBRSxNQUFNLG1CQUFtQixDQUFBO0FBQ3hDLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSxXQUFXLENBQUE7QUFDckMsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sV0FBVyxDQUFBO0FBQzdDLE9BQU8sRUFBRSxlQUFlLEVBQUUsTUFBTSxXQUFXLENBQUE7QUFFM0M7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0dBdUJHO0FBQ0gsSUFBTSxRQUFRLEdBQUcsVUFBQyxFQW9CRjtJQW5CZCxJQUFBLFNBQVMsZUFBQSxFQUNULEVBQUUsUUFBQSxFQUNGLE1BQU0sWUFBQSxFQUNOLFFBQVEsY0FBQSxFQUNSLFFBQVEsY0FBQSxFQUNSLFFBQVEsY0FBQSxFQUNSLFdBQVcsaUJBQUEsRUFDWCxZQUFZLGtCQUFBLEVBQ1osSUFBSSxVQUFBLEVBQ0osTUFBTSxZQUFBLEVBQ04sMEJBQXlCLEVBQXpCLGtCQUFrQixtQkFBRyxJQUFJLEtBQUEsRUFDekIsSUFBSSxVQUFBLEVBQ0osR0FBRyxTQUFBLEVBQ0gsS0FBSyxXQUFBLEVBQ0wsU0FBUyxlQUFBLEVBQ1QsU0FBUyxlQUFBLEVBQ1QsWUFBWSxrQkFBQSxFQUNaLGFBQWEsbUJBQUEsRUFDVixNQUFNLGNBbkJPLDJOQW9CakIsQ0FEVTtJQUVILElBQUEsS0FBQSxPQUFvQixRQUFRLENBQUMsWUFBWSxJQUFJLEVBQUUsQ0FBQyxJQUFBLEVBQS9DLEtBQUssUUFBQSxFQUFFLFFBQVEsUUFBZ0MsQ0FBQTtJQUM5QyxJQUFBLE1BQU0sR0FBSyxpQkFBaUIsRUFBRSxPQUF4QixDQUF3QjtJQUV0QyxTQUFTLENBQUM7UUFDUixRQUFRLENBQUMsWUFBWSxJQUFJLEVBQUUsQ0FBQyxDQUFBO0lBQzlCLENBQUMsRUFBRSxDQUFDLFlBQVksQ0FBQyxDQUFDLENBQUE7SUFFbEIsSUFBTSxjQUFjLEdBQUcsU0FBUyxDQUFDLE1BQU0sRUFBRSxJQUFJLENBQUMsa0JBQWtCLEVBQUUsU0FBUyxFQUFFLE1BQU0sSUFBSSxFQUFFLENBQUMsTUFBTSxDQUFDLENBQUMsQ0FBQyxDQUFBO0lBQ25HLElBQU0sT0FBTyxHQUFHLFNBQVMsQ0FDdkIsTUFBTSxFQUNOLElBQUksQ0FBQyxVQUFVLEVBQUUsa0JBQWtCLElBQUksR0FBRyxDQUFDLGVBQWUsQ0FBQyxFQUFFLFlBQVksSUFBSSxHQUFHLENBQUMsTUFBTSxDQUFDLENBQUMsQ0FDMUYsQ0FBQTtJQUVELElBQU0sV0FBVyxHQUFHLElBQUksQ0FBQyxNQUFNLEVBQUUsTUFBTSxJQUFJLEVBQUUsQ0FBQyxNQUFNLENBQUMsQ0FBQyxDQUFBO0lBQ3RELElBQU0sY0FBYyxHQUFHLFNBQVMsQ0FBQyxNQUFNLEVBQUUsSUFBSSxDQUFDLFNBQVMsRUFBRSxTQUFTLENBQUMsQ0FBQyxDQUFBO0lBRXBFLE9BQU8sQ0FDTCw2QkFBSyxFQUFFLEVBQUUsRUFBRSxFQUFFLFNBQVMsRUFBRSxjQUFjO1FBQ25DLENBQUMsa0JBQWtCLElBQUksQ0FDdEIsK0JBQU8sU0FBUyxFQUFDLGdCQUFnQjtZQUM5QixLQUFLO1lBQUUsR0FBRztZQUNWLEtBQUssSUFBSSxRQUFRLElBQUksQ0FDcEIsb0JBQUMsSUFBSSxJQUFDLE1BQU0sRUFBRSxVQUFVLENBQUMsSUFBSSxFQUFFLElBQUksRUFBRSxlQUFlLENBQUMsVUFBVSxRQUV4RCxDQUNSLENBQ0ssQ0FDVDtRQUNBLENBQUMsa0JBQWtCLElBQUksS0FBSyxJQUFJLE1BQU0sSUFBSSxDQUN6QyxvQkFBQyxJQUFJLElBQUMsU0FBUyxFQUFDLGlCQUFpQixFQUFDLEtBQUssRUFBRSxVQUFVLENBQUMsR0FBRyxFQUFFLElBQUksRUFBRSxlQUFlLENBQUMsYUFBYSxJQUN6RixNQUFNLENBQ0YsQ0FDUjtRQUVELDJDQUNFLFNBQVMsRUFBRSxTQUFTLEVBQ3BCLFFBQVEsRUFBRSxRQUFRLEVBQ2xCLEdBQUcsRUFBRSxHQUFHLElBQ0osTUFBTSxJQUNWLFNBQVMsRUFBRSxPQUFPLEVBQ2xCLEtBQUssRUFBRSxLQUFLLEVBQ1osUUFBUSxFQUFFLFVBQUMsQ0FBQztnQkFDVixRQUFRLENBQUMsQ0FBQyxDQUFDLE1BQU0sQ0FBQyxLQUFLLENBQUMsQ0FBQTtnQkFDeEIsSUFBSSxRQUFRLEVBQUU7b0JBQ1osUUFBUSxDQUFDO3dCQUNQLFlBQVksRUFBRSxDQUFDLENBQUMsTUFBTSxDQUFDLElBQUk7d0JBQzNCLGFBQWEsRUFBRSxDQUFDLENBQUMsTUFBTSxDQUFDLEtBQUs7cUJBQzlCLENBQUMsQ0FBQTtpQkFDSDtZQUNILENBQUMsRUFDRCxXQUFXLEVBQUUsV0FBVyxFQUN4QixJQUFJLEVBQUUsSUFBSSxFQUNWLFNBQVMsRUFBRSxTQUFTLEVBQ3BCLFFBQVEsRUFBRSxRQUFRLElBQ2xCO1FBQ0Qsa0JBQWtCLElBQUksbUNBQVEsS0FBSyxDQUFTO1FBQzVDLFlBQVksSUFBSSxvQkFBQyxJQUFJLElBQUMsSUFBSSxFQUFFLFlBQVksRUFBRSxJQUFJLEVBQUMsT0FBTyxHQUFHO1FBQ3pELGFBQWEsSUFBSSxvQkFBQyxJQUFJLElBQUMsSUFBSSxFQUFFLGFBQWEsRUFBRSxJQUFJLEVBQUMsT0FBTyxHQUFHO1FBQzNELElBQUksSUFBSSxDQUNQLG9CQUFDLElBQUksSUFBQyxTQUFTLEVBQUUsV0FBVyxJQUN6QixJQUFJLENBQ0EsQ0FDUjtRQUNBLFNBQVMsSUFBSSw2QkFBSyxTQUFTLEVBQUUsY0FBYyxJQUFHLFVBQUcsS0FBSyxDQUFDLE1BQU0sY0FBSSxTQUFTLGFBQVQsU0FBUyx1QkFBVCxTQUFTLENBQUUsUUFBUSxFQUFFLENBQUUsQ0FBTyxDQUM1RixDQUNQLENBQUE7QUFDSCxDQUFDLENBQUE7QUFFRCxlQUFlLFFBQVEsQ0FBQSJ9

package/lib/components/textarea/TextareaProps.d.ts

@@ -2,15 +2,14 @@ import { IconName, IconNameValues } from '../../components/icon/IconNameEnum';
 import { Referenceable, ReferenceableNative } from '../../objects/facets/Referenceable';
 import { IconStatus } from '../../components/icon';
 import { InputAutoCapitalize, InputAutoCapitalizeValues, InputAutoCompleteType, InputAutoCompleteTypeValues, InputKeyboardAppearance, InputKeyboardAppearanceValues, InputKeyboardType, InputKeyboardTypeValues, InputStatus, InputStatusValues, InputTextContentType, InputTextContentTypeValues } from '../../components/input/InputEnum';
-import { Accessibility } from '../../objects/facets/Accessibility';
-import { CommonProps } from '../../objects/facets/CommonProps';
-import { Dev } from '../../objects/facets/Dev';
+import { Accessibility, Dev } from '../../objects';
 import { TextInput } from 'react-native';
+import { CommonProps } from '../../objects/facets/CommonProps';
 export interface TextareaChangeEvent {
     textareaName: string;
     textareaValue: string;
 }
-export type TextareaChangeEventHandler = (event: TextareaChangeEvent) => void;
+type TextareaChangeEventHandler = (event: TextareaChangeEvent) => void;
 type TextareaPropsWeb = Accessibility & Dev & {
     placeholder?: string;
     defaultValue?: string;

package/lib/components/timeline/Timeline.js

@@ -1,8 +1,9 @@
 import { __assign, __rest } from "tslib";
+import * as React from 'react';
 import { hashClass } from '../../helpers';
-import { is } from '../../services';
 import clsx from 'clsx';
-import * as React from 'react';
+import { useTrilogyContext } from '../../context';
+import { is } from '../../services';
 /**
  * Timeline Component
  * @param notifications {boolean} Timeline notification rendering
@@ -12,8 +13,9 @@ import * as React from 'react';
  */
 var Timeline = function (_a) {
     var className = _a.className, id = _a.id, horizontal = _a.horizontal, others = __rest(_a, ["className", "id", "horizontal"]);
-    var classes = hashClass(clsx('timeline', horizontal && is('horizontal'), className));
+    var styled = useTrilogyContext().styled;
+    var classes = hashClass(styled, clsx('timeline', horizontal && is('horizontal'), className));
     return React.createElement("div", __assign({ id: id, className: classes }, others));
 };
 export default Timeline;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVGltZWxpbmUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9jb21wb25lbnRzL3RpbWVsaW5lL1RpbWVsaW5lLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLFdBQVcsQ0FBQTtBQUNyQyxPQUFPLEVBQUUsRUFBRSxFQUFFLE1BQU0sWUFBWSxDQUFBO0FBQy9CLE9BQU8sSUFBSSxNQUFNLE1BQU0sQ0FBQTtBQUN2QixPQUFPLEtBQUssS0FBSyxNQUFNLE9BQU8sQ0FBQTtBQUc5Qjs7Ozs7O0dBTUc7QUFDSCxJQUFNLFFBQVEsR0FBRyxVQUFDLEVBQXVEO0lBQXJELElBQUEsU0FBUyxlQUFBLEVBQUUsRUFBRSxRQUFBLEVBQUUsVUFBVSxnQkFBQSxFQUFLLE1BQU0sY0FBdEMsaUNBQXdDLENBQUY7SUFDdEQsSUFBTSxPQUFPLEdBQUcsU0FBUyxDQUFDLElBQUksQ0FBQyxVQUFVLEVBQUUsVUFBVSxJQUFJLEVBQUUsQ0FBQyxZQUFZLENBQUMsRUFBRSxTQUFTLENBQUMsQ0FBQyxDQUFBO0lBRXRGLE9BQU8sc0NBQUssRUFBRSxFQUFFLEVBQUUsRUFBRSxTQUFTLEVBQUUsT0FBTyxJQUFNLE1BQU0sRUFBSSxDQUFBO0FBQ3hELENBQUMsQ0FBQTtBQUVELGVBQWUsUUFBUSxDQUFBIn0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVGltZWxpbmUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9jb21wb25lbnRzL3RpbWVsaW5lL1RpbWVsaW5lLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxLQUFLLEtBQUssTUFBTSxPQUFPLENBQUE7QUFFOUIsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLFdBQVcsQ0FBQTtBQUNyQyxPQUFPLElBQUksTUFBTSxNQUFNLENBQUE7QUFDdkIsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sV0FBVyxDQUFBO0FBQzdDLE9BQU8sRUFBRSxFQUFFLEVBQUUsTUFBTSxZQUFZLENBQUE7QUFFL0I7Ozs7OztHQU1HO0FBQ0gsSUFBTSxRQUFRLEdBQUcsVUFBQyxFQUF1RDtJQUFyRCxJQUFBLFNBQVMsZUFBQSxFQUFFLEVBQUUsUUFBQSxFQUFFLFVBQVUsZ0JBQUEsRUFBSyxNQUFNLGNBQXRDLGlDQUF3QyxDQUFGO0lBQzlDLElBQUEsTUFBTSxHQUFLLGlCQUFpQixFQUFFLE9BQXhCLENBQXdCO0lBQ3RDLElBQU0sT0FBTyxHQUFHLFNBQVMsQ0FBQyxNQUFNLEVBQUUsSUFBSSxDQUFDLFVBQVUsRUFBRSxVQUFVLElBQUksRUFBRSxDQUFDLFlBQVksQ0FBQyxFQUFFLFNBQVMsQ0FBQyxDQUFDLENBQUE7SUFFOUYsT0FBTyxzQ0FBSyxFQUFFLEVBQUUsRUFBRSxFQUFFLFNBQVMsRUFBRSxPQUFPLElBQU0sTUFBTSxFQUFJLENBQUE7QUFDeEQsQ0FBQyxDQUFBO0FBRUQsZUFBZSxRQUFRLENBQUEifQ==

package/lib/components/timeline/content/TimelineContent.js

@@ -1,9 +1,10 @@
 import { __assign, __rest } from "tslib";
-import { Link } from '../../../components/link';
+import * as React from 'react';
+import clsx from 'clsx';
 import { Text, TextMarkup } from '../../../components/text';
+import { Link } from '../../../components/link';
 import { hashClass } from '../../../helpers';
-import clsx from 'clsx';
-import * as React from 'react';
+import { useTrilogyContext } from '../../../context';
 /**
  * Timeline Content Component
  * @param children {ReactNode} Use it if you want custom children for content
@@ -15,7 +16,8 @@ import * as React from 'react';
  */
 var TimelineContent = function (_a) {
     var children = _a.children, className = _a.className, id = _a.id, heading = _a.heading, content = _a.content, linkLabel = _a.linkLabel, linkTo = _a.linkTo, others = __rest(_a, ["children", "className", "id", "heading", "content", "linkLabel", "linkTo"]);
-    var classes = hashClass(clsx('timeline-content', className));
+    var styled = useTrilogyContext().styled;
+    var classes = hashClass(styled, clsx('timeline-content', className));
     if (children) {
         return (React.createElement("div", __assign({ id: id, className: classes }, others), children));
     }
@@ -25,4 +27,4 @@ var TimelineContent = function (_a) {
         linkTo && linkLabel && React.createElement(Link, { href: linkTo }, linkLabel)));
 };
 export default TimelineContent;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVGltZWxpbmVDb250ZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vY29tcG9uZW50cy90aW1lbGluZS9jb250ZW50L1RpbWVsaW5lQ29udGVudC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUFBLE9BQU8sRUFBRSxJQUFJLEVBQUUsTUFBTSxtQkFBbUIsQ0FBQTtBQUN4QyxPQUFPLEVBQUUsSUFBSSxFQUFFLFVBQVUsRUFBRSxNQUFNLG1CQUFtQixDQUFBO0FBQ3BELE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSxXQUFXLENBQUE7QUFDckMsT0FBTyxJQUFJLE1BQU0sTUFBTSxDQUFBO0FBQ3ZCLE9BQU8sS0FBSyxLQUFLLE1BQU0sT0FBTyxDQUFBO0FBRzlCOzs7Ozs7OztHQVFHO0FBQ0gsSUFBTSxlQUFlLEdBQUcsVUFBQyxFQVNDO0lBUnhCLElBQUEsUUFBUSxjQUFBLEVBQ1IsU0FBUyxlQUFBLEVBQ1QsRUFBRSxRQUFBLEVBQ0YsT0FBTyxhQUFBLEVBQ1AsT0FBTyxhQUFBLEVBQ1AsU0FBUyxlQUFBLEVBQ1QsTUFBTSxZQUFBLEVBQ0gsTUFBTSxjQVJjLDRFQVN4QixDQURVO0lBRVQsSUFBTSxPQUFPLEdBQUcsU0FBUyxDQUFDLElBQUksQ0FBQyxrQkFBa0IsRUFBRSxTQUFTLENBQUMsQ0FBQyxDQUFBO0lBRTlELElBQUksUUFBUSxFQUFFO1FBQ1osT0FBTyxDQUNMLHNDQUFLLEVBQUUsRUFBRSxFQUFFLEVBQUUsU0FBUyxFQUFFLE9BQU8sSUFBTSxNQUFNLEdBQ3hDLFFBQVEsQ0FDTCxDQUNQLENBQUE7S0FDRjtJQUVELE9BQU8sQ0FDTCxzQ0FBSyxFQUFFLEVBQUUsRUFBRSxFQUFFLFNBQVMsRUFBRSxPQUFPLElBQU0sTUFBTTtRQUN4QyxPQUFPLElBQUksb0JBQUMsSUFBSSxJQUFDLE1BQU0sRUFBRSxVQUFVLENBQUMsQ0FBQyxJQUFHLE9BQU8sQ0FBUTtRQUN2RCxPQUFPLElBQUksQ0FDVixvQkFBQyxJQUFJLElBQUMsU0FBUyxFQUFDLGNBQWMsRUFBQyxNQUFNLEVBQUUsVUFBVSxDQUFDLENBQUMsSUFDaEQsT0FBTyxDQUNILENBQ1I7UUFDQSxNQUFNLElBQUksU0FBUyxJQUFJLG9CQUFDLElBQUksSUFBQyxJQUFJLEVBQUUsTUFBTSxJQUFHLFNBQVMsQ0FBUSxDQUMxRCxDQUNQLENBQUE7QUFDSCxDQUFDLENBQUE7QUFFRCxlQUFlLGVBQWUsQ0FBQSJ9
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVGltZWxpbmVDb250ZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vY29tcG9uZW50cy90aW1lbGluZS9jb250ZW50L1RpbWVsaW5lQ29udGVudC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUFBLE9BQU8sS0FBSyxLQUFLLE1BQU0sT0FBTyxDQUFBO0FBQzlCLE9BQU8sSUFBSSxNQUFNLE1BQU0sQ0FBQTtBQUV2QixPQUFPLEVBQUUsSUFBSSxFQUFFLFVBQVUsRUFBRSxNQUFNLG1CQUFtQixDQUFBO0FBQ3BELE9BQU8sRUFBRSxJQUFJLEVBQUUsTUFBTSxtQkFBbUIsQ0FBQTtBQUN4QyxPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sV0FBVyxDQUFBO0FBQ3JDLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLFdBQVcsQ0FBQTtBQUU3Qzs7Ozs7Ozs7R0FRRztBQUNILElBQU0sZUFBZSxHQUFHLFVBQUMsRUFTQztJQVJ4QixJQUFBLFFBQVEsY0FBQSxFQUNSLFNBQVMsZUFBQSxFQUNULEVBQUUsUUFBQSxFQUNGLE9BQU8sYUFBQSxFQUNQLE9BQU8sYUFBQSxFQUNQLFNBQVMsZUFBQSxFQUNULE1BQU0sWUFBQSxFQUNILE1BQU0sY0FSYyw0RUFTeEIsQ0FEVTtJQUVELElBQUEsTUFBTSxHQUFLLGlCQUFpQixFQUFFLE9BQXhCLENBQXdCO0lBQ3RDLElBQU0sT0FBTyxHQUFHLFNBQVMsQ0FBQyxNQUFNLEVBQUUsSUFBSSxDQUFDLGtCQUFrQixFQUFFLFNBQVMsQ0FBQyxDQUFDLENBQUE7SUFFdEUsSUFBSSxRQUFRLEVBQUU7UUFDWixPQUFPLENBQ0wsc0NBQUssRUFBRSxFQUFFLEVBQUUsRUFBRSxTQUFTLEVBQUUsT0FBTyxJQUFNLE1BQU0sR0FDeEMsUUFBUSxDQUNMLENBQ1AsQ0FBQTtLQUNGO0lBRUQsT0FBTyxDQUNMLHNDQUFLLEVBQUUsRUFBRSxFQUFFLEVBQUUsU0FBUyxFQUFFLE9BQU8sSUFBTSxNQUFNO1FBQ3hDLE9BQU8sSUFBSSxvQkFBQyxJQUFJLElBQUMsTUFBTSxFQUFFLFVBQVUsQ0FBQyxDQUFDLElBQUcsT0FBTyxDQUFRO1FBQ3ZELE9BQU8sSUFBSSxDQUNWLG9CQUFDLElBQUksSUFBQyxTQUFTLEVBQUMsY0FBYyxFQUFDLE1BQU0sRUFBRSxVQUFVLENBQUMsQ0FBQyxJQUNoRCxPQUFPLENBQ0gsQ0FDUjtRQUNBLE1BQU0sSUFBSSxTQUFTLElBQUksb0JBQUMsSUFBSSxJQUFDLElBQUksRUFBRSxNQUFNLElBQUcsU0FBUyxDQUFRLENBQzFELENBQ1AsQ0FBQTtBQUNILENBQUMsQ0FBQTtBQUVELGVBQWUsZUFBZSxDQUFBIn0=

package/lib/components/timeline/item/TimelineItem.js

@@ -1,7 +1,8 @@
 import { __assign, __rest } from "tslib";
-import { hashClass } from '../../../helpers';
-import clsx from 'clsx';
 import * as React from 'react';
+import clsx from 'clsx';
+import { useTrilogyContext } from '../../../context';
+import { hashClass } from '../../../helpers';
 /**
  * Timeline Item Component
  * @param children {ReactNode}
@@ -13,8 +14,9 @@ import * as React from 'react';
  */
 var TimelineItem = function (_a) {
     var className = _a.className, id = _a.id, done = _a.done, active = _a.active, cancel = _a.cancel, others = __rest(_a, ["className", "id", "done", "active", "cancel"]);
-    var classes = hashClass(clsx('timeline-item', done && 'done', active && 'active', cancel && 'cancel', className));
+    var styled = useTrilogyContext().styled;
+    var classes = hashClass(styled, clsx('timeline-item', done && 'done', active && 'active', cancel && 'cancel', className));
     return React.createElement("div", __assign({ id: id, className: classes }, others));
 };
 export default TimelineItem;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVGltZWxpbmVJdGVtLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vY29tcG9uZW50cy90aW1lbGluZS9pdGVtL1RpbWVsaW5lSXRlbS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSxXQUFXLENBQUE7QUFDckMsT0FBTyxJQUFJLE1BQU0sTUFBTSxDQUFBO0FBQ3ZCLE9BQU8sS0FBSyxLQUFLLE1BQU0sT0FBTyxDQUFBO0FBRzlCOzs7Ozs7OztHQVFHO0FBQ0gsSUFBTSxZQUFZLEdBQUcsVUFBQyxFQUF3RTtJQUF0RSxJQUFBLFNBQVMsZUFBQSxFQUFFLEVBQUUsUUFBQSxFQUFFLElBQUksVUFBQSxFQUFFLE1BQU0sWUFBQSxFQUFFLE1BQU0sWUFBQSxFQUFLLE1BQU0sY0FBaEQsK0NBQWtELENBQUY7SUFDcEUsSUFBTSxPQUFPLEdBQUcsU0FBUyxDQUFDLElBQUksQ0FBQyxlQUFlLEVBQUUsSUFBSSxJQUFJLE1BQU0sRUFBRSxNQUFNLElBQUksUUFBUSxFQUFFLE1BQU0sSUFBSSxRQUFRLEVBQUUsU0FBUyxDQUFDLENBQUMsQ0FBQTtJQUNuSCxPQUFPLHNDQUFLLEVBQUUsRUFBRSxFQUFFLEVBQUUsU0FBUyxFQUFFLE9BQU8sSUFBTSxNQUFNLEVBQUksQ0FBQTtBQUN4RCxDQUFDLENBQUE7QUFFRCxlQUFlLFlBQVksQ0FBQSJ9
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVGltZWxpbmVJdGVtLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vY29tcG9uZW50cy90aW1lbGluZS9pdGVtL1RpbWVsaW5lSXRlbS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUFBLE9BQU8sS0FBSyxLQUFLLE1BQU0sT0FBTyxDQUFBO0FBQzlCLE9BQU8sSUFBSSxNQUFNLE1BQU0sQ0FBQTtBQUV2QixPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxXQUFXLENBQUE7QUFDN0MsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLFdBQVcsQ0FBQTtBQUVyQzs7Ozs7Ozs7R0FRRztBQUNILElBQU0sWUFBWSxHQUFHLFVBQUMsRUFBd0U7SUFBdEUsSUFBQSxTQUFTLGVBQUEsRUFBRSxFQUFFLFFBQUEsRUFBRSxJQUFJLFVBQUEsRUFBRSxNQUFNLFlBQUEsRUFBRSxNQUFNLFlBQUEsRUFBSyxNQUFNLGNBQWhELCtDQUFrRCxDQUFGO0lBQzVELElBQUEsTUFBTSxHQUFLLGlCQUFpQixFQUFFLE9BQXhCLENBQXdCO0lBQ3RDLElBQU0sT0FBTyxHQUFHLFNBQVMsQ0FDdkIsTUFBTSxFQUNOLElBQUksQ0FBQyxlQUFlLEVBQUUsSUFBSSxJQUFJLE1BQU0sRUFBRSxNQUFNLElBQUksUUFBUSxFQUFFLE1BQU0sSUFBSSxRQUFRLEVBQUUsU0FBUyxDQUFDLENBQ3pGLENBQUE7SUFDRCxPQUFPLHNDQUFLLEVBQUUsRUFBRSxFQUFFLEVBQUUsU0FBUyxFQUFFLE9BQU8sSUFBTSxNQUFNLEVBQUksQ0FBQTtBQUN4RCxDQUFDLENBQUE7QUFFRCxlQUFlLFlBQVksQ0FBQSJ9