dimsum-e2e-tests 3.25.0-next.3 → 3.25.0-next.5

package/CHANGELOG.md

@@ -3,6 +3,14 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [3.25.0-next.5](https://git.elliemae.io/platform-ui/dimsum/compare/v3.25.0-next.4...v3.25.0-next.5) (2023-12-01)
+
+**Note:** Version bump only for package dimsum-e2e-tests
+
+## [3.25.0-next.4](https://git.elliemae.io/platform-ui/dimsum/compare/v3.25.0-next.3...v3.25.0-next.4) (2023-11-29)
+
+**Note:** Version bump only for package dimsum-e2e-tests
+
 ## [3.25.0-next.3](https://git.elliemae.io/platform-ui/dimsum/compare/v3.25.0-next.2...v3.25.0-next.3) (2023-11-28)
 
 **Note:** Version bump only for package dimsum-e2e-tests

package/ds-circular-indeterminate-indicator/DSCircularIndicator.func.spec.js

@@ -1,3 +1,4 @@
+import { Key } from 'webdriverio';
 import DSCircularIndicatorCO from './DSCircularIndicatorCO';
 import { mouseOver } from '../helpers';
 
@@ -14,4 +15,18 @@ if (!browser.capabilities['ice:options'].isPhone && !browser.capabilities['ice:o
       await expect(tooltip).toBeDisplayed();
     });
   });
+
+  describe('PUI-11972 - Circular Indeterminate Indicator - Backdropp prevent interactive background -Func', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSCircularIndicatorCO.fullScreenURL.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+    it('should NOT focus interactive elements on the background', async () => {
+      const tooltipWrapper = await DSCircularIndicatorCO.getCircularIndicator(0);
+      await tooltipWrapper.waitForDisplayed();
+      await browser.keys(Key.Tab);
+      const skipToButton = await DSCircularIndicatorCO.getSkipToButton();
+      await expect(skipToButton).not.toBeFocused();
+    });
+  });
 }

package/ds-circular-indeterminate-indicator/DSCircularIndicatorCO.js

@@ -13,6 +13,10 @@ export default class DSSquareIndicator extends PageObject {
     return PageObject.getSnapshotPathBuilder('CircularIndeterminateIndicator', example, 'ds-circularindicator');
   }
 
+  static async getSkipToButton() {
+    return $(`[id="ds-sb-main"] button`);
+  }
+
   static async getCircularIndicator() {
     return $('[data-testid="ds-circular-indeterminate-indicator-root"]');
   }

package/ds-comments-card/DSComments.axe-core.func.spec.js

