@trilogy-ds/react 0.0.1-beta-4 → 0.0.1-beta-52

package/lib/objects/Typography/TypographyColor.js

@@ -1,69 +1,63 @@
-import { TrilogyColor, getColorStyle } from '../facets/Color';
+import { getColorStyle, TrilogyColor } from "../../objects/facets/Color";
 /**
  * Typo color
  */
 export var TypographyColor;
 (function (TypographyColor) {
-    TypographyColor["TEXT_PRIMARY"] = "has-text-primary";
-    TypographyColor["TEXT_SECONDARY"] = "has-text-secondary";
-    TypographyColor["TEXT_TERTIARY"] = "has-text-tertiary";
-    TypographyColor["TEXT_QUATERNARY"] = "has-text-quaternary";
+    TypographyColor["TEXT_MAIN"] = "has-text-main";
+    TypographyColor["TEXT_ACCENT"] = "has-text-accent";
     TypographyColor["TEXT_INFO"] = "has-text-info";
     TypographyColor["TEXT_SUCCESS"] = "has-text-success";
     TypographyColor["TEXT_WARNING"] = "has-text-warning";
     TypographyColor["TEXT_ERROR"] = "has-text-error";
-    TypographyColor["TEXT_GREY_DARK"] = "has-text-grey-dark";
-    TypographyColor["TEXT_GREY"] = "has-text-grey";
-    TypographyColor["TEXT_GREY_LIGHT"] = "has-text-grey-light";
-    TypographyColor["TEXT_GREY_LIGHTER"] = "has-text-grey-lighter";
+    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 = {}));
 /**
  * Typography Color Method (TYPO)
  * @param typo {String} TypographyColor
  * @param inverted {Boolean} Inverted color if isset default : false
  */
-export const setTypographyColor = (typo = '', inverted = false) => {
-    return ((Array.isArray(typo) && typo.includes(TypographyColor.TEXT_PRIMARY)
-        ? getColorStyle(TrilogyColor.PRIMARY)
-        : typo === TypographyColor.TEXT_PRIMARY && getColorStyle(TrilogyColor.PRIMARY)) ||
-        (Array.isArray(typo) && typo.includes(TypographyColor.TEXT_SECONDARY)
-            ? getColorStyle(TrilogyColor.SECONDARY)
-            : typo === TypographyColor.TEXT_SECONDARY && getColorStyle(TrilogyColor.SECONDARY)) ||
+export const setTypographyColor = (typo = "", inverted = false) => {
+    return ((Array.isArray(typo) && typo.includes(TypographyColor.TEXT_ACCENT)
+        ? getColorStyle(TrilogyColor.ACCENT, 0)
+        : typo === TypographyColor.TEXT_ACCENT &&
+            getColorStyle(TrilogyColor.ACCENT, 0)) ||
+        (Array.isArray(typo) && typo.includes(TypographyColor.TEXT_MAIN)
+            ? getColorStyle(TrilogyColor.MAIN, 0)
+            : typo === TypographyColor.TEXT_MAIN &&
+                getColorStyle(TrilogyColor.MAIN, 0)) ||
         (Array.isArray(typo) && typo.includes(TypographyColor.TEXT_INFO)
-            ? getColorStyle(TrilogyColor.INFO)
-            : typo === TypographyColor.TEXT_INFO && getColorStyle(TrilogyColor.INFO)) ||
-        (Array.isArray(typo) && typo.includes(TypographyColor.TEXT_TERTIARY)
-            ? getColorStyle(TrilogyColor.TERTIARY)
-            : typo === TypographyColor.TEXT_TERTIARY && getColorStyle(TrilogyColor.TERTIARY)) ||
-        (Array.isArray(typo) && typo.includes(TypographyColor.TEXT_QUATERNARY)
-            ? getColorStyle(TrilogyColor.SUCCESS)
-            : typo === TypographyColor.TEXT_QUATERNARY && getColorStyle(TrilogyColor.SUCCESS)) ||
+            ? getColorStyle(TrilogyColor.INFO, 0)
+            : typo === TypographyColor.TEXT_INFO &&
+                getColorStyle(TrilogyColor.INFO, 0)) ||
         (Array.isArray(typo) && typo.includes(TypographyColor.TEXT_SUCCESS)
-            ? getColorStyle(TrilogyColor.SUCCESS)
-            : typo === TypographyColor.TEXT_SUCCESS && getColorStyle(TrilogyColor.SUCCESS)) ||
+            ? getColorStyle(TrilogyColor.SUCCESS, 0)
+            : typo === TypographyColor.TEXT_SUCCESS &&
+                getColorStyle(TrilogyColor.SUCCESS, 0)) ||
         (Array.isArray(typo) && typo.includes(TypographyColor.TEXT_WARNING)
-            ? getColorStyle(TrilogyColor.WARNING)
-            : typo === TypographyColor.TEXT_WARNING && getColorStyle(TrilogyColor.WARNING)) ||
+            ? getColorStyle(TrilogyColor.WARNING, 0)
+            : typo === TypographyColor.TEXT_WARNING &&
+                getColorStyle(TrilogyColor.WARNING, 0)) ||
         (Array.isArray(typo) && typo.includes(TypographyColor.TEXT_ERROR)
-            ? getColorStyle(TrilogyColor.ERROR)
-            : typo === TypographyColor.TEXT_ERROR && getColorStyle(TrilogyColor.ERROR)) ||
-        (Array.isArray(typo) && typo.includes(TypographyColor.TEXT_GREY_DARK)
-            ? getColorStyle(TrilogyColor.GREY_DARK)
-            : typo === TypographyColor.TEXT_GREY_DARK && getColorStyle(TrilogyColor.GREY_DARK)) ||
-        (Array.isArray(typo) && typo.includes(TypographyColor.TEXT_GREY)
-            ? getColorStyle(TrilogyColor.GREY)
-            : typo === TypographyColor.TEXT_GREY && getColorStyle(TrilogyColor.GREY)) ||
-        (Array.isArray(typo) && typo.includes(TypographyColor.TEXT_GREY_LIGHT)
-            ? getColorStyle(TrilogyColor.GREY_LIGHT)
-            : typo === TypographyColor.TEXT_GREY_LIGHT && getColorStyle(TrilogyColor.GREY_LIGHT)) ||
-        (Array.isArray(typo) && typo.includes(TypographyColor.TEXT_GREY_LIGHTER)
-            ? getColorStyle(TrilogyColor.GREY_LIGHTER)
-            : typo === TypographyColor.TEXT_GREY_LIGHTER && getColorStyle(TrilogyColor.GREY_LIGHTER)) ||
+            ? 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 &&
+                getColorStyle(TrilogyColor.NEUTRAL, 0)) ||
         (Array.isArray(typo) && typo.includes(TypographyColor.TEXT_WHITE)
-            ? getColorStyle(TrilogyColor.WHITE)
-            : typo === TypographyColor.TEXT_WHITE && getColorStyle(TrilogyColor.WHITE)) ||
-        (inverted && !typo && getColorStyle(TrilogyColor.WHITE)) ||
-        getColorStyle(TrilogyColor.TERTIARY));
+            ? getColorStyle(TrilogyColor.BACKGROUND, 0)
+            : typo === TypographyColor.TEXT_WHITE &&
+                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

