@qrvey/utils 1.12.0-9 → 1.13.0-0

package/dist/cjs/themes/helpers/getCSSVariablesByDestination.js

@@ -0,0 +1,18 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getCSSVariablesByDestination = void 0;
+const isEmpty_1 = require("../../general/mix/isEmpty");
+const AUTOMATIC_CSS_VARIABLES_1 = require("../constants/AUTOMATIC_CSS_VARIABLES");
+const CSS_VARIABLE_DESTINATION_1 = require("../constants/CSS_VARIABLE_DESTINATION");
+/**
+ * Gets CSS variables depending on the destination of them.
+ * - Destination is the place where the CSS variables are going to be applied. With this, the right CSS variables are searched and set.
+ * @param destination the string of the destination.
+ * @returns the CSS variables and their values.
+ */
+function getCSSVariablesByDestination(destination = CSS_VARIABLE_DESTINATION_1.CSS_VARIABLE_DESTINATION.GLOBAL) {
+    if ((0, isEmpty_1.isEmpty)(destination))
+        return AUTOMATIC_CSS_VARIABLES_1.AUTOMATIC_CANVAS_CSS_VARIABLES[CSS_VARIABLE_DESTINATION_1.CSS_VARIABLE_DESTINATION.GLOBAL];
+    return AUTOMATIC_CSS_VARIABLES_1.AUTOMATIC_CANVAS_CSS_VARIABLES[destination];
+}
+exports.getCSSVariablesByDestination = getCSSVariablesByDestination;

package/dist/cjs/themes/helpers/getChannelsByHexadecimalColor.d.ts

@@ -0,0 +1,8 @@
+import { IColorChannel } from "../interfaces/IColorChannel";
+/**
+ * Gets the RGBA channels based on the given string Hexadecimal color
+ * - If the given argument is undefined or invalid, the function will return a channel related to white color
+ * @param color the Hexadecimal color
+ * @returns the RGBA channels
+ */
+export declare function getChannelsByHexadecimalColor(hexadecimal?: string): IColorChannel;

package/dist/cjs/themes/helpers/getChannelsByHexadecimalColor.js

@@ -0,0 +1,26 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getChannelsByHexadecimalColor = void 0;
+const CHANNEL_WHITE_COLOR_1 = require("../constants/CHANNEL_WHITE_COLOR");
+const getHexadecimalOpacity_1 = require("./getHexadecimalOpacity");
+const isHexadecimalColor_1 = require("./isHexadecimalColor");
+/**
+ * Gets the RGBA channels based on the given string Hexadecimal color
+ * - If the given argument is undefined or invalid, the function will return a channel related to white color
+ * @param color the Hexadecimal color
+ * @returns the RGBA channels
+ */
+function getChannelsByHexadecimalColor(hexadecimal = "") {
+    if (!(0, isHexadecimalColor_1.isHexadecimalColor)(hexadecimal))
+        return CHANNEL_WHITE_COLOR_1.CHANNEL_WHITE_COLOR;
+    const colorCode = +`0x${hexadecimal
+        .slice(1)
+        .replace(hexadecimal.length < 5 && /./g, "$&$&")}`;
+    return {
+        r: colorCode >> 16,
+        g: (colorCode >> 8) & 255,
+        b: colorCode & 255,
+        a: (0, getHexadecimalOpacity_1.getHexadecimalOpacity)(hexadecimal),
+    };
+}
+exports.getChannelsByHexadecimalColor = getChannelsByHexadecimalColor;

package/dist/cjs/themes/helpers/getChannelsByNameColor.d.ts

@@ -0,0 +1,8 @@
+import { IColorChannel } from "../interfaces/IColorChannel";
+/**
+ * Gets the RGBA channels based on the given string name color
+ * - If the given argument is undefined or invalid, the function will return a channel related to white color
+ * @param color the name color
+ * @returns the RGBA channels
+ */
+export declare function getChannelsByNameColor(name?: string): IColorChannel;

package/dist/cjs/themes/helpers/getChannelsByNameColor.js

