@trilogy-ds/react 0.0.1-beta.9 → 0.0.1-fix-timepicker

package/lib/objects/Typography/TypographyAlign.js

@@ -12,7 +12,8 @@ export var TypographyAlign;
  * Typography Alignment Method (TYPO)
  * @param typo {String} TypographyColor
  */
-export const setTypographyAlign = (typo = 'left') => {
+export var setTypographyAlign = function (typo) {
+    if (typo === void 0) { typo = 'left'; }
     return ((typo && !Array.isArray(typo) && typo === TypographyAlign.TEXT_CENTERED && 'center') ||
         (typo && Array.isArray(typo) && typo.includes(TypographyAlign.TEXT_CENTERED) && 'center') ||
         (typo && !Array.isArray(typo) && typo === TypographyAlign.TEXT_LEFT && 'left') ||
@@ -23,4 +24,4 @@ export const setTypographyAlign = (typo = 'left') => {
         (typo && Array.isArray(typo) && typo.includes(TypographyAlign.TEXT_JUSTIFIED) && 'justify') ||
         'left');
 };
-//# sourceMappingURL=TypographyAlign.js.map
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVHlwb2dyYXBoeUFsaWduLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vb2JqZWN0cy9UeXBvZ3JhcGh5L1R5cG9ncmFwaHlBbGlnbi50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTs7R0FFRztBQUNILE1BQU0sQ0FBTixJQUFZLGVBS1g7QUFMRCxXQUFZLGVBQWU7SUFDekIsc0RBQW1DLENBQUE7SUFDbkMsd0RBQXFDLENBQUE7SUFDckMsOENBQTJCLENBQUE7SUFDM0IsZ0RBQTZCLENBQUE7QUFDL0IsQ0FBQyxFQUxXLGVBQWUsS0FBZixlQUFlLFFBSzFCO0FBT0Q7OztHQUdHO0FBQ0gsTUFBTSxDQUFDLElBQU0sa0JBQWtCLEdBQUcsVUFBQyxJQUFxQztJQUFyQyxxQkFBQSxFQUFBLGFBQXFDO0lBQ3RFLE9BQU8sQ0FDTCxDQUFDLElBQUksSUFBSSxDQUFDLEtBQUssQ0FBQyxPQUFPLENBQUMsSUFBSSxDQUFDLElBQUksSUFBSSxLQUFLLGVBQWUsQ0FBQyxhQUFhLElBQUksUUFBUSxDQUFDO1FBQ3BGLENBQUMsSUFBSSxJQUFJLEtBQUssQ0FBQyxPQUFPLENBQUMsSUFBSSxDQUFDLElBQUksSUFBSSxDQUFDLFFBQVEsQ0FBQyxlQUFlLENBQUMsYUFBYSxDQUFDLElBQUksUUFBUSxDQUFDO1FBQ3pGLENBQUMsSUFBSSxJQUFJLENBQUMsS0FBSyxDQUFDLE9BQU8sQ0FBQyxJQUFJLENBQUMsSUFBSSxJQUFJLEtBQUssZUFBZSxDQUFDLFNBQVMsSUFBSSxNQUFNLENBQUM7UUFDOUUsQ0FBQyxJQUFJLElBQUksS0FBSyxDQUFDLE9BQU8sQ0FBQyxJQUFJLENBQUMsSUFBSSxJQUFJLENBQUMsUUFBUSxDQUFDLGVBQWUsQ0FBQyxTQUFTLENBQUMsSUFBSSxNQUFNLENBQUM7UUFDbkYsQ0FBQyxJQUFJLElBQUksQ0FBQyxLQUFLLENBQUMsT0FBTyxDQUFDLElBQUksQ0FBQyxJQUFJLElBQUksS0FBSyxlQUFlLENBQUMsVUFBVSxJQUFJLE9BQU8sQ0FBQztRQUNoRixDQUFDLElBQUksSUFBSSxLQUFLLENBQUMsT0FBTyxDQUFDLElBQUksQ0FBQyxJQUFJLElBQUksQ0FBQyxRQUFRLENBQUMsZUFBZSxDQUFDLFVBQVUsQ0FBQyxJQUFJLE9BQU8sQ0FBQztRQUNyRixDQUFDLElBQUksSUFBSSxDQUFDLEtBQUssQ0FBQyxPQUFPLENBQUMsSUFBSSxDQUFDLElBQUksSUFBSSxLQUFLLGVBQWUsQ0FBQyxjQUFjLElBQUksU0FBUyxDQUFDO1FBQ3RGLENBQUMsSUFBSSxJQUFJLEtBQUssQ0FBQyxPQUFPLENBQUMsSUFBSSxDQUFDLElBQUksSUFBSSxDQUFDLFFBQVEsQ0FBQyxlQUFlLENBQUMsY0FBYyxDQUFDLElBQUksU0FBUyxDQUFDO1FBQzNGLE1BQU0sQ0FDUCxDQUFBO0FBQ0gsQ0FBQyxDQUFBIn0=

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

@@ -1,11 +1,11 @@
-import { TextLevels, TextLevelValues } from '../..';
 /**
  * Typo bold
  */
 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
@@ -21,4 +21,4 @@ export declare const getTypographyBoldClassName: (typographyBoldType?: string) =
  * @param level {}
  * @returns {string} - Bold type
  */
-export declare const getTypographyBoldStyle: (typo?: string | Array<string>, level?: TextLevels | TextLevelValues) => string;
+export declare const getTypographyBoldStyle: (typo?: string | Array<string>) => any;

package/lib/objects/Typography/TypographyBold.js

@@ -1,3 +1,5 @@
+import { useContext } from 'react';
+import { TrilogyThemeContext } from "../../context/providerTheme";
 /**
  * Typo bold
  */
@@ -6,12 +8,13 @@ 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
  * @returns {string} - Bold type
  */
-export const getTypographyBoldClassName = (typographyBoldType) => {
+export var getTypographyBoldClassName = function (typographyBoldType) {
     switch (typographyBoldType) {
         case 'TEXT_WEIGHT_NORMAL':
             return 'has-text-weight-normal';
@@ -28,16 +31,19 @@ export const getTypographyBoldClassName = (typographyBoldType) => {
  * @param level {}
  * @returns {string} - Bold type
  */
-export const getTypographyBoldStyle = (typo, level) => {
-    return ((typo && !Array.isArray(typo) && typo === TypographyBold.TEXT_WEIGHT_NORMAL && 'poppins-regular') ||
-        (typo && Array.isArray(typo) && typo.includes(TypographyBold.TEXT_WEIGHT_NORMAL) && 'poppins-regular') ||
-        (typo && !Array.isArray(typo) && typo === TypographyBold.TEXT_WEIGHT_MEDIUM && 'poppins-medium') ||
-        (typo && Array.isArray(typo) && typo.includes(TypographyBold.TEXT_WEIGHT_MEDIUM) && 'poppins-medium') ||
-        (typo && !Array.isArray(typo) && typo === TypographyBold.TEXT_WEIGHT_SEMIBOLD && 'poppins-semibold') ||
-        (typo && Array.isArray(typo) && typo.includes(TypographyBold.TEXT_WEIGHT_SEMIBOLD) && 'poppins-semibold') ||
-        (level && level == 'ONE' && 'poppins-regular') ||
-        (level && level == 'TWO' && 'poppins-regular') ||
-        (level && level == 'THREE' && 'poppins-regular') ||
-        'poppins-regular');
+export var getTypographyBoldStyle = function (typo) {
+    var _a, _b, _c, _d;
+    var theme = useContext(TrilogyThemeContext).theme;
+    var currentTypo = Array.isArray(typo) ? typo : [typo];
+    switch (true) {
+        case typo && currentTypo.includes(TypographyBold.TEXT_WEIGHT_MEDIUM):
+            return ((_a = theme === null || theme === void 0 ? void 0 : theme.fontFamily) === null || _a === void 0 ? void 0 : _a.medium) || 'poppins-medium';
+        case typo && currentTypo.includes(TypographyBold.TEXT_WEIGHT_SEMIBOLD):
+            return ((_b = theme === null || theme === void 0 ? void 0 : theme.fontFamily) === null || _b === void 0 ? void 0 : _b.bold) || 'poppins-semibold';
+        case typo && currentTypo.includes(TypographyBold.TEXT_WEIGHT_BOLD):
+            return ((_c = theme === null || theme === void 0 ? void 0 : theme.fontFamily) === null || _c === void 0 ? void 0 : _c.speak) || 'poppins-semibold';
+        default:
+            return ((_d = theme === null || theme === void 0 ? void 0 : theme.fontFamily) === null || _d === void 0 ? void 0 : _d.regular) || 'poppins-regular';
+    }
 };
-//# sourceMappingURL=TypographyBold.js.map
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVHlwb2dyYXBoeUJvbGQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9vYmplY3RzL1R5cG9ncmFwaHkvVHlwb2dyYXBoeUJvbGQudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxVQUFVLEVBQUUsTUFBTSxPQUFPLENBQUE7QUFDbEMsT0FBTyxFQUFFLG1CQUFtQixFQUFFLE1BQU0seUJBQXlCLENBQUE7QUFFN0Q7O0dBRUc7QUFDSCxNQUFNLENBQU4sSUFBWSxjQUtYO0FBTEQsV0FBWSxjQUFjO0lBQ3hCLCtEQUE2QyxDQUFBO0lBQzdDLCtEQUE2QyxDQUFBO0lBQzdDLG1FQUFpRCxDQUFBO0lBQ2pELDJEQUF5QyxDQUFBO0FBQzNDLENBQUMsRUFMVyxjQUFjLEtBQWQsY0FBYyxRQUt6QjtBQU9EOzs7R0FHRztBQUVILE1BQU0sQ0FBQyxJQUFNLDBCQUEwQixHQUFHLFVBQ3hDLGtCQUEyQjtJQUUzQixRQUFRLGtCQUFrQixFQUFFO1FBQzFCLEtBQUssb0JBQW9CO1lBQ3ZCLE9BQU8sd0JBQXdCLENBQUE7UUFDakMsS0FBSyxvQkFBb0I7WUFDdkIsT0FBTyx3QkFBd0IsQ0FBQTtRQUNqQyxLQUFLLHNCQUFzQjtZQUN6QixPQUFPLDBCQUEwQixDQUFBO1FBQ25DO1lBQ0UsT0FBTyxJQUFJLENBQUE7S0FDZDtBQUNILENBQUMsQ0FBQTtBQUVEOzs7O0dBSUc7QUFDSCxNQUFNLENBQUMsSUFBTSxzQkFBc0IsR0FBRyxVQUFDLElBQTZCOztJQUMxRCxJQUFBLEtBQUssR0FBSyxVQUFVLENBQUMsbUJBQW1CLENBQUMsTUFBcEMsQ0FBb0M7SUFDakQsSUFBTSxXQUFXLEdBQUcsS0FBSyxDQUFDLE9BQU8sQ0FBQyxJQUFJLENBQUMsQ0FBQyxDQUFDLENBQUMsSUFBSSxDQUFDLENBQUMsQ0FBQyxDQUFDLElBQUksQ0FBQyxDQUFBO0lBRXZELFFBQVEsSUFBSSxFQUFFO1FBQ1osS0FBSyxJQUFJLElBQUksV0FBVyxDQUFDLFFBQVEsQ0FBQyxjQUFjLENBQUMsa0JBQWtCLENBQUM7WUFDbEUsT0FBTyxDQUFBLE1BQUEsS0FBSyxhQUFMLEtBQUssdUJBQUwsS0FBSyxDQUFFLFVBQVUsMENBQUUsTUFBTSxLQUFJLGdCQUFnQixDQUFBO1FBRXRELEtBQUssSUFBSSxJQUFJLFdBQVcsQ0FBQyxRQUFRLENBQUMsY0FBYyxDQUFDLG9CQUFvQixDQUFDO1lBQ3BFLE9BQU8sQ0FBQSxNQUFBLEtBQUssYUFBTCxLQUFLLHVCQUFMLEtBQUssQ0FBRSxVQUFVLDBDQUFFLElBQUksS0FBSSxrQkFBa0IsQ0FBQTtRQUV0RCxLQUFLLElBQUksSUFBSSxXQUFXLENBQUMsUUFBUSxDQUFDLGNBQWMsQ0FBQyxnQkFBZ0IsQ0FBQztZQUNoRSxPQUFPLENBQUEsTUFBQSxLQUFLLGFBQUwsS0FBSyx1QkFBTCxLQUFLLENBQUUsVUFBVSwwQ0FBRSxLQUFLLEtBQUksa0JBQWtCLENBQUE7UUFFdkQ7WUFDRSxPQUFPLENBQUEsTUFBQSxLQUFLLGFBQUwsS0FBSyx1QkFBTCxLQUFLLENBQUUsVUFBVSwwQ0FBRSxPQUFPLEtBQUksaUJBQWlCLENBQUE7S0FDekQ7QUFDSCxDQUFDLENBQUEifQ==

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

@@ -2,19 +2,17 @@
  * 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_WHITE = "has-text-white"
+    TEXT_NEUTRAL = "has-text-grey",
+    TEXT_WHITE = "has-text-white",
+    TEXT_DISABLED = "has-text-disabled",
+    TEXT_MAIN_FADE = "has-text-main-fade",
+    TEXT_PLACEHOLDER = "has-text-font-placeholder"
 }
 /**
  * Typo color values
@@ -25,4 +23,4 @@ export type TypographyColorValues = `${TypographyColor}`;
  * @param typo {String} TypographyColor
  * @param inverted {Boolean} Inverted color if isset default : false
  */
-export declare const setTypographyColor: (typo?: Array<string> | string, inverted?: boolean) => string;
+export declare const setTypographyColor: (typo?: Array<string> | string, inverted?: boolean, loading?: boolean) => string;

package/lib/objects/Typography/TypographyColor.js

@@ -1,69 +1,66 @@
-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_WHITE"] = "has-text-white";
+    TypographyColor["TEXT_DISABLED"] = "has-text-disabled";
+    TypographyColor["TEXT_MAIN_FADE"] = "has-text-main-fade";
+    TypographyColor["TEXT_PLACEHOLDER"] = "has-text-font-placeholder";
 })(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)) ||
-        (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)) ||
-        (Array.isArray(typo) && typo.includes(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)) ||
-        (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)) ||
-        (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));
+export var setTypographyColor = function (typo, inverted, loading) {
+    if (typo === void 0) { typo = ''; }
+    if (inverted === void 0) { inverted = false; }
+    if (loading === void 0) { loading = false; }
+    return loading
+        ? 'transparent'
+        : (Array.isArray(typo) && typo.includes(TypographyColor.TEXT_DISABLED)
+            ? getColorStyle(TrilogyColor.DISABLED)
+            : typo === TypographyColor.TEXT_DISABLED && getColorStyle(TrilogyColor.DISABLED)) ||
+            (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_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)) ||
+            (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_NEUTRAL)
+                ? getColorStyle(TrilogyColor.NEUTRAL)
+                : typo === TypographyColor.TEXT_NEUTRAL && getColorStyle(TrilogyColor.NEUTRAL)) ||
+            (Array.isArray(typo) && typo.includes(TypographyColor.TEXT_WHITE)
+                ? getColorStyle(TrilogyColor.BACKGROUND)
+                : typo === TypographyColor.TEXT_WHITE && getColorStyle(TrilogyColor.BACKGROUND)) ||
+            (Array.isArray(typo) && typo.includes(TypographyColor.TEXT_MAIN_FADE)
+                ? getColorStyle(TrilogyColor.MAIN_FADE)
+                : typo === TypographyColor.TEXT_MAIN_FADE && getColorStyle(TrilogyColor.MAIN_FADE)) ||
+            (Array.isArray(typo) && typo.includes(TypographyColor.TEXT_PLACEHOLDER)
+                ? getColorStyle(TrilogyColor.FONT_PLACEHOLDER)
+                : typo === TypographyColor.TEXT_PLACEHOLDER && getColorStyle(TrilogyColor.FONT_PLACEHOLDER)) ||
+            (inverted && getColorStyle(TrilogyColor.BACKGROUND)) ||
+            getColorStyle(TrilogyColor.MAIN);
 };
