35 lines
1.6 KiB
JavaScript
35 lines
1.6 KiB
JavaScript
define(["require", "exports", "../../Styling"], function (require, exports, Styling_1) {
|
|
"use strict";
|
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
exports.getStyles = void 0;
|
|
var GlobalClassNames = {
|
|
root: 'ms-Dialog',
|
|
};
|
|
var getStyles = function (props) {
|
|
var _a;
|
|
var className = props.className, containerClassName = props.containerClassName, // eslint-disable-line @typescript-eslint/no-deprecated
|
|
_b = props.dialogDefaultMinWidth, // eslint-disable-line @typescript-eslint/no-deprecated
|
|
dialogDefaultMinWidth = _b === void 0 ? '288px' : _b, _c = props.dialogDefaultMaxWidth, dialogDefaultMaxWidth = _c === void 0 ? '340px' : _c, hidden = props.hidden, theme = props.theme;
|
|
var classNames = (0, Styling_1.getGlobalClassNames)(GlobalClassNames, theme);
|
|
return {
|
|
root: [classNames.root, theme.fonts.medium, className],
|
|
main: [
|
|
{
|
|
width: dialogDefaultMinWidth,
|
|
outline: '3px solid transparent',
|
|
selectors: (_a = {},
|
|
_a["@media (min-width: ".concat(Styling_1.ScreenWidthMinMedium, "px)")] = {
|
|
width: 'auto',
|
|
maxWidth: dialogDefaultMaxWidth,
|
|
minWidth: dialogDefaultMinWidth,
|
|
},
|
|
_a),
|
|
},
|
|
!hidden && { display: 'flex' },
|
|
containerClassName,
|
|
],
|
|
};
|
|
};
|
|
exports.getStyles = getStyles;
|
|
});
|
|
//# sourceMappingURL=Dialog.styles.js.map
|