random-mirrors/cosmos-explorer
1
0
Fork 0
mirror of https://github.com/Azure/cosmos-explorer.git synced 2024-11-25 06:56:38 +00:00
Code Issues Packages Projects Releases Wiki Activity

Update test snapshots

Browse Source
This commit is contained in:
Laurent Nguyen 2024-06-26 15:15:59 +02:00
parent 1e9727341b
commit cc1f89ff4b
7 changed files with 8134 additions and 7791 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

297
src/Explorer/Panes/DeleteCollectionConfirmationPane/__snapshots__/DeleteCollectionConfirmationPane.test.tsx.snap
View File

@ -384,12 +384,25 @@ exports[`Delete Collection Confirmation Pane submit() should call delete collect
id="sidePanelOkButton"
text="OK"
type="submit"
>
<MergeStylesShadowRootConsumer
stylesheetKey="PrimaryButton"
>
<PrimaryButton
ariaLabel="OK"
data-test="Panel/OkButton"
disabled={false}
id="sidePanelOkButton"
styles={
Object {
"__shadowConfig__": Object {
"__isShadowConfig__": true,
"inShadow": false,
"stylesheetKey": "PrimaryButton",
"window": [Window],
},
}
}
text="OK"
theme={
Object {
@ -673,6 +686,16 @@ exports[`Delete Collection Confirmation Pane submit() should call delete collect
id="sidePanelOkButton"
onRenderDescription={[Function]}
primary={true}
styles={
Object {
"__shadowConfig__": Object {
"__isShadowConfig__": true,
"inShadow": false,
"stylesheetKey": "PrimaryButton",
"window": [Window],
},
}
}
text="OK"
theme={
Object {
@ -948,6 +971,9 @@ exports[`Delete Collection Confirmation Pane submit() should call delete collect
}
}
type="submit"
>
<MergeStylesShadowRootConsumer
stylesheetKey="DefaultButton"
>
<DefaultButton
ariaLabel="OK"
@ -956,6 +982,16 @@ exports[`Delete Collection Confirmation Pane submit() should call delete collect
id="sidePanelOkButton"
onRenderDescription={[Function]}
primary={true}
styles={
Object {
"__shadowConfig__": Object {
"__isShadowConfig__": true,
"inShadow": false,
"stylesheetKey": "DefaultButton",
"window": [Window],
},
}
}
text="OK"
theme={
Object {
@ -1243,6 +1279,12 @@ exports[`Delete Collection Confirmation Pane submit() should call delete collect
split={false}
styles={
Object {
"__shadowConfig__": Object {
"__isShadowConfig__": true,
"inShadow": false,
"stylesheetKey": "DefaultButton",
"window": [Window],
},
"description": Object {
"display": "block",
},
@ -1262,12 +1304,10 @@ exports[`Delete Collection Confirmation Pane submit() should call delete collect
"textAlign": "center",
},
"iconDisabled": Object {
"color": "#a19f9d",
"selectors": Object {
"@media screen and (-ms-high-contrast: active), screen and (forced-colors: active)": Object {
"color": "GrayText",
},
},
"color": "#a19f9d",
},
"label": Array [
Object {
@ -1288,19 +1328,17 @@ exports[`Delete Collection Confirmation Pane submit() should call delete collect
"textAlign": "center",
},
"menuIconDisabled": Object {
"color": "#a19f9d",
"selectors": Object {
"@media screen and (-ms-high-contrast: active), screen and (forced-colors: active)": Object {
"color": "GrayText",
},
},
"color": "#a19f9d",
},
"root": Array [
Object {
"outline": "transparent",
"position": "relative",
"selectors": Object {
".ms-Fabric--isFocusVisible &:focus:after": Object {
".ms-Fabric--isFocusVisible &:focus:after, :host(.ms-Fabric--isFocusVisible) &:focus:after": Object {
"border": "1px solid transparent",
"borderRadius": undefined,
"bottom": 2,
@ -1335,19 +1373,17 @@ exports[`Delete Collection Confirmation Pane submit() should call delete collect
"fontWeight": 400,
},
Object {
":active > span": Object {
"left": 0,
"position": "relative",
"top": 0,
},
"border": "1px solid #8a8886",
"borderRadius": "2px",
"boxSizing": "border-box",
"cursor": "pointer",
"display": "inline-block",
"padding": "0 16px",
"selectors": Object {
":active > span": Object {
"left": 0,
"position": "relative",
"top": 0,
},
},
"textAlign": "center",
"textDecoration": "none",
"userSelect": "none",
@ -1357,18 +1393,12 @@ exports[`Delete Collection Confirmation Pane submit() should call delete collect
"minWidth": "80px",
},
Object {
"backgroundColor": "#0078d4",
"border": "1px solid #0078d4",
"color": "#ffffff",
"selectors": Object {
".ms-Fabric--isFocusVisible &:focus": Object {
"selectors": Object {
".ms-Fabric--isFocusVisible &:focus, :host(.ms-Fabric--isFocusVisible) &:focus": Object {
":after": Object {
"border": "none",
"outlineColor": "#ffffff",
},
},
},
"@media screen and (-ms-high-contrast: active), screen and (forced-colors: active)": Object {
"MsHighContrastAdjust": "none",
"backgroundColor": "WindowText",
@ -1376,7 +1406,9 @@ exports[`Delete Collection Confirmation Pane submit() should call delete collect
"color": "Window",
"forcedColorAdjust": "none",
},
},
"backgroundColor": "#0078d4",
"border": "1px solid #0078d4",
"color": "#ffffff",
},
],
"rootChecked": Object {
@ -1392,7 +1424,7 @@ exports[`Delete Collection Confirmation Pane submit() should call delete collect
"outline": "transparent",
"position": "relative",
"selectors": Object {
".ms-Fabric--isFocusVisible &:focus:after": Object {
".ms-Fabric--isFocusVisible &:focus:after, :host(.ms-Fabric--isFocusVisible) &:focus:after": Object {
"border": "1px solid transparent",
"borderRadius": undefined,
"bottom": 2,
@ -1420,29 +1452,25 @@ exports[`Delete Collection Confirmation Pane submit() should call delete collect
},
},
Object {
"backgroundColor": "#f3f2f1",
"borderColor": "#f3f2f1",
"color": "#a19f9d",
"cursor": "default",
"selectors": Object {
":focus": Object {
"outline": 0,
},
":hover": Object {
"outline": 0,
},
},
"backgroundColor": "#f3f2f1",
"borderColor": "#f3f2f1",
"color": "#a19f9d",
"cursor": "default",
},
Object {
"backgroundColor": "#f3f2f1",
"color": "#d2d0ce",
"selectors": Object {
"@media screen and (-ms-high-contrast: active), screen and (forced-colors: active)": Object {
"backgroundColor": "Window",
"borderColor": "GrayText",
"color": "GrayText",
},
},
"backgroundColor": "#f3f2f1",
"color": "#d2d0ce",
},
],
"rootExpanded": Object {
@ -1450,22 +1478,16 @@ exports[`Delete Collection Confirmation Pane submit() should call delete collect
"color": "#ffffff",
},
"rootHovered": Object {
"backgroundColor": "#106ebe",
"border": "1px solid #106ebe",
"color": "#ffffff",
"selectors": Object {
"@media screen and (-ms-high-contrast: active), screen and (forced-colors: active)": Object {
"backgroundColor": "Highlight",
"borderColor": "Highlight",
"color": "Window",
},
},
"backgroundColor": "#106ebe",
"border": "1px solid #106ebe",
"color": "#ffffff",
},
"rootPressed": Object {
"backgroundColor": "#005a9e",
"border": "1px solid #005a9e",
"color": "#ffffff",
"selectors": Object {
"@media screen and (-ms-high-contrast: active), screen and (forced-colors: active)": Object {
"MsHighContrastAdjust": "none",
"backgroundColor": "WindowText",
@ -1473,7 +1495,9 @@ exports[`Delete Collection Confirmation Pane submit() should call delete collect
"color": "Window",
"forcedColorAdjust": "none",
},
},
"backgroundColor": "#005a9e",
"border": "1px solid #005a9e",
"color": "#ffffff",
},
"screenReaderText": Object {
"border": 0,
@ -1487,17 +1511,15 @@ exports[`Delete Collection Confirmation Pane submit() should call delete collect
},
"splitButtonContainer": Array [
Object {
"selectors": Object {
"@media screen and (-ms-high-contrast: active), screen and (forced-colors: active)": Object {
"border": "none",
},
},
},
Object {
"outline": "transparent",
"position": "relative",
"selectors": Object {
".ms-Fabric--isFocusVisible &:focus:after": Object {
".ms-Fabric--isFocusVisible &:focus:after, :host(.ms-Fabric--isFocusVisible) &:focus:after": Object {
"border": "1px solid #ffffff",
"borderRadius": undefined,
"bottom": 3,
@ -1525,20 +1547,43 @@ exports[`Delete Collection Confirmation Pane submit() should call delete collect
},
},
Object {
"display": "inline-flex",
"selectors": Object {
".ms-Button--default": Object {
"borderBottomRightRadius": "0",
"borderRight": "none",
"borderTopRightRadius": "0",
"flexGrow": "1",
},
".ms-Button--default + .ms-Button": Object {
"@media screen and (-ms-high-contrast: active), screen and (forced-colors: active)": Object {
":hover": Object {
".ms-Button-menuIcon": Object {
"MsHighContrastAdjust": "none",
"backgroundColor": "HighlightText",
"color": "Highlight",
"forcedColorAdjust": "none",
},
"backgroundColor": "HighlightText",
"borderColor": "Highlight",
"color": "Highlight",
},
"border": "1px solid WindowText",
"borderLeftWidth": "0",
},
},
".ms-Button--default + .ms-Button[aria-expanded=\\"true\\"]": Object {
"@media screen and (-ms-high-contrast: active), screen and (forced-colors: active)": Object {
".ms-Button-menuIcon": Object {
"MsHighContrastAdjust": "none",
"backgroundColor": "HighlightText",
"color": "Highlight",
"forcedColorAdjust": "none",
},
"backgroundColor": "HighlightText",
"borderColor": "Highlight",
"color": "Highlight",
},
},
".ms-Button--primary": Object {
"border": "none",
"borderBottomRightRadius": "0",
"borderTopRightRadius": "0",
"flexGrow": "1",
"selectors": Object {
":active": Object {
"border": "none",
},
@ -1546,6 +1591,15 @@ exports[`Delete Collection Confirmation Pane submit() should call delete collect
"border": "none",
},
"@media screen and (-ms-high-contrast: active), screen and (forced-colors: active)": Object {
":active": Object {
"border": "1px solid Highlight",
},
":hover": Object {
"backgroundColor": "Highlight",
"border": "1px solid Highlight",
"borderRightWidth": "0",
"color": "HighlightText",
},
"MsHighContrastAdjust": "none",
"backgroundColor": "Window",
"border": "1px solid WindowText",
@ -1553,24 +1607,51 @@ exports[`Delete Collection Confirmation Pane submit() should call delete collect
"color": "WindowText",
"forcedColorAdjust": "none",
},
},
"border": "none",
"borderBottomRightRadius": "0",
"borderTopRightRadius": "0",
"flexGrow": "1",
},
".ms-Button--primary + .ms-Button": Object {
"border": "none",
"selectors": Object {
"@media screen and (-ms-high-contrast: active), screen and (forced-colors: active)": Object {
":hover": Object {
".ms-Button-menuIcon": Object {
"MsHighContrastAdjust": "none",
"color": "HighlightText",
"forcedColorAdjust": "none",
},
"backgroundColor": "Highlight",
"borderColor": "Highlight",
"borderLeftWidth": "0",
"color": "HighlightText",
},
"border": "1px solid WindowText",
"borderLeftWidth": "0",
},
"border": "none",
},
".ms-Button--primary + .ms-Button[aria-expanded=\\"true\\"]": Object {
".ms-Button-menuIcon": Object {
"color": "HighlightText",
},
"MsHighContrastAdjust": "none",
"backgroundColor": "Highlight",
"borderColor": "Highlight",
"color": "HighlightText",
"forcedColorAdjust": "none",
},
".ms-Button.is-disabled": Object {
"@media screen and (-ms-high-contrast: active), screen and (forced-colors: active)": Object {
"backgroundColor": "Window",
"borderColor": "GrayText",
"color": "GrayText",
},
},
},
"display": "inline-flex",
},
],
"splitButtonContainerChecked": Object {
"selectors": Object {
".ms-Button--primary": Object {
"selectors": Object {
"@media screen and (-ms-high-contrast: active), screen and (forced-colors: active)": Object {
"MsHighContrastAdjust": "none",
"backgroundColor": "WindowText",
@ -1579,12 +1660,8 @@ exports[`Delete Collection Confirmation Pane submit() should call delete collect
},
},
},
},
},
"splitButtonContainerCheckedHovered": Object {
"selectors": Object {
".ms-Button--primary": Object {
"selectors": Object {
"@media screen and (-ms-high-contrast: active), screen and (forced-colors: active)": Object {
"MsHighContrastAdjust": "none",
"backgroundColor": "WindowText",
@ -1593,12 +1670,7 @@ exports[`Delete Collection Confirmation Pane submit() should call delete collect
},
},
},
},
},
"splitButtonContainerDisabled": Object {
"border": "none",
"outline": "none",
"selectors": Object {
"@media screen and (-ms-high-contrast: active), screen and (forced-colors: active)": Object {
"MsHighContrastAdjust": "none",
"backgroundColor": "Window",
@ -1606,69 +1678,62 @@ exports[`Delete Collection Confirmation Pane submit() should call delete collect
"color": "GrayText",
"forcedColorAdjust": "none",
},
},
"border": "none",
"outline": "none",
},
"splitButtonContainerFocused": Object {
"outline": "none!important",
},
"splitButtonContainerHovered": Object {
"selectors": Object {
".ms-Button--primary": Object {
"selectors": Object {
"@media screen and (-ms-high-contrast: active), screen and (forced-colors: active)": Object {
"backgroundColor": "Highlight",
"color": "Window",
},
},
},
".ms-Button.is-disabled": Object {
"color": "#a19f9d",
"selectors": Object {
".ms-Button--default.is-disabled": Object {
"@media screen and (-ms-high-contrast: active), screen and (forced-colors: active)": Object {
"backgroundColor": "Window",
"borderColor": "GrayText",
"color": "GrayText",
},
"backgroundColor": "#f3f2f1",
"color": "#a19f9d",
},
".ms-Button--primary.is-disabled": Object {
"@media screen and (-ms-high-contrast: active), screen and (forced-colors: active)": Object {
"backgroundColor": "Window",
"borderColor": "GrayText",
"color": "GrayText",
},
"backgroundColor": "#f3f2f1",
"color": "#d2d0ce",
},
},
"splitButtonDivider": Array [
Object {
"@media screen and (-ms-high-contrast: active), screen and (forced-colors: active)": Object {
"backgroundColor": "Window",
},
"backgroundColor": "#ffffff",
"bottom": 8,
"position": "absolute",
"right": 31,
"selectors": Object {
"@media screen and (-ms-high-contrast: active), screen and (forced-colors: active)": Object {
"backgroundColor": "Window",
},
},
"top": 8,
"width": 1,
},
Object {
"bottom": 8,
"position": "absolute",
"right": 31,
"selectors": Object {
"@media screen and (-ms-high-contrast: active), screen and (forced-colors: active)": Object {
"backgroundColor": "WindowText",
},
},
"bottom": 8,
"position": "absolute",
"right": 31,
"top": 8,
"width": 1,
},
],
"splitButtonDividerDisabled": Object {
"bottom": 8,
"position": "absolute",
"right": 31,
"selectors": Object {
"@media screen and (-ms-high-contrast: active), screen and (forced-colors: active)": Object {
"backgroundColor": "GrayText",
},
},
"bottom": 8,
"position": "absolute",
"right": 31,
"top": 8,
"width": 1,
},
@ -1681,21 +1746,17 @@ exports[`Delete Collection Confirmation Pane submit() should call delete collect
},
"splitButtonMenuButton": Array [
Object {
"backgroundColor": "#0078d4",
"color": "#ffffff",
"selectors": Object {
":hover": Object {
"backgroundColor": "#106ebe",
"selectors": Object {
"@media screen and (-ms-high-contrast: active), screen and (forced-colors: active)": Object {
"color": "Highlight",
},
},
"backgroundColor": "#106ebe",
},
"@media screen and (-ms-high-contrast: active), screen and (forced-colors: active)": Object {
"backgroundColor": "Canvas",
},
},
"backgroundColor": "#0078d4",
"color": "#ffffff",
},
Object {
"@media screen and (-ms-high-contrast: active), screen and (forced-colors: active)": Object {
@ -1726,42 +1787,31 @@ exports[`Delete Collection Confirmation Pane submit() should call delete collect
},
],
"splitButtonMenuButtonChecked": Object {
"backgroundColor": "#005a9e",
"selectors": Object {
":hover": Object {
"backgroundColor": "#005a9e",
},
},
"backgroundColor": "#005a9e",
},
"splitButtonMenuButtonDisabled": Array [
Object {
"backgroundColor": "#f3f2f1",
"selectors": Object {
":hover": Object {
"backgroundColor": "#f3f2f1",
},
},
"backgroundColor": "#f3f2f1",
},
Object {
"border": "none",
"pointerEvents": "none",
"selectors": Object {
".ms-Button--primary": Object {
"selectors": Object {
"@media screen and (-ms-high-contrast: active), screen and (forced-colors: active)": Object {
"backgroundColor": "Window",
"borderColor": "GrayText",
"color": "GrayText",
},
},
},
".ms-Button-menuIcon": Object {
"selectors": Object {
"@media screen and (-ms-high-contrast: active), screen and (forced-colors: active)": Object {
"color": "GrayText",
},
},
},
":hover": Object {
"cursor": "default",
},
@ -1770,22 +1820,21 @@ exports[`Delete Collection Confirmation Pane submit() should call delete collect
"border": "1px solid GrayText",
"color": "GrayText",
},
},
"border": "none",
"pointerEvents": "none",
},
],
"splitButtonMenuButtonExpanded": Object {
"backgroundColor": "#005a9e",
"selectors": Object {
":hover": Object {
"backgroundColor": "#005a9e",
},
},
"backgroundColor": "#005a9e",
},
"splitButtonMenuFocused": Object {
"outline": "transparent",
"position": "relative",
"selectors": Object {
".ms-Fabric--isFocusVisible &:focus:after": Object {
".ms-Fabric--isFocusVisible &:focus:after, :host(.ms-Fabric--isFocusVisible) &:focus:after": Object {
"border": "1px solid #ffffff",
"borderRadius": undefined,
"bottom": 3,
@ -1816,12 +1865,10 @@ exports[`Delete Collection Confirmation Pane submit() should call delete collect
"color": "#ffffff",
},
"splitButtonMenuIconDisabled": Object {
"color": "#a19f9d",
"selectors": Object {
"@media screen and (-ms-high-contrast: active), screen and (forced-colors: active)": Object {
"color": "GrayText",
},
},
"color": "#a19f9d",
},
"textContainer": Object {
"display": "block",
@ -2140,8 +2187,10 @@ exports[`Delete Collection Confirmation Pane submit() should call delete collect
<FocusRects />
</BaseButton>
</DefaultButton>
</MergeStylesShadowRootConsumer>
</CustomizedDefaultButton>
</PrimaryButton>
</MergeStylesShadowRootConsumer>
</CustomizedPrimaryButton>
</div>
</PanelFooterComponent>

297
src/Explorer/Panes/ExecuteSprocParamsPane/__snapshots__/ExecuteSprocParamsPane.test.tsx.snap
View File

@ -5317,12 +5317,25 @@ exports[`Excute Sproc Param Pane should render Default properly 1`] = `
id="sidePanelOkButton"
text="Execute"
type="submit"
>
<MergeStylesShadowRootConsumer
stylesheetKey="PrimaryButton"
>
<PrimaryButton
ariaLabel="Execute"
data-test="Panel/OkButton"
disabled={false}
id="sidePanelOkButton"
styles={
Object {
"__shadowConfig__": Object {
"__isShadowConfig__": true,
"inShadow": false,
"stylesheetKey": "PrimaryButton",
"window": [Window],
},
}
}
text="Execute"
theme={
Object {
@ -5606,6 +5619,16 @@ exports[`Excute Sproc Param Pane should render Default properly 1`] = `
id="sidePanelOkButton"
onRenderDescription={[Function]}
primary={true}
styles={
Object {
"__shadowConfig__": Object {
"__isShadowConfig__": true,
"inShadow": false,
"stylesheetKey": "PrimaryButton",
"window": [Window],
},
}
}
text="Execute"
theme={
Object {
@ -5881,6 +5904,9 @@ exports[`Excute Sproc Param Pane should render Default properly 1`] = `
}
}
type="submit"
>
<MergeStylesShadowRootConsumer
stylesheetKey="DefaultButton"
>
<DefaultButton
ariaLabel="Execute"
@ -5889,6 +5915,16 @@ exports[`Excute Sproc Param Pane should render Default properly 1`] = `
id="sidePanelOkButton"
onRenderDescription={[Function]}
primary={true}
styles={
Object {
"__shadowConfig__": Object {
"__isShadowConfig__": true,
"inShadow": false,
"stylesheetKey": "DefaultButton",
"window": [Window],
},
}
}
text="Execute"
theme={
Object {
@ -6176,6 +6212,12 @@ exports[`Excute Sproc Param Pane should render Default properly 1`] = `
split={false}
styles={
Object {
"__shadowConfig__": Object {
"__isShadowConfig__": true,
"inShadow": false,
"stylesheetKey": "DefaultButton",
"window": [Window],
},
"description": Object {
"display": "block",
},
@ -6195,12 +6237,10 @@ exports[`Excute Sproc Param Pane should render Default properly 1`] = `
"textAlign": "center",
},
"iconDisabled": Object {
"color": "#a19f9d",
"selectors": Object {
"@media screen and (-ms-high-contrast: active), screen and (forced-colors: active)": Object {
"color": "GrayText",
},
},
"color": "#a19f9d",
},
"label": Array [
Object {
@ -6221,19 +6261,17 @@ exports[`Excute Sproc Param Pane should render Default properly 1`] = `
"textAlign": "center",
},
"menuIconDisabled": Object {
"color": "#a19f9d",
"selectors": Object {
"@media screen and (-ms-high-contrast: active), screen and (forced-colors: active)": Object {
"color": "GrayText",
},
},
"color": "#a19f9d",
},
"root": Array [
Object {
"outline": "transparent",
"position": "relative",
"selectors": Object {
".ms-Fabric--isFocusVisible &:focus:after": Object {
".ms-Fabric--isFocusVisible &:focus:after, :host(.ms-Fabric--isFocusVisible) &:focus:after": Object {
"border": "1px solid transparent",
"borderRadius": undefined,
"bottom": 2,
@ -6268,19 +6306,17 @@ exports[`Excute Sproc Param Pane should render Default properly 1`] = `
"fontWeight": 400,
},
Object {
":active > span": Object {
"left": 0,
"position": "relative",
"top": 0,
},
"border": "1px solid #8a8886",
"borderRadius": "2px",
"boxSizing": "border-box",
"cursor": "pointer",
"display": "inline-block",
"padding": "0 16px",
"selectors": Object {
":active > span": Object {
"left": 0,
"position": "relative",
"top": 0,
},
},
"textAlign": "center",
"textDecoration": "none",
"userSelect": "none",
@ -6290,18 +6326,12 @@ exports[`Excute Sproc Param Pane should render Default properly 1`] = `
"minWidth": "80px",
},
Object {
"backgroundColor": "#0078d4",
"border": "1px solid #0078d4",
"color": "#ffffff",
"selectors": Object {
".ms-Fabric--isFocusVisible &:focus": Object {
"selectors": Object {
".ms-Fabric--isFocusVisible &:focus, :host(.ms-Fabric--isFocusVisible) &:focus": Object {
":after": Object {
"border": "none",
"outlineColor": "#ffffff",
},
},
},
"@media screen and (-ms-high-contrast: active), screen and (forced-colors: active)": Object {
"MsHighContrastAdjust": "none",
"backgroundColor": "WindowText",
@ -6309,7 +6339,9 @@ exports[`Excute Sproc Param Pane should render Default properly 1`] = `
"color": "Window",
"forcedColorAdjust": "none",
},
},
"backgroundColor": "#0078d4",
"border": "1px solid #0078d4",
"color": "#ffffff",
},
],
"rootChecked": Object {
@ -6325,7 +6357,7 @@ exports[`Excute Sproc Param Pane should render Default properly 1`] = `
"outline": "transparent",
"position": "relative",
"selectors": Object {
".ms-Fabric--isFocusVisible &:focus:after": Object {
".ms-Fabric--isFocusVisible &:focus:after, :host(.ms-Fabric--isFocusVisible) &:focus:after": Object {
"border": "1px solid transparent",
"borderRadius": undefined,
"bottom": 2,
@ -6353,29 +6385,25 @@ exports[`Excute Sproc Param Pane should render Default properly 1`] = `
},
},
Object {
"backgroundColor": "#f3f2f1",
"borderColor": "#f3f2f1",
"color": "#a19f9d",
"cursor": "default",
"selectors": Object {
":focus": Object {
"outline": 0,
},
":hover": Object {
"outline": 0,
},
},
"backgroundColor": "#f3f2f1",
"borderColor": "#f3f2f1",
"color": "#a19f9d",
"cursor": "default",
},
Object {
"backgroundColor": "#f3f2f1",
"color": "#d2d0ce",
"selectors": Object {
"@media screen and (-ms-high-contrast: active), screen and (forced-colors: active)": Object {
"backgroundColor": "Window",
"borderColor": "GrayText",
"color": "GrayText",
},
},
"backgroundColor": "#f3f2f1",
"color": "#d2d0ce",
},
],
"rootExpanded": Object {
@ -6383,22 +6411,16 @@ exports[`Excute Sproc Param Pane should render Default properly 1`] = `
"color": "#ffffff",
},
"rootHovered": Object {
"backgroundColor": "#106ebe",
"border": "1px solid #106ebe",
"color": "#ffffff",
"selectors": Object {
"@media screen and (-ms-high-contrast: active), screen and (forced-colors: active)": Object {
"backgroundColor": "Highlight",
"borderColor": "Highlight",
"color": "Window",
},
},
"backgroundColor": "#106ebe",
"border": "1px solid #106ebe",
"color": "#ffffff",
},
"rootPressed": Object {
"backgroundColor": "#005a9e",
"border": "1px solid #005a9e",
"color": "#ffffff",
"selectors": Object {
"@media screen and (-ms-high-contrast: active), screen and (forced-colors: active)": Object {
"MsHighContrastAdjust": "none",
"backgroundColor": "WindowText",
@ -6406,7 +6428,9 @@ exports[`Excute Sproc Param Pane should render Default properly 1`] = `
"color": "Window",
"forcedColorAdjust": "none",
},
},
"backgroundColor": "#005a9e",
"border": "1px solid #005a9e",
"color": "#ffffff",
},
"screenReaderText": Object {
"border": 0,
@ -6420,17 +6444,15 @@ exports[`Excute Sproc Param Pane should render Default properly 1`] = `
},
"splitButtonContainer": Array [
Object {
"selectors": Object {
"@media screen and (-ms-high-contrast: active), screen and (forced-colors: active)": Object {
"border": "none",
},
},
},
Object {
"outline": "transparent",
"position": "relative",
"selectors": Object {
".ms-Fabric--isFocusVisible &:focus:after": Object {
".ms-Fabric--isFocusVisible &:focus:after, :host(.ms-Fabric--isFocusVisible) &:focus:after": Object {
"border": "1px solid #ffffff",
"borderRadius": undefined,
"bottom": 3,
@ -6458,20 +6480,43 @@ exports[`Excute Sproc Param Pane should render Default properly 1`] = `
},
},
Object {
"display": "inline-flex",
"selectors": Object {
".ms-Button--default": Object {
"borderBottomRightRadius": "0",
"borderRight": "none",
"borderTopRightRadius": "0",
"flexGrow": "1",
},
".ms-Button--default + .ms-Button": Object {
"@media screen and (-ms-high-contrast: active), screen and (forced-colors: active)": Object {
":hover": Object {
".ms-Button-menuIcon": Object {
"MsHighContrastAdjust": "none",
"backgroundColor": "HighlightText",
"color": "Highlight",
"forcedColorAdjust": "none",
},
"backgroundColor": "HighlightText",
"borderColor": "Highlight",
"color": "Highlight",
},
"border": "1px solid WindowText",
"borderLeftWidth": "0",
},
},
".ms-Button--default + .ms-Button[aria-expanded=\\"true\\"]": Object {
"@media screen and (-ms-high-contrast: active), screen and (forced-colors: active)": Object {
".ms-Button-menuIcon": Object {
"MsHighContrastAdjust": "none",
"backgroundColor": "HighlightText",
"color": "Highlight",
"forcedColorAdjust": "none",
},
"backgroundColor": "HighlightText",
"borderColor": "Highlight",
"color": "Highlight",
},
},
".ms-Button--primary": Object {
"border": "none",
"borderBottomRightRadius": "0",
"borderTopRightRadius": "0",
"flexGrow": "1",
"selectors": Object {
":active": Object {
"border": "none",
},
@ -6479,6 +6524,15 @@ exports[`Excute Sproc Param Pane should render Default properly 1`] = `
"border": "none",
},
"@media screen and (-ms-high-contrast: active), screen and (forced-colors: active)": Object {
":active": Object {
"border": "1px solid Highlight",
},
":hover": Object {
"backgroundColor": "Highlight",
"border": "1px solid Highlight",
"borderRightWidth": "0",
"color": "HighlightText",
},
"MsHighContrastAdjust": "none",
"backgroundColor": "Window",
"border": "1px solid WindowText",
@ -6486,24 +6540,51 @@ exports[`Excute Sproc Param Pane should render Default properly 1`] = `
"color": "WindowText",
"forcedColorAdjust": "none",
},
},
"border": "none",
"borderBottomRightRadius": "0",
"borderTopRightRadius": "0",
"flexGrow": "1",
},
".ms-Button--primary + .ms-Button": Object {
"border": "none",
"selectors": Object {
"@media screen and (-ms-high-contrast: active), screen and (forced-colors: active)": Object {
":hover": Object {
".ms-Button-menuIcon": Object {
"MsHighContrastAdjust": "none",
"color": "HighlightText",
"forcedColorAdjust": "none",
},
"backgroundColor": "Highlight",
"borderColor": "Highlight",
"borderLeftWidth": "0",
"color": "HighlightText",
},
"border": "1px solid WindowText",
"borderLeftWidth": "0",
},
"border": "none",
},
".ms-Button--primary + .ms-Button[aria-expanded=\\"true\\"]": Object {
".ms-Button-menuIcon": Object {
"color": "HighlightText",
},
"MsHighContrastAdjust": "none",
"backgroundColor": "Highlight",
"borderColor": "Highlight",
"color": "HighlightText",
"forcedColorAdjust": "none",
},
".ms-Button.is-disabled": Object {
"@media screen and (-ms-high-contrast: active), screen and (forced-colors: active)": Object {
"backgroundColor": "Window",
"borderColor": "GrayText",
"color": "GrayText",
},
},
},
"display": "inline-flex",
},
],
"splitButtonContainerChecked": Object {
"selectors": Object {
".ms-Button--primary": Object {
"selectors": Object {
"@media screen and (-ms-high-contrast: active), screen and (forced-colors: active)": Object {
"MsHighContrastAdjust": "none",
"backgroundColor": "WindowText",
@ -6512,12 +6593,8 @@ exports[`Excute Sproc Param Pane should render Default properly 1`] = `
},
},
},
},
},
"splitButtonContainerCheckedHovered": Object {
"selectors": Object {
".ms-Button--primary": Object {
"selectors": Object {
"@media screen and (-ms-high-contrast: active), screen and (forced-colors: active)": Object {
"MsHighContrastAdjust": "none",
"backgroundColor": "WindowText",
@ -6526,12 +6603,7 @@ exports[`Excute Sproc Param Pane should render Default properly 1`] = `
},
},
},
},
},
"splitButtonContainerDisabled": Object {
"border": "none",
"outline": "none",
"selectors": Object {
"@media screen and (-ms-high-contrast: active), screen and (forced-colors: active)": Object {
"MsHighContrastAdjust": "none",
"backgroundColor": "Window",
@ -6539,69 +6611,62 @@ exports[`Excute Sproc Param Pane should render Default properly 1`] = `
"color": "GrayText",
"forcedColorAdjust": "none",
},
},
"border": "none",
"outline": "none",
},
"splitButtonContainerFocused": Object {
"outline": "none!important",
},
"splitButtonContainerHovered": Object {
"selectors": Object {
".ms-Button--primary": Object {
"selectors": Object {
"@media screen and (-ms-high-contrast: active), screen and (forced-colors: active)": Object {
"backgroundColor": "Highlight",
"color": "Window",
},
},
},
".ms-Button.is-disabled": Object {
"color": "#a19f9d",
"selectors": Object {
".ms-Button--default.is-disabled": Object {
"@media screen and (-ms-high-contrast: active), screen and (forced-colors: active)": Object {
"backgroundColor": "Window",
"borderColor": "GrayText",
"color": "GrayText",
},
"backgroundColor": "#f3f2f1",
"color": "#a19f9d",
},
".ms-Button--primary.is-disabled": Object {
"@media screen and (-ms-high-contrast: active), screen and (forced-colors: active)": Object {
"backgroundColor": "Window",
"borderColor": "GrayText",
"color": "GrayText",
},
"backgroundColor": "#f3f2f1",
"color": "#d2d0ce",
},
},
"splitButtonDivider": Array [
Object {
"@media screen and (-ms-high-contrast: active), screen and (forced-colors: active)": Object {
"backgroundColor": "Window",
},
"backgroundColor": "#ffffff",
"bottom": 8,
"position": "absolute",
"right": 31,
"selectors": Object {
"@media screen and (-ms-high-contrast: active), screen and (forced-colors: active)": Object {
"backgroundColor": "Window",
},
},
"top": 8,
"width": 1,
},
Object {
"bottom": 8,
"position": "absolute",
"right": 31,
"selectors": Object {
"@media screen and (-ms-high-contrast: active), screen and (forced-colors: active)": Object {
"backgroundColor": "WindowText",
},
},
"bottom": 8,
"position": "absolute",
"right": 31,
"top": 8,
"width": 1,
},
],
"splitButtonDividerDisabled": Object {
"bottom": 8,
"position": "absolute",
"right": 31,
"selectors": Object {
"@media screen and (-ms-high-contrast: active), screen and (forced-colors: active)": Object {
"backgroundColor": "GrayText",
},
},
"bottom": 8,
"position": "absolute",
"right": 31,
"top": 8,
"width": 1,
},
@ -6614,21 +6679,17 @@ exports[`Excute Sproc Param Pane should render Default properly 1`] = `
},
"splitButtonMenuButton": Array [
Object {
"backgroundColor": "#0078d4",
"color": "#ffffff",
"selectors": Object {
":hover": Object {
"backgroundColor": "#106ebe",
"selectors": Object {
"@media screen and (-ms-high-contrast: active), screen and (forced-colors: active)": Object {
"color": "Highlight",
},
},
"backgroundColor": "#106ebe",
},
"@media screen and (-ms-high-contrast: active), screen and (forced-colors: active)": Object {
"backgroundColor": "Canvas",
},
},
"backgroundColor": "#0078d4",
"color": "#ffffff",
},
Object {
"@media screen and (-ms-high-contrast: active), screen and (forced-colors: active)": Object {
@ -6659,42 +6720,31 @@ exports[`Excute Sproc Param Pane should render Default properly 1`] = `
},
],
"splitButtonMenuButtonChecked": Object {
"backgroundColor": "#005a9e",
"selectors": Object {
":hover": Object {
"backgroundColor": "#005a9e",
},
},
"backgroundColor": "#005a9e",
},
"splitButtonMenuButtonDisabled": Array [
Object {
"backgroundColor": "#f3f2f1",
"selectors": Object {
":hover": Object {
"backgroundColor": "#f3f2f1",
},
},
"backgroundColor": "#f3f2f1",
},
Object {
"border": "none",
"pointerEvents": "none",
"selectors": Object {
".ms-Button--primary": Object {
"selectors": Object {
"@media screen and (-ms-high-contrast: active), screen and (forced-colors: active)": Object {
"backgroundColor": "Window",
"borderColor": "GrayText",
"color": "GrayText",
},
},
},
".ms-Button-menuIcon": Object {
"selectors": Object {
"@media screen and (-ms-high-contrast: active), screen and (forced-colors: active)": Object {
"color": "GrayText",
},
},
},
":hover": Object {
"cursor": "default",
},
@ -6703,22 +6753,21 @@ exports[`Excute Sproc Param Pane should render Default properly 1`] = `
"border": "1px solid GrayText",
"color": "GrayText",
},
},
"border": "none",
"pointerEvents": "none",
},
],
"splitButtonMenuButtonExpanded": Object {
"backgroundColor": "#005a9e",
"selectors": Object {
":hover": Object {
"backgroundColor": "#005a9e",
},
},
"backgroundColor": "#005a9e",
},
"splitButtonMenuFocused": Object {
"outline": "transparent",
"position": "relative",
"selectors": Object {
".ms-Fabric--isFocusVisible &:focus:after": Object {
".ms-Fabric--isFocusVisible &:focus:after, :host(.ms-Fabric--isFocusVisible) &:focus:after": Object {
"border": "1px solid #ffffff",
"borderRadius": undefined,
"bottom": 3,
@ -6749,12 +6798,10 @@ exports[`Excute Sproc Param Pane should render Default properly 1`] = `
"color": "#ffffff",
},
"splitButtonMenuIconDisabled": Object {
"color": "#a19f9d",
"selectors": Object {
"@media screen and (-ms-high-contrast: active), screen and (forced-colors: active)": Object {
"color": "GrayText",
},
},
"color": "#a19f9d",
},
"textContainer": Object {
"display": "block",
@ -7073,8 +7120,10 @@ exports[`Excute Sproc Param Pane should render Default properly 1`] = `
<FocusRects />
</BaseButton>
</DefaultButton>
</MergeStylesShadowRootConsumer>
</CustomizedDefaultButton>
</PrimaryButton>
</MergeStylesShadowRootConsumer>
</CustomizedPrimaryButton>
</div>
</PanelFooterComponent>

297
src/Explorer/Panes/RightPaneForm/__snapshots__/RightPaneForm.test.tsx.snap
View File

@ -26,12 +26,25 @@ exports[`Right Pane Form should render Default properly 1`] = `
id="sidePanelOkButton"
text="Load"
type="submit"
>
<MergeStylesShadowRootConsumer
stylesheetKey="PrimaryButton"
>
<PrimaryButton
ariaLabel="Load"
data-test="Panel/OkButton"
disabled={false}
id="sidePanelOkButton"
styles={
Object {
"__shadowConfig__": Object {
"__isShadowConfig__": true,
"inShadow": false,
"stylesheetKey": "PrimaryButton",
"window": [Window],
},
}
}
text="Load"
theme={
Object {
@ -315,6 +328,16 @@ exports[`Right Pane Form should render Default properly 1`] = `
id="sidePanelOkButton"
onRenderDescription={[Function]}
primary={true}
styles={
Object {
"__shadowConfig__": Object {
"__isShadowConfig__": true,
"inShadow": false,
"stylesheetKey": "PrimaryButton",
"window": [Window],
},
}
}
text="Load"
theme={
Object {
@ -590,6 +613,9 @@ exports[`Right Pane Form should render Default properly 1`] = `
}
}
type="submit"
>
<MergeStylesShadowRootConsumer
stylesheetKey="DefaultButton"
>
<DefaultButton
ariaLabel="Load"
@ -598,6 +624,16 @@ exports[`Right Pane Form should render Default properly 1`] = `
id="sidePanelOkButton"
onRenderDescription={[Function]}
primary={true}
styles={
Object {
"__shadowConfig__": Object {
"__isShadowConfig__": true,
"inShadow": false,
"stylesheetKey": "DefaultButton",
"window": [Window],
},
}
}
text="Load"
theme={
Object {
@ -885,6 +921,12 @@ exports[`Right Pane Form should render Default properly 1`] = `
split={false}
styles={
Object {
"__shadowConfig__": Object {
"__isShadowConfig__": true,
"inShadow": false,
"stylesheetKey": "DefaultButton",
"window": [Window],
},
"description": Object {
"display": "block",
},
@ -904,12 +946,10 @@ exports[`Right Pane Form should render Default properly 1`] = `
"textAlign": "center",
},
"iconDisabled": Object {
"color": "#a19f9d",
"selectors": Object {
"@media screen and (-ms-high-contrast: active), screen and (forced-colors: active)": Object {
"color": "GrayText",
},
},
"color": "#a19f9d",
},
"label": Array [
Object {
@ -930,19 +970,17 @@ exports[`Right Pane Form should render Default properly 1`] = `
"textAlign": "center",
},
"menuIconDisabled": Object {
"color": "#a19f9d",
"selectors": Object {
"@media screen and (-ms-high-contrast: active), screen and (forced-colors: active)": Object {
"color": "GrayText",
},
},
"color": "#a19f9d",
},
"root": Array [
Object {
"outline": "transparent",
"position": "relative",
"selectors": Object {
".ms-Fabric--isFocusVisible &:focus:after": Object {
".ms-Fabric--isFocusVisible &:focus:after, :host(.ms-Fabric--isFocusVisible) &:focus:after": Object {
"border": "1px solid transparent",
"borderRadius": undefined,
"bottom": 2,
@ -977,19 +1015,17 @@ exports[`Right Pane Form should render Default properly 1`] = `
"fontWeight": 400,
},
Object {
":active > span": Object {
"left": 0,
"position": "relative",
"top": 0,
},
"border": "1px solid #8a8886",
"borderRadius": "2px",
"boxSizing": "border-box",
"cursor": "pointer",
"display": "inline-block",
"padding": "0 16px",
"selectors": Object {
":active > span": Object {
"left": 0,
"position": "relative",
"top": 0,
},
},
"textAlign": "center",
"textDecoration": "none",
"userSelect": "none",
@ -999,18 +1035,12 @@ exports[`Right Pane Form should render Default properly 1`] = `
"minWidth": "80px",
},
Object {
"backgroundColor": "#0078d4",
"border": "1px solid #0078d4",
"color": "#ffffff",
"selectors": Object {
".ms-Fabric--isFocusVisible &:focus": Object {
"selectors": Object {
".ms-Fabric--isFocusVisible &:focus, :host(.ms-Fabric--isFocusVisible) &:focus": Object {
":after": Object {
"border": "none",
"outlineColor": "#ffffff",
},
},
},
"@media screen and (-ms-high-contrast: active), screen and (forced-colors: active)": Object {
"MsHighContrastAdjust": "none",
"backgroundColor": "WindowText",
@ -1018,7 +1048,9 @@ exports[`Right Pane Form should render Default properly 1`] = `
"color": "Window",
"forcedColorAdjust": "none",
},
},
"backgroundColor": "#0078d4",
"border": "1px solid #0078d4",
"color": "#ffffff",
},
],
"rootChecked": Object {
@ -1034,7 +1066,7 @@ exports[`Right Pane Form should render Default properly 1`] = `
"outline": "transparent",
"position": "relative",
"selectors": Object {
".ms-Fabric--isFocusVisible &:focus:after": Object {
".ms-Fabric--isFocusVisible &:focus:after, :host(.ms-Fabric--isFocusVisible) &:focus:after": Object {
"border": "1px solid transparent",
"borderRadius": undefined,
"bottom": 2,
@ -1062,29 +1094,25 @@ exports[`Right Pane Form should render Default properly 1`] = `
},
},
Object {
"backgroundColor": "#f3f2f1",
"borderColor": "#f3f2f1",
"color": "#a19f9d",
"cursor": "default",
"selectors": Object {
":focus": Object {
"outline": 0,
},
":hover": Object {
"outline": 0,
},
},
"backgroundColor": "#f3f2f1",
"borderColor": "#f3f2f1",
"color": "#a19f9d",
"cursor": "default",
},
Object {
"backgroundColor": "#f3f2f1",
"color": "#d2d0ce",
"selectors": Object {
"@media screen and (-ms-high-contrast: active), screen and (forced-colors: active)": Object {
"backgroundColor": "Window",
"borderColor": "GrayText",
"color": "GrayText",
},
},
"backgroundColor": "#f3f2f1",
"color": "#d2d0ce",
},
],
"rootExpanded": Object {
@ -1092,22 +1120,16 @@ exports[`Right Pane Form should render Default properly 1`] = `
"color": "#ffffff",
},
"rootHovered": Object {
"backgroundColor": "#106ebe",
"border": "1px solid #106ebe",
"color": "#ffffff",
"selectors": Object {
"@media screen and (-ms-high-contrast: active), screen and (forced-colors: active)": Object {
"backgroundColor": "Highlight",
"borderColor": "Highlight",
"color": "Window",
},
},
"backgroundColor": "#106ebe",
"border": "1px solid #106ebe",
"color": "#ffffff",
},
"rootPressed": Object {
"backgroundColor": "#005a9e",
"border": "1px solid #005a9e",
"color": "#ffffff",
"selectors": Object {
"@media screen and (-ms-high-contrast: active), screen and (forced-colors: active)": Object {
"MsHighContrastAdjust": "none",
"backgroundColor": "WindowText",
@ -1115,7 +1137,9 @@ exports[`Right Pane Form should render Default properly 1`] = `
"color": "Window",
"forcedColorAdjust": "none",
},
},
"backgroundColor": "#005a9e",
"border": "1px solid #005a9e",
"color": "#ffffff",
},
"screenReaderText": Object {
"border": 0,
@ -1129,17 +1153,15 @@ exports[`Right Pane Form should render Default properly 1`] = `
},
"splitButtonContainer": Array [
Object {
"selectors": Object {
"@media screen and (-ms-high-contrast: active), screen and (forced-colors: active)": Object {
"border": "none",
},
},
},
Object {
"outline": "transparent",
"position": "relative",
"selectors": Object {
".ms-Fabric--isFocusVisible &:focus:after": Object {
".ms-Fabric--isFocusVisible &:focus:after, :host(.ms-Fabric--isFocusVisible) &:focus:after": Object {
"border": "1px solid #ffffff",
"borderRadius": undefined,
"bottom": 3,
@ -1167,20 +1189,43 @@ exports[`Right Pane Form should render Default properly 1`] = `
},
},
Object {
"display": "inline-flex",
"selectors": Object {
".ms-Button--default": Object {
"borderBottomRightRadius": "0",
"borderRight": "none",
"borderTopRightRadius": "0",
"flexGrow": "1",
},
".ms-Button--default + .ms-Button": Object {
"@media screen and (-ms-high-contrast: active), screen and (forced-colors: active)": Object {
":hover": Object {
".ms-Button-menuIcon": Object {
"MsHighContrastAdjust": "none",
"backgroundColor": "HighlightText",
"color": "Highlight",
"forcedColorAdjust": "none",
},
"backgroundColor": "HighlightText",
"borderColor": "Highlight",
"color": "Highlight",
},
"border": "1px solid WindowText",
"borderLeftWidth": "0",
},
},
".ms-Button--default + .ms-Button[aria-expanded=\\"true\\"]": Object {
"@media screen and (-ms-high-contrast: active), screen and (forced-colors: active)": Object {
".ms-Button-menuIcon": Object {
"MsHighContrastAdjust": "none",
"backgroundColor": "HighlightText",
"color": "Highlight",
"forcedColorAdjust": "none",
},
"backgroundColor": "HighlightText",
"borderColor": "Highlight",
"color": "Highlight",
},
},
".ms-Button--primary": Object {
"border": "none",
"borderBottomRightRadius": "0",
"borderTopRightRadius": "0",
"flexGrow": "1",
"selectors": Object {
":active": Object {
"border": "none",
},
@ -1188,6 +1233,15 @@ exports[`Right Pane Form should render Default properly 1`] = `
"border": "none",
},
"@media screen and (-ms-high-contrast: active), screen and (forced-colors: active)": Object {
":active": Object {
"border": "1px solid Highlight",
},
":hover": Object {
"backgroundColor": "Highlight",
"border": "1px solid Highlight",
"borderRightWidth": "0",
"color": "HighlightText",
},
"MsHighContrastAdjust": "none",
"backgroundColor": "Window",
"border": "1px solid WindowText",
@ -1195,24 +1249,51 @@ exports[`Right Pane Form should render Default properly 1`] = `
"color": "WindowText",
"forcedColorAdjust": "none",
},
},
"border": "none",
"borderBottomRightRadius": "0",
"borderTopRightRadius": "0",
"flexGrow": "1",
},
".ms-Button--primary + .ms-Button": Object {
"border": "none",
"selectors": Object {
"@media screen and (-ms-high-contrast: active), screen and (forced-colors: active)": Object {
":hover": Object {
".ms-Button-menuIcon": Object {
"MsHighContrastAdjust": "none",
"color": "HighlightText",
"forcedColorAdjust": "none",
},
"backgroundColor": "Highlight",
"borderColor": "Highlight",
"borderLeftWidth": "0",
"color": "HighlightText",
},
"border": "1px solid WindowText",
"borderLeftWidth": "0",
},
"border": "none",
},
".ms-Button--primary + .ms-Button[aria-expanded=\\"true\\"]": Object {
".ms-Button-menuIcon": Object {
"color": "HighlightText",
},
"MsHighContrastAdjust": "none",
"backgroundColor": "Highlight",
"borderColor": "Highlight",
"color": "HighlightText",
"forcedColorAdjust": "none",
},
".ms-Button.is-disabled": Object {
"@media screen and (-ms-high-contrast: active), screen and (forced-colors: active)": Object {
"backgroundColor": "Window",
"borderColor": "GrayText",
"color": "GrayText",
},
},
},
"display": "inline-flex",
},
],
"splitButtonContainerChecked": Object {
"selectors": Object {
".ms-Button--primary": Object {
"selectors": Object {
"@media screen and (-ms-high-contrast: active), screen and (forced-colors: active)": Object {
"MsHighContrastAdjust": "none",
"backgroundColor": "WindowText",
@ -1221,12 +1302,8 @@ exports[`Right Pane Form should render Default properly 1`] = `
},
},
},
},
},
"splitButtonContainerCheckedHovered": Object {
"selectors": Object {
".ms-Button--primary": Object {
"selectors": Object {
"@media screen and (-ms-high-contrast: active), screen and (forced-colors: active)": Object {
"MsHighContrastAdjust": "none",
"backgroundColor": "WindowText",
@ -1235,12 +1312,7 @@ exports[`Right Pane Form should render Default properly 1`] = `
},
},
},
},
},
"splitButtonContainerDisabled": Object {
"border": "none",
"outline": "none",
"selectors": Object {
"@media screen and (-ms-high-contrast: active), screen and (forced-colors: active)": Object {
"MsHighContrastAdjust": "none",
"backgroundColor": "Window",
@ -1248,69 +1320,62 @@ exports[`Right Pane Form should render Default properly 1`] = `
"color": "GrayText",
"forcedColorAdjust": "none",
},
},
"border": "none",
"outline": "none",
},
"splitButtonContainerFocused": Object {
"outline": "none!important",
},
"splitButtonContainerHovered": Object {
"selectors": Object {
".ms-Button--primary": Object {
"selectors": Object {
"@media screen and (-ms-high-contrast: active), screen and (forced-colors: active)": Object {
"backgroundColor": "Highlight",
"color": "Window",
},
},
},
".ms-Button.is-disabled": Object {
"color": "#a19f9d",
"selectors": Object {
".ms-Button--default.is-disabled": Object {
"@media screen and (-ms-high-contrast: active), screen and (forced-colors: active)": Object {
"backgroundColor": "Window",
"borderColor": "GrayText",
"color": "GrayText",
},
"backgroundColor": "#f3f2f1",
"color": "#a19f9d",
},
".ms-Button--primary.is-disabled": Object {
"@media screen and (-ms-high-contrast: active), screen and (forced-colors: active)": Object {
"backgroundColor": "Window",
"borderColor": "GrayText",
"color": "GrayText",
},
"backgroundColor": "#f3f2f1",
"color": "#d2d0ce",
},
},
"splitButtonDivider": Array [
Object {
"@media screen and (-ms-high-contrast: active), screen and (forced-colors: active)": Object {
"backgroundColor": "Window",
},
"backgroundColor": "#ffffff",
"bottom": 8,
"position": "absolute",
"right": 31,
"selectors": Object {
"@media screen and (-ms-high-contrast: active), screen and (forced-colors: active)": Object {
"backgroundColor": "Window",
},
},
"top": 8,
"width": 1,
},
Object {
"bottom": 8,
"position": "absolute",
"right": 31,
"selectors": Object {
"@media screen and (-ms-high-contrast: active), screen and (forced-colors: active)": Object {
"backgroundColor": "WindowText",
},
},
"bottom": 8,
"position": "absolute",
"right": 31,
"top": 8,
"width": 1,
},
],
"splitButtonDividerDisabled": Object {
"bottom": 8,
"position": "absolute",
"right": 31,
"selectors": Object {
"@media screen and (-ms-high-contrast: active), screen and (forced-colors: active)": Object {
"backgroundColor": "GrayText",
},
},
"bottom": 8,
"position": "absolute",
"right": 31,
"top": 8,
"width": 1,
},
@ -1323,21 +1388,17 @@ exports[`Right Pane Form should render Default properly 1`] = `
},
"splitButtonMenuButton": Array [
Object {
"backgroundColor": "#0078d4",
"color": "#ffffff",
"selectors": Object {
":hover": Object {
"backgroundColor": "#106ebe",
"selectors": Object {
"@media screen and (-ms-high-contrast: active), screen and (forced-colors: active)": Object {
"color": "Highlight",
},
},
"backgroundColor": "#106ebe",
},
"@media screen and (-ms-high-contrast: active), screen and (forced-colors: active)": Object {
"backgroundColor": "Canvas",
},
},
"backgroundColor": "#0078d4",
"color": "#ffffff",
},
Object {
"@media screen and (-ms-high-contrast: active), screen and (forced-colors: active)": Object {
@ -1368,42 +1429,31 @@ exports[`Right Pane Form should render Default properly 1`] = `
},
],
"splitButtonMenuButtonChecked": Object {
"backgroundColor": "#005a9e",
"selectors": Object {
":hover": Object {
"backgroundColor": "#005a9e",
},
},
"backgroundColor": "#005a9e",
},
"splitButtonMenuButtonDisabled": Array [
Object {
"backgroundColor": "#f3f2f1",
"selectors": Object {
":hover": Object {
"backgroundColor": "#f3f2f1",
},
},
"backgroundColor": "#f3f2f1",
},
Object {
"border": "none",
"pointerEvents": "none",
"selectors": Object {
".ms-Button--primary": Object {
"selectors": Object {
"@media screen and (-ms-high-contrast: active), screen and (forced-colors: active)": Object {
"backgroundColor": "Window",
"borderColor": "GrayText",
"color": "GrayText",
},
},
},
".ms-Button-menuIcon": Object {
"selectors": Object {
"@media screen and (-ms-high-contrast: active), screen and (forced-colors: active)": Object {
"color": "GrayText",
},
},
},
":hover": Object {
"cursor": "default",
},
@ -1412,22 +1462,21 @@ exports[`Right Pane Form should render Default properly 1`] = `
"border": "1px solid GrayText",
"color": "GrayText",
},
},
"border": "none",
"pointerEvents": "none",
},
],
"splitButtonMenuButtonExpanded": Object {
"backgroundColor": "#005a9e",
"selectors": Object {
":hover": Object {
"backgroundColor": "#005a9e",
},
},
"backgroundColor": "#005a9e",
},
"splitButtonMenuFocused": Object {
"outline": "transparent",
"position": "relative",
"selectors": Object {
".ms-Fabric--isFocusVisible &:focus:after": Object {
".ms-Fabric--isFocusVisible &:focus:after, :host(.ms-Fabric--isFocusVisible) &:focus:after": Object {
"border": "1px solid #ffffff",
"borderRadius": undefined,
"bottom": 3,
@ -1458,12 +1507,10 @@ exports[`Right Pane Form should render Default properly 1`] = `
"color": "#ffffff",
},
"splitButtonMenuIconDisabled": Object {
"color": "#a19f9d",
"selectors": Object {
"@media screen and (-ms-high-contrast: active), screen and (forced-colors: active)": Object {
"color": "GrayText",
},
},
"color": "#a19f9d",
},
"textContainer": Object {
"display": "block",
@ -1782,8 +1829,10 @@ exports[`Right Pane Form should render Default properly 1`] = `
<FocusRects />
</BaseButton>
</DefaultButton>
</MergeStylesShadowRootConsumer>
</CustomizedDefaultButton>
</PrimaryButton>
</MergeStylesShadowRootConsumer>
</CustomizedPrimaryButton>
</div>
</PanelFooterComponent>

297
src/Explorer/Panes/Tables/TableQuerySelectPanel/__snapshots__/TableQuerySelectPanel.test.tsx.snap
View File

@ -1263,12 +1263,25 @@ exports[`Table query select Panel should render Default properly 1`] = `
id="sidePanelOkButton"
text="OK"
type="submit"
>
<MergeStylesShadowRootConsumer
stylesheetKey="PrimaryButton"
>
<PrimaryButton
ariaLabel="OK"
data-test="Panel/OkButton"
disabled={false}
id="sidePanelOkButton"
styles={
Object {
"__shadowConfig__": Object {
"__isShadowConfig__": true,
"inShadow": false,
"stylesheetKey": "PrimaryButton",
"window": [Window],
},
}
}
text="OK"
theme={
Object {
@ -1552,6 +1565,16 @@ exports[`Table query select Panel should render Default properly 1`] = `
id="sidePanelOkButton"
onRenderDescription={[Function]}
primary={true}
styles={
Object {
"__shadowConfig__": Object {
"__isShadowConfig__": true,
"inShadow": false,
"stylesheetKey": "PrimaryButton",
"window": [Window],
},
}
}
text="OK"
theme={
Object {
@ -1827,6 +1850,9 @@ exports[`Table query select Panel should render Default properly 1`] = `
}
}
type="submit"
>
<MergeStylesShadowRootConsumer
stylesheetKey="DefaultButton"
>
<DefaultButton
ariaLabel="OK"
@ -1835,6 +1861,16 @@ exports[`Table query select Panel should render Default properly 1`] = `
id="sidePanelOkButton"
onRenderDescription={[Function]}
primary={true}
styles={
Object {
"__shadowConfig__": Object {
"__isShadowConfig__": true,
"inShadow": false,
"stylesheetKey": "DefaultButton",
"window": [Window],
},
}
}
text="OK"
theme={
Object {
@ -2122,6 +2158,12 @@ exports[`Table query select Panel should render Default properly 1`] = `
split={false}
styles={
Object {
"__shadowConfig__": Object {
"__isShadowConfig__": true,
"inShadow": false,
"stylesheetKey": "DefaultButton",
"window": [Window],
},
"description": Object {
"display": "block",
},
@ -2141,12 +2183,10 @@ exports[`Table query select Panel should render Default properly 1`] = `
"textAlign": "center",
},
"iconDisabled": Object {
"color": "#a19f9d",
"selectors": Object {
"@media screen and (-ms-high-contrast: active), screen and (forced-colors: active)": Object {
"color": "GrayText",
},
},
"color": "#a19f9d",
},
"label": Array [
Object {
@ -2167,19 +2207,17 @@ exports[`Table query select Panel should render Default properly 1`] = `
"textAlign": "center",
},
"menuIconDisabled": Object {
"color": "#a19f9d",
"selectors": Object {
"@media screen and (-ms-high-contrast: active), screen and (forced-colors: active)": Object {
"color": "GrayText",
},
},
"color": "#a19f9d",
},
"root": Array [
Object {
"outline": "transparent",
"position": "relative",
"selectors": Object {
".ms-Fabric--isFocusVisible &:focus:after": Object {
".ms-Fabric--isFocusVisible &:focus:after, :host(.ms-Fabric--isFocusVisible) &:focus:after": Object {
"border": "1px solid transparent",
"borderRadius": undefined,
"bottom": 2,
@ -2214,19 +2252,17 @@ exports[`Table query select Panel should render Default properly 1`] = `
"fontWeight": 400,
},
Object {
":active > span": Object {
"left": 0,
"position": "relative",
"top": 0,
},
"border": "1px solid #8a8886",
"borderRadius": "2px",
"boxSizing": "border-box",
"cursor": "pointer",
"display": "inline-block",
"padding": "0 16px",
"selectors": Object {
":active > span": Object {
"left": 0,
"position": "relative",
"top": 0,
},
},
"textAlign": "center",
"textDecoration": "none",
"userSelect": "none",
@ -2236,18 +2272,12 @@ exports[`Table query select Panel should render Default properly 1`] = `
"minWidth": "80px",
},
Object {
"backgroundColor": "#0078d4",
"border": "1px solid #0078d4",
"color": "#ffffff",
"selectors": Object {
".ms-Fabric--isFocusVisible &:focus": Object {
"selectors": Object {
".ms-Fabric--isFocusVisible &:focus, :host(.ms-Fabric--isFocusVisible) &:focus": Object {
":after": Object {
"border": "none",
"outlineColor": "#ffffff",
},
},
},
"@media screen and (-ms-high-contrast: active), screen and (forced-colors: active)": Object {
"MsHighContrastAdjust": "none",
"backgroundColor": "WindowText",
@ -2255,7 +2285,9 @@ exports[`Table query select Panel should render Default properly 1`] = `
"color": "Window",
"forcedColorAdjust": "none",
},
},
"backgroundColor": "#0078d4",
"border": "1px solid #0078d4",
"color": "#ffffff",
},
],
"rootChecked": Object {
@ -2271,7 +2303,7 @@ exports[`Table query select Panel should render Default properly 1`] = `
"outline": "transparent",
"position": "relative",
"selectors": Object {
".ms-Fabric--isFocusVisible &:focus:after": Object {
".ms-Fabric--isFocusVisible &:focus:after, :host(.ms-Fabric--isFocusVisible) &:focus:after": Object {
"border": "1px solid transparent",
"borderRadius": undefined,
"bottom": 2,
@ -2299,29 +2331,25 @@ exports[`Table query select Panel should render Default properly 1`] = `
},
},
Object {
"backgroundColor": "#f3f2f1",
"borderColor": "#f3f2f1",
"color": "#a19f9d",
"cursor": "default",
"selectors": Object {
":focus": Object {
"outline": 0,
},
":hover": Object {
"outline": 0,
},
},
"backgroundColor": "#f3f2f1",
"borderColor": "#f3f2f1",
"color": "#a19f9d",
"cursor": "default",
},
Object {
"backgroundColor": "#f3f2f1",
"color": "#d2d0ce",
"selectors": Object {
"@media screen and (-ms-high-contrast: active), screen and (forced-colors: active)": Object {
"backgroundColor": "Window",
"borderColor": "GrayText",
"color": "GrayText",
},
},
"backgroundColor": "#f3f2f1",
"color": "#d2d0ce",
},
],
"rootExpanded": Object {
@ -2329,22 +2357,16 @@ exports[`Table query select Panel should render Default properly 1`] = `
"color": "#ffffff",
},
"rootHovered": Object {
"backgroundColor": "#106ebe",
"border": "1px solid #106ebe",
"color": "#ffffff",
"selectors": Object {
"@media screen and (-ms-high-contrast: active), screen and (forced-colors: active)": Object {
"backgroundColor": "Highlight",
"borderColor": "Highlight",
"color": "Window",
},
},
"backgroundColor": "#106ebe",
"border": "1px solid #106ebe",
"color": "#ffffff",
},
"rootPressed": Object {
"backgroundColor": "#005a9e",
"border": "1px solid #005a9e",
"color": "#ffffff",
"selectors": Object {
"@media screen and (-ms-high-contrast: active), screen and (forced-colors: active)": Object {
"MsHighContrastAdjust": "none",
"backgroundColor": "WindowText",
@ -2352,7 +2374,9 @@ exports[`Table query select Panel should render Default properly 1`] = `
"color": "Window",
"forcedColorAdjust": "none",
},
},
"backgroundColor": "#005a9e",
"border": "1px solid #005a9e",
"color": "#ffffff",
},
"screenReaderText": Object {
"border": 0,
@ -2366,17 +2390,15 @@ exports[`Table query select Panel should render Default properly 1`] = `
},
"splitButtonContainer": Array [
Object {
"selectors": Object {
"@media screen and (-ms-high-contrast: active), screen and (forced-colors: active)": Object {
"border": "none",
},
},
},
Object {
"outline": "transparent",
"position": "relative",
"selectors": Object {
".ms-Fabric--isFocusVisible &:focus:after": Object {
".ms-Fabric--isFocusVisible &:focus:after, :host(.ms-Fabric--isFocusVisible) &:focus:after": Object {
"border": "1px solid #ffffff",
"borderRadius": undefined,
"bottom": 3,
@ -2404,20 +2426,43 @@ exports[`Table query select Panel should render Default properly 1`] = `
},
},
Object {
"display": "inline-flex",
"selectors": Object {
".ms-Button--default": Object {
"borderBottomRightRadius": "0",
"borderRight": "none",
"borderTopRightRadius": "0",
"flexGrow": "1",
},
".ms-Button--default + .ms-Button": Object {
"@media screen and (-ms-high-contrast: active), screen and (forced-colors: active)": Object {
":hover": Object {
".ms-Button-menuIcon": Object {
"MsHighContrastAdjust": "none",
"backgroundColor": "HighlightText",
"color": "Highlight",
"forcedColorAdjust": "none",
},
"backgroundColor": "HighlightText",
"borderColor": "Highlight",
"color": "Highlight",
},
"border": "1px solid WindowText",
"borderLeftWidth": "0",
},
},
".ms-Button--default + .ms-Button[aria-expanded=\\"true\\"]": Object {
"@media screen and (-ms-high-contrast: active), screen and (forced-colors: active)": Object {
".ms-Button-menuIcon": Object {
"MsHighContrastAdjust": "none",
"backgroundColor": "HighlightText",
"color": "Highlight",
"forcedColorAdjust": "none",
},
"backgroundColor": "HighlightText",
"borderColor": "Highlight",
"color": "Highlight",
},
},
".ms-Button--primary": Object {
"border": "none",
"borderBottomRightRadius": "0",
"borderTopRightRadius": "0",
"flexGrow": "1",
"selectors": Object {
":active": Object {
"border": "none",
},
@ -2425,6 +2470,15 @@ exports[`Table query select Panel should render Default properly 1`] = `
"border": "none",
},
"@media screen and (-ms-high-contrast: active), screen and (forced-colors: active)": Object {
":active": Object {
"border": "1px solid Highlight",
},
":hover": Object {
"backgroundColor": "Highlight",
"border": "1px solid Highlight",
"borderRightWidth": "0",
"color": "HighlightText",
},
"MsHighContrastAdjust": "none",
"backgroundColor": "Window",
"border": "1px solid WindowText",
@ -2432,24 +2486,51 @@ exports[`Table query select Panel should render Default properly 1`] = `
"color": "WindowText",
"forcedColorAdjust": "none",
},
},
"border": "none",
"borderBottomRightRadius": "0",
"borderTopRightRadius": "0",
"flexGrow": "1",
},
".ms-Button--primary + .ms-Button": Object {
"border": "none",
"selectors": Object {
"@media screen and (-ms-high-contrast: active), screen and (forced-colors: active)": Object {
":hover": Object {
".ms-Button-menuIcon": Object {
"MsHighContrastAdjust": "none",
"color": "HighlightText",
"forcedColorAdjust": "none",
},
"backgroundColor": "Highlight",
"borderColor": "Highlight",
"borderLeftWidth": "0",
"color": "HighlightText",
},
"border": "1px solid WindowText",
"borderLeftWidth": "0",
},
"border": "none",
},
".ms-Button--primary + .ms-Button[aria-expanded=\\"true\\"]": Object {
".ms-Button-menuIcon": Object {
"color": "HighlightText",
},
"MsHighContrastAdjust": "none",
"backgroundColor": "Highlight",
"borderColor": "Highlight",
"color": "HighlightText",
"forcedColorAdjust": "none",
},
".ms-Button.is-disabled": Object {
"@media screen and (-ms-high-contrast: active), screen and (forced-colors: active)": Object {
"backgroundColor": "Window",
"borderColor": "GrayText",
"color": "GrayText",
},
},
},
"display": "inline-flex",
},
],
"splitButtonContainerChecked": Object {
"selectors": Object {
".ms-Button--primary": Object {
"selectors": Object {
"@media screen and (-ms-high-contrast: active), screen and (forced-colors: active)": Object {
"MsHighContrastAdjust": "none",
"backgroundColor": "WindowText",
@ -2458,12 +2539,8 @@ exports[`Table query select Panel should render Default properly 1`] = `
},
},
},
},
},
"splitButtonContainerCheckedHovered": Object {
"selectors": Object {
".ms-Button--primary": Object {
"selectors": Object {
"@media screen and (-ms-high-contrast: active), screen and (forced-colors: active)": Object {
"MsHighContrastAdjust": "none",
"backgroundColor": "WindowText",
@ -2472,12 +2549,7 @@ exports[`Table query select Panel should render Default properly 1`] = `
},
},
},
},
},
"splitButtonContainerDisabled": Object {
"border": "none",
"outline": "none",
"selectors": Object {
"@media screen and (-ms-high-contrast: active), screen and (forced-colors: active)": Object {
"MsHighContrastAdjust": "none",
"backgroundColor": "Window",
@ -2485,69 +2557,62 @@ exports[`Table query select Panel should render Default properly 1`] = `
"color": "GrayText",
"forcedColorAdjust": "none",
},
},
"border": "none",
"outline": "none",
},
"splitButtonContainerFocused": Object {
"outline": "none!important",
},
"splitButtonContainerHovered": Object {
"selectors": Object {
".ms-Button--primary": Object {
"selectors": Object {
"@media screen and (-ms-high-contrast: active), screen and (forced-colors: active)": Object {
"backgroundColor": "Highlight",
"color": "Window",
},
},
},
".ms-Button.is-disabled": Object {
"color": "#a19f9d",
"selectors": Object {
".ms-Button--default.is-disabled": Object {
"@media screen and (-ms-high-contrast: active), screen and (forced-colors: active)": Object {
"backgroundColor": "Window",
"borderColor": "GrayText",
"color": "GrayText",
},
"backgroundColor": "#f3f2f1",
"color": "#a19f9d",
},
".ms-Button--primary.is-disabled": Object {
"@media screen and (-ms-high-contrast: active), screen and (forced-colors: active)": Object {
"backgroundColor": "Window",
"borderColor": "GrayText",
"color": "GrayText",
},
"backgroundColor": "#f3f2f1",
"color": "#d2d0ce",
},
},
"splitButtonDivider": Array [
Object {
"@media screen and (-ms-high-contrast: active), screen and (forced-colors: active)": Object {
"backgroundColor": "Window",
},
"backgroundColor": "#ffffff",
"bottom": 8,
"position": "absolute",
"right": 31,
"selectors": Object {
"@media screen and (-ms-high-contrast: active), screen and (forced-colors: active)": Object {
"backgroundColor": "Window",
},
},
"top": 8,
"width": 1,
},
Object {
"bottom": 8,
"position": "absolute",
"right": 31,
"selectors": Object {
"@media screen and (-ms-high-contrast: active), screen and (forced-colors: active)": Object {
"backgroundColor": "WindowText",
},
},
"bottom": 8,
"position": "absolute",
"right": 31,
"top": 8,
"width": 1,
},
],
"splitButtonDividerDisabled": Object {
"bottom": 8,
"position": "absolute",
"right": 31,
"selectors": Object {
"@media screen and (-ms-high-contrast: active), screen and (forced-colors: active)": Object {
"backgroundColor": "GrayText",
},
},
"bottom": 8,
"position": "absolute",
"right": 31,
"top": 8,
"width": 1,
},
@ -2560,21 +2625,17 @@ exports[`Table query select Panel should render Default properly 1`] = `
},
"splitButtonMenuButton": Array [
Object {
"backgroundColor": "#0078d4",
"color": "#ffffff",
"selectors": Object {
":hover": Object {
"backgroundColor": "#106ebe",
"selectors": Object {
"@media screen and (-ms-high-contrast: active), screen and (forced-colors: active)": Object {
"color": "Highlight",
},
},
"backgroundColor": "#106ebe",
},
"@media screen and (-ms-high-contrast: active), screen and (forced-colors: active)": Object {
"backgroundColor": "Canvas",
},
},
"backgroundColor": "#0078d4",
"color": "#ffffff",
},
Object {
"@media screen and (-ms-high-contrast: active), screen and (forced-colors: active)": Object {
@ -2605,42 +2666,31 @@ exports[`Table query select Panel should render Default properly 1`] = `
},
],
"splitButtonMenuButtonChecked": Object {
"backgroundColor": "#005a9e",
"selectors": Object {
":hover": Object {
"backgroundColor": "#005a9e",
},
},
"backgroundColor": "#005a9e",
},
"splitButtonMenuButtonDisabled": Array [
Object {
"backgroundColor": "#f3f2f1",
"selectors": Object {
":hover": Object {
"backgroundColor": "#f3f2f1",
},
},
"backgroundColor": "#f3f2f1",
},
Object {
"border": "none",
"pointerEvents": "none",
"selectors": Object {
".ms-Button--primary": Object {
"selectors": Object {
"@media screen and (-ms-high-contrast: active), screen and (forced-colors: active)": Object {
"backgroundColor": "Window",
"borderColor": "GrayText",
"color": "GrayText",
},
},
},
".ms-Button-menuIcon": Object {
"selectors": Object {
"@media screen and (-ms-high-contrast: active), screen and (forced-colors: active)": Object {
"color": "GrayText",
},
},
},
":hover": Object {
"cursor": "default",
},
@ -2649,22 +2699,21 @@ exports[`Table query select Panel should render Default properly 1`] = `
"border": "1px solid GrayText",
"color": "GrayText",
},
},
"border": "none",
"pointerEvents": "none",
},
],
"splitButtonMenuButtonExpanded": Object {
"backgroundColor": "#005a9e",
"selectors": Object {
":hover": Object {
"backgroundColor": "#005a9e",
},
},
"backgroundColor": "#005a9e",
},
"splitButtonMenuFocused": Object {
"outline": "transparent",
"position": "relative",
"selectors": Object {
".ms-Fabric--isFocusVisible &:focus:after": Object {
".ms-Fabric--isFocusVisible &:focus:after, :host(.ms-Fabric--isFocusVisible) &:focus:after": Object {
"border": "1px solid #ffffff",
"borderRadius": undefined,
"bottom": 3,
@ -2695,12 +2744,10 @@ exports[`Table query select Panel should render Default properly 1`] = `
"color": "#ffffff",
},
"splitButtonMenuIconDisabled": Object {
"color": "#a19f9d",
"selectors": Object {
"@media screen and (-ms-high-contrast: active), screen and (forced-colors: active)": Object {
"color": "GrayText",
},
},
"color": "#a19f9d",
},
"textContainer": Object {
"display": "block",
@ -3019,8 +3066,10 @@ exports[`Table query select Panel should render Default properly 1`] = `
<FocusRects />
</BaseButton>
</DefaultButton>
</MergeStylesShadowRootConsumer>
</CustomizedDefaultButton>
</PrimaryButton>
</MergeStylesShadowRootConsumer>
</CustomizedPrimaryButton>
</div>
</PanelFooterComponent>

297
src/Explorer/Panes/Tables/__snapshots__/AddTableEntityPanel.test.tsx.snap
View File

@ -374,12 +374,25 @@ exports[`Excute Add Table Entity Pane should render Default properly 1`] = `
id="sidePanelOkButton"
text="Add Entity"
type="submit"
>
<MergeStylesShadowRootConsumer
stylesheetKey="PrimaryButton"
>
<PrimaryButton
ariaLabel="Add Entity"
data-test="Panel/OkButton"
disabled={false}
id="sidePanelOkButton"
styles={
Object {
"__shadowConfig__": Object {
"__isShadowConfig__": true,
"inShadow": false,
"stylesheetKey": "PrimaryButton",
"window": [Window],
},
}
}
text="Add Entity"
theme={
Object {
@ -663,6 +676,16 @@ exports[`Excute Add Table Entity Pane should render Default properly 1`] = `
id="sidePanelOkButton"
onRenderDescription={[Function]}
primary={true}
styles={
Object {
"__shadowConfig__": Object {
"__isShadowConfig__": true,
"inShadow": false,
"stylesheetKey": "PrimaryButton",
"window": [Window],
},
}
}
text="Add Entity"
theme={
Object {
@ -938,6 +961,9 @@ exports[`Excute Add Table Entity Pane should render Default properly 1`] = `
}
}
type="submit"
>
<MergeStylesShadowRootConsumer
stylesheetKey="DefaultButton"
>
<DefaultButton
ariaLabel="Add Entity"
@ -946,6 +972,16 @@ exports[`Excute Add Table Entity Pane should render Default properly 1`] = `
id="sidePanelOkButton"
onRenderDescription={[Function]}
primary={true}
styles={
Object {
"__shadowConfig__": Object {
"__isShadowConfig__": true,
"inShadow": false,
"stylesheetKey": "DefaultButton",
"window": [Window],
},
}
}
text="Add Entity"
theme={
Object {
@ -1233,6 +1269,12 @@ exports[`Excute Add Table Entity Pane should render Default properly 1`] = `
split={false}
styles={
Object {
"__shadowConfig__": Object {
"__isShadowConfig__": true,
"inShadow": false,
"stylesheetKey": "DefaultButton",
"window": [Window],
},
"description": Object {
"display": "block",
},
@ -1252,12 +1294,10 @@ exports[`Excute Add Table Entity Pane should render Default properly 1`] = `
"textAlign": "center",
},
"iconDisabled": Object {
"color": "#a19f9d",
"selectors": Object {
"@media screen and (-ms-high-contrast: active), screen and (forced-colors: active)": Object {
"color": "GrayText",
},
},
"color": "#a19f9d",
},
"label": Array [
Object {
@ -1278,19 +1318,17 @@ exports[`Excute Add Table Entity Pane should render Default properly 1`] = `
"textAlign": "center",
},
"menuIconDisabled": Object {
"color": "#a19f9d",
"selectors": Object {
"@media screen and (-ms-high-contrast: active), screen and (forced-colors: active)": Object {
"color": "GrayText",
},
},
"color": "#a19f9d",
},
"root": Array [
Object {
"outline": "transparent",
"position": "relative",
"selectors": Object {
".ms-Fabric--isFocusVisible &:focus:after": Object {
".ms-Fabric--isFocusVisible &:focus:after, :host(.ms-Fabric--isFocusVisible) &:focus:after": Object {
"border": "1px solid transparent",
"borderRadius": undefined,
"bottom": 2,
@ -1325,19 +1363,17 @@ exports[`Excute Add Table Entity Pane should render Default properly 1`] = `
"fontWeight": 400,
},
Object {
":active > span": Object {
"left": 0,
"position": "relative",
"top": 0,
},
"border": "1px solid #8a8886",
"borderRadius": "2px",
"boxSizing": "border-box",
"cursor": "pointer",
"display": "inline-block",
"padding": "0 16px",
"selectors": Object {
":active > span": Object {
"left": 0,
"position": "relative",
"top": 0,
},
},
"textAlign": "center",
"textDecoration": "none",
"userSelect": "none",
@ -1347,18 +1383,12 @@ exports[`Excute Add Table Entity Pane should render Default properly 1`] = `
"minWidth": "80px",
},
Object {
"backgroundColor": "#0078d4",
"border": "1px solid #0078d4",
"color": "#ffffff",
"selectors": Object {
".ms-Fabric--isFocusVisible &:focus": Object {
"selectors": Object {
".ms-Fabric--isFocusVisible &:focus, :host(.ms-Fabric--isFocusVisible) &:focus": Object {
":after": Object {
"border": "none",
"outlineColor": "#ffffff",
},
},
},
"@media screen and (-ms-high-contrast: active), screen and (forced-colors: active)": Object {
"MsHighContrastAdjust": "none",
"backgroundColor": "WindowText",
@ -1366,7 +1396,9 @@ exports[`Excute Add Table Entity Pane should render Default properly 1`] = `
"color": "Window",
"forcedColorAdjust": "none",
},
},
"backgroundColor": "#0078d4",
"border": "1px solid #0078d4",
"color": "#ffffff",
},
],
"rootChecked": Object {
@ -1382,7 +1414,7 @@ exports[`Excute Add Table Entity Pane should render Default properly 1`] = `
"outline": "transparent",
"position": "relative",
"selectors": Object {
".ms-Fabric--isFocusVisible &:focus:after": Object {
".ms-Fabric--isFocusVisible &:focus:after, :host(.ms-Fabric--isFocusVisible) &:focus:after": Object {
"border": "1px solid transparent",
"borderRadius": undefined,
"bottom": 2,
@ -1410,29 +1442,25 @@ exports[`Excute Add Table Entity Pane should render Default properly 1`] = `
},
},
Object {
"backgroundColor": "#f3f2f1",
"borderColor": "#f3f2f1",
"color": "#a19f9d",
"cursor": "default",
"selectors": Object {
":focus": Object {
"outline": 0,
},
":hover": Object {
"outline": 0,
},
},
"backgroundColor": "#f3f2f1",
"borderColor": "#f3f2f1",
"color": "#a19f9d",
"cursor": "default",
},
Object {
"backgroundColor": "#f3f2f1",
"color": "#d2d0ce",
"selectors": Object {
"@media screen and (-ms-high-contrast: active), screen and (forced-colors: active)": Object {
"backgroundColor": "Window",
"borderColor": "GrayText",
"color": "GrayText",
},
},
"backgroundColor": "#f3f2f1",
"color": "#d2d0ce",
},
],
"rootExpanded": Object {
@ -1440,22 +1468,16 @@ exports[`Excute Add Table Entity Pane should render Default properly 1`] = `
"color": "#ffffff",
},
"rootHovered": Object {
"backgroundColor": "#106ebe",
"border": "1px solid #106ebe",
"color": "#ffffff",
"selectors": Object {
"@media screen and (-ms-high-contrast: active), screen and (forced-colors: active)": Object {
"backgroundColor": "Highlight",
"borderColor": "Highlight",
"color": "Window",
},
},
"backgroundColor": "#106ebe",
"border": "1px solid #106ebe",
"color": "#ffffff",
},
"rootPressed": Object {
"backgroundColor": "#005a9e",
"border": "1px solid #005a9e",
"color": "#ffffff",
"selectors": Object {
"@media screen and (-ms-high-contrast: active), screen and (forced-colors: active)": Object {
"MsHighContrastAdjust": "none",
"backgroundColor": "WindowText",
@ -1463,7 +1485,9 @@ exports[`Excute Add Table Entity Pane should render Default properly 1`] = `
"color": "Window",
"forcedColorAdjust": "none",
},
},
"backgroundColor": "#005a9e",
"border": "1px solid #005a9e",
"color": "#ffffff",
},
"screenReaderText": Object {
"border": 0,
@ -1477,17 +1501,15 @@ exports[`Excute Add Table Entity Pane should render Default properly 1`] = `
},
"splitButtonContainer": Array [
Object {
"selectors": Object {
"@media screen and (-ms-high-contrast: active), screen and (forced-colors: active)": Object {
"border": "none",
},
},
},
Object {
"outline": "transparent",
"position": "relative",
"selectors": Object {
".ms-Fabric--isFocusVisible &:focus:after": Object {
".ms-Fabric--isFocusVisible &:focus:after, :host(.ms-Fabric--isFocusVisible) &:focus:after": Object {
"border": "1px solid #ffffff",
"borderRadius": undefined,
"bottom": 3,
@ -1515,20 +1537,43 @@ exports[`Excute Add Table Entity Pane should render Default properly 1`] = `
},
},
Object {
"display": "inline-flex",
"selectors": Object {
".ms-Button--default": Object {
"borderBottomRightRadius": "0",
"borderRight": "none",
"borderTopRightRadius": "0",
"flexGrow": "1",
},
".ms-Button--default + .ms-Button": Object {
"@media screen and (-ms-high-contrast: active), screen and (forced-colors: active)": Object {
":hover": Object {
".ms-Button-menuIcon": Object {
"MsHighContrastAdjust": "none",
"backgroundColor": "HighlightText",
"color": "Highlight",
"forcedColorAdjust": "none",
},
"backgroundColor": "HighlightText",
"borderColor": "Highlight",
"color": "Highlight",
},
"border": "1px solid WindowText",
"borderLeftWidth": "0",
},
},
".ms-Button--default + .ms-Button[aria-expanded=\\"true\\"]": Object {
"@media screen and (-ms-high-contrast: active), screen and (forced-colors: active)": Object {
".ms-Button-menuIcon": Object {
"MsHighContrastAdjust": "none",
"backgroundColor": "HighlightText",
"color": "Highlight",
"forcedColorAdjust": "none",
},
"backgroundColor": "HighlightText",
"borderColor": "Highlight",
"color": "Highlight",
},
},
".ms-Button--primary": Object {
"border": "none",
"borderBottomRightRadius": "0",
"borderTopRightRadius": "0",
"flexGrow": "1",
"selectors": Object {
":active": Object {
"border": "none",
},
@ -1536,6 +1581,15 @@ exports[`Excute Add Table Entity Pane should render Default properly 1`] = `
"border": "none",
},
"@media screen and (-ms-high-contrast: active), screen and (forced-colors: active)": Object {
":active": Object {
"border": "1px solid Highlight",
},
":hover": Object {
"backgroundColor": "Highlight",
"border": "1px solid Highlight",
"borderRightWidth": "0",
"color": "HighlightText",
},
"MsHighContrastAdjust": "none",
"backgroundColor": "Window",
"border": "1px solid WindowText",
@ -1543,24 +1597,51 @@ exports[`Excute Add Table Entity Pane should render Default properly 1`] = `
"color": "WindowText",
"forcedColorAdjust": "none",
},
},
"border": "none",
"borderBottomRightRadius": "0",
"borderTopRightRadius": "0",
"flexGrow": "1",
},
".ms-Button--primary + .ms-Button": Object {
"border": "none",
"selectors": Object {
"@media screen and (-ms-high-contrast: active), screen and (forced-colors: active)": Object {
":hover": Object {
".ms-Button-menuIcon": Object {
"MsHighContrastAdjust": "none",
"color": "HighlightText",
"forcedColorAdjust": "none",
},
"backgroundColor": "Highlight",
"borderColor": "Highlight",
"borderLeftWidth": "0",
"color": "HighlightText",
},
"border": "1px solid WindowText",
"borderLeftWidth": "0",
},
"border": "none",
},
".ms-Button--primary + .ms-Button[aria-expanded=\\"true\\"]": Object {
".ms-Button-menuIcon": Object {
"color": "HighlightText",
},
"MsHighContrastAdjust": "none",
"backgroundColor": "Highlight",
"borderColor": "Highlight",
"color": "HighlightText",
"forcedColorAdjust": "none",
},
".ms-Button.is-disabled": Object {
"@media screen and (-ms-high-contrast: active), screen and (forced-colors: active)": Object {
"backgroundColor": "Window",
"borderColor": "GrayText",
"color": "GrayText",
},
},
},
"display": "inline-flex",
},
],
"splitButtonContainerChecked": Object {
"selectors": Object {
".ms-Button--primary": Object {
"selectors": Object {
"@media screen and (-ms-high-contrast: active), screen and (forced-colors: active)": Object {
"MsHighContrastAdjust": "none",
"backgroundColor": "WindowText",
@ -1569,12 +1650,8 @@ exports[`Excute Add Table Entity Pane should render Default properly 1`] = `
},
},
},
},
},
"splitButtonContainerCheckedHovered": Object {
"selectors": Object {
".ms-Button--primary": Object {
"selectors": Object {
"@media screen and (-ms-high-contrast: active), screen and (forced-colors: active)": Object {
"MsHighContrastAdjust": "none",
"backgroundColor": "WindowText",
@ -1583,12 +1660,7 @@ exports[`Excute Add Table Entity Pane should render Default properly 1`] = `
},
},
},
},
},
"splitButtonContainerDisabled": Object {
"border": "none",
"outline": "none",
"selectors": Object {
"@media screen and (-ms-high-contrast: active), screen and (forced-colors: active)": Object {
"MsHighContrastAdjust": "none",
"backgroundColor": "Window",
@ -1596,69 +1668,62 @@ exports[`Excute Add Table Entity Pane should render Default properly 1`] = `
"color": "GrayText",
"forcedColorAdjust": "none",
},
},
"border": "none",
"outline": "none",
},
"splitButtonContainerFocused": Object {
"outline": "none!important",
},
"splitButtonContainerHovered": Object {
"selectors": Object {
".ms-Button--primary": Object {
"selectors": Object {
"@media screen and (-ms-high-contrast: active), screen and (forced-colors: active)": Object {
"backgroundColor": "Highlight",
"color": "Window",
},
},
},
".ms-Button.is-disabled": Object {
"color": "#a19f9d",
"selectors": Object {
".ms-Button--default.is-disabled": Object {
"@media screen and (-ms-high-contrast: active), screen and (forced-colors: active)": Object {
"backgroundColor": "Window",
"borderColor": "GrayText",
"color": "GrayText",
},
"backgroundColor": "#f3f2f1",
"color": "#a19f9d",
},
".ms-Button--primary.is-disabled": Object {
"@media screen and (-ms-high-contrast: active), screen and (forced-colors: active)": Object {
"backgroundColor": "Window",
"borderColor": "GrayText",
"color": "GrayText",
},
"backgroundColor": "#f3f2f1",
"color": "#d2d0ce",
},
},
"splitButtonDivider": Array [
Object {
"@media screen and (-ms-high-contrast: active), screen and (forced-colors: active)": Object {
"backgroundColor": "Window",
},
"backgroundColor": "#ffffff",
"bottom": 8,
"position": "absolute",
"right": 31,
"selectors": Object {
"@media screen and (-ms-high-contrast: active), screen and (forced-colors: active)": Object {
"backgroundColor": "Window",
},
},
"top": 8,
"width": 1,
},
Object {
"bottom": 8,
"position": "absolute",
"right": 31,
"selectors": Object {
"@media screen and (-ms-high-contrast: active), screen and (forced-colors: active)": Object {
"backgroundColor": "WindowText",
},
},
"bottom": 8,
"position": "absolute",
"right": 31,
"top": 8,
"width": 1,
},
],
"splitButtonDividerDisabled": Object {
"bottom": 8,
"position": "absolute",
"right": 31,
"selectors": Object {
"@media screen and (-ms-high-contrast: active), screen and (forced-colors: active)": Object {
"backgroundColor": "GrayText",
},
},
"bottom": 8,
"position": "absolute",
"right": 31,
"top": 8,
"width": 1,
},
@ -1671,21 +1736,17 @@ exports[`Excute Add Table Entity Pane should render Default properly 1`] = `
},
"splitButtonMenuButton": Array [
Object {
"backgroundColor": "#0078d4",
"color": "#ffffff",
"selectors": Object {
":hover": Object {
"backgroundColor": "#106ebe",
"selectors": Object {
"@media screen and (-ms-high-contrast: active), screen and (forced-colors: active)": Object {
"color": "Highlight",
},
},
"backgroundColor": "#106ebe",
},
"@media screen and (-ms-high-contrast: active), screen and (forced-colors: active)": Object {
"backgroundColor": "Canvas",
},
},
"backgroundColor": "#0078d4",
"color": "#ffffff",
},
Object {
"@media screen and (-ms-high-contrast: active), screen and (forced-colors: active)": Object {
@ -1716,42 +1777,31 @@ exports[`Excute Add Table Entity Pane should render Default properly 1`] = `
},
],
"splitButtonMenuButtonChecked": Object {
"backgroundColor": "#005a9e",
"selectors": Object {
":hover": Object {
"backgroundColor": "#005a9e",
},
},
"backgroundColor": "#005a9e",
},
"splitButtonMenuButtonDisabled": Array [
Object {
"backgroundColor": "#f3f2f1",
"selectors": Object {
":hover": Object {
"backgroundColor": "#f3f2f1",
},
},
"backgroundColor": "#f3f2f1",
},
Object {
"border": "none",
"pointerEvents": "none",
"selectors": Object {
".ms-Button--primary": Object {
"selectors": Object {
"@media screen and (-ms-high-contrast: active), screen and (forced-colors: active)": Object {
"backgroundColor": "Window",
"borderColor": "GrayText",
"color": "GrayText",
},
},
},
".ms-Button-menuIcon": Object {
"selectors": Object {
"@media screen and (-ms-high-contrast: active), screen and (forced-colors: active)": Object {
"color": "GrayText",
},
},
},
":hover": Object {
"cursor": "default",
},
@ -1760,22 +1810,21 @@ exports[`Excute Add Table Entity Pane should render Default properly 1`] = `
"border": "1px solid GrayText",
"color": "GrayText",
},
},
"border": "none",
"pointerEvents": "none",
},
],
"splitButtonMenuButtonExpanded": Object {
"backgroundColor": "#005a9e",
"selectors": Object {
":hover": Object {
"backgroundColor": "#005a9e",
},
},
"backgroundColor": "#005a9e",
},
"splitButtonMenuFocused": Object {
"outline": "transparent",
"position": "relative",
"selectors": Object {
".ms-Fabric--isFocusVisible &:focus:after": Object {
".ms-Fabric--isFocusVisible &:focus:after, :host(.ms-Fabric--isFocusVisible) &:focus:after": Object {
"border": "1px solid #ffffff",
"borderRadius": undefined,
"bottom": 3,
@ -1806,12 +1855,10 @@ exports[`Excute Add Table Entity Pane should render Default properly 1`] = `
"color": "#ffffff",
},
"splitButtonMenuIconDisabled": Object {
"color": "#a19f9d",
"selectors": Object {
"@media screen and (-ms-high-contrast: active), screen and (forced-colors: active)": Object {
"color": "GrayText",
},
},
"color": "#a19f9d",
},
"textContainer": Object {
"display": "block",
@ -2130,8 +2177,10 @@ exports[`Excute Add Table Entity Pane should render Default properly 1`] = `
<FocusRects />
</BaseButton>
</DefaultButton>
</MergeStylesShadowRootConsumer>
</CustomizedDefaultButton>
</PrimaryButton>
</MergeStylesShadowRootConsumer>
</CustomizedPrimaryButton>
</div>
</PanelFooterComponent>

297
src/Explorer/Panes/Tables/__snapshots__/EditTableEntityPanel.test.tsx.snap
View File

@ -380,12 +380,25 @@ exports[`Excute Edit Table Entity Pane should render Default properly 1`] = `
id="sidePanelOkButton"
text="Update"
type="submit"
>
<MergeStylesShadowRootConsumer
stylesheetKey="PrimaryButton"
>
<PrimaryButton
ariaLabel="Update"
data-test="Panel/OkButton"
disabled={false}
id="sidePanelOkButton"
styles={
Object {
"__shadowConfig__": Object {
"__isShadowConfig__": true,
"inShadow": false,
"stylesheetKey": "PrimaryButton",
"window": [Window],
},
}
}
text="Update"
theme={
Object {
@ -669,6 +682,16 @@ exports[`Excute Edit Table Entity Pane should render Default properly 1`] = `
id="sidePanelOkButton"
onRenderDescription={[Function]}
primary={true}
styles={
Object {
"__shadowConfig__": Object {
"__isShadowConfig__": true,
"inShadow": false,
"stylesheetKey": "PrimaryButton",
"window": [Window],
},
}
}
text="Update"
theme={
Object {
@ -944,6 +967,9 @@ exports[`Excute Edit Table Entity Pane should render Default properly 1`] = `
}
}
type="submit"
>
<MergeStylesShadowRootConsumer
stylesheetKey="DefaultButton"
>
<DefaultButton
ariaLabel="Update"
@ -952,6 +978,16 @@ exports[`Excute Edit Table Entity Pane should render Default properly 1`] = `
id="sidePanelOkButton"
onRenderDescription={[Function]}
primary={true}
styles={
Object {
"__shadowConfig__": Object {
"__isShadowConfig__": true,
"inShadow": false,
"stylesheetKey": "DefaultButton",
"window": [Window],
},
}
}
text="Update"
theme={
Object {
@ -1239,6 +1275,12 @@ exports[`Excute Edit Table Entity Pane should render Default properly 1`] = `
split={false}
styles={
Object {
"__shadowConfig__": Object {
"__isShadowConfig__": true,
"inShadow": false,
"stylesheetKey": "DefaultButton",
"window": [Window],
},
"description": Object {
"display": "block",
},
@ -1258,12 +1300,10 @@ exports[`Excute Edit Table Entity Pane should render Default properly 1`] = `
"textAlign": "center",
},
"iconDisabled": Object {
"color": "#a19f9d",
"selectors": Object {
"@media screen and (-ms-high-contrast: active), screen and (forced-colors: active)": Object {
"color": "GrayText",
},
},
"color": "#a19f9d",
},
"label": Array [
Object {
@ -1284,19 +1324,17 @@ exports[`Excute Edit Table Entity Pane should render Default properly 1`] = `
"textAlign": "center",
},
"menuIconDisabled": Object {
"color": "#a19f9d",
"selectors": Object {
"@media screen and (-ms-high-contrast: active), screen and (forced-colors: active)": Object {
"color": "GrayText",
},
},
"color": "#a19f9d",
},
"root": Array [
Object {
"outline": "transparent",
"position": "relative",
"selectors": Object {
".ms-Fabric--isFocusVisible &:focus:after": Object {
".ms-Fabric--isFocusVisible &:focus:after, :host(.ms-Fabric--isFocusVisible) &:focus:after": Object {
"border": "1px solid transparent",
"borderRadius": undefined,
"bottom": 2,
@ -1331,19 +1369,17 @@ exports[`Excute Edit Table Entity Pane should render Default properly 1`] = `
"fontWeight": 400,
},
Object {
":active > span": Object {
"left": 0,
"position": "relative",
"top": 0,
},
"border": "1px solid #8a8886",
"borderRadius": "2px",
"boxSizing": "border-box",
"cursor": "pointer",
"display": "inline-block",
"padding": "0 16px",
"selectors": Object {
":active > span": Object {
"left": 0,
"position": "relative",
"top": 0,
},
},
"textAlign": "center",
"textDecoration": "none",
"userSelect": "none",
@ -1353,18 +1389,12 @@ exports[`Excute Edit Table Entity Pane should render Default properly 1`] = `
"minWidth": "80px",
},
Object {
"backgroundColor": "#0078d4",
"border": "1px solid #0078d4",
"color": "#ffffff",
"selectors": Object {
".ms-Fabric--isFocusVisible &:focus": Object {
"selectors": Object {
".ms-Fabric--isFocusVisible &:focus, :host(.ms-Fabric--isFocusVisible) &:focus": Object {
":after": Object {
"border": "none",
"outlineColor": "#ffffff",
},
},
},
"@media screen and (-ms-high-contrast: active), screen and (forced-colors: active)": Object {
"MsHighContrastAdjust": "none",
"backgroundColor": "WindowText",
@ -1372,7 +1402,9 @@ exports[`Excute Edit Table Entity Pane should render Default properly 1`] = `
"color": "Window",
"forcedColorAdjust": "none",
},
},
"backgroundColor": "#0078d4",
"border": "1px solid #0078d4",
"color": "#ffffff",
},
],
"rootChecked": Object {
@ -1388,7 +1420,7 @@ exports[`Excute Edit Table Entity Pane should render Default properly 1`] = `
"outline": "transparent",
"position": "relative",
"selectors": Object {
".ms-Fabric--isFocusVisible &:focus:after": Object {
".ms-Fabric--isFocusVisible &:focus:after, :host(.ms-Fabric--isFocusVisible) &:focus:after": Object {
"border": "1px solid transparent",
"borderRadius": undefined,
"bottom": 2,
@ -1416,29 +1448,25 @@ exports[`Excute Edit Table Entity Pane should render Default properly 1`] = `
},
},
Object {
"backgroundColor": "#f3f2f1",
"borderColor": "#f3f2f1",
"color": "#a19f9d",
"cursor": "default",
"selectors": Object {
":focus": Object {
"outline": 0,
},
":hover": Object {
"outline": 0,
},
},
"backgroundColor": "#f3f2f1",
"borderColor": "#f3f2f1",
"color": "#a19f9d",
"cursor": "default",
},
Object {
"backgroundColor": "#f3f2f1",
"color": "#d2d0ce",
"selectors": Object {
"@media screen and (-ms-high-contrast: active), screen and (forced-colors: active)": Object {
"backgroundColor": "Window",
"borderColor": "GrayText",
"color": "GrayText",
},
},
"backgroundColor": "#f3f2f1",
"color": "#d2d0ce",
},
],
"rootExpanded": Object {
@ -1446,22 +1474,16 @@ exports[`Excute Edit Table Entity Pane should render Default properly 1`] = `
"color": "#ffffff",
},
"rootHovered": Object {
"backgroundColor": "#106ebe",
"border": "1px solid #106ebe",
"color": "#ffffff",
"selectors": Object {
"@media screen and (-ms-high-contrast: active), screen and (forced-colors: active)": Object {
"backgroundColor": "Highlight",
"borderColor": "Highlight",
"color": "Window",
},
},
"backgroundColor": "#106ebe",
"border": "1px solid #106ebe",
"color": "#ffffff",
},
"rootPressed": Object {
"backgroundColor": "#005a9e",
"border": "1px solid #005a9e",
"color": "#ffffff",
"selectors": Object {
"@media screen and (-ms-high-contrast: active), screen and (forced-colors: active)": Object {
"MsHighContrastAdjust": "none",
"backgroundColor": "WindowText",
@ -1469,7 +1491,9 @@ exports[`Excute Edit Table Entity Pane should render Default properly 1`] = `
"color": "Window",
"forcedColorAdjust": "none",
},
},
"backgroundColor": "#005a9e",
"border": "1px solid #005a9e",
"color": "#ffffff",
},
"screenReaderText": Object {
"border": 0,
@ -1483,17 +1507,15 @@ exports[`Excute Edit Table Entity Pane should render Default properly 1`] = `
},
"splitButtonContainer": Array [
Object {
"selectors": Object {
"@media screen and (-ms-high-contrast: active), screen and (forced-colors: active)": Object {
"border": "none",
},
},
},
Object {
"outline": "transparent",
"position": "relative",
"selectors": Object {
".ms-Fabric--isFocusVisible &:focus:after": Object {
".ms-Fabric--isFocusVisible &:focus:after, :host(.ms-Fabric--isFocusVisible) &:focus:after": Object {
"border": "1px solid #ffffff",
"borderRadius": undefined,
"bottom": 3,
@ -1521,20 +1543,43 @@ exports[`Excute Edit Table Entity Pane should render Default properly 1`] = `
},
},
Object {
"display": "inline-flex",
"selectors": Object {
".ms-Button--default": Object {
"borderBottomRightRadius": "0",
"borderRight": "none",
"borderTopRightRadius": "0",
"flexGrow": "1",
},
".ms-Button--default + .ms-Button": Object {
"@media screen and (-ms-high-contrast: active), screen and (forced-colors: active)": Object {
":hover": Object {
".ms-Button-menuIcon": Object {
"MsHighContrastAdjust": "none",
"backgroundColor": "HighlightText",
"color": "Highlight",
"forcedColorAdjust": "none",
},
"backgroundColor": "HighlightText",
"borderColor": "Highlight",
"color": "Highlight",
},
"border": "1px solid WindowText",
"borderLeftWidth": "0",
},
},
".ms-Button--default + .ms-Button[aria-expanded=\\"true\\"]": Object {
"@media screen and (-ms-high-contrast: active), screen and (forced-colors: active)": Object {
".ms-Button-menuIcon": Object {
"MsHighContrastAdjust": "none",
"backgroundColor": "HighlightText",
"color": "Highlight",
"forcedColorAdjust": "none",
},
"backgroundColor": "HighlightText",
"borderColor": "Highlight",
"color": "Highlight",
},
},
".ms-Button--primary": Object {
"border": "none",
"borderBottomRightRadius": "0",
"borderTopRightRadius": "0",
"flexGrow": "1",
"selectors": Object {
":active": Object {
"border": "none",
},
@ -1542,6 +1587,15 @@ exports[`Excute Edit Table Entity Pane should render Default properly 1`] = `
"border": "none",
},
"@media screen and (-ms-high-contrast: active), screen and (forced-colors: active)": Object {
":active": Object {
"border": "1px solid Highlight",
},
":hover": Object {
"backgroundColor": "Highlight",
"border": "1px solid Highlight",
"borderRightWidth": "0",
"color": "HighlightText",
},
"MsHighContrastAdjust": "none",
"backgroundColor": "Window",
"border": "1px solid WindowText",
@ -1549,24 +1603,51 @@ exports[`Excute Edit Table Entity Pane should render Default properly 1`] = `
"color": "WindowText",
"forcedColorAdjust": "none",
},
},
"border": "none",
"borderBottomRightRadius": "0",
"borderTopRightRadius": "0",
"flexGrow": "1",
},
".ms-Button--primary + .ms-Button": Object {
"border": "none",
"selectors": Object {
"@media screen and (-ms-high-contrast: active), screen and (forced-colors: active)": Object {
":hover": Object {
".ms-Button-menuIcon": Object {
"MsHighContrastAdjust": "none",
"color": "HighlightText",
"forcedColorAdjust": "none",
},
"backgroundColor": "Highlight",
"borderColor": "Highlight",
"borderLeftWidth": "0",
"color": "HighlightText",
},
"border": "1px solid WindowText",
"borderLeftWidth": "0",
},
"border": "none",
},
".ms-Button--primary + .ms-Button[aria-expanded=\\"true\\"]": Object {
".ms-Button-menuIcon": Object {
"color": "HighlightText",
},
"MsHighContrastAdjust": "none",
"backgroundColor": "Highlight",
"borderColor": "Highlight",
"color": "HighlightText",
"forcedColorAdjust": "none",
},
".ms-Button.is-disabled": Object {
"@media screen and (-ms-high-contrast: active), screen and (forced-colors: active)": Object {
"backgroundColor": "Window",
"borderColor": "GrayText",
"color": "GrayText",
},
},
},
"display": "inline-flex",
},
],
"splitButtonContainerChecked": Object {
"selectors": Object {
".ms-Button--primary": Object {
"selectors": Object {
"@media screen and (-ms-high-contrast: active), screen and (forced-colors: active)": Object {
"MsHighContrastAdjust": "none",
"backgroundColor": "WindowText",
@ -1575,12 +1656,8 @@ exports[`Excute Edit Table Entity Pane should render Default properly 1`] = `
},
},
},
},
},
"splitButtonContainerCheckedHovered": Object {
"selectors": Object {
".ms-Button--primary": Object {
"selectors": Object {
"@media screen and (-ms-high-contrast: active), screen and (forced-colors: active)": Object {
"MsHighContrastAdjust": "none",
"backgroundColor": "WindowText",
@ -1589,12 +1666,7 @@ exports[`Excute Edit Table Entity Pane should render Default properly 1`] = `
},
},
},
},
},
"splitButtonContainerDisabled": Object {
"border": "none",
"outline": "none",
"selectors": Object {
"@media screen and (-ms-high-contrast: active), screen and (forced-colors: active)": Object {
"MsHighContrastAdjust": "none",
"backgroundColor": "Window",
@ -1602,69 +1674,62 @@ exports[`Excute Edit Table Entity Pane should render Default properly 1`] = `
"color": "GrayText",
"forcedColorAdjust": "none",
},
},
"border": "none",
"outline": "none",
},
"splitButtonContainerFocused": Object {
"outline": "none!important",
},
"splitButtonContainerHovered": Object {
"selectors": Object {
".ms-Button--primary": Object {
"selectors": Object {
"@media screen and (-ms-high-contrast: active), screen and (forced-colors: active)": Object {
"backgroundColor": "Highlight",
"color": "Window",
},
},
},
".ms-Button.is-disabled": Object {
"color": "#a19f9d",
"selectors": Object {
".ms-Button--default.is-disabled": Object {
"@media screen and (-ms-high-contrast: active), screen and (forced-colors: active)": Object {
"backgroundColor": "Window",
"borderColor": "GrayText",
"color": "GrayText",
},
"backgroundColor": "#f3f2f1",
"color": "#a19f9d",
},
".ms-Button--primary.is-disabled": Object {
"@media screen and (-ms-high-contrast: active), screen and (forced-colors: active)": Object {
"backgroundColor": "Window",
"borderColor": "GrayText",
"color": "GrayText",
},
"backgroundColor": "#f3f2f1",
"color": "#d2d0ce",
},
},
"splitButtonDivider": Array [
Object {
"@media screen and (-ms-high-contrast: active), screen and (forced-colors: active)": Object {
"backgroundColor": "Window",
},
"backgroundColor": "#ffffff",
"bottom": 8,
"position": "absolute",
"right": 31,
"selectors": Object {
"@media screen and (-ms-high-contrast: active), screen and (forced-colors: active)": Object {
"backgroundColor": "Window",
},
},
"top": 8,
"width": 1,
},
Object {
"bottom": 8,
"position": "absolute",
"right": 31,
"selectors": Object {
"@media screen and (-ms-high-contrast: active), screen and (forced-colors: active)": Object {
"backgroundColor": "WindowText",
},
},
"bottom": 8,
"position": "absolute",
"right": 31,
"top": 8,
"width": 1,
},
],
"splitButtonDividerDisabled": Object {
"bottom": 8,
"position": "absolute",
"right": 31,
"selectors": Object {
"@media screen and (-ms-high-contrast: active), screen and (forced-colors: active)": Object {
"backgroundColor": "GrayText",
},
},
"bottom": 8,
"position": "absolute",
"right": 31,
"top": 8,
"width": 1,
},
@ -1677,21 +1742,17 @@ exports[`Excute Edit Table Entity Pane should render Default properly 1`] = `
},
"splitButtonMenuButton": Array [
Object {
"backgroundColor": "#0078d4",
"color": "#ffffff",
"selectors": Object {
":hover": Object {
"backgroundColor": "#106ebe",
"selectors": Object {
"@media screen and (-ms-high-contrast: active), screen and (forced-colors: active)": Object {
"color": "Highlight",
},
},
"backgroundColor": "#106ebe",
},
"@media screen and (-ms-high-contrast: active), screen and (forced-colors: active)": Object {
"backgroundColor": "Canvas",
},
},
"backgroundColor": "#0078d4",
"color": "#ffffff",
},
Object {
"@media screen and (-ms-high-contrast: active), screen and (forced-colors: active)": Object {
@ -1722,42 +1783,31 @@ exports[`Excute Edit Table Entity Pane should render Default properly 1`] = `
},
],
"splitButtonMenuButtonChecked": Object {
"backgroundColor": "#005a9e",
"selectors": Object {
":hover": Object {
"backgroundColor": "#005a9e",
},
},
"backgroundColor": "#005a9e",
},
"splitButtonMenuButtonDisabled": Array [
Object {
"backgroundColor": "#f3f2f1",
"selectors": Object {
":hover": Object {
"backgroundColor": "#f3f2f1",
},
},
"backgroundColor": "#f3f2f1",
},
Object {
"border": "none",
"pointerEvents": "none",
"selectors": Object {
".ms-Button--primary": Object {
"selectors": Object {
"@media screen and (-ms-high-contrast: active), screen and (forced-colors: active)": Object {
"backgroundColor": "Window",
"borderColor": "GrayText",
"color": "GrayText",
},
},
},
".ms-Button-menuIcon": Object {
"selectors": Object {
"@media screen and (-ms-high-contrast: active), screen and (forced-colors: active)": Object {
"color": "GrayText",
},
},
},
":hover": Object {
"cursor": "default",
},
@ -1766,22 +1816,21 @@ exports[`Excute Edit Table Entity Pane should render Default properly 1`] = `
"border": "1px solid GrayText",
"color": "GrayText",
},
},
"border": "none",
"pointerEvents": "none",
},
],
"splitButtonMenuButtonExpanded": Object {
"backgroundColor": "#005a9e",
"selectors": Object {
":hover": Object {
"backgroundColor": "#005a9e",
},
},
"backgroundColor": "#005a9e",
},
"splitButtonMenuFocused": Object {
"outline": "transparent",
"position": "relative",
"selectors": Object {
".ms-Fabric--isFocusVisible &:focus:after": Object {
".ms-Fabric--isFocusVisible &:focus:after, :host(.ms-Fabric--isFocusVisible) &:focus:after": Object {
"border": "1px solid #ffffff",
"borderRadius": undefined,
"bottom": 3,
@ -1812,12 +1861,10 @@ exports[`Excute Edit Table Entity Pane should render Default properly 1`] = `
"color": "#ffffff",
},
"splitButtonMenuIconDisabled": Object {
"color": "#a19f9d",
"selectors": Object {
"@media screen and (-ms-high-contrast: active), screen and (forced-colors: active)": Object {
"color": "GrayText",
},
},
"color": "#a19f9d",
},
"textContainer": Object {
"display": "block",
@ -2136,8 +2183,10 @@ exports[`Excute Edit Table Entity Pane should render Default properly 1`] = `
<FocusRects />
</BaseButton>
</DefaultButton>
</MergeStylesShadowRootConsumer>
</CustomizedDefaultButton>
</PrimaryButton>
</MergeStylesShadowRootConsumer>
</CustomizedPrimaryButton>
</div>
</PanelFooterComponent>

297
src/Explorer/Panes/__snapshots__/DeleteDatabaseConfirmationPanel.test.tsx.snap
View File

@ -1061,12 +1061,25 @@ exports[`Delete Database Confirmation Pane Should call delete database 1`] = `
id="sidePanelOkButton"
text="OK"
type="submit"
>
<MergeStylesShadowRootConsumer
stylesheetKey="PrimaryButton"
>
<PrimaryButton
ariaLabel="OK"
data-test="Panel/OkButton"
disabled={false}
id="sidePanelOkButton"
styles={
Object {
"__shadowConfig__": Object {
"__isShadowConfig__": true,
"inShadow": false,
"stylesheetKey": "PrimaryButton",
"window": [Window],
},
}
}
text="OK"
theme={
Object {
@ -1350,6 +1363,16 @@ exports[`Delete Database Confirmation Pane Should call delete database 1`] = `
id="sidePanelOkButton"
onRenderDescription={[Function]}
primary={true}
styles={
Object {
"__shadowConfig__": Object {
"__isShadowConfig__": true,
"inShadow": false,
"stylesheetKey": "PrimaryButton",
"window": [Window],
},
}
}
text="OK"
theme={
Object {
@ -1625,6 +1648,9 @@ exports[`Delete Database Confirmation Pane Should call delete database 1`] = `
}
}
type="submit"
>
<MergeStylesShadowRootConsumer
stylesheetKey="DefaultButton"
>
<DefaultButton
ariaLabel="OK"
@ -1633,6 +1659,16 @@ exports[`Delete Database Confirmation Pane Should call delete database 1`] = `
id="sidePanelOkButton"
onRenderDescription={[Function]}
primary={true}
styles={
Object {
"__shadowConfig__": Object {
"__isShadowConfig__": true,
"inShadow": false,
"stylesheetKey": "DefaultButton",
"window": [Window],
},
}
}
text="OK"
theme={
Object {
@ -1920,6 +1956,12 @@ exports[`Delete Database Confirmation Pane Should call delete database 1`] = `
split={false}
styles={
Object {
"__shadowConfig__": Object {
"__isShadowConfig__": true,
"inShadow": false,
"stylesheetKey": "DefaultButton",
"window": [Window],
},
"description": Object {
"display": "block",
},
@ -1939,12 +1981,10 @@ exports[`Delete Database Confirmation Pane Should call delete database 1`] = `
"textAlign": "center",
},
"iconDisabled": Object {
"color": "#a19f9d",
"selectors": Object {
"@media screen and (-ms-high-contrast: active), screen and (forced-colors: active)": Object {
"color": "GrayText",
},
},
"color": "#a19f9d",
},
"label": Array [
Object {
@ -1965,19 +2005,17 @@ exports[`Delete Database Confirmation Pane Should call delete database 1`] = `
"textAlign": "center",
},
"menuIconDisabled": Object {
"color": "#a19f9d",
"selectors": Object {
"@media screen and (-ms-high-contrast: active), screen and (forced-colors: active)": Object {
"color": "GrayText",
},
},
"color": "#a19f9d",
},
"root": Array [
Object {
"outline": "transparent",
"position": "relative",
"selectors": Object {
".ms-Fabric--isFocusVisible &:focus:after": Object {
".ms-Fabric--isFocusVisible &:focus:after, :host(.ms-Fabric--isFocusVisible) &:focus:after": Object {
"border": "1px solid transparent",
"borderRadius": undefined,
"bottom": 2,
@ -2012,19 +2050,17 @@ exports[`Delete Database Confirmation Pane Should call delete database 1`] = `
"fontWeight": 400,
},
Object {
":active > span": Object {
"left": 0,
"position": "relative",
"top": 0,
},
"border": "1px solid #8a8886",
"borderRadius": "2px",
"boxSizing": "border-box",
"cursor": "pointer",
"display": "inline-block",
"padding": "0 16px",
"selectors": Object {
":active > span": Object {
"left": 0,
"position": "relative",
"top": 0,
},
},
"textAlign": "center",
"textDecoration": "none",
"userSelect": "none",
@ -2034,18 +2070,12 @@ exports[`Delete Database Confirmation Pane Should call delete database 1`] = `
"minWidth": "80px",
},
Object {
"backgroundColor": "#0078d4",
"border": "1px solid #0078d4",
"color": "#ffffff",
"selectors": Object {
".ms-Fabric--isFocusVisible &:focus": Object {
"selectors": Object {
".ms-Fabric--isFocusVisible &:focus, :host(.ms-Fabric--isFocusVisible) &:focus": Object {
":after": Object {
"border": "none",
"outlineColor": "#ffffff",
},
},
},
"@media screen and (-ms-high-contrast: active), screen and (forced-colors: active)": Object {
"MsHighContrastAdjust": "none",
"backgroundColor": "WindowText",
@ -2053,7 +2083,9 @@ exports[`Delete Database Confirmation Pane Should call delete database 1`] = `
"color": "Window",
"forcedColorAdjust": "none",
},
},
"backgroundColor": "#0078d4",
"border": "1px solid #0078d4",
"color": "#ffffff",
},
],
"rootChecked": Object {
@ -2069,7 +2101,7 @@ exports[`Delete Database Confirmation Pane Should call delete database 1`] = `
"outline": "transparent",
"position": "relative",
"selectors": Object {
".ms-Fabric--isFocusVisible &:focus:after": Object {
".ms-Fabric--isFocusVisible &:focus:after, :host(.ms-Fabric--isFocusVisible) &:focus:after": Object {
"border": "1px solid transparent",
"borderRadius": undefined,
"bottom": 2,
@ -2097,29 +2129,25 @@ exports[`Delete Database Confirmation Pane Should call delete database 1`] = `
},
},
Object {
"backgroundColor": "#f3f2f1",
"borderColor": "#f3f2f1",
"color": "#a19f9d",
"cursor": "default",
"selectors": Object {
":focus": Object {
"outline": 0,
},
":hover": Object {
"outline": 0,
},
},
"backgroundColor": "#f3f2f1",
"borderColor": "#f3f2f1",
"color": "#a19f9d",
"cursor": "default",
},
Object {
"backgroundColor": "#f3f2f1",
"color": "#d2d0ce",
"selectors": Object {
"@media screen and (-ms-high-contrast: active), screen and (forced-colors: active)": Object {
"backgroundColor": "Window",
"borderColor": "GrayText",
"color": "GrayText",
},
},
"backgroundColor": "#f3f2f1",
"color": "#d2d0ce",
},
],
"rootExpanded": Object {
@ -2127,22 +2155,16 @@ exports[`Delete Database Confirmation Pane Should call delete database 1`] = `
"color": "#ffffff",
},
"rootHovered": Object {
"backgroundColor": "#106ebe",
"border": "1px solid #106ebe",
"color": "#ffffff",
"selectors": Object {
"@media screen and (-ms-high-contrast: active), screen and (forced-colors: active)": Object {
"backgroundColor": "Highlight",
"borderColor": "Highlight",
"color": "Window",
},
},
"backgroundColor": "#106ebe",
"border": "1px solid #106ebe",
"color": "#ffffff",
},
"rootPressed": Object {
"backgroundColor": "#005a9e",
"border": "1px solid #005a9e",
"color": "#ffffff",
"selectors": Object {
"@media screen and (-ms-high-contrast: active), screen and (forced-colors: active)": Object {
"MsHighContrastAdjust": "none",
"backgroundColor": "WindowText",
@ -2150,7 +2172,9 @@ exports[`Delete Database Confirmation Pane Should call delete database 1`] = `
"color": "Window",
"forcedColorAdjust": "none",
},
},
"backgroundColor": "#005a9e",
"border": "1px solid #005a9e",
"color": "#ffffff",
},
"screenReaderText": Object {
"border": 0,
@ -2164,17 +2188,15 @@ exports[`Delete Database Confirmation Pane Should call delete database 1`] = `
},
"splitButtonContainer": Array [
Object {
"selectors": Object {
"@media screen and (-ms-high-contrast: active), screen and (forced-colors: active)": Object {
"border": "none",
},
},
},
Object {
"outline": "transparent",
"position": "relative",
"selectors": Object {
".ms-Fabric--isFocusVisible &:focus:after": Object {
".ms-Fabric--isFocusVisible &:focus:after, :host(.ms-Fabric--isFocusVisible) &:focus:after": Object {
"border": "1px solid #ffffff",
"borderRadius": undefined,
"bottom": 3,
@ -2202,20 +2224,43 @@ exports[`Delete Database Confirmation Pane Should call delete database 1`] = `
},
},
Object {
"display": "inline-flex",
"selectors": Object {
".ms-Button--default": Object {
"borderBottomRightRadius": "0",
"borderRight": "none",
"borderTopRightRadius": "0",
"flexGrow": "1",
},
".ms-Button--default + .ms-Button": Object {
"@media screen and (-ms-high-contrast: active), screen and (forced-colors: active)": Object {
":hover": Object {
".ms-Button-menuIcon": Object {
"MsHighContrastAdjust": "none",
"backgroundColor": "HighlightText",
"color": "Highlight",
"forcedColorAdjust": "none",
},
"backgroundColor": "HighlightText",
"borderColor": "Highlight",
"color": "Highlight",
},
"border": "1px solid WindowText",
"borderLeftWidth": "0",
},
},
".ms-Button--default + .ms-Button[aria-expanded=\\"true\\"]": Object {
"@media screen and (-ms-high-contrast: active), screen and (forced-colors: active)": Object {
".ms-Button-menuIcon": Object {
"MsHighContrastAdjust": "none",
"backgroundColor": "HighlightText",
"color": "Highlight",
"forcedColorAdjust": "none",
},
"backgroundColor": "HighlightText",
"borderColor": "Highlight",
"color": "Highlight",
},
},
".ms-Button--primary": Object {
"border": "none",
"borderBottomRightRadius": "0",
"borderTopRightRadius": "0",
"flexGrow": "1",
"selectors": Object {
":active": Object {
"border": "none",
},
@ -2223,6 +2268,15 @@ exports[`Delete Database Confirmation Pane Should call delete database 1`] = `
"border": "none",
},
"@media screen and (-ms-high-contrast: active), screen and (forced-colors: active)": Object {
":active": Object {
"border": "1px solid Highlight",
},
":hover": Object {
"backgroundColor": "Highlight",
"border": "1px solid Highlight",
"borderRightWidth": "0",
"color": "HighlightText",
},
"MsHighContrastAdjust": "none",
"backgroundColor": "Window",
"border": "1px solid WindowText",
@ -2230,24 +2284,51 @@ exports[`Delete Database Confirmation Pane Should call delete database 1`] = `
"color": "WindowText",
"forcedColorAdjust": "none",
},
},
"border": "none",
"borderBottomRightRadius": "0",
"borderTopRightRadius": "0",
"flexGrow": "1",
},
".ms-Button--primary + .ms-Button": Object {
"border": "none",
"selectors": Object {
"@media screen and (-ms-high-contrast: active), screen and (forced-colors: active)": Object {
":hover": Object {
".ms-Button-menuIcon": Object {
"MsHighContrastAdjust": "none",
"color": "HighlightText",
"forcedColorAdjust": "none",
},
"backgroundColor": "Highlight",
"borderColor": "Highlight",
"borderLeftWidth": "0",
"color": "HighlightText",
},
"border": "1px solid WindowText",
"borderLeftWidth": "0",
},
"border": "none",
},
".ms-Button--primary + .ms-Button[aria-expanded=\\"true\\"]": Object {
".ms-Button-menuIcon": Object {
"color": "HighlightText",
},
"MsHighContrastAdjust": "none",
"backgroundColor": "Highlight",
"borderColor": "Highlight",
"color": "HighlightText",
"forcedColorAdjust": "none",
},
".ms-Button.is-disabled": Object {
"@media screen and (-ms-high-contrast: active), screen and (forced-colors: active)": Object {
"backgroundColor": "Window",
"borderColor": "GrayText",
"color": "GrayText",
},
},
},
"display": "inline-flex",
},
],
"splitButtonContainerChecked": Object {
"selectors": Object {
".ms-Button--primary": Object {
"selectors": Object {
"@media screen and (-ms-high-contrast: active), screen and (forced-colors: active)": Object {
"MsHighContrastAdjust": "none",
"backgroundColor": "WindowText",
@ -2256,12 +2337,8 @@ exports[`Delete Database Confirmation Pane Should call delete database 1`] = `
},
},
},
},
},
"splitButtonContainerCheckedHovered": Object {
"selectors": Object {
".ms-Button--primary": Object {
"selectors": Object {
"@media screen and (-ms-high-contrast: active), screen and (forced-colors: active)": Object {
"MsHighContrastAdjust": "none",
"backgroundColor": "WindowText",
@ -2270,12 +2347,7 @@ exports[`Delete Database Confirmation Pane Should call delete database 1`] = `
},
},
},
},
},
"splitButtonContainerDisabled": Object {
"border": "none",
"outline": "none",
"selectors": Object {
"@media screen and (-ms-high-contrast: active), screen and (forced-colors: active)": Object {
"MsHighContrastAdjust": "none",
"backgroundColor": "Window",
@ -2283,69 +2355,62 @@ exports[`Delete Database Confirmation Pane Should call delete database 1`] = `
"color": "GrayText",
"forcedColorAdjust": "none",
},
},
"border": "none",
"outline": "none",
},
"splitButtonContainerFocused": Object {
"outline": "none!important",
},
"splitButtonContainerHovered": Object {
"selectors": Object {
".ms-Button--primary": Object {
"selectors": Object {
"@media screen and (-ms-high-contrast: active), screen and (forced-colors: active)": Object {
"backgroundColor": "Highlight",
"color": "Window",
},
},
},
".ms-Button.is-disabled": Object {
"color": "#a19f9d",
"selectors": Object {
".ms-Button--default.is-disabled": Object {
"@media screen and (-ms-high-contrast: active), screen and (forced-colors: active)": Object {
"backgroundColor": "Window",
"borderColor": "GrayText",
"color": "GrayText",
},
"backgroundColor": "#f3f2f1",
"color": "#a19f9d",
},
".ms-Button--primary.is-disabled": Object {
"@media screen and (-ms-high-contrast: active), screen and (forced-colors: active)": Object {
"backgroundColor": "Window",
"borderColor": "GrayText",
"color": "GrayText",
},
"backgroundColor": "#f3f2f1",
"color": "#d2d0ce",
},
},
"splitButtonDivider": Array [
Object {
"@media screen and (-ms-high-contrast: active), screen and (forced-colors: active)": Object {
"backgroundColor": "Window",
},
"backgroundColor": "#ffffff",
"bottom": 8,
"position": "absolute",
"right": 31,
"selectors": Object {
"@media screen and (-ms-high-contrast: active), screen and (forced-colors: active)": Object {
"backgroundColor": "Window",
},
},
"top": 8,
"width": 1,
},
Object {
"bottom": 8,
"position": "absolute",
"right": 31,
"selectors": Object {
"@media screen and (-ms-high-contrast: active), screen and (forced-colors: active)": Object {
"backgroundColor": "WindowText",
},
},
"bottom": 8,
"position": "absolute",
"right": 31,
"top": 8,
"width": 1,
},
],
"splitButtonDividerDisabled": Object {
"bottom": 8,
"position": "absolute",
"right": 31,
"selectors": Object {
"@media screen and (-ms-high-contrast: active), screen and (forced-colors: active)": Object {
"backgroundColor": "GrayText",
},
},
"bottom": 8,
"position": "absolute",
"right": 31,
"top": 8,
"width": 1,
},
@ -2358,21 +2423,17 @@ exports[`Delete Database Confirmation Pane Should call delete database 1`] = `
},
"splitButtonMenuButton": Array [
Object {
"backgroundColor": "#0078d4",
"color": "#ffffff",
"selectors": Object {
":hover": Object {
"backgroundColor": "#106ebe",
"selectors": Object {
"@media screen and (-ms-high-contrast: active), screen and (forced-colors: active)": Object {
"color": "Highlight",
},
},
"backgroundColor": "#106ebe",
},
"@media screen and (-ms-high-contrast: active), screen and (forced-colors: active)": Object {
"backgroundColor": "Canvas",
},
},
"backgroundColor": "#0078d4",
"color": "#ffffff",
},
Object {
"@media screen and (-ms-high-contrast: active), screen and (forced-colors: active)": Object {
@ -2403,42 +2464,31 @@ exports[`Delete Database Confirmation Pane Should call delete database 1`] = `
},
],
"splitButtonMenuButtonChecked": Object {
"backgroundColor": "#005a9e",
"selectors": Object {
":hover": Object {
"backgroundColor": "#005a9e",
},
},
"backgroundColor": "#005a9e",
},
"splitButtonMenuButtonDisabled": Array [
Object {
"backgroundColor": "#f3f2f1",
"selectors": Object {
":hover": Object {
"backgroundColor": "#f3f2f1",
},
},
"backgroundColor": "#f3f2f1",
},
Object {
"border": "none",
"pointerEvents": "none",
"selectors": Object {
".ms-Button--primary": Object {
"selectors": Object {
"@media screen and (-ms-high-contrast: active), screen and (forced-colors: active)": Object {
"backgroundColor": "Window",
"borderColor": "GrayText",
"color": "GrayText",
},
},
},
".ms-Button-menuIcon": Object {
"selectors": Object {
"@media screen and (-ms-high-contrast: active), screen and (forced-colors: active)": Object {
"color": "GrayText",
},
},
},
":hover": Object {
"cursor": "default",
},
@ -2447,22 +2497,21 @@ exports[`Delete Database Confirmation Pane Should call delete database 1`] = `
"border": "1px solid GrayText",
"color": "GrayText",
},
},
"border": "none",
"pointerEvents": "none",
},
],
"splitButtonMenuButtonExpanded": Object {
"backgroundColor": "#005a9e",
"selectors": Object {
":hover": Object {
"backgroundColor": "#005a9e",
},
},
"backgroundColor": "#005a9e",
},
"splitButtonMenuFocused": Object {
"outline": "transparent",
"position": "relative",
"selectors": Object {
".ms-Fabric--isFocusVisible &:focus:after": Object {
".ms-Fabric--isFocusVisible &:focus:after, :host(.ms-Fabric--isFocusVisible) &:focus:after": Object {
"border": "1px solid #ffffff",
"borderRadius": undefined,
"bottom": 3,
@ -2493,12 +2542,10 @@ exports[`Delete Database Confirmation Pane Should call delete database 1`] = `
"color": "#ffffff",
},
"splitButtonMenuIconDisabled": Object {
"color": "#a19f9d",
"selectors": Object {
"@media screen and (-ms-high-contrast: active), screen and (forced-colors: active)": Object {
"color": "GrayText",
},
},
"color": "#a19f9d",
},
"textContainer": Object {
"display": "block",
@ -2817,8 +2864,10 @@ exports[`Delete Database Confirmation Pane Should call delete database 1`] = `
<FocusRects />
</BaseButton>
</DefaultButton>
</MergeStylesShadowRootConsumer>
</CustomizedDefaultButton>
</PrimaryButton>
</MergeStylesShadowRootConsumer>
</CustomizedPrimaryButton>
</div>
</PanelFooterComponent>