@qrvey/utils 1.15.0-8 → 1.15.0

package/dist/cjs/elements/utils/overlap.js

@@ -0,0 +1,99 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.OverlapIntervalTree = void 0;
+/**
+ *
+ */
+class OverlapIntervalTree {
+    /**
+     *
+     */
+    constructor() {
+        this.root = undefined;
+    }
+    /**
+     *
+     * @param startX
+     * @param endX
+     * @param startY
+     * @param endY
+     */
+    insert(startX, endX, startY, endY) {
+        this.root = this._insert(this.root, startX, endX, startY, endY);
+    }
+    /**
+     *
+     * @param startX
+     * @param endX
+     * @param startY
+     * @param endY
+     */
+    _initNode(startX, endX, startY, endY) {
+        return {
+            startX,
+            endX,
+            startY,
+            endY,
+            maxEndX: endX,
+            maxEndY: endY,
+            left: undefined,
+            right: undefined,
+        };
+    }
+    /**
+     *
+     * @param node
+     * @param startX
+     * @param endX
+     * @param startY
+     * @param endY
+     */
+    _insert(node, startX, endX, startY, endY) {
+        if (node === undefined) {
+            return this._initNode(startX, endX, startY, endY);
+        }
+        if (startY < node.startY) {
+            node.left = this._insert(node.left, startX, endX, startY, endY);
+        }
+        else {
+            node.right = this._insert(node.right, startX, endX, startY, endY);
+        }
+        node.maxEndX = Math.max(node.maxEndX, endX);
+        node.maxEndY = Math.max(node.maxEndY, endY);
+        return node;
+    }
+    /**
+     *
+     * @param startX
+     * @param endX
+     * @param startY
+     * @param endY
+     */
+    overlaps(startX, endX, startY, endY) {
+        return this._overlaps(this.root, startX, endX, startY, endY);
+    }
+    /**
+     *
+     * @param node
+     * @param startX
+     * @param endX
+     * @param startY
+     * @param endY
+     */
+    _overlaps(node, startX, endX, startY, endY) {
+        if (node === undefined) {
+            return false;
+        }
+        if (startX <= node.endX &&
+            endX >= node.startX &&
+            startY <= node.endY &&
+            endY >= node.startY) {
+            return true;
+        }
+        if (node.left !== undefined && node.left.maxEndY >= startY) {
+            return this._overlaps(node.left, startX, endX, startY, endY);
+        }
+        return this._overlaps(node.right, startX, endX, startY, endY);
+    }
+}
+exports.OverlapIntervalTree = OverlapIntervalTree;

package/dist/cjs/elements/utils/position.d.ts

@@ -0,0 +1,4 @@
+import { CanvasDevice } from "../interfaces/ICanvasGrid";
+import { Vem } from "../interfaces/IVemCore";
+import { VemPosition, VemPositionType } from "../interfaces/IVemPosition";
+export declare const setElementPosition: <T extends VemPositionType = VemPositionType>(baseElement: Vem<unknown, T>, type: T, device: CanvasDevice, position: VemPosition) => Vem<unknown, T>;

package/dist/cjs/elements/utils/position.js

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.setElementPosition = void 0;
+const setElementPosition = (baseElement, type, device, position) => (Object.assign(Object.assign({}, baseElement), { position: Object.assign(Object.assign({}, baseElement.position), { [type]: Object.assign(Object.assign({}, baseElement.position[type]), { [device]: position }) }) }));
+exports.setElementPosition = setElementPosition;

package/dist/cjs/filters/adapters/FDToLogic.js

@@ -38,7 +38,8 @@ function getLogicBodyFromFD21(filterData) {
                 filters = filters.concat(expressions);
             });
         }
-        logics.push(Object.assign(Object.assign({}, logic), { filters }));
+        if (!(0, isEmpty_1.isEmpty)(filters))
+            logics.push(Object.assign(Object.assign({}, logic), { filters }));
         return logics;
     }, []);
 }

package/dist/cjs/filters/helpers/backend/buildExpression.js

