quantumai-design-system
Version:
퀀텀에이아이의 디자인 시스템
14 lines (13 loc) • 2.72 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 { COLORS, TYPOGRAPHYS_STYLE } from '../../../styles/theme';
import styled from '@emotion/styled';
import { transitionSet } from '../../../utils/styleSet';
export var PaginationContainer = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n display: flex;\n justify-content: space-between;\n flex-wrap: wrap;\n gap: 10px;\n width: 100%;\n"], ["\n display: flex;\n justify-content: space-between;\n flex-wrap: wrap;\n gap: 10px;\n width: 100%;\n"])));
export var PaginationContent = styled.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n display: flex;\n align-items: center;\n"], ["\n display: flex;\n align-items: center;\n"])));
export var PageNumberContainer = styled.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n display: flex;\n align-items: center;\n margin: 0 5px;\n"], ["\n display: flex;\n align-items: center;\n margin: 0 5px;\n"])));
export var PageNumberButton = styled.button(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n display: inline-flex;\n justify-content: center;\n align-items: center;\n min-width: 32px;\n height: 32px;\n padding: 0 6px;\n border-radius: 4px;\n color: ", ";\n ", "\n\n &:disabled {\n cursor: default;\n letter-spacing: -4px;\n }\n\n &:not(:disabled):hover {\n background-color: ", ";\n }\n\n ", ";\n\n &[aria-current='true'] {\n color: ", ";\n ", ";\n }\n"], ["\n display: inline-flex;\n justify-content: center;\n align-items: center;\n min-width: 32px;\n height: 32px;\n padding: 0 6px;\n border-radius: 4px;\n color: ", ";\n ", "\n\n &:disabled {\n cursor: default;\n letter-spacing: -4px;\n }\n\n &:not(:disabled):hover {\n background-color: ", ";\n }\n\n ", ";\n\n &[aria-current='true'] {\n color: ", ";\n ", ";\n }\n"])), COLORS.coolgrey5, transitionSet('background, color'), COLORS.grey2, TYPOGRAPHYS_STYLE['subTitle3'], COLORS.blue3, TYPOGRAPHYS_STYLE['subTitle2']);
export var PageMoveButton = styled.button(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n color: ", ";\n ", ";\n\n &:disabled {\n opacity: 0.38;\n cursor: default;\n pointer-events: none;\n }\n"], ["\n color: ", ";\n ", ";\n\n &:disabled {\n opacity: 0.38;\n cursor: default;\n pointer-events: none;\n }\n"])), COLORS.grey7, TYPOGRAPHYS_STYLE['subTitle3']);
var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5;