@metamask/design-system-react/dist/components/AvatarGroup/AvatarGroup.constants.mjs

Design system react ui components

import { AvatarGroupSize } from "../../types/index.mjs";
import { TextVariant } from "../Text/index.mjs";
// Mappings
export const AVATAR_GROUP_SIZE_NEGATIVESPACEBETWEENAVATARS_MAP = {
    [AvatarGroupSize.Xs]: 'ml-[-6px]',
    [AvatarGroupSize.Sm]: 'ml-[-10px]',
    [AvatarGroupSize.Md]: 'ml-[-14px]',
    [AvatarGroupSize.Lg]: 'ml-[-18px]',
    [AvatarGroupSize.Xl]: 'ml-[-22px]',
};
export const AVATAR_GROUP_SIZE_ISREVERSE_NEGATIVESPACEBETWEENAVATARS_MAP = {
    [AvatarGroupSize.Xs]: 'mr-[-6px]',
    [AvatarGroupSize.Sm]: 'mr-[-10px]',
    [AvatarGroupSize.Md]: 'mr-[-14px]',
    [AvatarGroupSize.Lg]: 'mr-[-18px]',
    [AvatarGroupSize.Xl]: 'mr-[-22px]',
};
export const AVATAR_GROUP_SIZE_OVERFLOWTEXT_TEXTVARIANT_MAP = {
    [AvatarGroupSize.Xs]: TextVariant.BodyXs,
    [AvatarGroupSize.Sm]: TextVariant.BodySm,
    [AvatarGroupSize.Md]: TextVariant.BodyMd,
    [AvatarGroupSize.Lg]: TextVariant.HeadingMd,
    [AvatarGroupSize.Xl]: TextVariant.HeadingMd,
};
//# sourceMappingURL=AvatarGroup.constants.mjs.map