From 2e8d12ba97659abbe6ae98f9cc26e4eea714977b Mon Sep 17 00:00:00 2001
From: Karl Kallavus <karl.kallavus@gmail.com>
Date: Wed, 4 Nov 2020 11:20:56 +0200
Subject: [PATCH] fix: default badge size

---
 packages/components/src/badge/README.mdx | 8 +++++---
 packages/core/src/badge/Badge.ts         | 3 +--
 packages/core/src/badge/README.mdx       | 9 ++-------
 3 files changed, 8 insertions(+), 12 deletions(-)

diff --git a/packages/components/src/badge/README.mdx b/packages/components/src/badge/README.mdx
index 23303111cf..bede3437d5 100644
--- a/packages/components/src/badge/README.mdx
+++ b/packages/components/src/badge/README.mdx
@@ -14,7 +14,9 @@ Use design system [Badge](/core/badge) instead.
 
 ## Migration guide
 
-### Set proper size
+### 1. Set proper size
+
+Default size was increased.
 
 Set `size="small"` if size wasn't set.
 
@@ -22,11 +24,11 @@ Set `size="small"` if size wasn't set.
 <Badge>Active</Badge> -> <Badge size="small">Active</Badge>
 ```
 
-### Change size props
+### 2. Change size props
 
 `xsmall` -> `small`
 
-`small` -> `default`
+`small` -> `void`
 
 ```
 <Badge size="xsmall">Example</Badge> -> <Badge size="small">Example</Badge>
diff --git a/packages/core/src/badge/Badge.ts b/packages/core/src/badge/Badge.ts
index c604f36b27..a84e543574 100644
--- a/packages/core/src/badge/Badge.ts
+++ b/packages/core/src/badge/Badge.ts
@@ -5,7 +5,7 @@ import { ColorProps } from '@heathmont/moon-themes';
 export type BadgeProps = {
   color?: ColorProps;
   backgroundColor?: ColorProps;
-  size?: 'small' | 'default';
+  size?: 'small';
 };
 
 const Badge = styled.span<BadgeProps>(
@@ -29,7 +29,6 @@ const Badge = styled.span<BadgeProps>(
 );
 
 Badge.defaultProps = {
-  size: 'default',
   color: 'goten.100',
   backgroundColor: 'piccolo.100',
 };
diff --git a/packages/core/src/badge/README.mdx b/packages/core/src/badge/README.mdx
index e24d8ba65f..9e78495f7e 100644
--- a/packages/core/src/badge/README.mdx
+++ b/packages/core/src/badge/README.mdx
@@ -46,21 +46,16 @@ backgroundColor="piccolo.100"
 
 ## Customize size
 
-You could use `size` prop.
-
-By default size is `default`.
-
-Possible sizes are `small` and `default`.
+You could use `size="small"` prop.
 
 ```
-size= "small" | "default"
+size= "small" | undefined
 
 ```
 
 ```jsx react-live
 <Inline>
   <Badge size="small">Small</Badge>
-  <Badge size="default">Default</Badge>
   <Badge>Default</Badge>
 </Inline>
 ```