From 0fd641aa556857c32ee726c79d77f4ef033233ba Mon Sep 17 00:00:00 2001
From: Jon Rohan <yes@jonrohan.codes>
Date: Fri, 14 Mar 2025 00:46:49 +0000
Subject: [PATCH 1/5] Remove css modules feature flag from SubNav

---
 ...ubNav-Dev-WithSx-dark-colorblind-linux.png | Bin 8148 -> 0 bytes
 .../SubNav-Dev-WithSx-dark-dimmed-linux.png   | Bin 8062 -> 0 bytes
 ...av-Dev-WithSx-dark-high-contrast-linux.png | Bin 8127 -> 0 bytes
 .../SubNav-Dev-WithSx-dark-linux.png          | Bin 8126 -> 0 bytes
 ...ubNav-Dev-WithSx-dark-tritanopia-linux.png | Bin 8126 -> 0 bytes
 ...bNav-Dev-WithSx-light-colorblind-linux.png | Bin 8125 -> 0 bytes
 ...v-Dev-WithSx-light-high-contrast-linux.png | Bin 8218 -> 0 bytes
 .../SubNav-Dev-WithSx-light-linux.png         | Bin 8123 -> 0 bytes
 ...bNav-Dev-WithSx-light-tritanopia-linux.png | Bin 8123 -> 0 bytes
 ...Dev-WithSxAndCSS-dark-colorblind-linux.png | Bin 8148 -> 0 bytes
 ...Nav-Dev-WithSxAndCSS-dark-dimmed-linux.png | Bin 8425 -> 0 bytes
 ...-WithSxAndCSS-dark-high-contrast-linux.png | Bin 8127 -> 0 bytes
 .../SubNav-Dev-WithSxAndCSS-dark-linux.png    | Bin 8126 -> 0 bytes
 ...Dev-WithSxAndCSS-dark-tritanopia-linux.png | Bin 8126 -> 0 bytes
 ...ev-WithSxAndCSS-light-colorblind-linux.png | Bin 8125 -> 0 bytes
 ...WithSxAndCSS-light-high-contrast-linux.png | Bin 8218 -> 0 bytes
 .../SubNav-Dev-WithSxAndCSS-light-linux.png   | Bin 8123 -> 0 bytes
 ...ev-WithSxAndCSS-light-tritanopia-linux.png | Bin 8123 -> 0 bytes
 .../react/src/SubNav/SubNav.dev.stories.tsx   |  70 +-------
 packages/react/src/SubNav/SubNav.tsx          | 164 ++++--------------
 20 files changed, 34 insertions(+), 200 deletions(-)
 delete mode 100644 .playwright/snapshots/components/SubNav.test.ts-snapshots/SubNav-Dev-WithSx-dark-colorblind-linux.png
 delete mode 100644 .playwright/snapshots/components/SubNav.test.ts-snapshots/SubNav-Dev-WithSx-dark-dimmed-linux.png
 delete mode 100644 .playwright/snapshots/components/SubNav.test.ts-snapshots/SubNav-Dev-WithSx-dark-high-contrast-linux.png
 delete mode 100644 .playwright/snapshots/components/SubNav.test.ts-snapshots/SubNav-Dev-WithSx-dark-linux.png
 delete mode 100644 .playwright/snapshots/components/SubNav.test.ts-snapshots/SubNav-Dev-WithSx-dark-tritanopia-linux.png
 delete mode 100644 .playwright/snapshots/components/SubNav.test.ts-snapshots/SubNav-Dev-WithSx-light-colorblind-linux.png
 delete mode 100644 .playwright/snapshots/components/SubNav.test.ts-snapshots/SubNav-Dev-WithSx-light-high-contrast-linux.png
 delete mode 100644 .playwright/snapshots/components/SubNav.test.ts-snapshots/SubNav-Dev-WithSx-light-linux.png
 delete mode 100644 .playwright/snapshots/components/SubNav.test.ts-snapshots/SubNav-Dev-WithSx-light-tritanopia-linux.png
 delete mode 100644 .playwright/snapshots/components/SubNav.test.ts-snapshots/SubNav-Dev-WithSxAndCSS-dark-colorblind-linux.png
 delete mode 100644 .playwright/snapshots/components/SubNav.test.ts-snapshots/SubNav-Dev-WithSxAndCSS-dark-dimmed-linux.png
 delete mode 100644 .playwright/snapshots/components/SubNav.test.ts-snapshots/SubNav-Dev-WithSxAndCSS-dark-high-contrast-linux.png
 delete mode 100644 .playwright/snapshots/components/SubNav.test.ts-snapshots/SubNav-Dev-WithSxAndCSS-dark-linux.png
 delete mode 100644 .playwright/snapshots/components/SubNav.test.ts-snapshots/SubNav-Dev-WithSxAndCSS-dark-tritanopia-linux.png
 delete mode 100644 .playwright/snapshots/components/SubNav.test.ts-snapshots/SubNav-Dev-WithSxAndCSS-light-colorblind-linux.png
 delete mode 100644 .playwright/snapshots/components/SubNav.test.ts-snapshots/SubNav-Dev-WithSxAndCSS-light-high-contrast-linux.png
 delete mode 100644 .playwright/snapshots/components/SubNav.test.ts-snapshots/SubNav-Dev-WithSxAndCSS-light-linux.png
 delete mode 100644 .playwright/snapshots/components/SubNav.test.ts-snapshots/SubNav-Dev-WithSxAndCSS-light-tritanopia-linux.png

