@trilogy-ds/react 0.0.1-beta-110 → 0.0.1-beta-112

package/lib/objects/Typography/TypographyColor.js

@@ -11,6 +11,7 @@ export var TypographyColor;
     TypographyColor["TEXT_WARNING"] = "has-text-warning";
     TypographyColor["TEXT_ERROR"] = "has-text-error";
     TypographyColor["TEXT_NEUTRAL"] = "has-text-grey";
+    TypographyColor["TEXT_NEUTRAL_DARK"] = "has-text-grey-dark";
     TypographyColor["TEXT_WHITE"] = "has-text-white";
     TypographyColor["TEXT_DISABLED"] = "has-text-disabled";
 })(TypographyColor || (TypographyColor = {}));
@@ -21,38 +22,42 @@ export var TypographyColor;
  */
 export const setTypographyColor = (typo = "", inverted = false) => {
     return ((Array.isArray(typo) && typo.includes(TypographyColor.TEXT_ACCENT)
-        ? getColorStyle(TrilogyColor.ACCENT)
+        ? getColorStyle(TrilogyColor.ACCENT, 0)
         : typo === TypographyColor.TEXT_ACCENT &&
-            getColorStyle(TrilogyColor.ACCENT)) ||
+            getColorStyle(TrilogyColor.ACCENT, 0)) ||
         (Array.isArray(typo) && typo.includes(TypographyColor.TEXT_MAIN)
-            ? getColorStyle(TrilogyColor.MAIN)
+            ? getColorStyle(TrilogyColor.MAIN, 0)
             : typo === TypographyColor.TEXT_MAIN &&
-                getColorStyle(TrilogyColor.MAIN)) ||
+                getColorStyle(TrilogyColor.MAIN, 0)) ||
         (Array.isArray(typo) && typo.includes(TypographyColor.TEXT_INFO)
-            ? getColorStyle(TrilogyColor.INFO)
+            ? getColorStyle(TrilogyColor.INFO, 0)
             : typo === TypographyColor.TEXT_INFO &&
-                getColorStyle(TrilogyColor.INFO)) ||
+                getColorStyle(TrilogyColor.INFO, 0)) ||
         (Array.isArray(typo) && typo.includes(TypographyColor.TEXT_SUCCESS)
-            ? getColorStyle(TrilogyColor.SUCCESS)
+            ? getColorStyle(TrilogyColor.SUCCESS, 0)
             : typo === TypographyColor.TEXT_SUCCESS &&
-                getColorStyle(TrilogyColor.SUCCESS)) ||
+                getColorStyle(TrilogyColor.SUCCESS, 0)) ||
         (Array.isArray(typo) && typo.includes(TypographyColor.TEXT_WARNING)
-            ? getColorStyle(TrilogyColor.WARNING)
+            ? getColorStyle(TrilogyColor.WARNING, 0)
             : typo === TypographyColor.TEXT_WARNING &&
-                getColorStyle(TrilogyColor.WARNING)) ||
+                getColorStyle(TrilogyColor.WARNING, 0)) ||
         (Array.isArray(typo) && typo.includes(TypographyColor.TEXT_ERROR)
-            ? getColorStyle(TrilogyColor.ERROR)
+            ? getColorStyle(TrilogyColor.ERROR, 0)
             : typo === TypographyColor.TEXT_ERROR &&
-                getColorStyle(TrilogyColor.ERROR)) ||
+                getColorStyle(TrilogyColor.ERROR, 0)) ||
+        (Array.isArray(typo) && typo.includes(TypographyColor.TEXT_NEUTRAL_DARK)
+            ? getColorStyle(TrilogyColor.NEUTRAL_DARK, 0)
+            : typo === TypographyColor.TEXT_NEUTRAL_DARK &&
+                getColorStyle(TrilogyColor.NEUTRAL_DARK, 0)) ||
         (Array.isArray(typo) && typo.includes(TypographyColor.TEXT_NEUTRAL)
-            ? getColorStyle(TrilogyColor.NEUTRAL)
+            ? getColorStyle(TrilogyColor.NEUTRAL, 0)
             : typo === TypographyColor.TEXT_NEUTRAL &&
-                getColorStyle(TrilogyColor.NEUTRAL)) ||
+                getColorStyle(TrilogyColor.NEUTRAL, 0)) ||
         (Array.isArray(typo) && typo.includes(TypographyColor.TEXT_WHITE)
-            ? getColorStyle(TrilogyColor.BACKGROUND)
+            ? getColorStyle(TrilogyColor.BACKGROUND, 0)
             : typo === TypographyColor.TEXT_WHITE &&
-                getColorStyle(TrilogyColor.BACKGROUND)) ||
-        (inverted && !typo && getColorStyle(TrilogyColor.BACKGROUND)) ||
-        getColorStyle(TrilogyColor.MAIN));
+                getColorStyle(TrilogyColor.BACKGROUND, 0)) ||
+        (inverted && !typo && getColorStyle(TrilogyColor.BACKGROUND, 0)) ||
+        getColorStyle(TrilogyColor.MAIN, 0));
 };
 //# sourceMappingURL=TypographyColor.js.map

