@uifabric/experiments/lib-amd/components/Shimmer/ShimmerGap/ShimmerGap.styles.js

Experimental 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 });
    var GlobalClassNames = {
        root: 'ms-ShimmerGap-root'
    };
    function getStyles(props) {
        var height = props.height, widthInPercentage = props.widthInPercentage, widthInPixel = props.widthInPixel, borderStyle = props.borderStyle, theme = props.theme;
        var palette = theme.palette;
        var classNames = Styling_1.getGlobalClassNames(GlobalClassNames, theme);
        var styles = !!borderStyle ? borderStyle : {};
        var ACTUAL_WIDTH = widthInPercentage ? widthInPercentage + '%' : widthInPixel ? widthInPixel + 'px' : '10px';
        return {
            root: [
                classNames.root,
                theme.fonts.medium,
                styles,
                {
                    backgroundColor: palette.white,
                    width: ACTUAL_WIDTH,
                    minWidth: widthInPixel ? ACTUAL_WIDTH : 'auto',
                    height: height + "px",
                    boxSizing: 'content-box',
                    borderTopStyle: 'solid',
                    borderBottomStyle: 'solid',
                    borderColor: palette.white,
                    selectors: (_a = {},
                        _a[Styling_1.HighContrastSelector] = {
                            backgroundColor: 'Window',
                            borderColor: 'Window'
                        },
                        _a)
                }
            ]
        };
        var _a;
    }
    exports.getStyles = getStyles;
});
//# sourceMappingURL=ShimmerGap.styles.js.map