@@ -5,8 +5,7 @@ if (
   (!browser.capabilities['ice:options'].isPhone && browser.capabilities.browserName === 'chrome') ||
   browser.capabilities.browserName === 'Chrome'
 ) {
-  describe.skip('PUI-10808 - DSCommentsCard, Basic -AxeCore test', () => {
-    // unskip after PUI-11706 is fixed
+  describe('PUI-10808 - DSCommentsCard, Basic -AxeCore test', () => {
     before('loading page', async () => {
       const errorOnGo = await DSCommentsCO.basicURL.go();
       if (errorOnGo) throw errorOnGo;

package/ds-controlled-form/ds-controlled-date-time-picker/date-input/DateInput.keyboard-nav.func.spec.js

@@ -80,10 +80,6 @@ if (!browser.capabilities['ice:options'].isPhone && !browser.capabilities['ice:o
       await expect(pickerBtn).toBeFocused();
     });
     it('05: should complete with current date - Ctrl + ;', async () => {
-      const currentDate = new Date();
-      const currentMonth = String(currentDate.getMonth() + 1).padStart(2, '0');
-      const currentDay = String(currentDate.getDate()).padStart(2, '0');
-      const currentYear = String(currentDate.getFullYear());
       const month = await DateTimePickerCO.getMonthInput('date-full-clearable');
       const day = await DateTimePickerCO.getDayInput('date-full-clearable');
       const year = await DateTimePickerCO.getYearInput('date-full-clearable');
@@ -91,6 +87,10 @@ if (!browser.capabilities['ice:options'].isPhone && !browser.capabilities['ice:o
 
       await month.click();
       await browser.keys([Key.Control, ';']);
+      const currentDate = new Date();
+      const currentMonth = String(currentDate.getMonth() + 1).padStart(2, '0');
+      const currentDay = String(currentDate.getDate()).padStart(2, '0');
+      const currentYear = String(currentDate.getFullYear());
       await expect(month).toHaveValueContaining(currentMonth);
       await expect(day).toHaveValueContaining(currentDay);
       await expect(year).toHaveValueContaining(currentYear);

package/ds-controlled-form/ds-controlled-radio/DSControlledRadio.func.spec.js

@@ -1,7 +1,8 @@
+import { Key } from 'webdriverio';
 import DSControlledRadioCO from './DSControlledRadioCO';
 
 if (!browser.capabilities['ice:options'].isPhone && !browser.capabilities['ice:options'].isTablet) {
-  describe('PUI-11697 - DSControlledRadio - Visual Test - Basic styles', () => {
+  describe('PUI-11697 - DSControlledRadio - Basic selection  -Func.', () => {
     before('loading page', async () => {
       const errorOnGo = await DSControlledRadioCO.formLayoutBlockItem.go();
       if (errorOnGo) throw errorOnGo;
@@ -19,4 +20,45 @@ if (!browser.capabilities['ice:options'].isPhone && !browser.capabilities['ice:o
       await expect(await DSControlledRadioCO.isChecked(radio)).toBe(true);
     });
   });
+
+  describe('PUI-11976 - DSControlledRadio - Basic keyboard selection  -Func.', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSControlledRadioCO.formLayoutBlockItem.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+    it('01: should have bottom radio selected by default', async () => {
+      const radioTop = await DSControlledRadioCO.getRadioByIndex(0);
+      const radioBottom = await DSControlledRadioCO.getRadioByIndex(1);
+      await browser.keys(Key.Tab);
+      await expect(await DSControlledRadioCO.isChecked(radioTop)).toBe(false);
+      await expect(await DSControlledRadioCO.isChecked(radioBottom)).toBe(true);
+    });
+    // Safari has specific behavior agains focus trap in this scenario
+    it('02: should move the pseudo focus and selection to upper radio using the focus trap', async () => {
+      const radioTop = await DSControlledRadioCO.getRadioByIndex(0);
+      const radioBottom = await DSControlledRadioCO.getRadioByIndex(1);
+      if (browser.capabilities.browserName !== 'Safari') {
+        await browser.keys(Key.ArrowDown);
+      } else {
+        await browser.keys(Key.ArrowUp);
+      }
+      await expect(await DSControlledRadioCO.isChecked(radioTop)).toBe(true);
+      await expect(await DSControlledRadioCO.isChecked(radioBottom)).toBe(false);
+    });
+
+    it('03: should use arrowDown to move pseudo focus and selection to bottom radio', async () => {
+      const radioTop = await DSControlledRadioCO.getRadioByIndex(0);
+      const radioBottom = await DSControlledRadioCO.getRadioByIndex(1);
+      await browser.keys(Key.ArrowDown);
+      await expect(await DSControlledRadioCO.isChecked(radioTop)).toBe(false);
+      await expect(await DSControlledRadioCO.isChecked(radioBottom)).toBe(true);
+    });
+    it('04: should use arrowUp to move pseudo focus and selection to top radio', async () => {
+      const radioTop = await DSControlledRadioCO.getRadioByIndex(0);
+      const radioBottom = await DSControlledRadioCO.getRadioByIndex(1);
+      await browser.keys(Key.ArrowUp);
+      await expect(await DSControlledRadioCO.isChecked(radioTop)).toBe(true);
+      await expect(await DSControlledRadioCO.isChecked(radioBottom)).toBe(false);
+    });
+  });
 }

package/ds-controlled-form/ds-input-text/DSInputText.visual.spec.js

@@ -124,4 +124,25 @@ if (!browser.capabilities['ice:options'].isPhone && !browser.capabilities['ice:o
       await expect(snapshot).toEqual(0);
     });
   });
+
+  describe('PUI-11984 - DSControlledInputText - HasError -Visual', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSInputTextCO.hasError.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+    it('should display errored input uninteracted and with hover (no hover style)', async () => {
+      await browser.eyesOpen();
+      const input1 = await DSInputTextCO.getInputTextByIndex(0);
+      await mouseOver(input1);
+      const snapshot = await browser.eyesCheckSnapshot(DSInputTextCO.snapshotPath('input-haserror-default'));
+      await expect(snapshot).toEqual(0);
+    });
+    it('should display errored input focused (style overriden)', async () => {
+      await browser.eyesOpen();
+      const input1 = await DSInputTextCO.getInputTextByIndex(0);
+      await input1.click();
+      const snapshot = await browser.eyesCheckSnapshot(DSInputTextCO.snapshotPath('input-haserror-focused'));
+      await expect(snapshot).toEqual(0);
+    });
+  });
 }

package/ds-controlled-form/ds-input-text/DSInputTextCO.js

@@ -15,6 +15,8 @@ export default class DSLargeInputCO extends PageObject {
 
   static basicURL = new Urlbuilder(PATH_E2E_CONTROLLEDINPUT, 'basic-E-2-e');
 
+  static hasError = new Urlbuilder(PATH_E2E_CONTROLLEDINPUT, 'has-error-test');
+
   static autocompleteURL = new Urlbuilder(PATH_E2E_CONTROLLEDINPUT, 'with-autocomplete');
 
   static async getAutocompleteMenuList() {

package/ds-data-table-async/DSDataTableCO.js

@@ -163,6 +163,8 @@ export default class DataTableCO extends PageObject {
 
   static requiredColumnsMulti = new Urlbuilder(PATH_E2E_DATATABLE, 'required-columns-multi');
 
+  static configurableAriaLabelTest = new Urlbuilder(PATH_E2E_DATATABLE, 'configurable-aria-label-test');
+
   // SELECTORS
 
   static getTable = async () => $('[data-testid="data-table-table"]');

package/ds-data-table-async/basic/DSDataTable.global-attributes.func.spec.js

@@ -0,0 +1,33 @@
+/* eslint-disable wdio/no-pause */
+/* eslint-disable max-len */
+/* eslint-disable prettier/prettier */
+import DSDataTableCO from '../DSDataTableCO';
+import { FilterBarCO, RowCO } from '../components';
+
+if (!browser.capabilities['ice:options'].isPhone && !browser.capabilities['ice:options'].isTablet) {
+  describe('PUI-9986 - DataTable, filterbar button aria-label', async () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSDataTableCO.filteredColumnWithControlledFilterbar.go();
+      if (errorOnGo) throw errorOnGo;
+      await DSDataTableCO.waitForDataTable();
+    });
+    it('01: aria-label should be present', async () => {
+      const filterbarButton = await FilterBarCO.getFilterBarDropdownMenuButton();
+      await expect(filterbarButton).toHaveAttribute('aria-label', 'Filter bar addon');
+    });
+  });
+  describe('PUI-12019 - DataTable, configurable aria-label in the row', async () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSDataTableCO.configurableAriaLabelTest.go();
+      if (errorOnGo) throw errorOnGo;
+      await DSDataTableCO.waitForDataTable();
+    });
+    it('01: custom aria-label should be present in the row', async () => {
+      const firstRow = await RowCO.getRowFocuseableByIndex(0);
+      await expect(firstRow).toHaveAttribute(
+        'aria-label',
+        'This is a custom aria-label for the row with id 0 with index 0',
+      );
+    });
+  });
+}

package/ds-data-table-async/basic/DSDataTable.usecases.func.spec.js

@@ -274,17 +274,6 @@ if (!browser.capabilities['ice:options'].isPhone && !browser.capabilities['ice:o
       await expect(tooltipCount).toBe(1);
     });
   });
-  describe('PUI-9986 - DataTable, filterbar button aria-label', async () => {
-    before('loading page', async () => {
-      const errorOnGo = await DSDataTableCO.filteredColumnWithControlledFilterbar.go();
-      if (errorOnGo) throw errorOnGo;
-      await DSDataTableCO.waitForDataTable();
-    });
-    it('01: aria-label should be present', async () => {
-      const filterbarButton = await FilterBarCO.getFilterBarDropdownMenuButton();
-      await expect(filterbarButton).toHaveAttribute('aria-label', 'Filter bar addon');
-    });
-  });
 
   describe('PUI-10204 - DataTable:: SkipTo', () => {
     before('loading page', async () => {

package/ds-data-table-async/components/PaginationNavCO.js

@@ -27,5 +27,5 @@ export default class PaginationNavCO extends PageObject {
 
   static getSegPagSpans = async () => (await this.getPagesMenu()).$$(' div > span');
 
-  static getSegPagContent = async () => $$('button div [data-testid="ds-typography-element"]')[1];
+  static getSegPagContent = async () => $$('[data-testid="ds-pagination-paginator"] > div > span')[1];
 }

package/ds-data-table-async/filters/DSDataTable.filteredMultipleTables.visual.spec.js

@@ -5,17 +5,30 @@ import { FiltersCO } from '../components';
 if (!browser.capabilities['ice:options'].isPhone && !browser.capabilities['ice:options'].isTablet) {
   describe('PUI-7370 - DataTable, filtered multiple tables - Visual Test', () => {
     before('loading page', async () => {
-      const errorOnGo = await DSDataTableCO.filteredMultipleTables.go();
+      const errorOnGo = await DSDataTableCO.filterableTablesE2e.go();
       if (errorOnGo) throw errorOnGo;
       await DSDataTableCO.waitForDataTable();
     });
-    it('should display the date picker correctly', async () => {
+    it('01: should display the date picker correctly of first table', async () => {
       await FiltersCO.openFilterPopperByColumnName('single date', 0);
       await DSDataTableCO.type('1');
       await browser.keys(Key.Tab);
       await DSDataTableCO.type('10');
       await DSDataTableCO.type('2020');
-      const snapshot = await browser.checkSnapshot(DSDataTableCO.snapshotPath('multiple-tables-single-date-opened'));
+      const snapshot = await browser.checkSnapshot(
+        DSDataTableCO.snapshotPath('multiple-tables-single-date-opened-first-table'),
+      );
+      await expect(snapshot).toEqual(0);
+    });
+    it('02: should display the date picker correctly of last table', async () => {
+      await FiltersCO.openFilterPopperByColumnName('single date', 3);
+      await DSDataTableCO.type('1');
+      await browser.keys(Key.Tab);
+      await DSDataTableCO.type('10');
+      await DSDataTableCO.type('2020');
+      const snapshot = await browser.checkSnapshot(
+        DSDataTableCO.snapshotPath('multiple-tables-single-date-opened-last-table'),
+      );
       await expect(snapshot).toEqual(0);
     });
   });

package/ds-dropdownmenu-v2/basic/DSDDMenuV2.basic.func.spec.js

@@ -12,13 +12,13 @@ if (!browser.capabilities['ice:options'].isPhone && !browser.capabilities['ice:o
       const ddMenuTrigger = await DSDDMenuV2CO.getDropDownTrigger();
       await ddMenuTrigger.click();
       const optionsPresent = (await DSDDMenuV2CO.getOptions()).length;
-      await expect(optionsPresent).toEqual(6);
+      await expect(optionsPresent).toEqual(9);
     });
     it('02: should open also a submenu and have 5 more options', async () => {
       const submenuIcon = await DSDDMenuV2CO.getSubmenuIconByIndex(0);
       await submenuIcon.click();
       const optionsPresent = (await DSDDMenuV2CO.getOptions()).length;
-      await expect(optionsPresent).toEqual(11);
+      await expect(optionsPresent).toEqual(16);
     });
   });
   describe('PUI-11827 - DropdownMenuV2 - onOptionClick - mouse functional test', () => {
@@ -30,56 +30,56 @@ if (!browser.capabilities['ice:options'].isPhone && !browser.capabilities['ice:o
       const ddMenuTrigger = await DSDDMenuV2CO.getDropDownTrigger();
       await ddMenuTrigger.click();
       // option label: Standard
-      const firstOption = await DSDDMenuV2CO.getOptionByIndex(0);
+      const firstOption = await DSDDMenuV2CO.getOptionByIndex(1);
       await firstOption.click();
       const counterValue = await DSDDMenuV2CO.getCounterValue();
       await expect(counterValue).toHaveTextContaining('Clicks: 1');
     });
     it('02: should increase the counter by clicking option type single', async () => {
       // option label: View names are sentence case
-      const secondOption = await DSDDMenuV2CO.getOptionByIndex(1);
+      const secondOption = await DSDDMenuV2CO.getOptionByIndex(2);
       await secondOption.click();
       const counterValue = await DSDDMenuV2CO.getCounterValue();
       await expect(counterValue).toHaveTextContaining('Clicks: 2');
     });
     it('03: should not increase the counter by clicking option type singleWithSubmenu - disabled', async () => {
       // option label: View names can be long
-      const thirdOption = await DSDDMenuV2CO.getOptionByIndex(2);
+      const thirdOption = await DSDDMenuV2CO.getOptionByIndex(3);
       await thirdOption.click();
       const counterValue = await DSDDMenuV2CO.getCounterValue();
       await expect(counterValue).toHaveTextContaining('Clicks: 2');
     });
     it('04: should increase the counter by clicking option type singleWithSubmenu', async () => {
       // option label: Monthly views
-      const fourthOption = await DSDDMenuV2CO.getOptionByIndex(3);
+      const fourthOption = await DSDDMenuV2CO.getOptionByIndex(4);
       await fourthOption.click();
       const counterValue = await DSDDMenuV2CO.getCounterValue();
       await expect(counterValue).toHaveTextContaining('Clicks: 3');
     });
     it('05: should not increase the counter by clicking option type submenu', async () => {
       // option label: Other views
-      const fifthOption = await DSDDMenuV2CO.getOptionByIndex(4);
+      const fifthOption = await DSDDMenuV2CO.getOptionByIndex(5);
       await fifthOption.click();
       const counterValue = await DSDDMenuV2CO.getCounterValue();
       await expect(counterValue).toHaveTextContaining('Clicks: 3');
     });
     it('06: should not increase the counter by clicking option type single - disabled', async () => {
       // option label: Random view
-      const ninthOption = await DSDDMenuV2CO.getOptionByIndex(8);
+      const ninthOption = await DSDDMenuV2CO.getOptionByIndex(11);
       await ninthOption.click();
       const counterValue = await DSDDMenuV2CO.getCounterValue();
       await expect(counterValue).toHaveTextContaining('Clicks: 3');
     });
     it('07: should not increase the counter by clicking option type action - disabled', async () => {
       // option label: Rename
-      const tenthOption = await DSDDMenuV2CO.getOptionByIndex(9);
+      const tenthOption = await DSDDMenuV2CO.getOptionByIndex(13);
       await tenthOption.click();
       const counterValue = await DSDDMenuV2CO.getCounterValue();
       await expect(counterValue).toHaveTextContaining('Clicks: 3');
     });
     it('08: should increase the counter by clicking option type action', async () => {
       // Create new view
-      const sixthOption = await DSDDMenuV2CO.getOptionByIndex(5);
+      const sixthOption = await DSDDMenuV2CO.getOptionByIndex(8);
       await sixthOption.click();
       const counterValue = await DSDDMenuV2CO.getCounterValue();
       await expect(counterValue).toHaveTextContaining('Clicks: 4');
@@ -129,27 +129,27 @@ if (!browser.capabilities['ice:options'].isPhone && !browser.capabilities['ice:o
       it('01: type singleWithSubmenu: check global attributes', async () => {
         const ddMenuTrigger = await DSDDMenuV2CO.getDropDownTrigger();
         await ddMenuTrigger.click();
-        const firstOption = await DSDDMenuV2CO.getOptionByIndex(0);
+        const firstOption = await DSDDMenuV2CO.getOptionByIndex(1);
         await expect(firstOption).toHaveAttribute('aria-label', 'Standard case aria label');
         await expect(firstOption).toHaveAttribute('aria-describedby', 'mycustomID');
         await expect(firstOption).toHaveAttribute('data-testid', 'single-with-submenu-item-id1');
       });
       it('02: type single: check global attributes', async () => {
-        const secondOption = await DSDDMenuV2CO.getOptionByIndex(1);
+        const secondOption = await DSDDMenuV2CO.getOptionByIndex(2);
         await expect(secondOption).toHaveAttribute('aria-label', 'View names are sentence case aria label');
         await expect(secondOption).toHaveAttribute('aria-describedby', 'mycustomID2');
         await expect(secondOption).toHaveAttribute('data-testid', 'single-item-id2');
       });
       it('03: type submenu: check global attributes', async () => {
-        const fifthOption = await DSDDMenuV2CO.getOptionByIndex(4);
+        const fifthOption = await DSDDMenuV2CO.getOptionByIndex(5);
         await expect(fifthOption).toHaveAttribute('aria-label', 'Other views aria label');
         await expect(fifthOption).toHaveAttribute('aria-describedby', 'mycustomID3');
         await expect(fifthOption).toHaveAttribute('data-testid', 'submenu-item-id5');
       });
       it('04: type singleWithSubmenu (2nd level): check global attributes', async () => {
-        const fifthOption = await DSDDMenuV2CO.getOptionByIndex(4);
+        const fifthOption = await DSDDMenuV2CO.getOptionByIndex(5);
         await fifthOption.click();
-        const yearlyViewsOption = await DSDDMenuV2CO.getOptionByIndex(6);
+        const yearlyViewsOption = await DSDDMenuV2CO.getOptionByIndex(9);
         await yearlyViewsOption.waitForDisplayed();
         await expect(yearlyViewsOption).toHaveAttribute('aria-label', 'Yearly views aria label');
         await expect(yearlyViewsOption).toHaveAttribute('aria-describedby', 'mycustomID4');

package/ds-dropdownmenu-v2/mandatory-single/DSDDMenuV2.mandatory-single.func.spec.js

@@ -9,13 +9,13 @@ if (!browser.capabilities['ice:options'].isPhone && !browser.capabilities['ice:o
     it('01: should open ddmenu and have option 1 automatically checked', async () => {
       const ddMenuTrigger = await DSDDMenuV2CO.getDropDownTrigger();
       await ddMenuTrigger.click();
-      const opt1 = await DSDDMenuV2CO.getOptionByIndex(0);
+      const opt1 = await DSDDMenuV2CO.getOptionByIndex(1);
       const isOpt1Checked = await opt1.getAttribute('aria-selected');
       await expect(isOpt1Checked).toEqual('true');
     });
     it('02: should click option 2 and have this option checked and option 1 unchecked', async () => {
-      const opt1 = await DSDDMenuV2CO.getOptionByIndex(0);
-      const opt2 = await DSDDMenuV2CO.getOptionByIndex(2);
+      const opt1 = await DSDDMenuV2CO.getOptionByIndex(1);
+      const opt2 = await DSDDMenuV2CO.getOptionByIndex(3);
       await opt2.click();
       const isOpt1Checked = await opt1.getAttribute('aria-selected');
       await expect(isOpt1Checked).toEqual('false');
@@ -23,7 +23,7 @@ if (!browser.capabilities['ice:options'].isPhone && !browser.capabilities['ice:o
       await expect(isOpt2Checked).toEqual('true');
     });
     it('03: should not deselect the only option selected with click (mandatory select)', async () => {
-      const opt2 = await DSDDMenuV2CO.getOptionByIndex(2);
+      const opt2 = await DSDDMenuV2CO.getOptionByIndex(3);
       await opt2.click();
       const isOpt2Checked = await opt2.getAttribute('aria-selected');
       await expect(isOpt2Checked).toEqual('true');

package/ds-eol/ds-filterbar/DSFilterBar-basic.axe-core.func.spec.js

@@ -26,8 +26,8 @@ if (
       expect(result.length).toBe(0);
     });
   });
-  // Unskip after PUI11487 is fixed
-  describe.skip('PUI-11877: FilterBar Multi migrated -AxeCore', () => {
+
+  describe('PUI-11877: FilterBar Multi migrated -AxeCore', () => {
     before(async () => {
       const errorOnGo = await FilterbarCO.migratedMulti.go();
       if (errorOnGo) throw errorOnGo;

package/ds-eol/ds-number-range-field/NumberRangeField.visual.spec.js

@@ -0,0 +1,30 @@
+import { Key } from 'webdriverio';
+import NumberRangeFieldCO from './NumberRangeFieldCO';
+import { type } from '../../helpers';
+
+if (!browser.capabilities['ice:options'].isPhone && !browser.capabilities['ice:options'].isTablet) {
+  describe('PUI-11994 - NumberRangeField: after migration -Visual', () => {
+    before(async () => {
+      const errorOnGo = await NumberRangeFieldCO.migratedURL.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+    it('01: should display empty number range field by default', async () => {
+      await browser.eyesOpen();
+      const input = await NumberRangeFieldCO.getInput(0);
+      await input.waitForDisplayed();
+      const snapshot = await browser.eyesCheckSnapshot(NumberRangeFieldCO.snapshotPath('numberrange-migrated-default'));
+      await expect(snapshot).toEqual(0);
+    });
+    it('02: should display populated number range field, one focused', async () => {
+      await browser.eyesOpen();
+      await browser.keys(Key.Tab);
+      await type('3');
+      await browser.keys(Key.Tab);
+      await type('9');
+      const snapshot = await browser.eyesCheckSnapshot(
+        NumberRangeFieldCO.snapshotPath('numberrange-migrated-populated'),
+      );
+      await expect(snapshot).toEqual(0);
+    });
+  });
+}

package/{ds-number-range-field → ds-eol/ds-number-range-field}/NumberRangeFieldCO.js

@@ -1,5 +1,5 @@
-import { PATH_NUMBER_RANGE_FIELD } from '../../environments/storybook/paths';
-import { PageObject, Urlbuilder } from '../helpers';
+import { PATH_NUMBER_RANGE_FIELD, PATH_E2E_NUMBERRANGEFIELD } from '../../../environments/storybook/paths';
+import { PageObject, Urlbuilder } from '../../helpers';
 
 export const knobs = {
   minFrom: 'knob-minFrom',
@@ -8,7 +8,9 @@ export const knobs = {
   maxTo: 'knob-maxTo',
 };
 export default class NumberRangeField extends PageObject {
-  static basicURL = new Urlbuilder(PATH_NUMBER_RANGE_FIELD, 'basic');
+  static basicURL = new Urlbuilder(PATH_NUMBER_RANGE_FIELD, 'widget-usage');
+
+  static migratedURL = new Urlbuilder(PATH_E2E_NUMBERRANGEFIELD, 'migrated-test');
 
   static async getFromInput() {
     return $('[data-testid="ds-number-range-field__from-input"]');
@@ -18,6 +20,10 @@ export default class NumberRangeField extends PageObject {
     return $('[data-testid="ds-number-range-field__to-input"]');
   }
 
+  static async getInput(index = 0) {
+    return $$('[data-testid="ds-input-text-input"]')[index];
+  }
+
   // Snapshots
   static snapshotPath(example = 'basic') {
     return PageObject.getSnapshotPathBuilder('DSNumberRangeField', example, 'ds-number-range-field');

package/ds-eol/ds-page-number/DSPageNumber.visual.spec.js

@@ -0,0 +1,39 @@
+import { Key } from 'webdriverio';
+import DSPageNumberCO from './DSPageNumberCO';
+
+if (!browser.capabilities['ice:options'].isPhone && !browser.capabilities['ice:options'].isTablet) {
+  describe('PUI-11995 - Page Number: After migration - Visual', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSPageNumberCO.migratedURL.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+    it('01: should display pageNumber marking "1" by default', async () => {
+      await browser.eyesOpen();
+      const currentPageInput = await DSPageNumberCO.getMigCurrPage();
+      await currentPageInput.waitForDisplayed();
+      const snapshot = await browser.eyesCheckSnapshot(DSPageNumberCO.snapshotPath('pagenumber-migrated-default'));
+      await expect(snapshot).toEqual(0);
+    });
+    it('02: should display pageNumber marking "3" after using upArrow button twice', async () => {
+      await browser.eyesOpen();
+      const currentPageInput = await DSPageNumberCO.getMigCurrPage();
+      await currentPageInput.waitForDisplayed();
+      await browser.keys(Key.Tab);
+      await browser.keys(Key.Tab);
+      await browser.keys(Key.Enter);
+      await browser.keys(Key.Enter);
+      const snapshot = await browser.eyesCheckSnapshot(DSPageNumberCO.snapshotPath('pagenumber-migrated-increased'));
+      await expect(snapshot).toEqual(0);
+    });
+    it('03: should display pageNumber empty', async () => {
+      await browser.eyesOpen();
+      const currentPageInput = await DSPageNumberCO.getMigCurrPage();
+      await currentPageInput.click();
+      await browser.keys(Key.ArrowRight);
+      await browser.keys(Key.Backspace);
+      await browser.keys(Key.Tab);
+      const snapshot = await browser.eyesCheckSnapshot(DSPageNumberCO.snapshotPath('pagenumber-migrated-empty'));
+      await expect(snapshot).toEqual(0);
+    });
+  });
+}

package/{ds-page-number → ds-eol/ds-page-number}/DSPageNumberCO.js

@@ -1,9 +1,11 @@
-import { PATH_PAGE_NUMBER } from '../../environments/storybook/paths';
-import { PageObject, Urlbuilder } from '../helpers';
+import { PATH_PAGE_NUMBER, PATH_E2E_PAGENUMBER } from '../../../environments/storybook/paths';
+import { PageObject, Urlbuilder } from '../../helpers';
 
 export default class DSPageNumberCO extends PageObject {
   // Desktop
-  static basicURL = new Urlbuilder(PATH_PAGE_NUMBER, 'basic');
+  static basicURL = new Urlbuilder(PATH_PAGE_NUMBER, 'widget-usage');
+
+  static migratedURL = new Urlbuilder(PATH_E2E_PAGENUMBER, 'migrated-test');
 
   static getUrl(component = 'basic') {
     return PageObject.getUrl(PATH_PAGE_NUMBER, component);
@@ -18,6 +20,10 @@ export default class DSPageNumberCO extends PageObject {
     return $('//input[@data-testid="page-number__current-page"]');
   }
 
+  static async getMigCurrPage() {
+    return $('[aria-label="Current Page"]');
+  }
+
   static async getTotalPages() {
     return $('[data-testid="page-number__total-pages"]');
   }

package/ds-eol/ds-search-field/SearchField.visual.spec.js

@@ -0,0 +1,86 @@
+import { Key } from 'webdriverio';
+import SearchFieldCO from './SearchFieldCO';
+import { type } from '../../helpers';
+
+if (!browser.capabilities['ice:options'].isPhone && !browser.capabilities['ice:options'].isTablet) {
+  describe('PUI-11996 - SearchField: After migration -Visual', () => {
+    before(async () => {
+      const errorOnGo = await SearchFieldCO.migratedURL.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+    it('01: searchField should be displayed', async () => {
+      await browser.eyesOpen();
+      const comboBoxField = await SearchFieldCO.getComboInputByIndex(0);
+      await comboBoxField.waitForDisplayed();
+      const snapshot = await browser.eyesCheckSnapshot(SearchFieldCO.snapshotPath('searchfield-migrated-default'));
+      await expect(snapshot).toEqual(0);
+    });
+    it('02: searchField should be expanded', async () => {
+      await browser.eyesOpen();
+      const comboBoxField = await SearchFieldCO.getComboInputByIndex(0);
+      await comboBoxField.click();
+      const snapshot = await browser.eyesCheckSnapshot(SearchFieldCO.snapshotPath('searchfield-migrated-expanded'));
+      await expect(snapshot).toEqual(0);
+    });
+    it('03: searchField should be populated', async () => {
+      await browser.eyesOpen();
+      const comboBoxField = await SearchFieldCO.getComboInputByIndex(0);
+      await comboBoxField.waitForDisplayed();
+      await browser.keys(Key.Enter);
+      const snapshot = await browser.eyesCheckSnapshot(SearchFieldCO.snapshotPath('searchfield-migrated-populated'));
+      await expect(snapshot).toEqual(0);
+    });
+    it('04: searchField should have advanced configuration modal expanded', async () => {
+      await browser.eyesOpen();
+      const advancedButton = await SearchFieldCO.getButtonByindex(0);
+      await advancedButton.click();
+      const snapshot = await browser.eyesCheckSnapshot(SearchFieldCO.snapshotPath('searchfield-migrated-advanced'));
+      await expect(snapshot).toEqual(0);
+    });
+  });
+
+  describe('PUI-1997 - SearchField: After migration: queryBuilder example -Visual', () => {
+    before(async () => {
+      const errorOnGo = await SearchFieldCO.migratedURL.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+    it('01: searchField should be displayed (expanded output)', async () => {
+      await browser.eyesOpen();
+      const comboBoxField = await SearchFieldCO.getOutputAccordion();
+      await comboBoxField.click();
+      const snapshot = await browser.eyesCheckSnapshot(
+        SearchFieldCO.snapshotPath('searchfield-migrated-queryb-default'),
+      );
+      await expect(snapshot).toEqual(0);
+    });
+    it('02: searchField should be expanded', async () => {
+      await browser.eyesOpen();
+      const comboBoxField = await SearchFieldCO.getComboInputByIndex(1);
+      await comboBoxField.click();
+      const snapshot = await browser.eyesCheckSnapshot(
+        SearchFieldCO.snapshotPath('searchfield-migrated-queryb-expanded'),
+      );
+      await expect(snapshot).toEqual(0);
+    });
+    it('03: searchField should be populated', async () => {
+      await browser.eyesOpen();
+      await browser.keys(Key.Enter);
+      await browser.keys(Key.Tab);
+      await browser.keys(Key.Tab);
+      await type('10');
+      const snapshot = await browser.eyesCheckSnapshot(
+        SearchFieldCO.snapshotPath('searchfield-migrated-queryb-populated'),
+      );
+      await expect(snapshot).toEqual(0);
+    });
+    it('04: searchField should be advanced expanded', async () => {
+      await browser.eyesOpen();
+      const advancedButton = await SearchFieldCO.getButtonByindex(1);
+      await advancedButton.click();
+      const snapshot = await browser.eyesCheckSnapshot(
+        SearchFieldCO.snapshotPath('searchfield-migrated-queryb-advanced'),
+      );
+      await expect(snapshot).toEqual(0);
+    });
+  });
+}

package/{ds-search-field → ds-eol/ds-search-field}/SearchFieldCO.js

@@ -1,10 +1,12 @@
 import { Key } from 'webdriverio';
-import { PATH_SEARCH_FIELD } from '../../environments/storybook/paths';
-import { PageObject, Urlbuilder, type } from '../helpers';
+import { PATH_SEARCH_FIELD, PATH_E2E_SEARCHFIELD } from '../../../environments/storybook/paths';
+import { PageObject, Urlbuilder, type } from '../../helpers';
 
 export default class QueryBuilderCO extends PageObject {
   static withoutLookupIndicator = new Urlbuilder(PATH_SEARCH_FIELD, 'without-lookup-indicator');
 
+  static migratedURL = new Urlbuilder(PATH_E2E_SEARCHFIELD, 'migrated-test');
+
   static modalStandaloneURL = new Urlbuilder(PATH_SEARCH_FIELD, 'modal-search-field-standalone');
 
   static tabsCallbackInSearchFieldURL = new Urlbuilder(PATH_SEARCH_FIELD, 'tabs-callback-in-search-field');
@@ -21,6 +23,14 @@ export default class QueryBuilderCO extends PageObject {
     return $$('[data-testid="combobox-option"]');
   }
 
+  static async getButtonByindex(index = 0) {
+    return $$('[data-testid="ds-button"]')[index];
+  }
+
+  static async getComboInputByIndex(index = 0) {
+    return $$('[data-testid="combobox-input"]')[index];
+  }
+
   static async getCombobox(index) {
     return $$('[data-testid="combobox"]')[index];
   }
@@ -41,6 +51,10 @@ export default class QueryBuilderCO extends PageObject {
     return $('[data-testid="combobox"]').$('input');
   }
 
+  static async getOutputAccordion() {
+    return $('[data-testid="ds-accordion-item-header-addon"]');
+  }
+
   static async getPillsText() {
     const pillsText = [];
     // eslint-disable-next-line no-restricted-syntax, no-unused-vars

package/ds-form-layout-blocks/form-layout-block-item/DSFormLayoutBlockItem.visual.spec.js

@@ -152,4 +152,30 @@ if (!browser.capabilities['ice:options'].isPhone) {
       });
     });
   }
+
+  describe('PUI-11980 - DSFormLayoutBlockItem: Customization, Highlight - visual test', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSFormLayoutBlockItemCO.withCustomHighlight.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+    it('should display form layout block item with custom highlight: default state', async () => {
+      await (await DSFormLayoutBlockItemCO.firstNameLabel()).waitForDisplayed();
+      const snapshot = await browser.checkSnapshot(DSFormLayoutBlockItemCO.snapshotPath('custom-highlight-default'));
+      await expect(snapshot).toEqual(0);
+    });
+    if (!browser.capabilities['ice:options'].isTablet) {
+      it('should display form layout block item with custom highlight: hover state', async () => {
+        await mouseOver(await DSFormLayoutBlockItemCO.middleNameLabel());
+        const snapshot = await browser.checkSnapshot(DSFormLayoutBlockItemCO.snapshotPath('custom-highlight-hovered'));
+        await expect(snapshot).toEqual(0);
+      });
+      it('should display form layout block item with custom highlight: keyboard focus', async () => {
+        await browser.keys(Key.Tab);
+        const snapshot = await browser.checkSnapshot(
+          DSFormLayoutBlockItemCO.snapshotPath('custom-highlight-keyboard-focus'),
+        );
+        await expect(snapshot).toEqual(0);
+      });
+    }
+  });
 }

package/ds-form-layout-blocks/form-layout-block-item/DSFormLayoutBlockItemCO.js

@@ -12,6 +12,8 @@ export default class DSFormLayoutBlockItemCO extends PageObject {
 
   static withHighlight = new Urlbuilder(PATH_E2E_FORM_LAYOUT_BLOCK_ITEM, 'with-highlight');
 
+  static withCustomHighlight = new Urlbuilder(PATH_E2E_FORM_LAYOUT_BLOCK_ITEM, 'custom-highlight-test');
+
   static withWrapping = new Urlbuilder(PATH_E2E_FORM_LAYOUT_BLOCK_ITEM, 'wrapping-e-2-e');
 
   static optionalAndRequired = new Urlbuilder(PATH_E2E_FORM_LAYOUT_BLOCK_ITEM, 'optional-and-required');

package/ds-hooks/DSHookCO.js

@@ -71,7 +71,7 @@ export default class DSHookCO extends PageObject {
   static getAddChildBtnByIndex = async (index) => getElementByIndex(this.getAddChildButtons, index);
 
   static async getBreadCrumbItems() {
-    return $$('[data-testid="ds-typography-element"]');
+    return $$('[data-testid="ds-breadcrumb-item"]');
   }
 
   static getBreadCrumbItemByIndex = async (index) => getElementByIndex(this.getBreadCrumbItems, index);

package/ds-pagination/DSPaginationCO.js

@@ -31,7 +31,7 @@ export default class DSPaginationCO extends PageObject {
 
   static getCustomButton = async () => $('[data-testid="ds-button"]');
 
-  static getCustomLegend = async () => $('[data-testid="ds-typography-element"]');
+  static getCustomLegend = async () => $('[data-testid="custom-legend"]');
 
   // Snapshots
   static snapshotPath(example = 'basic') {

package/package.json

@@ -1,125 +1,125 @@
 {
   "name": "dimsum-e2e-tests",
-  "version": "3.25.0-next.3",
+  "version": "3.25.0-next.5",
   "description": "End-to-end tests for dimsum library",
   "dependencies": {
-    "@elliemae/ds-app-picker": "3.25.0-next.3",
-    "@elliemae/ds-banner": "3.25.0-next.3",
-    "@elliemae/ds-basic": "3.25.0-next.3",
-    "@elliemae/ds-accordion": "3.25.0-next.3",
-    "@elliemae/ds-breadcrumb": "3.25.0-next.3",
-    "@elliemae/ds-button-v2": "3.25.0-next.3",
-    "@elliemae/ds-card": "3.25.0-next.3",
-    "@elliemae/ds-button": "3.25.0-next.3",
-    "@elliemae/ds-card-array": "3.25.0-next.3",
-    "@elliemae/ds-card-navigation": "3.25.0-next.3",
-    "@elliemae/ds-card-v2": "3.25.0-next.3",
-    "@elliemae/ds-card-v2-action-addon": "3.25.0-next.3",
-    "@elliemae/ds-chat": "3.25.0-next.3",
-    "@elliemae/ds-chat-bubble": "3.25.0-next.3",
-    "@elliemae/ds-chat-tile": "3.25.0-next.3",
-    "@elliemae/ds-card-v2-group": "3.25.0-next.3",
-    "@elliemae/ds-circular-progress-indicator": "3.25.0-next.3",
-    "@elliemae/ds-codeeditor": "3.25.0-next.3",
-    "@elliemae/ds-comments": "3.25.0-next.3",
-    "@elliemae/ds-controlled-form": "3.25.0-next.3",
-    "@elliemae/ds-data-table": "3.25.0-next.3",
-    "@elliemae/ds-datagrids": "3.25.0-next.3",
-    "@elliemae/ds-button-group": "3.25.0-next.3",
-    "@elliemae/ds-backdrop": "3.25.0-next.3",
-    "@elliemae/ds-button-v1": "3.25.0-next.3",
-    "@elliemae/ds-date-picker": "3.25.0-next.3",
-    "@elliemae/ds-date-range-picker": "3.25.0-next.3",
-    "@elliemae/ds-date-range-selector": "3.25.0-next.3",
-    "@elliemae/ds-date-time-picker": "3.25.0-next.3",
-    "@elliemae/ds-date-time-recurrence-picker": "3.25.0-next.3",
-    "@elliemae/ds-chip": "3.25.0-next.3",
-    "@elliemae/ds-dataviz": "3.25.0-next.3",
-    "@elliemae/ds-drag-and-drop": "3.25.0-next.3",
-    "@elliemae/ds-dataviz-pie": "3.25.0-next.3",
-    "@elliemae/ds-dropdownmenu": "3.25.0-next.3",
-    "@elliemae/ds-csv-converter": "3.25.0-next.3",
-    "@elliemae/ds-filterbar": "3.25.0-next.3",
-    "@elliemae/ds-form-date-range-picker": "3.25.0-next.3",
-    "@elliemae/ds-form-date-time-picker": "3.25.0-next.3",
-    "@elliemae/ds-form-layout-blocks": "3.25.0-next.3",
-    "@elliemae/ds-form": "3.25.0-next.3",
-    "@elliemae/ds-global-header": "3.25.0-next.3",
-    "@elliemae/ds-grid": "3.25.0-next.3",
-    "@elliemae/ds-decision-graph": "3.25.0-next.3",
-    "@elliemae/ds-accessibility": "3.25.0-next.3",
-    "@elliemae/ds-form-layout-label": "3.25.0-next.3",
-    "@elliemae/ds-dropzone": "3.25.0-next.3",
-    "@elliemae/ds-header": "3.25.0-next.3",
-    "@elliemae/ds-icon": "3.25.0-next.3",
-    "@elliemae/ds-dialog": "3.25.0-next.3",
-    "@elliemae/ds-icons": "3.25.0-next.3",
-    "@elliemae/ds-imagelibrarymodal": "3.25.0-next.3",
-    "@elliemae/ds-fast-list": "3.25.0-next.3",
-    "@elliemae/ds-hooks-fontsize-media": "3.25.0-next.3",
-    "@elliemae/ds-indeterminate-progress-indicator": "3.25.0-next.3",
-    "@elliemae/ds-hooks-fontsize-detector": "3.25.0-next.3",
-    "@elliemae/ds-group-box": "3.25.0-next.3",
-    "@elliemae/ds-image": "3.25.0-next.3",
-    "@elliemae/ds-menu": "3.25.0-next.3",
-    "@elliemae/ds-menu-items": "3.25.0-next.3",
-    "@elliemae/ds-mini-toolbar": "3.25.0-next.3",
-    "@elliemae/ds-modal": "3.25.0-next.3",
-    "@elliemae/ds-modal-slide": "3.25.0-next.3",
-    "@elliemae/ds-number-range-field": "3.25.0-next.3",
-    "@elliemae/ds-page-header": "3.25.0-next.3",
-    "@elliemae/ds-page-header-v1": "3.25.0-next.3",
-    "@elliemae/ds-page-header-v2": "3.25.0-next.3",
-    "@elliemae/ds-mobile": "3.25.0-next.3",
-    "@elliemae/ds-label-value": "3.25.0-next.3",
-    "@elliemae/ds-page-number": "3.25.0-next.3",
-    "@elliemae/ds-left-navigation": "3.25.0-next.3",
-    "@elliemae/ds-pagination": "3.25.0-next.3",
-    "@elliemae/ds-popover": "3.25.0-next.3",
-    "@elliemae/ds-pills": "3.25.0-next.3",
-    "@elliemae/ds-popper": "3.25.0-next.3",
-    "@elliemae/ds-popperjs": "3.25.0-next.3",
-    "@elliemae/ds-query-builder": "3.25.0-next.3",
-    "@elliemae/ds-read-more": "3.25.0-next.3",
-    "@elliemae/ds-ribbon": "3.25.0-next.3",
-    "@elliemae/ds-search-field": "3.25.0-next.3",
-    "@elliemae/ds-separator": "3.25.0-next.3",
-    "@elliemae/ds-shuttle": "3.25.0-next.3",
-    "@elliemae/ds-loading-indicator": "3.25.0-next.3",
-    "@elliemae/ds-notification-badge": "3.25.0-next.3",
-    "@elliemae/ds-list-section-header": "3.25.0-next.3",
-    "@elliemae/ds-skeleton": "3.25.0-next.3",
-    "@elliemae/ds-spinner": "3.25.0-next.3",
-    "@elliemae/ds-page-layout": "3.25.0-next.3",
-    "@elliemae/ds-side-panel": "3.25.0-next.3",
-    "@elliemae/ds-progress-indicator": "3.25.0-next.3",
-    "@elliemae/ds-system": "3.25.0-next.3",
-    "@elliemae/ds-resizeable-container": "3.25.0-next.3",
-    "@elliemae/ds-tabs": "3.25.0-next.3",
-    "@elliemae/ds-shuttle-v2": "3.25.0-next.3",
-    "@elliemae/ds-time-picker": "3.25.0-next.3",
-    "@elliemae/ds-square-indicator": "3.25.0-next.3",
-    "@elliemae/ds-toolbar": "3.25.0-next.3",
-    "@elliemae/ds-slider": "3.25.0-next.3",
-    "@elliemae/ds-tooltip": "3.25.0-next.3",
-    "@elliemae/ds-stepper": "3.25.0-next.3",
-    "@elliemae/ds-svg": "3.25.0-next.3",
-    "@elliemae/ds-treeview": "3.25.0-next.3",
-    "@elliemae/ds-truncated-expandable-text": "3.25.0-next.3",
-    "@elliemae/ds-truncated-tooltip-text": "3.25.0-next.3",
-    "@elliemae/ds-text-wrapper": "3.25.0-next.3",
-    "@elliemae/ds-typography": "3.25.0-next.3",
-    "@elliemae/ds-uploader": "3.25.0-next.3",
-    "@elliemae/ds-utilities": "3.25.0-next.3",
-    "@elliemae/ds-wizard": "3.25.0-next.3",
-    "@elliemae/ds-wysiwygeditor": "3.25.0-next.3",
-    "@elliemae/ds-zipcode-search": "3.25.0-next.3",
-    "@elliemae/ds-toolbar-v2": "3.25.0-next.3",
-    "@elliemae/ds-zoom": "3.25.0-next.3",
-    "@elliemae/ds-test-utils": "3.25.0-next.3",
-    "@elliemae/ds-tree-model": "3.25.0-next.3",
-    "@elliemae/ds-transition": "3.25.0-next.3",
-    "@elliemae/ds-virtual-list": "3.25.0-next.3",
-    "@elliemae/ds-toast": "3.25.0-next.3"
+    "@elliemae/ds-accessibility": "3.25.0-next.5",
+    "@elliemae/ds-basic": "3.25.0-next.5",
+    "@elliemae/ds-banner": "3.25.0-next.5",
+    "@elliemae/ds-backdrop": "3.25.0-next.5",
+    "@elliemae/ds-breadcrumb": "3.25.0-next.5",
+    "@elliemae/ds-button": "3.25.0-next.5",
+    "@elliemae/ds-app-picker": "3.25.0-next.5",
+    "@elliemae/ds-button-v2": "3.25.0-next.5",
+    "@elliemae/ds-card": "3.25.0-next.5",
+    "@elliemae/ds-card-array": "3.25.0-next.5",
+    "@elliemae/ds-card-navigation": "3.25.0-next.5",
+    "@elliemae/ds-card-v2": "3.25.0-next.5",
+    "@elliemae/ds-card-v2-action-addon": "3.25.0-next.5",
+    "@elliemae/ds-card-v2-group": "3.25.0-next.5",
+    "@elliemae/ds-accordion": "3.25.0-next.5",
+    "@elliemae/ds-button-group": "3.25.0-next.5",
+    "@elliemae/ds-button-v1": "3.25.0-next.5",
+    "@elliemae/ds-chat-bubble": "3.25.0-next.5",
+    "@elliemae/ds-circular-progress-indicator": "3.25.0-next.5",
+    "@elliemae/ds-codeeditor": "3.25.0-next.5",
+    "@elliemae/ds-comments": "3.25.0-next.5",
+    "@elliemae/ds-controlled-form": "3.25.0-next.5",
+    "@elliemae/ds-chat": "3.25.0-next.5",
+    "@elliemae/ds-data-table": "3.25.0-next.5",
+    "@elliemae/ds-datagrids": "3.25.0-next.5",
+    "@elliemae/ds-chat-tile": "3.25.0-next.5",
+    "@elliemae/ds-chip": "3.25.0-next.5",
+    "@elliemae/ds-date-picker": "3.25.0-next.5",
+    "@elliemae/ds-date-range-picker": "3.25.0-next.5",
+    "@elliemae/ds-date-range-selector": "3.25.0-next.5",
+    "@elliemae/ds-date-time-picker": "3.25.0-next.5",
+    "@elliemae/ds-date-time-recurrence-picker": "3.25.0-next.5",
+    "@elliemae/ds-csv-converter": "3.25.0-next.5",
+    "@elliemae/ds-dataviz-pie": "3.25.0-next.5",
+    "@elliemae/ds-drag-and-drop": "3.25.0-next.5",
+    "@elliemae/ds-dropdownmenu": "3.25.0-next.5",
+    "@elliemae/ds-decision-graph": "3.25.0-next.5",
+    "@elliemae/ds-dataviz": "3.25.0-next.5",
+    "@elliemae/ds-filterbar": "3.25.0-next.5",
+    "@elliemae/ds-form": "3.25.0-next.5",
+    "@elliemae/ds-form-date-range-picker": "3.25.0-next.5",
+    "@elliemae/ds-form-date-time-picker": "3.25.0-next.5",
+    "@elliemae/ds-form-layout-blocks": "3.25.0-next.5",
+    "@elliemae/ds-dialog": "3.25.0-next.5",
+    "@elliemae/ds-dropzone": "3.25.0-next.5",
+    "@elliemae/ds-grid": "3.25.0-next.5",
+    "@elliemae/ds-fast-list": "3.25.0-next.5",
+    "@elliemae/ds-header": "3.25.0-next.5",
+    "@elliemae/ds-form-layout-label": "3.25.0-next.5",
+    "@elliemae/ds-group-box": "3.25.0-next.5",
+    "@elliemae/ds-icon": "3.25.0-next.5",
+    "@elliemae/ds-hooks-fontsize-detector": "3.25.0-next.5",
+    "@elliemae/ds-icons": "3.25.0-next.5",
+    "@elliemae/ds-imagelibrarymodal": "3.25.0-next.5",
+    "@elliemae/ds-hooks-fontsize-media": "3.25.0-next.5",
+    "@elliemae/ds-global-header": "3.25.0-next.5",
+    "@elliemae/ds-indeterminate-progress-indicator": "3.25.0-next.5",
+    "@elliemae/ds-label-value": "3.25.0-next.5",
+    "@elliemae/ds-image": "3.25.0-next.5",
+    "@elliemae/ds-menu": "3.25.0-next.5",
+    "@elliemae/ds-list-section-header": "3.25.0-next.5",
+    "@elliemae/ds-loading-indicator": "3.25.0-next.5",
+    "@elliemae/ds-mini-toolbar": "3.25.0-next.5",
+    "@elliemae/ds-modal": "3.25.0-next.5",
+    "@elliemae/ds-modal-slide": "3.25.0-next.5",
+    "@elliemae/ds-menu-items": "3.25.0-next.5",
+    "@elliemae/ds-number-range-field": "3.25.0-next.5",
+    "@elliemae/ds-page-header": "3.25.0-next.5",
+    "@elliemae/ds-page-header-v1": "3.25.0-next.5",
+    "@elliemae/ds-page-header-v2": "3.25.0-next.5",
+    "@elliemae/ds-left-navigation": "3.25.0-next.5",
+    "@elliemae/ds-notification-badge": "3.25.0-next.5",
+    "@elliemae/ds-pills": "3.25.0-next.5",
+    "@elliemae/ds-pagination": "3.25.0-next.5",
+    "@elliemae/ds-popover": "3.25.0-next.5",
+    "@elliemae/ds-popper": "3.25.0-next.5",
+    "@elliemae/ds-popperjs": "3.25.0-next.5",
+    "@elliemae/ds-page-number": "3.25.0-next.5",
+    "@elliemae/ds-read-more": "3.25.0-next.5",
+    "@elliemae/ds-query-builder": "3.25.0-next.5",
+    "@elliemae/ds-page-layout": "3.25.0-next.5",
+    "@elliemae/ds-ribbon": "3.25.0-next.5",
+    "@elliemae/ds-search-field": "3.25.0-next.5",
+    "@elliemae/ds-separator": "3.25.0-next.5",
+    "@elliemae/ds-progress-indicator": "3.25.0-next.5",
+    "@elliemae/ds-shuttle": "3.25.0-next.5",
+    "@elliemae/ds-skeleton": "3.25.0-next.5",
+    "@elliemae/ds-mobile": "3.25.0-next.5",
+    "@elliemae/ds-resizeable-container": "3.25.0-next.5",
+    "@elliemae/ds-spinner": "3.25.0-next.5",
+    "@elliemae/ds-shuttle-v2": "3.25.0-next.5",
+    "@elliemae/ds-side-panel": "3.25.0-next.5",
+    "@elliemae/ds-square-indicator": "3.25.0-next.5",
+    "@elliemae/ds-system": "3.25.0-next.5",
+    "@elliemae/ds-tabs": "3.25.0-next.5",
+    "@elliemae/ds-slider": "3.25.0-next.5",
+    "@elliemae/ds-stepper": "3.25.0-next.5",
+    "@elliemae/ds-test-utils": "3.25.0-next.5",
+    "@elliemae/ds-svg": "3.25.0-next.5",
+    "@elliemae/ds-toolbar": "3.25.0-next.5",
+    "@elliemae/ds-text-wrapper": "3.25.0-next.5",
+    "@elliemae/ds-tooltip": "3.25.0-next.5",
+    "@elliemae/ds-time-picker": "3.25.0-next.5",
+    "@elliemae/ds-toast": "3.25.0-next.5",
+    "@elliemae/ds-treeview": "3.25.0-next.5",
+    "@elliemae/ds-transition": "3.25.0-next.5",
+    "@elliemae/ds-truncated-tooltip-text": "3.25.0-next.5",
+    "@elliemae/ds-toolbar-v2": "3.25.0-next.5",
+    "@elliemae/ds-uploader": "3.25.0-next.5",
+    "@elliemae/ds-utilities": "3.25.0-next.5",
+    "@elliemae/ds-truncated-expandable-text": "3.25.0-next.5",
+    "@elliemae/ds-wizard": "3.25.0-next.5",
+    "@elliemae/ds-wysiwygeditor": "3.25.0-next.5",
+    "@elliemae/ds-zipcode-search": "3.25.0-next.5",
+    "@elliemae/ds-typography": "3.25.0-next.5",
+    "@elliemae/ds-tree-model": "3.25.0-next.5",
+    "@elliemae/ds-virtual-list": "3.25.0-next.5",
+    "@elliemae/ds-zoom": "3.25.0-next.5"
   }
 }