package/lib/objects/Typography/TypographyColor.js.map

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

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

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

package/lib/objects/atoms/Background.js

@@ -1,10 +1,23 @@
-import { getColorClassName, } from "../../objects/facets/Color";
+import { getColorClassName, getColorStyle, } 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' : ''}`;
+    }
     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,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"}
+{"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,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"}

package/lib/objects/atoms/Text.js

@@ -23,7 +23,9 @@ export const getTextClassName = (textType) => {
         case "WHITE":
             return "text-white";
         case "NEUTRAL":
-            return "text-neutral";
+            return "text-neutral-light";
+        case "NEUTRAL_DARK":
+            return "text-neutral-dark";
         case "SUCCESS":
             return "text-success";
         case "WARNING":

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

@@ -1 +1 @@
-{"version":3,"file":"Text.js","sourceRoot":"","sources":["../../../objects/atoms/Text.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,IAAK,SAIJ;AAJD,WAAK,SAAS;IACZ,0BAAa,CAAA;IACb,8BAAiB,CAAA;IACjB,0BAAa,CAAA;AACf,CAAC,EAJI,SAAS,KAAT,SAAS,QAIb;AASD;;;;GAIG;AACH,MAAM,CAAC,MAAM,gBAAgB,GAAG,CAAC,QAAiB,EAAU,EAAE;IAC5D,QAAQ,QAAQ,EAAE;QAChB,KAAK,MAAM;YACT,OAAO,WAAW,CAAA;QACpB,KAAK,QAAQ;YACX,OAAO,aAAa,CAAA;QACtB,KAAK,MAAM;YACT,OAAO,WAAW,CAAA;QACpB,KAAK,OAAO;YACV,OAAO,YAAY,CAAA;QACrB,KAAK,SAAS;YACZ,OAAO,cAAc,CAAA;QACvB,KAAK,SAAS;YACZ,OAAO,cAAc,CAAA;QACvB,KAAK,SAAS;YACZ,OAAO,cAAc,CAAA;QACvB,KAAK,OAAO;YACV,OAAO,YAAY,CAAA;QACrB;YACE,OAAO,EAAE,CAAA;KACZ;AACH,CAAC,CAAA"}
+{"version":3,"file":"Text.js","sourceRoot":"","sources":["../../../objects/atoms/Text.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,IAAK,SAIJ;AAJD,WAAK,SAAS;IACZ,0BAAa,CAAA;IACb,8BAAiB,CAAA;IACjB,0BAAa,CAAA;AACf,CAAC,EAJI,SAAS,KAAT,SAAS,QAIb;AASD;;;;GAIG;AACH,MAAM,CAAC,MAAM,gBAAgB,GAAG,CAAC,QAAiB,EAAU,EAAE;IAC5D,QAAQ,QAAQ,EAAE;QAChB,KAAK,MAAM;YACT,OAAO,WAAW,CAAA;QACpB,KAAK,QAAQ;YACX,OAAO,aAAa,CAAA;QACtB,KAAK,MAAM;YACT,OAAO,WAAW,CAAA;QACpB,KAAK,OAAO;YACV,OAAO,YAAY,CAAA;QACrB,KAAK,SAAS;YACZ,OAAO,oBAAoB,CAAA;QAC7B,KAAK,cAAc;YACjB,OAAO,mBAAmB,CAAA;QAC5B,KAAK,SAAS;YACZ,OAAO,cAAc,CAAA;QACvB,KAAK,SAAS;YACZ,OAAO,cAAc,CAAA;QACvB,KAAK,OAAO;YACV,OAAO,YAAY,CAAA;QACrB;YACE,OAAO,EAAE,CAAA;KACZ;AACH,CAAC,CAAA"}

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

@@ -0,0 +1,36 @@
+import { IconName, IconNameValues } from '../../components/icon';
+/**
+ * Alert State
+ */
+export declare enum AlertState {
+    SUCCESS = "SUCCESS",
+    INFO = "INFO",
+    WARNING = "WARNING",
+    ERROR = "ERROR"
+}
+export type AlertStateValues = `${AlertState}`;
+/**
+ * Alert props
+ */
+export interface AlertProps {
+    alert?: AlertState | AlertStateValues;
+    id?: string;
+}
+/**
+ * Returns alert's classname depending on alert type
+ * @param alertType {string} - Alert type
+ * @returns {string} - Alert value
+ */
+export declare const getAlertClassName: (alertType?: string) => string;
+/**
+ * Returns alert's style depending on alert type
+ * @param alertType {string} - Alert type
+ * @returns {string} - Alert value
+ */
+export declare const getAlertStyle: (alertType?: string) => string;
+/**
+ * Returns alert's icon name depending on alert type
+ * @param alertType {string} - Alert type
+ * @returns {string} - Alert value
+ */
+export declare const getAlertIconName: (alertType?: string) => IconName | IconNameValues;

package/lib/objects/facets/Alert.js

@@ -0,0 +1,70 @@
+import { IconName } from '../../components/icon';
+import { getColorStyle } from './Color';
+/**
+ * Alert State
+ */
+export var AlertState;
+(function (AlertState) {
+    AlertState["SUCCESS"] = "SUCCESS";
+    AlertState["INFO"] = "INFO";
+    AlertState["WARNING"] = "WARNING";
+    AlertState["ERROR"] = "ERROR";
+})(AlertState || (AlertState = {}));
+/**
+ * Returns alert's classname depending on alert type
+ * @param alertType {string} - Alert type
+ * @returns {string} - Alert value
+ */
+export const getAlertClassName = (alertType) => {
+    switch (alertType) {
+        case 'SUCCESS':
+            return 'success';
+        case 'INFO':
+            return 'info';
+        case 'WARNING':
+            return 'warning';
+        case 'ERROR':
+            return 'error';
+        default:
+            return '';
+    }
+};
+/**
+ * Returns alert's style depending on alert type
+ * @param alertType {string} - Alert type
+ * @returns {string} - Alert value
+ */
+export const getAlertStyle = (alertType) => {
+    switch (alertType) {
+        case 'SUCCESS':
+            return getColorStyle('SUCCESS');
+        case 'INFO':
+            return getColorStyle('INFO');
+        case 'WARNING':
+            return getColorStyle('WARNING');
+        case 'ERROR':
+            return getColorStyle('ERROR');
+        default:
+            return '';
+    }
+};
+/**
+ * Returns alert's icon name depending on alert type
+ * @param alertType {string} - Alert type
+ * @returns {string} - Alert value
+ */
+export const getAlertIconName = (alertType) => {
+    switch (alertType) {
+        case 'SUCCESS':
+            return IconName.CHECK_CIRCLE;
+        case 'INFO':
+            return IconName.INFOS_CIRCLE;
+        case 'WARNING':
+            return IconName.ALERT;
+        case 'ERROR':
+            return IconName.EXCLAMATION_CIRCLE;
+        default:
+            return IconName.INFOS_CIRCLE;
+    }
+};
+//# sourceMappingURL=Alert.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Alert.js","sourceRoot":"","sources":["../../../objects/facets/Alert.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,UAKX;AALD,WAAY,UAAU;IACpB,iCAAmB,CAAA;IACnB,2BAAa,CAAA;IACb,iCAAmB,CAAA;IACnB,6BAAe,CAAA;AACjB,CAAC,EALW,UAAU,KAAV,UAAU,QAKrB;AAYD;;;;GAIG;AACH,MAAM,CAAC,MAAM,iBAAiB,GAAG,CAAC,SAAkB,EAAU,EAAE;IAC9D,QAAQ,SAAS,EAAE;QACjB,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,aAAa,GAAG,CAAC,SAAkB,EAAU,EAAE;IAC1D,QAAQ,SAAS,EAAE;QACjB,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,gBAAgB,GAAG,CAAC,SAAkB,EAA6B,EAAE;IAChF,QAAQ,SAAS,EAAE;QACjB,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/Color.d.ts

@@ -4,28 +4,23 @@
 export declare enum TrilogyColor {
     BACKGROUND = "WHITE",
     MAIN = "MAIN",
-    MAIN_FADE = "MAIN_FADE",
     ACCENT = "ACCENT",
     FONT = "FONT",
-    FONT_PLACEHOLDER = "FONT_PLACEHOLDER",
     SUCCESS = "SUCCESS",
-    SUCCESS_FADE = "SUCCESS_FADE",
     INFO = "INFO",
-    INFO_FADE = "INFO_FADE",
     WARNING = "WARNING",
-    WARNING_FADE = "WARNING_FADE",
     ERROR = "ERROR",
-    ERROR_FADE = "ERROR_FADE",
     DISABLED = "DISABLED",
-    DISABLED_FADE = "DISABLED_FADE",
+    HOVERED = "HOVERED",
     NEUTRAL = "NEUTRAL",
-    NEUTRAL_FADE = "NEUTRAL_FADE"
+    NEUTRAL_DARK = "NEUTRAL_DARK",
+    NEUTRAL_LIGHT = "NEUTRAL_LIGHT"
 }
 export type TrilogyColorValues = `${TrilogyColor}`;
 /**
  * Trilogy color values
  */
-export declare const colors: Record<any, string[]>;
+export declare const colors: Record<TrilogyColor, string[]>;
 /**
  * Returns color's className depending on Trilogy Color
  * @param trilogyColor {string} - Trilogy Color
@@ -45,4 +40,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) => string;
+export declare const getColorStyle: (trilogyColor: TrilogyColor | TrilogyColorValues, index?: number) => string;

package/lib/objects/facets/Color.js

@@ -1,5 +1,5 @@
-import { TrilogyThemeContext } from '../../context/providerTheme';
-import { useContext } from 'react';
+import { useContext } from "react";
+import { TrilogyThemeContext } from "../../context/providerTheme";
 /**
  * Trilogy color
  */
@@ -7,45 +7,35 @@ export var TrilogyColor;
 (function (TrilogyColor) {
     TrilogyColor["BACKGROUND"] = "WHITE";
     TrilogyColor["MAIN"] = "MAIN";
-    TrilogyColor["MAIN_FADE"] = "MAIN_FADE";
     TrilogyColor["ACCENT"] = "ACCENT";
     TrilogyColor["FONT"] = "FONT";
-    TrilogyColor["FONT_PLACEHOLDER"] = "FONT_PLACEHOLDER";
     TrilogyColor["SUCCESS"] = "SUCCESS";
-    TrilogyColor["SUCCESS_FADE"] = "SUCCESS_FADE";
     TrilogyColor["INFO"] = "INFO";
-    TrilogyColor["INFO_FADE"] = "INFO_FADE";
     TrilogyColor["WARNING"] = "WARNING";
-    TrilogyColor["WARNING_FADE"] = "WARNING_FADE";
     TrilogyColor["ERROR"] = "ERROR";
-    TrilogyColor["ERROR_FADE"] = "ERROR_FADE";
     TrilogyColor["DISABLED"] = "DISABLED";
-    TrilogyColor["DISABLED_FADE"] = "DISABLED_FADE";
+    TrilogyColor["HOVERED"] = "HOVERED";
     TrilogyColor["NEUTRAL"] = "NEUTRAL";
-    TrilogyColor["NEUTRAL_FADE"] = "NEUTRAL_FADE";
+    TrilogyColor["NEUTRAL_DARK"] = "NEUTRAL_DARK";
+    TrilogyColor["NEUTRAL_LIGHT"] = "NEUTRAL_LIGHT";
 })(TrilogyColor || (TrilogyColor = {}));
 /**
  * Trilogy color values
  */
 export const colors = {
-    [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.FONT_PLACEHOLDER]: ['#818283', 'font-placeholder', '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'],
+    [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.NEUTRAL_DARK]: ["#646464", "#E9E9E9", "grey-dark", "white"],
+    [TrilogyColor.NEUTRAL_LIGHT]: ["#E9E9E9", "#E9E9E9", "grey-light", "grey"],
+    [TrilogyColor.HOVERED]: ["#F4F4F4", "#F4F4F4", "hovered", "white"],
 };
 /**
  * Returns color's className depending on Trilogy Color
@@ -54,7 +44,7 @@ export const colors = {
  */
 export const getColorClassName = (trilogyColor) => {
     const color = colors[trilogyColor];
-    return color[1];
+    return color[2];
 };
 /**
  * Returns color button's className depending on Trilogy Color
@@ -63,37 +53,37 @@ export const getColorClassName = (trilogyColor) => {
  */
 export const getButtonVariantClassName = (trilogyColor) => {
     switch (trilogyColor) {
-        case 'CONVERSION':
-            return 'conversion';
-        case 'PRIMARY':
-            return 'primary';
-        case 'SECONDARY':
-            return 'secondary';
-        case 'GHOST':
-            return 'ghost';
-        case 'SUCCESS':
-            return 'success';
-        case 'INFO':
-            return 'info';
-        case 'WARNING':
-            return 'warning';
-        case 'ERROR':
-            return 'error';
-        case 'DISABLED':
-            return 'disabled';
+        case "CONVERSION":
+            return "conversion";
+        case "PRIMARY":
+            return "primary";
+        case "SECONDARY":
+            return "secondary";
+        case "GHOST":
+            return "ghost";
+        case "SUCCESS":
+            return "success";
+        case "INFO":
+            return "info";
+        case "WARNING":
+            return "warning";
+        case "ERROR":
+            return "error";
+        case "DISABLED":
+            return "disabled";
         default:
-            return 'primary';
+            return "primary";
     }
 };
 export const getButtonColorStyle = (buttonVariant) => {
     switch (buttonVariant) {
-        case 'ACCENT':
+        case "ACCENT":
             return TrilogyColor.ACCENT;
-        case 'PRIMARY':
+        case "PRIMARY":
             return TrilogyColor.MAIN;
-        case 'SECONDARY':
-            return TrilogyColor.MAIN_FADE;
-        case 'GHOST':
+        case "SECONDARY":
+            return TrilogyColor.HOVERED;
+        case "GHOST":
             return TrilogyColor.BACKGROUND;
         default:
             return TrilogyColor.MAIN;
@@ -105,18 +95,25 @@ export const getButtonColorStyle = (buttonVariant) => {
  * @param index {number} - Index of color ( 1 for BG )
  * @returns {string} - Color style value
  */
-export const getColorStyle = (trilogyColor) => {
+export const getColorStyle = (trilogyColor, index) => {
     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[0];
+        return colorArray[colorIndex];
     }
     else {
-        return colors[trilogyColor][0] || colors['main'][0];
+        const colorArray = colors[trilogyColor];
+        const colorIndex = index !== undefined && index >= 0 && index < colorArray.length
+            ? index
+            : 0;
+        return colorArray[colorIndex];
     }
 };
 //# 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/Justifiable.d.ts

@@ -17,4 +17,4 @@ export interface JustifiableProps {
  * @returns {string} - Justify value
  */
 export declare const getJustifyStyle: (justifyContent?: string) => "center" | "flex-start" | "flex-end" | "space-between";
-export declare const getJustifyClassName: (justifyContent?: string) => "justified-start" | "justified-end" | "centered" | "spaced-between";
+export declare const getJustifyClassName: (justifyContent?: string) => "centered" | "justified-start" | "justified-end" | "spaced-between";

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

@@ -1,5 +1,4 @@
 import { IconName, IconNameValues } from '../../components/icon';
-import { TrilogyColor } from './Color';
 /**
  * Alert State
  */
@@ -26,38 +25,12 @@ export declare const getStatusClassName: (statusType?: string) => string;
 /**
  * Returns status style depending on alert type
  * @param statusType {string} - Alert type
- * @returns { color: string, backgroundColor: string} - color and background color value
+ * @returns {string} - Alert value
  */
-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;
-};
+export declare const getStatusStyle: (statusType?: string) => 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, TrilogyColor } from './Color';
+import { getColorStyle } 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 { color: string, backgroundColor: string} - color and background color value
+ * @returns {string} - Alert 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) => {
-    const colors = STATUS_COLORS[statusType || 'DEFAULT'];
-    return {
-        color: getColorStyle(colors.color),
-        backgroundColor: getColorStyle(colors.backgroundColor),
-    };
+    switch (statusType) {
+        case 'SUCCESS':
+            return getColorStyle('SUCCESS');
+        case 'INFO':
+            return getColorStyle('INFO');
+        case 'WARNING':
+            return getColorStyle('WARNING');
+        case 'ERROR':
+            return getColorStyle('ERROR');
+        default:
+            return '';
+    }
 };
 /**
  * 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,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"}
+{"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"}

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.MAIN_FADE);
+            return getColorStyle(TrilogyColor.HOVERED);
         case "TERTIARY":
             return getColorStyle(TrilogyColor.MAIN);
         case "INFO":