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

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

{"version":3,"file":"style.mjs","names":["cssVar","lobeStaticStylish"],"sources":["../../src/Video/style.ts"],"sourcesContent":["import { createStaticStyles, cx } from 'antd-style';\nimport { cva } from 'class-variance-authority';\n\nimport { lobeStaticStylish } from '@/styles';\n\n// 用于 hover 选择器的类名标识\nexport const maskHoverCls = 'lobe-video-mask';\n\nexport const styles = createStaticStyles(({ css, cssVar }) => {\n  const mask = css`\n    pointer-events: none;\n\n    position: absolute;\n    z-index: 1;\n    inset: 0;\n\n    width: 100%;\n    height: 100%;\n\n    opacity: 0;\n    background: ${cssVar.colorBgMask};\n\n    transition: opacity 0.2s ease;\n  `;\n\n  return {\n    borderless: lobeStaticStylish.variantBorderlessWithoutHover,\n    filled: cx(\n      lobeStaticStylish.variantOutlinedWithoutHover,\n      lobeStaticStylish.variantFilledWithoutHover,\n    ),\n    mask: cx(maskHoverCls, mask),\n    outlined: lobeStaticStylish.variantOutlinedWithoutHover,\n    root: css`\n      position: relative;\n\n      overflow: hidden;\n\n      width: 100%;\n      min-width: var(--video-min-width, unset);\n      max-width: var(--video-max-width, 100%);\n      height: auto;\n      min-height: var(--video-min-height, unset);\n      max-height: var(--video-max-height, 100%);\n      margin-block: 0 1em;\n      border-radius: ${cssVar.borderRadius};\n\n      background: ${cssVar.colorFillTertiary};\n\n      &:hover {\n        [class*='${maskHoverCls}'] {\n          opacity: 1;\n        }\n      }\n    `,\n    video: css`\n      cursor: pointer;\n      width: 100%;\n    `,\n  };\n});\n\nexport const variants = cva(styles.root, {\n  defaultVariants: {\n    variant: 'filled',\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  },\n  /* eslint-enable sort-keys-fix/sort-keys-fix */\n});\n"],"mappings":";;;;;AAMA,MAAa,eAAe;AAE5B,MAAa,SAAS,oBAAoB,EAAE,YAAK,uBAAa;CAC5D,MAAM,OAAO,KAAG;;;;;;;;;;;kBAWAA,SAAO,YAAY;;;;AAKnC,QAAO;EACL,YAAYC,cAAkB;EAC9B,QAAQ,GACNA,cAAkB,6BAClBA,cAAkB,0BACnB;EACD,MAAM,GAAG,cAAc,KAAK;EAC5B,UAAUA,cAAkB;EAC5B,MAAM,KAAG;;;;;;;;;;;;uBAYUD,SAAO,aAAa;;oBAEvBA,SAAO,kBAAkB;;;mBAG1B,aAAa;;;;;EAK5B,OAAO,KAAG;;;;EAIX;EACD;AAEF,MAAa,WAAW,IAAI,OAAO,MAAM;CACvC,iBAAiB,EACf,SAAS,UACV;CAED,UAAU,EACR,SAAS;EACP,QAAQ,OAAO;EACf,UAAU,OAAO;EACjB,YAAY,OAAO;EACpB,EACF;CAEF,CAAC"}