office-ui-fabric-react
Version:
Reusable React components for building experiences for Microsoft 365.
51 lines • 1.92 kB
JavaScript
define(["require", "exports", "../../../Styling"], function (require, exports, Styling_1) {
"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
var GlobalClassNames = {
root: 'ms-ShimmerCircle-root',
svg: 'ms-ShimmerCircle-svg',
};
function getStyles(props) {
var _a, _b;
// eslint-disable-next-line deprecation/deprecation
var height = props.height, borderStyle = props.borderStyle, theme = props.theme;
var semanticColors = theme.semanticColors;
var globalClassNames = Styling_1.getGlobalClassNames(GlobalClassNames, theme);
var borderStyles = borderStyle || {};
return {
root: [
globalClassNames.root,
theme.fonts.medium,
{
width: height + "px",
height: height + "px",
minWidth: height + "px",
boxSizing: 'content-box',
borderTopStyle: 'solid',
borderBottomStyle: 'solid',
borderColor: semanticColors.bodyBackground,
selectors: (_a = {},
_a[Styling_1.HighContrastSelector] = {
borderColor: 'Window',
},
_a),
},
borderStyles,
],
svg: [
globalClassNames.svg,
{
display: 'block',
fill: semanticColors.bodyBackground,
selectors: (_b = {},
_b[Styling_1.HighContrastSelector] = {
fill: 'Window',
},
_b),
},
],
};
}
exports.getStyles = getStyles;
});
//# sourceMappingURL=ShimmerCircle.styles.js.map