@lobehub/ui
Version:
Lobe UI is an open-source UI component library for building AIGC web apps
1 lines • 2.08 kB
Source Map (JSON)
{"version":3,"file":"style.mjs","names":[],"sources":["../../src/GroupAvatar/style.ts"],"sourcesContent":["import { createStaticStyles } from 'antd-style';\nimport { cva } from 'class-variance-authority';\n\nimport { SMOOTH_CORNER_MASKS } from '@/utils/smoothCorners';\n\nexport const styles = createStaticStyles(({ css }) => {\n const createCornerVariant = (cornerType: keyof typeof SMOOTH_CORNER_MASKS) => css`\n mask-image: url('${SMOOTH_CORNER_MASKS[cornerType]}');\n mask-position: center;\n mask-repeat: no-repeat;\n mask-size: 100% 100%;\n `;\n\n return {\n circle: createCornerVariant('circle'),\n ios: createCornerVariant('ios'),\n root: css`\n overflow: hidden;\n flex: none;\n\n /* Fallback for browsers without mask support */\n border-radius: 15%;\n\n /* Apply smooth corners mask with fallback */\n @supports (mask-image: url('data:image/svg+xml;base64,')) {\n border-radius: 0;\n }\n `,\n sharp: createCornerVariant('sharp'),\n smooth: createCornerVariant('smooth'),\n square: createCornerVariant('square'),\n squircle: createCornerVariant('squircle'),\n };\n});\n\nexport const variants = cva(styles.root, {\n defaultVariants: {\n cornerShape: 'squircle',\n },\n /* eslint-disable sort-keys-fix/sort-keys-fix */\n variants: {\n cornerShape: {\n circle: styles.circle,\n ios: styles.ios,\n sharp: styles.sharp,\n smooth: styles.smooth,\n square: styles.square,\n squircle: styles.squircle,\n },\n },\n /* eslint-enable sort-keys-fix/sort-keys-fix */\n});\n"],"mappings":";;;;;AAKA,MAAa,SAAS,oBAAoB,EAAE,iBAAU;CACpD,MAAM,uBAAuB,eAAiD,KAAG;uBAC5D,oBAAoB,YAAY;;;;;AAMrD,QAAO;EACL,QAAQ,oBAAoB,SAAS;EACrC,KAAK,oBAAoB,MAAM;EAC/B,MAAM,KAAG;;;;;;;;;;;;EAYT,OAAO,oBAAoB,QAAQ;EACnC,QAAQ,oBAAoB,SAAS;EACrC,QAAQ,oBAAoB,SAAS;EACrC,UAAU,oBAAoB,WAAW;EAC1C;EACD;AAEF,MAAa,WAAW,IAAI,OAAO,MAAM;CACvC,iBAAiB,EACf,aAAa,YACd;CAED,UAAU,EACR,aAAa;EACX,QAAQ,OAAO;EACf,KAAK,OAAO;EACZ,OAAO,OAAO;EACd,QAAQ,OAAO;EACf,QAAQ,OAAO;EACf,UAAU,OAAO;EAClB,EACF;CAEF,CAAC"}