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

package/lib/components/link/Link.js

@@ -1,50 +1,64 @@
 import { __assign, __rest } from "tslib";
-import * as React from 'react';
-import clsx from 'clsx';
-import { has, is } from '../../services/classify';
-import { Icon, IconSize } from '../../components/icon';
-import { hashClass } from '../../helpers';
-import { useTrilogyContext } from '../../context';
+import * as React from "react";
+import clsx from "clsx";
+import { Text, TextMarkup } from "../../components/text";
+import { has, is } from "../../services/classify";
+import { Icon, IconSize } from "../../components/icon";
+import { hashClass } from "../../helpers";
+import { useTrilogyContext } from "../../context";
 /**
  * Link Component
  * @param children {React.ReactNode} Content children for Link
- * @param id
  * @param href {string} Link to open
  * @param to {string} use for router
  * @param title {string} Title attribute
  * @param onClick {Function} onClick Event
+ * @param typo {TypographyAlign} Typos align link
  * @param accessibilityLabel {string} Accessibility label
  * @param iconName {IconName} Adding Icon Link
+ * @param testId {string} Test Id for Test Integration
  * @param inverted {boolean} Inverted link
  * @param others
  * - -------------------------- WEB PROPERTIES -------------------------------
  * @param className {string} Additionnal CSS Classes
  * @param href {string} Href link
+ * @param removeLinkClass {boolean}
  * @param routerLink Custom Router Link as props
  * @param blank Link Target Blank
  * -------------------------- NATIVE PROPERTIES -------------------------------
+ * @param inline {boolean} If link is inside paragraphe
+ * @param level {TextLevels} if inline, size to match with Text
+ * @param style {Object} Additional styles
  */
 var Link = function (_a) {
-    var children = _a.children, className = _a.className, id = _a.id, to = _a.to, href = _a.href, onClick = _a.onClick, accessibilityLabel = _a.accessibilityLabel, routerLink = _a.routerLink, iconName = _a.iconName, inverted = _a.inverted, blank = _a.blank, title = _a.title, others = __rest(_a, ["children", "className", "id", "to", "href", "onClick", "accessibilityLabel", "routerLink", "iconName", "inverted", "blank", "title"]);
+    var children = _a.children, className = _a.className, removeLinkClass = _a.removeLinkClass, to = _a.to, href = _a.href, title = _a.title, onClick = _a.onClick, typo = _a.typo, testId = _a.testId, accessibilityLabel = _a.accessibilityLabel, routerLink = _a.routerLink, iconName = _a.iconName, inverted = _a.inverted, blank = _a.blank, others = __rest(_a, ["children", "className", "removeLinkClass", "to", "href", "title", "onClick", "typo", "testId", "accessibilityLabel", "routerLink", "iconName", "inverted", "blank"]);
     var styled = useTrilogyContext().styled;
-    var classes = clsx('link', iconName && has('icon'), inverted && is('inverted'), className);
+    var classes = clsx(iconName && has("icon"), typo, inverted && is("inverted"), className);
     if (routerLink && to) {
-        var RouterLink_1 = (routerLink ? routerLink : 'a');
+        var RouterLink_1 = (routerLink ? routerLink : "a");
         var RouterLinkTrilogy = function () {
-            return (React.createElement(RouterLink_1, __assign({ id: id, "aria-label": accessibilityLabel, onClick: onClick && onClick, className: hashClass(styled, clsx(classes)), to: to || '' }, (blank && {
-                target: '_blank',
-            }), others), children));
+            return (React.createElement(RouterLink_1, __assign({ "data-testid": testId, "aria-label": accessibilityLabel, onClick: onClick && onClick, className: hashClass(styled, clsx(classes)), to: to || "" }, (blank && {
+                target: "_blank",
+            }), others), title || children));
         };
+        if (typo) {
+            return (React.createElement("div", { className: hashClass(styled, clsx(typo)) },
+                React.createElement(RouterLinkTrilogy, null)));
+        }
         return React.createElement(RouterLinkTrilogy, null);
     }
     var LinkTrilogy = function () {
-        return (React.createElement("a", __assign({ id: id, "aria-label": accessibilityLabel, onClick: onClick && onClick, className: classes, title: title, href: href }, (blank && {
-            target: '_blank',
+        return (React.createElement(Text, __assign({ link: true, "data-testid": testId, "aria-label": accessibilityLabel, onClick: onClick && onClick, title: title, markup: TextMarkup.A, className: classes, href: href }, (blank && {
+            target: "_blank",
         }), others), iconName ? (React.createElement(React.Fragment, null,
-            React.createElement("span", null, children),
+            React.createElement(Text, { markup: 'span' }, children),
             React.createElement(Icon, { name: iconName, size: IconSize.SMALL }))) : (children)));
     };
+    if (typo) {
+        return (React.createElement("div", { className: hashClass(styled, clsx(typo)) },
+            React.createElement(LinkTrilogy, null)));
+    }
     return React.createElement(LinkTrilogy, null);
 };
 export default Link;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiTGluay5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL2NvbXBvbmVudHMvbGluay9MaW5rLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxLQUFLLEtBQUssTUFBTSxPQUFPLENBQUE7QUFDOUIsT0FBTyxJQUFJLE1BQU0sTUFBTSxDQUFBO0FBRXZCLE9BQU8sRUFBRSxHQUFHLEVBQUUsRUFBRSxFQUFFLE1BQU0scUJBQXFCLENBQUE7QUFDN0MsT0FBTyxFQUFFLElBQUksRUFBRSxRQUFRLEVBQUUsTUFBTSxtQkFBbUIsQ0FBQTtBQUNsRCxPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sV0FBVyxDQUFBO0FBQ3JDLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLFdBQVcsQ0FBQTtBQUU3Qzs7Ozs7Ozs7Ozs7Ozs7Ozs7O0dBa0JHO0FBRUgsSUFBTSxJQUFJLEdBQUcsVUFBQyxFQWNGO0lBYlYsSUFBQSxRQUFRLGNBQUEsRUFDUixTQUFTLGVBQUEsRUFDVCxFQUFFLFFBQUEsRUFDRixFQUFFLFFBQUEsRUFDRixJQUFJLFVBQUEsRUFDSixPQUFPLGFBQUEsRUFDUCxrQkFBa0Isd0JBQUEsRUFDbEIsVUFBVSxnQkFBQSxFQUNWLFFBQVEsY0FBQSxFQUNSLFFBQVEsY0FBQSxFQUNSLEtBQUssV0FBQSxFQUNMLEtBQUssV0FBQSxFQUNGLE1BQU0sY0FiRyxzSUFjYixDQURVO0lBRUQsSUFBQSxNQUFNLEdBQUssaUJBQWlCLEVBQUUsT0FBeEIsQ0FBd0I7SUFFdEMsSUFBTSxPQUFPLEdBQUcsSUFBSSxDQUFDLE1BQU0sRUFBRSxRQUFRLElBQUksR0FBRyxDQUFDLE1BQU0sQ0FBQyxFQUFFLFFBQVEsSUFBSSxFQUFFLENBQUMsVUFBVSxDQUFDLEVBQUUsU0FBUyxDQUFDLENBQUE7SUFFNUYsSUFBSSxVQUFVLElBQUksRUFBRSxFQUFFO1FBQ3BCLElBQU0sWUFBVSxHQUFHLENBQUMsVUFBVSxDQUFDLENBQUMsQ0FBQyxVQUFVLENBQUMsQ0FBQyxDQUFDLEdBQUcsQ0FBc0IsQ0FBQTtRQUV2RSxJQUFNLGlCQUFpQixHQUFHO1lBQ3hCLE9BQU8sQ0FDTCxvQkFBQyxZQUFVLGFBQ1QsRUFBRSxFQUFFLEVBQUUsZ0JBQ00sa0JBQWtCLEVBQzlCLE9BQU8sRUFBRSxPQUFPLElBQUksT0FBTyxFQUMzQixTQUFTLEVBQUUsU0FBUyxDQUFDLE1BQU0sRUFBRSxJQUFJLENBQUMsT0FBTyxDQUFDLENBQUMsRUFDM0MsRUFBRSxFQUFFLEVBQUUsSUFBSSxFQUFFLElBQ1IsQ0FBQyxLQUFLLElBQUk7Z0JBQ1osTUFBTSxFQUFFLFFBQVE7YUFDakIsQ0FBQyxFQUNFLE1BQU0sR0FFVCxRQUFRLENBQ0UsQ0FDZCxDQUFBO1FBQ0gsQ0FBQyxDQUFBO1FBRUQsT0FBTyxvQkFBQyxpQkFBaUIsT0FBRyxDQUFBO0tBQzdCO0lBRUQsSUFBTSxXQUFXLEdBQUc7UUFDbEIsT0FBTyxDQUNMLG9DQUNFLEVBQUUsRUFBRSxFQUFFLGdCQUNNLGtCQUFrQixFQUM5QixPQUFPLEVBQUUsT0FBTyxJQUFJLE9BQU8sRUFDM0IsU0FBUyxFQUFFLE9BQU8sRUFDbEIsS0FBSyxFQUFFLEtBQUssRUFDWixJQUFJLEVBQUUsSUFBSSxJQUNOLENBQUMsS0FBSyxJQUFJO1lBQ1osTUFBTSxFQUFFLFFBQVE7U0FDakIsQ0FBQyxFQUNFLE1BQU0sR0FFVCxRQUFRLENBQUMsQ0FBQyxDQUFDLENBQ1Y7WUFDRSxrQ0FBTyxRQUFRLENBQVE7WUFDdkIsb0JBQUMsSUFBSSxJQUFDLElBQUksRUFBRSxRQUFRLEVBQUUsSUFBSSxFQUFFLFFBQVEsQ0FBQyxLQUFLLEdBQUksQ0FDN0MsQ0FDSixDQUFDLENBQUMsQ0FBQyxDQUNGLFFBQVEsQ0FDVCxDQUNDLENBQ0wsQ0FBQTtJQUNILENBQUMsQ0FBQTtJQUVELE9BQU8sb0JBQUMsV0FBVyxPQUFHLENBQUE7QUFDeEIsQ0FBQyxDQUFBO0FBRUQsZUFBZSxJQUFJLENBQUEifQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiTGluay5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL2NvbXBvbmVudHMvbGluay9MaW5rLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxLQUFLLEtBQUssTUFBTSxPQUFPLENBQUE7QUFDOUIsT0FBTyxJQUFJLE1BQU0sTUFBTSxDQUFBO0FBQ3ZCLE9BQU8sRUFBRSxJQUFJLEVBQUUsVUFBVSxFQUFFLE1BQU0sbUJBQW1CLENBQUE7QUFFcEQsT0FBTyxFQUFFLEdBQUcsRUFBRSxFQUFFLEVBQUUsTUFBTSxxQkFBcUIsQ0FBQTtBQUM3QyxPQUFPLEVBQUUsSUFBSSxFQUFFLFFBQVEsRUFBRSxNQUFNLG1CQUFtQixDQUFBO0FBQ2xELE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSxXQUFXLENBQUE7QUFDckMsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sV0FBVyxDQUFBO0FBRTdDOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztHQXVCRztBQUVILElBQU0sSUFBSSxHQUFHLFVBQUMsRUFnQkY7SUFmVixJQUFBLFFBQVEsY0FBQSxFQUNSLFNBQVMsZUFBQSxFQUNULGVBQWUscUJBQUEsRUFDZixFQUFFLFFBQUEsRUFDRixJQUFJLFVBQUEsRUFDSixLQUFLLFdBQUEsRUFDTCxPQUFPLGFBQUEsRUFDUCxJQUFJLFVBQUEsRUFDSixNQUFNLFlBQUEsRUFDTixrQkFBa0Isd0JBQUEsRUFDbEIsVUFBVSxnQkFBQSxFQUNWLFFBQVEsY0FBQSxFQUNSLFFBQVEsY0FBQSxFQUNSLEtBQUssV0FBQSxFQUNGLE1BQU0sY0FmRyxxS0FnQmIsQ0FEVTtJQUVELElBQUEsTUFBTSxHQUFLLGlCQUFpQixFQUFFLE9BQXhCLENBQXdCO0lBRXRDLElBQU0sT0FBTyxHQUFHLElBQUksQ0FDbEIsUUFBUSxJQUFJLEdBQUcsQ0FBQyxNQUFNLENBQUMsRUFDdkIsSUFBSSxFQUNKLFFBQVEsSUFBSSxFQUFFLENBQUMsVUFBVSxDQUFDLEVBQzFCLFNBQVMsQ0FDVixDQUFBO0lBRUQsSUFBSSxVQUFVLElBQUksRUFBRSxFQUFFO1FBQ3BCLElBQU0sWUFBVSxHQUFHLENBQUMsVUFBVSxDQUFDLENBQUMsQ0FBQyxVQUFVLENBQUMsQ0FBQyxDQUFDLEdBQUcsQ0FBc0IsQ0FBQTtRQUV2RSxJQUFNLGlCQUFpQixHQUFHO1lBQ3hCLE9BQU8sQ0FDTCxvQkFBQyxZQUFVLDRCQUNJLE1BQU0sZ0JBQ1Asa0JBQWtCLEVBQzlCLE9BQU8sRUFBRSxPQUFPLElBQUksT0FBTyxFQUMzQixTQUFTLEVBQUUsU0FBUyxDQUFDLE1BQU0sRUFBRSxJQUFJLENBQUMsT0FBTyxDQUFDLENBQUMsRUFDM0MsRUFBRSxFQUFFLEVBQUUsSUFBSSxFQUFFLElBQ1IsQ0FBQyxLQUFLLElBQUk7Z0JBQ1osTUFBTSxFQUFFLFFBQVE7YUFDakIsQ0FBQyxFQUNFLE1BQU0sR0FFVCxLQUFLLElBQUksUUFBUSxDQUNQLENBQ2QsQ0FBQTtRQUNILENBQUMsQ0FBQTtRQUVELElBQUksSUFBSSxFQUFFO1lBQ1IsT0FBTyxDQUNMLDZCQUFLLFNBQVMsRUFBRSxTQUFTLENBQUMsTUFBTSxFQUFFLElBQUksQ0FBQyxJQUFJLENBQUMsQ0FBQztnQkFDM0Msb0JBQUMsaUJBQWlCLE9BQUcsQ0FDakIsQ0FDUCxDQUFBO1NBQ0Y7UUFFRCxPQUFPLG9CQUFDLGlCQUFpQixPQUFHLENBQUE7S0FDN0I7SUFFRCxJQUFNLFdBQVcsR0FBRztRQUNsQixPQUFPLENBQ0wsb0JBQUMsSUFBSSxhQUNILElBQUksdUJBQ1MsTUFBTSxnQkFDUCxrQkFBa0IsRUFDOUIsT0FBTyxFQUFFLE9BQU8sSUFBSSxPQUFPLEVBQzNCLEtBQUssRUFBRSxLQUFLLEVBQ1osTUFBTSxFQUFFLFVBQVUsQ0FBQyxDQUFDLEVBQ3BCLFNBQVMsRUFBRSxPQUFPLEVBQ2xCLElBQUksRUFBRSxJQUFJLElBQ04sQ0FBQyxLQUFLLElBQUk7WUFDWixNQUFNLEVBQUUsUUFBUTtTQUNqQixDQUFDLEVBQ0UsTUFBTSxHQUVULFFBQVEsQ0FBQyxDQUFDLENBQUMsQ0FDVjtZQUNFLG9CQUFDLElBQUksSUFBQyxNQUFNLEVBQUMsTUFBTSxJQUFFLFFBQVEsQ0FBUTtZQUNyQyxvQkFBQyxJQUFJLElBQUMsSUFBSSxFQUFFLFFBQVEsRUFBRSxJQUFJLEVBQUUsUUFBUSxDQUFDLEtBQUssR0FBSSxDQUM3QyxDQUNKLENBQUMsQ0FBQyxDQUFDLENBQ0YsUUFBUSxDQUNULENBQ0ksQ0FDUixDQUFBO0lBQ0gsQ0FBQyxDQUFBO0lBRUQsSUFBSSxJQUFJLEVBQUU7UUFDUixPQUFPLENBQ0wsNkJBQUssU0FBUyxFQUFFLFNBQVMsQ0FBQyxNQUFNLEVBQUUsSUFBSSxDQUFDLElBQUksQ0FBQyxDQUFDO1lBQzNDLG9CQUFDLFdBQVcsT0FBRyxDQUNYLENBQ1AsQ0FBQTtLQUNGO0lBRUQsT0FBTyxvQkFBQyxXQUFXLE9BQUcsQ0FBQTtBQUN4QixDQUFDLENBQUE7QUFFRCxlQUFlLElBQUksQ0FBQSJ9

package/lib/components/link/Link.native.d.ts

@@ -1,20 +1,23 @@
 /// <reference types="react" />
-import { LinkProps } from './LinkProps';
-import { ComponentName } from '../../components/enumsComponentsName';
+import { LinkProps } from "./LinkProps";
+import { ComponentName } from "../../components/enumsComponentsName";
 /**
  * Link Component
  * @param to {string} Url to open
  * @param title {string} Title attribute
+ * @param typo {TypographyAlign} Typos align link
  * @param onClick {Function} onClick Event
  * @param children {React.ReactNode}
  * @param testId {string} id for test
  * @param accessibilityLabel {string}
  * @param inline {boolean} If link is inside paragraphe
+ * @param level {TextLevels} if inline, size to match with Text
  * @param iconName {IconName} Adding Icon Link
  * @param inverted {boolean} Inverted link
+ * @param style {Object} Additional styles
  */
 declare const Link: {
-    ({ children, to, onClick, testId, accessibilityLabel, inline, iconName, inverted, ...others }: LinkProps): JSX.Element;
+    ({ children, to, title, typo, onClick, testId, accessibilityLabel, inline, level, iconName, inverted, style, ...others }: LinkProps): JSX.Element;
     displayName: ComponentName;
 };
 export default Link;

package/lib/components/link/Link.native.js

@@ -1,25 +1,29 @@
 import { __assign, __rest } from "tslib";
-import * as React from 'react';
-import { Linking, Platform, StyleSheet, Text, TouchableOpacity, View } from 'react-native';
-import { getColorStyle, TrilogyColor } from '../../objects/facets/Color';
-import { TextLevels } from '../../components/text';
-import { Icon } from '../../components/icon';
-import { Spacer, SpacerSize } from '../../components/spacer';
-import { ComponentName } from '../../components/enumsComponentsName';
+import * as React from "react";
+import { Linking, Platform, StyleSheet, Text, TouchableOpacity, View, } from "react-native";
+import { TypographyAlign } from "../../objects";
+import { getColorStyle, TrilogyColor } from "../../objects/facets/Color";
+import { TextLevels } from "../../components/text";
+import { Icon } from "../../components/icon";
+import { Spacer, SpacerSize } from "../../components/spacer";
+import { ComponentName } from "../../components/enumsComponentsName";
 /**
  * Link Component
  * @param to {string} Url to open
  * @param title {string} Title attribute
+ * @param typo {TypographyAlign} Typos align link
  * @param onClick {Function} onClick Event
  * @param children {React.ReactNode}
  * @param testId {string} id for test
  * @param accessibilityLabel {string}
  * @param inline {boolean} If link is inside paragraphe
+ * @param level {TextLevels} if inline, size to match with Text
  * @param iconName {IconName} Adding Icon Link
  * @param inverted {boolean} Inverted link
+ * @param style {Object} Additional styles
  */
 var Link = function (_a) {
-    var children = _a.children, to = _a.to, onClick = _a.onClick, testId = _a.testId, accessibilityLabel = _a.accessibilityLabel, inline = _a.inline, iconName = _a.iconName, inverted = _a.inverted, others = __rest(_a, ["children", "to", "onClick", "testId", "accessibilityLabel", "inline", "iconName", "inverted"]);
+    var children = _a.children, to = _a.to, title = _a.title, typo = _a.typo, onClick = _a.onClick, testId = _a.testId, accessibilityLabel = _a.accessibilityLabel, inline = _a.inline, level = _a.level, iconName = _a.iconName, inverted = _a.inverted, style = _a.style, others = __rest(_a, ["children", "to", "title", "typo", "onClick", "testId", "accessibilityLabel", "inline", "level", "iconName", "inverted", "style"]);
     var linkLevels = function (level) {
         return ((level && level == TextLevels.ONE && 16) ||
             (level && level == TextLevels.TWO && 14) ||
@@ -36,7 +40,39 @@ var Link = function (_a) {
     };
     var styles = StyleSheet.create({
         linkAlignement: {
-            alignSelf: 'baseline',
+            alignSelf: (typo &&
+                !Array.isArray(typo) &&
+                typo === TypographyAlign.TEXT_CENTERED &&
+                "center") ||
+                (typo &&
+                    Array.isArray(typo) &&
+                    typo.includes(TypographyAlign.TEXT_CENTERED) &&
+                    "center") ||
+                (typo &&
+                    !Array.isArray(typo) &&
+                    typo === TypographyAlign.TEXT_LEFT &&
+                    "flex-start") ||
+                (typo &&
+                    Array.isArray(typo) &&
+                    typo.includes(TypographyAlign.TEXT_LEFT) &&
+                    "flex-start") ||
+                (typo &&
+                    !Array.isArray(typo) &&
+                    typo === TypographyAlign.TEXT_RIGHT &&
+                    "flex-end") ||
+                (typo &&
+                    Array.isArray(typo) &&
+                    typo.includes(TypographyAlign.TEXT_RIGHT) &&
+                    "flex-end") ||
+                (typo &&
+                    !Array.isArray(typo) &&
+                    typo === TypographyAlign.TEXT_JUSTIFIED &&
+                    "auto") ||
+                (typo &&
+                    Array.isArray(typo) &&
+                    typo.includes(TypographyAlign.TEXT_JUSTIFIED) &&
+                    "auto") ||
+                "baseline",
         },
         container: {
             padding: inline ? 4 : 8,
@@ -50,51 +86,57 @@ var Link = function (_a) {
             paddingRight: inline ? 2 : 0,
         },
         link: {
-            color: (inverted && getColorStyle(TrilogyColor.BACKGROUND)) || getColorStyle(TrilogyColor.MAIN),
-            fontSize: 14,
-            lineHeight: 14,
-            textDecorationStyle: 'solid',
-            textDecorationLine: 'underline',
+            color: (inverted && getColorStyle(TrilogyColor.BACKGROUND)) ||
+                getColorStyle(TrilogyColor.MAIN),
+            fontSize: inline && level ? linkLevels(level) : 14,
+            lineHeight: inline && level ? linkLevels(level) * 1.5 : 14,
+            textDecorationStyle: "solid",
+            textDecorationLine: "underline",
         },
         androidLink: {
-            color: (inverted && getColorStyle(TrilogyColor.BACKGROUND)) || getColorStyle(TrilogyColor.MAIN),
-            fontSize: 14,
-            lineHeight: 14,
-            height: 'auto',
-            textDecorationStyle: 'solid',
-            textDecorationLine: 'underline',
+            color: (inverted && getColorStyle(TrilogyColor.BACKGROUND)) ||
+                getColorStyle(TrilogyColor.MAIN),
+            fontSize: inline && level ? linkLevels(level) : 14,
+            lineHeight: inline && level ? linkLevels(level) * 1.5 : 14,
+            height: inline && level ? getHeightLinkAndroid(level) : "auto",
+            textDecorationStyle: "solid",
+            textDecorationLine: "underline",
         },
         iconView: {
-            flexDirection: 'row',
-            justifyContent: 'flex-start',
-            alignItems: 'flex-end',
+            flexDirection: "row",
+            justifyContent: "flex-start",
+            alignItems: "flex-end",
         },
         icon: {
             paddingLeft: 4,
             paddingRight: 4,
         },
     });
-    var linkTestId = testId ? testId : typeof children === 'string' ? children : 'NotSpecified';
+    var linkTestId = testId
+        ? testId
+        : typeof children === "string"
+            ? children
+            : "NotSpecified";
     var linkAccessibilityLabel = accessibilityLabel
         ? accessibilityLabel
-        : typeof children === 'string'
+        : typeof children === "string"
             ? children
-            : 'NotSpecified';
-    return (React.createElement(View, { style: Platform.OS === 'android'
+            : "NotSpecified";
+    return (React.createElement(View, { style: Platform.OS === "android"
             ? [styles.linkAlignement, styles.androidContainer]
-            : [styles.linkAlignement, styles.container], accessible: !!linkAccessibilityLabel, accessibilityLabel: linkAccessibilityLabel, testID: linkTestId }, children && typeof children.valueOf() === 'string' ? (React.createElement(TouchableOpacity, { activeOpacity: 0.8, onPress: function (e) {
+            : [styles.linkAlignement, styles.container], accessible: !!linkAccessibilityLabel, accessibilityLabel: linkAccessibilityLabel, testID: linkTestId }, children && typeof children.valueOf() === "string" ? (React.createElement(TouchableOpacity, { activeOpacity: 0.8, onPress: function (e) {
             if (to) {
-                Linking.openURL(to || '');
+                Linking.openURL(to || "");
             }
             if (onClick) {
                 onClick(e);
             }
         } }, iconName ? (React.createElement(View, { style: styles.iconView },
-        React.createElement(Text, __assign({ accessibilityLabel: accessibilityLabel, style: [styles.link] }, others), children),
+        React.createElement(Text, __assign({ accessibilityLabel: title || "", style: [styles.link, style] }, others), children),
         React.createElement(Spacer, { size: SpacerSize.ONE, horizontal: true }),
-        React.createElement(Icon, { color: TrilogyColor.MAIN, name: iconName, size: 'small' }))) : (React.createElement(Text, __assign({ accessibilityLabel: accessibilityLabel, style: Platform.OS === 'android' ? [styles.androidLink] : [styles.link] }, others), children)))) : (React.createElement(TouchableOpacity, { activeOpacity: 0.8, onPress: function (e) {
+        React.createElement(Icon, { color: TrilogyColor.MAIN, name: iconName, style: styles.icon, size: 'small' }))) : (React.createElement(Text, __assign({ accessibilityLabel: title || "", style: Platform.OS === "android" ? [styles.androidLink, style] : [styles.link, style] }, others), children)))) : (React.createElement(TouchableOpacity, { activeOpacity: 0.8, onPress: function (e) {
             if (to) {
-                Linking.openURL(to || '');
+                Linking.openURL(to || "");
             }
             if (onClick) {
                 onClick(e);
@@ -103,4 +145,4 @@ var Link = function (_a) {
 };
 Link.displayName = ComponentName.Link;
 export default Link;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiTGluay5uYXRpdmUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9jb21wb25lbnRzL2xpbmsvTGluay5uYXRpdmUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLEtBQUssS0FBSyxNQUFNLE9BQU8sQ0FBQTtBQUM5QixPQUFPLEVBQUUsT0FBTyxFQUFFLFFBQVEsRUFBRSxVQUFVLEVBQUUsSUFBSSxFQUFFLGdCQUFnQixFQUFFLElBQUksRUFBRSxNQUFNLGNBQWMsQ0FBQTtBQUcxRixPQUFPLEVBQUUsYUFBYSxFQUFFLFlBQVksRUFBRSxNQUFNLHdCQUF3QixDQUFBO0FBQ3BFLE9BQU8sRUFBRSxVQUFVLEVBQUUsTUFBTSxtQkFBbUIsQ0FBQTtBQUM5QyxPQUFPLEVBQUUsSUFBSSxFQUFFLE1BQU0sbUJBQW1CLENBQUE7QUFDeEMsT0FBTyxFQUFFLE1BQU0sRUFBRSxVQUFVLEVBQUUsTUFBTSxxQkFBcUIsQ0FBQTtBQUN4RCxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sa0NBQWtDLENBQUE7QUFFaEU7Ozs7Ozs7Ozs7O0dBV0c7QUFDSCxJQUFNLElBQUksR0FBRyxVQUFDLEVBVUY7SUFUVixJQUFBLFFBQVEsY0FBQSxFQUNSLEVBQUUsUUFBQSxFQUNGLE9BQU8sYUFBQSxFQUNQLE1BQU0sWUFBQSxFQUNOLGtCQUFrQix3QkFBQSxFQUNsQixNQUFNLFlBQUEsRUFDTixRQUFRLGNBQUEsRUFDUixRQUFRLGNBQUEsRUFDTCxNQUFNLGNBVEcsK0ZBVWIsQ0FEVTtJQUVULElBQU0sVUFBVSxHQUFHLFVBQUMsS0FBaUI7UUFDbkMsT0FBTyxDQUNMLENBQUMsS0FBSyxJQUFJLEtBQUssSUFBSSxVQUFVLENBQUMsR0FBRyxJQUFJLEVBQUUsQ0FBQztZQUN4QyxDQUFDLEtBQUssSUFBSSxLQUFLLElBQUksVUFBVSxDQUFDLEdBQUcsSUFBSSxFQUFFLENBQUM7WUFDeEMsQ0FBQyxLQUFLLElBQUksS0FBSyxJQUFJLFVBQVUs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
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiTGluay5uYXRpdmUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9jb21wb25lbnRzL2xpbmsvTGluay5uYXRpdmUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLEtBQUssS0FBSyxNQUFNLE9BQU8sQ0FBQTtBQUM5QixPQUFPLEVBQUUsT0FBTyxFQUFFLFFBQVEsRUFBRSxVQUFVLEVBQUUsSUFBSSxFQUFFLGdCQUFnQixFQUFFLElBQUksR0FBRyxNQUFNLGNBQWMsQ0FBQTtBQUUzRixPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0sV0FBVyxDQUFBO0FBQzNDLE9BQU8sRUFBRSxhQUFhLEVBQUUsWUFBWSxFQUFFLE1BQU0sd0JBQXdCLENBQUE7QUFDcEUsT0FBTyxFQUFFLFVBQVUsRUFBRSxNQUFNLG1CQUFtQixDQUFBO0FBQzlDLE9BQU8sRUFBRSxJQUFJLEVBQUUsTUFBTSxtQkFBbUIsQ0FBQTtBQUN4QyxPQUFPLEVBQUUsTUFBTSxFQUFFLFVBQVUsRUFBRSxNQUFNLHFCQUFxQixDQUFBO0FBQ3hELE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxrQ0FBa0MsQ0FBQTtBQUVoRTs7Ozs7Ozs7Ozs7Ozs7R0FjRztBQUNILElBQU0sSUFBSSxHQUFHLFVBQUMsRUFjRjtJQWJWLElBQUEsUUFBUSxjQUFBLEVBQ1IsRUFBRSxRQUFBLEVBQ0YsS0FBSyxXQUFBLEVBQ0wsSUFBSSxVQUFBLEVBQ0osT0FBTyxhQUFBLEVBQ1AsTUFBTSxZQUFBLEVBQ04sa0JBQWtCLHdCQUFBLEVBQ2xCLE1BQU0sWUFBQSxFQUNOLEtBQUssV0FBQSxFQUNMLFFBQVEsY0FBQSxFQUNSLFFBQVEsY0FBQSxFQUNSLEtBQUssV0FBQSxFQUNGLE1BQU0sY0FiRyxrSUFjYixDQURVO0lBRVQsSUFBTSxVQUFVLEdBQUcsVUFBQyxLQUFpQjtRQUNuQyxPQUFPLENBQ0wsQ0FBQyxLQUFLLElBQUksS0FBSyxJQUFJLFVBQVUsQ0FBQyxHQUFHLElBQUksRUFB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

package/lib/components/link/LinkProps.d.ts

@@ -1,18 +1,25 @@
 /// <reference types="react" />
 import { IconName, IconNameValues } from '../../components/icon';
+import { TextLevels } from '../../components/text';
 import { Accessibility, Clickable, Dev } from '../../objects/facets';
-import { CommonProps } from '../../objects/facets/CommonProps';
+import { TypographyAlign, TypographyAlignValues } from '../../objects/Typography/TypographyAlign';
+import { Styles } from '../../types';
 /**
  * Link Interface
  */
-export interface LinkProps extends Accessibility, Clickable, Dev, CommonProps {
+export interface LinkProps extends Accessibility, Clickable, Dev {
     children?: React.ReactNode;
     to?: string;
+    className?: string;
+    removeLinkClass?: boolean;
+    title?: string;
     href?: string;
+    typo?: TypographyAlign | TypographyAlignValues | string;
     routerLink?: React.ElementType;
     iconName?: IconName | IconNameValues;
     inline?: boolean;
+    level?: TextLevels;
     inverted?: boolean;
     blank?: boolean;
-    title?: string;
+    style?: Styles;
 }

package/lib/components/link/LinkPropsDefaults.js

@@ -20,6 +20,28 @@ export default {
       "string"
     ]
   },
+  "className": {
+    "type": "string",
+    "values": [
+      "undefined",
+      "string"
+    ]
+  },
+  "removeLinkClass": {
+    "type": "boolean",
+    "values": [
+      "undefined",
+      "false",
+      "true"
+    ]
+  },
+  "title": {
+    "type": "string",
+    "values": [
+      "undefined",
+      "string"
+    ]
+  },
   "href": {
     "type": "string",
     "values": [
@@ -27,6 +49,13 @@ export default {
       "string"
     ]
   },
+  "typo": {
+    "type": "string",
+    "values": [
+      "undefined",
+      "string"
+    ]
+  },
   "routerLink": {
     "type": "function",
     "values": [
@@ -273,6 +302,16 @@ export default {
       "true"
     ]
   },
+  "level": {
+    "type": "enum",
+    "values": [
+      "undefined",
+      1,
+      2,
+      3,
+      4
+    ]
+  },
   "inverted": {
     "type": "boolean",
     "values": [
@@ -289,11 +328,11 @@ export default {
       "true"
     ]
   },
-  "title": {
+  "style": {
     "type": "string",
     "values": [
       "undefined",
-      "string"
+      "Styles"
     ]
   },
   "accessibilityLabel": {
@@ -316,19 +355,5 @@ export default {
       "undefined",
       "string"
     ]
-  },
-  "id": {
-    "type": "string",
-    "values": [
-      "undefined",
-      "string"
-    ]
-  },
-  "className": {
-    "type": "string",
-    "values": [
-      "undefined",
-      "string"
-    ]
   }
 };

package/lib/components/list/List.d.ts

@@ -1,10 +1,12 @@
-import * as React from 'react';
-import { ListProps } from './ListProps';
+import * as React from "react";
+import { ListProps } from "./ListProps";
 /**
- * ListItem Component
- * @param className {string} Additionnal CSS Classes
+ * List Component
  * @param children {React.ReactNode}
+ * - -------------------------- WEB PROPERTIES -------------------------------
+ * @param className {string} Additionnal CSS Classes
  * @param hasIcon {boolean} If Have icon
+ * @param testId {string} Test Id for Test Integration
  */
-declare const List: ({ className, id, children, testId, divider, ...others }: ListProps) => React.JSX.Element;
+declare const List: React.ForwardRefExoticComponent<ListProps & React.RefAttributes<HTMLUListElement>>;
 export default List;

package/lib/components/list/List.js

@@ -1,20 +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 { has } from '../../services';
+import * as React from "react";
+import clsx from "clsx";
+import { hashClass } from "../../helpers";
+import { useTrilogyContext } from "../../context";
 /**
- * ListItem Component
- * @param className {string} Additionnal CSS Classes
+ * List Component
  * @param children {React.ReactNode}
+ * - -------------------------- WEB PROPERTIES -------------------------------
+ * @param className {string} Additionnal CSS Classes
  * @param hasIcon {boolean} If Have icon
+ * @param testId {string} Test Id for Test Integration
  */
-var List = function (_a) {
-    var className = _a.className, id = _a.id, children = _a.children, testId = _a.testId, divider = _a.divider, others = __rest(_a, ["className", "id", "children", "testId", "divider"]);
+var List = React.forwardRef(function (props, ref) {
+    var className = props.className, hasIcon = props.hasIcon, children = props.children, testId = props.testId, others = __rest(props, ["className", "hasIcon", "children", "testId"]);
     var styled = useTrilogyContext().styled;
-    var classes = hashClass(styled, clsx('list', divider && has('divider'), className));
-    return (React.createElement("ul", __assign({ id: id, "data-testid": testId, className: classes }, others), children));
-};
+    var classes = hashClass(styled, clsx(hasIcon ? "icon-list" : "list", className));
+    return (React.createElement("ul", __assign({ ref: ref, "data-testid": testId, className: classes }, others), children));
+});
 export default List;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiTGlzdC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL2NvbXBvbmVudHMvbGlzdC9MaXN0LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxLQUFLLEtBQUssTUFBTSxPQUFPLENBQUE7QUFDOUIsT0FBTyxJQUFJLE1BQU0sTUFBTSxDQUFBO0FBRXZCLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSxXQUFXLENBQUE7QUFDckMsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sV0FBVyxDQUFBO0FBQzdDLE9BQU8sRUFBRSxHQUFHLEVBQUUsTUFBTSxZQUFZLENBQUE7QUFFaEM7Ozs7O0dBS0c7QUFFSCxJQUFNLElBQUksR0FBRyxVQUFDLEVBQWtFO0lBQWhFLElBQUEsU0FBUyxlQUFBLEVBQUUsRUFBRSxRQUFBLEVBQUUsUUFBUSxjQUFBLEVBQUUsTUFBTSxZQUFBLEVBQUUsT0FBTyxhQUFBLEVBQUssTUFBTSxjQUFyRCxvREFBdUQsQ0FBRjtJQUN6RCxJQUFBLE1BQU0sR0FBSyxpQkFBaUIsRUFBRSxPQUF4QixDQUF3QjtJQUN0QyxJQUFNLE9BQU8sR0FBRyxTQUFTLENBQUMsTUFBTSxFQUFFLElBQUksQ0FBQyxNQUFNLEVBQUUsT0FBTyxJQUFJLEdBQUcsQ0FBQyxTQUFTLENBQUMsRUFBRSxTQUFTLENBQUMsQ0FBQyxDQUFBO0lBRXJGLE9BQU8sQ0FDTCxxQ0FBSSxFQUFFLEVBQUUsRUFBRSxpQkFBZSxNQUFNLEVBQUUsU0FBUyxFQUFFLE9BQU8sSUFBTSxNQUFNLEdBQzVELFFBQVEsQ0FDTixDQUNOLENBQUE7QUFDSCxDQUFDLENBQUE7QUFFRCxlQUFlLElBQUksQ0FBQSJ9
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiTGlzdC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL2NvbXBvbmVudHMvbGlzdC9MaXN0LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxLQUFLLEtBQUssTUFBTSxPQUFPLENBQUE7QUFDOUIsT0FBTyxJQUFJLE1BQU0sTUFBTSxDQUFBO0FBRXZCLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSxXQUFXLENBQUE7QUFDckMsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sV0FBVyxDQUFBO0FBRTdDOzs7Ozs7O0dBT0c7QUFDSCxJQUFNLElBQUksR0FBRyxLQUFLLENBQUMsVUFBVSxDQUFDLFVBQUMsS0FBZ0IsRUFBRSxHQUFzQztJQUVuRixJQUFBLFNBQVMsR0FLUCxLQUFLLFVBTEUsRUFDVCxPQUFPLEdBSUwsS0FBSyxRQUpBLEVBQ1AsUUFBUSxHQUdOLEtBQUssU0FIQyxFQUNSLE1BQU0sR0FFSixLQUFLLE9BRkQsRUFDSCxNQUFNLFVBQ1AsS0FBSyxFQU5ILDhDQU1MLENBRFUsQ0FDRjtJQUVELElBQUEsTUFBTSxHQUFLLGlCQUFpQixFQUFFLE9BQXhCLENBQXdCO0lBRXRDLElBQU0sT0FBTyxHQUFHLFNBQVMsQ0FDdkIsTUFBTSxFQUNOLElBQUksQ0FBQyxPQUFPLENBQUMsQ0FBQyxDQUFDLFdBQVcsQ0FBQyxDQUFDLENBQUMsTUFBTSxFQUFFLFNBQVMsQ0FBQyxDQUNoRCxDQUFBO0lBQ0QsT0FBTyxDQUNMLHFDQUFJLEdBQUcsRUFBRSxHQUFHLGlCQUFlLE1BQU0sRUFBRSxTQUFTLEVBQUUsT0FBTyxJQUFNLE1BQU0sR0FDOUQsUUFBUSxDQUNOLENBQ04sQ0FBQTtBQUNILENBQUMsQ0FBQyxDQUFBO0FBRUYsZUFBZSxJQUFJLENBQUEifQ==

package/lib/components/list/ListProps.d.ts

@@ -3,8 +3,8 @@
  */
 import { ReactNode } from 'react';
 import { Accessibility, Dev } from '../../objects';
-import { CommonProps } from '../../objects/facets/CommonProps';
-export interface ListProps extends Accessibility, Dev, CommonProps {
+export interface ListProps extends Accessibility, Dev {
     children?: ReactNode;
-    divider?: boolean;
+    className?: string;
+    hasIcon?: boolean;
 }

package/lib/components/list/ListPropsDefaults.js

@@ -13,36 +13,29 @@ export default {
       "ReactPortal"
     ]
   },
-  "divider": {
-    "type": "boolean",
-    "values": [
-      "undefined",
-      "false",
-      "true"
-    ]
-  },
-  "accessibilityLabel": {
+  "className": {
     "type": "string",
     "values": [
       "undefined",
       "string"
     ]
   },
-  "testId": {
-    "type": "string",
+  "hasIcon": {
+    "type": "boolean",
     "values": [
       "undefined",
-      "string"
+      "false",
+      "true"
     ]
   },
-  "id": {
+  "accessibilityLabel": {
     "type": "string",
     "values": [
       "undefined",
       "string"
     ]
   },
-  "className": {
+  "testId": {
     "type": "string",
     "values": [
       "undefined",

package/lib/components/list/item/ListItem.d.ts

@@ -2,10 +2,17 @@
 import { ListItemProps } from './ListItemProps';
 /**
  * ListItem Component
- * @param className {string} Additionnal CSS Classes
  * @param children {React.ReactNode}
  * @param customIcon {IconName | React.ReactNode } Icon name | children
  * @param status {ListIconStatus} Status success|error
+ * @param title {string} List item title
+ * @param description {string} List item description
+ * @param action {React.ReactNode} children
+ * @param divider {boolean} Display divider
+ * @param deletable {boolean}
+* - -------------------------- WEB PROPERTIES -------------------------------
+ * @param className {string} Additionnal CSS Classes
+ * @param testId {string} Test Id for Test Integration
  */
-declare const ListItem: ({ className, id, children, iconName, status, testId }: ListItemProps) => JSX.Element;
+declare const ListItem: ({ className, children, customIcon, status, title, description, testId, action, divider, deletable, }: ListItemProps) => JSX.Element;
 export default ListItem;

package/lib/components/list/item/ListItem.js

@@ -2,23 +2,40 @@ import clsx from 'clsx';
 import * as React from 'react';
 import { useTrilogyContext } from '../../../context';
 import { hashClass } from '../../../helpers';
-import { getColorClassName, TrilogyColor } from '../../../objects';
-import { is } from '../../../services';
+import { TrilogyColor, getColorClassName } from '../../../objects';
+import { has, is } from '../../../services';
+import { Divider } from '../../../components/divider';
 import { Icon, IconSize } from '../../../components/icon';
 /**
  * ListItem Component
- * @param className {string} Additionnal CSS Classes
  * @param children {React.ReactNode}
  * @param customIcon {IconName | React.ReactNode } Icon name | children
  * @param status {ListIconStatus} Status success|error
+ * @param title {string} List item title
+ * @param description {string} List item description
+ * @param action {React.ReactNode} children
+ * @param divider {boolean} Display divider
+ * @param deletable {boolean}
+* - -------------------------- WEB PROPERTIES -------------------------------
+ * @param className {string} Additionnal CSS Classes
+ * @param testId {string} Test Id for Test Integration
  */
 var ListItem = function (_a) {
-    var className = _a.className, id = _a.id, children = _a.children, iconName = _a.iconName, status = _a.status, testId = _a.testId;
+    var className = _a.className, children = _a.children, customIcon = _a.customIcon, status = _a.status, title = _a.title, description = _a.description, testId = _a.testId, action = _a.action, divider = _a.divider, deletable = _a.deletable;
     var styled = useTrilogyContext().styled;
-    var classes = clsx('list-item', className, status && is(getColorClassName(TrilogyColor[status])));
-    return (React.createElement("li", { id: id, className: hashClass(styled, clsx(classes)), "data-testid": testId },
-        iconName && (React.createElement(Icon, { className: status && clsx(is(getColorClassName(TrilogyColor[status]))), name: iconName, size: IconSize.SMALL })),
-        React.createElement("div", { className: hashClass(styled, clsx('list-item-content')) }, children)));
+    var classes = clsx(is(getColorClassName(status ? TrilogyColor[status] : TrilogyColor.BACKGROUND)), className);
+    return (React.createElement("li", { className: hashClass(styled, clsx(classes, action && has('action'))), "data-testid": testId },
+        React.createElement("div", { className: hashClass(styled, clsx('list-item_content')) },
+            customIcon && typeof customIcon === 'string' && (React.createElement("div", { className: hashClass(styled, clsx('list-item_content_puce')) },
+                React.createElement(Icon, { className: classes, name: deletable ? 'tri-trash' : customIcon, size: IconSize.SMALL }))),
+            customIcon && typeof customIcon !== 'string' && (React.createElement("div", { className: hashClass(styled, clsx('list-item_content_puce')) }, customIcon)),
+            React.createElement("div", null,
+                (title || description) && (React.createElement(React.Fragment, null,
+                    title && React.createElement("b", null, title),
+                    children || (description && React.createElement("p", null, children || description)))),
+                !title && !description && React.createElement("div", null, children))),
+        action && React.createElement("div", { className: hashClass(styled, clsx('list-item_action')) }, action),
+        divider && React.createElement(Divider, null)));
 };
 export default ListItem;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiTGlzdEl0ZW0uanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9jb21wb25lbnRzL2xpc3QvaXRlbS9MaXN0SXRlbS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxJQUFJLE1BQU0sTUFBTSxDQUFBO0FBQ3ZCLE9BQU8sS0FBSyxLQUFLLE1BQU0sT0FBTyxDQUFBO0FBQzlCLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLFdBQVcsQ0FBQTtBQUM3QyxPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sV0FBVyxDQUFBO0FBQ3JDLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxZQUFZLEVBQUUsTUFBTSxXQUFXLENBQUE7QUFDM0QsT0FBTyxFQUFFLEVBQUUsRUFBRSxNQUFNLFlBQVksQ0FBQTtBQUMvQixPQUFPLEVBQUUsSUFBSSxFQUFZLFFBQVEsRUFBRSxNQUFNLG1CQUFtQixDQUFBO0FBRzVEOzs7Ozs7R0FNRztBQUNILElBQU0sUUFBUSxHQUFHLFVBQUMsRUFBb0U7UUFBbEUsU0FBUyxlQUFBLEVBQUUsRUFBRSxRQUFBLEVBQUUsUUFBUSxjQUFBLEVBQUUsUUFBUSxjQUFBLEVBQUUsTUFBTSxZQUFBLEVBQUUsTUFBTSxZQUFBO0lBQzNELElBQUEsTUFBTSxHQUFLLGlCQUFpQixFQUFFLE9BQXhCLENBQXdCO0lBQ3RDLElBQU0sT0FBTyxHQUFHLElBQUksQ0FBQyxXQUFXLEVBQUUsU0FBUyxFQUFFLE1BQU0sSUFBSSxFQUFFLENBQUMsaUJBQWlCLENBQUMsWUFBWSxDQUFDLE1BQU0sQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFBO0lBRW5HLE9BQU8sQ0FDTCw0QkFBSSxFQUFFLEVBQUUsRUFBRSxFQUFFLFNBQVMsRUFBRSxTQUFTLENBQUMsTUFBTSxFQUFFLElBQUksQ0FBQyxPQUFPLENBQUMsQ0FBQyxpQkFBZSxNQUFNO1FBQ3pFLFFBQVEsSUFBSSxDQUNYLG9CQUFDLElBQUksSUFDSCxTQUFTLEVBQUUsTUFBTSxJQUFJLElBQUksQ0FBQyxFQUFFLENBQUMsaUJBQWlCLENBQUMsWUFBWSxDQUFDLE1BQU0sQ0FBQyxDQUFDLENBQUMsQ0FBQyxFQUN0RSxJQUFJLEVBQUUsUUFBb0IsRUFDMUIsSUFBSSxFQUFFLFFBQVEsQ0FBQyxLQUFLLEdBQ3BCLENBQ0g7UUFDRCw2QkFBSyxTQUFTLEVBQUUsU0FBUyxDQUFDLE1BQU0sRUFBRSxJQUFJLENBQUMsbUJBQW1CLENBQUMsQ0FBQyxJQUFHLFFBQVEsQ0FBTyxDQUMzRSxDQUNOLENBQUE7QUFDSCxDQUFDLENBQUE7QUFFRCxlQUFlLFFBQVEsQ0FBQSJ9
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiTGlzdEl0ZW0uanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9jb21wb25lbnRzL2xpc3QvaXRlbS9MaXN0SXRlbS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxJQUFJLE1BQU0sTUFBTSxDQUFBO0FBQ3ZCLE9BQU8sS0FBSyxLQUFLLE1BQU0sT0FBTyxDQUFBO0FBQzlCLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLFdBQVcsQ0FBQTtBQUM3QyxPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sV0FBVyxDQUFBO0FBQ3JDLE9BQU8sRUFBRSxZQUFZLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxXQUFXLENBQUE7QUFDM0QsT0FBTyxFQUFFLEdBQUcsRUFBRSxFQUFFLEVBQUUsTUFBTSxZQUFZLENBQUE7QUFDcEMsT0FBTyxFQUFFLE9BQU8sRUFBRSxNQUFNLHNCQUFzQixDQUFBO0FBQzlDLE9BQU8sRUFBRSxJQUFJLEVBQVksUUFBUSxFQUFFLE1BQU0sbUJBQW1CLENBQUE7QUFHNUQ7Ozs7Ozs7Ozs7Ozs7R0FhRztBQUNILElBQU0sUUFBUSxHQUFHLFVBQUMsRUFXRjtRQVZkLFNBQVMsZUFBQSxFQUNULFFBQVEsY0FBQSxFQUNSLFVBQVUsZ0JBQUEsRUFDVixNQUFNLFlBQUEsRUFDTixLQUFLLFdBQUEsRUFDTCxXQUFXLGlCQUFBLEVBQ1gsTUFBTSxZQUFBLEVBQ04sTUFBTSxZQUFBLEVBQ04sT0FBTyxhQUFBLEVBQ1AsU0FBUyxlQUFBO0lBRUQsSUFBQSxNQUFNLEdBQUssaUJBQWlCLEVBQUUsT0FBeEIsQ0FBd0I7SUFDdEMsSUFBTSxPQUFPLEdBQUcsSUFBSSxDQUNsQixFQUFFLENBQUMsaUJBQWlCLENBQUMsTUFBTSxDQUFDLENBQUMsQ0FBQyxZQUFZLENBQUMsTUFBTSxDQUFDLENBQUMsQ0FBQyxDQUFDLFlBQVksQ0FBQyxVQUFVLENBQUMsQ0FBQyxFQUM5RSxTQUFTLENBQ1YsQ0FBQTtJQUVELE9BQU8sQ0FDTCw0QkFBSSxTQUFTLEVBQUUsU0FBUyxDQUFDLE1BQU0sRUFBRSxJQUFJLENBQUMsT0FBTyxFQUFFLE1BQU0sSUFBSSxHQUFHLENBQUMsUUFBUSxDQUFDLENBQUMsQ0FBQyxpQkFBZSxNQUFNO1FBQzNGLDZCQUFLLFNBQVMsRUFBRSxTQUFTLENBQUMsTUFBTSxFQUFFLElBQUksQ0FBQyxtQkFBbUIsQ0FBQyxDQUFDO1lBQ3pELFVBQVUsSUFBSSxPQUFPLFVBQVUsS0FBSyxRQUFRLElBQUksQ0FDL0MsNkJBQUssU0FBUyxFQUFFLFNBQVMsQ0FBQyxNQUFNLEVBQUUsSUFBSSxDQUFDLHdCQUF3QixDQUFDLENBQUM7Z0JBQy9ELG9CQUFDLElBQUksSUFDSCxTQUFTLEVBQUUsT0FBTyxFQUNsQixJQUFJLEVBQUUsU0FBUyxDQUFDLENBQUMsQ0FBQyxXQUFXLENBQUMsQ0FBQyxDQUFFLFVBQXVCLEVBQ3hELElBQUksRUFBRSxRQUFRLENBQUMsS0FBSyxHQUNwQixDQUNFLENBQ1A7WUFFQSxVQUFVLElBQUksT0FBTyxVQUFVLEtBQUssUUFBUSxJQUFJLENBQy9DLDZCQUFLLFNBQVMsRUFBRSxTQUFTLENBQUMsTUFBTSxFQUFFLElBQUksQ0FBQyx3QkFBd0IsQ0FBQyxDQUFDLElBQUcsVUFBVSxDQUFPLENBQ3RGO1lBRUQ7Z0JBQ0csQ0FBQyxLQUFLLElBQUksV0FBVyxDQUFDLElBQUksQ0FDekI7b0JBQ0csS0FBSyxJQUFJLCtCQUFJLEtBQUssQ0FBSztvQkFDdkIsUUFBUSxJQUFJLENBQUMsV0FBVyxJQUFJLCtCQUFJLFFBQVEsSUFBSSxXQUFXLENBQUssQ0FBQyxDQUM3RCxDQUNKO2dCQUNBLENBQUMsS0FBSyxJQUFJLENBQUMsV0FBVyxJQUFJLGlDQUFNLFFBQVEsQ0FBTyxDQUM1QyxDQUNGO1FBQ0wsTUFBTSxJQUFJLDZCQUFLLFNBQVMsRUFBRSxTQUFTLENBQUMsTUFBTSxFQUFFLElBQUksQ0FBQyxrQkFBa0IsQ0FBQyxDQUFDLElBQUcsTUFBTSxDQUFPO1FBQ3JGLE9BQU8sSUFBSSxvQkFBQyxPQUFPLE9BQUcsQ0FDcEIsQ0FDTixDQUFBO0FBQ0gsQ0FBQyxDQUFBO0FBRUQsZUFBZSxRQUFRLENBQUEifQ==