@trilogy-ds/react 0.0.1-beta-148 → 0.0.1-beta-149

package/lib/components/breadcrumb/Breadcrumb.js

@@ -1,8 +1,8 @@
 import { __assign, __rest } from "tslib";
-import * as React from 'react';
-import clsx from 'clsx';
-import { hashClass } from '../../helpers';
-import { useTrilogyContext } from '../../context';
+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 { useTrilogyContext } from '../../context';
  * @param className {string} Additionnal 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 (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({ id: id, role: "navigation", className: hashClass(styled, clsx('breadcrumb', className)), "aria-label": accessibilityLabel }, others),
+    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)));
-};
+});
 export default Breadcrumb;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQnJlYWRjcnVtYi5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL2NvbXBvbmVudHMvYnJlYWRjcnVtYi9CcmVhZGNydW1iLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxLQUFLLEtBQUssTUFBTSxPQUFPLENBQUE7QUFFOUIsT0FBTyxJQUFJLE1BQU0sTUFBTSxDQUFBO0FBQ3ZCLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSxXQUFXLENBQUE7QUFDckMsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sV0FBVyxDQUFBO0FBRTdDOzs7Ozs7O0dBT0c7QUFDSCxJQUFNLFVBQVUsR0FBRyxVQUFDLEVBQThFO0lBQTVFLElBQUEsUUFBUSxjQUFBLEVBQUUsU0FBUyxlQUFBLEVBQUUsRUFBRSxRQUFBLEVBQUUsa0JBQWtCLHdCQUFBLEVBQUssTUFBTSxjQUF4RCxxREFBMEQsQ0FBRjtJQUNsRSxJQUFBLE1BQU0sR0FBSyxpQkFBaUIsRUFBRSxPQUF4QixDQUF3QjtJQUV0QyxPQUFPLENBQ0wsc0NBQ0UsRUFBRSxFQUFFLEVBQUUsRUFDTixJQUFJLEVBQUMsWUFBWSxFQUNqQixTQUFTLEVBQUUsU0FBUyxDQUFDLE1BQU0sRUFBRSxJQUFJLENBQUMsWUFBWSxFQUFFLFNBQVMsQ0FBQyxDQUFDLGdCQUMvQyxrQkFBa0IsSUFDMUIsTUFBTTtRQUVWLGdDQUFLLFFBQVEsQ0FBTSxDQUNmLENBQ1AsQ0FBQTtBQUNILENBQUMsQ0FBQTtBQUVELGVBQWUsVUFBVSxDQUFBIn0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQnJlYWRjcnVtYi5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL2NvbXBvbmVudHMvYnJlYWRjcnVtYi9CcmVhZGNydW1iLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxLQUFLLEtBQUssTUFBTSxPQUFPLENBQUE7QUFFOUIsT0FBTyxJQUFJLE1BQU0sTUFBTSxDQUFBO0FBQ3ZCLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSxXQUFXLENBQUE7QUFDckMsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sV0FBVyxDQUFBO0FBRTdDOzs7Ozs7O0dBT0c7QUFDSCxJQUFNLFVBQVUsR0FBRyxLQUFLLENBQUMsVUFBVSxDQUFDLFVBQUMsS0FBeUIsRUFBRSxHQUFpQztJQUU3RixJQUFBLFFBQVEsR0FLTixLQUFLLFNBTEMsRUFDUixTQUFTLEdBSVAsS0FBSyxVQUpFLEVBQ1QsTUFBTSxHQUdKLEtBQUssT0FIRCxFQUNOLGtCQUFrQixHQUVoQixLQUFLLG1CQUZXLEVBQ2YsTUFBTSxVQUNQLEtBQUssRUFOSCx5REFNTCxDQURVLENBQ0Y7SUFFRCxJQUFBLE1BQU0sR0FBSyxpQkFBaUIsRUFBRSxPQUF4QixDQUF3QjtJQUV0QyxPQUFPLENBQ0wsc0NBQ0UsR0FBRyxFQUFFLEdBQUcsRUFDUixJQUFJLEVBQUMsWUFBWSxpQkFDSixNQUFNLEVBQ25CLFNBQVMsRUFBRSxTQUFTLENBQUMsTUFBTSxFQUFFLElBQUksQ0FBQyxZQUFZLEVBQUUsU0FBUyxDQUFDLENBQUMsZ0JBQy9DLGtCQUFrQixJQUMxQixNQUFNO1FBRVYsZ0NBQUssUUFBUSxDQUFNLENBQ2YsQ0FDUCxDQUFBO0FBQ0gsQ0FBQyxDQUFDLENBQUE7QUFFRixlQUFlLFVBQVUsQ0FBQSJ9

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

