@trilogy-ds/react 0.0.1-beta.8 → 0.0.3-beta-v4

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

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import * as React from 'react';
 import { BreadcrumbWebProps } from './BreadcrumbProps';
 /**
  * Breadcrumb Component
@@ -6,6 +6,7 @@ import { BreadcrumbWebProps } from './BreadcrumbProps';
  * @param testId {string} Test id
  * - -------------------------- WEB PROPERTIES -------------------------------
  * @param className {string} Additionnal CSS Classes
+ * @param accessibilityLabel {string} Accessibility label
  */
-declare const Breadcrumb: ({ children, className, testId, ...others }: BreadcrumbWebProps) => JSX.Element;
+declare const Breadcrumb: ({ children, className, id, accessibilityLabel, ...others }: BreadcrumbWebProps) => React.JSX.Element;
 export default Breadcrumb;

package/lib/components/breadcrumb/Breadcrumb.js

@@ -1,4 +1,5 @@
-import React from 'react';
+import { __assign, __rest } from "tslib";
+import * as React from 'react';
 import clsx from 'clsx';
 import { hashClass } from '../../helpers';
 import { useTrilogyContext } from '../../context';
@@ -8,11 +9,13 @@ import { useTrilogyContext } from '../../context';
  * @param testId {string} Test id
  * - -------------------------- WEB PROPERTIES -------------------------------
  * @param className {string} Additionnal CSS Classes
+ * @param accessibilityLabel {string} Accessibility label
  */
