From bf2d7453fbe40871c94c6b7aaee1f4dec2a6b206 Mon Sep 17 00:00:00 2001
From: Mathew Morris <hello@mathewmorris.com>
Date: Fri, 30 Aug 2019 11:20:23 -0500
Subject: [PATCH] feat(Badge): Padding and default size (#67)

---
 src/Badge/Badge.mdx                        |  1 +
 src/Badge/__snapshots__/Badge.spec.js.snap |  6 +++---
 src/theme.js                               | 12 ++++++------
 3 files changed, 10 insertions(+), 9 deletions(-)

diff --git a/src/Badge/Badge.mdx b/src/Badge/Badge.mdx
index 7a7a12b..bea0df1 100644
--- a/src/Badge/Badge.mdx
+++ b/src/Badge/Badge.mdx
@@ -23,6 +23,7 @@ Documentation and examples for badges, our small count and labeling component.
   <Badge variant="success" ml={2}>I'm So Successful</Badge>
   <Badge variant="danger" ml={2}>I'm So Dangerous</Badge>
   <Badge variant="warning" ml={2}>💁‍♀️ Caution</Badge>
+  <Badge variant="grey" ml={2}>Grey</Badge>
 </Playground>
 
 ### Sizes
diff --git a/src/Badge/__snapshots__/Badge.spec.js.snap b/src/Badge/__snapshots__/Badge.spec.js.snap
index 1e940af..b1a809e 100644
--- a/src/Badge/__snapshots__/Badge.spec.js.snap
+++ b/src/Badge/__snapshots__/Badge.spec.js.snap
@@ -7,9 +7,9 @@ exports[`Badge 1`] = `
   font-weight: bold;
   background-color: #CADCFF;
   color: #0958F3;
-  font-size: 14px;
-  border-radius: 14px;
-  padding: 5px 10px;
+  font-size: 12px;
+  border-radius: 12px;
+  padding: 4px 8px;
 }
 
 <span
diff --git a/src/theme.js b/src/theme.js
index 77defdc..b42fd6b 100644
--- a/src/theme.js
+++ b/src/theme.js
@@ -265,18 +265,18 @@ export default (overrides = {}) => {
       },
       Badge: {
         sm: {
+          fontSize: 10,
+          borderRadius: 10,
+          padding: '4px 8px',
+        },
+        md: {
           fontSize: 12,
           borderRadius: 12,
           padding: '4px 8px',
         },
-        md: {
+        lg: {
           fontSize: 14,
           borderRadius: 14,
-          padding: '5px 10px',
-        },
-        lg: {
-          fontSize: 16,
-          borderRadius: 16,
           padding: '6px 12px',
         },
       },