@trilogy-ds/react 0.0.1-beta-1 → 0.0.1-beta-3

package/lib/components/hero/index.js

@@ -0,0 +1,3 @@
+import Hero from './Hero';
+export { Hero };
+//# sourceMappingURL=index.js.map

package/lib/components/hero/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../components/hero/index.ts"],"names":[],"mappings":"AAAA,OAAO,IAAI,MAAM,QAAQ,CAAA;AAEzB,OAAO,EAAE,IAAI,EAAE,CAAA"}

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

@@ -0,0 +1,28 @@
+/// <reference types="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 position UP|DOWN|LEFT|RIGHT
+ * @param stacked {boolean} Stacked icon
+ * @param badgeContent {string} Icon with bage content
+ * @param statusPosition {IconStatusPosition} Position for icon with status (TOP|BOTTOM)
+ * @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
+ * @param marginless {boolean}
+ * - -------------------------- WEB PROPERTIES -------------------------------
+ * @param textClassName {string} Text's className
+ * @param className Additionnal css classes
+ * @param markup {TextIconMarkup} Available markup for Icon DIV|P|SPAN|A
+ * - -------------------------- WEB PROPERTIES -------------------------------
+ * @param style {object} Additional styles
+ */
+declare const Icon: ({ className, textClassName, size, name, status, circled, content, position, markup, stacked, badgeContent, statusPosition, stretched, color, backgroundColor, onClick, align, skeleton, verticalAlign, testId, marginless, ...others }: IconProps) => JSX.Element;
+export default Icon;

package/lib/components/icon/Icon.js

@@ -0,0 +1,112 @@
+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';
+/**
+ * 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 position UP|DOWN|LEFT|RIGHT
+ * @param stacked {boolean} Stacked icon
+ * @param badgeContent {string} Icon with bage content
+ * @param statusPosition {IconStatusPosition} Position for icon with status (TOP|BOTTOM)
+ * @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
+ * @param marginless {boolean}
+ * - -------------------------- WEB PROPERTIES -------------------------------
+ * @param textClassName {string} Text's className
+ * @param className Additionnal css classes
+ * @param markup {TextIconMarkup} Available markup for Icon DIV|P|SPAN|A
+ * - -------------------------- WEB PROPERTIES -------------------------------
+ * @param style {object} Additional styles
+ */
+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));
+    // 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'))));
+    // circled icons
+    if (circled || (circled && status)) {
+        if (align) {
+            return (React.createElement("div", { className: alignClasses },
+                React.createElement(CircleIcon, { testId: testId, onClick: onClick && onClick, className: className, name: name, status: status, size: size, color: color, backgroundColor: backgroundColor, ...others })));
+        }
+        return (React.createElement(CircleIcon, { testId: testId, onClick: onClick && onClick, className: className, name: name, status: status, size: size, color: color, backgroundColor: backgroundColor, ...others }));
+    }
+    // status icons
+    if (status) {
+        if (align) {
+            return (React.createElement("div", { className: alignClasses },
+                React.createElement(StatusIcon, { testId: testId, onClick: onClick && onClick, statusPosition: statusPosition, className: className, name: name, size: size, status: status, ...others })));
+        }
+        return (React.createElement(StatusIcon, { testId: testId, onClick: onClick && onClick, statusPosition: statusPosition, className: className, name: name, size: size, status: status, ...others }));
+    }
+    // Text icon
+    if (content && !badgeContent) {
+        if (align) {
+            return (React.createElement("div", { className: alignClasses },
+                React.createElement(TextIcon, { testId: testId, onClick: onClick && onClick, className: className, name: name, content: content, position: position, textClassName: textClassName, size: size, markup: markup, status: status, color: color, ...others })));
+        }
+        return (React.createElement(TextIcon, { onClick: onClick && onClick, className: className, name: name, content: content, position: position, textClassName: textClassName, size: size, markup: markup, status: status, color: color, ...others }));
+    }
+    // Icon with badge + badge content
+    if (badgeContent) {
+        if (align) {
+            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)));
+        }
+        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)));
+    }
+    // Stretched icon
+    if (stretched) {
+        if (align) {
+            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' }))));
+        }
+        return (React.createElement("span", { onClick: onClick && onClick, className: classes, ...others },
+            React.createElement("i", { className: hashClass(styled, clsx(name)), "aria-hidden": 'true' })));
+    }
+    // Custom Colored Icon
+    if (color) {
+        if (align) {
+            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' }))));
+        }
+        return (React.createElement("span", { onClick: onClick && onClick, className: classes, ...others },
+            React.createElement("i", { className: hashClass(styled, clsx(name)), "aria-hidden": 'true' })));
+    }
+    if (align) {
+        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' }))));
+    }
+    // Static default Icon
+    return (React.createElement("span", { "data-testid": testId, onClick: onClick && onClick, className: classes, ...others },
+        React.createElement("i", { className: hashClass(styled, clsx(name)), "aria-hidden": 'true' })));
+};
+export default Icon;
+//# sourceMappingURL=Icon.js.map

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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,27 @@
+/// <reference types="react" />
+import { IconProps } from './IconProps';
+import { ComponentName } from '../enumsComponentsName';
+/**
+ * Icon Component
+ * @param size Size of Icon
+ * @param name IconName
+ * @param badgeContent {string} Display badge with icon
+ * @param status SUCCESS|ERROR|WARNING|PRIMARY|TERTIARY|WHITE|GREY If CircleIcon or not
+ * @param circled true-false if CircleIcon
+ * @param content If TextIcon use it for text
+ * @param position UP|DOWN|LEFT|RIGHT
+ * @param stacked {boolean} Stacked icon
+ * @param backgroundColor {TrilogyColor} Custom Background color only if circled
+ * @param color {IconColor} Custom Icon Color
+ * @param statusPosition {IconStatusPosition} Position for icon with status (TOP|BOTTOM)
+ * @param stretched {boolean} Stretched icon
+ * @param style {Object} Additional styles
+ * @param onClick {Function} onClick Event Icon
+ * @param align {Alignable} Progress Radial Alignement
+ * @param skeleton {boolean} Icon Skeleton
+ */
+declare const Icon: {
+    ({ size, name, status, circled, content, position, stacked, badgeContent, statusPosition, stretched, color, backgroundColor, onClick, align, skeleton, style, testId, ...others }: IconProps): JSX.Element;
+    displayName: ComponentName;
+};
+export default Icon;

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

