in src/radio/styled-components.ts [23:59]
function getOuterColor(props) {
const {
$theme: { colors },
$disabled,
$checked,
$isFocusVisible,
$error,
} = props;
if ($disabled) return colors.tickFillDisabled;
if (!$checked) {
if ($isFocusVisible) return colors.borderSelected;
if ($error) return colors.tickBorderError;
return colors.tickBorder;
} else {
if ($error) {
switch (getState(props)) {
case DEFAULT:
return colors.tickFillErrorSelected;
case HOVERED:
return colors.tickFillErrorSelectedHover;
case ACTIVE:
return colors.tickFillErrorSelectedHoverActive;
}
} else {
switch (getState(props)) {
case DEFAULT:
return colors.tickFillSelected;
case HOVERED:
return colors.tickFillSelectedHover;
case ACTIVE:
return colors.tickFillSelectedHoverActive;
}
}
}
return null;
}