@fluentui/react-northstar
Version:
A themable React component library.
58 lines (53 loc) • 1.06 kB
JavaScript
import { pxToRem } from '../../../../utils';
/** Sizes for the Avatar and AvatarImage */
export var sizeToPxValue = {
smallest: 20,
smaller: 24,
small: 28,
medium: 32,
'medium-large': 36,
large: 44,
larger: 64,
largest: 96
};
/** Sizes for the Icon inside the Avatar */
export var iconSizeToPxValue = {
smallest: 10,
smaller: 12,
small: 16,
medium: 16,
'medium-large': 20,
large: 20,
larger: 32,
largest: 40
};
/** Sizes for the AvatarStatus and AvatarStatusImage */
export var statusSizeToPxValue = {
smallest: 6,
smaller: 10,
small: 10,
medium: 10,
'medium-large': 10,
large: 10,
larger: 16,
largest: 0
};
/** Sizes for the AvaterStatusIcon */
export var statusIconSizeToPxValue = {
smallest: 4,
smaller: 6,
small: 6,
medium: 6,
'medium-large': 6,
large: 6,
larger: 10,
largest: 0
};
export var getSizeStyles = function getSizeStyles(sizeInPx) {
var sizeInRem = pxToRem(sizeInPx);
return {
height: sizeInRem,
width: sizeInRem
};
};
//# sourceMappingURL=avatarSizes.js.map