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

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.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,28 @@ 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');
+
+  // 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 +71,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 +80,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"]');
   }
@@ -90,6 +187,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];
   }

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/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-XXXXX - 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-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/package.json

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