From 83633653251f72b392e3880db3d26671413d451f Mon Sep 17 00:00:00 2001 From: Marie Lucca Date: Wed, 10 Sep 2025 12:57:57 -0400 Subject: [PATCH 1/5] chore: fix ActionBar gap issue Co-authored-by: Hector Garcia --- packages/react/src/ActionBar/ActionBar.tsx | 6 ++++-- 1 file changed, 4 insertions(+), 2 deletions(-) diff --git a/packages/react/src/ActionBar/ActionBar.tsx b/packages/react/src/ActionBar/ActionBar.tsx index 2b220e306dd..15673cda594 100644 --- a/packages/react/src/ActionBar/ActionBar.tsx +++ b/packages/react/src/ActionBar/ActionBar.tsx @@ -15,6 +15,8 @@ import {useFocusZone, FocusKeys} from '../hooks/useFocusZone' import styles from './ActionBar.module.css' import {clsx} from 'clsx' +const ACTIONBAR_ITEM_GAP = 8 + type ChildSize = { text: string width: number @@ -61,7 +63,7 @@ const calculatePossibleItems = (childWidthArray: ChildWidthArray, navWidth: numb let breakpoint = childWidthArray.length // assume all items will fit let sumsOfChildWidth = 0 for (const [index, childWidth] of childWidthArray.entries()) { - sumsOfChildWidth = sumsOfChildWidth + childWidth.width // + GAP + sumsOfChildWidth = sumsOfChildWidth + childWidth.width + ACTIONBAR_ITEM_GAP if (sumsOfChildWidth > widthToFit) { breakpoint = index break @@ -202,7 +204,7 @@ export const ActionBar: React.FC> = prop return (
-
+
{listItems} {menuItems.length > 0 && ( From 68ab1cbeaa5f702be3c757fc944f15d00046a140 Mon Sep 17 00:00:00 2001 From: Marie Lucca <40550942+francinelucca@users.noreply.github.com> Date: Thu, 11 Sep 2025 10:22:06 -0400 Subject: [PATCH 2/5] Fix ActionBar gap issue in changeset --- .changeset/chilly-dingos-build.md | 5 +++++ 1 file changed, 5 insertions(+) create mode 100644 .changeset/chilly-dingos-build.md diff --git a/.changeset/chilly-dingos-build.md b/.changeset/chilly-dingos-build.md new file mode 100644 index 00000000000..dd8efe3e56f --- /dev/null +++ b/.changeset/chilly-dingos-build.md @@ -0,0 +1,5 @@ +--- +"@primer/react": patch +--- + +chore: fix ActionBar gap issue From 1977bed4fb0d9b982df904054be99820372b7920 Mon Sep 17 00:00:00 2001 From: Marie Lucca Date: Wed, 17 Sep 2025 23:12:52 -0400 Subject: [PATCH 3/5] fix spacing issues --- packages/react/src/ActionBar/ActionBar.tsx | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/packages/react/src/ActionBar/ActionBar.tsx b/packages/react/src/ActionBar/ActionBar.tsx index 15673cda594..73f2a02bddd 100644 --- a/packages/react/src/ActionBar/ActionBar.tsx +++ b/packages/react/src/ActionBar/ActionBar.tsx @@ -50,7 +50,7 @@ export type ActionBarProps = { export type ActionBarIconButtonProps = {disabled?: boolean} & IconButtonProps -const MORE_BTN_WIDTH = 86 +const MORE_BTN_WIDTH = 32 const getValidChildren = (children: React.ReactNode) => { return React.Children.toArray(children).filter(child => { @@ -63,7 +63,7 @@ const calculatePossibleItems = (childWidthArray: ChildWidthArray, navWidth: numb let breakpoint = childWidthArray.length // assume all items will fit let sumsOfChildWidth = 0 for (const [index, childWidth] of childWidthArray.entries()) { - sumsOfChildWidth = sumsOfChildWidth + childWidth.width + ACTIONBAR_ITEM_GAP + sumsOfChildWidth += index > 0 ? childWidth.width + ACTIONBAR_ITEM_GAP : childWidth.width if (sumsOfChildWidth > widthToFit) { breakpoint = index break From cb90f5adbb48d425992b9977f01efafe0e21c1dc Mon Sep 17 00:00:00 2001 From: francinelucca <40550942+francinelucca@users.noreply.github.com> Date: Thu, 18 Sep 2025 03:22:59 +0000 Subject: [PATCH 4/5] test(vrt): update snapshots --- ...-Keybinding-Hint-dark-colorblind-linux.png | Bin 6050 -> 5696 bytes ...ybinding-Hint-dark-high-contrast-linux.png | Bin 6065 -> 5765 bytes 2 files changed, 0 insertions(+), 0 deletions(-) diff --git a/.playwright/snapshots/components/IconButton.test.ts-snapshots/IconButton-Keybinding-Hint-dark-colorblind-linux.png b/.playwright/snapshots/components/IconButton.test.ts-snapshots/IconButton-Keybinding-Hint-dark-colorblind-linux.png index a7825d1ae363cc7f3d5a290bb1fcd57fdc173307..bc39e52e237e69d3e55033fff5ec731bb0140ade 100644 GIT binary patch literal 5696 zcmeHLZBSEZ7QRTgxQayAu4wtvbw*|cjDl7KLbTGg4oc{1iHed66)Ir~pCGmN*w0HepXkU{ zH|vao7Jk<3)I}!<3SKCE8-h0OQ#nI>F9=jGalT!Rrh=HgTgS$fD<$5C zi`bzS7Z`^}LM7jq#n~U1z+t zdD@?~QusP&;fFNGT0f(Xx(yu!TTKmR_1`K<3KtkPl_U?h-myxO7l~*n_k^H+5w6W{ zd&rRWwbyc1xg=*G6+^}NP@sg|vj|DyK`l`YeGKPa%BIH5S(jrp;DvYkv&J{G=oUVW z&aWiV7MuxcBs-U^t037%8F<@BA=aS)raZ6X)X_-MG!}WBa#mZGRBn|hV8?@tIDEiL z2%=fs$S362#I_2NhhK*u$I+P-ZmwtMn|WfimXeP3jB+)yBLv(o zAZCnrQ>xg9lYHoAiAL6e6^FeR){Q!>6R0f!UIWfFt;#L`gd8Wfd`W0hcY=t6cQWYv z^>w)fePy^^%Y+B`YMOtr65BNQB+?l;5Dd~Io-w`F z+dtt(d;@Ip3Z06uo8&=q@9&d^$UYV&pw8**<# zNJ0&i%UmNSKRr0Q5Mytbx1&ZfP^rW6o@#u}S*>h8{CS%*$5Rex&?h$+^CKnC^zHGP z{aop6^~e~nP@O}k%^v9?wovt?mYs`M1NWRaKd3uUoG>BJpXQDeY}09Jw~27pi$Mj3 z8s`N;1^G(j5B8#3{vc}VdaAGS^Q)0O(G)6YPK$4|h)I2Llhp^#)Q7@*Qn;%?Lg@OW zF+eXG=AQgbg4Lr!PE-<4nH9*6y40Q);eSaQAFduQXJSDFf1Sck`*w6hCa5q6x@ca3 zWpWuIoI}{XTW~Jf2ZFYmZ5IX}&pw*{$R9zjaA4aypmSkr&vd0IGyT#nO44s1PklzZ z3AVSJZ)ka&!xLfg6RHzbfKxPb4lz6RJVVvoDZnB_I{Kmpk%osuScl!kdF1*8+Fp%vTXV*lemnjTL6rnH%{D_~ z-v{vdn8Cl?xv;=af92?(oIGZ>tgBHT|BfE0@`whgBy6EH?J7I8#f3VkqkXfTUQkl9 zSR}kRFn(?EtMQBMh-9%?z_}P=Obn44g7j7wd$3pubLyd_JnGj|orB7J-NUrM$aG)* zz9$3F;i~7e8;CTIu90<#j_64uy2fVBEVRalu;LnLC!5)AGp2Nog^d^R`M5ae&IwEi zc4FG=zGOO++t46LjT7$x;NF~&0s0!wtL}bI3Qc$}u`lfTWwx}gzJ8{`plakX7^j_} z)?DQpT9z)>JH~`&faXUtgf2@L^P6|6%MFwO_Dt1G|BNdLzt`*0+GI@s15FhKJ!gAe z1lSqDn>boB?Z*d z?t5s(c4{U6!%u;q+`1nXjGxkxe{$!q{)52ua)+f+cocn?KsvVxajs_^z=(RYRd YYNIW8=3jmcB+$VRq9X3T|H&W!2K61mNB{r; literal 6050 zcmeHLYgAKL8a>ofoGQdlTNwqUQ(J6&K$W6k3b9s1K!`>J1Ojv{VhJGxBmqLeN5wk4 z#>zuPj7lS7B&k5cBPPMBFc3&Y9zo2bEs%&I4}_3FUcGkp$1HzN=hrNL+;!GEXWj37 z`}_9Z_nve9KzNYj+iTwj05}Hk+k*yR*&OtM*)#ga+f_-CWL2rIu`{}?!VxPDU}a_ZLMO}B3czrP#~Z*lZr zm9cLZ?&5a%!LgfBPkulT9SXA#mSlVs66kW_!-I^I_X~ILv2*^E2OGsep%7$!S>V5a zUDcO+Ol+N2>BW7*&-qG|*)Tt@%(?kQ%4vdf3gTC`uY<BSi=Yu5n4B)4kxdawShX>bFrOMTbmX zigyLzR)Um(e43R3r)@Ll9aY|1iQh!qPpo}1ngk_jy@k{~tAgOXyS}8hZX5Ahd4?}c zW(NfnW@_xf2j8|ifRn3!g^Ikp&+MEc?>mQldExMeJGpxGL!*(cezqe`(v~Dx;V5?o zKzF-~+Kz0Q4uv=3aP%mq^=zmYroBm%Ab?6H<3Wqm`C(>$(qbTsoBK_9)BIWt}I@l_Vkb%b=)z$zf%tk;;)nC_h$tQ>IdQOuGUAMe{LC zWpkReK7Q8uRiDFr$Ynp}X>*irs$K~6@yj>m2M`pL+TJ<7ji??g^5PjQYw&4L)wS=DM8MX&WHF<^W(WQmyYUy!G5~J+1ZeOa{YWA6F96)5Jte>A0YQrR zy?Eb|0a$*JBxx=l$byWSsfsfk zfiXQPCAEt~O-YFBKvnO|#Jr-K%)zv7vA4MD4Ja<-m4-C9)th69JqajJ%wVTqOuVc` z%g9QaqrJs|Ak2nHlQp66B=gTY?^e?OdvT4#a<;HxGyl4+6 zVK&shM2}>MGbh*oOZl4oUWtm!73AiUowJCC>BEJkLwi^;xa{NU*O*ME=x7cA`@Ao@ zq&%Y!AJ+O32%_&5#hYkNKn_ldQocnm>XK--Q&7%=W0j{2#vGnbgJ;9 z%nzobp><9DWJ}aDXt^c@hr*ms^WuV?rf!JB{ob=d zUkNW)Y>M>MOjSQ+t8qC0(AgPc z)}nk%6!X%hORjEi7CMtMUfnO^F80rg5F{x}ywcIp-!iReZGL&$-mQqk$=4+q@}8e@ zH(F~+T*cspfdS+~5g$&A*jP~$V3_hrwoP<(%Zz+TGarcd=RbV0g~ei7%%b=v!l11j zU5eCR02j9|-w{~gc_{mycsl6M%{iR=WZH{&s ztgN_r-T;e`n~9@=E1bi_!*Oz6GokxUsPY|eQQP?oRNhw0KN1sd9ei6HeA42K(M>Cq z`R1WPTDiV8-|%i!-ib$BndTEi2vh*!i=b|QL%@NM1tFhec(DmNU#UX2d^I>%M0U?M z>ZzVFZ8|N_IyogK$un&lu4yglYXH)J!1nqWXyq)epHjq|TTlg9OrcetPx-dax%vkW z9D=Z{kNu14<(^YhYu2v2nvbCm@5QnnNKCr>XH;qC-Edl640rL}DvLyvrxUtMD3`Er zfX;y%@T$pj^g8LB(Q0v!H7o9%vN&{b5^|#ZZv?JD+#beo4B>pW``@A;&-BuKhf`Q} zF}NWav{_i0e~y9^jvYD;v;r(;!k+jva?=V-T(tRbiCIumIb(YDd(#{)BD zYCF3;W4iY!Q8Sil;^!%Uge?c4bZv!3R*{AK@tArc%tcXBoBQIMa|_oNA*Cf#DGEnq z?)1Qpwylu$m+tNF*j#_A@GS>r9waZ{mp+q0ch+JJSEYvzB^``PCdWz#OH0aNFemj> zNc(k=W4|-;$#*6wQZ0wrr+@ENzYuSG3LqiLN;}5$?`$8r60F$u&+)=fn^Ugwy~cMz1~;}p?Ut0Mf7H`+-eaXV*`sR% zn`iv#4-+zY4e@Tbl8&J8+8aVf3Ty0n!)00|-4W*KG^f|=xu1!fp>5CffBw5k{_}N{ z{F6T}ORvB7(OD|UQbGP#r-CIeEpcgyOMm`!y`-Zh9WCi-Nk@O?hHlA2mOSMD*h7p3 YmeS}hVlVgsx~Kucf#G`?yAx0U2KHwPEC2ui diff --git a/.playwright/snapshots/components/IconButton.test.ts-snapshots/IconButton-Keybinding-Hint-dark-high-contrast-linux.png b/.playwright/snapshots/components/IconButton.test.ts-snapshots/IconButton-Keybinding-Hint-dark-high-contrast-linux.png index 951dd2a8ec6b664163e7e33ed2ac06ffbd4765db..74ed014dd233383fc6d81929fba2b6155a344d72 100644 GIT binary patch literal 5765 zcmeHLYfzKf89qu^SdqnDJFp{$bZbX2=`kg@dCtj{VVToz70D!;kOJ zIq!MTbKduPZ{OA6pg^aMTQ>p#oQ@q0I0=BA4*r0{dU)lX0FEyJo58VwL#Hy!Rb$7m zMJf;F$UQ4*s*bG0l!me2w4TIw{kXp6Mvlj>-~He+kbE6nO%MC!&AiW#9#wsO-tNfZ zU8h)~Iqj-5!Iw`}x!!g-)bsVm(^YAI^ty1XJ7^1kIsD-AwSs6)n*RqQqRifbq)GxY z)g0xwq8hg{G}(kt4wSh8kTWWafzf=>jR7Fw3K@Van+-6mkJRhHuMSJ?z;7?N+k+ej zqB8*RE8GG2^}iOpQo*<2C<_KUWJIBm?HOrv_v=HJLgotRaDGcYJj=r)c|4FdWANiNCZ`Nx99`YBjN3I`*>VvqqIw*pfRvC?xVw-YMV?~fp~)lC(R9Dn6`I+M=W1`*0CTuHrTUaDRNrQf4X*SoIfI8#k6S13%U00nN|~a;Tav0!=kF(u>B;OzH&qy-c_A$h01LAxV0(X zZ5dS8P)wPPjg2t10eMm~7K~ms;VAJo{k>|wr6#00Qv2OVQBe_}nQ1<5U8xG8mv4nx z*kv=%BHcO*OG;DP&Od>Tm+bftJ~qr#)XHiJe{vwV3U&=LSv@iVzxlmHv|1^_(fIeeVHR0LY$b8YWwu|Mo z_ykJq(7l7I0q$^>;JP=0D%OZ9vIiB8QILx7ZUc%ayLC(CH2P^%s*ZrwmQD9~Z{iT3 zhcyLQ?Rb%+_&pd@aUyw!ni@-)9;n7Pi2%3+XfkVsqQ4I6V06ecG@|v5Q+uMD-z0qY-FWzP^FE5G2!vlq4Vrf(u&dmyG zFj``6hz@jhamgQ*^!4?5ip$-@Xz<>*6^VISGK!&JEOu^dvX~5X8p$W4-wc};Vaor? zx4HRKZ~PF3bnn~6voMi=97>lW!+m{DeP8zu0Id|1N|kHpe`NM7Y|l|5mLfFt4ojuk z@;s6&sxB#Vcw6g*OEMiS^r*o31P;f0$Y~S%VF6gM`-*&~pOvwkN7`Lmi~iX3%*a~g zOgh*BFfczppqEJSy!2P-Z-RC>Iyz2fuc%b2-PC2(a8s!Sg}|iidQg?V`p0t`9_^E* z=ho*vErqD8*mG3s7t8X~A25s?6%J71-hxqK?Emt_W8av{b0|lS0hUVF;@ZW`L20qVL!h$GCbUeG=nag ztF5h#eu+Eb6cS=8cE>c*tdJWsJS+@NSrrYvY9ckU;P!r~)9i&0zIds1Qs~>p5FGgU9itbQzHS;rzf{wB1 zJOkBSlkw`LXGvM9sGIl0O2_c@^bHnkH-o_lnH1+)ANjC(2NEMXv$J4d4ql6>?4aoy z_*_qQOp3xdHYtEzEtN`h6Bt46eyK)L8G-M?gUa@E`L~%-?W^^p{sqnzkoqqs12MYB zqV4Mw$`A~wJHvH-M0@=~sP01mCJsd7BvR)=^*PH-39izIm>nIx)a&(qi0Mu*#C_i| zDKLz8c23O1S+DJbPGxGta1qG)I{(xHV-*^J;1+z?x&HnqK|5X~BqWr~&bl4o zrNt(wG=hwbQlt>-Jz36TvG7fMl&7}_hDAg$82W3w0EqNo-laydqB=8)6f0zLEOd-k zu-R;9e8ycY8jGbx=TogBQK&qj7O%;|w2g*66F+%!=B6FEpU@Y{>OeX|YL2FpI{-bt z&f)1<)pe-H9fol-*DzaC!%=rGT}`5r%tOx~d@~rQYs+WUC&kMewg>i>2t-rb=^|yN zLG>EMojW^7qpJ@YGV>j|ey^RI6-(mCD#pDrX!68@+}}p?u?<8l218L+WY`k3AvH~dpYdfOWRZ#M&Lg0S2F3r*FU9oOvm_AU7ud)C;q#-9IdjQyEo zhUC3?AAk)WwtoR{HFp2Zc-Jtl8GJ3Nt|is~>7@F9o}{esplP+zV|xkkkh;NEIqbk5 XVNg%NmET+76>#iGP(a<`FTeg9#f0^` literal 6065 zcmeH~Yfw{X8pmJCIjo_Uq=unRn)S-#O=* z|M{Qa|2dZr`}>-FV*UvLz~tcfK1TpBUW6~O_9M8m#)t0)FGkcOzFwe8xOEBuGvYy? z1HnlJ@{!~#q9wLqPPyLE;_Q~t4bsC_SrtyG%|V~;MiqaxM(G^FmzO8>m>(tdk#Ik# zOBvhw&9R$o50&}OqA2$}cX>_x;vHB!T7m5wNO)vSN#Esrdu$6L1Bwh4VXs0a63P0O z$+@+x)ig(mQnsMessFg8RJuDk(XOrmAnt92e8vcX^!Q5*0M=S5jKEhHn-Cy<<2VWc zum7d!6PDZMLG731cu4)^CYdBjU-twyFWN27y}yd3(rwnSUO+j(qL^X>gMviIrd*d0 zS3R`VmZQ$+LN8O-M-%E7pPgru+H5H}0N&wKK2yt9-;0Lxa>cdNbEGc4pX?c4o$x@- z)MiX-#wPLt*iLccKMu$%EH(ExFIZ`^#Ph1 z5NNv1n#mKNF#>n=rTY|(E?0JEMTp!hI@pn-drsKE81j}dMI8X$tYDOyVV=bu=;IZM zT~!G&sVoWrcMu-3|5VebOYbEY@Ki%&i`2y)Wt)6^SePmu*c0jZVKb4hXeKANo!hc6Zt~TyL7o_?c%dslQD6}=v;lxp z4O(sCo@gJ|{JDlfp>3wPx-UmI@zuO97c!04KpNV>^;<%H+J3%ji2gtkpvf8z>08Yt_CRF z>59Ogn{rZ=>*}$AtIQtmE)sm~ zhNarh&W-{7btsHae^@(t^=8}g!MgI|MLBHBSg8OK^BQlqS_AO@a*8tWHURrWE`M;U zPdh~t+!tty#XUJ774|$l8Hw}db$kT&>jNob7kZ3M7B_ZaAYS(FL=7)8?8A;;@q+U? zc2Cl{%S(1q^7t&*rXTIx_OI8w8q_A7#W<9 z6A`Fjm+{+HLF98=U3keI)t0R^dhV@{Kzdr$y?a%)z0_%>xhwSSjJ(tL=04vbLPzhH zCGuzn|EUu!R(RR+buHJX*{z{|ccBaY*po|vMOn@FgsIDZ$1X&>Wzbt{m!|lZD*`|M z=*Z{<4Hlu08IJ^DHuJwd)V5A52-g>7+k3Ejp9Ue(i`_?j%enpi{Uw}a`rj^O>y{*n znVBD91D-~&c*$??$&|S2bEcvKDumxZJoTdY3_c7hA-D1xsu4yYy?1fD0`H-D|Hq4x zkf_4Zg{PYW3SFf@r~ep!dhs|z5fw)HasQwhmZF*BKK-@z_nARbW_G9jP%qE3pofdz9W57wO?oaZel${&XUP{Z13 zr%03!g%BjKA?0(7hickY)cXE$wq@e`+*p39&`B~nlbLzN{61Yyu=HG>lIgS;$cWed z{v79G?x5;8jJ!YJTzvuMiHiOeFe_BmLqAxqf7A!q|$VU~AgDpRHIm zqEneUsCwqyPb-Zh^Vf&!eQ721d@}%F9SMo;_yV1>xFTcUS5>M#Ggzlr zimqF8XwPIN{v65)zm9SwYUOoMR{`_oU56j?DNoe;arKY9vNFoMZYwn;fWn*K79jO> zfyx5Unqf#2Pw)tgom)pmSOK^Eft8)Sv7@ZYo zS!&If&avWw)K}#p6~n`gIOy>Wu1!_*d_a{}sP?2lUn4O?P(+V+HfD8ra`Hf~L)ZYM z!I-Tw<%CLU*cY&wl;!dN^n{j0m%LiA4{eMc(JXzL0VyMG5F57cOM3qnm+zd|Hqu1t z>;BEVIb0+XAyFPlmWgDtgg!ZFR*8 z%+>i9B^x}GmM1%v==OM-kWC_yihOgY)7+WMH7b=#A!4)tQ9C1Vjg$!mg-O$|yK)?e zu*w7a5L-ofved;E-?};#nd7Q1_#zkGI$nJ1gnd?oLXPpAdF7awpU=;Aoi3#)TZefO z?GD-8riCg-G_hmr Date: Wed, 17 Sep 2025 23:30:57 -0400 Subject: [PATCH 5/5] Revert "test(vrt): update snapshots" This reverts commit cb90f5adbb48d425992b9977f01efafe0e21c1dc. --- ...-Keybinding-Hint-dark-colorblind-linux.png | Bin 5696 -> 6050 bytes ...ybinding-Hint-dark-high-contrast-linux.png | Bin 5765 -> 6065 bytes 2 files changed, 0 insertions(+), 0 deletions(-) diff --git a/.playwright/snapshots/components/IconButton.test.ts-snapshots/IconButton-Keybinding-Hint-dark-colorblind-linux.png b/.playwright/snapshots/components/IconButton.test.ts-snapshots/IconButton-Keybinding-Hint-dark-colorblind-linux.png index bc39e52e237e69d3e55033fff5ec731bb0140ade..a7825d1ae363cc7f3d5a290bb1fcd57fdc173307 100644 GIT binary patch literal 6050 zcmeHLYgAKL8a>ofoGQdlTNwqUQ(J6&K$W6k3b9s1K!`>J1Ojv{VhJGxBmqLeN5wk4 z#>zuPj7lS7B&k5cBPPMBFc3&Y9zo2bEs%&I4}_3FUcGkp$1HzN=hrNL+;!GEXWj37 z`}_9Z_nve9KzNYj+iTwj05}Hk+k*yR*&OtM*)#ga+f_-CWL2rIu`{}?!VxPDU}a_ZLMO}B3czrP#~Z*lZr zm9cLZ?&5a%!LgfBPkulT9SXA#mSlVs66kW_!-I^I_X~ILv2*^E2OGsep%7$!S>V5a zUDcO+Ol+N2>BW7*&-qG|*)Tt@%(?kQ%4vdf3gTC`uY<BSi=Yu5n4B)4kxdawShX>bFrOMTbmX zigyLzR)Um(e43R3r)@Ll9aY|1iQh!qPpo}1ngk_jy@k{~tAgOXyS}8hZX5Ahd4?}c zW(NfnW@_xf2j8|ifRn3!g^Ikp&+MEc?>mQldExMeJGpxGL!*(cezqe`(v~Dx;V5?o zKzF-~+Kz0Q4uv=3aP%mq^=zmYroBm%Ab?6H<3Wqm`C(>$(qbTsoBK_9)BIWt}I@l_Vkb%b=)z$zf%tk;;)nC_h$tQ>IdQOuGUAMe{LC zWpkReK7Q8uRiDFr$Ynp}X>*irs$K~6@yj>m2M`pL+TJ<7ji??g^5PjQYw&4L)wS=DM8MX&WHF<^W(WQmyYUy!G5~J+1ZeOa{YWA6F96)5Jte>A0YQrR zy?Eb|0a$*JBxx=l$byWSsfsfk zfiXQPCAEt~O-YFBKvnO|#Jr-K%)zv7vA4MD4Ja<-m4-C9)th69JqajJ%wVTqOuVc` z%g9QaqrJs|Ak2nHlQp66B=gTY?^e?OdvT4#a<;HxGyl4+6 zVK&shM2}>MGbh*oOZl4oUWtm!73AiUowJCC>BEJkLwi^;xa{NU*O*ME=x7cA`@Ao@ zq&%Y!AJ+O32%_&5#hYkNKn_ldQocnm>XK--Q&7%=W0j{2#vGnbgJ;9 z%nzobp><9DWJ}aDXt^c@hr*ms^WuV?rf!JB{ob=d zUkNW)Y>M>MOjSQ+t8qC0(AgPc z)}nk%6!X%hORjEi7CMtMUfnO^F80rg5F{x}ywcIp-!iReZGL&$-mQqk$=4+q@}8e@ zH(F~+T*cspfdS+~5g$&A*jP~$V3_hrwoP<(%Zz+TGarcd=RbV0g~ei7%%b=v!l11j zU5eCR02j9|-w{~gc_{mycsl6M%{iR=WZH{&s ztgN_r-T;e`n~9@=E1bi_!*Oz6GokxUsPY|eQQP?oRNhw0KN1sd9ei6HeA42K(M>Cq z`R1WPTDiV8-|%i!-ib$BndTEi2vh*!i=b|QL%@NM1tFhec(DmNU#UX2d^I>%M0U?M z>ZzVFZ8|N_IyogK$un&lu4yglYXH)J!1nqWXyq)epHjq|TTlg9OrcetPx-dax%vkW z9D=Z{kNu14<(^YhYu2v2nvbCm@5QnnNKCr>XH;qC-Edl640rL}DvLyvrxUtMD3`Er zfX;y%@T$pj^g8LB(Q0v!H7o9%vN&{b5^|#ZZv?JD+#beo4B>pW``@A;&-BuKhf`Q} zF}NWav{_i0e~y9^jvYD;v;r(;!k+jva?=V-T(tRbiCIumIb(YDd(#{)BD zYCF3;W4iY!Q8Sil;^!%Uge?c4bZv!3R*{AK@tArc%tcXBoBQIMa|_oNA*Cf#DGEnq z?)1Qpwylu$m+tNF*j#_A@GS>r9waZ{mp+q0ch+JJSEYvzB^``PCdWz#OH0aNFemj> zNc(k=W4|-;$#*6wQZ0wrr+@ENzYuSG3LqiLN;}5$?`$8r60F$u&+)=fn^Ugwy~cMz1~;}p?Ut0Mf7H`+-eaXV*`sR% zn`iv#4-+zY4e@Tbl8&J8+8aVf3Ty0n!)00|-4W*KG^f|=xu1!fp>5CffBw5k{_}N{ z{F6T}ORvB7(OD|UQbGP#r-CIeEpcgyOMm`!y`-Zh9WCi-Nk@O?hHlA2mOSMD*h7p3 YmeS}hVlVgsx~Kucf#G`?yAx0U2KHwPEC2ui literal 5696 zcmeHLZBSEZ7QRTgxQayAu4wtvbw*|cjDl7KLbTGg4oc{1iHed66)Ir~pCGmN*w0HepXkU{ zH|vao7Jk<3)I}!<3SKCE8-h0OQ#nI>F9=jGalT!Rrh=HgTgS$fD<$5C zi`bzS7Z`^}LM7jq#n~U1z+t zdD@?~QusP&;fFNGT0f(Xx(yu!TTKmR_1`K<3KtkPl_U?h-myxO7l~*n_k^H+5w6W{ zd&rRWwbyc1xg=*G6+^}NP@sg|vj|DyK`l`YeGKPa%BIH5S(jrp;DvYkv&J{G=oUVW z&aWiV7MuxcBs-U^t037%8F<@BA=aS)raZ6X)X_-MG!}WBa#mZGRBn|hV8?@tIDEiL z2%=fs$S362#I_2NhhK*u$I+P-ZmwtMn|WfimXeP3jB+)yBLv(o zAZCnrQ>xg9lYHoAiAL6e6^FeR){Q!>6R0f!UIWfFt;#L`gd8Wfd`W0hcY=t6cQWYv z^>w)fePy^^%Y+B`YMOtr65BNQB+?l;5Dd~Io-w`F z+dtt(d;@Ip3Z06uo8&=q@9&d^$UYV&pw8**<# zNJ0&i%UmNSKRr0Q5Mytbx1&ZfP^rW6o@#u}S*>h8{CS%*$5Rex&?h$+^CKnC^zHGP z{aop6^~e~nP@O}k%^v9?wovt?mYs`M1NWRaKd3uUoG>BJpXQDeY}09Jw~27pi$Mj3 z8s`N;1^G(j5B8#3{vc}VdaAGS^Q)0O(G)6YPK$4|h)I2Llhp^#)Q7@*Qn;%?Lg@OW zF+eXG=AQgbg4Lr!PE-<4nH9*6y40Q);eSaQAFduQXJSDFf1Sck`*w6hCa5q6x@ca3 zWpWuIoI}{XTW~Jf2ZFYmZ5IX}&pw*{$R9zjaA4aypmSkr&vd0IGyT#nO44s1PklzZ z3AVSJZ)ka&!xLfg6RHzbfKxPb4lz6RJVVvoDZnB_I{Kmpk%osuScl!kdF1*8+Fp%vTXV*lemnjTL6rnH%{D_~ z-v{vdn8Cl?xv;=af92?(oIGZ>tgBHT|BfE0@`whgBy6EH?J7I8#f3VkqkXfTUQkl9 zSR}kRFn(?EtMQBMh-9%?z_}P=Obn44g7j7wd$3pubLyd_JnGj|orB7J-NUrM$aG)* zz9$3F;i~7e8;CTIu90<#j_64uy2fVBEVRalu;LnLC!5)AGp2Nog^d^R`M5ae&IwEi zc4FG=zGOO++t46LjT7$x;NF~&0s0!wtL}bI3Qc$}u`lfTWwx}gzJ8{`plakX7^j_} z)?DQpT9z)>JH~`&faXUtgf2@L^P6|6%MFwO_Dt1G|BNdLzt`*0+GI@s15FhKJ!gAe z1lSqDn>boB?Z*d z?t5s(c4{U6!%u;q+`1nXjGxkxe{$!q{)52ua)+f+cocn?KsvVxajs_^z=(RYRd YYNIW8=3jmcB+$VRq9X3T|H&W!2K61mNB{r; diff --git a/.playwright/snapshots/components/IconButton.test.ts-snapshots/IconButton-Keybinding-Hint-dark-high-contrast-linux.png b/.playwright/snapshots/components/IconButton.test.ts-snapshots/IconButton-Keybinding-Hint-dark-high-contrast-linux.png index 74ed014dd233383fc6d81929fba2b6155a344d72..951dd2a8ec6b664163e7e33ed2ac06ffbd4765db 100644 GIT binary patch literal 6065 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 XVNg%NmET+76>#iGP(a<`FTeg9#f0^`