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

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

@@ -0,0 +1,21 @@
+/// <reference types="react" />
+import { IconName, IconNameValues } from '../../../components/icon';
+import { Accessibility } from '../../../objects/facets/Accessibility';
+import { Clickable } from '../../../objects/facets/Clickable';
+import { Dev } from '../../../objects/facets/Dev';
+/**
+ * Tabs Item Interface
+ */
+export interface TabsItemProps extends Clickable, Accessibility, Dev {
+    children: React.ReactChild;
+    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/TabsItemProps.js

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

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

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

package/lib/components/tabs/item/hook/useTabsItem.d.ts

@@ -0,0 +1,15 @@
+import React from 'react';
+import { ClickEvent } from '../../../../events/OnClickEvent';
+interface IParams {
+    disabled?: boolean;
+    active?: boolean;
+    onClick?: ClickEvent;
+}
+export declare const useTabsItem: ({ disabled, active, onClick }: IParams) => {
+    activeItem: boolean;
+    handleClick: (e: React.MouseEvent) => void;
+} | {
+    activeItem: boolean | undefined;
+    handleClick: undefined;
+};
+export {};

package/lib/components/tabs/item/hook/useTabsItem.js

@@ -0,0 +1,29 @@
+import { __read } from "tslib";
+import React from 'react';
+export var useTabsItem = function (_a) {
+    var disabled = _a.disabled, active = _a.active, onClick = _a.onClick;
+    try {
+        var _b = __read(React.useState(active || false), 2), activeItem = _b[0], setActiveItem_1 = _b[1];
+        var handleClick = React.useCallback(function (e) {
+            if (!disabled) {
+                var target = e.target;
+                setActiveItem_1(active || false);
+                target.active = active;
+                if (onClick) {
+                    onClick(e);
+                }
+            }
+        }, []);
+        React.useEffect(function () {
+            setActiveItem_1(active || false);
+        }, [active]);
+        return { activeItem: activeItem, handleClick: handleClick };
+    }
+    catch (_c) {
+        return {
+            activeItem: active,
+            handleClick: undefined,
+        };
+    }
+};
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidXNlVGFic0l0ZW0uanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9jb21wb25lbnRzL3RhYnMvaXRlbS9ob29rL3VzZVRhYnNJdGVtLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxLQUFLLE1BQU0sT0FBTyxDQUFBO0FBVXpCLE1BQU0sQ0FBQyxJQUFNLFdBQVcsR0FBRyxVQUFDLEVBQXNDO1FBQXBDLFFBQVEsY0FBQSxFQUFFLE1BQU0sWUFBQSxFQUFFLE9BQU8sYUFBQTtJQUNyRCxJQUFJO1FBQ0ksSUFBQSxLQUFBLE9BQThCLEtBQUssQ0FBQyxRQUFRLENBQVUsTUFBTSxJQUFJLEtBQUssQ0FBQyxJQUFBLEVBQXJFLFVBQVUsUUFBQSxFQUFFLGVBQWEsUUFBNEMsQ0FBQTtRQUU1RSxJQUFNLFdBQVcsR0FBRyxLQUFLLENBQUMsV0FBVyxDQUFDLFVBQUMsQ0FBbUI7WUFDeEQsSUFBSSxDQUFDLFFBQVEsRUFBRTtnQkFDYixJQUFNLE1BQU0sR0FBRyxDQUFDLENBQUMsTUFBeUIsQ0FBQTtnQkFDMUMsZUFBYSxDQUFDLE1BQU0sSUFBSSxLQUFLLENBQUMsQ0FBQTtnQkFDOUIsTUFBTSxDQUFDLE1BQU0sR0FBRyxNQUFNLENBQUE7Z0JBQ3RCLElBQUksT0FBTyxFQUFFO29CQUNYLE9BQU8sQ0FBQyxDQUFDLENBQUMsQ0FBQTtpQkFDWDthQUNGO1FBQ0gsQ0FBQyxFQUFFLEVBQUUsQ0FBQyxDQUFBO1FBRU4sS0FBSyxDQUFDLFNBQVMsQ0FBQztZQUNkLGVBQWEsQ0FBQyxNQUFNLElBQUksS0FBSyxDQUFDLENBQUE7UUFDaEMsQ0FBQyxFQUFFLENBQUMsTUFBTSxDQUFDLENBQUMsQ0FBQTtRQUVaLE9BQU8sRUFBRSxVQUFVLFlBQUEsRUFBRSxXQUFXLGFBQUEsRUFBRSxDQUFBO0tBQ25DO0lBQUMsV0FBTTtRQUNOLE9BQU87WUFDTCxVQUFVLEVBQUUsTUFBTTtZQUNsQixXQUFXLEVBQUUsU0FBUztTQUN2QixDQUFBO0tBQ0Y7QUFDSCxDQUFDLENBQUEifQ==

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

@@ -0,0 +1,2 @@
+import TabItem from '../../../components/tabs/item/TabsItem';
+export default TabItem;

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

@@ -0,0 +1,3 @@
+import TabItem from '../../../components/tabs/item/TabsItem';
+export default TabItem;
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9jb21wb25lbnRzL3RhYnMvaXRlbS9pbmRleC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLE9BQU8sTUFBTSxpQ0FBaUMsQ0FBQTtBQUNyRCxlQUFlLE9BQU8sQ0FBQSJ9

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

@@ -1,15 +1,4 @@
-/// <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;
+import React from 'react';
+import { TagProps } from '../../components/tag/TagProps';
+declare const _default: React.ForwardRefExoticComponent<TagProps & React.RefAttributes<HTMLSpanElement>>;
+export default _default;

package/lib/components/tag/Tag.js

@@ -1,11 +1,10 @@
 import { __assign, __rest } from "tslib";
-import { useTrilogyContext } from '../../context';
-import { hashClass } from '../../helpers';
-import { getColorClassName } from '../../objects/facets/Color';
-import { is } from '../../services/classify';
 import clsx from 'clsx';
 import React from 'react';
-import { Icon } from '../icon';
+import { Icon } from '../../components/icon';
+import { hashClass } from '../../helpers/hashClassesHelpers';
+import { getColorClassName } from '../../objects/facets/Color';
+import { is } from '../../services/classify';
 /**
  * Tag Component
  * @param children {ReactNode} Add childrens for tag
@@ -17,14 +16,13 @@ import { Icon } from '../icon';
  * - -------------------------- WEB PROPERTIES -------------------------------
  * @param className {string} Additionnal CSS Classes
  **/
-var Tag = function (_a) {
-    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({ id: id, className: tagClassNames }, others),
+var Tag = function (_a, ref) {
+    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 tagClassNames = hashClass(clsx('tag', variant && is(getColorClassName(variant)), inverted && is('inverted'), small && is('small'), className));
+    var tagIconClassNames = hashClass(clsx(variant && is(getColorClassName(variant))));
+    return (React.createElement("span", __assign({ "data-testid": testId, className: tagClassNames }, others, { ref: ref }),
         iconName && React.createElement(Icon, { className: tagIconClassNames, name: iconName }),
-        label));
+        children));
 };
