fix: use component height token in Switch (#3995)

* fix: use component height token in `Switch` * Create nervous-maps-double.md
marigold-ui · Jul 18, 2024 · 27bb054 · 27bb054
1 parent 652d0e3
commit 27bb054
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 2 deletions.
diff --git a/.changeset/nervous-maps-double.md b/.changeset/nervous-maps-double.md
@@ -0,0 +1,5 @@
+---
+"@marigold/theme-core": patch
+---
+
+fix: use component height token in `Switch`
diff --git a/themes/theme-core/src/components/Switch.styles.ts b/themes/theme-core/src/components/Switch.styles.ts
@@ -3,10 +3,10 @@ import { ThemeComponent, cva } from '@marigold/system';
 export const Switch: ThemeComponent<'Switch'> = {
   container: cva('justify-start'),
   track: cva([
-    'h-[22px]',
+    'h-component',
     'bg-bg-inverted border-border-inverted border border-solid',
     'group-selected/switch:bg-bg-selected-input group-selected/switch:border-border-selected',
     'group-disabled/switch:bg-bg-base-disabled group-disabled/switch:border-border-base',
   ]),
-  thumb: cva(['size-5', 'bg-bg-base']),
+  thumb: cva(['size-[22px]', 'bg-bg-base']),
 };