From fd14ddfec7bf8055ebc21dbabb32348f7c24f705 Mon Sep 17 00:00:00 2001 From: Maria Hutt Date: Fri, 3 May 2024 15:04:26 -0700 Subject: [PATCH] fix(input): match design for xlarge size (#29446) --- core/api.txt | 2 +- core/src/components.d.ts | 4 +- .../components/input/input.ionic.outline.scss | 5 ++ core/src/components/input/input.ionic.scss | 4 + core/src/components/input/input.tsx | 9 ++- .../src/components/input/test/size/index.html | 22 ++++++ .../components/input/test/size/input.e2e.ts | 69 ++++++++++++++++++ ...ionic-md-ltr-light-Mobile-Chrome-linux.png | Bin 0 -> 2362 bytes ...onic-md-ltr-light-Mobile-Firefox-linux.png | Bin 0 -> 2957 bytes ...ionic-md-ltr-light-Mobile-Safari-linux.png | Bin 0 -> 1930 bytes ...ionic-md-ltr-light-Mobile-Chrome-linux.png | Bin 0 -> 2362 bytes ...onic-md-ltr-light-Mobile-Firefox-linux.png | Bin 0 -> 2957 bytes ...ionic-md-ltr-light-Mobile-Safari-linux.png | Bin 0 -> 1930 bytes ...ionic-md-ltr-light-Mobile-Chrome-linux.png | Bin 0 -> 2575 bytes ...onic-md-ltr-light-Mobile-Firefox-linux.png | Bin 0 -> 3178 bytes ...ionic-md-ltr-light-Mobile-Safari-linux.png | Bin 0 -> 2120 bytes ...ionic-md-ltr-light-Mobile-Chrome-linux.png | Bin 0 -> 3605 bytes ...onic-md-ltr-light-Mobile-Firefox-linux.png | Bin 0 -> 4232 bytes ...ionic-md-ltr-light-Mobile-Safari-linux.png | Bin 0 -> 3338 bytes 19 files changed, 108 insertions(+), 7 deletions(-) create mode 100644 core/src/components/input/test/size/input.e2e.ts-snapshots/input-size-xlarge-ionic-md-ltr-light-Mobile-Chrome-linux.png create mode 100644 core/src/components/input/test/size/input.e2e.ts-snapshots/input-size-xlarge-ionic-md-ltr-light-Mobile-Firefox-linux.png create mode 100644 core/src/components/input/test/size/input.e2e.ts-snapshots/input-size-xlarge-ionic-md-ltr-light-Mobile-Safari-linux.png create mode 100644 core/src/components/input/test/size/input.e2e.ts-snapshots/input-size-xlarge-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-xlarge-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-xlarge-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-xlarge-outline-ionic-md-ltr-light-Mobile-Chrome-linux.png create mode 100644 core/src/components/input/test/size/input.e2e.ts-snapshots/input-size-xlarge-outline-ionic-md-ltr-light-Mobile-Firefox-linux.png create mode 100644 core/src/components/input/test/size/input.e2e.ts-snapshots/input-size-xlarge-outline-ionic-md-ltr-light-Mobile-Safari-linux.png create mode 100644 core/src/components/input/test/size/input.e2e.ts-snapshots/input-size-xlarge-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-xlarge-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-xlarge-outline-round-ionic-md-ltr-light-Mobile-Safari-linux.png diff --git a/core/api.txt b/core/api.txt index de53285bfe..cc52be0b4d 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" | "medium" | undefined,'medium',false,false +ion-input,prop,size,"large" | "medium" | "xlarge" | 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 0766d5c2e0..9d0a9ed6b1 100644 --- a/core/src/components.d.ts +++ b/core/src/components.d.ts @@ -1477,7 +1477,7 @@ export namespace Components { /** * 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"?: 'medium' | 'large'; + "size"?: 'medium' | 'large' | 'xlarge'; /** * If `true`, the element will have its spelling and grammar checked. */ @@ -6757,7 +6757,7 @@ declare namespace LocalJSX { /** * 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"?: 'medium' | 'large'; + "size"?: 'medium' | 'large' | 'xlarge'; /** * If `true`, the element will have its spelling and grammar checked. */ diff --git a/core/src/components/input/input.ionic.outline.scss b/core/src/components/input/input.ionic.outline.scss index 5b138df7b9..247a1b446b 100644 --- a/core/src/components/input/input.ionic.outline.scss +++ b/core/src/components/input/input.ionic.outline.scss @@ -15,6 +15,11 @@ --padding-end: 16px; } +:host(.input-fill-outline.input-size-xlarge) { + --padding-start: 20px; + --padding-end: 20px; +} + /** * The bottom content should never have * a border with the outline style. diff --git a/core/src/components/input/input.ionic.scss b/core/src/components/input/input.ionic.scss index e322dbaa11..bf4053bb8f 100644 --- a/core/src/components/input/input.ionic.scss +++ b/core/src/components/input/input.ionic.scss @@ -27,6 +27,10 @@ min-height: 48px; } +:host(.input-size-xlarge) .native-wrapper { + min-height: 56px; +} + // Target area // -------------------------------------------------- :host .native-wrapper::after { diff --git a/core/src/components/input/input.tsx b/core/src/components/input/input.tsx index b135ae99ba..58d68472f8 100644 --- a/core/src/components/input/input.tsx +++ b/core/src/components/input/input.tsx @@ -265,7 +265,7 @@ export class Input implements ComponentInterface { * 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. */ - @Prop() size?: 'medium' | 'large' = 'medium'; + @Prop() size?: 'medium' | 'large' | 'xlarge' = 'medium'; /** * The type of control to display. The default type is text. @@ -506,9 +506,10 @@ export class Input implements ComponentInterface { private getSize() { const theme = getIonTheme(this); const { size } = this; - if (theme !== 'ionic' && size === 'large') { + if (theme !== 'ionic' && (size === 'large' || size === 'xlarge')) { printIonWarning(`The "${size}" size is not supported in the ${theme} theme.`); - return undefined; + // Fallback to medium size, which is the default size for all themes. + return 'medium'; } return size; } @@ -776,7 +777,7 @@ export class Input implements ComponentInterface { 'label-floating': labelShouldFloat, [`input-fill-${fill}`]: fill !== undefined, [`input-shape-${shape}`]: shape !== undefined, - [`input-size-${size}`]: size !== undefined, + [`input-size-${size}`]: true, [`input-label-placement-${labelPlacement}`]: true, 'in-item': inItem, 'in-item-color': hostContext('ion-item.ion-color', this.el), diff --git a/core/src/components/input/test/size/index.html b/core/src/components/input/test/size/index.html index b993cebee5..d246d5b92d 100644 --- a/core/src/components/input/test/size/index.html +++ b/core/src/components/input/test/size/index.html @@ -90,6 +90,28 @@ + +
+
+

No Fill: XLarge Size

+ +
+ +
+

Outline: XLarge Size

+ +
+ +
+

No Fill: XLarge Size, Round Shape

+ +
+ +
+

Outline: XLarge Size, Round Shape

+ +
+
diff --git a/core/src/components/input/test/size/input.e2e.ts b/core/src/components/input/test/size/input.e2e.ts index 1a31633180..bd225d60e3 100644 --- a/core/src/components/input/test/size/input.e2e.ts +++ b/core/src/components/input/test/size/input.e2e.ts @@ -139,5 +139,74 @@ configs({ modes: ['ionic-md'], directions: ['ltr'] }).forEach(({ title, screensh await expect(input).toHaveScreenshot(screenshot(`input-size-large-outline-round`)); }); }); + + test.describe('input: size xlarge', () => { + 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-xlarge`)); + }); + 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-xlarge-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-xlarge-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-xlarge-outline-round`)); + }); + }); }); }); diff --git a/core/src/components/input/test/size/input.e2e.ts-snapshots/input-size-xlarge-ionic-md-ltr-light-Mobile-Chrome-linux.png b/core/src/components/input/test/size/input.e2e.ts-snapshots/input-size-xlarge-ionic-md-ltr-light-Mobile-Chrome-linux.png new file mode 100644 index 0000000000000000000000000000000000000000..292b69a72c1e0f39b28982fc1a64d2db2d9e224e GIT binary patch literal 2362 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 literal 0 HcmV?d00001 diff --git a/core/src/components/input/test/size/input.e2e.ts-snapshots/input-size-xlarge-ionic-md-ltr-light-Mobile-Safari-linux.png b/core/src/components/input/test/size/input.e2e.ts-snapshots/input-size-xlarge-ionic-md-ltr-light-Mobile-Safari-linux.png new file mode 100644 index 0000000000000000000000000000000000000000..43f4a5bccae6fbb837a29bebbc49bed6661b2b37 GIT binary patch literal 1930 zcmb_ddo-*Ms_D6MbKBFM7 zE)M`uaKPEQ0U(tM)p)oxbZ!YaKSD{y7k|bM?EMvwn#*zkkhO8Jv%L`eKs4r!%kfr~ zT{ewu?8x}G>|m%myyroUadKv?=N`7GU>K=TsjCulkLWM|tv0psH!6&N58F`dp1;rb z5bVzs59Ml9UwUJZttIDYbz$!2uEF?l@4E;*FNtDfp-B_R6$V;(_s}8@vjPax;B;F0 z5E+2U#B?-x1V_mM-P<^6@bhsxxQY57t**~!=$(R(E3y3)PmrgGN=-|PvuXNilfKj4dgv}L$LAo~nNyIh$o#)88QoZTa9G$mJU$19mPz{9%`i+>Vh^$g7xse1 zz-V@RO`kg*F(=uK5sw=msEe1(?`*9{hVka-=SRt$R-fzNYa}EjoGN5jS1)--9{`ab z)^YUi=}}wy<*FGHUm)O-BAuL^C=^P3e0+5DGaUL2mkUkL#G&Iq3$yKusWe&-k0%m| zn9aLVKF;~u`rnwC(0gYi1^f0RGcq#ZDVVZ;!j&tFs~aaZd*9sC+jFf0MuR)NG|<@C zSn0kXSr{y|Nu&t>C<+$Kftjk8R5WLVSGy<_3R#!f8V5VOy1ME)`@m{HJJ8{zruc2X zX(BO)$!xy*TBg)3*i2m#zrzWeAhnzWc}HSnH30bIt381XP_acz0j!b(IIV1V2)Mwq zVgHX-HXM`gq@$;&cYk?MCaI{Q;R}Piw6yg2@#Fe>vm%!~I-Sm7433YVnydIN`9@m# zB^Xe5s>S=N+Oyu%n886oKB}Y@etUG&4um^2H1zrN=U6P(oh4CZ{f=1r`Uz1P1ikVj zxa;H~kjUX5pE1$4c=GJCrL_U%ZG| z&*Rpx;93XMekgU5gWVn&7#JQNp7bm5Hz5QBOqWE-X_cKTbk|kE6uFeTJ*}_LNL15u zhk-WB9TZSsBKsANcZc>p`oH%U&&_J`(3-X zP+)$|N$0$$=g2YQyFxu_@ZKZ$EDq!~}0bcEE+h=~}7kf#Nmf^b1e2_#MHQ!g5un%;+)Yfbeq zt*BJ0C6lJaUy0@O`M38s6U8624ZT|y#bS&5yw-ft2uD`>7L7(zT4;$~;jhm29+Y=b(U#_CS{7r;VR5T@XE5ZKCMN zAv^d=e6w5m-J|Og2?Q_G3vu))p3(-Jg}^8OGD&x!w)@5>!IakPw8z zATnDSfk15c=k?F2z+t0bKE6&P5D0#k0!Sps(svLLSYWkR6H-l$Yvhz3#W3{NJbXBE zeQ9hmqutjy-|1x&Wga2rgFL(45sJB7^{lw~hw=;69yR|SKKXL|iUyPEa26{*If%{ScHxku2Mm37R9=<3=k3czS7!B3nxLDRHu4C+Ir zUe!Dqdwp$@U=UtWQIVRO8WIxn1R~(=VTkAoegw#V?Rw% zx&Cw<`f^qD;y5~}_n~!PU!S?TxkMu2a=G8#uY$gCC9=w$<)T~3X4{1GlQBgN@sbc* zTPdv)4riTF%$lo!gSr%pUAv8#ZAzlOeFsDUP2*oC#nw`N|@X{d9^^3g4-}Rcm=Scs(_379bUa^UVvBENBuD}87Y*&r(x&0rUn~8A% literal 0 HcmV?d00001 diff --git a/core/src/components/input/test/size/input.e2e.ts-snapshots/input-size-xlarge-label-stacked-ionic-md-ltr-light-Mobile-Chrome-linux.png b/core/src/components/input/test/size/input.e2e.ts-snapshots/input-size-xlarge-label-stacked-ionic-md-ltr-light-Mobile-Chrome-linux.png new file mode 100644 index 0000000000000000000000000000000000000000..292b69a72c1e0f39b28982fc1a64d2db2d9e224e GIT binary patch literal 2362 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 literal 0 HcmV?d00001 diff --git a/core/src/components/input/test/size/input.e2e.ts-snapshots/input-size-xlarge-label-stacked-ionic-md-ltr-light-Mobile-Safari-linux.png b/core/src/components/input/test/size/input.e2e.ts-snapshots/input-size-xlarge-label-stacked-ionic-md-ltr-light-Mobile-Safari-linux.png new file mode 100644 index 0000000000000000000000000000000000000000..43f4a5bccae6fbb837a29bebbc49bed6661b2b37 GIT binary patch literal 1930 zcmb_ddo-*Ms_D6MbKBFM7 zE)M`uaKPEQ0U(tM)p)oxbZ!YaKSD{y7k|bM?EMvwn#*zkkhO8Jv%L`eKs4r!%kfr~ zT{ewu?8x}G>|m%myyroUadKv?=N`7GU>K=TsjCulkLWM|tv0psH!6&N58F`dp1;rb z5bVzs59Ml9UwUJZttIDYbz$!2uEF?l@4E;*FNtDfp-B_R6$V;(_s}8@vjPax;B;F0 z5E+2U#B?-x1V_mM-P<^6@bhsxxQY57t**~!=$(R(E3y3)PmrgGN=-|PvuXNilfKj4dgv}L$LAo~nNyIh$o#)88QoZTa9G$mJU$19mPz{9%`i+>Vh^$g7xse1 zz-V@RO`kg*F(=uK5sw=msEe1(?`*9{hVka-=SRt$R-fzNYa}EjoGN5jS1)--9{`ab z)^YUi=}}wy<*FGHUm)O-BAuL^C=^P3e0+5DGaUL2mkUkL#G&Iq3$yKusWe&-k0%m| zn9aLVKF;~u`rnwC(0gYi1^f0RGcq#ZDVVZ;!j&tFs~aaZd*9sC+jFf0MuR)NG|<@C zSn0kXSr{y|Nu&t>C<+$Kftjk8R5WLVSGy<_3R#!f8V5VOy1ME)`@m{HJJ8{zruc2X zX(BO)$!xy*TBg)3*i2m#zrzWeAhnzWc}HSnH30bIt381XP_acz0j!b(IIV1V2)Mwq zVgHX-HXM`gq@$;&cYk?MCaI{Q;R}Piw6yg2@#Fe>vm%!~I-Sm7433YVnydIN`9@m# zB^Xe5s>S=N+Oyu%n886oKB}Y@etUG&4um^2H1zrN=U6P(oh4CZ{f=1r`Uz1P1ikVj zxa;H~kjUX5pE1$4c=GJCrL_U%ZG| z&*Rpx;93XMekgU5gWVn&7#JQNp7bm5Hz5QBOqWE-X_cKTbk|kE6uFeTJ*}_LNL15u zhk-WB9TZSsBKsANcZc>p`oH%U&&_J`(3-X zP+)$|N$0$$=g2YQyFxu_@ZKZ$EDq!~}0bcEE+h=~}7kf#Nmf^b1e2_#MHQ!g5un%;+)Yfbeq zt*BJ0C6lJaUy0@O`M38s6U8624ZT|y#bS&5yw-ft2uD`>7L7(zT4;$~;jhm29+Y=b(U#_CS{7r;VR5T@XE5ZKCMN zAv^d=e6w5m-J|Og2?Q_G3vu))p3(-Jg}^8OGD&x!w)@5>!IakPw8z zATnDSfk15c=k?F2z+t0bKE6&P5D0#k0!Sps(svLLSYWkR6H-l$Yvhz3#W3{NJbXBE zeQ9hmqutjy-|1x&Wga2rgFL(45sJB7^{lw~hw=;69yR|SKKXL|iUyPEa26{*If%{ScHxku2Mm37R9=<3=k3czS7!B3nxLDRHu4C+Ir zUe!Dqdwp$@U=UtWQIVRO8WIxn1R~(=VTkAoegw#V?Rw% zx&Cw<`f^qD;y5~}_n~!PU!S?TxkMu2a=G8#uY$gCC9=w$<)T~3X4{1GlQBgN@sbc* zTPdv)4riTF%$lo!gSr%pUAv8#ZAzlOeFsDUP2*oC#nw`N|@X{d9^^3g4-}Rcm=Scs(_379bUa^UVvBENBuD}87Y*&r(x&0rUn~8A% literal 0 HcmV?d00001 diff --git a/core/src/components/input/test/size/input.e2e.ts-snapshots/input-size-xlarge-outline-ionic-md-ltr-light-Mobile-Chrome-linux.png b/core/src/components/input/test/size/input.e2e.ts-snapshots/input-size-xlarge-outline-ionic-md-ltr-light-Mobile-Chrome-linux.png new file mode 100644 index 0000000000000000000000000000000000000000..3dc073097228ef1ed30abf3de148d89003d06460 GIT binary patch literal 2575 zcmb`JdpwkB8^?!i(Mmh4NG98p(o zB&ZD*ja40c=*f}P`0e6T@1F+>T?;ZRHI>O_MZqR^J&b3@+j%(DrRtWBn?++CeLoIv zjNyOjD3~y`+jaZBUPsPIphQU7sXeNCl!WfJq>`aX8D|yAwWyUZ@7{3)t($cV+x$98 zSCuusMfo0$*7hC82XP9G{^WioC`hlbuWy&z(CqmPY~dQ#VhL$M4L{obDahNK}g((8E>27_@uFi_ppGy_+5RU&v{$b5BiwEN|S zeC=b$AZu&2u8hBp2k>WXY#K4vCUAHaHag;$+@hj{{3qcLU%fhJlkozJARdjox|O*w~mHjRJlAGgreKcOcI$>2U8K1bvLFt0L2c2RrgR$Z=%f2In%Q}K+BZrEDYJ;x%=ksdR;sCDur zb9~$vZ)s^c$qcIV2H(EE9kqSx4_ccduafxT!-uJI`gHPMZgUDHA$krvBsM+?1b8EI*0jtnEb=a4Q1Ko zW~Iv?zl3jgG7SCpUSgB{CORJd>gKlGp;KbkH4Tp8`SS-pt%(L9pU@p09h{Asg1p&+ zf`UwQvZjoTOwHOzL`K$P#^osQ!AfFzdHEmN+1>Z{TPf=n)T>}Y2RI7SQal%KTburc zd?#Zt`;+3$Mbns=n3j18Gjem)mR&XdoXN|zjmu>-84TWk419QW1+82zNDHjL|4XEv zo+)szev2}Bl6R25BEm*QY+$}CHj!rA7smTK21(%lk9A3TZ_sMV=7b|L^rzl!}K*rh=}=uRs3mBiov! zc5SBjC9Gygyot@WdVDCT27dQ)^!6hjk2kfN?&tZLSgPfe1*3IMlZS5)G>DXD8^!}j zq}{Z`6T+&Mu9FDCK3A}>$HO@G=q(Bbbh*jZ-SfLQU=FzP2aR%P&*Zq&r%Wv@w6F># z$SJ9*64J3v+v(X>kt$soT!OH(g1E_ARhz*>P?PQnhulS5)}k#+RcZqfjW}B`;6UPKI&7 ziRzu;33>QIQph=Z@MxV{H|3uRvK%B~6JUz8lq7Y1EVjI|QZjhzpCff!%Z>+*d*~Aq z2WBTqTMzp*J=hmGSeY;ywV9A)wLvou=no!^Tnm}67?3-5`Qk+tZn`c%M#+l+`Up@{ z=F=+YR^o-wEnzTJMyM;D-!E9>tI+5Nmv~m#HFvV0%dh*1mLC2;IseNxm!hR{$nO zfehd=O_P5AT@rB9E>U$%IQ@3+LxoO1+!kG|9TGBDoy48EGF*LI>fUKEOc)I2&BV=8 zLW3kohARkX^!P&scRTq=;3y>E-)&iVvW^!X0Z4?Qp8F<`zD=obuim_rZW|gJT1W=l zsg@ECaaqBe+fg<-E`=*!SEe^J{X!`e69fVQ)FIB%X!x5 zb#`{%w>c6xn0Wgv98QOGS#3O?x|UWfV4rx`-!UtXg*CFN;13UGZ|j6EwjuofUt)Lz A2mk;8 literal 0 HcmV?d00001 diff --git a/core/src/components/input/test/size/input.e2e.ts-snapshots/input-size-xlarge-outline-ionic-md-ltr-light-Mobile-Firefox-linux.png b/core/src/components/input/test/size/input.e2e.ts-snapshots/input-size-xlarge-outline-ionic-md-ltr-light-Mobile-Firefox-linux.png new file mode 100644 index 0000000000000000000000000000000000000000..6b449c928ea390c6eb5fb4454235ee854f31a84d GIT binary patch literal 3178 zcmd5<`9GBH8b^a>h)j8{sj){{5{+G>Wl+{clU*of-y>N^B$R#05)o;PY-2DP#9Nu> zeJz>B(%{XKbsA+K=Xsp-Ip<$Ezs%=(=Dx4*ecj({`Cd=5rTOJUFmV_M2ge~3^aX1U z4$frY+3X+>@SB(t+04PguWoYT{IzhWrSZrs*&dR-t1DyzEu|-}pKvlEX9(3Mn)TXV zY4BAR3}yNW_9?4zQO8nVqp9%RP)!wh$546}Wv-&F$->5;qqp2$q#p{xn&F;n*Kx9vFLeZVcG2I_C6i=VN=<15N zUgz}Yb4CofqI%e0(lEMR4uP1gFs6L?aNgQ_;7$oDB0@VQC1rK$u__7?Krf=lf_u%l z>BcVz1W^P6A@z`1emQ-LL5_cvoNR>-cd*mV0`UH7jh4Go>p)03ncY@d2jUard>uarEo zbY;nr3!V{E#qEIYd0j_J@%WU3Kq5sOJSkoE?tOT-_b>YHzV@H$f!bK%zt7A_D=ER|=jUJ5)O2nATClRSORB7tw+T>`)f;!Dmw;w> zx%J@i>gsAwxuL1|kA*};l6JS(Wt5f85UxJXKZZd!!yP(h5bAdZWM$>$3$!2M@oKd< zTLe5jJZSaqN!UWY2@iT12({_Lh=Rd!I*?_!JrGZzf6HgNV~ZaVlu?B@<0v{e3$1j zs4ktm9nV1Mx+7``@(N}uOm%o3*GW{Fb%f@CdE+?dAWZui{ufx^240qR# zh>MFeZtqGPup~xKsSkm70&I`ET&(w^N+C^6O)Qhlo*70;~a(#Ds0n`&f{J(SwSz_XdY`tia=z`4nZx&JAjS$h1pF2-iZ~ zmt<4GEq`Z#LsEV*czCB4K<;R8lle8!t8L(AowCLcnl}qsqG^?{LtcQsjEPvH34WDc z;H~gajOr45O3%lud3-#ox3|MGS5H5ti#1beg|xP|5@w4d&FNU)=D_c!jcm3Sdt+KK zAu(}sYoV^sJzXFBScUj%@OR5tARh{a!uyWvq=$~pFRy1>7?6*Jjm0{)h2{s@f}vyh zaP8eh7a;?<^7Hfaw0y*;rl&{83knOFod*Ovqqu8CD zs9NWDQXf8iSfbt_2A_? z2q5uYkyJ^;uGZPJjOwc5u0lT&R3O(eWZ2ddx%BgsY8ZW9PEHPOYTDKEE&4H#@(mQ= ztVD(4aIVPTi{yN-;^YsR3hvCQ_Xqj;*J{qC30wyPnq*Xmg{b~)KUi5&!DyfwXmqPc zsuZZZV+S+x&fbCJ2vab<-L=6>dsqqIPM`xn&CHBX8h|M^Jm91@}a$P$d3WdsxYA5{e*P!NcxEh^7?>DS9xmc$|P^X>H z<*~2qd3_ZX0d;ltnauDJ(>Rgn&&pBj<6)0dQo15nI+EH}ND{n)QfGyEl~ZzZ{;-L_ zGu_%kmoTZ4+HY;p{vwe0RMZ*E@2 z4=@y!Dbg0dGj9wLGjJe~&V5o_;F%S1}j@o3R= zE0EjN zM5kjwZQ5Z`!^GhH=dUBj?D~4$O|D+mG!F0vt9R>J%y&e<+MHF?#$=L0B1D-tZMfl? z%XC!~F3^petmQj~3<{XF6qW!4#QeFp!Go}(Oh%v$53gZ;y0~V|IFUq}xTaJ@B>+W2 zJe1r#y&w*+y@0&di)buvPV2tPuPE@Oz93&W%(u!>ZAhhK&ARTbbzaJoqDC(4cdJIXx=W zs+6*>)Xw^>%h(khw}p=_|))df}7y@OQqCAh()3EOL8R7#<0Y@ zou7}zh+^t)31XpBKd=9HlLaeKhM* p)xXCcVCFmsgPk#ypuCtg6t~U#f!PqW0lpzPOfH&Vz@c2?{skFOxk3N{ literal 0 HcmV?d00001 diff --git a/core/src/components/input/test/size/input.e2e.ts-snapshots/input-size-xlarge-outline-ionic-md-ltr-light-Mobile-Safari-linux.png b/core/src/components/input/test/size/input.e2e.ts-snapshots/input-size-xlarge-outline-ionic-md-ltr-light-Mobile-Safari-linux.png new file mode 100644 index 0000000000000000000000000000000000000000..8047c731083b7aac63a2574c2c87b1826aa7235e GIT binary patch literal 2120 zcmaKudpMNa9>-TWxunLpUz*&B=BQ^vXHYU{Tqa`7qzMypEzLFw6G_QsiU}b(bA&C~ zYKtjjhRG#6mq{)YLyqkp5|f&eT&7{ad;fF(I6Y^*&$HJ1$M0F|_x|4R_w!pBcu&`z zO1eq_fSouuECGORbm-k(K?a&7GxZc`*&gifiUnJLK0h~C<^v!v#bKRJ#NS&QKkr7| z(w7&rXtCyv@uP!g=L~s-kbl1D)yAb);KScNaDo@4AP3|p42ZQ1n1{Yx-W}Y-beC{a zECCN6NRPy478>}b+l+P<3_65FZOPBC>TiCy&p``V&4FGHl8=(ZrGk>C^%6ECfYw+H zfH<|jTW}V|R98yx_SykTS`&kVF`ub^)!$&Ap(y6SzyMN{(d{n>1WwV{qQ)BFs;X~$ zGQLZtIeQK-ibRs7(L*Hb?V#j6Un?p#HFaTO!NqL1f>Ou%ckiBYE`c@C_pbqYzXjdy3LRzz79Ok6&2p(A z#Kpy>)9G9;H#<99Q$qvcc(tj#yp3X8Usu<_4gqTnY0UK9yLUSgk54_l&*L#wRJFAm z&I!#hZUh1$FtC(tWuCTIJyRaGr>E5Md0E++^)GX2x7*v>H#awV3ka}jC!BP@zc=&# zCexNW;ZW4;BK$fv6%-a$F+#CrdZ3s+$9rX3C$l$FZDeI-p=?%GR*Z5VayXpIO8(qW z+ma(T@&%?@+1aWXifvH<>v@ud+Z!GeM*>r2zf8CrrKxLa@jE)C!N)OwjugM@fZ9-8 zaPZrrL)7qkS0L67Si>j+@eR>)ybKWYRdAry_@)V%f@4*ISiwjU#LMN%0f!Vf8L+2J z!Ek0~MkR(IIm^s3uVsyNuLs?sYo$J=3($BO9e;KL8M`01h7D(jdCr`vTynY(x{@vU>;#ClpN~O_g zv9WcfrGcTLp_eajj5l7YJiX$7byc~KBnL>$j?;OBM|ZmC@?94f7w;Sk!{hNpqOgj@ zva`1*5{Ya!+uhy$+S6C-&uWTcfbCW_^n0<2uC5;*e;}W!Wkpti!9Fc4Fi}TrZOsb1 z_4M?L&&h&K8Ncc`e`_?k8@BxAOG;|0vr(=~`O{O#u?9@p%buRuY#n-+KtPR*%*@K- zj4o+tXn1>jE2Tq1OPGFOP=U^g-V6@zc8EW4@F2UnIZ3*)Vp;Gjo4u^Xnj6;G7W4*vZJHZB<5JYy zdH7COC}h>Kr(~dqDguXNs=Zoa&7-5pYB$Z>&F8V+frWc;98gEKirWBs>wKX#f z|1{AI6}Du_4~X@lUFLo{op;orAx?Di*s)B{O8W~_M?E}l<>UyUelgjcSf3=Jt$qdI z`+SSOxi2SjXn9@$L2-wY(#aaKj)q1>|JjL_BoTKzNZuNYo!$-(RM*s4eNWT-ADaG% zO+SF{f5VzAGJ}0-HKPD{@oSOJ-V+dc+uGV<#+5<*v+3zGW%&091fqIabc0TRLXt^F z|5p3q_3PUKtU@;vsMjW4xpE~asP(Kh#2ntooqw?#Q-(LneQhmuM3~U{JnE!1bTt4t LXHRSmCMe|(dU)K2 literal 0 HcmV?d00001 diff --git a/core/src/components/input/test/size/input.e2e.ts-snapshots/input-size-xlarge-outline-round-ionic-md-ltr-light-Mobile-Chrome-linux.png b/core/src/components/input/test/size/input.e2e.ts-snapshots/input-size-xlarge-outline-round-ionic-md-ltr-light-Mobile-Chrome-linux.png new file mode 100644 index 0000000000000000000000000000000000000000..ae8fb42bfb7d798fbf4e129df7a266c3c27d0b05 GIT binary patch literal 3605 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 DpYGqG literal 0 HcmV?d00001 diff --git a/core/src/components/input/test/size/input.e2e.ts-snapshots/input-size-xlarge-outline-round-ionic-md-ltr-light-Mobile-Firefox-linux.png b/core/src/components/input/test/size/input.e2e.ts-snapshots/input-size-xlarge-outline-round-ionic-md-ltr-light-Mobile-Firefox-linux.png new file mode 100644 index 0000000000000000000000000000000000000000..471330b7ecfb741d29776d6b936909cfcd850d39 GIT binary patch literal 4232 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 literal 0 HcmV?d00001 diff --git a/core/src/components/input/test/size/input.e2e.ts-snapshots/input-size-xlarge-outline-round-ionic-md-ltr-light-Mobile-Safari-linux.png b/core/src/components/input/test/size/input.e2e.ts-snapshots/input-size-xlarge-outline-round-ionic-md-ltr-light-Mobile-Safari-linux.png new file mode 100644 index 0000000000000000000000000000000000000000..1bac6c647a81ee4ca2cd1ca918caaa338d1c3597 GIT binary patch literal 3338 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