UNPKG

@lobehub/ui

Version:

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

github.com/lobehub/lobe-ui

lobehub/lobe-ui

1 lines • 3.35 kB
1
{"version":3,"file":"style.mjs","names":[],"sources":["../../../src/base-ui/FormKit/style.ts"],"sourcesContent":["import { createStaticStyles } from 'antd-style';\n\nexport const fieldKitStyles = createStaticStyles(({ css, cssVar }) => ({\n controlFixed: css`\n flex: none;\n align-items: stretch;\n `,\n extra: css`\n font-size: 12px;\n color: ${cssVar.colorTextDescription};\n `,\n required: css`\n margin-inline-start: 4px;\n color: ${cssVar.colorError};\n `,\n}));\n\nexport const listStyles = createStaticStyles(({ css, cssVar }) => ({\n add: css`\n cursor: pointer;\n\n display: inline-flex;\n gap: 6px;\n align-items: center;\n\n height: 28px;\n padding-inline: 8px;\n border: none;\n border-radius: ${cssVar.borderRadiusSM};\n\n font: inherit;\n font-size: 13px;\n font-weight: 500;\n color: ${cssVar.colorTextSecondary};\n\n background: none;\n\n transition:\n color 150ms ${cssVar.motionEaseOut},\n background 150ms ${cssVar.motionEaseOut};\n\n &:hover {\n color: ${cssVar.colorText};\n background: ${cssVar.colorFillTertiary};\n }\n `,\n cell: css`\n min-width: 0;\n\n /* borderless until focused or invalid, so the table reads as one surface */\n & > *:not(:focus-within, :has([aria-invalid='true'])) {\n border-color: transparent;\n background: transparent;\n box-shadow: none;\n }\n\n & > *:hover:not(:focus-within, :has([aria-invalid='true'])) {\n background: ${cssVar.colorFillTertiary};\n }\n `,\n empty: css`\n display: flex;\n flex-direction: column;\n gap: 4px;\n align-items: center;\n\n padding-block: 20px 16px;\n padding-inline: 12px;\n\n font-size: 13px;\n color: ${cssVar.colorTextSecondary};\n `,\n foot: css`\n padding: 4px;\n `,\n head: css`\n display: grid;\n gap: 4px;\n\n padding-inline: 4px;\n border-block-end: 1px solid ${cssVar.colorBorderSecondary};\n\n background: ${cssVar.colorFillQuaternary};\n `,\n row: css`\n display: grid;\n gap: 4px;\n align-items: center;\n\n padding: 4px;\n border-block-end: 1px solid ${cssVar.colorSplit};\n\n & > :last-child {\n justify-self: center;\n }\n `,\n table: css`\n overflow: hidden;\n\n width: 100%;\n border: 1px solid ${cssVar.colorBorderSecondary};\n border-radius: ${cssVar.borderRadiusLG};\n\n background: ${cssVar.colorBgContainer};\n `,\n title: css`\n padding-block: 8px;\n padding-inline: 12px;\n\n font-size: 11px;\n font-weight: 600;\n color: ${cssVar.colorTextSecondary};\n text-transform: uppercase;\n letter-spacing: 0.08em;\n `,\n}));\n"],"mappings":";;AAEA,MAAa,iBAAiB,oBAAoB,EAAE,KAAK,cAAc;CACrE,cAAc,GAAG;;;;CAIjB,OAAO,GAAG;;aAEC,OAAO,qBAAqB;;CAEvC,UAAU,GAAG;;aAEF,OAAO,WAAW;;AAE/B,EAAE;AAEF,MAAa,aAAa,oBAAoB,EAAE,KAAK,cAAc;CACjE,KAAK,GAAG;;;;;;;;;;qBAUW,OAAO,eAAe;;;;;aAK9B,OAAO,mBAAmB;;;;;oBAKnB,OAAO,cAAc;yBAChB,OAAO,cAAc;;;eAG/B,OAAO,UAAU;oBACZ,OAAO,kBAAkB;;;CAG3C,MAAM,GAAG;;;;;;;;;;;oBAWS,OAAO,kBAAkB;;;CAG3C,OAAO,GAAG;;;;;;;;;;aAUC,OAAO,mBAAmB;;CAErC,MAAM,GAAG;;;CAGT,MAAM,GAAG;;;;;kCAKuB,OAAO,qBAAqB;;kBAE5C,OAAO,oBAAoB;;CAE3C,KAAK,GAAG;;;;;;kCAMwB,OAAO,WAAW;;;;;;CAMlD,OAAO,GAAG;;;;wBAIY,OAAO,qBAAqB;qBAC/B,OAAO,eAAe;;kBAEzB,OAAO,iBAAiB;;CAExC,OAAO,GAAG;;;;;;aAMC,OAAO,mBAAmB;;;;AAIvC,EAAE"}