@heartlandone/vega 2.100.0 → 2.102.0

package/dist/collection/components/vega-table/vega-table-head-row/vega-table-head-row.css

@@ -93,19 +93,28 @@ th:last-of-type {
   border-top-right-radius: 0px;
   border-bottom-right-radius: 0px;
 }
-:host tr.is-pinned-row th {
+:host tr.is-pinned-row th.pinned-left,
+:host tr.is-pinned-row th.pinned-right {
   position: sticky;
   z-index: 1;
 }
-:host tr.is-pinned-row th:first-of-type {
+:host tr.is-pinned-row th.pinned-left.pinned-left:first-of-type,
+:host tr.is-pinned-row th.pinned-right.pinned-left:first-of-type {
   left: 0px;
 }
-:host tr.is-pinned-row th.vega-table-selection-column {
-  left: 8px;
+:host tr.is-pinned-row th.pinned-left.vega-table-draggable-column.pinned-left,
+:host tr.is-pinned-row th.pinned-right.vega-table-draggable-column.pinned-left {
+  left: var(--row-left-padding, 8px);
 }
-:host tr.is-pinned-row th.vega-table-expand-action-column {
-  right: 8px;
+:host tr.is-pinned-row th.pinned-left.vega-table-selection-column.pinned-left,
+:host tr.is-pinned-row th.pinned-right.vega-table-selection-column.pinned-left {
+  left: calc(var(--row-left-padding, 8px) + var(--row-draggable-width, 0px));
 }
-:host tr.is-pinned-row th:last-of-type {
+:host tr.is-pinned-row th.pinned-left.vega-table-expand-action-column.pinned-right,
+:host tr.is-pinned-row th.pinned-right.vega-table-expand-action-column.pinned-right {
+  right: var(--row-right-padding, 8px);
+}
+:host tr.is-pinned-row th.pinned-left.pinned-right:last-of-type,
+:host tr.is-pinned-row th.pinned-right.pinned-right:last-of-type {
   right: 0px;
 }

package/dist/collection/components/vega-table/vega-table-head-row/vega-table-head-row.js

@@ -17,20 +17,20 @@ import { getCurrentBreakpoint } from '../../../utils/breakpoints';
 import { PageResizeObserverSlimmer } from '../../../helpers/slimmers/page-resize-observer-slimmer';
 import { VegaComponentUsageRuntimeMetricsSlimmer } from '../../../helpers/slimmers/component-usage-runtime-metrics';
 import { VegaTableChildRenderInputConsumerSlimmer } from '../../../helpers/slimmers/vega-table-child-render-input-consumer-slimmer';
-import { VegaInternalColumnHeadRowRenderInputRIC } from '../../../helpers/event-manager/event-id/vega-internal-event-id';
+import { VegaInternalRowRenderInputRIC } from '../../../helpers/event-manager/event-id/vega-internal-event-id';
 /**
  * @vegaVersion 1.44.0
  */
 export class VegaTableHeadRow {
   constructor() {
-    this.globalSlimmers = {};
+    this.globalSlimmers = new Map();
     this.vegaTableHeadRowStateController = new VegaTableHeadRowStateController();
     this.vegaTableHeadRowRenderer = new VegaTableHeadRowRenderer();
     this.vegaTableHeadRowController = new VegaTableHeadRowController();
     this.headCellEventPrevent = new ChildNodesEventPreventSlimmer([VegaClick], () => this.host, undefined, true);
     this.pageResizeObserverSlimmer = new PageResizeObserverSlimmer();
     this.vegaComponentUsageRuntimeMetricsSlimmer = new VegaComponentUsageRuntimeMetricsSlimmer();
-    this.vegaTableRenderInputConsumerSlimmer = new VegaTableChildRenderInputConsumerSlimmer(VegaInternalColumnHeadRowRenderInputRIC);
+    this.vegaTableRenderInputConsumerSlimmer = new VegaTableChildRenderInputConsumerSlimmer(VegaInternalRowRenderInputRIC);
     this.currentBreakpoint = getCurrentBreakpoint();
     /**
      * Indicates whether the table has an expandable row.
@@ -38,10 +38,17 @@ export class VegaTableHeadRow {
     this.hasExpandableRow = false;
   }
   render() {
+    var _a, _b, _c, _d, _e;
     slotPlaceholder(h("slot", null));
     return sanitizeVegaComponent(h(Host, { class: {
         'column-divider': this.columnDivider,
         [`density-${ResponsiveFormatFacade.formatCustom(this.density)}`]: true,
+      }, style: {
+        '--row-left-padding': `${(_b = (_a = this.renderInput) === null || _a === void 0 ? void 0 : _a.leftPaddingPx) !== null && _b !== void 0 ? _b : 0}px`,
+        '--row-right-padding': `${(_d = (_c = this.renderInput) === null || _c === void 0 ? void 0 : _c.rightPaddingPx) !== null && _d !== void 0 ? _d : 0}px`,
+        '--row-draggable-width': ((_e = this.renderInput) === null || _e === void 0 ? void 0 : _e.showDraggableCell) && !this.renderInput.isStartHidden
+          ? '16px'
+          : '0px',
       } }, this.vegaTableHeadRowRenderer.render()), this.host);
   }
   static get is() { return "vega-table-head-row"; }

package/dist/collection/components/vega-table/vega-table-row/slimmers/renderers/vega-table-row-renderer.js

@@ -19,14 +19,22 @@ export class VegaTableRowRenderer extends VegaSlimmer {
   constructor() {
     super(...arguments);
     this.renderDragIcon = () => {
-      return (this.draggable && (h("td", { class: "vega-table-draggable-column" },
+      const renderInput = this.renderInput;
+      return ((renderInput === null || renderInput === void 0 ? void 0 : renderInput.showDraggableCell) && (h("td", { class: {
+          'vega-table-draggable-column': true,
+          'pinned-left': renderInput.hasLeftPinnedColumn,
+        } },
         h("vega-flex", { alignItems: "center" },
           h("vega-icon", { icon: VegaInternalIconManager.getIconKey('grip-dots-vertical'), color: "text-link" })))));
     };
     this.renderRowSelection = () => {
-      if (this.selectionType !== 'multiple')
+      const renderInput = this.renderInput;
+      if (!(renderInput === null || renderInput === void 0 ? void 0 : renderInput.showSelectionCell))
         return;
-      return (h("td", { class: "vega-table-selection-column" },
+      return (h("td", { class: {
+          'vega-table-selection-column': true,
+          'pinned-left': renderInput.hasLeftPinnedColumn,
+        } },
         h("div", { class: "vega-table-checkbox-wrapper" },
           h("vega-checkbox", { size: "small", checked: this.checked, 
             /* eslint-disable-next-line react/jsx-no-bind */
@@ -37,7 +45,11 @@ export class VegaTableRowRenderer extends VegaSlimmer {
             } }))));
     };
     this.renderExpandIcon = () => {
-      return ((this.expandable || this.hasExpandableRow) && (h("td", { class: "vega-table-expand-action-column" },
+      const renderInput = this.renderInput;
+      return ((renderInput === null || renderInput === void 0 ? void 0 : renderInput.showExpandActionCell) && (h("td", { class: {
+          'vega-table-expand-action-column': true,
+          'pinned-right': renderInput.hasRightPinnedColumn,
+        } },
         h("div", { class: "vega-table-expand-icon-wrapper" }, this.expandable && (h("vega-icon", { icon: VegaInternalIconManager.getIconKey('chevron-down'), color: "text-link", onClick: this.onExpandIconClick }))))));
     };
     this.onRowClick = () => {
@@ -73,11 +85,17 @@ export class VegaTableRowRenderer extends VegaSlimmer {
   connectedCallback() {
     this.setParentTableRef();
   }
+  componentDidRender() {
+    var _a, _b;
+    const draggableCell = (_a = this.host.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('.vega-table-draggable-column');
+    this.host.style.setProperty('--row-draggable-width', `${(_b = draggableCell === null || draggableCell === void 0 ? void 0 : draggableCell.getBoundingClientRect().width) !== null && _b !== void 0 ? _b : 0}px`);
+  }
   getParentTableRef() {
     return this.parentTableRef;
   }
   render() {
     var _a, _b;
+    const renderInput = this.renderInput;
     return (h(Fragment, null,
       this.renderExpandRowSpace(this.rowKey),
       h("tr", { class: {
@@ -89,12 +107,12 @@ export class VegaTableRowRenderer extends VegaSlimmer {
         }, 
         /* eslint-disable-next-line react/jsx-no-bind */
         onClick: this.clickable ? this.onRowClick : null },
-        h("td", { style: { width: (_a = this.paddingX) === null || _a === void 0 ? void 0 : _a[0] } }),
+        h("td", { class: { 'pinned-left': renderInput === null || renderInput === void 0 ? void 0 : renderInput.hasLeftPinnedColumn }, style: { width: (_a = this.paddingX) === null || _a === void 0 ? void 0 : _a[0] } }),
         this.renderDragIcon(),
         this.renderRowSelection(),
         h("slot", null),
         this.renderExpandIcon(),
-        h("td", { style: { width: (_b = this.paddingX) === null || _b === void 0 ? void 0 : _b[1] } }))));
+        h("td", { class: { 'pinned-right': renderInput === null || renderInput === void 0 ? void 0 : renderInput.hasRightPinnedColumn }, style: { width: (_b = this.paddingX) === null || _b === void 0 ? void 0 : _b[1] } }))));
   }
   renderExpandRowSpace(rowKey) {
     return (this.expandable && (h("tr", { key: `vega-table-expand-row-space-${rowKey}`, class: "expand-row-space" })));
@@ -133,18 +151,12 @@ __decorate([
 __decorate([
   MapToComponentField()
 ], VegaTableRowRenderer.prototype, "expandable", void 0);
-__decorate([
-  MapToComponentField()
-], VegaTableRowRenderer.prototype, "hasExpandableRow", void 0);
 __decorate([
   MapToComponentField()
 ], VegaTableRowRenderer.prototype, "vegaClick", void 0);
 __decorate([
   MapToComponentField()
-], VegaTableRowRenderer.prototype, "selectionType", void 0);
-__decorate([
-  MapToComponentField()
-], VegaTableRowRenderer.prototype, "draggable", void 0);
+], VegaTableRowRenderer.prototype, "renderInput", void 0);
 __decorate([
   MapToComponentField()
 ], VegaTableRowRenderer.prototype, "vegaTableRowSelectionController", void 0);
@@ -160,3 +172,6 @@ __decorate([
 __decorate([
   MapToComponentMethod('connectedCallback')
 ], VegaTableRowRenderer.prototype, "connectedCallback", null);
+__decorate([
+  MapToComponentMethod('componentDidRender')
+], VegaTableRowRenderer.prototype, "componentDidRender", null);

package/dist/collection/components/vega-table/vega-table-row/vega-table-row.css

@@ -25,6 +25,32 @@ td:last-of-type {
   border-bottom-right-radius: 12px;
 }
 
+td.pinned-left,
+td.pinned-right {
+  position: sticky;
+  z-index: 1;
+}
+
+td.pinned-left:first-of-type {
+  left: 0;
+}
+
+td.vega-table-draggable-column.pinned-left {
+  left: var(--row-left-padding, 0px);
+}
+
+td.vega-table-selection-column.pinned-left {
+  left: calc(var(--row-left-padding, 0px) + var(--row-draggable-width, 0px));
+}
+
+td.vega-table-expand-action-column.pinned-right {
+  right: var(--row-right-padding, 0px);
+}
+
+td.pinned-right:last-of-type {
+  right: 0;
+}
+
 :host(.striped) .vega-table-row:not(.checked):not(.clickable:hover) td {
   background-color: rgba(var(--v-bg-secondary, 245, 247, 247, 1));
 }

package/dist/collection/components/vega-table/vega-table-row/vega-table-row.js

@@ -20,17 +20,20 @@ import { getCurrentBreakpoint } from '../../../utils/breakpoints';
 import { PageResizeObserverSlimmer } from '../../../helpers/slimmers/page-resize-observer-slimmer';
 import { VegaComponentUsageRuntimeMetricsSlimmer } from '../../../helpers/slimmers/component-usage-runtime-metrics';
 import { createSubStateNotifySlimmer } from '../../../helpers/slimmers/sub-state/sub-state-notify-slimmer';
+import { VegaTableChildRenderInputConsumerSlimmer } from '../../../helpers/slimmers/vega-table-child-render-input-consumer-slimmer';
+import { VegaInternalRowRenderInputRIC } from '../../../helpers/event-manager/event-id/vega-internal-event-id';
 /**
  * @vegaVersion 1.44.0
  */
 export class VegaTableRow {
   constructor() {
-    this.globalSlimmers = {};
+    this.globalSlimmers = new Map();
     this.vegaTableRowRenderer = new VegaTableRowRenderer();
     this.vegaTableRowSelectionController = new VegaTableRowSelectionController();
     this.vegaTableRowExpandController = new VegaTableRowExpandController();
     this.vegaTableRowClickController = new VegaTableRowClickController();
     this.vegaTableRowStateController = new VegaTableRowStateController();
+    this.vegaTableRenderInputConsumerSlimmer = new VegaTableChildRenderInputConsumerSlimmer(VegaInternalRowRenderInputRIC);
     this.clickEventEmitter = createEventEmitSlimmer(VegaTableRow, VegaClick);
     this.expandEventEmitter = createEventEmitSlimmer(VegaTableRow, VegaExpand);
     this.checkboxValueChangeEventPrevent = new ChildNodesEventPreventSlimmer([VegaClick], () => this.host, undefined, true);
@@ -66,12 +69,16 @@ export class VegaTableRow {
     methodPlaceholder();
   }
   render() {
+    var _a, _b, _c, _d;
     slotPlaceholder(h("slot", null));
     return sanitizeVegaComponent(h(Host, { class: {
         'row-divider': this.rowDivider,
         'column-divider': this.columnDivider,
         'striped': this.striped,
         [`density-${ResponsiveFormatFacade.formatCustom(this.density)}`]: true,
+      }, style: {
+        '--row-left-padding': `${(_b = (_a = this.renderInput) === null || _a === void 0 ? void 0 : _a.leftPaddingPx) !== null && _b !== void 0 ? _b : 0}px`,
+        '--row-right-padding': `${(_d = (_c = this.renderInput) === null || _c === void 0 ? void 0 : _c.rightPaddingPx) !== null && _d !== void 0 ? _d : 0}px`,
       } }, this.vegaTableRowRenderer.render()), this.host);
   }
   static get is() { return "vega-table-row"; }
@@ -146,6 +153,7 @@ export class VegaTableRow {
   }; }
   static get states() { return {
     "currentBreakpoint": {},
+    "renderInput": {},
     "clicked": {},
     "hasExpandableRow": {},
     "expandable": {},
@@ -293,6 +301,9 @@ __decorate([
 __decorate([
   InjectVegaSlimmer()
 ], VegaTableRow.prototype, "vegaTableRowStateController", void 0);
+__decorate([
+  InjectVegaSlimmer()
+], VegaTableRow.prototype, "vegaTableRenderInputConsumerSlimmer", void 0);
 __decorate([
   InjectVegaSlimmer()
 ], VegaTableRow.prototype, "clickEventEmitter", void 0);

package/dist/collection/components/vega-table/vega-table.js

@@ -46,7 +46,7 @@ import { VegaTableHeadTemplateStructureController } from './slimmers/controllers
  */
 export class VegaTable {
   constructor() {
-    this.globalSlimmers = {};
+    this.globalSlimmers = new Map();
     this.translationSlimmer = new TranslationSlimmer();
     this.vegaTableRenderModeController = new VegaTableRenderModeController();
     this.vegaTableHeadTemplateStructureController = new VegaTableHeadTemplateStructureController();

package/dist/collection/components/vega-text/vega-text.js

@@ -17,7 +17,7 @@ import { VegaComponentUsageRuntimeMetricsSlimmer } from '../../helpers/slimmers/
  */
 export class VegaText {
   constructor() {
-    this.globalSlimmers = {};
+    this.globalSlimmers = new Map();
     this.tooltipRenderer = new VegaTextTooltipRenderer();
     this.vegaComponentUsageRuntimeMetricsSlimmer = new VegaComponentUsageRuntimeMetricsSlimmer();
     /**

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

@@ -26,7 +26,7 @@ import { DomNodeSubjectObserverFactory } from '../../helpers/change-manager/subj
  */
 export class VegaTextarea {
   constructor() {
-    this.globalSlimmers = {};
+    this.globalSlimmers = new Map();
     this.formFieldController = new FormFieldControllerSlimmer({
       propertyRules: [
         {

package/dist/collection/components/vega-time-picker/vega-time-picker-dropdown/vega-time-picker-dropdown.js

@@ -13,7 +13,7 @@ import { VegaComponentUsageRuntimeMetricsSlimmer } from '../../../helpers/slimme
  */
 export class VegaTimePickerDropdown {
   constructor() {
-    this.globalSlimmers = {};
+    this.globalSlimmers = new Map();
     this.vegaComponentUsageRuntimeMetricsSlimmer = new VegaComponentUsageRuntimeMetricsSlimmer();
   }
   render() {

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

@@ -39,7 +39,7 @@ import { TranslationSlimmer } from '../../helpers/slimmers/translation';
  */
 export class VegaTimePicker {
   constructor() {
-    this.globalSlimmers = {};
+    this.globalSlimmers = new Map();
     this.translationSlimmer = new TranslationSlimmer();
     this.labelRenderer = new VegaTimePickerLabelRenderer();
     this.singleInputRenderer = new VegaTimePickerSingleInputRenderer();

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

@@ -22,7 +22,7 @@ import ChangeManager from '../../helpers/change-manager/change-manager';
  */
 export class VegaToggleSwitch {
   constructor() {
-    this.globalSlimmers = {};
+    this.globalSlimmers = new Map();
     this.vegaComponentUsageRuntimeMetricsSlimmer = new VegaComponentUsageRuntimeMetricsSlimmer();
     this.formFieldController = new FormFieldControllerSlimmer({
       propertyRules: [

package/dist/collection/components/vega-tooltip/vega-tooltip-content-box/vega-tooltip-content-box.js

@@ -13,7 +13,7 @@ import { VegaComponentUsageRuntimeMetricsSlimmer } from '../../../helpers/slimme
  */
 export class VegaTooltipContentBox {
   constructor() {
-    this.globalSlimmers = {};
+    this.globalSlimmers = new Map();
     this.vegaComponentUsageRuntimeMetricsSlimmer = new VegaComponentUsageRuntimeMetricsSlimmer();
   }
   render() {

package/dist/collection/components/vega-tooltip/vega-tooltip.js

@@ -20,7 +20,7 @@ import { VegaTooltipRuntimeMetricsPayloadDefinition } from '../../constants/runt
  */
 export class VegaTooltip {
   constructor() {
-    this.globalSlimmers = {};
+    this.globalSlimmers = new Map();
     this.vegaTooltipElementAppenderController = new VegaTooltipElementAppenderController();
     this.vegaTooltipContentBoxRenderer = new VegaTooltipContentBoxRenderer();
     /**

package/dist/collection/components/vega-virtual-scroll/vega-virtual-scroll.js

@@ -23,7 +23,7 @@ import { VegaComponentUsageRuntimeMetricsSlimmer } from '../../helpers/slimmers/
  */
 export class VegaVirtualScroll {
   constructor() {
-    this.globalSlimmers = {};
+    this.globalSlimmers = new Map();
     this.modeController = new VegaVirtualScrollModeController();
     this.positionController = new VegaVirtualScrollPositionController();
     this.scrollableController = new VegaVirtualScrollScrollableController();

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

@@ -1,4 +1,4 @@
-/* This file is generated by vega-design 2.0.80 */
+/* This file is generated by vega-design 2.0.81 */
 export const DarkModeBorderTokens = {
   'border-secondary-btn': '28, 171, 255, 1',
   'border-secondary-btn-hover': '76, 190, 255, 1',

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

@@ -1,4 +1,4 @@
-/* This file is generated by vega-design 2.0.80 */
+/* This file is generated by vega-design 2.0.81 */
 export const DarkModeColorTokens = {
   'bg-brand': '176, 180, 181, 1',
   'bg-page': '24, 24, 48, 1',
@@ -17,10 +17,10 @@ export const DarkModeColorTokens = {
   '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': '0, 0, 0, 0.001',
   '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': '0, 0, 0, 0.001',
   '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',
@@ -30,13 +30,13 @@ export const DarkModeColorTokens = {
   '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-danger': '255, 76, 97, 1',
+  'bg-danger-hover': '255, 102, 120, 1',
+  'bg-danger-focus': '255, 76, 97, 1',
+  'bg-danger-active': '255, 76, 97, 1',
+  'bg-danger-tertiary': '0, 0, 0, 0.001',
+  'bg-danger-tertiary-hover': '255, 102, 120, 0.2',
+  'bg-danger-tertiary-active': '255, 76, 97, 0.15',
   'bg-disabled': '70, 71, 101, 1',
   'bg-divider': '32, 54, 69, 1',
   'bg-divider-secondary': '51, 57, 61, 1',
@@ -78,7 +78,7 @@ export const DarkModeColorTokens = {
   '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-transparent': '0, 0, 0, 0.001',
   'bg-accent1-primary': '109, 217, 202, 1',
   'bg-accent1-secondary': '174, 234, 226, 1',
   'bg-accent1-tertiary': '223, 247, 243, 1',
@@ -117,13 +117,13 @@ export const DarkModeColorTokens = {
   '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-danger-link': '255, 76, 97, 1',
+  'text-danger-link-hover': '255, 102, 120, 1',
+  'text-danger-link-active': '255, 76, 97, 1',
+  'text-danger-link-focus': '255, 76, 97, 1',
+  'text-danger-link-visited': '255, 76, 97, 1',
   'text-disabled': '252, 252, 254, 0.38',
-  'text-error': '255, 56, 97, 1',
+  'text-error': '255, 76, 97, 1',
   'text-input-disabled': '252, 252, 254, 0.38',
   'text-input-placeholder': '252, 252, 254, 0.5',
   'text-link': '28, 171, 255, 1',
@@ -156,9 +156,9 @@ export const DarkModeColorTokens = {
   '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-danger': '255, 76, 97, 1',
+  'border-color-danger-hover': '255, 102, 120, 1',
+  'border-color-danger-active': '255, 76, 97, 1',
   'border-color-divider': '32, 54, 69, 1',
   'border-color-divider-secondary': '51, 57, 61, 1',
   'border-color-input-field': '32, 54, 69, 1',

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

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

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

@@ -1,4 +1,4 @@
-/* This file is generated by vega-design 2.0.80 */
+/* This file is generated by vega-design 2.0.81 */
 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)',

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

@@ -1,4 +1,4 @@
-/* This file is generated by vega-design 2.0.80 */
+/* This file is generated by vega-design 2.0.81 */
 export const LightModeBorderTokens = {
   'border-secondary-btn': '38, 42, 255, 1',
   'border-secondary-btn-hover': '61, 64, 255, 1',

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

@@ -1,4 +1,4 @@
-/* This file is generated by vega-design 2.0.80 */
+/* This file is generated by vega-design 2.0.81 */
 export const LightModeColorTokens = {
   'bg-brand': '51, 57, 61, 1',
   'bg-page': '240, 243, 247, 1',
@@ -20,7 +20,7 @@ export const LightModeColorTokens = {
   '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': '0, 0, 0, 0.001',
   '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',
@@ -30,13 +30,13 @@ export const LightModeColorTokens = {
   '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-danger': '145, 8, 24, 1',
+  'bg-danger-hover': '170, 9, 28, 1',
+  'bg-danger-focus': '145, 8, 24, 1',
+  'bg-danger-active': '109, 6, 18, 1',
+  'bg-danger-tertiary': '0, 0, 0, 0.001',
+  'bg-danger-tertiary-hover': '255, 235, 237, 1',
+  'bg-danger-tertiary-active': '255, 219, 223, 1',
   'bg-disabled': '176, 180, 181, 1',
   'bg-divider': '171, 198, 216, 1',
   'bg-divider-secondary': '199, 217, 229, 1',
@@ -78,7 +78,7 @@ export const LightModeColorTokens = {
   '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-transparent': '0, 0, 0, 0.001',
   'bg-accent1-primary': '115, 230, 220, 1',
   'bg-accent1-secondary': '193, 244, 239, 1',
   'bg-accent1-tertiary': '224, 249, 247, 1',
@@ -117,13 +117,13 @@ export const LightModeColorTokens = {
   '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-danger-link': '145, 8, 24, 1',
+  'text-danger-link-hover': '170, 9, 28, 1',
+  'text-danger-link-active': '109, 6, 18, 1',
+  'text-danger-link-focus': '145, 8, 24, 1',
+  'text-danger-link-visited': '145, 8, 24, 1',
   'text-disabled': '4, 4, 28, 0.35',
-  'text-error': '189, 41, 71, 1',
+  'text-error': '145, 8, 24, 1',
   'text-input-disabled': '4, 4, 28, 0.35',
   'text-input-placeholder': '4, 4, 28, 0.58',
   'text-link': '38, 42, 255, 1',
@@ -156,9 +156,9 @@ export const LightModeColorTokens = {
   '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-danger': '145, 8, 24, 1',
+  'border-color-danger-hover': '170, 9, 28, 1',
+  'border-color-danger-active': '109, 6, 18, 1',
   'border-color-divider': '171, 198, 216, 1',
   'border-color-divider-secondary': '199, 217, 229, 1',
   'border-color-input-field': '171, 198, 216, 1',

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

@@ -1,4 +1,4 @@
-/* This file is generated by vega-design 2.0.80 */
+/* This file is generated by vega-design 2.0.81 */
 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)',

package/dist/collection/constants/ui.js

@@ -80,6 +80,7 @@ export const VegaNativeEventName = [
   'dropdownSearch',
   'actionClick',
   'eventClick',
+  'eventPreview',
   'dateDblClick',
   'dateClick',
   'countryChange',
@@ -109,6 +110,7 @@ export const VegaNativeEventName = [
   'todayClick',
   'additionalLinkClick',
   'dropdownSelectAllClick',
+  'eventDelete',
 ];
 // eslint-disable-next-line @typescript-eslint/typedef
 export const CssStates = ['default', 'hover', 'active', 'focus-visible'];

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

@@ -27,6 +27,7 @@ import { VegaRTEFunctionExtension } from '../../components/vega-rich-text-editor
 import { VegaRTETableExtension } from '../../components/vega-rich-text-editor/extensions/table/table-extension';
 import { VegaRTEHorizontalLineExtension } from '../../components/vega-rich-text-editor/extensions/horizontal-line/horizontal-line-extension';
 import { VegaRTEBlockquoteExtension } from '../../components/vega-rich-text-editor/extensions/blockquote/blockquote-extension';
+import { VegaRTEBookmarkExtension } from '../../components/vega-rich-text-editor/extensions/bookmark/bookmark-extension';
 import { VegaRTESpecialCharactersExtension } from '../../components/vega-rich-text-editor/extensions/special-characters/special-characters-extension';
 import { VegaRTEFindReplaceExtension } from '../../components/vega-rich-text-editor/extensions/find-replace/find-replace-extension';
 import { VegaRTESpecialCharactersEssentials, VegaRTESpecialCharactersLatin, VegaRTESpecialCharactersMathematical, VegaRTESpecialCharactersArrows, VegaRTESpecialCharactersCurrency, VegaRTESpecialCharactersText, } from '../../components/vega-rich-text-editor/extensions/special-characters/constants/default-categories';
@@ -34,6 +35,7 @@ import { VegaRTELineHeightExtension } from '../../components/vega-rich-text-edit
 import { VegaRTEDefaultLineHeightOptions } from '../../components/vega-rich-text-editor/extensions/line-height/constants';
 import { VegaRTELinkExtension } from '../../components/vega-rich-text-editor/extensions/link/link-extension';
 import { VegaCalendarPeriodFactory } from '../../helpers/calendar';
+import { COUNTRIES as VegaCountryNames } from '../../components/vega-input-phone-number/assets/countries';
 import { VegaRTEFullscreenExtension } from '../../components/vega-rich-text-editor/extensions/fullscreen/fullscreen-extension';
 import { VegaRTECopyExtension } from '../../components/vega-rich-text-editor/extensions/copy/copy-extension';
 import { VegaRTECutExtension } from '../../components/vega-rich-text-editor/extensions/cut/cut-extension';
@@ -68,6 +70,7 @@ export default function () {
   injectSetNonceIntoGlobal();
   patchHeadInsertBeforeWithNonce();
   injectVegaCalendarPeriodFactoryIntoGlobal();
+  injectVegaCountryNamesIntoGlobal();
 }
 /**
  * Disable feature flags from the client global defined lists.
@@ -217,6 +220,7 @@ function injectVegaRichTextEditorClassIntoGlobal() {
   globalThis.VegaRTETableExtension = VegaRTETableExtension;
   globalThis.VegaRTEHorizontalLineExtension = VegaRTEHorizontalLineExtension;
   globalThis.VegaRTEBlockquoteExtension = VegaRTEBlockquoteExtension;
+  globalThis.VegaRTEBookmarkExtension = VegaRTEBookmarkExtension;
   globalThis.VegaRTESpecialCharactersExtension = VegaRTESpecialCharactersExtension;
   globalThis.VegaRTEFindReplaceExtension = VegaRTEFindReplaceExtension;
   globalThis.VegaRTESpecialCharactersEssentials = VegaRTESpecialCharactersEssentials;
@@ -240,6 +244,12 @@ function injectVegaRichTextEditorClassIntoGlobal() {
 function injectVegaCalendarPeriodFactoryIntoGlobal() {
   globalThis.VegaCalendarPeriodFactory = VegaCalendarPeriodFactory;
 }
+/**
+ * Inject VegaCountryNames to global as a public api.
+ */
+function injectVegaCountryNamesIntoGlobal() {
+  globalThis.VegaCountryNames = VegaCountryNames;
+}
 /**
  * Inject VegaPublicValidationRules to global as a public api
  */