@trilogy-ds/react 0.0.5-beta-v4 → 0.0.5-esm-cjs

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

@@ -0,0 +1,21 @@
+import * as React from 'react';
+import { IconProps } from './IconProps';
+/**
+ * Icon Component
+ * @param size Size of Icon
+ * @param name IconName
+ * @param status SUCCESS|ERROR If CircleIcon or not
+ * @param circled true-false if CircleIcon
+ * @param content If TextIcon use it for text
+ * @param badgeContent {string} Icon with bage content
+ * @param stretched {boolean} Stretched icon
+ * @param color {IconColor} Custom Icon Color
+ * @param backgroundColor {TrilogyColor} Custom Background color only if circled
+ * @param onClick {Function} onClick Event Icon
+ * @param skeleton {boolean} Icon Skeleton
+ * - -------------------------- WEB PROPERTIES -------------------------------
+ * @param className Additional css classes
+ * - -------------------------- NATIVE PROPERTIES -------------------------------
+ */
+declare const Icon: React.ForwardRefExoticComponent<IconProps & React.RefAttributes<HTMLSpanElement>>;
+export default Icon;

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

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import * as React from 'react';
 import { IconProps } from './IconProps';
 /**
  * Icon Component
@@ -14,8 +14,8 @@ import { IconProps } from './IconProps';
  * @param onClick {Function} onClick Event Icon
  * @param skeleton {boolean} Icon Skeleton
  * - -------------------------- WEB PROPERTIES -------------------------------
- * @param className Additionnal css classes
+ * @param className Additional css classes
  * - -------------------------- NATIVE PROPERTIES -------------------------------
  */
-declare const Icon: ({ className, id, size, name, circled, stretched, color, backgroundColor, onClick, skeleton, ...others }: IconProps) => JSX.Element;
+declare const Icon: React.ForwardRefExoticComponent<IconProps & React.RefAttributes<HTMLSpanElement>>;
 export default Icon;

package/lib/components/icon/Icon.js

@@ -1,11 +1,12 @@
-import { __assign, __rest } from "tslib";
-import * as React from 'react';
-import clsx from 'clsx';
-import { getColorClassName, TrilogyColor } from '../../objects/facets/Color';
-import { hashClass } from '../../helpers';
-import { useTrilogyContext } from '../../context';
+import { useTrilogyContext } from '../../context/index';
+import { hashClass } from '../../helpers/index';
 import { getBackgroundClassName } from '../../objects/atoms/Background';
-import { has, is } from '../../services';
+import { getColorClassName, TrilogyColor } from '../../objects/facets/Color';
+import { getJustifySelfClassName } from '../../objects/facets/Justifiable';
+import { has, is } from '../../services/classify';
+import clsx from 'clsx';
+import * as React from 'react';
+import { ComponentName } from '../enumsComponentsName';
 /**
  * Icon Component
  * @param size Size of Icon
@@ -20,18 +21,18 @@ import { has, is } from '../../services';
  * @param onClick {Function} onClick Event Icon
  * @param skeleton {boolean} Icon Skeleton
  * - -------------------------- WEB PROPERTIES -------------------------------
- * @param className Additionnal css classes
+ * @param className Additional css classes
  * - -------------------------- NATIVE PROPERTIES -------------------------------
  */
