feat(list): Synchronise component with mdc-web

matsp · Jan 25, 2018 · 8c49711 · 8c49711
1 parent d00a8f8
commit 8c49711
Show file tree

Hide file tree

Showing 2 changed files with 21 additions and 15 deletions.
diff --git a/components/List/List.vue b/components/List/List.vue
@@ -1,5 +1,7 @@
 <template>
-  <ul class="mdc-list" :class="classes" >
+  <ul
+    class="mdc-list"
+    :class="classes">
     <slot />
   </ul>
 </template>
@@ -9,28 +11,32 @@ export default {
   props: {
     avatar: {
       type: Boolean,
-      required: false
-    },
-    darkTheme: {
-      type: Boolean,
-      required: false
+      required: false,
+      default: false
     },
     dense: {
       type: Boolean,
-      required: false
+      required: false,
+      default: false
     },
     twoLine: {
       type: Boolean,
-      required: false
+      required: false,
+      default: false
+    },
+    nonInteractive: {
+      type: Boolean,
+      required: false,
+      default: false
     }
   },
   computed: {
     classes () {
       return {
-        'mdc-list--theme-dark': this.darkTheme,
-        'mdc-list--theme-dense': this.dense,
+        'mdc-list--dense': this.dense,
         'mdc-list--two-line': this.twoLine,
-        'mdc-list--avatar-list': this.avatar
+        'mdc-list--avatar-list': this.avatar,
+        'mdc-list--non-interactive': this.nonInteractive
       }
     }
   }

diff --git a/components/List/README.md b/components/List/README.md
@@ -28,10 +28,10 @@
 
 | Prop | Type | Default | Required | Description |
 |------|------|---------|----------|-------------|
-| avatar | Boolean | - | false | avatar list (large, circular start detail) |
-| darkTheme | Boolean | - | false | dark theming |
-| dense | Boolean | - | false | densed list |
-| twoLine | Boolean | - | false | twoline list |
+| avatar | Boolean | false | false | avatar list (large, circular start detail) |
+| dense | Boolean | false | false | densed list |
+| twoLine | Boolean | false | false | twoline list |
+| nonInteractive | Boolean | false | false | disables interactivity |
 
 ### Slots