✨(front) add quaternary variant to Button

This variant is needed to implement the sdk create room button.
2025-02-10 16:34:03 +01:00
parent ba873196c7
commit fb0c9b766d
1 changed files with 12 additions and 0 deletions
--- a/src/frontend/src/primitives/buttonRecipe.ts
+++ b/src/frontend/src/primitives/buttonRecipe.ts
@@ -177,6 +177,18 @@ export const buttonRecipe = cva({
          color: 'primaryDark.100',
        },
      },
+      quaternaryText: {
+        backgroundColor: 'transparent',
+        color: 'greyscale.600',
+        '&[data-hovered]': {
+          backgroundColor: 'greyscale.100',
+          color: 'greyscale.700',
+        },
+        '&[data-pressed]': {
+          backgroundColor: 'greyscale.100',
+          color: 'greyscale.700',
+        },
+      },
      greyscale: {
        backgroundColor: 'transparent',
        color: 'greyscale.400',