@trilogy-ds/react 0.0.1-beta-sc-2 → 0.0.1-beta-149

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

@@ -1,8 +1,8 @@
 import { __assign, __rest } from "tslib";
-import clsx from 'clsx';
-import React from 'react';
-import { ComponentName } from '../../../components/enumsComponentsName';
-import { hashClass } from '../../../helpers/hashClassesHelpers';
+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
@@ -10,10 +10,10 @@ import { hashClass } from '../../../helpers/hashClassesHelpers';
  * @param className {string} Additionnal CSS Classes
  * @param testId {string} Test Id for Test Integration
  */
-var BoxTableContainer = React.forwardRef(function (_a, ref) {
+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)), ref: ref }, others)));
-});
-BoxTableContainer.displayName = ComponentName.BoxTableContainer;
+    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,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQm94VGFibGVDb250YWluZXIuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9jb21wb25lbnRzL2JveC90YWJsZS1jb250YWluZXIvQm94VGFibGVDb250YWluZXIudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLElBQUksTUFBTSxNQUFNLENBQUE7QUFDdkIsT0FBTyxLQUFLLE1BQU0sT0FBTyxDQUFBO0FBR3pCLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxrQ0FBa0MsQ0FBQTtBQUNoRSxPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sOEJBQThCLENBQUE7QUFFeEQ7Ozs7OztHQU1HO0FBQ0gsSUFBTSxpQkFBaUIsR0FBRyxLQUFLLENBQUMsVUFBVSxDQUN4QyxVQUFDLEVBQXdELEVBQUUsR0FBOEI7SUFBdEYsSUFBQSxTQUFTLGVBQUEsRUFBRSxNQUFNLFlBQUEsRUFBSyxNQUFNLGNBQTlCLHVCQUFnQyxDQUFGO0lBQzdCLE9BQU8sQ0FDTCxxREFBa0IsTUFBTSxFQUFFLFNBQVMsRUFBRSxTQUFTLENBQUMsSUFBSSxDQUFDLHFCQUFxQixFQUFFLFNBQVMsQ0FBQyxDQUFDLEVBQUUsR0FBRyxFQUFFLEdBQUcsSUFBTSxNQUFNLEVBQUksQ0FDakgsQ0FBQTtBQUNILENBQUMsQ0FDRixDQUFBO0FBRUQsaUJBQWlCLENBQUMsV0FBVyxHQUFHLGFBQWEsQ0FBQyxpQkFBaUIsQ0FBQTtBQUMvRCxlQUFlLGlCQUFpQixDQUFBIn0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQm94VGFibGVDb250YWluZXIuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9jb21wb25lbnRzL2JveC90YWJsZS1jb250YWluZXIvQm94VGFibGVDb250YWluZXIudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLEtBQUssS0FBSyxNQUFNLE9BQU8sQ0FBQTtBQUU5QixPQUFPLElBQUksTUFBTSxNQUFNLENBQUE7QUFDdkIsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLFdBQVcsQ0FBQTtBQUNyQyxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxXQUFXLENBQUE7QUFFN0M7Ozs7OztHQU1HO0FBQ0gsSUFBTSxpQkFBaUIsR0FBRyxVQUFDLEVBSUY7SUFIdkIsSUFBQSxTQUFTLGVBQUEsRUFDVCxNQUFNLFlBQUEsRUFDSCxNQUFNLGNBSGdCLHVCQUkxQixDQURVO0lBRUQsSUFBQSxNQUFNLEdBQUssaUJBQWlCLEVBQUUsT0FBeEIsQ0FBd0I7SUFFdEMsT0FBTyxDQUNMLHFEQUNlLE1BQU0sRUFDbkIsU0FBUyxFQUFFLFNBQVMsQ0FBQyxNQUFNLEVBQUUsSUFBSSxDQUFDLHFCQUFxQixFQUFFLFNBQVMsQ0FBQyxDQUFDLElBQ2hFLE1BQU0sRUFDVixDQUNILENBQUE7QUFDSCxDQUFDLENBQUE7QUFFRCxlQUFlLGlCQUFpQixDQUFBIn0=

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

@@ -1,9 +1,12 @@
-import React from 'react';
-import { View } from 'react-native';
-import { BoxTableContainerProps } from '../../../components/box/table-container/BoxTableContainerProps';
+/// <reference types="react" />
+import { BoxTableContainerProps } from "./BoxTableContainerProps";
+import { ComponentName } from "../../../components/enumsComponentsName";
 /**
  * Box Table Component
  * @param children {React.ReactNode} Childrens
  */
-declare const BoxTableContainer: React.ForwardRefExoticComponent<BoxTableContainerProps & React.RefAttributes<View>>;
-export default BoxTableContainer;
+declare const boxTableContainer: {
+    ({ children, ...others }: BoxTableContainerProps): JSX.Element;
+    displayName: ComponentName;
+};
+export default boxTableContainer;

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

@@ -1,18 +1,18 @@
 import { __assign, __rest } from "tslib";
-import React from 'react';
-import { StyleSheet, View } from 'react-native';
-import { ComponentName } from '../../../components/enumsComponentsName';
+import * as React from "react";
+import { StyleSheet, View } from "react-native";
+import { ComponentName } from "../../../components/enumsComponentsName";
 /**
  * Box Table Component
  * @param children {React.ReactNode} Childrens
  */
-var BoxTableContainer = React.forwardRef(function (_a, ref) {
+var boxTableContainer = function (_a) {
     var children = _a.children, others = __rest(_a, ["children"]);
     var styles = StyleSheet.create({
         boxTableContainer: {},
     });
-    return (React.createElement(View, __assign({ style: [styles.boxTableContainer], ref: ref }, others), children));
-});
-BoxTableContainer.displayName = ComponentName.BoxTableContainer;
-export default BoxTableContainer;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQm94VGFibGVDb250YWluZXIubmF0aXZlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vY29tcG9uZW50cy9ib3gvdGFibGUtY29udGFpbmVyL0JveFRhYmxlQ29udGFpbmVyLm5hdGl2ZS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUFBLE9BQU8sS0FBSyxNQUFNLE9BQU8sQ0FBQTtBQUN6QixPQUFPLEVBQUUsVUFBVSxFQUFFLElBQUksRUFBRSxNQUFNLGNBQWMsQ0FBQTtBQUcvQyxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sa0NBQWtDLENBQUE7QUFFaEU7OztHQUdHO0FBQ0gsSUFBTSxpQkFBaUIsR0FBRyxLQUFLLENBQUMsVUFBVSxDQUN4QyxVQUFDLEVBQStDLEVBQUUsR0FBb0I7SUFBbkUsSUFBQSxRQUFRLGNBQUEsRUFBSyxNQUFNLGNBQXJCLFlBQXVCLENBQUY7SUFDcEIsSUFBTSxNQUFNLEdBQUcsVUFBVSxDQUFDLE1BQU0sQ0FBQztRQUMvQixpQkFBaUIsRUFBRSxFQUFFO0tBQ3RCLENBQUMsQ0FBQTtJQUVGLE9BQU8sQ0FDTCxvQkFBQyxJQUFJLGFBQUMsS0FBSyxFQUFFLENBQUMsTUFBTSxDQUFDLGlCQUFpQixDQUFDLEVBQUUsR0FBRyxFQUFFLEdBQUcsSUFBTSxNQUFNLEdBQzFELFFBQVEsQ0FDSixDQUNSLENBQUE7QUFDSCxDQUFDLENBQ0YsQ0FBQTtBQUVELGlCQUFpQixDQUFDLFdBQVcsR0FBRyxhQUFhLENBQUMsaUJBQWlCLENBQUE7QUFDL0QsZUFBZSxpQkFBaUIsQ0FBQSJ9
+    return (React.createElement(View, __assign({ style: [styles.boxTableContainer] }, others), children));
+};
+boxTableContainer.displayName = ComponentName.BoxFooter;
+export default boxTableContainer;
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQm94VGFibGVDb250YWluZXIubmF0aXZlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vY29tcG9uZW50cy9ib3gvdGFibGUtY29udGFpbmVyL0JveFRhYmxlQ29udGFpbmVyLm5hdGl2ZS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUFBLE9BQU8sS0FBSyxLQUFLLE1BQU0sT0FBTyxDQUFBO0FBQzlCLE9BQU8sRUFBRSxVQUFVLEVBQUUsSUFBSSxFQUFFLE1BQU0sY0FBYyxDQUFBO0FBRS9DLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxrQ0FBa0MsQ0FBQTtBQUVoRTs7O0dBR0c7QUFDSCxJQUFNLGlCQUFpQixHQUFHLFVBQUMsRUFHRjtJQUZ2QixJQUFBLFFBQVEsY0FBQSxFQUNMLE1BQU0sY0FGZ0IsWUFHMUIsQ0FEVTtJQUVULElBQU0sTUFBTSxHQUFHLFVBQVUsQ0FBQyxNQUFNLENBQUM7UUFDL0IsaUJBQWlCLEVBQUUsRUFBRTtLQUN0QixDQUFDLENBQUE7SUFFRixPQUFPLENBQ0wsb0JBQUMsSUFBSSxhQUFDLEtBQUssRUFBRSxDQUFDLE1BQU0sQ0FBQyxpQkFBaUIsQ0FBQyxJQUFNLE1BQU0sR0FDaEQsUUFBUSxDQUNKLENBQ1IsQ0FBQTtBQUNILENBQUMsQ0FBQTtBQUVELGlCQUFpQixDQUFDLFdBQVcsR0FBRyxhQUFhLENBQUMsU0FBUyxDQUFBO0FBRXZELGVBQWUsaUJBQWlCLENBQUEifQ==

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