-//# sourceMappingURL=TypographyColor.js.map
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVHlwb2dyYXBoeUNvbG9yLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vb2JqZWN0cy9UeXBvZ3JhcGh5L1R5cG9ncmFwaHlDb2xvci50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsYUFBYSxFQUFFLFlBQVksRUFBRSxNQUFNLHdCQUF3QixDQUFBO0FBRXBFOztHQUVHO0FBQ0gsTUFBTSxDQUFOLElBQVksZUFZWDtBQVpELFdBQVksZUFBZTtJQUN6Qiw4Q0FBMkIsQ0FBQTtJQUMzQixrREFBK0IsQ0FBQTtJQUMvQiw4Q0FBMkIsQ0FBQTtJQUMzQixvREFBaUMsQ0FBQTtJQUNqQyxvREFBaUMsQ0FBQTtJQUNqQyxnREFBNkIsQ0FBQTtJQUM3QixpREFBOEIsQ0FBQTtJQUM5QixnREFBNkIsQ0FBQTtJQUM3QixzREFBbUMsQ0FBQTtJQUNuQyx3REFBcUMsQ0FBQTtJQUNyQyxpRUFBOEMsQ0FBQTtBQUNoRCxDQUFDLEVBWlcsZUFBZSxLQUFmLGVBQWUsUUFZMUI7QUFPRDs7OztHQUlHO0FBQ0gsTUFBTSxDQUFDLElBQU0sa0JBQWtCLEdBQUcsVUFBQyxJQUFpQyxFQUFFLFFBQWdCLEVBQUUsT0FBZTtJQUFwRSxxQkFBQSxFQUFBLFNBQWlDO0lBQUUseUJBQUEsRUFBQSxnQkFBZ0I7SUFBRSx3QkFBQSxFQUFBLGVBQWU7SUFDckcsT0FBTyxPQUFPO1FBQ1osQ0FBQyxDQUFDLGFBQWE7UUFDZixDQUFDLENBQUMsQ0FBQyxLQUFLLENBQUMsT0FBTyxDQUFDLElBQUksQ0FBQyxJQUFJLElBQUksQ0FBQyxRQUFRLENBQUMsZUFBZSxDQUFDLGFBQWEsQ0FBQztZQUNsRSxDQUFDLENBQUMsYUFBYSxDQUFDLFlBQVksQ0FBQyxRQUFRLENBQUM7WUFDdEMsQ0FBQyxDQUFDLElBQUksS0FBSyxlQUFlLENBQUMsYUFBYSxJQUFJLGFBQWEsQ0FBQyxZQUFZLENBQUMsUUFBUSxDQUFDLENBQUM7WUFDakYsQ0FBQyxLQUFLLENB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

