@trilogy-ds/react 0.0.1-beta-4 → 0.0.1-beta.11

package/lib/context/providerTheme.native.js

@@ -1,33 +1,17 @@
-import React from 'react';
+import React from "react";
+import { nativeColors } from "../objects/facets/Color.native";
 export const defaultIcons = {};
-export const defaultColors = {
-    primary: '#1A688A',
-    secondary: '#D44A4A',
-    tertiary: '#333',
-    success: '#007B52',
-    info: '#1A688A',
-    warning: '#FFBB33',
-    error: '#D42D02',
-    white: '#fff',
-    grey: '#707070',
-    greyDark: '#646464',
-    greyLigth: '#E9E9E9',
-    greyLighter: '#F4F4F4',
-    greyDisabled: '#D1D1D1',
-    bgInfo: 'hsl(200, 50%, 70%)',
-    bgSuccess: 'hsl(120, 50%, 70%)',
-    bgWarning: 'hsl(40, 50%, 70%)',
-    bgError: 'hsl(0, 50%, 70%)',
-    bgDefault: '#E4E6E8',
-    default: '#333',
-};
+export const defaultColors = nativeColors;
 export const defaultTheme = {
     icons: defaultIcons,
     colors: defaultColors,
 };
-export const defaultContextValue = { theme: defaultTheme, setTheme: () => undefined };
+export const defaultContextValue = {
+    theme: defaultTheme,
+    setTheme: () => undefined,
+};
 export const TrilogyThemeContext = React.createContext(defaultContextValue);
