@momentum-ui/react-collaboration
Version:
Cisco Momentum UI Framework for React Collaboration Applications
60 lines • 2.19 kB
JavaScript
var __assign = (this && this.__assign) || function () {
__assign = Object.assign || function(t) {
for (var s, i = 1, n = arguments.length; i < n; i++) {
s = arguments[i];
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
t[p] = s[p];
}
return t;
};
return __assign.apply(this, arguments);
};
import { TEAM_COLORS } from '../ThemeProvider/ThemeProvider.constants';
import { PresenceType } from './Avatar.types';
var CLASS_PREFIX = 'md-avatar';
var MAX_INITIALS_SPACE = 1;
var MAX_INITIALS_PERSON = 2;
var SIZES = [24, 32, 48, 64, 72, 88, 124];
var AVATAR_PRESENCE_ICON_SIZE_MAPPING = {
24: 14,
32: 14,
48: 16,
64: 18,
72: 20,
88: 28,
124: 36,
};
var AVATAR_ICON_SIZE_MAPPING = {
24: { scale: 16, weight: 'bold' },
32: { scale: 20, weight: 'regular' },
48: { scale: 28, weight: 'regular' },
64: { scale: 36, weight: 'regular' },
72: { scale: 40, weight: 'regular' },
88: { scale: 48, weight: 'regular' },
124: { scale: 64, weight: 'light' },
};
var AVATAR_COLORS = __assign(__assign({}, TEAM_COLORS), { yellow: 'yellow' });
var TYPES = {
person: 'person',
space: 'space',
};
var STYLE = {
wrapper: "".concat(CLASS_PREFIX, "-wrapper"),
outerWrapper: "".concat(CLASS_PREFIX, "-outer-wrapper"),
wrapperChildren: "".concat(CLASS_PREFIX, "-wrapper-children"),
iconWrapper: "".concat(CLASS_PREFIX, "-icon-wrapper"),
iconOnHoverWrapper: "".concat(CLASS_PREFIX, "-icon-on-hover-wrapper"),
imageHidden: "".concat(CLASS_PREFIX, "-image-hidden"),
presenceIconWrapper: "".concat(CLASS_PREFIX, "-presence-icon-wrapper"),
buttonWrapper: "".concat(CLASS_PREFIX, "-button-wrapper"),
animationWrapper: "".concat(CLASS_PREFIX, "-animation-wrapper"),
};
var DEFAULTS = {
PRESENCE: PresenceType.Default,
SIZE: 24,
COLOR: AVATAR_COLORS.default,
TYPE: TYPES.person,
LABEL: '',
};
export { DEFAULTS, SIZES, STYLE, CLASS_PREFIX, TYPES, MAX_INITIALS_SPACE, MAX_INITIALS_PERSON, AVATAR_PRESENCE_ICON_SIZE_MAPPING, AVATAR_ICON_SIZE_MAPPING, AVATAR_COLORS, };
//# sourceMappingURL=Avatar.constants.js.map