-export default Tag;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVGFnLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vY29tcG9uZW50cy90YWcvVGFnLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sV0FBVyxDQUFBO0FBQzdDLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSxXQUFXLENBQUE7QUFDckMsT0FBTyxFQUFFLGlCQUFpQixFQUFvQyxNQUFNLHdCQUF3QixDQUFBO0FBQzVGLE9BQU8sRUFBRSxFQUFFLEVBQUUsTUFBTSxxQkFBcUIsQ0FBQTtBQUN4QyxPQUFPLElBQUksTUFBTSxNQUFNLENBQUE7QUFDdkIsT0FBTyxLQUFLLE1BQU0sT0FBTyxDQUFBO0FBQ3pCLE9BQU8sRUFBRSxJQUFJLEVBQUUsTUFBTSxTQUFTLENBQUE7QUFHOUI7Ozs7Ozs7Ozs7SUFVSTtBQUNKLElBQU0sR0FBRyxHQUFHLFVBQUMsRUFBaUY7SUFBL0UsSUFBQSxLQUFLLFdBQUEsRUFBRSxTQUFTLGVBQUEsRUFBRSxFQUFFLFFBQUEsRUFBRSxPQUFPLGFBQUEsRUFBRSxRQUFRLGNBQUEsRUFBRSxLQUFLLFdBQUEsRUFBRSxRQUFRLGNBQUEsRUFBSyxNQUFNLGNBQXJFLHdFQUF1RSxDQUFGO0lBQ3hFLElBQUEsTUFBTSxHQUFLLGlCQUFpQixFQUFFLE9BQXhCLENBQXdCO0lBRXRDLElBQU0sYUFBYSxHQUFHLFNBQVMsQ0FDN0IsTUFBTSxFQUNOLElBQUksQ0FDRixLQUFLLEVBQ0wsT0FBTyxJQUFJLEVBQUUsQ0FBQyxpQkFBaUIsQ0FBQyxPQUE0QyxDQUFDLENBQUMsRUFDOUUsUUFBUSxJQUFJLEVBQUUsQ0FBQyxVQUFVLENBQUMsRUFDMUIsS0FBSyxJQUFJLEVBQUUsQ0FBQyxPQUFPLENBQUMsRUFDcEIsU0FBUyxDQUNWLENBQ0YsQ0FBQTtJQUVELElBQU0saUJBQWlCLEdBQUcsU0FBUyxDQUNqQyxNQUFNLEVBQ04sSUFBSSxDQUFDLE9BQU8sSUFBSSxFQUFFLENBQUMsaUJBQWlCLENBQUMsT0FBNEMsQ0FBQyxDQUFDLENBQUMsQ0FDckYsQ0FBQTtJQUVELE9BQU8sQ0FDTCx1Q0FBTSxFQUFFLEVBQUUsRUFBRSxFQUFFLFNBQVMsRUFBRSxhQUFhLElBQU0sTUFBTTtRQUMvQyxRQUFRLElBQUksb0JBQUMsSUFBSSxJQUFDLFNBQVMsRUFBRSxpQkFBaUIsRUFBRSxJQUFJLEVBQUUsUUFBUSxHQUFJO1FBQ2xFLEtBQUssQ0FDRCxDQUNSLENBQUE7QUFDSCxDQUFDLENBQUE7QUFFRCxlQUFlLEdBQUcsQ0FBQSJ9
+export default React.forwardRef(Tag);
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVGFnLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vY29tcG9uZW50cy90YWcvVGFnLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxJQUFJLE1BQU0sTUFBTSxDQUFBO0FBQ3ZCLE9BQU8sS0FBSyxNQUFNLE9BQU8sQ0FBQTtBQUV6QixPQUFPLEVBQUUsSUFBSSxFQUFFLE1BQU0sbUJBQW1CLENBQUE7QUFFeEMsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLDhCQUE4QixDQUFBO0FBQ3hELE9BQU8sRUFBRSxpQkFBaUIsRUFBb0MsTUFBTSx3QkFBd0IsQ0FBQTtBQUM1RixPQUFPLEVBQUUsRUFBRSxFQUFFLE1BQU0scUJBQXFCLENBQUE7QUFFeEM7Ozs7Ozs7Ozs7SUFVSTtBQUNKLElBQU0sR0FBRyxHQUFHLFVBQ1YsRUFBd0YsRUFDeEYsR0FBK0I7SUFEN0IsSUFBQSxRQUFRLGNBQUEsRUFBRSxTQUFTLGVBQUEsRUFBRSxPQUFPLGFBQUEsRUFBRSxRQUFRLGNBQUEsRUFBRSxLQUFLLFdBQUEsRUFBRSxRQUFRLGNBQUEsRUFBRSxNQUFNLFlBQUEsRUFBSyxNQUFNLGNBQTVFLCtFQUE4RSxDQUFGO0lBRzVFLElBQU0sYUFBYSxHQUFHLFNBQVMsQ0FDN0IsSUFBSSxDQUNGLEtBQUssRUFDTCxPQUFPLElBQUksRUFBRSxDQUFDLGlCQUFpQixDQUFDLE9BQTRDLENBQUMsQ0FBQyxFQUM5RSxRQUFRLElBQUksRUFBRSxDQUFDLFVBQVUsQ0FBQyxFQUMxQixLQUFLLElBQUksRUFBRSxDQUFDLE9BQU8sQ0FBQyxFQUNwQixTQUFTLENBQ1YsQ0FDRixDQUFBO0lBRUQsSUFBTSxpQkFBaUIsR0FBRyxTQUFTLENBQ2pDLElBQUksQ0FBQyxPQUFPLElBQUksRUFBRSxDQUFDLGlCQUFpQixDQUFDLE9BQTRDLENBQUMsQ0FBQyxDQUFDLENBQ3JGLENBQUE7SUFFRCxPQUFPLENBQ0wsc0RBQW1CLE1BQU0sRUFBRSxTQUFTLEVBQUUsYUFBYSxJQUFNLE1BQU0sSUFBRSxHQUFHLEVBQUUsR0FBRztRQUN0RSxRQUFRLElBQUksb0JBQUMsSUFBSSxJQUFDLFNBQVMsRUFBRSxpQkFBaUIsRUFBRSxJQUFJLEVBQUUsUUFBUSxHQUFJO1FBQ2xFLFFBQVEsQ0FDSixDQUNSLENBQUE7QUFDSCxDQUFDLENBQUE7QUFFRCxlQUFlLEtBQUssQ0FBQyxVQUFVLENBQUMsR0FBRyxDQUFDLENBQUEifQ==

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