@@ -0,0 +1,26 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getChannelsByNameColor = void 0;
+const isEmpty_1 = require("../../general/mix/isEmpty");
+const CHANNEL_WHITE_COLOR_1 = require("../constants/CHANNEL_WHITE_COLOR");
+const COLOR_NAME_1 = require("../constants/COLOR_NAME");
+/**
+ * Gets the RGBA channels based on the given string name color
+ * - If the given argument is undefined or invalid, the function will return a channel related to white color
+ * @param color the name color
+ * @returns the RGBA channels
+ */
+function getChannelsByNameColor(name = "") {
+    const nameColorChannel = COLOR_NAME_1.COLOR_NAME[String(name).toLowerCase()];
+    if ((0, isEmpty_1.isEmpty)(nameColorChannel) ||
+        !Array.isArray(nameColorChannel) ||
+        nameColorChannel.length !== 3)
+        return CHANNEL_WHITE_COLOR_1.CHANNEL_WHITE_COLOR;
+    return {
+        r: nameColorChannel[0],
+        g: nameColorChannel[1],
+        b: nameColorChannel[2],
+        a: 1,
+    };
+}
+exports.getChannelsByNameColor = getChannelsByNameColor;

package/dist/cjs/themes/helpers/getChannelsByRgbaColor.d.ts

@@ -0,0 +1,8 @@
+import { IColorChannel } from "../interfaces/IColorChannel";
+/**
+ * Gets the RGBA channels based on the given string RGBA color
+ * - If the given argument is undefined or invalid, the function will return a channel related to white color
+ * @param color the RGBA color
+ * @returns the RGBA channels
+ */
+export declare function getChannelsByRgbaColor(rgba?: string): IColorChannel;

package/dist/cjs/themes/helpers/getChannelsByRgbaColor.js

@@ -0,0 +1,25 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getChannelsByRgbaColor = void 0;
+const CHANNEL_WHITE_COLOR_1 = require("../constants/CHANNEL_WHITE_COLOR");
+const RGBA_REGULAR_EXPRESION_1 = require("../constants/RGBA_REGULAR_EXPRESION");
+const getRgbaOpacity_1 = require("./getRgbaOpacity");
+const isRGBAColor_1 = require("./isRGBAColor");
+/**
+ * Gets the RGBA channels based on the given string RGBA color
+ * - If the given argument is undefined or invalid, the function will return a channel related to white color
+ * @param color the RGBA color
+ * @returns the RGBA channels
+ */
+function getChannelsByRgbaColor(rgba = "") {
+    if (!(0, isRGBAColor_1.isRGBAColor)(rgba))
+        return CHANNEL_WHITE_COLOR_1.CHANNEL_WHITE_COLOR;
+    const colors = rgba.toLowerCase().match(RGBA_REGULAR_EXPRESION_1.RGBA_REGULAR_EXPRESSION);
+    return {
+        r: Number(colors[1]),
+        g: Number(colors[2]),
+        b: Number(colors[3]),
+        a: (0, getRgbaOpacity_1.getRgbaOpacity)(rgba),
+    };
+}
+exports.getChannelsByRgbaColor = getChannelsByRgbaColor;

package/dist/cjs/themes/helpers/getHexadecimalOpacity.d.ts

@@ -0,0 +1,7 @@
+/**
+ * Gets the Alpha channel (opacity) base on the hexadecimal color
+ * - If the alpha channel is not set into the given parameter or the calculation is NaN, the function will return 1
+ * @param hexadecimal hexadecimal color
+ * @returns the Alpha channel (opacity)
+ */
+export declare function getHexadecimalOpacity(hexadecimal?: string): number;

package/dist/cjs/themes/helpers/getHexadecimalOpacity.js

@@ -0,0 +1,19 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getHexadecimalOpacity = void 0;
+const isNaNV2_1 = require("../../general/mix/isNaNV2");
+const isHexadecimalColor_1 = require("./isHexadecimalColor");
+/**
+ * Gets the Alpha channel (opacity) base on the hexadecimal color
+ * - If the alpha channel is not set into the given parameter or the calculation is NaN, the function will return 1
+ * @param hexadecimal hexadecimal color
+ * @returns the Alpha channel (opacity)
+ */
+function getHexadecimalOpacity(hexadecimal = "") {
+    if (!(0, isHexadecimalColor_1.isHexadecimalColor)(hexadecimal))
+        return 1;
+    const opacityHexa = hexadecimal.slice(7) || "FF";
+    const opacity = parseInt(opacityHexa, 16) / 255;
+    return (0, isNaNV2_1.isNaNV2)(opacity) ? 1 : opacity;
+}
+exports.getHexadecimalOpacity = getHexadecimalOpacity;

