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

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

import "../../_util/cssinjs/StyleContext.mjs";
import "vue";
import { unit as o } from "../../_util/cssinjs/util.mjs";
import "../../_util/cssinjs/theme/ThemeCache.mjs";
import "../../_util/warning.mjs";
import "../../_util/cssinjs/transformers/legacyLogicalProperties.mjs";
import { merge as n } from "../../_util/cssinjs-utils/util/statistic.mjs";
import { genStyleHooks as t } from "../../theme/genStyleUtils.mjs";
import { initFadeLeftMotion as d, initFadeMotion as a } from "../../style/motion/fade.mjs";
const l = (i) => {
  const { componentCls: r, calc: e } = i;
  return {
    [r]: {
      [`&${r}-rtl`]: {
        direction: "rtl"
      },
      [`${r}-list`]: {
        display: "inline-flex",
        flexDirection: "row",
        alignItems: "center",
        gap: i.paddingXS,
        color: i.colorTextDescription,
        "&-item, &-sub-item": {
          cursor: "pointer",
          padding: i.paddingXXS,
          borderRadius: i.borderRadius,
          height: i.controlHeightSM,
          width: i.controlHeightSM,
          boxSizing: "border-box",
          display: "inline-flex",
          alignItems: "center",
          justifyContent: "center",
          "&-icon": {
            display: "inline-flex",
            alignItems: "center",
            justifyContent: "center",
            fontSize: i.fontSize,
            width: "100%",
            height: "100%"
          },
          "&:hover": {
            background: i.colorBgTextHover
          },
          "&-disabled": {
            cursor: "not-allowed",
            opacity: 0.4,
            pointerEvents: "none",
            "&:hover": {
              background: "transparent"
            }
          }
        },
        // Align React: top-level ItemType.danger
        [`${r}-list-danger`]: {
          color: i.colorError
        }
      },
      [`${r}-variant-outlined`]: {
        paddingInline: o(e(i.paddingXXS).add(1).equal()),
        paddingBlock: i.paddingXXS,
        borderRadius: i.borderRadius,
        border: `${o(i.lineWidth)} ${i.lineType} ${i.colorBorderSecondary}`
      },
      [`${r}-variant-filled`]: {
        paddingInline: o(e(i.paddingXXS).add(1).equal()),
        paddingBlock: i.paddingXXS,
        borderRadius: i.borderRadius,
        backgroundColor: i.colorBorderSecondary,
        color: i.colorTextSecondary,
        [`${r}-list-item, ${r}-list-sub-item`]: {
          "&:hover": {
            color: i.colorTextSecondary,
            background: "transparent",
            opacity: 0.8
          }
        }
      },
      "& .block": {
        display: "flex"
      },
      // Preset: Copy (Typography.Text copyable)
      [`${r}-copy`]: {
        [`&${r}-copy-rtl`]: {
          direction: "rtl"
        },
        [`${r}-copy-copy`]: {
          fontSize: "inherit",
          [`&:not(${r}-copy-success)`]: {
            color: "inherit !important"
          }
        }
      },
      // Preset: Feedback
      [`&${r}-feedback, ${r}-feedback`]: {
        display: "inline-flex",
        flexDirection: "row",
        alignItems: "center",
        gap: i.paddingXXS
      },
      // Preset: Item / Audio button
      [`&${r}-button-item, ${r}-button-item, &${r}-item, ${r}-item`]: {
        cursor: "pointer",
        fontSize: i.fontSize,
        paddingInline: i.paddingXXS,
        paddingBlock: i.paddingXXS,
        borderRadius: i.borderRadiusSM,
        height: i.controlHeightSM,
        boxSizing: "border-box",
        display: "inline-flex",
        alignItems: "center",
        justifyContent: "center",
        lineHeight: i.lineHeight,
        touchAction: "manipulation",
        "&:hover": {
          background: i.colorBgTextHover
        }
      },
      [`${r}-audio-recording-icon`]: {
        width: "1em",
        height: "1em"
      }
    }
  };
}, c = () => ({}), y = t(
  "Actions",
  (i) => {
    const r = n(i, {});
    return [
      l(r),
      d(r, !0),
      a(r, !0)
    ];
  },
  c
);
export {
  y as default,
  c as prepareComponentToken
};