@lobehub/ui
Version:
Lobe UI is an open-source UI component library for building AIGC web apps
1 lines • 2.08 kB
Source Map (JSON)
{"version":3,"file":"style.mjs","names":[],"sources":["../../../src/base-ui/Upload/style.ts"],"sourcesContent":["import { createStaticStyles } from 'antd-style';\n\nexport const styles = createStaticStyles(({ css, cssVar }) => ({\n dragger: css`\n cursor: pointer;\n\n display: flex;\n flex-direction: column;\n gap: 6px;\n align-items: center;\n justify-content: center;\n\n padding-block: 28px;\n padding-inline: 20px;\n border: 1px dashed ${cssVar.colorBorder};\n border-radius: ${cssVar.borderRadiusLG};\n\n text-align: center;\n\n background: ${cssVar.colorFillQuaternary};\n\n transition:\n border-color 0.15s,\n background 0.15s;\n\n &:hover {\n border-color: ${cssVar.colorTextTertiary};\n background: ${cssVar.colorFillTertiary};\n }\n\n &:focus-visible {\n outline: 2px solid ${cssVar.colorPrimary};\n outline-offset: 2px;\n }\n\n &[aria-disabled='true'] {\n cursor: not-allowed;\n opacity: 0.5;\n }\n `,\n draggerDescription: css`\n font-size: 12px;\n color: ${cssVar.colorTextTertiary};\n `,\n draggerIcon: css`\n color: ${cssVar.colorTextTertiary};\n `,\n draggerOver: css`\n border-color: ${cssVar.colorTextTertiary};\n background: ${cssVar.colorFillTertiary};\n `,\n draggerTitle: css`\n font-weight: 500;\n color: ${cssVar.colorText};\n `,\n trigger: css`\n cursor: pointer;\n display: inline-block;\n\n &[aria-disabled='true'] {\n cursor: not-allowed;\n opacity: 0.5;\n }\n\n &:focus-visible {\n outline: 2px solid ${cssVar.colorPrimary};\n outline-offset: 2px;\n }\n `,\n}));\n"],"mappings":";;AAEA,MAAa,SAAS,oBAAoB,EAAE,KAAK,cAAc;CAC7D,SAAS,GAAG;;;;;;;;;;;yBAWW,OAAO,YAAY;qBACvB,OAAO,eAAe;;;;kBAIzB,OAAO,oBAAoB;;;;;;;sBAOvB,OAAO,kBAAkB;oBAC3B,OAAO,kBAAkB;;;;2BAIlB,OAAO,aAAa;;;;;;;;;CAS7C,oBAAoB,GAAG;;aAEZ,OAAO,kBAAkB;;CAEpC,aAAa,GAAG;aACL,OAAO,kBAAkB;;CAEpC,aAAa,GAAG;oBACE,OAAO,kBAAkB;kBAC3B,OAAO,kBAAkB;;CAEzC,cAAc,GAAG;;aAEN,OAAO,UAAU;;CAE5B,SAAS,GAAG;;;;;;;;;;2BAUa,OAAO,aAAa;;;;AAI/C,EAAE"}