| 1 | {"version":3,"file":"CommonStyles.js","sourceRoot":"../src/","sources":["styles/CommonStyles.ts"],"names":[],"mappings":";;AAEa,QAAA,oBAAoB,GAAG,wEAAwE,CAAC;AAChG,QAAA,yBAAyB,GACpC,wFAAwF,CAAC;AAC9E,QAAA,yBAAyB,GACpC,wFAAwF,CAAC;AAC9E,QAAA,gCAAgC,GAAG,2CAA2C,CAAC;AAE/E,QAAA,mBAAmB,GAAG,GAAG,CAAC;AAC1B,QAAA,oBAAoB,GAAG,GAAG,CAAC;AAC3B,QAAA,mBAAmB,GAAG,GAAG,CAAC;AAC1B,QAAA,oBAAoB,GAAG,IAAI,CAAC;AAC5B,QAAA,qBAAqB,GAAG,IAAI,CAAC;AAC7B,QAAA,sBAAsB,GAAG,IAAI,CAAC;AAC9B,QAAA,mBAAmB,GAAG,4BAAoB,GAAG,CAAC,CAAC;AAC/C,QAAA,oBAAoB,GAAG,2BAAmB,GAAG,CAAC,CAAC;AAC/C,QAAA,mBAAmB,GAAG,4BAAoB,GAAG,CAAC,CAAC;AAC/C,QAAA,oBAAoB,GAAG,6BAAqB,GAAG,CAAC,CAAC;AACjD,QAAA,qBAAqB,GAAG,8BAAsB,GAAG,CAAC,CAAC;AAEnD,QAAA,uBAAuB,GAAG,GAAG,CAAC;AAE3C,SAAgB,iBAAiB,CAAC,GAAuB,EAAE,GAAuB;IAChF,IAAM,WAAW,GAAG,OAAO,GAAG,KAAK,QAAQ,CAAC,CAAC,CAAC,sBAAoB,GAAG,QAAK,CAAC,CAAC,CAAC,EAAE,CAAC;IAChF,IAAM,WAAW,GAAG,OAAO,GAAG,KAAK,QAAQ,CAAC,CAAC,CAAC,sBAAoB,GAAG,QAAK,CAAC,CAAC,CAAC,EAAE,CAAC;IAChF,OAAO,uBAAqB,WAAW,GAAG,WAAa,CAAC;AAC1D,CAAC;AAJD,8CAIC;AAED;;GAEG;AACH,SAAgB,4BAA4B;IAC1C,OAAO;QACL,iBAAiB,EAAE,MAAM;QACzB,oBAAoB,EAAE,MAAM;KAC7B,CAAC;AACJ,CAAC;AALD,oEAKC;AAED;;;GAGG;AACH,SAAgB,2CAA2C;;IACzD;QACE,GAAC,wCAAgC,IAAG;YAClC,iBAAiB,EAAE,MAAM;SAC1B;WACD;AACJ,CAAC;AAND,kGAMC","sourcesContent":["import { IRawStyle } from '../MergeStyles';\n\nexport const HighContrastSelector = '@media screen and (-ms-high-contrast: active), (forced-colors: active)';\nexport const HighContrastSelectorWhite =\n '@media screen and (-ms-high-contrast: black-on-white), (forced-colors: black-on-white)';\nexport const HighContrastSelectorBlack =\n '@media screen and (-ms-high-contrast: white-on-black), (forced-colors: white-on-black)';\nexport const EdgeChromiumHighContrastSelector = '@media screen and (forced-colors: active)';\n\nexport const ScreenWidthMinSmall = 320;\nexport const ScreenWidthMinMedium = 480;\nexport const ScreenWidthMinLarge = 640;\nexport const ScreenWidthMinXLarge = 1024;\nexport const ScreenWidthMinXXLarge = 1366;\nexport const ScreenWidthMinXXXLarge = 1920;\nexport const ScreenWidthMaxSmall = ScreenWidthMinMedium - 1;\nexport const ScreenWidthMaxMedium = ScreenWidthMinLarge - 1;\nexport const ScreenWidthMaxLarge = ScreenWidthMinXLarge - 1;\nexport const ScreenWidthMaxXLarge = ScreenWidthMinXXLarge - 1;\nexport const ScreenWidthMaxXXLarge = ScreenWidthMinXXXLarge - 1;\n\nexport const ScreenWidthMinUhfMobile = 768;\n\nexport function getScreenSelector(min: number | undefined, max: number | undefined): string {\n const minSelector = typeof min === 'number' ? ` and (min-width: ${min}px)` : '';\n const maxSelector = typeof max === 'number' ? ` and (max-width: ${max}px)` : '';\n return `@media only screen${minSelector}${maxSelector}`;\n}\n\n/**\n * The style which turns off high contrast adjustment in browsers.\n */\nexport function getHighContrastNoAdjustStyle(): IRawStyle {\n return {\n forcedColorAdjust: 'none',\n MsHighContrastAdjust: 'none',\n };\n}\n\n/**\n * The style which turns off high contrast adjustment in (only) Edge Chromium browser.\n * @deprecated Use `getHighContrastNoAdjustStyle`\n */\nexport function getEdgeChromiumNoHighContrastAdjustSelector(): { [EdgeChromiumHighContrastSelector]: IRawStyle } {\n return {\n [EdgeChromiumHighContrastSelector]: {\n forcedColorAdjust: 'none',\n },\n };\n}\n"]} |