@trilogy-ds/react 0.0.1-beta-73 → 0.0.1-beta-75

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

@@ -7,7 +7,7 @@ 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 { getAlertStyle, getColorStyle, TrilogyColor, } from "../../objects";
+import { getStatusStyle, getColorStyle, TrilogyColor, } from "../../objects";
 import { Spacer, SpacerSize } from "../../components/spacer";
 import ToasterContext from "./context";
 import { ComponentName } from "../../components/enumsComponentsName";
@@ -16,7 +16,7 @@ import { ComponentName } from "../../components/enumsComponentsName";
  * @param params {ToasterShowContext}
  */
 const showToast = (params) => {
-    const { position, duration, offset, title, description, onClick, closable, onHide, iconName, alert, } = params;
+    const { position, duration, offset, title, description, onClick, closable, onHide, iconName, status, } = params;
     LibToast.show({
         type: "tomatoToast",
         position: position || ToasterPosition.BOTTOM,
@@ -24,7 +24,7 @@ const showToast = (params) => {
         topOffset: offset || 10,
         visibilityTime: duration || 5000,
         onHide,
-        props: { title, description, closable, iconName, alert, onClick },
+        props: { title, description, closable, iconName, status, onClick },
     });
 };
 /**
@@ -32,14 +32,14 @@ const showToast = (params) => {
  * @param title {string} Notification title content
  * @param description {string|ReactNode} Notification description content
  * @param iconName {IconName} Custom icon
- * @param alert {AlertState} Alert Variant (INFO|SUCCESS|WARNING|ERROR)
+ * @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, alert, closable, onClick } = props;
-    const color = getAlertStyle(alert) || getColorStyle(TrilogyColor.MAIN);
-    const backgroundColor = getColorStyle(alert, 1);
+    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,

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

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

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

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { Clickable, AlertProps, Accessibility } from '../../objects';
+import { Clickable, StatusProps, Accessibility } from '../../objects';
 import { ClickEvent } from '../../events/OnClickEvent';
 import { IconName, IconNameValues } from '../../components/icon';
 export declare enum ToasterPosition {
@@ -9,7 +9,7 @@ export declare enum ToasterPosition {
 /**
  * Notification Interface
  */
-export interface ToasterProps extends AlertProps, Clickable, Accessibility {
+export interface ToasterProps extends StatusProps, Clickable, Accessibility {
     children?: React.ReactNode;
     className?: string;
     toasterChildren?: React.ReactNode;

package/lib/components/toaster/ToasterPropsDefaults.js

@@ -174,7 +174,7 @@ export default {
       "() => void"
     ]
   },
-  "alert": {
+  "status": {
     "type": "enum",
     "values": [
       "undefined",

package/lib/components/toaster/context/ToastPropsDefaults.js

@@ -83,7 +83,7 @@ export default {
       "() => void"
     ]
   },
-  "alert": {
+  "status": {
     "type": "enum",
     "values": [
       "undefined",

package/lib/components/toaster/context/ToasterContextProps.d.ts

@@ -1,16 +1,16 @@
-import { Accessibility, AlertProps } from '../../../objects';
+import { Accessibility, StatusProps } from '../../../objects';
 import { IconName, IconNameValues } from '../../../components/icon';
 import { ToasterPosition } from '../../../components/toaster/ToasterProps';
 /**
  * @param title {string} Notification title content
  * @param description {string|ReactNode} Notification description content
  * @param iconName {IconName} Custom icon
- * @param alert {AlertState} Alert Variant (INFO|SUCCESS|WARNING|ERROR)
+ * @param alert {StatusState} Alert Variant (INFO|SUCCESS|WARNING|ERROR)
  * @param onClick {Function} onClick Event for all notification
  * @param closable {Function} onClick Event on cross icon
  * @param onHide {Function} onClick Event on hide
  */
-export interface ToastProps extends AlertProps, Accessibility {
+export interface ToastProps extends StatusProps, Accessibility {
     title: string;
     description?: string;
     iconName?: IconName | IconNameValues;

package/lib/components/view/ViewPropsDefaults.js

@@ -147,28 +147,42 @@ export default {
       "INFO",
       "WARNING",
       "ERROR",
-      "MAIN",
       "WHITE",
+      "FADE_WHITE",
       "MAIN",
+      "FADE_MAIN",
       "ACCENT",
+      "FADE_ACCENT",
       "FONT",
+      "FADE_FONT",
       "SUCCESS",
+      "FADE_SUCCESS",
       "INFO",
+      "FADE_INFO",
       "WARNING",
+      "FADE_WARNING",
       "ERROR",
+      "FADE_ERROR",
       "DISABLED",
-      "HOVERED",
+      "FADE_DISABLED",
       "NEUTRAL",
-      "NEUTRAL_DARK",
-      "NEUTRAL_LIGHT",
+      "FADE_NEUTRAL",
       "WHITE",
+      "FADE_WHITE",
+      "MAIN",
+      "FADE_MAIN",
       "ACCENT",
+      "FADE_ACCENT",
       "FONT",
+      "FADE_FONT",
+      "FADE_SUCCESS",
+      "FADE_INFO",
+      "FADE_WARNING",
+      "FADE_ERROR",
       "DISABLED",
-      "HOVERED",
+      "FADE_DISABLED",
       "NEUTRAL",
-      "NEUTRAL_DARK",
-      "NEUTRAL_LIGHT",
+      "FADE_NEUTRAL",
       "TrilogyColor; fade: boolean; }"
     ]
   },

package/lib/hash.json

@@ -1,3 +1,3 @@
 {
-    "HASH": "1010aab"
+    "HASH": "e4daf4e"
 }

package/lib/objects/Typography/TypographyColor.d.ts

@@ -9,7 +9,6 @@ export declare enum TypographyColor {
     TEXT_WARNING = "has-text-warning",
     TEXT_ERROR = "has-text-error",
     TEXT_NEUTRAL = "has-text-grey",
-    TEXT_NEUTRAL_DARK = "has-text-grey-dark",
     TEXT_WHITE = "has-text-white",
     TEXT_DISABLED = "has-text-disabled"
 }

package/lib/objects/Typography/TypographyColor.js

@@ -11,7 +11,6 @@ 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 = {}));
@@ -45,10 +44,6 @@ export const setTypographyColor = (typo = "", inverted = false) => {
             ? getColorStyle(TrilogyColor.ERROR, 0)
             : typo === TypographyColor.TEXT_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, 0)
             : typo === TypographyColor.TEXT_NEUTRAL &&

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.js

@@ -8,6 +8,9 @@ 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)}`;
 };
 /**

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,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,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"}

package/lib/objects/atoms/Text.js

@@ -23,9 +23,7 @@ export const getTextClassName = (textType) => {
         case "WHITE":
             return "text-white";
         case "NEUTRAL":
-            return "text-neutral-light";
-        case "NEUTRAL_DARK":
-            return "text-neutral-dark";
+            return "text-neutral";
         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,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"}
+{"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"}

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

@@ -3,24 +3,31 @@
  */
 export declare enum TrilogyColor {
     BACKGROUND = "WHITE",
+    FADE_BACKGROUND = "FADE_WHITE",
     MAIN = "MAIN",
+    FADE_MAIN = "FADE_MAIN",
     ACCENT = "ACCENT",
+    FADE_ACCENT = "FADE_ACCENT",
     FONT = "FONT",
+    FADE_FONT = "FADE_FONT",
     SUCCESS = "SUCCESS",
+    FADE_SUCCESS = "FADE_SUCCESS",
     INFO = "INFO",
+    FADE_INFO = "FADE_INFO",
     WARNING = "WARNING",
+    FADE_WARNING = "FADE_WARNING",
     ERROR = "ERROR",
+    FADE_ERROR = "FADE_ERROR",
     DISABLED = "DISABLED",
-    HOVERED = "HOVERED",
+    FADE_DISABLED = "FADE_DISABLED",
     NEUTRAL = "NEUTRAL",
-    NEUTRAL_DARK = "NEUTRAL_DARK",
-    NEUTRAL_LIGHT = "NEUTRAL_LIGHT"
+    FADE_NEUTRAL = "FADE_NEUTRAL"
 }
 export type TrilogyColorValues = `${TrilogyColor}`;
 /**
  * Trilogy color values
  */
-export declare const colors: Record<TrilogyColor, string[]>;
+export declare const colors: Record<any, string[]>;
 /**
  * Returns color's className depending on Trilogy Color
  * @param trilogyColor {string} - Trilogy Color

package/lib/objects/facets/Color.js

@@ -1,41 +1,45 @@
-import { useContext } from "react";
-import { TrilogyThemeContext } from "../../context/providerTheme";
+import { TrilogyThemeContext } from '../../context/providerTheme';
+import { useContext } from 'react';
 /**
  * Trilogy color
  */
 export var TrilogyColor;
 (function (TrilogyColor) {
     TrilogyColor["BACKGROUND"] = "WHITE";
+    TrilogyColor["FADE_BACKGROUND"] = "FADE_WHITE";
     TrilogyColor["MAIN"] = "MAIN";
+    TrilogyColor["FADE_MAIN"] = "FADE_MAIN";
     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["INFO"] = "INFO";
+    TrilogyColor["FADE_INFO"] = "FADE_INFO";
     TrilogyColor["WARNING"] = "WARNING";
+    TrilogyColor["FADE_WARNING"] = "FADE_WARNING";
     TrilogyColor["ERROR"] = "ERROR";
+    TrilogyColor["FADE_ERROR"] = "FADE_ERROR";
     TrilogyColor["DISABLED"] = "DISABLED";
-    TrilogyColor["HOVERED"] = "HOVERED";
+    TrilogyColor["FADE_DISABLED"] = "FADE_DISABLED";
     TrilogyColor["NEUTRAL"] = "NEUTRAL";
-    TrilogyColor["NEUTRAL_DARK"] = "NEUTRAL_DARK";
-    TrilogyColor["NEUTRAL_LIGHT"] = "NEUTRAL_LIGHT";
+    TrilogyColor["FADE_NEUTRAL"] = "FADE_NEUTRAL";
 })(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.NEUTRAL_DARK]: ["#646464", "#E9E9E9", "grey-dark", "white"],
-    [TrilogyColor.NEUTRAL_LIGHT]: ["#E9E9E9", "#E9E9E9", "grey-light", "grey"],
-    [TrilogyColor.HOVERED]: ["#F4F4F4", "#F4F4F4", "hovered", "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'],
 };
 /**
  * Returns color's className depending on Trilogy Color
@@ -53,37 +57,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.HOVERED;
-        case "GHOST":
+        case 'SECONDARY':
+            return TrilogyColor.FADE_MAIN;
+        case 'GHOST':
             return TrilogyColor.BACKGROUND;
         default:
             return TrilogyColor.MAIN;
@@ -96,13 +100,15 @@ export const getButtonColorStyle = (buttonVariant) => {
  * @returns {string} - Color style value
  */
 export const getColorStyle = (trilogyColor, index) => {
+    if (trilogyColor.startsWith('FADE_')) {
+        index = 1;
+        trilogyColor = trilogyColor.replace('FADE_', '');
+    }
     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;
+        const colorIndex = index && index !== undefined && index >= 0 && index < colorArray.length ? index : 0;
         if (!trilogyColor || !colors[trilogyColor]) {
             return colorsStyle.default;
         }
@@ -110,9 +116,7 @@ export const getColorStyle = (trilogyColor, index) => {
     }
     else {
         const colorArray = colors[trilogyColor];
-        const colorIndex = index !== undefined && index >= 0 && index < colorArray.length
-            ? index
-            : 0;
+        const colorIndex = index !== undefined && index >= 0 && index < colorArray.length ? index : 0;
         return colorArray[colorIndex];
     }
 };

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

@@ -0,0 +1,36 @@
+import { IconName, IconNameValues } from '../../components/icon';
+/**
+ * Alert State
+ */
+export declare enum StatusState {
+    SUCCESS = "SUCCESS",
+    INFO = "INFO",
+    WARNING = "WARNING",
+    ERROR = "ERROR"
+}
+export type StatusStateValues = `${StatusState}`;
+/**
+ * Alert props
+ */
+export interface StatusProps {
+    status?: StatusState | StatusStateValues;
+    id?: string;
+}
+/**
+ * Returns alert's classname depending on alert type
+ * @param statusType {string} - Alert type
+ * @returns {string} - Alert value
+ */
+export declare const getStatusClassName: (statusType?: string) => string;
+/**
+ * Returns status style depending on alert type
+ * @param statusType {string} - Alert type
+ * @returns {string} - Alert value
+ */
+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;

package/lib/objects/facets/{Alert.js → Status.js}

@@ -3,20 +3,20 @@ 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 = {}));
+export var StatusState;
+(function (StatusState) {
+    StatusState["SUCCESS"] = "SUCCESS";
+    StatusState["INFO"] = "INFO";
+    StatusState["WARNING"] = "WARNING";
+    StatusState["ERROR"] = "ERROR";
+})(StatusState || (StatusState = {}));
 /**
  * Returns alert's classname depending on alert type
- * @param alertType {string} - Alert type
+ * @param statusType {string} - Alert type
  * @returns {string} - Alert value
  */
-export const getAlertClassName = (alertType) => {
-    switch (alertType) {
+export const getStatusClassName = (statusType) => {
+    switch (statusType) {
         case 'SUCCESS':
             return 'success';
         case 'INFO':
@@ -30,12 +30,12 @@ export const getAlertClassName = (alertType) => {
     }
 };
 /**
- * Returns alert's style depending on alert type
- * @param alertType {string} - Alert type
+ * Returns status style depending on alert type
+ * @param statusType {string} - Alert type
  * @returns {string} - Alert value
  */
-export const getAlertStyle = (alertType) => {
-    switch (alertType) {
+export const getStatusStyle = (statusType) => {
+    switch (statusType) {
         case 'SUCCESS':
             return getColorStyle('SUCCESS');
         case 'INFO':
@@ -49,12 +49,12 @@ export const getAlertStyle = (alertType) => {
     }
 };
 /**
- * Returns alert's icon name depending on alert type
- * @param alertType {string} - Alert type
+ * Returns status icon name depending on alert type
+ * @param statusType {string} - Alert type
  * @returns {string} - Alert value
  */
-export const getAlertIconName = (alertType) => {
-    switch (alertType) {
+export const getStatusIconName = (statusType) => {
+    switch (statusType) {
         case 'SUCCESS':
             return IconName.CHECK_CIRCLE;
         case 'INFO':
@@ -67,4 +67,4 @@ export const getAlertIconName = (alertType) => {
             return IconName.INFOS_CIRCLE;
     }
 };
-//# sourceMappingURL=Alert.js.map
+//# sourceMappingURL=Status.js.map

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

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"Variant.js","sourceRoot":"","sources":["../../../objects/facets/Variant.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,YAAY,EAAE,MAAM,SAAS,CAAA;AAErD;;GAEG;AACH,MAAM,CAAN,IAAY,YAIX;AAJD,WAAY,YAAY;IACtB,6BAAa,CAAA;IACb,iCAAiB,CAAA;IACjB,6BAAa,CAAA;AACf,CAAC,EAJW,YAAY,KAAZ,YAAY,QAIvB;AAWD;;;;GAIG;AACH,MAAM,CAAC,MAAM,mBAAmB,GAAG,CAAC,WAAoB,EAAU,EAAE;IAClE,IAAI,CAAC,WAAW;QAAE,OAAO,EAAE,CAAA;IAC3B,QAAQ,WAAW,EAAE;QACnB,KAAK,MAAM;YACT,OAAO,MAAM,CAAA;QACf,KAAK,QAAQ;YACX,OAAO,QAAQ,CAAA;QACjB,KAAK,SAAS;YACZ,OAAO,SAAS,CAAA;QAClB,KAAK,WAAW;YACd,OAAO,WAAW,CAAA;QACpB,KAAK,UAAU;YACb,OAAO,UAAU,CAAA;QACnB,KAAK,OAAO;YACV,OAAO,OAAO,CAAA;QAChB,KAAK,MAAM;YACT,OAAO,MAAM,CAAA;QACf;YACE,OAAO,EAAE,CAAA;KACZ;AACH,CAAC,CAAA;AAED;;;;GAIG;AACH,MAAM,CAAC,MAAM,eAAe,GAAG,CAAC,WAAoB,EAAU,EAAE;IAC9D,QAAQ,WAAW,EAAE;QACnB,KAAK,SAAS;YACZ,OAAO,aAAa,CAAC,YAAY,CAAC,IAAI,CAAC,CAAA;QACzC,KAAK,QAAQ;YACX,OAAO,aAAa,CAAC,YAAY,CAAC,MAAM,CAAC,CAAA;QAC3C,KAAK,MAAM;YACT,OAAO,aAAa,CAAC,YAAY,CAAC,IAAI,CAAC,CAAA;QACzC,KAAK,WAAW;YACd,OAAO,aAAa,CAAC,YAAY,CAAC,OAAO,CAAC,CAAA;QAC5C,KAAK,UAAU;YACb,OAAO,aAAa,CAAC,YAAY,CAAC,IAAI,CAAC,CAAA;QACzC,KAAK,MAAM;YACT,OAAO,aAAa,CAAC,YAAY,CAAC,IAAI,CAAC,CAAA;QACzC;YACE,OAAO,EAAE,CAAA;KACZ;AACH,CAAC,CAAA"}
+{"version":3,"file":"Variant.js","sourceRoot":"","sources":["../../../objects/facets/Variant.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,YAAY,EAAE,MAAM,SAAS,CAAA;AAErD;;GAEG;AACH,MAAM,CAAN,IAAY,YAIX;AAJD,WAAY,YAAY;IACtB,6BAAa,CAAA;IACb,iCAAiB,CAAA;IACjB,6BAAa,CAAA;AACf,CAAC,EAJW,YAAY,KAAZ,YAAY,QAIvB;AAWD;;;;GAIG;AACH,MAAM,CAAC,MAAM,mBAAmB,GAAG,CAAC,WAAoB,EAAU,EAAE;IAClE,IAAI,CAAC,WAAW;QAAE,OAAO,EAAE,CAAA;IAC3B,QAAQ,WAAW,EAAE;QACnB,KAAK,MAAM;YACT,OAAO,MAAM,CAAA;QACf,KAAK,QAAQ;YACX,OAAO,QAAQ,CAAA;QACjB,KAAK,SAAS;YACZ,OAAO,SAAS,CAAA;QAClB,KAAK,WAAW;YACd,OAAO,WAAW,CAAA;QACpB,KAAK,UAAU;YACb,OAAO,UAAU,CAAA;QACnB,KAAK,OAAO;YACV,OAAO,OAAO,CAAA;QAChB,KAAK,MAAM;YACT,OAAO,MAAM,CAAA;QACf;YACE,OAAO,EAAE,CAAA;KACZ;AACH,CAAC,CAAA;AAED;;;;GAIG;AACH,MAAM,CAAC,MAAM,eAAe,GAAG,CAAC,WAAoB,EAAU,EAAE;IAC9D,QAAQ,WAAW,EAAE;QACnB,KAAK,SAAS;YACZ,OAAO,aAAa,CAAC,YAAY,CAAC,IAAI,CAAC,CAAA;QACzC,KAAK,QAAQ;YACX,OAAO,aAAa,CAAC,YAAY,CAAC,MAAM,CAAC,CAAA;QAC3C,KAAK,MAAM;YACT,OAAO,aAAa,CAAC,YAAY,CAAC,IAAI,CAAC,CAAA;QACzC,KAAK,WAAW;YACd,OAAO,aAAa,CAAC,YAAY,CAAC,SAAS,CAAC,CAAA;QAC9C,KAAK,UAAU;YACb,OAAO,aAAa,CAAC,YAAY,CAAC,IAAI,CAAC,CAAA;QACzC,KAAK,MAAM;YACT,OAAO,aAAa,CAAC,YAAY,CAAC,IAAI,CAAC,CAAA;QACzC;YACE,OAAO,EAAE,CAAA;KACZ;AACH,CAAC,CAAA"}

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

@@ -1,5 +1,5 @@
 export * from './Accessibility';
-export * from './Alert';
+export * from './Status';
 export * from './Alignable';
 export * from './Alternate';
 export * from './Centerable';

package/lib/objects/facets/index.js

@@ -1,5 +1,5 @@
 export * from './Accessibility';
-export * from './Alert';
+export * from './Status';
 export * from './Alignable';
 export * from './Alternate';
 export * from './Centerable';