@trilogy-ds/react 0.0.1-beta-4 → 0.0.1-beta.11

package/lib/components/hero/Hero.native.js

@@ -1,13 +1,13 @@
-import React, { useState } from 'react';
-import { StyleSheet, ImageBackground, TouchableOpacity, View } from 'react-native';
-import { getVariantStyle, TrilogyColor } from '../../objects';
-import { Box } from '../box';
-import { ComponentName } from '../enumsComponentsName';
+import React, { useState } from "react";
+import { ImageBackground, StyleSheet, TouchableOpacity, View, } from "react-native";
+import { getVariantStyle, TrilogyColor } from "../../objects";
+import { Box } from "../box";
+import { ComponentName } from "../enumsComponentsName";
 /**
  * Hero Component
  * @param children {ReactNode} Hero Children
  * @param backgroundSrc {string} If source, it will display background option
- * @param variant {VariantState} Hero background color : primary|secondary|tertiary
+ * @param variant {VariantState} Hero background color : main/accent
  * @param onClick {Function} onClick Event
  * @param overlap {ReactNode[]|Boolean} Hero overlap components in tab (need to add key for each element),
  * if second element add second special overlap (only native-old) - Web (Boolean) Native (ReactNode)
@@ -18,14 +18,16 @@ const Hero = ({ children, backgroundSrc, variant, onClick, overlap, backgroundHe
     const [secondOverlapHeight, setSecondOverlapHeight] = useState(0);
     const isSecondOverlap = overlap && Array.isArray(overlap) ? (overlap === null || overlap === void 0 ? void 0 : overlap.length) > 1 : false;
     const isSecondOverlapNotEmpty = isSecondOverlap && secondOverlapHeight > 0;
-    const overlapMargin = backgroundHeight ? overlapHeight - backgroundHeight / 2 : overlapHeight - 60;
+    const overlapMargin = backgroundHeight
+        ? overlapHeight - backgroundHeight / 2
+        : overlapHeight - 60;
     const marginBottomOverlap = isSecondOverlapNotEmpty ? 70 : 60;
     const styles = StyleSheet.create({
         hero: {
-            width: '100%',
+            width: "100%",
             minHeight: 100,
             maxHeight: 300,
-            height: backgroundHeight ? backgroundHeight : 'auto',
+            height: backgroundHeight ? backgroundHeight : "auto",
         },
         content: {
             padding: 15,
@@ -35,14 +37,18 @@ const Hero = ({ children, backgroundSrc, variant, onClick, overlap, backgroundHe
             backgroundColor: variant && getVariantStyle(variant),
         },
         overlap: {
-            position: 'absolute',
-            top: isSecondOverlapNotEmpty ? -40 : backgroundHeight ? backgroundHeight * (-1 / 2) : -60,
+            position: "absolute",
+            top: isSecondOverlapNotEmpty
+                ? -40
+                : backgroundHeight
+                    ? backgroundHeight * (-1 / 2)
+                    : -60,
         },
         secondOverlap: {
-            position: 'absolute',
-            alignSelf: 'center',
+            position: "absolute",
+            alignSelf: "center",
             top: secondOverlapHeight * (-1 / 2) - 40,
-            width: '100%',
+            width: "100%",
         },
         subOverlap: {
             height: isSecondOverlapNotEmpty ? overlapHeight - 40 : overlapMargin,
@@ -54,7 +60,9 @@ const Hero = ({ children, backgroundSrc, variant, onClick, overlap, backgroundHe
             React.createElement(View, { style: styles.content }, children)));
     }
     else {
-        heroView = (React.createElement(ImageBackground, { source: typeof backgroundSrc === 'number' ? backgroundSrc : { uri: backgroundSrc }, style: styles.hero, ...others },
+        heroView = (React.createElement(ImageBackground, { source: typeof backgroundSrc === "number"
+                ? backgroundSrc
+                : { uri: backgroundSrc }, style: styles.hero, ...others },
             React.createElement(View, { style: styles.content }, children)));
     }
     let overlapView;
@@ -64,23 +72,23 @@ const Hero = ({ children, backgroundSrc, variant, onClick, overlap, backgroundHe
                     const { height } = event.nativeEvent.layout;
                     setOverlapHeight(height);
                 } },
-                React.createElement(Box, { background: TrilogyColor.GREY_LIGHTER },
+                React.createElement(Box, { background: TrilogyColor.NEUTRAL_LIGHT },
                     React.createElement(View, { style: { marginBottom: secondOverlapHeight / 2 } }),
-                    overlap && typeof overlap !== 'boolean' ? overlap[0] : null)),
+                    overlap && typeof overlap !== "boolean" ? overlap[0] : null)),
             React.createElement(View, { style: styles.secondOverlap, onLayout: (event) => {
                     const { height } = event.nativeEvent.layout;
                     setSecondOverlapHeight(height);
-                } }, overlap && typeof overlap !== 'boolean' ? overlap[1] : null)));
+                } }, overlap && typeof overlap !== "boolean" ? overlap[1] : null)));
     }
     else {
         overlapView = (React.createElement(View, { style: styles.subOverlap },
             React.createElement(View, { style: styles.overlap, onLayout: (event) => {
                     const { height } = event.nativeEvent.layout;
                     setOverlapHeight(height);
-                } }, overlap && typeof overlap !== 'boolean' ? overlap[0] : null)));
+                } }, overlap && typeof overlap !== "boolean" ? overlap[0] : null)));
     }
     return onClick ? (React.createElement(View, null,
-        React.createElement(TouchableOpacity, { onPress: onClick, activeOpacity: 0.85 }, heroView))) : (React.createElement(View, { style: { width: '100%' } },
+        React.createElement(TouchableOpacity, { onPress: onClick, activeOpacity: 0.85 }, heroView))) : (React.createElement(View, { style: { width: "100%" } },
         heroView,
         overlapView));
 };

package/lib/components/hero/Hero.native.js.map

@@ -1 +1 @@
-{"version":3,"file":"Hero.native.js","sourceRoot":"","sources":["../../../components/hero/Hero.native.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"Hero.native.js","sourceRoot":"","sources":["../../../components/hero/Hero.native.tsx"],"names":[],"mappings":"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"}

package/lib/components/icon/Icon.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { IconProps } from './IconProps';
+import { IconProps } from "./IconProps";
 /**
  * Icon Component
  * @param size Size of Icon

package/lib/components/icon/Icon.js

@@ -1,13 +1,13 @@
-import React from 'react';
-import clsx from 'clsx';
-import StatusIcon from './status/index';
-import CircleIcon from './circle/index';
-import TextIcon from './text/index';
-import { has, is } from '../../services/index';
-import { getColorClassName } from '../../objects/facets/Color';
-import { getAlignClassName } from '../../objects/facets/Alignable';
-import { hashClass } from '../../helpers';
-import { useTrilogyContext } from '../../context';
+import * as React from "react";
+import clsx from "clsx";
+import StatusIcon from "./status/index";
+import CircleIcon from "./circle/index";
+import TextIcon from "./text/index";
+import { has, is } from "../../services/index";
+import { getColorClassName, } from "../../objects/facets/Color";
+import { getAlignClassName } from "../../objects/facets/Alignable";
+import { hashClass } from "../../helpers";
+import { useTrilogyContext } from "../../context";
 /**
  * Icon Component
  * @param size Size of Icon
@@ -34,12 +34,16 @@ import { useTrilogyContext } from '../../context';
  */
 const Icon = ({ className, textClassName, size, name, status, circled, content, position, markup, stacked, badgeContent, statusPosition, stretched, color, backgroundColor, onClick, align, skeleton, verticalAlign, testId, marginless, ...others }) => {
     const { styled } = useTrilogyContext();
-    const classes = hashClass(styled, clsx('icon', stretched && is('stretched'), size && is(size), stacked && is('stacked'), color && is(`${getColorClassName(color)}`), skeleton && is('loading'), badgeContent && is('stacked'), marginless && is('marginless'), className));
+    const classes = hashClass(styled, clsx("icon", stretched && is("stretched"), size && is(size), stacked && is("stacked"), color &&
+        is(`${getColorClassName(color)}`), skeleton && is("loading"), badgeContent && is("stacked"), marginless && is("marginless"), className));
     // TextIcon uses className instead of classes, verticalAlignment only affect TextIcon
     className = clsx(content && verticalAlign && is(`${getAlignClassName(verticalAlign)}`), className);
-    const alignClasses = hashClass(styled, clsx((align && getAlignClassName(align) === 'aligned-start' && has('text-left')) ||
-        (getAlignClassName(align) === 'aligned-center' && has('text-centered')) ||
-        (getAlignClassName(align) === 'aligned-end' && has('text-right'))));
+    const alignClasses = hashClass(styled, clsx((align &&
+        getAlignClassName(align) === "aligned-start" &&
+        has("text-left")) ||
+        (getAlignClassName(align) === "aligned-center" &&
+            has("text-centered")) ||
+        (getAlignClassName(align) === "aligned-end" && has("text-right"))));
     // circled icons
     if (circled || (circled && status)) {
         if (align) {
@@ -70,14 +74,14 @@ const Icon = ({ className, textClassName, size, name, status, circled, content,
             return (React.createElement("div", { className: alignClasses },
                 React.createElement("span", { onClick: onClick && onClick, className: classes, ...others },
                     React.createElement("i", { className: hashClass(styled, clsx(name)), "aria-hidden": 'true' }),
-                    React.createElement("span", { className: hashClass(styled, clsx('badge', is('up'))) }, badgeContent)),
-                content && React.createElement("span", { className: hashClass(styled, clsx(textClassName)) }, content)));
+                    React.createElement("span", { className: hashClass(styled, clsx("badge", is("up"))) }, badgeContent)),
+                content && (React.createElement("span", { className: hashClass(styled, clsx(textClassName)) }, content))));
         }
         return (React.createElement(React.Fragment, null,
             React.createElement("span", { onClick: onClick && onClick, className: classes, ...others },
                 React.createElement("i", { className: hashClass(styled, clsx(name)), "aria-hidden": 'true' }),
-                React.createElement("span", { className: hashClass(styled, clsx('badge', is('up'))) }, badgeContent)),
-            content && React.createElement("span", { className: hashClass(styled, clsx(textClassName)) }, content)));
+                React.createElement("span", { className: hashClass(styled, clsx("badge", is("up"))) }, badgeContent)),
+            content && (React.createElement("span", { className: hashClass(styled, clsx(textClassName)) }, content))));
     }
     // Stretched icon
     if (stretched) {

package/lib/components/icon/Icon.js.map

@@ -1 +1 @@
-{"version":3,"file":"Icon.js","sourceRoot":"","sources":["../../../components/icon/Icon.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"Icon.js","sourceRoot":"","sources":["../../../components/icon/Icon.tsx"],"names":[],"mappings":"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"}

package/lib/components/icon/Icon.native.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
-import { IconProps } from './IconProps';
-import { ComponentName } from '../enumsComponentsName';
+import { IconProps } from "./IconProps";
+import { ComponentName } from "../enumsComponentsName";
 /**
  * Icon Component
  * @param size Size of Icon

package/lib/components/icon/Icon.native.js

@@ -1,15 +1,15 @@
-import React, { useContext } from 'react';
-import { View, StyleSheet, Platform, TouchableOpacity } from 'react-native';
-import { WithLocalSvg } from 'react-native-svg/css';
-import ContentLoader, { Circle } from 'react-content-loader/native';
-import { IconSize } from './IconEnum';
-import CircleIcon from './circle/CircleIcon.native';
-import StatusIcon from './status/StatusIcon.native';
-import TextIcon from './text/TextIcon.native';
-import { getAlignStyle } from '../../objects/facets/Alignable';
-import { getColorStyle, TrilogyColor } from '../../objects/facets/Color';
-import { ComponentName } from '../enumsComponentsName';
-import { TrilogyThemeContext } from '../../context/providerTheme.native';
+import React, { useContext } from "react";
+import { Platform, StyleSheet, TouchableOpacity, View } from "react-native";
+import { WithLocalSvg } from "react-native-svg/css";
+import ContentLoader, { Circle } from "react-content-loader/native";
+import { IconSize } from "./IconEnum";
+import CircleIcon from "./circle/CircleIcon.native";
+import StatusIcon from "./status/StatusIcon.native";
+import TextIcon from "./text/TextIcon.native";
+import { getAlignStyle } from "../../objects/facets/Alignable";
+import { getColorStyle, TrilogyColor, } from "../../objects/facets/Color";
+import { ComponentName } from "../enumsComponentsName";
+import { TrilogyThemeContext } from "../../context/providerTheme.native";
 /**
  * Icon Component
  * @param size Size of Icon
@@ -37,7 +37,9 @@ const Icon = ({ size, name, status, circled, content, position, stacked, badgeCo
         (size === IconSize.SMALL && 20) ||
         (size === IconSize.SMALLER && 16) ||
         20;
-    const iconColor = (color && getColorStyle(color)) || (status && getColorStyle(status)) || getColorStyle(TrilogyColor.TERTIARY);
+    const iconColor = (color && getColorStyle(color)) ||
+        (status && getColorStyle(status)) ||
+        getColorStyle(TrilogyColor.MAIN);
     const iconSkeletonRadius = (size === IconSize.HUGE && 50) ||
         (size === IconSize.LARGE && 35) ||
         (size === IconSize.MEDIUM && 25) ||
@@ -55,36 +57,40 @@ const Icon = ({ size, name, status, circled, content, position, stacked, badgeCo
             alignSelf: getAlignStyle(align),
         },
         iconCircled: {
-            alignSelf: 'center',
-            justifyContent: 'center',
-            alignItems: 'center',
+            alignSelf: "center",
+            justifyContent: "center",
+            alignItems: "center",
         },
         icon: {
-            transform: Platform.OS === 'ios' ? (stretched && [{ skewX: '20deg' }]) || [{ skewX: '0deg' }] : [],
+            transform: Platform.OS === "ios"
+                ? (stretched && [{ skewX: "20deg" }]) || [{ skewX: "0deg" }]
+                : [],
         },
         stretched: {
-            justifyContent: 'center',
-            alignItems: 'center',
+            justifyContent: "center",
+            alignItems: "center",
             width: circledWidth + 15,
             height: circledWidth,
             backgroundColor: iconColor,
             borderTopRightRadius: 10,
-            transform: Platform.OS === 'ios' ? (stretched && [{ skewX: '-20deg' }]) || [{ skewX: '0deg' }] : [],
+            transform: Platform.OS === "ios"
+                ? (stretched && [{ skewX: "-20deg" }]) || [{ skewX: "0deg" }]
+                : [],
         },
         skeleton: {
             width: circledWidth,
             height: circledWidth,
             borderRadius: iconSkeletonRadius,
-            backgroundColor: getColorStyle(TrilogyColor.GREY_LIGHTER),
-            overflow: 'hidden',
+            backgroundColor: getColorStyle(TrilogyColor.NEUTRAL_LIGHT),
+            overflow: "hidden",
         },
     });
     const IconSkeleton = () => (React.createElement(ContentLoader, { style: styles.skeleton, ...others },
         React.createElement(View, { style: { opacity: 0 } }),
-        Platform.OS === 'android' && (React.createElement(View, null, (size === IconSize.HUGE && React.createElement(Circle, { cx: '50', cy: '50', r: '50' })) ||
+        Platform.OS === "android" && (React.createElement(View, null, (size === IconSize.HUGE && React.createElement(Circle, { cx: '50', cy: '50', r: '50' })) ||
             (size === IconSize.LARGE && React.createElement(Circle, { cx: '33', cy: '33', r: '33' })) ||
             (size === IconSize.MEDIUM && React.createElement(Circle, { cx: '23', cy: '23', r: '23' })) ||
-            (size === IconSize.SMALL && React.createElement(Circle, { cx: '15', cy: '15', r: '15' })) || React.createElement(Circle, { cx: '15', cy: '15', r: '15' })))));
+            (size === IconSize.SMALL && React.createElement(Circle, { cx: '15', cy: '15', r: '15' })) || (React.createElement(Circle, { cx: '15', cy: '15', r: '15' }))))));
     if (skeleton) {
         return React.createElement(IconSkeleton, null);
     }
@@ -92,7 +98,7 @@ const Icon = ({ size, name, status, circled, content, position, stacked, badgeCo
     if (name && icons) {
         if (stretched && !circled) {
             iconView = (React.createElement(View, { style: styles.stretched },
-                React.createElement(WithLocalSvg, { style: [styles.iconCircled, styles.icon], asset: icons[name.toString().replace('tri-picto-', '').replace('tri-', '')], width: defaultSize, height: defaultSize, color: getColorStyle(TrilogyColor.WHITE) })));
+                React.createElement(WithLocalSvg, { style: [styles.iconCircled, styles.icon], asset: icons[name.toString().replace("tri-picto-", "").replace("tri-", "")], width: defaultSize, height: defaultSize, color: getColorStyle(TrilogyColor.WHITE) })));
         } /* status icon */
         else if (status && !circled && !stretched) {
             // TODO: fix status icon
@@ -106,11 +112,11 @@ const Icon = ({ size, name, status, circled, content, position, stacked, badgeCo
         }
         else {
             iconView = (React.createElement(View, { ...others },
-                React.createElement(WithLocalSvg, { style: [styles.icon, style], asset: icons[name.toString().replace('tri-picto-', '').replace('tri-', '')], width: defaultSize, height: defaultSize, color: iconColor })));
+                React.createElement(WithLocalSvg, { style: [styles.icon, style], asset: icons[name.toString().replace("tri-picto-", "").replace("tri-", "")], width: defaultSize, height: defaultSize, color: iconColor })));
         }
     }
     return onClick ? (React.createElement(View, { style: styles.rootView, testID: testId },
-        React.createElement(TouchableOpacity, { style: { width: '100%' }, onPress: onClick, activeOpacity: 0.85 }, iconView))) : (React.createElement(View, { style: styles.rootView, testID: testId }, iconView));
+        React.createElement(TouchableOpacity, { style: { width: "100%" }, onPress: onClick, activeOpacity: 0.85 }, iconView))) : (React.createElement(View, { style: styles.rootView, testID: testId }, iconView));
 };
 Icon.displayName = ComponentName.Icon;
 export default Icon;

