kwikid-components-react
Version:
KwikID's Component Library in React
24 lines (23 loc) • 1.75 kB
JavaScript
;
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.KwikUIStyleShape = exports.KwikUIStyleScrollbar = void 0;
var _styledComponents = require("styled-components");
var _Shape = require("../definitions/Shape");
var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5;
function _taggedTemplateLiteral(e, t) { return t || (t = e.slice(0)), Object.freeze(Object.defineProperties(e, { raw: { value: Object.freeze(t) } })); }
const KwikUIStyleShape = exports.KwikUIStyleShape = (0, _styledComponents.css)(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n ", "\n"])), _ref => {
let {
shape
} = _ref;
switch (shape) {
case _Shape.IKwikUIShape.ROUNDED:
return (0, _styledComponents.css)(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n border-radius: 2em;\n "])));
case _Shape.IKwikUIShape.CURVED:
return (0, _styledComponents.css)(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n border-radius: 0.5em;\n "])));
case _Shape.IKwikUIShape.RECTANGLE:
return (0, _styledComponents.css)(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n border-radius: 0em;\n "])));
}
});
const KwikUIStyleScrollbar = exports.KwikUIStyleScrollbar = (0, _styledComponents.css)(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n &::-webkit-scrollbar {\n width: 8px;\n height: 8px;\n }\n &::-webkit-scrollbar-track {\n background: \"white\";\n }\n &::-webkit-scrollbar-thumb {\n background-color: lightgray;\n border-radius: 2.5rem;\n }\n &::-webkit-scrollbar-thumb:hover {\n background-color: gray;\n }\n"])));