style(button): secondary ghost styling

Endava · May 17, 2024 · 97f8584 · 97f8584
1 parent 4c4f9ff
commit 97f8584
Showing 1 changed file with 10 additions and 2 deletions.
diff --git a/packages/beeq/src/components/button/scss/bq-button.scss b/packages/beeq/src/components/button/scss/bq-button.scss
@@ -56,9 +56,17 @@
 
 .bq-button--secondary {
   @apply bg-ui-secondary text-text-primary;
-  // Primary `HOVER` state
+  // Secondary `HOVER` state
   @apply hover:enabled:bg-hover-ui-secondary;
-  // Primary `ACTIVE` state
+  // Secondary `ACTIVE` state
+  @apply active:enabled:bg-active-ui-secondary active:enabled:hover:bg-active-ui-secondary;
+}
+
+.bq-button--secondary.ghost {
+  @apply border-2 border-solid border-stroke-tertiary bg-transparent text-text-primary;
+  // Secondary `HOVER` state
+  @apply hover:enabled:bg-hover-ui-secondary;
+  // Secondary `ACTIVE` state
   @apply active:enabled:bg-active-ui-secondary active:enabled:hover:bg-active-ui-secondary;
 }