package/dist/cjs/themes/helpers/getRgbaOpacity.d.ts

@@ -0,0 +1,7 @@
+/**
+ * Gets the Alpha channel (opacity) base on the RGBA color
+ * * - If the alpha channel is not set into the given parameter or the calculation is NaN, the function will return 1
+ * @param hexadecimal RGBA color
+ * @returns the Alpha channel (opacity)
+ */
+export declare function getRgbaOpacity(rgba?: string): number;

package/dist/cjs/themes/helpers/getRgbaOpacity.js

@@ -0,0 +1,21 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getRgbaOpacity = void 0;
+const isNaNV2_1 = require("../../general/mix/isNaNV2");
+const RGBA_REGULAR_EXPRESION_1 = require("../constants/RGBA_REGULAR_EXPRESION");
+const isRGBAColor_1 = require("./isRGBAColor");
+/**
+ * Gets the Alpha channel (opacity) base on the RGBA color
+ * * - If the alpha channel is not set into the given parameter or the calculation is NaN, the function will return 1
+ * @param hexadecimal RGBA color
+ * @returns the Alpha channel (opacity)
+ */
+function getRgbaOpacity(rgba = "") {
+    var _a;
+    if (!(0, isRGBAColor_1.isRGBAColor)(rgba))
+        return 1;
+    const colors = rgba.toLowerCase().match(RGBA_REGULAR_EXPRESION_1.RGBA_REGULAR_EXPRESSION);
+    const opacity = (_a = Number(colors[4])) !== null && _a !== void 0 ? _a : 1;
+    return (0, isNaNV2_1.isNaNV2)(opacity) ? 1 : opacity;
+}
+exports.getRgbaOpacity = getRgbaOpacity;

package/dist/cjs/themes/helpers/index.d.ts

@@ -0,0 +1,12 @@
+export * from "./calculateHSP";
+export * from "./getChannelsByHexadecimalColor";
+export * from "./getChannelsByNameColor";
+export * from "./getChannelsByRgbaColor";
+export * from "./getCSSVariablesByDestination";
+export * from "./getHexadecimalOpacity";
+export * from "./getRgbaOpacity";
+export * from "./isDarkColor";
+export * from "./isHexadecimalColor";
+export * from "./isRGBAColor";
+export * from "./lightOrDark";
+export * from "./setAutomaticCSSVariablesForDark";

package/dist/cjs/themes/helpers/index.js

@@ -0,0 +1,28 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./calculateHSP"), exports);
+__exportStar(require("./getChannelsByHexadecimalColor"), exports);
+__exportStar(require("./getChannelsByNameColor"), exports);
+__exportStar(require("./getChannelsByRgbaColor"), exports);
+__exportStar(require("./getCSSVariablesByDestination"), exports);
+__exportStar(require("./getHexadecimalOpacity"), exports);
+__exportStar(require("./getRgbaOpacity"), exports);
+__exportStar(require("./isDarkColor"), exports);
+__exportStar(require("./isHexadecimalColor"), exports);
+__exportStar(require("./isRGBAColor"), exports);
+__exportStar(require("./lightOrDark"), exports);
+__exportStar(require("./setAutomaticCSSVariablesForDark"), exports);

package/dist/cjs/themes/helpers/isDarkColor.d.ts

@@ -0,0 +1,7 @@
+/**
+ * Determines if the Color is dark or light.
+ * Uses the lightOrDark module.
+ * @param color the string of the color (RGBA, or Hexadecimal)
+ * @returns true: the color is dark.
+ */
+export declare function isDarkColor(color: string, brightnessThreshold?: number): boolean;

package/dist/cjs/themes/helpers/isDarkColor.js

@@ -0,0 +1,15 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.isDarkColor = void 0;
+const COLOR_TYPE_1 = require("../constants/COLOR_TYPE");
+const lightOrDark_1 = require("./lightOrDark");
+/**
+ * Determines if the Color is dark or light.
+ * Uses the lightOrDark module.
+ * @param color the string of the color (RGBA, or Hexadecimal)
+ * @returns true: the color is dark.
+ */
+function isDarkColor(color, brightnessThreshold = 127.5) {
+    return (0, lightOrDark_1.lightOrDark)(color, brightnessThreshold) === COLOR_TYPE_1.COLOR_TYPE.DARK;
+}
+exports.isDarkColor = isDarkColor;

