From 688d0b0570d7a708d4ae81fb903db2604defbcaa Mon Sep 17 00:00:00 2001
From: Gabriel Henriques <gabriel.henriques@rocket.chat>
Date: Fri, 13 Mar 2020 18:09:21 -0300
Subject: [PATCH 1/2] Added tags and Badges

---
 .../fuselage/src/components/Badge/index.js    |  7 +++
 .../fuselage/src/components/Badge/stories.mdx | 41 ++++++++++++++++
 packages/fuselage/src/components/Tag/index.js | 21 ++++++++
 .../fuselage/src/components/Tag/stories.mdx   | 41 ++++++++++++++++
 .../fuselage/src/components/Tag/styles.scss   | 48 +++++++++++++++++++
 packages/fuselage/src/components/index.js     |  2 +
 packages/fuselage/src/components/index.scss   |  1 +
 7 files changed, 161 insertions(+)
 create mode 100644 packages/fuselage/src/components/Badge/index.js
 create mode 100644 packages/fuselage/src/components/Badge/stories.mdx
 create mode 100644 packages/fuselage/src/components/Tag/index.js
 create mode 100644 packages/fuselage/src/components/Tag/stories.mdx
 create mode 100644 packages/fuselage/src/components/Tag/styles.scss

diff --git a/packages/fuselage/src/components/Badge/index.js b/packages/fuselage/src/components/Badge/index.js
new file mode 100644
index 0000000000..eb0e0a8de9
--- /dev/null
+++ b/packages/fuselage/src/components/Badge/index.js
@@ -0,0 +1,7 @@
+import React from 'react';
+
+import { Tag } from '../..';
+
+export function Badge(props) {
+  return <Tag round {...props} />;
+}
diff --git a/packages/fuselage/src/components/Badge/stories.mdx b/packages/fuselage/src/components/Badge/stories.mdx
new file mode 100644
index 0000000000..d749db830a
--- /dev/null
+++ b/packages/fuselage/src/components/Badge/stories.mdx
@@ -0,0 +1,41 @@
+import { Meta, Preview, Props, Story } from '@storybook/addon-docs/blocks';
+
+import { Badge } from '../..';
+
+<Meta title='Tags & Badges|Badges' parameters={{ jest: ['Button/spec'] }} />
+
+# Badge
+
+Used for mentions.
+
+<Preview>
+  <Story name='Default'>
+    <Badge>99</Badge>
+  </Story>
+</Preview>
+
+<Props of={Badge} />
+
+### Primary
+
+<Preview>
+  <Story name='Primary'>
+    <Badge variant='primary'>99</Badge>
+  </Story>
+</Preview>
+
+### Danger
+
+<Preview>
+  <Story name='Danger'>
+    <Badge variant='danger'>99</Badge>
+  </Story>
+</Preview>
+
+### Disabled
+
+<Preview>
+  <Story name='Disabled'>
+    <Badge disabled>99</Badge>
+  </Story>
+</Preview>
\ No newline at end of file
diff --git a/packages/fuselage/src/components/Tag/index.js b/packages/fuselage/src/components/Tag/index.js
new file mode 100644
index 0000000000..6648bd2efe
--- /dev/null
+++ b/packages/fuselage/src/components/Tag/index.js
@@ -0,0 +1,21 @@
+import React from 'react';
+
+import { Box } from '../..';
+
+export function Tag({
+  variant = 'default',
+  disabled,
+  round,
+  ...props
+}) {
+  return <Box
+    is='div'
+    componentClassName='rcx-tag'
+    mod-default={variant === 'default'}
+    mod-primary={variant === 'primary'}
+    mod-danger={variant === 'danger'}
+    mod-disabled={!!disabled}
+    mod-round={!!round}
+    {...props}
+  />;
+}
diff --git a/packages/fuselage/src/components/Tag/stories.mdx b/packages/fuselage/src/components/Tag/stories.mdx
new file mode 100644
index 0000000000..f0314a2ee8
--- /dev/null
+++ b/packages/fuselage/src/components/Tag/stories.mdx
@@ -0,0 +1,41 @@
+import { Meta, Preview, Props, Story } from '@storybook/addon-docs/blocks';
+
+import { Tag } from '../..';
+
+<Meta title='Tags & Badges|Tags' parameters={{ jest: ['Button/spec'] }} />
+
+# Tag
+
+Used for mentions.
+
+<Preview>
+  <Story name='Default'>
+    <Tag>john.doe</Tag>
+  </Story>
+</Preview>
+
+<Props of={Tag} />
+
+### Primary
+
+<Preview>
+  <Story name='Primary'>
+    <Tag variant='primary'>john.doe</Tag>
+  </Story>
+</Preview>
+
+### Danger
+
+<Preview>
+  <Story name='Danger'>
+    <Tag variant='danger'>john.doe</Tag>
+  </Story>
+</Preview>
+
+### Disabled
+
+<Preview>
+  <Story name='Disabled'>
+    <Tag disabled>john.doe</Tag>
+  </Story>
+</Preview>
\ No newline at end of file
diff --git a/packages/fuselage/src/components/Tag/styles.scss b/packages/fuselage/src/components/Tag/styles.scss
new file mode 100644
index 0000000000..9f0b690f08
--- /dev/null
+++ b/packages/fuselage/src/components/Tag/styles.scss
@@ -0,0 +1,48 @@
+.rcx-tag {
+  display: inline-block;
+
+  padding-block: $spaces-x2;
+
+  padding-inline: $spaces-x4;
+
+  text-decoration: none;
+
+  word-break: keep-all;
+
+  border-radius: $spaces-x4;
+
+  @include use-text-style(micro);
+
+  &--default {
+
+    color: $colors-b500;
+    background-color: $colors-b100;
+  }
+
+  &--primary {
+
+    color: $colors-white;
+    background-color: $colors-b500;
+  }
+
+  &--danger {
+
+    color: $colors-white;
+    background-color: $colors-r500;
+  }
+
+  &--disabled {
+
+    color: $colors-n600;
+    background-color: $colors-n400;
+  }
+
+  &--round {
+
+    overflow: hidden;
+
+    text-align: center;
+
+    border-radius: $spaces-x20;
+  }
+}
diff --git a/packages/fuselage/src/components/index.js b/packages/fuselage/src/components/index.js
index 2f5e2b62d0..842c5dfad3 100644
--- a/packages/fuselage/src/components/index.js
+++ b/packages/fuselage/src/components/index.js
@@ -38,3 +38,5 @@ export * from './Options';
 export * from './Select';
 export * from './Modal';
 export * from './Throbber';
+export * from './Tag';
+export * from './Badge';
diff --git a/packages/fuselage/src/components/index.scss b/packages/fuselage/src/components/index.scss
index 326dfef979..cf5fe64d5c 100644
--- a/packages/fuselage/src/components/index.scss
+++ b/packages/fuselage/src/components/index.scss
@@ -30,3 +30,4 @@
 @import './Select/styles.scss';
 @import './Modal/styles.scss';
 @import './Throbber/styles.scss';
+@import './Tag/styles.scss';

From e3b7f7cca4fe2ecc4ca96cd2db184d991595ef52 Mon Sep 17 00:00:00 2001
From: Gabriel Henriques <gabriel.henriques@rocket.chat>
Date: Mon, 16 Mar 2020 10:35:40 -0300
Subject: [PATCH 2/2] Proptypes, code style, cursor pointer

