@lobehub/ui/es/base-ui/ActionIcon/style.mjs

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

import { staticStylish } from "../../styles/theme/customStylishStatic.mjs";
import { createStaticStyles } from "antd-style";
import { cva } from "class-variance-authority";
//#region src/base-ui/ActionIcon/style.ts
const styles = createStaticStyles(({ css, cssVar }) => {
	return {
		active: staticStylish.active,
		dangerRoot: css`
      &&:hover {
        color: ${cssVar.colorError};
      }

      &&:active {
        color: ${cssVar.colorErrorActive};
      }
    `,
		glass: staticStylish.blur,
		root: css`
      && {
        color: ${cssVar.colorTextTertiary};
      }

      &&:hover {
        color: ${cssVar.colorTextSecondary};
      }

      &&:active {
        color: ${cssVar.colorText};
      }
    `,
		shadow: staticStylish.shadow
	};
});
const variants = cva(styles.root, {
	defaultVariants: {
		active: false,
		danger: false,
		glass: false,
		shadow: false
	},
	variants: {
		active: {
			false: null,
			true: styles.active
		},
		danger: {
			false: null,
			true: styles.dangerRoot
		},
		glass: {
			false: null,
			true: styles.glass
		},
		shadow: {
			false: null,
			true: styles.shadow
		}
	}
});
//#endregion
export { styles, variants };

//# sourceMappingURL=style.mjs.map