@@ -0,0 +1,117 @@
+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';
+/**
+ * Icon Component
+ * @param size Size of Icon
+ * @param name IconName
+ * @param badgeContent {string} Display badge with icon
+ * @param status SUCCESS|ERROR|WARNING|PRIMARY|TERTIARY|WHITE|GREY If CircleIcon or not
+ * @param circled true-false if CircleIcon
+ * @param content If TextIcon use it for text
+ * @param position UP|DOWN|LEFT|RIGHT
+ * @param stacked {boolean} Stacked icon
+ * @param backgroundColor {TrilogyColor} Custom Background color only if circled
+ * @param color {IconColor} Custom Icon Color
+ * @param statusPosition {IconStatusPosition} Position for icon with status (TOP|BOTTOM)
+ * @param stretched {boolean} Stretched icon
+ * @param style {Object} Additional styles
+ * @param onClick {Function} onClick Event Icon
+ * @param align {Alignable} Progress Radial Alignement
+ * @param skeleton {boolean} Icon Skeleton
+ */
+const Icon = ({ size, name, status, circled, content, position, stacked, badgeContent, statusPosition, stretched, color, backgroundColor, onClick, align, skeleton, style, testId, ...others }) => {
+    const { theme: { icons }, } = useContext(TrilogyThemeContext);
+    const defaultSize = (size === IconSize.HUGE && 66) ||
+        (size === IconSize.LARGE && 44) ||
+        (size === IconSize.MEDIUM && 30) ||
+        (size === IconSize.SMALL && 20) ||
+        (size === IconSize.SMALLER && 16) ||
+        20;
+    const iconColor = (color && getColorStyle(color)) || (status && getColorStyle(status)) || getColorStyle(TrilogyColor.TERTIARY);
+    const iconSkeletonRadius = (size === IconSize.HUGE && 50) ||
+        (size === IconSize.LARGE && 35) ||
+        (size === IconSize.MEDIUM && 25) ||
+        (size === IconSize.SMALL && 15) ||
+        (size === IconSize.SMALLER && 10) ||
+        15;
+    const circledWidth = (size === IconSize.HUGE && 99) ||
+        (size === IconSize.LARGE && 66) ||
+        (size === IconSize.MEDIUM && 48) ||
+        (size === IconSize.SMALL && 32) ||
+        (size === IconSize.SMALLER && 38) ||
+        32;
+    const styles = StyleSheet.create({
+        rootView: {
+            alignSelf: getAlignStyle(align),
+        },
+        iconCircled: {
+            alignSelf: 'center',
+            justifyContent: 'center',
+            alignItems: 'center',
+        },
+        icon: {
+            transform: Platform.OS === 'ios' ? (stretched && [{ skewX: '20deg' }]) || [{ skewX: '0deg' }] : [],
+        },
+        stretched: {
+            justifyContent: 'center',
+            alignItems: 'center',
+            width: circledWidth + 15,
+            height: circledWidth,
+            backgroundColor: iconColor,
+            borderTopRightRadius: 10,
+            transform: Platform.OS === 'ios' ? (stretched && [{ skewX: '-20deg' }]) || [{ skewX: '0deg' }] : [],
+        },
+        skeleton: {
+            width: circledWidth,
+            height: circledWidth,
+            borderRadius: iconSkeletonRadius,
+            backgroundColor: getColorStyle(TrilogyColor.GREY_LIGHTER),
+            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' })) ||
+            (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' })))));
+    if (skeleton) {
+        return React.createElement(IconSkeleton, null);
+    }
+    let iconView = React.createElement(View, null);
+    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) })));
+        } /* status icon */
+        else if (status && !circled && !stretched) {
+            // TODO: fix status icon
+            iconView = (React.createElement(StatusIcon, { name: name, status: status, statusPosition: statusPosition, size: defaultSize, stretched: stretched, color: iconColor }));
+        }
+        else if (circled) {
+            iconView = (React.createElement(CircleIcon, { name: name, size: defaultSize, color: iconColor, content: content, circledWidth: circledWidth, position: position, stacked: stacked, backgroundColor: backgroundColor }));
+        } /* Text icon */
+        else if (content && !badgeContent) {
+            iconView = (React.createElement(TextIcon, { name: name, content: content, size: defaultSize, position: position, stretched: stretched, color: iconColor, stacked: stacked }));
+        }
+        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 })));
+        }
+    }
+    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));
+};
+Icon.displayName = ComponentName.Icon;
+export default Icon;
+//# sourceMappingURL=Icon.native.js.map

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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,73 @@
+/**
+ * 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",
+    TERTIARY = "tertiary",
+    PRIMARY = "primary",
+    INFO = "info",
+    WHITE = "white",
+    GREY = "grey"
+}
+/**
+ * Icon Status values
+ */
+export type IconStatusValues = `${IconStatus}`;
+/**
+ * Icon Color
+ */
+export declare enum IconColor {
+    SUCCESS = "SUCCESS",
+    ERROR = "ERROR",
+    INFO = "INFO",
+    WARNING = "WARNING",
+    TERTIARY = "TERTIARY",
+    WHITE = "WHITE",
+    GREY = "GREY",
+    PRIMARY = "PRIMARY"
+}
+/**
+ * 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.js

@@ -0,0 +1,62 @@
+/**
+ * Icon Size
+ */
+export var IconSize;
+(function (IconSize) {
+    IconSize["SMALL"] = "small";
+    IconSize["MEDIUM"] = "medium";
+    IconSize["LARGE"] = "large";
+    IconSize["HUGE"] = "huge";
+    IconSize["SMALLER"] = "smaller";
+})(IconSize || (IconSize = {}));
+/**
+ * Icon Status
+ */
+export var IconStatus;
+(function (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
+ */
+export var IconColor;
+(function (IconColor) {
+    IconColor["SUCCESS"] = "SUCCESS";
+    IconColor["ERROR"] = "ERROR";
+    IconColor["INFO"] = "INFO";
+    IconColor["WARNING"] = "WARNING";
+    IconColor["TERTIARY"] = "TERTIARY";
+    IconColor["WHITE"] = "WHITE";
+    IconColor["GREY"] = "GREY";
+    IconColor["PRIMARY"] = "PRIMARY";
+})(IconColor || (IconColor = {}));
+/**
+ * Text Icon Direction
+ */
+export var IconPosition;
+(function (IconPosition) {
+    IconPosition["UP"] = "up";
+    IconPosition["DOWN"] = "down";
+    IconPosition["LEFT"] = "left";
+    IconPosition["RIGHT"] = "right";
+})(IconPosition || (IconPosition = {}));
+export var TextIconMarkup;
+(function (TextIconMarkup) {
+    TextIconMarkup["DIV"] = "div";
+    TextIconMarkup["A"] = "a";
+    TextIconMarkup["P"] = "p";
+    TextIconMarkup["SPAN"] = "span";
+})(TextIconMarkup || (TextIconMarkup = {}));
+export var IconStatusPosition;
+(function (IconStatusPosition) {
+    IconStatusPosition["TOP"] = "top";
+    IconStatusPosition["BOTTOM"] = "bottom";
+})(IconStatusPosition || (IconStatusPosition = {}));
+//# sourceMappingURL=IconEnum.js.map

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

@@ -0,0 +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"}

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

@@ -0,0 +1,26 @@
+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",
+    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.js

@@ -0,0 +1,27 @@
+export var IconName;
+(function (IconName) {
+    IconName["ALERT"] = "tri-alert";
+    IconName["ARROW_DOWN"] = "tri-arrow-down";
+    IconName["ARROW_LEFT"] = "tri-arrow-left";
+    IconName["ARROW_RIGHT"] = "tri-arrow-right";
+    IconName["ARROW_UP"] = "tri-arrow-up";
+    IconName["BELL"] = "tri-bell";
+    IconName["CHECK_CIRCLE"] = "tri-check-circle";
+    IconName["CHECK"] = "tri-check";
+    IconName["EXCLAMATION_CIRCLE"] = "tri-exclamation-circle";
+    IconName["EYE_SLASH"] = "tri-eye-slash";
+    IconName["EYE"] = "tri-eye";
+    IconName["INFOS_CIRCLE"] = "tri-infos-circle";
+    IconName["SEARCH"] = "tri-search";
+    IconName["TIMES"] = "tri-times";
+    IconName["TRASH"] = "tri-trash";
+    IconName["PICTO_FACILITI"] = "tri-picto-faciliti";
+    IconName["PICTO_HANDICAPZERO"] = "tri-picto-handicapzero";
+    IconName["PICTO_LA_FIBRE"] = "tri-picto-la-fibre";
+    IconName["PICTO_PAYMENT_AMERICANEXPRESS"] = "tri-picto-payment-americanexpress";
+    IconName["PICTO_PAYMENT_CB"] = "tri-picto-payment-cb";
+    IconName["PICTO_PAYMENT_MASTERCARD"] = "tri-picto-payment-mastercard";
+    IconName["PICTO_PAYMENT_PAYPAL"] = "tri-picto-payment-paypal";
+    IconName["PICTO_PAYMENT_VISA"] = "tri-picto-payment-visa";
+})(IconName || (IconName = {}));
+//# sourceMappingURL=IconNameEnum.js.map

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

@@ -0,0 +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"}

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

@@ -0,0 +1,32 @@
+/// <reference types="react" />
+import { IconSize, IconStatus, IconPosition, TextIconMarkup, IconStatusPosition, IconColor, IconStatusValues, IconSizeValues, IconPositionValues, IconStatusPositionValues, IconColorValues, TextIconMarkupValues } from './IconEnum';
+import { IconName, IconNameValues } from './IconNameEnum';
+import { Stacked } from '../../objects/facets/Stacked';
+import { AlignableProps } from '../../objects/facets/Alignable';
+import { Accessibility, Clickable, TrilogyColor, TrilogyColorValues } from '../../objects';
+type Styles = {
+    [key: string]: unknown;
+};
+/**
+ * Icon Interface
+ */
+export interface IconProps extends Stacked, AlignableProps, Clickable, Accessibility {
+    name: IconName | IconNameValues;
+    status?: IconStatus | IconStatusValues;
+    badgeContent?: string;
+    size?: IconSize | IconSizeValues;
+    circled?: boolean;
+    content?: string | React.ReactNode;
+    position?: IconPosition | IconPositionValues;
+    markup?: TextIconMarkup | TextIconMarkupValues;
+    statusPosition?: IconStatusPosition | IconStatusPositionValues;
+    stretched?: boolean;
+    color?: IconColor | IconColorValues | TrilogyColorValues | TrilogyColor | string;
+    backgroundColor?: TrilogyColor | TrilogyColorValues;
+    className?: string;
+    textClassName?: string;
+    style?: Styles;
+    skeleton?: boolean;
+    marginless?: boolean;
+}
+export {};

package/lib/components/icon/IconProps.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=IconProps.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"IconProps.js","sourceRoot":"","sources":["../../../components/icon/IconProps.ts"],"names":[],"mappings":""}

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

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+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

@@ -0,0 +1,19 @@
+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 }) => {
+    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));
+    const circledIconClasses = hashClass(styled, clsx(name));
+    return (React.createElement("span", { className: classes, "data-testid": testId },
+        React.createElement("i", { className: circledIconClasses })));
+};
+export default CircleIcon;
+//# sourceMappingURL=CircleIcon.js.map

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

@@ -0,0 +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"}

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

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