@trilogy-ds/react 0.0.1-beta.9 → 0.0.4-beta-v4

package/lib/components/timeline/marker/TimelineMarker.native.js

@@ -1,18 +1,21 @@
 import React, { useContext } from 'react';
 import { StyleSheet, View } from 'react-native';
-import { Icon, IconSize } from '../../icon';
+import { Icon, IconSize } from '../../../components/icon';
 import { TimelineItemContext } from '../item/TimelineItem.native';
 import { getColorStyle, TrilogyColor } from '../../../objects';
-import { TimelineHeightContext } from '../Timeline.native';
-import { ComponentName } from '../../enumsComponentsName';
+import { TimelineHeightContext } from '../../../components/timeline/Timeline.native';
+import { ComponentName } from '../../../components/enumsComponentsName';
 /**
  * TimelineMarker Native Component
- * @param children {ReactNode} Text child
+ * @param iconName {IconName} Icon Name - sample : IconName.CHECK
+ * @param iconColor {IconColor} Icon Color
+ * @param testId {string} Test Id for Test Integration
  */
-const TimelineMarker = ({ iconName, iconColor }) => {
-    const { active, undone, done, cancel } = useContext(TimelineItemContext);
-    const { height } = useContext(TimelineHeightContext);
-    const styles = StyleSheet.create({
+var TimelineMarker = function (_a) {
+    var iconName = _a.iconName;
+    var _b = useContext(TimelineItemContext), active = _b.active, done = _b.done, cancel = _b.cancel;
+    var height = useContext(TimelineHeightContext).height;
+    var styles = StyleSheet.create({
         marker: {
             flex: 1,
             alignSelf: 'flex-start',
@@ -24,11 +27,10 @@ const TimelineMarker = ({ iconName, iconColor }) => {
             borderLeftWidth: 2,
             marginLeft: 'auto',
             marginRight: 'auto',
-            borderColor: (active && getColorStyle(TrilogyColor.SECONDARY)) ||
-                (undone && getColorStyle(TrilogyColor.GREY_LIGHT)) ||
-                (cancel && getColorStyle(TrilogyColor.GREY_DISABLED)) ||
-                (done && getColorStyle(TrilogyColor.TERTIARY)) ||
-                getColorStyle(TrilogyColor.GREY_LIGHT),
+            borderColor: (active && getColorStyle(TrilogyColor.MAIN)) ||
+                (cancel && getColorStyle(TrilogyColor.NEUTRAL)) ||
+                (done && getColorStyle(TrilogyColor.MAIN)) ||
+                getColorStyle(TrilogyColor.NEUTRAL_FADE),
         },
         icon: {
             alignSelf: 'center',
@@ -36,19 +38,15 @@ const TimelineMarker = ({ iconName, iconColor }) => {
     });
     return (React.createElement(View, { style: styles.marker },
         React.createElement(View, { style: styles.icon },
-            React.createElement(Icon, { name: iconName, circled: true, color: !iconColor
-                    ? (active && TrilogyColor.WHITE) ||
-                        (undone && TrilogyColor.TERTIARY) ||
-                        (cancel && TrilogyColor.GREY_LIGHT) ||
-                        (done && TrilogyColor.WHITE) ||
-                        TrilogyColor.WHITE
-                    : iconColor, backgroundColor: (active && TrilogyColor.SECONDARY) ||
-                    (undone && TrilogyColor.GREY_LIGHT) ||
-                    (cancel && TrilogyColor.GREY_LIGHT) ||
-                    (done && TrilogyColor.TERTIARY) ||
-                    TrilogyColor.GREY_LIGHT, size: IconSize.SMALL })),
+            React.createElement(Icon, { name: iconName, circled: true, color: (active && TrilogyColor.BACKGROUND) ||
+                    (cancel && TrilogyColor.NEUTRAL_FADE) ||
+                    (done && TrilogyColor.BACKGROUND) ||
+                    TrilogyColor.BACKGROUND, backgroundColor: (active && TrilogyColor.MAIN) ||
+                    (cancel && TrilogyColor.NEUTRAL) ||
+                    (done && TrilogyColor.MAIN) ||
+                    TrilogyColor.NEUTRAL_FADE, size: IconSize.SMALL })),
         React.createElement(View, { style: styles.divider })));
 };
 TimelineMarker.displayName = ComponentName.TimelineMarker;
 export default TimelineMarker;
-//# sourceMappingURL=TimelineMarker.native.js.map
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVGltZWxpbmVNYXJrZXIubmF0aXZlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vY29tcG9uZW50cy90aW1lbGluZS9tYXJrZXIvVGltZWxpbmVNYXJrZXIubmF0aXZlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEtBQUssRUFBRSxFQUFFLFVBQVUsRUFBRSxNQUFNLE9BQU8sQ0FBQTtBQUN6QyxPQUFPLEVBQUUsVUFBVSxFQUFFLElBQUksRUFBRSxNQUFNLGNBQWMsQ0FBQTtBQUUvQyxPQUFPLEVBQUUsSUFBSSxFQUFFLFFBQVEsRUFBRSxNQUFNLG1CQUFtQixDQUFBO0FBQ2xELE9BQU8sRUFBRSxtQkFBbUIsRUFBRSxNQUFNLDZCQUE2QixDQUFBO0FBQ2pFLE9BQU8sRUFBRSxhQUFhLEVBQUUsWUFBWSxFQUFFLE1BQU0sV0FBVyxDQUFBO0FBQ3ZELE9BQU8sRUFBRSxxQkFBcUIsRUFBRSxNQUFNLHVDQUF1QyxDQUFBO0FBQzdFLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxrQ0FBa0MsQ0FBQTtBQUVoRTs7Ozs7R0FLRztBQUNILElBQU0sY0FBYyxHQUFHLFVBQUMsRUFBaUM7UUFBL0IsUUFBUSxjQUFBO0lBQzFCLElBQUEsS0FBMkIsVUFBVSxDQUFDLG1CQUFtQixDQUFDLEVBQXhELE1BQU0sWUFBQSxFQUFFLElBQUksVUFBQSxFQUFFLE1BQU0sWUFBb0MsQ0FBQTtJQUN4RCxJQUFBLE1BQU0sR0FBSyxVQUFVLENBQUMscUJBQXFCLENBQUMsT0FBdEMsQ0FBc0M7SUFFcEQsSUFBTSxNQUFNLEdBQUcsVUFBVSxDQUFDLE1BQU0sQ0FBQztRQUMvQixNQUFNLEVBQUU7WUFDTixJQUFJLEVBQUUsQ0FBQztZQUNQLFNBQVMsRUFBRSxZQUFZO1lBQ3ZCLGFBQWEsRUFBRSxRQUFRO1NBQ3hCO1FBQ0QsT0FBTyxFQUFFO1lBQ1AsTUFBTSxFQUFFLE1BQU0sQ0FBQyxDQUFDLENBQUMsTUFBTSxHQUFHLEVBQUUsQ0FBQyxDQUFDLENBQUMsRUFBRTtZQUNqQyxXQUFXLEVBQUUsT0FBTztZQUNwQixlQUFlLEVBQUUsQ0FBQztZQUNsQixVQUFVLEVBQUUsTUFBTTtZQUNsQixXQUFXLEVBQUUsTUFBTTtZQUNuQixXQUFXLEVBQ1QsQ0FBQyxNQUFNLElBQUksYUFBYSxDQUFDLFlBQVksQ0FBQyxJQUFJLENBQUMsQ0FBQztnQkFDNUMsQ0FBQyxNQUFNLElBQUksYUFBYSxDQUFDLFlBQVksQ0FBQyxPQUFPLENBQUMsQ0FBQztnQkFDL0MsQ0FBQyxJQUFJLElBQUksYUFBYSxDQUFDLFlBQVksQ0FBQyxJQUFJLENBQUMsQ0FBQztnQkFDMUMsYUFBYSxDQUFDLFlBQVksQ0FBQyxZQUFZLENBQUM7U0FDM0M7UUFDRCxJQUFJLEVBQUU7WUFDSixTQUFTLEVBQUUsUUFBUTtTQUNwQjtLQUNGLENBQUMsQ0FBQTtJQUVGLE9BQU8sQ0FDTCxvQkFBQyxJQUFJLElBQUMsS0FBSyxFQUFFLE1BQU0sQ0FBQyxNQUFNO1FBQ3hCLG9CQUFDLElBQUksSUFBQyxLQUFLLEVBQUUsTUFBTSxDQUFDLElBQUk7WUFDdEIsb0JBQUMsSUFBSSxJQUNILElBQUksRUFBRSxRQUFRLEVBQ2QsT0FBTyxRQUNQLEtBQUssRUFDSCxDQUFDLE1BQU0sSUFBSSxZQUFZLENBQUMsVUFBVSxDQUFDO29CQUNuQyxDQUFDLE1BQU0sSUFBSSxZQUFZLENBQUMsWUFBWSxDQUFDO29CQUNyQyxDQUFDLElBQUksSUFBSSxZQUFZLENBQUMsVUFBVSxDQUFDO29CQUNqQyxZQUFZLENBQUMsVUFBVSxFQUV6QixlQUFlLEVBQ2IsQ0FBQyxNQUFNLElBQUksWUFBWSxDQUFDLElBQUksQ0FBQztvQkFDN0IsQ0FBQyxNQUFNLElBQUksWUFBWSxDQUFDLE9BQU8sQ0FBQztvQkFDaEMsQ0FBQyxJQUFJLElBQUksWUFBWSxDQUFDLElBQUksQ0FBQztvQkFDM0IsWUFBWSxDQUFDLFlBQVksRUFFM0IsSUFBSSxFQUFFLFFBQVEsQ0FBQyxLQUFLLEdBQ3BCLENBQ0c7UUFFUCxvQkFBQyxJQUFJLElBQUMsS0FBSyxFQUFFLE1BQU0sQ0FBQyxPQUFPLEdBQVMsQ0FDL0IsQ0FDUixDQUFBO0FBQ0gsQ0FBQyxDQUFBO0FBRUQsY0FBYyxDQUFDLFdBQVcsR0FBRyxhQUFhLENBQUMsY0FBYyxDQUFBO0FBRXpELGVBQWUsY0FBYyxDQUFBIn0=

package/lib/components/timeline/marker/TimelineMarkerProps.d.ts

@@ -1,18 +1,15 @@
-/// <reference types="react" />
-import { IconColor, IconColorValues, IconName, IconNameValues } from '../../icon';
-import { Accessibility } from '../../../objects';
+import { IconName, IconNameValues } from '../../../components/icon';
+import { Accessibility, Dev } from '../../../objects';
+import { CommonProps } from '../../../objects/facets/CommonProps';
 /**
  * Timeline Marker Interface
  */
-export interface TimelineMarkerProps {
-    children?: React.ReactNode;
+export interface TimelineMarkerProps extends Accessibility, Dev {
     iconName: IconName | IconNameValues;
-    iconColor?: IconColor | IconColorValues;
 }
 /**
  * Timeline Marker Web Interface
  */
-export interface TimelineMarkerWebProps extends TimelineMarkerProps, Accessibility {
-    className?: string;
+export interface TimelineMarkerWebProps extends TimelineMarkerProps, Accessibility, CommonProps {
     iconClassname?: string;
 }

package/lib/components/timeline/marker/TimelineMarkerProps.js

@@ -1,2 +1,2 @@
 export {};
-//# sourceMappingURL=TimelineMarkerProps.js.map
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVGltZWxpbmVNYXJrZXJQcm9wcy5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL2NvbXBvbmVudHMvdGltZWxpbmUvbWFya2VyL1RpbWVsaW5lTWFya2VyUHJvcHMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IiJ9

package/lib/components/timeline/marker/TimelineMarkerPropsDefaults.js

@@ -0,0 +1,67 @@
+export default {
+  "iconName": {
+    "type": "enum",
+    "values": [
+      "tri-alert",
+      "tri-arrow-down",
+      "tri-arrow-left",
+      "tri-arrow-right",
+      "tri-arrow-up",
+      "tri-bell",
+      "tri-check-circle",
+      "tri-check",
+      "tri-exclamation-circle",
+      "tri-eye-slash",
+      "tri-eye",
+      "tri-infos-circle",
+      "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",
+      "tri-alert",
+      "tri-arrow-down",
+      "tri-arrow-left",
+      "tri-arrow-right",
+      "tri-arrow-up",
+      "tri-bell",
+      "tri-check-circle",
+      "tri-check",
+      "tri-exclamation-circle",
+      "tri-eye-slash",
+      "tri-eye",
+      "tri-infos-circle",
+      "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"
+    ]
+  },
+  "accessibilityLabel": {
+    "type": "string",
+    "values": [
+      "undefined",
+      "string"
+    ]
+  },
+  "testId": {
+    "type": "string",
+    "values": [
+      "undefined",
+      "string"
+    ]
+  }
+};

package/lib/components/timeline/marker/TimelineMarkerWebPropsDefaults.js

@@ -0,0 +1,88 @@
+export default {
+  "iconClassname": {
+    "type": "string",
+    "values": [
+      "undefined",
+      "string"
+    ]
+  },
+  "iconName": {
+    "type": "enum",
+    "values": [
+      "tri-alert",
+      "tri-arrow-down",
+      "tri-arrow-left",
+      "tri-arrow-right",
+      "tri-arrow-up",
+      "tri-bell",
+      "tri-check-circle",
+      "tri-check",
+      "tri-exclamation-circle",
+      "tri-eye-slash",
+      "tri-eye",
+      "tri-infos-circle",
+      "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",
+      "tri-alert",
+      "tri-arrow-down",
+      "tri-arrow-left",
+      "tri-arrow-right",
+      "tri-arrow-up",
+      "tri-bell",
+      "tri-check-circle",
+      "tri-check",
+      "tri-exclamation-circle",
+      "tri-eye-slash",
+      "tri-eye",
+      "tri-infos-circle",
+      "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"
+    ]
+  },
+  "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/timeline/marker/index.js

@@ -1,3 +1,3 @@
 import TimelineMarker from './TimelineMarker';
 export default TimelineMarker;
-//# sourceMappingURL=index.js.map
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9jb21wb25lbnRzL3RpbWVsaW5lL21hcmtlci9pbmRleC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLGNBQWMsTUFBTSxrQkFBa0IsQ0FBQTtBQUU3QyxlQUFlLGNBQWMsQ0FBQSJ9

package/lib/components/title/Title.d.ts

@@ -10,13 +10,15 @@ import { TitleProps } from './TitleProps';
  * @param skeleton {Boolean} Title Skeleton
  * @param accessibilityLabel {string} Accessibility label
  * @param testId {string} Test Id for Test Integration
+ * @param subtitle {boolean} Subtitle below title
+ * @param overline {boolean} Overline above title
  * - --------------- WEB PROPERTIES ----------------------------------
  * @param markup {string} h1 | h2 | h3 | h4 | h5 | h6 | p | span | div
  * @param className {string} Additionnal css classes
- * @param subtitle {boolean} Subtitle below title
- * @param overline {boolean} Overline above title
+ * @param marginless {boolean} delete margin
+ * @param htmlContent {string} Content Html In Title Component
  * - --------------- NATIVE PROPERTIES ----------------------------------
  * @param style {object} Additional styles
  */
-declare const Title: ({ level, markup, children, className, typo, skeleton, inverted, onClick, testId, accessibilityLabel, subtitle, overline, marginless, htmlContent, ...others }: TitleProps) => JSX.Element;
+declare const Title: ({ level, markup, children, className, id, typo, skeleton, inverted, onClick, accessibilityLabel, subtitle, overline, marginless, ...others }: TitleProps) => JSX.Element;
 export default Title;

package/lib/components/title/Title.js

@@ -1,26 +1,27 @@
-import React, { useEffect, useState } from 'react';
+import { __assign, __rest } from "tslib";
+import React from 'react';
 import clsx from 'clsx';
 import { is } from '../../services';
 import { TitleLevels, TitleMarkup } from './TitleEnum';
-import { hashClass } from '../../helpers';
-import { useTrilogyContext } from '../../context';
-const getTitleLevel = (level) => {
+import { hashClass } from '../../helpers/hashClassesHelpers';
+import { useTrilogyContext } from '../../context/index';
+var getTitleLevel = function (level) {
     if (level) {
         switch (level) {
             case TitleLevels.ONE:
-                return is(`level-1`);
+                return is("level-1");
             case TitleLevels.TWO:
-                return is(`level-2`);
+                return is("level-2");
             case TitleLevels.THREE:
-                return is(`level-3`);
+                return is("level-3");
             case TitleLevels.FOUR:
-                return is(`level-4`);
+                return is("level-4");
             case TitleLevels.FIVE:
-                return is(`level-5`);
+                return is("level-5");
             case TitleLevels.SIX:
-                return is(`level-6`);
+                return is("level-6");
             default:
-                return is(`level-${level}`);
+                return is("level-".concat(level));
         }
     }
 };
@@ -30,7 +31,7 @@ const getTitleLevel = (level) => {
  * for string enum (as in this case) we need to use Object.values.includes for JS usage
  * string enum aren't reverse mapped so the first solution doesn't work
  */
-const isCorrectMarkup = (stringMarkup) => {
+var isCorrectMarkup = function (stringMarkup) {
     return stringMarkup in TitleMarkup || Object.values(TitleMarkup).includes(stringMarkup);
 };
 /**
@@ -43,32 +44,31 @@ const isCorrectMarkup = (stringMarkup) => {
  * @param skeleton {Boolean} Title Skeleton
  * @param accessibilityLabel {string} Accessibility label
  * @param testId {string} Test Id for Test Integration
+ * @param subtitle {boolean} Subtitle below title
+ * @param overline {boolean} Overline above title
  * - --------------- WEB PROPERTIES ----------------------------------
  * @param markup {string} h1 | h2 | h3 | h4 | h5 | h6 | p | span | div
  * @param className {string} Additionnal css classes
- * @param subtitle {boolean} Subtitle below title
- * @param overline {boolean} Overline above title
+ * @param marginless {boolean} delete margin
+ * @param htmlContent {string} Content Html In Title Component
  * - --------------- NATIVE PROPERTIES ----------------------------------
  * @param style {object} Additional styles
  */
-const Title = ({ level = TitleLevels.ONE, markup, children, className, typo, skeleton, inverted, onClick, testId, accessibilityLabel, subtitle, overline, marginless, htmlContent, ...others }) => {
-    const [isLoading, setIsLoading] = useState(skeleton || false);
-    const { styled } = useTrilogyContext();
-    const classes = hashClass(styled, clsx('title', level && getTitleLevel(level), typo, isLoading ? is('loading') : is('loaded'), inverted && is('inverted'), marginless && is('marginless'), className));
-    const subtitleClasses = hashClass(styled, clsx('subtitle', className));
-    const overlineClasses = hashClass(styled, clsx('overline', className));
-    useEffect(() => {
-        setIsLoading(skeleton || false);
-    }, [skeleton]);
-    const Tag = markup && isCorrectMarkup(markup) ? markup : 'div';
-    const getClassname = () => {
+var Title = function (_a) {
+    var _b = _a.level, level = _b === void 0 ? TitleLevels.ONE : _b, markup = _a.markup, children = _a.children, className = _a.className, id = _a.id, typo = _a.typo, skeleton = _a.skeleton, inverted = _a.inverted, onClick = _a.onClick, accessibilityLabel = _a.accessibilityLabel, subtitle = _a.subtitle, overline = _a.overline, marginless = _a.marginless, others = __rest(_a, ["level", "markup", "children", "className", "id", "typo", "skeleton", "inverted", "onClick", "accessibilityLabel", "subtitle", "overline", "marginless"]);
+    var styled = useTrilogyContext().styled;
+    var classes = hashClass(styled, clsx('title', level && getTitleLevel(level), typo, skeleton && is('loading'), inverted && is('inverted'), marginless && is('marginless'), className));
+    var subtitleClasses = hashClass(styled, clsx('subtitle', typo, className));
+    var overlineClasses = hashClass(styled, clsx('overline', typo, className));
+    var Tag = markup && isCorrectMarkup(markup) ? markup : 'p';
+    var getClassname = function () {
         if (subtitle)
             return subtitleClasses;
         if (overline)
             return overlineClasses;
         return classes;
     };
-    return (React.createElement(Tag, { "data-testid": testId, "aria-label": accessibilityLabel, onClick: onClick, className: getClassname(), ...(htmlContent && { dangerouslySetInnerHTML: { __html: htmlContent } }), ...others }, children));
+    return (React.createElement(Tag, __assign({ id: id, "aria-label": accessibilityLabel, onClick: onClick, className: getClassname() }, others), children));
 };
 export default Title;
-//# sourceMappingURL=Title.js.map
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVGl0bGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9jb21wb25lbnRzL3RpdGxlL1RpdGxlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxLQUFLLE1BQU0sT0FBTyxDQUFBO0FBQ3pCLE9BQU8sSUFBSSxNQUFNLE1BQU0sQ0FBQTtBQUV2QixPQUFPLEVBQUUsRUFBRSxFQUFFLE1BQU0sWUFBWSxDQUFBO0FBQy9CLE9BQU8sRUFBRSxXQUFXLEVBQW9CLFdBQVcsRUFBcUIsTUFBTSxhQUFhLENBQUE7QUFDM0YsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLDhCQUE4QixDQUFBO0FBQ3hELE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLGlCQUFpQixDQUFBO0FBRW5ELElBQU0sYUFBYSxHQUFHLFVBQUMsS0FBcUM7SUFDMUQsSUFBSSxLQUFLLEVBQUU7UUFDVCxRQUFRLEtBQUssRUFBRTtZQUNiLEtBQUssV0FBVyxDQUFDLEdBQUc7Z0JBQ2xCLE9BQU8sRUFBRSxDQUFDLFNBQVMsQ0FBQyxDQUFBO1lBQ3RCLEtBQUssV0FBVyxDQUFDLEdBQUc7Z0JBQ2xCLE9BQU8sRUFBRSxDQUFDLFNBQVMsQ0FBQyxDQUFBO1lBQ3RCLEtBQUssV0FBVyxDQUFDLEtBQUs7Z0JBQ3BCLE9BQU8sRUFBRSxDQUFDLFNBQVMsQ0FBQyxDQUFBO1lBQ3RCLEtBQUssV0FBVyxDQUFDLElBQUk7Z0JBQ25CLE9BQU8sRUFBRSxDQUFDLFNBQVMsQ0FBQyxDQUFBO1lBQ3RCLEtBQUssV0FBVyxDQUFDLElBQUk7Z0JBQ25CLE9BQU8sRUFBRSxDQUFDLFNBQVMsQ0FBQyxDQUFBO1lBQ3RCLEtBQUssV0FBVyxDQUFDLEdBQUc7Z0JBQ2xCLE9BQU8sRUFBRSxDQUFDLFNBQVMsQ0FBQyxDQUFBO1lBQ3RCO2dCQUNFLE9BQU8sRUFBRSxDQUFDLGdCQUFTLEtBQUssQ0FBRSxDQUFDLENBQUE7U0FDOUI7S0FDRjtBQUNILENBQUMsQ0FBQTtBQUVEOzs7OztHQUtHO0FBQ0gsSUFBTSxlQUFlLEdBQUcsVUFBQyxZQUE2QztJQUNwRSxPQUFPLFlBQVksSUFBSSxXQUFXLElBQUksTUFBTSxDQUFDLE1BQU0sQ0FBQyxXQUFXLENBQUMsQ0FBQyxRQUFRLENBQUMsWUFBMkIsQ0FBQyxDQUFBO0FBQ3hHLENBQUMsQ0FBQTtBQUVEOzs7Ozs7Ozs7Ozs7Ozs7Ozs7O0dBbUJHO0FBQ0gsSUFBTSxLQUFLLEdBQUcsVUFBQyxFQWVGO0lBZFgsSUFBQSxhQUF1QixFQUF2QixLQUFLLG1CQUFHLFdBQVcsQ0FBQyxHQUFHLEtBQUEsRUFDdkIsTUFBTSxZQUFBLEVBQ04sUUFBUSxjQUFBLEVBQ1IsU0FBUyxlQUFBLEVBQ1QsRUFBRSxRQUFBLEVBQ0YsSUFBSSxVQUFBLEVBQ0osUUFBUSxjQUFBLEVBQ1IsUUFBUSxjQUFBLEVBQ1IsT0FBTyxhQUFBLEVBQ1Asa0JBQWtCLHdCQUFBLEVBQ2xCLFFBQVEsY0FBQSxFQUNSLFFBQVEsY0FBQSxFQUNSLFVBQVUsZ0JBQUEsRUFDUCxNQUFNLGNBZEkseUpBZWQsQ0FEVTtJQUVELElBQUEsTUFBTSxHQUFLLGlCQUFpQixFQUFFLE9BQXhCLENBQXdCO0lBRXRDLElBQU0sT0FBTyxHQUFHLFNBQVMsQ0FDdkIsTUFBTSxFQUNOLElBQUksQ0FDRixPQUFPLEVBQ1AsS0FBSyxJQUFJLGFBQWEsQ0FBQyxLQUFLLENBQUMsRUFDN0IsSUFBSSxFQUNKLFFBQVEsSUFBSSxFQUFFLENBQUMsU0FBUyxDQUFDLEVBQ3pCLFFBQVEsSUFBSSxFQUFFLENBQUMsVUFBVSxDQUFDLEVBQzFCLFVBQVUsSUFBSSxFQUFFLENBQUMsWUFBWSxDQUFDLEVBQzlCLFNBQVMsQ0FDVixDQUNGLENBQUE7SUFFRCxJQUFNLGVBQWUsR0FBRyxTQUFTLENBQUMsTUFBTSxFQUFFLElBQUksQ0FBQyxVQUFVLEVBQUUsSUFBSSxFQUFFLFNBQVMsQ0FBQyxDQUFDLENBQUE7SUFDNUUsSUFBTSxlQUFlLEdBQUcsU0FBUyxDQUFDLE1BQU0sRUFBRSxJQUFJLENBQUMsVUFBVSxFQUFFLElBQUksRUFBRSxTQUFTLENBQUMsQ0FBQyxDQUFBO0lBRTVFLElBQU0sR0FBRyxHQUFHLE1BQU0sSUFBSSxlQUFlLENBQUMsTUFBTSxDQUFDLENBQUMsQ0FBQyxDQUFDLE1BQU0sQ0FBQyxDQUFDLENBQUMsR0FBRyxDQUFBO0lBRTVELElBQU0sWUFBWSxHQUFHO1FBQ25CLElBQUksUUFBUTtZQUFFLE9BQU8sZUFBZSxDQUFBO1FBQ3BDLElBQUksUUFBUTtZQUFFLE9BQU8sZUFBZSxDQUFBO1FBQ3BDLE9BQU8sT0FBTyxDQUFBO0lBQ2hCLENBQUMsQ0FBQTtJQUVELE9BQU8sQ0FDTCxvQkFBQyxHQUFHLGFBQUMsRUFBRSxFQUFFLEVBQUUsZ0JBQWMsa0JBQWtCLEVBQUUsT0FBTyxFQUFFLE9BQU8sRUFBRSxTQUFTLEVBQUUsWUFBWSxFQUFFLElBQU0sTUFBTSxHQUNqRyxRQUFRLENBQ0wsQ0FDUCxDQUFBO0FBQ0gsQ0FBQyxDQUFBO0FBRUQsZUFBZSxLQUFLLENBQUEifQ==

package/lib/components/title/Title.native.d.ts

@@ -1,20 +1,22 @@
 /// <reference types="react" />
-import { TitleProps } from './TitleProps';
-import { ComponentName } from '../enumsComponentsName';
+import { TitleProps } from "./TitleProps";
+import { ComponentName } from "../../components/enumsComponentsName";
 /**
- * Title Native Component
- * @param children {ReactNode} Text child
- * @param level {TextLevels|number} Title size : 1-4
+ * Title component
+ * @param children {ReactNode} Title child
+ * @param level {TitleLevels | TitleLevel | number} Title size : 1-3
  * @param inverted {Boolean} Title white color
  * @param typo {TypographyColor | TypographyTransform | TypographyBold | TypographyAlign} Typos
  * @param onClick {Function} onClick Event
- * @param style {Object} Additional styles
  * @param skeleton {Boolean} Title Skeleton
- * @param testId {string} Test Id for Test Integration
  * @param accessibilityLabel {string} Accessibility label
+ * @param testId {string} Test Id for Test Integration
+ * @param style {object} Additional styles
+ * @param subtitle {boolean} Subtitle below title
+ * @param overline {boolean} Overline above title
  */
 declare const Title: {
-    ({ children, level, style, inverted, typo, onClick, skeleton, testId, accessibilityLabel, subtitle, overline, ...others }: TitleProps): JSX.Element;
+    ({ children, level, style, inverted, typo, onClick, skeleton, accessibilityLabel, subtitle, overline, ...others }: TitleProps): JSX.Element;
     displayName: ComponentName;
 };
 export default Title;

package/lib/components/title/Title.native.js

@@ -1,66 +1,77 @@
-import React from 'react';
-import { StyleSheet, Text, TouchableOpacity, View, Platform } from 'react-native';
-import ContentLoader, { Rect } from 'react-content-loader/native';
-import { setTypographyAlign, setTypographyColor } from '../../objects';
-import { getColorStyle, TrilogyColor } from '../../objects/facets/Color';
-import { ComponentName } from '../enumsComponentsName';
+import { __assign, __rest } from "tslib";
+import * as React from "react";
+import { useContext } from "react";
+import { Platform, StyleSheet, Text as TextNative, TouchableOpacity, View, } from "react-native";
+import ContentLoader, { Rect } from "react-content-loader/native";
+import { getTypographyBoldStyle, setTypographyAlign, setTypographyColor, TypographyBold } from "../../objects";
+import { getColorStyle, TrilogyColor } from "../../objects/facets/Color";
+import { ComponentName } from "../../components/enumsComponentsName";
+import { StatesContext } from "../../context/providerStates";
+import { TitleLevels } from "./TitleEnum";
 /**
- * Title Native Component
- * @param children {ReactNode} Text child
- * @param level {TextLevels|number} Title size : 1-4
+ * Title component
+ * @param children {ReactNode} Title child
+ * @param level {TitleLevels | TitleLevel | number} Title size : 1-3
  * @param inverted {Boolean} Title white color
  * @param typo {TypographyColor | TypographyTransform | TypographyBold | TypographyAlign} Typos
  * @param onClick {Function} onClick Event
- * @param style {Object} Additional styles
  * @param skeleton {Boolean} Title Skeleton
- * @param testId {string} Test Id for Test Integration
  * @param accessibilityLabel {string} Accessibility label
+ * @param testId {string} Test Id for Test Integration
+ * @param style {object} Additional styles
+ * @param subtitle {boolean} Subtitle below title
+ * @param overline {boolean} Overline above title
  */
-const Title = ({ children, level, style, inverted, typo, onClick, skeleton, testId, accessibilityLabel, subtitle, overline, ...others }) => {
-    const titlesLevels = () => {
+var Title = function (_a) {
+    var children = _a.children, level = _a.level, style = _a.style, inverted = _a.inverted, typo = _a.typo, onClick = _a.onClick, skeleton = _a.skeleton, accessibilityLabel = _a.accessibilityLabel, subtitle = _a.subtitle, overline = _a.overline, others = __rest(_a, ["children", "level", "style", "inverted", "typo", "onClick", "skeleton", "accessibilityLabel", "subtitle", "overline"]);
+    var statesContext = useContext(StatesContext);
+    var titlesLevels = function () {
         switch (level) {
-            case 'ONE':
+            case TitleLevels.ONE:
                 return 32;
-            case 'TWO':
+            case TitleLevels.TWO:
                 return 28;
-            case 'THREE':
+            case TitleLevels.THREE:
                 return 22;
-            case 'FOUR':
+            case TitleLevels.FOUR:
                 return 20;
-            case 'FIVE':
+            case TitleLevels.FIVE:
                 return 18;
-            case 'SIX':
+            case TitleLevels.SIX:
                 return 16;
             default:
                 return 16;
         }
     };
-    const getAlignSelf = () => {
+    var getAlignSelf = function () {
         switch (true) {
-            case setTypographyAlign(typo) === 'left':
-                return 'flex-start';
-            case setTypographyAlign(typo) === 'center':
-                return 'center';
-            case setTypographyAlign(typo) === 'right':
-                return 'flex-end';
+            case setTypographyAlign(typo) === "left":
+                return "flex-start";
+            case setTypographyAlign(typo) === "center":
+                return "center";
+            case setTypographyAlign(typo) === "right":
+                return "flex-end";
             default:
-                return 'flex-start';
+                return "flex-start";
         }
     };
-    const getFontFamily = () => {
-        if (level && ['ONE', 'TWO'].includes(level))
-            return 'poppins-bold';
-        return 'poppins-semibold';
+    var getFontFamily = function () {
+        if (level && [TitleLevels.ONE, TitleLevels.TWO].includes(level))
+            return getTypographyBoldStyle(TypographyBold.TEXT_WEIGHT_BOLD);
+        return getTypographyBoldStyle(TypographyBold.TEXT_WEIGHT_SEMIBOLD);
     };
-    const styles = StyleSheet.create({
+    var styles = StyleSheet.create({
         text: {
             fontFamily: getFontFamily(),
             fontSize: titlesLevels(),
-            color: (((overline || subtitle) && !level) && getColorStyle(TrilogyColor.SECONDARY))
-                || (!skeleton && setTypographyColor(typo, inverted)) ||
-                'transparent',
+            color: ((overline || subtitle) &&
+                !level &&
+                getColorStyle(TrilogyColor.MAIN)) ||
+                (!skeleton &&
+                    setTypographyColor(typo, inverted || statesContext.inverted)) ||
+                "transparent",
             textAlign: setTypographyAlign(typo),
-            textTransform: overline && !level ? 'uppercase' : undefined,
+            textTransform: overline && !level ? "uppercase" : undefined,
             alignSelf: getAlignSelf(),
         },
         skeleton: {
@@ -68,26 +79,28 @@ const Title = ({ children, level, style, inverted, typo, onClick, skeleton, test
             alignSelf: getAlignSelf(),
             borderRadius: 5,
             borderWidth: 0.1,
-            borderColor: getColorStyle(TrilogyColor.GREY_LIGHTER),
-            overflow: 'hidden',
+            borderColor: getColorStyle(TrilogyColor.NEUTRAL_FADE),
+            overflow: "hidden",
             height: titlesLevels(),
         },
     });
-    const titleTestId = testId ? testId : typeof children === 'string' ? children : 'NotSpecified';
-    const titleAccessibilityLabel = accessibilityLabel
+    var titleTestId = typeof children === "string"
+        ? children
+        : "NotSpecified";
+    var titleAccessibilityLabel = accessibilityLabel
         ? accessibilityLabel
-        : typeof children === 'string'
+        : typeof children === "string"
             ? children
             : undefined;
-    let titleView = (React.createElement(Text, { maxFontSizeMultiplier: 1.3, accessible: !!titleAccessibilityLabel, accessibilityLabel: titleAccessibilityLabel, testID: titleTestId, style: [styles.text, style], ...others }, children));
+    var titleView = (React.createElement(TextNative, __assign({ maxFontSizeMultiplier: 1.3, accessible: !!titleAccessibilityLabel, accessibilityLabel: titleAccessibilityLabel, style: [styles.text, style] }, others), children));
     if (skeleton) {
         titleView = (React.createElement(ContentLoader, { style: styles.skeleton },
             titleView,
-            Platform.OS === 'android' && (React.createElement(View, null,
+            Platform.OS === "android" && (React.createElement(View, null,
                 React.createElement(Rect, { rx: '15', ry: '15', width: '100%', height: '100%' })))));
     }
     return onClick ? (React.createElement(TouchableOpacity, { onPress: onClick, activeOpacity: 0.85 }, titleView)) : (titleView);
 };
 Title.displayName = ComponentName.Title;
 export default Title;
-//# sourceMappingURL=Title.native.js.map
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVGl0bGUubmF0aXZlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vY29tcG9uZW50cy90aXRsZS9UaXRsZS5uYXRpdmUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLEtBQUssS0FBSyxNQUFNLE9BQU8sQ0FBQTtBQUM5QixPQUFPLEVBQUUsVUFBVSxFQUFFLE1BQU0sT0FBTyxDQUFBO0FBQ2xDLE9BQU8sRUFBRSxRQUFRLEVBQUUsVUFBVSxFQUFFLElBQUksSUFBSSxVQUFVLEVBQUUsZ0JBQWdCLEVBQUUsSUFBSSxHQUFHLE1BQU0sY0FBYyxDQUFBO0FBQ2hHLE9BQU8sYUFBYSxFQUFFLEVBQUUsSUFBSSxFQUFFLE1BQU0sNkJBQTZCLENBQUE7QUFDakUsT0FBTyxFQUFFLHNCQUFzQixFQUFFLGtCQUFrQixFQUFFLGtCQUFrQixFQUFFLGNBQWMsRUFBRSxNQUFNLFdBQVcsQ0FBQTtBQUUxRyxPQUFPLEVBQUUsYUFBYSxFQUFFLFlBQVksRUFBRSxNQUFNLHdCQUF3QixDQUFBO0FBQ3BFLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxrQ0FBa0MsQ0FBQTtBQUNoRSxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sMEJBQTBCLENBQUE7QUFDeEQsT0FBTyxFQUFFLFdBQVcsRUFBRSxNQUFNLGFBQWEsQ0FBQTtBQUV6Qzs7Ozs7Ozs7Ozs7OztHQWFHO0FBQ0gsSUFBTSxLQUFLLEdBQUcsVUFBQyxFQVlGO0lBWFgsSUFBQSxRQUFRLGNBQUEsRUFDUixLQUFLLFdBQUEsRUFDTCxLQUFLLFdBQUEsRUFDTCxRQUFRLGNBQUEsRUFDUixJQUFJLFVBQUEsRUFDSixPQUFPLGFBQUEsRUFDUCxRQUFRLGNBQUEsRUFDUixrQkFBa0Isd0JBQUEsRUFDbEIsUUFBUSxjQUFBLEVBQ1IsUUFBUSxjQUFBLEVBQ0wsTUFBTSxjQVhJLHVIQVlkLENBRFU7SUFFVCxJQUFNLGFBQWEsR0FBRyxVQUFVLENBQUMsYUFBYSxDQUFDLENBQUE7SUFD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

package/lib/components/title/TitleEnum.d.ts

@@ -2,17 +2,17 @@
  * New Title Levels
  */
 export declare enum TitleLevels {
-    ONE = "ONE",
-    TWO = "TWO",
-    THREE = "THREE",
-    FOUR = "FOUR",
-    FIVE = "FIVE",
-    SIX = "SIX"
+    ONE = 1,
+    TWO = 2,
+    THREE = 3,
+    FOUR = 4,
+    FIVE = 5,
+    SIX = 6
 }
 /**
  * Titles size values
  */
-export type TitleLevelValues = `${TitleLevels}`;
+export type TitleLevelValues = TitleLevels;
 export declare enum TitleMarkup {
     H1 = "h1",
     H2 = "h2",

package/lib/components/title/TitleEnum.js

@@ -3,12 +3,12 @@
  */
 export var TitleLevels;
 (function (TitleLevels) {
-    TitleLevels["ONE"] = "ONE";
-    TitleLevels["TWO"] = "TWO";
-    TitleLevels["THREE"] = "THREE";
-    TitleLevels["FOUR"] = "FOUR";
-    TitleLevels["FIVE"] = "FIVE";
-    TitleLevels["SIX"] = "SIX";
+    TitleLevels[TitleLevels["ONE"] = 1] = "ONE";
+    TitleLevels[TitleLevels["TWO"] = 2] = "TWO";
+    TitleLevels[TitleLevels["THREE"] = 3] = "THREE";
+    TitleLevels[TitleLevels["FOUR"] = 4] = "FOUR";
+    TitleLevels[TitleLevels["FIVE"] = 5] = "FIVE";
+    TitleLevels[TitleLevels["SIX"] = 6] = "SIX";
 })(TitleLevels || (TitleLevels = {}));
 export var TitleMarkup;
 (function (TitleMarkup) {
@@ -22,4 +22,4 @@ export var TitleMarkup;
     TitleMarkup["SPAN"] = "span";
     TitleMarkup["DIV"] = "div";
 })(TitleMarkup || (TitleMarkup = {}));
-//# sourceMappingURL=TitleEnum.js.map
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVGl0bGVFbnVtLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vY29tcG9uZW50cy90aXRsZS9UaXRsZUVudW0udHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7O0dBRUc7QUFDSCxNQUFNLENBQU4sSUFBWSxXQU9YO0FBUEQsV0FBWSxXQUFXO0lBQ3JCLDJDQUFPLENBQUE7SUFDUCwyQ0FBTyxDQUFBO0lBQ1AsK0NBQVMsQ0FBQTtJQUNULDZDQUFRLENBQUE7SUFDUiw2Q0FBUSxDQUFBO0lBQ1IsMkNBQU8sQ0FBQTtBQUNULENBQUMsRUFQVyxXQUFXLEtBQVgsV0FBVyxRQU90QjtBQU9ELE1BQU0sQ0FBTixJQUFZLFdBVVg7QUFWRCxXQUFZLFdBQVc7SUFDckIsd0JBQVMsQ0FBQTtJQUNULHdCQUFTLENBQUE7SUFDVCx3QkFBUyxDQUFBO0lBQ1Qsd0JBQVMsQ0FBQTtJQUNULHdCQUFTLENBQUE7SUFDVCx3QkFBUyxDQUFBO0lBQ1Qsc0JBQU8sQ0FBQTtJQUNQLDRCQUFhLENBQUE7SUFDYiwwQkFBVyxDQUFBO0FBQ2IsQ0FBQyxFQVZXLFdBQVcsS0FBWCxXQUFXLFFBVXRCIn0=