@lobehub/ui/es/base-ui/Pagination/style.mjs.map

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

{"version":3,"file":"style.mjs","names":[],"sources":["../../../src/base-ui/Pagination/style.ts"],"sourcesContent":["import { createStaticStyles } from 'antd-style';\nimport { cva } from 'class-variance-authority';\n\nexport const styles = createStaticStyles(({ css, cssVar }) => ({\n  button: css`\n    cursor: pointer;\n\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n\n    min-width: 28px;\n    height: 28px;\n    padding-inline: 6px;\n    border: none;\n    border-radius: ${cssVar.borderRadius};\n\n    font-size: 13px;\n    font-weight: 500;\n    font-variant-numeric: tabular-nums;\n    color: ${cssVar.colorTextSecondary};\n\n    background: transparent;\n\n    transition: background-color 0.15s;\n\n    &:hover:not(:disabled) {\n      color: ${cssVar.colorText};\n      background: ${cssVar.colorFillTertiary};\n    }\n\n    &:disabled {\n      cursor: default;\n      color: ${cssVar.colorTextQuaternary};\n      background: transparent;\n    }\n\n    &[aria-current='page'] {\n      font-weight: 600;\n      color: ${cssVar.colorText};\n      background: ${cssVar.colorFillSecondary};\n    }\n  `,\n  ellipsis: css`\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n\n    width: 28px;\n\n    color: ${cssVar.colorTextQuaternary};\n    letter-spacing: 2px;\n  `,\n  root: css`\n    display: inline-flex;\n    gap: 4px;\n    align-items: center;\n    font-variant-numeric: tabular-nums;\n  `,\n  small: css`\n    min-width: 24px;\n    height: 24px;\n    font-size: 12px;\n  `,\n  smallEllipsis: css`\n    width: 24px;\n  `,\n  total: css`\n    margin-inline-end: 8px;\n    font-size: 12px;\n    color: ${cssVar.colorTextTertiary};\n    white-space: nowrap;\n  `,\n}));\n\nexport const buttonVariants = cva(styles.button, {\n  defaultVariants: {\n    size: 'middle',\n  },\n  variants: {\n    size: {\n      middle: null,\n      small: styles.small,\n    },\n  },\n});\n\nexport const ellipsisVariants = cva(styles.ellipsis, {\n  defaultVariants: {\n    size: 'middle',\n  },\n  variants: {\n    size: {\n      middle: null,\n      small: styles.smallEllipsis,\n    },\n  },\n});\n"],"mappings":";;;AAGA,MAAa,SAAS,oBAAoB,EAAE,KAAK,cAAc;CAC7D,QAAQ,GAAG;;;;;;;;;;;qBAWQ,OAAO,aAAa;;;;;aAK5B,OAAO,mBAAmB;;;;;;;eAOxB,OAAO,UAAU;oBACZ,OAAO,kBAAkB;;;;;eAK9B,OAAO,oBAAoB;;;;;;eAM3B,OAAO,UAAU;oBACZ,OAAO,mBAAmB;;;CAG5C,UAAU,GAAG;;;;;;;aAOF,OAAO,oBAAoB;;;CAGtC,MAAM,GAAG;;;;;;CAMT,OAAO,GAAG;;;;;CAKV,eAAe,GAAG;;;CAGlB,OAAO,GAAG;;;aAGC,OAAO,kBAAkB;;;AAGtC,EAAE;AAEF,MAAa,iBAAiB,IAAI,OAAO,QAAQ;CAC/C,iBAAiB,EACf,MAAM,SACR;CACA,UAAU,EACR,MAAM;EACJ,QAAQ;EACR,OAAO,OAAO;CAChB,EACF;AACF,CAAC;AAED,MAAa,mBAAmB,IAAI,OAAO,UAAU;CACnD,iBAAiB,EACf,MAAM,SACR;CACA,UAAU,EACR,MAAM;EACJ,QAAQ;EACR,OAAO,OAAO;CAChB,EACF;AACF,CAAC"}