dimsum-e2e-tests 3.70.0-next.60 → 3.70.0-next.62

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.70.0-next.62 (2026-08-19)
+
+### Bug Fixes
+
+- dimsum:: wire playwright test into the test script for ds-form-checkbox, ds-form-layout-autocomplete and ds-app-picker ([#8316](https://git.elliemae.io/platform-ui/dimsum/issues/8316)) ([c301b8c](https://git.elliemae.io/platform-ui/dimsum/commit/c301b8cb3c488d8a4a0da6d8514844b9eeef0119))
+
+## 3.70.0-next.61 (2026-08-18)
+
+### Bug Fixes
+
+- ds-data-table:: skip the PUI-18881 filter caret and selection e2e [PUI-18881](https://jira.elliemae.io/browse/PUI-18881) ([#8310](https://git.elliemae.io/platform-ui/dimsum/issues/8310)) ([80b0c0f](https://git.elliemae.io/platform-ui/dimsum/commit/80b0c0f7433a409ac6ef74b08535b678be817bf0)), closes [#8307](https://git.elliemae.io/platform-ui/dimsum/issues/8307)
+
 ## 3.70.0-next.60 (2026-08-13)
 
 ### Bug Fixes

package/ds-apppicker/DSAppPickerCO.js

@@ -24,8 +24,14 @@ export default class DSAppPickerCO extends PageObject {
   }
 
   // selectors
+  // Anchored on data-testid, NOT on the `#app-picker__button` id this used to select. The trigger's
+  // `id` is the per-instance dialog label id the dialog's aria-labelledby resolves to
+  // (`ds-app-picker-<uid>-dialog-trigger-btn`), deliberately uid-based so several pickers can
+  // coexist — documented under "Multiple pickers on one page" in the AccessibilityBehavior docs,
+  // which points automation at either a `data-testid` or an `id` prop passed to DSAppPicker.
+  // data-testid is the QA-stability-protected identifier, so it is the correct anchor here.
   static async getOpenAppPicker() {
-    return $(`#app-picker__button`);
+    return $('[data-testid="app-picker__button"]');
   }
 
   static getChips = async () => $$('[data-testid="app-picker__chip"]');
@@ -51,6 +57,71 @@ export default class DSAppPickerCO extends PageObject {
     return $('[data-testid="ds-apppicker-root"]');
   }
 
+  // The floating layer that wraps the panel — carries role="dialog" + aria-labelledby. It sits two
+  // levels ABOVE the panel root and is portaled to document.body, so it is not reachable from the
+  // root selector.
+  static async getFloatingWrapper() {
+    return $('[data-testid="ds-apppicker-floating-wrapper"]');
+  }
+
+  // One per section (apps + customApps) — the ARIA group tying a section title to its chips.
+  static getGroups = async () => $$('[data-testid="ds-apppicker-group"]');
+
+  static getGroupByIndex = async (index) => getElementByIndex(this.getGroups, index);
+
+  static getTitles = async () => $$('[data-testid="ds-apppicker-title"]');
+
+  static getTitleByIndex = async (index) => getElementByIndex(this.getTitles, index);
+
+  // Full-width layout rows holding a section title or the separator — purely presentational.
+  static getRows = async () => $$('[data-testid="ds-apppicker-row"]');
+
+  static async openPanel() {
+    const trigger = await this.getOpenAppPicker();
+    await trigger.waitForDisplayed();
+    await trigger.click();
+    await (await this.getAppPickerRoot()).waitForDisplayed();
+  }
+
+  // Reads one value per element in a wdio element array. Element arrays in wdio 9 expose their own
+  // promise-returning `map`, so `Promise.all(list.map(fn))` is handed a Promise rather than an
+  // iterable and throws. `length` + index access behave like a plain array in every version, so the
+  // iteration is built from those instead.
+  static async collect(elements, read) {
+    return Promise.all(Array.from({ length: elements.length }, (_, index) => read(elements[index])));
+  }
+
+  // Measures every chip in the open panel and buckets them by vertical offset — one bucket per
+  // rendered grid row. Row membership is derived, not hardcoded: the 3-column grid reflows with
+  // viewport width and font size, so which chips share a row is a runtime fact.
+  static async getChipRowsGeometry() {
+    const chips = await this.getChips();
+    const measured = await DSAppPickerCO.collect(chips, async (chip) => {
+      const { y } = await chip.getLocation();
+      const { height } = await chip.getSize();
+      return { label: await chip.getAttribute('aria-label'), top: Math.round(y), height: Math.round(height) };
+    });
+
+    const rowsByTop = measured.reduce((acc, chip) => {
+      acc[chip.top] = [...(acc[chip.top] ?? []), chip];
+      return acc;
+    }, {});
+
+    return Object.values(rowsByTop).map(DSAppPickerCO.summariseChipRow);
+  }
+
+  // Reduces one measured row to the numbers a height assertion needs, plus a human-readable
+  // breakdown so a failure names the offending chips and their pixel heights.
+  static summariseChipRow(row) {
+    const heights = row.map((chip) => chip.height);
+    return {
+      chipCount: row.length,
+      tallest: Math.max(...heights),
+      shortest: Math.min(...heights),
+      breakdown: row.map((chip) => `${chip.label} (${chip.height}px)`).join(', '),
+    };
+  }
+
   static async getChipLabelByIndex(index) {
     return $$('[data-testid="ds-chip-label"]')[index];
   }

package/ds-apppicker/aria-pattern/DSAppPicker.aria-pattern.func.spec.js

@@ -0,0 +1,100 @@
+import DSAppPickerCO from '../DSAppPickerCO';
+
+// Tests for the fix introduced in PUI-17213 (Roles and Pattern Mismatch): the AppPicker was built
+// as a menu but carried neither the menu nor the dialog ARIA contract. It is now a dialog —
+// aria-haspopup="dialog" + no aria-expanded on the trigger, role="dialog" + aria-labelledby on the
+// floating layer, one role="group" per section labelled by its <h3> title, presentational layout
+// rows, and chips left with their native button semantics instead of role="option".
+//
+// Every id in this component is namespaced by a per-instance uid, so the assertions are relational
+// (the dialog's aria-labelledby resolves to the trigger's id) rather than matching literal strings.
+if (
+  (!browser.capabilities['ice:options'].isPhone &&
+    !browser.capabilities['ice:options'].isTablet &&
+    browser.capabilities.browserName === 'chrome') ||
+  browser.capabilities.browserName === 'Chrome'
+) {
+  describe('PUI-18911 - DSAppPicker:: dialog ARIA pattern roles and relationships - Func', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSAppPickerCO.basicURL.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+
+    it('01: should expose the closed trigger as a dialog popup button', async () => {
+      const trigger = await DSAppPickerCO.getOpenAppPicker();
+      await trigger.waitForDisplayed();
+
+      await expect(trigger).toHaveAttribute('aria-haspopup', 'dialog');
+      await expect(trigger).toHaveAttribute('aria-label', 'Application picker');
+      // aria-expanded belongs to disclosure patterns; on a dialog popup it produces a conflicting
+      // announcement, so it must be absent both closed and open (re-checked in 02).
+      await expect(await trigger.getAttribute('aria-expanded')).toBe(null);
+      await expect(await trigger.getAttribute('id')).not.toBe(null);
+    });
+
+    it('02: should open a dialog whose accessible name comes from the trigger', async () => {
+      const trigger = await DSAppPickerCO.getOpenAppPicker();
+      await DSAppPickerCO.openPanel();
+
+      const dialog = await DSAppPickerCO.getFloatingWrapper();
+      await expect(dialog).toHaveAttribute('role', 'dialog');
+      // The dialog and the trigger share one accessible name: aria-labelledby points at the trigger.
+      await expect(await dialog.getAttribute('aria-labelledby')).toBe(await trigger.getAttribute('id'));
+      // The replaced aria-label="popup menu" must not have come back alongside aria-labelledby.
+      await expect(await dialog.getAttribute('aria-label')).toBe(null);
+
+      // The panel root is roleless (the former role="region" is gone), so it carries no name either.
+      const root = await DSAppPickerCO.getAppPickerRoot();
+      await expect(await root.getAttribute('role')).toBe(null);
+      await expect(await root.getAttribute('aria-label')).toBe(null);
+
+      await expect(await trigger.getAttribute('aria-expanded')).toBe(null);
+    });
+
+    it('03: should group each section and label it with its own h3 heading', async () => {
+      const groups = await DSAppPickerCO.getGroups();
+      const titles = await DSAppPickerCO.getTitles();
+      // The story renders apps + customApps, so both sections are present.
+      await expect(groups.length).toBe(2);
+      await expect(titles.length).toBe(2);
+
+      const mainGroup = await DSAppPickerCO.getGroupByIndex(0);
+      const mainTitle = await DSAppPickerCO.getTitleByIndex(0);
+      await expect(mainGroup).toHaveAttribute('role', 'group');
+      await expect(await mainGroup.getAttribute('aria-labelledby')).toBe(await mainTitle.getAttribute('id'));
+
+      const customGroup = await DSAppPickerCO.getGroupByIndex(1);
+      const customTitle = await DSAppPickerCO.getTitleByIndex(1);
+      await expect(customGroup).toHaveAttribute('role', 'group');
+      await expect(await customGroup.getAttribute('aria-labelledby')).toBe(await customTitle.getAttribute('id'));
+
+      // The titles stay real headings: role="presentation" would hide them from screen reader
+      // heading navigation in browse mode.
+      await expect(await mainTitle.getTagName()).toBe('h3');
+      await expect(await customTitle.getTagName()).toBe('h3');
+      await expect(await mainTitle.getAttribute('role')).toBe(null);
+      await expect(await customTitle.getAttribute('role')).toBe(null);
+    });
+
+    it('04: should keep layout rows presentational and chips as buttons', async () => {
+      // The full-row wrappers around the titles and the separator are layout only: role="group" was
+      // reserved for the real sections (03) and aria-hidden="true" would drop them from the tree
+      // instead of conveying them as presentation.
+      const rows = await DSAppPickerCO.getRows();
+      await expect(rows.length).toBeGreaterThan(0);
+      const rowRoles = await DSAppPickerCO.collect(rows, (row) => row.getAttribute('role'));
+      const rowAriaHidden = await DSAppPickerCO.collect(rows, (row) => row.getAttribute('aria-hidden'));
+      await expect(rowRoles.every((role) => role === null)).toBe(true);
+      await expect(rowAriaHidden.every((hidden) => hidden === null)).toBe(true);
+
+      // Chips keep their native button semantics inside the dialog — role="option" claimed a
+      // listbox parent that never existed.
+      const chips = await DSAppPickerCO.getChips();
+      await expect(chips.length).toBeGreaterThan(0);
+      const chipTags = await DSAppPickerCO.collect(chips, (chip) => chip.getTagName());
+      const chipRoles = await DSAppPickerCO.collect(chips, (chip) => chip.getAttribute('role'));
+      await expect(chipTags.every((tag) => tag === 'button')).toBe(true);
+      await expect(chipRoles.every((role) => role === 'button')).toBe(true);
+    });
+  });
+}

package/ds-apppicker/reflow/DSAppPicker.reflow.func.spec.js

@@ -0,0 +1,32 @@
+import DSAppPickerCO from '../DSAppPickerCO';
+
+// Tests for the fix introduced in PUI-17860 (chips don't keep a consistent height). The chip's own
+// wrapper was not a flex container, so a stretched grid row handed no height down to the chip root:
+// a single-line chip ("Pipeline") stayed short next to a chip whose label wrapped onto two lines.
+//
+// The assertion is relational — every chip in a row matches the tallest chip in that row — so it
+// pins no pixel value and survives any typography or spacing token change. The Reflow story is the
+// right surface: it raises the font size so labels genuinely wrap and rows genuinely stretch.
+if (!browser.capabilities['ice:options'].isPhone && !browser.capabilities['ice:options'].isTablet) {
+  describe('PUI-18912 - DSAppPicker:: chip height uniform within a grid row - Func', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSAppPickerCO.reflowURL.go();
+      if (errorOnGo) throw errorOnGo;
+      await browser.maximizeWindow();
+      await DSAppPickerCO.openPanel();
+    });
+
+    it('01: should render every chip in a row at the height of that row tallest chip', async () => {
+      const rows = await DSAppPickerCO.getChipRowsGeometry();
+      await expect(rows.length).toBeGreaterThan(0);
+
+      // At least one row must hold more than one chip, otherwise the story no longer reproduces the
+      // uneven-height condition (a one-chip row is trivially uniform) and a pass would mean nothing.
+      const multiChipRows = rows.filter((row) => row.chipCount > 1);
+      await expect(multiChipRows.length).toBeGreaterThan(0);
+
+      const unevenRows = rows.filter((row) => row.tallest !== row.shortest);
+      await expect(unevenRows.map((row) => row.breakdown)).toEqual([]);
+    });
+  });
+}

