dimsum-e2e-tests 3.80.0-next.36 → 3.80.0-next.39

package/CHANGELOG.md

@@ -3,6 +3,18 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [3.80.0-next.39](/github.com/intcx/PLATFORM-UI/compare/v3.80.0-next.38...v3.80.0-next.39) (2026-10-13)
+
+**Note:** Version bump only for package dimsum-e2e-tests
+
+## [3.80.0-next.38](/github.com/intcx/PLATFORM-UI/compare/v3.80.0-next.36...v3.80.0-next.38) (2026-10-09)
+
+**Note:** Version bump only for package dimsum-e2e-tests
+
+## [3.80.0-next.37](/github.com/intcx/PLATFORM-UI/compare/v3.80.0-next.36...v3.80.0-next.37) (2026-10-09)
+
+**Note:** Version bump only for package dimsum-e2e-tests
+
 ## [3.80.0-next.36](/github.com/intcx/PLATFORM-UI/compare/v3.80.0-next.35...v3.80.0-next.36) (2026-10-08)
 
 **Note:** Version bump only for package dimsum-e2e-tests

package/ds-banner/DSBanner.text-resize.visual.spec.js

@@ -11,6 +11,8 @@ if (!browser.capabilities['ice:options'].isPhone && !browser.capabilities['ice:o
     it('01: should display text resize in different layouts properly', async () => {
       const banner = await DSBannerCO.getBannerByIndex();
       await banner.waitForDisplayed();
+      // the banners are open on load and slide down for 500 ms
+      await DSBannerCO.waitForSlideToEnd();
       const snapshot = await browser.percyCheckScreenshot();
       await expect(snapshot).toEqual(0);
     });

package/ds-banner/DSBannerCO.js

@@ -2,6 +2,12 @@ import { PATH_E2E_BANNER } from '../paths';
 import { PageObject, Urlbuilder } from '../helpers';
 
 export default class DSBannerCO extends PageObject {
+  // label/body rendered by the AriaLive* and RoleAlert E2E stories
+  static ANNOUNCEMENT_TITLE = 'Information: Read-only mode';
+
+  static ANNOUNCEMENT_BODY =
+    'You are viewing this page in read-only mode. Editing is currently disabled for your role.';
+
   static basicURL = new Urlbuilder(PATH_E2E_BANNER, 'basic-test');
 
   static infoURL = new Urlbuilder(PATH_E2E_BANNER, 'info-test');
@@ -36,6 +42,32 @@ export default class DSBannerCO extends PageObject {
 
   static roleRegionTest = new Urlbuilder(PATH_E2E_BANNER, 'role-region-test');
 
+  static roleRegionNoAnnouncementTest = new Urlbuilder(PATH_E2E_BANNER, 'role-region-no-announcement-test');
+
+  static regionAccessibleNameTest = new Urlbuilder(PATH_E2E_BANNER, 'region-accessible-name-test');
+
+  static bannerIdsTest = new Urlbuilder(PATH_E2E_BANNER, 'banner-ids-test');
+
+  static liveRegionLangDirTest = new Urlbuilder(PATH_E2E_BANNER, 'live-region-lang-dir-test');
+
+  // each banner in RegionAccessibleNameTest is wrapped in a div with a per-case data-testid
+  static async getRegionByCase(caseTestId) {
+    return $(`[data-testid="${caseTestId}"] [role="region"]`);
+  }
+
+  static async getRegionNameAttributes(caseTestId) {
+    const region = await this.getRegionByCase(caseTestId);
+    return {
+      ariaLabel: await region.getAttribute('aria-label'),
+      ariaLabelledby: await region.getAttribute('aria-labelledby'),
+    };
+  }
+
+  // located by its parent slot, not by tag (the title tag is changing, PUI-19231)
+  static async getRegionTitleByCase(caseTestId) {
+    return $(`[data-testid="${caseTestId}"] [data-dimsum-parent-slot="dsBannerTitle"]`);
+  }
+
   static async getButton() {
     return $('[data-testid="ds-button"]');
   }
@@ -43,6 +75,8 @@ export default class DSBannerCO extends PageObject {
   static async openBanner() {
     const button = await this.getButton();
     await button.click();
+    // the banner slides down for 500 ms, the callers (visual snapshots included) expect it settled
+    await this.waitForSlideToEnd();
   }
 
   static async closeBanner() {
@@ -50,6 +84,73 @@ export default class DSBannerCO extends PageObject {
     await closeBtn.click();
   }
 
+  static async getPushedContent() {
+    return $('[data-testid="banner-pushed-content"]');
+  }
+
+  static async getPushedContentTop() {
+    return browser.execute(
+      () => document.querySelector('[data-testid="banner-pushed-content"]').getBoundingClientRect().top,
+    );
+  }
+
+  // resolves once no banner has a running animation/transition (the slide down) or is in the DOM
+  static async waitForSlideToEnd() {
+    await browser.waitUntil(
+      async () =>
+        browser.execute(() =>
+          Array.from(document.querySelectorAll('[data-testid="ds-banner-container"]')).every(
+            (container) => container.getAnimations().length === 0,
+          ),
+        ),
+      { timeoutMsg: 'the banner slide did not end' },
+    );
+  }
+
+  // Samples, on every animation frame and from the page (so the webdriver latency does not matter), the height of the
+  // banner container and the top of the content pushed by it. The click is triggered from the page right after the
+  // first sample, so the very first frames after it are recorded. action: 'open' | 'close'.
+  static async sampleSlide(action, durationMs = 1200) {
+    await browser.execute(
+      (actionToRun, duration) => {
+        const samples = [];
+        window.bannerSlideSampler = { samples, done: false };
+        const startedAt = performance.now();
+        const sample = () => {
+          const container = document.querySelector('[data-testid="ds-banner-container"]');
+          const pushed = document.querySelector('[data-testid="banner-pushed-content"]');
+          samples.push({
+            t: Math.round(performance.now() - startedAt),
+            height: container ? container.getBoundingClientRect().height : null,
+            pushedTop: pushed.getBoundingClientRect().top,
+            inert: container ? container.hasAttribute('inert') : null,
+            ariaHidden: container ? container.getAttribute('aria-hidden') : null,
+            focusInside: container ? container.contains(document.activeElement) : false,
+          });
+        };
+        sample();
+        if (actionToRun === 'open') document.querySelector('[data-testid="ds-button"]').click();
+        else {
+          const closeButton = document.querySelector('[data-testid="ds-banner-close-button"]');
+          closeButton.focus();
+          closeButton.click();
+        }
+        const tick = () => {
+          sample();
+          if (performance.now() - startedAt < duration) requestAnimationFrame(tick);
+          else window.bannerSlideSampler.done = true;
+        };
+        requestAnimationFrame(tick);
+      },
+      action,
+      durationMs,
+    );
+    await browser.waitUntil(async () => browser.execute(() => window.bannerSlideSampler.done), {
+      timeoutMsg: 'the slide sampler did not finish',
+    });
+    return browser.execute(() => window.bannerSlideSampler.samples);
+  }
+
   static async getCloseButton() {
     return $('[data-testid="ds-banner-close-button"]');
   }
@@ -75,7 +176,7 @@ export default class DSBannerCO extends PageObject {
   }
 
   static async getActionLinkSlotByIndex(index = 0) {
-    return $$('[data-dimsum-slot="dsBannerActionLink"]')[index];
+    return $$('[data-dimsum-parent-slot="dsBannerActionLink"]')[index];
   }
 
   static async getTitleSlotByIndex(index = 0) {
@@ -90,6 +191,36 @@ export default class DSBannerCO extends PageObject {
     return $$('[data-dimsum-slot="dsButtonRoot"]')[index];
   }
 
+  static async getCloseButtonSlotByIndex(index = 0) {
+    return $$('[data-dimsum-parent-slot="dsBannerCloseButton"]')[index];
+  }
+
+  static async getLiveRegionPortal() {
+    return $('[data-testid="ds-banner-live-region-portal"]');
+  }
+
+  // the live region is visually hidden, so read textContent instead of the visible text
+  static async getLiveRegionText() {
+    const liveRegion = await this.getLiveRegionPortal();
+    return ((await liveRegion.getProperty('textContent')) || '').trim();
+  }
+
+  static async waitForLiveRegionText(expected) {
+    await browser.waitUntil(async () => (await this.getLiveRegionText()).includes(expected), {
+      timeoutMsg: `live region never contained "${expected}"`,
+    });
+  }
+
+  static async waitForLiveRegionCleared() {
+    await browser.waitUntil(async () => (await this.getLiveRegionText()) === '', {
+      timeoutMsg: 'live region was not cleared after closing the banner',
+    });
+  }
+
+  static async getActiveElementTestId() {
+    return browser.execute(() => document.activeElement?.getAttribute('data-testid') ?? null);
+  }
+
   static async getContainerSlotByIndex(index = 0) {
     return $$('[data-dimsum-slot="dsBannerContainer"]')[index];
   }
@@ -113,4 +244,59 @@ export default class DSBannerCO extends PageObject {
   static async getBannerLiveRegionPortalSlotByIndex(index = 0) {
     return $$('[data-dimsum-slot="dsBannerLiveRegionPortal"]')[index];
   }
+
+  static async getTitle() {
+    return $('[data-testid="ds-banner-title"]');
+  }
+
+  // headings (native or by role) rendered inside the banners, the page outside them is not the banner's business
+  static async getHeadingsCountInBanners() {
+    return browser.execute(
+      () =>
+        document.querySelectorAll('[data-testid="ds-banner-container"] :is(h1, h2, h3, h4, h5, h6, [role="heading"])')
+          .length,
+    );
+  }
+
+  static async getLiveRegionPortalByIndex(index = 0) {
+    return $$('[data-testid="ds-banner-live-region-portal"]')[index];
+  }
+
+  // per banner (in page order): the ids of its parts and whether <base>-live-region is its live region portal
+  static async getBannerIds() {
+    return browser.execute(() =>
+      Array.from(document.querySelectorAll('[data-testid="ds-banner"]')).map((banner) => ({
+        base: banner.id,
+        title: banner.querySelector('[data-testid="ds-banner-title"]')?.id ?? null,
+        body: banner.querySelector('[data-dimsum-parent-slot="dsBannerSubtitle"]')?.id ?? null,
+        liveRegionTestId: document.getElementById(`${banner.id}-live-region`)?.getAttribute('data-testid') ?? null,
+      })),
+    );
+  }
+
+  // every id rendered by the banners (parts and live region portals), so duplicates among them can be detected
+  static async getAllBannerIds() {
+    return browser.execute(() => {
+      const selectors = [
+        '[data-testid="ds-banner-container"][id]',
+        '[data-testid="ds-banner-container"] [id]',
+        '[data-testid="ds-banner-live-region-portal"]',
+      ];
+      return Array.from(document.querySelectorAll(selectors.join(', '))).map((element) => element.id);
+    });
+  }
+
+  // what the action link of the banner at index points to with aria-describedby
+  static async getActionLinkDescription(index = 0) {
+    return browser.execute((position) => {
+      const link = document.querySelectorAll('[data-testid="ds-banner-action-link"]')[position];
+      const describedBy = link.getAttribute('aria-describedby');
+      const target = document.getElementById(describedBy);
+      return {
+        describedBy,
+        isInsideOwnBanner: Boolean(target && link.closest('[data-testid="ds-banner"]').contains(target)),
+        text: target ? target.textContent : null,
+      };
+    }, index);
+  }
 }

package/ds-banner/aria-and-role/DSBanner.aria-and-role.func.spec.js

@@ -6,31 +6,76 @@ if (
     browser.capabilities.browserName === 'chrome') ||
   browser.capabilities.browserName === 'Chrome'
 ) {
+  // Announcement behaviour also covers PUI-17840 (banner announcement improvement)
   describe('PUI-17537 - Banner - Aria Assertive -Func', () => {
     before('loading page', async () => {
       const errorOnGo = await DSBannerCO.ariaLiveAssertiveTest.go();
       if (errorOnGo) throw errorOnGo;
     });
-    it('01: should have aria-live="assertive" attribute on banner after trigger', async () => {
+    it('01: should render an empty assertive live region before the banner opens', async () => {
+      const liveRegion = await DSBannerCO.getLiveRegionPortal();
+      await expect(liveRegion).toExist();
+      await expect(liveRegion).toHaveAttribute('aria-live', 'assertive');
+      await expect(liveRegion).toHaveAttribute('aria-atomic', 'true');
+      await expect(await DSBannerCO.getLiveRegionText()).toBe('');
+    });
+    it('02: should have aria-live="assertive" attribute on banner after trigger', async () => {
       const triggerButton = await DSBannerCO.getButton();
       await triggerButton.click();
       const banner = await DSBannerCO.getBannerLiveRegionPortalSlotByIndex();
       await banner.waitForDisplayed();
       await expect(banner).toHaveAttribute('aria-live', 'assertive');
     });
+    it('03: should announce title and body together without moving focus', async () => {
+      const liveRegion = await DSBannerCO.getLiveRegionPortal();
+      await DSBannerCO.waitForLiveRegionText(DSBannerCO.ANNOUNCEMENT_TITLE);
+      await expect(await DSBannerCO.getLiveRegionText()).toContain(DSBannerCO.ANNOUNCEMENT_BODY);
+      await expect(await liveRegion.$$('button, a').length).toBe(0);
+      const banner = await DSBannerCO.getBanner();
+      await expect(banner).not.toHaveAttribute('role');
+      await expect(await DSBannerCO.getActiveElementTestId()).toBe('ds-button');
+    });
+    it('04: should clear the live region on close and fill it again on reopen', async () => {
+      await DSBannerCO.closeBanner();
+      await DSBannerCO.waitForLiveRegionCleared();
+      await DSBannerCO.openBanner();
+      await DSBannerCO.waitForLiveRegionText(DSBannerCO.ANNOUNCEMENT_TITLE);
+    });
   });
   describe('PUI-17538 - Banner - Aria Polite -Func', () => {
     before('loading page', async () => {
       const errorOnGo = await DSBannerCO.ariaLivePoliteTest.go();
       if (errorOnGo) throw errorOnGo;
     });
-    it('01: should have aria-live="polite" attribute on banner after trigger', async () => {
+    it('01: should render an empty polite live region before the banner opens', async () => {
+      const liveRegion = await DSBannerCO.getLiveRegionPortal();
+      await expect(liveRegion).toExist();
+      await expect(liveRegion).toHaveAttribute('aria-live', 'polite');
+      await expect(liveRegion).toHaveAttribute('aria-atomic', 'true');
+      await expect(await DSBannerCO.getLiveRegionText()).toBe('');
+    });
+    it('02: should have aria-live="polite" attribute on banner after trigger', async () => {
       const triggerButton = await DSBannerCO.getButton();
       await triggerButton.click();
       const banner = await DSBannerCO.getBannerLiveRegionPortalSlotByIndex();
       await banner.waitForDisplayed();
       await expect(banner).toHaveAttribute('aria-live', 'polite');
     });
+    it('03: should announce title and body together without moving focus', async () => {
+      const liveRegion = await DSBannerCO.getLiveRegionPortal();
+      await DSBannerCO.waitForLiveRegionText(DSBannerCO.ANNOUNCEMENT_TITLE);
+      await expect(await DSBannerCO.getLiveRegionText()).toContain(DSBannerCO.ANNOUNCEMENT_BODY);
+      await expect(await liveRegion.$$('button, a').length).toBe(0);
+      const banner = await DSBannerCO.getBanner();
+      await expect(banner).not.toHaveAttribute('role');
+      await expect(await DSBannerCO.getActiveElementTestId()).toBe('ds-button');
+    });
+    it('04: should clear the live region on close and fill it again on reopen', async () => {
+      await DSBannerCO.closeBanner();
+      await DSBannerCO.waitForLiveRegionCleared();
+      await DSBannerCO.openBanner();
+      await DSBannerCO.waitForLiveRegionText(DSBannerCO.ANNOUNCEMENT_TITLE);
+    });
   });
   describe('PUI-17539 - Banner - Role Alert -Func', () => {
     before('loading page', async () => {
@@ -44,6 +89,15 @@ if (
       await banner.waitForDisplayed();
       await expect(banner).toHaveAttribute('role', 'alert');
     });
+    it('02: should announce title and body in the alert without moving focus', async () => {
+      const banner = await DSBannerCO.getBanner();
+      await expect(banner).toHaveText(expect.stringContaining(DSBannerCO.ANNOUNCEMENT_TITLE));
+      await expect(banner).toHaveText(expect.stringContaining(DSBannerCO.ANNOUNCEMENT_BODY));
+      await expect(await banner.$$('button, a').length).toBe(0);
+      const liveRegion = await DSBannerCO.getLiveRegionPortal();
+      await expect(liveRegion).not.toExist();
+      await expect(await DSBannerCO.getActiveElementTestId()).toBe('ds-button');
+    });
   });
   describe('PUI-17540 - Banner - Role Region and Alert -Func', () => {
     before('loading page', async () => {
@@ -60,4 +114,61 @@ if (
       await expect(banner).toHaveAttribute('role', 'alert');
     });
   });
+  // Documented action-link setup (isPageNotice + withLiveRegionAnnouncement="none"), PUI-17840
+  describe('PUI-19264 - DSBanner:: region without live announcement - Func', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSBannerCO.roleRegionNoAnnouncementTest.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+    it('01: should render a page region that is not announced automatically', async () => {
+      const bannerContainer = await DSBannerCO.getBannerContainer();
+      await bannerContainer.waitForDisplayed();
+      await expect(bannerContainer).toHaveAttribute('role', 'region');
+      await expect(await $$('[role="alert"]').length).toBe(0);
+      const liveRegion = await DSBannerCO.getLiveRegionPortal();
+      await expect(liveRegion).not.toExist();
+      const actionLink = await DSBannerCO.getActionLink();
+      await expect(actionLink).toHaveAttribute('href');
+    });
+  });
+  // Tests for the fix introduced in PUI-19088 (isPageNotice region had no accessible name)
+  describe('PUI-19265 - DSBanner:: page notice region accessible name - Func', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSBannerCO.regionAccessibleNameTest.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+    it('01: should name each page notice region from its title, its label or the consumer name', async () => {
+      const defaultRegion = await DSBannerCO.getRegionByCase('region-default-name');
+      await defaultRegion.waitForDisplayed();
+      const defaultTitle = await DSBannerCO.getRegionTitleByCase('region-default-name');
+      const defaultTitleId = await defaultTitle.getAttribute('id');
+      await expect(defaultTitleId).toBeTruthy();
+      await expect(defaultTitle).toHaveText('Default name from title');
+      await expect(await DSBannerCO.getRegionNameAttributes('region-default-name')).toEqual({
+        ariaLabel: null,
+        ariaLabelledby: defaultTitleId,
+      });
+
+      const secondTitle = await DSBannerCO.getRegionTitleByCase('region-second-default-name');
+      const secondTitleId = await secondTitle.getAttribute('id');
+      await expect(secondTitleId).not.toBe(defaultTitleId);
+      await expect(await DSBannerCO.getRegionNameAttributes('region-second-default-name')).toEqual({
+        ariaLabel: null,
+        ariaLabelledby: secondTitleId,
+      });
+
+      await expect(await DSBannerCO.getRegionNameAttributes('region-custom-body')).toEqual({
+        ariaLabel: 'Custom body label',
+        ariaLabelledby: null,
+      });
+      await expect(await DSBannerCO.getRegionNameAttributes('region-slot-name')).toEqual({
+        ariaLabel: 'Name from container slot',
+        ariaLabelledby: null,
+      });
+      await expect(await DSBannerCO.getRegionNameAttributes('region-container-props-name')).toEqual({
+        ariaLabel: 'Name from containerProps',
+        ariaLabelledby: null,
+      });
+    });
+  });
 }

package/ds-banner/ids/DSBanner.ids.func.spec.js

@@ -0,0 +1,66 @@
+import DSBannerCO from '../DSBannerCO';
+
+if (
+  (!browser.capabilities['ice:options'].isPhone &&
+    !browser.capabilities['ice:options'].isTablet &&
+    browser.capabilities.browserName === 'chrome') ||
+  browser.capabilities.browserName === 'Chrome'
+) {
+  // Tests for the fix introduced in PUI-19089 (the body had the hardcoded id "ds-banner-body", repeated per banner)
+  describe('PUI-19271 - DSBanner:: per-instance ids and bannerId references - Func', () => {
+    const GENERATED_ONE = 0;
+    const GENERATED_TWO = 1;
+    const SAVED = 2;
+    const MAINTENANCE = 3;
+
+    let bannerIds;
+
+    before('loading page', async () => {
+      const errorOnGo = await DSBannerCO.bannerIdsTest.go();
+      if (errorOnGo) throw errorOnGo;
+      bannerIds = await DSBannerCO.getBannerIds();
+    });
+
+    it('01: should render unique ids derived from one base for banners without bannerId', async () => {
+      const allIds = await DSBannerCO.getAllBannerIds();
+      await expect(allIds.length).toBe(new Set(allIds).size);
+      await expect(allIds).not.toContain('ds-banner-body');
+
+      [GENERATED_ONE, GENERATED_TWO].forEach((index) => {
+        const { base, title, body, liveRegionTestId } = bannerIds[index];
+        expect(base).toMatch(/^[A-Za-z]/);
+        expect(title).toBe(`${base}-title`);
+        expect(body).toBe(`${base}-body`);
+        expect(liveRegionTestId).toBe('ds-banner-live-region-portal');
+      });
+      await expect(bannerIds[GENERATED_ONE].base).not.toBe(bannerIds[GENERATED_TWO].base);
+    });
+
+    it('02: should derive every id from the bannerId set by the consumer', async () => {
+      await expect(bannerIds[SAVED]).toEqual({
+        base: 'saved-banner',
+        title: 'saved-banner-title',
+        body: 'saved-banner-body',
+        liveRegionTestId: 'ds-banner-live-region-portal',
+      });
+      await expect(bannerIds[MAINTENANCE]).toEqual({
+        base: 'maintenance-banner',
+        title: 'maintenance-banner-title',
+        body: 'maintenance-banner-body',
+        liveRegionTestId: 'ds-banner-live-region-portal',
+      });
+    });
+
+    it('03: should describe each action link with the body of its own banner', async () => {
+      const savedDescription = await DSBannerCO.getActionLinkDescription(0);
+      await expect(savedDescription.describedBy).toBe('saved-banner-body');
+      await expect(savedDescription.isInsideOwnBanner).toBe(true);
+      await expect(savedDescription.text).toContain('Your settings were saved successfully.');
+
+      const maintenanceDescription = await DSBannerCO.getActionLinkDescription(1);
+      await expect(maintenanceDescription.describedBy).toBe('maintenance-banner-body');
+      await expect(maintenanceDescription.isInsideOwnBanner).toBe(true);
+      await expect(maintenanceDescription.text).toContain('A maintenance window starts tonight at 10 PM.');
+    });
+  });
+}

package/ds-banner/live-region-lang-dir/DSBanner.live-region-lang-dir.func.spec.js

@@ -0,0 +1,54 @@
+import DSBannerCO from '../DSBannerCO';
+
+if (
+  (!browser.capabilities['ice:options'].isPhone &&
+    !browser.capabilities['ice:options'].isTablet &&
+    browser.capabilities.browserName === 'chrome') ||
+  browser.capabilities.browserName === 'Chrome'
+) {
+  // Tests for the fix introduced in PUI-19090 (the live region portal did not carry the lang and dir of the banner)
+  describe('PUI-19272 - DSBanner:: live region lang and dir - Func', () => {
+    const POLITE = 0;
+    const ASSERTIVE = 1;
+    const WITHOUT_LANG_DIR = 2;
+
+    before('loading page', async () => {
+      const errorOnGo = await DSBannerCO.liveRegionLangDirTest.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+
+    it('01: should carry the lang and dir of the banner in the polite and assertive live regions', async () => {
+      const politePortal = await DSBannerCO.getLiveRegionPortalByIndex(POLITE);
+      await expect(politePortal).toHaveAttribute('lang', 'fr');
+      await expect(politePortal).toHaveAttribute('dir', 'rtl');
+
+      const assertivePortal = await DSBannerCO.getLiveRegionPortalByIndex(ASSERTIVE);
+      await expect(assertivePortal).toHaveAttribute('lang', 'es');
+      await expect(assertivePortal).toHaveAttribute('dir', 'ltr');
+    });
+
+    it('02: should not render lang or dir in the live region of a banner that does not set them', async () => {
+      const portal = await DSBannerCO.getLiveRegionPortalByIndex(WITHOUT_LANG_DIR);
+      await expect(portal).not.toHaveAttribute('lang');
+      await expect(portal).not.toHaveAttribute('dir');
+    });
+
+    it('03: should keep lang and dir in the live regions after the banners are closed', async () => {
+      const toggleButton = await DSBannerCO.getButton();
+      await toggleButton.click();
+      await DSBannerCO.waitForLiveRegionCleared();
+
+      const politePortal = await DSBannerCO.getLiveRegionPortalByIndex(POLITE);
+      await expect(politePortal).toHaveAttribute('lang', 'fr');
+      await expect(politePortal).toHaveAttribute('dir', 'rtl');
+
+      const assertivePortal = await DSBannerCO.getLiveRegionPortalByIndex(ASSERTIVE);
+      await expect(assertivePortal).toHaveAttribute('lang', 'es');
+      await expect(assertivePortal).toHaveAttribute('dir', 'ltr');
+
+      const portalWithoutLangDir = await DSBannerCO.getLiveRegionPortalByIndex(WITHOUT_LANG_DIR);
+      await expect(portalWithoutLangDir).not.toHaveAttribute('lang');
+      await expect(portalWithoutLangDir).not.toHaveAttribute('dir');
+    });
+  });
+}

package/ds-banner/slide-animation/DSBanner.slide-animation.func.spec.js

@@ -0,0 +1,105 @@
+import DSBannerCO from '../DSBannerCO';
+
+// the samples come from the page (requestAnimationFrame), so these tolerances only absorb the machine speed
+const MOTION_MS = 500;
+const MIN_END_MS = MOTION_MS * 0.7;
+const MAX_END_MS = MOTION_MS * 2;
+const MIN_INTERMEDIATE_FRAMES = 5;
+const PX_TOLERANCE = 1;
+
+const isIntermediate = (height, fullHeight) => height > PX_TOLERANCE && height < fullHeight - PX_TOLERANCE;
+const heights = (samples) => samples.map(({ height }) => height).filter((height) => height !== null);
+// the frames of the motion: from the first one that is clearly collapsed. Some engines report, in the sampler's very
+//   first frame, the size of a layout flushed before their first rendering update (the banner never paints like that)
+const getMotionFrames = (samples, fullHeight) => {
+  const start = samples.findIndex(({ height }) => height !== null && height < fullHeight * 0.5);
+  return start === -1 ? [] : samples.slice(start);
+};
+const isMonotonic = (values, direction) =>
+  values.every((value, index) => index === 0 || (value - values[index - 1]) * direction >= -PX_TOLERANCE);
+
+// Banner spec v2, "Motion and Animation": the banner slides down (open) and up (close) in 500 ms, pushing the content
+//   below gradually. Tests for the fix introduced in PUI-19232 (the slide was not rendered).
+if (!browser.capabilities['ice:options'].isPhone && !browser.capabilities['ice:options'].isTablet) {
+  describe('PUI-19269 - Banner:: open and close slide animation (500 ms) - Func', () => {
+    let openSamples;
+    let openFrames;
+    let closeSamples;
+    let closedPushedTop;
+    let fullHeight;
+
+    before('loading page', async () => {
+      const errorOnGo = await DSBannerCO.pushesContentURL.go();
+      if (errorOnGo) throw errorOnGo;
+      closedPushedTop = await DSBannerCO.getPushedContentTop();
+    });
+
+    it('01: should grow the banner gradually from 0 to its full height when opening', async () => {
+      openSamples = await DSBannerCO.sampleSlide('open');
+      const withBanner = openSamples.filter(({ height }) => height !== null);
+      fullHeight = withBanner[withBanner.length - 1].height;
+      expect(fullHeight).toBeGreaterThan(50);
+      // not at full height from the start: there are frames in which the banner is (almost) collapsed
+      openFrames = getMotionFrames(openSamples, fullHeight);
+      expect(openFrames.length).toBeGreaterThan(0);
+      expect(openFrames[0].height).toBeLessThan(fullHeight * 0.25);
+      // several frames in between and never shrinking
+      expect(heights(openFrames).filter((height) => isIntermediate(height, fullHeight)).length).toBeGreaterThanOrEqual(
+        MIN_INTERMEDIATE_FRAMES,
+      );
+      expect(isMonotonic(heights(openFrames), 1)).toBe(true);
+    });
+
+    it('02: should take about 500 ms to reach the full height when opening', async () => {
+      const reached = openFrames.find(({ height }) => height >= fullHeight - PX_TOLERANCE);
+      expect(reached.t).toBeGreaterThanOrEqual(MIN_END_MS);
+      expect(reached.t).toBeLessThanOrEqual(MAX_END_MS);
+    });
+
+    it('03: should push the content below gradually and in sync with the banner when opening', async () => {
+      const pushedTops = openFrames.map(({ pushedTop }) => pushedTop);
+      expect(isMonotonic(pushedTops, 1)).toBe(true);
+      expect(
+        pushedTops.filter((top) => isIntermediate(top - closedPushedTop, fullHeight)).length,
+      ).toBeGreaterThanOrEqual(MIN_INTERMEDIATE_FRAMES);
+      openFrames.forEach(({ height, pushedTop }) => expect(pushedTop - closedPushedTop).toBeCloseTo(height, 0));
+    });
+
+    it('04: should keep the banner in the document, closed for everyone, while it slides up', async () => {
+      closeSamples = await DSBannerCO.sampleSlide('close');
+      // not removed on the first frame
+      expect(closeSamples.filter(({ height }) => height !== null).length).toBeGreaterThan(MIN_INTERMEDIATE_FRAMES);
+      expect(closeSamples[1].height).toBeGreaterThan(fullHeight * 0.5);
+      // from the first rendered frame after the click: not exposed and not interactive
+      const sliding = closeSamples.filter(({ height, t }) => height !== null && t > 0);
+      sliding.forEach(({ inert, ariaHidden }) => {
+        expect(inert).toBe(true);
+        expect(ariaHidden).toBe('true');
+      });
+      // the close button had focus: once inert the focus is not inside the banner anymore
+      closeSamples
+        .filter(({ height, t }) => height !== null && t > 100)
+        .forEach(({ focusInside }) => expect(focusInside).toBe(false));
+    });
+
+    it('05: should collapse gradually and be removed after about 500 ms when closing', async () => {
+      expect(isMonotonic(heights(closeSamples), -1)).toBe(true);
+      expect(
+        heights(closeSamples).filter((height) => isIntermediate(height, fullHeight)).length,
+      ).toBeGreaterThanOrEqual(MIN_INTERMEDIATE_FRAMES);
+      const removed = closeSamples.find(({ height }) => height === null);
+      expect(removed.t).toBeGreaterThanOrEqual(MIN_END_MS);
+      expect(removed.t).toBeLessThanOrEqual(MAX_END_MS);
+      await expect(await DSBannerCO.getBannerContainer()).not.toExist();
+    });
+
+    it('06: should move the content below back gradually when closing', async () => {
+      const pushedTops = closeSamples.map(({ pushedTop }) => pushedTop);
+      expect(isMonotonic(pushedTops, -1)).toBe(true);
+      expect(
+        pushedTops.filter((top) => isIntermediate(top - closedPushedTop, fullHeight)).length,
+      ).toBeGreaterThanOrEqual(MIN_INTERMEDIATE_FRAMES);
+      expect(pushedTops[pushedTops.length - 1]).toBeCloseTo(closedPushedTop, 0);
+    });
+  });
+}

package/ds-banner/slots/DSBanner.slots.axe-core.func.spec.js

@@ -0,0 +1,24 @@
+import DSBannerCO from '../DSBannerCO';
+import { axeCoreCheck } from '../../helpers';
+
+if (
+  (!browser.capabilities['ice:options'].isPhone &&
+    !browser.capabilities['ice:options'].isTablet &&
+    browser.capabilities.browserName === 'chrome') ||
+  browser.capabilities.browserName === 'Chrome'
+) {
+  // Coverage for PUI-17935 (slots implementation and Dimsum slot compliance)
+  describe('PUI-19263 - DSBanner:: slots theming - AxeCore', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSBannerCO.slotsTest.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+
+    it('01: should display the banners customized using slots and pass axecore test', async () => {
+      const banner = await DSBannerCO.getContainerSlotByIndex();
+      await banner.waitForDisplayed();
+      const result = await axeCoreCheck();
+      expect(result.length).toBe(0);
+    });
+  });
+}

package/ds-banner/slots/DSBanner.slots.func.spec.js

@@ -30,6 +30,9 @@ if (
       await expect(bannerButtonSlot).toBeDisplayed();
       await expect(bannerLayoutSlot).toBeDisplayed();
       await expect(bannerActionLinkSlot).toBeDisplayed();
+      // PUI-17935: the close button exposes its parent slot (nested DSButton)
+      const bannerCloseButtonSlot = await DSBannerCO.getCloseButtonSlotByIndex();
+      await expect(bannerCloseButtonSlot).toBeDisplayed();
     });
     it('02: should find custom aria for each SLOT', async () => {
       const bannerTitleSlot = await DSBannerCO.getTitleSlotByIndex();
@@ -48,6 +51,8 @@ if (
       await expect(bannerIconsSlots).toHaveAttribute('aria-label', 'im iconcontainer aria');
       await expect(bannerButtonSlot).toHaveAttribute('aria-label', 'im closebutton aria');
       await expect(bannerActionLinkSlot).toHaveAttribute('aria-label', 'im actionlink aria');
+      const bannerCloseButtonSlot = await DSBannerCO.getCloseButtonSlotByIndex();
+      await expect(bannerCloseButtonSlot).toHaveAttribute('aria-label', 'im closebutton aria');
     });
     it('03: should find custom data for each SLOT', async () => {
       const bannerTitleSlot = await DSBannerCO.getTitleSlotByIndex();
@@ -66,6 +71,8 @@ if (
       await expect(bannerIconsSlots).toHaveAttribute('data-testid', 'im iconcontainer data');
       await expect(bannerButtonSlot).toHaveAttribute('data-testid', 'im closebutton data');
       await expect(bannerActionLinkSlot).toHaveAttribute('data-testid', 'im actionlink data');
+      const bannerCloseButtonSlot = await DSBannerCO.getCloseButtonSlotByIndex();
+      await expect(bannerCloseButtonSlot).toHaveAttribute('data-testid', 'im closebutton data');
     });
   });
 }

package/ds-banner/slots/DSBanner.slots.visual.spec.js

@@ -9,6 +9,8 @@ if (!browser.capabilities['ice:options'].isPhone && !browser.capabilities['ice:o
     it('should display the banners customized using slots', async () => {
       const banner = await DSBannerCO.getContainerSlotByIndex();
       await banner.waitForDisplayed();
+      // the banners are open on load and slide down for 500 ms
+      await DSBannerCO.waitForSlideToEnd();
       const snapshot = await browser.percyCheckScreenshot();
       await expect(snapshot).toEqual(0);
     });

package/ds-banner/title-element/DSBanner.title-element.func.spec.js

@@ -0,0 +1,29 @@
+import DSBannerCO from '../DSBannerCO';
+
+if (
+  (!browser.capabilities['ice:options'].isPhone &&
+    !browser.capabilities['ice:options'].isTablet &&
+    browser.capabilities.browserName === 'chrome') ||
+  browser.capabilities.browserName === 'Chrome'
+) {
+  // Tests for the fix introduced in PUI-19231 (the title was an h5 and added a heading to the host page outline)
+  describe('PUI-19270 - DSBanner:: title rendered as span, not heading - Func', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSBannerCO.infoURL.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+
+    it('01: should render the title as a span without heading role and keep its attributes', async () => {
+      await DSBannerCO.openBanner();
+
+      const title = await DSBannerCO.getTitle();
+      await expect(title).toBeDisplayed();
+      await expect(await title.getTagName()).toBe('span');
+      await expect(title).not.toHaveAttribute('role');
+      await expect(await DSBannerCO.getHeadingsCountInBanners()).toBe(0);
+
+      await expect(title).toHaveAttribute('data-dimsum-parent-slot', 'dsBannerTitle');
+      await expect(await title.getAttribute('id')).toBeTruthy();
+    });
+  });
+}

package/ds-ribbon/DSRibbonCO.js

@@ -12,6 +12,10 @@ export default class DSRibbonCO extends PageObject {
 
   static themingURL = new Urlbuilder(PATH_E2E_RIBBON, 'theming-test');
 
+  static wrapColumnsURL = new Urlbuilder(PATH_E2E_RIBBON, 'wrap-columns-test');
+
+  static keyboardAccessibleRowURL = new Urlbuilder(PATH_E2E_RIBBON, 'keyboard-accessible-row-test');
+
   static async getRibbon() {
     return $('[data-testid="button-wrapper"]');
   }
@@ -91,6 +95,23 @@ export default class DSRibbonCO extends PageObject {
     return $('[data-testid="ribbon-card-theming"]');
   }
 
+  // Wrap Columns / Keyboard Accessible Row selectors
+  static async getRowInContainer(containerTestId) {
+    return $(`[data-testid="${containerTestId}"] [data-dimsum-slot="dsRibbonRibbonRow"]`);
+  }
+
+  static async getWrapColumnsRow() {
+    return DSRibbonCO.getRowInContainer('ribbon-wrap-columns-container');
+  }
+
+  static async getFocusableRow() {
+    return DSRibbonCO.getRowInContainer('ribbon-focusable-row-container');
+  }
+
+  static async getExpandProcessedBtn() {
+    return $('[data-testid="expand-processed-btn"]');
+  }
+
   // Snapshots
   static snapshotPath(example = 'basic') {
     return PageObject.getSnapshotPathBuilder('Ribbon', example, 'ds-modal');

package/ds-ribbon/keyboard-accessible-row/DSRibbon.keyboard-accessible-row.visual.spec.js

@@ -0,0 +1,40 @@
+import { Key } from 'webdriverio';
+import DSRibbonCO from '../DSRibbonCO';
+
+// Kept at module scope so the waitUntil below stays within the max-nested-callbacks limit.
+const readScrollLeft = (el) => el.scrollLeft;
+
+if (!browser.capabilities['ice:options'].isPhone && !browser.capabilities['ice:options'].isTablet) {
+  // Tests for the fix introduced in PUI-19188 (scrolling row had no tabindex and could not be reached by keyboard)
+  describe('PUI-19230 - DSRibbon:: scrolling row keyboard access - Visual', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSRibbonCO.keyboardAccessibleRowURL.go();
+      if (errorOnGo) throw errorOnGo;
+      const row = await DSRibbonCO.getFocusableRow();
+      await row.waitForDisplayed();
+    });
+
+    it('01: should display the focus indicator on the scrolling row', async () => {
+      await browser.keys(Key.Tab);
+      const row = await DSRibbonCO.getFocusableRow();
+      await expect(row).toBeFocused();
+      // The row advertises "use the arrow keys to reach the remaining columns", so drive that before
+      // the snapshot: arrow keys keep focus on the row, so the Tab in 02 still reaches the button.
+      const scrollLeftBefore = await browser.execute(readScrollLeft, row);
+      await browser.keys(Key.ArrowRight);
+      await browser.waitUntil(async () => (await browser.execute(readScrollLeft, row)) > scrollLeftBefore, {
+        timeoutMsg: 'expected ArrowRight to scroll the focused row towards the off-screen columns',
+      });
+      const snapshot = await browser.percyCheckScreenshot();
+      await expect(snapshot).toEqual(0);
+    });
+
+    it('02: should display the off-screen button scrolled into view with focus', async () => {
+      await browser.keys(Key.Tab);
+      const btn = await DSRibbonCO.getExpandProcessedBtn();
+      await expect(btn).toBeFocused();
+      const snapshot = await browser.percyCheckScreenshot();
+      await expect(snapshot).toEqual(0);
+    });
+  });
+}

package/ds-ribbon/wrap-columns/DSRibbon.wrap-columns.visual.spec.js

@@ -0,0 +1,18 @@
+import DSRibbonCO from '../DSRibbonCO';
+
+if (!browser.capabilities['ice:options'].isPhone && !browser.capabilities['ice:options'].isTablet) {
+  // Tests for the fix introduced in PUI-19188 (row scrolled at narrow widths, off-screen columns unreachable)
+  describe('PUI-19229 - DSRibbon:: wrapColumns row wrapping - Visual', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSRibbonCO.wrapColumnsURL.go();
+      if (errorOnGo) throw errorOnGo;
+      const row = await DSRibbonCO.getWrapColumnsRow();
+      await row.waitForDisplayed();
+    });
+
+    it('01: should display the default scrolling row and the wrapped row', async () => {
+      const snapshot = await browser.percyCheckScreenshot();
+      await expect(snapshot).toEqual(0);
+    });
+  });
+}

package/ds-shuttle-v2/load-more/DSShuttleV2.load-more.keyboard.func.spec.js

@@ -3,8 +3,23 @@
 import { Key } from 'webdriverio';
 import DSShuttleV2CO from '../DSShuttleV2CO';
 
+/**
+ * Tab forward until `element` holds focus, then assert it does. Chromium, Gecko and WebKit do not
+ * agree on how many stops sit between the two panels, so a fixed Tab count activates the wrong
+ * control on some engines. Bounded so a missing stop fails with this assertion instead of looping.
+ */
+const tabUntilFocused = async (element, maxTabs = 10) => {
+  for (let i = 0; i < maxTabs; i += 1) {
+    // eslint-disable-next-line no-await-in-loop
+    if (await element.isFocused()) break;
+    // eslint-disable-next-line no-await-in-loop
+    await browser.keys(Key.Tab);
+  }
+  await expect(element).toBeFocused();
+};
+
 if (!browser.capabilities['ice:options'].isPhone && !browser.capabilities['ice:options'].isTablet) {
-  describe('PUI-9799 - Shuttle V2, TabStops with BAB and LoadMore -Func.', () => {
+  describe('PUI-9799 - Shuttle V2, TabStops with BAB and LoadMore - Keyboard Func.', () => {
     before(async () => {
       const errorOnGo = await DSShuttleV2CO.loadMoreURL.go();
       if (errorOnGo) throw errorOnGo;
@@ -19,43 +34,57 @@ if (!browser.capabilities['ice:options'].isPhone && !browser.capabilities['ice:o
       await expect(BAB).toBeDisplayed();
       await expect(sourcePanelCheckbox).toBeFocused();
     });
-    it('03: should tab and focus the source panel', async () => {
+    it('02: should tab and focus the source panel', async () => {
       await browser.keys(Key.Tab);
       const sourcePanel = await DSShuttleV2CO.getListWrapperMid(0);
       await expect(sourcePanel).toBeFocused();
     });
-    it('04: should tab and focus the BAB', async () => {
+    it('03: should tab and focus the BAB', async () => {
       await browser.keys(Key.Tab);
       const BAB = await DSShuttleV2CO.getMoveMultipleButton(0);
       await expect(BAB).toBeFocused();
     });
-    it('05: should tab and focus the loadmore', async () => {
+    it('04: should tab and focus the loadmore', async () => {
       await browser.keys(Key.Tab);
       const loadMore = await DSShuttleV2CO.getListBottomLoadMoreBtn(0);
       await expect(loadMore).toBeFocused();
     });
-    it('06: should tab and focus the global checkbox from destination panel', async () => {
+    it('05: should tab and focus the global checkbox from destination panel', async () => {
       await browser.keys(Key.Tab);
       const destinationPanelCheckbox = await DSShuttleV2CO.getCheckboxByIndex(1);
       await expect(destinationPanelCheckbox).toBeFocused();
     });
-    it('07: should move all the items to destination panel', async () => {
-      await browser.keys(Key.Return);
-      await browser.keys(Key.Tab);
-      await browser.keys(Key.Tab);
-      await browser.keys(Key.Return);
+    it('06: should move all the items to destination panel', async () => {
+      // Tab counts are not portable: the stops between the two panels differ per engine, and a
+      // hard-coded count lands Return on the wrong control in Safari. Walk until the target has
+      // focus instead, which asserts the same stops on every browser.
+      await tabUntilFocused(await DSShuttleV2CO.getCheckboxByIndex(0));
+      await browser.keys(Key.Return); // select every source item
+      await tabUntilFocused(await DSShuttleV2CO.getMoveMultipleButton());
+      await browser.keys(Key.Return); // move them to the destination
+      await browser.waitUntil(async () => (await DSShuttleV2CO.getItemsFromSource()).length === 0, {
+        timeoutMsg: 'expected the source panel to be emptied into the destination',
+      });
       const emptyListWrapper = await DSShuttleV2CO.getEmptyListWrapper();
       await expect(emptyListWrapper).toHaveText(expect.stringContaining('There are no items to display'));
     });
-    it('08: should load more items and focus the panel body', async () => {
-      await browser.keys(Key.Tab);
-      await browser.keys(Key.Return);
-      // eslint-disable-next-line wdio/no-pause
-      await browser.pause(500); // wait for load more to finish
-      const destinationPanel = await DSShuttleV2CO.getListWrapperMid(1);
+    it('07: should load the first page back into the emptied destination panel', async () => {
+      await tabUntilFocused(await DSShuttleV2CO.getCheckboxByIndex(1));
+      await browser.keys(Key.Return); // select every destination item
+      await tabUntilFocused(await DSShuttleV2CO.getMoveMultipleButton());
+      await browser.keys(Key.Return); // move them out of the destination
+      await browser.waitUntil(async () => (await DSShuttleV2CO.getItemsFromDestination()).length === 0, {
+        timeoutMsg: 'expected the destination panel to be emptied back into the source',
+      });
+      await tabUntilFocused(await DSShuttleV2CO.getListBottomLoadMoreBtn(1));
+      await browser.keys(Key.Return); // load the first page back in
+      // Where focus lands after load more is not asserted: Chromium parks it on the panel body,
+      // Firefox and Safari do not, so it is engine behaviour rather than a component contract.
+      await browser.waitUntil(async () => (await DSShuttleV2CO.getItemsFromDestination()).length === 3, {
+        timeoutMsg: 'expected destination load more to append its first page of 3 items',
+      });
       const destinationItems = (await DSShuttleV2CO.getItemsFromDestination()).length;
       await expect(destinationItems).toBe(3);
-      await expect(destinationPanel).toBeFocused();
     });
   });
 }

package/package.json

@@ -1,100 +1,100 @@
 {
   "type": "module",
   "name": "dimsum-e2e-tests",
-  "version": "3.80.0-next.36",
+  "version": "3.80.0-next.39",
   "description": "End-to-end tests for dimsum library",
   "dependencies": {
-    "@elliemae/ds-accessibility": "3.80.0-next.36",
-    "@elliemae/ds-accordion": "3.80.0-next.36",
-    "@elliemae/ds-app-picker": "3.80.0-next.36",
-    "@elliemae/ds-backdrop": "3.80.0-next.36",
-    "@elliemae/ds-banner": "3.80.0-next.36",
-    "@elliemae/ds-basic": "3.80.0-next.36",
-    "@elliemae/ds-breadcrumb": "3.80.0-next.36",
-    "@elliemae/ds-button-v2": "3.80.0-next.36",
-    "@elliemae/ds-card": "3.80.0-next.36",
-    "@elliemae/ds-card-navigation": "3.80.0-next.36",
-    "@elliemae/ds-card-v1": "3.80.0-next.36",
-    "@elliemae/ds-card-v1-detail": "3.80.0-next.36",
-    "@elliemae/ds-card-v2": "3.80.0-next.36",
-    "@elliemae/ds-card-v2-action-addon": "3.80.0-next.36",
-    "@elliemae/ds-card-v2-group": "3.80.0-next.36",
-    "@elliemae/ds-card-v3": "3.80.0-next.36",
-    "@elliemae/ds-card-v3-poc": "3.80.0-next.36",
-    "@elliemae/ds-chat": "3.80.0-next.36",
-    "@elliemae/ds-chat-bubble": "3.80.0-next.36",
-    "@elliemae/ds-chat-card": "3.80.0-next.36",
-    "@elliemae/ds-chat-container": "3.80.0-next.36",
-    "@elliemae/ds-chat-container-header": "3.80.0-next.36",
-    "@elliemae/ds-chat-empty-state": "3.80.0-next.36",
-    "@elliemae/ds-chat-floating-button": "3.80.0-next.36",
-    "@elliemae/ds-chat-message-delimeter": "3.80.0-next.36",
-    "@elliemae/ds-chat-sidebar": "3.80.0-next.36",
-    "@elliemae/ds-chat-system-message": "3.80.0-next.36",
-    "@elliemae/ds-chat-tile": "3.80.0-next.36",
-    "@elliemae/ds-chip": "3.80.0-next.36",
-    "@elliemae/ds-circular-progress-indicator": "3.80.0-next.36",
-    "@elliemae/ds-classnames": "3.80.0-next.36",
-    "@elliemae/ds-codeeditor": "3.80.0-next.36",
-    "@elliemae/ds-comments": "3.80.0-next.36",
-    "@elliemae/ds-controlled-form": "3.80.0-next.36",
-    "@elliemae/ds-csv-converter": "3.80.0-next.36",
-    "@elliemae/ds-data-table": "3.80.0-next.36",
-    "@elliemae/ds-data-table-action-cell": "3.80.0-next.36",
-    "@elliemae/ds-data-table-cell": "3.80.0-next.36",
-    "@elliemae/ds-data-table-cell-header": "3.80.0-next.36",
-    "@elliemae/ds-data-table-drag-and-drop-cell": "3.80.0-next.36",
-    "@elliemae/ds-data-table-expand-cell": "3.80.0-next.36",
-    "@elliemae/ds-data-table-filters": "3.80.0-next.36",
-    "@elliemae/ds-data-table-multi-select-cell": "3.80.0-next.36",
-    "@elliemae/ds-data-table-single-select-cell": "3.80.0-next.36",
-    "@elliemae/ds-dataviz": "3.80.0-next.36",
-    "@elliemae/ds-dataviz-pie": "3.80.0-next.36",
-    "@elliemae/ds-date-time-picker": "3.80.0-next.36",
-    "@elliemae/ds-decision-graph": "3.80.0-next.36",
-    "@elliemae/ds-dialog": "3.80.0-next.36",
-    "@elliemae/ds-drag-and-drop": "3.80.0-next.36",
-    "@elliemae/ds-dropdownmenu-v2": "3.80.0-next.36",
-    "@elliemae/ds-dropzone": "3.80.0-next.36",
-    "@elliemae/ds-fast-list": "3.80.0-next.36",
-    "@elliemae/ds-filter-bar": "3.80.0-next.36",
-    "@elliemae/ds-floating-context": "3.80.0-next.36",
-    "@elliemae/ds-form-checkbox": "3.80.0-next.36",
-    "@elliemae/ds-form-combobox": "3.80.0-next.36",
-    "@elliemae/ds-form-date-range-picker": "3.80.0-next.36",
-    "@elliemae/ds-form-date-time-picker": "3.80.0-next.36",
-    "@elliemae/ds-form-helpers-mask-hooks": "3.80.0-next.36",
-    "@elliemae/ds-form-input-text": "3.80.0-next.36",
-    "@elliemae/ds-form-input-textarea": "3.80.0-next.36",
-    "@elliemae/ds-form-layout-autocomplete": "3.80.0-next.36",
-    "@elliemae/ds-form-layout-blocks": "3.80.0-next.36",
-    "@elliemae/ds-form-layout-input-group": "3.80.0-next.36",
-    "@elliemae/ds-form-layout-label": "3.80.0-next.36",
-    "@elliemae/ds-form-multi-combobox": "3.80.0-next.36",
-    "@elliemae/ds-form-native-select": "3.80.0-next.36",
-    "@elliemae/ds-form-radio": "3.80.0-next.36",
-    "@elliemae/ds-form-select": "3.80.0-next.36",
-    "@elliemae/ds-form-single-combobox": "3.80.0-next.36",
-    "@elliemae/ds-form-toggle": "3.80.0-next.36",
-    "@elliemae/ds-global-header": "3.80.0-next.36",
-    "@elliemae/ds-grid": "3.80.0-next.36",
-    "@elliemae/ds-hooks-focus-stack": "3.80.0-next.36",
-    "@elliemae/ds-hooks-focus-trap": "3.80.0-next.36",
-    "@elliemae/ds-hooks-fontsize-detector": "3.80.0-next.36",
-    "@elliemae/ds-hooks-fontsize-media": "3.80.0-next.36",
-    "@elliemae/ds-hooks-headless-tooltip": "3.80.0-next.36",
-    "@elliemae/ds-hooks-is-mobile": "3.80.0-next.36",
-    "@elliemae/ds-hooks-is-showing-ellipsis": "3.80.0-next.36",
-    "@elliemae/ds-hooks-keyboard-navigation": "3.80.0-next.36",
-    "@elliemae/ds-hooks-on-blur-out": "3.80.0-next.36",
-    "@elliemae/ds-hooks-on-first-focus-in": "3.80.0-next.36",
-    "@elliemae/ds-icon": "3.80.0-next.36",
-    "@elliemae/ds-icons": "3.80.0-next.36",
-    "@elliemae/ds-image": "3.80.0-next.36",
-    "@elliemae/ds-imagelibrarymodal": "3.80.0-next.36",
-    "@elliemae/ds-indeterminate-progress-indicator": "3.80.0-next.36",
-    "@elliemae/ds-layout-provider": "3.80.0-next.36",
-    "@elliemae/ds-left-navigation": "3.80.0-next.36",
+    "@elliemae/ds-accessibility": "3.80.0-next.39",
+    "@elliemae/ds-accordion": "3.80.0-next.39",
+    "@elliemae/ds-app-picker": "3.80.0-next.39",
+    "@elliemae/ds-backdrop": "3.80.0-next.39",
+    "@elliemae/ds-banner": "3.80.0-next.39",
+    "@elliemae/ds-basic": "3.80.0-next.39",
+    "@elliemae/ds-breadcrumb": "3.80.0-next.39",
+    "@elliemae/ds-button-v2": "3.80.0-next.39",
+    "@elliemae/ds-card": "3.80.0-next.39",
+    "@elliemae/ds-card-navigation": "3.80.0-next.39",
+    "@elliemae/ds-card-v1": "3.80.0-next.39",
+    "@elliemae/ds-card-v1-detail": "3.80.0-next.39",
+    "@elliemae/ds-card-v2": "3.80.0-next.39",
+    "@elliemae/ds-card-v2-action-addon": "3.80.0-next.39",
+    "@elliemae/ds-card-v2-group": "3.80.0-next.39",
+    "@elliemae/ds-card-v3": "3.80.0-next.39",
+    "@elliemae/ds-card-v3-poc": "3.80.0-next.39",
+    "@elliemae/ds-chat": "3.80.0-next.39",
+    "@elliemae/ds-chat-bubble": "3.80.0-next.39",
+    "@elliemae/ds-chat-card": "3.80.0-next.39",
+    "@elliemae/ds-chat-container": "3.80.0-next.39",
+    "@elliemae/ds-chat-container-header": "3.80.0-next.39",
+    "@elliemae/ds-chat-empty-state": "3.80.0-next.39",
+    "@elliemae/ds-chat-floating-button": "3.80.0-next.39",
+    "@elliemae/ds-chat-message-delimeter": "3.80.0-next.39",
+    "@elliemae/ds-chat-sidebar": "3.80.0-next.39",
+    "@elliemae/ds-chat-system-message": "3.80.0-next.39",
+    "@elliemae/ds-chat-tile": "3.80.0-next.39",
+    "@elliemae/ds-chip": "3.80.0-next.39",
+    "@elliemae/ds-circular-progress-indicator": "3.80.0-next.39",
+    "@elliemae/ds-classnames": "3.80.0-next.39",
+    "@elliemae/ds-codeeditor": "3.80.0-next.39",
+    "@elliemae/ds-comments": "3.80.0-next.39",
+    "@elliemae/ds-controlled-form": "3.80.0-next.39",
+    "@elliemae/ds-csv-converter": "3.80.0-next.39",
+    "@elliemae/ds-data-table": "3.80.0-next.39",
+    "@elliemae/ds-data-table-action-cell": "3.80.0-next.39",
+    "@elliemae/ds-data-table-cell": "3.80.0-next.39",
+    "@elliemae/ds-data-table-cell-header": "3.80.0-next.39",
+    "@elliemae/ds-data-table-drag-and-drop-cell": "3.80.0-next.39",
+    "@elliemae/ds-data-table-expand-cell": "3.80.0-next.39",
+    "@elliemae/ds-data-table-filters": "3.80.0-next.39",
+    "@elliemae/ds-data-table-multi-select-cell": "3.80.0-next.39",
+    "@elliemae/ds-data-table-single-select-cell": "3.80.0-next.39",
+    "@elliemae/ds-dataviz": "3.80.0-next.39",
+    "@elliemae/ds-dataviz-pie": "3.80.0-next.39",
+    "@elliemae/ds-date-time-picker": "3.80.0-next.39",
+    "@elliemae/ds-decision-graph": "3.80.0-next.39",
+    "@elliemae/ds-dialog": "3.80.0-next.39",
+    "@elliemae/ds-drag-and-drop": "3.80.0-next.39",
+    "@elliemae/ds-dropdownmenu-v2": "3.80.0-next.39",
+    "@elliemae/ds-dropzone": "3.80.0-next.39",
+    "@elliemae/ds-fast-list": "3.80.0-next.39",
+    "@elliemae/ds-filter-bar": "3.80.0-next.39",
+    "@elliemae/ds-floating-context": "3.80.0-next.39",
+    "@elliemae/ds-form-checkbox": "3.80.0-next.39",
+    "@elliemae/ds-form-combobox": "3.80.0-next.39",
+    "@elliemae/ds-form-date-range-picker": "3.80.0-next.39",
+    "@elliemae/ds-form-date-time-picker": "3.80.0-next.39",
+    "@elliemae/ds-form-helpers-mask-hooks": "3.80.0-next.39",
+    "@elliemae/ds-form-input-text": "3.80.0-next.39",
+    "@elliemae/ds-form-input-textarea": "3.80.0-next.39",
+    "@elliemae/ds-form-layout-autocomplete": "3.80.0-next.39",
+    "@elliemae/ds-form-layout-blocks": "3.80.0-next.39",
+    "@elliemae/ds-form-layout-input-group": "3.80.0-next.39",
+    "@elliemae/ds-form-layout-label": "3.80.0-next.39",
+    "@elliemae/ds-form-multi-combobox": "3.80.0-next.39",
+    "@elliemae/ds-form-native-select": "3.80.0-next.39",
+    "@elliemae/ds-form-radio": "3.80.0-next.39",
+    "@elliemae/ds-form-select": "3.80.0-next.39",
+    "@elliemae/ds-form-single-combobox": "3.80.0-next.39",
+    "@elliemae/ds-form-toggle": "3.80.0-next.39",
+    "@elliemae/ds-global-header": "3.80.0-next.39",
+    "@elliemae/ds-grid": "3.80.0-next.39",
+    "@elliemae/ds-hooks-focus-stack": "3.80.0-next.39",
+    "@elliemae/ds-hooks-focus-trap": "3.80.0-next.39",
+    "@elliemae/ds-hooks-fontsize-detector": "3.80.0-next.39",
+    "@elliemae/ds-hooks-fontsize-media": "3.80.0-next.39",
+    "@elliemae/ds-hooks-headless-tooltip": "3.80.0-next.39",
+    "@elliemae/ds-hooks-is-mobile": "3.80.0-next.39",
+    "@elliemae/ds-hooks-is-showing-ellipsis": "3.80.0-next.39",
+    "@elliemae/ds-hooks-keyboard-navigation": "3.80.0-next.39",
+    "@elliemae/ds-hooks-on-blur-out": "3.80.0-next.39",
+    "@elliemae/ds-hooks-on-first-focus-in": "3.80.0-next.39",
+    "@elliemae/ds-icon": "3.80.0-next.39",
+    "@elliemae/ds-icons": "3.80.0-next.39",
+    "@elliemae/ds-image": "3.80.0-next.39",
+    "@elliemae/ds-imagelibrarymodal": "3.80.0-next.39",
+    "@elliemae/ds-indeterminate-progress-indicator": "3.80.0-next.39",
+    "@elliemae/ds-layout-provider": "3.80.0-next.39",
+    "@elliemae/ds-left-navigation": "3.80.0-next.39",
     "@elliemae/ds-legacy-button": "1.0.16",
     "@elliemae/ds-legacy-button-group": "1.0.16",
     "@elliemae/ds-legacy-button-v1": "1.0.16",
@@ -129,63 +129,63 @@
     "@elliemae/ds-legacy-wysiwygeditor": "1.0.16",
     "@elliemae/ds-legacy-zipcode-search": "1.0.16",
     "@elliemae/ds-legacy-zoom": "1.0.16",
-    "@elliemae/ds-loading-indicator": "3.80.0-next.36",
-    "@elliemae/ds-menu-button": "3.80.0-next.36",
-    "@elliemae/ds-menu-items": "3.80.0-next.36",
-    "@elliemae/ds-menu-items-action": "3.80.0-next.36",
-    "@elliemae/ds-menu-items-commons": "3.80.0-next.36",
-    "@elliemae/ds-menu-items-multi": "3.80.0-next.36",
-    "@elliemae/ds-menu-items-section": "3.80.0-next.36",
-    "@elliemae/ds-menu-items-separator": "3.80.0-next.36",
-    "@elliemae/ds-menu-items-single": "3.80.0-next.36",
-    "@elliemae/ds-menu-items-single-with-submenu": "3.80.0-next.36",
-    "@elliemae/ds-menu-items-skeleton": "3.80.0-next.36",
-    "@elliemae/ds-menu-items-submenu": "3.80.0-next.36",
-    "@elliemae/ds-menu-tree-item": "3.80.0-next.36",
-    "@elliemae/ds-modal-slide": "3.80.0-next.36",
-    "@elliemae/ds-notification-badge": "3.80.0-next.36",
-    "@elliemae/ds-overlay": "3.80.0-next.36",
-    "@elliemae/ds-page-header": "3.80.0-next.36",
-    "@elliemae/ds-page-header-v1": "3.80.0-next.36",
-    "@elliemae/ds-page-header-v2": "3.80.0-next.36",
-    "@elliemae/ds-page-layout": "3.80.0-next.36",
-    "@elliemae/ds-pagination": "3.80.0-next.36",
-    "@elliemae/ds-panel-header": "3.80.0-next.36",
-    "@elliemae/ds-pills-v2": "3.80.0-next.36",
-    "@elliemae/ds-portal": "3.80.0-next.36",
-    "@elliemae/ds-progress-indicator": "3.80.0-next.36",
-    "@elliemae/ds-props-helpers": "3.80.0-next.36",
-    "@elliemae/ds-query-builder": "3.80.0-next.36",
-    "@elliemae/ds-read-more": "3.80.0-next.36",
-    "@elliemae/ds-resizeable-container": "3.80.0-next.36",
-    "@elliemae/ds-ribbon": "3.80.0-next.36",
-    "@elliemae/ds-scrollable-container": "3.80.0-next.36",
-    "@elliemae/ds-separator": "3.80.0-next.36",
-    "@elliemae/ds-shared": "3.80.0-next.36",
-    "@elliemae/ds-shuttle-v2": "3.80.0-next.36",
-    "@elliemae/ds-side-panel": "3.80.0-next.36",
-    "@elliemae/ds-side-panel-header": "3.80.0-next.36",
-    "@elliemae/ds-skeleton": "3.80.0-next.36",
-    "@elliemae/ds-slider-v2": "3.80.0-next.36",
-    "@elliemae/ds-square-indicator": "3.80.0-next.36",
-    "@elliemae/ds-stepper": "3.80.0-next.36",
-    "@elliemae/ds-svg": "3.80.0-next.36",
-    "@elliemae/ds-system": "3.80.0-next.36",
-    "@elliemae/ds-tabs": "3.80.0-next.36",
-    "@elliemae/ds-test-utils": "3.80.0-next.36",
-    "@elliemae/ds-toast": "3.80.0-next.36",
-    "@elliemae/ds-toolbar-v1": "3.80.0-next.36",
-    "@elliemae/ds-toolbar-v2": "3.80.0-next.36",
-    "@elliemae/ds-tooltip-v3": "3.80.0-next.36",
-    "@elliemae/ds-transition": "3.80.0-next.36",
-    "@elliemae/ds-tree-model": "3.80.0-next.36",
-    "@elliemae/ds-treeview": "3.80.0-next.36",
-    "@elliemae/ds-truncated-expandable-text": "3.80.0-next.36",
-    "@elliemae/ds-typescript-helpers": "3.80.0-next.36",
-    "@elliemae/ds-typography": "3.80.0-next.36",
-    "@elliemae/ds-virtual-list": "3.80.0-next.36",
-    "@elliemae/ds-wizard": "3.80.0-next.36",
-    "@elliemae/ds-zustand-helpers": "3.80.0-next.36"
+    "@elliemae/ds-loading-indicator": "3.80.0-next.39",
+    "@elliemae/ds-menu-button": "3.80.0-next.39",
+    "@elliemae/ds-menu-items": "3.80.0-next.39",
+    "@elliemae/ds-menu-items-action": "3.80.0-next.39",
+    "@elliemae/ds-menu-items-commons": "3.80.0-next.39",
+    "@elliemae/ds-menu-items-multi": "3.80.0-next.39",
+    "@elliemae/ds-menu-items-section": "3.80.0-next.39",
+    "@elliemae/ds-menu-items-separator": "3.80.0-next.39",
+    "@elliemae/ds-menu-items-single": "3.80.0-next.39",
+    "@elliemae/ds-menu-items-single-with-submenu": "3.80.0-next.39",
+    "@elliemae/ds-menu-items-skeleton": "3.80.0-next.39",
+    "@elliemae/ds-menu-items-submenu": "3.80.0-next.39",
+    "@elliemae/ds-menu-tree-item": "3.80.0-next.39",
+    "@elliemae/ds-modal-slide": "3.80.0-next.39",
+    "@elliemae/ds-notification-badge": "3.80.0-next.39",
+    "@elliemae/ds-overlay": "3.80.0-next.39",
+    "@elliemae/ds-page-header": "3.80.0-next.39",
+    "@elliemae/ds-page-header-v1": "3.80.0-next.39",
+    "@elliemae/ds-page-header-v2": "3.80.0-next.39",
+    "@elliemae/ds-page-layout": "3.80.0-next.39",
+    "@elliemae/ds-pagination": "3.80.0-next.39",
+    "@elliemae/ds-panel-header": "3.80.0-next.39",
+    "@elliemae/ds-pills-v2": "3.80.0-next.39",
+    "@elliemae/ds-portal": "3.80.0-next.39",
+    "@elliemae/ds-progress-indicator": "3.80.0-next.39",
+    "@elliemae/ds-props-helpers": "3.80.0-next.39",
+    "@elliemae/ds-query-builder": "3.80.0-next.39",
+    "@elliemae/ds-read-more": "3.80.0-next.39",
+    "@elliemae/ds-resizeable-container": "3.80.0-next.39",
+    "@elliemae/ds-ribbon": "3.80.0-next.39",
+    "@elliemae/ds-scrollable-container": "3.80.0-next.39",
+    "@elliemae/ds-separator": "3.80.0-next.39",
+    "@elliemae/ds-shared": "3.80.0-next.39",
+    "@elliemae/ds-shuttle-v2": "3.80.0-next.39",
+    "@elliemae/ds-side-panel": "3.80.0-next.39",
+    "@elliemae/ds-side-panel-header": "3.80.0-next.39",
+    "@elliemae/ds-skeleton": "3.80.0-next.39",
+    "@elliemae/ds-slider-v2": "3.80.0-next.39",
+    "@elliemae/ds-square-indicator": "3.80.0-next.39",
+    "@elliemae/ds-stepper": "3.80.0-next.39",
+    "@elliemae/ds-svg": "3.80.0-next.39",
+    "@elliemae/ds-system": "3.80.0-next.39",
+    "@elliemae/ds-tabs": "3.80.0-next.39",
+    "@elliemae/ds-test-utils": "3.80.0-next.39",
+    "@elliemae/ds-toast": "3.80.0-next.39",
+    "@elliemae/ds-toolbar-v1": "3.80.0-next.39",
+    "@elliemae/ds-toolbar-v2": "3.80.0-next.39",
+    "@elliemae/ds-tooltip-v3": "3.80.0-next.39",
+    "@elliemae/ds-transition": "3.80.0-next.39",
+    "@elliemae/ds-tree-model": "3.80.0-next.39",
+    "@elliemae/ds-treeview": "3.80.0-next.39",
+    "@elliemae/ds-truncated-expandable-text": "3.80.0-next.39",
+    "@elliemae/ds-typescript-helpers": "3.80.0-next.39",
+    "@elliemae/ds-typography": "3.80.0-next.39",
+    "@elliemae/ds-virtual-list": "3.80.0-next.39",
+    "@elliemae/ds-wizard": "3.80.0-next.39",
+    "@elliemae/ds-zustand-helpers": "3.80.0-next.39"
   },
   "publishConfig": {
     "access": "public"