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

Design system react ui components

import { AvatarBaseSize } from "../../types/index.mjs";
export const TWCLASSMAP_AVATARBASE_SIZE_DIMENSION = {
    [AvatarBaseSize.Xs]: 'h-4 w-4',
    [AvatarBaseSize.Sm]: 'h-6 w-6',
    [AvatarBaseSize.Md]: 'h-8 w-8',
    [AvatarBaseSize.Lg]: 'h-10 w-10',
    [AvatarBaseSize.Xl]: 'h-12 w-12', // 48px
};
export const TWCLASSMAP_AVATARBASE_HASBORDER_SIZE_DIMENSION = {
    [AvatarBaseSize.Xs]: 'h-[18px] w-[18px]',
    [AvatarBaseSize.Sm]: 'h-[26px] w-[26px]',
    [AvatarBaseSize.Md]: 'h-[34px] w-[34px]',
    [AvatarBaseSize.Lg]: 'h-[44px] w-[44px]',
    [AvatarBaseSize.Xl]: 'h-[52px] w-[52px]', // 48px with 2px border on each side
};
export const TWCLASSMAP_AVATARBASE_SIZE_BORDERRADIUSS_SQUARE = {
    [AvatarBaseSize.Xs]: 'rounded-sm',
    [AvatarBaseSize.Sm]: 'rounded-md',
    [AvatarBaseSize.Md]: 'rounded-lg',
    [AvatarBaseSize.Lg]: 'rounded-[10px]',
    [AvatarBaseSize.Xl]: 'rounded-xl', // 12px
};
export const TWCLASSMAP_AVATARBASE_SIZE_BORDER = {
    [AvatarBaseSize.Xs]: 'border-background-default border',
    [AvatarBaseSize.Sm]: 'border-background-default border',
    [AvatarBaseSize.Md]: 'border-background-default border',
    [AvatarBaseSize.Lg]: 'border-background-default border-2',
    [AvatarBaseSize.Xl]: 'border-background-default border-2', // 2px border
};
//# sourceMappingURL=AvatarBase.constants.mjs.map