package/ds-controlled-form/ds-controlled-checkbox/DSControlledCheckboxCO.js

@@ -1,5 +1,5 @@
 /* eslint-disable import/no-relative-packages */
-import { PATH_E2E_CHECKBOX } from '../../paths';
+import { PATH_E2E_CHECKBOX, PATH_E2E_CHECKBOX_SLOTS } from '../../paths';
 import { PageObject, Urlbuilder, getElementByIndex } from '../../helpers';
 
 export default class DSControlledCheckboxCO extends PageObject {
@@ -25,6 +25,8 @@ export default class DSControlledCheckboxCO extends PageObject {
 
   static themeFontURL = new Urlbuilder(PATH_E2E_CHECKBOX, 'theme-font-family-test');
 
+  static slotsTest = new Urlbuilder(PATH_E2E_CHECKBOX_SLOTS, 'slots-test');
+
   static async getCheckbox() {
     return $('[data-testid="ds-checkbox"]');
   }
@@ -80,4 +82,41 @@ export default class DSControlledCheckboxCO extends PageObject {
   static async getFallbackCheckboxLabel() {
     return $('[data-testid="theme-font-fallback"] [data-testid="ds-checkbox-label-typography"]');
   }
+
+  // Slots rendered through styled(DSTypography) expose the owner slot on
+  // `data-dimsum-parent-slot` (the element's own `data-dimsum-slot` is the typography root),
+  // while plain-tag slots expose it on `data-dimsum-slot`.
+  static async getSlotsRoot() {
+    return $('[data-testid="slots-wrapped"] [data-dimsum-slot="dsCheckboxRoot"]');
+  }
+
+  static async getSlotsInputWrapper() {
+    return $('[data-testid="slots-wrapped"] [data-dimsum-slot="dsCheckboxInputWrapper"]');
+  }
+
+  static async getSlotsInput() {
+    return $('[data-testid="slots-wrapped"] [data-dimsum-slot="dsCheckboxInput"]');
+  }
+
+  static async getSlotsLabel() {
+    return $('[data-testid="slots-wrapped"] [data-dimsum-slot="dsCheckboxLabel"]');
+  }
+
+  static async getSlotsLabelTypography() {
+    return $('[data-testid="slots-wrapped"] [data-dimsum-parent-slot="dsCheckboxLabelTypography"]');
+  }
+
+  static async getSlotsTruncatedLabel() {
+    return $('[data-testid="slots-truncated"] [data-dimsum-parent-slot="dsCheckboxTruncatedLabel"]');
+  }
+
+  // The truncation tooltip renders through a portal, outside the story wrapper, so both tooltip
+  // slots are queried document-wide instead of scoped to the instance.
+  static async getSlotsTooltipContainer() {
+    return $('[data-dimsum-slot="dsCheckboxTooltipContainer"]');
+  }
+
+  static async getSlotsTooltipText() {
+    return $('[data-dimsum-parent-slot="dsCheckboxTooltipText"]');
+  }
 }

package/ds-controlled-form/ds-controlled-checkbox/slots/DSControlledCheckbox.slots.func.spec.js

@@ -0,0 +1,78 @@
+import DSControlledCheckboxCO from '../DSControlledCheckboxCO';
+
+// Slot surface added when the DSControlledCheckbox label moved to DSTypography under PUI-18774:
+// label-typography, truncated-label, tooltip-container and tooltip-text. The tooltip pair only
+// exists while the label is truncated AND hovered, which is why this lives in E2E rather than in
+// the package's jest slot tests.
+if (
+  (!browser.capabilities['ice:options'].isPhone &&
+    !browser.capabilities['ice:options'].isTablet &&
+    browser.capabilities.browserName === 'chrome') ||
+  browser.capabilities.browserName === 'Chrome'
+) {
+  describe('PUI-18976 - DSControlledCheckbox:: label typography and tooltip slots - Func', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSControlledCheckboxCO.slotsTest.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+
+    it('01: should have custom aria-* for each rendered label slot', async () => {
+      const root = await DSControlledCheckboxCO.getSlotsRoot();
+      const inputWrapper = await DSControlledCheckboxCO.getSlotsInputWrapper();
+      const input = await DSControlledCheckboxCO.getSlotsInput();
+      const label = await DSControlledCheckboxCO.getSlotsLabel();
+      const labelTypography = await DSControlledCheckboxCO.getSlotsLabelTypography();
+      const truncatedLabel = await DSControlledCheckboxCO.getSlotsTruncatedLabel();
+      await expect(root).toHaveAttribute('aria-label', 'root aria');
+      await expect(inputWrapper).toHaveAttribute('aria-label', 'inputwrapper aria');
+      await expect(input).toHaveAttribute('aria-label', 'input aria');
+      await expect(label).toHaveAttribute('aria-label', 'label aria');
+      await expect(labelTypography).toHaveAttribute('aria-label', 'labeltypography aria');
+      await expect(truncatedLabel).toHaveAttribute('aria-label', 'truncatedlabel aria');
+    });
+
+    it('02: should have custom data-* for each rendered label slot', async () => {
+      const root = await DSControlledCheckboxCO.getSlotsRoot();
+      const inputWrapper = await DSControlledCheckboxCO.getSlotsInputWrapper();
+      const input = await DSControlledCheckboxCO.getSlotsInput();
+      const label = await DSControlledCheckboxCO.getSlotsLabel();
+      const labelTypography = await DSControlledCheckboxCO.getSlotsLabelTypography();
+      const truncatedLabel = await DSControlledCheckboxCO.getSlotsTruncatedLabel();
+      await expect(root).toHaveAttribute('data-testid', 'root data');
+      await expect(inputWrapper).toHaveAttribute('data-testid', 'inputwrapper data');
+      await expect(input).toHaveAttribute('data-testid', 'input data');
+      await expect(label).toHaveAttribute('data-testid', 'label data');
+      await expect(labelTypography).toHaveAttribute('data-testid', 'labeltypography data');
+      await expect(truncatedLabel).toHaveAttribute('data-testid', 'truncatedlabel data');
+    });
+
+    it('03: should have custom lang for each rendered label slot', async () => {
+      const root = await DSControlledCheckboxCO.getSlotsRoot();
+      const inputWrapper = await DSControlledCheckboxCO.getSlotsInputWrapper();
+      const input = await DSControlledCheckboxCO.getSlotsInput();
+      const label = await DSControlledCheckboxCO.getSlotsLabel();
+      const labelTypography = await DSControlledCheckboxCO.getSlotsLabelTypography();
+      const truncatedLabel = await DSControlledCheckboxCO.getSlotsTruncatedLabel();
+      await expect(root).toHaveAttribute('lang', 'ja');
+      await expect(inputWrapper).toHaveAttribute('lang', 'it');
+      await expect(input).toHaveAttribute('lang', 'de');
+      await expect(label).toHaveAttribute('lang', 'fr');
+      await expect(labelTypography).toHaveAttribute('lang', 'es');
+      await expect(truncatedLabel).toHaveAttribute('lang', 'pt');
+    });
+
+    it('04: should have custom aria-*, data-* and lang for the tooltip slots on hover', async () => {
+      const truncatedLabel = await DSControlledCheckboxCO.getSlotsTruncatedLabel();
+      await truncatedLabel.moveTo();
+      const tooltipContainer = await DSControlledCheckboxCO.getSlotsTooltipContainer();
+      await tooltipContainer.waitForDisplayed();
+      const tooltipText = await DSControlledCheckboxCO.getSlotsTooltipText();
+      await expect(tooltipContainer).toHaveAttribute('aria-label', 'tooltipcontainer aria');
+      await expect(tooltipContainer).toHaveAttribute('data-testid', 'tooltipcontainer data');
+      await expect(tooltipContainer).toHaveAttribute('lang', 'zh');
+      await expect(tooltipText).toHaveAttribute('aria-label', 'tooltiptext aria');
+      await expect(tooltipText).toHaveAttribute('data-testid', 'tooltiptext data');
+      await expect(tooltipText).toHaveAttribute('lang', 'ru');
+    });
+  });
+}

package/ds-controlled-form/ds-controlled-radio/DSControlledRadioCO.js

@@ -1,4 +1,4 @@
-import { PATH_E2E_RADIO } from '../../paths';
+import { PATH_E2E_RADIO, PATH_E2E_RADIO_SLOTS } from '../../paths';
 import { PageObject, Urlbuilder, getElementByIndex } from '../../helpers';
 
 export default class DSControlledRadioCO extends PageObject {
@@ -18,6 +18,8 @@ export default class DSControlledRadioCO extends PageObject {
 
   static themeFontURL = new Urlbuilder(PATH_E2E_RADIO, 'theme-font-family-test');
 
+  static slotsTest = new Urlbuilder(PATH_E2E_RADIO_SLOTS, 'slots-test');
+
   static async getRadio() {
     return $('[data-testid="ds-radio"]');
   }
@@ -53,4 +55,41 @@ export default class DSControlledRadioCO extends PageObject {
   static async getFallbackRadioLabel() {
     return $('[data-testid="theme-font-fallback"] [data-testid="ds-radio-label-typography"]');
   }
+
+  // Slots rendered through styled(DSTypography) expose the owner slot on
+  // `data-dimsum-parent-slot` (the element's own `data-dimsum-slot` is the typography root),
+  // while plain-tag slots expose it on `data-dimsum-slot`.
+  static async getSlotsRoot() {
+    return $('[data-testid="slots-wrapped"] [data-dimsum-slot="dsRadioRoot"]');
+  }
+
+  static async getSlotsInputWrapper() {
+    return $('[data-testid="slots-wrapped"] [data-dimsum-slot="dsRadioInputWrapper"]');
+  }
+
+  static async getSlotsInput() {
+    return $('[data-testid="slots-wrapped"] [data-dimsum-slot="dsRadioInput"]');
+  }
+
+  static async getSlotsLabel() {
+    return $('[data-testid="slots-wrapped"] [data-dimsum-slot="dsRadioLabel"]');
+  }
+
+  static async getSlotsLabelTypography() {
+    return $('[data-testid="slots-wrapped"] [data-dimsum-parent-slot="dsRadioLabelTypography"]');
+  }
+
+  static async getSlotsTruncatedLabel() {
+    return $('[data-testid="slots-truncated"] [data-dimsum-parent-slot="dsRadioTruncatedLabel"]');
+  }
+
+  // The truncation tooltip renders through a portal, outside the story wrapper, so both tooltip
+  // slots are queried document-wide instead of scoped to the instance.
+  static async getSlotsTooltipContainer() {
+    return $('[data-dimsum-slot="dsRadioTooltipContainer"]');
+  }
+
+  static async getSlotsTooltipText() {
+    return $('[data-dimsum-parent-slot="dsRadioTooltipText"]');
+  }
 }

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

@@ -0,0 +1,78 @@
+import DSControlledRadioCO from '../DSControlledRadioCO';
+
+// Slot surface added when the DSControlledRadio label moved to DSTypography under PUI-18774:
+// label-typography, truncated-label, tooltip-container and tooltip-text. The tooltip pair only
+// exists while the label is truncated AND hovered, which is why this lives in E2E rather than in
+// the package's jest slot tests.
+if (
+  (!browser.capabilities['ice:options'].isPhone &&
+    !browser.capabilities['ice:options'].isTablet &&
+    browser.capabilities.browserName === 'chrome') ||
+  browser.capabilities.browserName === 'Chrome'
+) {
+  describe('PUI-18975 - DSControlledRadio:: label typography and tooltip slots - Func', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSControlledRadioCO.slotsTest.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+
+    it('01: should have custom aria-* for each rendered label slot', async () => {
+      const root = await DSControlledRadioCO.getSlotsRoot();
+      const inputWrapper = await DSControlledRadioCO.getSlotsInputWrapper();
+      const input = await DSControlledRadioCO.getSlotsInput();
+      const label = await DSControlledRadioCO.getSlotsLabel();
+      const labelTypography = await DSControlledRadioCO.getSlotsLabelTypography();
+      const truncatedLabel = await DSControlledRadioCO.getSlotsTruncatedLabel();
+      await expect(root).toHaveAttribute('aria-label', 'root aria');
+      await expect(inputWrapper).toHaveAttribute('aria-label', 'inputwrapper aria');
+      await expect(input).toHaveAttribute('aria-label', 'input aria');
+      await expect(label).toHaveAttribute('aria-label', 'label aria');
+      await expect(labelTypography).toHaveAttribute('aria-label', 'labeltypography aria');
+      await expect(truncatedLabel).toHaveAttribute('aria-label', 'truncatedlabel aria');
+    });
+
+    it('02: should have custom data-* for each rendered label slot', async () => {
+      const root = await DSControlledRadioCO.getSlotsRoot();
+      const inputWrapper = await DSControlledRadioCO.getSlotsInputWrapper();
+      const input = await DSControlledRadioCO.getSlotsInput();
+      const label = await DSControlledRadioCO.getSlotsLabel();
+      const labelTypography = await DSControlledRadioCO.getSlotsLabelTypography();
+      const truncatedLabel = await DSControlledRadioCO.getSlotsTruncatedLabel();
+      await expect(root).toHaveAttribute('data-testid', 'root data');
+      await expect(inputWrapper).toHaveAttribute('data-testid', 'inputwrapper data');
+      await expect(input).toHaveAttribute('data-testid', 'input data');
+      await expect(label).toHaveAttribute('data-testid', 'label data');
+      await expect(labelTypography).toHaveAttribute('data-testid', 'labeltypography data');
+      await expect(truncatedLabel).toHaveAttribute('data-testid', 'truncatedlabel data');
+    });
+
+    it('03: should have custom lang for each rendered label slot', async () => {
+      const root = await DSControlledRadioCO.getSlotsRoot();
+      const inputWrapper = await DSControlledRadioCO.getSlotsInputWrapper();
+      const input = await DSControlledRadioCO.getSlotsInput();
+      const label = await DSControlledRadioCO.getSlotsLabel();
+      const labelTypography = await DSControlledRadioCO.getSlotsLabelTypography();
+      const truncatedLabel = await DSControlledRadioCO.getSlotsTruncatedLabel();
+      await expect(root).toHaveAttribute('lang', 'ja');
+      await expect(inputWrapper).toHaveAttribute('lang', 'it');
+      await expect(input).toHaveAttribute('lang', 'de');
+      await expect(label).toHaveAttribute('lang', 'fr');
+      await expect(labelTypography).toHaveAttribute('lang', 'es');
+      await expect(truncatedLabel).toHaveAttribute('lang', 'pt');
+    });
+
+    it('04: should have custom aria-*, data-* and lang for the tooltip slots on hover', async () => {
+      const truncatedLabel = await DSControlledRadioCO.getSlotsTruncatedLabel();
+      await truncatedLabel.moveTo();
+      const tooltipContainer = await DSControlledRadioCO.getSlotsTooltipContainer();
+      await tooltipContainer.waitForDisplayed();
+      const tooltipText = await DSControlledRadioCO.getSlotsTooltipText();
+      await expect(tooltipContainer).toHaveAttribute('aria-label', 'tooltipcontainer aria');
+      await expect(tooltipContainer).toHaveAttribute('data-testid', 'tooltipcontainer data');
+      await expect(tooltipContainer).toHaveAttribute('lang', 'zh');
+      await expect(tooltipText).toHaveAttribute('aria-label', 'tooltiptext aria');
+      await expect(tooltipText).toHaveAttribute('data-testid', 'tooltiptext data');
+      await expect(tooltipText).toHaveAttribute('lang', 'ru');
+    });
+  });
+}

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

@@ -51,10 +51,11 @@ export default class HeaderCO extends PageObject {
 
   static getHeadersWrapper = async () => $('[data-testid="ds-datatable-head-wrapper"]');
 
-  // PUI-17784: resize handle changed from <input type="range" aria-label="Resize column"> to a
-  // <button role="application" aria-labelledby> with dynamic "Resize {column} column" naming; the old
-  // selector never matched data-testid="column" (unverified in d2) and stopped matching aria-label after
-  // that fix.
+  // PUI-17784 / PUI-18812 / PUI-18885: the resize handle went <input type="range" aria-label="Resize
+  // column"> -> <button role="application" aria-labelledby> -> back to a native <input type="range">
+  // named with a dynamic aria-label="Resize {column} column". Selecting on data-testid rather than
+  // aria-label is what kept this accessor stable across all of it (the original selector matched
+  // neither data-testid="column" nor the post-PUI-17784 naming).
   static getResizeHandler = async (index) => $$('[data-testid="ds-datatable-resizer"]')[index];
 
   static getResizeHandlers = async () => $$('[data-testid="ds-datatable-resizer"]');
@@ -83,18 +84,9 @@ export default class HeaderCO extends PageObject {
   // as the getResizeHandler selector fix (separate PR); kept distinct so these a11y specs run standalone.
   static getResizer = async (index) => $$('[data-testid="ds-datatable-resizer"]')[index];
 
-  /**
-   * Text of the node the resizer's aria-labelledby points at. This is a WIRING check only — it
-   * proves the reference resolves to the intended span, NOT that the browser computes a name from
-   * it. Use getResizerComputedName for that. (The two can disagree: the name span is display:none,
-   * and whether a hidden aria-labelledby target contributes to the computed name is exactly the
-   * thing this must not assume.)
-   */
-  static getResizerLabelledByText = async (resizer) => {
-    const labelledById = await resizer.getAttribute('aria-labelledby');
-    if (!labelledById) return null;
-    return (await $(`#${labelledById}`)).getProperty('textContent');
-  };
+  // PUI-18885 removed getResizerLabelledByText: the resizer is named with aria-label directly, so
+  // there is no aria-labelledby reference left to resolve. Read the attribute in the spec and use
+  // getResizerComputedName below for what the browser actually computes.
 
   /**
    * The accessible name the BROWSER computes for the resizer, via the W3C WebDriver

package/ds-data-table-async/filters/DSDataTable.filters-creatable.func.spec.js

@@ -122,7 +122,23 @@ if (!browser.capabilities['ice:options'].isPhone && !browser.capabilities['ice:o
   // Tests for the fix introduced in PUI-15851 (a wrapper-level mousedown preventDefault() in the
   // combobox's `inline` mode suppressed the browser's native caret placement and word selection,
   // and a second click on the focused input blurred it, clearing the value and closing the menu).
-  describe('PUI-18881 - DSDataTable:: filter search input mouse caret and selection - Func', () => {
+  //
+  // PUI-15851 was reopened and moved to 27.2: the fix traded away click-to-close on the combobox
+  // control (PUI-18919), a behavior ratified in PUI-15737 / PUI-15753 and encoded as QA acceptance
+  // criteria in PUI-15741 / PUI-15748. Until that interaction is redefined, the expectations below
+  // are not a stable contract, so this describe is describe.skip'd and PUI-18881 is back to a
+  // non-automated state.
+  //
+  // The rollback is PR #8307 (fix/PUI-18919, open against next as of 27.1). It reverts #8233
+  // wholesale: the wrapper-level mousedown preventDefault() is restored for clicks on the input,
+  // as is the hidden-span width measurement and the click handler that blurs the input on a second
+  // click. So once it merges all three cases below go red, not just case 03 — the caret and
+  // word-selection behavior they assert stops existing again. That is why the whole describe is
+  // skipped rather than case 03 alone. The cases are kept in tree rather than deleted because 01
+  // and 02 are not the disputed part and should be the starting point for the 27.2 coverage; only
+  // 03 (a second click keeps the value, focus and open menu) has to be re-written, once 27.2
+  // settles what a pointer click on the filter search input should do.
+  describe.skip('PUI-18881 - DSDataTable:: filter search input mouse caret and selection - Func', () => {
     beforeEach('loading page', async () => {
       const errorOnGo = await DSDataTableCO.filteredCreatable.go();
       if (errorOnGo) throw errorOnGo;

package/ds-data-table-async/resizable/DSDataTable.resizerA11y.axe-core.func.spec.js

@@ -10,22 +10,21 @@ import { axeCoreCheck } from '../../helpers';
 // The scan is what guards the bounded aria-value* set: a native range input whose aria-valuenow
 // fell outside aria-valuemin/aria-valuemax would trip aria-valid-attr-value.
 // PUI-18812 removed the resizerA11yMode prop, so there is a single resizer shape to scan.
+//
+// PUI-18885: this describe was temporarily describe.skip'd. Making the handle a form element
+// (PUI-18812) exposed it to axe's form rules, and naming it via aria-labelledby -> a display:none
+// span left no labelText axe could resolve; with aria-describedby also present, that tripped
+// label-title-only ("Form elements should have a visible label", serious / best-practice). The fix
+// names the handle directly with aria-label, so the rule no longer applies and the scan is live
+// again. It was never silenced via extraDisabledRules — that would have hidden the regression this
+// scan exists to catch.
 if (
   (!browser.capabilities['ice:options'].isPhone &&
     !browser.capabilities['ice:options'].isTablet &&
     browser.capabilities.browserName === 'chrome') ||
   browser.capabilities.browserName === 'Chrome'
 ) {
-  // SKIPPED — reported as PUI-18885, awaiting the dev team's decision. Since PUI-18812 made the
-  // handle a native <input type="range">, this scan reports one violation:
-  //
-  //   label-title-only — impact: serious — tags: ['cat.forms', 'best-practice']
-  //   "Ensure that every form element has a visible label and is not solely labeled using hidden
-  //    labels, or the title or aria-describedby attributes"
-  //
-  // Skipped rather than silenced with extraDisabledRules, so the violation stays visible on the
-  // ticket instead of being suppressed here. Un-skip once PUI-18885 is resolved.
-  describe.skip('PUI-18750 - DSDataTable:: resizer native range input a11y contract - Axe-Core', () => {
+  describe('PUI-18750 - DSDataTable:: resizer native range input a11y contract - Axe-Core', () => {
     before(async () => {
       const errorOnGo = await DSDataTableCO.resizerSeparatorMode.go();
       if (errorOnGo) throw errorOnGo;

package/ds-data-table-async/resizable/DSDataTable.resizerA11y.func.spec.js

@@ -9,6 +9,9 @@ import { HeaderCO } from '../components';
 // accessible name "Resize {Header} column", so no stray "50" is ever announced.
 // PUI-18812 also removed the resizerA11yMode prop: there is no longer a separator/slider choice, so
 // the ARIA contract below is the single shape for every resizer.
+// PUI-18885 changed how that name is supplied — aria-label on the handle itself instead of
+// aria-labelledby pointing at a display:none span — because the indirection through a hidden node
+// gave axe no resolvable labelText and tripped label-title-only on the native range input.
 if (
   (!browser.capabilities['ice:options'].isPhone &&
     !browser.capabilities['ice:options'].isTablet &&
@@ -47,15 +50,16 @@ if (
       const valueText = await resizer.getAttribute('aria-valuetext'); // SR text, e.g. "150 pixels"
       expect(/^\d+ pixels$/.test(valueText)).toBe(true); // must read "<width> pixels"
 
-      // Name is wired through aria-labelledby -> a hidden span, not aria-label. A native input has no
-      // textContent of its own, so that wiring is the only possible name source (regression guard).
-      // This asserts the REFERENCE resolves to the right span; whether the browser actually computes
-      // a name from it is asserted in test 02, where the handle is exposed to the accessibility tree.
-      // It cannot be asserted here: at rest the handle is aria-hidden, so it has no computed name by
-      // design and a computed-name check would fail for the wrong reason.
-      expect(await resizer.getAttribute('aria-label')).toBe(null);
-      const labelledByText = await HeaderCO.getResizerLabelledByText(resizer);
-      expect(labelledByText).toContain('Resize Name column');
+      // PUI-18885: the name is supplied directly via aria-label. It used to be wired through
+      // aria-labelledby -> a display:none span, which left axe unable to resolve a labelText and
+      // tripped label-title-only on this form element (see the axe-core sibling spec). aria-labelledby
+      // must stay absent: reintroducing it would both shadow this name and bring the violation back.
+      // This asserts the attribute VALUE only; whether the browser computes a name from it is asserted
+      // in test 02, where the handle is exposed to the accessibility tree. It cannot be asserted here:
+      // at rest the handle is aria-hidden, so it has no computed name by design and a computed-name
+      // check would fail for the wrong reason.
+      expect(await resizer.getAttribute('aria-labelledby')).toBe(null);
+      await expect(resizer).toHaveAttribute('aria-label', 'Resize Name column');
     });
 
     it('02: should update aria-valuenow when resizing with the keyboard', async () => {
@@ -74,10 +78,12 @@ if (
       expect(await resizer.getAttribute('aria-hidden')).toBe(null);
 
       // The accessible name the browser actually computes, now that the handle is in the
-      // accessibility tree. This is the assertion that matters: the name span is display:none, and
-      // reading its textContent (test 01) passes even if the accname algorithm resolves to nothing.
-      // A focused control with no computed name is a WCAG 4.1.2 failure, so it is asserted against
-      // the browser's own computation via WebDriver's Get Computed Label, not re-derived from the DOM.
+      // accessibility tree. This is the assertion that matters: test 01 only proves the aria-label
+      // attribute is present with the right text, which would still pass if something else (a
+      // reintroduced aria-labelledby, a native label association) shadowed it in the accname
+      // algorithm. A focused control with no computed name is a WCAG 4.1.2 failure, so it is asserted
+      // against the browser's own computation via WebDriver's Get Computed Label, not re-derived from
+      // the DOM.
       const computedName = await HeaderCO.getResizerComputedName(resizer);
       expect(computedName).toContain('Resize Name column');
 

package/ds-form-combobox-multi/DSComboboxMultiCO.js

@@ -39,6 +39,8 @@ export default class DSComboboxMultiCO extends PageObject {
 
   static withTooltip = new Urlbuilder(PATH_E2E_COMBOBOX_MULTI, 'with-tooltip-test');
 
+  static themeFontURL = new Urlbuilder(PATH_E2E_COMBOBOX_MULTI, 'theme-font-family-test');
+
   static controlledMenuStateWithSectionsSlotsTest = new Urlbuilder(
     PATH_E2E_COMBOBOX_MULTI_SLOTS,
     'controlled-menu-state-with-section-slots-test',
@@ -81,14 +83,6 @@ export default class DSComboboxMultiCO extends PageObject {
     return $$('[data-testid="combobox-input"]')[index];
   }
 
-  static async getComboboxHiddenInput() {
-    return $('input[aria-hidden="true"]');
-  }
-
-  static async getComboboxHiddenInputByIndex(index) {
-    return $$('input[aria-hidden="true"]')[index];
-  }
-
   static async getSelectedValues() {
     return $('[data-testid="combobox-selected-values"]');
   }
@@ -302,4 +296,18 @@ export default class DSComboboxMultiCO extends PageObject {
   static snapshotPath(example = 'basic') {
     return PageObject.getSnapshotPathBuilder('DSComboboxMulti', example, 'ds-combobox-multi');
   }
+
+  // The selection wrapper and the selected pills' labels both render through
+  // styled(DSTypography), so the owner slot lands on `data-dimsum-parent-slot`.
+  static async getThemedSelection() {
+    return $('[data-testid="theme-font-sentinel"] [data-dimsum-parent-slot="dsComboboxSelection"]');
+  }
+
+  static async getFallbackSelection() {
+    return $('[data-testid="theme-font-fallback"] [data-dimsum-parent-slot="dsComboboxSelection"]');
+  }
+
+  static async getThemedPillLabel() {
+    return $('[data-testid="theme-font-sentinel"] [data-dimsum-parent-slot="dsPillLabel"]');
+  }
 }

package/ds-form-combobox-multi/disabled/DSComboboxMulti.disabled.mouse.func.spec.js

@@ -11,10 +11,8 @@ if (!browser.capabilities['ice:options'].isPhone && !browser.capabilities['ice:o
     it('01: combobox multi disabled should not be focused - clicking Input', async () => {
       const combobox = await DSComboboxMultiCO.getCombobox();
       const input = await DSComboboxMultiCO.getComboboxInput();
-      const hiddenInput = await DSComboboxMultiCO.getComboboxHiddenInput();
       await combobox.click();
       await expect(input).not.toBeFocused();
-      await expect(hiddenInput).not.toBeFocused();
     });
     it('02: listbox should not be displayed when combobox is disabled', async () => {
       await browser.keys(Key.ArrowDown);

package/ds-form-combobox-multi/theme-font/DSComboboxMulti.theme-font.func.spec.js

@@ -0,0 +1,38 @@
+import DSComboboxMultiCO from '../DSComboboxMultiCO';
+
+// Tests the theme-driven font-family mechanism covered by the combobox theming spike PUI-18214
+// (the selection wrapper and the selected pills' labels render through DSTypography, which reads
+// theme.fonts.default, falling back to proxima-nova). Theme-agnostic: uses a sentinel font,
+// never the dsConsumer POC theme values, so it survives any future theme change.
+// Out of scope on purpose: the native <input> that holds typed text mirrors b2 as raw CSS and
+// declares no font-family, so it does NOT follow theme.fonts.default (measured under the sentinel
+// theme it still computes proxima-nova, i.e. the inherited page font, while the selection text
+// switches). Asserting it here would lock in that gap; it is reported separately instead.
+if (
+  (!browser.capabilities['ice:options'].isPhone &&
+    !browser.capabilities['ice:options'].isTablet &&
+    browser.capabilities.browserName === 'chrome') ||
+  browser.capabilities.browserName === 'Chrome'
+) {
+  describe('PUI-18974 - ComboboxMulti:: theme font-family wiring - Func', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSComboboxMultiCO.themeFontURL.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+
+    it('01: should read selection and pill font-family from theme with proxima-nova fallback', async () => {
+      const themed = await DSComboboxMultiCO.getThemedSelection();
+      await themed.waitForDisplayed();
+      const themedFont = (await themed.getCSSProperty('font-family')).value.toLowerCase();
+      await expect(themedFont).toContain('sentinelfont');
+
+      const themedPill = await DSComboboxMultiCO.getThemedPillLabel();
+      const themedPillFont = (await themedPill.getCSSProperty('font-family')).value.toLowerCase();
+      await expect(themedPillFont).toContain('sentinelfont');
+
+      const fallback = await DSComboboxMultiCO.getFallbackSelection();
+      const fallbackFont = (await fallback.getCSSProperty('font-family')).value.toLowerCase();
+      await expect(fallbackFont).toContain('proxima-nova');
+    });
+  });
+}

package/ds-form-combobox-single/DSComboboxSingleCO.js

@@ -45,6 +45,8 @@ export default class DSComboboxSingleCO extends PageObject {
 
   static withTooltip = new Urlbuilder(PATH_E2E_COMBOBOX_SINGLE, 'with-tooltip-test');
 
+  static themeFontURL = new Urlbuilder(PATH_E2E_COMBOBOX_SINGLE, 'theme-font-family-test');
+
   // COMBOBOX - INPUT
   static async getCombobox() {
     return $('[data-testid="combobox-container"]');
@@ -78,14 +80,6 @@ export default class DSComboboxSingleCO extends PageObject {
     return $$('[data-testid="combobox-input"]')[index];
   }
 
-  static async getComboboxHiddenInput() {
-    return $('input[aria-hidden="true"]');
-  }
-
-  static async getComboboxHiddenInputByIndex(index) {
-    return $$('input[aria-hidden="true"]')[index];
-  }
-
   static async getSelectedValues() {
     return $('[data-testid="combobox-selected-values"]');
   }
@@ -283,4 +277,14 @@ export default class DSComboboxSingleCO extends PageObject {
   static snapshotPath(example = 'basic') {
     return PageObject.getSnapshotPathBuilder('DSComboboxV3', example, 'ds-combobox');
   }
+
+  // The selection text renders through styled(DSTypography), so the owner slot lands on
+  // `data-dimsum-parent-slot` (the element's own `data-dimsum-slot` is the typography root).
+  static async getThemedSelection() {
+    return $('[data-testid="theme-font-sentinel"] [data-dimsum-parent-slot="dsComboboxSelection"]');
+  }
+
+  static async getFallbackSelection() {
+    return $('[data-testid="theme-font-fallback"] [data-dimsum-parent-slot="dsComboboxSelection"]');
+  }
 }

package/ds-form-combobox-single/disabled/DSComboboxSingle.disabled.mouse.func.spec.js

@@ -11,10 +11,8 @@ if (!browser.capabilities['ice:options'].isPhone && !browser.capabilities['ice:o
     it('01: combobox single disabled should not be focused - clicking Input', async () => {
       const combobox = await DSComboboxSingleCO.getComboboxByIndex(0);
       const input = await DSComboboxSingleCO.getComboboxInputByIndex(0);
-      const hiddenInput = await DSComboboxSingleCO.getComboboxHiddenInputByIndex(0);
       await combobox.click();
       await expect(input).not.toBeFocused();
-      await expect(hiddenInput).not.toBeFocused();
     });
     it('02: listbox should not be displayed when combobox is disabled', async () => {
       await browser.keys(Key.ArrowDown);

package/ds-form-combobox-single/theme-font/DSComboboxSingle.theme-font.func.spec.js

@@ -0,0 +1,34 @@
+import DSComboboxSingleCO from '../DSComboboxSingleCO';
+
+// Tests the theme-driven font-family mechanism covered by the combobox theming spike PUI-18214
+// (the selection text renders through DSTypography, which reads theme.fonts.default, falling
+// back to proxima-nova). Theme-agnostic: uses a sentinel font, never the dsConsumer POC theme
+// values, so it survives any future theme change.
+// Out of scope on purpose: the native <input> that holds typed text mirrors b2 as raw CSS and
+// declares no font-family, so it does NOT follow theme.fonts.default (measured under the sentinel
+// theme it still computes proxima-nova, i.e. the inherited page font, while the selection text
+// switches). Asserting it here would lock in that gap; it is reported separately instead.
+if (
+  (!browser.capabilities['ice:options'].isPhone &&
+    !browser.capabilities['ice:options'].isTablet &&
+    browser.capabilities.browserName === 'chrome') ||
+  browser.capabilities.browserName === 'Chrome'
+) {
+  describe('PUI-18973 - ComboboxSingle:: theme font-family wiring - Func', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSComboboxSingleCO.themeFontURL.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+
+    it('01: should read selection font-family from theme with proxima-nova fallback', async () => {
+      const themed = await DSComboboxSingleCO.getThemedSelection();
+      await themed.waitForDisplayed();
+      const themedFont = (await themed.getCSSProperty('font-family')).value.toLowerCase();
+      await expect(themedFont).toContain('sentinelfont');
+
+      const fallback = await DSComboboxSingleCO.getFallbackSelection();
+      const fallbackFont = (await fallback.getCSSProperty('font-family')).value.toLowerCase();
+      await expect(fallbackFont).toContain('proxima-nova');
+    });
+  });
+}

package/package.json

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

package/paths.js

@@ -347,6 +347,7 @@ export const PATH_E2E_SQUARE_INDICATOR = `${PATH_E2E}/SquareIndicator`;
 export const PATH_E2E_CONTROLLEDLARGEINPUT = `${PATH_E2E}/ControlledLargeInputText`;
 export const PATH_E2E_CONTROLLEDINPUT = `${PATH_E2E}/ControlledInputText`;
 export const PATH_E2E_CHECKBOX = `${PATH_E2E}/Checkbox`;
+export const PATH_E2E_CHECKBOX_SLOTS = `${PATH_E2E_CHECKBOX}/Slots`;
 export const PATH_E2E_BUTTON_V2 = `${PATH_E2E}/ButtonV2`;
 export const PATH_E2E_BUTTON_V3 = `${PATH_E2E}/ButtonV3`;
 export const PATH_E2E_DDMENU_V2 = `${PATH_E2E}/DropDownMenuV2`;
@@ -370,6 +371,7 @@ export const PATH_E2E_DATAVIZ_SCROLL = `${PATH_E2E_DATAVIZ}/Scroll`;
 export const PATH_E2E_DATAVIZ_SINGLESTACKED = `${PATH_E2E_DATAVIZ}/Single Stacked Bar`;
 export const PATH_E2E_AUTOCOMPLETE = `${PATH_E2E}/Autocomplete`;
 export const PATH_E2E_RADIO = `${PATH_E2E}/Radio`;
+export const PATH_E2E_RADIO_SLOTS = `${PATH_E2E_RADIO}/Slots`;
 export const PATH_E2E_RADIO_GROUP = `${PATH_E2E}/RadioGroup`;
 export const PATH_E2E_SVG = `${PATH_E2E}/Svg`;
 export const PATH_E2E_IMAGE = `${PATH_E2E}/Image`;