-var Icon = function (_a) {
-    var className = _a.className, id = _a.id, size = _a.size, name = _a.name, circled = _a.circled, stretched = _a.stretched, color = _a.color, backgroundColor = _a.backgroundColor, onClick = _a.onClick, skeleton = _a.skeleton, others = __rest(_a, ["className", "id", "size", "name", "circled", "stretched", "color", "backgroundColor", "onClick", "skeleton"]);
-    var styled = useTrilogyContext().styled;
-    var background = (backgroundColor && has(getBackgroundClassName(backgroundColor))) ||
+const Icon = React.forwardRef(({ className, id, size, name, circled, stretched, color, backgroundColor, onClick, skeleton, align, ...others }, ref) => {
+    const { styled } = useTrilogyContext();
+    const background = (backgroundColor && has(getBackgroundClassName(backgroundColor))) ||
         (circled && has(getBackgroundClassName(TrilogyColor.MAIN))) ||
         '';
-    var classes = hashClass(styled, clsx('icon', stretched && is('stretched'), size && is(size), circled && is('circled'), circled && !color && has('text-white'), color && is("".concat(getColorClassName(color))), skeleton && is('loading'), background, className));
-    return (React.createElement("span", __assign({ id: id, onClick: onClick && onClick, className: classes }, others),
-        React.createElement("i", { className: hashClass(styled, clsx(name)), "aria-hidden": "true" })));
-};
+    const classes = hashClass(styled, clsx('icon', stretched && is('stretched'), size && is(size), circled && is('circled'), circled && !color && has('text-white'), color && is(`${getColorClassName(color)}`), skeleton && is('loading'), align && clsx(is('flex'), is(getJustifySelfClassName(align))), background, className));
+    return (React.createElement("span", { id: id, onClick: onClick && onClick, className: classes, ...others, ref: ref },
+        React.createElement("i", { className: hashClass(styled, clsx(name)), "aria-hidden": 'true' })));
+});
+Icon.displayName = ComponentName.Icon;
 export default Icon;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiSWNvbi5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL2NvbXBvbmVudHMvaWNvbi9JY29uLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxLQUFLLEtBQUssTUFBTSxPQUFPLENBQUE7QUFDOUIsT0FBTyxJQUFJLE1BQU0sTUFBTSxDQUFBO0FBRXZCLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxZQUFZLEVBQXNCLE1BQU0sd0JBQXdCLENBQUE7QUFDNUYsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLFdBQVcsQ0FBQTtBQUNyQyxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxXQUFXLENBQUE7QUFDN0MsT0FBTyxFQUFFLHNCQUFzQixFQUFFLE1BQU0sNEJBQTRCLENBQUE7QUFDbkUsT0FBTyxFQUFFLEdBQUcsRUFBRSxFQUFFLEVBQUUsTUFBTSxZQUFZLENBQUE7QUFFcEM7Ozs7Ozs7Ozs7Ozs7Ozs7R0FnQkc7QUFFSCxJQUFNLElBQUksR0FBRyxVQUFDLEVBWVk7SUFYVixJQUFBLFNBQVMsZUFBQSxFQUNULEVBQUUsUUFBQSxFQUNGLElBQUksVUFBQSxFQUNKLElBQUksVUFBQSxFQUNKLE9BQU8sYUFBQSxFQUNQLFNBQVMsZUFBQSxFQUNULEtBQUssV0FBQSxFQUNMLGVBQWUscUJBQUEsRUFDZixPQUFPLGFBQUEsRUFDUCxRQUFRLGNBQUEsRUFDTCxNQUFNLGNBWFgsOEdBWUMsQ0FEVTtJQUVmLElBQUEsTUFBTSxHQUFLLGlCQUFpQixFQUFFLE9BQXhCLENBQXdCO0lBRXRDLElBQU0sVUFBVSxHQUNkLENBQUMsZUFBZSxJQUFJLEdBQUcsQ0FBQyxzQkFBc0IsQ0FBQyxlQUFlLENBQUMsQ0FBQyxDQUFDO1FBQ2pFLENBQUMsT0FBTyxJQUFJLEdBQUcsQ0FBQyxzQkFBc0IsQ0FBQyxZQUFZLENBQUMsSUFBSSxDQUFDLENBQUMsQ0FBQztRQUMzRCxFQUFFLENBQUE7SUFFSixJQUFNLE9BQU8sR0FBRyxTQUFTLENBQ3ZCLE1BQU0sRUFDTixJQUFJLENBQ0YsTUFBTSxFQUNOLFNBQVMsSUFBSSxFQUFFLENBQUMsV0FBVyxDQUFDLEVBQzVCLElBQUksSUFBSSxFQUFFLENBQUMsSUFBSSxDQUFDLEVBQ2hCLE9BQU8sSUFBSSxFQUFFLENBQUMsU0FBUyxDQUFDLEVBQ3hCLE9BQU8sSUFBSSxDQUFDLEtBQUssSUFBSSxHQUFHLENBQUMsWUFBWSxDQUFDLEVBQ3RDLEtBQUssSUFBSSxFQUFFLENBQUMsVUFBRyxpQkFBaUIsQ0FBQyxLQUEwQyxDQUFDLENBQUUsQ0FBQyxFQUMvRSxRQUFRLElBQUksRUFBRSxDQUFDLFNBQVMsQ0FBQyxFQUN6QixVQUFVLEVBQ1YsU0FBUyxDQUNWLENBQ0YsQ0FBQTtJQUVELE9BQU8sQ0FDTCx1Q0FBTSxFQUFFLEVBQUUsRUFBRSxFQUFFLE9BQU8sRUFBRSxPQUFPLElBQUksT0FBTyxFQUFFLFNBQVMsRUFBRSxPQUFPLElBQU0sTUFBTTtRQUN2RSwyQkFBRyxTQUFTLEVBQUUsU0FBUyxDQUFDLE1BQU0sRUFBRSxJQUFJLENBQUMsSUFBSSxDQUFDLENBQUMsaUJBQWMsTUFBTSxHQUFHLENBQzdELENBQ1IsQ0FBQTtBQUNILENBQUMsQ0FBQTtBQUVELGVBQWUsSUFBSSxDQUFBIn0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiSWNvbi5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL2NvbXBvbmVudHMvaWNvbi9JY29uLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQTtBQUNuRCxPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0saUJBQWlCLENBQUE7QUFDM0MsT0FBTyxFQUFFLHNCQUFzQixFQUFFLE1BQU0sNEJBQTRCLENBQUE7QUFDbkUsT0FBTyxFQUFFLGlCQUFpQixFQUFFLFlBQVksRUFBc0IsTUFBTSx3QkFBd0IsQ0FBQTtBQUM1RixPQUFPLEVBQUUsdUJBQXVCLEVBQUUsTUFBTSw4QkFBOEIsQ0FBQTtBQUN0RSxPQUFPLEVBQUUsR0FBRyxFQUFFLEVBQUUsRUFBRSxNQUFNLHFCQUFxQixDQUFBO0FBQzdDLE9BQU8sSUFBSSxNQUFNLE1BQU0sQ0FBQTtBQUN2QixPQUFPLEtBQUssS0FBSyxNQUFNLE9BQU8sQ0FBQTtBQUM5QixPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sd0JBQXdCLENBQUE7QUFHdEQ7Ozs7Ozs7Ozs7Ozs7Ozs7R0FnQkc7QUFFSCxNQUFNLElBQUksR0FBRyxLQUFLLENBQUMsVUFBVSxDQUMzQixDQUNFLEVBQUUsU0FBUyxFQUFFLEVBQUUsRUFBRSxJQUFJLEVBQUUsSUFBSSxFQUFFLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFFLGVBQWUsRUFBRSxPQUFPLEVBQUUsUUFBUSxFQUFFLEtBQUssRUFBRSxHQUFHLE1BQU0sRUFBRSxFQUM5RyxHQUFHLEVBQ1UsRUFBRTtJQUNmLE1BQU0sRUFBRSxNQUFNLEVBQUUsR0FBRyxpQkFBaUIsRUFBRSxDQUFBO0lBRXRDLE1BQU0sVUFBVSxHQUNkLENBQUMsZUFBZSxJQUFJLEdBQUcsQ0FBQyxzQkFBc0IsQ0FBQyxlQUFlLENBQUMsQ0FBQyxDQUFDO1FBQ2pFLENBQUMsT0FBTyxJQUFJLEdBQUcsQ0FBQyxzQkFBc0IsQ0FBQyxZQUFZLENBQUMsSUFBSSxDQUFDLENBQUMsQ0FBQztRQUMzRCxFQUFFLENBQUE7SUFFSixNQUFNLE9BQU8sR0FBRyxTQUFTLENBQ3ZCLE1BQU0sRUFDTixJQUFJLENBQ0YsTUFBTSxFQUNOLFNBQVMsSUFBSSxFQUFFLENBQUMsV0FBVyxDQUFDLEVBQzVCLElBQUksSUFBSSxFQUFFLENBQUMsSUFBSSxDQUFDLEVBQ2hCLE9BQU8sSUFBSSxFQUFFLENBQUMsU0FBUyxDQUFDLEVBQ3hCLE9BQU8sSUFBSSxDQUFDLEtBQUssSUFBSSxHQUFHLENBQUMsWUFBWSxDQUFDLEVBQ3RDLEtBQUssSUFBSSxFQUFFLENBQUMsR0FBRyxpQkFBaUIsQ0FBQyxLQUEwQyxDQUFDLEVBQUUsQ0FBQyxFQUMvRSxRQUFRLElBQUksRUFBRSxDQUFDLFNBQVMsQ0FBQyxFQUN6QixLQUFLLElBQUksSUFBSSxDQUFDLEVBQUUsQ0FBQyxNQUFNLENBQUMsRUFBRSxFQUFFLENBQUMsdUJBQXVCLENBQUMsS0FBSyxDQUFDLENBQUMsQ0FBQyxFQUM3RCxVQUFVLEVBQ1YsU0FBUyxDQUNWLENBQ0YsQ0FBQTtJQUVELE9BQU8sQ0FDTCw4QkFBTSxFQUFFLEVBQUUsRUFBRSxFQUFFLE9BQU8sRUFBRSxPQUFPLElBQUksT0FBTyxFQUFFLFNBQVMsRUFBRSxPQUFPLEtBQU0sTUFBTSxFQUFFLEdBQUcsRUFBRSxHQUFHO1FBQ2pGLDJCQUFHLFNBQVMsRUFBRSxTQUFTLENBQUMsTUFBTSxFQUFFLElBQUksQ0FBQyxJQUFJLENBQUMsQ0FBQyxpQkFBYyxNQUFNLEdBQUcsQ0FDN0QsQ0FDUixDQUFBO0FBQ0gsQ0FBQyxDQUNGLENBQUE7QUFFRCxJQUFJLENBQUMsV0FBVyxHQUFHLGFBQWEsQ0FBQyxJQUFJLENBQUE7QUFDckMsZUFBZSxJQUFJLENBQUEifQ==

