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

package/lib/components/stepper/Stepper.js

@@ -1,9 +1,9 @@
-import { __assign, __read, __rest } from "tslib";
-import * as React from 'react';
-import clsx from 'clsx';
-import { hashClass } from '../../helpers';
-import { useTrilogyContext } from '../../context';
+import { __assign, __rest } from "tslib";
+import { useStepper } from '../../components/stepper/hooks/useStepper';
 import { Text } from '../../components/text';
+import { hashClass } from '../../helpers/hashClassesHelpers';
+import clsx from 'clsx';
+import React from 'react';
 /**
  * Stepper Component
  * @param centered Center the stepper
@@ -13,42 +13,15 @@ import { Text } from '../../components/text';
  */
 var Stepper = function (_a) {
     var className = _a.className, id = _a.id, children = _a.children, others = __rest(_a, ["className", "id", "children"]);
-    var styled = useTrilogyContext().styled;
-    var classes = hashClass(styled, clsx('stepper-wrapper', className));
-    var _b = __read(React.useState(1), 2), currentStep = _b[0], setCurrentStep = _b[1];
-    var nbChild = React.useMemo(function () {
-        if (children && Array.isArray(children))
-            return children.length;
-        if (children && !Array.isArray(children))
-            return 1;
-        return 0;
-    }, [children]);
-    React.useEffect(function () {
-        if (children) {
-            if (Array.isArray(children)) {
-                var haveCurrentStep_1 = false;
-                children.map(function (child, index) {
-                    var _a;
-                    if ((_a = child === null || child === void 0 ? void 0 : child.props) === null || _a === void 0 ? void 0 : _a.current) {
-                        haveCurrentStep_1 = true;
-                        setCurrentStep(index + 1);
-                    }
-                });
-                if (!haveCurrentStep_1)
-                    setCurrentStep(1);
-            }
-            else {
-                setCurrentStep(1);
-            }
-        }
-    }, [children]);
+    var classes = hashClass(clsx('stepper-wrapper', className));
+    var _b = useStepper({ children: children }), currentStep = _b.currentStep, nbChild = _b.nbChild;
     return (React.createElement("div", __assign({ id: id, className: classes }, others),
         children,
-        React.createElement("div", { className: "step-count" },
+        React.createElement("div", { className: 'step-count' },
             React.createElement(Text, null,
                 currentStep,
                 "/",
                 nbChild))));
 };
 export default Stepper;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiU3RlcHBlci5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL2NvbXBvbmVudHMvc3RlcHBlci9TdGVwcGVyLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxLQUFLLEtBQUssTUFBTSxPQUFPLENBQUE7QUFDOUIsT0FBTyxJQUFJLE1BQU0sTUFBTSxDQUFBO0FBRXZCLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSxXQUFXLENBQUE7QUFDckMsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sV0FBVyxDQUFBO0FBQzdDLE9BQU8sRUFBRSxJQUFJLEVBQUUsTUFBTSxtQkFBbUIsQ0FBQTtBQUV4Qzs7Ozs7O0dBTUc7QUFDSCxJQUFNLE9BQU8sR0FBRyxVQUFDLEVBQW9EO0lBQWxELElBQUEsU0FBUyxlQUFBLEVBQUUsRUFBRSxRQUFBLEVBQUUsUUFBUSxjQUFBLEVBQUssTUFBTSxjQUFwQywrQkFBc0MsQ0FBRjtJQUMzQyxJQUFBLE1BQU0sR0FBSyxpQkFBaUIsRUFBRSxPQUF4QixDQUF3QjtJQUN0QyxJQUFNLE9BQU8sR0FBRyxTQUFTLENBQUMsTUFBTSxFQUFFLElBQUksQ0FBQyxpQkFBaUIsRUFBRSxTQUFTLENBQUMsQ0FBQyxDQUFBO0lBQy9ELElBQUEsS0FBQSxPQUFnQyxLQUFLLENBQUMsUUFBUSxDQUFTLENBQUMsQ0FBQyxJQUFBLEVBQXhELFdBQVcsUUFBQSxFQUFFLGNBQWMsUUFBNkIsQ0FBQTtJQUUvRCxJQUFNLE9BQU8sR0FBRyxLQUFLLENBQUMsT0FBTyxDQUFTO1FBQ3BDLElBQUksUUFBUSxJQUFJLEtBQUssQ0FBQyxPQUFPLENBQUMsUUFBUSxDQUFDO1lBQUUsT0FBTyxRQUFRLENBQUMsTUFBTSxDQUFBO1FBQy9ELElBQUksUUFBUSxJQUFJLENBQUMsS0FBSyxDQUFDLE9BQU8sQ0FBQyxRQUFRLENBQUM7WUFBRSxPQUFPLENBQUMsQ0FBQTtRQUNsRCxPQUFPLENBQUMsQ0FBQTtJQUNWLENBQUMsRUFBRSxDQUFDLFFBQVEsQ0FBQyxDQUFDLENBQUE7SUFFZCxLQUFLLENBQUMsU0FBUyxDQUFDO1FBQ2QsSUFBSSxRQUFRLEVBQUU7WUFDWixJQUFJLEtBQUssQ0FBQyxPQUFPLENBQUMsUUFBUSxDQUFDLEVBQUU7Z0JBQzNCLElBQUksaUJBQWUsR0FBRyxLQUFLLENBQUE7Z0JBQzNCLFFBQVEsQ0FBQyxHQUFHLENBQUMsVUFBQyxLQUFLLEVBQUUsS0FBSzs7b0JBQ3hCLElBQUksTUFBQSxLQUFLLGFBQUwsS0FBSyx1QkFBTCxLQUFLLENBQUUsS0FBSywwQ0FBRSxPQUFPLEVBQUU7d0JBQ3pCLGlCQUFlLEdBQUcsSUFBSSxDQUFBO3dCQUN0QixjQUFjLENBQUMsS0FBSyxHQUFHLENBQUMsQ0FBQyxDQUFBO3FCQUMxQjtnQkFDSCxDQUFDLENBQUMsQ0FBQTtnQkFDRixJQUFJLENBQUMsaUJBQWU7b0JBQUUsY0FBYyxDQUFDLENBQUMsQ0FBQyxDQUFBO2FBQ3hDO2lCQUFNO2dCQUNMLGNBQWMsQ0FBQyxDQUFDLENBQUMsQ0FBQTthQUNsQjtTQUNGO0lBQ0gsQ0FBQyxFQUFFLENBQUMsUUFBUSxDQUFDLENBQUMsQ0FBQTtJQUVkLE9BQU8sQ0FDTCxzQ0FBSyxFQUFFLEVBQUUsRUFBRSxFQUFFLFNBQVMsRUFBRSxPQUFPLElBQU0sTUFBTTtRQUN4QyxRQUFRO1FBQ1QsNkJBQUssU0FBUyxFQUFDLFlBQVk7WUFDekIsb0JBQUMsSUFBSTtnQkFDRixXQUFXOztnQkFBRyxPQUFPLENBQ2pCLENBQ0gsQ0FDRixDQUNQLENBQUE7QUFDSCxDQUFDLENBQUE7QUFDRCxlQUFlLE9BQU8sQ0FBQSJ9
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiU3RlcHBlci5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL2NvbXBvbmVudHMvc3RlcHBlci9TdGVwcGVyLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQ0EsT0FBTyxFQUFFLFVBQVUsRUFBRSxNQUFNLHVDQUF1QyxDQUFBO0FBQ2xFLE9BQU8sRUFBRSxJQUFJLEVBQUUsTUFBTSxtQkFBbUIsQ0FBQTtBQUN4QyxPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sOEJBQThCLENBQUE7QUFDeEQsT0FBTyxJQUFJLE1BQU0sTUFBTSxDQUFBO0FBQ3ZCLE9BQU8sS0FBSyxNQUFNLE9BQU8sQ0FBQTtBQUV6Qjs7Ozs7O0dBTUc7QUFDSCxJQUFNLE9BQU8sR0FBRyxVQUFDLEVBQW9EO0lBQWxELElBQUEsU0FBUyxlQUFBLEVBQUUsRUFBRSxRQUFBLEVBQUUsUUFBUSxjQUFBLEVBQUssTUFBTSxjQUFwQywrQkFBc0MsQ0FBRjtJQUNuRCxJQUFNLE9BQU8sR0FBRyxTQUFTLENBQUMsSUFBSSxDQUFDLGlCQUFpQixFQUFFLFNBQVMsQ0FBQyxDQUFDLENBQUE7SUFDdkQsSUFBQSxLQUEyQixVQUFVLENBQUMsRUFBRSxRQUFRLFVBQUEsRUFBRSxDQUFDLEVBQWpELFdBQVcsaUJBQUEsRUFBRSxPQUFPLGFBQTZCLENBQUE7SUFFekQsT0FBTyxDQUNMLHNDQUFLLEVBQUUsRUFBRSxFQUFFLEVBQUUsU0FBUyxFQUFFLE9BQU8sSUFBTSxNQUFNO1FBQ3hDLFFBQVE7UUFDVCw2QkFBSyxTQUFTLEVBQUMsWUFBWTtZQUN6QixvQkFBQyxJQUFJO2dCQUNGLFdBQVc7O2dCQUFHLE9BQU8sQ0FDakIsQ0FDSCxDQUNGLENBQ1AsQ0FBQTtBQUNILENBQUMsQ0FBQTtBQUNELGVBQWUsT0FBTyxDQUFBIn0=

package/lib/components/stepper/hooks/useStepper.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+interface IParams {
+    children?: React.ReactNode;
+}
+export declare const useStepper: ({ children }: IParams) => {
+    currentStep: number | undefined;
+    nbChild: number;
+};
+export {};

package/lib/components/stepper/hooks/useStepper.js

@@ -0,0 +1,54 @@
+import { __read } from "tslib";
+import { isServer } from '../../../helpers/isServer';
+import React from 'react';
+export var useStepper = function (_a) {
+    var children = _a.children;
+    if (isServer) {
+        return {
+            currentStep: getCurrentStep(children),
+            nbChild: getNbChilds(children),
+        };
+    }
+    var _b = __read(React.useState(1), 2), currentStep = _b[0], setCurrentStep = _b[1];
+    var nbChild = React.useMemo(function () {
+        return getNbChilds(children);
+    }, [children]);
+    React.useEffect(function () {
+        getCurrentStep(children, setCurrentStep);
+    }, [children]);
+    return {
+        currentStep: currentStep,
+        nbChild: nbChild,
+    };
+};
+var getNbChilds = function (children) {
+    if (children && Array.isArray(children))
+        return children.length;
+    if (children && !Array.isArray(children))
+        return 1;
+    return 0;
+};
+var getCurrentStep = function (children, setCurrentStep) {
+    if (children) {
+        var currentStep_1 = 1;
+        if (Array.isArray(children)) {
+            var haveCurrentStep_1 = false;
+            children.map(function (child, index) {
+                var _a;
+                if ((_a = child === null || child === void 0 ? void 0 : child.props) === null || _a === void 0 ? void 0 : _a.current) {
+                    haveCurrentStep_1 = true;
+                    currentStep_1 = index + 1;
+                    setCurrentStep && setCurrentStep(index + 1);
+                }
+            });
+            if (!haveCurrentStep_1)
+                setCurrentStep && setCurrentStep(1);
+            return currentStep_1;
+        }
+        else {
+            setCurrentStep && setCurrentStep(1);
+            return currentStep_1;
+        }
+    }
+};
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidXNlU3RlcHBlci5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL2NvbXBvbmVudHMvc3RlcHBlci9ob29rcy91c2VTdGVwcGVyLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLG9CQUFvQixDQUFBO0FBQzdDLE9BQU8sS0FBSyxNQUFNLE9BQU8sQ0FBQTtBQU16QixNQUFNLENBQUMsSUFBTSxVQUFVLEdBQUcsVUFBQyxFQUFxQjtRQUFuQixRQUFRLGNBQUE7SUFDbkMsSUFBSSxRQUFRLEVBQUU7UUFDWixPQUFPO1lBQ0wsV0FBVyxFQUFFLGNBQWMsQ0FBQyxRQUFRLENBQUM7WUFDckMsT0FBTyxFQUFFLFdBQVcsQ0FBQyxRQUFRLENBQUM7U0FDL0IsQ0FBQTtLQUNGO0lBRUssSUFBQSxLQUFBLE9BQWdDLEtBQUssQ0FBQyxRQUFRLENBQVMsQ0FBQyxDQUFDLElBQUEsRUFBeEQsV0FBVyxRQUFBLEVBQUUsY0FBYyxRQUE2QixDQUFBO0lBRS9ELElBQU0sT0FBTyxHQUFHLEtBQUssQ0FBQyxPQUFPLENBQVM7UUFDcEMsT0FBTyxXQUFXLENBQUMsUUFBUSxDQUFDLENBQUE7SUFDOUIsQ0FBQyxFQUFFLENBQUMsUUFBUSxDQUFDLENBQUMsQ0FBQTtJQUVkLEtBQUssQ0FBQyxTQUFTLENBQUM7UUFDZCxjQUFjLENBQUMsUUFBUSxFQUFFLGNBQWMsQ0FBQyxDQUFBO0lBQzFDLENBQUMsRUFBRSxDQUFDLFFBQVEsQ0FBQyxDQUFDLENBQUE7SUFFZCxPQUFPO1FBQ0wsV0FBVyxhQUFBO1FBQ1gsT0FBTyxTQUFBO0tBQ1IsQ0FBQTtBQUNILENBQUMsQ0FBQTtBQUVELElBQU0sV0FBVyxHQUFHLFVBQUMsUUFBeUI7SUFDNUMsSUFBSSxRQUFRLElBQUksS0FBSyxDQUFDLE9BQU8sQ0FBQyxRQUFRLENBQUM7UUFBRSxPQUFPLFFBQVEsQ0FBQyxNQUFNLENBQUE7SUFDL0QsSUFBSSxRQUFRLElBQUksQ0FBQyxLQUFLLENBQUMsT0FBTyxDQUFDLFFBQVEsQ0FBQztRQUFFLE9BQU8sQ0FBQyxDQUFBO0lBQ2xELE9BQU8sQ0FBQyxDQUFBO0FBQ1YsQ0FBQyxDQUFBO0FBRUQsSUFBTSxjQUFjLEdBQUcsVUFBQyxRQUF5QixFQUFFLGNBQTZEO0lBQzlHLElBQUksUUFBUSxFQUFFO1FBQ1osSUFBSSxhQUFXLEdBQUcsQ0FBQyxDQUFBO1FBQ25CLElBQUksS0FBSyxDQUFDLE9BQU8sQ0FBQyxRQUFRLENBQUMsRUFBRTtZQUMzQixJQUFJLGlCQUFlLEdBQUcsS0FBSyxDQUFBO1lBQzNCLFFBQVEsQ0FBQyxHQUFHLENBQUMsVUFBQyxLQUFLLEVBQUUsS0FBSzs7Z0JBQ3hCLElBQUksTUFBQSxLQUFLLGFBQUwsS0FBSyx1QkFBTCxLQUFLLENBQUUsS0FBSywwQ0FBRSxPQUFPLEVBQUU7b0JBQ3pCLGlCQUFlLEdBQUcsSUFBSSxDQUFBO29CQUN0QixhQUFXLEdBQUcsS0FBSyxHQUFHLENBQUMsQ0FBQTtvQkFDdkIsY0FBYyxJQUFJLGNBQWMsQ0FBQyxLQUFLLEdBQUcsQ0FBQyxDQUFDLENBQUE7aUJBQzVDO1lBQ0gsQ0FBQyxDQUFDLENBQUE7WUFDRixJQUFJLENBQUMsaUJBQWU7Z0JBQUUsY0FBYyxJQUFJLGNBQWMsQ0FBQyxDQUFDLENBQUMsQ0FBQTtZQUN6RCxPQUFPLGFBQVcsQ0FBQTtTQUNuQjthQUFNO1lBQ0wsY0FBYyxJQUFJLGNBQWMsQ0FBQyxDQUFDLENBQUMsQ0FBQTtZQUNuQyxPQUFPLGFBQVcsQ0FBQTtTQUNuQjtLQUNGO0FBQ0gsQ0FBQyxDQUFBIn0=

package/lib/components/stepper/step/Step.d.ts

@@ -1,5 +1,5 @@
+import { StepProps } from '../../../components/stepper/step/StepProps';
 import React from 'react';
-import { StepProps } from './StepProps';
 /**
  * Stepper Step Component
  * @param active {boolean} Active step

package/lib/components/stepper/step/Step.js

@@ -1,11 +1,10 @@
 import { __assign, __rest } from "tslib";
-import React from 'react';
-import clsx from 'clsx';
-import { is } from '../../../services/classify';
-import { hashClass } from '../../../helpers';
-import { useTrilogyContext } from '../../../context';
-import Icon from '../../../components/icon/Icon';
 import { IconSize } from '../../../components/icon';
+import Icon from '../../../components/icon/Icon';
+import { hashClass } from '../../../helpers/hashClassesHelpers';
+import { is } from '../../../services/classify';
+import clsx from 'clsx';
+import React from 'react';
 /**
  * Stepper Step Component
  * @param active {boolean} Active step
@@ -20,9 +19,8 @@ import { IconSize } from '../../../components/icon';
  */
 var Step = function (_a) {
     var className = _a.className, id = _a.id, active = _a.active, current = _a.current, done = _a.done, label = _a.label, iconName = _a.iconName, error = _a.error, others = __rest(_a, ["className", "id", "active", "current", "done", "label", "iconName", "error"]);
-    var styled = useTrilogyContext().styled;
-    var classesStepLabel = hashClass(styled, clsx('step-label'));
-    var classes = hashClass(styled, clsx('stepper-item', active && is('active'), current && is('current'), done && is('done'), error && is('error'), className));
+    var classesStepLabel = hashClass(clsx('step-label'));
+    var classes = hashClass(clsx('stepper-item', active && is('active'), current && is('current'), done && is('done'), error && is('error'), className));
     /**
      * If no markup return div
      */
@@ -32,4 +30,4 @@ var Step = function (_a) {
             !done && iconName && React.createElement(Icon, { name: iconName && iconName, className: 'step-icon', size: IconSize.MEDIUM }))));
 };
 export default Step;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiU3RlcC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL2NvbXBvbmVudHMvc3RlcHBlci9zdGVwL1N0ZXAudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLEtBQUssTUFBTSxPQUFPLENBQUE7QUFDekIsT0FBTyxJQUFJLE1BQU0sTUFBTSxDQUFBO0FBRXZCLE9BQU8sRUFBRSxFQUFFLEVBQUUsTUFBTSxxQkFBcUIsQ0FBQTtBQUN4QyxPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sV0FBVyxDQUFBO0FBQ3JDLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLFdBQVcsQ0FBQTtBQUM3QyxPQUFPLElBQUksTUFBTSx3QkFBd0IsQ0FBQTtBQUN6QyxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0sbUJBQW1CLENBQUE7QUFFNUM7Ozs7Ozs7Ozs7O0dBV0c7QUFDSCxJQUFNLElBQUksR0FBRyxVQUFDLEVBQXNGO0lBQXBGLElBQUEsU0FBUyxlQUFBLEVBQUUsRUFBRSxRQUFBLEVBQUUsTUFBTSxZQUFBLEVBQUUsT0FBTyxhQUFBLEVBQUUsSUFBSSxVQUFBLEVBQUUsS0FBSyxXQUFBLEVBQUUsUUFBUSxjQUFBLEVBQUUsS0FBSyxXQUFBLEVBQUssTUFBTSxjQUF6RSw4RUFBMkUsQ0FBRjtJQUM3RSxJQUFBLE1BQU0sR0FBSyxpQkFBaUIsRUFBRSxPQUF4QixDQUF3QjtJQUN0QyxJQUFNLGdCQUFnQixHQUFHLFNBQVMsQ0FBQyxNQUFNLEVBQUUsSUFBSSxDQUFDLFlBQVksQ0FBQyxDQUFDLENBQUE7SUFFOUQsSUFBTSxPQUFPLEdBQUcsU0FBUyxDQUN2QixNQUFNLEVBQ04sSUFBSSxDQUNGLGNBQWMsRUFDZCxNQUFNLElBQUksRUFBRSxDQUFDLFFBQVEsQ0FBQyxFQUN0QixPQUFPLElBQUksRUFBRSxDQUFDLFNBQVMsQ0FBQyxFQUN4QixJQUFJLElBQUksRUFBRSxDQUFDLE1BQU0sQ0FBQyxFQUNsQixLQUFLLElBQUksRUFBRSxDQUFDLE9BQU8sQ0FBQyxFQUNwQixTQUFTLENBQ1YsQ0FDRixDQUFBO0lBQ0Q7O09BRUc7SUFFSCxPQUFPLENBQ0wsc0NBQUssRUFBRSxFQUFFLEVBQUUsRUFBRSxTQUFTLEVBQUUsT0FBTyxnQkFBYyxLQUFLLElBQU0sTUFBTTtRQUM1RCw2QkFBSyxTQUFTLEVBQUUsZ0JBQWdCO1lBQzdCLEtBQUs7WUFDTCxDQUFDLElBQUksSUFBSSxRQUFRLElBQUksb0JBQUMsSUFBSSxJQUFDLElBQUksRUFBRSxRQUFRLElBQUksUUFBUSxFQUFFLFNBQVMsRUFBRSxXQUFXLEVBQUUsSUFBSSxFQUFFLFFBQVEsQ0FBQyxNQUFNLEdBQUksQ0FDckcsQ0FDRixDQUNQLENBQUE7QUFDSCxDQUFDLENBQUE7QUFFRCxlQUFlLElBQUksQ0FBQSJ9
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiU3RlcC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL2NvbXBvbmVudHMvc3RlcHBlci9zdGVwL1N0ZXAudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0sbUJBQW1CLENBQUE7QUFDNUMsT0FBTyxJQUFJLE1BQU0sd0JBQXdCLENBQUE7QUFFekMsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLDhCQUE4QixDQUFBO0FBQ3hELE9BQU8sRUFBRSxFQUFFLEVBQUUsTUFBTSxxQkFBcUIsQ0FBQTtBQUN4QyxPQUFPLElBQUksTUFBTSxNQUFNLENBQUE7QUFDdkIsT0FBTyxLQUFLLE1BQU0sT0FBTyxDQUFBO0FBRXpCOzs7Ozs7Ozs7OztHQVdHO0FBQ0gsSUFBTSxJQUFJLEdBQUcsVUFBQyxFQUFzRjtJQUFwRixJQUFBLFNBQVMsZUFBQSxFQUFFLEVBQUUsUUFBQSxFQUFFLE1BQU0sWUFBQSxFQUFFLE9BQU8sYUFBQSxFQUFFLElBQUksVUFBQSxFQUFFLEtBQUssV0FBQSxFQUFFLFFBQVEsY0FBQSxFQUFFLEtBQUssV0FBQSxFQUFLLE1BQU0sY0FBekUsOEVBQTJFLENBQUY7SUFDckYsSUFBTSxnQkFBZ0IsR0FBRyxTQUFTLENBQUMsSUFBSSxDQUFDLFlBQVksQ0FBQyxDQUFDLENBQUE7SUFFdEQsSUFBTSxPQUFPLEdBQUcsU0FBUyxDQUN2QixJQUFJLENBQ0YsY0FBYyxFQUNkLE1BQU0sSUFBSSxFQUFFLENBQUMsUUFBUSxDQUFDLEVBQ3RCLE9BQU8sSUFBSSxFQUFFLENBQUMsU0FBUyxDQUFDLEVBQ3hCLElBQUksSUFBSSxFQUFFLENBQUMsTUFBTSxDQUFDLEVBQ2xCLEtBQUssSUFBSSxFQUFFLENBQUMsT0FBTyxDQUFDLEVBQ3BCLFNBQVMsQ0FDVixDQUNGLENBQUE7SUFDRDs7T0FFRztJQUVILE9BQU8sQ0FDTCxzQ0FBSyxFQUFFLEVBQUUsRUFBRSxFQUFFLFNBQVMsRUFBRSxPQUFPLGdCQUFjLEtBQUssSUFBTSxNQUFNO1FBQzVELDZCQUFLLFNBQVMsRUFBRSxnQkFBZ0I7WUFDN0IsS0FBSztZQUNMLENBQUMsSUFBSSxJQUFJLFFBQVEsSUFBSSxvQkFBQyxJQUFJLElBQUMsSUFBSSxFQUFFLFFBQVEsSUFBSSxRQUFRLEVBQUUsU0FBUyxFQUFFLFdBQVcsRUFBRSxJQUFJLEVBQUUsUUFBUSxDQUFDLE1BQU0sR0FBSSxDQUNyRyxDQUNGLENBQ1AsQ0FBQTtBQUNILENBQUMsQ0FBQTtBQUVELGVBQWUsSUFBSSxDQUFBIn0=

