From 964bfcd87785736dd59428baebe43c5a7eff2fdc Mon Sep 17 00:00:00 2001 From: Hussam Ghazzi Date: Tue, 26 Nov 2024 18:15:50 -0500 Subject: [PATCH] chore(SegmentedControl): Add dev stories and update e2e tests (#5334) * chore(SegmentedControl): Add dev stories and update e2e tests * add dev file and update test id * test(vrt): update snapshots --------- Co-authored-by: hussam-i-am --- ...rol-Dev-With-Css-dark-colorblind-linux.png | Bin 0 -> 8926 bytes ...Control-Dev-With-Css-dark-dimmed-linux.png | Bin 0 -> 8865 bytes ...-Dev-With-Css-dark-high-contrast-linux.png | Bin 0 -> 8937 bytes ...gmentedControl-Dev-With-Css-dark-linux.png | Bin 0 -> 8926 bytes ...rol-Dev-With-Css-dark-tritanopia-linux.png | Bin 0 -> 8926 bytes ...ol-Dev-With-Css-light-colorblind-linux.png | Bin 0 -> 8944 bytes ...Dev-With-Css-light-high-contrast-linux.png | Bin 0 -> 8939 bytes ...mentedControl-Dev-With-Css-light-linux.png | Bin 0 -> 8944 bytes ...ol-Dev-With-Css-light-tritanopia-linux.png | Bin 0 -> 8944 bytes ...-With-Sx-And-Css-dark-colorblind-linux.png | Bin 0 -> 8235 bytes ...-Dev-With-Sx-And-Css-dark-dimmed-linux.png | Bin 0 -> 8097 bytes ...th-Sx-And-Css-dark-high-contrast-linux.png | Bin 0 -> 8110 bytes ...Control-Dev-With-Sx-And-Css-dark-linux.png | Bin 0 -> 8164 bytes ...-With-Sx-And-Css-dark-tritanopia-linux.png | Bin 0 -> 8235 bytes ...With-Sx-And-Css-light-colorblind-linux.png | Bin 0 -> 8199 bytes ...h-Sx-And-Css-light-high-contrast-linux.png | Bin 0 -> 8309 bytes ...ontrol-Dev-With-Sx-And-Css-light-linux.png | Bin 0 -> 8293 bytes ...With-Sx-And-Css-light-tritanopia-linux.png | Bin 0 -> 8199 bytes ...trol-Dev-With-Sx-dark-colorblind-linux.png | Bin 0 -> 8235 bytes ...dControl-Dev-With-Sx-dark-dimmed-linux.png | Bin 0 -> 8097 bytes ...l-Dev-With-Sx-dark-high-contrast-linux.png | Bin 0 -> 8110 bytes ...egmentedControl-Dev-With-Sx-dark-linux.png | Bin 0 -> 8164 bytes ...trol-Dev-With-Sx-dark-tritanopia-linux.png | Bin 0 -> 8235 bytes ...rol-Dev-With-Sx-light-colorblind-linux.png | Bin 0 -> 8199 bytes ...-Dev-With-Sx-light-high-contrast-linux.png | Bin 0 -> 8309 bytes ...gmentedControl-Dev-With-Sx-light-linux.png | Bin 0 -> 8293 bytes ...rol-Dev-With-Sx-light-tritanopia-linux.png | Bin 0 -> 8199 bytes e2e/components/SegmentedControl.test.ts | 602 ++++-------------- .../SegmentedControl.dev.stories.tsx | 78 +++ .../src/SegmentedControl/SegmentedControl.tsx | 1 + 30 files changed, 190 insertions(+), 491 deletions(-) create mode 100644 .playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Dev-With-Css-dark-colorblind-linux.png create mode 100644 .playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Dev-With-Css-dark-dimmed-linux.png create mode 100644 .playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Dev-With-Css-dark-high-contrast-linux.png create mode 100644 .playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Dev-With-Css-dark-linux.png create mode 100644 .playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Dev-With-Css-dark-tritanopia-linux.png create mode 100644 .playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Dev-With-Css-light-colorblind-linux.png create mode 100644 .playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Dev-With-Css-light-high-contrast-linux.png create mode 100644 .playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Dev-With-Css-light-linux.png create mode 100644 .playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Dev-With-Css-light-tritanopia-linux.png create mode 100644 .playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Dev-With-Sx-And-Css-dark-colorblind-linux.png create mode 100644 .playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Dev-With-Sx-And-Css-dark-dimmed-linux.png create mode 100644 .playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Dev-With-Sx-And-Css-dark-high-contrast-linux.png create mode 100644 .playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Dev-With-Sx-And-Css-dark-linux.png create mode 100644 .playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Dev-With-Sx-And-Css-dark-tritanopia-linux.png create mode 100644 .playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Dev-With-Sx-And-Css-light-colorblind-linux.png create mode 100644 .playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Dev-With-Sx-And-Css-light-high-contrast-linux.png create mode 100644 .playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Dev-With-Sx-And-Css-light-linux.png create mode 100644 .playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Dev-With-Sx-And-Css-light-tritanopia-linux.png create mode 100644 .playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Dev-With-Sx-dark-colorblind-linux.png create mode 100644 .playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Dev-With-Sx-dark-dimmed-linux.png create mode 100644 .playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Dev-With-Sx-dark-high-contrast-linux.png create mode 100644 .playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Dev-With-Sx-dark-linux.png create mode 100644 .playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Dev-With-Sx-dark-tritanopia-linux.png create mode 100644 .playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Dev-With-Sx-light-colorblind-linux.png create mode 100644 .playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Dev-With-Sx-light-high-contrast-linux.png create mode 100644 .playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Dev-With-Sx-light-linux.png create mode 100644 .playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Dev-With-Sx-light-tritanopia-linux.png create mode 100644 packages/react/src/SegmentedControl/SegmentedControl.dev.stories.tsx diff --git a/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Dev-With-Css-dark-colorblind-linux.png b/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Dev-With-Css-dark-colorblind-linux.png new file mode 100644 index 0000000000000000000000000000000000000000..b2443219b196aead69bc749eacafa3cf37643f3b GIT binary patch literal 8926 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 OT+VrXS8?XY8~+7V!DxK| literal 0 HcmV?d00001 diff --git a/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Dev-With-Css-dark-high-contrast-linux.png b/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Dev-With-Css-dark-high-contrast-linux.png new file mode 100644 index 0000000000000000000000000000000000000000..93529901ed3ef3d736742c5b2504856e26bdac7c GIT binary patch literal 8937 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 DNnnwK literal 0 HcmV?d00001 diff --git a/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Dev-With-Css-dark-linux.png b/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Dev-With-Css-dark-linux.png new file mode 100644 index 0000000000000000000000000000000000000000..b2443219b196aead69bc749eacafa3cf37643f3b GIT binary patch literal 8926 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 MaKBLZ!;g3V6ZtWCV*mgE literal 0 HcmV?d00001 diff --git a/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Dev-With-Css-light-high-contrast-linux.png b/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Dev-With-Css-light-high-contrast-linux.png new file mode 100644 index 0000000000000000000000000000000000000000..3fe2a15d1c7fbb137474d524c59512904eead8cd GIT binary patch literal 8939 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ª$AU;|_yHFP~{M0^m z+m~7%NieX8o+^?Jv>;wy0Sh8_D*`XE<^`s1IwlSbn(L`my?RQS7;$aFxO`hc71m;J zfhhvI^Rp@!;zdCUN6XzduWC8`IMIOy$&fB2=D}UbT%5eyB}elROG=I`K`-YKNg$D> zYi`)ixBmy~p&k)FkVX~}@QSd0t4mo(FlW0FO@kPFDqwgcD{}AMeTI*TL?3T&i?Cj* znrjiz659&edrU1|sSRvgC?%*`zirS0p4o&O2?EHm=eORSsHB@Ou8T}n+v5YdWAQXp zCw~e$n=<2F5SHMeY)RPmII+!Y+ z#(&VLQ3<(6uWG8#mM1NH`|ws)Kp#{UWHH>Iq_8&@JPS-5975)`Tm7_N3*WknPiXI=0t73_qyQodlai>dZ@tM%e6Uz zre-=Dxq)o#v>gV11Y(B2 zq3DuwF$lG4k2#N7@9Wuq-7$RfsRihJDn+ul_jtwdwfaEMYyPt7NK#Ou_=&DX^o?L) z>Q_gPZnTV#fFz@GHdMx}j+N^K-kSaM1YxK*Km&Mm$gjiSgA^h$Xi_^gbgHDDrHr#C zh0TH>;cyZ1O;w}^UOv;MWx$H56ok-wt-R?tWq(cyJ96$0Mkp6K5(B5u86HPS*rw1f zhSpPVE2_cWYGykJ<}eMOwi>pCV29sz5x&m1E=-eJYuEJidzJ?+0FHu#bHvV^*uZiM$pbH<|6yz_vxQ&Ns_Ej z)di?U>3BhtTSG3KU|_En&qJG&s*3t^PU~10$+lqElnXlgg%_jjc6)RZ6B2NZaeW~3 zv|JDEF=yDxmygzWD4L2f$=qg!fEk1t{_y1q!f{LE@}&8_JOovIjU7*$6ft0w<%+@! zWFCV=$5wiPyN8=^8}O|>13KqMj#DM+_R3PfS&^LD%!DqL`vi`*xQuHkWs+HRCEjdj zhtkNzHwZO=@3fcG#G#uZ2q{hu6~AW&7pVqSlC24&-iJYy*lEU7oj97eyxPJWK~oAk zb`3ASWk7d-38UXyx&AX%%2tD0t_GCH9zOlA~N)`kC0*aNn1s zcW~To*%JWhmR#+&=Q>t;uu*F*SR_mX)N{VmhP_y>EM;lQ_5t60RBw*!9hbJoFza9V z=7MsCzptmK@B8)nxB13?O``u4i=Y-_{JEr*{O9uprC<1w5>jAkM4iSS&7Y)~($t{s7f^x@W-vak+3Aq;=e8Y` zJ`G@}?KTNcna{TkPTkG>_2|*OJfluw)qlMJt6CZb=}=d@t@_^E*Y_QmQZXBi>=FCq zT7e$`jG-QYO4l6z0sr69y8aKc*r%?a5cq_^Cj>qr@CkuW2z)}|69S(Q_=LbG1pWnq zh4Aac0PtDC$8Q1t-(JZ7%M71J{e-~3jer7*Y7D=(KPmJT_|XX9;^^^x{gt2Z{Wo?% Bj)njL literal 0 HcmV?d00001 diff --git a/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Dev-With-Css-light-linux.png b/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Dev-With-Css-light-linux.png new file mode 100644 index 0000000000000000000000000000000000000000..0677c17668235e29ad083e947ab2133b437fb307 GIT binary patch literal 8944 zcmeI2X;f3^y2oQVmR73t9IM=dg!XWh6A(C-LJF9qRsjJS!(bRo6_7DtOb~&@YLyBi zwM;UGDltp}WD1Z#swilf=P4mF1~LL636SY-&xiZ<4j=9(vR2m4dh_h8cmMV?{<9x= zx;q^{q<;tm0v&d~c)=S4(%J^zpie#mRt{dE*#U~4<@SR4dkDR**uPqS)c^SVua^OV5Mq3GHs9lUPQf_t>UhVKdrB zUAvc$t%E~HYDA<#I z*VFgVR&<={3_V)7#{>TbwDWv!p^YFBeitt$$96-|rWe2BtSryQ#G#0}^h)dd8y zksuJ~hW!b-5hWC)0GM>BX3ijDNV7kxDx__?6}GAg#oYrBJUI=0M>n{KP> zAeSEskBG?6EAW?p0s0eKs`xkVP$gWhOuAI0oNfE`=v1w$K+-OeNRGhE=l+^*7?g%l zWv-a{i@h1~SdRn1^_Yl|UVIxVZ=!f_wt@#<9)ro2r+ej0=ho~Uhs>n7=?3oO^p?1$Deg=)n$y)+VCex_;c}_5Gh6*uLv}mw(f)NE zve_7BUp@Gns~3;y9szCS`K=^scm`u)b)QzvRBhaBMFX&P2uU6}&@LT(EagwYH2vZm z^JHOU+>^XKtWQ1I%)hQ^duzE*9eI%w(DDdg%{3wVd3im4{CG3`6kVBKfG-@Vadsd+ zOUd=m%`X1e854V&;-$8FjyH#9T%ody>H?`EwL)xk_U494&fzpH_^*JS(3eW_V%3!* zn>bdBD_1^G#L8jM25pzdWy0CivN-J{Cx)9M>ksp%G{Ofa_m3EEy?>%@pl9O_nW#ls zk+x52PJ%$GY+vEQ7TvR3uj|D-=T*0`gv5#W#dQX^UfPm_69%K8!O-nUMAvDArT96A zWxe`>jEI>N2n3w@TYa5!mTHXnnHvPAT)P4xVfmAKE%9SD@)zh!g|oncB8#SK&ausi zj2~aVI&jxQG%78(5!%a*ZjLmD8&%|j@yjosPR3buZEsO%u!Y>Qi~wr#QdSj&1e1$A z$2;5rmouc@n3Iv9@vNHzSjG-cZY*Qbx?h--Z0#8!yI;AoS}mc(5ohE(IUf8Z z+%Y;v6T0;3Rj`4|wP30$IHjj{=1MQ3pg1RoNR;lbkK3f?YAONJPi%52|$S1sn5DacgKmnhYql&x!f^>wiEqxH1@O0Q>lbraEWOz|Y$ z2;X)+M;8&4xN^*2W>-D60IWzo>O*LQZ2p1U^;xD56%Q=Cly5mb!podkE}E;ETm)iAPU8D*jiZYVUBdi%V-$ z@=C!>9sw@h9?OQw*3fvx+zSr`yB))=sp~K$`Ha)A0mY!kzkVK9lZ@d~Pg_(!H4dQP zK-J`%x2juw`|>jjPP;*{^W?P5)q$Qz1RU#^2Xmb6eDgqX+V;r(!}=mNPAo)7dJ$?b zg-lp>i}!9WopT1qnttJt?FN|uZc0USv%Am^(atk5c4W;6Z)<%V{N371?OvbwZ?3)_ zR^CyLJafwaQZn3=WkA5Qhmv~EX@QhbpNS}2%&PfLH_>SNS=$=Z=(AccV>8nBVuioa z&E*HIl9DlZ-dxrBIpC9~y+UIRW!Wue%dI(`QBBX?;8+B3QC(v72!w>w6eMQp+g$ES zO%4lN=p=v(b4r8TH{OwZECT2|wRkdtyL=SsqN8V_4_{0|K6mGjClb4L`RZll6%)o5 z@0>PxW4mqh*s){1QX#T^;?rKEVsHJ_H^XtEi6e_|JYcZ+dYHUTFq(;UIe73Ow~V8y z*L?`**5dP0LYi-G{;X}JR_SP`0zN!hi)wP>S7#_7NHR6vH;9IN$+M1$7$}@dCd%^q zXt?zcsfpPO#2>Zvi}~iLvA2(nV21_TW@19F zbjVDb6-z`ZVlZ~wE3d{bNmNom^bhE0zta0i=Xk$nYlyzhNPvA(=~v`pN>{-CQskHM?0dw(aG#ZSw~moTI`6D1N-2l zZ!wdC+))_eOYBgnV_fieS5|A?4dv@|WO5p6Lz zm-SA0q+p_Tsg+jkTjMu&%I&yCz_$xC4+;wl2^xit6BvKlr3yRoTE!{5wc5@N6(r3% z13M(1!3?H7GYV+DffAQFr49}Z*~(cDbG^J9qp~L{=&s%8Ods>P#+5pnsOZ}$Z|5jy z2L}h2s^;c@7(c^FA_k6|2LZmZc;}9C^XRD)W8|Ty_jCfAV^PO?^SpV9JAV-9@_H)E zhVGj<5{PC{udncQ2JK_`vjMiY1_*^VV-Th&0mD-AV`slh+uQ#7d>x%vU88Ha#;J!+ zPtJ+y*4LMf^eh6N6n-;RADT2i;)D+NrIq8DZ!76%p;lHkv6B4U(O36$kSc5|b}b3$+2FO~T;E+1%vu0}+pGIP}8JG1)M(aomu$+E&oWni#xSxu8KB>?C} zkPOTg#H6$V8`i|exk3zQRlm(1Jh;@0NSPt&b)MbL18Qrl>3m45pQt*R);blUTB7Li z0T0`Ks-tIK22{GlURm@gG|4`C6d8 ze3}zRUhV3v5)=2nq$>CFQB9HPnMRU>WYu2PW@?UVJxyx9_HNX{HQ&#okn!U}NJ_H{ zB+F1Eh(SJ=ill|aFy1(2tT`$t*Sl|VaaZR!3o}G)Jt~*14lx!p%q%8X2zFRjlsEK)B5L~f~`KhqIk}Xk>w8QlnzmEotSy%oYMm#6zz>@Lh?ZN z$Dwv>)AOBWn%)Y9BcjB6@7fA4cNB;K22R+aX{*V|$dK}(vD{C^or-wBh*f8kQlF-X z0bm(r6{+e?6LqCXfN7-A3W3MCxVZY)UVdTRs}1rjtu_?}3cBWYBg?kb{kG6~o2OeD zL+GSAITacrsfkJVDa&c9s#w;8a?YfPlxl9-JRLP=xqCg`@YcngQ(3)mD>W~MV6&J+ z_zo!b+G(26M)N?^DVcE0p0ur?IYmT7$Y85WRu&;Z>$-MEHybQTSm|6gGqSwgkWk>5 zbqk#QI^8Jk#>?Ac&1M;+M9w~-8iWJw&2Aot#Xwwf#Gg~c4QGw6Z=3_#C>$SFyy=4U_WnLTHWJ(Wom*15kWNXHpR7Gb@9RsU=^=7WF2$rPw zAlM2z3!6M(3s1CUeC0~0nWd%pr9v#6SbE#5ku3|m#k}D^RH066WPL~{vqc-+KbJYVG)gnNp5PLdUES_GXmQx!2>pG@!-o%nWI)P|7%D9QD(_kf*E-gd z;FN^jec!j*Ux?vUD!g6vj_B{G6;>bm(*Y{$o0}W&ErL5f>)3deEa6iBX&TTPJM*(P z_=)#yJs)qBx^d3SYm+-IKT^ESjG2G6RNflB3( zx?n_Pb#E*rfs7x9>(%1 z_*Uzvtr|zL^bip>r|me zJe|FTH(H1oUuvBK$L|nNGRm&MA_v_+0Qytro6I8T@+Pa&)P)>dO@FDTQwn{_O4jLd zyD4f?-zCMD+Bp$qo#7zRj^i%+H7wMz_lVFAcg_EUvan(8c~5VAYhW|k9Z+)0s~>z& zZhlH%fX+tf&(fq#X$5h8oQlmI{Z7e0TC4g~5? zDrQ+ZUx0p%PG7<^+=WbJ(Z;Lg>Ozz9O#;Ezs>U&KL~lyuYo5X7L_dxu>MC^sdgg@q`TA}xl<1E-hP)9IUENG&2%tM1{I~A3=lwzBN+q==8~vYEum6QWwr{#mV4uJ~fqeq|1ojE+ z6WAxPPhg+GJ^_G0p;QzH0)15W;aPzH>HqEf;PwgpKN5JY`RJQ(f4um+5ab6uIRbKa MaKBLZ!;g3V6ZtWCV*mgE literal 0 HcmV?d00001 diff --git a/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Dev-With-Css-light-tritanopia-linux.png b/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Dev-With-Css-light-tritanopia-linux.png new file mode 100644 index 0000000000000000000000000000000000000000..0677c17668235e29ad083e947ab2133b437fb307 GIT binary patch literal 8944 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 MaKBLZ!;g3V6ZtWCV*mgE literal 0 HcmV?d00001 diff --git a/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Dev-With-Sx-And-Css-dark-colorblind-linux.png b/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Dev-With-Sx-And-Css-dark-colorblind-linux.png new file mode 100644 index 0000000000000000000000000000000000000000..1ef651ca9586ef95febfe72e6358ddc822f6e559 GIT binary patch literal 8235 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 K=j+^V{PEub+UIZp literal 0 HcmV?d00001 diff --git a/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Dev-With-Sx-And-Css-dark-high-contrast-linux.png b/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Dev-With-Sx-And-Css-dark-high-contrast-linux.png new file mode 100644 index 0000000000000000000000000000000000000000..2f1b39e722e578925a05d4999279478d935ada02 GIT binary patch literal 8110 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 wqmDM}=d6;rr?PfxXUI?^^r3>s@>8 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 literal 0 HcmV?d00001 diff --git a/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Dev-With-Sx-And-Css-dark-tritanopia-linux.png b/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Dev-With-Sx-And-Css-dark-tritanopia-linux.png new file mode 100644 index 0000000000000000000000000000000000000000..1ef651ca9586ef95febfe72e6358ddc822f6e559 GIT binary patch literal 8235 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 literal 0 HcmV?d00001 diff --git a/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Dev-With-Sx-And-Css-light-linux.png b/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Dev-With-Sx-And-Css-light-linux.png new file mode 100644 index 0000000000000000000000000000000000000000..85e668856595c2f2f22d01ee3061dbdb3411d3a4 GIT binary patch literal 8293 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 K=j+^V{PEub+UIZp literal 0 HcmV?d00001 diff --git a/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Dev-With-Sx-dark-high-contrast-linux.png b/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Dev-With-Sx-dark-high-contrast-linux.png new file mode 100644 index 0000000000000000000000000000000000000000..2f1b39e722e578925a05d4999279478d935ada02 GIT binary patch literal 8110 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 wqmDM}=d6;rr?PfxXUI?^^r3>s@>8 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 literal 0 HcmV?d00001 diff --git a/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Dev-With-Sx-dark-tritanopia-linux.png b/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Dev-With-Sx-dark-tritanopia-linux.png new file mode 100644 index 0000000000000000000000000000000000000000..1ef651ca9586ef95febfe72e6358ddc822f6e559 GIT binary patch literal 8235 zcmeI1`Bzg{*T=6#u|BA=%K;o9@AJ4+gfdt}M257bNF4wXkRb%Dh=2hiY6u~Q*oPL{ zC}1l?1xzXkRE97UhLDH|QKrZc0%Q`xAQ_o5ljM#6!u!+v1AE=O?p^1ub?&+QyU+gY zbMEg~{Csx(>(IXd0N8cm#~-c&fXTY?1it*j*s|@1&U41gmU~xyz6VIdN0tBpJb&Sb z?}AcGB;5FiFy!;anLusPe=d|a?tik?WXF!;Z}Glq=e-ZMUgO+3xCL4cg|btcp>(Ul z6wyRv1@yb#k-ikueaSZiz6;vA)#MlFufF{Eg=0^ibTu-m%10j_KKY*=CvDUk_qw|b z4?`d=FyEZmft0o%i|+Ha0f2|PsHHfNaXeznSt|he{x=K&eEDzb7T|w=Y1T5Tafv|!5HLA-T9~}gulN(=Cf(z7;gv`78akR!s+H@U284$JmvuK zuYphb4#LdNow_Tx59+!?3|tL>jWwe4h!qLJKsNImBqal z9v&VU85s~Z!XE1qHta9+*bTgX)N&%(fQO{bXCmRUPE_~1$IS-UB;N0W!^P`5eKmKV@F@jKr_(t*w|Hfk zczAe}d6)sO32ceWxL@&^GUQa*QK!N5gx=Mdr^hAlxA}>WYP8zJ#T#3ETG06?+sv{VKM2jl8xe`Bq9f5atLT7tH-lOvG~&Lo%Fa%ZL#BkMw~FW4OSB{ZjV zH33JAf^r*k`*iWdj+XS%$Bp=+#A-0rfC0myX^Xsbt7yKYL$*qbOcV5CL=PQ!Co4-D z(Q6C6Adijl0<_(l##H0)zVx=gzu!&TCYUn2coBqS%+JgBUL3GVJ5!rF8)A-f_bj5B zP=0K(r_|g{xEGHOW>ictX&Z&ZOtVL$jnNQKnl=7sLXNj#LpWl!2e?jKx%w6xAHOt0 zr);PS_Ez{qURvYxZK38I^kV6+pq(I)x1 z*JTXJM+ZFW<3>!3cd|5wH&HJ(Ul{aQMITV4G|N#*>7S-)V4>_VM9|jd%ovJt$I7`O zvf8rjl0Qpt>JbZkoWW!*e8CbsIKtrmRFBbKXDD`|V4mar;IY&9PT$(F%(6#cF}41z4h zK*0vdSBvST%{8k+2;?6Nt15UAZkgY$--BaR_>CI$8x`JUnF1%2<(L=)lr5pRQ`JTTNx<@E!{yC zQ*aVqTl30qO=q|UL-paxT-Ujm^z_xK#9UsuYl^VB2@>XnPLcKPx5cea@y>v)b^;sU zS#*a;{m-t=Jd=!LUBq=zzarltU-OX;w#l3QLj~Tpb`%)gr_X=@p0z(dOX% zOR&Q36BKoY14W_9rBN)bZ1A&lpa^QpOg0M}w@~z}%OHlu!k13AYG$azcG*r)e5r+t z?yqhhN#UHk&$}UcB{75$)tNHlKtL}q+RH*|lw0EQqJ}^Wn|-^_x7L!yX-HCk`2a&u z7{`H|8ZBpV8b1zq?zV7Ai5#F9Gr;ZJaNBAdR7;Augms{N{<-LYx%UVeixmZf(I3Hv zfev+{rK*bdHNF%zAT-KgJoKc*{c_*@=;MmSu$F4Ct{=0r1+1E|wecQj|C;!O1Y-=0 zl;@J5Wa%$^{m-WJ>~SBQ_$e!=a9H+RGy;|^sU$33a#wDBR2p}7?yZjl&X5<#XX{m1 zk!(Y%YOgf+J|*DL*wh4lMwADJ-N*)cuIu!oo9F(^vBf^7r*-_L7~4&Xrr^ zD|-B<>Q$`Hb1J_=R6<;>C8Xt+IIndAbNf&+obEzKSiEW@qCdTG^E~^CL`qp0taPXi zqol5&^peI)_SCsQA33yRy18yJH|-k)SQkPgr1a4X4Ig`Yuj2ytC7R(lV~WrV0ST}) z==|i#9`BLP7-US(TfAn+bGTJi++U$1jt#K`!mrL1CbG#cE-n!Ho!e{UB&oF2dZG@B z8*@P1PE7O=*LxY|oNpmU+@1Q>GMDS7EAfXg3R9&!4tO_Umk^rP+LQQF>^xV;cF7CQ ze)SLWiqp!6U1lT;p@fqv1Br@qtuGEJr0>4~#Kq@@jV1RYl^VUCIzZJ8z3A>fLEczt zkEUna;%8ebiRxu9&;jpLjvsJSG_2^e`$dt4K18~13i12_lfO}FaY!iQq|sUSpJW_L zv|wQZgSx5P?JOw1G|O#=u?~vOKz1d4h0%G?{LR5oEjALp#K;O+e=)&XvAxl`F$;vb3KE3Ssg; zZltQ7xahpX~n9H1dMc;=^PG%>DAcHp1c#mS>RbtsA|6{oZx- zfD+{pdS~HTEOnkjc3*kB*Xh<^TwGk6q6kh*YptuRYrI=%J_fpt1#7^^L$L6Dt7Zl`M>PDc1@X+uur}41{GQ$G6 zPIPKyaSHSD#0jD?!x1a1Lso~TmmEBV%6>*SJxfGP*GymTHJCfJZJ45w*# z{ZA{kbc#-Pso$n(w;OsU-vAF0NbaNQn*Gj#B6y!KTAX7WOGpWjs1_8+TACpUHMZkK z$sJBIormM=1`6zL@i*T8d2H|T%V(u3K~`oa5sN5+S$yJ5laWaF8_}U$_onE1u6Mwo zyNpP7-x#3d^tto-Ek0P)q5&N?{1$&|Z>#%#!7l<{(3ImV)Y>~(!C2@%@4(MCmSgwy zxPN$8nmni2Fi7yg=r`1~#XVjbShh=0ZgEF-8}4%mo|@#Z%?W2t;Ih9q)n=M%Wro#P zZd$}P;7P(u`+;_;5F8v76nST+^U?r;@}JogELc;_+CmGQpi(nP{DyK0W#bJ5jffAM zLbAkj3g-;02g61?3*ozJ@<^@B@|gX*0%JYkb&8f;1uE%zdOthURC8{^j?H{xjHu2; z7}^&rpL|~&!U=IBwU;U$^7y*!8+B*zPrS%5F#&n1J_JIo9xQhoEv$)vwP(~}d%3%^ zO4e}u#;%Bt1_4-8xfJ*yPwQY(T>oMtO-MC9oG2FQ@f15{_9jU-TBAPYgeZn8|tuQ zIoo?^+9ux8jspy}LxW&+J@=R)u=gyEGR1J@2^tgJ~~wT5?8tmN*SCbp2=R+cD9mWs-`lA_5pLtQ&CX``2L$> zLfY+~qh!l;g%1lt88DL)W6`XNVCU!)N@O$hF+w`kp&X!E<3%KOG780LN4S$oRFZMv znVBrw3`a_m!t1&e+iKFo7x&Was;laf(x$FN#Rh~&dRDx$wkv)xs`i(BASc3l|Jq@~ zW!v;!7RxxNzo@)=IgxMKfN^Y0fOmRMRnG&ud7ouPkdWt*GgE(OhbDD(v~k zd%G0Ph$v5*Iv8wS2d_Eeh7`}#9sIq?6qwwe{gHcD+Hp_Mz@_wvdlvP*S&(mHgyXTE z$Pe9Pp6d|3@X0eL+yeA>?SE zLQ>VnBD?7BI6MbSFXXF+vKdX3=$_SXJ+IU{jm@5B<-XgdWRnq{8X+A2V&?tR<3_$2 zUw9)<+}aubOb7YThUzv;UOw^*L*Bk#M3GHa6WsdHHhgiPtT^ zBKP*DCIQ}{(vcuA`3PNXPiqm)oV-?+~c~ zFzJ#lK79L8Y3iMkHx8}o3y+(IUDG26-dA3>!%M z0xY~^jaGWv#RZij9^?N5j!&5zD=$0s+`cKd{;I)3S{5K4N-xxDcXs6Z0`ELPUrz5uV zuMFs=zed~v0k5fE924N%-?%wi9*-w1D*C)cycQV99vgF-4y<3icX zDVB?1FR0+^nwrVxpMLPnwg5gJYhowU?!Wg6W;)Y{+>&oDOgUKc?_Ncty^R|RaiBL= zRn^rZsdTzEQ4|OI0$4813ucbXq(#BGbtTT2;c*ktp+iT6G8x$76ZqMb0%=?nKdrp% zv7joLp4QO8xChPjpUC+I1=oUt#>Xet75D4XAI!()ngGi;@*f{`iDz81IwM-nsAO0; zRlKOGx{dH}!F`fQBw}$KpU2~lc}zFepD;BwP3!1%NeZPUiWWu)+kop1lWWF}2taXC zde68`@$a`D0PxEmB>?RC{<90eOx|qVbjW5fY)*vD%&?giH;J%G!%Z4)(r}Z8n>5^{ j;U*3LKhba&0_<*b7$yACdffQ89k}4__XFws>;L^JX3Cg$I#wR|X0>*?%|nfYrg)eRj#H*ahKCSI&8$@LkXj;AIin4Z zI-RsUkveLMif2UxDpN~5WQqtXq~-}kL=Xf7K4yRazaM+{Pk+4YS?gKv`@HYEp6j~b z>$;!cE_izwe0}h1003Zc_UAJf0RTOz?gH%mLN~Mh48=(|Y>U6>aSBj3Xu1RdfL@JJDaWT>rGiJk{)$LsRNX zS);I|AUv{#9uy6aY^xzu_>IZ__;WSI?@ZI9$M;{|ebs;L*s=b87rI-_+3lD9i2XDr zQ5eg?@&qv%wK1E(i%0M%r9>i8_c5}R@?vw{I1Ya60s#E-jT`{@=G3Gf;K!Y@Kmg#o z|75cCW~IDS^stw3J5G~dF`s2Jk+}3T=64P!f16sBb+Co?lIkIoS}p(Hcd@FqA~{Cu zs;6YirB(m{$udY2ZX2sbBO2n?XL0#FCd@S9 z?UQ2j3^PBQJctv-A>r1jpTEd1G{z@K53qV!cz%)>!-zh;Lxy1tdn6A1j42LG;?i5o zVLTCetOfP5cBy6P!FMh$I{~jE8@pJOJniB>Fq8U3y~_;O-+Zwubb7=yIr*E!i-ZoY z$pok1@|axuKL7yf{hnU+tj{21@ovMEUBCJAi?6~KtOG_zeCs9E7+5Xp=F-x?0D$1f zX4xum)<9QAhm)fGr`@2&n+ah)KCcIf)ismjW84v60HE_Q#8htL(5hx~PpZCGj7=}kd}aj@BV>!N70?v0SA1W3t{ zRGmy+@fCe9>Zpi~4O{4ug}$lp%k-%ubf6PF$R|EMTELes!hMe~XakD>0rFfaUxOZWD%25yjiJM zj$T@R6q0Su!-%#~SnzzW0()x68_f~wx;4DDzYwf?&{Yw|X}%#dOM=O(lc#fZFSf+r zISN5-zP&q~R-Gz)mo7==q^P#1DVefOBfp%%=a?ZqpmktJ)cB{@M~Y%5PwJbm-jwCH zHA?t$IV9#Pi71Lv_pb|9G|MllFE)I7R1%+;n6i=KHRT2d{FsfheWMS0u6nTox<1pU_|;lnw6?7wRKw?2L)g2eT}u$XXUwSTTg;vMnJbF#tN+H&g+*W zdjw6y?6IN_u2{A&!qf#jU&C$^wPOSz;LD>1HN=g#!wCuC@=Cu%>Dymy*WMM9-IO>7 zR8(Yv{d&EZ&`c{Puv|26LC858HqtYVZ#h^5WqtTaF2P37zCQrCi_(79C<$8S0zKdH z8V_n*gd2Q@^@wKER+qZ9G7t+p3t@GtM%$>W(Z|U7okm98Ts`8!d0o}MbUvSMrb*w+#09i2z4Rp9Xb;sY^YMdm z$7ewEJTVyyG!4Y|`kHvt*4U*M!M6hk$0)cBmBC{Vrl|`}9?J`eV^qqD>5b~aJGE}g zjdv@Ur#f}GM!n1QGZwPiM4j7rWtP6It*RoCR6-HTEwQH{ShnBD9hxGL*V3O+V%Dq%~>flD|2+(a5H=Mtw=Yv)b9#D78TCLFJ_l}pz)uWCP z(Wx6u2K|m)4Lt9(@v0zIA*d|A95eppw70Wnz_tk!L2kb>*wZDi z0rY-o!bo8j=tQafKFlnsf8v&cqAb3BWnczeWUMZo`z_pTHp360sdH5Ur>Lp^dVmjJ z9pc9-cG8qwf*dHk{c6J&A$@L~i-j77^)9QPX4*c}&6(g71(+4w##~NQV|kNE8x$Y6 z&^cyee)G9Pu5wm(A1|=wD_+TS3AZk&H$8i4(HGTs+%7{6yWc)!>Ip1C0nH^Act=kT zKl$k%(?En__wQd(;dF?mR-bm=Y^XK~i`_BIEYe zO-Y5Rlj2vnx2w1vMjX@02&1E*fYqks*aVl>);~4QW`l2#s!J_?lG$QK{i!}d&YwFE zB;*YS`5SgWdtIL1GG}Bxw=KcQz51h( z&X&o|5(Lro0>?<1Or~B1797@$#Iv}pRi|7mBwJex@TJ#-DYA#X=DbEMXS9o!BL3As zDDk~f9wKf=+>46mjnG*q#6+SEEqscOdx7(UxkC*jO#L9J>o9ls*v)OsA^TiP2Og{M zR~G;eW?yu@Dhf7;WEc$04X06#u4L>!*nVZ&4sLD}(EJijaCL|Net;@c4V@6a_zitq zy8Xz;KeTblyn-R~6WH_X5$II1=)sio%goXfiKo_I-h1i}J=sg_rM7BG4oTbXzCe&XI#jqi@XvC5=oQ2q(9J$HMlC^~+5eU*=9WbdqNu9H-`i z6Re{7`yHC$Ga7%oLMRfo3(`bx*uKwaCG)n*_XZBu=z!S1vuNy73R0rc=xQ6;4KdL? zt+<8YPAZBf;2=yZHVgwbbdT^qel6z4T*n$dckMfj{BlF<gp^Z zRWjk9WdfN8`e?`v4GNK~Y}(pQi12L+Q6bmB?XjzrS1Gu3s=qTyzibm^~VWS4O-wdv&M9X zF5A`L?B=ZXwG>r)*Qv#6CI|BwszmstEwZ810$1V zRNqc;Js|`aJC())|c9-Ki|vcSL4N9Z7Q-#r&%_=F+7YM61@;o7MW|G z_ygJ^XPGWY+n9EYCsteLnN!xC#lWo5Hl%35L2esd(@mmidLSaQsHn0qWm=(CHG106bVZkY zr|*5zBv#~uYS-yTXARw4V7 zO^;*_X%?TWvN@3pn%sK{<&S}N+TH?xYxGJ`bG14>Llf66JHC%kixuP_*vC%{m1B3n zz&|AIUh*Y3SB0H%c%u7bMG)4fl^se^Fg7~O*B5F?^dl)&z$}^27dIFPVwcRGKLBfK ztrhqfn5~12%n;pcEk$N?Gx-$zs5@_h_0A2oJke+79lYGvrM$)PVDI|YRlQmk&r4EL zuIYTw+tm;zlX)l|NQjk6<%Nm-(>eWt8~t`7h#Kvxd@Zjp%kTU6CzYU$zR2U?$7FTjT10I$!W|kV`m)XbMN&8X@Fk>XV*TjlzD(9F?%IY8 z+`|ZP#etPYoHNBpp`sMkS2=Eq1y79vo=HH+-hixAlErzpl(iv=F-_F0UGF&r#8~4P zFpz056l$9Mexx@gTHH0X84i2y;Il~mM3x!%sGqZ}NIEMWjfUZ?F?`4D>(12c81<`@4e zRNwS8F1mnI(j5q!I9C6-)|Otg-=)5~qj7xG`Bo6BsHMgeqj zlJg@;a9&4<=wa89Ww%x$Q7|O=)&|+oNTaP3<`m!AD0!TiGCwuyPm5hYqLEQ4oAqs6 znd*7dHDoONpOnpaq(ySie2JclJ~Kj72#H*2&yA4^)T|drmuYVE(sF`U-!Evpf^Z|Y zthPGsqCSsj(6#c#5ZKX0b%a){Gha{PZC9eTeb(c`-(_-hW?tk>WDV0t|mPkb`k&x6pxLcRnykmzL zkXvi7GrV2fD=PtjD>@SR&9;UPp~}menp)?La)6^-u+8IFEezkNS-w0 zjQMi{MJHVf1Sj^p>OwB$211a|ZDHyul{4D`SB6@t$?roNZ6)UO8=eo zUk&!^`VIB)1{vtT)OPrrU5l;9|Koq>xu2L`6V?0Rh81!75Zr z5U@o+#SjaG@DA?)A&Ck~@qPpnl8~eXNq`Unxk@(ZOQ$XYBfh7R= z3h+AfhW5?<7u%L;1$ht?;5es#p*D+lVgUj$v+b7@B&!t2O4XGqk(u*Wmhv*BLX zE|fRhT=>uL-t|@Ivcj5P?g=mX>eueJ$|HL&|1gOC@zldRf4PoO3sb`+WzP)H1pAfm zvY$Ceoi9FyfE!hdX>b>?acoNZH5~vx``hXc;H$fxCcvFNb9Ml5>i;4NJ+!>4Up3~oDjIOjsNVCkfk&1_Ht6dAq4@J(kN^Ttex!qkCxdnPIb!NYMz=P%7&?3PQ9*dl!A$i~t_%3Hm>UGFvdlS|Z?w&i zkp%!5$LefVV;-8fK3N^4va8Iipf6`)r(_kVv@e*Uq%f*|%HqWHvOfWTBnC@52^v)@ z-o5Q#^APUIDN?HHU-P&f=tCEu1~L5pd%fNJj%<>2|0W>@(Suu0CJLEyi~6oZ-p_~2 zoQYLL0N4x-6@5CAdNpP>IOJ^pf#5LDYooK7=^yC66=$$DuT^OR&4BU()w=1<7 z>q^7GkCx7d#te(S#~MI{W@!!9J+AACHNd^Tmm2R<^GCDv`Cz zjn07k?5i>y`Z+nwkpd6dcO+=M;#>h(H50Bb-q`pHR-*`Mx}raA4hbc_AhV^uCdyPKtv+{UWwiD6|o6cdTRHdav6oM3i#Y8l*wd}i4-hbBIK)YHgDWW^hPFp@8%Z>oFyQd& zPZ(CIshC7g8JLR{%zW$`l1e8Ux$`8CRz|Ri1$2F#kq{8-xzgXST%HNf9?`@abR^GP zZ%F;#WosYn#&kltxKsm6#+LprpZ#Vv=t-{;#J!%4Tx)Y=7g+4EYT56D#A7FFZ$ zP0rl%hK*i(Ds|z-pfInLK$8w2m%tyVLPnSQRbp2}$AP4GAKdJdNBWke`8cstpj}cl z=D@qXFpudjKcXKD9Kj}u%0A_I{t7QWmx9w!+yoinrRWY`xQgc)p`JUKYdEn?YjBVA zrMKy8S6kwHS= zU<1y+V^ASi3D7g`znZ|xcO^;3LUlVvL`+kQB zU<)hzy{(VKm9o7g&vaIy$^$pRBOz61B=Gj!^3AQvbCM3lBUP+ztEdBHuaHTN$rMak z9kDI~yCq%pwQ$PM#8A^r)7r!V7Vln`>8u2x=#rz!+Rf3xP<}*(Sz(k9-Xn&yl~?Nh z{A9%B@HYr}a`kJ6rAz%!V$)L9zZyeQCLAe+WEMF^3f#7ShUR)M zvtt?M4saLl8YjFlV|{~Iz?Q6CkkVQla+F88mq*LOPDY(&-1jDq)Vy$|v>;@z)3+@O z55ra`D`guZ-ZmMfoPv(2dx9S z<$qPbZzU5_dZ!myaa@e}Yg)n@*6E=`&fKd~m;lGv0Si5GZCuDDfV2$d=fI;^-E+9v z&Cem4cX_3;lajgJqcuo6&ex*AL;3ONY^><_d7u4?w@=F*tdCb4dJW*Z7?DqjVTJQR z+PEPmtft6Sg^@nI*uu;cvd*Y0Ibn`iyGQ-ybMs-EqBJHT-sLz)qqo#32_Zt1p?cnaSbS7RNema?2v7Dos zs5m!<2az3e*olz^b}~}oldU*1uhI&cF)|II8*90=xqsCWp~-VJTfz?Bk>L_26#e?P zwpePpgHjNCLu3jne)8l?c1E_B^I<1McN<#f%7}#3y#P}KHFkbcfj*_+2E2HO4@ z@VdkogD*~$H6#}o7nh~KkH(0#^M8x&R*XJtjkJWui;Tff8DT`~+Gsa^ zLO)bQP&@#yq`arKpFjWH1?8^Q&}UwHwMN*GmpJLcOeeqZ!Uv7nSbAU_tu9WL3F0_S zH!qR&bo*4~Cyy&<8$(RPrXM*XjNzSM80B61eGE#l8sc4cvi;ioC&wD<7GC8;c!^`D z&A}Oqzh%qWY2xNMy+jFGeR@24V;rm0KO7=~w+7+RhWXeN=uwTK^S*GZwua?#i!rnp zi8oCA5^=b@EoP!4VfEosB2l$G-kOlKFjYIK9I10$Rn3O0Y+`%Vk1yb++G9#ekf{;O z`r5tukXUtt!e+{_mgP?~H2qkia6>b6Z?B5J^hhr$IZWf!^$H!S+#Hi23+PbQ(evkX z${hx+i;JFET*$3t)P8H_6x=hNoE$`3%erTOJbL{4QTx9eeGF5SCDK>gr!C3H49x)z z@OIQRe2Hh*c_l@f4}PxIK(D|_^bh@+4M=hr&m9BlOg}ZyLemi6PS2|)BTfC;)dMvMQ$=T z$IH^(bMuM>elT64c;+dk;Cdq^Ast-0VLUyolWsVK%`HE%)m@k@SauYx8mOteJr^_I zk3xOhV)&7qm8GJ@Dk(ckg@h<5HHqJH+p8Np3CE+)`&w8Qe*5hq|0CQDWnZ!@`+8xy z!>X|=h|Yl_w+UEJtT_h7iuPwNQ=b(ESgQUNo2L5Id>lSAETg8)CmQdLLDDv!!L0 zID0y4a?3lQvuFNrLIXNC&l4`6D77T?1PmWScOOU3d<-n$A>hO|?t6T$f6&qfQyjOc zG8cJ2^Jf!dq&fTjBF9Q)4-CHbmKDgqB8WctpLd!Z6SU}F|J*K~O4Z-&Q)3UAWudKg%Vdh-2bF1tLx|xTuVeWKH$bu zBw2u)9wsGE^6Z&Sb|%|mf_IF(oWX`V^@Z_goqb(g=g?(sRs?z1`rH3I-&%cl1 z+^vyng#+oug5%YqB*>O-IxAg?%vzAZZ+cXs;Ic#Fz~QH%wnn^rx883rXu4Wa*VtW) zV%C>CRKW=*khICS zHGm=VLDGF&Yg&l`e(VAp6;tN)&~x#1ocVr_PGdK#I4?#|bt@jd$;vj>FspsX3hW{J zmpjcpHmbko8~(_$M<%h~-rF5G+dE7jd!f^>i0!oz(ULSUR~6LJ9IrcTe{8b}#a}Vs zml0&~uGZ`pG(ub?>14kiT2%)xyjYTsRCi_$8~poycLEuo`_E4&Bxwd8#o4a4f9FKI zy}Tr%f!BEj0y#N;9;Vl`NmRY?s=@i@npvIpwKyuC;Z;&%aj?{`^|ZiGb-;PGa)E22 zuwG++BqwWwX6Noe#Obryx+ojlMyTqsp`T)+fDY|$3mYY z=TTJMCli_sKE>l9Ci_0$(rWCsND+kVyD_UoDkO&HZR30`r<-yGkmMe@GAwG zwit>KeO~-zA9SMrDg)JhdGz;xe9gT%8~Kh@&$*V%ZwMhisu zw9OCaJmbl+HW=`HzAXC%ndKMfktq2t@Ce-^lClqNa&t1dKT)}uDfG!LITAL#qj3r< z@Fcx*VC&xM%r*z!7@NZ_I5-rz<3xH~MA%11QC6_8vsC)kR)JwjR7TgO9Yj_#bu8WfmJuJ3VhWYs(_tN&Ijr5PH%B{ z0h=u~eDkS&(C=OfI!X~NT?a^-_Hmua*U^oYm>DyEg#bZS68! zboMBs`+6lg-xk#270kBsoI;(D4Ko5UjMoyAFK6{g>F}2}$_6Kt18~Q1cG^w_^*xS; zCr!qm!{46uMZOMi$USs1g<`bcKkm0DMJ~48swk@GApkIp(0=U{G0;>+Ku8?b-y60A zcq1FBjc>CWluW~yWb4(_YZzHWEq@ zquv|s^E9u*_wxcJk3f(!Hy@z69Suw01SLwTffF@;?HNSl;#QIE^Ee}4Ip-n2q4=`Z zEM5M9xTTPUF#MW?`Yo1~Y8E5n#RY)pmn_Q?o;dO50;(f z4$H4c5N|Jz|KL9}1j6Fmgb(aG20%D*m_Xn|xii$AC+Ejo@=Ewh$ wqv8KI8XB(my)=Hl{rc0t0RJ0H{ncPHdV1Gx+lT{;?)RkZU3DOK9zW@LL literal 0 HcmV?d00001 diff --git a/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Dev-With-Sx-light-linux.png b/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Dev-With-Sx-light-linux.png new file mode 100644 index 0000000000000000000000000000000000000000..85e668856595c2f2f22d01ee3061dbdb3411d3a4 GIT binary patch literal 8293 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 { - test.describe('Default', () => { - for (const theme of themes) { - test.describe(theme, () => { - test('default @vrt', async ({page}) => { - await visit(page, { - id: 'components-segmentedcontrol--default', - globals: { - colorScheme: theme, - }, - }) - - // Default state - expect(await page.screenshot()).toMatchSnapshot(`SegmentedControl.Default.${theme}.png`) - - // Focus state - await page.keyboard.press('Tab') - expect(await page.screenshot()).toMatchSnapshot(`SegmentedControl.Default.${theme}.focus.png`) - - // Middle Button Focus state - await page.keyboard.press('Tab') - await page.keyboard.press('Enter') - await page.keyboard.press('Shift+Tab') - expect(await page.screenshot()).toMatchSnapshot(`SegmentedControl.Default.${theme}.middle.selected.focus.png`) - }) - - test('axe @aat', async ({page}) => { - await visit(page, { - id: 'components-segmentedcontrol--default', - globals: { - colorScheme: theme, - }, - }) - await expect(page).toHaveNoViolations({ - rules: { - 'color-contrast': { - enabled: theme !== 'dark_dimmed', - }, - }, - }) - }) - }) - } - }) - - test.describe('Playground', () => { - for (const theme of themes) { - test.describe(theme, () => { - test('default @vrt', async ({page}) => { - await visit(page, { - id: 'components-segmentedcontrol--playground', - globals: { - colorScheme: theme, - }, - }) - - // Default state - expect(await page.screenshot()).toMatchSnapshot(`SegmentedControl.Playground.${theme}.png`) - }) - - test('axe @aat', async ({page}) => { - await visit(page, { - id: 'components-segmentedcontrol--playground', - globals: { - colorScheme: theme, - }, - }) - await expect(page).toHaveNoViolations({ - rules: { - 'color-contrast': { - enabled: theme !== 'dark_dimmed', - }, - }, - }) - }) - }) - } - }) - - test.describe('SegmentedControlButton Playground', () => { - for (const theme of themes) { - test.describe(theme, () => { - test('default @vrt', async ({page}) => { - await visit(page, { - id: 'components-segmentedcontrol-segmentedcontrol-button--playground', - globals: { - colorScheme: theme, - }, - }) - - // Default state - expect(await page.screenshot()).toMatchSnapshot( - `SegmentedControl.SegmentedControlButton Playground.${theme}.png`, - ) - }) - - test('axe @aat', async ({page}) => { - await visit(page, { - id: 'components-segmentedcontrol-segmentedcontrol-button--playground', - globals: { - colorScheme: theme, - }, - }) - await expect(page).toHaveNoViolations({ - rules: { - 'color-contrast': { - enabled: theme !== 'dark_dimmed', - }, - }, - }) - }) - }) - } - }) - - test.describe('SegmentedControlIconButton Playground', () => { - for (const theme of themes) { - test.describe(theme, () => { - test('default @vrt', async ({page}) => { - await visit(page, { - id: 'components-segmentedcontrol-segmentedcontrol-iconbutton--playground', - globals: { - colorScheme: theme, - }, - }) - - // Default state - expect(await page.screenshot()).toMatchSnapshot( - `SegmentedControl.SegmentedControlIconButton Playground.${theme}.png`, - ) - }) - - test('axe @aat', async ({page}) => { - await visit(page, { - id: 'components-segmentedcontrol-segmentedcontrol-iconbutton--playground', - globals: { - colorScheme: theme, - }, - }) - await expect(page).toHaveNoViolations({ - rules: { - 'color-contrast': { - enabled: false, - }, - // TODO: Remove this rule when the issue is fixed https://github.com/github/primer/issues/1864 - 'button-name': { - enabled: false, - }, - }, - }) - }) - }) - } - }) - - test.describe('Associated with a Label and Caption', () => { - for (const theme of themes) { - test.describe(theme, () => { - test('default @vrt', async ({page}) => { - await visit(page, { - id: 'components-segmentedcontrol-features--associated-with-a-label-and-caption', - globals: { - colorScheme: theme, - }, - }) - - // Default state - expect(await page.screenshot()).toMatchSnapshot( - `SegmentedControl.Associated with a Label and Caption.${theme}.png`, - ) - }) - - test('axe @aat', async ({page}) => { - await visit(page, { - id: 'components-segmentedcontrol-features--associated-with-a-label-and-caption', - globals: { - colorScheme: theme, - }, - }) - await expect(page).toHaveNoViolations({ - rules: { - 'color-contrast': { - enabled: false, - }, - }, - }) - }) - }) - } - }) - - test.describe('Fullwidth Narrow', () => { - for (const theme of themes) { - test.describe(theme, () => { - test('default @vrt', async ({page}) => { - await visit(page, { - id: 'components-segmentedcontrol-features--fullwidth-narrow', - globals: { - colorScheme: theme, - }, - }) - - // Set viewport to narrow - await page.setViewportSize({width: viewports['primer.breakpoint.sm'], height: 768}) - // Default state - expect(await page.screenshot()).toMatchSnapshot(`SegmentedControl.Fullwidth Narrow.${theme}.png`) - }) - - test('axe @aat', async ({page}) => { - await visit(page, { - id: 'components-segmentedcontrol-features--fullwidth-narrow', - globals: { - colorScheme: theme, - }, - }) - await expect(page).toHaveNoViolations({ - rules: { - 'color-contrast': { - enabled: theme !== 'dark_dimmed', - }, - }, - }) - }) - }) - } - }) - - test.describe('Fullwidth Regular', () => { - for (const theme of themes) { - test.describe(theme, () => { - test('default @vrt', async ({page}) => { - await visit(page, { - id: 'components-segmentedcontrol-features--fullwidth-regular', - globals: { - colorScheme: theme, - }, - }) - - // Default state - expect(await page.screenshot()).toMatchSnapshot(`SegmentedControl.Fullwidth Regular.${theme}.png`) - }) +const stories = [ + { + title: 'Default', + id: 'components-segmentedcontrol--default', + }, + { + title: 'Playground', + id: 'components-segmentedcontrol--playground', + }, + { + title: 'Associated with a Label and Caption', + id: 'components-segmentedcontrol-features--associated-with-a-label-and-caption', + }, + { + title: 'Fullwidth Narrow', + id: 'components-segmentedcontrol-features--fullwidth-narrow', + }, + { + title: 'Fullwidth Regular', + id: 'components-segmentedcontrol-features--fullwidth-regular', + }, + { + title: 'Variant Narrow Action Menu', + id: 'components-segmentedcontrol-features--variant-narrow-action-menu', + }, + { + title: 'Variant Narrow Hide Labels', + id: 'components-segmentedcontrol-features--variant-narrow-hide-labels', + }, + { + title: 'Controlled', + id: 'components-segmentedcontrol-features--controlled', + }, + { + title: 'Fullwidth', + id: 'components-segmentedcontrol-features--fullwidth-all', + }, + { + title: 'Icon Only', + id: 'components-segmentedcontrol-features--icon-only', + }, + { + title: 'With Icons', + id: 'components-segmentedcontrol-features--with-icons', + }, + { + title: 'SegmentedControlButton Playground', + id: 'components-segmentedcontrol-segmentedcontrol-button--playground', + }, + { + title: 'SegmentedControlIconButton Playground', + id: 'components-segmentedcontrol-segmentedcontrol-iconbutton--playground', + }, + { + title: 'Dev: With Css', + id: 'components-segmentedcontrol-dev--with-css', + }, + { + title: 'Dev: With Sx', + id: 'components-segmentedcontrol-dev--with-sx', + }, + { + title: 'Dev: With Sx And Css', + id: 'components-segmentedcontrol-dev--with-sx-and-css', + }, +] as const - test('axe @aat', async ({page}) => { - await visit(page, { - id: 'components-segmentedcontrol-features--fullwidth-regular', - globals: { - colorScheme: theme, - }, - }) - await expect(page).toHaveNoViolations({ - rules: { - 'color-contrast': { - enabled: theme !== 'dark_dimmed', - }, - }, - }) - }) - }) - } - }) - - test.describe('Variant Narrow Action Menu', () => { - for (const theme of themes) { - test.describe(theme, () => { - test('default @vrt', async ({page}) => { - await visit(page, { - id: 'components-segmentedcontrol-features--variant-narrow-action-menu', - globals: { - colorScheme: theme, - }, - }) - - // Set viewport to narrow - await page.setViewportSize({width: viewports['primer.breakpoint.sm'], height: 768}) - // Default state - expect(await page.screenshot()).toMatchSnapshot(`SegmentedControl.Variant Narrow Action Menu.${theme}.png`) - }) - - test('axe @aat', async ({page}) => { - await visit(page, { - id: 'components-segmentedcontrol-features--variant-narrow-action-menu', - globals: { - colorScheme: theme, - }, - }) - await expect(page).toHaveNoViolations({ - rules: { - 'color-contrast': { - enabled: theme !== 'dark_dimmed', - }, - }, - }) - }) - }) - } - }) - - test.describe('Variant Narrow Hide Labels', () => { - for (const theme of themes) { - test.describe(theme, () => { - test('default @vrt', async ({page}) => { - await visit(page, { - id: 'components-segmentedcontrol-features--variant-narrow-hide-labels', - globals: { - colorScheme: theme, - }, - }) - - // Set viewport to narrow - await page.setViewportSize({width: viewports['primer.breakpoint.sm'], height: 768}) - // Default state - expect(await page.screenshot()).toMatchSnapshot(`SegmentedControl.Variant Narrow Hide Labels.${theme}.png`) - }) - - test('axe @aat', async ({page}) => { - await visit(page, { - id: 'components-segmentedcontrol-features--variant-narrow-hide-labels', - globals: { - colorScheme: theme, - }, - }) - await expect(page).toHaveNoViolations({ - rules: { - 'color-contrast': { - enabled: theme !== 'dark_dimmed', - }, - }, - }) - }) - }) - } - }) - - test.describe('Controlled', () => { - for (const theme of themes) { - test.describe(theme, () => { - test('default @vrt', async ({page}) => { - await visit(page, { - id: 'components-segmentedcontrol-features--controlled', - globals: { - colorScheme: theme, - }, - }) - - // Default state - expect(await page.screenshot()).toMatchSnapshot(`SegmentedControl.Controlled.${theme}.png`) - }) - - test('axe @aat', async ({page}) => { - await visit(page, { - id: 'components-segmentedcontrol-features--controlled', - globals: { - colorScheme: theme, - }, - }) - await expect(page).toHaveNoViolations({ - rules: { - 'color-contrast': { - enabled: theme !== 'dark_dimmed', - }, - }, - }) - }) - }) - } - }) - - test.describe('Fullwidth', () => { - for (const theme of themes) { - test.describe(theme, () => { - test('default @vrt', async ({page}) => { - await visit(page, { - id: 'components-segmentedcontrol-features--fullwidth-all', - globals: { - colorScheme: theme, - }, - }) - - // Default state - expect(await page.screenshot()).toMatchSnapshot(`SegmentedControl.Fullwidth.${theme}.png`) - }) - - test('axe @aat', async ({page}) => { - await visit(page, { - id: 'components-segmentedcontrol-features--fullwidth-all', - globals: { - colorScheme: theme, - }, - }) - await expect(page).toHaveNoViolations({ - rules: { - 'color-contrast': { - enabled: theme !== 'dark_dimmed', - }, - }, - }) - }) - }) - } - }) - - test.describe('Icon Only', () => { - for (const theme of themes) { - test.describe(theme, () => { - test('default @vrt', async ({page}) => { - await visit(page, { - id: 'components-segmentedcontrol-features--icon-only', - globals: { - colorScheme: theme, - }, - }) - - // Default state - expect(await page.screenshot()).toMatchSnapshot(`SegmentedControl.Icon Only.${theme}.png`) - - // Focus state - await page.keyboard.press('Tab') - expect(await page.screenshot()).toMatchSnapshot(`SegmentedControl.Icon Only.${theme}.focus.png`) - - // Middle Button Focus state - await page.keyboard.press('Tab') - await page.keyboard.press('Enter') - await page.keyboard.press('Shift+Tab') - expect(await page.screenshot()).toMatchSnapshot( - `SegmentedControl.Icon Only.${theme}.middle.selected.focus.png`, - ) - }) - - test('axe @aat', async ({page}) => { - await visit(page, { - id: 'components-segmentedcontrol-features--icon-only', - globals: { - colorScheme: theme, - }, - }) - await expect(page).toHaveNoViolations({ - rules: { - 'color-contrast': { - enabled: false, - }, - // TODO: Remove this rule when the issue is fixed https://github.com/github/primer/issues/1864 - 'button-name': { - enabled: false, +test.describe('SegmentedControl', () => { + for (const story of stories) { + test.describe(story.title, () => { + for (const theme of themes) { + test.describe(theme, () => { + test('default @vrt', async ({page}) => { + await visit(page, { + id: story.id, + globals: { + colorScheme: theme, }, - }, - }) - }) - }) - } - }) - - test.describe('With Icons', () => { - for (const theme of themes) { - test.describe(theme, () => { - test('default @vrt', async ({page}) => { - await visit(page, { - id: 'components-segmentedcontrol-features--with-icons', - globals: { - colorScheme: theme, - }, - }) - - // Default state - expect(await page.screenshot()).toMatchSnapshot(`SegmentedControl.With Icons.${theme}.png`) - - // Focus state - await page.keyboard.press('Tab') - expect(await page.screenshot()).toMatchSnapshot(`SegmentedControl.With Icons.${theme}.focus.png`) - - // Middle Button Focus state - await page.keyboard.press('Tab') - await page.keyboard.press('Enter') - await page.keyboard.press('Shift+Tab') - expect(await page.screenshot()).toMatchSnapshot( - `SegmentedControl.With Icons.${theme}.middle.selected.focus.png`, - ) - }) - - test('axe @aat', async ({page}) => { - await visit(page, { - id: 'components-segmentedcontrol-features--with-icons', - globals: { - colorScheme: theme, - }, - }) - await expect(page).toHaveNoViolations({ - rules: { - 'color-contrast': { - enabled: theme !== 'dark_dimmed', + }) + + if (story.title.includes('Narrow')) { + // Set viewport to narrow + await page.setViewportSize({width: viewports['primer.breakpoint.sm'], height: 768}) + } + + // Default state + expect(await page.screenshot()).toMatchSnapshot(`SegmentedControl.${story.title}.${theme}.png`) + + if (story.title === 'Default') { + // Focus state + await page.keyboard.press('Tab') + expect(await page.screenshot()).toMatchSnapshot(`SegmentedControl.${story.title}.${theme}.focus.png`) + + // Middle Button Focus state + await page.keyboard.press('Tab') + await page.keyboard.press('Enter') + await page.keyboard.press('Shift+Tab') + expect(await page.screenshot()).toMatchSnapshot( + `SegmentedControl.${story.title}.${theme}.middle.selected.focus.png`, + ) + } + }) + + test('axe @aat', async ({page}) => { + await visit(page, { + id: story.id, + globals: { + colorScheme: theme, }, - }, + }) + await expect(page).toHaveNoViolations() }) }) - }) - } - }) + } + }) + } }) diff --git a/packages/react/src/SegmentedControl/SegmentedControl.dev.stories.tsx b/packages/react/src/SegmentedControl/SegmentedControl.dev.stories.tsx new file mode 100644 index 00000000000..a93a3ed912d --- /dev/null +++ b/packages/react/src/SegmentedControl/SegmentedControl.dev.stories.tsx @@ -0,0 +1,78 @@ +import React from 'react' +import type {Meta} from '@storybook/react' +import {SegmentedControl} from '.' +import SegmentedControlIconButton from './SegmentedControlIconButton' +import SegmentedControlButton from './SegmentedControlButton' +import {EyeIcon, FileCodeIcon, PeopleIcon} from '@primer/octicons-react' + +const excludedControlKeys = ['variant'] + +export default { + title: 'Components/SegmentedControl/Dev', + component: SegmentedControl, + subcomponents: {SegmentedControlButton, SegmentedControlIconButton}, + parameters: {controls: {exclude: excludedControlKeys}}, +} as Meta + +export const WithCss = () => ( + + + Preview + + + Raw + + + Blame + + +) + +export const WithSx = () => ( + + + Preview + + + Raw + + + Blame + + +) + +export const WithSxAndCss = () => ( + + + Preview + + + Raw + + + Blame + + +) diff --git a/packages/react/src/SegmentedControl/SegmentedControl.tsx b/packages/react/src/SegmentedControl/SegmentedControl.tsx index fe9190e35dd..ef15a893627 100644 --- a/packages/react/src/SegmentedControl/SegmentedControl.tsx +++ b/packages/react/src/SegmentedControl/SegmentedControl.tsx @@ -32,6 +32,7 @@ type SegmentedControlProps = { size?: 'small' | 'medium' /** Configure alternative ways to render the control when it gets rendered in tight spaces */ variant?: 'default' | Partial> + className?: string } & SxProp const getSegmentedControlStyles = (props: {isFullWidth?: boolean; size?: SegmentedControlProps['size']}) => ({