package/dist/cjs/themes/helpers/isHexadecimalColor.d.ts

@@ -0,0 +1,6 @@
+/**
+ * Validates if the given color is an hexadecimal structure
+ * @param color the string of the color
+ * @returns true: the color is an hexadecimal type
+ */
+export declare function isHexadecimalColor(color?: string): boolean;

package/dist/cjs/themes/helpers/isHexadecimalColor.js

@@ -0,0 +1,15 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.isHexadecimalColor = void 0;
+const isEmpty_1 = require("../../general/mix/isEmpty");
+const HEXADECIMAL_REGULAR_EXPRESSION_1 = require("../constants/HEXADECIMAL_REGULAR_EXPRESSION");
+/**
+ * Validates if the given color is an hexadecimal structure
+ * @param color the string of the color
+ * @returns true: the color is an hexadecimal type
+ */
+function isHexadecimalColor(color = "") {
+    return (typeof color === "string" &&
+        !(0, isEmpty_1.isEmpty)(color.match(HEXADECIMAL_REGULAR_EXPRESSION_1.HEXADECIMAL_REGULAR_EXPRESSION)));
+}
+exports.isHexadecimalColor = isHexadecimalColor;

package/dist/cjs/themes/helpers/isRGBAColor.d.ts

@@ -0,0 +1,6 @@
+/**
+ * Validates if the given color is an RGBA structure
+ * @param color the string of the color
+ * @returns true: the color is an RGBA type
+ */
+export declare function isRGBAColor(color?: string): boolean;

package/dist/cjs/themes/helpers/isRGBAColor.js

@@ -0,0 +1,15 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.isRGBAColor = void 0;
+const isEmpty_1 = require("../../general/mix/isEmpty");
+const RGBA_REGULAR_EXPRESION_1 = require("../constants/RGBA_REGULAR_EXPRESION");
+/**
+ * Validates if the given color is an RGBA structure
+ * @param color the string of the color
+ * @returns true: the color is an RGBA type
+ */
+function isRGBAColor(color = "") {
+    return (typeof color === "string" &&
+        !(0, isEmpty_1.isEmpty)(color.toLowerCase().match(RGBA_REGULAR_EXPRESION_1.RGBA_REGULAR_EXPRESSION)));
+}
+exports.isRGBAColor = isRGBAColor;

package/dist/cjs/themes/helpers/lightOrDark.d.ts

@@ -0,0 +1,9 @@
+import { IColorType } from "../interfaces/IColorType";
+/**
+ * Validates if the given color is light or dark
+ * The module extracts the rgba channels and calculate the brightness or darkness by a threshold
+ * - If there is not color provided, the returning will be Light
+ * @param color the string of the color.
+ * @returns the color type (Dark or Light)
+ */
+export declare function lightOrDark(color: string, brightnessThreshold?: number, opacityThreshold?: number): IColorType;

package/dist/cjs/themes/helpers/lightOrDark.js

@@ -0,0 +1,40 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.lightOrDark = void 0;
+const isEmpty_1 = require("../../general/mix/isEmpty");
+const COLOR_TYPE_1 = require("../constants/COLOR_TYPE");
+const calculateHSP_1 = require("./calculateHSP");
+const getChannelsByHexadecimalColor_1 = require("./getChannelsByHexadecimalColor");
+const getChannelsByNameColor_1 = require("./getChannelsByNameColor");
+const getChannelsByRgbaColor_1 = require("./getChannelsByRgbaColor");
+const isHexadecimalColor_1 = require("./isHexadecimalColor");
+const isRGBAColor_1 = require("./isRGBAColor");
+/**
+ * Validates if the given color is light or dark
+ * The module extracts the rgba channels and calculate the brightness or darkness by a threshold
+ * - If there is not color provided, the returning will be Light
+ * @param color the string of the color.
+ * @returns the color type (Dark or Light)
+ */
+function lightOrDark(color, brightnessThreshold = 127.5, opacityThreshold = 0.5) {
+    if ((0, isEmpty_1.isEmpty)(color) || typeof color !== "string")
+        return COLOR_TYPE_1.COLOR_TYPE.LIGHT;
+    let rgbaChannel = { r: 0, g: 0, b: 0, a: 1 };
+    const rgbaColor = (0, isRGBAColor_1.isRGBAColor)(color);
+    const hexadecimalColor = (0, isHexadecimalColor_1.isHexadecimalColor)(color);
+    if (rgbaColor) {
+        rgbaChannel = (0, getChannelsByRgbaColor_1.getChannelsByRgbaColor)(color);
+    }
+    else if (hexadecimalColor) {
+        rgbaChannel = (0, getChannelsByHexadecimalColor_1.getChannelsByHexadecimalColor)(color);
+    }
+    else {
+        rgbaChannel = (0, getChannelsByNameColor_1.getChannelsByNameColor)(color);
+    }
+    const hsp = (0, calculateHSP_1.calculateHSP)(rgbaChannel);
+    if (hsp > brightnessThreshold || rgbaChannel.a < opacityThreshold) {
+        return COLOR_TYPE_1.COLOR_TYPE.LIGHT;
+    }
+    return COLOR_TYPE_1.COLOR_TYPE.DARK;
+}
+exports.lightOrDark = lightOrDark;