package/lib/components/icon/Icon.native.js.map

@@ -1 +1 @@
-{"version":3,"file":"Icon.native.js","sourceRoot":"","sources":["../../../components/icon/Icon.native.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"Icon.native.js","sourceRoot":"","sources":["../../../components/icon/Icon.native.tsx"],"names":[],"mappings":"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"}

package/lib/components/icon/IconEnum.d.ts

@@ -19,11 +19,8 @@ export declare enum IconStatus {
     SUCCESS = "success",
     ERROR = "error",
     WARNING = "warning",
-    TERTIARY = "tertiary",
-    PRIMARY = "primary",
     INFO = "info",
-    WHITE = "white",
-    GREY = "grey"
+    WHITE = "white"
 }
 /**
  * Icon Status values
@@ -37,10 +34,10 @@ export declare enum IconColor {
     ERROR = "ERROR",
     INFO = "INFO",
     WARNING = "WARNING",
-    TERTIARY = "TERTIARY",
+    MAIN = "MAIN",
     WHITE = "WHITE",
-    GREY = "GREY",
-    PRIMARY = "PRIMARY"
+    ACCENT = "ACCENT",
+    NEUTRAL = "NEUTRAL"
 }
 /**
  * Icon Color values

package/lib/components/icon/IconEnum.js

@@ -17,11 +17,8 @@ export var IconStatus;
     IconStatus["SUCCESS"] = "success";
     IconStatus["ERROR"] = "error";
     IconStatus["WARNING"] = "warning";
-    IconStatus["TERTIARY"] = "tertiary";
-    IconStatus["PRIMARY"] = "primary";
     IconStatus["INFO"] = "info";
     IconStatus["WHITE"] = "white";
-    IconStatus["GREY"] = "grey";
 })(IconStatus || (IconStatus = {}));
 /**
  * Icon Color
@@ -32,10 +29,10 @@ export var IconColor;
     IconColor["ERROR"] = "ERROR";
     IconColor["INFO"] = "INFO";
     IconColor["WARNING"] = "WARNING";
-    IconColor["TERTIARY"] = "TERTIARY";
+    IconColor["MAIN"] = "MAIN";
     IconColor["WHITE"] = "WHITE";
-    IconColor["GREY"] = "GREY";
-    IconColor["PRIMARY"] = "PRIMARY";
+    IconColor["ACCENT"] = "ACCENT";
+    IconColor["NEUTRAL"] = "NEUTRAL";
 })(IconColor || (IconColor = {}));
 /**
  * Text Icon Direction

package/lib/components/icon/IconEnum.js.map

@@ -1 +1 @@
-{"version":3,"file":"IconEnum.js","sourceRoot":"","sources":["../../../components/icon/IconEnum.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,MAAM,CAAN,IAAY,QAMX;AAND,WAAY,QAAQ;IAClB,2BAAe,CAAA;IACf,6BAAiB,CAAA;IACjB,2BAAe,CAAA;IACf,yBAAa,CAAA;IACb,+BAAmB,CAAA;AACrB,CAAC,EANW,QAAQ,KAAR,QAAQ,QAMnB;AAOD;;GAEG;AACH,MAAM,CAAN,IAAY,UASX;AATD,WAAY,UAAU;IACpB,iCAAmB,CAAA;IACnB,6BAAe,CAAA;IACf,iCAAmB,CAAA;IACnB,mCAAqB,CAAA;IACrB,iCAAmB,CAAA;IACnB,2BAAa,CAAA;IACb,6BAAe,CAAA;IACf,2BAAa,CAAA;AACf,CAAC,EATW,UAAU,KAAV,UAAU,QASrB;AAOD;;GAEG;AACH,MAAM,CAAN,IAAY,SASX;AATD,WAAY,SAAS;IACnB,gCAAmB,CAAA;IACnB,4BAAe,CAAA;IACf,0BAAa,CAAA;IACb,gCAAmB,CAAA;IACnB,kCAAqB,CAAA;IACrB,4BAAe,CAAA;IACf,0BAAa,CAAA;IACb,gCAAmB,CAAA;AACrB,CAAC,EATW,SAAS,KAAT,SAAS,QASpB;AAOD;;GAEG;AAEH,MAAM,CAAN,IAAY,YAKX;AALD,WAAY,YAAY;IACtB,yBAAS,CAAA;IACT,6BAAa,CAAA;IACb,6BAAa,CAAA;IACb,+BAAe,CAAA;AACjB,CAAC,EALW,YAAY,KAAZ,YAAY,QAKvB;AAOD,MAAM,CAAN,IAAY,cAKX;AALD,WAAY,cAAc;IACxB,6BAAW,CAAA;IACX,yBAAO,CAAA;IACP,yBAAO,CAAA;IACP,+BAAa,CAAA;AACf,CAAC,EALW,cAAc,KAAd,cAAc,QAKzB;AAID,MAAM,CAAN,IAAY,kBAGX;AAHD,WAAY,kBAAkB;IAC5B,iCAAW,CAAA;IACX,uCAAiB,CAAA;AACnB,CAAC,EAHW,kBAAkB,KAAlB,kBAAkB,QAG7B"}
+{"version":3,"file":"IconEnum.js","sourceRoot":"","sources":["../../../components/icon/IconEnum.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,MAAM,CAAN,IAAY,QAMX;AAND,WAAY,QAAQ;IAClB,2BAAe,CAAA;IACf,6BAAiB,CAAA;IACjB,2BAAe,CAAA;IACf,yBAAa,CAAA;IACb,+BAAmB,CAAA;AACrB,CAAC,EANW,QAAQ,KAAR,QAAQ,QAMnB;AAOD;;GAEG;AACH,MAAM,CAAN,IAAY,UAMX;AAND,WAAY,UAAU;IACpB,iCAAmB,CAAA;IACnB,6BAAe,CAAA;IACf,iCAAmB,CAAA;IACnB,2BAAa,CAAA;IACb,6BAAe,CAAA;AACjB,CAAC,EANW,UAAU,KAAV,UAAU,QAMrB;AAOD;;GAEG;AACH,MAAM,CAAN,IAAY,SASX;AATD,WAAY,SAAS;IACnB,gCAAmB,CAAA;IACnB,4BAAe,CAAA;IACf,0BAAa,CAAA;IACb,gCAAmB,CAAA;IACnB,0BAAa,CAAA;IACb,4BAAe,CAAA;IACf,8BAAiB,CAAA;IACjB,gCAAmB,CAAA;AACrB,CAAC,EATW,SAAS,KAAT,SAAS,QASpB;AAOD;;GAEG;AAEH,MAAM,CAAN,IAAY,YAKX;AALD,WAAY,YAAY;IACtB,yBAAS,CAAA;IACT,6BAAa,CAAA;IACb,6BAAa,CAAA;IACb,+BAAe,CAAA;AACjB,CAAC,EALW,YAAY,KAAZ,YAAY,QAKvB;AAOD,MAAM,CAAN,IAAY,cAKX;AALD,WAAY,cAAc;IACxB,6BAAW,CAAA;IACX,yBAAO,CAAA;IACP,yBAAO,CAAA;IACP,+BAAa,CAAA;AACf,CAAC,EALW,cAAc,KAAd,cAAc,QAKzB;AAID,MAAM,CAAN,IAAY,kBAGX;AAHD,WAAY,kBAAkB;IAC5B,iCAAW,CAAA;IACX,uCAAiB,CAAA;AACnB,CAAC,EAHW,kBAAkB,KAAlB,kBAAkB,QAG7B"}

package/lib/components/icon/IconNameEnum.d.ts

@@ -13,6 +13,7 @@ export declare enum IconName {
     INFOS_CIRCLE = "tri-infos-circle",
     SEARCH = "tri-search",
     TIMES = "tri-times",
+    TIMES_CIRCLE = "tri-times",
     TRASH = "tri-trash",
     PICTO_FACILITI = "tri-picto-faciliti",
     PICTO_HANDICAPZERO = "tri-picto-handicapzero",

package/lib/components/icon/IconNameEnum.js

@@ -14,6 +14,7 @@ export var IconName;
     IconName["INFOS_CIRCLE"] = "tri-infos-circle";
     IconName["SEARCH"] = "tri-search";
     IconName["TIMES"] = "tri-times";
+    IconName["TIMES_CIRCLE"] = "tri-times";
     IconName["TRASH"] = "tri-trash";
     IconName["PICTO_FACILITI"] = "tri-picto-faciliti";
     IconName["PICTO_HANDICAPZERO"] = "tri-picto-handicapzero";

package/lib/components/icon/IconNameEnum.js.map

@@ -1 +1 @@
-{"version":3,"file":"IconNameEnum.js","sourceRoot":"","sources":["../../../components/icon/IconNameEnum.ts"],"names":[],"mappings":"AAAA,MAAM,CAAN,IAAY,QAwBX;AAxBD,WAAY,QAAQ;IAClB,+BAAmB,CAAA;IACnB,yCAA6B,CAAA;IAC7B,yCAA6B,CAAA;IAC7B,2CAA+B,CAAA;IAC/B,qCAAyB,CAAA;IACzB,6BAAiB,CAAA;IACjB,6CAAiC,CAAA;IACjC,+BAAmB,CAAA;IACnB,yDAA6C,CAAA;IAC7C,uCAA2B,CAAA;IAC3B,2BAAe,CAAA;IACf,6CAAiC,CAAA;IACjC,iCAAqB,CAAA;IACrB,+BAAmB,CAAA;IACnB,+BAAmB,CAAA;IACnB,iDAAqC,CAAA;IACrC,yDAA6C,CAAA;IAC7C,iDAAqC,CAAA;IACrC,+EAAmE,CAAA;IACnE,qDAAyC,CAAA;IACzC,qEAAyD,CAAA;IACzD,6DAAiD,CAAA;IACjD,yDAA6C,CAAA;AAC/C,CAAC,EAxBW,QAAQ,KAAR,QAAQ,QAwBnB"}
+{"version":3,"file":"IconNameEnum.js","sourceRoot":"","sources":["../../../components/icon/IconNameEnum.ts"],"names":[],"mappings":"AAAA,MAAM,CAAN,IAAY,QAyBX;AAzBD,WAAY,QAAQ;IAClB,+BAAmB,CAAA;IACnB,yCAA6B,CAAA;IAC7B,yCAA6B,CAAA;IAC7B,2CAA+B,CAAA;IAC/B,qCAAyB,CAAA;IACzB,6BAAiB,CAAA;IACjB,6CAAiC,CAAA;IACjC,+BAAmB,CAAA;IACnB,yDAA6C,CAAA;IAC7C,uCAA2B,CAAA;IAC3B,2BAAe,CAAA;IACf,6CAAiC,CAAA;IACjC,iCAAqB,CAAA;IACrB,+BAAmB,CAAA;IACnB,sCAA0B,CAAA;IAC1B,+BAAmB,CAAA;IACnB,iDAAqC,CAAA;IACrC,yDAA6C,CAAA;IAC7C,iDAAqC,CAAA;IACrC,+EAAmE,CAAA;IACnE,qDAAyC,CAAA;IACzC,qEAAyD,CAAA;IACzD,6DAAiD,CAAA;IACjD,yDAA6C,CAAA;AAC/C,CAAC,EAzBW,QAAQ,KAAR,QAAQ,QAyBnB"}

package/lib/components/icon/circle/CircleIcon.d.ts

@@ -1,4 +1,4 @@
 /// <reference types="react" />
-import { IconProps } from '../IconProps';
-declare const CircleIcon: ({ className, name, status, size, color, backgroundColor, testId }: IconProps) => JSX.Element;
+import { IconProps } from "../IconProps";
+declare const CircleIcon: ({ className, name, status, size, color, backgroundColor, testId, }: IconProps) => JSX.Element;
 export default CircleIcon;

package/lib/components/icon/circle/CircleIcon.js

@@ -1,16 +1,16 @@
-import React from 'react';
-import { IconStatus } from '../IconEnum';
-import { getStatusBackground, has, is } from '../../../services/index';
-import { getBackgroundClassName, getTextClassName, TrilogyColor } from '../../../objects';
-import clsx from 'clsx';
-import { hashClass } from '../../../helpers';
-import { useTrilogyContext } from '../../../context';
-const CircleIcon = ({ className, name, status, size, color, backgroundColor, testId }) => {
+import * as React from "react";
+import { IconStatus } from "../IconEnum";
+import { getStatusBackground, has, is } from "../../../services/index";
+import { getBackgroundClassName, getTextClassName, TrilogyColor, } from "../../../objects";
+import clsx from "clsx";
+import { hashClass } from "../../../helpers";
+import { useTrilogyContext } from "../../../context";
+const CircleIcon = ({ className, name, status, size, color, backgroundColor, testId, }) => {
     const { styled } = useTrilogyContext();
     const background = (backgroundColor && has(getBackgroundClassName(backgroundColor))) ||
-        getStatusBackground(status || '', IconStatus.TERTIARY) ||
-        has(getBackgroundClassName(TrilogyColor.TERTIARY));
-    const classes = hashClass(styled, clsx('icon', color ? has(getTextClassName(color)) : has('text-white'), color ? is(color) : is(TrilogyColor.WHITE), [is(`${size}`)], is('circled'), background, className));
+        getStatusBackground(status || "", IconStatus.INFO) ||
+        has(getBackgroundClassName(TrilogyColor.MAIN));
+    const classes = hashClass(styled, clsx("icon", color ? has(getTextClassName(color)) : has("text-white"), color ? is(color) : is(TrilogyColor.WHITE), [is(`${size}`)], is("circled"), background, className));
     const circledIconClasses = hashClass(styled, clsx(name));
     return (React.createElement("span", { className: classes, "data-testid": testId },
         React.createElement("i", { className: circledIconClasses })));

package/lib/components/icon/circle/CircleIcon.js.map

@@ -1 +1 @@
-{"version":3,"file":"CircleIcon.js","sourceRoot":"","sources":["../../../../components/icon/circle/CircleIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,EAAE,UAAU,EAAE,MAAM,aAAa,CAAA;AACxC,OAAO,EAAE,mBAAmB,EAAE,GAAG,EAAE,EAAE,EAAE,MAAM,yBAAyB,CAAA;AACtE,OAAO,EAAE,sBAAsB,EAAE,gBAAgB,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAA;AACzF,OAAO,IAAI,MAAM,MAAM,CAAA;AACvB,OAAO,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAA;AAC5C,OAAO,EAAE,iBAAiB,EAAE,MAAM,kBAAkB,CAAA;AAEpD,MAAM,UAAU,GAAG,CAAC,EAAE,SAAS,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,KAAK,EAAE,eAAe,EAAE,MAAM,EAAa,EAAe,EAAE;IAC/G,MAAM,EAAE,MAAM,EAAE,GAAG,iBAAiB,EAAE,CAAA;IAEtC,MAAM,UAAU,GACd,CAAC,eAAe,IAAI,GAAG,CAAC,sBAAsB,CAAC,eAAe,CAAC,CAAC,CAAC;QACjE,mBAAmB,CAAC,MAAM,IAAI,EAAE,EAAE,UAAU,CAAC,QAAQ,CAAC;QACtD,GAAG,CAAC,sBAAsB,CAAC,YAAY,CAAC,QAAQ,CAAC,CAAC,CAAA;IAEpD,MAAM,OAAO,GAAG,SAAS,CACvB,MAAM,EACN,IAAI,CACF,MAAM,EACN,KAAK,CAAC,CAAC,CAAC,GAAG,CAAC,gBAAgB,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,YAAY,CAAC,EACxD,KAAK,CAAC,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,YAAY,CAAC,KAAK,CAAC,EAC1C,CAAC,EAAE,CAAC,GAAG,IAAI,EAAE,CAAC,CAAC,EACf,EAAE,CAAC,SAAS,CAAC,EACb,UAAU,EACV,SAAS,CACV,CACF,CAAA;IAED,MAAM,kBAAkB,GAAG,SAAS,CAAC,MAAM,EAAE,IAAI,CAAC,IAAI,CAAC,CAAC,CAAA;IAExD,OAAO,CACL,8BAAM,SAAS,EAAE,OAAO,iBAAe,MAAM;QAC3C,2BAAG,SAAS,EAAE,kBAAkB,GAAI,CAC/B,CACR,CAAA;AACH,CAAC,CAAA;AAED,eAAe,UAAU,CAAA"}
+{"version":3,"file":"CircleIcon.js","sourceRoot":"","sources":["../../../../components/icon/circle/CircleIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,EAAE,UAAU,EAAE,MAAM,aAAa,CAAA;AACxC,OAAO,EAAE,mBAAmB,EAAE,GAAG,EAAE,EAAE,EAAE,MAAM,yBAAyB,CAAA;AACtE,OAAO,EACL,sBAAsB,EACtB,gBAAgB,EAChB,YAAY,GACb,MAAM,kBAAkB,CAAA;AACzB,OAAO,IAAI,MAAM,MAAM,CAAA;AACvB,OAAO,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAA;AAC5C,OAAO,EAAE,iBAAiB,EAAE,MAAM,kBAAkB,CAAA;AAEpD,MAAM,UAAU,GAAG,CAAC,EAClB,SAAS,EACT,IAAI,EACJ,MAAM,EACN,IAAI,EACJ,KAAK,EACL,eAAe,EACf,MAAM,GACI,EAAe,EAAE;IAC3B,MAAM,EAAE,MAAM,EAAE,GAAG,iBAAiB,EAAE,CAAA;IAEtC,MAAM,UAAU,GACd,CAAC,eAAe,IAAI,GAAG,CAAC,sBAAsB,CAAC,eAAe,CAAC,CAAC,CAAC;QACjE,mBAAmB,CAAC,MAAM,IAAI,EAAE,EAAE,UAAU,CAAC,IAAI,CAAC;QAClD,GAAG,CAAC,sBAAsB,CAAC,YAAY,CAAC,IAAI,CAAC,CAAC,CAAA;IAEhD,MAAM,OAAO,GAAG,SAAS,CACvB,MAAM,EACN,IAAI,CACF,MAAM,EACN,KAAK,CAAC,CAAC,CAAC,GAAG,CAAC,gBAAgB,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,YAAY,CAAC,EACxD,KAAK,CAAC,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,YAAY,CAAC,KAAK,CAAC,EAC1C,CAAC,EAAE,CAAC,GAAG,IAAI,EAAE,CAAC,CAAC,EACf,EAAE,CAAC,SAAS,CAAC,EACb,UAAU,EACV,SAAS,CACV,CACF,CAAA;IAED,MAAM,kBAAkB,GAAG,SAAS,CAAC,MAAM,EAAE,IAAI,CAAC,IAAI,CAAC,CAAC,CAAA;IAExD,OAAO,CACL,8BAAM,SAAS,EAAE,OAAO,iBAAe,MAAM;QAC3C,2BAAG,SAAS,EAAE,kBAAkB,GAAI,CAC/B,CACR,CAAA;AACH,CAAC,CAAA;AAED,eAAe,UAAU,CAAA"}

package/lib/components/icon/circle/CircleIcon.native.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
-import { CircleIconProps } from './CircleIconProps';
-import { ComponentName } from '../../enumsComponentsName';
+import { CircleIconProps } from "./CircleIconProps";
+import { ComponentName } from "../../enumsComponentsName";
 declare const CircleIcon: {
     ({ name, size, color, backgroundColor, content, circledWidth, position, stacked, }: CircleIconProps): JSX.Element;
     displayName: ComponentName;

package/lib/components/icon/circle/CircleIcon.native.js

@@ -1,10 +1,10 @@
-import React, { useContext } from 'react';
-import { View, StyleSheet } from 'react-native';
-import { IconPosition } from '../IconEnum';
-import { Text, TextLevels } from '../../text';
-import { getColorStyle, TrilogyColor } from '../../../objects/facets/Color';
-import { WithLocalSvg } from 'react-native-svg/css';
-import { ComponentName } from '../../enumsComponentsName';
+import React, { useContext } from "react";
+import { StyleSheet, View } from "react-native";
+import { IconPosition } from "../IconEnum";
+import { Text, TextLevels } from "../../text";
+import { getColorStyle, TrilogyColor, } from "../../../objects/facets/Color";
+import { WithLocalSvg } from "react-native-svg/css";
+import { ComponentName } from "../../enumsComponentsName";
 import { TrilogyThemeContext } from "../../../context/providerTheme.native";
 const CircleIcon = ({ name, size, color, backgroundColor, content, circledWidth, position, stacked, }) => {
     const { theme: { icons }, } = useContext(TrilogyThemeContext);
@@ -12,29 +12,33 @@ const CircleIcon = ({ name, size, color, backgroundColor, content, circledWidth,
         circled: {
             width: circledWidth,
             height: circledWidth,
-            backgroundColor: getColorStyle(backgroundColor) || getColorStyle(TrilogyColor.TERTIARY),
+            backgroundColor: backgroundColor
+                ? getColorStyle(backgroundColor)
+                : "transparent",
             borderRadius: circledWidth,
-            justifyContent: 'center',
-            alignItems: 'center',
+            justifyContent: "center",
+            alignItems: "center",
             margin: 4,
-            shadowColor: 'rgba(0,0,0,.1)',
+            shadowColor: "rgba(0,0,0,.1)",
             shadowOffset: { width: 0, height: 1 },
             shadowOpacity: 0.8,
             shadowRadius: 2,
             elevation: 5,
         },
         iconCircled: {
-            alignSelf: 'center',
-            justifyContent: 'center',
-            alignItems: 'center',
+            alignSelf: "center",
+            justifyContent: "center",
+            alignItems: "center",
         },
         contentContainer: {
-            alignItems: 'center',
-            flexDirection: (position === IconPosition.DOWN && 'column') || (position === IconPosition.UP && 'column-reverse') || 'row',
+            alignItems: "center",
+            flexDirection: (position === IconPosition.DOWN && "column") ||
+                (position === IconPosition.UP && "column-reverse") ||
+                "row",
         },
         text: {
             maxWidth: circledWidth + 32,
-            textAlign: 'center',
+            textAlign: "center",
             color: color || getColorStyle(TrilogyColor.WHITE),
         },
         spaceTextCircledV: {
@@ -57,7 +61,7 @@ const CircleIcon = ({ name, size, color, backgroundColor, content, circledWidth,
         (position === IconPosition.UP || stacked) && content && (React.createElement(React.Fragment, null,
             React.createElement(Text, { style: styles.text, level: TextLevels.TWO }, content),
             React.createElement(View, { style: styles.spaceTextCircledV }))),
-        React.createElement(View, { style: styles.circled }, icons && (React.createElement(WithLocalSvg, { style: styles.iconCircled, asset: icons[name.toString().replace('tri-picto-', '').replace('tri-', '')], width: size, height: size, color: color || getColorStyle(TrilogyColor.WHITE) }))),
+        React.createElement(View, { style: styles.circled }, icons && (React.createElement(WithLocalSvg, { style: styles.iconCircled, asset: icons[name.toString().replace("tri-picto-", "").replace("tri-", "")], width: size, height: size, color: color || getColorStyle(TrilogyColor.WHITE) }))),
         position === IconPosition.LEFT && content && (React.createElement(React.Fragment, null,
             React.createElement(View, { style: styles.spaceTextCircledH }),
             React.createElement(Text, { style: styles.text, level: TextLevels.TWO }, content)))));