@ionic/core 7.5.7-dev.11701113479.149fdab6 → 7.5.7-dev.11701201960.104b3a1f

package/dist/collection/components/{picker-internal/test/basic/picker-internal.e2e.js → picker/test/basic/picker.e2e.js}

@@ -7,28 +7,28 @@ import { configs, test } from "../../../../utils/test/playwright/index";
  * This behavior does not vary across directions.
  */
 configs({ directions: ['ltr'] }).forEach(({ title, screenshot, config }) => {
-  test.describe(title('picker-internal: rendering'), () => {
+  test.describe(title('picker: rendering'), () => {
     test('inline pickers should not have visual regression', async ({ page }) => {
-      await page.goto(`/src/components/picker-internal/test/basic`, config);
+      await page.goto(`/src/components/picker/test/basic`, config);
       const fullStack = page.locator('#inline button[data-value="full-stack"]');
       const onion = page.locator('#inline button[data-value="onion"]');
       await expect(fullStack).toHaveClass(/picker-item-active/);
       await expect(onion).toHaveClass(/picker-item-active/);
       await page.waitForChanges();
-      await expect(page.locator('#inline')).toHaveScreenshot(screenshot(`picker-internal-inline-diff`));
+      await expect(page.locator('#inline')).toHaveScreenshot(screenshot(`picker-inline-diff`));
     });
   });
-  test.describe(title('picker-internal: overlay rendering'), () => {
+  test.describe(title('picker: overlay rendering'), () => {
     test('popover: should not have visual regression', async ({ page }) => {
-      await page.goto(`/src/components/picker-internal/test/basic`, config);
+      await page.goto(`/src/components/picker/test/basic`, config);
       const button = page.locator('#popover');
       const didPresent = await page.spyOnEvent('ionPopoverDidPresent');
-      const pickerInternal = page.locator('ion-popover ion-picker-internal');
+      const picker = page.locator('ion-popover ion-picker');
       await button.click();
       await didPresent.next();
-      await expect(pickerInternal).toBeVisible();
+      await expect(picker).toBeVisible();
       const popoverContent = page.locator('ion-popover .ion-delegate-host');
-      await expect(popoverContent).toHaveScreenshot(screenshot(`picker-internal-popover-diff`), {
+      await expect(popoverContent).toHaveScreenshot(screenshot(`picker-popover-diff`), {
         /**
          * Animations must be enabled to capture the screenshot.
          * By default, animations are disabled with toHaveScreenshot,
@@ -40,15 +40,15 @@ configs({ directions: ['ltr'] }).forEach(({ title, screenshot, config }) => {
       });
     });
     test('modal: should not have visual regression', async ({ page }) => {
-      await page.goto('/src/components/picker-internal/test/basic', config);
+      await page.goto('/src/components/picker/test/basic', config);
       const button = page.locator('#modal');
       const didPresent = await page.spyOnEvent('ionModalDidPresent');
-      const pickerInternal = page.locator('ion-modal ion-picker-internal');
+      const picker = page.locator('ion-modal ion-picker');
       await button.click();
       await didPresent.next();
-      await expect(pickerInternal).toBeVisible();
+      await expect(picker).toBeVisible();
       const modalContent = page.locator('ion-modal .ion-delegate-host');
-      await expect(modalContent).toHaveScreenshot(screenshot(`picker-internal-modal-diff`), {
+      await expect(modalContent).toHaveScreenshot(screenshot(`picker-modal-diff`), {
         /**
          * Animations must be enabled to capture the screenshot.
          * By default, animations are disabled with toHaveScreenshot,
@@ -65,16 +65,16 @@ configs({ directions: ['ltr'] }).forEach(({ title, screenshot, config }) => {
  * This behavior does not vary across modes/directions.
  */
 configs({ modes: ['ios'], directions: ['ltr'] }).forEach(({ title, config }) => {
-  test.describe(title('picker-internal: focus'), () => {
+  test.describe(title('picker: focus'), () => {
     test.beforeEach(async ({ page }) => {
       await page.setContent(`
-        <ion-picker-internal>
-          <ion-picker-column-internal value="full-stack" id="first"></ion-picker-column-internal>
-          <ion-picker-column-internal value="onion" id="second"></ion-picker-column-internal>
-        </ion-picker-internal>
+        <ion-picker>
+          <ion-picker-column value="full-stack" id="first"></ion-picker-column>
+          <ion-picker-column value="onion" id="second"></ion-picker-column>
+        </ion-picker>
 
         <script>
-          const columns = document.querySelectorAll('ion-picker-column-internal');
+          const columns = document.querySelectorAll('ion-picker-column');
           columns[0].items = [
             { text: 'Minified', value: 'minified' },
             { text: 'Responsive', value: 'responsive' },
@@ -94,8 +94,8 @@ configs({ modes: ['ios'], directions: ['ltr'] }).forEach(({ title, config }) =>
       `, config);
     });
     test('tabbing should correctly move focus between columns', async ({ page }) => {
-      const firstColumn = page.locator('ion-picker-column-internal#first');
-      const secondColumn = page.locator('ion-picker-column-internal#second');
+      const firstColumn = page.locator('ion-picker-column#first');
+      const secondColumn = page.locator('ion-picker-column#second');
       // Focus first column
       await page.keyboard.press('Tab');
       await expect(firstColumn).toBeFocused();
@@ -105,8 +105,8 @@ configs({ modes: ['ios'], directions: ['ltr'] }).forEach(({ title, config }) =>
       await expect(secondColumn).toBeFocused();
     });
     test('tabbing should correctly move focus back', async ({ page }) => {
-      const firstColumn = page.locator('ion-picker-column-internal#first');
-      const secondColumn = page.locator('ion-picker-column-internal#second');
+      const firstColumn = page.locator('ion-picker-column#first');
+      const secondColumn = page.locator('ion-picker-column#second');
       await secondColumn.focus();
       await expect(secondColumn).toBeFocused();
       await page.waitForChanges();

package/dist/collection/components/{picker-internal/test/keyboard-entry/picker-internal.e2e.js → picker/test/keyboard-entry/picker.e2e.js}

@@ -7,15 +7,15 @@ import { configs, test } from "../../../../utils/test/playwright/index";
  * This behavior does not vary across modes/directions.
  */
 configs({ modes: ['ios'], directions: ['ltr'] }).forEach(({ title, config }) => {
-  test.describe(title('picker-internal: keyboard entry'), () => {
+  test.describe(title('picker: keyboard entry'), () => {
     test('should scroll to and update the value prop for a single column', async ({ page }) => {
       await page.setContent(`
-        <ion-picker-internal>
-          <ion-picker-column-internal></ion-picker-column-internal>
-        </ion-picker-internal>
+        <ion-picker>
+          <ion-picker-column></ion-picker-column>
+        </ion-picker>
 
         <script>
-          const column = document.querySelector('ion-picker-column-internal');
+          const column = document.querySelector('ion-picker-column');
           column.items = [
             { text: '01', value: 1 },
             { text: '02', value: 2 },
@@ -27,7 +27,7 @@ configs({ modes: ['ios'], directions: ['ltr'] }).forEach(({ title, config }) =>
           column.numericInput = true;
         </script>
       `, config);
-      const column = page.locator('ion-picker-column-internal');
+      const column = page.locator('ion-picker-column');
       const ionChange = await page.spyOnEvent('ionChange');
       await column.focus();
       await page.keyboard.press('Digit2');
@@ -36,13 +36,13 @@ configs({ modes: ['ios'], directions: ['ltr'] }).forEach(({ title, config }) =>
     });
     test('should scroll to and update the value prop for multiple columns', async ({ page }) => {
       await page.setContent(`
-        <ion-picker-internal>
-          <ion-picker-column-internal id="first"></ion-picker-column-internal>
-          <ion-picker-column-internal id="second"></ion-picker-column-internal>
-        </ion-picker-internal>
+        <ion-picker>
+          <ion-picker-column id="first"></ion-picker-column>
+          <ion-picker-column id="second"></ion-picker-column>
+        </ion-picker>
 
         <script>
-          const firstColumn = document.querySelector('ion-picker-column-internal#first');
+          const firstColumn = document.querySelector('ion-picker-column#first');
           firstColumn.items = [
             { text: '01', value: 1 },
             { text: '02', value: 2 },
@@ -53,7 +53,7 @@ configs({ modes: ['ios'], directions: ['ltr'] }).forEach(({ title, config }) =>
           firstColumn.value = 5;
           firstColumn.numericInput = true;
 
-          const secondColumn = document.querySelector('ion-picker-column-internal#second');
+          const secondColumn = document.querySelector('ion-picker-column#second');
           secondColumn.items = [
             { text: '20', value: 20 },
             { text: '21', value: 21 },
@@ -65,9 +65,9 @@ configs({ modes: ['ios'], directions: ['ltr'] }).forEach(({ title, config }) =>
           secondColumn.numericInput = true;
         </script>
       `, config);
-      const firstColumn = page.locator('ion-picker-column-internal#first');
-      const secondColumn = page.locator('ion-picker-column-internal#second');
-      const highlight = page.locator('ion-picker-internal .picker-highlight');
+      const firstColumn = page.locator('ion-picker-column#first');
+      const secondColumn = page.locator('ion-picker-column#second');
+      const highlight = page.locator('ion-picker .picker-highlight');
       const firstIonChange = await firstColumn.spyOnEvent('ionChange');
       const secondIonChange = await secondColumn.spyOnEvent('ionChange');
       const box = await highlight.boundingBox();
@@ -85,12 +85,12 @@ configs({ modes: ['ios'], directions: ['ltr'] }).forEach(({ title, config }) =>
     });
     test('should select 00', async ({ page }) => {
       await page.setContent(`
-        <ion-picker-internal>
-          <ion-picker-column-internal></ion-picker-column-internal>
-        </ion-picker-internal>
+        <ion-picker>
+          <ion-picker-column></ion-picker-column>
+        </ion-picker>
 
         <script>
-          const column = document.querySelector('ion-picker-column-internal');
+          const column = document.querySelector('ion-picker-column');
           column.items = [
             { text: '00', value: 12 },
             { text: '01', value: 1 },
@@ -103,7 +103,7 @@ configs({ modes: ['ios'], directions: ['ltr'] }).forEach(({ title, config }) =>
           column.numericInput = true;
         </script>
       `, config);
-      const column = page.locator('ion-picker-column-internal');
+      const column = page.locator('ion-picker-column');
       const ionChange = await page.spyOnEvent('ionChange');
       await column.focus();
       await page.keyboard.press('Digit0');

package/dist/collection/components/{picker-column-internal/picker-column-internal.js → picker-column/picker-column.js}

@@ -9,9 +9,8 @@ import { createColorClasses } from "../../utils/theme";
 import { getIonMode } from "../../global/ionic-global";
 /**
  * @virtualProp {"ios" | "md"} mode - The mode determines which platform styles to use.
- * @internal
  */
-export class PickerColumnInternal {
+export class PickerColumn {
   constructor() {
     this.isScrolling = false;
     this.isColumnVisible = false;
@@ -271,7 +270,7 @@ export class PickerColumnInternal {
       }
     };
     new IntersectionObserver(visibleCallback, { threshold: 0.001 }).observe(this.el);
-    const parentEl = (this.parentEl = this.el.closest('ion-picker-internal'));
+    const parentEl = (this.parentEl = this.el.closest('ion-picker'));
     if (parentEl !== null) {
       // TODO(FW-2832): type
       parentEl.addEventListener('ionInputModeChange', (ev) => this.inputModeChange(ev));
@@ -331,7 +330,7 @@ export class PickerColumnInternal {
      * exportparts is needed so ion-datetime can expose the parts
      * from two layers of shadow nesting. If this causes problems,
      * the attribute can be moved to datetime.tsx and set on every
-     * instance of ion-picker-column-internal there instead.
+     * instance of ion-picker-column there instead.
      */
     return (h(Host, { exportparts: `${PICKER_ITEM_PART}, ${PICKER_ITEM_ACTIVE_PART}`, disabled: pickerDisabled, tabindex: pickerDisabled ? null : 0, class: createColorClasses(color, {
         [mode]: true,
@@ -356,18 +355,18 @@ export class PickerColumnInternal {
         }, disabled: isItemDisabled, part: PICKER_ITEM_PART }, item.text));
     }), h("div", { class: "picker-item picker-item-empty", "aria-hidden": "true" }, "\u00A0"), h("div", { class: "picker-item picker-item-empty", "aria-hidden": "true" }, "\u00A0"), h("div", { class: "picker-item picker-item-empty", "aria-hidden": "true" }, "\u00A0")));
   }
-  static get is() { return "ion-picker-column-internal"; }
+  static get is() { return "ion-picker-column"; }
   static get encapsulation() { return "shadow"; }
   static get originalStyleUrls() {
     return {
-      "ios": ["picker-column-internal.ios.scss"],
-      "md": ["picker-column-internal.md.scss"]
+      "ios": ["picker-column.ios.scss"],
+      "md": ["picker-column.md.scss"]
     };
   }
   static get styleUrls() {
     return {
-      "ios": ["picker-column-internal.ios.css"],
-      "md": ["picker-column-internal.md.css"]
+      "ios": ["picker-column.ios.css"],
+      "md": ["picker-column.md.css"]
     };
   }
   static get properties() {
@@ -399,8 +398,8 @@ export class PickerColumnInternal {
           "references": {
             "PickerColumnItem": {
               "location": "import",
-              "path": "./picker-column-internal-interfaces",
-              "id": "src/components/picker-column-internal/picker-column-internal-interfaces.ts::PickerColumnItem"
+              "path": "./picker-column-interfaces",
+              "id": "src/components/picker-column/picker-column-interfaces.ts::PickerColumnItem"
             }
           }
         },
@@ -498,8 +497,8 @@ export class PickerColumnInternal {
           "references": {
             "PickerColumnItem": {
               "location": "import",
-              "path": "./picker-column-internal-interfaces",
-              "id": "src/components/picker-column-internal/picker-column-internal-interfaces.ts::PickerColumnItem"
+              "path": "./picker-column-interfaces",
+              "id": "src/components/picker-column/picker-column-interfaces.ts::PickerColumnItem"
             }
           }
         }

package/dist/collection/components/{picker-column-internal/test/basic/picker-column-internal.e2e.js → picker-column/test/basic/picker-column.e2e.js}

@@ -7,20 +7,20 @@ import { configs, test } from "../../../../utils/test/playwright/index";
  * This behavior does not vary across modes/directions.
  */
 configs({ modes: ['ios'], directions: ['ltr'] }).forEach(({ title, config }) => {
-  test.describe(title('picker-column-internal'), () => {
+  test.describe(title('picker-column'), () => {
     test.beforeEach(async ({ page }) => {
-      await page.goto('/src/components/picker-column-internal/test/basic', config);
+      await page.goto('/src/components/picker-column/test/basic', config);
     });
     test('should render a picker item for each item', async ({ page }) => {
-      const columns = page.locator('ion-picker-column-internal .picker-item:not(.picker-item-empty)');
+      const columns = page.locator('ion-picker-column .picker-item:not(.picker-item-empty)');
       await expect(columns).toHaveCount(24);
     });
     test('should render 6 empty picker items', async ({ page }) => {
-      const columns = page.locator('ion-picker-column-internal .picker-item-empty');
+      const columns = page.locator('ion-picker-column .picker-item-empty');
       await expect(columns).toHaveCount(6);
     });
     test('should not have an active item when value is not set', async ({ page }) => {
-      const activeColumn = page.locator('ion-picker-column-internal .picker-item-active');
+      const activeColumn = page.locator('ion-picker-column .picker-item-active');
       await expect(activeColumn).toHaveCount(0);
     });
     test('should have an active item when value is set', async ({ page }) => {
@@ -28,7 +28,7 @@ configs({ modes: ['ios'], directions: ['ltr'] }).forEach(({ title, config }) =>
         el.value = '12';
       });
       await page.waitForChanges();
-      const activeColumn = page.locator('ion-picker-column-internal .picker-item-active');
+      const activeColumn = page.locator('ion-picker-column .picker-item-active');
       expect(activeColumn).not.toBeNull();
     });
     // TODO FW-3616
@@ -38,7 +38,7 @@ configs({ modes: ['ios'], directions: ['ltr'] }).forEach(({ title, config }) =>
         el.scrollTop = 801;
       });
       await page.waitForChanges();
-      const activeColumn = page.locator('ion-picker-column-internal .picker-item-active');
+      const activeColumn = page.locator('ion-picker-column .picker-item-active');
       expect(await (activeColumn === null || activeColumn === void 0 ? void 0 : activeColumn.innerText())).toEqual('23');
     });
     test('should not emit ionChange when the value is modified externally', async ({ page, skip }) => {

package/dist/collection/components/{picker-column-internal/test/disabled/picker-column-internal.e2e.js → picker-column/test/disabled/picker-column.e2e.js}

@@ -7,15 +7,15 @@ import { configs, test } from "../../../../utils/test/playwright/index";
  * This behavior does not vary across directions.
  */
 configs({ directions: ['ltr'] }).forEach(({ title, screenshot, config }) => {
-  test.describe(title('picker-column-internal: disabled rendering'), () => {
+  test.describe(title('picker-column: disabled rendering'), () => {
     test('should not have visual regressions', async ({ page }) => {
       await page.setContent(`
-        <ion-picker-internal>
-          <ion-picker-column-internal value="b"></ion-picker-column-internal>
-        </ion-picker-internal>
+        <ion-picker>
+          <ion-picker-column value="b"></ion-picker-column>
+        </ion-picker>
 
         <script>
-          const column = document.querySelector('ion-picker-column-internal');
+          const column = document.querySelector('ion-picker-column');
           column.items = [
             { text: 'A', value: 'a', disabled: true },
             { text: 'B', value: 'b' },
@@ -23,8 +23,8 @@ configs({ directions: ['ltr'] }).forEach(({ title, screenshot, config }) => {
           ]
         </script>
       `, config);
-      const picker = page.locator('ion-picker-internal');
-      await expect(picker).toHaveScreenshot(screenshot(`picker-internal-disabled`));
+      const picker = page.locator('ion-picker');
+      await expect(picker).toHaveScreenshot(screenshot(`picker-disabled`));
     });
   });
 });
@@ -32,15 +32,15 @@ configs({ directions: ['ltr'] }).forEach(({ title, screenshot, config }) => {
  * This behavior does not vary across modes/directions.
  */
 configs({ modes: ['ios'], directions: ['ltr'] }).forEach(({ title, config }) => {
-  test.describe(title('picker-column-internal: disabled items'), () => {
+  test.describe(title('picker-column: disabled items'), () => {
     test('all picker items should be enabled by default', async ({ page }) => {
       await page.setContent(`
-        <ion-picker-internal>
-          <ion-picker-column-internal></ion-picker-column-internal>
-        </ion-picker-internal>
+        <ion-picker>
+          <ion-picker-column></ion-picker-column>
+        </ion-picker>
 
         <script>
-          const column = document.querySelector('ion-picker-column-internal');
+          const column = document.querySelector('ion-picker-column');
           column.items = [
             { text: 'A', value: 'a' },
             { text: 'B', value: 'b' },
@@ -48,17 +48,17 @@ configs({ modes: ['ios'], directions: ['ltr'] }).forEach(({ title, config }) =>
           ]
         </script>
       `, config);
-      const pickerItems = page.locator('ion-picker-column-internal .picker-item:not(.picker-item-empty, [disabled])');
+      const pickerItems = page.locator('ion-picker-column .picker-item:not(.picker-item-empty, [disabled])');
       expect(await pickerItems.count()).toBe(3);
     });
     test('disabled picker item should not be interactive', async ({ page }) => {
       await page.setContent(`
-        <ion-picker-internal>
-          <ion-picker-column-internal></ion-picker-column-internal>
-        </ion-picker-internal>
+        <ion-picker>
+          <ion-picker-column></ion-picker-column>
+        </ion-picker>
 
         <script>
-          const column = document.querySelector('ion-picker-column-internal');
+          const column = document.querySelector('ion-picker-column');
           column.items = [
             { text: 'A', value: 'a' },
             { text: 'B', value: 'b', disabled: true },
@@ -66,17 +66,17 @@ configs({ modes: ['ios'], directions: ['ltr'] }).forEach(({ title, config }) =>
           ]
         </script>
       `, config);
-      const disabledItem = page.locator('ion-picker-column-internal .picker-item[disabled]');
+      const disabledItem = page.locator('ion-picker-column .picker-item[disabled]');
       await expect(disabledItem).not.toBeEnabled();
     });
     test('disabled picker item should not be considered active', async ({ page }) => {
       await page.setContent(`
-        <ion-picker-internal>
-          <ion-picker-column-internal value="b"></ion-picker-column-internal>
-        </ion-picker-internal>
+        <ion-picker>
+          <ion-picker-column value="b"></ion-picker-column>
+        </ion-picker>
 
         <script>
-          const column = document.querySelector('ion-picker-column-internal');
+          const column = document.querySelector('ion-picker-column');
           column.items = [
             { text: 'A', value: 'a' },
             { text: 'B', value: 'b', disabled: true },
@@ -84,17 +84,17 @@ configs({ modes: ['ios'], directions: ['ltr'] }).forEach(({ title, config }) =>
           ]
         </script>
       `, config);
-      const disabledItem = page.locator('ion-picker-column-internal .picker-item[data-value="b"]');
+      const disabledItem = page.locator('ion-picker-column .picker-item[data-value="b"]');
       await expect(disabledItem).not.toHaveClass(/picker-item-active/);
     });
     test('setting the value to a disabled item should not cause that item to be active', async ({ page }) => {
       await page.setContent(`
-        <ion-picker-internal>
-          <ion-picker-column-internal></ion-picker-column-internal>
-        </ion-picker-internal>
+        <ion-picker>
+          <ion-picker-column></ion-picker-column>
+        </ion-picker>
 
         <script>
-          const column = document.querySelector('ion-picker-column-internal');
+          const column = document.querySelector('ion-picker-column');
           column.items = [
             { text: 'A', value: 'a' },
             { text: 'B', value: 'b', disabled: true },
@@ -102,21 +102,21 @@ configs({ modes: ['ios'], directions: ['ltr'] }).forEach(({ title, config }) =>
           ]
         </script>
       `, config);
-      const pickerColumn = page.locator('ion-picker-column-internal');
+      const pickerColumn = page.locator('ion-picker-column');
       await pickerColumn.evaluate((el) => (el.value = 'b'));
       await page.waitForChanges();
-      const disabledItem = page.locator('ion-picker-column-internal .picker-item[data-value="b"]');
+      const disabledItem = page.locator('ion-picker-column .picker-item[data-value="b"]');
       await expect(disabledItem).toBeDisabled();
       await expect(disabledItem).not.toHaveClass(/picker-item-active/);
     });
     test('defaulting the value to a disabled item should not cause that item to be active', async ({ page }) => {
       await page.setContent(`
-        <ion-picker-internal>
-          <ion-picker-column-internal></ion-picker-column-internal>
-        </ion-picker-internal>
+        <ion-picker>
+          <ion-picker-column></ion-picker-column>
+        </ion-picker>
 
         <script>
-          const column = document.querySelector('ion-picker-column-internal');
+          const column = document.querySelector('ion-picker-column');
           column.items = [
             { text: 'A', value: 'a' },
             { text: 'B', value: 'b', disabled: true },
@@ -125,7 +125,7 @@ configs({ modes: ['ios'], directions: ['ltr'] }).forEach(({ title, config }) =>
           column.value = 'b'
         </script>
       `, config);
-      const disabledItem = page.locator('ion-picker-column-internal .picker-item[data-value="b"]');
+      const disabledItem = page.locator('ion-picker-column .picker-item[data-value="b"]');
       await expect(disabledItem).toBeDisabled();
       await expect(disabledItem).not.toHaveClass(/picker-item-active/);
     });
@@ -135,14 +135,14 @@ configs({ modes: ['ios'], directions: ['ltr'] }).forEach(({ title, config }) =>
  * This behavior does not vary across directions.
  */
 configs({ directions: ['ltr'] }).forEach(({ title, screenshot, config }) => {
-  test.describe(title('picker-column-internal: disabled column rendering'), () => {
+  test.describe(title('picker-column: disabled column rendering'), () => {
     test.beforeEach(async ({ page }) => {
-      await page.goto('/src/components/picker-column-internal/test/disabled', config);
+      await page.goto('/src/components/picker-column/test/disabled', config);
     });
     test('disabled column should not have visual regressions', async ({ page }) => {
       const disabledColumn = page.locator('#column-disabled');
       await page.waitForChanges();
-      await expect(disabledColumn).toHaveScreenshot(screenshot('picker-internal-disabled-column'));
+      await expect(disabledColumn).toHaveScreenshot(screenshot('picker-disabled-column'));
     });
   });
 });
@@ -150,9 +150,9 @@ configs({ directions: ['ltr'] }).forEach(({ title, screenshot, config }) => {
  * This behavior does not vary across modes/directions.
  */
 configs({ modes: ['ios'], directions: ['ltr'] }).forEach(({ title, config }) => {
-  test.describe(title('picker-column-internal: disabled column'), () => {
+  test.describe(title('picker-column: disabled column'), () => {
     test.beforeEach(async ({ page }) => {
-      await page.goto('/src/components/picker-column-internal/test/disabled', config);
+      await page.goto('/src/components/picker-column/test/disabled', config);
     });
     test('item in disabled column should not be interactive', async ({ page }) => {
       const secondItem = page.locator('#column-disabled .picker-item:not(.picker-item-empty)').nth(1);

package/dist/collection/components/picker-legacy/picker.js

@@ -72,7 +72,7 @@ export class Picker {
     setOverlayId(this.el);
   }
   componentDidLoad() {
-    printIonWarning('ion-picker-legacy and ion-picker-legacy-column have been deprecated in favor of the ion-picker and ion-picker-column components. These new components display inline with your page content allowing for more presentation flexibility than before.', this.el);
+    printIonWarning('ion-picker-legacy and ion-picker-legacy-column have been deprecated in favor of new versions of the ion-picker and ion-picker-column components. These new components display inline with your page content allowing for more presentation flexibility than before.', this.el);
     /**
      * If picker was rendered with isOpen="true"
      * then we should open picker immediately.

package/dist/collection/components/{picker-column-legacy → picker-legacy-column}/test/standalone/picker-column.e2e.js

@@ -6,7 +6,7 @@ import { configs, test } from "../../../../utils/test/playwright/index";
 configs({ modes: ['ios'], directions: ['ltr'] }).forEach(({ title, config }) => {
   test.describe(title('picker-column'), () => {
     test.beforeEach(async ({ page }) => {
-      await page.goto(`/src/components/picker-column-legacy/test/standalone`, config);
+      await page.goto(`/src/components/picker-legacy-column/test/standalone`, config);
     });
     test('should present picker without ion-app', async ({ page }) => {
       const ionPickerDidPresent = await page.spyOnEvent('ionPickerDidPresent');