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

package/lib/objects/facets/Color.js

@@ -1,145 +1,104 @@
-import Color from 'color';
 /**
  * Trilogy color
  */
 export var TrilogyColor;
 (function (TrilogyColor) {
+    TrilogyColor["BACKGROUND"] = "BACKGROUND";
+    TrilogyColor["MAIN"] = "MAIN";
+    TrilogyColor["ACCENT"] = "ACCENT";
+    TrilogyColor["FONT"] = "FONT";
     TrilogyColor["SUCCESS"] = "SUCCESS";
     TrilogyColor["INFO"] = "INFO";
     TrilogyColor["WARNING"] = "WARNING";
     TrilogyColor["ERROR"] = "ERROR";
-    TrilogyColor["PRIMARY"] = "PRIMARY";
-    TrilogyColor["SECONDARY"] = "SECONDARY";
-    TrilogyColor["TERTIARY"] = "TERTIARY";
+    TrilogyColor["DISABLED"] = "DISABLED";
+    TrilogyColor["HOVERED"] = "HOVERED";
+    TrilogyColor["NEUTRAL"] = "NEUTRAL";
+    TrilogyColor["NEUTRAL_DARK"] = "NEUTRAL_DARK";
+    TrilogyColor["NEUTRAL_LIGHT"] = "NEUTRAL_LIGHT";
     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 || (TrilogyColor = {}));
-export const mixColors = (baseColor, tint) => {
-    const color = getColorStyle(baseColor);
-    const newColor = Color(color);
-    return newColor.lightness(-tint).hex();
+/**
+ * Trilogy color values
+ */
+export const colors = {
+    [TrilogyColor.BACKGROUND]: ["white", "#fff", "main", "#E9E9E9"],
+    [TrilogyColor.WHITE]: ["white", "#fff", "main", "#E9E9E9"],
+    [TrilogyColor.MAIN]: ["main", "#3d5d7e", "white", "#eff2f8"],
+    [TrilogyColor.ACCENT]: ["accent", "#da641b", "white", "#bb5118"],
+    [TrilogyColor.FONT]: ["main", "#3d5d7e", "white", "#BBC6CD"],
+    [TrilogyColor.SUCCESS]: ["success", "#007B52", "white", "#cae8ca"],
+    [TrilogyColor.INFO]: ["info", "#1A688A", "white", "#c8dbec"],
+    [TrilogyColor.WARNING]: ["warning", "#FFBB33", "white", "#ecdbc6"],
+    [TrilogyColor.ERROR]: ["error", "#D42D02", "white", "#eecccc"],
+    [TrilogyColor.DISABLED]: ["disabled", "#646464", "white", "#D1D1D1"],
+    [TrilogyColor.NEUTRAL]: ["grey", "#707070", "white", "#F4F4F4"],
+    [TrilogyColor.NEUTRAL_DARK]: ["grey-dark", "#646464", "white", "#E9E9E9"],
+    [TrilogyColor.NEUTRAL_LIGHT]: ["#E9E9E9", "#E9E9E9"],
+    [TrilogyColor.HOVERED]: ["hovered", "#F4F4F4", "white", "#F4F4F4"],
 };
 /**
  * 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) => {
-    switch (trilogyColor) {
-        case 'SUCCESS':
-            return 'success';
-        case 'INFO':
-            return 'info';
-        case 'WARNING':
-            return 'warning';
-        case 'ERROR':
-            return 'error';
-        case 'PRIMARY':
-            return 'primary';
-        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';
-        default:
-            return 'tertiary';
-    }
+    const color = colors[trilogyColor];
+    return color[0];
 };
 /**
- * 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 const getColorStyle = (trilogyColor) => {
+export const getButtonVariantClassName = (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');
+        case "ACCENT":
+            return "accent";
+        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 '#333';
+            return "primary";
     }
 };
-/**
- * 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
+export const getButtonColorStyle = (buttonVariant) => {
+    switch (buttonVariant) {
+        case "ACCENT":
+            return TrilogyColor.ACCENT;
+        case "PRIMARY":
+            return TrilogyColor.MAIN;
+        case "SECONDARY":
+            return TrilogyColor.HOVERED;
+        case "GHOST":
+            return TrilogyColor.WHITE;
         default:
-            return '#FFF';
+            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, index) => {
+    const color = colors[trilogyColor];
+    const colorArray = colors[trilogyColor];
+    const colorIndex = index !== undefined && index >= 0 && index < colorArray.length ? index : 0;
+    return colorArray[colorIndex];
+};
 //# sourceMappingURL=Color.js.map

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

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

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

@@ -2,27 +2,28 @@
  * 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 declare const nativeColors: Record<TrilogyColor, string[]>;
 export type TrilogyColorValues = `${TrilogyColor}`;
-export declare const mixColors: (baseColor: TrilogyColor, tint: number) => string;
-export declare const getColorStyle: (trilogyColor?: string) => string;
-export declare const getBackgroundOfVariant: (variant?: string) => string;
+/**
+ * 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 getColorStyle: (trilogyColor: TrilogyColor | TrilogyColorValues, index?: number) => string;
+export declare const getButtonColorStyle: (buttonVariant?: string) => string;

package/lib/objects/facets/Color.native.js

@@ -1,96 +1,72 @@
-import { TrilogyThemeContext } from '../../context/providerTheme.native';
-import { useContext } from 'react';
-import Color from 'color';
+import { TrilogyThemeContext } from "../../context/providerTheme.native";
+import { useContext } from "react";
 /**
  * Trilogy color
  */
 export var TrilogyColor;
 (function (TrilogyColor) {
+    TrilogyColor["BACKGROUND"] = "BACKGROUND";
+    TrilogyColor["MAIN"] = "MAIN";
+    TrilogyColor["ACCENT"] = "ACCENT";
+    TrilogyColor["FONT"] = "FONT";
     TrilogyColor["SUCCESS"] = "SUCCESS";
     TrilogyColor["INFO"] = "INFO";
     TrilogyColor["WARNING"] = "WARNING";
     TrilogyColor["ERROR"] = "ERROR";
-    TrilogyColor["PRIMARY"] = "PRIMARY";
-    TrilogyColor["SECONDARY"] = "SECONDARY";
-    TrilogyColor["TERTIARY"] = "TERTIARY";
+    TrilogyColor["DISABLED"] = "DISABLED";
+    TrilogyColor["HOVERED"] = "HOVERED";
+    TrilogyColor["NEUTRAL"] = "NEUTRAL";
+    TrilogyColor["NEUTRAL_DARK"] = "NEUTRAL_DARK";
+    TrilogyColor["NEUTRAL_LIGHT"] = "NEUTRAL_LIGHT";
     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 || (TrilogyColor = {}));
-export const mixColors = (baseColor, tint) => {
-    const color = getColorStyle(baseColor);
-    const newColor = Color(color);
-    return newColor.lightness(-tint).hex();
+export const nativeColors = {
+    [TrilogyColor.BACKGROUND]: ["#fff", "#E9E9E9"],
+    [TrilogyColor.MAIN]: ["#3d5d7e", "#eff2f8"],
+    [TrilogyColor.ACCENT]: ["#da641b", "#bb5118"],
+    [TrilogyColor.FONT]: ["#3d5d7e", "#BBC6CD"],
+    [TrilogyColor.SUCCESS]: ["#007B52", "#cae8ca"],
+    [TrilogyColor.INFO]: ["#1A688A", "#c8dbec"],
+    [TrilogyColor.WARNING]: ["#FFBB33", "#ecdbc6"],
+    [TrilogyColor.ERROR]: ["#D42D02", "#eecccc"],
+    [TrilogyColor.DISABLED]: ["#646464", "#D1D1D1"],
+    [TrilogyColor.HOVERED]: ["#F4F4F4", "#F4F4F4"],
+    [TrilogyColor.NEUTRAL]: ["#707070", "#F4F4F4"],
+    [TrilogyColor.NEUTRAL_DARK]: ["#646464", "#E9E9E9"],
+    [TrilogyColor.NEUTRAL_LIGHT]: ["#E9E9E9", "#E9E9E9"],
+    [TrilogyColor.WHITE]: ["#fff", "#E9E9E9"],
 };
-export const getColorStyle = (trilogyColor) => {
-    const { theme: { colors },
-    // eslint-disable-next-line react-hooks/rules-of-hooks
-     } = useContext(TrilogyThemeContext);
-    switch (trilogyColor) {
-        case 'SUCCESS':
-            return colors.success;
-        case 'INFO':
-            return colors.info;
-        case 'WARNING':
-            return colors.warning;
-        case 'ERROR':
-            return colors.error;
-        case 'PRIMARY':
-            return colors.primary;
-        case 'SECONDARY':
-            return colors.secondary;
-        case 'TERTIARY':
-            return colors.tertiary;
-        case 'WHITE':
-            return colors.white;
-        case 'GREY':
-            return colors.grey;
-        case 'GREY_DARK':
-            return colors.greyDark;
-        case 'GREY_LIGHT':
-            return colors.greyLight;
-        case 'GREY_LIGHTER':
-            return colors.greyLighter;
-        case 'GREY_DISABLED':
-            return colors.greyDisabled;
-        case 'BG-SUCCESS':
-            return colors.bgSuccess;
-        case 'BG-INFO':
-            return colors.bgInfo;
-        case 'BG-WARNING':
-            return colors.bgWarning;
-        case 'BG-ERROR':
-            return colors.bgError;
-        case 'BG-DEFAULT':
-            return colors.bgDefault;
-        default:
-            return colors.default;
+/**
+ * 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, index) => {
+    const { theme } = useContext(TrilogyThemeContext);
+    const colors = (theme === null || theme === void 0 ? void 0 : theme.colors) || nativeColors;
+    const colorArray = colors[trilogyColor] || nativeColors[trilogyColor] || colors.default;
+    const colorIndex = index !== undefined && index >= 0 && index < colorArray.length ? index : 0;
+    if (!trilogyColor || !colors[trilogyColor]) {
+        return colors.default;
     }
+    return colorArray[colorIndex];
 };
-export const getBackgroundOfVariant = (variant) => {
+export const getButtonColorStyle = (buttonVariant) => {
     const { theme: { colors },
     // eslint-disable-next-line react-hooks/rules-of-hooks
      } = useContext(TrilogyThemeContext);
-    switch (variant) {
-        case 'SUCCESS':
-            return colors.bgSuccess;
-        case 'INFO':
-            return colors.bgInfo;
-        case 'WARNING':
-            return colors.bgWarning;
-        case 'ERROR':
-            return colors.bgError;
+    switch (buttonVariant) {
+        case "ACCENT":
+            return TrilogyColor.ACCENT;
+        case "PRIMARY":
+            return TrilogyColor.MAIN;
+        case "SECONDARY":
+            return TrilogyColor.HOVERED;
+        case "GHOST":
+            return TrilogyColor.WHITE;
         default:
-            return colors.bgDefault;
+            return TrilogyColor.MAIN;
     }
 };
 //# sourceMappingURL=Color.native.js.map

package/lib/objects/facets/Color.native.js.map

@@ -1 +1 @@
-{"version":3,"file":"Color.native.js","sourceRoot":"","sources":["../../../objects/facets/Color.native.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,mBAAmB,EAAE,MAAM,oCAAoC,CAAA;AACxE,OAAO,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AAClC,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB;;GAEG;AACH,MAAM,CAAN,IAAY,YAoBX;AApBD,WAAY,YAAY;IACtB,mCAAmB,CAAA;IACnB,6BAAa,CAAA;IACb,mCAAmB,CAAA;IACnB,+BAAe,CAAA;IACf,mCAAmB,CAAA;IACnB,uCAAuB,CAAA;IACvB,qCAAqB,CAAA;IACrB,+BAAe,CAAA;IACf,6BAAa,CAAA;IACb,uCAAuB,CAAA;IACvB,yCAAyB,CAAA;IACzB,6CAA6B,CAAA;IAC7B,+CAA+B,CAAA;IAC/B,yCAAyB,CAAA;IACzB,mCAAmB,CAAA;IACnB,yCAAyB,CAAA;IACzB,qCAAqB,CAAA;IACrB,yCAAyB,CAAA;IACzB,2CAA2B,CAAA;AAC7B,CAAC,EApBW,YAAY,KAAZ,YAAY,QAoBvB;AAID,MAAM,CAAC,MAAM,SAAS,GAAG,CAAC,SAAuB,EAAE,IAAY,EAAE,EAAE;IACjE,MAAM,KAAK,GAAG,aAAa,CAAC,SAAS,CAAC,CAAA;IACtC,MAAM,QAAQ,GAAG,KAAK,CAAC,KAAK,CAAC,CAAA;IAC7B,OAAO,QAAQ,CAAC,SAAS,CAAC,CAAC,IAAI,CAAC,CAAC,GAAG,EAAE,CAAA;AACxC,CAAC,CAAA;AAED,MAAM,CAAC,MAAM,aAAa,GAAG,CAAC,YAAqB,EAAU,EAAE;IAC7D,MAAM,EACJ,KAAK,EAAE,EAAE,MAAM,EAAE;IACjB,sDAAsD;MACvD,GAAG,UAAU,CAAC,mBAAmB,CAAC,CAAA;IAEnC,QAAQ,YAAY,EAAE;QACpB,KAAK,SAAS;YACZ,OAAO,MAAM,CAAC,OAAO,CAAA;QACvB,KAAK,MAAM;YACT,OAAO,MAAM,CAAC,IAAI,CAAA;QACpB,KAAK,SAAS;YACZ,OAAO,MAAM,CAAC,OAAO,CAAA;QACvB,KAAK,OAAO;YACV,OAAO,MAAM,CAAC,KAAK,CAAA;QACrB,KAAK,SAAS;YACZ,OAAO,MAAM,CAAC,OAAO,CAAA;QACvB,KAAK,WAAW;YACd,OAAO,MAAM,CAAC,SAAS,CAAA;QACzB,KAAK,UAAU;YACb,OAAO,MAAM,CAAC,QAAQ,CAAA;QACxB,KAAK,OAAO;YACV,OAAO,MAAM,CAAC,KAAK,CAAA;QACrB,KAAK,MAAM;YACT,OAAO,MAAM,CAAC,IAAI,CAAA;QACpB,KAAK,WAAW;YACd,OAAO,MAAM,CAAC,QAAQ,CAAA;QACxB,KAAK,YAAY;YACf,OAAO,MAAM,CAAC,SAAS,CAAA;QACzB,KAAK,cAAc;YACjB,OAAO,MAAM,CAAC,WAAW,CAAA;QAC3B,KAAK,eAAe;YAClB,OAAO,MAAM,CAAC,YAAY,CAAA;QAC5B,KAAK,YAAY;YACf,OAAO,MAAM,CAAC,SAAS,CAAA;QACzB,KAAK,SAAS;YACZ,OAAO,MAAM,CAAC,MAAM,CAAA;QACtB,KAAK,YAAY;YACf,OAAO,MAAM,CAAC,SAAS,CAAA;QACzB,KAAK,UAAU;YACb,OAAO,MAAM,CAAC,OAAO,CAAA;QACvB,KAAK,YAAY;YACf,OAAO,MAAM,CAAC,SAAS,CAAA;QACzB;YACE,OAAO,MAAM,CAAC,OAAO,CAAA;KACxB;AACH,CAAC,CAAA;AAED,MAAM,CAAC,MAAM,sBAAsB,GAAG,CAAC,OAAgB,EAAU,EAAE;IACjE,MAAM,EACJ,KAAK,EAAE,EAAE,MAAM,EAAE;IACjB,sDAAsD;MACvD,GAAG,UAAU,CAAC,mBAAmB,CAAC,CAAA;IAEnC,QAAQ,OAAO,EAAE;QACf,KAAK,SAAS;YACZ,OAAO,MAAM,CAAC,SAAS,CAAA;QACzB,KAAK,MAAM;YACT,OAAO,MAAM,CAAC,MAAM,CAAA;QACtB,KAAK,SAAS;YACZ,OAAO,MAAM,CAAC,SAAS,CAAA;QACzB,KAAK,OAAO;YACV,OAAO,MAAM,CAAC,OAAO,CAAA;QACvB;YACE,OAAO,MAAM,CAAC,SAAS,CAAA;KAC1B;AACH,CAAC,CAAA"}
+{"version":3,"file":"Color.native.js","sourceRoot":"","sources":["../../../objects/facets/Color.native.tsx"],"names":[],"mappings":"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"}

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

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

package/lib/objects/facets/Variant.js

@@ -1,12 +1,11 @@
-import { getColorStyle } from './Color';
+import { getColorStyle, TrilogyColor } from "./Color";
 /**
  * Variant State
  */
 export var VariantState;
 (function (VariantState) {
-    VariantState["PRIMARY"] = "PRIMARY";
-    VariantState["SECONDARY"] = "SECONDARY";
-    VariantState["TERTIARY"] = "TERTIARY";
+    VariantState["MAIN"] = "MAIN";
+    VariantState["ACCENT"] = "ACCENT";
 })(VariantState || (VariantState = {}));
 /**
  * Returns variant's classname depending on variant type
@@ -15,16 +14,22 @@ export var VariantState;
  */
 export const getVariantClassName = (variantType) => {
     if (!variantType)
-        return '';
+        return "";
     switch (variantType) {
-        case 'PRIMARY':
-            return 'primary';
-        case 'SECONDARY':
-            return 'secondary';
-        case 'TERTIARY':
-            return 'tertiary';
+        case "MAIN":
+            return "main";
+        case "ACCENT":
+            return "accent";
+        case "PRIMARY":
+            return "primary";
+        case "SECONDARY":
+            return "secondary";
+        case "TERTIARY":
+            return "tertiary";
+        case "GHOST":
+            return "ghost";
         default:
-            return '';
+            return "";
     }
 };
 /**
@@ -34,14 +39,18 @@ export const getVariantClassName = (variantType) => {
  */
 export const getVariantStyle = (variantType) => {
     switch (variantType) {
-        case 'PRIMARY':
-            return getColorStyle('PRIMARY');
-        case 'SECONDARY':
-            return getColorStyle('SECONDARY');
-        case 'TERTIARY':
-            return getColorStyle('WHITE');
+        case "PRIMARY":
+            return getColorStyle(TrilogyColor.MAIN);
+        case "ACCENT":
+            return getColorStyle(TrilogyColor.ACCENT);
+        case "MAIN":
+            return getColorStyle(TrilogyColor.MAIN);
+        case "SECONDARY":
+            return getColorStyle(TrilogyColor.HOVERED);
+        case "TERTIARY":
+            return getColorStyle(TrilogyColor.MAIN);
         default:
-            return '';
+            return "";
     }
 };
 //# sourceMappingURL=Variant.js.map

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,MAAM,SAAS,CAAA;AAEvC;;GAEG;AACH,MAAM,CAAN,IAAY,YAIX;AAJD,WAAY,YAAY;IACtB,mCAAmB,CAAA;IACnB,uCAAuB,CAAA;IACvB,qCAAqB,CAAA;AACvB,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,SAAS;YACZ,OAAO,SAAS,CAAA;QAClB,KAAK,WAAW;YACd,OAAO,WAAW,CAAA;QACpB,KAAK,UAAU;YACb,OAAO,UAAU,CAAA;QACnB;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,SAAS,CAAC,CAAA;QACjC,KAAK,WAAW;YACd,OAAO,aAAa,CAAC,WAAW,CAAC,CAAA;QACnC,KAAK,UAAU;YACb,OAAO,aAAa,CAAC,OAAO,CAAC,CAAA;QAC/B;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,YAGX;AAHD,WAAY,YAAY;IACtB,6BAAa,CAAA;IACb,iCAAiB,CAAA;AACnB,CAAC,EAHW,YAAY,KAAZ,YAAY,QAGvB;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;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;YACE,OAAO,EAAE,CAAA;KACZ;AACH,CAAC,CAAA"}

package/lib/tsconfig.json

@@ -25,7 +25,7 @@
         "target": "es2019",
         "outDir": "./lib",
         "preserveConstEnums": true,
-        "forceConsistentCasingInFileNames": false,
+        "forceConsistentCasingInFileNames": true,
         "experimentalDecorators": true,
         "baseUrl": ".",
         "paths": {

package/lib/version.d.ts

@@ -1 +1 @@
-export declare const version = "0.0.1-beta-4";
+export declare const version = "0.0.1-beta.11";

package/lib/version.js

@@ -1,2 +1,2 @@
-export const version = "0.0.1-beta-4";
+export const version = "0.0.1-beta.11";
 //# sourceMappingURL=version.js.map

package/lib/version.js.map

@@ -1 +1 @@
-{"version":3,"file":"version.js","sourceRoot":"","sources":["../version.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,OAAO,GAAG,cAAc,CAAA"}
+{"version":3,"file":"version.js","sourceRoot":"","sources":["../version.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,OAAO,GAAG,eAAe,CAAA"}

package/package.json

@@ -1,7 +1,8 @@
 {
   "name": "@trilogy-ds/react",
-  "version": "0.0.1-beta-4",
+  "version": "0.0.1-beta.11",
   "type": "module",
+  "author": "Bouygues Telecom",
   "files": [
     "lib"
   ],
@@ -10,7 +11,6 @@
   "main": "lib/index.js",
   "sideEffect": false,
   "description": "Trilogy react framework design system for Bouygues Telecom",
-  "author": "bouygues-telecom",
   "license": "UNLICENSED",
   "scripts": {
     "test": "jest --config jest.config.web.ts --updateSnapshot --coverage",
@@ -27,9 +27,13 @@
     "react-native-toast-message": "^2.2.0",
     "rollup-plugin-copy": "^3.5.0",
     "shortid": "^2.2.16",
-    "@trilogy-ds/assets": "^0.0.1-beta-3",
-    "@trilogy-ds/styles": "^0.0.1-beta-3",
+    "@trilogy-ds/assets": "*",
+    "@trilogy-ds/styles": "*",
     "@ptomasroos/react-native-multi-slider": "^2.2.2",
     "react-native-gesture-handler": "^2.16.0"
-  }
+  },
+  "keywords": [
+    "react",
+    "design system"
+  ]
 }

package/lib/components/info-block/InfoBlock.d.ts

@@ -1,12 +0,0 @@
-/// <reference types="react" />
-import { InfoBlockProps } from './InfoBlockProps';
-/**
- * Info Block Component
- * @param children {React.ReactNode} Children for Info Block
- * @param boxed {boolean} Boxed block
- * @param onClick {Function} OnClick Event
- * - -------------------------- WEB PROPERTIES -------------------------------
- * @param className {string} Additionnal CSS Classes
- */
-declare const InfoBlock: ({ className, boxed, children, onClick, testId, ...others }: InfoBlockProps) => JSX.Element;
-export default InfoBlock;