From 0b46773d95476a01bf1d9c6d7df6756b1aecb8c3 Mon Sep 17 00:00:00 2001 From: Mnau-mnau Date: Thu, 21 Sep 2023 12:35:59 +0200 Subject: [PATCH 1/2] feat(StatusPill): add component --- .../components_StatusPill_Default.png | Bin 0 -> 12376 bytes .../StatusPill/StatusPill.stories.tsx | 19 ++++++++ src/components/StatusPill/StatusPill.tsx | 44 ++++++++++++++++++ src/components/StatusPill/StatusPill.types.ts | 6 +++ src/components/StatusPill/index.ts | 1 + 5 files changed, 70 insertions(+) create mode 100644 .storybook/image-snapshots/expected/components_StatusPill_Default.png create mode 100644 src/components/StatusPill/StatusPill.stories.tsx create mode 100644 src/components/StatusPill/StatusPill.tsx create mode 100644 src/components/StatusPill/StatusPill.types.ts create mode 100644 src/components/StatusPill/index.ts diff --git a/.storybook/image-snapshots/expected/components_StatusPill_Default.png b/.storybook/image-snapshots/expected/components_StatusPill_Default.png new file mode 100644 index 0000000000000000000000000000000000000000..99db065b7afd2d1bb74accbd17045e6f89a722a9 GIT binary patch literal 12376 zcmeIYX;ji_94}5aP18*2kfxOjg-u$LW~P`6HU&~sYE~||mP?i!nYo~XO_t&YmgR=x zq?IKuxuxbd<$~ryX6^zhB`GRypn|~t(f^$Py>ITh_vL*t9M0h!czAx#^IbmQ&v!|< zXoKGQ>%Lz>AkfZpXOWjcpe_4Bpv_Ld{0w}P9d_>)@Ubc668bc#v{!u^1lkWehy3$O zM9v&DD%Cp_zaV3rvznZHW(Jb1A6;MotS8kFxR9@I;;Ek7Fp+y85KZzBUIHNo3> zyokCUcCFd4zQKLa)B=CfBBZH*1-Dw~Z-%B!BA>5*)A@rMb$bduXl2MN;w(KZwY#j9ti^WV%_27c4sYKy0!y`ql+ zxnoiMQE|IPz$Ml&JYcw?cd)LJ-(;~IIc$-F@>z?X%?;;ubES3|eEoX##hv)v73mzG z!Sl|&xe3&waqI4i1xyX^mYf|ev0{o-t4qC}vDT@93vb;8=6di5=4E@?293)|7SFkB|( zMN!|YiO$A8wTo#M-CjlD$z>3Vz`Zxly|g*z$i8H9P=vQ+8J9b~!Ya(p5O|3pk}J84 zZCzLQpYR$KvtLQ72Ja+8K*?{|n~v|wACw7nhhk0X{{_N5eFI?NC-4YN5$@n)x1TOIOsA=GnLS&g5d>romNSw1z=$Wa&U< z86iLe8tZ?C>bJapbvos~NUXg}Gj`_Y&eEL*1kkZ@!q$$CweR(=R+uoA(5Q@i;zP>J zk3>;QWM~92wa=;z{n#fwJ;SH^wfXM{@%;(ZY6!;R=ufNn&ziSsd0&Y}VuTOS7>^r+ zq+)7+k249z+hDF!8YA6FP`+T^iJzs(3Cv?;T z`|QPFn5>|hg2swnD2$MdY8*UFYcHtx&Iv6gH~n&Q55-I4_%d!kBHKvQ`mT4M-e`Hn zCruIDqo>!8D%^V375Zj)&-KZHGc<;cH#l1NKuQ0FZJ(AW?xnOqW^rfb(RlWP4 ze}k4d=pH(B=#gYc%Z_<&pBiLfUuu4xItqOL{P{k2OactL^!I}#Q$+UjiK(|l7|&f( z<$&#=Q-EN7yvCtG8#puGM+JpxpZs*G%5k)(fhVRwh-C9FXhj8PORdBG0KwMb5(J^( z{nZ8G^XJcJnlWI!m!p34Dyij*6cRf`ek-~7+Mcd-w}l?J+51NHWBY&;ix2H7;;N*u z?j8n;_JqFn6}e+<`5zmy`P=e`zV?~O5v2o-6u-br_jfqEx+drAc>4MIT_%vOE!u?* z-ub-v@Cn$*4vA4VXvTU}Eje7UNnXWLcQbp+ik`C@D!pA%=ya}~5P3Fq{R^t&pOWKw zQJjLNQsCyHbNR`2b#*tsc^M!K`Vt=fyXUzo}dA} zEWT2Y(3%g}0%2Akz+ z(bYwD&yT5IzTE$iThg2TZ?Pdv;4~0yXXRct*D+IVR{%YzFbzr=-p7Flq|sO=fRz}) z;i~=p{e6DbgG>YbE%geK;Fvc%wdL?BsByUYCXj@=z6tr91Zua^jcPc8(@5{`6&` zVj}k=MbWEkew18M$w1qwlw%1V7i?^;z$j%OFzU*+OICYPn3X``<&tR~En3)~SBR&4 zbJSxnZZI)&f>z&oQN;rC3wHbE%a_Yvzy2K%>AAcbGi7Eqq;DBZU^it_bBGnp?c^}9 zUD)PlI-;6)AC|xG@O)fyJiprv9-f|9ALTTpb*W@)!kshanB_WZzl7qBs$|fc>gqBx zvlH`m%qrg`S9F_#cQMypuUI&iSRXMf`h4qBO{{|=0B5fRI{!{#cLSRR_heBDXWn`eYsU0baw}SIY7AeFh!$x*+CPh zOAZ?$L3Q(W#_ZC4E_kOIJYlp(B%_h7w_)_tCsogX^Q^oaR7plNoS(qDXlvg`R*pbD zak!IGfrrd!ip%AUFbH8e(Mz4SpNjX)NyU7!7RdxkvJeh8@#yXC`OF~tr%#t2X`F~p zL0Jq{952%7RaMDE+-8}}{Ki-QEMsUF)(0B6ni;UEhl9B))=va2B zN~)NthvpNHAEH-gW(BlG(42MLf-($hhDmMTjxX6vT1V~x}lI%=9Fa}lHcR24%*!=6w86e6)602(>ajP6v@ zU|pU80mb^KM(2dzo0Gs4%p9{G{w8otg{~Pj`_a1U(%J^s62hfM1*ykuEZUBqxJ=dt z#pg-JQfpX06|&U-fR3U(7ZCXo^{Zx|P56BA61o0*cj z$H=c^h&Qc1*pX4Vkvn%OsP0?(a9xP6>+Q}z%A;22YZu=C#>t3T&){scTzi*h z?jpi3#6ptwqbGhlgQeu;1SpJUUGn9;x^9_TQLIol=6;jjx`wPCu~&lle5GrsjRez? z7p%jK%RWF~9MUqI&+H(Z8JmtNqpFg66=r>u2#t(~s8;)C5p9vpT1u~7n@r+NCh3!M z&BEIm(pg4(%mzKi{3-jUZZG$`ZE~cTc0AurxzGKur>AFyv)Jy6S$+mMxcg1HiHKO9 zxraB;GcZVR>q95E8H}}?mSt7oTpO*PS3Y{hKeeeja=?Buy=J2(lR|M3T$XGwWYN)c z{vJ`E2whk_&n1|X0!K_tHwa3wDOkcXg;vV08al@~9m59@!>;w~SMSQWXH9`}8;<`RjuGexw?kUa7DJMp)lcaSE$$QCLP(Z~47JlT3)-U@fLVMq%UAG>qg zS^o831*Kbhv|}+R#F3vVZW>PYR%G%JXgrfu;o5E2QHX0+|F8BxA28Zv4uJ_@| zhiN-&-ZC- z?I9%mLWoRC&*+gJ>bVzz+<33Qae6$GR}#!CscCm?77dt8+*g`}6F6`M5ubVo0gu1< z(%$S@4G_DtQ~iYAcF5Mgv7&`F5p|?iba|ET60>Z!D02_7b(OplbJ+8gveVvUPRd{l zieIS0*NcOU41oog)d+-8h~)d9GB^HPUg=t;rMNOyYED@+eI=NWK+FnF&9D3Va^yIG zjS-KP`!cAtGO5^$Kxo?j@E!NN49i)tF2A%#y+w;`emtmIB3#SLThEFW=1?STH;{t0 z+Ss;dzA`dVWL+&9(i?rq#c=D7oIX_1xrg6Mr>i2y;jb*_>N%oykEB(bm}AtmJh0M; zH;jIpTaNqef2yLl_tO9rqtYy^Z&odf6woFEu`w={cfvj#E^MVEgynK~87GM6f`uc# z0Llf{FjYL(-m7{B1?dqcwFywxT02}Ac;q!}?uVXw*c;Z~7!@q8%VjXv0$@;ppBFty zi+zffk-x*L!rEWlsG(_O70k}2x?33=?KZ%)(KlqWzngAWHwQa*yWPQcZ}eeNya)Pn zko(Z~eCAkriB$4eQLLF@e)yvV0}z49>N0$wYt&qIPheM9*J2$5uh%3RD6_It4rbxF zZT{}d*-cxkO3d>d=VahM^_?`gDw>8+D=8nA57Po5?hpd8)GQkMiHT=NM}Gk{IbTEF z$B1gbbAjYr-rzb1e}rZk&cQwuOOwhPgrQ|gYS;z?z1lDLOk^9&LmLTLKnt}KacZ77 zZyqMd9hflBCFr%&Y1R+`a5d!4^#kRRNORHmg5bI8q4ohs4~>}B@EFx0*AQzYvOy-{ zlZP7TLl^T^8+F2fKb6Huc$_%3AR<~5caR{iiHSPHG5zb)P-m*da;9r8to~%;WxjK= zDMB;i3m~kXo}M*#CtlXJll=gjZZSX^oA%{1vC^u`#I{PnxJ6a##Ct_KA21Ne)cOt4*to z_~xN`W;;KST&Wp)2eUE`((JO6y^~k zXUFRdrJ^#Ksb1aJM^kBU1wpbj%k{LiFWW5l_)>A#bE4+!e#jHJ`%umwI4bso_TTt3 z4}I*a#s+X^Gjq5^Xhqg=`yO%u zgBKlT=8+-)TFRDMz;?`<8^+kA`G$EMY4nwCOk@Msf}i3c6L@%pTyAMzOKK)|={K7b zX6Xc&+=6}tH$Gvto-&4QTAzye`VgJX=K`#tT@9Q3?c2AA!Ak0G`Aw0?oRHp=JyLVI zSIIX`0A3ND=iPUKd1Riman#1l*7bZHk%E>>-VJ@|U=Cf;(lv$c9M5ypZ4CmpuANNO z^^A@-*K1gKUpx0^Y_g(D&p*fm%Nq2G7EKq@AE>(TfsfxhqonMgG67)AE=Kf}A?I?Q z=*oCF8{e}c50!vxH}#E&H#R^0lVU*yslQd2Eua-gc~gPJ!W=@bC}sg%WDjrlR#PE< zwd34upp4(Ec#LJCb9pt@5zi2OJfn!JXOjAD%u4DagM$q;frvgO&dSQ#qo$TbCae?$ z3kDqNwz3slG*WQA!GEZ9P24OK|8TPg$#@7Og)Nh?$!u{WJ1K9YGcO>BT^GX5uJkfw z6Qg_`?UeiWsg((3FS*|$s;?JHQtGX23L3d)0}mDxuA9*!W5{+4fjqhgb92M3FzLbk z#?|&$h17iz@i0Amj4c(`(8<#8ucG1w0wjw^1wGany&1jB3AN^$ugvgdK*=|Nm zK%2Ev5swp2;D%2YSN0|n{Rq;}wvsF3_*G_b`(EGT_4-`kvmCfKkvQeg4*_Ts7Te_E z?>bazui~_A%QJT|7<^{6=G9RctoW@=8oA!(p~;V+n?a$IEB&_Qp=POIag9T!3+Kj$ za%zCIG*}`SqN5Q@4^8+D%fPDHN(PBnTCWF$m?8BRB2mfK+#qar7z}6Lxh&^EU~q81 zHN36Vtscr)-Xc;PJ;K@k?^EtMkMJf@1J`!LKyU~ocrykD#{h_==I9!XT9%+x-IUG3 z=aU~ic+j+U1Rw*(y{5e4HPKMBrgrX~PuVqjaxU1=pe|=olrdW%szyv1=GC#A`_pgj zr{rN53>f&{kjZ<$=@E|?*``=Zrfuo*mKzgmAL9|qV6a)(EHR4T2oGu$46dI$EXZv%?@OX25Tl4=@2pi6Wa5D zM^A|gNTx@m61EJ_1Yx?qcn$3vIy3P1Y+>*}=;}!6avs~Y)bir1E#4)#dLZ&TVK51R z*A?ObW($Ed3tXD3C%A+k583#t&3SZQF9BewFzIxj^srv@#uCw_Hs%cI*!O>Je8-mK z++uzm#2fZ{{*kT)ovbVA!#WpMOV1+#OQG3*9T26*^hUIQ57FAlNIRqjHC-*SHLVq4 z3B!{Ma)~&4;6vqcmnO8!%qtswJIk!E;j_1@x_+z~Tu5-n0*0H#8S)?2UJbp!qKSz3 z`1$h{HeM0g_{tHvGG|%AYRJvYBX@RoYM+p~3oA0(Vigg4qJ*;v`uOSd!E#ipqza0! zi@@Slc$Iy-(%mx*Y1yX3;^sF?4%MBu$@ab{7)zP@Tu*ZfQD!PN)PlD}ersi*kgd@t zhjJth?&>@XF%H?fHXPx)@aVTm!#rts(N=1_W~9!1!*Va+IV^BtZkY4zSdIRCvrK9t z_}~w9yDYBy z9XX)_9F_AlUNaHEhP4llO}jj#OBtN+1!NMDXd5Hy@4+ipuaDbHge4A|C`_vpmvMpt zol+SyFfdlJY~*Ai*!4%k0H-^b^9o%Hi% z+Z1yK=hJ!pz^QO#>xU12RmLu~wj#TGdyQ-GGBKOo>|s%4+X*;?AV9b_FmZ9)S&c22 zbR)CNkdSTzK(a-Q=Y2sn=u(NvM&zP?{XYXPQM0!j!dg0yFIC?J3Y#v~=CY)qL z&)c_eGr5^m>W{?68qQQ^Z%n~CPs*ZwLdLA5aX$wNBR1dqJ~~{FZv31jD1P-FcCvcO zK^cY595k=!@O~0!z`@zoOZ6VJePFE z3kJ%u>?R^{4Io5HY{`5$XLngd+uNEvAQdkMoKTL{@+}hciI!`zmNyU@>d%=$tN04s zvC#N@-=NUb2e8#eXIiWVb9e==PDCfy(bYzn;l?! z4yz>)NB!Nt0+W>(XG=@Cs-nflE%S|qmPIC?00$77+`6=M+g!HJAisL`N+&UY94)|rg)cz)t!Z{%Txmm!?b}e zUb626`T+J7>27t^rS{3&)v4Lx!sj!&VJiM*N_9&gbUE*~L6XrBd{y22*ECy_YV%rK zaF5Z@iHAS(o|D`hB}I#si^wZtwT(WA#Lj%--!1Yi#6DigY{Ey$$-tt7AJeQK6j=f< z<((6m?!8SSiEh&d{08r?ls?euIxf%NZKFo}JtHIEVrr>bSqXACdQn)2rpmN<5-f+9 z=W`UWAbIrZHRCr7H%5g6b_hh|#RS`EC`(WpZe+=|YG05W%=oRAo$`2XEPjUyn8n_> zI4aLB({`3^dS%@CN+ltB}S*f?Vkw#(fC#9p^WfaR9qII@L! zOZDa@-R51sdHApkHa6{cXpP+v*&3bGs$@I9Fqh#$z%{J3>5~>07bDtq-OJ}EY_*`% z+J9qwOOV|2c%Q2Fc2A$1bTqu`Wi9&z~G8nAGpWA-ys1(@VVx#+6f9ky_7U{tg>^6Bx`49TLp#(F8A2n%618 z1NM$>fNAur9}#}gElXCiF*yK*vc#;__U9Sy`&8W{u5EOXH_kTj@%$vS`Pu^9#(DRp zM{AR+&3oin&XNBK-Z*VdBS?KM#UnftFY-~dP2^{PZRZk);^N{H@$`~`JRx@M&Cxf3 zE*1nIOsVs0KJx&6_*w+~t+BV(vJk+QB;C?lXfJS%JrD?)Lo(At00wh{ay-a;M>xP@ zI2?{VD_t#_COXNmH}?3S0-5}dsq3YO^z>j>Hy}PLcIl|cn9yP7gXa%!WXxq|s{bh7 z(HL>=xk}!ql$)gF>Rnw19=%5Xh^6A)xGc1;f9U3C%gw#lF_?76!aQPe!Xtp^M6C3o zIRLb%;gUswC!LU&@c^4pfBQR-_6oEg3a+abz+f;WZD8Meh+QNN@B`0#|FQqCj#mMrR6bQiln(fn zjH116_0X^0*g+|5v~00z#{zomLqk%4R)NX%v$Qyy5G}9Tbb&Mu`iUg3;)QNGm>(4} ze&|#YdXS4C=LgW6*6~0`K?OrIJ?R2Q0cX#Ly^SADc{!P1IaNSP@nfPjASLrw7$3>a zTkul~E5B#jzIpQGiIclKX?nWPOw)2?riC-OX_pVuAsy_~cXItIcp2ym7#KVBH0QsB zK7$qg@jag?eb+(zgXNb{tE8U0cB8t8Z&s6$YdaIQ7$DkQmYlZ%x1pckFV(2BX4`CdBm_PciN;Ixs;$C9R4&gG*U`h zPI`#0Hr66LeD(32v%1qnb_lKOrj6wf)bYP$lc~(UsEiJUjW34V+TOoE9patyIC9AR zgjwS11|>TyVZH4+(5=|(Rnj|};s6kyg)Xm>4(Ae^=qgjn)tw`X&)jv+uZe>Oqvze0 zKbldrbhQ}J>n{quZeDx(D{;!hh}Z56E-4nl2eWcZdY#D*RHHt-zBeTyTOmcGfU;RN;n}fd92DI>T4c-@{PORFC&&L3G_Gvx zVVY#e2OY2Hjk_vCDh*B=?JX&HxWYS||2BsG{#33iF4us$_PtopQ90pn`L=)9Tvu0D z-U$He#GN&NYrfg*(5UhZ2J}9P^NF55e@tEX_42!Y+!;qR)r|y9gIeBUTK^~9-?U=> zg(I%I)85!~4sDnc>#f_(o$&v&NJB!yZ%)i)*61J7F3ca;$D4&b5#)Hku8+lq7Ycd< zdMj+W_ED4*f9~D(W_`e+a(6p+*g2I|tp!jSfb;>qvLo&7?Snhx-UYur<2~$5k}x;? zXk*>--pB2$n=T!dIEc3(WA4lQZ~EP6s;>d!B)G-K&j{LQ{v=~iEI9yDgCpP zre^Aoh~#Kh6o=H+j|{w1NCkRuJW#@Sy$cFfXX|xigxzcFxt|Lks z{KY$-uSc%<_dLBJWK92zUTH()WyHc>rWkj06qGl<63x$RG+hf7TJ?UnZTzywJBV|93vXOoh;?&WiQ&P?LGj=kzKYN+InZE zZct5=xvq;)NS7p}ZaIJeU6sv--$f=5tJ6a2Fu(Hfu@GT-)Cv;Kl>##p<`3XY590z! zMjQYCpv1QJ*Ij~DTT~02KI1x{%ivuoTt$RNTp5Bm1I++G`Qiv%Oo@>OFoRK`aq%v) zn3QTa)b_Gdv3TNTsWZpaYF~0{itCX7t)2A9Aq)GRR%ctkI6n{QkVFOrPI>T$cht=v zM&v1`U;Fzt>wgY&d;ulwS+vS635nvnMX_JTTYpenkK0KZ8ZoU|W!Ct*E7lj5zub{W zZd?w^T_3kRLc_xI6pNmgrLmeN5?pSv;Ze}lT5aY1je|MeFXsqx%mKAEr8k34v-FF5 zl0u6mpGMYljPv01?6R~2W>2vzO`v~Asa2r8Rehb2%ZRmP)V`_Zr#)+%PVL)v6qu?3 z{d}@s`TsChvv<>G5a^&5u=@XE2Is%U|La83f719*8vna#wf}76Kil}vHvWq#z~JhC pQ1BlV{09a9LBaovrZskVpAhAYTBTL)jopPhY+FKL8@Fd=dZv literal 0 HcmV?d00001 diff --git a/src/components/StatusPill/StatusPill.stories.tsx b/src/components/StatusPill/StatusPill.stories.tsx new file mode 100644 index 000000000..463bb7721 --- /dev/null +++ b/src/components/StatusPill/StatusPill.stories.tsx @@ -0,0 +1,19 @@ +import React from 'react'; +import { Meta, Story } from '@storybook/react/types-6-0'; + +import StatusPill from './StatusPill'; +import { Inline } from '../layout'; + +export default { + title: 'components/StatusPill', + component: StatusPill, +} as Meta; + +export const Default: Story = () => ( + + + + + + +); diff --git a/src/components/StatusPill/StatusPill.tsx b/src/components/StatusPill/StatusPill.tsx new file mode 100644 index 000000000..77e1706a3 --- /dev/null +++ b/src/components/StatusPill/StatusPill.tsx @@ -0,0 +1,44 @@ +import React from 'react'; +import Styled from 'styled-components'; +import PropTypes from 'prop-types'; + +import { StatusDot } from '../StatusDot/index'; +import { StatusDotColors } from '../StatusDot/StatusDot'; +import { StatusPillProps } from './StatusPill.types'; +import PillLabel from '../Pill/PillLabel'; +import { SpaceSizes } from '../../theme'; +import { Inline, Padbox } from '../layout'; +import { PaddingTypes } from '../layout/Padbox/Padbox.enums'; +import { getColor, getRadii, pxToRem } from '../../utils'; + +const StyledPillWrapper = Styled(Padbox)` + display: inline-block; + height: ${pxToRem(24)}; + min-width: 0; + border-radius: ${getRadii('round')}; + border: 1px solid ${getColor('neutral.200')}; + background-color: ${getColor('neutral.0')}; + padding-right: ${pxToRem(6)}; + padding-top: ${pxToRem(3)}; +`; + +const StatusPill: React.FC = ({ + color = 'inactive', + label, +}) => ( + + + + {label} + + +); + +StatusPill.propTypes = { + label: PropTypes.string.isRequired, + color: PropTypes.oneOf(Object.keys(StatusDotColors)), +}; +export default StatusPill; diff --git a/src/components/StatusPill/StatusPill.types.ts b/src/components/StatusPill/StatusPill.types.ts new file mode 100644 index 000000000..3a1cc69c3 --- /dev/null +++ b/src/components/StatusPill/StatusPill.types.ts @@ -0,0 +1,6 @@ +import { StatusDotColors } from '../StatusDot/StatusDot'; + +export interface StatusPillProps { + color?: keyof typeof StatusDotColors; + label: string; +} diff --git a/src/components/StatusPill/index.ts b/src/components/StatusPill/index.ts new file mode 100644 index 000000000..151fbe9fc --- /dev/null +++ b/src/components/StatusPill/index.ts @@ -0,0 +1 @@ +export { default as StatusPill } from './StatusPill'; From 3a96af28a57f00c836ee797460b518bf477dea54 Mon Sep 17 00:00:00 2001 From: Mnau-mnau Date: Thu, 21 Sep 2023 16:56:04 +0200 Subject: [PATCH 2/2] fix(StatusPill): export the component from package --- .betterer/.betterer.results | 2 +- src/components/StatusDot/StatusDot.tsx | 2 +- src/components/index.ts | 1 + 3 files changed, 3 insertions(+), 2 deletions(-) diff --git a/.betterer/.betterer.results b/.betterer/.betterer.results index c6e446f5e..b3c1de3c4 100644 --- a/.betterer/.betterer.results +++ b/.betterer/.betterer.results @@ -11,7 +11,7 @@ exports[`no more deprecated components`] = { "../src/components/FlexContainer/index.ts:1246547685": [ [0, 0, 59, "\'./FlexContainer\' import is restricted from being used by a pattern. FlexContainer is deprecated. Please use Layout primitives instead.", "3330215570"] ], - "../src/components/index.ts:3052257943": [ + "../src/components/index.ts:3583195122": [ [18, 0, 32, "\'./FlexContainer\' import is restricted from being used by a pattern. FlexContainer is deprecated. Please use Layout primitives instead.", "726759703"] ] }` diff --git a/src/components/StatusDot/StatusDot.tsx b/src/components/StatusDot/StatusDot.tsx index fa16212cd..41ee8874e 100644 --- a/src/components/StatusDot/StatusDot.tsx +++ b/src/components/StatusDot/StatusDot.tsx @@ -4,7 +4,7 @@ import PropTypes from 'prop-types'; import { getRadii, pxToRem } from '../../utils'; -const StatusDotColors = { +export const StatusDotColors = { good: '100, 244, 81', bad: '242, 46, 67', neutral: '84, 129, 217', diff --git a/src/components/index.ts b/src/components/index.ts index 0ed009616..220587696 100644 --- a/src/components/index.ts +++ b/src/components/index.ts @@ -33,6 +33,7 @@ export * from './SingleDatePicker'; export * from './SortableList'; export * from './Spinner'; export * from './StatusDot'; +export * from './StatusPill'; export * from './Stepper'; export * from './Table'; export * from './Tabs';