kwikid-components-react
Version:
KwikID's Component Library in React
197 lines (196 loc) • 25.7 kB
JavaScript
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.KwikUIStyleInputSuccess = exports.KwikUIStyleInputStatus = exports.KwikUIStyleInputSize = exports.KwikUIStyleInputShape = exports.KwikUIStyleInputReset = exports.KwikUIStyleInputPrefix = exports.KwikUIStyleInputPostfix = exports.KwikUIStyleInputPlaceholder = exports.KwikUIStyleInputMessagesContainer = exports.KwikUIStyleInputLabel = exports.KwikUIStyleInputFocused = exports.KwikUIStyleInputError = exports.KwikUIStyleInputContainerSize = exports.KwikUIStyleInputContainerShape = exports.KwikUIStyleInputContainerDisabled = exports.KwikUIStyleInputContainerBase = exports.KwikUIStyleInputClearable = exports.KwikUIStyleInputBase = void 0;
var _styledComponents = _interopRequireWildcard(require("styled-components"));
var _Shape = require("../definitions/Shape");
var _Size = require("../definitions/Size");
var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject0, _templateObject1, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14, _templateObject15, _templateObject16, _templateObject17, _templateObject18, _templateObject19, _templateObject20, _templateObject21, _templateObject22, _templateObject23, _templateObject24, _templateObject25, _templateObject26, _templateObject27, _templateObject28, _templateObject29, _templateObject30, _templateObject31, _templateObject32, _templateObject33, _templateObject34, _templateObject35, _templateObject36, _templateObject37, _templateObject38, _templateObject39, _templateObject40, _templateObject41, _templateObject42, _templateObject43, _templateObject44, _templateObject45, _templateObject46, _templateObject47, _templateObject48, _templateObject49, _templateObject50, _templateObject51, _templateObject52, _templateObject53, _templateObject54, _templateObject55, _templateObject56, _templateObject57, _templateObject58, _templateObject59, _templateObject60, _templateObject61, _templateObject62, _templateObject63, _templateObject64, _templateObject65, _templateObject66, _templateObject67, _templateObject68;
function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
function _taggedTemplateLiteral(e, t) { return t || (t = e.slice(0)), Object.freeze(Object.defineProperties(e, { raw: { value: Object.freeze(t) } })); }
const KwikUIStyleInputReset = exports.KwikUIStyleInputReset = (0, _styledComponents.css)(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n /* Initial Reset of Styles START */\n /* Chrome, Safari, Edge, Opera */\n input::-webkit-outer-spin-button,\n input::-webkit-inner-spin-button {\n appearance: none;\n -webkit-appearance: none;\n margin: 0;\n }\n /* Firefox */\n input[type=\"number\"] {\n appearance: textfield;\n -moz-appearance: textfield;\n }\n /* Chrome, Safari, Edge, Opera, Firefox */\n input[type=\"date\"]::-webkit-calendar-picker-indicator {\n height: 1em;\n }\n /* Initial Reset of Styles END */\n\n /* Base Component Styles START */\n transition: margin-bottom 0.1s linear;\n width: 100%;\n /* Base Component Styles END */\n"])));
const KwikUIStyleInputBase = exports.KwikUIStyleInputBase = (0, _styledComponents.css)(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n border: none;\n outline: none;\n width: 100%;\n padding: 0rem;\n"])));
const KwikUIStyleInputLabel = exports.KwikUIStyleInputLabel = (0, _styledComponents.css)(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n background-color: var(--kwikui-color-white);\n color: var(--kwikui-color-black);\n width: fit-content;\n z-index: 1;\n\n ", "\n\n ", "\n"])), _ref => {
let {
disabled
} = _ref;
return disabled && (0, _styledComponents.css)(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n color: var(--kwikui-color-disabled-active);\n "])));
}, _ref2 => {
let {
size
} = _ref2;
switch (size) {
case _Size.IKwikUISize.XS:
return (0, _styledComponents.css)(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n font-size: calc(var(--kwikui-font-size-xxs));\n line-height: var(--kwikui-font-size-xxs);\n height: var(--kwikui-font-size-xxs);\n border-radius: var(--kwikui-radius-xxs);\n padding: 0rem var(--kwikui-space-xxs);\n "])));
case _Size.IKwikUISize.S:
return (0, _styledComponents.css)(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n font-size: calc(var(--kwikui-font-size-xs));\n line-height: var(--kwikui-font-size-xs);\n height: var(--kwikui-font-size-xs);\n border-radius: var(--kwikui-radius-xs);\n padding: 0rem var(--kwikui-space-xxs);\n "])));
case _Size.IKwikUISize.M:
return (0, _styledComponents.css)(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n font-size: calc(var(--kwikui-font-size-s));\n line-height: var(--kwikui-font-size-s);\n height: var(--kwikui-font-size-s);\n border-radius: var(--kwikui-radius-s);\n padding: 0rem var(--kwikui-space-xxs);\n "])));
case _Size.IKwikUISize.L:
return (0, _styledComponents.css)(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["\n font-size: calc(var(--kwikui-font-size-m));\n line-height: var(--kwikui-font-size-m);\n height: var(--kwikui-font-size-m);\n border-radius: var(--kwikui-radius-m);\n padding: 0rem var(--kwikui-space-xxs);\n "])));
case _Size.IKwikUISize.XL:
return (0, _styledComponents.css)(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral(["\n font-size: calc(var(--kwikui-font-size-l));\n line-height: var(--kwikui-font-size-l);\n height: var(--kwikui-font-size-l);\n border-radius: var(--kwikui-radius-l);\n padding: 0rem var(--kwikui-space-xxs);\n "])));
case _Size.IKwikUISize.XXL:
return (0, _styledComponents.css)(_templateObject0 || (_templateObject0 = _taggedTemplateLiteral(["\n font-size: calc(var(--kwikui-font-size-xl));\n line-height: var(--kwikui-font-size-xl);\n height: var(--kwikui-font-size-xl);\n border-radius: var(--kwikui-radius-xl);\n padding: 0rem var(--kwikui-space-xxs);\n "])));
}
});
const KwikUIStyleInputPrefix = exports.KwikUIStyleInputPrefix = (0, _styledComponents.css)(_templateObject1 || (_templateObject1 = _taggedTemplateLiteral(["\n width: fit-content;\n white-space: nowrap;\n\n ", "\n"])), _ref3 => {
let {
size
} = _ref3;
switch (size) {
case _Size.IKwikUISize.XS:
return (0, _styledComponents.css)(_templateObject10 || (_templateObject10 = _taggedTemplateLiteral(["\n font-size: var(--kwikui-font-size-xs);\n line-height: var(--kwikui-font-size-xs);\n height: var(--kwikui-font-size-xs);\n "])));
case _Size.IKwikUISize.S:
return (0, _styledComponents.css)(_templateObject11 || (_templateObject11 = _taggedTemplateLiteral(["\n font-size: var(--kwikui-font-size-s);\n line-height: var(--kwikui-font-size-s);\n height: var(--kwikui-font-size-s);\n "])));
case _Size.IKwikUISize.M:
return (0, _styledComponents.css)(_templateObject12 || (_templateObject12 = _taggedTemplateLiteral(["\n font-size: var(--kwikui-font-size-m);\n line-height: var(--kwikui-font-size-m);\n height: var(--kwikui-font-size-m);\n "])));
case _Size.IKwikUISize.L:
return (0, _styledComponents.css)(_templateObject13 || (_templateObject13 = _taggedTemplateLiteral(["\n font-size: var(--kwikui-font-size-l);\n line-height: var(--kwikui-font-size-l);\n height: var(--kwikui-font-size-l);\n "])));
case _Size.IKwikUISize.XL:
return (0, _styledComponents.css)(_templateObject14 || (_templateObject14 = _taggedTemplateLiteral(["\n font-size: var(--kwikui-font-size-xl);\n line-height: var(--kwikui-font-size-xl);\n height: var(--kwikui-font-size-xl);\n "])));
case _Size.IKwikUISize.XXL:
return (0, _styledComponents.css)(_templateObject15 || (_templateObject15 = _taggedTemplateLiteral(["\n font-size: var(--kwikui-font-size-xxl);\n line-height: var(--kwikui-font-size-xxl);\n height: var(--kwikui-font-size-xxl);\n "])));
}
});
const KwikUIStyleInputPostfix = exports.KwikUIStyleInputPostfix = (0, _styledComponents.css)(_templateObject16 || (_templateObject16 = _taggedTemplateLiteral(["\n width: fit-content;\n white-space: nowrap;\n\n ", "\n"])), _ref4 => {
let {
size
} = _ref4;
switch (size) {
case _Size.IKwikUISize.XS:
return (0, _styledComponents.css)(_templateObject17 || (_templateObject17 = _taggedTemplateLiteral(["\n font-size: var(--kwikui-font-size-xs);\n line-height: var(--kwikui-font-size-xs);\n height: var(--kwikui-font-size-xs);\n "])));
case _Size.IKwikUISize.S:
return (0, _styledComponents.css)(_templateObject18 || (_templateObject18 = _taggedTemplateLiteral(["\n font-size: var(--kwikui-font-size-s);\n line-height: var(--kwikui-font-size-s);\n height: var(--kwikui-font-size-s);\n "])));
case _Size.IKwikUISize.M:
return (0, _styledComponents.css)(_templateObject19 || (_templateObject19 = _taggedTemplateLiteral(["\n font-size: var(--kwikui-font-size-m);\n line-height: var(--kwikui-font-size-m);\n height: var(--kwikui-font-size-m);\n "])));
case _Size.IKwikUISize.L:
return (0, _styledComponents.css)(_templateObject20 || (_templateObject20 = _taggedTemplateLiteral(["\n font-size: var(--kwikui-font-size-l);\n line-height: var(--kwikui-font-size-l);\n height: var(--kwikui-font-size-l);\n "])));
case _Size.IKwikUISize.XL:
return (0, _styledComponents.css)(_templateObject21 || (_templateObject21 = _taggedTemplateLiteral(["\n font-size: var(--kwikui-font-size-xl);\n line-height: var(--kwikui-font-size-xl);\n height: var(--kwikui-font-size-xl);\n "])));
case _Size.IKwikUISize.XXL:
return (0, _styledComponents.css)(_templateObject22 || (_templateObject22 = _taggedTemplateLiteral(["\n font-size: var(--kwikui-font-size-xxl);\n line-height: var(--kwikui-font-size-xxl);\n height: var(--kwikui-font-size-xxl);\n "])));
}
});
const KwikUIStyleInputPlaceholder = exports.KwikUIStyleInputPlaceholder = (0, _styledComponents.css)(_templateObject23 || (_templateObject23 = _taggedTemplateLiteral(["\n color: var(--kwikui-color-disabled);\n\n ", "\n\n ", "\n"])), _ref5 => {
let {
disabled
} = _ref5;
return disabled && (0, _styledComponents.css)(_templateObject24 || (_templateObject24 = _taggedTemplateLiteral(["\n color: var(--kwikui-color-disabled-text);\n "])));
}, _ref6 => {
let {
size
} = _ref6;
switch (size) {
case _Size.IKwikUISize.XS:
return (0, _styledComponents.css)(_templateObject25 || (_templateObject25 = _taggedTemplateLiteral(["\n font-size: var(--kwikui-font-size-xs);\n line-height: var(--kwikui-font-size-xs);\n height: calc(1.5 * var(--kwikui-font-size-xs));\n "])));
case _Size.IKwikUISize.S:
return (0, _styledComponents.css)(_templateObject26 || (_templateObject26 = _taggedTemplateLiteral(["\n font-size: var(--kwikui-font-size-s);\n line-height: var(--kwikui-font-size-s);\n height: calc(1.5 * var(--kwikui-font-size-s));\n "])));
case _Size.IKwikUISize.M:
return (0, _styledComponents.css)(_templateObject27 || (_templateObject27 = _taggedTemplateLiteral(["\n font-size: var(--kwikui-font-size-m);\n line-height: var(--kwikui-font-size-m);\n height: calc(1.5 * var(--kwikui-font-size-m));\n "])));
case _Size.IKwikUISize.L:
return (0, _styledComponents.css)(_templateObject28 || (_templateObject28 = _taggedTemplateLiteral(["\n font-size: var(--kwikui-font-size-l);\n line-height: var(--kwikui-font-size-l);\n height: calc(1.5 * var(--kwikui-font-size-l));\n "])));
case _Size.IKwikUISize.XL:
return (0, _styledComponents.css)(_templateObject29 || (_templateObject29 = _taggedTemplateLiteral(["\n font-size: var(--kwikui-font-size-xl);\n line-height: var(--kwikui-font-size-xl);\n height: calc(1.5 * var(--kwikui-font-size-xl));\n "])));
case _Size.IKwikUISize.XXL:
return (0, _styledComponents.css)(_templateObject30 || (_templateObject30 = _taggedTemplateLiteral(["\n font-size: var(--kwikui-font-size-xxl);\n line-height: var(--kwikui-font-size-xxl);\n height: calc(1.5 * var(--kwikui-font-size-xxl));\n "])));
}
});
const KwikUIStyleInputSize = exports.KwikUIStyleInputSize = (0, _styledComponents.css)(_templateObject31 || (_templateObject31 = _taggedTemplateLiteral(["\n ", "\n"])), _ref7 => {
let {
size
} = _ref7;
switch (size) {
case _Size.IKwikUISize.XS:
return (0, _styledComponents.css)(_templateObject32 || (_templateObject32 = _taggedTemplateLiteral(["\n font-size: var(--kwikui-font-size-xs);\n line-height: var(--kwikui-font-size-xs);\n height: calc(1.5 * var(--kwikui-font-size-xs));\n "])));
case _Size.IKwikUISize.S:
return (0, _styledComponents.css)(_templateObject33 || (_templateObject33 = _taggedTemplateLiteral(["\n font-size: var(--kwikui-font-size-s);\n line-height: var(--kwikui-font-size-s);\n height: calc(1.5 * var(--kwikui-font-size-s));\n "])));
case _Size.IKwikUISize.M:
return (0, _styledComponents.css)(_templateObject34 || (_templateObject34 = _taggedTemplateLiteral(["\n font-size: var(--kwikui-font-size-m);\n line-height: var(--kwikui-font-size-m);\n height: calc(1.5 * var(--kwikui-font-size-m));\n "])));
case _Size.IKwikUISize.L:
return (0, _styledComponents.css)(_templateObject35 || (_templateObject35 = _taggedTemplateLiteral(["\n font-size: var(--kwikui-font-size-l);\n line-height: var(--kwikui-font-size-l);\n height: calc(1.5 * var(--kwikui-font-size-l));\n "])));
case _Size.IKwikUISize.XL:
return (0, _styledComponents.css)(_templateObject36 || (_templateObject36 = _taggedTemplateLiteral(["\n font-size: var(--kwikui-font-size-xl);\n line-height: var(--kwikui-font-size-xl);\n height: calc(1.5 * var(--kwikui-font-size-xl));\n "])));
case _Size.IKwikUISize.XXL:
return (0, _styledComponents.css)(_templateObject37 || (_templateObject37 = _taggedTemplateLiteral(["\n font-size: var(--kwikui-font-size-xxl);\n line-height: var(--kwikui-font-size-xxl);\n height: calc(1.5 * var(--kwikui-font-size-xxl));\n "])));
}
});
const KwikUIStyleInputShape = exports.KwikUIStyleInputShape = (0, _styledComponents.css)(_templateObject38 || (_templateObject38 = _taggedTemplateLiteral(["\n ", "\n"])), _ref8 => {
let {
shape
} = _ref8;
switch (shape) {
case _Shape.IKwikUIShape.ROUNDED:
return (0, _styledComponents.css)(_templateObject39 || (_templateObject39 = _taggedTemplateLiteral(["\n border-radius: 2rem;\n "])));
case _Shape.IKwikUIShape.CURVED:
return (0, _styledComponents.css)(_templateObject40 || (_templateObject40 = _taggedTemplateLiteral(["\n border-radius: 0.5rem;\n "])));
case _Shape.IKwikUIShape.RECTANGLE:
return (0, _styledComponents.css)(_templateObject41 || (_templateObject41 = _taggedTemplateLiteral(["\n border-radius: 0rem;\n "])));
}
});
const KwikUIStyleInputSuccess = exports.KwikUIStyleInputSuccess = (0, _styledComponents.css)(_templateObject42 || (_templateObject42 = _taggedTemplateLiteral(["\n outline-color: transparent;\n border-color: var(--kwikui-color-success) !important;\n box-shadow: 0px 0px 5px -2px var(--kwikui-color-success) !important;\n\n label {\n color: var(--kwikui-color-success);\n }\n"])));
const KwikUIStyleInputError = exports.KwikUIStyleInputError = (0, _styledComponents.css)(_templateObject43 || (_templateObject43 = _taggedTemplateLiteral(["\n outline-color: transparent;\n border-color: var(--kwikui-color-error) !important;\n box-shadow: 0px 0px 5px -2px var(--kwikui-color-error) !important;\n\n label {\n color: var(--kwikui-color-error);\n font-weight: bold;\n }\n"])));
const KwikUIStyleInputFocused = exports.KwikUIStyleInputFocused = (0, _styledComponents.css)(_templateObject44 || (_templateObject44 = _taggedTemplateLiteral(["\n outline-color: transparent;\n border-color: var(--kwikui-color-primary) !important;\n box-shadow: 0px 0px 5px -2px var(--kwikui-color-primary) !important;\n\n label {\n color: var(--kwikui-color-primary);\n }\n"])));
const KwikUIStyleInputStatus = exports.KwikUIStyleInputStatus = (0, _styledComponents.css)(_templateObject45 || (_templateObject45 = _taggedTemplateLiteral(["\n &.input-success {\n ", "\n }\n &.input-error {\n ", "\n }\n &.input-focused {\n ", "\n }\n"])), KwikUIStyleInputSuccess, KwikUIStyleInputError, KwikUIStyleInputFocused);
const KwikUIStyleInputContainerBase = exports.KwikUIStyleInputContainerBase = (0, _styledComponents.css)(_templateObject46 || (_templateObject46 = _taggedTemplateLiteral(["\n position: relative;\n display: flex;\n flex-direction: row;\n align-content: flex-start;\n justify-content: space-between;\n align-items: center;\n width: 100%;\n\n outline: none;\n color: var(--kwikui-color-black);\n width: 100%;\n border-width: 2px;\n border-style: solid;\n border-color: transparent;\n outline-width: 1px;\n outline-style: solid;\n outline-color: var(--kwikui-color-disabled);\n box-shadow: 0 0.125rem 0.1875rem rgba(0, 0, 0, 0.1);\n background-color: var(--kwikui-color-white);\n padding: var(--kwikui-space-m);\n font-size: var(--kwikui-font-size-m);\n\n &:hover {\n cursor: text;\n // border-color: var(--kwikui-color-disabled-active);\n box-shadow: 0 0.125rem 0.3125rem rgba(0, 0, 0, 0.16);\n }\n &:focus,\n &:focus-within {\n border-color: var(--kwikui-color-primary);\n background-color: var(--kwikui-color-white);\n box-shadow: 0 0 8px -3px var(--kwikui-color-primary);\n }\n\n & > *:not(:last-child) {\n margin-right: 0.5rem;\n }\n"])));
const KwikUIStyleInputContainerDisabled = exports.KwikUIStyleInputContainerDisabled = (0, _styledComponents.css)(_templateObject47 || (_templateObject47 = _taggedTemplateLiteral(["\n ", "\n"])), _ref9 => {
let {
disabled
} = _ref9;
return disabled && (0, _styledComponents.css)(_templateObject48 || (_templateObject48 = _taggedTemplateLiteral(["\n cursor: not-allowed !important;\n background-color: var(--kwikui-color-disabled-hover) !important;\n color: var(--kwikui-color-disabled-text) !important;\n outline-color: transparent;\n border-color: var(--kwikui-color-disabled) !important;\n box-shadow: 0px 0px 5px -2px var(--kwikui-color-disabled) !important;\n\n input,\n textarea {\n cursor: not-allowed !important;\n }\n\n &:hover {\n box-shadow: none !important;\n }\n "])));
});
const KwikUIStyleInputContainerSize = exports.KwikUIStyleInputContainerSize = (0, _styledComponents.css)(_templateObject49 || (_templateObject49 = _taggedTemplateLiteral(["\n ", "\n"])), _ref0 => {
let {
size
} = _ref0;
switch (size) {
case _Size.IKwikUISize.XS:
return (0, _styledComponents.css)(_templateObject50 || (_templateObject50 = _taggedTemplateLiteral(["\n border-radius: var(--kwikui-radius-xs);\n padding: calc(var(--kwikui-space-xxs));\n "])));
case _Size.IKwikUISize.S:
return (0, _styledComponents.css)(_templateObject51 || (_templateObject51 = _taggedTemplateLiteral(["\n border-radius: var(--kwikui-radius-s);\n padding: var(--kwikui-space-xs);\n "])));
case _Size.IKwikUISize.M:
return (0, _styledComponents.css)(_templateObject52 || (_templateObject52 = _taggedTemplateLiteral(["\n border-radius: var(--kwikui-radius-m);\n padding: var(--kwikui-space-s);\n "])));
case _Size.IKwikUISize.L:
return (0, _styledComponents.css)(_templateObject53 || (_templateObject53 = _taggedTemplateLiteral(["\n border-radius: var(--kwikui-radius-l);\n padding: calc(var(--kwikui-space-m));\n "])));
case _Size.IKwikUISize.XL:
return (0, _styledComponents.css)(_templateObject54 || (_templateObject54 = _taggedTemplateLiteral(["\n border-radius: var(--kwikui-radius-xl);\n padding: calc(var(--kwikui-space-l));\n "])));
case _Size.IKwikUISize.XXL:
return (0, _styledComponents.css)(_templateObject55 || (_templateObject55 = _taggedTemplateLiteral(["\n border-radius: var(--kwikui-radius-xxl);\n padding: calc(var(--kwikui-space-xl));\n "])));
}
});
const KwikUIStyleInputContainerShape = exports.KwikUIStyleInputContainerShape = (0, _styledComponents.css)(_templateObject56 || (_templateObject56 = _taggedTemplateLiteral(["\n ", "\n"])), _ref1 => {
let {
shape
} = _ref1;
switch (shape) {
case _Shape.IKwikUIShape.ROUNDED:
return (0, _styledComponents.css)(_templateObject57 || (_templateObject57 = _taggedTemplateLiteral(["\n border-radius: 2rem;\n "])));
case _Shape.IKwikUIShape.CURVED:
return (0, _styledComponents.css)(_templateObject58 || (_templateObject58 = _taggedTemplateLiteral(["\n border-radius: 0.5rem;\n "])));
case _Shape.IKwikUIShape.RECTANGLE:
return (0, _styledComponents.css)(_templateObject59 || (_templateObject59 = _taggedTemplateLiteral(["\n border-radius: 0rem;\n "])));
}
});
const KwikUIStyleInputMessagesContainer = exports.KwikUIStyleInputMessagesContainer = _styledComponents.default.div(_templateObject60 || (_templateObject60 = _taggedTemplateLiteral(["\n width: 100%;\n margin-left: 0.25rem;\n font-size: 0.9rem;\n"])));
const KwikUIStyleInputClearable = exports.KwikUIStyleInputClearable = _styledComponents.default.div(_templateObject61 || (_templateObject61 = _taggedTemplateLiteral(["\n display: flex;\n flex-direction: row;\n justify-content: center;\n align-items: center;\n cursor: pointer;\n\n ", ";\n"])), _ref10 => {
let {
size
} = _ref10;
switch (size) {
case _Size.IKwikUISize.XXS:
return (0, _styledComponents.css)(_templateObject62 || (_templateObject62 = _taggedTemplateLiteral(["\n font-size: var(--kwikui-font-size-xxs);\n line-height: var(--kwikui-font-size-xxs);\n height: calc(1.5 * var(--kwikui-font-size-xxs));\n "])));
case _Size.IKwikUISize.XS:
return (0, _styledComponents.css)(_templateObject63 || (_templateObject63 = _taggedTemplateLiteral(["\n font-size: var(--kwikui-font-size-xs);\n line-height: var(--kwikui-font-size-xs);\n height: calc(1.5 * var(--kwikui-font-size-xs));\n "])));
case _Size.IKwikUISize.S:
return (0, _styledComponents.css)(_templateObject64 || (_templateObject64 = _taggedTemplateLiteral(["\n font-size: var(--kwikui-font-size-s);\n line-height: var(--kwikui-font-size-s);\n height: calc(1.5 * var(--kwikui-font-size-s));\n "])));
case _Size.IKwikUISize.M:
return (0, _styledComponents.css)(_templateObject65 || (_templateObject65 = _taggedTemplateLiteral(["\n font-size: var(--kwikui-font-size-m);\n line-height: var(--kwikui-font-size-m);\n height: calc(1.5 * var(--kwikui-font-size-m));\n "])));
case _Size.IKwikUISize.L:
return (0, _styledComponents.css)(_templateObject66 || (_templateObject66 = _taggedTemplateLiteral(["\n font-size: var(--kwikui-font-size-l);\n line-height: var(--kwikui-font-size-l);\n height: calc(1.5 * var(--kwikui-font-size-l));\n "])));
case _Size.IKwikUISize.XL:
return (0, _styledComponents.css)(_templateObject67 || (_templateObject67 = _taggedTemplateLiteral(["\n font-size: var(--kwikui-font-size-xl);\n line-height: var(--kwikui-font-size-xl);\n height: calc(1.5 * var(--kwikui-font-size-xl));\n "])));
case _Size.IKwikUISize.XXL:
return (0, _styledComponents.css)(_templateObject68 || (_templateObject68 = _taggedTemplateLiteral(["\n font-size: var(--kwikui-font-size-xxl);\n line-height: var(--kwikui-font-size-xxl);\n height: calc(1.5 * var(--kwikui-font-size-xxl));\n "])));
}
});