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

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

@@ -2,43 +2,51 @@
  * Trilogy color
  */
 export declare enum TrilogyColor {
+    BACKGROUND = "WHITE",
+    MAIN = "MAIN",
+    MAIN_FADE = "MAIN_FADE",
+    ACCENT = "ACCENT",
+    ACCENT_FADE = "ACCENT_FADE",
+    FONT = "FONT",
+    FONT_PLACEHOLDER = "FONT_PLACEHOLDER",
     SUCCESS = "SUCCESS",
+    SUCCESS_FADE = "SUCCESS_FADE",
     INFO = "INFO",
+    INFO_FADE = "INFO_FADE",
     WARNING = "WARNING",
+    WARNING_FADE = "WARNING_FADE",
     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"
+    ERROR_FADE = "ERROR_FADE",
+    DISABLED = "DISABLED",
+    DISABLED_FADE = "DISABLED_FADE",
+    NEUTRAL = "NEUTRAL",
+    NEUTRAL_FADE = "NEUTRAL_FADE",
+    STROKE = "STROKE",
+    STROKE_FADE = "STROKE_FADE"
 }
 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) => TrilogyColor;
 /**
- * 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 | 'transparent') => string;
+export declare function grayscale(hex: string): string;

package/lib/objects/facets/Color.js

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

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

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

package/lib/objects/facets/CommonProps.js

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

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

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

package/lib/objects/facets/Dev.js

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

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

@@ -0,0 +1,7 @@
+export declare enum DirectionEnum {
+    ROW = "row",
+    COLUMN = "column",
+    ROW_REVERSE = "row-reverse",
+    COLUMN_REVERSE = "column-reverse"
+}
+export type DirectionEnumValues = `${DirectionEnum}`;

package/lib/objects/facets/Direction.js

@@ -0,0 +1,8 @@
+export var DirectionEnum;
+(function (DirectionEnum) {
+    DirectionEnum["ROW"] = "row";
+    DirectionEnum["COLUMN"] = "column";
+    DirectionEnum["ROW_REVERSE"] = "row-reverse";
+    DirectionEnum["COLUMN_REVERSE"] = "column-reverse";
+})(DirectionEnum || (DirectionEnum = {}));
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiRGlyZWN0aW9uLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vb2JqZWN0cy9mYWNldHMvRGlyZWN0aW9uLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE1BQU0sQ0FBTixJQUFZLGFBS1g7QUFMRCxXQUFZLGFBQWE7SUFDdkIsNEJBQVcsQ0FBQTtJQUNYLGtDQUFpQixDQUFBO0lBQ2pCLDRDQUEyQixDQUFBO0lBQzNCLGtEQUFpQyxDQUFBO0FBQ25DLENBQUMsRUFMVyxhQUFhLEtBQWIsYUFBYSxRQUt4QiJ9

package/lib/objects/facets/Flexable.js

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

package/lib/objects/facets/Fullheight.js

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

package/lib/objects/facets/Fullwidth.js

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

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

@@ -0,0 +1,9 @@
+export type GridItemSize = 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12;
+export interface GridSize {
+    mobile?: GridItemSize;
+    tablet?: GridItemSize;
+    touch?: GridItemSize;
+    desktop?: GridItemSize;
+    widescreen?: GridItemSize;
+    fullhd?: GridItemSize;
+}

package/lib/objects/facets/Grid.js

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

package/lib/objects/facets/Hat.js

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

package/lib/objects/facets/Hidden.js

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

package/lib/objects/facets/Invertable.js

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

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

@@ -1,20 +1,38 @@
 /**
  * Typo align
  */
+/**
+ * @deprecated
+ */
 export declare enum Justifiable {
-    JUSTIFIED_CENTER = "justified-center",
-    JUSTIFIED_START = "justified-start",
-    JUSTIFIED_END = "justified-end",
-    SPACE_BETWEEN = "space-between"
+    JUSTIFIED_CENTER = "JUSTIFIED_CENTER",
+    JUSTIFIED_START = "JUSTIFIED_START",
+    JUSTIFIED_END = "JUSTIFIED_END",
+    SPACE_BETWEEN = "SPACE_BETWEEN"
+}
+export declare enum Justify {
+    CENTER = "CENTER",
+    START = "START",
+    END = "END",
+    SPACE_BETWEEN = "SPACE_BETWEEN",
+    SPACE_AROUND = "SPACE_AROUND",
+    SPACE_EVENLY = "SPACE_EVENLY"
 }
+/**
+ * @deprecated
+ */
 export type JustifiableValues = keyof typeof Justifiable;
