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 • 2 kB
1
{"version":3,"file":"style.mjs","names":[],"sources":["../../../src/base-ui/Checkbox/style.ts"],"sourcesContent":["import { createStaticStyles } from 'antd-style';\n\nexport const styles = createStaticStyles(({ css, cssVar }) => ({\n indicator: css`\n display: flex;\n align-items: center;\n justify-content: center;\n `,\n label: css`\n cursor: pointer;\n user-select: none;\n display: inline-flex;\n align-items: center;\n\n &:has([data-disabled]) {\n cursor: not-allowed;\n }\n `,\n root: css`\n cursor: pointer;\n\n display: inline-flex;\n flex: none;\n align-items: center;\n justify-content: center;\n\n margin: 0;\n padding: 0;\n border: 1px solid ${cssVar.colorBorderSecondary};\n\n color: ${cssVar.colorBgLayout};\n\n background: ${cssVar.colorBgContainer};\n outline: none;\n\n transition:\n background 150ms ${cssVar.motionEaseOut},\n border-color 150ms ${cssVar.motionEaseOut};\n\n &:hover:not([data-disabled], [data-checked], [data-indeterminate]) {\n border-color: ${cssVar.colorBorder};\n }\n\n &:focus-visible {\n outline: 2px solid ${cssVar.colorPrimaryBorder};\n outline-offset: 1px;\n }\n\n &[data-checked],\n &[data-indeterminate] {\n border-color: var(--lobe-checkbox-bg, ${cssVar.colorPrimary});\n background: var(--lobe-checkbox-bg, ${cssVar.colorPrimary});\n }\n\n &[data-disabled] {\n cursor: not-allowed;\n\n border-color: ${cssVar.colorFill};\n\n color: ${cssVar.colorText};\n\n opacity: 0.25;\n background: ${cssVar.colorFill};\n }\n `,\n}));\n"],"mappings":";;AAEA,MAAa,SAAS,oBAAoB,EAAE,KAAK,cAAc;CAC7D,WAAW,GAAG;;;;;CAKd,OAAO,GAAG;;;;;;;;;;CAUV,MAAM,GAAG;;;;;;;;;;wBAUa,OAAO,qBAAqB;;aAEvC,OAAO,cAAc;;kBAEhB,OAAO,iBAAiB;;;;yBAIjB,OAAO,cAAc;2BACnB,OAAO,cAAc;;;sBAG1B,OAAO,YAAY;;;;2BAId,OAAO,mBAAmB;;;;;;8CAMP,OAAO,aAAa;4CACtB,OAAO,aAAa;;;;;;sBAM1C,OAAO,UAAU;;eAExB,OAAO,UAAU;;;oBAGZ,OAAO,UAAU;;;CAGpC,EAAE"}