@trilogy-ds/react 0.0.7-beta-v4 → 0.0.8-calendar

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

@@ -1,19 +1,21 @@
 import { __assign, __rest } from "tslib";
-import * as React from "react";
-import clsx from "clsx";
-import { hashClass } from "../../../helpers";
-import { useTrilogyContext } from "../../../context";
+import { ComponentName } from '../../../components/enumsComponentsName';
+import { useTrilogyContext } from '../../../context';
+import { hashClass } from '../../../helpers/hashClassesHelpers';
+import clsx from 'clsx';
+import * as React from 'react';
 /**
  * Box Table Component
  * @param children {React.ReactNode} Children
  * - -------------------------- WEB PROPERTIES -------------------------------
- * @param className {string} Additionnal CSS Classes
+ * @param className {string} Additional CSS Classes
  * @param testId {string} Test Id for Test Integration
  */
-var BoxTableContainer = function (_a) {
+var BoxTableContainer = React.forwardRef(function (_a, ref) {
     var className = _a.className, testId = _a.testId, others = __rest(_a, ["className", "testId"]);
     var styled = useTrilogyContext().styled;
-    return (React.createElement("div", __assign({ "data-testid": testId, className: hashClass(styled, clsx("box table-container", className)) }, others)));
-};
+    return (React.createElement("div", __assign({ ref: ref, "data-testid": testId, className: hashClass(styled, clsx('box table-container', className)) }, others)));
+});
+BoxTableContainer.displayName = ComponentName.BoxTableContainer;
 export default BoxTableContainer;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQm94VGFibGVDb250YWluZXIuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9jb21wb25lbnRzL2JveC90YWJsZS1jb250YWluZXIvQm94VGFibGVDb250YWluZXIudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLEtBQUssS0FBSyxNQUFNLE9BQU8sQ0FBQTtBQUU5QixPQUFPLElBQUksTUFBTSxNQUFNLENBQUE7QUFDdkIsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLFdBQVcsQ0FBQTtBQUNyQyxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxXQUFXLENBQUE7QUFFN0M7Ozs7OztHQU1HO0FBQ0gsSUFBTSxpQkFBaUIsR0FBRyxVQUFDLEVBSUY7SUFIdkIsSUFBQSxTQUFTLGVBQUEsRUFDVCxNQUFNLFlBQUEsRUFDSCxNQUFNLGNBSGdCLHVCQUkxQixDQURVO0lBRUQsSUFBQSxNQUFNLEdBQUssaUJBQWlCLEVBQUUsT0FBeEIsQ0FBd0I7SUFFdEMsT0FBTyxDQUNMLHFEQUNlLE1BQU0sRUFDbkIsU0FBUyxFQUFFLFNBQVMsQ0FBQyxNQUFNLEVBQUUsSUFBSSxDQUFDLHFCQUFxQixFQUFFLFNBQVMsQ0FBQyxDQUFDLElBQ2hFLE1BQU0sRUFDVixDQUNILENBQUE7QUFDSCxDQUFDLENBQUE7QUFFRCxlQUFlLGlCQUFpQixDQUFBIn0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQm94VGFibGVDb250YWluZXIuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9jb21wb25lbnRzL2JveC90YWJsZS1jb250YWluZXIvQm94VGFibGVDb250YWluZXIudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sa0NBQWtDLENBQUE7QUFDaEUsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sV0FBVyxDQUFBO0FBQzdDLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSw4QkFBOEIsQ0FBQTtBQUN4RCxPQUFPLElBQUksTUFBTSxNQUFNLENBQUE7QUFDdkIsT0FBTyxLQUFLLEtBQUssTUFBTSxPQUFPLENBQUE7QUFHOUI7Ozs7OztHQU1HO0FBQ0gsSUFBTSxpQkFBaUIsR0FBRyxLQUFLLENBQUMsVUFBVSxDQUN4QyxVQUFDLEVBQWdDLEVBQUUsR0FBRztJQUFuQyxJQUFBLFNBQVMsZUFBQSxFQUFFLE1BQU0sWUFBQSxFQUFLLE1BQU0sY0FBOUIsdUJBQWdDLENBQUY7SUFDckIsSUFBQSxNQUFNLEdBQUssaUJBQWlCLEVBQUUsT0FBeEIsQ0FBd0I7SUFFdEMsT0FBTyxDQUNMLHNDQUNFLEdBQUcsRUFBRSxHQUFHLGlCQUNLLE1BQU0sRUFDbkIsU0FBUyxFQUFFLFNBQVMsQ0FBQyxNQUFNLEVBQUUsSUFBSSxDQUFDLHFCQUFxQixFQUFFLFNBQVMsQ0FBQyxDQUFDLElBQ2hFLE1BQU0sRUFDVixDQUNILENBQUE7QUFDSCxDQUFDLENBQ0YsQ0FBQTtBQUNELGlCQUFpQixDQUFDLFdBQVcsR0FBRyxhQUFhLENBQUMsaUJBQWlCLENBQUE7QUFDL0QsZUFBZSxpQkFBaUIsQ0FBQSJ9

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

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

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

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

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

@@ -1,5 +1,6 @@
 /// <reference types="react" />
 import { Accessibility, Dev } from '../../../objects';
+import { View } from 'react-native';
 /**
  * Box Table Container Interface
  */
@@ -7,3 +8,5 @@ export interface BoxTableContainerProps extends Accessibility, Dev {
     children?: string | React.ReactNode;
     className?: string;
 }
+export type BoxTableContainerRef = HTMLDivElement;
+export type BoxTableContainerNativeRef = View;

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