package/lib/components/stepper/step/index.d.ts

@@ -1,2 +1,2 @@
-import Step from './Step';
+import Step from '../../../components/stepper/step/Step';
 export default Step;

package/lib/components/stepper/step/index.js

@@ -1,3 +1,3 @@
-import Step from './Step';
+import Step from '../../../components/stepper/step/Step';
 export default Step;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9jb21wb25lbnRzL3N0ZXBwZXIvc3RlcC9pbmRleC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLElBQUksTUFBTSxRQUFRLENBQUE7QUFFekIsZUFBZSxJQUFJLENBQUEifQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9jb21wb25lbnRzL3N0ZXBwZXIvc3RlcC9pbmRleC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLElBQUksTUFBTSxnQ0FBZ0MsQ0FBQTtBQUVqRCxlQUFlLElBQUksQ0FBQSJ9

package/lib/components/sticker/Sticker.d.ts

@@ -12,5 +12,5 @@ import { StickerProps } from './StickerProps';
  * @param className {string} Additionnal css classes
  * @param others
  */
-declare const Sticker: ({ className, id, variant, small, label, outlined, iconName, ...others }: StickerProps) => JSX.Element;
+declare const Sticker: ({ className, id, variant, small, label, outlined, iconName, accessibilityLabel, ...others }: StickerProps) => JSX.Element;
 export default Sticker;

