@trilogy-ds/react 0.0.1-alpha-prompt

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

@@ -0,0 +1,15 @@
+import React from '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} Additional CSS Classes
+ **/
+declare const Tag: React.ForwardRefExoticComponent<TagProps & React.RefAttributes<HTMLSpanElement>>;
+export default Tag;

package/lib/components/tag/Tag.js

@@ -0,0 +1,32 @@
+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 { ComponentName } from '../enumsComponentsName';
+import { Icon } from '../icon';
+/**
+ * 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} Additional CSS Classes
+ **/
+var Tag = React.forwardRef(function (_a, ref) {
+    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 = clsx(variant && is(getColorClassName(variant)));
+    return (React.createElement("span", __assign({ ref: ref, id: id, className: tagClassNames }, others),
+        iconName && React.createElement(Icon, { className: tagIconClassNames, name: iconName }),
+        label));
+});
+Tag.displayName = ComponentName.Tag;
+export default Tag;
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVGFnLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vY29tcG9uZW50cy90YWcvVGFnLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sV0FBVyxDQUFBO0FBQzdDLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSxXQUFXLENBQUE7QUFDckMsT0FBTyxFQUFFLGlCQUFpQixFQUFvQyxNQUFNLHdCQUF3QixDQUFBO0FBQzVGLE9BQU8sRUFBRSxFQUFFLEVBQUUsTUFBTSxxQkFBcUIsQ0FBQTtBQUN4QyxPQUFPLElBQUksTUFBTSxNQUFNLENBQUE7QUFDdkIsT0FBTyxLQUFLLE1BQU0sT0FBTyxDQUFBO0FBQ3pCLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSx3QkFBd0IsQ0FBQTtBQUN0RCxPQUFPLEVBQUUsSUFBSSxFQUFFLE1BQU0sU0FBUyxDQUFBO0FBRzlCOzs7Ozs7Ozs7O0lBVUk7QUFDSixJQUFNLEdBQUcsR0FBRyxLQUFLLENBQUMsVUFBVSxDQUMxQixVQUFDLEVBQXVFLEVBQUUsR0FBRztJQUExRSxJQUFBLEtBQUssV0FBQSxFQUFFLFNBQVMsZUFBQSxFQUFFLEVBQUUsUUFBQSxFQUFFLE9BQU8sYUFBQSxFQUFFLFFBQVEsY0FBQSxFQUFFLEtBQUssV0FBQSxFQUFFLFFBQVEsY0FBQSxFQUFLLE1BQU0sY0FBckUsd0VBQXVFLENBQUY7SUFDNUQsSUFBQSxNQUFNLEdBQUssaUJBQWlCLEVBQUUsT0FBeEIsQ0FBd0I7SUFFdEMsSUFBTSxhQUFhLEdBQUcsU0FBUyxDQUM3QixNQUFNLEVBQ04sSUFBSSxDQUNGLEtBQUssRUFDTCxPQUFPLElBQUksRUFBRSxDQUFDLGlCQUFpQixDQUFDLE9BQTRDLENBQUMsQ0FBQyxFQUM5RSxRQUFRLElBQUksRUFBRSxDQUFDLFVBQVUsQ0FBQyxFQUMxQixLQUFLLElBQUksRUFBRSxDQUFDLE9BQU8sQ0FBQyxFQUNwQixTQUFTLENBQ1YsQ0FDRixDQUFBO0lBRUQsSUFBTSxpQkFBaUIsR0FBRyxJQUFJLENBQUMsT0FBTyxJQUFJLEVBQUUsQ0FBQyxpQkFBaUIsQ0FBQyxPQUE0QyxDQUFDLENBQUMsQ0FBQyxDQUFBO0lBRTlHLE9BQU8sQ0FDTCx1Q0FBTSxHQUFHLEVBQUUsR0FBRyxFQUFFLEVBQUUsRUFBRSxFQUFFLEVBQUUsU0FBUyxFQUFFLGFBQWEsSUFBTSxNQUFNO1FBQ3pELFFBQVEsSUFBSSxvQkFBQyxJQUFJLElBQUMsU0FBUyxFQUFFLGlCQUFpQixFQUFFLElBQUksRUFBRSxRQUFRLEdBQUk7UUFDbEUsS0FBSyxDQUNELENBQ1IsQ0FBQTtBQUNILENBQUMsQ0FDRixDQUFBO0FBRUQsR0FBRyxDQUFDLFdBQVcsR0FBRyxhQUFhLENBQUMsR0FBRyxDQUFBO0FBQ25DLGVBQWUsR0FBRyxDQUFBIn0=

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