package/dist/cjs/themes/helpers/setAutomaticCSSVariablesForDark.d.ts

@@ -0,0 +1,9 @@
+import { IColorCSSVariableDestination } from "../interfaces/IColorCSSVariableDestination";
+import { IColorType } from "../interfaces/IColorType";
+/**
+ * Sets CSS Variables into a given wrapper collection.
+ * For the Dark Theme feature.
+ * @param colorType the color type
+ * @param wrapperTags the html elements to set the CSS variables
+ */
+export declare function setAutomaticCSSVariablesForDark(colorType: IColorType, wrapperTags: string[], destination?: IColorCSSVariableDestination): void;

package/dist/cjs/themes/helpers/setAutomaticCSSVariablesForDark.js

@@ -0,0 +1,43 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.setAutomaticCSSVariablesForDark = void 0;
+const isEmpty_1 = require("../../general/mix/isEmpty");
+const CSS_VARIABLE_DESTINATION_1 = require("../constants/CSS_VARIABLE_DESTINATION");
+const getCSSVariablesByDestination_1 = require("./getCSSVariablesByDestination");
+/**
+ * Sets CSS Variables into a given wrapper collection.
+ * For the Dark Theme feature.
+ * @param colorType the color type
+ * @param wrapperTags the html elements to set the CSS variables
+ */
+function setAutomaticCSSVariablesForDark(colorType, wrapperTags, destination = CSS_VARIABLE_DESTINATION_1.CSS_VARIABLE_DESTINATION.GLOBAL) {
+    if ((0, isEmpty_1.isEmpty)(colorType) || !Array.isArray(wrapperTags))
+        return;
+    const cssVariables = (0, getCSSVariablesByDestination_1.getCSSVariablesByDestination)(destination);
+    const cssVariablesKeys = Object.keys(cssVariables[colorType] || {});
+    wrapperTags.forEach((wrapperTag) => {
+        const wrapperElement = document.querySelector(wrapperTag);
+        setCSSVariable(wrapperElement, cssVariablesKeys, cssVariables[colorType]);
+    });
+}
+exports.setAutomaticCSSVariablesForDark = setAutomaticCSSVariablesForDark;
+/**
+ * Sets CSS Variables into a given wrapper collection.
+ * For the Dark Theme feature.
+ * @param colorType the color type
+ * @param wrapper the html element to set the CSS variables
+ * @param cssVariables the CSS variables name to apply the style property
+ */
+function setCSSVariable(wrapper, cssVariables, cssProperties) {
+    if ((0, isEmpty_1.isEmpty)(wrapper) || (0, isEmpty_1.isEmpty)(cssVariables))
+        return;
+    cssVariables.forEach((cssVariable) => {
+        const cssProperty = cssProperties[cssVariable];
+        if ((0, isEmpty_1.isEmpty)(cssProperty)) {
+            wrapper.style.removeProperty(cssVariable);
+        }
+        else {
+            wrapper.style.setProperty(cssVariable, cssProperty);
+        }
+    });
+}

package/dist/cjs/themes/index.d.ts

@@ -0,0 +1,3 @@
+export * from "./constants";
+export * from "./interfaces";
+export * from "./helpers";

package/dist/cjs/themes/index.js

@@ -0,0 +1,19 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./constants"), exports);
+__exportStar(require("./interfaces"), exports);
+__exportStar(require("./helpers"), exports);

package/dist/cjs/themes/interfaces/IColorCSSVariableDestination.d.ts

