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

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

{"version":3,"file":"style.mjs","names":["cssVar"],"sources":["../../src/Markdown/style.ts"],"sourcesContent":["import { createStaticStyles } from 'antd-style';\nimport { cva } from 'class-variance-authority';\n\nexport const styles = createStaticStyles(({ css, cssVar }) => {\n  return {\n    chat: css`\n      ol,\n      ul {\n        > li {\n          &::marker {\n            color: ${cssVar.colorTextSecondary} !important;\n          }\n\n          > li {\n            &::marker {\n              color: ${cssVar.colorTextSecondary} !important;\n            }\n          }\n        }\n      }\n\n      ul {\n        list-style: unset;\n\n        > li {\n          &::before {\n            content: unset;\n            display: unset;\n          }\n        }\n      }\n    `,\n\n    gfm: css`\n      .markdown-alert {\n        margin-block: calc(var(--lobe-markdown-margin-multiple) * 0.5em);\n        padding-inline-start: 1em;\n        border-inline-start: solid 4px ${cssVar.colorBorder};\n\n        > p {\n          margin-block-start: 0 !important;\n        }\n      }\n\n      .markdown-alert > :first-child {\n        margin-block-start: 0;\n      }\n\n      .markdown-alert > :last-child {\n        margin-block-end: 0;\n      }\n\n      .markdown-alert-note {\n        border-inline-start-color: ${cssVar.colorInfo};\n      }\n\n      .markdown-alert-tip {\n        border-inline-start-color: ${cssVar.colorSuccess};\n      }\n\n      .markdown-alert-important {\n        border-inline-start-color: ${cssVar.purple};\n      }\n\n      .markdown-alert-warning {\n        border-inline-start-color: ${cssVar.colorWarning};\n      }\n\n      .markdown-alert-caution {\n        border-inline-start-color: ${cssVar.colorError};\n      }\n\n      .markdown-alert-title {\n        display: flex;\n        align-items: center;\n        margin-block-end: 0.5em !important;\n        font-weight: 500;\n      }\n\n      .markdown-alert-note .markdown-alert-title {\n        color: ${cssVar.colorInfo};\n        fill: ${cssVar.colorInfo};\n      }\n\n      .markdown-alert-tip .markdown-alert-title {\n        color: ${cssVar.colorSuccess};\n        fill: ${cssVar.colorSuccess};\n      }\n\n      .markdown-alert-important .markdown-alert-title {\n        color: ${cssVar.purple};\n        fill: ${cssVar.purple};\n      }\n\n      .markdown-alert-warning .markdown-alert-title {\n        color: ${cssVar.colorWarning};\n        fill: ${cssVar.colorWarning};\n      }\n\n      .markdown-alert-caution .markdown-alert-title {\n        color: ${cssVar.colorError};\n        fill: ${cssVar.colorError};\n      }\n\n      /* Style the footnotes section. */\n\n      .octicon {\n        overflow: visible !important;\n        display: inline-block;\n        margin-inline-end: 0.5em;\n        vertical-align: text-bottom;\n      }\n\n      .sr-only {\n        position: absolute;\n\n        overflow: hidden;\n\n        width: 1px;\n        height: 1px;\n        padding: 0;\n        border: 0;\n\n        word-wrap: normal;\n\n        clip: rect(0, 0, 0, 0);\n      }\n\n      sup:has(*[aria-describedby='footnote-label']) {\n        margin-inline: 2px;\n        vertical-align: super !important;\n\n        [data-footnote-ref] {\n          display: inline-block;\n\n          width: 16px;\n          height: 16px;\n          border-radius: 4px;\n\n          font-family: ${cssVar.fontFamilyCode};\n          font-size: 10px;\n          color: ${cssVar.colorTextSecondary} !important;\n          text-align: center;\n\n          background: ${cssVar.colorFillSecondary};\n        }\n      }\n\n      code.color-preview {\n        position: relative;\n        display: inline-flex !important;\n        gap: 0.4em;\n\n        &::after {\n          content: '';\n\n          width: 0.66em;\n          height: 0.66em;\n          border: 1px solid ${cssVar.colorFill};\n          border-radius: 50%;\n\n          background-color: attr(data-color);\n\n          /* Fallback for browsers that don't support attr() in background */\n          background-color: var(--color-preview-color, #000);\n        }\n      }\n    `,\n\n    latex: css`\n      .katex-error {\n        color: ${cssVar.colorTextDescription} !important;\n      }\n\n      .katex-html {\n        overflow: auto hidden;\n        padding: 3px;\n\n        .base {\n          margin-block: 0;\n          margin-inline: auto;\n        }\n\n        .tag {\n          position: relative !important;\n          display: inline-block;\n          padding-inline-start: 0.5rem;\n        }\n      }\n    `,\n    root: css`\n      position: relative;\n      overflow: hidden;\n      max-width: 100%;\n    `,\n  };\n});\n\nexport const variants = cva(styles.root, {\n  defaultVariants: {\n    enableGfm: true,\n    enableLatex: true,\n    variant: 'default',\n  },\n  /* eslint-disable sort-keys-fix/sort-keys-fix */\n  variants: {\n    variant: {\n      default: null,\n      chat: styles.chat,\n    },\n    enableLatex: {\n      true: styles.latex,\n      false: null,\n    },\n    enableGfm: {\n      true: styles.gfm,\n      false: null,\n    },\n  },\n  /* eslint-enable sort-keys-fix/sort-keys-fix */\n});\n"],"mappings":";;;;AAGA,MAAa,SAAS,oBAAoB,EAAE,YAAK,uBAAa;AAC5D,QAAO;EACL,MAAM,KAAG;;;;;qBAKQA,SAAO,mBAAmB;;;;;uBAKxBA,SAAO,mBAAmB;;;;;;;;;;;;;;;;;EAkB7C,KAAK,KAAG;;;;yCAI6BA,SAAO,YAAY;;;;;;;;;;;;;;;;qCAgBvBA,SAAO,UAAU;;;;qCAIjBA,SAAO,aAAa;;;;qCAIpBA,SAAO,OAAO;;;;qCAIdA,SAAO,aAAa;;;;qCAIpBA,SAAO,WAAW;;;;;;;;;;;iBAWtCA,SAAO,UAAU;gBAClBA,SAAO,UAAU;;;;iBAIhBA,SAAO,aAAa;gBACrBA,SAAO,aAAa;;;;iBAInBA,SAAO,OAAO;gBACfA,SAAO,OAAO;;;;iBAIbA,SAAO,aAAa;gBACrBA,SAAO,aAAa;;;;iBAInBA,SAAO,WAAW;gBACnBA,SAAO,WAAW;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;yBAsCTA,SAAO,eAAe;;mBAE5BA,SAAO,mBAAmB;;;wBAGrBA,SAAO,mBAAmB;;;;;;;;;;;;;;8BAcpBA,SAAO,UAAU;;;;;;;;;;EAW3C,OAAO,KAAG;;iBAEGA,SAAO,qBAAqB;;;;;;;;;;;;;;;;;;;EAmBzC,MAAM,KAAG;;;;;EAKV;EACD;AAEF,MAAa,WAAW,IAAI,OAAO,MAAM;CACvC,iBAAiB;EACf,WAAW;EACX,aAAa;EACb,SAAS;EACV;CAED,UAAU;EACR,SAAS;GACP,SAAS;GACT,MAAM,OAAO;GACd;EACD,aAAa;GACX,MAAM,OAAO;GACb,OAAO;GACR;EACD,WAAW;GACT,MAAM,OAAO;GACb,OAAO;GACR;EACF;CAEF,CAAC"}