@@ -1,6 +1,5 @@
 /// <reference types="react" />
-import { Accessibility } from '../../../objects/facets/Accessibility';
-import { Dev } from '../../../objects/facets/Dev';
+import { Accessibility, Dev } from '../../../objects';
 /**
  * Box Table Container Interface
  */

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

@@ -1,2 +1,2 @@
-import BoxTableContainer from '../../../components/box/table-container/BoxTableContainer';
+import BoxTableContainer from './BoxTableContainer';
 export default BoxTableContainer;

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

@@ -1,3 +1,3 @@
-import BoxTableContainer from '../../../components/box/table-container/BoxTableContainer';
+import BoxTableContainer from './BoxTableContainer';
 export default BoxTableContainer;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9jb21wb25lbnRzL2JveC90YWJsZS1jb250YWluZXIvaW5kZXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxpQkFBaUIsTUFBTSxvREFBb0QsQ0FBQTtBQUVsRixlQUFlLGlCQUFpQixDQUFBIn0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9jb21wb25lbnRzL2JveC90YWJsZS1jb250YWluZXIvaW5kZXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxpQkFBaUIsTUFBTSxxQkFBcUIsQ0FBQTtBQUVuRCxlQUFlLGlCQUFpQixDQUFBIn0=

package/lib/components/breadcrumb/Breadcrumb.d.ts

@@ -1,5 +1,5 @@
-import React from 'react';
-import { BreadcrumbWebProps } from '../../components/breadcrumb/BreadcrumbProps';
+import * as React from "react";
+import { BreadcrumbWebProps } from "./BreadcrumbProps";
 /**
  * Breadcrumb Component
  * @param children {React.ReactNode} Breadcrumb Children

package/lib/components/breadcrumb/Breadcrumb.js

@@ -1,8 +1,8 @@
 import { __assign, __rest } from "tslib";
-import clsx from 'clsx';
-import React from 'react';
-import { ComponentName } from '../../components/enumsComponentsName';
-import { hashClass } from '../../helpers/hashClassesHelpers';
+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
@@ -11,11 +11,11 @@ import { hashClass } from '../../helpers/hashClassesHelpers';
  * @param className {string} Additionnal CSS Classes
  * @param accessibilityLabel {string} Accessibility label
  */
