@heartlandone/vega 2.6.0 → 2.7.0

package/dist/cjs/{app-globals-dbaf0807.js → app-globals-5b08210e.js}

@@ -1,15 +1,15 @@
 'use strict';
 
 const featureFlagController = require('./featureFlagController-e3dc9be9.js');
-const vegaEventManager = require('./vegaEventManager-35c12c40.js');
+const vegaEventManager = require('./vegaEventManager-4ec85c32.js');
 const log = require('./log-5d8066e0.js');
 const vegaDialogController = require('./vegaDialogController-756ed849.js');
 const globalSlimmerRegistry = require('./global-slimmer-registry-58eee093.js');
 const mapToComponentMethod = require('./map-to-component-method-bdf875d3.js');
 const vegaSlimmer = require('./vega-slimmer-f026897e.js');
-require('./internalVegaEventManager-bb5be33a.js');
+require('./internalVegaEventManager-35c59874.js');
 require('./ui-c09906a8.js');
-const typography = require('./typography-3d2ba97d.js');
+const typography = require('./typography-4560e7f1.js');
 const iconManager = require('./iconManager-a9c2209d.js');
 const zIndexManager = require('./zIndexManager-2dae3568.js');
 
@@ -144,6 +144,7 @@ function appGlobalScript () {
   injectVegaTypography();
   injectVegaIconManager();
   injectVegaZIndexManagerIntoGlobal();
+  initRuntimeMetricsTelemetryCollection();
 }
 /**
  * Disable feature flags from the client global defined lists.
@@ -231,6 +232,15 @@ function injectVegaIconManager() {
 function injectVegaZIndexManagerIntoGlobal() {
   globalThis.VegaZIndexManager = VegaZIndexManager$1;
 }
+/**
+ * init telemetry runtime metrics.
+ * 1. Inject VegaEnvInfo to global
+ * 2. Invoke runtime metrics add page leave listener method
+ */
+function initRuntimeMetricsTelemetryCollection() {
+  globalThis.VegaEnvInfo = vegaEventManager.vegaEnvManager.getVegaEnv();
+  // TODO call runtime metrics add page leave listener method
+}
 
 const globalScripts = appGlobalScript;
 

package/dist/cjs/{breakpoints-28032416.js → breakpoints-bab57fd3.js}

@@ -1,8 +1,8 @@
 'use strict';
 
-const ui = require('./ui-0d3f0ad9.js');
+const ui = require('./ui-a562958b.js');
 
-/* This file is generated by vega-design 2.0.71 */
+/* This file is generated by vega-design 2.0.77 */
 /* eslint-disable */
 /* tslint:disable */
 // prettier-ignore

package/dist/cjs/{childNodesEventPreventSlimmer-3d122695.js → childNodesEventPreventSlimmer-696cfb3c.js}

@@ -3,7 +3,7 @@
 const vegaSlimmer = require('./vega-slimmer-f026897e.js');
 const mapToComponentMethod = require('./map-to-component-method-bdf875d3.js');
 require('./global-slimmer-registry-58eee093.js');
-const internalVegaEventManager = require('./internalVegaEventManager-bb5be33a.js');
+const internalVegaEventManager = require('./internalVegaEventManager-35c59874.js');
 
 var __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
   var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;

package/dist/cjs/{childNodesNotifyObserverSlimmer-277b4b92.js → childNodesNotifyObserverSlimmer-5567d2d0.js}

@@ -3,7 +3,7 @@
 const vegaSlimmer = require('./vega-slimmer-f026897e.js');
 const mapToComponentMethod = require('./map-to-component-method-bdf875d3.js');
 require('./global-slimmer-registry-58eee093.js');
-const eventEmitSlimmer = require('./eventEmitSlimmer-19ffbb33.js');
+const eventEmitSlimmer = require('./eventEmitSlimmer-099b4783.js');
 const changeManager = require('./changeManager-1dd5ac2a.js');
 const ui = require('./ui-c09906a8.js');
 

package/dist/cjs/{designToken-fee5f0a7.js → designToken-6873f63d.js}

@@ -1,10 +1,11 @@
 'use strict';
 
-const typeGuard = require('./typeGuard-9eabd0ce.js');
-const breakpoints = require('./breakpoints-28032416.js');
+const typeGuard = require('./typeGuard-b4924a45.js');
+const breakpoints = require('./breakpoints-bab57fd3.js');
 const log = require('./log-5d8066e0.js');
