diff --git a/change/@fluentui-react-next-2020-07-29-14-31-10-a11y-commandbar.json b/change/@fluentui-react-next-2020-07-29-14-31-10-a11y-commandbar.json new file mode 100644 index 0000000000000..415dec0320897 --- /dev/null +++ b/change/@fluentui-react-next-2020-07-29-14-31-10-a11y-commandbar.json @@ -0,0 +1,8 @@ +{ + "type": "none", + "comment": "update snapshots", + "packageName": "@fluentui/react-next", + "email": "ololubek@microsoft.com", + "dependentChangeType": "none", + "date": "2020-07-29T21:31:03.675Z" +} diff --git a/change/@fluentui-react-tabs-2020-07-29-14-31-10-a11y-commandbar.json b/change/@fluentui-react-tabs-2020-07-29-14-31-10-a11y-commandbar.json new file mode 100644 index 0000000000000..890d45f37e36a --- /dev/null +++ b/change/@fluentui-react-tabs-2020-07-29-14-31-10-a11y-commandbar.json @@ -0,0 +1,8 @@ +{ + "type": "patch", + "comment": "update snapshots", + "packageName": "@fluentui/react-tabs", + "email": "ololubek@microsoft.com", + "dependentChangeType": "patch", + "date": "2020-07-29T21:31:10.798Z" +} diff --git a/change/@uifabric-experiments-2020-07-28-14-38-39-a11y-commandbar.json b/change/@uifabric-experiments-2020-07-28-14-38-39-a11y-commandbar.json new file mode 100644 index 0000000000000..adc65c69edb14 --- /dev/null +++ b/change/@uifabric-experiments-2020-07-28-14-38-39-a11y-commandbar.json @@ -0,0 +1,8 @@ +{ + "type": "patch", + "comment": "Updating snapshots.", + "packageName": "@uifabric/experiments", + "email": "humbertomakotomorimoto@gmail.com", + "dependentChangeType": "patch", + "date": "2020-07-28T21:38:39.339Z" +} diff --git a/change/office-ui-fabric-react-2020-07-27-10-48-53-a11y-commandbar.json b/change/office-ui-fabric-react-2020-07-27-10-48-53-a11y-commandbar.json new file mode 100644 index 0000000000000..c10fa6ae8bd74 --- /dev/null +++ b/change/office-ui-fabric-react-2020-07-27-10-48-53-a11y-commandbar.json @@ -0,0 +1,8 @@ +{ + "type": "patch", + "comment": "Add high contrast styling for command bar", + "packageName": "office-ui-fabric-react", + "email": "ololubek@microsoft.com", + "dependentChangeType": "patch", + "date": "2020-07-27T17:48:52.910Z" +} diff --git a/packages/experiments/src/components/MicroFeedback/__snapshots__/MicroFeedback.test.tsx.snap b/packages/experiments/src/components/MicroFeedback/__snapshots__/MicroFeedback.test.tsx.snap index 72f41ae353642..c761536df9fec 100644 --- a/packages/experiments/src/components/MicroFeedback/__snapshots__/MicroFeedback.test.tsx.snap +++ b/packages/experiments/src/components/MicroFeedback/__snapshots__/MicroFeedback.test.tsx.snap @@ -93,7 +93,6 @@ exports[`MicroFeedback renders correctly with inline prop set 1`] = ` z-index: 1; } @media screen and (-ms-high-contrast: active){.ms-Fabric--isFocusVisible &:focus:after { - border: none; bottom: -2px; left: -2px; outline-color: ButtonText; @@ -223,7 +222,6 @@ exports[`MicroFeedback renders correctly with inline prop set 1`] = ` z-index: 1; } @media screen and (-ms-high-contrast: active){.ms-Fabric--isFocusVisible &:focus:after { - border: none; bottom: -2px; left: -2px; outline-color: ButtonText; @@ -405,7 +403,6 @@ exports[`MicroFeedback renders correctly with no props 1`] = ` z-index: 1; } @media screen and (-ms-high-contrast: active){.ms-Fabric--isFocusVisible &:focus:after { - border: none; bottom: -2px; left: -2px; outline-color: ButtonText; @@ -535,7 +532,6 @@ exports[`MicroFeedback renders correctly with no props 1`] = ` z-index: 1; } @media screen and (-ms-high-contrast: active){.ms-Fabric--isFocusVisible &:focus:after { - border: none; bottom: -2px; left: -2px; outline-color: ButtonText; diff --git a/packages/experiments/src/components/Pagination/__snapshots__/Pagination.test.tsx.snap b/packages/experiments/src/components/Pagination/__snapshots__/Pagination.test.tsx.snap index 022aa16b4ec3f..d33d92e91cf40 100644 --- a/packages/experiments/src/components/Pagination/__snapshots__/Pagination.test.tsx.snap +++ b/packages/experiments/src/components/Pagination/__snapshots__/Pagination.test.tsx.snap @@ -61,7 +61,6 @@ exports[`Pagination render buttons Pagination correctly 1`] = ` z-index: 1; } @media screen and (-ms-high-contrast: active){.ms-Fabric--isFocusVisible &:focus:after { - border: none; bottom: -2px; left: -2px; outline-color: ButtonText; @@ -79,10 +78,6 @@ exports[`Pagination render buttons Pagination correctly 1`] = ` &:focus { outline: 0px; } - @media screen and (-ms-high-contrast: active){& { - border-color: grayText; - color: grayText; - } data-is-focusable={false} disabled={true} onClick={[Function]} @@ -133,6 +128,9 @@ exports[`Pagination render buttons Pagination correctly 1`] = ` margin-top: 0; text-align: center; } + @media screen and (-ms-high-contrast: active){& { + color: GrayText; + } data-icon-name="Previous" role="presentation" style={ @@ -194,7 +192,6 @@ exports[`Pagination render buttons Pagination correctly 1`] = ` z-index: 1; } @media screen and (-ms-high-contrast: active){.ms-Fabric--isFocusVisible &:focus:after { - border: none; bottom: -2px; left: -2px; outline-color: ButtonText; @@ -212,10 +209,6 @@ exports[`Pagination render buttons Pagination correctly 1`] = ` &:focus { outline: 0px; } - @media screen and (-ms-high-contrast: active){& { - border-color: grayText; - color: grayText; - } data-is-focusable={false} disabled={true} onClick={[Function]} @@ -266,6 +259,9 @@ exports[`Pagination render buttons Pagination correctly 1`] = ` margin-top: 0; text-align: center; } + @media screen and (-ms-high-contrast: active){& { + color: GrayText; + } data-icon-name="CaretSolidLeft" role="presentation" style={ @@ -327,7 +323,6 @@ exports[`Pagination render buttons Pagination correctly 1`] = ` z-index: 1; } @media screen and (-ms-high-contrast: active){.ms-Fabric--isFocusVisible &:focus:after { - border: none; bottom: -2px; left: -2px; outline-color: ButtonText; @@ -434,7 +429,6 @@ exports[`Pagination render buttons Pagination correctly 1`] = ` z-index: 1; } @media screen and (-ms-high-contrast: active){.ms-Fabric--isFocusVisible &:focus:after { - border: none; bottom: -2px; left: -2px; outline-color: ButtonText; @@ -541,7 +535,6 @@ exports[`Pagination render buttons Pagination correctly 1`] = ` z-index: 1; } @media screen and (-ms-high-contrast: active){.ms-Fabric--isFocusVisible &:focus:after { - border: none; bottom: -2px; left: -2px; outline-color: ButtonText; @@ -648,7 +641,6 @@ exports[`Pagination render buttons Pagination correctly 1`] = ` z-index: 1; } @media screen and (-ms-high-contrast: active){.ms-Fabric--isFocusVisible &:focus:after { - border: none; bottom: -2px; left: -2px; outline-color: ButtonText; @@ -755,7 +747,6 @@ exports[`Pagination render buttons Pagination correctly 1`] = ` z-index: 1; } @media screen and (-ms-high-contrast: active){.ms-Fabric--isFocusVisible &:focus:after { - border: none; bottom: -2px; left: -2px; outline-color: ButtonText; @@ -858,7 +849,6 @@ exports[`Pagination render buttons Pagination correctly 1`] = ` z-index: 1; } @media screen and (-ms-high-contrast: active){.ms-Fabric--isFocusVisible &:focus:after { - border: none; bottom: -2px; left: -2px; outline-color: ButtonText; @@ -1000,7 +990,6 @@ exports[`Pagination render buttons Pagination correctly 1`] = ` z-index: 1; } @media screen and (-ms-high-contrast: active){.ms-Fabric--isFocusVisible &:focus:after { - border: none; bottom: -2px; left: -2px; outline-color: ButtonText; @@ -1153,7 +1142,6 @@ exports[`Pagination render comboBox Pagination correctly 1`] = ` z-index: 1; } @media screen and (-ms-high-contrast: active){.ms-Fabric--isFocusVisible &:focus:after { - border: none; bottom: -2px; left: -2px; outline-color: ButtonText; @@ -1171,10 +1159,6 @@ exports[`Pagination render comboBox Pagination correctly 1`] = ` &:focus { outline: 0px; } - @media screen and (-ms-high-contrast: active){& { - border-color: grayText; - color: grayText; - } data-is-focusable={false} disabled={true} onClick={[Function]} @@ -1225,6 +1209,9 @@ exports[`Pagination render comboBox Pagination correctly 1`] = ` margin-top: 0; text-align: center; } + @media screen and (-ms-high-contrast: active){& { + color: GrayText; + } data-icon-name="Previous" role="presentation" style={ @@ -1286,7 +1273,6 @@ exports[`Pagination render comboBox Pagination correctly 1`] = ` z-index: 1; } @media screen and (-ms-high-contrast: active){.ms-Fabric--isFocusVisible &:focus:after { - border: none; bottom: -2px; left: -2px; outline-color: ButtonText; @@ -1304,10 +1290,6 @@ exports[`Pagination render comboBox Pagination correctly 1`] = ` &:focus { outline: 0px; } - @media screen and (-ms-high-contrast: active){& { - border-color: grayText; - color: grayText; - } data-is-focusable={false} disabled={true} onClick={[Function]} @@ -1358,6 +1340,9 @@ exports[`Pagination render comboBox Pagination correctly 1`] = ` margin-top: 0; text-align: center; } + @media screen and (-ms-high-contrast: active){& { + color: GrayText; + } data-icon-name="CaretSolidLeft" role="presentation" style={ @@ -1625,7 +1610,6 @@ exports[`Pagination render comboBox Pagination correctly 1`] = ` z-index: 1; } @media screen and (-ms-high-contrast: active){.ms-Fabric--isFocusVisible &:focus:after { - border: none; bottom: -2px; left: -2px; outline-color: ButtonText; @@ -1783,7 +1767,6 @@ exports[`Pagination render comboBox Pagination correctly 1`] = ` z-index: 1; } @media screen and (-ms-high-contrast: active){.ms-Fabric--isFocusVisible &:focus:after { - border: none; bottom: -2px; left: -2px; outline-color: ButtonText; @@ -1912,7 +1895,6 @@ exports[`Pagination render comboBox Pagination correctly 1`] = ` z-index: 1; } @media screen and (-ms-high-contrast: active){.ms-Fabric--isFocusVisible &:focus:after { - border: none; bottom: -2px; left: -2px; outline-color: ButtonText; diff --git a/packages/experiments/src/components/SelectedItemsList/SelectedPeopleList/__snapshots__/SelectedPeopleList.test.tsx.snap b/packages/experiments/src/components/SelectedItemsList/SelectedPeopleList/__snapshots__/SelectedPeopleList.test.tsx.snap index a2640d3aa6f9f..4636d998a7c0a 100644 --- a/packages/experiments/src/components/SelectedItemsList/SelectedPeopleList/__snapshots__/SelectedPeopleList.test.tsx.snap +++ b/packages/experiments/src/components/SelectedItemsList/SelectedPeopleList/__snapshots__/SelectedPeopleList.test.tsx.snap @@ -89,7 +89,6 @@ exports[`SelectedPeopleList renders personas that are passed in 1`] = ` z-index: 1; } @media screen and (-ms-high-contrast: active){.ms-Fabric--isFocusVisible &:focus:after { - border: none; bottom: -2px; left: -2px; outline-color: ButtonText; @@ -424,7 +423,6 @@ exports[`SelectedPeopleList renders personas that are passed in 1`] = ` z-index: 1; } @media screen and (-ms-high-contrast: active){.ms-Fabric--isFocusVisible &:focus:after { - border: none; bottom: -2px; left: -2px; outline-color: ButtonText; @@ -598,7 +596,6 @@ exports[`SelectedPeopleList renders personas that are passed in 1`] = ` z-index: 1; } @media screen and (-ms-high-contrast: active){.ms-Fabric--isFocusVisible &:focus:after { - border: none; bottom: -2px; left: -2px; outline-color: ButtonText; @@ -933,7 +930,6 @@ exports[`SelectedPeopleList renders personas that are passed in 1`] = ` z-index: 1; } @media screen and (-ms-high-contrast: active){.ms-Fabric--isFocusVisible &:focus:after { - border: none; bottom: -2px; left: -2px; outline-color: ButtonText; @@ -1114,7 +1110,6 @@ exports[`SelectedPeopleList renders personas that are passed in as default 1`] = z-index: 1; } @media screen and (-ms-high-contrast: active){.ms-Fabric--isFocusVisible &:focus:after { - border: none; bottom: -2px; left: -2px; outline-color: ButtonText; @@ -1449,7 +1444,6 @@ exports[`SelectedPeopleList renders personas that are passed in as default 1`] = z-index: 1; } @media screen and (-ms-high-contrast: active){.ms-Fabric--isFocusVisible &:focus:after { - border: none; bottom: -2px; left: -2px; outline-color: ButtonText; @@ -1623,7 +1617,6 @@ exports[`SelectedPeopleList renders personas that are passed in as default 1`] = z-index: 1; } @media screen and (-ms-high-contrast: active){.ms-Fabric--isFocusVisible &:focus:after { - border: none; bottom: -2px; left: -2px; outline-color: ButtonText; @@ -1958,7 +1951,6 @@ exports[`SelectedPeopleList renders personas that are passed in as default 1`] = z-index: 1; } @media screen and (-ms-high-contrast: active){.ms-Fabric--isFocusVisible &:focus:after { - border: none; bottom: -2px; left: -2px; outline-color: ButtonText; diff --git a/packages/experiments/src/components/UnifiedPicker/UnifiedPeoplePicker/__snapshots__/UnifiedPeoplePicker.test.tsx.snap b/packages/experiments/src/components/UnifiedPicker/UnifiedPeoplePicker/__snapshots__/UnifiedPeoplePicker.test.tsx.snap index 3cb17832216d8..75d910e7d57e6 100644 --- a/packages/experiments/src/components/UnifiedPicker/UnifiedPeoplePicker/__snapshots__/UnifiedPeoplePicker.test.tsx.snap +++ b/packages/experiments/src/components/UnifiedPicker/UnifiedPeoplePicker/__snapshots__/UnifiedPeoplePicker.test.tsx.snap @@ -260,7 +260,6 @@ exports[`UnifiedPeoplePicker renders correctly with selected and suggested items z-index: 1; } @media screen and (-ms-high-contrast: active){.ms-Fabric--isFocusVisible &:focus:after { - border: none; bottom: -2px; left: -2px; outline-color: ButtonText; @@ -690,7 +689,6 @@ exports[`UnifiedPeoplePicker renders correctly with selected and suggested items z-index: 1; } @media screen and (-ms-high-contrast: active){.ms-Fabric--isFocusVisible &:focus:after { - border: none; bottom: -2px; left: -2px; outline-color: ButtonText; diff --git a/packages/office-ui-fabric-react/src/components/Breadcrumb/__snapshots__/Breadcrumb.test.tsx.snap b/packages/office-ui-fabric-react/src/components/Breadcrumb/__snapshots__/Breadcrumb.test.tsx.snap index 78669364ab226..5a574a38893d0 100644 --- a/packages/office-ui-fabric-react/src/components/Breadcrumb/__snapshots__/Breadcrumb.test.tsx.snap +++ b/packages/office-ui-fabric-react/src/components/Breadcrumb/__snapshots__/Breadcrumb.test.tsx.snap @@ -123,7 +123,6 @@ exports[`Breadcrumb rendering renders correctly with custom overflow icon 1`] = z-index: 1; } @media screen and (-ms-high-contrast: active){.ms-Fabric--isFocusVisible &:focus:after { - border: none; bottom: -2px; left: -2px; outline-color: ButtonText; @@ -1309,7 +1308,6 @@ exports[`Breadcrumb rendering renders correctly with maxDisplayedItems and overf z-index: 1; } @media screen and (-ms-high-contrast: active){.ms-Fabric--isFocusVisible &:focus:after { - border: none; bottom: -2px; left: -2px; outline-color: ButtonText; @@ -1543,7 +1541,6 @@ exports[`Breadcrumb rendering renders correctly with maxDisplayedItems and overf z-index: 1; } @media screen and (-ms-high-contrast: active){.ms-Fabric--isFocusVisible &:focus:after { - border: none; bottom: -2px; left: -2px; outline-color: ButtonText; @@ -1777,7 +1774,6 @@ exports[`Breadcrumb rendering renders correctly with overflow 1`] = ` z-index: 1; } @media screen and (-ms-high-contrast: active){.ms-Fabric--isFocusVisible &:focus:after { - border: none; bottom: -2px; left: -2px; outline-color: ButtonText; @@ -2275,7 +2271,6 @@ exports[`Breadcrumb rendering renders correctly with overflow and overflowIndex z-index: 1; } @media screen and (-ms-high-contrast: active){.ms-Fabric--isFocusVisible &:focus:after { - border: none; bottom: -2px; left: -2px; outline-color: ButtonText; diff --git a/packages/office-ui-fabric-react/src/components/Button/BaseButton.styles.ts b/packages/office-ui-fabric-react/src/components/Button/BaseButton.styles.ts index b8f41e83b9dd4..91f055b6cb2d0 100644 --- a/packages/office-ui-fabric-react/src/components/Button/BaseButton.styles.ts +++ b/packages/office-ui-fabric-react/src/components/Button/BaseButton.styles.ts @@ -34,7 +34,6 @@ export const getStyles = memoizeFunction( top: -2, bottom: -2, right: -2, - border: 'none', outlineColor: 'ButtonText', }; @@ -75,20 +74,26 @@ export const getStyles = memoizeFunction( selectors: { ':hover': noOutline, ':focus': noOutline, - [HighContrastSelector]: { - color: 'grayText', - borderColor: 'grayText', - }, }, }, ], iconDisabled: { color: disabledText, + selectors: { + [HighContrastSelector]: { + color: 'GrayText', + }, + }, }, menuIconDisabled: { color: disabledText, + selectors: { + [HighContrastSelector]: { + color: 'GrayText', + }, + }, }, flexContainer: { diff --git a/packages/office-ui-fabric-react/src/components/Button/CommandBarButton/CommandBarButton.styles.ts b/packages/office-ui-fabric-react/src/components/Button/CommandBarButton/CommandBarButton.styles.ts index bd0bbaf0ab12d..d764a0a88996c 100644 --- a/packages/office-ui-fabric-react/src/components/Button/CommandBarButton/CommandBarButton.styles.ts +++ b/packages/office-ui-fabric-react/src/components/Button/CommandBarButton/CommandBarButton.styles.ts @@ -1,5 +1,11 @@ import { IButtonStyles } from '../Button.types'; -import { ITheme, concatStyleSets, getFocusStyle, HighContrastSelector } from '../../../Styling'; +import { + ITheme, + concatStyleSets, + getFocusStyle, + HighContrastSelector, + getEdgeChromiumNoHighContrastAdjustSelector, +} from '../../../Styling'; import { memoizeFunction } from '../../../Utilities'; import { getStyles as getBaseButtonStyles } from '../BaseButton.styles'; import { getStyles as getSplitButtonStyles } from '../SplitButton/SplitButton.styles'; @@ -119,7 +125,17 @@ export const getStyles = memoizeFunction( selectors: { [`.${ButtonGlobalClassNames.msButtonIcon}`]: { color: semanticColors.disabledBodySubtext, + selectors: { + [HighContrastSelector]: { + color: 'GrayText', + }, + }, }, + [HighContrastSelector]: { + color: 'GrayText', + backgroundColor: 'Window', + }, + ...getEdgeChromiumNoHighContrastAdjustSelector(), }, }, @@ -133,6 +149,14 @@ export const getStyles = memoizeFunction( }, }, + splitButtonDividerDisabled: { + selectors: { + [HighContrastSelector]: { + backgroundColor: 'Window', + }, + }, + }, + splitButtonDivider: { backgroundColor: p.neutralTertiaryAlt, }, @@ -169,6 +193,14 @@ export const getStyles = memoizeFunction( splitButtonMenuButtonDisabled: { backgroundColor: p.white, + selectors: { + [HighContrastSelector]: { + color: 'GrayText', + border: 'none', + backgroundColor: 'Window', + }, + }, + ...getEdgeChromiumNoHighContrastAdjustSelector(), }, splitButtonMenuButtonChecked: { @@ -209,6 +241,9 @@ export const getStyles = memoizeFunction( menuIcon: { color: p.neutralSecondary, + [HighContrastSelector]: { + color: 'GrayText', + }, }, }; diff --git a/packages/office-ui-fabric-react/src/components/Button/SplitButton/SplitButton.styles.ts b/packages/office-ui-fabric-react/src/components/Button/SplitButton/SplitButton.styles.ts index 2e7f3aff92aad..0723e117e13e2 100644 --- a/packages/office-ui-fabric-react/src/components/Button/SplitButton/SplitButton.styles.ts +++ b/packages/office-ui-fabric-react/src/components/Button/SplitButton/SplitButton.styles.ts @@ -1,5 +1,12 @@ import { IButtonStyles } from '../Button.types'; -import { HighContrastSelector, ITheme, concatStyleSets, getFocusStyle, IStyle } from '../../../Styling'; +import { + HighContrastSelector, + ITheme, + concatStyleSets, + getFocusStyle, + IStyle, + getEdgeChromiumNoHighContrastAdjustSelector, +} from '../../../Styling'; import { memoizeFunction } from '../../../Utilities'; export const getStyles = memoizeFunction( @@ -40,14 +47,22 @@ export const getStyles = memoizeFunction( selectors: { [HighContrastSelector]: { - color: 'Window', - backgroundColor: 'WindowText', + color: 'WindowText', + backgroundColor: 'Window', + border: '1px solid WindowText', + borderRightWidth: '0', MsHighContrastAdjust: 'none', }, }, }, '.ms-Button--primary + .ms-Button': { border: 'none', + selectors: { + [HighContrastSelector]: { + border: '1px solid WindowText', + borderLeftWidth: '0', + }, + }, }, }, }, @@ -158,9 +173,16 @@ export const getStyles = memoizeFunction( }, }, }, + '.ms-Button-menuIcon': { + selectors: { + [HighContrastSelector]: { + color: 'GrayText', + }, + }, + }, [HighContrastSelector]: { - border: `1px solid GrayText`, color: 'GrayText', + border: '1px solid GrayText', backgroundColor: 'Window', }, }, @@ -183,6 +205,7 @@ export const getStyles = memoizeFunction( borderColor: 'GrayText', backgroundColor: 'Window', }, + ...getEdgeChromiumNoHighContrastAdjustSelector(), }, }, }; diff --git a/packages/office-ui-fabric-react/src/components/Button/__snapshots__/Button.deprecated.test.tsx.snap b/packages/office-ui-fabric-react/src/components/Button/__snapshots__/Button.deprecated.test.tsx.snap index df3b71f06cc07..0a26c245d066c 100644 --- a/packages/office-ui-fabric-react/src/components/Button/__snapshots__/Button.deprecated.test.tsx.snap +++ b/packages/office-ui-fabric-react/src/components/Button/__snapshots__/Button.deprecated.test.tsx.snap @@ -48,7 +48,6 @@ exports[`Button renders CompoundButton correctly 1`] = ` z-index: 1; } @media screen and (-ms-high-contrast: active){.ms-Fabric--isFocusVisible &:focus:after { - border: none; bottom: -2px; left: -2px; outline-color: ButtonText; diff --git a/packages/office-ui-fabric-react/src/components/Button/__snapshots__/Button.test.tsx.snap b/packages/office-ui-fabric-react/src/components/Button/__snapshots__/Button.test.tsx.snap index 03578bc686fee..534a0374eea57 100644 --- a/packages/office-ui-fabric-react/src/components/Button/__snapshots__/Button.test.tsx.snap +++ b/packages/office-ui-fabric-react/src/components/Button/__snapshots__/Button.test.tsx.snap @@ -45,7 +45,6 @@ exports[`Button renders ActionButton correctly 1`] = ` z-index: 1; } @media screen and (-ms-high-contrast: active){.ms-Fabric--isFocusVisible &:focus:after { - border: none; bottom: -2px; left: -2px; outline-color: ButtonText; @@ -309,6 +308,7 @@ exports[`Button renders CommandBarButton correctly 1`] = ` speak: none; } { + @media screen and (-ms-high-contrast: active); color: #605e5c; flex-shrink: 0; font-size: 12px; @@ -382,7 +382,6 @@ exports[`Button renders CompoundButton correctly 1`] = ` z-index: 1; } @media screen and (-ms-high-contrast: active){.ms-Fabric--isFocusVisible &:focus:after { - border: none; bottom: -2px; left: -2px; outline-color: ButtonText; @@ -531,7 +530,6 @@ exports[`Button renders DefaultButton correctly 1`] = ` z-index: 1; } @media screen and (-ms-high-contrast: active){.ms-Fabric--isFocusVisible &:focus:after { - border: none; bottom: -2px; left: -2px; outline-color: ButtonText; @@ -651,7 +649,6 @@ exports[`Button renders IconButton correctly 1`] = ` z-index: 1; } @media screen and (-ms-high-contrast: active){.ms-Fabric--isFocusVisible &:focus:after { - border: none; bottom: -2px; left: -2px; outline-color: ButtonText; @@ -784,7 +781,6 @@ exports[`Button renders a DefaultButton with a keytip correctly 1`] = ` z-index: 1; } @media screen and (-ms-high-contrast: active){.ms-Fabric--isFocusVisible &:focus:after { - border: none; bottom: -2px; left: -2px; outline-color: ButtonText; diff --git a/packages/office-ui-fabric-react/src/components/ComboBox/__snapshots__/ComboBox.test.tsx.snap b/packages/office-ui-fabric-react/src/components/ComboBox/__snapshots__/ComboBox.test.tsx.snap index 1d804011c17b1..754f7cb795bbb 100644 --- a/packages/office-ui-fabric-react/src/components/ComboBox/__snapshots__/ComboBox.test.tsx.snap +++ b/packages/office-ui-fabric-react/src/components/ComboBox/__snapshots__/ComboBox.test.tsx.snap @@ -250,7 +250,6 @@ exports[`ComboBox Renders correctly 1`] = ` z-index: 1; } @media screen and (-ms-high-contrast: active){.ms-Fabric--isFocusVisible &:focus:after { - border: none; bottom: -2px; left: -2px; outline-color: ButtonText; @@ -618,7 +617,6 @@ exports[`ComboBox renders with a Keytip correctly 1`] = ` z-index: 1; } @media screen and (-ms-high-contrast: active){.ms-Fabric--isFocusVisible &:focus:after { - border: none; bottom: -2px; left: -2px; outline-color: ButtonText; diff --git a/packages/office-ui-fabric-react/src/components/ContextualMenu/__snapshots__/ContextualMenu.test.tsx.snap b/packages/office-ui-fabric-react/src/components/ContextualMenu/__snapshots__/ContextualMenu.test.tsx.snap index 9047982ecdde8..f6edd923c0a32 100644 --- a/packages/office-ui-fabric-react/src/components/ContextualMenu/__snapshots__/ContextualMenu.test.tsx.snap +++ b/packages/office-ui-fabric-react/src/components/ContextualMenu/__snapshots__/ContextualMenu.test.tsx.snap @@ -49,7 +49,6 @@ exports[`ContextualMenu ContextualMenu snapshot ContextualMenu should be present z-index: 1; } @media screen and (-ms-high-contrast: active){.ms-Fabric--isFocusVisible &:focus:after { - border: none; bottom: -2px; left: -2px; outline-color: ButtonText; diff --git a/packages/office-ui-fabric-react/src/components/Dialog/__snapshots__/Dialog.deprecated.test.tsx.snap b/packages/office-ui-fabric-react/src/components/Dialog/__snapshots__/Dialog.deprecated.test.tsx.snap index 86b72af5da60b..a0f60a36e180c 100644 --- a/packages/office-ui-fabric-react/src/components/Dialog/__snapshots__/Dialog.deprecated.test.tsx.snap +++ b/packages/office-ui-fabric-react/src/components/Dialog/__snapshots__/Dialog.deprecated.test.tsx.snap @@ -909,7 +909,6 @@ exports[`Dialog deprecated props renders Dialog with isBlocking set to true 1`] z-index: 1; } @media screen and (-ms-high-contrast: active){.ms-Fabric--isFocusVisible &:focus:after { - border: none; bottom: -2px; left: -2px; outline-color: ButtonText; diff --git a/packages/office-ui-fabric-react/src/components/Facepile/__snapshots__/Facepile.test.tsx.snap b/packages/office-ui-fabric-react/src/components/Facepile/__snapshots__/Facepile.test.tsx.snap index f1afaa006d144..41a3289e8c230 100644 --- a/packages/office-ui-fabric-react/src/components/Facepile/__snapshots__/Facepile.test.tsx.snap +++ b/packages/office-ui-fabric-react/src/components/Facepile/__snapshots__/Facepile.test.tsx.snap @@ -339,7 +339,6 @@ exports[`Facepile renders Facepile correctly 1`] = ` z-index: 1; } @media screen and (-ms-high-contrast: active){.ms-Fabric--isFocusVisible &:focus:after { - border: none; bottom: -2px; left: -2px; outline-color: ButtonText; diff --git a/packages/office-ui-fabric-react/src/components/Nav/__snapshots__/Nav.test.tsx.snap b/packages/office-ui-fabric-react/src/components/Nav/__snapshots__/Nav.test.tsx.snap index 8f4b216257804..73767dcbba0f9 100644 --- a/packages/office-ui-fabric-react/src/components/Nav/__snapshots__/Nav.test.tsx.snap +++ b/packages/office-ui-fabric-react/src/components/Nav/__snapshots__/Nav.test.tsx.snap @@ -215,7 +215,6 @@ exports[`Nav render Nav with overrides correctly 1`] = ` z-index: 1; } @media screen and (-ms-high-contrast: active){.ms-Fabric--isFocusVisible &:focus:after { - border: none; bottom: -2px; left: -2px; outline-color: ButtonText; @@ -373,7 +372,6 @@ exports[`Nav render Nav with overrides correctly 1`] = ` z-index: 1; } @media screen and (-ms-high-contrast: active){.ms-Fabric--isFocusVisible &:focus:after { - border: none; bottom: -2px; left: -2px; outline-color: ButtonText; @@ -593,7 +591,6 @@ exports[`Nav renders Nav correctly 1`] = ` z-index: 1; } @media screen and (-ms-high-contrast: active){.ms-Fabric--isFocusVisible &:focus:after { - border: none; bottom: -2px; left: -2px; outline-color: ButtonText; diff --git a/packages/office-ui-fabric-react/src/components/Panel/__snapshots__/Panel.test.tsx.snap b/packages/office-ui-fabric-react/src/components/Panel/__snapshots__/Panel.test.tsx.snap index d8d1a5e76168d..3c379513c3509 100644 --- a/packages/office-ui-fabric-react/src/components/Panel/__snapshots__/Panel.test.tsx.snap +++ b/packages/office-ui-fabric-react/src/components/Panel/__snapshots__/Panel.test.tsx.snap @@ -260,7 +260,6 @@ exports[`Panel renders Panel correctly 1`] = ` z-index: 1; } @media screen and (-ms-high-contrast: active){.ms-Fabric--isFocusVisible &:focus:after { - border: none; bottom: -2px; left: -2px; outline-color: ButtonText; diff --git a/packages/office-ui-fabric-react/src/components/Pivot/__snapshots__/Pivot.deprecated.test.tsx.snap b/packages/office-ui-fabric-react/src/components/Pivot/__snapshots__/Pivot.deprecated.test.tsx.snap index 095cefbb255df..97e7dcf2c2e3d 100644 --- a/packages/office-ui-fabric-react/src/components/Pivot/__snapshots__/Pivot.deprecated.test.tsx.snap +++ b/packages/office-ui-fabric-react/src/components/Pivot/__snapshots__/Pivot.deprecated.test.tsx.snap @@ -86,7 +86,6 @@ exports[`Pivot renders link Pivot correctly 1`] = ` z-index: 1; } @media screen and (-ms-high-contrast: active){.ms-Fabric--isFocusVisible &:focus:after { - border: none; bottom: -2px; left: -2px; outline-color: ButtonText; @@ -253,7 +252,6 @@ exports[`Pivot renders link Pivot correctly 1`] = ` z-index: 1; } @media screen and (-ms-high-contrast: active){.ms-Fabric--isFocusVisible &:focus:after { - border: none; bottom: -2px; left: -2px; outline-color: ButtonText; diff --git a/packages/office-ui-fabric-react/src/components/Pivot/__snapshots__/Pivot.test.tsx.snap b/packages/office-ui-fabric-react/src/components/Pivot/__snapshots__/Pivot.test.tsx.snap index f75fc19819929..17673ab6127b4 100644 --- a/packages/office-ui-fabric-react/src/components/Pivot/__snapshots__/Pivot.test.tsx.snap +++ b/packages/office-ui-fabric-react/src/components/Pivot/__snapshots__/Pivot.test.tsx.snap @@ -86,7 +86,6 @@ exports[`Pivot renders Pivot correctly when itemCount is a string 1`] = ` z-index: 1; } @media screen and (-ms-high-contrast: active){.ms-Fabric--isFocusVisible &:focus:after { - border: none; bottom: -2px; left: -2px; outline-color: ButtonText; @@ -253,7 +252,6 @@ exports[`Pivot renders Pivot correctly when itemCount is a string 1`] = ` z-index: 1; } @media screen and (-ms-high-contrast: active){.ms-Fabric--isFocusVisible &:focus:after { - border: none; bottom: -2px; left: -2px; outline-color: ButtonText; @@ -478,7 +476,6 @@ exports[`Pivot renders Pivot correctly with custom className 1`] = ` z-index: 1; } @media screen and (-ms-high-contrast: active){.ms-Fabric--isFocusVisible &:focus:after { - border: none; bottom: -2px; left: -2px; outline-color: ButtonText; @@ -645,7 +642,6 @@ exports[`Pivot renders Pivot correctly with custom className 1`] = ` z-index: 1; } @media screen and (-ms-high-contrast: active){.ms-Fabric--isFocusVisible &:focus:after { - border: none; bottom: -2px; left: -2px; outline-color: ButtonText; @@ -859,7 +855,6 @@ exports[`Pivot renders Pivot correctly with icon, text and count 1`] = ` z-index: 1; } @media screen and (-ms-high-contrast: active){.ms-Fabric--isFocusVisible &:focus:after { - border: none; bottom: -2px; left: -2px; outline-color: ButtonText; @@ -1026,7 +1021,6 @@ exports[`Pivot renders Pivot correctly with icon, text and count 1`] = ` z-index: 1; } @media screen and (-ms-high-contrast: active){.ms-Fabric--isFocusVisible &:focus:after { - border: none; bottom: -2px; left: -2px; outline-color: ButtonText; @@ -1195,7 +1189,6 @@ exports[`Pivot renders Pivot correctly with icon, text and count 1`] = ` z-index: 1; } @media screen and (-ms-high-contrast: active){.ms-Fabric--isFocusVisible &:focus:after { - border: none; bottom: -2px; left: -2px; outline-color: ButtonText; @@ -1429,7 +1422,6 @@ exports[`Pivot renders large link Pivot correctly 1`] = ` z-index: 1; } @media screen and (-ms-high-contrast: active){.ms-Fabric--isFocusVisible &:focus:after { - border: none; bottom: -2px; left: -2px; outline-color: ButtonText; @@ -1596,7 +1588,6 @@ exports[`Pivot renders large link Pivot correctly 1`] = ` z-index: 1; } @media screen and (-ms-high-contrast: active){.ms-Fabric--isFocusVisible &:focus:after { - border: none; bottom: -2px; left: -2px; outline-color: ButtonText; @@ -1811,7 +1802,6 @@ exports[`Pivot renders large tabbed Pivot correctly 1`] = ` z-index: 1; } @media screen and (-ms-high-contrast: active){.ms-Fabric--isFocusVisible &:focus:after { - border: none; bottom: -2px; left: -2px; outline-color: ButtonText; @@ -1988,7 +1978,6 @@ exports[`Pivot renders large tabbed Pivot correctly 1`] = ` z-index: 1; } @media screen and (-ms-high-contrast: active){.ms-Fabric--isFocusVisible &:focus:after { - border: none; bottom: -2px; left: -2px; outline-color: ButtonText; @@ -2207,7 +2196,6 @@ exports[`Pivot renders link Pivot correctly 1`] = ` z-index: 1; } @media screen and (-ms-high-contrast: active){.ms-Fabric--isFocusVisible &:focus:after { - border: none; bottom: -2px; left: -2px; outline-color: ButtonText; @@ -2374,7 +2362,6 @@ exports[`Pivot renders link Pivot correctly 1`] = ` z-index: 1; } @media screen and (-ms-high-contrast: active){.ms-Fabric--isFocusVisible &:focus:after { - border: none; bottom: -2px; left: -2px; outline-color: ButtonText; @@ -2588,7 +2575,6 @@ exports[`Pivot renders tabbed Pivot correctly 1`] = ` z-index: 1; } @media screen and (-ms-high-contrast: active){.ms-Fabric--isFocusVisible &:focus:after { - border: none; bottom: -2px; left: -2px; outline-color: ButtonText; @@ -2765,7 +2751,6 @@ exports[`Pivot renders tabbed Pivot correctly 1`] = ` z-index: 1; } @media screen and (-ms-high-contrast: active){.ms-Fabric--isFocusVisible &:focus:after { - border: none; bottom: -2px; left: -2px; outline-color: ButtonText; @@ -2983,7 +2968,6 @@ exports[`Pivot supports JSX expressions 1`] = ` z-index: 1; } @media screen and (-ms-high-contrast: active){.ms-Fabric--isFocusVisible &:focus:after { - border: none; bottom: -2px; left: -2px; outline-color: ButtonText; @@ -3141,7 +3125,6 @@ exports[`Pivot supports JSX expressions 1`] = ` z-index: 1; } @media screen and (-ms-high-contrast: active){.ms-Fabric--isFocusVisible &:focus:after { - border: none; bottom: -2px; left: -2px; outline-color: ButtonText; diff --git a/packages/office-ui-fabric-react/src/components/SpinButton/__snapshots__/SpinButton.test.tsx.snap b/packages/office-ui-fabric-react/src/components/SpinButton/__snapshots__/SpinButton.test.tsx.snap index a5d7d3278dd85..15daab3b695b9 100644 --- a/packages/office-ui-fabric-react/src/components/SpinButton/__snapshots__/SpinButton.test.tsx.snap +++ b/packages/office-ui-fabric-react/src/components/SpinButton/__snapshots__/SpinButton.test.tsx.snap @@ -196,7 +196,6 @@ exports[`SpinButton renders correctly 1`] = ` z-index: 1; } @media screen and (-ms-high-contrast: active){.ms-Fabric--isFocusVisible &:focus:after { - border: none; bottom: -2px; left: -2px; outline-color: ButtonText; @@ -337,7 +336,6 @@ exports[`SpinButton renders correctly 1`] = ` z-index: 1; } @media screen and (-ms-high-contrast: active){.ms-Fabric--isFocusVisible &:focus:after { - border: none; bottom: -2px; left: -2px; outline-color: ButtonText; @@ -636,7 +634,6 @@ exports[`SpinButton renders correctly with user-provided values 1`] = ` z-index: 1; } @media screen and (-ms-high-contrast: active){.ms-Fabric--isFocusVisible &:focus:after { - border: none; bottom: -2px; left: -2px; outline-color: ButtonText; @@ -777,7 +774,6 @@ exports[`SpinButton renders correctly with user-provided values 1`] = ` z-index: 1; } @media screen and (-ms-high-contrast: active){.ms-Fabric--isFocusVisible &:focus:after { - border: none; bottom: -2px; left: -2px; outline-color: ButtonText; diff --git a/packages/office-ui-fabric-react/src/components/TeachingBubble/__snapshots__/TeachingBubble.deprecated.test.tsx.snap b/packages/office-ui-fabric-react/src/components/TeachingBubble/__snapshots__/TeachingBubble.deprecated.test.tsx.snap index 84c91251e2e57..2eefb72e1c9dd 100644 --- a/packages/office-ui-fabric-react/src/components/TeachingBubble/__snapshots__/TeachingBubble.deprecated.test.tsx.snap +++ b/packages/office-ui-fabric-react/src/components/TeachingBubble/__snapshots__/TeachingBubble.deprecated.test.tsx.snap @@ -204,7 +204,6 @@ exports[`TeachingBubble renders renders with hasCloseIcon which is deprecated 1` z-index: 1; } @media screen and (-ms-high-contrast: active){.ms-Fabric--isFocusVisible &:focus:after { - border: none; bottom: -2px; left: -2px; outline-color: ButtonText; @@ -339,7 +338,6 @@ exports[`TeachingBubble renders renders with hasCloseIcon which is deprecated 1` z-index: 1; } @media screen and (-ms-high-contrast: active){.ms-Fabric--isFocusVisible &:focus:after { - border: none; bottom: -2px; left: -2px; outline-color: ButtonText; @@ -492,7 +490,6 @@ exports[`TeachingBubble renders renders with hasCloseIcon which is deprecated 1` z-index: 1; } @media screen and (-ms-high-contrast: active){.ms-Fabric--isFocusVisible &:focus:after { - border: none; bottom: -2px; left: -2px; outline-color: ButtonText; diff --git a/packages/office-ui-fabric-react/src/components/TeachingBubble/__snapshots__/TeachingBubble.test.tsx.snap b/packages/office-ui-fabric-react/src/components/TeachingBubble/__snapshots__/TeachingBubble.test.tsx.snap index ffb55410b9e2f..0c6612a0e77d1 100644 --- a/packages/office-ui-fabric-react/src/components/TeachingBubble/__snapshots__/TeachingBubble.test.tsx.snap +++ b/packages/office-ui-fabric-react/src/components/TeachingBubble/__snapshots__/TeachingBubble.test.tsx.snap @@ -472,7 +472,6 @@ exports[`TeachingBubble renders TeachingBubbleContent with buttons correctly 1`] z-index: 1; } @media screen and (-ms-high-contrast: active){.ms-Fabric--isFocusVisible &:focus:after { - border: none; bottom: -2px; left: -2px; outline-color: ButtonText; @@ -607,7 +606,6 @@ exports[`TeachingBubble renders TeachingBubbleContent with buttons correctly 1`] z-index: 1; } @media screen and (-ms-high-contrast: active){.ms-Fabric--isFocusVisible &:focus:after { - border: none; bottom: -2px; left: -2px; outline-color: ButtonText; @@ -760,7 +758,6 @@ exports[`TeachingBubble renders TeachingBubbleContent with buttons correctly 1`] z-index: 1; } @media screen and (-ms-high-contrast: active){.ms-Fabric--isFocusVisible &:focus:after { - border: none; bottom: -2px; left: -2px; outline-color: ButtonText; diff --git a/packages/office-ui-fabric-react/src/components/__snapshots__/Announced.LazyLoading.Example.tsx.shot b/packages/office-ui-fabric-react/src/components/__snapshots__/Announced.LazyLoading.Example.tsx.shot index 0f286c0ff6c61..084e38604c44d 100644 --- a/packages/office-ui-fabric-react/src/components/__snapshots__/Announced.LazyLoading.Example.tsx.shot +++ b/packages/office-ui-fabric-react/src/components/__snapshots__/Announced.LazyLoading.Example.tsx.shot @@ -83,7 +83,6 @@ exports[`Component Examples renders Announced.LazyLoading.Example.tsx correctly z-index: 1; } @media screen and (-ms-high-contrast: active){.ms-Fabric--isFocusVisible &:focus:after { - border: none; bottom: -2px; left: -2px; outline-color: ButtonText; diff --git a/packages/office-ui-fabric-react/src/components/__snapshots__/Announced.QuickActions.Example.tsx.shot b/packages/office-ui-fabric-react/src/components/__snapshots__/Announced.QuickActions.Example.tsx.shot index bca2ebb314546..0dcfcd0951826 100644 --- a/packages/office-ui-fabric-react/src/components/__snapshots__/Announced.QuickActions.Example.tsx.shot +++ b/packages/office-ui-fabric-react/src/components/__snapshots__/Announced.QuickActions.Example.tsx.shot @@ -1596,7 +1596,6 @@ exports[`Component Examples renders Announced.QuickActions.Example.tsx correctly z-index: 1; } @media screen and (-ms-high-contrast: active){.ms-Fabric--isFocusVisible &:focus:after { - border: none; bottom: -2px; left: -2px; outline-color: ButtonText; @@ -2314,7 +2313,6 @@ exports[`Component Examples renders Announced.QuickActions.Example.tsx correctly z-index: 1; } @media screen and (-ms-high-contrast: active){.ms-Fabric--isFocusVisible &:focus:after { - border: none; bottom: -2px; left: -2px; outline-color: ButtonText; @@ -3032,7 +3030,6 @@ exports[`Component Examples renders Announced.QuickActions.Example.tsx correctly z-index: 1; } @media screen and (-ms-high-contrast: active){.ms-Fabric--isFocusVisible &:focus:after { - border: none; bottom: -2px; left: -2px; outline-color: ButtonText; @@ -3750,7 +3747,6 @@ exports[`Component Examples renders Announced.QuickActions.Example.tsx correctly z-index: 1; } @media screen and (-ms-high-contrast: active){.ms-Fabric--isFocusVisible &:focus:after { - border: none; bottom: -2px; left: -2px; outline-color: ButtonText; @@ -4468,7 +4464,6 @@ exports[`Component Examples renders Announced.QuickActions.Example.tsx correctly z-index: 1; } @media screen and (-ms-high-contrast: active){.ms-Fabric--isFocusVisible &:focus:after { - border: none; bottom: -2px; left: -2px; outline-color: ButtonText; @@ -5186,7 +5181,6 @@ exports[`Component Examples renders Announced.QuickActions.Example.tsx correctly z-index: 1; } @media screen and (-ms-high-contrast: active){.ms-Fabric--isFocusVisible &:focus:after { - border: none; bottom: -2px; left: -2px; outline-color: ButtonText; @@ -5904,7 +5898,6 @@ exports[`Component Examples renders Announced.QuickActions.Example.tsx correctly z-index: 1; } @media screen and (-ms-high-contrast: active){.ms-Fabric--isFocusVisible &:focus:after { - border: none; bottom: -2px; left: -2px; outline-color: ButtonText; @@ -6622,7 +6615,6 @@ exports[`Component Examples renders Announced.QuickActions.Example.tsx correctly z-index: 1; } @media screen and (-ms-high-contrast: active){.ms-Fabric--isFocusVisible &:focus:after { - border: none; bottom: -2px; left: -2px; outline-color: ButtonText; @@ -7340,7 +7332,6 @@ exports[`Component Examples renders Announced.QuickActions.Example.tsx correctly z-index: 1; } @media screen and (-ms-high-contrast: active){.ms-Fabric--isFocusVisible &:focus:after { - border: none; bottom: -2px; left: -2px; outline-color: ButtonText; @@ -8058,7 +8049,6 @@ exports[`Component Examples renders Announced.QuickActions.Example.tsx correctly z-index: 1; } @media screen and (-ms-high-contrast: active){.ms-Fabric--isFocusVisible &:focus:after { - border: none; bottom: -2px; left: -2px; outline-color: ButtonText; diff --git a/packages/office-ui-fabric-react/src/components/__snapshots__/Breadcrumb.Basic.Example.tsx.shot b/packages/office-ui-fabric-react/src/components/__snapshots__/Breadcrumb.Basic.Example.tsx.shot index 115679520bd88..802d4955b4f3a 100644 --- a/packages/office-ui-fabric-react/src/components/__snapshots__/Breadcrumb.Basic.Example.tsx.shot +++ b/packages/office-ui-fabric-react/src/components/__snapshots__/Breadcrumb.Basic.Example.tsx.shot @@ -156,7 +156,6 @@ exports[`Component Examples renders Breadcrumb.Basic.Example.tsx correctly 1`] = z-index: 1; } @media screen and (-ms-high-contrast: active){.ms-Fabric--isFocusVisible &:focus:after { - border: none; bottom: -2px; left: -2px; outline-color: ButtonText; @@ -1957,7 +1956,6 @@ exports[`Component Examples renders Breadcrumb.Basic.Example.tsx correctly 1`] = z-index: 1; } @media screen and (-ms-high-contrast: active){.ms-Fabric--isFocusVisible &:focus:after { - border: none; bottom: -2px; left: -2px; outline-color: ButtonText; diff --git a/packages/office-ui-fabric-react/src/components/__snapshots__/Breadcrumb.Collapsing.Example.tsx.shot b/packages/office-ui-fabric-react/src/components/__snapshots__/Breadcrumb.Collapsing.Example.tsx.shot index b0c91a8187e57..0159973073c73 100644 --- a/packages/office-ui-fabric-react/src/components/__snapshots__/Breadcrumb.Collapsing.Example.tsx.shot +++ b/packages/office-ui-fabric-react/src/components/__snapshots__/Breadcrumb.Collapsing.Example.tsx.shot @@ -1119,7 +1119,6 @@ exports[`Component Examples renders Breadcrumb.Collapsing.Example.tsx correctly z-index: 1; } @media screen and (-ms-high-contrast: active){.ms-Fabric--isFocusVisible &:focus:after { - border: none; bottom: -2px; left: -2px; outline-color: ButtonText; @@ -1954,7 +1953,6 @@ exports[`Component Examples renders Breadcrumb.Collapsing.Example.tsx correctly z-index: 1; } @media screen and (-ms-high-contrast: active){.ms-Fabric--isFocusVisible &:focus:after { - border: none; bottom: -2px; left: -2px; outline-color: ButtonText; diff --git a/packages/office-ui-fabric-react/src/components/__snapshots__/Breadcrumb.Static.Example.tsx.shot b/packages/office-ui-fabric-react/src/components/__snapshots__/Breadcrumb.Static.Example.tsx.shot index a8f0b26f137fb..9a01f940a8ac5 100644 --- a/packages/office-ui-fabric-react/src/components/__snapshots__/Breadcrumb.Static.Example.tsx.shot +++ b/packages/office-ui-fabric-react/src/components/__snapshots__/Breadcrumb.Static.Example.tsx.shot @@ -132,7 +132,6 @@ exports[`Component Examples renders Breadcrumb.Static.Example.tsx correctly 1`] z-index: 1; } @media screen and (-ms-high-contrast: active){.ms-Fabric--isFocusVisible &:focus:after { - border: none; bottom: -2px; left: -2px; outline-color: ButtonText; diff --git a/packages/office-ui-fabric-react/src/components/__snapshots__/Button.Action.Example.tsx.shot b/packages/office-ui-fabric-react/src/components/__snapshots__/Button.Action.Example.tsx.shot index 2163881f71ea7..8f1d86a14b3ef 100644 --- a/packages/office-ui-fabric-react/src/components/__snapshots__/Button.Action.Example.tsx.shot +++ b/packages/office-ui-fabric-react/src/components/__snapshots__/Button.Action.Example.tsx.shot @@ -45,7 +45,6 @@ exports[`Component Examples renders Button.Action.Example.tsx correctly 1`] = ` z-index: 1; } @media screen and (-ms-high-contrast: active){.ms-Fabric--isFocusVisible &:focus:after { - border: none; bottom: -2px; left: -2px; outline-color: ButtonText; diff --git a/packages/office-ui-fabric-react/src/components/__snapshots__/Button.Anchor.Example.tsx.shot b/packages/office-ui-fabric-react/src/components/__snapshots__/Button.Anchor.Example.tsx.shot index 32132aa96b6c0..84bfa4dd8207d 100644 --- a/packages/office-ui-fabric-react/src/components/__snapshots__/Button.Anchor.Example.tsx.shot +++ b/packages/office-ui-fabric-react/src/components/__snapshots__/Button.Anchor.Example.tsx.shot @@ -45,7 +45,6 @@ exports[`Component Examples renders Button.Anchor.Example.tsx correctly 1`] = ` z-index: 1; } @media screen and (-ms-high-contrast: active){.ms-Fabric--isFocusVisible &:focus:after { - border: none; bottom: -2px; left: -2px; outline-color: ButtonText; diff --git a/packages/office-ui-fabric-react/src/components/__snapshots__/Button.Command.Example.tsx.shot b/packages/office-ui-fabric-react/src/components/__snapshots__/Button.Command.Example.tsx.shot index a5243bf0f44cf..7cb54ab01c773 100644 --- a/packages/office-ui-fabric-react/src/components/__snapshots__/Button.Command.Example.tsx.shot +++ b/packages/office-ui-fabric-react/src/components/__snapshots__/Button.Command.Example.tsx.shot @@ -49,7 +49,6 @@ exports[`Component Examples renders Button.Command.Example.tsx correctly 1`] = ` z-index: 1; } @media screen and (-ms-high-contrast: active){.ms-Fabric--isFocusVisible &:focus:after { - border: none; bottom: -2px; left: -2px; outline-color: ButtonText; diff --git a/packages/office-ui-fabric-react/src/components/__snapshots__/Button.CommandBar.Example.tsx.shot b/packages/office-ui-fabric-react/src/components/__snapshots__/Button.CommandBar.Example.tsx.shot index 09225e85bc531..89f21dc1e96eb 100644 --- a/packages/office-ui-fabric-react/src/components/__snapshots__/Button.CommandBar.Example.tsx.shot +++ b/packages/office-ui-fabric-react/src/components/__snapshots__/Button.CommandBar.Example.tsx.shot @@ -208,6 +208,7 @@ exports[`Component Examples renders Button.CommandBar.Example.tsx correctly 1`] speak: none; } { + @media screen and (-ms-high-contrast: active); color: #605e5c; flex-shrink: 0; font-size: 12px; diff --git a/packages/office-ui-fabric-react/src/components/__snapshots__/Button.Compound.Example.tsx.shot b/packages/office-ui-fabric-react/src/components/__snapshots__/Button.Compound.Example.tsx.shot index 9e00dbefa27ae..1fe3aa7cf316b 100644 --- a/packages/office-ui-fabric-react/src/components/__snapshots__/Button.Compound.Example.tsx.shot +++ b/packages/office-ui-fabric-react/src/components/__snapshots__/Button.Compound.Example.tsx.shot @@ -69,7 +69,6 @@ exports[`Component Examples renders Button.Compound.Example.tsx correctly 1`] = z-index: 1; } @media screen and (-ms-high-contrast: active){.ms-Fabric--isFocusVisible &:focus:after { - border: none; bottom: -2px; left: -2px; outline-color: ButtonText; @@ -219,7 +218,6 @@ exports[`Component Examples renders Button.Compound.Example.tsx correctly 1`] = z-index: 1; } @media screen and (-ms-high-contrast: active){.ms-Fabric--isFocusVisible &:focus:after { - border: none; bottom: -2px; left: -2px; outline-color: ButtonText; diff --git a/packages/office-ui-fabric-react/src/components/__snapshots__/Button.ContextualMenu.Example.tsx.shot b/packages/office-ui-fabric-react/src/components/__snapshots__/Button.ContextualMenu.Example.tsx.shot index 83d2acb7416cc..8e07dcb84dc4a 100644 --- a/packages/office-ui-fabric-react/src/components/__snapshots__/Button.ContextualMenu.Example.tsx.shot +++ b/packages/office-ui-fabric-react/src/components/__snapshots__/Button.ContextualMenu.Example.tsx.shot @@ -49,7 +49,6 @@ exports[`Component Examples renders Button.ContextualMenu.Example.tsx correctly z-index: 1; } @media screen and (-ms-high-contrast: active){.ms-Fabric--isFocusVisible &:focus:after { - border: none; bottom: -2px; left: -2px; outline-color: ButtonText; diff --git a/packages/office-ui-fabric-react/src/components/__snapshots__/Button.CustomSplit.Example.tsx.shot b/packages/office-ui-fabric-react/src/components/__snapshots__/Button.CustomSplit.Example.tsx.shot index f4c799d3c7e5b..2101408934a12 100644 --- a/packages/office-ui-fabric-react/src/components/__snapshots__/Button.CustomSplit.Example.tsx.shot +++ b/packages/office-ui-fabric-react/src/components/__snapshots__/Button.CustomSplit.Example.tsx.shot @@ -74,12 +74,18 @@ exports[`Component Examples renders Button.CustomSplit.Example.tsx correctly 1`] } @media screen and (-ms-high-contrast: active){& .ms-Button--primary { -ms-high-contrast-adjust: none; - background-color: WindowText; - color: Window; + background-color: Window; + border-right-width: 0; + border: 1px solid WindowText; + color: WindowText; } & .ms-Button--primary + .ms-Button { border: none; } + @media screen and (-ms-high-contrast: active){& .ms-Button--primary + .ms-Button { + border-left-width: 0; + border: 1px solid WindowText; + } @media screen and (-ms-high-contrast: active){& { border: none; } @@ -160,7 +166,6 @@ exports[`Component Examples renders Button.CustomSplit.Example.tsx correctly 1`] z-index: 1; } @media screen and (-ms-high-contrast: active){.ms-Fabric--isFocusVisible &:focus:after { - border: none; bottom: -2px; left: -2px; outline-color: ButtonText; diff --git a/packages/office-ui-fabric-react/src/components/__snapshots__/Button.Default.Example.tsx.shot b/packages/office-ui-fabric-react/src/components/__snapshots__/Button.Default.Example.tsx.shot index 022f427edb276..3753b8035a7fc 100644 --- a/packages/office-ui-fabric-react/src/components/__snapshots__/Button.Default.Example.tsx.shot +++ b/packages/office-ui-fabric-react/src/components/__snapshots__/Button.Default.Example.tsx.shot @@ -66,7 +66,6 @@ exports[`Component Examples renders Button.Default.Example.tsx correctly 1`] = ` z-index: 1; } @media screen and (-ms-high-contrast: active){.ms-Fabric--isFocusVisible &:focus:after { - border: none; bottom: -2px; left: -2px; outline-color: ButtonText; @@ -183,7 +182,6 @@ exports[`Component Examples renders Button.Default.Example.tsx correctly 1`] = ` z-index: 1; } @media screen and (-ms-high-contrast: active){.ms-Fabric--isFocusVisible &:focus:after { - border: none; bottom: -2px; left: -2px; outline-color: ButtonText; diff --git a/packages/office-ui-fabric-react/src/components/__snapshots__/Button.Icon.Example.tsx.shot b/packages/office-ui-fabric-react/src/components/__snapshots__/Button.Icon.Example.tsx.shot index 3c14a70a8c548..796a66b40d862 100644 --- a/packages/office-ui-fabric-react/src/components/__snapshots__/Button.Icon.Example.tsx.shot +++ b/packages/office-ui-fabric-react/src/components/__snapshots__/Button.Icon.Example.tsx.shot @@ -68,7 +68,6 @@ exports[`Component Examples renders Button.Icon.Example.tsx correctly 1`] = ` z-index: 1; } @media screen and (-ms-high-contrast: active){.ms-Fabric--isFocusVisible &:focus:after { - border: none; bottom: -2px; left: -2px; outline-color: ButtonText; @@ -202,7 +201,6 @@ exports[`Component Examples renders Button.Icon.Example.tsx correctly 1`] = ` z-index: 1; } @media screen and (-ms-high-contrast: active){.ms-Fabric--isFocusVisible &:focus:after { - border: none; bottom: -2px; left: -2px; outline-color: ButtonText; diff --git a/packages/office-ui-fabric-react/src/components/__snapshots__/Button.IconWithTooltip.Example.tsx.shot b/packages/office-ui-fabric-react/src/components/__snapshots__/Button.IconWithTooltip.Example.tsx.shot index f86eea4d44b2b..968cdd10bfb40 100644 --- a/packages/office-ui-fabric-react/src/components/__snapshots__/Button.IconWithTooltip.Example.tsx.shot +++ b/packages/office-ui-fabric-react/src/components/__snapshots__/Button.IconWithTooltip.Example.tsx.shot @@ -59,7 +59,6 @@ exports[`Component Examples renders Button.IconWithTooltip.Example.tsx correctly z-index: 1; } @media screen and (-ms-high-contrast: active){.ms-Fabric--isFocusVisible &:focus:after { - border: none; bottom: -2px; left: -2px; outline-color: ButtonText; diff --git a/packages/office-ui-fabric-react/src/components/__snapshots__/Button.ScreenReader.Example.tsx.shot b/packages/office-ui-fabric-react/src/components/__snapshots__/Button.ScreenReader.Example.tsx.shot index c66aa37fcafab..1f6b8aca71ceb 100644 --- a/packages/office-ui-fabric-react/src/components/__snapshots__/Button.ScreenReader.Example.tsx.shot +++ b/packages/office-ui-fabric-react/src/components/__snapshots__/Button.ScreenReader.Example.tsx.shot @@ -48,7 +48,6 @@ exports[`Component Examples renders Button.ScreenReader.Example.tsx correctly 1` z-index: 1; } @media screen and (-ms-high-contrast: active){.ms-Fabric--isFocusVisible &:focus:after { - border: none; bottom: -2px; left: -2px; outline-color: ButtonText; diff --git a/packages/office-ui-fabric-react/src/components/__snapshots__/Button.Split.Example.tsx.shot b/packages/office-ui-fabric-react/src/components/__snapshots__/Button.Split.Example.tsx.shot index d9375d6fadd44..a60b07660a3a0 100644 --- a/packages/office-ui-fabric-react/src/components/__snapshots__/Button.Split.Example.tsx.shot +++ b/packages/office-ui-fabric-react/src/components/__snapshots__/Button.Split.Example.tsx.shot @@ -88,12 +88,18 @@ exports[`Component Examples renders Button.Split.Example.tsx correctly 1`] = ` } @media screen and (-ms-high-contrast: active){& .ms-Button--primary { -ms-high-contrast-adjust: none; - background-color: WindowText; - color: Window; + background-color: Window; + border-right-width: 0; + border: 1px solid WindowText; + color: WindowText; } & .ms-Button--primary + .ms-Button { border: none; } + @media screen and (-ms-high-contrast: active){& .ms-Button--primary + .ms-Button { + border-left-width: 0; + border: 1px solid WindowText; + } @media screen and (-ms-high-contrast: active){&:hover .ms-Button--primary { background-color: Highlight; color: Window; @@ -170,7 +176,6 @@ exports[`Component Examples renders Button.Split.Example.tsx correctly 1`] = ` z-index: 1; } @media screen and (-ms-high-contrast: active){.ms-Fabric--isFocusVisible &:focus:after { - border: none; bottom: -2px; left: -2px; outline-color: ButtonText; @@ -422,12 +427,18 @@ exports[`Component Examples renders Button.Split.Example.tsx correctly 1`] = ` } @media screen and (-ms-high-contrast: active){& .ms-Button--primary { -ms-high-contrast-adjust: none; - background-color: WindowText; - color: Window; + background-color: Window; + border-right-width: 0; + border: 1px solid WindowText; + color: WindowText; } & .ms-Button--primary + .ms-Button { border: none; } + @media screen and (-ms-high-contrast: active){& .ms-Button--primary + .ms-Button { + border-left-width: 0; + border: 1px solid WindowText; + } @media screen and (-ms-high-contrast: active){&:hover .ms-Button--primary { background-color: Highlight; color: Window; @@ -505,7 +516,6 @@ exports[`Component Examples renders Button.Split.Example.tsx correctly 1`] = ` z-index: 1; } @media screen and (-ms-high-contrast: active){.ms-Fabric--isFocusVisible &:focus:after { - border: none; bottom: -2px; left: -2px; outline-color: ButtonText; @@ -775,12 +785,18 @@ exports[`Component Examples renders Button.Split.Example.tsx correctly 1`] = ` } @media screen and (-ms-high-contrast: active){& .ms-Button--primary { -ms-high-contrast-adjust: none; - background-color: WindowText; - color: Window; + background-color: Window; + border-right-width: 0; + border: 1px solid WindowText; + color: WindowText; } & .ms-Button--primary + .ms-Button { border: none; } + @media screen and (-ms-high-contrast: active){& .ms-Button--primary + .ms-Button { + border-left-width: 0; + border: 1px solid WindowText; + } @media screen and (-ms-high-contrast: active){&:hover .ms-Button--primary { background-color: Highlight; color: Window; @@ -860,7 +876,6 @@ exports[`Component Examples renders Button.Split.Example.tsx correctly 1`] = ` z-index: 1; } @media screen and (-ms-high-contrast: active){.ms-Fabric--isFocusVisible &:focus:after { - border: none; bottom: -2px; left: -2px; outline-color: ButtonText; @@ -1117,12 +1132,21 @@ exports[`Component Examples renders Button.Split.Example.tsx correctly 1`] = ` } @media screen and (-ms-high-contrast: active){& .ms-Button--primary { -ms-high-contrast-adjust: none; - background-color: WindowText; - color: Window; + background-color: Window; + border-right-width: 0; + border: 1px solid WindowText; + color: WindowText; } & .ms-Button--primary + .ms-Button { border: none; } + @media screen and (-ms-high-contrast: active){& .ms-Button--primary + .ms-Button { + border-left-width: 0; + border: 1px solid WindowText; + } + @media screen and (forced-colors: active){& { + forced-color-adjust: none; + } data-is-focusable={true} onFocusCapture={[Function]} onKeyDown={[Function]} @@ -1187,7 +1211,6 @@ exports[`Component Examples renders Button.Split.Example.tsx correctly 1`] = ` z-index: 1; } @media screen and (-ms-high-contrast: active){.ms-Fabric--isFocusVisible &:focus:after { - border: none; bottom: -2px; left: -2px; outline-color: ButtonText; @@ -1307,6 +1330,9 @@ exports[`Component Examples renders Button.Split.Example.tsx correctly 1`] = ` border-color: GrayText; color: GrayText; } + @media screen and (-ms-high-contrast: active){& .ms-Button-menuIcon { + color: GrayText; + } @media screen and (-ms-high-contrast: active){& { background-color: Window; border: 1px solid GrayText; diff --git a/packages/office-ui-fabric-react/src/components/__snapshots__/Button.Toggle.Example.tsx.shot b/packages/office-ui-fabric-react/src/components/__snapshots__/Button.Toggle.Example.tsx.shot index 1dd060efe5172..6dc84df1b07d9 100644 --- a/packages/office-ui-fabric-react/src/components/__snapshots__/Button.Toggle.Example.tsx.shot +++ b/packages/office-ui-fabric-react/src/components/__snapshots__/Button.Toggle.Example.tsx.shot @@ -46,7 +46,6 @@ exports[`Component Examples renders Button.Toggle.Example.tsx correctly 1`] = ` z-index: 1; } @media screen and (-ms-high-contrast: active){.ms-Fabric--isFocusVisible &:focus:after { - border: none; bottom: -2px; left: -2px; outline-color: ButtonText; diff --git a/packages/office-ui-fabric-react/src/components/__snapshots__/Calendar.Button.Example.tsx.shot b/packages/office-ui-fabric-react/src/components/__snapshots__/Calendar.Button.Example.tsx.shot index 14edd66cf4b36..8d7ba2c798ff2 100644 --- a/packages/office-ui-fabric-react/src/components/__snapshots__/Calendar.Button.Example.tsx.shot +++ b/packages/office-ui-fabric-react/src/components/__snapshots__/Calendar.Button.Example.tsx.shot @@ -47,7 +47,6 @@ exports[`Component Examples renders Calendar.Button.Example.tsx correctly 1`] = z-index: 1; } @media screen and (-ms-high-contrast: active){.ms-Fabric--isFocusVisible &:focus:after { - border: none; bottom: -2px; left: -2px; outline-color: ButtonText; diff --git a/packages/office-ui-fabric-react/src/components/__snapshots__/Callout.Basic.Example.tsx.shot b/packages/office-ui-fabric-react/src/components/__snapshots__/Callout.Basic.Example.tsx.shot index 8317c708dd045..2500520e0b840 100644 --- a/packages/office-ui-fabric-react/src/components/__snapshots__/Callout.Basic.Example.tsx.shot +++ b/packages/office-ui-fabric-react/src/components/__snapshots__/Callout.Basic.Example.tsx.shot @@ -60,7 +60,6 @@ exports[`Component Examples renders Callout.Basic.Example.tsx correctly 1`] = ` z-index: 1; } @media screen and (-ms-high-contrast: active){.ms-Fabric--isFocusVisible &:focus:after { - border: none; bottom: -2px; left: -2px; outline-color: ButtonText; diff --git a/packages/office-ui-fabric-react/src/components/__snapshots__/Callout.Cover.Example.tsx.shot b/packages/office-ui-fabric-react/src/components/__snapshots__/Callout.Cover.Example.tsx.shot index a753651f4ecf0..c2fb8ee1746fa 100644 --- a/packages/office-ui-fabric-react/src/components/__snapshots__/Callout.Cover.Example.tsx.shot +++ b/packages/office-ui-fabric-react/src/components/__snapshots__/Callout.Cover.Example.tsx.shot @@ -279,7 +279,6 @@ Array [ z-index: 1; } @media screen and (-ms-high-contrast: active){.ms-Fabric--isFocusVisible &:focus:after { - border: none; bottom: -2px; left: -2px; outline-color: ButtonText; diff --git a/packages/office-ui-fabric-react/src/components/__snapshots__/Callout.Directional.Example.tsx.shot b/packages/office-ui-fabric-react/src/components/__snapshots__/Callout.Directional.Example.tsx.shot index a3c8b35ea4617..b1174a6757a58 100644 --- a/packages/office-ui-fabric-react/src/components/__snapshots__/Callout.Directional.Example.tsx.shot +++ b/packages/office-ui-fabric-react/src/components/__snapshots__/Callout.Directional.Example.tsx.shot @@ -983,7 +983,6 @@ Array [ z-index: 1; } @media screen and (-ms-high-contrast: active){.ms-Fabric--isFocusVisible &:focus:after { - border: none; bottom: -2px; left: -2px; outline-color: ButtonText; diff --git a/packages/office-ui-fabric-react/src/components/__snapshots__/Callout.FocusTrap.Example.tsx.shot b/packages/office-ui-fabric-react/src/components/__snapshots__/Callout.FocusTrap.Example.tsx.shot index 762e2aca277af..3408ef94a48d4 100644 --- a/packages/office-ui-fabric-react/src/components/__snapshots__/Callout.FocusTrap.Example.tsx.shot +++ b/packages/office-ui-fabric-react/src/components/__snapshots__/Callout.FocusTrap.Example.tsx.shot @@ -60,7 +60,6 @@ exports[`Component Examples renders Callout.FocusTrap.Example.tsx correctly 1`] z-index: 1; } @media screen and (-ms-high-contrast: active){.ms-Fabric--isFocusVisible &:focus:after { - border: none; bottom: -2px; left: -2px; outline-color: ButtonText; diff --git a/packages/office-ui-fabric-react/src/components/__snapshots__/Callout.Status.Example.tsx.shot b/packages/office-ui-fabric-react/src/components/__snapshots__/Callout.Status.Example.tsx.shot index 53eff724edf3d..140324329e142 100644 --- a/packages/office-ui-fabric-react/src/components/__snapshots__/Callout.Status.Example.tsx.shot +++ b/packages/office-ui-fabric-react/src/components/__snapshots__/Callout.Status.Example.tsx.shot @@ -60,7 +60,6 @@ exports[`Component Examples renders Callout.Status.Example.tsx correctly 1`] = ` z-index: 1; } @media screen and (-ms-high-contrast: active){.ms-Fabric--isFocusVisible &:focus:after { - border: none; bottom: -2px; left: -2px; outline-color: ButtonText; diff --git a/packages/office-ui-fabric-react/src/components/__snapshots__/Coachmark.Basic.Example.tsx.shot b/packages/office-ui-fabric-react/src/components/__snapshots__/Coachmark.Basic.Example.tsx.shot index 4c4f31be1fcb1..d8b7c9c556f91 100644 --- a/packages/office-ui-fabric-react/src/components/__snapshots__/Coachmark.Basic.Example.tsx.shot +++ b/packages/office-ui-fabric-react/src/components/__snapshots__/Coachmark.Basic.Example.tsx.shot @@ -271,7 +271,6 @@ exports[`Component Examples renders Coachmark.Basic.Example.tsx correctly 1`] = z-index: 1; } @media screen and (-ms-high-contrast: active){.ms-Fabric--isFocusVisible &:focus:after { - border: none; bottom: -2px; left: -2px; outline-color: ButtonText; diff --git a/packages/office-ui-fabric-react/src/components/__snapshots__/ComboBox.Basic.Example.tsx.shot b/packages/office-ui-fabric-react/src/components/__snapshots__/ComboBox.Basic.Example.tsx.shot index eae82594f38a4..042c39ab04a3e 100644 --- a/packages/office-ui-fabric-react/src/components/__snapshots__/ComboBox.Basic.Example.tsx.shot +++ b/packages/office-ui-fabric-react/src/components/__snapshots__/ComboBox.Basic.Example.tsx.shot @@ -280,7 +280,6 @@ exports[`Component Examples renders ComboBox.Basic.Example.tsx correctly 1`] = ` z-index: 1; } @media screen and (-ms-high-contrast: active){.ms-Fabric--isFocusVisible &:focus:after { - border: none; bottom: -2px; left: -2px; outline-color: ButtonText; @@ -438,7 +437,6 @@ exports[`Component Examples renders ComboBox.Basic.Example.tsx correctly 1`] = ` z-index: 1; } @media screen and (-ms-high-contrast: active){.ms-Fabric--isFocusVisible &:focus:after { - border: none; bottom: -2px; left: -2px; outline-color: ButtonText; diff --git a/packages/office-ui-fabric-react/src/components/__snapshots__/ComboBox.Controlled.Example.tsx.shot b/packages/office-ui-fabric-react/src/components/__snapshots__/ComboBox.Controlled.Example.tsx.shot index defc23354a751..3bb1b69752cde 100644 --- a/packages/office-ui-fabric-react/src/components/__snapshots__/ComboBox.Controlled.Example.tsx.shot +++ b/packages/office-ui-fabric-react/src/components/__snapshots__/ComboBox.Controlled.Example.tsx.shot @@ -284,7 +284,6 @@ exports[`Component Examples renders ComboBox.Controlled.Example.tsx correctly 1` z-index: 1; } @media screen and (-ms-high-contrast: active){.ms-Fabric--isFocusVisible &:focus:after { - border: none; bottom: -2px; left: -2px; outline-color: ButtonText; diff --git a/packages/office-ui-fabric-react/src/components/__snapshots__/ComboBox.ControlledMulti.Example.tsx.shot b/packages/office-ui-fabric-react/src/components/__snapshots__/ComboBox.ControlledMulti.Example.tsx.shot index 347f0a37a3289..36e8b18210969 100644 --- a/packages/office-ui-fabric-react/src/components/__snapshots__/ComboBox.ControlledMulti.Example.tsx.shot +++ b/packages/office-ui-fabric-react/src/components/__snapshots__/ComboBox.ControlledMulti.Example.tsx.shot @@ -305,7 +305,6 @@ exports[`Component Examples renders ComboBox.ControlledMulti.Example.tsx correct z-index: 1; } @media screen and (-ms-high-contrast: active){.ms-Fabric--isFocusVisible &:focus:after { - border: none; bottom: -2px; left: -2px; outline-color: ButtonText; diff --git a/packages/office-ui-fabric-react/src/components/__snapshots__/ComboBox.CustomStyled.Example.tsx.shot b/packages/office-ui-fabric-react/src/components/__snapshots__/ComboBox.CustomStyled.Example.tsx.shot index a1cfa99b31ecc..bdf48784b49fb 100644 --- a/packages/office-ui-fabric-react/src/components/__snapshots__/ComboBox.CustomStyled.Example.tsx.shot +++ b/packages/office-ui-fabric-react/src/components/__snapshots__/ComboBox.CustomStyled.Example.tsx.shot @@ -310,7 +310,6 @@ exports[`Component Examples renders ComboBox.CustomStyled.Example.tsx correctly z-index: 1; } @media screen and (-ms-high-contrast: active){.ms-Fabric--isFocusVisible &:focus:after { - border: none; bottom: -2px; left: -2px; outline-color: ButtonText; @@ -701,7 +700,6 @@ exports[`Component Examples renders ComboBox.CustomStyled.Example.tsx correctly z-index: 1; } @media screen and (-ms-high-contrast: active){.ms-Fabric--isFocusVisible &:focus:after { - border: none; bottom: -2px; left: -2px; outline-color: ButtonText; diff --git a/packages/office-ui-fabric-react/src/components/__snapshots__/ComboBox.ErrorHandling.Example.tsx.shot b/packages/office-ui-fabric-react/src/components/__snapshots__/ComboBox.ErrorHandling.Example.tsx.shot index c640e1c8cce21..c57cfdfbe5b51 100644 --- a/packages/office-ui-fabric-react/src/components/__snapshots__/ComboBox.ErrorHandling.Example.tsx.shot +++ b/packages/office-ui-fabric-react/src/components/__snapshots__/ComboBox.ErrorHandling.Example.tsx.shot @@ -221,7 +221,6 @@ exports[`Component Examples renders ComboBox.ErrorHandling.Example.tsx correctly z-index: 1; } @media screen and (-ms-high-contrast: active){.ms-Fabric--isFocusVisible &:focus:after { - border: none; bottom: -2px; left: -2px; outline-color: ButtonText; @@ -622,7 +621,6 @@ exports[`Component Examples renders ComboBox.ErrorHandling.Example.tsx correctly z-index: 1; } @media screen and (-ms-high-contrast: active){.ms-Fabric--isFocusVisible &:focus:after { - border: none; bottom: -2px; left: -2px; outline-color: ButtonText; diff --git a/packages/office-ui-fabric-react/src/components/__snapshots__/ComboBox.Toggles.Example.tsx.shot b/packages/office-ui-fabric-react/src/components/__snapshots__/ComboBox.Toggles.Example.tsx.shot index 2744965f2cdd6..da2433cd4db76 100644 --- a/packages/office-ui-fabric-react/src/components/__snapshots__/ComboBox.Toggles.Example.tsx.shot +++ b/packages/office-ui-fabric-react/src/components/__snapshots__/ComboBox.Toggles.Example.tsx.shot @@ -307,7 +307,6 @@ exports[`Component Examples renders ComboBox.Toggles.Example.tsx correctly 1`] = z-index: 1; } @media screen and (-ms-high-contrast: active){.ms-Fabric--isFocusVisible &:focus:after { - border: none; bottom: -2px; left: -2px; outline-color: ButtonText; diff --git a/packages/office-ui-fabric-react/src/components/__snapshots__/ComboBox.Virtualized.Example.tsx.shot b/packages/office-ui-fabric-react/src/components/__snapshots__/ComboBox.Virtualized.Example.tsx.shot index 6beecc73c7d22..453d9f2085e6d 100644 --- a/packages/office-ui-fabric-react/src/components/__snapshots__/ComboBox.Virtualized.Example.tsx.shot +++ b/packages/office-ui-fabric-react/src/components/__snapshots__/ComboBox.Virtualized.Example.tsx.shot @@ -302,7 +302,6 @@ exports[`Component Examples renders ComboBox.Virtualized.Example.tsx correctly 1 z-index: 1; } @media screen and (-ms-high-contrast: active){.ms-Fabric--isFocusVisible &:focus:after { - border: none; bottom: -2px; left: -2px; outline-color: ButtonText; diff --git a/packages/office-ui-fabric-react/src/components/__snapshots__/CommandBar.Basic.Example.tsx.shot b/packages/office-ui-fabric-react/src/components/__snapshots__/CommandBar.Basic.Example.tsx.shot index bb9155e853df6..9373b7f8cda04 100644 --- a/packages/office-ui-fabric-react/src/components/__snapshots__/CommandBar.Basic.Example.tsx.shot +++ b/packages/office-ui-fabric-react/src/components/__snapshots__/CommandBar.Basic.Example.tsx.shot @@ -258,6 +258,7 @@ exports[`Component Examples renders CommandBar.Basic.Example.tsx correctly 1`] = speak: none; } { + @media screen and (-ms-high-contrast: active); color: #605e5c; flex-shrink: 0; font-size: 12px; @@ -956,6 +957,7 @@ exports[`Component Examples renders CommandBar.Basic.Example.tsx correctly 1`] = speak: none; } { + @media screen and (-ms-high-contrast: active); color: #605e5c; flex-shrink: 0; font-size: 17px; diff --git a/packages/office-ui-fabric-react/src/components/__snapshots__/CommandBar.ButtonAs.Example.tsx.shot b/packages/office-ui-fabric-react/src/components/__snapshots__/CommandBar.ButtonAs.Example.tsx.shot index f565b3c91628f..6e917554579f8 100644 --- a/packages/office-ui-fabric-react/src/components/__snapshots__/CommandBar.ButtonAs.Example.tsx.shot +++ b/packages/office-ui-fabric-react/src/components/__snapshots__/CommandBar.ButtonAs.Example.tsx.shot @@ -258,6 +258,7 @@ exports[`Component Examples renders CommandBar.ButtonAs.Example.tsx correctly 1` speak: none; } { + @media screen and (-ms-high-contrast: active); color: #605e5c; flex-shrink: 0; font-size: 12px; @@ -959,6 +960,7 @@ exports[`Component Examples renders CommandBar.ButtonAs.Example.tsx correctly 1` speak: none; } { + @media screen and (-ms-high-contrast: active); color: #605e5c; flex-shrink: 0; font-size: 17px; diff --git a/packages/office-ui-fabric-react/src/components/__snapshots__/CommandBar.CommandBarButtonAs.Example.tsx.shot b/packages/office-ui-fabric-react/src/components/__snapshots__/CommandBar.CommandBarButtonAs.Example.tsx.shot index eed86aefbb78d..877aadcf1a646 100644 --- a/packages/office-ui-fabric-react/src/components/__snapshots__/CommandBar.CommandBarButtonAs.Example.tsx.shot +++ b/packages/office-ui-fabric-react/src/components/__snapshots__/CommandBar.CommandBarButtonAs.Example.tsx.shot @@ -1009,7 +1009,6 @@ exports[`Component Examples renders CommandBar.CommandBarButtonAs.Example.tsx co z-index: 1; } @media screen and (-ms-high-contrast: active){.ms-Fabric--isFocusVisible &:focus:after { - border: none; bottom: -2px; left: -2px; outline-color: ButtonText; diff --git a/packages/office-ui-fabric-react/src/components/__snapshots__/CommandBar.Lazy.Example.tsx.shot b/packages/office-ui-fabric-react/src/components/__snapshots__/CommandBar.Lazy.Example.tsx.shot index 1e0a7024db261..a69e65afc2453 100644 --- a/packages/office-ui-fabric-react/src/components/__snapshots__/CommandBar.Lazy.Example.tsx.shot +++ b/packages/office-ui-fabric-react/src/components/__snapshots__/CommandBar.Lazy.Example.tsx.shot @@ -363,6 +363,7 @@ exports[`Component Examples renders CommandBar.Lazy.Example.tsx correctly 1`] = speak: none; } { + @media screen and (-ms-high-contrast: active); color: #605e5c; flex-shrink: 0; font-size: 12px; diff --git a/packages/office-ui-fabric-react/src/components/__snapshots__/CommandBar.SplitDisabled.Example.tsx.shot b/packages/office-ui-fabric-react/src/components/__snapshots__/CommandBar.SplitDisabled.Example.tsx.shot index 06b6003da03d9..121594a45f863 100644 --- a/packages/office-ui-fabric-react/src/components/__snapshots__/CommandBar.SplitDisabled.Example.tsx.shot +++ b/packages/office-ui-fabric-react/src/components/__snapshots__/CommandBar.SplitDisabled.Example.tsx.shot @@ -113,12 +113,18 @@ exports[`Component Examples renders CommandBar.SplitDisabled.Example.tsx correct } @media screen and (-ms-high-contrast: active){& .ms-Button--primary { -ms-high-contrast-adjust: none; - background-color: WindowText; - color: Window; + background-color: Window; + border-right-width: 0; + border: 1px solid WindowText; + color: WindowText; } & .ms-Button--primary + .ms-Button { border: none; } + @media screen and (-ms-high-contrast: active){& .ms-Button--primary + .ms-Button { + border-left-width: 0; + border: 1px solid WindowText; + } @media screen and (-ms-high-contrast: active){& { border: none; } @@ -414,6 +420,7 @@ exports[`Component Examples renders CommandBar.SplitDisabled.Example.tsx correct speak: none; } { + @media screen and (-ms-high-contrast: active); color: #323130; flex-shrink: 0; font-size: 12px; @@ -426,6 +433,7 @@ exports[`Component Examples renders CommandBar.SplitDisabled.Example.tsx correct text-align: center; } { + @media screen and (-ms-high-contrast: active); color: #605e5c; flex-shrink: 0; font-size: 12px; @@ -523,18 +531,27 @@ exports[`Component Examples renders CommandBar.SplitDisabled.Example.tsx correct } @media screen and (-ms-high-contrast: active){& .ms-Button--primary { -ms-high-contrast-adjust: none; - background-color: WindowText; - color: Window; + background-color: Window; + border-right-width: 0; + border: 1px solid WindowText; + color: WindowText; } & .ms-Button--primary + .ms-Button { border: none; } + @media screen and (-ms-high-contrast: active){& .ms-Button--primary + .ms-Button { + border-left-width: 0; + border: 1px solid WindowText; + } @media screen and (-ms-high-contrast: active){& { background-color: Window; border-color: GrayText; border: none; color: GrayText; } + @media screen and (forced-colors: active){& { + forced-color-adjust: none; + } data-is-focusable={true} onFocusCapture={[Function]} onKeyDown={[Function]} @@ -612,9 +629,9 @@ exports[`Component Examples renders CommandBar.SplitDisabled.Example.tsx correct top: 0px; } @media screen and (-ms-high-contrast: active){& { - border-color: grayText; + background-color: Window; border: none; - color: grayText; + color: GrayText; } &:hover { outline: 0px; @@ -625,6 +642,12 @@ exports[`Component Examples renders CommandBar.SplitDisabled.Example.tsx correct & .ms-Button-icon { color: #c8c6c4; } + @media screen and (-ms-high-contrast: active){& .ms-Button-icon { + color: GrayText; + } + @media screen and (forced-colors: active){& { + forced-color-adjust: none; + } data-is-focusable={false} disabled={false} onKeyDown={[Function]} @@ -676,6 +699,9 @@ exports[`Component Examples renders CommandBar.SplitDisabled.Example.tsx correct margin-top: 0; text-align: center; } + @media screen and (-ms-high-contrast: active){& { + color: GrayText; + } data-icon-name="Upload" role="presentation" style={ @@ -722,6 +748,7 @@ exports[`Component Examples renders CommandBar.SplitDisabled.Example.tsx correct ms-Button is-disabled { + @media screen and (forced-colors: active); background-color: #ffffff; border-bottom-right-radius: 0; border-left: none; @@ -771,9 +798,12 @@ exports[`Component Examples renders CommandBar.SplitDisabled.Example.tsx correct border-color: GrayText; color: GrayText; } + @media screen and (-ms-high-contrast: active){& .ms-Button-menuIcon { + color: GrayText; + } @media screen and (-ms-high-contrast: active){& { background-color: Window; - border: 1px solid GrayText; + border: none; color: GrayText; } data-is-focusable={false} @@ -818,6 +848,7 @@ exports[`Component Examples renders CommandBar.SplitDisabled.Example.tsx correct speak: none; } { + @media screen and (-ms-high-contrast: active); color: #a19f9d; flex-shrink: 0; font-size: 12px; @@ -830,6 +861,7 @@ exports[`Component Examples renders CommandBar.SplitDisabled.Example.tsx correct text-align: center; } { + @media screen and (-ms-high-contrast: active); color: #605e5c; flex-shrink: 0; font-size: 12px; @@ -866,7 +898,7 @@ exports[`Component Examples renders CommandBar.SplitDisabled.Example.tsx correct width: 1px; } @media screen and (-ms-high-contrast: active){& { - background-color: GrayText; + background-color: Window; } onClick={[Function]} /> @@ -943,9 +975,9 @@ exports[`Component Examples renders CommandBar.SplitDisabled.Example.tsx correct top: 0px; } @media screen and (-ms-high-contrast: active){& { - border-color: grayText; + background-color: Window; border: none; - color: grayText; + color: GrayText; } &:hover { outline: 0px; @@ -956,6 +988,12 @@ exports[`Component Examples renders CommandBar.SplitDisabled.Example.tsx correct & .ms-Button-icon { color: #c8c6c4; } + @media screen and (-ms-high-contrast: active){& .ms-Button-icon { + color: GrayText; + } + @media screen and (forced-colors: active){& { + forced-color-adjust: none; + } data-is-focusable={true} disabled={false} onClick={[Function]} @@ -1007,6 +1045,9 @@ exports[`Component Examples renders CommandBar.SplitDisabled.Example.tsx correct margin-top: 0; text-align: center; } + @media screen and (-ms-high-contrast: active){& { + color: GrayText; + } data-icon-name="Share" role="presentation" style={ @@ -1129,9 +1170,9 @@ exports[`Component Examples renders CommandBar.SplitDisabled.Example.tsx correct top: 0px; } @media screen and (-ms-high-contrast: active){& { - border-color: grayText; + background-color: Window; border: none; - color: grayText; + color: GrayText; } &:hover { outline: 0px; @@ -1142,6 +1183,12 @@ exports[`Component Examples renders CommandBar.SplitDisabled.Example.tsx correct & .ms-Button-icon { color: #c8c6c4; } + @media screen and (-ms-high-contrast: active){& .ms-Button-icon { + color: GrayText; + } + @media screen and (forced-colors: active){& { + forced-color-adjust: none; + } data-is-focusable={true} disabled={false} onClick={[Function]} @@ -1193,6 +1240,9 @@ exports[`Component Examples renders CommandBar.SplitDisabled.Example.tsx correct margin-top: 0; text-align: center; } + @media screen and (-ms-high-contrast: active){& { + color: GrayText; + } data-icon-name="Download" role="presentation" style={ diff --git a/packages/office-ui-fabric-react/src/components/__snapshots__/ContextualMenu.Checkmarks.Example.tsx.shot b/packages/office-ui-fabric-react/src/components/__snapshots__/ContextualMenu.Checkmarks.Example.tsx.shot index 12ac0ee6a7c01..af2d1143266e9 100644 --- a/packages/office-ui-fabric-react/src/components/__snapshots__/ContextualMenu.Checkmarks.Example.tsx.shot +++ b/packages/office-ui-fabric-react/src/components/__snapshots__/ContextualMenu.Checkmarks.Example.tsx.shot @@ -49,7 +49,6 @@ exports[`Component Examples renders ContextualMenu.Checkmarks.Example.tsx correc z-index: 1; } @media screen and (-ms-high-contrast: active){.ms-Fabric--isFocusVisible &:focus:after { - border: none; bottom: -2px; left: -2px; outline-color: ButtonText; diff --git a/packages/office-ui-fabric-react/src/components/__snapshots__/ContextualMenu.CustomMenuItem.Example.tsx.shot b/packages/office-ui-fabric-react/src/components/__snapshots__/ContextualMenu.CustomMenuItem.Example.tsx.shot index 3efa796d34b2f..4edd98aa80052 100644 --- a/packages/office-ui-fabric-react/src/components/__snapshots__/ContextualMenu.CustomMenuItem.Example.tsx.shot +++ b/packages/office-ui-fabric-react/src/components/__snapshots__/ContextualMenu.CustomMenuItem.Example.tsx.shot @@ -49,7 +49,6 @@ exports[`Component Examples renders ContextualMenu.CustomMenuItem.Example.tsx co z-index: 1; } @media screen and (-ms-high-contrast: active){.ms-Fabric--isFocusVisible &:focus:after { - border: none; bottom: -2px; left: -2px; outline-color: ButtonText; diff --git a/packages/office-ui-fabric-react/src/components/__snapshots__/ContextualMenu.CustomMenuList.Example.tsx.shot b/packages/office-ui-fabric-react/src/components/__snapshots__/ContextualMenu.CustomMenuList.Example.tsx.shot index 40ac3cff15f8a..6d40ec78641bd 100644 --- a/packages/office-ui-fabric-react/src/components/__snapshots__/ContextualMenu.CustomMenuList.Example.tsx.shot +++ b/packages/office-ui-fabric-react/src/components/__snapshots__/ContextualMenu.CustomMenuList.Example.tsx.shot @@ -49,7 +49,6 @@ exports[`Component Examples renders ContextualMenu.CustomMenuList.Example.tsx co z-index: 1; } @media screen and (-ms-high-contrast: active){.ms-Fabric--isFocusVisible &:focus:after { - border: none; bottom: -2px; left: -2px; outline-color: ButtonText; diff --git a/packages/office-ui-fabric-react/src/components/__snapshots__/ContextualMenu.Customization.Example.tsx.shot b/packages/office-ui-fabric-react/src/components/__snapshots__/ContextualMenu.Customization.Example.tsx.shot index bdca8ee1c0782..36ba3ee7f6cd5 100644 --- a/packages/office-ui-fabric-react/src/components/__snapshots__/ContextualMenu.Customization.Example.tsx.shot +++ b/packages/office-ui-fabric-react/src/components/__snapshots__/ContextualMenu.Customization.Example.tsx.shot @@ -50,7 +50,6 @@ exports[`Component Examples renders ContextualMenu.Customization.Example.tsx cor z-index: 1; } @media screen and (-ms-high-contrast: active){.ms-Fabric--isFocusVisible &:focus:after { - border: none; bottom: -2px; left: -2px; outline-color: ButtonText; diff --git a/packages/office-ui-fabric-react/src/components/__snapshots__/ContextualMenu.CustomizationWithNoWrap.Example.tsx.shot b/packages/office-ui-fabric-react/src/components/__snapshots__/ContextualMenu.CustomizationWithNoWrap.Example.tsx.shot index 2b147f2c85687..b199678900815 100644 --- a/packages/office-ui-fabric-react/src/components/__snapshots__/ContextualMenu.CustomizationWithNoWrap.Example.tsx.shot +++ b/packages/office-ui-fabric-react/src/components/__snapshots__/ContextualMenu.CustomizationWithNoWrap.Example.tsx.shot @@ -50,7 +50,6 @@ exports[`Component Examples renders ContextualMenu.CustomizationWithNoWrap.Examp z-index: 1; } @media screen and (-ms-high-contrast: active){.ms-Fabric--isFocusVisible &:focus:after { - border: none; bottom: -2px; left: -2px; outline-color: ButtonText; diff --git a/packages/office-ui-fabric-react/src/components/__snapshots__/ContextualMenu.Default.Example.tsx.shot b/packages/office-ui-fabric-react/src/components/__snapshots__/ContextualMenu.Default.Example.tsx.shot index e9e041386ae56..08a76ed53015d 100644 --- a/packages/office-ui-fabric-react/src/components/__snapshots__/ContextualMenu.Default.Example.tsx.shot +++ b/packages/office-ui-fabric-react/src/components/__snapshots__/ContextualMenu.Default.Example.tsx.shot @@ -49,7 +49,6 @@ exports[`Component Examples renders ContextualMenu.Default.Example.tsx correctly z-index: 1; } @media screen and (-ms-high-contrast: active){.ms-Fabric--isFocusVisible &:focus:after { - border: none; bottom: -2px; left: -2px; outline-color: ButtonText; diff --git a/packages/office-ui-fabric-react/src/components/__snapshots__/ContextualMenu.Directional.Example.tsx.shot b/packages/office-ui-fabric-react/src/components/__snapshots__/ContextualMenu.Directional.Example.tsx.shot index 7630ba93fd7b6..33332e09e08c1 100644 --- a/packages/office-ui-fabric-react/src/components/__snapshots__/ContextualMenu.Directional.Example.tsx.shot +++ b/packages/office-ui-fabric-react/src/components/__snapshots__/ContextualMenu.Directional.Example.tsx.shot @@ -431,7 +431,6 @@ exports[`Component Examples renders ContextualMenu.Directional.Example.tsx corre z-index: 1; } @media screen and (-ms-high-contrast: active){.ms-Fabric--isFocusVisible &:focus:after { - border: none; bottom: -2px; left: -2px; outline-color: ButtonText; diff --git a/packages/office-ui-fabric-react/src/components/__snapshots__/ContextualMenu.Header.Example.tsx.shot b/packages/office-ui-fabric-react/src/components/__snapshots__/ContextualMenu.Header.Example.tsx.shot index ed63d4d4c35d3..cf7a4c6fadc4f 100644 --- a/packages/office-ui-fabric-react/src/components/__snapshots__/ContextualMenu.Header.Example.tsx.shot +++ b/packages/office-ui-fabric-react/src/components/__snapshots__/ContextualMenu.Header.Example.tsx.shot @@ -49,7 +49,6 @@ exports[`Component Examples renders ContextualMenu.Header.Example.tsx correctly z-index: 1; } @media screen and (-ms-high-contrast: active){.ms-Fabric--isFocusVisible &:focus:after { - border: none; bottom: -2px; left: -2px; outline-color: ButtonText; diff --git a/packages/office-ui-fabric-react/src/components/__snapshots__/ContextualMenu.Icon.Example.tsx.shot b/packages/office-ui-fabric-react/src/components/__snapshots__/ContextualMenu.Icon.Example.tsx.shot index 70d05f8289b19..85711e0dd951a 100644 --- a/packages/office-ui-fabric-react/src/components/__snapshots__/ContextualMenu.Icon.Example.tsx.shot +++ b/packages/office-ui-fabric-react/src/components/__snapshots__/ContextualMenu.Icon.Example.tsx.shot @@ -50,7 +50,6 @@ exports[`Component Examples renders ContextualMenu.Icon.Example.tsx correctly 1` z-index: 1; } @media screen and (-ms-high-contrast: active){.ms-Fabric--isFocusVisible &:focus:after { - border: none; bottom: -2px; left: -2px; outline-color: ButtonText; diff --git a/packages/office-ui-fabric-react/src/components/__snapshots__/ContextualMenu.Icon.SecondaryText.Example.tsx.shot b/packages/office-ui-fabric-react/src/components/__snapshots__/ContextualMenu.Icon.SecondaryText.Example.tsx.shot index 0fe8c54d08a15..29c77aaa57c24 100644 --- a/packages/office-ui-fabric-react/src/components/__snapshots__/ContextualMenu.Icon.SecondaryText.Example.tsx.shot +++ b/packages/office-ui-fabric-react/src/components/__snapshots__/ContextualMenu.Icon.SecondaryText.Example.tsx.shot @@ -49,7 +49,6 @@ exports[`Component Examples renders ContextualMenu.Icon.SecondaryText.Example.ts z-index: 1; } @media screen and (-ms-high-contrast: active){.ms-Fabric--isFocusVisible &:focus:after { - border: none; bottom: -2px; left: -2px; outline-color: ButtonText; diff --git a/packages/office-ui-fabric-react/src/components/__snapshots__/ContextualMenu.Persisted.Example.tsx.shot b/packages/office-ui-fabric-react/src/components/__snapshots__/ContextualMenu.Persisted.Example.tsx.shot index 9a6e3df2a8e92..933f403556b83 100644 --- a/packages/office-ui-fabric-react/src/components/__snapshots__/ContextualMenu.Persisted.Example.tsx.shot +++ b/packages/office-ui-fabric-react/src/components/__snapshots__/ContextualMenu.Persisted.Example.tsx.shot @@ -49,7 +49,6 @@ exports[`Component Examples renders ContextualMenu.Persisted.Example.tsx correct z-index: 1; } @media screen and (-ms-high-contrast: active){.ms-Fabric--isFocusVisible &:focus:after { - border: none; bottom: -2px; left: -2px; outline-color: ButtonText; diff --git a/packages/office-ui-fabric-react/src/components/__snapshots__/ContextualMenu.ScrollBar.Example.tsx.shot b/packages/office-ui-fabric-react/src/components/__snapshots__/ContextualMenu.ScrollBar.Example.tsx.shot index d63682e6f3782..9d70d7bcf631a 100644 --- a/packages/office-ui-fabric-react/src/components/__snapshots__/ContextualMenu.ScrollBar.Example.tsx.shot +++ b/packages/office-ui-fabric-react/src/components/__snapshots__/ContextualMenu.ScrollBar.Example.tsx.shot @@ -49,7 +49,6 @@ exports[`Component Examples renders ContextualMenu.ScrollBar.Example.tsx correct z-index: 1; } @media screen and (-ms-high-contrast: active){.ms-Fabric--isFocusVisible &:focus:after { - border: none; bottom: -2px; left: -2px; outline-color: ButtonText; diff --git a/packages/office-ui-fabric-react/src/components/__snapshots__/ContextualMenu.Section.Example.tsx.shot b/packages/office-ui-fabric-react/src/components/__snapshots__/ContextualMenu.Section.Example.tsx.shot index e3fab2f85a475..2ce3b5f4ab7fc 100644 --- a/packages/office-ui-fabric-react/src/components/__snapshots__/ContextualMenu.Section.Example.tsx.shot +++ b/packages/office-ui-fabric-react/src/components/__snapshots__/ContextualMenu.Section.Example.tsx.shot @@ -49,7 +49,6 @@ exports[`Component Examples renders ContextualMenu.Section.Example.tsx correctly z-index: 1; } @media screen and (-ms-high-contrast: active){.ms-Fabric--isFocusVisible &:focus:after { - border: none; bottom: -2px; left: -2px; outline-color: ButtonText; diff --git a/packages/office-ui-fabric-react/src/components/__snapshots__/ContextualMenu.Submenu.Example.tsx.shot b/packages/office-ui-fabric-react/src/components/__snapshots__/ContextualMenu.Submenu.Example.tsx.shot index a77d2418a0cdb..8f1057316af54 100644 --- a/packages/office-ui-fabric-react/src/components/__snapshots__/ContextualMenu.Submenu.Example.tsx.shot +++ b/packages/office-ui-fabric-react/src/components/__snapshots__/ContextualMenu.Submenu.Example.tsx.shot @@ -238,7 +238,6 @@ exports[`Component Examples renders ContextualMenu.Submenu.Example.tsx correctly z-index: 1; } @media screen and (-ms-high-contrast: active){.ms-Fabric--isFocusVisible &:focus:after { - border: none; bottom: -2px; left: -2px; outline-color: ButtonText; diff --git a/packages/office-ui-fabric-react/src/components/__snapshots__/DatePicker.Format.Example.tsx.shot b/packages/office-ui-fabric-react/src/components/__snapshots__/DatePicker.Format.Example.tsx.shot index 2209d5e66b1b0..14900d46f803f 100644 --- a/packages/office-ui-fabric-react/src/components/__snapshots__/DatePicker.Format.Example.tsx.shot +++ b/packages/office-ui-fabric-react/src/components/__snapshots__/DatePicker.Format.Example.tsx.shot @@ -301,7 +301,6 @@ exports[`Component Examples renders DatePicker.Format.Example.tsx correctly 1`] z-index: 1; } @media screen and (-ms-high-contrast: active){.ms-Fabric--isFocusVisible &:focus:after { - border: none; bottom: -2px; left: -2px; outline-color: ButtonText; diff --git a/packages/office-ui-fabric-react/src/components/__snapshots__/DatePicker.Input.Example.tsx.shot b/packages/office-ui-fabric-react/src/components/__snapshots__/DatePicker.Input.Example.tsx.shot index 45c201841e1a6..3c1b68d3bdb9e 100644 --- a/packages/office-ui-fabric-react/src/components/__snapshots__/DatePicker.Input.Example.tsx.shot +++ b/packages/office-ui-fabric-react/src/components/__snapshots__/DatePicker.Input.Example.tsx.shot @@ -301,7 +301,6 @@ exports[`Component Examples renders DatePicker.Input.Example.tsx correctly 1`] = z-index: 1; } @media screen and (-ms-high-contrast: active){.ms-Fabric--isFocusVisible &:focus:after { - border: none; bottom: -2px; left: -2px; outline-color: ButtonText; diff --git a/packages/office-ui-fabric-react/src/components/__snapshots__/DetailsList.Advanced.Example.tsx.shot b/packages/office-ui-fabric-react/src/components/__snapshots__/DetailsList.Advanced.Example.tsx.shot index b3dc9115af7fd..ce8e4ba24f845 100644 --- a/packages/office-ui-fabric-react/src/components/__snapshots__/DetailsList.Advanced.Example.tsx.shot +++ b/packages/office-ui-fabric-react/src/components/__snapshots__/DetailsList.Advanced.Example.tsx.shot @@ -624,6 +624,7 @@ exports[`Component Examples renders DetailsList.Advanced.Example.tsx correctly 1 speak: none; } { + @media screen and (-ms-high-contrast: active); color: #605e5c; flex-shrink: 0; font-size: 12px; diff --git a/packages/office-ui-fabric-react/src/components/__snapshots__/DetailsList.Grouped.Example.tsx.shot b/packages/office-ui-fabric-react/src/components/__snapshots__/DetailsList.Grouped.Example.tsx.shot index 515ccb103fe41..e6b38d292b4d2 100644 --- a/packages/office-ui-fabric-react/src/components/__snapshots__/DetailsList.Grouped.Example.tsx.shot +++ b/packages/office-ui-fabric-react/src/components/__snapshots__/DetailsList.Grouped.Example.tsx.shot @@ -58,7 +58,6 @@ exports[`Component Examples renders DetailsList.Grouped.Example.tsx correctly 1` z-index: 1; } @media screen and (-ms-high-contrast: active){.ms-Fabric--isFocusVisible &:focus:after { - border: none; bottom: -2px; left: -2px; outline-color: ButtonText; diff --git a/packages/office-ui-fabric-react/src/components/__snapshots__/Dialog.Basic.Example.tsx.shot b/packages/office-ui-fabric-react/src/components/__snapshots__/Dialog.Basic.Example.tsx.shot index 74b1aa611878b..19b57e391dd9a 100644 --- a/packages/office-ui-fabric-react/src/components/__snapshots__/Dialog.Basic.Example.tsx.shot +++ b/packages/office-ui-fabric-react/src/components/__snapshots__/Dialog.Basic.Example.tsx.shot @@ -174,7 +174,6 @@ Array [ z-index: 1; } @media screen and (-ms-high-contrast: active){.ms-Fabric--isFocusVisible &:focus:after { - border: none; bottom: -2px; left: -2px; outline-color: ButtonText; diff --git a/packages/office-ui-fabric-react/src/components/__snapshots__/Dialog.Blocking.Example.tsx.shot b/packages/office-ui-fabric-react/src/components/__snapshots__/Dialog.Blocking.Example.tsx.shot index 295c3d78a2438..2a155f54dc8e0 100644 --- a/packages/office-ui-fabric-react/src/components/__snapshots__/Dialog.Blocking.Example.tsx.shot +++ b/packages/office-ui-fabric-react/src/components/__snapshots__/Dialog.Blocking.Example.tsx.shot @@ -174,7 +174,6 @@ Array [ z-index: 1; } @media screen and (-ms-high-contrast: active){.ms-Fabric--isFocusVisible &:focus:after { - border: none; bottom: -2px; left: -2px; outline-color: ButtonText; diff --git a/packages/office-ui-fabric-react/src/components/__snapshots__/Dialog.LargeHeader.Example.tsx.shot b/packages/office-ui-fabric-react/src/components/__snapshots__/Dialog.LargeHeader.Example.tsx.shot index c033167af9f6c..5e696ef9cf9a1 100644 --- a/packages/office-ui-fabric-react/src/components/__snapshots__/Dialog.LargeHeader.Example.tsx.shot +++ b/packages/office-ui-fabric-react/src/components/__snapshots__/Dialog.LargeHeader.Example.tsx.shot @@ -45,7 +45,6 @@ exports[`Component Examples renders Dialog.LargeHeader.Example.tsx correctly 1`] z-index: 1; } @media screen and (-ms-high-contrast: active){.ms-Fabric--isFocusVisible &:focus:after { - border: none; bottom: -2px; left: -2px; outline-color: ButtonText; diff --git a/packages/office-ui-fabric-react/src/components/__snapshots__/Dialog.Modeless.Example.tsx.shot b/packages/office-ui-fabric-react/src/components/__snapshots__/Dialog.Modeless.Example.tsx.shot index 16fc7cfcf81a1..6efc2a65a08b3 100644 --- a/packages/office-ui-fabric-react/src/components/__snapshots__/Dialog.Modeless.Example.tsx.shot +++ b/packages/office-ui-fabric-react/src/components/__snapshots__/Dialog.Modeless.Example.tsx.shot @@ -181,7 +181,6 @@ Array [ z-index: 1; } @media screen and (-ms-high-contrast: active){.ms-Fabric--isFocusVisible &:focus:after { - border: none; bottom: -2px; left: -2px; outline-color: ButtonText; @@ -297,7 +296,6 @@ Array [ z-index: 1; } @media screen and (-ms-high-contrast: active){.ms-Fabric--isFocusVisible &:focus:after { - border: none; bottom: -2px; left: -2px; outline-color: ButtonText; diff --git a/packages/office-ui-fabric-react/src/components/__snapshots__/Dialog.TopOffsetFixed.Example.tsx.shot b/packages/office-ui-fabric-react/src/components/__snapshots__/Dialog.TopOffsetFixed.Example.tsx.shot index faa76a3df91d7..cc7eed013cd9c 100644 --- a/packages/office-ui-fabric-react/src/components/__snapshots__/Dialog.TopOffsetFixed.Example.tsx.shot +++ b/packages/office-ui-fabric-react/src/components/__snapshots__/Dialog.TopOffsetFixed.Example.tsx.shot @@ -45,7 +45,6 @@ exports[`Component Examples renders Dialog.TopOffsetFixed.Example.tsx correctly z-index: 1; } @media screen and (-ms-high-contrast: active){.ms-Fabric--isFocusVisible &:focus:after { - border: none; bottom: -2px; left: -2px; outline-color: ButtonText; diff --git a/packages/office-ui-fabric-react/src/components/__snapshots__/DocumentCard.Complete.Example.tsx.shot b/packages/office-ui-fabric-react/src/components/__snapshots__/DocumentCard.Complete.Example.tsx.shot index b690db750a5dc..93d4099f4b012 100644 --- a/packages/office-ui-fabric-react/src/components/__snapshots__/DocumentCard.Complete.Example.tsx.shot +++ b/packages/office-ui-fabric-react/src/components/__snapshots__/DocumentCard.Complete.Example.tsx.shot @@ -721,7 +721,6 @@ Created by Annie Lindqvist in February 23, 2016. 432 views." z-index: 1; } @media screen and (-ms-high-contrast: active){.ms-Fabric--isFocusVisible &:focus:after { - border: none; bottom: -2px; left: -2px; outline-color: ButtonText; @@ -870,7 +869,6 @@ Created by Annie Lindqvist in February 23, 2016. 432 views." z-index: 1; } @media screen and (-ms-high-contrast: active){.ms-Fabric--isFocusVisible &:focus:after { - border: none; bottom: -2px; left: -2px; outline-color: ButtonText; @@ -1019,7 +1017,6 @@ Created by Annie Lindqvist in February 23, 2016. 432 views." z-index: 1; } @media screen and (-ms-high-contrast: active){.ms-Fabric--isFocusVisible &:focus:after { - border: none; bottom: -2px; left: -2px; outline-color: ButtonText; diff --git a/packages/office-ui-fabric-react/src/components/__snapshots__/Dropdown.Custom.Example.tsx.shot b/packages/office-ui-fabric-react/src/components/__snapshots__/Dropdown.Custom.Example.tsx.shot index f2b1f41e4c0b2..3f7ff11d789be 100644 --- a/packages/office-ui-fabric-react/src/components/__snapshots__/Dropdown.Custom.Example.tsx.shot +++ b/packages/office-ui-fabric-react/src/components/__snapshots__/Dropdown.Custom.Example.tsx.shot @@ -354,7 +354,6 @@ exports[`Component Examples renders Dropdown.Custom.Example.tsx correctly 1`] = z-index: 1; } @media screen and (-ms-high-contrast: active){.ms-Fabric--isFocusVisible &:focus:after { - border: none; bottom: -2px; left: -2px; outline-color: ButtonText; diff --git a/packages/office-ui-fabric-react/src/components/__snapshots__/Dropdown.Required.Example.tsx.shot b/packages/office-ui-fabric-react/src/components/__snapshots__/Dropdown.Required.Example.tsx.shot index eae68dba29976..e45644411662c 100644 --- a/packages/office-ui-fabric-react/src/components/__snapshots__/Dropdown.Required.Example.tsx.shot +++ b/packages/office-ui-fabric-react/src/components/__snapshots__/Dropdown.Required.Example.tsx.shot @@ -306,7 +306,6 @@ exports[`Component Examples renders Dropdown.Required.Example.tsx correctly 1`] z-index: 1; } @media screen and (-ms-high-contrast: active){.ms-Fabric--isFocusVisible &:focus:after { - border: none; bottom: -2px; left: -2px; outline-color: ButtonText; diff --git a/packages/office-ui-fabric-react/src/components/__snapshots__/ExtendedPeoplePicker.Basic.Example.tsx.shot b/packages/office-ui-fabric-react/src/components/__snapshots__/ExtendedPeoplePicker.Basic.Example.tsx.shot index d11da887d9b15..037a8a83fbd7f 100644 --- a/packages/office-ui-fabric-react/src/components/__snapshots__/ExtendedPeoplePicker.Basic.Example.tsx.shot +++ b/packages/office-ui-fabric-react/src/components/__snapshots__/ExtendedPeoplePicker.Basic.Example.tsx.shot @@ -127,7 +127,6 @@ exports[`Component Examples renders ExtendedPeoplePicker.Basic.Example.tsx corre z-index: 1; } @media screen and (-ms-high-contrast: active){.ms-Fabric--isFocusVisible &:focus:after { - border: none; bottom: -2px; left: -2px; outline-color: ButtonText; diff --git a/packages/office-ui-fabric-react/src/components/__snapshots__/ExtendedPeoplePicker.Controlled.Example.tsx.shot b/packages/office-ui-fabric-react/src/components/__snapshots__/ExtendedPeoplePicker.Controlled.Example.tsx.shot index c77b7740431ca..20388ebe975ca 100644 --- a/packages/office-ui-fabric-react/src/components/__snapshots__/ExtendedPeoplePicker.Controlled.Example.tsx.shot +++ b/packages/office-ui-fabric-react/src/components/__snapshots__/ExtendedPeoplePicker.Controlled.Example.tsx.shot @@ -127,7 +127,6 @@ exports[`Component Examples renders ExtendedPeoplePicker.Controlled.Example.tsx z-index: 1; } @media screen and (-ms-high-contrast: active){.ms-Fabric--isFocusVisible &:focus:after { - border: none; bottom: -2px; left: -2px; outline-color: ButtonText; diff --git a/packages/office-ui-fabric-react/src/components/__snapshots__/Facepile.AddFace.Example.tsx.shot b/packages/office-ui-fabric-react/src/components/__snapshots__/Facepile.AddFace.Example.tsx.shot index f4dd365a80927..f333c84c351d8 100644 --- a/packages/office-ui-fabric-react/src/components/__snapshots__/Facepile.AddFace.Example.tsx.shot +++ b/packages/office-ui-fabric-react/src/components/__snapshots__/Facepile.AddFace.Example.tsx.shot @@ -93,7 +93,6 @@ exports[`Component Examples renders Facepile.AddFace.Example.tsx correctly 1`] = z-index: 1; } @media screen and (-ms-high-contrast: active){.ms-Fabric--isFocusVisible &:focus:after { - border: none; bottom: -2px; left: -2px; outline-color: ButtonText; diff --git a/packages/office-ui-fabric-react/src/components/__snapshots__/Facepile.Basic.Example.tsx.shot b/packages/office-ui-fabric-react/src/components/__snapshots__/Facepile.Basic.Example.tsx.shot index 64a4ffeaa5abd..a884b36e238ee 100644 --- a/packages/office-ui-fabric-react/src/components/__snapshots__/Facepile.Basic.Example.tsx.shot +++ b/packages/office-ui-fabric-react/src/components/__snapshots__/Facepile.Basic.Example.tsx.shot @@ -127,7 +127,6 @@ exports[`Component Examples renders Facepile.Basic.Example.tsx correctly 1`] = ` z-index: 1; } @media screen and (-ms-high-contrast: active){.ms-Fabric--isFocusVisible &:focus:after { - border: none; bottom: -2px; left: -2px; outline-color: ButtonText; @@ -474,7 +473,6 @@ exports[`Component Examples renders Facepile.Basic.Example.tsx correctly 1`] = ` z-index: 1; } @media screen and (-ms-high-contrast: active){.ms-Fabric--isFocusVisible &:focus:after { - border: none; bottom: -2px; left: -2px; outline-color: ButtonText; diff --git a/packages/office-ui-fabric-react/src/components/__snapshots__/Facepile.Overflow.Example.tsx.shot b/packages/office-ui-fabric-react/src/components/__snapshots__/Facepile.Overflow.Example.tsx.shot index 9d7d96f5a98c2..ca095a23b6c9d 100644 --- a/packages/office-ui-fabric-react/src/components/__snapshots__/Facepile.Overflow.Example.tsx.shot +++ b/packages/office-ui-fabric-react/src/components/__snapshots__/Facepile.Overflow.Example.tsx.shot @@ -127,7 +127,6 @@ exports[`Component Examples renders Facepile.Overflow.Example.tsx correctly 1`] z-index: 1; } @media screen and (-ms-high-contrast: active){.ms-Fabric--isFocusVisible &:focus:after { - border: none; bottom: -2px; left: -2px; outline-color: ButtonText; @@ -426,7 +425,6 @@ exports[`Component Examples renders Facepile.Overflow.Example.tsx correctly 1`] z-index: 1; } @media screen and (-ms-high-contrast: active){.ms-Fabric--isFocusVisible &:focus:after { - border: none; bottom: -2px; left: -2px; outline-color: ButtonText; diff --git a/packages/office-ui-fabric-react/src/components/__snapshots__/FocusTrapZone.Box.Example.tsx.shot b/packages/office-ui-fabric-react/src/components/__snapshots__/FocusTrapZone.Box.Example.tsx.shot index 3715c79e264d3..88142c2a878d4 100644 --- a/packages/office-ui-fabric-react/src/components/__snapshots__/FocusTrapZone.Box.Example.tsx.shot +++ b/packages/office-ui-fabric-react/src/components/__snapshots__/FocusTrapZone.Box.Example.tsx.shot @@ -111,7 +111,6 @@ exports[`Component Examples renders FocusTrapZone.Box.Example.tsx correctly 1`] z-index: 1; } @media screen and (-ms-high-contrast: active){.ms-Fabric--isFocusVisible &:focus:after { - border: none; bottom: -2px; left: -2px; outline-color: ButtonText; diff --git a/packages/office-ui-fabric-react/src/components/__snapshots__/FocusTrapZone.Box.FocusOnCustomElement.Example.tsx.shot b/packages/office-ui-fabric-react/src/components/__snapshots__/FocusTrapZone.Box.FocusOnCustomElement.Example.tsx.shot index 32736d9338494..dd81e138d4d8f 100644 --- a/packages/office-ui-fabric-react/src/components/__snapshots__/FocusTrapZone.Box.FocusOnCustomElement.Example.tsx.shot +++ b/packages/office-ui-fabric-react/src/components/__snapshots__/FocusTrapZone.Box.FocusOnCustomElement.Example.tsx.shot @@ -111,7 +111,6 @@ exports[`Component Examples renders FocusTrapZone.Box.FocusOnCustomElement.Examp z-index: 1; } @media screen and (-ms-high-contrast: active){.ms-Fabric--isFocusVisible &:focus:after { - border: none; bottom: -2px; left: -2px; outline-color: ButtonText; diff --git a/packages/office-ui-fabric-react/src/components/__snapshots__/FocusTrapZone.DialogInPanel.Example.tsx.shot b/packages/office-ui-fabric-react/src/components/__snapshots__/FocusTrapZone.DialogInPanel.Example.tsx.shot index 1af5cb793f800..e197ab070a583 100644 --- a/packages/office-ui-fabric-react/src/components/__snapshots__/FocusTrapZone.DialogInPanel.Example.tsx.shot +++ b/packages/office-ui-fabric-react/src/components/__snapshots__/FocusTrapZone.DialogInPanel.Example.tsx.shot @@ -46,7 +46,6 @@ exports[`Component Examples renders FocusTrapZone.DialogInPanel.Example.tsx corr z-index: 1; } @media screen and (-ms-high-contrast: active){.ms-Fabric--isFocusVisible &:focus:after { - border: none; bottom: -2px; left: -2px; outline-color: ButtonText; diff --git a/packages/office-ui-fabric-react/src/components/__snapshots__/FocusTrapZone.FocusZone.Example.tsx.shot b/packages/office-ui-fabric-react/src/components/__snapshots__/FocusTrapZone.FocusZone.Example.tsx.shot index 42b386c3e52e1..eb339b973cefb 100644 --- a/packages/office-ui-fabric-react/src/components/__snapshots__/FocusTrapZone.FocusZone.Example.tsx.shot +++ b/packages/office-ui-fabric-react/src/components/__snapshots__/FocusTrapZone.FocusZone.Example.tsx.shot @@ -296,7 +296,6 @@ exports[`Component Examples renders FocusTrapZone.FocusZone.Example.tsx correctl z-index: 1; } @media screen and (-ms-high-contrast: active){.ms-Fabric--isFocusVisible &:focus:after { - border: none; bottom: -2px; left: -2px; outline-color: ButtonText; @@ -412,7 +411,6 @@ exports[`Component Examples renders FocusTrapZone.FocusZone.Example.tsx correctl z-index: 1; } @media screen and (-ms-high-contrast: active){.ms-Fabric--isFocusVisible &:focus:after { - border: none; bottom: -2px; left: -2px; outline-color: ButtonText; @@ -528,7 +526,6 @@ exports[`Component Examples renders FocusTrapZone.FocusZone.Example.tsx correctl z-index: 1; } @media screen and (-ms-high-contrast: active){.ms-Fabric--isFocusVisible &:focus:after { - border: none; bottom: -2px; left: -2px; outline-color: ButtonText; @@ -646,7 +643,6 @@ exports[`Component Examples renders FocusTrapZone.FocusZone.Example.tsx correctl z-index: 1; } @media screen and (-ms-high-contrast: active){.ms-Fabric--isFocusVisible &:focus:after { - border: none; bottom: -2px; left: -2px; outline-color: ButtonText; @@ -800,7 +796,6 @@ exports[`Component Examples renders FocusTrapZone.FocusZone.Example.tsx correctl z-index: 1; } @media screen and (-ms-high-contrast: active){.ms-Fabric--isFocusVisible &:focus:after { - border: none; bottom: -2px; left: -2px; outline-color: ButtonText; @@ -916,7 +911,6 @@ exports[`Component Examples renders FocusTrapZone.FocusZone.Example.tsx correctl z-index: 1; } @media screen and (-ms-high-contrast: active){.ms-Fabric--isFocusVisible &:focus:after { - border: none; bottom: -2px; left: -2px; outline-color: ButtonText; @@ -1032,7 +1026,6 @@ exports[`Component Examples renders FocusTrapZone.FocusZone.Example.tsx correctl z-index: 1; } @media screen and (-ms-high-contrast: active){.ms-Fabric--isFocusVisible &:focus:after { - border: none; bottom: -2px; left: -2px; outline-color: ButtonText; diff --git a/packages/office-ui-fabric-react/src/components/__snapshots__/FocusTrapZone.Nested.Example.tsx.shot b/packages/office-ui-fabric-react/src/components/__snapshots__/FocusTrapZone.Nested.Example.tsx.shot index 0db283087d7be..d227a59bfdc11 100644 --- a/packages/office-ui-fabric-react/src/components/__snapshots__/FocusTrapZone.Nested.Example.tsx.shot +++ b/packages/office-ui-fabric-react/src/components/__snapshots__/FocusTrapZone.Nested.Example.tsx.shot @@ -259,7 +259,6 @@ exports[`Component Examples renders FocusTrapZone.Nested.Example.tsx correctly 1 z-index: 1; } @media screen and (-ms-high-contrast: active){.ms-Fabric--isFocusVisible &:focus:after { - border: none; bottom: -2px; left: -2px; outline-color: ButtonText; @@ -589,7 +588,6 @@ exports[`Component Examples renders FocusTrapZone.Nested.Example.tsx correctly 1 z-index: 1; } @media screen and (-ms-high-contrast: active){.ms-Fabric--isFocusVisible &:focus:after { - border: none; bottom: -2px; left: -2px; outline-color: ButtonText; @@ -919,7 +917,6 @@ exports[`Component Examples renders FocusTrapZone.Nested.Example.tsx correctly 1 z-index: 1; } @media screen and (-ms-high-contrast: active){.ms-Fabric--isFocusVisible &:focus:after { - border: none; bottom: -2px; left: -2px; outline-color: ButtonText; @@ -1262,7 +1259,6 @@ exports[`Component Examples renders FocusTrapZone.Nested.Example.tsx correctly 1 z-index: 1; } @media screen and (-ms-high-contrast: active){.ms-Fabric--isFocusVisible &:focus:after { - border: none; bottom: -2px; left: -2px; outline-color: ButtonText; @@ -1617,7 +1613,6 @@ exports[`Component Examples renders FocusTrapZone.Nested.Example.tsx correctly 1 z-index: 1; } @media screen and (-ms-high-contrast: active){.ms-Fabric--isFocusVisible &:focus:after { - border: none; bottom: -2px; left: -2px; outline-color: ButtonText; diff --git a/packages/office-ui-fabric-react/src/components/__snapshots__/FocusZone.Disabled.Example.tsx.shot b/packages/office-ui-fabric-react/src/components/__snapshots__/FocusZone.Disabled.Example.tsx.shot index 572a87d40cca4..8522031194c18 100644 --- a/packages/office-ui-fabric-react/src/components/__snapshots__/FocusZone.Disabled.Example.tsx.shot +++ b/packages/office-ui-fabric-react/src/components/__snapshots__/FocusZone.Disabled.Example.tsx.shot @@ -103,7 +103,6 @@ exports[`Component Examples renders FocusZone.Disabled.Example.tsx correctly 1`] z-index: 1; } @media screen and (-ms-high-contrast: active){.ms-Fabric--isFocusVisible &:focus:after { - border: none; bottom: -2px; left: -2px; outline-color: ButtonText; @@ -219,7 +218,6 @@ exports[`Component Examples renders FocusZone.Disabled.Example.tsx correctly 1`] z-index: 1; } @media screen and (-ms-high-contrast: active){.ms-Fabric--isFocusVisible &:focus:after { - border: none; bottom: -2px; left: -2px; outline-color: ButtonText; @@ -490,7 +488,6 @@ exports[`Component Examples renders FocusZone.Disabled.Example.tsx correctly 1`] z-index: 1; } @media screen and (-ms-high-contrast: active){.ms-Fabric--isFocusVisible &:focus:after { - border: none; bottom: -2px; left: -2px; outline-color: ButtonText; @@ -608,7 +605,6 @@ exports[`Component Examples renders FocusZone.Disabled.Example.tsx correctly 1`] z-index: 1; } @media screen and (-ms-high-contrast: active){.ms-Fabric--isFocusVisible &:focus:after { - border: none; bottom: -2px; left: -2px; outline-color: ButtonText; @@ -760,7 +756,6 @@ exports[`Component Examples renders FocusZone.Disabled.Example.tsx correctly 1`] z-index: 1; } @media screen and (-ms-high-contrast: active){.ms-Fabric--isFocusVisible &:focus:after { - border: none; bottom: -2px; left: -2px; outline-color: ButtonText; @@ -876,7 +871,6 @@ exports[`Component Examples renders FocusZone.Disabled.Example.tsx correctly 1`] z-index: 1; } @media screen and (-ms-high-contrast: active){.ms-Fabric--isFocusVisible &:focus:after { - border: none; bottom: -2px; left: -2px; outline-color: ButtonText; diff --git a/packages/office-ui-fabric-react/src/components/__snapshots__/FocusZone.HorizontalMenu.Example.tsx.shot b/packages/office-ui-fabric-react/src/components/__snapshots__/FocusZone.HorizontalMenu.Example.tsx.shot index 6c1a42e2c983b..814e431a80f37 100644 --- a/packages/office-ui-fabric-react/src/components/__snapshots__/FocusZone.HorizontalMenu.Example.tsx.shot +++ b/packages/office-ui-fabric-react/src/components/__snapshots__/FocusZone.HorizontalMenu.Example.tsx.shot @@ -57,7 +57,6 @@ exports[`Component Examples renders FocusZone.HorizontalMenu.Example.tsx correct z-index: 1; } @media screen and (-ms-high-contrast: active){.ms-Fabric--isFocusVisible &:focus:after { - border: none; bottom: -2px; left: -2px; outline-color: ButtonText; @@ -174,7 +173,6 @@ exports[`Component Examples renders FocusZone.HorizontalMenu.Example.tsx correct z-index: 1; } @media screen and (-ms-high-contrast: active){.ms-Fabric--isFocusVisible &:focus:after { - border: none; bottom: -2px; left: -2px; outline-color: ButtonText; @@ -291,7 +289,6 @@ exports[`Component Examples renders FocusZone.HorizontalMenu.Example.tsx correct z-index: 1; } @media screen and (-ms-high-contrast: active){.ms-Fabric--isFocusVisible &:focus:after { - border: none; bottom: -2px; left: -2px; outline-color: ButtonText; @@ -408,7 +405,6 @@ exports[`Component Examples renders FocusZone.HorizontalMenu.Example.tsx correct z-index: 1; } @media screen and (-ms-high-contrast: active){.ms-Fabric--isFocusVisible &:focus:after { - border: none; bottom: -2px; left: -2px; outline-color: ButtonText; @@ -525,7 +521,6 @@ exports[`Component Examples renders FocusZone.HorizontalMenu.Example.tsx correct z-index: 1; } @media screen and (-ms-high-contrast: active){.ms-Fabric--isFocusVisible &:focus:after { - border: none; bottom: -2px; left: -2px; outline-color: ButtonText; diff --git a/packages/office-ui-fabric-react/src/components/__snapshots__/FocusZone.Tabbable.Example.tsx.shot b/packages/office-ui-fabric-react/src/components/__snapshots__/FocusZone.Tabbable.Example.tsx.shot index 650c87660f65c..0ad0f31249f97 100644 --- a/packages/office-ui-fabric-react/src/components/__snapshots__/FocusZone.Tabbable.Example.tsx.shot +++ b/packages/office-ui-fabric-react/src/components/__snapshots__/FocusZone.Tabbable.Example.tsx.shot @@ -103,7 +103,6 @@ exports[`Component Examples renders FocusZone.Tabbable.Example.tsx correctly 1`] z-index: 1; } @media screen and (-ms-high-contrast: active){.ms-Fabric--isFocusVisible &:focus:after { - border: none; bottom: -2px; left: -2px; outline-color: ButtonText; @@ -219,7 +218,6 @@ exports[`Component Examples renders FocusZone.Tabbable.Example.tsx correctly 1`] z-index: 1; } @media screen and (-ms-high-contrast: active){.ms-Fabric--isFocusVisible &:focus:after { - border: none; bottom: -2px; left: -2px; outline-color: ButtonText; @@ -490,7 +488,6 @@ exports[`Component Examples renders FocusZone.Tabbable.Example.tsx correctly 1`] z-index: 1; } @media screen and (-ms-high-contrast: active){.ms-Fabric--isFocusVisible &:focus:after { - border: none; bottom: -2px; left: -2px; outline-color: ButtonText; @@ -608,12 +605,18 @@ exports[`Component Examples renders FocusZone.Tabbable.Example.tsx correctly 1`] } @media screen and (-ms-high-contrast: active){& .ms-Button--primary { -ms-high-contrast-adjust: none; - background-color: WindowText; - color: Window; + background-color: Window; + border-right-width: 0; + border: 1px solid WindowText; + color: WindowText; } & .ms-Button--primary + .ms-Button { border: none; } + @media screen and (-ms-high-contrast: active){& .ms-Button--primary + .ms-Button { + border-left-width: 0; + border: 1px solid WindowText; + } @media screen and (-ms-high-contrast: active){&:hover .ms-Button--primary { background-color: Highlight; color: Window; @@ -689,7 +692,6 @@ exports[`Component Examples renders FocusZone.Tabbable.Example.tsx correctly 1`] z-index: 1; } @media screen and (-ms-high-contrast: active){.ms-Fabric--isFocusVisible &:focus:after { - border: none; bottom: -2px; left: -2px; outline-color: ButtonText; @@ -976,7 +978,6 @@ exports[`Component Examples renders FocusZone.Tabbable.Example.tsx correctly 1`] z-index: 1; } @media screen and (-ms-high-contrast: active){.ms-Fabric--isFocusVisible &:focus:after { - border: none; bottom: -2px; left: -2px; outline-color: ButtonText; @@ -1092,7 +1093,6 @@ exports[`Component Examples renders FocusZone.Tabbable.Example.tsx correctly 1`] z-index: 1; } @media screen and (-ms-high-contrast: active){.ms-Fabric--isFocusVisible &:focus:after { - border: none; bottom: -2px; left: -2px; outline-color: ButtonText; @@ -1363,7 +1363,6 @@ exports[`Component Examples renders FocusZone.Tabbable.Example.tsx correctly 1`] z-index: 1; } @media screen and (-ms-high-contrast: active){.ms-Fabric--isFocusVisible &:focus:after { - border: none; bottom: -2px; left: -2px; outline-color: ButtonText; diff --git a/packages/office-ui-fabric-react/src/components/__snapshots__/HoverCard.EventListenerTarget.Example.tsx.shot b/packages/office-ui-fabric-react/src/components/__snapshots__/HoverCard.EventListenerTarget.Example.tsx.shot index 293c91f5167cc..d7044d8d9a459 100644 --- a/packages/office-ui-fabric-react/src/components/__snapshots__/HoverCard.EventListenerTarget.Example.tsx.shot +++ b/packages/office-ui-fabric-react/src/components/__snapshots__/HoverCard.EventListenerTarget.Example.tsx.shot @@ -79,7 +79,6 @@ exports[`Component Examples renders HoverCard.EventListenerTarget.Example.tsx co z-index: 1; } @media screen and (-ms-high-contrast: active){.ms-Fabric--isFocusVisible &:focus:after { - border: none; bottom: -2px; left: -2px; outline-color: ButtonText; diff --git a/packages/office-ui-fabric-react/src/components/__snapshots__/Icon.SvgFactory.Example.tsx.shot b/packages/office-ui-fabric-react/src/components/__snapshots__/Icon.SvgFactory.Example.tsx.shot index db60e26d42c37..8dad11ddefc31 100644 --- a/packages/office-ui-fabric-react/src/components/__snapshots__/Icon.SvgFactory.Example.tsx.shot +++ b/packages/office-ui-fabric-react/src/components/__snapshots__/Icon.SvgFactory.Example.tsx.shot @@ -52,7 +52,6 @@ exports[`Component Examples renders Icon.SvgFactory.Example.tsx correctly 1`] = z-index: 1; } @media screen and (-ms-high-contrast: active){.ms-Fabric--isFocusVisible &:focus:after { - border: none; bottom: -2px; left: -2px; outline-color: ButtonText; @@ -186,7 +185,6 @@ exports[`Component Examples renders Icon.SvgFactory.Example.tsx correctly 1`] = z-index: 1; } @media screen and (-ms-high-contrast: active){.ms-Fabric--isFocusVisible &:focus:after { - border: none; bottom: -2px; left: -2px; outline-color: ButtonText; diff --git a/packages/office-ui-fabric-react/src/components/__snapshots__/Keytips.Basic.Example.tsx.shot b/packages/office-ui-fabric-react/src/components/__snapshots__/Keytips.Basic.Example.tsx.shot index 2266da73a7894..90fc3887e0a25 100644 --- a/packages/office-ui-fabric-react/src/components/__snapshots__/Keytips.Basic.Example.tsx.shot +++ b/packages/office-ui-fabric-react/src/components/__snapshots__/Keytips.Basic.Example.tsx.shot @@ -91,7 +91,6 @@ exports[`Component Examples renders Keytips.Basic.Example.tsx correctly 1`] = ` z-index: 1; } @media screen and (-ms-high-contrast: active){.ms-Fabric--isFocusVisible &:focus:after { - border: none; bottom: -2px; left: -2px; outline-color: ButtonText; @@ -261,7 +260,6 @@ exports[`Component Examples renders Keytips.Basic.Example.tsx correctly 1`] = ` z-index: 1; } @media screen and (-ms-high-contrast: active){.ms-Fabric--isFocusVisible &:focus:after { - border: none; bottom: -2px; left: -2px; outline-color: ButtonText; @@ -421,7 +419,6 @@ exports[`Component Examples renders Keytips.Basic.Example.tsx correctly 1`] = ` z-index: 1; } @media screen and (-ms-high-contrast: active){.ms-Fabric--isFocusVisible &:focus:after { - border: none; bottom: -2px; left: -2px; outline-color: ButtonText; @@ -772,7 +769,6 @@ exports[`Component Examples renders Keytips.Basic.Example.tsx correctly 1`] = ` z-index: 1; } @media screen and (-ms-high-contrast: active){.ms-Fabric--isFocusVisible &:focus:after { - border: none; bottom: -2px; left: -2px; outline-color: ButtonText; @@ -913,7 +909,6 @@ exports[`Component Examples renders Keytips.Basic.Example.tsx correctly 1`] = ` z-index: 1; } @media screen and (-ms-high-contrast: active){.ms-Fabric--isFocusVisible &:focus:after { - border: none; bottom: -2px; left: -2px; outline-color: ButtonText; diff --git a/packages/office-ui-fabric-react/src/components/__snapshots__/Keytips.Button.Example.tsx.shot b/packages/office-ui-fabric-react/src/components/__snapshots__/Keytips.Button.Example.tsx.shot index cf1bfeef0a5b9..139b1c802225a 100644 --- a/packages/office-ui-fabric-react/src/components/__snapshots__/Keytips.Button.Example.tsx.shot +++ b/packages/office-ui-fabric-react/src/components/__snapshots__/Keytips.Button.Example.tsx.shot @@ -71,7 +71,6 @@ exports[`Component Examples renders Keytips.Button.Example.tsx correctly 1`] = ` z-index: 1; } @media screen and (-ms-high-contrast: active){.ms-Fabric--isFocusVisible &:focus:after { - border: none; bottom: -2px; left: -2px; outline-color: ButtonText; @@ -193,7 +192,6 @@ exports[`Component Examples renders Keytips.Button.Example.tsx correctly 1`] = ` z-index: 1; } @media screen and (-ms-high-contrast: active){.ms-Fabric--isFocusVisible &:focus:after { - border: none; bottom: -2px; left: -2px; outline-color: ButtonText; @@ -346,7 +344,6 @@ exports[`Component Examples renders Keytips.Button.Example.tsx correctly 1`] = ` z-index: 1; } @media screen and (-ms-high-contrast: active){.ms-Fabric--isFocusVisible &:focus:after { - border: none; bottom: -2px; left: -2px; outline-color: ButtonText; @@ -505,12 +502,18 @@ exports[`Component Examples renders Keytips.Button.Example.tsx correctly 1`] = ` } @media screen and (-ms-high-contrast: active){& .ms-Button--primary { -ms-high-contrast-adjust: none; - background-color: WindowText; - color: Window; + background-color: Window; + border-right-width: 0; + border: 1px solid WindowText; + color: WindowText; } & .ms-Button--primary + .ms-Button { border: none; } + @media screen and (-ms-high-contrast: active){& .ms-Button--primary + .ms-Button { + border-left-width: 0; + border: 1px solid WindowText; + } @media screen and (-ms-high-contrast: active){&:hover .ms-Button--primary { background-color: Highlight; color: Window; @@ -587,7 +590,6 @@ exports[`Component Examples renders Keytips.Button.Example.tsx correctly 1`] = ` z-index: 1; } @media screen and (-ms-high-contrast: active){.ms-Fabric--isFocusVisible &:focus:after { - border: none; bottom: -2px; left: -2px; outline-color: ButtonText; @@ -836,7 +838,6 @@ exports[`Component Examples renders Keytips.Button.Example.tsx correctly 1`] = ` z-index: 1; } @media screen and (-ms-high-contrast: active){.ms-Fabric--isFocusVisible &:focus:after { - border: none; bottom: -2px; left: -2px; outline-color: ButtonText; @@ -958,7 +959,6 @@ exports[`Component Examples renders Keytips.Button.Example.tsx correctly 1`] = ` z-index: 1; } @media screen and (-ms-high-contrast: active){.ms-Fabric--isFocusVisible &:focus:after { - border: none; bottom: -2px; left: -2px; outline-color: ButtonText; @@ -1225,7 +1225,6 @@ exports[`Component Examples renders Keytips.Button.Example.tsx correctly 1`] = ` z-index: 1; } @media screen and (-ms-high-contrast: active){.ms-Fabric--isFocusVisible &:focus:after { - border: none; bottom: -2px; left: -2px; outline-color: ButtonText; diff --git a/packages/office-ui-fabric-react/src/components/__snapshots__/Keytips.CommandBar.Example.tsx.shot b/packages/office-ui-fabric-react/src/components/__snapshots__/Keytips.CommandBar.Example.tsx.shot index f0eb4f48d98ea..0ce3ccf029be8 100644 --- a/packages/office-ui-fabric-react/src/components/__snapshots__/Keytips.CommandBar.Example.tsx.shot +++ b/packages/office-ui-fabric-react/src/components/__snapshots__/Keytips.CommandBar.Example.tsx.shot @@ -639,6 +639,7 @@ exports[`Component Examples renders Keytips.CommandBar.Example.tsx correctly 1`] speak: none; } { + @media screen and (-ms-high-contrast: active); color: #605e5c; flex-shrink: 0; font-size: 12px; diff --git a/packages/office-ui-fabric-react/src/components/__snapshots__/Keytips.Dynamic.Example.tsx.shot b/packages/office-ui-fabric-react/src/components/__snapshots__/Keytips.Dynamic.Example.tsx.shot index ead3811f86ec1..9698094117e31 100644 --- a/packages/office-ui-fabric-react/src/components/__snapshots__/Keytips.Dynamic.Example.tsx.shot +++ b/packages/office-ui-fabric-react/src/components/__snapshots__/Keytips.Dynamic.Example.tsx.shot @@ -50,7 +50,6 @@ Array [ z-index: 1; } @media screen and (-ms-high-contrast: active){.ms-Fabric--isFocusVisible &:focus:after { - border: none; bottom: -2px; left: -2px; outline-color: ButtonText; @@ -170,7 +169,6 @@ Array [ z-index: 1; } @media screen and (-ms-high-contrast: active){.ms-Fabric--isFocusVisible &:focus:after { - border: none; bottom: -2px; left: -2px; outline-color: ButtonText; @@ -291,7 +289,6 @@ Array [ z-index: 1; } @media screen and (-ms-high-contrast: active){.ms-Fabric--isFocusVisible &:focus:after { - border: none; bottom: -2px; left: -2px; outline-color: ButtonText; diff --git a/packages/office-ui-fabric-react/src/components/__snapshots__/Keytips.Overflow.Example.tsx.shot b/packages/office-ui-fabric-react/src/components/__snapshots__/Keytips.Overflow.Example.tsx.shot index 86c9c570f1e0a..9e58ae4746554 100644 --- a/packages/office-ui-fabric-react/src/components/__snapshots__/Keytips.Overflow.Example.tsx.shot +++ b/packages/office-ui-fabric-react/src/components/__snapshots__/Keytips.Overflow.Example.tsx.shot @@ -588,6 +588,7 @@ exports[`Component Examples renders Keytips.Overflow.Example.tsx correctly 1`] = speak: none; } { + @media screen and (-ms-high-contrast: active); color: #605e5c; flex-shrink: 0; font-size: 12px; @@ -660,7 +661,6 @@ exports[`Component Examples renders Keytips.Overflow.Example.tsx correctly 1`] = z-index: 1; } @media screen and (-ms-high-contrast: active){.ms-Fabric--isFocusVisible &:focus:after { - border: none; bottom: -2px; left: -2px; outline-color: ButtonText; diff --git a/packages/office-ui-fabric-react/src/components/__snapshots__/Layer.NestedLayers.Example.tsx.shot b/packages/office-ui-fabric-react/src/components/__snapshots__/Layer.NestedLayers.Example.tsx.shot index 00bddfb56e0ff..a9e5a76a610b7 100644 --- a/packages/office-ui-fabric-react/src/components/__snapshots__/Layer.NestedLayers.Example.tsx.shot +++ b/packages/office-ui-fabric-react/src/components/__snapshots__/Layer.NestedLayers.Example.tsx.shot @@ -46,7 +46,6 @@ exports[`Component Examples renders Layer.NestedLayers.Example.tsx correctly 1`] z-index: 1; } @media screen and (-ms-high-contrast: active){.ms-Fabric--isFocusVisible &:focus:after { - border: none; bottom: -2px; left: -2px; outline-color: ButtonText; diff --git a/packages/office-ui-fabric-react/src/components/__snapshots__/Modal.Basic.Example.tsx.shot b/packages/office-ui-fabric-react/src/components/__snapshots__/Modal.Basic.Example.tsx.shot index 57ead74eb9a81..43830cec2dd5c 100644 --- a/packages/office-ui-fabric-react/src/components/__snapshots__/Modal.Basic.Example.tsx.shot +++ b/packages/office-ui-fabric-react/src/components/__snapshots__/Modal.Basic.Example.tsx.shot @@ -178,7 +178,6 @@ exports[`Component Examples renders Modal.Basic.Example.tsx correctly 1`] = ` z-index: 1; } @media screen and (-ms-high-contrast: active){.ms-Fabric--isFocusVisible &:focus:after { - border: none; bottom: -2px; left: -2px; outline-color: ButtonText; diff --git a/packages/office-ui-fabric-react/src/components/__snapshots__/Modal.Modeless.Example.tsx.shot b/packages/office-ui-fabric-react/src/components/__snapshots__/Modal.Modeless.Example.tsx.shot index baee3760beebc..fbd828c6427ed 100644 --- a/packages/office-ui-fabric-react/src/components/__snapshots__/Modal.Modeless.Example.tsx.shot +++ b/packages/office-ui-fabric-react/src/components/__snapshots__/Modal.Modeless.Example.tsx.shot @@ -180,7 +180,6 @@ exports[`Component Examples renders Modal.Modeless.Example.tsx correctly 1`] = ` z-index: 1; } @media screen and (-ms-high-contrast: active){.ms-Fabric--isFocusVisible &:focus:after { - border: none; bottom: -2px; left: -2px; outline-color: ButtonText; diff --git a/packages/office-ui-fabric-react/src/components/__snapshots__/Nav.Basic.Example.tsx.shot b/packages/office-ui-fabric-react/src/components/__snapshots__/Nav.Basic.Example.tsx.shot index 94f957f8684d5..ad289e6cbe690 100644 --- a/packages/office-ui-fabric-react/src/components/__snapshots__/Nav.Basic.Example.tsx.shot +++ b/packages/office-ui-fabric-react/src/components/__snapshots__/Nav.Basic.Example.tsx.shot @@ -217,7 +217,6 @@ exports[`Component Examples renders Nav.Basic.Example.tsx correctly 1`] = ` z-index: 1; } @media screen and (-ms-high-contrast: active){.ms-Fabric--isFocusVisible &:focus:after { - border: none; bottom: -2px; left: -2px; outline-color: ButtonText; @@ -382,7 +381,6 @@ exports[`Component Examples renders Nav.Basic.Example.tsx correctly 1`] = ` z-index: 1; } @media screen and (-ms-high-contrast: active){.ms-Fabric--isFocusVisible &:focus:after { - border: none; bottom: -2px; left: -2px; outline-color: ButtonText; @@ -539,7 +537,6 @@ exports[`Component Examples renders Nav.Basic.Example.tsx correctly 1`] = ` z-index: 1; } @media screen and (-ms-high-contrast: active){.ms-Fabric--isFocusVisible &:focus:after { - border: none; bottom: -2px; left: -2px; outline-color: ButtonText; @@ -558,9 +555,7 @@ exports[`Component Examples renders Nav.Basic.Example.tsx correctly 1`] = ` outline: 0px; } @media screen and (-ms-high-contrast: active){& { - border-color: grayText; border: 0px; - color: grayText; } @media screen and (-ms-high-contrast: active){&:focus { border: 1px solid WindowText; @@ -684,7 +679,6 @@ exports[`Component Examples renders Nav.Basic.Example.tsx correctly 1`] = ` z-index: 1; } @media screen and (-ms-high-contrast: active){.ms-Fabric--isFocusVisible &:focus:after { - border: none; bottom: -2px; left: -2px; outline-color: ButtonText; @@ -846,7 +840,6 @@ exports[`Component Examples renders Nav.Basic.Example.tsx correctly 1`] = ` z-index: 1; } @media screen and (-ms-high-contrast: active){.ms-Fabric--isFocusVisible &:focus:after { - border: none; bottom: -2px; left: -2px; outline-color: ButtonText; @@ -1003,7 +996,6 @@ exports[`Component Examples renders Nav.Basic.Example.tsx correctly 1`] = ` z-index: 1; } @media screen and (-ms-high-contrast: active){.ms-Fabric--isFocusVisible &:focus:after { - border: none; bottom: -2px; left: -2px; outline-color: ButtonText; @@ -1022,9 +1014,7 @@ exports[`Component Examples renders Nav.Basic.Example.tsx correctly 1`] = ` outline: 0px; } @media screen and (-ms-high-contrast: active){& { - border-color: grayText; border: 0px; - color: grayText; } @media screen and (-ms-high-contrast: active){&:focus { border: 1px solid WindowText; @@ -1143,7 +1133,6 @@ exports[`Component Examples renders Nav.Basic.Example.tsx correctly 1`] = ` z-index: 1; } @media screen and (-ms-high-contrast: active){.ms-Fabric--isFocusVisible &:focus:after { - border: none; bottom: -2px; left: -2px; outline-color: ButtonText; @@ -1295,7 +1284,6 @@ exports[`Component Examples renders Nav.Basic.Example.tsx correctly 1`] = ` z-index: 1; } @media screen and (-ms-high-contrast: active){.ms-Fabric--isFocusVisible &:focus:after { - border: none; bottom: -2px; left: -2px; outline-color: ButtonText; diff --git a/packages/office-ui-fabric-react/src/components/__snapshots__/Nav.CustomGroupHeaders.Example.tsx.shot b/packages/office-ui-fabric-react/src/components/__snapshots__/Nav.CustomGroupHeaders.Example.tsx.shot index 0484d0c5f494f..64538ded84f70 100644 --- a/packages/office-ui-fabric-react/src/components/__snapshots__/Nav.CustomGroupHeaders.Example.tsx.shot +++ b/packages/office-ui-fabric-react/src/components/__snapshots__/Nav.CustomGroupHeaders.Example.tsx.shot @@ -133,7 +133,6 @@ exports[`Component Examples renders Nav.CustomGroupHeaders.Example.tsx correctly z-index: 1; } @media screen and (-ms-high-contrast: active){.ms-Fabric--isFocusVisible &:focus:after { - border: none; bottom: -2px; left: -2px; outline-color: ButtonText; @@ -285,7 +284,6 @@ exports[`Component Examples renders Nav.CustomGroupHeaders.Example.tsx correctly z-index: 1; } @media screen and (-ms-high-contrast: active){.ms-Fabric--isFocusVisible &:focus:after { - border: none; bottom: -2px; left: -2px; outline-color: ButtonText; @@ -474,7 +472,6 @@ exports[`Component Examples renders Nav.CustomGroupHeaders.Example.tsx correctly z-index: 1; } @media screen and (-ms-high-contrast: active){.ms-Fabric--isFocusVisible &:focus:after { - border: none; bottom: -2px; left: -2px; outline-color: ButtonText; @@ -626,7 +623,6 @@ exports[`Component Examples renders Nav.CustomGroupHeaders.Example.tsx correctly z-index: 1; } @media screen and (-ms-high-contrast: active){.ms-Fabric--isFocusVisible &:focus:after { - border: none; bottom: -2px; left: -2px; outline-color: ButtonText; diff --git a/packages/office-ui-fabric-react/src/components/__snapshots__/Nav.Nested.Example.tsx.shot b/packages/office-ui-fabric-react/src/components/__snapshots__/Nav.Nested.Example.tsx.shot index 9ba6409e84bb2..6c1c996494ccc 100644 --- a/packages/office-ui-fabric-react/src/components/__snapshots__/Nav.Nested.Example.tsx.shot +++ b/packages/office-ui-fabric-react/src/components/__snapshots__/Nav.Nested.Example.tsx.shot @@ -211,7 +211,6 @@ exports[`Component Examples renders Nav.Nested.Example.tsx correctly 1`] = ` z-index: 1; } @media screen and (-ms-high-contrast: active){.ms-Fabric--isFocusVisible &:focus:after { - border: none; bottom: -2px; left: -2px; outline-color: ButtonText; @@ -444,7 +443,6 @@ exports[`Component Examples renders Nav.Nested.Example.tsx correctly 1`] = ` z-index: 1; } @media screen and (-ms-high-contrast: active){.ms-Fabric--isFocusVisible &:focus:after { - border: none; bottom: -2px; left: -2px; outline-color: ButtonText; diff --git a/packages/office-ui-fabric-react/src/components/__snapshots__/OverflowSet.Basic.Example.tsx.shot b/packages/office-ui-fabric-react/src/components/__snapshots__/OverflowSet.Basic.Example.tsx.shot index ab499befb9c3c..be8a432d42f85 100644 --- a/packages/office-ui-fabric-react/src/components/__snapshots__/OverflowSet.Basic.Example.tsx.shot +++ b/packages/office-ui-fabric-react/src/components/__snapshots__/OverflowSet.Basic.Example.tsx.shot @@ -310,7 +310,6 @@ exports[`Component Examples renders OverflowSet.Basic.Example.tsx correctly 1`] z-index: 1; } @media screen and (-ms-high-contrast: active){.ms-Fabric--isFocusVisible &:focus:after { - border: none; bottom: -2px; left: -2px; outline-color: ButtonText; diff --git a/packages/office-ui-fabric-react/src/components/__snapshots__/OverflowSet.BasicReversed.Example.tsx.shot b/packages/office-ui-fabric-react/src/components/__snapshots__/OverflowSet.BasicReversed.Example.tsx.shot index 7a9a183a9e6a0..3f15fd7a50272 100644 --- a/packages/office-ui-fabric-react/src/components/__snapshots__/OverflowSet.BasicReversed.Example.tsx.shot +++ b/packages/office-ui-fabric-react/src/components/__snapshots__/OverflowSet.BasicReversed.Example.tsx.shot @@ -79,7 +79,6 @@ exports[`Component Examples renders OverflowSet.BasicReversed.Example.tsx correc z-index: 1; } @media screen and (-ms-high-contrast: active){.ms-Fabric--isFocusVisible &:focus:after { - border: none; bottom: -2px; left: -2px; outline-color: ButtonText; diff --git a/packages/office-ui-fabric-react/src/components/__snapshots__/OverflowSet.Custom.Example.tsx.shot b/packages/office-ui-fabric-react/src/components/__snapshots__/OverflowSet.Custom.Example.tsx.shot index a398b8591ffad..8f34a27643cbc 100644 --- a/packages/office-ui-fabric-react/src/components/__snapshots__/OverflowSet.Custom.Example.tsx.shot +++ b/packages/office-ui-fabric-react/src/components/__snapshots__/OverflowSet.Custom.Example.tsx.shot @@ -386,6 +386,7 @@ exports[`Component Examples renders OverflowSet.Custom.Example.tsx correctly 1`] speak: none; } { + @media screen and (-ms-high-contrast: active); color: #605e5c; flex-shrink: 0; font-size: 12px; @@ -899,6 +900,7 @@ exports[`Component Examples renders OverflowSet.Custom.Example.tsx correctly 1`] speak: none; } { + @media screen and (-ms-high-contrast: active); color: #605e5c; flex-shrink: 0; font-size: 12px; diff --git a/packages/office-ui-fabric-react/src/components/__snapshots__/OverflowSet.Vertical.Example.tsx.shot b/packages/office-ui-fabric-react/src/components/__snapshots__/OverflowSet.Vertical.Example.tsx.shot index fda5290947ed8..c3880db77e663 100644 --- a/packages/office-ui-fabric-react/src/components/__snapshots__/OverflowSet.Vertical.Example.tsx.shot +++ b/packages/office-ui-fabric-react/src/components/__snapshots__/OverflowSet.Vertical.Example.tsx.shot @@ -614,6 +614,7 @@ exports[`Component Examples renders OverflowSet.Vertical.Example.tsx correctly 1 speak: none; } { + @media screen and (-ms-high-contrast: active); color: #605e5c; flex-shrink: 0; font-size: 16px; diff --git a/packages/office-ui-fabric-react/src/components/__snapshots__/Overlay.Dark.Example.tsx.shot b/packages/office-ui-fabric-react/src/components/__snapshots__/Overlay.Dark.Example.tsx.shot index 105a38beb9aab..1972f28abe3db 100644 --- a/packages/office-ui-fabric-react/src/components/__snapshots__/Overlay.Dark.Example.tsx.shot +++ b/packages/office-ui-fabric-react/src/components/__snapshots__/Overlay.Dark.Example.tsx.shot @@ -45,7 +45,6 @@ exports[`Component Examples renders Overlay.Dark.Example.tsx correctly 1`] = ` z-index: 1; } @media screen and (-ms-high-contrast: active){.ms-Fabric--isFocusVisible &:focus:after { - border: none; bottom: -2px; left: -2px; outline-color: ButtonText; diff --git a/packages/office-ui-fabric-react/src/components/__snapshots__/Overlay.Light.Example.tsx.shot b/packages/office-ui-fabric-react/src/components/__snapshots__/Overlay.Light.Example.tsx.shot index 5c07d6783618a..c94f08e9b7965 100644 --- a/packages/office-ui-fabric-react/src/components/__snapshots__/Overlay.Light.Example.tsx.shot +++ b/packages/office-ui-fabric-react/src/components/__snapshots__/Overlay.Light.Example.tsx.shot @@ -45,7 +45,6 @@ exports[`Component Examples renders Overlay.Light.Example.tsx correctly 1`] = ` z-index: 1; } @media screen and (-ms-high-contrast: active){.ms-Fabric--isFocusVisible &:focus:after { - border: none; bottom: -2px; left: -2px; outline-color: ButtonText; diff --git a/packages/office-ui-fabric-react/src/components/__snapshots__/PeoplePicker.Controlled.Example.tsx.shot b/packages/office-ui-fabric-react/src/components/__snapshots__/PeoplePicker.Controlled.Example.tsx.shot index 269306202bfdb..1c706d579afcc 100644 --- a/packages/office-ui-fabric-react/src/components/__snapshots__/PeoplePicker.Controlled.Example.tsx.shot +++ b/packages/office-ui-fabric-react/src/components/__snapshots__/PeoplePicker.Controlled.Example.tsx.shot @@ -148,7 +148,6 @@ exports[`Component Examples renders PeoplePicker.Controlled.Example.tsx correctl z-index: 1; } @media screen and (-ms-high-contrast: active){.ms-Fabric--isFocusVisible &:focus:after { - border: none; bottom: -2px; left: -2px; outline-color: ButtonText; @@ -536,7 +535,6 @@ exports[`Component Examples renders PeoplePicker.Controlled.Example.tsx correctl z-index: 1; } @media screen and (-ms-high-contrast: active){.ms-Fabric--isFocusVisible &:focus:after { - border: none; bottom: -2px; left: -2px; outline-color: ButtonText; @@ -918,7 +916,6 @@ exports[`Component Examples renders PeoplePicker.Controlled.Example.tsx correctl z-index: 1; } @media screen and (-ms-high-contrast: active){.ms-Fabric--isFocusVisible &:focus:after { - border: none; bottom: -2px; left: -2px; outline-color: ButtonText; @@ -1306,7 +1303,6 @@ exports[`Component Examples renders PeoplePicker.Controlled.Example.tsx correctl z-index: 1; } @media screen and (-ms-high-contrast: active){.ms-Fabric--isFocusVisible &:focus:after { - border: none; bottom: -2px; left: -2px; outline-color: ButtonText; @@ -1707,7 +1703,6 @@ exports[`Component Examples renders PeoplePicker.Controlled.Example.tsx correctl z-index: 1; } @media screen and (-ms-high-contrast: active){.ms-Fabric--isFocusVisible &:focus:after { - border: none; bottom: -2px; left: -2px; outline-color: ButtonText; diff --git a/packages/office-ui-fabric-react/src/components/__snapshots__/PeoplePicker.PreselectedItems.Example.tsx.shot b/packages/office-ui-fabric-react/src/components/__snapshots__/PeoplePicker.PreselectedItems.Example.tsx.shot index 1dc927d8d8383..aa54b93f35773 100644 --- a/packages/office-ui-fabric-react/src/components/__snapshots__/PeoplePicker.PreselectedItems.Example.tsx.shot +++ b/packages/office-ui-fabric-react/src/components/__snapshots__/PeoplePicker.PreselectedItems.Example.tsx.shot @@ -437,7 +437,6 @@ exports[`Component Examples renders PeoplePicker.PreselectedItems.Example.tsx co z-index: 1; } @media screen and (-ms-high-contrast: active){.ms-Fabric--isFocusVisible &:focus:after { - border: none; bottom: -2px; left: -2px; outline-color: ButtonText; @@ -887,7 +886,6 @@ exports[`Component Examples renders PeoplePicker.PreselectedItems.Example.tsx co z-index: 1; } @media screen and (-ms-high-contrast: active){.ms-Fabric--isFocusVisible &:focus:after { - border: none; bottom: -2px; left: -2px; outline-color: ButtonText; @@ -1337,7 +1335,6 @@ exports[`Component Examples renders PeoplePicker.PreselectedItems.Example.tsx co z-index: 1; } @media screen and (-ms-high-contrast: active){.ms-Fabric--isFocusVisible &:focus:after { - border: none; bottom: -2px; left: -2px; outline-color: ButtonText; diff --git a/packages/office-ui-fabric-react/src/components/__snapshots__/Pivot.AlwaysRender.Example.tsx.shot b/packages/office-ui-fabric-react/src/components/__snapshots__/Pivot.AlwaysRender.Example.tsx.shot index 3e3ac7a9bf1c0..c98bf486446f6 100644 --- a/packages/office-ui-fabric-react/src/components/__snapshots__/Pivot.AlwaysRender.Example.tsx.shot +++ b/packages/office-ui-fabric-react/src/components/__snapshots__/Pivot.AlwaysRender.Example.tsx.shot @@ -220,7 +220,6 @@ exports[`Component Examples renders Pivot.AlwaysRender.Example.tsx correctly 1`] z-index: 1; } @media screen and (-ms-high-contrast: active){.ms-Fabric--isFocusVisible &:focus:after { - border: none; bottom: -2px; left: -2px; outline-color: ButtonText; @@ -387,7 +386,6 @@ exports[`Component Examples renders Pivot.AlwaysRender.Example.tsx correctly 1`] z-index: 1; } @media screen and (-ms-high-contrast: active){.ms-Fabric--isFocusVisible &:focus:after { - border: none; bottom: -2px; left: -2px; outline-color: ButtonText; diff --git a/packages/office-ui-fabric-react/src/components/__snapshots__/Pivot.Basic.Example.tsx.shot b/packages/office-ui-fabric-react/src/components/__snapshots__/Pivot.Basic.Example.tsx.shot index d60dd15451853..c065af3ea310f 100644 --- a/packages/office-ui-fabric-react/src/components/__snapshots__/Pivot.Basic.Example.tsx.shot +++ b/packages/office-ui-fabric-react/src/components/__snapshots__/Pivot.Basic.Example.tsx.shot @@ -87,7 +87,6 @@ exports[`Component Examples renders Pivot.Basic.Example.tsx correctly 1`] = ` z-index: 1; } @media screen and (-ms-high-contrast: active){.ms-Fabric--isFocusVisible &:focus:after { - border: none; bottom: -2px; left: -2px; outline-color: ButtonText; @@ -256,7 +255,6 @@ exports[`Component Examples renders Pivot.Basic.Example.tsx correctly 1`] = ` z-index: 1; } @media screen and (-ms-high-contrast: active){.ms-Fabric--isFocusVisible &:focus:after { - border: none; bottom: -2px; left: -2px; outline-color: ButtonText; @@ -413,7 +411,6 @@ exports[`Component Examples renders Pivot.Basic.Example.tsx correctly 1`] = ` z-index: 1; } @media screen and (-ms-high-contrast: active){.ms-Fabric--isFocusVisible &:focus:after { - border: none; bottom: -2px; left: -2px; outline-color: ButtonText; diff --git a/packages/office-ui-fabric-react/src/components/__snapshots__/Pivot.IconCount.Example.tsx.shot b/packages/office-ui-fabric-react/src/components/__snapshots__/Pivot.IconCount.Example.tsx.shot index 90e997fb8ffea..b67645b912267 100644 --- a/packages/office-ui-fabric-react/src/components/__snapshots__/Pivot.IconCount.Example.tsx.shot +++ b/packages/office-ui-fabric-react/src/components/__snapshots__/Pivot.IconCount.Example.tsx.shot @@ -88,7 +88,6 @@ exports[`Component Examples renders Pivot.IconCount.Example.tsx correctly 1`] = z-index: 1; } @media screen and (-ms-high-contrast: active){.ms-Fabric--isFocusVisible &:focus:after { - border: none; bottom: -2px; left: -2px; outline-color: ButtonText; @@ -288,7 +287,6 @@ exports[`Component Examples renders Pivot.IconCount.Example.tsx correctly 1`] = z-index: 1; } @media screen and (-ms-high-contrast: active){.ms-Fabric--isFocusVisible &:focus:after { - border: none; bottom: -2px; left: -2px; outline-color: ButtonText; @@ -466,7 +464,6 @@ exports[`Component Examples renders Pivot.IconCount.Example.tsx correctly 1`] = z-index: 1; } @media screen and (-ms-high-contrast: active){.ms-Fabric--isFocusVisible &:focus:after { - border: none; bottom: -2px; left: -2px; outline-color: ButtonText; @@ -644,7 +641,6 @@ exports[`Component Examples renders Pivot.IconCount.Example.tsx correctly 1`] = z-index: 1; } @media screen and (-ms-high-contrast: active){.ms-Fabric--isFocusVisible &:focus:after { - border: none; bottom: -2px; left: -2px; outline-color: ButtonText; @@ -834,7 +830,6 @@ exports[`Component Examples renders Pivot.IconCount.Example.tsx correctly 1`] = z-index: 1; } @media screen and (-ms-high-contrast: active){.ms-Fabric--isFocusVisible &:focus:after { - border: none; bottom: -2px; left: -2px; outline-color: ButtonText; diff --git a/packages/office-ui-fabric-react/src/components/__snapshots__/Pivot.Large.Example.tsx.shot b/packages/office-ui-fabric-react/src/components/__snapshots__/Pivot.Large.Example.tsx.shot index b01a14f0573ae..a079da274b837 100644 --- a/packages/office-ui-fabric-react/src/components/__snapshots__/Pivot.Large.Example.tsx.shot +++ b/packages/office-ui-fabric-react/src/components/__snapshots__/Pivot.Large.Example.tsx.shot @@ -89,7 +89,6 @@ exports[`Component Examples renders Pivot.Large.Example.tsx correctly 1`] = ` z-index: 1; } @media screen and (-ms-high-contrast: active){.ms-Fabric--isFocusVisible &:focus:after { - border: none; bottom: -2px; left: -2px; outline-color: ButtonText; @@ -256,7 +255,6 @@ exports[`Component Examples renders Pivot.Large.Example.tsx correctly 1`] = ` z-index: 1; } @media screen and (-ms-high-contrast: active){.ms-Fabric--isFocusVisible &:focus:after { - border: none; bottom: -2px; left: -2px; outline-color: ButtonText; @@ -413,7 +411,6 @@ exports[`Component Examples renders Pivot.Large.Example.tsx correctly 1`] = ` z-index: 1; } @media screen and (-ms-high-contrast: active){.ms-Fabric--isFocusVisible &:focus:after { - border: none; bottom: -2px; left: -2px; outline-color: ButtonText; diff --git a/packages/office-ui-fabric-react/src/components/__snapshots__/Pivot.OnChange.Example.tsx.shot b/packages/office-ui-fabric-react/src/components/__snapshots__/Pivot.OnChange.Example.tsx.shot index 92c7a724d5799..099288874f51d 100644 --- a/packages/office-ui-fabric-react/src/components/__snapshots__/Pivot.OnChange.Example.tsx.shot +++ b/packages/office-ui-fabric-react/src/components/__snapshots__/Pivot.OnChange.Example.tsx.shot @@ -118,7 +118,6 @@ exports[`Component Examples renders Pivot.OnChange.Example.tsx correctly 1`] = ` z-index: 1; } @media screen and (-ms-high-contrast: active){.ms-Fabric--isFocusVisible &:focus:after { - border: none; bottom: -2px; left: -2px; outline-color: ButtonText; @@ -295,7 +294,6 @@ exports[`Component Examples renders Pivot.OnChange.Example.tsx correctly 1`] = ` z-index: 1; } @media screen and (-ms-high-contrast: active){.ms-Fabric--isFocusVisible &:focus:after { - border: none; bottom: -2px; left: -2px; outline-color: ButtonText; @@ -460,7 +458,6 @@ exports[`Component Examples renders Pivot.OnChange.Example.tsx correctly 1`] = ` z-index: 1; } @media screen and (-ms-high-contrast: active){.ms-Fabric--isFocusVisible &:focus:after { - border: none; bottom: -2px; left: -2px; outline-color: ButtonText; @@ -625,7 +622,6 @@ exports[`Component Examples renders Pivot.OnChange.Example.tsx correctly 1`] = ` z-index: 1; } @media screen and (-ms-high-contrast: active){.ms-Fabric--isFocusVisible &:focus:after { - border: none; bottom: -2px; left: -2px; outline-color: ButtonText; diff --git a/packages/office-ui-fabric-react/src/components/__snapshots__/Pivot.Override.Example.tsx.shot b/packages/office-ui-fabric-react/src/components/__snapshots__/Pivot.Override.Example.tsx.shot index 7864ee7595cd7..ba1195f6d1f3b 100644 --- a/packages/office-ui-fabric-react/src/components/__snapshots__/Pivot.Override.Example.tsx.shot +++ b/packages/office-ui-fabric-react/src/components/__snapshots__/Pivot.Override.Example.tsx.shot @@ -88,7 +88,6 @@ exports[`Component Examples renders Pivot.Override.Example.tsx correctly 1`] = ` z-index: 1; } @media screen and (-ms-high-contrast: active){.ms-Fabric--isFocusVisible &:focus:after { - border: none; bottom: -2px; left: -2px; outline-color: ButtonText; @@ -255,7 +254,6 @@ exports[`Component Examples renders Pivot.Override.Example.tsx correctly 1`] = ` z-index: 1; } @media screen and (-ms-high-contrast: active){.ms-Fabric--isFocusVisible &:focus:after { - border: none; bottom: -2px; left: -2px; outline-color: ButtonText; @@ -412,7 +410,6 @@ exports[`Component Examples renders Pivot.Override.Example.tsx correctly 1`] = ` z-index: 1; } @media screen and (-ms-high-contrast: active){.ms-Fabric--isFocusVisible &:focus:after { - border: none; bottom: -2px; left: -2px; outline-color: ButtonText; @@ -608,7 +605,6 @@ exports[`Component Examples renders Pivot.Override.Example.tsx correctly 1`] = ` z-index: 1; } @media screen and (-ms-high-contrast: active){.ms-Fabric--isFocusVisible &:focus:after { - border: none; bottom: -2px; left: -2px; outline-color: ButtonText; diff --git a/packages/office-ui-fabric-react/src/components/__snapshots__/Pivot.Remove.Example.tsx.shot b/packages/office-ui-fabric-react/src/components/__snapshots__/Pivot.Remove.Example.tsx.shot index 0df5920a25122..9ab7387a11526 100644 --- a/packages/office-ui-fabric-react/src/components/__snapshots__/Pivot.Remove.Example.tsx.shot +++ b/packages/office-ui-fabric-react/src/components/__snapshots__/Pivot.Remove.Example.tsx.shot @@ -91,7 +91,6 @@ exports[`Component Examples renders Pivot.Remove.Example.tsx correctly 1`] = ` z-index: 1; } @media screen and (-ms-high-contrast: active){.ms-Fabric--isFocusVisible &:focus:after { - border: none; bottom: -2px; left: -2px; outline-color: ButtonText; @@ -268,7 +267,6 @@ exports[`Component Examples renders Pivot.Remove.Example.tsx correctly 1`] = ` z-index: 1; } @media screen and (-ms-high-contrast: active){.ms-Fabric--isFocusVisible &:focus:after { - border: none; bottom: -2px; left: -2px; outline-color: ButtonText; @@ -433,7 +431,6 @@ exports[`Component Examples renders Pivot.Remove.Example.tsx correctly 1`] = ` z-index: 1; } @media screen and (-ms-high-contrast: active){.ms-Fabric--isFocusVisible &:focus:after { - border: none; bottom: -2px; left: -2px; outline-color: ButtonText; @@ -598,7 +595,6 @@ exports[`Component Examples renders Pivot.Remove.Example.tsx correctly 1`] = ` z-index: 1; } @media screen and (-ms-high-contrast: active){.ms-Fabric--isFocusVisible &:focus:after { - border: none; bottom: -2px; left: -2px; outline-color: ButtonText; @@ -857,7 +853,6 @@ exports[`Component Examples renders Pivot.Remove.Example.tsx correctly 1`] = ` z-index: 1; } @media screen and (-ms-high-contrast: active){.ms-Fabric--isFocusVisible &:focus:after { - border: none; bottom: -2px; left: -2px; outline-color: ButtonText; diff --git a/packages/office-ui-fabric-react/src/components/__snapshots__/Pivot.Separate.Example.tsx.shot b/packages/office-ui-fabric-react/src/components/__snapshots__/Pivot.Separate.Example.tsx.shot index 33818054bb0c7..68b3a84836314 100644 --- a/packages/office-ui-fabric-react/src/components/__snapshots__/Pivot.Separate.Example.tsx.shot +++ b/packages/office-ui-fabric-react/src/components/__snapshots__/Pivot.Separate.Example.tsx.shot @@ -100,7 +100,6 @@ exports[`Component Examples renders Pivot.Separate.Example.tsx correctly 1`] = ` z-index: 1; } @media screen and (-ms-high-contrast: active){.ms-Fabric--isFocusVisible &:focus:after { - border: none; bottom: -2px; left: -2px; outline-color: ButtonText; @@ -267,7 +266,6 @@ exports[`Component Examples renders Pivot.Separate.Example.tsx correctly 1`] = ` z-index: 1; } @media screen and (-ms-high-contrast: active){.ms-Fabric--isFocusVisible &:focus:after { - border: none; bottom: -2px; left: -2px; outline-color: ButtonText; @@ -424,7 +422,6 @@ exports[`Component Examples renders Pivot.Separate.Example.tsx correctly 1`] = ` z-index: 1; } @media screen and (-ms-high-contrast: active){.ms-Fabric--isFocusVisible &:focus:after { - border: none; bottom: -2px; left: -2px; outline-color: ButtonText; diff --git a/packages/office-ui-fabric-react/src/components/__snapshots__/Pivot.Tabs.Example.tsx.shot b/packages/office-ui-fabric-react/src/components/__snapshots__/Pivot.Tabs.Example.tsx.shot index bb1d0428f5f9a..613a3bceb8e2e 100644 --- a/packages/office-ui-fabric-react/src/components/__snapshots__/Pivot.Tabs.Example.tsx.shot +++ b/packages/office-ui-fabric-react/src/components/__snapshots__/Pivot.Tabs.Example.tsx.shot @@ -90,7 +90,6 @@ exports[`Component Examples renders Pivot.Tabs.Example.tsx correctly 1`] = ` z-index: 1; } @media screen and (-ms-high-contrast: active){.ms-Fabric--isFocusVisible &:focus:after { - border: none; bottom: -2px; left: -2px; outline-color: ButtonText; @@ -267,7 +266,6 @@ exports[`Component Examples renders Pivot.Tabs.Example.tsx correctly 1`] = ` z-index: 1; } @media screen and (-ms-high-contrast: active){.ms-Fabric--isFocusVisible &:focus:after { - border: none; bottom: -2px; left: -2px; outline-color: ButtonText; @@ -432,7 +430,6 @@ exports[`Component Examples renders Pivot.Tabs.Example.tsx correctly 1`] = ` z-index: 1; } @media screen and (-ms-high-contrast: active){.ms-Fabric--isFocusVisible &:focus:after { - border: none; bottom: -2px; left: -2px; outline-color: ButtonText; @@ -597,7 +594,6 @@ exports[`Component Examples renders Pivot.Tabs.Example.tsx correctly 1`] = ` z-index: 1; } @media screen and (-ms-high-contrast: active){.ms-Fabric--isFocusVisible &:focus:after { - border: none; bottom: -2px; left: -2px; outline-color: ButtonText; diff --git a/packages/office-ui-fabric-react/src/components/__snapshots__/Pivot.TabsLarge.Example.tsx.shot b/packages/office-ui-fabric-react/src/components/__snapshots__/Pivot.TabsLarge.Example.tsx.shot index 7759dba16085b..89ec799960ed7 100644 --- a/packages/office-ui-fabric-react/src/components/__snapshots__/Pivot.TabsLarge.Example.tsx.shot +++ b/packages/office-ui-fabric-react/src/components/__snapshots__/Pivot.TabsLarge.Example.tsx.shot @@ -91,7 +91,6 @@ exports[`Component Examples renders Pivot.TabsLarge.Example.tsx correctly 1`] = z-index: 1; } @media screen and (-ms-high-contrast: active){.ms-Fabric--isFocusVisible &:focus:after { - border: none; bottom: -2px; left: -2px; outline-color: ButtonText; @@ -268,7 +267,6 @@ exports[`Component Examples renders Pivot.TabsLarge.Example.tsx correctly 1`] = z-index: 1; } @media screen and (-ms-high-contrast: active){.ms-Fabric--isFocusVisible &:focus:after { - border: none; bottom: -2px; left: -2px; outline-color: ButtonText; @@ -433,7 +431,6 @@ exports[`Component Examples renders Pivot.TabsLarge.Example.tsx correctly 1`] = z-index: 1; } @media screen and (-ms-high-contrast: active){.ms-Fabric--isFocusVisible &:focus:after { - border: none; bottom: -2px; left: -2px; outline-color: ButtonText; @@ -598,7 +595,6 @@ exports[`Component Examples renders Pivot.TabsLarge.Example.tsx correctly 1`] = z-index: 1; } @media screen and (-ms-high-contrast: active){.ms-Fabric--isFocusVisible &:focus:after { - border: none; bottom: -2px; left: -2px; outline-color: ButtonText; diff --git a/packages/office-ui-fabric-react/src/components/__snapshots__/Rating.ButtonControlled.Example.tsx.shot b/packages/office-ui-fabric-react/src/components/__snapshots__/Rating.ButtonControlled.Example.tsx.shot index d9e251fbac324..6f3a9d8dbf2ef 100644 --- a/packages/office-ui-fabric-react/src/components/__snapshots__/Rating.ButtonControlled.Example.tsx.shot +++ b/packages/office-ui-fabric-react/src/components/__snapshots__/Rating.ButtonControlled.Example.tsx.shot @@ -792,7 +792,6 @@ exports[`Component Examples renders Rating.ButtonControlled.Example.tsx correctl z-index: 1; } @media screen and (-ms-high-contrast: active){.ms-Fabric--isFocusVisible &:focus:after { - border: none; bottom: -2px; left: -2px; outline-color: ButtonText; diff --git a/packages/office-ui-fabric-react/src/components/__snapshots__/SelectedPeopleList.Controlled.Example.tsx.shot b/packages/office-ui-fabric-react/src/components/__snapshots__/SelectedPeopleList.Controlled.Example.tsx.shot index 1a0c0473fdd6c..ab4e9e31dde36 100644 --- a/packages/office-ui-fabric-react/src/components/__snapshots__/SelectedPeopleList.Controlled.Example.tsx.shot +++ b/packages/office-ui-fabric-react/src/components/__snapshots__/SelectedPeopleList.Controlled.Example.tsx.shot @@ -48,7 +48,6 @@ exports[`Component Examples renders SelectedPeopleList.Controlled.Example.tsx co z-index: 1; } @media screen and (-ms-high-contrast: active){.ms-Fabric--isFocusVisible &:focus:after { - border: none; bottom: -2px; left: -2px; outline-color: ButtonText; @@ -236,7 +235,6 @@ exports[`Component Examples renders SelectedPeopleList.Controlled.Example.tsx co z-index: 1; } @media screen and (-ms-high-contrast: active){.ms-Fabric--isFocusVisible &:focus:after { - border: none; bottom: -2px; left: -2px; outline-color: ButtonText; @@ -553,7 +551,6 @@ exports[`Component Examples renders SelectedPeopleList.Controlled.Example.tsx co z-index: 1; } @media screen and (-ms-high-contrast: active){.ms-Fabric--isFocusVisible &:focus:after { - border: none; bottom: -2px; left: -2px; outline-color: ButtonText; diff --git a/packages/office-ui-fabric-react/src/components/__snapshots__/SpinButton.Basic.Example.tsx.shot b/packages/office-ui-fabric-react/src/components/__snapshots__/SpinButton.Basic.Example.tsx.shot index 502b8e180ff6b..383bfcd0ac268 100644 --- a/packages/office-ui-fabric-react/src/components/__snapshots__/SpinButton.Basic.Example.tsx.shot +++ b/packages/office-ui-fabric-react/src/components/__snapshots__/SpinButton.Basic.Example.tsx.shot @@ -240,7 +240,6 @@ exports[`Component Examples renders SpinButton.Basic.Example.tsx correctly 1`] = z-index: 1; } @media screen and (-ms-high-contrast: active){.ms-Fabric--isFocusVisible &:focus:after { - border: none; bottom: -2px; left: -2px; outline-color: ButtonText; @@ -382,7 +381,6 @@ exports[`Component Examples renders SpinButton.Basic.Example.tsx correctly 1`] = z-index: 1; } @media screen and (-ms-high-contrast: active){.ms-Fabric--isFocusVisible &:focus:after { - border: none; bottom: -2px; left: -2px; outline-color: ButtonText; @@ -677,7 +675,6 @@ exports[`Component Examples renders SpinButton.Basic.Example.tsx correctly 1`] = z-index: 1; } @media screen and (-ms-high-contrast: active){.ms-Fabric--isFocusVisible &:focus:after { - border: none; bottom: -2px; left: -2px; outline-color: ButtonText; @@ -819,7 +816,6 @@ exports[`Component Examples renders SpinButton.Basic.Example.tsx correctly 1`] = z-index: 1; } @media screen and (-ms-high-contrast: active){.ms-Fabric--isFocusVisible &:focus:after { - border: none; bottom: -2px; left: -2px; outline-color: ButtonText; diff --git a/packages/office-ui-fabric-react/src/components/__snapshots__/SpinButton.BasicDisabled.Example.tsx.shot b/packages/office-ui-fabric-react/src/components/__snapshots__/SpinButton.BasicDisabled.Example.tsx.shot index f4eef754d0418..5147f9f50a2ee 100644 --- a/packages/office-ui-fabric-react/src/components/__snapshots__/SpinButton.BasicDisabled.Example.tsx.shot +++ b/packages/office-ui-fabric-react/src/components/__snapshots__/SpinButton.BasicDisabled.Example.tsx.shot @@ -223,7 +223,6 @@ exports[`Component Examples renders SpinButton.BasicDisabled.Example.tsx correct z-index: 1; } @media screen and (-ms-high-contrast: active){.ms-Fabric--isFocusVisible &:focus:after { - border: none; bottom: -2px; left: -2px; outline-color: ButtonText; @@ -248,7 +247,6 @@ exports[`Component Examples renders SpinButton.BasicDisabled.Example.tsx correct outline: 0px; } @media screen and (-ms-high-contrast: active){& { - border-color: grayText; color: GrayText; opacity: 1; } @@ -304,6 +302,9 @@ exports[`Component Examples renders SpinButton.BasicDisabled.Example.tsx correct margin-top: 0px; text-align: center; } + @media screen and (-ms-high-contrast: active){& { + color: GrayText; + } data-icon-name="ChevronUpSmall" role="presentation" style={ @@ -367,7 +368,6 @@ exports[`Component Examples renders SpinButton.BasicDisabled.Example.tsx correct z-index: 1; } @media screen and (-ms-high-contrast: active){.ms-Fabric--isFocusVisible &:focus:after { - border: none; bottom: -2px; left: -2px; outline-color: ButtonText; @@ -392,7 +392,6 @@ exports[`Component Examples renders SpinButton.BasicDisabled.Example.tsx correct outline: 0px; } @media screen and (-ms-high-contrast: active){& { - border-color: grayText; color: GrayText; opacity: 1; } @@ -448,6 +447,9 @@ exports[`Component Examples renders SpinButton.BasicDisabled.Example.tsx correct margin-top: 0px; text-align: center; } + @media screen and (-ms-high-contrast: active){& { + color: GrayText; + } data-icon-name="ChevronDownSmall" role="presentation" style={ diff --git a/packages/office-ui-fabric-react/src/components/__snapshots__/SpinButton.BasicWithEndPosition.Example.tsx.shot b/packages/office-ui-fabric-react/src/components/__snapshots__/SpinButton.BasicWithEndPosition.Example.tsx.shot index a829ebd8ae685..ec5596438776e 100644 --- a/packages/office-ui-fabric-react/src/components/__snapshots__/SpinButton.BasicWithEndPosition.Example.tsx.shot +++ b/packages/office-ui-fabric-react/src/components/__snapshots__/SpinButton.BasicWithEndPosition.Example.tsx.shot @@ -226,7 +226,6 @@ exports[`Component Examples renders SpinButton.BasicWithEndPosition.Example.tsx z-index: 1; } @media screen and (-ms-high-contrast: active){.ms-Fabric--isFocusVisible &:focus:after { - border: none; bottom: -2px; left: -2px; outline-color: ButtonText; @@ -368,7 +367,6 @@ exports[`Component Examples renders SpinButton.BasicWithEndPosition.Example.tsx z-index: 1; } @media screen and (-ms-high-contrast: active){.ms-Fabric--isFocusVisible &:focus:after { - border: none; bottom: -2px; left: -2px; outline-color: ButtonText; diff --git a/packages/office-ui-fabric-react/src/components/__snapshots__/SpinButton.BasicWithIcon.Example.tsx.shot b/packages/office-ui-fabric-react/src/components/__snapshots__/SpinButton.BasicWithIcon.Example.tsx.shot index 5b2a52de39e60..454a318ae2253 100644 --- a/packages/office-ui-fabric-react/src/components/__snapshots__/SpinButton.BasicWithIcon.Example.tsx.shot +++ b/packages/office-ui-fabric-react/src/components/__snapshots__/SpinButton.BasicWithIcon.Example.tsx.shot @@ -226,7 +226,6 @@ exports[`Component Examples renders SpinButton.BasicWithIcon.Example.tsx correct z-index: 1; } @media screen and (-ms-high-contrast: active){.ms-Fabric--isFocusVisible &:focus:after { - border: none; bottom: -2px; left: -2px; outline-color: ButtonText; @@ -368,7 +367,6 @@ exports[`Component Examples renders SpinButton.BasicWithIcon.Example.tsx correct z-index: 1; } @media screen and (-ms-high-contrast: active){.ms-Fabric--isFocusVisible &:focus:after { - border: none; bottom: -2px; left: -2px; outline-color: ButtonText; diff --git a/packages/office-ui-fabric-react/src/components/__snapshots__/SpinButton.BasicWithIconDisabled.Example.tsx.shot b/packages/office-ui-fabric-react/src/components/__snapshots__/SpinButton.BasicWithIconDisabled.Example.tsx.shot index 97eff0109d594..20bd5bddd5b56 100644 --- a/packages/office-ui-fabric-react/src/components/__snapshots__/SpinButton.BasicWithIconDisabled.Example.tsx.shot +++ b/packages/office-ui-fabric-react/src/components/__snapshots__/SpinButton.BasicWithIconDisabled.Example.tsx.shot @@ -246,7 +246,6 @@ exports[`Component Examples renders SpinButton.BasicWithIconDisabled.Example.tsx z-index: 1; } @media screen and (-ms-high-contrast: active){.ms-Fabric--isFocusVisible &:focus:after { - border: none; bottom: -2px; left: -2px; outline-color: ButtonText; @@ -271,7 +270,6 @@ exports[`Component Examples renders SpinButton.BasicWithIconDisabled.Example.tsx outline: 0px; } @media screen and (-ms-high-contrast: active){& { - border-color: grayText; color: GrayText; opacity: 1; } @@ -327,6 +325,9 @@ exports[`Component Examples renders SpinButton.BasicWithIconDisabled.Example.tsx margin-top: 0px; text-align: center; } + @media screen and (-ms-high-contrast: active){& { + color: GrayText; + } data-icon-name="ChevronUpSmall" role="presentation" style={ @@ -390,7 +391,6 @@ exports[`Component Examples renders SpinButton.BasicWithIconDisabled.Example.tsx z-index: 1; } @media screen and (-ms-high-contrast: active){.ms-Fabric--isFocusVisible &:focus:after { - border: none; bottom: -2px; left: -2px; outline-color: ButtonText; @@ -415,7 +415,6 @@ exports[`Component Examples renders SpinButton.BasicWithIconDisabled.Example.tsx outline: 0px; } @media screen and (-ms-high-contrast: active){& { - border-color: grayText; color: GrayText; opacity: 1; } @@ -471,6 +470,9 @@ exports[`Component Examples renders SpinButton.BasicWithIconDisabled.Example.tsx margin-top: 0px; text-align: center; } + @media screen and (-ms-high-contrast: active){& { + color: GrayText; + } data-icon-name="ChevronDownSmall" role="presentation" style={ diff --git a/packages/office-ui-fabric-react/src/components/__snapshots__/SpinButton.CustomStyled.Example.tsx.shot b/packages/office-ui-fabric-react/src/components/__snapshots__/SpinButton.CustomStyled.Example.tsx.shot index bb83a0e818011..3bc4363158b8f 100644 --- a/packages/office-ui-fabric-react/src/components/__snapshots__/SpinButton.CustomStyled.Example.tsx.shot +++ b/packages/office-ui-fabric-react/src/components/__snapshots__/SpinButton.CustomStyled.Example.tsx.shot @@ -198,7 +198,6 @@ exports[`Component Examples renders SpinButton.CustomStyled.Example.tsx correctl z-index: 1; } @media screen and (-ms-high-contrast: active){.ms-Fabric--isFocusVisible &:focus:after { - border: none; bottom: -2px; left: -2px; outline-color: ButtonText; @@ -340,7 +339,6 @@ exports[`Component Examples renders SpinButton.CustomStyled.Example.tsx correctl z-index: 1; } @media screen and (-ms-high-contrast: active){.ms-Fabric--isFocusVisible &:focus:after { - border: none; bottom: -2px; left: -2px; outline-color: ButtonText; diff --git a/packages/office-ui-fabric-react/src/components/__snapshots__/SpinButton.Stateful.Example.tsx.shot b/packages/office-ui-fabric-react/src/components/__snapshots__/SpinButton.Stateful.Example.tsx.shot index 0fe5e5c044caa..849d84d523194 100644 --- a/packages/office-ui-fabric-react/src/components/__snapshots__/SpinButton.Stateful.Example.tsx.shot +++ b/packages/office-ui-fabric-react/src/components/__snapshots__/SpinButton.Stateful.Example.tsx.shot @@ -204,7 +204,6 @@ exports[`Component Examples renders SpinButton.Stateful.Example.tsx correctly 1` z-index: 1; } @media screen and (-ms-high-contrast: active){.ms-Fabric--isFocusVisible &:focus:after { - border: none; bottom: -2px; left: -2px; outline-color: ButtonText; @@ -346,7 +345,6 @@ exports[`Component Examples renders SpinButton.Stateful.Example.tsx correctly 1` z-index: 1; } @media screen and (-ms-high-contrast: active){.ms-Fabric--isFocusVisible &:focus:after { - border: none; bottom: -2px; left: -2px; outline-color: ButtonText; diff --git a/packages/office-ui-fabric-react/src/components/__snapshots__/SwatchColorPicker.Basic.Example.tsx.shot b/packages/office-ui-fabric-react/src/components/__snapshots__/SwatchColorPicker.Basic.Example.tsx.shot index 6285c445902d1..c92337df7642a 100644 --- a/packages/office-ui-fabric-react/src/components/__snapshots__/SwatchColorPicker.Basic.Example.tsx.shot +++ b/packages/office-ui-fabric-react/src/components/__snapshots__/SwatchColorPicker.Basic.Example.tsx.shot @@ -4826,10 +4826,6 @@ exports[`Component Examples renders SwatchColorPicker.Basic.Example.tsx correctl padding-right: 2px; padding-top: 2px; } - @media screen and (-ms-high-contrast: active){& { - border-color: grayText; - color: grayText; - } data-index={0} data-is-focusable={false} disabled={true} @@ -5002,10 +4998,6 @@ exports[`Component Examples renders SwatchColorPicker.Basic.Example.tsx correctl padding-right: 2px; padding-top: 2px; } - @media screen and (-ms-high-contrast: active){& { - border-color: grayText; - color: grayText; - } data-index={1} data-is-focusable={false} disabled={true} @@ -5178,10 +5170,6 @@ exports[`Component Examples renders SwatchColorPicker.Basic.Example.tsx correctl padding-right: 2px; padding-top: 2px; } - @media screen and (-ms-high-contrast: active){& { - border-color: grayText; - color: grayText; - } data-index={2} data-is-focusable={false} disabled={true} @@ -5354,10 +5342,6 @@ exports[`Component Examples renders SwatchColorPicker.Basic.Example.tsx correctl padding-right: 2px; padding-top: 2px; } - @media screen and (-ms-high-contrast: active){& { - border-color: grayText; - color: grayText; - } data-index={3} data-is-focusable={false} disabled={true} @@ -5530,10 +5514,6 @@ exports[`Component Examples renders SwatchColorPicker.Basic.Example.tsx correctl padding-right: 2px; padding-top: 2px; } - @media screen and (-ms-high-contrast: active){& { - border-color: grayText; - color: grayText; - } data-index={4} data-is-focusable={false} disabled={true} diff --git a/packages/office-ui-fabric-react/src/components/__snapshots__/TeachingBubble.Basic.Example.tsx.shot b/packages/office-ui-fabric-react/src/components/__snapshots__/TeachingBubble.Basic.Example.tsx.shot index 489be479b2332..ba90fcb753b59 100644 --- a/packages/office-ui-fabric-react/src/components/__snapshots__/TeachingBubble.Basic.Example.tsx.shot +++ b/packages/office-ui-fabric-react/src/components/__snapshots__/TeachingBubble.Basic.Example.tsx.shot @@ -46,7 +46,6 @@ exports[`Component Examples renders TeachingBubble.Basic.Example.tsx correctly 1 z-index: 1; } @media screen and (-ms-high-contrast: active){.ms-Fabric--isFocusVisible &:focus:after { - border: none; bottom: -2px; left: -2px; outline-color: ButtonText; diff --git a/packages/office-ui-fabric-react/src/components/__snapshots__/TeachingBubble.Condensed.Example.tsx.shot b/packages/office-ui-fabric-react/src/components/__snapshots__/TeachingBubble.Condensed.Example.tsx.shot index ee91723b23d62..8393a851cd114 100644 --- a/packages/office-ui-fabric-react/src/components/__snapshots__/TeachingBubble.Condensed.Example.tsx.shot +++ b/packages/office-ui-fabric-react/src/components/__snapshots__/TeachingBubble.Condensed.Example.tsx.shot @@ -46,7 +46,6 @@ exports[`Component Examples renders TeachingBubble.Condensed.Example.tsx correct z-index: 1; } @media screen and (-ms-high-contrast: active){.ms-Fabric--isFocusVisible &:focus:after { - border: none; bottom: -2px; left: -2px; outline-color: ButtonText; diff --git a/packages/office-ui-fabric-react/src/components/__snapshots__/TeachingBubble.Illustration.Example.tsx.shot b/packages/office-ui-fabric-react/src/components/__snapshots__/TeachingBubble.Illustration.Example.tsx.shot index efa243a12f907..97bd8e973d157 100644 --- a/packages/office-ui-fabric-react/src/components/__snapshots__/TeachingBubble.Illustration.Example.tsx.shot +++ b/packages/office-ui-fabric-react/src/components/__snapshots__/TeachingBubble.Illustration.Example.tsx.shot @@ -46,7 +46,6 @@ exports[`Component Examples renders TeachingBubble.Illustration.Example.tsx corr z-index: 1; } @media screen and (-ms-high-contrast: active){.ms-Fabric--isFocusVisible &:focus:after { - border: none; bottom: -2px; left: -2px; outline-color: ButtonText; diff --git a/packages/office-ui-fabric-react/src/components/__snapshots__/TeachingBubble.MultiStep.Example.tsx.shot b/packages/office-ui-fabric-react/src/components/__snapshots__/TeachingBubble.MultiStep.Example.tsx.shot index 3241a1aeb1c83..fe5acf79b1861 100644 --- a/packages/office-ui-fabric-react/src/components/__snapshots__/TeachingBubble.MultiStep.Example.tsx.shot +++ b/packages/office-ui-fabric-react/src/components/__snapshots__/TeachingBubble.MultiStep.Example.tsx.shot @@ -46,7 +46,6 @@ exports[`Component Examples renders TeachingBubble.MultiStep.Example.tsx correct z-index: 1; } @media screen and (-ms-high-contrast: active){.ms-Fabric--isFocusVisible &:focus:after { - border: none; bottom: -2px; left: -2px; outline-color: ButtonText; diff --git a/packages/office-ui-fabric-react/src/components/__snapshots__/TeachingBubble.SmallHeadline.Example.tsx.shot b/packages/office-ui-fabric-react/src/components/__snapshots__/TeachingBubble.SmallHeadline.Example.tsx.shot index f13a8d20b529c..5dd6832e0ff1c 100644 --- a/packages/office-ui-fabric-react/src/components/__snapshots__/TeachingBubble.SmallHeadline.Example.tsx.shot +++ b/packages/office-ui-fabric-react/src/components/__snapshots__/TeachingBubble.SmallHeadline.Example.tsx.shot @@ -46,7 +46,6 @@ exports[`Component Examples renders TeachingBubble.SmallHeadline.Example.tsx cor z-index: 1; } @media screen and (-ms-high-contrast: active){.ms-Fabric--isFocusVisible &:focus:after { - border: none; bottom: -2px; left: -2px; outline-color: ButtonText; diff --git a/packages/office-ui-fabric-react/src/components/__snapshots__/TeachingBubble.Wide.Example.tsx.shot b/packages/office-ui-fabric-react/src/components/__snapshots__/TeachingBubble.Wide.Example.tsx.shot index d41834da9a330..d050c467e412e 100644 --- a/packages/office-ui-fabric-react/src/components/__snapshots__/TeachingBubble.Wide.Example.tsx.shot +++ b/packages/office-ui-fabric-react/src/components/__snapshots__/TeachingBubble.Wide.Example.tsx.shot @@ -46,7 +46,6 @@ exports[`Component Examples renders TeachingBubble.Wide.Example.tsx correctly 1` z-index: 1; } @media screen and (-ms-high-contrast: active){.ms-Fabric--isFocusVisible &:focus:after { - border: none; bottom: -2px; left: -2px; outline-color: ButtonText; diff --git a/packages/office-ui-fabric-react/src/components/__snapshots__/TeachingBubble.WideIllustration.Example.tsx.shot b/packages/office-ui-fabric-react/src/components/__snapshots__/TeachingBubble.WideIllustration.Example.tsx.shot index 12bbc0185aa85..6259a1aa26cb3 100644 --- a/packages/office-ui-fabric-react/src/components/__snapshots__/TeachingBubble.WideIllustration.Example.tsx.shot +++ b/packages/office-ui-fabric-react/src/components/__snapshots__/TeachingBubble.WideIllustration.Example.tsx.shot @@ -46,7 +46,6 @@ exports[`Component Examples renders TeachingBubble.WideIllustration.Example.tsx z-index: 1; } @media screen and (-ms-high-contrast: active){.ms-Fabric--isFocusVisible &:focus:after { - border: none; bottom: -2px; left: -2px; outline-color: ButtonText; diff --git a/packages/office-ui-fabric-react/src/components/__snapshots__/TextField.CustomRender.Example.tsx.shot b/packages/office-ui-fabric-react/src/components/__snapshots__/TextField.CustomRender.Example.tsx.shot index 2c330e0c49826..6217215098d94 100644 --- a/packages/office-ui-fabric-react/src/components/__snapshots__/TextField.CustomRender.Example.tsx.shot +++ b/packages/office-ui-fabric-react/src/components/__snapshots__/TextField.CustomRender.Example.tsx.shot @@ -122,7 +122,6 @@ exports[`Component Examples renders TextField.CustomRender.Example.tsx correctly z-index: 1; } @media screen and (-ms-high-contrast: active){.ms-Fabric--isFocusVisible &:focus:after { - border: none; bottom: -2px; left: -2px; outline-color: ButtonText; diff --git a/packages/office-ui-fabric-react/src/components/__snapshots__/Tooltip.AbsolutePosition.Example.tsx.shot b/packages/office-ui-fabric-react/src/components/__snapshots__/Tooltip.AbsolutePosition.Example.tsx.shot index ce11d12cb7aaa..2419e9f8316d8 100644 --- a/packages/office-ui-fabric-react/src/components/__snapshots__/Tooltip.AbsolutePosition.Example.tsx.shot +++ b/packages/office-ui-fabric-react/src/components/__snapshots__/Tooltip.AbsolutePosition.Example.tsx.shot @@ -67,7 +67,6 @@ exports[`Component Examples renders Tooltip.AbsolutePosition.Example.tsx correct z-index: 1; } @media screen and (-ms-high-contrast: active){.ms-Fabric--isFocusVisible &:focus:after { - border: none; bottom: -2px; left: -2px; outline-color: ButtonText; diff --git a/packages/office-ui-fabric-react/src/components/__snapshots__/Tooltip.Basic.Example.tsx.shot b/packages/office-ui-fabric-react/src/components/__snapshots__/Tooltip.Basic.Example.tsx.shot index 2a43e9b9deb6c..ae95af078ca5f 100644 --- a/packages/office-ui-fabric-react/src/components/__snapshots__/Tooltip.Basic.Example.tsx.shot +++ b/packages/office-ui-fabric-react/src/components/__snapshots__/Tooltip.Basic.Example.tsx.shot @@ -60,7 +60,6 @@ exports[`Component Examples renders Tooltip.Basic.Example.tsx correctly 1`] = ` z-index: 1; } @media screen and (-ms-high-contrast: active){.ms-Fabric--isFocusVisible &:focus:after { - border: none; bottom: -2px; left: -2px; outline-color: ButtonText; diff --git a/packages/office-ui-fabric-react/src/components/__snapshots__/Tooltip.Custom.Example.tsx.shot b/packages/office-ui-fabric-react/src/components/__snapshots__/Tooltip.Custom.Example.tsx.shot index 2c936938a0838..a22f9b1007a5a 100644 --- a/packages/office-ui-fabric-react/src/components/__snapshots__/Tooltip.Custom.Example.tsx.shot +++ b/packages/office-ui-fabric-react/src/components/__snapshots__/Tooltip.Custom.Example.tsx.shot @@ -59,7 +59,6 @@ exports[`Component Examples renders Tooltip.Custom.Example.tsx correctly 1`] = ` z-index: 1; } @media screen and (-ms-high-contrast: active){.ms-Fabric--isFocusVisible &:focus:after { - border: none; bottom: -2px; left: -2px; outline-color: ButtonText; diff --git a/packages/office-ui-fabric-react/src/components/__snapshots__/Tooltip.Interactive.Example.tsx.shot b/packages/office-ui-fabric-react/src/components/__snapshots__/Tooltip.Interactive.Example.tsx.shot index 0a26b600fd0ba..f1cee988e0a83 100644 --- a/packages/office-ui-fabric-react/src/components/__snapshots__/Tooltip.Interactive.Example.tsx.shot +++ b/packages/office-ui-fabric-react/src/components/__snapshots__/Tooltip.Interactive.Example.tsx.shot @@ -60,7 +60,6 @@ exports[`Component Examples renders Tooltip.Interactive.Example.tsx correctly 1` z-index: 1; } @media screen and (-ms-high-contrast: active){.ms-Fabric--isFocusVisible &:focus:after { - border: none; bottom: -2px; left: -2px; outline-color: ButtonText; diff --git a/packages/office-ui-fabric-react/src/components/pickers/PeoplePicker/__snapshots__/PeoplePicker.test.tsx.snap b/packages/office-ui-fabric-react/src/components/pickers/PeoplePicker/__snapshots__/PeoplePicker.test.tsx.snap index 70b5c0046d1b6..1a961ec8934e5 100644 --- a/packages/office-ui-fabric-react/src/components/pickers/PeoplePicker/__snapshots__/PeoplePicker.test.tsx.snap +++ b/packages/office-ui-fabric-react/src/components/pickers/PeoplePicker/__snapshots__/PeoplePicker.test.tsx.snap @@ -535,7 +535,6 @@ exports[`PeoplePicker renders correctly with preselected items 1`] = ` z-index: 1; } @media screen and (-ms-high-contrast: active){.ms-Fabric--isFocusVisible &:focus:after { - border: none; bottom: -2px; left: -2px; outline-color: ButtonText; diff --git a/packages/office-ui-fabric-react/src/components/pickers/Suggestions/__snapshots__/Suggestions.test.tsx.snap b/packages/office-ui-fabric-react/src/components/pickers/Suggestions/__snapshots__/Suggestions.test.tsx.snap index c9e1f6ffb4160..a5be3c9783739 100644 --- a/packages/office-ui-fabric-react/src/components/pickers/Suggestions/__snapshots__/Suggestions.test.tsx.snap +++ b/packages/office-ui-fabric-react/src/components/pickers/Suggestions/__snapshots__/Suggestions.test.tsx.snap @@ -95,7 +95,6 @@ exports[`Suggestions renders a list properly 1`] = ` z-index: 1; } @media screen and (-ms-high-contrast: active){.ms-Fabric--isFocusVisible &:focus:after { - border: none; bottom: -2px; left: -2px; outline-color: ButtonText; @@ -231,7 +230,6 @@ exports[`Suggestions renders a list properly 1`] = ` z-index: 1; } @media screen and (-ms-high-contrast: active){.ms-Fabric--isFocusVisible &:focus:after { - border: none; bottom: -2px; left: -2px; outline-color: ButtonText; @@ -364,7 +362,6 @@ exports[`Suggestions renders a list properly 1`] = ` z-index: 1; } @media screen and (-ms-high-contrast: active){.ms-Fabric--isFocusVisible &:focus:after { - border: none; bottom: -2px; left: -2px; outline-color: ButtonText; @@ -497,7 +494,6 @@ exports[`Suggestions renders a list properly 1`] = ` z-index: 1; } @media screen and (-ms-high-contrast: active){.ms-Fabric--isFocusVisible &:focus:after { - border: none; bottom: -2px; left: -2px; outline-color: ButtonText; @@ -630,7 +626,6 @@ exports[`Suggestions renders a list properly 1`] = ` z-index: 1; } @media screen and (-ms-high-contrast: active){.ms-Fabric--isFocusVisible &:focus:after { - border: none; bottom: -2px; left: -2px; outline-color: ButtonText; @@ -763,7 +758,6 @@ exports[`Suggestions renders a list properly 1`] = ` z-index: 1; } @media screen and (-ms-high-contrast: active){.ms-Fabric--isFocusVisible &:focus:after { - border: none; bottom: -2px; left: -2px; outline-color: ButtonText; @@ -896,7 +890,6 @@ exports[`Suggestions renders a list properly 1`] = ` z-index: 1; } @media screen and (-ms-high-contrast: active){.ms-Fabric--isFocusVisible &:focus:after { - border: none; bottom: -2px; left: -2px; outline-color: ButtonText; @@ -1029,7 +1022,6 @@ exports[`Suggestions renders a list properly 1`] = ` z-index: 1; } @media screen and (-ms-high-contrast: active){.ms-Fabric--isFocusVisible &:focus:after { - border: none; bottom: -2px; left: -2px; outline-color: ButtonText; @@ -1162,7 +1154,6 @@ exports[`Suggestions renders a list properly 1`] = ` z-index: 1; } @media screen and (-ms-high-contrast: active){.ms-Fabric--isFocusVisible &:focus:after { - border: none; bottom: -2px; left: -2px; outline-color: ButtonText; @@ -1295,7 +1286,6 @@ exports[`Suggestions renders a list properly 1`] = ` z-index: 1; } @media screen and (-ms-high-contrast: active){.ms-Fabric--isFocusVisible &:focus:after { - border: none; bottom: -2px; left: -2px; outline-color: ButtonText; @@ -1428,7 +1418,6 @@ exports[`Suggestions renders a list properly 1`] = ` z-index: 1; } @media screen and (-ms-high-contrast: active){.ms-Fabric--isFocusVisible &:focus:after { - border: none; bottom: -2px; left: -2px; outline-color: ButtonText; @@ -1561,7 +1550,6 @@ exports[`Suggestions renders a list properly 1`] = ` z-index: 1; } @media screen and (-ms-high-contrast: active){.ms-Fabric--isFocusVisible &:focus:after { - border: none; bottom: -2px; left: -2px; outline-color: ButtonText; @@ -1694,7 +1682,6 @@ exports[`Suggestions renders a list properly 1`] = ` z-index: 1; } @media screen and (-ms-high-contrast: active){.ms-Fabric--isFocusVisible &:focus:after { - border: none; bottom: -2px; left: -2px; outline-color: ButtonText; @@ -1827,7 +1814,6 @@ exports[`Suggestions renders a list properly 1`] = ` z-index: 1; } @media screen and (-ms-high-contrast: active){.ms-Fabric--isFocusVisible &:focus:after { - border: none; bottom: -2px; left: -2px; outline-color: ButtonText; @@ -1960,7 +1946,6 @@ exports[`Suggestions renders a list properly 1`] = ` z-index: 1; } @media screen and (-ms-high-contrast: active){.ms-Fabric--isFocusVisible &:focus:after { - border: none; bottom: -2px; left: -2px; outline-color: ButtonText; @@ -2133,7 +2118,6 @@ exports[`Suggestions renders a list properly with CSS-in-JS styles 1`] = ` z-index: 1; } @media screen and (-ms-high-contrast: active){.ms-Fabric--isFocusVisible &:focus:after { - border: none; bottom: -2px; left: -2px; outline-color: ButtonText; @@ -2269,7 +2253,6 @@ exports[`Suggestions renders a list properly with CSS-in-JS styles 1`] = ` z-index: 1; } @media screen and (-ms-high-contrast: active){.ms-Fabric--isFocusVisible &:focus:after { - border: none; bottom: -2px; left: -2px; outline-color: ButtonText; @@ -2402,7 +2385,6 @@ exports[`Suggestions renders a list properly with CSS-in-JS styles 1`] = ` z-index: 1; } @media screen and (-ms-high-contrast: active){.ms-Fabric--isFocusVisible &:focus:after { - border: none; bottom: -2px; left: -2px; outline-color: ButtonText; @@ -2535,7 +2517,6 @@ exports[`Suggestions renders a list properly with CSS-in-JS styles 1`] = ` z-index: 1; } @media screen and (-ms-high-contrast: active){.ms-Fabric--isFocusVisible &:focus:after { - border: none; bottom: -2px; left: -2px; outline-color: ButtonText; @@ -2668,7 +2649,6 @@ exports[`Suggestions renders a list properly with CSS-in-JS styles 1`] = ` z-index: 1; } @media screen and (-ms-high-contrast: active){.ms-Fabric--isFocusVisible &:focus:after { - border: none; bottom: -2px; left: -2px; outline-color: ButtonText; @@ -2801,7 +2781,6 @@ exports[`Suggestions renders a list properly with CSS-in-JS styles 1`] = ` z-index: 1; } @media screen and (-ms-high-contrast: active){.ms-Fabric--isFocusVisible &:focus:after { - border: none; bottom: -2px; left: -2px; outline-color: ButtonText; @@ -2934,7 +2913,6 @@ exports[`Suggestions renders a list properly with CSS-in-JS styles 1`] = ` z-index: 1; } @media screen and (-ms-high-contrast: active){.ms-Fabric--isFocusVisible &:focus:after { - border: none; bottom: -2px; left: -2px; outline-color: ButtonText; @@ -3067,7 +3045,6 @@ exports[`Suggestions renders a list properly with CSS-in-JS styles 1`] = ` z-index: 1; } @media screen and (-ms-high-contrast: active){.ms-Fabric--isFocusVisible &:focus:after { - border: none; bottom: -2px; left: -2px; outline-color: ButtonText; @@ -3200,7 +3177,6 @@ exports[`Suggestions renders a list properly with CSS-in-JS styles 1`] = ` z-index: 1; } @media screen and (-ms-high-contrast: active){.ms-Fabric--isFocusVisible &:focus:after { - border: none; bottom: -2px; left: -2px; outline-color: ButtonText; @@ -3333,7 +3309,6 @@ exports[`Suggestions renders a list properly with CSS-in-JS styles 1`] = ` z-index: 1; } @media screen and (-ms-high-contrast: active){.ms-Fabric--isFocusVisible &:focus:after { - border: none; bottom: -2px; left: -2px; outline-color: ButtonText; @@ -3466,7 +3441,6 @@ exports[`Suggestions renders a list properly with CSS-in-JS styles 1`] = ` z-index: 1; } @media screen and (-ms-high-contrast: active){.ms-Fabric--isFocusVisible &:focus:after { - border: none; bottom: -2px; left: -2px; outline-color: ButtonText; @@ -3599,7 +3573,6 @@ exports[`Suggestions renders a list properly with CSS-in-JS styles 1`] = ` z-index: 1; } @media screen and (-ms-high-contrast: active){.ms-Fabric--isFocusVisible &:focus:after { - border: none; bottom: -2px; left: -2px; outline-color: ButtonText; @@ -3732,7 +3705,6 @@ exports[`Suggestions renders a list properly with CSS-in-JS styles 1`] = ` z-index: 1; } @media screen and (-ms-high-contrast: active){.ms-Fabric--isFocusVisible &:focus:after { - border: none; bottom: -2px; left: -2px; outline-color: ButtonText; @@ -3865,7 +3837,6 @@ exports[`Suggestions renders a list properly with CSS-in-JS styles 1`] = ` z-index: 1; } @media screen and (-ms-high-contrast: active){.ms-Fabric--isFocusVisible &:focus:after { - border: none; bottom: -2px; left: -2px; outline-color: ButtonText; @@ -3998,7 +3969,6 @@ exports[`Suggestions renders a list properly with CSS-in-JS styles 1`] = ` z-index: 1; } @media screen and (-ms-high-contrast: active){.ms-Fabric--isFocusVisible &:focus:after { - border: none; bottom: -2px; left: -2px; outline-color: ButtonText; @@ -4148,7 +4118,6 @@ exports[`Suggestions scrolls to selected index properly 1`] = ` z-index: 1; } @media screen and (-ms-high-contrast: active){.ms-Fabric--isFocusVisible &:focus:after { - border: none; bottom: -2px; left: -2px; outline-color: ButtonText; @@ -4281,7 +4250,6 @@ exports[`Suggestions scrolls to selected index properly 1`] = ` z-index: 1; } @media screen and (-ms-high-contrast: active){.ms-Fabric--isFocusVisible &:focus:after { - border: none; bottom: -2px; left: -2px; outline-color: ButtonText; @@ -4414,7 +4382,6 @@ exports[`Suggestions scrolls to selected index properly 1`] = ` z-index: 1; } @media screen and (-ms-high-contrast: active){.ms-Fabric--isFocusVisible &:focus:after { - border: none; bottom: -2px; left: -2px; outline-color: ButtonText; @@ -4547,7 +4514,6 @@ exports[`Suggestions scrolls to selected index properly 1`] = ` z-index: 1; } @media screen and (-ms-high-contrast: active){.ms-Fabric--isFocusVisible &:focus:after { - border: none; bottom: -2px; left: -2px; outline-color: ButtonText; @@ -4680,7 +4646,6 @@ exports[`Suggestions scrolls to selected index properly 1`] = ` z-index: 1; } @media screen and (-ms-high-contrast: active){.ms-Fabric--isFocusVisible &:focus:after { - border: none; bottom: -2px; left: -2px; outline-color: ButtonText; @@ -4813,7 +4778,6 @@ exports[`Suggestions scrolls to selected index properly 1`] = ` z-index: 1; } @media screen and (-ms-high-contrast: active){.ms-Fabric--isFocusVisible &:focus:after { - border: none; bottom: -2px; left: -2px; outline-color: ButtonText; @@ -4946,7 +4910,6 @@ exports[`Suggestions scrolls to selected index properly 1`] = ` z-index: 1; } @media screen and (-ms-high-contrast: active){.ms-Fabric--isFocusVisible &:focus:after { - border: none; bottom: -2px; left: -2px; outline-color: ButtonText; @@ -5079,7 +5042,6 @@ exports[`Suggestions scrolls to selected index properly 1`] = ` z-index: 1; } @media screen and (-ms-high-contrast: active){.ms-Fabric--isFocusVisible &:focus:after { - border: none; bottom: -2px; left: -2px; outline-color: ButtonText; @@ -5224,7 +5186,6 @@ exports[`Suggestions scrolls to selected index properly 1`] = ` z-index: 1; } @media screen and (-ms-high-contrast: active){.ms-Fabric--isFocusVisible &:focus:after { - border: none; bottom: -2px; left: -2px; outline-color: ButtonText; @@ -5360,7 +5321,6 @@ exports[`Suggestions scrolls to selected index properly 1`] = ` z-index: 1; } @media screen and (-ms-high-contrast: active){.ms-Fabric--isFocusVisible &:focus:after { - border: none; bottom: -2px; left: -2px; outline-color: ButtonText; @@ -5493,7 +5453,6 @@ exports[`Suggestions scrolls to selected index properly 1`] = ` z-index: 1; } @media screen and (-ms-high-contrast: active){.ms-Fabric--isFocusVisible &:focus:after { - border: none; bottom: -2px; left: -2px; outline-color: ButtonText; @@ -5626,7 +5585,6 @@ exports[`Suggestions scrolls to selected index properly 1`] = ` z-index: 1; } @media screen and (-ms-high-contrast: active){.ms-Fabric--isFocusVisible &:focus:after { - border: none; bottom: -2px; left: -2px; outline-color: ButtonText; @@ -5759,7 +5717,6 @@ exports[`Suggestions scrolls to selected index properly 1`] = ` z-index: 1; } @media screen and (-ms-high-contrast: active){.ms-Fabric--isFocusVisible &:focus:after { - border: none; bottom: -2px; left: -2px; outline-color: ButtonText; @@ -5892,7 +5849,6 @@ exports[`Suggestions scrolls to selected index properly 1`] = ` z-index: 1; } @media screen and (-ms-high-contrast: active){.ms-Fabric--isFocusVisible &:focus:after { - border: none; bottom: -2px; left: -2px; outline-color: ButtonText; @@ -6025,7 +5981,6 @@ exports[`Suggestions scrolls to selected index properly 1`] = ` z-index: 1; } @media screen and (-ms-high-contrast: active){.ms-Fabric--isFocusVisible &:focus:after { - border: none; bottom: -2px; left: -2px; outline-color: ButtonText; diff --git a/packages/office-ui-fabric-react/src/components/pickers/TagPicker/__snapshots__/TagItem.test.tsx.snap b/packages/office-ui-fabric-react/src/components/pickers/TagPicker/__snapshots__/TagItem.test.tsx.snap index a7dc6759f9c31..1be1679fd998c 100644 --- a/packages/office-ui-fabric-react/src/components/pickers/TagPicker/__snapshots__/TagItem.test.tsx.snap +++ b/packages/office-ui-fabric-react/src/components/pickers/TagPicker/__snapshots__/TagItem.test.tsx.snap @@ -122,7 +122,6 @@ exports[`TagItem accepts title override 1`] = ` z-index: 1; } @media screen and (-ms-high-contrast: active){.ms-Fabric--isFocusVisible &:focus:after { - border: none; bottom: -2px; left: -2px; outline-color: ButtonText; @@ -346,7 +345,6 @@ exports[`TagItem defaults title to item name for non string children 1`] = ` z-index: 1; } @media screen and (-ms-high-contrast: active){.ms-Fabric--isFocusVisible &:focus:after { - border: none; bottom: -2px; left: -2px; outline-color: ButtonText; @@ -545,7 +543,6 @@ exports[`TagItem renders correctly 1`] = ` z-index: 1; } @media screen and (-ms-high-contrast: active){.ms-Fabric--isFocusVisible &:focus:after { - border: none; bottom: -2px; left: -2px; outline-color: ButtonText; diff --git a/packages/office-ui-fabric-react/src/components/pickers/TagPicker/__snapshots__/TagPicker.test.tsx.snap b/packages/office-ui-fabric-react/src/components/pickers/TagPicker/__snapshots__/TagPicker.test.tsx.snap index a1ef3967732a6..bc92619d9425e 100644 --- a/packages/office-ui-fabric-react/src/components/pickers/TagPicker/__snapshots__/TagPicker.test.tsx.snap +++ b/packages/office-ui-fabric-react/src/components/pickers/TagPicker/__snapshots__/TagPicker.test.tsx.snap @@ -182,7 +182,6 @@ exports[`TagPicker renders correctly 1`] = ` z-index: 1; } @media screen and (-ms-high-contrast: active){.ms-Fabric--isFocusVisible &:focus:after { - border: none; bottom: -2px; left: -2px; outline-color: ButtonText; @@ -490,7 +489,6 @@ exports[`TagPicker renders picker with selected item correctly 1`] = ` z-index: 1; } @media screen and (-ms-high-contrast: active){.ms-Fabric--isFocusVisible &:focus:after { - border: none; bottom: -2px; left: -2px; outline-color: ButtonText; diff --git a/packages/react-next/src/components/SpinButton/__snapshots__/SpinButton.test.tsx.snap b/packages/react-next/src/components/SpinButton/__snapshots__/SpinButton.test.tsx.snap index 7099117930336..8517025e66f30 100644 --- a/packages/react-next/src/components/SpinButton/__snapshots__/SpinButton.test.tsx.snap +++ b/packages/react-next/src/components/SpinButton/__snapshots__/SpinButton.test.tsx.snap @@ -196,7 +196,6 @@ exports[`SpinButton renders correctly 1`] = ` z-index: 1; } @media screen and (-ms-high-contrast: active){.ms-Fabric--isFocusVisible &:focus:after { - border: none; bottom: -2px; left: -2px; outline-color: ButtonText; @@ -337,7 +336,6 @@ exports[`SpinButton renders correctly 1`] = ` z-index: 1; } @media screen and (-ms-high-contrast: active){.ms-Fabric--isFocusVisible &:focus:after { - border: none; bottom: -2px; left: -2px; outline-color: ButtonText; @@ -636,7 +634,6 @@ exports[`SpinButton renders correctly with user-provided values 1`] = ` z-index: 1; } @media screen and (-ms-high-contrast: active){.ms-Fabric--isFocusVisible &:focus:after { - border: none; bottom: -2px; left: -2px; outline-color: ButtonText; @@ -777,7 +774,6 @@ exports[`SpinButton renders correctly with user-provided values 1`] = ` z-index: 1; } @media screen and (-ms-high-contrast: active){.ms-Fabric--isFocusVisible &:focus:after { - border: none; bottom: -2px; left: -2px; outline-color: ButtonText; diff --git a/packages/react-next/src/components/TeachingBubble/__snapshots__/TeachingBubble.deprecated.test.tsx.snap b/packages/react-next/src/components/TeachingBubble/__snapshots__/TeachingBubble.deprecated.test.tsx.snap index 84c91251e2e57..2eefb72e1c9dd 100644 --- a/packages/react-next/src/components/TeachingBubble/__snapshots__/TeachingBubble.deprecated.test.tsx.snap +++ b/packages/react-next/src/components/TeachingBubble/__snapshots__/TeachingBubble.deprecated.test.tsx.snap @@ -204,7 +204,6 @@ exports[`TeachingBubble renders renders with hasCloseIcon which is deprecated 1` z-index: 1; } @media screen and (-ms-high-contrast: active){.ms-Fabric--isFocusVisible &:focus:after { - border: none; bottom: -2px; left: -2px; outline-color: ButtonText; @@ -339,7 +338,6 @@ exports[`TeachingBubble renders renders with hasCloseIcon which is deprecated 1` z-index: 1; } @media screen and (-ms-high-contrast: active){.ms-Fabric--isFocusVisible &:focus:after { - border: none; bottom: -2px; left: -2px; outline-color: ButtonText; @@ -492,7 +490,6 @@ exports[`TeachingBubble renders renders with hasCloseIcon which is deprecated 1` z-index: 1; } @media screen and (-ms-high-contrast: active){.ms-Fabric--isFocusVisible &:focus:after { - border: none; bottom: -2px; left: -2px; outline-color: ButtonText; diff --git a/packages/react-next/src/components/TeachingBubble/__snapshots__/TeachingBubble.test.tsx.snap b/packages/react-next/src/components/TeachingBubble/__snapshots__/TeachingBubble.test.tsx.snap index ffb55410b9e2f..0c6612a0e77d1 100644 --- a/packages/react-next/src/components/TeachingBubble/__snapshots__/TeachingBubble.test.tsx.snap +++ b/packages/react-next/src/components/TeachingBubble/__snapshots__/TeachingBubble.test.tsx.snap @@ -472,7 +472,6 @@ exports[`TeachingBubble renders TeachingBubbleContent with buttons correctly 1`] z-index: 1; } @media screen and (-ms-high-contrast: active){.ms-Fabric--isFocusVisible &:focus:after { - border: none; bottom: -2px; left: -2px; outline-color: ButtonText; @@ -607,7 +606,6 @@ exports[`TeachingBubble renders TeachingBubbleContent with buttons correctly 1`] z-index: 1; } @media screen and (-ms-high-contrast: active){.ms-Fabric--isFocusVisible &:focus:after { - border: none; bottom: -2px; left: -2px; outline-color: ButtonText; @@ -760,7 +758,6 @@ exports[`TeachingBubble renders TeachingBubbleContent with buttons correctly 1`] z-index: 1; } @media screen and (-ms-high-contrast: active){.ms-Fabric--isFocusVisible &:focus:after { - border: none; bottom: -2px; left: -2px; outline-color: ButtonText; diff --git a/packages/react-tabs/src/components/Pivot/__snapshots__/Pivot.deprecated.test.tsx.snap b/packages/react-tabs/src/components/Pivot/__snapshots__/Pivot.deprecated.test.tsx.snap index c42b873178b75..5c8ff64b1c105 100644 --- a/packages/react-tabs/src/components/Pivot/__snapshots__/Pivot.deprecated.test.tsx.snap +++ b/packages/react-tabs/src/components/Pivot/__snapshots__/Pivot.deprecated.test.tsx.snap @@ -64,7 +64,6 @@ exports[`Pivot renders link Pivot correctly 1`] = ` z-index: 1; } @media screen and (-ms-high-contrast: active){.ms-Fabric--isFocusVisible &:focus:after { - border: none; bottom: -2px; left: -2px; outline-color: ButtonText; @@ -175,7 +174,6 @@ exports[`Pivot renders link Pivot correctly 1`] = ` z-index: 1; } @media screen and (-ms-high-contrast: active){.ms-Fabric--isFocusVisible &:focus:after { - border: none; bottom: -2px; left: -2px; outline-color: ButtonText; diff --git a/packages/react-tabs/src/components/Pivot/__snapshots__/Pivot.test.tsx.snap b/packages/react-tabs/src/components/Pivot/__snapshots__/Pivot.test.tsx.snap index b1c86f98fece8..0b09a24e46d00 100644 --- a/packages/react-tabs/src/components/Pivot/__snapshots__/Pivot.test.tsx.snap +++ b/packages/react-tabs/src/components/Pivot/__snapshots__/Pivot.test.tsx.snap @@ -64,7 +64,6 @@ exports[`Pivot renders Pivot correctly when itemCount is a string 1`] = ` z-index: 1; } @media screen and (-ms-high-contrast: active){.ms-Fabric--isFocusVisible &:focus:after { - border: none; bottom: -2px; left: -2px; outline-color: ButtonText; @@ -175,7 +174,6 @@ exports[`Pivot renders Pivot correctly when itemCount is a string 1`] = ` z-index: 1; } @media screen and (-ms-high-contrast: active){.ms-Fabric--isFocusVisible &:focus:after { - border: none; bottom: -2px; left: -2px; outline-color: ButtonText; @@ -325,7 +323,6 @@ exports[`Pivot renders Pivot correctly with custom className 1`] = ` z-index: 1; } @media screen and (-ms-high-contrast: active){.ms-Fabric--isFocusVisible &:focus:after { - border: none; bottom: -2px; left: -2px; outline-color: ButtonText; @@ -436,7 +433,6 @@ exports[`Pivot renders Pivot correctly with custom className 1`] = ` z-index: 1; } @media screen and (-ms-high-contrast: active){.ms-Fabric--isFocusVisible &:focus:after { - border: none; bottom: -2px; left: -2px; outline-color: ButtonText; @@ -580,7 +576,6 @@ exports[`Pivot renders Pivot correctly with icon, text and count 1`] = ` z-index: 1; } @media screen and (-ms-high-contrast: active){.ms-Fabric--isFocusVisible &:focus:after { - border: none; bottom: -2px; left: -2px; outline-color: ButtonText; @@ -691,7 +686,6 @@ exports[`Pivot renders Pivot correctly with icon, text and count 1`] = ` z-index: 1; } @media screen and (-ms-high-contrast: active){.ms-Fabric--isFocusVisible &:focus:after { - border: none; bottom: -2px; left: -2px; outline-color: ButtonText; @@ -809,7 +803,6 @@ exports[`Pivot renders Pivot correctly with icon, text and count 1`] = ` z-index: 1; } @media screen and (-ms-high-contrast: active){.ms-Fabric--isFocusVisible &:focus:after { - border: none; bottom: -2px; left: -2px; outline-color: ButtonText; @@ -973,7 +966,6 @@ exports[`Pivot renders large link Pivot correctly 1`] = ` z-index: 1; } @media screen and (-ms-high-contrast: active){.ms-Fabric--isFocusVisible &:focus:after { - border: none; bottom: -2px; left: -2px; outline-color: ButtonText; @@ -1084,7 +1076,6 @@ exports[`Pivot renders large link Pivot correctly 1`] = ` z-index: 1; } @media screen and (-ms-high-contrast: active){.ms-Fabric--isFocusVisible &:focus:after { - border: none; bottom: -2px; left: -2px; outline-color: ButtonText; @@ -1228,7 +1219,6 @@ exports[`Pivot renders large tabbed Pivot correctly 1`] = ` z-index: 1; } @media screen and (-ms-high-contrast: active){.ms-Fabric--isFocusVisible &:focus:after { - border: none; bottom: -2px; left: -2px; outline-color: ButtonText; @@ -1339,7 +1329,6 @@ exports[`Pivot renders large tabbed Pivot correctly 1`] = ` z-index: 1; } @media screen and (-ms-high-contrast: active){.ms-Fabric--isFocusVisible &:focus:after { - border: none; bottom: -2px; left: -2px; outline-color: ButtonText; @@ -1481,7 +1470,6 @@ exports[`Pivot renders link Pivot correctly 1`] = ` z-index: 1; } @media screen and (-ms-high-contrast: active){.ms-Fabric--isFocusVisible &:focus:after { - border: none; bottom: -2px; left: -2px; outline-color: ButtonText; @@ -1592,7 +1580,6 @@ exports[`Pivot renders link Pivot correctly 1`] = ` z-index: 1; } @media screen and (-ms-high-contrast: active){.ms-Fabric--isFocusVisible &:focus:after { - border: none; bottom: -2px; left: -2px; outline-color: ButtonText; @@ -1735,7 +1722,6 @@ exports[`Pivot renders tabbed Pivot correctly 1`] = ` z-index: 1; } @media screen and (-ms-high-contrast: active){.ms-Fabric--isFocusVisible &:focus:after { - border: none; bottom: -2px; left: -2px; outline-color: ButtonText; @@ -1846,7 +1832,6 @@ exports[`Pivot renders tabbed Pivot correctly 1`] = ` z-index: 1; } @media screen and (-ms-high-contrast: active){.ms-Fabric--isFocusVisible &:focus:after { - border: none; bottom: -2px; left: -2px; outline-color: ButtonText; @@ -1987,7 +1972,6 @@ exports[`Pivot supports JSX expressions 1`] = ` z-index: 1; } @media screen and (-ms-high-contrast: active){.ms-Fabric--isFocusVisible &:focus:after { - border: none; bottom: -2px; left: -2px; outline-color: ButtonText; @@ -2099,7 +2083,6 @@ exports[`Pivot supports JSX expressions 1`] = ` z-index: 1; } @media screen and (-ms-high-contrast: active){.ms-Fabric--isFocusVisible &:focus:after { - border: none; bottom: -2px; left: -2px; outline-color: ButtonText;