From 3c99e16aa994ca29794a149bf3623ac830c75338 Mon Sep 17 00:00:00 2001 From: Fernando Florenzano Hernandez Date: Fri, 23 Jun 2023 18:25:31 -0400 Subject: [PATCH] fix(create-mechanic): removes unused files and declarations, and formats files --- .../function/assets/FuturaStd-Bold.otf | Bin 26900 -> 0 bytes .../function/components/Column.js | 2 +- .../function/components/Image.js | 2 +- .../adaptive-grid/function/hooks.js | 2 +- .../adaptive-grid/function/index.js | 78 ++++++++--------- .../adaptive-grid/function/styles.css | 79 +++++++----------- .../adaptive-grid/inputs/group/index.js | 10 +-- .../inputs/group/style.module.css | 4 +- 8 files changed, 79 insertions(+), 98 deletions(-) delete mode 100755 packages/create-mechanic/function-examples/adaptive-grid/function/assets/FuturaStd-Bold.otf diff --git a/packages/create-mechanic/function-examples/adaptive-grid/function/assets/FuturaStd-Bold.otf b/packages/create-mechanic/function-examples/adaptive-grid/function/assets/FuturaStd-Bold.otf deleted file mode 100755 index dc25384101f5c6c9d9d10bdf1214c5a9b171c102..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 26900 zcmd3OXFwFmws7|h-2*i^Ds7|A=*)nqh=_m@BOs!J0RaV66hs6h3J6BToO8~Y6%}(v z#Vkh5aTUX^7}j-N_4HWd@|_-V-`;!QecyZU`}0jxU7;(SI(6#QsZ+)26&l)$slwzk zN+!tHC!}-7!M%<#OlVhzVVZaH_cv}1zj%#d$N+|EchE1STbCoX`r6|6u?$mVd6%GG zA&OvR($sUz6>%!Vu-;f-R7`SoT25I{Bj#O> z-#5j_Mi05ySMw)+dxEZIJSJFw4I_P=j7;-Y0UQ^{KU4# z7oQTH9DB;JtpMYB3}f{rEj1&v{0QTT@V3M6MuwHMs**OJTlaQQ)plPPrLqiDn4|Tc z-~Hj2_xV%e)>~D>yh=tPr{WLGDZR>jGncpn<$cQgaO*8KReY;>e`gqk1K*57k)!g>(Uw&;7O_^* z5_?baN&d!IVM$uI zM#G$}46B$H%+<=U4Wnk+%CMTL&DvImHH;HmAMwLl*OoOZZ~>(wQl8#Z!ZtayP2!e)7{-206k>FD$Dn(&ww+SbW93x0X3g3rM<>RnW)5{rN*L_n*4)jb zMe7#-X@vyFfsTw9ov!L(UxyR7&rVTmrTOP$OQk@zFa04OJ|@N z@^TxQm}+EvvBp#;(c&jziU;PDA@X9{V$FV--WfxGFI!Qv$zLV@t8cw~e<;3vF+ReQ(}<9dLVU|ult(QDTk}B| zWXVy1?^qm{6iaS-)H5-68>T5f*_Ou*bN(1pH_P}Xy-FL$2wMWp*r&Hx5OEix8$gJVOnL5za?UlLTSbEs(2fswymP6TCKXB zP(!q@S*x~ISEsJtV03V-=TyHzL+3^=ja{3#HFfv!Y}UL*%T}$u+O%!gzC%avvA&)B zI{SC&+ASckdyk&If_evsg!bth79P>B|A5GWgP2{r_wGA(;_Rg>#h0&Ly?*0X$<5pM z?%ciq;PJypPo6%1R+_dxdhpQ9j3t}%SB#tVdFGtoSAY3BWcm9Kzm|QPHIL3;G$v}< z$Jjr99yW56RIumN+{LLg60&`)*TKsRF>ex+l2eAKkH{LmbN`M52M--Sa`bp1bMo|= za|?3D=T4Y7dCJsj(-|wpMC@=B&u3)(d&d79Lc#AQ)>I>llre7QFtG z7OGD#Bzo<3!mr>~#hdwTon#iu)-E`GY;aT6}-UnnFPDTHUO zS%UuGoLo1nVXLt<*jhi@`DdS%SLJ{G#o=Vh!$~-a$!BIU!~jAYg_t8k>oFa^vGW+$_U*~RR}6?!joklDxVXAUq&nM2HB<_NQr zIfkqCai)+t#hhTaF>{!6%xUHfbCx;JtYMZgSC~soF>{T%jO+M(<~nnWxxth$H<^3P zZRQShm)XkPXC5;Tn1?83Jz~}|ijAaHg4r^p93CI?*kVyCWGit_; zsln7@92ghmmhF(IcSnxaAGuNrf;1ixzK~gg=--OyJjk|Fd{!!zRs3R;GNXGX<4QLo zCBeO!Z>O|`&Lh%OqlYFWwDj<7?G>AmnUE}t18LFenF-NJLlTA#O-oN5G9o53V?;83 zNk~n>lAfL(Ubqq`#6%}0qzp|+Nyr?Pkdhf2mmZxIord{G#tt75os^QAY4MX{GcqiJ zxb#@8JG~+?b#!b>T&xU+yN`Q?=O=rfoxEhPnUCyYLoNP8todIEHUF7RW2}@`{%694 z@&5{k|A-Vs31Y|?nvj-?$QX(UGWLueF*GY7DG9|cH=~amF^0xt!|AaodJQqkxK2kr z8>3TDxQUN74vEf`1s?gMEbhc3wy-`dAb&*6rp2abjzZywU?=_?ty${*_d=hmkr-3c zjR`36B_+hfrevh1qbMcAk{mtCh~sBOX)!&vf&yZPxEe=f$nPNu8EHw;qvT+6Dw0S7 zhKQURlaz`X3>9#tugFNc3Ms5yF8B-kvmS#ERH28fFIknW@x8BQLm9n?{&bM7;d)fAy?I+tWRjO3UsZv;_q{`148;zhDu9>Wvrdg-CU)83nrfSowo>lu+ zT~zgE)jL%mR&%T7U2SQ#=hgnK9%M)CZ0!>5eie4sFxF^Vqf?Er8bfPj)>vQTLXG<( zBL;}w#j)agald$0yeYo2SK52nFScK0ztMiX{dM~idvi@qO?^$zn!Yvr*IZh2b_AwW!vI+5>B^&^FS#YQweXb?&<3x)R-6-TOLi>Wr&%zRu^m_3I|pom+QT-S>K4 zzfynFz#D29at(V8zZqK@I~uzf2OEbOr{kVvukonywDGO+lhNeBI(RsEIrMS}a~R|> z%3*@TLWh+O8yxZ-UOK#U_yd>RnvMp?4vtBVnT{JBpE~~R_^ac$dUo}+^&ILot=GL? zXuaw6=GR+O?`XZ#^?s@MM?LCf>(s=lxl=o*Ag4&DRZeT1);XE$PpnTH+Fb~ZZaHF9Y*tkL>LB`ytJTwGjT++5sUJZaBaC#3f$SbRI3P|mWFrkjGy(|MRn z&x^DJEaISyr$$;Nf*dg~RGImKmN0an80V!^7^91*9MjNu8hR!ha-==kM@a?|N}3!L zp|>=Z_U1LT=QY9}lU$U?mXbVj%|4H4X2Cwn0SDE9v%4W36ZXIw(=c%e9mG)^%Dv+= zXf=*!N$X}wzrj{oCEE^^5W1{vHS`f&ZoCk8CLJ1iaE$esgNG&_)(JDIx(uqTgk@mA zxIU5p*|p<;$Y>(SGOuuTxs7ai##x=TYDCM+N4_58L z{+HMLPTtdN==E#l9Vvn$AqoPQ5+QF8(a;xk^0$?2AsCd<*OV_dqPhVzih5~j`~5WS zGp(x!wwP-RRpKEC>S@7kC$#$sYGGv+1)(*TEHovFKhat{X*=qsrS;-zP+M9B3-;hX zL*4z52JN-rH2|U-fes4}l3d^;-JP`|>rVEDY?zsCSI%6>Wl9CNG9u2e*ZfRm$Fgvb zh$9_KPjkY=DGj-wd7@y zv>U|~DyIiPH*lfdFy?|Z^^Q6~DZ3s{E5UU?(JUtPUG_30ca70>E1TUStyfA-Ot(a{ z-JeZ4sK-lo-~9Nu-&LX&eow;csaijDQhuAr8VJyfMVl zOat|?`nZuc_w~)7EgLk*fR=aeY=q_?4Vo(i*1tt}o0v<>2t7yJs5CE#6b^0JqmTgY zo)D=Hv=PAuSnk2iBbR~ELTg(459&$%sRE~#&lEi*@iUgrT)ISia@&ETQ@bMi`$u;f z)L&08(U+X`3EJ=oa61?X)u9Cr!kPJdPv{QsOpXkTONuaL z)0+I;rAy~7(+Qu?6b=gRIWVSIkEml84RioMquZhOM>BhNn@ zc}EA{;QAZ%0DTh>sPmA-Nn;ZXGv>fBxl4&8g~*q*&d4ZafAEAscrV3SQIXd0qfTv4bScR+ z%uorRJd%6)J8KcEo}IuRAJ5z1{-IZi$9DZ3mGHh~!-*S@wctc++@hjhGfS#Y%~>!G zaWNa3+HHU+mcu-Zp4k9!vCkM(Y~##cwZscS>pgBspY0i5^m zShRANVa^PiNEdPtY_btc&W8FMgw_5bq5l41XG-+K*pgG|;k3hr<&!+m;Ag8XIOpV9 z2zHReeuNw)==T$MFn1xZ$OniJrExTXLweZq3pYmv_`XEUa+0PPTz-B`UPz0TFQo8! z#JreJo<}sVh*SzUMe{fa;HV20aOY;ID84Zw$%z_wYS#%Wm&~}jc_4SV3 zHw|9bxa`Eh?AAK`R1*l2Zzp6ZHIOMZfog8F{Y1mm=E1Gwrlm|@c6k0KYfWRKnK%pQ zYfET=kBi+Jf|;I7PL3y7T)~9>S%M;tIa#(lr0TJ`=+XBX~`BqPcd8TtPm$;t9E85BWUA z;tcSDc!;My;6;ZTD5izeHhT!KX@d)s6LR;$*<>$~rr_M~{Cz5xErdj9LlePHr2+SJ zq}7@@rF%pBLj)qE+DfUT0UxtJ_mGEfa^wt#-xJCs529f_ZE0>un@9~g z+6PO9l@j>=mP{j>21JvNotz7vxWap4FMTZo6b^F>2rZI_#Pa}w$aDy%t+J%g5NtP< z2uGx=a7&~;GNB5!qK)+Qs0H2Y&I4kqy6gN)ac&g3AMr#qyEFa`eL=oFr+Xc$#Nm>kv&!vP|i zXXKPDqlK8f#jjuJ%s*Gc%r8b>W6aC?A--%u=|vL0-{QcLH&-{^;;;5s7|1E|cqlzfQYKRXA$P)2`+!xG(5QtK$|!ny!?l z)9T_0^YjQ+r4YGR79xc_+$FRXmk>=8qS;3-6QNKTd)giXc%ksz998(v;>?RWXz~Rc zaE6AC*oJFR&k+NM7$hYPP{C32KtIw)F1dYWZNe%GghM7}3T{0L z`pi(Bj0;`YOGiB%XbtK@oj*|?Ty7lSaO{{NL)Cg@V589^=Peqe7gEM7%2_^jjkP?I z1yr{RJbMDsA&+5RLW+SNg-3n_r;8*)eJILiFQSmyc_q1ssQ-Qo!>d#mHx%E#v$#hu zJza(I>ngDC{+!zTg%1yj*3Xdac#XLR7GJWQn3u?i`si*d$|mL-bbOWx6Tep`e#68$ zr*X~PO(2$s{xp_@MLgXM+h7Sy;3%S{H_AMg%1pO*Bg=%d6;R>&TFp)dt7V0&QAa2Y zA-I(|H|xcdC$pLd>*);qf-=LCOLHGRdoZJU--?vSDj)+(seNbvgur)_#PJ!|DGgG^UNgQ*KY#Ba|TQ zF*vDSZo2+)>&EHhHtC^LyvnavYWH{TH)pTNZl+-LxG3!*L; zXgMNT(~)SpKfw9!poHF!EK_*Bc?k#BJmg7BRjRi#=Oq1rkt|EPWw*t+m>9U_f#q2P#l*?NtU z4*NFtXJXnSQkOr+0&a#*lCNNh0uBK!gA#Zq3Lmp0rkyju0@c?JN8|J^)OHhpbXHQT zfsRnMygDX-s(ywlX)TdM1_x$b$M?cGjZl0LD4tL15(7rpgw=0xN zg*<7UWFw|cNDofaB}Z=BgzG@mw%C4K2J5`S9K)gwz%}M}tk`sFvu^vI#NkH_LSA;k zzSKh9({t}H6c|t+L8nPm4?)gRB5i9et0d@l(L7bwN~knTU>3}PDJ(cZ@Z~b4q+cSI zec{*5S-WuULThNHO3RGPjo0~ypSf}S%!ymOwvWx+Xu#y&tGN$uZYt_L&Jj2IE?Q~? zj%vU-MXwnni^k9yQ;bmcK1@Ug@(Tp}psb^TzQ~9*LVrd|ha&O5N{D2TsSn>f_DG@j z+^)h)C-)DG(8ohx6@<@d|C098wf7z!(%TRgk>cM;8@YVohM{`Obi|E311Uz*!+lIkYp~~qw#=4=`AatGcAp(Pp}-)l%*{D=aBQLO!r{DK+YLg$-28%7$LF1~ zrWziy?$ds% zv(Gq9d3i5+E0&kbNWJglZokDlGR5SM+qy()j=1CuCzKstwCL)2-Ii_R#;iAN0}pO< z?0`iBb%CK-{i6&qgK`Jt24_>IRx^HlNA5WvO~*|dG@;j+nA#CpDWm%8GBW1R%QPfY zuP+l{Pr9}B!u{H(Z?1Z@^7%>FQ419O^82_9jRr@P7cTbIp}O5UXhN-UUtbq@^=fbx zt_rtcFKiGKS4FKps9nD-Z|zb&v~JDik3EId;4rlu`o`YEPk7r>I&dT*cLu z3#7u3RT0}#4Z@xNF|oY^v~7+@lqBfEvjbN!x^UD0ZB%^5;C|uzPR-HNK%RO`hWZ`B zphJPv{wCBvI;JQ--yq}{?khNbMf*qKp4JESRC$(*T^qXggm%Z~wcGW=)jgZj;};n; zzoB@&^f9@L-bz$b6oRW*-2K`$F7D8!kymxa#p`zMH(c*_@oKkg+^)UrFBNNxM_f)k zq%XeQqqu8VZbxj-bv<=G0<#mN4PCGI=zgs$H!Nm!_a53FYlHI#>v6q1B;Gq4c~?m5P*7#d6)k9+&LaZ^&jTPbqo9ow3BM z0pGF6NJ}vhwkmP!i;0$K5k`xk!5E^MTtwbN6veIOJ8~OW5O0k1K^}b#7UDvDH;_o| zKxFnGEDPGailur&_V#Q$IdfmkcwM+>A_oa?w#EFv;KEIN-Xa$1!e~WZr0LIz)Cim) z8l~su&_)T%QQC^8xXT4U^G_&N{{)?Jns$b06#fmE(Gg=#@RJ>^fHtUIT!9*`65OG7 zR-p*ygp=8kcDDGpaG!k(wF^$v56k$ekT+uxb3qT4W)v~Gyk=p?$Fh$~ScNST)V0*0 zRhAo8)26@n1M6ICbJR!EowDzDKAP@c`vu$XEmdKmsZ>P?@1@HkW!ki?=k%l{Fu*)6 z{q#rMQpzCz`iQ*b8H-|)5*k6saiVEjk$|HhC(I!7m=wveK-1J21V^I?N5g_?u%*6; zZ@7+|SM~(te6al0NRy^#5O{9ilzexy-$G0)XOTNQP$T(K&@mNCNg=POQZJe3E{*yP z^^<<9~(T`yt2f2=p0@yWnUDOojeJnea+#0!u|2=*J76>L<4IL%m_Q z-2o?}_0ffwvoGtA%hq}duCoouB%(5gMMfv>I&kgw&U1R<)ru7}rmrvvWv)_u7jl!_ zGmY$k9y~UUY)9@9QxgwD>q_R~C$b@0{ktko$VK8iMmfgJ%774eR{lK&#k)hg%6LH5j?OL!rPrv>(H(~VX ziP^gJth`OQtnDb+x@iTj!y4@J*q#Kg-y&dd8mR<($%reiY2!}!5qH39Gk^Qf*l95`JNav59aA% zdG~=L(a2*^lY`B;E8H#xziIUhjL%xVv0I8OmNO7xC&Ws7#OQ?lefxIhA3V4#X~>X- zq-cYXbi0*^dVxz6r|Rlt)t2;_<*_>FF5aHaN;-bncVNZ#b%r@uWfOU$na%$GmaK(w z;?q+c-CMEgglQ_^aEs9Zd1xox_u$s|k*alHP7{G!W7sNY@0_sjkoJ#vi28kda!2Ls zAGZ@%r!7tzrlt0cU8&8GxFu_o^t6P!i4WVBz2+iHo~OOjWs+YKpM(_~ety;dv8x+* zqEqv&?z&{+l<#@Evq2;ElQ*AUX@q*=?sGFlA=8QyvP{nQQajuTk3w}<0{RKK&lrXK zymlzL`>QT@Z=3I;qe-Yd4Wh$vOwos=_xE<)y6#N$SZ`t{%NNo(&l@M)ODH`2^939JozJ7gk;q&Jv7mNm1D@1GT5IlR19=3ho z-ktde4H{TD8mi+$C4Twn_W3&0dQI|>YxzKHAxzrag9uyA>68<9UCtdixMxmsLjUCl z_a9oh(;$SIYAq7is-}=mZBu#-*58b4mFKIA2+z&wZx9k`9o5QXN0y(|UAi>V&oEZC zHZo>mKOJS9`k~y)flb)2k00&5TxjU9t1RP@ZWA$dBSM(>ko|WJns_AWI~7~R*DJ|u z++Rt7{IioB9+$KV=U^@FwTP+}?lY^YFjbRrhd`ICJK)Jq!pSrohKW;`%~-iod-+h& z-Bl~6Pg|zH-c6i8ZqB%|+JLACpE2X+%+Jx&b+ndvv-_=^T-u5AIhS;()N%R%zPHma z#2hhPyVkkbuQRu~U(kx4I_gE8oM|V&jX?(nBCcMI#uE$?JWD?x08bfHp^yU|g%s&e z#8j4f+5z!OQQz(XeIo(``<}RZxv1!h!PJZjqL4C$__Z4qG*Ew`NB1?T=4nG~)JFxS zAJlMxcCRjOxOTzN?byxCUu0Ye1>QsxKN_0iS%@CD!}WVY{aM*KC?1v_jVpAbsNWL` zn2S&j$_$yK7nbJI`l>tgi^Dr=+XqEVwh&z8pl96t19((*^$IHT?-Jl$K>fw}&jWeh=O+ z;m}Lvx0<+6Ir8pwk~>V|P~YJE5+0#G#D+fNPN4^nxHh00n~T{q0SfeP{ucBs=9P$bu56}5y@(7{x19WjkF=iDH@2aHZi)C)I; zC6635Bg`6%yl`qdp{}NScxWc;9pfL9%A*@;@sFb$M@)CDJi2kjqZ``IJR7yWvXTmg z4_QftXM_2&s?rzPz{K5Jt>5o!1c|$F$U(co=gu!4q&H=gozmRhrS@bOv0`fD;QF z!Kp^+3n-mOaAOxO?j(}4)lNJ>@e-mzWM!^io(- zQqfUAxuZg#l3&c%v5%WeES*d!k$d@lid0o>uM)QJDJ0pW7cL!d7{7G#sx`>8`HSRz z*~woG!sb0kQ_qGi(__KABqAzjI1cQVlEn1vp;HG~%LlyMOD-U{*#g%;z{cO$WfkQAHnwC+jn;Jej$Q1Pl^^V65+FqS_@k7RP8Ql z;Mb?g1U=&N0?BF53!e)~OzM{1*il5-!v}Eo!7UkKAKpk!g9!|jMDfj-j%QtUw2qex z?(T#a4WRbxpU%HqYVhFuPal{vK-Zz)!+Vbo-+EMdAfq2{MH&-ul6>2d#)PH=c#tUa z)1;i<__b^@ znP%E1Wa5Vd_#qR^tMR-~NJ2R;GYGGcP_6m(YSMyDXdpziL*IN9G#=!2Hh4=PvJuvc5Z+_~al>XmH6rFnSR%?GzLi1z zgdmbuQ-GnTy$0 z=VHEoxtP&amaK&}j4M`ZMj5sPmO3L-0+!2^X(0p)uJx9y_m=DTmK*Rsi$!wjE?M9X zAkT*r8H9yJm}x^1W?EQ;nSzV3cB8x%SWtvCvakp@1Ivr#-N51^+zu=(8j3n$A9MHB zsPd&XrKRo2IJq|siFu|J=z$T0eLWs(+acAybt1x7vzv6w5i^@ROG`VDcydC}ySC79Euz%+eFLkg{9roZ;3v6^K?03YH0g&B+Bob-9TtVVPg1eq@ z7E}w!0D=-TX8DOgNp>zV$4fus2F7|8)RiVddv>d7ta7WpY3w_mt~B-GXgp6hd=KNG z=OGaf)NZf2xb4xBJ+AH3?Y1MeXf+B zIdRs+Ty4&*+}RWL1LUN)c(kztm}byR_gnFXRhtapp&FhVoaw7`>3i_e7y|_Idw=I> zEjXHVBVuf6IGdfofq4}u+TQ|?Q+S*y8g_s#>W62rPgc>1(OCF}8&jgl%)vfjk* zMWsjyYD&KON(ynQ3P#X@NC0#38HoDt5i}FfN5P~%)GB`aSRcT*@pB5JHag0>9KGXb zn6hx%;>B82B+s2YXRcnlyiJ@wbLup``8+>;`uw>DNKq}Bw`Ac${q0-79>d-EyMdi= z85T{RJ7I!WlQ$e0(GeWpU@)Mb$rsjvw-Pj_Hsbp2r}OXY!0ryMO6?}i8Z&c}VJ5$A zRIlPjI$SBOs2Y_rs-N(lLKi&Bt&8W=JMgNP2TJF`v`UAl^mqfz{O%|Ah&osD^5nz& zHxKttTx{?hA5OV8It?Cvsi6sr6y*)M*r4eblUjr(->=dpp!trB)|3so6~0O{nKIxe z{S5Wl%_fb~n5rs=R9VYuUxq_bwV7?_bZjqI>`5KG++~@2R!eEAqsJk^{$zZ|?~WJZcCZ+&{FZ zPI873;-&o&-TEi=>=7EbpBe`N(bO^n_V5NrLPHi;8YT!q0m)um->C{ zBQ6-1v@l86CwNS3oFS~w2wz%TD@>>1YpI^bX-JCFtGj%C^R)uQ#-pq5f7A-@5HkwuKo9ND3odWiuFqSse(^@#>J`(bE;DEnLGv!> z-QoA+-r4P!ZlJRGxU^0b;`Ab;*ImyB0rutYRT|L+1B#K&c&!*^C1&R`X)37VLG~znl0DD<#J*uavfmZFqPk+d;;qsOZz=1PO_c7+Y0Blw^~!5jdMh`pPFB6G zBCK+)u2_{={lqzOO}X}5AQ#LH;6`(+xf9$u?mG8~`-OYY{my;m%6S{!j@R)Hd}F=^ z-fZs5_uzZ;;d~4~m7m2g=2!8X_``e=f0@6|Kj%O5n^^59*>Whk6GuA5W+SU!N8(X))8`3?jds~NE53-K2&a$3pJ=1!= z^-}9q*6XdeSZ}v3v_5Nn-TJ=uQ|ph`-)wAcs@v4FX=vka<6{$K6JayZCdFo)&1{=h zHtTE(Y>wF!+uXEyVDr@Gh0SZ5cQ(J-d?#vBmDC|l#FcoU$l8YZlVCEC#E>{#ud{I6 zW|R438CgZvk&Sq)dYGIh7xB>bI;vNnkuvf--mEpNSv9A&QCDe6hG0R1TIyw5CnjU* zOadd34>YIA1{!PyHt$^PRVd-8O=J0{hODGBsGDQkcMqYS1r<6zQK)A@U5`NxF+K3G zy@fc1(6-dZ39l1%2B9%@*hKW+L=Dd*JWQ<6=Fm=1zY!h`RcL)so#OO?dKsvvRXw7P zAPz*$u3w2ARErpw*5Z{I2UVlVMqCT+CV%}^FFBybp`FTQUgLYd`W}}*jCiSg`C)zW zWy8HY^WMGJO6^qYN)Z~*+QVV(ThfTAqfm{Cn~pTxbnL-RN18uTpC?A52_P1sceO0e zqP)2p#mxa{5dc(X)hFtJu&{u@Q+=;qJymq&YS^g&gIc6kO}bNCs`(`lRG|9h3Mx-+ zn_Q+=hK5$h_Tp{4*rDk596Ppm?=j4Mw-uf`DDm(>`QRBH4y`%OIMNV1sp>^S393!i zqLHZ2JtDMNg-R237^+#^Kz$0@>pK&5=%7J;LJvosQD?I#rpb@81tO&>QBNdpM4f;a zojMV9Aw`{TEKm2ymq~{4^pLFV9fCDeatP z3R@9%H)2uzNdm8iKv|Ak4Mw~3&=oKGy{6&N1Q zK&`Om7Ov2`nR?o>t4GI3z3|ZqUgLcVuX!q=>_PFZPx94jFJw18=@dE|x3_I6-X<{K zuYWUGujwq`d>R6+ahRe&jW>6SOasKdUEMZzlox&$uO86`PZFVOyy4*Z2O~qZefwob zcI{nosGq(S_2l|IC`){+yZ9-VkMWbwD0P}+JndQb{{{Q zoxEGGmL_Z@W}ojl}=c9eoU)e1ctvZxaC+xTrSaF&ou|3uY;Ux`6oShBT;bc9DCPRtn-66R}^CxL{?>^jK`l9Vt zZ^N8U;+Fi}#KffBwA7@fJ9gwR-D=RhQA$qPB3}0PL(O3-3`ccrXPQQb(@rSz4abc& z`Y_z^#)|r&G-8L@{BhB;L*;k}yc%JLdU`)pV%X6R2<+5>L`@rh#XDoJ7cXx(xkF6{ zjYhF=9ysI8-5{mpD@_;I#YHcP*5U0vJIW&~YKm7h@Cw)A!;9DLH-MXJL`Hm0qRzYT zsk^t%oW5DGV@&oIgPQ({y6~xkQB|N8%>g*Ke&wYAoNDT0r-z=@mF|0fdx4=PuTCQD zRH9T*yF+l`9AJz(4X@|Gq-~b#IdDKVV#DFIE4nveI0n9kRj8L6cT>b}KH?yXmztWE za5RReTDl77*eZ?=#i_Uq{uFT^7Y=`_AYZB@-~GVp9F5iEdHi@@onpBTq^9=c37)_| zqBqe97V>;~$*9}cbPa0)VXYVB=iTd=Q!+q4J4<9%QIV4#-=-jXb75y^--KX1}x+9(-0RQ<3 z5cO!ns_8TNQjeNlBpp!V{o2MNOol%>RHZkTdFmAUCx`5?F|Rh~<`CLZ+Np$frm3ij zwx|w0)$1(>5TPji&?=y|Q$r^w)B^ged=D&Y`@ z^Xi!kXD(Qv&0o8*VCRP9)acZ~si}GzNh3K)|A98=)yK(md;EtByw8MJ74y#A{drQ0 zetOgp2f$60dctr1S+MN4-M>Nm-zH?+t=&O@+kuE|gMDtJMxFOa6v{*@I~Qs3C8A!t zVBVUIIyFRGfCx3xbhdg156aefhw9iZ{1=aX$|B3*BkaS&M|&hF)OOSEh#$3Ss;I_u zP@@ zckI}|KXFHlL5+HG3tz=?Qu5I8-9zLjKGfZb}XyYu~dkNeZy<|Hat$bQlzh){QavlU7L2Ev?0A5Lv|4^PzNptn#Wlmb$aUFZv{_Y2SJftUVp^&Ujj zvllI#vq)F4V|c>Ql*}O&QovQBL~%ha|0@kD34Z$nS6f>?ZCu-IO`ZQX_)+ww-GC1s8rrdQ7xvUR}rH0z=JPL4Z^RNyz7{#|zQ9T-0vfXP}?cJ??=6|f2y0PhIHj+f3@*a|=$d9ALxH4XS zTAqyZjmB(bCrEED*kqJaO@&!_o*D;@)zoJ+XyG7KQ{#F2#6UmV78(^U0cDHlJ4E7h~)fyK#) z|HjOIMi+)ImkGphQ$+#eCp+a0MopyjeeVZ_0mHd`15^Ouvut4M#s4^Dn9Nw_%xhMz0VVUP+jC3RC&-R*~hu zE5&k2ak>0g#aXoZGLUI5!));jm^e%SGZ{gVkFe%5E!meAU#}R9eVoi_5T@E#e>)b< zSIADW#}aO*{0ZyFbj4D}UM`1D&z{FP%V^nn#!j(_@lvE>+piGjOX%jJYsy$79-XlL z`xd_d>qNXG9_FAEm^0;l6b0p9(0#+W7dj8-8{@2y;p>m}4z{=!imiyleOMQc9p(v@ zonBVuLZi>~QR`Tnn@W#wkki}`3n2XTmLo>)$)L|Z_Xd@^pa4otI>(_|X?&zyy3 zWO`|UG}nM}muUy-r5Wp2eiz*-42wT#MW&a(JDFZ&TKT)P&`Kq}AY3wC{EM^D3DSs6 zCqEqG!I^a{KaTDIhRI*_A@}3&4r# zo$@Zz0BP7+nT+MPBL3z1cZ;c~oP~7zgsGvJi?lMAX^qYcT^sz?8uKvnT$RUJu2ZHl zR8OGUD729@kztdfGjZfF#)kF@HZo|%3GH8SGGjmsQC4yYKH<=a%TQ)CT5Z@+S;v-2e^2H2V`vTH3G;zfRF>x} zzN6hNOPlP{%JiLM@^e!K0$2g004=(C&t8hhr96-;kYx)gVNp{wbAZWvf?m zZ)Lj|Td)>+ylin?f)GlcsfKvB!gqCitUJaMv$MSA8dz*a ze%G+PyI9`7m{Tr+G;E0nS>9FgtwMMO%0f~*HlYQvY8Xe`ZAj~NP!%{5EuJiv+b(~A zI4&-K%pi|puAqMv-8FP2<(HV7=-)#B5&DnO{Z#&jDa8_`vc%(mD)G3o#AD`RWhpDH z_Z8Ol0_%8zWnUmXkIJ`T=n}T>gLNsCQ)S4MXRJIC4|TCO=kQrr{G8FGh$rp+g*&Z~A|LmMK3}p84Nv6XCM^n?t)i*zzW%6T9*c zEC=R--G4Q;rkr6xxf;t93g~Xeu^=D58`5VdEvjQg!!M3 zD)vflb4z(tdE!5|iK&N>G8t^KSZ*7!@Spw=w>V1w^B?x5vg8kZSz3D_$I2fdz8{yL z`**csKmVI;%2f0pKP-oj9RE>+Tu((^794NFuQmSfwDtpHOHEPo`>&sD+Q%9V`n1BM zfi`Gmh()eojXbF#(*)(bW`BL@g2sNrm~f^at{y39u}HR}K|$6{HJj$>=4{ zXge%xjU1~XJ_@X%334tEe5@>{*m$h11@gUC_{c{Qt!|<`j zmco&{^ux#2(jtp(&c@p0wyIcKv&9x%E$vxjN)^nl!KXIzj;dI%4xd`smpYa;!4cb& z+h#3oD=lqvmbO*MPkj+?KYRpS_5G1}&2H>MZ?i_@5_r|9Vn#Bvo7GzjO zCKMlgrVl>VP+sWE)U-gaut0BRfu2VbN&S&~%UH8TUON*ZnU9YhT7g=ObuPij7O}Yp z)8)RY(3aFS{CXW90qscLLU?YYB`F=+k9vanf5OKetw%k_wq%_1XfNs&)?dNvWu9+^ zxfBUQVpG#olX1QTOpH(&P;l%l_S*9i}M!j%9dF{rByoptpxldFS zqN}f{7Et?E>)8_{>THh87$inM+2~&7FF0A0*4-zp^)R^C<&}M`h+y9r?Hz?A#G#F( z^br}EXdNjtJ2gGgqo%tkXHW~89~oR_J3ek6uI?@sAL{-1fYz0g(U?+ZbaGlkN}MqS z4OOD;B4coBYNkhXch8F4jeGVocJJon+pT-I&aFn^0#jzi+GhaP=x-k3t@dcv;-cW#65zHvOCb@n-&?Hnt^?b^VTBd;N9# z-Ze$j>c1NoUM*wT$ScFe?-#OHNkWNmMfcHk7;|x< zT~76Ca~-eV*)KHiU*`8pJ#y`)oIkdz()BMQe!DvP<&4GMANP#@ZT}|f-#)0hdRm5^RH)%%Sw<^5#^=hL*4Ko(4&ujg( z#_Ho6E%dl?BCB-<-^b8jZsVz5H~&* ztXtp8-o3_;c9e?0LP~dyTxV4oS}UYl-n}|+QvseY%gRYO(VXNg)vfBf>o(PP|3B58 zdo+~m9>>kqwcHs-43RtUI}>f9+)}p7RJ4^!jY)20gecl&X49@MxeM9hWE;vcgq;wD z_Jpuhn?tg@P%$bD(%#B>W{g{EuXX-7>zw9~S?hh~eb@WE@ALe=-_P?~YkrR+EDy0Ig5bl<+-{ya;S8#52oo4bUh1J`u;=&uR(z&3U^jO;?I){7L|XW6@S+(!gvW`x)M zzUqxiukMwbeVA?Ru{foQZn0r}KF7bx0cY##nKs?xSAdDzAQrpQs)p^BY&HFBfV*U_ z@%Zryf9-_Y$m#RU6W-q*Fjhf8Ah!gfH9!!pA`yr8(7ck#RgE8PpUUBWUfkoa#d3hd z5Q*O`wVZ`$&-q_PyEddXJ7ZMmqy4jn3&KZZ@oVR~4g(=61lq-r3f&01&TnmaomOr2s8;Kh&5q8=m@(|j*bEhzi;{fkl%=WHi^s<^ zxFv6y&d=qTPvSe-zV(!yg~1P}pe^KXV;YsveYTkqS?^e*bBFHx@&&`H$lg5X{YKMP zr)oDFj|lI`kJ0_?&2B|EEQg~&HKs-qo!+FE`qwE>^B)uB9^ErKI`%f;g=OLXS{uX_ z@|E2M8#Ul;8Tt1ixvGpQkkJXOcfW!*rsV7Ctirq;cuyVhH(R#&VN&6QLtZx}yJ(;4r*J=m%7uTQf znwpz=i-d&a5%05#>ev{InN7nDuX;2)+Ni~%%)g%DpMS6x^G|~q7&V{-X9Oy6L<%kY zY37oT^f?) z#jLQbh$|(K@GU6932Q^_ON$g=-mBL ze|!JG1%+B`t$kDzzXulFZ1a}Ci=n+2??fr=?nlA3+SQ!W%Td{ zn?Cr3(t?j0+irD*9Oo}WLg24P_5NF5GVrHcV`8V zQ`SB?llb6KTDdjTKHI0;(KAN+4Rs3n3+vgx45y<=iaV2CJ6^oS6tfhV+^5<~!~N<5 zCsaoAZ#cEY!rQY5VXWX5#Um7p_4^+0CmmqjZZ2S*HxMq7eOQz2a7MYz6Ngbe#&I{G zyl&JLhZ$%xkVr=)Z_?C4^sh$(ky6X_d`Vg(hn@nkSX7YN&_Te$D1aOwMFJ_!=Nm*( zu*9OFLPIKxj>P$il7)ekhtw7>M8h&@sTsG^#uX9fg?BZ)@{Da|T!4lyoGt;&K{B~g zQ7e~hDnVF02LJ=1=~0Q7yhfpV#f;40>e6O$<@VjN^n;IGD9+qu4mP95@0#@`QC59T zpM7u19(sM^Zwx#rDu2Cq)5<$rk~~IGLTL{v$iZe92RCE z%|Me0e^!+J-zPMXQp*5;=~UPS;TE0_1&hxg2qVCd&t=I(F|Z`xR!yOGuqnxexYlFY zkPosia||1PJybQ&mDSKzuK($9G7v&*j)uIo4G4J-SdC-&(7lwl^_Yt&`fztKXi0Zaak~guG zDM3v2Vq3&}g}rWN;R-9#r!&nE&OVrFOufSDc3Rgrk0(TRxL4g8Elv`D*dOm(-V~=U ez3aE@u4PeohlU;Tj``W6+I@Jtl&N4Lp??GY8ZyuT diff --git a/packages/create-mechanic/function-examples/adaptive-grid/function/components/Column.js b/packages/create-mechanic/function-examples/adaptive-grid/function/components/Column.js index 21a54253..93ea7bb2 100644 --- a/packages/create-mechanic/function-examples/adaptive-grid/function/components/Column.js +++ b/packages/create-mechanic/function-examples/adaptive-grid/function/components/Column.js @@ -4,7 +4,7 @@ export const Column = ({ width, height, x, y, showGrid, children }) => { return ( <> -
{children}
+
{children}
{showGrid && ( diff --git a/packages/create-mechanic/function-examples/adaptive-grid/function/components/Image.js b/packages/create-mechanic/function-examples/adaptive-grid/function/components/Image.js index 24c13021..b6b2b256 100644 --- a/packages/create-mechanic/function-examples/adaptive-grid/function/components/Image.js +++ b/packages/create-mechanic/function-examples/adaptive-grid/function/components/Image.js @@ -11,7 +11,7 @@ export const Image = ({ height, gutterRatio, filterOpacity, - gridColor, + gridColor }) => { const imageHref = image ? (href ? href : "") : defaultUrl; diff --git a/packages/create-mechanic/function-examples/adaptive-grid/function/hooks.js b/packages/create-mechanic/function-examples/adaptive-grid/function/hooks.js index ee6e8a9a..cc39c1db 100644 --- a/packages/create-mechanic/function-examples/adaptive-grid/function/hooks.js +++ b/packages/create-mechanic/function-examples/adaptive-grid/function/hooks.js @@ -10,7 +10,7 @@ export const usePotentialRandomValue = ( return value.current; }; -export const useImageHref = (image) => { +export const useImageHref = image => { const [href, setHref] = useState(""); useEffect(() => { diff --git a/packages/create-mechanic/function-examples/adaptive-grid/function/index.js b/packages/create-mechanic/function-examples/adaptive-grid/function/index.js index 0419c91c..e3b2fd62 100644 --- a/packages/create-mechanic/function-examples/adaptive-grid/function/index.js +++ b/packages/create-mechanic/function-examples/adaptive-grid/function/index.js @@ -7,7 +7,7 @@ import { getRandomInt, getRandomSign, getRandomColor, - brightnessByColor, + brightnessByColor } from "./utils"; import "./styles.css"; @@ -27,7 +27,7 @@ export const handler = ({ inputs, mechanic }) => { title, image, filterOpacity, - titleSizeAdjust, + titleSizeAdjust } = inputs; const canvasRatio = width / height; @@ -101,12 +101,12 @@ export const handler = ({ inputs, mechanic }) => { canvasRatio >= 0.75 ? twoWidth + gutterRatio : twoWidth + gutterRatio * 0.5 + borderRatio, - threeWidth + borderRatio + borderRatio * 0.5, + threeWidth + borderRatio + borderRatio * 0.5 ]; const chooseX = [ 0, borderRatio + gutterRatio * 0.5 + oneWidth, - borderRatio + gutterRatio * 1.5 + oneWidth + twoWidth, + borderRatio + gutterRatio * 1.5 + oneWidth + twoWidth ]; const cropWidth = chooseW[imageColumn - 1]; const cropX = chooseX[imageColumn - 1]; @@ -134,7 +134,7 @@ export const handler = ({ inputs, mechanic }) => { fontFamily: "Object Sans", whiteSpace: "pre-wrap", overflowWrap: "anywhere", - hyphens: "auto", + hyphens: "auto" }; const textStyle = { @@ -143,7 +143,7 @@ export const handler = ({ inputs, mechanic }) => { fontFamily: "Object Sans", whiteSpace: "pre-wrap", overflowWrap: "anywhere", - hyphens: "auto", + hyphens: "auto" }; const href = useImageHref(image); @@ -249,11 +249,11 @@ export const handler = ({ inputs, mechanic }) => { export const inputs = { width: { type: "number", - default: 1000, + default: 1000 }, height: { type: "number", - default: 1000, + default: 1000 }, randomRatio: { type: "groupToggle", @@ -266,7 +266,7 @@ export const inputs = { default: 2, min: 1, max: 10, - step: 1, + step: 1 }, columnTwoRatio: { type: "number", @@ -274,7 +274,7 @@ export const inputs = { default: 2, min: 1, max: 10, - step: 1, + step: 1 }, columnThreeRatio: { type: "number", @@ -282,7 +282,7 @@ export const inputs = { default: 1, min: 1, max: 10, - step: 1, + step: 1 }, border: { type: "number", @@ -290,7 +290,7 @@ export const inputs = { default: 15, min: 1, max: 100, - step: 1, + step: 1 }, gutter: { type: "number", @@ -298,7 +298,7 @@ export const inputs = { default: 15, min: 1, max: 100, - step: 1, + step: 1 }, imageColumn: { type: "number", @@ -306,9 +306,9 @@ export const inputs = { default: 1, min: 1, max: 3, - step: 1, - }, - }, + step: 1 + } + } }, randomColor: { type: "groupToggle", @@ -318,23 +318,23 @@ export const inputs = { backgroundColor: { type: "color", model: "hex", - default: "#000000", + default: "#000000" }, textColor: { type: "color", model: "hex", - default: "#ffffff", + default: "#ffffff" }, titleColor: { type: "color", model: "hex", - default: "#E94825", - }, - }, + default: "#E94825" + } + } }, image: { type: "image", - multiple: false, + multiple: false }, filterOpacity: { type: "number", @@ -342,11 +342,11 @@ export const inputs = { min: 0, max: 100, step: 1, - slider: true, + slider: true }, textSize: { type: "number", - default: 20, + default: 20 }, titleSizeAdjust: { type: "number", @@ -354,58 +354,58 @@ export const inputs = { default: 0, min: -5, max: 15, - step: 1, + step: 1 }, title: { type: "text", - default: "Mechanic", + default: "Mechanic" }, textOne: { type: "text", - default: "MUNUS SHIH", + default: "MUNUS SHIH" }, textTwo: { type: "text", - default: "MECHANIC.DESIGN INFO@MECHANIC.DESIGN", + default: "MECHANIC.DESIGN INFO@MECHANIC.DESIGN" }, textThree: { type: "text", - default: "@MECHANIC 781 12TH ST, 8A, NEW YORK, NY 10003", + default: "@MECHANIC 781 12TH ST, 8A, NEW YORK, NY 10003" }, textFour: { type: "text", - default: "MUNUS@MECHANIC.DESIGN", + default: "MUNUS@MECHANIC.DESIGN" }, grid: { type: "boolean", - default: false, - }, + default: false + } }; export const presets = { "Instagram Story": { width: 1080, - height: 1920, + height: 1920 }, "Instagram Post": { width: 1080, - height: 1080, + height: 1080 }, Poster: { width: 812, - height: 1148, + height: 1148 }, Banner: { width: 1640, - height: 624, + height: 624 }, Ticket: { width: 394, - height: 1126, - }, + height: 1126 + } }; export const settings = { engine: require("@mechanic-design/engine-react"), - showMultipleExports: true, + showMultipleExports: true }; diff --git a/packages/create-mechanic/function-examples/adaptive-grid/function/styles.css b/packages/create-mechanic/function-examples/adaptive-grid/function/styles.css index 3c85337e..1d1b1791 100644 --- a/packages/create-mechanic/function-examples/adaptive-grid/function/styles.css +++ b/packages/create-mechanic/function-examples/adaptive-grid/function/styles.css @@ -10,73 +10,54 @@ * or check ./assets/EULA-PangramPangram-FreeForPersonalUse-MAY2021.pdf * Alex Slobzheninov https://www.behance.net/slobzheninov * --------------------------------------------------------------------------- - */ +*/ @font-face { - font-family: "Futura"; - src: url("./assets/FuturaStd-Bold.otf") format("opentype"); + font-family: "Object Sans"; + src: url("./assets/PPObjectSans-Regular.otf") format("opentype"); } @font-face { - font-family: "Object Sans"; - src: url("./assets/PPObjectSans-Regular.otf") format("opentype"); + font-family: "Object Sans Italic"; + src: url("./assets/PPObjectSans-Slanted.otf") format("opentype"); + font-style: italic; } @font-face { - font-family: "Object Sans Italic"; - src: url("./assets/PPObjectSans-Slanted.otf") format("opentype"); - font-style: italic; + font-family: "Object Sans Heavy"; + src: url("./assets/PPObjectSans-Heavy.otf") format("opentype"); + font-weight: bold; } @font-face { - font-family: "Object Sans Heavy"; - src: url("./assets/PPObjectSans-Heavy.otf") format("opentype"); - font-weight: bold; + font-family: "Object Sans Slanted"; + src: url("./assets/PPObjectSans-HeavySlanted.otf") format("opentype"); + font-weight: bold; + font-style: italic; } -@font-face { - font-family: "Object Sans Slanted"; - src: url("./assets/PPObjectSans-HeavySlanted.otf") format("opentype"); - font-weight: bold; - font-style: italic; -} - -*{ - padding: 0; - margin: 0; - box-sizing: border-box; -} - -.gutter{ - background:white; -} - -.darkGrid { - outline: #000 solid 1px; - outline-offset: -1px; +* { + padding: 0; + margin: 0; + box-sizing: border-box; } -/* -.lightGrid { - outline: #fff solid 1px; - outline-offset: -1px; -} */ -.column{ - height: 100%; - position: relative; - padding: 10px; +.column { + height: 100%; + position: relative; + padding: 10px; } .top { - position: absolute; - top: 0; - padding-top: 10px; - padding-right: 10px; + position: absolute; + top: 0; + padding-top: 10px; + padding-right: 10px; } .bottom { - position: absolute; - bottom: 0; - padding-bottom: 10px; - padding-right: 10px; -} \ No newline at end of file + position: absolute; + bottom: 0; + padding-bottom: 10px; + padding-right: 10px; +} diff --git a/packages/create-mechanic/function-examples/adaptive-grid/inputs/group/index.js b/packages/create-mechanic/function-examples/adaptive-grid/inputs/group/index.js index 80cdfd46..ee84687c 100644 --- a/packages/create-mechanic/function-examples/adaptive-grid/inputs/group/index.js +++ b/packages/create-mechanic/function-examples/adaptive-grid/inputs/group/index.js @@ -3,31 +3,31 @@ import { BooleanInput, NumberInput, OptionInput, - ColorInput, + ColorInput } from "@mechanic-design/ui-components"; import * as css from "./style.module.css"; export const typeName = "groupToggle"; -export const initValue = (input) => ({ +export const initValue = input => ({ show: input.default, ...Object.fromEntries( Object.entries(input.inputs).map(([name, input]) => [name, input.default]) - ), + ) }); export const prepareValue = (value, input) => { const v = value === undefined || value === null || - !Object.keys(input.inputs).every((k) => value.hasOwnProperty(k)) + !Object.keys(input.inputs).every(k => value.hasOwnProperty(k)) ? initValue(input) : value; return v; }; -export const Input = (props) => { +export const Input = props => { const { name, values, inputDef, onChange } = props; const { show, ...value } = values[name] ?? initValue(inputDef); diff --git a/packages/create-mechanic/function-examples/adaptive-grid/inputs/group/style.module.css b/packages/create-mechanic/function-examples/adaptive-grid/inputs/group/style.module.css index 16570dde..4bb9fdfa 100644 --- a/packages/create-mechanic/function-examples/adaptive-grid/inputs/group/style.module.css +++ b/packages/create-mechanic/function-examples/adaptive-grid/inputs/group/style.module.css @@ -1,7 +1,7 @@ .root { - margin: 1em 0; + margin: 1em 0; } .toggle { - margin: 1em 0; + margin: 1em 0; } \ No newline at end of file