From c571b2b1b68b49dac2407d2643b6e3a9e5a317fb Mon Sep 17 00:00:00 2001 From: Mil4n0r Date: Fri, 12 Jul 2024 11:05:28 +0200 Subject: [PATCH 01/12] Modified link border radius --- packages/lib/src/link/Link.tsx | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/packages/lib/src/link/Link.tsx b/packages/lib/src/link/Link.tsx index 0e553490d7..075bb24348 100644 --- a/packages/lib/src/link/Link.tsx +++ b/packages/lib/src/link/Link.tsx @@ -107,7 +107,7 @@ const StyledLink = styled.div<{ cursor: pointer;`} } &:focus { - border-radius: 2px; + border-radius: 4px; outline: 2px solid ${(props) => props.theme.focusColor}; ${(props) => props.disabled && "outline: none"} } From 9857830d2c295317554d0dfdf632e44289bb5ce8 Mon Sep 17 00:00:00 2001 From: Mil4n0r Date: Fri, 12 Jul 2024 13:44:45 +0200 Subject: [PATCH 02/12] Changed specs image --- .../link/specs/images/link_specs.png | Bin 9408 -> 9405 bytes 1 file changed, 0 insertions(+), 0 deletions(-) diff --git a/apps/website/screens/components/link/specs/images/link_specs.png b/apps/website/screens/components/link/specs/images/link_specs.png index 508da4e6fcf3782121e7b453483065094d618070..6046803951e9851cb08e59b96688c965161b594d 100644 GIT binary patch literal 9405 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Πr3#GlESesUwq zDqdeb4YuI2R3;yB?<@OI-SCHCl=aE~RxF(jCnQa)ieRuI^pfqM$UZXt$S>kGD5+o9 zA(-f8x(w(hSY5cQi9@}p<=zU^z%8MrRYQdlsD7UMFpm(Qp=_R1+-nN7*nI4$Tl$j2t znAiBp2^z+a=G5QDd)J1=;KE%gY%{{QS1p}`_oG4wFD`EKr1-kqvf+GJ7Pq9|1=<}U zeI2<->C34c37FI?9HSW4Vsjl$=`H0ls6v;8YHopHC{Mm)jr66t;WFK#hgR(Z7(OAT z$e9g%Acl|c$l?^}5$f=EvgLcIM}9|52v)zA^$0H-v==Jav$k`oda0x(slT-=W zaomw4FRH*)0Xi6Pi}5|^J(8a#SKJ2|ETG`$0K`j|ktqk}T@1F>0J68=1b5H*!C=*2 z7!b?%ietQshJ`{sC zplL!3LIZNDl(lVD$dDuV8CG< ze`p)5Z$Rng9;^L8Y36g_7=vJHF10-=QxUxAWP^LOt@IAK%qHNaa#3@!9R#)?P6Gso z`K%OoY(jb^>Hm0NXUOaK5kOSZ782%!?Lql}~k&6Hy_PiPe$+E$qm0z5P1w=fX&5mMp_ zw}%IlTeE0cs^*lQ_Nzrj3mgQsd#!KZXk-O$xpboD??y#i^=PNS7dCBswwwd&RwVgy zGOz^(6Fs-GzD)#EXwl1k28Hd%dFp=JqY3Pk(@^Jy6g?>TKK0(czvdOUc~PdM7~3w2 z(RlzTedz8WYj-I~v;Qe6HZ016y(sqT(CuN7HvZ75%6uKPWvqRz?5vriKvAUJ9Nskj z;Eq%90uJEA6rTpze34Q5)+y2%LcFSCWCkdhBM601$haj>weXvoBSazdl-Ltu{m! zlI;>D%JJ&B>t869`k1_MFWMSAL|JuJmz|5N(x=|`$O>%eTqRp~`44nWxjx;vo+<+& zKkf69-qw{F0pbK>dX5PQ`)(}GUe!x}PSBWmNz)X$nRqDBZcRA4rOe8NnHYY?ICHE- z;`(Y@{i|vvFo zM!u-(p_igsT#o};0|psV+nCivGhFX>zw4+lTZlEi}=hY?6W)qtKZIUg5ewzt=!%VTyzR|#1V1|FQ74HsJ zY%>h6G;k(2?3EpF*jD|mIRa|uwlm+6yFKAtD##D1xCj4YEOA2^?1Z7G{!jG&G77>M zaHj97(GI!p7)lrrv+%2Z`u|`y82k-T`^|vtlO4#mz2=vqzYzVWKmI@TQ4XDFgD}HbMk^6oPzX0kH(6?I#V{gT z>}%E;Ms|kmH2gjj-P=9qdH#FObI$XeoWp#~=ktAk-plK~o^Q0dsnK3$er5=Q_MSMd ze;R`52w=U*xEuUkGWF^MAM}@xov>sCKcS2lqaa8WI-##?iFTYBU`lYY3S%H`VG1zZ zt}dd7WcSEk*dvxHc0Gkx$uAntQGMKb&#`0jT-Cfv(SK#OJ~@2CO8L4wXX&x~yvfH4 z6C_xi_4g+jh#KfS*X?q?$m>d(2sdsD8)z(27-*+DR-q`Euqr!)52uKjW;LSPh51xm z|Hsu;^bvb{MmA9d7J|XQFV07^SkjXu25VA`{{D`(@P@%YBYrxEg(6QgG7_@KU2p&P z&(q)}>@)ALV?V3zmqLCaWXH#Txy-NN@P9H|21uE&1!)<|4h(*2U(o65RpnS(=x&P0 z(xByz^SW^O+?5CY`a4li)f@pS9|k+}_F%(zDY=(pJ0sBjCJM2dyFFtDxrSR*6q18J z$o%k(9(vckgv5Zcq2j24#wdq8gKAqi{*X57eo+L8mQ*r-B$WUuUj&r@l;_c_gOAg% zP;M>8+`me0AE2;vW6P&`?^^Lxc$=NO+!LI`*P`Nos6P`{ilMPj=uNU9*f zV5%DLC%-ACZs0k+ath>fYzGiV#O6ql_<^`_1Ol3cKIPHaEk-OQ;VpX7T_Z-z zQY2;LyLwMrQUv3>l0u5&>;^YuPxgclc%mo*dm>BwEpNwAnoMK(2Xk|we%;HvNc#%= zPl8Hl7pR0-5dJIx*Xt7Icr~E}oQ%x%Q`RoV3Wte#Mhn+m;yJt3J-(#DR5#+>T|5=| z$MPL4Me{ZLV|zQxvtA!HG4?*kohalHJlc4nRnxVog`kBCqkdf(9Ht+nE?xRIpI2;? zd}Bi+y)(8w&Zn-f^YWI9xu232`olsv1A2Xa+ODeS>o}%;B|@W&{=eYrE8DZs%VL+D z_+r-8JRXj~^FKzI=_?Ho(F1R1Go}(}R{9Gi&&e5MSaG78)FR~to%$@l<>A3{>_NfB zB*$Xp%cZ$c%C1-0O{w|syI?t0p21dHaXMbBS13gvuh97>#{wkz3X3DK1VK2w@K0T! z6BzrrBDC_Vx09j$1u}@Oxua9_1^=B!o7aqsy5~cdS8khm);ejUh|%?7hn`akII$b1 zFCbvsMN42Cshnis$e9=ztPG=JwlA5$*WEe%ys>k&!I1GwQ8gTc^I>c&<~Y~!Y)ET@a*W_?6>xr$F-#7y$*+}oEN($O)2v*SPd^_|w8 z0iLXhv76Re^A%jJ>aN5;EC&+%d(K?t#!}FJ66tG_PSNFZ>mNP`)Q)VDs0H0&({Z1* zyP}Q|=Ng*$Q)f4eKT%>|M!VXFH_gL+>qBa&2;u6v{0$VhdiXBVkZ{%|Gc2Kviw&FX zL%hTXgP(zS_O(l1Q?|?sv{Vm}6e_ddNahSu>CW2pymwR6Wh?zrZNIv5nDZg;u)KZ+ zVeyPXuKh?mk(XjsJtR{)UpWnQi53Cn-J^uWmW@TA>d;wS^;#thbhuF#0^TbFwKs{7 zNlyxoCu;Vp*=Xe|)3gx^v@y4Fd@s;OG2!ZMUOd|FRK;aIjk%_v+nW{DCj4)M&34jMj|D@R|Zh@jtY(CL?G9n`q0fezcGXyV+Vb8 zFoowoH?BT1xo|*%5MyEgew7Q$BR*|QLzfXiSA1?Mhp0RO-f6d7QkAMPHg==!?s%(l zNqwz|pgN!98AzB~lh+#J#f;Y}78|w@x1f#CwJglpxW<;}D3P7Dm=OrOkINms29p(x$=0ZgMY6x)74uuQgvl3_T=_ z53)_0k2R`)-5hNH?Q=@lr;jVFY<=~UeqA?_@nf1pEkR*3FkzC8e$0zr`|85fc@1kT zZVno1aUo2E7{Nork_aq9gr1(Hof#qlgVRYDN?vbQ+_2MGN^qyvN@GIX`E10KDY0kQ z_n4Ev+&rax@i3%fs_|QjWDb<(AmtQSIrXRex3`n-+FE!?%&cBt*4jwxvv2ZwILABb zW-BOv8D+>#!Od)~Mu6OrBhtF>$rS5DjZimTas%riH&5lYMb|9!5t&p#Z z@)x0u%3z$&Jl896TOG;jekZ53anz4^wVZ5LK&7azF-;BM8%v*K{LlbZs0iH%yu{p8 zd?_2Bf$lkO1AaaHR*8sgt!%K4uTIH@ z25qbie(k{w$5FiFBSP9ww9ashzlPWLIjz^CyQNZvr8eU8E9GR@+D2EaGw|bBD70rP zKE6AAF>WOPr3Z5B+L7_RQ7VwSOJmyYbex zgo0YvpIGh_PO(=P%H1sqIV~4cL|R&;=aw}fr-i!xWCNY>&*CmlD;cbHQk1Qb>2J9_ zrEVzP5tinq0Bje#XL5ZfiYo7eUO3^mIvHv;L0E0T^@C1uxkuDWK|+p7DTo=bx~5UV1RP*#a~d`BmRMq z;f`0soX?DicqM)hslWx>iN$d*rp4?t#+h4kCQ3O-CKX4ujhw5aa7w^#^p@7E9*#B> zO2tvf;BV~nV+AP@OaUdNrk z(vp?EI@&@VOCnVpX*T7~A-!5uA%hYXHEOm#Iq*@2Jbsa3$+y%uU!r9omKZJ_Is0z4 zG2}QTJnQ#-8B|FoAj)|x=bmL3mDkG*vRdCgM>l~pDlpN#i=t|)bLjQ2%s1^YGJ zSzsU)gk$XNgEtk17g_tcB{h8-<3sn`K#p%BVp)S2&*qR(vf1yZVL%WrZ1U`C=kIX( z8+HgF(dHQpoPKow`+fNJtUTOc=eLK6t;e@wD^PZpn<|aHv#8>9c~IrI`HxTN6}H9t z%)A-6_or$j)E%KM^kk{S#bQl23olX@zS(QE%xFDpO5`xD#)!=bG`U{o@efp|3oS&s z-n2Jy5^xLM?Xg8n-3%;Pf#ehsu_lUrf37SS@vKR1ee?92_l%3a+~(1mpDiO#Y;Xts zD(7j!=R(P-${^Vp$1ZgMs69`ykmdvGIBAVgw9udgtlM|>VK@m1beLRK_ ztC3e%4WG*iU%K|bQb2P-ee}K6OaG#-!Fr88sTSbA(*r!jLN(d-dJOq#>7#GrxcWyW z@2FSh5{%^2_7M!?Xz6SfpLc_n&ZL2%3)l6$!BRi+A*_tG8ujJ_py4RPo=(vq-~vC$ zRIT)@&c5^v;m6|qO}F~&$QrCOCl0Ktz5H6f7lUP(Z`Na-yuVHQHjyjK3WLSSpRKq8 zMrnB9#Tc2%FaRj6$h*5qbv^HdwL5dMRg1ev=1LF6Lz;{yT|CA_ZF1>ojnZMzC|Q04 zr|(;f=ArY$FKDLJKQ&uy(A3YZ7kktMYOK|sBt-q!>oX3sE?O12f^au`>zG_+YqElz zN3DlIyGWr#hzSEJ)yXQJ%xY}(uAEloXZnKLYEIUiHugKk%t$aiX8U)ki6*!6&nGuK zyn&&6vhU>(;xkk%lJYxEX{M+ErkHbhas{wskl7CP=SsZ2JOeACe(AN>mT16t98C|fp7NcEQBq>-|-#)6$L;HtQ%pC86v@9{B z66cZv#@kVot)X>ajV9YP{ep|So>KM@)r9k8mfVGs!%Gf?-BhKjS1Ji7<~6#fl?QcY zP$IVMtNtmZcilCaz?o{KSiBCF=C6<4JRZyvMhu{GW40QWx!Tm2XL1RP(sS!YIFgX0 zGP$FOGlV=jv}JZzqr|fJQ#o!q&)BAV%E82bwqok?FPPz3SV{v zVg^WwLMWy&TDL{(ndjju+UB=c`fZ~%gkRL6g7$7zdp7I5;sU>XJi>j73+1arLwmv5 z@zOw(1#W!9LOo5s4{Oy9f6$lpQl;WF;xP21O{r$1kFmBuq8+o2dN zWS^AYMYGzEev|ROJpz(lgIYrW^`!y$(%8&Xk|rx#A$@PlPVf9tOcYAa&MCeJD8dVm z?u>bVreRsB#$H?yYd}p?@{XlOm_%*gEm~*^3XSZxd%d(yKz0{BNp?unaCU)o*f zPt>=h@W*$N4IeLOzl?Hdbk`161g*s_8{6oQr3W7eQPZDglpk~s&K}6@mCQ_(N&O4x_+?WBb2e1{X@hBBe*VDmA&6x(lK~t772k9q0sAx@j8bf9A`Rl!>V` zD~NjFZZMO=>D%4?c=J1)k%3`>%TTB-a}n~SPDID?@-%7r_)xUbsfw_$+7wQIl=6i| zd|%e)q}5UX&e>;GXqTe&$`>2z!8Fy-0$sTIYoy{de-a#3+cGiN3o%#0P@RjH~eOpEQnanC*Ap{MZK z`7{qT&%AqV>V0B)Tia+DCJ;xhd?_{qYdSW+a8_T!4j$H-{s7(gCJc#uihDJ|sJg7zJFO9X;Y+zk24$nPzSi!{p}_=g-U@M<$Vye2NNw=B z`F7U5;-ZTNMbQ7}boqKI8btRk`CsszOh{{H+e)@0!wD+37TO+#z^@8BT-6 z)OhQ&!4eg34pUssMD18eNyFOQIZI@ZK(RpmK|0FFrSWIkwxo|qoC)n59^ca(5cs?e zaQr_eq?SOeMr6>xl4$8cg-sz%CAC#fADDn%cya%Y6`M=6=r(0B1F(s>37^p-bOSEK zJ?jqG2vye1{P3MW*x0Z)|4i<<1LO_^VQM34s&jjffM8-I&~*wO)&mg?PG6#wo90&X~?(?l5+5=((28My)!_$eU{y7I2Rs&^+n)8ucJ1E{Jatk Date: Wed, 24 Jul 2024 12:15:56 +0200 Subject: [PATCH 03/12] Added workaround to prevent Link underline bending --- packages/lib/src/link/Link.tsx | 29 +++++++++++++++++++++++++++-- 1 file changed, 27 insertions(+), 2 deletions(-) diff --git a/packages/lib/src/link/Link.tsx b/packages/lib/src/link/Link.tsx index 075bb24348..b2b4c1ddd2 100644 --- a/packages/lib/src/link/Link.tsx +++ b/packages/lib/src/link/Link.tsx @@ -107,10 +107,35 @@ const StyledLink = styled.div<{ cursor: pointer;`} } &:focus { - border-radius: 4px; - outline: 2px solid ${(props) => props.theme.focusColor}; + position: relative; + &::before { + content: ""; + margin: -2px; + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + border-radius: 4px; + outline: 2px solid ${(props) => props.theme.focusColor}; + pointer-events: none; + } ${(props) => props.disabled && "outline: none"} } + /* &:focus { + position: relative; + &::before { + content: ""; + position: absolute; + top: -2px; + right: -2px; + bottom: -2px; + left: -2px; + border-radius: 4px; + outline: 2px solid ${(props) => props.theme.focusColor}; + } + ${(props) => props.disabled && "outline: none"} + } */ &:active { ${(props) => `color: ${props.theme.activeFontColor} !important; From bc6c683e70b4f9b02239606c8abcd4c009f22adb Mon Sep 17 00:00:00 2001 From: Mil4n0r Date: Wed, 24 Jul 2024 12:16:31 +0200 Subject: [PATCH 04/12] Removed comments --- packages/lib/src/link/Link.tsx | 14 -------------- 1 file changed, 14 deletions(-) diff --git a/packages/lib/src/link/Link.tsx b/packages/lib/src/link/Link.tsx index b2b4c1ddd2..5f48ce3b3b 100644 --- a/packages/lib/src/link/Link.tsx +++ b/packages/lib/src/link/Link.tsx @@ -122,20 +122,6 @@ const StyledLink = styled.div<{ } ${(props) => props.disabled && "outline: none"} } - /* &:focus { - position: relative; - &::before { - content: ""; - position: absolute; - top: -2px; - right: -2px; - bottom: -2px; - left: -2px; - border-radius: 4px; - outline: 2px solid ${(props) => props.theme.focusColor}; - } - ${(props) => props.disabled && "outline: none"} - } */ &:active { ${(props) => `color: ${props.theme.activeFontColor} !important; From d57b42a237324b9dd45535d0b0de6a8ebb433781 Mon Sep 17 00:00:00 2001 From: Mil4n0r Date: Thu, 25 Jul 2024 08:22:22 +0200 Subject: [PATCH 05/12] Updated link specs image --- .../link/specs/images/link_specs.png | Bin 9405 -> 8764 bytes 1 file changed, 0 insertions(+), 0 deletions(-) diff --git a/apps/website/screens/components/link/specs/images/link_specs.png b/apps/website/screens/components/link/specs/images/link_specs.png index 6046803951e9851cb08e59b96688c965161b594d..a243ef924eb76305bcb2de450553ba663e81ba82 100644 GIT binary patch literal 8764 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Πr3#GlESesUwq zDqdeb4YuI2R3;yB?<@OI-SCHCl=aE~RxF(jCnQa)ieRuI^pfqM$UZXt$S>kGD5+o9 zA(-f8x(w(hSY5cQi9@}p<=zU^z%8MrRYQdlsD7UMFpm(Qp=_R1+-nN7*nI4$Tl$j2t znAiBp2^z+a=G5QDd)J1=;KE%gY%{{QS1p}`_oG4wFD`EKr1-kqvf+GJ7Pq9|1=<}U zeI2<->C34c37FI?9HSW4Vsjl$=`H0ls6v;8YHopHC{Mm)jr66t;WFK#hgR(Z7(OAT z$e9g%Acl|c$l?^}5$f=EvgLcIM}9|52v)zA^$0H-v==Jav$k`oda0x(slT-=W zaomw4FRH*)0Xi6Pi}5|^J(8a#SKJ2|ETG`$0K`j|ktqk}T@1F>0J68=1b5H*!C=*2 z7!b?%ietQshJ`{sC zplL!3LIZNDl(lVD$dDuV8CG< ze`p)5Z$Rng9;^L8Y36g_7=vJHF10-=QxUxAWP^LOt@IAK%qHNaa#3@!9R#)?P6Gso z`K%OoY(jb^>Hm0NXUOaK5kOSZ782%!?Lql}~k&6Hy_PiPe$+E$qm0z5P1w=fX&5mMp_ zw}%IlTeE0cs^*lQ_Nzrj3mgQsd#!KZXk-O$xpboD??y#i^=PNS7dCBswwwd&RwVgy zGOz^(6Fs-GzD)#EXwl1k28Hd%dFp=JqY3Pk(@^Jy6g?>TKK0(czvdOUc~PdM7~3w2 z(RlzTedz8WYj-I~v;Qe6HZ016y(sqT(CuN7HvZ75%6uKPWvqRz?5vriKvAUJ9Nskj z;Eq%90uJEA6rTpze34Q5)+y2%LcFSCWCkdhBM601$haj>weXvoBSazdl-Ltu{m! zlI;>D%JJ&B>t869`k1_MFWMSAL|JuJmz|5N(x=|`$O>%eTqRp~`44nWxjx;vo+<+& zKkf69-qw{F0pbK>dX5PQ`)(}GUe!x}PSBWmNz)X$nRqDBZcRA4rOe8NnHYY?ICHE- z;`(Y@{i|vvFo zM!u-(p_igsT#o};0|psV+nCivGhFX>zw4+lTZlEi}=hY?6W)qtKZIUg5ewzt=!%VTyzR|#1V1|FQ74HsJ zY%>h6G;k(2?3EpF*jD|mIRa|uwlm+6yFKAtD##D1xCj4YEOA2^?1Z7G{!jG&G77>M zaHj97(GI!p7)lrrv+%2Z`u|`y82k-T`^|vtlO4#mz2=vqzYzVWKmI@TQ4 Date: Thu, 25 Jul 2024 09:25:17 +0200 Subject: [PATCH 06/12] Added new link states image --- .../components/link/specs/LinkSpecsPage.tsx | 4 ++-- .../link/specs/images/link_states.png | Bin 0 -> 7694 bytes .../link/specs/images/link_states_noIcon.png | Bin 11787 -> 0 bytes 3 files changed, 2 insertions(+), 2 deletions(-) create mode 100644 apps/website/screens/components/link/specs/images/link_states.png delete mode 100644 apps/website/screens/components/link/specs/images/link_states_noIcon.png diff --git a/apps/website/screens/components/link/specs/LinkSpecsPage.tsx b/apps/website/screens/components/link/specs/LinkSpecsPage.tsx index 130cef3322..cd98079183 100644 --- a/apps/website/screens/components/link/specs/LinkSpecsPage.tsx +++ b/apps/website/screens/components/link/specs/LinkSpecsPage.tsx @@ -6,7 +6,7 @@ import QuickNavContainerLayout from "@/common/QuickNavContainerLayout"; import Image from "@/common/Image"; import Code from "@/common/Code"; import linkSpecs from "./images/link_specs.png"; -import linkStatesNoIcon from "./images/link_states_noIcon.png"; +import linkStates from "./images/link_states.png"; const sections = [ { @@ -26,7 +26,7 @@ const sections = [ visited and disabled.
- Link states + Link states
), diff --git a/apps/website/screens/components/link/specs/images/link_states.png b/apps/website/screens/components/link/specs/images/link_states.png new file mode 100644 index 0000000000000000000000000000000000000000..3ca57ad3cd473031d4003538bf4dd78848f0647f GIT binary patch literal 7694 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 From 2aaeb93f4be40bc8abdaeececb5181429d99a9a7 Mon Sep 17 00:00:00 2001 From: Mil4n0r Date: Thu, 1 Aug 2024 13:07:45 +0200 Subject: [PATCH 07/12] Fixed unexpected behaviors from new link --- packages/lib/src/link/Link.tsx | 70 +++++++++++++++++----------------- 1 file changed, 34 insertions(+), 36 deletions(-) diff --git a/packages/lib/src/link/Link.tsx b/packages/lib/src/link/Link.tsx index 5f48ce3b3b..1e4763bd56 100644 --- a/packages/lib/src/link/Link.tsx +++ b/packages/lib/src/link/Link.tsx @@ -6,8 +6,8 @@ import useTheme from "../useTheme"; import { LinkProps } from "./types"; const LinkContent = memo( - ({ iconPosition, icon, children }: LinkProps): JSX.Element => ( - <> + ({ iconPosition, icon, inheritColor, children }: LinkProps): JSX.Element => ( + {iconPosition === "after" && children} {icon && ( @@ -15,7 +15,7 @@ const LinkContent = memo( )} {iconPosition === "before" && children} - + ) ); @@ -52,7 +52,7 @@ const DxcLink = forwardRef( ref={ref} {...otherProps} > - + ); @@ -77,56 +77,38 @@ const StyledLink = styled.div<{ props.margin && typeof props.margin === "object" && props.margin.left ? spaces[props.margin.left] : ""}; background: none; border: none; - padding: 0; + ${(props) => `padding-bottom: ${props.theme.underlineSpacing};`} cursor: pointer; font-size: ${(props) => props.theme.fontSize}; font-weight: ${(props) => props.theme.fontWeight}; font-style: ${(props) => props.theme.fontStyle}; font-family: ${(props) => props.theme.fontFamily}; - text-decoration-color: transparent; + text-decoration: none; width: fit-content; - ${(props) => - `padding-bottom: ${props.theme.underlineSpacing}; - border-bottom: ${props.theme.underlineThickness} ${props.theme.underlineStyle} transparent;`} + border-bottom-color: transparent; ${(props) => props.disabled && "cursor: default;"} color: ${(props) => props.inheritColor ? "inherit" : !props.disabled ? props.theme.fontColor : props.theme.disabledFontColor}; ${(props) => (props.disabled ? "pointer-events: none;" : "")} &:visited { color: ${(props) => (!props.inheritColor && !props.disabled ? props.theme.visitedFontColor : "")}; - &:hover { - ${(props) => - `color: ${props.theme.visitedFontColor}; - border-bottom-color: ${props.theme.visitedUnderlineColor};`} + & > span:hover { + ${(props) => `color: ${props.theme.visitedFontColor}; + border-bottom-color: ${props.theme.visitedUnderlineColor};`} } } - &:hover { - ${(props) => - `color: ${props.theme.hoverFontColor}; - border-bottom-color: ${props.theme.hoverUnderlineColor}; - cursor: pointer;`} + &:active { + & > span { + ${(props) => `color: ${props.theme.activeFontColor} !important; + border-bottom-color: ${props.theme.activeUnderlineColor} !important;`} + } } &:focus { - position: relative; - &::before { - content: ""; - margin: -2px; - position: absolute; - top: 0; - right: 0; - bottom: 0; - left: 0; - border-radius: 4px; - outline: 2px solid ${(props) => props.theme.focusColor}; - pointer-events: none; - } + border-radius: 4px; + outline: 2px solid ${(props) => props.theme.focusColor}; + outline-offset: 2px; ${(props) => props.disabled && "outline: none"} } - &:active { - ${(props) => - `color: ${props.theme.activeFontColor} !important; - border-bottom-color: ${props.theme.activeUnderlineColor} !important;`} - } `; const LinkIconContainer = styled.div<{ iconPosition: LinkProps["iconPosition"] }>` @@ -143,4 +125,20 @@ const LinkIconContainer = styled.div<{ iconPosition: LinkProps["iconPosition"] } } `; +const LinkContainer = styled.span<{ + inheritColor: LinkProps["inheritColor"]; +}>` + display: inline-flex; + margin: 0; + padding: 0; + ${(props) => `border-bottom: ${props.theme.underlineThickness} ${props.theme.underlineStyle};`} + border-bottom-color: transparent; + &:hover { + ${(props) => + `color: ${props.theme.hoverFontColor}; + cursor: pointer; + border-bottom-color: ${props.theme.hoverUnderlineColor};`} + } +`; + export default DxcLink; From f04ac28f169aeb5c5f6486d23c200a8b868899d3 Mon Sep 17 00:00:00 2001 From: Mil4n0r Date: Thu, 1 Aug 2024 13:17:03 +0200 Subject: [PATCH 08/12] Removed extra padding from link --- packages/lib/src/link/Link.tsx | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/packages/lib/src/link/Link.tsx b/packages/lib/src/link/Link.tsx index 1e4763bd56..16561313fa 100644 --- a/packages/lib/src/link/Link.tsx +++ b/packages/lib/src/link/Link.tsx @@ -77,6 +77,7 @@ const StyledLink = styled.div<{ props.margin && typeof props.margin === "object" && props.margin.left ? spaces[props.margin.left] : ""}; background: none; border: none; + padding: 0; ${(props) => `padding-bottom: ${props.theme.underlineSpacing};`} cursor: pointer; font-size: ${(props) => props.theme.fontSize}; @@ -85,7 +86,6 @@ const StyledLink = styled.div<{ font-family: ${(props) => props.theme.fontFamily}; text-decoration: none; width: fit-content; - border-bottom-color: transparent; ${(props) => props.disabled && "cursor: default;"} color: ${(props) => props.inheritColor ? "inherit" : !props.disabled ? props.theme.fontColor : props.theme.disabledFontColor}; From 266765ed45df959fd1e38e9e7c723ec7216bd8a8 Mon Sep 17 00:00:00 2001 From: Mil4n0r Date: Thu, 8 Aug 2024 14:43:58 +0200 Subject: [PATCH 09/12] Moved :active selector to span --- packages/lib/src/link/Link.tsx | 10 ++++------ 1 file changed, 4 insertions(+), 6 deletions(-) diff --git a/packages/lib/src/link/Link.tsx b/packages/lib/src/link/Link.tsx index 16561313fa..15a808282a 100644 --- a/packages/lib/src/link/Link.tsx +++ b/packages/lib/src/link/Link.tsx @@ -97,12 +97,6 @@ const StyledLink = styled.div<{ border-bottom-color: ${props.theme.visitedUnderlineColor};`} } } - &:active { - & > span { - ${(props) => `color: ${props.theme.activeFontColor} !important; - border-bottom-color: ${props.theme.activeUnderlineColor} !important;`} - } - } &:focus { border-radius: 4px; outline: 2px solid ${(props) => props.theme.focusColor}; @@ -139,6 +133,10 @@ const LinkContainer = styled.span<{ cursor: pointer; border-bottom-color: ${props.theme.hoverUnderlineColor};`} } + &:active { + ${(props) => `color: ${props.theme.activeFontColor} !important; + border-bottom-color: ${props.theme.activeUnderlineColor} !important;`} + } `; export default DxcLink; From f046e21275b3df1ace3393ef71937d94324f8dc4 Mon Sep 17 00:00:00 2001 From: Mil4n0r Date: Thu, 8 Aug 2024 15:02:21 +0200 Subject: [PATCH 10/12] Adjusted line-height --- packages/lib/src/link/Link.tsx | 1 + 1 file changed, 1 insertion(+) diff --git a/packages/lib/src/link/Link.tsx b/packages/lib/src/link/Link.tsx index 15a808282a..9ca298db6f 100644 --- a/packages/lib/src/link/Link.tsx +++ b/packages/lib/src/link/Link.tsx @@ -86,6 +86,7 @@ const StyledLink = styled.div<{ font-family: ${(props) => props.theme.fontFamily}; text-decoration: none; width: fit-content; + line-height: 100%; ${(props) => props.disabled && "cursor: default;"} color: ${(props) => props.inheritColor ? "inherit" : !props.disabled ? props.theme.fontColor : props.theme.disabledFontColor}; From f7a097e8c16ef2014a942c91d6cf2f3864ea1ae0 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Iv=C3=A1n=20G=C3=B3mez=20Pinta?= <44321109+GomezIvann@users.noreply.github.com> Date: Fri, 9 Aug 2024 13:58:04 +0200 Subject: [PATCH 11/12] Small updates to the Link --- packages/lib/src/link/Link.tsx | 13 ++++++------- 1 file changed, 6 insertions(+), 7 deletions(-) diff --git a/packages/lib/src/link/Link.tsx b/packages/lib/src/link/Link.tsx index 9ca298db6f..396a1b0e94 100644 --- a/packages/lib/src/link/Link.tsx +++ b/packages/lib/src/link/Link.tsx @@ -77,20 +77,20 @@ const StyledLink = styled.div<{ props.margin && typeof props.margin === "object" && props.margin.left ? spaces[props.margin.left] : ""}; background: none; border: none; - padding: 0; + border-radius: 4px; + width: fit-content; + padding: 0 2px; ${(props) => `padding-bottom: ${props.theme.underlineSpacing};`} - cursor: pointer; font-size: ${(props) => props.theme.fontSize}; font-weight: ${(props) => props.theme.fontWeight}; font-style: ${(props) => props.theme.fontStyle}; font-family: ${(props) => props.theme.fontFamily}; text-decoration: none; - width: fit-content; - line-height: 100%; - ${(props) => props.disabled && "cursor: default;"} color: ${(props) => props.inheritColor ? "inherit" : !props.disabled ? props.theme.fontColor : props.theme.disabledFontColor}; + ${(props) => (props.disabled ? "cursor: default;" : "cursor: pointer;")} ${(props) => (props.disabled ? "pointer-events: none;" : "")} + &:visited { color: ${(props) => (!props.inheritColor && !props.disabled ? props.theme.visitedFontColor : "")}; & > span:hover { @@ -99,9 +99,7 @@ const StyledLink = styled.div<{ } } &:focus { - border-radius: 4px; outline: 2px solid ${(props) => props.theme.focusColor}; - outline-offset: 2px; ${(props) => props.disabled && "outline: none"} } `; @@ -128,6 +126,7 @@ const LinkContainer = styled.span<{ padding: 0; ${(props) => `border-bottom: ${props.theme.underlineThickness} ${props.theme.underlineStyle};`} border-bottom-color: transparent; + &:hover { ${(props) => `color: ${props.theme.hoverFontColor}; From 3a73e631af6928bef71a27729a58eeff442e6d74 Mon Sep 17 00:00:00 2001 From: Mil4n0r Date: Fri, 9 Aug 2024 14:33:13 +0200 Subject: [PATCH 12/12] Added fixed image for states --- .../link/specs/images/link_states.png | Bin 7694 -> 10781 bytes 1 file changed, 0 insertions(+), 0 deletions(-) diff --git a/apps/website/screens/components/link/specs/images/link_states.png b/apps/website/screens/components/link/specs/images/link_states.png index 3ca57ad3cd473031d4003538bf4dd78848f0647f..6e9c3e092891d280a8ca3df1bcf3097ba0e0ae5b 100644 GIT binary patch literal 10781 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 NElh1ps{izQ{6FpwJ1PJG literal 7694 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