diff --git a/.playwright/snapshots/components/SubNav.test.ts-snapshots/SubNav-Dev-WithSx-dark-colorblind-linux.png b/.playwright/snapshots/components/SubNav.test.ts-snapshots/SubNav-Dev-WithSx-dark-colorblind-linux.png
deleted file mode 100644
index 860ac151f38c696e3c86fc0d3a51b05bd8258b3a..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 8148
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
Q(xSkTL%|2hKc2n%f6VS+VE_OC

diff --git a/.playwright/snapshots/components/SubNav.test.ts-snapshots/SubNav-Dev-WithSx-dark-dimmed-linux.png b/.playwright/snapshots/components/SubNav.test.ts-snapshots/SubNav-Dev-WithSx-dark-dimmed-linux.png
deleted file mode 100644
index 74132d4582607653621cb2bbe5a3bdd7b0cba31d..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 8062
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

diff --git a/.playwright/snapshots/components/SubNav.test.ts-snapshots/SubNav-Dev-WithSx-dark-high-contrast-linux.png b/.playwright/snapshots/components/SubNav.test.ts-snapshots/SubNav-Dev-WithSx-dark-high-contrast-linux.png
deleted file mode 100644
index 0e560eaf0ea4fe587bcc262f4719d9e8dd660eb5..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 8127
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
H?%KZqFhbPB

diff --git a/.playwright/snapshots/components/SubNav.test.ts-snapshots/SubNav-Dev-WithSx-dark-linux.png b/.playwright/snapshots/components/SubNav.test.ts-snapshots/SubNav-Dev-WithSx-dark-linux.png
deleted file mode 100644
index 370ff8df54deeae0e85410eb99067f8f9709ad31..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 8126
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

diff --git a/.playwright/snapshots/components/SubNav.test.ts-snapshots/SubNav-Dev-WithSx-dark-tritanopia-linux.png b/.playwright/snapshots/components/SubNav.test.ts-snapshots/SubNav-Dev-WithSx-dark-tritanopia-linux.png
deleted file mode 100644
index 370ff8df54deeae0e85410eb99067f8f9709ad31..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 8126
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

diff --git a/.playwright/snapshots/components/SubNav.test.ts-snapshots/SubNav-Dev-WithSx-light-colorblind-linux.png b/.playwright/snapshots/components/SubNav.test.ts-snapshots/SubNav-Dev-WithSx-light-colorblind-linux.png
deleted file mode 100644
index cf9f751fd8853d6c7ad04f243d97d3d09fda3fc0..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 8125
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
NIpuYddLsDee*odaMa2LB

diff --git a/.playwright/snapshots/components/SubNav.test.ts-snapshots/SubNav-Dev-WithSx-light-high-contrast-linux.png b/.playwright/snapshots/components/SubNav.test.ts-snapshots/SubNav-Dev-WithSx-light-high-contrast-linux.png
deleted file mode 100644
index 06e19d5a8ccbaa257346191e293df96af2996f51..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 8218
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

diff --git a/.playwright/snapshots/components/SubNav.test.ts-snapshots/SubNav-Dev-WithSx-light-linux.png b/.playwright/snapshots/components/SubNav.test.ts-snapshots/SubNav-Dev-WithSx-light-linux.png
deleted file mode 100644
index 58945d4f5af6b2e0587b6332a84cc10263ba640b..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 8123
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

diff --git a/.playwright/snapshots/components/SubNav.test.ts-snapshots/SubNav-Dev-WithSx-light-tritanopia-linux.png b/.playwright/snapshots/components/SubNav.test.ts-snapshots/SubNav-Dev-WithSx-light-tritanopia-linux.png
deleted file mode 100644
index 58945d4f5af6b2e0587b6332a84cc10263ba640b..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 8123
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

diff --git a/.playwright/snapshots/components/SubNav.test.ts-snapshots/SubNav-Dev-WithSxAndCSS-dark-colorblind-linux.png b/.playwright/snapshots/components/SubNav.test.ts-snapshots/SubNav-Dev-WithSxAndCSS-dark-colorblind-linux.png
deleted file mode 100644
index 860ac151f38c696e3c86fc0d3a51b05bd8258b3a..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 8148
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
Q(xSkTL%|2hKc2n%f6VS+VE_OC

diff --git a/.playwright/snapshots/components/SubNav.test.ts-snapshots/SubNav-Dev-WithSxAndCSS-dark-dimmed-linux.png b/.playwright/snapshots/components/SubNav.test.ts-snapshots/SubNav-Dev-WithSxAndCSS-dark-dimmed-linux.png
deleted file mode 100644
index 3011c2dcb6c280e249fa5d3b5194e8835c1f1e10..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 8425
zcmeHNX;f2JyN=b?widD1>%eSF9U_7Q^B4<SBm%Js7=}PvMUgSe6e1*XMk|BX1VJDX
zCB%qHWJn@YB1MQ0Aqa*rN2Y`^VGsg@BscxOZ}qNq*In!0`>p%^<HtE?t+V%f-)BF2
zpZ9(Dv(KGVzMgtt8-5J{0Q9_09D@P?>p$r(z?Yxt-h6(n+DZ3V7Z3Gx2QXTV#{qy{
z0Iy>|`X%R2_ebO)5(~y=@&1YMgG9OS-tks<wELACTNZa8J^JmoH{XW!?XVhixV<A`
zyJtAU6vK!wDA~amh&=f}^9>fNu3GQA_WJfd<@f9N-PrQu??*rD=Crn}PK*2#kv3o5
z-g(_7LCTlSKhKW$RZk@FmKMih)Fbmd3hn^_SG22T4_tMy4jq1@du;elz7DYK%S-wI
zz>l|60Dv#u`_==FZW%HK0IqFO0svcXyxIu3vg?29`V7OiNJvO<13l1L=KVS^^$|v5
zJpVL(I~+TL>nm3q=@@aii0@iHlKD@0_#2pGEyrS`q`zlpT9^A2P<o2L>YECqDMEtF
z7alc{uI;EUjjQxCHZe6cFf`4d3Itra-hZP(J@xdU8@E($JF1c?xD?jE6}nsH%+Hci
z?0pvhef3smW@}3x5&<Ga+XX);iHMAiIAD{2Mn4pcHj%yrI3)Xc_X!=PL*niGAAYl%
z?9TpT3P$t$jW{Ilcg}m1NA=0$#)pf;AR7S2HG4khs~Q8TB*Zgb*vHH}IUAGDtFc&7
zB&+mP&eV@OG~x|!urPkEEZa2q_ODme20O=4(HC;2fd6PZ2j;J~XWrTQMHl%@sb6p&
z`L7ll8`!w_!r(4AjSyei7Y13U^M;W9_j82tHI(JQoM{g}U!WdrGTi{U^3}?%o^X2U
zsikIgiMhGQ!`ej2Sv|7mOp-5u##8&G3{yYiy^w!y4z?XJ#~kLA5aTef(9fdI37L3@
zc2-=Or}L@la7`d?qNc@O+k(q(va2xFETT}$v;13Z#=b>G7i*|zh?IEnW4bWNLv<~X
zs%|1U@}-7B%?(#IdII*qg6ND;>Sauu&*#y|m%1KBF>~G+0InqO0m?l}2>dTPCB&xD
z$sp%E8Luc}z`$9)D#1pf$WxV@PZZ97fNB-Xo!5Zz5JA|HVGe(VGhM08JNWhj{&8x@
zyPGIYS~RyXyv3wJ!}w$BDb>=6dPp^v##`+41426eEYk`cdpI#=p(cRa6T320-dx5a
zUGdCOP04L^KgVYe=`(<m6gZeBeX~2!>{VHUV1ZW5mcEFG;)QSFyn6+9=GsnlkvAiu
zUI_-(?xqkT3PRCM)#aOZP^+ruemmEoohMEl)o!v&WgTIwwb;w6NrItG;a0UZG2`3R
zMhg1&jYlf03{DP+61oIs%Z*S8yI;VweyM4l-JQ2R-&y_2US!vDKrbN?lzLY2JP!(<
zm#k#;0H>q4%eNvUe&}tx{N}jCpuhar`UQAcq~Z3Oc~!l$*>qsyeEM!h^ZB@HIKsMO
zx-c*t|B~HiH?vgWEZ3y@(ZkAE9T1F+;30e#alxcp9U$&U?w4Z@P;8Wc2*n(e(%D-|
zPQfy_D!a1Y8LoIWJOQpue$yZ>CPZ$s-X3~cP&GLKv)ariCk58$Z!N3rxo=WZg_|9P
zN;=sc%nPn7EFdKlwBjc@i~i(#d2%UZmV>aS)anMEQJ$rnDRXD>RE<pVw0{yOw#d|*
zzPt`+eA6RSD1vm?&UNZ(HFpS5TS_H!<wS81U5C)9FY(hk2{Ves8k(2+f$ME=M({&4
zPX`OKm@CrVEor<@x5Xi>`8p#g>&W!mcneW!3|c+UK!%W^K?$?=hT&GpQ@65O-RAoj
zV9pykOoZ~O1^-qR47@B2G+{0sg~{&ZdM8~}J#XRQlaj?}ft2Gr@U@quf3QHSZ)@P#
zS5XZMY5B8MASD&n>t$9mImisL=~0sxkp6(zb<$m~GOqj}C`k2u)Bda%2XNZz+*Gbc
z2qFZ>{RE~todyF%2e5(rvxtgXiw?UIO&N%Z8MnA=uRR3YH=-3#a;4dXmQMT_Dt<31
zXk}0dmZ(m*G*QL1QSH9Cu@KDgMR7BNduq%9NU@RSTLfouFD9#)=!4qR?Bdu~3y{-j
z+rxBnrJL#n51iZAs^W!MZEkTHuJuXdrGoP4I{%c^ju*w4lPNeX)()9dIs)l^7&=fr
zC!M>95<G$LaDto!vMg&;drDC|`(^~wXdIh;Y2`cSN-u%#1@tdzAV7O_6_Y6=orBZ*
z+oZ-IY*Y1f%3y&~a}pd;5iVep@obk5uBsRMc4oLF$pl_fyXu@_vRCM&@&Hn}{8%%2
zP%gA*{$rwR2?{ge*WKeTyGgb%j*C-Fn4v)lSZwdL)=f+X@ZC}fb7@tfAwc)*$-zL|
zMA8Qvv{!SOH85tS$=?X2`qcGNqp5h7nNdV2HcJepIMfVM@kqL#lr%5SD9;1~{hQ5!
zl<sgu)wCSnT|3cPoVit6pe!Xotw84nk0WE;K2?P154<|t&AJ)rX@YqV64|k+g#DxM
z2~d6@JOMOUUN~K1r(L}Zq}+GS>(nkiID5SsnWF{(YIb@{@2kAA*uh}?)y3iN`t8z8
z=hCuE{cmMVo!`zE4Bi}!#ateq!=kBRTZ*5F;Q^d-GPkPg(Zd=S-Ml9+XrD!Q6Pzb<
z9zB2vT3v1YVeGT9%iI(&x-T2rY!!qkA4&HXe27E|!)gRJW$`{9s-e`5sTG4wn@sj*
z$uX(D(`0X8Mgm>#qE!TEVbrfzv=>~ZdO(Vaa&>qnd-S>y-f{W{XVj3YKs^;jf`P%}
zieZNEVOmP@yWpNS?lbMI^JTasze&U<Ye*~Xn;ya0_6HrpqhFzAWlU;hv&dGcTQ@K%
z$?m0w5lMLjoxm(LYFHqnt|dXeL_=@Py<0+Te|;;Z$G5h^rM-hEWfR&-+r(3t8DtvU
zHODJr;%Avy7;uk9H|t+MQHt`^4WZCd;K>GkaFE@=daw>$PK>GlAWuW}B`V;2P~xHC
zk-Nd$Ltd&hD3@Ui?v@k~<*JVW?V8Y$e)eF%j8sUx>v6pozCc$sFw$^-2K@?9{Bt11
zZ>pC&Dnoh$MXYyjBNTXrRqANlqQ5B8mQta9D47b0_mm8ySyri-`9kXG9IV(3|10+p
zeex>4H;%ufQG3-|_72T4(cYqKXGdrKt4x>b7~8}Y!cW!qN%;%h_KQkV8me3J4FDi)
zFCt~bXaq510DUlJY%n)91PttTw5RxCQm40`j7dH~A>{R!qM9Z;TY!{_u?vQV;EW97
zY_)3&6ih2T+}r*L+H4sZ6cE?{zz9VSAr-xX<RZYdAo@tKj6%4DW*Fd;!<0P)C@wM_
zOiP;RBS1@2uwdGU>Il9G+3}tp{3n&5-W5nGE!5r42pb9QU2SsRf|i`>wXx1CX|by~
zu=>DE9=uyJHxhe5j&q^-nf8Rx{mPdAu>K~r*FpV;Bg@nGs_cojA~%H{vDFi`zg0Y<
zG8Wnh?QdH>8x@&uqk5(vE!-e>ni0G_AjwCtO1bICw`*~(#K@as_HxJXqmWK^eYM(c
zX-RHQxU*q85K!*9Rxb5cwW$x#UvQSfjj@f{G}mHnRBV<FHSA$e+)1o9^#Y0@c^nk6
zE=J!Kq|gU^{OW;$Qgr6hh{CN(5nE5?<>YqE5~w99sB=)TXs@C;5)-ZXp7@TtyM#D<
zvxIU6OskpN(U6CGi6S<$y{c`%9=%TpP#Wqan|%-3Je6WD^6qg?+LMQ!yDvH2Qbf?D
zA}XjxIsaG`d2aR8rJid0=OS+k!W&5ZqKZ9$6LI~UJs_kFP#R$|CL(n&$e*DLbF$PI
z2;+g3a)>SyIgQlt1olF=$M!W!z0(~JP%}qEXEC;A;p#Ec!nh{th;3q8$Pz7knF<L`
z4Hc`!ax5-YUq)u1-jgRud3s*a1;Ixua(y9vDa{8XlO$Q^5tJoot<`6MoGlxN9hJlk
zBPh6g*)v_zV#+;4N%$z{zlfD&L&30OKhu<=xh``E;#-Qt%Bo(C87vE<3yj~6-sjd?
z3iu%VK>M?GOEA4@&tgKOnK5WA)E=u@3WqwkYQ1~M;YEbzhB`v~QpDs!3f$%B+4asA
zqfiF7va2>WK{hdW0%8Y;8K~6Q+@>%Xc%egIFfwNzVv)uH1(;4VEnU<$g^|*6o{M?E
z4&XwJXQqUX0>w#q=6inTcjGaA<bEghm^fWR&&<f23ME6qxzS*ni_<-*A;_A0N&19J
z?``8gu2TM_O9-e*F4ZvH(i?bg{$^FS$8%yF4bPup@L^zG%*{A>DyP<gVpBFbE3plb
za*}odUdJaK3bmw`#riD61@U~cA9@+-Z}+0aQE`m`9dE=tzZMCiPW!WCTP>aTXfp-R
zU0qpBEG$u$IcOo#x<J%L-t6<8-Da&}Wy_tIM0$J)aW1o(7hsu@F29^`v7^jg2DC;l
ziW~Z~I0tmBSE%5+Qs%NLxA5Xyuj!M_vB1O*T`d%yU-?S$o?JxuDakDe6oXT>3smC%
z?y`@4;r5=aKF;DI&68v=Bf>Yw26e`L_}up9xDf-dz_r?%9qg|fPh**?8t?aKQ3(^_
zR<UkF+k8B0p4hYzQR5c^FZv4W?N8rT11S-nJO+nd2sQ5GT$W4(7n{tlWIqjsnHshF
zS<v}4To<RV^0{JJg*~~PtEXfaEEQvzD{m`~%eJekb)Q$Blms;}nhZumz!AE7rIBs!
zgq+pLJyB%br)5Ymr<l9^avpTJCMrgC2jvA!WLCvUVCBBGMa6}zh=JdueYoM%1*1c+
z85>bKnC9N|`7<kV5f1(q)(}iEChQm4Z)U5V$7n7`?m;7?k!{?OCvp+UaslnCtzHL6
z{@LL~mPsaV@Oe7~)ntN(YAhcX)z#fE0sV}-&~TN3prs=gB+bhHkocZJ7XA~Th-B_m
zBgrR-&Ffw`9xkhVB&|nwCUl*QGNkH9SD`vA%}fK7Zx*aL1DYl|(SDngFA3M|Y(c4O
z;owq}1?z#7Iv-_>ng{o{AhKZtfiPV*ljEm?<AcEwO0~qauj)x5cJ{+ltFe^^_;Vt7
z&qL=KuPV8wos`BXi5bt=8Qb45V95z}?BroV0$m)ve0m@U8tJ;|LmVW9=%?;|aKzfT
zHu{2KeXso0<>(@`t^j&BVw3`x1WomJI>=tR%YK&x)Y??cdYbL*sd}<7CT5w=Hx8QU
zqiSZ=qwfbm37)>`+(hLIb=}4l`vIgR=}kogGxh?qjU(R?#Z=wB-#-Zj_sUmf+zi3j
z<ykS#nv6V@7QuoxjgVIFa?t&*ltFnemHQNGh|ms0GRfhf*vWom9`0S#BPYmI2wrh3
z_|NL%x9cT56;fq?APO{YIlY%xi=Stn#wyFgUFbYr9$t8z2&Cjv5q>c7C->>E0K2&F
zR*&yBetiZqF*fE6j2WnjkeI`SYHA)^qm=#1_DZVD&r<d+l5|^RN!$DP%O51QGDt_?
z?o9)$m98cDDvdM?G)?;)rGj>R$M@-67)QR;DFWUM2}8dA(mm74jQ{}2@^8w3ak|;F
zn_gnxEO!)6UQUP5E0fx}GdlslXpMEf{vi(>UUvx@JfUdazUR!&U+`t!h)M+MuN`dC
zFCA4qfm;uM^Afb28bkBT|EopWNS64;j~x4E{gjXZ^tpch`o@>L05jj)>dZ|AY1&@D
zwlA(p{a(6`6c`^L&k8azH6{IhH~l8{aZ+z{6z)iX+Ph;}Fp+st<LdnwVI>aOS0T(7
z*-&WJ)RZ#*I>6@0tw{x{44%eU@dB2O=7v=)vl@D&cY3CNc&-R>*3fyzexcDI!r$eC
zu}L$-B=^mLnH2AlhXD(*$j)kP_lDRlf9e;E_<u$yc_P&hrayfe|77nv9i?0UQy2MD
zClUSt&;`e#xBq`)%>O~RS?jvSz#0Q<46HG*#=sf_YYeP0u*Sd|18WSdG4QWsAQ_!?
tRd-JQ@Xvn%{#VEA|4K0b1;A~seotC*%cmw`jSeEf>$vYRhWjtq{sU`{LoWaT

diff --git a/.playwright/snapshots/components/SubNav.test.ts-snapshots/SubNav-Dev-WithSxAndCSS-dark-high-contrast-linux.png b/.playwright/snapshots/components/SubNav.test.ts-snapshots/SubNav-Dev-WithSxAndCSS-dark-high-contrast-linux.png
deleted file mode 100644
index 0e560eaf0ea4fe587bcc262f4719d9e8dd660eb5..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 8127
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
H?%KZqFhbPB

diff --git a/.playwright/snapshots/components/SubNav.test.ts-snapshots/SubNav-Dev-WithSxAndCSS-dark-linux.png b/.playwright/snapshots/components/SubNav.test.ts-snapshots/SubNav-Dev-WithSxAndCSS-dark-linux.png
deleted file mode 100644
index 370ff8df54deeae0e85410eb99067f8f9709ad31..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 8126
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

diff --git a/.playwright/snapshots/components/SubNav.test.ts-snapshots/SubNav-Dev-WithSxAndCSS-dark-tritanopia-linux.png b/.playwright/snapshots/components/SubNav.test.ts-snapshots/SubNav-Dev-WithSxAndCSS-dark-tritanopia-linux.png
deleted file mode 100644
index 370ff8df54deeae0e85410eb99067f8f9709ad31..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 8126
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

diff --git a/.playwright/snapshots/components/SubNav.test.ts-snapshots/SubNav-Dev-WithSxAndCSS-light-colorblind-linux.png b/.playwright/snapshots/components/SubNav.test.ts-snapshots/SubNav-Dev-WithSxAndCSS-light-colorblind-linux.png
deleted file mode 100644
index cf9f751fd8853d6c7ad04f243d97d3d09fda3fc0..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 8125
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
NIpuYddLsDee*odaMa2LB

diff --git a/.playwright/snapshots/components/SubNav.test.ts-snapshots/SubNav-Dev-WithSxAndCSS-light-high-contrast-linux.png b/.playwright/snapshots/components/SubNav.test.ts-snapshots/SubNav-Dev-WithSxAndCSS-light-high-contrast-linux.png
deleted file mode 100644
index 06e19d5a8ccbaa257346191e293df96af2996f51..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 8218
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

diff --git a/.playwright/snapshots/components/SubNav.test.ts-snapshots/SubNav-Dev-WithSxAndCSS-light-linux.png b/.playwright/snapshots/components/SubNav.test.ts-snapshots/SubNav-Dev-WithSxAndCSS-light-linux.png
deleted file mode 100644
index 58945d4f5af6b2e0587b6332a84cc10263ba640b..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 8123
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

diff --git a/.playwright/snapshots/components/SubNav.test.ts-snapshots/SubNav-Dev-WithSxAndCSS-light-tritanopia-linux.png b/.playwright/snapshots/components/SubNav.test.ts-snapshots/SubNav-Dev-WithSxAndCSS-light-tritanopia-linux.png
deleted file mode 100644
index 58945d4f5af6b2e0587b6332a84cc10263ba640b..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 8123
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

diff --git a/packages/react/src/SubNav/SubNav.dev.stories.tsx b/packages/react/src/SubNav/SubNav.dev.stories.tsx
index 2900ba30619..7a9f8e538d7 100644
--- a/packages/react/src/SubNav/SubNav.dev.stories.tsx
+++ b/packages/react/src/SubNav/SubNav.dev.stories.tsx
@@ -2,7 +2,6 @@ import React from 'react'
 import type {Meta} from '@storybook/react'
 import SubNav from './SubNav'
 import type {ComponentProps} from '../utils/types'
-import {FeatureFlags} from '../FeatureFlags'
 
 import styles from './SubNav.dev.module.css'
 
@@ -15,76 +14,17 @@ export default {
 } as Meta<ComponentProps<typeof SubNav>>
 
 export const WithCss = () => (
-  <FeatureFlags
-    flags={{
-      primer_react_css_modules_staff: true,
-      primer_react_css_modules_ga: true,
-    }}
-  >
-    <SubNav aria-label="Main" className={styles.SubNavDev}>
-      <SubNav.Links className={styles.SubNavLinksDev}>
-        <SubNav.Link href="#home" selected className={styles.SubNavLinkDev}>
-          Home
-        </SubNav.Link>
-        <SubNav.Link href="#documentation" className={styles.SubNavLinkDev}>
-          Documentation
-        </SubNav.Link>
-        <SubNav.Link href="#support" className={styles.SubNavLinkDev}>
-          Support
-        </SubNav.Link>
-      </SubNav.Links>
-    </SubNav>
-  </FeatureFlags>
-)
-
-export const WithSx = () => (
-  <SubNav aria-label="Main" sx={{p: 1, display: 'flex', border: '2px solid', borderColor: 'border.default'}}>
-    <SubNav.Links sx={{m: 2}}>
-      <SubNav.Link
-        href="#home"
-        selected
-        sx={{color: 'accent.fg', fontWeight: 'bold', '&:is([data-selected])': {backgroundColor: 'danger.fg'}}}
-      >
+  <SubNav aria-label="Main" className={styles.SubNavDev}>
+    <SubNav.Links className={styles.SubNavLinksDev}>
+      <SubNav.Link href="#home" selected className={styles.SubNavLinkDev}>
         Home
       </SubNav.Link>
-      <SubNav.Link href="#documentation" sx={{color: 'accent.fg', fontWeight: 'bold'}}>
+      <SubNav.Link href="#documentation" className={styles.SubNavLinkDev}>
         Documentation
       </SubNav.Link>
-      <SubNav.Link href="#support" sx={{color: 'accent.fg', fontWeight: 'bold'}}>
+      <SubNav.Link href="#support" className={styles.SubNavLinkDev}>
         Support
       </SubNav.Link>
     </SubNav.Links>
   </SubNav>
 )
-
-export const WithSxAndCSS = () => (
-  <FeatureFlags
-    flags={{
-      primer_react_css_modules_staff: true,
-      primer_react_css_modules_ga: true,
-    }}
-  >
-    <SubNav
-      aria-label="Main"
-      sx={{p: 1, display: 'flex', border: '2px solid', borderColor: 'border.default'}}
-      className={styles.SubNavDev}
-    >
-      <SubNav.Links sx={{m: 2}} className={styles.SubNavLinksDev}>
-        <SubNav.Link
-          href="#home"
-          selected
-          className={styles.SubNavLinkDev}
-          sx={{'&:is([data-selected])': {backgroundColor: 'danger.fg'}}}
-        >
-          Home
-        </SubNav.Link>
-        <SubNav.Link href="#documentation" className={styles.SubNavLinkDev}>
-          Documentation
-        </SubNav.Link>
-        <SubNav.Link href="#support" sx={{color: 'accent.fg', fontWeight: 'bold'}} className={styles.SubNavLinkDev}>
-          Support
-        </SubNav.Link>
-      </SubNav.Links>
-    </SubNav>
-  </FeatureFlags>
-)
diff --git a/packages/react/src/SubNav/SubNav.tsx b/packages/react/src/SubNav/SubNav.tsx
index fc898276d18..630112e29e5 100644
--- a/packages/react/src/SubNav/SubNav.tsx
+++ b/packages/react/src/SubNav/SubNav.tsx
@@ -1,169 +1,63 @@
 import {clsx} from 'clsx'
 import type {To} from 'history'
 import React from 'react'
-import styled from 'styled-components'
-import {get} from '../constants'
-import type {SxProp} from '../sx'
-import sx from '../sx'
 import type {ComponentProps} from '../utils/types'
-import {toggleStyledComponent} from '../internal/utils/toggleStyledComponent'
-import {useFeatureFlag} from '../FeatureFlags'
 
 import styles from './SubNav.module.css'
 
-const CSS_MODULES_FEATURE_FLAG = 'primer_react_css_modules_ga'
-
 type StyledSubNavProps = React.ComponentProps<'nav'> & {
   actions?: React.ReactNode
   align?: 'right'
   full?: boolean
   label?: string
-} & SxProp
-type StyledSubNavLinksProps = React.ComponentProps<'div'> & SxProp
-type StyledSubNavLinkProps = React.ComponentProps<'a'> & SxProp & {to?: To; selected?: boolean}
-
-// SubNav
-
-const StyledSubNav = toggleStyledComponent(
-  CSS_MODULES_FEATURE_FLAG,
-  'nav',
-  styled.nav<SxProp>`
-    display: flex;
-    justify-content: space-between;
-
-    .SubNav-body {
-      display: flex;
-      margin-bottom: -1px;
-
-      > * {
-        margin-left: ${get('space.2')};
-      }
-
-      > *:first-child {
-        margin-left: 0;
-      }
-    }
-
-    .SubNav-actions {
-      align-self: center;
-    }
-
-    ${sx};
-  `,
-)
+}
+type StyledSubNavLinksProps = React.ComponentProps<'div'>
+type StyledSubNavLinkProps = React.ComponentProps<'a'> & {to?: To; selected?: boolean}
 
 const SubNav = React.forwardRef<HTMLElement, StyledSubNavProps>(function SubNav(
   {actions, className, children, label, ...rest},
   forwardRef,
 ) {
-  const enabled = useFeatureFlag(CSS_MODULES_FEATURE_FLAG)
   return (
-    <StyledSubNav
-      ref={forwardRef}
-      className={clsx(className, 'SubNav', {[styles.SubNav]: enabled})}
-      aria-label={label}
-      {...rest}
-    >
-      <div className={clsx('SubNav-body', {[styles.Body]: enabled})}>{children}</div>
-      {actions && <div className={clsx('SubNav-actions', {[styles.Actions]: enabled})}>{actions}</div>}
-    </StyledSubNav>
+    <nav ref={forwardRef} className={clsx(className, 'SubNav', styles.SubNav)} aria-label={label} {...rest}>
+      <div className={clsx('SubNav-body', styles.Body)}>{children}</div>
+      {actions && <div className={clsx('SubNav-actions', styles.Actions)}>{actions}</div>}
+    </nav>
   )
 })
 SubNav.displayName = 'SubNav'
 
 // SubNav.Links
 
-const StyledSubNavLinks = toggleStyledComponent(
-  CSS_MODULES_FEATURE_FLAG,
-  'div',
-  styled.div<SubNavLinksProps>`
-    display: flex;
-    ${sx};
-  `,
+const SubNavLinks = React.forwardRef<HTMLDivElement, StyledSubNavLinksProps>(
+  ({children, className, ...rest}, forwardRef) => {
+    return (
+      <div ref={forwardRef} className={clsx(className, styles.Links)} {...rest}>
+        {children}
+      </div>
+    )
+  },
 )
-
-const SubNavLinks = React.forwardRef<HTMLElement, StyledSubNavLinksProps>(function SubNavLink(
-  {children, className, ...rest},
-  forwardRef,
-) {
-  const enabled = useFeatureFlag(CSS_MODULES_FEATURE_FLAG)
-  return (
-    <StyledSubNavLinks ref={forwardRef} className={clsx(className, enabled && styles.Links)} {...rest}>
-      {children}
-    </StyledSubNavLinks>
-  )
-})
 SubNavLinks.displayName = 'SubNav.Links'
 
 // SubNav.Link
 
-const StyledSubNavLink = toggleStyledComponent(
-  CSS_MODULES_FEATURE_FLAG,
-  'a',
-  styled.a.attrs<StyledSubNavLinkProps>(props => ({
-    className: clsx('SubNav-item', props.selected && 'selected', props.className),
-  }))<StyledSubNavLinkProps>`
-    padding-left: ${get('space.3')};
-    padding-right: ${get('space.3')};
-    font-weight: ${get('fontWeights.semibold')};
-    font-size: ${get('fontSizes.1')};
-    line-height: 20px; //custom value for SubNav
-    min-height: 34px; //custom value for SubNav
-    color: ${get('colors.fg.default')};
-    text-align: center;
-    text-decoration: none;
-    border-top: 1px solid ${get('colors.border.default')};
-    border-bottom: 1px solid ${get('colors.border.default')};
-    border-right: 1px solid ${get('colors.border.default')};
-    display: flex;
-    align-items: center;
-
-    &:first-of-type {
-      border-top-left-radius: ${get('radii.2')};
-      border-bottom-left-radius: ${get('radii.2')};
-      border-left: 1px solid ${get('colors.border.default')};
-    }
-
-    &:last-of-type {
-      border-top-right-radius: ${get('radii.2')};
-      border-bottom-right-radius: ${get('radii.2')};
-    }
-
-    &:hover,
-    &:focus {
-      text-decoration: none;
-      background-color: ${get('colors.canvas.subtle')};
-      transition: background-color 0.2s ease;
-    }
-
-    &.selected {
-      color: ${get('colors.fg.onEmphasis')};
-      background-color: ${get('colors.accent.emphasis')};
-      border-color: ${get('colors.accent.emphasis')};
-    }
-
-    ${sx};
-  `,
+const SubNavLink = React.forwardRef<HTMLAnchorElement, StyledSubNavLinkProps>(
+  ({children, className, ...rest}, forwardRef) => {
+    return (
+      <a
+        ref={forwardRef}
+        className={clsx(className, styles.Link)}
+        data-selected={rest.selected}
+        aria-current={rest.selected}
+        {...rest}
+      >
+        {children}
+      </a>
+    )
+  },
 )
 
-const SubNavLink = React.forwardRef<HTMLElement, StyledSubNavLinkProps>(function SubNavLink(
-  {children, className, ...rest},
-  forwardRef,
-) {
-  const enabled = useFeatureFlag(CSS_MODULES_FEATURE_FLAG)
-  return (
-    <StyledSubNavLink
-      ref={forwardRef}
-      className={clsx(className, enabled && styles.Link)}
-      data-selected={rest.selected}
-      aria-current={rest.selected}
-      {...rest}
-    >
-      {children}
-    </StyledSubNavLink>
-  )
-})
-
 SubNavLink.displayName = 'SubNav.Link'
 
 export type SubNavProps = ComponentProps<typeof SubNav>

From e122a02baf151f1ebeee8960d7328098683fb36e Mon Sep 17 00:00:00 2001
From: Jon Rohan <yes@jonrohan.codes>
Date: Mon, 17 Mar 2025 20:20:39 +0000
Subject: [PATCH 2/5] Remove sx tests

---
 e2e/components/SubNav.test.ts | 36 -----------------------------------
 1 file changed, 36 deletions(-)

diff --git a/e2e/components/SubNav.test.ts b/e2e/components/SubNav.test.ts
index 2f4cb036db3..474438085f4 100644
--- a/e2e/components/SubNav.test.ts
+++ b/e2e/components/SubNav.test.ts
@@ -21,24 +21,6 @@ test.describe('SubNav', () => {
     }
   })
 
-  test.describe('Dev: With Sx', () => {
-    for (const theme of themes) {
-      test.describe(theme, () => {
-        test('default @vrt', async ({page}) => {
-          await visit(page, {
-            id: 'components-subnav-dev--with-sx',
-            globals: {
-              colorScheme: theme,
-            },
-          })
-
-          // Default state
-          expect(await page.screenshot()).toMatchSnapshot(`SubNav.Dev.WithSx.${theme}.png`)
-        })
-      })
-    }
-  })
-
   test.describe('Dev: With CSS', () => {
     for (const theme of themes) {
       test.describe(theme, () => {
@@ -56,22 +38,4 @@ test.describe('SubNav', () => {
       })
     }
   })
-
-  test.describe('Dev: With Sx and CSS', () => {
-    for (const theme of themes) {
-      test.describe(theme, () => {
-        test('default @vrt', async ({page}) => {
-          await visit(page, {
-            id: 'components-subnav-dev--with-sx-and-css',
-            globals: {
-              colorScheme: theme,
-            },
-          })
-
-          // Default state
-          expect(await page.screenshot()).toMatchSnapshot(`SubNav.Dev.WithSxAndCSS.${theme}.png`)
-        })
-      })
-    }
-  })
 })

From 02d87f3c121554a21d176a3052b78624243b9277 Mon Sep 17 00:00:00 2001
From: Jon Rohan <yes@jonrohan.codes>
Date: Mon, 17 Mar 2025 20:26:45 +0000
Subject: [PATCH 3/5] Updating snapshot tests

---
 packages/react/src/__tests__/SubNav.test.tsx  | 19 +------
 .../react/src/__tests__/SubNavLink.test.tsx   |  2 +-
 .../__snapshots__/SubNavLink.test.tsx.snap    | 52 +------------------
 3 files changed, 4 insertions(+), 69 deletions(-)

diff --git a/packages/react/src/__tests__/SubNav.test.tsx b/packages/react/src/__tests__/SubNav.test.tsx
index 3518f7f17c9..34125daf65d 100644
--- a/packages/react/src/__tests__/SubNav.test.tsx
+++ b/packages/react/src/__tests__/SubNav.test.tsx
@@ -3,31 +3,16 @@ import {SubNav} from '..'
 import {render, rendersClass, behavesAsComponent, checkExports} from '../utils/testing'
 import {render as HTMLRender} from '@testing-library/react'
 import axe from 'axe-core'
-import {FeatureFlags} from '../FeatureFlags'
 
 describe('SubNav', () => {
-  behavesAsComponent({Component: SubNav})
+  behavesAsComponent({Component: SubNav, options: {skipSx: true, skipAs: true}})
 
   checkExports('SubNav', {
     default: SubNav,
   })
 
   it('should support `className` on the outermost element', () => {
-    const Element = () => <SubNav className={'test-class-name'} />
-    const FeatureFlagElement = () => {
-      return (
-        <FeatureFlags
-          flags={{
-            primer_react_css_modules_staff: true,
-            primer_react_css_modules_ga: true,
-          }}
-        >
-          <Element />
-        </FeatureFlags>
-      )
-    }
-    expect(HTMLRender(<Element />).container.firstChild).toHaveClass('test-class-name')
-    expect(HTMLRender(<FeatureFlagElement />).container.firstChild).toHaveClass('test-class-name')
+    expect(HTMLRender(<SubNav className={'test-class-name'} />).container.firstChild).toHaveClass('test-class-name')
   })
 
   it('should have no axe violations', async () => {
diff --git a/packages/react/src/__tests__/SubNavLink.test.tsx b/packages/react/src/__tests__/SubNavLink.test.tsx
index 0aa9577dd6a..631f28b9732 100644
--- a/packages/react/src/__tests__/SubNavLink.test.tsx
+++ b/packages/react/src/__tests__/SubNavLink.test.tsx
@@ -5,7 +5,7 @@ import {render as HTMLRender} from '@testing-library/react'
 import axe from 'axe-core'
 
 describe('SubNav.Link', () => {
-  behavesAsComponent({Component: SubNav.Link})
+  behavesAsComponent({Component: SubNav.Link, options: {skipSx: true, skipAs: true}})
 
   it('renders an <a> by default', () => {
     expect(render(<SubNav.Link />).type).toEqual('a')
diff --git a/packages/react/src/__tests__/__snapshots__/SubNavLink.test.tsx.snap b/packages/react/src/__tests__/__snapshots__/SubNavLink.test.tsx.snap
index f26fef0bee6..9fb04d02b0f 100644
--- a/packages/react/src/__tests__/__snapshots__/SubNavLink.test.tsx.snap
+++ b/packages/react/src/__tests__/__snapshots__/SubNavLink.test.tsx.snap
@@ -1,59 +1,9 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
 exports[`SubNav.Link respects the "selected" prop 1`] = `
-.c0 {
-  padding-left: 16px;
-  padding-right: 16px;
-  font-weight: 500;
-  font-size: 14px;
-  line-height: 20px;
-  min-height: 34px;
-  color: var(--fgColor-default,var(--color-fg-default,#1F2328));
-  text-align: center;
-  -webkit-text-decoration: none;
-  text-decoration: none;
-  border-top: 1px solid var(--borderColor-default,var(--color-border-default,#d0d7de));
-  border-bottom: 1px solid var(--borderColor-default,var(--color-border-default,#d0d7de));
-  border-right: 1px solid var(--borderColor-default,var(--color-border-default,#d0d7de));
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-}
-
-.c0:first-of-type {
-  border-top-left-radius: 6px;
-  border-bottom-left-radius: 6px;
-  border-left: 1px solid var(--borderColor-default,var(--color-border-default,#d0d7de));
-}
-
-.c0:last-of-type {
-  border-top-right-radius: 6px;
-  border-bottom-right-radius: 6px;
-}
-
-.c0:hover,
-.c0:focus {
-  -webkit-text-decoration: none;
-  text-decoration: none;
-  background-color: var(--bgColor-muted,var(--color-canvas-subtle,#f6f8fa));
-  -webkit-transition: background-color 0.2s ease;
-  transition: background-color 0.2s ease;
-}
-
-.c0.selected {
-  color: var(--fgColor-onEmphasis,var(--color-fg-on-emphasis,#ffffff));
-  background-color: var(--bgColor-accent-emphasis,var(--color-accent-emphasis,#0969da));
-  border-color: var(--bgColor-accent-emphasis,var(--color-accent-emphasis,#0969da));
-}
-
 <a
   aria-current={true}
-  className="c0 SubNav-item selected"
+  className="Link"
   data-selected={true}
   selected={true}
 />

From 264718e2745ecd265af447f27df4033d1f1c0010 Mon Sep 17 00:00:00 2001
From: Jon Rohan <yes@jonrohan.codes>
Date: Mon, 17 Mar 2025 20:28:02 +0000
Subject: [PATCH 4/5] Adding changeset

---
 .changeset/gentle-sloths-march.md | 5 +++++
 1 file changed, 5 insertions(+)
 create mode 100644 .changeset/gentle-sloths-march.md

diff --git a/.changeset/gentle-sloths-march.md b/.changeset/gentle-sloths-march.md
new file mode 100644
index 00000000000..0bdeae4377f
--- /dev/null
+++ b/.changeset/gentle-sloths-march.md
@@ -0,0 +1,5 @@
+---
+"@primer/react": minor
+---
+
+Removing the CSS modules feature flag from the SubNav component.

From 3398069e481327fb5007e7cb7aafb3b62e824178 Mon Sep 17 00:00:00 2001
From: Jon Rohan <yes@jonrohan.codes>
Date: Mon, 17 Mar 2025 21:47:34 +0000
Subject: [PATCH 5/5] Add sxProp support back in

---
 ...ubNav-Dev-WithSx-dark-colorblind-linux.png | Bin 0 -> 8148 bytes
 .../SubNav-Dev-WithSx-dark-dimmed-linux.png   | Bin 0 -> 8062 bytes
 ...av-Dev-WithSx-dark-high-contrast-linux.png | Bin 0 -> 8127 bytes
 .../SubNav-Dev-WithSx-dark-linux.png          | Bin 0 -> 8126 bytes
 ...ubNav-Dev-WithSx-dark-tritanopia-linux.png | Bin 0 -> 8126 bytes
 ...bNav-Dev-WithSx-light-colorblind-linux.png | Bin 0 -> 8125 bytes
 ...v-Dev-WithSx-light-high-contrast-linux.png | Bin 0 -> 8218 bytes
 .../SubNav-Dev-WithSx-light-linux.png         | Bin 0 -> 8123 bytes
 ...bNav-Dev-WithSx-light-tritanopia-linux.png | Bin 0 -> 8123 bytes
 ...Dev-WithSxAndCSS-dark-colorblind-linux.png | Bin 0 -> 8148 bytes
 ...Nav-Dev-WithSxAndCSS-dark-dimmed-linux.png | Bin 0 -> 8425 bytes
 ...-WithSxAndCSS-dark-high-contrast-linux.png | Bin 0 -> 8127 bytes
 .../SubNav-Dev-WithSxAndCSS-dark-linux.png    | Bin 0 -> 8126 bytes
 ...Dev-WithSxAndCSS-dark-tritanopia-linux.png | Bin 0 -> 8126 bytes
 ...ev-WithSxAndCSS-light-colorblind-linux.png | Bin 0 -> 8125 bytes
 ...WithSxAndCSS-light-high-contrast-linux.png | Bin 0 -> 8218 bytes
 .../SubNav-Dev-WithSxAndCSS-light-linux.png   | Bin 0 -> 8123 bytes
 ...ev-WithSxAndCSS-light-tritanopia-linux.png | Bin 0 -> 8123 bytes
 e2e/components/SubNav.test.ts                 |  36 ++++++++++++
 .../react/src/SubNav/SubNav.dev.stories.tsx   |  45 +++++++++++++++
 packages/react/src/SubNav/SubNav.tsx          |  53 ++++++++++++++++--
 packages/react/src/__tests__/SubNav.test.tsx  |   2 +-
 .../react/src/__tests__/SubNavLink.test.tsx   |   2 +-
 23 files changed, 130 insertions(+), 8 deletions(-)
 create mode 100644 .playwright/snapshots/components/SubNav.test.ts-snapshots/SubNav-Dev-WithSx-dark-colorblind-linux.png
 create mode 100644 .playwright/snapshots/components/SubNav.test.ts-snapshots/SubNav-Dev-WithSx-dark-dimmed-linux.png
 create mode 100644 .playwright/snapshots/components/SubNav.test.ts-snapshots/SubNav-Dev-WithSx-dark-high-contrast-linux.png
 create mode 100644 .playwright/snapshots/components/SubNav.test.ts-snapshots/SubNav-Dev-WithSx-dark-linux.png
 create mode 100644 .playwright/snapshots/components/SubNav.test.ts-snapshots/SubNav-Dev-WithSx-dark-tritanopia-linux.png
 create mode 100644 .playwright/snapshots/components/SubNav.test.ts-snapshots/SubNav-Dev-WithSx-light-colorblind-linux.png
 create mode 100644 .playwright/snapshots/components/SubNav.test.ts-snapshots/SubNav-Dev-WithSx-light-high-contrast-linux.png
 create mode 100644 .playwright/snapshots/components/SubNav.test.ts-snapshots/SubNav-Dev-WithSx-light-linux.png
 create mode 100644 .playwright/snapshots/components/SubNav.test.ts-snapshots/SubNav-Dev-WithSx-light-tritanopia-linux.png
 create mode 100644 .playwright/snapshots/components/SubNav.test.ts-snapshots/SubNav-Dev-WithSxAndCSS-dark-colorblind-linux.png
 create mode 100644 .playwright/snapshots/components/SubNav.test.ts-snapshots/SubNav-Dev-WithSxAndCSS-dark-dimmed-linux.png
 create mode 100644 .playwright/snapshots/components/SubNav.test.ts-snapshots/SubNav-Dev-WithSxAndCSS-dark-high-contrast-linux.png
 create mode 100644 .playwright/snapshots/components/SubNav.test.ts-snapshots/SubNav-Dev-WithSxAndCSS-dark-linux.png
 create mode 100644 .playwright/snapshots/components/SubNav.test.ts-snapshots/SubNav-Dev-WithSxAndCSS-dark-tritanopia-linux.png
 create mode 100644 .playwright/snapshots/components/SubNav.test.ts-snapshots/SubNav-Dev-WithSxAndCSS-light-colorblind-linux.png
 create mode 100644 .playwright/snapshots/components/SubNav.test.ts-snapshots/SubNav-Dev-WithSxAndCSS-light-high-contrast-linux.png
 create mode 100644 .playwright/snapshots/components/SubNav.test.ts-snapshots/SubNav-Dev-WithSxAndCSS-light-linux.png
 create mode 100644 .playwright/snapshots/components/SubNav.test.ts-snapshots/SubNav-Dev-WithSxAndCSS-light-tritanopia-linux.png

diff --git a/.playwright/snapshots/components/SubNav.test.ts-snapshots/SubNav-Dev-WithSx-dark-colorblind-linux.png b/.playwright/snapshots/components/SubNav.test.ts-snapshots/SubNav-Dev-WithSx-dark-colorblind-linux.png
new file mode 100644
index 0000000000000000000000000000000000000000..860ac151f38c696e3c86fc0d3a51b05bd8258b3a
GIT binary patch
literal 8148
zcmeHLeN>Wn`@fsp+Lq}$u4$UGowgj6*=D9wQ8z1>rW8hIrsSHL8lV}XBD!84t(jU+
zsO4*BWMP8yT@Wa3y6^?xkd!xH5(EW8MHB>nwCCU7+1c~_?H~8K&wbtB^S!?3b6wZx
zx<22V$AbMge`5Oy005hh{B#fo0A@?32l(hcljVbhG!N5jLlVsYM}XYFT?zo8ydwvH
zIFV8+7o-x(Fl7=ILSAr!_-_`&@vG}LpMRVcbnN)SgTBWIcU(LgY0WMUF=y%`#!tpJ
z$x(xMPz4U#F7lCw4!uBr`kD1Fg9pF3{`Hq1kA;NodP*8ei#L3eyQTQ{g&+Q~q;My<
zqXf7LNk)ZeCLas&(wyYn8wGy=04qJAkRdbEnL7RWW`OTUiIxEH<x2<vT>n%90H6N&
zzZl~zldt^|7@VHIa{~Yv{v7f|L7qrFliuxYq3zY*zNWV~f#IHzIj;V$|9^4t*ZH2<
zci}mGka&K_CQ`WdG6!nYCCDRmAzPrrrKfkwuR79%3?Vr$Z@J79dl79X4Fi7l6V&~o
zzZFAQw!UhTxMtupQXe$cpKDF_yxM;+VR2{<WiJJ<?8qr9ZC%Q9<d(ofLc&D@`;gjR
zl~ordqJc_j!9H?)53q>nw9+&L<3u^<liNu$Qq-7T9rwAfv7BsxTk<`l$CtiOlK3Qu
zAUhyifP`7wtawF<m_Bj+DTd|X5L)7fdSZUE3tH+vbPWKq$x%0Sh5vH)u2G05Z9aTm
zQCs5H)SL&Bf=$Qe?t6)kp6^(lx$@U9NJK<#Rq^4pPk@O5SMx+ss840nSLs(jw@B3M
z@fZwd2jl~jy9LPqAGo!!)8ewUp^e;L=G%ok4(|iMMrk)SZLCQfxt9u}W9nMsXLv>P
z^rU_qg;J9KdOW|BOH&!P+?TOKhX*dL;S}4ckW<@c=lIPyxx6GpHI|pHu#pa0jPR3u
zywX@(dMN4AjPekkmo!${iu{AgOy`m+H1jDJ^w7P^@y4l-OH~hY%hN_~4GZ~RxFhme
zl^KLK9%{HK*lgrC;QKzxyZptRIgn6yc&DNP{-L(TnaQ9wS0)Z!{n)<@k}(*zo07_F
z7Dc)YCE4Fj+yqq$+E7MzY{UwmL?Tu4AfBUS+GIt=?Losq^|_cmY3k58SxK|AF_KLV
z>T~%V>LqR$-|u$Py^M`cIQ!_a$8F4qfcvTJ3;a-yYp|CR*%#PPMr|MFHYe-UMc6(1
zAHYQEYz!2quf`fyNTgzFVKri39Zn~9W>hEh2{$E7`iW4q(NN7p8(?7KJCk)gZe;Ci
zj=IW2$%yUY?ybEnPw&VA%_}2TL1+gmWad$5A4H;0Vy{m0>rghcC<@8WRhOzPO<39#
zZyTQ0Oi7*X%2&4PsFg9nXV!+K?DUY%*82kaoSSjMh-#BB5((!-+J>&g29!>Bs6a>_
z7as}S+eVLHq+<<p_c@z`9NS}3yS33JnHcrFiwGVU=f+=QVrv=Eh7T&9fIRU!0T;4T
zhAnsz01wjly6oMS`6dk0ch|#>-z26o<>QU*gi9lKOrDqi9*yjtsc0+8E54l4O(mMp
zk0&xEE6mj(FfnSr@ve94d8s25G%IwKJY(8>Do04gSprMJ?_#Y+eG%azDYXoSNGSo}
zoXAyTvnNH6)*YIKGPl2^e|<lxU+>$)uMUO7v19~QOVudH>Zb-He@An>94F*9F1qXE
zU4^whj5e8_v4Qa2DOUTU&*={XBNksW1SKHkzq*~$g&jqi$%{zDu4@G!Lm}w8A*LcL
zAK50~L?l!hwc5wA{sP?$mz~znvvus1pJFZ<D2%7f1|%~(Gh%V6N~xcUmy{VTOVGNh
zUP*hj2&0G%Uw!|X8SwU(gd34bKJuobe29FjU^iNnp?9pAv#Vxkt@?7<dx+-CngUqY
z_DscuuSg+Udyw4G3wAah>v?58-#W>X9e29Bccr9QtRj-qv?boW%S%bknZ^*LsO_2b
zY0Oc^tbPaP3sZPF<R<J$o~=vri&!FI$6o5svR9OGy0|$zBRvcrF}=lEcVg~NjAcZd
zxAAIzfovS(V|eYWA$LZuXspV$Q~LSlAyIfh?1guwvFK)4V2x)LhOsj>{3P$X)#e%<
zwHfMdc$m0}{SC4Ad!5-Z6felz>T_CMiydh>8n*IVO+b)9*e5B+NedB~(Og-0cfV)!
z=%O%8Dm|s^%qPH>8zHR=#Vu;=#rwvoo}J$6HK&%$SbY!()H2by>a70-Ohk^kVQcAC
zgnEOReX&iQqYH))yNhSt(sBGrw(wGSk(++XxWDgI`p6s;?v|{rqEAgT*NB868ZHD(
zj8?pIS`2oAbKpd;6*<;BMeeCfMhn>|3k(Vv>*YBFUo@<mXj1MiU`08v9UH#&2a#}v
zVfyuKSVUEH^^9le`U=||`*4FkkkLsE0d~G(m5jvVTaxrc*|m#S4Hm%jyDxq!Z=;Yv
z_!UQG>Kpy$q`YnP*==+?g&<`nJOGSyIODPCQ~|<jYdi`K2?=$ufNitmoaNfgXCx5k
zQb%f&)p=CwR4%>bWZvn7pNGF?*H)+qun*^|9fWQ3*|dyRHH`ISHLy4z(r~`_`V|51
z@YFYf5^c0oL(%@mepK=ADg3L$9&UmpW2op<fHY;6>rWTQ4+p0T@@BYD$c&muaOKil
z^j9hrt;#GZTMJU3+o?oX7X+9XWuz6(Wz;YmYSrMFy!)6lJTygciDylUmq|+X*gls$
zBqDY3(RAcEcW`+i-}^M{to%u0b{Q^quEQmHk1>*SmPn{yEo3)2>AL!H=nHrqrK{IF
zBjEv7x1j9vUX0L}A(4U1$bc~8-5xjo8ijUJ1cS5QSUIE06E9-)v;7#RbnN%$-pKm+
z87P+0MvN9d#bp<#ul39oJEEvFq-;i}bYSL4L%DABsUu^m5~QEb)cyv2DJ!bSshz?V
zE3!9VJBKf^oYk7k$z;T6hA}7{WnA!Oll900r@+LeW(q=6WlA>N(=mM+LeFjx9wpHd
z{krQ7j>h`wa;4IQipsy-1@)pK-nQFoc~X?779;RvLVY!IhGA+K`_3F*sxN&Jpt%;P
zF^ue+`;$cNf(3Loen2EBT$#FG;@EyYfnarrSdKq05*H8&FNBZ+MV{>VximM*F5*%P
z8caOlc7WS_bPsXAJx;vV)6b_J5xgARu~oxy#Sl&GvkkI(qjD5PWyVjJ5eZ#K76ZXm
zj-bc@DZlX{VTi82Qn~3ThY(|VnP2EN^Rny02DJeepj0>!3B_6BtkEz|lbX|K1x**x
zac;4t?wLw?e=fENrcFlLK06U-8}86%Ebe-|t(s0uoQmRb)ErDM91iEGgG~JHUlKF&
zW=8<nes0-eBEsbTW;SSLw|B6^+Va<SnJRRxf2q(b{zy+$bzT{kMYwB_k$3moou=z&
z`3ahVTnKV^AUL<SVcC2C<;&3zDAo9g;gLgXCl`msw^)ikXZ4IL@YXu+tLcn73Qph{
z$<TCHqI<?PDv=&HTUBzcz{hLffKeBIjj5Ap92;s#tg{F#n3yz{pUh8~5e8*tY_Qo9
z<YHX}qw-F2EN14FmNn-1otW8HQk<!}e2CfvIGjk36=!7&=vezKLw481#B(8!NQ$dN
zL%~Fx#BVoqSxhf6CmL@D5YftVht(mBQ%HWw*jCeYpfoPn;jqY4DJtv3xfOWdjb5#q
z+?rj?OoYXot)Ng`v-f}repmn;Iej&Ud;u~wW|fa0e2hp>799t*b(nx>(vCxx?8b#|
zloR^N%5hl0Q?1@FKV!uVpRdJj0iM^ne@1CjjwK*WJ#BQ*&*wltq?s_(FzL$#HDKpV
z>oLQv3Qi9-)Y)#=L;zYd{ry5!aT+VWq#88LZK}f0Kxxf<6Ac$9_73=&ri>!k^2N3m
zLVe5}3&xs#nv>;CNPQE}@HTbBLf9^dDSxzuu{u=BuW8AsCrg^q-165=tHL}}oy}d`
z?W*?kOgD$S5($r=`k&;wUVf(QQ*fBuXXDT|E;EyC5;^rX1b5&a?H8xcD=iYlQ!v)R
z@%#s4&MUO9mDKo!L~9GZ`)d)sTK*0dc;7kl+b6O9n~B=l*qi{cz|&z|cWk)vTmYD}
zxo>lA!^Yiabh({{_HB&=<5vL4eC(&<T}m4jaxm<^Dr-m*D^quYt=&2uj5`F5?zW`3
zKkuW3>Z$0SYgHCLQA2?u9y7jY#YHsGg4B;^rVLJdsX-?=qioZFNg~OP-_5gu%-ndv
zdM;D8w+!((Z5d;EI#iq~OpB2VDspa5b@>{rGO#5OT!L=9WNI1rlKP3^D7|L%kh6`8
zWTlpAI1MJA6ATT8lz*q0w?xr&o_9Yt7F{bjm+$~N=6bj2Oyk5u_I$hXG1xKkjL&&i
zS%pUfQ+J%{{)CCcf}@ujcT_{BbM5Vvdx`tmY2(+cBljh$0;xQ1ez`k(DAD>Ihh2fl
zi3G4C^D&hX`#@(IN=7sEIU&$g0l_NrxKzG<`?I5v8H`>)JD``zeBxb=7v;M%J=Bjv
z9g+?H-Jqllv@R<v(Is452HQ5vOEl)@w{<jCb?t3^i|}xx+)G=i2?X;LYs<py$3BZe
zm>{duVxJl+IjZ|N(B{iZ@3);IY#C3{-b}%FPBYC-Evut4Ma&@7t5_|KqBY{<9Tl#V
zd?S2p`1eT{^z3QXqM0D2u3oVan!HCJwK&|5g6QE9nzi)KY6MdWhvc`&ipOtum%2^P
zCe3vR3lc@SJ(RSuWg63SX}}Djp9^Y<gqY|wrY!N5FSPqN=k`lnR!Jb(Q>jzwjVdv0
z+dVZuP<FV*d!<Z+()V!#z;mXNL`OpGXM3PnH?1kFLfyvQ1(g)q_r5h0oG7az;@h~P
zwfk&54#8dCifC<(sYqhy?;mKw4?9)tCLZ-Pp+{>W(^S)@k*GgRIo2c-!@2EElq6nb
z2m&!Y&_1*5tQ=z`&qqN)*q2frDpD$K)rlfU7&1u+G^4LEB(eq9C&wZZ4Zhqz(?_Bx
z%R1B<)oKneRR1tm_V8v7;=8o*hh-YkWj5T{gzLeZLLk?OUUS=!T`oqQFH}M@1r^I3
zD}n`tVTT=e+GC@7_*Pi&w+#g%>YE1^nIa4snKI>#1Avz`w!_-DJx<GL)xWI*!GX$F
zj1n^K%$PI6%U9id4|McDVWjFf{`pIvt=%!HT)u`$?}qlYhiLQ$1KxhMn38`#spBWS
zkKU^JJ>dDDX}@4VH~f}*O_DmH?l0l${+Z9QO*>E~b!3#`lMKVzg^1N5$Mo&MuVz#4
zmi<S0|7<hGAY*xXLmt~Z0bNLVIG4-C0?_w?@<&-;Dr$J4UdKK+@80*^aLX1##j!W6
z<wgM$ui|W`GI$H<bebfr^IP*epS#sZ<9SrfqiW!tYW-A0kI!hm7$S+;i16IL2pHR*
z4#%9>WhVE;-dg$scwQNw;(d%}5L+Uc3`3`xvbCwSk$wwQh<}erplY=$tDR0>3-?~#
zttN-l(jIkh04!oVmm!)Ow059>mCclct(R_vy$<(Dd?%@GTSVSVp_$)5@){Eo{v*Ym
zN)9Mq3l9u6m~=07a&5;+&rriz2@7OCZQ;+)y5nHFhOj7AwrvD{{dCIo@#76sJU;qT
zu>ttvdh6dCM+~tgPLY?U5}>A=g|)EKzxIHiJ6(Ni$s7Ql?@JK>cl-Tw&+9AyNqp8(
zT1V;cD|kIa)-z;1L;kC#w_Y;qC9_^K>m~CKXXJIdSf`71y7*hVP#HILL|jPsEZ-Po
Q(xSkTL%|2hKc2n%f6VS+VE_OC

literal 0
HcmV?d00001

diff --git a/.playwright/snapshots/components/SubNav.test.ts-snapshots/SubNav-Dev-WithSx-dark-dimmed-linux.png b/.playwright/snapshots/components/SubNav.test.ts-snapshots/SubNav-Dev-WithSx-dark-dimmed-linux.png
new file mode 100644
index 0000000000000000000000000000000000000000..74132d4582607653621cb2bbe5a3bdd7b0cba31d
GIT binary patch
literal 8062
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

literal 0
HcmV?d00001

diff --git a/.playwright/snapshots/components/SubNav.test.ts-snapshots/SubNav-Dev-WithSx-dark-high-contrast-linux.png b/.playwright/snapshots/components/SubNav.test.ts-snapshots/SubNav-Dev-WithSx-dark-high-contrast-linux.png
new file mode 100644
index 0000000000000000000000000000000000000000..0e560eaf0ea4fe587bcc262f4719d9e8dd660eb5
GIT binary patch
literal 8127
zcmeHMZB&x!x_%w^9%rVMnQ2#3rZlHhMru};W`0mPjT3IQC^a>)GIc8<`JJNDH0`W0
zbDC80Bbh$P)D)Ez1%b@c3H(k(K`}K&K|w$S`P{E-uXTQ%ALq=RALmCuSnpa7FVFjM
z-Pe8H_kF#$PWby+ezExr001nH|L`3W0L+)b5AfM1;L2aWqaOk<W=Tk&qd;xXmN@``
zrXT<A$muI(3uEb5gHs-=<+8QyceegV?k_vH{%8ENbMd#VPa<MV3X4Y)lbi^d?21kt
zJ)ClkSnHcx>=~6yO6QIqPI!F!#Mj4Oe>rmG!g#`P%*;yU>7DBzet*M@iNZf{V~x9s
zbe`={+4zLM=k)2*jSc|tlEq|q*n%hN+w<BJ0Iq+j27oV*j+z69KTCiBz_)*7@lhPw
z^&6MW*Y3_=1HgOi7E{|}s@PDwy6MdtW?}>u4fh707$$|%BRUFk0PxwjQZr!d^=1p;
z>X(z?VUFJXpDYGiHj_8dx9}hG-tTZvjtCy1nWYKNga!rZ<U9yw{^Vjj^-BMvTkGsR
zR3Co#vCXcl@B9R~B-`vD#n~jb>2S-Mvt%}d?=Ux<dD45K>8q5iXCgV&gI4d;Hokg%
z`T}9#sbA^t@YIzqk#XT!<fn#3TJ^>*B5!!xCqPq#Wl~s=ZO+-tGgq0e4D8rlo1x@O
zD8W|UUl1^ItAbqsyT@9AMi3WYX?&SlmNo7m@G`Z=Y?8T9>$62C6h;Ulk9ps=xUw!K
zC56ROQLTr_P!COWhwU1m&JcICdAzdI!hb;;=h;e$L!)J_Q}{av70)_sKl}IBWb_z@
z>>}BGVb9B%zn30ri6IN~Jih?W>9{}wtEr(;H-Fyx3@tfUx4dAD`y23bnUnP2gS=9a
zEK6J3?j3B|vc${t{1N~Vfm2(WLMVwdBT)uz;*_OzaJF`-AySvf!E%1xp66VJ52Xw(
zFf#?C+G&1C3750csCr}9sh_Y&ir6wX>@7h4)MIMvp)X`fcz4FSaG{N|%pUC1vFwqY
zm^|zH%(mMV@r=ZYCAr}8?Xa3ia&}IpVjw;X5<3zvYUFZayj&-5Mc|WGMq~31K5=yG
z1*uYfchV~q(|zOkHd)-ji;$df-Ljkhi7==9iisP;JUCg@VawYvx5AtX>LNC-sFyOv
z<?Gk4S8+HZf9Oi7iNC{JXR**H_ay42=6+!>iao^A!dxSbgM;vs-oxliZnL5o>8aqb
zcV`~+e^ssp>KdDP&E%?GIkrI=YFKw^;WURc+aDz^Kq5vMKARL1iqT<YNQhP%7)0Kk
z?{zkm3d^xU?b^k@4=2c{d|{-N(!|$ak<e6RU|@9D&U{1t^AJjR2a1xt&}ZNKEW+#k
zb>$s5ovyPS*ZrbG7NKJ|?C1`)((9?qTQu^S8i8Y}JLUtHd|&_ifl4-t?whk9Dp>qf
zA?D4skY1s3D#07;K+2SFTqj78W{-6qia&E|tSU>Cge_<OqvLwS1Nd*T9G8uw%yYsg
zF&$Qhxw}NxqlV+}?650R&J@($_$yJ?m%t;~vZfwFvswnZK|u%HCn*HA*ZlP%_mpDz
zbc;`RV*jhyUINmem3mPmv>45lzdRxe7o6vLiu^OQMj1Y#U3)+@u1JJM<vgH=?@Q)7
z^$778mEv)4YZZ>Qt#m(TujoyMZOeo`7zX#5vTBItcQ;Z&K0aplb!R-(^wLkYMs-T~
z@LlaH47EC|=g%(f!w%f{!8Tv)zr9f?zDag4N?bH4$pYOXh>71f2@=D&=_rg;TL3{_
z&I%6?ueNaybSl;b#WeHUpvGC(c<VG%uOtqwvsK;VmsoBCS=4+UZcoabu?R>Nb7fL{
ze^33AX}Dfut3+*1>Q#F&GDfa-`<ZAbAE<{-wH)|f%{6GgP3qJ{MR?O(I_eN^z~vwW
zcu8+t&geBHc(bz&>@v5grCBhrUdd<Y8hv1-!9kD~L@!cP)88K;`Av?UYj<U-cSRB%
zyGsdbh=XHT(a%38zPd&7$yY4RDn2|Lpv1U|XFEzdhjFz;=kv+RAxs+l@(I}VYdlN!
za$QfUfpB*lmf2br!db`6PLj0;RI!o_&AHg;myib(Gp5imMrL0+Z`o5j*gfAAZQvsj
z^xd8rP{rN7X@<IVNvb((aUrsYscm`aT8m=-g9XWA^4h!+u+B2&xVb;`9Q%~o^Ky3x
zCY3+^0V@m%;l3z9QnJHgQQ)q3phnJ!lSh9RYg@iXPaUcWU8#sT8-xha@?h$Sq#)I=
z>77~AF*w^5d4k$>VNk|o;7pLUD`F>K*t+jW_r<)LMY4%lR`h6{wX01aB?uG1nvvTY
zEZ|_gBc-jizC^Q%a6^TQdm65K8&g@qDnOz_JSqwrBupPriIOXyJ>NOq1}#(fL3+uk
zeQC~Nm@`ybK?84ZMNOE2{S#b|499f;rX)*7V-CZj+W7}a1?^r28Hm{Ao3E&?G2`v<
z<bF%6vmpiT3p0n~-}vT_dEp0~@oDAM?sNbUT5eXcv)(<O);qD@YW*Mhs-;o#M~atq
zNJOzKwQQ-r!DP0Y>A}GW7@AjfH=v-ZN+I<06*NsVah!qeq%i8h<Cu|j5i*$V?_OAW
zigW#QQo%qY8YDyPNW*g!qsHzG0v09wus2+N=t^gJMyk~LHy;zkq0Gf7l$8Y`ik%ad
zDuccDzkjmEE??h%^`4Uh$wPlHH`+_L_yRtTU$k?=FisJ==P9*KO$7rNa+V>+Sxz;<
zaW?CBpVSd$);cI1Gg?PH5X;xkQfkEmbkpq^s4%84Cde^Nqaia-ip8NX7WT}JqB9uS
z-#?s8<8rw}_{IB+v$Chg^kFwv`9O{AVWahspKXfzZiHsJDr$|LM`jXix-yLAs%<jq
z6q-(Z#E3~lp)Jita385!3FRmkd<KtURlYLcPU(dAGsZh0{yG~qwkCCcY2K4(nlpum
zA}VV_@R~VOz3CSUQNwi=F5MJ-SR#x}L7}Gi<YgQE$ZGb}xa6)<eb>_7b|U`$(-bbp
zl@e&!gsML`H02r|gox!usedHuhRS`)_TdNaYg;^2I{ONbboGmh996pMt)~_eKUB3K
z2*A$<5b0_=Qo(kL9VVmP4A_i#+yTl$G4*W}=Z=kUU?7Z?JbMBGQ*LafWly|9B4Wq0
zr`!n+j-&!hYc?%~6hdi8J`N+D4kl>H;-<Jj1dNeUh!SB&pN!qfTd!7a<e<@LP<6>j
zcI(^TK{62(MkL#xzP!4zkXq1iS-S>&yc6p*-u$f~l#&>07~4vAC=Nq}cu3yxoKCx9
z8@=hf>8`Q-=iECsPTKYkr=2`#t?=5avQ};Et*oxW2%nBwtH)nVTjgYlB@1*_JXqlZ
zDMerb>ke%ise7ue>7Xd%aRlUy-)3dU=kXI?jeiS4rAhC*lNZwaa%jt*PjIZqbXnR5
zGpL(vW(_2QkvTErdUj9BS;MP=k$b+d1=@U*oD@5SfPpb5--lBod$R<oVq?=gqH^+-
ztV<67DDJZa)_Lz1<#HZ;2<{m3n8r#^8ruOM8e+a>2NUesH%h?#aB1|=&36P7T=?s*
zq|POsfJM#C!&GizYW{r*>s~1SpUsaN6siN*(=6ukchPt%vne{uaMbY62|nM_S{-rn
zBtG)3Vud25i*NH>D^VUI)pUua1SM#d=H<kXJ(S!cjM3t`Khs%;%EH`eqM`<uHcIL&
z>PnmXi@kjW@qN)2xlN;Hno!iLN5XgqVuvPQbK)2Fo?Aq9mT9}7*&6YQ@yWF;=F^7b
z+^47PN&CSJ;S#D!ijZQIPDCr7BjY8#$H0dC0=-p~Eq{bW%ni<Qq3&rgFp9a<WaTsm
z0V5sD-G@gN!)4rnPpn;9og=fX4FTFjum(Oy)nDuw&e_<l2TQ!K%v=&tm2W)eY&RHD
z<3viHug4k)`vMr^yOBLDpkjf4M2kfgA!+md_-ZRgVjJgxgxAQgpL#Us)K#hx1#&j*
zuZ*L`s|4z(V^Q~zhzeU>-~qH(%;YSXFkv8>O0B|8MvPyHeyrq}bHq+k^4yrI@pG%4
zB!`l{=c{jwy}xrvS>-h5f+ZdyR+{Rg$4cHfv6i&^UGX>ERrA4W{!v)eN^3EhHQ2&4
zs!T2YwZ8da$5yxoCFIZX!2bR>GYlbs6H@nES4jv>7WAp*?%WMU25ljdeSdElZDq72
zYGh!bF>KS7i<Pyz4HgB3_Usyg^mu_^i3>Dwj%>ecmwU2|u8hw@qvLFi^1oUSo$e(r
zftd|i{$`J+**BYcj^At^aFA87Ppb|tLYB8keCRfpyXr+K<!GOE1~e5(Wms)8^^wIg
z`Rs5c5kyW)>XZ$~^lb{eyqG7BL+|j=(zD>2mUX-7QQG?!5Y6HU=Fq%?qlAR&*aKAl
zMX=)lp+o5`HN$U|6<)!JIllTArVl<&771ruXnX!Z_zovKQUS-QRp{W|j-(~H+_yXQ
zMF{=v1Ig44L*~ol8>R3M&sFFuuyL>`%behgrz2(bi5e>^rt2Hs??2j=xoWOS)E?q>
z_8WWR1(i5;wh#Bx8Ti871QvHAY`)L9jbMzPxGlFRzmg4$nj~hMw7wR2eKn|z%{sH6
zs!9$J6@yulpqgRD95$oe&N$Z;yaAJ2@u?Xg`&2Mps6(<1?QD%aiaN%Am{XJ@VP~le
z2vp6(_bDmUweW(<QwW(b%4E*wP}mH$zT476R>$5Eh_mvTX84q~w)ccr<ZUwQ$dK|S
zzH+y0r6)F0ri;xt`zc>DKaH*?jLV63-CJ}&z*Yg2(iOL9{1P=WA)RBBnxWC=8WnwH
zU)VORap-vhex4?3(?Q%M{nk#PHr22`zqrOzaW9w1oZ?&2r7K2fW0FeohKirMzFrx9
zX~uvKa<Ikq1|VP-4>J43QEPk*Qo;K5g+5twoO6d)qKO-EwlTB+h+V{JYl=XWGydX|
zbSYfz-XJ;x<tHmu)xpMPd!L>yu8&MUto`pltTAZ`Cs~Xu?@QL_8vECc?1{d;DZA6v
zzf7fvx~qoMz?hCzin8Ak(--l^-UQ!hhNdaziuPT5up`J9J0_S-Y>QeqT-%@sg^wMS
z)vhv0HX<@OcX}Pt(~_uh+R}2-1`MAiw*&yw{hxoXDhg|CtDD#cwnzBOQ_e`*+Ln|a
zi|F{&$N1ynP(DW3*X^1AD+W8f_*JP<fD^4wOHX@c<AasKo&y+}x3y$tNie?_0P-Yx
zT*me$o;^51zYO|%b&$S5*B^D<-xM<Sy<YuG5LP=-6XBj(3b6pr<u)h&*LeMptIb$c
z7~^sc<nzTl=y9fDfP`I%0eyqbTiNziF{Y>}%8hT<*137&ROK!yiIMrA0K?e_4v+Sh
zCY$_DQOAfkuccM6+3ZtZ3F5kkYM151z}1Cd^Vf!w^nkn)mlgUwfy?VFS6$VW?|RMz
zGQ@9B2JHX$J?$P}B#CFC<D(y5jc{d#Vcd|6(oXa5Mq6K`9<JyKw;E=deBh~w3jYT^
zUdp6A&n>_?`p~)F7JR~BO76_sE&b@ll4$z#%1dJ>=$P*ugZ-*a)vQawLJX_mP3{K2
zvV#-Lg81|g6BgDu2XF?h{nm7o`)X6ZW10MnxwNj|#w2C`0073u^y}OI_vXVRF;s8~
z42z}bs?R{2WUm?+&z?Pt8ySuS{e{g}S0nLf&5S?kg?#+^AGVP`LiZ86|0_%KBbPpM
z=_8juR>ME@TH~XJeAJMS8uC#?K5EDxdoBF`RX=Z<Af@^vem`FR8y%b)f#b*gzpFiZ
H?%KZqFhbPB

literal 0
HcmV?d00001

diff --git a/.playwright/snapshots/components/SubNav.test.ts-snapshots/SubNav-Dev-WithSx-dark-linux.png b/.playwright/snapshots/components/SubNav.test.ts-snapshots/SubNav-Dev-WithSx-dark-linux.png
new file mode 100644
index 0000000000000000000000000000000000000000..370ff8df54deeae0e85410eb99067f8f9709ad31
GIT binary patch
literal 8126
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

literal 0
HcmV?d00001

diff --git a/.playwright/snapshots/components/SubNav.test.ts-snapshots/SubNav-Dev-WithSx-dark-tritanopia-linux.png b/.playwright/snapshots/components/SubNav.test.ts-snapshots/SubNav-Dev-WithSx-dark-tritanopia-linux.png
new file mode 100644
index 0000000000000000000000000000000000000000..370ff8df54deeae0e85410eb99067f8f9709ad31
GIT binary patch
literal 8126
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

literal 0
HcmV?d00001

diff --git a/.playwright/snapshots/components/SubNav.test.ts-snapshots/SubNav-Dev-WithSx-light-colorblind-linux.png b/.playwright/snapshots/components/SubNav.test.ts-snapshots/SubNav-Dev-WithSx-light-colorblind-linux.png
new file mode 100644
index 0000000000000000000000000000000000000000..cf9f751fd8853d6c7ad04f243d97d3d09fda3fc0
GIT binary patch
literal 8125
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
NIpuYddLsDee*odaMa2LB

literal 0
HcmV?d00001

diff --git a/.playwright/snapshots/components/SubNav.test.ts-snapshots/SubNav-Dev-WithSx-light-high-contrast-linux.png b/.playwright/snapshots/components/SubNav.test.ts-snapshots/SubNav-Dev-WithSx-light-high-contrast-linux.png
new file mode 100644
index 0000000000000000000000000000000000000000..06e19d5a8ccbaa257346191e293df96af2996f51
GIT binary patch
literal 8218
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

literal 0
HcmV?d00001

diff --git a/.playwright/snapshots/components/SubNav.test.ts-snapshots/SubNav-Dev-WithSx-light-linux.png b/.playwright/snapshots/components/SubNav.test.ts-snapshots/SubNav-Dev-WithSx-light-linux.png
new file mode 100644
index 0000000000000000000000000000000000000000..58945d4f5af6b2e0587b6332a84cc10263ba640b
GIT binary patch
literal 8123
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

literal 0
HcmV?d00001

diff --git a/.playwright/snapshots/components/SubNav.test.ts-snapshots/SubNav-Dev-WithSx-light-tritanopia-linux.png b/.playwright/snapshots/components/SubNav.test.ts-snapshots/SubNav-Dev-WithSx-light-tritanopia-linux.png
new file mode 100644
index 0000000000000000000000000000000000000000..58945d4f5af6b2e0587b6332a84cc10263ba640b
GIT binary patch
literal 8123
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

literal 0
HcmV?d00001

diff --git a/.playwright/snapshots/components/SubNav.test.ts-snapshots/SubNav-Dev-WithSxAndCSS-dark-colorblind-linux.png b/.playwright/snapshots/components/SubNav.test.ts-snapshots/SubNav-Dev-WithSxAndCSS-dark-colorblind-linux.png
new file mode 100644
index 0000000000000000000000000000000000000000..860ac151f38c696e3c86fc0d3a51b05bd8258b3a
GIT binary patch
literal 8148
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
Q(xSkTL%|2hKc2n%f6VS+VE_OC

literal 0
HcmV?d00001

diff --git a/.playwright/snapshots/components/SubNav.test.ts-snapshots/SubNav-Dev-WithSxAndCSS-dark-dimmed-linux.png b/.playwright/snapshots/components/SubNav.test.ts-snapshots/SubNav-Dev-WithSxAndCSS-dark-dimmed-linux.png
new file mode 100644
index 0000000000000000000000000000000000000000..3011c2dcb6c280e249fa5d3b5194e8835c1f1e10
GIT binary patch
literal 8425
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

literal 0
HcmV?d00001

diff --git a/.playwright/snapshots/components/SubNav.test.ts-snapshots/SubNav-Dev-WithSxAndCSS-dark-high-contrast-linux.png b/.playwright/snapshots/components/SubNav.test.ts-snapshots/SubNav-Dev-WithSxAndCSS-dark-high-contrast-linux.png
new file mode 100644
index 0000000000000000000000000000000000000000..0e560eaf0ea4fe587bcc262f4719d9e8dd660eb5
GIT binary patch
literal 8127
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
H?%KZqFhbPB

literal 0
HcmV?d00001

diff --git a/.playwright/snapshots/components/SubNav.test.ts-snapshots/SubNav-Dev-WithSxAndCSS-dark-linux.png b/.playwright/snapshots/components/SubNav.test.ts-snapshots/SubNav-Dev-WithSxAndCSS-dark-linux.png
new file mode 100644
index 0000000000000000000000000000000000000000..370ff8df54deeae0e85410eb99067f8f9709ad31
GIT binary patch
literal 8126
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

literal 0
HcmV?d00001

diff --git a/.playwright/snapshots/components/SubNav.test.ts-snapshots/SubNav-Dev-WithSxAndCSS-dark-tritanopia-linux.png b/.playwright/snapshots/components/SubNav.test.ts-snapshots/SubNav-Dev-WithSxAndCSS-dark-tritanopia-linux.png
new file mode 100644
index 0000000000000000000000000000000000000000..370ff8df54deeae0e85410eb99067f8f9709ad31
GIT binary patch
literal 8126
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

literal 0
HcmV?d00001

diff --git a/.playwright/snapshots/components/SubNav.test.ts-snapshots/SubNav-Dev-WithSxAndCSS-light-colorblind-linux.png b/.playwright/snapshots/components/SubNav.test.ts-snapshots/SubNav-Dev-WithSxAndCSS-light-colorblind-linux.png
new file mode 100644
index 0000000000000000000000000000000000000000..cf9f751fd8853d6c7ad04f243d97d3d09fda3fc0
GIT binary patch
literal 8125
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
NIpuYddLsDee*odaMa2LB

literal 0
HcmV?d00001

diff --git a/.playwright/snapshots/components/SubNav.test.ts-snapshots/SubNav-Dev-WithSxAndCSS-light-high-contrast-linux.png b/.playwright/snapshots/components/SubNav.test.ts-snapshots/SubNav-Dev-WithSxAndCSS-light-high-contrast-linux.png
new file mode 100644
index 0000000000000000000000000000000000000000..06e19d5a8ccbaa257346191e293df96af2996f51
GIT binary patch
literal 8218
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

literal 0
HcmV?d00001

diff --git a/.playwright/snapshots/components/SubNav.test.ts-snapshots/SubNav-Dev-WithSxAndCSS-light-linux.png b/.playwright/snapshots/components/SubNav.test.ts-snapshots/SubNav-Dev-WithSxAndCSS-light-linux.png
new file mode 100644
index 0000000000000000000000000000000000000000..58945d4f5af6b2e0587b6332a84cc10263ba640b
GIT binary patch
literal 8123
zcmeHMX;hQfy8e_}daRiCa*rqo)I(bu5fKp(5NK7TLJ<iv57A;k3=pOeAXC)}PQbAQ
zkSTF!L_lW3oCJ!1Kp`MQfRF@b2oMs65CREF?&tY^|D2xt=dQ(%Z|$}AxAxxeeuw9M
zpLgHCe92jBukKy|0JJXtcpe4-8tdQ(e6|~$*>k?x794iP!JN+m<^6{j0KgD^@%#^0
z5(`9J%r8OcLfI<6@VDab-;KZi`k7AnKb$@}a{H_2mAw!4Hr(Fh)N$5hfa^4h#>eBY
zJAHrc8p8D0-k)!I>Fhb*dRF`QAI*oq`0;FV?oX6PmZ8Rx181LS{zQgUu;CanT`;+9
zV?k_L&W&T0T`3&_W!Y9&gf?h`!la~t!!KWaFaUtF_pku)*%9$B;HzK%%H(j_@@`pw
z9{t+4y8uAdTF&Y7tq|D7LIB{%sN${isT2<Zf4pvHF5wP2|MgR}-ZwGgx*nh=E2kKZ
z^oPl*v9xvszgr1E^D?}lXo^~1UROsgzIFvEdE#N(ZvQz@S*%yR*KxrFLgN$Ik0HvL
z^^NfmY&K-%X6m3rYG9)<!6F5_SJg_d31towph^u5dpcgCV;a!(96vF$Dn--U?Y{&n
z7j*L)92d4Vk%a9#8TRtRBYt|7{*i8Op6&Nci!KFLCT?X)4n)~Uu0^|l0z@>WOcf}4
ziL}Jo3Y4A4czepJn7{xk%n#hNL30;i6?E<k8NVgw{jLn|iT`c~kQUb>IMshI1qA`F
z4q1K@qi)`#!Kq^zJh=7?E&S%e!Evs|q$dF6mmj&OaH2~OQJ&s)3k-^MgR5Jk-FJcK
z1q%LG6Ox%dS`hRp%KA!7&YybX9{}LsbJVLKxTTS^7{@mI)Yg_*&nflhH!9sLZjRl2
z=!ZI8B7E<hiYQ_7s?%>l4Y3KEc`mspsyDm>Eb%i_=8A}s(~~dCN+CpKn=-B$wK-Nx
zI}@gQpel1%9m{YyDSfJ+SAWol*eUE1pQK$g>TlqQ$wSI5WcH-oSMYp8RrfMa19L+)
z%zwmBKC3*DUVB_|2)K&Za-R$<ErU9Xc@slE_~>Ak7p5MLcUKS%9JeAX4%<w|m1QEu
zpbV1_x4pKP=`7;KMQ`mzN2&F+)pj7U(Z*FCOzig*aW%j#Y|-&tk$XITxqrjXU|G&B
zs(-D=AO@E85<Ufd;rTa$ujuMo+bL%TQ<;o98con`BVjd1Z&|XlU>Ee`TMy_I*021A
z@?I2nF}B_^I$Y<r+a1~N<WsZjnXZu{3pgWj72!jIEgHKQthtBPE=eEcb$0&UTJ>SU
z9bZQr?`-}r;<=#NciL8ZEy^s4nVqudZc%X6RArEV=P7pl`W45dk>@7Fn%JZ;wYT;K
z+}cVED%nXmWno4~bd0l)=h7Qc^06j}!Ra}?1;+)-p=@mye1reIfBYrw*~!EfTvy+P
z$*t}~Ce5FITevZA^3u8mH8*cTtbB!eDu<vBVp<d2jB$~w0xI5_{#?3U?^aR<<>E(b
z%7fP(G4(7sPrbIF1-A|T5S4FDf^8@#Gcl|M#=@iUqCm#fvm|?L<alDY-M7}mJ})V&
zzEFgCjWL&Lpc466OynV14YBXtn9K8vrQ#Z|X`KvmgY;LqXN7O{pj)piG?gM-_rTUN
zkj%O^y*v5aGruuB&EV0Jc73G=f@P|!R+edFa&14{4USoSlC~<4l{(w{#A_X<v)@+G
zk+D#!zo~K1#!pnz9uvjO+7bGIf$F_|X*%PExEap%_Jr~qLl8lcHo|+W#s&l4F5`k4
zcb?*ktloWc2~KR-e0-OV?Z45oM9+8A^=i)UBaVboS_H*n6Q1?#og8}!S;<j}^1eZe
z1tQ~&vCkB{fJErnc~&F;!)>#4N7a}YX3|nU`T5bbG>d-4S&k5LoVss)JsZ|}IL4P&
zfdXA5{fQNNLZCt{c@UeYO8Kw!En|Be3xll_ekv{=UqtGp+uoS75Wr6@FG(i$+eAy;
zDK>$6Yi%0N%XGwaPx&pOp|6*V&D`@w9bQ8OGcvE=_GeretChpFT~=Ud5OSl6;YwK$
znyGPb8o*cq6}uwh_>?1PTIeiT&-BA&Vxqeu6>b-rBxrTS6W@pX96KE|H@{j&gR7+v
z4EgL}m#uls0kXOVk-9vQyt<k>XDY-F`H;m6rP;6x!(J}Xk5(>J(CEpWm-%66GU$wt
z(<~`Au{bC~_&2GJzIAwP02j+NS2ttIaWYk87$as94T*1&Fz2#h>0InEFTg4rcFE@Y
zpZ7H%1;>@l7HTNeoJ_Vu<sw%>E5xll;h!0_l&BrHhTk!Ck~_4R3RftiXTAy6V-||$
ztz33ie_wp1=Prs8-^MX^3lHD~Jbd{jc)R+jfWZl0$t;uN8&F&jyLH=+Jb#pWYShOC
zO4%CxV3BbUv&1tZDsKoBW`)d+KGdrU60E=F=KFlv!N#rwX~bHJbw2?Bg7>Ca9J`s9
zpMc*KJJOlq>_TTT6U9DP6H1(aK_#X0c{S2{74nb2b(yKVrHHFfN$;3H&$h6XSU1n<
zCq@uM^T@?%V?u-CahE^5QSj;xBw{i~0V}hLsFAKwR1w`-j^9yh#WXDEnI=0;k5ix6
z9UXxfkGn7}%D~vyRm#$ho63omA%bEf2L3}RmE;pOzS$H<wp|W$<*z>&jjMqByKKEP
z*M=ndNv<{5;#7IxNOELlh(b$CPz~?WZ%O!8;qP8e81jY)UD`n?Zrt#F&04g~%TdL>
zi*XplucVvi@Tze*q^Kz4FdT|lEl~}X`)*Dvyp>#W8Mujy&4T3%HG$%R8lxgOMBH|^
zvz^}JQDQSznCoMj2LgJ7Pufu`?n7l&k)dsZIx_!gR_tJ3uegBA<ppuEy`83AY`!Xy
z-DYRC%#0iYv&d`m;&1R{@G+kH7W<KEJKq>YK%~h>!#s@g->7g-SJzZDe3?Li&i*3G
zODB%JLh-6UtVqaF;jfm=U#t!k`txXT&iovWUZa0F5d=7vin|Hx(S9iJZ%Q7-EC)8S
z52W3J;I}KQoEa@rExUT0x_kp^IPc4|S$UqXX5_wbPwtzC_3Y1de%(mf1*G&;8dx4a
z=qu%5ebmD(L;JHjJ7F%<2^<p4R@_WnQS~bfk5NxW&}J9I671!PP{h-kQYPL@^mbJ2
zY-mPZcc`f(!8j8zYXS~R6%DY(v1(DN&LQ&<d2|OJMWm5n0iH=$quim0j6*C!!^Z58
zo-33|;d{CyMF)ekf?};Zv(|~byC3Qf1zIFpy$y{-Q%U;PdLAx^&U{6$Mo!)DpwpEI
z53IT&)6kFp_Vt#1DQelatcr9J9Unx6Wn=blFUWlov~Xf#&Y6~{MMV`8;{m4BS`4Jt
zYM3!_M#d5yr!F;i#Oa+bdqz4b%#|i~Xw5jL=g0RP2_eMtO9Bjq@~vgNDDp^BTUswc
zdVfLNnK4zjZz6J{hEpy2T@LG6a$+&3Cn6=CZR#KYJm@29F2a%n-^rfmGg;nldZ7vc
zAX^s1I1Y>`=gpS`mD5urv1DR{KYrr^6$aiTRJ~+`XIYN6eqZcO!H1%+u5@c~xm40D
zn^(Ew$gE3#T<%O6YYmXx{**O477A0YrQd?N%r+`YM-~^2-rUjiF&%MiPPs|*cR{Q?
z%Cj6{J2Y3fWetyHk6=svOWdTO$JbV&OC5nqd1UL;FIicUh_pib#89t1y)lvZsxuEo
zIgOB*qn!)X>)H>K*$Au;YU+D*blnK1<*iB7WsbXURr}1BR8l{0(OjpGF20rCi-NB{
zW~U#*t>4{PS;Wfay^DCeSBl2eWKF|lv5FQ!=)Gr|tqF_)RvmHTW`a5zN=*{vXsO0p
zILE1^a=(n0u~^n(uJSsR8WkVV#g(Ba@o-uNlLQk@{Ahe@`>}*jw=TBfhU6jl^QsU<
z#YQerjQzO%=D^i;W`xT*C_>S9fdms{OTt#p<!Tn%3x-V&kYE=qNB1QpKxg~MgM`v|
zL!F~+cJ^Hp1t#xZr7Sy5`@-nPx>ta1@V2#sFIDC+!UapAS?@H9dL-yyc9?NP%D2O6
zV`rYGT2h(Z&p*?At9?6saHt~i^g^w(86Dj*l>w@=t;eu{D8g=%i<&g~zfMZ7_&^bz
z4T1`ClB}Q{*7KnJR+o-+^vXx23!Aqz^kgC}U<FnQB|NE+Fcdz#?b64ZOV*+#^^mmn
z+%$i+4%TC#LqO~6z|jIOH^Y9gT4vzcFF((}eOKFYg-k9YlhJPitXGCvLUE}9rn}`P
z?aYaK!Lu!U%dA*lRi?k*Q7|W;nL+fi?FUxH6)b+FB&A{-H$GL&p^_l_r{n?%x*)mZ
zwu}{_XhU&O*w;dRMV%ITIz~N724O9F*udyxX_TDi;p55M=<(ohN*{!nkrhpa{>Pib
z$6IFcm;#%Sh~CdP@ByA~&{?t#7v7Sv5H+Oh0<CwL*ec_A2PbeIEQAOR{00>K`q!ry
zS_eVXxkBNLYvEW~>(oE)TpDAFCWSe{I7xMON?x9ejZ98`p^N0H^9Ie<WA(a_m<YyH
zC&E}MvjA(5*}0HKFo>|z%XY$>J<sgwTjmXdn@ZFTu5+T3wD%^~$4sbTO(S7jDF1NJ
zITkohRNm3I$B$TxC*F--sS)Qh=LiI0u#q+YJ0GpxV8XKMFp^P8<A(D25546F(XE6`
zNBLt_mMDWMI45GZAcAxZ4koT|YUikD<mRX|@nG(%*q$}bpsci6vKGe&<eEJ)afDhG
zB#O(C(xZyzknWuASN3E&Z?>LiH~U6oqMS|~@$)gei7eStUGxOKwviM&)^EyBl+8@I
z*a#OpT)m}~xb-)fCA$*RTDMVW-(>khU02g_M)>$Rs_=608SJNOTU){WePhEjbD(wA
zYwb?c{z$c;-Lw8Mvkn!d%lB8Pa$kU2Z6YkZ@j$CLQ>rvZ*6uHx;zaxV;P|eY7*k6@
zVEuI`c58Dmx2|JTo*#-<&0tDL194YE`rN{Pa*R%$GvimTgO(6CyAAajQXHO1o%)gd
zfna7_?}%ZZJWrIrj4e@AbG#?Px=)yJlQBo?gV&AU)8V$KiYHITT<7W#nyz0D=_4Mt
z4wo&kh(7FG)L~g)fcN&=`*e_dFjhpFqeuyRlI3b=#e;tfd{F@lV#QIG3oV;T)gT@8
z<`3cCwbuvBvb9cdPH+VOG_gBAmH?7V$fO-|BaevH>;ISzlawk;{rHUn5Q25fg+r)X
zdjQy1;aDa{SKT*g1ljdy&cArHL$@Ze^9Q?A%z=x3*0_j?3x=A&)xy*NV#aU4HNPIb
z-CzjkH(x)`xx7!~HOT3{4=S^s0a`!Ty?uEM0qcAHIACALiPnku1lcLeeG+TcZXmxJ
zB!U?IlUpxE5WSBi(GMh`4TDDP_xFKT*WoYTDD!2y_5?}}yrHk^oH=AgU|*A%6d8#C
zd2uvk_eX*{2YVtQTup_@)(PSq?a=<lBt@3{BcY$w*QI-s6>^{Q#lVJmClrdm5pYRg
z90UB~Hu29OfoeMw)3`P}%~VP39qWHjxCZ|tyiIXQY`8rNw}P6{;4VRtk*=QYZ>l0g
zF3|SLjsdMNqrPLlSv0k<#`gZ%mlAy!09u>k{J@L<yUm94TzK6WNYf$GufaXw9gjaY
zEIf+6OWW-=0N}(Yhe4(P-}Ey6!&b=7^1s~Q*-_n&>UN^|Kkvrw#L-S1?ZnYe9R1rx
t)?a%2*+H8fwAn$M9kls>fi~NY-lw&A^Ycf2!3S{QqSK}G<!7(n{vV#1BtQTF

literal 0
HcmV?d00001

diff --git a/.playwright/snapshots/components/SubNav.test.ts-snapshots/SubNav-Dev-WithSxAndCSS-light-tritanopia-linux.png b/.playwright/snapshots/components/SubNav.test.ts-snapshots/SubNav-Dev-WithSxAndCSS-light-tritanopia-linux.png
new file mode 100644
index 0000000000000000000000000000000000000000..58945d4f5af6b2e0587b6332a84cc10263ba640b
GIT binary patch
literal 8123
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

literal 0
HcmV?d00001

diff --git a/e2e/components/SubNav.test.ts b/e2e/components/SubNav.test.ts
index 474438085f4..2f4cb036db3 100644
--- a/e2e/components/SubNav.test.ts
+++ b/e2e/components/SubNav.test.ts
@@ -21,6 +21,24 @@ test.describe('SubNav', () => {
     }
   })
 
+  test.describe('Dev: With Sx', () => {
+    for (const theme of themes) {
+      test.describe(theme, () => {
+        test('default @vrt', async ({page}) => {
+          await visit(page, {
+            id: 'components-subnav-dev--with-sx',
+            globals: {
+              colorScheme: theme,
+            },
+          })
+
+          // Default state
+          expect(await page.screenshot()).toMatchSnapshot(`SubNav.Dev.WithSx.${theme}.png`)
+        })
+      })
+    }
+  })
+
   test.describe('Dev: With CSS', () => {
     for (const theme of themes) {
       test.describe(theme, () => {
@@ -38,4 +56,22 @@ test.describe('SubNav', () => {
       })
     }
   })
+
+  test.describe('Dev: With Sx and CSS', () => {
+    for (const theme of themes) {
+      test.describe(theme, () => {
+        test('default @vrt', async ({page}) => {
+          await visit(page, {
+            id: 'components-subnav-dev--with-sx-and-css',
+            globals: {
+              colorScheme: theme,
+            },
+          })
+
+          // Default state
+          expect(await page.screenshot()).toMatchSnapshot(`SubNav.Dev.WithSxAndCSS.${theme}.png`)
+        })
+      })
+    }
+  })
 })
diff --git a/packages/react/src/SubNav/SubNav.dev.stories.tsx b/packages/react/src/SubNav/SubNav.dev.stories.tsx
index 7a9f8e538d7..f50bf680e53 100644
--- a/packages/react/src/SubNav/SubNav.dev.stories.tsx
+++ b/packages/react/src/SubNav/SubNav.dev.stories.tsx
@@ -28,3 +28,48 @@ export const WithCss = () => (
     </SubNav.Links>
   </SubNav>
 )
+
+export const WithSx = () => (
+  <SubNav aria-label="Main" sx={{p: 1, display: 'flex', border: '2px solid', borderColor: 'border.default'}}>
+    <SubNav.Links sx={{m: 2}}>
+      <SubNav.Link
+        href="#home"
+        selected
+        sx={{color: 'accent.fg', fontWeight: 'bold', '&:is([data-selected])': {backgroundColor: 'danger.fg'}}}
+      >
+        Home
+      </SubNav.Link>
+      <SubNav.Link href="#documentation" sx={{color: 'accent.fg', fontWeight: 'bold'}}>
+        Documentation
+      </SubNav.Link>
+      <SubNav.Link href="#support" sx={{color: 'accent.fg', fontWeight: 'bold'}}>
+        Support
+      </SubNav.Link>
+    </SubNav.Links>
+  </SubNav>
+)
+
+export const WithSxAndCSS = () => (
+  <SubNav
+    aria-label="Main"
+    sx={{p: 1, display: 'flex', border: '2px solid', borderColor: 'border.default'}}
+    className={styles.SubNavDev}
+  >
+    <SubNav.Links sx={{m: 2}} className={styles.SubNavLinksDev}>
+      <SubNav.Link
+        href="#home"
+        selected
+        className={styles.SubNavLinkDev}
+        sx={{'&:is([data-selected])': {backgroundColor: 'danger.fg'}}}
+      >
+        Home
+      </SubNav.Link>
+      <SubNav.Link href="#documentation" className={styles.SubNavLinkDev}>
+        Documentation
+      </SubNav.Link>
+      <SubNav.Link href="#support" sx={{color: 'accent.fg', fontWeight: 'bold'}} className={styles.SubNavLinkDev}>
+        Support
+      </SubNav.Link>
+    </SubNav.Links>
+  </SubNav>
+)
diff --git a/packages/react/src/SubNav/SubNav.tsx b/packages/react/src/SubNav/SubNav.tsx
index 630112e29e5..1f9bbd688e4 100644
--- a/packages/react/src/SubNav/SubNav.tsx
+++ b/packages/react/src/SubNav/SubNav.tsx
@@ -4,20 +4,38 @@ import React from 'react'
 import type {ComponentProps} from '../utils/types'
 
 import styles from './SubNav.module.css'
+import {defaultSxProp} from '../utils/defaultSxProp'
+import type {SxProp} from '../sx'
+import Box from '../Box'
 
 type StyledSubNavProps = React.ComponentProps<'nav'> & {
   actions?: React.ReactNode
   align?: 'right'
   full?: boolean
   label?: string
-}
-type StyledSubNavLinksProps = React.ComponentProps<'div'>
-type StyledSubNavLinkProps = React.ComponentProps<'a'> & {to?: To; selected?: boolean}
+} & SxProp
+type StyledSubNavLinksProps = React.ComponentProps<'div'> & SxProp
+type StyledSubNavLinkProps = React.ComponentProps<'a'> & {to?: To; selected?: boolean} & SxProp
 
 const SubNav = React.forwardRef<HTMLElement, StyledSubNavProps>(function SubNav(
-  {actions, className, children, label, ...rest},
+  {actions, className, children, label, sx: sxProp = defaultSxProp, ...rest},
   forwardRef,
 ) {
+  if (sxProp !== defaultSxProp) {
+    return (
+      <Box
+        as="nav"
+        ref={forwardRef}
+        sx={sxProp}
+        className={clsx(className, 'SubNav', styles.SubNav)}
+        aria-label={label}
+        {...rest}
+      >
+        <div className={clsx('SubNav-body', styles.Body)}>{children}</div>
+        {actions && <div className={clsx('SubNav-actions', styles.Actions)}>{actions}</div>}
+      </Box>
+    )
+  }
   return (
     <nav ref={forwardRef} className={clsx(className, 'SubNav', styles.SubNav)} aria-label={label} {...rest}>
       <div className={clsx('SubNav-body', styles.Body)}>{children}</div>
@@ -30,7 +48,14 @@ SubNav.displayName = 'SubNav'
 // SubNav.Links
 
 const SubNavLinks = React.forwardRef<HTMLDivElement, StyledSubNavLinksProps>(
-  ({children, className, ...rest}, forwardRef) => {
+  ({children, className, sx: sxProp = defaultSxProp, ...rest}, forwardRef) => {
+    if (sxProp !== defaultSxProp) {
+      return (
+        <Box as="div" ref={forwardRef} sx={sxProp} className={clsx(className, styles.Links)} {...rest}>
+          {children}
+        </Box>
+      )
+    }
     return (
       <div ref={forwardRef} className={clsx(className, styles.Links)} {...rest}>
         {children}
@@ -43,7 +68,23 @@ SubNavLinks.displayName = 'SubNav.Links'
 // SubNav.Link
 
 const SubNavLink = React.forwardRef<HTMLAnchorElement, StyledSubNavLinkProps>(
-  ({children, className, ...rest}, forwardRef) => {
+  ({children, className, sx: sxProp = defaultSxProp, ...rest}, forwardRef) => {
+    if (sxProp !== defaultSxProp) {
+      return (
+        <Box
+          as="a"
+          ref={forwardRef}
+          sx={sxProp}
+          className={clsx(className, styles.Link)}
+          data-selected={rest.selected}
+          aria-current={rest.selected}
+          {...rest}
+        >
+          {children}
+        </Box>
+      )
+    }
+
     return (
       <a
         ref={forwardRef}
diff --git a/packages/react/src/__tests__/SubNav.test.tsx b/packages/react/src/__tests__/SubNav.test.tsx
index 34125daf65d..8a2a7c657fc 100644
--- a/packages/react/src/__tests__/SubNav.test.tsx
+++ b/packages/react/src/__tests__/SubNav.test.tsx
@@ -5,7 +5,7 @@ import {render as HTMLRender} from '@testing-library/react'
 import axe from 'axe-core'
 
 describe('SubNav', () => {
-  behavesAsComponent({Component: SubNav, options: {skipSx: true, skipAs: true}})
+  behavesAsComponent({Component: SubNav, options: {skipAs: true}})
 
   checkExports('SubNav', {
     default: SubNav,
diff --git a/packages/react/src/__tests__/SubNavLink.test.tsx b/packages/react/src/__tests__/SubNavLink.test.tsx
index 631f28b9732..6f96dd263fd 100644
--- a/packages/react/src/__tests__/SubNavLink.test.tsx
+++ b/packages/react/src/__tests__/SubNavLink.test.tsx
@@ -5,7 +5,7 @@ import {render as HTMLRender} from '@testing-library/react'
 import axe from 'axe-core'
 
 describe('SubNav.Link', () => {
-  behavesAsComponent({Component: SubNav.Link, options: {skipSx: true, skipAs: true}})
+  behavesAsComponent({Component: SubNav.Link, options: {skipAs: true}})
 
   it('renders an <a> by default', () => {
     expect(render(<SubNav.Link />).type).toEqual('a')