import commonLight from "../../_styles/common/light.mjs";
import { composite } from "../../../../../../seemly@0.3.6/node_modules/seemly/es/color/index.mjs";
const self = (vars) => {
  const { borderRadius, avatarColor, cardColor, fontSize, heightTiny, heightSmall, heightMedium, heightLarge, heightHuge, modalColor, popoverColor } = vars;
  return {
    borderRadius,
    fontSize,
    border: `2px solid ${cardColor}`,
    heightTiny,
    heightSmall,
    heightMedium,
    heightLarge,
    heightHuge,
    color: composite(cardColor, avatarColor),
    colorModal: composite(modalColor, avatarColor),
    colorPopover: composite(popoverColor, avatarColor)
  };
};
const avatarLight = {
  name: "Avatar",
  common: commonLight,
  self
};
const avatarLight$1 = avatarLight;
export {
  avatarLight$1 as default,
  self
};
