kwikid-components-react
Version:
KwikID's Component Library in React
30 lines (29 loc) • 8.31 kB
JavaScript
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.KwikIDStyleSummaryCheckboxParent = exports.KwikIDStyleCustomCheckbox = exports.KwikIDStyleCheckboxParent = exports.KwikIDStyleCheckSVG = exports.CompareStepInfo = exports.CompareModalStyleTableRemarkDataHead = exports.CompareModalStyleTableRemarkData = exports.CompareModalStyleTableHead = exports.CompareModalStyleTableDataHead = exports.CompareModalStyleTableData = exports.CompareModalStyleTableBody = exports.CompareModalStyleTable = exports.CompareModalStyleSummaryMainTitle = exports.CompareModalStyleSummaryMainParent = exports.CompareModalStyleHeaderDateTime = exports.CompareModalStyleDocCard = exports.CompareModalStyleContent = exports.CompareModalStyleContainer = exports.CompareModalStyleCardImg = exports.CompareInfoComment = void 0;
var _styledComponents = _interopRequireDefault(require("styled-components"));
var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject0, _templateObject1, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14, _templateObject15, _templateObject16, _templateObject17, _templateObject18;
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
function _taggedTemplateLiteral(e, t) { return t || (t = e.slice(0)), Object.freeze(Object.defineProperties(e, { raw: { value: Object.freeze(t) } })); }
const CompareModalStyleContainer = exports.CompareModalStyleContainer = _styledComponents.default.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n position: fixed;\n top: 0;\n left: 0;\n height: 100vh;\n width: 100vw;\n overflow-y: auto;\n /* background: var(--kwikui-color-card-background); */\n background-color: rgba(0, 0, 0, 0.5);\n z-index: 1000;\n padding: 30px 0;\n\n display: grid !important;\n place-items: center !important;\n"])));
const CompareModalStyleContent = exports.CompareModalStyleContent = _styledComponents.default.div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n background-color: white;\n width: auto;\n margin: auto;\n position: relative;\n max-width: 900px;\n border-radius: var(--kwikui-space-s);\n margin: 0 !important;\n padding: var(--kwikui-space-m) !important;\n top: 0 !important;\n"])));
const CompareModalStyleSummaryMainParent = exports.CompareModalStyleSummaryMainParent = _styledComponents.default.div(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n width: 210mm;\n top: 0 !important;\n margin: 0 !important;\n padding: 0 !important;\n /* height: 297mm; */\n display: flex;\n flex-direction: column;\n gap: var(--kwikui-space-m);\n"])));
const CompareModalStyleSummaryMainTitle = exports.CompareModalStyleSummaryMainTitle = _styledComponents.default.div(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n display: flex;\n width: 100%;\n font-size: var(--kwikui-font-size-l);\n justify-content: space-between;\n"])));
const CompareModalStyleHeaderDateTime = exports.CompareModalStyleHeaderDateTime = _styledComponents.default.div(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n /* width: 300px; */\n text-align: left;\n"])));
const CompareModalStyleDocCard = exports.CompareModalStyleDocCard = _styledComponents.default.div(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n margin: var(--kwikui-space-xs) 0;\n padding-bottom: var(--kwikui-space-xs);\n"])));
const CompareModalStyleCardImg = exports.CompareModalStyleCardImg = _styledComponents.default.img(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n max-height: 10rem;\n object-fit: cover;\n cursor: pointer;\n"])));
const CompareModalStyleTable = exports.CompareModalStyleTable = _styledComponents.default.table(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["\n margin: var(--kwikui-space-s) 0;\n width: 100%;\n"])));
const CompareModalStyleTableHead = exports.CompareModalStyleTableHead = _styledComponents.default.thead(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral(["\n background: #d8e8fc;\n font-weight: 400;\n text-align: left;\n"])));
const CompareModalStyleTableBody = exports.CompareModalStyleTableBody = _styledComponents.default.tbody(_templateObject0 || (_templateObject0 = _taggedTemplateLiteral(["\n text-align: left;\n border-bottom: 1px solid #e0e0e0;\n"])));
const CompareModalStyleTableData = exports.CompareModalStyleTableData = _styledComponents.default.td(_templateObject1 || (_templateObject1 = _taggedTemplateLiteral(["\n width: 25%;\n padding: var(--kwikui-space-s);\n"])));
const CompareModalStyleTableDataHead = exports.CompareModalStyleTableDataHead = _styledComponents.default.th(_templateObject10 || (_templateObject10 = _taggedTemplateLiteral(["\n width: 25%;\n padding: 2rem 1rem;\n"])));
const CompareModalStyleTableRemarkData = exports.CompareModalStyleTableRemarkData = _styledComponents.default.td(_templateObject11 || (_templateObject11 = _taggedTemplateLiteral(["\n width: 10%;\n text-align: center;\n padding: var(--kwikui-space-s);\n"])));
const CompareModalStyleTableRemarkDataHead = exports.CompareModalStyleTableRemarkDataHead = _styledComponents.default.th(_templateObject12 || (_templateObject12 = _taggedTemplateLiteral(["\n width: 10%;\n text-align: center;\n"])));
const CompareStepInfo = exports.CompareStepInfo = _styledComponents.default.div(_templateObject13 || (_templateObject13 = _taggedTemplateLiteral(["\n margin: 0 var(--kwikui-space-m);\n margin-bottom: var(--kwikui-space-m);\n /* margin-top: var(--kwikui-space-m); */\n padding: var(--kwikui-space-m);\n color: var(--kwikui-color-primary);\n font-weight: 500;\n background-color: var(--kwikui-color-card-background);\n /* border-radius: 5px 5px 0px 0px; */\n /* width: 100%; */\n text-align: left;\n font-size: var(--kwikui-font-size-s);\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n gap: var(--kwikui-space-s);\n border: 1px solid lightgray;\n border-radius: var(--kwikui-radius-m);\n\n & > div {\n display: flex;\n justify-content: center;\n align-items: center;\n gap: var(--kwikui-space-xxs);\n }\n"])));
const CompareInfoComment = exports.CompareInfoComment = _styledComponents.default.div(_templateObject14 || (_templateObject14 = _taggedTemplateLiteral(["\n color: gray;\n font-size: var(--kwikui-font-size-s);\n font-weight: 400;\n"])));
const KwikIDStyleSummaryCheckboxParent = exports.KwikIDStyleSummaryCheckboxParent = _styledComponents.default.div(_templateObject15 || (_templateObject15 = _taggedTemplateLiteral(["\n display: block !important;\n padding-top: 1rem;\n /* margin-top: 20px; */\n /* margin: 5px !important;\n padding: 5px 5px; */\n"])));
const KwikIDStyleCheckboxParent = exports.KwikIDStyleCheckboxParent = _styledComponents.default.div(_templateObject16 || (_templateObject16 = _taggedTemplateLiteral(["\n display: flex;\n align-items: center;\n /* position: relative; */\n padding: var(--kwikui-space-s);\n gap: var(--kwikui-space-s);\n background-color: var(--kwikui-color-white);\n border-radius: 5px;\n"])));
const KwikIDStyleCheckSVG = exports.KwikIDStyleCheckSVG = _styledComponents.default.div(_templateObject17 || (_templateObject17 = _taggedTemplateLiteral(["\n /* position: absolute; */\n height: 12px;\n width: 12px;\n /* line-height: 12px;\n top: 2px; */\n display: flex;\n flex-direction: row;\n align-content: center;\n justify-content: center;\n align-items: center;\n /* margin-top: var(--kwikui-space-xs); */\n cursor: pointer !important;\n /* margin: 0 4px; */\n"])));
const KwikIDStyleCustomCheckbox = exports.KwikIDStyleCustomCheckbox = _styledComponents.default.div(_templateObject18 || (_templateObject18 = _taggedTemplateLiteral(["\n color: var(--color-primary);\n font-size: var(--kwikui-font-size-xs);\n font-weight: 500;\n background-size: var(--kwikui-font-size-xs) var(--kwikui-font-size-xs);\n background-repeat: no-repeat !important;\n background-position: 0 5px !important;\n /* padding-left: 18px !important; */\n -webkit-user-select: none;\n user-select: none;\n cursor: pointer !important;\n"])));