@@ -5,8 +5,8 @@ import { BreadcrumbWebProps } from './BreadcrumbProps';
  * @param children {React.ReactNode} Breadcrumb Children
  * @param testId {string} Test id
  * - -------------------------- WEB PROPERTIES -------------------------------
- * @param className {string} Additionnal CSS Classes
+ * @param className {string} Additional CSS Classes
  * @param accessibilityLabel {string} Accessibility label
  */
-declare const Breadcrumb: ({ children, className, id, accessibilityLabel, ...others }: BreadcrumbWebProps) => React.JSX.Element;
+declare const Breadcrumb: React.ForwardRefExoticComponent<BreadcrumbWebProps & React.RefAttributes<HTMLElement>>;
 export default Breadcrumb;

package/lib/components/breadcrumb/Breadcrumb.js

@@ -1,21 +1,24 @@
 import { __assign, __rest } from "tslib";
-import * as React from 'react';
-import clsx from 'clsx';
-import { hashClass } from '../../helpers';
 import { useTrilogyContext } from '../../context';
+import { hashClass } from '../../helpers/hashClassesHelpers';
+import translation from '@trilogy-ds/locales/lib/breadcrumb';
+import clsx from 'clsx';
+import * as React from 'react';
+import { ComponentName } from '../enumsComponentsName';
 /**
  * Breadcrumb Component
  * @param children {React.ReactNode} Breadcrumb Children
  * @param testId {string} Test id
  * - -------------------------- WEB PROPERTIES -------------------------------
- * @param className {string} Additionnal CSS Classes
+ * @param className {string} Additional CSS Classes
  * @param accessibilityLabel {string} Accessibility label
  */
-var Breadcrumb = function (_a) {
-    var children = _a.children, className = _a.className, id = _a.id, accessibilityLabel = _a.accessibilityLabel, others = __rest(_a, ["children", "className", "id", "accessibilityLabel"]);
+var Breadcrumb = React.forwardRef(function (_a, ref) {
+    var children = _a.children, className = _a.className, id = _a.id, others = __rest(_a, ["children", "className", "id"]);
     var styled = useTrilogyContext().styled;
-    return (React.createElement("nav", __assign({ id: id, role: "navigation", className: hashClass(styled, clsx('breadcrumb', className)), "aria-label": accessibilityLabel }, others),
+    return (React.createElement("nav", __assign({ ref: ref, id: id, role: 'navigation', className: hashClass(styled, clsx('breadcrumb', className)), "aria-label": translation.accessibilityLabel }, others),
         React.createElement("ul", null, children)));
-};
+});
+Breadcrumb.displayName = ComponentName.Breadcrumb;
 export default Breadcrumb;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQnJlYWRjcnVtYi5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL2NvbXBvbmVudHMvYnJlYWRjcnVtYi9CcmVhZGNydW1iLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxLQUFLLEtBQUssTUFBTSxPQUFPLENBQUE7QUFFOUIsT0FBTyxJQUFJLE1BQU0sTUFBTSxDQUFBO0FBQ3ZCLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSxXQUFXLENBQUE7QUFDckMsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sV0FBVyxDQUFBO0FBRTdDOzs7Ozs7O0dBT0c7QUFDSCxJQUFNLFVBQVUsR0FBRyxVQUFDLEVBQThFO0lBQTVFLElBQUEsUUFBUSxjQUFBLEVBQUUsU0FBUyxlQUFBLEVBQUUsRUFBRSxRQUFBLEVBQUUsa0JBQWtCLHdCQUFBLEVBQUssTUFBTSxjQUF4RCxxREFBMEQsQ0FBRjtJQUNsRSxJQUFBLE1BQU0sR0FBSyxpQkFBaUIsRUFBRSxPQUF4QixDQUF3QjtJQUV0QyxPQUFPLENBQ0wsc0NBQ0UsRUFBRSxFQUFFLEVBQUUsRUFDTixJQUFJLEVBQUMsWUFBWSxFQUNqQixTQUFTLEVBQUUsU0FBUyxDQUFDLE1BQU0sRUFBRSxJQUFJLENBQUMsWUFBWSxFQUFFLFNBQVMsQ0FBQyxDQUFDLGdCQUMvQyxrQkFBa0IsSUFDMUIsTUFBTTtRQUVWLGdDQUFLLFFBQVEsQ0FBTSxDQUNmLENBQ1AsQ0FBQTtBQUNILENBQUMsQ0FBQTtBQUVELGVBQWUsVUFBVSxDQUFBIn0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQnJlYWRjcnVtYi5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL2NvbXBvbmVudHMvYnJlYWRjcnVtYi9CcmVhZGNydW1iLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sV0FBVyxDQUFBO0FBQzdDLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSw4QkFBOEIsQ0FBQTtBQUN4RCxPQUFPLFdBQVcsTUFBTSxvQ0FBb0MsQ0FBQTtBQUM1RCxPQUFPLElBQUksTUFBTSxNQUFNLENBQUE7QUFDdkIsT0FBTyxLQUFLLEtBQUssTUFBTSxPQUFPLENBQUE7QUFDOUIsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLHdCQUF3QixDQUFBO0FBR3REOzs7Ozs7O0dBT0c7QUFDSCxJQUFNLFVBQVUsR0FBRyxLQUFLLENBQUMsVUFBVSxDQUNqQyxVQUFDLEVBQXNDLEVBQUUsR0FBRztJQUF6QyxJQUFBLFFBQVEsY0FBQSxFQUFFLFNBQVMsZUFBQSxFQUFFLEVBQUUsUUFBQSxFQUFLLE1BQU0sY0FBcEMsK0JBQXNDLENBQUY7SUFDM0IsSUFBQSxNQUFNLEdBQUssaUJBQWlCLEVBQUUsT0FBeEIsQ0FBd0I7SUFFdEMsT0FBTyxDQUNMLHNDQUNFLEdBQUcsRUFBRSxHQUFHLEVBQ1IsRUFBRSxFQUFFLEVBQUUsRUFDTixJQUFJLEVBQUMsWUFBWSxFQUNqQixTQUFTLEVBQUUsU0FBUyxDQUFDLE1BQU0sRUFBRSxJQUFJLENBQUMsWUFBWSxFQUFFLFNBQVMsQ0FBQyxDQUFDLGdCQUMvQyxXQUFXLENBQUMsa0JBQWtCLElBQ3RDLE1BQU07UUFFVixnQ0FBSyxRQUFRLENBQU0sQ0FDZixDQUNQLENBQUE7QUFDSCxDQUFDLENBQ0YsQ0FBQTtBQUNELFVBQVUsQ0FBQyxXQUFXLEdBQUcsYUFBYSxDQUFDLFVBQVUsQ0FBQTtBQUNqRCxlQUFlLFVBQVUsQ0FBQSJ9

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

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

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

@@ -1,29 +1,29 @@
 import { __assign, __rest } from "tslib";
-import * as React from "react";
-import { ComponentName } from "../../components/enumsComponentsName";
-import { StyleSheet, View } from "react-native";
-import { Icon } from "../../components/icon";
+import { ComponentName } from '../../components/enumsComponentsName';
+import { Icon } from '../../components/icon';
+import * as React from 'react';
+import { StyleSheet, View } from 'react-native';
 /**
  * Breadcrumb Native Component
  * @param children {React.ReactNode} Breadcrumb Children
  * @param testId {string} Test id
  */
-var Breadcrumb = function (_a) {
+var Breadcrumb = React.forwardRef(function (_a, ref) {
     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] }, others), Array.isArray(children)
+    return (React.createElement(View, __assign({ testID: testId, style: [containerStyle], ref: ref }, 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' })))); })
+            index != children.length - 1 && React.createElement(Icon, { size: 'smaller', name: 'tri-arrow-right', align: 'ALIGNED_CENTER' }))); })
         : children));
