@trilogy-ds/react 0.0.1-beta.9 → 0.0.3-beta-v4

package/lib/objects/facets/Color.js

@@ -1,41 +1,75 @@
-import Color from 'color';
+var _a;
+import { TrilogyThemeContext } from '../../context/providerTheme';
+import { useContext } from 'react';
 /**
  * Trilogy color
  */
 export var TrilogyColor;
 (function (TrilogyColor) {
+    TrilogyColor["BACKGROUND"] = "WHITE";
+    TrilogyColor["MAIN"] = "MAIN";
+    TrilogyColor["MAIN_FADE"] = "MAIN_FADE";
+    TrilogyColor["ACCENT"] = "ACCENT";
+    TrilogyColor["FONT"] = "FONT";
     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["PRIMARY"] = "PRIMARY";
-    TrilogyColor["SECONDARY"] = "SECONDARY";
-    TrilogyColor["TERTIARY"] = "TERTIARY";
-    TrilogyColor["WHITE"] = "WHITE";
-    TrilogyColor["GREY"] = "GREY";
-    TrilogyColor["GREY_DARK"] = "GREY_DARK";
-    TrilogyColor["GREY_LIGHT"] = "GREY_LIGHT";
-    TrilogyColor["GREY_LIGHTER"] = "GREY_LIGHTER";
-    TrilogyColor["GREY_DISABLED"] = "GREY_DISABLED";
-    TrilogyColor["BG_SUCCESS"] = "BG-SUCCESS";
-    TrilogyColor["BG_INFO"] = "BG-INFO";
-    TrilogyColor["BG_WARNING"] = "BG-WARNING";
-    TrilogyColor["BG_ERROR"] = "BG-ERROR";
-    TrilogyColor["BG_DEFAULT"] = "BG-DEFAULT";
-    TrilogyColor["BG_DISABLED"] = "BG-DISABLED";
+    TrilogyColor["ERROR_FADE"] = "ERROR_FADE";
+    TrilogyColor["DISABLED"] = "DISABLED";
+    TrilogyColor["DISABLED_FADE"] = "DISABLED_FADE";
+    TrilogyColor["NEUTRAL"] = "NEUTRAL";
+    TrilogyColor["NEUTRAL_FADE"] = "NEUTRAL_FADE";
 })(TrilogyColor || (TrilogyColor = {}));
-export const mixColors = (baseColor, tint) => {
-    const color = getColorStyle(baseColor);
-    const newColor = Color(color);
-    return newColor.lightness(-tint).hex();
-};
+/**
+ * Trilogy color values
+ */
+export var colors = (_a = {},
+    _a[TrilogyColor.BACKGROUND] = ['#fff', 'white', 'main'],
+    _a[TrilogyColor.MAIN] = ['#3d5d7e', 'main', 'white'],
+    _a[TrilogyColor.MAIN_FADE] = ['#BBC6CD', 'main-fade', 'white'],
+    _a[TrilogyColor.ACCENT] = ['#da641b', 'accent', 'white'],
+    _a[TrilogyColor.FONT] = ['#3d5d7e', 'main', 'white'],
+    _a[TrilogyColor.SUCCESS] = ['#007B52', 'success', 'white'],
+    _a[TrilogyColor.SUCCESS_FADE] = ['#cae8ca', 'success-fade', 'white'],
+    _a[TrilogyColor.INFO] = ['#1A688A', 'info', 'white'],
+    _a[TrilogyColor.INFO_FADE] = ['#c8dbec', 'info-fade', 'white'],
+    _a[TrilogyColor.WARNING] = ['#FFBB33', 'warning', 'white'],
+    _a[TrilogyColor.WARNING_FADE] = ['#ecdbc6', 'warning-fade', 'white'],
+    _a[TrilogyColor.ERROR] = ['#D42D02', 'error', 'white'],
+    _a[TrilogyColor.ERROR_FADE] = ['#eecccc', 'error-fade', 'white'],
+    _a[TrilogyColor.DISABLED] = ['#646464', 'disabled', 'white'],
+    _a[TrilogyColor.DISABLED_FADE] = ['#D1D1D1', 'disabled-fade', 'white'],
+    _a[TrilogyColor.NEUTRAL] = ['#707070', 'grey', 'white'],
+    _a[TrilogyColor.NEUTRAL_FADE] = ['#F4F4F4', 'grey-fade', 'white'],
+    _a);
 /**
  * Returns color's className depending on Trilogy Color
  * @param trilogyColor {string} - Trilogy Color
- * @returns {string} - Color value
+ * @returns {string} - Color className value
  */
