@fluentui/react-northstar
Version:
A themable React component library.
44 lines (43 loc) • 1.97 kB
JavaScript
import { pxToRem } from '../../../../utils';
export var chatMessageVariables = function chatMessageVariables(siteVars) {
return {
actionMenuBoxShadow: siteVars.shadow8,
actionMenuPositionRight: pxToRem(5),
actionMenuPositionTop: pxToRem(-30),
authorColor: siteVars.colorScheme.default.foreground,
authorColorMineCompact: siteVars.colorScheme.brand.foreground,
authorFontWeight: siteVars.fontWeightSemibold,
authorFontWeightCompact: siteVars.fontWeightSemibold,
authorMarginRight: pxToRem(12),
authorMarginRightCompact: pxToRem(8),
backgroundColor: siteVars.colorScheme.default.background,
backgroundColorMine: siteVars.colorScheme.brand.background1,
badgeShadow: siteVars.shadowLevel1Dark,
badgeTextColor: siteVars.colorScheme.brand.foreground4,
border: 'none',
borderRadius: siteVars.borderRadiusMedium,
compactBorder: "solid " + siteVars.borderWidth + " transparent",
compactHoverBackground: siteVars.colorScheme.default.backgroundHover3,
compactHoverBorder: "solid " + siteVars.borderWidth + " " + siteVars.colorScheme.default.backgroundHover3,
compactSpacing: pxToRem(12),
contentColor: siteVars.colorScheme.default.foreground,
hasMention: false,
hasMentionColor: siteVars.colors.orange[300],
hasMentionNubbinColor: siteVars.colorScheme.orange.background,
headerMarginBottom: pxToRem(2),
isImportant: false,
isImportantColor: siteVars.colorScheme.red.background,
linkColor: siteVars.colorScheme.brand.foreground1,
linkColorMine: siteVars.colorScheme.brand.foreground2,
offset: pxToRem(100),
overlayZIndex: siteVars.zIndexes.overlay,
padding: pxToRem(16),
paddingCompact: pxToRem(3),
reactionGroupBorderColor: 'transparent',
reactionGroupMarginLeft: pxToRem(12),
showActionMenu: undefined,
zIndex: siteVars.zIndexes.foreground,
hasReducedHorizontalSpace: false
};
};
//# sourceMappingURL=chatMessageVariables.js.map