-const Breadcrumb = ({ children, className, testId, ...others }) => {
-    const { styled } = useTrilogyContext();
-    return (React.createElement("nav", { "data-testid": testId, className: hashClass(styled, clsx('breadcrumb', className)), "aria-label": 'breadcrumbs', ...others },
+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 styled = useTrilogyContext().styled;
+    return (React.createElement("nav", __assign({ id: id, role: "navigation", className: hashClass(styled, clsx('breadcrumb', className)), "aria-label": accessibilityLabel }, others),
         React.createElement("ul", null, children)));
 };
 export default Breadcrumb;
-//# sourceMappingURL=Breadcrumb.js.map
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQnJlYWRjcnVtYi5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL2NvbXBvbmVudHMvYnJlYWRjcnVtYi9CcmVhZGNydW1iLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxLQUFLLEtBQUssTUFBTSxPQUFPLENBQUE7QUFFOUIsT0FBTyxJQUFJLE1BQU0sTUFBTSxDQUFBO0FBQ3ZCLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSxXQUFXLENBQUE7QUFDckMsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sV0FBVyxDQUFBO0FBRTdDOzs7Ozs7O0dBT0c7QUFDSCxJQUFNLFVBQVUsR0FBRyxVQUFDLEVBQThFO0lBQTVFLElBQUEsUUFBUSxjQUFBLEVBQUUsU0FBUyxlQUFBLEVBQUUsRUFBRSxRQUFBLEVBQUUsa0JBQWtCLHdCQUFBLEVBQUssTUFBTSxjQUF4RCxxREFBMEQsQ0FBRjtJQUNsRSxJQUFBLE1BQU0sR0FBSyxpQkFBaUIsRUFBRSxPQUF4QixDQUF3QjtJQUV0QyxPQUFPLENBQ0wsc0NBQ0UsRUFBRSxFQUFFLEVBQUUsRUFDTixJQUFJLEVBQUMsWUFBWSxFQUNqQixTQUFTLEVBQUUsU0FBUyxDQUFDLE1BQU0sRUFBRSxJQUFJLENBQUMsWUFBWSxFQUFFLFNBQVMsQ0FBQyxDQUFDLGdCQUMvQyxrQkFBa0IsSUFDMUIsTUFBTTtRQUVWLGdDQUFLLFFBQVEsQ0FBTSxDQUNmLENBQ1AsQ0FBQTtBQUNILENBQUMsQ0FBQTtBQUVELGVBQWUsVUFBVSxDQUFBIn0=

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

@@ -1,6 +1,6 @@
 /// <reference types="react" />
-import { BreadcrumbProps } from './BreadcrumbProps';
-import { ComponentName } from '../enumsComponentsName';
+import { BreadcrumbProps } from "./BreadcrumbProps";
+import { ComponentName } from "../../components/enumsComponentsName";
 /**
  * Breadcrumb Native Component
  * @param children {React.ReactNode} Breadcrumb Children

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

@@ -1,25 +1,29 @@
-import React from 'react';
-import { ComponentName } from '../enumsComponentsName';
-import { StyleSheet, View } from 'react-native';
-import { Icon } from '../icon';
+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";
 /**
  * Breadcrumb Native Component
  * @param children {React.ReactNode} Breadcrumb Children
  * @param testId {string} Test id
  */
-const Breadcrumb = ({ children, testId, ...others }) => {
-    const { containerStyle } = React.useMemo(() => StyleSheet.create({
-        containerStyle: {
-            flexDirection: 'row',
-            flexWrap: 'wrap',
-        },
-    }), []);
-    return (React.createElement(View, { testID: testId, style: [containerStyle], ...others }, Array.isArray(children)
-        ? React.Children.map(children, (child, index) => (React.createElement(React.Fragment, null,
+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",
+            },
+        });
+    }, []).containerStyle;
+    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 } })))))
+            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=Breadcrumb.native.js.map
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQnJlYWRjcnVtYi5uYXRpdmUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9jb21wb25lbnRzL2JyZWFkY3J1bWIvQnJlYWRjcnVtYi5uYXRpdmUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLEtBQUssS0FBSyxNQUFNLE9BQU8sQ0FBQTtBQUU5QixPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sa0NBQWtDLENBQUE7QUFDaEUsT0FBTyxFQUFFLFVBQVUsRUFBRSxJQUFJLEVBQUUsTUFBTSxjQUFjLENBQUE7QUFDL0MsT0FBTyxFQUFFLElBQUksRUFBRSxNQUFNLG1CQUFtQixDQUFBO0FBRXhDOzs7O0dBSUc7QUFDSCxJQUFNLFVBQVUsR0FBRyxVQUFDLEVBSUY7SUFIaEIsSUFBQSxRQUFRLGNBQUEsRUFDUixNQUFNLFlBQUEsRUFDSCxNQUFNLGNBSFMsc0JBSW5CLENBRFU7SUFFRCxJQUFBLGNBQWMsR0FBSyxLQUFLLENBQUMsT0FBTyxDQUN0QztRQUNFLE9BQUEsVUFBVSxDQUFDLE1BQU0sQ0FBQztZQUNoQixjQUFjLEVBQUU7Z0JBQ2QsYUFBYSxFQUFFLEtBQUs7Z0JBQ3BCLFFBQVEsRUFBRSxNQUFNO2FBQ2pCO1NBQ0YsQ0FBQztJQUxGLENBS0UsRUFDSixFQUFFLENBQ0gsZUFUcUIsQ0FTckI7SUFFRCxPQUFPLENBQ0wsb0JBQUMsSUFBSSxhQUFDLE1BQU0sRUFBRSxNQUFNLEVBQUUsS0FBSyxFQUFFLENBQUMsY0FBYyxDQUFDLElBQU0sTUFBTSxHQUN0RCxLQUFLLENBQUMsT0FBTyxDQUFDLFFBQVEsQ0FBQztRQUN0QixDQUFDLENBQUMsS0FBSyxDQUFDLFFBQVEsQ0FBQyxHQUFHLENBQUMsUUFBUSxFQUFFLFVBQUMsS0FBSyxFQUFFLEtBQUssSUFBSyxPQUFBLENBQzdDO1lBQ0csS0FBSyxDQUFDLFlBQVksQ0FBQyxLQUFLLENBQUM7WUFDekIsS0FBSyxJQUFJLFFBQVEsQ0FBQyxNQUFNLEdBQUcsQ0FBQyxJQUFJLENBQy9CLG9CQUFDLElBQUksSUFDSCxJQUFJLEVBQUMsU0FBUyxFQUNkLElBQUksRUFBQyxpQkFBaUIsRUFDdEIsS0FBSyxFQUFDLGdCQUFnQixHQUN0QixDQUNILENBQ0EsQ0FDSixFQVg4QyxDQVc5QyxDQUFDO1FBQ0osQ0FBQyxDQUFDLFFBQVEsQ0FDUCxDQUNSLENBQUE7QUFDSCxDQUFDLENBQUE7QUFFRCxVQUFVLENBQUMsV0FBVyxHQUFHLGFBQWEsQ0FBQyxVQUFVLENBQUE7QUFFakQsZUFBZSxVQUFVLENBQUEifQ==

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

