✨(front) add button white variant

This variant is gonna be used on overlay over a video element.
2025-01-20 17:59:40 +01:00
parent 4b6bd3d1c8
commit 03796fcbb2
1 changed files with 13 additions and 0 deletions
--- a/src/frontend/src/primitives/buttonRecipe.ts
+++ b/src/frontend/src/primitives/buttonRecipe.ts
@@ -73,6 +73,19 @@ export const buttonRecipe = cva({
          color: 'greyscale.400',
        },
      },
+      whiteCircle: {
+        color: 'white',
+        border: '1px white solid',
+        width: '56px',
+        height: '56px',
+        borderRadius: '100%',
+        '&[data-hovered]': {
+          backgroundColor: 'greyscale.100/20',
+        },
+        '&[data-pressed]': {
+          backgroundColor: 'greyscale.100/50',
+        },
+      },
      tertiary: {
        backgroundColor: 'primary.100',
        color: 'primary.800',