quantumai-design-system
Version:
퀀텀에이아이의 디자인 시스템
13 lines (12 loc) • 1.51 kB
JavaScript
var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
return cooked;
};
import styled from '@emotion/styled';
import { COLORS, TYPOGRAPHYS_STYLE } from '../../../styles/theme';
import { transitionSet } from '../../../utils/styleSet';
export var ChipContainer = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n position: relative;\n display: inline-flex;\n justify-content: center;\n align-items: center;\n border-radius: 100px;\n padding: 4px 10px;\n padding-right: ", ";\n background-color: ", ";\n color: ", ";\n cursor: pointer;\n\n button {\n position: absolute;\n right: 5px;\n top: 50%;\n transform: translateY(-50%);\n\n svg {\n ", "\n }\n }\n ", "\n ", "\n"], ["\n position: relative;\n display: inline-flex;\n justify-content: center;\n align-items: center;\n border-radius: 100px;\n padding: 4px 10px;\n padding-right: ", ";\n background-color: ", ";\n color: ", ";\n cursor: pointer;\n\n button {\n position: absolute;\n right: 5px;\n top: 50%;\n transform: translateY(-50%);\n\n svg {\n ", "\n }\n }\n ", "\n ", "\n"])), function (_a) {
var isTag = _a.isTag;
return isTag && '28px';
}, COLORS.blue2, COLORS.primary, transitionSet('fill'), transitionSet('background-color, color'), TYPOGRAPHYS_STYLE['caption1']);
var templateObject_1;