@globalpayments/vega 2.25.0 → 2.27.0

package/dist/cjs/vega-date-picker_2.cjs.entry.js

@@ -7,43 +7,45 @@ const component = require('./component-73a88c4e.js');
 const date = require('./date-0a6bb035.js');
 const globalSlimmerRegistry = require('./global-slimmer-registry-b3bce7e0.js');
 const componentUsageRuntimeMetrics = require('./component-usage-runtime-metrics-1ee24991.js');
-const formFieldControllerSlimmer = require('./form-field-controller-slimmer-60346732.js');
+const formFieldControllerSlimmer = require('./form-field-controller-slimmer-ee984eb2.js');
 const ui = require('./ui-08f33116.js');
-const domNodeSubjectObserverFactory = require('./dom-node-subject-observer-factory-92271bc0.js');
+const domNodeSubjectObserverFactory = require('./dom-node-subject-observer-factory-2e41340d.js');
 const vegaEventId = require('./vega-event-id-e40ac8f0.js');
-const internalIconManager = require('./internal-icon-manager-3dd4faeb.js');
+const internalIconManager = require('./internal-icon-manager-858baff1.js');
 const array = require('./array-6e559cde.js');
 const index$1 = require('./index-5792390b.js');
 const internalVegaZIndexManager = require('./internal-vega-z-index-manager-23051df4.js');
-const staticSubjectTitle = require('./static-subject-title-41c88385.js');
+const staticSubjectTitle = require('./static-subject-title-3599787e.js');
 const changeManager = require('./change-manager-a297e4d2.js');
-const stringInputFormatterSlimmer = require('./string-input-formatter-slimmer-0ac6e18a.js');
-const elementAppenderSlimmer = require('./element-appender-slimmer-5fa9ff52.js');
+const stringInputFormatterSlimmer = require('./string-input-formatter-slimmer-fcfa5bb7.js');
+const elementAppenderSlimmer = require('./element-appender-slimmer-bf5ecbd8.js');
 const keyboardManagerSlimmer = require('./keyboard-manager-slimmer-8e2d4b5d.js');
 const componentLoadRequired = require('./component-load-required-16d76afa.js');
-const eventEmitSlimmer = require('./event-emit-slimmer-373ef08c.js');
-const childNodesEventPreventSlimmer = require('./child-nodes-event-prevent-slimmer-35bb64e4.js');
+const eventEmitSlimmer = require('./event-emit-slimmer-8f51adaa.js');
+const childNodesEventPreventSlimmer = require('./child-nodes-event-prevent-slimmer-e383a914.js');
+const translationSlimmer = require('./translation-slimmer-8ebf126d.js');
 require('./string-21427167.js');
-require('./misc-3d30df91.js');
+require('./observer-f49483e8.js');
+require('./create-public-api-runtime-metrics-slimmer-7510221b.js');
 require('./dynamic-slimmer-f31fdfd7.js');
-require('./vega-internal-event-id-ac20ea74.js');
-require('./page-resize-observer-slimmer-1e404fc7.js');
-require('./breakpoints-cb3291ba.js');
-require('./ui-077fc009.js');
+require('./vega-internal-event-id-c98e9a7d.js');
+require('./translation-77e9ccce.js');
+require('./page-resize-observer-slimmer-a8cf1874.js');
+require('./breakpoints-7e2dff90.js');
+require('./ui-32e69595.js');
 require('./mutation-observer-slimmer-895b3d3e.js');
 require('./mutation-observer-filters-79b60f28.js');
-require('./icon-manager-2c3cf5ba.js');
-require('./create-public-api-runtime-metrics-slimmer-d2d49ff5.js');
+require('./icon-manager-5a2b67cf.js');
 require('./number-459031f7.js');
-require('./type-guard-4d05d4b2.js');
+require('./type-guard-a07b353b.js');
 require('./regex-c1f70fd4.js');
 require('./typography-4560e7f1.js');
