@trilogy-ds/react 4.0.6-SC-beta-2 → 4.0.6-SC-beta-3

package/lib/components/box/Box.js

@@ -1,10 +1,11 @@
 import { __assign, __rest } from "tslib";
-import { hashClass } from '../../helpers';
-import { getColorClassName } from '../../objects';
-import { getBackgroundClassName } from '../../objects/atoms/Background';
+import React from 'react';
 import { has, is } from '../../services/classify';
+import { getBackgroundClassName } from '../../objects/atoms/Background';
+import { getColorClassName } from '../../objects';
 import clsx from 'clsx';
-import React from 'react';
+import { hashClass } from '../../helpers';
+import { useTrilogyContext } from '../../context';
 /**
  * Box Component
  * @param children {React.ReactNode} Box child
@@ -25,14 +26,21 @@ import React from 'react';
  */
 var Box = function (_a) {
     var inverted = _a.inverted, children = _a.children, className = _a.className, id = _a.id, onClick = _a.onClick, skeleton = _a.skeleton, href = _a.href, backgroundColor = _a.backgroundColor, highlighted = _a.highlighted, shadowless = _a.shadowless, backgroundSrc = _a.backgroundSrc, flat = _a.flat, headerOffset = _a.headerOffset, fullheight = _a.fullheight, active = _a.active, others = __rest(_a, ["inverted", "children", "className", "id", "onClick", "skeleton", "href", "backgroundColor", "highlighted", "shadowless", "backgroundSrc", "flat", "headerOffset", "fullheight", "active"]);
-    var classes = hashClass(clsx('box', shadowless && is('shadowless'), className, backgroundColor && has(getBackgroundClassName(backgroundColor)), backgroundSrc && has('background'), inverted && is('inverted'), skeleton && is('loading'), highlighted && "".concat(is('highlighted'), " ").concat(is(getColorClassName(highlighted))), flat && is('flat'), headerOffset && is('offset-header'), fullheight && is('fullheight'), active && is('active')));
+    var styled = useTrilogyContext().styled;
+    var classes = hashClass(styled, clsx('box', shadowless && is('shadowless'), className, backgroundColor && has(getBackgroundClassName(backgroundColor)), backgroundSrc && has('background'), inverted && is('inverted'), skeleton && is('loading'), highlighted && "".concat(is('highlighted'), " ").concat(is(getColorClassName(highlighted))), flat && is('flat'), headerOffset && is('offset-header'), fullheight && is('fullheight'), active && is('active')));
     if (href) {
-        return (React.createElement("a", __assign({ id: id, href: href, onClick: onClick && onClick, className: classes }, others), children));
+        return (React.createElement("a", __assign({ id: id, href: href, onClick: function (e) {
+                // eslint-disable-next-line no-unused-expressions
+                onClick === null || onClick === void 0 ? void 0 : onClick(e);
+            }, className: classes }, others), children));
     }
     var hoverStyle = {
         cursor: 'pointer',
     };
-    return (React.createElement("div", __assign({ id: id, style: onClick && __assign({}, hoverStyle), onClick: onClick && onClick, className: classes }, others, (backgroundSrc && {
+    return (React.createElement("div", __assign({ id: id, style: onClick && __assign({}, hoverStyle), onClick: function (e) {
+            // eslint-disable-next-line no-unused-expressions
+            onClick === null || onClick === void 0 ? void 0 : onClick(e);
+        }, className: classes }, others, (backgroundSrc && {
         style: {
             backgroundImage: "url(".concat(backgroundSrc, ")"),
             backgroundSize: 'cover',
@@ -41,4 +49,4 @@ var Box = function (_a) {
     })), children));
 };
 export default Box;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQm94LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vY29tcG9uZW50cy9ib3gvQm94LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLFdBQVcsQ0FBQTtBQUNyQyxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxXQUFXLENBQUE7QUFDN0MsT0FBTyxFQUFFLHNCQUFzQixFQUFFLE1BQU0sNEJBQTRCLENBQUE7QUFDbkUsT0FBTyxFQUFFLEdBQUcsRUFBRSxFQUFFLEVBQUUsTUFBTSxxQkFBcUIsQ0FBQTtBQUM3QyxPQUFPLElBQUksTUFBTSxNQUFNLENBQUE7QUFDdkIsT0FBTyxLQUFLLE1BQU0sT0FBTyxDQUFBO0FBR3pCOzs7Ozs7Ozs7Ozs7Ozs7OztHQWlCRztBQUNILElBQU0sR0FBRyxHQUFHLFVBQUMsRUFpQkY7SUFoQlQsSUFBQSxRQUFRLGNBQUEsRUFDUixRQUFRLGNBQUEsRUFDUixTQUFTLGVBQUEsRUFDVCxFQUFFLFFBQUEsRUFDRixPQUFPLGFBQUEsRUFDUCxRQUFRLGNBQUEsRUFDUixJQUFJLFVBQUEsRUFDSixlQUFlLHFCQUFBLEVBQ2YsV0FBVyxpQkFBQSxFQUNYLFVBQVUsZ0JBQUEsRUFDVixhQUFhLG1CQUFBLEVBQ2IsSUFBSSxVQUFBLEVBQ0osWUFBWSxrQkFBQSxFQUNaLFVBQVUsZ0JBQUEsRUFDVixNQUFNLFlBQUEsRUFDSCxNQUFNLGNBaEJFLDJMQWlCWixDQURVO0lBRVQsSUFBTSxPQUFPLEdBQUcsU0FBUyxDQUN2QixJQUFJLENBQ0YsS0FBSyxFQUNMLFVBQVUsSUFBSSxFQUFFLENBQUMsWUFBWSxDQUFDLEVBQzlCLFNBQVMsRUFDVCxlQUFlLElBQUksR0FBRyxDQUFDLHNCQUFzQixDQUFDLGVBQWUsQ0FBQyxDQUFDLEVBQy9ELGFBQWEsSUFBSSxHQUFHLENBQUMsWUFBWSxDQUFDLEVBQ2xDLFFBQVEsSUFBSSxFQUFFLENBQUMsVUFBVSxDQUFDLEVBQzFCLFFBQVEsSUFBSSxFQUFFLENBQUMsU0FBUyxDQUFDLEVBQ3pCLFdBQVcsSUFBSSxVQUFHLEVBQUUsQ0FBQyxhQUFhLENBQUMsY0FBSSxFQUFFLENBQUMsaUJBQWlCLENBQUMsV0FBVyxDQUFDLENBQUMsQ0FBRSxFQUMzRSxJQUFJLElBQUksRUFBRSxDQUFDLE1BQU0sQ0FBQyxFQUNsQixZQUFZLElBQUksRUFBRSxDQUFDLGVBQWUsQ0FBQyxFQUNuQyxVQUFVLElBQUksRUFBRSxDQUFDLFlBQVksQ0FBQyxFQUM5QixNQUFNLElBQUksRUFBRSxDQUFDLFFBQVEsQ0FBQyxDQUN2QixDQUNGLENBQUE7SUFFRCxJQUFJLElBQUksRUFBRTtRQUNSLE9BQU8sQ0FDTCxvQ0FDRSxFQUFFLEVBQUUsRUFBRSxFQUNOLElBQUksRUFBRSxJQUFJLEVBQ1YsT0FBTyxFQUFFLE9BQU8sSUFBSSxPQUFPLEVBQzNCLFNBQVMsRUFBRSxPQUFPLElBQ2QsTUFBTSxHQUVULFFBQVEsQ0FDUCxDQUNMLENBQUE7S0FDRjtJQUVELElBQU0sVUFBVSxHQUF3QjtRQUN0QyxNQUFNLEVBQUUsU0FBUztLQUNsQixDQUFBO0lBRUQsT0FBTyxDQUNMLHNDQUNFLEVBQUUsRUFBRSxFQUFFLEVBQ04sS0FBSyxFQUFFLE9BQU8saUJBQVMsVUFBVSxDQUFFLEVBQ25DLE9BQU8sRUFBRSxPQUFPLElBQUksT0FBTyxFQUMzQixTQUFTLEVBQUUsT0FBTyxJQUNkLE1BQU0sRUFDTixDQUFDLGFBQWEsSUFBSTtRQUNwQixLQUFLLEVBQUU7WUFDTCxlQUFlLEVBQUUsY0FBTyxhQUFhLE1BQUc7WUFDeEMsY0FBYyxFQUFFLE9BQU87WUFDdkIsa0JBQWtCLEVBQUUsS0FBSztTQUMxQjtLQUNGLENBQUMsR0FFRCxRQUFRLENBQ0wsQ0FDUCxDQUFBO0FBQ0gsQ0FBQyxDQUFBO0FBRUQsZUFBZSxHQUFHLENBQUEifQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQm94LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vY29tcG9uZW50cy9ib3gvQm94LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxLQUFLLE1BQU0sT0FBTyxDQUFBO0FBRXpCLE9BQU8sRUFBRSxHQUFHLEVBQUUsRUFBRSxFQUFFLE1BQU0scUJBQXFCLENBQUE7QUFDN0MsT0FBTyxFQUFFLHNCQUFzQixFQUFFLE1BQU0sNEJBQTRCLENBQUE7QUFDbkUsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sV0FBVyxDQUFBO0FBQzdDLE9BQU8sSUFBSSxNQUFNLE1BQU0sQ0FBQTtBQUN2QixPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sV0FBVyxDQUFBO0FBQ3JDLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLFdBQVcsQ0FBQTtBQUU3Qzs7Ozs7Ozs7Ozs7Ozs7Ozs7R0FpQkc7QUFDSCxJQUFNLEdBQUcsR0FBRyxVQUFDLEVBaUJGO0lBaEJULElBQUEsUUFBUSxjQUFBLEVBQ1IsUUFBUSxjQUFBLEVBQ1IsU0FBUyxlQUFBLEVBQ1QsRUFBRSxRQUFBLEVBQ0YsT0FBTyxhQUFBLEVBQ1AsUUFBUSxjQUFBLEVBQ1IsSUFBSSxVQUFBLEVBQ0osZUFBZSxxQkFBQSxFQUNmLFdBQVcsaUJBQUEsRUFDWCxVQUFVLGdCQUFBLEVBQ1YsYUFBYSxtQkFBQSxFQUNiLElBQUksVUFBQSxFQUNKLFlBQVksa0JBQUEsRUFDWixVQUFVLGdCQUFBLEVBQ1YsTUFBTSxZQUFBLEVBQ0gsTUFBTSxjQWhCRSwyTEFpQlosQ0FEVTtJQUVELElBQUEsTUFBTSxHQUFLLGlCQUFpQixFQUFFLE9BQXhCLENBQXdCO0lBQ3RDLElBQU0sT0FBTyxHQUFHLFNBQVMsQ0FDdkIsTUFBTSxFQUNOLElBQUksQ0FDRixLQUFLLEVBQ0wsVUFBVSxJQUFJLEVBQUUsQ0FBQyxZQUFZLENBQUMsRUFDOUIsU0FBUyxFQUNULGVBQWUsSUFBSSxHQUFHLENBQUMsc0JBQXNCLENBQUMsZUFBZSxDQUFDLENBQUMsRUFDL0QsYUFBYSxJQUFJLEdBQUcsQ0FBQyxZQUFZLENBQUMsRUFDbEMsUUFBUSxJQUFJLEVBQUUsQ0FBQyxVQUFVLENBQUMsRUFDMUIsUUFBUSxJQUFJLEVBQUUsQ0FBQyxTQUFTLENBQUMsRUFDekIsV0FBVyxJQUFJLFVBQUcsRUFBRSxDQUFDLGFBQWEsQ0FBQyxjQUFJLEVBQUUsQ0FBQyxpQkFBaUIsQ0FBQyxXQUFXLENBQUMsQ0FBQyxDQUFFLEVBQzNFLElBQUksSUFBSSxFQUFFLENBQUMsTUFBTSxDQUFDLEVBQ2xCLFlBQVksSUFBSSxFQUFFLENBQUMsZUFBZSxDQUFDLEVBQ25DLFVBQVUsSUFBSSxFQUFFLENBQUMsWUFBWSxDQUFDLEVBQzlCLE1BQU0sSUFBSSxFQUFFLENBQUMsUUFBUSxDQUFDLENBQ3ZCLENBQ0YsQ0FBQTtJQUVELElBQUksSUFBSSxFQUFFO1FBQ1IsT0FBTyxDQUNMLG9DQUNFLEVBQUUsRUFBRSxFQUFFLEVBQ04sSUFBSSxFQUFFLElBQUksRUFDVixPQUFPLEVBQUUsVUFBQyxDQUFDO2dCQUNULGlEQUFpRDtnQkFDakQsT0FBTyxhQUFQLE9BQU8sdUJBQVAsT0FBTyxDQUFHLENBQUMsQ0FBQyxDQUFBO1lBQ2QsQ0FBQyxFQUNELFNBQVMsRUFBRSxPQUFPLElBQ2QsTUFBTSxHQUVULFFBQVEsQ0FDUCxDQUNMLENBQUE7S0FDRjtJQUVELElBQU0sVUFBVSxHQUF3QjtRQUN0QyxNQUFNLEVBQUUsU0FBUztLQUNsQixDQUFBO0lBRUQsT0FBTyxDQUNMLHNDQUNFLEVBQUUsRUFBRSxFQUFFLEVBQ04sS0FBSyxFQUFFLE9BQU8saUJBQVMsVUFBVSxDQUFFLEVBQ25DLE9BQU8sRUFBRSxVQUFDLENBQUM7WUFDVCxpREFBaUQ7WUFDakQsT0FBTyxhQUFQLE9BQU8sdUJBQVAsT0FBTyxDQUFHLENBQUMsQ0FBQyxDQUFBO1FBQ2QsQ0FBQyxFQUNELFNBQVMsRUFBRSxPQUFPLElBQ2QsTUFBTSxFQUNOLENBQUMsYUFBYSxJQUFJO1FBQ3BCLEtBQUssRUFBRTtZQUNMLGVBQWUsRUFBRSxjQUFPLGFBQWEsTUFBRztZQUN4QyxjQUFjLEVBQUUsT0FBTztZQUN2QixrQkFBa0IsRUFBRSxLQUFLO1NBQzFCO0tBQ0YsQ0FBQyxHQUVELFFBQVEsQ0FDTCxDQUNQLENBQUE7QUFDSCxDQUFDLENBQUE7QUFFRCxlQUFlLEdBQUcsQ0FBQSJ9

package/lib/components/box/content/BoxContent.js

@@ -1,9 +1,10 @@
 import { __assign, __rest } from "tslib";
-import { hashClass } from '../../../helpers';
-import { getBackgroundClassName } from '../../../objects/atoms/Background';
+import * as React from 'react';
 import { has } from '../../../services/classify';
+import { getBackgroundClassName } from '../../../objects/atoms/Background';
 import clsx from 'clsx';
-import * as React from 'react';
+import { hashClass } from '../../../helpers';
+import { useTrilogyContext } from '../../../context';
 /**
  * Box Content
  * @param children {React.ReactNode} Box Content Children
@@ -14,8 +15,9 @@ import * as React from 'react';
  */
 var BoxContent = function (_a) {
     var children = _a.children, className = _a.className, id = _a.id, backgroundColor = _a.backgroundColor, others = __rest(_a, ["children", "className", "id", "backgroundColor"]);
-    var classes = hashClass(clsx('box-content', backgroundColor && has(getBackgroundClassName(backgroundColor)), className));
+    var styled = useTrilogyContext().styled;
+    var classes = hashClass(styled, clsx('box-content', backgroundColor && has(getBackgroundClassName(backgroundColor)), className));
     return (React.createElement("div", __assign({ id: id, className: classes }, others), children));
 };
 export default BoxContent;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQm94Q29udGVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL2NvbXBvbmVudHMvYm94L2NvbnRlbnQvQm94Q29udGVudC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSxXQUFXLENBQUE7QUFDckMsT0FBTyxFQUFFLHNCQUFzQixFQUFFLE1BQU0sNEJBQTRCLENBQUE7QUFDbkUsT0FBTyxFQUFFLEdBQUcsRUFBRSxNQUFNLHFCQUFxQixDQUFBO0FBQ3pDLE9BQU8sSUFBSSxNQUFNLE1BQU0sQ0FBQTtBQUN2QixPQUFPLEtBQUssS0FBSyxNQUFNLE9BQU8sQ0FBQTtBQUc5Qjs7Ozs7OztHQU9HO0FBQ0gsSUFBTSxVQUFVLEdBQUcsVUFBQyxFQUF3RTtJQUF0RSxJQUFBLFFBQVEsY0FBQSxFQUFFLFNBQVMsZUFBQSxFQUFFLEVBQUUsUUFBQSxFQUFFLGVBQWUscUJBQUEsRUFBSyxNQUFNLGNBQXJELGtEQUF1RCxDQUFGO0lBQ3ZFLElBQU0sT0FBTyxHQUFHLFNBQVMsQ0FDdkIsSUFBSSxDQUFDLGFBQWEsRUFBRSxlQUFlLElBQUksR0FBRyxDQUFDLHNCQUFzQixDQUFDLGVBQWUsQ0FBQyxDQUFDLEVBQUUsU0FBUyxDQUFDLENBQ2hHLENBQUE7SUFDRCxPQUFPLENBQ0wsc0NBQUssRUFBRSxFQUFFLEVBQUUsRUFBRSxTQUFTLEVBQUUsT0FBTyxJQUFNLE1BQU0sR0FDeEMsUUFBUSxDQUNMLENBQ1AsQ0FBQTtBQUNILENBQUMsQ0FBQTtBQUVELGVBQWUsVUFBVSxDQUFBIn0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQm94Q29udGVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL2NvbXBvbmVudHMvYm94L2NvbnRlbnQvQm94Q29udGVudC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUFBLE9BQU8sS0FBSyxLQUFLLE1BQU0sT0FBTyxDQUFBO0FBRTlCLE9BQU8sRUFBRSxHQUFHLEVBQUUsTUFBTSxxQkFBcUIsQ0FBQTtBQUN6QyxPQUFPLEVBQUUsc0JBQXNCLEVBQUUsTUFBTSw0QkFBNEIsQ0FBQTtBQUNuRSxPQUFPLElBQUksTUFBTSxNQUFNLENBQUE7QUFDdkIsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLFdBQVcsQ0FBQTtBQUNyQyxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxXQUFXLENBQUE7QUFFN0M7Ozs7Ozs7R0FPRztBQUNILElBQU0sVUFBVSxHQUFHLFVBQUMsRUFBd0U7SUFBdEUsSUFBQSxRQUFRLGNBQUEsRUFBRSxTQUFTLGVBQUEsRUFBRSxFQUFFLFFBQUEsRUFBRSxlQUFlLHFCQUFBLEVBQUssTUFBTSxjQUFyRCxrREFBdUQsQ0FBRjtJQUMvRCxJQUFBLE1BQU0sR0FBSyxpQkFBaUIsRUFBRSxPQUF4QixDQUF3QjtJQUV0QyxJQUFNLE9BQU8sR0FBRyxTQUFTLENBQ3ZCLE1BQU0sRUFDTixJQUFJLENBQUMsYUFBYSxFQUFFLGVBQWUsSUFBSSxHQUFHLENBQUMsc0JBQXNCLENBQUMsZUFBZSxDQUFDLENBQUMsRUFBRSxTQUFTLENBQUMsQ0FDaEcsQ0FBQTtJQUNELE9BQU8sQ0FDTCxzQ0FBSyxFQUFFLEVBQUUsRUFBRSxFQUFFLFNBQVMsRUFBRSxPQUFPLElBQU0sTUFBTSxHQUN4QyxRQUFRLENBQ0wsQ0FDUCxDQUFBO0FBQ0gsQ0FBQyxDQUFBO0FBRUQsZUFBZSxVQUFVLENBQUEifQ==

package/lib/components/box/footer/BoxFooter.js

@@ -1,9 +1,10 @@
 import { __assign, __rest } from "tslib";
-import { hashClass } from '../../../helpers';
+import * as React from 'react';
 import { getBackgroundClassName } from '../../../objects';
 import { has } from '../../../services/classify';
 import clsx from 'clsx';
-import * as React from 'react';
+import { hashClass } from '../../../helpers';
+import { useTrilogyContext } from '../../../context';
 /**
  * Box Footer Component
  * @param children {React.ReactNode} Children
@@ -15,7 +16,8 @@ import * as React from 'react';
  */
 var BoxFooter = function (_a) {
     var className = _a.className, children = _a.children, backgroundColor = _a.backgroundColor, id = _a.id, others = __rest(_a, ["className", "children", "backgroundColor", "id"]);
-    return (React.createElement("div", __assign({ id: id, className: hashClass(clsx('box-footer', backgroundColor && has(getBackgroundClassName(backgroundColor)), className)) }, others), children));
+    var styled = useTrilogyContext().styled;
+    return (React.createElement("div", __assign({ id: id, className: hashClass(styled, clsx('box-footer', backgroundColor && has(getBackgroundClassName(backgroundColor)), className)) }, others), children));
 };
 export default BoxFooter;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQm94Rm9vdGVyLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vY29tcG9uZW50cy9ib3gvZm9vdGVyL0JveEZvb3Rlci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSxXQUFXLENBQUE7QUFDckMsT0FBTyxFQUFFLHNCQUFzQixFQUFFLE1BQU0sV0FBVyxDQUFBO0FBQ2xELE9BQU8sRUFBRSxHQUFHLEVBQUUsTUFBTSxxQkFBcUIsQ0FBQTtBQUN6QyxPQUFPLElBQUksTUFBTSxNQUFNLENBQUE7QUFDdkIsT0FBTyxLQUFLLEtBQUssTUFBTSxPQUFPLENBQUE7QUFHOUI7Ozs7Ozs7O0dBUUc7QUFDSCxJQUFNLFNBQVMsR0FBRyxVQUFDLEVBQXVFO0lBQXJFLElBQUEsU0FBUyxlQUFBLEVBQUUsUUFBUSxjQUFBLEVBQUUsZUFBZSxxQkFBQSxFQUFFLEVBQUUsUUFBQSxFQUFLLE1BQU0sY0FBckQsa0RBQXVELENBQUY7SUFDdEUsT0FBTyxDQUNMLHNDQUNFLEVBQUUsRUFBRSxFQUFFLEVBQ04sU0FBUyxFQUFFLFNBQVMsQ0FDbEIsSUFBSSxDQUFDLFlBQVksRUFBRSxlQUFlLElBQUksR0FBRyxDQUFDLHNCQUFzQixDQUFDLGVBQWUsQ0FBQyxDQUFDLEVBQUUsU0FBUyxDQUFDLENBQy9GLElBQ0csTUFBTSxHQUVULFFBQVEsQ0FDTCxDQUNQLENBQUE7QUFDSCxDQUFDLENBQUE7QUFFRCxlQUFlLFNBQVMsQ0FBQSJ9
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQm94Rm9vdGVyLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vY29tcG9uZW50cy9ib3gvZm9vdGVyL0JveEZvb3Rlci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUFBLE9BQU8sS0FBSyxLQUFLLE1BQU0sT0FBTyxDQUFBO0FBRTlCLE9BQU8sRUFBRSxzQkFBc0IsRUFBRSxNQUFNLFdBQVcsQ0FBQTtBQUNsRCxPQUFPLEVBQUUsR0FBRyxFQUFFLE1BQU0scUJBQXFCLENBQUE7QUFDekMsT0FBTyxJQUFJLE1BQU0sTUFBTSxDQUFBO0FBQ3ZCLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSxXQUFXLENBQUE7QUFDckMsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sV0FBVyxDQUFBO0FBRTdDOzs7Ozs7OztHQVFHO0FBQ0gsSUFBTSxTQUFTLEdBQUcsVUFBQyxFQUF1RTtJQUFyRSxJQUFBLFNBQVMsZUFBQSxFQUFFLFFBQVEsY0FBQSxFQUFFLGVBQWUscUJBQUEsRUFBRSxFQUFFLFFBQUEsRUFBSyxNQUFNLGNBQXJELGtEQUF1RCxDQUFGO0lBQzlELElBQUEsTUFBTSxHQUFLLGlCQUFpQixFQUFFLE9BQXhCLENBQXdCO0lBRXRDLE9BQU8sQ0FDTCxzQ0FDRSxFQUFFLEVBQUUsRUFBRSxFQUNOLFNBQVMsRUFBRSxTQUFTLENBQ2xCLE1BQU0sRUFDTixJQUFJLENBQUMsWUFBWSxFQUFFLGVBQWUsSUFBSSxHQUFHLENBQUMsc0JBQXNCLENBQUMsZUFBZSxDQUFDLENBQUMsRUFBRSxTQUFTLENBQUMsQ0FDL0YsSUFDRyxNQUFNLEdBRVQsUUFBUSxDQUNMLENBQ1AsQ0FBQTtBQUNILENBQUMsQ0FBQTtBQUVELGVBQWUsU0FBUyxDQUFBIn0=

package/lib/components/box/header/BoxHeader.js

@@ -1,9 +1,10 @@
 import { __assign, __rest } from "tslib";
+import * as React from 'react';
+import clsx from 'clsx';
 import { hashClass } from '../../../helpers';
-import { getAlignClassName, getBackgroundClassName } from '../../../objects';
+import { useTrilogyContext } from '../../../context';
 import { has, is } from '../../../services';
-import clsx from 'clsx';
-import * as React from 'react';
+import { getAlignClassName, getBackgroundClassName } from '../../../objects';
 /**
  * Box Header Component
  * @param children {React.ReactNode} Children
@@ -15,6 +16,7 @@ import * as React from 'react';
  */
 var BoxHeader = function (_a) {
     var children = _a.children, className = _a.className, id = _a.id, align = _a.align, variant = _a.variant, others = __rest(_a, ["children", "className", "id", "align", "variant"]);
+    var styled = useTrilogyContext().styled;
     var alignClass = null;
     if (align) {
         alignClass =
@@ -23,8 +25,8 @@ var BoxHeader = function (_a) {
                 (getAlignClassName(align) === 'aligned-end' && is('justified-end')) ||
                 null;
     }
-    var classes = hashClass(clsx('box-header', className, variant && has(getBackgroundClassName(variant)), align && alignClass));
+    var classes = hashClass(styled, clsx('box-header', className, variant && has(getBackgroundClassName(variant)), align && alignClass));
     return (React.createElement("div", __assign({ id: id, className: classes }, others), children && typeof children.valueOf() === 'string' ? React.createElement("p", null, children) : children));
 };
 export default BoxHeader;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQm94SGVhZGVyLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vY29tcG9uZW50cy9ib3gvaGVhZGVyL0JveEhlYWRlci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSxXQUFXLENBQUE7QUFDckMsT0FBTyxFQUFFLGlCQUFpQixFQUFFLHNCQUFzQixFQUFFLE1BQU0sV0FBVyxDQUFBO0FBQ3JFLE9BQU8sRUFBRSxHQUFHLEVBQUUsRUFBRSxFQUFFLE1BQU0sWUFBWSxDQUFBO0FBQ3BDLE9BQU8sSUFBSSxNQUFNLE1BQU0sQ0FBQTtBQUN2QixPQUFPLEtBQUssS0FBSyxNQUFNLE9BQU8sQ0FBQTtBQUc5Qjs7Ozs7Ozs7R0FRRztBQUVILElBQU0sU0FBUyxHQUFHLFVBQUMsRUFBc0U7SUFBcEUsSUFBQSxRQUFRLGNBQUEsRUFBRSxTQUFTLGVBQUEsRUFBRSxFQUFFLFFBQUEsRUFBRSxLQUFLLFdBQUEsRUFBRSxPQUFPLGFBQUEsRUFBSyxNQUFNLGNBQXBELG1EQUFzRCxDQUFGO0lBQ3JFLElBQUksVUFBVSxHQUFHLElBQUksQ0FBQTtJQUNyQixJQUFJLEtBQUssRUFBRTtRQUNULFVBQVU7WUFDUixDQUFDLGlCQUFpQixDQUFDLEtBQUssQ0FBQyxLQUFLLGVBQWUsSUFBSSxFQUFFLENBQUMsaUJBQWlCLENBQUMsQ0FBQztnQkFDdkUsQ0FBQyxpQkFBaUIsQ0FBQyxLQUFLLENBQUMsS0FBSyxnQkFBZ0IsSUFBSSxFQUFFLENBQUMsa0JBQWtCLENBQUMsQ0FBQztnQkFDekUsQ0FBQyxpQkFBaUIsQ0FBQyxLQUFLLENBQUMsS0FBSyxhQUFhLElBQUksRUFBRSxDQUFDLGVBQWUsQ0FBQyxDQUFDO2dCQUNuRSxJQUFJLENBQUE7S0FDUDtJQUNELElBQU0sT0FBTyxHQUFHLFNBQVMsQ0FDdkIsSUFBSSxDQUFDLFlBQVksRUFBRSxTQUFTLEVBQUUsT0FBTyxJQUFJLEdBQUcsQ0FBQyxzQkFBc0IsQ0FBQyxPQUFPLENBQUMsQ0FBQyxFQUFFLEtBQUssSUFBSSxVQUFVLENBQUMsQ0FDcEcsQ0FBQTtJQUVELE9BQU8sQ0FDTCxzQ0FBSyxFQUFFLEVBQUUsRUFBRSxFQUFFLFNBQVMsRUFBRSxPQUFPLElBQU0sTUFBTSxHQUN4QyxRQUFRLElBQUksT0FBTyxRQUFRLENBQUMsT0FBTyxFQUFFLEtBQUssUUFBUSxDQUFDLENBQUMsQ0FBQywrQkFBSSxRQUFRLENBQUssQ0FBQyxDQUFDLENBQUMsUUFBUSxDQUM5RSxDQUNQLENBQUE7QUFDSCxDQUFDLENBQUE7QUFFRCxlQUFlLFNBQVMsQ0FBQSJ9
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQm94SGVhZGVyLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vY29tcG9uZW50cy9ib3gvaGVhZGVyL0JveEhlYWRlci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUFBLE9BQU8sS0FBSyxLQUFLLE1BQU0sT0FBTyxDQUFBO0FBRTlCLE9BQU8sSUFBSSxNQUFNLE1BQU0sQ0FBQTtBQUN2QixPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sV0FBVyxDQUFBO0FBQ3JDLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLFdBQVcsQ0FBQTtBQUM3QyxPQUFPLEVBQUUsR0FBRyxFQUFFLEVBQUUsRUFBRSxNQUFNLFlBQVksQ0FBQTtBQUNwQyxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsc0JBQXNCLEVBQUUsTUFBTSxXQUFXLENBQUE7QUFFckU7Ozs7Ozs7O0dBUUc7QUFFSCxJQUFNLFNBQVMsR0FBRyxVQUFDLEVBQXNFO0lBQXBFLElBQUEsUUFBUSxjQUFBLEVBQUUsU0FBUyxlQUFBLEVBQUUsRUFBRSxRQUFBLEVBQUUsS0FBSyxXQUFBLEVBQUUsT0FBTyxhQUFBLEVBQUssTUFBTSxjQUFwRCxtREFBc0QsQ0FBRjtJQUM3RCxJQUFBLE1BQU0sR0FBSyxpQkFBaUIsRUFBRSxPQUF4QixDQUF3QjtJQUN0QyxJQUFJLFVBQVUsR0FBRyxJQUFJLENBQUE7SUFDckIsSUFBSSxLQUFLLEVBQUU7UUFDVCxVQUFVO1lBQ1IsQ0FBQyxpQkFBaUIsQ0FBQyxLQUFLLENBQUMsS0FBSyxlQUFlLElBQUksRUFBRSxDQUFDLGlCQUFpQixDQUFDLENBQUM7Z0JBQ3ZFLENBQUMsaUJBQWlCLENBQUMsS0FBSyxDQUFDLEtBQUssZ0JBQWdCLElBQUksRUFBRSxDQUFDLGtCQUFrQixDQUFDLENBQUM7Z0JBQ3pFLENBQUMsaUJBQWlCLENBQUMsS0FBSyxDQUFDLEtBQUssYUFBYSxJQUFJLEVBQUUsQ0FBQyxlQUFlLENBQUMsQ0FBQztnQkFDbkUsSUFBSSxDQUFBO0tBQ1A7SUFDRCxJQUFNLE9BQU8sR0FBRyxTQUFTLENBQ3ZCLE1BQU0sRUFDTixJQUFJLENBQUMsWUFBWSxFQUFFLFNBQVMsRUFBRSxPQUFPLElBQUksR0FBRyxDQUFDLHNCQUFzQixDQUFDLE9BQU8sQ0FBQyxDQUFDLEVBQUUsS0FBSyxJQUFJLFVBQVUsQ0FBQyxDQUNwRyxDQUFBO0lBRUQsT0FBTyxDQUNMLHNDQUFLLEVBQUUsRUFBRSxFQUFFLEVBQUUsU0FBUyxFQUFFLE9BQU8sSUFBTSxNQUFNLEdBQ3hDLFFBQVEsSUFBSSxPQUFPLFFBQVEsQ0FBQyxPQUFPLEVBQUUsS0FBSyxRQUFRLENBQUMsQ0FBQyxDQUFDLCtCQUFJLFFBQVEsQ0FBSyxDQUFDLENBQUMsQ0FBQyxRQUFRLENBQzlFLENBQ1AsQ0FBQTtBQUNILENBQUMsQ0FBQTtBQUVELGVBQWUsU0FBUyxDQUFBIn0=

package/lib/components/box/item/BoxItem.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 { hashClass } from '../../../helpers';
+import { useTrilogyContext } from '../../../context';
 /**
  * Box Item Component
  * @param children {React.ReactNode} Children
@@ -11,7 +12,8 @@ import * as React from 'react';
  */
 var BoxItem = function (_a) {
     var className = _a.className, id = _a.id, children = _a.children, others = __rest(_a, ["className", "id", "children"]);
-    return (React.createElement("div", __assign({ id: id, className: hashClass(clsx('box-item', className)) }, others), children));
+    var styled = useTrilogyContext().styled;
+    return (React.createElement("div", __assign({ id: id, className: hashClass(styled, clsx('box-item', className)) }, others), children));
 };
 export default BoxItem;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQm94SXRlbS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL2NvbXBvbmVudHMvYm94L2l0ZW0vQm94SXRlbS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSxXQUFXLENBQUE7QUFDckMsT0FBTyxJQUFJLE1BQU0sTUFBTSxDQUFBO0FBQ3ZCLE9BQU8sS0FBSyxLQUFLLE1BQU0sT0FBTyxDQUFBO0FBRzlCOzs7Ozs7R0FNRztBQUNILElBQU0sT0FBTyxHQUFHLFVBQUMsRUFBb0Q7SUFBbEQsSUFBQSxTQUFTLGVBQUEsRUFBRSxFQUFFLFFBQUEsRUFBRSxRQUFRLGNBQUEsRUFBSyxNQUFNLGNBQXBDLCtCQUFzQyxDQUFGO0lBQ25ELE9BQU8sQ0FDTCxzQ0FBSyxFQUFFLEVBQUUsRUFBRSxFQUFFLFNBQVMsRUFBRSxTQUFTLENBQUMsSUFBSSxDQUFDLFVBQVUsRUFBRSxTQUFTLENBQUMsQ0FBQyxJQUFNLE1BQU0sR0FDdkUsUUFBUSxDQUNMLENBQ1AsQ0FBQTtBQUNILENBQUMsQ0FBQTtBQUVELGVBQWUsT0FBTyxDQUFBIn0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQm94SXRlbS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL2NvbXBvbmVudHMvYm94L2l0ZW0vQm94SXRlbS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUFBLE9BQU8sS0FBSyxLQUFLLE1BQU0sT0FBTyxDQUFBO0FBRTlCLE9BQU8sSUFBSSxNQUFNLE1BQU0sQ0FBQTtBQUN2QixPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sV0FBVyxDQUFBO0FBQ3JDLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLFdBQVcsQ0FBQTtBQUU3Qzs7Ozs7O0dBTUc7QUFDSCxJQUFNLE9BQU8sR0FBRyxVQUFDLEVBQW9EO0lBQWxELElBQUEsU0FBUyxlQUFBLEVBQUUsRUFBRSxRQUFBLEVBQUUsUUFBUSxjQUFBLEVBQUssTUFBTSxjQUFwQywrQkFBc0MsQ0FBRjtJQUMzQyxJQUFBLE1BQU0sR0FBSyxpQkFBaUIsRUFBRSxPQUF4QixDQUF3QjtJQUV0QyxPQUFPLENBQ0wsc0NBQUssRUFBRSxFQUFFLEVBQUUsRUFBRSxTQUFTLEVBQUUsU0FBUyxDQUFDLE1BQU0sRUFBRSxJQUFJLENBQUMsVUFBVSxFQUFFLFNBQVMsQ0FBQyxDQUFDLElBQU0sTUFBTSxHQUMvRSxRQUFRLENBQ0wsQ0FDUCxDQUFBO0FBQ0gsQ0FBQyxDQUFBO0FBRUQsZUFBZSxPQUFPLENBQUEifQ==

package/lib/components/box/table-container/BoxTableContainer.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { BoxTableContainerProps } from './BoxTableContainerProps';
+import { BoxTableContainerProps } from "./BoxTableContainerProps";
 /**
  * Box Table Component
  * @param children {React.ReactNode} Children

package/lib/components/box/table-container/BoxTableContainer.js

@@ -1,7 +1,8 @@
 import { __assign, __rest } from "tslib";
-import { hashClass } from '../../../helpers';
-import clsx from 'clsx';
-import * as React from 'react';
+import * as React from "react";
+import clsx from "clsx";
+import { hashClass } from "../../../helpers";
+import { useTrilogyContext } from "../../../context";
 /**
  * Box Table Component
  * @param children {React.ReactNode} Children
@@ -11,7 +12,8 @@ import * as React from 'react';
  */
 var BoxTableContainer = function (_a) {
     var className = _a.className, testId = _a.testId, others = __rest(_a, ["className", "testId"]);
-    return React.createElement("div", __assign({ "data-testid": testId, className: hashClass(clsx('box table-container', className)) }, others));
+    var styled = useTrilogyContext().styled;
+    return (React.createElement("div", __assign({ "data-testid": testId, className: hashClass(styled, clsx("box table-container", className)) }, others)));
 };
 export default BoxTableContainer;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQm94VGFibGVDb250YWluZXIuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9jb21wb25lbnRzL2JveC90YWJsZS1jb250YWluZXIvQm94VGFibGVDb250YWluZXIudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sV0FBVyxDQUFBO0FBQ3JDLE9BQU8sSUFBSSxNQUFNLE1BQU0sQ0FBQTtBQUN2QixPQUFPLEtBQUssS0FBSyxNQUFNLE9BQU8sQ0FBQTtBQUc5Qjs7Ozs7O0dBTUc7QUFDSCxJQUFNLGlCQUFpQixHQUFHLFVBQUMsRUFBd0Q7SUFBdEQsSUFBQSxTQUFTLGVBQUEsRUFBRSxNQUFNLFlBQUEsRUFBSyxNQUFNLGNBQTlCLHVCQUFnQyxDQUFGO0lBQ3ZELE9BQU8scURBQWtCLE1BQU0sRUFBRSxTQUFTLEVBQUUsU0FBUyxDQUFDLElBQUksQ0FBQyxxQkFBcUIsRUFBRSxTQUFTLENBQUMsQ0FBQyxJQUFNLE1BQU0sRUFBSSxDQUFBO0FBQy9HLENBQUMsQ0FBQTtBQUVELGVBQWUsaUJBQWlCLENBQUEifQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQm94VGFibGVDb250YWluZXIuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9jb21wb25lbnRzL2JveC90YWJsZS1jb250YWluZXIvQm94VGFibGVDb250YWluZXIudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLEtBQUssS0FBSyxNQUFNLE9BQU8sQ0FBQTtBQUU5QixPQUFPLElBQUksTUFBTSxNQUFNLENBQUE7QUFDdkIsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLFdBQVcsQ0FBQTtBQUNyQyxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxXQUFXLENBQUE7QUFFN0M7Ozs7OztHQU1HO0FBQ0gsSUFBTSxpQkFBaUIsR0FBRyxVQUFDLEVBSUY7SUFIdkIsSUFBQSxTQUFTLGVBQUEsRUFDVCxNQUFNLFlBQUEsRUFDSCxNQUFNLGNBSGdCLHVCQUkxQixDQURVO0lBRUQsSUFBQSxNQUFNLEdBQUssaUJBQWlCLEVBQUUsT0FBeEIsQ0FBd0I7SUFFdEMsT0FBTyxDQUNMLHFEQUNlLE1BQU0sRUFDbkIsU0FBUyxFQUFFLFNBQVMsQ0FBQyxNQUFNLEVBQUUsSUFBSSxDQUFDLHFCQUFxQixFQUFFLFNBQVMsQ0FBQyxDQUFDLElBQ2hFLE1BQU0sRUFDVixDQUNILENBQUE7QUFDSCxDQUFDLENBQUE7QUFFRCxlQUFlLGlCQUFpQixDQUFBIn0=

package/lib/components/breadcrumb/Breadcrumb.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 { hashClass } from '../../helpers';
+import { useTrilogyContext } from '../../context';
 /**
  * Breadcrumb Component
  * @param children {React.ReactNode} Breadcrumb Children
@@ -12,8 +13,9 @@ import * as React from 'react';
  */
 var Breadcrumb = function (_a) {
     var children = _a.children, className = _a.className, id = _a.id, accessibilityLabel = _a.accessibilityLabel, others = __rest(_a, ["children", "className", "id", "accessibilityLabel"]);
-    return (React.createElement("nav", __assign({ id: id, role: 'navigation', className: hashClass(clsx('breadcrumb', className)), "aria-label": accessibilityLabel }, others),
+    var styled = useTrilogyContext().styled;
+    return (React.createElement("nav", __assign({ id: id, role: "navigation", className: hashClass(styled, clsx('breadcrumb', className)), "aria-label": accessibilityLabel }, others),
         React.createElement("ul", null, children)));
 };
 export default Breadcrumb;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQnJlYWRjcnVtYi5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL2NvbXBvbmVudHMvYnJlYWRjcnVtYi9CcmVhZGNydW1iLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLFdBQVcsQ0FBQTtBQUNyQyxPQUFPLElBQUksTUFBTSxNQUFNLENBQUE7QUFDdkIsT0FBTyxLQUFLLEtBQUssTUFBTSxPQUFPLENBQUE7QUFHOUI7Ozs7Ozs7R0FPRztBQUNILElBQU0sVUFBVSxHQUFHLFVBQUMsRUFBOEU7SUFBNUUsSUFBQSxRQUFRLGNBQUEsRUFBRSxTQUFTLGVBQUEsRUFBRSxFQUFFLFFBQUEsRUFBRSxrQkFBa0Isd0JBQUEsRUFBSyxNQUFNLGNBQXhELHFEQUEwRCxDQUFGO0lBQzFFLE9BQU8sQ0FDTCxzQ0FDRSxFQUFFLEVBQUUsRUFBRSxFQUNOLElBQUksRUFBQyxZQUFZLEVBQ2pCLFNBQVMsRUFBRSxTQUFTLENBQUMsSUFBSSxDQUFDLFlBQVksRUFBRSxTQUFTLENBQUMsQ0FBQyxnQkFDdkMsa0JBQWtCLElBQzFCLE1BQU07UUFFVixnQ0FBSyxRQUFRLENBQU0sQ0FDZixDQUNQLENBQUE7QUFDSCxDQUFDLENBQUE7QUFFRCxlQUFlLFVBQVUsQ0FBQSJ9
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQnJlYWRjcnVtYi5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL2NvbXBvbmVudHMvYnJlYWRjcnVtYi9CcmVhZGNydW1iLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxLQUFLLEtBQUssTUFBTSxPQUFPLENBQUE7QUFFOUIsT0FBTyxJQUFJLE1BQU0sTUFBTSxDQUFBO0FBQ3ZCLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSxXQUFXLENBQUE7QUFDckMsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sV0FBVyxDQUFBO0FBRTdDOzs7Ozs7O0dBT0c7QUFDSCxJQUFNLFVBQVUsR0FBRyxVQUFDLEVBQThFO0lBQTVFLElBQUEsUUFBUSxjQUFBLEVBQUUsU0FBUyxlQUFBLEVBQUUsRUFBRSxRQUFBLEVBQUUsa0JBQWtCLHdCQUFBLEVBQUssTUFBTSxjQUF4RCxxREFBMEQsQ0FBRjtJQUNsRSxJQUFBLE1BQU0sR0FBSyxpQkFBaUIsRUFBRSxPQUF4QixDQUF3QjtJQUV0QyxPQUFPLENBQ0wsc0NBQ0UsRUFBRSxFQUFFLEVBQUUsRUFDTixJQUFJLEVBQUMsWUFBWSxFQUNqQixTQUFTLEVBQUUsU0FBUyxDQUFDLE1BQU0sRUFBRSxJQUFJLENBQUMsWUFBWSxFQUFFLFNBQVMsQ0FBQyxDQUFDLGdCQUMvQyxrQkFBa0IsSUFDMUIsTUFBTTtRQUVWLGdDQUFLLFFBQVEsQ0FBTSxDQUNmLENBQ1AsQ0FBQTtBQUNILENBQUMsQ0FBQTtBQUVELGVBQWUsVUFBVSxDQUFBIn0=

package/lib/components/breadcrumb/item/BreadcrumbItem.js

@@ -1,9 +1,10 @@
 import { __assign, __rest } from "tslib";
-import { Link } from '../../../components/link';
-import { hashClass } from '../../../helpers';
+import * as React from 'react';
 import { is } from '../../../services/classify';
 import clsx from 'clsx';
-import * as React from 'react';
+import { hashClass } from '../../../helpers';
+import { useTrilogyContext } from '../../../context';
+import { Link } from '../../../components/link';
 /**
  * Breadcrumb Item Component
  * @param children {string} Breadcrumb Item Text
@@ -20,14 +21,15 @@ import * as React from 'react';
  */
 var BreadcrumbItem = function (_a) {
     var children = _a.children, active = _a.active, className = _a.className, id = _a.id, href = _a.href, to = _a.to, routerLink = _a.routerLink, testId = _a.testId, onClick = _a.onClick, others = __rest(_a, ["children", "active", "className", "id", "href", "to", "routerLink", "testId", "onClick"]);
-    var classes = hashClass(clsx(active && is('active'), className));
+    var styled = useTrilogyContext().styled;
+    var classes = hashClass(styled, clsx(active && is('active'), className));
     if (routerLink && to) {
         var RouterLink = (routerLink ? routerLink : 'a');
         return (React.createElement("li", { id: id, "data-testid": testId, className: classes, onClick: onClick, "aria-current": active ? 'page' : undefined },
-            React.createElement(RouterLink, __assign({ className: hashClass(clsx('link')), to: to }, others), children)));
+            React.createElement(RouterLink, __assign({ className: hashClass(styled, clsx('link')), to: to }, others), children)));
     }
     return (React.createElement("li", { id: id, className: classes, onClick: onClick, "aria-current": active ? 'page' : undefined },
         React.createElement(Link, __assign({ href: active ? undefined : href }, others), children)));
 };
 export default BreadcrumbItem;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQnJlYWRjcnVtYkl0ZW0uanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9jb21wb25lbnRzL2JyZWFkY3J1bWIvaXRlbS9CcmVhZGNydW1iSXRlbS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUFBLE9BQU8sRUFBRSxJQUFJLEVBQUUsTUFBTSxtQkFBbUIsQ0FBQTtBQUN4QyxPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sV0FBVyxDQUFBO0FBQ3JDLE9BQU8sRUFBRSxFQUFFLEVBQUUsTUFBTSxxQkFBcUIsQ0FBQTtBQUN4QyxPQUFPLElBQUksTUFBTSxNQUFNLENBQUE7QUFDdkIsT0FBTyxLQUFLLEtBQUssTUFBTSxPQUFPLENBQUE7QUFHOUI7Ozs7Ozs7Ozs7Ozs7R0FhRztBQUNILElBQU0sY0FBYyxHQUFHLFVBQUMsRUFXQztJQVZ2QixJQUFBLFFBQVEsY0FBQSxFQUNSLE1BQU0sWUFBQSxFQUNOLFNBQVMsZUFBQSxFQUNULEVBQUUsUUFBQSxFQUNGLElBQUksVUFBQSxFQUNKLEVBQUUsUUFBQSxFQUNGLFVBQVUsZ0JBQUEsRUFDVixNQUFNLFlBQUEsRUFDTixPQUFPLGFBQUEsRUFDSixNQUFNLGNBVmEsMEZBV3ZCLENBRFU7SUFFVCxJQUFNLE9BQU8sR0FBRyxTQUFTLENBQUMsSUFBSSxDQUFDLE1BQU0sSUFBSSxFQUFFLENBQUMsUUFBUSxDQUFDLEVBQUUsU0FBUyxDQUFDLENBQUMsQ0FBQTtJQUVsRSxJQUFJLFVBQVUsSUFBSSxFQUFFLEVBQUU7UUFDcEIsSUFBTSxVQUFVLEdBQUcsQ0FBQyxVQUFVLENBQUMsQ0FBQyxDQUFDLFVBQVUsQ0FBQyxDQUFDLENBQUMsR0FBRyxDQUFzQixDQUFBO1FBQ3ZFLE9BQU8sQ0FDTCw0QkFBSSxFQUFFLEVBQUUsRUFBRSxpQkFBZSxNQUFNLEVBQUUsU0FBUyxFQUFFLE9BQU8sRUFBRSxPQUFPLEVBQUUsT0FBTyxrQkFBZ0IsTUFBTSxDQUFDLENBQUMsQ0FBQyxNQUFNLENBQUMsQ0FBQyxDQUFDLFNBQVM7WUFDOUcsb0JBQUMsVUFBVSxhQUFDLFNBQVMsRUFBRSxTQUFTLENBQUMsSUFBSSxDQUFDLE1BQU0sQ0FBQyxDQUFDLEVBQUUsRUFBRSxFQUFFLEVBQUUsSUFBTSxNQUFNLEdBQy9ELFFBQVEsQ0FDRSxDQUNWLENBQ04sQ0FBQTtLQUNGO0lBRUQsT0FBTyxDQUNMLDRCQUFJLEVBQUUsRUFBRSxFQUFFLEVBQUUsU0FBUyxFQUFFLE9BQU8sRUFBRSxPQUFPLEVBQUUsT0FBTyxrQkFBZ0IsTUFBTSxDQUFDLENBQUMsQ0FBQyxNQUFNLENBQUMsQ0FBQyxDQUFDLFNBQVM7UUFDekYsb0JBQUMsSUFBSSxhQUFDLElBQUksRUFBRSxNQUFNLENBQUMsQ0FBQyxDQUFDLFNBQVMsQ0FBQyxDQUFDLENBQUMsSUFBSSxJQUFNLE1BQU0sR0FDOUMsUUFBUSxDQUNKLENBQ0osQ0FDTixDQUFBO0FBQ0gsQ0FBQyxDQUFBO0FBRUQsZUFBZSxjQUFjLENBQUEifQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQnJlYWRjcnVtYkl0ZW0uanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9jb21wb25lbnRzL2JyZWFkY3J1bWIvaXRlbS9CcmVhZGNydW1iSXRlbS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUFBLE9BQU8sS0FBSyxLQUFLLE1BQU0sT0FBTyxDQUFBO0FBRTlCLE9BQU8sRUFBRSxFQUFFLEVBQUUsTUFBTSxxQkFBcUIsQ0FBQTtBQUN4QyxPQUFPLElBQUksTUFBTSxNQUFNLENBQUE7QUFDdkIsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLFdBQVcsQ0FBQTtBQUNyQyxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxXQUFXLENBQUE7QUFDN0MsT0FBTyxFQUFFLElBQUksRUFBRSxNQUFNLG1CQUFtQixDQUFBO0FBRXhDOzs7Ozs7Ozs7Ozs7O0dBYUc7QUFDSCxJQUFNLGNBQWMsR0FBRyxVQUFDLEVBV0M7SUFWdkIsSUFBQSxRQUFRLGNBQUEsRUFDUixNQUFNLFlBQUEsRUFDTixTQUFTLGVBQUEsRUFDVCxFQUFFLFFBQUEsRUFDRixJQUFJLFVBQUEsRUFDSixFQUFFLFFBQUEsRUFDRixVQUFVLGdCQUFBLEVBQ1YsTUFBTSxZQUFBLEVBQ04sT0FBTyxhQUFBLEVBQ0osTUFBTSxjQVZhLDBGQVd2QixDQURVO0lBRUQsSUFBQSxNQUFNLEdBQUssaUJBQWlCLEVBQUUsT0FBeEIsQ0FBd0I7SUFFdEMsSUFBTSxPQUFPLEdBQUcsU0FBUyxDQUFDLE1BQU0sRUFBRSxJQUFJLENBQUMsTUFBTSxJQUFJLEVBQUUsQ0FBQyxRQUFRLENBQUMsRUFBRSxTQUFTLENBQUMsQ0FBQyxDQUFBO0lBRTFFLElBQUksVUFBVSxJQUFJLEVBQUUsRUFBRTtRQUNwQixJQUFNLFVBQVUsR0FBRyxDQUFDLFVBQVUsQ0FBQyxDQUFDLENBQUMsVUFBVSxDQUFDLENBQUMsQ0FBQyxHQUFHLENBQXNCLENBQUE7UUFDdkUsT0FBTyxDQUNMLDRCQUFJLEVBQUUsRUFBRSxFQUFFLGlCQUFlLE1BQU0sRUFBRSxTQUFTLEVBQUUsT0FBTyxFQUFFLE9BQU8sRUFBRSxPQUFPLGtCQUFnQixNQUFNLENBQUMsQ0FBQyxDQUFDLE1BQU0sQ0FBQyxDQUFDLENBQUMsU0FBUztZQUM5RyxvQkFBQyxVQUFVLGFBQUMsU0FBUyxFQUFFLFNBQVMsQ0FBQyxNQUFNLEVBQUUsSUFBSSxDQUFDLE1BQU0sQ0FBQyxDQUFDLEVBQUUsRUFBRSxFQUFFLEVBQUUsSUFBTSxNQUFNLEdBQ3ZFLFFBQVEsQ0FDRSxDQUNWLENBQ04sQ0FBQTtLQUNGO0lBRUQsT0FBTyxDQUNMLDRCQUFJLEVBQUUsRUFBRSxFQUFFLEVBQUUsU0FBUyxFQUFFLE9BQU8sRUFBRSxPQUFPLEVBQUUsT0FBTyxrQkFBZ0IsTUFBTSxDQUFDLENBQUMsQ0FBQyxNQUFNLENBQUMsQ0FBQyxDQUFDLFNBQVM7UUFDekYsb0JBQUMsSUFBSSxhQUFDLElBQUksRUFBRSxNQUFNLENBQUMsQ0FBQyxDQUFDLFNBQVMsQ0FBQyxDQUFDLENBQUMsSUFBSSxJQUFNLE1BQU0sR0FDOUMsUUFBUSxDQUNKLENBQ0osQ0FDTixDQUFBO0FBQ0gsQ0FBQyxDQUFBO0FBRUQsZUFBZSxjQUFjLENBQUEifQ==

package/lib/components/button/Button.js

@@ -1,5 +1,6 @@
 import { __assign, __rest } from "tslib";
 import { Icon } from '../../components/icon';
+import { useTrilogyContext } from '../../context';
 import { hashClass } from '../../helpers';
 import { getButtonVariantClassName } from '../../objects/facets/Color';
 import { is } from '../../services/index';
@@ -7,7 +8,6 @@ import clsx from 'clsx';
 import React from 'react';
 import { ComponentName } from '../enumsComponentsName';
 import { ButtonMarkup } from './ButtonEnum';
-import { useButton } from './hooks/useButton';
 /**
  * Button component
  * @param loading {boolean} Loading button
@@ -33,7 +33,7 @@ import { useButton } from './hooks/useButton';
 var Button = React.forwardRef(function (_a, ref) {
     var markup = _a.markup, loading = _a.loading, variant = _a.variant, href = _a.href, id = _a.id, fullwidth = _a.fullwidth, children = _a.children, className = _a.className, to = _a.to, accessibilityLabel = _a.accessibilityLabel, onClick = _a.onClick, name = _a.name, routerLink = _a.routerLink, type = _a.type, iconName = _a.iconName, others = __rest(_a, ["markup", "loading", "variant", "href", "id", "fullwidth", "children", "className", "to", "accessibilityLabel", "onClick", "name", "routerLink", "type", "iconName"]);
     var isDisabled = others.disabled || false;
-    var handleClick = useButton({ isDisabled: isDisabled, onClick: onClick }).handleClick;
+    var styled = useTrilogyContext().styled;
     /** Check if specified markup is valid */
     var isCorrectMarkup = function (stringMarkup) {
         if (stringMarkup in ButtonMarkup || Object.values(ButtonMarkup).includes(stringMarkup))
@@ -42,15 +42,23 @@ var Button = React.forwardRef(function (_a, ref) {
     var getClassNames = function (loading, variant, fullwidth, className) {
         return clsx('button', loading && is('loading'), variant && is(getButtonVariantClassName(variant)), fullwidth && is('fullwidth'), className);
     };
-    var classes = hashClass(getClassNames(loading, variant, fullwidth, className));
+    var classes = hashClass(styled, getClassNames(loading, variant, fullwidth, className));
     var Tag = markup && isCorrectMarkup(markup) ? markup : 'button';
     if (Tag === 'button' && !href && !to) {
-        return (React.createElement("button", __assign({ ref: ref, id: id, "aria-label": accessibilityLabel, className: classes, disabled: isDisabled, name: name, onClick: handleClick, type: type !== null && type !== void 0 ? type : 'button' }, others),
+        return (React.createElement("button", __assign({ ref: ref, id: id, "aria-label": accessibilityLabel, className: classes, disabled: isDisabled, name: name, onClick: function (e) {
+                // eslint-disable-next-line no-unused-expressions
+                !isDisabled && (onClick === null || onClick === void 0 ? void 0 : onClick(e));
+                e.stopPropagation();
+            }, type: type !== null && type !== void 0 ? type : 'button' }, others),
             iconName && React.createElement(Icon, { className: !children ? 'is-marginless' : '', name: iconName }),
             children));
     }
     if (Tag === 'input') {
-        return (React.createElement("input", __assign({ id: id, className: classes, "aria-label": accessibilityLabel, name: name, onClick: handleClick, disabled: isDisabled, type: type !== null && type !== void 0 ? type : 'submit', value: "".concat(children) }, others)));
+        return (React.createElement("input", __assign({ id: id, className: classes, "aria-label": accessibilityLabel, name: name, onClick: function (e) {
+                // eslint-disable-next-line no-unused-expressions
+                !isDisabled && (onClick === null || onClick === void 0 ? void 0 : onClick(e));
+                e.stopPropagation();
+            }, disabled: isDisabled, type: type !== null && type !== void 0 ? type : 'submit', value: "".concat(children) }, others)));
     }
     if (routerLink && to && !isDisabled) {
         var RouterLink = (routerLink ? routerLink : 'a');
@@ -58,10 +66,14 @@ var Button = React.forwardRef(function (_a, ref) {
             iconName && React.createElement(Icon, { className: !children ? 'is-marginless' : '', name: iconName }),
             children));
     }
-    return (React.createElement("a", __assign({ id: id, "aria-label": accessibilityLabel, className: classes, href: href, onClick: handleClick }, others),
+    return (React.createElement("a", __assign({ id: id, "aria-label": accessibilityLabel, className: classes, href: href, onClick: function (e) {
+            // eslint-disable-next-line no-unused-expressions
+            !isDisabled && (onClick === null || onClick === void 0 ? void 0 : onClick(e));
+            e.stopPropagation();
+        } }, others),
         iconName && React.createElement(Icon, { className: !children ? 'is-marginless' : '', name: iconName }),
         children));
 });
 Button.displayName = ComponentName.Button;
 export default Button;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQnV0dG9uLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vY29tcG9uZW50cy9idXR0b24vQnV0dG9uLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxFQUFFLElBQUksRUFBRSxNQUFNLG1CQUFtQixDQUFBO0FBQ3hDLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSxXQUFXLENBQUE7QUFDckMsT0FBTyxFQUFFLHlCQUF5QixFQUFFLE1BQU0sd0JBQXdCLENBQUE7QUFFbEUsT0FBTyxFQUFFLEVBQUUsRUFBRSxNQUFNLGtCQUFrQixDQUFBO0FBQ3JDLE9BQU8sSUFBSSxNQUFNLE1BQU0sQ0FBQTtBQUN2QixPQUFPLEtBQUssTUFBTSxPQUFPLENBQUE7QUFDekIsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLHdCQUF3QixDQUFBO0FBQ3RELE9BQU8sRUFBRSxZQUFZLEVBQTBELE1BQU0sY0FBYyxDQUFBO0FBRW5HLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSxtQkFBbUIsQ0FBQTtBQUU3Qzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0dBcUJHO0FBRUgsSUFBTSxNQUFNLEdBQUcsS0FBSyxDQUFDLFVBQVUsQ0FDN0IsVUFDRSxFQWlCYyxFQUNkLEdBQWlDO0lBakIvQixJQUFBLE1BQU0sWUFBQSxFQUNOLE9BQU8sYUFBQSxFQUNQLE9BQU8sYUFBQSxFQUNQLElBQUksVUFBQSxFQUNKLEVBQUUsUUFBQSxFQUNGLFNBQVMsZUFBQSxFQUNULFFBQVEsY0FBQSxFQUNSLFNBQVMsZUFBQSxFQUNULEVBQUUsUUFBQSxFQUNGLGtCQUFrQix3QkFBQSxFQUNsQixPQUFPLGFBQUEsRUFDUCxJQUFJLFVBQUEsRUFDSixVQUFVLGdCQUFBLEVBQ1YsSUFBSSxVQUFBLEVBQ0osUUFBUSxjQUFBLEVBQ0wsTUFBTSxjQWhCWCxxS0FpQkMsQ0FEVTtJQUlYLElBQU0sVUFBVSxHQUFHLE1BQU0sQ0FBQyxRQUFRLElBQUksS0FBSyxDQUFBO0lBQ25D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
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQnV0dG9uLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vY29tcG9uZW50cy9idXR0b24vQnV0dG9uLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxFQUFFLElBQUksRUFBRSxNQUFNLG1CQUFtQixDQUFBO0FBQ3hDLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLFdBQVcsQ0FBQTtBQUM3QyxPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sV0FBVyxDQUFBO0FBQ3JDLE9BQU8sRUFBRSx5QkFBeUIsRUFBRSxNQUFNLHdCQUF3QixDQUFBO0FBRWxFLE9BQU8sRUFBRSxFQUFFLEVBQUUsTUFBTSxrQkFBa0IsQ0FBQTtBQUNyQyxPQUFPLElBQUksTUFBTSxNQUFNLENBQUE7QUFDdkIsT0FBTyxLQUFLLE1BQU0sT0FBTyxDQUFBO0FBQ3pCLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSx3QkFBd0IsQ0FBQTtBQUN0RCxPQUFPLEVBQUUsWUFBWSxFQUEwRCxNQUFNLGNBQWMsQ0FBQTtBQUduRzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0dBcUJHO0FBRUgsSUFBTSxNQUFNLEdBQUcsS0FBSyxDQUFDLFVBQVUsQ0FDN0IsVUFDRSxFQWlCYyxFQUNkLEdBQWlDO0lBakIvQixJQUFBLE1BQU0sWUFBQSxFQUNOLE9BQU8sYUFBQSxFQUNQLE9BQU8sYUFBQSxFQUNQLElBQUksVUFBQSxFQUNKLEVBQUUsUUFBQSxFQUNGLFNBQVMsZUFBQSxFQUNULFFBQVEsY0FBQSxFQUNSLFNBQVMsZUFBQSxFQUNULEVBQUUsUUFBQSxFQUNGLGtCQUFrQix3QkFBQSxFQUNsQixPQUFPLGFBQUEsRUFDUCxJQUFJLFVBQUEsRUFDSixVQUFVLGdCQUFBLEVBQ1YsSUFBSSxVQUFBLEVBQ0osUUFBUSxjQUFBLEVBQ0wsTUFBTSxjQWhCWCxxS0FpQkMsQ0FEVTtJQUlYLElBQU0sVUFBVSxHQUFHLE1BQU0sQ0FBQyxRQUFRLElBQUksS0FBSyxDQUFBO0lBQ25D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

package/lib/components/button/list/ButtonList.js

@@ -1,16 +1,18 @@
 import { __assign, __rest } from "tslib";
-import { hashClass } from '../../../helpers';
-import { getJustifiedClassName } from '../../../objects';
+import * as React from 'react';
 import { is } from '../../../services';
 import clsx from 'clsx';
-import * as React from 'react';
+import { hashClass } from '../../../helpers';
+import { useTrilogyContext } from '../../../context';
+import { getJustifiedClassName } from '../../../objects';
 /**
  * Button List Component
  * @param children {ReactNode} ButtonList children
  */
 var ButtonList = function (_a) {
     var className = _a.className, id = _a.id, align = _a.align, _b = _a.direction, direction = _b === void 0 ? 'row' : _b, others = __rest(_a, ["className", "id", "align", "direction"]);
-    return (React.createElement("div", __assign({ id: id, className: hashClass(clsx('buttons', className, align && is(getJustifiedClassName(align)), direction === 'column' && 'is-vertical')) }, others)));
+    var styled = useTrilogyContext().styled;
+    return (React.createElement("div", __assign({ id: id, className: hashClass(styled, clsx('buttons', className, align && is(getJustifiedClassName(align)), direction === 'column' && 'is-vertical')) }, others)));
 };
 export default ButtonList;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQnV0dG9uTGlzdC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL2NvbXBvbmVudHMvYnV0dG9uL2xpc3QvQnV0dG9uTGlzdC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSxXQUFXLENBQUE7QUFDckMsT0FBTyxFQUFFLHFCQUFxQixFQUFFLE1BQU0sV0FBVyxDQUFBO0FBQ2pELE9BQU8sRUFBRSxFQUFFLEVBQUUsTUFBTSxZQUFZLENBQUE7QUFDL0IsT0FBTyxJQUFJLE1BQU0sTUFBTSxDQUFBO0FBQ3ZCLE9BQU8sS0FBSyxLQUFLLE1BQU0sT0FBTyxDQUFBO0FBRzlCOzs7R0FHRztBQUVILElBQU0sVUFBVSxHQUFHLFVBQUMsRUFBMEU7SUFBeEUsSUFBQSxTQUFTLGVBQUEsRUFBRSxFQUFFLFFBQUEsRUFBRSxLQUFLLFdBQUEsRUFBRSxpQkFBaUIsRUFBakIsU0FBUyxtQkFBRyxLQUFLLEtBQUEsRUFBSyxNQUFNLGNBQXBELHlDQUFzRCxDQUFGO0lBQ3RFLE9BQU8sQ0FDTCxzQ0FDRSxFQUFFLEVBQUUsRUFBRSxFQUNOLFNBQVMsRUFBRSxTQUFTLENBQ2xCLElBQUksQ0FBQyxTQUFTLEVBQUUsU0FBUyxFQUFFLEtBQUssSUFBSSxFQUFFLENBQUMscUJBQXFCLENBQUMsS0FBSyxDQUFDLENBQUMsRUFBRSxTQUFTLEtBQUssUUFBUSxJQUFJLGFBQWEsQ0FBQyxDQUMvRyxJQUNHLE1BQU0sRUFDVixDQUNILENBQUE7QUFDSCxDQUFDLENBQUE7QUFFRCxlQUFlLFVBQVUsQ0FBQSJ9
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQnV0dG9uTGlzdC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL2NvbXBvbmVudHMvYnV0dG9uL2xpc3QvQnV0dG9uTGlzdC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUFBLE9BQU8sS0FBSyxLQUFLLE1BQU0sT0FBTyxDQUFBO0FBRTlCLE9BQU8sRUFBRSxFQUFFLEVBQUUsTUFBTSxZQUFZLENBQUE7QUFDL0IsT0FBTyxJQUFJLE1BQU0sTUFBTSxDQUFBO0FBQ3ZCLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSxXQUFXLENBQUE7QUFDckMsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sV0FBVyxDQUFBO0FBQzdDLE9BQU8sRUFBRSxxQkFBcUIsRUFBRSxNQUFNLFdBQVcsQ0FBQTtBQUVqRDs7O0dBR0c7QUFFSCxJQUFNLFVBQVUsR0FBRyxVQUFDLEVBQTBFO0lBQXhFLElBQUEsU0FBUyxlQUFBLEVBQUUsRUFBRSxRQUFBLEVBQUUsS0FBSyxXQUFBLEVBQUUsaUJBQWlCLEVBQWpCLFNBQVMsbUJBQUcsS0FBSyxLQUFBLEVBQUssTUFBTSxjQUFwRCx5Q0FBc0QsQ0FBRjtJQUM5RCxJQUFBLE1BQU0sR0FBSyxpQkFBaUIsRUFBRSxPQUF4QixDQUF3QjtJQUV0QyxPQUFPLENBQ0wsc0NBQ0UsRUFBRSxFQUFFLEVBQUUsRUFDTixTQUFTLEVBQUUsU0FBUyxDQUNsQixNQUFNLEVBQ04sSUFBSSxDQUFDLFNBQVMsRUFBRSxTQUFTLEVBQUUsS0FBSyxJQUFJLEVBQUUsQ0FBQyxxQkFBcUIsQ0FBQyxLQUFLLENBQUMsQ0FBQyxFQUFFLFNBQVMsS0FBSyxRQUFRLElBQUksYUFBYSxDQUFDLENBQy9HLElBQ0csTUFBTSxFQUNWLENBQ0gsQ0FBQTtBQUNILENBQUMsQ0FBQTtBQUVELGVBQWUsVUFBVSxDQUFBIn0=

package/lib/components/card/Card.d.ts

@@ -1,5 +1,8 @@
-import { CardProps } from '../../components/card/CardProps';
 import React from 'react';
+import { CardProps } from './CardProps';
+export declare const CardContext: React.Context<{
+    horizontal: boolean;
+}>;
 /**
  * Card Component
  * @param flat {boolean} Adding border for Card content

package/lib/components/card/Card.js

@@ -1,8 +1,10 @@
 import { __assign, __rest } from "tslib";
-import { hashClass } from '../../helpers/hashClassesHelpers';
-import { is } from '../../services/classify';
+import React, { createContext } from 'react';
 import clsx from 'clsx';
-import React from 'react';
+import { is } from '../../services/classify';
+import { hashClass } from '../../helpers';
+import { useTrilogyContext } from '../../context';
+export var CardContext = createContext({ horizontal: false });
 /**
  * Card Component
  * @param flat {boolean} Adding border for Card content
@@ -18,14 +20,19 @@ import React from 'react';
  */
 var Card = function (_a) {
     var className = _a.className, id = _a.id, flat = _a.flat, horizontal = _a.horizontal, floating = _a.floating, skeleton = _a.skeleton, onClick = _a.onClick, reversed = _a.reversed, href = _a.href, fullheight = _a.fullheight, active = _a.active, others = __rest(_a, ["className", "id", "flat", "horizontal", "floating", "skeleton", "onClick", "reversed", "href", "fullheight", "active"]);
+    var styled = useTrilogyContext().styled;
     var hoverStyle = {
-        cursor: onClick ? 'pointer' : 'default',
+        cursor: 'pointer',
     };
-    var classes = hashClass(clsx('card', flat && !floating && is('flat'), horizontal && [is('horizontal'), is('vcentered')], floating && !flat && is('floating'), skeleton && is('loading'), reversed && is('reversed'), className, fullheight && is('fullheight'), active && is('active')));
+    var classes = hashClass(styled, clsx('card', flat && !floating && is('flat'), horizontal && [is('horizontal'), is('vcentered')], floating && !flat && is('floating'), skeleton && is('loading'), reversed && is('reversed'), className, fullheight && is('fullheight'), active && is('active')));
     if (href) {
-        return React.createElement("a", __assign({ id: id, href: href, onClick: onClick }, others, { className: classes }));
+        return (React.createElement("a", __assign({ id: id, href: href, onClick: function (e) {
+                // eslint-disable-next-line no-unused-expressions
+                onClick === null || onClick === void 0 ? void 0 : onClick(e);
+                e.stopPropagation();
+            } }, others, { className: classes })));
     }
-    return React.createElement("div", __assign({ id: id, onClick: onClick, className: classes, style: hoverStyle }, others));
+    return (React.createElement("div", __assign({ id: id, onClick: onClick && onClick, className: classes, style: onClick && __assign({}, hoverStyle) }, others)));
 };
 export default Card;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQ2FyZC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL2NvbXBvbmVudHMvY2FyZC9DYXJkLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQ0EsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLDhCQUE4QixDQUFBO0FBQ3hELE9BQU8sRUFBRSxFQUFFLEVBQUUsTUFBTSxxQkFBcUIsQ0FBQTtBQUN4QyxPQUFPLElBQUksTUFBTSxNQUFNLENBQUE7QUFDdkIsT0FBTyxLQUFLLE1BQU0sT0FBTyxDQUFBO0FBRXpCOzs7Ozs7Ozs7Ozs7R0FZRztBQUNILElBQU0sSUFBSSxHQUFHLFVBQUMsRUFhRjtJQVpWLElBQUEsU0FBUyxlQUFBLEVBQ1QsRUFBRSxRQUFBLEVBQ0YsSUFBSSxVQUFBLEVBQ0osVUFBVSxnQkFBQSxFQUNWLFFBQVEsY0FBQSxFQUNSLFFBQVEsY0FBQSxFQUNSLE9BQU8sYUFBQSxFQUNQLFFBQVEsY0FBQSxFQUNSLElBQUksVUFBQSxFQUNKLFVBQVUsZ0JBQUEsRUFDVixNQUFNLFlBQUEsRUFDSCxNQUFNLGNBWkcsd0hBYWIsQ0FEVTtJQUVULElBQU0sVUFBVSxHQUF3QjtRQUN0QyxNQUFNLEVBQUUsT0FBTyxDQUFDLENBQUMsQ0FBQyxTQUFTLENBQUMsQ0FBQyxDQUFDLFNBQVM7S0FDeEMsQ0FBQTtJQUVELElBQU0sT0FBTyxHQUFHLFNBQVMsQ0FDdkIsSUFBSSxDQUNGLE1BQU0sRUFDTixJQUFJLElBQUksQ0FBQyxRQUFRLElBQUksRUFBRSxDQUFDLE1BQU0sQ0FBQyxFQUMvQixVQUFVLElBQUksQ0FBQyxFQUFFLENBQUMsWUFBWSxDQUFDLEVBQUUsRUFBRSxDQUFDLFdBQVcsQ0FBQyxDQUFDLEVBQ2pELFFBQVEsSUFBSSxDQUFDLElBQUksSUFBSSxFQUFFLENBQUMsVUFBVSxDQUFDLEVBQ25DLFFBQVEsSUFBSSxFQUFFLENBQUMsU0FBUyxDQUFDLEVBQ3pCLFFBQVEsSUFBSSxFQUFFLENBQUMsVUFBVSxDQUFDLEVBQzFCLFNBQVMsRUFDVCxVQUFVLElBQUksRUFBRSxDQUFDLFlBQVksQ0FBQyxFQUM5QixNQUFNLElBQUksRUFBRSxDQUFDLFFBQVEsQ0FBQyxDQUN2QixDQUNGLENBQUE7SUFFRCxJQUFJLElBQUksRUFBRTtRQUNSLE9BQU8sb0NBQUcsRUFBRSxFQUFFLEVBQUUsRUFBRSxJQUFJLEVBQUUsSUFBSSxFQUFFLE9BQU8sRUFBRSxPQUFPLElBQU0sTUFBTSxJQUFFLFNBQVMsRUFBRSxPQUFPLElBQUksQ0FBQTtLQUNuRjtJQUVELE9BQU8sc0NBQUssRUFBRSxFQUFFLEVBQUUsRUFBRSxPQUFPLEVBQUUsT0FBTyxFQUFFLFNBQVMsRUFBRSxPQUFPLEVBQUUsS0FBSyxFQUFFLFVBQVUsSUFBTSxNQUFNLEVBQUksQ0FBQTtBQUM3RixDQUFDLENBQUE7QUFDRCxlQUFlLElBQUksQ0FBQSJ9
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQ2FyZC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL2NvbXBvbmVudHMvY2FyZC9DYXJkLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxLQUFLLEVBQUUsRUFBRSxhQUFhLEVBQUUsTUFBTSxPQUFPLENBQUE7QUFDNUMsT0FBTyxJQUFJLE1BQU0sTUFBTSxDQUFBO0FBRXZCLE9BQU8sRUFBRSxFQUFFLEVBQUUsTUFBTSxxQkFBcUIsQ0FBQTtBQUN4QyxPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sV0FBVyxDQUFBO0FBQ3JDLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLFdBQVcsQ0FBQTtBQUU3QyxNQUFNLENBQUMsSUFBTSxXQUFXLEdBQUcsYUFBYSxDQUFDLEVBQUUsVUFBVSxFQUFFLEtBQUssRUFBRSxDQUFDLENBQUE7QUFFL0Q7Ozs7Ozs7Ozs7OztHQVlHO0FBQ0gsSUFBTSxJQUFJLEdBQUcsVUFBQyxFQWFZO0lBWlYsSUFBQSxTQUFTLGVBQUEsRUFDVCxFQUFFLFFBQUEsRUFDRixJQUFJLFVBQUEsRUFDSixVQUFVLGdCQUFBLEVBQ1YsUUFBUSxjQUFBLEVBQ1IsUUFBUSxjQUFBLEVBQ1IsT0FBTyxhQUFBLEVBQ1AsUUFBUSxjQUFBLEVBQ1IsSUFBSSxVQUFBLEVBQ0osVUFBVSxnQkFBQSxFQUNWLE1BQU0sWUFBQSxFQUNILE1BQU0sY0FaWCx3SEFhQyxDQURVO0lBR2YsSUFBQSxNQUFNLEdBQUssaUJBQWlCLEVBQUUsT0FBeEIsQ0FBd0I7SUFFdEMsSUFBTSxVQUFVLEdBQXdCO1FBQ3RDLE1BQU0sRUFBRSxTQUFTO0tBQ2xCLENBQUE7SUFFRCxJQUFNLE9BQU8sR0FBRyxTQUFTLENBQ3ZCLE1BQU0sRUFDTixJQUFJLENBQ0YsTUFBTSxFQUNOLElBQUksSUFBSSxDQUFDLFFBQVEsSUFBSSxFQUFFLENBQUMsTUFBTSxDQUFDLEVBQy9CLFVBQVUsSUFBSSxDQUFDLEVBQUUsQ0FBQyxZQUFZLENBQUMsRUFBRSxFQUFFLENBQUMsV0FBVyxDQUFDLENBQUMsRUFDakQsUUFBUSxJQUFJLENBQUMsSUFBSSxJQUFJLEVBQUUsQ0FBQyxVQUFVLENBQUMsRUFDbkMsUUFBUSxJQUFJLEVBQUUsQ0FBQyxTQUFTLENBQUMsRUFDekIsUUFBUSxJQUFJLEVBQUUsQ0FBQyxVQUFVLENBQUMsRUFDMUIsU0FBUyxFQUNULFVBQVUsSUFBSSxFQUFFLENBQUMsWUFBWSxDQUFDLEVBQzlCLE1BQU0sSUFBSSxFQUFFLENBQUMsUUFBUSxDQUFDLENBQ3ZCLENBQ0YsQ0FBQTtJQUVELElBQUksSUFBSSxFQUFFO1FBQ1IsT0FBTyxDQUNMLG9DQUNFLEVBQUUsRUFBRSxFQUFFLEVBQ04sSUFBSSxFQUFFLElBQUksRUFDVixPQUFPLEVBQUUsVUFBQyxDQUFDO2dCQUNULGlEQUFpRDtnQkFDakQsT0FBTyxhQUFQLE9BQU8sdUJBQVAsT0FBTyxDQUFHLENBQUMsQ0FBQyxDQUFBO2dCQUNaLENBQUMsQ0FBQyxlQUFlLEVBQUUsQ0FBQTtZQUNyQixDQUFDLElBQ0csTUFBTSxJQUNWLFNBQVMsRUFBRSxPQUFPLElBQ2xCLENBQ0gsQ0FBQTtLQUNGO0lBRUQsT0FBTyxDQUNMLHNDQUNFLEVBQUUsRUFBRSxFQUFFLEVBQ04sT0FBTyxFQUFFLE9BQU8sSUFBSSxPQUFPLEVBQzNCLFNBQVMsRUFBRSxPQUFPLEVBQ2xCLEtBQUssRUFBRSxPQUFPLGlCQUFTLFVBQVUsQ0FBRSxJQUMvQixNQUFNLEVBQ1YsQ0FDSCxDQUFBO0FBQ0gsQ0FBQyxDQUFBO0FBQ0QsZUFBZSxJQUFJLENBQUEifQ==

package/lib/components/card/CardProps.d.ts

@@ -1,9 +1,7 @@
 /// <reference types="react" />
 import { ClickEvent } from '../../events/OnClickEvent';
-import { Accessibility } from '../../objects/facets/Accessibility';
-import { Clickable } from '../../objects/facets/Clickable';
+import { Accessibility, Clickable, Fullheight } from '../../objects';
 import { CommonProps } from '../../objects/facets/CommonProps';
-import { Fullheight } from '../../objects/facets/Fullheight';
 /**
  * Card Interface
  */

package/lib/components/card/content/CardContent.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { CardContentProps } from '../../../components/card/content/CardContentProps';
+import { CardContentProps } from './CardContentProps';
 /**
  * Card Content Component
  * @param children {React.ReactNode} Custom Card Content Children

package/lib/components/card/content/CardContent.js

@@ -1,7 +1,8 @@
 import { __assign, __rest } from "tslib";
-import { hashClass } from '../../../helpers/hashClassesHelpers';
+import * as React from 'react';
 import clsx from 'clsx';
-import React from 'react';
+import { hashClass } from '../../../helpers';
+import { useTrilogyContext } from '../../../context';
 /**
  * Card Content Component
  * @param children {React.ReactNode} Custom Card Content Children
@@ -11,7 +12,8 @@ import React from 'react';
  */
 var CardContent = function (_a) {
     var children = _a.children, className = _a.className, id = _a.id, others = __rest(_a, ["children", "className", "id"]);
-    return (React.createElement("div", __assign({ id: id, className: hashClass(clsx('card-content', className)) }, others), children));
+    var styled = useTrilogyContext().styled;
+    return (React.createElement("div", __assign({ id: id, className: hashClass(styled, clsx('card-content', className)) }, others), children));
 };
 export default CardContent;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQ2FyZENvbnRlbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9jb21wb25lbnRzL2NhcmQvY29udGVudC9DYXJkQ29udGVudC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUNBLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSw4QkFBOEIsQ0FBQTtBQUN4RCxPQUFPLElBQUksTUFBTSxNQUFNLENBQUE7QUFDdkIsT0FBTyxLQUFLLE1BQU0sT0FBTyxDQUFBO0FBRXpCOzs7Ozs7R0FNRztBQUNILElBQU0sV0FBVyxHQUFHLFVBQUMsRUFBd0Q7SUFBdEQsSUFBQSxRQUFRLGNBQUEsRUFBRSxTQUFTLGVBQUEsRUFBRSxFQUFFLFFBQUEsRUFBSyxNQUFNLGNBQXBDLCtCQUFzQyxDQUFGO0lBQ3ZELE9BQU8sQ0FDTCxzQ0FBSyxFQUFFLEVBQUUsRUFBRSxFQUFFLFNBQVMsRUFBRSxTQUFTLENBQUMsSUFBSSxDQUFDLGNBQWMsRUFBRSxTQUFTLENBQUMsQ0FBQyxJQUFNLE1BQU0sR0FDM0UsUUFBUSxDQUNMLENBQ1AsQ0FBQTtBQUNILENBQUMsQ0FBQTtBQUVELGVBQWUsV0FBVyxDQUFBIn0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQ2FyZENvbnRlbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9jb21wb25lbnRzL2NhcmQvY29udGVudC9DYXJkQ29udGVudC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUFBLE9BQU8sS0FBSyxLQUFLLE1BQU0sT0FBTyxDQUFBO0FBQzlCLE9BQU8sSUFBSSxNQUFNLE1BQU0sQ0FBQTtBQUV2QixPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sV0FBVyxDQUFBO0FBQ3JDLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLFdBQVcsQ0FBQTtBQUU3Qzs7Ozs7O0dBTUc7QUFDSCxJQUFNLFdBQVcsR0FBRyxVQUFDLEVBQXdEO0lBQXRELElBQUEsUUFBUSxjQUFBLEVBQUUsU0FBUyxlQUFBLEVBQUUsRUFBRSxRQUFBLEVBQUssTUFBTSxjQUFwQywrQkFBc0MsQ0FBRjtJQUMvQyxJQUFBLE1BQU0sR0FBSyxpQkFBaUIsRUFBRSxPQUF4QixDQUF3QjtJQUN0QyxPQUFPLENBQ0wsc0NBQUssRUFBRSxFQUFFLEVBQUUsRUFBRSxTQUFTLEVBQUUsU0FBUyxDQUFDLE1BQU0sRUFBRSxJQUFJLENBQUMsY0FBYyxFQUFFLFNBQVMsQ0FBQyxDQUFDLElBQU0sTUFBTSxHQUNuRixRQUFRLENBQ0wsQ0FDUCxDQUFBO0FBQ0gsQ0FBQyxDQUFBO0FBRUQsZUFBZSxXQUFXLENBQUEifQ==

package/lib/components/card/content/CardContentProps.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { Accessibility } from '../../../objects/facets/Accessibility';
+import { Accessibility } from '../../../objects';
 import { CommonProps } from '../../../objects/facets/CommonProps';
 /**
  * Card Content Interface

package/lib/components/card/content/index.d.ts

@@ -1,2 +1,2 @@
-import CardContent from '../../../components/card/content/CardContent';
+import CardContent from './CardContent';
 export default CardContent;

package/lib/components/card/content/index.js

@@ -1,3 +1,3 @@
-import CardContent from '../../../components/card/content/CardContent';
+import CardContent from './CardContent';
 export default CardContent;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9jb21wb25lbnRzL2NhcmQvY29udGVudC9pbmRleC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLFdBQVcsTUFBTSx1Q0FBdUMsQ0FBQTtBQUUvRCxlQUFlLFdBQVcsQ0FBQSJ9
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9jb21wb25lbnRzL2NhcmQvY29udGVudC9pbmRleC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLFdBQVcsTUFBTSxlQUFlLENBQUE7QUFFdkMsZUFBZSxXQUFXLENBQUEifQ==

package/lib/components/card/image/CardImage.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { CardImageProps } from '../../../components/card/image/CardImageProps';
+import { CardImageProps } from './CardImageProps';
 /**
  * Card Image Component
  * @param src Image source

package/lib/components/card/image/CardImage.js

@@ -1,8 +1,9 @@
 import { __assign, __rest } from "tslib";
-import { hashClass } from '../../../helpers/hashClassesHelpers';
-import { is } from '../../../services/classify';
+import * as React from 'react';
 import clsx from 'clsx';
-import React from 'react';
+import { is } from '../../../services/classify';
+import { hashClass } from '../../../helpers';
+import { useTrilogyContext } from '../../../context';
 /**
  * Card Image Component
  * @param src Image source
@@ -16,10 +17,15 @@ import React from 'react';
  */
 var CardImage = function (_a) {
     var src = _a.src, alt = _a.alt, className = _a.className, id = _a.id, size = _a.size, onClick = _a.onClick, others = __rest(_a, ["src", "alt", "className", "id", "size", "onClick"]);
-    var classes = hashClass(clsx('card-image', size && is("".concat(size)), className));
-    return (React.createElement("div", { id: id, onClick: onClick, className: classes },
-        React.createElement("figure", __assign({ className: hashClass(clsx('image')) }, others),
+    var styled = useTrilogyContext().styled;
+    var classes = hashClass(styled, clsx('card-image', size && is("".concat(size)), className));
+    return (React.createElement("div", { id: id, onClick: function (e) {
+            // eslint-disable-next-line no-unused-expressions
+            onClick === null || onClick === void 0 ? void 0 : onClick(e);
+            e.stopPropagation();
+        }, className: classes },
+        React.createElement("figure", __assign({ className: hashClass(styled, clsx('image')) }, others),
             React.createElement("img", __assign({}, { src: typeof src === 'string' ? src : '' }, { alt: alt })))));
 };
 export default CardImage;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQ2FyZEltYWdlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vY29tcG9uZW50cy9jYXJkL2ltYWdlL0NhcmRJbWFnZS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUNBLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSw4QkFBOEIsQ0FBQTtBQUN4RCxPQUFPLEVBQUUsRUFBRSxFQUFFLE1BQU0scUJBQXFCLENBQUE7QUFDeEMsT0FBTyxJQUFJLE1BQU0sTUFBTSxDQUFBO0FBQ3ZCLE9BQU8sS0FBSyxNQUFNLE9BQU8sQ0FBQTtBQUV6Qjs7Ozs7Ozs7OztHQVVHO0FBQ0gsSUFBTSxTQUFTLEdBQUcsVUFBQyxFQUFxRTtJQUFuRSxJQUFBLEdBQUcsU0FBQSxFQUFFLEdBQUcsU0FBQSxFQUFFLFNBQVMsZUFBQSxFQUFFLEVBQUUsUUFBQSxFQUFFLElBQUksVUFBQSxFQUFFLE9BQU8sYUFBQSxFQUFLLE1BQU0sY0FBbkQsb0RBQXFELENBQUY7SUFDcEUsSUFBTSxPQUFPLEdBQUcsU0FBUyxDQUFDLElBQUksQ0FBQyxZQUFZLEVBQUUsSUFBSSxJQUFJLEVBQUUsQ0FBQyxVQUFHLElBQUksQ0FBRSxDQUFDLEVBQUUsU0FBUyxDQUFDLENBQUMsQ0FBQTtJQUUvRSxPQUFPLENBQ0wsNkJBQUssRUFBRSxFQUFFLEVBQUUsRUFBRSxPQUFPLEVBQUUsT0FBTyxFQUFFLFNBQVMsRUFBRSxPQUFPO1FBQy9DLHlDQUFRLFNBQVMsRUFBRSxTQUFTLENBQUMsSUFBSSxDQUFDLE9BQU8sQ0FBQyxDQUFDLElBQU0sTUFBTTtZQUNyRCx3Q0FBUyxFQUFFLEdBQUcsRUFBRSxPQUFPLEdBQUcsS0FBSyxRQUFRLENBQUMsQ0FBQyxDQUFDLEdBQUcsQ0FBQyxDQUFDLENBQUMsRUFBRSxFQUFFLElBQUUsR0FBRyxFQUFFLEdBQUcsSUFBSSxDQUMzRCxDQUNMLENBQ1AsQ0FBQTtBQUNILENBQUMsQ0FBQTtBQUVELGVBQWUsU0FBUyxDQUFBIn0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQ2FyZEltYWdlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vY29tcG9uZW50cy9jYXJkL2ltYWdlL0NhcmRJbWFnZS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUFBLE9BQU8sS0FBSyxLQUFLLE1BQU0sT0FBTyxDQUFBO0FBQzlCLE9BQU8sSUFBSSxNQUFNLE1BQU0sQ0FBQTtBQUV2QixPQUFPLEVBQUUsRUFBRSxFQUFFLE1BQU0scUJBQXFCLENBQUE7QUFDeEMsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLFdBQVcsQ0FBQTtBQUNyQyxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxXQUFXLENBQUE7QUFFN0M7Ozs7Ozs7Ozs7R0FVRztBQUNILElBQU0sU0FBUyxHQUFHLFVBQUMsRUFBcUU7SUFBbkUsSUFBQSxHQUFHLFNBQUEsRUFBRSxHQUFHLFNBQUEsRUFBRSxTQUFTLGVBQUEsRUFBRSxFQUFFLFFBQUEsRUFBRSxJQUFJLFVBQUEsRUFBRSxPQUFPLGFBQUEsRUFBSyxNQUFNLGNBQW5ELG9EQUFxRCxDQUFGO0lBQzVELElBQUEsTUFBTSxHQUFLLGlCQUFpQixFQUFFLE9BQXhCLENBQXdCO0lBQ3RDLElBQU0sT0FBTyxHQUFHLFNBQVMsQ0FBQyxNQUFNLEVBQUUsSUFBSSxDQUFDLFlBQVksRUFBRSxJQUFJLElBQUksRUFBRSxDQUFDLFVBQUcsSUFBSSxDQUFFLENBQUMsRUFBRSxTQUFTLENBQUMsQ0FBQyxDQUFBO0lBRXZGLE9BQU8sQ0FDTCw2QkFDRSxFQUFFLEVBQUUsRUFBRSxFQUNOLE9BQU8sRUFBRSxVQUFDLENBQUM7WUFDVCxpREFBaUQ7WUFDakQsT0FBTyxhQUFQLE9BQU8sdUJBQVAsT0FBTyxDQUFHLENBQUMsQ0FBQyxDQUFBO1lBQ1osQ0FBQyxDQUFDLGVBQWUsRUFBRSxDQUFBO1FBQ3JCLENBQUMsRUFDRCxTQUFTLEVBQUUsT0FBTztRQUVsQix5Q0FBUSxTQUFTLEVBQUUsU0FBUyxDQUFDLE1BQU0sRUFBRSxJQUFJLENBQUMsT0FBTyxDQUFDLENBQUMsSUFBTSxNQUFNO1lBQzdELHdDQUFTLEVBQUUsR0FBRyxFQUFFLE9BQU8sR0FBRyxLQUFLLFFBQVEsQ0FBQyxDQUFDLENBQUMsR0FBRyxDQUFDLENBQUMsQ0FBQyxFQUFFLEVBQUUsSUFBRSxHQUFHLEVBQUUsR0FBRyxJQUFJLENBQzNELENBQ0wsQ0FDUCxDQUFBO0FBQ0gsQ0FBQyxDQUFBO0FBRUQsZUFBZSxTQUFTLENBQUEifQ==

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

@@ -1,5 +1,5 @@
-import Card from '../../components/card/Card';
-import CardContent from '../../components/card/content';
-import CardImage from '../../components/card/image';
-export * from '../../components/card/image/CardImageEnum';
-export { Card, CardContent, CardImage };
+import Card from './Card';
+import CardImage from './image';
+import CardContent from './content';
+export * from './image/CardImageEnum';
+export { Card, CardImage, CardContent };