@trilogy-ds/react 0.0.1-beta-126 → 0.0.1-beta-131

package/lib/components/tabs/item/TabsItem.js

@@ -1,9 +1,9 @@
 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";
+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
@@ -25,16 +25,16 @@ var TabsItem = React.forwardRef(function (props, ref) {
     // accessibility
     var a11y = {
         a: {
-            "aria-selected": activeItem,
-            "data-tab-navigation": "",
+            'aria-selected': activeItem,
+            'data-tab-navigation': '',
         },
     };
     useEffect(function () {
         setActiveItem(active || false);
     }, [active]);
-    var classes = hashClass(styled, clsx("tab", className, { "is-active": activeItem }));
+    var classes = hashClass(styled, clsx('tab', className, { 'is-active': activeItem }));
     if (routerLink && (to || href)) {
-        var RouterLink = (routerLink ? routerLink : "a");
+        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;
@@ -45,7 +45,7 @@ var TabsItem = React.forwardRef(function (props, ref) {
                     }
                 }
             } }),
-            React.createElement("div", { className: 'tab-icon' }, iconName && (React.createElement(Icon, { align: 'ALIGNED_CENTER', size: 'small', name: iconName }))),
+            React.createElement("div", { className: 'tab-icon' }, iconName && React.createElement(Icon, { align: 'ALIGNED_CENTER', size: 'small', name: iconName })),
             children));
     }
     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) {
@@ -58,8 +58,8 @@ var TabsItem = React.forwardRef(function (props, ref) {
                 }
             }
         } }),
