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

Design System React Native

"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.TWCLASSMAP_AVATARBASE_SIZE_BORDER = exports.TWCLASSMAP_AVATARBASE_SIZE_BORDERRADIUSS_SQUARE = exports.TWCLASSMAP_AVATARBASE_HASBORDER_SIZE_DIMENSION = exports.TWCLASSMAP_AVATARBASE_SIZE_DIMENSION = void 0;
const types_1 = require("../../types/index.cjs");
exports.TWCLASSMAP_AVATARBASE_SIZE_DIMENSION = {
    [types_1.AvatarBaseSize.Xs]: 'h-4 w-4',
    [types_1.AvatarBaseSize.Sm]: 'h-6 w-6',
    [types_1.AvatarBaseSize.Md]: 'h-8 w-8',
    [types_1.AvatarBaseSize.Lg]: 'h-10 w-10',
    [types_1.AvatarBaseSize.Xl]: 'h-12 w-12', // 48px
};
exports.TWCLASSMAP_AVATARBASE_HASBORDER_SIZE_DIMENSION = {
    [types_1.AvatarBaseSize.Xs]: 'h-[18px] w-[18px]',
    [types_1.AvatarBaseSize.Sm]: 'h-[26px] w-[26px]',
    [types_1.AvatarBaseSize.Md]: 'h-[34px] w-[34px]',
    [types_1.AvatarBaseSize.Lg]: 'h-[44px] w-[44px]',
    [types_1.AvatarBaseSize.Xl]: 'h-[52px] w-[52px]', // 48px with 2px border on each side
};
exports.TWCLASSMAP_AVATARBASE_SIZE_BORDERRADIUSS_SQUARE = {
    [types_1.AvatarBaseSize.Xs]: 'rounded-sm',
    [types_1.AvatarBaseSize.Sm]: 'rounded-md',
    [types_1.AvatarBaseSize.Md]: 'rounded-lg',
    [types_1.AvatarBaseSize.Lg]: 'rounded-[10px]',
    [types_1.AvatarBaseSize.Xl]: 'rounded-xl', // 12px
};
exports.TWCLASSMAP_AVATARBASE_SIZE_BORDER = {
    [types_1.AvatarBaseSize.Xs]: 'border-background-default border',
    [types_1.AvatarBaseSize.Sm]: 'border-background-default border',
    [types_1.AvatarBaseSize.Md]: 'border-background-default border',
    [types_1.AvatarBaseSize.Lg]: 'border-background-default border-2',
    [types_1.AvatarBaseSize.Xl]: 'border-background-default border-2', // 2px border
};
//# sourceMappingURL=AvatarBase.constants.cjs.map