From 33b2c7510df76c6a4d55e863792c11d4f6fb8ecb Mon Sep 17 00:00:00 2001
From: Michael Wilson <miguel.dw@gmail.com>
Date: Thu, 5 Aug 2021 09:11:44 -0400
Subject: [PATCH] added hideForMobile to drawer

---
 CHANGELOG.md                        | 2 +-
 README.md                           | 2 +-
 components/mdc/Drawer/Drawer.svelte | 3 ++-
 3 files changed, 4 insertions(+), 3 deletions(-)

diff --git a/CHANGELOG.md b/CHANGELOG.md
index ddfe3987..bd5dbe3b 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -8,7 +8,7 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 
 ## [2.6.0](https://github.com/silinternational/ui-components/releases/tag/v2.6.0) - 2021-08-04
 ### Added
-- optional border-white class in Drawer
+- hideForMobile prop and optional border-white class in Drawer
 - another slot to TopAppBar
 - main-drawer-content id and actions slot to Drawer
 
diff --git a/README.md b/README.md
index 3a5d3b29..f0bb9a71 100644
--- a/README.md
+++ b/README.md
@@ -60,7 +60,7 @@ Dialog [
 	Dialog.Alert (open, title, defaultAction), Dialog.Simple(open, title)
 ]
 
-Drawer (title, subtitle, menuItems, toggle, modal, dismissible, hasTopAppBar, isFullHeightMenu)
+Drawer (title, subtitle, menuItems, toggle, modal, dismissible, hasTopAppBar, isFullHeightMenu, hideForMobile)
 
 Fab (icon, label, url)
 
diff --git a/components/mdc/Drawer/Drawer.svelte b/components/mdc/Drawer/Drawer.svelte
index 9db503ca..58aed308 100644
--- a/components/mdc/Drawer/Drawer.svelte
+++ b/components/mdc/Drawer/Drawer.svelte
@@ -15,6 +15,7 @@ export let modal = false
 export let dismissible = false
 export let toggle = false
 export let isFullHeightMenu = true
+export let hideForMobile = true
 
 let mdcDrawer = {}
 let element = {}
@@ -40,7 +41,7 @@ $beforeUrlChange(({ url }) => {
 })
 
 const showAppropriateDrawer = () => {
-  isDesktop() && !dismissible ? showStandardDrawer() : showModalDrawer()
+  isDesktop() && !dismissible ? showStandardDrawer() : hideForMobile && showModalDrawer()
 }
 const showModalDrawer = () => modal = true
 const showStandardDrawer = () => modal = false