Stefan Hacker
51 lines
1.9 KiB
JavaScript
51 lines
1.9 KiB
JavaScript
define(["require", "exports", "../../../Styling"], function (require, exports, Styling_1) {
|
|
"use strict";
|
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
exports.getStyles = getStyles;
|
|
var GlobalClassNames = {
|
|
root: 'ms-ShimmerCircle-root',
|
|
svg: 'ms-ShimmerCircle-svg',
|
|
};
|
|
function getStyles(props) {
|
|
var _a, _b;
|
|
// eslint-disable-next-line @typescript-eslint/no-deprecated
|
|
var height = props.height, borderStyle = props.borderStyle, theme = props.theme;
|
|
var semanticColors = theme.semanticColors;
|
|
var globalClassNames = (0, Styling_1.getGlobalClassNames)(GlobalClassNames, theme);
|
|
var borderStyles = borderStyle || {};
|
|
return {
|
|
root: [
|
|
globalClassNames.root,
|
|
theme.fonts.medium,
|
|
{
|
|
width: "".concat(height, "px"),
|
|
height: "".concat(height, "px"),
|
|
minWidth: "".concat(height, "px"), // Fix for IE11 flex items
|
|
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),
|
|
},
|
|
],
|
|
};
|
|
}
|
|
});
|
|
//# sourceMappingURL=ShimmerCircle.styles.js.map
|