+export type JustifyValues = keyof typeof Justify;
 export interface JustifiableProps {
-    justify?: Justifiable | JustifiableValues;
+    justify?: Justifiable | JustifiableValues | Justify | JustifyValues;
 }
 /**
  * Returns justifyContent style depending on justify type
+ * INFO : Update this function with FlexBox V5 changes
  * @param justifyContent {Justifiable|string} - justify type
  * @returns {string} - Justify value
  */
-export declare const getJustifyStyle: (justifyContent?: string) => "center" | "flex-start" | "flex-end" | "space-between";
-export declare const getJustifyClassName: (justifyContent?: string) => "justified-start" | "justified-end" | "centered" | "spaced-between";
+export declare const getJustifyStyle: (justifyContent?: string) => "flex-start" | "center" | "flex-end" | "space-between" | "space-around";
+export declare const getJustifyClassName: (justifyContent?: string) => "flex-start" | "centered" | "justified-start" | "justified-end" | "spaced-between" | "spaced-evenly";
+export declare const getJustifiedClassName: (justifyContent?: string) => "justified-start" | "justified-end" | "justified-center";
+export declare const getJustifySelfClassName: (justifyContent?: string) => string;

package/lib/objects/facets/Justifiable.js

@@ -1,45 +1,94 @@
 /**
  * Typo align
  */
+/**
+ * @deprecated
+ */
 export var Justifiable;
 (function (Justifiable) {
-    Justifiable["JUSTIFIED_CENTER"] = "justified-center";
-    Justifiable["JUSTIFIED_START"] = "justified-start";
-    Justifiable["JUSTIFIED_END"] = "justified-end";
-    Justifiable["SPACE_BETWEEN"] = "space-between";
+    Justifiable["JUSTIFIED_CENTER"] = "JUSTIFIED_CENTER";
+    Justifiable["JUSTIFIED_START"] = "JUSTIFIED_START";
+    Justifiable["JUSTIFIED_END"] = "JUSTIFIED_END";
+    Justifiable["SPACE_BETWEEN"] = "SPACE_BETWEEN";
 })(Justifiable || (Justifiable = {}));
+export var Justify;
+(function (Justify) {
+    Justify["CENTER"] = "CENTER";
+    Justify["START"] = "START";
+    Justify["END"] = "END";
+    Justify["SPACE_BETWEEN"] = "SPACE_BETWEEN";
+    Justify["SPACE_AROUND"] = "SPACE_AROUND";
+    Justify["SPACE_EVENLY"] = "SPACE_EVENLY";
+})(Justify || (Justify = {}));
 /**
  * Returns justifyContent style depending on justify type
+ * INFO : Update this function with FlexBox V5 changes
  * @param justifyContent {Justifiable|string} - justify type
  * @returns {string} - Justify value
  */
 // eslint-disable-next-line @typescript-eslint/explicit-module-boundary-types
