@globalpayments/vega 2.46.0 → 2.47.0

package/dist/collection/components/vega-signature-capture/vega-signature-capture.css

@@ -21,7 +21,7 @@
 .signature-capture-written-container:focus-within {
   border: 1px solid rgba(var(--v-border-input-field-focus, 19, 98, 226, 1));
   outline: 2px solid rgba(var(--v-border-color-action, 19, 98, 226, 1));
-  outline-offset: 2px;
+  outline-offset: 3px;
   border: 1px solid rgba(var(--v-border-color-input-field-focus, 19, 98, 226, 1));
 }
 .signature-capture-written-container .placeholder-container {
@@ -80,7 +80,7 @@
 }
 .signature-capture-written-container.error:focus-within {
   outline: 2px solid rgba(var(--v-border-color-danger, 230, 50, 87, 1));
-  outline-offset: 2px;
+  outline-offset: 3px;
   border: 1px solid rgba(var(--v-border-color-input-field-danger-focus, 233, 71, 104, 1));
   border: 1px solid rgba(var(--v-border-input-field-danger-focus, 233, 71, 104, 1));
 }

package/dist/collection/components/vega-stepper/vega-stepper.css

@@ -105,6 +105,6 @@
 }
 :host .vega-stepper-container.error vega-input::part(input-container):focus-within {
   outline: 2px solid rgba(var(--v-border-color-danger, 230, 50, 87, 1));
-  outline-offset: 2px;
+  outline-offset: 3px;
   border: 1px solid rgba(var(--v-border-color-input-field-danger-focus, 233, 71, 104, 1));
 }

package/dist/collection/components/vega-tab-group/vega-tab-group.css