-};
+});
 Breadcrumb.displayName = ComponentName.Breadcrumb;
 export default Breadcrumb;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQnJlYWRjcnVtYi5uYXRpdmUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9jb21wb25lbnRzL2JyZWFkY3J1bWIvQnJlYWRjcnVtYi5uYXRpdmUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLEtBQUssS0FBSyxNQUFNLE9BQU8sQ0FBQTtBQUU5QixPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sa0NBQWtDLENBQUE7QUFDaEUsT0FBTyxFQUFFLFVBQVUsRUFBRSxJQUFJLEVBQUUsTUFBTSxjQUFjLENBQUE7QUFDL0MsT0FBTyxFQUFFLElBQUksRUFBRSxNQUFNLG1CQUFtQixDQUFBO0FBRXhDOzs7O0dBSUc7QUFDSCxJQUFNLFVBQVUsR0FBRyxVQUFDLEVBSUY7SUFIaEIsSUFBQSxRQUFRLGNBQUEsRUFDUixNQUFNLFlBQUEsRUFDSCxNQUFNLGNBSFMsc0JBSW5CLENBRFU7SUFFRCxJQUFBLGNBQWMsR0FBSyxLQUFLLENBQUMsT0FBTyxDQUN0QztRQUNFLE9BQUEsVUFBVSxDQUFDLE1BQU0sQ0FBQztZQUNoQixjQUFjLEVBQUU7Z0JBQ2QsYUFBYSxFQUFFLEtBQUs7Z0JBQ3BCLFFBQVEsRUFBRSxNQUFNO2FBQ2pCO1NBQ0YsQ0FBQztJQUxGLENBS0UsRUFDSixFQUFFLENBQ0gsZUFUcUIsQ0FTckI7SUFFRCxPQUFPLENBQ0wsb0JBQUMsSUFBSSxhQUFDLE1BQU0sRUFBRSxNQUFNLEVBQUUsS0FBSyxFQUFFLENBQUMsY0FBYyxDQUFDLElBQU0sTUFBTSxHQUN0RCxLQUFLLENBQUMsT0FBTyxDQUFDLFFBQVEsQ0FBQztRQUN0QixDQUFDLENBQUMsS0FBSyxDQUFDLFFBQVEsQ0FBQyxHQUFHLENBQUMsUUFBUSxFQUFFLFVBQUMsS0FBSyxFQUFFLEtBQUssSUFBSyxPQUFBLENBQzdDO1lBQ0csS0FBSyxDQUFDLFlBQVksQ0FBQyxLQUFLLENBQUM7WUFDekIsS0FBSyxJQUFJLFFBQVEsQ0FBQyxNQUFNLEdBQUcsQ0FBQyxJQUFJLENBQy9CLG9CQUFDLElBQUksSUFDSCxJQUFJLEVBQUMsU0FBUyxFQUNkLElBQUksRUFBQyxpQkFBaUIsRUFDdEIsS0FBSyxFQUFDLGdCQUFnQixHQUN0QixDQUNILENBQ0EsQ0FDSixFQVg4QyxDQVc5QyxDQUFDO1FBQ0osQ0FBQyxDQUFDLFFBQVEsQ0FDUCxDQUNSLENBQUE7QUFDSCxDQUFDLENBQUE7QUFFRCxVQUFVLENBQUMsV0FBVyxHQUFHLGFBQWEsQ0FBQyxVQUFVLENBQUE7QUFFakQsZUFBZSxVQUFVLENBQUEifQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQnJlYWRjcnVtYi5uYXRpdmUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9jb21wb25lbnRzL2JyZWFkY3J1bWIvQnJlYWRjcnVtYi5uYXRpdmUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sa0NBQWtDLENBQUE7QUFDaEUsT0FBTyxFQUFFLElBQUksRUFBRSxNQUFNLG1CQUFtQixDQUFBO0FBQ3hDLE9BQU8sS0FBSyxLQUFLLE1BQU0sT0FBTyxDQUFBO0FBQzlCLE9BQU8sRUFBRSxVQUFVLEVBQUUsSUFBSSxFQUFFLE1BQU0sY0FBYyxDQUFBO0FBRy9DOzs7O0dBSUc7QUFDSCxJQUFNLFVBQVUsR0FBRyxLQUFLLENBQUMsVUFBVSxDQUNqQyxVQUFDLEVBQStCLEVBQUUsR0FBRztJQUFsQyxJQUFBLFFBQVEsY0FBQSxFQUFFLE1BQU0sWUFBQSxFQUFLLE1BQU0sY0FBN0Isc0JBQStCLENBQUY7SUFDcEIsSUFBQSxjQUFjLEdBQUssS0FBSyxDQUFDLE9BQU8sQ0FDdEM7UUFDRSxPQUFBLFVBQVUsQ0FBQyxNQUFNLENBQUM7WUFDaEIsY0FBYyxFQUFFO2dCQUNkLGFBQWEsRUFBRSxLQUFLO2dCQUNwQixRQUFRLEVBQUUsTUFBTTthQUNqQjtTQUNGLENBQUM7SUFMRixDQUtFLEVBQ0osRUFBRSxDQUNILGVBVHFCLENBU3JCO0lBRUQsT0FBTyxDQUNMLG9CQUFDLElBQUksYUFBQyxNQUFNLEVBQUUsTUFBTSxFQUFFLEtBQUssRUFBRSxDQUFDLGNBQWMsQ0FBQyxFQUFFLEdBQUcsRUFBRSxHQUFHLElBQU0sTUFBTSxHQUNoRSxLQUFLLENBQUMsT0FBTyxDQUFDLFFBQVEsQ0FBQztRQUN0QixDQUFDLENBQUMsS0FBSyxDQUFDLFFBQVEsQ0FBQyxHQUFHLENBQUMsUUFBUSxFQUFFLFVBQUMsS0FBSyxFQUFFLEtBQUssSUFBSyxPQUFBLENBQzdDO1lBQ0csS0FBSyxDQUFDLFlBQVksQ0FBQyxLQUFLLENBQUM7WUFDekIsS0FBSyxJQUFJLFFBQVEsQ0FBQyxNQUFNLEdBQUcsQ0FBQyxJQUFJLG9CQUFDLElBQUksSUFBQyxJQUFJLEVBQUMsU0FBUyxFQUFDLElBQUksRUFBQyxpQkFBaUIsRUFBQyxLQUFLLEVBQUMsZ0JBQWdCLEdBQUcsQ0FDckcsQ0FDSixFQUw4QyxDQUs5QyxDQUFDO1FBQ0osQ0FBQyxDQUFDLFFBQVEsQ0FDUCxDQUNSLENBQUE7QUFDSCxDQUFDLENBQ0YsQ0FBQTtBQUVELFVBQVUsQ0FBQyxXQUFXLEdBQUcsYUFBYSxDQUFDLFVBQVUsQ0FBQTtBQUVqRCxlQUFlLFVBQVUsQ0FBQSJ9

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