-var Breadcrumb = React.forwardRef(function (_a, ref) {
-    var children = _a.children, className = _a.className, testId = _a.testId, accessibilityLabel = _a.accessibilityLabel, others = __rest(_a, ["children", "className", "testId", "accessibilityLabel"]);
-    return (React.createElement("nav", __assign({ ref: ref, role: 'navigation', "data-testid": testId, className: hashClass(clsx('breadcrumb', className)), "aria-label": accessibilityLabel }, others),
+var Breadcrumb = React.forwardRef(function (props, ref) {
+    var children = props.children, className = props.className, testId = props.testId, accessibilityLabel = props.accessibilityLabel, others = __rest(props, ["children", "className", "testId", "accessibilityLabel"]);
+    var styled = useTrilogyContext().styled;
+    return (React.createElement("nav", __assign({ ref: ref, role: 'navigation', "data-testid": testId, className: hashClass(styled, clsx("breadcrumb", className)), "aria-label": accessibilityLabel }, others),
         React.createElement("ul", null, children)));
 });
-Breadcrumb.displayName = ComponentName.Breadcrumb;
 export default Breadcrumb;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQnJlYWRjcnVtYi5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL2NvbXBvbmVudHMvYnJlYWRjcnVtYi9CcmVhZGNydW1iLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxJQUFJLE1BQU0sTUFBTSxDQUFBO0FBQ3ZCLE9BQU8sS0FBSyxNQUFNLE9BQU8sQ0FBQTtBQUd6QixPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sa0NBQWtDLENBQUE7QUFDaEUsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLDhCQUE4QixDQUFBO0FBRXhEOzs7Ozs7O0dBT0c7QUFDSCxJQUFNLFVBQVUsR0FBRyxLQUFLLENBQUMsVUFBVSxDQUNqQyxVQUFDLEVBQWtGLEVBQUUsR0FBMkI7SUFBN0csSUFBQSxRQUFRLGNBQUEsRUFBRSxTQUFTLGVBQUEsRUFBRSxNQUFNLFlBQUEsRUFBRSxrQkFBa0Isd0JBQUEsRUFBSyxNQUFNLGNBQTVELHlEQUE4RCxDQUFGO0lBQzNELE9BQU8sQ0FDTCxzQ0FDRSxHQUFHLEVBQUUsR0FBRyxFQUNSLElBQUksRUFBQyxZQUFZLGlCQUNKLE1BQU0sRUFDbkIsU0FBUyxFQUFFLFNBQVMsQ0FBQyxJQUFJLENBQUMsWUFBWSxFQUFFLFNBQVMsQ0FBQyxDQUFDLGdCQUN2QyxrQkFBa0IsSUFDMUIsTUFBTTtRQUVWLGdDQUFLLFFBQVEsQ0FBTSxDQUNmLENBQ1AsQ0FBQTtBQUNILENBQUMsQ0FDRixDQUFBO0FBRUQsVUFBVSxDQUFDLFdBQVcsR0FBRyxhQUFhLENBQUMsVUFBVSxDQUFBO0FBQ2pELGVBQWUsVUFBVSxDQUFBIn0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQnJlYWRjcnVtYi5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL2NvbXBvbmVudHMvYnJlYWRjcnVtYi9CcmVhZGNydW1iLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxLQUFLLEtBQUssTUFBTSxPQUFPLENBQUE7QUFFOUIsT0FBTyxJQUFJLE1BQU0sTUFBTSxDQUFBO0FBQ3ZCLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSxXQUFXLENBQUE7QUFDckMsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sV0FBVyxDQUFBO0FBRTdDOzs7Ozs7O0dBT0c7QUFDSCxJQUFNLFVBQVUsR0FBRyxLQUFLLENBQUMsVUFBVSxDQUFDLFVBQUMsS0FBeUIsRUFBRSxHQUFpQztJQUU3RixJQUFBLFFBQVEsR0FLTixLQUFLLFNBTEMsRUFDUixTQUFTLEdBSVAsS0FBSyxVQUpFLEVBQ1QsTUFBTSxHQUdKLEtBQUssT0FIRCxFQUNOLGtCQUFrQixHQUVoQixLQUFLLG1CQUZXLEVBQ2YsTUFBTSxVQUNQLEtBQUssRUFOSCx5REFNTCxDQURVLENBQ0Y7SUFFRCxJQUFBLE1BQU0sR0FBSyxpQkFBaUIsRUFBRSxPQUF4QixDQUF3QjtJQUV0QyxPQUFPLENBQ0wsc0NBQ0UsR0FBRyxFQUFFLEdBQUcsRUFDUixJQUFJLEVBQUMsWUFBWSxpQkFDSixNQUFNLEVBQ25CLFNBQVMsRUFBRSxTQUFTLENBQUMsTUFBTSxFQUFFLElBQUksQ0FBQyxZQUFZLEVBQUUsU0FBUyxDQUFDLENBQUMsZ0JBQy9DLGtCQUFrQixJQUMxQixNQUFNO1FBRVYsZ0NBQUssUUFBUSxDQUFNLENBQ2YsQ0FDUCxDQUFBO0FBQ0gsQ0FBQyxDQUFDLENBQUE7QUFFRixlQUFlLFVBQVUsQ0FBQSJ9

package/lib/components/breadcrumb/Breadcrumb.native.d.ts

@@ -1,10 +1,13 @@
-import React from 'react';
-import { View } from 'react-native';
-import { BreadcrumbProps } from '../../components/breadcrumb/BreadcrumbProps';
+/// <reference types="react" />
+import { BreadcrumbProps } from "./BreadcrumbProps";
+import { ComponentName } from "../../components/enumsComponentsName";
 /**
  * Breadcrumb Native Component
  * @param children {React.ReactNode} Breadcrumb Children
  * @param testId {string} Test id
  */
-declare const Breadcrumb: React.ForwardRefExoticComponent<BreadcrumbProps & React.RefAttributes<View>>;
+declare const Breadcrumb: {
+    ({ children, testId, ...others }: BreadcrumbProps): JSX.Element;
+    displayName: ComponentName;
+};
 export default Breadcrumb;

package/lib/components/breadcrumb/Breadcrumb.native.js

@@ -1,29 +1,29 @@
 import { __assign, __rest } from "tslib";
-import React from 'react';
-import { StyleSheet, View } from 'react-native';
-import { ComponentName } from '../../components/enumsComponentsName';
-import { Icon } from '../../components/icon';
+import * as React from "react";
+import { ComponentName } from "../../components/enumsComponentsName";
+import { StyleSheet, View } from "react-native";
+import { Icon } from "../../components/icon";
 /**
  * Breadcrumb Native Component
  * @param children {React.ReactNode} Breadcrumb Children
  * @param testId {string} Test id
  */
-var Breadcrumb = React.forwardRef(function (_a, ref) {
+var Breadcrumb = function (_a) {
     var children = _a.children, testId = _a.testId, others = __rest(_a, ["children", "testId"]);
     var containerStyle = React.useMemo(function () {
         return StyleSheet.create({
             containerStyle: {
-                flexDirection: 'row',
-                flexWrap: 'wrap',
+                flexDirection: "row",
+                flexWrap: "wrap",
             },
         });
     }, []).containerStyle;
-    return (React.createElement(View, __assign({ testID: testId, style: [containerStyle], ref: ref }, others), Array.isArray(children)
+    return (React.createElement(View, __assign({ testID: testId, style: [containerStyle] }, others), Array.isArray(children)
         ? React.Children.map(children, function (child, index) { return (React.createElement(React.Fragment, null,
             React.cloneElement(child),
             index != children.length - 1 && (React.createElement(Icon, { size: 'smaller', name: 'tri-arrow-right', align: 'ALIGNED_CENTER', style: { marginHorizontal: 5 } })))); })
         : children));
-});
+};
 Breadcrumb.displayName = ComponentName.Breadcrumb;
 export default Breadcrumb;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQnJlYWRjcnVtYi5uYXRpdmUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9jb21wb25lbnRzL2JyZWFkY3J1bWIvQnJlYWRjcnVtYi5uYXRpdmUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLEtBQUssTUFBTSxPQUFPLENBQUE7QUFDekIsT0FBTyxFQUFFLFVBQVUsRUFBRSxJQUFJLEVBQUUsTUFBTSxjQUFjLENBQUE7QUFHL0MsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLGtDQUFrQyxDQUFBO0FBQ2hFLE9BQU8sRUFBRSxJQUFJLEVBQUUsTUFBTSxtQkFBbUIsQ0FBQTtBQUV4Qzs7OztHQUlHO0FBQ0gsSUFBTSxVQUFVLEdBQUcsS0FBSyxDQUFDLFVBQVUsQ0FDakMsVUFBQyxFQUFnRCxFQUFFLEdBQW9CO0lBQXBFLElBQUEsUUFBUSxjQUFBLEVBQUUsTUFBTSxZQUFBLEVBQUssTUFBTSxjQUE3QixzQkFBK0IsQ0FBRjtJQUNwQixJQUFBLGNBQWMsR0FBSyxLQUFLLENBQUMsT0FBTyxDQUN0QztRQUNFLE9BQUEsVUFBVSxDQUFDLE1BQU0sQ0FBQztZQUNoQixjQUFjLEVBQUU7Z0JBQ2QsYUFBYSxFQUFFLEtBQUs7Z0JBQ3BCLFFBQVEsRUFBRSxNQUFNO2FBQ2pCO1NBQ0YsQ0FBQztJQUxGLENBS0UsRUFDSixFQUFFLENBQ0gsZUFUcUIsQ0FTckI7SUFFRCxPQUFPLENBQ0wsb0JBQUMsSUFBSSxhQUFDLE1BQU0sRUFBRSxNQUFNLEVBQUUsS0FBSyxFQUFFLENBQUMsY0FBYyxDQUFDLEVBQUUsR0FBRyxFQUFFLEdBQUcsSUFBTSxNQUFNLEdBQ2hFLEtBQUssQ0FBQyxPQUFPLENBQUMsUUFBUSxDQUFDO1FBQ3RCLENBQUMsQ0FBQyxLQUFLLENBQUMsUUFBUSxDQUFDLEdBQUcsQ0FBQyxRQUFRLEVBQUUsVUFBQyxLQUFLLEVBQUUsS0FBSyxJQUFLLE9BQUEsQ0FDN0M7WUFDRyxLQUFLLENBQUMsWUFBWSxDQUFDLEtBQUssQ0FBQztZQUN6QixLQUFLLElBQUksUUFBUSxDQUFDLE1BQU0sR0FBRyxDQUFDLElBQUksQ0FDL0Isb0JBQUMsSUFBSSxJQUFDLElBQUksRUFBQyxTQUFTLEVBQUMsSUFBSSxFQUFDLGlCQUFpQixFQUFDLEtBQUssRUFBQyxnQkFBZ0IsRUFBQyxLQUFLLEVBQUUsRUFBRSxnQkFBZ0IsRUFBRSxDQUFDLEVBQUUsR0FBSSxDQUN0RyxDQUNBLENBQ0osRUFQOEMsQ0FPOUMsQ0FBQztRQUNKLENBQUMsQ0FBQyxRQUFRLENBQ1AsQ0FDUixDQUFBO0FBQ0gsQ0FBQyxDQUNGLENBQUE7QUFFRCxVQUFVLENBQUMsV0FBVyxHQUFHLGFBQWEsQ0FBQyxVQUFVLENBQUE7QUFDakQsZUFBZSxVQUFVLENBQUEifQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQnJlYWRjcnVtYi5uYXRpdmUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9jb21wb25lbnRzL2JyZWFkY3J1bWIvQnJlYWRjcnVtYi5uYXRpdmUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLEtBQUssS0FBSyxNQUFNLE9BQU8sQ0FBQTtBQUU5QixPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sa0NBQWtDLENBQUE7QUFDaEUsT0FBTyxFQUFFLFVBQVUsRUFBRSxJQUFJLEVBQUUsTUFBTSxjQUFjLENBQUE7QUFDL0MsT0FBTyxFQUFFLElBQUksRUFBRSxNQUFNLG1CQUFtQixDQUFBO0FBRXhDOzs7O0dBSUc7QUFDSCxJQUFNLFVBQVUsR0FBRyxVQUFDLEVBSUY7SUFIaEIsSUFBQSxRQUFRLGNBQUEsRUFDUixNQUFNLFlBQUEsRUFDSCxNQUFNLGNBSFMsc0JBSW5CLENBRFU7SUFFRCxJQUFBLGNBQWMsR0FBSyxLQUFLLENBQUMsT0FBTyxDQUN0QztRQUNFLE9BQUEsVUFBVSxDQUFDLE1BQU0sQ0FBQztZQUNoQixjQUFjLEVBQUU7Z0JBQ2QsYUFBYSxFQUFFLEtBQUs7Z0JBQ3BCLFFBQVEsRUFBRSxNQUFNO2FBQ2pCO1NBQ0YsQ0FBQztJQUxGLENBS0UsRUFDSixFQUFFLENBQ0gsZUFUcUIsQ0FTckI7SUFFRCxPQUFPLENBQ0wsb0JBQUMsSUFBSSxhQUFDLE1BQU0sRUFBRSxNQUFNLEVBQUUsS0FBSyxFQUFFLENBQUMsY0FBYyxDQUFDLElBQU0sTUFBTSxHQUN0RCxLQUFLLENBQUMsT0FBTyxDQUFDLFFBQVEsQ0FBQztRQUN0QixDQUFDLENBQUMsS0FBSyxDQUFDLFFBQVEsQ0FBQyxHQUFHLENBQUMsUUFBUSxFQUFFLFVBQUMsS0FBSyxFQUFFLEtBQUssSUFBSyxPQUFBLENBQzdDO1lBQ0csS0FBSyxDQUFDLFlBQVksQ0FBQyxLQUFLLENBQUM7WUFDekIsS0FBSyxJQUFJLFFBQVEsQ0FBQyxNQUFNLEdBQUcsQ0FBQyxJQUFJLENBQy9CLG9CQUFDLElBQUksSUFDSCxJQUFJLEVBQUMsU0FBUyxFQUNkLElBQUksRUFBQyxpQkFBaUIsRUFDdEIsS0FBSyxFQUFDLGdCQUFnQixFQUN0QixLQUFLLEVBQUUsRUFBRSxnQkFBZ0IsRUFBRSxDQUFDLEVBQUUsR0FDOUIsQ0FDSCxDQUNBLENBQ0osRUFaOEMsQ0FZOUMsQ0FBQztRQUNKLENBQUMsQ0FBQyxRQUFRLENBQ1AsQ0FDUixDQUFBO0FBQ0gsQ0FBQyxDQUFBO0FBRUQsVUFBVSxDQUFDLFdBQVcsR0FBRyxhQUFhLENBQUMsVUFBVSxDQUFBO0FBRWpELGVBQWUsVUFBVSxDQUFBIn0=

package/lib/components/breadcrumb/BreadcrumbProps.d.ts

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

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

@@ -1,2 +1,3 @@
-export { default as Breadcrumb } from '../../components/breadcrumb/Breadcrumb';
-export { default as BreadcrumbItem } from '../../components/breadcrumb/item';
+import Breadcrumb from './Breadcrumb';
+import BreadcrumbItem from './item';
+export { Breadcrumb, BreadcrumbItem };

package/lib/components/breadcrumb/index.js

@@ -1,3 +1,4 @@
-export { default as Breadcrumb } from '../../components/breadcrumb/Breadcrumb';
-export { default as BreadcrumbItem } from '../../components/breadcrumb/item';
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9jb21wb25lbnRzL2JyZWFkY3J1bWIvaW5kZXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLE9BQU8sSUFBSSxVQUFVLEVBQUUsTUFBTSxvQ0FBb0MsQ0FBQTtBQUMxRSxPQUFPLEVBQUUsT0FBTyxJQUFJLGNBQWMsRUFBRSxNQUFNLDhCQUE4QixDQUFBIn0=
+import Breadcrumb from './Breadcrumb';
+import BreadcrumbItem from './item';
+export { Breadcrumb, BreadcrumbItem };
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9jb21wb25lbnRzL2JyZWFkY3J1bWIvaW5kZXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxVQUFVLE1BQU0sY0FBYyxDQUFBO0FBQ3JDLE9BQU8sY0FBYyxNQUFNLFFBQVEsQ0FBQTtBQUVuQyxPQUFPLEVBQUUsVUFBVSxFQUFFLGNBQWMsRUFBRSxDQUFBIn0=

package/lib/components/breadcrumb/item/BreadcrumbItem.d.ts

@@ -1,5 +1,5 @@
-import React from 'react';
-import { BreadcrumbItemPropsWeb } from '../../../components/breadcrumb/item/BreadcrumbItemProps';
+/// <reference types="react" />
+import { BreadcrumbItemPropsWeb } from "./BreadcrumbItemProps";
 /**
  * Breadcrumb Item Component
  * @param children {string} Breadcrumb Item Text
@@ -12,5 +12,5 @@ import { BreadcrumbItemPropsWeb } from '../../../components/breadcrumb/item/Brea
  * @param href {string} Url. Use native-old <a> tag (only when the `to` property is not filled)
  * @param className {string} Additionnal CSS Classes
  */
-declare const BreadcrumbItem: React.ForwardRefExoticComponent<BreadcrumbItemPropsWeb & React.RefAttributes<HTMLLIElement>>;
+declare const BreadcrumbItem: ({ children, active, className, href, to, routerLink, testId, onClick, ...others }: BreadcrumbItemPropsWeb) => JSX.Element;
 export default BreadcrumbItem;

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

@@ -1,10 +1,10 @@
 import { __assign, __rest } from "tslib";
-import clsx from 'clsx';
-import React from 'react';
-import { ComponentName } from '../../../components/enumsComponentsName';
+import * as React from "react";
+import { is } from "../../../services/classify";
+import clsx from "clsx";
+import { hashClass } from "../../../helpers";
+import { useTrilogyContext } from "../../../context";
 import { Link } from '../../../components/link';
-import { hashClass } from '../../../helpers/hashClassesHelpers';
-import { is } from '../../../services/classify';
 /**
  * Breadcrumb Item Component
  * @param children {string} Breadcrumb Item Text
@@ -17,17 +17,17 @@ import { is } from '../../../services/classify';
  * @param href {string} Url. Use native-old <a> tag (only when the `to` property is not filled)
  * @param className {string} Additionnal CSS Classes
  */
-var BreadcrumbItem = React.forwardRef(function (_a, ref) {
+var BreadcrumbItem = function (_a) {
     var children = _a.children, active = _a.active, className = _a.className, href = _a.href, to = _a.to, routerLink = _a.routerLink, testId = _a.testId, onClick = _a.onClick, others = __rest(_a, ["children", "active", "className", "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", { "data-testid": testId, className: classes, onClick: onClick, "aria-current": active ? 'page' : undefined, ref: ref },
-            React.createElement(RouterLink, __assign({ className: hashClass(clsx('link')), to: to }, others), children)));
+        var RouterLink = (routerLink ? routerLink : "a");
+        return (React.createElement("li", { "data-testid": testId, className: classes, onClick: onClick, "aria-current": active ? 'page' : undefined },
+            React.createElement(RouterLink, __assign({ className: hashClass(styled, clsx("link")), to: to }, others), children)));
     }
-    return (React.createElement("li", { className: classes, onClick: onClick, "aria-current": active ? 'page' : undefined, ref: ref },
+    return (React.createElement("li", { className: classes, onClick: onClick, "aria-current": active ? 'page' : undefined },
         React.createElement(Link, __assign({ href: active ? undefined : href }, others), children)));
-});
-BreadcrumbItem.displayName = ComponentName.BreadcrumbItem;
+};
 export default BreadcrumbItem;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQnJlYWRjcnVtYkl0ZW0uanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9jb21wb25lbnRzL2JyZWFkY3J1bWIvaXRlbS9CcmVhZGNydW1iSXRlbS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUFBLE9BQU8sSUFBSSxNQUFNLE1BQU0sQ0FBQTtBQUN2QixPQUFPLEtBQUssTUFBTSxPQUFPLENBQUE7QUFHekIsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLGtDQUFrQyxDQUFBO0FBQ2hFLE9BQU8sRUFBRSxJQUFJLEVBQUUsTUFBTSxtQkFBbUIsQ0FBQTtBQUN4QyxPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sOEJBQThCLENBQUE7QUFDeEQsT0FBTyxFQUFFLEVBQUUsRUFBRSxNQUFNLHFCQUFxQixDQUFBO0FBRXhDOzs7Ozs7Ozs7OztHQVdHO0FBQ0gsSUFBTSxjQUFjLEdBQUcsS0FBSyxDQUFDLFVBQVUsQ0FDckMsVUFDRSxFQUF5RyxFQUN6RyxHQUE2QjtJQUQzQixJQUFBLFFBQVEsY0FBQSxFQUFFLE1BQU0sWUFBQSxFQUFFLFNBQVMsZUFBQSxFQUFFLElBQUksVUFBQSxFQUFFLEVBQUUsUUFBQSxFQUFFLFVBQVUsZ0JBQUEsRUFBRSxNQUFNLFlBQUEsRUFBRSxPQUFPLGFBQUEsRUFBSyxNQUFNLGNBQS9FLG9GQUFpRixDQUFGO0lBRy9FLElBQU0sT0FBTyxHQUFHLFNBQVMsQ0FBQyxJQUFJLENBQUMsTUFBTSxJQUFJLEVBQUUsQ0FBQyxRQUFRLENBQUMsRUFBRSxTQUFTLENBQUMsQ0FBQyxDQUFBO0lBRWxFLElBQUksVUFBVSxJQUFJLEVBQUUsRUFBRTtRQUNwQixJQUFNLFVBQVUsR0FBRyxDQUFDLFVBQVUsQ0FBQyxDQUFDLENBQUMsVUFBVSxDQUFDLENBQUMsQ0FBQyxHQUFHLENBQXNCLENBQUE7UUFDdkUsT0FBTyxDQUNMLDJDQUNlLE1BQU0sRUFDbkIsU0FBUyxFQUFFLE9BQU8sRUFDbEIsT0FBTyxFQUFFLE9BQU8sa0JBQ0YsTUFBTSxDQUFDLENBQUMsQ0FBQyxNQUFNLENBQUMsQ0FBQyxDQUFDLFNBQVMsRUFDekMsR0FBRyxFQUFFLEdBQUc7WUFFUixvQkFBQyxVQUFVLGFBQUMsU0FBUyxFQUFFLFNBQVMsQ0FBQyxJQUFJLENBQUMsTUFBTSxDQUFDLENBQUMsRUFBRSxFQUFFLEVBQUUsRUFBRSxJQUFNLE1BQU0sR0FDL0QsUUFBUSxDQUNFLENBQ1YsQ0FDTixDQUFBO0tBQ0Y7SUFFRCxPQUFPLENBQ0wsNEJBQUksU0FBUyxFQUFFLE9BQU8sRUFBRSxPQUFPLEVBQUUsT0FBTyxrQkFBZ0IsTUFBTSxDQUFDLENBQUMsQ0FBQyxNQUFNLENBQUMsQ0FBQyxDQUFDLFNBQVMsRUFBRSxHQUFHLEVBQUUsR0FBRztRQUMzRixvQkFBQyxJQUFJLGFBQUMsSUFBSSxFQUFFLE1BQU0sQ0FBQyxDQUFDLENBQUMsU0FBUyxDQUFDLENBQUMsQ0FBQyxJQUFJLElBQU0sTUFBTSxHQUM5QyxRQUFRLENBQ0osQ0FDSixDQUNOLENBQUE7QUFDSCxDQUFDLENBQ0YsQ0FBQTtBQUVELGNBQWMsQ0FBQyxXQUFXLEdBQUcsYUFBYSxDQUFDLGNBQWMsQ0FBQTtBQUN6RCxlQUFlLGNBQWMsQ0FBQSJ9
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQnJlYWRjcnVtYkl0ZW0uanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9jb21wb25lbnRzL2JyZWFkY3J1bWIvaXRlbS9CcmVhZGNydW1iSXRlbS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUFBLE9BQU8sS0FBSyxLQUFLLE1BQU0sT0FBTyxDQUFBO0FBRTlCLE9BQU8sRUFBRSxFQUFFLEVBQUUsTUFBTSxxQkFBcUIsQ0FBQTtBQUN4QyxPQUFPLElBQUksTUFBTSxNQUFNLENBQUE7QUFDdkIsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLFdBQVcsQ0FBQTtBQUNyQyxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxXQUFXLENBQUE7QUFDN0MsT0FBTyxFQUFFLElBQUksRUFBRSxNQUFNLG1CQUFtQixDQUFBO0FBRXhDOzs7Ozs7Ozs7OztHQVdHO0FBQ0gsSUFBTSxjQUFjLEdBQUcsVUFBQyxFQVVDO0lBVHZCLElBQUEsUUFBUSxjQUFBLEVBQ1IsTUFBTSxZQUFBLEVBQ04sU0FBUyxlQUFBLEVBQ1QsSUFBSSxVQUFBLEVBQ0osRUFBRSxRQUFBLEVBQ0YsVUFBVSxnQkFBQSxFQUNWLE1BQU0sWUFBQSxFQUNOLE9BQU8sYUFBQSxFQUNKLE1BQU0sY0FUYSxvRkFVdkIsQ0FEVTtJQUVELElBQUEsTUFBTSxHQUFLLGlCQUFpQixFQUFFLE9BQXhCLENBQXdCO0lBRXRDLElBQU0sT0FBTyxHQUFHLFNBQVMsQ0FBQyxNQUFNLEVBQUUsSUFBSSxDQUFDLE1BQU0sSUFBSSxFQUFFLENBQUMsUUFBUSxDQUFDLEVBQUUsU0FBUyxDQUFDLENBQUMsQ0FBQTtJQUUxRSxJQUFJLFVBQVUsSUFBSSxFQUFFLEVBQUU7UUFDcEIsSUFBTSxVQUFVLEdBQUcsQ0FBQyxVQUFVLENBQUMsQ0FBQyxDQUFDLFVBQVUsQ0FBQyxDQUFDLENBQUMsR0FBRyxDQUFzQixDQUFBO1FBQ3ZFLE9BQU8sQ0FDTCwyQ0FBaUIsTUFBTSxFQUFFLFNBQVMsRUFBRSxPQUFPLEVBQUUsT0FBTyxFQUFFLE9BQU8sa0JBQWdCLE1BQU0sQ0FBQyxDQUFDLENBQUMsTUFBTSxDQUFDLENBQUMsQ0FBQyxTQUFTO1lBQ3RHLG9CQUFDLFVBQVUsYUFBQyxTQUFTLEVBQUUsU0FBUyxDQUFDLE1BQU0sRUFBRSxJQUFJLENBQUMsTUFBTSxDQUFDLENBQUMsRUFBRSxFQUFFLEVBQUUsRUFBRSxJQUFNLE1BQU0sR0FDdkUsUUFBUSxDQUNFLENBQ1YsQ0FDTixDQUFBO0tBQ0Y7SUFFRCxPQUFPLENBQ0wsNEJBQUksU0FBUyxFQUFFLE9BQU8sRUFBRSxPQUFPLEVBQUUsT0FBTyxrQkFBZ0IsTUFBTSxDQUFDLENBQUMsQ0FBQyxNQUFNLENBQUMsQ0FBQyxDQUFDLFNBQVM7UUFDakYsb0JBQUMsSUFBSSxhQUFDLElBQUksRUFBRSxNQUFNLENBQUMsQ0FBQyxDQUFDLFNBQVMsQ0FBQyxDQUFDLENBQUMsSUFBSSxJQUFNLE1BQU0sR0FDOUMsUUFBUSxDQUNKLENBQ0osQ0FDTixDQUFBO0FBQ0gsQ0FBQyxDQUFBO0FBRUQsZUFBZSxjQUFjLENBQUEifQ==

package/lib/components/breadcrumb/item/BreadcrumbItem.native.d.ts

@@ -1,6 +1,6 @@
-import React from 'react';
-import { TouchableOpacity } from 'react-native';
-import { BreadcrumbItemProps } from '../../../components/breadcrumb/item/BreadcrumbItemProps';
+/// <reference types="react" />
+import { ComponentName } from "../../../components/enumsComponentsName";
+import { BreadcrumbItemProps } from "./BreadcrumbItemProps";
 /**
  * Breadcrumb Item Component
  * @param children {string} Breadcrumb Item Text
@@ -9,5 +9,8 @@ import { BreadcrumbItemProps } from '../../../components/breadcrumb/item/Breadcr
  * @param onClick {Function} Click Event
  * @param testId {string} Test Id for Test Integration
  */
-declare const BreadcrumbItem: React.ForwardRefExoticComponent<BreadcrumbItemProps & React.RefAttributes<TouchableOpacity>>;
+declare const BreadcrumbItem: {
+    ({ children, active, to, testId, onClick, ...others }: BreadcrumbItemProps): JSX.Element;
+    displayName: ComponentName;
+};
 export default BreadcrumbItem;

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

@@ -1,10 +1,9 @@
 import { __assign, __rest } from "tslib";
-import React from 'react';
-import { Linking, StyleSheet, TouchableOpacity } from 'react-native';
-import { ComponentName } from '../../../components/enumsComponentsName';
-import { Text } from '../../../components/text';
-import { getColorStyle, TrilogyColor } from '../../../objects/facets/Color';
-import { TypographyBold } from '../../../objects/Typography/TypographyBold';
+import * as React from "react";
+import { ComponentName } from "../../../components/enumsComponentsName";
+import { Text } from "../../../components/text";
+import { Linking, StyleSheet, TouchableOpacity } from "react-native";
+import { getColorStyle, TrilogyColor, TypographyBold } from "../../../objects";
 /**
  * Breadcrumb Item Component
  * @param children {string} Breadcrumb Item Text
@@ -13,23 +12,23 @@ import { TypographyBold } from '../../../objects/Typography/TypographyBold';
  * @param onClick {Function} Click Event
  * @param testId {string} Test Id for Test Integration
  */
-var BreadcrumbItem = React.forwardRef(function (_a, ref) {
+var BreadcrumbItem = function (_a) {
     var children = _a.children, active = _a.active, to = _a.to, testId = _a.testId, onClick = _a.onClick, others = __rest(_a, ["children", "active", "to", "testId", "onClick"]);
     var textStyle = StyleSheet.create({
         textStyle: {
             color: getColorStyle(TrilogyColor.FONT),
-            textDecorationLine: !active ? 'underline' : 'none',
-            textDecorationStyle: 'solid',
+            textDecorationLine: !active ? "underline" : "none",
+            textDecorationStyle: "solid",
         },
     }).textStyle;
-    return (React.createElement(TouchableOpacity, __assign({ ref: ref, testID: testId, onPress: function (e) {
+    return (React.createElement(TouchableOpacity, __assign({ testID: testId, onPress: function (e) {
             if (to)
                 Linking.openURL(to);
             if (onClick)
                 onClick(e);
         } }, others),
         React.createElement(Text, { typo: TypographyBold.TEXT_WEIGHT_MEDIUM, style: __assign({}, textStyle) }, children)));
-});
+};
 BreadcrumbItem.displayName = ComponentName.BreadcrumbItem;
 export default BreadcrumbItem;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQnJlYWRjcnVtYkl0ZW0ubmF0aXZlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vY29tcG9uZW50cy9icmVhZGNydW1iL2l0ZW0vQnJlYWRjcnVtYkl0ZW0ubmF0aXZlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxLQUFLLE1BQU0sT0FBTyxDQUFBO0FBQ3pCLE9BQU8sRUFBRSxPQUFPLEVBQUUsVUFBVSxFQUFFLGdCQUFnQixFQUFFLE1BQU0sY0FBYyxDQUFBO0FBR3BFLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxrQ0FBa0MsQ0FBQTtBQUNoRSxPQUFPLEVBQUUsSUFBSSxFQUFFLE1BQU0sbUJBQW1CLENBQUE7QUFDeEMsT0FBTyxFQUFFLGFBQWEsRUFBRSxZQUFZLEVBQUUsTUFBTSx3QkFBd0IsQ0FBQTtBQUNwRSxPQUFPLEVBQUUsY0FBYyxFQUFFLE1BQU0scUNBQXFDLENBQUE7QUFFcEU7Ozs7Ozs7R0FPRztBQUNILElBQU0sY0FBYyxHQUFHLEtBQUssQ0FBQyxVQUFVLENBQ3JDLFVBQ0UsRUFBeUUsRUFDekUsR0FBZ0M7SUFEOUIsSUFBQSxRQUFRLGNBQUEsRUFBRSxNQUFNLFlBQUEsRUFBRSxFQUFFLFFBQUEsRUFBRSxNQUFNLFlBQUEsRUFBRSxPQUFPLGFBQUEsRUFBSyxNQUFNLGNBQWxELGlEQUFvRCxDQUFGO0lBRzFDLElBQUEsU0FBUyxHQUFLLFVBQVUsQ0FBQyxNQUFNLENBQUM7UUFDdEMsU0FBUyxFQUFFO1lBQ1QsS0FBSyxFQUFFLGFBQWEsQ0FBQyxZQUFZLENBQUMsSUFBSSxDQUFDO1lBQ3ZDLGtCQUFrQixFQUFFLENBQUMsTUFBTSxDQUFDLENBQUMsQ0FBQyxXQUFXLENBQUMsQ0FBQyxDQUFDLE1BQU07WUFDbEQsbUJBQW1CLEVBQUUsT0FBTztTQUM3QjtLQUNGLENBQUMsVUFOZSxDQU1mO0lBRUYsT0FBTyxDQUNMLG9CQUFDLGdCQUFnQixhQUNmLEdBQUcsRUFBRSxHQUFHLEVBQ1IsTUFBTSxFQUFFLE1BQU0sRUFDZCxPQUFPLEVBQUUsVUFBQyxDQUFDO1lBQ1QsSUFBSSxFQUFFO2dCQUFFLE9BQU8sQ0FBQyxPQUFPLENBQUMsRUFBRSxDQUFDLENBQUE7WUFDM0IsSUFBSSxPQUFPO2dCQUFFLE9BQU8sQ0FBQyxDQUFDLENBQUMsQ0FBQTtRQUN6QixDQUFDLElBQ0csTUFBTTtRQUVWLG9CQUFDLElBQUksSUFBQyxJQUFJLEVBQUUsY0FBYyxDQUFDLGtCQUFrQixFQUFFLEtBQUssZUFBTyxTQUFTLEtBQ2pFLFFBQVEsQ0FDSixDQUNVLENBQ3BCLENBQUE7QUFDSCxDQUFDLENBQ0YsQ0FBQTtBQUVELGNBQWMsQ0FBQyxXQUFXLEdBQUcsYUFBYSxDQUFDLGNBQWMsQ0FBQTtBQUN6RCxlQUFlLGNBQWMsQ0FBQSJ9
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQnJlYWRjcnVtYkl0ZW0ubmF0aXZlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vY29tcG9uZW50cy9icmVhZGNydW1iL2l0ZW0vQnJlYWRjcnVtYkl0ZW0ubmF0aXZlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxLQUFLLEtBQUssTUFBTSxPQUFPLENBQUE7QUFDOUIsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLGtDQUFrQyxDQUFBO0FBRWhFLE9BQU8sRUFBRSxJQUFJLEVBQUUsTUFBTSxtQkFBbUIsQ0FBQTtBQUN4QyxPQUFPLEVBQUUsT0FBTyxFQUFFLFVBQVUsRUFBRSxnQkFBZ0IsRUFBRSxNQUFNLGNBQWMsQ0FBQTtBQUNwRSxPQUFPLEVBQUUsYUFBYSxFQUFFLFlBQVksRUFBRSxjQUFjLEVBQUUsTUFBTSxXQUFXLENBQUE7QUFFdkU7Ozs7Ozs7R0FPRztBQUNILElBQU0sY0FBYyxHQUFHLFVBQUMsRUFPRjtJQU5wQixJQUFBLFFBQVEsY0FBQSxFQUNSLE1BQU0sWUFBQSxFQUNOLEVBQUUsUUFBQSxFQUNGLE1BQU0sWUFBQSxFQUNOLE9BQU8sYUFBQSxFQUNKLE1BQU0sY0FOYSxpREFPdkIsQ0FEVTtJQUVELElBQUEsU0FBUyxHQUFLLFVBQVUsQ0FBQyxNQUFNLENBQUM7UUFDdEMsU0FBUyxFQUFFO1lBQ1QsS0FBSyxFQUFFLGFBQWEsQ0FBQyxZQUFZLENBQUMsSUFBSSxDQUFDO1lBQ3ZDLGtCQUFrQixFQUFFLENBQUMsTUFBTSxDQUFDLENBQUMsQ0FBQyxXQUFXLENBQUMsQ0FBQyxDQUFDLE1BQU07WUFDbEQsbUJBQW1CLEVBQUUsT0FBTztTQUM3QjtLQUNGLENBQUMsVUFOZSxDQU1mO0lBRUYsT0FBTyxDQUNMLG9CQUFDLGdCQUFnQixhQUNmLE1BQU0sRUFBRSxNQUFNLEVBQ2QsT0FBTyxFQUFFLFVBQUMsQ0FBQztZQUNULElBQUksRUFBRTtnQkFBRSxPQUFPLENBQUMsT0FBTyxDQUFDLEVBQUUsQ0FBQyxDQUFBO1lBQzNCLElBQUksT0FBTztnQkFBRSxPQUFPLENBQUMsQ0FBQyxDQUFDLENBQUE7UUFDekIsQ0FBQyxJQUNHLE1BQU07UUFFVixvQkFBQyxJQUFJLElBQUMsSUFBSSxFQUFFLGNBQWMsQ0FBQyxrQkFBa0IsRUFBRSxLQUFLLGVBQU8sU0FBUyxLQUFLLFFBQVEsQ0FBUSxDQUN4RSxDQUNwQixDQUFBO0FBQ0gsQ0FBQyxDQUFBO0FBRUQsY0FBYyxDQUFDLFdBQVcsR0FBRyxhQUFhLENBQUMsY0FBYyxDQUFBO0FBRXpELGVBQWUsY0FBYyxDQUFBIn0=

package/lib/components/breadcrumb/item/BreadcrumbItemProps.d.ts

@@ -1,7 +1,5 @@
 /// <reference types="react" />
-import { Accessibility } from '../../../objects/facets/Accessibility';
-import { Clickable } from '../../../objects/facets/Clickable';
-import { Dev } from '../../../objects/facets/Dev';
+import { Accessibility, Clickable, Dev } from '../../../objects';
 export interface BreadcrumbItemProps extends Accessibility, Clickable, Dev {
     children?: string;
     active?: boolean;

package/lib/components/breadcrumb/item/index.d.ts

@@ -1,2 +1,2 @@
-import BreadcrumbItem from '../../../components/breadcrumb/item/BreadcrumbItem';
+import BreadcrumbItem from './BreadcrumbItem';
 export default BreadcrumbItem;

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

@@ -1,3 +1,3 @@
-import BreadcrumbItem from '../../../components/breadcrumb/item/BreadcrumbItem';
+import BreadcrumbItem from './BreadcrumbItem';
 export default BreadcrumbItem;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9jb21wb25lbnRzL2JyZWFkY3J1bWIvaXRlbS9pbmRleC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLGNBQWMsTUFBTSw2Q0FBNkMsQ0FBQTtBQUV4RSxlQUFlLGNBQWMsQ0FBQSJ9
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9jb21wb25lbnRzL2JyZWFkY3J1bWIvaXRlbS9pbmRleC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLGNBQWMsTUFBTSxrQkFBa0IsQ0FBQTtBQUU3QyxlQUFlLGNBQWMsQ0FBQSJ9

package/lib/components/button/Button.d.ts

@@ -1,5 +1,5 @@
-import React from 'react';
-import { ButtonProps } from '../../components/button/ButtonProps';
+/// <reference types="react" />
+import { ButtonProps } from "./ButtonProps";
 /**
  * Button component
  * @param loading {boolean} Loading button
@@ -22,5 +22,5 @@ import { ButtonProps } from '../../components/button/ButtonProps';
  * @param styled {boolean} Component Wearing Styles - Hashed Trilogy Css
  * @param type {ButtonType} button type (button|reset|submit)
  */
-declare const Button: React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<HTMLInputElement | HTMLLinkElement | HTMLButtonElement>>;
+declare const Button: ({ markup, loading, variant, href, id, fullwidth, children, className, to, accessibilityLabel, testId, onClick, name, routerLink, type, iconName, ...others }: ButtonProps) => JSX.Element;
 export default Button;

package/lib/components/button/Button.js

@@ -1,12 +1,12 @@
 import { __assign, __rest } from "tslib";
-import clsx from 'clsx';
-import React from 'react';
-import { ButtonMarkup } from '../../components/button/ButtonEnum';
-import { ComponentName } from '../../components/enumsComponentsName';
-import { Icon } from '../../components/icon';
-import { hashClass } from '../../helpers/hashClassesHelpers';
-import { getButtonVariantClassName } from '../../objects/facets/Color';
-import { is } from '../../services/index';
+import React from "react";
+import clsx from "clsx";
+import { is } from "../../services/index";
+import { getButtonVariantClassName } from "../../objects/facets/Color";
+import { ButtonMarkup, } from "./ButtonEnum";
+import { hashClass } from "../../helpers";
+import { useTrilogyContext } from "../../context";
+import { Icon } from "../../components/icon";
 /**
  * Button component
  * @param loading {boolean} Loading button
@@ -29,37 +29,50 @@ import { is } from '../../services/index';
  * @param styled {boolean} Component Wearing Styles - Hashed Trilogy Css
  * @param type {ButtonType} button type (button|reset|submit)
  */
-var Button = React.forwardRef(function (_a, ref) {
+var Button = function (_a) {
     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, testId = _a.testId, 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", "testId", "onClick", "name", "routerLink", "type", "iconName"]);
     var isDisabled = others.disabled || false;
+    var styled = useTrilogyContext().styled;
     /** Check if specified markup is valid */
     var isCorrectMarkup = function (stringMarkup) {
-        if (stringMarkup in ButtonMarkup || Object.values(ButtonMarkup).includes(stringMarkup))
+        if (stringMarkup in ButtonMarkup ||
+            Object.values(ButtonMarkup).includes(stringMarkup))
             return true;
     };
     var getClassNames = function (loading, variant, fullwidth, className) {
-        return clsx('button', loading ? is('loading') : is('loaded'), variant && is(getButtonVariantClassName(variant)), fullwidth && is('fullwidth'), className);
+        return clsx("button", loading ? is("loading") : is("loaded"), variant && is(getButtonVariantClassName(variant)), fullwidth && is("fullwidth"), className);
     };
-    var classes = hashClass(getClassNames(loading, variant, fullwidth, className));
-    var Tag = markup && isCorrectMarkup(markup) ? markup : 'button';
-    if (Tag === 'button') {
-        return (React.createElement("button", __assign({ ref: ref, id: id, "data-testid": testId, "aria-label": accessibilityLabel, className: classes, disabled: isDisabled, name: name, onClick: onClick && !isDisabled ? onClick : undefined, type: type !== null && type !== void 0 ? type : 'button' }, others),
-            iconName && React.createElement(Icon, { className: !children ? 'is-marginless' : '', name: iconName }),
+    var classes = hashClass(styled, getClassNames(loading, variant, fullwidth, className));
+    var Tag = markup && isCorrectMarkup(markup) ? markup : "button";
+    if (Tag === "button") {
+        return (React.createElement("button", __assign({ id: id, "data-testid": testId, "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({ ref: ref, id: id, "data-testid": testId, className: classes, "aria-label": accessibilityLabel, name: name, onClick: onClick && !isDisabled ? onClick : undefined, disabled: isDisabled, type: type !== null && type !== void 0 ? type : 'submit', value: "".concat(children) }, others)));
+    if (Tag === "input") {
+        return (React.createElement("input", __assign({ id: id, "data-testid": testId, 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');
-        return (React.createElement(RouterLink, __assign({ "aria-label": accessibilityLabel, "data-testid": testId, to: to, className: classes, ref: ref }, others),
-            iconName && React.createElement(Icon, { className: !children ? 'is-marginless' : '', name: iconName }),
+        var RouterLink = (routerLink ? routerLink : "a");
+        return (React.createElement(RouterLink, __assign({ "aria-label": accessibilityLabel, "data-testid": testId, to: to, className: classes }, others),
+            iconName && (React.createElement(Icon, { className: !children ? "is-marginless" : "", name: iconName })),
             children));
     }
-    return (React.createElement("a", __assign({ ref: ref, id: id, "data-testid": testId, "aria-label": accessibilityLabel, className: classes, href: href, onClick: onClick && !isDisabled ? onClick : undefined }, others),
-        iconName && React.createElement(Icon, { className: !children ? 'is-marginless' : '', name: iconName }),
+    return (React.createElement("a", __assign({ id: id, "data-testid": testId, "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,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQnV0dG9uLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vY29tcG9uZW50cy9idXR0b24vQnV0dG9uLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxJQUFJLE1BQU0sTUFBTSxDQUFBO0FBQ3ZCLE9BQU8sS0FBSyxNQUFNLE9BQU8sQ0FBQTtBQUV6QixPQUFPLEVBQUUsWUFBWSxFQUEwRCxNQUFNLGdDQUFnQyxDQUFBO0FBRXJILE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxrQ0FBa0MsQ0FBQTtBQUNoRSxPQUFPLEVBQUUsSUFBSSxFQUFFLE1BQU0sbUJBQW1CLENBQUE7QUFDeEMsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLDhCQUE4QixDQUFBO0FBQ3hELE9BQU8sRUFBRSx5QkFBeUIsRUFBRSxNQUFNLHdCQUF3QixDQUFBO0FBRWxFLE9BQU8sRUFBRSxFQUFFLEVBQUUsTUFBTSxrQkFBa0IsQ0FBQTtBQUVyQzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0dBcUJHO0FBRUgsSUFBTSxNQUFNLEdBQUcsS0FBSyxDQUFDLFVBQVUsQ0FDN0IsVUFDRSxFQWtCYyxFQUNkLEdBQXNFO0lBbEJwRSxJQUFBLE1BQU0sWUFBQSxFQUNOLE9BQU8sYUFBQSxFQUNQLE9BQU8sYUFBQSxFQUNQLElBQUksVUFBQSxFQUNKLEVBQUUsUUFBQSxFQUNGLFNBQVMsZUFBQSxFQUNULFFBQVEsY0FBQSxFQUNSLFNBQVMsZUFBQSxFQUNULEVBQUUsUUFBQSxFQUNGLGtCQUFrQix3QkFBQSxFQUNsQixNQUFNLFlBQUEsRUFDTixPQUFPLGFBQUEsRUFDUCxJQUFJLFVBQUEsRUFDSixVQUFVLGdCQUFBLEVBQ1YsSUFBSSxVQUFBLEVBQ0osUUFBUSxjQUFBLEVBQ0wsTUFBTSxjQWpCWCwrS0FrQkMsQ0FEVTtJQUlYLElBQU0sVUFBVSxHQUFHLE1BQU0sQ0FBQyxRQUFRLElBQUksS0FBSyxDQUFBO0lBRTNDLHlDQUF5QztJQUN6QyxJQUFNLGVBQWUs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
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQnV0dG9uLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vY29tcG9uZW50cy9idXR0b24vQnV0dG9uLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxLQUFLLE1BQU0sT0FBTyxDQUFBO0FBQ3pCLE9BQU8sSUFBSSxNQUFNLE1BQU0sQ0FBQTtBQUN2QixPQUFPLEVBQUUsRUFBRSxFQUFFLE1BQU0sa0JBQWtCLENBQUE7QUFFckMsT0FBTyxFQUFFLHlCQUF5QixFQUFFLE1BQU0sd0JBQXdCLENBQUE7QUFDbEUsT0FBTyxFQUFFLFlBQVksR0FBMkQsTUFBTSxjQUFjLENBQUE7QUFFcEcsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLFdBQVcsQ0FBQTtBQUNyQyxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxXQUFXLENBQUE7QUFDN0MsT0FBTyxFQUFFLElBQUksRUFBRSxNQUFNLG1CQUFtQixDQUFBO0FBRXhDOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7R0FxQkc7QUFFSCxJQUFNLE1BQU0sR0FBRyxVQUFDLEVBa0JGO0lBakJaLElBQUEsTUFBTSxZQUFBLEVBQ04sT0FBTyxhQUFBLEVBQ1AsT0FBTyxhQUFBLEVBQ1AsSUFBSSxVQUFBLEVBQ0osRUFBRSxRQUFBLEVBQ0YsU0FBUyxlQUFBLEVBQ1QsUUFBUSxjQUFBLEVBQ1IsU0FBUyxlQUFBLEVBQ1QsRUFBRSxRQUFBLEVBQ0Ysa0JBQWtCLHdCQUFBLEVBQ2xCLE1BQU0sWUFBQSxFQUNOLE9BQU8sYUFBQSxFQUNQLElBQUksVUFBQSxFQUNKLFVBQVUsZ0JBQUEsRUFDVixJQUFJLFVBQUEsRUFDSixRQUFRLGNBQUEsRUFDTCxNQUFNLGNBakJLLCtLQWtCZixDQURVO0lBRVQsSUFBTSxVQUFVLEdBQUcsTUFBTSxDQUFDLFFBQVEsSUFBSSxLQUFLLENBQUE7SUFDbkMsSUFBQSxNQUFNLEdBQUssaUJBQWlCLEVBQUUsT0FBeEIsQ0FBd0I7SUFFdEMseUNBQXlDO0lBQ3pDLElB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

package/lib/components/button/Button.native.d.ts

@@ -1,6 +1,6 @@
-import React from 'react';
-import { TouchableOpacity } from 'react-native';
-import { ButtonProps } from '../../components/button/ButtonProps';
+/// <reference types="react" />
+import { ComponentName } from "../../components/enumsComponentsName";
+import { ButtonProps } from "./ButtonProps";
 /**
  * Button Native Component
  * @param loading {boolean} Loading button
@@ -13,5 +13,8 @@ import { ButtonProps } from '../../components/button/ButtonProps';
  * @param accessibilityLabel {string}
  * @param iconName {IconName} If Icon, Button + Icon && Button IconName
  */
-declare const Button: React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<TouchableOpacity>>;
+declare const Button: {
+    ({ children, variant, onClick, disabled, loading, fullwidth, testId, accessibilityLabel, iconName, ...others }: ButtonProps): JSX.Element;
+    displayName: ComponentName;
+};
 export default Button;