@@ -0,0 +1,5 @@
+import { CSS_VARIABLE_DESTINATION } from "../constants/CSS_VARIABLE_DESTINATION";
+/**
+ * CSS Variable Destination types
+ */
+export type IColorCSSVariableDestination = CSS_VARIABLE_DESTINATION;

package/dist/cjs/themes/interfaces/IColorCSSVariableDestination.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/dist/cjs/themes/interfaces/IColorChannel.d.ts

@@ -0,0 +1,9 @@
+/**
+ * Structure for the RGBA Color channels
+ */
+export interface IColorChannel {
+    a?: number;
+    b: number;
+    g: number;
+    r: number;
+}

package/dist/cjs/themes/interfaces/IColorChannel.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/dist/cjs/themes/interfaces/IColorType.d.ts

@@ -0,0 +1,5 @@
+import { COLOR_TYPE } from "../constants/COLOR_TYPE";
+/**
+ * Color types
+ */
+export type IColorType = COLOR_TYPE;

package/dist/cjs/themes/interfaces/IColorType.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/dist/cjs/themes/interfaces/index.d.ts

@@ -0,0 +1,3 @@
+export * from "./IColorChannel";
+export * from "./IColorCSSVariableDestination";
+export * from "./IColorType";

package/dist/cjs/themes/interfaces/index.js

@@ -0,0 +1,19 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./IColorChannel"), exports);
+__exportStar(require("./IColorCSSVariableDestination"), exports);
+__exportStar(require("./IColorType"), exports);

package/dist/cjs/tokens/getCleanCustomTokens.d.ts

@@ -0,0 +1,9 @@
+import { ICustomTokensComplex } from "../interfaces";
+/**
+ * The function `getCleanCustomTokens` takes an object `customTokens` and returns a new object
+ * `cleanTokens` with filtered values based on certain conditions.
+ * @param {ICustomTokensComplex} customTokens - The `customTokens` parameter is an object of type
+ * `ICustomTokensComplex`.
+ * @returns a cleaned version of the customTokens object.
+ */
+export declare function getCleanCustomTokens(customTokens?: ICustomTokensComplex): ICustomTokensComplex;

package/dist/cjs/tokens/getCleanCustomTokens.js

@@ -0,0 +1,22 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getCleanCustomTokens = void 0;
+const general_1 = require("../general");
+/**
+ * The function `getCleanCustomTokens` takes an object `customTokens` and returns a new object
+ * `cleanTokens` with filtered values based on certain conditions.
+ * @param {ICustomTokensComplex} customTokens - The `customTokens` parameter is an object of type
+ * `ICustomTokensComplex`.
+ * @returns a cleaned version of the customTokens object.
+ */
+function getCleanCustomTokens(customTokens = {}) {
+    const cleanTokens = {};
+    for (const tokenKey in customTokens) {
+        if ((0, general_1._hasProperty)(customTokens, tokenKey)) {
+            const tokensGroup = customTokens[tokenKey];
+            cleanTokens[tokenKey] = tokensGroup.filter((token) => !(0, general_1.isEmpty)(token.value) && (token.label || token.key));
+        }
+    }
+    return cleanTokens;
+}
+exports.getCleanCustomTokens = getCleanCustomTokens;

package/dist/cjs/tokens/getCustomtonTokens.d.ts

@@ -1,10 +1,10 @@
 import { ICustomTokensComplex, ICustomTokensSimple } from "../interfaces";
 /**
  * The function `getCustomtonTokens` takes a configuration object and returns a parsed version of the
- * custom tokens.
+ * custom tokens, with keys and values appropriately formatted.
  * @param {ICustomTokensSimple | ICustomTokensComplex} customtonTokensConfig - The
- * `customtonTokensConfig` parameter is an object that can be either of type `ICustomTokensSimple` or
- * `ICustomTokensComplex`.
+ * `customtonTokensConfig` parameter is an object that can have two possible types:
+ * `ICustomTokensSimple` or `ICustomTokensComplex`.
  * @returns an object of type `ICustomTokensComplex`.
  */
 export declare function getCustomtonTokens(customtonTokensConfig: ICustomTokensSimple | ICustomTokensComplex): ICustomTokensComplex;

package/dist/cjs/tokens/getCustomtonTokens.js

@@ -3,13 +3,14 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.getCustomtonTokens = void 0;
 const constants_1 = require("../constants");
 const general_1 = require("../general");