-require('./responsive-format-facade-aa849dc7.js');
+require('./responsive-format-facade-7bc51a43.js');
 require('./pixel-98f2a10c.js');
 require('./keyboard-manager-34b78600.js');
 require('./internal-vega-event-manager-627b1328.js');
 require('./vega-env-manager-23b8b23c.js');
-require('./feature-flag-controller-0e5235e1.js');
+require('./feature-flag-controller-078da332.js');
 
 /**
  * A rule that checks if date is empty or not
@@ -65,7 +67,7 @@ class DateRequiredRule {
    * Otherwise, return an object with a boolean indicating whether the input is valid and a message to display to the user
    *
    * @param {string | string[]} input - The value of the input field.
-   * @returns {EvaluateResult} An object with two properties: isValid and message.
+   * @returns {EvaluateResultTranslation} An object with two properties: isValid and message.
    */
   evaluate(input) {
     if (!this.isAcceptedInputType(input)) {
@@ -159,7 +161,7 @@ class DateRangeRule {
    * Check if the start date is before than end date
    *
    * @param {string | string[]} input - The value of the date picker.
-   * @returns  {EvaluateResult} - The result of the evaluation.
+   * @returns  {EvaluateResultTranslation} - The result of the evaluation.
    */
   evaluate(input) {
     if (!this.isAcceptedInputType(input)) {
@@ -200,15 +202,21 @@ class MinAndMaxDateRule {
      *  Evaluate if single date is within the min and max date range
      *
      * @param {string} input A single date string
-     * @returns  {EvaluateResult}An object with two properties: isValid and message.
+     * @returns  {EvaluateResultTranslation}An object with two properties: isValid and message.
      */
     this.evaluateSingleDate = (input) => {
       const singleDate = new Date(input);
       if (this.minDate && date.compareIsBefore(singleDate, this.minDate)) {
-        return this.invalidResult(`The date should be later than ${this.config.minDate}`);
+        return this.invalidResult({
+          key: 'The date should be later than {0}',
+          args: [this.config.minDate],
+        });
       }
       if (this.maxDate && date.compareIsAfter(singleDate, this.maxDate)) {
-        return this.invalidResult(`The date should be earlier than ${this.config.maxDate}`);
+        return this.invalidResult({
+          key: 'The date should be earlier than {0}',
+          args: [this.config.maxDate],
+        });
       }
       return this.validResult();
     };
@@ -216,19 +224,28 @@ class MinAndMaxDateRule {
      * Evaluate if start date or end date are within the min and max date range
      *
      * @param {string[]} input includes start date or end date
-     * @returns  {EvaluateResult}An object with two properties: isValid and message.
+     * @returns  {EvaluateResultTranslation}An object with two properties: isValid and message.
      */
     this.evaluateRangeDates = (input) => {
       const startDate = new Date(input[0]);
       const endDate = new Date(input[1]);
       if (this.minDate && date.compareIsBefore(startDate, this.minDate)) {
-        return this.invalidResult(`The start date should be later than ${this.config.minDate}`);
+        return this.invalidResult({
+          key: 'The start date should be later than {0}',
+          args: [this.config.minDate],
+        });
       }
       if (this.maxDate && date.compareIsAfter(startDate, this.maxDate)) {
-        return this.invalidResult(`The start date should be earlier than ${this.config.maxDate}`);
+        return this.invalidResult({
+          key: 'The start date should be earlier than {0}',
+          args: [this.config.maxDate],
+        });
       }
       if (endDate && this.maxDate && date.compareIsAfter(endDate, this.maxDate)) {
-        return this.invalidResult(`The end date should be earlier than ${this.config.maxDate}`);
+        return this.invalidResult({
+          key: 'The end date should be earlier than {0}',
+          args: [this.config.maxDate],
+        });
       }
       return this.validResult();
     };
@@ -236,7 +253,7 @@ class MinAndMaxDateRule {
      * Generate an invalid result
      *
      * @param {string} message Error message
-     * @returns {EvaluateResult} invalid validation result
+     * @returns {EvaluateResultTranslation} invalid validation result
      */
     this.invalidResult = (message) => ({
       isValid: false,
@@ -245,7 +262,7 @@ class MinAndMaxDateRule {
     /**
      * Generate a valid result
      *
-     * @returns {EvaluateResult} invalid validation result
+     * @returns {EvaluateResultTranslation} invalid validation result
      */
     this.validResult = () => ({
       isValid: true,
@@ -273,7 +290,7 @@ class MinAndMaxDateRule {
    * max date range
    *
    * @param {string | string[]} input - The value of the date picker.
-   * @returns  {EvaluateResult} - The result of the evaluation.
+   * @returns  {EvaluateResultTranslation} - The result of the evaluation.
    */
   evaluate(input) {
     if (!this.isAcceptedInputType(input)) {
@@ -573,11 +590,11 @@ class VegaDatePickerRangeInputRenderer extends globalSlimmerRegistry.VegaSlimmer
     };
     this.getRangePlaceholder = () => {
       if (!this.placeholder) {
-        return ['Start Date', 'End Date'];
+        return ['Start Date', 'End Date'].map((item) => this.translationSlimmer.t(item));
       }
       if (!Array.isArray(this.placeholder) || this.placeholder.length !== 2) {
         globalSlimmerRegistry.LogUtility.warn('The placeholder should be an array, including start and end placeholder');
-        return ['Start Date', 'End Date'];
+        return ['Start Date', 'End Date'].map((item) => this.translationSlimmer.t(item));
       }
       return this.placeholder;
     };
@@ -658,6 +675,9 @@ __decorate$9([
 __decorate$9([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaDatePickerRangeInputRenderer.prototype, "vegaDatePickerRenderer", void 0);
+__decorate$9([
+  globalSlimmerRegistry.MapToComponentField()
+], VegaDatePickerRangeInputRenderer.prototype, "translationSlimmer", void 0);
 __decorate$9([
   globalSlimmerRegistry.MapToComponentMethod('componentWillRender')
 ], VegaDatePickerRangeInputRenderer.prototype, "componentWillRender", null);
@@ -945,6 +965,7 @@ class VegaDatePickerCalendarRenderer extends globalSlimmerRegistry.VegaSlimmer {
   constructor() {
     super(...arguments);
     this.alterLitePickerHeader = (ui) => {
+      this.renderMonthName(ui);
       this.renderWeekdays(ui);
       this.renderPrevAndNextMonthButtons(ui);
     };
@@ -968,7 +989,7 @@ class VegaDatePickerCalendarRenderer extends globalSlimmerRegistry.VegaSlimmer {
     this.renderWeekdays = (ui) => {
       ui.querySelectorAll('.month-item-weekdays-row').forEach((row) => {
         Array.from(row.children).forEach((item) => {
-          item.innerText = item.innerText.replace(/^(Mon|Tue|Wed|Thu|Fri|Sat|Sun)$/, (match) => match[0]);
+          item.innerText = item.innerText.replace(/^(Mon|Tue|Wed|Thu|Fri|Sat|Sun)$/, (match) => this.translationSlimmer.t(`${match}-short`));
         });
       });
     };
@@ -994,7 +1015,7 @@ class VegaDatePickerCalendarRenderer extends globalSlimmerRegistry.VegaSlimmer {
       const footerContainer = document.createElement('div');
       footerContainer.className = 'footer-container';
       const clearButton = document.createElement('vega-button-link');
-      clearButton.label = 'Clear';
+      clearButton.label = this.translationSlimmer.t('Clear');
       clearButton.addEventListener('click', this.vegaDatePickerCalendarController.handleClear);
       footerContainer.append(clearButton);
       const mainContainer = ui.querySelector('.container__main');
@@ -1149,6 +1170,16 @@ class VegaDatePickerCalendarRenderer extends globalSlimmerRegistry.VegaSlimmer {
       this.initDatePicker();
     }
   }
+  /**
+   * Render date picker calendar month name
+   *
+   * @param {HTMLElement} ui - Calendar dom ref
+   */
+  renderMonthName(ui) {
+    ui.querySelectorAll('.month-item-name').forEach((item) => {
+      item.innerText = this.translationSlimmer.t(item.innerText);
+    });
+  }
   /*
    * The below method is e2e-test covered in
    * @see{module:vega-date-picker-render-ui-with-single}
@@ -1234,6 +1265,9 @@ __decorate$7([
 __decorate$7([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaDatePickerCalendarRenderer.prototype, "vegaDatePickerRangeInputRenderer", void 0);
+__decorate$7([
+  globalSlimmerRegistry.MapToComponentField()
+], VegaDatePickerCalendarRenderer.prototype, "translationSlimmer", void 0);
 __decorate$7([
   globalSlimmerRegistry.MapToComponentMethod('connectedCallback')
 ], VegaDatePickerCalendarRenderer.prototype, "connectedCallback", null);
@@ -1769,6 +1803,7 @@ const VegaDatePicker = class {
     this.vegaChange = index.createEvent(this, "vegaChange", 7);
     this.change = index.createEvent(this, "change", 7);
     this.globalSlimmers = {};
+    this.translationSlimmer = new translationSlimmer.TranslationSlimmer();
     this.vegaDatePickerMobileController = new VegaDatePickerMobileController();
     this.vegaDatePickerCalendarController = new VegaDatePickerCalendarController();
     this.vegaDatePickerZIndexController = new VegaDatePickerZIndexController();
@@ -1825,13 +1860,13 @@ const VegaDatePicker = class {
      *  - Use `single` to allow selecting a single date.
      *  - Use `range` to allow selecting a date range.
      *
-     * @version 1.3.0
+     * @vegaVersion 1.3.0
      */
     this.mode = 'single';
     /**
      * Specifies the selected date or date range in the date picker.
      *
-     * @version 1.3.0
+     * @vegaVersion 1.3.0
      */
     /* eslint-disable-next-line @stencil/strict-mutable */
     this.value = this.mode === 'range' ? ['', ''] : '';
@@ -1841,13 +1876,13 @@ const VegaDatePicker = class {
      * Specifies whether a date or range must be selected for
      *    the date picker to pass form validation.
      *
-     * @version 1.3.0
+     * @vegaVersion 1.3.0
      */
     this.required = false;
     /**
      * Specifies the validation status of the date picker component.
      *
-     * @version 1.3.0
+     * @vegaVersion 1.3.0
      */
     /* eslint-disable-next-line @stencil/strict-mutable */
     this.isValid = null;
@@ -1855,31 +1890,31 @@ const VegaDatePicker = class {
      * Determines whether automatic validation should be implemented
      *    when a date or range is selected.
      *
-     * @version 1.3.0
+     * @vegaVersion 1.3.0
      */
     this.autoValidation = true;
     /**
      * Specifies the desired date format.
      *
-     * @version 1.3.0
+     * @vegaVersion 1.3.0
      */
     this.format = 'MM/DD/YYYY';
     /**
      * Specifies the size of the date picker field.
      *
-     * @version 1.3.0
+     * @vegaVersion 1.3.0
      */
     this.size = 'default';
     /**
      * Specifies custom validation rules for the date picker field.
      *
-     * @version 1.3.0
+     * @vegaVersion 1.3.0
      */
     this.validationRules = [];
     /**
      * Specifies whether to display the clear button when the calendar is shown.
      *
-     * @version 1.3.0
+     * @vegaVersion 1.3.0
      */
     this.clearButton = false;
     /**
@@ -1888,7 +1923,7 @@ const VegaDatePicker = class {
      * If set to `true`, keyboards and touch devices will skip
      *    interacting with this element.
      *
-     * @version 1.3.0
+     * @vegaVersion 1.3.0
      */
     this.readOnly = false;
     /**
@@ -1896,20 +1931,20 @@ const VegaDatePicker = class {
      *    start date or end date of an already selected date range
      *    without completely resetting the selected range.
      *
-     * @version 1.3.0
+     * @vegaVersion 1.3.0
      */
     this.allowRepick = false;
     /**
      * Specifies the configuration for the calendar dropdown
      *    associated with the date picker.
      *
-     * @version 1.5.0
+     * @vegaVersion 1.5.0
      */
     this.dropdownConfig = {};
     /**
      * Specifies whether the date picker field is disabled.
      *
-     * @version 1.3.0
+     * @vegaVersion 1.3.0
      */
     this.disabled = false;
   }
@@ -1958,7 +1993,7 @@ const VegaDatePicker = class {
    *    associated with the date picker.
    *
    * @see{module:vega-date-picker-click-call-do-open-close}
-   * @version 1.3.0
+   * @vegaVersion 1.3.0
    */
   /* istanbul ignore next */
   async doClose() {
@@ -1968,7 +2003,7 @@ const VegaDatePicker = class {
    *    associated with the date picker.
    *
    * @see{module:vega-date-picker-click-call-do-open-close}
-   * @version 1.3.0
+   * @vegaVersion 1.3.0
    */
   /* istanbul ignore next */
   async doOpen() {
@@ -1991,6 +2026,9 @@ const VegaDatePicker = class {
 __decorate$1([
   componentUsageRuntimeMetrics.InjectVegaGlobalSlimmer()
 ], VegaDatePicker.prototype, "globalSlimmers", void 0);
+__decorate$1([
+  globalSlimmerRegistry.InjectVegaSlimmer()
+], VegaDatePicker.prototype, "translationSlimmer", void 0);
 __decorate$1([
   globalSlimmerRegistry.InjectVegaSlimmer()
 ], VegaDatePicker.prototype, "vegaDatePickerMobileController", void 0);

package/dist/cjs/{vega-dialog-controller-cb07e697.js → vega-dialog-controller-6a8525b3.js}

@@ -1,8 +1,7 @@
 'use strict';
 
-const misc = require('./misc-3d30df91.js');
+const createPublicApiRuntimeMetricsSlimmer = require('./create-public-api-runtime-metrics-slimmer-7510221b.js');
 require('./global-slimmer-registry-b3bce7e0.js');
-const createPublicApiRuntimeMetricsSlimmer = require('./create-public-api-runtime-metrics-slimmer-d2d49ff5.js');
 
 const VegaDialogRuntimeMetricsPayloadDefinition = [
   {
@@ -57,11 +56,12 @@ class VegaDialogController {
    *
    * @param {VegaDialogOption} options - VegaDialogOption
    * @returns {HTMLElement} The dialog reference.
+   * @vegaVersion 1.24.0
    */
   open(options) {
     const dialog = document.createElement('vega-dialog');
     const { isVerticallyCenter, isVerticallyCentered, showCloseButton, size, title } = options, dialogProps = __rest(options, ["isVerticallyCenter", "isVerticallyCentered", "showCloseButton", "size", "title"]);
-    dialog.id = `vega-dialog-${misc.generateUUID()}`;
+    dialog.id = `vega-dialog-${createPublicApiRuntimeMetricsSlimmer.generateUUID()}`;
     dialog.dialogTitle = title;
     dialog.modalProps = { isVerticallyCenter, isVerticallyCentered, showCloseButton, size };
     Object.keys(dialogProps).forEach((propName) => {

package/dist/cjs/vega-dialog_2.cjs.entry.js

@@ -4,33 +4,34 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-09acd3c9.js');
 const component = require('./component-73a88c4e.js');
-const breakpoints = require('./breakpoints-cb3291ba.js');
+const breakpoints = require('./breakpoints-7e2dff90.js');
 const globalSlimmerRegistry = require('./global-slimmer-registry-b3bce7e0.js');
-require('./state-background-color-formatter-33ae4282.js');
-const designToken = require('./design-token-2c2cdd7d.js');
+require('./state-background-color-formatter-418b84e6.js');
+const designToken = require('./design-token-17b8e4d8.js');
 const componentUsageRuntimeMetrics = require('./component-usage-runtime-metrics-1ee24991.js');
-const pageResizeObserverSlimmer = require('./page-resize-observer-slimmer-1e404fc7.js');
-const domNodeSubjectObserverFactory = require('./dom-node-subject-observer-factory-92271bc0.js');
+const pageResizeObserverSlimmer = require('./page-resize-observer-slimmer-a8cf1874.js');
+const domNodeSubjectObserverFactory = require('./dom-node-subject-observer-factory-2e41340d.js');
 const vegaEventId = require('./vega-event-id-e40ac8f0.js');
-const ui$1 = require('./ui-077fc009.js');
-const responsiveFormatFacade = require('./responsive-format-facade-aa849dc7.js');
+const ui$1 = require('./ui-32e69595.js');
+const responsiveFormatFacade = require('./responsive-format-facade-7bc51a43.js');
 const accessibility = require('./accessibility-bfa227f6.js');
 const ui = require('./ui-08f33116.js');
 const internalVegaZIndexManager = require('./internal-vega-z-index-manager-23051df4.js');
-const eventEmitSlimmer = require('./event-emit-slimmer-373ef08c.js');
-const childNodesEventPreventSlimmer = require('./child-nodes-event-prevent-slimmer-35bb64e4.js');
+const eventEmitSlimmer = require('./event-emit-slimmer-8f51adaa.js');
+const childNodesEventPreventSlimmer = require('./child-nodes-event-prevent-slimmer-e383a914.js');
 const componentGlobalStyleSlimmer = require('./component-global-style-slimmer-6749808c.js');
 const deprecatedPropertySlimmer = require('./deprecated-property-slimmer-fc729fd9.js');
-require('./type-guard-4d05d4b2.js');
+require('./type-guard-a07b353b.js');
 require('./regex-c1f70fd4.js');
 require('./typography-4560e7f1.js');
 require('./change-manager-a297e4d2.js');
+require('./observer-f49483e8.js');
 require('./number-459031f7.js');
 require('./pixel-98f2a10c.js');
 require('./dynamic-slimmer-f31fdfd7.js');
 require('./internal-vega-event-manager-627b1328.js');
 require('./vega-env-manager-23b8b23c.js');
-require('./feature-flag-controller-0e5235e1.js');
+require('./feature-flag-controller-078da332.js');
 require('./index-5792390b.js');
 require('./object-bbd4ed7f.js');
 
@@ -66,20 +67,20 @@ const VegaDialog = class {
      *
      * Use the value `danger` when the dialog's primary action is destructive.
      *
-     * @version 1.24.0
+     * @vegaVersion 1.24.0
      */
     this.type = 'default';
     /**
      * Determines whether the cancel button should be displayed.
      *
-     * @version 1.24.0
+     * @vegaVersion 1.24.0
      */
     this.showCancel = true;
     /**
      * Represents a dictionary that contains the configuration options
      *    for the modal component used to display the dialog.
      *
-     * @version 1.24.0
+     * @vegaVersion 1.24.0
      */
     this.modalProps = {};
     this.handleCancelBtnClick = (e) => {
@@ -256,13 +257,13 @@ const VegaModal = class {
      *    When changing this value, a page refresh is required
      *    for the changes to take effect.
      *
-     * @version 1.0.6
+     * @vegaVersion 1.0.6
      */
     this.backdrop = 'default';
     /**
      * Determines whether the modal is initially open.
      *
-     * @version 1.0.6
+     * @vegaVersion 1.0.6
      */
     /* eslint-disable-next-line @stencil/strict-mutable */
     this.open = false;
@@ -270,19 +271,19 @@ const VegaModal = class {
      * Specifies whether the modal uses an animated transition
      *    when it appears.
      *
-     * @version 1.0.11
+     * @vegaVersion 1.0.11
      */
     this.animation = false;
     /**
      * Represents the title displayed within the modal.
      *
-     * @version 1.3.0
+     * @vegaVersion 1.3.0
      */
     this.modalTitle = '';
     /**
      * Specifies the background color of the modal's backdrop.
      *
-     * @version 1.3.0
+     * @vegaVersion 1.3.0
      */
     this.backdropColor = 'default';
     /**
@@ -290,21 +291,21 @@ const VegaModal = class {
      *    on the screen.
      * @deprecated This property will be removed soon and replaced by prop isVerticallyCentered
      *
-     * @version 1.3.0
+     * @vegaVersion 1.3.0
      */
     this.isVerticallyCenter = false;
     /**
      * Determines whether the modal is vertically centered
      *    on the screen.
      *
-     * @version 2.2.0
+     * @vegaVersion 2.2.0
      */
     this.isVerticallyCentered = false;
     /**
      * Determines whether the modal displays a close button to
      *    allow hiding or closing of the modal.
      *
-     * @version 1.3.0
+     * @vegaVersion 1.3.0
      */
     this.showCloseButton = true;
     /**
@@ -312,7 +313,7 @@ const VegaModal = class {
      *
      * It can be set as a ResponsiveType or any size value.
      *
-     * @version 1.0.10
+     * @vegaVersion 1.0.10
      */
     this.padding = 'size-24';
     /**
@@ -323,7 +324,7 @@ const VegaModal = class {
      *
      * If the callback function returns `false` or does not return any value, the modal will remain open.
      *
-     * @version 1.22.0
+     * @vegaVersion 1.22.0
      */
     this.handleClose = undefined;
     /**
@@ -407,7 +408,7 @@ const VegaModal = class {
   /**
    * Invoke this method to show or hide the modal.
    *
-   * @version 1.0.6
+   * @vegaVersion 1.0.6
    */
   /* The below method is e2e-test covered in
    * @see{module:vega-modal-toggle-interactive-e2e}

package/dist/cjs/vega-divider.cjs.entry.js

@@ -6,17 +6,17 @@ const index = require('./index-09acd3c9.js');
 const component = require('./component-73a88c4e.js');
 const globalSlimmerRegistry = require('./global-slimmer-registry-b3bce7e0.js');
 const componentUsageRuntimeMetrics = require('./component-usage-runtime-metrics-1ee24991.js');
-const responsiveFormatFacade = require('./responsive-format-facade-aa849dc7.js');
-const typeGuard = require('./type-guard-4d05d4b2.js');
-const designToken = require('./design-token-2c2cdd7d.js');
-const pageResizeObserverSlimmer = require('./page-resize-observer-slimmer-1e404fc7.js');
-const breakpoints = require('./breakpoints-cb3291ba.js');
+const responsiveFormatFacade = require('./responsive-format-facade-7bc51a43.js');
+const typeGuard = require('./type-guard-a07b353b.js');
+const designToken = require('./design-token-17b8e4d8.js');
+const pageResizeObserverSlimmer = require('./page-resize-observer-slimmer-a8cf1874.js');
+const breakpoints = require('./breakpoints-7e2dff90.js');
 require('./number-459031f7.js');
-require('./ui-077fc009.js');
+require('./ui-32e69595.js');
 require('./pixel-98f2a10c.js');
 require('./regex-c1f70fd4.js');
 require('./typography-4560e7f1.js');
-require('./state-background-color-formatter-33ae4282.js');
+require('./state-background-color-formatter-418b84e6.js');
 
 var __decorate$1 = (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;
@@ -104,13 +104,13 @@ const VegaDivider = class {
      * It can be set to either horizontal or vertical,
      *    determining the orientation of the separation.
      *
-     * @version 2.10.0
+     * @vegaVersion 2.10.0
      */
     this.direction = 'horizontal';
     /**
      * Determines the rendering style for the divider.
      *
-     * @version 2.10.0
+     * @vegaVersion 2.10.0
      */
     this.variant = 'primary';
     /**
@@ -119,7 +119,7 @@ const VegaDivider = class {
      * It can be set as ResponsiveType or any sizing token
      *    for precise control over layout and appearance.
      *
-     * @version 2.10.0
+     * @vegaVersion 2.10.0
      */
     this.margin = '0';
   }