@lobehub/ui/es/base-ui/ToggleGroup/style.mjs.map

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

{"version":3,"file":"style.mjs","names":[],"sources":["../../../src/base-ui/ToggleGroup/style.ts"],"sourcesContent":["import { createStaticStyles } from 'antd-style';\nimport { cva } from 'class-variance-authority';\n\nexport const styles = createStaticStyles(({ css, cssVar }) => ({\n  item: css`\n    cursor: pointer;\n    user-select: none;\n\n    display: inline-flex;\n    flex-shrink: 0;\n    gap: 4px;\n    align-items: center;\n    justify-content: center;\n\n    border: 0;\n    border-radius: ${cssVar.borderRadius};\n\n    font: inherit;\n    font-size: 12px;\n    color: ${cssVar.colorTextTertiary};\n    white-space: nowrap;\n\n    background: transparent;\n    outline: none;\n\n    transition:\n      background 120ms ${cssVar.motionEaseOut},\n      color 120ms ${cssVar.motionEaseOut};\n\n    &:hover:not([data-disabled]) {\n      color: ${cssVar.colorTextSecondary};\n      background: ${cssVar.colorFillSecondary};\n    }\n\n    &[data-pressed] {\n      color: ${cssVar.colorText};\n      background: ${cssVar.colorFillSecondary};\n    }\n\n    &[data-pressed]:hover:not([data-disabled]) {\n      background: ${cssVar.colorFill};\n    }\n\n    &:focus-visible {\n      outline: 2px solid ${cssVar.colorPrimaryBorder};\n      outline-offset: -2px;\n    }\n\n    &[data-disabled] {\n      cursor: not-allowed;\n      color: ${cssVar.colorTextDisabled};\n    }\n  `,\n  itemIcon: css`\n    display: inline-flex;\n    flex-shrink: 0;\n    align-items: center;\n  `,\n  itemLabel: css`\n    display: inline-flex;\n    align-items: center;\n  `,\n  itemMiddle: css`\n    height: 28px;\n    padding-inline: 8px;\n  `,\n  itemSmall: css`\n    height: 24px;\n    padding-inline: 6px;\n  `,\n  itemOutlined: css`\n    border-radius: 0;\n\n    & + & {\n      border-inline-start: 1px solid ${cssVar.colorBorderSecondary};\n    }\n  `,\n  root: css`\n    display: inline-flex;\n    align-items: center;\n  `,\n  rootBorderless: css`\n    gap: 2px;\n  `,\n  rootOutlined: css`\n    overflow: hidden;\n    border: 1px solid ${cssVar.colorBorderSecondary};\n    border-radius: ${cssVar.borderRadius};\n  `,\n}));\n\nexport const rootVariants = cva(styles.root, {\n  defaultVariants: { variant: 'outlined' },\n  variants: {\n    variant: {\n      borderless: styles.rootBorderless,\n      outlined: styles.rootOutlined,\n    },\n  },\n});\n\nexport const itemVariants = cva(styles.item, {\n  defaultVariants: { size: 'middle', variant: 'outlined' },\n  variants: {\n    size: {\n      middle: styles.itemMiddle,\n      small: styles.itemSmall,\n    },\n    variant: {\n      borderless: null,\n      outlined: styles.itemOutlined,\n    },\n  },\n});\n"],"mappings":";;;AAGA,MAAa,SAAS,oBAAoB,EAAE,KAAK,cAAc;CAC7D,MAAM,GAAG;;;;;;;;;;;qBAWU,OAAO,aAAa;;;;aAI5B,OAAO,kBAAkB;;;;;;;yBAOb,OAAO,cAAc;oBAC1B,OAAO,cAAc;;;eAG1B,OAAO,mBAAmB;oBACrB,OAAO,mBAAmB;;;;eAI/B,OAAO,UAAU;oBACZ,OAAO,mBAAmB;;;;oBAI1B,OAAO,UAAU;;;;2BAIV,OAAO,mBAAmB;;;;;;eAMtC,OAAO,kBAAkB;;;CAGtC,UAAU,GAAG;;;;;CAKb,WAAW,GAAG;;;;CAId,YAAY,GAAG;;;;CAIf,WAAW,GAAG;;;;CAId,cAAc,GAAG;;;;uCAIoB,OAAO,qBAAqB;;;CAGjE,MAAM,GAAG;;;;CAIT,gBAAgB,GAAG;;;CAGnB,cAAc,GAAG;;wBAEK,OAAO,qBAAqB;qBAC/B,OAAO,aAAa;;AAEzC,EAAE;AAEF,MAAa,eAAe,IAAI,OAAO,MAAM;CAC3C,iBAAiB,EAAE,SAAS,WAAW;CACvC,UAAU,EACR,SAAS;EACP,YAAY,OAAO;EACnB,UAAU,OAAO;CACnB,EACF;AACF,CAAC;AAED,MAAa,eAAe,IAAI,OAAO,MAAM;CAC3C,iBAAiB;EAAE,MAAM;EAAU,SAAS;CAAW;CACvD,UAAU;EACR,MAAM;GACJ,QAAQ,OAAO;GACf,OAAO,OAAO;EAChB;EACA,SAAS;GACP,YAAY;GACZ,UAAU,OAAO;EACnB;CACF;AACF,CAAC"}