From 4dc1dcd21bd51d7bd88b40a0b249e02b0edaf0b0 Mon Sep 17 00:00:00 2001
From: Gary Thomas <gary.thomas@appfolio.com>
Date: Sun, 24 Jan 2021 09:20:01 -0800
Subject: [PATCH] feat(bs5):  Replace .btn-block with utility classes

Keep prop for backwards compat
---
 src/Button.js                | 2 +-
 src/__tests__/Button.spec.js | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/Button.js b/src/Button.js
index 45c21c3fd..8312bb81f 100644
--- a/src/Button.js
+++ b/src/Button.js
@@ -71,7 +71,7 @@ class Button extends React.Component {
       close || 'btn',
       close || btnOutlineColor,
       size ? `btn-${size}` : false,
-      block ? 'btn-block' : false,
+      block ? 'd-block w-100' : false,
       { active, disabled: this.props.disabled }
     ), cssModule);
 
diff --git a/src/__tests__/Button.spec.js b/src/__tests__/Button.spec.js
index 6b95ce5ea..7719db7db 100644
--- a/src/__tests__/Button.spec.js
+++ b/src/__tests__/Button.spec.js
@@ -94,7 +94,7 @@ describe('Button', () => {
   it('should render block level buttons', () => {
     const block = shallow(<Button block>Block Level Button</Button>);
 
-    expect(block.hasClass('btn-block')).toBe(true);
+    expect(block.hasClass('d-block w-100')).toBe(true);
   });
 
   it('should render close icon utility with default props', () => {