package/lib/objects/Typography/TypographyTransform.js

@@ -8,4 +8,4 @@ export var TypographyTransform;
     TypographyTransform["TEXT_UPPERCASE"] = "is-uppercase";
     TypographyTransform["TEXT_ITALIC"] = "is-italic";
 })(TypographyTransform || (TypographyTransform = {}));
-//# sourceMappingURL=TypographyTransform.js.map
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVHlwb2dyYXBoeVRyYW5zZm9ybS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL29iamVjdHMvVHlwb2dyYXBoeS9UeXBvZ3JhcGh5VHJhbnNmb3JtLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBOztHQUVHO0FBQ0gsTUFBTSxDQUFOLElBQVksbUJBS1g7QUFMRCxXQUFZLG1CQUFtQjtJQUM3QiwwREFBbUMsQ0FBQTtJQUNuQyxzREFBK0IsQ0FBQTtJQUMvQixzREFBK0IsQ0FBQTtJQUMvQixnREFBeUIsQ0FBQTtBQUMzQixDQUFDLEVBTFcsbUJBQW1CLEtBQW5CLG1CQUFtQixRQUs5QiJ9

package/lib/objects/Typography/index.js

@@ -2,4 +2,4 @@ export * from './TypographyAlign';
 export * from './TypographyBold';
 export * from './TypographyColor';
 export * from './TypographyTransform';