@@ -1,19 +1,30 @@
-import { TrilogyColor, TrilogyColorValues } from '../facets/Color';
+import { TrilogyColor, TrilogyColorValues } from "../../objects/facets/Color";
+import { Invertable } from "../../objects/facets";
 /**
  * Background props
  */
-export interface BackgroundProps {
-    background?: TrilogyColor | TrilogyColorValues;
+export interface BackgroundProps extends Invertable {
+    background?: TrilogyColor | TrilogyColorValues | {
+        color: TrilogyColor;
+        fade: boolean;
+    };
+    backgroundSrc?: string;
 }
 /**
  * Returns background's classname depending on background type
  * @param backgroundType {string} - BackgroundType
  * @returns {string} - Background Color value
  */
-export declare const getBackgroundClassName: (backgroundType: string) => 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: string) => string;
+export declare const getBackgroundStyle: (backgroundType: TrilogyColor | TrilogyColorValues | {
+    color: TrilogyColor;
+    fade: boolean;
+}) => string;

package/lib/objects/atoms/Background.js

@@ -1,10 +1,13 @@
-import { getColorClassName, getColorStyle } from '../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)}`;
 };
 /**
@@ -13,6 +16,8 @@ export const getBackgroundClassName = (backgroundType) => {
  * @returns {string} - Background Color value
  */
 export const getBackgroundStyle = (backgroundType) => {
-    return getColorStyle(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,EAAgB,iBAAiB,EAAE,aAAa,EAAsB,MAAM,iBAAiB,CAAA;AASpG;;;;GAIG;AACH,MAAM,CAAC,MAAM,sBAAsB,GAAG,CAAC,cAAsB,EAAU,EAAE;IACvE,OAAO,cAAc,iBAAiB,CAAC,cAAc,CAAC,EAAE,CAAA;AAC1D,CAAC,CAAA;AAED;;;;GAIG;AACH,MAAM,CAAC,MAAM,kBAAkB,GAAG,CAAC,cAAsB,EAAU,EAAE;IACnE,OAAO,aAAa,CAAC,cAAc,CAAC,CAAA;AACtC,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.d.ts

@@ -2,9 +2,9 @@
  * Text color Style
  */
 declare enum TextStyle {
-    PRIMARY = "PRIMARY",
-    SECONDARY = "SECONDARY",
-    TERTIARY = "TERTIARY"
+    MAIN = "MAIN",
+    ACCENT = "ACCENT",
+    INFO = "INFO"
 }
 /**
  * TextVariant props
@@ -18,10 +18,4 @@ export interface TextVariantProps {
  * @returns {string} - Text value
  */
 export declare const getTextClassName: (textType?: string) => string;
-/**
- * Returns text's style depending on text type
- * @param textType {string} - Text type
- * @returns {string} - Text value
- */
-export declare const getTextStyle: (textType?: string) => string;
 export {};

package/lib/objects/atoms/Text.js

@@ -1,12 +1,11 @@
-import { getColorStyle } from '../facets';
 /**
  * Text color Style
  */
 var TextStyle;
 (function (TextStyle) {
-    TextStyle["PRIMARY"] = "PRIMARY";
-    TextStyle["SECONDARY"] = "SECONDARY";
-    TextStyle["TERTIARY"] = "TERTIARY";
+    TextStyle["MAIN"] = "MAIN";
+    TextStyle["ACCENT"] = "ACCENT";
+    TextStyle["INFO"] = "INFO";
 })(TextStyle || (TextStyle = {}));
 /**
  * Returns text's classname depending on text type
@@ -15,47 +14,26 @@ var TextStyle;
  */
 export const getTextClassName = (textType) => {
     switch (textType) {
-        case 'PRIMARY':
-            return 'text-primary';
-        case 'SECONDARY':
-            return 'text-secondary';
-        case 'TERTIARY':
-            return 'text-tertiary';
-        case 'WHITE':
-            return 'text-white';
-        case 'GREY':
-            return 'text-grey';
-        case 'GREY_LIGHT':
-            return 'text-grey-light';
-        case 'GREY_DARK':
-            return 'text-grey-dark';
-        case 'SUCCESS':
-            return 'text-success';
-        case 'WARNING':
-            return 'text-warning';
-        case 'ERROR':
-            return 'text-error';
-        case 'INFO':
-            return 'text-info';
+        case "MAIN":
+            return "text-main";
+        case "ACCENT":
+            return "text-accent";
+        case "INFO":
+            return "text-info";
+        case "WHITE":
+            return "text-white";
+        case "NEUTRAL":
+            return "text-neutral-light";
+        case "NEUTRAL_DARK":
+            return "text-neutral-dark";
+        case "SUCCESS":
+            return "text-success";
+        case "WARNING":
+            return "text-warning";
+        case "ERROR":
+            return "text-error";
         default:
-            return '';
-    }
-};
-/**
- * Returns text's style depending on text type
- * @param textType {string} - Text type
- * @returns {string} - Text value
- */
-export const getTextStyle = (textType) => {
-    switch (textType) {
-        case 'PRIMARY':
-            return getColorStyle('PRIMARY');
-        case 'SECONDARY':
-            return getColorStyle('SECONDARY');
-        case 'TERTIARY':
-            return getColorStyle('TERTIARY');
-        default:
-            return '';
+            return "";
     }
 };
 //# sourceMappingURL=Text.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Text.js","sourceRoot":"","sources":["../../../objects/atoms/Text.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,WAAW,CAAA;AAEzC;;GAEG;AACH,IAAK,SAIJ;AAJD,WAAK,SAAS;IACZ,gCAAmB,CAAA;IACnB,oCAAuB,CAAA;IACvB,kCAAqB,CAAA;AACvB,CAAC,EAJI,SAAS,KAAT,SAAS,QAIb;AASD;;;;GAIG;AACH,MAAM,CAAC,MAAM,gBAAgB,GAAG,CAAC,QAAiB,EAAU,EAAE;IAC5D,QAAQ,QAAQ,EAAE;QAChB,KAAK,SAAS;YACZ,OAAO,cAAc,CAAA;QACvB,KAAK,WAAW;YACd,OAAO,gBAAgB,CAAA;QACzB,KAAK,UAAU;YACb,OAAO,eAAe,CAAA;QACxB,KAAK,OAAO;YACV,OAAO,YAAY,CAAA;QACrB,KAAK,MAAM;YACT,OAAO,WAAW,CAAA;QACpB,KAAK,YAAY;YACf,OAAO,iBAAiB,CAAA;QAC1B,KAAK,WAAW;YACd,OAAO,gBAAgB,CAAA;QACzB,KAAK,SAAS;YACZ,OAAO,cAAc,CAAA;QACvB,KAAK,SAAS;YACZ,OAAO,cAAc,CAAA;QACvB,KAAK,OAAO;YACV,OAAO,YAAY,CAAA;QACrB,KAAK,MAAM;YACT,OAAO,WAAW,CAAA;QACpB;YACE,OAAO,EAAE,CAAA;KACZ;AACH,CAAC,CAAA;AAED;;;;GAIG;AACH,MAAM,CAAC,MAAM,YAAY,GAAG,CAAC,QAAiB,EAAU,EAAE;IACxD,QAAQ,QAAQ,EAAE;QAChB,KAAK,SAAS;YACZ,OAAO,aAAa,CAAC,SAAS,CAAC,CAAA;QACjC,KAAK,WAAW;YACd,OAAO,aAAa,CAAC,WAAW,CAAC,CAAA;QACnC,KAAK,UAAU;YACb,OAAO,aAAa,CAAC,UAAU,CAAC,CAAA;QAClC;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/Accessibility.d.ts

@@ -1,4 +1,5 @@
 export interface Accessibility {
     testId?: string;
     accessibilityLabel?: string;
+    accessibilityActivate?: boolean;
 }

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

@@ -1 +1 @@
-{"version":3,"file":"Alert.js","sourceRoot":"","sources":["../../../objects/facets/Alert.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAkB,MAAM,uBAAuB,CAAA;AAChE,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"}
+{"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/Clickable.d.ts

@@ -1,4 +1,4 @@
-import { ClickEvent } from './../../events/OnClickEvent';
+import { ClickEvent } from '../../events/OnClickEvent';
 export interface Clickable {
     onClick?: ClickEvent;
 }

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

@@ -2,43 +2,42 @@
  * Trilogy color
  */
 export declare enum TrilogyColor {
+    BACKGROUND = "WHITE",
+    MAIN = "MAIN",
+    ACCENT = "ACCENT",
+    FONT = "FONT",
     SUCCESS = "SUCCESS",
     INFO = "INFO",
     WARNING = "WARNING",
     ERROR = "ERROR",
-    PRIMARY = "PRIMARY",
-    SECONDARY = "SECONDARY",
-    TERTIARY = "TERTIARY",
-    WHITE = "WHITE",
-    GREY = "GREY",
-    GREY_DARK = "GREY_DARK",
-    GREY_LIGHT = "GREY_LIGHT",
-    GREY_LIGHTER = "GREY_LIGHTER",
-    GREY_DISABLED = "GREY_DISABLED",
-    BG_SUCCESS = "BG-SUCCESS",
-    BG_INFO = "BG-INFO",
-    BG_WARNING = "BG-WARNING",
-    BG_ERROR = "BG-ERROR",
-    BG_DEFAULT = "BG-DEFAULT",
-    BG_DISABLED = "BG-DISABLED"
+    DISABLED = "DISABLED",
+    HOVERED = "HOVERED",
+    NEUTRAL = "NEUTRAL",
+    NEUTRAL_DARK = "NEUTRAL_DARK",
+    NEUTRAL_LIGHT = "NEUTRAL_LIGHT"
 }
 export type TrilogyColorValues = `${TrilogyColor}`;
-export declare const mixColors: (baseColor: TrilogyColor, tint: number) => string;
+/**
+ * Trilogy color values
+ */
+export declare const colors: Record<TrilogyColor, string[]>;
 /**
  * Returns color's className depending on Trilogy Color
  * @param trilogyColor {string} - Trilogy Color
- * @returns {string} - Color value
+ * @returns {string} - Color className value
  */
-export declare const getColorClassName: (trilogyColor?: string) => string;
+export declare const getColorClassName: (trilogyColor: TrilogyColor | TrilogyColorValues) => string;
 /**
- * Returns color's style depending on Trilogy Color
+ * Returns color button's className depending on Trilogy Color
  * @param trilogyColor {string} - Trilogy Color
- * @returns {string} - Color style value
+ * @returns {string} - Variant Button value
  */
-export declare const getColorStyle: (trilogyColor?: string) => string;
+export declare const getButtonVariantClassName: (trilogyColor?: string) => string;
+export declare const getButtonColorStyle: (buttonVariant?: string) => string;
 /**
- * Returns the background color of a variant
- * @param variant {string} - The variant name (success, error, warning or info)
- * @returns {string} - The background color value
+ * 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 declare const getBackgroundOfVariant: (variant?: string) => string;
+export declare const getColorStyle: (trilogyColor: TrilogyColor | TrilogyColorValues, index?: number) => string;