Remove Card radius var

HedvigInsurance · Sep 18, 2024 · f3cfe3c · f3cfe3c
1 parent 7ffc073
commit f3cfe3c
Showing 1 changed file with 3 additions and 5 deletions.
diff --git a/packages/ui/src/components/Card/Card.css.ts b/packages/ui/src/components/Card/Card.css.ts
@@ -4,12 +4,10 @@ import { xStack, yStack } from '../../patterns'
 import { tokens } from '../../theme'
 
 const cardPadding = createVar()
-const cardRadius = createVar()
 
 export const cardRoot = recipe({
   base: {
     position: 'relative',
-    borderRadius: cardRadius,
     padding: cardPadding,
   },
   variants: {
@@ -27,20 +25,20 @@ export const cardRoot = recipe({
 
     size: {
       md: [
-        yStack({ gap: 'xs' }),
+        yStack({ gap: 'sm' }),
         {
+          borderRadius: tokens.radius.md,
           vars: {
             [cardPadding]: tokens.space.md,
-            [cardRadius]: tokens.radius.md,
           },
         },
       ],
       lg: [
         yStack({ gap: 'md' }),
         {
+          borderRadius: tokens.radius.xl,
           vars: {
             [cardPadding]: tokens.space.lg,
-            [cardRadius]: tokens.radius.xl,
           },
         },
       ],