@@ -137,7 +137,7 @@
 }
 
 .vega-tab > div > div.vega-close-icon vega-icon {
-  color: rgba(var(--v-text-inverted-secondary, 188, 186, 213, 1));
+  color: rgba(var(--v-text-input-placeholder, 176, 180, 181, 1));
 }
 
 .vega-tab.disabled {

package/dist/collection/components/vega-textarea/vega-textarea.css

@@ -257,7 +257,9 @@
 
 :host .vega-textarea-container:focus-within {
   border: 1px solid rgba(var(--v-border-input-field-focus, 19, 98, 226, 1));
-  box-shadow: 0 0 0 4px rgba(var(--v-ring-input-focus, 19, 98, 226, 0.25));
+  outline: 2px solid rgba(var(--v-border-color-action, 19, 98, 226, 1));
+  outline-offset: 3px;
+  border: 1px solid rgba(var(--v-border-color-input-field-focus, 19, 98, 226, 1));
 }
 
 :host .vega-textarea-container.error {
@@ -270,7 +272,9 @@
 
 :host .vega-textarea-container.error:focus-within {
   border: 1px solid rgba(var(--v-border-input-field-danger-focus, 233, 71, 104, 1));
-  box-shadow: 0 0 0 4px rgba(var(--v-ring-input-danger-focus, 230, 50, 87, 0.25));
+  outline: 2px solid rgba(var(--v-border-color-danger, 230, 50, 87, 1));
+  outline-offset: 3px;
+  border: 1px solid rgba(var(--v-border-color-input-field-danger-focus, 233, 71, 104, 1));
 }
 
 :host(.disabled) textarea {

package/dist/collection/components/vega-time-picker/vega-time-picker.css

@@ -81,7 +81,7 @@ vega-input::part(field-error-message) {
 
 .vega-time-picker-input-container.error:focus-within {
   outline: 2px solid rgba(var(--v-border-color-danger, 230, 50, 87, 1));
-  outline-offset: 2px;
+  outline-offset: 3px;
   border: 1px solid rgba(var(--v-border-color-input-field-danger-focus, 233, 71, 104, 1));
 }
 
@@ -137,7 +137,7 @@ vega-input::part(field-error-message) {
 .range-mode:not(.error) .time-picker-input-start vega-input::part(input-container):focus-within,
 .range-mode:not(.error) .time-picker-input-end vega-input::part(input-container):focus-within {
   outline: 2px solid rgba(var(--v-border-color-action, 19, 98, 226, 1));
-  outline-offset: 2px;
+  outline-offset: 3px;
   border: 1px solid rgba(var(--v-border-color-input-field-focus, 19, 98, 226, 1));
   margin: -1px;
 }

package/dist/collection/components/vega-toggle-switch/vega-toggle-switch.css

@@ -95,7 +95,8 @@ div.vega-container > span {
 }
 
 div.vega-container:focus-within {
-  box-shadow: 0 0 0 4px rgba(var(--v-ring-action-focus, 19, 98, 226, 0.25));
+  outline: 2px solid rgba(var(--v-border-color-action, 19, 98, 226, 1));
+  outline-offset: 2px;
 }
 
 div.vega-container-checked > span {

package/dist/collection/constants/misc.js

@@ -4,3 +4,5 @@ export const HEARTLAND_TOS_URL = 'https://www.heartland.us/terms';
 export const HEARTLAND_PRIVACY_URL = 'https://www.heartland.us/privacy-policy';
 export const HEARTLAND_GOOGLE_PRIVACY_POLICY_URL = 'https://policies.google.com/privacy';
 export const HEARTLAND_GOOGLE_TREMS_SERVICE_URL = 'https://policies.google.com/terms';
+export const GLOBALPAYMENTS_TOS_URL = 'https://www.globalpayments.com/terms-of-use';
+export const GLOBALPAYMENTS_PRIVACY_URL = 'https://www.globalpayments.com/privacy-statement';

package/dist/collection/constants/runtime-metrics-payload-definition/public-api/ThemeManager/runtime-metrics-payload-definition.js

@@ -79,4 +79,24 @@ export const ThemeManagerRuntimeMetricsPayloadDefinition = [
       return true;
     },
   },
+  {
+    payloadKey: 'IS_APPLY_BRANDING_METHOD_CALLED',
+    payloadDescription: 'Indicate if the method applyBranding of public API ThemeManager is called',
+    /**
+     * Indicate whether the method is collected when the method been called .
+     *
+     * @param {string} scope - The class name of public api
+     * @param {string} methodName - The method name called by the public api
+     * @returns {boolean} A boolean value
+     */
+    canAccept: (scope, methodName) => scope === 'ThemeManager' && methodName === 'applyBranding',
+    /**
+     * The function checks if the method is be called.
+     *
+     * @returns {boolean} A boolean value
+     */
+    payloadValue: () => {
+      return true;
+    },
+  },
 ];

package/dist/collection/constants/tokens/themes/v2-new-brand/dark-mode-border-tokens.js

@@ -0,0 +1,32 @@
+/* This file is generated by vega-design 2.0.80 */
+export const DarkModeBorderTokens = {
+  'border-secondary-btn': '28, 171, 255, 1',
+  'border-secondary-btn-hover': '76, 190, 255, 1',
+  'border-secondary-danger-btn': '255, 56, 97, 1',
+  'border-secondary-btn-active': '15, 167, 255, 1',
+  'border-secondary-danger-btn-hover': '255, 71, 123, 1',
+  'border-secondary-danger-btn-active': '230, 50, 87, 1',
+  'border-input-field': '32, 54, 69, 1',
+  'border-input-field-hover': '58, 98, 125, 1',
+  'border-input-field-focus': '28, 171, 255, 1',
+  'border-input-field-danger': '255, 56, 97, 1',
+  'border-input-field-danger-hover': '255, 71, 123, 1',
+  'border-input-field-danger-focus': '255, 56, 97, 1',
+  'border-sidebar-item-focus': '28, 171, 255, 1',
+  'border-input-field-disabled': '4, 4, 28, 1',
+  'border-success': '89, 217, 119, 1',
+  'border-secondary-btn-disabled': '70, 71, 101, 1',
+  'border-chip': '107, 116, 125, 1',
+  'border-divider': '32, 54, 69, 1',
+  'border-divider-secondary': '51, 57, 61, 1',
+  'border-tile-selected': '28, 171, 255, 1',
+  'border-tile-selected-hover': '76, 190, 255, 1',
+  'border-table-divider': '32, 54, 69, 1',
+  'border-slider-handle': '107, 116, 125, 1',
+  'border-tile': '32, 54, 69, 1',
+  'border-tile-hover': '58, 98, 125, 1',
+  'border-tile-focus': '28, 171, 255, 1',
+  'border-tile-selected-focus': '28, 171, 255, 1',
+  'border-notification-btn': '252, 252, 252, 1',
+  'border-notification-btn-black': '32, 54, 69, 1',
+};

package/dist/collection/constants/tokens/themes/v2-new-brand/dark-mode-color-tokens.js

@@ -0,0 +1,184 @@
+/* This file is generated by vega-design 2.0.80 */
+export const DarkModeColorTokens = {
+  'bg-brand': '176, 180, 181, 1',
+  'bg-page': '24, 24, 48, 1',
+  'bg-primary': '4, 4, 28, 1',
+  'bg-secondary': '18, 18, 39, 1',
+  'bg-tertiary': '24, 24, 48, 1',
+  'bg-quaternary': '70, 71, 101, 1',
+  'bg-inverted-primary': '252, 252, 252, 1',
+  'bg-inverted-secondary': '247, 247, 247, 1',
+  'bg-inverted-tertiary': '240, 243, 247, 1',
+  'bg-inverted-quaternary': '241, 248, 251, 1',
+  'bg-action': '28, 171, 255, 1',
+  'bg-action-hover': '76, 190, 255, 1',
+  'bg-action-focus': '28, 171, 255, 1',
+  'bg-action-active': '15, 167, 255, 1',
+  'bg-action-quaternary': '51, 57, 61, 1',
+  'bg-action-quaternary-hover': '89, 96, 99, 1',
+  'bg-action-quaternary-active': '24, 24, 48, 1',
+  'bg-action-secondary': '0, 0, 0, 0',
+  'bg-action-secondary-hover': '76, 190, 255, 0.2',
+  'bg-action-secondary-active': '15, 167, 255, 0.2',
+  'bg-action-tertiary': '0, 0, 0, 0',
+  'bg-action-tertiary-hover': '252, 252, 252, 0.2',
+  'bg-action-tertiary-active': '252, 252, 252, 0.1',
+  'bg-app-header': '24, 24, 48, 0.92',
+  'bg-backdrop-modal': '70, 71, 101, 0.8',
+  'bg-backdrop-popover': '70, 71, 101, 0.56',
+  'bg-backdrop-sidebar': '70, 71, 101, 0.8',
+  'bg-chip': '252, 252, 252, 0.1',
+  'bg-chip-hover': '252, 252, 252, 0.2',
+  'bg-chip-active': '252, 252, 252, 0.06',
+  'bg-danger': '255, 56, 97, 1',
+  'bg-danger-hover': '255, 71, 123, 1',
+  'bg-danger-focus': '255, 56, 97, 1',
+  'bg-danger-active': '230, 50, 87, 1',
+  'bg-danger-tertiary': '0, 0, 0, 0',
+  'bg-danger-tertiary-hover': '255, 71, 123, 0.2',
+  'bg-danger-tertiary-active': '230, 50, 87, 0.2',
+  'bg-disabled': '70, 71, 101, 1',
+  'bg-divider': '32, 54, 69, 1',
+  'bg-divider-secondary': '51, 57, 61, 1',
+  'bg-keypad-btn-active': '45, 76, 97, 1',
+  'bg-loading-progress': '4, 165, 245, 1',
+  'bg-loading-track': '142, 223, 249, 1',
+  'bg-segment-hover': '70, 71, 101, 1',
+  'bg-segment-control': '210, 208, 223, 0.1',
+  'bg-selected': '85, 218, 255, 0.3',
+  'bg-sidebar': '18, 18, 39, 1',
+  'bg-sidebar-icon': '188, 186, 213, 1',
+  'bg-sidebar-icon-hover': '18, 18, 39, 1',
+  'bg-sidebar-icon-selected': '252, 252, 252, 1',
+  'bg-sidebar-item-hover': '252, 252, 252, 1',
+  'bg-sidebar-item-selected': '0, 187, 255, 0.4',
+  'bg-site-footer': '51, 57, 61, 1',
+  'bg-site-footer-action': '171, 198, 216, 1',
+  'bg-site-footer-action-hover': '199, 217, 229, 1',
+  'bg-site-footer-action-active': '143, 179, 203, 1',
+  'bg-site-footer-field': '89, 96, 99, 1',
+  'bg-slider-handle': '252, 252, 252, 1',
+  'bg-status-error': '189, 41, 71, 1',
+  'bg-status-info': '252, 252, 252, 1',
+  'bg-status-success': '123, 242, 151, 1',
+  'bg-status-warning': '255, 212, 105, 1',
+  'bg-tab': '51, 57, 61, 1',
+  'bg-tab-hover': '89, 96, 99, 1',
+  'bg-tab-selected': '240, 243, 247, 1',
+  'bg-table-alt-row': '18, 18, 39, 1',
+  'bg-table-header': '24, 24, 48, 1',
+  'bg-table-row-hover': '70, 71, 101, 1',
+  'bg-table-row-selected-expanded': '32, 54, 69, 1',
+  'bg-table-selected-row': '45, 76, 97, 1',
+  'bg-textarea-count': '252, 252, 252, 0.5',
+  'bg-tile': '4, 4, 28, 1',
+  'bg-tile-hover': '24, 24, 48, 1',
+  'bg-tile-selected': '32, 54, 69, 1',
+  'bg-tile-selected-hover': '45, 76, 97, 1',
+  'bg-toggle-switch': '210, 208, 223, 1',
+  'bg-toggle-switch-hover': '188, 186, 213, 1',
+  'bg-toggle-switch-selected-disabled': '0, 75, 128, 1',
+  'bg-transparent': '0, 0, 0, 0',
+  'bg-accent1-primary': '109, 217, 202, 1',
+  'bg-accent1-secondary': '174, 234, 226, 1',
+  'bg-accent1-tertiary': '223, 247, 243, 1',
+  'bg-accent2-primary': '95, 56, 206, 1',
+  'bg-accent2-secondary': '184, 167, 233, 1',
+  'bg-accent2-tertiary': '219, 211, 244, 1',
+  'bg-accent3-primary': '255, 203, 105, 1',
+  'bg-accent3-secondary': '251, 226, 185, 1',
+  'bg-accent3-tertiary': '255, 243, 222, 1',
+  'bg-accent4-primary': '255, 129, 87, 1',
+  'bg-accent4-secondary': '255, 185, 162, 1',
+  'bg-accent4-tertiary': '255, 227, 218, 1',
+  'bg-accent5-primary': '4, 165, 245, 1',
+  'bg-accent5-secondary': '85, 218, 255, 1',
+  'bg-accent5-tertiary': '227, 247, 253, 1',
+  'bg-accent6-primary': '255, 84, 165, 1',
+  'bg-accent6-secondary': '255, 179, 215, 1',
+  'bg-accent6-tertiary': '255, 217, 235, 1',
+  'bg-accent7-primary': '37, 159, 159, 1',
+  'bg-accent7-secondary': '155, 212, 214, 1',
+  'bg-accent7-tertiary': '208, 239, 239, 1',
+  'bg-accent8-primary': '86, 61, 130, 1',
+  'bg-accent8-secondary': '199, 162, 204, 1',
+  'bg-accent8-tertiary': '230, 214, 234, 1',
+  'bg-accent9-primary': '255, 191, 63, 1',
+  'bg-accent9-secondary': '254, 215, 142, 1',
+  'bg-accent9-tertiary': '251, 226, 185, 1',
+  'bg-accent10-primary': '237, 122, 35, 1',
+  'bg-accent10-secondary': '241, 146, 85, 1',
+  'bg-accent10-tertiary': '245, 187, 148, 1',
+  'bg-date-picker-range': '32, 54, 69, 1',
+  'text-primary': '252, 252, 254, 0.9',
+  'text-secondary': '252, 252, 254, 0.64',
+  'text-inverted-primary': '4, 4, 28, 0.95',
+  'text-inverted-secondary': '4, 4, 28, 0.64',
+  'text-black': '4, 4, 28, 0.95',
+  'text-white': '252, 252, 254, 0.9',
+  'text-brand': '176, 180, 181, 1',
+  'text-danger-link': '255, 56, 97, 1',
+  'text-danger-link-hover': '255, 71, 123, 1',
+  'text-danger-link-active': '230, 50, 87, 1',
+  'text-danger-link-focus': '255, 82, 136, 1',
+  'text-danger-link-visited': '255, 56, 97, 1',
+  'text-disabled': '252, 252, 254, 0.38',
+  'text-error': '255, 56, 97, 1',
+  'text-input-disabled': '252, 252, 254, 0.38',
+  'text-input-placeholder': '252, 252, 254, 0.5',
+  'text-link': '28, 171, 255, 1',
+  'text-link-hover': '76, 190, 255, 1',
+  'text-link-active': '15, 167, 255, 1',
+  'text-link-focus': '28, 171, 255, 1',
+  'text-link-visited': '128, 107, 255, 1',
+  'text-on-action': '4, 4, 28, 0.95',
+  'text-on-danger': '4, 4, 28, 0.95',
+  'text-on-disabled': '4, 4, 28, 0.95',
+  'text-sidebar-link': '188, 186, 213, 1',
+  'text-sidebar-link-hover': '18, 18, 39, 1',
+  'text-sidebar-link-selected': '252, 252, 252, 1',
+  'text-site-footer-link': '171, 198, 216, 1',
+  'text-site-footer-link-hover': '199, 217, 229, 1',
+  'text-site-footer-link-active': '143, 179, 203, 1',
+  'text-success': '89, 217, 119, 1',
+  'text-inverted-success': '1, 128, 31, 1',
+  'text-accent1-primary': '109, 217, 202, 1',
+  'text-accent2-primary': '95, 56, 206, 1',
+  'text-accent3-primary': '255, 203, 105, 1',
+  'text-accent4-primary': '255, 129, 87, 1',
+  'text-accent5-primary': '4, 165, 245, 1',
+  'text-accent6-primary': '255, 71, 123, 1',
+  'text-accent7-primary': '37, 159, 159, 1',
+  'text-accent8-primary': '86, 61, 130, 1',
+  'text-accent9-primary': '255, 191, 63, 1',
+  'text-accent10-primary': '237, 122, 35, 1',
+  'border-color-action': '28, 171, 255, 1',
+  'border-color-action-hover': '76, 190, 255, 1',
+  'border-color-action-active': '15, 167, 255, 1',
+  'border-color-chip': '107, 116, 125, 1',
+  'border-color-danger': '255, 56, 97, 1',
+  'border-color-danger-hover': '255, 71, 123, 1',
+  'border-color-danger-active': '230, 50, 87, 1',
+  'border-color-divider': '32, 54, 69, 1',
+  'border-color-divider-secondary': '51, 57, 61, 1',
+  'border-color-input-field': '32, 54, 69, 1',
+  'border-color-input-field-hover': '58, 98, 125, 1',
+  'border-color-input-field-focus': '28, 171, 255, 1',
+  'border-color-input-field-danger': '255, 56, 97, 1',
+  'border-color-input-field-danger-hover': '255, 71, 123, 1',
+  'border-color-input-field-danger-focus': '255, 56, 97, 1',
+  'border-color-input-field-disabled': '4, 4, 28, 1',
+  'border-color-secondary-btn-disabled': '70, 71, 101, 1',
+  'border-color-sidebar-item-focus': '28, 171, 255, 1',
+  'border-color-slider-handle': '107, 116, 125, 1',
+  'border-color-success': '89, 217, 119, 1',
+  'border-color-table-divider': '32, 54, 69, 1',
+  'border-color-tile': '32, 54, 69, 1',
+  'border-color-tile-hover': '58, 98, 125, 1',
+  'border-color-tile-focus': '28, 171, 255, 1',
+  'border-color-tile-selected-focus': '28, 171, 255, 1',
+  'border-color-tile-selected': '28, 171, 255, 1',
+  'border-color-tile-selected-hover': '76, 190, 255, 1',
+  'border-color-notification-btn': '252, 252, 252, 1',
+  'border-color-notification-btn-dark': '32, 54, 69, 1',
+};

package/dist/collection/constants/tokens/themes/v2-new-brand/dark-mode-ring-tokens.js

@@ -0,0 +1,7 @@
+/* This file is generated by vega-design 2.0.80 */
+export const DarkModeRingTokens = {
+  'ring-input-focus': '0, 187, 255, 0.25',
+  'ring-input-danger-focus': '255, 56, 97, 0.25',
+  'ring-action-focus': '0, 187, 255, 0.25',
+  'ring-action-danger-focus': '255, 56, 97, 0.25',
+};

package/dist/collection/constants/tokens/themes/v2-new-brand/dark-mode-shadow-tokens.js

@@ -0,0 +1,12 @@
+/* This file is generated by vega-design 2.0.80 */
+export const DarkModeShadowTokens = {
+  'shadow-card': '0px 2px 10px 0px rgba(0, 0, 0, 0.18), 0px 2px 4px 0px rgba(0, 0, 0, 0.1)',
+  'shadow-modal': '0px 6px 40px 0px rgba(2, 2, 15, 0.14), 0px 4px 24px 0px rgba(2, 2, 15, 0.28), 0px 8px 80px 0px rgba(2, 2, 15, 0.26)',
+  'shadow-popover': '0px 0px 88px 0px rgba(2, 2, 15, 0.08), 0px 0px 32px 0px rgba(2, 2, 15, 0.1), 0px 4px 72px 0px rgba(2, 2, 15, 0.16)',
+  'shadow-form-field': '0px 1px 2px 0px rgba(170, 170, 170, 0.06), 0px 1px 3px 0px rgba(170, 170, 170, 0.1)',
+  'shadow-dropdown-menu': '0px 2px 4px -2px rgba(0, 0, 0, 0.14), 0px 4px 6px -1px rgba(0, 0, 0, 0.16)',
+  'shadow-app-header': '0px 1px 0px 0px rgba(188, 186, 213, 0.25)',
+  'shadow-modal-header': '0px 1px 0px 0px rgba(188, 186, 213, 0.25)',
+  'shadow-modal-footer': '0px -2px 8px 0px rgba(188, 186, 213, 0.4), 0px -1px 0px 0px rgba(188, 186, 213, 0.25)',
+  'shadow-modal-footer-no-scroll': '0px -1px 0px 0px rgba(188, 186, 213, 0.25)',
+};

package/dist/collection/constants/tokens/themes/v2-new-brand/light-mode-border-tokens.js

@@ -0,0 +1,32 @@
+/* This file is generated by vega-design 2.0.80 */
+export const LightModeBorderTokens = {
+  'border-secondary-btn': '38, 42, 255, 1',
+  'border-secondary-btn-hover': '61, 64, 255, 1',
+  'border-secondary-danger-btn': '230, 50, 87, 1',
+  'border-secondary-btn-active': '23, 26, 232, 1',
+  'border-secondary-danger-btn-hover': '255, 87, 114, 1',
+  'border-secondary-danger-btn-active': '189, 41, 71, 1',
+  'border-input-field': '171, 198, 216, 1',
+  'border-input-field-hover': '115, 160, 190, 1',
+  'border-input-field-focus': '38, 42, 255, 1',
+  'border-input-field-danger': '230, 50, 87, 1',
+  'border-input-field-danger-hover': '255, 87, 114, 1',
+  'border-input-field-danger-focus': '233, 71, 104, 1',
+  'border-sidebar-item-focus': '38, 42, 255, 1',
+  'border-input-field-disabled': '222, 225, 227, 1',
+  'border-success': '1, 128, 31, 1',
+  'border-secondary-btn-disabled': '176, 180, 181, 1',
+  'border-chip': '205, 209, 211, 1',
+  'border-divider': '171, 198, 216, 1',
+  'border-divider-secondary': '199, 217, 229, 1',
+  'border-tile-selected': '38, 42, 255, 1',
+  'border-tile-selected-hover': '61, 64, 255, 1',
+  'border-table-divider': '171, 198, 216, 1',
+  'border-slider-handle': '199, 217, 229, 1',
+  'border-tile': '171, 198, 216, 1',
+  'border-tile-hover': '115, 160, 190, 1',
+  'border-tile-focus': '38, 42, 255, 1',
+  'border-tile-selected-focus': '38, 42, 255, 1',
+  'border-notification-btn': '32, 54, 69, 1',
+  'border-notification-btn-black': '32, 54, 69, 1',
+};

package/dist/collection/constants/tokens/themes/v2-new-brand/light-mode-color-tokens.js

@@ -0,0 +1,184 @@
+/* This file is generated by vega-design 2.0.80 */
+export const LightModeColorTokens = {
+  'bg-brand': '51, 57, 61, 1',
+  'bg-page': '240, 243, 247, 1',
+  'bg-primary': '252, 252, 252, 1',
+  'bg-secondary': '245, 247, 247, 1',
+  'bg-tertiary': '240, 243, 247, 1',
+  'bg-quaternary': '241, 248, 251, 1',
+  'bg-inverted-primary': '4, 4, 28, 1',
+  'bg-inverted-secondary': '18, 18, 39, 1',
+  'bg-inverted-tertiary': '24, 24, 48, 1',
+  'bg-inverted-quaternary': '70, 71, 101, 1',
+  'bg-action': '38, 42, 255, 1',
+  'bg-action-hover': '61, 64, 255, 1',
+  'bg-action-focus': '38, 42, 255, 1',
+  'bg-action-active': '23, 26, 232, 1',
+  'bg-action-quaternary': '222, 225, 227, 1',
+  'bg-action-quaternary-hover': '239, 239, 239, 1',
+  'bg-action-quaternary-active': '205, 209, 211, 1',
+  'bg-action-secondary': '252, 252, 252, 1',
+  'bg-action-secondary-hover': '235, 235, 255, 1',
+  'bg-action-secondary-active': '219, 220, 255, 1',
+  'bg-action-tertiary': '0, 0, 0, 0',
+  'bg-action-tertiary-hover': '4, 4, 28, 0.05',
+  'bg-action-tertiary-active': '4, 4, 28, 0.1',
+  'bg-app-header': '240, 243, 247, 0.88',
+  'bg-backdrop-modal': '18, 18, 39, 0.85',
+  'bg-backdrop-popover': '32, 54, 69, 0.16',
+  'bg-backdrop-sidebar': '18, 18, 39, 0.85',
+  'bg-chip': '32, 54, 69, 0.06',
+  'bg-chip-hover': '32, 54, 69, 0.12',
+  'bg-chip-active': '32, 54, 69, 0.2',
+  'bg-danger': '189, 41, 71, 1',
+  'bg-danger-hover': '233, 71, 104, 1',
+  'bg-danger-focus': '189, 41, 71, 1',
+  'bg-danger-active': '230, 50, 87, 1',
+  'bg-danger-tertiary': '0, 0, 0, 0',
+  'bg-danger-tertiary-hover': '255, 87, 114, 0.2',
+  'bg-danger-tertiary-active': '189, 41, 71, 0.2',
+  'bg-disabled': '176, 180, 181, 1',
+  'bg-divider': '171, 198, 216, 1',
+  'bg-divider-secondary': '199, 217, 229, 1',
+  'bg-keypad-btn-active': '229, 239, 255, 1',
+  'bg-loading-progress': '153, 192, 255, 1',
+  'bg-loading-track': '229, 239, 255, 1',
+  'bg-segment-hover': '205, 209, 211, 1',
+  'bg-segment-control': '89, 96, 99, 0.1',
+  'bg-selected': '0, 151, 255, 0.3',
+  'bg-sidebar': '18, 18, 39, 1',
+  'bg-sidebar-icon': '188, 186, 213, 1',
+  'bg-sidebar-icon-hover': '18, 18, 39, 1',
+  'bg-sidebar-icon-selected': '252, 252, 252, 1',
+  'bg-sidebar-item-hover': '252, 252, 252, 1',
+  'bg-sidebar-item-selected': '19, 98, 226, 0.4',
+  'bg-site-footer': '51, 57, 61, 1',
+  'bg-site-footer-action': '171, 198, 216, 1',
+  'bg-site-footer-action-hover': '199, 217, 229, 1',
+  'bg-site-footer-action-active': '143, 179, 203, 1',
+  'bg-site-footer-field': '89, 96, 99, 1',
+  'bg-slider-handle': '252, 252, 252, 1',
+  'bg-status-error': '255, 110, 139, 1',
+  'bg-status-info': '205, 209, 211, 1',
+  'bg-status-success': '160, 233, 167, 1',
+  'bg-status-warning': '255, 220, 131, 1',
+  'bg-tab': '240, 243, 247, 1',
+  'bg-tab-hover': '245, 247, 247, 1',
+  'bg-tab-selected': '32, 54, 69, 1',
+  'bg-table-alt-row': '245, 247, 247, 1',
+  'bg-table-header': '240, 243, 247, 1',
+  'bg-table-row-hover': '241, 248, 251, 1',
+  'bg-table-row-selected-expanded': '229, 239, 255, 1',
+  'bg-table-selected-row': '204, 223, 255, 1',
+  'bg-textarea-count': '4, 4, 28, 0.6',
+  'bg-tile': '252, 252, 252, 1',
+  'bg-tile-hover': '245, 247, 247, 1',
+  'bg-tile-selected': '242, 247, 255, 1',
+  'bg-tile-selected-hover': '229, 239, 255, 1',
+  'bg-toggle-switch': '107, 116, 125, 0.7',
+  'bg-toggle-switch-hover': '107, 116, 125, 1',
+  'bg-toggle-switch-selected-disabled': '153, 192, 255, 1',
+  'bg-transparent': '0, 0, 0, 0',
+  'bg-accent1-primary': '115, 230, 220, 1',
+  'bg-accent1-secondary': '193, 244, 239, 1',
+  'bg-accent1-tertiary': '224, 249, 247, 1',
+  'bg-accent2-primary': '128, 107, 255, 1',
+  'bg-accent2-secondary': '199, 189, 255, 1',
+  'bg-accent2-tertiary': '227, 222, 255, 1',
+  'bg-accent3-primary': '255, 220, 131, 1',
+  'bg-accent3-secondary': '255, 239, 200, 1',
+  'bg-accent3-tertiary': '255, 247, 227, 1',
+  'bg-accent4-primary': '255, 149, 113, 1',
+  'bg-accent4-secondary': '255, 208, 192, 1',
+  'bg-accent4-tertiary': '255, 231, 223, 1',
+  'bg-accent5-primary': '0, 187, 255, 1',
+  'bg-accent5-secondary': '142, 223, 249, 1',
+  'bg-accent5-tertiary': '227, 247, 253, 1',
+  'bg-accent6-primary': '255, 130, 201, 1',
+  'bg-accent6-secondary': '255, 199, 231, 1',
+  'bg-accent6-tertiary': '255, 227, 243, 1',
+  'bg-accent7-primary': '37, 159, 159, 1',
+  'bg-accent7-secondary': '155, 212, 214, 1',
+  'bg-accent7-tertiary': '208, 239, 239, 1',
+  'bg-accent8-primary': '86, 61, 130, 1',
+  'bg-accent8-secondary': '199, 162, 204, 1',
+  'bg-accent8-tertiary': '230, 214, 234, 1',
+  'bg-accent9-primary': '255, 191, 63, 1',
+  'bg-accent9-secondary': '254, 215, 142, 1',
+  'bg-accent9-tertiary': '251, 226, 185, 1',
+  'bg-accent10-primary': '237, 122, 35, 1',
+  'bg-accent10-secondary': '241, 146, 85, 1',
+  'bg-accent10-tertiary': '245, 187, 148, 1',
+  'bg-date-picker-range': '229, 239, 255, 1',
+  'text-primary': '4, 4, 28, 0.95',
+  'text-secondary': '4, 4, 28, 0.64',
+  'text-inverted-primary': '252, 252, 254, 0.9',
+  'text-inverted-secondary': '252, 252, 254, 0.64',
+  'text-black': '4, 4, 28, 0.95',
+  'text-white': '252, 252, 254, 0.9',
+  'text-brand': '51, 57, 61, 1',
+  'text-danger-link': '230, 50, 87, 1',
+  'text-danger-link-hover': '233, 71, 104, 1',
+  'text-danger-link-active': '189, 41, 71, 1',
+  'text-danger-link-focus': '240, 52, 91, 1',
+  'text-danger-link-visited': '230, 50, 87, 1',
+  'text-disabled': '4, 4, 28, 0.35',
+  'text-error': '189, 41, 71, 1',
+  'text-input-disabled': '4, 4, 28, 0.35',
+  'text-input-placeholder': '4, 4, 28, 0.58',
+  'text-link': '38, 42, 255, 1',
+  'text-link-hover': '61, 64, 255, 1',
+  'text-link-active': '23, 26, 232, 1',
+  'text-link-focus': '38, 42, 255, 1',
+  'text-link-visited': '95, 56, 206, 1',
+  'text-on-action': '252, 252, 254, 0.9',
+  'text-on-danger': '252, 252, 254, 0.9',
+  'text-on-disabled': '252, 252, 254, 0.9',
+  'text-sidebar-link': '188, 186, 213, 1',
+  'text-sidebar-link-hover': '18, 18, 39, 1',
+  'text-sidebar-link-selected': '252, 252, 252, 1',
+  'text-site-footer-link': '171, 198, 216, 1',
+  'text-site-footer-link-hover': '199, 217, 229, 1',
+  'text-site-footer-link-active': '143, 179, 203, 1',
+  'text-success': '1, 128, 31, 1',
+  'text-inverted-success': '89, 217, 119, 1',
+  'text-accent1-primary': '115, 230, 220, 1',
+  'text-accent2-primary': '128, 107, 255, 1',
+  'text-accent3-primary': '255, 220, 131, 1',
+  'text-accent4-primary': '255, 149, 113, 1',
+  'text-accent5-primary': '0, 187, 255, 1',
+  'text-accent6-primary': '240, 52, 91, 1',
+  'text-accent7-primary': '37, 159, 159, 1',
+  'text-accent8-primary': '86, 61, 130, 1',
+  'text-accent9-primary': '255, 191, 63, 1',
+  'text-accent10-primary': '237, 122, 35, 1',
+  'border-color-action': '38, 42, 255, 1',
+  'border-color-action-hover': '61, 64, 255, 1',
+  'border-color-action-active': '23, 26, 232, 1',
+  'border-color-chip': '205, 209, 211, 1',
+  'border-color-danger': '230, 50, 87, 1',
+  'border-color-danger-hover': '255, 87, 114, 1',
+  'border-color-danger-active': '189, 41, 71, 1',
+  'border-color-divider': '171, 198, 216, 1',
+  'border-color-divider-secondary': '199, 217, 229, 1',
+  'border-color-input-field': '171, 198, 216, 1',
+  'border-color-input-field-hover': '115, 160, 190, 1',
+  'border-color-input-field-focus': '38, 42, 255, 1',
+  'border-color-input-field-danger': '230, 50, 87, 1',
+  'border-color-input-field-danger-hover': '255, 87, 114, 1',
+  'border-color-input-field-danger-focus': '233, 71, 104, 1',
+  'border-color-input-field-disabled': '222, 225, 227, 1',
+  'border-color-secondary-btn-disabled': '176, 180, 181, 1',
+  'border-color-sidebar-item-focus': '38, 42, 255, 1',
+  'border-color-slider-handle': '199, 217, 229, 1',
+  'border-color-success': '1, 128, 31, 1',
+  'border-color-table-divider': '171, 198, 216, 1',
+  'border-color-tile': '171, 198, 216, 1',
+  'border-color-tile-hover': '115, 160, 190, 1',
+  'border-color-tile-focus': '38, 42, 255, 1',
+  'border-color-tile-selected-focus': '38, 42, 255, 1',
+  'border-color-tile-selected': '38, 42, 255, 1',
+  'border-color-tile-selected-hover': '61, 64, 255, 1',
+  'border-color-notification-btn': '32, 54, 69, 1',
+  'border-color-notification-btn-dark': '32, 54, 69, 1',
+};

package/dist/collection/constants/tokens/themes/v2-new-brand/light-mode-shadow-tokens.js

@@ -0,0 +1,12 @@
+/* This file is generated by vega-design 2.0.80 */
+export const LightModeShadowTokens = {
+  'shadow-card': '0px 2px 8px 0px rgba(0, 0, 0, 0.04), 0px 2px 4px 0px rgba(0, 0, 0, 0.02)',
+  'shadow-modal': '0px 6px 40px 0px rgba(2, 2, 15, 0.04), 0px 4px 24px 0px rgba(2, 2, 15, 0.08), 0px 8px 80px 0px rgba(2, 2, 15, 0.16)',
+  'shadow-popover': '0px 0px 88px 0px rgba(2, 2, 15, 0.01), 0px 0px 32px 0px rgba(2, 2, 15, 0.02), 0px 4px 72px 0px rgba(2, 2, 15, 0.06)',
+  'shadow-form-field': '0px 1px 2px 0px rgba(0, 0, 0, 0.06), 0px 1px 2px 0px rgba(0, 0, 0, 0.1)',
+  'shadow-dropdown-menu': '0px 2px 4px -2px rgba(0, 0, 0, 0.1), 0px 4px 6px -1px rgba(0, 0, 0, 0.1)',
+  'shadow-app-header': '0px 1px 0px 0px rgba(45, 76, 97, 0.15)',
+  'shadow-modal-header': '0px 1px 0px 0px rgba(45, 76, 97, 0.15)',
+  'shadow-modal-footer': '0px -2px 8px 0px rgba(45, 76, 97, 0.2), 0px -1px 0px 0px rgba(45, 76, 97, 0.15)',
+  'shadow-modal-footer-no-scroll': '0px -1px 0px 0px rgba(45, 76, 97, 0.15)',
+};

package/dist/collection/global/scripts/before-vega-load.js

@@ -41,6 +41,7 @@ export default function () {
   injectVegaTranslationIntoGlobal();
   injectVegaRichTextEditorClassIntoGlobal();
   injectVegaPublicValidationRules();
+  applyBrandingFromClientGlobal();
 }
 /**
  * Disable feature flags from the client global defined lists.
@@ -183,3 +184,11 @@ function injectVegaPublicValidationRules() {
     });
   });
 }
+/**
+ * Switch the Vega theme to a new brand theme from the client global defined options.
+ */
+function applyBrandingFromClientGlobal() {
+  if (globalThis['VegaThemeManagerApplyBranding']) {
+    VegaThemeManager.applyBranding(globalThis['VegaThemeManagerApplyBranding']);
+  }
+}

package/dist/collection/global/tests/before-vega-load.test.js

@@ -19,6 +19,7 @@ jest.mock('../../helpers/feature-control/feature-flags-map', () => {
   };
 });
 import { FeatureFlag } from '../../helpers/feature-control/feature-flag-controller';
+import { VegaThemeManager } from '../../helpers/theme/theme-manager';
 import BeforeVegaLoad from '../scripts/before-vega-load';
 const NOT_DEFAULT_DISABLED = 'NOT_DEFAULT_DISABLED';
 const DEFAULLT_DISABLED = 'DEFAULLT_DISABLED';
@@ -35,6 +36,12 @@ describe('beforeVegaLoad unit test', () => {
     BeforeVegaLoad();
     expect(FeatureFlag.isEnabled(NOT_DEFAULT_DISABLED)).toBeFalsy();
   });
+  it('applyBrandingFromClientGlobal() should be invoked without any issue', () => {
+    globalThis['VegaThemeManagerApplyBranding'] = 'gp';
+    jest.spyOn(VegaThemeManager, 'applyBranding');
+    BeforeVegaLoad();
+    expect(VegaThemeManager.applyBranding).toHaveBeenCalledWith('gp');
+  });
   it('should inject Vega typography in page head', () => {
     BeforeVegaLoad();
     expect(TypographyUrls).toEqual({

package/dist/collection/helpers/change-manager/subject/static-subject/static-subject-title.js

@@ -27,3 +27,4 @@ export const UPDATE_TRANSLATION = new StaticSubject('UPDATE_TRANSLATION');
 export const DARK_MODE_CHANGE = new StaticSubject('DARK_MODE_CHANGE');
 export const SHADOW_ROOT_ELEMENT_SCROLLING = new StaticSubject('SHADOW_ROOT_ELEMENT_SCROLLING');
 export const FLAG_ICON_LOADED = new StaticSubject('FLAG_ICON_LOADED');
+export const GP_NEW_BRAND_CHANGE = new StaticSubject('GP_NEW_BRAND_CHANGE');