@lobehub/ui/es/Highlighter/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/Highlighter/style.ts"],"sourcesContent":["import { createStaticStyles, cx } from 'antd-style';\nimport { cva } from 'class-variance-authority';\n\nimport { lobeStaticStylish } from '@/styles';\n\n// 动态类名常量（用于 className）\nexport const actionsHoverCls = 'ant-highlighter-highlighter-hover-actions';\nexport const langHoverCls = 'ant-highlighter-highlighter-hover-lang';\nexport const expandCls = 'ant-highlighter-highlighter-body-expand';\nexport const prefix = 'ant-highlighter';\n\nexport const styles = createStaticStyles(({ css, cssVar }) => {\n  return {\n    actions: cx(\n      actionsHoverCls,\n      css`\n        position: absolute;\n        z-index: 2;\n        inset-block-start: 8px;\n        inset-inline-end: 8px;\n\n        opacity: 0;\n      `,\n    ),\n    bodyCollapsed: css`\n      height: 0;\n      opacity: 0;\n    `,\n    bodyExpand: cx(expandCls),\n    bodyRoot: css`\n      overflow: hidden;\n      transition: opacity 0.25s ${cssVar.motionEaseOut};\n    `,\n    borderless: lobeStaticStylish.variantBorderlessWithoutHover,\n    filled: cx(\n      lobeStaticStylish.variantFilledWithoutHover,\n      css`\n        background: ${cssVar.colorFillQuaternary};\n      `,\n    ),\n    headerBorderless: css`\n      padding-inline: 0;\n    `,\n\n    headerFilled: css`\n      background: transparent;\n    `,\n\n    headerOutlined: css`\n      & + .${expandCls} {\n        border-block-start: 1px solid ${cssVar.colorFillQuaternary};\n      }\n    `,\n\n    headerRoot: css`\n      cursor: pointer;\n      position: relative;\n      padding: 4px;\n    `,\n\n    lang: cx(\n      langHoverCls,\n      lobeStaticStylish.blur,\n      css`\n        position: absolute;\n        z-index: 2;\n        inset-block-end: 8px;\n        inset-inline-end: 8px;\n\n        font-family: ${cssVar.fontFamilyCode};\n        color: ${cssVar.colorTextSecondary};\n\n        opacity: 0;\n        background: ${cssVar.colorFillQuaternary};\n\n        transition: opacity 0.1s;\n      `,\n    ),\n    nowrap: css`\n      pre,\n      code {\n        text-wrap: nowrap;\n      }\n    `,\n    outlined: lobeStaticStylish.variantOutlinedWithoutHover,\n    root: cx(\n      prefix,\n      css`\n        position: relative;\n\n        overflow: hidden;\n\n        width: 100%;\n        border-radius: ${cssVar.borderRadius};\n\n        transition: background-color 100ms ${cssVar.motionEaseOut};\n\n        .languageTitle {\n          opacity: 0.5;\n          filter: grayscale(100%);\n          transition:\n            opacity,\n            grayscale 0.2s ${cssVar.motionEaseInOut};\n        }\n\n        .panel-actions {\n          opacity: 0;\n          transition: opacity 0.2s ${cssVar.motionEaseInOut};\n        }\n\n        &:hover {\n          .languageTitle {\n            opacity: 1;\n            filter: grayscale(0%);\n          }\n\n          .panel-actions {\n            opacity: 1;\n          }\n\n          .${actionsHoverCls} {\n            opacity: 1;\n          }\n\n          .${langHoverCls} {\n            opacity: 1;\n          }\n        }\n\n        pre {\n          height: 100%;\n          font-size: 12px;\n        }\n\n        code {\n          background: transparent !important;\n        }\n      `,\n    ),\n    shadow: lobeStaticStylish.shadow,\n    wrap: css`\n      pre,\n      code {\n        text-wrap: wrap;\n      }\n    `,\n  };\n});\n\nexport const variants = cva(styles.root, {\n  defaultVariants: {\n    shadow: false,\n    variant: 'filled',\n    wrap: false,\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    shadow: {\n      false: null,\n      true: styles.shadow,\n    },\n    wrap: {\n      false: styles.nowrap,\n      true: styles.wrap,\n    },\n  },\n  /* eslint-enable sort-keys-fix/sort-keys-fix */\n});\n\nexport const headerVariants = cva(styles.headerRoot, {\n  defaultVariants: {\n    variant: 'filled',\n  },\n  /* eslint-disable sort-keys-fix/sort-keys-fix */\n  variants: {\n    variant: {\n      filled: cx(styles.headerFilled, styles.headerOutlined),\n      outlined: styles.headerOutlined,\n      borderless: styles.headerBorderless,\n    },\n  },\n  /* eslint-enable sort-keys-fix/sort-keys-fix */\n});\n\nexport const bodyVariants = cva(styles.bodyRoot, {\n  defaultVariants: {\n    expand: true,\n  },\n  variants: {\n    expand: {\n      false: styles.bodyCollapsed,\n      true: styles.bodyExpand,\n    },\n  },\n});\n"],"mappings":";;;;;AAMA,MAAa,kBAAkB;AAC/B,MAAa,eAAe;AAC5B,MAAa,YAAY;AACzB,MAAa,SAAS;AAEtB,MAAa,SAAS,oBAAoB,EAAE,YAAK,uBAAa;AAC5D,QAAO;EACL,SAAS,GACP,iBACA,KAAG;;;;;;;QAQJ;EACD,eAAe,KAAG;;;;EAIlB,YAAY,GAAG,UAAU;EACzB,UAAU,KAAG;;kCAEiBA,SAAO,cAAc;;EAEnD,YAAYC,cAAkB;EAC9B,QAAQ,GACNA,cAAkB,2BAClB,KAAG;sBACaD,SAAO,oBAAoB;QAE5C;EACD,kBAAkB,KAAG;;;EAIrB,cAAc,KAAG;;;EAIjB,gBAAgB,KAAG;aACV,UAAU;wCACiBA,SAAO,oBAAoB;;;EAI/D,YAAY,KAAG;;;;;EAMf,MAAM,GACJ,cACAC,cAAkB,MAClB,KAAG;;;;;;uBAMcD,SAAO,eAAe;iBAC5BA,SAAO,mBAAmB;;;sBAGrBA,SAAO,oBAAoB;;;QAI5C;EACD,QAAQ,KAAG;;;;;;EAMX,UAAUC,cAAkB;EAC5B,MAAM,GACJ,QACA,KAAG;;;;;;yBAMgBD,SAAO,aAAa;;6CAEAA,SAAO,cAAc;;;;;;;6BAOrCA,SAAO,gBAAgB;;;;;qCAKfA,SAAO,gBAAgB;;;;;;;;;;;;;aAa/C,gBAAgB;;;;aAIhB,aAAa;;;;;;;;;;;;;QAcrB;EACD,QAAQC,cAAkB;EAC1B,MAAM,KAAG;;;;;;EAMV;EACD;AAEF,MAAa,WAAW,IAAI,OAAO,MAAM;CACvC,iBAAiB;EACf,QAAQ;EACR,SAAS;EACT,MAAM;EACP;CAED,UAAU;EACR,SAAS;GACP,QAAQ,OAAO;GACf,UAAU,OAAO;GACjB,YAAY,OAAO;GACpB;EACD,QAAQ;GACN,OAAO;GACP,MAAM,OAAO;GACd;EACD,MAAM;GACJ,OAAO,OAAO;GACd,MAAM,OAAO;GACd;EACF;CAEF,CAAC;AAEF,MAAa,iBAAiB,IAAI,OAAO,YAAY;CACnD,iBAAiB,EACf,SAAS,UACV;CAED,UAAU,EACR,SAAS;EACP,QAAQ,GAAG,OAAO,cAAc,OAAO,eAAe;EACtD,UAAU,OAAO;EACjB,YAAY,OAAO;EACpB,EACF;CAEF,CAAC;AAEF,MAAa,eAAe,IAAI,OAAO,UAAU;CAC/C,iBAAiB,EACf,QAAQ,MACT;CACD,UAAU,EACR,QAAQ;EACN,OAAO,OAAO;EACd,MAAM,OAAO;EACd,EACF;CACF,CAAC"}