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

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,12 @@
+import React from 'react';
+import { TabPanelsProps } from './TabPanelsProps';
+/**
+ * Tabs Nav Component
+ * @param children {ReactChild} React Child Element
+ * @param className
+ * @param id
+ * @param testId
+ * @param others
+ */
+declare const TabPanels: ({ children, className, id, testId, ...others }: TabPanelsProps) => React.JSX.Element;
+export default TabPanels;

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

@@ -0,0 +1,21 @@
+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
+ * @param className
+ * @param id
+ * @param testId
+ * @param others
+ */
+var TabPanels = function (_a) {
+    var children = _a.children, className = _a.className, id = _a.id, testId = _a.testId, others = __rest(_a, ["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,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVGFiUGFuZWxzLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vY29tcG9uZW50cy90YWJzL3RhYi1wYW5lbHMvVGFiUGFuZWxzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxLQUFLLE1BQU0sT0FBTyxDQUFBO0FBRXpCLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSxXQUFXLENBQUE7QUFDckMsT0FBTyxJQUFJLE1BQU0sTUFBTSxDQUFBO0FBQ3ZCLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLFdBQVcsQ0FBQTtBQUU3Qzs7Ozs7OztHQU9HO0FBQ0gsSUFBTSxTQUFTLEdBQUcsVUFBQyxFQUE4RDtJQUE1RCxJQUFBLFFBQVEsY0FBQSxFQUFFLFNBQVMsZUFBQSxFQUFFLEVBQUUsUUFBQSxFQUFFLE1BQU0sWUFBQSxFQUFLLE1BQU0sY0FBNUMseUNBQThDLENBQUY7SUFDckQsSUFBQSxNQUFNLEdBQUssaUJBQWlCLEVBQUUsT0FBeEIsQ0FBd0I7SUFDdEMsSUFBTSxPQUFPLEdBQUcsU0FBUyxDQUFDLE1BQU0sRUFBRSxJQUFJLENBQUMsWUFBWSxFQUFFLFNBQVMsQ0FBQyxDQUFDLENBQUE7SUFFaEUsT0FBTyxDQUNMLHNDQUFLLEVBQUUsRUFBRSxFQUFFLGlCQUFlLE1BQU0sRUFBRSxTQUFTLEVBQUUsT0FBTyxJQUFNLE1BQU0sR0FDN0QsUUFBUSxDQUNMLENBQ1AsQ0FBQTtBQUNILENBQUMsQ0FBQTtBQUVELGVBQWUsU0FBUyxDQUFBIn0=

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,11 @@
+import React from 'react';
+import { TabPanelProps } from './TabPanelProps';
+/**
+ * Tab Panel Component
+ * @param children {ReactChild} React Child Element
+ * @param className
+ * @param testId
+ * @param others
+ */
+declare const TabPanel: ({ children, className, testId, ...others }: TabPanelProps) => React.JSX.Element;
+export default TabPanel;

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

@@ -0,0 +1,20 @@
+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
+ * @param className
+ * @param testId
+ * @param others
+ */
+var TabPanel = function (_a) {
+    var children = _a.children, className = _a.className, testId = _a.testId, others = __rest(_a, ["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,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVGFiUGFuZWwuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9jb21wb25lbnRzL3RhYnMvdGFiLXBhbmVscy90YWItcGFuZWwvVGFiUGFuZWwudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLEtBQUssTUFBTSxPQUFPLENBQUE7QUFFekIsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sV0FBVyxDQUFBO0FBQzdDLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSxXQUFXLENBQUE7QUFDckMsT0FBTyxJQUFJLE1BQU0sTUFBTSxDQUFBO0FBRXZCOzs7Ozs7R0FNRztBQUNILElBQU0sUUFBUSxHQUFHLFVBQUMsRUFBeUQ7SUFBdkQsSUFBQSxRQUFRLGNBQUEsRUFBRSxTQUFTLGVBQUEsRUFBRSxNQUFNLFlBQUEsRUFBSyxNQUFNLGNBQXhDLG1DQUEwQyxDQUFGO0lBQ2hELElBQUEsTUFBTSxHQUFLLGlCQUFpQixFQUFFLE9BQXhCLENBQXdCO0lBQ3RDLElBQU0sT0FBTyxHQUFHLFNBQVMsQ0FBQyxNQUFNLEVBQUUsSUFBSSxDQUFDLFdBQVcsRUFBRSxTQUFTLENBQUMsQ0FBQyxDQUFBO0lBRS9ELE9BQU8sQ0FDTCxxREFBa0IsTUFBTSxFQUFFLFNBQVMsRUFBRSxPQUFPLElBQU0sTUFBTSxHQUNyRCxRQUFRLENBQ0wsQ0FDUCxDQUFBO0FBQ0gsQ0FBQyxDQUFBO0FBRUQsZUFBZSxRQUFRLENBQUEifQ==

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

@@ -11,5 +11,5 @@ import { TagProps } from './TagProps';
  * - -------------------------- WEB PROPERTIES -------------------------------
  * @param className {string} Additionnal CSS Classes
  **/
-declare const Tag: ({ children, className, variant, inverted, small, iconName, testId, ...others }: TagProps) => JSX.Element;
+declare const Tag: ({ label, className, id, variant, inverted, small, iconName, ...others }: TagProps) => JSX.Element;
 export default Tag;

package/lib/components/tag/Tag.js

@@ -18,13 +18,13 @@ import { Icon } from '../icon';
  * @param className {string} Additionnal CSS Classes
  **/
 var Tag = function (_a) {
-    var children = _a.children, className = _a.className, variant = _a.variant, inverted = _a.inverted, small = _a.small, iconName = _a.iconName, testId = _a.testId, others = __rest(_a, ["children", "className", "variant", "inverted", "small", "iconName", "testId"]);
+    var label = _a.label, className = _a.className, id = _a.id, variant = _a.variant, inverted = _a.inverted, small = _a.small, iconName = _a.iconName, others = __rest(_a, ["label", "className", "id", "variant", "inverted", "small", "iconName"]);
     var styled = useTrilogyContext().styled;
     var tagClassNames = hashClass(styled, clsx('tag', variant && is(getColorClassName(variant)), inverted && is('inverted'), small && is('small'), className));
     var tagIconClassNames = hashClass(styled, clsx(variant && is(getColorClassName(variant))));
-    return (React.createElement("span", __assign({ "data-testid": testId, className: tagClassNames }, others),
+    return (React.createElement("span", __assign({ id: id, className: tagClassNames }, others),
         iconName && React.createElement(Icon, { className: tagIconClassNames, name: iconName }),
-        children));
+        label));
 };
 export default Tag;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVGFnLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vY29tcG9uZW50cy90YWcvVGFnLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sV0FBVyxDQUFBO0FBQzdDLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSxXQUFXLENBQUE7QUFDckMsT0FBTyxFQUFFLGlCQUFpQixFQUFvQyxNQUFNLHdCQUF3QixDQUFBO0FBQzVGLE9BQU8sRUFBRSxFQUFFLEVBQUUsTUFBTSxxQkFBcUIsQ0FBQTtBQUN4QyxPQUFPLElBQUksTUFBTSxNQUFNLENBQUE7QUFDdkIsT0FBTyxLQUFLLE1BQU0sT0FBTyxDQUFBO0FBQ3pCLE9BQU8sRUFBRSxJQUFJLEVBQUUsTUFBTSxTQUFTLENBQUE7QUFHOUI7Ozs7Ozs7Ozs7SUFVSTtBQUNKLElBQU0sR0FBRyxHQUFHLFVBQUMsRUFBd0Y7SUFBdEYsSUFBQSxRQUFRLGNBQUEsRUFBRSxTQUFTLGVBQUEsRUFBRSxPQUFPLGFBQUEsRUFBRSxRQUFRLGNBQUEsRUFBRSxLQUFLLFdBQUEsRUFBRSxRQUFRLGNBQUEsRUFBRSxNQUFNLFlBQUEsRUFBSyxNQUFNLGNBQTVFLCtFQUE4RSxDQUFGO0lBQy9FLElBQUEsTUFBTSxHQUFLLGlCQUFpQixFQUFFLE9BQXhCLENBQXdCO0lBRXRDLElBQU0sYUFBYSxHQUFHLFNBQVMsQ0FDN0IsTUFBTSxFQUNOLElBQUksQ0FDRixLQUFLLEVBRUwsT0FBTyxJQUFJLEVBQUUsQ0FBQyxpQkFBaUIsQ0FBQyxPQUE0QyxDQUFDLENBQUMsRUFDOUUsUUFBUSxJQUFJLEVBQUUsQ0FBQyxVQUFVLENBQUMsRUFDMUIsS0FBSyxJQUFJLEVBQUUsQ0FBQyxPQUFPLENBQUMsRUFDcEIsU0FBUyxDQUNWLENBQ0YsQ0FBQTtJQUVELElBQU0saUJBQWlCLEdBQUcsU0FBUyxDQUNqQyxNQUFNLEVBQ04sSUFBSSxDQUFDLE9BQU8sSUFBSSxFQUFFLENBQUMsaUJBQWlCLENBQUMsT0FBNEMsQ0FBQyxDQUFDLENBQUMsQ0FDckYsQ0FBQTtJQUVELE9BQU8sQ0FDTCxzREFBbUIsTUFBTSxFQUFFLFNBQVMsRUFBRSxhQUFhLElBQU0sTUFBTTtRQUM1RCxRQUFRLElBQUksb0JBQUMsSUFBSSxJQUFDLFNBQVMsRUFBRSxpQkFBaUIsRUFBRSxJQUFJLEVBQUUsUUFBUSxHQUFJO1FBQ2xFLFFBQVEsQ0FDSixDQUNSLENBQUE7QUFDSCxDQUFDLENBQUE7QUFFRCxlQUFlLEdBQUcsQ0FBQSJ9
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVGFnLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vY29tcG9uZW50cy90YWcvVGFnLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sV0FBVyxDQUFBO0FBQzdDLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSxXQUFXLENBQUE7QUFDckMsT0FBTyxFQUFFLGlCQUFpQixFQUFvQyxNQUFNLHdCQUF3QixDQUFBO0FBQzVGLE9BQU8sRUFBRSxFQUFFLEVBQUUsTUFBTSxxQkFBcUIsQ0FBQTtBQUN4QyxPQUFPLElBQUksTUFBTSxNQUFNLENBQUE7QUFDdkIsT0FBTyxLQUFLLE1BQU0sT0FBTyxDQUFBO0FBQ3pCLE9BQU8sRUFBRSxJQUFJLEVBQUUsTUFBTSxTQUFTLENBQUE7QUFHOUI7Ozs7Ozs7Ozs7SUFVSTtBQUNKLElBQU0sR0FBRyxHQUFHLFVBQUMsRUFBaUY7SUFBL0UsSUFBQSxLQUFLLFdBQUEsRUFBRSxTQUFTLGVBQUEsRUFBRSxFQUFFLFFBQUEsRUFBRSxPQUFPLGFBQUEsRUFBRSxRQUFRLGNBQUEsRUFBRSxLQUFLLFdBQUEsRUFBRSxRQUFRLGNBQUEsRUFBSyxNQUFNLGNBQXJFLHdFQUF1RSxDQUFGO0lBQ3hFLElBQUEsTUFBTSxHQUFLLGlCQUFpQixFQUFFLE9BQXhCLENBQXdCO0lBRXRDLElBQU0sYUFBYSxHQUFHLFNBQVMsQ0FDN0IsTUFBTSxFQUNOLElBQUksQ0FDRixLQUFLLEVBQ0wsT0FBTyxJQUFJLEVBQUUsQ0FBQyxpQkFBaUIsQ0FBQyxPQUE0QyxDQUFDLENBQUMsRUFDOUUsUUFBUSxJQUFJLEVBQUUsQ0FBQyxVQUFVLENBQUMsRUFDMUIsS0FBSyxJQUFJLEVBQUUsQ0FBQyxPQUFPLENBQUMsRUFDcEIsU0FBUyxDQUNWLENBQ0YsQ0FBQTtJQUVELElBQU0saUJBQWlCLEdBQUcsU0FBUyxDQUNqQyxNQUFNLEVBQ04sSUFBSSxDQUFDLE9BQU8sSUFBSSxFQUFFLENBQUMsaUJBQWlCLENBQUMsT0FBNEMsQ0FBQyxDQUFDLENBQUMsQ0FDckYsQ0FBQTtJQUVELE9BQU8sQ0FDTCx1Q0FBTSxFQUFFLEVBQUUsRUFBRSxFQUFFLFNBQVMsRUFBRSxhQUFhLElBQU0sTUFBTTtRQUMvQyxRQUFRLElBQUksb0JBQUMsSUFBSSxJQUFDLFNBQVMsRUFBRSxpQkFBaUIsRUFBRSxJQUFJLEVBQUUsUUFBUSxHQUFJO1FBQ2xFLEtBQUssQ0FDRCxDQUNSLENBQUE7QUFDSCxDQUFDLENBQUE7QUFFRCxlQUFlLEdBQUcsQ0FBQSJ9

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

@@ -11,7 +11,7 @@ import { TagProps } from './TagProps';
  * @param testId {string} Test Id for Test Integration
  **/
 declare const Tag: {
-    ({ children, variant, inverted, iconName, small, testId, ...others }: TagProps): JSX.Element;
+    ({ label, variant, inverted, iconName, small, testId, ...others }: TagProps): JSX.Element;
     displayName: ComponentName;
 };
 export default Tag;

package/lib/components/tag/Tag.native.js

@@ -15,7 +15,7 @@ import { StyleSheet, Text, View } from 'react-native';
  * @param testId {string} Test Id for Test Integration
  **/
 var Tag = function (_a) {
-    var children = _a.children, variant = _a.variant, inverted = _a.inverted, iconName = _a.iconName, small = _a.small, testId = _a.testId, others = __rest(_a, ["children", "variant", "inverted", "iconName", "small", "testId"]);
+    var label = _a.label, variant = _a.variant, inverted = _a.inverted, iconName = _a.iconName, small = _a.small, testId = _a.testId, others = __rest(_a, ["label", "variant", "inverted", "iconName", "small", "testId"]);
     var textColor = inverted ? getColorStyle(variant) : getColorStyle(TrilogyColor.MAIN);
     var backgroundColor = variant && getStatusStyle(variant).backgroundColor;
     var styles = StyleSheet.create({
@@ -50,9 +50,9 @@ var Tag = function (_a) {
         },
     });
     return (React.createElement(View, __assign({ style: styles.tag }, others),
-        iconName && (React.createElement(Icon, { size: small ? IconSize.SMALLER : IconSize.SMALL, style: styles.iconLeft, name: iconName, testId: "".concat(testId, "-icon") })),
-        React.createElement(Text, { style: styles.text }, children)));
+        iconName && (React.createElement(Icon, { size: small ? IconSize.SMALLER : IconSize.SMALL, name: iconName, testId: "".concat(testId, "-icon") })),
+        React.createElement(Text, { style: styles.text }, label)));
 };
 Tag.displayName = ComponentName.Tag;
 export default Tag;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVGFnLm5hdGl2ZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL2NvbXBvbmVudHMvdGFnL1RhZy5uYXRpdmUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sa0NBQWtDLENBQUE7QUFDaEUsT0FBTyxFQUFFLElBQUksRUFBWSxRQUFRLEVBQUUsTUFBTSxtQkFBbUIsQ0FBQTtBQUM1RCxPQUFPLEVBQUUsYUFBYSxFQUFFLFlBQVksRUFBRSxNQUFNLHdCQUF3QixDQUFBO0FBQ3BFLE9BQU8sRUFBRSxjQUFjLEVBQUUsTUFBTSx5QkFBeUIsQ0FBQTtBQUN4RCxPQUFPLEtBQUssTUFBTSxPQUFPLENBQUE7QUFDekIsT0FBTyxFQUFFLFVBQVUsRUFBRSxJQUFJLEVBQUUsSUFBSSxFQUFFLE1BQU0sY0FBYyxDQUFBO0FBR3JEOzs7Ozs7OztJQVFJO0FBQ0osSUFBTSxHQUFHLEdBQUcsVUFBQyxFQUE2RTtJQUEzRSxJQUFBLFFBQVEsY0FBQSxFQUFFLE9BQU8sYUFBQSxFQUFFLFFBQVEsY0FBQSxFQUFFLFFBQVEsY0FBQSxFQUFFLEtBQUssV0FBQSxFQUFFLE1BQU0sWUFBQSxFQUFLLE1BQU0sY0FBakUsa0VBQW1FLENBQUY7SUFDNUUsSUFBTSxTQUFTLEdBQUcsUUFBUSxDQUFDLENBQUMsQ0FBQyxhQUFhLENBQUMsT0FBdUIsQ0FBQyxDQUFDLENBQUMsQ0FBQyxhQUFhLENBQUMsWUFBWSxDQUFDLElBQUksQ0FBQyxDQUFBO0lBRXRHLElBQU0sZUFBZSxHQUFHLE9BQU8sSUFBSSxjQUFjLENBQUMsT0FBTyxDQUFDLENBQUMsZUFBZSxDQUFBO0lBRTFFLElBQU0sTUFBTSxHQUFHLFVBQVUsQ0FBQyxNQUFNLENBQUM7UUFDL0IsR0FBRyxFQUFFO1lBQ0gsYUFBYSxFQUFFLEtBQUs7WUFDcEIsY0FBYyxFQUFFLFFBQVE7WUFDeEIsVUFBVSxFQUFFLFFBQVE7WUFDcEIsU0FBUyxFQUFFLFVBQVU7WUFDckIsWUFBWSxFQUFFLEVBQUU7WUFDaEIsaUJBQWlCLEVBQUUsQ0FBQztZQUNwQixlQUFlLEVBQUUsQ0FBQztZQUNsQixlQUFlLEVBQ2IsQ0FBQyxRQUFRLElBQUksYUFBYSxDQUFDLFlBQVksQ0FBQyxVQUFVLENBQUMsQ0FBQztnQkFDcEQsQ0FBQyxPQUFPLElBQUssZUFBZ0MsQ0FBQztnQkFDOUMsYUFBYSxDQUFDLFlBQVksQ0FBQyxZQUFZLENBQUM7U0FDM0M7UUFDRCxJQUFJLEVBQUU7WUFDSixTQUFTLEVBQUUsUUFBUTtZQUNuQixVQUFVLEVBQUUsUUFBUTtZQUNwQixVQUFVLEVBQUUsS0FBSztZQUNqQixjQUFjLEVBQUUsUUFBUTtZQUN4QixLQUFLLEVBQUUsU0FBUztZQUNoQixRQUFRLEVBQUUsS0FBSyxDQUFDLENBQUMsQ0FBQyxFQUFFLENBQUMsQ0FBQyxDQUFDLEVBQUU7U0FDMUI7UUFDRCxJQUFJLEVBQUU7WUFDSixTQUFTLEVBQUUsQ0FBQztTQUNiO1FBRUQsUUFBUSxFQUFFO1lBQ1IsV0FBVyxFQUFFLEtBQUssQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDO1NBQzNCO1FBRUQsTUFBTSxFQUFFO1lBQ04sYUFBYSxFQUFFLEtBQUs7U0FDckI7S0FDRixDQUFDLENBQUE7SUFFRixPQUFPLENBQ0wsb0JBQUMsSUFBSSxhQUFDLEtBQUssRUFBRSxNQUFNLENBQUMsR0FBRyxJQUFNLE1BQU07UUFDaEMsUUFBUSxJQUFJLENBQ1gsb0JBQUMsSUFBSSxJQUNILElBQUksRUFBRSxLQUFLLENBQUMsQ0FBQyxDQUFDLFFBQVEsQ0FBQyxPQUFPLENBQUMsQ0FBQyxDQUFDLFFBQVEsQ0FBQyxLQUFLLEVBQy9DLEtBQUssRUFBRSxNQUFNLENBQUMsUUFBUSxFQUN0QixJQUFJLEVBQUUsUUFBUSxFQUNkLE1BQU0sRUFBRSxVQUFHLE1BQU0sVUFBTyxHQUN4QixDQUNIO1FBQ0Qsb0JBQUMsSUFBSSxJQUFDLEtBQUssRUFBRSxNQUFNLENBQUMsSUFBSSxJQUFHLFFBQVEsQ0FBUSxDQUN0QyxDQUNSLENBQUE7QUFDSCxDQUFDLENBQUE7QUFFRCxHQUFHLENBQUMsV0FBVyxHQUFHLGFBQWEsQ0FBQyxHQUFHLENBQUE7QUFFbkMsZUFBZSxHQUFHLENBQUEifQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVGFnLm5hdGl2ZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL2NvbXBvbmVudHMvdGFnL1RhZy5uYXRpdmUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sa0NBQWtDLENBQUE7QUFDaEUsT0FBTyxFQUFFLElBQUksRUFBWSxRQUFRLEVBQUUsTUFBTSxtQkFBbUIsQ0FBQTtBQUM1RCxPQUFPLEVBQUUsYUFBYSxFQUFFLFlBQVksRUFBRSxNQUFNLHdCQUF3QixDQUFBO0FBQ3BFLE9BQU8sRUFBRSxjQUFjLEVBQUUsTUFBTSx5QkFBeUIsQ0FBQTtBQUN4RCxPQUFPLEtBQUssTUFBTSxPQUFPLENBQUE7QUFDekIsT0FBTyxFQUFFLFVBQVUsRUFBRSxJQUFJLEVBQUUsSUFBSSxFQUFFLE1BQU0sY0FBYyxDQUFBO0FBR3JEOzs7Ozs7OztJQVFJO0FBQ0osSUFBTSxHQUFHLEdBQUcsVUFBQyxFQUEwRTtJQUF4RSxJQUFBLEtBQUssV0FBQSxFQUFFLE9BQU8sYUFBQSxFQUFFLFFBQVEsY0FBQSxFQUFFLFFBQVEsY0FBQSxFQUFFLEtBQUssV0FBQSxFQUFFLE1BQU0sWUFBQSxFQUFLLE1BQU0sY0FBOUQsK0RBQWdFLENBQUY7SUFDekUsSUFBTSxTQUFTLEdBQUcsUUFBUSxDQUFDLENBQUMsQ0FBQyxhQUFhLENBQUMsT0FBdUIsQ0FBQyxDQUFDLENBQUMsQ0FBQyxhQUFhLENBQUMsWUFBWSxDQUFDLElBQUksQ0FBQyxDQUFBO0lBRXRHLElBQU0sZUFBZSxHQUFHLE9BQU8sSUFBSSxjQUFjLENBQUMsT0FBTyxDQUFDLENBQUMsZUFBZSxDQUFBO0lBRTFFLElBQU0sTUFBTSxHQUFHLFVBQVUsQ0FBQyxNQUFNLENBQUM7UUFDL0IsR0FBRyxFQUFFO1lBQ0gsYUFBYSxFQUFFLEtBQUs7WUFDcEIsY0FBYyxFQUFFLFFBQVE7WUFDeEIsVUFBVSxFQUFFLFFBQVE7WUFDcEIsU0FBUyxFQUFFLFVBQVU7WUFDckIsWUFBWSxFQUFFLEVBQUU7WUFDaEIsaUJBQWlCLEVBQUUsQ0FBQztZQUNwQixlQUFlLEVBQUUsQ0FBQztZQUNsQixlQUFlLEVBQ2IsQ0FBQyxRQUFRLElBQUksYUFBYSxDQUFDLFlBQVksQ0FBQyxVQUFVLENBQUMsQ0FBQztnQkFDcEQsQ0FBQyxPQUFPLElBQUssZUFBZ0MsQ0FBQztnQkFDOUMsYUFBYSxDQUFDLFlBQVksQ0FBQyxZQUFZLENBQUM7U0FDM0M7UUFDRCxJQUFJLEVBQUU7WUFDSixTQUFTLEVBQUUsUUFBUTtZQUNuQixVQUFVLEVBQUUsUUFBUTtZQUNwQixVQUFVLEVBQUUsS0FBSztZQUNqQixjQUFjLEVBQUUsUUFBUTtZQUN4QixLQUFLLEVBQUUsU0FBUztZQUNoQixRQUFRLEVBQUUsS0FBSyxDQUFDLENBQUMsQ0FBQyxFQUFFLENBQUMsQ0FBQyxDQUFDLEVBQUU7U0FDMUI7UUFDRCxJQUFJLEVBQUU7WUFDSixTQUFTLEVBQUUsQ0FBQztTQUNiO1FBRUQsUUFBUSxFQUFFO1lBQ1IsV0FBVyxFQUFFLEtBQUssQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDO1NBQzNCO1FBRUQsTUFBTSxFQUFFO1lBQ04sYUFBYSxFQUFFLEtBQUs7U0FDckI7S0FDRixDQUFDLENBQUE7SUFFRixPQUFPLENBQ0wsb0JBQUMsSUFBSSxhQUFDLEtBQUssRUFBRSxNQUFNLENBQUMsR0FBRyxJQUFNLE1BQU07UUFDaEMsUUFBUSxJQUFJLENBQ1gsb0JBQUMsSUFBSSxJQUNILElBQUksRUFBRSxLQUFLLENBQUMsQ0FBQyxDQUFDLFFBQVEsQ0FBQyxPQUFPLENBQUMsQ0FBQyxDQUFDLFFBQVEsQ0FBQyxLQUFLLEVBQy9DLElBQUksRUFBRSxRQUFRLEVBQ2QsTUFBTSxFQUFFLFVBQUcsTUFBTSxVQUFPLEdBQ3hCLENBQ0g7UUFDRCxvQkFBQyxJQUFJLElBQUMsS0FBSyxFQUFFLE1BQU0sQ0FBQyxJQUFJLElBQUcsS0FBSyxDQUFRLENBQ25DLENBQ1IsQ0FBQTtBQUNILENBQUMsQ0FBQTtBQUVELEdBQUcsQ0FBQyxXQUFXLEdBQUcsYUFBYSxDQUFDLEdBQUcsQ0FBQTtBQUVuQyxlQUFlLEdBQUcsQ0FBQSJ9

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

@@ -2,6 +2,7 @@
 import { IconName } from '../../components/icon';
 import { Accessibility, Dev } from '../../objects';
 import { TagVariant, TagVariantValues } from './TagEnum';
+import { CommonProps } from '../../objects/facets/CommonProps';
 type TagClickEventHandler = React.MouseEvent<Element> | unknown;
 export interface TagClickEvent {
     (e: TagClickEventHandler): void;
@@ -9,11 +10,10 @@ export interface TagClickEvent {
 /**
  * Tag Interface
  */
-export interface TagProps extends Accessibility, Dev {
-    children?: React.ReactNode;
+export interface TagProps extends Accessibility, Dev, CommonProps {
+    label: string;
     variant?: TagVariant | TagVariantValues;
     inverted?: boolean;
-    className?: string;
     iconName?: IconName;
     small?: boolean;
 }

package/lib/components/tag/TagPropsDefaults.js

@@ -1,17 +1,7 @@
 export default {
-  "children": {
-    "type": "react",
-    "values": [
-      "undefined",
-      "null",
-      "string",
-      "number",
-      "false",
-      "true",
-      "JSXElementConstructor<any>>",
-      "ReactNode>",
-      "ReactPortal"
-    ]
+  "label": {
+    "type": "string",
+    "values": []
   },
   "variant": {
     "type": "enum",
@@ -35,13 +25,6 @@ export default {
       "true"
     ]
   },
-  "className": {
-    "type": "string",
-    "values": [
-      "undefined",
-      "string"
-    ]
-  },
   "iconName": {
     "type": "enum",
     "values": [
@@ -92,5 +75,19 @@ export default {
       "undefined",
       "string"
     ]
+  },
+  "id": {
+    "type": "string",
+    "values": [
+      "undefined",
+      "string"
+    ]
+  },
+  "className": {
+    "type": "string",
+    "values": [
+      "undefined",
+      "string"
+    ]
   }
 };

package/lib/components/tag/list/TagList.d.ts

@@ -1,13 +1,11 @@
-import * as React from "react";
-import { TagListProps } from "./TagListProps";
+import * as React from 'react';
+import { TagListProps } from './TagListProps';
 /**
  * Tag List Component
  * @param children {ReactNode} Children Tag List
- * @param centered {boolean} Center tags
- * @param gapless {boolean} Delete margins between tags
  * @param marginless {boolean} delete margin
  *  - -------------------------- WEB PROPERTIES -------------------------------
  * @param className {string} Additionnal CSS Classes
  */
-declare const TagList: React.ForwardRefExoticComponent<TagListProps & React.RefAttributes<HTMLElement>>;
+declare const TagList: ({ className, id, align, marginless, ...others }: TagListProps) => React.JSX.Element;
 export default TagList;

package/lib/components/tag/list/TagList.js

@@ -1,22 +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 { is } from "../../../services";
+import * as React from 'react';
+import clsx from 'clsx';
+import { hashClass } from '../../../helpers';
+import { useTrilogyContext } from '../../../context';
+import { is } from '../../../services';
+import { getJustifiedClassName } from '../../../objects';
 /**
  * Tag List Component
  * @param children {ReactNode} Children Tag List
- * @param centered {boolean} Center tags
- * @param gapless {boolean} Delete margins between tags
  * @param marginless {boolean} delete margin
  *  - -------------------------- WEB PROPERTIES -------------------------------
  * @param className {string} Additionnal CSS Classes
  */
-var TagList = React.forwardRef(function (props, ref) {
-    var className = props.className, gapless = props.gapless, centered = props.centered, marginless = props.marginless, others = __rest(props, ["className", "gapless", "centered", "marginless"]);
+var TagList = function (_a) {
+    var className = _a.className, id = _a.id, align = _a.align, marginless = _a.marginless, others = __rest(_a, ["className", "id", "align", "marginless"]);
     var styled = useTrilogyContext().styled;
-    return (React.createElement("span", __assign({ ref: ref, className: hashClass(styled, clsx("tags", centered && is("centered"), gapless && is("gapless"), marginless && is("marginless"), className)) }, others)));
-});
+    return (React.createElement("div", __assign({ id: id, className: hashClass(styled, clsx('tags', align && is(getJustifiedClassName(align)), marginless && is('marginless'), className)) }, others)));
+};
 export default TagList;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVGFnTGlzdC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL2NvbXBvbmVudHMvdGFnL2xpc3QvVGFnTGlzdC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUFBLE9BQU8sS0FBSyxLQUFLLE1BQU0sT0FBTyxDQUFBO0FBQzlCLE9BQU8sSUFBSSxNQUFNLE1BQU0sQ0FBQTtBQUV2QixPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sV0FBVyxDQUFBO0FBQ3JDLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLFdBQVcsQ0FBQTtBQUM3QyxPQUFPLEVBQUUsRUFBRSxFQUFFLE1BQU0sWUFBWSxDQUFBO0FBRS9COzs7Ozs7OztHQVFHO0FBQ0gsSUFBTSxPQUFPLEdBQUcsS0FBSyxDQUFDLFVBQVUsQ0FBQyxVQUFDLEtBQW1CLEVBQUUsR0FBaUM7SUFFcEYsSUFBQSxTQUFTLEdBS1AsS0FBSyxVQUxFLEVBQ1QsT0FBTyxHQUlMLEtBQUssUUFKQSxFQUNQLFFBQVEsR0FHTixLQUFLLFNBSEMsRUFDUixVQUFVLEdBRVIsS0FBSyxXQUZHLEVBQ1AsTUFBTSxVQUNQLEtBQUssRUFOSCxrREFNTCxDQURVLENBQ0Y7SUFFRCxJQUFBLE1BQU0sR0FBSyxpQkFBaUIsRUFBRSxPQUF4QixDQUF3QjtJQUV0QyxPQUFPLENBQ0wsdUNBQ0UsR0FBRyxFQUFFLEdBQUcsRUFDUixTQUFTLEVBQUUsU0FBUyxDQUNsQixNQUFNLEVBQ04sSUFBSSxDQUNGLE1BQU0sRUFDTixRQUFRLElBQUksRUFBRSxDQUFDLFVBQVUsQ0FBQyxFQUMxQixPQUFPLElBQUksRUFBRSxDQUFDLFNBQVMsQ0FBQyxFQUN4QixVQUFVLElBQUksRUFBRSxDQUFDLFlBQVksQ0FBQyxFQUM5QixTQUFTLENBQ1YsQ0FDRixJQUNHLE1BQU0sRUFDVixDQUNILENBQUE7QUFFSCxDQUFDLENBQUMsQ0FBQTtBQUNGLGVBQWUsT0FBTyxDQUFBIn0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVGFnTGlzdC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL2NvbXBvbmVudHMvdGFnL2xpc3QvVGFnTGlzdC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUFBLE9BQU8sS0FBSyxLQUFLLE1BQU0sT0FBTyxDQUFBO0FBQzlCLE9BQU8sSUFBSSxNQUFNLE1BQU0sQ0FBQTtBQUV2QixPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sV0FBVyxDQUFBO0FBQ3JDLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLFdBQVcsQ0FBQTtBQUM3QyxPQUFPLEVBQUUsRUFBRSxFQUFFLE1BQU0sWUFBWSxDQUFBO0FBQy9CLE9BQU8sRUFBRSxxQkFBcUIsRUFBRSxNQUFNLFdBQVcsQ0FBQTtBQUVqRDs7Ozs7O0dBTUc7QUFDSCxJQUFNLE9BQU8sR0FBRyxVQUFDLEVBQTZEO0lBQTNELElBQUEsU0FBUyxlQUFBLEVBQUUsRUFBRSxRQUFBLEVBQUUsS0FBSyxXQUFBLEVBQUUsVUFBVSxnQkFBQSxFQUFLLE1BQU0sY0FBN0MsMENBQStDLENBQUY7SUFDcEQsSUFBQSxNQUFNLEdBQUssaUJBQWlCLEVBQUUsT0FBeEIsQ0FBd0I7SUFFdEMsT0FBTyxDQUNMLHNDQUNFLEVBQUUsRUFBRSxFQUFFLEVBQ04sU0FBUyxFQUFFLFNBQVMsQ0FDbEIsTUFBTSxFQUNOLElBQUksQ0FBQyxNQUFNLEVBQUUsS0FBSyxJQUFJLEVBQUUsQ0FBQyxxQkFBcUIsQ0FBQyxLQUFLLENBQUMsQ0FBQyxFQUFFLFVBQVUsSUFBSSxFQUFFLENBQUMsWUFBWSxDQUFDLEVBQUUsU0FBUyxDQUFDLENBQ25HLElBQ0csTUFBTSxFQUNWLENBQ0gsQ0FBQTtBQUNILENBQUMsQ0FBQTtBQUNELGVBQWUsT0FBTyxDQUFBIn0=

package/lib/components/tag/list/TagList.native.d.ts

@@ -1,14 +1,13 @@
 /// <reference types="react" />
-import { TagListProps } from "./TagListProps";
-import { ComponentName } from "../../../components/enumsComponentsName";
+import { TagListProps } from './TagListProps';
+import { ComponentName } from '../../../components/enumsComponentsName';
 /**
  * Tag List Component
  * @param children {ReactNode} Children Tag List
  * @param centered {boolean} Center tags
- * @param gapless {boolean} Delete margins between tags
  */
 declare const TagList: {
-    ({ children, centered, gapless, ...others }: TagListProps): JSX.Element;
+    ({ children, ...others }: TagListProps): JSX.Element;
     displayName: ComponentName;
 };
 export default TagList;

package/lib/components/tag/list/TagList.native.js

@@ -1,35 +1,30 @@
 import { __assign, __rest } from "tslib";
-import * as React from "react";
-import { StyleSheet, View } from "react-native";
-import { ComponentName } from "../../../components/enumsComponentsName";
+import * as React from 'react';
+import { StyleSheet, View } from 'react-native';
+import { ComponentName } from '../../../components/enumsComponentsName';
 /**
  * Tag List Component
  * @param children {ReactNode} Children Tag List
  * @param centered {boolean} Center tags
- * @param gapless {boolean} Delete margins between tags
  */
 var TagList = function (_a) {
-    var children = _a.children, centered = _a.centered, gapless = _a.gapless, others = __rest(_a, ["children", "centered", "gapless"]);
+    var children = _a.children, others = __rest(_a, ["children"]);
     var styles = StyleSheet.create({
         tagList: {
-            width: "100%",
-            flexDirection: "row",
-            flexWrap: "wrap",
+            width: '100%',
+            flexDirection: 'row',
+            flexWrap: 'wrap',
         },
         centered: {
-            alignSelf: "center",
+            alignSelf: 'center',
         },
         gapless: {
             margin: 0,
             padding: 0,
         },
     });
-    return (React.createElement(View, __assign({ style: [
-            styles.tagList,
-            centered && styles.centered,
-            gapless && styles.gapless,
-        ] }, others), children));
+    return (React.createElement(View, __assign({ style: [styles.tagList] }, others), children));
 };
 TagList.displayName = ComponentName.TagList;
 export default TagList;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVGFnTGlzdC5uYXRpdmUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9jb21wb25lbnRzL3RhZy9saXN0L1RhZ0xpc3QubmF0aXZlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxLQUFLLEtBQUssTUFBTSxPQUFPLENBQUE7QUFDOUIsT0FBTyxFQUFFLFVBQVUsRUFBRSxJQUFJLEVBQUUsTUFBTSxjQUFjLENBQUE7QUFFL0MsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLGtDQUFrQyxDQUFBO0FBRWhFOzs7OztHQUtHO0FBQ0gsSUFBTSxPQUFPLEdBQUcsVUFBQyxFQUtGO0lBSmIsSUFBQSxRQUFRLGNBQUEsRUFDUixRQUFRLGNBQUEsRUFDUixPQUFPLGFBQUEsRUFDSixNQUFNLGNBSk0sbUNBS2hCLENBRFU7SUFFVCxJQUFNLE1BQU0sR0FBRyxVQUFVLENBQUMsTUFBTSxDQUFDO1FBQy9CLE9BQU8sRUFBRTtZQUNQLEtBQUssRUFBRSxNQUFNO1lBQ2IsYUFBYSxFQUFFLEtBQUs7WUFDcEIsUUFBUSxFQUFFLE1BQU07U0FDakI7UUFDRCxRQUFRLEVBQUU7WUFDUixTQUFTLEVBQUUsUUFBUTtTQUNwQjtRQUNELE9BQU8sRUFBRTtZQUNQLE1BQU0sRUFBRSxDQUFDO1lBQ1QsT0FBTyxFQUFFLENBQUM7U0FDWDtLQUNGLENBQUMsQ0FBQTtJQUVGLE9BQU8sQ0FDTCxvQkFBQyxJQUFJLGFBQ0gsS0FBSyxFQUFFO1lBQ0wsTUFBTSxDQUFDLE9BQU87WUFDZCxRQUFRLElBQUksTUFBTSxDQUFDLFFBQVE7WUFDM0IsT0FBTyxJQUFJLE1BQU0sQ0FBQyxPQUFPO1NBQzFCLElBQ0csTUFBTSxHQUVULFFBQVEsQ0FDSixDQUNSLENBQUE7QUFDSCxDQUFDLENBQUE7QUFFRCxPQUFPLENBQUMsV0FBVyxHQUFHLGFBQWEsQ0FBQyxPQUFPLENBQUE7QUFFM0MsZUFBZSxPQUFPLENBQUEifQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVGFnTGlzdC5uYXRpdmUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9jb21wb25lbnRzL3RhZy9saXN0L1RhZ0xpc3QubmF0aXZlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxLQUFLLEtBQUssTUFBTSxPQUFPLENBQUE7QUFDOUIsT0FBTyxFQUFFLFVBQVUsRUFBRSxJQUFJLEVBQUUsTUFBTSxjQUFjLENBQUE7QUFFL0MsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLGtDQUFrQyxDQUFBO0FBRWhFOzs7O0dBSUc7QUFDSCxJQUFNLE9BQU8sR0FBRyxVQUFDLEVBQXFDO0lBQW5DLElBQUEsUUFBUSxjQUFBLEVBQUssTUFBTSxjQUFyQixZQUF1QixDQUFGO0lBQ3BDLElBQU0sTUFBTSxHQUFHLFVBQVUsQ0FBQyxNQUFNLENBQUM7UUFDL0IsT0FBTyxFQUFFO1lBQ1AsS0FBSyxFQUFFLE1BQU07WUFDYixhQUFhLEVBQUUsS0FBSztZQUNwQixRQUFRLEVBQUUsTUFBTTtTQUNqQjtRQUNELFFBQVEsRUFBRTtZQUNSLFNBQVMsRUFBRSxRQUFRO1NBQ3BCO1FBQ0QsT0FBTyxFQUFFO1lBQ1AsTUFBTSxFQUFFLENBQUM7WUFDVCxPQUFPLEVBQUUsQ0FBQztTQUNYO0tBQ0YsQ0FBQyxDQUFBO0lBRUYsT0FBTyxDQUNMLG9CQUFDLElBQUksYUFBQyxLQUFLLEVBQUUsQ0FBQyxNQUFNLENBQUMsT0FBTyxDQUFDLElBQU0sTUFBTSxHQUN0QyxRQUFRLENBQ0osQ0FDUixDQUFBO0FBQ0gsQ0FBQyxDQUFBO0FBRUQsT0FBTyxDQUFDLFdBQVcsR0FBRyxhQUFhLENBQUMsT0FBTyxDQUFBO0FBRTNDLGVBQWUsT0FBTyxDQUFBIn0=

package/lib/components/tag/list/TagListProps.d.ts

@@ -1,11 +1,10 @@
 /// <reference types="react" />
-import { Marginless } from '../../../objects';
+import { Alignable, AlignableValues, Marginless } from '../../../objects';
+import { CommonProps } from '../../../objects/facets/CommonProps';
 /**
  * Tag list Interface
  */
-export interface TagListProps extends Marginless {
-    centered?: boolean;
-    gapless?: boolean;
+export interface TagListProps extends Marginless, CommonProps {
+    align?: Alignable | AlignableValues;
     children?: React.ReactNode;
-    className?: string;
 }

package/lib/components/tag/list/TagListPropsDefaults.js

@@ -1,18 +1,14 @@
 export default {
-  "centered": {
-    "type": "boolean",
+  "align": {
+    "type": "enum",
     "values": [
       "undefined",
-      "false",
-      "true"
-    ]
-  },
-  "gapless": {
-    "type": "boolean",
-    "values": [
-      "undefined",
-      "false",
-      "true"
+      "ALIGNED_CENTER",
+      "ALIGNED_START",
+      "ALIGNED_END",
+      "ALIGNED_CENTER",
+      "ALIGNED_START",
+      "ALIGNED_END"
     ]
   },
   "children": {
@@ -29,19 +25,26 @@ export default {
       "ReactPortal"
     ]
   },
-  "className": {
+  "marginless": {
+    "type": "boolean",
+    "values": [
+      "undefined",
+      "false",
+      "true"
+    ]
+  },
+  "id": {
     "type": "string",
     "values": [
       "undefined",
       "string"
     ]
   },
-  "marginless": {
-    "type": "boolean",
+  "className": {
+    "type": "string",
     "values": [
       "undefined",
-      "false",
-      "true"
+      "string"
     ]
   }
 };

package/lib/components/text/Text.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { TextProps } from "./TextProps";
+import { TextProps } from './TextProps';
 /**
  * Text component
  * @param children {string} Text child
@@ -9,18 +9,12 @@ import { TextProps } from "./TextProps";
  * @param onClick {Function} onClick Event
  * @param skeleton {Boolean} Text Skeleton
  * @param accessibilityLabel {string} Accessibility label
- * @param testId {string} Test Id for Test Integration
  * @param marginless {boolean} Removes margin after Text
- * @param link {boolean} Add link variant for inline link into Text
  * @param numberOfLines {number} Ellipsis after limit number of lines
  * - --------------- WEB PROPERTIES ----------------------------------
- * @param title {string} title attribute
  * @param className {string} Additionnal css classes
- * @param href {string} If Text Markup is A
  * @param markup {TextMarkup} Text markup
- * @param htmlContent {string} Content Html In Text Component
  * - --------------- NATIVE PROPERTIES ----------------------------------
- * @param style {Object} Additional style
  */
-declare const Text: ({ level, markup, children, className, href, title, onClick, typo, inverted, skeleton, testId, accessibilityLabel, htmlContent, marginless, link, numberOfLines, ...others }: TextProps) => JSX.Element;
+declare const Text: ({ level, markup, children, className, id, typo, inverted, skeleton, accessibilityLabel, marginless, numberOfLines, ...others }: TextProps) => JSX.Element;
 export default Text;