-        React.createElement("div", { className: 'tab-icon' }, iconName && (React.createElement(Icon, { align: 'ALIGNED_CENTER', size: 'small', name: iconName }))),
+        React.createElement("div", { className: 'tab-icon' }, iconName && React.createElement(Icon, { align: 'ALIGNED_CENTER', size: 'small', name: iconName })),
         children));
 });
 export default TabsItem;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVGFic0l0ZW0uanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9jb21wb25lbnRzL3RhYnMvaXRlbS9UYWJzSXRlbS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUFBLE9BQU8sSUFBSSxNQUFNLE1BQU0sQ0FBQTtBQUN2QixPQUFPLEtBQUssRUFBRSxFQUFFLFNBQVMsRUFBRSxRQUFRLEVBQUUsTUFBTSxPQUFPLENBQUE7QUFFbEQsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLDhCQUE4QixDQUFBO0FBQ3hELE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLGlCQUFpQixDQUFBO0FBQ25ELE9BQU8sRUFBRSxJQUFJLEVBQUUsTUFBTSxtQkFBbUIsQ0FBQTtBQUV4Qzs7Ozs7Ozs7Ozs7OztHQWFHO0FBQ0gsSUFBTSxRQUFRLEdBQUcsS0FBSyxDQUFDLFVBQVUsQ0FBQyxVQUFDLEtBQW9CLEVBQUUsR0FBeUI7SUFFOUUsSUFBQSxNQUFNLEdBV0osS0FBSyxPQVhELEVBQ04sUUFBUSxHQVVOLEtBQUssU0FWQyxFQUNSLFNBQVMsR0FTUCxLQUFLLFVBVEUsRUFDVCxPQUFPLEdBUUwsS0FBSyxRQVJBLEVBQ1AsRUFBRSxHQU9BLEtBQUssR0FQTCxFQUNGLElBQUksR0FNRixLQUFLLEtBTkgsRUFDSixVQUFVLEdBS1IsS0FBSyxXQUxHLEVBQ1YsUUFBUSxHQUlOLEtBQUssU0FKQyxFQUNSLFFBQVEsR0FHTixLQUFLLFNBSEMsRUFDUixNQUFNLEdBRUosS0FBSyxPQUZELEVBQ0gsTUFBTSxVQUNQLEtBQUssRUFaSCw0R0FZTCxDQURVLENBQ0Y7SUFFSCxJQUFBLEtBQUEsT0FBOEIsUUFBUSxDQUFVLE1BQU0sSUFBSSxLQUFLLENBQUMsSUFBQSxFQUEvRCxVQUFVLFFBQUEsRUFBRSxhQUFhLFFBQXNDLENBQUE7SUFDOUQsSUFBQSxNQUFNLEdBQUssaUJBQWlCLEVBQUUsT0FBeEIsQ0FBd0I7SUFFdEMsZ0JBQWdCO0lBQ2hCLElBQU0s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
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVGFic0l0ZW0uanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9jb21wb25lbnRzL3RhYnMvaXRlbS9UYWJzSXRlbS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUFBLE9BQU8sSUFBSSxNQUFNLE1BQU0sQ0FBQTtBQUN2QixPQUFPLEtBQUssRUFBRSxFQUFFLFNBQVMsRUFBRSxRQUFRLEVBQUUsTUFBTSxPQUFPLENBQUE7QUFFbEQsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLDhCQUE4QixDQUFBO0FBQ3hELE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLGlCQUFpQixDQUFBO0FBQ25ELE9BQU8sRUFBRSxJQUFJLEVBQUUsTUFBTSxtQkFBbUIsQ0FBQTtBQUV4Qzs7Ozs7Ozs7Ozs7OztHQWFHO0FBQ0gsSUFBTSxRQUFRLEdBQUcsS0FBSyxDQUFDLFVBQVUsQ0FBQyxVQUFDLEtBQW9CLEVBQUUsR0FBeUI7SUFDeEUsSUFBQSxNQUFNLEdBQWdHLEtBQUssT0FBckcsRUFBRSxRQUFRLEdBQXNGLEtBQUssU0FBM0YsRUFBRSxTQUFTLEdBQTJFLEtBQUssVUFBaEYsRUFBRSxPQUFPLEdBQWtFLEtBQUssUUFBdkUsRUFBRSxFQUFFLEdBQThELEtBQUssR0FBbkUsRUFBRSxJQUFJLEdBQXdELEtBQUssS0FBN0QsRUFBRSxVQUFVLEdBQTRDLEtBQUssV0FBakQsRUFBRSxRQUFRLEdBQWtDLEtBQUssU0FBdkMsRUFBRSxRQUFRLEdBQXdCLEtBQUssU0FBN0IsRUFBRSxNQUFNLEdBQWdCLEtBQUssT0FBckIsRUFBSyxNQUFNLFVBQUssS0FBSyxFQUE3Ryw0R0FBcUcsQ0FBRixDQUFVO0lBRTdHLElBQUEsS0FBQSxPQUE4QixRQUFRLENBQVUsTUFBTSxJQUFJLEtBQUssQ0FBQyxJQUFBLEVBQS9ELFVBQVUsUUFBQSxFQUFFLGFBQWEsUUFBc0MsQ0FBQTtJQUM5RCxJQUFBLE1BQU0sR0FBSyxpQkFBaUIsRUFBRSxPQUF4QixDQUF3QjtJ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

package/lib/components/tabs/item/TabsItem.native.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
-import { TabsItemProps } from "./TabsItemProps";
-import { ComponentName } from "../../../components/enumsComponentsName";
+import { TabsItemProps } from './TabsItemProps';
+import { ComponentName } from '../../../components/enumsComponentsName';
 /**
  * Tabs Item Component
  * @param active {boolean} active tab item
@@ -10,7 +10,7 @@ import { ComponentName } from "../../../components/enumsComponentsName";
  * @param disabled {boolean} disable tab item
  */
 declare const TabsItem: {
-    ({ active, children, onClick, iconName, inverted, disabled, ...others }: TabsItemProps): JSX.Element;
+    ({ active, children, onClick, iconName, disabled, ...others }: TabsItemProps): JSX.Element;
     displayName: ComponentName;
 };
 export default TabsItem;

package/lib/components/tabs/item/TabsItem.native.js

@@ -1,10 +1,10 @@
 import { __assign, __read, __rest } from "tslib";
