diff --git a/BREAKING.md b/BREAKING.md
index 9d14348f30..259c8c9820 100644
--- a/BREAKING.md
+++ b/BREAKING.md
@@ -154,6 +154,7 @@ For more information on the dynamic font, refer to the [Dynamic Font Scaling doc
 
 - `size` has been removed from the `ion-input` component. Developers should use CSS to specify the visible width of the input.
 - `accept` has been removed from the `ion-input` component. This was previously used in conjunction with the `type="file"`. However, the `file` value for `type` is not a valid value in Ionic Framework.
+- The `legacy` property and support for the legacy syntax, which involved placing an `ion-input` inside of an `ion-item` with an `ion-label`, have been removed. For more information on migrating from the legacy input syntax, refer to the [Input documentation](https://ionicframework.com/docs/api/input#migrating-from-legacy-input-syntax).
 
 <h4 id="version-8x-nav">Nav</h4>
 
diff --git a/core/api.txt b/core/api.txt
index 2ac742620f..8b601ae780 100644
--- a/core/api.txt
+++ b/core/api.txt
@@ -566,7 +566,6 @@ ion-input,prop,helperText,string | undefined,undefined,false,false
 ion-input,prop,inputmode,"decimal" | "email" | "none" | "numeric" | "search" | "tel" | "text" | "url" | undefined,undefined,false,false
 ion-input,prop,label,string | undefined,undefined,false,false
 ion-input,prop,labelPlacement,"end" | "fixed" | "floating" | "stacked" | "start",'start',false,false
-ion-input,prop,legacy,boolean | undefined,undefined,false,false
 ion-input,prop,max,number | string | undefined,undefined,false,false
 ion-input,prop,maxlength,number | undefined,undefined,false,false
 ion-input,prop,min,number | string | undefined,undefined,false,false
diff --git a/core/src/components.d.ts b/core/src/components.d.ts
index 668cb2d85f..4e4795c1e5 100644
--- a/core/src/components.d.ts
+++ b/core/src/components.d.ts
@@ -1220,10 +1220,6 @@ export namespace Components {
           * Where to place the label relative to the input. `"start"`: The label will appear to the left of the input in LTR and to the right in RTL. `"end"`: The label will appear to the right of the input in LTR and to the left in RTL. `"floating"`: The label will appear smaller and above the input when the input is focused or it has a value. Otherwise it will appear on top of the input. `"stacked"`: The label will appear smaller and above the input regardless even when the input is blurred or has no value. `"fixed"`: The label has the same behavior as `"start"` except it also has a fixed width. Long text will be truncated with ellipses ("...").
          */
         "labelPlacement": 'start' | 'end' | 'floating' | 'stacked' | 'fixed';
-        /**
-          * Set the `legacy` property to `true` to forcibly use the legacy form control markup. Ionic will only opt components in to the modern form markup when they are using either the `aria-label` attribute or the `label` property. As a result, the `legacy` property should only be used as an escape hatch when you want to avoid this automatic opt-in behavior. Note that this property will be removed in an upcoming major release of Ionic, and all form components will be opted-in to using the modern form markup.
-         */
-        "legacy"?: boolean;
         /**
           * The maximum value, which must not be less than its minimum (min attribute) value.
          */
@@ -5951,10 +5947,6 @@ declare namespace LocalJSX {
           * Where to place the label relative to the input. `"start"`: The label will appear to the left of the input in LTR and to the right in RTL. `"end"`: The label will appear to the right of the input in LTR and to the left in RTL. `"floating"`: The label will appear smaller and above the input when the input is focused or it has a value. Otherwise it will appear on top of the input. `"stacked"`: The label will appear smaller and above the input regardless even when the input is blurred or has no value. `"fixed"`: The label has the same behavior as `"start"` except it also has a fixed width. Long text will be truncated with ellipses ("...").
          */
         "labelPlacement"?: 'start' | 'end' | 'floating' | 'stacked' | 'fixed';
-        /**
-          * Set the `legacy` property to `true` to forcibly use the legacy form control markup. Ionic will only opt components in to the modern form markup when they are using either the `aria-label` attribute or the `label` property. As a result, the `legacy` property should only be used as an escape hatch when you want to avoid this automatic opt-in behavior. Note that this property will be removed in an upcoming major release of Ionic, and all form components will be opted-in to using the modern form markup.
-         */
-        "legacy"?: boolean;
         /**
           * The maximum value, which must not be less than its minimum (min attribute) value.
          */
diff --git a/core/src/components/input/input.ios.scss b/core/src/components/input/input.ios.scss
index 35dc4aee51..4f06328db0 100644
--- a/core/src/components/input/input.ios.scss
+++ b/core/src/components/input/input.ios.scss
@@ -8,21 +8,6 @@
   font-size: $input-ios-font-size;
 }
 
-// TODO FW-2764 Remove this
-:host(.legacy-input) {
-  --padding-top: #{$input-ios-padding-top};
-  --padding-end: #{$input-ios-padding-end};
-  --padding-bottom: #{$input-ios-padding-bottom};
-  --padding-start: #{$input-ios-padding-start};
-}
-
-:host-context(.item-label-stacked),
-:host-context(.item-label-floating) {
-  --padding-top: 8px;
-  --padding-bottom: 8px;
-  --padding-start: 0px;
-}
-
 .input-clear-icon ion-icon {
   width: 18px;
   height: 18px;
@@ -33,7 +18,6 @@
 // The input, label, helper text, char counter and placeholder
 // should use the same opacity and match the other form controls
 
-:host(.legacy-input) .native-input[disabled],
 :host(.input-disabled) {
   opacity: #{$input-ios-disabled-opacity};
 }
diff --git a/core/src/components/input/input.ios.vars.scss b/core/src/components/input/input.ios.vars.scss
index 2d6de0d507..238d9cd427 100644
--- a/core/src/components/input/input.ios.vars.scss
+++ b/core/src/components/input/input.ios.vars.scss
@@ -7,17 +7,5 @@
 /// @prop - Font size of the input
 $input-ios-font-size:                     inherit !default;
 
-/// @prop - Margin top of the input
-$input-ios-padding-top:                    $item-ios-padding-top !default;
-
-/// @prop - Margin end of the input
-$input-ios-padding-end:                    ($item-ios-padding-end * 0.5) !default;
-
-/// @prop - Margin bottom of the input
-$input-ios-padding-bottom:                 $item-ios-padding-bottom !default;
-
-/// @prop - Margin start of the input
-$input-ios-padding-start:                  0 !default;
-
 /// @prop - The opacity of the input text, label, helper text, char counter and placeholder of a disabled input
 $input-ios-disabled-opacity: $form-control-ios-disabled-opacity !default;
diff --git a/core/src/components/input/input.md.scss b/core/src/components/input/input.md.scss
index 97c65cd59d..f11e356259 100644
--- a/core/src/components/input/input.md.scss
+++ b/core/src/components/input/input.md.scss
@@ -14,21 +14,6 @@
   font-size: $input-md-font-size;
 }
 
-// TODO FW-2764 Remove this
-:host(.legacy-input) {
-  --padding-top: #{$input-md-padding-top};
-  --padding-end: #{$input-md-padding-end};
-  --padding-bottom: #{$input-md-padding-bottom};
-  --padding-start: #{$input-md-padding-start};
-}
-
-:host-context(.item-label-stacked),
-:host-context(.item-label-floating) {
-  --padding-top: 8px;
-  --padding-bottom: 8px;
-  --padding-start: 0;
-}
-
 .input-clear-icon ion-icon {
   width: 22px;
   height: 22px;
@@ -39,7 +24,6 @@
 // The input, label, helper text, char counter and placeholder
 // should use the same opacity and match the other form controls
 
-:host(.legacy-input) .native-input[disabled],
 :host(.input-disabled) {
   opacity: #{$input-md-disabled-opacity};
 }
diff --git a/core/src/components/input/input.md.vars.scss b/core/src/components/input/input.md.vars.scss
index b3bc7c6540..952bc390ff 100644
--- a/core/src/components/input/input.md.vars.scss
+++ b/core/src/components/input/input.md.vars.scss
@@ -7,18 +7,6 @@
 /// @prop - Font size of the input
 $input-md-font-size: inherit !default;
 
-/// @prop - Margin top of the input
-$input-md-padding-top: 10px !default;
-
-/// @prop - Margin end of the input
-$input-md-padding-end: 0 !default;
-
-/// @prop - Margin bottom of the input
-$input-md-padding-bottom: 10px !default;
-
-/// @prop - Margin start of the input
-$input-md-padding-start: ($item-md-padding-start * 0.5) !default;
-
 /// @prop - The amount of whitespace to display on either side of the floating label
 $input-md-floating-label-padding: 4px !default;
 
diff --git a/core/src/components/input/input.scss b/core/src/components/input/input.scss
index e8fae76c90..06877434e1 100644
--- a/core/src/components/input/input.scss
+++ b/core/src/components/input/input.scss
@@ -57,6 +57,8 @@
 
   width: 100%;
 
+  min-height: 44px;
+
   /* stylelint-disable-next-line all */
   padding: 0 !important;
 
@@ -67,36 +69,11 @@
   z-index: $z-index-item-input;
 }
 
-// TODO FW-2764 Remove this
-:host(.legacy-input) {
-  display: flex;
-
-  flex: 1;
-  align-items: center;
-
-  background: var(--background);
-}
-
-// TODO FW-2764 Remove this
-:host(.legacy-input) .native-input {
-  @include padding(var(--padding-top), var(--padding-end), var(--padding-bottom), var(--padding-start));
-  @include border-radius(var(--border-radius));
-}
-
-:host-context(ion-item:not(.item-label):not(.item-has-modern-input)) {
-  --padding-start: 0;
-}
-
 :host-context(ion-item)[slot="start"],
 :host-context(ion-item)[slot="end"] {
   width: auto;
 }
 
-// TODO FW-2764 Remove this
-:host(.legacy-input.ion-color) {
-  color: current-color(base);
-}
-
 :host(.ion-color) {
   --highlight-color-focused: #{current-color(base)};
 }
@@ -104,10 +81,6 @@
 // Input Wrapper
 // ----------------------------------------------------------------
 
-:host(:not(.legacy-input)) {
-  min-height: 44px;
-}
-
 /**
  * Since the label sits on top of the element,
  * the component needs to be taller otherwise the
@@ -206,11 +179,6 @@
 // Clear Input Icon
 // --------------------------------------------------
 
-// TODO FW-2764 Remove this
-:host(.legacy-input) .input-clear-icon {
-  @include margin(0);
-}
-
 .input-clear-icon {
   @include margin(auto);
   @include padding(0);
@@ -256,37 +224,6 @@
   visibility: visible;
 }
 
-
-// Input Has focus
-// --------------------------------------------------
-
-// TODO FW-2764 Remove this
-:host(.has-focus.legacy-input) {
-  pointer-events: none;
-}
-
-// TODO FW-2764 Remove this
-:host(.has-focus.legacy-input) input,
-:host(.has-focus.legacy-input) a,
-:host(.has-focus.legacy-input) button {
-  pointer-events: auto;
-}
-
-
-// Item Floating: Placeholder
-// ----------------------------------------------------------------
-// When used with a floating item the placeholder should hide
-
-:host-context(.item-label-floating.item-has-placeholder:not(.item-has-value)) {
-  opacity: 0;
-}
-
-:host-context(.item-label-floating.item-has-placeholder:not(.item-has-value).item-has-focus) {
-  transition: opacity 0.15s cubic-bezier(0.4, 0, 0.2, 1);
-
-  opacity: 1;
-}
-
 // Input Wrapper
 // ----------------------------------------------------------------
 
diff --git a/core/src/components/input/input.tsx b/core/src/components/input/input.tsx
index 20f0719e0a..46ffd83f0d 100644
--- a/core/src/components/input/input.tsx
+++ b/core/src/components/input/input.tsx
@@ -1,16 +1,9 @@
 import type { ComponentInterface, EventEmitter } from '@stencil/core';
 import { Build, Component, Element, Event, Host, Method, Prop, State, Watch, forceUpdate, h } from '@stencil/core';
-import type { LegacyFormController, NotchController } from '@utils/forms';
-import { createLegacyFormController, createNotchController } from '@utils/forms';
+import type { NotchController } from '@utils/forms';
+import { createNotchController } from '@utils/forms';
 import type { Attributes } from '@utils/helpers';
-import {
-  inheritAriaAttributes,
-  debounceEvent,
-  findItemLabel,
-  inheritAttributes,
-  componentOnReady,
-} from '@utils/helpers';
-import { printIonWarning } from '@utils/logging';
+import { inheritAriaAttributes, debounceEvent, inheritAttributes, componentOnReady } from '@utils/helpers';
 import { createSlotMutationController } from '@utils/slot-mutation-controller';
 import type { SlotMutationController } from '@utils/slot-mutation-controller';
 import { createColorClasses, hostContext } from '@utils/theme';
@@ -42,13 +35,10 @@ export class Input implements ComponentInterface {
   private inputId = `ion-input-${inputIds++}`;
   private inheritedAttributes: Attributes = {};
   private isComposing = false;
-  private legacyFormController!: LegacyFormController;
   private slotMutationController?: SlotMutationController;
   private notchController?: NotchController;
   private notchSpacerEl: HTMLElement | undefined;
 
-  // This flag ensures we log the deprecation warning at most once.
-  private hasLoggedDeprecationWarning = false;
   private originalIonInput?: EventEmitter<InputInputEventDetail>;
 
   /**
@@ -142,11 +132,6 @@ export class Input implements ComponentInterface {
    */
   @Prop() disabled = false;
 
-  @Watch('disabled')
-  protected disabledChanged() {
-    this.emitStyle();
-  }
-
   /**
    * A hint to the browser for which enter key to display.
    * Possible values: `"enter"`, `"done"`, `"go"`, `"next"`,
@@ -196,17 +181,6 @@ export class Input implements ComponentInterface {
    */
   @Prop() labelPlacement: 'start' | 'end' | 'floating' | 'stacked' | 'fixed' = 'start';
 
-  /**
-   * Set the `legacy` property to `true` to forcibly use the legacy form control markup.
-   * Ionic will only opt components in to the modern form markup when they are
-   * using either the `aria-label` attribute or the `label` property. As a result,
-   * the `legacy` property should only be used as an escape hatch when you want to
-   * avoid this automatic opt-in behavior.
-   * Note that this property will be removed in an upcoming major release
-   * of Ionic, and all form components will be opted-in to using the modern form markup.
-   */
-  @Prop() legacy?: boolean;
-
   /**
    * The maximum value, which must not be less than its minimum (min attribute) value.
    */
@@ -327,14 +301,6 @@ export class Input implements ComponentInterface {
    */
   @Event() ionStyle!: EventEmitter<StyleEventDetail>;
 
-  /**
-   * Update the item classes when the placeholder changes
-   */
-  @Watch('placeholder')
-  protected placeholderChanged() {
-    this.emitStyle();
-  }
-
   /**
    * Update the native input element when the value changes
    */
@@ -353,7 +319,6 @@ export class Input implements ComponentInterface {
        */
       nativeInput.value = value;
     }
-    this.emitStyle();
   }
 
   componentWillLoad() {
@@ -366,7 +331,6 @@ export class Input implements ComponentInterface {
   connectedCallback() {
     const { el } = this;
 
-    this.legacyFormController = createLegacyFormController(el);
     this.slotMutationController = createSlotMutationController(el, ['label', 'start', 'end'], () => forceUpdate(this));
     this.notchController = createNotchController(
       el,
@@ -374,7 +338,6 @@ export class Input implements ComponentInterface {
       () => this.labelSlot
     );
 
-    this.emitStyle();
     this.debounceChanged();
     if (Build.isBrowser) {
       document.dispatchEvent(
@@ -483,21 +446,6 @@ export class Input implements ComponentInterface {
     return typeof this.value === 'number' ? this.value.toString() : (this.value || '').toString();
   }
 
-  private emitStyle() {
-    if (this.legacyFormController.hasLegacyControl()) {
-      this.ionStyle.emit({
-        interactive: true,
-        input: true,
-        'has-placeholder': this.placeholder !== undefined,
-        'has-value': this.hasValue(),
-        'has-focus': this.hasFocus,
-        'interactive-disabled': this.disabled,
-        // TODO(FW-2764): remove this
-        legacy: !!this.legacy,
-      });
-    }
-  }
-
   private onInput = (ev: InputEvent | Event) => {
     const input = ev.target as HTMLInputElement | null;
     if (input) {
@@ -512,7 +460,6 @@ export class Input implements ComponentInterface {
 
   private onBlur = (ev: FocusEvent) => {
     this.hasFocus = false;
-    this.emitStyle();
 
     if (this.focusedValue !== this.value) {
       /**
@@ -530,7 +477,6 @@ export class Input implements ComponentInterface {
   private onFocus = (ev: FocusEvent) => {
     this.hasFocus = true;
     this.focusedValue = this.value;
-    this.emitStyle();
 
     this.ionFocus.emit(ev);
   };
@@ -718,7 +664,7 @@ export class Input implements ComponentInterface {
     return this.renderLabel();
   }
 
-  private renderInput() {
+  render() {
     const { disabled, fill, readonly, shape, inputId, labelPlacement, el, hasFocus } = this;
     const mode = getIonMode(this);
     const value = this.getValue();
@@ -833,112 +779,6 @@ export class Input implements ComponentInterface {
       </Host>
     );
   }
-
-  // TODO FW-2764 Remove this
-  private renderLegacyInput() {
-    if (!this.hasLoggedDeprecationWarning) {
-      printIonWarning(
-        `ion-input now requires providing a label with either the "label" property or the "aria-label" attribute. To migrate, remove any usage of "ion-label" and pass the label text to either the "label" property or the "aria-label" attribute.
-
-Example: <ion-input label="Email"></ion-input>
-Example with aria-label: <ion-input aria-label="Email"></ion-input>
-
-For inputs that do not render the label immediately next to the input, developers may continue to use "ion-label" but must manually associate the label with the input by using "aria-labelledby".
-
-Developers can use the "legacy" property to continue using the legacy form markup. This property will be removed in an upcoming major release of Ionic where this form control will use the modern form markup.`,
-        this.el
-      );
-
-      if (this.legacy) {
-        printIonWarning(
-          `ion-input is being used with the "legacy" property enabled which will forcibly enable the legacy form markup. This property will be removed in an upcoming major release of Ionic where this form control will use the modern form markup.
-
-Developers can dismiss this warning by removing their usage of the "legacy" property and using the new input syntax.`,
-          this.el
-        );
-      }
-
-      this.hasLoggedDeprecationWarning = true;
-    }
-
-    const mode = getIonMode(this);
-    const value = this.getValue();
-    const labelId = this.inputId + '-lbl';
-    const label = findItemLabel(this.el);
-    if (label) {
-      label.id = labelId;
-    }
-
-    return (
-      <Host
-        aria-disabled={this.disabled ? 'true' : null}
-        class={createColorClasses(this.color, {
-          [mode]: true,
-          'has-value': this.hasValue(),
-          'has-focus': this.hasFocus,
-          'legacy-input': true,
-          'in-item-color': hostContext('ion-item.ion-color', this.el),
-        })}
-      >
-        <input
-          class="native-input"
-          ref={(input) => (this.nativeInput = input)}
-          aria-labelledby={label ? label.id : null}
-          disabled={this.disabled}
-          autoCapitalize={this.autocapitalize}
-          autoComplete={this.autocomplete}
-          autoCorrect={this.autocorrect}
-          autoFocus={this.autofocus}
-          enterKeyHint={this.enterkeyhint}
-          inputMode={this.inputmode}
-          min={this.min}
-          max={this.max}
-          minLength={this.minlength}
-          maxLength={this.maxlength}
-          multiple={this.multiple}
-          name={this.name}
-          pattern={this.pattern}
-          placeholder={this.placeholder || ''}
-          readOnly={this.readonly}
-          required={this.required}
-          spellcheck={this.spellcheck}
-          step={this.step}
-          type={this.type}
-          value={value}
-          onInput={this.onInput}
-          onChange={this.onChange}
-          onBlur={this.onBlur}
-          onFocus={this.onFocus}
-          onKeyDown={this.onKeydown}
-          {...this.inheritedAttributes}
-        />
-        {this.clearInput && !this.readonly && !this.disabled && (
-          <button
-            aria-label="reset"
-            type="button"
-            class="input-clear-icon"
-            onPointerDown={(ev) => {
-              /**
-               * This prevents mobile browsers from
-               * blurring the input when the clear
-               * button is activated.
-               */
-              ev.preventDefault();
-            }}
-            onClick={this.clearTextInput}
-          >
-            <ion-icon aria-hidden="true" icon={mode === 'ios' ? closeCircle : closeSharp}></ion-icon>
-          </button>
-        )}
-      </Host>
-    );
-  }
-
-  render() {
-    const { legacyFormController } = this;
-
-    return legacyFormController.hasLegacyControl() ? this.renderLegacyInput() : this.renderInput();
-  }
 }
 
 let inputIds = 0;
diff --git a/core/src/components/input/test/item/input.spec.ts b/core/src/components/input/test/item/input.spec.ts
deleted file mode 100644
index 589abf7684..0000000000
--- a/core/src/components/input/test/item/input.spec.ts
+++ /dev/null
@@ -1,27 +0,0 @@
-import { newSpecPage } from '@stencil/core/testing';
-
-import { Item } from '../../../item/item';
-import { Input } from '../../input';
-
-it('should render as modern when label is set asynchronously', async () => {
-  const page = await newSpecPage({
-    components: [Item, Input],
-    html: `
-      <ion-item>
-        <ion-input></ion-input>
-      </ion-item>
-    `,
-  });
-
-  const input = page.body.querySelector('ion-input')!;
-
-  // Template should be modern
-  expect(input.classList.contains('legacy-input')).toBe(false);
-
-  // Update the input label
-  input.label = 'New label';
-  await page.waitForChanges();
-
-  // Template should still be modern
-  expect(input.classList.contains('legacy-input')).toBe(false);
-});
diff --git a/core/src/components/input/test/legacy/a11y/input.e2e.ts b/core/src/components/input/test/legacy/a11y/input.e2e.ts
deleted file mode 100644
index d76eee7a62..0000000000
--- a/core/src/components/input/test/legacy/a11y/input.e2e.ts
+++ /dev/null
@@ -1,35 +0,0 @@
-import { expect } from '@playwright/test';
-import { configs, test } from '@utils/test/playwright';
-
-configs({ directions: ['ltr'] }).forEach(({ title, config }) => {
-  test.describe(title('input: a11y'), () => {
-    test('does not set a default aria-labelledby when there is not a neighboring ion-label', async ({ page }) => {
-      await page.setContent('<ion-input legacy="true"></ion-input>', config);
-
-      const input = page.locator('ion-input > input');
-      const ariaLabelledBy = await input.getAttribute('aria-labelledby');
-
-      await expect(ariaLabelledBy).toBe(null);
-    });
-
-    test('set a default aria-labelledby when a neighboring ion-label exists', async ({ page }) => {
-      await page.setContent(
-        `
-          <ion-item>
-            <ion-label>A11y Test</ion-label>
-            <ion-input></ion-input>
-          </ion-item>
-        `,
-        config
-      );
-
-      const label = page.locator('ion-label');
-      const input = page.locator('ion-input > input');
-
-      const ariaLabelledBy = await input.getAttribute('aria-labelledby');
-      const labelId = await label.getAttribute('id');
-
-      await expect(ariaLabelledBy).toBe(labelId);
-    });
-  });
-});
diff --git a/core/src/components/input/test/legacy/attributes/index.html b/core/src/components/input/test/legacy/attributes/index.html
deleted file mode 100644
index ae4b65f557..0000000000
--- a/core/src/components/input/test/legacy/attributes/index.html
+++ /dev/null
@@ -1,186 +0,0 @@
-<!DOCTYPE html>
-<html lang="en" dir="ltr">
-  <head>
-    <meta charset="UTF-8" />
-    <title>Input - Attributes</title>
-    <meta
-      name="viewport"
-      content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no"
-    />
-    <link href="../../../../../css/ionic.bundle.css" rel="stylesheet" />
-    <link href="../../../../../scripts/testing/styles.css" rel="stylesheet" />
-    <script src="../../../../../scripts/testing/scripts.js"></script>
-    <script nomodule src="../../../../../dist/ionic/ionic.js"></script>
-    <script type="module" src="../../../../../dist/ionic/ionic.esm.js"></script>
-  </head>
-
-  <body>
-    <ion-app>
-      <ion-header>
-        <ion-toolbar>
-          <ion-title>Input - Attributes</ion-title>
-          <ion-buttons slot="primary">
-            <ion-button>
-              <ion-icon slot="icon-only" name="menu"></ion-icon>
-            </ion-button>
-          </ion-buttons>
-        </ion-toolbar>
-      </ion-header>
-
-      <ion-content>
-        <ion-list>
-          <ion-label id="itemless">My Label</ion-label>
-          <ion-input aria-labelledby="itemless"></ion-input>
-
-          <ion-item>
-            <ion-label position="stacked">Number</ion-label>
-            <ion-input
-              id="input1"
-              type="number"
-              placeholder="Placeholder"
-              value="1234"
-              name="holaa"
-              min="0"
-              max="10000"
-              step="2"
-              autocomplete="on"
-              autocorrect="on"
-              autocapitalize="on"
-              spellcheck="true"
-              maxlength="4"
-              disabled
-              readonly
-            ></ion-input>
-          </ion-item>
-
-          <ion-item id="custom">
-            <ion-label position="stacked">Text</ion-label>
-            <ion-input id="input2" type="text" placeholder="my placeholder" value="test"></ion-input>
-          </ion-item>
-
-          <ion-item>
-            <ion-label id="myLabel" stacked>Default</ion-label>
-            <ion-input id="input3" value="inputs"></ion-input>
-          </ion-item>
-
-          <ion-item>
-            <ion-input id="input4" placeholder="No Label" aria-label="input4"></ion-input>
-          </ion-item>
-
-          <ion-list>
-            <ion-item>
-              Number Test&nbsp;
-              <span id="numberInputResult"></span>
-            </ion-item>
-            <ion-item>
-              Text Test&nbsp;
-              <span id="textInputResult"></span>
-            </ion-item>
-            <ion-item>
-              Default Test&nbsp;
-              <span id="defaultInputResult"></span>
-            </ion-item>
-            <ion-item>
-              No Label Test&nbsp;
-              <span id="noLabelInputResult"></span>
-            </ion-item>
-          </ion-list>
-        </ion-list>
-      </ion-content>
-
-      <script>
-        var numberInput = checkInput('input1');
-        updateResult(numberInput, 'numberInputResult');
-
-        var textInput = checkInput('input2');
-        updateResult(textInput, 'textInputResult');
-
-        var defaultInput = checkInput('input3');
-        updateResult(defaultInput, 'defaultInputResult');
-
-        var noLabelInput = checkInput('input4');
-        updateResult(noLabelInput, 'noLabelInputResult');
-
-        // Update results of input
-        function updateResult(result, resultId) {
-          var resultEl = document.getElementById(resultId);
-          resultEl.innerHTML = result ? 'passed' : 'FAILED';
-
-          var itemEl = resultEl.closest('ion-item');
-          itemEl.color = result ? 'secondary' : 'danger';
-        }
-
-        function checkInput(id) {
-          var el = document.getElementById(id);
-          var inputEl = el.querySelector('input');
-
-          if (id === 'input1') {
-            return testAttributes(el, inputEl, {
-              id: 'input1',
-              type: 'number',
-              placeholder: 'Placeholder',
-              name: 'holaa',
-              min: '0',
-              max: '10000',
-              step: '2',
-              autocomplete: 'on',
-              autocorrect: 'on',
-              autocapitalize: 'on',
-              spellcheck: 'true',
-              maxLength: '4',
-              'aria-labelledby': 'lbl-0',
-              readonly: true,
-              disabled: true,
-            });
-          } else if (id === 'input2') {
-            return testAttributes(el, inputEl, {
-              id: 'input2',
-              type: 'text',
-              placeholder: 'my placeholder',
-              value: 'test',
-              readonly: undefined,
-              disabled: undefined,
-            });
-          } else if (id === 'input3') {
-            return testAttributes(el, inputEl, {
-              id: 'input3',
-              type: undefined,
-              value: 'inputs',
-              readonly: undefined,
-              disabled: undefined,
-            });
-          } else if (id === 'input4') {
-            return testAttributes(el, inputEl, {
-              id: 'input4',
-              type: undefined,
-              readonly: undefined,
-              disabled: undefined,
-              'aria-label': 'input4',
-            });
-          }
-          return false;
-        }
-
-        function testAttributes(el, inputEl, attributes) {
-          for (let attr in attributes) {
-            const expected = attributes[attr];
-            const value = el[attr];
-
-            if (expected === null) {
-              if (el.hasAttribute(attr) || value !== '') {
-                console.error(`Element should NOT have "${attr}"`);
-                return false;
-              }
-            } else {
-              if (expected !== value && expected !== el.getAttribute(attr)) {
-                console.error(`Value "${attr}" does not match: ${expected} != ${value}`);
-                return false;
-              }
-            }
-          }
-          return true;
-        }
-      </script>
-    </ion-app>
-  </body>
-</html>
diff --git a/core/src/components/input/test/legacy/basic/index.html b/core/src/components/input/test/legacy/basic/index.html
deleted file mode 100644
index 2f63b0b96b..0000000000
--- a/core/src/components/input/test/legacy/basic/index.html
+++ /dev/null
@@ -1,169 +0,0 @@
-<!DOCTYPE html>
-<html lang="en" dir="ltr">
-  <head>
-    <meta charset="UTF-8" />
-    <title>Input - Basic</title>
-    <meta
-      name="viewport"
-      content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no"
-    />
-    <link href="../../../../../css/ionic.bundle.css" rel="stylesheet" />
-    <link href="../../../../../scripts/testing/styles.css" rel="stylesheet" />
-    <script src="../../../../../scripts/testing/scripts.js"></script>
-    <script nomodule src="../../../../../dist/ionic/ionic.js"></script>
-    <script type="module" src="../../../../../dist/ionic/ionic.esm.js"></script>
-  </head>
-
-  <body>
-    <ion-app>
-      <ion-header>
-        <ion-toolbar>
-          <ion-title>Input - Basic</ion-title>
-        </ion-toolbar>
-      </ion-header>
-
-      <ion-content id="content">
-        <ion-list>
-          <ion-item>
-            <ion-input value="reallylonglonglonginputtoseetheedgesreallylonglonglonginputtoseetheedges"></ion-input>
-          </ion-item>
-
-          <ion-item>
-            <ion-input placeholder="Placeholder"></ion-input>
-          </ion-item>
-
-          <ion-item lines="full" id="fullItem">
-            <ion-input id="fullInput" placeholder="Full"></ion-input>
-          </ion-item>
-
-          <ion-item lines="inset" id="insetItem">
-            <ion-input id="insetInput" placeholder="Inset"></ion-input>
-          </ion-item>
-
-          <ion-item lines="none" id="noneItem">
-            <ion-input id="noneInput" placeholder="None"></ion-input>
-          </ion-item>
-
-          <ion-item>
-            <ion-label>Default Label</ion-label>
-            <ion-input value="reallylonglonglonginputtoseetheedgesreallylonglonglonginputtoseetheedges"></ion-input>
-          </ion-item>
-
-          <ion-item>
-            <ion-label>Clear Input</ion-label>
-            <ion-input
-              clear-input
-              value="reallylonglonglonginputtoseetheedgesreallylonglonglonginputtoseetheedges"
-            ></ion-input>
-          </ion-item>
-
-          <ion-item color="dark">
-            <ion-label position="floating">Floating</ion-label>
-            <ion-input checked></ion-input>
-          </ion-item>
-
-          <ion-item>
-            <ion-label position="fixed">Type #</ion-label>
-            <ion-input type="number" value="333"></ion-input>
-          </ion-item>
-
-          <ion-item>
-            <ion-label position="stacked">Password</ion-label>
-            <ion-input type="password"></ion-input>
-          </ion-item>
-
-          <ion-item>
-            <ion-label position="stacked">Placeholder</ion-label>
-            <ion-input placeholder="Enter Something"></ion-input>
-          </ion-item>
-
-          <ion-item>
-            <ion-label>Disabled</ion-label>
-            <ion-input id="dynamicDisabled" value="Disabled" disabled></ion-input>
-          </ion-item>
-
-          <ion-item>
-            <ion-label>Readonly</ion-label>
-            <ion-input id="dynamicReadonly" value="Readonly" readonly></ion-input>
-          </ion-item>
-
-          <ion-item>
-            <ion-label>Slot</ion-label>
-            <ion-input slot="start" value="Start"></ion-input>
-          </ion-item>
-
-          <ion-item>
-            <ion-label>Toggle</ion-label>
-            <ion-toggle checked slot="end"></ion-toggle>
-          </ion-item>
-
-          <ion-item>
-            <ion-label position="fixed">Type #</ion-label>
-            <div type="number" value="333" class="input input-md hydrated">
-              <!---->
-              <input
-                aria-disabled="false"
-                autocapitalize="none"
-                autocomplete="off"
-                autocorrect="off"
-                autofocus="false"
-                class="native-input native-input-md"
-                spellcheck="false"
-                type="number"
-              />
-              <button type="button" class="input-clear-icon" hidden=""></button>
-            </div>
-          </ion-item>
-        </ion-list>
-
-        <div class="ion-text-center">
-          <ion-button onclick="toggleBoolean('dynamicDisabled', 'disabled')"> Toggle Disabled </ion-button>
-
-          <ion-button color="secondary" onclick="toggleBoolean('dynamicReadonly', 'readonly')">
-            Toggle Readonly
-          </ion-button>
-        </div>
-
-        <ion-item>
-          <ion-label>Clear Input</ion-label>
-          <ion-input
-            clear-input
-            value="reallylonglonglonginputtoseetheedgesreallylonglonglonginputtoseetheedges"
-          ></ion-input>
-        </ion-item>
-
-        <ion-item>
-          <ion-label>Clear On Edit</ion-label>
-          <ion-input
-            clear-on-edit
-            value="reallylonglonglonginputtoseetheedgesreallylonglonglonginputtoseetheedges"
-          ></ion-input>
-        </ion-item>
-
-        <ion-item style="max-width: 250px">
-          <ion-input value="Narrow input"></ion-input>
-          <ion-label class="ion-text-right">Left</ion-label>
-        </ion-item>
-
-        <ion-item style="max-width: 250px">
-          <ion-label>Right</ion-label>
-          <ion-input class="ion-text-right" value="Narrow input"></ion-input>
-        </ion-item>
-      </ion-content>
-
-      <script>
-        document.querySelector('ion-input').addEventListener('ionBlur', (ev) => {
-          console.log(ev);
-        });
-
-        function toggleBoolean(id, prop) {
-          var el = document.getElementById(id);
-
-          var isTrue = el[prop] ? false : true;
-          el[prop] = isTrue;
-          console.log('in toggleBoolean, setting', prop, 'to', isTrue);
-        }
-      </script>
-    </ion-app>
-  </body>
-</html>
diff --git a/core/src/components/input/test/legacy/basic/input.e2e.ts b/core/src/components/input/test/legacy/basic/input.e2e.ts
deleted file mode 100644
index 7a3fbbefca..0000000000
--- a/core/src/components/input/test/legacy/basic/input.e2e.ts
+++ /dev/null
@@ -1,229 +0,0 @@
-import { expect } from '@playwright/test';
-import { configs, test } from '@utils/test/playwright';
-
-configs().forEach(({ title, screenshot, config }) => {
-  test.describe(title('input: basic'), () => {
-    test.describe('input with overflow', () => {
-      test('should not have visual regressions', async ({ page }) => {
-        await page.setContent(
-          `
-          <ion-content>
-            <ion-list>
-              <ion-item>
-                <ion-input value="reallylonglonglonginputtoseetheedgesreallylonglonglonginputtoseetheedges" legacy="true"></ion-input>
-              </ion-item>
-            </ion-list>
-          </ion-content>
-        `,
-          config
-        );
-        const item = page.locator('ion-item');
-        // Validates the display of an input where text extends off the edge of the component.
-        await expect(item).toHaveScreenshot(screenshot(`input-with-text-overflow`));
-      });
-    });
-
-    test.describe('input with placeholder', () => {
-      test('should not have visual regressions', async ({ page }) => {
-        await page.setContent(
-          `
-        <ion-content>
-          <ion-list>
-            <ion-item>
-              <ion-input placeholder="Placeholder" legacy="true"></ion-input>
-            </ion-item>
-          </ion-list>
-        </ion-content>
-        `,
-          config
-        );
-        const item = page.locator('ion-item');
-        // Validates the display of an input with a placeholder.
-        await expect(item).toHaveScreenshot(screenshot(`input-with-placeholder`));
-      });
-    });
-
-    test.describe('input disabled', () => {
-      test('should not have visual regressions', async ({ page }) => {
-        await page.setContent(
-          `
-        <ion-content>
-          <ion-list>
-            <ion-item>
-              <ion-input value="Input disabled" disabled legacy="true"></ion-input>
-            </ion-item>
-          </ion-list>
-        </ion-content>
-        `,
-          config
-        );
-        const item = page.locator('ion-item');
-        // Validates the display of an input in a disabled state.
-        await expect(item).toHaveScreenshot(screenshot(`input-disabled`));
-      });
-    });
-
-    test.describe('input with lines="full"', () => {
-      test('should not have visual regressions', async ({ page }) => {
-        await page.setContent(
-          `
-        <ion-content>
-          <ion-list>
-            <ion-item lines="full">
-              <ion-input placeholder="Full" legacy="true"></ion-input>
-            </ion-item>
-          </ion-list>
-        </ion-content>
-        `,
-          config
-        );
-        const item = page.locator('ion-item');
-        const input = page.locator('ion-input');
-        // Validates the display of an input with an ion-item using lines="full".
-        await expect(item).toHaveScreenshot(screenshot(`input-with-lines-full`));
-
-        await input.click();
-
-        // Verifies that the parent item receives .item-has-focus when the input is focused.
-        await expect(item).toHaveClass(/item-has-focus/);
-        // Validates the display of an input with an ion-item using lines="full" when focused.
-        await expect(item).toHaveScreenshot(screenshot(`input-with-lines-full-focused`));
-      });
-    });
-
-    test.describe('input with lines="inset"', () => {
-      test('should not have visual regressions', async ({ page }) => {
-        await page.setContent(
-          `
-        <ion-content>
-          <ion-list>
-            <ion-item lines="inset">
-              <ion-input placeholder="Inset" legacy="true"></ion-input>
-            </ion-item>
-          </ion-list>
-        </ion-content>
-        `,
-          config
-        );
-        const item = page.locator('ion-item');
-        const input = page.locator('ion-input');
-        // Validates the display of an input with an ion-item using lines="inset".
-        await expect(item).toHaveScreenshot(screenshot(`input-with-lines-inset`));
-
-        await input.click();
-
-        // Verifies that the parent item receives .item-has-focus when the input is focused.
-        await expect(item).toHaveClass(/item-has-focus/);
-
-        // Validates the display of an input with an ion-item using lines="inset" when focused.
-        await expect(item).toHaveScreenshot(screenshot(`input-with-lines-inset-focused`));
-      });
-    });
-
-    test.describe('input with lines="none"', () => {
-      test('should not have visual regressions', async ({ page }) => {
-        await page.setContent(
-          `
-        <ion-content>
-          <ion-list>
-            <ion-item lines="none">
-              <ion-input placeholder="None" legacy="true"></ion-input>
-            </ion-item>
-          </ion-list>
-        </ion-content>
-        `,
-          config
-        );
-        const item = page.locator('ion-item');
-        const input = page.locator('ion-input');
-        // Validates the display of an input with an ion-item using lines="none".
-        await expect(item).toHaveScreenshot(screenshot(`input-with-lines-none`));
-
-        await input.click();
-
-        // Verifies that the parent item receives .item-has-focus when the input is focused.
-        await expect(item).toHaveClass(/item-has-focus/);
-
-        // Validates the display of an input with an ion-item using lines="none" when focused.
-        await expect(item).toHaveScreenshot(screenshot(`input-with-lines-none-focused`));
-      });
-    });
-
-    test.describe('input with clear button', () => {
-      test('should not have visual regressions', async ({ page }) => {
-        await page.setContent(
-          `
-        <ion-content>
-          <ion-list>
-            <ion-item>
-              <ion-label>Clear Input</ion-label>
-              <ion-input
-                clear-input
-                value="reallylonglonglonginputtoseetheedgesreallylonglonglonginputtoseetheedges"
-                legacy="true"
-              ></ion-input>
-            </ion-item>
-          </ion-list>
-        </ion-content>
-        `,
-          config
-        );
-        const item = page.locator('ion-item');
-        // Validates the display of an input with a clear button.
-        await expect(item).toHaveScreenshot(screenshot(`input-with-clear-button`));
-      });
-    });
-  });
-});
-
-/**
- * This behavior does not vary across modes/directions.
- */
-configs({ modes: ['ios'], directions: ['ltr'] }).forEach(({ title, config }) => {
-  test.describe(title('input: clear button'), () => {
-    test('should clear the input when pressed', async ({ page }) => {
-      await page.setContent(
-        `
-        <ion-input value="abc" clear-input="true" legacy="true"></ion-input>
-      `,
-        config
-      );
-
-      const input = page.locator('ion-input');
-      const clearButton = input.locator('.input-clear-icon');
-
-      await expect(input).toHaveJSProperty('value', 'abc');
-
-      await clearButton.click();
-      await page.waitForChanges();
-
-      await expect(input).toHaveJSProperty('value', '');
-    });
-    /**
-     * Note: This only tests the desktop focus behavior.
-     * Mobile browsers have different restrictions around
-     * focusing inputs, so these platforms should always
-     * be tested when making changes to the focus behavior.
-     */
-    test('should keep the input focused when the clear button is pressed', async ({ page }) => {
-      await page.setContent(
-        `
-        <ion-input value="abc" clear-input="true" legacy="true"></ion-input>
-      `,
-        config
-      );
-
-      const input = page.locator('ion-input');
-      const nativeInput = input.locator('input');
-      const clearButton = input.locator('.input-clear-icon');
-
-      await input.click();
-      await expect(nativeInput).toBeFocused();
-
-      await clearButton.click();
-      await page.waitForChanges();
-
-      await expect(nativeInput).toBeFocused();
-    });
-  });
-});
diff --git a/core/src/components/input/test/legacy/basic/input.e2e.ts-snapshots/input-disabled-ios-ltr-Mobile-Chrome-linux.png b/core/src/components/input/test/legacy/basic/input.e2e.ts-snapshots/input-disabled-ios-ltr-Mobile-Chrome-linux.png
deleted file mode 100644
index 88d31276f7..0000000000
Binary files a/core/src/components/input/test/legacy/basic/input.e2e.ts-snapshots/input-disabled-ios-ltr-Mobile-Chrome-linux.png and /dev/null differ
diff --git a/core/src/components/input/test/legacy/basic/input.e2e.ts-snapshots/input-disabled-ios-ltr-Mobile-Firefox-linux.png b/core/src/components/input/test/legacy/basic/input.e2e.ts-snapshots/input-disabled-ios-ltr-Mobile-Firefox-linux.png
deleted file mode 100644
index 24fea4185b..0000000000
Binary files a/core/src/components/input/test/legacy/basic/input.e2e.ts-snapshots/input-disabled-ios-ltr-Mobile-Firefox-linux.png and /dev/null differ
diff --git a/core/src/components/input/test/legacy/basic/input.e2e.ts-snapshots/input-disabled-ios-ltr-Mobile-Safari-linux.png b/core/src/components/input/test/legacy/basic/input.e2e.ts-snapshots/input-disabled-ios-ltr-Mobile-Safari-linux.png
deleted file mode 100644
index 4bc12a1625..0000000000
Binary files a/core/src/components/input/test/legacy/basic/input.e2e.ts-snapshots/input-disabled-ios-ltr-Mobile-Safari-linux.png and /dev/null differ
diff --git a/core/src/components/input/test/legacy/basic/input.e2e.ts-snapshots/input-disabled-ios-rtl-Mobile-Chrome-linux.png b/core/src/components/input/test/legacy/basic/input.e2e.ts-snapshots/input-disabled-ios-rtl-Mobile-Chrome-linux.png
deleted file mode 100644
index e5b10238ed..0000000000
Binary files a/core/src/components/input/test/legacy/basic/input.e2e.ts-snapshots/input-disabled-ios-rtl-Mobile-Chrome-linux.png and /dev/null differ
diff --git a/core/src/components/input/test/legacy/basic/input.e2e.ts-snapshots/input-disabled-ios-rtl-Mobile-Firefox-linux.png b/core/src/components/input/test/legacy/basic/input.e2e.ts-snapshots/input-disabled-ios-rtl-Mobile-Firefox-linux.png
deleted file mode 100644
index f3a9b77cab..0000000000
Binary files a/core/src/components/input/test/legacy/basic/input.e2e.ts-snapshots/input-disabled-ios-rtl-Mobile-Firefox-linux.png and /dev/null differ
diff --git a/core/src/components/input/test/legacy/basic/input.e2e.ts-snapshots/input-disabled-ios-rtl-Mobile-Safari-linux.png b/core/src/components/input/test/legacy/basic/input.e2e.ts-snapshots/input-disabled-ios-rtl-Mobile-Safari-linux.png
deleted file mode 100644
index 8df4d30ed1..0000000000
Binary files a/core/src/components/input/test/legacy/basic/input.e2e.ts-snapshots/input-disabled-ios-rtl-Mobile-Safari-linux.png and /dev/null differ
diff --git a/core/src/components/input/test/legacy/basic/input.e2e.ts-snapshots/input-disabled-md-ltr-Mobile-Chrome-linux.png b/core/src/components/input/test/legacy/basic/input.e2e.ts-snapshots/input-disabled-md-ltr-Mobile-Chrome-linux.png
deleted file mode 100644
index 6db47644ab..0000000000
Binary files a/core/src/components/input/test/legacy/basic/input.e2e.ts-snapshots/input-disabled-md-ltr-Mobile-Chrome-linux.png and /dev/null differ
diff --git a/core/src/components/input/test/legacy/basic/input.e2e.ts-snapshots/input-disabled-md-ltr-Mobile-Firefox-linux.png b/core/src/components/input/test/legacy/basic/input.e2e.ts-snapshots/input-disabled-md-ltr-Mobile-Firefox-linux.png
deleted file mode 100644
index e0f1146d0b..0000000000
Binary files a/core/src/components/input/test/legacy/basic/input.e2e.ts-snapshots/input-disabled-md-ltr-Mobile-Firefox-linux.png and /dev/null differ
diff --git a/core/src/components/input/test/legacy/basic/input.e2e.ts-snapshots/input-disabled-md-ltr-Mobile-Safari-linux.png b/core/src/components/input/test/legacy/basic/input.e2e.ts-snapshots/input-disabled-md-ltr-Mobile-Safari-linux.png
deleted file mode 100644
index 767fd77198..0000000000
Binary files a/core/src/components/input/test/legacy/basic/input.e2e.ts-snapshots/input-disabled-md-ltr-Mobile-Safari-linux.png and /dev/null differ
diff --git a/core/src/components/input/test/legacy/basic/input.e2e.ts-snapshots/input-disabled-md-rtl-Mobile-Chrome-linux.png b/core/src/components/input/test/legacy/basic/input.e2e.ts-snapshots/input-disabled-md-rtl-Mobile-Chrome-linux.png
deleted file mode 100644
index dbc57e0874..0000000000
Binary files a/core/src/components/input/test/legacy/basic/input.e2e.ts-snapshots/input-disabled-md-rtl-Mobile-Chrome-linux.png and /dev/null differ
diff --git a/core/src/components/input/test/legacy/basic/input.e2e.ts-snapshots/input-disabled-md-rtl-Mobile-Firefox-linux.png b/core/src/components/input/test/legacy/basic/input.e2e.ts-snapshots/input-disabled-md-rtl-Mobile-Firefox-linux.png
deleted file mode 100644
index 0bf40c7434..0000000000
Binary files a/core/src/components/input/test/legacy/basic/input.e2e.ts-snapshots/input-disabled-md-rtl-Mobile-Firefox-linux.png and /dev/null differ
diff --git a/core/src/components/input/test/legacy/basic/input.e2e.ts-snapshots/input-disabled-md-rtl-Mobile-Safari-linux.png b/core/src/components/input/test/legacy/basic/input.e2e.ts-snapshots/input-disabled-md-rtl-Mobile-Safari-linux.png
deleted file mode 100644
index c168a5a917..0000000000
Binary files a/core/src/components/input/test/legacy/basic/input.e2e.ts-snapshots/input-disabled-md-rtl-Mobile-Safari-linux.png and /dev/null differ
diff --git a/core/src/components/input/test/legacy/basic/input.e2e.ts-snapshots/input-with-clear-button-ios-ltr-Mobile-Chrome-linux.png b/core/src/components/input/test/legacy/basic/input.e2e.ts-snapshots/input-with-clear-button-ios-ltr-Mobile-Chrome-linux.png
deleted file mode 100644
index ae124033bc..0000000000
Binary files a/core/src/components/input/test/legacy/basic/input.e2e.ts-snapshots/input-with-clear-button-ios-ltr-Mobile-Chrome-linux.png and /dev/null differ
diff --git a/core/src/components/input/test/legacy/basic/input.e2e.ts-snapshots/input-with-clear-button-ios-ltr-Mobile-Firefox-linux.png b/core/src/components/input/test/legacy/basic/input.e2e.ts-snapshots/input-with-clear-button-ios-ltr-Mobile-Firefox-linux.png
deleted file mode 100644
index 8f5548fdec..0000000000
Binary files a/core/src/components/input/test/legacy/basic/input.e2e.ts-snapshots/input-with-clear-button-ios-ltr-Mobile-Firefox-linux.png and /dev/null differ
diff --git a/core/src/components/input/test/legacy/basic/input.e2e.ts-snapshots/input-with-clear-button-ios-ltr-Mobile-Safari-linux.png b/core/src/components/input/test/legacy/basic/input.e2e.ts-snapshots/input-with-clear-button-ios-ltr-Mobile-Safari-linux.png
deleted file mode 100644
index e5fd616467..0000000000
Binary files a/core/src/components/input/test/legacy/basic/input.e2e.ts-snapshots/input-with-clear-button-ios-ltr-Mobile-Safari-linux.png and /dev/null differ
diff --git a/core/src/components/input/test/legacy/basic/input.e2e.ts-snapshots/input-with-clear-button-ios-rtl-Mobile-Chrome-linux.png b/core/src/components/input/test/legacy/basic/input.e2e.ts-snapshots/input-with-clear-button-ios-rtl-Mobile-Chrome-linux.png
deleted file mode 100644
index 62497d449d..0000000000
Binary files a/core/src/components/input/test/legacy/basic/input.e2e.ts-snapshots/input-with-clear-button-ios-rtl-Mobile-Chrome-linux.png and /dev/null differ
diff --git a/core/src/components/input/test/legacy/basic/input.e2e.ts-snapshots/input-with-clear-button-ios-rtl-Mobile-Firefox-linux.png b/core/src/components/input/test/legacy/basic/input.e2e.ts-snapshots/input-with-clear-button-ios-rtl-Mobile-Firefox-linux.png
deleted file mode 100644
index 4e2b3d41b2..0000000000
Binary files a/core/src/components/input/test/legacy/basic/input.e2e.ts-snapshots/input-with-clear-button-ios-rtl-Mobile-Firefox-linux.png and /dev/null differ
diff --git a/core/src/components/input/test/legacy/basic/input.e2e.ts-snapshots/input-with-clear-button-ios-rtl-Mobile-Safari-linux.png b/core/src/components/input/test/legacy/basic/input.e2e.ts-snapshots/input-with-clear-button-ios-rtl-Mobile-Safari-linux.png
deleted file mode 100644
index d15c9f6f9a..0000000000
Binary files a/core/src/components/input/test/legacy/basic/input.e2e.ts-snapshots/input-with-clear-button-ios-rtl-Mobile-Safari-linux.png and /dev/null differ
diff --git a/core/src/components/input/test/legacy/basic/input.e2e.ts-snapshots/input-with-clear-button-md-ltr-Mobile-Chrome-linux.png b/core/src/components/input/test/legacy/basic/input.e2e.ts-snapshots/input-with-clear-button-md-ltr-Mobile-Chrome-linux.png
deleted file mode 100644
index 28d7d66c63..0000000000
Binary files a/core/src/components/input/test/legacy/basic/input.e2e.ts-snapshots/input-with-clear-button-md-ltr-Mobile-Chrome-linux.png and /dev/null differ
diff --git a/core/src/components/input/test/legacy/basic/input.e2e.ts-snapshots/input-with-clear-button-md-ltr-Mobile-Firefox-linux.png b/core/src/components/input/test/legacy/basic/input.e2e.ts-snapshots/input-with-clear-button-md-ltr-Mobile-Firefox-linux.png
deleted file mode 100644
index fff75b5e96..0000000000
Binary files a/core/src/components/input/test/legacy/basic/input.e2e.ts-snapshots/input-with-clear-button-md-ltr-Mobile-Firefox-linux.png and /dev/null differ
diff --git a/core/src/components/input/test/legacy/basic/input.e2e.ts-snapshots/input-with-clear-button-md-ltr-Mobile-Safari-linux.png b/core/src/components/input/test/legacy/basic/input.e2e.ts-snapshots/input-with-clear-button-md-ltr-Mobile-Safari-linux.png
deleted file mode 100644
index 3e587421e7..0000000000
Binary files a/core/src/components/input/test/legacy/basic/input.e2e.ts-snapshots/input-with-clear-button-md-ltr-Mobile-Safari-linux.png and /dev/null differ
diff --git a/core/src/components/input/test/legacy/basic/input.e2e.ts-snapshots/input-with-clear-button-md-rtl-Mobile-Chrome-linux.png b/core/src/components/input/test/legacy/basic/input.e2e.ts-snapshots/input-with-clear-button-md-rtl-Mobile-Chrome-linux.png
deleted file mode 100644
index 2a4634b7f8..0000000000
Binary files a/core/src/components/input/test/legacy/basic/input.e2e.ts-snapshots/input-with-clear-button-md-rtl-Mobile-Chrome-linux.png and /dev/null differ
diff --git a/core/src/components/input/test/legacy/basic/input.e2e.ts-snapshots/input-with-clear-button-md-rtl-Mobile-Firefox-linux.png b/core/src/components/input/test/legacy/basic/input.e2e.ts-snapshots/input-with-clear-button-md-rtl-Mobile-Firefox-linux.png
deleted file mode 100644
index ef962665ca..0000000000
Binary files a/core/src/components/input/test/legacy/basic/input.e2e.ts-snapshots/input-with-clear-button-md-rtl-Mobile-Firefox-linux.png and /dev/null differ
diff --git a/core/src/components/input/test/legacy/basic/input.e2e.ts-snapshots/input-with-clear-button-md-rtl-Mobile-Safari-linux.png b/core/src/components/input/test/legacy/basic/input.e2e.ts-snapshots/input-with-clear-button-md-rtl-Mobile-Safari-linux.png
deleted file mode 100644
index bd46b5cd9c..0000000000
Binary files a/core/src/components/input/test/legacy/basic/input.e2e.ts-snapshots/input-with-clear-button-md-rtl-Mobile-Safari-linux.png and /dev/null differ
diff --git a/core/src/components/input/test/legacy/basic/input.e2e.ts-snapshots/input-with-lines-full-focused-ios-ltr-Mobile-Chrome-linux.png b/core/src/components/input/test/legacy/basic/input.e2e.ts-snapshots/input-with-lines-full-focused-ios-ltr-Mobile-Chrome-linux.png
deleted file mode 100644
index 3c3ec84e2d..0000000000
Binary files a/core/src/components/input/test/legacy/basic/input.e2e.ts-snapshots/input-with-lines-full-focused-ios-ltr-Mobile-Chrome-linux.png and /dev/null differ
diff --git a/core/src/components/input/test/legacy/basic/input.e2e.ts-snapshots/input-with-lines-full-focused-ios-ltr-Mobile-Firefox-linux.png b/core/src/components/input/test/legacy/basic/input.e2e.ts-snapshots/input-with-lines-full-focused-ios-ltr-Mobile-Firefox-linux.png
deleted file mode 100644
index 4d49c60335..0000000000
Binary files a/core/src/components/input/test/legacy/basic/input.e2e.ts-snapshots/input-with-lines-full-focused-ios-ltr-Mobile-Firefox-linux.png and /dev/null differ
diff --git a/core/src/components/input/test/legacy/basic/input.e2e.ts-snapshots/input-with-lines-full-focused-ios-ltr-Mobile-Safari-linux.png b/core/src/components/input/test/legacy/basic/input.e2e.ts-snapshots/input-with-lines-full-focused-ios-ltr-Mobile-Safari-linux.png
deleted file mode 100644
index e4fd127888..0000000000
Binary files a/core/src/components/input/test/legacy/basic/input.e2e.ts-snapshots/input-with-lines-full-focused-ios-ltr-Mobile-Safari-linux.png and /dev/null differ
diff --git a/core/src/components/input/test/legacy/basic/input.e2e.ts-snapshots/input-with-lines-full-focused-ios-rtl-Mobile-Chrome-linux.png b/core/src/components/input/test/legacy/basic/input.e2e.ts-snapshots/input-with-lines-full-focused-ios-rtl-Mobile-Chrome-linux.png
deleted file mode 100644
index 222c7befc5..0000000000
Binary files a/core/src/components/input/test/legacy/basic/input.e2e.ts-snapshots/input-with-lines-full-focused-ios-rtl-Mobile-Chrome-linux.png and /dev/null differ
diff --git a/core/src/components/input/test/legacy/basic/input.e2e.ts-snapshots/input-with-lines-full-focused-ios-rtl-Mobile-Firefox-linux.png b/core/src/components/input/test/legacy/basic/input.e2e.ts-snapshots/input-with-lines-full-focused-ios-rtl-Mobile-Firefox-linux.png
deleted file mode 100644
index 604285d22b..0000000000
Binary files a/core/src/components/input/test/legacy/basic/input.e2e.ts-snapshots/input-with-lines-full-focused-ios-rtl-Mobile-Firefox-linux.png and /dev/null differ
diff --git a/core/src/components/input/test/legacy/basic/input.e2e.ts-snapshots/input-with-lines-full-focused-ios-rtl-Mobile-Safari-linux.png b/core/src/components/input/test/legacy/basic/input.e2e.ts-snapshots/input-with-lines-full-focused-ios-rtl-Mobile-Safari-linux.png
deleted file mode 100644
index 74a43a2e56..0000000000
Binary files a/core/src/components/input/test/legacy/basic/input.e2e.ts-snapshots/input-with-lines-full-focused-ios-rtl-Mobile-Safari-linux.png and /dev/null differ
diff --git a/core/src/components/input/test/legacy/basic/input.e2e.ts-snapshots/input-with-lines-full-focused-md-ltr-Mobile-Chrome-linux.png b/core/src/components/input/test/legacy/basic/input.e2e.ts-snapshots/input-with-lines-full-focused-md-ltr-Mobile-Chrome-linux.png
deleted file mode 100644
index 09b24c8f6f..0000000000
Binary files a/core/src/components/input/test/legacy/basic/input.e2e.ts-snapshots/input-with-lines-full-focused-md-ltr-Mobile-Chrome-linux.png and /dev/null differ
diff --git a/core/src/components/input/test/legacy/basic/input.e2e.ts-snapshots/input-with-lines-full-focused-md-ltr-Mobile-Firefox-linux.png b/core/src/components/input/test/legacy/basic/input.e2e.ts-snapshots/input-with-lines-full-focused-md-ltr-Mobile-Firefox-linux.png
deleted file mode 100644
index dbda2b337e..0000000000
Binary files a/core/src/components/input/test/legacy/basic/input.e2e.ts-snapshots/input-with-lines-full-focused-md-ltr-Mobile-Firefox-linux.png and /dev/null differ
diff --git a/core/src/components/input/test/legacy/basic/input.e2e.ts-snapshots/input-with-lines-full-focused-md-ltr-Mobile-Safari-linux.png b/core/src/components/input/test/legacy/basic/input.e2e.ts-snapshots/input-with-lines-full-focused-md-ltr-Mobile-Safari-linux.png
deleted file mode 100644
index ffe00d95ce..0000000000
Binary files a/core/src/components/input/test/legacy/basic/input.e2e.ts-snapshots/input-with-lines-full-focused-md-ltr-Mobile-Safari-linux.png and /dev/null differ
diff --git a/core/src/components/input/test/legacy/basic/input.e2e.ts-snapshots/input-with-lines-full-focused-md-rtl-Mobile-Chrome-linux.png b/core/src/components/input/test/legacy/basic/input.e2e.ts-snapshots/input-with-lines-full-focused-md-rtl-Mobile-Chrome-linux.png
deleted file mode 100644
index 8db619e58c..0000000000
Binary files a/core/src/components/input/test/legacy/basic/input.e2e.ts-snapshots/input-with-lines-full-focused-md-rtl-Mobile-Chrome-linux.png and /dev/null differ
diff --git a/core/src/components/input/test/legacy/basic/input.e2e.ts-snapshots/input-with-lines-full-focused-md-rtl-Mobile-Firefox-linux.png b/core/src/components/input/test/legacy/basic/input.e2e.ts-snapshots/input-with-lines-full-focused-md-rtl-Mobile-Firefox-linux.png
deleted file mode 100644
index 0fd7efcac7..0000000000
Binary files a/core/src/components/input/test/legacy/basic/input.e2e.ts-snapshots/input-with-lines-full-focused-md-rtl-Mobile-Firefox-linux.png and /dev/null differ
diff --git a/core/src/components/input/test/legacy/basic/input.e2e.ts-snapshots/input-with-lines-full-focused-md-rtl-Mobile-Safari-linux.png b/core/src/components/input/test/legacy/basic/input.e2e.ts-snapshots/input-with-lines-full-focused-md-rtl-Mobile-Safari-linux.png
deleted file mode 100644
index 5414021bc3..0000000000
Binary files a/core/src/components/input/test/legacy/basic/input.e2e.ts-snapshots/input-with-lines-full-focused-md-rtl-Mobile-Safari-linux.png and /dev/null differ
diff --git a/core/src/components/input/test/legacy/basic/input.e2e.ts-snapshots/input-with-lines-full-ios-ltr-Mobile-Chrome-linux.png b/core/src/components/input/test/legacy/basic/input.e2e.ts-snapshots/input-with-lines-full-ios-ltr-Mobile-Chrome-linux.png
deleted file mode 100644
index b30824c925..0000000000
Binary files a/core/src/components/input/test/legacy/basic/input.e2e.ts-snapshots/input-with-lines-full-ios-ltr-Mobile-Chrome-linux.png and /dev/null differ
diff --git a/core/src/components/input/test/legacy/basic/input.e2e.ts-snapshots/input-with-lines-full-ios-ltr-Mobile-Firefox-linux.png b/core/src/components/input/test/legacy/basic/input.e2e.ts-snapshots/input-with-lines-full-ios-ltr-Mobile-Firefox-linux.png
deleted file mode 100644
index 4d49c60335..0000000000
Binary files a/core/src/components/input/test/legacy/basic/input.e2e.ts-snapshots/input-with-lines-full-ios-ltr-Mobile-Firefox-linux.png and /dev/null differ
diff --git a/core/src/components/input/test/legacy/basic/input.e2e.ts-snapshots/input-with-lines-full-ios-ltr-Mobile-Safari-linux.png b/core/src/components/input/test/legacy/basic/input.e2e.ts-snapshots/input-with-lines-full-ios-ltr-Mobile-Safari-linux.png
deleted file mode 100644
index e4fd127888..0000000000
Binary files a/core/src/components/input/test/legacy/basic/input.e2e.ts-snapshots/input-with-lines-full-ios-ltr-Mobile-Safari-linux.png and /dev/null differ
diff --git a/core/src/components/input/test/legacy/basic/input.e2e.ts-snapshots/input-with-lines-full-ios-rtl-Mobile-Chrome-linux.png b/core/src/components/input/test/legacy/basic/input.e2e.ts-snapshots/input-with-lines-full-ios-rtl-Mobile-Chrome-linux.png
deleted file mode 100644
index 38bd981fa3..0000000000
Binary files a/core/src/components/input/test/legacy/basic/input.e2e.ts-snapshots/input-with-lines-full-ios-rtl-Mobile-Chrome-linux.png and /dev/null differ
diff --git a/core/src/components/input/test/legacy/basic/input.e2e.ts-snapshots/input-with-lines-full-ios-rtl-Mobile-Firefox-linux.png b/core/src/components/input/test/legacy/basic/input.e2e.ts-snapshots/input-with-lines-full-ios-rtl-Mobile-Firefox-linux.png
deleted file mode 100644
index 604285d22b..0000000000
Binary files a/core/src/components/input/test/legacy/basic/input.e2e.ts-snapshots/input-with-lines-full-ios-rtl-Mobile-Firefox-linux.png and /dev/null differ
diff --git a/core/src/components/input/test/legacy/basic/input.e2e.ts-snapshots/input-with-lines-full-ios-rtl-Mobile-Safari-linux.png b/core/src/components/input/test/legacy/basic/input.e2e.ts-snapshots/input-with-lines-full-ios-rtl-Mobile-Safari-linux.png
deleted file mode 100644
index 74a43a2e56..0000000000
Binary files a/core/src/components/input/test/legacy/basic/input.e2e.ts-snapshots/input-with-lines-full-ios-rtl-Mobile-Safari-linux.png and /dev/null differ
diff --git a/core/src/components/input/test/legacy/basic/input.e2e.ts-snapshots/input-with-lines-full-md-ltr-Mobile-Chrome-linux.png b/core/src/components/input/test/legacy/basic/input.e2e.ts-snapshots/input-with-lines-full-md-ltr-Mobile-Chrome-linux.png
deleted file mode 100644
index 6cb68dcc14..0000000000
Binary files a/core/src/components/input/test/legacy/basic/input.e2e.ts-snapshots/input-with-lines-full-md-ltr-Mobile-Chrome-linux.png and /dev/null differ
diff --git a/core/src/components/input/test/legacy/basic/input.e2e.ts-snapshots/input-with-lines-full-md-ltr-Mobile-Firefox-linux.png b/core/src/components/input/test/legacy/basic/input.e2e.ts-snapshots/input-with-lines-full-md-ltr-Mobile-Firefox-linux.png
deleted file mode 100644
index 5e805da91b..0000000000
Binary files a/core/src/components/input/test/legacy/basic/input.e2e.ts-snapshots/input-with-lines-full-md-ltr-Mobile-Firefox-linux.png and /dev/null differ
diff --git a/core/src/components/input/test/legacy/basic/input.e2e.ts-snapshots/input-with-lines-full-md-ltr-Mobile-Safari-linux.png b/core/src/components/input/test/legacy/basic/input.e2e.ts-snapshots/input-with-lines-full-md-ltr-Mobile-Safari-linux.png
deleted file mode 100644
index 493dea881e..0000000000
Binary files a/core/src/components/input/test/legacy/basic/input.e2e.ts-snapshots/input-with-lines-full-md-ltr-Mobile-Safari-linux.png and /dev/null differ
diff --git a/core/src/components/input/test/legacy/basic/input.e2e.ts-snapshots/input-with-lines-full-md-rtl-Mobile-Chrome-linux.png b/core/src/components/input/test/legacy/basic/input.e2e.ts-snapshots/input-with-lines-full-md-rtl-Mobile-Chrome-linux.png
deleted file mode 100644
index 2a4d0348ac..0000000000
Binary files a/core/src/components/input/test/legacy/basic/input.e2e.ts-snapshots/input-with-lines-full-md-rtl-Mobile-Chrome-linux.png and /dev/null differ
diff --git a/core/src/components/input/test/legacy/basic/input.e2e.ts-snapshots/input-with-lines-full-md-rtl-Mobile-Firefox-linux.png b/core/src/components/input/test/legacy/basic/input.e2e.ts-snapshots/input-with-lines-full-md-rtl-Mobile-Firefox-linux.png
deleted file mode 100644
index 9eaf4dd301..0000000000
Binary files a/core/src/components/input/test/legacy/basic/input.e2e.ts-snapshots/input-with-lines-full-md-rtl-Mobile-Firefox-linux.png and /dev/null differ
diff --git a/core/src/components/input/test/legacy/basic/input.e2e.ts-snapshots/input-with-lines-full-md-rtl-Mobile-Safari-linux.png b/core/src/components/input/test/legacy/basic/input.e2e.ts-snapshots/input-with-lines-full-md-rtl-Mobile-Safari-linux.png
deleted file mode 100644
index 4b9487bac1..0000000000
Binary files a/core/src/components/input/test/legacy/basic/input.e2e.ts-snapshots/input-with-lines-full-md-rtl-Mobile-Safari-linux.png and /dev/null differ
diff --git a/core/src/components/input/test/legacy/basic/input.e2e.ts-snapshots/input-with-lines-inset-focused-ios-ltr-Mobile-Chrome-linux.png b/core/src/components/input/test/legacy/basic/input.e2e.ts-snapshots/input-with-lines-inset-focused-ios-ltr-Mobile-Chrome-linux.png
deleted file mode 100644
index 0f3cb65065..0000000000
Binary files a/core/src/components/input/test/legacy/basic/input.e2e.ts-snapshots/input-with-lines-inset-focused-ios-ltr-Mobile-Chrome-linux.png and /dev/null differ
diff --git a/core/src/components/input/test/legacy/basic/input.e2e.ts-snapshots/input-with-lines-inset-focused-ios-ltr-Mobile-Firefox-linux.png b/core/src/components/input/test/legacy/basic/input.e2e.ts-snapshots/input-with-lines-inset-focused-ios-ltr-Mobile-Firefox-linux.png
deleted file mode 100644
index bd6c83e34b..0000000000
Binary files a/core/src/components/input/test/legacy/basic/input.e2e.ts-snapshots/input-with-lines-inset-focused-ios-ltr-Mobile-Firefox-linux.png and /dev/null differ
diff --git a/core/src/components/input/test/legacy/basic/input.e2e.ts-snapshots/input-with-lines-inset-focused-ios-ltr-Mobile-Safari-linux.png b/core/src/components/input/test/legacy/basic/input.e2e.ts-snapshots/input-with-lines-inset-focused-ios-ltr-Mobile-Safari-linux.png
deleted file mode 100644
index e54a8ce4d2..0000000000
Binary files a/core/src/components/input/test/legacy/basic/input.e2e.ts-snapshots/input-with-lines-inset-focused-ios-ltr-Mobile-Safari-linux.png and /dev/null differ
diff --git a/core/src/components/input/test/legacy/basic/input.e2e.ts-snapshots/input-with-lines-inset-focused-ios-rtl-Mobile-Chrome-linux.png b/core/src/components/input/test/legacy/basic/input.e2e.ts-snapshots/input-with-lines-inset-focused-ios-rtl-Mobile-Chrome-linux.png
deleted file mode 100644
index c9e729ff6e..0000000000
Binary files a/core/src/components/input/test/legacy/basic/input.e2e.ts-snapshots/input-with-lines-inset-focused-ios-rtl-Mobile-Chrome-linux.png and /dev/null differ
diff --git a/core/src/components/input/test/legacy/basic/input.e2e.ts-snapshots/input-with-lines-inset-focused-ios-rtl-Mobile-Firefox-linux.png b/core/src/components/input/test/legacy/basic/input.e2e.ts-snapshots/input-with-lines-inset-focused-ios-rtl-Mobile-Firefox-linux.png
deleted file mode 100644
index 10b4676e8e..0000000000
Binary files a/core/src/components/input/test/legacy/basic/input.e2e.ts-snapshots/input-with-lines-inset-focused-ios-rtl-Mobile-Firefox-linux.png and /dev/null differ
diff --git a/core/src/components/input/test/legacy/basic/input.e2e.ts-snapshots/input-with-lines-inset-focused-ios-rtl-Mobile-Safari-linux.png b/core/src/components/input/test/legacy/basic/input.e2e.ts-snapshots/input-with-lines-inset-focused-ios-rtl-Mobile-Safari-linux.png
deleted file mode 100644
index c5afef7ffc..0000000000
Binary files a/core/src/components/input/test/legacy/basic/input.e2e.ts-snapshots/input-with-lines-inset-focused-ios-rtl-Mobile-Safari-linux.png and /dev/null differ
diff --git a/core/src/components/input/test/legacy/basic/input.e2e.ts-snapshots/input-with-lines-inset-focused-md-ltr-Mobile-Chrome-linux.png b/core/src/components/input/test/legacy/basic/input.e2e.ts-snapshots/input-with-lines-inset-focused-md-ltr-Mobile-Chrome-linux.png
deleted file mode 100644
index 1906dc7181..0000000000
Binary files a/core/src/components/input/test/legacy/basic/input.e2e.ts-snapshots/input-with-lines-inset-focused-md-ltr-Mobile-Chrome-linux.png and /dev/null differ
diff --git a/core/src/components/input/test/legacy/basic/input.e2e.ts-snapshots/input-with-lines-inset-focused-md-ltr-Mobile-Firefox-linux.png b/core/src/components/input/test/legacy/basic/input.e2e.ts-snapshots/input-with-lines-inset-focused-md-ltr-Mobile-Firefox-linux.png
deleted file mode 100644
index d22d50685a..0000000000
Binary files a/core/src/components/input/test/legacy/basic/input.e2e.ts-snapshots/input-with-lines-inset-focused-md-ltr-Mobile-Firefox-linux.png and /dev/null differ
diff --git a/core/src/components/input/test/legacy/basic/input.e2e.ts-snapshots/input-with-lines-inset-focused-md-ltr-Mobile-Safari-linux.png b/core/src/components/input/test/legacy/basic/input.e2e.ts-snapshots/input-with-lines-inset-focused-md-ltr-Mobile-Safari-linux.png
deleted file mode 100644
index 6ba0a1d9fe..0000000000
Binary files a/core/src/components/input/test/legacy/basic/input.e2e.ts-snapshots/input-with-lines-inset-focused-md-ltr-Mobile-Safari-linux.png and /dev/null differ
diff --git a/core/src/components/input/test/legacy/basic/input.e2e.ts-snapshots/input-with-lines-inset-focused-md-rtl-Mobile-Chrome-linux.png b/core/src/components/input/test/legacy/basic/input.e2e.ts-snapshots/input-with-lines-inset-focused-md-rtl-Mobile-Chrome-linux.png
deleted file mode 100644
index 7e87fa112f..0000000000
Binary files a/core/src/components/input/test/legacy/basic/input.e2e.ts-snapshots/input-with-lines-inset-focused-md-rtl-Mobile-Chrome-linux.png and /dev/null differ
diff --git a/core/src/components/input/test/legacy/basic/input.e2e.ts-snapshots/input-with-lines-inset-focused-md-rtl-Mobile-Firefox-linux.png b/core/src/components/input/test/legacy/basic/input.e2e.ts-snapshots/input-with-lines-inset-focused-md-rtl-Mobile-Firefox-linux.png
deleted file mode 100644
index f73095d807..0000000000
Binary files a/core/src/components/input/test/legacy/basic/input.e2e.ts-snapshots/input-with-lines-inset-focused-md-rtl-Mobile-Firefox-linux.png and /dev/null differ
diff --git a/core/src/components/input/test/legacy/basic/input.e2e.ts-snapshots/input-with-lines-inset-focused-md-rtl-Mobile-Safari-linux.png b/core/src/components/input/test/legacy/basic/input.e2e.ts-snapshots/input-with-lines-inset-focused-md-rtl-Mobile-Safari-linux.png
deleted file mode 100644
index c761ce3686..0000000000
Binary files a/core/src/components/input/test/legacy/basic/input.e2e.ts-snapshots/input-with-lines-inset-focused-md-rtl-Mobile-Safari-linux.png and /dev/null differ
diff --git a/core/src/components/input/test/legacy/basic/input.e2e.ts-snapshots/input-with-lines-inset-ios-ltr-Mobile-Chrome-linux.png b/core/src/components/input/test/legacy/basic/input.e2e.ts-snapshots/input-with-lines-inset-ios-ltr-Mobile-Chrome-linux.png
deleted file mode 100644
index 5f9c4fe9aa..0000000000
Binary files a/core/src/components/input/test/legacy/basic/input.e2e.ts-snapshots/input-with-lines-inset-ios-ltr-Mobile-Chrome-linux.png and /dev/null differ
diff --git a/core/src/components/input/test/legacy/basic/input.e2e.ts-snapshots/input-with-lines-inset-ios-ltr-Mobile-Firefox-linux.png b/core/src/components/input/test/legacy/basic/input.e2e.ts-snapshots/input-with-lines-inset-ios-ltr-Mobile-Firefox-linux.png
deleted file mode 100644
index bd6c83e34b..0000000000
Binary files a/core/src/components/input/test/legacy/basic/input.e2e.ts-snapshots/input-with-lines-inset-ios-ltr-Mobile-Firefox-linux.png and /dev/null differ
diff --git a/core/src/components/input/test/legacy/basic/input.e2e.ts-snapshots/input-with-lines-inset-ios-ltr-Mobile-Safari-linux.png b/core/src/components/input/test/legacy/basic/input.e2e.ts-snapshots/input-with-lines-inset-ios-ltr-Mobile-Safari-linux.png
deleted file mode 100644
index e54a8ce4d2..0000000000
Binary files a/core/src/components/input/test/legacy/basic/input.e2e.ts-snapshots/input-with-lines-inset-ios-ltr-Mobile-Safari-linux.png and /dev/null differ
diff --git a/core/src/components/input/test/legacy/basic/input.e2e.ts-snapshots/input-with-lines-inset-ios-rtl-Mobile-Chrome-linux.png b/core/src/components/input/test/legacy/basic/input.e2e.ts-snapshots/input-with-lines-inset-ios-rtl-Mobile-Chrome-linux.png
deleted file mode 100644
index bd608465bb..0000000000
Binary files a/core/src/components/input/test/legacy/basic/input.e2e.ts-snapshots/input-with-lines-inset-ios-rtl-Mobile-Chrome-linux.png and /dev/null differ
diff --git a/core/src/components/input/test/legacy/basic/input.e2e.ts-snapshots/input-with-lines-inset-ios-rtl-Mobile-Firefox-linux.png b/core/src/components/input/test/legacy/basic/input.e2e.ts-snapshots/input-with-lines-inset-ios-rtl-Mobile-Firefox-linux.png
deleted file mode 100644
index 10b4676e8e..0000000000
Binary files a/core/src/components/input/test/legacy/basic/input.e2e.ts-snapshots/input-with-lines-inset-ios-rtl-Mobile-Firefox-linux.png and /dev/null differ
diff --git a/core/src/components/input/test/legacy/basic/input.e2e.ts-snapshots/input-with-lines-inset-ios-rtl-Mobile-Safari-linux.png b/core/src/components/input/test/legacy/basic/input.e2e.ts-snapshots/input-with-lines-inset-ios-rtl-Mobile-Safari-linux.png
deleted file mode 100644
index c5afef7ffc..0000000000
Binary files a/core/src/components/input/test/legacy/basic/input.e2e.ts-snapshots/input-with-lines-inset-ios-rtl-Mobile-Safari-linux.png and /dev/null differ
diff --git a/core/src/components/input/test/legacy/basic/input.e2e.ts-snapshots/input-with-lines-inset-md-ltr-Mobile-Chrome-linux.png b/core/src/components/input/test/legacy/basic/input.e2e.ts-snapshots/input-with-lines-inset-md-ltr-Mobile-Chrome-linux.png
deleted file mode 100644
index 3dd5710d3a..0000000000
Binary files a/core/src/components/input/test/legacy/basic/input.e2e.ts-snapshots/input-with-lines-inset-md-ltr-Mobile-Chrome-linux.png and /dev/null differ
diff --git a/core/src/components/input/test/legacy/basic/input.e2e.ts-snapshots/input-with-lines-inset-md-ltr-Mobile-Firefox-linux.png b/core/src/components/input/test/legacy/basic/input.e2e.ts-snapshots/input-with-lines-inset-md-ltr-Mobile-Firefox-linux.png
deleted file mode 100644
index 6307fa218b..0000000000
Binary files a/core/src/components/input/test/legacy/basic/input.e2e.ts-snapshots/input-with-lines-inset-md-ltr-Mobile-Firefox-linux.png and /dev/null differ
diff --git a/core/src/components/input/test/legacy/basic/input.e2e.ts-snapshots/input-with-lines-inset-md-ltr-Mobile-Safari-linux.png b/core/src/components/input/test/legacy/basic/input.e2e.ts-snapshots/input-with-lines-inset-md-ltr-Mobile-Safari-linux.png
deleted file mode 100644
index 7e5989f56f..0000000000
Binary files a/core/src/components/input/test/legacy/basic/input.e2e.ts-snapshots/input-with-lines-inset-md-ltr-Mobile-Safari-linux.png and /dev/null differ
diff --git a/core/src/components/input/test/legacy/basic/input.e2e.ts-snapshots/input-with-lines-inset-md-rtl-Mobile-Chrome-linux.png b/core/src/components/input/test/legacy/basic/input.e2e.ts-snapshots/input-with-lines-inset-md-rtl-Mobile-Chrome-linux.png
deleted file mode 100644
index b4391719fa..0000000000
Binary files a/core/src/components/input/test/legacy/basic/input.e2e.ts-snapshots/input-with-lines-inset-md-rtl-Mobile-Chrome-linux.png and /dev/null differ
diff --git a/core/src/components/input/test/legacy/basic/input.e2e.ts-snapshots/input-with-lines-inset-md-rtl-Mobile-Firefox-linux.png b/core/src/components/input/test/legacy/basic/input.e2e.ts-snapshots/input-with-lines-inset-md-rtl-Mobile-Firefox-linux.png
deleted file mode 100644
index 16f061c683..0000000000
Binary files a/core/src/components/input/test/legacy/basic/input.e2e.ts-snapshots/input-with-lines-inset-md-rtl-Mobile-Firefox-linux.png and /dev/null differ
diff --git a/core/src/components/input/test/legacy/basic/input.e2e.ts-snapshots/input-with-lines-inset-md-rtl-Mobile-Safari-linux.png b/core/src/components/input/test/legacy/basic/input.e2e.ts-snapshots/input-with-lines-inset-md-rtl-Mobile-Safari-linux.png
deleted file mode 100644
index 4d07c6fc7a..0000000000
Binary files a/core/src/components/input/test/legacy/basic/input.e2e.ts-snapshots/input-with-lines-inset-md-rtl-Mobile-Safari-linux.png and /dev/null differ
diff --git a/core/src/components/input/test/legacy/basic/input.e2e.ts-snapshots/input-with-lines-none-focused-ios-ltr-Mobile-Chrome-linux.png b/core/src/components/input/test/legacy/basic/input.e2e.ts-snapshots/input-with-lines-none-focused-ios-ltr-Mobile-Chrome-linux.png
deleted file mode 100644
index 9a7208c6f9..0000000000
Binary files a/core/src/components/input/test/legacy/basic/input.e2e.ts-snapshots/input-with-lines-none-focused-ios-ltr-Mobile-Chrome-linux.png and /dev/null differ
diff --git a/core/src/components/input/test/legacy/basic/input.e2e.ts-snapshots/input-with-lines-none-focused-ios-ltr-Mobile-Firefox-linux.png b/core/src/components/input/test/legacy/basic/input.e2e.ts-snapshots/input-with-lines-none-focused-ios-ltr-Mobile-Firefox-linux.png
deleted file mode 100644
index 78f4f04439..0000000000
Binary files a/core/src/components/input/test/legacy/basic/input.e2e.ts-snapshots/input-with-lines-none-focused-ios-ltr-Mobile-Firefox-linux.png and /dev/null differ
diff --git a/core/src/components/input/test/legacy/basic/input.e2e.ts-snapshots/input-with-lines-none-focused-ios-ltr-Mobile-Safari-linux.png b/core/src/components/input/test/legacy/basic/input.e2e.ts-snapshots/input-with-lines-none-focused-ios-ltr-Mobile-Safari-linux.png
deleted file mode 100644
index 930106a7be..0000000000
Binary files a/core/src/components/input/test/legacy/basic/input.e2e.ts-snapshots/input-with-lines-none-focused-ios-ltr-Mobile-Safari-linux.png and /dev/null differ
diff --git a/core/src/components/input/test/legacy/basic/input.e2e.ts-snapshots/input-with-lines-none-focused-ios-rtl-Mobile-Chrome-linux.png b/core/src/components/input/test/legacy/basic/input.e2e.ts-snapshots/input-with-lines-none-focused-ios-rtl-Mobile-Chrome-linux.png
deleted file mode 100644
index 7270ae94c7..0000000000
Binary files a/core/src/components/input/test/legacy/basic/input.e2e.ts-snapshots/input-with-lines-none-focused-ios-rtl-Mobile-Chrome-linux.png and /dev/null differ
diff --git a/core/src/components/input/test/legacy/basic/input.e2e.ts-snapshots/input-with-lines-none-focused-ios-rtl-Mobile-Firefox-linux.png b/core/src/components/input/test/legacy/basic/input.e2e.ts-snapshots/input-with-lines-none-focused-ios-rtl-Mobile-Firefox-linux.png
deleted file mode 100644
index 494659843c..0000000000
Binary files a/core/src/components/input/test/legacy/basic/input.e2e.ts-snapshots/input-with-lines-none-focused-ios-rtl-Mobile-Firefox-linux.png and /dev/null differ
diff --git a/core/src/components/input/test/legacy/basic/input.e2e.ts-snapshots/input-with-lines-none-focused-ios-rtl-Mobile-Safari-linux.png b/core/src/components/input/test/legacy/basic/input.e2e.ts-snapshots/input-with-lines-none-focused-ios-rtl-Mobile-Safari-linux.png
deleted file mode 100644
index acdfeb471f..0000000000
Binary files a/core/src/components/input/test/legacy/basic/input.e2e.ts-snapshots/input-with-lines-none-focused-ios-rtl-Mobile-Safari-linux.png and /dev/null differ
diff --git a/core/src/components/input/test/legacy/basic/input.e2e.ts-snapshots/input-with-lines-none-focused-md-ltr-Mobile-Chrome-linux.png b/core/src/components/input/test/legacy/basic/input.e2e.ts-snapshots/input-with-lines-none-focused-md-ltr-Mobile-Chrome-linux.png
deleted file mode 100644
index 2968d662ca..0000000000
Binary files a/core/src/components/input/test/legacy/basic/input.e2e.ts-snapshots/input-with-lines-none-focused-md-ltr-Mobile-Chrome-linux.png and /dev/null differ
diff --git a/core/src/components/input/test/legacy/basic/input.e2e.ts-snapshots/input-with-lines-none-focused-md-ltr-Mobile-Firefox-linux.png b/core/src/components/input/test/legacy/basic/input.e2e.ts-snapshots/input-with-lines-none-focused-md-ltr-Mobile-Firefox-linux.png
deleted file mode 100644
index c49b8278e4..0000000000
Binary files a/core/src/components/input/test/legacy/basic/input.e2e.ts-snapshots/input-with-lines-none-focused-md-ltr-Mobile-Firefox-linux.png and /dev/null differ
diff --git a/core/src/components/input/test/legacy/basic/input.e2e.ts-snapshots/input-with-lines-none-focused-md-ltr-Mobile-Safari-linux.png b/core/src/components/input/test/legacy/basic/input.e2e.ts-snapshots/input-with-lines-none-focused-md-ltr-Mobile-Safari-linux.png
deleted file mode 100644
index 0e8ceb8de7..0000000000
Binary files a/core/src/components/input/test/legacy/basic/input.e2e.ts-snapshots/input-with-lines-none-focused-md-ltr-Mobile-Safari-linux.png and /dev/null differ
diff --git a/core/src/components/input/test/legacy/basic/input.e2e.ts-snapshots/input-with-lines-none-focused-md-rtl-Mobile-Chrome-linux.png b/core/src/components/input/test/legacy/basic/input.e2e.ts-snapshots/input-with-lines-none-focused-md-rtl-Mobile-Chrome-linux.png
deleted file mode 100644
index b11a9c29fd..0000000000
Binary files a/core/src/components/input/test/legacy/basic/input.e2e.ts-snapshots/input-with-lines-none-focused-md-rtl-Mobile-Chrome-linux.png and /dev/null differ
diff --git a/core/src/components/input/test/legacy/basic/input.e2e.ts-snapshots/input-with-lines-none-focused-md-rtl-Mobile-Firefox-linux.png b/core/src/components/input/test/legacy/basic/input.e2e.ts-snapshots/input-with-lines-none-focused-md-rtl-Mobile-Firefox-linux.png
deleted file mode 100644
index a7e0ccae8a..0000000000
Binary files a/core/src/components/input/test/legacy/basic/input.e2e.ts-snapshots/input-with-lines-none-focused-md-rtl-Mobile-Firefox-linux.png and /dev/null differ
diff --git a/core/src/components/input/test/legacy/basic/input.e2e.ts-snapshots/input-with-lines-none-focused-md-rtl-Mobile-Safari-linux.png b/core/src/components/input/test/legacy/basic/input.e2e.ts-snapshots/input-with-lines-none-focused-md-rtl-Mobile-Safari-linux.png
deleted file mode 100644
index e045df47f7..0000000000
Binary files a/core/src/components/input/test/legacy/basic/input.e2e.ts-snapshots/input-with-lines-none-focused-md-rtl-Mobile-Safari-linux.png and /dev/null differ
diff --git a/core/src/components/input/test/legacy/basic/input.e2e.ts-snapshots/input-with-lines-none-ios-ltr-Mobile-Chrome-linux.png b/core/src/components/input/test/legacy/basic/input.e2e.ts-snapshots/input-with-lines-none-ios-ltr-Mobile-Chrome-linux.png
deleted file mode 100644
index 907bc6401f..0000000000
Binary files a/core/src/components/input/test/legacy/basic/input.e2e.ts-snapshots/input-with-lines-none-ios-ltr-Mobile-Chrome-linux.png and /dev/null differ
diff --git a/core/src/components/input/test/legacy/basic/input.e2e.ts-snapshots/input-with-lines-none-ios-ltr-Mobile-Firefox-linux.png b/core/src/components/input/test/legacy/basic/input.e2e.ts-snapshots/input-with-lines-none-ios-ltr-Mobile-Firefox-linux.png
deleted file mode 100644
index 78f4f04439..0000000000
Binary files a/core/src/components/input/test/legacy/basic/input.e2e.ts-snapshots/input-with-lines-none-ios-ltr-Mobile-Firefox-linux.png and /dev/null differ
diff --git a/core/src/components/input/test/legacy/basic/input.e2e.ts-snapshots/input-with-lines-none-ios-ltr-Mobile-Safari-linux.png b/core/src/components/input/test/legacy/basic/input.e2e.ts-snapshots/input-with-lines-none-ios-ltr-Mobile-Safari-linux.png
deleted file mode 100644
index 930106a7be..0000000000
Binary files a/core/src/components/input/test/legacy/basic/input.e2e.ts-snapshots/input-with-lines-none-ios-ltr-Mobile-Safari-linux.png and /dev/null differ
diff --git a/core/src/components/input/test/legacy/basic/input.e2e.ts-snapshots/input-with-lines-none-ios-rtl-Mobile-Chrome-linux.png b/core/src/components/input/test/legacy/basic/input.e2e.ts-snapshots/input-with-lines-none-ios-rtl-Mobile-Chrome-linux.png
deleted file mode 100644
index 9b5a2a1ac9..0000000000
Binary files a/core/src/components/input/test/legacy/basic/input.e2e.ts-snapshots/input-with-lines-none-ios-rtl-Mobile-Chrome-linux.png and /dev/null differ
diff --git a/core/src/components/input/test/legacy/basic/input.e2e.ts-snapshots/input-with-lines-none-ios-rtl-Mobile-Firefox-linux.png b/core/src/components/input/test/legacy/basic/input.e2e.ts-snapshots/input-with-lines-none-ios-rtl-Mobile-Firefox-linux.png
deleted file mode 100644
index 494659843c..0000000000
Binary files a/core/src/components/input/test/legacy/basic/input.e2e.ts-snapshots/input-with-lines-none-ios-rtl-Mobile-Firefox-linux.png and /dev/null differ
diff --git a/core/src/components/input/test/legacy/basic/input.e2e.ts-snapshots/input-with-lines-none-ios-rtl-Mobile-Safari-linux.png b/core/src/components/input/test/legacy/basic/input.e2e.ts-snapshots/input-with-lines-none-ios-rtl-Mobile-Safari-linux.png
deleted file mode 100644
index acdfeb471f..0000000000
Binary files a/core/src/components/input/test/legacy/basic/input.e2e.ts-snapshots/input-with-lines-none-ios-rtl-Mobile-Safari-linux.png and /dev/null differ
diff --git a/core/src/components/input/test/legacy/basic/input.e2e.ts-snapshots/input-with-lines-none-md-ltr-Mobile-Chrome-linux.png b/core/src/components/input/test/legacy/basic/input.e2e.ts-snapshots/input-with-lines-none-md-ltr-Mobile-Chrome-linux.png
deleted file mode 100644
index 6e3d8cbb20..0000000000
Binary files a/core/src/components/input/test/legacy/basic/input.e2e.ts-snapshots/input-with-lines-none-md-ltr-Mobile-Chrome-linux.png and /dev/null differ
diff --git a/core/src/components/input/test/legacy/basic/input.e2e.ts-snapshots/input-with-lines-none-md-ltr-Mobile-Firefox-linux.png b/core/src/components/input/test/legacy/basic/input.e2e.ts-snapshots/input-with-lines-none-md-ltr-Mobile-Firefox-linux.png
deleted file mode 100644
index c49b8278e4..0000000000
Binary files a/core/src/components/input/test/legacy/basic/input.e2e.ts-snapshots/input-with-lines-none-md-ltr-Mobile-Firefox-linux.png and /dev/null differ
diff --git a/core/src/components/input/test/legacy/basic/input.e2e.ts-snapshots/input-with-lines-none-md-ltr-Mobile-Safari-linux.png b/core/src/components/input/test/legacy/basic/input.e2e.ts-snapshots/input-with-lines-none-md-ltr-Mobile-Safari-linux.png
deleted file mode 100644
index 0e8ceb8de7..0000000000
Binary files a/core/src/components/input/test/legacy/basic/input.e2e.ts-snapshots/input-with-lines-none-md-ltr-Mobile-Safari-linux.png and /dev/null differ
diff --git a/core/src/components/input/test/legacy/basic/input.e2e.ts-snapshots/input-with-lines-none-md-rtl-Mobile-Chrome-linux.png b/core/src/components/input/test/legacy/basic/input.e2e.ts-snapshots/input-with-lines-none-md-rtl-Mobile-Chrome-linux.png
deleted file mode 100644
index b49ca3af13..0000000000
Binary files a/core/src/components/input/test/legacy/basic/input.e2e.ts-snapshots/input-with-lines-none-md-rtl-Mobile-Chrome-linux.png and /dev/null differ
diff --git a/core/src/components/input/test/legacy/basic/input.e2e.ts-snapshots/input-with-lines-none-md-rtl-Mobile-Firefox-linux.png b/core/src/components/input/test/legacy/basic/input.e2e.ts-snapshots/input-with-lines-none-md-rtl-Mobile-Firefox-linux.png
deleted file mode 100644
index a7e0ccae8a..0000000000
Binary files a/core/src/components/input/test/legacy/basic/input.e2e.ts-snapshots/input-with-lines-none-md-rtl-Mobile-Firefox-linux.png and /dev/null differ
diff --git a/core/src/components/input/test/legacy/basic/input.e2e.ts-snapshots/input-with-lines-none-md-rtl-Mobile-Safari-linux.png b/core/src/components/input/test/legacy/basic/input.e2e.ts-snapshots/input-with-lines-none-md-rtl-Mobile-Safari-linux.png
deleted file mode 100644
index e045df47f7..0000000000
Binary files a/core/src/components/input/test/legacy/basic/input.e2e.ts-snapshots/input-with-lines-none-md-rtl-Mobile-Safari-linux.png and /dev/null differ
diff --git a/core/src/components/input/test/legacy/basic/input.e2e.ts-snapshots/input-with-placeholder-ios-ltr-Mobile-Chrome-linux.png b/core/src/components/input/test/legacy/basic/input.e2e.ts-snapshots/input-with-placeholder-ios-ltr-Mobile-Chrome-linux.png
deleted file mode 100644
index 909a73e173..0000000000
Binary files a/core/src/components/input/test/legacy/basic/input.e2e.ts-snapshots/input-with-placeholder-ios-ltr-Mobile-Chrome-linux.png and /dev/null differ
diff --git a/core/src/components/input/test/legacy/basic/input.e2e.ts-snapshots/input-with-placeholder-ios-ltr-Mobile-Firefox-linux.png b/core/src/components/input/test/legacy/basic/input.e2e.ts-snapshots/input-with-placeholder-ios-ltr-Mobile-Firefox-linux.png
deleted file mode 100644
index fb306247c0..0000000000
Binary files a/core/src/components/input/test/legacy/basic/input.e2e.ts-snapshots/input-with-placeholder-ios-ltr-Mobile-Firefox-linux.png and /dev/null differ
diff --git a/core/src/components/input/test/legacy/basic/input.e2e.ts-snapshots/input-with-placeholder-ios-ltr-Mobile-Safari-linux.png b/core/src/components/input/test/legacy/basic/input.e2e.ts-snapshots/input-with-placeholder-ios-ltr-Mobile-Safari-linux.png
deleted file mode 100644
index 235552764b..0000000000
Binary files a/core/src/components/input/test/legacy/basic/input.e2e.ts-snapshots/input-with-placeholder-ios-ltr-Mobile-Safari-linux.png and /dev/null differ
diff --git a/core/src/components/input/test/legacy/basic/input.e2e.ts-snapshots/input-with-placeholder-ios-rtl-Mobile-Chrome-linux.png b/core/src/components/input/test/legacy/basic/input.e2e.ts-snapshots/input-with-placeholder-ios-rtl-Mobile-Chrome-linux.png
deleted file mode 100644
index 09df1e19a1..0000000000
Binary files a/core/src/components/input/test/legacy/basic/input.e2e.ts-snapshots/input-with-placeholder-ios-rtl-Mobile-Chrome-linux.png and /dev/null differ
diff --git a/core/src/components/input/test/legacy/basic/input.e2e.ts-snapshots/input-with-placeholder-ios-rtl-Mobile-Firefox-linux.png b/core/src/components/input/test/legacy/basic/input.e2e.ts-snapshots/input-with-placeholder-ios-rtl-Mobile-Firefox-linux.png
deleted file mode 100644
index ae57ae875e..0000000000
Binary files a/core/src/components/input/test/legacy/basic/input.e2e.ts-snapshots/input-with-placeholder-ios-rtl-Mobile-Firefox-linux.png and /dev/null differ
diff --git a/core/src/components/input/test/legacy/basic/input.e2e.ts-snapshots/input-with-placeholder-ios-rtl-Mobile-Safari-linux.png b/core/src/components/input/test/legacy/basic/input.e2e.ts-snapshots/input-with-placeholder-ios-rtl-Mobile-Safari-linux.png
deleted file mode 100644
index 9f2bfeab03..0000000000
Binary files a/core/src/components/input/test/legacy/basic/input.e2e.ts-snapshots/input-with-placeholder-ios-rtl-Mobile-Safari-linux.png and /dev/null differ
diff --git a/core/src/components/input/test/legacy/basic/input.e2e.ts-snapshots/input-with-placeholder-md-ltr-Mobile-Chrome-linux.png b/core/src/components/input/test/legacy/basic/input.e2e.ts-snapshots/input-with-placeholder-md-ltr-Mobile-Chrome-linux.png
deleted file mode 100644
index 9d1b05c01c..0000000000
Binary files a/core/src/components/input/test/legacy/basic/input.e2e.ts-snapshots/input-with-placeholder-md-ltr-Mobile-Chrome-linux.png and /dev/null differ
diff --git a/core/src/components/input/test/legacy/basic/input.e2e.ts-snapshots/input-with-placeholder-md-ltr-Mobile-Firefox-linux.png b/core/src/components/input/test/legacy/basic/input.e2e.ts-snapshots/input-with-placeholder-md-ltr-Mobile-Firefox-linux.png
deleted file mode 100644
index 964803e42d..0000000000
Binary files a/core/src/components/input/test/legacy/basic/input.e2e.ts-snapshots/input-with-placeholder-md-ltr-Mobile-Firefox-linux.png and /dev/null differ
diff --git a/core/src/components/input/test/legacy/basic/input.e2e.ts-snapshots/input-with-placeholder-md-ltr-Mobile-Safari-linux.png b/core/src/components/input/test/legacy/basic/input.e2e.ts-snapshots/input-with-placeholder-md-ltr-Mobile-Safari-linux.png
deleted file mode 100644
index 6800b348b0..0000000000
Binary files a/core/src/components/input/test/legacy/basic/input.e2e.ts-snapshots/input-with-placeholder-md-ltr-Mobile-Safari-linux.png and /dev/null differ
diff --git a/core/src/components/input/test/legacy/basic/input.e2e.ts-snapshots/input-with-placeholder-md-rtl-Mobile-Chrome-linux.png b/core/src/components/input/test/legacy/basic/input.e2e.ts-snapshots/input-with-placeholder-md-rtl-Mobile-Chrome-linux.png
deleted file mode 100644
index 43af7f3978..0000000000
Binary files a/core/src/components/input/test/legacy/basic/input.e2e.ts-snapshots/input-with-placeholder-md-rtl-Mobile-Chrome-linux.png and /dev/null differ
diff --git a/core/src/components/input/test/legacy/basic/input.e2e.ts-snapshots/input-with-placeholder-md-rtl-Mobile-Firefox-linux.png b/core/src/components/input/test/legacy/basic/input.e2e.ts-snapshots/input-with-placeholder-md-rtl-Mobile-Firefox-linux.png
deleted file mode 100644
index 1633282b16..0000000000
Binary files a/core/src/components/input/test/legacy/basic/input.e2e.ts-snapshots/input-with-placeholder-md-rtl-Mobile-Firefox-linux.png and /dev/null differ
diff --git a/core/src/components/input/test/legacy/basic/input.e2e.ts-snapshots/input-with-placeholder-md-rtl-Mobile-Safari-linux.png b/core/src/components/input/test/legacy/basic/input.e2e.ts-snapshots/input-with-placeholder-md-rtl-Mobile-Safari-linux.png
deleted file mode 100644
index 71972520f9..0000000000
Binary files a/core/src/components/input/test/legacy/basic/input.e2e.ts-snapshots/input-with-placeholder-md-rtl-Mobile-Safari-linux.png and /dev/null differ
diff --git a/core/src/components/input/test/legacy/basic/input.e2e.ts-snapshots/input-with-text-overflow-ios-ltr-Mobile-Chrome-linux.png b/core/src/components/input/test/legacy/basic/input.e2e.ts-snapshots/input-with-text-overflow-ios-ltr-Mobile-Chrome-linux.png
deleted file mode 100644
index 56ef636276..0000000000
Binary files a/core/src/components/input/test/legacy/basic/input.e2e.ts-snapshots/input-with-text-overflow-ios-ltr-Mobile-Chrome-linux.png and /dev/null differ
diff --git a/core/src/components/input/test/legacy/basic/input.e2e.ts-snapshots/input-with-text-overflow-ios-ltr-Mobile-Firefox-linux.png b/core/src/components/input/test/legacy/basic/input.e2e.ts-snapshots/input-with-text-overflow-ios-ltr-Mobile-Firefox-linux.png
deleted file mode 100644
index aba4ab363c..0000000000
Binary files a/core/src/components/input/test/legacy/basic/input.e2e.ts-snapshots/input-with-text-overflow-ios-ltr-Mobile-Firefox-linux.png and /dev/null differ
diff --git a/core/src/components/input/test/legacy/basic/input.e2e.ts-snapshots/input-with-text-overflow-ios-ltr-Mobile-Safari-linux.png b/core/src/components/input/test/legacy/basic/input.e2e.ts-snapshots/input-with-text-overflow-ios-ltr-Mobile-Safari-linux.png
deleted file mode 100644
index 304677634a..0000000000
Binary files a/core/src/components/input/test/legacy/basic/input.e2e.ts-snapshots/input-with-text-overflow-ios-ltr-Mobile-Safari-linux.png and /dev/null differ
diff --git a/core/src/components/input/test/legacy/basic/input.e2e.ts-snapshots/input-with-text-overflow-ios-rtl-Mobile-Chrome-linux.png b/core/src/components/input/test/legacy/basic/input.e2e.ts-snapshots/input-with-text-overflow-ios-rtl-Mobile-Chrome-linux.png
deleted file mode 100644
index 055e8801de..0000000000
Binary files a/core/src/components/input/test/legacy/basic/input.e2e.ts-snapshots/input-with-text-overflow-ios-rtl-Mobile-Chrome-linux.png and /dev/null differ
diff --git a/core/src/components/input/test/legacy/basic/input.e2e.ts-snapshots/input-with-text-overflow-ios-rtl-Mobile-Firefox-linux.png b/core/src/components/input/test/legacy/basic/input.e2e.ts-snapshots/input-with-text-overflow-ios-rtl-Mobile-Firefox-linux.png
deleted file mode 100644
index 9dc514d962..0000000000
Binary files a/core/src/components/input/test/legacy/basic/input.e2e.ts-snapshots/input-with-text-overflow-ios-rtl-Mobile-Firefox-linux.png and /dev/null differ
diff --git a/core/src/components/input/test/legacy/basic/input.e2e.ts-snapshots/input-with-text-overflow-ios-rtl-Mobile-Safari-linux.png b/core/src/components/input/test/legacy/basic/input.e2e.ts-snapshots/input-with-text-overflow-ios-rtl-Mobile-Safari-linux.png
deleted file mode 100644
index efb5f4523a..0000000000
Binary files a/core/src/components/input/test/legacy/basic/input.e2e.ts-snapshots/input-with-text-overflow-ios-rtl-Mobile-Safari-linux.png and /dev/null differ
diff --git a/core/src/components/input/test/legacy/basic/input.e2e.ts-snapshots/input-with-text-overflow-md-ltr-Mobile-Chrome-linux.png b/core/src/components/input/test/legacy/basic/input.e2e.ts-snapshots/input-with-text-overflow-md-ltr-Mobile-Chrome-linux.png
deleted file mode 100644
index e71c9633a7..0000000000
Binary files a/core/src/components/input/test/legacy/basic/input.e2e.ts-snapshots/input-with-text-overflow-md-ltr-Mobile-Chrome-linux.png and /dev/null differ
diff --git a/core/src/components/input/test/legacy/basic/input.e2e.ts-snapshots/input-with-text-overflow-md-ltr-Mobile-Firefox-linux.png b/core/src/components/input/test/legacy/basic/input.e2e.ts-snapshots/input-with-text-overflow-md-ltr-Mobile-Firefox-linux.png
deleted file mode 100644
index 835b3e00b6..0000000000
Binary files a/core/src/components/input/test/legacy/basic/input.e2e.ts-snapshots/input-with-text-overflow-md-ltr-Mobile-Firefox-linux.png and /dev/null differ
diff --git a/core/src/components/input/test/legacy/basic/input.e2e.ts-snapshots/input-with-text-overflow-md-ltr-Mobile-Safari-linux.png b/core/src/components/input/test/legacy/basic/input.e2e.ts-snapshots/input-with-text-overflow-md-ltr-Mobile-Safari-linux.png
deleted file mode 100644
index b36581b04c..0000000000
Binary files a/core/src/components/input/test/legacy/basic/input.e2e.ts-snapshots/input-with-text-overflow-md-ltr-Mobile-Safari-linux.png and /dev/null differ
diff --git a/core/src/components/input/test/legacy/basic/input.e2e.ts-snapshots/input-with-text-overflow-md-rtl-Mobile-Chrome-linux.png b/core/src/components/input/test/legacy/basic/input.e2e.ts-snapshots/input-with-text-overflow-md-rtl-Mobile-Chrome-linux.png
deleted file mode 100644
index d759f096f1..0000000000
Binary files a/core/src/components/input/test/legacy/basic/input.e2e.ts-snapshots/input-with-text-overflow-md-rtl-Mobile-Chrome-linux.png and /dev/null differ
diff --git a/core/src/components/input/test/legacy/basic/input.e2e.ts-snapshots/input-with-text-overflow-md-rtl-Mobile-Firefox-linux.png b/core/src/components/input/test/legacy/basic/input.e2e.ts-snapshots/input-with-text-overflow-md-rtl-Mobile-Firefox-linux.png
deleted file mode 100644
index 67129cd0c9..0000000000
Binary files a/core/src/components/input/test/legacy/basic/input.e2e.ts-snapshots/input-with-text-overflow-md-rtl-Mobile-Firefox-linux.png and /dev/null differ
diff --git a/core/src/components/input/test/legacy/basic/input.e2e.ts-snapshots/input-with-text-overflow-md-rtl-Mobile-Safari-linux.png b/core/src/components/input/test/legacy/basic/input.e2e.ts-snapshots/input-with-text-overflow-md-rtl-Mobile-Safari-linux.png
deleted file mode 100644
index e6fc984663..0000000000
Binary files a/core/src/components/input/test/legacy/basic/input.e2e.ts-snapshots/input-with-text-overflow-md-rtl-Mobile-Safari-linux.png and /dev/null differ
diff --git a/core/src/components/input/test/legacy/clear-on-edit/input.e2e.ts b/core/src/components/input/test/legacy/clear-on-edit/input.e2e.ts
deleted file mode 100644
index 9befbc22e7..0000000000
--- a/core/src/components/input/test/legacy/clear-on-edit/input.e2e.ts
+++ /dev/null
@@ -1,78 +0,0 @@
-import { expect } from '@playwright/test';
-import { configs, test } from '@utils/test/playwright';
-
-/**
- * This behavior does not vary across modes/directions
- */
-configs({ modes: ['ios'], directions: ['ltr'] }).forEach(({ title, config }) => {
-  test.describe(title('input: clearOnEdit'), () => {
-    test('should clear the input on first keystroke of input being focused', async ({ page }) => {
-      await page.setContent(`<ion-input value="some value" clear-on-edit="true"></ion-input>`, config);
-
-      const input = page.locator('ion-input');
-
-      await input.click();
-      await input.type('h');
-
-      expect(await input.evaluate((el: HTMLIonInputElement) => el.value)).toBe('h');
-
-      await input.type('ello world');
-
-      expect(await input.evaluate((el: HTMLIonInputElement) => el.value)).toBe('hello world');
-    });
-
-    test('should not clear the input when pressing Enter', async ({ page }) => {
-      await page.setContent(`<ion-input value="some value" clear-on-edit="true"></ion-input>`, config);
-
-      const input = page.locator('ion-input');
-
-      await input.click();
-      await page.keyboard.press('Enter');
-
-      expect(await input.evaluate((el: HTMLIonInputElement) => el.value)).toBe('some value');
-    });
-
-    test('should not clear the input if it does not have an initial value when typing', async ({ page }) => {
-      await page.setContent(`<ion-input value="" clear-on-edit="true"></ion-input>`, config);
-
-      const input = page.locator('ion-input');
-
-      await input.click();
-      await input.type('hello world');
-
-      expect(await input.evaluate((el: HTMLIonInputElement) => el.value)).toBe('hello world');
-    });
-
-    test('should emit ionChange once on blur', async ({ page }, testInfo) => {
-      testInfo.annotations.push({
-        type: 'issue',
-        description: 'https://ionic-cloud.atlassian.net/browse/FW-2315',
-      });
-
-      await page.setContent(`<ion-input placeholder="input" clear-on-edit="true"></ion-input>`, config);
-
-      const ionChangeSpy = await page.spyOnEvent('ionChange');
-      const ionInputSpy = await page.spyOnEvent('ionInput');
-
-      const input = page.locator('ion-input');
-      const nativeInput = input.locator('input');
-
-      await nativeInput.type('123', { delay: 100 });
-
-      expect(ionInputSpy).toHaveReceivedEventTimes(3);
-
-      await nativeInput.evaluate((el: HTMLInputElement) => el.blur());
-
-      expect(ionChangeSpy).toHaveReceivedEventTimes(1);
-
-      await nativeInput.type('a');
-
-      expect(await input.evaluate((el: HTMLIonInputElement) => el.value)).toBe('a');
-
-      await nativeInput.evaluate((el: HTMLInputElement) => el.blur());
-
-      expect(ionInputSpy).toHaveReceivedEventTimes(5);
-      expect(ionChangeSpy).toHaveReceivedEventTimes(2);
-    });
-  });
-});
diff --git a/core/src/components/input/test/legacy/input-events.e2e.ts b/core/src/components/input/test/legacy/input-events.e2e.ts
deleted file mode 100644
index 062cdaba54..0000000000
--- a/core/src/components/input/test/legacy/input-events.e2e.ts
+++ /dev/null
@@ -1,94 +0,0 @@
-import { expect } from '@playwright/test';
-import { configs, test } from '@utils/test/playwright';
-
-configs({ directions: ['ltr'] }).forEach(({ title, config }) => {
-  test.describe(title('input: events: ionChange'), () => {
-    test.describe('when the input is blurred', () => {
-      test.describe('should emit', () => {
-        test('if the value has changed', async ({ page }) => {
-          await page.setContent(`<ion-input></ion-input>`, config);
-
-          const nativeInput = page.locator('ion-input input');
-          const ionChangeSpy = await page.spyOnEvent('ionChange');
-
-          await nativeInput.type('new value', { delay: 100 });
-          // Value change is not emitted until the control is blurred.
-          await nativeInput.evaluate((e) => e.blur());
-
-          await ionChangeSpy.next();
-
-          expect(ionChangeSpy).toHaveReceivedEventDetail({ value: 'new value', event: { isTrusted: true } });
-        });
-      });
-
-      test.describe('should not emit', () => {
-        test('if the value has not changed', async ({ page }) => {
-          await page.setContent(`<ion-input value="" clear-input="true"></ion-input>`, config);
-
-          const ionChangeSpy = await page.spyOnEvent('ionChange');
-          const nativeInput = page.locator('ion-input input');
-
-          await nativeInput.type('new value', { delay: 100 });
-
-          await page.click('ion-input .input-clear-icon');
-
-          await nativeInput.evaluate((e) => e.blur());
-
-          expect(ionChangeSpy.events.length).toBe(0);
-        });
-
-        test('if the value is set programmatically', async ({ page }) => {
-          await page.setContent(`<ion-input></ion-input>`, config);
-
-          const input = page.locator('ion-input');
-          const ionChangeSpy = await page.spyOnEvent('ionChange');
-
-          await input.evaluate((el: HTMLIonInputElement) => {
-            el.value = 'new value';
-          });
-
-          expect(ionChangeSpy.events.length).toBe(0);
-
-          // Update the value again to make sure it doesn't emit a second time
-          await input.evaluate((el: HTMLIonInputElement) => {
-            el.value = 'new value 2';
-          });
-
-          expect(ionChangeSpy.events.length).toBe(0);
-        });
-      });
-    });
-  });
-});
-
-/**
- * This behavior does not vary across modes/directions
- */
-configs({ modes: ['ios'], directions: ['ltr'] }).forEach(({ title, config }) => {
-  test.describe(title('input: events: ionInput'), () => {
-    test('should emit when the input is cleared', async ({ page }) => {
-      await page.setContent(`<ion-input value="some value" clear-input="true"></ion-input>`, config);
-
-      const ionInputSpy = await page.spyOnEvent('ionInput');
-
-      await page.click('ion-input .input-clear-icon');
-
-      expect(ionInputSpy).toHaveReceivedEventDetail({ value: '', event: { isTrusted: true } });
-    });
-
-    test('should emit when the input is cleared from the keyboard', async ({ page }) => {
-      await page.setContent(`<ion-input value="some value" clear-on-edit="true"></ion-input>`, config);
-
-      const input = page.locator('ion-input');
-      const ionInputSpy = await page.spyOnEvent('ionInput');
-
-      await input.click();
-      await page.keyboard.press('Backspace');
-
-      expect(await input.evaluate((el: HTMLIonInputElement) => el.value)).toBe('');
-
-      expect(ionInputSpy).toHaveReceivedEventTimes(1);
-      expect(ionInputSpy).toHaveReceivedEventDetail({ value: '', event: { isTrusted: true } });
-    });
-  });
-});
diff --git a/core/src/components/input/test/legacy/masking/index.html b/core/src/components/input/test/legacy/masking/index.html
deleted file mode 100644
index ee3aeaafbb..0000000000
--- a/core/src/components/input/test/legacy/masking/index.html
+++ /dev/null
@@ -1,38 +0,0 @@
-<!DOCTYPE html>
-<html lang="en" dir="ltr">
-  <head>
-    <meta charset="UTF-8" />
-    <title>Input - Masking</title>
-    <meta
-      name="viewport"
-      content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no"
-    />
-    <link href="../../../../../css/ionic.bundle.css" rel="stylesheet" />
-    <link href="../../../../../scripts/testing/styles.css" rel="stylesheet" />
-    <script src="../../../../../scripts/testing/scripts.js"></script>
-    <script nomodule src="../../../../../dist/ionic/ionic.js"></script>
-    <script type="module" src="../../../../../dist/ionic/ionic.esm.js"></script>
-  </head>
-
-  <body>
-    <ion-app>
-      <ion-header>
-        <ion-toolbar>
-          <ion-title>Input - Masking</ion-title>
-        </ion-toolbar>
-      </ion-header>
-      <ion-content>
-        <ion-item>
-          <ion-label position="stacked">Input with trimming</ion-label>
-          <ion-input id="inputTrimmed" placeholder="Trimmed Input" />
-        </ion-item>
-      </ion-content>
-
-      <script>
-        document.getElementById('inputTrimmed').addEventListener('ionInput', (e) => {
-          e.target.value = e.target.value.trim();
-        });
-      </script>
-    </ion-app>
-  </body>
-</html>
diff --git a/core/src/components/input/test/legacy/masking/input.e2e.ts b/core/src/components/input/test/legacy/masking/input.e2e.ts
deleted file mode 100644
index a48cd11ff0..0000000000
--- a/core/src/components/input/test/legacy/masking/input.e2e.ts
+++ /dev/null
@@ -1,28 +0,0 @@
-import { expect } from '@playwright/test';
-import { configs, test } from '@utils/test/playwright';
-
-/**
- * This behavior does not vary across modes/directions
- */
-configs({ modes: ['ios'], directions: ['ltr'] }).forEach(({ title, config }) => {
-  test.describe(title('input: masking'), () => {
-    test.beforeEach(async ({ page }) => {
-      await page.goto('/src/components/input/test/legacy/masking', config);
-    });
-
-    test('should filter out spaces', async ({ page }) => {
-      const ionInput = await page.spyOnEvent('ionInput');
-      const input = page.locator('#inputTrimmed');
-
-      await input.click();
-
-      // Playwright types this in one character at a time.
-      await page.keyboard.type('A B C', { delay: 100 });
-      await ionInput.next();
-
-      // ionInput is called for each character.
-      await expect(ionInput).toHaveReceivedEventTimes(5);
-      await expect(input).toHaveJSProperty('value', 'ABC');
-    });
-  });
-});
diff --git a/core/src/components/input/test/legacy/spec/index.html b/core/src/components/input/test/legacy/spec/index.html
deleted file mode 100644
index 68e6f59e84..0000000000
--- a/core/src/components/input/test/legacy/spec/index.html
+++ /dev/null
@@ -1,228 +0,0 @@
-<!DOCTYPE html>
-<html lang="en" dir="ltr">
-  <head>
-    <meta charset="UTF-8" />
-    <title>Input - Spec</title>
-    <meta
-      name="viewport"
-      content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no"
-    />
-    <link href="../../../../../css/ionic.bundle.css" rel="stylesheet" />
-    <link href="../../../../../scripts/testing/styles.css" rel="stylesheet" />
-    <script src="../../../../../scripts/testing/scripts.js"></script>
-    <script nomodule src="../../../../../dist/ionic/ionic.js"></script>
-    <script type="module" src="../../../../../dist/ionic/ionic.esm.js"></script>
-  </head>
-
-  <body>
-    <ion-app>
-      <ion-header>
-        <ion-toolbar>
-          <ion-title>Input - Spec</ion-title>
-        </ion-toolbar>
-      </ion-header>
-      <ion-content>
-        <h1>Floating Inputs</h1>
-
-        <div class="grid">
-          <div class="column">
-            <h2>Inactive</h2>
-            <ion-item>
-              <ion-label position="floating">Label</ion-label>
-              <ion-input legacy="true" placeholder="Placeholder Text"></ion-input>
-            </ion-item>
-          </div>
-
-          <div class="column">
-            <h2>Focused</h2>
-            <ion-item class="item-has-focus">
-              <ion-label position="floating">Label</ion-label>
-              <ion-input legacy="true" placeholder="Placeholder Text"></ion-input>
-            </ion-item>
-          </div>
-
-          <div class="column">
-            <h2>Activated</h2>
-            <ion-item>
-              <ion-label position="floating">Label</ion-label>
-              <ion-input legacy="true" placeholder="Placeholder Text" value="Input Text"></ion-input>
-            </ion-item>
-          </div>
-
-          <div class="column">
-            <h2>Hover</h2>
-            <ion-item class="item-hovered">
-              <ion-label position="floating">Label</ion-label>
-              <ion-input legacy="true"></ion-input>
-            </ion-item>
-          </div>
-
-          <div class="column">
-            <h2>Disabled</h2>
-            <ion-item>
-              <ion-label position="floating">Label</ion-label>
-              <ion-input legacy="true" disabled></ion-input>
-            </ion-item>
-          </div>
-
-          <div class="column">
-            <h2>Toggle Placeholder</h2>
-            <ion-item>
-              <ion-label position="floating">Label</ion-label>
-              <ion-input legacy="true" id="floatingToggle" type="password"></ion-input>
-              <ion-button
-                fill="clear"
-                slot="end"
-                onClick="togglePlaceholder('#floatingToggle')"
-                class="ion-align-self-center"
-              >
-                Toggle
-              </ion-button>
-            </ion-item>
-          </div>
-        </div>
-
-        <h1>Stacked Inputs</h1>
-
-        <div class="grid">
-          <div class="column">
-            <h2>Inactive</h2>
-            <ion-item>
-              <ion-label position="stacked">Label</ion-label>
-              <ion-input legacy="true"></ion-input>
-            </ion-item>
-          </div>
-
-          <div class="column">
-            <h2>Focused</h2>
-            <ion-item class="item-has-focus">
-              <ion-label position="stacked">Label</ion-label>
-              <ion-input legacy="true" placeholder="Placeholder Text"></ion-input>
-            </ion-item>
-          </div>
-
-          <div class="column">
-            <h2>Activated</h2>
-            <ion-item>
-              <ion-label position="stacked">Label</ion-label>
-              <ion-input legacy="true" placeholder="Placeholder Text" value="Input Text"></ion-input>
-            </ion-item>
-          </div>
-
-          <div class="column">
-            <h2>Hover</h2>
-            <ion-item class="item-hovered">
-              <ion-label position="stacked">Label</ion-label>
-              <ion-input legacy="true"></ion-input>
-            </ion-item>
-          </div>
-
-          <div class="column">
-            <h2>Disabled</h2>
-            <ion-item>
-              <ion-label position="stacked">Label</ion-label>
-              <ion-input legacy="true" disabled></ion-input>
-            </ion-item>
-          </div>
-
-          <div class="column">
-            <h2>Toggle Placeholder</h2>
-            <ion-item>
-              <ion-label position="stacked">Label</ion-label>
-              <ion-input legacy="true" id="stackedToggle" type="password"></ion-input>
-              <ion-button
-                fill="clear"
-                slot="end"
-                onClick="togglePlaceholder('#stackedToggle')"
-                class="ion-align-self-center"
-              >
-                Toggle
-              </ion-button>
-            </ion-item>
-          </div>
-        </div>
-
-        <hr />
-
-        <h2>Stacked Div</h2>
-        <ion-item>
-          <ion-label position="stacked">Label</ion-label>
-          <div>A div</div>
-        </ion-item>
-
-        <ion-item class="ion-align-items-center">
-          <ion-icon slot="start" name="planet"></ion-icon>
-          <ion-label position="stacked">Align items: center</ion-label>
-          <div>A div</div>
-        </ion-item>
-        <ion-item class="ion-align-items-center">
-          <ion-icon slot="start" name="planet"></ion-icon>
-          <ion-label position="stacked">Align items: center</ion-label>
-          <div class="ion-align-self-end">A div: align self right</div>
-        </ion-item>
-      </ion-content>
-
-      <style>
-        h1 {
-          font-size: 14px;
-          color: #54575e;
-
-          margin: 25px 0 5px 25px;
-        }
-
-        h2 {
-          display: flex;
-          align-items: center;
-          justify-content: space-between;
-
-          font-size: 12px;
-          font-weight: normal;
-
-          color: #a1a7b0;
-
-          margin-top: 10px;
-          margin-left: 5px;
-        }
-
-        hr {
-          background: #eff1f3;
-
-          margin-top: 18px;
-          margin-bottom: 25px;
-        }
-
-        .grid {
-          display: grid;
-          grid-template-columns: repeat(2, 1fr);
-          row-gap: 20px;
-          column-gap: 20px;
-          padding: 0 20px 20px;
-        }
-
-        ion-item {
-          --background: #e0e0e0;
-          --background-hover: #d3d3d3;
-        }
-
-        .custom {
-          --background: lightblue;
-        }
-
-        .custom ion-label {
-          color: white !important;
-        }
-
-        .custom.item-has-focus ion-label {
-          color: purple !important;
-        }
-      </style>
-
-      <script>
-        function togglePlaceholder(id) {
-          const input = document.querySelector(id);
-          input.placeholder = input.placeholder ? undefined : 'Placeholder Text';
-        }
-      </script>
-    </ion-app>
-  </body>
-</html>
diff --git a/core/src/components/input/test/legacy/spec/input.e2e.ts b/core/src/components/input/test/legacy/spec/input.e2e.ts
deleted file mode 100644
index f2f8ab95ce..0000000000
--- a/core/src/components/input/test/legacy/spec/input.e2e.ts
+++ /dev/null
@@ -1,16 +0,0 @@
-import { expect } from '@playwright/test';
-import { configs, test } from '@utils/test/playwright';
-
-configs().forEach(({ title, screenshot, config }) => {
-  test.describe(title('input: spec'), () => {
-    test.beforeEach(async ({ page }) => {
-      await page.goto('/src/components/input/test/legacy/spec', config);
-    });
-
-    test('should not have visual regressions', async ({ page }) => {
-      await page.setIonViewport();
-
-      await expect(page).toHaveScreenshot(screenshot(`input-spec-diff`));
-    });
-  });
-});
diff --git a/core/src/components/input/test/legacy/spec/input.e2e.ts-snapshots/input-spec-diff-ios-ltr-Mobile-Chrome-linux.png b/core/src/components/input/test/legacy/spec/input.e2e.ts-snapshots/input-spec-diff-ios-ltr-Mobile-Chrome-linux.png
deleted file mode 100644
index ed1f5ce9d3..0000000000
Binary files a/core/src/components/input/test/legacy/spec/input.e2e.ts-snapshots/input-spec-diff-ios-ltr-Mobile-Chrome-linux.png and /dev/null differ
diff --git a/core/src/components/input/test/legacy/spec/input.e2e.ts-snapshots/input-spec-diff-ios-ltr-Mobile-Firefox-linux.png b/core/src/components/input/test/legacy/spec/input.e2e.ts-snapshots/input-spec-diff-ios-ltr-Mobile-Firefox-linux.png
deleted file mode 100644
index 034ad81f88..0000000000
Binary files a/core/src/components/input/test/legacy/spec/input.e2e.ts-snapshots/input-spec-diff-ios-ltr-Mobile-Firefox-linux.png and /dev/null differ
diff --git a/core/src/components/input/test/legacy/spec/input.e2e.ts-snapshots/input-spec-diff-ios-ltr-Mobile-Safari-linux.png b/core/src/components/input/test/legacy/spec/input.e2e.ts-snapshots/input-spec-diff-ios-ltr-Mobile-Safari-linux.png
deleted file mode 100644
index 8f954da56e..0000000000
Binary files a/core/src/components/input/test/legacy/spec/input.e2e.ts-snapshots/input-spec-diff-ios-ltr-Mobile-Safari-linux.png and /dev/null differ
diff --git a/core/src/components/input/test/legacy/spec/input.e2e.ts-snapshots/input-spec-diff-ios-rtl-Mobile-Chrome-linux.png b/core/src/components/input/test/legacy/spec/input.e2e.ts-snapshots/input-spec-diff-ios-rtl-Mobile-Chrome-linux.png
deleted file mode 100644
index 429bb88e57..0000000000
Binary files a/core/src/components/input/test/legacy/spec/input.e2e.ts-snapshots/input-spec-diff-ios-rtl-Mobile-Chrome-linux.png and /dev/null differ
diff --git a/core/src/components/input/test/legacy/spec/input.e2e.ts-snapshots/input-spec-diff-ios-rtl-Mobile-Firefox-linux.png b/core/src/components/input/test/legacy/spec/input.e2e.ts-snapshots/input-spec-diff-ios-rtl-Mobile-Firefox-linux.png
deleted file mode 100644
index ae494a580d..0000000000
Binary files a/core/src/components/input/test/legacy/spec/input.e2e.ts-snapshots/input-spec-diff-ios-rtl-Mobile-Firefox-linux.png and /dev/null differ
diff --git a/core/src/components/input/test/legacy/spec/input.e2e.ts-snapshots/input-spec-diff-ios-rtl-Mobile-Safari-linux.png b/core/src/components/input/test/legacy/spec/input.e2e.ts-snapshots/input-spec-diff-ios-rtl-Mobile-Safari-linux.png
deleted file mode 100644
index 07110c0215..0000000000
Binary files a/core/src/components/input/test/legacy/spec/input.e2e.ts-snapshots/input-spec-diff-ios-rtl-Mobile-Safari-linux.png and /dev/null differ
diff --git a/core/src/components/input/test/legacy/spec/input.e2e.ts-snapshots/input-spec-diff-md-ltr-Mobile-Chrome-linux.png b/core/src/components/input/test/legacy/spec/input.e2e.ts-snapshots/input-spec-diff-md-ltr-Mobile-Chrome-linux.png
deleted file mode 100644
index 0dbdb785d6..0000000000
Binary files a/core/src/components/input/test/legacy/spec/input.e2e.ts-snapshots/input-spec-diff-md-ltr-Mobile-Chrome-linux.png and /dev/null differ
diff --git a/core/src/components/input/test/legacy/spec/input.e2e.ts-snapshots/input-spec-diff-md-ltr-Mobile-Firefox-linux.png b/core/src/components/input/test/legacy/spec/input.e2e.ts-snapshots/input-spec-diff-md-ltr-Mobile-Firefox-linux.png
deleted file mode 100644
index afd7de5eea..0000000000
Binary files a/core/src/components/input/test/legacy/spec/input.e2e.ts-snapshots/input-spec-diff-md-ltr-Mobile-Firefox-linux.png and /dev/null differ
diff --git a/core/src/components/input/test/legacy/spec/input.e2e.ts-snapshots/input-spec-diff-md-ltr-Mobile-Safari-linux.png b/core/src/components/input/test/legacy/spec/input.e2e.ts-snapshots/input-spec-diff-md-ltr-Mobile-Safari-linux.png
deleted file mode 100644
index 0d00af60a0..0000000000
Binary files a/core/src/components/input/test/legacy/spec/input.e2e.ts-snapshots/input-spec-diff-md-ltr-Mobile-Safari-linux.png and /dev/null differ
diff --git a/core/src/components/input/test/legacy/spec/input.e2e.ts-snapshots/input-spec-diff-md-rtl-Mobile-Chrome-linux.png b/core/src/components/input/test/legacy/spec/input.e2e.ts-snapshots/input-spec-diff-md-rtl-Mobile-Chrome-linux.png
deleted file mode 100644
index 3552f2b1c1..0000000000
Binary files a/core/src/components/input/test/legacy/spec/input.e2e.ts-snapshots/input-spec-diff-md-rtl-Mobile-Chrome-linux.png and /dev/null differ
diff --git a/core/src/components/input/test/legacy/spec/input.e2e.ts-snapshots/input-spec-diff-md-rtl-Mobile-Firefox-linux.png b/core/src/components/input/test/legacy/spec/input.e2e.ts-snapshots/input-spec-diff-md-rtl-Mobile-Firefox-linux.png
deleted file mode 100644
index f8c94b1f76..0000000000
Binary files a/core/src/components/input/test/legacy/spec/input.e2e.ts-snapshots/input-spec-diff-md-rtl-Mobile-Firefox-linux.png and /dev/null differ
diff --git a/core/src/components/input/test/legacy/spec/input.e2e.ts-snapshots/input-spec-diff-md-rtl-Mobile-Safari-linux.png b/core/src/components/input/test/legacy/spec/input.e2e.ts-snapshots/input-spec-diff-md-rtl-Mobile-Safari-linux.png
deleted file mode 100644
index 926b4d6f80..0000000000
Binary files a/core/src/components/input/test/legacy/spec/input.e2e.ts-snapshots/input-spec-diff-md-rtl-Mobile-Safari-linux.png and /dev/null differ
diff --git a/core/src/components/input/test/legacy/tabindex/index.html b/core/src/components/input/test/legacy/tabindex/index.html
deleted file mode 100644
index 0219740a22..0000000000
--- a/core/src/components/input/test/legacy/tabindex/index.html
+++ /dev/null
@@ -1,83 +0,0 @@
-<!DOCTYPE html>
-<html lang="en" dir="ltr">
-  <head>
-    <meta charset="UTF-8" />
-    <title>Input - Tabindex</title>
-    <meta
-      name="viewport"
-      content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no"
-    />
-    <link href="../../../../../css/ionic.bundle.css" rel="stylesheet" />
-    <link href="../../../../../scripts/testing/styles.css" rel="stylesheet" />
-    <script src="../../../../../scripts/testing/scripts.js"></script>
-    <script nomodule src="../../../../../dist/ionic/ionic.js"></script>
-    <script type="module" src="../../../../../dist/ionic/ionic.esm.js"></script>
-  </head>
-
-  <body>
-    <ion-app>
-      <ion-header>
-        <ion-toolbar>
-          <ion-title>Input - Tabindex</ion-title>
-          <ion-buttons slot="primary">
-            <ion-button>
-              <ion-icon slot="icon-only" name="menu"></ion-icon>
-            </ion-button>
-          </ion-buttons>
-        </ion-toolbar>
-      </ion-header>
-
-      <ion-content class="ion-padding">
-        <ion-input tabindex="0" placeholder="Tab 9th"></ion-input>
-        <ion-input placeholder="Tab 10th"></ion-input>
-
-        <hr />
-
-        <ion-input placeholder="Tab 8th" tabindex="8"></ion-input>
-        <ion-input placeholder="Skip" tabindex="-1"></ion-input>
-        <ion-input placeholder="Tab 7th" tabindex="7"></ion-input>
-        <div tabindex="0">Tab 11th</div>
-        <ion-input placeholder="Tab 6th" tabindex="6"></ion-input>
-        <ion-input placeholder="Tab 5th" tabindex="5"></ion-input>
-
-        <ion-item tabindex="4">
-          <ion-label position="stacked">Tab 4th</ion-label>
-          <ion-input></ion-input>
-        </ion-item>
-        <ion-item tabindex="3">
-          <ion-label position="stacked">Tab 3rd</ion-label>
-          <ion-input></ion-input>
-        </ion-item>
-        <ion-item tabindex="-1">
-          <ion-label position="stacked">Skip</ion-label>
-          <ion-input></ion-input>
-        </ion-item>
-        <ion-item tabindex="2">
-          <ion-label position="stacked">Tab 2nd</ion-label>
-          <ion-input></ion-input>
-        </ion-item>
-        <ion-item tabindex="1">
-          <ion-label position="stacked">Tab 1st</ion-label>
-          <ion-input></ion-input>
-          <ion-input></ion-input>
-        </ion-item>
-      </ion-content>
-
-      <style>
-        ion-input,
-        div {
-          margin-bottom: 10px;
-        }
-
-        .md div {
-          padding-left: 8px;
-        }
-
-        ion-item {
-          --background: #f6f6f6;
-          --padding-start: 40px;
-        }
-      </style>
-    </ion-app>
-  </body>
-</html>
diff --git a/core/src/components/item/test/a11y/item.e2e.ts b/core/src/components/item/test/a11y/item.e2e.ts
index b4df2db988..4b1cc609c0 100644
--- a/core/src/components/item/test/a11y/item.e2e.ts
+++ b/core/src/components/item/test/a11y/item.e2e.ts
@@ -94,56 +94,6 @@ configs({ directions: ['ltr'] }).forEach(({ config, screenshot, title }) => {
 
       await expect(item).toHaveScreenshot(screenshot(`item-detail-icon-scale`));
     });
-    test('should scale counter text on larger font sizes', async ({ page }) => {
-      await page.setContent(
-        `
-        <style>
-          html {
-            font-size: 310%;
-          }
-        </style>
-
-        <ion-item counter="true">
-          <ion-label position="stacked">Counter</ion-label>
-          <ion-input maxlength="20"></ion-input>
-        </ion-item>
-      `,
-        config
-      );
-
-      const item = page.locator('ion-item');
-
-      await expect(item).toHaveScreenshot(screenshot(`item-counter-text-scale`));
-    });
-    test('should scale helper and error text on larger font sizes', async ({ page }) => {
-      await page.setContent(
-        `
-        <style>
-          html {
-            font-size: 310%;
-          }
-        </style>
-
-        <ion-list>
-          <ion-item>
-            <ion-label>Helper</ion-label>
-            <ion-input></ion-input>
-            <ion-note slot="helper">Helper Text</ion-note>
-          </ion-item>
-          <ion-item class="ion-invalid">
-            <ion-label>Error</ion-label>
-            <ion-input></ion-input>
-            <ion-note slot="error">Error Text</ion-note>
-          </ion-item>
-        </ion-list>
-      `,
-        config
-      );
-
-      const list = page.locator('ion-list');
-
-      await expect(list).toHaveScreenshot(screenshot(`item-helper-error-text-scale`));
-    });
     test('should scale buttons in an item on larger font sizes', async ({ page }) => {
       await page.setContent(
         `
diff --git a/core/src/components/item/test/counter/index.html b/core/src/components/item/test/counter/index.html
deleted file mode 100644
index f94886f219..0000000000
--- a/core/src/components/item/test/counter/index.html
+++ /dev/null
@@ -1,52 +0,0 @@
-<!DOCTYPE html>
-<html lang="en" dir="ltr">
-  <head>
-    <meta charset="UTF-8" />
-    <title>Item - Counter</title>
-    <meta
-      name="viewport"
-      content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no"
-    />
-    <link href="../../../../../css/ionic.bundle.css" rel="stylesheet" />
-    <link href="../../../../../scripts/testing/styles.css" rel="stylesheet" />
-    <script src="../../../../../scripts/testing/scripts.js"></script>
-    <script nomodule src="../../../../../dist/ionic/ionic.js"></script>
-    <script type="module" src="../../../../../dist/ionic/ionic.esm.js"></script>
-  </head>
-
-  <body>
-    <ion-app>
-      <ion-header>
-        <ion-toolbar>
-          <ion-title>Item counter</ion-title>
-        </ion-toolbar>
-      </ion-header>
-
-      <ion-content class="ion-padding-vertical">
-        <ion-list>
-          <ion-item counter="true">
-            <ion-label position="stacked">Counter</ion-label>
-            <ion-input maxlength="20"></ion-input>
-          </ion-item>
-
-          <ion-item counter="true">
-            <ion-label position="stacked">Counter with value</ion-label>
-            <ion-input maxlength="20" value="some value"></ion-input>
-          </ion-item>
-
-          <ion-item counter="true" id="customFormatter">
-            <ion-label position="stacked">Counter with custom formatter</ion-label>
-            <ion-input maxlength="20" value=""></ion-input>
-          </ion-item>
-        </ion-list>
-      </ion-content>
-    </ion-app>
-
-    <script>
-      const customFormatter = document.getElementById('customFormatter');
-      customFormatter.counterFormatter = (inputLength, maxLength) => {
-        return `${maxLength - inputLength} characters left`;
-      };
-    </script>
-  </body>
-</html>
diff --git a/core/src/components/item/test/counter/item.e2e.ts b/core/src/components/item/test/counter/item.e2e.ts
deleted file mode 100644
index 182d611e9b..0000000000
--- a/core/src/components/item/test/counter/item.e2e.ts
+++ /dev/null
@@ -1,61 +0,0 @@
-import { expect } from '@playwright/test';
-import { configs, test } from '@utils/test/playwright';
-
-configs().forEach(({ title, screenshot, config }) => {
-  test.describe(title('counter: rendering'), () => {
-    test('should not have visual regressions', async ({ page }) => {
-      await page.goto('/src/components/item/test/counter', config);
-
-      await page.setIonViewport();
-
-      await expect(page).toHaveScreenshot(screenshot(`item-counter-diff`));
-    });
-  });
-});
-
-/**
- * This behavior does not vary across modes/directions
- */
-configs({ modes: ['ios'], directions: ['ltr'] }).forEach(({ title, config }) => {
-  test.describe(title('item: counter'), () => {
-    test.describe('custom formatter', () => {
-      test.beforeEach(async ({ page }) => {
-        await page.goto('/src/components/item/test/counter', config);
-      });
-
-      test('should format on load', async ({ page }) => {
-        const itemCounter = page.locator('#customFormatter .item-counter');
-
-        expect(await itemCounter.textContent()).toBe('20 characters left');
-      });
-
-      test('should format on input', async ({ page }) => {
-        const input = page.locator('#customFormatter ion-input');
-
-        await page.click('#customFormatter ion-input input');
-        await input.type('abcde');
-
-        await page.waitForChanges();
-
-        const itemCounter = page.locator('#customFormatter .item-counter');
-
-        expect(await itemCounter.textContent()).toBe('15 characters left');
-      });
-
-      test('should format after changing the counterFormatter', async ({ page }) => {
-        const itemCounter = page.locator('#customFormatter .item-counter');
-
-        expect(await itemCounter.textContent()).toBe('20 characters left');
-
-        await page.$eval('#customFormatter', (el: any) => {
-          el.counterFormatter = () => {
-            return 'test label';
-          };
-        });
-        await page.waitForChanges();
-
-        expect(await itemCounter.textContent()).toBe('test label');
-      });
-    });
-  });
-});
diff --git a/core/src/components/item/test/counter/item.e2e.ts-snapshots/item-counter-diff-ios-ltr-Mobile-Chrome-linux.png b/core/src/components/item/test/counter/item.e2e.ts-snapshots/item-counter-diff-ios-ltr-Mobile-Chrome-linux.png
deleted file mode 100644
index bb443dc00f..0000000000
Binary files a/core/src/components/item/test/counter/item.e2e.ts-snapshots/item-counter-diff-ios-ltr-Mobile-Chrome-linux.png and /dev/null differ
diff --git a/core/src/components/item/test/counter/item.e2e.ts-snapshots/item-counter-diff-ios-ltr-Mobile-Firefox-linux.png b/core/src/components/item/test/counter/item.e2e.ts-snapshots/item-counter-diff-ios-ltr-Mobile-Firefox-linux.png
deleted file mode 100644
index 40bd08c969..0000000000
Binary files a/core/src/components/item/test/counter/item.e2e.ts-snapshots/item-counter-diff-ios-ltr-Mobile-Firefox-linux.png and /dev/null differ
diff --git a/core/src/components/item/test/counter/item.e2e.ts-snapshots/item-counter-diff-ios-ltr-Mobile-Safari-linux.png b/core/src/components/item/test/counter/item.e2e.ts-snapshots/item-counter-diff-ios-ltr-Mobile-Safari-linux.png
deleted file mode 100644
index 0cbeff39d5..0000000000
Binary files a/core/src/components/item/test/counter/item.e2e.ts-snapshots/item-counter-diff-ios-ltr-Mobile-Safari-linux.png and /dev/null differ
diff --git a/core/src/components/item/test/counter/item.e2e.ts-snapshots/item-counter-diff-ios-rtl-Mobile-Chrome-linux.png b/core/src/components/item/test/counter/item.e2e.ts-snapshots/item-counter-diff-ios-rtl-Mobile-Chrome-linux.png
deleted file mode 100644
index 4c95b7247e..0000000000
Binary files a/core/src/components/item/test/counter/item.e2e.ts-snapshots/item-counter-diff-ios-rtl-Mobile-Chrome-linux.png and /dev/null differ
diff --git a/core/src/components/item/test/counter/item.e2e.ts-snapshots/item-counter-diff-ios-rtl-Mobile-Firefox-linux.png b/core/src/components/item/test/counter/item.e2e.ts-snapshots/item-counter-diff-ios-rtl-Mobile-Firefox-linux.png
deleted file mode 100644
index e3cc48b890..0000000000
Binary files a/core/src/components/item/test/counter/item.e2e.ts-snapshots/item-counter-diff-ios-rtl-Mobile-Firefox-linux.png and /dev/null differ
diff --git a/core/src/components/item/test/counter/item.e2e.ts-snapshots/item-counter-diff-ios-rtl-Mobile-Safari-linux.png b/core/src/components/item/test/counter/item.e2e.ts-snapshots/item-counter-diff-ios-rtl-Mobile-Safari-linux.png
deleted file mode 100644
index be70e04ccb..0000000000
Binary files a/core/src/components/item/test/counter/item.e2e.ts-snapshots/item-counter-diff-ios-rtl-Mobile-Safari-linux.png and /dev/null differ
diff --git a/core/src/components/item/test/counter/item.e2e.ts-snapshots/item-counter-diff-md-ltr-Mobile-Chrome-linux.png b/core/src/components/item/test/counter/item.e2e.ts-snapshots/item-counter-diff-md-ltr-Mobile-Chrome-linux.png
deleted file mode 100644
index 557a9e0a9d..0000000000
Binary files a/core/src/components/item/test/counter/item.e2e.ts-snapshots/item-counter-diff-md-ltr-Mobile-Chrome-linux.png and /dev/null differ
diff --git a/core/src/components/item/test/counter/item.e2e.ts-snapshots/item-counter-diff-md-ltr-Mobile-Firefox-linux.png b/core/src/components/item/test/counter/item.e2e.ts-snapshots/item-counter-diff-md-ltr-Mobile-Firefox-linux.png
deleted file mode 100644
index b7f3579a70..0000000000
Binary files a/core/src/components/item/test/counter/item.e2e.ts-snapshots/item-counter-diff-md-ltr-Mobile-Firefox-linux.png and /dev/null differ
diff --git a/core/src/components/item/test/counter/item.e2e.ts-snapshots/item-counter-diff-md-ltr-Mobile-Safari-linux.png b/core/src/components/item/test/counter/item.e2e.ts-snapshots/item-counter-diff-md-ltr-Mobile-Safari-linux.png
deleted file mode 100644
index 8629730bed..0000000000
Binary files a/core/src/components/item/test/counter/item.e2e.ts-snapshots/item-counter-diff-md-ltr-Mobile-Safari-linux.png and /dev/null differ
diff --git a/core/src/components/item/test/counter/item.e2e.ts-snapshots/item-counter-diff-md-rtl-Mobile-Chrome-linux.png b/core/src/components/item/test/counter/item.e2e.ts-snapshots/item-counter-diff-md-rtl-Mobile-Chrome-linux.png
deleted file mode 100644
index a653e7de76..0000000000
Binary files a/core/src/components/item/test/counter/item.e2e.ts-snapshots/item-counter-diff-md-rtl-Mobile-Chrome-linux.png and /dev/null differ
diff --git a/core/src/components/item/test/counter/item.e2e.ts-snapshots/item-counter-diff-md-rtl-Mobile-Firefox-linux.png b/core/src/components/item/test/counter/item.e2e.ts-snapshots/item-counter-diff-md-rtl-Mobile-Firefox-linux.png
deleted file mode 100644
index 1945384053..0000000000
Binary files a/core/src/components/item/test/counter/item.e2e.ts-snapshots/item-counter-diff-md-rtl-Mobile-Firefox-linux.png and /dev/null differ
diff --git a/core/src/components/item/test/counter/item.e2e.ts-snapshots/item-counter-diff-md-rtl-Mobile-Safari-linux.png b/core/src/components/item/test/counter/item.e2e.ts-snapshots/item-counter-diff-md-rtl-Mobile-Safari-linux.png
deleted file mode 100644
index 92c593d916..0000000000
Binary files a/core/src/components/item/test/counter/item.e2e.ts-snapshots/item-counter-diff-md-rtl-Mobile-Safari-linux.png and /dev/null differ
diff --git a/core/src/components/item/test/disabled/index.html b/core/src/components/item/test/disabled/index.html
index 49f47c11c8..ce5522bfde 100644
--- a/core/src/components/item/test/disabled/index.html
+++ b/core/src/components/item/test/disabled/index.html
@@ -51,10 +51,6 @@
             </ion-select>
           </ion-item>
 
-          <ion-item>
-            <ion-input label="Disabled Input" placeholder="Disabled" disabled></ion-input>
-          </ion-item>
-
           <ion-item>
             <ion-toggle disabled checked> Disabled Toggle </ion-toggle>
           </ion-item>
@@ -81,26 +77,6 @@
             <ion-label>Multiple Input Disabled Items</ion-label>
           </ion-list-header>
 
-          <ion-item>
-            <ion-checkbox aria-label="Checkbox" disabled slot="start"></ion-checkbox>
-            <ion-input aria-label="Input" placeholder="Disabled Checkbox w/ Input"></ion-input>
-          </ion-item>
-
-          <ion-item>
-            <ion-checkbox aria-label="Checkbox" disabled slot="end"></ion-checkbox>
-            <ion-input aria-label="Input" placeholder="Disabled Checkbox w/ Input"></ion-input>
-          </ion-item>
-
-          <ion-item>
-            <ion-radio aria-label="Radio" disabled slot="start"></ion-radio>
-            <ion-input aria-label="Input" placeholder="Disabled Radio w/ Input"></ion-input>
-          </ion-item>
-
-          <ion-item>
-            <ion-radio aria-label="Radio" disabled slot="end"></ion-radio>
-            <ion-input aria-label="Input" placeholder="Disabled Radio w/ Input"></ion-input>
-          </ion-item>
-
           <ion-item>
             <ion-checkbox aria-label="Checkbox" disabled slot="start"></ion-checkbox>
             <ion-label>Checkbox + Radio</ion-label>
diff --git a/core/src/components/item/test/disabled/item.e2e.ts-snapshots/item-disabled-diff-ios-ltr-Mobile-Chrome-linux.png b/core/src/components/item/test/disabled/item.e2e.ts-snapshots/item-disabled-diff-ios-ltr-Mobile-Chrome-linux.png
index b5550afdd5..78d48c63e6 100644
Binary files a/core/src/components/item/test/disabled/item.e2e.ts-snapshots/item-disabled-diff-ios-ltr-Mobile-Chrome-linux.png and b/core/src/components/item/test/disabled/item.e2e.ts-snapshots/item-disabled-diff-ios-ltr-Mobile-Chrome-linux.png differ
diff --git a/core/src/components/item/test/disabled/item.e2e.ts-snapshots/item-disabled-diff-ios-ltr-Mobile-Firefox-linux.png b/core/src/components/item/test/disabled/item.e2e.ts-snapshots/item-disabled-diff-ios-ltr-Mobile-Firefox-linux.png
index b5a2e52cf3..bbd0c6d8df 100644
Binary files a/core/src/components/item/test/disabled/item.e2e.ts-snapshots/item-disabled-diff-ios-ltr-Mobile-Firefox-linux.png and b/core/src/components/item/test/disabled/item.e2e.ts-snapshots/item-disabled-diff-ios-ltr-Mobile-Firefox-linux.png differ
diff --git a/core/src/components/item/test/disabled/item.e2e.ts-snapshots/item-disabled-diff-ios-ltr-Mobile-Safari-linux.png b/core/src/components/item/test/disabled/item.e2e.ts-snapshots/item-disabled-diff-ios-ltr-Mobile-Safari-linux.png
index 0b7102b0c6..40d55dbb93 100644
Binary files a/core/src/components/item/test/disabled/item.e2e.ts-snapshots/item-disabled-diff-ios-ltr-Mobile-Safari-linux.png and b/core/src/components/item/test/disabled/item.e2e.ts-snapshots/item-disabled-diff-ios-ltr-Mobile-Safari-linux.png differ
diff --git a/core/src/components/item/test/disabled/item.e2e.ts-snapshots/item-disabled-diff-md-ltr-Mobile-Chrome-linux.png b/core/src/components/item/test/disabled/item.e2e.ts-snapshots/item-disabled-diff-md-ltr-Mobile-Chrome-linux.png
index 063d4550a7..1005e71fb2 100644
Binary files a/core/src/components/item/test/disabled/item.e2e.ts-snapshots/item-disabled-diff-md-ltr-Mobile-Chrome-linux.png and b/core/src/components/item/test/disabled/item.e2e.ts-snapshots/item-disabled-diff-md-ltr-Mobile-Chrome-linux.png differ
diff --git a/core/src/components/item/test/disabled/item.e2e.ts-snapshots/item-disabled-diff-md-ltr-Mobile-Firefox-linux.png b/core/src/components/item/test/disabled/item.e2e.ts-snapshots/item-disabled-diff-md-ltr-Mobile-Firefox-linux.png
index 498de0b33f..063108c89e 100644
Binary files a/core/src/components/item/test/disabled/item.e2e.ts-snapshots/item-disabled-diff-md-ltr-Mobile-Firefox-linux.png and b/core/src/components/item/test/disabled/item.e2e.ts-snapshots/item-disabled-diff-md-ltr-Mobile-Firefox-linux.png differ
diff --git a/core/src/components/item/test/disabled/item.e2e.ts-snapshots/item-disabled-diff-md-ltr-Mobile-Safari-linux.png b/core/src/components/item/test/disabled/item.e2e.ts-snapshots/item-disabled-diff-md-ltr-Mobile-Safari-linux.png
index 5c03083615..3b8cc1a766 100644
Binary files a/core/src/components/item/test/disabled/item.e2e.ts-snapshots/item-disabled-diff-md-ltr-Mobile-Safari-linux.png and b/core/src/components/item/test/disabled/item.e2e.ts-snapshots/item-disabled-diff-md-ltr-Mobile-Safari-linux.png differ
diff --git a/core/src/components/item/test/highlight/index.html b/core/src/components/item/test/highlight/index.html
deleted file mode 100644
index 4595827ad4..0000000000
--- a/core/src/components/item/test/highlight/index.html
+++ /dev/null
@@ -1,208 +0,0 @@
-<!DOCTYPE html>
-<html lang="en" dir="ltr">
-  <head>
-    <meta charset="UTF-8" />
-    <title>Item - Highlight</title>
-    <meta
-      name="viewport"
-      content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no, viewport-fit=cover"
-    />
-    <link href="../../../../../css/ionic.bundle.css" rel="stylesheet" />
-    <link href="../../../../../scripts/testing/styles.css" rel="stylesheet" />
-    <script src="../../../../../scripts/testing/scripts.js"></script>
-    <script nomodule src="../../../../../dist/ionic/ionic.js"></script>
-    <script type="module" src="../../../../../dist/ionic/ionic.esm.js"></script>
-  </head>
-
-  <style>
-    .custom ion-item {
-      --highlight-height: 4px;
-    }
-  </style>
-
-  <body>
-    <ion-app>
-      <ion-header>
-        <ion-toolbar>
-          <ion-title>Item - Highlight</ion-title>
-        </ion-toolbar>
-      </ion-header>
-
-      <ion-content id="content" class="ion-padding">
-        <p>Default: focused</p>
-        <ion-grid>
-          <ion-row>
-            <ion-col>
-              <ion-item class="item-has-focus">
-                <ion-label position="floating">Standard</ion-label>
-                <ion-input></ion-input>
-                <ion-note slot="helper">Helper Text</ion-note>
-                <ion-note slot="error">Error Text</ion-note>
-              </ion-item>
-            </ion-col>
-            <ion-col>
-              <ion-item class="item-has-focus">
-                <ion-icon slot="start" name="calendar-clear-outline"></ion-icon>
-                <ion-label position="floating">Standard</ion-label>
-                <ion-input value="Has Initial Value"></ion-input>
-                <ion-note slot="helper">Helper Text</ion-note>
-                <ion-note slot="error">Error Text</ion-note>
-              </ion-item>
-            </ion-col>
-            <ion-col>
-              <ion-item class="item-has-focus">
-                <ion-label position="floating">Standard</ion-label>
-                <ion-icon slot="end" name="trash"></ion-icon>
-                <ion-input></ion-input>
-                <ion-note slot="helper">Helper Text</ion-note>
-              </ion-item>
-            </ion-col>
-          </ion-row>
-          <ion-row>
-            <ion-col>
-              <ion-item class="ion-invalid item-has-focus">
-                <ion-label position="floating">Standard</ion-label>
-                <ion-input></ion-input>
-                <ion-note slot="helper">Helper Text</ion-note>
-                <ion-note slot="error">Error Text</ion-note>
-              </ion-item>
-            </ion-col>
-            <ion-col>
-              <ion-item class="ion-invalid item-has-focus">
-                <ion-icon slot="start" name="calendar-clear-outline"></ion-icon>
-                <ion-label position="floating">Standard</ion-label>
-                <ion-input value="Has Initial Value"></ion-input>
-                <ion-note slot="helper">Helper Text</ion-note>
-                <ion-note slot="error">Error Text</ion-note>
-              </ion-item>
-            </ion-col>
-            <ion-col>
-              <ion-item class="ion-valid item-has-focus">
-                <ion-label position="floating">Standard</ion-label>
-                <ion-icon slot="end" name="trash"></ion-icon>
-                <ion-input></ion-input>
-                <ion-note slot="helper">Helper Text</ion-note>
-              </ion-item>
-            </ion-col>
-          </ion-row>
-        </ion-grid>
-
-        <p>Custom: focused</p>
-        <ion-grid class="custom">
-          <ion-row>
-            <ion-col>
-              <ion-item class="item-has-focus">
-                <ion-label position="floating">Standard</ion-label>
-                <ion-input></ion-input>
-                <ion-note slot="helper">Helper Text</ion-note>
-                <ion-note slot="error">Error Text</ion-note>
-              </ion-item>
-            </ion-col>
-            <ion-col>
-              <ion-item class="item-has-focus">
-                <ion-icon slot="start" name="calendar-clear-outline"></ion-icon>
-                <ion-label position="floating">Standard</ion-label>
-                <ion-input value="Has Initial Value"></ion-input>
-                <ion-note slot="helper">Helper Text</ion-note>
-                <ion-note slot="error">Error Text</ion-note>
-              </ion-item>
-            </ion-col>
-            <ion-col>
-              <ion-item class="item-has-focus">
-                <ion-label position="floating">Standard</ion-label>
-                <ion-icon slot="end" name="trash"></ion-icon>
-                <ion-input></ion-input>
-                <ion-note slot="helper">Helper Text</ion-note>
-              </ion-item>
-            </ion-col>
-          </ion-row>
-          <ion-row>
-            <ion-col>
-              <ion-item class="ion-invalid item-has-focus">
-                <ion-label position="floating">Standard</ion-label>
-                <ion-input></ion-input>
-                <ion-note slot="helper">Helper Text</ion-note>
-                <ion-note slot="error">Error Text</ion-note>
-              </ion-item>
-            </ion-col>
-            <ion-col>
-              <ion-item class="ion-invalid item-has-focus">
-                <ion-icon slot="start" name="calendar-clear-outline"></ion-icon>
-                <ion-label position="floating">Standard</ion-label>
-                <ion-input value="Has Initial Value"></ion-input>
-                <ion-note slot="helper">Helper Text</ion-note>
-                <ion-note slot="error">Error Text</ion-note>
-              </ion-item>
-            </ion-col>
-            <ion-col>
-              <ion-item class="ion-valid item-has-focus">
-                <ion-label position="floating">Standard</ion-label>
-                <ion-icon slot="end" name="trash"></ion-icon>
-                <ion-input></ion-input>
-                <ion-note slot="helper">Helper Text</ion-note>
-              </ion-item>
-            </ion-col>
-          </ion-row>
-        </ion-grid>
-
-        <p>Custom: full lines, focused</p>
-        <ion-grid class="custom">
-          <ion-row>
-            <ion-col>
-              <ion-item lines="full" class="item-has-focus">
-                <ion-label position="floating">Standard</ion-label>
-                <ion-input></ion-input>
-                <ion-note slot="helper">Helper Text</ion-note>
-                <ion-note slot="error">Error Text</ion-note>
-              </ion-item>
-            </ion-col>
-            <ion-col>
-              <ion-item lines="full" class="item-has-focus">
-                <ion-icon slot="start" name="calendar-clear-outline"></ion-icon>
-                <ion-label position="floating">Standard</ion-label>
-                <ion-input value="Has Initial Value"></ion-input>
-                <ion-note slot="helper">Helper Text</ion-note>
-                <ion-note slot="error">Error Text</ion-note>
-              </ion-item>
-            </ion-col>
-            <ion-col>
-              <ion-item lines="full" class="item-has-focus">
-                <ion-label position="floating">Standard</ion-label>
-                <ion-icon slot="end" name="trash"></ion-icon>
-                <ion-input></ion-input>
-                <ion-note slot="helper">Helper Text</ion-note>
-              </ion-item>
-            </ion-col>
-          </ion-row>
-          <ion-row>
-            <ion-col>
-              <ion-item lines="full" class="item-has-focus ion-invalid">
-                <ion-label position="floating">Standard</ion-label>
-                <ion-input></ion-input>
-                <ion-note slot="helper">Helper Text</ion-note>
-                <ion-note slot="error">Error Text</ion-note>
-              </ion-item>
-            </ion-col>
-            <ion-col>
-              <ion-item lines="full" class="item-has-focus ion-invalid">
-                <ion-icon slot="start" name="calendar-clear-outline"></ion-icon>
-                <ion-label position="floating">Standard</ion-label>
-                <ion-input value="Has Initial Value"></ion-input>
-                <ion-note slot="helper">Helper Text</ion-note>
-                <ion-note slot="error">Error Text</ion-note>
-              </ion-item>
-            </ion-col>
-            <ion-col>
-              <ion-item lines="full" class="item-has-focus ion-valid">
-                <ion-label position="floating">Standard</ion-label>
-                <ion-icon slot="end" name="trash"></ion-icon>
-                <ion-input></ion-input>
-                <ion-note slot="helper">Helper Text</ion-note>
-              </ion-item>
-            </ion-col>
-          </ion-row>
-        </ion-grid>
-      </ion-content>
-    </ion-app>
-  </body>
-</html>
diff --git a/core/src/components/item/test/highlight/item.e2e.ts b/core/src/components/item/test/highlight/item.e2e.ts
deleted file mode 100644
index c7e2578d05..0000000000
--- a/core/src/components/item/test/highlight/item.e2e.ts
+++ /dev/null
@@ -1,14 +0,0 @@
-import { expect } from '@playwright/test';
-import { configs, test } from '@utils/test/playwright';
-
-configs().forEach(({ title, screenshot, config }) => {
-  test.describe(title('item: highlight'), () => {
-    test('should not have visual regressions', async ({ page }) => {
-      await page.goto(`/src/components/item/test/highlight`, config);
-
-      await page.setIonViewport();
-
-      await expect(page).toHaveScreenshot(screenshot(`item-highlight-diff`));
-    });
-  });
-});
diff --git a/core/src/components/item/test/highlight/item.e2e.ts-snapshots/item-highlight-diff-ios-ltr-Mobile-Chrome-linux.png b/core/src/components/item/test/highlight/item.e2e.ts-snapshots/item-highlight-diff-ios-ltr-Mobile-Chrome-linux.png
deleted file mode 100644
index f6fcb0e9b2..0000000000
Binary files a/core/src/components/item/test/highlight/item.e2e.ts-snapshots/item-highlight-diff-ios-ltr-Mobile-Chrome-linux.png and /dev/null differ
diff --git a/core/src/components/item/test/highlight/item.e2e.ts-snapshots/item-highlight-diff-ios-ltr-Mobile-Firefox-linux.png b/core/src/components/item/test/highlight/item.e2e.ts-snapshots/item-highlight-diff-ios-ltr-Mobile-Firefox-linux.png
deleted file mode 100644
index dd2d6d71e5..0000000000
Binary files a/core/src/components/item/test/highlight/item.e2e.ts-snapshots/item-highlight-diff-ios-ltr-Mobile-Firefox-linux.png and /dev/null differ
diff --git a/core/src/components/item/test/highlight/item.e2e.ts-snapshots/item-highlight-diff-ios-ltr-Mobile-Safari-linux.png b/core/src/components/item/test/highlight/item.e2e.ts-snapshots/item-highlight-diff-ios-ltr-Mobile-Safari-linux.png
deleted file mode 100644
index 9c3aab3aad..0000000000
Binary files a/core/src/components/item/test/highlight/item.e2e.ts-snapshots/item-highlight-diff-ios-ltr-Mobile-Safari-linux.png and /dev/null differ
diff --git a/core/src/components/item/test/highlight/item.e2e.ts-snapshots/item-highlight-diff-ios-rtl-Mobile-Chrome-linux.png b/core/src/components/item/test/highlight/item.e2e.ts-snapshots/item-highlight-diff-ios-rtl-Mobile-Chrome-linux.png
deleted file mode 100644
index a943f8f376..0000000000
Binary files a/core/src/components/item/test/highlight/item.e2e.ts-snapshots/item-highlight-diff-ios-rtl-Mobile-Chrome-linux.png and /dev/null differ
diff --git a/core/src/components/item/test/highlight/item.e2e.ts-snapshots/item-highlight-diff-ios-rtl-Mobile-Firefox-linux.png b/core/src/components/item/test/highlight/item.e2e.ts-snapshots/item-highlight-diff-ios-rtl-Mobile-Firefox-linux.png
deleted file mode 100644
index 034b1c2ead..0000000000
Binary files a/core/src/components/item/test/highlight/item.e2e.ts-snapshots/item-highlight-diff-ios-rtl-Mobile-Firefox-linux.png and /dev/null differ
diff --git a/core/src/components/item/test/highlight/item.e2e.ts-snapshots/item-highlight-diff-ios-rtl-Mobile-Safari-linux.png b/core/src/components/item/test/highlight/item.e2e.ts-snapshots/item-highlight-diff-ios-rtl-Mobile-Safari-linux.png
deleted file mode 100644
index 103d07a3f8..0000000000
Binary files a/core/src/components/item/test/highlight/item.e2e.ts-snapshots/item-highlight-diff-ios-rtl-Mobile-Safari-linux.png and /dev/null differ
diff --git a/core/src/components/item/test/highlight/item.e2e.ts-snapshots/item-highlight-diff-md-ltr-Mobile-Chrome-linux.png b/core/src/components/item/test/highlight/item.e2e.ts-snapshots/item-highlight-diff-md-ltr-Mobile-Chrome-linux.png
deleted file mode 100644
index a1325b9e78..0000000000
Binary files a/core/src/components/item/test/highlight/item.e2e.ts-snapshots/item-highlight-diff-md-ltr-Mobile-Chrome-linux.png and /dev/null differ
diff --git a/core/src/components/item/test/highlight/item.e2e.ts-snapshots/item-highlight-diff-md-ltr-Mobile-Firefox-linux.png b/core/src/components/item/test/highlight/item.e2e.ts-snapshots/item-highlight-diff-md-ltr-Mobile-Firefox-linux.png
deleted file mode 100644
index 8adef63dc7..0000000000
Binary files a/core/src/components/item/test/highlight/item.e2e.ts-snapshots/item-highlight-diff-md-ltr-Mobile-Firefox-linux.png and /dev/null differ
diff --git a/core/src/components/item/test/highlight/item.e2e.ts-snapshots/item-highlight-diff-md-ltr-Mobile-Safari-linux.png b/core/src/components/item/test/highlight/item.e2e.ts-snapshots/item-highlight-diff-md-ltr-Mobile-Safari-linux.png
deleted file mode 100644
index a40da5efe8..0000000000
Binary files a/core/src/components/item/test/highlight/item.e2e.ts-snapshots/item-highlight-diff-md-ltr-Mobile-Safari-linux.png and /dev/null differ
diff --git a/core/src/components/item/test/highlight/item.e2e.ts-snapshots/item-highlight-diff-md-rtl-Mobile-Chrome-linux.png b/core/src/components/item/test/highlight/item.e2e.ts-snapshots/item-highlight-diff-md-rtl-Mobile-Chrome-linux.png
deleted file mode 100644
index ae05d21eaf..0000000000
Binary files a/core/src/components/item/test/highlight/item.e2e.ts-snapshots/item-highlight-diff-md-rtl-Mobile-Chrome-linux.png and /dev/null differ
diff --git a/core/src/components/item/test/highlight/item.e2e.ts-snapshots/item-highlight-diff-md-rtl-Mobile-Firefox-linux.png b/core/src/components/item/test/highlight/item.e2e.ts-snapshots/item-highlight-diff-md-rtl-Mobile-Firefox-linux.png
deleted file mode 100644
index ef3a0f43c7..0000000000
Binary files a/core/src/components/item/test/highlight/item.e2e.ts-snapshots/item-highlight-diff-md-rtl-Mobile-Firefox-linux.png and /dev/null differ
diff --git a/core/src/components/item/test/highlight/item.e2e.ts-snapshots/item-highlight-diff-md-rtl-Mobile-Safari-linux.png b/core/src/components/item/test/highlight/item.e2e.ts-snapshots/item-highlight-diff-md-rtl-Mobile-Safari-linux.png
deleted file mode 100644
index 826290e9c7..0000000000
Binary files a/core/src/components/item/test/highlight/item.e2e.ts-snapshots/item-highlight-diff-md-rtl-Mobile-Safari-linux.png and /dev/null differ
diff --git a/core/src/components/item/test/legacy/alignment/index.html b/core/src/components/item/test/legacy/alignment/index.html
index ab8c70ceb4..75a571faa5 100644
--- a/core/src/components/item/test/legacy/alignment/index.html
+++ b/core/src/components/item/test/legacy/alignment/index.html
@@ -25,10 +25,6 @@
       <ion-content>
         <ion-list>
           <ion-list-header>Leading Icons</ion-list-header>
-          <ion-item>
-            <ion-icon slot="start" name="radio-button-off"></ion-icon>
-            <ion-input placeholder="Choose Starting Point" legacy="true"></ion-input>
-          </ion-item>
           <ion-item>
             <ion-icon slot="start" name="pin"></ion-icon>
             <ion-select placeholder="Choose Really Really Long Destination Here" legacy="true">
@@ -40,10 +36,6 @@
 
         <ion-list>
           <ion-list-header>Default Labels</ion-list-header>
-          <ion-item>
-            <ion-label>From</ion-label>
-            <ion-input placeholder="Choose Starting Point"></ion-input>
-          </ion-item>
           <ion-item>
             <ion-label>Destination</ion-label>
             <ion-select placeholder="Choose Really Really Long Destination Here" legacy="true">
@@ -55,10 +47,6 @@
 
         <ion-list>
           <ion-list-header>Fixed Labels</ion-list-header>
-          <ion-item>
-            <ion-label position="fixed">From</ion-label>
-            <ion-input placeholder="Choose Starting Point"></ion-input>
-          </ion-item>
           <ion-item>
             <ion-label position="fixed">Destination</ion-label>
             <ion-select placeholder="Choose Really Really Long Destination Here" legacy="true">
@@ -70,10 +58,6 @@
 
         <ion-list>
           <ion-list-header>Floating Labels</ion-list-header>
-          <ion-item>
-            <ion-label position="floating">From</ion-label>
-            <ion-input></ion-input>
-          </ion-item>
           <ion-item>
             <ion-label position="floating">Destination</ion-label>
             <ion-select legacy="true">
@@ -85,10 +69,6 @@
 
         <ion-list>
           <ion-list-header>Stacked Labels</ion-list-header>
-          <ion-item>
-            <ion-label position="stacked">From</ion-label>
-            <ion-input placeholder="Choose Starting Point"></ion-input>
-          </ion-item>
           <ion-item>
             <ion-label position="stacked">Destination</ion-label>
             <ion-select placeholder="Choose Really Really Long Destination Here" legacy="true">
@@ -100,10 +80,6 @@
 
         <ion-list>
           <ion-list-header>End Labels</ion-list-header>
-          <ion-item>
-            <ion-label slot="end">From</ion-label>
-            <ion-input placeholder="Choose Starting Point"></ion-input>
-          </ion-item>
           <ion-item>
             <ion-label slot="end">Destination</ion-label>
             <ion-select placeholder="Choose Really Really Long Destination Here" legacy="true">
diff --git a/core/src/components/item/test/legacy/alignment/item.e2e.ts-snapshots/item-alignment-diff-ios-ltr-Mobile-Chrome-linux.png b/core/src/components/item/test/legacy/alignment/item.e2e.ts-snapshots/item-alignment-diff-ios-ltr-Mobile-Chrome-linux.png
index d6134e464c..6dbe47e837 100644
Binary files a/core/src/components/item/test/legacy/alignment/item.e2e.ts-snapshots/item-alignment-diff-ios-ltr-Mobile-Chrome-linux.png and b/core/src/components/item/test/legacy/alignment/item.e2e.ts-snapshots/item-alignment-diff-ios-ltr-Mobile-Chrome-linux.png differ
diff --git a/core/src/components/item/test/legacy/alignment/item.e2e.ts-snapshots/item-alignment-diff-ios-ltr-Mobile-Firefox-linux.png b/core/src/components/item/test/legacy/alignment/item.e2e.ts-snapshots/item-alignment-diff-ios-ltr-Mobile-Firefox-linux.png
index 2d77b74bc9..5f5294a0f8 100644
Binary files a/core/src/components/item/test/legacy/alignment/item.e2e.ts-snapshots/item-alignment-diff-ios-ltr-Mobile-Firefox-linux.png and b/core/src/components/item/test/legacy/alignment/item.e2e.ts-snapshots/item-alignment-diff-ios-ltr-Mobile-Firefox-linux.png differ
diff --git a/core/src/components/item/test/legacy/alignment/item.e2e.ts-snapshots/item-alignment-diff-ios-ltr-Mobile-Safari-linux.png b/core/src/components/item/test/legacy/alignment/item.e2e.ts-snapshots/item-alignment-diff-ios-ltr-Mobile-Safari-linux.png
index 0f43354740..a08b2234c1 100644
Binary files a/core/src/components/item/test/legacy/alignment/item.e2e.ts-snapshots/item-alignment-diff-ios-ltr-Mobile-Safari-linux.png and b/core/src/components/item/test/legacy/alignment/item.e2e.ts-snapshots/item-alignment-diff-ios-ltr-Mobile-Safari-linux.png differ
diff --git a/core/src/components/item/test/legacy/alignment/item.e2e.ts-snapshots/item-alignment-diff-ios-rtl-Mobile-Chrome-linux.png b/core/src/components/item/test/legacy/alignment/item.e2e.ts-snapshots/item-alignment-diff-ios-rtl-Mobile-Chrome-linux.png
index dbf48ab4f4..6afcd46483 100644
Binary files a/core/src/components/item/test/legacy/alignment/item.e2e.ts-snapshots/item-alignment-diff-ios-rtl-Mobile-Chrome-linux.png and b/core/src/components/item/test/legacy/alignment/item.e2e.ts-snapshots/item-alignment-diff-ios-rtl-Mobile-Chrome-linux.png differ
diff --git a/core/src/components/item/test/legacy/alignment/item.e2e.ts-snapshots/item-alignment-diff-ios-rtl-Mobile-Firefox-linux.png b/core/src/components/item/test/legacy/alignment/item.e2e.ts-snapshots/item-alignment-diff-ios-rtl-Mobile-Firefox-linux.png
index 6b1e8351cc..7774321d30 100644
Binary files a/core/src/components/item/test/legacy/alignment/item.e2e.ts-snapshots/item-alignment-diff-ios-rtl-Mobile-Firefox-linux.png and b/core/src/components/item/test/legacy/alignment/item.e2e.ts-snapshots/item-alignment-diff-ios-rtl-Mobile-Firefox-linux.png differ
diff --git a/core/src/components/item/test/legacy/alignment/item.e2e.ts-snapshots/item-alignment-diff-ios-rtl-Mobile-Safari-linux.png b/core/src/components/item/test/legacy/alignment/item.e2e.ts-snapshots/item-alignment-diff-ios-rtl-Mobile-Safari-linux.png
index 3755294ac5..1003248d79 100644
Binary files a/core/src/components/item/test/legacy/alignment/item.e2e.ts-snapshots/item-alignment-diff-ios-rtl-Mobile-Safari-linux.png and b/core/src/components/item/test/legacy/alignment/item.e2e.ts-snapshots/item-alignment-diff-ios-rtl-Mobile-Safari-linux.png differ
diff --git a/core/src/components/item/test/legacy/alignment/item.e2e.ts-snapshots/item-alignment-diff-md-ltr-Mobile-Chrome-linux.png b/core/src/components/item/test/legacy/alignment/item.e2e.ts-snapshots/item-alignment-diff-md-ltr-Mobile-Chrome-linux.png
index 7d1403de75..d78b464c6a 100644
Binary files a/core/src/components/item/test/legacy/alignment/item.e2e.ts-snapshots/item-alignment-diff-md-ltr-Mobile-Chrome-linux.png and b/core/src/components/item/test/legacy/alignment/item.e2e.ts-snapshots/item-alignment-diff-md-ltr-Mobile-Chrome-linux.png differ
diff --git a/core/src/components/item/test/legacy/alignment/item.e2e.ts-snapshots/item-alignment-diff-md-ltr-Mobile-Firefox-linux.png b/core/src/components/item/test/legacy/alignment/item.e2e.ts-snapshots/item-alignment-diff-md-ltr-Mobile-Firefox-linux.png
index d305849710..5e847ab303 100644
Binary files a/core/src/components/item/test/legacy/alignment/item.e2e.ts-snapshots/item-alignment-diff-md-ltr-Mobile-Firefox-linux.png and b/core/src/components/item/test/legacy/alignment/item.e2e.ts-snapshots/item-alignment-diff-md-ltr-Mobile-Firefox-linux.png differ
diff --git a/core/src/components/item/test/legacy/alignment/item.e2e.ts-snapshots/item-alignment-diff-md-ltr-Mobile-Safari-linux.png b/core/src/components/item/test/legacy/alignment/item.e2e.ts-snapshots/item-alignment-diff-md-ltr-Mobile-Safari-linux.png
index ead32cd354..3380dce8a8 100644
Binary files a/core/src/components/item/test/legacy/alignment/item.e2e.ts-snapshots/item-alignment-diff-md-ltr-Mobile-Safari-linux.png and b/core/src/components/item/test/legacy/alignment/item.e2e.ts-snapshots/item-alignment-diff-md-ltr-Mobile-Safari-linux.png differ
diff --git a/core/src/components/item/test/legacy/alignment/item.e2e.ts-snapshots/item-alignment-diff-md-rtl-Mobile-Chrome-linux.png b/core/src/components/item/test/legacy/alignment/item.e2e.ts-snapshots/item-alignment-diff-md-rtl-Mobile-Chrome-linux.png
index 36cabf0180..91c083c070 100644
Binary files a/core/src/components/item/test/legacy/alignment/item.e2e.ts-snapshots/item-alignment-diff-md-rtl-Mobile-Chrome-linux.png and b/core/src/components/item/test/legacy/alignment/item.e2e.ts-snapshots/item-alignment-diff-md-rtl-Mobile-Chrome-linux.png differ
diff --git a/core/src/components/item/test/legacy/alignment/item.e2e.ts-snapshots/item-alignment-diff-md-rtl-Mobile-Firefox-linux.png b/core/src/components/item/test/legacy/alignment/item.e2e.ts-snapshots/item-alignment-diff-md-rtl-Mobile-Firefox-linux.png
index 45e65bad34..48cd62017d 100644
Binary files a/core/src/components/item/test/legacy/alignment/item.e2e.ts-snapshots/item-alignment-diff-md-rtl-Mobile-Firefox-linux.png and b/core/src/components/item/test/legacy/alignment/item.e2e.ts-snapshots/item-alignment-diff-md-rtl-Mobile-Firefox-linux.png differ
diff --git a/core/src/components/item/test/legacy/alignment/item.e2e.ts-snapshots/item-alignment-diff-md-rtl-Mobile-Safari-linux.png b/core/src/components/item/test/legacy/alignment/item.e2e.ts-snapshots/item-alignment-diff-md-rtl-Mobile-Safari-linux.png
index 4b8e2a5864..672dbdeb39 100644
Binary files a/core/src/components/item/test/legacy/alignment/item.e2e.ts-snapshots/item-alignment-diff-md-rtl-Mobile-Safari-linux.png and b/core/src/components/item/test/legacy/alignment/item.e2e.ts-snapshots/item-alignment-diff-md-rtl-Mobile-Safari-linux.png differ
diff --git a/core/src/components/item/test/legacy/disabled/index.html b/core/src/components/item/test/legacy/disabled/index.html
index 7b08fbe7ca..27075ae917 100644
--- a/core/src/components/item/test/legacy/disabled/index.html
+++ b/core/src/components/item/test/legacy/disabled/index.html
@@ -52,11 +52,6 @@
             </ion-select>
           </ion-item>
 
-          <ion-item>
-            <ion-label>Disabled Input</ion-label>
-            <ion-input placeholder="Disabled" disabled legacy="true"></ion-input>
-          </ion-item>
-
           <ion-item>
             <ion-label>Disabled Toggle</ion-label>
             <ion-toggle disabled checked slot="end" legacy="true"></ion-toggle>
@@ -85,26 +80,6 @@
             <ion-label>Multiple Input Disabled Items</ion-label>
           </ion-list-header>
 
-          <ion-item>
-            <ion-checkbox disabled slot="start" legacy="true"></ion-checkbox>
-            <ion-input placeholder="Disabled Checkbox w/ Input" legacy="true"></ion-input>
-          </ion-item>
-
-          <ion-item>
-            <ion-checkbox disabled slot="end" legacy="true"></ion-checkbox>
-            <ion-input placeholder="Disabled Checkbox w/ Input" legacy="true"></ion-input>
-          </ion-item>
-
-          <ion-item>
-            <ion-radio disabled slot="start" legacy="true"></ion-radio>
-            <ion-input placeholder="Disabled Radio w/ Input" legacy="true"></ion-input>
-          </ion-item>
-
-          <ion-item>
-            <ion-radio disabled slot="end" legacy="true"></ion-radio>
-            <ion-input placeholder="Disabled Radio w/ Input" legacy="true"></ion-input>
-          </ion-item>
-
           <ion-item>
             <ion-checkbox disabled slot="start" legacy="true"></ion-checkbox>
             <ion-label>Checkbox + Radio</ion-label>
@@ -155,19 +130,6 @@
             <ion-button slot="end">Buttons</ion-button>
           </ion-item>
 
-          <ion-item>
-            <ion-label>Disabled Input</ion-label>
-            <ion-input slot="start" placeholder="Disabled" disabled legacy="true"></ion-input>
-            <ion-segment>
-              <ion-segment-button value="friends">
-                <ion-label>Friends</ion-label>
-              </ion-segment-button>
-              <ion-segment-button value="enemies">
-                <ion-label>Enemies</ion-label>
-              </ion-segment-button>
-            </ion-segment>
-          </ion-item>
-
           <ion-item>
             <ion-checkbox slot="start" disabled legacy="true"></ion-checkbox>
             <ion-label>Disabled Checkbox</ion-label>
diff --git a/core/src/components/item/test/legacy/disabled/item.e2e.ts-snapshots/item-disabled-diff-ios-ltr-Mobile-Chrome-linux.png b/core/src/components/item/test/legacy/disabled/item.e2e.ts-snapshots/item-disabled-diff-ios-ltr-Mobile-Chrome-linux.png
index b682662fec..fabac26b76 100644
Binary files a/core/src/components/item/test/legacy/disabled/item.e2e.ts-snapshots/item-disabled-diff-ios-ltr-Mobile-Chrome-linux.png and b/core/src/components/item/test/legacy/disabled/item.e2e.ts-snapshots/item-disabled-diff-ios-ltr-Mobile-Chrome-linux.png differ
diff --git a/core/src/components/item/test/legacy/disabled/item.e2e.ts-snapshots/item-disabled-diff-ios-ltr-Mobile-Firefox-linux.png b/core/src/components/item/test/legacy/disabled/item.e2e.ts-snapshots/item-disabled-diff-ios-ltr-Mobile-Firefox-linux.png
index efaacf5ef8..8f0ab07dac 100644
Binary files a/core/src/components/item/test/legacy/disabled/item.e2e.ts-snapshots/item-disabled-diff-ios-ltr-Mobile-Firefox-linux.png and b/core/src/components/item/test/legacy/disabled/item.e2e.ts-snapshots/item-disabled-diff-ios-ltr-Mobile-Firefox-linux.png differ
diff --git a/core/src/components/item/test/legacy/disabled/item.e2e.ts-snapshots/item-disabled-diff-ios-ltr-Mobile-Safari-linux.png b/core/src/components/item/test/legacy/disabled/item.e2e.ts-snapshots/item-disabled-diff-ios-ltr-Mobile-Safari-linux.png
index d6e355e06f..1e2c5269f9 100644
Binary files a/core/src/components/item/test/legacy/disabled/item.e2e.ts-snapshots/item-disabled-diff-ios-ltr-Mobile-Safari-linux.png and b/core/src/components/item/test/legacy/disabled/item.e2e.ts-snapshots/item-disabled-diff-ios-ltr-Mobile-Safari-linux.png differ
diff --git a/core/src/components/item/test/legacy/disabled/item.e2e.ts-snapshots/item-disabled-diff-ios-rtl-Mobile-Chrome-linux.png b/core/src/components/item/test/legacy/disabled/item.e2e.ts-snapshots/item-disabled-diff-ios-rtl-Mobile-Chrome-linux.png
index 5bbd2ac380..5c7a8a4638 100644
Binary files a/core/src/components/item/test/legacy/disabled/item.e2e.ts-snapshots/item-disabled-diff-ios-rtl-Mobile-Chrome-linux.png and b/core/src/components/item/test/legacy/disabled/item.e2e.ts-snapshots/item-disabled-diff-ios-rtl-Mobile-Chrome-linux.png differ
diff --git a/core/src/components/item/test/legacy/disabled/item.e2e.ts-snapshots/item-disabled-diff-ios-rtl-Mobile-Firefox-linux.png b/core/src/components/item/test/legacy/disabled/item.e2e.ts-snapshots/item-disabled-diff-ios-rtl-Mobile-Firefox-linux.png
index 96720ee10e..960998eea2 100644
Binary files a/core/src/components/item/test/legacy/disabled/item.e2e.ts-snapshots/item-disabled-diff-ios-rtl-Mobile-Firefox-linux.png and b/core/src/components/item/test/legacy/disabled/item.e2e.ts-snapshots/item-disabled-diff-ios-rtl-Mobile-Firefox-linux.png differ
diff --git a/core/src/components/item/test/legacy/disabled/item.e2e.ts-snapshots/item-disabled-diff-ios-rtl-Mobile-Safari-linux.png b/core/src/components/item/test/legacy/disabled/item.e2e.ts-snapshots/item-disabled-diff-ios-rtl-Mobile-Safari-linux.png
index d4a56461bc..fffce9439a 100644
Binary files a/core/src/components/item/test/legacy/disabled/item.e2e.ts-snapshots/item-disabled-diff-ios-rtl-Mobile-Safari-linux.png and b/core/src/components/item/test/legacy/disabled/item.e2e.ts-snapshots/item-disabled-diff-ios-rtl-Mobile-Safari-linux.png differ
diff --git a/core/src/components/item/test/legacy/disabled/item.e2e.ts-snapshots/item-disabled-diff-md-ltr-Mobile-Chrome-linux.png b/core/src/components/item/test/legacy/disabled/item.e2e.ts-snapshots/item-disabled-diff-md-ltr-Mobile-Chrome-linux.png
index 90b84640da..433d6f167b 100644
Binary files a/core/src/components/item/test/legacy/disabled/item.e2e.ts-snapshots/item-disabled-diff-md-ltr-Mobile-Chrome-linux.png and b/core/src/components/item/test/legacy/disabled/item.e2e.ts-snapshots/item-disabled-diff-md-ltr-Mobile-Chrome-linux.png differ
diff --git a/core/src/components/item/test/legacy/disabled/item.e2e.ts-snapshots/item-disabled-diff-md-ltr-Mobile-Firefox-linux.png b/core/src/components/item/test/legacy/disabled/item.e2e.ts-snapshots/item-disabled-diff-md-ltr-Mobile-Firefox-linux.png
index 36ca99ec3a..c42a8a6752 100644
Binary files a/core/src/components/item/test/legacy/disabled/item.e2e.ts-snapshots/item-disabled-diff-md-ltr-Mobile-Firefox-linux.png and b/core/src/components/item/test/legacy/disabled/item.e2e.ts-snapshots/item-disabled-diff-md-ltr-Mobile-Firefox-linux.png differ
diff --git a/core/src/components/item/test/legacy/disabled/item.e2e.ts-snapshots/item-disabled-diff-md-ltr-Mobile-Safari-linux.png b/core/src/components/item/test/legacy/disabled/item.e2e.ts-snapshots/item-disabled-diff-md-ltr-Mobile-Safari-linux.png
index 253bc91837..46735a2343 100644
Binary files a/core/src/components/item/test/legacy/disabled/item.e2e.ts-snapshots/item-disabled-diff-md-ltr-Mobile-Safari-linux.png and b/core/src/components/item/test/legacy/disabled/item.e2e.ts-snapshots/item-disabled-diff-md-ltr-Mobile-Safari-linux.png differ
diff --git a/core/src/components/item/test/legacy/disabled/item.e2e.ts-snapshots/item-disabled-diff-md-rtl-Mobile-Chrome-linux.png b/core/src/components/item/test/legacy/disabled/item.e2e.ts-snapshots/item-disabled-diff-md-rtl-Mobile-Chrome-linux.png
index 6471fa3160..c07accdb6e 100644
Binary files a/core/src/components/item/test/legacy/disabled/item.e2e.ts-snapshots/item-disabled-diff-md-rtl-Mobile-Chrome-linux.png and b/core/src/components/item/test/legacy/disabled/item.e2e.ts-snapshots/item-disabled-diff-md-rtl-Mobile-Chrome-linux.png differ
diff --git a/core/src/components/item/test/legacy/disabled/item.e2e.ts-snapshots/item-disabled-diff-md-rtl-Mobile-Firefox-linux.png b/core/src/components/item/test/legacy/disabled/item.e2e.ts-snapshots/item-disabled-diff-md-rtl-Mobile-Firefox-linux.png
index f5510561c4..4b21ee3ef6 100644
Binary files a/core/src/components/item/test/legacy/disabled/item.e2e.ts-snapshots/item-disabled-diff-md-rtl-Mobile-Firefox-linux.png and b/core/src/components/item/test/legacy/disabled/item.e2e.ts-snapshots/item-disabled-diff-md-rtl-Mobile-Firefox-linux.png differ
diff --git a/core/src/components/item/test/legacy/disabled/item.e2e.ts-snapshots/item-disabled-diff-md-rtl-Mobile-Safari-linux.png b/core/src/components/item/test/legacy/disabled/item.e2e.ts-snapshots/item-disabled-diff-md-rtl-Mobile-Safari-linux.png
index aeef87b54c..9882661f27 100644
Binary files a/core/src/components/item/test/legacy/disabled/item.e2e.ts-snapshots/item-disabled-diff-md-rtl-Mobile-Safari-linux.png and b/core/src/components/item/test/legacy/disabled/item.e2e.ts-snapshots/item-disabled-diff-md-rtl-Mobile-Safari-linux.png differ
diff --git a/core/src/components/item/test/legacy/fill/index.html b/core/src/components/item/test/legacy/fill/index.html
deleted file mode 100644
index cfa81ccd72..0000000000
--- a/core/src/components/item/test/legacy/fill/index.html
+++ /dev/null
@@ -1,559 +0,0 @@
-<!DOCTYPE html>
-<html lang="en" dir="ltr">
-  <head>
-    <meta charset="UTF-8" />
-    <title>Item - Fill</title>
-    <meta
-      name="viewport"
-      content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no, viewport-fit=cover"
-    />
-    <link href="../../../../../css/ionic.bundle.css" rel="stylesheet" />
-    <link href="../../../../../scripts/testing/styles.css" rel="stylesheet" />
-    <script src="../../../../../scripts/testing/scripts.js"></script>
-    <script nomodule src="../../../../../dist/ionic/ionic.js"></script>
-    <script type="module" src="../../../../../dist/ionic/ionic.esm.js"></script>
-  </head>
-
-  <style>
-    .custom ion-item {
-      --border-width: 5px;
-      --highlight-height: 7px;
-    }
-  </style>
-
-  <body>
-    <ion-app>
-      <ion-header>
-        <ion-toolbar>
-          <ion-title>Item - Fill</ion-title>
-        </ion-toolbar>
-      </ion-header>
-
-      <ion-content id="content" class="ion-padding">
-        <p>Filled</p>
-        <ion-grid>
-          <ion-row>
-            <ion-col>
-              <ion-item fill="solid">
-                <ion-label position="floating">Standard</ion-label>
-                <ion-input></ion-input>
-                <ion-note slot="helper">Helper Text</ion-note>
-                <ion-note slot="error">Error Text</ion-note>
-              </ion-item>
-            </ion-col>
-            <ion-col>
-              <ion-item fill="solid">
-                <ion-icon slot="start" name="calendar-clear-outline"></ion-icon>
-                <ion-label position="floating">Standard</ion-label>
-                <ion-input value="Has Initial Value"></ion-input>
-                <ion-note slot="helper">Helper Text</ion-note>
-                <ion-note slot="error">Error Text</ion-note>
-              </ion-item>
-            </ion-col>
-            <ion-col>
-              <ion-item fill="solid">
-                <ion-label position="floating">Standard</ion-label>
-                <ion-icon slot="end" name="trash"></ion-icon>
-                <ion-input></ion-input>
-                <ion-note slot="helper">Helper Text</ion-note>
-                <ion-note slot="error">Error Text</ion-note>
-              </ion-item>
-            </ion-col>
-          </ion-row>
-          <ion-row>
-            <ion-col>
-              <ion-item class="ion-invalid" fill="solid">
-                <ion-label position="floating">Standard</ion-label>
-                <ion-input></ion-input>
-                <ion-note slot="helper">Helper Text</ion-note>
-                <ion-note slot="error">Error Text</ion-note>
-              </ion-item>
-            </ion-col>
-            <ion-col>
-              <ion-item class="ion-invalid" fill="solid">
-                <ion-icon slot="start" name="calendar-clear-outline"></ion-icon>
-                <ion-label position="floating">Standard</ion-label>
-                <ion-input value="Has Initial Value"></ion-input>
-                <ion-note slot="helper">Helper Text</ion-note>
-                <ion-note slot="error">Error Text</ion-note>
-              </ion-item>
-            </ion-col>
-            <ion-col>
-              <ion-item class="ion-valid" fill="solid">
-                <ion-label position="floating">Standard</ion-label>
-                <ion-icon slot="end" name="trash"></ion-icon>
-                <ion-input></ion-input>
-                <ion-note slot="helper">Helper Text</ion-note>
-                <ion-note slot="error">Error Text</ion-note>
-              </ion-item>
-            </ion-col>
-          </ion-row>
-          <ion-row>
-            <ion-col>
-              <ion-item fill="solid" class="item-has-focus">
-                <ion-label position="floating">Focused</ion-label>
-                <ion-input></ion-input>
-                <ion-note slot="helper">Helper Text</ion-note>
-                <ion-note slot="error">Error Text</ion-note>
-              </ion-item>
-            </ion-col>
-            <ion-col>
-              <ion-item fill="solid" class="item-has-focus ion-invalid">
-                <ion-label position="floating">Focused: Invalid</ion-label>
-                <ion-input></ion-input>
-                <ion-note slot="helper">Helper Text</ion-note>
-                <ion-note slot="error">Error Text</ion-note>
-              </ion-item>
-            </ion-col>
-            <ion-col>
-              <ion-item fill="solid" class="item-has-focus ion-valid">
-                <ion-label position="floating">Focused: Valid</ion-label>
-                <ion-input></ion-input>
-                <ion-note slot="helper">Helper Text</ion-note>
-                <ion-note slot="error">Error Text</ion-note>
-              </ion-item>
-            </ion-col>
-          </ion-row>
-        </ion-grid>
-
-        <p>Shaped Filled</p>
-        <ion-grid>
-          <ion-row>
-            <ion-col>
-              <ion-item fill="solid" shape="round">
-                <ion-label position="floating">Standard</ion-label>
-                <ion-input></ion-input>
-                <ion-note slot="helper">Helper Text</ion-note>
-                <ion-note slot="error">Error Text</ion-note>
-              </ion-item>
-            </ion-col>
-            <ion-col>
-              <ion-item fill="solid" shape="round">
-                <ion-icon slot="start" name="calendar-clear-outline"></ion-icon>
-                <ion-label position="floating">Standard</ion-label>
-                <ion-input value="Has Initial Value"></ion-input>
-                <ion-note slot="helper">Helper Text</ion-note>
-                <ion-note slot="error">Error Text</ion-note>
-              </ion-item>
-            </ion-col>
-            <ion-col>
-              <ion-item fill="solid" shape="round">
-                <ion-label position="floating">Standard</ion-label>
-                <ion-icon slot="end" name="trash"></ion-icon>
-                <ion-input></ion-input>
-                <ion-note slot="helper">Helper Text</ion-note>
-                <ion-note slot="error">Error Text</ion-note>
-              </ion-item>
-            </ion-col>
-          </ion-row>
-          <ion-row>
-            <ion-col>
-              <ion-item class="ion-invalid" fill="solid" shape="round">
-                <ion-label position="floating">Standard</ion-label>
-                <ion-input></ion-input>
-                <ion-note slot="helper">Helper Text</ion-note>
-                <ion-note slot="error">Error Text</ion-note>
-              </ion-item>
-            </ion-col>
-            <ion-col>
-              <ion-item class="ion-invalid" fill="solid" shape="round">
-                <ion-icon slot="start" name="calendar-clear-outline"></ion-icon>
-                <ion-label position="floating">Standard</ion-label>
-                <ion-input value="Has Initial Value"></ion-input>
-                <ion-note slot="helper">Helper Text</ion-note>
-                <ion-note slot="error">Error Text</ion-note>
-              </ion-item>
-            </ion-col>
-            <ion-col>
-              <ion-item class="ion-valid" fill="solid" shape="round">
-                <ion-label position="floating">Standard</ion-label>
-                <ion-icon slot="end" name="trash"></ion-icon>
-                <ion-input></ion-input>
-                <ion-note slot="helper">Helper Text</ion-note>
-                <ion-note slot="error">Error Text</ion-note>
-              </ion-item>
-            </ion-col>
-          </ion-row>
-          <ion-row>
-            <ion-col>
-              <ion-item class="item-has-focus" fill="solid" shape="round">
-                <ion-label position="floating">Focused</ion-label>
-                <ion-input></ion-input>
-                <ion-note slot="helper">Helper Text</ion-note>
-                <ion-note slot="error">Error Text</ion-note>
-              </ion-item>
-            </ion-col>
-            <ion-col>
-              <ion-item class="item-has-focus ion-invalid" fill="solid" shape="round">
-                <ion-label position="floating">Focused: Invalid</ion-label>
-                <ion-input></ion-input>
-                <ion-note slot="helper">Helper Text</ion-note>
-                <ion-note slot="error">Error Text</ion-note>
-              </ion-item>
-            </ion-col>
-            <ion-col>
-              <ion-item class="item-has-focus ion-valid" fill="solid" shape="round">
-                <ion-label position="floating">Focused: Valid</ion-label>
-                <ion-input></ion-input>
-                <ion-note slot="helper">Helper Text</ion-note>
-                <ion-note slot="error">Error Text</ion-note>
-              </ion-item>
-            </ion-col>
-          </ion-row>
-        </ion-grid>
-
-        <p>Outlined</p>
-        <ion-grid>
-          <ion-row>
-            <ion-col>
-              <ion-item fill="outline">
-                <ion-label position="floating">Standards</ion-label>
-                <ion-input></ion-input>
-                <ion-note slot="helper">Helper Text</ion-note>
-                <ion-note slot="error">Error Text</ion-note>
-              </ion-item>
-            </ion-col>
-            <ion-col>
-              <ion-item fill="outline">
-                <ion-icon slot="start" name="calendar-clear-outline"></ion-icon>
-                <ion-label position="floating">Standard</ion-label>
-                <ion-input value="Has Initial Value"></ion-input>
-                <ion-note slot="helper">Helper Text</ion-note>
-                <ion-note slot="error">Error Text</ion-note>
-              </ion-item>
-            </ion-col>
-            <ion-col>
-              <ion-item fill="outline">
-                <ion-label position="floating">Standard</ion-label>
-                <ion-icon slot="end" name="trash"></ion-icon>
-                <ion-input></ion-input>
-                <ion-note slot="helper">Helper Text</ion-note>
-                <ion-note slot="error">Error Text</ion-note>
-              </ion-item>
-            </ion-col>
-          </ion-row>
-          <ion-row>
-            <ion-col>
-              <ion-item class="ion-invalid" fill="outline">
-                <ion-label position="floating">Standards</ion-label>
-                <ion-input></ion-input>
-                <ion-note slot="helper">Helper Text</ion-note>
-                <ion-note slot="error">Error Text</ion-note>
-              </ion-item>
-            </ion-col>
-            <ion-col>
-              <ion-item class="ion-invalid" fill="outline">
-                <ion-icon slot="start" name="calendar-clear-outline"></ion-icon>
-                <ion-label position="floating">Standard</ion-label>
-                <ion-input value="Has Initial Value"></ion-input>
-                <ion-note slot="helper">Helper Text</ion-note>
-                <ion-note slot="error">Error Text</ion-note>
-              </ion-item>
-            </ion-col>
-            <ion-col>
-              <ion-item class="ion-valid" fill="outline">
-                <ion-label position="floating">Standard</ion-label>
-                <ion-icon slot="end" name="trash"></ion-icon>
-                <ion-input></ion-input>
-                <ion-note slot="helper">Helper Text</ion-note>
-                <ion-note slot="error">Error Text</ion-note>
-              </ion-item>
-            </ion-col>
-          </ion-row>
-          <ion-row>
-            <ion-col>
-              <ion-item class="item-has-focus" fill="outline">
-                <ion-label position="floating">Focused</ion-label>
-                <ion-input></ion-input>
-                <ion-note slot="helper">Helper Text</ion-note>
-                <ion-note slot="error">Error Text</ion-note>
-              </ion-item>
-            </ion-col>
-            <ion-col>
-              <ion-item class="item-has-focus ion-invalid" fill="outline">
-                <ion-label position="floating">Focused: Invalid</ion-label>
-                <ion-input></ion-input>
-                <ion-note slot="helper">Helper Text</ion-note>
-                <ion-note slot="error">Error Text</ion-note>
-              </ion-item>
-            </ion-col>
-            <ion-col>
-              <ion-item class="item-has-focus ion-valid" fill="outline">
-                <ion-label position="floating">Focused: Valid</ion-label>
-                <ion-input></ion-input>
-                <ion-note slot="helper">Helper Text</ion-note>
-                <ion-note slot="error">Error Text</ion-note>
-              </ion-item>
-            </ion-col>
-          </ion-row>
-        </ion-grid>
-
-        <p>Shaped Outlined</p>
-        <ion-grid>
-          <ion-row>
-            <ion-col>
-              <ion-item fill="outline" shape="round">
-                <ion-label position="floating">Standard</ion-label>
-                <ion-input></ion-input>
-                <ion-note slot="helper">Helper Text</ion-note>
-                <ion-note slot="error">Error Text</ion-note>
-              </ion-item>
-            </ion-col>
-            <ion-col>
-              <ion-item fill="outline" shape="round">
-                <ion-icon slot="start" name="calendar-clear-outline"></ion-icon>
-                <ion-label position="floating">Standard</ion-label>
-                <ion-input value="Has Initial Value"></ion-input>
-                <ion-note slot="helper">Helper Text</ion-note>
-                <ion-note slot="error">Error Text</ion-note>
-              </ion-item>
-            </ion-col>
-            <ion-col>
-              <ion-item fill="outline" shape="round">
-                <ion-label position="floating">Standard</ion-label>
-                <ion-icon slot="end" name="trash"></ion-icon>
-                <ion-input></ion-input>
-                <ion-note slot="helper">Helper Text</ion-note>
-                <ion-note slot="error">Error Text</ion-note>
-              </ion-item>
-            </ion-col>
-          </ion-row>
-          <ion-row>
-            <ion-col>
-              <ion-item class="ion-invalid" fill="outline" shape="round">
-                <ion-label position="floating">Standard</ion-label>
-                <ion-input></ion-input>
-                <ion-note slot="helper">Helper Text</ion-note>
-                <ion-note slot="error">Error Text</ion-note>
-              </ion-item>
-            </ion-col>
-            <ion-col>
-              <ion-item class="ion-invalid" fill="outline" shape="round">
-                <ion-icon slot="start" name="calendar-clear-outline"></ion-icon>
-                <ion-label position="floating">Standard</ion-label>
-                <ion-input value="Has Initial Value"></ion-input>
-                <ion-note slot="helper">Helper Text</ion-note>
-                <ion-note slot="error">Error Text</ion-note>
-              </ion-item>
-            </ion-col>
-            <ion-col>
-              <ion-item class="ion-valid" fill="outline" shape="round">
-                <ion-label position="floating">Standard</ion-label>
-                <ion-icon slot="end" name="trash"></ion-icon>
-                <ion-input></ion-input>
-                <ion-note slot="helper">Helper Text</ion-note>
-                <ion-note slot="error">Error Text</ion-note>
-              </ion-item>
-            </ion-col>
-          </ion-row>
-          <ion-row>
-            <ion-col>
-              <ion-item class="item-has-focus" fill="outline" shape="round">
-                <ion-label position="floating">Focused</ion-label>
-                <ion-input></ion-input>
-                <ion-note slot="helper">Helper Text</ion-note>
-                <ion-note slot="error">Error Text</ion-note>
-              </ion-item>
-            </ion-col>
-            <ion-col>
-              <ion-item class="item-has-focus ion-invalid" fill="outline" shape="round">
-                <ion-label position="floating">Focused: Invalid</ion-label>
-                <ion-input></ion-input>
-                <ion-note slot="helper">Helper Text</ion-note>
-                <ion-note slot="error">Error Text</ion-note>
-              </ion-item>
-            </ion-col>
-            <ion-col>
-              <ion-item class="item-has-focus ion-valid" fill="outline" shape="round">
-                <ion-label position="floating">Focused: Valid</ion-label>
-                <ion-input></ion-input>
-                <ion-note slot="helper">Helper Text</ion-note>
-                <ion-note slot="error">Error Text</ion-note>
-              </ion-item>
-            </ion-col>
-          </ion-row>
-        </ion-grid>
-
-        <p>Input Without Label</p>
-        <ion-grid>
-          <ion-row>
-            <ion-col>
-              <ion-item fill="solid">
-                <ion-input legacy="true"></ion-input>
-                <ion-note slot="helper">Helper Text</ion-note>
-                <ion-note slot="error">Error Text</ion-note>
-              </ion-item>
-            </ion-col>
-            <ion-col>
-              <ion-item fill="outline">
-                <ion-input value="Has Initial Value" legacy="true"></ion-input>
-                <ion-note slot="helper">Helper Text</ion-note>
-                <ion-note slot="error">Error Text</ion-note>
-              </ion-item>
-            </ion-col>
-            <ion-col>
-              <ion-item fill="outline" shape="round">
-                <ion-input legacy="true"></ion-input>
-                <ion-note slot="helper">Helper Text</ion-note>
-                <ion-note slot="error">Error Text</ion-note>
-              </ion-item>
-            </ion-col>
-          </ion-row>
-          <ion-row>
-            <ion-col>
-              <ion-item fill="solid" class="item-has-focus">
-                <ion-input legacy="true"></ion-input>
-                <ion-note slot="helper">Helper Text</ion-note>
-                <ion-note slot="error">Error Text</ion-note>
-              </ion-item>
-            </ion-col>
-            <ion-col>
-              <ion-item fill="outline" class="item-has-focus">
-                <ion-input value="Has Initial Value" legacy="true"></ion-input>
-                <ion-note slot="helper">Helper Text</ion-note>
-                <ion-note slot="error">Error Text</ion-note>
-              </ion-item>
-            </ion-col>
-            <ion-col>
-              <ion-item fill="outline" shape="round" class="item-has-focus">
-                <ion-input legacy="true"></ion-input>
-                <ion-note slot="helper">Helper Text</ion-note>
-                <ion-note slot="error">Error Text</ion-note>
-              </ion-item>
-            </ion-col>
-          </ion-row>
-        </ion-grid>
-
-        <p>Input With Character Counter</p>
-        <ion-grid>
-          <ion-row>
-            <ion-col>
-              <ion-item fill="solid" counter="true">
-                <ion-input maxlength="10" legacy="true"></ion-input>
-                <ion-note slot="helper">Helper Text</ion-note>
-                <ion-note slot="error">Error Text</ion-note>
-              </ion-item>
-            </ion-col>
-            <ion-col>
-              <ion-item fill="outline" counter="true">
-                <ion-input value="Has Initial Value" maxlength="20" legacy="true"></ion-input>
-                <ion-note slot="helper">Helper Text</ion-note>
-                <ion-note slot="error">Error Text</ion-note>
-              </ion-item>
-            </ion-col>
-            <ion-col>
-              <ion-item fill="outline" shape="round" counter="true">
-                <ion-input maxlength="10" legacy="true"></ion-input>
-                <ion-note slot="helper">Helper Text</ion-note>
-                <ion-note slot="error">Error Text</ion-note>
-              </ion-item>
-            </ion-col>
-          </ion-row>
-          <ion-row>
-            <ion-col>
-              <ion-item fill="solid" counter="true" class="item-has-focus">
-                <ion-input maxlength="10" legacy="true"></ion-input>
-                <ion-note slot="helper">Helper Text</ion-note>
-                <ion-note slot="error">Error Text</ion-note>
-              </ion-item>
-            </ion-col>
-            <ion-col>
-              <ion-item fill="outline" counter="true" class="item-has-focus">
-                <ion-input value="Has Initial Value" maxlength="20" legacy="true"></ion-input>
-                <ion-note slot="helper">Helper Text</ion-note>
-                <ion-note slot="error">Error Text</ion-note>
-              </ion-item>
-            </ion-col>
-            <ion-col>
-              <ion-item fill="outline" shape="round" counter="true" class="item-has-focus">
-                <ion-input maxlength="10" legacy="true"></ion-input>
-                <ion-note slot="helper">Helper Text</ion-note>
-                <ion-note slot="error">Error Text</ion-note>
-              </ion-item>
-            </ion-col>
-          </ion-row>
-        </ion-grid>
-
-        <p>Disable</p>
-        <ion-grid>
-          <ion-row>
-            <ion-col>
-              <ion-item disabled fill="solid">
-                <ion-label position="floating">Standard</ion-label>
-                <ion-input></ion-input>
-                <ion-note slot="helper">Helper Text</ion-note>
-                <ion-note slot="error">Error Text</ion-note>
-              </ion-item>
-            </ion-col>
-            <ion-col>
-              <ion-item disabled fill="outline">
-                <ion-label position="floating">Standard</ion-label>
-                <ion-input value="Has Initial Value"></ion-input>
-                <ion-note slot="helper">Helper Text</ion-note>
-                <ion-note slot="error">Error Text</ion-note>
-              </ion-item>
-            </ion-col>
-            <ion-col>
-              <ion-item disabled fill="outline" shape="round">
-                <ion-label position="floating">Standard</ion-label>
-                <ion-input></ion-input>
-                <ion-note slot="helper">Helper Text</ion-note>
-                <ion-note slot="error">Error Text</ion-note>
-              </ion-item>
-            </ion-col>
-          </ion-row>
-        </ion-grid>
-
-        <p>Custom Styles</p>
-        <ion-grid class="custom">
-          <ion-row>
-            <ion-col>
-              <ion-item fill="solid" counter="true">
-                <ion-input maxlength="10" legacy="true"></ion-input>
-                <ion-note slot="helper">Helper Text</ion-note>
-                <ion-note slot="error">Error Text</ion-note>
-              </ion-item>
-            </ion-col>
-            <ion-col>
-              <ion-item fill="outline" counter="true">
-                <ion-input value="Has Initial Value" maxlength="20" legacy="true"></ion-input>
-                <ion-note slot="helper">Helper Text</ion-note>
-                <ion-note slot="error">Error Text</ion-note>
-              </ion-item>
-            </ion-col>
-            <ion-col>
-              <ion-item fill="outline" shape="round" counter="true">
-                <ion-input maxlength="10" legacy="true"></ion-input>
-                <ion-note slot="helper">Helper Text</ion-note>
-                <ion-note slot="error">Error Text</ion-note>
-              </ion-item>
-            </ion-col>
-          </ion-row>
-          <ion-row>
-            <ion-col>
-              <ion-item fill="solid" counter="true" class="item-has-focus">
-                <ion-input maxlength="10" legacy="true"></ion-input>
-                <ion-note slot="helper">Helper Text</ion-note>
-                <ion-note slot="error">Error Text</ion-note>
-              </ion-item>
-            </ion-col>
-            <ion-col>
-              <ion-item fill="outline" counter="true" class="item-has-focus">
-                <ion-input value="Has Initial Value" maxlength="20" legacy="true"></ion-input>
-                <ion-note slot="helper">Helper Text</ion-note>
-                <ion-note slot="error">Error Text</ion-note>
-              </ion-item>
-            </ion-col>
-            <ion-col>
-              <ion-item fill="outline" shape="round" counter="true" class="item-has-focus">
-                <ion-input maxlength="10" legacy="true"></ion-input>
-                <ion-note slot="helper">Helper Text</ion-note>
-                <ion-note slot="error">Error Text</ion-note>
-              </ion-item>
-            </ion-col>
-          </ion-row>
-        </ion-grid>
-      </ion-content>
-    </ion-app>
-  </body>
-</html>
diff --git a/core/src/components/item/test/legacy/fill/item.e2e.ts b/core/src/components/item/test/legacy/fill/item.e2e.ts
deleted file mode 100644
index 7e8f733acc..0000000000
--- a/core/src/components/item/test/legacy/fill/item.e2e.ts
+++ /dev/null
@@ -1,14 +0,0 @@
-import { expect } from '@playwright/test';
-import { configs, test } from '@utils/test/playwright';
-
-configs().forEach(({ title, screenshot, config }) => {
-  test.describe(title('item: fill'), () => {
-    test('should not have visual regressions', async ({ page }) => {
-      await page.goto(`/src/components/item/test/legacy/fill`, config);
-
-      await page.setIonViewport();
-
-      await expect(page).toHaveScreenshot(screenshot(`item-fill-diff`));
-    });
-  });
-});
diff --git a/core/src/components/item/test/legacy/fill/item.e2e.ts-snapshots/item-fill-diff-ios-ltr-Mobile-Chrome-linux.png b/core/src/components/item/test/legacy/fill/item.e2e.ts-snapshots/item-fill-diff-ios-ltr-Mobile-Chrome-linux.png
deleted file mode 100644
index 36e31fcebe..0000000000
Binary files a/core/src/components/item/test/legacy/fill/item.e2e.ts-snapshots/item-fill-diff-ios-ltr-Mobile-Chrome-linux.png and /dev/null differ
diff --git a/core/src/components/item/test/legacy/fill/item.e2e.ts-snapshots/item-fill-diff-ios-ltr-Mobile-Firefox-linux.png b/core/src/components/item/test/legacy/fill/item.e2e.ts-snapshots/item-fill-diff-ios-ltr-Mobile-Firefox-linux.png
deleted file mode 100644
index ca2f528d5f..0000000000
Binary files a/core/src/components/item/test/legacy/fill/item.e2e.ts-snapshots/item-fill-diff-ios-ltr-Mobile-Firefox-linux.png and /dev/null differ
diff --git a/core/src/components/item/test/legacy/fill/item.e2e.ts-snapshots/item-fill-diff-ios-ltr-Mobile-Safari-linux.png b/core/src/components/item/test/legacy/fill/item.e2e.ts-snapshots/item-fill-diff-ios-ltr-Mobile-Safari-linux.png
deleted file mode 100644
index 07546fbcef..0000000000
Binary files a/core/src/components/item/test/legacy/fill/item.e2e.ts-snapshots/item-fill-diff-ios-ltr-Mobile-Safari-linux.png and /dev/null differ
diff --git a/core/src/components/item/test/legacy/fill/item.e2e.ts-snapshots/item-fill-diff-ios-rtl-Mobile-Chrome-linux.png b/core/src/components/item/test/legacy/fill/item.e2e.ts-snapshots/item-fill-diff-ios-rtl-Mobile-Chrome-linux.png
deleted file mode 100644
index 8a530c68c2..0000000000
Binary files a/core/src/components/item/test/legacy/fill/item.e2e.ts-snapshots/item-fill-diff-ios-rtl-Mobile-Chrome-linux.png and /dev/null differ
diff --git a/core/src/components/item/test/legacy/fill/item.e2e.ts-snapshots/item-fill-diff-ios-rtl-Mobile-Firefox-linux.png b/core/src/components/item/test/legacy/fill/item.e2e.ts-snapshots/item-fill-diff-ios-rtl-Mobile-Firefox-linux.png
deleted file mode 100644
index 77796e5403..0000000000
Binary files a/core/src/components/item/test/legacy/fill/item.e2e.ts-snapshots/item-fill-diff-ios-rtl-Mobile-Firefox-linux.png and /dev/null differ
diff --git a/core/src/components/item/test/legacy/fill/item.e2e.ts-snapshots/item-fill-diff-ios-rtl-Mobile-Safari-linux.png b/core/src/components/item/test/legacy/fill/item.e2e.ts-snapshots/item-fill-diff-ios-rtl-Mobile-Safari-linux.png
deleted file mode 100644
index 620dcad43e..0000000000
Binary files a/core/src/components/item/test/legacy/fill/item.e2e.ts-snapshots/item-fill-diff-ios-rtl-Mobile-Safari-linux.png and /dev/null differ
diff --git a/core/src/components/item/test/legacy/fill/item.e2e.ts-snapshots/item-fill-diff-md-ltr-Mobile-Chrome-linux.png b/core/src/components/item/test/legacy/fill/item.e2e.ts-snapshots/item-fill-diff-md-ltr-Mobile-Chrome-linux.png
deleted file mode 100644
index b102d76a6b..0000000000
Binary files a/core/src/components/item/test/legacy/fill/item.e2e.ts-snapshots/item-fill-diff-md-ltr-Mobile-Chrome-linux.png and /dev/null differ
diff --git a/core/src/components/item/test/legacy/fill/item.e2e.ts-snapshots/item-fill-diff-md-ltr-Mobile-Firefox-linux.png b/core/src/components/item/test/legacy/fill/item.e2e.ts-snapshots/item-fill-diff-md-ltr-Mobile-Firefox-linux.png
deleted file mode 100644
index 0eedf49bbd..0000000000
Binary files a/core/src/components/item/test/legacy/fill/item.e2e.ts-snapshots/item-fill-diff-md-ltr-Mobile-Firefox-linux.png and /dev/null differ
diff --git a/core/src/components/item/test/legacy/fill/item.e2e.ts-snapshots/item-fill-diff-md-ltr-Mobile-Safari-linux.png b/core/src/components/item/test/legacy/fill/item.e2e.ts-snapshots/item-fill-diff-md-ltr-Mobile-Safari-linux.png
deleted file mode 100644
index e7a92c02ee..0000000000
Binary files a/core/src/components/item/test/legacy/fill/item.e2e.ts-snapshots/item-fill-diff-md-ltr-Mobile-Safari-linux.png and /dev/null differ
diff --git a/core/src/components/item/test/legacy/fill/item.e2e.ts-snapshots/item-fill-diff-md-rtl-Mobile-Chrome-linux.png b/core/src/components/item/test/legacy/fill/item.e2e.ts-snapshots/item-fill-diff-md-rtl-Mobile-Chrome-linux.png
deleted file mode 100644
index 68cc400871..0000000000
Binary files a/core/src/components/item/test/legacy/fill/item.e2e.ts-snapshots/item-fill-diff-md-rtl-Mobile-Chrome-linux.png and /dev/null differ
diff --git a/core/src/components/item/test/legacy/fill/item.e2e.ts-snapshots/item-fill-diff-md-rtl-Mobile-Firefox-linux.png b/core/src/components/item/test/legacy/fill/item.e2e.ts-snapshots/item-fill-diff-md-rtl-Mobile-Firefox-linux.png
deleted file mode 100644
index ab14306d4f..0000000000
Binary files a/core/src/components/item/test/legacy/fill/item.e2e.ts-snapshots/item-fill-diff-md-rtl-Mobile-Firefox-linux.png and /dev/null differ
diff --git a/core/src/components/item/test/legacy/fill/item.e2e.ts-snapshots/item-fill-diff-md-rtl-Mobile-Safari-linux.png b/core/src/components/item/test/legacy/fill/item.e2e.ts-snapshots/item-fill-diff-md-rtl-Mobile-Safari-linux.png
deleted file mode 100644
index c14de603ee..0000000000
Binary files a/core/src/components/item/test/legacy/fill/item.e2e.ts-snapshots/item-fill-diff-md-rtl-Mobile-Safari-linux.png and /dev/null differ
diff --git a/core/src/components/item/test/legacy/form/index.html b/core/src/components/item/test/legacy/form/index.html
deleted file mode 100644
index ec9736a44f..0000000000
--- a/core/src/components/item/test/legacy/form/index.html
+++ /dev/null
@@ -1,301 +0,0 @@
-<!DOCTYPE html>
-<html lang="en" dir="ltr">
-  <head>
-    <meta charset="UTF-8" />
-    <title>Item - Form</title>
-    <meta
-      name="viewport"
-      content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no, viewport-fit=cover"
-    />
-    <link href="../../../../../../css/ionic.bundle.css" rel="stylesheet" />
-    <link href="../../../../../../scripts/testing/styles.css" rel="stylesheet" />
-    <script src="../../../../../../scripts/testing/scripts.js"></script>
-    <script nomodule src="../../../../../../dist/ionic/ionic.js"></script>
-    <script type="module" src="../../../../../../dist/ionic/ionic.esm.js"></script>
-    <style>
-      .grid {
-        display: grid;
-        grid-template-columns: repeat(3, minmax(250px, 1fr));
-        grid-row-gap: 20px;
-        grid-column-gap: 20px;
-      }
-      h2 {
-        font-size: 12px;
-        font-weight: normal;
-
-        color: #6f7378;
-
-        margin-top: 10px;
-        margin-left: 5px;
-      }
-    </style>
-  </head>
-
-  <body>
-    <ion-app>
-      <ion-header>
-        <ion-toolbar>
-          <ion-title>Item - Form</ion-title>
-        </ion-toolbar>
-      </ion-header>
-
-      <ion-content class="ion-padding">
-        <div class="grid">
-          <div class="grid-item">
-            <h2>No fill, Invalid, untouched</h2>
-            <ion-item class="ion-invalid ion-untouched">
-              <ion-input placeholder="Text" legacy="true"></ion-input>
-            </ion-item>
-          </div>
-
-          <div class="grid-item">
-            <h2>No fill, Invalid, untouched, focused</h2>
-            <ion-item class="ion-invalid ion-untouched item-has-focus">
-              <ion-input placeholder="Text" legacy="true"></ion-input>
-            </ion-item>
-          </div>
-
-          <div class="grid-item">
-            <h2>No fill, Invalid, touched</h2>
-            <ion-item class="ion-invalid ion-touched">
-              <ion-input placeholder="Text" legacy="true"></ion-input>
-            </ion-item>
-          </div>
-
-          <div class="grid-item">
-            <h2>No fill, Valid, untouched</h2>
-            <ion-item class="ion-valid ion-untouched">
-              <ion-input placeholder="Text" legacy="true"></ion-input>
-            </ion-item>
-          </div>
-
-          <div class="grid-item">
-            <h2>No fill, Valid, untouched, focused</h2>
-            <ion-item class="ion-valid ion-untouched item-has-focus">
-              <ion-input placeholder="Text" legacy="true"></ion-input>
-            </ion-item>
-          </div>
-
-          <div class="grid-item">
-            <h2>No fill, Valid, touched</h2>
-            <ion-item class="ion-valid ion-touched">
-              <ion-input placeholder="Text" legacy="true"></ion-input>
-            </ion-item>
-          </div>
-
-          <div class="grid-item">
-            <h2>Outline, Invalid, untouched</h2>
-            <ion-item fill="outline" class="ion-invalid ion-untouched">
-              <ion-input placeholder="Text" legacy="true"></ion-input>
-            </ion-item>
-          </div>
-
-          <div class="grid-item">
-            <h2>Outline, Invalid, untouched, focused</h2>
-            <ion-item fill="outline" class="ion-invalid ion-untouched item-has-focus">
-              <ion-input placeholder="Text" legacy="true"></ion-input>
-            </ion-item>
-          </div>
-
-          <div class="grid-item">
-            <h2>Outline, Invalid, touched</h2>
-            <ion-item fill="outline" class="ion-invalid ion-touched">
-              <ion-input placeholder="Text" legacy="true"></ion-input>
-            </ion-item>
-          </div>
-
-          <div class="grid-item">
-            <h2>Outline, Valid, untouched</h2>
-            <ion-item fill="outline" class="ion-valid ion-untouched">
-              <ion-input placeholder="Text" legacy="true"></ion-input>
-            </ion-item>
-          </div>
-
-          <div class="grid-item">
-            <h2>Outline, Valid, untouched, focused</h2>
-            <ion-item fill="outline" class="ion-valid ion-untouched item-has-focus">
-              <ion-input placeholder="Text" legacy="true"></ion-input>
-            </ion-item>
-          </div>
-
-          <div class="grid-item">
-            <h2>Outline, Valid, touched</h2>
-            <ion-item fill="outline" class="ion-valid ion-touched">
-              <ion-input placeholder="Text" legacy="true"></ion-input>
-            </ion-item>
-          </div>
-
-          <div class="grid-item">
-            <h2>Solid, Invalid, untouched</h2>
-            <ion-item fill="solid" class="ion-invalid ion-untouched">
-              <ion-input placeholder="Text" legacy="true"></ion-input>
-            </ion-item>
-          </div>
-
-          <div class="grid-item">
-            <h2>Solid, Invalid, untouched, focused</h2>
-            <ion-item fill="solid" class="ion-invalid ion-untouched item-has-focus">
-              <ion-input placeholder="Text" legacy="true"></ion-input>
-            </ion-item>
-          </div>
-
-          <div class="grid-item">
-            <h2>Solid, Invalid, touched</h2>
-            <ion-item fill="solid" class="ion-invalid ion-touched">
-              <ion-input placeholder="Text" legacy="true"></ion-input>
-            </ion-item>
-          </div>
-
-          <div class="grid-item">
-            <h2>Solid, Valid, untouched</h2>
-            <ion-item fill="solid" class="ion-valid ion-untouched">
-              <ion-input placeholder="Text" legacy="true"></ion-input>
-            </ion-item>
-          </div>
-
-          <div class="grid-item">
-            <h2>Solid, Valid, untouched, focused</h2>
-            <ion-item fill="solid" class="ion-valid ion-untouched item-has-focus">
-              <ion-input placeholder="Text" legacy="true"></ion-input>
-            </ion-item>
-          </div>
-
-          <div class="grid-item">
-            <h2>Solid, Valid, touched</h2>
-            <ion-item fill="solid" class="ion-valid ion-touched">
-              <ion-input placeholder="Text" legacy="true"></ion-input>
-            </ion-item>
-          </div>
-        </div>
-
-        <div class="grid">
-          <div class="grid-item">
-            <h2>Color, No fill, Invalid, untouched</h2>
-            <ion-item color="primary" class="ion-invalid ion-untouched">
-              <ion-input placeholder="Text" legacy="true"></ion-input>
-            </ion-item>
-          </div>
-
-          <div class="grid-item">
-            <h2>Color, No fill, Invalid, untouched, focused</h2>
-            <ion-item color="primary" class="ion-invalid ion-untouched item-has-focus">
-              <ion-input placeholder="Text" legacy="true"></ion-input>
-            </ion-item>
-          </div>
-
-          <div class="grid-item">
-            <h2>Color, No fill, Invalid, touched</h2>
-            <ion-item color="primary" class="ion-invalid ion-touched">
-              <ion-input placeholder="Text" legacy="true"></ion-input>
-            </ion-item>
-          </div>
-
-          <div class="grid-item">
-            <h2>Color, No fill, Valid, untouched</h2>
-            <ion-item color="primary" class="ion-valid ion-untouched">
-              <ion-input placeholder="Text" legacy="true"></ion-input>
-            </ion-item>
-          </div>
-
-          <div class="grid-item">
-            <h2>Color, No fill, Valid, untouched, focused</h2>
-            <ion-item color="primary" class="ion-valid ion-untouched item-has-focus">
-              <ion-input placeholder="Text" legacy="true"></ion-input>
-            </ion-item>
-          </div>
-
-          <div class="grid-item">
-            <h2>Color, No fill, Valid, touched</h2>
-            <ion-item color="primary" class="ion-valid ion-touched">
-              <ion-input placeholder="Text" legacy="true"></ion-input>
-            </ion-item>
-          </div>
-
-          <div class="grid-item">
-            <h2>Color, Outline, Invalid, untouched</h2>
-            <ion-item color="primary" fill="outline" class="ion-invalid ion-untouched">
-              <ion-input placeholder="Text" legacy="true"></ion-input>
-            </ion-item>
-          </div>
-
-          <div class="grid-item">
-            <h2>Color, Outline, Invalid, untouched, focused</h2>
-            <ion-item color="primary" fill="outline" class="ion-invalid ion-untouched item-has-focus">
-              <ion-input placeholder="Text" legacy="true"></ion-input>
-            </ion-item>
-          </div>
-
-          <div class="grid-item">
-            <h2>Color, Outline, Invalid, touched</h2>
-            <ion-item color="primary" fill="outline" class="ion-invalid ion-touched">
-              <ion-input placeholder="Text" legacy="true"></ion-input>
-            </ion-item>
-          </div>
-
-          <div class="grid-item">
-            <h2>Color, Outline, Valid, untouched</h2>
-            <ion-item color="primary" fill="outline" class="ion-valid ion-untouched">
-              <ion-input placeholder="Text" legacy="true"></ion-input>
-            </ion-item>
-          </div>
-
-          <div class="grid-item">
-            <h2>Color, Outline, Valid, untouched, focused</h2>
-            <ion-item color="primary" fill="outline" class="ion-valid ion-untouched item-has-focus">
-              <ion-input placeholder="Text" legacy="true"></ion-input>
-            </ion-item>
-          </div>
-
-          <div class="grid-item">
-            <h2>Color, Outline, Valid, touched</h2>
-            <ion-item color="primary" fill="outline" class="ion-valid ion-touched">
-              <ion-input placeholder="Text" legacy="true"></ion-input>
-            </ion-item>
-          </div>
-
-          <div class="grid-item">
-            <h2>Color, Solid, Invalid, untouched</h2>
-            <ion-item color="primary" fill="solid" class="ion-invalid ion-untouched">
-              <ion-input placeholder="Text" legacy="true"></ion-input>
-            </ion-item>
-          </div>
-
-          <div class="grid-item">
-            <h2>Color, Solid, Invalid, untouched, focused</h2>
-            <ion-item color="primary" fill="solid" class="ion-invalid ion-untouched item-has-focus">
-              <ion-input placeholder="Text" legacy="true"></ion-input>
-            </ion-item>
-          </div>
-
-          <div class="grid-item">
-            <h2>Color, Solid, Invalid, touched</h2>
-            <ion-item color="primary" fill="solid" class="ion-invalid ion-touched">
-              <ion-input placeholder="Text" legacy="true"></ion-input>
-            </ion-item>
-          </div>
-
-          <div class="grid-item">
-            <h2>Color, Solid, Valid, untouched</h2>
-            <ion-item color="primary" fill="solid" class="ion-valid ion-untouched">
-              <ion-input placeholder="Text" legacy="true"></ion-input>
-            </ion-item>
-          </div>
-
-          <div class="grid-item">
-            <h2>Color, Solid, Valid, untouched, focused</h2>
-            <ion-item color="primary" fill="solid" class="ion-valid ion-untouched item-has-focus">
-              <ion-input placeholder="Text" legacy="true"></ion-input>
-            </ion-item>
-          </div>
-
-          <div class="grid-item">
-            <h2>Color, Solid, Valid, touched</h2>
-            <ion-item color="primary" fill="solid" class="ion-valid ion-touched">
-              <ion-input placeholder="Text" legacy="true"></ion-input>
-            </ion-item>
-          </div>
-        </div>
-      </ion-content>
-    </ion-app>
-  </body>
-</html>
diff --git a/core/src/components/item/test/legacy/form/item.e2e.ts b/core/src/components/item/test/legacy/form/item.e2e.ts
deleted file mode 100644
index 05e29e280e..0000000000
--- a/core/src/components/item/test/legacy/form/item.e2e.ts
+++ /dev/null
@@ -1,14 +0,0 @@
-import { expect } from '@playwright/test';
-import { configs, test } from '@utils/test/playwright';
-
-configs().forEach(({ title, screenshot, config }) => {
-  test.describe(title('item: form'), () => {
-    test('should not have visual regressions', async ({ page }) => {
-      await page.goto(`/src/components/item/test/legacy/form`, config);
-
-      await page.setIonViewport({ resizeViewportWidth: true });
-
-      await expect(page).toHaveScreenshot(screenshot(`item-form-diff`));
-    });
-  });
-});
diff --git a/core/src/components/item/test/legacy/form/item.e2e.ts-snapshots/item-form-diff-ios-ltr-Mobile-Chrome-linux.png b/core/src/components/item/test/legacy/form/item.e2e.ts-snapshots/item-form-diff-ios-ltr-Mobile-Chrome-linux.png
deleted file mode 100644
index 2af708fabb..0000000000
Binary files a/core/src/components/item/test/legacy/form/item.e2e.ts-snapshots/item-form-diff-ios-ltr-Mobile-Chrome-linux.png and /dev/null differ
diff --git a/core/src/components/item/test/legacy/form/item.e2e.ts-snapshots/item-form-diff-ios-ltr-Mobile-Firefox-linux.png b/core/src/components/item/test/legacy/form/item.e2e.ts-snapshots/item-form-diff-ios-ltr-Mobile-Firefox-linux.png
deleted file mode 100644
index 6a4bb3fa62..0000000000
Binary files a/core/src/components/item/test/legacy/form/item.e2e.ts-snapshots/item-form-diff-ios-ltr-Mobile-Firefox-linux.png and /dev/null differ
diff --git a/core/src/components/item/test/legacy/form/item.e2e.ts-snapshots/item-form-diff-ios-ltr-Mobile-Safari-linux.png b/core/src/components/item/test/legacy/form/item.e2e.ts-snapshots/item-form-diff-ios-ltr-Mobile-Safari-linux.png
deleted file mode 100644
index cb604537b4..0000000000
Binary files a/core/src/components/item/test/legacy/form/item.e2e.ts-snapshots/item-form-diff-ios-ltr-Mobile-Safari-linux.png and /dev/null differ
diff --git a/core/src/components/item/test/legacy/form/item.e2e.ts-snapshots/item-form-diff-ios-rtl-Mobile-Chrome-linux.png b/core/src/components/item/test/legacy/form/item.e2e.ts-snapshots/item-form-diff-ios-rtl-Mobile-Chrome-linux.png
deleted file mode 100644
index 101284ea06..0000000000
Binary files a/core/src/components/item/test/legacy/form/item.e2e.ts-snapshots/item-form-diff-ios-rtl-Mobile-Chrome-linux.png and /dev/null differ
diff --git a/core/src/components/item/test/legacy/form/item.e2e.ts-snapshots/item-form-diff-ios-rtl-Mobile-Firefox-linux.png b/core/src/components/item/test/legacy/form/item.e2e.ts-snapshots/item-form-diff-ios-rtl-Mobile-Firefox-linux.png
deleted file mode 100644
index b5ba1d744f..0000000000
Binary files a/core/src/components/item/test/legacy/form/item.e2e.ts-snapshots/item-form-diff-ios-rtl-Mobile-Firefox-linux.png and /dev/null differ
diff --git a/core/src/components/item/test/legacy/form/item.e2e.ts-snapshots/item-form-diff-ios-rtl-Mobile-Safari-linux.png b/core/src/components/item/test/legacy/form/item.e2e.ts-snapshots/item-form-diff-ios-rtl-Mobile-Safari-linux.png
deleted file mode 100644
index ad49339eec..0000000000
Binary files a/core/src/components/item/test/legacy/form/item.e2e.ts-snapshots/item-form-diff-ios-rtl-Mobile-Safari-linux.png and /dev/null differ
diff --git a/core/src/components/item/test/legacy/form/item.e2e.ts-snapshots/item-form-diff-md-ltr-Mobile-Chrome-linux.png b/core/src/components/item/test/legacy/form/item.e2e.ts-snapshots/item-form-diff-md-ltr-Mobile-Chrome-linux.png
deleted file mode 100644
index 67585f7228..0000000000
Binary files a/core/src/components/item/test/legacy/form/item.e2e.ts-snapshots/item-form-diff-md-ltr-Mobile-Chrome-linux.png and /dev/null differ
diff --git a/core/src/components/item/test/legacy/form/item.e2e.ts-snapshots/item-form-diff-md-ltr-Mobile-Firefox-linux.png b/core/src/components/item/test/legacy/form/item.e2e.ts-snapshots/item-form-diff-md-ltr-Mobile-Firefox-linux.png
deleted file mode 100644
index eecfa9caa7..0000000000
Binary files a/core/src/components/item/test/legacy/form/item.e2e.ts-snapshots/item-form-diff-md-ltr-Mobile-Firefox-linux.png and /dev/null differ
diff --git a/core/src/components/item/test/legacy/form/item.e2e.ts-snapshots/item-form-diff-md-ltr-Mobile-Safari-linux.png b/core/src/components/item/test/legacy/form/item.e2e.ts-snapshots/item-form-diff-md-ltr-Mobile-Safari-linux.png
deleted file mode 100644
index 4a487213af..0000000000
Binary files a/core/src/components/item/test/legacy/form/item.e2e.ts-snapshots/item-form-diff-md-ltr-Mobile-Safari-linux.png and /dev/null differ
diff --git a/core/src/components/item/test/legacy/form/item.e2e.ts-snapshots/item-form-diff-md-rtl-Mobile-Chrome-linux.png b/core/src/components/item/test/legacy/form/item.e2e.ts-snapshots/item-form-diff-md-rtl-Mobile-Chrome-linux.png
deleted file mode 100644
index 0db344af4f..0000000000
Binary files a/core/src/components/item/test/legacy/form/item.e2e.ts-snapshots/item-form-diff-md-rtl-Mobile-Chrome-linux.png and /dev/null differ
diff --git a/core/src/components/item/test/legacy/form/item.e2e.ts-snapshots/item-form-diff-md-rtl-Mobile-Firefox-linux.png b/core/src/components/item/test/legacy/form/item.e2e.ts-snapshots/item-form-diff-md-rtl-Mobile-Firefox-linux.png
deleted file mode 100644
index da1fa1b4e6..0000000000
Binary files a/core/src/components/item/test/legacy/form/item.e2e.ts-snapshots/item-form-diff-md-rtl-Mobile-Firefox-linux.png and /dev/null differ
diff --git a/core/src/components/item/test/legacy/form/item.e2e.ts-snapshots/item-form-diff-md-rtl-Mobile-Safari-linux.png b/core/src/components/item/test/legacy/form/item.e2e.ts-snapshots/item-form-diff-md-rtl-Mobile-Safari-linux.png
deleted file mode 100644
index 02acf06b5f..0000000000
Binary files a/core/src/components/item/test/legacy/form/item.e2e.ts-snapshots/item-form-diff-md-rtl-Mobile-Safari-linux.png and /dev/null differ
diff --git a/packages/angular/src/directives/proxies.ts b/packages/angular/src/directives/proxies.ts
index d038c6f870..169f7523c3 100644
--- a/packages/angular/src/directives/proxies.ts
+++ b/packages/angular/src/directives/proxies.ts
@@ -955,7 +955,7 @@ export declare interface IonInfiniteScrollContent extends Components.IonInfinite
 
 
 @ProxyCmp({
-  inputs: ['autocapitalize', 'autocomplete', 'autocorrect', 'autofocus', 'clearInput', 'clearOnEdit', 'color', 'counter', 'counterFormatter', 'debounce', 'disabled', 'enterkeyhint', 'errorText', 'fill', 'helperText', 'inputmode', 'label', 'labelPlacement', 'legacy', 'max', 'maxlength', 'min', 'minlength', 'mode', 'multiple', 'name', 'pattern', 'placeholder', 'readonly', 'required', 'shape', 'spellcheck', 'step', 'type', 'value'],
+  inputs: ['autocapitalize', 'autocomplete', 'autocorrect', 'autofocus', 'clearInput', 'clearOnEdit', 'color', 'counter', 'counterFormatter', 'debounce', 'disabled', 'enterkeyhint', 'errorText', 'fill', 'helperText', 'inputmode', 'label', 'labelPlacement', 'max', 'maxlength', 'min', 'minlength', 'mode', 'multiple', 'name', 'pattern', 'placeholder', 'readonly', 'required', 'shape', 'spellcheck', 'step', 'type', 'value'],
   methods: ['setFocus', 'getInputElement']
 })
 @Component({
@@ -963,7 +963,7 @@ export declare interface IonInfiniteScrollContent extends Components.IonInfinite
   changeDetection: ChangeDetectionStrategy.OnPush,
   template: '<ng-content></ng-content>',
   // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
-  inputs: ['autocapitalize', 'autocomplete', 'autocorrect', 'autofocus', 'clearInput', 'clearOnEdit', 'color', 'counter', 'counterFormatter', 'debounce', 'disabled', 'enterkeyhint', 'errorText', 'fill', 'helperText', 'inputmode', 'label', 'labelPlacement', 'legacy', 'max', 'maxlength', 'min', 'minlength', 'mode', 'multiple', 'name', 'pattern', 'placeholder', 'readonly', 'required', 'shape', 'spellcheck', 'step', 'type', 'value'],
+  inputs: ['autocapitalize', 'autocomplete', 'autocorrect', 'autofocus', 'clearInput', 'clearOnEdit', 'color', 'counter', 'counterFormatter', 'debounce', 'disabled', 'enterkeyhint', 'errorText', 'fill', 'helperText', 'inputmode', 'label', 'labelPlacement', 'max', 'maxlength', 'min', 'minlength', 'mode', 'multiple', 'name', 'pattern', 'placeholder', 'readonly', 'required', 'shape', 'spellcheck', 'step', 'type', 'value'],
 })
 export class IonInput {
   protected el: HTMLElement;
diff --git a/packages/angular/standalone/src/directives/input.ts b/packages/angular/standalone/src/directives/input.ts
index fd468746eb..dc0765ed7f 100644
--- a/packages/angular/standalone/src/directives/input.ts
+++ b/packages/angular/standalone/src/directives/input.ts
@@ -40,7 +40,6 @@ const INPUT_INPUTS = [
   'inputmode',
   'label',
   'labelPlacement',
-  'legacy',
   'max',
   'maxlength',
   'min',
diff --git a/packages/vue/src/proxies.ts b/packages/vue/src/proxies.ts
index 910a609e34..8be5e900f5 100644
--- a/packages/vue/src/proxies.ts
+++ b/packages/vue/src/proxies.ts
@@ -414,7 +414,6 @@ export const IonInput = /*@__PURE__*/ defineContainer<JSX.IonInput, JSX.IonInput
   'helperText',
   'label',
   'labelPlacement',
-  'legacy',
   'max',
   'maxlength',
   'min',