@@ -21,9 +21,9 @@ var Breadcrumb = function (_a) {
     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' })))); })
+            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,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQnJlYWRjcnVtYi5uYXRpdmUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9jb21wb25lbnRzL2JyZWFkY3J1bWIvQnJlYWRjcnVtYi5uYXRpdmUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLEtBQUssS0FBSyxNQUFNLE9BQU8sQ0FBQTtBQUU5QixPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sa0NBQWtDLENBQUE7QUFDaEUsT0FBTyxFQUFFLFVBQVUsRUFBRSxJQUFJLEVBQUUsTUFBTSxjQUFjLENBQUE7QUFDL0MsT0FBTyxFQUFFLElBQUksRUFBRSxNQUFNLG1CQUFtQixDQUFBO0FBRXhDOzs7O0dBSUc7QUFDSCxJQUFNLFVBQVUsR0FBRyxVQUFDLEVBSUY7SUFIaEIsSUFBQSxRQUFRLGNBQUEsRUFDUixNQUFNLFlBQUEsRUFDSCxNQUFNLGNBSFMsc0JBSW5CLENBRFU7SUFFRCxJQUFBLGNBQWMsR0FBSyxLQUFLLENBQUMsT0FBTyxDQUN0QztRQUNFLE9BQUEsVUFBVSxDQUFDLE1BQU0sQ0FBQztZQUNoQixjQUFjLEVBQUU7Z0JBQ2QsYUFBYSxFQUFFLEtBQUs7Z0JBQ3BCLFFBQVEsRUFBRSxNQUFNO2FBQ2pCO1NBQ0YsQ0FBQztJQUxGLENBS0UsRUFDSixFQUFFLENBQ0gsZUFUcUIsQ0FTckI7SUFFRCxPQUFPLENBQ0wsb0JBQUMsSUFBSSxhQUFDLE1BQU0sRUFBRSxNQUFNLEVBQUUsS0FBSyxFQUFFLENBQUMsY0FBYyxDQUFDLElBQU0sTUFBTSxHQUN0RCxLQUFLLENBQUMsT0FBTyxDQUFDLFFBQVEsQ0FBQztRQUN0QixDQUFDLENBQUMsS0FBSyxDQUFDLFFBQVEsQ0FBQyxHQUFHLENBQUMsUUFBUSxFQUFFLFVBQUMsS0FBSyxFQUFFLEtBQUssSUFBSyxPQUFBLENBQzdDO1lBQ0csS0FBSyxDQUFDLFlBQVksQ0FBQyxLQUFLLENBQUM7WUFDekIsS0FBSyxJQUFJLFFBQVEsQ0FBQyxNQUFNLEdBQUcsQ0FBQyxJQUFJLENBQy9CLG9CQUFDLElBQUksSUFDSCxJQUFJLEVBQUMsU0FBUyxFQUNkLElBQUksRUFBQyxpQkFBaUIsRUFDdEIsS0FBSyxFQUFDLGdCQUFnQixHQUN0QixDQUNILENBQ0EsQ0FDSixFQVg4QyxDQVc5QyxDQUFDO1FBQ0osQ0FBQyxDQUFDLFFBQVEsQ0FDUCxDQUNSLENBQUE7QUFDSCxDQUFDLENBQUE7QUFFRCxVQUFVLENBQUMsV0FBVyxHQUFHLGFBQWEsQ0FBQyxVQUFVLENBQUE7QUFFakQsZUFBZSxVQUFVLENBQUEifQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQnJlYWRjcnVtYi5uYXRpdmUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9jb21wb25lbnRzL2JyZWFkY3J1bWIvQnJlYWRjcnVtYi5uYXRpdmUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLEtBQUssS0FBSyxNQUFNLE9BQU8sQ0FBQTtBQUU5QixPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sa0NBQWtDLENBQUE7QUFDaEUsT0FBTyxFQUFFLFVBQVUsRUFBRSxJQUFJLEVBQUUsTUFBTSxjQUFjLENBQUE7QUFDL0MsT0FBTyxFQUFFLElBQUksRUFBRSxNQUFNLG1CQUFtQixDQUFBO0FBRXhDOzs7O0dBSUc7QUFDSCxJQUFNLFVBQVUsR0FBRyxVQUFDLEVBSUY7SUFIaEIsSUFBQSxRQUFRLGNBQUEsRUFDUixNQUFNLFlBQUEsRUFDSCxNQUFNLGNBSFMsc0JBSW5CLENBRFU7SUFFRCxJQUFBLGNBQWMsR0FBSyxLQUFLLENBQUMsT0FBTyxDQUN0QztRQUNFLE9BQUEsVUFBVSxDQUFDLE1BQU0sQ0FBQztZQUNoQixjQUFjLEVBQUU7Z0JBQ2QsYUFBYSxFQUFFLEtBQUs7Z0JBQ3BCLFFBQVEsRUFBRSxNQUFNO2FBQ2pCO1NBQ0YsQ0FBQztJQUxGLENBS0UsRUFDSixFQUFFLENBQ0gsZUFUcUIsQ0FTckI7SUFFRCxPQUFPLENBQ0wsb0JBQUMsSUFBSSxhQUFDLE1BQU0sRUFBRSxNQUFNLEVBQUUsS0FBSyxFQUFFLENBQUMsY0FBYyxDQUFDLElBQU0sTUFBTSxHQUN0RCxLQUFLLENBQUMsT0FBTyxDQUFDLFFBQVEsQ0FBQztRQUN0QixDQUFDLENBQUMsS0FBSyxDQUFDLFFBQVEsQ0FBQyxHQUFHLENBQUMsUUFBUSxFQUFFLFVBQUMsS0FBSyxFQUFFLEtBQUssSUFBSyxPQUFBLENBQzdDO1lBQ0csS0FBSyxDQUFDLFlBQVksQ0FBQyxLQUFLLENBQUM7WUFDekIsS0FBSyxJQUFJLFFBQVEsQ0FBQyxNQUFNLEdBQUcsQ0FBQyxJQUFJLENBQy9CLG9CQUFDLElBQUksSUFDSCxJQUFJLEVBQUMsU0FBUyxFQUNkLElBQUksRUFBQyxpQkFBaUIsRUFDdEIsS0FBSyxFQUFDLGdCQUFnQixFQUN0QixLQUFLLEVBQUUsRUFBRSxnQkFBZ0IsRUFBRSxDQUFDLEVBQUUsR0FDOUIsQ0FDSCxDQUNBLENBQ0osRUFaOEMsQ0FZOUMsQ0FBQztRQUNKLENBQUMsQ0FBQyxRQUFRLENBQ1AsQ0FDUixDQUFBO0FBQ0gsQ0FBQyxDQUFBO0FBRUQsVUFBVSxDQUFDLFdBQVcsR0FBRyxhQUFhLENBQUMsVUFBVSxDQUFBO0FBRWpELGVBQWUsVUFBVSxDQUFBIn0=

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

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

package/lib/components/breadcrumb/BreadcrumbWebPropsDefaults.js

@@ -1,4 +1,11 @@
 export default {
+  "className": {
+    "type": "string",
+    "values": [
+      "undefined",
+      "string"
+    ]
+  },
   "children": {
     "type": "react",
     "values": [
@@ -26,19 +33,5 @@ export default {
       "undefined",
       "string"
     ]
-  },
-  "id": {
-    "type": "string",
-    "values": [
-      "undefined",
-      "string"
-    ]
-  },
-  "className": {
-    "type": "string",
-    "values": [
-      "undefined",
-      "string"
-    ]
   }
 };

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

@@ -1,10 +1,9 @@
 /// <reference types="react" />
-import { BreadcrumbItemPropsWeb } from './BreadcrumbItemProps';
+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
@@ -12,7 +11,6 @@ import { BreadcrumbItemPropsWeb } from './BreadcrumbItemProps';
  * @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, id, href, to, routerLink, testId, onClick, ...others }: BreadcrumbItemPropsWeb) => JSX.Element;
