@lobehub/ui/es/ActionIcon/style.mjs.map

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

{"version":3,"file":"style.mjs","names":["lobeStaticStylish","cssVar"],"sources":["../../src/ActionIcon/style.ts"],"sourcesContent":["import { createStaticStyles } from 'antd-style';\nimport { cva } from 'class-variance-authority';\n\nimport { lobeStaticStylish } from '@/styles';\n\nexport const styles = createStaticStyles(({ css, cssVar }) => {\n  return {\n    active: lobeStaticStylish.active,\n    borderless: lobeStaticStylish.variantBorderless,\n    dangerBorderless: lobeStaticStylish.variantBorderlessDanger,\n    dangerFilled: lobeStaticStylish.variantFilledDanger,\n    dangerOutlined: lobeStaticStylish.variantOutlinedDanger,\n    dangerRoot: css`\n      &:hover {\n        color: ${cssVar.colorError};\n      }\n\n      &:active {\n        color: ${cssVar.colorErrorActive};\n      }\n    `,\n    disabled: lobeStaticStylish.disabled,\n    filled: lobeStaticStylish.variantFilled,\n    glass: lobeStaticStylish.blur,\n    outlined: lobeStaticStylish.variantOutlined,\n    root: css`\n      cursor: pointer;\n\n      position: relative;\n\n      overflow: hidden;\n\n      color: ${cssVar.colorTextTertiary};\n\n      transition:\n        color 400ms ${cssVar.motionEaseOut},\n        background 100ms ${cssVar.motionEaseOut};\n\n      &:hover {\n        color: ${cssVar.colorTextSecondary};\n      }\n\n      &:active {\n        color: ${cssVar.colorText};\n      }\n    `,\n    shadow: lobeStaticStylish.shadow,\n  };\n});\n\nexport const variants = cva(styles.root, {\n  compoundVariants: [\n    {\n      className: styles.dangerFilled,\n      danger: true,\n      variant: 'filled',\n    },\n    {\n      className: styles.dangerBorderless,\n      danger: true,\n      variant: 'borderless',\n    },\n    {\n      className: styles.dangerOutlined,\n      danger: true,\n      variant: 'outlined',\n    },\n  ],\n  defaultVariants: {\n    active: false,\n    danger: false,\n    disabled: false,\n    glass: false,\n    shadow: false,\n    variant: 'borderless',\n  },\n  /* eslint-disable sort-keys-fix/sort-keys-fix */\n  variants: {\n    variant: {\n      filled: styles.filled,\n      outlined: styles.outlined,\n      borderless: styles.borderless,\n    },\n    glass: {\n      false: null,\n      true: styles.glass,\n    },\n    shadow: {\n      false: null,\n      true: styles.shadow,\n    },\n    active: {\n      false: null,\n      true: styles.active,\n    },\n    danger: {\n      false: null,\n      true: styles.dangerRoot,\n    },\n    disabled: {\n      false: null,\n      true: styles.disabled,\n    },\n  },\n  /* eslint-enable sort-keys-fix/sort-keys-fix */\n});\n"],"mappings":";;;;;AAKA,MAAa,SAAS,oBAAoB,EAAE,YAAK,uBAAa;AAC5D,QAAO;EACL,QAAQA,cAAkB;EAC1B,YAAYA,cAAkB;EAC9B,kBAAkBA,cAAkB;EACpC,cAAcA,cAAkB;EAChC,gBAAgBA,cAAkB;EAClC,YAAY,KAAG;;iBAEFC,SAAO,WAAW;;;;iBAIlBA,SAAO,iBAAiB;;;EAGrC,UAAUD,cAAkB;EAC5B,QAAQA,cAAkB;EAC1B,OAAOA,cAAkB;EACzB,UAAUA,cAAkB;EAC5B,MAAM,KAAG;;;;;;;eAOEC,SAAO,kBAAkB;;;sBAGlBA,SAAO,cAAc;2BAChBA,SAAO,cAAc;;;iBAG/BA,SAAO,mBAAmB;;;;iBAI1BA,SAAO,UAAU;;;EAG9B,QAAQD,cAAkB;EAC3B;EACD;AAEF,MAAa,WAAW,IAAI,OAAO,MAAM;CACvC,kBAAkB;EAChB;GACE,WAAW,OAAO;GAClB,QAAQ;GACR,SAAS;GACV;EACD;GACE,WAAW,OAAO;GAClB,QAAQ;GACR,SAAS;GACV;EACD;GACE,WAAW,OAAO;GAClB,QAAQ;GACR,SAAS;GACV;EACF;CACD,iBAAiB;EACf,QAAQ;EACR,QAAQ;EACR,UAAU;EACV,OAAO;EACP,QAAQ;EACR,SAAS;EACV;CAED,UAAU;EACR,SAAS;GACP,QAAQ,OAAO;GACf,UAAU,OAAO;GACjB,YAAY,OAAO;GACpB;EACD,OAAO;GACL,OAAO;GACP,MAAM,OAAO;GACd;EACD,QAAQ;GACN,OAAO;GACP,MAAM,OAAO;GACd;EACD,QAAQ;GACN,OAAO;GACP,MAAM,OAAO;GACd;EACD,QAAQ;GACN,OAAO;GACP,MAAM,OAAO;GACd;EACD,UAAU;GACR,OAAO;GACP,MAAM,OAAO;GACd;EACF;CAEF,CAAC"}