---
 .../chrome_iphone7_Tags_Badges_Badges_Danger.png | Bin 0 -> 1326 bytes
 ..._iphone7_Tags_Badges_Badges_Default_Story.png | Bin 0 -> 1187 bytes
 ...hrome_iphone7_Tags_Badges_Badges_Disabled.png | Bin 0 -> 1163 bytes
 ...chrome_iphone7_Tags_Badges_Badges_Primary.png | Bin 0 -> 1330 bytes
 .../chrome_iphone7_Tags_Badges_Tags_Danger.png   | Bin 0 -> 1923 bytes
 ...me_iphone7_Tags_Badges_Tags_Default_Story.png | Bin 0 -> 1785 bytes
 .../chrome_iphone7_Tags_Badges_Tags_Disabled.png | Bin 0 -> 1799 bytes
 .../chrome_iphone7_Tags_Badges_Tags_Pointer.png  | Bin 0 -> 1785 bytes
 .../chrome_iphone7_Tags_Badges_Tags_Primary.png  | Bin 0 -> 1913 bytes
 .../chrome_laptop_Tags_Badges_Badges_Danger.png  | Bin 0 -> 642 bytes
 ...e_laptop_Tags_Badges_Badges_Default_Story.png | Bin 0 -> 580 bytes
 ...chrome_laptop_Tags_Badges_Badges_Disabled.png | Bin 0 -> 588 bytes
 .../chrome_laptop_Tags_Badges_Badges_Primary.png | Bin 0 -> 637 bytes
 .../chrome_laptop_Tags_Badges_Tags_Danger.png    | Bin 0 -> 815 bytes
 ...ome_laptop_Tags_Badges_Tags_Default_Story.png | Bin 0 -> 785 bytes
 .../chrome_laptop_Tags_Badges_Tags_Disabled.png  | Bin 0 -> 770 bytes
 .../chrome_laptop_Tags_Badges_Tags_Pointer.png   | Bin 0 -> 785 bytes
 .../chrome_laptop_Tags_Badges_Tags_Primary.png   | Bin 0 -> 816 bytes
 packages/fuselage/src/components/Badge/index.js  |   6 ++++++
 packages/fuselage/src/components/Tag/index.js    |  14 ++++++++++++--
 packages/fuselage/src/components/Tag/stories.mdx |   8 ++++++++
 packages/fuselage/src/components/Tag/styles.scss |  11 +++++------
 22 files changed, 31 insertions(+), 8 deletions(-)
 create mode 100644 packages/fuselage/.loki/reference/chrome_iphone7_Tags_Badges_Badges_Danger.png
 create mode 100644 packages/fuselage/.loki/reference/chrome_iphone7_Tags_Badges_Badges_Default_Story.png
 create mode 100644 packages/fuselage/.loki/reference/chrome_iphone7_Tags_Badges_Badges_Disabled.png
 create mode 100644 packages/fuselage/.loki/reference/chrome_iphone7_Tags_Badges_Badges_Primary.png
 create mode 100644 packages/fuselage/.loki/reference/chrome_iphone7_Tags_Badges_Tags_Danger.png
 create mode 100644 packages/fuselage/.loki/reference/chrome_iphone7_Tags_Badges_Tags_Default_Story.png
 create mode 100644 packages/fuselage/.loki/reference/chrome_iphone7_Tags_Badges_Tags_Disabled.png
 create mode 100644 packages/fuselage/.loki/reference/chrome_iphone7_Tags_Badges_Tags_Pointer.png
 create mode 100644 packages/fuselage/.loki/reference/chrome_iphone7_Tags_Badges_Tags_Primary.png
 create mode 100644 packages/fuselage/.loki/reference/chrome_laptop_Tags_Badges_Badges_Danger.png
 create mode 100644 packages/fuselage/.loki/reference/chrome_laptop_Tags_Badges_Badges_Default_Story.png
 create mode 100644 packages/fuselage/.loki/reference/chrome_laptop_Tags_Badges_Badges_Disabled.png
 create mode 100644 packages/fuselage/.loki/reference/chrome_laptop_Tags_Badges_Badges_Primary.png
 create mode 100644 packages/fuselage/.loki/reference/chrome_laptop_Tags_Badges_Tags_Danger.png
 create mode 100644 packages/fuselage/.loki/reference/chrome_laptop_Tags_Badges_Tags_Default_Story.png
 create mode 100644 packages/fuselage/.loki/reference/chrome_laptop_Tags_Badges_Tags_Disabled.png
 create mode 100644 packages/fuselage/.loki/reference/chrome_laptop_Tags_Badges_Tags_Pointer.png
 create mode 100644 packages/fuselage/.loki/reference/chrome_laptop_Tags_Badges_Tags_Primary.png