@@ -1,14 +1,14 @@
 /// <reference types="react" />
-import { Accessibility } from '../../objects';
+import { Accessibility, Dev } from '../../objects';
+import { CommonProps } from '../../objects/facets/CommonProps';
 /**
  * Breadcrumb Interface
  */
-export interface BreadcrumbProps extends Accessibility {
+export interface BreadcrumbProps extends Accessibility, Dev {
     children?: React.ReactNode;
 }
 /**
  * Breadcrumb Web Interface
  */
-export interface BreadcrumbWebProps extends BreadcrumbProps {
-    className?: string;
+export interface BreadcrumbWebProps extends BreadcrumbProps, CommonProps {
 }

package/lib/components/breadcrumb/BreadcrumbProps.js

@@ -1,2 +1,2 @@
 export {};
-//# sourceMappingURL=BreadcrumbProps.js.map
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQnJlYWRjcnVtYlByb3BzLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vY29tcG9uZW50cy9icmVhZGNydW1iL0JyZWFkY3J1bWJQcm9wcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiIn0=

package/lib/components/breadcrumb/BreadcrumbPropsDefaults.js

@@ -0,0 +1,30 @@
+export default {
+  "children": {
+    "type": "react",
+    "values": [
+      "undefined",
+      "null",
+      "string",
+      "number",
+      "false",
+      "true",
+      "JSXElementConstructor<any>>",
+      "ReactNode>",
+      "ReactPortal"
+    ]
+  },
+  "accessibilityLabel": {
+    "type": "string",
+    "values": [
+      "undefined",
+      "string"
+    ]
+  },
+  "testId": {
+    "type": "string",
+    "values": [
+      "undefined",
+      "string"
+    ]
+  }
+};

package/lib/components/breadcrumb/BreadcrumbWebPropsDefaults.js

@@ -0,0 +1,44 @@
+export default {
+  "children": {
+    "type": "react",
+    "values": [
+      "undefined",
+      "null",
+      "string",
+      "number",
+      "false",
+      "true",
+      "JSXElementConstructor<any>>",
+      "ReactNode>",
+      "ReactPortal"
+    ]
+  },
+  "accessibilityLabel": {
+    "type": "string",
+    "values": [
+      "undefined",
+      "string"
+    ]
+  },
+  "testId": {
+    "type": "string",
+    "values": [
+      "undefined",
+      "string"
+    ]
+  },
+  "id": {
+    "type": "string",
+    "values": [
+      "undefined",
+      "string"
+    ]
+  },
+  "className": {
+    "type": "string",
+    "values": [
+      "undefined",
+      "string"
+    ]
+  }
+};

package/lib/components/breadcrumb/index.js

@@ -1,4 +1,4 @@
 import Breadcrumb from './Breadcrumb';
 import BreadcrumbItem from './item';
 export { Breadcrumb, BreadcrumbItem };
-//# sourceMappingURL=index.js.map
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9jb21wb25lbnRzL2JyZWFkY3J1bWIvaW5kZXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxVQUFVLE1BQU0sY0FBYyxDQUFBO0FBQ3JDLE9BQU8sY0FBYyxNQUFNLFFBQVEsQ0FBQTtBQUVuQyxPQUFPLEVBQUUsVUFBVSxFQUFFLGNBQWMsRUFBRSxDQUFBIn0=

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

@@ -4,12 +4,15 @@ import { BreadcrumbItemPropsWeb } from './BreadcrumbItemProps';
  * Breadcrumb Item Component
  * @param children {string} Breadcrumb Item Text
  * @param active {boolean} Active link
+ * @param id
  * @param to {string} Url. Use React Router Link instead of a native-old <a> tag.
  * @param onClick {Function} Click Event
+ * @param testId {string} Test Id for Test Integration
  * - -------------------------- 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 others
  */
-declare const BreadcrumbItem: ({ children, active, className, href, to, routerLink, testId, onClick, ...others }: BreadcrumbItemPropsWeb) => JSX.Element;
+declare const BreadcrumbItem: ({ children, active, className, id, href, to, routerLink, testId, onClick, ...others }: BreadcrumbItemPropsWeb) => JSX.Element;
 export default BreadcrumbItem;

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

@@ -1,30 +1,35 @@
-import React from 'react';
-import { Text, TextMarkup } from '../../text/index';
+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 { Link } from '../../../components/link';
 /**
  * Breadcrumb Item Component
  * @param children {string} Breadcrumb Item Text
  * @param active {boolean} Active link
+ * @param id
  * @param to {string} Url. Use React Router Link instead of a native-old <a> tag.
  * @param onClick {Function} Click Event
+ * @param testId {string} Test Id for Test Integration
  * - -------------------------- 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 others
  */
-const BreadcrumbItem = ({ children, active, className, href, to, routerLink, testId, onClick, ...others }) => {
-    const { styled } = useTrilogyContext();
-    const classes = hashClass(styled, clsx(active && is('active'), className));
+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 styled = useTrilogyContext().styled;
+    var classes = hashClass(styled, clsx(active && is('active'), className));
     if (routerLink && to) {
-        const RouterLink = (routerLink ? routerLink : 'a');
-        return (React.createElement("li", { "data-testid": testId, className: classes, onClick: onClick },
-            React.createElement(RouterLink, { to: to, ...others }, children)));
+        var RouterLink = (routerLink ? routerLink : 'a');
+        return (React.createElement("li", { id: id, "data-testid": testId, className: classes, onClick: onClick, "aria-current": active ? 'page' : undefined },
+            React.createElement(RouterLink, __assign({ className: hashClass(styled, clsx('link')), to: to }, others), children)));
     }
-    return (React.createElement("li", { className: classes, onClick: onClick },
-        React.createElement(Text, { markup: TextMarkup.A, href: href, ...others }, children)));
+    return (React.createElement("li", { id: id, className: classes, onClick: onClick, "aria-current": active ? 'page' : undefined },
+        React.createElement(Link, __assign({ href: active ? undefined : href }, others), children)));
 };
 export default BreadcrumbItem;
-//# sourceMappingURL=BreadcrumbItem.js.map
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQnJlYWRjcnVtYkl0ZW0uanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9jb21wb25lbnRzL2JyZWFkY3J1bWIvaXRlbS9CcmVhZGNydW1iSXRlbS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUFBLE9BQU8sS0FBSyxLQUFLLE1BQU0sT0FBTyxDQUFBO0FBRTlCLE9BQU8sRUFBRSxFQUFFLEVBQUUsTUFBTSxxQkFBcUIsQ0FBQTtBQUN4QyxPQUFPLElBQUksTUFBTSxNQUFNLENBQUE7QUFDdkIsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLFdBQVcsQ0FBQTtBQUNyQyxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxXQUFXLENBQUE7QUFDN0MsT0FBTyxFQUFFLElBQUksRUFBRSxNQUFNLG1CQUFtQixDQUFBO0FBRXhDOzs7Ozs7Ozs7Ozs7O0dBYUc7QUFDSCxJQUFNLGNBQWMsR0FBRyxVQUFDLEVBV0M7SUFWdkIsSUFBQSxRQUFRLGNBQUEsRUFDUixNQUFNLFlBQUEsRUFDTixTQUFTLGVBQUEsRUFDVCxFQUFFLFFBQUEsRUFDRixJQUFJLFVBQUEsRUFDSixFQUFFLFFBQUEsRUFDRixVQUFVLGdCQUFBLEVBQ1YsTUFBTSxZQUFBLEVBQ04sT0FBTyxhQUFBLEVBQ0osTUFBTSxjQVZhLDBGQVd2QixDQURVO0lBRUQsSUFBQSxNQUFNLEdBQUssaUJBQWlCLEVBQUUsT0FBeEIsQ0FBd0I7SUFFdEMsSUFBTSxPQUFPLEdBQUcsU0FBUyxDQUFDLE1BQU0sRUFBRSxJQUFJLENBQUMsTUFBTSxJQUFJLEVBQUUsQ0FBQyxRQUFRLENBQUMsRUFBRSxTQUFTLENBQUMsQ0FBQyxDQUFBO0lBRTFFLElBQUksVUFBVSxJQUFJLEVBQUUsRUFBRTtRQUNwQixJQUFNLFVBQVUsR0FBRyxDQUFDLFVBQVUsQ0FBQyxDQUFDLENBQUMsVUFBVSxDQUFDLENBQUMsQ0FBQyxHQUFHLENBQXNCLENBQUE7UUFDdkUsT0FBTyxDQUNMLDRCQUFJLEVBQUUsRUFBRSxFQUFFLGlCQUFlLE1BQU0sRUFBRSxTQUFTLEVBQUUsT0FBTyxFQUFFLE9BQU8sRUFBRSxPQUFPLGtCQUFnQixNQUFNLENBQUMsQ0FBQyxDQUFDLE1BQU0sQ0FBQyxDQUFDLENBQUMsU0FBUztZQUM5RyxvQkFBQyxVQUFVLGFBQUMsU0FBUyxFQUFFLFNBQVMsQ0FBQyxNQUFNLEVBQUUsSUFBSSxDQUFDLE1BQU0sQ0FBQyxDQUFDLEVBQUUsRUFBRSxFQUFFLEVBQUUsSUFBTSxNQUFNLEdBQ3ZFLFFBQVEsQ0FDRSxDQUNWLENBQ04sQ0FBQTtLQUNGO0lBRUQsT0FBTyxDQUNMLDRCQUFJLEVBQUUsRUFBRSxFQUFFLEVBQUUsU0FBUyxFQUFFLE9BQU8sRUFBRSxPQUFPLEVBQUUsT0FBTyxrQkFBZ0IsTUFBTSxDQUFDLENBQUMsQ0FBQyxNQUFNLENBQUMsQ0FBQyxDQUFDLFNBQVM7UUFDekYsb0JBQUMsSUFBSSxhQUFDLElBQUksRUFBRSxNQUFNLENBQUMsQ0FBQyxDQUFDLFNBQVMsQ0FBQyxDQUFDLENBQUMsSUFBSSxJQUFNLE1BQU0sR0FDOUMsUUFBUSxDQUNKLENBQ0osQ0FDTixDQUFBO0FBQ0gsQ0FBQyxDQUFBO0FBRUQsZUFBZSxjQUFjLENBQUEifQ==

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

@@ -1,12 +1,13 @@
 /// <reference types="react" />
-import { ComponentName } from '../../enumsComponentsName';
-import { BreadcrumbItemProps } from './BreadcrumbItemProps';
+import { ComponentName } from "../../../components/enumsComponentsName";
+import { BreadcrumbItemProps } from "./BreadcrumbItemProps";
 /**
  * Breadcrumb Item Component
  * @param children {string} Breadcrumb Item Text
  * @param active {boolean} Active link
  * @param to {string} Url. Use  Router Link
  * @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;

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

@@ -1,29 +1,34 @@
-import React from 'react';
-import { ComponentName } from '../../enumsComponentsName';
-import { Text } from '../../text';
-import { Linking, StyleSheet, TouchableOpacity } from 'react-native';
-import { getColorStyle } from '../../../objects';
+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";
 /**
  * Breadcrumb Item Component
  * @param children {string} Breadcrumb Item Text
  * @param active {boolean} Active link
  * @param to {string} Url. Use  Router Link
  * @param onClick {Function} Click Event
+ * @param testId {string} Test Id for Test Integration
  */
-const BreadcrumbItem = ({ children, active, to, testId, onClick, ...others }) => {
-    const { textStyle } = StyleSheet.create({
+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(active ? 'TERTIARY' : 'SECONDARY'),
+            color: getColorStyle(TrilogyColor.FONT),
+            textDecorationLine: !active ? "underline" : "none",
+            textDecorationStyle: "solid",
         },
-    });
-    return (React.createElement(TouchableOpacity, { testID: testId, onPress: (e) => {
+    }).textStyle;
+    return (React.createElement(TouchableOpacity, __assign({ testID: testId, onPress: function (e) {
             if (to)
                 Linking.openURL(to);
             if (onClick)
                 onClick(e);
-        }, ...others },
-        React.createElement(Text, { style: { ...textStyle } }, children)));
+        } }, others),
+        React.createElement(Text, { typo: TypographyBold.TEXT_WEIGHT_MEDIUM, style: __assign({}, textStyle) }, children)));
 };
 BreadcrumbItem.displayName = ComponentName.BreadcrumbItem;
 export default BreadcrumbItem;
