From 96e5b2be57303f371c99d703a1b925fda83dde01 Mon Sep 17 00:00:00 2001 From: Maria Hutt Date: Thu, 11 Apr 2024 09:51:42 -0700 Subject: [PATCH] fix(input) match invalid state to ionic design (#29291) Co-authored-by: Sean Perkins <13732623+sean-perkins@users.noreply.github.com> --- core/api.txt | 1 + core/src/components/input/input.ionic.scss | 9 ++-- core/src/components/input/input.scss | 1 + .../input/test/bottom-content/input.e2e.ts | 7 +-- ...ionic-md-ltr-light-Mobile-Chrome-linux.png | Bin 1088 -> 1090 bytes ...onic-md-ltr-light-Mobile-Firefox-linux.png | Bin 1223 -> 1223 bytes ...ionic-md-ltr-light-Mobile-Safari-linux.png | Bin 923 -> 922 bytes ...ionic-md-ltr-light-Mobile-Chrome-linux.png | Bin 873 -> 990 bytes ...onic-md-ltr-light-Mobile-Firefox-linux.png | Bin 822 -> 1097 bytes ...ionic-md-ltr-light-Mobile-Safari-linux.png | Bin 751 -> 868 bytes ...ustom-color-md-ltr-Mobile-Chrome-linux.png | Bin 873 -> 990 bytes ...stom-color-md-ltr-Mobile-Firefox-linux.png | Bin 822 -> 1097 bytes ...ustom-color-md-ltr-Mobile-Safari-linux.png | Bin 751 -> 868 bytes .../input/test/highlight/input.e2e.ts | 48 ++++++++++++++++++ ...ionic-md-ltr-light-Mobile-Chrome-linux.png | Bin 0 -> 4347 bytes ...onic-md-ltr-light-Mobile-Firefox-linux.png | Bin 0 -> 5204 bytes ...ionic-md-ltr-light-Mobile-Safari-linux.png | Bin 0 -> 3603 bytes ...ionic-md-ltr-light-Mobile-Chrome-linux.png | Bin 0 -> 4577 bytes ...onic-md-ltr-light-Mobile-Firefox-linux.png | Bin 0 -> 5554 bytes ...ionic-md-ltr-light-Mobile-Safari-linux.png | Bin 0 -> 3837 bytes 20 files changed, 58 insertions(+), 8 deletions(-) create mode 100644 core/src/components/input/test/highlight/input.e2e.ts-snapshots/input-no-fill-invalid-ionic-md-ltr-light-Mobile-Chrome-linux.png create mode 100644 core/src/components/input/test/highlight/input.e2e.ts-snapshots/input-no-fill-invalid-ionic-md-ltr-light-Mobile-Firefox-linux.png create mode 100644 core/src/components/input/test/highlight/input.e2e.ts-snapshots/input-no-fill-invalid-ionic-md-ltr-light-Mobile-Safari-linux.png create mode 100644 core/src/components/input/test/highlight/input.e2e.ts-snapshots/input-outline-invalid-ionic-md-ltr-light-Mobile-Chrome-linux.png create mode 100644 core/src/components/input/test/highlight/input.e2e.ts-snapshots/input-outline-invalid-ionic-md-ltr-light-Mobile-Firefox-linux.png create mode 100644 core/src/components/input/test/highlight/input.e2e.ts-snapshots/input-outline-invalid-ionic-md-ltr-light-Mobile-Safari-linux.png diff --git a/core/api.txt b/core/api.txt index 166dac1695..52b5adf0fe 100644 --- a/core/api.txt +++ b/core/api.txt @@ -656,6 +656,7 @@ ion-input,css-prop,--placeholder-color ion-input,css-prop,--placeholder-font-style ion-input,css-prop,--placeholder-font-weight ion-input,css-prop,--placeholder-opacity +ion-input,css-prop,--text-color-invalid ion-input-password-toggle,shadow ion-input-password-toggle,prop,color,"danger" | "dark" | "light" | "medium" | "primary" | "secondary" | "success" | "tertiary" | "warning" | string & Record | undefined,undefined,false,true diff --git a/core/src/components/input/input.ionic.scss b/core/src/components/input/input.ionic.scss index 0f9a59f8b1..21411caa5f 100644 --- a/core/src/components/input/input.ionic.scss +++ b/core/src/components/input/input.ionic.scss @@ -8,9 +8,8 @@ :host { --border-width: #{$ionic-border-size-small}; --border-color: #{$ionic-color-neutral-300}; - - // TODO(FW-6113): Verify the ionic design token is correct once it's available and remove the hardcoded value. - --highlight-color-invalid: var(--ionic-color-error-600, #970606); + --highlight-color-invalid: #{$ionic-color-error-400}; + --text-color-invalid: #{$ionic-color-error-600}; } // Ionic Input Sizes @@ -28,6 +27,6 @@ color: var(--ionic-color-neutral-600, #535353); } -.input-bottom .error-text { - color: var(--highlight-color-invalid); +:host(.ion-touched.ion-invalid) .error-text { + color: var(--text-color-invalid); } diff --git a/core/src/components/input/input.scss b/core/src/components/input/input.scss index 80ebc9896a..6a8cddeffe 100644 --- a/core/src/components/input/input.scss +++ b/core/src/components/input/input.scss @@ -23,6 +23,7 @@ * @prop --highlight-color-focused: The color of the highlight on the input when focused * @prop --highlight-color-valid: The color of the highlight on the input when valid * @prop --highlight-color-invalid: The color of the highlight on the input when invalid + * @prop --text-color-invalid: The color of the error text on the input when invalid. Only applies to ionic theme. * * @prop --border-color: Color of the border below the input when using helper text, error text, or counter * @prop --border-radius: Radius of the input. A large radius may display unevenly when using fill="outline"; if needed, use shape="round" instead or increase --padding-start. diff --git a/core/src/components/input/test/bottom-content/input.e2e.ts b/core/src/components/input/test/bottom-content/input.e2e.ts index 5abe30d54d..880e0fe85b 100644 --- a/core/src/components/input/test/bottom-content/input.e2e.ts +++ b/core/src/components/input/test/bottom-content/input.e2e.ts @@ -105,12 +105,13 @@ configs({ modes: ['md', 'ionic-md'], directions: ['ltr'] }).forEach(({ title, sc await expect(errorText).toBeVisible(); await expect(errorText).toHaveText('my error'); }); - test('error text should change when variable is customized', async ({ page }) => { + test('error text and highlight should change when variable is customized', async ({ page }) => { await page.setContent( ` @@ -118,8 +119,8 @@ configs({ modes: ['md', 'ionic-md'], directions: ['ltr'] }).forEach(({ title, sc config ); - const errorText = page.locator('ion-input .error-text'); - await expect(errorText).toHaveScreenshot(screenshot(`input-error-custom-color`)); + const bottomEl = page.locator('ion-input .input-bottom'); + await expect(bottomEl).toHaveScreenshot(screenshot(`input-error-custom-color`)); }); }); test.describe('input: hint text rendering', () => { diff --git a/core/src/components/input/test/bottom-content/input.e2e.ts-snapshots/input-bottom-content-error-ionic-md-ltr-light-Mobile-Chrome-linux.png b/core/src/components/input/test/bottom-content/input.e2e.ts-snapshots/input-bottom-content-error-ionic-md-ltr-light-Mobile-Chrome-linux.png index 28fdb7ce3fce7b5dfa4248b40a9370672675b599..fc24853efb3c5cd9c995370a04bc32b3f1c24cdf 100644 GIT binary patch delta 1056 zcmV+*1mF9>2*L=EF@O9?L_t(|obBC9OjB7L2Jo*BZfz}(QUR5xgs2NqW5(G5CZv<9 ztWD}>5;rbq>&D2+ohG7zNuUYCM2Hg&Az)Mzhfxe;2x8??hz^etEKW-cMIL?7{%65V zqk%dUN}SAmzuj%lch1RO^vlh;O;syLjtGc|h&G@S5talI5r1t+{iQcRL`45yED0ha zii;&dL_~41B#4M8E|vrl5yi!lAR?l;l3o(N;bHucpPx`BFguIyb-HA4g@}l@iBA$l zL==}gG(V5G4<6vd!~{m{c1*Oj0V0@v`4U5Qb#Og-5*s|#*@+L6ldbtG-`V1)tLit-%1twQG3$@F8Y;dXQo?qW8)b>@u6N z=h!g}-nxaEXU|Z0<_rL!_0%a8SglAcD2PqC;_+apwtp7hfdQl#jTpFb1HrjD>@P0| z0Q`L60;V57hR$Tdua_>tboelK@7o8*_3QZR@@4qP#?W#0EWCq*(CYQ*yLuI?OH0^a zRu(r85!|n;g6rv1X!UyJTP$Dbb`lZ&$9NnLv1et;Y9JsYB5&^8k*4BeiAEwKA~JCE zrgYkDB7Y+CM{ln*=H^OtbyeJbebQ81EE0{%$Gk&B(vX=cLBC%_M1H$_S6VA7L`3BM z^XKwoNr^}MO02-YRn!gT?b?NEQXJtX9UOTQ(($WxKUVjDvWS=|<#bko3yBqJix=?cN9H3II zD;}-E03|JLEpId;ytuelNd5f?FD|0pY6SqSE-zzwW@cSpqbN`-3IM=-^e9wnHI}BQ zKbzMY3{cY3ccMp$i2k>Hb7?6mYHMSksWqCX|GUJ9h$y)de!J=5`SW<)(t>Ctf<4ENCzQ=CFUPFIfoM34^pX;&Q&Ql5 z@nYS$(82;1#>W8wZPR^$DL`0Mv2|r1s78Sum zp+j3+RRk+;H*{t*)Y?yb$~QcWcB>WNPE8@`^FhhTh@FpYCQn2}$&=7Gtf#*p&iZ=n z&db|+K>&bC1$|D=KMvDnW^OA_L`2(@(3wQY??-B3AuLTzJGLRi-o5y`x_ZavCmAB5 a&HEEM4mHb->%JcV0000Bdjf{2JVq<{X}8z3U0e=n8<5fR13 zk{}|YxL6WIL=+cGf{2LXVo4AYQCvwc3D3v~ek>?RC=-~Q!!4aI*;^qZqHW@n1Q8L% zr4D($c>CZ1K1@zx)MmqEdpjV4xtA|7Twf38lP9sk(_LNoFf|pse&5@Rh0)OsCth|s zG1kS}l#4rmPq*sos2+lLP^+uMs2qY-_VFJqU(>!nSit^@3IM<_ z=g(v2@nh&RGx6KSi^x2D7`ylFgZ@_%PvpETv=Npy8pT>bshTv8$ujmoFyhliyxD@%etpNNS3e)q1lRaT0K$ouEd z<)_k8iG;%bm2fPb75C!l0z!r9Y+*QA7d( zXn*wjxcR?JjEIPmE8(}B4xT%Q*R8FHMk3gA>{vqCyow6U+3kpi!$>bJg*qh#t`{%X zjSDRak4ipvF^$pp3b^PcjIjG)6}!S~bC2zoqFGBRT4Bb&(+5mE9a^bPAC7=WXp0lV|_ zw_Xqcpi)7foBNN$bXi&3$`cXM_9S#B5%T$vT2uscbMuaE$gp=WzOAX*vH6LJXczN7 Y0;C@`9|%DTjsO4v07*qoM6N<$f{2Iwng9R* diff --git a/core/src/components/input/test/bottom-content/input.e2e.ts-snapshots/input-bottom-content-error-ionic-md-ltr-light-Mobile-Firefox-linux.png b/core/src/components/input/test/bottom-content/input.e2e.ts-snapshots/input-bottom-content-error-ionic-md-ltr-light-Mobile-Firefox-linux.png index a7ed12e5d0d635562bacea5d69376eb6c1d14c56..502516f9bc09c9b34177e639986c1d327c912432 100644 GIT binary patch delta 1194 zcmV;b1XcUT3C9VLEq`xF)mIqDzgN@R=2EjVOVdez;Vxp6C|%|B=2HCA(v4y-N=Fd& zBB&tf@2eo9qNo>vx6FjZN>i4S)ii4|uVL7WaFcB;uG;+5UIcbUH20hXcWAdO{^kvS zcYe>C%hmIo^ZY))!};FldCsx8tkw~*kpKyh011%5I|x`tq<@hN36KB@kN^q1ivUG} z>w*MGfCNauD*=iG7Y7ND011!)MS^R91W14cNWeG&MiR!E(Sig>fCQ!t0gA+wdDVPS z5+DH*FiwCXVVoH)NPq-LV9F5ixkwa6Md9oEdW0=oHerZmD_3IexpSDme*J`P*pUQC zfCNb3{S%-_ynlbjoPh*LfCT)O!2e4m-1h=47QcNVbesf8fCS7$z|z~=I&vpB7YjFT z#BbNHFX zSFOTd4hKGrjD+pV6@)HXGOoRvGgkcnqpAwuG&du3(IPW3rY|Hw0wmzK1hh!plug+t z8+dF+1{(M6L;JOBNWXOp^VY0E{f-?7iH=61h(<|#JiaU}M6}I@#{K&N`Q@H;`m~2g zEKEzox_=87@Vur5KkeO%?VX+ImQDXoULJDp-9vC_D5_+Pb?47xK}yOPkx;&5-Mx#b zq$IQ)KMtq#-}Ktgu{n1Jv?c%kgN>9#|xm^MA$JvnaJ%wGb>wPWBLqO?7n$U%nhe z{r#}dnuYIQzC_cZLkJ29!D`v~ReN&c1YCW6I?@;&N&FxYf!miMmkV~;^b5MXwNKvc z|4XslOfP}HkN^pgfLRH6h=jAY77j@XI}mFSdHODeL+mS6hiiHX?O z(SLz}Y12GJ!hO1Fcwhj95;dqzzE13%Viy=3toy5!(gObp_(vhZeb5GfL6yxm4`*rP?lapVX-lC;%l z2M&1HcoT`iSFdn+&Kwl<^uQshByaW<34ecIhV-8VNWiQF42gt#2o*`F0<Fr=Oa_nSs%y6p-qb8>Mljhh7DsPi5m$C_^PZ-7t&RVs^{@zU6bf)Xz*%J zkudA>qF*FH0{%|Gut=zyMXeNx^IyEsHG+vo62W0%XuEVtpPF*@_98kp70DMbVt+r7`$SI||f&zWq)P48C*mUFfrbzgbCdVQH5+H%e z6EGwac1anjyA-yP5?BHQCqMgJBO_2Ge2$a@k^l*iz@!NL1GzaiGBw*h6951J07*qo IM6N<$f;+`Jh5!Hn delta 1194 zcmV;b1XcUT3C9VLEq`rDlvxzV|D!qEi@R!8uA8PSy@DIDNo?Ad>Ex#PQt2+mekfgn zs1HE}L9d^Jh>D`1z$r5!v0Y2ql_fOKyUWI?eY8?U_36KB@kN^q1gMej78h^=<011!)36Q|M2v8)r zE=Yg`NPq-95}-(MagYEBkN^o#B)A4hfCNZ@1dJ14Bw?HxEl7X_NMOPcph!%ZSIq|{ z0TLhq;{+%Y#+lKA1W14cCJX_ui$ps z{C)K*rp%g!B)c6Cj~zqnojV9!ycj9P#pr2oM@4!%w#cVnK!E;V?e^{Xv883i^Qd&w zS37p#&%#0synKm-?(dJYxnbv$7Dj zY#E+89GDsw2HT}e2%0~CRC_gNl=%N|c{#psXh6{1xn^QaUr2xiNWfT$kusS~<5jGp@_Ur-VmwUpA6K*0g zCnW_d&wrl9lgdi`zH1k@w6&o_HvOA9Imo(w8`hv8l*bqnDM z31~cW1WxI{?%uso?UhK(+qe;N2M*wqkPuk>{CxI>&~XwV0TM710WA_LLfGtdYQLUT zRKRiQ5PoQE)Zd#63h>{J8%QlJ#cw-z!Xl}h6@RBrp*S{H3&HHfL^qLGS6z*eMT;=d z(*yhT>Gfx62D4B;PPdlw-@V&`wQ>i#O_^krryk|mwwNhDOii<17zuB*cz zlA7{lPmwU|@}gfPKmxu_z>r7`$;Mt78HwnO47}>^N0LMtZ@1wa_HdDK96X3=lD7JK z?_M_>Pa@I(;sq|woQb^7PBF7710esFEUa?$f8bMljY$!WtZm<_j0}sj1$sE<_|JBk}xsOn(jy z9U&5BQpk=?xe-a=8vl1|TPon+)eKegsscRJ8 zZvQ`ijNyfAZ;#LMNPq-LfCP*YFeDOva!RQ>FHavgb=`e1Hr?pGDH7hK$+1X)1V~`~ z1PqCUT~bEsE`_bA2o`_;@z4I&2qP2;uOsDvBtQZrFfIbG0RurbhL4CLJOBUy07*qo IM6N<$g4W9_)Bpeg diff --git a/core/src/components/input/test/bottom-content/input.e2e.ts-snapshots/input-bottom-content-error-ionic-md-ltr-light-Mobile-Safari-linux.png b/core/src/components/input/test/bottom-content/input.e2e.ts-snapshots/input-bottom-content-error-ionic-md-ltr-light-Mobile-Safari-linux.png index d34fbb9865fd6855a783fd474813b9b80de7aa95..22af658a60881f778a77983819f8a3466e4e3677 100644 GIT binary patch delta 881 zcmV-%1CIQg2bu?vHh)h^L_t(|obB9iNE2Zk2k_tK)XqN}hBr;O>S~lPR*4xRD^gKe zn7HhPFC5vcK*1Njwt5q!AQjS^BCw=UK_cat1|x#e3l(iz+>7w}8XcYo5IE&u@FC$uC05D~N_ z01y$hBmfW*v?Kr!k!`gk56^e1)nQ{RZugzU#O*8u05Jl0NdO=sqHak-Fu2nt06jmFm4ct0cKu~s|Z-``hVeNUn2K6UEz%nT7(&Ym5)abrFGtf=Vy!-v02AP57O zFF(l2dUEvW;(xn$>*p2*2cMoe(V@iyuCus8ny;+lh!X7^cl; zB3ku$7KVrSojDUa-sf^9XJ;G7$Fqxz-?X$4k^j@DzJKcK{O0Bh4oA@Mx3{&0=D*C% z9cgGVPE72psCaeh(x37^xBI}kb2WB*wDti2L_tbK49jY2YT{EMw;3GIcs4I@Z)Q-`~IH^=_GGSoV<7C`(R`+C~6?7|23@NM$l5$o!glN0RCg)|4Rz` z{j)aPm$^AMFE0uO0YEGZ-;zde-FkcbcB#p<@p26S;2-%0A(u&g)sgx700000NkvXX Hu0mjfA|SVv delta 882 zcmV-&1C9Ke2b%|wHh)k_L_t(|obB9QNK;`L2k>We&W;}&hG&{?*2z&`s7W7)tndSs zg@sEmyl7-sf`S)aTiygIL`8H_5m?fwAdzxRgAu{#LPeVv=OXfJ%uL-JOfx^WcDk@^ zrL}=H5AFZEIy>k8zVE|(@o>%#9La6DoB#mCK_UpkPS*ec@PD0jrwaf8_z5iu07L{W z2>?U{EeQZb1T6^wL}Xhn$;0y<8coR9iralBE^a#u0YH?%T@nC@h^SkV5D4sa2>=jL zQuoM+NvpLrHQi55eVmgs+t=4yU42if>^gDc^VAd(Sx%iAzIJUr{j9k7{lka9OdtsT z7cV|YPk)k^H-G=`-TJw?fq|#TjXsH*XRVXE02f z%|x{7@yrbk?LB!ic>J=Z8rg=NyiJ&u71SH8}re zW+u0>(Kt4?x3cn8ef^*E%Wn7nGiPe;_DJmm0EmK=h!~dD*4D-*C2>_%$p;T=%F1FB z6EiC+7RJYkh^wla8ysAAxtvyOYC*xSl$7A{49n&;G|1xPGxhp~i3uWdTCGVO#~BPV zhRJPea)0#n1n1+DlhbrMB06;8!fapPn%BE!o?+PoMx!htAz~W=0Ae5u{vnmgq_MH< z$C8*B;pC?YYAd!3@8xs@o`-y02dfIKbx2se{M1mk!Dz{#k zVdM(Mvda}_9sr_&EOg|@v)gQc|ItgALWbkh(tk3FiYhIZjWa85_vYBz!osT8%dqU` zyocw*sR{u8KViLb+ix&9dU_a@O2Kg80U)Y`)shl5nw0$feVd=!wi35{x4yG;=*pFLm1>}+MO|7Nd{wSc zjB9swb!ar7UcWBBdpBer0HR8`-%IK)FE4CsV~-r!&SD;(H|zCvPUm(e0f7Hl=>L)e zKHs#>_GM;sFb`wDEEc0N@|_2B*VF(Xq=YuK)l507*qo IM6N<$f}KFH761SM diff --git a/core/src/components/input/test/bottom-content/input.e2e.ts-snapshots/input-error-custom-color-ionic-md-ltr-light-Mobile-Chrome-linux.png b/core/src/components/input/test/bottom-content/input.e2e.ts-snapshots/input-error-custom-color-ionic-md-ltr-light-Mobile-Chrome-linux.png index 311ca9a9c86265c7d01c4f74e2f8ef3402a138b7..9501df02e73217144012b931199c066353601954 100644 GIT binary patch literal 990 zcmV<410np0P)Px&m`OxIRCt{2-AzmsXB@}z@9gaBEH1VaB&XkzWAq)=#Ts^K6SUv`%+XqRjw3Bd)~RkjBb(hY3Q z8Ud63KDTF{=lSQKIm|CJ&tZ%ndUA+}h^)iN<#GxM5fNFJW2+kw5s?>{LPA7D3Q|aj zh)6*S2@w$~NFgC2A_XZVL`0+@g@lNR6r_+45s`w-Q{AU}CWj_5ohCQGy~*749F@B( zNscGE_1!J93t8-t4M6O242RQ!*Y*N1JvL1?oyDrM@~h?`_EU_>p-J3+H&&&^(%cg9 zNSx)z%fv3nutRpi5;>6}fWfs zbg%Rgs10DhY?GQu;ji|u*()L<8_!wnhHz(?8-q7Uj3hYRe|XKj%W@G62RZchq19^+ z)3F*fg?Mc**~M($wami|4yVr6MMSnr(NExTXPD~)*I9nNOifG8n)%RMA!f#Bc#?TS z`77m^E|dFz+<$7_hPNA-{%x8Ew;uoy{V_^*AxrJ+wZ*n5A|lU8(QguV$R-#L(%9O# z{(OT?TW=fv@AP9;S}e{ka`20TPpuoM3()>$JAJKv_{x1O%`b6u@aXDiFcA^ie9!bh zi8J9d92-1F#qNs2i*k@orSVnxiu+`ggY@5NtV(P3Ttq}fwnkBJ63J^xu6}iuKyBc^ z0|LMRf6!liM+W$-pJAVfh&*>iok={JdxRabIr7bsjq6B6L|z#G08JGmjK;kb6#xJL M07*qoM6N<$f*x|!ApigX literal 873 zcmV-v1D5=WP)Px&BS}O-R7i>Kl;3YtWf;dl?dj={)2%!E*~YD-8v+Tzsy7;=7iwlCW86S6#E|$8 zaN&g)TzEmaSO|m>O5zg*BOL9Dk>Qia#ZnVXlKitf@kI!-YhuhSJ>KH#Vj=5^m`F1DEv&%Lu>FKl_ z)sIRkUlI|K_;+y`2oH!=wnRka(ifLx^rKM`5xF;YPmZ@87pr8+!sP`S2oH#?%PORP zPszzmC#7tbMMUK0`I~a)y)&{HUzGm(e#t+~i-=UkcgOF_iS`pxDy;j+rn1ss-!Hkv zT$R=Zpm-D%j{<;K_u_B!<8V3v@B};*9~A*;f1@35qnG4FlEg0wcI@8)4*O)Jucj&H ziVXD(0bs70to*S8fU2o@8ax&4U*pVlhVWZq6!*H1Kt}+5lg`q$CH!rEo7Pq9Cx{-1 za((nV$%!O;hWAwERZS%r4YK>x?#h`{aaJz=cX)L#=9+0cE9QzgUDdmy=Is$Z5G6hm z$0}KbUJq5}BkxAYOlK$;%QU^*grX`eTwZu;->&z&Nd1=L!L0`X%>FcsxoXn!W=EB_ z=9ktZI>Bg=?w;-^=eu-zzv^Z9gJHB5jkV=9b`9=&YTrOOK;PGW4D}4*Yw}T8DX?#J zUuA4<$TKkb%AnkzxxcZ<63Jz9l@Ixku|#r#NA2K7 z0SZun0u=azfMg%tC_@1XP=Epy_>%xbg5!b$6rcbF{wlzb;NYMD1t>rPh6Kj|1t>rP z3Mdy~C86AmJt#l{3b>5`L&9wyHE)yx6rg}|0fvNfGxneW1t{P)0t^YadDOg73Q&Lo z$^{q_%FWn=0u-Qt+X%QMB zWBu`>>;=3Qcp?5$Jj^G}u+&+waMeO2mM7v}?>m%4mq0(DhiZmOd{&iSg?(N794_tS ztB)|I8ezR}6@BGn&08@K*S1~*M&Ir3dDsK>aWy(?J004qQ&yu+Ux(&P&G4Axfrx_< z2;Unnj_uqxG%a+JICxkJP=Epy7%w0~qA0WonoIS{hRdpI{$Eo`}Sgb5GEAy$z}6RPjas zq3;7US2dWucs44u6%K8);YTQKtK5d+x5Ky+bp^5cvErJX`>Lj^_!KEX0SZvyKM07B zkSm0Yz6^1?j_MAW4x6BB(TR4`g(kG$Y=_pUMa`ZXNRot@ycpyM<|D2!4olTb$1d~J zz$fG^&Ozp2CT7l>3A@b>!z_b1wsDscejEG{rVAUZ4#v0h0`f#CERR|)K7XA17~Kus zNGMMbAu)d6|KP$?P=EpypuniWZy_O11DTGPkp47X0Ljxotre|Eu1-dmsY_HADR)zF ze(iZ=^k-oFuloL$eiW`Lgon4s7_RM$4Z3C>>JQgX7!uiYva!2yH|7V<7k%4}?PAI+ z?NJ&-feHlx_ zmq2|?jX}#G8uJ>(^i+9b`Gl23Lv{l?Z*@X@LyONtpHaM_7?FlZ1SbYFBsfkfKmiK4 zNI-E&$ZHmI6`+5u7wZnr+xy=4sMb}(YPQ02uBTYQ4%r^^&q`wC+X(I)x`XGX&&7gx z#DNH`&s;AK&ov1bjSilc0u*q20mbi0SnpZ!;M4=LM!}5&6rcbFrnZ2hkQjb5jLIFA z2uThR)d4pOP=EpynA!r0Lc-u>5brI>?>b1+e!Ve0wTXCl6rcbF+*jZ`9X#FCwHSCW P00000NkvXXu0mjf-T2^) literal 822 zcmV-61Ihe}P)xpaeeOp7)&RIluRR{^uOZv=#Wzf;xge zpdC9>`d@`MZJIzaDD!md+*ThlcXnXbR3BRp-)LWq){nyBlmp@_gkMkZ# zlqX_&W*N1SwU8`Gz&ODmV=b92$ePTuSYz$;8Wd>?=-=x}E#1rYtScI>HUL{ke)_{S z_z(HewrMT$z|=r=NIEcBIS8f;6TG`T1m6xOy{&5rbos?{2n$7P(sbTco6>BpALKP!nE*=#pr{WL-<3X$8e|VzT&zassM6 z6+}ZKk`Fu|fTmdkp+bn(Tdkld3Q@8slyFKAQx*enzPA~AePJDio`uL+%z>Sw9ZW_O zq>fV3TX9nXb{HE$q9C(+J9C+zj6nK?`;hV8;$BR3Pa#2`K%jTd-33i=o9ey_nV&LA zF}+=5jblhrreIPvNt920n~I7{6%fyh!8pz^L(dP*qwGQ%n9fY|H{*9BM1vx9<#pMF z&UeX2MqdWpIBuj?qtFnGrhiP|A2h98!RZ2UVmUDWFe1J>ewUw%&lDqfDc9m>wtZC$th#A@`MZKZWxIwUtI?+==8rnsRX>eGkQU*K;6O(#|SDtHBZf&YMyMcpF$WPQX= z@Ph$tM#xy zX-^I$_ZoNC!qz_B{JDwFdz~1m8zBdrm(4>+PRL*VzvstA|4xsdCq2aDhZTE*HheXp z>3S2mDO{r7Va1-Hr4CYZZ_;-yb?ncJcF^#@00UUZ58w^IT>t<807*qoM6N<$g79&6 Axc~qF diff --git a/core/src/components/input/test/bottom-content/input.e2e.ts-snapshots/input-error-custom-color-ionic-md-ltr-light-Mobile-Safari-linux.png b/core/src/components/input/test/bottom-content/input.e2e.ts-snapshots/input-error-custom-color-ionic-md-ltr-light-Mobile-Safari-linux.png index b8a24b961a9a309c17ec6cd6753a4cd39f6e6f85..e2a501d68bfab0f209ceaede9db1b11ab850029f 100644 GIT binary patch delta 863 zcmV-l1EBox1>^=HiBL{Q4GJ0x0000DNk~Le0004o0000K2m$~A00uh^PLUxLe*+mw zL_t(|obB9SNK_-`P)?(eh+#FGjoeypus@DrXx`gHwT2{0HoWQg^K|y({LVdh4~O5~ z;EGzQl>h*QLB#X?TK50|@RNA0e;WV*_zfco00aah2>=8HBMATm1S1Im1Oy`q00aah z2>=8nUL%R;_&>(WCIi4mCi(LEOLt{=&e0rOw~bLTRUK8&u05N4I+vqTJ=Vldf4`Zo@2ii- z%^#axBQ8sm#qaQI_G-*`%<>Gm*XE5)Si3I)0E9wJM4_orW>MyaPZu%@GdfB-_MF|* z;%kv>m-*5zYE%Kfn5%Q=SvuJQtqps^}`dT71!SabbSpdE0X$iufXi z|xW}oKa@rT6IqGSL7F%dB;W@r6Q>1L_^m|m$@W*^R$ zrbu;Vx_~1VN75W zV&jQ{iEX*tcGT{WBua{|6a}3@-?(p4G5~-i_Jdd=7AO4tbxE{If5a_tM8v2V*2LQT z?am?R_R8(C`C)h1Gv;Yiv=I^Ul&DBt>N1h(h$2%Ftt?|@p{bCJmHpFu0f7IWWcid| z&u*?!S4nG0?0SkiMY~_yIM^6n@!Gt9tRU0K#vhOWi1`J6#x=vJn7?cp0M@S+{o`h+ zHrV^^jEdQkwIy~vf9p_|XUy}i_Z|0*a|}AH?bf9#=#J?86aKe7Z@GDH`1&xD%Bb_y ztL+^C)}0ldlH?ikw7fK3nQqZ~($=K9Cv^ko26`HMlzL^worRsx(-Z~Pks&4>Tmsa||q|W`FrR}BZyVK*{5CCjs%b$|CHF?fCG_yP01#ix pk0k32>*%e~nywl=Y5_pJeFutV6IrjIQIY@v002ovPDHLkV1f|Xp6UPq delta 745 zcmV0uHwy zzPJ0HxW0JU>M%Z8z9k+@6rB{U%d8m~80J~eGfp$skJpDA@$}@=&FPyzJoupIt>!z+ z_x=6%i<}q9SjfD*^fGdDB%Gape?R}p@h4lew!XXjPS#S^ceXFT9RI5;uiy%p7#J8n zKK>|gCtvueP|ikffx`l`9JA8brTnt|$NP^nFfeEaY2Ms;lYxQZ`@8SY&OB4~R)ss_ z*XLi${g&I;*_S*o`TP6tk&Yt_3=Cgif7J}u%({|=%>MEI$1>k#HkCG|f3Heqtz=gP zuVVPmfUJOtfq{Wrj9VvChmDs_BTz#`Lqyq4nT>}{#Y5%&-S-R(3>pC%PftJn`s(Z5 zop)s{WVl4Q;O@Ay^NxU`fM$>;3nz<3fyJ#Yw;-nJ$LX_jvm&!^Z@(?9CafK%&BDQA zS7Z0#!H3t^ULz}DL5?RTe-&Vc%bgDj;#Lk)6dV( zJ?{|cU|?Wi_|L#0z=10Te0}*pq6d1QmCccemeNUw8fA?|(hQKPi!l$pD1IPx&m`OxIRCt{2-AzmsXB@}z@9gaBEH1VaB&XkzWAq)=#Ts^K6SUv`%+XqRjw3Bd)~RkjBb(hY3Q z8Ud63KDTF{=lSQKIm|CJ&tZ%ndUA+}h^)iN<#GxM5fNFJW2+kw5s?>{LPA7D3Q|aj zh)6*S2@w$~NFgC2A_XZVL`0+@g@lNR6r_+45s`w-Q{AU}CWj_5ohCQGy~*749F@B( zNscGE_1!J93t8-t4M6O242RQ!*Y*N1JvL1?oyDrM@~h?`_EU_>p-J3+H&&&^(%cg9 zNSx)z%fv3nutRpi5;>6}fWfs zbg%Rgs10DhY?GQu;ji|u*()L<8_!wnhHz(?8-q7Uj3hYRe|XKj%W@G62RZchq19^+ z)3F*fg?Mc**~M($wami|4yVr6MMSnr(NExTXPD~)*I9nNOifG8n)%RMA!f#Bc#?TS z`77m^E|dFz+<$7_hPNA-{%x8Ew;uoy{V_^*AxrJ+wZ*n5A|lU8(QguV$R-#L(%9O# z{(OT?TW=fv@AP9;S}e{ka`20TPpuoM3()>$JAJKv_{x1O%`b6u@aXDiFcA^ie9!bh zi8J9d92-1F#qNs2i*k@orSVnxiu+`ggY@5NtV(P3Ttq}fwnkBJ63J^xu6}iuKyBc^ z0|LMRf6!liM+W$-pJAVfh&*>iok={JdxRabIr7bsjq6B6L|z#G08JGmjK;kb6#xJL M07*qoM6N<$f*x|!ApigX literal 873 zcmV-v1D5=WP)Px&BS}O-R7i>Kl;3YtWf;dl?dj={)2%!E*~YD-8v+Tzsy7;=7iwlCW86S6#E|$8 zaN&g)TzEmaSO|m>O5zg*BOL9Dk>Qia#ZnVXlKitf@kI!-YhuhSJ>KH#Vj=5^m`F1DEv&%Lu>FKl_ z)sIRkUlI|K_;+y`2oH!=wnRka(ifLx^rKM`5xF;YPmZ@87pr8+!sP`S2oH#?%PORP zPszzmC#7tbMMUK0`I~a)y)&{HUzGm(e#t+~i-=UkcgOF_iS`pxDy;j+rn1ss-!Hkv zT$R=Zpm-D%j{<;K_u_B!<8V3v@B};*9~A*;f1@35qnG4FlEg0wcI@8)4*O)Jucj&H ziVXD(0bs70to*S8fU2o@8ax&4U*pVlhVWZq6!*H1Kt}+5lg`q$CH!rEo7Pq9Cx{-1 za((nV$%!O;hWAwERZS%r4YK>x?#h`{aaJz=cX)L#=9+0cE9QzgUDdmy=Is$Z5G6hm z$0}KbUJq5}BkxAYOlK$;%QU^*grX`eTwZu;->&z&Nd1=L!L0`X%>FcsxoXn!W=EB_ z=9ktZI>Bg=?w;-^=eu-zzv^Z9gJHB5jkV=9b`9=&YTrOOK;PGW4D}4*Yw}T8DX?#J zUuA4<$TKkb%AnkzxxcZ<63Jz9l@Ixku|#r#NA2K7 z0SZun0u=azfMg%tC_@1XP=Epy_>%xbg5!b$6rcbF{wlzb;NYMD1t>rPh6Kj|1t>rP z3Mdy~C86AmJt#l{3b>5`L&9wyHE)yx6rg}|0fvNfGxneW1t{P)0t^YadDOg73Q&Lo z$^{q_%FWn=0u-Qt+X%QMB zWBu`>>;=3Qcp?5$Jj^G}u+&+waMeO2mM7v}?>m%4mq0(DhiZmOd{&iSg?(N794_tS ztB)|I8ezR}6@BGn&08@K*S1~*M&Ir3dDsK>aWy(?J004qQ&yu+Ux(&P&G4Axfrx_< z2;Unnj_uqxG%a+JICxkJP=Epy7%w0~qA0WonoIS{hRdpI{$Eo`}Sgb5GEAy$z}6RPjas zq3;7US2dWucs44u6%K8);YTQKtK5d+x5Ky+bp^5cvErJX`>Lj^_!KEX0SZvyKM07B zkSm0Yz6^1?j_MAW4x6BB(TR4`g(kG$Y=_pUMa`ZXNRot@ycpyM<|D2!4olTb$1d~J zz$fG^&Ozp2CT7l>3A@b>!z_b1wsDscejEG{rVAUZ4#v0h0`f#CERR|)K7XA17~Kus zNGMMbAu)d6|KP$?P=EpypuniWZy_O11DTGPkp47X0Ljxotre|Eu1-dmsY_HADR)zF ze(iZ=^k-oFuloL$eiW`Lgon4s7_RM$4Z3C>>JQgX7!uiYva!2yH|7V<7k%4}?PAI+ z?NJ&-feHlx_ zmq2|?jX}#G8uJ>(^i+9b`Gl23Lv{l?Z*@X@LyONtpHaM_7?FlZ1SbYFBsfkfKmiK4 zNI-E&$ZHmI6`+5u7wZnr+xy=4sMb}(YPQ02uBTYQ4%r^^&q`wC+X(I)x`XGX&&7gx z#DNH`&s;AK&ov1bjSilc0u*q20mbi0SnpZ!;M4=LM!}5&6rcbFrnZ2hkQjb5jLIFA z2uThR)d4pOP=EpynA!r0Lc-u>5brI>?>b1+e!Ve0wTXCl6rcbF+*jZ`9X#FCwHSCW P00000NkvXXu0mjf-T2^) literal 822 zcmV-61Ihe}P)xpaeeOp7)&RIluRR{^uOZv=#Wzf;xge zpdC9>`d@`MZJIzaDD!md+*ThlcXnXbR3BRp-)LWq){nyBlmp@_gkMkZ# zlqX_&W*N1SwU8`Gz&ODmV=b92$ePTuSYz$;8Wd>?=-=x}E#1rYtScI>HUL{ke)_{S z_z(HewrMT$z|=r=NIEcBIS8f;6TG`T1m6xOy{&5rbos?{2n$7P(sbTco6>BpALKP!nE*=#pr{WL-<3X$8e|VzT&zassM6 z6+}ZKk`Fu|fTmdkp+bn(Tdkld3Q@8slyFKAQx*enzPA~AePJDio`uL+%z>Sw9ZW_O zq>fV3TX9nXb{HE$q9C(+J9C+zj6nK?`;hV8;$BR3Pa#2`K%jTd-33i=o9ey_nV&LA zF}+=5jblhrreIPvNt920n~I7{6%fyh!8pz^L(dP*qwGQ%n9fY|H{*9BM1vx9<#pMF z&UeX2MqdWpIBuj?qtFnGrhiP|A2h98!RZ2UVmUDWFe1J>ewUw%&lDqfDc9m>wtZC$th#A@`MZKZWxIwUtI?+==8rnsRX>eGkQU*K;6O(#|SDtHBZf&YMyMcpF$WPQX= z@Ph$tM#xy zX-^I$_ZoNC!qz_B{JDwFdz~1m8zBdrm(4>+PRL*VzvstA|4xsdCq2aDhZTE*HheXp z>3S2mDO{r7Va1-Hr4CYZZ_;-yb?ncJcF^#@00UUZ58w^IT>t<807*qoM6N<$g79&6 Axc~qF diff --git a/core/src/components/input/test/bottom-content/input.e2e.ts-snapshots/input-error-custom-color-md-ltr-Mobile-Safari-linux.png b/core/src/components/input/test/bottom-content/input.e2e.ts-snapshots/input-error-custom-color-md-ltr-Mobile-Safari-linux.png index b8a24b961a9a309c17ec6cd6753a4cd39f6e6f85..e2a501d68bfab0f209ceaede9db1b11ab850029f 100644 GIT binary patch delta 863 zcmV-l1EBox1>^=HiBL{Q4GJ0x0000DNk~Le0004o0000K2m$~A00uh^PLUxLe*+mw zL_t(|obB9SNK_-`P)?(eh+#FGjoeypus@DrXx`gHwT2{0HoWQg^K|y({LVdh4~O5~ z;EGzQl>h*QLB#X?TK50|@RNA0e;WV*_zfco00aah2>=8HBMATm1S1Im1Oy`q00aah z2>=8nUL%R;_&>(WCIi4mCi(LEOLt{=&e0rOw~bLTRUK8&u05N4I+vqTJ=Vldf4`Zo@2ii- z%^#axBQ8sm#qaQI_G-*`%<>Gm*XE5)Si3I)0E9wJM4_orW>MyaPZu%@GdfB-_MF|* z;%kv>m-*5zYE%Kfn5%Q=SvuJQtqps^}`dT71!SabbSpdE0X$iufXi z|xW}oKa@rT6IqGSL7F%dB;W@r6Q>1L_^m|m$@W*^R$ zrbu;Vx_~1VN75W zV&jQ{iEX*tcGT{WBua{|6a}3@-?(p4G5~-i_Jdd=7AO4tbxE{If5a_tM8v2V*2LQT z?am?R_R8(C`C)h1Gv;Yiv=I^Ul&DBt>N1h(h$2%Ftt?|@p{bCJmHpFu0f7IWWcid| z&u*?!S4nG0?0SkiMY~_yIM^6n@!Gt9tRU0K#vhOWi1`J6#x=vJn7?cp0M@S+{o`h+ zHrV^^jEdQkwIy~vf9p_|XUy}i_Z|0*a|}AH?bf9#=#J?86aKe7Z@GDH`1&xD%Bb_y ztL+^C)}0ldlH?ikw7fK3nQqZ~($=K9Cv^ko26`HMlzL^worRsx(-Z~Pks&4>Tmsa||q|W`FrR}BZyVK*{5CCjs%b$|CHF?fCG_yP01#ix pk0k32>*%e~nywl=Y5_pJeFutV6IrjIQIY@v002ovPDHLkV1f|Xp6UPq delta 745 zcmV0uHwy zzPJ0HxW0JU>M%Z8z9k+@6rB{U%d8m~80J~eGfp$skJpDA@$}@=&FPyzJoupIt>!z+ z_x=6%i<}q9SjfD*^fGdDB%Gape?R}p@h4lew!XXjPS#S^ceXFT9RI5;uiy%p7#J8n zKK>|gCtvueP|ikffx`l`9JA8brTnt|$NP^nFfeEaY2Ms;lYxQZ`@8SY&OB4~R)ss_ z*XLi${g&I;*_S*o`TP6tk&Yt_3=Cgif7J}u%({|=%>MEI$1>k#HkCG|f3Heqtz=gP zuVVPmfUJOtfq{Wrj9VvChmDs_BTz#`Lqyq4nT>}{#Y5%&-S-R(3>pC%PftJn`s(Z5 zop)s{WVl4Q;O@Ay^NxU`fM$>;3nz<3fyJ#Yw;-nJ$LX_jvm&!^Z@(?9CafK%&BDQA zS7Z0#!H3t^ULz}DL5?RTe-&Vc%bgDj;#Lk)6dV( zJ?{|cU|?Wi_|L#0z=10Te0}*pq6d1QmCccemeNUw8fA?|(hQKPi!l$pD1I { }); }); }); + +configs({ directions: ['ltr'], modes: ['ionic-md'] }).forEach(({ title, screenshot, config }) => { + test.describe(title('input: highlights'), () => { + test.describe('input: no fill', () => { + test('should render invalid state correctly', async ({ page }) => { + await page.setContent( + ` + + `, + config + ); + + const input = page.locator('ion-input'); + await expect(input).toHaveScreenshot(screenshot(`input-no-fill-invalid`)); + }); + }); + test.describe('input: outline', () => { + test('should render invalid state correctly', async ({ page }) => { + await page.setContent( + ` + + `, + config + ); + + const input = page.locator('ion-input'); + await expect(input).toHaveScreenshot(screenshot(`input-outline-invalid`)); + }); + }); + }); +}); diff --git a/core/src/components/input/test/highlight/input.e2e.ts-snapshots/input-no-fill-invalid-ionic-md-ltr-light-Mobile-Chrome-linux.png b/core/src/components/input/test/highlight/input.e2e.ts-snapshots/input-no-fill-invalid-ionic-md-ltr-light-Mobile-Chrome-linux.png new file mode 100644 index 0000000000000000000000000000000000000000..4f88c1166dc0328519633dff8c27ed2746f5b8f5 GIT binary patch literal 4347 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 literal 0 HcmV?d00001 diff --git a/core/src/components/input/test/highlight/input.e2e.ts-snapshots/input-no-fill-invalid-ionic-md-ltr-light-Mobile-Firefox-linux.png b/core/src/components/input/test/highlight/input.e2e.ts-snapshots/input-no-fill-invalid-ionic-md-ltr-light-Mobile-Firefox-linux.png new file mode 100644 index 0000000000000000000000000000000000000000..ad6c5625eeebc66628a4d37aa7d3aca6657b6c9b GIT binary patch literal 5204 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 literal 0 HcmV?d00001 diff --git a/core/src/components/input/test/highlight/input.e2e.ts-snapshots/input-no-fill-invalid-ionic-md-ltr-light-Mobile-Safari-linux.png b/core/src/components/input/test/highlight/input.e2e.ts-snapshots/input-no-fill-invalid-ionic-md-ltr-light-Mobile-Safari-linux.png new file mode 100644 index 0000000000000000000000000000000000000000..f32157a2240a299f2d65b81c768159634be60069 GIT binary patch literal 3603 zcma)9c{o(<`#&j~%Kl1`!3g!D$QofXCYmf|$te47DrA%;rYJ;~R49#1GI-~;HN-H~ z$l9drhD_G6Wf|+3k?nil@9(;P|NVZ~d!6e#=RVJQ?q~Vj_x<@iC-I84xzIuBg8%>s zp)MkA0box&Xj?+~!28tH<6iI~;Avrw1a|+q-hM260rvcYLYmlzXD<<152jE zh6?g~%J)5ds1rj(Nd0^-EyjOlzKVZuZ$V1OGbrkUA4R3&0yN-eZJuMRi}_#Uw)Oif zqlXM`e*L@XmXAcCMM9jon+Bh;{DH%QhhVU<-RkF7FvZ+=&Xb$lEY3vK^rkpxbr_$< ziuX7QF3eNjDs&G3EIsIa4gmZ3P8|Tw%l|u5bNLjiu&1V`#)?-CM3bVub@4;@*#l%R znmeq-;h4C%riO;bm=YgQAbfDgA~G`a_U)w}wI)xpb@tiM?izvujYtUr;MJ3Pw`v`2 z?b!HuUq8Ri-@jMF>r~ODbsJN7Hk%zB9K5iw0Le`{qTZfk#O&|a)6uD

#Te{c|i9 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 KSd4n~=6?VkrtuH} literal 0 HcmV?d00001 diff --git a/core/src/components/input/test/highlight/input.e2e.ts-snapshots/input-outline-invalid-ionic-md-ltr-light-Mobile-Firefox-linux.png b/core/src/components/input/test/highlight/input.e2e.ts-snapshots/input-outline-invalid-ionic-md-ltr-light-Mobile-Firefox-linux.png new file mode 100644 index 0000000000000000000000000000000000000000..cecc2a850cb37569682f3346553a8f400aaf8ec4 GIT binary patch literal 5554 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 E2cB9(2><{9 literal 0 HcmV?d00001 diff --git a/core/src/components/input/test/highlight/input.e2e.ts-snapshots/input-outline-invalid-ionic-md-ltr-light-Mobile-Safari-linux.png b/core/src/components/input/test/highlight/input.e2e.ts-snapshots/input-outline-invalid-ionic-md-ltr-light-Mobile-Safari-linux.png new file mode 100644 index 0000000000000000000000000000000000000000..06fd69b534f04c99312773f527e7de23cf0ff99e GIT binary patch literal 3837 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 css