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

package/CHANGELOG.md

@@ -3,6 +3,12 @@
 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

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