office-ui-fabric-react/lib-amd/components/Keytip/Keytip.styles.js

Reusable React components for building experiences for Office 365.

define(["require", "exports", "../../Styling"], function (require, exports, Styling_1) {
    "use strict";
    Object.defineProperty(exports, "__esModule", { value: true });
    exports.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[Styling_1.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;
    };
    exports.getCalloutStyles = function (props) {
        return {
            container: [],
            root: [{
                    border: 'none',
                    boxShadow: 'none'
                }],
            beak: [],
            beakCurtain: [],
            calloutMain: [{
                    backgroundColor: 'transparent'
                }]
        };
    };
    exports.getCalloutOffsetStyles = function (offset) {
        return function (props) {
            return Styling_1.mergeStyleSets(exports.getCalloutStyles(props), {
                root: [{
                        marginLeft: offset.x,
                        marginTop: offset.y
                    }]
            });
        };
    };
});
//# sourceMappingURL=Keytip.styles.js.map