-const responsiveFormatFacade = require('./responsiveFormatFacade-969e1867.js');
-const typography = require('./typography-3d2ba97d.js');
+const responsiveFormatFacade = require('./responsiveFormatFacade-142473a9.js');
+const typography = require('./typography-4560e7f1.js');
+const ui = require('./ui-a562958b.js');
 
 /**
  * StateVariantFormatter: Format state token to CSS styles
@@ -286,6 +287,24 @@ function formatAndValidPadding(token) {
     logInvalidValueMessage('padding', token, Object.keys(typeGuard.Spacing));
   }
 }
+/**
+ * The function `formatAndValidBorderStyle` formats a border style token and returns a string if it is
+ * a valid border style type, otherwise it logs an invalid value message.
+ *
+ * @param {unknown} token - The `token` parameter is a value that represents a border style type.
+ * @returns {string} The function `formatAndValidBorderStyle` returns a string that is formatted as
+ * `v-border-` if the `token` parameter is of a valid border style type. If the `token` is not
+ * a valid border style type, it logs an invalid value message and does not return anything (implicitly
+ * returns `undefined`).
+ */
+function formatAndValidBorderStyle(token) {
+  if (typeGuard.isBorderStyleType(token)) {
+    return `v-border-${token}`;
+  }
+  else {
+    logInvalidValueMessage('border-style', token, ui.BorderStyle);
+  }
+}
 /**
  * If the token is a valid border radius, return a string with the token prefixed with `v-rounded-`. Otherwise, log an
  * error message
@@ -449,6 +468,7 @@ function formatAndValidStateToken(token, flag) {
 exports.formatAndValidBackgroundColor = formatAndValidBackgroundColor;
 exports.formatAndValidBorderColor = formatAndValidBorderColor;
 exports.formatAndValidBorderRadius = formatAndValidBorderRadius;
+exports.formatAndValidBorderStyle = formatAndValidBorderStyle;
 exports.formatAndValidBreakpointSize = formatAndValidBreakpointSize;
 exports.formatAndValidFlexBreakpoint = formatAndValidFlexBreakpoint;
 exports.formatAndValidGap = formatAndValidGap;

package/dist/cjs/{elementAppenderSlimmer-3bae1c56.js → elementAppenderSlimmer-3c4c1c08.js}

@@ -4,13 +4,13 @@ const globalSlimmerRegistry = require('./global-slimmer-registry-58eee093.js');
 const mapToComponentMethod = require('./map-to-component-method-bdf875d3.js');
 const vegaSlimmer = require('./vega-slimmer-f026897e.js');
 const log = require('./log-5d8066e0.js');
-const ui = require('./ui-0d3f0ad9.js');
-const typeGuard = require('./typeGuard-9eabd0ce.js');
-const responsiveFormatFacade = require('./responsiveFormatFacade-969e1867.js');
+const ui = require('./ui-a562958b.js');
+const typeGuard = require('./typeGuard-b4924a45.js');
+const responsiveFormatFacade = require('./responsiveFormatFacade-142473a9.js');
 const ui$1 = require('./ui-c09906a8.js');
 const zIndexManager = require('./zIndexManager-2dae3568.js');
 const dynamicSlimmer = require('./dynamic-slimmer-028b0e61.js');
-const pageResizeObserverSlimmer = require('./pageResizeObserverSlimmer-252492f9.js');
+const pageResizeObserverSlimmer = require('./pageResizeObserverSlimmer-1e9c5247.js');
 
 /**
  * Get the position of the element in the container according to the target element and the placement

package/dist/cjs/{eventEmitSlimmer-19ffbb33.js → eventEmitSlimmer-099b4783.js}

@@ -4,7 +4,7 @@ const globalSlimmerRegistry = require('./global-slimmer-registry-58eee093.js');
 const vegaSlimmer = require('./vega-slimmer-f026897e.js');
 const dynamicSlimmer = require('./dynamic-slimmer-028b0e61.js');
 const changeManager = require('./changeManager-1dd5ac2a.js');
-const internalVegaEventManager = require('./internalVegaEventManager-bb5be33a.js');
+const internalVegaEventManager = require('./internalVegaEventManager-35c59874.js');
 
 /**
  *  An Observer is a class that has a listener method that accepts a value of type T
@@ -111,7 +111,7 @@ class DomNodeSubjectFactory {
     return subject;
   }
 }
-const DomNodeSubjectFactory$1 = new DomNodeSubjectFactory();
+const domNodeSubjectFactory = new DomNodeSubjectFactory();
 
 /**
  * The function `domAcceptableHandle` always returns `true`.
@@ -135,7 +135,7 @@ class DomNodeSubjectObserverFactory {
     if (node) {
       const domNodesObserver = new Observer(typeof acceptableHandle === 'function' ? acceptableHandle.bind(null) : domAcceptableHandle, callback);
       DomNodeSubjectObserverFactory.removeUniqueObserverFromNode(node, eventId);
-      changeManager.ChangeManager.register(DomNodeSubjectFactory$1.getSubject(node, eventId), domNodesObserver);
+      changeManager.ChangeManager.register(domNodeSubjectFactory.getSubject(node, eventId), domNodesObserver);
     }
   }
   /**
@@ -145,8 +145,8 @@ class DomNodeSubjectObserverFactory {
    * @param {VegaEventIDInterface} eventId The `eventId` parameter is of type `VegaEventIDInterface`. It represents the ID of a Vega event.
    */
   static removeUniqueObserverFromNode(node, eventId) {
-    if (DomNodeSubjectFactory$1.isExist(node, eventId)) {
-      changeManager.ChangeManager.clearObserversBySubject(DomNodeSubjectFactory$1.getSubject(node, eventId));
+    if (domNodeSubjectFactory.isExist(node, eventId)) {
+      changeManager.ChangeManager.clearObserversBySubject(domNodeSubjectFactory.getSubject(node, eventId));
     }
   }
 }
