quantumai-design-system
Version:
퀀텀에이아이의 디자인 시스템
26 lines (25 loc) • 2.3 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 { mixinMargin, mixinWidth, transitionSet } from '../../../../utils/styleSet';
import { MATERIAL_BUTTON_ICON_SIZE, MATERIAL_BUTTON_ICON_VARIANT, MATERIAL_BUTTON_SIZE, MATERIAL_BUTTON_VARIANT, } from './options';
export var MaterialButtonContainer = styled.button(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n ", ";\n ", ";\n\n position: relative;\n overflow: hidden;\n display: flex;\n flex-direction: ", ";\n align-items: center;\n gap: 5px;\n border-radius: 4px;\n\n ", ";\n ", ";\n ", ";\n"], ["\n ", ";\n ", ";\n\n position: relative;\n overflow: hidden;\n display: flex;\n flex-direction: ", ";\n align-items: center;\n gap: 5px;\n border-radius: 4px;\n\n ", ";\n ", ";\n ", ";\n"])), function (_a) {
var variant = _a.variant;
return MATERIAL_BUTTON_VARIANT[variant];
}, function (_a) {
var size = _a.size;
return MATERIAL_BUTTON_SIZE[size];
}, function (_a) {
var iconPosition = _a.iconPosition;
return (iconPosition === 'left' ? 'row' : 'row-reverse');
}, transitionSet('background-color'), function (props) { return mixinWidth(props); }, function (props) { return mixinMargin(props); });
export var MaterialButtonIconContainer = styled.button(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n ", ";\n ", ";\n\n position: relative;\n overflow: hidden;\n display: flex;\n justify-content: center;\n align-items: center;\n border-radius: 4px;\n\n ", ";\n ", ";\n ", ";\n"], ["\n ", ";\n ", ";\n\n position: relative;\n overflow: hidden;\n display: flex;\n justify-content: center;\n align-items: center;\n border-radius: 4px;\n\n ", ";\n ", ";\n ", ";\n"])), function (_a) {
var variant = _a.variant;
return MATERIAL_BUTTON_ICON_VARIANT[variant];
}, function (_a) {
var size = _a.size;
return MATERIAL_BUTTON_ICON_SIZE[size];
}, transitionSet('background-color'), function (props) { return mixinWidth(props); }, function (props) { return mixinMargin(props); });
var templateObject_1, templateObject_2;