quantumai-design-system
Version:
퀀텀에이아이의 디자인 시스템
43 lines (42 loc) • 920 B
JavaScript
import { css } from '@emotion/react';
import { COLORS } from '../../../styles/theme';
export var CHECKBOX_OPTION = {
s: {
size: 15,
radius: 4,
outline: '1px',
},
m: {
size: 20,
radius: 6,
outline: '2px',
},
};
export var CHECKBOX_COLOR = {
base: css({
backgroundColor: COLORS.white,
borderColor: COLORS.grey4,
':hover': {
borderColor: COLORS.blue3,
},
svg: {
fill: COLORS.white,
},
}),
checked: css({
backgroundColor: COLORS.primaryL,
borderColor: COLORS.blue3,
}),
disabled: css({
backgroundColor: COLORS.grey2,
borderColor: COLORS.grey4,
svg: {
fill: COLORS.grey6,
},
}),
focus: css({
borderColor: COLORS.blue3,
}),
};
Object.freeze(CHECKBOX_OPTION);
Object.freeze(CHECKBOX_COLOR);