From 4a4d447e9df26222434cb69c82557fd6a9c0c533 Mon Sep 17 00:00:00 2001 From: Maria Hutt Date: Tue, 30 Apr 2024 08:27:34 -0700 Subject: [PATCH] fix(input): match medium size for ionic theme (#29403) --- core/api.txt | 2 +- core/src/components.d.ts | 8 +-- core/src/components/input/input.ionic.scss | 36 ++++++++++ core/src/components/input/input.tsx | 4 +- .../src/components/input/test/size/index.html | 12 ++++ .../components/input/test/size/input.e2e.ts | 65 ++++++++++++++++++ ...ionic-md-ltr-light-Mobile-Chrome-linux.png | Bin 0 -> 2258 bytes ...onic-md-ltr-light-Mobile-Firefox-linux.png | Bin 0 -> 2719 bytes ...ionic-md-ltr-light-Mobile-Safari-linux.png | Bin 0 -> 1848 bytes ...ionic-md-ltr-light-Mobile-Chrome-linux.png | Bin 0 -> 2258 bytes ...onic-md-ltr-light-Mobile-Firefox-linux.png | Bin 0 -> 2719 bytes ...ionic-md-ltr-light-Mobile-Safari-linux.png | Bin 0 -> 1848 bytes ...ionic-md-ltr-light-Mobile-Chrome-linux.png | Bin 0 -> 2480 bytes ...onic-md-ltr-light-Mobile-Firefox-linux.png | Bin 0 -> 2932 bytes ...ionic-md-ltr-light-Mobile-Safari-linux.png | Bin 0 -> 2041 bytes ...ionic-md-ltr-light-Mobile-Chrome-linux.png | Bin 0 -> 3198 bytes ...onic-md-ltr-light-Mobile-Firefox-linux.png | Bin 0 -> 3629 bytes ...ionic-md-ltr-light-Mobile-Safari-linux.png | Bin 0 -> 2850 bytes 18 files changed, 120 insertions(+), 7 deletions(-) create mode 100644 core/src/components/input/test/size/input.e2e.ts-snapshots/input-size-medium-ionic-md-ltr-light-Mobile-Chrome-linux.png create mode 100644 core/src/components/input/test/size/input.e2e.ts-snapshots/input-size-medium-ionic-md-ltr-light-Mobile-Firefox-linux.png create mode 100644 core/src/components/input/test/size/input.e2e.ts-snapshots/input-size-medium-ionic-md-ltr-light-Mobile-Safari-linux.png create mode 100644 core/src/components/input/test/size/input.e2e.ts-snapshots/input-size-medium-label-stacked-ionic-md-ltr-light-Mobile-Chrome-linux.png create mode 100644 core/src/components/input/test/size/input.e2e.ts-snapshots/input-size-medium-label-stacked-ionic-md-ltr-light-Mobile-Firefox-linux.png create mode 100644 core/src/components/input/test/size/input.e2e.ts-snapshots/input-size-medium-label-stacked-ionic-md-ltr-light-Mobile-Safari-linux.png create mode 100644 core/src/components/input/test/size/input.e2e.ts-snapshots/input-size-medium-outline-ionic-md-ltr-light-Mobile-Chrome-linux.png create mode 100644 core/src/components/input/test/size/input.e2e.ts-snapshots/input-size-medium-outline-ionic-md-ltr-light-Mobile-Firefox-linux.png create mode 100644 core/src/components/input/test/size/input.e2e.ts-snapshots/input-size-medium-outline-ionic-md-ltr-light-Mobile-Safari-linux.png create mode 100644 core/src/components/input/test/size/input.e2e.ts-snapshots/input-size-medium-outline-round-ionic-md-ltr-light-Mobile-Chrome-linux.png create mode 100644 core/src/components/input/test/size/input.e2e.ts-snapshots/input-size-medium-outline-round-ionic-md-ltr-light-Mobile-Firefox-linux.png create mode 100644 core/src/components/input/test/size/input.e2e.ts-snapshots/input-size-medium-outline-round-ionic-md-ltr-light-Mobile-Safari-linux.png diff --git a/core/api.txt b/core/api.txt index a8e0fadfeb..02e065844e 100644 --- a/core/api.txt +++ b/core/api.txt @@ -629,7 +629,7 @@ ion-input,prop,placeholder,string | undefined,undefined,false,false ion-input,prop,readonly,boolean,false,false,true ion-input,prop,required,boolean,false,false,false ion-input,prop,shape,"round" | undefined,undefined,false,false -ion-input,prop,size,"large" | undefined,undefined,false,false +ion-input,prop,size,"large" | "medium" | undefined,'medium',false,false ion-input,prop,spellcheck,boolean,false,false,false ion-input,prop,step,string | undefined,undefined,false,false ion-input,prop,theme,"ios" | "md" | "ionic",undefined,false,false diff --git a/core/src/components.d.ts b/core/src/components.d.ts index f67e78f8ed..bc80ba2c67 100644 --- a/core/src/components.d.ts +++ b/core/src/components.d.ts @@ -1475,9 +1475,9 @@ export namespace Components { */ "shape"?: 'round'; /** - * The size of the input. If "large", it will have an increased height. By default the size is unset. This property only applies to the `"ionic"` theme. + * The size of the input. If "large", it will have an increased height. By default the size is medium. This property only applies to the `"ionic"` theme. */ - "size"?: 'large'; + "size"?: 'medium' | 'large'; /** * If `true`, the element will have its spelling and grammar checked. */ @@ -6747,9 +6747,9 @@ declare namespace LocalJSX { */ "shape"?: 'round'; /** - * The size of the input. If "large", it will have an increased height. By default the size is unset. This property only applies to the `"ionic"` theme. + * The size of the input. If "large", it will have an increased height. By default the size is medium. This property only applies to the `"ionic"` theme. */ - "size"?: 'large'; + "size"?: 'medium' | 'large'; /** * If `true`, the element will have its spelling and grammar checked. */ diff --git a/core/src/components/input/input.ionic.scss b/core/src/components/input/input.ionic.scss index 52f5c6a0b4..26eae66371 100644 --- a/core/src/components/input/input.ionic.scss +++ b/core/src/components/input/input.ionic.scss @@ -19,10 +19,46 @@ // Ionic Input Sizes // -------------------------------------------------- +:host(.input-size-medium) .native-wrapper { + min-height: 40px; +} + :host(.input-size-large) .native-wrapper { min-height: 48px; } +// Target area +// -------------------------------------------------- +:host .native-wrapper::after { + @include position(50%, 0, null, 0); + + position: absolute; + + height: 100%; + min-height: 48px; + + transform: translateY(-50%); + + content: ""; + + // Cursor should match the native input when hovering over the target area. + cursor: text; + + z-index: 1; +} + +::slotted([slot="start"]), +::slotted([slot="end"]), +.input-clear-icon { + /** + * The target area has a z-index of 1, so the slotted elements + * should be higher. Otherwise, the slotted elements will not + * be interactable. This is especially important for the clear + * button, which should be clickable. + */ + z-index: 2; +} + // Input Clear Button // ---------------------------------------------------------------- diff --git a/core/src/components/input/input.tsx b/core/src/components/input/input.tsx index 9e90cfc517..4649ab818e 100644 --- a/core/src/components/input/input.tsx +++ b/core/src/components/input/input.tsx @@ -263,9 +263,9 @@ export class Input implements ComponentInterface { /** * The size of the input. If "large", it will have an increased height. By default the - * size is unset. This property only applies to the `"ionic"` theme. + * size is medium. This property only applies to the `"ionic"` theme. */ - @Prop() size?: 'large'; + @Prop() size?: 'medium' | 'large' = 'medium'; /** * The type of control to display. The default type is text. diff --git a/core/src/components/input/test/size/index.html b/core/src/components/input/test/size/index.html index 0990d7c614..b993cebee5 100644 --- a/core/src/components/input/test/size/index.html +++ b/core/src/components/input/test/size/index.html @@ -58,6 +58,18 @@ +
+

No Fill: No Size, Round Shape

+ +
+ +
+

Outline: No Size, Round Shape

+ +
+ + +

No Fill: Large Size

diff --git a/core/src/components/input/test/size/input.e2e.ts b/core/src/components/input/test/size/input.e2e.ts index 5c52ceca4f..1a31633180 100644 --- a/core/src/components/input/test/size/input.e2e.ts +++ b/core/src/components/input/test/size/input.e2e.ts @@ -6,6 +6,71 @@ import { configs, test } from '@utils/test/playwright'; */ configs({ modes: ['ionic-md'], directions: ['ltr'] }).forEach(({ title, screenshot, config }) => { test.describe(title('input: size'), () => { + test.describe('input: size medium', () => { + test('should not have visual regressions', async ({ page }) => { + await page.setContent( + ` + + `, + config + ); + + const input = page.locator('ion-input'); + await expect(input).toHaveScreenshot(screenshot(`input-size-medium`)); + }); + test('should render correctly with stacked label', async ({ page }) => { + await page.setContent( + ` + + `, + config + ); + + const input = page.locator('ion-input'); + await expect(input).toHaveScreenshot(screenshot(`input-size-medium-label-stacked`)); + }); + test('should not have visual regressions with fill outline', async ({ page }) => { + await page.setContent( + ` + + `, + config + ); + + const input = page.locator('ion-input'); + await expect(input).toHaveScreenshot(screenshot(`input-size-medium-outline`)); + }); + test('should not have visual regressions with fill outline and round shape', async ({ page }) => { + await page.setContent( + ` + + `, + config + ); + + const input = page.locator('ion-input'); + await expect(input).toHaveScreenshot(screenshot(`input-size-medium-outline-round`)); + }); + }); + test.describe('input: size large', () => { test('should not have visual regressions', async ({ page }) => { await page.setContent( diff --git a/core/src/components/input/test/size/input.e2e.ts-snapshots/input-size-medium-ionic-md-ltr-light-Mobile-Chrome-linux.png b/core/src/components/input/test/size/input.e2e.ts-snapshots/input-size-medium-ionic-md-ltr-light-Mobile-Chrome-linux.png new file mode 100644 index 0000000000000000000000000000000000000000..4058af67be2da6158aa4cc5499f8085b33b6bc08 GIT binary patch literal 2258 zcmb7``8$+*AIEQ%ZDg6@jA=$`ZZf4%sbrWZ##km>BP?(6gYzF+V6=Z?8xWhxCr!vFw~ zCYzCL0YD@Ms`Vtqp!LynA75w_@wPQ30;N4lvj89wPbL}K`8}H-xooDuP!U0Pw2)6?VJ0&7aO=YE)!ln6i|5SX#CPm5QvASj=-rkbkdq{$dsTU~Aav9%@w zq^73U_%0qOE-vORE+*_2m&tkg5}u@LSk%wX$pJ7ro+K9+aC~B7s>Q*<50OX|Y%IH0 zR94dZ*v83CXGo-Lwq9m#r_cjKLzv(53JYP-$^14~j_4BzcNd0r|42zm|H~Q#H>E7R zvPl;&%71V_t*@_t{P^)uHXC%DK2JI&{SFI9p(IRAO*c}qvi>s--uzVB8oy7Qx3C~{ z`}S=LmCDY~zs?R&1KDI3HH-C>rlKM#^g}Tu5=lo{l1M*&)TAXr@TueaH#HEneft<< z$#^gH=HHeG;H;h=eY7#SNhvKOBd)+Yd&eu@vCP!cQW~$P*ZzAuYNABXCKwL4yiN~6 zIJvv4-^1^>FTJAc^5r2$=gxHZzIy*h(d+Ny z3bjD?i*5@E?6b^FxV(G>BFIZ!ooH{y;%JlUjT>rIDwQ`i^<02#XENyRi zV8!X^l+gpL!buvCYnJx}Io_@pwQ)GoYoV zl~+)3^gwP?z^Zx+hjYSv+JZN8;)nSY&9U{RiRZ<|BsaIigF{0!Iz58NbJh=9mrG1c zRN?qC^v;HGYBXwwvIPOzGimP3;c$NS16+7v2VE1V&UaBkvHSgdV?V#MKu&G# zzV=7^IU{wxa116c-~0)5DIN6Spr8v^uM*fMbh^rUbMu$Ji;f$2QqJeMjB%p-1_xu4 zk`VsivR5u$z8qIrsQ&Fs14cas1~@~fkW$oiUgh^U{V3QbL!5Ba#~rBTBmu;t&5R^g z@O}QWUtr*Fz;m?mVQ47OouMNO2*x<#5dB>f9v&X14acfjED>N5Z#3PVzI%I^g5f%O zdus#l0(Ff(7CYopdhLF>0B15{@rlcg*x3njtE2*NiY}GODJZD+LS|J)BAl8+9+Z^K zGx5K2B($-yk;bj7s|(8>bBSlY4rmCu(v|W0mmS)kKSm9j$#{^qHaDX@&dxzVe*Jp5 zsqFc40|SFMOng{aSb0@dTdrwBlqEyJ69JsZS{}4jh%*=r3WbtWTzqR_1)>c+bZDx& z%laQ*JhZ{mXf%;bE1Ys_Iw9~(Y;3GxmWzW#0`>GTB_$<5s8Hxt@3*uotgtwocxGm1P2ig5 z_r+1I=u41?O0U$OsCWC<3ae zj6t!i<trSj(17R&a9oT6ehL{Wlk!=0UN|Gm(J0>NDn ze-MRR-{+GThiXE8-~$2!p^nbI_@%?48$=0OcX(@StAvzPvaE(A_P>LJFdZG8wDfdV zQ6y>XpgU5UxbyP=P9eN0Fs#z+m3C=q59Edz-lMQI8l1O*3U$%w+DqP~%lhvDJ7 zxIX42QnLFM?1{WrujEBVMTIf9tgWs0h>OeCwZuRMJ&+s;jde@w?d$k|AI<;7_=@uA X-}&?>Yc3nmPYOUbwjz}hox}eJg;NyJ literal 0 HcmV?d00001 diff --git a/core/src/components/input/test/size/input.e2e.ts-snapshots/input-size-medium-ionic-md-ltr-light-Mobile-Firefox-linux.png b/core/src/components/input/test/size/input.e2e.ts-snapshots/input-size-medium-ionic-md-ltr-light-Mobile-Firefox-linux.png new file mode 100644 index 0000000000000000000000000000000000000000..27f7bb274df71576327c423f6ea90f3b65a74322 GIT binary patch literal 2719 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 TLSzki@f0HA9dXsx-tqqfn@X%# literal 0 HcmV?d00001 diff --git a/core/src/components/input/test/size/input.e2e.ts-snapshots/input-size-medium-ionic-md-ltr-light-Mobile-Safari-linux.png b/core/src/components/input/test/size/input.e2e.ts-snapshots/input-size-medium-ionic-md-ltr-light-Mobile-Safari-linux.png new file mode 100644 index 0000000000000000000000000000000000000000..2e3d33757d498df3796beaa61852d9cda2b84c71 GIT binary patch literal 1848 zcma)-cU03^7RP@eNJ5n&Wnc&;lnHeVAczbSLeGK|5GJ82Ma%?*Oa>4bU|4EGIYg|v!y3B?dXr0s9!|2@0so%7y3_m6ka_j~XAyxg0fE;5o| zNdf>M!lc5x15AItVa}}=PZMep$z-3sw((N4^Wof! z5)z7virLxO^-L$A%>I?oUN$>)l&0rx^F0PLQEcR=nzf&Befq5`FyW$@8k2OmjU$mh zbC^lB*hXyQ_U7jN%LlwynNl5i#?Z1>2ANE*si|?T#r}10Z*^P+m9xNozd=54j|a+r zN=Y&qU5@!g?up;!yfE%fKv^Eu+_>8WO6eRK0paGW&o(+7d8 zI|j321`iJl+e5y1@xr+q&vI3TOHdeMzJTOEey$zK%`Ct0_ z`sTJ^z}lnH7QM{uY!@_o@1wYsa$bIZE?TE|Df&wJbJRczfQa3l ztQ7Jpwzs!s)U6tPn$punAA1V83!UY=iolwkQeq;7O7+HK(K_FgNTlfKXcw1}nrA45O|`lp zc_7k!)HF97m+!1-J^kj*K)ri?_btKqt?2RFAHEG`hz=|YekonyCwjQM z|5jZcex-blsHvv5yxxJ2a&Qo_kLz8kt*vFTScqcE$F8O(L?-Gfn_w2$16QWfD=H91 zM#6<|@n)Tj4@9dDJj*-}^|XP(;Qve3$+XnZ#|MKiy+rzQaIY5ojY94W;pZQJ+&b!% z4|4*ZEDBt&#qU&(uM&vFMP^dGqvKGfl*((^{JVFw^78IDE*|B2>lT~g---A4r&1_m zk&!0bMGEe31Z%kblNh4^C3=a>37f-J9Vl_r$1Du^-zi0Rh!4aHm4VSWy zz#X0lc^V@!($ePA(`@!|>>`VPb$WVQcwua8?8qcHmHp{cWI#aW+sKs^>*S-DurPS) zv&E3jg1kIeIE_YAI9EGJJgxf+y{k$bCl45c20tn)(!K;aibbK)r#CcUL3Va_C%VNu zi`|MaSPPo~)iy2l(0?dY=~>zt&@&6}(@<44|0@5i92~g9ygYJT+(n!K6kKJW%IS)& zPOWQf+?Z+f?)UiMW+V!*UKv!bz79+le&KJ`dsQhYDnhm6dIK50JYIC?0?h69?c0uy zj=w$wc>vYk-`_t|>kgP~k!;-=DTG0_!MAs&R*qR~u?}hg-9ZeV`Os1y(WlmRGprwb zen*FBM|axl>u13P0)YV>F4jybDA2dRlP*{ul0fC8j@G~xpxXafC5b;cnK2R_FqX8U zsbb1N}15u{JP`qdNUY;&NLoZMZU)jxYc zVii&-JxPM*)Yn8S6=mhKoufuSu{4~;zC8nZ){a{>D?NVrp zZ_f#zlaSM_v`Z@Ssswwwyu1v8YJ&j*+6*&X$5^Z=BGIB8V;jHo@|WW{EEb!Rat4-_ zl#&9;=v)n5q#tqT+FT5keEs}pXJ-xc^w={qk4j3iW`1K6F6W~8e7=EaPL|a8$3&XlwX*Pj4?0iImg4URF`jbklGmqHSoo?CBa1(l>aa mOC(LFD^vadrO}_v63Uq*RV(ONCSbs?5O8zyL^q>C(*FbCwqhs% literal 0 HcmV?d00001 diff --git a/core/src/components/input/test/size/input.e2e.ts-snapshots/input-size-medium-label-stacked-ionic-md-ltr-light-Mobile-Chrome-linux.png b/core/src/components/input/test/size/input.e2e.ts-snapshots/input-size-medium-label-stacked-ionic-md-ltr-light-Mobile-Chrome-linux.png new file mode 100644 index 0000000000000000000000000000000000000000..4058af67be2da6158aa4cc5499f8085b33b6bc08 GIT binary patch literal 2258 zcmb7``8$+*AIEQ%ZDg6@jA=$`ZZf4%sbrWZ##km>BP?(6gYzF+V6=Z?8xWhxCr!vFw~ zCYzCL0YD@Ms`Vtqp!LynA75w_@wPQ30;N4lvj89wPbL}K`8}H-xooDuP!U0Pw2)6?VJ0&7aO=YE)!ln6i|5SX#CPm5QvASj=-rkbkdq{$dsTU~Aav9%@w zq^73U_%0qOE-vORE+*_2m&tkg5}u@LSk%wX$pJ7ro+K9+aC~B7s>Q*<50OX|Y%IH0 zR94dZ*v83CXGo-Lwq9m#r_cjKLzv(53JYP-$^14~j_4BzcNd0r|42zm|H~Q#H>E7R zvPl;&%71V_t*@_t{P^)uHXC%DK2JI&{SFI9p(IRAO*c}qvi>s--uzVB8oy7Qx3C~{ z`}S=LmCDY~zs?R&1KDI3HH-C>rlKM#^g}Tu5=lo{l1M*&)TAXr@TueaH#HEneft<< z$#^gH=HHeG;H;h=eY7#SNhvKOBd)+Yd&eu@vCP!cQW~$P*ZzAuYNABXCKwL4yiN~6 zIJvv4-^1^>FTJAc^5r2$=gxHZzIy*h(d+Ny z3bjD?i*5@E?6b^FxV(G>BFIZ!ooH{y;%JlUjT>rIDwQ`i^<02#XENyRi zV8!X^l+gpL!buvCYnJx}Io_@pwQ)GoYoV zl~+)3^gwP?z^Zx+hjYSv+JZN8;)nSY&9U{RiRZ<|BsaIigF{0!Iz58NbJh=9mrG1c zRN?qC^v;HGYBXwwvIPOzGimP3;c$NS16+7v2VE1V&UaBkvHSgdV?V#MKu&G# zzV=7^IU{wxa116c-~0)5DIN6Spr8v^uM*fMbh^rUbMu$Ji;f$2QqJeMjB%p-1_xu4 zk`VsivR5u$z8qIrsQ&Fs14cas1~@~fkW$oiUgh^U{V3QbL!5Ba#~rBTBmu;t&5R^g z@O}QWUtr*Fz;m?mVQ47OouMNO2*x<#5dB>f9v&X14acfjED>N5Z#3PVzI%I^g5f%O zdus#l0(Ff(7CYopdhLF>0B15{@rlcg*x3njtE2*NiY}GODJZD+LS|J)BAl8+9+Z^K zGx5K2B($-yk;bj7s|(8>bBSlY4rmCu(v|W0mmS)kKSm9j$#{^qHaDX@&dxzVe*Jp5 zsqFc40|SFMOng{aSb0@dTdrwBlqEyJ69JsZS{}4jh%*=r3WbtWTzqR_1)>c+bZDx& z%laQ*JhZ{mXf%;bE1Ys_Iw9~(Y;3GxmWzW#0`>GTB_$<5s8Hxt@3*uotgtwocxGm1P2ig5 z_r+1I=u41?O0U$OsCWC<3ae zj6t!i<trSj(17R&a9oT6ehL{Wlk!=0UN|Gm(J0>NDn ze-MRR-{+GThiXE8-~$2!p^nbI_@%?48$=0OcX(@StAvzPvaE(A_P>LJFdZG8wDfdV zQ6y>XpgU5UxbyP=P9eN0Fs#z+m3C=q59Edz-lMQI8l1O*3U$%w+DqP~%lhvDJ7 zxIX42QnLFM?1{WrujEBVMTIf9tgWs0h>OeCwZuRMJ&+s;jde@w?d$k|AI<;7_=@uA X-}&?>Yc3nmPYOUbwjz}hox}eJg;NyJ literal 0 HcmV?d00001 diff --git a/core/src/components/input/test/size/input.e2e.ts-snapshots/input-size-medium-label-stacked-ionic-md-ltr-light-Mobile-Firefox-linux.png b/core/src/components/input/test/size/input.e2e.ts-snapshots/input-size-medium-label-stacked-ionic-md-ltr-light-Mobile-Firefox-linux.png new file mode 100644 index 0000000000000000000000000000000000000000..27f7bb274df71576327c423f6ea90f3b65a74322 GIT binary patch literal 2719 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 TLSzki@f0HA9dXsx-tqqfn@X%# literal 0 HcmV?d00001 diff --git a/core/src/components/input/test/size/input.e2e.ts-snapshots/input-size-medium-label-stacked-ionic-md-ltr-light-Mobile-Safari-linux.png b/core/src/components/input/test/size/input.e2e.ts-snapshots/input-size-medium-label-stacked-ionic-md-ltr-light-Mobile-Safari-linux.png new file mode 100644 index 0000000000000000000000000000000000000000..2e3d33757d498df3796beaa61852d9cda2b84c71 GIT binary patch literal 1848 zcma)-cU03^7RP@eNJ5n&Wnc&;lnHeVAczbSLeGK|5GJ82Ma%?*Oa>4bU|4EGIYg|v!y3B?dXr0s9!|2@0so%7y3_m6ka_j~XAyxg0fE;5o| zNdf>M!lc5x15AItVa}}=PZMep$z-3sw((N4^Wof! z5)z7virLxO^-L$A%>I?oUN$>)l&0rx^F0PLQEcR=nzf&Befq5`FyW$@8k2OmjU$mh zbC^lB*hXyQ_U7jN%LlwynNl5i#?Z1>2ANE*si|?T#r}10Z*^P+m9xNozd=54j|a+r zN=Y&qU5@!g?up;!yfE%fKv^Eu+_>8WO6eRK0paGW&o(+7d8 zI|j321`iJl+e5y1@xr+q&vI3TOHdeMzJTOEey$zK%`Ct0_ z`sTJ^z}lnH7QM{uY!@_o@1wYsa$bIZE?TE|Df&wJbJRczfQa3l ztQ7Jpwzs!s)U6tPn$punAA1V83!UY=iolwkQeq;7O7+HK(K_FgNTlfKXcw1}nrA45O|`lp zc_7k!)HF97m+!1-J^kj*K)ri?_btKqt?2RFAHEG`hz=|YekonyCwjQM z|5jZcex-blsHvv5yxxJ2a&Qo_kLz8kt*vFTScqcE$F8O(L?-Gfn_w2$16QWfD=H91 zM#6<|@n)Tj4@9dDJj*-}^|XP(;Qve3$+XnZ#|MKiy+rzQaIY5ojY94W;pZQJ+&b!% z4|4*ZEDBt&#qU&(uM&vFMP^dGqvKGfl*((^{JVFw^78IDE*|B2>lT~g---A4r&1_m zk&!0bMGEe31Z%kblNh4^C3=a>37f-J9Vl_r$1Du^-zi0Rh!4aHm4VSWy zz#X0lc^V@!($ePA(`@!|>>`VPb$WVQcwua8?8qcHmHp{cWI#aW+sKs^>*S-DurPS) zv&E3jg1kIeIE_YAI9EGJJgxf+y{k$bCl45c20tn)(!K;aibbK)r#CcUL3Va_C%VNu zi`|MaSPPo~)iy2l(0?dY=~>zt&@&6}(@<44|0@5i92~g9ygYJT+(n!K6kKJW%IS)& zPOWQf+?Z+f?)UiMW+V!*UKv!bz79+le&KJ`dsQhYDnhm6dIK50JYIC?0?h69?c0uy zj=w$wc>vYk-`_t|>kgP~k!;-=DTG0_!MAs&R*qR~u?}hg-9ZeV`Os1y(WlmRGprwb zen*FBM|axl>u13P0)YV>F4jybDA2dRlP*{ul0fC8j@G~xpxXafC5b;cnK2R_FqX8U zsbb1N}15u{JP`qdNUY;&NLoZMZU)jxYc zVii&-JxPM*)Yn8S6=mhKoufuSu{4~;zC8nZ){a{>D?NVrp zZ_f#zlaSM_v`Z@Ssswwwyu1v8YJ&j*+6*&X$5^Z=BGIB8V;jHo@|WW{EEb!Rat4-_ zl#&9;=v)n5q#tqT+FT5keEs}pXJ-xc^w={qk4j3iW`1K6F6W~8e7=EaPL|a8$3&XlwX*Pj4?0iImg4URF`jbklGmqHSoo?CBa1(l>aa mOC(LFD^vadrO}_v63Uq*RV(ONCSbs?5O8zyL^q>C(*FbCwqhs% literal 0 HcmV?d00001 diff --git a/core/src/components/input/test/size/input.e2e.ts-snapshots/input-size-medium-outline-ionic-md-ltr-light-Mobile-Chrome-linux.png b/core/src/components/input/test/size/input.e2e.ts-snapshots/input-size-medium-outline-ionic-md-ltr-light-Mobile-Chrome-linux.png new file mode 100644 index 0000000000000000000000000000000000000000..f0da2416e7fa6d40d8a29c97bb5732175075fa1d GIT binary patch literal 2480 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 literal 0 HcmV?d00001 diff --git a/core/src/components/input/test/size/input.e2e.ts-snapshots/input-size-medium-outline-round-ionic-md-ltr-light-Mobile-Chrome-linux.png b/core/src/components/input/test/size/input.e2e.ts-snapshots/input-size-medium-outline-round-ionic-md-ltr-light-Mobile-Chrome-linux.png new file mode 100644 index 0000000000000000000000000000000000000000..82db020ab8ba313753818dc9b6f96f8256cbb432 GIT binary patch literal 3198 zcmXw6c{J2(A0J$qOk|9PYj2u6Glc z9`6c)2&IDelh6ZT&wLsa3m!tzu6EXt7k!G05Xd1D2fURV?cdz7>jciairC7$(uPQ_ zN^_*Lsux2wMb%F~^7FGndrw$K-7v|NSsdK^;l6;adB4o-LO|U|%9oI|uwBXvOj5De zDU;vx{cgn3q3YJMDXsH;GvCZCCMe{SQhm!@wP@)Hl}%kYvbQ* z2r{;CJRV=1-A@(9 zms%0t+j}f$MjFoM5Eh8mGPXJS`NyzWaR˷j^;{V9KDcRykW)1}iH40@1ttaJJOwD#uLuOVLb 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 A6#xJL literal 0 HcmV?d00001 diff --git a/core/src/components/input/test/size/input.e2e.ts-snapshots/input-size-medium-outline-round-ionic-md-ltr-light-Mobile-Firefox-linux.png b/core/src/components/input/test/size/input.e2e.ts-snapshots/input-size-medium-outline-round-ionic-md-ltr-light-Mobile-Firefox-linux.png new file mode 100644 index 0000000000000000000000000000000000000000..234f2820bc628d9a32756c3947d36afef6e6c1ca GIT binary patch literal 3629 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 GD)PSv9j#^n literal 0 HcmV?d00001 diff --git a/core/src/components/input/test/size/input.e2e.ts-snapshots/input-size-medium-outline-round-ionic-md-ltr-light-Mobile-Safari-linux.png b/core/src/components/input/test/size/input.e2e.ts-snapshots/input-size-medium-outline-round-ionic-md-ltr-light-Mobile-Safari-linux.png new file mode 100644 index 0000000000000000000000000000000000000000..171e0514c5cfac5540b7b5601306cd79d62cc4cc GIT binary patch literal 2850 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 A*#H0l literal 0 HcmV?d00001