diff --git a/packages/fuselage/.loki/reference/chrome_iphone7_Tags_Badges_Badges_Danger.png b/packages/fuselage/.loki/reference/chrome_iphone7_Tags_Badges_Badges_Danger.png
new file mode 100644
index 0000000000000000000000000000000000000000..fc269acb121a9a6c2a5bdecc965a119a40b8c79d
GIT binary patch
literal 1326
zcmV+}1=0G6P)<h;3K|Lk000e1NJLTq001Tc001Be1^@s6eq;)>00004b3#c}2nYxW
zd<bNS000E#Nkl<ZScS!yS!@+m7{`CJwYSr<*_PWvsHP>_D$vMc3`-;sv<69NO+-nH
zK1h5(<3ce4CdOciwxBgJDnt{LVvGrv7bSHMiYTU)wSXjrP|&VMg12+$E;Gl6)6VT}
z%bkmn_Wv|<=0E5B<}BZL&L~0%K{^UqI495I9BISt?nm_WA$t1LdQ}PLp#<|$3-Ztw
zFF>1D203Qxcl^LacOS8R2Z(?5V_FdDO22;@Ms+1hLH-Sbg)E{?&BPCU`M&~<lu=WK
zQTf2A9vmAiWMOZq!|mw2sZc{wONt0IY)^t41?F~K!miy31J<}edCE2k?AnG}a_bmi
zAq%VK`SFJu24^<C1vw__a436A-NZow3=A@aEcBtWXj8NAoKj{6(aP@xGl1yn$7wwU
zVS8+|p`*>8gEFfS!Zz-?3%DJZeA(QNPGZe1awtW2AK?uzT;Hv#WNg}i{?H0gltlT}
zYuI(~;GQ^}Y%eV#^W|qyrspP=JKz39<joHt7WV~I0b)(fDNPwqK8n6(rGyIGh(CKk
z2$(vVz>du*GlQO2$<HOQ^F<FzboGK220&Z6gp5rae4!**$Rhsr;p-ZdX;aYG-Vexb
zw$?vO_=#E~+Zw<X5Xi(>zt-~`kF55VeRS7e!jEspTK6>WZ>Is!E0&`aPWK0MMhwF!
z!@N?^H2`A!4|<EkX*-3}c1kw3c)mBp+Wfl!*;8J&h(w8gw12Qd1#QWKG{BCurZgy1
zCVAJQ@2{k1qN`V4WSb~6WG^U_rC;<Wd)*-~pv}I`AI$Yh#3GakA8JAJ5DdWpD0#Oe
z`A6nJwQ#gIC79n1!EHY;CpuuPTaA)C4FGM~BD4i_6O9Ej0dU%Xm-oRu^oJjm4|7a1
zHa?c9G%M2=O!os5J^eU`j-oBU7iHEAvOa!WuCftHS43j~#6D|5U$F#qjf|((lTp1E
z0-2y`3G<*gl~i8`5NZ6-o9L*Dgt~eS=a*v%Q)oZ}Uc5}?^>@J<47}MUXd3aBLy3?0
zXTY~jU74OcYNC#kWfR$2k6JbxwYUgj+c-y$Ck>B#rQ5r9e)tvZ*cr5ib5U|k+>TB}
zZ$Em)eG=?SR~ldi`KiIOO|&_;4>sOK{EP3rN7~&oG`JT!z0{=MQH(NmG6;e5{m+Sp
zRxM3{x1aY1Q-gW9DGZ7kAaloN32^=*_SSl^ZH#qmyp`u1I-00(^$M?NqV;=-e{&dR
zRv|`Bl{ADboVL@xU`qUOtBAbXn9`K_S}oc=<?_ZA;5cB&{4e_dCcN<_FYv0RB?KB@
zk#iB`M9(n1x}tkOA-?~hFPN&8m-(6^Z@h<l{LJ7RN&@PSZtQLKNn0iNTnCYc_rZ?H
zf*~l^CHCp(X+go@Mlss3CuP3$zM^b4YH5jty4;0xtX=lrSelfLwx}F6ZyMt2HJp>@
z5Z!%gL3v=l+nx!K3Nn2d)s+*?;>oD4Oaxe?ssgpRXd-z4P>YK&sw&1fj8s48ZS2Nf
zW)|kY#u0}RfE<&+?(JY^O$bzAcj9b${R3}pos8(?Aho!Nz%HKy?{K(Sa|^M32W~2q
zQC*2qRgvZ|f?*QfeZ-oY(~5I9B7N0TjGC(d@Ka@^LKe=6vp7duaeMk9WTidSYH^XA
k(7`;k#S78O{eMIK3yES8vVA=pOaK4?07*qoM6N<$f+^!~Bme*a

literal 0
HcmV?d00001

diff --git a/packages/fuselage/.loki/reference/chrome_iphone7_Tags_Badges_Badges_Default_Story.png b/packages/fuselage/.loki/reference/chrome_iphone7_Tags_Badges_Badges_Default_Story.png
new file mode 100644
index 0000000000000000000000000000000000000000..6753b5c7d5452442fd9c0b842d4ea52c937ce38f
GIT binary patch
literal 1187
zcmV;U1YG-xP)<h;3K|Lk000e1NJLTq001Tc001Be1^@s6eq;)>00004b3#c}2nYxW
zd<bNS000D9Nkl<ZScTP?Piz!b9LGQNXJ>Z1t+hqdTA@v$HHM~w31}O+cxa3f3>Z&T
zy?D_?A$U_0H5@!?Vy#D_QG<a5qXrWi?LkREK>|XpQ36tNOPg9+wrqE2cW35#c(XIR
zrQMk(g~o5P>GsX<?R?(v{eHjqM-f5@B1ixQ8}c?duJ?)56Ep=hRenqz3>}n^K1vvv
zBVaxcxneYks7k~jX-ep2fe9d!hiqYGfflOPgc{>k4=xHOfSGx)-P;RQlCDByvJ&nV
zFx!<-5yNN2q#)sRRsOG*KP-9bPD3sBZgr^#tD$lRz0{b=hsV^_8Nrz=4%q@U*DLgH
z&`6q#+vaUJ{g=bv*98d!x>{5oyiZ-+xJ<SytAGx&Bvi{j+lBXs3LH6OSF|@I;oWEA
zY-z82;cw$EuOG=XnXdHzlieC`?l3WRs%pOAO=Tuu-SDH~04ia?+D4f_v-7a;u*KDx
z0AM05*mKbGq3&-`e6JoGad>YiTK!Q4U{xue(;30x(-Nw)N#)zUHGK6-f)96_C<<5w
z`1pA61E2p?<fbLRzxA}i*RLixwy%aq)=RH`bIv9;6CTNG!LDv_cFgr-ufJF4u7v#F
z+o933K?C5&i#D$Ju3s)Yfb`Uk&2r8X2E6>Z0e}$j!=Fw#m=yw+&IY4vuCI)xmb>MY
zW-Lg}O1m4LeN(-%z&7an$7BRBCnOVV<G~BA%~l$Z&j!#_UQCtjCuRlZrF*=r?^HU%
zRJtKxo7M#*{p>`MsX6(h!@oQHd^s3-t|;3#x60|ANDIC=C8uL92ZO^w&{vD;lJu~x
zOG|@7Uzf)BqYh)&1=|O5)SCDKUXr0pPwno}85*&%UHIU;0tb#4$Q9%^DX<L(3$J*<
z8&8>jpbH_P8j`TBQ}b==;_`22lgj>GCN*A($XF7plnBx`Y&QnFs^DkTQmT!^V86+Q
zl*`3Qml{)HTZhI#+4Qun3C7shrLlE=4W}+S%vpj5npK+X6^{ODd$tk4G!@(`Nivs%
z^Z!VLwtG~b-4cxa%$RKNXbOtxXv$?KD^L`8qC4>D(epw2Z)y$NtAZ7)fMpAU*AB_0
zVPlKRK!2P>3_d+k<eHb2eH#PVFVEV(XWrgvu>B#OE7O7lUJ<T~!=vrtV2V`~;zq8z
z(cXi3PI?)rD00tK8qB?Q3Wr`w_=R^Q<?`YumR~ANT`uS)?dgm0d~YliOpTHu`*)fC
zLM=o9wXRWNus`lY0d%ibd1t3dTo!sCN>$*6$6`F!6AlI54mNE?t1TB&E~Dcz@7vZW
zY;D(wEio(UES$XL@b68RhNQy7t(w31M+S2QOlKnZxg%0R9-)%PYNG^78f67GX$A*@
z)s(JE79XW_N{Jo?E3a|}b*Trd2?hVB18+Ipd|n<5Zl{uljHyUh1m$vsJgh{ibIVaY
zChskleW|igrE4h5yM_`X`c&(xT*@>R;t{W*{sT7{(s$Y>ZM6UZ002ovPDHLkV1h2u
BEQtUB

literal 0
HcmV?d00001

diff --git a/packages/fuselage/.loki/reference/chrome_iphone7_Tags_Badges_Badges_Disabled.png b/packages/fuselage/.loki/reference/chrome_iphone7_Tags_Badges_Badges_Disabled.png
new file mode 100644
index 0000000000000000000000000000000000000000..25adbad613e60032adba105e6acf68d82d80da02
GIT binary patch
literal 1163
zcmV;61a$j}P)<h;3K|Lk000e1NJLTq001Tc001Be1^@s6eq;)>00004b3#c}2nYxW
zd<bNS000C+Nkl<ZScTP?>2KRM7>6H8^db3*W2Z@aCB=%ObDFM8F$~+EzhNIXplQ-!
zK;|{6(>6!z`;rfd=04bF>?V<1pvU(6B$Gdpk6x0mNg7Hi#R5`FF&KLE`U9kt_);R}
zXpvX3EE8c_SeAtyj}ePTFbpH`9U}}($`P$j7q{162x3t=cARuFfn}K=2d0#w)$Y=9
zd!H2OL#2}mk_r1#1g`{BN>Q#h@O=NXLQNGBf|cCT9NZ-^&-W=;8!R~WKA8-|U?sOi
zL<j)p26!5&FAa57-{y4{UqiDDVp`a0cSGlt>$=oxb$ltY<8gAi970%EdgW+Dty-h&
zx(Lf6olcWZr$XU8->2Pm$6!*90#~0>ii3k9Z{D8Fl}Dpd9&c~4yqujYZ#J9kzxa!O
ze?G;mudPwodWdCSog$`cciiz%wmRKFW3hOsp)AY7v26f`!y(W2_HkWTd;7gUySw`u
z%CX}*s%Pit9Q<7j>}x8alnP9qgTav3Z{7fqOeOi@=?;;Ipi-%^`+N^6M;soN*nU(1
zpmh9NPl>IqZ@G1I9qCK<_Wz_>t8w!7lzST+IF20%W)6m4prKx`>jiOd;|`I?cv|N3
z%j9#*0F=uW?WtC4z&KL3Zmt7h35)yp@98$*m&<{D0+_x2AkZ-MF2G~)`LDDmL+blJ
zy<Tt5f1MYg-EN12`BDZNgwP9DcYf9H{^SG2B%*=dUT`n~Oc?@}UCQX^(yL<)@b2Av
zDwAOYn6{H$TAG0NDILEC!1Fwc#g~`7K@wqG7u&X3TfM>gyZ3ZmmtTJUjffDJa-KO!
z0h@Pkb9Q!)Qi@{nB}Ydkq?B`s+q`B+G1p$G11J<8lABC)7$?DKG|EaougfAL0zfjA
z;_>ztmNiZhzVD-y(hFhM8zf;_X6S}b2*J~xCo~#O+MPDS6y#TO6#qHY9w*`G=hf94
zEN8P+sx^GyCzVPNkK3G_o&k`U@dkidfnc8J(`YnwgLiJ<)^)X79e`vqp_6E%*}@wR
zF${zC^;PXXJw4aYnM^tyOjs5}uFqxC_j$he0)TWn#nbPfU<!*;=~%C{wY3X?leZ^2
zGLIe=xVgSYx6|eD=oK*Dd*$=FP%xv{AE;`*8EAU8yHB-R)xS;CWHcH_ITnlY^G`qO
z#M^8(`TdV)+H096a&$2w4<3BO=Eg=Sm>G+PPsHu*!rUMA6v}aIc6PqgPym@shV89_
z-pfy+48ve^^X@`WFxkP@o9%@T8;wSjR<kvRN;)iOvpP+DsG;XksZ<#ZhD4(gve^ud
z9X{#jz@!{;Uap3_zo1MQpZikD#lPlrE0uIE5^O5r=!3x5R740;i5alzDJATL{5dtt
zU|v`8HKE}Dbl{zZYj<7R9rvp0Po`ATA(e0zyCRs?f9_J{L(N`8`BI`rYT==d2!UZ5
dh>y62`WFs0IxNH3C=>ty002ovPDHLkV1jX*EWrQ(

literal 0
HcmV?d00001

diff --git a/packages/fuselage/.loki/reference/chrome_iphone7_Tags_Badges_Badges_Primary.png b/packages/fuselage/.loki/reference/chrome_iphone7_Tags_Badges_Badges_Primary.png
new file mode 100644
index 0000000000000000000000000000000000000000..6f8f69bca4d5c458bdc53ae52c601265c1f5252a
GIT binary patch
literal 1330
zcmV-21<m@2P)<h;3K|Lk000e1NJLTq001Tc001Be1^@s6eq;)>00004b3#c}2nYxW
zd<bNS000E(Nkl<ZScS!yYitx%6vuxvv%B3b(50oQg_a^kLO~)Hg$k4ap*8UpF=+kJ
zCWcA^YOvMB7}PI>Ac-dMNeGV+A|Vt}6UBsw(LhtB2nq<r6k4D!Oz49xWoMr=ez@D2
z-7dQ`sFeSg-JLym<~Qe@d(ORA(sf<OhI}eCwM98{AxcNTMrWT+XTPnX<Y!Cd=SUP}
z%RKwI!n`R8UQhZlk`-7-pU#$JVZJ&Yu?1mQuRi6Vw%kcUj&yHeJ{7hc3$d%={{<SZ
zx(X*N7dn$Xcvmo=3YFUeG<R$F6>3N`CdkyUb|=6kfnDs@sN5Q0ATT0KhO*pHzsAkX
z334)+PlW{={UZ()57)RZ6R!v4c&N&4Bk!qr4Fm*(PX))&#mz@UmN_*!S7LsV!l(@B
z>eo5m66H?t?zS!k%BCqy886`v!P$0=i#Bq$xm#mbLs*2eqfckSr)o-LMTYe+yQnI4
zAjQq@o<VqfZ-8H06CXHxlFZiX3?`0EECt{E9_51rK|)bWJ`u{zN5g52);;f{`WXRr
zCkWSjb#xtaN5k%wZYJlN029VaeEFu^fV$qRb32wEuaqdPU+%J|0%V^G2hXIgRpZA<
zys<z;yt!Lr-UdHqn^dZI2GMlLbivwXPQ!lnVzVZ_Umv1ulgga+ei|+duf9IlLE*T&
z7u5u?ldb9fS~^9>sfh2}kB5!PaiS&4i54-oVx}45g^vm2>%F?sEdpWq>~KgtP=bn?
ziZ$4g3+chKN11Qebt|zJxA%(QS#At3<izZ|lWfgAoRx0_tfN2uOc_wk2NaHz6aI@2
zNuF0qupiz7<Hru!rUmP=SRtIgrZH54S1)$*aF)2~bF&l{O*7v-(<QE-x+)@&pDnR!
zk;qN22R?eiOnQ%v{C8L_T{`=9zCRb`rP&HoAChSL*u(7rNliBx5%<~I5N3Ia1E&I?
zyy)WHau=B{aLDnt)?l)=34C}kXe7EU38<by__5i{PoH0W{&hoV?Y<y`vBI0>7Etx4
zB5}6X>o~{6u~Je}57%H2s&)h^DU_L!CvzvH^V6khLU`JG%v}B9e3Zs3eiltr@OmVg
zyEVFQ=~T`Yp>4Zq11vu$Jy@0-o_<v1QtM5Py(i5#pFdSxzjQ-0TGJB+GP$EAG#$P>
zYkG9W9Haa3+coRb?<mNYX(IK^9F-xldu0Xy=Q}m3b_DPT;jN`kCdFpnp>yVgs!AP(
zXX^Hc`1(wQqVW>76`~0HRA^|i29pl|8PQkmNzsX8+EbIklIg-bnhp_7G--gpeLBlN
zSB=8^<RqDI-*F?yDnc*<8K$$?a45v~<JQ?PmljzUyS4j*G+q&2l_eAEYL8C!&cvnC
zAMF}-`-AvJp*NtS8hr6{*cKGT7K-of52fvwLn<khnOz_za_dc<#>-J6DYC%pfhE%w
z9`VZb4(c?uMQQJ|x2rP1td>0wLNbW<QCse`vK=wimOIS?TT|wwIL}tSy{{_Hlc_0l
zCT~XOZ}b}ryOGuyH~cbuGXf%E53F%B#{FQR4y-ZvmMJ&9uWb!*>Bh)xc#HGo1gMl?
zLvXtq!fZK~en0SERa@?)rp)FMLA*NpbT%Ii+p2T-q7`!-)K&b8LzUt3sc^E@Jcb%j
ou^sB-Jee#H#xYcBk@YduKcWv30WJsl_5c6?07*qoM6N<$g0Zr4!vFvP

literal 0
HcmV?d00001

diff --git a/packages/fuselage/.loki/reference/chrome_iphone7_Tags_Badges_Tags_Danger.png b/packages/fuselage/.loki/reference/chrome_iphone7_Tags_Badges_Tags_Danger.png
new file mode 100644
index 0000000000000000000000000000000000000000..6975e21d4d391309bc96ad886873a912208fa5be
GIT binary patch
literal 1923
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
JPDHLkV1nD7uT%g4

literal 0
HcmV?d00001

diff --git a/packages/fuselage/.loki/reference/chrome_iphone7_Tags_Badges_Tags_Default_Story.png b/packages/fuselage/.loki/reference/chrome_iphone7_Tags_Badges_Tags_Default_Story.png
new file mode 100644
index 0000000000000000000000000000000000000000..88f3641329bd4af5e1bde9ab4cd9d9d2d8c62fc1
GIT binary patch
literal 1785
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
b{SD(k{X-WfNAdKE00000NkvXXu0mjf*i?Bz

literal 0
HcmV?d00001

diff --git a/packages/fuselage/.loki/reference/chrome_iphone7_Tags_Badges_Tags_Disabled.png b/packages/fuselage/.loki/reference/chrome_iphone7_Tags_Badges_Tags_Disabled.png
new file mode 100644
index 0000000000000000000000000000000000000000..d7d1c02f8578ba78c5795f13736ff6a747e1e656
GIT binary patch
literal 1799
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

literal 0
HcmV?d00001

diff --git a/packages/fuselage/.loki/reference/chrome_iphone7_Tags_Badges_Tags_Pointer.png b/packages/fuselage/.loki/reference/chrome_iphone7_Tags_Badges_Tags_Pointer.png
new file mode 100644
index 0000000000000000000000000000000000000000..88f3641329bd4af5e1bde9ab4cd9d9d2d8c62fc1
GIT binary patch
literal 1785
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
b{SD(k{X-WfNAdKE00000NkvXXu0mjf*i?Bz

literal 0
HcmV?d00001

diff --git a/packages/fuselage/.loki/reference/chrome_iphone7_Tags_Badges_Tags_Primary.png b/packages/fuselage/.loki/reference/chrome_iphone7_Tags_Badges_Tags_Primary.png
new file mode 100644
index 0000000000000000000000000000000000000000..b5776f32d80d36f8b8f3dd8c49fb75fb138fe88f
GIT binary patch
literal 1913
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

literal 0
HcmV?d00001

diff --git a/packages/fuselage/.loki/reference/chrome_laptop_Tags_Badges_Badges_Danger.png b/packages/fuselage/.loki/reference/chrome_laptop_Tags_Badges_Badges_Danger.png
new file mode 100644
index 0000000000000000000000000000000000000000..f537f329a2b6120d4953a3a11638874ed46f6128
GIT binary patch
literal 642
zcmV-|0)737P)<h;3K|Lk000e1NJLTq000vJ000mO1^@s6^u$DB00004b3#c}2nYxW
zd<bNS0006xNkl<ZIE|&0OGs2v7{`D2oICe6W7KHxO%pRRHl-F*U<%<br%m9vib$lO
z*FqGdRgoK^$D)OTxd<W)YBSo-W*0F=;+RPygn|Qs5Qs$ixO3;sZDE<$+rsL<{D1H}
z-{X9r<~WYSIu&PfsNpfxhbf9PIapl6rIG+55<(t{A?xCZNN6pjt%ns-L*ySmW78@L
zU^FMu8ynm(>-GcG+p*1q)=AbK!|ZHB|CP}i$TTq9FCtIGDSn>A>gvIn`+~M_H|CAY
zh)4+aZXD}gAJ{ekYB)<FHH0Y6<Xols8XJ)DO04^R@O=^U`XvC2))oM)JH3cQ<@nB?
zab=h9A3&%~)@6!{Fe>{Il^MkzOd}3QL6^vAm_qsuYB-B}J%T(MbJx1KgisSxF3*`?
zKtvCql?9Q<t3YUIr9qte1!Q#$t#mu0GK#jd%+otjoX)undms&4OYlGMM%KnxAFyrm
z{V8O94gMEBXgh+Cw>>a@qv6aiuyXY#T5ua8ydR_e0(||3dOyi>O9z++zNXV?dv<v<
z6XhY7;Y%j)Ke~&k2%|S8P$LuIIBdDqirLwQtU8EZUxOMM_rhegyOH+bE7asCjBDp%
z#UkJR7yzsHDF}ga<s5~~D21144@^_jv(8FK7c4D%f`6reA0Z+kjOOJ3fdHd9i2%@(
ziM7f7i)3vaJ(>8!qCZJ(zT|*^b<vXvV8hjbpC>4jMNLdmoX&Z{0Y9QVgshICpE`-Q
c_xBh10ottA=s+GX7ytkO07*qoM6N<$f^gFy_W%F@

literal 0
HcmV?d00001

diff --git a/packages/fuselage/.loki/reference/chrome_laptop_Tags_Badges_Badges_Default_Story.png b/packages/fuselage/.loki/reference/chrome_laptop_Tags_Badges_Badges_Default_Story.png
new file mode 100644
index 0000000000000000000000000000000000000000..d9f68d5998ddd38ee4c0b44890c95825634f2225
GIT binary patch
literal 580
zcmV-K0=xZ*P)<h;3K|Lk000e1NJLTq000vJ000mO1^@s6^u$DB00004b3#c}2nYxW
zd<bNS0005|Nkl<ZIE|&0y=zoK6vcn@W_BkVRuD~@Ld5SvD}y3p5D^TbXpvah`VUyB
z*cikh0f~)ZX=g-iR78<<E0_o&g0RFu@FTL(Xktj-X7_!}jKy<t-#!AXp7I{<nRDmP
z8R49BG$FPS#1O_18Ay?U0CE!Y3bX>{HF3>iYay%#v<(3iHFV}%#FlG`qkn-`u(1HD
z;iw^03t{M4KxxLXWwXc7SxxsQ!Ive+;NyVlua?6*B!j0lS|vR}oM?ElO^^2AO~k~k
z;o2!pu>-C@Nyy>nApkedXx`0P?!Agq?)(6}db&orVmYu?a&)(3peM)MIZJ4uTrr&7
zr|8`!IkrbK`N5?69N>lN8eJO%)AN?^tB%*R2IpYWcXSm6lOGK~e8<#h%Yxs!XYk?{
zv2#5+R_czv+ciq>&F>2qTsV?vtZX<jQe)9~XqjDv__mUMXlnsfL&wjmV`jl}^Jz%w
zYA1dj{J;^!aDO~ve%W&8d`H@uYB^zaBBK9pjdH~@Iv#Uyo5T}v<x!nW4+Ew?8OF*n
zhqkNinE4j5fu0<DyCt_?gcNdcxi5K<7msU<bBw$U>D{U5-=7r|k#TORnvKohLI9rf
zl1Th7iW)pfvZb@G+lE$&MkeTf(EiBl2EBpULOp`eK)lWuq$K1e6!IX&AMO|BQs!9&
Svngl*0000<MNUMnLSTXr+zMm>

literal 0
HcmV?d00001

diff --git a/packages/fuselage/.loki/reference/chrome_laptop_Tags_Badges_Badges_Disabled.png b/packages/fuselage/.loki/reference/chrome_laptop_Tags_Badges_Badges_Disabled.png
new file mode 100644
index 0000000000000000000000000000000000000000..a7e23f271ebcaf0e061446b1a35e86eb884c79a0
GIT binary patch
literal 588
zcmV-S0<-;zP)<h;3K|Lk000e1NJLTq000vJ000mO1^@s6^u$DB00004b3#c}2nYxW
zd<bNS00065Nkl<ZIE|&0ZBNrs7>2LY_O#tP2Mo3a-DY@E1czUhgkMkM4-nlPYQoD%
zgvnT2I@+F=)lcY3V}g2ryziVV&+{br5m}aH%qdAzqDT=dg-TK$#0ViUrGaId*tUr@
zjNjQjESQFPHvx~85Q6Fxhf2AWhm9v5QLG*fnwM>vEH5o!+)s25x=Ziq4+e}zS2#|Y
zH@jWR<r25IA)k7Ed_SOGU#9zd8(r4{h+;)B4bhS`&8>DeJZF40q1)X-8j@bG55VWa
z5dgcpJ9wVQ@$qSHIzO1Ag;AV0J&)Q-jb@`xr_*BMddy}seBbBk>MG4foo1uSwL8hZ
z%d!kDR!Pn@ZHpVvCyHaP#$y0ftguXrYu6=?6%*Gbj*9m+k|fO;&)aP-FGn04yvMdJ
z05n}=V`GiOk3BBFUtrr7x^5I<4-Lz<*n9UDr4%<oK)*jgN=dD@#Qy#sv-FOW;gBc{
zi!dn-)ZD74XG2a-&UpD^li~R}D=W(gA^33EBS{qP)-x_IMr^LH6=0fW%AC<@w^&?U
zVDRNDx~{YRY72m^txd8lV{r71Mx#!<(<;D(N|Nly*e%rNZzY64lZHXH;`|o~pjvUz
z04h!i+cN(dWLqW`r&KJuA50&;vJir5#i8OnDEhsUG$o8;VwI5m;R}+|z%nIHsf4a;
azp|fREBEQ1wh}Y|0000<MNUMnLSTZdU<5?~

literal 0
HcmV?d00001

diff --git a/packages/fuselage/.loki/reference/chrome_laptop_Tags_Badges_Badges_Primary.png b/packages/fuselage/.loki/reference/chrome_laptop_Tags_Badges_Badges_Primary.png
new file mode 100644
index 0000000000000000000000000000000000000000..3f822b2ee28f2a82d3581bc64f1aeecf3ae6129b
GIT binary patch
literal 637
zcmV-@0)qXCP)<h;3K|Lk000e1NJLTq000vJ000mO1^@s6^u$DB00004b3#c}2nYxW
zd<bNS0006sNkl<ZIE|&0KWGzS7{-71eV5#&m=q0Fi4Bn!9dbwpmC_;YAO?gYBK`qU
zC^SwgQU@1Nu~_IL6+t=}w3E2#P&%|X6tOKG)X7}@gT<-AE<!8XB+cD9q-}CN#fs1P
zzTfxoKJWWJuj0C{O9QN;gK62!&D#_f9F|LX5YZvIN6^_W$rutNCN^?PBUx^`%D`BK
zts<gBe<ny@TJ@4;N6VO&y=9_CWDH5JS3|5<v`(Z4;K4bK!rdmuuj(YC3IK_y!t+Zy
z9|xOwcwR$O>tv>7lbfz0tfJ$Q)|U>D-Y2>Ctjy91+&ilQFnBTuz?G+E4kiSbj|4o`
z-8U<!lX<VSR9x`tlg&ilrs_bhS0f-H6_*T-S1>J`jy9Xlb_uL*{97)8n49;KEiSnn
zXcg>=D0J_a2nAZg3SXC8I@={JVTHqc1-qLSU++Yr=y(E;XI5zr!RwnLjv5kxa@A$n
ztk9E^yuB4-XGEb~^$$Yb99Ud-IW}A(x=kS&6AYaS^6dxAezxfvT0sxM#qI#D+kaD8
zvSI0<Hh`(?AyRQcwoB#Z2OHOgkqbJHdNn%QBt0pWsrUXh617Iw@nmL|H(zW9P6YW`
zfg3MslfE-nMhdunJjlemDx<T0ol1VecF&BI_+Ikm{t00ngb@?;XM+F7M9o$LAe&an
z81irL|A>qs$);7m(TB~-mL-SRjGo<W^mSN8hspff2`V~1;;;_MSnULzKBN-gQD2c?
X{%y@`opL6S00000NkvXXu0mjfeaspP

literal 0
HcmV?d00001

diff --git a/packages/fuselage/.loki/reference/chrome_laptop_Tags_Badges_Tags_Danger.png b/packages/fuselage/.loki/reference/chrome_laptop_Tags_Badges_Tags_Danger.png
new file mode 100644
index 0000000000000000000000000000000000000000..7aaf63b195742c4fe8adf3d049581f56139b7ad6
GIT binary patch
literal 815
zcmV+~1JL}5P)<h;3K|Lk000e1NJLTq001)p000mO1^@s6yO~F_00001b5ch_0Itp)
z=>Px#1am@3R0s$N2z&@+hyVZr*-1n}R7i>4mrHC+Q5eU6=iGZ|%y?8ago=8EF51o1
zLd!x*2vQ}84j~bb1*ybiLqsB09zm??5hOA}YJ=1xEu|5SCZsJ%OQ<NKG#2VL<IcVJ
zT#GX87&^3)N&PqH<o})X{r}%N=UW`%x~}WgHDHxjpjuzUmoWVX1O3QxqcMWTXa#u)
z`_6sW+<iFJw)zb3uFXiRydu>;{t2w|3Z#137DsCN0sK`VM0(n9H;VK${8b^e{6L>g
zXoUs%t3oi)-={q4WgC)kB%W+}fw}Jp?&p5gI{@Jb`p=x4I2P}=4MggjaNmExC@Df;
zGzX#U*wwW}kDrUJ)usgSY+eHqldn4u;I_5nJGmd#){Y#Jff$}a^w=5f%G+@oV$3MK
zJ4%rm={Sweaj{?ODTOw5GM@D-5JQJx->4;876QkK_uf;nGLVC@ZW(q(HPKV&(HG7}
zpEJEHo|Q@TL^&d3D0<P%E`H1?%%f*;nx9~-UYd~CyLBBx*D=dN$Vuaq>kabb-M#_)
z`W?(YW$1IK$NBi9Vzj(m+_&$r&R)X4R)c!*2rVx+7Pl@`;#Ak7p1(p4>*_J*Zau1@
z3FqEJMB3o^q=tdanS^!zGEPk$)`iNXdNO+g_y%Asn1yG{T96W%o1Ne{;h80c6kYQl
z*X+7LH{Nx>kAUdL{|c^3swcG0GmmWB3mqRjw?(bQr9I_w8k-R#hhr>XfIhDf8OXtD
zXzE$~H_-9}cs8vD%R)VB!B|>^R#<?scy3ZX=V>dLQS=#8k=f(%oj!<OSnzknsD>u2
z?{C+$rUd(975257UKJy=C&c>7JahtADZCq3p<ca7uGjGq^T2WRnbSIZ=gLj&tG5y~
z#FyDC-R^`DoR6_KNVudlcBTCV62C8wFiPg5T3X@5r_?y=E&M)onU#rp{4B<Wm#j~r
tquxViWg?AWajJd%6Bxl_#Q*dK_y$mxEDVrnK(PP-002ovPDHLkV1lD$hlT(E