-export const TrilogyThemeProvider = ({ children, theme }) => {
+export const TrilogyThemeProvider = ({ children, theme, }) => {
     const [trilogyTheme, setTrilogyTheme] = React.useState(theme || defaultTheme);
     return (React.createElement(TrilogyThemeContext.Provider, { value: { theme: trilogyTheme, setTheme: setTrilogyTheme } }, children));
 };

package/lib/context/providerTheme.native.js.map

@@ -1 +1 @@
-{"version":3,"file":"providerTheme.native.js","sourceRoot":"","sources":["../../context/providerTheme.native.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8C,MAAM,OAAO,CAAA;AAalE,MAAM,CAAC,MAAM,YAAY,GAAG,EAAE,CAAA;AAE9B,MAAM,CAAC,MAAM,aAAa,GAAG;IAC3B,OAAO,EAAE,SAAS;IAClB,SAAS,EAAE,SAAS;IACpB,QAAQ,EAAE,MAAM;IAChB,OAAO,EAAE,SAAS;IAClB,IAAI,EAAE,SAAS;IACf,OAAO,EAAE,SAAS;IAClB,KAAK,EAAE,SAAS;IAChB,KAAK,EAAE,MAAM;IACb,IAAI,EAAE,SAAS;IACf,QAAQ,EAAE,SAAS;IACnB,SAAS,EAAE,SAAS;IACpB,WAAW,EAAE,SAAS;IACtB,YAAY,EAAE,SAAS;IACvB,MAAM,EAAE,oBAAoB;IAC5B,SAAS,EAAE,oBAAoB;IAC/B,SAAS,EAAE,mBAAmB;IAC9B,OAAO,EAAE,kBAAkB;IAC3B,SAAS,EAAE,SAAS;IACpB,OAAO,EAAE,MAAM;CAChB,CAAA;AAED,MAAM,CAAC,MAAM,YAAY,GAAkB;IACzC,KAAK,EAAE,YAAY;IACnB,MAAM,EAAE,aAAa;CACtB,CAAA;AAED,MAAM,CAAC,MAAM,mBAAmB,GAAG,EAAE,KAAK,EAAE,YAAY,EAAE,QAAQ,EAAE,GAAG,EAAE,CAAC,SAAS,EAAE,CAAA;AACrF,MAAM,CAAC,MAAM,mBAAmB,GAAG,KAAK,CAAC,aAAa,CAAuB,mBAAmB,CAAC,CAAA;AAEjG,MAAM,CAAC,MAAM,oBAAoB,GAAG,CAAC,EAAE,QAAQ,EAAE,KAAK,EAAyB,EAAe,EAAE;IAC9F,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAgB,KAAK,IAAI,YAAY,CAAC,CAAA;IAE5F,OAAO,CACL,oBAAC,mBAAmB,CAAC,QAAQ,IAAC,KAAK,EAAE,EAAE,KAAK,EAAE,YAAY,EAAE,QAAQ,EAAE,eAAe,EAAE,IACpF,QAAQ,CACoB,CAChC,CAAA;AACH,CAAC,CAAA"}
+{"version":3,"file":"providerTheme.native.js","sourceRoot":"","sources":["../../context/providerTheme.native.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8C,MAAM,OAAO,CAAA;AAElE,OAAO,EAAE,YAAY,EAAE,MAAM,gCAAgC,CAAA;AAY7D,MAAM,CAAC,MAAM,YAAY,GAAG,EAAE,CAAA;AAE9B,MAAM,CAAC,MAAM,aAAa,GAAG,YAAY,CAAA;AAEzC,MAAM,CAAC,MAAM,YAAY,GAAkB;IACzC,KAAK,EAAE,YAAY;IACnB,MAAM,EAAE,aAAa;CACtB,CAAA;AAED,MAAM,CAAC,MAAM,mBAAmB,GAAG;IACjC,KAAK,EAAE,YAAY;IACnB,QAAQ,EAAE,GAAG,EAAE,CAAC,SAAS;CAC1B,CAAA;AACD,MAAM,CAAC,MAAM,mBAAmB,GAC9B,KAAK,CAAC,aAAa,CAAuB,mBAAmB,CAAC,CAAA;AAEhE,MAAM,CAAC,MAAM,oBAAoB,GAAG,CAAC,EACnC,QAAQ,EACR,KAAK,GACiB,EAAe,EAAE;IACvC,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,KAAK,CAAC,QAAQ,CACpD,KAAK,IAAI,YAAY,CACtB,CAAA;IAED,OAAO,CACL,oBAAC,mBAAmB,CAAC,QAAQ,IAC3B,KAAK,EAAE,EAAE,KAAK,EAAE,YAAY,EAAE,QAAQ,EAAE,eAAe,EAAE,IAExD,QAAQ,CACoB,CAChC,CAAA;AACH,CAAC,CAAA"}

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

@@ -5,7 +5,8 @@ import { TextLevels, TextLevelValues } from '../..';
 export declare enum TypographyBold {
     TEXT_WEIGHT_NORMAL = "has-text-weight-normal",
     TEXT_WEIGHT_MEDIUM = "has-text-weight-medium",
-    TEXT_WEIGHT_SEMIBOLD = "has-text-weight-semibold"
+    TEXT_WEIGHT_SEMIBOLD = "has-text-weight-semibold",
+    TEXT_WEIGHT_BOLD = "has-text-weight-bold"
 }
 /**
  * Typo bold values

package/lib/objects/Typography/TypographyBold.js

@@ -6,6 +6,7 @@ export var TypographyBold;
     TypographyBold["TEXT_WEIGHT_NORMAL"] = "has-text-weight-normal";
     TypographyBold["TEXT_WEIGHT_MEDIUM"] = "has-text-weight-medium";
     TypographyBold["TEXT_WEIGHT_SEMIBOLD"] = "has-text-weight-semibold";
+    TypographyBold["TEXT_WEIGHT_BOLD"] = "has-text-weight-bold";
 })(TypographyBold || (TypographyBold = {}));
 /**
  * @param typographyBoldType {TypographyBold|string} - Bold type

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

@@ -1 +1 @@
-{"version":3,"file":"TypographyBold.js","sourceRoot":"","sources":["../../../objects/Typography/TypographyBold.ts"],"names":[],"mappings":"AAEA;;GAEG;AACH,MAAM,CAAN,IAAY,cAIX;AAJD,WAAY,cAAc;IACxB,+DAA6C,CAAA;IAC7C,+DAA6C,CAAA;IAC7C,mEAAiD,CAAA;AACnD,CAAC,EAJW,cAAc,KAAd,cAAc,QAIzB;AAOD;;;GAGG;AAEH,MAAM,CAAC,MAAM,0BAA0B,GAAG,CACxC,kBAA2B,EAC8D,EAAE;IAC3F,QAAQ,kBAAkB,EAAE;QAC1B,KAAK,oBAAoB;YACvB,OAAO,wBAAwB,CAAA;QACjC,KAAK,oBAAoB;YACvB,OAAO,wBAAwB,CAAA;QACjC,KAAK,sBAAsB;YACzB,OAAO,0BAA0B,CAAA;QACnC;YACE,OAAO,IAAI,CAAA;KACd;AACH,CAAC,CAAA;AAED;;;;GAIG;AACH,MAAM,CAAC,MAAM,sBAAsB,GAAG,CAAC,IAA6B,EAAE,KAAoC,EAAU,EAAE;IACpH,OAAO,CACL,CAAC,IAAI,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,IAAI,KAAK,cAAc,CAAC,kBAAkB,IAAI,iBAAiB,CAAC;QACjG,CAAC,IAAI,IAAI,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,IAAI,CAAC,QAAQ,CAAC,cAAc,CAAC,kBAAkB,CAAC,IAAI,iBAAiB,CAAC;QACtG,CAAC,IAAI,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,IAAI,KAAK,cAAc,CAAC,kBAAkB,IAAI,gBAAgB,CAAC;QAChG,CAAC,IAAI,IAAI,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,IAAI,CAAC,QAAQ,CAAC,cAAc,CAAC,kBAAkB,CAAC,IAAI,gBAAgB,CAAC;QACrG,CAAC,IAAI,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,IAAI,KAAK,cAAc,CAAC,oBAAoB,IAAI,kBAAkB,CAAC;QACpG,CAAC,IAAI,IAAI,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,IAAI,CAAC,QAAQ,CAAC,cAAc,CAAC,oBAAoB,CAAC,IAAI,kBAAkB,CAAC;QACzG,CAAC,KAAK,IAAI,KAAK,IAAI,KAAK,IAAI,iBAAiB,CAAC;QAC9C,CAAC,KAAK,IAAI,KAAK,IAAI,KAAK,IAAI,iBAAiB,CAAC;QAC9C,CAAC,KAAK,IAAI,KAAK,IAAI,OAAO,IAAI,iBAAiB,CAAC;QAChD,iBAAiB,CAClB,CAAA;AACH,CAAC,CAAA"}
+{"version":3,"file":"TypographyBold.js","sourceRoot":"","sources":["../../../objects/Typography/TypographyBold.ts"],"names":[],"mappings":"AAEA;;GAEG;AACH,MAAM,CAAN,IAAY,cAKX;AALD,WAAY,cAAc;IACxB,+DAA6C,CAAA;IAC7C,+DAA6C,CAAA;IAC7C,mEAAiD,CAAA;IACjD,2DAAyC,CAAA;AAC3C,CAAC,EALW,cAAc,KAAd,cAAc,QAKzB;AAOD;;;GAGG;AAEH,MAAM,CAAC,MAAM,0BAA0B,GAAG,CACxC,kBAA2B,EAC8D,EAAE;IAC3F,QAAQ,kBAAkB,EAAE;QAC1B,KAAK,oBAAoB;YACvB,OAAO,wBAAwB,CAAA;QACjC,KAAK,oBAAoB;YACvB,OAAO,wBAAwB,CAAA;QACjC,KAAK,sBAAsB;YACzB,OAAO,0BAA0B,CAAA;QACnC;YACE,OAAO,IAAI,CAAA;KACd;AACH,CAAC,CAAA;AAED;;;;GAIG;AACH,MAAM,CAAC,MAAM,sBAAsB,GAAG,CAAC,IAA6B,EAAE,KAAoC,EAAU,EAAE;IACpH,OAAO,CACL,CAAC,IAAI,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,IAAI,KAAK,cAAc,CAAC,kBAAkB,IAAI,iBAAiB,CAAC;QACjG,CAAC,IAAI,IAAI,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,IAAI,CAAC,QAAQ,CAAC,cAAc,CAAC,kBAAkB,CAAC,IAAI,iBAAiB,CAAC;QACtG,CAAC,IAAI,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,IAAI,KAAK,cAAc,CAAC,kBAAkB,IAAI,gBAAgB,CAAC;QAChG,CAAC,IAAI,IAAI,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,IAAI,CAAC,QAAQ,CAAC,cAAc,CAAC,kBAAkB,CAAC,IAAI,gBAAgB,CAAC;QACrG,CAAC,IAAI,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,IAAI,KAAK,cAAc,CAAC,oBAAoB,IAAI,kBAAkB,CAAC;QACpG,CAAC,IAAI,IAAI,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,IAAI,CAAC,QAAQ,CAAC,cAAc,CAAC,oBAAoB,CAAC,IAAI,kBAAkB,CAAC;QACzG,CAAC,KAAK,IAAI,KAAK,IAAI,KAAK,IAAI,iBAAiB,CAAC;QAC9C,CAAC,KAAK,IAAI,KAAK,IAAI,KAAK,IAAI,iBAAiB,CAAC;QAC9C,CAAC,KAAK,IAAI,KAAK,IAAI,OAAO,IAAI,iBAAiB,CAAC;QAChD,iBAAiB,CAClB,CAAA;AACH,CAAC,CAAA"}

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

@@ -2,18 +2,14 @@
  * Typo color
  */
 export declare enum TypographyColor {
-    TEXT_PRIMARY = "has-text-primary",
-    TEXT_SECONDARY = "has-text-secondary",
-    TEXT_TERTIARY = "has-text-tertiary",
-    TEXT_QUATERNARY = "has-text-quaternary",
+    TEXT_MAIN = "has-text-main",
+    TEXT_ACCENT = "has-text-accent",
     TEXT_INFO = "has-text-info",
     TEXT_SUCCESS = "has-text-success",
     TEXT_WARNING = "has-text-warning",
     TEXT_ERROR = "has-text-error",
-    TEXT_GREY_DARK = "has-text-grey-dark",
-    TEXT_GREY = "has-text-grey",
-    TEXT_GREY_LIGHT = "has-text-grey-light",
-    TEXT_GREY_LIGHTER = "has-text-grey-lighter",
+    TEXT_NEUTRAL = "has-text-neutral",
+    TEXT_NEUTRAL_DARK = "has-text-neutral-dark",
     TEXT_WHITE = "has-text-white"
 }
 /**

package/lib/objects/Typography/TypographyColor.js

@@ -1,21 +1,17 @@
-import { TrilogyColor, getColorStyle } from '../facets/Color';
+import { getColorStyle, TrilogyColor } from "../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-neutral";
+    TypographyColor["TEXT_NEUTRAL_DARK"] = "has-text-neutral-dark";
     TypographyColor["TEXT_WHITE"] = "has-text-white";
 })(TypographyColor || (TypographyColor = {}));
 /**
@@ -23,47 +19,44 @@ export var TypographyColor;
  * @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)
+        : typo === TypographyColor.TEXT_ACCENT &&
+            getColorStyle(TrilogyColor.ACCENT)) ||
+        (Array.isArray(typo) && typo.includes(TypographyColor.TEXT_MAIN)
+            ? getColorStyle(TrilogyColor.MAIN)
+            : typo === TypographyColor.TEXT_MAIN &&
+                getColorStyle(TrilogyColor.MAIN)) ||
         (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)) ||
+            : typo === TypographyColor.TEXT_INFO &&
+                getColorStyle(TrilogyColor.INFO)) ||
         (Array.isArray(typo) && typo.includes(TypographyColor.TEXT_SUCCESS)
             ? getColorStyle(TrilogyColor.SUCCESS)
-            : typo === TypographyColor.TEXT_SUCCESS && getColorStyle(TrilogyColor.SUCCESS)) ||
+            : typo === TypographyColor.TEXT_SUCCESS &&
+                getColorStyle(TrilogyColor.SUCCESS)) ||
         (Array.isArray(typo) && typo.includes(TypographyColor.TEXT_WARNING)
             ? getColorStyle(TrilogyColor.WARNING)
-            : typo === TypographyColor.TEXT_WARNING && getColorStyle(TrilogyColor.WARNING)) ||
+            : typo === TypographyColor.TEXT_WARNING &&
+                getColorStyle(TrilogyColor.WARNING)) ||
         (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)) ||
+            : typo === TypographyColor.TEXT_ERROR &&
+                getColorStyle(TrilogyColor.ERROR)) ||
+        (Array.isArray(typo) && typo.includes(TypographyColor.TEXT_NEUTRAL_DARK)
+            ? getColorStyle(TrilogyColor.NEUTRAL_DARK)
+            : typo === TypographyColor.TEXT_NEUTRAL_DARK &&
+                getColorStyle(TrilogyColor.NEUTRAL_DARK)) ||
+        (Array.isArray(typo) && typo.includes(TypographyColor.TEXT_NEUTRAL)
+            ? getColorStyle(TrilogyColor.NEUTRAL)
+            : typo === TypographyColor.TEXT_NEUTRAL &&
+                getColorStyle(TrilogyColor.NEUTRAL)) ||
         (Array.isArray(typo) && typo.includes(TypographyColor.TEXT_WHITE)
             ? getColorStyle(TrilogyColor.WHITE)
-            : typo === TypographyColor.TEXT_WHITE && getColorStyle(TrilogyColor.WHITE)) ||
+            : typo === TypographyColor.TEXT_WHITE &&
+                getColorStyle(TrilogyColor.WHITE)) ||
         (inverted && !typo && getColorStyle(TrilogyColor.WHITE)) ||
-        getColorStyle(TrilogyColor.TERTIARY));
+        getColorStyle(TrilogyColor.MAIN));
 };
 //# 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,4 +1,4 @@
-import { TrilogyColor, TrilogyColorValues } from '../facets/Color';
+import { TrilogyColor, TrilogyColorValues } from "../facets/Color";
 /**
  * Background props
  */
@@ -10,10 +10,10 @@ export interface BackgroundProps {
  * @param backgroundType {string} - BackgroundType
  * @returns {string} - Background Color value
  */
-export declare const getBackgroundClassName: (backgroundType: string) => string;
+export declare const getBackgroundClassName: (backgroundType: TrilogyColor | TrilogyColorValues) => 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) => string;

package/lib/objects/atoms/Background.js

@@ -1,4 +1,4 @@
-import { getColorClassName, getColorStyle } from '../facets/Color';
+import { getColorClassName, getColorStyle, } from "../facets/Color";
 /**
  * Returns background's classname depending on background type
  * @param backgroundType {string} - 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,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,iBAAiB,CAAA;AASrG;;;;GAIG;AACH,MAAM,CAAC,MAAM,sBAAsB,GAAG,CACpC,cAAiD,EACzC,EAAE;IACV,OAAO,cAAc,iBAAiB,CAAC,cAAc,CAAC,EAAE,CAAA;AAC1D,CAAC,CAAA;AAED;;;;GAIG;AACH,MAAM,CAAC,MAAM,kBAAkB,GAAG,CAChC,cAAiD,EACzC,EAAE;IACV,OAAO,aAAa,CAAC,cAAc,CAAC,CAAA;AACtC,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/Color.d.ts

@@ -2,43 +2,43 @@
  * Trilogy color
  */
 export declare enum TrilogyColor {
+    BACKGROUND = "BACKGROUND",
+    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",
+    WHITE = "WHITE"
 }
 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;