@trilogy-ds/react 0.0.1-beta-sc-1 → 0.0.1-beta-145

package/lib/components/tabs/TabsPropsDefaults.js

@@ -13,14 +13,6 @@ export default {
       "ReactPortal"
     ]
   },
-  "disabled": {
-    "type": "boolean",
-    "values": [
-      "undefined",
-      "false",
-      "true"
-    ]
-  },
   "activeIndex": {
     "type": "string",
     "values": [
@@ -36,21 +28,6 @@ export default {
       "true"
     ]
   },
-  "className": {
-    "type": "string",
-    "values": [
-      "undefined",
-      "string"
-    ]
-  },
-  "marginless": {
-    "type": "boolean",
-    "values": [
-      "undefined",
-      "false",
-      "true"
-    ]
-  },
   "inverted": {
     "type": "boolean",
     "values": [
@@ -60,73 +37,58 @@ export default {
     ]
   },
   "align": {
-    "type": "string",
-    "values": [
-      "undefined",
-      "center",
-      "left",
-      "right"
-    ]
-  },
-  "shadowless": {
-    "type": "boolean",
+    "type": "enum",
     "values": [
       "undefined",
-      "false",
-      "true"
+      "ALIGNED_CENTER",
+      "ALIGNED_START",
+      "ALIGNED_END",
+      "ALIGNED_CENTER",
+      "ALIGNED_START",
+      "ALIGNED_END"
     ]
   },
-  "textAlign": {
+  "verticalAlign": {
     "type": "enum",
     "values": [
       "undefined",
-      "has-text-centered",
-      "has-text-justified",
-      "has-text-left",
-      "has-text-right",
-      "has-text-centered",
-      "has-text-justified",
-      "has-text-left",
-      "has-text-right"
+      "ALIGNED_CENTER",
+      "ALIGNED_START",
+      "ALIGNED_END",
+      "ALIGNED_CENTER",
+      "ALIGNED_START",
+      "ALIGNED_END"
     ]
   },
-  "centered": {
-    "type": "boolean",
+  "onClick": {
+    "type": "function",
     "values": [
       "undefined",
-      "false",
-      "true"
+      "ClickEvent"
     ]
   },
-  "justify": {
-    "type": "enum",
+  "accessibilityLabel": {
+    "type": "string",
     "values": [
       "undefined",
-      "justified-center",
-      "justified-start",
-      "justified-end",
-      "space-between",
-      "JUSTIFIED_CENTER",
-      "JUSTIFIED_START",
-      "JUSTIFIED_END",
-      "SPACE_BETWEEN"
+      "string"
     ]
   },
-  "onClick": {
-    "type": "function",
+  "testId": {
+    "type": "string",
     "values": [
       "undefined",
-      "ClickEvent"
+      "string"
     ]
   },
-  "accessibilityLabel": {
+  "id": {
     "type": "string",
     "values": [
       "undefined",
       "string"
     ]
   },
-  "testId": {
+  "className": {
     "type": "string",
     "values": [
       "undefined",

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

@@ -1,2 +1,6 @@
-export { default as TabsItem } from '../../components/tabs/item/TabsItem';
-export { default as Tabs } from '../../components/tabs/Tabs';
+import Tabs from './Tabs';
+import TabPanels from './tab-panels/TabPanels';
+import TabPanel from './tab-panels/tab-panel/TabPanel';
+import TabList from './tab-list/TabList';
+import Tab from './tab-list/tab/Tab';
+export { Tabs, TabPanel, TabPanels, TabList, Tab };

package/lib/components/tabs/index.js

@@ -1,3 +1,7 @@
-export { default as TabsItem } from '../../components/tabs/item/TabsItem';
-export { default as Tabs } from '../../components/tabs/Tabs';
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9jb21wb25lbnRzL3RhYnMvaW5kZXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLE9BQU8sSUFBSSxRQUFRLEVBQUUsTUFBTSxpQ0FBaUMsQ0FBQTtBQUNyRSxPQUFPLEVBQUUsT0FBTyxJQUFJLElBQUksRUFBRSxNQUFNLHdCQUF3QixDQUFBIn0=
+import Tabs from './Tabs';
+import TabPanels from './tab-panels/TabPanels';
+import TabPanel from './tab-panels/tab-panel/TabPanel';
+import TabList from './tab-list/TabList';
+import Tab from './tab-list/tab/Tab';
+export { Tabs, TabPanel, TabPanels, TabList, Tab };
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9jb21wb25lbnRzL3RhYnMvaW5kZXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxJQUFJLE1BQU0sUUFBUSxDQUFBO0FBQ3pCLE9BQU8sU0FBUyxNQUFNLHdCQUF3QixDQUFBO0FBQzlDLE9BQU8sUUFBUSxNQUFNLGlDQUFpQyxDQUFBO0FBQ3RELE9BQU8sT0FBTyxNQUFNLG9CQUFvQixDQUFBO0FBQ3hDLE9BQU8sR0FBRyxNQUFNLG9CQUFvQixDQUFBO0FBRXBDLE9BQU8sRUFBRSxJQUFJLEVBQUUsUUFBUSxFQUFFLFNBQVMsRUFBRSxPQUFPLEVBQUUsR0FBRyxFQUFFLENBQUEifQ==

package/lib/components/tabs/tab-list/TabList.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import { TabListProps } from './TabListProps';
+/**
+ * Tabs Nav Component
+ * @param children {ReactChild} React Child Element
+ */
+declare const TabList: React.ForwardRefExoticComponent<TabListProps & React.RefAttributes<unknown>>;
+export default TabList;

package/lib/components/tabs/tab-list/TabList.js

@@ -0,0 +1,19 @@
+import { __assign, __rest } from "tslib";
+import React from 'react';
+import { hashClass } from '../../../helpers';
+import clsx from 'clsx';
+import { useTrilogyContext } from '../../../context';
+import { getAlignClassName } from '../../../objects';
+import { is } from '../../../services';
+/**
+ * Tabs Nav Component
+ * @param children {ReactChild} React Child Element
+ */
+var TabList = React.forwardRef(function (props) {
+    var children = props.children, className = props.className, id = props.id, testId = props.testId, align = props.align, others = __rest(props, ["children", "className", "id", "testId", "align"]);
+    var styled = useTrilogyContext().styled;
+    var classes = hashClass(styled, clsx('tab-list', align && is(getAlignClassName(align)), className));
+    return (React.createElement("div", __assign({ id: id, "data-testid": testId, className: classes }, others), children));
+});
+export default TabList;
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVGFiTGlzdC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL2NvbXBvbmVudHMvdGFicy90YWItbGlzdC9UYWJMaXN0LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxLQUFLLE1BQU0sT0FBTyxDQUFBO0FBRXpCLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSxXQUFXLENBQUE7QUFDckMsT0FBTyxJQUFJLE1BQU0sTUFBTSxDQUFBO0FBQ3ZCLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLFdBQVcsQ0FBQTtBQUM3QyxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxXQUFXLENBQUE7QUFDN0MsT0FBTyxFQUFFLEVBQUUsRUFBRSxNQUFNLFlBQVksQ0FBQTtBQUUvQjs7O0dBR0c7QUFDSCxJQUFNLE9BQU8sR0FBRyxLQUFLLENBQUMsVUFBVSxDQUFDLFVBQUMsS0FBbUI7SUFDM0MsSUFBQSxRQUFRLEdBQThDLEtBQUssU0FBbkQsRUFBRSxTQUFTLEdBQW1DLEtBQUssVUFBeEMsRUFBRSxFQUFFLEdBQStCLEtBQUssR0FBcEMsRUFBRSxNQUFNLEdBQXVCLEtBQUssT0FBNUIsRUFBRSxLQUFLLEdBQWdCLEtBQUssTUFBckIsRUFBSyxNQUFNLFVBQUssS0FBSyxFQUE3RCxrREFBcUQsQ0FBRixDQUFVO0lBQzNELElBQUEsTUFBTSxHQUFLLGlCQUFpQixFQUFFLE9BQXhCLENBQXdCO0lBQ3RDLElBQU0sT0FBTyxHQUFHLFNBQVMsQ0FBQyxNQUFNLEVBQUUsSUFBSSxDQUFDLFVBQVUsRUFBRSxLQUFLLElBQUksRUFBRSxDQUFDLGlCQUFpQixDQUFDLEtBQUssQ0FBQyxDQUFDLEVBQUUsU0FBUyxDQUFDLENBQUMsQ0FBQTtJQUVyRyxPQUFPLENBQ0wsc0NBQUssRUFBRSxFQUFFLEVBQUUsaUJBQWUsTUFBTSxFQUFFLFNBQVMsRUFBRSxPQUFPLElBQU0sTUFBTSxHQUM3RCxRQUFRLENBQ0wsQ0FDUCxDQUFBO0FBQ0gsQ0FBQyxDQUFDLENBQUE7QUFFRixlQUFlLE9BQU8sQ0FBQSJ9

package/lib/components/tabs/tab-list/TabListProps.d.ts

@@ -0,0 +1,10 @@
+/// <reference types="react" />
+import { Alignable, AlignableValues, Dev } from '../../../objects';
+import { CommonProps } from '../../../objects/facets/CommonProps';
+/**
+ * Tabs Item Interface
+ */
+export interface TabListProps extends Dev, CommonProps {
+    children: React.ReactNode;
+    align?: Alignable | AlignableValues;
+}

package/lib/components/tabs/tab-list/TabListProps.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVGFiTGlzdFByb3BzLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vY29tcG9uZW50cy90YWJzL3RhYi1saXN0L1RhYkxpc3RQcm9wcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiIn0=

package/lib/components/{progress/item/ProgressItemPropsDefaults.js → tabs/tab-list/TabListPropsDefaults.js}

@@ -13,45 +13,25 @@ export default {
       "ReactPortal"
     ]
   },
-  "percent": {
-    "type": "string",
-    "values": []
-  },
-  "minPercent": {
-    "type": "string",
-    "values": [
-      "undefined",
-      "number"
-    ]
-  },
-  "maxPercent": {
-    "type": "string",
+  "align": {
+    "type": "enum",
     "values": [
       "undefined",
-      "number"
+      "ALIGNED_CENTER",
+      "ALIGNED_START",
+      "ALIGNED_END",
+      "ALIGNED_CENTER",
+      "ALIGNED_START",
+      "ALIGNED_END"
     ]
   },
-  "className": {
+  "testId": {
     "type": "string",
     "values": [
       "undefined",
       "string"
     ]
   },
-  "status": {
-    "type": "enum",
-    "values": [
-      "undefined",
-      "SUCCESS",
-      "INFO",
-      "WARNING",
-      "ERROR",
-      "SUCCESS",
-      "INFO",
-      "WARNING",
-      "ERROR"
-    ]
-  },
   "id": {
     "type": "string",
     "values": [
@@ -59,7 +39,7 @@ export default {
       "string"
     ]
   },
-  "accessibilityLabel": {
+  "className": {
     "type": "string",
     "values": [
       "undefined",

package/lib/components/tabs/tab-list/index.d.ts

@@ -0,0 +1,2 @@
+import TabList from './TabList';
+export default TabList;

package/lib/components/tabs/tab-list/index.js

@@ -0,0 +1,3 @@
+import TabList from './TabList';
+export default TabList;
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9jb21wb25lbnRzL3RhYnMvdGFiLWxpc3QvaW5kZXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxPQUFPLE1BQU0sV0FBVyxDQUFBO0FBRS9CLGVBQWUsT0FBTyxDQUFBIn0=

package/lib/components/tabs/tab-list/tab/Tab.d.ts

@@ -0,0 +1,18 @@
+import React from 'react';
+import { TabProps } from './TabProps';
+/**
+ * Tabs Item Component
+ * @param active {boolean} active tab item
+ * @param children {ReactChild} React Child Element
+ * @param onClick onClick Event
+ * @param iconName {IconNameValues | IconName} add icon name
+ * @param disabled {boolean} disable tab item
+ * - -------------------------- WEB PROPERTIES -------------------------------
+ * @param className {string} Additionnal CSS Classes
+ * @param testId {string} Test Id for Test Integration
+ * @param to {string} Link
+ * @param href {string} <a />
+ * @param routerLink Custom Router Link as props
+ */
+declare const Tab: React.ForwardRefExoticComponent<TabProps & React.RefAttributes<any>>;
+export default Tab;

package/lib/components/tabs/tab-list/tab/Tab.js

@@ -0,0 +1,65 @@
+import { __assign, __read, __rest } from "tslib";
+import clsx from 'clsx';
+import React, { useEffect, useState } from 'react';
+import { hashClass } from '../../../../helpers/hashClassesHelpers';
+import { useTrilogyContext } from '../../../../context/index';
+import { Icon } from '../../../../components/icon';
+/**
+ * Tabs Item Component
+ * @param active {boolean} active tab item
+ * @param children {ReactChild} React Child Element
+ * @param onClick onClick Event
+ * @param iconName {IconNameValues | IconName} add icon name
+ * @param disabled {boolean} disable tab item
+ * - -------------------------- WEB PROPERTIES -------------------------------
+ * @param className {string} Additionnal CSS Classes
+ * @param testId {string} Test Id for Test Integration
+ * @param to {string} Link
+ * @param href {string} <a />
+ * @param routerLink Custom Router Link as props
+ */
+var Tab = React.forwardRef(function (props, ref) {
+    var active = props.active, className = props.className, onClick = props.onClick, to = props.to, href = props.href, routerLink = props.routerLink, iconName = props.iconName, label = props.label, disabled = props.disabled, testId = props.testId, others = __rest(props, ["active", "className", "onClick", "to", "href", "routerLink", "iconName", "label", "disabled", "testId"]);
+    var _a = __read(useState(active || false), 2), activeItem = _a[0], setActiveItem = _a[1];
+    var styled = useTrilogyContext().styled;
+    // accessibility
+    var a11y = {
+        a: {
+            'aria-selected': activeItem,
+            'data-tab-navigation': '',
+        },
+    };
+    useEffect(function () {
+        setActiveItem(active || false);
+    }, [active]);
+    var classes = hashClass(styled, clsx('tab', className, { 'is-active': activeItem }));
+    if (routerLink && (to || href)) {
+        var RouterLink = (routerLink ? routerLink : 'a');
+        return (React.createElement(RouterLink, __assign({ ref: ref, "data-testid": testId, tabIndex: 0 }, a11y.a, { to: to, href: href, className: classes }, others, { onClick: function (e) {
+                if (!disabled) {
+                    var target = e.target;
+                    setActiveItem(active || false);
+                    target.active = active;
+                    if (onClick) {
+                        onClick(e);
+                    }
+                }
+            } }),
+            React.createElement("div", { className: 'tab-icon' }, iconName && React.createElement(Icon, { align: 'ALIGNED_CENTER', size: 'small', name: iconName })),
+            label && label));
+    }
+    return (React.createElement("button", __assign({ ref: ref, "aria-disabled": disabled, disabled: disabled, className: classes, role: 'tab', "data-testid": testId }, a11y.a, others, { onClick: function (e) {
+            if (!disabled) {
+                var target = e.target;
+                setActiveItem(active || false);
+                target.active = active;
+                if (onClick) {
+                    onClick(e);
+                }
+            }
+        } }),
+        React.createElement("div", { className: 'tab-icon' }, iconName && React.createElement(Icon, { align: 'ALIGNED_CENTER', size: 'small', name: iconName })),
+        label && label));
+});
+export default Tab;
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVGFiLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vY29tcG9uZW50cy90YWJzL3RhYi1saXN0L3RhYi9UYWIudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLElBQUksTUFBTSxNQUFNLENBQUE7QUFDdkIsT0FBTyxLQUFLLEVBQUUsRUFBRSxTQUFTLEVBQUUsUUFBUSxFQUFFLE1BQU0sT0FBTyxDQUFBO0FBRWxELE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSw4QkFBOEIsQ0FBQTtBQUN4RCxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQTtBQUNuRCxPQUFPLEVBQUUsSUFBSSxFQUFFLE1BQU0sbUJBQW1CLENBQUE7QUFFeEM7Ozs7Ozs7Ozs7Ozs7R0FhRztBQUNILElBQU0sR0FBRyxHQUFHLEtBQUssQ0FBQyxVQUFVLENBQUMsVUFBQyxLQUFlLEVBQUUsR0FBeUI7SUFDOUQsSUFBQSxNQUFNLEdBQ1osS0FBSyxPQURPLEVBQUUsU0FBUyxHQUN2QixLQUFLLFVBRGtCLEVBQUUsT0FBTyxHQUNoQyxLQUFLLFFBRDJCLEVBQUUsRUFBRSxHQUNwQyxLQUFLLEdBRCtCLEVBQUUsSUFBSSxHQUMxQyxLQUFLLEtBRHFDLEVBQUUsVUFBVSxHQUN0RCxLQUFLLFdBRGlELEVBQUUsUUFBUSxHQUNoRSxLQUFLLFNBRDJELEVBQUUsS0FBSyxHQUN2RSxLQUFLLE1BRGtFLEVBQUUsUUFBUSxHQUNqRixLQUFLLFNBRDRFLEVBQUUsTUFBTSxHQUN6RixLQUFLLE9BRG9GLEVBQUssTUFBTSxVQUNwRyxLQUFLLEVBREQseUdBQWtHLENBQUYsQ0FDL0Y7SUFFRCxJQUFBLEtBQUEsT0FBOEIsUUFBUSxDQUFVLE1BQU0sSUFBSSxLQUFLLENBQUMsSUFBQSxFQUEvRCxVQUFVLFFBQUEsRUFBRSxhQUFhLFFBQXNDLENBQUE7SUFDOUQsSUFBQSxNQUFNLEdBQUssaUJBQWlCLEVBQUUsT0FBeEIsQ0FBd0I7SUFFdEMsZ0JBQWdCO0lBQ2hCLElBQU0sSUFBSSxHQUFHO1FBQ1gsQ0FBQyxFQUFFO1lBQ0QsZUFBZSxFQUFFLFVBQVU7WUFDM0IscUJBQXFCLEVBQUUsRUFBRTtTQUMxQjtLQUNGLENBQUE7SUFFRCxTQUFTLENBQUM7UUFDUixhQUFhLENBQUMsTUFBTSxJQUFJLEtBQUssQ0FBQyxDQUFBO0lBQ2hDLENBQUMsRUFBRSxDQUFDLE1BQU0sQ0FBQyxDQUFDLENBQUE7SUFFWixJQUFNLE9BQU8sR0FBRyxTQUFTLENBQUMsTUFBTSxFQUFFLElBQUksQ0FBQyxLQUFLLEVBQUUsU0FBUyxFQUFFLEVBQUUsV0FBVyxFQUFFLFVBQVUsRUFBRSxDQUFDLENBQUMsQ0FBQTtJQUV0RixJQUFJLFVBQVUsSUFBSSxDQUFDLEVBQUUsSUFBSSxJQUFJLENBQUMsRUFBRTtRQUM5QixJQUFNLFVBQVUsR0FBRyxDQUFDLFVBQVUsQ0FBQyxDQUFDLENBQUMsVUFBVSxDQUFDLENBQUMsQ0FBQyxHQUFHLENBQXNCLENBQUE7UUFDdkUsT0FBTyxDQUNMLG9CQUFDLFVBQVUsYUFDVCxHQUFHLEVBQUUsR0FBRyxpQkFDSyxNQUFNLEVBQ25CLFFBQVEsRUFBRSxDQUFDLElBQ1AsSUFBSSxDQUFDLENBQUMsSUFDVixFQUFFLEVBQUUsRUFBRSxFQUNOLElBQUksRUFBRSxJQUFJLEVBQ1YsU0FBUyxFQUFFLE9BQU8sSUFDZCxNQUFNLElBQ1YsT0FBTyxFQUFFLFVBQUMsQ0FBbUI7Z0JBQzNCLElBQUksQ0FBQyxRQUFRLEVBQUU7b0JBQ2IsSUFBTSxNQUFNLEdBQUcsQ0FBQyxDQUFDLE1BQXlCLENBQUE7b0JBQzFDLGFBQWEsQ0FBQyxNQUFNLElBQUksS0FBSyxDQUFDLENBQUE7b0JBQzlCLE1BQU0sQ0FBQyxNQUFNLEdBQUcsTUFBTSxDQUFBO29CQUN0QixJQUFJLE9BQU8sRUFBRTt3QkFDWCxPQUFPLENBQUMsQ0FBQyxDQUFDLENBQUE7cUJBQ1g7aUJBQ0Y7WUFDSCxDQUFDO1lBRUQsNkJBQUssU0FBUyxFQUFDLFVBQVUsSUFBRSxRQUFRLElBQUksb0JBQUMsSUFBSSxJQUFDLEtBQUssRUFBQyxnQkFBZ0IsRUFBQyxJQUFJLEVBQUMsT0FBTyxFQUFDLElBQUksRUFBRSxRQUFRLEdBQUksQ0FBTztZQUN6RyxLQUFLLElBQUksS0FBSyxDQUNKLENBQ2QsQ0FBQTtLQUNGO0lBRUQsT0FBTyxDQUNMLHlDQUNFLEdBQUcsRUFBRSxHQUFHLG1CQUNPLFFBQVEsRUFDdkIsUUFBUSxFQUFFLFFBQVEsRUFDbEIsU0FBUyxFQUFFLE9BQU8sRUFDbEIsSUFBSSxFQUFDLEtBQUssaUJBQ0csTUFBTSxJQUNmLElBQUksQ0FBQyxDQUFDLEVBQ04sTUFBTSxJQUNWLE9BQU8sRUFBRSxVQUFDLENBQW1CO1lBQzNCLElBQUksQ0FBQyxRQUFRLEVBQUU7Z0JBQ2IsSUFBTSxNQUFNLEdBQUcsQ0FBQyxDQUFDLE1BQXlCLENBQUE7Z0JBQzFDLGFBQWEsQ0FBQyxNQUFNLElBQUksS0FBSyxDQUFDLENBQUE7Z0JBQzlCLE1BQU0sQ0FBQyxNQUFNLEdBQUcsTUFBTSxDQUFBO2dCQUN0QixJQUFJLE9BQU8sRUFBRTtvQkFDWCxPQUFPLENBQUMsQ0FBQyxDQUFDLENBQUE7aUJBQ1g7YUFDRjtRQUNILENBQUM7UUFFRCw2QkFBSyxTQUFTLEVBQUMsVUFBVSxJQUFFLFFBQVEsSUFBSSxvQkFBQyxJQUFJLElBQUMsS0FBSyxFQUFDLGdCQUFnQixFQUFDLElBQUksRUFBQyxPQUFPLEVBQUMsSUFBSSxFQUFFLFFBQVEsR0FBSSxDQUFPO1FBQ3pHLEtBQUssSUFBSSxLQUFLLENBQ1IsQ0FDVixDQUFBO0FBQ0gsQ0FBQyxDQUFDLENBQUE7QUFFRixlQUFlLEdBQUcsQ0FBQSJ9

package/lib/components/tabs/tab-list/tab/TabProps.d.ts

@@ -0,0 +1,16 @@
+/// <reference types="react" />
+import { IconName, IconNameValues } from '../../../../components/icon';
+import { Accessibility, Clickable, Dev } from '../../../../objects';
+import { CommonProps } from '../../../../objects/facets/CommonProps';
+/**
+ * Tabs Item Interface
+ */
+export interface TabProps extends Clickable, Accessibility, Dev, CommonProps {
+    active?: boolean;
+    to?: string;
+    href?: string;
+    routerLink?: React.ElementType;
+    iconName?: IconNameValues | IconName;
+    label?: string;
+    disabled?: boolean;
+}

package/lib/components/tabs/tab-list/tab/TabProps.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVGFiUHJvcHMuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9jb21wb25lbnRzL3RhYnMvdGFiLWxpc3QvdGFiL1RhYlByb3BzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiIifQ==

package/lib/components/tabs/{item/TabsItemPropsDefaults.js → tab-list/tab/TabPropsDefaults.js}

@@ -1,12 +1,4 @@
 export default {
-  "children": {
-    "type": "react",
-    "values": [
-      "string",
-      "number",
-      "JSXElementConstructor<any>>"
-    ]
-  },
   "active": {
     "type": "boolean",
     "values": [
@@ -15,27 +7,6 @@ export default {
       "true"
     ]
   },
-  "className": {
-    "type": "string",
-    "values": [
-      "undefined",
-      "string"
-    ]
-  },
-  "id": {
-    "type": "string",
-    "values": [
-      "undefined",
-      "string"
-    ]
-  },
-  "tabIndex": {
-    "type": "string",
-    "values": [
-      "undefined",
-      "number"
-    ]
-  },
   "to": {
     "type": "string",
     "values": [
@@ -288,15 +259,14 @@ export default {
       "tri-picto-payment-visa"
     ]
   },
-  "disabled": {
-    "type": "boolean",
+  "label": {
+    "type": "string",
     "values": [
       "undefined",
-      "false",
-      "true"
+      "string"
     ]
   },
-  "inverted": {
+  "disabled": {
     "type": "boolean",
     "values": [
       "undefined",
@@ -324,5 +294,19 @@ export default {
       "undefined",
       "string"
     ]
+  },
+  "id": {
+    "type": "string",
+    "values": [
+      "undefined",
+      "string"
+    ]
+  },
+  "className": {
+    "type": "string",
+    "values": [
+      "undefined",
+      "string"
+    ]
   }
 };

package/lib/components/tabs/tab-list/tab/index.d.ts

@@ -0,0 +1,2 @@
+import Tab from './Tab';
+export default Tab;

package/lib/components/tabs/tab-list/tab/index.js

@@ -0,0 +1,3 @@
+import Tab from './Tab';
+export default Tab;
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9jb21wb25lbnRzL3RhYnMvdGFiLWxpc3QvdGFiL2luZGV4LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sR0FBRyxNQUFNLE9BQU8sQ0FBQTtBQUV2QixlQUFlLEdBQUcsQ0FBQSJ9

package/lib/components/tabs/tab-panels/TabPanels.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import { TabPanelsProps } from './TabPanelsProps';
+/**
+ * Tabs Nav Component
+ * @param children {ReactChild} React Child Element
+ */
+declare const TabPanels: React.ForwardRefExoticComponent<TabPanelsProps & React.RefAttributes<unknown>>;
+export default TabPanels;

package/lib/components/tabs/tab-panels/TabPanels.js

@@ -0,0 +1,17 @@
+import { __assign, __rest } from "tslib";
+import React from 'react';
+import { hashClass } from '../../../helpers';
+import clsx from 'clsx';
+import { useTrilogyContext } from '../../../context';
+/**
+ * Tabs Nav Component
+ * @param children {ReactChild} React Child Element
+ */
+var TabPanels = React.forwardRef(function (props) {
+    var children = props.children, className = props.className, id = props.id, testId = props.testId, others = __rest(props, ["children", "className", "id", "testId"]);
+    var styled = useTrilogyContext().styled;
+    var classes = hashClass(styled, clsx('tab-panels', className));
+    return (React.createElement("div", __assign({ id: id, "data-testid": testId, className: classes }, others), children));
+});
+export default TabPanels;
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVGFiUGFuZWxzLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vY29tcG9uZW50cy90YWJzL3RhYi1wYW5lbHMvVGFiUGFuZWxzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxLQUFLLE1BQU0sT0FBTyxDQUFBO0FBRXpCLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSxXQUFXLENBQUE7QUFDckMsT0FBTyxJQUFJLE1BQU0sTUFBTSxDQUFBO0FBQ3ZCLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLFdBQVcsQ0FBQTtBQUU3Qzs7O0dBR0c7QUFDSCxJQUFNLFNBQVMsR0FBRyxLQUFLLENBQUMsVUFBVSxDQUFDLFVBQUMsS0FBcUI7SUFDL0MsSUFBQSxRQUFRLEdBQXVDLEtBQUssU0FBNUMsRUFBRSxTQUFTLEdBQTRCLEtBQUssVUFBakMsRUFBRSxFQUFFLEdBQXdCLEtBQUssR0FBN0IsRUFBRSxNQUFNLEdBQWdCLEtBQUssT0FBckIsRUFBSyxNQUFNLFVBQUssS0FBSyxFQUF0RCx5Q0FBOEMsQ0FBRixDQUFVO0lBQ3BELElBQUEsTUFBTSxHQUFLLGlCQUFpQixFQUFFLE9BQXhCLENBQXdCO0lBQ3RDLElBQU0sT0FBTyxHQUFHLFNBQVMsQ0FBQyxNQUFNLEVBQUUsSUFBSSxDQUFDLFlBQVksRUFBRSxTQUFTLENBQUMsQ0FBQyxDQUFBO0lBRWhFLE9BQU8sQ0FDTCxzQ0FBSyxFQUFFLEVBQUUsRUFBRSxpQkFBZSxNQUFNLEVBQUUsU0FBUyxFQUFFLE9BQU8sSUFBTSxNQUFNLEdBQzdELFFBQVEsQ0FDTCxDQUNQLENBQUE7QUFDSCxDQUFDLENBQUMsQ0FBQTtBQUVGLGVBQWUsU0FBUyxDQUFBIn0=

package/lib/components/tabs/tab-panels/TabPanelsProps.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+import { Dev } from '../../../objects';
+import { CommonProps } from '../../../objects/facets/CommonProps';
+/**
+ * Tabs Item Interface
+ */
+export interface TabPanelsProps extends Dev, CommonProps {
+    children: React.ReactNode;
+}

package/lib/components/tabs/tab-panels/TabPanelsProps.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVGFiUGFuZWxzUHJvcHMuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9jb21wb25lbnRzL3RhYnMvdGFiLXBhbmVscy9UYWJQYW5lbHNQcm9wcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiIn0=

package/lib/components/tabs/tab-panels/TabPanelsPropsDefaults.js

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

package/lib/components/tabs/tab-panels/index.d.ts

@@ -0,0 +1,2 @@
+import TabPanels from './TabPanels';
+export default TabPanels;

package/lib/components/tabs/tab-panels/index.js

@@ -0,0 +1,3 @@
+import TabPanels from './TabPanels';
+export default TabPanels;
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9jb21wb25lbnRzL3RhYnMvdGFiLXBhbmVscy9pbmRleC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLFNBQVMsTUFBTSxhQUFhLENBQUE7QUFFbkMsZUFBZSxTQUFTLENBQUEifQ==

package/lib/components/tabs/tab-panels/tab-panel/TabPanel.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import { TabPanelProps } from './TabPanelProps';
+/**
+ * Tab Panel Component
+ * @param children {ReactChild} React Child Element
+ */
+declare const TabPanel: React.ForwardRefExoticComponent<TabPanelProps & React.RefAttributes<unknown>>;
+export default TabPanel;

package/lib/components/tabs/tab-panels/tab-panel/TabPanel.js

@@ -0,0 +1,17 @@
+import { __assign, __rest } from "tslib";
+import React from 'react';
+import { useTrilogyContext } from '../../../../context';
+import { hashClass } from '../../../../helpers';
+import clsx from 'clsx';
+/**
+ * Tab Panel Component
+ * @param children {ReactChild} React Child Element
+ */
+var TabPanel = React.forwardRef(function (props) {
+    var children = props.children, className = props.className, testId = props.testId, others = __rest(props, ["children", "className", "testId"]);
+    var styled = useTrilogyContext().styled;
+    var classes = hashClass(styled, clsx('tab-panel', className));
+    return (React.createElement("div", __assign({ "data-testid": testId, className: classes }, others), children));
+});
+export default TabPanel;
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVGFiUGFuZWwuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9jb21wb25lbnRzL3RhYnMvdGFiLXBhbmVscy90YWItcGFuZWwvVGFiUGFuZWwudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLEtBQUssTUFBTSxPQUFPLENBQUE7QUFFekIsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sV0FBVyxDQUFBO0FBQzdDLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSxXQUFXLENBQUE7QUFDckMsT0FBTyxJQUFJLE1BQU0sTUFBTSxDQUFBO0FBRXZCOzs7R0FHRztBQUNILElBQU0sUUFBUSxHQUFHLEtBQUssQ0FBQyxVQUFVLENBQUMsVUFBQyxLQUFvQjtJQUM3QyxJQUFBLFFBQVEsR0FBbUMsS0FBSyxTQUF4QyxFQUFFLFNBQVMsR0FBd0IsS0FBSyxVQUE3QixFQUFFLE1BQU0sR0FBZ0IsS0FBSyxPQUFyQixFQUFLLE1BQU0sVUFBSyxLQUFLLEVBQWxELG1DQUEwQyxDQUFGLENBQVU7SUFDaEQsSUFBQSxNQUFNLEdBQUssaUJBQWlCLEVBQUUsT0FBeEIsQ0FBd0I7SUFDdEMsSUFBTSxPQUFPLEdBQUcsU0FBUyxDQUFDLE1BQU0sRUFBRSxJQUFJLENBQUMsV0FBVyxFQUFFLFNBQVMsQ0FBQyxDQUFDLENBQUE7SUFFL0QsT0FBTyxDQUNMLHFEQUFrQixNQUFNLEVBQUUsU0FBUyxFQUFFLE9BQU8sSUFBTSxNQUFNLEdBQ3JELFFBQVEsQ0FDTCxDQUNQLENBQUE7QUFDSCxDQUFDLENBQUMsQ0FBQTtBQUVGLGVBQWUsUUFBUSxDQUFBIn0=

package/lib/components/tabs/tab-panels/tab-panel/TabPanelProps.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+import { Dev } from '../../../../objects';
+/**
+ * Tabs Item Interface
+ */
+export interface TabPanelProps extends Dev {
+    children: React.ReactNode;
+    className?: string;
+}

package/lib/components/tabs/tab-panels/tab-panel/TabPanelProps.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVGFiUGFuZWxQcm9wcy5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL2NvbXBvbmVudHMvdGFicy90YWItcGFuZWxzL3RhYi1wYW5lbC9UYWJQYW5lbFByb3BzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiIifQ==

package/lib/components/tabs/tab-panels/tab-panel/index.d.ts

@@ -0,0 +1,2 @@
+import TabPanel from './TabPanel';
+export default TabPanel;

package/lib/components/tabs/tab-panels/tab-panel/index.js

@@ -0,0 +1,3 @@
+import TabPanel from './TabPanel';
+export default TabPanel;
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9jb21wb25lbnRzL3RhYnMvdGFiLXBhbmVscy90YWItcGFuZWwvaW5kZXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxRQUFRLE1BQU0sWUFBWSxDQUFBO0FBRWpDLGVBQWUsUUFBUSxDQUFBIn0=

package/lib/components/tag/Tag.d.ts

@@ -1,4 +1,15 @@
-import React from 'react';
-import { TagProps } from '../../components/tag/TagProps';
-declare const _default: React.ForwardRefExoticComponent<TagProps & React.RefAttributes<HTMLSpanElement>>;
-export default _default;
+/// <reference types="react" />
+import { TagProps } from './TagProps';
+/**
+ * Tag Component
+ * @param children {ReactNode} Add childrens for tag
+ * @param variant {TagVariant} Available tag variants
+ * @param inverted {boolean} Inverted tag
+ * @param small {boolean} display small tag
+ * @param iconName {IconName} display icon
+ * @param testId {string} Test Id for Test Integration
+ * - -------------------------- WEB PROPERTIES -------------------------------
+ * @param className {string} Additionnal CSS Classes
+ **/
+declare const Tag: ({ label, className, id, variant, inverted, small, iconName, ...others }: TagProps) => JSX.Element;
+export default Tag;