diff --git a/core/src/components/input/input.tsx b/core/src/components/input/input.tsx
index 58d68472f8..f84f1483ba 100644
--- a/core/src/components/input/input.tsx
+++ b/core/src/components/input/input.tsx
@@ -514,6 +514,27 @@ export class Input implements ComponentInterface {
return size;
}
+ private getShape() {
+ const theme = getIonTheme(this);
+ const { shape } = this;
+ if (theme === 'ios' && shape === 'round') {
+ printIonWarning(`The "${shape}" shape is not supported in the ${theme} theme.`);
+ return undefined;
+ }
+
+ if (shape !== undefined) {
+ return shape;
+ }
+
+ // TODO(FW-6229): Update this when the default shape has been decided.
+ if (theme !== 'ionic') {
+ return undefined;
+ }
+
+ // Fallback to round shape, which is the default shape for the ionic theme.
+ return 'round';
+ }
+
private onInput = (ev: InputEvent | Event) => {
const input = ev.target as HTMLInputElement | null;
if (input) {
@@ -734,10 +755,11 @@ export class Input implements ComponentInterface {
}
render() {
- const { disabled, fill, readonly, shape, inputId, el, hasFocus, clearInput, clearInputIcon } = this;
+ const { disabled, fill, readonly, inputId, el, hasFocus, clearInput, clearInputIcon } = this;
const theme = getIonTheme(this);
const value = this.getValue();
const size = this.getSize();
+ const shape = this.getShape();
const inItem = hostContext('ion-item', this.el);
const shouldRenderHighlight = (theme === 'md' || theme === 'ionic') && fill !== 'outline' && !inItem;
const labelPlacement = this.getLabelPlacement();
diff --git a/core/src/components/input/test/fill/input.e2e.ts b/core/src/components/input/test/fill/input.e2e.ts
index 4109333687..f353a44c69 100644
--- a/core/src/components/input/test/fill/input.e2e.ts
+++ b/core/src/components/input/test/fill/input.e2e.ts
@@ -44,38 +44,17 @@ configs({ modes: ['md'] }).forEach(({ title, screenshot, config }) => {
const input = page.locator('ion-input');
await expect(input).toHaveScreenshot(screenshot(`input-fill-solid-label-floating`));
});
- test('should not have visual regressions with shaped solid', async ({ page }) => {
- await page.setContent(
- `
-
- `,
- config
- );
-
- const input = page.locator('ion-input');
- await expect(input).toHaveScreenshot(screenshot(`input-fill-shaped-solid`));
- });
- test('padding and border radius should be customizable', async ({ page }) => {
+ test('padding should be customizable', async ({ page }) => {
await page.setContent(
`
{
);
const input = page.locator('ion-input');
- await expect(input).toHaveScreenshot(screenshot(`input-fill-shaped-solid-custom`));
+ await expect(input).toHaveScreenshot(screenshot(`input-fill-solid-custom`));
});
});
test.describe('input: fill outline', () => {
@@ -130,41 +109,23 @@ configs({ modes: ['md'] }).forEach(({ title, screenshot, config }) => {
const input = page.locator('ion-input');
await expect(input).toHaveScreenshot(screenshot(`input-fill-outline-label-floating`));
});
- test('should not have visual regressions with shaped outline', async ({ page }) => {
- await page.setContent(
- `
-
- `,
- config
- );
-
- const input = page.locator('ion-input');
- await expect(input).toHaveScreenshot(screenshot(`input-fill-shaped-outline`));
- });
- test('padding and border radius should be customizable', async ({ page }) => {
+ test.only('padding should be customizable', async ({ page }) => {
+ /**
+ * Requires padding at the top to prevent the label
+ * from being clipped by the top of the input.
+ */
await page.setContent(
`
{
);
const input = page.locator('ion-input');
- await expect(input).toHaveScreenshot(screenshot(`input-fill-shaped-outline-custom`));
+ await expect(input).toHaveScreenshot(screenshot(`input-fill-outline-custom`));
});
});
});
@@ -268,7 +229,7 @@ configs({ modes: ['ionic-md'] }).forEach(({ title, screenshot, config }) => {
await expect(input).toHaveScreenshot(screenshot(`input-fill-outline-label-stacked`));
});
- test('should not have visual regressions with outline fill and round shape', async ({ page }) => {
+ test('should not have visual regressions with outline fill and large size', async ({ page }) => {
await page.setContent(
`
{
label="Email"
label-placement="stacked"
placeholder="example@ionic.io"
- shape="round"
- >
- `,
- config
- );
-
- const input = page.locator('ion-input');
- await expect(input).toHaveScreenshot(screenshot(`input-fill-outline-label-stacked-shape-round`));
- });
-
- test('should not have visual regressions with outline fill, round shape, and large size', async ({ page }) => {
- await page.setContent(
- `
-
`,
@@ -302,7 +244,7 @@ configs({ modes: ['ionic-md'] }).forEach(({ title, screenshot, config }) => {
);
const input = page.locator('ion-input');
- await expect(input).toHaveScreenshot(screenshot(`input-fill-outline-label-stacked-shape-round-size-large`));
+ await expect(input).toHaveScreenshot(screenshot(`input-fill-outline-label-stacked-size-large`));
});
});
});
diff --git a/core/src/components/input/test/fill/input.e2e.ts-snapshots/input-fill-outline-custom-md-ltr-Mobile-Chrome-linux.png b/core/src/components/input/test/fill/input.e2e.ts-snapshots/input-fill-outline-custom-md-ltr-Mobile-Chrome-linux.png
new file mode 100644
index 0000000000..670ec67b0c
Binary files /dev/null and b/core/src/components/input/test/fill/input.e2e.ts-snapshots/input-fill-outline-custom-md-ltr-Mobile-Chrome-linux.png differ
diff --git a/core/src/components/input/test/fill/input.e2e.ts-snapshots/input-fill-outline-custom-md-ltr-Mobile-Firefox-linux.png b/core/src/components/input/test/fill/input.e2e.ts-snapshots/input-fill-outline-custom-md-ltr-Mobile-Firefox-linux.png
new file mode 100644
index 0000000000..2542a28f0b
Binary files /dev/null and b/core/src/components/input/test/fill/input.e2e.ts-snapshots/input-fill-outline-custom-md-ltr-Mobile-Firefox-linux.png differ
diff --git a/core/src/components/input/test/fill/input.e2e.ts-snapshots/input-fill-outline-custom-md-ltr-Mobile-Safari-linux.png b/core/src/components/input/test/fill/input.e2e.ts-snapshots/input-fill-outline-custom-md-ltr-Mobile-Safari-linux.png
new file mode 100644
index 0000000000..52819d8961
Binary files /dev/null and b/core/src/components/input/test/fill/input.e2e.ts-snapshots/input-fill-outline-custom-md-ltr-Mobile-Safari-linux.png differ
diff --git a/core/src/components/input/test/fill/input.e2e.ts-snapshots/input-fill-outline-custom-md-rtl-Mobile-Chrome-linux.png b/core/src/components/input/test/fill/input.e2e.ts-snapshots/input-fill-outline-custom-md-rtl-Mobile-Chrome-linux.png
new file mode 100644
index 0000000000..00a70c7e3c
Binary files /dev/null and b/core/src/components/input/test/fill/input.e2e.ts-snapshots/input-fill-outline-custom-md-rtl-Mobile-Chrome-linux.png differ
diff --git a/core/src/components/input/test/fill/input.e2e.ts-snapshots/input-fill-outline-custom-md-rtl-Mobile-Firefox-linux.png b/core/src/components/input/test/fill/input.e2e.ts-snapshots/input-fill-outline-custom-md-rtl-Mobile-Firefox-linux.png
new file mode 100644
index 0000000000..f338f115da
Binary files /dev/null and b/core/src/components/input/test/fill/input.e2e.ts-snapshots/input-fill-outline-custom-md-rtl-Mobile-Firefox-linux.png differ
diff --git a/core/src/components/input/test/fill/input.e2e.ts-snapshots/input-fill-outline-custom-md-rtl-Mobile-Safari-linux.png b/core/src/components/input/test/fill/input.e2e.ts-snapshots/input-fill-outline-custom-md-rtl-Mobile-Safari-linux.png
new file mode 100644
index 0000000000..086f936311
Binary files /dev/null and b/core/src/components/input/test/fill/input.e2e.ts-snapshots/input-fill-outline-custom-md-rtl-Mobile-Safari-linux.png differ
diff --git a/core/src/components/input/test/fill/input.e2e.ts-snapshots/input-fill-outline-label-stacked-shape-round-ionic-md-ltr-light-Mobile-Chrome-linux.png b/core/src/components/input/test/fill/input.e2e.ts-snapshots/input-fill-outline-label-stacked-shape-round-ionic-md-ltr-light-Mobile-Chrome-linux.png
deleted file mode 100644
index 0593b628b2..0000000000
Binary files a/core/src/components/input/test/fill/input.e2e.ts-snapshots/input-fill-outline-label-stacked-shape-round-ionic-md-ltr-light-Mobile-Chrome-linux.png and /dev/null differ
diff --git a/core/src/components/input/test/fill/input.e2e.ts-snapshots/input-fill-outline-label-stacked-shape-round-ionic-md-ltr-light-Mobile-Firefox-linux.png b/core/src/components/input/test/fill/input.e2e.ts-snapshots/input-fill-outline-label-stacked-shape-round-ionic-md-ltr-light-Mobile-Firefox-linux.png
deleted file mode 100644
index 418fefe646..0000000000
Binary files a/core/src/components/input/test/fill/input.e2e.ts-snapshots/input-fill-outline-label-stacked-shape-round-ionic-md-ltr-light-Mobile-Firefox-linux.png and /dev/null differ
diff --git a/core/src/components/input/test/fill/input.e2e.ts-snapshots/input-fill-outline-label-stacked-shape-round-ionic-md-ltr-light-Mobile-Safari-linux.png b/core/src/components/input/test/fill/input.e2e.ts-snapshots/input-fill-outline-label-stacked-shape-round-ionic-md-ltr-light-Mobile-Safari-linux.png
deleted file mode 100644
index e1b706be99..0000000000
Binary files a/core/src/components/input/test/fill/input.e2e.ts-snapshots/input-fill-outline-label-stacked-shape-round-ionic-md-ltr-light-Mobile-Safari-linux.png and /dev/null differ
diff --git a/core/src/components/input/test/fill/input.e2e.ts-snapshots/input-fill-outline-label-stacked-shape-round-ionic-md-rtl-light-Mobile-Chrome-linux.png b/core/src/components/input/test/fill/input.e2e.ts-snapshots/input-fill-outline-label-stacked-shape-round-ionic-md-rtl-light-Mobile-Chrome-linux.png
deleted file mode 100644
index 59a1195d12..0000000000
Binary files a/core/src/components/input/test/fill/input.e2e.ts-snapshots/input-fill-outline-label-stacked-shape-round-ionic-md-rtl-light-Mobile-Chrome-linux.png and /dev/null differ
diff --git a/core/src/components/input/test/fill/input.e2e.ts-snapshots/input-fill-outline-label-stacked-shape-round-ionic-md-rtl-light-Mobile-Firefox-linux.png b/core/src/components/input/test/fill/input.e2e.ts-snapshots/input-fill-outline-label-stacked-shape-round-ionic-md-rtl-light-Mobile-Firefox-linux.png
deleted file mode 100644
index e0497e8b83..0000000000
Binary files a/core/src/components/input/test/fill/input.e2e.ts-snapshots/input-fill-outline-label-stacked-shape-round-ionic-md-rtl-light-Mobile-Firefox-linux.png and /dev/null differ
diff --git a/core/src/components/input/test/fill/input.e2e.ts-snapshots/input-fill-outline-label-stacked-shape-round-ionic-md-rtl-light-Mobile-Safari-linux.png b/core/src/components/input/test/fill/input.e2e.ts-snapshots/input-fill-outline-label-stacked-shape-round-ionic-md-rtl-light-Mobile-Safari-linux.png
deleted file mode 100644
index 311871085d..0000000000
Binary files a/core/src/components/input/test/fill/input.e2e.ts-snapshots/input-fill-outline-label-stacked-shape-round-ionic-md-rtl-light-Mobile-Safari-linux.png and /dev/null differ
diff --git a/core/src/components/input/test/fill/input.e2e.ts-snapshots/input-fill-outline-label-stacked-shape-round-size-large-ionic-md-ltr-light-Mobile-Chrome-linux.png b/core/src/components/input/test/fill/input.e2e.ts-snapshots/input-fill-outline-label-stacked-size-large-ionic-md-ltr-light-Mobile-Chrome-linux.png
similarity index 100%
rename from core/src/components/input/test/fill/input.e2e.ts-snapshots/input-fill-outline-label-stacked-shape-round-size-large-ionic-md-ltr-light-Mobile-Chrome-linux.png
rename to core/src/components/input/test/fill/input.e2e.ts-snapshots/input-fill-outline-label-stacked-size-large-ionic-md-ltr-light-Mobile-Chrome-linux.png
diff --git a/core/src/components/input/test/fill/input.e2e.ts-snapshots/input-fill-outline-label-stacked-shape-round-size-large-ionic-md-ltr-light-Mobile-Firefox-linux.png b/core/src/components/input/test/fill/input.e2e.ts-snapshots/input-fill-outline-label-stacked-size-large-ionic-md-ltr-light-Mobile-Firefox-linux.png
similarity index 100%
rename from core/src/components/input/test/fill/input.e2e.ts-snapshots/input-fill-outline-label-stacked-shape-round-size-large-ionic-md-ltr-light-Mobile-Firefox-linux.png
rename to core/src/components/input/test/fill/input.e2e.ts-snapshots/input-fill-outline-label-stacked-size-large-ionic-md-ltr-light-Mobile-Firefox-linux.png
diff --git a/core/src/components/input/test/fill/input.e2e.ts-snapshots/input-fill-outline-label-stacked-shape-round-size-large-ionic-md-ltr-light-Mobile-Safari-linux.png b/core/src/components/input/test/fill/input.e2e.ts-snapshots/input-fill-outline-label-stacked-size-large-ionic-md-ltr-light-Mobile-Safari-linux.png
similarity index 100%
rename from core/src/components/input/test/fill/input.e2e.ts-snapshots/input-fill-outline-label-stacked-shape-round-size-large-ionic-md-ltr-light-Mobile-Safari-linux.png
rename to core/src/components/input/test/fill/input.e2e.ts-snapshots/input-fill-outline-label-stacked-size-large-ionic-md-ltr-light-Mobile-Safari-linux.png
diff --git a/core/src/components/input/test/fill/input.e2e.ts-snapshots/input-fill-outline-label-stacked-shape-round-size-large-ionic-md-rtl-light-Mobile-Chrome-linux.png b/core/src/components/input/test/fill/input.e2e.ts-snapshots/input-fill-outline-label-stacked-size-large-ionic-md-rtl-light-Mobile-Chrome-linux.png
similarity index 100%
rename from core/src/components/input/test/fill/input.e2e.ts-snapshots/input-fill-outline-label-stacked-shape-round-size-large-ionic-md-rtl-light-Mobile-Chrome-linux.png
rename to core/src/components/input/test/fill/input.e2e.ts-snapshots/input-fill-outline-label-stacked-size-large-ionic-md-rtl-light-Mobile-Chrome-linux.png
diff --git a/core/src/components/input/test/fill/input.e2e.ts-snapshots/input-fill-outline-label-stacked-shape-round-size-large-ionic-md-rtl-light-Mobile-Firefox-linux.png b/core/src/components/input/test/fill/input.e2e.ts-snapshots/input-fill-outline-label-stacked-size-large-ionic-md-rtl-light-Mobile-Firefox-linux.png
similarity index 100%
rename from core/src/components/input/test/fill/input.e2e.ts-snapshots/input-fill-outline-label-stacked-shape-round-size-large-ionic-md-rtl-light-Mobile-Firefox-linux.png
rename to core/src/components/input/test/fill/input.e2e.ts-snapshots/input-fill-outline-label-stacked-size-large-ionic-md-rtl-light-Mobile-Firefox-linux.png
diff --git a/core/src/components/input/test/fill/input.e2e.ts-snapshots/input-fill-outline-label-stacked-shape-round-size-large-ionic-md-rtl-light-Mobile-Safari-linux.png b/core/src/components/input/test/fill/input.e2e.ts-snapshots/input-fill-outline-label-stacked-size-large-ionic-md-rtl-light-Mobile-Safari-linux.png
similarity index 100%
rename from core/src/components/input/test/fill/input.e2e.ts-snapshots/input-fill-outline-label-stacked-shape-round-size-large-ionic-md-rtl-light-Mobile-Safari-linux.png
rename to core/src/components/input/test/fill/input.e2e.ts-snapshots/input-fill-outline-label-stacked-size-large-ionic-md-rtl-light-Mobile-Safari-linux.png
diff --git a/core/src/components/input/test/fill/input.e2e.ts-snapshots/input-fill-shaped-outline-custom-md-ltr-Mobile-Chrome-linux.png b/core/src/components/input/test/fill/input.e2e.ts-snapshots/input-fill-shaped-outline-custom-md-ltr-Mobile-Chrome-linux.png
deleted file mode 100644
index 9b87d9b820..0000000000
Binary files a/core/src/components/input/test/fill/input.e2e.ts-snapshots/input-fill-shaped-outline-custom-md-ltr-Mobile-Chrome-linux.png and /dev/null differ
diff --git a/core/src/components/input/test/fill/input.e2e.ts-snapshots/input-fill-shaped-outline-custom-md-ltr-Mobile-Firefox-linux.png b/core/src/components/input/test/fill/input.e2e.ts-snapshots/input-fill-shaped-outline-custom-md-ltr-Mobile-Firefox-linux.png
deleted file mode 100644
index 0c1b009506..0000000000
Binary files a/core/src/components/input/test/fill/input.e2e.ts-snapshots/input-fill-shaped-outline-custom-md-ltr-Mobile-Firefox-linux.png and /dev/null differ
diff --git a/core/src/components/input/test/fill/input.e2e.ts-snapshots/input-fill-shaped-outline-custom-md-ltr-Mobile-Safari-linux.png b/core/src/components/input/test/fill/input.e2e.ts-snapshots/input-fill-shaped-outline-custom-md-ltr-Mobile-Safari-linux.png
deleted file mode 100644
index 45d0aefa0f..0000000000
Binary files a/core/src/components/input/test/fill/input.e2e.ts-snapshots/input-fill-shaped-outline-custom-md-ltr-Mobile-Safari-linux.png and /dev/null differ
diff --git a/core/src/components/input/test/fill/input.e2e.ts-snapshots/input-fill-shaped-outline-custom-md-rtl-Mobile-Chrome-linux.png b/core/src/components/input/test/fill/input.e2e.ts-snapshots/input-fill-shaped-outline-custom-md-rtl-Mobile-Chrome-linux.png
deleted file mode 100644
index aa33a74b5f..0000000000
Binary files a/core/src/components/input/test/fill/input.e2e.ts-snapshots/input-fill-shaped-outline-custom-md-rtl-Mobile-Chrome-linux.png and /dev/null differ
diff --git a/core/src/components/input/test/fill/input.e2e.ts-snapshots/input-fill-shaped-outline-custom-md-rtl-Mobile-Firefox-linux.png b/core/src/components/input/test/fill/input.e2e.ts-snapshots/input-fill-shaped-outline-custom-md-rtl-Mobile-Firefox-linux.png
deleted file mode 100644
index c98cd20551..0000000000
Binary files a/core/src/components/input/test/fill/input.e2e.ts-snapshots/input-fill-shaped-outline-custom-md-rtl-Mobile-Firefox-linux.png and /dev/null differ
diff --git a/core/src/components/input/test/fill/input.e2e.ts-snapshots/input-fill-shaped-outline-custom-md-rtl-Mobile-Safari-linux.png b/core/src/components/input/test/fill/input.e2e.ts-snapshots/input-fill-shaped-outline-custom-md-rtl-Mobile-Safari-linux.png
deleted file mode 100644
index 06da3b8c73..0000000000
Binary files a/core/src/components/input/test/fill/input.e2e.ts-snapshots/input-fill-shaped-outline-custom-md-rtl-Mobile-Safari-linux.png and /dev/null differ
diff --git a/core/src/components/input/test/fill/input.e2e.ts-snapshots/input-fill-shaped-outline-md-ltr-Mobile-Chrome-linux.png b/core/src/components/input/test/fill/input.e2e.ts-snapshots/input-fill-shaped-outline-md-ltr-Mobile-Chrome-linux.png
deleted file mode 100644
index 64ba01963c..0000000000
Binary files a/core/src/components/input/test/fill/input.e2e.ts-snapshots/input-fill-shaped-outline-md-ltr-Mobile-Chrome-linux.png and /dev/null differ
diff --git a/core/src/components/input/test/fill/input.e2e.ts-snapshots/input-fill-shaped-outline-md-ltr-Mobile-Firefox-linux.png b/core/src/components/input/test/fill/input.e2e.ts-snapshots/input-fill-shaped-outline-md-ltr-Mobile-Firefox-linux.png
deleted file mode 100644
index 125a6c8994..0000000000
Binary files a/core/src/components/input/test/fill/input.e2e.ts-snapshots/input-fill-shaped-outline-md-ltr-Mobile-Firefox-linux.png and /dev/null differ
diff --git a/core/src/components/input/test/fill/input.e2e.ts-snapshots/input-fill-shaped-outline-md-rtl-Mobile-Chrome-linux.png b/core/src/components/input/test/fill/input.e2e.ts-snapshots/input-fill-shaped-outline-md-rtl-Mobile-Chrome-linux.png
deleted file mode 100644
index e460fcc8ba..0000000000
Binary files a/core/src/components/input/test/fill/input.e2e.ts-snapshots/input-fill-shaped-outline-md-rtl-Mobile-Chrome-linux.png and /dev/null differ
diff --git a/core/src/components/input/test/fill/input.e2e.ts-snapshots/input-fill-shaped-outline-md-rtl-Mobile-Firefox-linux.png b/core/src/components/input/test/fill/input.e2e.ts-snapshots/input-fill-shaped-outline-md-rtl-Mobile-Firefox-linux.png
deleted file mode 100644
index bd9f574d6f..0000000000
Binary files a/core/src/components/input/test/fill/input.e2e.ts-snapshots/input-fill-shaped-outline-md-rtl-Mobile-Firefox-linux.png and /dev/null differ
diff --git a/core/src/components/input/test/fill/input.e2e.ts-snapshots/input-fill-shaped-solid-md-ltr-Mobile-Chrome-linux.png b/core/src/components/input/test/fill/input.e2e.ts-snapshots/input-fill-shaped-solid-md-ltr-Mobile-Chrome-linux.png
deleted file mode 100644
index 40bac770da..0000000000
Binary files a/core/src/components/input/test/fill/input.e2e.ts-snapshots/input-fill-shaped-solid-md-ltr-Mobile-Chrome-linux.png and /dev/null differ
diff --git a/core/src/components/input/test/fill/input.e2e.ts-snapshots/input-fill-shaped-solid-md-rtl-Mobile-Chrome-linux.png b/core/src/components/input/test/fill/input.e2e.ts-snapshots/input-fill-shaped-solid-md-rtl-Mobile-Chrome-linux.png
deleted file mode 100644
index c91bf1295b..0000000000
Binary files a/core/src/components/input/test/fill/input.e2e.ts-snapshots/input-fill-shaped-solid-md-rtl-Mobile-Chrome-linux.png and /dev/null differ
diff --git a/core/src/components/input/test/fill/input.e2e.ts-snapshots/input-fill-shaped-solid-custom-md-ltr-Mobile-Chrome-linux.png b/core/src/components/input/test/fill/input.e2e.ts-snapshots/input-fill-solid-custom-md-ltr-Mobile-Chrome-linux.png
similarity index 100%
rename from core/src/components/input/test/fill/input.e2e.ts-snapshots/input-fill-shaped-solid-custom-md-ltr-Mobile-Chrome-linux.png
rename to core/src/components/input/test/fill/input.e2e.ts-snapshots/input-fill-solid-custom-md-ltr-Mobile-Chrome-linux.png
diff --git a/core/src/components/input/test/fill/input.e2e.ts-snapshots/input-fill-shaped-solid-custom-md-ltr-Mobile-Firefox-linux.png b/core/src/components/input/test/fill/input.e2e.ts-snapshots/input-fill-solid-custom-md-ltr-Mobile-Firefox-linux.png
similarity index 100%
rename from core/src/components/input/test/fill/input.e2e.ts-snapshots/input-fill-shaped-solid-custom-md-ltr-Mobile-Firefox-linux.png
rename to core/src/components/input/test/fill/input.e2e.ts-snapshots/input-fill-solid-custom-md-ltr-Mobile-Firefox-linux.png
diff --git a/core/src/components/input/test/fill/input.e2e.ts-snapshots/input-fill-shaped-solid-custom-md-ltr-Mobile-Safari-linux.png b/core/src/components/input/test/fill/input.e2e.ts-snapshots/input-fill-solid-custom-md-ltr-Mobile-Safari-linux.png
similarity index 100%
rename from core/src/components/input/test/fill/input.e2e.ts-snapshots/input-fill-shaped-solid-custom-md-ltr-Mobile-Safari-linux.png
rename to core/src/components/input/test/fill/input.e2e.ts-snapshots/input-fill-solid-custom-md-ltr-Mobile-Safari-linux.png
diff --git a/core/src/components/input/test/fill/input.e2e.ts-snapshots/input-fill-shaped-solid-custom-md-rtl-Mobile-Chrome-linux.png b/core/src/components/input/test/fill/input.e2e.ts-snapshots/input-fill-solid-custom-md-rtl-Mobile-Chrome-linux.png
similarity index 100%
rename from core/src/components/input/test/fill/input.e2e.ts-snapshots/input-fill-shaped-solid-custom-md-rtl-Mobile-Chrome-linux.png
rename to core/src/components/input/test/fill/input.e2e.ts-snapshots/input-fill-solid-custom-md-rtl-Mobile-Chrome-linux.png
diff --git a/core/src/components/input/test/fill/input.e2e.ts-snapshots/input-fill-shaped-solid-custom-md-rtl-Mobile-Firefox-linux.png b/core/src/components/input/test/fill/input.e2e.ts-snapshots/input-fill-solid-custom-md-rtl-Mobile-Firefox-linux.png
similarity index 100%
rename from core/src/components/input/test/fill/input.e2e.ts-snapshots/input-fill-shaped-solid-custom-md-rtl-Mobile-Firefox-linux.png
rename to core/src/components/input/test/fill/input.e2e.ts-snapshots/input-fill-solid-custom-md-rtl-Mobile-Firefox-linux.png
diff --git a/core/src/components/input/test/fill/input.e2e.ts-snapshots/input-fill-shaped-solid-custom-md-rtl-Mobile-Safari-linux.png b/core/src/components/input/test/fill/input.e2e.ts-snapshots/input-fill-solid-custom-md-rtl-Mobile-Safari-linux.png
similarity index 100%
rename from core/src/components/input/test/fill/input.e2e.ts-snapshots/input-fill-shaped-solid-custom-md-rtl-Mobile-Safari-linux.png
rename to core/src/components/input/test/fill/input.e2e.ts-snapshots/input-fill-solid-custom-md-rtl-Mobile-Safari-linux.png
diff --git a/core/src/components/input/test/shape/index.html b/core/src/components/input/test/shape/index.html
new file mode 100644
index 0000000000..1e91492573
--- /dev/null
+++ b/core/src/components/input/test/shape/index.html
@@ -0,0 +1,63 @@
+
+
+
+
+ Input - Shape
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Input - Shape
+
+
+
+
+
+
+
Default Shape
+
+
+
+
Round Shape
+
+
+
+
+
+
+
diff --git a/core/src/components/input/test/shape/input.e2e.ts b/core/src/components/input/test/shape/input.e2e.ts
new file mode 100644
index 0000000000..0a891cb0a4
--- /dev/null
+++ b/core/src/components/input/test/shape/input.e2e.ts
@@ -0,0 +1,111 @@
+import { expect } from '@playwright/test';
+import { configs, test } from '@utils/test/playwright';
+
+configs({ modes: ['md'] }).forEach(({ title, screenshot, config }) => {
+ test.describe(title('input: shape'), () => {
+ /**
+ * Solid fill is only available in MD theme.
+ */
+ test.describe('solid fill', () => {
+ test('should not have visual regressions', async ({ page }) => {
+ await page.setContent(
+ `
+
+ `,
+ config
+ );
+
+ const input = page.locator('ion-input');
+ await expect(input).toHaveScreenshot(screenshot(`input-shape-round-fill-solid`));
+ });
+ test('border radius should be customizable', async ({ page }) => {
+ await page.setContent(
+ `
+
+
+
+ `,
+ config
+ );
+
+ const input = page.locator('ion-input');
+ await expect(input).toHaveScreenshot(screenshot(`input-shape-round-fill-solid-custom`));
+ });
+ });
+ });
+});
+
+configs({ modes: ['ionic-md', 'md'] }).forEach(({ title, screenshot, config }) => {
+ test.describe(title('input: shape'), () => {
+ test.describe('round shape', () => {
+ test.describe('outline fill', () => {
+ test('should not have visual regressions', async ({ page }) => {
+ await page.setContent(
+ `
+
+ `,
+ config
+ );
+
+ const input = page.locator('ion-input');
+ await expect(input).toHaveScreenshot(screenshot(`input-shape-round-fill-outline`));
+ });
+
+ test('border radius should be customizable', async ({ page }) => {
+ await page.setContent(
+ `
+
+
+
+ `,
+ config
+ );
+
+ const input = page.locator('ion-input');
+ await expect(input).toHaveScreenshot(screenshot(`input-shape-round-fill-outline-custom`));
+ });
+ });
+ });
+ });
+});
diff --git a/core/src/components/input/test/shape/input.e2e.ts-snapshots/input-shape-round-fill-outline-custom-ionic-md-ltr-light-Mobile-Chrome-linux.png b/core/src/components/input/test/shape/input.e2e.ts-snapshots/input-shape-round-fill-outline-custom-ionic-md-ltr-light-Mobile-Chrome-linux.png
new file mode 100644
index 0000000000..18d4147600
Binary files /dev/null and b/core/src/components/input/test/shape/input.e2e.ts-snapshots/input-shape-round-fill-outline-custom-ionic-md-ltr-light-Mobile-Chrome-linux.png differ
diff --git a/core/src/components/input/test/shape/input.e2e.ts-snapshots/input-shape-round-fill-outline-custom-ionic-md-ltr-light-Mobile-Firefox-linux.png b/core/src/components/input/test/shape/input.e2e.ts-snapshots/input-shape-round-fill-outline-custom-ionic-md-ltr-light-Mobile-Firefox-linux.png
new file mode 100644
index 0000000000..79084dc6f3
Binary files /dev/null and b/core/src/components/input/test/shape/input.e2e.ts-snapshots/input-shape-round-fill-outline-custom-ionic-md-ltr-light-Mobile-Firefox-linux.png differ
diff --git a/core/src/components/input/test/shape/input.e2e.ts-snapshots/input-shape-round-fill-outline-custom-ionic-md-ltr-light-Mobile-Safari-linux.png b/core/src/components/input/test/shape/input.e2e.ts-snapshots/input-shape-round-fill-outline-custom-ionic-md-ltr-light-Mobile-Safari-linux.png
new file mode 100644
index 0000000000..507fdb7d01
Binary files /dev/null and b/core/src/components/input/test/shape/input.e2e.ts-snapshots/input-shape-round-fill-outline-custom-ionic-md-ltr-light-Mobile-Safari-linux.png differ
diff --git a/core/src/components/input/test/shape/input.e2e.ts-snapshots/input-shape-round-fill-outline-custom-ionic-md-rtl-light-Mobile-Chrome-linux.png b/core/src/components/input/test/shape/input.e2e.ts-snapshots/input-shape-round-fill-outline-custom-ionic-md-rtl-light-Mobile-Chrome-linux.png
new file mode 100644
index 0000000000..3a7833cf47
Binary files /dev/null and b/core/src/components/input/test/shape/input.e2e.ts-snapshots/input-shape-round-fill-outline-custom-ionic-md-rtl-light-Mobile-Chrome-linux.png differ
diff --git a/core/src/components/input/test/shape/input.e2e.ts-snapshots/input-shape-round-fill-outline-custom-ionic-md-rtl-light-Mobile-Firefox-linux.png b/core/src/components/input/test/shape/input.e2e.ts-snapshots/input-shape-round-fill-outline-custom-ionic-md-rtl-light-Mobile-Firefox-linux.png
new file mode 100644
index 0000000000..8d47b87eab
Binary files /dev/null and b/core/src/components/input/test/shape/input.e2e.ts-snapshots/input-shape-round-fill-outline-custom-ionic-md-rtl-light-Mobile-Firefox-linux.png differ
diff --git a/core/src/components/input/test/shape/input.e2e.ts-snapshots/input-shape-round-fill-outline-custom-ionic-md-rtl-light-Mobile-Safari-linux.png b/core/src/components/input/test/shape/input.e2e.ts-snapshots/input-shape-round-fill-outline-custom-ionic-md-rtl-light-Mobile-Safari-linux.png
new file mode 100644
index 0000000000..0f04d6d599
Binary files /dev/null and b/core/src/components/input/test/shape/input.e2e.ts-snapshots/input-shape-round-fill-outline-custom-ionic-md-rtl-light-Mobile-Safari-linux.png differ
diff --git a/core/src/components/input/test/shape/input.e2e.ts-snapshots/input-shape-round-fill-outline-custom-md-ltr-Mobile-Chrome-linux.png b/core/src/components/input/test/shape/input.e2e.ts-snapshots/input-shape-round-fill-outline-custom-md-ltr-Mobile-Chrome-linux.png
new file mode 100644
index 0000000000..81afadaa3f
Binary files /dev/null and b/core/src/components/input/test/shape/input.e2e.ts-snapshots/input-shape-round-fill-outline-custom-md-ltr-Mobile-Chrome-linux.png differ
diff --git a/core/src/components/input/test/shape/input.e2e.ts-snapshots/input-shape-round-fill-outline-custom-md-ltr-Mobile-Firefox-linux.png b/core/src/components/input/test/shape/input.e2e.ts-snapshots/input-shape-round-fill-outline-custom-md-ltr-Mobile-Firefox-linux.png
new file mode 100644
index 0000000000..31413adecc
Binary files /dev/null and b/core/src/components/input/test/shape/input.e2e.ts-snapshots/input-shape-round-fill-outline-custom-md-ltr-Mobile-Firefox-linux.png differ
diff --git a/core/src/components/input/test/shape/input.e2e.ts-snapshots/input-shape-round-fill-outline-custom-md-ltr-Mobile-Safari-linux.png b/core/src/components/input/test/shape/input.e2e.ts-snapshots/input-shape-round-fill-outline-custom-md-ltr-Mobile-Safari-linux.png
new file mode 100644
index 0000000000..49fe2f87b2
Binary files /dev/null and b/core/src/components/input/test/shape/input.e2e.ts-snapshots/input-shape-round-fill-outline-custom-md-ltr-Mobile-Safari-linux.png differ
diff --git a/core/src/components/input/test/shape/input.e2e.ts-snapshots/input-shape-round-fill-outline-custom-md-rtl-Mobile-Chrome-linux.png b/core/src/components/input/test/shape/input.e2e.ts-snapshots/input-shape-round-fill-outline-custom-md-rtl-Mobile-Chrome-linux.png
new file mode 100644
index 0000000000..42d0e71836
Binary files /dev/null and b/core/src/components/input/test/shape/input.e2e.ts-snapshots/input-shape-round-fill-outline-custom-md-rtl-Mobile-Chrome-linux.png differ
diff --git a/core/src/components/input/test/shape/input.e2e.ts-snapshots/input-shape-round-fill-outline-custom-md-rtl-Mobile-Firefox-linux.png b/core/src/components/input/test/shape/input.e2e.ts-snapshots/input-shape-round-fill-outline-custom-md-rtl-Mobile-Firefox-linux.png
new file mode 100644
index 0000000000..cd219653d7
Binary files /dev/null and b/core/src/components/input/test/shape/input.e2e.ts-snapshots/input-shape-round-fill-outline-custom-md-rtl-Mobile-Firefox-linux.png differ
diff --git a/core/src/components/input/test/shape/input.e2e.ts-snapshots/input-shape-round-fill-outline-custom-md-rtl-Mobile-Safari-linux.png b/core/src/components/input/test/shape/input.e2e.ts-snapshots/input-shape-round-fill-outline-custom-md-rtl-Mobile-Safari-linux.png
new file mode 100644
index 0000000000..4b07e683bf
Binary files /dev/null and b/core/src/components/input/test/shape/input.e2e.ts-snapshots/input-shape-round-fill-outline-custom-md-rtl-Mobile-Safari-linux.png differ
diff --git a/core/src/components/input/test/shape/input.e2e.ts-snapshots/input-shape-round-fill-outline-ionic-md-ltr-light-Mobile-Chrome-linux.png b/core/src/components/input/test/shape/input.e2e.ts-snapshots/input-shape-round-fill-outline-ionic-md-ltr-light-Mobile-Chrome-linux.png
new file mode 100644
index 0000000000..5a6f2d689d
Binary files /dev/null and b/core/src/components/input/test/shape/input.e2e.ts-snapshots/input-shape-round-fill-outline-ionic-md-ltr-light-Mobile-Chrome-linux.png differ
diff --git a/core/src/components/input/test/shape/input.e2e.ts-snapshots/input-shape-round-fill-outline-ionic-md-ltr-light-Mobile-Firefox-linux.png b/core/src/components/input/test/shape/input.e2e.ts-snapshots/input-shape-round-fill-outline-ionic-md-ltr-light-Mobile-Firefox-linux.png
new file mode 100644
index 0000000000..26519e60de
Binary files /dev/null and b/core/src/components/input/test/shape/input.e2e.ts-snapshots/input-shape-round-fill-outline-ionic-md-ltr-light-Mobile-Firefox-linux.png differ
diff --git a/core/src/components/input/test/shape/input.e2e.ts-snapshots/input-shape-round-fill-outline-ionic-md-ltr-light-Mobile-Safari-linux.png b/core/src/components/input/test/shape/input.e2e.ts-snapshots/input-shape-round-fill-outline-ionic-md-ltr-light-Mobile-Safari-linux.png
new file mode 100644
index 0000000000..db99f73f13
Binary files /dev/null and b/core/src/components/input/test/shape/input.e2e.ts-snapshots/input-shape-round-fill-outline-ionic-md-ltr-light-Mobile-Safari-linux.png differ
diff --git a/core/src/components/input/test/shape/input.e2e.ts-snapshots/input-shape-round-fill-outline-ionic-md-rtl-light-Mobile-Chrome-linux.png b/core/src/components/input/test/shape/input.e2e.ts-snapshots/input-shape-round-fill-outline-ionic-md-rtl-light-Mobile-Chrome-linux.png
new file mode 100644
index 0000000000..2bf731f553
Binary files /dev/null and b/core/src/components/input/test/shape/input.e2e.ts-snapshots/input-shape-round-fill-outline-ionic-md-rtl-light-Mobile-Chrome-linux.png differ
diff --git a/core/src/components/input/test/shape/input.e2e.ts-snapshots/input-shape-round-fill-outline-ionic-md-rtl-light-Mobile-Firefox-linux.png b/core/src/components/input/test/shape/input.e2e.ts-snapshots/input-shape-round-fill-outline-ionic-md-rtl-light-Mobile-Firefox-linux.png
new file mode 100644
index 0000000000..535eaf7d71
Binary files /dev/null and b/core/src/components/input/test/shape/input.e2e.ts-snapshots/input-shape-round-fill-outline-ionic-md-rtl-light-Mobile-Firefox-linux.png differ
diff --git a/core/src/components/input/test/shape/input.e2e.ts-snapshots/input-shape-round-fill-outline-ionic-md-rtl-light-Mobile-Safari-linux.png b/core/src/components/input/test/shape/input.e2e.ts-snapshots/input-shape-round-fill-outline-ionic-md-rtl-light-Mobile-Safari-linux.png
new file mode 100644
index 0000000000..ca4b5840df
Binary files /dev/null and b/core/src/components/input/test/shape/input.e2e.ts-snapshots/input-shape-round-fill-outline-ionic-md-rtl-light-Mobile-Safari-linux.png differ
diff --git a/core/src/components/input/test/shape/input.e2e.ts-snapshots/input-shape-round-fill-outline-md-ltr-Mobile-Chrome-linux.png b/core/src/components/input/test/shape/input.e2e.ts-snapshots/input-shape-round-fill-outline-md-ltr-Mobile-Chrome-linux.png
new file mode 100644
index 0000000000..3f1600c15b
Binary files /dev/null and b/core/src/components/input/test/shape/input.e2e.ts-snapshots/input-shape-round-fill-outline-md-ltr-Mobile-Chrome-linux.png differ
diff --git a/core/src/components/input/test/shape/input.e2e.ts-snapshots/input-shape-round-fill-outline-md-ltr-Mobile-Firefox-linux.png b/core/src/components/input/test/shape/input.e2e.ts-snapshots/input-shape-round-fill-outline-md-ltr-Mobile-Firefox-linux.png
new file mode 100644
index 0000000000..37c831f7e7
Binary files /dev/null and b/core/src/components/input/test/shape/input.e2e.ts-snapshots/input-shape-round-fill-outline-md-ltr-Mobile-Firefox-linux.png differ
diff --git a/core/src/components/input/test/fill/input.e2e.ts-snapshots/input-fill-shaped-outline-md-ltr-Mobile-Safari-linux.png b/core/src/components/input/test/shape/input.e2e.ts-snapshots/input-shape-round-fill-outline-md-ltr-Mobile-Safari-linux.png
similarity index 100%
rename from core/src/components/input/test/fill/input.e2e.ts-snapshots/input-fill-shaped-outline-md-ltr-Mobile-Safari-linux.png
rename to core/src/components/input/test/shape/input.e2e.ts-snapshots/input-shape-round-fill-outline-md-ltr-Mobile-Safari-linux.png
diff --git a/core/src/components/input/test/shape/input.e2e.ts-snapshots/input-shape-round-fill-outline-md-rtl-Mobile-Chrome-linux.png b/core/src/components/input/test/shape/input.e2e.ts-snapshots/input-shape-round-fill-outline-md-rtl-Mobile-Chrome-linux.png
new file mode 100644
index 0000000000..ae90d71139
Binary files /dev/null and b/core/src/components/input/test/shape/input.e2e.ts-snapshots/input-shape-round-fill-outline-md-rtl-Mobile-Chrome-linux.png differ
diff --git a/core/src/components/input/test/shape/input.e2e.ts-snapshots/input-shape-round-fill-outline-md-rtl-Mobile-Firefox-linux.png b/core/src/components/input/test/shape/input.e2e.ts-snapshots/input-shape-round-fill-outline-md-rtl-Mobile-Firefox-linux.png
new file mode 100644
index 0000000000..5551a27706
Binary files /dev/null and b/core/src/components/input/test/shape/input.e2e.ts-snapshots/input-shape-round-fill-outline-md-rtl-Mobile-Firefox-linux.png differ
diff --git a/core/src/components/input/test/fill/input.e2e.ts-snapshots/input-fill-shaped-outline-md-rtl-Mobile-Safari-linux.png b/core/src/components/input/test/shape/input.e2e.ts-snapshots/input-shape-round-fill-outline-md-rtl-Mobile-Safari-linux.png
similarity index 100%
rename from core/src/components/input/test/fill/input.e2e.ts-snapshots/input-fill-shaped-outline-md-rtl-Mobile-Safari-linux.png
rename to core/src/components/input/test/shape/input.e2e.ts-snapshots/input-shape-round-fill-outline-md-rtl-Mobile-Safari-linux.png
diff --git a/core/src/components/input/test/shape/input.e2e.ts-snapshots/input-shape-round-fill-solid-custom-md-ltr-Mobile-Chrome-linux.png b/core/src/components/input/test/shape/input.e2e.ts-snapshots/input-shape-round-fill-solid-custom-md-ltr-Mobile-Chrome-linux.png
new file mode 100644
index 0000000000..c0e6e3e482
Binary files /dev/null and b/core/src/components/input/test/shape/input.e2e.ts-snapshots/input-shape-round-fill-solid-custom-md-ltr-Mobile-Chrome-linux.png differ
diff --git a/core/src/components/input/test/shape/input.e2e.ts-snapshots/input-shape-round-fill-solid-custom-md-ltr-Mobile-Firefox-linux.png b/core/src/components/input/test/shape/input.e2e.ts-snapshots/input-shape-round-fill-solid-custom-md-ltr-Mobile-Firefox-linux.png
new file mode 100644
index 0000000000..a5c50ce561
Binary files /dev/null and b/core/src/components/input/test/shape/input.e2e.ts-snapshots/input-shape-round-fill-solid-custom-md-ltr-Mobile-Firefox-linux.png differ
diff --git a/core/src/components/input/test/shape/input.e2e.ts-snapshots/input-shape-round-fill-solid-custom-md-ltr-Mobile-Safari-linux.png b/core/src/components/input/test/shape/input.e2e.ts-snapshots/input-shape-round-fill-solid-custom-md-ltr-Mobile-Safari-linux.png
new file mode 100644
index 0000000000..39e8b199d2
Binary files /dev/null and b/core/src/components/input/test/shape/input.e2e.ts-snapshots/input-shape-round-fill-solid-custom-md-ltr-Mobile-Safari-linux.png differ
diff --git a/core/src/components/input/test/shape/input.e2e.ts-snapshots/input-shape-round-fill-solid-custom-md-rtl-Mobile-Chrome-linux.png b/core/src/components/input/test/shape/input.e2e.ts-snapshots/input-shape-round-fill-solid-custom-md-rtl-Mobile-Chrome-linux.png
new file mode 100644
index 0000000000..3d868fe802
Binary files /dev/null and b/core/src/components/input/test/shape/input.e2e.ts-snapshots/input-shape-round-fill-solid-custom-md-rtl-Mobile-Chrome-linux.png differ
diff --git a/core/src/components/input/test/shape/input.e2e.ts-snapshots/input-shape-round-fill-solid-custom-md-rtl-Mobile-Firefox-linux.png b/core/src/components/input/test/shape/input.e2e.ts-snapshots/input-shape-round-fill-solid-custom-md-rtl-Mobile-Firefox-linux.png
new file mode 100644
index 0000000000..f0f6b10487
Binary files /dev/null and b/core/src/components/input/test/shape/input.e2e.ts-snapshots/input-shape-round-fill-solid-custom-md-rtl-Mobile-Firefox-linux.png differ
diff --git a/core/src/components/input/test/shape/input.e2e.ts-snapshots/input-shape-round-fill-solid-custom-md-rtl-Mobile-Safari-linux.png b/core/src/components/input/test/shape/input.e2e.ts-snapshots/input-shape-round-fill-solid-custom-md-rtl-Mobile-Safari-linux.png
new file mode 100644
index 0000000000..852a4aeb3d
Binary files /dev/null and b/core/src/components/input/test/shape/input.e2e.ts-snapshots/input-shape-round-fill-solid-custom-md-rtl-Mobile-Safari-linux.png differ
diff --git a/core/src/components/input/test/shape/input.e2e.ts-snapshots/input-shape-round-fill-solid-md-ltr-Mobile-Chrome-linux.png b/core/src/components/input/test/shape/input.e2e.ts-snapshots/input-shape-round-fill-solid-md-ltr-Mobile-Chrome-linux.png
new file mode 100644
index 0000000000..4d1fb2e059
Binary files /dev/null and b/core/src/components/input/test/shape/input.e2e.ts-snapshots/input-shape-round-fill-solid-md-ltr-Mobile-Chrome-linux.png differ
diff --git a/core/src/components/input/test/fill/input.e2e.ts-snapshots/input-fill-shaped-solid-md-ltr-Mobile-Firefox-linux.png b/core/src/components/input/test/shape/input.e2e.ts-snapshots/input-shape-round-fill-solid-md-ltr-Mobile-Firefox-linux.png
similarity index 100%
rename from core/src/components/input/test/fill/input.e2e.ts-snapshots/input-fill-shaped-solid-md-ltr-Mobile-Firefox-linux.png
rename to core/src/components/input/test/shape/input.e2e.ts-snapshots/input-shape-round-fill-solid-md-ltr-Mobile-Firefox-linux.png
diff --git a/core/src/components/input/test/fill/input.e2e.ts-snapshots/input-fill-shaped-solid-md-ltr-Mobile-Safari-linux.png b/core/src/components/input/test/shape/input.e2e.ts-snapshots/input-shape-round-fill-solid-md-ltr-Mobile-Safari-linux.png
similarity index 100%
rename from core/src/components/input/test/fill/input.e2e.ts-snapshots/input-fill-shaped-solid-md-ltr-Mobile-Safari-linux.png
rename to core/src/components/input/test/shape/input.e2e.ts-snapshots/input-shape-round-fill-solid-md-ltr-Mobile-Safari-linux.png
diff --git a/core/src/components/input/test/shape/input.e2e.ts-snapshots/input-shape-round-fill-solid-md-rtl-Mobile-Chrome-linux.png b/core/src/components/input/test/shape/input.e2e.ts-snapshots/input-shape-round-fill-solid-md-rtl-Mobile-Chrome-linux.png
new file mode 100644
index 0000000000..aa111b14c4
Binary files /dev/null and b/core/src/components/input/test/shape/input.e2e.ts-snapshots/input-shape-round-fill-solid-md-rtl-Mobile-Chrome-linux.png differ
diff --git a/core/src/components/input/test/fill/input.e2e.ts-snapshots/input-fill-shaped-solid-md-rtl-Mobile-Firefox-linux.png b/core/src/components/input/test/shape/input.e2e.ts-snapshots/input-shape-round-fill-solid-md-rtl-Mobile-Firefox-linux.png
similarity index 100%
rename from core/src/components/input/test/fill/input.e2e.ts-snapshots/input-fill-shaped-solid-md-rtl-Mobile-Firefox-linux.png
rename to core/src/components/input/test/shape/input.e2e.ts-snapshots/input-shape-round-fill-solid-md-rtl-Mobile-Firefox-linux.png
diff --git a/core/src/components/input/test/fill/input.e2e.ts-snapshots/input-fill-shaped-solid-md-rtl-Mobile-Safari-linux.png b/core/src/components/input/test/shape/input.e2e.ts-snapshots/input-shape-round-fill-solid-md-rtl-Mobile-Safari-linux.png
similarity index 100%
rename from core/src/components/input/test/fill/input.e2e.ts-snapshots/input-fill-shaped-solid-md-rtl-Mobile-Safari-linux.png
rename to core/src/components/input/test/shape/input.e2e.ts-snapshots/input-shape-round-fill-solid-md-rtl-Mobile-Safari-linux.png