@lobehub/ui
Version:
Lobe UI is an open-source UI component library for building AIGC web apps
64 lines (63 loc) • 1.48 kB
JavaScript
import { staticStylish } from "../styles/theme/customStylishStatic.mjs";
import { createStaticStyles } from "antd-style";
import { cva } from "class-variance-authority";
//#region src/Select/style.ts
const styles = createStaticStyles(({ css, cssVar }) => {
return {
borderless: css`
&[class*='ant-select'] {
> [class*='ant-select-selector'] {
${staticStylish.variantBorderless}
}
}
`,
filled: css`
&[class*='ant-select'] {
> [class*='ant-select-selector'] {
${staticStylish.variantFilled}
}
}
`,
outlined: css`
&[class*='ant-select'] {
> [class*='ant-select-selector'] {
${staticStylish.variantOutlined}
}
}
`,
root: css`
&[class*='ant-select'] {
&[class*='ant-select-focused'] {
> [class*='ant-select-selector'] {
background: ${cssVar.colorFillTertiary} ;
}
}
}
`,
shadow: css`
&[class*='ant-select'] {
> [class*='ant-select-selector'] {
${staticStylish.shadow}
}
}
`
};
});
const variants = cva(styles.root, {
defaultVariants: { shadow: false },
variants: {
variant: {
filled: styles.filled,
outlined: styles.outlined,
borderless: styles.borderless,
underlined: null
},
shadow: {
false: null,
true: styles.shadow
}
}
});
//#endregion
export { variants };
//# sourceMappingURL=style.mjs.map