ant-design-x-vue-next/es/bubble/style/system.mjs

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

import "../../_util/cssinjs/StyleContext.mjs";
import "vue";
import { unit as t } from "../../_util/cssinjs/util.mjs";
import "../../_util/cssinjs/theme/ThemeCache.mjs";
import "../../_util/warning.mjs";
import "../../_util/cssinjs/transformers/legacyLogicalProperties.mjs";
const S = (l) => {
  const { componentCls: e, paddingSM: m, paddingXS: n, lineHeight: p, fontSize: i, fontSizeSM: d, calc: o } = l;
  return {
    [e]: {
      [`&${e}-system`]: {
        width: "100%",
        justifyContent: "center",
        [`${e}-content`]: {
          display: "flex",
          gap: t(d),
          alignItems: "center",
          minHeight: o(n).mul(2).add(o(p).mul(i)).equal(),
          fontSize: t(i),
          paddingInline: t(m),
          paddingBlock: t(n)
        }
      }
    }
  };
};
export {
  S as default,
  S as genSystemBubbleStyle
};