From 4f790b94b6c1d817779d634ba8a1d9e87d206d99 Mon Sep 17 00:00:00 2001 From: Lena Morita Date: Wed, 5 Aug 2026 02:46:46 +0900 Subject: [PATCH 1/4] Fix edit-widgets header toolbar button focus ring. --- packages/edit-widgets/CHANGELOG.md | 4 ++++ packages/edit-widgets/src/components/header/style.scss | 5 ++--- 2 files changed, 6 insertions(+), 3 deletions(-) diff --git a/packages/edit-widgets/CHANGELOG.md b/packages/edit-widgets/CHANGELOG.md index f518bb83246c4c..d64a5fe1e6fe5d 100644 --- a/packages/edit-widgets/CHANGELOG.md +++ b/packages/edit-widgets/CHANGELOG.md @@ -2,6 +2,10 @@ ## Unreleased +### Bug Fixes + +- Header toolbar: Fix icon button focus styles to use the design system `outset-ring__focus` mixin. + ## 6.51.0 (2026-07-14) ### Enhancements diff --git a/packages/edit-widgets/src/components/header/style.scss b/packages/edit-widgets/src/components/header/style.scss index 32586bf07f9706..82f36280144984 100644 --- a/packages/edit-widgets/src/components/header/style.scss +++ b/packages/edit-widgets/src/components/header/style.scss @@ -127,9 +127,8 @@ background: $gray-900; } - &:focus:not(:disabled) { - box-shadow: 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color), inset 0 0 0 $border-width $white; - outline: 1px solid transparent; + &:focus:not(:active) { + @include outset-ring__focus(); } &::before { From d228e36bf98ec069ba3e7cdc1a3bc37783267bd0 Mon Sep 17 00:00:00 2001 From: Lena Morita Date: Wed, 5 Aug 2026 02:47:03 +0900 Subject: [PATCH 2/4] Add PR screenshots. --- screenshots/after.png | Bin 0 -> 2787 bytes screenshots/before.png | Bin 0 -> 2536 bytes 2 files changed, 0 insertions(+), 0 deletions(-) create mode 100644 screenshots/after.png create mode 100644 screenshots/before.png diff --git a/screenshots/after.png b/screenshots/after.png new file mode 100644 index 0000000000000000000000000000000000000000..3c3f66aab15ae519455648b00870ff2c9903736e GIT binary patch literal 2787 zcmV<93LN!`P)Px#L}ge>W=%~1DgXcg2mk?xX#fNO00031000^Q000001E2u_0{{R30RRC20H6W@ z1ONa40RR91P@n?<1ONa40RR91Pyhe`05RZ9PXGW4O-V#SRCodHTnBJf#}z#iA23Cr zP=Y{aCSL3S2n72m zXN$c=z#{;wR;`NY=xDz{vqFbo1_V&p2n`K2?%%&JpF4N%7&mX;GY^^OQ~bOSGkE(W3d*Y15`nF>>TcpZjxJ!iNtZ#*rgOuypBC#K*^@a^=cy z6|+O-k+^Z=23DKYt#SBMl!u94AknL{d@`7A{Ij@MmOOvZo#1B4|k zEDYVdcb8`sw*{o9PoHAu%$b-!f4=DD#ItSu`0*ex>FMb*!JKH)?c2A}t5+|1=H>M1 z(=th$H*c1@E?v6d>eZ`Qym+yc33%78UBy#bVU~9Rkc?cq#fujg_ofjC4;~an`ckuI zP3+&lUl+kyBh{)^3v45xT)rd%G({TNN|h=(b=t6N*RILT(aY$CBratd#0k+fefo67#KfRqzka&vwRgkd z2AP{KUAhFuTY3m5iJr;jrvay33@QAChlgYJ>eacGysXiiD2qBqYFTckl&7b=BNqU9 z)@#wC1^V{w3+~9I#Kc4wIeK5~)~zvk@L*Zav9YlN9NnIq#`EXTv1rjEL`6kG9Y-Ya z(-_j_%a_4;!lgZJ+B6xwi*hdtYu2ohP(rWfG9+=3+yrR@?Wc#19z9yTu5R7BZnfXN zdspISr%s(vs#GcQTw=h`LwW843_GtQmvbP`gDP$qYDYHIl9uxk&u|JHc~-H}P{tW* z_cK(C5x&~BYfGEz#88`%arW$4Ia4ZcFa{1Bm`jHW?8ecfM-8=<4K@2YvXoa#(NOVB z>eR+z?AWm*r(I2~p*&s6O`0^x=|_bPW66>whFWIQrs9~Pc2%)~XIk1%-DZ8PQ=5*V zmaD<@uL92C_>@N*YN?96njAwNb@G%~I($1A7b;XJ$6$9l)ND$p?%J%ZD_OFnp+be* zzEmj5H9>jxU8G167ab0V!w3lpajA1B8}zbL-E8s&0hbu)i-P}m85=-9J-`Og2GCCg z{1mr6&<4;?1pE|t@D(gj^y80N_|LI;oH~6-y&oszd6xUvp+NOt#8FJWWxR`s29ap| zs~8k22u1QUikc>Sn1% zr7SD!2YfYm7*Z5?70QL9?Z=Mz`*~%I95PFN8x!(6_JFmOC=r798+?S? zH6!rVyx~YmOF}~8b~KOdXjz{Q=dW_C(t7;lKJW|K4sHK{k|j&y!ncWtTRj{1A7oh7 zg-3cqOP52>Zo^Qg_6K6i;-ynS+ge2Z-XnQWn1VS_t3NkyU6;OpS?hh#y<$!NgGU26 zVeFgZqb(%bX61MTvV?z7yDk6F$0bC1@GwKlQpo2E`(~J;EwqWYSsAt*oDJ(KTjwj? zf#}0?tIc-2DtoRYFV29(Ky9FouezL<5rM8Z+o8)=^lQJ$`H5nHJTTiTJ<|b+5?&14 zY=vH|o0=qp#QNL~+D!GcxOJr(`J_m{G&=yEeb|M8@WELcsCunG-HQ zLvU)dA3Z=I*!edc9`M^NCIswnV@!Z}TeJc67BLgQ4WJ1SZ;Lj7-Xdn=4+wxoi)8;m znfZC7pM{n;b(?=h-M6+y+h&yo0Rga5#j0Z8g^S1J{%QBo1p*?$W8Wlgi?&TFEw}{a zz3syfVvuz08?4*7P$f4uM7=s6V#XJ_fBkNO{T`{v%zPxakeRkwNdfV|UpH%y%HcJT zmY$5*FF(hL(+8lJkd?;&lrHwkzG(w(p-r^SN(xf1a+c>v)4+T8(=qRFV{s$pJ1gz= zSr@?@^7%B&LrK5@Bn4WJnjFUvN7UIJ!jw*fRG z;$_(e&`ZF~>^6XAM7%890D1|SncboP^O?E9E_;SRKz{P?S=Vm|m%W7joJSi#8$dr1 p@KfCOKpQ|m5%5#o_CP-Y{2xV3p?$rN^7{Y)002ovPDHLkV1kJxF%AF# literal 0 HcmV?d00001 diff --git a/screenshots/before.png b/screenshots/before.png new file mode 100644 index 0000000000000000000000000000000000000000..c3637e4d17f3e2185701e156d820d7b01e8c27b2 GIT binary patch literal 2536 zcmZ`*XEYm(8cwLFRaJbpR*Z@f6`_?X8WMZdu2O1Md`4Am4T{#LW^JWfT4I+EF+VX{ zTdCQYK}E&hZhC**d(XY+{&?Q!9nX*VyyraUyitbw8Z3;wi~so#*9&-4p@~$)E(mw%dsYm3U;UG$1T23<3tX zb2!Tjb)*3QfH4IJ2UAvtgqt^hw8*&sXqJY-VCotE;M3{*Gd=ai2jTo)7`G&O_~nH#oEt-kqETP1a!8!^(Wu zC#tWLXByL^qoY?Ady+?6f`jor*jLjFT?r$-sgh)GG^_D@-M6R5`y>51x3zGLW8a#e z2X0K(d)iYW%*nxFsIPxXR7B)EYG-9A%ndL=T|f&b;vUx2@rre%EsTD379R-r-*U)A zcuUCtITj1GY1Spub`l7~e|eF_Wn>b}$}CY>EcWFI5C~knKx_@A#cUGW;JzDHym05s zZZi$3JOaV!1VKFth2pAdX9xCP84Oi${oZPA+kLeAv&4ry3HMso1<8tvMzD-J!ZE|) zK!3_SU0n$lMQF2ZZy1JAuV^eh! zu)8KZ2mo#&d^f&sz1Pb^YsB-w!B-hH@Ds@69@ z8y+?q=9j*D+eeB;0FlDBPoX?Q#gqLu#>=k;Cd6W_NlC>vn%3+~a^{vS@e~v?Od{)x#@WR4ykxq$ySNyv5($Z2&S{iy&;yV!WY$dUu z;G0dO8W9l@RKEVfAWwNZTy$OY2N#zh}~Y+bD5|r!t38$ zr(QwHYZK-tbWw)~^a%OPvi^w>3XL8)Cuv<`EEZ!c^jCg)j!+y1? z+~Y?xhk!ue7exppDl}}$e#GzWM6v84KC``}LrYNO)@BE{p}RX&DAyJvV^I-8|4XEa zH$wWs=O^N!=Jq@H( z${sL0=VSLOf8=(4EFW^C8wtfIU!7yV-ZuA`hc5!I-#uf{&E0W2`PuD@n^9C^R${#$ z1)K*dx*4gJEQS|S1NnHajY5Rds}id{NOUb$(MW{ZK|eim+pqaoQaWVar?(_s3`B*R8OK2ak_ z`>=?4;1Z$MtB6{^n54YRr=A9?d6;-4n7w-pw+I(Z-#6;#AoO8yJ$4pe_>+%v z^Sl105RYi3yR8sV0GRlkbPtfZ1E9;N85E%rn@FXX0O)~jldL-=-+%|$1{ZnC8Oc?VcMDHO*Dm9(2CGkPg)cAP9WH=T{d&Z5@qY0C`x3Im~!`_6mK%zS7 zb`l(omvpctqFXbZYb5i$dAl^t%fV!5%+%>(V^dsd!&%mu{OOJ{58e5D7I_zL)dS6+ zeN2eAd&u~_sH@L!ynK-X+ zm?(NM)B+U`QcJL(kjRODYVB<)YxZ-{i@)cbQti}Py5gs}VZb??U*|{K_&5?>DZvU? zO#j0JTwb>Aa}wrco`YK&AM-zZr!?rb{$@Le{)QqX6)dbQr}#C~(f6yq9|>4G@ir^{ zr4)`lRmTn!R%L8;u?-+k%J(xNU38qCo#{gED97cO7uY)lygaI~q`pP9EpEsBC` zQ7Tt3hjbC)l5&zU3Lmg)g21V1Y4>`M zOtf>)eer!ieO$!SNw^mZ@@zr;0{ z+wg9%Epd?Hi^rqO(t$v3qrA%FT$SM5JnzeH)g%$ay3L31wHTQa3#W7m7+RH{tqib5 zS?HP`dfzh3ui}|haIVz%=D{}@4I&ao?u(C<{@Hz(@qkE+JJ|brAGz05(8~sh3{a2^ zm`DsO&BGuqYrz>77K-~1oZATVeJq6yYNG*X%1Jxw8$)>s#n6_e(;v&rbNxhk2$z(N zo)e*SIPd7RO+fHl7Z6C+-n;)nMeT{Raf16bTdxzoOE-@`L7^9m%VnVy>j3CE%G|+nVmHgYwBnS@k>-|_W<|KPSz{bC+NptSq7NfW<$P;KbliHZ2SaU|2%q2IS; Date: Wed, 5 Aug 2026 02:47:25 +0900 Subject: [PATCH 3/4] Add changelog. --- packages/edit-widgets/CHANGELOG.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/packages/edit-widgets/CHANGELOG.md b/packages/edit-widgets/CHANGELOG.md index d64a5fe1e6fe5d..596cbf24196eb5 100644 --- a/packages/edit-widgets/CHANGELOG.md +++ b/packages/edit-widgets/CHANGELOG.md @@ -4,7 +4,7 @@ ### Bug Fixes -- Header toolbar: Fix icon button focus styles to use the design system `outset-ring__focus` mixin. +- Header toolbar: Fix icon button focus styles to use the design system `outset-ring__focus` mixin ([#81176](https://github.com/WordPress/gutenberg/pull/81176)). ## 6.51.0 (2026-07-14) From 76b045091c576dedce81c3b497838e4c5fc380dd Mon Sep 17 00:00:00 2001 From: Lena Morita Date: Wed, 5 Aug 2026 03:04:09 +0900 Subject: [PATCH 4/4] Remove PR screenshots. --- screenshots/after.png | Bin 2787 -> 0 bytes screenshots/before.png | Bin 2536 -> 0 bytes 2 files changed, 0 insertions(+), 0 deletions(-) delete mode 100644 screenshots/after.png delete mode 100644 screenshots/before.png diff --git a/screenshots/after.png b/screenshots/after.png deleted file mode 100644 index 3c3f66aab15ae519455648b00870ff2c9903736e..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 2787 zcmV<93LN!`P)Px#L}ge>W=%~1DgXcg2mk?xX#fNO00031000^Q000001E2u_0{{R30RRC20H6W@ z1ONa40RR91P@n?<1ONa40RR91Pyhe`05RZ9PXGW4O-V#SRCodHTnBJf#}z#iA23Cr zP=Y{aCSL3S2n72m zXN$c=z#{;wR;`NY=xDz{vqFbo1_V&p2n`K2?%%&JpF4N%7&mX;GY^^OQ~bOSGkE(W3d*Y15`nF>>TcpZjxJ!iNtZ#*rgOuypBC#K*^@a^=cy z6|+O-k+^Z=23DKYt#SBMl!u94AknL{d@`7A{Ij@MmOOvZo#1B4|k zEDYVdcb8`sw*{o9PoHAu%$b-!f4=DD#ItSu`0*ex>FMb*!JKH)?c2A}t5+|1=H>M1 z(=th$H*c1@E?v6d>eZ`Qym+yc33%78UBy#bVU~9Rkc?cq#fujg_ofjC4;~an`ckuI zP3+&lUl+kyBh{)^3v45xT)rd%G({TNN|h=(b=t6N*RILT(aY$CBratd#0k+fefo67#KfRqzka&vwRgkd z2AP{KUAhFuTY3m5iJr;jrvay33@QAChlgYJ>eacGysXiiD2qBqYFTckl&7b=BNqU9 z)@#wC1^V{w3+~9I#Kc4wIeK5~)~zvk@L*Zav9YlN9NnIq#`EXTv1rjEL`6kG9Y-Ya z(-_j_%a_4;!lgZJ+B6xwi*hdtYu2ohP(rWfG9+=3+yrR@?Wc#19z9yTu5R7BZnfXN zdspISr%s(vs#GcQTw=h`LwW843_GtQmvbP`gDP$qYDYHIl9uxk&u|JHc~-H}P{tW* z_cK(C5x&~BYfGEz#88`%arW$4Ia4ZcFa{1Bm`jHW?8ecfM-8=<4K@2YvXoa#(NOVB z>eR+z?AWm*r(I2~p*&s6O`0^x=|_bPW66>whFWIQrs9~Pc2%)~XIk1%-DZ8PQ=5*V zmaD<@uL92C_>@N*YN?96njAwNb@G%~I($1A7b;XJ$6$9l)ND$p?%J%ZD_OFnp+be* zzEmj5H9>jxU8G167ab0V!w3lpajA1B8}zbL-E8s&0hbu)i-P}m85=-9J-`Og2GCCg z{1mr6&<4;?1pE|t@D(gj^y80N_|LI;oH~6-y&oszd6xUvp+NOt#8FJWWxR`s29ap| zs~8k22u1QUikc>Sn1% zr7SD!2YfYm7*Z5?70QL9?Z=Mz`*~%I95PFN8x!(6_JFmOC=r798+?S? zH6!rVyx~YmOF}~8b~KOdXjz{Q=dW_C(t7;lKJW|K4sHK{k|j&y!ncWtTRj{1A7oh7 zg-3cqOP52>Zo^Qg_6K6i;-ynS+ge2Z-XnQWn1VS_t3NkyU6;OpS?hh#y<$!NgGU26 zVeFgZqb(%bX61MTvV?z7yDk6F$0bC1@GwKlQpo2E`(~J;EwqWYSsAt*oDJ(KTjwj? zf#}0?tIc-2DtoRYFV29(Ky9FouezL<5rM8Z+o8)=^lQJ$`H5nHJTTiTJ<|b+5?&14 zY=vH|o0=qp#QNL~+D!GcxOJr(`J_m{G&=yEeb|M8@WELcsCunG-HQ zLvU)dA3Z=I*!edc9`M^NCIswnV@!Z}TeJc67BLgQ4WJ1SZ;Lj7-Xdn=4+wxoi)8;m znfZC7pM{n;b(?=h-M6+y+h&yo0Rga5#j0Z8g^S1J{%QBo1p*?$W8Wlgi?&TFEw}{a zz3syfVvuz08?4*7P$f4uM7=s6V#XJ_fBkNO{T`{v%zPxakeRkwNdfV|UpH%y%HcJT zmY$5*FF(hL(+8lJkd?;&lrHwkzG(w(p-r^SN(xf1a+c>v)4+T8(=qRFV{s$pJ1gz= zSr@?@^7%B&LrK5@Bn4WJnjFUvN7UIJ!jw*fRG z;$_(e&`ZF~>^6XAM7%890D1|SncboP^O?E9E_;SRKz{P?S=Vm|m%W7joJSi#8$dr1 p@KfCOKpQ|m5%5#o_CP-Y{2xV3p?$rN^7{Y)002ovPDHLkV1kJxF%AF# diff --git a/screenshots/before.png b/screenshots/before.png deleted file mode 100644 index c3637e4d17f3e2185701e156d820d7b01e8c27b2..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 2536 zcmZ`*XEYm(8cwLFRaJbpR*Z@f6`_?X8WMZdu2O1Md`4Am4T{#LW^JWfT4I+EF+VX{ zTdCQYK}E&hZhC**d(XY+{&?Q!9nX*VyyraUyitbw8Z3;wi~so#*9&-4p@~$)E(mw%dsYm3U;UG$1T23<3tX zb2!Tjb)*3QfH4IJ2UAvtgqt^hw8*&sXqJY-VCotE;M3{*Gd=ai2jTo)7`G&O_~nH#oEt-kqETP1a!8!^(Wu zC#tWLXByL^qoY?Ady+?6f`jor*jLjFT?r$-sgh)GG^_D@-M6R5`y>51x3zGLW8a#e z2X0K(d)iYW%*nxFsIPxXR7B)EYG-9A%ndL=T|f&b;vUx2@rre%EsTD379R-r-*U)A zcuUCtITj1GY1Spub`l7~e|eF_Wn>b}$}CY>EcWFI5C~knKx_@A#cUGW;JzDHym05s zZZi$3JOaV!1VKFth2pAdX9xCP84Oi${oZPA+kLeAv&4ry3HMso1<8tvMzD-J!ZE|) zK!3_SU0n$lMQF2ZZy1JAuV^eh! zu)8KZ2mo#&d^f&sz1Pb^YsB-w!B-hH@Ds@69@ z8y+?q=9j*D+eeB;0FlDBPoX?Q#gqLu#>=k;Cd6W_NlC>vn%3+~a^{vS@e~v?Od{)x#@WR4ykxq$ySNyv5($Z2&S{iy&;yV!WY$dUu z;G0dO8W9l@RKEVfAWwNZTy$OY2N#zh}~Y+bD5|r!t38$ zr(QwHYZK-tbWw)~^a%OPvi^w>3XL8)Cuv<`EEZ!c^jCg)j!+y1? z+~Y?xhk!ue7exppDl}}$e#GzWM6v84KC``}LrYNO)@BE{p}RX&DAyJvV^I-8|4XEa zH$wWs=O^N!=Jq@H( z${sL0=VSLOf8=(4EFW^C8wtfIU!7yV-ZuA`hc5!I-#uf{&E0W2`PuD@n^9C^R${#$ z1)K*dx*4gJEQS|S1NnHajY5Rds}id{NOUb$(MW{ZK|eim+pqaoQaWVar?(_s3`B*R8OK2ak_ z`>=?4;1Z$MtB6{^n54YRr=A9?d6;-4n7w-pw+I(Z-#6;#AoO8yJ$4pe_>+%v z^Sl105RYi3yR8sV0GRlkbPtfZ1E9;N85E%rn@FXX0O)~jldL-=-+%|$1{ZnC8Oc?VcMDHO*Dm9(2CGkPg)cAP9WH=T{d&Z5@qY0C`x3Im~!`_6mK%zS7 zb`l(omvpctqFXbZYb5i$dAl^t%fV!5%+%>(V^dsd!&%mu{OOJ{58e5D7I_zL)dS6+ zeN2eAd&u~_sH@L!ynK-X+ zm?(NM)B+U`QcJL(kjRODYVB<)YxZ-{i@)cbQti}Py5gs}VZb??U*|{K_&5?>DZvU? zO#j0JTwb>Aa}wrco`YK&AM-zZr!?rb{$@Le{)QqX6)dbQr}#C~(f6yq9|>4G@ir^{ zr4)`lRmTn!R%L8;u?-+k%J(xNU38qCo#{gED97cO7uY)lygaI~q`pP9EpEsBC` zQ7Tt3hjbC)l5&zU3Lmg)g21V1Y4>`M zOtf>)eer!ieO$!SNw^mZ@@zr;0{ z+wg9%Epd?Hi^rqO(t$v3qrA%FT$SM5JnzeH)g%$ay3L31wHTQa3#W7m7+RH{tqib5 zS?HP`dfzh3ui}|haIVz%=D{}@4I&ao?u(C<{@Hz(@qkE+JJ|brAGz05(8~sh3{a2^ zm`DsO&BGuqYrz>77K-~1oZATVeJq6yYNG*X%1Jxw8$)>s#n6_e(;v&rbNxhk2$z(N zo)e*SIPd7RO+fHl7Z6C+-n;)nMeT{Raf16bTdxzoOE-@`L7^9m%VnVy>j3CE%G|+nVmHgYwBnS@k>-|_W<|KPSz{bC+NptSq7NfW<$P;KbliHZ2SaU|2%q2IS;