-export const getColorClassName = (trilogyColor) => {
+export var getColorClassName = function (trilogyColor) {
+    var color = colors[trilogyColor];
+    return color[1];
+};
+/**
+ * Returns color button's className depending on Trilogy Color
+ * @param trilogyColor {string} - Trilogy Color
+ * @returns {string} - Variant Button value
+ */
+export var getButtonVariantClassName = function (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':
@@ -44,102 +78,71 @@ export const getColorClassName = (trilogyColor) => {
             return 'warning';
         case 'ERROR':
             return 'error';
-        case 'PRIMARY':
+        case 'DISABLED':
+            return 'disabled';
+        default:
             return 'primary';
+    }
+};
+export var getButtonColorStyle = function (buttonVariant) {
+    switch (buttonVariant) {
+        case 'ACCENT':
+            return TrilogyColor.ACCENT;
+        case 'PRIMARY':
+            return TrilogyColor.MAIN;
         case 'SECONDARY':
-            return 'secondary';
-        case 'TERTIARY':
-            return 'tertiary';
-        case 'WHITE':
-            return 'white';
-        case 'GREY':
-            return 'grey';
-        case 'GREY_DARK':
-            return 'grey-dark';
-        case 'GREY_LIGHT':
-            return 'grey-light';
-        case 'GREY_LIGHTER':
-            return 'grey-lighter';
-        case 'GREY_DISABLED':
-            return 'grey-disabled';
-        case 'BG-SUCCESS':
-            return 'bg-success';
-        case 'BG-INFO':
-            return 'bg-info';
-        case 'BG-WARNING':
-            return 'bg-warning';
-        case 'BG-ERROR':
-            return 'bg-error';
-        case 'BG-DEFAULT':
-            return 'bg-default';
-        case 'BG-DISABLED':
-            return 'bg-disabled';
+            return TrilogyColor.MAIN_FADE;
+        case 'GHOST':
+            return TrilogyColor.BACKGROUND;
         default:
-            return 'tertiary';
+            return TrilogyColor.MAIN;
     }
 };
 /**
  * Returns color's style depending on Trilogy Color
  * @param trilogyColor {string} - Trilogy Color
+ * @param index {number} - Index of color ( 1 for BG )
  * @returns {string} - Color style value
  */
-export const getColorStyle = (trilogyColor) => {
-    switch (trilogyColor) {
-        case 'SUCCESS':
-            return '#007B52';
-        case 'INFO':
-            return '#1A688A';
-        case 'WARNING':
-            return '#FFBB33';
-        case 'ERROR':
-            return '#D42D02';
-        case 'PRIMARY':
-            return '#1A688A';
-        case 'SECONDARY':
-            return '#D44A4A';
-        case 'TERTIARY':
-            return '#333';
-        case 'WHITE':
-            return '#fff';
-        case 'GREY':
-            return '#707070';
-        case 'GREY_DARK':
-            return '#646464';
-        case 'GREY_LIGHT':
-            return '#E9E9E9';
-        case 'GREY_LIGHTER':
-            return '#F4F4F4';
-        case 'GREY_DISABLED':
-            return '#D1D1D1';
-        case 'BG-SUCCESS':
-            return getBackgroundOfVariant('SUCCESS');
-        case 'BG-INFO':
-            return getBackgroundOfVariant('INFO');
-        case 'BG-WARNING':
-            return getBackgroundOfVariant('WARNING');
-        case 'BG-ERROR':
-            return getBackgroundOfVariant('ERROR');
-        default:
-            return '#333';
+export var getColorStyle = function (trilogyColor) {
+    if (typeof navigator !== 'undefined' && navigator.userAgent === undefined) {
+        var theme = useContext(TrilogyThemeContext).theme;
+        var colorsStyle = (theme === null || theme === void 0 ? void 0 : theme.colors) || colors;
+        var colorArray = colorsStyle[trilogyColor] || colorsStyle.default;
+        if (!trilogyColor || !colors[trilogyColor]) {
+            return colorsStyle.default;
+        }
+        return colorArray[0];
     }
-};
-/**
- * Returns the background color of a variant
- * @param variant {string} - The variant name (success, error, warning or info)
- * @returns {string} - The background color value
- */
-export const getBackgroundOfVariant = (variant) => {
-    switch (variant) {
-        case 'SUCCESS':
-            return '#cae8ca'; // light green
-        case 'INFO':
-            return '#c8dbec'; // light blue
-        case 'WARNING':
-            return '#ecdbc6'; // light orange
-        case 'ERROR':
-            return '#eecccc'; // light red
-        default:
-            return '#FFF';
+    else {
+        return colors[trilogyColor][0] || colors['main'][0];
     }
 };
-//# sourceMappingURL=Color.js.map
+function hexToRgb(hex) {
+    if (hex.charAt(0) === '#') {
+        hex = hex.slice(1);
+    }
+    if (hex.length !== 6) {
+        throw new Error('Wrong format (hexadecimal)');
+    }
+    // Conversion
+    var r = parseInt(hex.substring(0, 2), 16);
+    var g = parseInt(hex.substring(2, 4), 16);
+    var b = parseInt(hex.substring(4, 6), 16);
+    return { r: r, g: g, b: b };
+}
+function rgbToHex(r, g, b) {
+    var toHex = function (n) {
+        var hex = n.toString(16);
+        return hex.length === 1 ? "0".concat(hex) : hex;
+    };
+    return "#".concat(toHex(r)).concat(toHex(g)).concat(toHex(b));
+}
+export function grayscale(hex) {
+    var _a = hexToRgb(hex), r = _a.r, g = _a.g, b = _a.b;
+    // Formule de luminosité relative
+    var gray = Math.round(0.299 * r + 0.587 * g + 0.114 * b);
+    // Retourner la couleur en niveaux de gris
+    return rgbToHex(gray, gray, gray);
+}
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQ29sb3IuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9vYmplY3RzL2ZhY2V0cy9Db2xvci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUFBLE9BQU8sRUFBRSxtQkFBbUIsRUFBRSxNQUFNLHlCQUF5QixDQUFBO0FBQzdELE9BQU8sRUFBRSxVQUFVLEVBQUUsTUFBTSxPQUFPLENBQUE7QUFFbEM7O0dBRUc7QUFDSCxNQUFNLENBQU4sSUFBWSxZQWtCWDtBQWxCRCxXQUFZLFlBQVk7SUFDdEIsb0NBQW9CLENBQUE7SUFDcEIsNkJBQWEsQ0FBQTtJQUNiLHVDQUF1QixDQUFBO0lBQ3ZCLGlDQUFpQixDQUFBO0lBQ2pCLDZCQUFhLENBQUE7SUFDYixtQ0FBbUIsQ0FBQTtJQUNuQiw2Q0FBNkIsQ0FBQTtJQUM3Qiw2QkFBYSxDQUFBO0lBQ2IsdUNBQXVCLENBQUE7SUFDdkIsbUNBQW1CLENBQUE7SUFDbkIsNkNBQTZCLENBQUE7SUFDN0IsK0JBQWUsQ0FBQTtJQUNmLHlDQUF5QixDQUFBO0lBQ3pCLHFDQUFxQixDQUFBO0lBQ3JCLCtDQUErQixDQUFBO0lBQy9CLG1DQUFtQixDQUFBO0lBQ25CLDZDQUE2QixDQUFBO0FBQy9CLENBQUMsRUFsQlcsWUFBWSxLQUFaLFlBQVksUUFrQnZCO0FBSUQ7O0dBRUc7QUFDSCxNQUFNLENBQUMsSUFBTSxNQUFNO0lBQ2pCLEdBQUMsWUFBWSxDQUFDLFVBQVUsSUFBRyxDQUFDLE1BQU0sRUFBRSxPQUFPLEVBQUUsTUFBTSxDQUFDO0lBQ3BELEdBQUMsWUFBWSxDQUFDLElBQUksSUFBRyxDQUFDLFNBQVMsRUFBRSxNQUFNLEVBQUUsT0FBTyxDQUFDO0lBQ2pELEdBQUMsWUFBWSxDQUFDLFNBQVMsSUFBRyxDQUFDLFNBQVMsRUFBRSxXQUFXLEVBQUUsT0FBTyxDQUFDO0lBQzNELEdBQUMsWUFBWSxDQUFDLE1BQU0sSUFBRyxDQUFDLFNBQVMsRUFBRSxRQUFRLEVBQUUsT0FBTyxDQUFDO0lBRXJE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

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

@@ -0,0 +1,4 @@
+export interface CommonProps {
+    id?: string;
+    className?: string;
+}

package/lib/objects/facets/CommonProps.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQ29tbW9uUHJvcHMuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9vYmplY3RzL2ZhY2V0cy9Db21tb25Qcm9wcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiIn0=

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

@@ -0,0 +1,3 @@
+export interface Dev {
+    testId?: string;
+}

package/lib/objects/facets/Dev.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiRGV2LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vb2JqZWN0cy9mYWNldHMvRGV2LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiIifQ==

package/lib/objects/facets/Flexable.js

@@ -1,2 +1,2 @@
 export {};
-//# sourceMappingURL=Flexable.js.map
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiRmxleGFibGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9vYmplY3RzL2ZhY2V0cy9GbGV4YWJsZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiIn0=

package/lib/objects/facets/Fullheight.js

@@ -1,2 +1,2 @@
 export {};
-//# sourceMappingURL=Fullheight.js.map
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiRnVsbGhlaWdodC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL29iamVjdHMvZmFjZXRzL0Z1bGxoZWlnaHQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IiJ9

package/lib/objects/facets/Fullwidth.js

@@ -1,2 +1,2 @@
 export {};
-//# sourceMappingURL=Fullwidth.js.map
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiRnVsbHdpZHRoLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vb2JqZWN0cy9mYWNldHMvRnVsbHdpZHRoLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiIifQ==

package/lib/objects/facets/Hat.js

@@ -1,2 +1,2 @@
 export {};
-//# sourceMappingURL=Hat.js.map
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiSGF0LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vb2JqZWN0cy9mYWNldHMvSGF0LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiIifQ==

package/lib/objects/facets/Hidden.js

@@ -1,2 +1,2 @@
 export {};
-//# sourceMappingURL=Hidden.js.map
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiSGlkZGVuLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vb2JqZWN0cy9mYWNldHMvSGlkZGVuLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiIifQ==

package/lib/objects/facets/Invertable.js

@@ -1,2 +1,2 @@
 export {};
-//# sourceMappingURL=Invertable.js.map
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiSW52ZXJ0YWJsZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL29iamVjdHMvZmFjZXRzL0ludmVydGFibGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IiJ9

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

@@ -18,3 +18,4 @@ export interface JustifiableProps {
  */
 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 getJustifiedClassName: (justifyContent?: string) => "justified-center" | "justified-start" | "justified-end";

package/lib/objects/facets/Justifiable.js

@@ -14,7 +14,7 @@ export var Justifiable;
  * @returns {string} - Justify value
  */
 // eslint-disable-next-line @typescript-eslint/explicit-module-boundary-types
-export const getJustifyStyle = (justifyContent) => {
+export var getJustifyStyle = function (justifyContent) {
     switch (justifyContent) {
         case 'justified-center':
             return 'center';
@@ -28,7 +28,7 @@ export const getJustifyStyle = (justifyContent) => {
             return 'flex-start';
     }
 };
-export const getJustifyClassName = (justifyContent) => {
+export var getJustifyClassName = function (justifyContent) {
     switch (justifyContent) {
         case 'justified-center':
             return 'centered';
@@ -42,4 +42,16 @@ export const getJustifyClassName = (justifyContent) => {
             return 'justified-start';
     }
 };
-//# sourceMappingURL=Justifiable.js.map
+export var getJustifiedClassName = function (justifyContent) {
+    switch (justifyContent) {
+        case 'ALIGNED_CENTER':
+            return 'justified-center';
+        case 'ALIGNED_START':
+            return 'justified-start';
+        case 'ALIGNED_END':
+            return 'justified-end';
+        default:
+            return 'justified-start';
+    }
+};
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiSnVzdGlmaWFibGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9vYmplY3RzL2ZhY2V0cy9KdXN0aWZpYWJsZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTs7R0FFRztBQUNILE1BQU0sQ0FBTixJQUFZLFdBS1g7QUFMRCxXQUFZLFdBQVc7SUFDckIsb0RBQXFDLENBQUE7SUFDckMsa0RBQW1DLENBQUE7SUFDbkMsOENBQStCLENBQUE7SUFDL0IsOENBQStCLENBQUE7QUFDakMsQ0FBQyxFQUxXLFdBQVcsS0FBWCxXQUFXLFFBS3RCO0FBUUQ7Ozs7R0FJRztBQUNILDZFQUE2RTtBQUM3RSxNQUFNLENBQUMsSUFBTSxlQUFlLEdBQUcsVUFBQyxjQUF1QjtJQUNyRCxRQUFRLGNBQWMsRUFBRTtRQUN0QixLQUFLLGtCQUFrQjtZQUNyQixPQUFPLFFBQVEsQ0FBQTtRQUNqQixLQUFLLGlCQUFpQjtZQUNwQixPQUFPLFlBQVksQ0FBQTtRQUNyQixLQUFLLGVBQWU7WUFDbEIsT0FBTyxVQUFVLENBQUE7UUFDbkIsS0FBSyxlQUFlO1lBQ2xCLE9BQU8sZUFBZSxDQUFBO1FBQ3hCO1lBQ0UsT0FBTyxZQUFZLENBQUE7S0FDdEI7QUFDSCxDQUFDLENBQUE7QUFFRCxNQUFNLENBQUMsSUFBTSxtQkFBbUIsR0FBRyxVQUFDLGNBQXVCO0lBQ3pELFFBQVEsY0FBYyxFQUFFO1FBQ3RCLEtBQUssa0JBQWtCO1lBQ3JCLE9BQU8sVUFBVSxDQUFBO1FBQ25CLEtBQUssaUJBQWlCO1lBQ3BCLE9BQU8saUJBQWlCLENBQUE7UUFDMUIsS0FBSyxlQUFlO1lBQ2xCLE9BQU8sZUFBZSxDQUFBO1FBQ3hCLEtBQUssZUFBZTtZQUNsQixPQUFPLGdCQUFnQixDQUFBO1FBQ3pCO1lBQ0UsT0FBTyxpQkFBaUIsQ0FBQTtLQUMzQjtBQUNILENBQUMsQ0FBQTtBQUVELE1BQU0sQ0FBQyxJQUFNLHFCQUFxQixHQUFHLFVBQUMsY0FBdUI7SUFDM0QsUUFBUSxjQUFjLEVBQUU7UUFDdEIsS0FBSyxnQkFBZ0I7WUFDbkIsT0FBTyxrQkFBa0IsQ0FBQTtRQUMzQixLQUFLLGVBQWU7WUFDbEIsT0FBTyxpQkFBaUIsQ0FBQTtRQUMxQixLQUFLLGFBQWE7WUFDaEIsT0FBTyxlQUFlLENBQUE7UUFDeEI7WUFDRSxPQUFPLGlCQUFpQixDQUFBO0tBQzNCO0FBQ0gsQ0FBQyxDQUFBIn0=

package/lib/objects/facets/Layout.js

@@ -1,2 +1,2 @@
 export {};
-//# sourceMappingURL=Layout.js.map
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiTGF5b3V0LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vb2JqZWN0cy9mYWNldHMvTGF5b3V0LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiIifQ==

package/lib/objects/facets/Loadable.js

@@ -11,7 +11,7 @@ export var Loading;
  * @param loadingType {string} - Loading type
  * @returns {string} - Loading value
  */
-export const getLoadingClassName = (loadingType) => {
+export var getLoadingClassName = function (loadingType) {
     switch (loadingType) {
         case 'LOADING':
             return 'loading';
@@ -21,4 +21,4 @@ export const getLoadingClassName = (loadingType) => {
             return '';
     }
 };
-//# sourceMappingURL=Loadable.js.map
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiTG9hZGFibGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9vYmplY3RzL2ZhY2V0cy9Mb2FkYWJsZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTs7R0FFRztBQUNILE1BQU0sQ0FBTixJQUFZLE9BR1g7QUFIRCxXQUFZLE9BQU87SUFDakIsOEJBQW1CLENBQUE7SUFDbkIsNEJBQWlCLENBQUE7QUFDbkIsQ0FBQyxFQUhXLE9BQU8sS0FBUCxPQUFPLFFBR2xCO0FBV0Q7Ozs7R0FJRztBQUNILE1BQU0sQ0FBQyxJQUFNLG1CQUFtQixHQUFHLFVBQUMsV0FBb0I7SUFDdEQsUUFBUSxXQUFXLEVBQUU7UUFDbkIsS0FBSyxTQUFTO1lBQ1osT0FBTyxTQUFTLENBQUE7UUFDbEIsS0FBSyxRQUFRO1lBQ1gsT0FBTyxRQUFRLENBQUE7UUFDakI7WUFDRSxPQUFPLEVBQUUsQ0FBQTtLQUNaO0FBQ0gsQ0FBQyxDQUFBIn0=

package/lib/objects/facets/Marginless.js

@@ -1,2 +1,2 @@
 export {};
-//# sourceMappingURL=Marginless.js.map
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiTWFyZ2lubGVzcy5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL29iamVjdHMvZmFjZXRzL01hcmdpbmxlc3MudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IiJ9

package/lib/objects/facets/Narrow.js

@@ -1,2 +1,2 @@
 export {};
-//# sourceMappingURL=Narrow.js.map
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiTmFycm93LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vb2JqZWN0cy9mYWNldHMvTmFycm93LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiIifQ==

package/lib/objects/facets/Paddingless.js

@@ -1,2 +1,2 @@
 export {};
-//# sourceMappingURL=Paddingless.js.map
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiUGFkZGluZ2xlc3MuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9vYmplY3RzL2ZhY2V0cy9QYWRkaW5nbGVzcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiIn0=

package/lib/objects/facets/Position.js

@@ -1,2 +1,2 @@
 export {};
-//# sourceMappingURL=Position.js.map
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiUG9zaXRpb24uanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9vYmplY3RzL2ZhY2V0cy9Qb3NpdGlvbi50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiIn0=

package/lib/objects/facets/Referenceable.js

@@ -1,2 +1,2 @@
 export {};
-//# sourceMappingURL=Referenceable.js.map
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiUmVmZXJlbmNlYWJsZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL29iamVjdHMvZmFjZXRzL1JlZmVyZW5jZWFibGUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiIifQ==

package/lib/objects/facets/ScrollDirection.js

@@ -3,4 +3,4 @@ export var ScrollDirectionEnum;
     ScrollDirectionEnum["VERTICAL"] = "VERTICAL";
     ScrollDirectionEnum["HORIZONTAL"] = "HORIZONTAL";
 })(ScrollDirectionEnum || (ScrollDirectionEnum = {}));
-//# sourceMappingURL=ScrollDirection.js.map
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiU2Nyb2xsRGlyZWN0aW9uLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vb2JqZWN0cy9mYWNldHMvU2Nyb2xsRGlyZWN0aW9uLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE1BQU0sQ0FBTixJQUFZLG1CQUdYO0FBSEQsV0FBWSxtQkFBbUI7SUFDN0IsNENBQXFCLENBQUE7SUFDckIsZ0RBQXlCLENBQUE7QUFDM0IsQ0FBQyxFQUhXLG1CQUFtQixLQUFuQixtQkFBbUIsUUFHOUIifQ==

package/lib/objects/facets/Small.js

@@ -1,2 +1,2 @@
 export {};
-//# sourceMappingURL=Small.js.map
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiU21hbGwuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9vYmplY3RzL2ZhY2V0cy9TbWFsbC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiIn0=

package/lib/objects/facets/Stacked.js

@@ -1,2 +1,2 @@
 export {};
-//# sourceMappingURL=Stacked.js.map
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiU3RhY2tlZC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL29iamVjdHMvZmFjZXRzL1N0YWNrZWQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IiJ9

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

@@ -0,0 +1,63 @@
+import { IconName, IconNameValues } from '../../components/icon';
+import { TrilogyColor } from './Color';
+/**
+ * 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 { color: string, backgroundColor: string} - color and background color 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;
+};
+/**
+ * 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

@@ -0,0 +1,70 @@
+import { IconName } from '../../components/icon';
+import { getColorStyle, TrilogyColor } from './Color';
+/**
+ * Alert State
+ */
+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 statusType {string} - Alert type
+ * @returns {string} - Alert value
+ */
+export var getStatusClassName = function (statusType) {
+    switch (statusType) {
+        case 'SUCCESS':
+            return 'success';
+        case 'INFO':
+            return 'info';
+        case 'WARNING':
+            return 'warning';
+        case 'ERROR':
+            return 'error';
+        default:
+            return '';
+    }
+};
+/**
+ * Returns status style depending on alert type
+ * @param statusType {string} - Alert type
+ * @returns { color: string, backgroundColor: string} - color and background color value
+ */
+var 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 var getStatusStyle = function (statusType) {
+    var colors = STATUS_COLORS[statusType || 'DEFAULT'];
+    return {
+        color: getColorStyle(colors.color),
+        backgroundColor: getColorStyle(colors.backgroundColor),
+    };
+};
+/**
+ * Returns status icon name depending on alert type
+ * @param statusType {string} - Alert type
+ * @returns {string} - Alert value
+ */
+export var getStatusIconName = function (statusType) {
+    switch (statusType) {
+        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=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiU3RhdHVzLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vb2JqZWN0cy9mYWNldHMvU3RhdHVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxRQUFRLEVBQWtCLE1BQU0sbUJBQW1CLENBQUE7QUFDNUQsT0FBTyxFQUFFLGFBQWEsRUFBRSxZQUFZLEVBQUUsTUFBTSxTQUFTLENBQUE7QUFFckQ7O0dBRUc7QUFDSCxNQUFNLENBQU4sSUFBWSxXQUtYO0FBTEQsV0FBWSxXQUFXO0lBQ3JCLGtDQUFtQixDQUFBO0lBQ25CLDRCQUFhLENBQUE7SUFDYixrQ0FBbUIsQ0FBQTtJQUNuQiw4QkFBZSxDQUFBO0FBQ2pCLENBQUMsRUFMVyxXQUFXLEtBQVgsV0FBVyxRQUt0QjtBQVlEOzs7O0dBSUc7QUFDSCxNQUFNLENBQUMsSUFBTSxrQkFBa0IsR0FBRyxVQUFDLFVBQW1CO0lBQ3BELFFBQVEsVUFBVSxFQUFFO1FBQ2xCLEtBQUssU0FBUztZQUNaLE9BQU8sU0FBUyxDQUFBO1FBQ2xCLEtBQUssTUFBTTtZQUNULE9BQU8sTUFBTSxDQUFBO1FBQ2YsS0FBSyxTQUFTO1lBQ1osT0FBTyxTQUFTLENBQUE7UUFDbEIsS0FBSyxPQUFPO1lBQ1YsT0FBTyxPQUFPLENBQUE7UUFDaEI7WUFDRSxPQUFPLEVBQUUsQ0FBQTtLQUNaO0FBQ0gsQ0FBQyxDQUFBO0FBRUQ7Ozs7R0FJRztBQUNILElBQU0sYUFBYSxHQUFHO0lBQ3BCLE9BQU8sRUFBRSxFQUFFLEtBQUssRUFBRSxZQUFZLENBQUMsT0FBTyxFQUFFLGVBQWUsRUFBRSxZQUFZLENBQUMsWUFBWSxFQUFFO0lBQ3BGLElBQUksRUFBRSxFQUFFLEtBQUssRUFBRSxZQUFZLENBQUMsSUFBSSxFQUFFLGVBQWUsRUFBRSxZQUFZLENBQUMsU0FBUyxFQUFFO0lBQzNFLE9BQU8sRUFBRSxFQUFFLEtBQUssRUFBRSxZQUFZLENBQUMsT0FBTyxFQUFFLGVBQWUsRUFBRSxZQUFZLENBQUMsWUFBWSxFQUFFO0lBQ3BGLEtBQUssRUFBRSxFQUFFLEtBQUssRUFBRSxZQUFZLENBQUMsS0FBSyxFQUFFLGVBQWUsRUFBRSxZQUFZLENBQUMsVUFBVSxFQUFFO0lBQzlFLE9BQU8sRUFBRSxFQUFFLEtBQUssRUFBRSxZQUFZLENBQUMsSUFBSSxFQUFFLGVBQWUsRUFBRSxZQUFZLENBQUMsU0FBUyxFQUFFO0NBQy9FLENBQUE7QUFFRCxNQUFNLENBQUMsSUFBTSxjQUFjLEdBQUcsVUFBQyxVQUF1QztJQUNwRSxJQUFNLE1BQU0sR0FBRyxhQUFhLENBQUMsVUFBVSxJQUFJLFNBQVMsQ0FBQyxDQUFBO0lBQ3JELE9BQU87UUFDTCxLQUFLLEVBQUUsYUFBYSxDQUFDLE1BQU0sQ0FBQyxLQUFLLENBQUM7UUFDbEMsZUFBZSxFQUFFLGFBQWEsQ0FBQyxNQUFNLENBQUMsZUFBZSxDQUFDO0tBQ3ZELENBQUE7QUFDSCxDQUFDLENBQUE7QUFFRDs7OztHQUlHO0FBQ0gsTUFBTSxDQUFDLElBQU0saUJBQWlCLEdBQUcsVUFBQyxVQUFtQjtJQUNuRCxRQUFRLFVBQVUsRUFBRTtRQUNsQixLQUFLLFNBQVM7WUFDWixPQUFPLFFBQVEsQ0FBQyxZQUFZLENBQUE7UUFDOUIsS0FBSyxNQUFNO1lBQ1QsT0FBTyxRQUFRLENBQUMsWUFBWSxDQUFBO1FBQzlCLEtBQUssU0FBUztZQUNaLE9BQU8sUUFBUSxDQUFDLEtBQUssQ0FBQTtRQUN2QixLQUFLLE9BQU87WUFDVixPQUFPLFFBQVEsQ0FBQyxrQkFBa0IsQ0FBQTtRQUNwQztZQUNFLE9BQU8sUUFBUSxDQUFDLFlBQVksQ0FBQTtLQUMvQjtBQUNILENBQUMsQ0FBQSJ9

package/lib/objects/facets/Sticky.js

@@ -3,4 +3,4 @@ export var StickyPosition;
     StickyPosition["TOP"] = "TOP";
     StickyPosition["BOTTOM"] = "BOTTOM";
 })(StickyPosition || (StickyPosition = {}));
-//# sourceMappingURL=Sticky.js.map
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiU3RpY2t5LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vb2JqZWN0cy9mYWNldHMvU3RpY2t5LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUtBLE1BQU0sQ0FBTixJQUFZLGNBR1g7QUFIRCxXQUFZLGNBQWM7SUFDeEIsNkJBQVcsQ0FBQTtJQUNYLG1DQUFpQixDQUFBO0FBQ25CLENBQUMsRUFIVyxjQUFjLEtBQWQsY0FBYyxRQUd6QiJ9

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

@@ -2,9 +2,9 @@
  * Variant State
  */
 export declare enum VariantState {
-    PRIMARY = "PRIMARY",
-    SECONDARY = "SECONDARY",
-    TERTIARY = "TERTIARY"
+    MAIN = "MAIN",
+    ACCENT = "ACCENT",
+    INFO = "INFO"
 }
 export type VariantStateValues = `${VariantState}`;
 /**