From 61b1c75b74d59c16e0d05b9b987d4bb996fbbc41 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?H=C3=A5vard=20Bjerke?= Date: Sun, 19 Jan 2025 12:05:16 +0100 Subject: [PATCH 1/4] docs: extruded path segment coloring story (#201) * docs: extruded path segment coloring story * test: update story snapshots --- ...ers-extruded-path-layer--segment-color.png | Bin 0 -> 15908 bytes ...ers-extruded-path-layer--segment-color.png | Bin 0 -> 16686 bytes .../extruded-path-layer.stories.tsx | 54 +++++++++++++++++- 3 files changed, 53 insertions(+), 1 deletion(-) create mode 100644 __snapshots__/chromium_layers-extruded-path-layer--segment-color.png create mode 100644 __snapshots__/webkit_layers-extruded-path-layer--segment-color.png diff --git a/__snapshots__/chromium_layers-extruded-path-layer--segment-color.png b/__snapshots__/chromium_layers-extruded-path-layer--segment-color.png new file mode 100644 index 0000000000000000000000000000000000000000..c6be71b40664b4e20c686ff93d4956c951c83f35 GIT binary patch literal 15908 zcmeIZ^;=X?_dYy`fP#p@(4eA-3@MT#iok$^gw#+&N=SD~2!fO#QVK(tFwD>(Lx)n* z-7Vlyl9Kb?<@zluVQm2!#6iGg&nVg!Co^ za!&igIq(UT7Rm{JkvOZ#OGB{TEUOU6O~`ZEry3rp^(mi^X70%4KbxDAo(h607g;mD zw0E5kVLu1^Na5s_qhgv@{47zW19+ zV?K*WMSM*5Zk|-;fmfbSRlp>7pQn1~%JIb)wYoF$L^*X}`4HuOJaX{oG+z&SFkR<- zH2wT$>e*@C%%;j~3>gsbmv*f$DfrzS><|7lVj!V{KpF(j(Lo^o#^-s6UtG`zKZCCp zfuEOd8<9XD3~~)%e*zKzTkt`s6W_zSp%lF{H^i+-zry@7_MU3vX!v-Fz!#+vdqn659lCiq`+TJbNfEFw=WLteHj&0 zC&A<6_mmW28Sa*NGR4io67~|kT|VAw_~x)xWxo{?zf0iU?Pq1AlA<6=`{I}iA#vs< zzqAQ6_?XY5@hah~pN7G^?K*PzfWnerGlP|7b$qT@!z0MjOb3lfRyg6SzY`6sblpO* zE6D_Ji=|Fzt$gnJJjvB6tDQMM!W_bGVDs+{thW^2+Szxd%6Yz5>p~i90a!{u?x<1v zvuINGXwTr~CAd>tvgSF>$5yfggclwM=& z)#72n#3%G1)!DjQw~9L|mP8lwFiOdcFIl3e0HN9S+QzlZBk zLg>nJ_G>m&tpAy4O+7uf;5YcjK%-{ohNWcl-O)WRE}N1EQwGL zL&S$z)^eirdMBFin3CL+Z8+CUwTGK@Pu10K^K3V39qYU2-QZlVTYHe=y*_dBIZnUM zX~1N-avxn-1B=Dhe30gF(j2B?2WtcGQ$uiA*}kE~g|&z7*wW6*?n-mQfDK*|)3tiZ zTP;|4WlHz#@MDTM8qYR(lr~I(JODpVB)%vGU9y9yhWL}ERfqM*(doFNB$IQ{4dy?` zW7;&Qg$g7y>i0}egKoG_S)cm5-t@AtAO0TKk5z1x@P7g9bgJKSrM>+`!wJ4vvY=nS zaCl`gZ zJ#9EwbgDp$#N5ly%`H5`%#25-)-#r#&CP$Oq8CL^(I2$UPg~L(tNyNYl(z;eESX8D z8br8Xx|A2hzECj~maN6t-(f4&e`zgYwgmHQhrJ0Gh6;Wok@Ei9c&^BniTVrbr(ZiX z8k$|Ox{9t8M}9BU#f%XiO?Vxt>~&BZM0=Md2n=g@Na0Dv5t(^cq%J`dAr5LWf2HU5-?Yb2a&l(xw(vo2zvY#NOr+`e4V64I^YXGE z82}b%8$G0j|Kecmt@@h{+j6Z~7N)}q4Qp!(@IDbE+k}V|!7nrjtc!JUD|L9iZ7WgZ zR#<=JY;L&OuW4lUTWPt6pycAbHQw9O7pQyVLIqX%bh2x5=*20^kHwG+dhZ|+`6KYW z6Bk#VS1-6B1OY=srL1u3mkqBh9RLth9bt>?3 zl{CY_8-$ju5Gx0#oSGz|&d)f+lY1g&pZF-wQ5K24)GAh@;S(3ogCHGyPdBtsF=$$4FS9=#9R%YNeBB7R`|z zAIs#u-Tw9&f?ZJ5T?E}!+m$1YHdq$bHj;fANS3DbA-HZS{zT^zw(XM|x9`*twaR19 zy%t&enfZ7Pv}Sbq;o%`T9Bs+rUx;j3JSv7#oSKQ@C2*tluOmx!$CTmN8p%epXtV6P z^>)reMwH7^@w#L55Li}b(DX_@y;tMHO~9|x%ADYc#-^bXHPOpPxb4vj-jZP}GNmAx zDHmEp{T3q?gD`Cs>AhV2K26pBI(DbO?VJaf&2f}3lxh!84(k=TJ!o#EI5)V~1{_#B z@wslWfEBlZ6!8BTeJDPgJ6r3-U-Ptyo?H?c+IDhsC|dW2x6k<^4S64IP{X5vM(>Mv z5IaB)xeLg55T_x0(CY7!womTlkznUmCiBn)ewwGix~eyr3WugM2eUKWniS8hv5Wd$ zj+1c)4BxUw^P7KMl|%y1EG=Hedi zg>rsS5GtYNE^W0YQBTgrMYa^@q8I9OyJcH=UV)Z-P83(vuqz#U<+|IOEWiV4 z`{P1>cKHat+}e<=d8IS=e%e-iS?$4teoL1>7}6C!5bkYyBV+s^$~OIR?#pnCZWiCI zM!VY9>7-=v@6_XrU27|1c*LsqHeOBP^+@(CD}yqKuUGPb!!|9D(VqsPISAdZx8t$0 zSz72JtIclKNe8aoDf=Z9Ii}o+#rHc|@OAh`LmM}+>$MyF45$ZUZogi*w)DqwYHVTE zeIgpZVHe4|YzrtX<6oxgK2;gStf9(A0SM&?S+v4J8U(MsUEr;U8>rJG( zn>|&u;NmS~aIxlxU^kRtD-~b3jSbb2`+x1wLy zvd~b!w3RTmnf=*7dAY~P&}Zekd%02h5se#KyINPrzPOf~tFy>QvaD`cK#FVyC-fkf zFe02t%n^yTW}ZDKGHB3>Q?_7i>^%>99tVvMBT|N|#U~a4o>|PImEnBhD%wxXsW{a+0Qv>0deds8E}Eg9ln2e8whM6`>-~PsRRkLB1QZ7h1=b;~TdQQG}>Rt7bW3Nqy8)-NME85j0u>nDW6V$)XKuHE~# z!NH{NR022VfKv|FYF>S#*Q*|HkTjriuL-PGy;|gNJlL0o9_oEi8I7$lvRTVfZP+du zY*fXL|I{XO!ayCRAa=p~jo|8=#qbN4l7L`O8IKjfV@ld=Qwb+~S!mviDjq#~EtD0P zA0$ySPC_o-J4YuV3&QtnKZg|sxt>{8aLo?Y^l~%rJ70HWtNZcS+EH8G;Fed20=&en zz#gr_CLeh0wY1Qjtj`!Y?{p!(nq|5w*2{95V&Oc5=ZTbW)1`rWq>p2;CeDoe$}b`a zeK%ZJry|LTE^pN2ZBr;v6|!VjP?IAqNGBi#yqH`+GabLzMCuS=vOiR&jyh0!!EzgE z8wFg!pgC>$xc1Y2*+chDG79|zqqD2U%iYn%{*6-3lmcxv8R$uu?Aqw`v)SJ4QABiY z7J6Ms)Lko2ak{I7k83Z$k1A#IjipXc_~L2*aj@tX_k95daM}&9V%~3j*OWD${?y%1 ztv5F@32-S-w(+jfIu=#ng_VCD%vLQ6?)h+DaSwyq5i1l=NH;WXEePE!8zfEc;gPe+ig%ygleMEaP}QU|qg?5FZ|{wF?1-p>(|P}&-K#c@;U z#+(UHyLg_eET6tZ)Q#mV>9ox&MgC`6I1ndH-d;`Yf&O+t2Aw@xdi$*^*?!Z2C8wv-`JqMXbOv>9Q}$>s2O zT&~KD9PT%Qk!&-*KG7`bSG3)mAuojTf&2f_Ayde+7?7IEH~CN~MzvB7$czqJD|(3=@T;S%{X>w%Bnf6@ivqHh(k@(qcUj-o zT<)a-)h-=;LrNu%8>br@Y4ogulDwz>PblZ*7%aK!zu@vi4rifctI96n^xN_^?7UaF zKN&G6v#)}C5*UA0#0v-95+modWYhTlLFJL-^;IjQv5Iw3=r0uN`ekhe{M4aR&?}xa z1h6-+bRu)oFaPa+8QZeqQTWmdzR39uA!BUydt+yr(9d5szN~2&)KPT#?~=~byx~Sv zj`US=_s9scT?h%)3a%dnl#?>159)LJOFp&7p`7_yXyf}LZlh6J?TPM%-I5oyncbbR zIk9d?%IUXunQg2q`GTbk*uR-{0iNmNz{(%Gt&u7!f>odHdDO>#``$V2jLjj&`Dk+7 z2PU30y$)7?b!``@hCb$=u-n?G%IVwg~wG#R-xx6$~vl%{I zHK1`}mn&@Yt*v@txSH8ryH2;?UI(eJnj(X_2_Lc&-d$m{8s{A^;mD~QUtBP3}8sDoIree1@ z^w{Io;%4iH5f;dzz9JTRQKnZsM$E+lWDG-=D+{ed%{0sPFt-|`FXQ_X%E?a85SblM z;LBfn+k$_pxf8V7521;T)D3PxqrV36PBT8=W3c^ldYE6A>aJDAxCn3COxTqt()0TY z7r*=rEs7nk2K>@1h)=rVqjD7e3%0=P(?a@JtMG$)&-f_{){V?nu6^qgq+|`SK%qqqRu##??(M`kViUH|7JVD( zO=$R<*2X%TC?}($Os7R<_`Cq|-D)(3V;!w9M%1^oHpWe@B{BK*8)6w-j##uiG~3iF z`!%&qHGQz8@9d;D+75{@y-Zg`HvK06UZ@-1RYFN!r~6#;J4k%8H@s%wZgL`TrT?Rz zktyW0v5t3L1f;CF2#JvkZuoW5%m7~LH1#D;B_mNCOg)eF zw6~_U)YIKqKqme}b@8%G#!nJ4yHJyTkLT5DX!h1;h4E7UmbU z{qNgcJ-2?Zl9wUXB~FaoLfF*VVg4p^&luFL3cZBxE4?stSk+Uzw$f+k!*nT1cfFZtc%ml{C`DU^w6(sw26AG0r6?5f z)=t=VKx^>8m%?K8zI7zJ#9c29@Zan1@!8PohY|_aN5ieULjA7e$C$#7s@axz6PBu3 zR4$Q(Q%IEpJ=kxLnDjWK!uu>SZ@t3B(D%^wzxs%Vg%C&=Wke2w^2(1uwNvV=EE z^xi*5_c7=H5_7*e?h=%D&8&jlPu-WlxBmW>q>3f~ zzQhAS;r;`-W$*pT-o^6awlma*WrGLR9cu(Xy}?lstOy>=DrVWzqi-v9h=R zLD7ghKwE8Z2}R#}6ksfTKcvwcc*P@!lLesuRub8hfCFIyZL&7KaY3>GssZ4{&opwX z+Zf;(wooKTRHKgOZ;H)&!iR&InK+vBvM-dTl3#As@#`+u&G7e+7w(;%SSzbg)qf@p zx}Z(W(OxLi)e#}SJVFdA0bPE-QSTS#5;P40G3o_Ecav&fBO}itb=Z5S@VWXe)ev@f zkgnCfz~OjGSa{71+rK){h@5ZEoiDhz7nsGpJ3cu%rrlVrrpT_CF5_ylw@Hk}hNUe8 zFaMYF4NWUtNSE?YZJK$QfX+Ux#@RWVDL+C~47S(0Lec`NK8w|YTj+8VF&)N7H9b)_a>R%I|i!{!H<1w z-t-Mwm94