Merge pull request #43 from perimetre/3.0.7

3.0.7

CHANGELOG.md

@@ -25,10 +25,14 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 
 ### Fixed
 
-## [3.0.6] - 2021-06-21
+## [3.0.7] - 2021-06-21
 
 ### Changes
 
+Modify `hideBackdrop` logic to make backdrop transparent instead of hidden
+
+## [3.0.6] - 2021-06-21
+
 ### Added
 
 - Added minHeight at default-present with default spacing.
@@ -39,14 +43,10 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 
 ## [3.0.5] - 2021-06-21
 
-### Changes
-
 ### Added
 
 - Added `size` property to WYSIWYG input component.
 
-### Fixed
-
 ## [3.0.4] - 2021-06-09
 
 ### Added

package.json

@@ -1,7 +1,7 @@
 {
   "name": "@perimetre/ui",
   "description": "A component library made by @perimetre",
-  "version": "3.0.6",
+  "version": "3.0.7",
   "repository": {
     "type": "git",
     "url": "git+https://github.com/perimetre/ui.git"

src/components/Drawer/index.tsx

@@ -137,7 +137,7 @@ export const DrawerWrapper: React.FC<DrawerWrapperProps> = ({
 
       {/* The backdrop overlay that appears behind the drawer */}
       <motion.div
-        className={classnames('z-10 fixed inset-0 bg-black', { hidden: hideBackdrop })}
+        className={classnames('z-10 fixed inset-0', hideBackdrop ? 'bg-transparent' : 'bg-black')}
         style={
           {
             '--tw-bg-opacity': 0.4