-//# sourceMappingURL=BreadcrumbItem.native.js.map
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQnJlYWRjcnVtYkl0ZW0ubmF0aXZlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vY29tcG9uZW50cy9icmVhZGNydW1iL2l0ZW0vQnJlYWRjcnVtYkl0ZW0ubmF0aXZlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxLQUFLLEtBQUssTUFBTSxPQUFPLENBQUE7QUFDOUIsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLGtDQUFrQyxDQUFBO0FBRWhFLE9BQU8sRUFBRSxJQUFJLEVBQUUsTUFBTSxtQkFBbUIsQ0FBQTtBQUN4QyxPQUFPLEVBQUUsT0FBTyxFQUFFLFVBQVUsRUFBRSxnQkFBZ0IsRUFBRSxNQUFNLGNBQWMsQ0FBQTtBQUNwRSxPQUFPLEVBQUUsYUFBYSxFQUFFLFlBQVksRUFBRSxjQUFjLEVBQUUsTUFBTSxXQUFXLENBQUE7QUFFdkU7Ozs7Ozs7R0FPRztBQUNILElBQU0sY0FBYyxHQUFHLFVBQUMsRUFPRjtJQU5wQixJQUFBLFFBQVEsY0FBQSxFQUNSLE1BQU0sWUFBQSxFQUNOLEVBQUUsUUFBQSxFQUNGLE1BQU0sWUFBQSxFQUNOLE9BQU8sYUFBQSxFQUNKLE1BQU0sY0FOYSxpREFPdkIsQ0FEVTtJQUVELElBQUEsU0FBUyxHQUFLLFVBQVUsQ0FBQyxNQUFNLENBQUM7UUFDdEMsU0FBUyxFQUFFO1lBQ1QsS0FBSyxFQUFFLGFBQWEsQ0FBQyxZQUFZLENBQUMsSUFBSSxDQUFDO1lBQ3ZDLGtCQUFrQixFQUFFLENBQUMsTUFBTSxDQUFDLENBQUMsQ0FBQyxXQUFXLENBQUMsQ0FBQyxDQUFDLE1BQU07WUFDbEQsbUJBQW1CLEVBQUUsT0FBTztTQUM3QjtLQUNGLENBQUMsVUFOZSxDQU1mO0lBRUYsT0FBTyxDQUNMLG9CQUFDLGdCQUFnQixhQUNmLE1BQU0sRUFBRSxNQUFNLEVBQ2QsT0FBTyxFQUFFLFVBQUMsQ0FBQztZQUNULElBQUksRUFBRTtnQkFBRSxPQUFPLENBQUMsT0FBTyxDQUFDLEVBQUUsQ0FBQyxDQUFBO1lBQzNCLElBQUksT0FBTztnQkFBRSxPQUFPLENBQUMsQ0FBQyxDQUFDLENBQUE7UUFDekIsQ0FBQyxJQUNHLE1BQU07UUFFVixvQkFBQyxJQUFJLElBQUMsSUFBSSxFQUFFLGNBQWMsQ0FBQyxrQkFBa0IsRUFBRSxLQUFLLGVBQU8sU0FBUyxLQUFLLFFBQVEsQ0FBUSxDQUN4RSxDQUNwQixDQUFBO0FBQ0gsQ0FBQyxDQUFBO0FBRUQsY0FBYyxDQUFDLFdBQVcsR0FBRyxhQUFhLENBQUMsY0FBYyxDQUFBO0FBRXpELGVBQWUsY0FBYyxDQUFBIn0=

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

