From 006271bcbfa5c6d20c63dd34d792f9c4760b2d65 Mon Sep 17 00:00:00 2001 From: Franek Date: Tue, 17 Oct 2023 23:51:17 +0200 Subject: [PATCH] [@mantine/core] Radio: fix radio icon size --- src/mantine-core/src/components/Radio/Radio.module.css | 7 ++++++- src/mantine-core/src/components/Radio/Radio.tsx | 1 + 2 files changed, 7 insertions(+), 1 deletion(-) diff --git a/src/mantine-core/src/components/Radio/Radio.module.css b/src/mantine-core/src/components/Radio/Radio.module.css index 95c6b10a92b..99183ccdef4 100644 --- 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 index 22af31f421a..27c60a81049 100644 --- 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((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'), }, }));