UNPKG

@lobehub/ui

Version:

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

1 lines • 1.97 kB
{"version":3,"file":"style.mjs","names":[],"sources":["../../../src/base-ui/Rate/style.ts"],"sourcesContent":["import { createStaticStyles } from 'antd-style';\n\nexport const styles = createStaticStyles(({ css, cssVar }) => ({\n empty: css`\n /* Group opacity instead of the translucent colorFill so the star's stroke and fill don't double up where they overlap. */\n color: ${cssVar.colorText};\n opacity: 0.12;\n `,\n fill: css`\n pointer-events: none;\n\n position: absolute;\n inset-block: 0;\n inset-inline-start: 0;\n\n overflow: hidden;\n display: flex;\n `,\n half: css`\n position: absolute;\n inset-block: 0;\n width: 50%;\n\n &[data-half='start'] {\n inset-inline-start: 0;\n }\n\n &[data-half='end'] {\n inset-inline-end: 0;\n }\n `,\n icon: css`\n display: inline-flex;\n flex: none;\n align-items: center;\n justify-content: center;\n `,\n root: css`\n display: inline-flex;\n align-items: center;\n line-height: 1;\n outline: none;\n\n &[role='slider'] {\n cursor: pointer;\n }\n\n &[role='slider']:focus-visible {\n border-radius: 4px;\n outline: 2px solid ${cssVar.colorText};\n outline-offset: 2px;\n }\n\n &[aria-disabled='true'] {\n cursor: not-allowed;\n opacity: 0.5;\n }\n `,\n star: css`\n position: relative;\n\n display: inline-flex;\n flex: none;\n align-items: center;\n justify-content: center;\n\n transition: transform 0.15s ease;\n\n [role='slider']:not([aria-disabled='true']) > &:hover {\n transform: scale(1.1);\n }\n\n @media (prefers-reduced-motion: reduce) {\n transition: none;\n }\n `,\n}));\n"],"mappings":";;AAEA,MAAa,SAAS,oBAAoB,EAAE,KAAK,cAAc;CAC7D,OAAO,GAAG;;aAEC,OAAO,UAAU;;;CAG5B,MAAM,GAAG;;;;;;;;;;CAUT,MAAM,GAAG;;;;;;;;;;;;;CAaT,MAAM,GAAG;;;;;;CAMT,MAAM,GAAG;;;;;;;;;;;;2BAYgB,OAAO,UAAU;;;;;;;;;CAS1C,MAAM,GAAG;;;;;;;;;;;;;;;;;;AAkBX,EAAE"}