Merge pull request #57 from silinternational/develop

Release 2.5.0

CHANGELOG.md

@@ -5,6 +5,14 @@ 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
+- slot to TopAppBar in Drawer
+
+### Changed
+- centered and raised menu button in Drawer
+
 ## [2.4.0](https://github.com/silinternational/ui-components/releases/tag/v2.4.0) - 2021-08-03
 
 ### Added

components/mdc/Drawer/Drawer.svelte

@@ -91,7 +91,7 @@ main {
           <span class="grow-1" />
         {:else if !hide}
           {#if url && button}
-            <Button prependIcon={button} {url} >{label}</Button>
+           <Button class="m-1" raised prependIcon={typeof button == 'string' ? button : null} {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}>
@@ -117,7 +117,9 @@ main {
 
 <div class="app-content relative">
   {#if hasTopAppBar}
-    <TopAppBar dense fixed bgColorIsVariant on:nav={toggleDrawer} navIconBreakpointClass={!dismissible && "hide-above-tablet"} />
+    <TopAppBar dense fixed bgColorIsVariant on:nav={toggleDrawer} navIconBreakpointClass={!dismissible && "hide-above-tablet"} >
+      <slot name="TopAppBar"/>
+    </TopAppBar>
   {/if}
 
   <main class="h-100">

package.json

@@ -1,6 +1,6 @@
 {
   "name": "@silintl/ui-components",
-  "version": "2.4.0",
+  "version": "2.5.0",
   "description": "Reusable Svelte components for some internal applications",
   "main": "index.js",
   "scripts": {