@@ -0,0 +1,14 @@
+import React from 'react';
+import { View } from 'react-native';
+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: React.ForwardRefExoticComponent<TagProps & React.RefAttributes<View>>;
+export default Tag;

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

@@ -0,0 +1,57 @@
+import { __assign, __rest } from "tslib";
+import { ComponentName } from '../../components/enumsComponentsName';
+import { Icon, IconColor, 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
+ * @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
+ **/
+var Tag = React.forwardRef(function (_a, ref) {
+    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({
+        tag: {
+            flexDirection: 'row',
+            justifyContent: 'center',
+            alignItems: 'center',
+            alignSelf: 'center',
+            borderRadius: 15,
+            paddingHorizontal: 8,
+            paddingVertical: 4,
+            minHeight: small ? 24 : 32,
+            backgroundColor: (inverted && getColorStyle(TrilogyColor.BACKGROUND)) ||
+                (variant && backgroundColor) ||
+                getColorStyle(TrilogyColor.NEUTRAL_FADE),
+        },
+        text: {
+            alignSelf: 'center',
+            alignItems: 'center',
+            fontWeight: '500',
+            justifyContent: 'center',
+            color: textColor,
+            fontSize: small ? 12 : 16,
+        },
+        icon: {
+            marginRight: small ? 3 : 6,
+        },
+        button: {
+            flexDirection: 'row',
+        },
+    });
+    return (React.createElement(View, __assign({ ref: ref, style: styles.tag }, others),
+        iconName && (React.createElement(View, { style: styles.icon },
+            React.createElement(Icon, { color: IconColor[variant || IconColor.BACKGROUND], 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,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVGFnLm5hdGl2ZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL2NvbXBvbmVudHMvdGFnL1RhZy5uYXRpdmUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sa0NBQWtDLENBQUE7QUFDaEUsT0FBTyxFQUFFLElBQUksRUFBRSxTQUFTLEVBQUUsUUFBUSxFQUFFLE1BQU0sbUJBQW1CLENBQUE7QUFDN0QsT0FBTyxFQUFFLGFBQWEsRUFBRSxZQUFZLEVBQUUsTUFBTSx3QkFBd0IsQ0FBQTtBQUNwRSxPQUFPLEVBQUUsY0FBYyxFQUFFLE1BQU0seUJBQXlCLENBQUE7QUFDeEQsT0FBTyxLQUFLLE1BQU0sT0FBTyxDQUFBO0FBQ3pCLE9BQU8sRUFBRSxVQUFVLEVBQUUsSUFBSSxFQUFFLElBQUksRUFBRSxNQUFNLGNBQWMsQ0FBQTtBQUdyRDs7Ozs7Ozs7SUFRSTtBQUNKLElBQU0sR0FBRyxHQUFHLEtBQUssQ0FBQyxVQUFVLENBQzFCLFVBQUMsRUFBZ0UsRUFBRSxHQUFHO0lBQW5FLElBQUEsS0FBSyxXQUFBLEVBQUUsT0FBTyxhQUFBLEVBQUUsUUFBUSxjQUFBLEVBQUUsUUFBUSxjQUFBLEVBQUUsS0FBSyxXQUFBLEVBQUUsTUFBTSxZQUFBLEVBQUssTUFBTSxjQUE5RCwrREFBZ0UsQ0FBRjtJQUM3RCxJQUFNLFNBQVMsR0FBRyxRQUFRLENBQUMsQ0FBQyxDQUFDLGFBQWEsQ0FBQyxPQUF1QixDQUFDLENBQUMsQ0FBQyxDQUFDLGFBQWEsQ0FBQyxZQUFZLENBQUMsSUFBSSxDQUFDLENBQUE7SUFFdEcsSUFBTSxlQUFlLEdBQUcsT0FBTyxJQUFJLGNBQWMsQ0FBQyxPQUFPLENBQUMsQ0FBQyxlQUFlLENBQUE7SUFFMUUsSUFBTSxNQUFNLEdBQUcsVUFBVSxDQUFDLE1BQU0sQ0FBQztRQUMvQixHQUFHLEVBQUU7WUFDSCxhQUFhLEVBQUUsS0FBSztZQUNwQixjQUFjLEVBQUUsUUFBUTtZQUN4QixVQUFVLEVBQUUsUUFBUTtZQUNwQixTQUFTLEVBQUUsUUFBUTtZQUNuQixZQUFZLEVBQUUsRUFBRTtZQUNoQixpQkFBaUIsRUFBRSxDQUFDO1lBQ3BCLGVBQWUsRUFBRSxDQUFDO1lBQ2xCLFNBQVMsRUFBRSxLQUFLLENBQUMsQ0FBQyxDQUFDLEVBQUUsQ0FBQyxDQUFDLENBQUMsRUFBRTtZQUMxQixlQUFlLEVBQ2IsQ0FBQyxRQUFRLElBQUksYUFBYSxDQUFDLFlBQVksQ0FBQyxVQUFVLENBQUMsQ0FBQztnQkFDcEQsQ0FBQyxPQUFPLElBQUssZUFBZ0MsQ0FBQztnQkFDOUMsYUFBYSxDQUFDLFlBQVksQ0FBQyxZQUFZLENBQUM7U0FDM0M7UUFDRCxJQUFJLEVBQUU7WUFDSixTQUFTLEVBQUUsUUFBUTtZQUNuQixVQUFVLEVBQUUsUUFBUTtZQUNwQixVQUFVLEVBQUUsS0FBSztZQUNqQixjQUFjLEVBQUUsUUFBUTtZQUN4QixLQUFLLEVBQUUsU0FBUztZQUNoQixRQUFRLEVBQUUsS0FBSyxDQUFDLENBQUMsQ0FBQyxFQUFFLENBQUMsQ0FBQyxDQUFDLEVBQUU7U0FDMUI7UUFDRCxJQUFJLEVBQUU7WUFDSixXQUFXLEVBQUUsS0FBSyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUM7U0FDM0I7UUFDRCxNQUFNLEVBQUU7WUFDTixhQUFhLEVBQUUsS0FBSztTQUNyQjtLQUNGLENBQUMsQ0FBQTtJQUVGLE9BQU8sQ0FDTCxvQkFBQyxJQUFJLGFBQUMsR0FBRyxFQUFFLEdBQUcsRUFBRSxLQUFLLEVBQUUsTUFBTSxDQUFDLEdBQUcsSUFBTSxNQUFNO1FBQzFDLFFBQVEsSUFBSSxDQUNYLG9CQUFDLElBQUksSUFBQyxLQUFLLEVBQUUsTUFBTSxDQUFDLElBQUk7WUFDdEIsb0JBQUMsSUFBSSxJQUNILEtBQUssRUFBRSxTQUFTLENBQUMsT0FBTyxJQUFJLFNBQVMsQ0FBQyxVQUFVLENBQUMsRUFDakQsSUFBSSxFQUFFLEtBQUssQ0FBQyxDQUFDLENBQUMsUUFBUSxDQUFDLE9BQU8sQ0FBQyxDQUFDLENBQUMsUUFBUSxDQUFDLEtBQUssRUFDL0MsSUFBSSxFQUFFLFFBQVEsRUFDZCxNQUFNLEVBQUUsVUFBRyxNQUFNLFVBQU8sR0FDeEIsQ0FDRyxDQUNSO1FBQ0Qsb0JBQUMsSUFBSSxJQUFDLEtBQUssRUFBRSxNQUFNLENBQUMsSUFBSSxJQUFHLEtBQUssQ0FBUSxDQUNuQyxDQUNSLENBQUE7QUFDSCxDQUFDLENBQ0YsQ0FBQTtBQUVELEdBQUcsQ0FBQyxXQUFXLEdBQUcsYUFBYSxDQUFDLEdBQUcsQ0FBQTtBQUVuQyxlQUFlLEdBQUcsQ0FBQSJ9

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

@@ -0,0 +1,16 @@
+/**
+ * List of variants for Tag
+ */
+export declare enum TagVariant {
+    SUCCESS = "SUCCESS",
+    INFO = "INFO",
+    ERROR = "ERROR",
+    WARNING = "WARNING"
+}
+/**
+ * List of variants values for Tag
+ */
+export type TagVariantValues = `${TagVariant}`;
+/**
+ * List of variants background styles for Tag
+ */

package/lib/components/tag/TagEnum.js

@@ -0,0 +1,14 @@
+/**
+ * List of variants for Tag
+ */
+export var TagVariant;
+(function (TagVariant) {
+    TagVariant["SUCCESS"] = "SUCCESS";
+    TagVariant["INFO"] = "INFO";
+    TagVariant["ERROR"] = "ERROR";
+    TagVariant["WARNING"] = "WARNING";
+})(TagVariant || (TagVariant = {}));
+/**
+ * List of variants background styles for Tag
+ */
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVGFnRW51bS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL2NvbXBvbmVudHMvdGFnL1RhZ0VudW0udHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7O0dBRUc7QUFDSCxNQUFNLENBQU4sSUFBWSxVQUtYO0FBTEQsV0FBWSxVQUFVO0lBQ3BCLGlDQUFtQixDQUFBO0lBQ25CLDJCQUFhLENBQUE7SUFDYiw2QkFBZSxDQUFBO0lBQ2YsaUNBQW1CLENBQUE7QUFDckIsQ0FBQyxFQUxXLFVBQVUsS0FBVixVQUFVLFFBS3JCO0FBT0Q7O0dBRUcifQ==

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

@@ -0,0 +1,17 @@
+import { IconName } from '../../components/icon';
+import { Accessibility, Dev } from '../../objects';
+import { TagVariant, TagVariantValues } from './TagEnum';
+import { CommonProps } from '../../objects/facets/CommonProps';
+import { View } from 'react-native';
+/**
+ * Tag Interface
+ */
+export interface TagProps extends Accessibility, Dev, CommonProps {
+    label: string;
+    variant?: TagVariant | TagVariantValues;
+    inverted?: boolean;
+    iconName?: IconName;
+    small?: boolean;
+}
+export type TagRef = HTMLSpanElement;
+export type TagNativeRef = View;

package/lib/components/tag/TagProps.js

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

package/lib/components/tag/TagPropsDefaults.js

@@ -0,0 +1,97 @@
+export default {
+  "label": {
+    "type": "string",
+    "values": []
+  },
+  "variant": {
+    "type": "enum",
+    "values": [
+      "undefined",
+      "SUCCESS",
+      "INFO",
+      "WARNING",
+      "ERROR",
+      "SUCCESS",
+      "INFO",
+      "ERROR",
+      "WARNING"
+    ]
+  },
+  "inverted": {
+    "type": "boolean",
+    "values": [
+      "undefined",
+      "false",
+      "true"
+    ]
+  },
+  "iconName": {
+    "type": "enum",
+    "values": [
+      "undefined",
+      "tri-alert",
+      "tri-arrow-down",
+      "tri-arrow-left",
+      "tri-arrow-right",
+      "tri-arrow-up",
+      "tri-attachment",
+      "tri-bell",
+      "tri-calendar",
+      "tri-check-circle",
+      "tri-check",
+      "tri-exclamation-circle",
+      "tri-eye-slash",
+      "tri-eye",
+      "tri-file-attached",
+      "tri-infos-circle",
+      "tri-micro",
+      "tri-search",
+      "tri-times",
+      "tri-trash",
+      "tri-picto-faciliti",
+      "tri-picto-handicapzero",
+      "tri-picto-la-fibre",
+      "tri-picto-payment-americanexpress",
+      "tri-picto-payment-cb",
+      "tri-picto-payment-mastercard",
+      "tri-picto-payment-paypal",
+      "tri-picto-payment-visa"
+    ]
+  },
+  "small": {
+    "type": "boolean",
+    "values": [
+      "undefined",
+      "false",
+      "true"
+    ]
+  },
+  "accessibilityLabel": {
+    "type": "string",
+    "values": [
+      "undefined",
+      "string"
+    ]
+  },
+  "testId": {
+    "type": "string",
+    "values": [
+      "undefined",
+      "string"
+    ]
+  },
+  "id": {
+    "type": "string",
+    "values": [
+      "undefined",
+      "string"
+    ]
+  },
+  "className": {
+    "type": "string",
+    "values": [
+      "undefined",
+      "string"
+    ]
+  }
+};

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

@@ -0,0 +1,4 @@
+import Tag from './Tag';
+import TagList from './list';
+export * from './TagEnum';
+export { Tag, TagList };

package/lib/components/tag/index.js

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

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

@@ -0,0 +1,11 @@
+import * as React from 'react';
+import { TagListProps } from './TagListProps';
+/**
+ * Tag List Component
+ * @param children {ReactNode} Children Tag List
+ * @param marginless {boolean} delete margin
+ *  - -------------------------- WEB PROPERTIES -------------------------------
+ * @param className {string} Additional CSS Classes
+ */
+declare const TagList: React.ForwardRefExoticComponent<TagListProps & React.RefAttributes<HTMLDivElement>>;
+export default TagList;

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

@@ -0,0 +1,23 @@
+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 { ComponentName } from '../../../components/enumsComponentsName';
+/**
+ * Tag List Component
+ * @param children {ReactNode} Children Tag List
+ * @param marginless {boolean} delete margin
+ *  - -------------------------- WEB PROPERTIES -------------------------------
+ * @param className {string} Additional CSS Classes
+ */
+var TagList = React.forwardRef(function (_a, ref) {
+    var className = _a.className, id = _a.id, align = _a.align, marginless = _a.marginless, others = __rest(_a, ["className", "id", "align", "marginless"]);
+    var styled = useTrilogyContext().styled;
+    return (React.createElement("div", __assign({ ref: ref, id: id, className: hashClass(styled, clsx('tags', align && is(getJustifiedClassName(align)), marginless && is('marginless'), className)) }, others)));
+});
+TagList.displayName = ComponentName.TagList;
+export default TagList;
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVGFnTGlzdC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL2NvbXBvbmVudHMvdGFnL2xpc3QvVGFnTGlzdC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUFBLE9BQU8sS0FBSyxLQUFLLE1BQU0sT0FBTyxDQUFBO0FBQzlCLE9BQU8sSUFBSSxNQUFNLE1BQU0sQ0FBQTtBQUV2QixPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sV0FBVyxDQUFBO0FBQ3JDLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLFdBQVcsQ0FBQTtBQUM3QyxPQUFPLEVBQUUsRUFBRSxFQUFFLE1BQU0sWUFBWSxDQUFBO0FBQy9CLE9BQU8sRUFBRSxxQkFBcUIsRUFBRSxNQUFNLFdBQVcsQ0FBQTtBQUNqRCxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sa0NBQWtDLENBQUE7QUFFaEU7Ozs7OztHQU1HO0FBQ0gsSUFBTSxPQUFPLEdBQUcsS0FBSyxDQUFDLFVBQVUsQ0FBMkIsVUFBQyxFQUErQyxFQUFFLEdBQUc7SUFBbEQsSUFBQSxTQUFTLGVBQUEsRUFBRSxFQUFFLFFBQUEsRUFBRSxLQUFLLFdBQUEsRUFBRSxVQUFVLGdCQUFBLEVBQUssTUFBTSxjQUE3QywwQ0FBK0MsQ0FBRjtJQUMvRixJQUFBLE1BQU0sR0FBSyxpQkFBaUIsRUFBRSxPQUF4QixDQUF3QjtJQUV0QyxPQUFPLENBQ0wsc0NBQ0UsR0FBRyxFQUFFLEdBQUcsRUFDUixFQUFFLEVBQUUsRUFBRSxFQUNOLFNBQVMsRUFBRSxTQUFTLENBQ2xCLE1BQU0sRUFDTixJQUFJLENBQUMsTUFBTSxFQUFFLEtBQUssSUFBSSxFQUFFLENBQUMscUJBQXFCLENBQUMsS0FBSyxDQUFDLENBQUMsRUFBRSxVQUFVLElBQUksRUFBRSxDQUFDLFlBQVksQ0FBQyxFQUFFLFNBQVMsQ0FBQyxDQUNuRyxJQUNHLE1BQU0sRUFDVixDQUNILENBQUE7QUFDSCxDQUFDLENBQUMsQ0FBQTtBQUVGLE9BQU8sQ0FBQyxXQUFXLEdBQUcsYUFBYSxDQUFDLE9BQU8sQ0FBQTtBQUMzQyxlQUFlLE9BQU8sQ0FBQSJ9

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

@@ -0,0 +1,10 @@
+import * as React from 'react';
+import { View } from 'react-native';
+import { TagListProps } from './TagListProps';
+/**
+ * Tag List Component
+ * @param children {ReactNode} Children Tag List
+ * @param centered {boolean} Center tags
+ */
+declare const TagList: React.ForwardRefExoticComponent<TagListProps & React.RefAttributes<View>>;
+export default TagList;

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

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

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

@@ -0,0 +1,13 @@
+/// <reference types="react" />
+import { View } from 'react-native';
+import { AlignableProps, Marginless } from '../../../objects';
+import { CommonProps } from '../../../objects/facets/CommonProps';
+/**
+ * Tag list Interface
+ */
+export interface TagListProps extends Marginless, CommonProps {
+    align?: AlignableProps['align'];
+    children?: React.ReactNode;
+}
+export type TagListRef = HTMLDivElement;
+export type TagListNativeRef = View;

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

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

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

@@ -0,0 +1,60 @@
+export default {
+  "align": {
+    "type": "enum",
+    "values": [
+      "undefined",
+      "ALIGNED_CENTER",
+      "ALIGNED_START",
+      "ALIGNED_END",
+      "ALIGNED_STRETCH",
+      "ALIGNED_CENTER",
+      "ALIGNED_START",
+      "ALIGNED_END",
+      "ALIGNED_STRETCH",
+      "CENTER",
+      "START",
+      "END",
+      "STRETCH",
+      "CENTER",
+      "START",
+      "END",
+      "STRETCH"
+    ]
+  },
+  "children": {
+    "type": "react",
+    "values": [
+      "undefined",
+      "null",
+      "string",
+      "number",
+      "false",
+      "true",
+      "JSXElementConstructor<any>>",
+      "ReactNode>",
+      "ReactPortal"
+    ]
+  },
+  "marginless": {
+    "type": "boolean",
+    "values": [
+      "undefined",
+      "false",
+      "true"
+    ]
+  },
+  "id": {
+    "type": "string",
+    "values": [
+      "undefined",
+      "string"
+    ]
+  },
+  "className": {
+    "type": "string",
+    "values": [
+      "undefined",
+      "string"
+    ]
+  }
+};

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

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

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

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

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

@@ -0,0 +1,19 @@
+import * as React from '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 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} Additional css classes
+ * @param markup {TextMarkup} Text markup
+ * - --------------- NATIVE PROPERTIES ----------------------------------
+ */
+declare const Text: React.ForwardRefExoticComponent<TextProps & React.RefAttributes<HTMLParagraphElement>>;
+export default Text;

package/lib/components/text/Text.js

@@ -0,0 +1,56 @@
+import { __assign, __rest } from "tslib";
+import * as React from 'react';
+import clsx from 'clsx';
+import { TextLevels, TextMarkup } from './TextEnum';
+import { is } from '../../services/classify';
+import { hashClass } from '../../helpers/hashClassesHelpers';
+import { useTrilogyContext } from '../../context/index';
+import { ComponentName } from '../enumsComponentsName';
+/**
+ * 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 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} Additional css classes
+ * @param markup {TextMarkup} Text markup
+ * - --------------- NATIVE PROPERTIES ----------------------------------
+ */
+var Text = React.forwardRef(function (_a, ref) {
+    var level = _a.level, markup = _a.markup, children = _a.children, className = _a.className, id = _a.id, typo = _a.typo, inverted = _a.inverted, skeleton = _a.skeleton, accessibilityLabel = _a.accessibilityLabel, marginless = _a.marginless, numberOfLines = _a.numberOfLines, others = __rest(_a, ["level", "markup", "children", "className", "id", "typo", "inverted", "skeleton", "accessibilityLabel", "marginless", "numberOfLines"]);
+    var styled = useTrilogyContext().styled;
+    var levelText = function () {
+        if (level) {
+            switch (level) {
+                case TextLevels.ONE:
+                    return is('level-1');
+                case TextLevels.TWO:
+                    return is('level-2');
+                case TextLevels.THREE:
+                    return is('level-3');
+                case TextLevels.FOUR:
+                    return is('level-4');
+                default:
+                    return is("level-".concat(level));
+            }
+        }
+    };
+    var classes = hashClass(styled, clsx('text', level && levelText(), inverted && is('inverted'), typo, skeleton && is('loading'), marginless && is('marginless'), numberOfLines && is('text-ellipsis'), className));
+    /**
+     * If no markup return p with default level 1
+     */
+    var isCorrectMarkup = function (stringMarkup) {
+        if (stringMarkup in TextMarkup || Object.values(TextMarkup).includes(stringMarkup))
+            return true;
+    };
+    var Tag = markup && isCorrectMarkup(markup) ? markup : 'p';
+    return (React.createElement(Tag, __assign({ ref: ref, id: id, style: numberOfLines ? { WebkitLineClamp: numberOfLines } : {}, "aria-label": accessibilityLabel, className: classes }, others), children));
+});
+Text.displayName = ComponentName.Text;
+export default Text;
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVGV4dC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL2NvbXBvbmVudHMvdGV4dC9UZXh0LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxLQUFLLEtBQUssTUFBTSxPQUFPLENBQUE7QUFDOUIsT0FBTyxJQUFJLE1BQU0sTUFBTSxDQUFBO0FBRXZCLE9BQU8sRUFBRSxVQUFVLEVBQUUsVUFBVSxFQUFvQixNQUFNLFlBQVksQ0FBQTtBQUNyRSxPQUFPLEVBQUUsRUFBRSxFQUFFLE1BQU0scUJBQXFCLENBQUE7QUFDeEMsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLDhCQUE4QixDQUFBO0FBQ3hELE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLGlCQUFpQixDQUFBO0FBQ25ELE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSx3QkFBd0IsQ0FBQTtBQUV0RDs7Ozs7Ozs7Ozs7Ozs7R0FjRztBQUNILElBQU0sSUFBSSxHQUFHLEtBQUssQ0FBQyxVQUFVLENBQXFCLFVBQUMsRUFhbEQsRUFBRSxHQUFHO0lBWkosSUFBQSxLQUFLLFdBQUEsRUFDTCxNQUFNLFlBQUEsRUFDTixRQUFRLGNBQUEsRUFDUixTQUFTLGVBQUEsRUFDVCxFQUFFLFFBQUEsRUFDRixJQUFJLFVBQUEsRUFDSixRQUFRLGNBQUEsRUFDUixRQUFRLGNBQUEsRUFDUixrQkFBa0Isd0JBQUEsRUFDbEIsVUFBVSxnQkFBQSxFQUNWLGFBQWEsbUJBQUEsRUFDVixNQUFNLGNBWndDLHVJQWFsRCxDQURVO0lBRUQsSUFBQSxNQUFNLEdBQUssaUJBQWlCLEVBQUUsT0FBeEIsQ0FBd0I7SUFFdEMsSUFBTSxTQUFTLEdBQUc7UUFDaEIsSUFBSSxLQUFLLEVBQUU7WUFDVCxRQUFRLEtBQUssRUFBRTtnQkFDYixLQUFLLFVBQVUsQ0FBQyxHQUFHO29CQUNqQixPQUFPLEVBQUUsQ0FBQyxTQUFTLENBQUMsQ0FBQTtnQkFDdEIsS0FBSyxVQUFVLENBQUMsR0FBRztvQkFDakIsT0FBTyxFQUFFLENBQUMsU0FBUyxDQUFDLENBQUE7Z0JBQ3RCLEtBQUssVUFBVSxDQUFDLEtBQUs7b0JBQ25CLE9BQU8sRUFBRSxDQUFDLFNBQVMsQ0FBQyxDQUFBO2dCQUN0QixLQUFLLFVBQVUsQ0FBQyxJQUFJO29CQUNsQixPQUFPLEVBQUUsQ0FBQyxTQUFTLENBQUMsQ0FBQTtnQkFDdEI7b0JBQ0UsT0FBTyxFQUFFLENBQUMsZ0JBQVMsS0FBSyxDQUFFLENBQUMsQ0FBQTthQUM5QjtTQUNGO0lBQ0gsQ0FBQyxDQUFBO0lBRUQsSUFBTSxPQUFPLEdBQUcsU0FBUyxDQUN2QixNQUFNLEVBQ04sSUFBSSxDQUNGLE1BQU0sRUFDTixLQUFLLElBQUksU0FBUyxFQUFFLEVBQ3BCLFFBQVEsSUFBSSxFQUFFLENBQUMsVUFBVSxDQUFDLEVBQzFCLElBQUksRUFDSixRQUFRLElBQUksRUFBRSxDQUFDLFNBQVMsQ0FBQyxFQUN6QixVQUFVLElBQUksRUFBRSxDQUFDLFlBQVksQ0FBQyxFQUM5QixhQUFhLElBQUksRUFBRSxDQUFDLGVBQWUsQ0FBQyxFQUNwQyxTQUFTLENBQ1YsQ0FDRixDQUFBO0lBRUQ7O09BRUc7SUFDSCxJQUFNLGVBQWUsR0FBRyxVQUFDLFlBQTJDO1FBQ2xFLElBQUksWUFBWSxJQUFJLFVBQVUsSUFBSSxNQUFNLENBQUMsTUFBTSxDQUFDLFVBQVUsQ0FBQyxDQUFDLFFBQVEsQ0FBQyxZQUEwQixDQUFDO1lBQUUsT0FBTyxJQUFJLENBQUE7SUFDL0csQ0FBQyxDQUFBO0lBRUQsSUFBTSxHQUFHLEdBQUcsTUFBTSxJQUFJLGVBQWUsQ0FBQyxNQUFNLENBQUMsQ0FBQyxDQUFDLENBQUMsTUFBTSxDQUFDLENBQUMsQ0FBQyxHQUFHLENBQUE7SUFFNUQsT0FBTyxDQUNMLG9CQUFDLEdBQUcsYUFDRixHQUFHLEVBQUUsR0FBRyxFQUNSLEVBQUUsRUFBRSxFQUFFLEVBQ04sS0FBSyxFQUFFLGFBQWEsQ0FBQyxDQUFDLENBQUMsRUFBRSxlQUFlLEVBQUUsYUFBYSxFQUFFLENBQUMsQ0FBQyxDQUFDLEVBQUUsZ0JBQ2xELGtCQUFrQixFQUM5QixTQUFTLEVBQUUsT0FBTyxJQUNkLE1BQU0sR0FFVCxRQUFRLENBQ0wsQ0FDUCxDQUFBO0FBQ0gsQ0FBQyxDQUFDLENBQUE7QUFFRixJQUFJLENBQUMsV0FBVyxHQUFHLGFBQWEsQ0FBQyxJQUFJLENBQUE7QUFDckMsZUFBZSxJQUFJLENBQUEifQ==

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

@@ -0,0 +1,17 @@
+import React from 'react';
+import { Text as TextNative } from 'react-native';
+import { TextProps } from './TextProps';
+/**
+ * Text Native Component
+ * @param children {string} Text child
+ * @param level {TextLevels|number} Title size : 1-4
+ * @param inverted {Boolean} Text white color
+ * @param style {Object} Additional style
+ * @param typo {string} Text typo
+ * @param skeleton {Boolean} Text Skeleton
+ * @param accessibilityLabel {string}
+ * @param numberOfLines {number} Ellipsis after limit number of lines
+ * @param others
+ */
+declare const Text: React.ForwardRefExoticComponent<TextProps & React.RefAttributes<TextNative>>;
+export default Text;