From e117c8b45c3eb3e0e79424cae72c209334df4a69 Mon Sep 17 00:00:00 2001
From: Michael Wilson <miguel.dw@gmail.com>
Date: Wed, 4 Aug 2021 09:00:14 -0400
Subject: [PATCH 01/17] class not needed for Drawer without TopAppBar

---
 components/mdc/Drawer/Drawer.svelte | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/components/mdc/Drawer/Drawer.svelte b/components/mdc/Drawer/Drawer.svelte
index 6d30a3d5..c2f1b29f 100644
--- a/components/mdc/Drawer/Drawer.svelte
+++ b/components/mdc/Drawer/Drawer.svelte
@@ -123,7 +123,7 @@ main {
   {/if}
 
   <main class="h-100">
-    <div class="mdc-top-app-bar--dense-fixed-adjust h-100">
+    <div class:mdc-top-app-bar--dense-fixed-adjust={hasTopAppBar} class="h-100">
       <slot />
     </div>
   </main>

From 3997996655ab77569bebef308dc2d4f2593db767 Mon Sep 17 00:00:00 2001
From: Michael Wilson <miguel.dw@gmail.com>
Date: Wed, 4 Aug 2021 09:59:34 -0400
Subject: [PATCH 02/17] add optinal border-white class to drawer

---
 CHANGELOG.md                      | 4 +++-
 components/mdc/Drawer/_index.scss | 6 +++++-
 2 files changed, 8 insertions(+), 2 deletions(-)

diff --git a/CHANGELOG.md b/CHANGELOG.md
index 815ab5c1..2c3b2c17 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -5,8 +5,10 @@ The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/),
 and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0.html).
 
 ## [Unreleased]
-## [2.5.0](https://github.com/silinternational/ui-components/releases/tag/v2.5.0) - 2021-08-03
+### Added
+- optinal border-white class to drawer
 
+## [2.5.0](https://github.com/silinternational/ui-components/releases/tag/v2.5.0) - 2021-08-03
 ### Added
 - slot to TopAppBar in Drawer
 
diff --git a/components/mdc/Drawer/_index.scss b/components/mdc/Drawer/_index.scss
index e36fdd05..3243ab34 100644
--- a/components/mdc/Drawer/_index.scss
+++ b/components/mdc/Drawer/_index.scss
@@ -4,4 +4,8 @@
 @include drawer.core-styles;
 @include drawer.dismissible-core-styles;
 @include drawer.modal-core-styles;
-@include list.core-styles;
\ No newline at end of file
+@include list.core-styles;
+
+.border-white {
+  @include drawer.border-color(#fff);
+}
\ No newline at end of file

From 46d446ac55212082d81025d0ee4a4233e9425932 Mon Sep 17 00:00:00 2001
From: Michael Wilson <miguel.dw@gmail.com>
Date: Wed, 4 Aug 2021 10:01:40 -0400
Subject: [PATCH 03/17] update CHANGELOG

---
 CHANGELOG.md | 3 +++
 1 file changed, 3 insertions(+)

diff --git a/CHANGELOG.md b/CHANGELOG.md
index 2c3b2c17..b3fb190b 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -8,6 +8,9 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 ### Added
 - optinal border-white class to drawer
 
+### Fixed
+- TopAppBar adjust class removed when not needed by Drawer
+
 ## [2.5.0](https://github.com/silinternational/ui-components/releases/tag/v2.5.0) - 2021-08-03
 ### Added
 - slot to TopAppBar in Drawer

From 22217bd15a80d51d9487f19d988e8202b821cdab Mon Sep 17 00:00:00 2001
From: Michael Wilson <miguel.dw@gmail.com>
Date: Wed, 4 Aug 2021 10:12:40 -0400
Subject: [PATCH 04/17] add classForContent prop to Drawer, update README

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

diff --git a/CHANGELOG.md b/CHANGELOG.md
index b3fb190b..5182b2eb 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -6,7 +6,10 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 
 ## [Unreleased]
 ### Added
-- optinal border-white class to drawer
+- optinal border-white class and classForContent prop to Drawer
+
+### Changed
+- update README index
 
 ### Fixed
 - TopAppBar adjust class removed when not needed by Drawer
diff --git a/README.md b/README.md
index 3a5d3b29..62870353 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, classForContent)
 
 Fab (icon, label, url)
 
diff --git a/components/mdc/Drawer/Drawer.svelte b/components/mdc/Drawer/Drawer.svelte
index c2f1b29f..a2033fba 100644
--- a/components/mdc/Drawer/Drawer.svelte
+++ b/components/mdc/Drawer/Drawer.svelte
@@ -14,6 +14,7 @@ export let modal = false
 export let dismissible = false
 export let toggle = false
 export let isFullHeightMenu = true