package/lib/components/icon/Icon.mjs

@@ -0,0 +1,19 @@
+import {
+  Icon_default
+} from "../../chunk-KWQHZ3AX.mjs";
+import "../../chunk-RBMXTQBU.mjs";
+import "../../chunk-CNJHYNT2.mjs";
+import "../../chunk-EJ2APB7I.mjs";
+import "../../chunk-SEWWK5HV.mjs";
+import "../../chunk-U3F6V3KT.mjs";
+import "../../chunk-OADZ62IM.mjs";
+import "../../chunk-37LDCDVM.mjs";
+import "../../chunk-UDTBRLJ5.mjs";
+import "../../chunk-HLQ4FCCM.mjs";
+import "../../chunk-XFWJ47MX.mjs";
+import "../../chunk-EJOKG5F4.mjs";
+import "../../chunk-5VN6OIEF.mjs";
+import "../../chunk-OQRDRRQA.mjs";
+export {
+  Icon_default as default
+};

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

@@ -1,15 +1,14 @@
-import { __assign, __rest } from "tslib";
+import { ComponentName } from '../../components/enumsComponentsName';
+import { IconSize } from '../../components/icon/IconEnum';
+import { StatesContext } from '../../context/providerStates';
+import { TrilogyThemeContext } from '../../context/providerTheme/index.native';
+import { isAndroid, isIOS } from '../../helpers/device/index.native';
+import { getAlignStyle } from '../../objects/facets/Alignable';
+import { getColorStyle, TrilogyColor } from '../../objects/facets/Color/index.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 { getAlignStyle } from '../../objects/facets/Alignable';
-import { getColorStyle, TrilogyColor } from '../../objects/facets/Color';
-import { ComponentName } from '../enumsComponentsName';
-import { TrilogyThemeContext } from '../../context/providerTheme.native';
-import { StatesContext } from '../../context/providerStates';
-import Text from '../../components/text/Text.native';
+import { StyleSheet, TouchableOpacity, View } from 'react-native';
+import { WithLocalSvg } from 'react-native-svg/css';
 /**
  * Icon Component
  * @param size Size of Icon
@@ -27,34 +26,33 @@ import Text from '../../components/text/Text.native';
  * @param align { Alignable | AlignableValues} align content
  * @param skeleton {boolean} Icon Skeleton
  */