+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,15 +1,14 @@
 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 * 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
@@ -17,19 +16,18 @@ import { Link } from '../../../components/link';
  * @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
  */
 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 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 styled = useTrilogyContext().styled;
-    var classes = hashClass(styled, clsx(active && is('active'), className));
+    var classes = hashClass(styled, clsx(active && is("active"), className));
     if (routerLink && to) {
-        var RouterLink = (routerLink ? routerLink : 'a');
-        return (React.createElement("li", { id: id, "data-testid": testId, className: classes, onClick: onClick, "aria-current": active ? 'page' : undefined },
-            React.createElement(RouterLink, __assign({ className: hashClass(styled, 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", { id: id, className: classes, onClick: onClick, "aria-current": active ? 'page' : undefined },
+    return (React.createElement("li", { className: classes, onClick: onClick, "aria-current": active ? 'page' : undefined },
         React.createElement(Link, __assign({ href: active ? undefined : href }, others), children)));
 };
 export default BreadcrumbItem;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQnJlYWRjcnVtYkl0ZW0uanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9jb21wb25lbnRzL2JyZWFkY3J1bWIvaXRlbS9CcmVhZGNydW1iSXRlbS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUFBLE9BQU8sS0FBSyxLQUFLLE1BQU0sT0FBTyxDQUFBO0FBRTlCLE9BQU8sRUFBRSxFQUFFLEVBQUUsTUFBTSxxQkFBcUIsQ0FBQTtBQUN4QyxPQUFPLElBQUksTUFBTSxNQUFNLENBQUE7QUFDdkIsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLFdBQVcsQ0FBQTtBQUNyQyxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxXQUFXLENBQUE7QUFDN0MsT0FBTyxFQUFFLElBQUksRUFBRSxNQUFNLG1CQUFtQixDQUFBO0FBRXhDOzs7Ozs7Ozs7Ozs7O0dBYUc7QUFDSCxJQUFNLGNBQWMsR0FBRyxVQUFDLEVBV0M7SUFWdkIsSUFBQSxRQUFRLGNBQUEsRUFDUixNQUFNLFlBQUEsRUFDTixTQUFTLGVBQUEsRUFDVCxFQUFFLFFBQUEsRUFDRixJQUFJLFVBQUEsRUFDSixFQUFFLFFBQUEsRUFDRixVQUFVLGdCQUFBLEVBQ1YsTUFBTSxZQUFBLEVBQ04sT0FBTyxhQUFBLEVBQ0osTUFBTSxjQVZhLDBGQVd2QixDQURVO0lBRUQsSUFBQSxNQUFNLEdBQUssaUJBQWlCLEVBQUUsT0FBeEIsQ0FBd0I7SUFFdEMsSUFBTSxPQUFPLEdBQUcsU0FBUyxDQUFDLE1BQU0sRUFBRSxJQUFJLENBQUMsTUFBTSxJQUFJLEVBQUUsQ0FBQyxRQUFRLENBQUMsRUFBRSxTQUFTLENBQUMsQ0FBQyxDQUFBO0lBRTFFLElBQUksVUFBVSxJQUFJLEVBQUUsRUFBRTtRQUNwQixJQUFNLFVBQVUsR0FBRyxDQUFDLFVBQVUsQ0FBQyxDQUFDLENBQUMsVUFBVSxDQUFDLENBQUMsQ0FBQyxHQUFHLENBQXNCLENBQUE7UUFDdkUsT0FBTyxDQUNMLDRCQUFJLEVBQUUsRUFBRSxFQUFFLGlCQUFlLE1BQU0sRUFBRSxTQUFTLEVBQUUsT0FBTyxFQUFFLE9BQU8sRUFBRSxPQUFPLGtCQUFnQixNQUFNLENBQUMsQ0FBQyxDQUFDLE1BQU0sQ0FBQyxDQUFDLENBQUMsU0FBUztZQUM5RyxvQkFBQyxVQUFVLGFBQUMsU0FBUyxFQUFFLFNBQVMsQ0FBQyxNQUFNLEVBQUUsSUFBSSxDQUFDLE1BQU0sQ0FBQyxDQUFDLEVBQUUsRUFBRSxFQUFFLEVBQUUsSUFBTSxNQUFNLEdBQ3ZFLFFBQVEsQ0FDRSxDQUNWLENBQ04sQ0FBQTtLQUNGO0lBRUQsT0FBTyxDQUNMLDRCQUFJLEVBQUUsRUFBRSxFQUFFLEVBQUUsU0FBUyxFQUFFLE9BQU8sRUFBRSxPQUFPLEVBQUUsT0FBTyxrQkFBZ0IsTUFBTSxDQUFDLENBQUMsQ0FBQyxNQUFNLENBQUMsQ0FBQyxDQUFDLFNBQVM7UUFDekYsb0JBQUMsSUFBSSxhQUFDLElBQUksRUFBRSxNQUFNLENBQUMsQ0FBQyxDQUFDLFNBQVMsQ0FBQyxDQUFDLENBQUMsSUFBSSxJQUFNLE1BQU0sR0FDOUMsUUFBUSxDQUNKLENBQ0osQ0FDTixDQUFBO0FBQ0gsQ0FBQyxDQUFBO0FBRUQsZUFBZSxjQUFjLENBQUEifQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQnJlYWRjcnVtYkl0ZW0uanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9jb21wb25lbnRzL2JyZWFkY3J1bWIvaXRlbS9CcmVhZGNydW1iSXRlbS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUFBLE9BQU8sS0FBSyxLQUFLLE1BQU0sT0FBTyxDQUFBO0FBRTlCLE9BQU8sRUFBRSxFQUFFLEVBQUUsTUFBTSxxQkFBcUIsQ0FBQTtBQUN4QyxPQUFPLElBQUksTUFBTSxNQUFNLENBQUE7QUFDdkIsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLFdBQVcsQ0FBQTtBQUNyQyxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxXQUFXLENBQUE7QUFDN0MsT0FBTyxFQUFFLElBQUksRUFBRSxNQUFNLG1CQUFtQixDQUFBO0FBRXhDOzs7Ozs7Ozs7OztHQVdHO0FBQ0gsSUFBTSxjQUFjLEdBQUcsVUFBQyxFQVVDO0lBVHZCLElBQUEsUUFBUSxjQUFBLEVBQ1IsTUFBTSxZQUFBLEVBQ04sU0FBUyxlQUFBLEVBQ1QsSUFBSSxVQUFBLEVBQ0osRUFBRSxRQUFBLEVBQ0YsVUFBVSxnQkFBQSxFQUNWLE1BQU0sWUFBQSxFQUNOLE9BQU8sYUFBQSxFQUNKLE1BQU0sY0FUYSxvRkFVdkIsQ0FEVTtJQUVELElBQUEsTUFBTSxHQUFLLGlCQUFpQixFQUFFLE9BQXhCLENBQXdCO0lBRXRDLElBQU0sT0FBTyxHQUFHLFNBQVMsQ0FBQyxNQUFNLEVBQUUsSUFBSSxDQUFDLE1BQU0sSUFBSSxFQUFFLENBQUMsUUFBUSxDQUFDLEVBQUUsU0FBUyxDQUFDLENBQUMsQ0FBQTtJQUUxRSxJQUFJLFVBQVUsSUFBSSxFQUFFLEVBQUU7UUFDcEIsSUFBTSxVQUFVLEdBQUcsQ0FBQyxVQUFVLENBQUMsQ0FBQyxDQUFDLFVBQVUsQ0FBQyxDQUFDLENBQUMsR0FBRyxDQUFzQixDQUFBO1FBQ3ZFLE9BQU8sQ0FDTCwyQ0FBaUIsTUFBTSxFQUFFLFNBQVMsRUFBRSxPQUFPLEVBQUUsT0FBTyxFQUFFLE9BQU8sa0JBQWdCLE1BQU0sQ0FBQyxDQUFDLENBQUMsTUFBTSxDQUFDLENBQUMsQ0FBQyxTQUFTO1lBQ3RHLG9CQUFDLFVBQVUsYUFBQyxTQUFTLEVBQUUsU0FBUyxDQUFDLE1BQU0sRUFBRSxJQUFJLENBQUMsTUFBTSxDQUFDLENBQUMsRUFBRSxFQUFFLEVBQUUsRUFBRSxJQUFNLE1BQU0sR0FDdkUsUUFBUSxDQUNFLENBQ1YsQ0FDTixDQUFBO0tBQ0Y7SUFFRCxPQUFPLENBQ0wsNEJBQUksU0FBUyxFQUFFLE9BQU8sRUFBRSxPQUFPLEVBQUUsT0FBTyxrQkFBZ0IsTUFBTSxDQUFDLENBQUMsQ0FBQyxNQUFNLENBQUMsQ0FBQyxDQUFDLFNBQVM7UUFDakYsb0JBQUMsSUFBSSxhQUFDLElBQUksRUFBRSxNQUFNLENBQUMsQ0FBQyxDQUFDLFNBQVMsQ0FBQyxDQUFDLENBQUMsSUFBSSxJQUFNLE1BQU0sR0FDOUMsUUFBUSxDQUNKLENBQ0osQ0FDTixDQUFBO0FBQ0gsQ0FBQyxDQUFBO0FBRUQsZUFBZSxjQUFjLENBQUEifQ==

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

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

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

@@ -6,6 +6,13 @@ export default {
       "string"
     ]
   },
+  "className": {
+    "type": "string",
+    "values": [
+      "undefined",
+      "string"
+    ]
+  },
   "routerLink": {
     "type": "function",
     "values": [
@@ -234,19 +241,5 @@ export default {
       "undefined",
       "string"
     ]
-  },
-  "id": {
-    "type": "string",
-    "values": [
-      "undefined",
-      "string"
-    ]
-  },
-  "className": {
-    "type": "string",
-    "values": [
-      "undefined",
-      "string"
-    ]
   }
 };

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

@@ -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: ({ 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

@@ -30,7 +30,7 @@ import { Icon } from "../../components/icon";
  * @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 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 */
@@ -40,12 +40,12 @@ var Button = function (_a) {
             return true;
     };
     var getClassNames = function (loading, variant, fullwidth, className) {
-        return clsx("button", loading && is("loading"), 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(styled, getClassNames(loading, variant, fullwidth, className));
     var Tag = markup && isCorrectMarkup(markup) ? markup : "button";
     if (Tag === "button") {
-        return (React.createElement("button", __assign({ id: id, "aria-label": accessibilityLabel, className: classes, disabled: isDisabled, name: name, onClick: function (e) {
+        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();
@@ -54,7 +54,7 @@ var Button = function (_a) {
             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({ 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();
@@ -62,11 +62,11 @@ 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),
+        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({ id: id, "aria-label": accessibilityLabel, className: classes, href: href, onClick: function (e) {
+    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();
@@ -75,4 +75,4 @@ var Button = function (_a) {
         children));
 };
 export default Button;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQnV0dG9uLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vY29tcG9uZW50cy9idXR0b24vQnV0dG9uLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxLQUFLLE1BQU0sT0FBTyxDQUFBO0FBQ3pCLE9BQU8sSUFBSSxNQUFNLE1BQU0sQ0FBQTtBQUN2QixPQUFPLEVBQUUsRUFBRSxFQUFFLE1BQU0sa0JBQWtCLENBQUE7QUFFckMsT0FBTyxFQUFFLHlCQUF5QixFQUFFLE1BQU0sd0JBQXdCLENBQUE7QUFDbEUsT0FBTyxFQUFFLFlBQVksR0FBMkQsTUFBTSxjQUFjLENBQUE7QUFFcEcsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLFdBQVcsQ0FBQTtBQUNyQyxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxXQUFXLENBQUE7QUFDN0MsT0FBTyxFQUFFLElBQUksRUFBRSxNQUFNLG1CQUFtQixDQUFBO0FBRXhDOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7R0FxQkc7QUFFSCxJQUFNLE1BQU0sR0FBRyxVQUFDLEVBaUJGO0lBaEJaLElBQUEsTUFBTSxZQUFBLEVBQ04sT0FBTyxhQUFBLEVBQ1AsT0FBTyxhQUFBLEVBQ1AsSUFBSSxVQUFBLEVBQ0osRUFBRSxRQUFBLEVBQ0YsU0FBUyxlQUFBLEVBQ1QsUUFBUSxjQUFBLEVBQ1IsU0FBUyxlQUFBLEVBQ1QsRUFBRSxRQUFBLEVBQ0Ysa0JBQWtCLHdCQUFBLEVBQ2xCLE9BQU8sYUFBQSxFQUNQLElBQUksVUFBQSxFQUNKLFVBQVUsZ0JBQUEsRUFDVixJQUFJLFVBQUEsRUFDSixRQUFRLGNBQUEsRUFDTCxNQUFNLGNBaEJLLHFLQWlCZixDQURVO0lBRVQsSUFBTSxVQUFVLEdBQUcsTUFBTSxDQUFDLFFBQVEsSUFBSSxLQUFLLENBQUE7SUFDbkMsSUFBQSxNQUFNLEdBQUssaUJBQWlCLEVBQUUsT0FBeEIsQ0FBd0I7SUFFdEMseUNBQXlDO0lBQ3pDLElBQU0sZUFBZSxHQUFHLFVB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
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQnV0dG9uLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vY29tcG9uZW50cy9idXR0b24vQnV0dG9uLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxLQUFLLE1BQU0sT0FBTyxDQUFBO0FBQ3pCLE9BQU8sSUFBSSxNQUFNLE1BQU0sQ0FBQTtBQUN2QixPQUFPLEVBQUUsRUFBRSxFQUFFLE1BQU0sa0JBQWtCLENBQUE7QUFFckMsT0FBTyxFQUFFLHlCQUF5QixFQUFFLE1BQU0sd0JBQXdCLENBQUE7QUFDbEUsT0FBTyxFQUFFLFlBQVksR0FBMkQsTUFBTSxjQUFjLENBQUE7QUFFcEcsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLFdBQVcsQ0FBQTtBQUNyQyxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxXQUFXLENBQUE7QUFDN0MsT0FBTyxFQUFFLElBQUksRUFBRSxNQUFNLG1CQUFtQixDQUFBO0FBRXhDOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7R0FxQkc7QUFFSCxJQUFNLE1BQU0sR0FBRyxVQUFDLEVBa0JGO0lBakJaLElBQUEsTUFBTSxZQUFBLEVBQ04sT0FBTyxhQUFBLEVBQ1AsT0FBTyxhQUFBLEVBQ1AsSUFBSSxVQUFBLEVBQ0osRUFBRSxRQUFBLEVBQ0YsU0FBUyxlQUFBLEVBQ1QsUUFBUSxjQUFBLEVBQ1IsU0FBUyxlQUFBLEVBQ1QsRUFBRSxRQUFBLEVBQ0Ysa0JBQWtCLHdCQUFBLEVBQ2xCLE1BQU0sWUFBQSxFQUNOLE9BQU8sYUFBQSxFQUNQLElBQUksVUFBQSxFQUNKLFVBQVUsZ0JBQUEsRUFDVixJQUFJLFVBQUEsRUFDSixRQUFRLGNBQUEsRUFDTCxNQUFNLGNBakJLLCtLQWtCZixDQURVO0lBRVQsSUFBTSxVQUFVLEdBQUcsTUFBTSxDQUFDLFFBQVEsSUFBSSxLQUFLLENBQUE7SUFDbkMsSUFBQSxNQUFNLEdBQUssaUJBQWlCLEVBQUUsT0FBeEIsQ0FBd0I7SUFFdEMseUNBQXlDO0lBQ3pDLElB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

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

@@ -3,16 +3,17 @@ import { ButtonMarkup, ButtonMarkupValues, ButtonType, ButtonTypeValues, ButtonV
 import { Fullwidth } from '../../objects/facets/Fullwidth';
 import { Accessibility, Clickable, Dev } from '../../objects/facets';
 import { IconName, IconNameValues } from '../../components/icon';
-import { CommonProps } from '../../objects/facets/CommonProps';
 /**
  * Button Interface
  */
-export interface ButtonProps extends Accessibility, Fullwidth, Clickable, Dev, CommonProps {
+export interface ButtonProps extends Accessibility, Fullwidth, Clickable, Dev {
     children?: React.ReactNode;
     disabled?: boolean;
     markup?: ButtonMarkup | ButtonMarkupValues;
     href?: string;
+    className?: string;
     to?: string;
+    id?: string;
     loading?: boolean;
     name?: string;
     routerLink?: React.ElementType;

package/lib/components/button/ButtonPropsDefaults.js

@@ -40,6 +40,13 @@ export default {
       "string"
     ]
   },
+  "className": {
+    "type": "string",
+    "values": [
+      "undefined",
+      "string"
+    ]
+  },
   "to": {
     "type": "string",
     "values": [
@@ -47,6 +54,13 @@ export default {
       "string"
     ]
   },
+  "id": {
+    "type": "string",
+    "values": [
+      "undefined",
+      "string"
+    ]
+  },
   "loading": {
     "type": "boolean",
     "values": [
@@ -354,19 +368,5 @@ export default {
       "undefined",
       "string"
     ]
-  },
-  "id": {
-    "type": "string",
-    "values": [
-      "undefined",
-      "string"
-    ]
-  },
-  "className": {
-    "type": "string",
-    "values": [
-      "undefined",
-      "string"
-    ]
   }
 };

package/lib/components/button/list/ButtonList.d.ts

@@ -1,8 +1,13 @@
 /// <reference types="react" />
-import { ButtonListWebProps } from './ButtonListProps';
+import { ButtonListWebProps } from "./ButtonListProps";
 /**
  * Button List Component
  * @param children {ReactNode} ButtonList children
+ * - -------------------------- WEB PROPERTIES -------------------------------
+ * @param className {string} Additionnal CSS Classes
+ * @param centered {boolean} Centered buttons
+ * @param vertical {boolean} Verical buttons
+ * @param isMobile {boolean} espect mobile screen
  */
-declare const ButtonList: ({ className, id, align, direction, ...others }: ButtonListWebProps) => JSX.Element;
+declare const ButtonList: ({ className, centered, vertical, ...others }: ButtonListWebProps) => JSX.Element;
 export default ButtonList;

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

@@ -1,18 +1,22 @@
 import { __assign, __rest } from "tslib";
-import * as React from 'react';
-import { is } from '../../../services';
-import clsx from 'clsx';
-import { hashClass } from '../../../helpers';
-import { useTrilogyContext } from '../../../context';
-import { getJustifiedClassName } from '../../../objects';
+import * as React from "react";
+import { has } from "../../../services";
+import clsx from "clsx";
+import { hashClass } from "../../../helpers";
+import { useTrilogyContext } from "../../../context";
 /**
  * Button List Component
  * @param children {ReactNode} ButtonList children
+ * - -------------------------- WEB PROPERTIES -------------------------------
+ * @param className {string} Additionnal CSS Classes
+ * @param centered {boolean} Centered buttons
+ * @param vertical {boolean} Verical buttons
+ * @param isMobile {boolean} espect mobile screen
  */
 var ButtonList = function (_a) {
-    var className = _a.className, id = _a.id, align = _a.align, _b = _a.direction, direction = _b === void 0 ? 'row' : _b, others = __rest(_a, ["className", "id", "align", "direction"]);
+    var className = _a.className, centered = _a.centered, vertical = _a.vertical, others = __rest(_a, ["className", "centered", "vertical"]);
     var styled = useTrilogyContext().styled;
-    return (React.createElement("div", __assign({ id: id, className: hashClass(styled, clsx('buttons', className, align && is(getJustifiedClassName(align)), direction === 'column' && 'is-vertical')) }, others)));
+    return (React.createElement("div", __assign({ className: hashClass(styled, clsx("buttons", className, centered && has("text-centered"), vertical && "is-vertical")) }, others)));
 };
 export default ButtonList;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQnV0dG9uTGlzdC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL2NvbXBvbmVudHMvYnV0dG9uL2xpc3QvQnV0dG9uTGlzdC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUFBLE9BQU8sS0FBSyxLQUFLLE1BQU0sT0FBTyxDQUFBO0FBRTlCLE9BQU8sRUFBRSxFQUFFLEVBQUUsTUFBTSxZQUFZLENBQUE7QUFDL0IsT0FBTyxJQUFJLE1BQU0sTUFBTSxDQUFBO0FBQ3ZCLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSxXQUFXLENBQUE7QUFDckMsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sV0FBVyxDQUFBO0FBQzdDLE9BQU8sRUFBRSxxQkFBcUIsRUFBRSxNQUFNLFdBQVcsQ0FBQTtBQUVqRDs7O0dBR0c7QUFFSCxJQUFNLFVBQVUsR0FBRyxVQUFDLEVBQTBFO0lBQXhFLElBQUEsU0FBUyxlQUFBLEVBQUUsRUFBRSxRQUFBLEVBQUUsS0FBSyxXQUFBLEVBQUUsaUJBQWlCLEVBQWpCLFNBQVMsbUJBQUcsS0FBSyxLQUFBLEVBQUssTUFBTSxjQUFwRCx5Q0FBc0QsQ0FBRjtJQUM5RCxJQUFBLE1BQU0sR0FBSyxpQkFBaUIsRUFBRSxPQUF4QixDQUF3QjtJQUV0QyxPQUFPLENBQ0wsc0NBQ0UsRUFBRSxFQUFFLEVBQUUsRUFDTixTQUFTLEVBQUUsU0FBUyxDQUNsQixNQUFNLEVBQ04sSUFBSSxDQUFDLFNBQVMsRUFBRSxTQUFTLEVBQUUsS0FBSyxJQUFJLEVBQUUsQ0FBQyxxQkFBcUIsQ0FBQyxLQUFLLENBQUMsQ0FBQyxFQUFFLFNBQVMsS0FBSyxRQUFRLElBQUksYUFBYSxDQUFDLENBQy9HLElBQ0csTUFBTSxFQUNWLENBQ0gsQ0FBQTtBQUNILENBQUMsQ0FBQTtBQUVELGVBQWUsVUFBVSxDQUFBIn0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQnV0dG9uTGlzdC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL2NvbXBvbmVudHMvYnV0dG9uL2xpc3QvQnV0dG9uTGlzdC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUFBLE9BQU8sS0FBSyxLQUFLLE1BQU0sT0FBTyxDQUFBO0FBRTlCLE9BQU8sRUFBRSxHQUFHLEVBQUUsTUFBTSxZQUFZLENBQUE7QUFDaEMsT0FBTyxJQUFJLE1BQU0sTUFBTSxDQUFBO0FBQ3ZCLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSxXQUFXLENBQUE7QUFDckMsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sV0FBVyxDQUFBO0FBRTdDOzs7Ozs7OztHQVFHO0FBRUgsSUFBTSxVQUFVLEdBQUcsVUFBQyxFQUtDO0lBSm5CLElBQUEsU0FBUyxlQUFBLEVBQ1QsUUFBUSxjQUFBLEVBQ1IsUUFBUSxjQUFBLEVBQ0wsTUFBTSxjQUpTLHFDQUtuQixDQURVO0lBRUQsSUFBQSxNQUFNLEdBQUssaUJBQWlCLEVBQUUsT0FBeEIsQ0FBd0I7SUFFdEMsT0FBTyxDQUNMLHNDQUNFLFNBQVMsRUFBRSxTQUFTLENBQ2xCLE1BQU0sRUFDTixJQUFJLENBQ0YsU0FBUyxFQUNULFNBQVMsRUFDVCxRQUFRLElBQUksR0FBRyxDQUFDLGVBQWUsQ0FBQyxFQUNoQyxRQUFRLElBQUksYUFBYSxDQUMxQixDQUNGLElBQ0csTUFBTSxFQUNWLENBQ0gsQ0FBQTtBQUNILENBQUMsQ0FBQTtBQUVELGVBQWUsVUFBVSxDQUFBIn0=

package/lib/components/button/list/ButtonListProps.d.ts

@@ -1,9 +1,7 @@
 /// <reference types="react" />
-import { Alignable, AlignableValues } from '../../../objects';
+import type { Centerable } from '../../../objects';
 import type { DividerProps } from '../../../components/divider/DividerProps';
 import type { ButtonProps } from '../../../components/button/ButtonProps';
-import { CommonProps } from '../../../objects/facets/CommonProps';
-import { ButtonListDirectionEnum, ButtonListDirectionEnumValues } from '../../../components/button/list/ButtonListEnum';
 type ButtonListChildrenTypes = React.ReactElement<ButtonProps | DividerProps> | undefined;
 /**
  * Button List Interface
@@ -14,8 +12,8 @@ export interface ButtonListProps {
 /**
  * Button List Web Interface
  */
-export interface ButtonListWebProps extends ButtonListProps, CommonProps {
-    direction?: ButtonListDirectionEnum | ButtonListDirectionEnumValues;
-    align?: Alignable | AlignableValues;
+export interface ButtonListWebProps extends ButtonListProps, Centerable {
+    className?: string;
+    vertical?: boolean;
 }
 export {};

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

@@ -1,24 +1,17 @@
 export default {
-  "direction": {
-    "type": "enum",
+  "className": {
+    "type": "string",
     "values": [
       "undefined",
-      "row",
-      "column",
-      "row",
-      "column"
+      "string"
     ]
   },
-  "align": {
-    "type": "enum",
+  "vertical": {
+    "type": "boolean",
     "values": [
       "undefined",
-      "ALIGNED_CENTER",
-      "ALIGNED_START",
-      "ALIGNED_END",
-      "ALIGNED_CENTER",
-      "ALIGNED_START",
-      "ALIGNED_END"
+      "false",
+      "true"
     ]
   },
   "children": {
@@ -29,18 +22,12 @@ export default {
       "ButtonListChildrenTypes[]"
     ]
   },
-  "id": {
-    "type": "string",
-    "values": [
-      "undefined",
-      "string"
-    ]
-  },
-  "className": {
-    "type": "string",
+  "centered": {
+    "type": "boolean",
     "values": [
       "undefined",
-      "string"
+      "false",
+      "true"
     ]
   }
 };

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

@@ -1,5 +1,5 @@
-import React from 'react';
-import { CardProps } from './CardProps';
+import React from "react";
+import { CardProps } from "./CardProps";
 export declare const CardContext: React.Context<{
     horizontal: boolean;
 }>;
@@ -8,14 +8,22 @@ export declare const CardContext: React.Context<{
  * @param flat {boolean} Adding border for Card content
  * @param horizontal {boolean} Horizontal Card orientation
  * @param backgroundColor {TrilogyColor} Card Background Color
+ * @param inverted {boolean} Inverted Card Color
  * @param floating {boolean} Floating card
  * @param onClick {Function} onClick Event
+ * @param children {React.ReactNode}
  * @param skeleton {boolean} Loading card
  * @param reversed {boolean} Reversed card
  * @param active {boolean} Activated card
  * - ------------------ WEB PROPERTIES -----------------------
  * @param className {string} Additionnal CSS Classes
+ * @param to {string} Card link
  * @param fullheight
+ * @param markup {BoxMarkup} Clickable Card => CardMarkup.A Not clickable box => CardMarkup.DIV || null
+ * @param backgroundSrc {string} Source of background Image
+ * @param align { Alignable | AlignableValues} align content
+ * @param justify {JustifiableProps.justify?} Justifiable | "JUSTIFIED_CENTER" | "JUSTIFIED_START" | "JUSTIFIED_END" | "SPACE_BETWEEN" | undefined
+ * @param testId {string} Test Id for Test Integration
  */
-declare const Card: ({ className, id, flat, horizontal, floating, skeleton, onClick, reversed, href, fullheight, active, ...others }: CardProps) => React.JSX.Element;
+declare const Card: React.ForwardRefExoticComponent<CardProps & React.RefAttributes<HTMLElement>>;
 export default Card;