@lobehub/ui
Version:
Lobe UI is an open-source UI component library for building AIGC web apps
29 lines • 6.86 kB
JavaScript
var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14, _templateObject15, _templateObject16, _templateObject17, _templateObject18, _templateObject19;
function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
import { keyframes } from 'antd-style';
export var generateCustomStylish = function generateCustomStylish(_ref) {
var css = _ref.css,
token = _ref.token,
isDarkMode = _ref.isDarkMode;
var gradient = keyframes(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n 0% {\n background-position: 0% 50%;\n }\n 50% {\n background-position: 100% 50%;\n }\n 100% {\n background-position: 0% 50%;\n }\n "])));
return {
active: css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n color: ", ";\n background: ", ";\n\n &:hover {\n color: ", ";\n background: ", ";\n }\n\n &:active {\n color: ", ";\n background: ", ";\n }\n "])), token.colorText, token.colorFillSecondary, token.colorText, token.colorFill, token.colorText, isDarkMode ? token.colorFillSecondary : token.colorFill),
blur: css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n backdrop-filter: saturate(150%) blur(10px);\n "]))),
blurStrong: css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n backdrop-filter: saturate(150%) blur(36px);\n "]))),
bottomScrollbar: css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n ::-webkit-scrollbar {\n width: 0;\n height: 4px;\n background-color: transparent;\n\n &-thumb {\n background-color: ", ";\n border-radius: 4px;\n transition: background-color 500ms ", ";\n }\n\n &-corner {\n display: none;\n width: 0;\n height: 0;\n }\n }\n "])), token.colorFill, token.motionEaseOut),
disabled: css(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n cursor: not-allowed;\n opacity: 0.5;\n "]))),
gradientAnimation: css(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n background-image: linear-gradient(\n -45deg,\n ", ",\n ", ",\n ", ",\n ", "\n );\n background-size: 400% 400%;\n border-radius: inherit;\n animation: 5s ", " 5s ease infinite;\n "])), token.gold, token.magenta, token.geekblue, token.cyan, gradient),
noScrollbar: css(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["\n ::-webkit-scrollbar {\n display: none;\n width: 0;\n height: 0;\n background-color: transparent;\n }\n "]))),
resetLinkColor: css(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral(["\n cursor: pointer;\n color: ", ";\n\n &:hover {\n color: ", ";\n }\n "])), token.colorTextSecondary, token.colorText),
shadow: css(_templateObject10 || (_templateObject10 = _taggedTemplateLiteral(["\n box-shadow:\n 0 1px 0 -1px ", ",\n 0 1px 2px -0.5px ", ",\n 0 2px 2px -1px ", ",\n 0 3px 6px -4px ", ";\n "])), isDarkMode ? token.colorBgLayout : token.colorBorder, isDarkMode ? token.colorBgLayout : token.colorBorder, isDarkMode ? token.colorBgLayout : token.colorBorderSecondary, isDarkMode ? token.colorBgLayout : token.colorBorderSecondary),
variantBorderless: css(_templateObject11 || (_templateObject11 = _taggedTemplateLiteral(["\n background: none;\n border: none;\n box-shadow: none;\n\n &:hover {\n background: ", ";\n }\n\n &:active {\n background: ", ";\n }\n "])), token.colorFillTertiary, isDarkMode ? token.colorFillQuaternary : token.colorFillSecondary),
variantBorderlessDanger: css(_templateObject12 || (_templateObject12 = _taggedTemplateLiteral(["\n background: none;\n border: none;\n box-shadow: none;\n\n &:hover {\n background: ", ";\n box-shadow: inset 0 0 0 1px ", ";\n }\n\n &:active {\n background: ", ";\n box-shadow: inset 0 0 0 1px\n ", ";\n }\n "])), token.colorErrorFillTertiary, token.colorErrorFillTertiary, isDarkMode ? token.colorErrorFillQuaternary : token.colorErrorFillSecondary, isDarkMode ? token.colorErrorFillQuaternary : token.colorErrorFillSecondary),
variantBorderlessWithoutHover: css(_templateObject13 || (_templateObject13 = _taggedTemplateLiteral(["\n background: none;\n border: none;\n box-shadow: none;\n "]))),
variantFilled: css(_templateObject14 || (_templateObject14 = _taggedTemplateLiteral(["\n background: ", ";\n\n &:hover {\n background: ", ";\n }\n\n &:active {\n background: ", ";\n }\n "])), token.colorFillTertiary, token.colorFillSecondary, isDarkMode ? token.colorFillTertiary : token.colorFill),
variantFilledDanger: css(_templateObject15 || (_templateObject15 = _taggedTemplateLiteral(["\n background: ", ";\n\n &:hover {\n background: ", ";\n }\n\n &:active {\n background: ", ";\n }\n "])), token.colorErrorFillTertiary, token.colorErrorFillSecondary, isDarkMode ? token.colorErrorFillTertiary : token.colorErrorFill),
variantFilledWithoutHover: css(_templateObject16 || (_templateObject16 = _taggedTemplateLiteral(["\n background: ", ";\n "])), token.colorFillTertiary),
variantOutlined: css(_templateObject17 || (_templateObject17 = _taggedTemplateLiteral(["\n background: ", ";\n border: 1px solid ", ";\n\n &:hover {\n background: ", ";\n border: 1px solid ", ";\n }\n\n &:active {\n background: ", ";\n border: 1px solid ", ";\n }\n "])), token.colorBgContainer, token.colorBorderSecondary, token.colorBgContainer, token.colorBorder, token.colorBgContainer, token.colorBorder),
variantOutlinedDanger: css(_templateObject18 || (_templateObject18 = _taggedTemplateLiteral(["\n border: 1px solid ", ";\n\n &:hover {\n border: 1px solid ", ";\n }\n\n &:active {\n border: 1px solid ", ";\n }\n "])), token.colorErrorBorder, token.colorErrorBorder, token.colorErrorBorder),
variantOutlinedWithoutHover: css(_templateObject19 || (_templateObject19 = _taggedTemplateLiteral(["\n background: ", ";\n border: 1px solid ", ";\n "])), token.colorBgContainer, token.colorBorderSecondary)
};
};