@@ -1,17 +1,5 @@
-/// <reference types="react" />
-import { ComponentName } from '../../components/enumsComponentsName';
-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
- **/
-declare const Tag: {
-    ({ label, variant, inverted, iconName, small, testId, ...others }: TagProps): JSX.Element;
-    displayName: ComponentName;
-};
-export default Tag;
+import React from 'react';
+import { View } from 'react-native';
+import { TagProps } from '../../components/tag/TagProps';
+declare const _default: React.ForwardRefExoticComponent<TagProps & React.RefAttributes<View>>;
+export default _default;

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

@@ -1,10 +1,10 @@
 import { __assign, __rest } from "tslib";
+import React from 'react';
+import { StyleSheet, Text, View } from 'react-native';
 import { ComponentName } from '../../components/enumsComponentsName';
 import { Icon, IconSize } from '../../components/icon';
 import { getColorStyle, TrilogyColor } from '../../objects/facets/Color';
 import { getStatusStyle } from '../../objects/facets/Status';
-import React from 'react';
-import { StyleSheet, Text, View } from 'react-native';
 /**
  * Tag Component
  * @param children {ReactNode} Add childrens for tag
@@ -14,8 +14,8 @@ import { StyleSheet, Text, View } from 'react-native';
  * @param iconName {IconName} display icon
  * @param testId {string} Test Id for Test Integration
  **/
-var Tag = function (_a) {
-    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 Tag = function (_a, ref) {
+    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 textColor = inverted ? getColorStyle(variant) : getColorStyle(TrilogyColor.MAIN);
     var backgroundColor = variant && getStatusStyle(variant).backgroundColor;
     var styles = StyleSheet.create({
@@ -49,10 +49,10 @@ var Tag = function (_a) {
             flexDirection: 'row',
         },
     });
-    return (React.createElement(View, __assign({ style: styles.tag }, others),
-        iconName && (React.createElement(Icon, { size: small ? IconSize.SMALLER : IconSize.SMALL, name: iconName, testId: "".concat(testId, "-icon") })),
-        React.createElement(Text, { style: styles.text }, label)));
+    return (React.createElement(View, __assign({ style: styles.tag }, others, { ref: ref }),
+        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)));
 };
 Tag.displayName = ComponentName.Tag;
