quantumai-design-system
Version:
퀀텀에이아이의 디자인 시스템
43 lines (42 loc) • 948 B
JavaScript
import { css } from '@emotion/react';
import { COLORS } from '../../../styles/theme';
export var RADIO_OPTION = {
s: {
size: 15,
innerSize: 5,
outline: '1px',
},
m: {
size: 18,
innerSize: 6,
outline: '2px',
},
};
export var RADIO_COLOR = {
base: css({
backgroundColor: COLORS.white,
borderColor: COLORS.grey4,
':hover': {
borderColor: COLORS.blue3,
},
'&:after': {
backgroundColor: COLORS.white,
},
}),
checked: css({
backgroundColor: COLORS.primaryL,
borderColor: COLORS.blue3,
}),
disabled: css({
backgroundColor: COLORS.grey2,
borderColor: COLORS.grey4,
'&:after': {
backgroundColor: COLORS.grey5,
},
}),
focus: css({
borderColor: COLORS.blue3,
}),
};
Object.freeze(RADIO_OPTION);
Object.freeze(RADIO_COLOR);