@uifabric/experiments
Version:
Experimental React components for building experiences for Office 365.
83 lines • 2.8 kB
JavaScript
;
Object.defineProperty(exports, "__esModule", { value: true });
var Styling_1 = require("../../../Styling");
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 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 : { borderWidth: '0px' };
var ACTUAL_WIDTH = widthInPercentage ? widthInPercentage + '%' : widthInPixel ? widthInPixel + 'px' : '100%';
var sharedCornerStyles = {
position: 'absolute',
fill: palette.white
};
return {
root: [
classNames.root,
theme.fonts.medium,
styles,
{
width: ACTUAL_WIDTH,
minWidth: widthInPixel ? ACTUAL_WIDTH : 'auto',
height: height + "px",
boxSizing: 'content-box',
position: 'relative',
borderTopStyle: 'solid',
borderBottomStyle: 'solid',
borderColor: palette.white,
selectors: (_a = {},
_a[Styling_1.HighContrastSelector] = {
borderColor: 'Window',
selectors: {
'> *': {
fill: 'Window'
}
}
},
_a)
}
],
topLeftCorner: [
classNames.topLeftCorner,
{
top: '0',
left: '0'
},
sharedCornerStyles
],
topRightCorner: [
classNames.topRightCorner,
{
top: '0',
right: '0'
},
sharedCornerStyles
],
bottomRightCorner: [
classNames.bottomRightCorner,
{
bottom: '0',
right: '0'
},
sharedCornerStyles
],
bottomLeftCorner: [
classNames.bottomLeftCorner,
{
bottom: '0',
left: '0'
},
sharedCornerStyles
]
};
var _a;
}
exports.getStyles = getStyles;
//# sourceMappingURL=ShimmerLine.styles.js.map