Stefan Hacker
30 lines
1.3 KiB
JavaScript
30 lines
1.3 KiB
JavaScript
import { ScreenWidthMinMedium, getGlobalClassNames } from '../../Styling';
|
|
var GlobalClassNames = {
|
|
root: 'ms-Dialog',
|
|
};
|
|
export 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 = 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(ScreenWidthMinMedium, "px)")] = {
|
|
width: 'auto',
|
|
maxWidth: dialogDefaultMaxWidth,
|
|
minWidth: dialogDefaultMinWidth,
|
|
},
|
|
_a),
|
|
},
|
|
!hidden && { display: 'flex' },
|
|
containerClassName,
|
|
],
|
|
};
|
|
};
|
|
//# sourceMappingURL=Dialog.styles.js.map
|