package/lib/components/sticker/Sticker.js

@@ -1,11 +1,10 @@
 import { __assign, __rest } from "tslib";
-import React from 'react';
-import clsx from 'clsx';
-import { is } from '../../services/classify';
-import { getVariantClassName } from '../../objects';
+import { Icon, IconSize } from '../../components/icon';
 import { hashClass } from '../../helpers';
-import { useTrilogyContext } from '../../context';
-import { Icon, IconSize } from "../../components/icon";
+import { getVariantClassName } from '../../objects';
+import { is } from '../../services/classify';
+import clsx from 'clsx';
+import React from 'react';
 /**
  * Sticker component
  * @param children {ReactNode} Sticker child
@@ -19,12 +18,11 @@ import { Icon, IconSize } from "../../components/icon";
  * @param others
  */
 var Sticker = function (_a) {
-    var className = _a.className, id = _a.id, variant = _a.variant, small = _a.small, label = _a.label, outlined = _a.outlined, iconName = _a.iconName, others = __rest(_a, ["className", "id", "variant", "small", "label", "outlined", "iconName"]);
-    var styled = useTrilogyContext().styled;
-    var classes = hashClass(styled, clsx('sticker', variant && is(getVariantClassName(variant)), small && is('small'), className, outlined && is('outlined'), is('vcentered')));
-    return (React.createElement("p", __assign({ id: id, className: classes }, others),
+    var className = _a.className, id = _a.id, variant = _a.variant, small = _a.small, label = _a.label, outlined = _a.outlined, iconName = _a.iconName, accessibilityLabel = _a.accessibilityLabel, others = __rest(_a, ["className", "id", "variant", "small", "label", "outlined", "iconName", "accessibilityLabel"]);
+    var classes = hashClass(clsx('sticker', variant && is(getVariantClassName(variant)), small && is('small'), className, outlined && is('outlined'), is('vcentered')));
+    return (React.createElement("p", __assign({ id: id, className: classes, "aria-label": accessibilityLabel }, others),
         iconName && React.createElement(Icon, { size: small ? IconSize.SMALLER : IconSize.SMALL, name: iconName }),
         label));
 };
 export default Sticker;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiU3RpY2tlci5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL2NvbXBvbmVudHMvc3RpY2tlci9TdGlja2VyLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxLQUFLLE1BQU0sT0FBTyxDQUFBO0FBQ3pCLE9BQU8sSUFBSSxNQUFNLE1BQU0sQ0FBQTtBQUV2QixPQUFPLEVBQUMsRUFBRSxFQUFDLE1BQU0scUJBQXFCLENBQUE7QUFDdEMsT0FBTyxFQUFDLG1CQUFtQixFQUFDLE1BQU0sV0FBVyxDQUFBO0FBQzdDLE9BQU8sRUFBQyxTQUFTLEVBQUMsTUFBTSxXQUFXLENBQUE7QUFDbkMsT0FBTyxFQUFDLGlCQUFpQixFQUFDLE1BQU0sV0FBVyxDQUFBO0FBQzNDLE9BQU8sRUFBQyxJQUFJLEVBQUUsUUFBUSxFQUFDLE1BQU0sbUJBQW1CLENBQUM7QUFFakQ7Ozs7Ozs7Ozs7O0dBV0c7QUFDSCxJQUFNLE9BQU8sR0FBRyxVQUFDLEVBQXFGO0lBQW5GLElBQUEsU0FBUyxlQUFBLEVBQUUsRUFBRSxRQUFBLEVBQUUsT0FBTyxhQUFBLEVBQUUsS0FBSyxXQUFBLEVBQUUsS0FBSyxXQUFBLEVBQUUsUUFBUSxjQUFBLEVBQUUsUUFBUSxjQUFBLEVBQUssTUFBTSxjQUFyRSx3RUFBdUUsQ0FBRjtJQUM1RSxJQUFBLE1BQU0sR0FBSyxpQkFBaUIsRUFBRSxPQUF4QixDQUF3QjtJQUV0QyxJQUFNLE9BQU8sR0FBRyxTQUFTLENBQ3ZCLE1BQU0sRUFDTixJQUFJLENBQ0YsU0FBUyxFQUNULE9BQU8sSUFBSSxFQUFFLENBQUMsbUJBQW1CLENBQUMsT0FBTyxDQUFDLENBQUMsRUFDM0MsS0FBSyxJQUFJLEVBQUUsQ0FBQyxPQUFPLENBQUMsRUFDcEIsU0FBUyxFQUNULFFBQVEsSUFBSSxFQUFFLENBQUMsVUFBVSxDQUFDLEVBQzFCLEVBQUUsQ0FBQyxXQUFXLENBQUMsQ0FDaEIsQ0FDRixDQUFBO0lBRUQsT0FBTyxDQUNMLG9DQUFHLEVBQUUsRUFBRSxFQUFFLEVBQUUsU0FBUyxFQUFFLE9BQU8sSUFBTSxNQUFNO1FBQ3RDLFFBQVEsSUFBSSxvQkFBQyxJQUFJLElBQUMsSUFBSSxFQUFFLEtBQUssQ0FBQyxDQUFDLENBQUMsUUFBUSxDQUFDLE9BQU8sQ0FBQyxDQUFDLENBQUMsUUFBUSxDQUFDLEtBQUssRUFBRSxJQUFJLEVBQUUsUUFBUSxHQUFJO1FBQ3JGLEtBQUssQ0FDSixDQUNMLENBQUE7QUFDSCxDQUFDLENBQUE7QUFFRCxlQUFlLE9BQU8sQ0FBQSJ9
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiU3RpY2tlci5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL2NvbXBvbmVudHMvc3RpY2tlci9TdGlja2VyLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxFQUFFLElBQUksRUFBRSxRQUFRLEVBQUUsTUFBTSxtQkFBbUIsQ0FBQTtBQUNsRCxPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sV0FBVyxDQUFBO0FBQ3JDLE9BQU8sRUFBRSxtQkFBbUIsRUFBRSxNQUFNLFdBQVcsQ0FBQTtBQUMvQyxPQUFPLEVBQUUsRUFBRSxFQUFFLE1BQU0scUJBQXFCLENBQUE7QUFDeEMsT0FBTyxJQUFJLE1BQU0sTUFBTSxDQUFBO0FBQ3ZCLE9BQU8sS0FBSyxNQUFNLE9BQU8sQ0FBQTtBQUd6Qjs7Ozs7Ozs7Ozs7R0FXRztBQUNILElBQU0sT0FBTyxHQUFHLFVBQUMsRUFVRjtJQVRiLElBQUEsU0FBUyxlQUFBLEVBQ1QsRUFBRSxRQUFBLEVBQ0YsT0FBTyxhQUFBLEVBQ1AsS0FBSyxXQUFBLEVBQ0wsS0FBSyxXQUFBLEVBQ0wsUUFBUSxjQUFBLEVBQ1IsUUFBUSxjQUFBLEVBQ1Isa0JBQWtCLHdCQUFBLEVBQ2YsTUFBTSxjQVRNLDhGQVVoQixDQURVO0lBRVQsSUFBTSxPQUFPLEdBQUcsU0FBUyxDQUN2QixJQUFJLENBQ0YsU0FBUyxFQUNULE9BQU8sSUFBSSxFQUFFLENBQUMsbUJBQW1CLENBQUMsT0FBTyxDQUFDLENBQUMsRUFDM0MsS0FBSyxJQUFJLEVBQUUsQ0FBQyxPQUFPLENBQUMsRUFDcEIsU0FBUyxFQUNULFFBQVEsSUFBSSxFQUFFLENBQUMsVUFBVSxDQUFDLEVBQzFCLEVBQUUsQ0FBQyxXQUFXLENBQUMsQ0FDaEIsQ0FDRixDQUFBO0lBRUQsT0FBTyxDQUNMLG9DQUFHLEVBQUUsRUFBRSxFQUFFLEVBQUUsU0FBUyxFQUFFLE9BQU8sZ0JBQWMsa0JBQWtCLElBQU0sTUFBTTtRQUN0RSxRQUFRLElBQUksb0JBQUMsSUFBSSxJQUFDLElBQUksRUFBRSxLQUFLLENBQUMsQ0FBQyxDQUFDLFFBQVEsQ0FBQyxPQUFPLENBQUMsQ0FBQyxDQUFDLFFBQVEsQ0FBQyxLQUFLLEVBQUUsSUFBSSxFQUFFLFFBQVEsR0FBSTtRQUNyRixLQUFLLENBQ0osQ0FDTCxDQUFBO0FBQ0gsQ0FBQyxDQUFBO0FBRUQsZUFBZSxPQUFPLENBQUEifQ==

package/lib/components/sticker/Sticker.native.d.ts

@@ -12,7 +12,7 @@ import { ComponentName } from '../../components/enumsComponentsName';
  * @param others
  */
 declare const Sticker: {
-    ({ variant, small, outlined, label, iconName, ...others }: StickerProps): JSX.Element;
+    ({ variant, small, outlined, label, iconName, accessibilityLabel, ...others }: StickerProps): JSX.Element;
     displayName: ComponentName;
 };
 export default Sticker;

package/lib/components/sticker/Sticker.native.js

@@ -4,7 +4,7 @@ import { Platform, StyleSheet, View } from 'react-native';
 import { getColorStyle, getVariantStyle, TrilogyColor } from '../../objects';
 import { ComponentName } from '../../components/enumsComponentsName';
 import { Text } from '../../components/text';
-import { Icon, IconSize } from "../../components/icon";
+import { Icon, IconSize } from '../../components/icon';
 /**
  * Sticker component
  * @param children {ReactNode} Sticker child
@@ -16,7 +16,7 @@ import { Icon, IconSize } from "../../components/icon";
  * @param others
  */
 var Sticker = function (_a) {
-    var variant = _a.variant, small = _a.small, outlined = _a.outlined, label = _a.label, iconName = _a.iconName, others = __rest(_a, ["variant", "small", "outlined", "label", "iconName"]);
+    var variant = _a.variant, small = _a.small, outlined = _a.outlined, label = _a.label, iconName = _a.iconName, accessibilityLabel = _a.accessibilityLabel, others = __rest(_a, ["variant", "small", "outlined", "label", "iconName", "accessibilityLabel"]);
     var defaultColor = getColorStyle(TrilogyColor.MAIN);
     var styles = StyleSheet.create({
         sticker: {
@@ -38,7 +38,7 @@ var Sticker = function (_a) {
             fontSize: small ? 12 : 16,
             top: 0,
             alignItems: 'center',
-            textAlign: 'center'
+            textAlign: 'center',
         },
         text: {
             lineHeight: (!small && 20) || 15,
@@ -50,13 +50,13 @@ var Sticker = function (_a) {
             fontSize: (!small && 16) || 12,
             transform: Platform.OS === 'ios' ? [{ skewX: '0deg' }] : [],
             marginLeft: (iconName && small && 4) || (iconName && !small && 5) || 0,
-            marginTop: 1
+            marginTop: 1,
         },
     });
-    return (React.createElement(View, __assign({ style: styles.sticker }, others),
-        iconName && React.createElement(Icon, { color: TrilogyColor.BACKGROUND, size: small ? IconSize.SMALLER : IconSize.SMALL, name: iconName }),
+    return (React.createElement(View, __assign({ style: styles.sticker, accessibilityLabel: accessibilityLabel }, others),
+        iconName && (React.createElement(Icon, { color: TrilogyColor.BACKGROUND, size: small ? IconSize.SMALLER : IconSize.SMALL, name: iconName })),
         label && React.createElement(Text, { style: styles.text }, label)));
 };
 Sticker.displayName = ComponentName.Sticker;
 export default Sticker;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiU3RpY2tlci5uYXRpdmUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9jb21wb25lbnRzL3N0aWNrZXIvU3RpY2tlci5uYXRpdmUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLEtBQUssS0FBSyxNQUFNLE9BQU8sQ0FBQTtBQUM5QixPQUFPLEVBQUMsUUFBUSxFQUFFLFVBQVUsRUFBRSxJQUFJLEVBQUMsTUFBTSxjQUFjLENBQUE7QUFFdkQsT0FBTyxFQUFDLGFBQWEsRUFBRSxlQUFlLEVBQUUsWUFBWSxFQUFDLE1BQU0sV0FBVyxDQUFBO0FBQ3RFLE9BQU8sRUFBQyxhQUFhLEVBQUMsTUFBTSxrQ0FBa0MsQ0FBQTtBQUM5RCxPQUFPLEVBQUMsSUFBSSxFQUFDLE1BQU0sbUJBQW1CLENBQUE7QUFDdEMsT0FBTyxFQUFDLElBQUksRUFBRSxRQUFRLEVBQUMsTUFBTSxtQkFBbUIsQ0FBQztBQUVqRDs7Ozs7Ozs7O0dBU0c7QUFDSCxJQUFNLE9BQU8sR0FBRyxVQUFDLEVBQXNFO0lBQXBFLElBQUEsT0FBTyxhQUFBLEVBQUUsS0FBSyxXQUFBLEVBQUUsUUFBUSxjQUFBLEVBQUUsS0FBSyxXQUFBLEVBQUUsUUFBUSxjQUFBLEVBQUssTUFBTSxjQUF0RCxxREFBd0QsQ0FBRjtJQUNyRSxJQUFNLFlBQVksR0FBRyxhQUFhLENBQUMsWUFBWSxDQUFDLElBQUksQ0FBQyxDQUFBO0lBQ3JELElBQU0sTUFBTSxHQUFHLFVBQVUsQ0FBQyxNQUFNLENBQUM7UUFDL0IsT0FBTyxFQUFFO1lBQ1AsYUFBYSxFQUFFLEtBQUs7WUFDcEIsY0FBYyxFQUFFLFFBQVE7WUFDeEIsVUFBVSxFQUFFLEtBQUssQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDO1lBQ3pCLGFBQWEsRUFBRSxLQUFLLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQztZQUM1QixXQUFXLEVBQUUsS0FBSyxDQUFDLENB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
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiU3RpY2tlci5uYXRpdmUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9jb21wb25lbnRzL3N0aWNrZXIvU3RpY2tlci5uYXRpdmUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLEtBQUssS0FBSyxNQUFNLE9BQU8sQ0FBQTtBQUM5QixPQUFPLEVBQUUsUUFBUSxFQUFFLFVBQVUsRUFBRSxJQUFJLEVBQUUsTUFBTSxjQUFjLENBQUE7QUFFekQsT0FBTyxFQUFFLGFBQWEsRUFBRSxlQUFlLEVBQUUsWUFBWSxFQUFFLE1BQU0sV0FBVyxDQUFBO0FBQ3hFLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxrQ0FBa0MsQ0FBQTtBQUNoRSxPQUFPLEVBQUUsSUFBSSxFQUFFLE1BQU0sbUJBQW1CLENBQUE7QUFDeEMsT0FBTyxFQUFFLElBQUksRUFBRSxRQUFRLEVBQUUsTUFBTSxtQkFBbUIsQ0FBQTtBQUVsRDs7Ozs7Ozs7O0dBU0c7QUFDSCxJQUFNLE9BQU8sR0FBRyxVQUFDLEVBUUY7SUFQYixJQUFBLE9BQU8sYUFBQSxFQUNQLEtBQUssV0FBQSxFQUNMLFFBQVEsY0FBQSxFQUNSLEtBQUssV0FBQSxFQUNMLFFBQVEsY0FBQSxFQUNSLGtCQUFrQix3QkFBQSxFQUNmLE1BQU0sY0FQTSwyRUFRaEIsQ0FEVTtJQUVULElBQU0sWUFBWSxHQUFHLGFBQWEsQ0FBQyxZQUFZLENBQUMsSUFBSSxDQUFDLENBQUE7SUFDckQsSUFBTSxNQUFNLEdBQUcsVUFBVSxDQUFDLE1BQU0sQ0FBQztRQUMvQixPQUFPLEVBQUU7WUFDUCxhQUFhLEVBQUUsS0FBSztZQUNwQixjQUFjLEVBQUUsUUFBUTtZQUN4QixVQUFVLEVBQUUsS0FBSyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUM7WUFDekIsYUFBYSxFQUFFLEtBQUssQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDO1lBQzVCLFdBQVcsRUFB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

package/lib/components/sticker/StickerProps.d.ts

@@ -1,8 +1,8 @@
 import { Small } from '../../objects/facets/Small';
-import { VariantProps } from '../../objects/facets';
+import { Accessibility, VariantProps } from '../../objects/facets';
 import { CommonProps } from '../../objects/facets/CommonProps';
 import { IconName, IconNameValues } from '../../components/icon';
-export interface StickerProps extends Small, VariantProps, CommonProps {
+export interface StickerProps extends Small, VariantProps, CommonProps, Accessibility {
     label: string;
     iconName?: IconName | IconNameValues;
     outlined?: boolean;

package/lib/components/sticker/StickerPropsDefaults.js

@@ -96,5 +96,12 @@ export default {
       "undefined",
       "string"
     ]
+  },
+  "accessibilityLabel": {
+    "type": "string",
+    "values": [
+      "undefined",
+      "string"
+    ]
   }
 };

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

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { SwitchProps } from './SwitchProps';
+import { SwitchProps } from '../../components/switch/SwitchProps';
 /**
  * Switch Component
  * @param id {string} Is auto generate by default

package/lib/components/switch/Switch.js

@@ -1,11 +1,10 @@
-import { __assign, __read, __rest } from "tslib";
-import React, { useEffect, useState } from 'react';
-import shortid from 'shortid';
-import clsx from 'clsx';
+import { __assign, __rest } from "tslib";
+import { useSwitch } from '../../components/switch/hooks/useSwitch';
+import { hashClass } from '../../helpers/hashClassesHelpers';
+import { getStatusClassName } from '../../objects/facets/Status';
 import { is } from '../../services/classify';
-import { getStatusClassName } from '../../objects';
-import { hashClass } from '../../helpers';
-import { useTrilogyContext } from '../../context';
+import clsx from 'clsx';
+import React from 'react';
 /**
  * Switch Component
  * @param id {string} Is auto generate by default
@@ -23,42 +22,11 @@ import { useTrilogyContext } from '../../context';
  * @param reversed {boolean} change switch position
  */
 var Switch = function (_a) {
-    var className = _a.className, _b = _a.id, id = _b === void 0 ? shortid.generate() : _b, label = _a.label, value = _a.value, checked = _a.checked, onChange = _a.onChange, onClick = _a.onClick, status = _a.status, disabled = _a.disabled, readonly = _a.readonly, name = _a.name, reversed = _a.reversed, fullWidth = _a.fullWidth, others = __rest(_a, ["className", "id", "label", "value", "checked", "onChange", "onClick", "status", "disabled", "readonly", "name", "reversed", "fullWidth"]);
-    var _c = __read(useState(checked || false), 2), _checked = _c[0], setChecked = _c[1];
-    var styled = useTrilogyContext().styled;
-    React.useEffect(function () {
-        setChecked(checked || false);
-    }, [checked]);
-    useEffect(function () {
-        if (!readonly) {
-            setChecked(checked || false);
-        }
-    }, [checked, readonly]);
-    return (React.createElement("div", { className: hashClass(styled, clsx('switch', reversed && is('reversed'), fullWidth && is('fullwidth'), className)) },
-        React.createElement("input", __assign({ onChange: function (e) {
-                if (!readonly) {
-                    setChecked(!_checked);
-                }
-                if (onChange) {
-                    onChange({
-                        switchState: e.target.checked,
-                        switchName: e.target.name,
-                    });
-                }
-            }, 
-            // eslint-disable-next-line @typescript-eslint/no-explicit-any
-            onClick: function (e) {
-                if (!readonly) {
-                    setChecked(!_checked);
-                }
-                if (onClick) {
-                    onClick({
-                        switchState: e.target.checked,
-                        switchName: e.target.name,
-                    });
-                }
-            }, name: name, value: value, checked: readonly ? checked : _checked, readOnly: readonly, id: "switch-".concat(id), type: 'checkbox', disabled: disabled, className: hashClass(styled, clsx(status && is(getStatusClassName(status)))) }, others)),
+    var className = _a.className, _b = _a.id, id = _b === void 0 ? React.useId() : _b, label = _a.label, value = _a.value, checked = _a.checked, onChange = _a.onChange, onClick = _a.onClick, status = _a.status, disabled = _a.disabled, readonly = _a.readonly, name = _a.name, reversed = _a.reversed, fullWidth = _a.fullWidth, others = __rest(_a, ["className", "id", "label", "value", "checked", "onChange", "onClick", "status", "disabled", "readonly", "name", "reversed", "fullWidth"]);
+    var _c = useSwitch({ checked: checked, readonly: readonly, onChange: onChange, onClick: onClick }), handleChange = _c.handleChange, handleClick = _c.handleClick, _checked = _c._checked;
+    return (React.createElement("div", { className: hashClass(clsx('switch', reversed && is('reversed'), fullWidth && is('fullwidth'), className)) },
+        React.createElement("input", __assign({ onChange: handleChange, onClick: handleClick, name: name, value: value, checked: _checked, readOnly: readonly, id: "switch-".concat(id), type: 'checkbox', disabled: disabled, className: hashClass(clsx(status && is(getStatusClassName(status)))) }, others)),
         React.createElement("label", { htmlFor: "switch-".concat(id) }, label)));
 };
 export default Switch;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiU3dpdGNoLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vY29tcG9uZW50cy9zd2l0Y2gvU3dpdGNoLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxLQUFLLEVBQUUsRUFBRSxTQUFTLEVBQUUsUUFBUSxFQUFFLE1BQU0sT0FBTyxDQUFBO0FBQ2xELE9BQU8sT0FBTyxNQUFNLFNBQVMsQ0FBQTtBQUM3QixPQUFPLElBQUksTUFBTSxNQUFNLENBQUE7QUFFdkIsT0FBTyxFQUFFLEVBQUUsRUFBRSxNQUFNLHFCQUFxQixDQUFBO0FBQ3hDLE9BQU8sRUFBRSxrQkFBa0IsRUFBRSxNQUFNLFdBQVcsQ0FBQTtBQUM5QyxPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sV0FBVyxDQUFBO0FBQ3JDLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLFdBQVcsQ0FBQTtBQUU3Qzs7Ozs7Ozs7Ozs7Ozs7O0dBZUc7QUFFSCxJQUFNLE1BQU0sR0FBRyxVQUFDLEVBZUY7SUFkWixJQUFBLFNBQVMsZUFBQSxFQUNULFVBQXVCLEVBQXZCLEVBQUUsbUJBQUcsT0FBTyxDQUFDLFFBQVEsRUFBRSxLQUFBLEVBQ3ZCLEtBQUssV0FBQSxFQUNMLEtBQUssV0FBQSxFQUNMLE9BQU8sYUFBQSxFQUNQLFFBQVEsY0FBQSxFQUNSLE9BQU8sYUFBQSxFQUNQLE1BQU0sWUFBQSxFQUNOLFFBQVEsY0FBQSxFQUNSLFFBQVEsY0FBQSxFQUNSLElBQUksVUFBQSxFQUNKLFFBQVEsY0FBQSxFQUNSLFNBQVMsZUFBQSxFQUNOLE1BQU0sY0FkSywwSUFlZixDQURVO0lBRUgsSUFBQSxLQUFBLE9BQXlCLFFBQVEsQ0FBVSxPQUFPLElBQUksS0FBSyxDQUFDLElBQUEsRUFBM0QsUUFBUSxRQUFBLEVBQUUsVUFBVSxRQUF1QyxDQUFBO0lBQzFELElBQUEsTUFBTSxHQUFLLGlCQUFpQixFQUFFLE9BQXhCLENBQXdCO0lBRXRDLEtBQUssQ0FBQyxTQUFTLENBQUM7UUFDZCxVQUFVLENBQUMsT0FBTyxJQUFJLEtBQUssQ0FBQyxDQUFBO0lBQzlCLENBQUMsRUFBRSxDQUFDLE9BQU8sQ0FBQyxDQUFDLENBQUE7SUFFYixTQUFTLENBQUM7UUFDUixJQUFJLENBQUMsUUFBUSxFQUFFO1lBQ2IsVUFBVSxDQUFDLE9BQU8sSUFBSSxLQUFLLENBQUMsQ0FBQTtTQUM3QjtJQUNILENBQUMsRUFBRSxDQUFDLE9BQU8sRUFBRSxRQUFRLENBQUMsQ0FBQyxDQUFBO0lBRXZCLE9BQU8sQ0FDTCw2QkFDRSxTQUFTLEVBQUUsU0FBUyxDQUFDLE1BQU0sRUFBRSxJQUFJLENBQUMsUUFBUSxFQUFFLFFBQVEsSUFBSSxFQUFFLENBQUMsVUFBVSxDQUFDLEVBQUUsU0FBUyxJQUFJLEVBQUUsQ0FBQyxXQUFXLENBQUMsRUFBRSxTQUFTLENBQUMsQ0FBQztRQUVqSCx3Q0FDRSxRQUFRLEVBQUUsVUFBQyxDQUFDO2dCQUNWLElBQUksQ0FBQyxRQUFRLEVBQUU7b0JBQ2IsVUFBVSxDQUFDLENBQUMsUUFBUSxDQUFDLENBQUE7aUJBQ3RCO2dCQUNELElBQUksUUFBUSxFQUFFO29CQUNaLFFBQVEsQ0FBQzt3QkFDUCxXQUFXLEVBQUUsQ0FBQyxDQUFDLE1BQU0sQ0FBQyxPQUFPO3dCQUM3QixVQUFVLEVBQUUsQ0FBQyxDQUFDLE1BQU0sQ0FBQyxJQUFJO3FCQUMxQixDQUFDLENBQUE7aUJBQ0g7WUFDSCxDQUFDO1lBQ0QsOERBQThEO1lBQzlELE9BQU8sRUFBRSxVQUFDLENBQU07Z0JBQ2QsSUFBSSxDQUFDLFFBQVEsRUFBRTtvQkFDYixVQUFVLENBQUMsQ0FBQyxRQUFRLENBQUMsQ0FBQTtpQkFDdEI7Z0JBQ0QsSUFBSSxPQUFPLEVBQUU7b0JBQ1gsT0FBTyxDQUFDO3dCQUNOLFdBQVcsRUFBRSxDQUFDLENBQUMsTUFBTSxDQUFDLE9BQU87d0JBQzdCLFVBQVUsRUFBRSxDQUFDLENBQUMsTUFBTSxDQUFDLElBQUk7cUJBQzFCLENBQUMsQ0FBQTtpQkFDSDtZQUNILENBQUMsRUFDRCxJQUFJLEVBQUUsSUFBSSxFQUNWLEtBQUssRUFBRSxLQUFLLEVBQ1osT0FBTyxFQUFFLFFBQVEsQ0FBQyxDQUFDLENBQUMsT0FBTyxDQUFDLENBQUMsQ0FBQyxRQUFRLEVBQ3RDLFFBQVEsRUFBRSxRQUFRLEVBQ2xCLEVBQUUsRUFBRSxpQkFBVSxFQUFFLENBQUUsRUFDbEIsSUFBSSxFQUFDLFVBQVUsRUFDZixRQUFRLEVBQUUsUUFBUSxFQUNsQixTQUFTLEVBQUUsU0FBUyxDQUFDLE1BQU0sRUFBRSxJQUFJLENBQUMsTUFBTSxJQUFJLEVBQUUsQ0FBQyxrQkFBa0IsQ0FBQyxNQUFNLENBQUMsQ0FBQyxDQUFDLENBQUMsSUFDeEUsTUFBTSxFQUNWO1FBQ0YsK0JBQU8sT0FBTyxFQUFFLGlCQUFVLEVBQUUsQ0FBRSxJQUFHLEtBQUssQ0FBUyxDQUMzQyxDQUNQLENBQUE7QUFDSCxDQUFDLENBQUE7QUFFRCxlQUFlLE1BQU0sQ0FBQSJ9
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiU3dpdGNoLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vY29tcG9uZW50cy9zd2l0Y2gvU3dpdGNoLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQ0EsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLHFDQUFxQyxDQUFBO0FBQy9ELE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSw4QkFBOEIsQ0FBQTtBQUN4RCxPQUFPLEVBQUUsa0JBQWtCLEVBQUUsTUFBTSx5QkFBeUIsQ0FBQTtBQUM1RCxPQUFPLEVBQUUsRUFBRSxFQUFFLE1BQU0scUJBQXFCLENBQUE7QUFDeEMsT0FBTyxJQUFJLE1BQU0sTUFBTSxDQUFBO0FBQ3ZCLE9BQU8sS0FBSyxNQUFNLE9BQU8sQ0FBQTtBQUV6Qjs7Ozs7Ozs7Ozs7Ozs7O0dBZUc7QUFFSCxJQUFNLE1BQU0sR0FBRyxVQUFDLEVBZUY7SUFkWixJQUFBLFNBQVMsZUFBQSxFQUNULFVBQWtCLEVBQWxCLEVBQUUsbUJBQUcsS0FBSyxDQUFDLEtBQUssRUFBRSxLQUFBLEVBQ2xCLEtBQUssV0FBQSxFQUNMLEtBQUssV0FBQSxFQUNMLE9BQU8sYUFBQSxFQUNQLFFBQVEsY0FBQSxFQUNSLE9BQU8sYUFBQSxFQUNQLE1BQU0sWUFBQSxFQUNOLFFBQVEsY0FBQSxFQUNSLFFBQVEsY0FBQSxFQUNSLElBQUksVUFBQSxFQUNKLFFBQVEsY0FBQSxFQUNSLFNBQVMsZUFBQSxFQUNOLE1BQU0sY0FkSywwSUFlZixDQURVO0lBRUgsSUFBQSxLQUEwQyxTQUFTLENBQUMsRUFBRSxPQUFPLFNBQUEsRUFBRSxRQUFRLFVBQUEsRUFBRSxRQUFRLFVBQUEsRUFBRSxPQUFPLFNBQUEsRUFBRSxDQUFDLEVBQTNGLFlBQVksa0JBQUEsRUFBRSxXQUFXLGlCQUFBLEVBQUUsUUFBUSxjQUF3RCxDQUFBO0lBRW5HLE9BQU8sQ0FDTCw2QkFBSyxTQUFTLEVBQUUsU0FBUyxDQUFDLElBQUksQ0FBQyxRQUFRLEVBQUUsUUFBUSxJQUFJLEVBQUUsQ0FBQyxVQUFVLENBQUMsRUFBRSxTQUFTLElBQUksRUFBRSxDQUFDLFdBQVcsQ0FBQyxFQUFFLFNBQVMsQ0FBQyxDQUFDO1FBQzVHLHdDQUNFLFFBQVEsRUFBRSxZQUFZLEVBQ3RCLE9BQU8sRUFBRSxXQUFXLEVBQ3BCLElBQUksRUFBRSxJQUFJLEVBQ1YsS0FBSyxFQUFFLEtBQUssRUFDWixPQUFPLEVBQUUsUUFBUSxFQUNqQixRQUFRLEVBQUUsUUFBUSxFQUNsQixFQUFFLEVBQUUsaUJBQVUsRUFBRSxDQUFFLEVBQ2xCLElBQUksRUFBQyxVQUFVLEVBQ2YsUUFBUSxFQUFFLFFBQVEsRUFDbEIsU0FBUyxFQUFFLFNBQVMsQ0FBQyxJQUFJLENBQUMsTUFBTSxJQUFJLEVBQUUsQ0FBQyxrQkFBa0IsQ0FBQyxNQUFNLENBQUMsQ0FBQyxDQUFDLENBQUMsSUFDaEUsTUFBTSxFQUNWO1FBQ0YsK0JBQU8sT0FBTyxFQUFFLGlCQUFVLEVBQUUsQ0FBRSxJQUFHLEtBQUssQ0FBUyxDQUMzQyxDQUNQLENBQUE7QUFDSCxDQUFDLENBQUE7QUFFRCxlQUFlLE1BQU0sQ0FBQSJ9

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

@@ -1,10 +1,10 @@
-import { StatusProps } from '../../objects/facets/Status';
 import { CommonProps } from '../../objects/facets/CommonProps';
+import { StatusProps } from '../../objects/facets/Status';
 export interface SwitchChangeEvent {
     switchState: boolean;
     switchName: string;
 }
-type SwitchEventHandler = (event: SwitchChangeEvent) => void;
+export type SwitchEventHandler = (event: SwitchChangeEvent) => void;
 export interface SwitchProps extends StatusProps, CommonProps {
     checked?: boolean;
     onChange?: SwitchEventHandler;
@@ -17,4 +17,3 @@ export interface SwitchProps extends StatusProps, CommonProps {
     reversed?: boolean;
     fullWidth?: boolean;
 }
-export {};

package/lib/components/switch/hooks/useSwitch.d.ts

@@ -0,0 +1,18 @@
+import { SwitchEventHandler } from '../../../components/switch/SwitchProps';
+import React from 'react';
+interface IParams {
+    checked?: boolean;
+    readonly?: boolean;
+    onChange?: SwitchEventHandler;
+    onClick?: SwitchEventHandler;
+}
+export declare const useSwitch: ({ checked, readonly, onChange, onClick }: IParams) => {
+    _checked: boolean | undefined;
+    handleChange?: undefined;
+    handleClick?: undefined;
+} | {
+    handleChange: (e: React.ChangeEvent<HTMLInputElement>) => void;
+    handleClick: (e: React.MouseEvent<HTMLInputElement, MouseEvent>) => void;
+    _checked: boolean;
+};
+export {};

package/lib/components/switch/hooks/useSwitch.js

@@ -0,0 +1,45 @@
+import { __read } from "tslib";
+import { isServer } from '../../../helpers/isServer';
+import React from 'react';
+export var useSwitch = function (_a) {
+    var checked = _a.checked, readonly = _a.readonly, onChange = _a.onChange, onClick = _a.onClick;
+    if (isServer) {
+        return {
+            _checked: checked,
+        };
+    }
+    var _b = __read(React.useState(checked || false), 2), _checked = _b[0], setChecked = _b[1];
+    React.useEffect(function () {
+        setChecked(checked || false);
+    }, [checked]);
+    React.useEffect(function () {
+        if (!readonly) {
+            setChecked(checked || false);
+        }
+    }, [checked, readonly]);
+    var handleChange = React.useCallback(function (e) {
+        if (!readonly)
+            setChecked(function (prev) { return !prev; });
+        if (onChange) {
+            onChange({
+                switchState: e.target.checked,
+                switchName: e.target.name,
+            });
+        }
+    }, [onChange, readonly]);
+    var handleClick = React.useCallback(function (e) {
+        var event = e.target;
+        if (onClick) {
+            onClick({
+                switchState: event.checked,
+                switchName: event.name,
+            });
+        }
+    }, [onClick, readonly]);
+    return {
+        handleChange: handleChange,
+        handleClick: handleClick,
+        _checked: _checked,
+    };
+};
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidXNlU3dpdGNoLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vY29tcG9uZW50cy9zd2l0Y2gvaG9va3MvdXNlU3dpdGNoLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQ0EsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLG9CQUFvQixDQUFBO0FBQzdDLE9BQU8sS0FBSyxNQUFNLE9BQU8sQ0FBQTtBQVN6QixNQUFNLENBQUMsSUFBTSxTQUFTLEdBQUcsVUFBQyxFQUFpRDtRQUEvQyxPQUFPLGFBQUEsRUFBRSxRQUFRLGNBQUEsRUFBRSxRQUFRLGNBQUEsRUFBRSxPQUFPLGFBQUE7SUFDOUQsSUFBSSxRQUFRLEVBQUU7UUFDWixPQUFPO1lBQ0wsUUFBUSxFQUFFLE9BQU87U0FDbEIsQ0FBQTtLQUNGO0lBRUssSUFBQSxLQUFBLE9BQXlCLEtBQUssQ0FBQyxRQUFRLENBQVUsT0FBTyxJQUFJLEtBQUssQ0FBQyxJQUFBLEVBQWpFLFFBQVEsUUFBQSxFQUFFLFVBQVUsUUFBNkMsQ0FBQTtJQUV4RSxLQUFLLENBQUMsU0FBUyxDQUFDO1FBQ2QsVUFBVSxDQUFDLE9BQU8sSUFBSSxLQUFLLENBQUMsQ0FBQTtJQUM5QixDQUFDLEVBQUUsQ0FBQyxPQUFPLENBQUMsQ0FBQyxDQUFBO0lBRWIsS0FBSyxDQUFDLFNBQVMsQ0FBQztRQUNkLElBQUksQ0FBQyxRQUFRLEVBQUU7WUFDYixVQUFVLENBQUMsT0FBTyxJQUFJLEtBQUssQ0FBQyxDQUFBO1NBQzdCO0lBQ0gsQ0FBQyxFQUFFLENBQUMsT0FBTyxFQUFFLFFBQVEsQ0FBQyxDQUFDLENBQUE7SUFFdkIsSUFBTSxZQUFZLEdBQUcsS0FBSyxDQUFDLFdBQVcsQ0FDcEMsVUFBQyxDQUFzQztRQUNyQyxJQUFJLENBQUMsUUFBUTtZQUFFLFVBQVUsQ0FBQyxVQUFDLElBQUksSUFBSyxPQUFBLENBQUMsSUFBSSxFQUFMLENBQUssQ0FBQyxDQUFBO1FBRTFDLElBQUksUUFBUSxFQUFFO1lBQ1osUUFBUSxDQUFDO2dCQUNQLFdBQVcsRUFBRSxDQUFDLENBQUMsTUFBTSxDQUFDLE9BQU87Z0JBQzdCLFVBQVUsRUFBRSxDQUFDLENBQUMsTUFBTSxDQUFDLElBQUk7YUFDMUIsQ0FBQyxDQUFBO1NBQ0g7SUFDSCxDQUFDLEVBQ0QsQ0FBQyxRQUFRLEVBQUUsUUFBUSxDQUFDLENBQ3JCLENBQUE7SUFFRCxJQUFNLFdBQVcsR0FBRyxLQUFLLENBQUMsV0FBVyxDQUNuQyxVQUFDLENBQWlEO1FBQ2hELElBQU0sS0FBSyxHQUFHLENBQUMsQ0FBQyxNQUEwQixDQUFBO1FBRTFDLElBQUksT0FBTyxFQUFFO1lBQ1gsT0FBTyxDQUFDO2dCQUNOLFdBQVcsRUFBRSxLQUFLLENBQUMsT0FBTztnQkFDMUIsVUFBVSxFQUFFLEtBQUssQ0FBQyxJQUFJO2FBQ3ZCLENBQUMsQ0FBQTtTQUNIO0lBQ0gsQ0FBQyxFQUNELENBQUMsT0FBTyxFQUFFLFFBQVEsQ0FBQyxDQUNwQixDQUFBO0lBRUQsT0FBTztRQUNMLFlBQVksY0FBQTtRQUNaLFdBQVcsYUFBQTtRQUNYLFFBQVEsVUFBQTtLQUNULENBQUE7QUFDSCxDQUFDLENBQUEifQ==

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

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

package/lib/components/switch/index.js

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

package/lib/components/table/Table.js

@@ -1,10 +1,9 @@
 import { __assign, __rest } from "tslib";
-import * as React from 'react';
+import { hashClass } from '../../helpers/hashClassesHelpers';
+import { has, is } from '../../services/classify';
 import clsx from 'clsx';
+import * as React from 'react';
 import { TableBorderEnum } from './TableProps';
-import { has, is } from '../../services/classify';
-import { hashClass } from '../../helpers/hashClassesHelpers';
-import { useTrilogyContext } from '../../context/index';
 /**
  * Table Component
  * @param bordered {boolean} bordered table
@@ -18,9 +17,8 @@ import { useTrilogyContext } from '../../context/index';
  */
 var Table = function (_a) {
     var className = _a.className, id = _a.id, fullwidth = _a.fullwidth, _b = _a.border, border = _b === void 0 ? TableBorderEnum.LINES : _b, striped = _a.striped, compact = _a.compact, others = __rest(_a, ["className", "id", "fullwidth", "border", "striped", "compact"]);
-    var styled = useTrilogyContext().styled;
-    var classes = hashClass(styled, clsx('table', fullwidth && is('fullwidth'), border && border !== TableBorderEnum.LINES && has("border-".concat(border)), striped && is('striped'), compact && is('compact'), className));
+    var classes = hashClass(clsx('table', fullwidth && is('fullwidth'), border && border !== TableBorderEnum.LINES && has("border-".concat(border)), striped && is('striped'), compact && is('compact'), className));
     return React.createElement("table", __assign({ id: id, className: classes }, others));
 };
 export default Table;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVGFibGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9jb21wb25lbnRzL3RhYmxlL1RhYmxlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxLQUFLLEtBQUssTUFBTSxPQUFPLENBQUE7QUFDOUIsT0FBTyxJQUFJLE1BQU0sTUFBTSxDQUFBO0FBQ3ZCLE9BQU8sRUFBRSxlQUFlLEVBQWMsTUFBTSxjQUFjLENBQUE7QUFDMUQsT0FBTyxFQUFFLEdBQUcsRUFBRSxFQUFFLEVBQUUsTUFBTSxxQkFBcUIsQ0FBQTtBQUM3QyxPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sOEJBQThCLENBQUE7QUFDeEQsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0saUJBQWlCLENBQUE7QUFFbkQ7Ozs7Ozs7Ozs7R0FVRztBQUNILElBQU0sS0FBSyxHQUFHLFVBQUMsRUFRRjtJQVBYLElBQUEsU0FBUyxlQUFBLEVBQ1QsRUFBRSxRQUFBLEVBQ0YsU0FBUyxlQUFBLEVBQ1QsY0FBOEIsRUFBOUIsTUFBTSxtQkFBRyxlQUFlLENBQUMsS0FBSyxLQUFBLEVBQzlCLE9BQU8sYUFBQSxFQUNQLE9BQU8sYUFBQSxFQUNKLE1BQU0sY0FQSSxnRUFRZCxDQURVO0lBRUQsSUFBQSxNQUFNLEdBQUssaUJBQWlCLEVBQUUsT0FBeEIsQ0FBd0I7SUFFdEMsSUFBTSxPQUFPLEdBQUcsU0FBUyxDQUN2QixNQUFNLEVBQ04sSUFBSSxDQUNGLE9BQU8sRUFDUCxTQUFTLElBQUksRUFBRSxDQUFDLFdBQVcsQ0FBQyxFQUM1QixNQUFNLElBQUksTUFBTSxLQUFLLGVBQWUsQ0FBQyxLQUFLLElBQUksR0FBRyxDQUFDLGlCQUFVLE1BQU0sQ0FBRSxDQUFDLEVBQ3JFLE9BQU8sSUFBSSxFQUFFLENBQUMsU0FBUyxDQUFDLEVBQ3hCLE9BQU8sSUFBSSxFQUFFLENBQUMsU0FBUyxDQUFDLEVBQ3hCLFNBQVMsQ0FDVixDQUNGLENBQUE7SUFFRCxPQUFPLHdDQUFPLEVBQUUsRUFBRSxFQUFFLEVBQUUsU0FBUyxFQUFFLE9BQU8sSUFBTSxNQUFNLEVBQUksQ0FBQTtBQUMxRCxDQUFDLENBQUE7QUFFRCxlQUFlLEtBQUssQ0FBQSJ9
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVGFibGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9jb21wb25lbnRzL3RhYmxlL1RhYmxlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLDhCQUE4QixDQUFBO0FBQ3hELE9BQU8sRUFBRSxHQUFHLEVBQUUsRUFBRSxFQUFFLE1BQU0scUJBQXFCLENBQUE7QUFDN0MsT0FBTyxJQUFJLE1BQU0sTUFBTSxDQUFBO0FBQ3ZCLE9BQU8sS0FBSyxLQUFLLE1BQU0sT0FBTyxDQUFBO0FBQzlCLE9BQU8sRUFBRSxlQUFlLEVBQWMsTUFBTSxjQUFjLENBQUE7QUFFMUQ7Ozs7Ozs7Ozs7R0FVRztBQUNILElBQU0sS0FBSyxHQUFHLFVBQUMsRUFRRjtJQVBYLElBQUEsU0FBUyxlQUFBLEVBQ1QsRUFBRSxRQUFBLEVBQ0YsU0FBUyxlQUFBLEVBQ1QsY0FBOEIsRUFBOUIsTUFBTSxtQkFBRyxlQUFlLENBQUMsS0FBSyxLQUFBLEVBQzlCLE9BQU8sYUFBQSxFQUNQLE9BQU8sYUFBQSxFQUNKLE1BQU0sY0FQSSxnRUFRZCxDQURVO0lBRVQsSUFBTSxPQUFPLEdBQUcsU0FBUyxDQUN2QixJQUFJLENBQ0YsT0FBTyxFQUNQLFNBQVMsSUFBSSxFQUFFLENBQUMsV0FBVyxDQUFDLEVBQzVCLE1BQU0sSUFBSSxNQUFNLEtBQUssZUFBZSxDQUFDLEtBQUssSUFBSSxHQUFHLENBQUMsaUJBQVUsTUFBTSxDQUFFLENBQUMsRUFDckUsT0FBTyxJQUFJLEVBQUUsQ0FBQyxTQUFTLENBQUMsRUFDeEIsT0FBTyxJQUFJLEVBQUUsQ0FBQyxTQUFTLENBQUMsRUFDeEIsU0FBUyxDQUNWLENBQ0YsQ0FBQTtJQUVELE9BQU8sd0NBQU8sRUFBRSxFQUFFLEVBQUUsRUFBRSxTQUFTLEVBQUUsT0FBTyxJQUFNLE1BQU0sRUFBSSxDQUFBO0FBQzFELENBQUMsQ0FBQTtBQUVELGVBQWUsS0FBSyxDQUFBIn0=

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

@@ -1,11 +1,10 @@
 import { __assign, __rest } from "tslib";
-import * as React from 'react';
-import clsx from 'clsx';
 import { hashClass } from '../../../helpers/hashClassesHelpers';
-import { has, is } from '../../../services/classify';
-import { useTrilogyContext } from '../../../context/index';
 import { getBackgroundClassName } from '../../../objects/atoms/Background';
 import { getColorClassName } from '../../../objects/facets/Color';
+import { has, is } from '../../../services/classify';
+import clsx from 'clsx';
+import * as React from 'react';
 /**
  * Table Body Component
  * @param children {ReactNode} children of Table Body
@@ -16,9 +15,8 @@ import { getColorClassName } from '../../../objects/facets/Color';
  */
 var TableBody = function (_a) {
     var className = _a.className, id = _a.id, color = _a.color, backgroundColor = _a.backgroundColor, others = __rest(_a, ["className", "id", "color", "backgroundColor"]);
-    var styled = useTrilogyContext().styled;
-    var classes = hashClass(styled, clsx(className, backgroundColor && has(getBackgroundClassName(backgroundColor)), color && is(getColorClassName(color))));
+    var classes = hashClass(clsx(className, backgroundColor && has(getBackgroundClassName(backgroundColor)), color && is(getColorClassName(color))));
     return React.createElement("tbody", __assign({ id: id, className: classes }, others));
 };
 export default TableBody;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVGFibGVCb2R5LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vY29tcG9uZW50cy90YWJsZS9ib2R5L1RhYmxlQm9keS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUFBLE9BQU8sS0FBSyxLQUFLLE1BQU0sT0FBTyxDQUFBO0FBQzlCLE9BQU8sSUFBSSxNQUFNLE1BQU0sQ0FBQTtBQUV2QixPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sOEJBQThCLENBQUE7QUFDeEQsT0FBTyxFQUFFLEdBQUcsRUFBRSxFQUFFLEVBQUUsTUFBTSxxQkFBcUIsQ0FBQTtBQUM3QyxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQTtBQUNuRCxPQUFPLEVBQUUsc0JBQXNCLEVBQUUsTUFBTSw0QkFBNEIsQ0FBQTtBQUNuRSxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSx3QkFBd0IsQ0FBQTtBQUUxRDs7Ozs7OztHQU9HO0FBQ0gsSUFBTSxTQUFTLEdBQUcsVUFBQyxFQUFvRTtJQUFsRSxJQUFBLFNBQVMsZUFBQSxFQUFFLEVBQUUsUUFBQSxFQUFFLEtBQUssV0FBQSxFQUFFLGVBQWUscUJBQUEsRUFBSyxNQUFNLGNBQWxELCtDQUFvRCxDQUFGO0lBQzNELElBQUEsTUFBTSxHQUFLLGlCQUFpQixFQUFFLE9BQXhCLENBQXdCO0lBQ3RDLElBQU0sT0FBTyxHQUFHLFNBQVMsQ0FDdkIsTUFBTSxFQUNOLElBQUksQ0FDRixTQUFTLEVBQ1QsZUFBZSxJQUFJLEdBQUcsQ0FBQyxzQkFBc0IsQ0FBQyxlQUFlLENBQUMsQ0FBQyxFQUMvRCxLQUFLLElBQUksRUFBRSxDQUFDLGlCQUFpQixDQUFDLEtBQUssQ0FBQyxDQUFDLENBQ3RDLENBQ0YsQ0FBQTtJQUNELE9BQU8sd0NBQU8sRUFBRSxFQUFFLEVBQUUsRUFBRSxTQUFTLEVBQUUsT0FBTyxJQUFNLE1BQU0sRUFBSSxDQUFBO0FBQzFELENBQUMsQ0FBQTtBQUVELGVBQWUsU0FBUyxDQUFBIn0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVGFibGVCb2R5LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vY29tcG9uZW50cy90YWJsZS9ib2R5L1RhYmxlQm9keS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSw4QkFBOEIsQ0FBQTtBQUN4RCxPQUFPLEVBQUUsc0JBQXNCLEVBQUUsTUFBTSw0QkFBNEIsQ0FBQTtBQUNuRSxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSx3QkFBd0IsQ0FBQTtBQUMxRCxPQUFPLEVBQUUsR0FBRyxFQUFFLEVBQUUsRUFBRSxNQUFNLHFCQUFxQixDQUFBO0FBQzdDLE9BQU8sSUFBSSxNQUFNLE1BQU0sQ0FBQTtBQUN2QixPQUFPLEtBQUssS0FBSyxNQUFNLE9BQU8sQ0FBQTtBQUc5Qjs7Ozs7OztHQU9HO0FBQ0gsSUFBTSxTQUFTLEdBQUcsVUFBQyxFQUFvRTtJQUFsRSxJQUFBLFNBQVMsZUFBQSxFQUFFLEVBQUUsUUFBQSxFQUFFLEtBQUssV0FBQSxFQUFFLGVBQWUscUJBQUEsRUFBSyxNQUFNLGNBQWxELCtDQUFvRCxDQUFGO0lBQ25FLElBQU0sT0FBTyxHQUFHLFNBQVMsQ0FDdkIsSUFBSSxDQUNGLFNBQVMsRUFDVCxlQUFlLElBQUksR0FBRyxDQUFDLHNCQUFzQixDQUFDLGVBQWUsQ0FBQyxDQUFDLEVBQy9ELEtBQUssSUFBSSxFQUFFLENBQUMsaUJBQWlCLENBQUMsS0FBSyxDQUFDLENBQUMsQ0FDdEMsQ0FDRixDQUFBO0lBQ0QsT0FBTyx3Q0FBTyxFQUFFLEVBQUUsRUFBRSxFQUFFLFNBQVMsRUFBRSxPQUFPLElBQU0sTUFBTSxFQUFJLENBQUE7QUFDMUQsQ0FBQyxDQUFBO0FBRUQsZUFBZSxTQUFTLENBQUEifQ==