UNPKG

@lobehub/ui

Version:

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

1 lines • 4.39 kB
{"version":3,"file":"style.mjs","names":[],"sources":["../../../src/base-ui/Table/style.ts"],"sourcesContent":["import { createStaticStyles } from 'antd-style';\n\nimport { focusRing } from '@/base-ui/focusRing';\n\nexport const styles = createStaticStyles(({ css, cssVar }) => ({\n bordered: css`\n border: 1px solid ${cssVar.colorBorderSecondary};\n border-radius: ${cssVar.borderRadiusLG};\n\n & th,\n & td {\n border-inline-end: 1px solid ${cssVar.colorBorderSecondary};\n }\n\n & th:last-child,\n & td:last-child {\n border-inline-end: 0;\n }\n `,\n cell: css`\n border-block-end: 1px solid ${cssVar.colorBorderSecondary};\n font-variant-numeric: tabular-nums;\n background: ${cssVar.colorBgContainer};\n `,\n clickable: css`\n cursor: pointer;\n `,\n ellipsis: css`\n overflow: hidden;\n max-width: 0;\n text-overflow: ellipsis;\n white-space: nowrap;\n `,\n empty: css`\n padding-block: 32px;\n color: ${cssVar.colorTextDescription};\n text-align: center;\n `,\n filterActive: css`\n color: ${cssVar.colorPrimary};\n `,\n filterButton: css`\n ${focusRing};\n cursor: pointer;\n\n display: inline-flex;\n align-items: center;\n justify-content: center;\n\n padding: 2px;\n border: 0;\n border-radius: 4px;\n\n color: ${cssVar.colorTextQuaternary};\n\n background: none;\n\n &:hover {\n color: ${cssVar.colorText};\n background: ${cssVar.colorFillTertiary};\n }\n `,\n fixed: css`\n z-index: 1;\n background: ${cssVar.colorBgContainer};\n `,\n header: css`\n position: sticky;\n z-index: 2;\n inset-block-start: 0;\n\n font-size: 13px;\n font-weight: 500;\n color: ${cssVar.colorTextSecondary};\n text-align: start;\n\n background: ${cssVar.colorBgContainer};\n box-shadow:\n inset 0 -1px 0 ${cssVar.colorBorderSecondary},\n inset 0 999px 0 ${cssVar.colorFillQuaternary};\n `,\n headerInner: css`\n display: inline-flex;\n gap: 6px;\n align-items: center;\n `,\n loading: css`\n position: absolute;\n z-index: 3;\n inset: 0;\n\n display: flex;\n align-items: center;\n justify-content: center;\n\n background: color-mix(in srgb, ${cssVar.colorBgContainer} 60%, transparent);\n `,\n middle: css`\n & th,\n & td {\n padding-block: 12px;\n padding-inline: 16px;\n }\n `,\n pagination: css`\n display: flex;\n justify-content: flex-end;\n margin-block-start: 12px;\n `,\n root: css`\n min-width: 0;\n `,\n row: css`\n &:hover > td {\n background: color-mix(in srgb, ${cssVar.colorBgContainer}, ${cssVar.colorText} 3%);\n }\n\n &:last-child > td {\n border-block-end: 0;\n }\n `,\n small: css`\n & th,\n & td {\n padding-block: 8px;\n padding-inline: 12px;\n }\n `,\n sortButton: css`\n ${focusRing};\n cursor: pointer;\n\n display: inline-flex;\n gap: 6px;\n align-items: center;\n\n padding: 0;\n border: 0;\n border-radius: 4px;\n\n font: inherit;\n color: inherit;\n\n background: none;\n `,\n sortCaret: css`\n display: inline-flex;\n flex-direction: column;\n color: ${cssVar.colorTextQuaternary};\n\n & > [data-active='true'] {\n color: ${cssVar.colorText};\n }\n `,\n table: css`\n border-spacing: 0;\n border-collapse: separate;\n width: 100%;\n font-size: 14px;\n `,\n wrapper: css`\n position: relative;\n overflow: auto;\n `,\n}));\n"],"mappings":";;;AAIA,MAAa,SAAS,oBAAoB,EAAE,KAAK,cAAc;CAC7D,UAAU,GAAG;wBACS,OAAO,qBAAqB;qBAC/B,OAAO,eAAe;;;;qCAIN,OAAO,qBAAqB;;;;;;;;CAQ/D,MAAM,GAAG;kCACuB,OAAO,qBAAqB;;kBAE5C,OAAO,iBAAiB;;CAExC,WAAW,GAAG;;;CAGd,UAAU,GAAG;;;;;;CAMb,OAAO,GAAG;;aAEC,OAAO,qBAAqB;;;CAGvC,cAAc,GAAG;aACN,OAAO,aAAa;;CAE/B,cAAc,GAAG;MACb,UAAU;;;;;;;;;;;aAWH,OAAO,oBAAoB;;;;;eAKzB,OAAO,UAAU;oBACZ,OAAO,kBAAkB;;;CAG3C,OAAO,GAAG;;kBAEM,OAAO,iBAAiB;;CAExC,QAAQ,GAAG;;;;;;;aAOA,OAAO,mBAAmB;;;kBAGrB,OAAO,iBAAiB;;uBAEnB,OAAO,qBAAqB;wBAC3B,OAAO,oBAAoB;;CAEjD,aAAa,GAAG;;;;;CAKhB,SAAS,GAAG;;;;;;;;;qCASuB,OAAO,iBAAiB;;CAE3D,QAAQ,GAAG;;;;;;;CAOX,YAAY,GAAG;;;;;CAKf,MAAM,GAAG;;;CAGT,KAAK,GAAG;;uCAE6B,OAAO,iBAAiB,IAAI,OAAO,UAAU;;;;;;;CAOlF,OAAO,GAAG;;;;;;;CAOV,YAAY,GAAG;MACX,UAAU;;;;;;;;;;;;;;;;CAgBd,WAAW,GAAG;;;aAGH,OAAO,oBAAoB;;;eAGzB,OAAO,UAAU;;;CAG9B,OAAO,GAAG;;;;;;CAMV,SAAS,GAAG;;;;AAId,EAAE"}