From f586722b6788a02885c31e6476050b8c823ac512 Mon Sep 17 00:00:00 2001 From: Tasso Evangelista Date: Mon, 13 Jul 2020 18:23:23 -0300 Subject: [PATCH] refactor: Chip without Box (#257) --- ...rome_iphone7_Data_Display_Chip_Default.png | Bin 0 -> 1900 bytes ..._iphone7_Data_Display_Chip_Dismissible.png | Bin 0 -> 2486 bytes ...rome_iphone7_Data_Display_Chip_Example.png | Bin 0 -> 9360 bytes ...e_iphone7_Data_Display_Chip_With_thumb.png | Bin 0 -> 4782 bytes .../chrome_iphone7_Misc_Chip_Default.png | Bin 22616 -> 0 bytes ...hrome_laptop_Data_Display_Chip_Default.png | Bin 0 -> 862 bytes ...e_laptop_Data_Display_Chip_Dismissible.png | Bin 0 -> 1098 bytes ...hrome_laptop_Data_Display_Chip_Example.png | Bin 0 -> 3392 bytes ...me_laptop_Data_Display_Chip_With_thumb.png | Bin 0 -> 2306 bytes .../chrome_laptop_Misc_Chip_Default.png | Bin 4217 -> 0 bytes packages/fuselage/.storybook/helpers.js | 59 ++++++++++++- .../src/components/AutoComplete/index.js | 13 +-- .../fuselage/src/components/Box/styles.scss | 2 + .../src/components/Box/withBoxStyling.js | 26 ++++++ .../fuselage/src/components/Chip/index.js | 78 +++++++++--------- .../fuselage/src/components/Chip/stories.mdx | 49 ++++++++--- .../fuselage/src/components/Chip/styles.scss | 25 +++++- .../src/components/Select/MultiSelect.js | 10 +-- packages/fuselage/src/components/index.js | 2 +- .../fuselage/src/styles/primitives/box.scss | 10 ++- 20 files changed, 203 insertions(+), 71 deletions(-) create mode 100644 packages/fuselage/.loki/reference/chrome_iphone7_Data_Display_Chip_Default.png create mode 100644 packages/fuselage/.loki/reference/chrome_iphone7_Data_Display_Chip_Dismissible.png create mode 100644 packages/fuselage/.loki/reference/chrome_iphone7_Data_Display_Chip_Example.png create mode 100644 packages/fuselage/.loki/reference/chrome_iphone7_Data_Display_Chip_With_thumb.png delete mode 100644 packages/fuselage/.loki/reference/chrome_iphone7_Misc_Chip_Default.png create mode 100644 packages/fuselage/.loki/reference/chrome_laptop_Data_Display_Chip_Default.png create mode 100644 packages/fuselage/.loki/reference/chrome_laptop_Data_Display_Chip_Dismissible.png create mode 100644 packages/fuselage/.loki/reference/chrome_laptop_Data_Display_Chip_Example.png create mode 100644 packages/fuselage/.loki/reference/chrome_laptop_Data_Display_Chip_With_thumb.png delete mode 100644 packages/fuselage/.loki/reference/chrome_laptop_Misc_Chip_Default.png create mode 100644 packages/fuselage/src/components/Box/withBoxStyling.js diff --git a/packages/fuselage/.loki/reference/chrome_iphone7_Data_Display_Chip_Default.png b/packages/fuselage/.loki/reference/chrome_iphone7_Data_Display_Chip_Default.png new file mode 100644 index 0000000000000000000000000000000000000000..15875fe54fc91a50196f055446737e54cdd3e6cc GIT binary patch literal 1900 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 AasU7T literal 0 HcmV?d00001 diff --git a/packages/fuselage/.loki/reference/chrome_iphone7_Data_Display_Chip_Example.png b/packages/fuselage/.loki/reference/chrome_iphone7_Data_Display_Chip_Example.png new file mode 100644 index 0000000000000000000000000000000000000000..35dbba9042ea17dbde0738f50d1aaf332153f0e8 GIT binary patch literal 9360 zcmW++Wmp?c7X=E%t+>0p6?cc?Ry4T0xI=L$4#C|ino_J3305o=mlXHnt_==f`sGJ< zlbL;X=kAqr?wojSO=WBhats6n1Z-6m1ziLLL@fBZ2-;itHyR$K5Pm@P)>W26sGp=f zg#SSHmQ&S7gMWh2Y~v6RXc1HuWc33IPm2Nz%?$Exdv8~RoEz$ogo-LNd}f#Y-!O?qTq5jYhRVjKTk&f{BmoJe zjgI_u0QNfxgtpjg&o>CA=$-)Q{15Fj?} z{Fya|6F$OE3O@}PsAK*2H7c*-6R^nW02kwiE-UgdMF0$(+>|E6Pkti`(7ON9g=`qHu)B<=?@C?x{I{Vlw)L7?K4Kz7{IweXey~7b$fPxP1&D6*~-{<)(JGK#)^(Q^I1l=oHunnO#~gNNf0vrU|t;uj=L3n?0ydBh(Ep=Vs9=N~G_xjib+_xLkJ_dIHAF~h*JgpW2Q_k~tO>VzjcV3; z%v@aG7=#5B69`44=};KXO;pSf6ke$~2(?pH4z0!C*Jq;rY;mnK%RVzJKC{h-jq8nn zr5H|PBZwcOZxL*3w9yin@rVoHjC3ML4wecA(H02TvZLeUJ~$q$z5|LKY_Wnd^0ga@ zP=GmD=-GC_!9qed-5o3}HqxzG(%BZ-PixLnbBT(n6KP|%d{n5Y@c{e-B$ovyo8^z$ z@(#+VT>aKAib*Ph3Q{xjKUKeoT2{F>cSwL-w+SLMIaKYjNBa@07WA7>Jy@(1<-r!l zM|>UHcyhFZm($fHYDl%kRwVYsO^I#9Pmd zr(4cyfi+;7AMlDnr#)v)rV5XZ3_6r;Dx)qUMao;_Gc^|mt;ZMnuGUusw=h;+BSQ9m zDSDv#WLmDS)dvI7ZI*d$Q9sHV9UC&&9Y?prvaerI$2`$cqXzX07Pq*8Ro*)q1qze2 zIl?vHxQ7U(%ISER5|QL?Fcr6|4{Qk8yrjr*X&WWHPQRPphPzyxk1yK0x8o-W+*@#iAnm-tM>QWW}3;Md)&HUlp!e-b$r!mVjP59x*z_x&Gd zg2oGUMFNga=T>Jse7`^BB~c`$wGx_@#7J+VB5zryTJnaA#Nt36NQ7sgYnb6@(2k?g zHmt|h;$n+=_eK2x3GY3@BW5ize+YKee(0-mQdi)*MbLh|m93YUZZS&OYhTdjtICA5UFjPam?b2P-Q)Dpf*tKdG`7Yl-+ zU(?P0Jn=v`Ya*iDR&^C4G$VcdgrPK`EaR*aW9c@ut8=5-ytztMXk-PUi=}LJG#KsM)DNQ%iGmNB0rfF1TtiV*+ znz%B)#NwnKoeuptc}a?woA+wsq|lI&sEN`)aCWcm{(_5_IjD9qyggoMtn4-A_tb~5 zcc&$z^09Eaolfw+L8;BNiRt*)`o3-|=?L7~@=`>Cyo^h|PyM5@PUAwK?o zf0o~awRH$14nGZ<<|W~h5cT5a1`=>$mZ5zZ zg$^9AVk7(54-fBFeXhT)`tG|rFp;-zdps8TH`$-QjqIb{w;ouB2ja+n$uJ)$;esLo zhO7aTEqU$|B}TyRR=(P#&*21Vg%>k;N^8{PLcK_(<#T|9rjs4fRx`#dS%$)TSp!eJ z2UqzeZ{QfLnI?c*X}($X_v}!GD!TQqD&ZO`NR8Qj7Fs}?HeUJ=^;v0C?>{wjsz=y) zbw@{Z$RmJawi~c^ZvLUbW2$F74dVrX}z%>oGr?1U1U@S^vsX&;Xf z4-mV7`E{S6i{xE3>+X#gqsTlTm8nk|HC#f>{6>ZbLb2JH4nM@$@<%^AxTWPz?T_rg zb}<=Cm9Tgh3x@&~=*NqWC!7KFs$xadK3$pVK4Qss#`^eb` z91Ab}B^Th-`V~{F`-bR&sAliSI*aec+N{6K{nsIdqTeTzCFQZ>l(tzBQJqZC76=lq z8e`ZsToxc6W}op?#`Zk=OGT~ttjyxnNv3E^M)9#e$Ag*ah81|wn*uJ8D2JE}4l3HZ zv*ynTl{3h6W8zQ2tl?Jbx`7268jqK;^qfhMnJ0E&OOqEHe=X-*_C2&YE3?q0A(tg^ z@`I4`{Y9*l2gK9WRe1?o!q$G1o)~a|nu7Cb?Lp``;OKCp$$R0ff1)15{)2$UW2k^< zJKz85ja13`XK%l=Xp%kCxrOpFyJ9GI$jxJaZrWh$PsDerh zrI>oG;92T=P!Il~UucQHD5w0HRX4m?cYej4actpjEpx)ulDNm(M9Ei9sh8R^IX$J4 zxSM7OCvgxhGP-`0{{8)BNQ3ofwRGS%dS2nFxE~x?h7NHQP+-0SvWRv$O~JXx>p`cY z_k+|p`Jk)l0(Utb3H=^w z2*$sayufpHJv~|O&N+lu75c4)`}2A4`LKUwNA2Eg>v=}#4S877EB2?1g@>oj#>>KD z<0aEs$0JV5wh62g+-cnD_C`p^#>vfXi=gCzGT!zo^Z4no(#Yxjz;f@V)+61rtGOeB zC*)q!t78>?%Hg}{yzAmGFgC^g6ovGtkbCc^>E5lsv$OMWWh4yc7%8Q;a*x5m$Ktpb zHv&^dUKXaN;=KVUp2e@vn8Dk}fXY@sdW1OxgF5pz#Bh}B{bK9auh_}a+X>|!D` zk(&q-*C*bBu1k=+d{36RA+4|%_0Wp}nj&j;2P0wlT8v+`dm)`p4w}+mMen?4;6W7p zBEXs;_k85L>NEDOx~pefWVPvv`pBr^_?A1LjjN068ME`E z3aendDy_5VN1%F;5lsU9r8D~vC_S>gEImHK*hK0`a+0aJ3Aw{dSBHz6V@2o$SO8Ng z?CDRlx*^u5?g{K?eGgEg!v(&yQp6)th+O2<0sX}K?4Qo2d?ll0seU=37!`psJZy7`zZ?T>??VcL56 z>&vTrkTU8<&w1yE+5!n{;h*(uK}+31JP7U~$F)M-($7OYnAUv$lP>FFYd?N#7Rrbf zm4!}-g~F}@vry=mL$3#g^wZ0;Lcf(#O1*vXgb0o>jg_}Nlr6H!ZVc9cuB(>c>gF(X zRT;g171IYS>O}n5ywl%*J@vX39rC#oszBnV6~xxi(}`xG4b|8rz{tilhW?RJrr~jy{#iG&o!avbODN7>M1=L` z2Ik?hA?0^2{_Bi^O7OO-$(&?sE_j>BSM91bY71@)^Yc4f4Kab2b?54pg|Sib-u^$BJfyG<&(}A&R;0|8m7dgH=hSNI z+tD^gUAtb~?UvLu-Isbkem+<5S2iGg-ea@4KutSSA|^?;kX4bc3b*n$i?nI+UwgSs7sy3-XqYb@gDlbKpB45A*m)gdz13HATd-^1nRFZ%4lqp*Mx&sEB2V zhW38XDvIsQ`v^{HPUlUiN*gDqJW++_2&m=}J3%2{=4LVmgoF=zOzZB9Uc_=bye>Hm zMUSk12g-L5<(hQii^z9N`Bi~n<~5=i{P=P{GqW@Tr0UevITmu3IJbtKkm(y3;E;FK z)z$2zC-PWBT57Am`TZ75US3A0baiKu{zanReO$8cX=v?PQJIwka7EZ;cztPrCmMuZ zJG>jtPg6+GNWU7F6LF2x}s0RH>wGy4Rl2bDDV;( zPoQxzPo&(GY7~Ng6#<7H!Ued#&7G36TJwWGObK|7&&I?Jj$_w``a_RKdMMd&GQa+o z9L)Y}AKPqYaQ_xRA$t?^PT9rUnu&??BQNg7x&n({FT|7r@ab}M3_m=q<7{meRylQj z=KOltGVI+!iHbu_eI+)Q!$svaekmv@NacT48!?TT&1HImQeVl*Nud;J-U&-pDLhJc zSvumPs`@>rqbC4M+V8!;Qb*(gdfXi7AnZ-%DYEXMYs<^qSe^Wme2sL)v3$8BJ8Ndwaw{O40tbY(sc) z8RTeqKfSUdywhO=DZIxH7Q>-(drSKccrh-}OW{*j?@SsqQZ_IVl`wYrF>v3Al`Xy) z_R+{+7#mwd;&R1dvDug6^?qdPdLWjDmQpI4Pjr?Bt4P;K{NVVvhLm5|y$Z+N+}r_p z5?*SX;CKgKm;Okehms&9KS%PppSe_Nm8kKOGUklUwAgWwGVypPGx*_Mb>Fv6f zzZR}(t1AyOrcuKg063m6dh&Z2qQP_hTVSfWqwF#>xTpU3v%D4mQlE5fWW-P7r4qHk zA2^2}^3NqD0!IDAeI8DvxmdJ{MSk(yV{l~i*qto${mX?uK7P%gPQ~hbjz;_ABJxu& z@FtvQwlV$!U-bda0rcu5u1uz{zZuBR(|@&bvzMX)PN z>vk!tTHl)p8}C+!^B1|K|5#%{Y@!QT$ReoL#2oIu$s13wTDcF~*vVF`2{QOdbo#;h zF~Fa#=9IMoSyj5_=sXx}8GNkh4{@=PnM#q2-fuzd7tZWVbkb=asVahT`p892Q{vi0 zC=q|SLVgl3BTCJ!WOdOK+v_V*LU}JypF~;{eW;M=Xbgz@WL?9$73lGaxw^tNc)CA? zJTKcsHqDy?;UNDa;YaApVgts6lN_4;WZ~p*@JJGkG;n!2{=>Jg+mj6&12M@3Z#&10 z1sVY=c8a2}H=-J2g*lS6+;gmI`@6SLN`Hlb&YWY23^4BpgHR zs;2}}M|pZZ53A^^6crP07V-^TdsrMy6(?mnVm%L0C&ZN3Jc~zT{^>&qC45RqM!XZu za+DeNVkCq1XKmg(=^sgn5jgSWvJpmx7R_Ywje`xy^?(f2aKf{1Hu(Ore za#l0`q+Jywe_ZLitrWyuebcdTfG5svXGn6(62jmgzMllo&ad}3ml@a5^~d^#`W`La zMdPX^zb-!}wYK_+iHV_hD>>{pjjnHZkByFEFl&MAUY$`FSEm&K4J0gi??c!lLK|HA zB0CT$MFLWL6w+gqcs4tHM*a|3d=a$hpZTI(OKtEsW@>2!i_mVa!NOndy)7*sds(U% zRs8RxR9P*O>CXv(IkuE+kF683;LYa+uU%7a`;%N9v@(8>;DeqmT6r?PWSG zes4psq5RPKEj|}I0R}3(iLulbe+*_#Xd}Gr!kW^XF(5*(xF-H)uA0A+@sZp13P)-3 z=P$d)tEGNe2*b#go%*zIQBMytwuY(ZN1%QtZjr`fhc`+6ab=kFb!|$C4kzdSYL1Ln zo&;GqaB@=C9Ri=6^6gV0Jf&zF`A>PblYg znvK5%BJym{#W0gU<}h6EjdN3$=nChl41UcC@Z2uJ7)!2HCob|R0)tgiOyAl}t%pdo z9(jiTJ!V0r@~>~Cie2gTyKO436L%9IiXv6%uz*uqTLI&Lu#?4Q$%C6zmv>JiZ$5;n;hM=jd}O?zGqin4p&Yth+m^BR^cofPCW zkKCa|VkGU}PtTrXX=UFT5NfxrkqjK-{BM}jT`0<>H>a#-`ca~Fulv>)Q=X3&g3q^< z@3&Gy)kFj%$GToV6okyq+8Do92LtFwXaFBWmi4|bQEJ_i^iC9rKW19jRz62I1>IU$ zd2-0xy{7z`AQg}>u3ZgLs1cnTX2i*r5y8z8pO?>$KJ3}3W2Li2L-A@sc&r4|8c%(SBW04Kyigx2bTbeRLMD96(c`Q)h%;tE# z-1iQ|26G0PO8qTuZE2(G`KBw5hnnevl3H}c(-+nz+_PCCRjS&0ad$!wUc`YbdMAj& zbAD#CG4WakGeTMErMP3+H;nwYoFv023y2HZ>->8XjV_1QPoaP^M5nVt;{k5Bd;w=> z0?2~Lfrr4Y^j%1+%Mv8%P!C_O(ft*1zCH|p*faN|ctjK`&gCpe!`1lrsV2*pRoP>N zn6X&t8(H!;m)*_2fz^;H|A0Ru4!HtB%)0&cl0l100CGutAEDQmGTffC1&X8y(UsR_ zXL!bHZ~T&n7daKOml6C2TEdbsadD}&K3J}ZSyLpErq4c6CEcyBBHnvS^K$lC@BjhM z2Di#FF{mJV)gQQjJ79VAb#<^vNCk@WTaHbXJTkuC*G|pks9c4)KQUsGa9ir0D$E{Y zVJ9cI{P^+4<1%5l>s}+Lr$?16GPdV+VB6%kJB1&^lFR`4759AI%1;g9jnNe9`?F)W zT#DI&UpLIW-vjH+h%4j+Cmbmm67vp_ophx>5hfa%4H6jvChQVPbj&R@=e>B%NsK-P zIR^Y7dbi-)gdO$HT$>1{M}A|~`K}GXMc8HDN5uwbmeA&lV|KeHJVf*9mTjR=x`9YD zq-83(J2QKI$QLt4R7n0 zIgu}P-!Ct`u6qFoNmPf#jdKR-l%^{nPsv}P>6>qt?txG{}C0tA3WV>#O9AuqbMVd$BV?z-Qp zkxkW3okpAKCkh&^^zhb4RVhkWG0?-9DPmSla4iMX#jH2}L3$oKvlRKCdevM~Iha%J zR|5gs-34k?1(c2aR`7cEj2Pwv!=Lu)mz9=d{RoV*5=HipkoUX5ZB>Y9&KNB zAmFUdIWkpCIoWZ&t%qSGpSjir=(CP+n3a3{2?O9Q-qF>UCI5{0Z$H%mzR3x6wX*%r z7!>5uDTW@auWv5@cUMOrTN3Xl30B#?Jgq)E`xu$2K(@;~z2Kx4D<$*06auWb+7&mg z*#a)QqESgsWvmvLIn0?a=Z;x}{j!k}vZ%pU8m>$^6FTK@ zJt%*Xzh%b&a-bJgxBU12`@(n`<77S;l9xfJXRsR|W_P^b8cxcnp=A!naUgABZbJ2+ zB51#Wlx-@+9tCJEHsW2EK4y<>!7RW8#)68awUHmzZCwfg z%gb;!X4hZC9~q(RRh68n%{SN@@XxqySZl$|O!W+D{mPoj9;{rfP)<<)J0s>M7m9`V zX}-j?_;O{8l(s`m93oxL93UIZJmyxLZ4sQ=EFUKCn<{US`r{wJz9Kv_P(ny()B7C7-y;oPA;l4Kv@kcRMMaV6_)yjSGD9|A*xa4zX zx&Suk0+YLFrr3MLUN!d>EB&%kv}744A-#Q`in{WIR!LJG6p`%cG~vc*U~&uxO2W

}u&Xq#{C^UFc(@x~ z&XP9GlFp=~^;x2oIWh9D3!B(slZ^Ss<(Sxh3POvazf&K*%&ApSPNvg0kuBe5^#c)% zweWtx)WiORtBC&gT|0lQwfF%j!EOl|NorJ$o)x6Xom1WRC1WMkU5hTuOk)7u<9X>GWo1xcPq^>csbq3;1$jelwE>^bz4-h0uNDgoEoEI!th2e$Z_ zCJjtNn*U0XYter0ItG!rfiWil@!yVigpy?#mFgJdLF_wTfj%0_B%g?c&5$o~Nn Cok?8) literal 0 HcmV?d00001 diff --git a/packages/fuselage/.loki/reference/chrome_iphone7_Data_Display_Chip_With_thumb.png b/packages/fuselage/.loki/reference/chrome_iphone7_Data_Display_Chip_With_thumb.png new file mode 100644 index 0000000000000000000000000000000000000000..294f770653e029c4b834e6f3253582dcd48516e9 GIT binary patch literal 4782 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 literal 0 HcmV?d00001 diff --git a/packages/fuselage/.loki/reference/chrome_iphone7_Misc_Chip_Default.png b/packages/fuselage/.loki/reference/chrome_iphone7_Misc_Chip_Default.png deleted file mode 100644 index 610a65c98a778a0a6ea02db3003b2949a4003ff9..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 22616 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 Q(*OVf07*qoM6N<$f*LXm_W%F@ literal 0 HcmV?d00001 diff --git a/packages/fuselage/.loki/reference/chrome_laptop_Data_Display_Chip_Example.png b/packages/fuselage/.loki/reference/chrome_laptop_Data_Display_Chip_Example.png new file mode 100644 index 0000000000000000000000000000000000000000..95c45167fc5bfacb87920be3674f6dd5e926f37a GIT binary patch literal 3392 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 WNiDsG%{7Ps0000ngq literal 0 HcmV?d00001 diff --git a/packages/fuselage/.loki/reference/chrome_laptop_Data_Display_Chip_With_thumb.png b/packages/fuselage/.loki/reference/chrome_laptop_Data_Display_Chip_With_thumb.png new file mode 100644 index 0000000000000000000000000000000000000000..98f12c243b1a326ab2a3c6128de26552d57dec15 GIT binary patch literal 2306 zcmZuydpy(o8($Y)I6LZ;oa9oHw6IP%j_Xherdh6IZfCu=*X#Ft{eHjakMH;Wd_SM>b9q0{>v<9#?X7{*3eo@o z0BCdJJQM(sG8JL9J-bBDeD;Yo(Q6wTYHb0i=u(^(DLc^?HZFTag4yHu007uiZgbw; z<#rB_6a8mrfO6}c!~0~lUr-*Jqfq>VvR_aJifj_BI89xf;RMToX_B}ad!II_YFeIP ze$}+M%jkEF?jk8G*4#*HRzrnGoF2{7-g{E(_x8@s%F=4zCbcK+erkLcV%4O3Av%xG zH(H&Ej_qDpsPd$^ZW9F~5;HyDGOic`0B@KYnC)VvEc`!UvaJ4k>2t>j{!m7XFY)1R zQu5o&kEqnzpzMoSB{%1Vv7fJP03}AOzYVRF6D>`WS_&E>_(qEVb1Y5Jt1ENE1yI{p zQM>15#J{bvpJGKBc}cx`y6oRo#bxmbyZ?&iY;2_z|D zwJ<(yT~5C9s+K?{qPbJEUL^M?9;bG=Kkm25G~qH9Grn;evf{{as|dF)gB84d=?mBtivwHQrk6i|(?*qIx`0D-CU$xNwu0#QUZTZgo_1LP0CMmI>!H$vE6jD?C zH^ocQNL+nTr7A(5rN`U(Rl4`_Yhx6<_A4u^C$)^;zfOKXFGmjh{&9aw zAVAl zHRU{0GK!ckT$BrvSM)>jhxELtDY<2#vWhNSu`wz}*6f;)zM7CD8Li=>*m%Qn?um1i z;VlkmtCBP*ly=knE`ue>S$P}<=TN;GOP-Y4BRgk~^MtYbYPLO2`|BgNUQ>8eJ!1+c z;RU;_erD!G&eg|Erm6*o2?@b)&XZv~W{CsDdA{j{!mkD{&DJTs%hb(@yxpXo2>u|& z$0RykBgz)qd>?qwD4;}PgY=BT<1&$WQ*@1wg6{bP>X%q`3&VD4%PPjfY;LTmiUkRc zq>bIO$iB?I3j5~hUK10W?z01<6CZFe*AvB>u1-#mDV&_F;&CaW?Smwzgpd0Il#hsc z)6l`5#^f19+glYny)}1WFX`PFywIEg#9?b|DIv|R*#`x)iWGMoiIG9Q&giG(4EYoE zVAvfx9S8O2B6-*(UWq*2cuUAlTl)n}+$PheU z_eK#c5NX@UpCs_P&Dj3H&*_PtFOK@GM%L0U_oy(GvfKTj&~+~lN|hW$r^+5=aIJE5 z%-8Onq{1$TM3EjkxLza#av2N;`QliqeeAhoyt_EX^{VwYFy?FZ@|_V^G5cVrglKKO1;A zO28$4*S_+Qpi<~u+C7DUcxgmnM9heqAg#!ta?aM)qx`RxI_{@B=ekMBB*_^;#XH17 zAYUiHGJXKVAfmNU_pgtbzKk$WHHgHNekq7 zDjEG{s3$8f-7@l27&44_7`{jfks|o1j~rD9-7q{LR+8b< z_AzM!1x|Chz83!ZIjWk&PBePGX|)-p!)|MJz2tsE#5oX4z z$Ine13S|pk+Gb4sVoyabqQjkx zW3%Ei3x~y)05{(qudUx9R?I9NS9Xe_BkzwvZtUjZVbMma_xnvnMMX*~V=L*~tjiE( zR!<8u`^GgweA6Xew7;_TWYV!%hj{t3Sr>yo6$Sp+0;6-49jSTSxlFXRri0qN#NBP> zu7A55kTV6|$HQf`7}c!t^_M$V#RK@x=>b?4CZ-YTH`jjoOdE^E9(jq!t3+tbgh~?l u!&d;4gaWwzX^yKZ{(dJYq3PuRfs^!9&u0@ZE@{Fahc=e>=PN8O-~9&~Ksk^A literal 0 HcmV?d00001 diff --git a/packages/fuselage/.loki/reference/chrome_laptop_Misc_Chip_Default.png b/packages/fuselage/.loki/reference/chrome_laptop_Misc_Chip_Default.png deleted file mode 100644 index 1d2251c368ef231df77638e80ef6ea5053ca9059..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 4217 zcmZ`-c{r5q8XpnLIwBf{2>Dd9Wf@!9OGx%@P!h6a85v{Az9gX{OheW*O!jrgSSE_B zVUR6^v5gp8gY)*CQ`dLSb)EZ)q`V+X(`I_in1C@54UIbnke6Q)7G6RBSz8ebyaf;|`T{V4_wKDFiaUuZ1 zNQu!93KRZTW~O1m!0k@APO2XtrE0k0%F2h{{EL za^h<9z8mt8Y&0}AGpO&se(R!%v$H6C-$T8nU0XQM>wJq&FLqaEQ%-J^PT`Fi=h-0 zxHN~V_|q@DDk~p7>eP){d|y>Xd^_O6*>wNZ^XsCBtw%TKRl>uM64 z4vRpcwutb97EwhB?w#OwFRL;nqmxdgP+H>zr4e6jC_na8S0_F<^Fp^Bwz78h3~i4w zG5ws!H$}xj_aYhipW9hmM}Hh}X*Iu>5G%b#`23kCO$tVQ=>dI~ni{cqTa26)BmHk{ z==MK#B7V|hJtf0D?Zu(nm+OSwodX+WD)G9fa!oBRmih_=Bewh9>qiL)X|>68swf=C zmx=X$-`=ahq&b~^`TQiwUIMNbRJFTB&WNqT3d2=nQBrVK?+a6wgfb0lAcAA_G*g(= zEJ_S@j2%GVoYaj~hx2_o@5-FI;(74So}Tm$>sLbUp#tC@(suOQK4`hqt|o_Ep=bG) z=G51+TlLyzxH}I`%xQJCOiKa51ic0~P*6t4wy_z?__n%Gt;_a&cWdW6p2kM&Q_q|B z6YS1kKt$eLx;?eL%m7;8kt~; z2u0Shyb(pac=wwIkq#;lNDi(Z#Zg#a<9nKXy1 zG_Ef6_9jRC<`aXqi?;E*8~1WiF#eg7VGMZ!2M{~h>YM5f29T#G8(7u-FI)2PZPkFE zTW64XSIJ9u^{hsKNwUf9aP*T{n%Bu1@ce-wu|G3N`1=;Px>D}et|i; z85k&f4Y93ZI{S!3A~`&0(_$68!mU~#pa~?oK|F$^0lr3@leD62QV4lP%nUmx%=c8^0KS`}K8ot&AO zjXaApLDO1VgdK4yxKX!%`_W{K>aarXC=0to*M4L%>8O_0U4e4}i9H*f8rju z_E9nGwQwM2m`w2qRs-u?ev7^uRtKLWP#qC2#RwvJZ!`g>vJz z$dYb{J&Bpsj+P`&Bwp>*%}hBRrytfOYeAbueC|UYgvjl7$MqII?pbw03sF+8pdmnt zciU&R8C!A>Zy=_*kbOYeynjjYaI&yRNLBR&%N_N$N{JKR%jov?VGpQ$fvnkn9182T zk8avwX~fyMs)`l^v9q~4s7c*vA;P@p$nxjJFofk-sSl?F-zrkq{7QD;nTw0mS_ELM z@yzysqdg5yA7^2yGL($WA4-^5x}kx8Ms>afxF8e=0gC7Naejq!xkh@I%`paTxw=H1 zIhMs2d*7GFB%{7pSlF0jLj8`Xd=fYu1_O70lqa*k$q@FClLU43`aM}@5Gc(uVed{6rDlePh*GeU=6B7bO)4_BHQpKw5 ztd#b|Oa->RCvZ5N?{cbkn?=PKSEw2EFKnqoSp0$R!)KjgtX$msx)|sJ*kYvf>_Z zVY6LbT}|(uC#j<6U>$ohX$Wx2;j%=SQ3#LefX{#eOb;t3*HmCH zAqSM@azvFH*#|~6rGhL2RDFOpL}6$@;`-!QLccy2Ff}kd%+JHavokl`3BlSmyiTO7 zpYWDn${;J*1xR4x4DQj-9R`F)UhnB>dqeCjd!Vn9g+iGYrdY*a@j!Y{)3i&lqGDKL z@!-eeb|0oztiMR=$83ygQ-o8hSYlttXSR8%`#tE(fs7^`g{M$nB0;pz-r7}=qIWWwk}v7wQy~}tmYF>F2ms*N0K(2i%cQa`>LJRSQfd^fLks z6i=+&l_mt1I|E=ERyb=x|2nLR#UFS;m;G8678~1@I?Il%elUHksTxnJ3~cyN6A)vP zl>ORQwPZNCPgG<>-7Tpn&xJ5BaGQec@3~i0nmSl_hp7wATLM3G@dgFqEtN%E=kA8p z=55gc7t;L5a>@Z@hhC(tY^eGE&+jE;wVA0ACog^-EGR20ySg^DO4_g4hYa6Re)vOo zcAhuew@|2gM4`g#?ApNqj6O@hC#)h>7NTIHF8}F2o}XM9RDXkMJRP(xXdGn!*7O_2 z!j<{>@i0_L$rR0HI9S_RRHhpxd;jOVZj-#&SV*RV|=TvTVXhu=k_4I z!}#B&y7|OumOSZ`oZ#fZl&|t?bPnX%W9f>{V&9Rqp#42OI};PrFBn^^(6El}4-h|H z9L9b4*|YTUXA?N@y)G+c@TScL7?;$2fkhYD_d*BjXKq0mcIY1=&XnvvOaSxOFqBCf zt!2BF*845Su8uc2Zhhr@f|O+S7~T73Z+NLXxQvCmG^l$R63m+6W%3C@8Xdis<4qVf zQus!Mhfo5)KTi|aN#u)Ody3ZhGW+V0J1O)2XyvgG9FoVTW|aUipD36Ota;?cix;sr zwXAnqb*Jq;1%^WQl%iQzvHsS#zx-WWn%=q7H!7^!okNy0*3|_rj8?H+zkdDULNC}B zpAyw(*2&;PPe^;KJ2l;R8n32CsyP%AP@zfLbF8}dHWpX3A;A4uOr3pOH*W*LSH0rK zUXymeH)5UQ5g<&1fD%xBr!0l`e+5yVQHt&Yve8CF>7nQqkBR8~PA+2;>mvYNFhE11 z6ztbLdR3U%77}RTM+{J4wzNH}v=TYkkCh8v5tjFyE$Q%C5nR_43Wc_HC+N`L%qb$4 z(adl2>6M)_ph3#;wUHRjn1T0>Gv65JzKp1Kb0=FexC|l@wE6ejJCu zM<C&mgDy%nf|J1exyrDq-l&pBOB!O?uga3zU6wOwewAWKiDEKX7&FWi1Um z+3^8-XF_*$x{2SfIJu1dw1M`h!sJw{S?7|9&2fN~hXQn`EAjPH!>jd1Rb2JK>ETsa zsj`izFA4c`3FDH)Zr-3VfKV-atXY{X5P|mTG#o+N{nbO$TP?HSS#W`q<@8n|Xsti; z;oE?A~r~pq0mO&!)45$Q32@T(kDxJ@I>VJl6i-Gp8a& zB6Z!e=xVyugt-KRq`}Fa%Mn2P*UY^GRaSnVoEc^y7Ll79(Y**L1^LIS zy)8h!6vo7c`aeg2UqM6cjQ+qq8N;L&_j@eu_(ma!|JDU;m32s$1ZLKb8gk_UejkAJ MwGFjOuQ`PO3qcD!uK)l5 diff --git a/packages/fuselage/.storybook/helpers.js b/packages/fuselage/.storybook/helpers.js index 88998242f3..4af334ae95 100644 --- a/packages/fuselage/.storybook/helpers.js +++ b/packages/fuselage/.storybook/helpers.js @@ -1,6 +1,6 @@ import React from 'react'; -import { Box, Text } from '../src'; +import { Box } from '../src'; export function PropsVariationSection({ component: Component, common = {}, xAxis = {}, yAxis = {} }) { return @@ -25,3 +25,60 @@ export function PropsVariationSection({ component: Component, common = {}, xAxis ; } + +export const exampleAvatar = `data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAA +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 +v/L21v8BT/ZVoe1UItsAAAAASUVORK5CYII=`; + +export const blankAvatar = `data:image/gif;base64,R0lGODlhAQABAIAAAMLCwgAAACH5BA +AAAAAALAAAAAABAAEAAAICRAEAOw==`; diff --git a/packages/fuselage/src/components/AutoComplete/index.js b/packages/fuselage/src/components/AutoComplete/index.js index 1214242163..23d540d7c1 100644 --- a/packages/fuselage/src/components/AutoComplete/index.js +++ b/packages/fuselage/src/components/AutoComplete/index.js @@ -1,10 +1,11 @@ import React, { useState, useEffect, useRef } from 'react'; import { Box, PositionAnimated } from '../Box'; -import { Chip } from '../Chip'; +import Chip from '../Chip'; import { Icon } from '../Icon'; import { useCursor, Options } from '../Options'; import { InputBox } from '../InputBox'; +import Margins from '../Margins'; const Item = (props) => ; @@ -59,10 +60,12 @@ export function AutoComplete({ return ( ref.current.focus()}> - - setFilter(e.currentTarget.value)} onBlur={hide} onFocus={show} onKeyDown={handleKeyDown} placeholder={placeholder} order={1} rcx-input-box--undecorated value={value}/> - {currentValue.map((value) => prevent(e) & internalChanged(value) && false} children={getLabel(options.find((option) => getValue(option) === value))}/>)} - + + + setFilter(e.currentTarget.value)} onBlur={hide} onFocus={show} onKeyDown={handleKeyDown} placeholder={placeholder} order={1} rcx-input-box--undecorated value={value}/> + {currentValue.map((value) => prevent(e) & internalChanged(value) && false} children={getLabel(options.find((option) => getValue(option) === value))}/>)} + + }/> [value, label])} /> diff --git a/packages/fuselage/src/components/Box/styles.scss b/packages/fuselage/src/components/Box/styles.scss index 2ee4b979d4..4fb76a1755 100644 --- a/packages/fuselage/src/components/Box/styles.scss +++ b/packages/fuselage/src/components/Box/styles.scss @@ -2,11 +2,13 @@ @extend %box; &--full { + @extend %box--animated; @extend %box--full; &::before, &::after { @extend %box; + @extend %box--animated; @extend %box--full; } } diff --git a/packages/fuselage/src/components/Box/withBoxStyling.js b/packages/fuselage/src/components/Box/withBoxStyling.js new file mode 100644 index 0000000000..0c03d45ac7 --- /dev/null +++ b/packages/fuselage/src/components/Box/withBoxStyling.js @@ -0,0 +1,26 @@ +import { createElement } from 'react'; + +import { useStyleSheet } from '../../hooks/useStyleSheet'; +import { useStylingProps } from './stylingProps'; + +export const withBoxStyling = (component) => { + const render = (props) => { + if (typeof component === 'function') { + return component(props); + } + + return createElement(component, props); + }; + + const WithBoxStyling = (props) => { + useStyleSheet(); + props = useStylingProps(props); + return render(props); + }; + + if (process.env.NODE_ENV !== 'production') { + WithBoxStyling.displayName = `WithBoxStyling(${ component.displayName || component.name || 'Component' })`; + } + + return WithBoxStyling; +}; diff --git a/packages/fuselage/src/components/Chip/index.js b/packages/fuselage/src/components/Chip/index.js index a2d078cdc7..657ad82d24 100644 --- a/packages/fuselage/src/components/Chip/index.js +++ b/packages/fuselage/src/components/Chip/index.js @@ -1,52 +1,50 @@ +import PropTypes from 'prop-types'; import React from 'react'; +import { prependClassName } from '../../helpers/prependClassName'; import { Avatar } from '../Avatar'; -import { Box, Flex } from '../Box'; +import { withBoxStyling } from '../Box/withBoxStyling'; import { Icon } from '../Icon'; import Margins from '../Margins'; -const ThumbDefault = ({ url }) => ; -const RemoveDefault = () => ; +const defaultRenderThumb = ({ url }) => ; +const defaultRenderDismissSymbol = () => ; -export const Chip = ({ +const Chip = ({ children, + className, thumbUrl, - Thumb = ThumbDefault, onClick, onMouseDown, - Remove = RemoveDefault, - ...props -}) => ( - - - {Thumb && thumbUrl && - - } - {children && - - {children} - - } - {Remove && (onClick || onMouseDown) && - - - - } - - -); + renderThumb = defaultRenderThumb, + renderDismissSymbol = defaultRenderDismissSymbol, + ...rest +}) => { + const onDismiss = onClick || onMouseDown; -Chip.Wrapper = ({ children, width, alignItems = 'center', wrap = 'wrap', ...props }) => - - - - {children.map((children, i) => - - - {children} - - , - )} - - - ; + return ; +}; + +if (process.env.NODE_ENV !== 'production') { + Chip.displayName = 'Chip'; + + Chip.propTypes = { + thumbUrl: PropTypes.string, + renderThumb: PropTypes.func, + renderDismissSymbol: PropTypes.func, + }; +} + +export default withBoxStyling(Chip); diff --git a/packages/fuselage/src/components/Chip/stories.mdx b/packages/fuselage/src/components/Chip/stories.mdx index 5b2e8e1fbc..6a4cd2a22b 100644 --- a/packages/fuselage/src/components/Chip/stories.mdx +++ b/packages/fuselage/src/components/Chip/stories.mdx @@ -1,22 +1,49 @@ import { Meta, Preview, Props, Story } from '@storybook/addon-docs/blocks'; import { action } from '@storybook/addon-actions'; +import { exampleAvatar, blankAvatar } from '../../../.storybook/helpers'; +import { Box, Chip, Margins } from '../..'; -import { Chip, Margins } from '../..'; -const thumb = 'data:image/gif;base64,R0lGODlhAQABAIAAAMLCwgAAACH5BAAAAAAALAAAAAABAAEAAAICRAEAOw=='; - - + # Chip - - - Chip - Chip Chip Chip Chip Chip - Chip Chip Chip Chip Chip Chip Chip Chip Chip Chip - Chip Chip Chip Chip Chip Chip Chip Chip Chip Chip - + + Marie Rowe + +### Default + + + + Chip + + + +### Dismissible + + + + Chip + + + +### With thumb + + + + + {storyFn()} + + , + ]}> + <> + Chip + Chip + + + diff --git a/packages/fuselage/src/components/Chip/styles.scss b/packages/fuselage/src/components/Chip/styles.scss index bae932444d..3c64aa5648 100644 --- a/packages/fuselage/src/components/Chip/styles.scss +++ b/packages/fuselage/src/components/Chip/styles.scss @@ -1,12 +1,23 @@ +@use '../../styles/colors.scss'; +@use '../../styles/lengths.scss'; @use '../../styles/typography.scss'; .rcx-chip { - @include clickable; - @include typography.use-text-ellipsis; - + @extend %box--animated; + @extend %box--full; @extend %button--secondary; + + display: flex; + overflow: hidden; + align-items: center; + + min-height: lengths.size(28); + border-width: 0; + @include clickable; + @include typography.use-font-scale('p1'); + &.disabled, &:disabled { color: $button-colors-secondary-color; @@ -15,7 +26,13 @@ } &__text { - @include typography.use-text-ellipsis; white-space: nowrap; + letter-spacing: inherit; + + color: inherit; + + font: inherit; + + @include typography.use-text-ellipsis; } } diff --git a/packages/fuselage/src/components/Select/MultiSelect.js b/packages/fuselage/src/components/Select/MultiSelect.js index 4ed054ae87..6910334a30 100644 --- a/packages/fuselage/src/components/Select/MultiSelect.js +++ b/packages/fuselage/src/components/Select/MultiSelect.js @@ -1,7 +1,7 @@ import React, { useState, useRef, useEffect, useCallback } from 'react'; import { AnimatedVisibility, Box, Flex, Position } from '../Box'; -import { Chip } from '../Chip'; +import Chip from '../Chip'; import { Icon } from '../Icon'; import { InputBox } from '../InputBox'; import Margins from '../Margins'; @@ -79,12 +79,12 @@ export const MultiSelect = ({ - - + + {currentValue.map((value) => prevent(e) & internalChanged([value]) && false} children={getLabel(options.find(([val]) => val === value))}/>)} - - + + diff --git a/packages/fuselage/src/components/index.js b/packages/fuselage/src/components/index.js index 165a70e22a..25b440297f 100644 --- a/packages/fuselage/src/components/index.js +++ b/packages/fuselage/src/components/index.js @@ -8,7 +8,7 @@ export * from './ButtonGroup'; export * from './Callout'; export * from './CheckBox'; export * from './Chevron'; -export * from './Chip'; +export { default as Chip } from './Chip'; export * from './Divider'; export * from './EmailInput'; export * from './Field'; diff --git a/packages/fuselage/src/styles/primitives/box.scss b/packages/fuselage/src/styles/primitives/box.scss index 63664c711f..277dc43b30 100644 --- a/packages/fuselage/src/styles/primitives/box.scss +++ b/packages/fuselage/src/styles/primitives/box.scss @@ -13,15 +13,17 @@ -moz-osx-font-smoothing: grayscale; } -%box--full { - margin: lengths.margin('none'); - padding: lengths.padding('none'); - +%box--animated { transition: all 230ms; @media (prefers-reduced-motion) { transition: none; } +} + +%box--full { + margin: lengths.margin('none'); + padding: lengths.padding('none'); border-width: lengths.border-width('none'); border-style: solid;