@fluentui/react-northstar
Version:
A themable React component library.
71 lines (70 loc) • 2.14 kB
JavaScript
import { getContainerStyles, getPointerStyles } from '../../getPointerStyles';
import { pointerSvgUrl } from '../../pointerSvgUrl';
import { pxToRem } from '../../../../utils';
export var tooltipContentStyles = {
root: function root(_ref) {
var p = _ref.props,
v = _ref.variables;
return Object.assign({
display: 'none',
position: 'absolute',
maxWidth: v.maxWidth,
zIndex: v.zIndex
}, p.pointing && Object.assign({
pointerEvents: 'all'
}, getContainerStyles({
placement: p.basePlacement,
padding: v.pointerMargin
})), p.open && {
display: 'block'
});
},
pointer: function pointer(_ref2) {
var p = _ref2.props,
v = _ref2.variables,
rtl = _ref2.rtl;
return Object.assign({
display: 'block',
position: 'absolute',
width: v.pointerWidth,
height: v.pointerHeight
}, getPointerStyles({
backgroundColor: p.subtle ? v.subtleBackgroundColor : v.backgroundColor,
borderSize: v.borderSize,
borderColor: p.subtle ? v.subtleBorderColor : v.borderColor,
gap: v.pointerGap,
padding: v.pointerMargin,
height: v.pointerHeight,
width: v.pointerWidth,
placement: p.basePlacement,
rtl: rtl,
svg: v.svgPointer ? pointerSvgUrl(p.subtle ? v.subtleBackgroundColor : v.backgroundColor) : undefined
}));
},
content: function content(_ref3) {
var p = _ref3.props,
v = _ref3.variables;
return Object.assign({
display: 'block',
fontSize: pxToRem(12),
padding: v.padding,
textAlign: 'left',
lineHeight: pxToRem(16),
color: v.color,
background: v.backgroundColor,
borderRadius: v.borderRadius,
borderStyle: v.borderStyle,
borderColor: v.borderColor,
boxShadow: v.boxShadow
}, p.subtle && {
background: v.subtleBackgroundColor,
color: v.subtleForegroundColor,
borderStyle: 'solid',
borderWidth: v.borderSize,
borderColor: v.subtleBorderColor
}, p.pointing && {
pointerEvents: 'all'
});
}
};
//# sourceMappingURL=tooltipContentStyles.js.map