-export default Tag;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVGFnLm5hdGl2ZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL2NvbXBvbmVudHMvdGFnL1RhZy5uYXRpdmUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sa0NBQWtDLENBQUE7QUFDaEUsT0FBTyxFQUFFLElBQUksRUFBWSxRQUFRLEVBQUUsTUFBTSxtQkFBbUIsQ0FBQTtBQUM1RCxPQUFPLEVBQUUsYUFBYSxFQUFFLFlBQVksRUFBRSxNQUFNLHdCQUF3QixDQUFBO0FBQ3BFLE9BQU8sRUFBRSxjQUFjLEVBQUUsTUFBTSx5QkFBeUIsQ0FBQTtBQUN4RCxPQUFPLEtBQUssTUFBTSxPQUFPLENBQUE7QUFDekIsT0FBTyxFQUFFLFVBQVUsRUFBRSxJQUFJLEVBQUUsSUFBSSxFQUFFLE1BQU0sY0FBYyxDQUFBO0FBR3JEOzs7Ozs7OztJQVFJO0FBQ0osSUFBTSxHQUFHLEdBQUcsVUFBQyxFQUEwRTtJQUF4RSxJQUFBLEtBQUssV0FBQSxFQUFFLE9BQU8sYUFBQSxFQUFFLFFBQVEsY0FBQSxFQUFFLFFBQVEsY0FBQSxFQUFFLEtBQUssV0FBQSxFQUFFLE1BQU0sWUFBQSxFQUFLLE1BQU0sY0FBOUQsK0RBQWdFLENBQUY7SUFDekUsSUFBTSxTQUFTLEdBQUcsUUFBUSxDQUFDLENBQUMsQ0FBQyxhQUFhLENBQUMsT0FBdUIsQ0FBQyxDQUFDLENBQUMsQ0FBQyxhQUFhLENBQUMsWUFBWSxDQUFDLElBQUksQ0FBQyxDQUFBO0lBRXRHLElBQU0sZUFBZSxHQUFHLE9BQU8sSUFBSSxjQUFjLENBQUMsT0FBTyxDQUFDLENBQUMsZUFBZSxDQUFBO0lBRTFFLElBQU0sTUFBTSxHQUFHLFVBQVUsQ0FBQyxNQUFNLENBQUM7UUFDL0IsR0FBRyxFQUFFO1lBQ0gsYUFBYSxFQUFFLEtBQUs7WUFDcEIsY0FBYyxFQUFFLFFBQVE7WUFDeEIsVUFBVSxFQUFFLFFBQVE7WUFDcEIsU0FBUyxFQUFFLFVBQVU7WUFDckIsWUFBWSxFQUFFLEVBQUU7WUFDaEIsaUJBQWlCLEVBQUUsQ0FBQztZQUNwQixlQUFlLEVBQUUsQ0FBQztZQUNsQixlQUFlLEVBQ2IsQ0FBQyxRQUFRLElBQUksYUFBYSxDQUFDLFlBQVksQ0FBQyxVQUFVLENBQUMsQ0FBQztnQkFDcEQsQ0FBQyxPQUFPLElBQUssZUFBZ0MsQ0FBQztnQkFDOUMsYUFBYSxDQUFDLFlBQVksQ0FBQyxZQUFZLENBQUM7U0FDM0M7UUFDRCxJQUFJLEVBQUU7WUFDSixTQUFTLEVBQUUsUUFBUTtZQUNuQixVQUFVLEVBQUUsUUFBUTtZQUNwQixVQUFVLEVBQUUsS0FBSztZQUNqQixjQUFjLEVBQUUsUUFBUTtZQUN4QixLQUFLLEVBQUUsU0FBUztZQUNoQixRQUFRLEVBQUUsS0FBSyxDQUFDLENBQUMsQ0FBQyxFQUFFLENBQUMsQ0FBQyxDQUFDLEVBQUU7U0FDMUI7UUFDRCxJQUFJLEVBQUU7WUFDSixTQUFTLEVBQUUsQ0FBQztTQUNiO1FBRUQsUUFBUSxFQUFFO1lBQ1IsV0FBVyxFQUFFLEtBQUssQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDO1NBQzNCO1FBRUQsTUFBTSxFQUFFO1lBQ04sYUFBYSxFQUFFLEtBQUs7U0FDckI7S0FDRixDQUFDLENBQUE7SUFFRixPQUFPLENBQ0wsb0JBQUMsSUFBSSxhQUFDLEtBQUssRUFBRSxNQUFNLENBQUMsR0FBRyxJQUFNLE1BQU07UUFDaEMsUUFBUSxJQUFJLENBQ1gsb0JBQUMsSUFBSSxJQUNILElBQUksRUFBRSxLQUFLLENBQUMsQ0FBQyxDQUFDLFFBQVEsQ0FBQyxPQUFPLENBQUMsQ0FBQyxDQUFDLFFBQVEsQ0FBQyxLQUFLLEVBQy9DLElBQUksRUFBRSxRQUFRLEVBQ2QsTUFBTSxFQUFFLFVBQUcsTUFBTSxVQUFPLEdBQ3hCLENBQ0g7UUFDRCxvQkFBQyxJQUFJLElBQUMsS0FBSyxFQUFFLE1BQU0sQ0FBQyxJQUFJLElBQUcsS0FBSyxDQUFRLENBQ25DLENBQ1IsQ0FBQTtBQUNILENBQUMsQ0FBQTtBQUVELEdBQUcsQ0FBQyxXQUFXLEdBQUcsYUFBYSxDQUFDLEdBQUcsQ0FBQTtBQUVuQyxlQUFlLEdBQUcsQ0FBQSJ9
+export default React.forwardRef(Tag);
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVGFnLm5hdGl2ZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL2NvbXBvbmVudHMvdGFnL1RhZy5uYXRpdmUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLEtBQUssTUFBTSxPQUFPLENBQUE7QUFDekIsT0FBTyxFQUFFLFVBQVUsRUFBRSxJQUFJLEVBQUUsSUFBSSxFQUFFLE1BQU0sY0FBYyxDQUFBO0FBRXJELE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxrQ0FBa0MsQ0FBQTtBQUNoRSxPQUFPLEVBQUUsSUFBSSxFQUFFLFFBQVEsRUFBRSxNQUFNLG1CQUFtQixDQUFBO0FBRWxELE9BQU8sRUFBRSxhQUFhLEVBQUUsWUFBWSxFQUFFLE1BQU0sd0JBQXdCLENBQUE7QUFDcEUsT0FBTyxFQUFFLGNBQWMsRUFBRSxNQUFNLHlCQUF5QixDQUFBO0FBRXhEOzs7Ozs7OztJQVFJO0FBQ0osSUFBTSxHQUFHLEdBQUcsVUFDVixFQUE2RSxFQUM3RSxHQUFvQjtJQURsQixJQUFBLFFBQVEsY0FBQSxFQUFFLE9BQU8sYUFBQSxFQUFFLFFBQVEsY0FBQSxFQUFFLFFBQVEsY0FBQSxFQUFFLEtBQUssV0FBQSxFQUFFLE1BQU0sWUFBQSxFQUFLLE1BQU0sY0FBakUsa0VBQW1FLENBQUY7SUFHakUsSUFBTSxTQUFTLEdBQUcsUUFBUSxDQUFDLENBQUMsQ0FBQyxhQUFhLENBQUMsT0FBdUIsQ0FBQyxDQUFDLENBQUMsQ0FBQyxhQUFhLENBQUMsWUFBWSxDQUFDLElBQUksQ0FBQyxDQUFBO0lBRXRHLElBQU0sZUFBZSxHQUFHLE9BQU8sSUFBSSxjQUFjLENBQUMsT0FBTyxDQUFDLENBQUMsZUFBZSxDQUFBO0lBRTFFLElBQU0sTUFBTSxHQUFHLFVBQVUsQ0FBQyxNQUFNLENBQUM7UUFDL0IsR0FBRyxFQUFFO1lBQ0gsYUFBYSxFQUFFLEtBQUs7WUFDcEIsY0FBYyxFQUFFLFFBQVE7WUFDeEIsVUFBVSxFQUFFLFFBQVE7WUFDcEIsU0FBUyxFQUFFLFVBQVU7WUFDckIsWUFBWSxFQUFFLEVBQUU7WUFDaEIsaUJBQWlCLEVBQUUsQ0FBQztZQUNwQixlQUFlLEVBQUUsQ0FBQztZQUNsQixlQUFlLEVBQ2IsQ0FBQyxRQUFRLElBQUksYUFBYSxDQUFDLFlBQVksQ0FBQyxVQUFVLENBQUMsQ0FBQztnQkFDcEQsQ0FBQyxPQUFPLElBQUssZUFBZ0MsQ0FBQztnQkFDOUMsYUFBYSxDQUFDLFlBQVksQ0FBQyxZQUFZLENBQUM7U0FDM0M7UUFDRCxJQUFJLEVBQUU7WUFDSixTQUFTLEVBQUUsUUFBUTtZQUNuQixVQUFVLEVBQUUsUUFBUTtZQUNwQixVQUFVLEVBQUUsS0FBSztZQUNqQixjQUFjLEVBQUUsUUFBUTtZQUN4QixLQUFLLEVBQUUsU0FBUztZQUNoQixRQUFRLEVBQUUsS0FBSyxDQUFDLENBQUMsQ0FBQyxFQUFFLENBQUMsQ0FBQyxDQUFDLEVBQUU7U0FDMUI7UUFDRCxJQUFJLEVBQUU7WUFDSixTQUFTLEVBQUUsQ0FBQztTQUNiO1FBRUQsUUFBUSxFQUFFO1lBQ1IsV0FBVyxFQUFFLEtBQUssQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDO1NBQzNCO1FBRUQsTUFBTSxFQUFFO1lBQ04sYUFBYSxFQUFFLEtBQUs7U0FDckI7S0FDRixDQUFDLENBQUE7SUFFRixPQUFPLENBQ0wsb0JBQUMsSUFBSSxhQUFDLEtBQUssRUFBRSxNQUFNLENBQUMsR0FBRyxJQUFNLE1BQU0sSUFBRSxHQUFHLEVBQUUsR0FBRztRQUMxQyxRQUFRLElBQUksQ0FDWCxvQkFBQyxJQUFJLElBQ0gsSUFBSSxFQUFFLEtBQUssQ0FBQyxDQUFDLENBQUMsUUFBUSxDQUFDLE9BQU8sQ0FBQyxDQUFDLENBQUMsUUFBUSxDQUFDLEtBQUssRUFDL0MsS0FBSyxFQUFFLE1BQU0sQ0FBQyxRQUFRLEVBQ3RCLElBQUksRUFBRSxRQUFRLEVBQ2QsTUFBTSxFQUFFLFVBQUcsTUFBTSxVQUFPLEdBQ3hCLENBQ0g7UUFDRCxvQkFBQyxJQUFJLElBQUMsS0FBSyxFQUFFLE1BQU0sQ0FBQyxJQUFJLElBQUcsUUFBUSxDQUFRLENBQ3RDLENBQ1IsQ0FBQTtBQUNILENBQUMsQ0FBQTtBQUVELEdBQUcsQ0FBQyxXQUFXLEdBQUcsYUFBYSxDQUFDLEdBQUcsQ0FBQTtBQUVuQyxlQUFlLEtBQUssQ0FBQyxVQUFVLENBQUMsR0FBRyxDQUFDLENBQUEifQ==

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

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