-var Icon = function (_a) {
-    var size = _a.size, name = _a.name, circled = _a.circled, stretched = _a.stretched, color = _a.color, backgroundColor = _a.backgroundColor, onClick = _a.onClick, align = _a.align, skeleton = _a.skeleton, testId = _a.testId, others = __rest(_a, ["size", "name", "circled", "stretched", "color", "backgroundColor", "onClick", "align", "skeleton", "testId"]);
-    var icons = useContext(TrilogyThemeContext).theme.icons;
-    var statesContext = useContext(StatesContext);
-    var content = '';
-    var style = {};
-    var defaultSize = (size === IconSize.HUGE && 66) ||
+const Icon = React.forwardRef(({ size, name, circled, stretched, color, backgroundColor, onClick, align, skeleton, testId, ...others }, ref) => {
+    const { theme: { icons }, } = useContext(TrilogyThemeContext);
+    const statesContext = useContext(StatesContext);
+    const style = {};
+    const defaultSize = (size === IconSize.HUGE && 66) ||
         (size === IconSize.LARGE && 44) ||
         (size === IconSize.MEDIUM && 30) ||
         (size === IconSize.SMALL && 20) ||
         (size === IconSize.SMALLER && 16) ||
         20;
-    var iconColor = (color && getColorStyle(color)) ||
+    const iconColor = (color && getColorStyle(color)) ||
         (statesContext.inverted && getColorStyle(TrilogyColor.BACKGROUND)) ||
         getColorStyle(TrilogyColor.MAIN);
-    var iconSkeletonRadius = (size === IconSize.HUGE && 50) ||
+    const background = (backgroundColor && getColorStyle(backgroundColor)) || (circled && getColorStyle(TrilogyColor.MAIN)) || '';
+    const iconSkeletonRadius = (size === IconSize.HUGE && 50) ||
         (size === IconSize.LARGE && 35) ||
         (size === IconSize.MEDIUM && 25) ||
         (size === IconSize.SMALL && 15) ||
         (size === IconSize.SMALLER && 10) ||
         15;
-    var circledWidth = (size === IconSize.HUGE && 99) ||
+    const circledWidth = (size === IconSize.HUGE && 99) ||
         (size === IconSize.LARGE && 66) ||
         (size === IconSize.MEDIUM && 48) ||
         (size === IconSize.SMALL && 32) ||
         (size === IconSize.SMALLER && 38) ||
         32;
-    var styles = StyleSheet.create({
+    const styles = StyleSheet.create({
         rootView: {
             alignSelf: getAlignStyle(align),
         },
@@ -64,7 +62,7 @@ var Icon = function (_a) {
             alignItems: 'center',
         },
         icon: {
-            transform: Platform.OS === 'ios' ? (stretched && [{ skewX: '20deg' }]) || [{ skewX: '0deg' }] : [],
+            transform: isIOS ? (stretched && [{ skewX: '20deg' }]) || [{ skewX: '0deg' }] : [],
         },
         stretched: {
             justifyContent: 'center',
@@ -73,7 +71,7 @@ var Icon = function (_a) {
             height: circledWidth,
             backgroundColor: iconColor,
             borderTopRightRadius: 10,
-            transform: Platform.OS === 'ios' ? (stretched && [{ skewX: '-20deg' }]) || [{ skewX: '0deg' }] : [],
+            transform: isIOS ? (stretched && [{ skewX: '-20deg' }]) || [{ skewX: '0deg' }] : [],
         },
         skeleton: {
             width: circledWidth,
@@ -82,33 +80,42 @@ var Icon = function (_a) {
             backgroundColor: getColorStyle(TrilogyColor.NEUTRAL_FADE),
             overflow: 'hidden',
         },
+        circled: {
+            width: circledWidth,
+            height: circledWidth,
+            borderRadius: circledWidth,
+            backgroundColor: background,
+            alignItems: 'center',
+            justifyContent: 'center',
+        },
     });
-    var IconSkeleton = function () { return (React.createElement(ContentLoader, __assign({ style: styles.skeleton }, others),
+    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' })) ||
+        isAndroid && (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);
     }
-    var iconView = React.createElement(View, null);
+    let iconView = React.createElement(View, null);
     if (name && icons) {
         if (stretched && !circled) {
-            iconView = (React.createElement(View, { style: styles.stretched, testID: "".concat(testId, "-stretched") },
+            iconView = (React.createElement(View, { style: styles.stretched, testID: `${testId}-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.BACKGROUND) })));
         }
         else if (circled) {
-            iconView = React.createElement(Text, null, "FAUT CORRIGER \u00C7A (circled icon)");
+            iconView = (React.createElement(View, { style: styles.circled, testID: `${testId}-circled` },
+                React.createElement(WithLocalSvg, { style: [styles.iconCircled, styles.icon], asset: icons[name.toString().replace('tri-picto-', '').replace('tri-', '')], width: defaultSize, height: defaultSize, color: iconColor })));
         }
         else {
-            iconView = (React.createElement(View, __assign({}, others),
+            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 })));
         }
     }
-    return onClick ? (React.createElement(View, { style: styles.rootView, testID: testId },
-        React.createElement(TouchableOpacity, { style: { width: '100%' }, onPress: onClick, activeOpacity: 0.85, testID: "".concat(testId, "-pressable") }, iconView))) : (React.createElement(View, { style: styles.rootView, testID: testId }, iconView));
-};
+    return onClick ? (React.createElement(View, { style: styles.rootView, testID: testId, ref: ref },
+        React.createElement(TouchableOpacity, { style: { width: '100%' }, onPress: onClick, activeOpacity: 0.85, testID: `${testId}-pressable` }, iconView))) : (React.createElement(View, { style: styles.rootView, testID: testId, ref: ref }, iconView));
+});
 Icon.displayName = ComponentName.Icon;
 export default Icon;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiSWNvbi5uYXRpdmUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9jb21wb25lbnRzL2ljb24vSWNvbi5uYXRpdmUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLEtBQUssRUFBRSxFQUFFLFVBQVUsRUFBRSxNQUFNLE9BQU8sQ0FBQTtBQUN6QyxPQUFPLEVBQUUsUUFBUSxFQUFFLFVBQVUsRUFBRSxnQkFBZ0IsRUFBRSxJQUFJLEVBQUUsTUFBTSxjQUFjLENBQUE7QUFDM0UsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLHNCQUFzQixDQUFBO0FBQ25ELE9BQU8sYUFBYSxFQUFFLEVBQUUsTUFBTSxFQUFFLE1BQU0sNkJBQTZCLENBQUE7QUFFbkUsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLFlBQVksQ0FBQTtBQUNyQyxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sNEJBQTRCLENBQUE7QUFDMUQsT0FBTyxFQUFFLGFBQWEsRUFBRSxZQUFZLEVBQXNCLE1BQU0sd0JBQXdCLENBQUE7QUFDeEYsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLHdCQUF3QixDQUFBO0FBQ3RELE9BQU8sRUFBRSxtQkFBbUIsRUFBRSxNQUFNLGdDQUFnQyxDQUFBO0FBQ3BFLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSwwQkFBMEIsQ0FBQTtBQUN4RCxPQUFPLElBQUksTUFBTSwrQkFBK0IsQ0FBQTtBQUVoRDs7Ozs7Ozs7Ozs7Ozs7OztHQWdCRztBQUNILElBQU0sSUFBSSxHQUFHLFVBQUMsRUFZRjtJQVhWLElBQUEsSUFBSSxVQUFBLEVBQ0osSUFBSSxVQUFBLEVBQ0osT0FBTyxhQUFBLEVBQ1AsU0FBUyxlQUFBLEVBQ1QsS0FBSyxXQUFBLEVBQ0wsZUFBZSxxQkFBQSxFQUNmLE9BQU8sYUFBQSxFQUNQLEtBQUssV0FBQSxFQUNMLFFBQVEsY0FBQSxFQUNSLE1BQU0sWUFBQSxFQUNILE1BQU0sY0FYRyw4R0FZYixDQURVO0lBR0UsSUFB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
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiSWNvbi5uYXRpdmUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9jb21wb25lbnRzL2ljb24vSWNvbi5uYXRpdmUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxrQ0FBa0MsQ0FBQTtBQUNoRSxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0sNEJBQTRCLENBQUE7QUFFckQsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLDBCQUEwQixDQUFBO0FBQ3hELE9BQU8sRUFBRSxtQkFBbUIsRUFBRSxNQUFNLHNDQUFzQyxDQUFBO0FBQzFFLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFFLE1BQU0sK0JBQStCLENBQUE7QUFDaEUsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLDRCQUE0QixDQUFBO0FBQzFELE9BQU8sRUFBRSxhQUFhLEVBQUUsWUFBWSxFQUFzQixNQUFNLHFDQUFxQyxDQUFBO0FBQ3JHLE9BQU8sS0FBSyxFQUFFLEVBQUUsVUFBVSxFQUFFLE1BQU0sT0FBTyxDQUFBO0FBQ3pDLE9BQU8sYUFBYSxFQUFFLEVBQUUsTUFBTSxFQUFFLE1BQU0sNkJBQTZCLENBQUE7QUFDbkUsT0FBTyxFQUFFLFVBQVUsRUFBRSxnQkFBZ0IsRUFBRSxJQUFJLEVBQUUsTUFBTSxjQUFjLENBQUE7QUFDakUsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLHNCQUFzQixDQUFBO0FBRW5EOzs7Ozs7Ozs7Ozs7Ozs7O0dBZ0JHO0FBQ0gsTUFBTSxJQUFJLEdBQUcsS0FBSyxDQUFDLFVBQVUsQ0FDM0IsQ0FDRSxFQUFFLElBQUksRUFBRSxJQUFJLEVBQUUsT0FBTyxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQUUsZUFBZSxFQUFFLE9BQU8sRUFBRSxLQUFLLEVBQUUsUUFBUSxFQUFFLE1BQU0sRUFBRSxHQUFHLE1BQU0sRUFBRSxFQUN2RyxHQUFHLEVBQ1UsRUFBRTtJQUNmLE1BQU0sRUFDSixLQUFLLEVB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

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

@@ -0,0 +1,72 @@
+/**
+ * Icon Size
+ */
+export declare enum IconSize {
+    SMALL = "small",
+    MEDIUM = "medium",
+    LARGE = "large",
+    HUGE = "huge",
+    SMALLER = "smaller"
+}
+/**
+ * Icon Size values
+ */
+export type IconSizeValues = `${IconSize}`;
+/**
+ * Icon Status
+ */
+export declare enum IconStatus {
+    SUCCESS = "SUCCESS",
+    ERROR = "ERROR",
+    WARNING = "WARNING",
+    INFO = "INFO",
+    WHITE = "WHITE"
+}
+/**
+ * Icon Status values
+ */
+export type IconStatusValues = `${IconStatus}`;
+/**
+ * Icon Color
+ */
+export declare enum IconColor {
+    SUCCESS = "SUCCESS",
+    ERROR = "ERROR",
+    INFO = "INFO",
+    WARNING = "WARNING",
+    MAIN = "MAIN",
+    BACKGROUND = "BACKGROUND",
+    ACCENT = "ACCENT",
+    NEUTRAL = "NEUTRAL",
+    WHITE = "WHITE",
+    GREY = "NEUTRAL"
+}
+/**
+ * Icon Color values
+ */
+export type IconColorValues = `${IconColor}`;
+/**
+ * Text Icon Direction
+ */
+export declare enum IconPosition {
+    UP = "up",
+    DOWN = "down",
+    LEFT = "left",
+    RIGHT = "right"
+}
+/**
+ * Text Icon Direction values
+ */
+export type IconPositionValues = `${IconPosition}`;
+export declare enum TextIconMarkup {
+    DIV = "div",
+    A = "a",
+    P = "p",
+    SPAN = "span"
+}
+export type TextIconMarkupValues = `${TextIconMarkup}`;
+export declare enum IconStatusPosition {
+    TOP = "top",
+    BOTTOM = "bottom"
+}
+export type IconStatusPositionValues = `${IconStatusPosition}`;

package/lib/components/icon/IconEnum.mjs

@@ -0,0 +1,17 @@
+import {
+  IconColor,
+  IconPosition,
+  IconSize,
+  IconStatus,
+  IconStatusPosition,
+  TextIconMarkup
+} from "../../chunk-4YIM7SBN.mjs";
+import "../../chunk-OQRDRRQA.mjs";
+export {
+  IconColor,
+  IconPosition,
+  IconSize,
+  IconStatus,
+  IconStatusPosition,
+  TextIconMarkup
+};

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

@@ -0,0 +1,27 @@
+export declare enum IconName {
+    ALERT = "tri-alert",
+    ARROW_DOWN = "tri-arrow-down",
+    ARROW_LEFT = "tri-arrow-left",
+    ARROW_RIGHT = "tri-arrow-right",
+    ARROW_UP = "tri-arrow-up",
+    BELL = "tri-bell",
+    CHECK_CIRCLE = "tri-check-circle",
+    CHECK = "tri-check",
+    EXCLAMATION_CIRCLE = "tri-exclamation-circle",
+    EYE_SLASH = "tri-eye-slash",
+    EYE = "tri-eye",
+    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",
+    PICTO_LA_FIBRE = "tri-picto-la-fibre",
+    PICTO_PAYMENT_AMERICANEXPRESS = "tri-picto-payment-americanexpress",
+    PICTO_PAYMENT_CB = "tri-picto-payment-cb",
+    PICTO_PAYMENT_MASTERCARD = "tri-picto-payment-mastercard",
+    PICTO_PAYMENT_PAYPAL = "tri-picto-payment-paypal",
+    PICTO_PAYMENT_VISA = "tri-picto-payment-visa"
+}
+export type IconNameValues = `${IconName}`;

package/lib/components/icon/IconNameEnum.mjs

@@ -0,0 +1,7 @@
+import {
+  IconName
+} from "../../chunk-B52A3BFQ.mjs";
+import "../../chunk-OQRDRRQA.mjs";
+export {
+  IconName
+};

package/lib/components/icon/IconProps.d.mts

@@ -0,0 +1,19 @@
+import { View } from 'react-native';
+import { Accessibility, AlignableProps, Clickable, Dev, Stacked, TrilogyColor, TrilogyColorValues } from '../../objects';
+import { CommonProps } from '../../objects/facets/CommonProps';
+import { IconColor, IconColorValues, IconSize, IconSizeValues } from './IconEnum';
+import { IconName, IconNameValues } from './IconNameEnum';
+/**
+ * Icon Interface
+ */
+export interface IconProps extends Stacked, Omit<AlignableProps, 'verticalAlign'>, Clickable, Accessibility, Dev, CommonProps {
+    name: IconName | IconNameValues;
+    size?: IconSize | IconSizeValues;
+    circled?: boolean;
+    stretched?: boolean;
+    color?: IconColor | IconColorValues | TrilogyColorValues | TrilogyColor | string;
+    backgroundColor?: TrilogyColor | TrilogyColorValues;
+    skeleton?: boolean;
+}
+export type IconRef = HTMLSpanElement;
+export type IconNativeRef = View;

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

@@ -1,11 +1,12 @@
-import { IconColor, IconColorValues, IconSize, IconSizeValues } from './IconEnum';
-import { IconName, IconNameValues } from './IconNameEnum';
+import { View } from 'react-native';
 import { Accessibility, AlignableProps, Clickable, Dev, Stacked, TrilogyColor, TrilogyColorValues } from '../../objects';
 import { CommonProps } from '../../objects/facets/CommonProps';
+import { IconColor, IconColorValues, IconSize, IconSizeValues } from './IconEnum';
+import { IconName, IconNameValues } from './IconNameEnum';
 /**
  * Icon Interface
  */
-export interface IconProps extends Stacked, AlignableProps, Clickable, Accessibility, Dev, CommonProps {
+export interface IconProps extends Stacked, Omit<AlignableProps, 'verticalAlign'>, Clickable, Accessibility, Dev, CommonProps {
     name: IconName | IconNameValues;
     size?: IconSize | IconSizeValues;
     circled?: boolean;
@@ -14,3 +15,5 @@ export interface IconProps extends Stacked, AlignableProps, Clickable, Accessibi
     backgroundColor?: TrilogyColor | TrilogyColorValues;
     skeleton?: boolean;
 }
+export type IconRef = HTMLSpanElement;
+export type IconNativeRef = View;

package/lib/components/icon/IconPropsDefaults.js

@@ -104,6 +104,7 @@ export default {
       "MAIN_FADE",
       "ACCENT",
       "FONT",
+      "FONT_PLACEHOLDER",
       "SUCCESS",
       "SUCCESS_FADE",
       "INFO",
@@ -116,9 +117,11 @@ export default {
       "DISABLED_FADE",
       "NEUTRAL",
       "NEUTRAL_FADE",
+      "STROKE",
       "WHITE",
       "MAIN_FADE",
       "FONT",
+      "FONT_PLACEHOLDER",
       "SUCCESS_FADE",
       "INFO_FADE",
       "WARNING_FADE",
@@ -126,7 +129,8 @@ export default {
       "DISABLED",
       "DISABLED_FADE",
       "NEUTRAL",
-      "NEUTRAL_FADE"
+      "NEUTRAL_FADE",
+      "STROKE"
     ]
   },
   "skeleton": {
@@ -145,30 +149,6 @@ export default {
       "true"
     ]
   },
-  "align": {
-    "type": "enum",
-    "values": [
-      "undefined",
-      "ALIGNED_CENTER",
-      "ALIGNED_START",
-      "ALIGNED_END",
-      "ALIGNED_CENTER",
-      "ALIGNED_START",
-      "ALIGNED_END"
-    ]
-  },
-  "verticalAlign": {
-    "type": "enum",
-    "values": [
-      "undefined",
-      "ALIGNED_CENTER",
-      "ALIGNED_START",
-      "ALIGNED_END",
-      "ALIGNED_CENTER",
-      "ALIGNED_START",
-      "ALIGNED_END"
-    ]
-  },
   "onClick": {
     "type": "function",
     "values": [

package/lib/components/icon/index.d.mts

@@ -0,0 +1,4 @@
+import Icon from './Icon';
+export * from './IconEnum';
+export * from './IconNameEnum';
+export { Icon };

package/lib/components/icon/index.mjs

@@ -0,0 +1,38 @@
+import "../../chunk-CERCYDMJ.mjs";
+import {
+  Icon_default
+} from "../../chunk-KWQHZ3AX.mjs";
+import {
+  IconName
+} from "../../chunk-B52A3BFQ.mjs";
+import "../../chunk-RBMXTQBU.mjs";
+import "../../chunk-CNJHYNT2.mjs";
+import "../../chunk-EJ2APB7I.mjs";
+import "../../chunk-SEWWK5HV.mjs";
+import "../../chunk-U3F6V3KT.mjs";
+import "../../chunk-OADZ62IM.mjs";
+import "../../chunk-37LDCDVM.mjs";
+import "../../chunk-UDTBRLJ5.mjs";
+import "../../chunk-HLQ4FCCM.mjs";
+import "../../chunk-XFWJ47MX.mjs";
+import {
+  IconColor,
+  IconPosition,
+  IconSize,
+  IconStatus,
+  IconStatusPosition,
+  TextIconMarkup
+} from "../../chunk-4YIM7SBN.mjs";
+import "../../chunk-EJOKG5F4.mjs";
+import "../../chunk-5VN6OIEF.mjs";
+import "../../chunk-OQRDRRQA.mjs";
+export {
+  Icon_default as Icon,
+  IconColor,
+  IconName,
+  IconPosition,
+  IconSize,
+  IconStatus,
+  IconStatusPosition,
+  TextIconMarkup
+};

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

@@ -0,0 +1,6 @@
+import Icon from './Icon.native';
+export * from './IconEnum';
+export * from './IconNameEnum';
+export * from './IconProps';
+export { Icon };
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXgubmF0aXZlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vY29tcG9uZW50cy9pY29uL2luZGV4Lm5hdGl2ZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLElBQUksTUFBTSxlQUFlLENBQUE7QUFFaEMsY0FBYyxZQUFZLENBQUE7QUFDMUIsY0FBYyxnQkFBZ0IsQ0FBQTtBQUM5QixjQUFjLGFBQWEsQ0FBQTtBQUMzQixPQUFPLEVBQUUsSUFBSSxFQUFFLENBQUEifQ==

package/lib/components/image/Image.d.mts

@@ -0,0 +1,17 @@
+import * as React from 'react';
+import { ImageProps } from './ImageProps';
+/**
+ * Image Component
+ * @param src {string} Image source
+ * @param alt {string} Image alt
+ * @param radius {RadiusValues} Image border radius size
+ * @param width {number|string} Image width (Number if not percent else string)
+ * @param height {number|string} Image height (Number if not percent else string)
+ * @param onClick {Function} onClick Event
+ * @param align {Alignable} Align Image
+ * @param circled {boolean} Circled Image
+ * - -------------------------- WEB PROPERTIES -------------------------------
+ * @param className {string} Additional CSS Classes (ONLY FOR WEB)
+ */
+declare const Image: React.ForwardRefExoticComponent<ImageProps & React.RefAttributes<HTMLElement>>;
+export default Image;

package/lib/components/image/Image.d.ts

@@ -1,15 +1,17 @@
-/// <reference types="react" />
+import * as React from 'react';
 import { ImageProps } from './ImageProps';
 /**
  * Image Component
  * @param src {string} Image source
  * @param alt {string} Image alt
- * @param rounded {boolean} Image rounded
+ * @param radius {RadiusValues} Image border radius size
  * @param width {number|string} Image width (Number if not percent else string)
  * @param height {number|string} Image height (Number if not percent else string)
  * @param onClick {Function} onClick Event
+ * @param align {Alignable} Align Image
+ * @param circled {boolean} Circled Image
  * - -------------------------- WEB PROPERTIES -------------------------------
- * @param className {string} Additionnal CSS Classes (ONLY FOR WEB)
+ * @param className {string} Additional CSS Classes (ONLY FOR WEB)
  */
-declare const Image: ({ src, alt, className, id, circled, width, height, onClick, radius, align, ...others }: ImageProps) => JSX.Element;
+declare const Image: React.ForwardRefExoticComponent<ImageProps & React.RefAttributes<HTMLElement>>;
 export default Image;