61 lines
3.5 KiB
JavaScript
61 lines
3.5 KiB
JavaScript
|
define(["require", "exports"], function (require, exports) {
|
||
|
|
"use strict";
|
||
|
|
Object.defineProperty(exports, "__esModule", { value: true });
|
||
|
|
exports.getEdgeChromiumNoHighContrastAdjustSelector = exports.getHighContrastNoAdjustStyle = exports.getScreenSelector = exports.ScreenWidthMinUhfMobile = exports.ScreenWidthMaxXXLarge = exports.ScreenWidthMaxXLarge = exports.ScreenWidthMaxLarge = exports.ScreenWidthMaxMedium = exports.ScreenWidthMaxSmall = exports.ScreenWidthMinXXXLarge = exports.ScreenWidthMinXXLarge = exports.ScreenWidthMinXLarge = exports.ScreenWidthMinLarge = exports.ScreenWidthMinMedium = exports.ScreenWidthMinSmall = exports.EdgeChromiumHighContrastSelector = exports.HighContrastSelectorBlack = exports.HighContrastSelectorWhite = exports.HighContrastSelector = void 0;
|
||
|
|
exports.HighContrastSelector = '@media screen and (-ms-high-contrast: active), screen and (forced-colors: active)';
|
||
|
|
exports.HighContrastSelectorWhite =
|
||
|
|
// eslint-disable-next-line @fluentui/max-len
|
||
|
|
'@media screen and (-ms-high-contrast: black-on-white), screen and (forced-colors: active) and (prefers-color-scheme: light)';
|
||
|
|
exports.HighContrastSelectorBlack =
|
||
|
|
// eslint-disable-next-line @fluentui/max-len
|
||
|
|
'@media screen and (-ms-high-contrast: white-on-black), screen and (forced-colors: active) and (prefers-color-scheme: dark)';
|
||
|
|
/**
|
||
|
|
* @deprecated Use `HighContrastSelector`
|
||
|
|
*/
|
||
|
|
exports.EdgeChromiumHighContrastSelector = '@media screen and (-ms-high-contrast: active), screen and (forced-colors: active)';
|
||
|
|
exports.ScreenWidthMinSmall = 320;
|
||
|
|
exports.ScreenWidthMinMedium = 480;
|
||
|
|
exports.ScreenWidthMinLarge = 640;
|
||
|
|
exports.ScreenWidthMinXLarge = 1024;
|
||
|
|
exports.ScreenWidthMinXXLarge = 1366;
|
||
|
|
exports.ScreenWidthMinXXXLarge = 1920;
|
||
|
|
exports.ScreenWidthMaxSmall = exports.ScreenWidthMinMedium - 1;
|
||
|
|
exports.ScreenWidthMaxMedium = exports.ScreenWidthMinLarge - 1;
|
||
|
|
exports.ScreenWidthMaxLarge = exports.ScreenWidthMinXLarge - 1;
|
||
|
|
exports.ScreenWidthMaxXLarge = exports.ScreenWidthMinXXLarge - 1;
|
||
|
|
exports.ScreenWidthMaxXXLarge = exports.ScreenWidthMinXXXLarge - 1;
|
||
|
|
exports.ScreenWidthMinUhfMobile = 768;
|
||
|
|
function getScreenSelector(min, max) {
|
||
|
|
var minSelector = typeof min === 'number' ? " and (min-width: ".concat(min, "px)") : '';
|
||
|
|
var maxSelector = typeof max === 'number' ? " and (max-width: ".concat(max, "px)") : '';
|
||
|
|
return "@media only screen".concat(minSelector).concat(maxSelector);
|
||
|
|
}
|
||
|
|
exports.getScreenSelector = getScreenSelector;
|
||
|
|
/**
|
||
|
|
* The style which turns off high contrast adjustment in browsers.
|
||
|
|
*/
|
||
|
|
function getHighContrastNoAdjustStyle() {
|
||
|
|
return {
|
||
|
|
forcedColorAdjust: 'none',
|
||
|
|
MsHighContrastAdjust: 'none',
|
||
|
|
};
|
||
|
|
}
|
||
|
|
exports.getHighContrastNoAdjustStyle = getHighContrastNoAdjustStyle;
|
||
|
|
/**
|
||
|
|
* The style which turns off high contrast adjustment in (only) Edge Chromium browser.
|
||
|
|
* @deprecated Use `getHighContrastNoAdjustStyle`
|
||
|
|
*/
|
||
|
|
// eslint-disable-next-line deprecation/deprecation
|
||
|
|
function getEdgeChromiumNoHighContrastAdjustSelector() {
|
||
|
|
var _a;
|
||
|
|
return _a = {},
|
||
|
|
// eslint-disable-next-line deprecation/deprecation
|
||
|
|
_a[exports.EdgeChromiumHighContrastSelector] = {
|
||
|
|
forcedColorAdjust: 'none',
|
||
|
|
MsHighContrastAdjust: 'none',
|
||
|
|
},
|
||
|
|
_a;
|
||
|
|
}
|
||
|
|
exports.getEdgeChromiumNoHighContrastAdjustSelector = getEdgeChromiumNoHighContrastAdjustSelector;
|
||
|
|
});
|
||
|
|
//# sourceMappingURL=CommonStyles.js.map
|