office-ui-fabric-react
Version:
Reusable React components for building experiences for Microsoft 365.
83 lines • 2.96 kB
JavaScript
define(["require", "exports", "../../../Styling"], function (require, exports, Styling_1) {
"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
var GlobalClassNames = {
root: 'ms-ShimmerLine-root',
topLeftCorner: 'ms-ShimmerLine-topLeftCorner',
topRightCorner: 'ms-ShimmerLine-topRightCorner',
bottomLeftCorner: 'ms-ShimmerLine-bottomLeftCorner',
bottomRightCorner: 'ms-ShimmerLine-bottomRightCorner',
};
function getStyles(props) {
var _a;
// 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 || {};
var sharedCornerStyles = {
position: 'absolute',
fill: semanticColors.bodyBackground,
};
return {
root: [
globalClassNames.root,
theme.fonts.medium,
{
height: height + "px",
boxSizing: 'content-box',
position: 'relative',
borderTopStyle: 'solid',
borderBottomStyle: 'solid',
borderColor: semanticColors.bodyBackground,
borderWidth: 0,
selectors: (_a = {},
_a[Styling_1.HighContrastSelector] = {
borderColor: 'Window',
selectors: {
'> *': {
fill: 'Window',
},
},
},
_a),
},
borderStyles,
],
topLeftCorner: [
globalClassNames.topLeftCorner,
{
top: '0',
left: '0',
},
sharedCornerStyles,
],
topRightCorner: [
globalClassNames.topRightCorner,
{
top: '0',
right: '0',
},
sharedCornerStyles,
],
bottomRightCorner: [
globalClassNames.bottomRightCorner,
{
bottom: '0',
right: '0',
},
sharedCornerStyles,
],
bottomLeftCorner: [
globalClassNames.bottomLeftCorner,
{
bottom: '0',
left: '0',
},
sharedCornerStyles,
],
};
}
exports.getStyles = getStyles;
});
//# sourceMappingURL=ShimmerLine.styles.js.map