[@mantine/core] Radio: fix radio icon size

mantinedev · Oct 17, 2023 · 006271b · 006271b
1 parent 0392439
commit 006271b
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 1 deletion.
diff --git a/src/mantine-core/src/components/Radio/Radio.module.css b/src/mantine-core/src/components/Radio/Radio.module.css
@@ -6,7 +6,12 @@
   --radio-size-xl: rem(36px);
   --radio-size: var(--radio-size-sm);
 
-  --radio-icon-size: calc(var(--radio-size) / 2.25);
+  --radio-icon-size-xs: rem(6px);
+  --radio-icon-size-sm: rem(8px);
+  --radio-icon-size-md: rem(10px);
+  --radio-icon-size-lg: rem(14px);
+  --radio-icon-size-xl: rem(16px);
+  --radio-icon-size: var(--radio-icon-size-sm);
 }
 
 .inner {

diff --git a/src/mantine-core/src/components/Radio/Radio.tsx b/src/mantine-core/src/components/Radio/Radio.tsx
@@ -83,6 +83,7 @@ const varsResolver = createVarsResolver<RadioFactory>((theme, { size, radius, co
     '--radio-size': getSize(size, 'radio-size'),
     '--radio-radius': radius === undefined ? undefined : getRadius(radius),
     '--radio-color': color ? getThemeColor(color, theme) : undefined,
+    '--radio-icon-size': getSize(size, 'radio-icon-size'),
   },
 }));