@@ -1,6 +1,8 @@
 /// <reference types="react" />
-import { Accessibility, Dev } from '../../objects';
+import { View } from 'react-native';
+import { Accessibility } from '../../objects/facets/Accessibility';
 import { CommonProps } from '../../objects/facets/CommonProps';
+import { Dev } from '../../objects/facets/Dev';
 /**
  * Breadcrumb Interface
  */
@@ -12,3 +14,5 @@ export interface BreadcrumbProps extends Accessibility, Dev {
  */
 export interface BreadcrumbWebProps extends BreadcrumbProps, CommonProps {
 }
+export type BreadcrumbRef = HTMLElement;
+export type BreadcrumbNativeRef = View;

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

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import * as React from 'react';
 import { BreadcrumbItemPropsWeb } from './BreadcrumbItemProps';
 /**
  * Breadcrumb Item Component
@@ -11,8 +11,8 @@ import { BreadcrumbItemPropsWeb } from './BreadcrumbItemProps';
  * - -------------------------- WEB PROPERTIES -------------------------------
  * @param routerLink Custom Router Link as props
  * @param href {string} Url. Use native-old <a> tag (only when the `to` property is not filled)
- * @param className {string} Additionnal CSS Classes
+ * @param className {string} Additional CSS Classes
  * @param others
  */
-declare const BreadcrumbItem: ({ children, active, className, id, href, to, routerLink, testId, onClick, ...others }: BreadcrumbItemPropsWeb) => JSX.Element;
+declare const BreadcrumbItem: React.ForwardRefExoticComponent<BreadcrumbItemPropsWeb & React.RefAttributes<HTMLLIElement>>;
 export default BreadcrumbItem;

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

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

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

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

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

@@ -1,9 +1,10 @@
 import { __assign, __rest } from "tslib";
-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";
+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 { Linking, StyleSheet, TouchableOpacity } from 'react-native';
 /**
  * Breadcrumb Item Component
  * @param children {string} Breadcrumb Item Text
@@ -12,23 +13,23 @@ import { getColorStyle, TrilogyColor, TypographyBold } from "../../../objects";
  * @param onClick {Function} Click Event
  * @param testId {string} Test Id for Test Integration
  */
-var BreadcrumbItem = function (_a) {
+var BreadcrumbItem = React.forwardRef(function (_a, ref) {
     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({ testID: testId, onPress: function (e) {
+    return (React.createElement(TouchableOpacity, __assign({ ref: ref, 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,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQnJlYWRjcnVtYkl0ZW0ubmF0aXZlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vY29tcG9uZW50cy9icmVhZGNydW1iL2l0ZW0vQnJlYWRjcnVtYkl0ZW0ubmF0aXZlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxLQUFLLEtBQUssTUFBTSxPQUFPLENBQUE7QUFDOUIsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLGtDQUFrQyxDQUFBO0FBRWhFLE9BQU8sRUFBRSxJQUFJLEVBQUUsTUFBTSxtQkFBbUIsQ0FBQTtBQUN4QyxPQUFPLEVBQUUsT0FBTyxFQUFFLFVBQVUsRUFBRSxnQkFBZ0IsRUFBRSxNQUFNLGNBQWMsQ0FBQTtBQUNwRSxPQUFPLEVBQUUsYUFBYSxFQUFFLFlBQVksRUFBRSxjQUFjLEVBQUUsTUFBTSxXQUFXLENBQUE7QUFFdkU7Ozs7Ozs7R0FPRztBQUNILElBQU0sY0FBYyxHQUFHLFVBQUMsRUFPRjtJQU5wQixJQUFBLFFBQVEsY0FBQSxFQUNSLE1BQU0sWUFBQSxFQUNOLEVBQUUsUUFBQSxFQUNGLE1BQU0sWUFBQSxFQUNOLE9BQU8sYUFBQSxFQUNKLE1BQU0sY0FOYSxpREFPdkIsQ0FEVTtJQUVELElBQUEsU0FBUyxHQUFLLFVBQVUsQ0FBQyxNQUFNLENBQUM7UUFDdEMsU0FBUyxFQUFFO1lBQ1QsS0FBSyxFQUFFLGFBQWEsQ0FBQyxZQUFZLENBQUMsSUFBSSxDQUFDO1lBQ3ZDLGtCQUFrQixFQUFFLENBQUMsTUFBTSxDQUFDLENBQUMsQ0FBQyxXQUFXLENBQUMsQ0FBQyxDQUFDLE1BQU07WUFDbEQsbUJBQW1CLEVBQUUsT0FBTztTQUM3QjtLQUNGLENBQUMsVUFOZSxDQU1mO0lBRUYsT0FBTyxDQUNMLG9CQUFDLGdCQUFnQixhQUNmLE1BQU0sRUFBRSxNQUFNLEVBQ2QsT0FBTyxFQUFFLFVBQUMsQ0FBQztZQUNULElBQUksRUFBRTtnQkFBRSxPQUFPLENBQUMsT0FBTyxDQUFDLEVBQUUsQ0FBQyxDQUFBO1lBQzNCLElBQUksT0FBTztnQkFBRSxPQUFPLENBQUMsQ0FBQyxDQUFDLENBQUE7UUFDekIsQ0FBQyxJQUNHLE1BQU07UUFFVixvQkFBQyxJQUFJLElBQUMsSUFBSSxFQUFFLGNBQWMsQ0FBQyxrQkFBa0IsRUFBRSxLQUFLLGVBQU8sU0FBUyxLQUFLLFFBQVEsQ0FBUSxDQUN4RSxDQUNwQixDQUFBO0FBQ0gsQ0FBQyxDQUFBO0FBRUQsY0FBYyxDQUFDLFdBQVcsR0FBRyxhQUFhLENBQUMsY0FBYyxDQUFBO0FBRXpELGVBQWUsY0FBYyxDQUFBIn0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQnJlYWRjcnVtYkl0ZW0ubmF0aXZlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vY29tcG9uZW50cy9icmVhZGNydW1iL2l0ZW0vQnJlYWRjcnVtYkl0ZW0ubmF0aXZlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLGtDQUFrQyxDQUFBO0FBQ2hFLE9BQU8sRUFBRSxJQUFJLEVBQUUsTUFBTSxtQkFBbUIsQ0FBQTtBQUN4QyxPQUFPLEVBQUUsYUFBYSxFQUFFLFlBQVksRUFBRSxNQUFNLHdCQUF3QixDQUFBO0FBQ3BFLE9BQU8sRUFBRSxjQUFjLEVBQUUsTUFBTSxxQ0FBcUMsQ0FBQTtBQUNwRSxPQUFPLEtBQUssS0FBSyxNQUFNLE9BQU8sQ0FBQTtBQUM5QixPQUFPLEVBQUUsT0FBTyxFQUFFLFVBQVUsRUFBRSxnQkFBZ0IsRUFBRSxNQUFNLGNBQWMsQ0FBQTtBQUdwRTs7Ozs7OztHQU9HO0FBQ0gsSUFBTSxjQUFjLEdBQUcsS0FBSyxDQUFDLFVBQVUsQ0FDckMsVUFBQyxFQUFvRCxFQUFFLEdBQUc7SUFBdkQsSUFBQSxRQUFRLGNBQUEsRUFBRSxNQUFNLFlBQUEsRUFBRSxFQUFFLFFBQUEsRUFBRSxNQUFNLFlBQUEsRUFBRSxPQUFPLGFBQUEsRUFBSyxNQUFNLGNBQWxELGlEQUFvRCxDQUFGO0lBQ3pDLElBQUEsU0FBUyxHQUFLLFVBQVUsQ0FBQyxNQUFNLENBQUM7UUFDdEMsU0FBUyxFQUFFO1lBQ1QsS0FBSyxFQUFFLGFBQWEsQ0FBQyxZQUFZLENBQUMsSUFBSSxDQUFDO1lBQ3ZDLGtCQUFrQixFQUFFLENBQUMsTUFBTSxDQUFDLENBQUMsQ0FBQyxXQUFXLENBQUMsQ0FBQyxDQUFDLE1BQU07WUFDbEQsbUJBQW1CLEVBQUUsT0FBTztTQUM3QjtLQUNGLENBQUMsVUFOZSxDQU1mO0lBRUYsT0FBTyxDQUNMLG9CQUFDLGdCQUFnQixhQUNmLEdBQUcsRUFBRSxHQUFHLEVBQ1IsTUFBTSxFQUFFLE1BQU0sRUFDZCxPQUFPLEVBQUUsVUFBQyxDQUFDO1lBQ1QsSUFBSSxFQUFFO2dCQUFFLE9BQU8sQ0FBQyxPQUFPLENBQUMsRUFBRSxDQUFDLENBQUE7WUFDM0IsSUFBSSxPQUFPO2dCQUFFLE9BQU8sQ0FBQyxDQUFDLENBQUMsQ0FBQTtRQUN6QixDQUFDLElBQ0csTUFBTTtRQUVWLG9CQUFDLElBQUksSUFBQyxJQUFJLEVBQUUsY0FBYyxDQUFDLGtCQUFrQixFQUFFLEtBQUssZUFBTyxTQUFTLEtBQ2pFLFFBQVEsQ0FDSixDQUNVLENBQ3BCLENBQUE7QUFDSCxDQUFDLENBQ0YsQ0FBQTtBQUVELGNBQWMsQ0FBQyxXQUFXLEdBQUcsYUFBYSxDQUFDLGNBQWMsQ0FBQTtBQUV6RCxlQUFlLGNBQWMsQ0FBQSJ9

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

@@ -1,6 +1,9 @@
 /// <reference types="react" />
-import { Accessibility, Clickable, Dev } from '../../../objects';
+import { TouchableOpacity } from 'react-native';
+import { Accessibility } from '../../../objects/facets/Accessibility';
+import { Clickable } from '../../../objects/facets/Clickable';
 import { CommonProps } from '../../../objects/facets/CommonProps';
+import { Dev } from '../../../objects/facets/Dev';
 export interface BreadcrumbItemProps extends Accessibility, Clickable, Dev {
     children?: string;
     active?: boolean;
@@ -13,3 +16,5 @@ export interface BreadcrumbItemPropsWeb extends Accessibility, Clickable, Breadc
     href?: string;
     routerLink?: React.ElementType;
 }
+export type BreadcrumbItemRef = HTMLLIElement;
+export type BreadcrumbItemNativeRef = TouchableOpacity;

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

@@ -12,8 +12,17 @@ export default {
       "undefined",
       "symbol",
       "object",
+      "p",
+      "h2",
+      "h3",
+      "h4",
+      "h5",
+      "h6",
       "text",
       "search",
+      "button",
+      "image",
+      "time",
       "a",
       "abbr",
       "address",
@@ -29,7 +38,6 @@ export default {
       "blockquote",
       "body",
       "br",
-      "button",
       "canvas",
       "caption",
       "center",
@@ -55,11 +63,6 @@ export default {
       "footer",
       "form",
       "h1",
-      "h2",
-      "h3",
-      "h4",
-      "h5",
-      "h6",
       "head",
       "header",
       "hgroup",
@@ -90,7 +93,6 @@ export default {
       "optgroup",
       "option",
       "output",
-      "p",
       "param",
       "picture",
       "pre",
@@ -121,7 +123,6 @@ export default {
       "tfoot",
       "th",
       "thead",
-      "time",
       "title",
       "tr",
       "track",
@@ -168,7 +169,6 @@ export default {
       "filter",
       "foreignObject",
       "g",
-      "image",
       "line",
       "linearGradient",
       "marker",

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

@@ -1,5 +1,5 @@
-/// <reference types="react" />
-import { ButtonProps } from './ButtonProps';
+import React from 'react';
+import { ButtonProps, ButtonRef } from './ButtonProps';
 /**
  * Button component
  * @param loading {boolean} Loading button
@@ -13,7 +13,7 @@ import { ButtonProps } from './ButtonProps';
  * @param iconName {IconName} If Icon, Button + Icon && Button IconName
  * - -------------------------- WEB PROPERTIES -------------------------------
  * @param markup {ButtonMarkup} HTML element : button|input|a (ONLY FOR WEB)
- * @param className {string} Additionnal css classes (ONLY FOR WEB)
+ * @param className {string} Additional css classes (ONLY FOR WEB)
  * @param id {string} Custom id for button (ONLY FOR WEB)
  * @param to {string} Link
  * @param href {string} Href
@@ -22,5 +22,5 @@ import { ButtonProps } from './ButtonProps';
  * @param styled {boolean} Component Wearing Styles - Hashed Trilogy Css
  * @param type {ButtonType} button type (button|reset|submit)
  */
-declare const Button: ({ markup, loading, variant, href, id, fullwidth, children, className, to, accessibilityLabel, onClick, name, routerLink, type, iconName, ...others }: ButtonProps) => JSX.Element;
+declare const Button: React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<ButtonRef>>;
 export default Button;

package/lib/components/button/Button.js

@@ -1,12 +1,13 @@
 import { __assign, __rest } from "tslib";
-import React from 'react';
-import clsx from 'clsx';
-import { is } from '../../services/index';
+import { Icon } from '../../components/icon';
+import { useTrilogyContext } from '../../context';
+import { hashClass } from '../../helpers/hashClassesHelpers';
 import { getButtonVariantClassName } from '../../objects/facets/Color';
+import { is } from '../../services/index';
+import clsx from 'clsx';
+import React from 'react';
+import { ComponentName } from '../enumsComponentsName';
 import { ButtonMarkup } from './ButtonEnum';
-import { hashClass } from '../../helpers';
-import { useTrilogyContext } from '../../context';
-import { Icon } from '../../components/icon';
 /**
  * Button component
  * @param loading {boolean} Loading button
@@ -20,7 +21,7 @@ import { Icon } from '../../components/icon';
  * @param iconName {IconName} If Icon, Button + Icon && Button IconName
  * - -------------------------- WEB PROPERTIES -------------------------------
  * @param markup {ButtonMarkup} HTML element : button|input|a (ONLY FOR WEB)
- * @param className {string} Additionnal css classes (ONLY FOR WEB)
+ * @param className {string} Additional css classes (ONLY FOR WEB)
  * @param id {string} Custom id for button (ONLY FOR WEB)
  * @param to {string} Link
  * @param href {string} Href
@@ -29,14 +30,13 @@ import { Icon } from '../../components/icon';
  * @param styled {boolean} Component Wearing Styles - Hashed Trilogy Css
  * @param type {ButtonType} button type (button|reset|submit)
  */
-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, onClick = _a.onClick, name = _a.name, routerLink = _a.routerLink, type = _a.type, iconName = _a.iconName, others = __rest(_a, ["markup", "loading", "variant", "href", "id", "fullwidth", "children", "className", "to", "accessibilityLabel", "onClick", "name", "routerLink", "type", "iconName"]);
-    var isDisabled = others.disabled || false;
+var Button = React.forwardRef(function (_a, ref) {
+    var markup = _a.markup, loading = _a.loading, variant = _a.variant, href = _a.href, id = _a.id, fullwidth = _a.fullwidth, children = _a.children, className = _a.className, to = _a.to, accessibilityLabel = _a.accessibilityLabel, onClick = _a.onClick, name = _a.name, routerLink = _a.routerLink, type = _a.type, iconName = _a.iconName, disabled = _a.disabled, others = __rest(_a, ["markup", "loading", "variant", "href", "id", "fullwidth", "children", "className", "to", "accessibilityLabel", "onClick", "name", "routerLink", "type", "iconName", "disabled"]);
+    var isDisabled = 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) {
@@ -44,17 +44,17 @@ var Button = function (_a) {
     };
     var classes = hashClass(styled, getClassNames(loading, variant, fullwidth, className));
     var Tag = markup && isCorrectMarkup(markup) ? markup : 'button';
-    if (Tag === 'button' && (!href && !to)) {
-        return (React.createElement("button", __assign({ id: id, "aria-label": accessibilityLabel, className: classes, disabled: isDisabled, name: name, onClick: function (e) {
+    if (Tag === 'button' && !href && !to) {
+        return (React.createElement("button", __assign({ ref: ref, id: id, "aria-label": accessibilityLabel, className: classes, disabled: isDisabled, name: name, onClick: function (e) {
                 // eslint-disable-next-line no-unused-expressions
                 !isDisabled && (onClick === null || onClick === void 0 ? void 0 : onClick(e));
                 e.stopPropagation();
             }, type: type !== null && type !== void 0 ? type : 'button' }, others),
-            iconName && (React.createElement(Icon, { className: !children ? 'is-marginless' : '', name: iconName })),
+            iconName && React.createElement(Icon, { className: !children ? 'is-marginless' : '', name: iconName }),
             children));
     }
     if (Tag === 'input') {
-        return (React.createElement("input", __assign({ id: id, className: classes, "aria-label": accessibilityLabel, name: name, onClick: function (e) {
+        return (React.createElement("input", __assign({ ref: ref, id: id, className: classes, "aria-label": accessibilityLabel, name: name, onClick: function (e) {
                 // eslint-disable-next-line no-unused-expressions
                 !isDisabled && (onClick === null || onClick === void 0 ? void 0 : onClick(e));
                 e.stopPropagation();
@@ -62,17 +62,18 @@ var Button = function (_a) {
     }
     if (routerLink && to && !isDisabled) {
         var RouterLink = (routerLink ? routerLink : 'a');
-        return (React.createElement(RouterLink, __assign({ "aria-label": accessibilityLabel, to: to, className: classes }, others),
-            iconName && (React.createElement(Icon, { className: !children ? 'is-marginless' : '', name: iconName })),
+        return (React.createElement(RouterLink, __assign({ ref: ref, "aria-label": accessibilityLabel, to: to, className: classes }, others),
+            iconName && React.createElement(Icon, { className: !children ? 'is-marginless' : '', name: iconName }),
             children));
     }
-    return (React.createElement("a", __assign({ id: id, "aria-label": accessibilityLabel, className: classes, href: href, onClick: function (e) {
+    return (React.createElement("a", __assign({ ref: ref, id: id, "aria-label": accessibilityLabel, className: classes, href: href, onClick: function (e) {
             // eslint-disable-next-line no-unused-expressions
             !isDisabled && (onClick === null || onClick === void 0 ? void 0 : onClick(e));
             e.stopPropagation();
-        } }, others),
-        iconName && (React.createElement(Icon, { className: !children ? 'is-marginless' : '', name: iconName })),
+        } }, others, (disabled && { 'aria-disabled': true })),
+        iconName && React.createElement(Icon, { className: !children ? 'is-marginless' : '', name: iconName }),
         children));
-};
+});
+Button.displayName = ComponentName.Button;
 export default Button;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQnV0dG9uLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vY29tcG9uZW50cy9idXR0b24vQnV0dG9uLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxLQUFLLE1BQU0sT0FBTyxDQUFBO0FBQ3pCLE9BQU8sSUFBSSxNQUFNLE1BQU0sQ0FBQTtBQUN2QixPQUFPLEVBQUUsRUFBRSxFQUFFLE1BQU0sa0JBQWtCLENBQUE7QUFFckMsT0FBTyxFQUFFLHlCQUF5QixFQUFFLE1BQU0sd0JBQXdCLENBQUE7QUFDbEUsT0FBTyxFQUFFLFlBQVksRUFBMEQsTUFBTSxjQUFjLENBQUE7QUFFbkcsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLFdBQVcsQ0FBQTtBQUNyQyxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxXQUFXLENBQUE7QUFDN0MsT0FBTyxFQUFFLElBQUksRUFBRSxNQUFNLG1CQUFtQixDQUFBO0FBRXhDOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7R0FxQkc7QUFFSCxJQUFNLE1BQU0sR0FBRyxVQUFDLEVBaUJjO0lBaEJaLElBQUEsTUFBTSxZQUFBLEVBQ04sT0FBTyxhQUFBLEVBQ1AsT0FBTyxhQUFBLEVBQ1AsSUFBSSxVQUFBLEVBQ0osRUFBRSxRQUFBLEVBQ0YsU0FBUyxlQUFBLEVBQ1QsUUFBUSxjQUFBLEVBQ1IsU0FBUyxlQUFBLEVBQ1QsRUFBRSxRQUFBLEVBQ0Ysa0JBQWtCLHdCQUFBLEVBQ2xCLE9BQU8sYUFBQSxFQUNQLElBQUksVUFBQSxFQUNKLFVBQVUsZ0JBQUEsRUFDVixJQUFJLFVBQUEsRUFDSixRQUFRLGNBQUEsRUFDTCxNQUFNLGNBaEJYLHFLQWlCQyxDQURVO0lBRXpCLElBQU0sVUFBVSxHQUFHLE1BQU0sQ0FBQyxRQUFRLElBQUksS0FBSyxDQUFBO0lBQ25DLElBQUEsTUFBTSxHQUFLLGlCQUFpQixFQUFFLE9BQXhCLENBQXdCO0lBRXRDLHlDQUF5QztJQUN6QyxJQUFNLGVBQWUsR0FBRyxV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
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQnV0dG9uLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vY29tcG9uZW50cy9idXR0b24vQnV0dG9uLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxFQUFFLElBQUksRUFBRSxNQUFNLG1CQUFtQixDQUFBO0FBQ3hDLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLFdBQVcsQ0FBQTtBQUM3QyxPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sOEJBQThCLENBQUE7QUFDeEQsT0FBTyxFQUFFLHlCQUF5QixFQUFFLE1BQU0sd0JBQXdCLENBQUE7QUFFbEUsT0FBTyxFQUFFLEVBQUUsRUFBRSxNQUFNLGtCQUFrQixDQUFBO0FBQ3JDLE9BQU8sSUFBSSxNQUFNLE1BQU0sQ0FBQTtBQUN2QixPQUFPLEtBQUssTUFBTSxPQUFPLENBQUE7QUFDekIsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLHdCQUF3QixDQUFBO0FBQ3RELE9BQU8sRUFBRSxZQUFZLEVBQTBELE1BQU0sY0FBYyxDQUFBO0FBR25HOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7R0FxQkc7QUFDSCxJQUFNLE1BQU0sR0FBRyxLQUFLLENBQUMsVUFBVSxDQUM3QixVQUNFLEVBa0JDLEVBQ0QsR0FBRztJQWxCRCxJQUFBLE1BQU0sWUFBQSxFQUNOLE9BQU8sYUFBQSxFQUNQLE9BQU8sYUFBQSxFQUNQLElBQUksVUFBQSxFQUNKLEVBQUUsUUFBQSxFQUNGLFNBQVMsZUFBQSxFQUNULFFBQVEsY0FBQSxFQUNSLFNBQVMsZUFBQSxFQUNULEVBQUUsUUFBQSxFQUNGLGtCQUFrQix3QkFBQSxFQUNsQixPQUFPLGFBQUEsRUFDUCxJQUFJLFVBQUEsRUFDSixVQUFVLGdCQUFBLEVBQ1YsSUFBSSxVQUFBLEVBQ0osUUFBUSxjQUFBLEVBQ1IsUUFBUSxjQUFBLEVBQ0wsTUFBTSxjQWpCWCxpTEFrQkMsQ0FEVTtJQUlYLElBQU0sVUFBVSxHQUFHLFFBQVEsSUFBSSxLQUFLLENBQUE7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

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

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