package/lib/components/tag/TagPropsDefaults.js

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

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

@@ -1,4 +1,3 @@
-import Tag from './Tag';
-import TagList from './list';
-export * from './TagEnum';
-export { Tag, TagList };
+export { default as TagList } from '../../components/tag/list/TagList';
+export { default as Tag } from '../../components/tag/Tag';
+export * from '../../components/tag/TagEnum';

package/lib/components/tag/index.js

@@ -1,5 +1,4 @@
-import Tag from './Tag';
-import TagList from './list';
-export * from './TagEnum';
-export { Tag, TagList };
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9jb21wb25lbnRzL3RhZy9pbmRleC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEdBQUcsTUFBTSxPQUFPLENBQUE7QUFDdkIsT0FBTyxPQUFPLE1BQU0sUUFBUSxDQUFBO0FBRTVCLGNBQWMsV0FBVyxDQUFBO0FBRXpCLE9BQU8sRUFBRSxHQUFHLEVBQUUsT0FBTyxFQUFFLENBQUEifQ==
+export { default as TagList } from '../../components/tag/list/TagList';
+export { default as Tag } from '../../components/tag/Tag';
+export * from '../../components/tag/TagEnum';
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9jb21wb25lbnRzL3RhZy9pbmRleC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsT0FBTyxJQUFJLE9BQU8sRUFBRSxNQUFNLCtCQUErQixDQUFBO0FBQ2xFLE9BQU8sRUFBRSxPQUFPLElBQUksR0FBRyxFQUFFLE1BQU0sc0JBQXNCLENBQUE7QUFDckQsY0FBYywwQkFBMEIsQ0FBQSJ9

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

