@trilogy-ds/react 0.0.1-beta-78 → 0.0.1-beta-82

package/lib/objects/atoms/Background.d.ts

@@ -4,10 +4,7 @@ import { Invertable } from "../../objects/facets";
  * Background props
  */
 export interface BackgroundProps extends Invertable {
-    backgroundColor?: TrilogyColor | TrilogyColorValues | {
-        color: TrilogyColor;
-        fade: boolean;
-    };
+    backgroundColor?: TrilogyColor | TrilogyColorValues;
     backgroundSrc?: string;
 }
 /**
@@ -15,16 +12,4 @@ export interface BackgroundProps extends Invertable {
  * @param backgroundType {string} - BackgroundType
  * @returns {string} - Background Color value
  */
-export declare const getBackgroundClassName: (backgroundType: TrilogyColor | TrilogyColorValues | {
-    color: TrilogyColor;
-    fade: boolean;
-}) => string;
-/**
- * Returns background's style depending on background type
- * @param backgroundType {string} - BackgroundType
- * @returns {string} - Background Color value
- */
-export declare const getBackgroundStyle: (backgroundType: TrilogyColor | TrilogyColorValues | {
-    color: TrilogyColor;
-    fade: boolean;
-}) => string;
+export declare const getBackgroundClassName: (backgroundType: TrilogyColor | TrilogyColorValues) => string;

package/lib/objects/atoms/Background.js

@@ -1,26 +1,10 @@
-import { getColorClassName, getColorStyle, } from "../../objects/facets/Color";
+import { getColorClassName, } from "../../objects/facets/Color";
 /**
  * Returns background's classname depending on background type
  * @param backgroundType {string} - BackgroundType
  * @returns {string} - Background Color value
  */
 export const getBackgroundClassName = (backgroundType) => {
-    if (backgroundType && typeof backgroundType === 'object') {
-        return `background-${getColorClassName(backgroundType.color)}${backgroundType.fade ? '-fade' : ''}`;
-    }
-    if (backgroundType.startsWith('FADE-')) {
-        return `background-${getColorClassName(backgroundType.replace('FADE-', ''))}-fade`;
-    }
     return `background-${getColorClassName(backgroundType)}`;
 };
-/**
- * Returns background's style depending on background type
- * @param backgroundType {string} - BackgroundType
- * @returns {string} - Background Color value
- */
-export const getBackgroundStyle = (backgroundType) => {
-    const color = (backgroundType && typeof backgroundType === 'object') ? backgroundType.color : backgroundType;
-    const fade = (backgroundType && typeof backgroundType === 'object') ? backgroundType.fade : false;
-    return getColorStyle(color, fade ? 1 : 0);
-};
 //# sourceMappingURL=Background.js.map

package/lib/objects/atoms/Background.js.map

