chore: cleanup

This commit is contained in:
Adam
2026-02-17 11:05:27 -06:00
parent acb46679e3
commit bfe875a651
3 changed files with 14 additions and 7 deletions
+8 -4
View File
@@ -7,6 +7,7 @@
--radio-group-padding: 2px;
--radio-group-gap: 2px;
--radio-group-radius: var(--radius-sm);
--radio-group-transition-duration: 200ms;
--radio-group-border-width: 0.5px;
--radio-group-border-color: var(--border-weak-base);
--radio-group-bg: var(--surface-inset-base);
@@ -45,11 +46,14 @@
opacity: var(--indicator-opacity, 1);
position: absolute;
transition:
opacity 200ms ease-out,
opacity var(--radio-group-transition-duration) ease-out,
box-shadow 120ms ease-out,
width 200ms ease-out,
height 200ms ease-out,
transform 200ms ease-out;
width var(--radio-group-transition-duration) ease-out,
height var(--radio-group-transition-duration) ease-out,
transform var(--radio-group-transition-duration) ease-out,
translate var(--radio-group-transition-duration) ease-out,
left var(--radio-group-transition-duration) ease-out,
top var(--radio-group-transition-duration) ease-out;
will-change: transform, width, height;
}
+4 -1
View File
@@ -58,7 +58,10 @@ export function RadioGroup<T>(props: RadioGroupProps<T>) {
onChange={(v) => local.onSelect?.(findOption(v))}
>
<div role="presentation" data-slot="radio-group-wrapper">
<Kobalte.Indicator data-slot="radio-group-indicator" />
<Kobalte.Indicator
data-slot="radio-group-indicator"
style={{ "transition-duration": "var(--radio-group-transition-duration, 200ms)" }}
/>
<div role="presentation" data-slot="radio-group-items">
<For each={local.options}>
{(option) => (