ant-design-x-vue-next/es/mermaid/style/index.mjs

Ant Design X for Vue — community continuation aligned with @ant-design/x

import "vue";
import "../../_util/cssinjs/StyleContext.mjs";
import "../../_util/cssinjs/theme/ThemeCache.mjs";
import "../../_util/warning.mjs";
import "../../_util/cssinjs/transformers/legacyLogicalProperties.mjs";
import { merge as d } from "../../_util/cssinjs-utils/util/statistic.mjs";
import { genStyleHooks as e } from "../../theme/genStyleUtils.mjs";
const i = (r) => {
  const { componentCls: o } = r;
  return {
    [o]: {
      [`${o}-header`]: {
        display: "flex",
        alignItems: "center",
        justifyContent: "space-between",
        background: r.colorBgTitle,
        color: r.colorTextTitle,
        padding: r.paddingSM,
        borderStartStartRadius: r.borderRadius,
        borderStartEndRadius: r.borderRadius
      },
      [`${o}-graph`]: {
        display: "flex",
        alignItems: "center",
        justifyContent: "center",
        border: `1px solid ${r.colorBgTitle}`,
        borderTop: "none",
        padding: r.paddingSM,
        background: r.colorBgContainer,
        overflow: "auto",
        borderEndEndRadius: r.borderRadius,
        borderEndStartRadius: r.borderRadius,
        height: "400px"
      },
      [`${o}-graph-hidden`]: {
        display: "none"
      },
      [`${o}-graph svg`]: {
        maxWidth: "100%",
        maxHeight: "100%",
        height: "auto",
        width: "auto"
      },
      [`${o}-code`]: {
        borderEndEndRadius: r.borderRadius,
        borderEndStartRadius: r.borderRadius,
        borderBottom: `1px solid ${r.colorBgTitle}`,
        borderInlineStart: `1px solid ${r.colorBgTitle}`,
        borderInlineEnd: `1px solid ${r.colorBgTitle}`,
        background: r.colorBgContainer,
        paddingInline: r.paddingSM,
        paddingBlock: r.paddingSM,
        overflow: "auto",
        height: "400px",
        "pre,code": {
          whiteSpace: "pre",
          fontSize: r.fontSize,
          fontFamily: r.fontFamily,
          lineHeight: 2,
          borderRadius: 0,
          border: "none"
        },
        "code[class*='language-'],pre[class*='language-']": {
          background: "none"
        }
      },
      [`&${o}-rtl`]: {
        direction: "rtl"
      }
    }
  };
}, a = (r) => ({
  colorBgTitle: r.colorFillContent,
  colorBorderCode: r.colorBorderSecondary,
  colorBorderGraph: r.colorBorderSecondary,
  colorTextTitle: r.colorText
}), u = e(
  "Mermaid",
  (r) => {
    const o = d(r, {});
    return [i(o)];
  },
  a
);
export {
  u as default,
  a as prepareComponentToken
};