quantumai-design-system
Version:
퀀텀에이아이의 디자인 시스템
51 lines (50 loc) • 1.14 kB
JavaScript
import { css } from '@emotion/react';
import { COLORS } from '../../../styles/theme';
export var INPUT_OPTION = {
s: {
height: 34,
radius: 8,
outline: '1px',
},
m: {
height: 38,
radius: 9,
outline: '2px',
},
};
export var INPUT_CONTAINER_COLOR = {
base: css({
backgroundColor: COLORS.white,
borderColor: COLORS.coolgrey3,
color: COLORS.black,
':hover, :focus-within': {
borderColor: COLORS.primary,
},
}),
disabled: css({
backgroundColor: COLORS.grey2,
borderColor: COLORS.grey6,
color: COLORS.grey7,
}),
};
export var INPUT_COLOR = css({
caretColor: COLORS.primary,
'::placeholder': {
color: COLORS.grey6,
},
});
export var NUMBER_BUTTON_COLOR = css({
backgroundColor: COLORS.coolgrey1,
':hover': {
backgroundColor: COLORS.grey4,
},
':active': {
backgroundColor: COLORS.grey5,
},
borderColor: COLORS.grey4,
svg: {
fill: COLORS.coolgrey4,
},
});
Object.freeze(INPUT_OPTION);
Object.freeze(INPUT_COLOR);