-//# sourceMappingURL=index.js.map
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9vYmplY3RzL1R5cG9ncmFwaHkvaW5kZXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsY0FBYyxtQkFBbUIsQ0FBQTtBQUNqQyxjQUFjLGtCQUFrQixDQUFBO0FBQ2hDLGNBQWMsbUJBQW1CLENBQUE7QUFDakMsY0FBYyx1QkFBdUIsQ0FBQSJ9

package/lib/objects/atoms/Background.d.ts

@@ -1,19 +1,15 @@
-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 {
+    backgroundColor?: TrilogyColor | TrilogyColorValues;
+    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;
-/**
- * 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 getBackgroundClassName: (backgroundType: TrilogyColor | TrilogyColorValues) => string;

package/lib/objects/atoms/Background.js

@@ -1,18 +1,10 @@
-import { getColorClassName, getColorStyle } from '../facets/Color';
+import { getColorClassName, } 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) => {
-    return `background-${getColorClassName(backgroundType)}`;
+export var getBackgroundClassName = function (backgroundType) {
+    return "background-".concat(getColorClassName(backgroundType));
 };
-/**
- * Returns background's style depending on background type
- * @param backgroundType {string} - BackgroundType
- * @returns {string} - Background Color value
- */
-export const getBackgroundStyle = (backgroundType) => {
-    return getColorStyle(backgroundType);
-};
-//# sourceMappingURL=Background.js.map
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQmFja2dyb3VuZC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL29iamVjdHMvYXRvbXMvQmFja2dyb3VuZC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsaUJBQWlCLEdBQXFDLE1BQU0sd0JBQXdCLENBQUE7QUFXN0Y7Ozs7R0FJRztBQUNILE1BQU0sQ0FBQyxJQUFNLHNCQUFzQixHQUFHLFVBQ3BDLGNBQWtEO0lBRWxELE9BQU8scUJBQWMsaUJBQWlCLENBQUMsY0FBYyxDQUFDLENBQUUsQ0FBQTtBQUMxRCxDQUFDLENBQUEifQ==

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,61 +1,37 @@
-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
  * @param textType {string} - Text type
  * @returns {string} - Text value
  */
-export const getTextClassName = (textType) => {
+export var getTextClassName = function (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";
+        case "SUCCESS":
+            return "text-success";
+        case "WARNING":
+            return "text-warning";
+        case "ERROR":
+            return "text-error";
         default:
-            return '';
+            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 '';
-    }
-};
-//# sourceMappingURL=Text.js.map
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVGV4dC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL29iamVjdHMvYXRvbXMvVGV4dC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTs7R0FFRztBQUNILElBQUssU0FJSjtBQUpELFdBQUssU0FBUztJQUNaLDBCQUFhLENBQUE7SUFDYiw4QkFBaUIsQ0FBQTtJQUNqQiwwQkFBYSxDQUFBO0FBQ2YsQ0FBQyxFQUpJLFNBQVMsS0FBVCxTQUFTLFFBSWI7QUFTRDs7OztHQUlHO0FBQ0gsTUFBTSxDQUFDLElBQU0sZ0JBQWdCLEdBQUcsVUFBQyxRQUFpQjtJQUNoRCxRQUFRLFFBQVEsRUFBRTtRQUNoQixLQUFLLE1BQU07WUFDVCxPQUFPLFdBQVcsQ0FBQTtRQUNwQixLQUFLLFFBQVE7WUFDWCxPQUFPLGFBQWEsQ0FBQTtRQUN0QixLQUFLLE1BQU07WUFDVCxPQUFPLFdBQVcsQ0FBQTtRQUNwQixLQUFLLE9BQU87WUFDVixPQUFPLFlBQVksQ0FBQTtRQUNyQixLQUFLLFNBQVM7WUFDWixPQUFPLGNBQWMsQ0FBQTtRQUN2QixLQUFLLFNBQVM7WUFDWixPQUFPLGNBQWMsQ0FBQTtRQUN2QixLQUFLLFNBQVM7WUFDWixPQUFPLGNBQWMsQ0FBQTtRQUN2QixLQUFLLE9BQU87WUFDVixPQUFPLFlBQVksQ0FBQTtRQUNyQjtZQUNFLE9BQU8sRUFBRSxDQUFBO0tBQ1o7QUFDSCxDQUFDLENBQUEifQ==

package/lib/objects/atoms/index.js

@@ -1,3 +1,3 @@
 export * from './Background';
 export * from './Text';
-//# sourceMappingURL=index.js.map
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9vYmplY3RzL2F0b21zL2luZGV4LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLGNBQWMsY0FBYyxDQUFBO0FBQzVCLGNBQWMsUUFBUSxDQUFBIn0=

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

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

package/lib/objects/facets/Accessibility.js

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

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

@@ -1,15 +1,29 @@
 /**
  * Component Alignement
  */
+/**
+ * @deprecated
+ */
 export declare enum Alignable {
     ALIGNED_CENTER = "ALIGNED_CENTER",
     ALIGNED_START = "ALIGNED_START",
-    ALIGNED_END = "ALIGNED_END"
+    ALIGNED_END = "ALIGNED_END",
+    ALIGNED_STRETCH = "ALIGNED_STRETCH"
+}
+export declare enum Align {
+    CENTER = "CENTER",
+    START = "START",
+    END = "END",
+    STRETCH = "STRETCH"
 }
+/**
+ * @deprecated
+ */
 export type AlignableValues = `${Alignable}`;
+export type AlignValues = `${Align}`;
 export interface AlignableProps {
-    align?: Alignable | AlignableValues;
-    verticalAlign?: Alignable | AlignableValues;
+    align?: Alignable | AlignableValues | Align | AlignValues;
+    verticalAlign?: Alignable | AlignableValues | Align | AlignValues;
 }
 /**
  * Returns alignement classname depending on align type
@@ -22,4 +36,4 @@ export declare const getAlignClassName: (alignType?: string) => string;
  * @param alignType {Alignable|string} - Align type
  * @returns {string} - Align value
  */
-export declare const getAlignStyle: (alignType?: string) => "center" | "flex-start" | "flex-end";
+export declare const getAlignStyle: (alignType?: string) => "flex-start" | "center" | "flex-end";

package/lib/objects/facets/Alignable.js

@@ -1,25 +1,46 @@
 /**
  * Component Alignement
  */
+/**
+ * @deprecated
+ */
 export var Alignable;
 (function (Alignable) {
     Alignable["ALIGNED_CENTER"] = "ALIGNED_CENTER";
     Alignable["ALIGNED_START"] = "ALIGNED_START";
     Alignable["ALIGNED_END"] = "ALIGNED_END";
+    Alignable["ALIGNED_STRETCH"] = "ALIGNED_STRETCH";
 })(Alignable || (Alignable = {}));
+export var Align;
+(function (Align) {
+    Align["CENTER"] = "CENTER";
+    Align["START"] = "START";
+    Align["END"] = "END";
+    Align["STRETCH"] = "STRETCH";
+})(Align || (Align = {}));
 /**
  * Returns alignement classname depending on align type
  * @param alignType {Alignable|string} - Alert type
  * @returns {string} - Align value
  */
-export const getAlignClassName = (alignType) => {
+export var getAlignClassName = function (alignType) {
     switch (alignType) {
         case 'ALIGNED_CENTER':
             return 'aligned-center';
+        case 'CENTER':
+            return 'aligned-center';
         case 'ALIGNED_START':
             return 'aligned-start';
+        case 'START':
+            return 'aligned-start';
         case 'ALIGNED_END':
             return 'aligned-end';
+        case 'END':
+            return 'aligned-end';
+        case 'STRETCH':
+            return 'aligned-stretch';
+        case 'ALIGNED_STRETCH':
+            return 'aligned-stretch';
         default:
             return 'aligned-start';
     }
@@ -30,16 +51,18 @@ export const getAlignClassName = (alignType) => {
  * @returns {string} - Align value
  */
 // eslint-disable-next-line @typescript-eslint/explicit-module-boundary-types
-export const getAlignStyle = (alignType) => {
-    switch (alignType) {
-        case 'ALIGNED_CENTER':
+export var getAlignStyle = function (alignType) {
+    if (!alignType)
+        return 'flex-start';
+    switch (true) {
+        case ['ALIGNED_CENTER', 'CENTER'].includes(alignType):
             return 'center';
-        case 'ALIGNED_START':
+        case ['START', 'ALIGNED_START'].includes(alignType):
             return 'flex-start';
-        case 'ALIGNED_END':
+        case ['ALIGNED_END', 'END'].includes(alignType):
             return 'flex-end';
         default:
             return 'flex-start';
     }
 };
-//# sourceMappingURL=Alignable.js.map
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQWxpZ25hYmxlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vb2JqZWN0cy9mYWNldHMvQWxpZ25hYmxlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBOztHQUVHO0FBQ0g7O0dBRUc7QUFDSCxNQUFNLENBQU4sSUFBWSxTQUtYO0FBTEQsV0FBWSxTQUFTO0lBQ25CLDhDQUFpQyxDQUFBO0lBQ2pDLDRDQUErQixDQUFBO0lBQy9CLHdDQUEyQixDQUFBO0lBQzNCLGdEQUFtQyxDQUFBO0FBQ3JDLENBQUMsRUFMVyxTQUFTLEtBQVQsU0FBUyxRQUtwQjtBQUVELE1BQU0sQ0FBTixJQUFZLEtBS1g7QUFMRCxXQUFZLEtBQUs7SUFDZiwwQkFBaUIsQ0FBQTtJQUNqQix3QkFBZSxDQUFBO0lBQ2Ysb0JBQVcsQ0FBQTtJQUNYLDRCQUFtQixDQUFBO0FBQ3JCLENBQUMsRUFMVyxLQUFLLEtBQUwsS0FBSyxRQUtoQjtBQWNEOzs7O0dBSUc7QUFDSCxNQUFNLENBQUMsSUFBTSxpQkFBaUIsR0FBRyxVQUFDLFNBQWtCO0lBQ2xELFFBQVEsU0FBUyxFQUFFO1FBQ2pCLEtBQUssZ0JBQWdCO1lBQ25CLE9BQU8sZ0JBQWdCLENBQUE7UUFDekIsS0FBSyxRQUFRO1lBQ1gsT0FBTyxnQkFBZ0IsQ0FBQTtRQUN6QixLQUFLLGVBQWU7WUFDbEIsT0FBTyxlQUFlLENBQUE7UUFDeEIsS0FBSyxPQUFPO1lBQ1YsT0FBTyxlQUFlLENBQUE7UUFDeEIsS0FBSyxhQUFhO1lBQ2hCLE9BQU8sYUFBYSxDQUFBO1FBQ3RCLEtBQUssS0FBSztZQUNSLE9BQU8sYUFBYSxDQUFBO1FBQ3RCLEtBQUssU0FBUztZQUNaLE9BQU8saUJBQWlCLENBQUE7UUFDMUIsS0FBSyxpQkFBaUI7WUFDcEIsT0FBTyxpQkFBaUIsQ0FBQTtRQUMxQjtZQUNFLE9BQU8sZUFBZSxDQUFBO0tBQ3pCO0FBQ0gsQ0FBQyxDQUFBO0FBRUQ7Ozs7R0FJRztBQUNILDZFQUE2RTtBQUM3RSxNQUFNLENBQUMsSUFBTSxhQUFhLEdBQUcsVUFBQyxTQUFrQjtJQUM5QyxJQUFJLENBQUMsU0FBUztRQUFFLE9BQU8sWUFBWSxDQUFBO0lBQ25DLFFBQVEsSUFBSSxFQUFFO1FBQ1osS0FBSyxDQUFDLGdCQUFnQixFQUFFLFFBQVEsQ0FBQyxDQUFDLFFBQVEsQ0FBQyxTQUFTLENBQUM7WUFDbkQsT0FBTyxRQUFRLENBQUE7UUFDakIsS0FBSyxDQUFDLE9BQU8sRUFBRSxlQUFlLENBQUMsQ0FBQyxRQUFRLENBQUMsU0FBUyxDQUFDO1lBQ2pELE9BQU8sWUFBWSxDQUFBO1FBQ3JCLEtBQUssQ0FBQyxhQUFhLEVBQUUsS0FBSyxDQUFDLENBQUMsUUFBUSxDQUFDLFNBQVMsQ0FBQztZQUM3QyxPQUFPLFVBQVUsQ0FBQTtRQUNuQjtZQUNFLE9BQU8sWUFBWSxDQUFBO0tBQ3RCO0FBQ0gsQ0FBQyxDQUFBIn0=

package/lib/objects/facets/Alternate.js

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

package/lib/objects/facets/Centerable.js

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

package/lib/objects/facets/ChildrenWithNoText.js

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

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

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

package/lib/objects/facets/Clipped.js

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