literal 0
HcmV?d00001

diff --git a/packages/fuselage/.loki/reference/chrome_laptop_Tags_Badges_Tags_Default_Story.png b/packages/fuselage/.loki/reference/chrome_laptop_Tags_Badges_Tags_Default_Story.png
new file mode 100644
index 0000000000000000000000000000000000000000..5730437680d152b84331dcb6a06e71e9649a42a6
GIT binary patch
literal 785
zcmV+s1Md8ZP)<h;3K|Lk000e1NJLTq001)p000mO1^@s6yO~F_00001b5ch_0Itp)
z=>Px#1am@3R0s$N2z&@+hyVZryGcYrR7i>4mt9B{Q5c4wIWx1PZh;v@g^^kzK?-In
z6nK$nlq8lxc;Qud1<~JKe-ug3O@U~45fu~$8cBpgMc5Cy{bPv|EfJWcW|`|YJ3prj
zMcrLjO{2x0%WuAO-uKLTKZa4Hl+v^z5CYo)$^1b9G!?uaFf>qpSyFxv#@p81NlpY2
z2*umR-yskJVLRc))-H#<)5G))#SUEGkR<Q)Fs)rq%$}Lj(mtX$ILCC@4v0w0nM(zy
zb{H&7Q0BJ#KSlytWU;fy<z%BtetIIt0);D&EpD{gShi$qw#NQq&sgu14-RMVgh<rk
zLS+Ig7Ax$k4U(E7==tIDbx?Ak*h5)PxQxF~a;(9m_ovH-G&StmWO|x_hn)`RTS9yb
zNJ_Ic4sG$Ehc87;by}a_rRJVRMXtuaA`kUGo2J+H*z=ElF8hjfdWR$pFRiiqr+$}%
zB?eikDi<GEQTtXmnOL^u$QFZ+Zg*O}!5|!OG})G|ab~B%?N{MGW^|Y~zr(U*g*}Bj
z<?A(a(*!>M_?%Sc>y&0|tX?AMpD<&EYg7s{1RGbW3=D?{*|g!!XP2r?Iwk8=Dhu>!
z_1<?o1VeDsXHnf`;z)S=*(H*wm_?#QjE+0On>zX`gaT4VuTdiEGueMKJ!jN+T~z{$
zydw=BHF~C}yqOJYD%}H;ORW}-FKwRtUGmb^sg}f~wQFR)3=OhU1=pTfw6r^1e>NV&
zSbA%hs~8$Iw>xxnyOh@iX?gdDF)PRr?A@$W@3X197h-q5MtRP(mpLgNUtAhqj2Jk&
z-9QL9ch_X);&BVH^isTVqRgPV-R8tClZy2kJ9DFbC_RJWLAd<LqV~Q;^Wh{?ytDEh
zH$-Ieu0FNMTq;OTii@9FqX0^OKuT-wAM&`Pt026d=^N(*UJoe$(=WhpTcAA74OG<M
P00000NkvXXu0mjf{K{lj

literal 0
HcmV?d00001

diff --git a/packages/fuselage/.loki/reference/chrome_laptop_Tags_Badges_Tags_Disabled.png b/packages/fuselage/.loki/reference/chrome_laptop_Tags_Badges_Tags_Disabled.png
new file mode 100644
index 0000000000000000000000000000000000000000..eef05ea1cfea9a5f63b5a859d8208998efbbf7de
GIT binary patch
literal 770
zcmV+d1O5DoP)<h;3K|Lk000e1NJLTq001)p000mO1^@s6yO~F_00001b5ch_0Itp)
z=>Px#1am@3R0s$N2z&@+hyVZrtVu*cR7i>4m)}zoQ545NcNaDhHiE6mMJP)JN3*7>
z$7bs9))`-Fs^?TR@dqHkK~NTyWx?A+Md6lIG+BM$?m6dvzu!CeoV&9^N+~;b7prxO
z)9WFn<X?dh0<Xt|9++g}nua***z%}xa@D@Zh7k&)SgrO|`}i%eT5S}k*B=U2t2I_u
z*RbvGcQ@L0mzC8us@2-qCW@spE30cbPH!w8r`JchI3v2Qv%Iv3$D@u#{-+_O#B(ud
zSr+S?NuC?eP*s(Kbe3#3%lWy)G^a?!=LWU4+7ZdEZB*66<HwKiPx^TE`Yn?_ADxbk
z-RTgI&oMn68PaIC+PvG?#J0PHLpO$U-_jF8P^nbe*-2q{9U|rwiNrjLq73aFUR^-F
zUMH2>B^HY^KR3(aVUB#hFvz#sr^M%Hv2B}tE;opuwoggK=Lp^ivb(qM;@#ZZMxIL&
ziFr;eYowmzIIM3ZF(W1qmzT&FiWCY(7w@HqIjT4CP58KfZ-!_zLO2wnUT+NYckV<n
zO_M+%fNeX2_^n$vF^n*VVbJY5L!AA7pX1{bW@heUPTl5iEH+ZF*=*A9_c_ew*-UOB
zrKEA}et}(W=7Jbrem!A|_?Q#|<X3g#b9^NEm)gtp&OeDheewvecI~6K;=YGVZzdcH
zadvjb{(hQVE>FGDzzBzaz@i(~YK>&_J*uh_3<gQ3GZaf@GTH1%z2J2nMO7)3D>R!;
zUcP!msa*QG!x%<*(7UPKePXewYnXo&&89^zp9f%RX#oUmZ|~rr^pDijG>r#~3zUjw
z);E&Gq7kCg(=H8>D^`Zy=7WO_sogzZJb#9!X}@Irs-Rr#*>om@t_SdXy;o%E*C2#I
zRBCnE9rNq^H$d}xQ1pO*bmcz)J>W<DPrm>k0783IRXytHsQ>@~07*qoM6N<$f-tLX
AYybcN

literal 0
HcmV?d00001

diff --git a/packages/fuselage/.loki/reference/chrome_laptop_Tags_Badges_Tags_Pointer.png b/packages/fuselage/.loki/reference/chrome_laptop_Tags_Badges_Tags_Pointer.png
new file mode 100644
index 0000000000000000000000000000000000000000..5730437680d152b84331dcb6a06e71e9649a42a6
GIT binary patch
literal 785
zcmV+s1Md8ZP)<h;3K|Lk000e1NJLTq001)p000mO1^@s6yO~F_00001b5ch_0Itp)
z=>Px#1am@3R0s$N2z&@+hyVZryGcYrR7i>4mt9B{Q5c4wIWx1PZh;v@g^^kzK?-In
z6nK$nlq8lxc;Qud1<~JKe-ug3O@U~45fu~$8cBpgMc5Cy{bPv|EfJWcW|`|YJ3prj
zMcrLjO{2x0%WuAO-uKLTKZa4Hl+v^z5CYo)$^1b9G!?uaFf>qpSyFxv#@p81NlpY2
z2*umR-yskJVLRc))-H#<)5G))#SUEGkR<Q)Fs)rq%$}Lj(mtX$ILCC@4v0w0nM(zy
zb{H&7Q0BJ#KSlytWU;fy<z%BtetIIt0);D&EpD{gShi$qw#NQq&sgu14-RMVgh<rk
zLS+Ig7Ax$k4U(E7==tIDbx?Ak*h5)PxQxF~a;(9m_ovH-G&StmWO|x_hn)`RTS9yb
zNJ_Ic4sG$Ehc87;by}a_rRJVRMXtuaA`kUGo2J+H*z=ElF8hjfdWR$pFRiiqr+$}%
zB?eikDi<GEQTtXmnOL^u$QFZ+Zg*O}!5|!OG})G|ab~B%?N{MGW^|Y~zr(U*g*}Bj
z<?A(a(*!>M_?%Sc>y&0|tX?AMpD<&EYg7s{1RGbW3=D?{*|g!!XP2r?Iwk8=Dhu>!
z_1<?o1VeDsXHnf`;z)S=*(H*wm_?#QjE+0On>zX`gaT4VuTdiEGueMKJ!jN+T~z{$
zydw=BHF~C}yqOJYD%}H;ORW}-FKwRtUGmb^sg}f~wQFR)3=OhU1=pTfw6r^1e>NV&
zSbA%hs~8$Iw>xxnyOh@iX?gdDF)PRr?A@$W@3X197h-q5MtRP(mpLgNUtAhqj2Jk&
z-9QL9ch_X);&BVH^isTVqRgPV-R8tClZy2kJ9DFbC_RJWLAd<LqV~Q;^Wh{?ytDEh
zH$-Ieu0FNMTq;OTii@9FqX0^OKuT-wAM&`Pt026d=^N(*UJoe$(=WhpTcAA74OG<M
P00000NkvXXu0mjf{K{lj

literal 0
HcmV?d00001

diff --git a/packages/fuselage/.loki/reference/chrome_laptop_Tags_Badges_Tags_Primary.png b/packages/fuselage/.loki/reference/chrome_laptop_Tags_Badges_Tags_Primary.png
new file mode 100644
index 0000000000000000000000000000000000000000..9105efbb4cd4c7adb07ae9019c3b3f62b2b242e2
GIT binary patch
literal 816
zcmV-01JC@4P)<h;3K|Lk000e1NJLTq001)p000mO1^@s6yO~F_00001b5ch_0Itp)
z=>Px#1am@3R0s$N2z&@+hyVZr+DSw~R7i>4mwRZ9aTv!x@9#bDdAD&!n2{kFHMB-s
z*hY>?E*YZLwAu<`kv}j?$u0N4hL&iF+>0=`L`OO1)<(I6O);&6`C}K`d)}Krww#@F
zcIGmf`TqI*e$Vs$K0VL#d-_SXZQD0rm=t?-UVpHtYo^;EIs!%x5ahcRrj3%3u0J*G
zrAM`{*41eo&Q%e`9=)q|{1Fs;bVSuhE5MkMAXB|JiWrv^)-lE<QN1^cj0CyUA~KU&
z_@W~^7pLl@g{Tjjk!Lj)t50dvHQAku{+ChT431#qm_dS~Y!z>16QAmBmQPVwJjsC~
zOPsGT*nZjf{qEERnOzH=G-{Ar(#*SB8&5$bZ$DcM>Ma=9TVh+OkF$@A0FL1?5(jcr
zVxt9RRc63hdwiw^(?`o}oa3Zl&ldZp3qFj%rb2X-ZECz=!)%3PWd^&h`p8Rjkd@-k
zKfb?U=M^8Z(Gocm1MOQ&HOk+btec^P#NCsnqR0}PFKQ&l`6Yzo>lFz_*(&GC4OX4h
z$Vv&+@l(m9kC1u)#b*C4ozo8u?!B={i}%k-$sL{Z6(%n~Sj4#ep>8}k@m5;ger3|P
zXW;Cq4oDs<IOx&2^u(mZtN)NMF;37!h1^ty-3y(_0+NS?N)Jsh2*Hyh+GsOd%WT=u
zR<dpTeZxN^t-e96(jK4ON}7GBiQ0x1yQYWEbcdBGt1=nVM`Gnvh3xSTQiluf2KD&Q
zA|pX&#{wss0TtC2%cdw~Cdn+B>~F(xd{1jknsu0)<RCFl;4O?KGwB!G%v))(`<hN(
zx`XvIogBGqaO#24kxN)44i@B0Xc16wR>QJww#`?0(`Ge<<Ew3eHD@&DjdM`6Nagr_
zgA?uOkOr@945(MWTcL24!q_cezn8STK)8aI)e5)5vl@#pja?(?cj1ZvDRW<w{kYot
u@$G*cV}}StzB_aebVua76{P>^3-Apzf-hg(IWS`Y0000<MNUMnLSTZv)`8Xl

literal 0
HcmV?d00001

diff --git a/packages/fuselage/src/components/Badge/index.js b/packages/fuselage/src/components/Badge/index.js
index eb0e0a8de9..dcbee7b5a0 100644
--- a/packages/fuselage/src/components/Badge/index.js
+++ b/packages/fuselage/src/components/Badge/index.js
@@ -1,7 +1,13 @@
 import React from 'react';
+import PropTypes from 'prop-types';
 
 import { Tag } from '../..';
 
 export function Badge(props) {
   return <Tag round {...props} />;
 }
+
+Badge.propTypes = {
+  variant: PropTypes.oneOf(['secondary', 'primary', 'danger']),
+  disabled: PropTypes.bool,
+};
diff --git a/packages/fuselage/src/components/Tag/index.js b/packages/fuselage/src/components/Tag/index.js
index 6648bd2efe..7e82a5ebdb 100644
--- a/packages/fuselage/src/components/Tag/index.js
+++ b/packages/fuselage/src/components/Tag/index.js
@@ -1,21 +1,31 @@
 import React from 'react';
+import PropTypes from 'prop-types';
 
 import { Box } from '../..';
 
 export function Tag({
-  variant = 'default',
+  variant = 'secondary',
   disabled,
   round,
+  onClick,
   ...props
 }) {
   return <Box
     is='div'
     componentClassName='rcx-tag'
-    mod-default={variant === 'default'}
+    mod-secondary={variant === 'secondary'}
     mod-primary={variant === 'primary'}
     mod-danger={variant === 'danger'}
     mod-disabled={!!disabled}
     mod-round={!!round}
+    mod-clickable={!!onClick}
+    onClick={onClick}
     {...props}
   />;
 }
+
+Tag.propTypes = {
+  variant: PropTypes.oneOf(['secondary', 'primary', 'danger']),
+  round: PropTypes.bool,
+  disabled: PropTypes.bool,
+};
diff --git a/packages/fuselage/src/components/Tag/stories.mdx b/packages/fuselage/src/components/Tag/stories.mdx
index f0314a2ee8..65d9be30d5 100644
--- a/packages/fuselage/src/components/Tag/stories.mdx
+++ b/packages/fuselage/src/components/Tag/stories.mdx
@@ -16,6 +16,14 @@ Used for mentions.
 
 <Props of={Tag} />
 
+### With Pointer Cursor
+
+<Preview>
+  <Story name='Pointer'>
+    <Tag onClick={()=>{}}>john.doe</Tag>
+  </Story>
+</Preview>
+
 ### Primary
 
 <Preview>
diff --git a/packages/fuselage/src/components/Tag/styles.scss b/packages/fuselage/src/components/Tag/styles.scss
index 9f0b690f08..8ccdef7a1b 100644
--- a/packages/fuselage/src/components/Tag/styles.scss
+++ b/packages/fuselage/src/components/Tag/styles.scss
@@ -13,36 +13,35 @@
 
   @include use-text-style(micro);
 
-  &--default {
-
+  &--secondary {
     color: $colors-b500;
     background-color: $colors-b100;
   }
 
   &--primary {
-
     color: $colors-white;
     background-color: $colors-b500;
   }
 
   &--danger {
-
     color: $colors-white;
     background-color: $colors-r500;
   }
 
   &--disabled {
-
     color: $colors-n600;
     background-color: $colors-n400;
   }
 
   &--round {
-
     overflow: hidden;
 
     text-align: center;
 
     border-radius: $spaces-x20;
   }
+
+  &--clickable {
+    @include clickable();
+  }
 }