Add highlighted state to button

1 files changed, 24 insertions, 0 deletions

diff --git a/tpl/views/button.pug b/tpl/views/button.pug
index 2e54458..4b8c59f 100644
--- a/tpl/views/button.pug
+++ b/tpl/views/button.pug
@@ -71,6 +71,8 @@ mixin view-button
         .c-box
             +button= 'Idle'
             = ' '
+            +button(highlighted=true)= 'Highlighted'
+            = ' '
             +button(selected=true)= 'Selected'
             = ' '
             +button(disabled=true)= 'Disabled'
@@ -80,6 +82,8 @@ mixin view-button
             br
             +button(badge=true)= 'Idle'
             = ' '
+            +button(badge=true highlighted=true)= 'Highlighted'
+            = ' '
             +button(badge=true selected=true)= 'Selected'
             = ' '
             +button(badge=true disabled=true)= 'Disabled'
@@ -89,6 +93,8 @@ mixin view-button
             br
             +button(quiet=true)= 'Idle'
             = ' '
+            +button(quiet=true highlighted=true)= 'Highlighted'
+            = ' '
             +button(quiet=true selected=true)= 'Selected'
             = ' '
             +button(quiet=true disabled=true)= 'Disabled'
@@ -98,6 +104,8 @@ mixin view-button
         .c-box
             +button(pill=true)= 'Idle'
             = ' '
+            +button(pill=true highlighted=true)= 'Highlighted'
+            = ' '
             +button(pill=true selected=true)= 'Selected'
             = ' '
             +button(pill=true disabled=true)= 'Disabled'
@@ -107,6 +115,8 @@ mixin view-button
             br
             +button(pill=true badge=true)= 'Idle'
             = ' '
+            +button(pill=true badge=true highlighted=true)= 'Highlighted'
+            = ' '
             +button(pill=true badge=true selected=true)= 'Selected'
             = ' '
             +button(pill=true badge=true disabled=true)= 'Disabled'
@@ -116,6 +126,8 @@ mixin view-button
             br
             +button(pill=true quiet=true)= 'Idle'
             = ' '
+            +button(pill=true quiet=true highlighted=true)= 'Highlighted'
+            = ' '
             +button(pill=true quiet=true selected=true)= 'Selected'
             = ' '
             +button(pill=true quiet=true disabled=true)= 'Disabled'
@@ -126,6 +138,8 @@ mixin view-button
             .c-box
                 +button(theme=theme)= 'Idle'
                 = ' '
+                +button(theme=theme highlighted=true)= 'Highlighted'
+                = ' '
                 +button(theme=theme selected=true)= 'Selected'
                 = ' '
                 +button(theme=theme disabled=true)= 'Disabled'
@@ -135,6 +149,8 @@ mixin view-button
                 br
                 +button(theme=theme badge=true)= 'Idle'
                 = ' '
+                +button(theme=theme badge=true highlighted=true)= 'Highlighted'
+                = ' '
                 +button(theme=theme badge=true selected=true)= 'Selected'
                 = ' '
                 +button(theme=theme badge=true disabled=true)= 'Disabled'
@@ -144,6 +160,8 @@ mixin view-button
                 br
                 +button(theme=theme quiet=true)= 'Idle'
                 = ' '
+                +button(theme=theme quiet=true highlighted=true)= 'Highlighted'
+                = ' '
                 +button(theme=theme quiet=true selected=true)= 'Selected'
                 = ' '
                 +button(theme=theme quiet=true disabled=true)= 'Disabled'
@@ -157,6 +175,8 @@ mixin view-button
             .c-box(style=`background-color: var(--colors--blue-static--${bg});`)
                 +button(theme=theme)= 'Idle'
                 = ' '
+                +button(theme=theme highlighted=true)= 'Highlighted'
+                = ' '
                 +button(theme=theme selected=true)= 'Selected'
                 = ' '
                 +button(theme=theme disabled=true)= 'Disabled'
@@ -166,6 +186,8 @@ mixin view-button
                 br
                 +button(theme=theme badge=true)= 'Idle'
                 = ' '
+                +button(theme=theme badge=true highlighted=true)= 'Highlighted'
+                = ' '
                 +button(theme=theme badge=true selected=true)= 'Selected'
                 = ' '
                 +button(theme=theme badge=true disabled=true)= 'Disabled'
@@ -175,6 +197,8 @@ mixin view-button
                 br
                 +button(theme=theme quiet=true)= 'Idle'
                 = ' '
+                +button(theme=theme quiet=true highlighted=true)= 'Highlighted'
+                = ' '
                 +button(theme=theme quiet=true selected=true)= 'Selected'
                 = ' '
                 +button(theme=theme quiet=true disabled=true)= 'Disabled'