@@ -16,6 +16,7 @@ function buildExpression(filter) {
     const expression = {
         groupValue: (0, getBackendGroupValue_1.getBackendGroupValue)(filter),
         questionid: filter.column.id,
+        qrveyid: filter.column.qrveyid,
         questionType: filter.column.type,
         property: (0, getBackendProperty_1.getBackendProperty)(filter),
         validationType: (0, getBackendValidator_1.getBackendValidator)(filter),

package/dist/cjs/filters/helpers/backend/buildFilters.d.ts

@@ -1,3 +1,8 @@
 import { IFBFilter } from "../../interfaces/backend/IFBFilter";
 import { IFSFilter } from "../../interfaces/common/IFSFilter";
+/**
+ *
+ * @param filters
+ * @param groupColumns
+ */
 export declare function buildFilters(filters: IFSFilter[], groupColumns?: boolean): IFBFilter[];

package/dist/cjs/filters/helpers/backend/buildFilters.js

@@ -1,10 +1,15 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.buildFilters = void 0;
+const buildExpression_1 = require("./buildExpression");
 const isEmpty_1 = require("../../../general/mix/isEmpty");
 const hasProperty_1 = require("../../../general/object/hasProperty");
 const FILTER_OPERATOR_1 = require("../../constants/common/FILTER_OPERATOR");
-const buildExpression_1 = require("./buildExpression");
+/**
+ *
+ * @param filters
+ * @param groupColumns
+ */
 function buildFilters(filters, groupColumns = false) {
     const expression = numericExpression(filters, groupColumns);
     const orOperators = expression.split("+");
@@ -28,6 +33,8 @@ function buildFilters(filters, groupColumns = false) {
         return getColumnExpressions(group, getFilter);
     })
         .filter(Boolean);
+    if ((0, isEmpty_1.isEmpty)(expressions))
+        return [];
     if (orOperators.length > 1) {
         return [
             {
@@ -42,6 +49,11 @@ function buildFilters(filters, groupColumns = false) {
     return [{ operator: FILTER_OPERATOR_1.FILTER_OPERATOR.AND, expressions }];
 }
 exports.buildFilters = buildFilters;
+/**
+ *
+ * @param group
+ * @param getFilter
+ */
 function getColumnExpressions(group, getFilter) {
     const columnOrOperators = group.split("/");
     if (columnOrOperators.length > 1) {
@@ -54,12 +66,22 @@ function getColumnExpressions(group, getFilter) {
     }
     return getFilter(group);
 }
+/**
+ *
+ * @param operator
+ * @param priority
+ */
 function logicToNumeric(operator, priority = false) {
     if (operator === FILTER_OPERATOR_1.FILTER_OPERATOR.AND) {
         return "*";
     }
     return priority ? "/" : "+";
 }
+/**
+ *
+ * @param filters
+ * @param groupColumns
+ */
 function numericExpression(filters, groupColumns = false) {
     let expression = "";
     filters.forEach((item, index) => {

package/dist/cjs/filters/helpers/backend/getBackendValues.js

@@ -3,6 +3,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.getBackendValues = void 0;
 const COLUMN_1 = require("../../../columns/constants/COLUMN");
 const flattenDeep_1 = require("../../../general/array/flattenDeep");
+const isEmpty_1 = require("../../../general/mix/isEmpty");
 const FILTER_VALIDATOR_1 = require("../../constants/common/FILTER_VALIDATOR");
 const FILTER_VALIDATOR_INFO_1 = require("../../constants/common/FILTER_VALIDATOR_INFO");
 const isRankingFilter_1 = require("../common/isRankingFilter");
@@ -86,7 +87,9 @@ function getNullValues(values, filter) {
     return addValue ? [FILTER_VALIDATOR_INFO_1.FILTER_VALIDATOR_INFO[filter.validator].label] : [];
 }
 function getInValues(values) {
-    return values.map((value) => getValue(value, value)).filter(Boolean);
+    return values
+        .map((value) => (Object.assign(Object.assign({}, getValue(value, value)), { anchor: (0, isEmpty_1.isEmpty)(value.anchor) ? undefined : value.anchor })))
+        .filter(Boolean);
 }
 function getValue(objectValue, value) {
     return objectValue.enabled ? value : undefined;

package/dist/cjs/filters/helpers/getAvailableScopesIDsByConfig.js

@@ -15,6 +15,7 @@ function getAvailableScopesIDsByConfig(config = {}) {
         tabid: (0, getAttribute_1.getAttribute)(config, "tab_id") || config.tabid,
         pageid: (0, getAttribute_1.getAttribute)(config, "page_id") || config.pageid,
         defaultid: (0, getAttribute_1.getAttribute)(config, "default_id") || config.defaultid,
+        panelid: (0, getAttribute_1.getAttribute)(config, "panel_id") || config.panelid,
     };
 }
 exports.getAvailableScopesIDsByConfig = getAvailableScopesIDsByConfig;

package/dist/cjs/filters/helpers/settings/getFilterSettings.js

@@ -19,7 +19,6 @@ const getScopesToDisplay_1 = require("./getScopesToDisplay");
  */
 function getFilterSettings(filterSettings, allowedScopes = [], otherSettings) {
     let settings = (0, mergeDeep_1.mergeDeep)(FILTER_SETTINGS_DEFAULT_1.FILTER_SETTINGS_DEFAULT, (0, objectCopy_1.objectCopy)(filterSettings));
-    settings = (0, mergeDeep_1.mergeDeep)(settings, otherSettings);
     const scopesSettings = (0, getScopesToDisplay_1.getScopesToDisplay)(settings).filter((scope) => allowedScopes.includes(scope.id));
     if (scopesSettings.length > 1) {
         settings = getFilterSettingsByMultipleScopes(settings, allowedScopes);
@@ -30,6 +29,7 @@ function getFilterSettings(filterSettings, allowedScopes = [], otherSettings) {
     else {
         settings = getFilterSettingsByNoScopes(settings);
     }
+    settings = (0, mergeDeep_1.mergeDeep)(settings, otherSettings);
     return settings;
 }
 exports.getFilterSettings = getFilterSettings;

package/dist/cjs/filters/interfaces/backend/IFBExpression.js

@@ -4,4 +4,3 @@ Object.defineProperty(exports, "__esModule", { value: true });
 //
 // formulaType?: string;
 // linkid?: string;
-// qrveyid?: string;

package/dist/cjs/general/array/getUniqueSimpleArray.d.ts

@@ -0,0 +1,6 @@
+/**
+ * Get unique vaues from an Array of primitive JS types
+ * @param arr Array of primitive types
+ * @returns the new array with unique items
+ */
+export declare function getUniqueSimpleArray<T = unknown>(arr: T[]): T[];

package/dist/cjs/general/array/getUniqueSimpleArray.js

@@ -0,0 +1,14 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getUniqueSimpleArray = void 0;
+/**
+ * Get unique vaues from an Array of primitive JS types
+ * @param arr Array of primitive types
+ * @returns the new array with unique items
+ */
+function getUniqueSimpleArray(arr) {
+    if (!Array.isArray(arr))
+        return arr;
+    return Array.from(new Set(arr));
+}
+exports.getUniqueSimpleArray = getUniqueSimpleArray;

package/dist/cjs/general/array/index.d.ts

@@ -5,6 +5,7 @@ export * from "./getArrayByProperty";
 export * from "./filterNestedTree";
 export * from "./getFirstIndexFromArray";
 export * from "./getUniqueArray";
+export * from "./getUniqueSimpleArray";
 export * from "./howManyByParam";
 export * from "./getLastIndexFromArray";
 export * from "./intersectObjectArrays";

package/dist/cjs/general/array/index.js

@@ -21,6 +21,7 @@ __exportStar(require("./getArrayByProperty"), exports);
 __exportStar(require("./filterNestedTree"), exports);
 __exportStar(require("./getFirstIndexFromArray"), exports);
 __exportStar(require("./getUniqueArray"), exports);
+__exportStar(require("./getUniqueSimpleArray"), exports);
 __exportStar(require("./howManyByParam"), exports);
 __exportStar(require("./getLastIndexFromArray"), exports);
 __exportStar(require("./intersectObjectArrays"), exports);

package/dist/cjs/general/string/index.d.ts

@@ -2,3 +2,7 @@ export * from "./capitalize";
 export * from "./padLeadingZeros";
 export * from "./parseUrl";
 export * from "./camelize";
+export * from "./secureHTML";
+export * from "./strategies/XSSSanitizer";
+export * from "./strategies/XSSEstrictedSanitizer";
+export * from "./urlValidator";

package/dist/cjs/general/string/index.js

@@ -18,3 +18,7 @@ __exportStar(require("./capitalize"), exports);
 __exportStar(require("./padLeadingZeros"), exports);
 __exportStar(require("./parseUrl"), exports);
 __exportStar(require("./camelize"), exports);
+__exportStar(require("./secureHTML"), exports);
+__exportStar(require("./strategies/XSSSanitizer"), exports);
+__exportStar(require("./strategies/XSSEstrictedSanitizer"), exports);
+__exportStar(require("./urlValidator"), exports);

package/dist/cjs/general/string/secureHTML.d.ts

@@ -0,0 +1,8 @@
+import { SanitizerStrategy } from "../../interfaces/SatinizerStrategy";
+/**
+ * Sanitizes HTML using the provided strategy.
+ * @param {string} html - HTML to sanitize.
+ * @param {SanitizerStrategy} sanitizer - Sanitization strategy.
+ * @returns {string} - Sanitized HTML.
+ */
+export declare const secureHTML: (html: string, sanitizer: SanitizerStrategy) => string;

package/dist/cjs/general/string/secureHTML.js

@@ -0,0 +1,13 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.secureHTML = void 0;
+/**
+ * Sanitizes HTML using the provided strategy.
+ * @param {string} html - HTML to sanitize.
+ * @param {SanitizerStrategy} sanitizer - Sanitization strategy.
+ * @returns {string} - Sanitized HTML.
+ */
+const secureHTML = (html, sanitizer) => {
+    return sanitizer.sanitize(html);
+};
+exports.secureHTML = secureHTML;

package/dist/cjs/general/string/strategies/XSSEstrictedSanitizer.d.ts

@@ -0,0 +1,8 @@
+import { IFilterXSSOptions } from "xss";
+import { SanitizerStrategy } from "../../../interfaces/SatinizerStrategy";
+export declare class XSSEstrictedSanitizer implements SanitizerStrategy {
+    private attributesBlackList;
+    private options;
+    constructor(options?: IFilterXSSOptions, attributesBlackList?: string[]);
+    sanitize(html: string): string;
+}

package/dist/cjs/general/string/strategies/XSSEstrictedSanitizer.js

@@ -0,0 +1,23 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.XSSEstrictedSanitizer = void 0;
+const xss_1 = require("xss");
+class XSSEstrictedSanitizer {
+    constructor(options, attributesBlackList = []) {
+        this.attributesBlackList = attributesBlackList;
+        this.options = Object.assign({ css: false, onIgnoreTagAttr: (_tag, name, value) => {
+                if (this.attributesBlackList.includes(name)) {
+                    return ""; // Elimina el atributo si está en la lista negra
+                }
+                return `${name}="${value}"`; // Mantiene el atributo si no está en la lista negra
+            }, onIgnoreTag: (tag, _html, _options) => {
+                if (["script", "iframe"].includes(tag)) {
+                    return ""; // Elimina los <script>
+                }
+            }, escapeHtml: (str) => str }, options);
+    }
+    sanitize(html) {
+        return (0, xss_1.filterXSS)(html, this.options);
+    }
+}
+exports.XSSEstrictedSanitizer = XSSEstrictedSanitizer;

package/dist/cjs/general/string/strategies/XSSSanitizer.d.ts

@@ -0,0 +1,8 @@
+import { IFilterXSSOptions } from "xss";
+import { SanitizerStrategy } from "../../../interfaces/SatinizerStrategy";
+export declare class XSSSanitizer implements SanitizerStrategy {
+    private attributesBlackList;
+    private options;
+    constructor(options?: IFilterXSSOptions, attributesBlackList?: string[]);
+    sanitize(html: string): string;
+}

package/dist/cjs/general/string/strategies/XSSSanitizer.js

@@ -0,0 +1,19 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.XSSSanitizer = void 0;
+const xss_1 = require("xss");
+class XSSSanitizer {
+    constructor(options, attributesBlackList = []) {
+        this.attributesBlackList = attributesBlackList;
+        this.options = Object.assign({ css: false, onIgnoreTagAttr: (tag, name, value) => {
+                if (!this.attributesBlackList.includes(name)) {
+                    return `${name}="${value}"`;
+                }
+                return "";
+            } }, options);
+    }
+    sanitize(html) {
+        return (0, xss_1.filterXSS)(html, this.options);
+    }
+}
+exports.XSSSanitizer = XSSSanitizer;

package/dist/cjs/general/string/urlValidator.d.ts

@@ -0,0 +1,10 @@
+export declare class URLValidator {
+    private validDomains;
+    private validProtocols;
+    constructor(domains?: string[], protocols?: string[]);
+    setValidDomains(domains?: string[]): this;
+    setValidProtocols(protocols?: string[]): this;
+    validate(url: string): boolean;
+    private isValidProtocol;
+    private isValidDomain;
+}

package/dist/cjs/general/string/urlValidator.js

@@ -0,0 +1,38 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.URLValidator = void 0;
+class URLValidator {
+    constructor(domains = [], protocols = ["http", "https"]) {
+        this.validDomains = domains;
+        this.validProtocols = protocols;
+    }
+    setValidDomains(domains = []) {
+        this.validDomains = domains;
+        return this;
+    }
+    setValidProtocols(protocols = []) {
+        this.validProtocols = protocols;
+        return this;
+    }
+    validate(url) {
+        try {
+            const urlObj = new URL(url);
+            return (this.isValidProtocol(urlObj.protocol) &&
+                (this.validDomains.length === 0 || this.isValidDomain(urlObj.hostname)));
+        }
+        catch (_a) {
+            return false;
+        }
+    }
+    isValidProtocol(protocol) {
+        const normalizedProtocol = protocol.replace(":", "").toLowerCase();
+        return this.validProtocols.includes(normalizedProtocol);
+    }
+    isValidDomain(domain) {
+        if (this.validDomains.length === 0) {
+            return true;
+        }
+        return this.validDomains.some((validDomain) => domain.endsWith(validDomain));
+    }
+}
+exports.URLValidator = URLValidator;

package/dist/cjs/globalization/interfaces/chart_builder/II18nChartBuilderSorting.d.ts

@@ -17,4 +17,6 @@ export interface II18nChartBuilderSorting {
     sorting_by_calculated_value: string;
     title: string;
     value: string;
+    empty_row_message?: string;
+    empty_column_message?: string;
 }

package/dist/cjs/globalization/interfaces/export/II18nExportingModal.d.ts

@@ -7,16 +7,20 @@ export interface I18nExportingModal {
     cancel_button_label: string;
     error_messages: II18nExportingModalErrorMessages;
     file_name_label: string;
+    new_dataset_name_label: string;
+    new_dataset_name_placeholder: string;
     recurrence: II18nExportingModalRecurrence;
     time_stamp: II18nExportingModalTimeStamp;
     time_zone_label: string;
     title_label: string;
+    title_new_dataset: string;
     uniqueness_concatenate: string;
     toast_messages: {
         failed_scheduling: string;
         successful_scheduling: string;
     };
     pivoting_export: {
+        source_label: string;
         dataset_label: string;
         filter_label: string;
         pivoting: {
@@ -28,12 +32,14 @@ export interface I18nExportingModal {
         columns_section: {
             title: string;
             subtitle: string;
+            subtitle_new_dataset: string;
             select_all_label: string;
             dataset_columns: string;
             pivot_columns_label: string;
             pivot_columns_sublabel: string;
         };
         columns_to_export_label: string;
+        columns_to_create_dataset_label: string;
         no_results_found: string;
     };
     schedule: {

package/dist/cjs/globalization/interfaces/export/II18nExportingModalApplyButtonLabel.d.ts

@@ -1,3 +1,4 @@
 export interface II18nExportingModalApplyButtonLabel {
     export_now: string;
+    create_dataset: string;
 }

package/dist/cjs/globalization/labels/chart_builder/I18N_CHART_BUILDER_GENERAL_OPTIONS.js

@@ -102,6 +102,8 @@ exports.I18N_CHART_BUILDER_GENERAL_OPTIONS = {
         sorting_by_calculated_value: "Sorting by Calculated Value",
         title: "Sorting",
         value: "Value",
+        empty_row_message: "Add rows to apply sorting",
+        empty_column_message: "Add columns to apply sorting",
     },
     menu_actions: {
         title: "Self-service Options",

package/dist/cjs/globalization/labels/export/I18N_EXPORT_MODAL.js

@@ -5,12 +5,17 @@ exports.EXPORTING_MODAL = void 0;
  * @deprecated since version 1.12.0; Qrvey version 8.3. Those default poroperties will be replaced by Qrvey Globalization JSON
  */
 exports.EXPORTING_MODAL = {
-    apply_button_label: { export_now: "Export Now" },
+    apply_button_label: {
+        export_now: "Export Now",
+        create_dataset: "Create Dataset",
+    },
     cancel_button_label: "Cancel",
     error_messages: {
         special_characters: "Special characters are not allowed in file name.",
     },
     file_name_label: "File Name",
+    new_dataset_name_label: "New Dataset Name",
+    new_dataset_name_placeholder: "Type",
     recurrence: {
         label: "Recurrence",
         value: { does_not_repeat: "Does not repeat" },
@@ -22,12 +27,14 @@ exports.EXPORTING_MODAL = {
     },
     time_zone_label: "Time Zone",
     title_label: "Export",
+    title_new_dataset: "New Dataset",
     uniqueness_concatenate: "For Uniqueness Concatenate",
     toast_messages: {
         failed_scheduling: "The export could not be scheduled at this time.",
         successful_scheduling: "The export of {{fileName}} has been scheduled successfully.",
     },
     pivoting_export: {
+        source_label: "Source",
         dataset_label: "Dataset",
         filter_label: "Filter",
         pivoting: {
@@ -39,12 +46,14 @@ exports.EXPORTING_MODAL = {
         columns_section: {
             title: "Columns",
             subtitle: "(Select columns to export)",
+            subtitle_new_dataset: "(Select columns for new dataset)",
             select_all_label: "Add All Columns",
             dataset_columns: "Dataset Columns",
             pivot_columns_label: "Pivot Columns",
             pivot_columns_sublabel: "Displaying only the first 100 results.",
         },
         columns_to_export_label: "Columns to export",
+        columns_to_create_dataset_label: "Dataset columns",
         no_results_found: "No results found",
     },
     schedule: {

package/dist/cjs/index.d.ts

@@ -16,3 +16,4 @@ export * from "./typescript/index";
 export * from "./tokens/index";
 export * from "./column_format/index";
 export * from "./themes/index";
+export * from "./elements/index";

package/dist/cjs/index.js

@@ -32,3 +32,4 @@ __exportStar(require("./typescript/index"), exports);
 __exportStar(require("./tokens/index"), exports);
 __exportStar(require("./column_format/index"), exports);
 __exportStar(require("./themes/index"), exports);
+__exportStar(require("./elements/index"), exports);

package/dist/cjs/interfaces/SatinizerStrategy.d.ts

@@ -0,0 +1,3 @@
+export interface SanitizerStrategy {
+    sanitize(html: string): string;
+}

package/dist/cjs/interfaces/SatinizerStrategy.js

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

package/dist/cjs/themes/constants/AUTOMATIC_GLOBAL_CSS_VARIABLES_FOR_LIGHT.js

@@ -6,10 +6,10 @@ const GLOBAL_CSS_VARIABLES_1 = require("./GLOBAL_CSS_VARIABLES");
  * Collection of CSS Variables for Light Themes and its assigned values.
  */
 exports.AUTOMATIC_GLOBAL_CSS_VARIABLES_FOR_LIGHT = {
-    [GLOBAL_CSS_VARIABLES_1.GLOBAL_CSS_VARIABLES.HEADER_BACKGROUND_COLOR]: "#00000009",
+    [GLOBAL_CSS_VARIABLES_1.GLOBAL_CSS_VARIABLES.HEADER_BACKGROUND_COLOR]: "#F7F8FB",
     [GLOBAL_CSS_VARIABLES_1.GLOBAL_CSS_VARIABLES.BACKGROUND_OPACITY_BLACK_COLOR]: "#FFFFFF10",
-    [GLOBAL_CSS_VARIABLES_1.GLOBAL_CSS_VARIABLES.BORDER_COLOR]: "#00000020",
-    [GLOBAL_CSS_VARIABLES_1.GLOBAL_CSS_VARIABLES.DIVIDER_COLOR]: "#00000020",
+    [GLOBAL_CSS_VARIABLES_1.GLOBAL_CSS_VARIABLES.BORDER_COLOR]: "#00000017",
+    [GLOBAL_CSS_VARIABLES_1.GLOBAL_CSS_VARIABLES.DIVIDER_COLOR]: "#00000010",
     [GLOBAL_CSS_VARIABLES_1.GLOBAL_CSS_VARIABLES.HOVER_COLOR]: "#00000010",
     [GLOBAL_CSS_VARIABLES_1.GLOBAL_CSS_VARIABLES.PLACEHOLDER_COLOR]: "#00000070",
     [GLOBAL_CSS_VARIABLES_1.GLOBAL_CSS_VARIABLES.PILLS_BACKGROUND_COLOR]: "#FFFFFF40",