-import React, { useEffect, useState } from "react";
-import { Animated, StyleSheet, TouchableOpacity, View } from "react-native";
-import { getColorStyle, TrilogyColor } from "../../../objects/facets/Color";
-import { ComponentName } from "../../../components/enumsComponentsName";
-import { Icon } from "../../../components/icon";
-import { Text, TextLevels } from "../../../components/text";
+import React, { useEffect, useState } from 'react';
+import { Animated, StyleSheet, TouchableOpacity, View } from 'react-native';
+import { getColorStyle, TrilogyColor } from '../../../objects/facets/Color';
+import { ComponentName } from '../../../components/enumsComponentsName';
+import { Icon } from '../../../components/icon';
+import { Text, TextLevels } from '../../../components/text';
 /**
  * Tabs Item Component
  * @param active {boolean} active tab item
@@ -14,51 +14,42 @@ import { Text, TextLevels } from "../../../components/text";
  * @param disabled {boolean} disable tab item
  */
 var TabsItem = function (_a) {
-    var active = _a.active, children = _a.children, onClick = _a.onClick, iconName = _a.iconName, inverted = _a.inverted, disabled = _a.disabled, others = __rest(_a, ["active", "children", "onClick", "iconName", "inverted", "disabled"]);
+    var active = _a.active, children = _a.children, onClick = _a.onClick, iconName = _a.iconName, disabled = _a.disabled, others = __rest(_a, ["active", "children", "onClick", "iconName", "disabled"]);
     // eslint-disable-next-line @typescript-eslint/no-unused-vars
     var _b = __read(useState(active || false), 2), setActiveItem = _b[1];
     var _c = __read(useState(false), 2), setInPressIn = _c[1];
     var animatedBorderStyle = {
-        borderBottomWidth: active && 2 || 0,
+        borderBottomWidth: (active && 2) || 0,
     };
     var getIconColor = React.useMemo(function () {
-        if (inverted) {
-            if (disabled)
-                return TrilogyColor.NEUTRAL_FADE;
-            return TrilogyColor.BACKGROUND;
-        }
         if (disabled)
             return TrilogyColor.DISABLED;
         if (active)
             return TrilogyColor.MAIN;
         return TrilogyColor.MAIN;
-    }, [inverted, disabled, active]);
+    }, [disabled, active]);
     var getBorderColor = React.useMemo(function () {
         if (disabled)
-            return "transparent";
-        if (inverted) {
-            if (active)
-                return getColorStyle(TrilogyColor.BACKGROUND);
-        }
+            return 'transparent';
         if (active)
             return getColorStyle(TrilogyColor.MAIN);
-        return "transparent";
-    }, [inverted, disabled, active]);
+        return 'transparent';
+    }, [disabled, active]);
     var styles = StyleSheet.create({
         tabsItem: {
-            alignItems: "center",
-            justifyContent: "center",
+            alignItems: 'center',
+            justifyContent: 'center',
             paddingVertical: 6,
             paddingHorizontal: 14,
-            position: "relative",
+            position: 'relative',
             height: iconName ? 60 : 44,
         },
         text: {
             color: getColorStyle(getIconColor),
-            textAlign: "center",
+            textAlign: 'center',
         },
         border: {
-            position: "absolute",
+            position: 'absolute',
             bottom: 0,
             left: 0,
             right: 0,
@@ -79,9 +70,9 @@ var TabsItem = function (_a) {
         iconName && (React.createElement(View, null,
             React.createElement(Icon, { color: getIconColor, size: 'small', name: iconName }))),
         children &&
-            (typeof children.valueOf() === "string" ? (React.createElement(Text, { style: styles.text, level: TextLevels.TWO }, String(children))) : (children)),
+            (typeof children.valueOf() === 'string' ? (React.createElement(Text, { style: styles.text, level: TextLevels.TWO }, String(children))) : (children)),
         React.createElement(Animated.View, { style: [styles.border, animatedBorderStyle] })));
 };
 TabsItem.displayName = ComponentName.TabsItem;
 export default TabsItem;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVGFic0l0ZW0ubmF0aXZlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vY29tcG9uZW50cy90YWJzL2l0ZW0vVGFic0l0ZW0ubmF0aXZlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxLQUFLLEVBQUUsRUFBRSxTQUFTLEVBQUUsUUFBUSxFQUFFLE1BQU0sT0FBTyxDQUFBO0FBQ2xELE9BQU8sRUFBRSxRQUFRLEVBQUUsVUFBVSxFQUFFLGdCQUFnQixFQUFFLElBQUksRUFBRSxNQUFNLGNBQWMsQ0FBQTtBQUUzRSxPQUFPLEVBQUUsYUFBYSxFQUFFLFlBQVksRUFBRSxNQUFNLHdCQUF3QixDQUFBO0FBQ3BFLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxrQ0FBa0MsQ0FBQTtBQUNoRSxPQUFPLEVBQUUsSUFBSSxFQUFFLE1BQU0sbUJBQW1CLENBQUE7QUFDeEMsT0FBTyxFQUFFLElBQUksRUFBRSxVQUFVLEVBQUUsTUFBTSxtQkFBbUIsQ0FBQTtBQUVwRDs7Ozs7OztHQU9HO0FBQ0gsSUFBTSxRQUFRLEdBQUcsVUFBQyxFQVFnQjtJQVBkLElBQUEsTUFBTSxZQUFBLEVBQ04sUUFBUSxjQUFBLEVBQ1IsT0FBTyxhQUFBLEVBQ1AsUUFBUSxjQUFBLEVBQ1IsUUFBUSxjQUFBLEVBQ1IsUUFBUSxjQUFBLEVBQ0wsTUFBTSxjQVBYLHFFQVFDLENBRFU7SUFFM0IsNkRBQTZEO0lBQ3ZELElBQUEsS0FBQSxPQUFvQixRQUFRLENBQVUsTUFBTSxJQUFJLEtBQUssQ0FBQyxJQUFBLEVBQW5ELGFBQWEsUUFBc0MsQ0FBQTtJQUN0RCxJQUFBLEtBQUEsT0FBbUIsUUFBUSxDQUFVLEtBQUssQ0FBQyxJQUFBLEVBQXhDLFlBQVksUUFBNEIsQ0FBQTtJQUVqRCxJQUFNLG1CQUFtQixHQUFHO1FBQzFCLGlCQUFpQixFQUFFLE1BQU0sSUFBSSxDQUFDLElBQUksQ0FBQztLQUNwQyxDQUFBO0lBRUQsSUFBTSxZQUFZLEdBQUcs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
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVGFic0l0ZW0ubmF0aXZlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vY29tcG9uZW50cy90YWJzL2l0ZW0vVGFic0l0ZW0ubmF0aXZlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxLQUFLLEVBQUUsRUFBRSxTQUFTLEVBQUUsUUFBUSxFQUFFLE1BQU0sT0FBTyxDQUFBO0FBQ2xELE9BQU8sRUFBRSxRQUFRLEVBQUUsVUFBVSxFQUFFLGdCQUFnQixFQUFFLElBQUksRUFBRSxNQUFNLGNBQWMsQ0FBQTtBQUUzRSxPQUFPLEVBQUUsYUFBYSxFQUFFLFlBQVksRUFBRSxNQUFNLHdCQUF3QixDQUFBO0FBQ3BFLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxrQ0FBa0MsQ0FBQTtBQUNoRSxPQUFPLEVBQUUsSUFBSSxFQUFFLE1BQU0sbUJBQW1CLENBQUE7QUFDeEMsT0FBTyxFQUFFLElBQUksRUFBRSxVQUFVLEVBQUUsTUFBTSxtQkFBbUIsQ0FBQTtBQUVwRDs7Ozs7OztHQU9HO0FBQ0gsSUFBTSxRQUFRLEdBQUcsVUFBQyxFQUEyRTtJQUF6RSxJQUFBLE1BQU0sWUFBQSxFQUFFLFFBQVEsY0FBQSxFQUFFLE9BQU8sYUFBQSxFQUFFLFFBQVEsY0FBQSxFQUFFLFFBQVEsY0FBQSxFQUFLLE1BQU0sY0FBMUQseURBQTRELENBQUY7SUFDMUUsNkRBQTZEO0lBQ3ZELElBQUEsS0FBQSxPQUFvQixRQUFRLENBQVUsTUFBTSxJQUFJLEtBQUssQ0FBQyxJQUFBLEVBQW5ELGFBQWEsUUFBc0MsQ0FBQTtJQUN0RCxJQUFBLEtBQUEsT0FBbUIsUUFBUSxDQUFVLEtBQUssQ0FBQyxJQUFBLEVBQXhDLFlBQVksUUFBNEIsQ0FBQTtJQUVqRCxJQUFNLG1CQUFtQixHQUFHO1FBQzFCLGlCQUFpQixFQUFFLENBQUMsTUFBTSxJQUFJLENBQUMsQ0FBQyxJQUFJLENBQUM7S0FDdEMsQ0FBQTtJQUVELElBQU0sWUFBWSxHQUFHLEtB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

package/lib/components/tabs/item/TabsItemProps.d.ts

@@ -1,19 +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 TabsItemProps extends Clickable, Accessibility, Dev {
-    children: React.ReactChild;
+export interface TabsItemProps extends Clickable, Accessibility, Dev, CommonProps {
+    children: React.ReactNode;
     active?: boolean;
-    className?: string;
-    id?: string;
-    tabIndex?: number;
     to?: string;
     href?: string;
     routerLink?: React.ElementType;
     iconName?: IconNameValues | IconName;
     disabled?: boolean;
-    inverted?: boolean;
 }

package/lib/components/tabs/item/TabsItemPropsDefaults.js

@@ -2,9 +2,15 @@ export default {
   "children": {
     "type": "react",
     "values": [
+      "undefined",
+      "null",
       "string",
       "number",
-      "JSXElementConstructor<any>>"
+      "false",
+      "true",
+      "JSXElementConstructor<any>>",
+      "ReactNode>",
+      "ReactPortal"
     ]
   },
   "active": {
@@ -15,27 +21,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": [
@@ -296,14 +281,6 @@ export default {
       "true"
     ]
   },
-  "inverted": {
-    "type": "boolean",
-    "values": [
-      "undefined",
-      "false",
-      "true"
-    ]
-  },
   "onClick": {
     "type": "function",
     "values": [
@@ -324,5 +301,19 @@ export default {
       "undefined",
       "string"
     ]
+  },
+  "id": {
+    "type": "string",
+    "values": [
+      "undefined",
+      "string"
+    ]
+  },
+  "className": {
+    "type": "string",
+    "values": [
+      "undefined",
+      "string"
+    ]
   }
 };

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,5 +1,5 @@
-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

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

@@ -1,9 +1,9 @@
 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';
 /**
  * Tag List Component
  * @param children {ReactNode} Children Tag List
@@ -14,9 +14,9 @@ import { is } from "../../../services";
  * @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 className = props.className, id = props.id, gapless = props.gapless, centered = props.centered, marginless = props.marginless, others = __rest(props, ["className", "id", "gapless", "centered", "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("span", __assign({ id: id, ref: ref, className: hashClass(styled, clsx('tags', centered && is('centered'), gapless && is('gapless'), marginless && is('marginless'), className)) }, others)));
 });
 export default TagList;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVGFnTGlzdC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL2NvbXBvbmVudHMvdGFnL2xpc3QvVGFnTGlzdC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUFBLE9BQU8sS0FBSyxLQUFLLE1BQU0sT0FBTyxDQUFBO0FBQzlCLE9BQU8sSUFBSSxNQUFNLE1BQU0sQ0FBQTtBQUV2QixPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sV0FBVyxDQUFBO0FBQ3JDLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLFdBQVcsQ0FBQTtBQUM3QyxPQUFPLEVBQUUsRUFBRSxFQUFFLE1BQU0sWUFBWSxDQUFBO0FBRS9COzs7Ozs7OztHQVFHO0FBQ0gsSUFBTSxPQUFPLEdBQUcsS0FBSyxDQUFDLFVBQVUsQ0FBQyxVQUFDLEtBQW1CLEVBQUUsR0FBaUM7SUFFcEYsSUFBQSxTQUFTLEdBS1AsS0FBSyxVQUxFLEVBQ1QsT0FBTyxHQUlMLEtBQUssUUFKQSxFQUNQLFFBQVEsR0FHTixLQUFLLFNBSEMsRUFDUixVQUFVLEdBRVIsS0FBSyxXQUZHLEVBQ1AsTUFBTSxVQUNQLEtBQUssRUFOSCxrREFNTCxDQURVLENBQ0Y7SUFFRCxJQUFBLE1BQU0sR0FBSyxpQkFBaUIsRUFBRSxPQUF4QixDQUF3QjtJQUV0QyxPQUFPLENBQ0wsdUNBQ0UsR0FBRyxFQUFFLEdBQUcsRUFDUixTQUFTLEVBQUUsU0FBUyxDQUNsQixNQUFNLEVBQ04sSUFBSSxDQUNGLE1BQU0sRUFDTixRQUFRLElBQUksRUFBRSxDQUFDLFVBQVUsQ0FBQyxFQUMxQixPQUFPLElBQUksRUFBRSxDQUFDLFNBQVMsQ0FBQyxFQUN4QixVQUFVLElBQUksRUFBRSxDQUFDLFlBQVksQ0FBQyxFQUM5QixTQUFTLENBQ1YsQ0FDRixJQUNHLE1BQU0sRUFDVixDQUNILENBQUE7QUFFSCxDQUFDLENBQUMsQ0FBQTtBQUNGLGVBQWUsT0FBTyxDQUFBIn0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVGFnTGlzdC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL2NvbXBvbmVudHMvdGFnL2xpc3QvVGFnTGlzdC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUFBLE9BQU8sS0FBSyxLQUFLLE1BQU0sT0FBTyxDQUFBO0FBQzlCLE9BQU8sSUFBSSxNQUFNLE1BQU0sQ0FBQTtBQUV2QixPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sV0FBVyxDQUFBO0FBQ3JDLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLFdBQVcsQ0FBQTtBQUM3QyxPQUFPLEVBQUUsRUFBRSxFQUFFLE1BQU0sWUFBWSxDQUFBO0FBRS9COzs7Ozs7OztHQVFHO0FBQ0gsSUFBTSxPQUFPLEdBQUcsS0FBSyxDQUFDLFVBQVUsQ0FBQyxVQUFDLEtBQW1CLEVBQUUsR0FBaUM7SUFDOUUsSUFBQSxTQUFTLEdBQW1ELEtBQUssVUFBeEQsRUFBRSxFQUFFLEdBQStDLEtBQUssR0FBcEQsRUFBRSxPQUFPLEdBQXNDLEtBQUssUUFBM0MsRUFBRSxRQUFRLEdBQTRCLEtBQUssU0FBakMsRUFBRSxVQUFVLEdBQWdCLEtBQUssV0FBckIsRUFBSyxNQUFNLFVBQUssS0FBSyxFQUFuRSx3REFBMkQsQ0FBRixDQUFVO0lBRWpFLElBQUEsTUFBTSxHQUFLLGlCQUFpQixFQUFFLE9BQXhCLENBQXdCO0lBRXRDLE9BQU8sQ0FDTCx1Q0FDRSxFQUFFLEVBQUUsRUFBRSxFQUNOLEdBQUcsRUFBRSxHQUFHLEVBQ1IsU0FBUyxFQUFFLFNBQVMsQ0FDbEIsTUFBTSxFQUNOLElBQUksQ0FBQyxNQUFNLEVBQUUsUUFBUSxJQUFJLEVBQUUsQ0FBQyxVQUFVLENBQUMsRUFBRSxPQUFPLElBQUksRUFBRSxDQUFDLFNBQVMsQ0FBQyxFQUFFLFVBQVUsSUFBSSxFQUFFLENBQUMsWUFBWSxDQUFDLEVBQUUsU0FBUyxDQUFDLENBQzlHLElBQ0csTUFBTSxFQUNWLENBQ0gsQ0FBQTtBQUNILENBQUMsQ0FBQyxDQUFBO0FBQ0YsZUFBZSxPQUFPLENBQUEifQ==

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

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

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

@@ -29,19 +29,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;