2 files changed, 73 insertions, 7 deletions

diff --git a/tpl/views/action-button.pug b/tpl/views/action-button.pug
index 025bd78..4d2ffb6 100644
--- a/tpl/views/action-button.pug
+++ b/tpl/views/action-button.pug
@@ -62,13 +62,6 @@ mixin view-action-button
             +action-button(icon='trash')
             br
             br
-            +action-button(secondary=true)= 'Label'
-            = ' '
-            +action-button(secondary=true icon='trash')= 'Label'
-            = ' '
-            +action-button(secondary=true icon='trash')
-            br
-            br
             +action-button(quiet=true)= 'Label'
             = ' '
             +action-button(quiet=true icon='trash')= 'Label'
@@ -85,6 +78,15 @@ mixin view-action-button
             +action-button(selected=true disabled=true)= 'Selected + disabled'
             br
             br
+            +action-button(static=true )= 'Idle'
+            = ' '
+            +action-button(static=true selected=true)= 'Selected'
+            = ' '
+            +action-button(static=true disabled=true)= 'Disabled'
+            = ' '
+            +action-button(static=true selected=true disabled=true)= 'Selected + disabled'
+            br
+            br
             +action-button(quiet=true )= 'Idle'
             = ' '
             +action-button(quiet=true selected=true)= 'Selected'
@@ -103,6 +105,15 @@ mixin view-action-button
             +action-button(pill=true selected=true disabled=true)= 'Selected + disabled'
             br
             br
+            +action-button(pill=true static=true)= 'Idle'
+            = ' '
+            +action-button(pill=true static=true selected=true)= 'Selected'
+            = ' '
+            +action-button(pill=true static=true disabled=true)= 'Disabled'
+            = ' '
+            +action-button(pill=true static=true selected=true disabled=true)= 'Selected + disabled'
+            br
+            br
             +action-button(pill=true quiet=true)= 'Idle'
             = ' '
             +action-button(pill=true quiet=true selected=true)= 'Selected'
@@ -122,6 +133,15 @@ mixin view-action-button
                 +action-button(theme=theme selected=true disabled=true)= 'Selected + disabled'
                 br
                 br
+                +action-button(theme=theme static=true)= 'Idle'
+                = ' '
+                +action-button(theme=theme static=true selected=true)= 'Selected'
+                = ' '
+                +action-button(theme=theme static=true disabled=true)= 'Disabled'
+                = ' '
+                +action-button(theme=theme static=true selected=true disabled=true)= 'Selected + disabled'
+                br
+                br
                 +action-button(theme=theme quiet=true)= 'Idle'
                 = ' '
                 +action-button(theme=theme quiet=true selected=true)= 'Selected'
@@ -144,6 +164,15 @@ mixin view-action-button
                 +action-button(theme=theme selected=true disabled=true)= 'Selected + disabled'
                 br
                 br
+                +action-button(theme=theme static=true)= 'Idle'
+                = ' '
+                +action-button(theme=theme static=true selected=true)= 'Selected'
+                = ' '
+                +action-button(theme=theme static=true disabled=true)= 'Disabled'
+                = ' '
+                +action-button(theme=theme static=true selected=true disabled=true)= 'Selected + disabled'
+                br
+                br
                 +action-button(theme=theme quiet=true)= 'Idle'
                 = ' '
                 +action-button(theme=theme quiet=true selected=true)= 'Selected'
diff --git a/tpl/views/card.pug b/tpl/views/card.pug
index 61081a9..8dde279 100644
--- a/tpl/views/card.pug
+++ b/tpl/views/card.pug
@@ -1,6 +1,43 @@
 mixin view-card 
     +view('card', 'Card')(wide=true)
+        .l-card-list
+            +card(href='#' class='l-card-list__card')
+                +card-body
+                    strong= 'Lorem ipsum dolor'
+                    = 'sit amet'
+            +card(href='#' class='l-card-list__card')
+                +card-body
+                    strong= 'Lorem ipsum dolor'
+                    = 'sit amet'
+            +card(href='#' class='l-card-list__card')
+                +card-body
+                    strong= 'Lorem ipsum dolor'
+                    = 'sit amet'
+
+        +divider('faint')(class='u-mb-700')
+
+        .l-card-list.l-card-list--merge
+            +card(href='#' class='l-card-list__card')
+                +card-body
+                    strong= 'Lorem ipsum dolor'
+                    = 'sit amet'
+            +card(href='#' class='l-card-list__card')
+                +card-body
+                    strong= 'Lorem ipsum dolor'
+                    = 'sit amet'
+            +card(href='#' class='l-card-list__card')
+                +card-body
+                    strong= 'Lorem ipsum dolor'
+                    = 'sit amet'
+
+        +divider('faint')(class='u-mb-700')
+
         .l-card-list.l-card-list--masonry
+            +card(thumbnail=true href='#' class='l-card-list__card')
+                +card-image(src='Drawing_Half.png' style={ 'aspect-ratio': '21 / 9' })
+                +card-body
+                    +card-title= 'XS Heading'
+
             +card(href='#' class='l-card-list__card')
                 +card-image(src='Drawing_Half.png' style={ 'aspect-ratio': '21 / 9' })
                 +card-avatar(src='avatar.png')