Merge branch 'master' of https://github.com/MintyMods/svelte-material-ui into MintyMods-master

Author: hperrin

packages/list/List.svelte

@@ -8,6 +8,7 @@
     class:mdc-list--dense={dense}
     class:mdc-list--avatar-list={avatarList}
     class:mdc-list--two-line={twoLine}
+	class:mdc-list--three-line={threeLine}
     on:MDCList:action={handleAction}
     {...props}
   ><slot></slot></nav>
@@ -21,6 +22,7 @@
     class:mdc-list--dense={dense}
     class:mdc-list--avatar-list={avatarList}
     class:mdc-list--two-line={twoLine}
+	class:mdc-list--three-line={threeLine}
     {role}
     on:MDCList:action={handleAction}
     {...props}
@@ -44,14 +46,15 @@
   export let dense = false;
   export let avatarList = false;
   export let twoLine = false;
+  export let threeLine = false;
   export let vertical = true;
   export let wrapFocus = false;
   export let singleSelection = false;
   export let selectedIndex = null;
   export let radiolist = false;
   export let checklist = false;
 
-  $: props = exclude($$props, ['use', 'class', 'nonInteractive', 'dense', 'avatarList', 'twoLine', 'vertical', 'wrapFocus', 'singleSelection', 'selectedIndex', 'radiolist', 'checklist']);
+  $: props = exclude($$props, ['use', 'class', 'nonInteractive', 'dense', 'avatarList', 'twoLine', 'threeLine', 'vertical', 'wrapFocus', 'singleSelection', 'selectedIndex', 'radiolist', 'checklist']);
 
   let element;
   let list;

packages/list/_style.scss

@@ -1,2 +1,20 @@
 @import "@material/list/mdc-list";
 @import "@smui/ripple/style";
+
+
+/* 
+ Temporary addition until support for three-line added to @material 
+https://github.com/material-components/material-components-web/issues/31 
+*/
+.mdc-list--three-line .mdc-list-item__text {
+	align-self: flex-start;
+}
+
+.mdc-list--three-line .mdc-list-item {
+	height: 88px;
+}
+
+.mdc-list--three-line.mdc-list--dense .mdc-list-item,
+.mdc-list--avatar-list.mdc-list--dense .mdc-list-item {
+	height: 76px;
+}