@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":[],"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,KAAK,cAAc;CACpE,QAAQ,GAAG;aACA,OAAO,UAAU;kBACZ,OAAO,mBAAmB;;;eAG7B,OAAO,UAAU;oBACZ,OAAO,UAAU;;;CAInC,MAAM,GAAG;;;CAIT,YAAY,GAAG;;;CAIf,iBAAiB,GAAG;;;;;;;;4BAQM,OAAO,UAAU;6CACA,OAAO,cAAc;;;;;;;;;;CAWhE,UAAU,GAAG;;;;CAKb,mBAAmB,GAAG;;;;QAIhB,OAAO,KAAK;QACZ,OAAO,QAAQ;QACf,OAAO,SAAS;QAChB,OAAO,KAAK;;;oBAGA,SAAS;;CAG3B,aAAa,GAAG;;;;;;;;CAShB,gBAAgB,GAAG;;aAER,OAAO,mBAAmB;;;eAGxB,OAAO,UAAU;;;CAS9B,QAAQ,GAAG;;qBAEQ,OAAO,YAAY;yBACf,OAAO,YAAY;uBACrB,OAAO,qBAAqB;uBAC5B,OAAO,qBAAqB;;CAGjD,mBAAmB,GAAG;;;;;;oBAMJ,OAAO,kBAAkB;;;CAS3C,yBAAyB,GAAG;;;;;;oBAMV,OAAO,aAAa;oCACJ,OAAO,aAAa;;;CAItD,+BAA+B,GAAG;;;;;CAMlC,eAAe,GAAG;kBACF,OAAO,kBAAkB;;;oBAGvB,OAAO,mBAAmB;;;CAS5C,qBAAqB,GAAG;kBACR,OAAO,aAAa;;;oBAGlB,OAAO,kBAAkB;;;CAI3C,2BAA2B,GAAG;kBACd,OAAO,kBAAkB;;CAGzC,iBAAiB,GAAG;wBACE,OAAO,qBAAqB;kBAClC,OAAO,iBAAiB;;;0BAGhB,OAAO,YAAY;oBACzB,OAAO,iBAAiB;;;CAI1C,uBAAuB,GAAG;wBACJ,OAAO,iBAAiB;;;0BAGtB,OAAO,iBAAiB;;;CAIhD,6BAA6B,GAAG;wBACV,OAAO,qBAAqB;kBAClC,OAAO,iBAAiB;;CAEzC,EAAE"}