@@ -1 +1 @@
-{"version":3,"file":"Background.js","sourceRoot":"","sources":["../../../objects/atoms/Background.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,aAAa,GAAqC,MAAM,wBAAwB,CAAA;AAW5G;;;;GAIG;AACH,MAAM,CAAC,MAAM,sBAAsB,GAAG,CACpC,cAAuF,EAC/E,EAAE;IACV,IAAI,cAAc,IAAI,OAAO,cAAc,KAAK,QAAQ,EAAE;QACxD,OAAO,cAAc,iBAAiB,CAAC,cAAc,CAAC,KAAK,CAAC,GAAG,cAAc,CAAC,IAAI,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,EAAE,CAAA;KACpG;IACD,IAAI,cAAc,CAAC,UAAU,CAAC,OAAO,CAAC,EAAG;QACvC,OAAO,cAAc,iBAAiB,CAAG,cAAc,CAAC,OAAO,CAAC,OAAO,EAAE,EAAE,CAAkB,CAAC,OAAO,CAAA;KACtG;IAED,OAAO,cAAc,iBAAiB,CAAC,cAAc,CAAC,EAAE,CAAA;AAC1D,CAAC,CAAA;AAED;;;;GAIG;AACH,MAAM,CAAC,MAAM,kBAAkB,GAAG,CAChC,cAAsF,EAC9E,EAAE;IACV,MAAM,KAAK,GAAG,CAAC,cAAc,IAAI,OAAO,cAAc,KAAK,QAAQ,CAAC,CAAA,CAAC,CAAC,cAAc,CAAC,KAAK,CAAC,CAAC,CAAC,cAAc,CAAA;IAC3G,MAAM,IAAI,GAAE,CAAC,cAAc,IAAI,OAAO,cAAc,KAAK,QAAQ,CAAC,CAAA,CAAC,CAAC,cAAc,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK,CAAA;IAC/F,OAAO,aAAa,CAAC,KAAK,EAAE,IAAI,CAAA,CAAC,CAAA,CAAC,CAAA,CAAC,CAAA,CAAC,CAAC,CAAA;AACvC,CAAC,CAAA"}
+{"version":3,"file":"Background.js","sourceRoot":"","sources":["../../../objects/atoms/Background.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,GAAqC,MAAM,wBAAwB,CAAA;AAW7F;;;;GAIG;AACH,MAAM,CAAC,MAAM,sBAAsB,GAAG,CACpC,cAAkD,EAC1C,EAAE;IACV,OAAO,cAAc,iBAAiB,CAAC,cAAc,CAAC,EAAE,CAAA;AAC1D,CAAC,CAAA"}

package/lib/objects/facets/Color.d.ts

@@ -3,25 +3,22 @@
  */
 export declare enum TrilogyColor {
     BACKGROUND = "WHITE",
-    FADE_BACKGROUND = "FADE_WHITE",
     MAIN = "MAIN",
-    FADE_MAIN = "FADE_MAIN",
+    MAIN_FADE = "MAIN_FADE",
     ACCENT = "ACCENT",
-    FADE_ACCENT = "FADE_ACCENT",
     FONT = "FONT",
-    FADE_FONT = "FADE_FONT",
     SUCCESS = "SUCCESS",
-    FADE_SUCCESS = "FADE_SUCCESS",
+    SUCCESS_FADE = "SUCCESS_FADE",
     INFO = "INFO",
-    FADE_INFO = "FADE_INFO",
+    INFO_FADE = "INFO_FADE",
     WARNING = "WARNING",
-    FADE_WARNING = "FADE_WARNING",
+    WARNING_FADE = "WARNING_FADE",
     ERROR = "ERROR",
-    FADE_ERROR = "FADE_ERROR",
+    ERROR_FADE = "ERROR_FADE",
     DISABLED = "DISABLED",
-    FADE_DISABLED = "FADE_DISABLED",
+    DISABLED_FADE = "DISABLED_FADE",
     NEUTRAL = "NEUTRAL",
-    FADE_NEUTRAL = "FADE_NEUTRAL"
+    NEUTRAL_FADE = "NEUTRAL_FADE"
 }
 export type TrilogyColorValues = `${TrilogyColor}`;
 /**
@@ -47,4 +44,4 @@ export declare const getButtonColorStyle: (buttonVariant?: string) => string;
  * @param index {number} - Index of color ( 1 for BG )
  * @returns {string} - Color style value
  */
-export declare const getColorStyle: (trilogyColor: TrilogyColor | TrilogyColorValues, index?: number) => string;
+export declare const getColorStyle: (trilogyColor: TrilogyColor | TrilogyColorValues) => string;

package/lib/objects/facets/Color.js

@@ -6,40 +6,44 @@ import { useContext } from 'react';
 export var TrilogyColor;
 (function (TrilogyColor) {
     TrilogyColor["BACKGROUND"] = "WHITE";
-    TrilogyColor["FADE_BACKGROUND"] = "FADE_WHITE";
     TrilogyColor["MAIN"] = "MAIN";
-    TrilogyColor["FADE_MAIN"] = "FADE_MAIN";
+    TrilogyColor["MAIN_FADE"] = "MAIN_FADE";
     TrilogyColor["ACCENT"] = "ACCENT";
-    TrilogyColor["FADE_ACCENT"] = "FADE_ACCENT";
     TrilogyColor["FONT"] = "FONT";
-    TrilogyColor["FADE_FONT"] = "FADE_FONT";
     TrilogyColor["SUCCESS"] = "SUCCESS";
-    TrilogyColor["FADE_SUCCESS"] = "FADE_SUCCESS";
+    TrilogyColor["SUCCESS_FADE"] = "SUCCESS_FADE";
     TrilogyColor["INFO"] = "INFO";
-    TrilogyColor["FADE_INFO"] = "FADE_INFO";
+    TrilogyColor["INFO_FADE"] = "INFO_FADE";
     TrilogyColor["WARNING"] = "WARNING";
-    TrilogyColor["FADE_WARNING"] = "FADE_WARNING";
+    TrilogyColor["WARNING_FADE"] = "WARNING_FADE";
     TrilogyColor["ERROR"] = "ERROR";
-    TrilogyColor["FADE_ERROR"] = "FADE_ERROR";
+    TrilogyColor["ERROR_FADE"] = "ERROR_FADE";
     TrilogyColor["DISABLED"] = "DISABLED";
-    TrilogyColor["FADE_DISABLED"] = "FADE_DISABLED";
+    TrilogyColor["DISABLED_FADE"] = "DISABLED_FADE";
     TrilogyColor["NEUTRAL"] = "NEUTRAL";
-    TrilogyColor["FADE_NEUTRAL"] = "FADE_NEUTRAL";
+    TrilogyColor["NEUTRAL_FADE"] = "NEUTRAL_FADE";
 })(TrilogyColor || (TrilogyColor = {}));
 /**
  * Trilogy color values
  */
 export const colors = {
-    [TrilogyColor.BACKGROUND]: ['#fff', '#E9E9E9', 'white', 'main'],
-    [TrilogyColor.MAIN]: ['#3d5d7e', '#eff2f8', 'main', 'white'],
-    [TrilogyColor.ACCENT]: ['#da641b', '#bb5118', 'accent', 'white'],
-    [TrilogyColor.FONT]: ['#3d5d7e', '#BBC6CD', 'main', 'white'],
-    [TrilogyColor.SUCCESS]: ['#007B52', '#cae8ca', 'success', 'white'],
-    [TrilogyColor.INFO]: ['#1A688A', '#c8dbec', 'info', 'white'],
-    [TrilogyColor.WARNING]: ['#FFBB33', '#ecdbc6', 'warning', 'white'],
-    [TrilogyColor.ERROR]: ['#D42D02', '#eecccc', 'error', 'white'],
-    [TrilogyColor.DISABLED]: ['#646464', '#D1D1D1', 'disabled', 'white'],
-    [TrilogyColor.NEUTRAL]: ['#707070', '#F4F4F4', 'grey', 'white'],
+    [TrilogyColor.BACKGROUND]: ['#fff', 'white', 'main'],
+    [TrilogyColor.MAIN]: ['#3d5d7e', 'main', 'white'],
+    [TrilogyColor.MAIN_FADE]: ['#BBC6CD', 'main', 'white'],
+    [TrilogyColor.ACCENT]: ['#da641b', 'accent', 'white'],
+    [TrilogyColor.FONT]: ['#3d5d7e', 'main', 'white'],
+    [TrilogyColor.SUCCESS]: ['#007B52', 'success', 'white'],
+    [TrilogyColor.SUCCESS_FADE]: ['#cae8ca', 'success-fade', 'white'],
+    [TrilogyColor.INFO]: ['#1A688A', 'info', 'white'],
+    [TrilogyColor.INFO_FADE]: ['#c8dbec', 'info-fade', 'white'],
+    [TrilogyColor.WARNING]: ['#FFBB33', 'warning', 'white'],
+    [TrilogyColor.WARNING_FADE]: ['#ecdbc6', 'warning-fade', 'white'],
+    [TrilogyColor.ERROR]: ['#D42D02', 'error', 'white'],
+    [TrilogyColor.ERROR_FADE]: ['#eecccc', 'error-fade', 'white'],
+    [TrilogyColor.DISABLED]: ['#646464', 'disabled', 'white'],
+    [TrilogyColor.DISABLED_FADE]: ['#D1D1D1', 'disabled-fade', 'white'],
+    [TrilogyColor.NEUTRAL]: ['#707070', 'grey', 'white'],
+    [TrilogyColor.NEUTRAL_FADE]: ['#F4F4F4', 'grey-fade', 'white'],
 };
 /**
  * Returns color's className depending on Trilogy Color
@@ -48,7 +52,7 @@ export const colors = {
  */
 export const getColorClassName = (trilogyColor) => {
     const color = colors[trilogyColor];
-    return color[2];
+    return color[1];
 };
 /**
  * Returns color button's className depending on Trilogy Color
@@ -86,7 +90,7 @@ export const getButtonColorStyle = (buttonVariant) => {
         case 'PRIMARY':
             return TrilogyColor.MAIN;
         case 'SECONDARY':
-            return TrilogyColor.FADE_MAIN;
+            return TrilogyColor.MAIN_FADE;
         case 'GHOST':
             return TrilogyColor.BACKGROUND;
         default:
@@ -99,25 +103,18 @@ export const getButtonColorStyle = (buttonVariant) => {
  * @param index {number} - Index of color ( 1 for BG )
  * @returns {string} - Color style value
  */
-export const getColorStyle = (trilogyColor, index) => {
-    if (trilogyColor.startsWith('FADE_')) {
-        index = 1;
-        trilogyColor = trilogyColor.replace('FADE_', '');
-    }
+export const getColorStyle = (trilogyColor) => {
     if (typeof navigator !== 'undefined' && navigator.userAgent === undefined) {
         const { theme } = useContext(TrilogyThemeContext);
         const colorsStyle = (theme === null || theme === void 0 ? void 0 : theme.colors) || colors;
         const colorArray = colorsStyle[trilogyColor] || colorsStyle.default;
-        const colorIndex = index && index !== undefined && index >= 0 && index < colorArray.length ? index : 0;
         if (!trilogyColor || !colors[trilogyColor]) {
             return colorsStyle.default;
         }
-        return colorArray[colorIndex];
+        return colorArray[0];
     }
     else {
-        const colorArray = colors[trilogyColor];
-        const colorIndex = index !== undefined && index >= 0 && index < colorArray.length ? index : 0;
-        return colorArray[colorIndex];
+        return colors[trilogyColor][0] || colors['main'][0];
     }
 };
 //# sourceMappingURL=Color.js.map

package/lib/objects/facets/Color.js.map

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

package/lib/objects/facets/Status.d.ts

@@ -1,4 +1,5 @@
 import { IconName, IconNameValues } from '../../components/icon';
+import { TrilogyColor } from './Color';
 /**
  * Alert State
  */
@@ -25,12 +26,38 @@ export declare const getStatusClassName: (statusType?: string) => string;
 /**
  * Returns status style depending on alert type
  * @param statusType {string} - Alert type
- * @returns {string} - Alert value
+ * @returns { color: string, backgroundColor: string} - color and background color value
  */
-export declare const getStatusStyle: (statusType?: string) => string;
+declare const STATUS_COLORS: {
+    SUCCESS: {
+        color: TrilogyColor;
+        backgroundColor: TrilogyColor;
+    };
+    INFO: {
+        color: TrilogyColor;
+        backgroundColor: TrilogyColor;
+    };
+    WARNING: {
+        color: TrilogyColor;
+        backgroundColor: TrilogyColor;
+    };
+    ERROR: {
+        color: TrilogyColor;
+        backgroundColor: TrilogyColor;
+    };
+    DEFAULT: {
+        color: TrilogyColor;
+        backgroundColor: TrilogyColor;
+    };
+};
+export declare const getStatusStyle: (statusType?: keyof typeof STATUS_COLORS) => {
+    color: string;
+    backgroundColor: string;
+};
 /**
  * Returns status icon name depending on alert type
  * @param statusType {string} - Alert type
  * @returns {string} - Alert value
  */
 export declare const getStatusIconName: (statusType?: string) => IconName | IconNameValues;
+export {};

package/lib/objects/facets/Status.js

@@ -1,5 +1,5 @@
 import { IconName } from '../../components/icon';
-import { getColorStyle } from './Color';
+import { getColorStyle, TrilogyColor } from './Color';
 /**
  * Alert State
  */
@@ -32,21 +32,21 @@ export const getStatusClassName = (statusType) => {
 /**
  * Returns status style depending on alert type
  * @param statusType {string} - Alert type
- * @returns {string} - Alert value
+ * @returns { color: string, backgroundColor: string} - color and background color value
  */
+const STATUS_COLORS = {
+    SUCCESS: { color: TrilogyColor.SUCCESS, backgroundColor: TrilogyColor.SUCCESS_FADE },
+    INFO: { color: TrilogyColor.INFO, backgroundColor: TrilogyColor.INFO_FADE },
+    WARNING: { color: TrilogyColor.WARNING, backgroundColor: TrilogyColor.WARNING_FADE },
+    ERROR: { color: TrilogyColor.ERROR, backgroundColor: TrilogyColor.ERROR_FADE },
+    DEFAULT: { color: TrilogyColor.MAIN, backgroundColor: TrilogyColor.MAIN_FADE },
+};
 export const getStatusStyle = (statusType) => {
-    switch (statusType) {
-        case 'SUCCESS':
-            return getColorStyle('SUCCESS');
-        case 'INFO':
-            return getColorStyle('INFO');
-        case 'WARNING':
-            return getColorStyle('WARNING');
-        case 'ERROR':
-            return getColorStyle('ERROR');
-        default:
-            return '';
-    }
+    const colors = STATUS_COLORS[statusType || 'DEFAULT'];
+    return {
+        color: getColorStyle(colors.color),
+        backgroundColor: getColorStyle(colors.backgroundColor),
+    };
 };
 /**
  * Returns status icon name depending on alert type

package/lib/objects/facets/Status.js.map

@@ -1 +1 @@
-{"version":3,"file":"Status.js","sourceRoot":"","sources":["../../../objects/facets/Status.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAkB,MAAM,mBAAmB,CAAA;AAC5D,OAAO,EAAE,aAAa,EAAE,MAAM,SAAS,CAAA;AAEvC;;GAEG;AACH,MAAM,CAAN,IAAY,WAKX;AALD,WAAY,WAAW;IACrB,kCAAmB,CAAA;IACnB,4BAAa,CAAA;IACb,kCAAmB,CAAA;IACnB,8BAAe,CAAA;AACjB,CAAC,EALW,WAAW,KAAX,WAAW,QAKtB;AAYD;;;;GAIG;AACH,MAAM,CAAC,MAAM,kBAAkB,GAAG,CAAC,UAAmB,EAAU,EAAE;IAChE,QAAQ,UAAU,EAAE;QAClB,KAAK,SAAS;YACZ,OAAO,SAAS,CAAA;QAClB,KAAK,MAAM;YACT,OAAO,MAAM,CAAA;QACf,KAAK,SAAS;YACZ,OAAO,SAAS,CAAA;QAClB,KAAK,OAAO;YACV,OAAO,OAAO,CAAA;QAChB;YACE,OAAO,EAAE,CAAA;KACZ;AACH,CAAC,CAAA;AAED;;;;GAIG;AACH,MAAM,CAAC,MAAM,cAAc,GAAG,CAAC,UAAmB,EAAU,EAAE;IAC5D,QAAQ,UAAU,EAAE;QAClB,KAAK,SAAS;YACZ,OAAO,aAAa,CAAC,SAAS,CAAC,CAAA;QACjC,KAAK,MAAM;YACT,OAAO,aAAa,CAAC,MAAM,CAAC,CAAA;QAC9B,KAAK,SAAS;YACZ,OAAO,aAAa,CAAC,SAAS,CAAC,CAAA;QACjC,KAAK,OAAO;YACV,OAAO,aAAa,CAAC,OAAO,CAAC,CAAA;QAC/B;YACE,OAAO,EAAE,CAAA;KACZ;AACH,CAAC,CAAA;AAED;;;;GAIG;AACH,MAAM,CAAC,MAAM,iBAAiB,GAAG,CAAC,UAAmB,EAA6B,EAAE;IAClF,QAAQ,UAAU,EAAE;QAClB,KAAK,SAAS;YACZ,OAAO,QAAQ,CAAC,YAAY,CAAA;QAC9B,KAAK,MAAM;YACT,OAAO,QAAQ,CAAC,YAAY,CAAA;QAC9B,KAAK,SAAS;YACZ,OAAO,QAAQ,CAAC,KAAK,CAAA;QACvB,KAAK,OAAO;YACV,OAAO,QAAQ,CAAC,kBAAkB,CAAA;QACpC;YACE,OAAO,QAAQ,CAAC,YAAY,CAAA;KAC/B;AACH,CAAC,CAAA"}
+{"version":3,"file":"Status.js","sourceRoot":"","sources":["../../../objects/facets/Status.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAkB,MAAM,mBAAmB,CAAA;AAC5D,OAAO,EAAE,aAAa,EAAE,YAAY,EAAE,MAAM,SAAS,CAAA;AAErD;;GAEG;AACH,MAAM,CAAN,IAAY,WAKX;AALD,WAAY,WAAW;IACrB,kCAAmB,CAAA;IACnB,4BAAa,CAAA;IACb,kCAAmB,CAAA;IACnB,8BAAe,CAAA;AACjB,CAAC,EALW,WAAW,KAAX,WAAW,QAKtB;AAYD;;;;GAIG;AACH,MAAM,CAAC,MAAM,kBAAkB,GAAG,CAAC,UAAmB,EAAU,EAAE;IAChE,QAAQ,UAAU,EAAE;QAClB,KAAK,SAAS;YACZ,OAAO,SAAS,CAAA;QAClB,KAAK,MAAM;YACT,OAAO,MAAM,CAAA;QACf,KAAK,SAAS;YACZ,OAAO,SAAS,CAAA;QAClB,KAAK,OAAO;YACV,OAAO,OAAO,CAAA;QAChB;YACE,OAAO,EAAE,CAAA;KACZ;AACH,CAAC,CAAA;AAED;;;;GAIG;AACH,MAAM,aAAa,GAAG;IACpB,OAAO,EAAE,EAAE,KAAK,EAAE,YAAY,CAAC,OAAO,EAAE,eAAe,EAAE,YAAY,CAAC,YAAY,EAAE;IACpF,IAAI,EAAE,EAAE,KAAK,EAAE,YAAY,CAAC,IAAI,EAAE,eAAe,EAAE,YAAY,CAAC,SAAS,EAAE;IAC3E,OAAO,EAAE,EAAE,KAAK,EAAE,YAAY,CAAC,OAAO,EAAE,eAAe,EAAE,YAAY,CAAC,YAAY,EAAE;IACpF,KAAK,EAAE,EAAE,KAAK,EAAE,YAAY,CAAC,KAAK,EAAE,eAAe,EAAE,YAAY,CAAC,UAAU,EAAE;IAC9E,OAAO,EAAE,EAAE,KAAK,EAAE,YAAY,CAAC,IAAI,EAAE,eAAe,EAAE,YAAY,CAAC,SAAS,EAAE;CAC/E,CAAA;AAED,MAAM,CAAC,MAAM,cAAc,GAAG,CAAC,UAAuC,EAA6C,EAAE;IACnH,MAAM,MAAM,GAAG,aAAa,CAAC,UAAU,IAAI,SAAS,CAAC,CAAA;IACrD,OAAO;QACL,KAAK,EAAE,aAAa,CAAC,MAAM,CAAC,KAAK,CAAC;QAClC,eAAe,EAAE,aAAa,CAAC,MAAM,CAAC,eAAe,CAAC;KACvD,CAAA;AACH,CAAC,CAAA;AAED;;;;GAIG;AACH,MAAM,CAAC,MAAM,iBAAiB,GAAG,CAAC,UAAmB,EAA6B,EAAE;IAClF,QAAQ,UAAU,EAAE;QAClB,KAAK,SAAS;YACZ,OAAO,QAAQ,CAAC,YAAY,CAAA;QAC9B,KAAK,MAAM;YACT,OAAO,QAAQ,CAAC,YAAY,CAAA;QAC9B,KAAK,SAAS;YACZ,OAAO,QAAQ,CAAC,KAAK,CAAA;QACvB,KAAK,OAAO;YACV,OAAO,QAAQ,CAAC,kBAAkB,CAAA;QACpC;YACE,OAAO,QAAQ,CAAC,YAAY,CAAA;KAC/B;AACH,CAAC,CAAA"}

package/lib/objects/facets/Variant.js

@@ -49,7 +49,7 @@ export const getVariantStyle = (variantType) => {
         case "MAIN":
             return getColorStyle(TrilogyColor.MAIN);
         case "SECONDARY":
-            return getColorStyle(TrilogyColor.FADE_MAIN);
+            return getColorStyle(TrilogyColor.MAIN_FADE);
         case "TERTIARY":
             return getColorStyle(TrilogyColor.MAIN);
         case "INFO":

package/lib/version.d.ts

@@ -1 +1 @@
-export declare const version = "0.0.1-beta-78";
+export declare const version = "0.0.1-beta-82";

package/lib/version.js

@@ -1,2 +1,2 @@
-export const version = "0.0.1-beta-78";
+export const version = "0.0.1-beta-82";
 //# sourceMappingURL=version.js.map

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@trilogy-ds/react",
-  "version": "0.0.1-beta-78",
+  "version": "0.0.1-beta-82",
   "type": "module",
   "author": "Bouygues Telecom",
   "files": [

package/lib/components/toaster/Toaster.d.ts

@@ -1,11 +0,0 @@
-/// <reference types="react" />
-import { ToasterProps } from './ToasterProps';
-/**
- * Toaster provider
- * @param children {React.ReactNode} Custom Toast Content
- * @param duration {number} Duration in MS (Default: 5000)
- * @param offset {number} Offset position margin (Default: 10 dp)
- * @param others
- */
-declare const ToasterProvider: ({ children }: ToasterProps) => JSX.Element;
-export default ToasterProvider;

package/lib/components/toaster/Toaster.js

@@ -1,93 +0,0 @@
-import clsx from 'clsx';
-import React, { useEffect, useRef, useState } from 'react';
-import { getStatusClassName } from '../../objects/facets/Status';
-import { Icon } from '../../components/icon';
-import { Text } from '../../components/text';
-import { Title, TitleLevels } from '../../components/title';
-import { ToasterPosition } from './ToasterProps';
-import { is } from '../../services/classify';
-import ToasterContext from './context';
-import { hashClass } from '../../helpers/hashClassesHelpers';
-import { useTrilogyContext } from '../../context';
-import { IconSize } from '../../components/icon/IconEnum';
-import { IconName } from '../../components/icon/IconNameEnum';
-/**
- * Toaster Component
- * @param children {React.ReactNode} Custom Toast Content
- */
-const Toaster = ({ props, ...others }) => {
-    const { styled } = useTrilogyContext();
-    const { title, position, description, iconName, status, closable, onClick, className, offset, children } = props;
-    const displayed = Boolean(title);
-    const positionTop = {
-        top: offset || 0,
-        position: 'fixed',
-    };
-    const positionBottom = {
-        bottom: offset || 0,
-        position: 'fixed',
-    };
-    const classes = hashClass(styled, clsx('toaster', status && is(getStatusClassName(status)), !alert && is('info'), className));
-    if (!displayed) {
-        return null;
-    }
-    if (children) {
-        return (React.createElement("div", { "data-testid": props.testId, style: (position === ToasterPosition.TOP && positionTop) ||
-                (position === ToasterPosition.BOTTOM && positionBottom) ||
-                positionTop, onClick: (e) => {
-                // eslint-disable-next-line no-unused-expressions
-                onClick === null || onClick === void 0 ? void 0 : onClick(e);
-                e.stopPropagation();
-            }, className: classes, ...others }, children));
-    }
-    return title ? (React.createElement("div", { "data-testid": props.testId, style: (position === ToasterPosition.TOP && positionTop) ||
-            (position === ToasterPosition.BOTTOM && positionBottom) ||
-            positionTop, onClick: (e) => {
-            // eslint-disable-next-line no-unused-expressions
-            onClick === null || onClick === void 0 ? void 0 : onClick(e);
-            e.stopPropagation();
-        }, className: classes, ...others },
-        iconName && React.createElement(Icon, { name: iconName, size: IconSize.SMALL }),
-        React.createElement("div", { className: hashClass(styled, clsx('body')) },
-            title && React.createElement(Title, { level: TitleLevels.ONE }, title),
-            description && React.createElement(Text, null, description)),
-        closable && React.createElement(Icon, { onClick: closable, className: 'toaster-close', name: IconName.TIMES, size: IconSize.SMALL }))) : null;
-};
-/**
- * Toaster provider
- * @param children {React.ReactNode} Custom Toast Content
- * @param duration {number} Duration in MS (Default: 5000)
- * @param offset {number} Offset position margin (Default: 10 dp)
- * @param others
- */
-const ToasterProvider = ({ children }) => {
-    const [toasterState, setToasterState] = useState(null);
-    const [duration, setDuration] = useState(5000);
-    const timeRef = useRef(null);
-    const showToast = (params) => {
-        setToasterState(params);
-        params.duration && params.duration > 0 && setDuration(params.duration);
-        timeRef.current && clearTimeout(timeRef.current);
-    };
-    useEffect(() => {
-        timeRef.current = setTimeout(() => {
-            setToasterState(null);
-        }, duration);
-    }, [toasterState, toasterState === null || toasterState === void 0 ? void 0 : toasterState.title]);
-    return (React.createElement(ToasterContext.Provider, { value: { show: showToast, hide: () => null } },
-        children,
-        React.createElement(Toaster, { props: {
-                title: toasterState === null || toasterState === void 0 ? void 0 : toasterState.title,
-                description: toasterState === null || toasterState === void 0 ? void 0 : toasterState.description,
-                position: toasterState === null || toasterState === void 0 ? void 0 : toasterState.position,
-                iconName: toasterState === null || toasterState === void 0 ? void 0 : toasterState.iconName,
-                status: toasterState === null || toasterState === void 0 ? void 0 : toasterState.status,
-                onClick: toasterState === null || toasterState === void 0 ? void 0 : toasterState.onClick,
-                onHide: toasterState === null || toasterState === void 0 ? void 0 : toasterState.onHide,
-                closable: toasterState === null || toasterState === void 0 ? void 0 : toasterState.closable,
-                offset: toasterState === null || toasterState === void 0 ? void 0 : toasterState.offset,
-                testId: toasterState === null || toasterState === void 0 ? void 0 : toasterState.testId,
-            } })));
-};
-export default ToasterProvider;
-//# sourceMappingURL=Toaster.js.map

package/lib/components/toaster/Toaster.js.map

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

package/lib/components/toaster/Toaster.native.d.ts

@@ -1,15 +0,0 @@
-/// <reference types="react" />
-import { ToasterProps } from "./ToasterProps";
-import { ComponentName } from "../../components/enumsComponentsName";
-/**
- * Toaster provider
- * @param children {React.ReactNode} Custom Toast Content
- * @param duration {number} Duration in MS (Default: 5000)
- * @param offset {number} Offset position margin (Default: 10 dp)
- * @param others
- */
-declare const ToasterProvider: {
-    ({ children }: ToasterProps): JSX.Element;
-    displayName: ComponentName;
-};
-export default ToasterProvider;

package/lib/components/toaster/Toaster.native.js

@@ -1,93 +0,0 @@
-import * as React from "react";
-import { StyleSheet, TouchableOpacity } from "react-native";
-import LibToast from "react-native-toast-message";
-import { ToasterPosition } from "./ToasterProps";
-import { View } from "../../components/view";
-import { Title } from "../../components/title";
-import { Text, TextLevels } from "../../components/text";
-import { Icon, IconName, IconSize } from "../../components/icon";
-import { Columns, ColumnsItem } from "../../components/columns";
-import { getStatusStyle, getColorStyle, TrilogyColor, } from "../../objects";
-import { Spacer, SpacerSize } from "../../components/spacer";
-import ToasterContext from "./context";
-import { ComponentName } from "../../components/enumsComponentsName";
-/**
- * Function call by context for showing toast
- * @param params {ToasterShowContext}
- */
-const showToast = (params) => {
-    const { position, duration, offset, title, description, onClick, closable, onHide, iconName, status, } = params;
-    LibToast.show({
-        type: "tomatoToast",
-        position: position || ToasterPosition.BOTTOM,
-        bottomOffset: offset || 10,
-        topOffset: offset || 10,
-        visibilityTime: duration || 5000,
-        onHide,
-        props: { title, description, closable, iconName, status, onClick },
-    });
-};
-/**
- * Ui of the toast
- * @param title {string} Notification title content
- * @param description {string|ReactNode} Notification description content
- * @param iconName {IconName} Custom icon
- * @param status {StatusState} Status Variant (INFO|SUCCESS|WARNING|ERROR)
- * @param onClick {Function} onClick Event for all notification
- * @param closable {Function} onClick Event on cross icon
- */
-const Toaster = ({ props }) => {
-    const { title, description, iconName, status, closable, onClick } = props;
-    const color = getStatusStyle(status) || getColorStyle(TrilogyColor.MAIN);
-    const backgroundColor = getColorStyle(status, 1);
-    const styles = StyleSheet.create({
-        toaster: {
-            padding: 24,
-        },
-        toasterContainer: {
-            borderWidth: 1,
-            borderColor: color,
-            backgroundColor: backgroundColor,
-            padding: 14,
-            borderRadius: 6,
-        },
-        icon: {
-            fontSize: 16,
-            color: color,
-            marginTop: 1.5,
-        },
-    });
-    return (React.createElement(View, { style: styles.toaster },
-        React.createElement(TouchableOpacity, { style: styles.toasterContainer, onPress: onClick },
-            React.createElement(Columns, null,
-                React.createElement(ColumnsItem, { size: 1 }, iconName && React.createElement(Icon, { style: styles.icon, name: iconName })),
-                React.createElement(ColumnsItem, null,
-                    title && React.createElement(Title, null, title),
-                    description && (React.createElement(React.Fragment, null,
-                        React.createElement(Spacer, { size: SpacerSize.SMALL }),
-                        React.createElement(Text, { level: TextLevels.THREE }, description)))),
-                closable && (React.createElement(ColumnsItem, { size: 1 },
-                    React.createElement(TouchableOpacity, { onPress: (e) => {
-                            LibToast.hide();
-                            closable(e);
-                        } },
-                        React.createElement(Icon, { name: IconName.TIMES, size: IconSize.SMALL }))))))));
-};
-/**
- * Toaster provider
- * @param children {React.ReactNode} Custom Toast Content
- * @param duration {number} Duration in MS (Default: 5000)
- * @param offset {number} Offset position margin (Default: 10 dp)
- * @param others
- */
-const ToasterProvider = ({ children }) => {
-    const toastConfig = {
-        tomatoToast: Toaster,
-    };
-    return (React.createElement(ToasterContext.Provider, { value: { show: showToast, hide: LibToast.hide } },
-        children,
-        React.createElement(LibToast, { config: toastConfig })));
-};
-ToasterProvider.displayName = ComponentName.ToasterProvider;
-export default ToasterProvider;
-//# sourceMappingURL=Toaster.native.js.map

package/lib/components/toaster/Toaster.native.js.map

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

package/lib/components/toaster/ToasterEnum.d.ts

@@ -1 +0,0 @@
-export declare const getInfoColorStyle: (InfoColor?: string) => string;

package/lib/components/toaster/ToasterEnum.js

@@ -1,16 +0,0 @@
-import { getColorStyle } from "../../objects/facets";
-export const getInfoColorStyle = (InfoColor) => {
-    switch (InfoColor) {
-        case "SUCCESS":
-            return getColorStyle("SUCCESS", 1);
-        case "INFO":
-            return getColorStyle("INFO", 1);
-        case "WARNING":
-            return getColorStyle("WARNING", 1);
-        case "ERROR":
-            return getColorStyle("ERROR", 1);
-        default:
-            return "";
-    }
-};
-//# sourceMappingURL=ToasterEnum.js.map

package/lib/components/toaster/ToasterEnum.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ToasterEnum.js","sourceRoot":"","sources":["../../../components/toaster/ToasterEnum.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAA;AAEhD,MAAM,CAAC,MAAM,iBAAiB,GAAG,CAAC,SAAkB,EAAU,EAAE;IAC9D,QAAQ,SAAS,EAAE;QACjB,KAAK,SAAS;YACZ,OAAO,aAAa,CAAC,SAAS,EAAE,CAAC,CAAC,CAAA;QACpC,KAAK,MAAM;YACT,OAAO,aAAa,CAAC,MAAM,EAAE,CAAC,CAAC,CAAA;QACjC,KAAK,SAAS;YACZ,OAAO,aAAa,CAAC,SAAS,EAAE,CAAC,CAAC,CAAA;QACpC,KAAK,OAAO;YACV,OAAO,aAAa,CAAC,OAAO,EAAE,CAAC,CAAC,CAAA;QAClC;YACE,OAAO,EAAE,CAAA;KACZ;AACH,CAAC,CAAA"}