+const getCleanCustomTokens_1 = require("./getCleanCustomTokens");
 const getCustomtonTokensWithKeys_1 = require("./getCustomtonTokensWithKeys");
 /**
  * The function `getCustomtonTokens` takes a configuration object and returns a parsed version of the
- * custom tokens.
+ * custom tokens, with keys and values appropriately formatted.
  * @param {ICustomTokensSimple | ICustomTokensComplex} customtonTokensConfig - The
- * `customtonTokensConfig` parameter is an object that can be either of type `ICustomTokensSimple` or
- * `ICustomTokensComplex`.
+ * `customtonTokensConfig` parameter is an object that can have two possible types:
+ * `ICustomTokensSimple` or `ICustomTokensComplex`.
  * @returns an object of type `ICustomTokensComplex`.
  */
 function getCustomtonTokens(customtonTokensConfig) {
@@ -37,6 +38,8 @@ function getCustomtonTokens(customtonTokensConfig) {
             }
         }
     }
-    return customTokensparsed;
+    if ((0, general_1.isEmpty)(customTokensparsed[constants_1.CUSTOM_TOKEN_DEFAULT_KEY]))
+        delete customTokensparsed[constants_1.CUSTOM_TOKEN_DEFAULT_KEY];
+    return (0, getCleanCustomTokens_1.getCleanCustomTokens)(customTokensparsed);
 }
 exports.getCustomtonTokens = getCustomtonTokens;

package/dist/cjs/tokens/getCustomtonTokensWithKeys.js

@@ -13,6 +13,6 @@ const general_1 = require("../general");
  * `CustomTokens` object.
  */
 function getCustomtonTokensWithKeys(customTokens) {
-    return customTokens.map((token) => (Object.assign(Object.assign({}, token), { key: (0, general_1.camelize)((token === null || token === void 0 ? void 0 : token.key) || token.label) })));
+    return customTokens.map((token) => (Object.assign(Object.assign({}, token), { label: token.label || token.key, key: (0, general_1.camelize)((token === null || token === void 0 ? void 0 : token.key) || token.label) })));
 }
 exports.getCustomtonTokensWithKeys = getCustomtonTokensWithKeys;

package/dist/cjs/tokens/index.d.ts

@@ -2,3 +2,4 @@ export * from "./isTokenLabel";
 export * from "./getCustomtonTokensWithKeys";
 export * from "./getCustomtonTokens";
 export * from "./getCustomTokenBoxParse";
+export * from "./getCleanCustomTokens";

package/dist/cjs/tokens/index.js

@@ -18,3 +18,4 @@ __exportStar(require("./isTokenLabel"), exports);
 __exportStar(require("./getCustomtonTokensWithKeys"), exports);
 __exportStar(require("./getCustomtonTokens"), exports);
 __exportStar(require("./getCustomTokenBoxParse"), exports);
+__exportStar(require("./getCleanCustomTokens"), exports);

package/dist/constants/Charts.Const.d.ts

@@ -26,7 +26,10 @@ export declare enum CHART_TYPE {
     BULLET_METRIC = "BULLET",
     SUMMARY_CHART = "SUMMARY_CHART",
     MINMAX_CHART = "MINMAX_CHART",
-    COMBINED_CHART = "COMBINED_CHART"
+    COMBINED_CHART = "COMBINED_CHART",
+    RADAR_CHART = "RADAR_CHART",
+    TREEMAP_CHART = "TREEMAP_CHART",
+    AREA_CHART = "AREA_CHART"
 }
 export declare enum CHART_DIMENSION {
     CATEGORIES = "categories",

package/dist/constants/Charts.Const.js

@@ -28,6 +28,9 @@ export var CHART_TYPE;
     CHART_TYPE["SUMMARY_CHART"] = "SUMMARY_CHART";
     CHART_TYPE["MINMAX_CHART"] = "MINMAX_CHART";
     CHART_TYPE["COMBINED_CHART"] = "COMBINED_CHART";
+    CHART_TYPE["RADAR_CHART"] = "RADAR_CHART";
+    CHART_TYPE["TREEMAP_CHART"] = "TREEMAP_CHART";
+    CHART_TYPE["AREA_CHART"] = "AREA_CHART";
 })(CHART_TYPE || (CHART_TYPE = {}));
 export var CHART_DIMENSION;
 (function (CHART_DIMENSION) {