diff --git a/BREAKING.md b/BREAKING.md
index 9d14348f30a..259c8c98201 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 2ac742620f6..8b601ae7809 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 668cb2d85fa..4e4795c1e53 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 35dc4aee518..4f06328db03 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 2d6de0d507e..238d9cd4275 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 97c65cd59dc..f11e3562591 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 b3bc7c65408..952bc390ffc 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 e8fae76c908..06877434e12 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 20f0719e0a3..46ffd83f0d0 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 589abf76841..00000000000
--- 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 d76eee7a627..00000000000
--- 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 ae4b65f5575..00000000000
--- 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 2f63b0b96b1..00000000000
--- 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 7a3fbbefcad..00000000000
--- 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 88d31276f72..00000000000
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 24fea4185b4..00000000000
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 4bc12a16257..00000000000
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 e5b10238ede..00000000000
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 f3a9b77cabd..00000000000
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 8df4d30ed11..00000000000
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 6db47644ab9..00000000000
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 e0f1146d0b9..00000000000
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 767fd771980..00000000000
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 dbc57e0874a..00000000000
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 0bf40c7434c..00000000000
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 c168a5a9171..00000000000
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 ae124033bcb..00000000000
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 8f5548fdecf..00000000000
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 e5fd6164679..00000000000
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 62497d449df..00000000000
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 4e2b3d41b21..00000000000
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 d15c9f6f9a6..00000000000
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 28d7d66c63c..00000000000
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 fff75b5e960..00000000000
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 3e587421e7a..00000000000
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 2a4634b7f8d..00000000000
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 ef962665ca8..00000000000
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 bd46b5cd9c4..00000000000
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 3c3ec84e2d0..00000000000
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 4d49c60335a..00000000000
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 e4fd1278884..00000000000
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 222c7befc50..00000000000
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 604285d22b6..00000000000
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 74a43a2e56f..00000000000
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 09b24c8f6fe..00000000000
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 dbda2b337e5..00000000000
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 ffe00d95ce8..00000000000
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 8db619e58c5..00000000000
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 0fd7efcac73..00000000000
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 5414021bc34..00000000000
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 b30824c9259..00000000000
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 4d49c60335a..00000000000
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 e4fd1278884..00000000000
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 38bd981fa37..00000000000
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 604285d22b6..00000000000
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 74a43a2e56f..00000000000
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 6cb68dcc145..00000000000
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 5e805da91ba..00000000000
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 493dea881e5..00000000000
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 2a4d0348ac2..00000000000
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 9eaf4dd3015..00000000000
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 4b9487bac1e..00000000000
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 0f3cb650657..00000000000
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 bd6c83e34bc..00000000000
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 e54a8ce4d27..00000000000
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 c9e729ff6e3..00000000000
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 10b4676e8e2..00000000000
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 c5afef7ffcf..00000000000
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 1906dc71811..00000000000
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 d22d50685a4..00000000000
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 6ba0a1d9fe8..00000000000
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 7e87fa112ff..00000000000
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 f73095d8072..00000000000
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 c761ce3686e..00000000000
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 5f9c4fe9aaa..00000000000
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 bd6c83e34bc..00000000000
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 e54a8ce4d27..00000000000
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 bd608465bb7..00000000000
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 10b4676e8e2..00000000000
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 c5afef7ffcf..00000000000
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 3dd5710d3a8..00000000000
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 6307fa218b7..00000000000
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 7e5989f56f6..00000000000
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 b4391719faf..00000000000
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 16f061c683c..00000000000
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 4d07c6fc7a8..00000000000
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 9a7208c6f92..00000000000
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 78f4f04439c..00000000000
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 930106a7be6..00000000000
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 7270ae94c70..00000000000
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 494659843cc..00000000000
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 acdfeb471f1..00000000000
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 2968d662ca2..00000000000
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 c49b8278e42..00000000000
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 0e8ceb8de7b..00000000000
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 b11a9c29fd9..00000000000
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 a7e0ccae8a8..00000000000
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 e045df47f7d..00000000000
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 907bc6401f3..00000000000
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 78f4f04439c..00000000000
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 930106a7be6..00000000000
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 9b5a2a1ac92..00000000000
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 494659843cc..00000000000
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 acdfeb471f1..00000000000
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 6e3d8cbb209..00000000000
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 c49b8278e42..00000000000
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 0e8ceb8de7b..00000000000
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 b49ca3af13f..00000000000
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 a7e0ccae8a8..00000000000
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 e045df47f7d..00000000000
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 909a73e1731..00000000000
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 fb306247c03..00000000000
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 235552764bb..00000000000
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 09df1e19a10..00000000000
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 ae57ae875e8..00000000000
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 9f2bfeab03c..00000000000
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 9d1b05c01c0..00000000000
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 964803e42db..00000000000
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 6800b348b01..00000000000
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 43af7f3978a..00000000000
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 1633282b163..00000000000
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 71972520f90..00000000000
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 56ef6362764..00000000000
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 aba4ab363c5..00000000000
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 304677634ac..00000000000
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 055e8801de6..00000000000
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 9dc514d962d..00000000000
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 efb5f4523a2..00000000000
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 e71c9633a71..00000000000
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 835b3e00b67..00000000000
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 b36581b04c8..00000000000
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 d759f096f1e..00000000000
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 67129cd0c98..00000000000
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 e6fc9846635..00000000000
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 9befbc22e75..00000000000
--- 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 062cdaba54c..00000000000
--- 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 ee3aeaafbbe..00000000000
--- 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 a48cd11ff09..00000000000
--- 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 68e6f59e841..00000000000
--- 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 f2f8ab95ce1..00000000000
--- 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 ed1f5ce9d37..00000000000
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 034ad81f88a..00000000000
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 8f954da56ee..00000000000
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 429bb88e57c..00000000000
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 ae494a580dc..00000000000
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 07110c0215c..00000000000
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 0dbdb785d69..00000000000
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 afd7de5eeae..00000000000
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 0d00af60a0e..00000000000
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 3552f2b1c15..00000000000
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 f8c94b1f76d..00000000000
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 926b4d6f804..00000000000
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 0219740a22b..00000000000
--- 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 b4df2db9885..4b1cc609c0d 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 f94886f2199..00000000000
--- 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 182d611e9bc..00000000000
--- 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 bb443dc00f7..00000000000
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 40bd08c969e..00000000000
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 0cbeff39d55..00000000000
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 4c95b7247e5..00000000000
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 e3cc48b890a..00000000000
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 be70e04ccbf..00000000000
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 557a9e0a9d3..00000000000
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 b7f3579a707..00000000000
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 8629730bed3..00000000000
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 a653e7de761..00000000000
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 19453840539..00000000000
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 92c593d916e..00000000000
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 49f47c11c81..ce5522bfdef 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 b5550afdd5c..78d48c63e61 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 b5a2e52cf32..bbd0c6d8dfa 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 0b7102b0c66..40d55dbb935 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 063d4550a73..1005e71fb25 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 498de0b33f3..063108c89ef 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 5c03083615b..3b8cc1a766f 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 4595827ad4d..00000000000
--- 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 c7e2578d053..00000000000
--- 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 f6fcb0e9b25..00000000000
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 dd2d6d71e58..00000000000
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 9c3aab3aad1..00000000000
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 a943f8f3767..00000000000
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 034b1c2ead2..00000000000
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 103d07a3f86..00000000000
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 a1325b9e782..00000000000
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 8adef63dc7c..00000000000
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 a40da5efe81..00000000000
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 ae05d21eaf9..00000000000
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 ef3a0f43c7f..00000000000
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 826290e9c7f..00000000000
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 ab8c70ceb4b..75a571faa55 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 d6134e464c6..6dbe47e837c 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 2d77b74bc9b..5f5294a0f8f 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 0f43354740d..a08b2234c1a 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 dbf48ab4f45..6afcd464836 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 6b1e8351cc9..7774321d302 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 3755294ac5c..1003248d79a 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 7d1403de75d..d78b464c6a1 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 d3058497109..5e847ab3037 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 ead32cd3548..3380dce8a8e 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 36cabf0180f..91c083c0701 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 45e65bad349..48cd62017d3 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 4b8e2a58649..672dbdeb391 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 7b08fbe7ca3..27075ae9173 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 b682662fec5..fabac26b765 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 efaacf5ef85..8f0ab07dacc 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 d6e355e06f2..1e2c5269f9c 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 5bbd2ac380f..5c7a8a46385 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 96720ee10e0..960998eea2b 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 d4a56461bc5..fffce9439a0 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 90b84640da2..433d6f167b6 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 36ca99ec3a0..c42a8a67528 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 253bc918373..46735a23435 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 6471fa31605..c07accdb6ef 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 f5510561c43..4b21ee3ef6c 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 aeef87b54ce..9882661f271 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 cfa81ccd729..00000000000
--- 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 7e8f733acc5..00000000000
--- 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 36e31fcebec..00000000000
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 ca2f528d5ff..00000000000
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 07546fbcef8..00000000000
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 8a530c68c29..00000000000
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 77796e54034..00000000000
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 620dcad43e3..00000000000
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 b102d76a6b1..00000000000
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 0eedf49bbde..00000000000
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 e7a92c02ee4..00000000000
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 68cc4008715..00000000000
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 ab14306d4fd..00000000000
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 c14de603eef..00000000000
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 ec9736a44f1..00000000000
--- 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 05e29e280ef..00000000000
--- 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 2af708fabb0..00000000000
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 6a4bb3fa62c..00000000000
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 cb604537b4c..00000000000
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 101284ea067..00000000000
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 b5ba1d744fc..00000000000
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 ad49339eec2..00000000000
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 67585f7228b..00000000000
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 eecfa9caa71..00000000000
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 4a487213af1..00000000000
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 0db344af4f8..00000000000
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 da1fa1b4e6a..00000000000
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 02acf06b5fe..00000000000
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 d038c6f8700..169f7523c31 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 fd468746eb0..dc0765ed7f3 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 910a609e349..8be5e900f5d 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',