@@ -1,13 +1,4 @@
-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<unknown>>;
-export default TagList;
+import React from 'react';
+import { TagListProps } from '../../../components/tag/list/TagListProps';
+declare const _default: React.ForwardRefExoticComponent<TagListProps & React.RefAttributes<HTMLElement>>;
+export default _default;

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

@@ -1,10 +1,8 @@
 import { __assign, __rest } from "tslib";
-import * as React from 'react';
 import clsx from 'clsx';
-import { hashClass } from '../../../helpers';
-import { useTrilogyContext } from '../../../context';
-import { is } from '../../../services';
-import { getJustifiedClassName } from '../../../objects';
+import React from 'react';
+import { hashClass } from '../../../helpers/hashClassesHelpers';
+import { is } from '../../../services/classify';
 /**
  * Tag List Component
  * @param children {ReactNode} Children Tag List
@@ -14,10 +12,9 @@ import { getJustifiedClassName } from '../../../objects';
  *  - -------------------------- WEB PROPERTIES -------------------------------
  * @param className {string} Additionnal CSS Classes
  */
-var TagList = React.forwardRef(function (props) {
-    var className = props.className, id = props.id, align = props.align, marginless = props.marginless, others = __rest(props, ["className", "id", "align", "marginless"]);
-    var styled = useTrilogyContext().styled;
-    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,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVGFnTGlzdC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL2NvbXBvbmVudHMvdGFnL2xpc3QvVGFnTGlzdC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUFBLE9BQU8sS0FBSyxLQUFLLE1BQU0sT0FBTyxDQUFBO0FBQzlCLE9BQU8sSUFBSSxNQUFNLE1BQU0sQ0FBQTtBQUV2QixPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sV0FBVyxDQUFBO0FBQ3JDLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLFdBQVcsQ0FBQTtBQUM3QyxPQUFPLEVBQUUsRUFBRSxFQUFFLE1BQU0sWUFBWSxDQUFBO0FBQy9CLE9BQU8sRUFBRSxxQkFBcUIsRUFBRSxNQUFNLFdBQVcsQ0FBQTtBQUVqRDs7Ozs7Ozs7R0FRRztBQUNILElBQU0sT0FBTyxHQUFHLEtBQUssQ0FBQyxVQUFVLENBQUMsVUFBQyxLQUFtQjtJQUMzQyxJQUFBLFNBQVMsR0FBdUMsS0FBSyxVQUE1QyxFQUFFLEVBQUUsR0FBbUMsS0FBSyxHQUF4QyxFQUFFLEtBQUssR0FBNEIsS0FBSyxNQUFqQyxFQUFFLFVBQVUsR0FBZ0IsS0FBSyxXQUFyQixFQUFLLE1BQU0sVUFBSyxLQUFLLEVBQXZELDBDQUErQyxDQUFGLENBQVU7SUFFckQsSUFBQSxNQUFNLEdBQUssaUJBQWlCLEVBQUUsT0FBeEIsQ0FBd0I7SUFFdEMsT0FBTyxDQUNMLHNDQUNFLEVBQUUsRUFBRSxFQUFFLEVBQ04sU0FBUyxFQUFFLFNBQVMsQ0FDbEIsTUFBTSxFQUNOLElBQUksQ0FBQyxNQUFNLEVBQUUsS0FBSyxJQUFJLEVBQUUsQ0FBQyxxQkFBcUIsQ0FBQyxLQUFLLENBQUMsQ0FBQyxFQUFFLFVBQVUsSUFBSSxFQUFFLENBQUMsWUFBWSxDQUFDLEVBQUUsU0FBUyxDQUFDLENBQ25HLElBQ0csTUFBTSxFQUNWLENBQ0gsQ0FBQTtBQUNILENBQUMsQ0FBQyxDQUFBO0FBQ0YsZUFBZSxPQUFPLENBQUEifQ==
+var TagList = function (props, ref) {
+    var className = props.className, gapless = props.gapless, centered = props.centered, marginless = props.marginless, others = __rest(props, ["className", "gapless", "centered", "marginless"]);
+    return (React.createElement("span", __assign({ ref: ref, className: hashClass(clsx('tags', centered && is('centered'), gapless && is('gapless'), marginless && is('marginless'), className)) }, others)));
+};
+export default React.forwardRef(TagList);
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVGFnTGlzdC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL2NvbXBvbmVudHMvdGFnL2xpc3QvVGFnTGlzdC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUFBLE9BQU8sSUFBSSxNQUFNLE1BQU0sQ0FBQTtBQUN2QixPQUFPLEtBQUssTUFBTSxPQUFPLENBQUE7QUFHekIsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLDhCQUE4QixDQUFBO0FBQ3hELE9BQU8sRUFBRSxFQUFFLEVBQUUsTUFBTSxxQkFBcUIsQ0FBQTtBQUV4Qzs7Ozs7Ozs7R0FRRztBQUNILElBQU0sT0FBTyxHQUFHLFVBQUMsS0FBbUIsRUFBRSxHQUEyQjtJQUN2RCxJQUFBLFNBQVMsR0FBK0MsS0FBSyxVQUFwRCxFQUFFLE9BQU8sR0FBc0MsS0FBSyxRQUEzQyxFQUFFLFFBQVEsR0FBNEIsS0FBSyxTQUFqQyxFQUFFLFVBQVUsR0FBZ0IsS0FBSyxXQUFyQixFQUFLLE1BQU0sVUFBSyxLQUFLLEVBQS9ELGtEQUF1RCxDQUFGLENBQVU7SUFFckUsT0FBTyxDQUNMLHVDQUNFLEdBQUcsRUFBRSxHQUFHLEVBQ1IsU0FBUyxFQUFFLFNBQVMsQ0FDbEIsSUFBSSxDQUFDLE1BQU0sRUFBRSxRQUFRLElBQUksRUFBRSxDQUFDLFVBQVUsQ0FBQyxFQUFFLE9BQU8sSUFBSSxFQUFFLENBQUMsU0FBUyxDQUFDLEVBQUUsVUFBVSxJQUFJLEVBQUUsQ0FBQyxZQUFZLENBQUMsRUFBRSxTQUFTLENBQUMsQ0FDOUcsSUFDRyxNQUFNLEVBQ1YsQ0FDSCxDQUFBO0FBQ0gsQ0FBQyxDQUFBO0FBQ0QsZUFBZSxLQUFLLENBQUMsVUFBVSxDQUFDLE9BQU8sQ0FBQyxDQUFBIn0=

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

@@ -1,13 +1,5 @@
-/// <reference types="react" />
-import { TagListProps } from './TagListProps';
-import { ComponentName } from '../../../components/enumsComponentsName';
-/**
- * Tag List Component
- * @param children {ReactNode} Children Tag List
- * @param centered {boolean} Center tags
- */
-declare const TagList: {
-    ({ children, ...others }: TagListProps): JSX.Element;
-    displayName: ComponentName;
-};
-export default TagList;
+import * as React from 'react';
+import { View } from 'react-native';
+import { TagListProps } from '../../../components/tag/list/TagListProps';
+declare const _default: React.ForwardRefExoticComponent<TagListProps & React.RefAttributes<View>>;
+export default _default;

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

@@ -6,9 +6,10 @@ 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, others = __rest(_a, ["children"]);
+var TagList = function (_a, ref) {
+    var children = _a.children, centered = _a.centered, gapless = _a.gapless, others = __rest(_a, ["children", "centered", "gapless"]);
     var styles = StyleSheet.create({
         tagList: {
             width: '100%',
@@ -23,8 +24,8 @@ var TagList = function (_a) {
             padding: 0,
         },
     });
-    return (React.createElement(View, __assign({ style: [styles.tagList] }, others), children));
+    return (React.createElement(View, __assign({ ref: ref, style: [styles.tagList, centered && styles.centered, gapless && styles.gapless] }, others), children));
 };
 TagList.displayName = ComponentName.TagList;
-export default TagList;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVGFnTGlzdC5uYXRpdmUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9jb21wb25lbnRzL3RhZy9saXN0L1RhZ0xpc3QubmF0aXZlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxLQUFLLEtBQUssTUFBTSxPQUFPLENBQUE7QUFDOUIsT0FBTyxFQUFFLFVBQVUsRUFBRSxJQUFJLEVBQUUsTUFBTSxjQUFjLENBQUE7QUFFL0MsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLGtDQUFrQyxDQUFBO0FBRWhFOzs7O0dBSUc7QUFDSCxJQUFNLE9BQU8sR0FBRyxVQUFDLEVBQXFDO0lBQW5DLElBQUEsUUFBUSxjQUFBLEVBQUssTUFBTSxjQUFyQixZQUF1QixDQUFGO0lBQ3BDLElBQU0sTUFBTSxHQUFHLFVBQVUsQ0FBQyxNQUFNLENBQUM7UUFDL0IsT0FBTyxFQUFFO1lBQ1AsS0FBSyxFQUFFLE1BQU07WUFDYixhQUFhLEVBQUUsS0FBSztZQUNwQixRQUFRLEVBQUUsTUFBTTtTQUNqQjtRQUNELFFBQVEsRUFBRTtZQUNSLFNBQVMsRUFBRSxRQUFRO1NBQ3BCO1FBQ0QsT0FBTyxFQUFFO1lBQ1AsTUFBTSxFQUFFLENBQUM7WUFDVCxPQUFPLEVBQUUsQ0FBQztTQUNYO0tBQ0YsQ0FBQyxDQUFBO0lBRUYsT0FBTyxDQUNMLG9CQUFDLElBQUksYUFBQyxLQUFLLEVBQUUsQ0FBQyxNQUFNLENBQUMsT0FBTyxDQUFDLElBQU0sTUFBTSxHQUN0QyxRQUFRLENBQ0osQ0FDUixDQUFBO0FBQ0gsQ0FBQyxDQUFBO0FBRUQsT0FBTyxDQUFDLFdBQVcsR0FBRyxhQUFhLENBQUMsT0FBTyxDQUFBO0FBRTNDLGVBQWUsT0FBTyxDQUFBIn0=
+export default React.forwardRef(TagList);
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVGFnTGlzdC5uYXRpdmUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9jb21wb25lbnRzL3RhZy9saXN0L1RhZ0xpc3QubmF0aXZlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxLQUFLLEtBQUssTUFBTSxPQUFPLENBQUE7QUFDOUIsT0FBTyxFQUFFLFVBQVUsRUFBRSxJQUFJLEVBQUUsTUFBTSxjQUFjLENBQUE7QUFFL0MsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLGtDQUFrQyxDQUFBO0FBR2hFOzs7OztHQUtHO0FBQ0gsSUFBTSxPQUFPLEdBQUcsVUFBQyxFQUF3RCxFQUFFLEdBQW9CO0lBQTVFLElBQUEsUUFBUSxjQUFBLEVBQUUsUUFBUSxjQUFBLEVBQUUsT0FBTyxhQUFBLEVBQUssTUFBTSxjQUF4QyxtQ0FBMEMsQ0FBRjtJQUN2RCxJQUFNLE1BQU0sR0FBRyxVQUFVLENBQUMsTUFBTSxDQUFDO1FBQy9CLE9BQU8sRUFBRTtZQUNQLEtBQUssRUFBRSxNQUFNO1lBQ2IsYUFBYSxFQUFFLEtBQUs7WUFDcEIsUUFBUSxFQUFFLE1BQU07U0FDakI7UUFDRCxRQUFRLEVBQUU7WUFDUixTQUFTLEVBQUUsUUFBUTtTQUNwQjtRQUNELE9BQU8sRUFBRTtZQUNQLE1BQU0sRUFBRSxDQUFDO1lBQ1QsT0FBTyxFQUFFLENBQUM7U0FDWDtLQUNGLENBQUMsQ0FBQTtJQUVGLE9BQU8sQ0FDTCxvQkFBQyxJQUFJLGFBQUMsR0FBRyxFQUFFLEdBQUcsRUFBRSxLQUFLLEVBQUUsQ0FBQyxNQUFNLENBQUMsT0FBTyxFQUFFLFFBQVEsSUFBSSxNQUFNLENBQUMsUUFBUSxFQUFFLE9BQU8sSUFBSSxNQUFNLENBQUMsT0FBTyxDQUFDLElBQU0sTUFBTSxHQUN4RyxRQUFRLENBQ0osQ0FDUixDQUFBO0FBQ0gsQ0FBQyxDQUFBO0FBRUQsT0FBTyxDQUFDLFdBQVcsR0FBRyxhQUFhLENBQUMsT0FBTyxDQUFBO0FBRTNDLGVBQWUsS0FBSyxDQUFDLFVBQVUsQ0FBQyxPQUFPLENBQUMsQ0FBQSJ9

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

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

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

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

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

@@ -1,2 +1,2 @@
-import TagList from './TagList';
+import TagList from '../../../components/tag/list/TagList';
 export default TagList;

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

@@ -1,3 +1,3 @@
-import TagList from './TagList';
+import TagList from '../../../components/tag/list/TagList';
 export default TagList;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9jb21wb25lbnRzL3RhZy9saXN0L2luZGV4LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sT0FBTyxNQUFNLFdBQVcsQ0FBQTtBQUUvQixlQUFlLE9BQU8sQ0FBQSJ9
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9jb21wb25lbnRzL3RhZy9saXN0L2luZGV4LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sT0FBTyxNQUFNLCtCQUErQixDQUFBO0FBQ25ELGVBQWUsT0FBTyxDQUFBIn0=

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

@@ -1,20 +1,4 @@
-/// <reference types="react" />
-import { TextProps } from './TextProps';
-/**
- * Text component
- * @param children {string} Text child
- * @param inverted {Boolean} Text white color
- * @param level {TextLevels | number} Text size : 1-4
- * @param typo {TypographyColor | TypographyTransform | TypographyBold | TypographyAlign} Typos
- * @param onClick {Function} onClick Event
- * @param skeleton {Boolean} Text Skeleton
- * @param accessibilityLabel {string} Accessibility label
- * @param marginless {boolean} Removes margin after Text
- * @param numberOfLines {number} Ellipsis after limit number of lines
- * - --------------- WEB PROPERTIES ----------------------------------
- * @param className {string} Additionnal css classes
- * @param markup {TextMarkup} Text markup
- * - --------------- NATIVE PROPERTIES ----------------------------------
- */
-declare const Text: ({ level, markup, children, className, id, typo, inverted, skeleton, accessibilityLabel, marginless, numberOfLines, ...others }: TextProps) => JSX.Element;
-export default Text;
+import React from 'react';
+import { TextProps } from '../../components/text/TextProps';
+declare const _default: React.ForwardRefExoticComponent<TextProps & React.RefAttributes<any>>;
+export default _default;