@@ -1,6 +1,7 @@
 /// <reference types="react" />
-import { Accessibility, Clickable } from '../../../objects';
-export interface BreadcrumbItemProps extends Accessibility, Clickable {
+import { Accessibility, Clickable, Dev } from '../../../objects';
+import { CommonProps } from '../../../objects/facets/CommonProps';
+export interface BreadcrumbItemProps extends Accessibility, Clickable, Dev {
     children?: string;
     active?: boolean;
     to?: string;
@@ -8,8 +9,7 @@ export interface BreadcrumbItemProps extends Accessibility, Clickable {
 /**
  * Breadcrumb Item Interface
  */
-export interface BreadcrumbItemPropsWeb extends Accessibility, Clickable, BreadcrumbItemProps {
+export interface BreadcrumbItemPropsWeb extends Accessibility, Clickable, BreadcrumbItemProps, Dev, CommonProps {
     href?: string;
-    className?: string;
     routerLink?: React.ElementType;
 }

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

@@ -1,2 +1,2 @@
 export {};
-//# sourceMappingURL=BreadcrumbItemProps.js.map
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQnJlYWRjcnVtYkl0ZW1Qcm9wcy5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL2NvbXBvbmVudHMvYnJlYWRjcnVtYi9pdGVtL0JyZWFkY3J1bWJJdGVtUHJvcHMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IiJ9

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

@@ -0,0 +1,45 @@
+export default {
+  "children": {
+    "type": "string",
+    "values": [
+      "undefined",
+      "string"
+    ]
+  },
+  "active": {
+    "type": "boolean",
+    "values": [
+      "undefined",
+      "false",
+      "true"
+    ]
+  },
+  "to": {
+    "type": "string",
+    "values": [
+      "undefined",
+      "string"
+    ]
+  },
+  "accessibilityLabel": {
+    "type": "string",
+    "values": [
+      "undefined",
+      "string"
+    ]
+  },
+  "onClick": {
+    "type": "function",
+    "values": [
+      "undefined",
+      "ClickEvent"
+    ]
+  },
+  "testId": {
+    "type": "string",
+    "values": [
+      "undefined",
+      "string"
+    ]
+  }
+};