From 40b728a1fa9895007f200e657c384a20fe3a7424 Mon Sep 17 00:00:00 2001
From: Adina Johnson <adina.johnson@appfolio.com>
Date: Fri, 30 Oct 2020 13:40:32 -0700
Subject: [PATCH] feat(bs5): update badge classes

`badge-*` -> `bg-*`
`badge-pill` -> `rounded-pill`
---
 src/Badge.js                | 4 ++--
 src/__tests__/Badge.spec.js | 6 +++---
 2 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/src/Badge.js b/src/Badge.js
index 82ebcd523..22a9ec910 100644
--- a/src/Badge.js
+++ b/src/Badge.js
@@ -33,8 +33,8 @@ const Badge = (props) => {
   const classes = mapToCssModules(classNames(
     className,
     'badge',
-    'badge-' + color,
-    pill ? 'badge-pill' : false
+    'bg-' + color,
+    pill ? 'rounded-pill' : false
   ), cssModule);
 
   if (attributes.href && Tag === 'span') {
diff --git a/src/__tests__/Badge.spec.js b/src/__tests__/Badge.spec.js
index 33c1d67c4..53b351dd8 100644
--- a/src/__tests__/Badge.spec.js
+++ b/src/__tests__/Badge.spec.js
@@ -30,18 +30,18 @@ describe('Badge', () => {
   it('should render badges with secondary color', () => {
     const wrapper = shallow(<Badge>Default Badge</Badge>);
 
-    expect(wrapper.hasClass('badge-secondary')).toBe(true);
+    expect(wrapper.hasClass('bg-secondary')).toBe(true);
   });
 
   it('should render Badges with other colors', () => {
     const wrapper = shallow(<Badge color="danger">Danger Badge</Badge>);
 
-    expect(wrapper.hasClass('badge-danger')).toBe(true);
+    expect(wrapper.hasClass('bg-danger')).toBe(true);
   });
 
   it('should render Badges as pills', () => {
     const wrapper = shallow(<Badge pill>Pill Badge</Badge>);
 
-    expect(wrapper.hasClass('badge-pill')).toBe(true);
+    expect(wrapper.hasClass('rounded-pill')).toBe(true);
   });
 });