@lobehub/ui/es/styles/theme/customStylishStatic.mjs.map

Lobe UI is an open-source UI component library for building AIGC web apps

{"version":3,"file":"customStylishStatic.mjs","names":["cssVar"],"sources":["../../../src/styles/theme/customStylishStatic.ts"],"sourcesContent":["import { createStaticStyles, keyframes } from 'antd-style';\n\nimport type { LobeCustomStylish } from '@/types/customStylish';\n\n/**\n * Static version of custom stylish utilities.\n * This can be used with createStaticStyles for better performance.\n *\n * Note: Some styles that depend on isDarkMode or custom tokens may have limitations.\n * For full dynamic support, use the regular customStylish from './customStylish'.\n */\nconst 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\nexport const staticStylish = createStaticStyles(({ css, cssVar }) => ({\n  active: css`\n    color: ${cssVar.colorText};\n    background: ${cssVar.colorFillSecondary};\n\n    &:hover {\n      color: ${cssVar.colorText};\n      background: ${cssVar.colorFill};\n    }\n  `,\n\n  blur: css`\n    backdrop-filter: saturate(150%) blur(10px);\n  `,\n\n  blurStrong: css`\n    backdrop-filter: saturate(150%) blur(36px);\n  `,\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: ${cssVar.colorFill};\n        transition: background-color 500ms ${cssVar.motionEaseOut};\n      }\n\n      &-corner {\n        display: none;\n        width: 0;\n        height: 0;\n      }\n    }\n  `,\n\n  disabled: css`\n    cursor: not-allowed;\n    opacity: 0.5;\n  `,\n\n  gradientAnimation: css`\n    border-radius: inherit;\n    background-image: linear-gradient(\n      -45deg,\n      ${cssVar.gold},\n      ${cssVar.magenta},\n      ${cssVar.geekblue},\n      ${cssVar.cyan}\n    );\n    background-size: 400% 400%;\n    animation: 5s ${gradient} 5s ease infinite;\n  `,\n\n  noScrollbar: css`\n    ::-webkit-scrollbar {\n      display: none;\n      width: 0;\n      height: 0;\n      background-color: transparent;\n    }\n  `,\n\n  resetLinkColor: css`\n    cursor: pointer;\n    color: ${cssVar.colorTextSecondary};\n\n    &:hover {\n      color: ${cssVar.colorText};\n    }\n  `,\n\n  /**\n   * Shadow style using CSS variables.\n   * Note: This uses CSS variables which automatically adapt to light/dark mode.\n   * For more control, use the dynamic version from customStylish.\n   */\n  shadow: css`\n    box-shadow:\n      0 1px 0 -1px ${cssVar.colorBorder},\n      0 1px 2px -0.5px ${cssVar.colorBorder},\n      0 2px 2px -1px ${cssVar.colorBorderSecondary},\n      0 3px 6px -4px ${cssVar.colorBorderSecondary};\n  `,\n\n  variantBorderless: css`\n    border: none;\n    background: none;\n    box-shadow: none;\n\n    &:hover {\n      background: ${cssVar.colorFillTertiary};\n    }\n  `,\n\n  /**\n   * Variant borderless danger style.\n   * Note: Uses colorErrorBg as fallback since colorErrorFillTertiary is not in cssVar.\n   * For exact match, use the dynamic version from customStylish.\n   */\n  variantBorderlessDanger: css`\n    border: none;\n    background: none;\n    box-shadow: none;\n\n    &:hover {\n      background: ${cssVar.colorErrorBg};\n      box-shadow: inset 0 0 0 1px ${cssVar.colorErrorBg};\n    }\n  `,\n\n  variantBorderlessWithoutHover: css`\n    border: none;\n    background: none;\n    box-shadow: none;\n  `,\n\n  variantFilled: css`\n    background: ${cssVar.colorFillTertiary};\n\n    &:hover {\n      background: ${cssVar.colorFillSecondary};\n    }\n  `,\n\n  /**\n   * Variant filled danger style.\n   * Note: Uses colorErrorBg as fallback since colorErrorFillTertiary/Secondary are not in cssVar.\n   * For exact match, use the dynamic version from customStylish.\n   */\n  variantFilledDanger: css`\n    background: ${cssVar.colorErrorBg};\n\n    &:hover {\n      background: ${cssVar.colorErrorBgHover};\n    }\n  `,\n\n  variantFilledWithoutHover: css`\n    background: ${cssVar.colorFillTertiary};\n  `,\n\n  variantOutlined: css`\n    border: 1px solid ${cssVar.colorBorderSecondary};\n    background: ${cssVar.colorBgContainer};\n\n    &:hover {\n      border: 1px solid ${cssVar.colorBorder};\n      background: ${cssVar.colorBgContainer};\n    }\n  `,\n\n  variantOutlinedDanger: css`\n    border: 1px solid ${cssVar.colorErrorBorder};\n\n    &:hover {\n      border: 1px solid ${cssVar.colorErrorBorder};\n    }\n  `,\n\n  variantOutlinedWithoutHover: css`\n    border: 1px solid ${cssVar.colorBorderSecondary};\n    background: ${cssVar.colorBgContainer};\n  `,\n})) as LobeCustomStylish;\n"],"mappings":";;;;;;;;;;AAWA,MAAM,WAAW,SAAS;;;;;;;;;;;AAY1B,MAAa,gBAAgB,oBAAoB,EAAE,YAAK,wBAAc;CACpE,QAAQ,KAAG;aACAA,SAAO,UAAU;kBACZA,SAAO,mBAAmB;;;eAG7BA,SAAO,UAAU;oBACZA,SAAO,UAAU;;;CAInC,MAAM,KAAG;;;CAIT,YAAY,KAAG;;;CAIf,iBAAiB,KAAG;;;;;;;;4BAQMA,SAAO,UAAU;6CACAA,SAAO,cAAc;;;;;;;;;;CAWhE,UAAU,KAAG;;;;CAKb,mBAAmB,KAAG;;;;QAIhBA,SAAO,KAAK;QACZA,SAAO,QAAQ;QACfA,SAAO,SAAS;QAChBA,SAAO,KAAK;;;oBAGA,SAAS;;CAG3B,aAAa,KAAG;;;;;;;;CAShB,gBAAgB,KAAG;;aAERA,SAAO,mBAAmB;;;eAGxBA,SAAO,UAAU;;;CAS9B,QAAQ,KAAG;;qBAEQA,SAAO,YAAY;yBACfA,SAAO,YAAY;uBACrBA,SAAO,qBAAqB;uBAC5BA,SAAO,qBAAqB;;CAGjD,mBAAmB,KAAG;;;;;;oBAMJA,SAAO,kBAAkB;;;CAS3C,yBAAyB,KAAG;;;;;;oBAMVA,SAAO,aAAa;oCACJA,SAAO,aAAa;;;CAItD,+BAA+B,KAAG;;;;;CAMlC,eAAe,KAAG;kBACFA,SAAO,kBAAkB;;;oBAGvBA,SAAO,mBAAmB;;;CAS5C,qBAAqB,KAAG;kBACRA,SAAO,aAAa;;;oBAGlBA,SAAO,kBAAkB;;;CAI3C,2BAA2B,KAAG;kBACdA,SAAO,kBAAkB;;CAGzC,iBAAiB,KAAG;wBACEA,SAAO,qBAAqB;kBAClCA,SAAO,iBAAiB;;;0BAGhBA,SAAO,YAAY;oBACzBA,SAAO,iBAAiB;;;CAI1C,uBAAuB,KAAG;wBACJA,SAAO,iBAAiB;;;0BAGtBA,SAAO,iBAAiB;;;CAIhD,6BAA6B,KAAG;wBACVA,SAAO,qBAAqB;kBAClCA,SAAO,iBAAiB;;CAEzC,EAAE"}