+export let classForContent = '' //can be used to change background color
 
 let mdcDrawer = {}
 let element = {}
@@ -122,7 +123,7 @@ main {
     </TopAppBar>
   {/if}
 
-  <main class="h-100">
+  <main class="h-100" class:classForContent>
     <div class:mdc-top-app-bar--dense-fixed-adjust={hasTopAppBar} class="h-100">
       <slot />
     </div>

From e860a8e7e5888e548f9e74a3dfd6f3604144537d Mon Sep 17 00:00:00 2001
From: Michael Wilson <miguel.dw@gmail.com>
Date: Wed, 4 Aug 2021 10:18:56 -0400
Subject: [PATCH 05/17] added another slot to TopAppBar

---
 CHANGELOG.md                              | 2 +-
 components/mdc/TopAppBar/TopAppBar.svelte | 2 ++
 2 files changed, 3 insertions(+), 1 deletion(-)

diff --git a/CHANGELOG.md b/CHANGELOG.md
index 5182b2eb..9d0be6b0 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -7,7 +7,7 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 ## [Unreleased]
 ### Added
 - optinal border-white class and classForContent prop to Drawer
-
+- another slot to TopAppBar
 ### Changed
 - update README index
 
diff --git a/components/mdc/TopAppBar/TopAppBar.svelte b/components/mdc/TopAppBar/TopAppBar.svelte
index 2cb43153..014b5ff0 100644
--- a/components/mdc/TopAppBar/TopAppBar.svelte
+++ b/components/mdc/TopAppBar/TopAppBar.svelte
@@ -44,6 +44,8 @@ onMount(() => {
     </section>
     
     <section class="mdc-top-app-bar__section mdc-top-app-bar__section--align-end" role="toolbar">
+      <slot name="actions"/>
+
       {#each $actions as { icon, onClick, label }}
         <button class="material-icons mdc-top-app-bar__action-item mdc-icon-button" aria-label={label} on:click={onClick}>{icon}</button>
       {/each}

From 4097cd0d02ce341058bd3cc05c71becf499fe8ed Mon Sep 17 00:00:00 2001
From: Michael Wilson <miguel.dw@gmail.com>
Date: Wed, 4 Aug 2021 10:21:50 -0400
Subject: [PATCH 06/17] added actions slot to Drawer

---
 CHANGELOG.md                        | 4 ++++
 components/mdc/Drawer/Drawer.svelte | 1 +
 2 files changed, 5 insertions(+)

diff --git a/CHANGELOG.md b/CHANGELOG.md
index 9d0be6b0..ebe0f33b 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -5,9 +5,13 @@ The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/),
 and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0.html).
 
 ## [Unreleased]
+
+## [2.6.0](https://github.com/silinternational/ui-components/releases/tag/v2.6.0) - 2021-08-04
 ### Added
 - optinal border-white class and classForContent prop to Drawer
 - another slot to TopAppBar
+- actions slot to Drawer
+
 ### Changed
 - update README index
 
diff --git a/components/mdc/Drawer/Drawer.svelte b/components/mdc/Drawer/Drawer.svelte
index a2033fba..90878cc8 100644
--- a/components/mdc/Drawer/Drawer.svelte
+++ b/components/mdc/Drawer/Drawer.svelte
@@ -120,6 +120,7 @@ main {
   {#if hasTopAppBar}
     <TopAppBar dense fixed bgColorIsVariant on:nav={toggleDrawer} navIconBreakpointClass={!dismissible && "hide-above-tablet"} >
       <slot name="TopAppBar"/>
+      <slot name="actions"/>
     </TopAppBar>
   {/if}
 

From 9e68541b760ff4b29a6eadaf39050bcf66f6fe17 Mon Sep 17 00:00:00 2001
From: Michael Wilson <miguel.dw@gmail.com>
Date: Wed, 4 Aug 2021 11:26:03 -0400
Subject: [PATCH 07/17] import was causing circular dependency warning

---
 components/mdc/Drawer/Drawer.svelte | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/components/mdc/Drawer/Drawer.svelte b/components/mdc/Drawer/Drawer.svelte
index 90878cc8..ea85a590 100644
--- a/components/mdc/Drawer/Drawer.svelte
+++ b/components/mdc/Drawer/Drawer.svelte
@@ -2,9 +2,10 @@
 <script>
 import { isAboveTablet as isDesktop } from '../breakpoints'
 import { MDCDrawer } from '@material/drawer'
-import { Button, TopAppBar } from '../index'
+import Button from '../Button'
 import { beforeUrlChange } from '@roxi/routify'
 import { onMount } from 'svelte'
+import TopAppBar from '../TopAppBar'
 
 export let title = ''
 export let subtitle = ''

From e68544f18dbea14c97ebcef24c452b44d3c84188 Mon Sep 17 00:00:00 2001
From: Michael Wilson <miguel.dw@gmail.com>
Date: Wed, 4 Aug 2021 11:38:09 -0400
Subject: [PATCH 08/17] removed classForContent, add main-drawer-content

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

diff --git a/CHANGELOG.md b/CHANGELOG.md
index ebe0f33b..7b67c924 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -8,9 +8,9 @@ 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
-- optinal border-white class and classForContent prop to Drawer
+- optinal border-white class and Drawer
 - another slot to TopAppBar
-- actions slot to Drawer
+- main-drawer-content id and actions slot to Drawer
 
 ### Changed
 - update README index
diff --git a/README.md b/README.md
index 62870353..3a5d3b29 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, classForContent)
+Drawer (title, subtitle, menuItems, toggle, modal, dismissible, hasTopAppBar, isFullHeightMenu)
 
 Fab (icon, label, url)
 
diff --git a/components/mdc/Drawer/Drawer.svelte b/components/mdc/Drawer/Drawer.svelte
index ea85a590..6a258c6d 100644
--- a/components/mdc/Drawer/Drawer.svelte
+++ b/components/mdc/Drawer/Drawer.svelte
@@ -15,7 +15,6 @@ export let modal = false
 export let dismissible = false
 export let toggle = false
 export let isFullHeightMenu = true
-export let classForContent = '' //can be used to change background color
 
 let mdcDrawer = {}
 let element = {}
@@ -125,7 +124,7 @@ main {
     </TopAppBar>
   {/if}
 
-  <main class="h-100" class:classForContent>
+  <main class="h-100" id="main-drawer-content">
     <div class:mdc-top-app-bar--dense-fixed-adjust={hasTopAppBar} class="h-100">
       <slot />
     </div>

From 24582fdfeb13aba243a9d98dd1c046854e9fbc5d Mon Sep 17 00:00:00 2001
From: Michael Wilson <miguel.dw@gmail.com>
Date: Wed, 4 Aug 2021 11:40:04 -0400
Subject: [PATCH 09/17] update CHANGELOG

---
 CHANGELOG.md | 3 ---
 1 file changed, 3 deletions(-)

diff --git a/CHANGELOG.md b/CHANGELOG.md
index 7b67c924..6bb1633c 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -12,9 +12,6 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 - another slot to TopAppBar
 - main-drawer-content id and actions slot to Drawer
 
-### Changed
-- update README index
-
 ### Fixed
 - TopAppBar adjust class removed when not needed by Drawer
 

From b04f9173c6487567285c9ad9bd54796faa4d5055 Mon Sep 17 00:00:00 2001
From: Michael Wilson <miguel.dw@gmail.com>
Date: Wed, 4 Aug 2021 11:40:44 -0400
Subject: [PATCH 10/17] updated CHANGELOG

---
 CHANGELOG.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/CHANGELOG.md b/CHANGELOG.md
index 6bb1633c..c1daac9f 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
-- optinal border-white class and Drawer
+- optinal border-white class in Drawer
 - another slot to TopAppBar
 - main-drawer-content id and actions slot to Drawer
 

From bd3659a349e2fd921696848356536ef1a8a6868e Mon Sep 17 00:00:00 2001
From: Michael Wilson <miguel.dw@gmail.com>
Date: Wed, 4 Aug 2021 12:04:06 -0400
Subject: [PATCH 11/17] typo

---
 CHANGELOG.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/CHANGELOG.md b/CHANGELOG.md
index c1daac9f..ddfe3987 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
-- optinal border-white class in Drawer
+- optional border-white class in Drawer
 - another slot to TopAppBar
 - main-drawer-content id and actions slot to Drawer
 

From 488f11d71a5cb5d1082c71c2cf74b698233a3623 Mon Sep 17 00:00:00 2001
From: Michael Wilson <miguel.dw@gmail.com>
Date: Wed, 4 Aug 2021 12:04:30 -0400
Subject: [PATCH 12/17] 2.6.0

---
 package-lock.json | 4 ++--
 package.json      | 2 +-
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/package-lock.json b/package-lock.json
index 565d04c6..6c4fea76 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -1,12 +1,12 @@
 {
   "name": "@silintl/ui-components",
-  "version": "2.5.0",
+  "version": "2.6.0",
   "lockfileVersion": 2,
   "requires": true,
   "packages": {
     "": {
       "name": "@silintl/ui-components",
-      "version": "2.5.0",
+      "version": "2.6.0",
       "license": "MIT",
       "devDependencies": {
         "@roxi/routify": "^2.x",
diff --git a/package.json b/package.json
index 0d5c1d12..7df4c9a0 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@silintl/ui-components",
-  "version": "2.5.0",
+  "version": "2.6.0",
   "description": "Reusable Svelte components for some internal applications",
   "main": "index.js",
   "scripts": {

From 6b451996db8807223302e89f90256c2df853c62d Mon Sep 17 00:00:00 2001
From: Michael Wilson <miguel.dw@gmail.com>
Date: Wed, 4 Aug 2021 12:06:18 -0400
Subject: [PATCH 13/17] ran npm i

---
 package-lock.json | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/package-lock.json b/package-lock.json
index 6c4fea76..52c19038 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -22,7 +22,7 @@
         "@storybook/svelte": "^6.3.2",
         "css-loader": "^5.2.6",
         "material-components-web": "^10.0.0",
-        "sass": "^1.32.12",
+        "sass": "1.32.x",
         "sass-loader": "^11.0.1",
         "style-loader": "^2.0.0",
         "svelte": "^3.x",

From 31af58bcbf13d851048f203efb883d088c8e40e5 Mon Sep 17 00:00:00 2001
From: hobbitronics <miguel.dw@gmail.com>
Date: Wed, 4 Aug 2021 20:44:52 -0400
Subject: [PATCH 14/17] slot in a slot wasn't working

---
 components/mdc/Drawer/Drawer.svelte | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/components/mdc/Drawer/Drawer.svelte b/components/mdc/Drawer/Drawer.svelte
index 6a258c6d..f0fa4c3f 100644
--- a/components/mdc/Drawer/Drawer.svelte
+++ b/components/mdc/Drawer/Drawer.svelte
@@ -120,7 +120,7 @@ main {
   {#if hasTopAppBar}
     <TopAppBar dense fixed bgColorIsVariant on:nav={toggleDrawer} navIconBreakpointClass={!dismissible && "hide-above-tablet"} >
       <slot name="TopAppBar"/>
-      <slot name="actions"/>
+      <slot slot="actions" name="actions"/>
     </TopAppBar>
   {/if}
 

From 1993affddde825fac8c5121cca82031857f458ec Mon Sep 17 00:00:00 2001
From: hobbitronics <miguel.dw@gmail.com>
Date: Wed, 4 Aug 2021 21:16:46 -0400
Subject: [PATCH 15/17] use icon as intented in Drawer, button as bool

---
 components/mdc/Drawer/Drawer.svelte | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/components/mdc/Drawer/Drawer.svelte b/components/mdc/Drawer/Drawer.svelte
index f0fa4c3f..34e830e7 100644
--- a/components/mdc/Drawer/Drawer.svelte
+++ b/components/mdc/Drawer/Drawer.svelte
@@ -92,7 +92,7 @@ main {
           <span class="grow-1" />
         {:else if !hide}
           {#if url && button}
-           <Button class="m-1" raised prependIcon={typeof button == 'string' ? button : null} {url} >{label}</Button>
+           <Button class="m-1" raised prependIcon={icon} {url} >{label}</Button>
           {:else if url}
             <a class="mdc-list-item" class:mdc-list-item--activated={isMenuItemActive(currentUrl, url)} href={url}
               aria-current={isMenuItemActive(currentUrl, url) ? "page" : null} tabindex={i === 0 ? 0 : undefined}>

From a1863244e7e8cb5929c67259d2a291693fd73647 Mon Sep 17 00:00:00 2001
From: hobbitronics <miguel.dw@gmail.com>
Date: Thu, 5 Aug 2021 08:35:51 -0400
Subject: [PATCH 16/17] used showModalDrawer

---
 components/mdc/Drawer/Drawer.svelte | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/components/mdc/Drawer/Drawer.svelte b/components/mdc/Drawer/Drawer.svelte
index 34e830e7..9db503ca 100644
--- a/components/mdc/Drawer/Drawer.svelte
+++ b/components/mdc/Drawer/Drawer.svelte
@@ -31,7 +31,7 @@ const isMenuItemActive = (currentUrl, menuItemUrl) => currentUrl === menuItemUrl
 
 $: currentUrl = window.location.pathname
 $: toggle, toggleDrawer()
-$: !dismissible && (modal = true) //prevents error if neither is selected
+$: !dismissible && showModalDrawer() //prevents error if neither is selected
 
 $beforeUrlChange(({ url }) => {
   currentUrl = url

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 17/17] 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