Add static button themes

1 files changed, 16 insertions, 0 deletions

diff --git a/tpl/views/button.pug b/tpl/views/button.pug
index 7e8f572..221219c 100644
--- a/tpl/views/button.pug
+++ b/tpl/views/button.pug
@@ -60,3 +60,19 @@ mixin view-button
                     +a-button(variant=theme outline=true icon='trash')
                     +a-button(variant=theme outline=true disabled=true icon='trash')
 
+        each theme in ['static-black', 'static-black-primary', 'static-white', 'static-white-primary']
+            -
+                const bg = theme.startsWith('static-black') ? 500 : 1000;
+
+            .c-box(style=`background-color: var(--colors--blue-static--${bg});`)
+                .l-button-group
+                    +a-button(variant=theme)= 'Button'
+                    +a-button(variant=theme disabled=true)= 'Button'
+                    +a-button(variant=theme outline=true)= 'Button'
+                    +a-button(variant=theme outline=true disabled=true)= 'Button'
+                br
+                .l-button-group
+                    +a-button(variant=theme icon='trash')
+                    +a-button(variant=theme disabled=true icon='trash')
+                    +a-button(variant=theme outline=true icon='trash')
+                    +a-button(variant=theme outline=true disabled=true icon='trash')