@lobehub/ui
Version:
Lobe UI is an open-source UI component library for building AIGC web apps
1 lines • 5.3 kB
Source Map (JSON)
{"version":3,"file":"customStylish.mjs","names":["generateCustomStylish: GetCustomStylish<LobeCustomStylish>"],"sources":["../../../src/styles/theme/customStylish.ts"],"sourcesContent":["import { GetCustomStylish, keyframes } from 'antd-style';\n\nimport { LobeCustomStylish } from '@/types/customStylish';\n\nexport const generateCustomStylish: GetCustomStylish<LobeCustomStylish> = ({\n css,\n token,\n isDarkMode,\n}) => {\n const gradient = keyframes`\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 `;\n\n return {\n active: css`\n color: ${token.colorText};\n background: ${token.colorFillSecondary};\n\n &:hover {\n color: ${token.colorText};\n background: ${token.colorFill};\n }\n `,\n blur: css`\n backdrop-filter: saturate(150%) blur(10px);\n `,\n blurStrong: css`\n backdrop-filter: saturate(150%) blur(36px);\n `,\n bottomScrollbar: css`\n ::-webkit-scrollbar {\n width: 0;\n height: 4px;\n background-color: transparent;\n\n &-thumb {\n border-radius: 4px;\n background-color: ${token.colorFill};\n transition: background-color 500ms ${token.motionEaseOut};\n }\n\n &-corner {\n display: none;\n width: 0;\n height: 0;\n }\n }\n `,\n disabled: css`\n cursor: not-allowed;\n opacity: 0.5;\n `,\n gradientAnimation: css`\n border-radius: inherit;\n background-image: linear-gradient(\n -45deg,\n ${token.gold},\n ${token.magenta},\n ${token.geekblue},\n ${token.cyan}\n );\n background-size: 400% 400%;\n animation: 5s ${gradient} 5s ease infinite;\n `,\n noScrollbar: css`\n ::-webkit-scrollbar {\n display: none;\n width: 0;\n height: 0;\n background-color: transparent;\n }\n `,\n resetLinkColor: css`\n cursor: pointer;\n color: ${token.colorTextSecondary};\n\n &:hover {\n color: ${token.colorText};\n }\n `,\n shadow: css`\n box-shadow:\n 0 1px 0 -1px ${isDarkMode ? token.colorBgLayout : token.colorBorder},\n 0 1px 2px -0.5px ${isDarkMode ? token.colorBgLayout : token.colorBorder},\n 0 2px 2px -1px ${isDarkMode ? token.colorBgLayout : token.colorBorderSecondary},\n 0 3px 6px -4px ${isDarkMode ? token.colorBgLayout : token.colorBorderSecondary};\n `,\n variantBorderless: css`\n border: none;\n background: none;\n box-shadow: none;\n\n &:hover {\n background: ${token.colorFillTertiary};\n }\n `,\n variantBorderlessDanger: css`\n border: none;\n background: none;\n box-shadow: none;\n\n &:hover {\n background: ${token.colorErrorFillTertiary};\n box-shadow: inset 0 0 0 1px ${token.colorErrorFillTertiary};\n }\n `,\n variantBorderlessWithoutHover: css`\n border: none;\n background: none;\n box-shadow: none;\n `,\n variantFilled: css`\n background: ${token.colorFillTertiary};\n\n &:hover {\n background: ${token.colorFillSecondary};\n }\n `,\n variantFilledDanger: css`\n background: ${token.colorErrorFillTertiary};\n\n &:hover {\n background: ${token.colorErrorFillSecondary};\n }\n `,\n variantFilledWithoutHover: css`\n background: ${token.colorFillTertiary};\n `,\n variantOutlined: css`\n border: 1px solid ${token.colorBorderSecondary};\n background: ${token.colorBgContainer};\n\n &:hover {\n border: 1px solid ${token.colorBorder};\n background: ${token.colorBgContainer};\n }\n `,\n\n variantOutlinedDanger: css`\n border: 1px solid ${token.colorErrorBorder};\n\n &:hover {\n border: 1px solid ${token.colorErrorBorder};\n }\n `,\n variantOutlinedWithoutHover: css`\n border: 1px solid ${token.colorBorderSecondary};\n background: ${token.colorBgContainer};\n `,\n };\n};\n"],"mappings":";;;AAIA,MAAaA,yBAA8D,EACzE,YACA,OACA,iBACI;CACJ,MAAM,WAAW,SAAS;;;;;;;;;;;AAY1B,QAAO;EACL,QAAQ,KAAG;eACA,MAAM,UAAU;oBACX,MAAM,mBAAmB;;;iBAG5B,MAAM,UAAU;sBACX,MAAM,UAAU;;;EAGlC,MAAM,KAAG;;;EAGT,YAAY,KAAG;;;EAGf,iBAAiB,KAAG;;;;;;;;8BAQM,MAAM,UAAU;+CACC,MAAM,cAAc;;;;;;;;;;EAU/D,UAAU,KAAG;;;;EAIb,mBAAmB,KAAG;;;;UAIhB,MAAM,KAAK;UACX,MAAM,QAAQ;UACd,MAAM,SAAS;UACf,MAAM,KAAK;;;sBAGC,SAAS;;EAE3B,aAAa,KAAG;;;;;;;;EAQhB,gBAAgB,KAAG;;eAER,MAAM,mBAAmB;;;iBAGvB,MAAM,UAAU;;;EAG7B,QAAQ,KAAG;;uBAEQ,aAAa,MAAM,gBAAgB,MAAM,YAAY;2BACjD,aAAa,MAAM,gBAAgB,MAAM,YAAY;yBACvD,aAAa,MAAM,gBAAgB,MAAM,qBAAqB;yBAC9D,aAAa,MAAM,gBAAgB,MAAM,qBAAqB;;EAEnF,mBAAmB,KAAG;;;;;;sBAMJ,MAAM,kBAAkB;;;EAG1C,yBAAyB,KAAG;;;;;;sBAMV,MAAM,uBAAuB;sCACb,MAAM,uBAAuB;;;EAG/D,+BAA+B,KAAG;;;;;EAKlC,eAAe,KAAG;oBACF,MAAM,kBAAkB;;;sBAGtB,MAAM,mBAAmB;;;EAG3C,qBAAqB,KAAG;oBACR,MAAM,uBAAuB;;;sBAG3B,MAAM,wBAAwB;;;EAGhD,2BAA2B,KAAG;oBACd,MAAM,kBAAkB;;EAExC,iBAAiB,KAAG;0BACE,MAAM,qBAAqB;oBACjC,MAAM,iBAAiB;;;4BAGf,MAAM,YAAY;sBACxB,MAAM,iBAAiB;;;EAIzC,uBAAuB,KAAG;0BACJ,MAAM,iBAAiB;;;4BAGrB,MAAM,iBAAiB;;;EAG/C,6BAA6B,KAAG;0BACV,MAAM,qBAAqB;oBACjC,MAAM,iBAAiB;;EAExC"}