@@ -306,7 +306,7 @@ class EventEmitSlimmerBase extends vegaSlimmer.VegaSlimmer {
      * @param {Event} [e] the event object
      */
     this.emit = (detail, e) => {
-      changeManager.ChangeManager.notify(DomNodeSubjectFactory$1.getSubject(this.host, this.eventID), {
+      changeManager.ChangeManager.notify(domNodeSubjectFactory.getSubject(this.host, this.eventID), {
         host: this.host,
         detail: detail,
         eventName: this.eventName,
@@ -393,7 +393,7 @@ function createEventEmitSlimmer(mapFromClass, eventID, nativeEventPropertyName)
   ]);
 }
 
-exports.DomNodeSubjectFactory = DomNodeSubjectFactory$1;
 exports.DomNodeSubjectObserverFactory = DomNodeSubjectObserverFactory;
 exports.Observer = Observer;
 exports.createEventEmitSlimmer = createEventEmitSlimmer;
+exports.domNodeSubjectFactory = domNodeSubjectFactory;

package/dist/cjs/{formFieldControllerSlimmer-dde8fc1c.js → formFieldControllerSlimmer-894e250d.js}

@@ -5,13 +5,13 @@ const mapToComponentMethod = require('./map-to-component-method-bdf875d3.js');
 const globalSlimmerRegistry = require('./global-slimmer-registry-58eee093.js');
 const string = require('./string-21427167.js');
 const changeManager = require('./changeManager-1dd5ac2a.js');
-const eventEmitSlimmer = require('./eventEmitSlimmer-19ffbb33.js');
-const staticSubjectTitle = require('./staticSubjectTitle-b02c917c.js');
+const eventEmitSlimmer = require('./eventEmitSlimmer-099b4783.js');
+const staticSubjectTitle = require('./staticSubjectTitle-cb99ff04.js');
 const ui = require('./ui-c09906a8.js');
 const misc = require('./misc-0197689b.js');
 const dynamicSlimmer = require('./dynamic-slimmer-028b0e61.js');
-const vegaInternalEventId = require('./vegaInternalEventId-df4b8b17.js');
-const pageResizeObserverSlimmer = require('./pageResizeObserverSlimmer-252492f9.js');
+const vegaInternalEventId = require('./vegaInternalEventId-7b2d4678.js');
+const pageResizeObserverSlimmer = require('./pageResizeObserverSlimmer-1e9c5247.js');
 
 /** The `FormFieldValidationRuleHandler` class is responsible for handling the validation rules for a form field. */
 class FormFieldValidationRuleHandler {
@@ -201,7 +201,7 @@ class FieldErrorUIControllerSlimmer extends vegaSlimmer.VegaSlimmer {
       errorContainer.innerHTML = errorMessage;
       errorContainer.classList.remove('vega-hidden');
       inputContainer.classList.add('error');
-      changeManager.ChangeManager.notify(eventEmitSlimmer.DomNodeSubjectFactory.getSubject(this.host, vegaInternalEventId.VegaInternalFieldErrorStateChange), {
+      changeManager.ChangeManager.notify(eventEmitSlimmer.domNodeSubjectFactory.getSubject(this.host, vegaInternalEventId.VegaInternalFieldErrorStateChange), {
         host: this.host,
         showError: true,
       });
@@ -218,7 +218,7 @@ class FieldErrorUIControllerSlimmer extends vegaSlimmer.VegaSlimmer {
       const errorContainer = this.getErrorContainer(inputContainer);
       errorContainer.classList.add('vega-hidden');
       inputContainer.classList.remove('error');
-      changeManager.ChangeManager.notify(eventEmitSlimmer.DomNodeSubjectFactory.getSubject(this.host, vegaInternalEventId.VegaInternalFieldErrorStateChange), {
+      changeManager.ChangeManager.notify(eventEmitSlimmer.domNodeSubjectFactory.getSubject(this.host, vegaInternalEventId.VegaInternalFieldErrorStateChange), {
         host: this.host,
         showError: false,
       });

package/dist/cjs/{icons-44ed411d.js → icons-dbc3eb9c.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-/* This file is generated by vega-design 2.0.71 */
+/* This file is generated by vega-design 2.0.77 */
 /* eslint-disable */
 /* tslint:disable */
 // prettier-ignore

package/dist/cjs/index-1299d729.js

@@ -1631,6 +1631,10 @@ const loadModule = (cmpMeta, hostRef, hmrVersionId) => {
           return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
             /* webpackMode: "lazy" */
             './vega-button-group_2.cjs.entry.js')); }).then(processMod, consoleError);
+        case 'vega-selection-tile_2.cjs':
+          return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
+            /* webpackMode: "lazy" */
+            './vega-selection-tile_2.cjs.entry.js')); }).then(processMod, consoleError);
         case 'vega-dropdown_5.cjs':
           return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
             /* webpackMode: "lazy" */

package/dist/cjs/index.cjs.js

@@ -2,20 +2,20 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const breakpoints = require('./breakpoints-28032416.js');
+const breakpoints = require('./breakpoints-bab57fd3.js');
 const log = require('./log-5d8066e0.js');
-const designToken = require('./designToken-fee5f0a7.js');
+const designToken = require('./designToken-6873f63d.js');
 const string = require('./string-21427167.js');
-const typeGuard = require('./typeGuard-9eabd0ce.js');
-const icons = require('./icons-44ed411d.js');
-const typography = require('./typography-3d2ba97d.js');
-const ui = require('./ui-0d3f0ad9.js');
-const vegaEventManager = require('./vegaEventManager-35c12c40.js');
+const typeGuard = require('./typeGuard-b4924a45.js');
+const icons = require('./icons-dbc3eb9c.js');
+const typography = require('./typography-4560e7f1.js');
+const ui = require('./ui-a562958b.js');
+const vegaEventManager = require('./vegaEventManager-4ec85c32.js');
 const featureFlagController = require('./featureFlagController-e3dc9be9.js');
 const vegaDialogController = require('./vegaDialogController-756ed849.js');
-const internalVegaEventManager = require('./internalVegaEventManager-bb5be33a.js');
+const internalVegaEventManager = require('./internalVegaEventManager-35c59874.js');
 const iconManager = require('./iconManager-a9c2209d.js');
-require('./responsiveFormatFacade-969e1867.js');
+require('./responsiveFormatFacade-142473a9.js');
 require('./number-7e7d9981.js');
 require('./misc-0197689b.js');
 require('./ui-c09906a8.js');
@@ -24,10 +24,10 @@ require('./global-slimmer-registry-58eee093.js');
 require('./dynamic-slimmer-028b0e61.js');
 require('./vega-slimmer-f026897e.js');
 require('./map-to-component-method-bdf875d3.js');
-require('./pageResizeObserverSlimmer-252492f9.js');
+require('./pageResizeObserverSlimmer-1e9c5247.js');
 require('./_commonjsHelpers-537d719a.js');
 
-/* This file is generated by vega-design 2.0.71 */
+/* This file is generated by vega-design 2.0.77 */
 /* eslint-disable */
 /* tslint:disable */
 // prettier-ignore

package/dist/cjs/{internalVegaEventManager-bb5be33a.js → internalVegaEventManager-35c59874.js}

@@ -126,6 +126,8 @@ const entries = [
   ['vega-radio', [VegaChange, VegaFocus, VegaBlur]],
   ['vega-radio-group', [VegaChange]],
   ['vega-segment-control', [VegaChange]],
+  ['vega-selection-tile', [VegaChange]],
+  ['vega-selection-tile-group', [VegaChange]],
   ['vega-stepper', [VegaChange]],
   ['vega-tab-group', [VegaClick]],
   ['vega-table', [VegaChange, VegaSelectChange, VegaSelectAllChange, VegaRowClick]],

package/dist/cjs/{legendInputProcessor-88c81168.js → legendInputProcessor-5381370b.js}

@@ -1,7 +1,7 @@
 'use strict';
 
 const array$2 = require('./array-5f977aa2.js');
-const typography = require('./typography-3d2ba97d.js');
+const typography = require('./typography-4560e7f1.js');
 
 /** The GraphContextFactory class provides a method to create and return either a HTMLCanvasElement or SVGElement based on the specified mode and container element. */
 class GraphContextFactory {
@@ -4303,14 +4303,13 @@ class BaseChart {
   }
 }
 
-/* This file is generated by vega-design 2.0.71 */
+/* This file is generated by vega-design 2.0.77 */
 /* eslint-disable */
 /* tslint:disable */
 // prettier-ignore
 const BackgroundColorsMappingLight = {
-  "bg-brand": "#596063",
+  "bg-brand": "#33393D",
   "bg-page": "#F0F3F7",
-  "bg-transparent": "#000000",
   "bg-primary": "#FCFCFC",
   "bg-secondary": "#F5F7F7",
   "bg-tertiary": "#F0F3F7",
@@ -4319,38 +4318,75 @@ const BackgroundColorsMappingLight = {
   "bg-inverted-secondary": "#121227",
   "bg-inverted-tertiary": "#181830",
   "bg-inverted-quaternary": "#464765",
-  "bg-selected": "#0097FF",
   "bg-action": "#1362E2",
   "bg-action-hover": "#0470EC",
-  "bg-action-focus": "#0097FF",
+  "bg-action-focus": "#1362E2",
   "bg-action-active": "#1D41C3",
+  "bg-action-quaternary": "#DEE1E3",
+  "bg-action-quaternary-hover": "#EFEFEF",
+  "bg-action-quaternary-active": "#CDD1D3",
   "bg-action-secondary": "#FCFCFC",
+  "bg-action-secondary-hover": "#0470EC",
+  "bg-action-secondary-active": "#1D41C3",
   "bg-action-tertiary": "#000000",
   "bg-action-tertiary-hover": "#04041C",
   "bg-action-tertiary-active": "#04041C",
-  "bg-action-quaternary": "#DEE1E3",
-  "bg-action-quaternary-hover": "#EFEFEF",
-  "bg-action-quaternary-active": "#CDD1D3",
-  "bg-danger": "#E63257",
-  "bg-danger-hover": "#FF5772",
-  "bg-danger-focus": "#F0345B",
-  "bg-danger-active": "#BD2947",
+  "bg-app-header": "#F0F3F7",
+  "bg-backdrop-modal": "#121227",
+  "bg-backdrop-popover": "#203645",
+  "bg-backdrop-sidebar": "#121227",
+  "bg-chip": "#203645",
+  "bg-chip-hover": "#203645",
+  "bg-chip-active": "#203645",
+  "bg-danger": "#BD2947",
+  "bg-danger-hover": "#E94768",
+  "bg-danger-focus": "#BD2947",
+  "bg-danger-active": "#E63257",
   "bg-danger-tertiary": "#000000",
   "bg-danger-tertiary-hover": "#FF5772",
   "bg-danger-tertiary-active": "#BD2947",
-  "bg-status-success": "#A0E9A7",
-  "bg-status-warning": "#FFDC83",
-  "bg-status-info": "#CDD1D3",
-  "bg-status-error": "#FF6E8B",
+  "bg-disabled": "#B0B4B5",
+  "bg-divider": "#ABC6D8",
+  "bg-divider-secondary": "#C7D9E5",
+  "bg-keypad-btn-active": "#E5EFFF",
+  "bg-loading-progress": "#99C0FF",
+  "bg-loading-track": "#E5EFFF",
+  "bg-segment-hover": "#CDD1D3",
+  "bg-segment-control": "#596063",
+  "bg-selected": "#0097FF",
   "bg-sidebar": "#121227",
-  "bg-sidebar-item-hover": "#FCFCFC",
-  "bg-sidebar-item-selected": "#1362E2",
   "bg-sidebar-icon": "#BCBAD5",
   "bg-sidebar-icon-hover": "#121227",
   "bg-sidebar-icon-selected": "#FCFCFC",
-  "bg-backdrop-popover": "#203645",
-  "bg-backdrop-modal": "#121227",
-  "bg-backdrop-sidebar": "#121227",
+  "bg-sidebar-item-hover": "#FCFCFC",
+  "bg-sidebar-item-selected": "#1362E2",
+  "bg-site-footer": "#33393D",
+  "bg-site-footer-action": "#ABC6D8",
+  "bg-site-footer-action-hover": "#C7D9E5",
+  "bg-site-footer-action-active": "#8FB3CB",
+  "bg-site-footer-field": "#596063",
+  "bg-slider-handle": "#FCFCFC",
+  "bg-status-error": "#FF6E8B",
+  "bg-status-info": "#CDD1D3",
+  "bg-status-success": "#A0E9A7",
+  "bg-status-warning": "#FFDC83",
+  "bg-tab": "#F0F3F7",
+  "bg-tab-hover": "#F5F7F7",
+  "bg-tab-selected": "#203645",
+  "bg-table-alt-row": "#F5F7F7",
+  "bg-table-header": "#F0F3F7",
+  "bg-table-row-hover": "#F1F8FB",
+  "bg-table-row-selected-expanded": "#E5EFFF",
+  "bg-table-selected-row": "#CCDFFF",
+  "bg-textarea-count": "#04041C",
+  "bg-tile": "#FCFCFC",
+  "bg-tile-hover": "#F5F7F7",
+  "bg-tile-selected": "#F2F7FF",
+  "bg-tile-selected-hover": "#E5EFFF",
+  "bg-toggle-switch": "#6B747D",
+  "bg-toggle-switch-hover": "#6B747D",
+  "bg-toggle-switch-selected-disabled": "#99C0FF",
+  "bg-transparent": "#000000",
   "bg-accent1-primary": "#73E6DC",
   "bg-accent1-secondary": "#C1F4EF",
   "bg-accent1-tertiary": "#E0F9F7",
@@ -4381,42 +4417,7 @@ const BackgroundColorsMappingLight = {
   "bg-accent10-primary": "#ED7A23",
   "bg-accent10-secondary": "#F19255",
   "bg-accent10-tertiary": "#F5BB94",
-  "bg-divider": "#ABC6D8",
-  "bg-divider-secondary": "#C7D9E5",
-  "bg-disabled": "#B0B4B5",
-  "bg-tab": "#F0F3F7",
-  "bg-tab-hover": "#F5F7F7",
-  "bg-tab-selected": "#203645",
-  "bg-table-header": "#F0F3F7",
-  "bg-table-alt-row": "#F5F7F7",
-  "bg-table-selected-row": "#CCDFFF",
-  "bg-site-footer": "#33393D",
-  "bg-site-footer-action": "#ABC6D8",
-  "bg-site-footer-action-hover": "#C7D9E5",
-  "bg-site-footer-action-active": "#8FB3CB",
-  "bg-site-footer-field": "#596063",
-  "bg-textarea-count": "#04041C",
-  "bg-table-row-hover": "#F1F8FB",
-  "bg-table-row-selected-expanded": "#E5EFFF",
-  "bg-app-header": "#F0F3F7",
-  "bg-selection-tile": "#FCFCFC",
-  "bg-selection-tile-hover": "#F7F7F7",
-  "bg-selection-tile-selected": "#F2F7FF",
-  "bg-selection-tile-selected-hover": "#E5EFFF",
-  "bg-loading-track": "#E5EFFF",
-  "bg-loading-progress": "#99C0FF",
-  "bg-toggle-switch": "#6B747D",
-  "bg-toggle-switch-hover": "#6B747D",
-  "bg-toggle-switch-selected-disabled": "#99C0FF",
-  "bg-segment-control": "#596063",
-  "bg-segment-hover": "#CDD1D3",
-  "bg-slider-handle": "#FCFCFC",
-  "bg-chip": "#203645",
-  "bg-chip-hover": "#203645",
-  "bg-chip-active": "#203645",
-  "bg-keypad-btn-active": "#E5EFFF",
-  "bg-action-secondary-hover": "#0470EC",
-  "bg-action-secondary-active": "#1D41C3"
+  "bg-date-picker-range": "#E5EFFF"
 };
 
 const CHART_DEFAULT_COLORS = [