-export const getJustifyStyle = (justifyContent) => {
-    switch (justifyContent) {
-        case 'justified-center':
+export var getJustifyStyle = function (justifyContent) {
+    if (!justifyContent)
+        return 'flex-start';
+    switch (true) {
+        case ['CENTER', 'JUSTIFIED_CENTER'].includes(justifyContent):
             return 'center';
-        case 'justified-start':
+        case ['START', 'JUSTIFIED_START'].includes(justifyContent):
             return 'flex-start';
-        case 'justified-end':
+        case ['END', 'JUSTIFIED_END'].includes(justifyContent):
             return 'flex-end';
-        case 'space-between':
+        case ['SPACE_BETWEEN', 'SPACE_BETWEEN'].includes(justifyContent):
             return 'space-between';
+        case justifyContent === 'SPACE_AROUND':
+            return 'space-around';
         default:
             return 'flex-start';
     }
 };
-export const getJustifyClassName = (justifyContent) => {
-    switch (justifyContent) {
-        case 'justified-center':
+export var getJustifyClassName = function (justifyContent) {
+    if (!justifyContent)
+        return 'flex-start';
+    switch (true) {
+        case ['CENTER', 'JUSTIFIED_CENTER'].includes(justifyContent):
             return 'centered';
-        case 'justified-start':
+        case ['START', 'JUSTIFIED_START'].includes(justifyContent):
             return 'justified-start';
-        case 'justified-end':
+        case ['END', 'JUSTIFIED_END'].includes(justifyContent):
             return 'justified-end';
-        case 'space-between':
+        case ['SPACE_BETWEEN', 'SPACE_BETWEEN'].includes(justifyContent):
             return 'spaced-between';
+        case justifyContent === 'SPACE_EVENLY':
+            return 'spaced-evenly';
         default:
             return 'justified-start';
     }
 };
-//# sourceMappingURL=Justifiable.js.map
+export var getJustifiedClassName = function (justifyContent) {
+    if (!justifyContent)
+        return 'justified-start';
+    switch (true) {
+        case ['ALIGNED_CENTER', 'CENTER'].includes(justifyContent):
+            return 'justified-center';
+        case ['START', 'ALIGNED_START'].includes(justifyContent):
+            return 'justified-start';
+        case ['ALIGNED_END', 'END'].includes(justifyContent):
+            return 'justified-end';
+        default:
+            return 'justified-start';
+    }
+};
+export var getJustifySelfClassName = function (justifyContent) {
+    if (!justifyContent)
+        return 'justified-selfstart';
+    switch (true) {
+        case ['ALIGNED_CENTER', 'CENTER'].includes(justifyContent):
+            return 'justified-self-center';
+        case ['START', 'ALIGNED_START'].includes(justifyContent):
+            return 'justified-self-start';
+        case ['ALIGNED_END', 'END'].includes(justifyContent):
+            return 'justified-selfend';
+        default:
+            return 'justified-selfstart';
+    }
+};
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiSnVzdGlmaWFibGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9vYmplY3RzL2ZhY2V0cy9KdXN0aWZpYWJsZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTs7R0FFRztBQUNIOztHQUVHO0FBQ0gsTUFBTSxDQUFOLElBQVksV0FLWDtBQUxELFdBQVksV0FBVztJQUNyQixvREFBcUMsQ0FBQTtJQUNyQyxrREFBbUMsQ0FBQTtJQUNuQyw4Q0FBK0IsQ0FBQTtJQUMvQiw4Q0FBK0IsQ0FBQTtBQUNqQyxDQUFDLEVBTFcsV0FBVyxLQUFYLFdBQVcsUUFLdEI7QUFFRCxNQUFNLENBQU4sSUFBWSxPQU9YO0FBUEQsV0FBWSxPQUFPO0lBQ2pCLDRCQUFpQixDQUFBO0lBQ2pCLDBCQUFlLENBQUE7SUFDZixzQkFBVyxDQUFBO0lBQ1gsMENBQStCLENBQUE7SUFDL0Isd0NBQTZCLENBQUE7SUFDN0Isd0NBQTZCLENBQUE7QUFDL0IsQ0FBQyxFQVBXLE9BQU8sS0FBUCxPQUFPLFFBT2xCO0FBYUQ7Ozs7O0dBS0c7QUFDSCw2RUFBNkU7QUFDN0UsTUFBTSxDQUFDLElBQU0sZUFBZSxHQUFHLFVBQUMsY0FBdUI7SUFDckQsSUFBSSxDQUFDLGNBQWM7UUFBRSxPQUFPLFlBQVksQ0FBQTtJQUN4QyxRQUFRLElBQUksRUFBRTtRQUNaLEtBQUssQ0FBQyxRQUFRLEVBQUUsa0JBQWtCLENBQUMsQ0FBQyxRQUFRLENBQUMsY0FBYyxDQUFDO1lBQzFELE9BQU8sUUFBUSxDQUFBO1FBQ2pCLEtBQUssQ0FBQyxPQUFPLEVBQUUsaUJBQWlCLENBQUMsQ0FBQyxRQUFRLENBQUMsY0FBYyxDQUFDO1lBQ3hELE9BQU8sWUFBWSxDQUFBO1FBQ3JCLEtBQUssQ0FBQyxLQUFLLEVBQUUsZUFBZSxDQUFDLENBQUMsUUFBUSxDQUFDLGNBQWMsQ0FBQztZQUNwRCxPQUFPLFVBQVUsQ0FBQTtRQUNuQixLQUFLLENBQUMsZUFBZSxFQUFFLGVBQWUsQ0FBQyxDQUFDLFFBQVEsQ0FBQyxjQUFjLENBQUM7WUFDOUQsT0FBTyxlQUFlLENBQUE7UUFDeEIsS0FBSyxjQUFjLEtBQUssY0FBYztZQUNwQyxPQUFPLGNBQWMsQ0FBQTtRQUN2QjtZQUNFLE9BQU8sWUFBWSxDQUFBO0tBQ3RCO0FBQ0gsQ0FBQyxDQUFBO0FBRUQsTUFBTSxDQUFDLElBQU0sbUJBQW1CLEdBQUcsVUFBQyxjQUF1QjtJQUN6RCxJQUFJLENBQUMsY0FBYztRQUFFLE9BQU8sWUFBWSxDQUFBO0lBQ3hDLFFBQVEsSUFBSSxFQUFFO1FBQ1osS0FBSyxDQUFDLFFBQVEsRUFBRSxrQkFBa0IsQ0FBQyxDQUFDLFFBQVEsQ0FBQyxjQUFjLENBQUM7WUFDMUQsT0FBTyxVQUFVLENBQUE7UUFDbkIsS0FBSyxDQUFDLE9BQU8sRUFBRSxpQkFBaUIsQ0FBQyxDQUFDLFFBQVEsQ0FBQyxjQUFjLENBQUM7WUFDeEQsT0FBTyxpQkFBaUIsQ0FBQTtRQUMxQixLQUFLLENBQUMsS0FBSyxFQUFFLGVBQWUsQ0FBQyxDQUFDLFFBQVEsQ0FBQyxjQUFjLENBQUM7WUFDcEQsT0FBTyxlQUFlLENBQUE7UUFDeEIsS0FBSyxDQUFDLGVBQWUsRUFBRSxlQUFlLENBQUMsQ0FBQyxRQUFRLENBQUMsY0FBYyxDQUFDO1lBQzlELE9BQU8sZ0JBQWdCLENBQUE7UUFDekIsS0FBSyxjQUFjLEtBQUssY0FBYztZQUNwQyxPQUFPLGVBQWUsQ0FBQTtRQUN4QjtZQUNFLE9BQU8saUJBQWlCLENBQUE7S0FDM0I7QUFDSCxDQUFDLENBQUE7QUFFRCxNQUFNLENBQUMsSUFBTSxxQkFBcUIsR0FBRyxVQUFDLGNBQXVCO0lBQzNELElBQUksQ0FBQyxjQUFjO1FBQUUsT0FBTyxpQkFBaUIsQ0FBQTtJQUM3QyxRQUFRLElBQUksRUFBRTtRQUNaLEtBQUssQ0FBQyxnQkFBZ0IsRUFBRSxRQUFRLENBQUMsQ0FBQyxRQUFRLENBQUMsY0FBYyxDQUFDO1lBQ3hELE9BQU8sa0JBQWtCLENBQUE7UUFDM0IsS0FBSyxDQUFDLE9BQU8sRUFBRSxlQUFlLENBQUMsQ0FBQyxRQUFRLENBQUMsY0FBYyxDQUFDO1lBQ3RELE9BQU8saUJBQWlCLENBQUE7UUFDMUIsS0FBSyxDQUFDLGFBQWEsRUFBRSxLQUFLLENBQUMsQ0FBQyxRQUFRLENBQUMsY0FBYyxDQUFDO1lBQ2xELE9BQU8sZUFBZSxDQUFBO1FBQ3hCO1lBQ0UsT0FBTyxpQkFBaUIsQ0FBQTtLQUMzQjtBQUNILENBQUMsQ0FBQTtBQUVELE1BQU0sQ0FBQyxJQUFNLHVCQUF1QixHQUFHLFVBQUMsY0FBdUI7SUFDN0QsSUFBSSxDQUFDLGNBQWM7UUFBRSxPQUFPLHFCQUFxQixDQUFBO0lBRWpELFFBQVEsSUFBSSxFQUFFO1FBQ1osS0FBSyxDQUFDLGdCQUFnQixFQUFFLFFBQVEsQ0FBQyxDQUFDLFFBQVEsQ0FBQyxjQUFjLENBQUM7WUFDeEQsT0FBTyx1QkFBdUIsQ0FBQTtRQUNoQyxLQUFLLENBQUMsT0FBTyxFQUFFLGVBQWUsQ0FBQyxDQUFDLFFBQVEsQ0FBQyxjQUFjLENBQUM7WUFDdEQsT0FBTyxzQkFBc0IsQ0FBQTtRQUMvQixLQUFLLENBQUMsYUFBYSxFQUFFLEtBQUssQ0FBQyxDQUFDLFFBQVEsQ0FBQyxjQUFjLENBQUM7WUFDbEQsT0FBTyxtQkFBbUIsQ0FBQTtRQUM1QjtZQUNFLE9BQU8scUJBQXFCLENBQUE7S0FDL0I7QUFDSCxDQUFDLENBQUEifQ==

package/lib/objects/facets/Layout.js

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

package/lib/objects/facets/Loadable.js

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

package/lib/objects/facets/Marginless.js

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

package/lib/objects/facets/Narrow.js

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