office-ui-fabric-react
Version:
Reusable React components for building experiences for Office 365.
71 lines • 2.02 kB
JavaScript
import { mergeStyleSets, HighContrastSelector } from '../../Styling';
export var getStyles = function (props) {
var theme = props.theme, disabled = props.disabled, visible = props.visible;
return {
container: [
{
backgroundColor: theme.palette.neutralDark
},
disabled && {
opacity: 0.5,
selectors: (_a = {},
_a[HighContrastSelector] = {
color: 'GrayText',
opacity: 1
},
_a)
},
!visible && {
visibility: 'hidden'
}
],
root: [
{
textAlign: 'center',
paddingLeft: '3px',
paddingRight: '3px',
backgroundColor: theme.palette.neutralDark,
color: theme.palette.neutralLight,
minWidth: '11px',
lineHeight: '17px',
height: '17px',
display: 'inline-block'
},
disabled && {
color: theme.palette.neutralTertiaryAlt
}
]
};
var _a;
};
export var getCalloutStyles = function (props) {
return {
container: [],
root: [
{
border: 'none',
boxShadow: 'none'
}
],
beak: [],
beakCurtain: [],
calloutMain: [
{
backgroundColor: 'transparent'
}
]
};
};
export var getCalloutOffsetStyles = function (offset) {
return function (props) {
return mergeStyleSets(getCalloutStyles(props), {
root: [
{
marginLeft: offset.x,
marginTop: offset.y
}
]
});
};
};
//# sourceMappingURL=Keytip.styles.js.map