Update test snapshots
This commit is contained in:
Laurent Nguyen
parent
1e9727341b
commit
cc1f89ff4b
|
|
@ -384,12 +384,25 @@ exports[`Delete Collection Confirmation Pane submit() should call delete collect
|
||||||
id="sidePanelOkButton"
|
id="sidePanelOkButton"
|
||||||
text="OK"
|
text="OK"
|
||||||
type="submit"
|
type="submit"
|
||||||
|
>
|
||||||
|
<MergeStylesShadowRootConsumer
|
||||||
|
stylesheetKey="PrimaryButton"
|
||||||
>
|
>
|
||||||
<PrimaryButton
|
<PrimaryButton
|
||||||
ariaLabel="OK"
|
ariaLabel="OK"
|
||||||
data-test="Panel/OkButton"
|
data-test="Panel/OkButton"
|
||||||
disabled={false}
|
disabled={false}
|
||||||
id="sidePanelOkButton"
|
id="sidePanelOkButton"
|
||||||
|
styles={
|
||||||
|
Object {
|
||||||
|
"__shadowConfig__": Object {
|
||||||
|
"__isShadowConfig__": true,
|
||||||
|
"inShadow": false,
|
||||||
|
"stylesheetKey": "PrimaryButton",
|
||||||
|
"window": [Window],
|
||||||
|
},
|
||||||
|
}
|
||||||
|
}
|
||||||
text="OK"
|
text="OK"
|
||||||
theme={
|
theme={
|
||||||
Object {
|
Object {
|
||||||
|
|
@ -673,6 +686,16 @@ exports[`Delete Collection Confirmation Pane submit() should call delete collect
|
||||||
id="sidePanelOkButton"
|
id="sidePanelOkButton"
|
||||||
onRenderDescription={[Function]}
|
onRenderDescription={[Function]}
|
||||||
primary={true}
|
primary={true}
|
||||||
|
styles={
|
||||||
|
Object {
|
||||||
|
"__shadowConfig__": Object {
|
||||||
|
"__isShadowConfig__": true,
|
||||||
|
"inShadow": false,
|
||||||
|
"stylesheetKey": "PrimaryButton",
|
||||||
|
"window": [Window],
|
||||||
|
},
|
||||||
|
}
|
||||||
|
}
|
||||||
text="OK"
|
text="OK"
|
||||||
theme={
|
theme={
|
||||||
Object {
|
Object {
|
||||||
|
|
@ -948,6 +971,9 @@ exports[`Delete Collection Confirmation Pane submit() should call delete collect
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
type="submit"
|
type="submit"
|
||||||
|
>
|
||||||
|
<MergeStylesShadowRootConsumer
|
||||||
|
stylesheetKey="DefaultButton"
|
||||||
>
|
>
|
||||||
<DefaultButton
|
<DefaultButton
|
||||||
ariaLabel="OK"
|
ariaLabel="OK"
|
||||||
|
|
@ -956,6 +982,16 @@ exports[`Delete Collection Confirmation Pane submit() should call delete collect
|
||||||
id="sidePanelOkButton"
|
id="sidePanelOkButton"
|
||||||
onRenderDescription={[Function]}
|
onRenderDescription={[Function]}
|
||||||
primary={true}
|
primary={true}
|
||||||
|
styles={
|
||||||
|
Object {
|
||||||
|
"__shadowConfig__": Object {
|
||||||
|
"__isShadowConfig__": true,
|
||||||
|
"inShadow": false,
|
||||||
|
"stylesheetKey": "DefaultButton",
|
||||||
|
"window": [Window],
|
||||||
|
},
|
||||||
|
}
|
||||||
|
}
|
||||||
text="OK"
|
text="OK"
|
||||||
theme={
|
theme={
|
||||||
Object {
|
Object {
|
||||||
|
|
@ -1243,6 +1279,12 @@ exports[`Delete Collection Confirmation Pane submit() should call delete collect
|
||||||
split={false}
|
split={false}
|
||||||
styles={
|
styles={
|
||||||
Object {
|
Object {
|
||||||
|
"__shadowConfig__": Object {
|
||||||
|
"__isShadowConfig__": true,
|
||||||
|
"inShadow": false,
|
||||||
|
"stylesheetKey": "DefaultButton",
|
||||||
|
"window": [Window],
|
||||||
|
},
|
||||||
"description": Object {
|
"description": Object {
|
||||||
"display": "block",
|
"display": "block",
|
||||||
},
|
},
|
||||||
|
|
@ -1262,12 +1304,10 @@ exports[`Delete Collection Confirmation Pane submit() should call delete collect
|
||||||
"textAlign": "center",
|
"textAlign": "center",
|
||||||
},
|
},
|
||||||
"iconDisabled": Object {
|
"iconDisabled": Object {
|
||||||
"color": "#a19f9d",
|
|
||||||
"selectors": Object {
|
|
||||||
"@media screen and (-ms-high-contrast: active), screen and (forced-colors: active)": Object {
|
"@media screen and (-ms-high-contrast: active), screen and (forced-colors: active)": Object {
|
||||||
"color": "GrayText",
|
"color": "GrayText",
|
||||||
},
|
},
|
||||||
},
|
"color": "#a19f9d",
|
||||||
},
|
},
|
||||||
"label": Array [
|
"label": Array [
|
||||||
Object {
|
Object {
|
||||||
|
|
@ -1288,19 +1328,17 @@ exports[`Delete Collection Confirmation Pane submit() should call delete collect
|
||||||
"textAlign": "center",
|
"textAlign": "center",
|
||||||
},
|
},
|
||||||
"menuIconDisabled": Object {
|
"menuIconDisabled": Object {
|
||||||
"color": "#a19f9d",
|
|
||||||
"selectors": Object {
|
|
||||||
"@media screen and (-ms-high-contrast: active), screen and (forced-colors: active)": Object {
|
"@media screen and (-ms-high-contrast: active), screen and (forced-colors: active)": Object {
|
||||||
"color": "GrayText",
|
"color": "GrayText",
|
||||||
},
|
},
|
||||||
},
|
"color": "#a19f9d",
|
||||||
},
|
},
|
||||||
"root": Array [
|
"root": Array [
|
||||||
Object {
|
Object {
|
||||||
"outline": "transparent",
|
"outline": "transparent",
|
||||||
"position": "relative",
|
"position": "relative",
|
||||||
"selectors": Object {
|
"selectors": Object {
|
||||||
".ms-Fabric--isFocusVisible &:focus:after": Object {
|
".ms-Fabric--isFocusVisible &:focus:after, :host(.ms-Fabric--isFocusVisible) &:focus:after": Object {
|
||||||
"border": "1px solid transparent",
|
"border": "1px solid transparent",
|
||||||
"borderRadius": undefined,
|
"borderRadius": undefined,
|
||||||
"bottom": 2,
|
"bottom": 2,
|
||||||
|
|
@ -1335,19 +1373,17 @@ exports[`Delete Collection Confirmation Pane submit() should call delete collect
|
||||||
"fontWeight": 400,
|
"fontWeight": 400,
|
||||||
},
|
},
|
||||||
Object {
|
Object {
|
||||||
|
":active > span": Object {
|
||||||
|
"left": 0,
|
||||||
|
"position": "relative",
|
||||||
|
"top": 0,
|
||||||
|
},
|
||||||
"border": "1px solid #8a8886",
|
"border": "1px solid #8a8886",
|
||||||
"borderRadius": "2px",
|
"borderRadius": "2px",
|
||||||
"boxSizing": "border-box",
|
"boxSizing": "border-box",
|
||||||
"cursor": "pointer",
|
"cursor": "pointer",
|
||||||
"display": "inline-block",
|
"display": "inline-block",
|
||||||
"padding": "0 16px",
|
"padding": "0 16px",
|
||||||
"selectors": Object {
|
|
||||||
":active > span": Object {
|
|
||||||
"left": 0,
|
|
||||||
"position": "relative",
|
|
||||||
"top": 0,
|
|
||||||
},
|
|
||||||
},
|
|
||||||
"textAlign": "center",
|
"textAlign": "center",
|
||||||
"textDecoration": "none",
|
"textDecoration": "none",
|
||||||
"userSelect": "none",
|
"userSelect": "none",
|
||||||
|
|
@ -1357,18 +1393,12 @@ exports[`Delete Collection Confirmation Pane submit() should call delete collect
|
||||||
"minWidth": "80px",
|
"minWidth": "80px",
|
||||||
},
|
},
|
||||||
Object {
|
Object {
|
||||||
"backgroundColor": "#0078d4",
|
".ms-Fabric--isFocusVisible &:focus, :host(.ms-Fabric--isFocusVisible) &:focus": Object {
|
||||||
"border": "1px solid #0078d4",
|
|
||||||
"color": "#ffffff",
|
|
||||||
"selectors": Object {
|
|
||||||
".ms-Fabric--isFocusVisible &:focus": Object {
|
|
||||||
"selectors": Object {
|
|
||||||
":after": Object {
|
":after": Object {
|
||||||
"border": "none",
|
"border": "none",
|
||||||
"outlineColor": "#ffffff",
|
"outlineColor": "#ffffff",
|
||||||
},
|
},
|
||||||
},
|
},
|
||||||
},
|
|
||||||
"@media screen and (-ms-high-contrast: active), screen and (forced-colors: active)": Object {
|
"@media screen and (-ms-high-contrast: active), screen and (forced-colors: active)": Object {
|
||||||
"MsHighContrastAdjust": "none",
|
"MsHighContrastAdjust": "none",
|
||||||
"backgroundColor": "WindowText",
|
"backgroundColor": "WindowText",
|
||||||
|
|
@ -1376,7 +1406,9 @@ exports[`Delete Collection Confirmation Pane submit() should call delete collect
|
||||||
"color": "Window",
|
"color": "Window",
|
||||||
"forcedColorAdjust": "none",
|
"forcedColorAdjust": "none",
|
||||||
},
|
},
|
||||||
},
|
"backgroundColor": "#0078d4",
|
||||||
|
"border": "1px solid #0078d4",
|
||||||
|
"color": "#ffffff",
|
||||||
},
|
},
|
||||||
],
|
],
|
||||||
"rootChecked": Object {
|
"rootChecked": Object {
|
||||||
|
|
@ -1392,7 +1424,7 @@ exports[`Delete Collection Confirmation Pane submit() should call delete collect
|
||||||
"outline": "transparent",
|
"outline": "transparent",
|
||||||
"position": "relative",
|
"position": "relative",
|
||||||
"selectors": Object {
|
"selectors": Object {
|
||||||
".ms-Fabric--isFocusVisible &:focus:after": Object {
|
".ms-Fabric--isFocusVisible &:focus:after, :host(.ms-Fabric--isFocusVisible) &:focus:after": Object {
|
||||||
"border": "1px solid transparent",
|
"border": "1px solid transparent",
|
||||||
"borderRadius": undefined,
|
"borderRadius": undefined,
|
||||||
"bottom": 2,
|
"bottom": 2,
|
||||||
|
|
@ -1420,29 +1452,25 @@ exports[`Delete Collection Confirmation Pane submit() should call delete collect
|
||||||
},
|
},
|
||||||
},
|
},
|
||||||
Object {
|
Object {
|
||||||
"backgroundColor": "#f3f2f1",
|
|
||||||
"borderColor": "#f3f2f1",
|
|
||||||
"color": "#a19f9d",
|
|
||||||
"cursor": "default",
|
|
||||||
"selectors": Object {
|
|
||||||
":focus": Object {
|
":focus": Object {
|
||||||
"outline": 0,
|
"outline": 0,
|
||||||
},
|
},
|
||||||
":hover": Object {
|
":hover": Object {
|
||||||
"outline": 0,
|
"outline": 0,
|
||||||
},
|
},
|
||||||
},
|
"backgroundColor": "#f3f2f1",
|
||||||
|
"borderColor": "#f3f2f1",
|
||||||
|
"color": "#a19f9d",
|
||||||
|
"cursor": "default",
|
||||||
},
|
},
|
||||||
Object {
|
Object {
|
||||||
"backgroundColor": "#f3f2f1",
|
|
||||||
"color": "#d2d0ce",
|
|
||||||
"selectors": Object {
|
|
||||||
"@media screen and (-ms-high-contrast: active), screen and (forced-colors: active)": Object {
|
"@media screen and (-ms-high-contrast: active), screen and (forced-colors: active)": Object {
|
||||||
"backgroundColor": "Window",
|
"backgroundColor": "Window",
|
||||||
"borderColor": "GrayText",
|
"borderColor": "GrayText",
|
||||||
"color": "GrayText",
|
"color": "GrayText",
|
||||||
},
|
},
|
||||||
},
|
"backgroundColor": "#f3f2f1",
|
||||||
|
"color": "#d2d0ce",
|
||||||
},
|
},
|
||||||
],
|
],
|
||||||
"rootExpanded": Object {
|
"rootExpanded": Object {
|
||||||
|
|
@ -1450,22 +1478,16 @@ exports[`Delete Collection Confirmation Pane submit() should call delete collect
|
||||||
"color": "#ffffff",
|
"color": "#ffffff",
|
||||||
},
|
},
|
||||||
"rootHovered": Object {
|
"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 {
|
"@media screen and (-ms-high-contrast: active), screen and (forced-colors: active)": Object {
|
||||||
"backgroundColor": "Highlight",
|
"backgroundColor": "Highlight",
|
||||||
"borderColor": "Highlight",
|
"borderColor": "Highlight",
|
||||||
"color": "Window",
|
"color": "Window",
|
||||||
},
|
},
|
||||||
},
|
"backgroundColor": "#106ebe",
|
||||||
|
"border": "1px solid #106ebe",
|
||||||
|
"color": "#ffffff",
|
||||||
},
|
},
|
||||||
"rootPressed": Object {
|
"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 {
|
"@media screen and (-ms-high-contrast: active), screen and (forced-colors: active)": Object {
|
||||||
"MsHighContrastAdjust": "none",
|
"MsHighContrastAdjust": "none",
|
||||||
"backgroundColor": "WindowText",
|
"backgroundColor": "WindowText",
|
||||||
|
|
@ -1473,7 +1495,9 @@ exports[`Delete Collection Confirmation Pane submit() should call delete collect
|
||||||
"color": "Window",
|
"color": "Window",
|
||||||
"forcedColorAdjust": "none",
|
"forcedColorAdjust": "none",
|
||||||
},
|
},
|
||||||
},
|
"backgroundColor": "#005a9e",
|
||||||
|
"border": "1px solid #005a9e",
|
||||||
|
"color": "#ffffff",
|
||||||
},
|
},
|
||||||
"screenReaderText": Object {
|
"screenReaderText": Object {
|
||||||
"border": 0,
|
"border": 0,
|
||||||
|
|
@ -1487,17 +1511,15 @@ exports[`Delete Collection Confirmation Pane submit() should call delete collect
|
||||||
},
|
},
|
||||||
"splitButtonContainer": Array [
|
"splitButtonContainer": Array [
|
||||||
Object {
|
Object {
|
||||||
"selectors": Object {
|
|
||||||
"@media screen and (-ms-high-contrast: active), screen and (forced-colors: active)": Object {
|
"@media screen and (-ms-high-contrast: active), screen and (forced-colors: active)": Object {
|
||||||
"border": "none",
|
"border": "none",
|
||||||
},
|
},
|
||||||
},
|
},
|
||||||
},
|
|
||||||
Object {
|
Object {
|
||||||
"outline": "transparent",
|
"outline": "transparent",
|
||||||
"position": "relative",
|
"position": "relative",
|
||||||
"selectors": Object {
|
"selectors": Object {
|
||||||
".ms-Fabric--isFocusVisible &:focus:after": Object {
|
".ms-Fabric--isFocusVisible &:focus:after, :host(.ms-Fabric--isFocusVisible) &:focus:after": Object {
|
||||||
"border": "1px solid #ffffff",
|
"border": "1px solid #ffffff",
|
||||||
"borderRadius": undefined,
|
"borderRadius": undefined,
|
||||||
"bottom": 3,
|
"bottom": 3,
|
||||||
|
|
@ -1525,20 +1547,43 @@ exports[`Delete Collection Confirmation Pane submit() should call delete collect
|
||||||
},
|
},
|
||||||
},
|
},
|
||||||
Object {
|
Object {
|
||||||
"display": "inline-flex",
|
|
||||||
"selectors": Object {
|
|
||||||
".ms-Button--default": Object {
|
".ms-Button--default": Object {
|
||||||
"borderBottomRightRadius": "0",
|
"borderBottomRightRadius": "0",
|
||||||
"borderRight": "none",
|
"borderRight": "none",
|
||||||
"borderTopRightRadius": "0",
|
"borderTopRightRadius": "0",
|
||||||
"flexGrow": "1",
|
"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 {
|
".ms-Button--primary": Object {
|
||||||
"border": "none",
|
|
||||||
"borderBottomRightRadius": "0",
|
|
||||||
"borderTopRightRadius": "0",
|
|
||||||
"flexGrow": "1",
|
|
||||||
"selectors": Object {
|
|
||||||
":active": Object {
|
":active": Object {
|
||||||
"border": "none",
|
"border": "none",
|
||||||
},
|
},
|
||||||
|
|
@ -1546,6 +1591,15 @@ exports[`Delete Collection Confirmation Pane submit() should call delete collect
|
||||||
"border": "none",
|
"border": "none",
|
||||||
},
|
},
|
||||||
"@media screen and (-ms-high-contrast: active), screen and (forced-colors: active)": Object {
|
"@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",
|
"MsHighContrastAdjust": "none",
|
||||||
"backgroundColor": "Window",
|
"backgroundColor": "Window",
|
||||||
"border": "1px solid WindowText",
|
"border": "1px solid WindowText",
|
||||||
|
|
@ -1553,24 +1607,51 @@ exports[`Delete Collection Confirmation Pane submit() should call delete collect
|
||||||
"color": "WindowText",
|
"color": "WindowText",
|
||||||
"forcedColorAdjust": "none",
|
"forcedColorAdjust": "none",
|
||||||
},
|
},
|
||||||
},
|
"border": "none",
|
||||||
|
"borderBottomRightRadius": "0",
|
||||||
|
"borderTopRightRadius": "0",
|
||||||
|
"flexGrow": "1",
|
||||||
},
|
},
|
||||||
".ms-Button--primary + .ms-Button": Object {
|
".ms-Button--primary + .ms-Button": Object {
|
||||||
"border": "none",
|
|
||||||
"selectors": Object {
|
|
||||||
"@media screen and (-ms-high-contrast: active), screen and (forced-colors: active)": 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",
|
"border": "1px solid WindowText",
|
||||||
"borderLeftWidth": "0",
|
"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 {
|
"splitButtonContainerChecked": Object {
|
||||||
"selectors": Object {
|
|
||||||
".ms-Button--primary": Object {
|
".ms-Button--primary": Object {
|
||||||
"selectors": Object {
|
|
||||||
"@media screen and (-ms-high-contrast: active), screen and (forced-colors: active)": Object {
|
"@media screen and (-ms-high-contrast: active), screen and (forced-colors: active)": Object {
|
||||||
"MsHighContrastAdjust": "none",
|
"MsHighContrastAdjust": "none",
|
||||||
"backgroundColor": "WindowText",
|
"backgroundColor": "WindowText",
|
||||||
|
|
@ -1579,12 +1660,8 @@ exports[`Delete Collection Confirmation Pane submit() should call delete collect
|
||||||
},
|
},
|
||||||
},
|
},
|
||||||
},
|
},
|
||||||
},
|
|
||||||
},
|
|
||||||
"splitButtonContainerCheckedHovered": Object {
|
"splitButtonContainerCheckedHovered": Object {
|
||||||
"selectors": Object {
|
|
||||||
".ms-Button--primary": Object {
|
".ms-Button--primary": Object {
|
||||||
"selectors": Object {
|
|
||||||
"@media screen and (-ms-high-contrast: active), screen and (forced-colors: active)": Object {
|
"@media screen and (-ms-high-contrast: active), screen and (forced-colors: active)": Object {
|
||||||
"MsHighContrastAdjust": "none",
|
"MsHighContrastAdjust": "none",
|
||||||
"backgroundColor": "WindowText",
|
"backgroundColor": "WindowText",
|
||||||
|
|
@ -1593,12 +1670,7 @@ exports[`Delete Collection Confirmation Pane submit() should call delete collect
|
||||||
},
|
},
|
||||||
},
|
},
|
||||||
},
|
},
|
||||||
},
|
|
||||||
},
|
|
||||||
"splitButtonContainerDisabled": Object {
|
"splitButtonContainerDisabled": Object {
|
||||||
"border": "none",
|
|
||||||
"outline": "none",
|
|
||||||
"selectors": Object {
|
|
||||||
"@media screen and (-ms-high-contrast: active), screen and (forced-colors: active)": Object {
|
"@media screen and (-ms-high-contrast: active), screen and (forced-colors: active)": Object {
|
||||||
"MsHighContrastAdjust": "none",
|
"MsHighContrastAdjust": "none",
|
||||||
"backgroundColor": "Window",
|
"backgroundColor": "Window",
|
||||||
|
|
@ -1606,69 +1678,62 @@ exports[`Delete Collection Confirmation Pane submit() should call delete collect
|
||||||
"color": "GrayText",
|
"color": "GrayText",
|
||||||
"forcedColorAdjust": "none",
|
"forcedColorAdjust": "none",
|
||||||
},
|
},
|
||||||
},
|
"border": "none",
|
||||||
|
"outline": "none",
|
||||||
},
|
},
|
||||||
"splitButtonContainerFocused": Object {
|
"splitButtonContainerFocused": Object {
|
||||||
"outline": "none!important",
|
"outline": "none!important",
|
||||||
},
|
},
|
||||||
"splitButtonContainerHovered": Object {
|
"splitButtonContainerHovered": Object {
|
||||||
"selectors": Object {
|
".ms-Button--default.is-disabled": 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 {
|
|
||||||
"@media screen and (-ms-high-contrast: active), screen and (forced-colors: active)": Object {
|
"@media screen and (-ms-high-contrast: active), screen and (forced-colors: active)": Object {
|
||||||
"backgroundColor": "Window",
|
"backgroundColor": "Window",
|
||||||
"borderColor": "GrayText",
|
"borderColor": "GrayText",
|
||||||
"color": "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 [
|
"splitButtonDivider": Array [
|
||||||
Object {
|
Object {
|
||||||
|
"@media screen and (-ms-high-contrast: active), screen and (forced-colors: active)": Object {
|
||||||
|
"backgroundColor": "Window",
|
||||||
|
},
|
||||||
"backgroundColor": "#ffffff",
|
"backgroundColor": "#ffffff",
|
||||||
"bottom": 8,
|
"bottom": 8,
|
||||||
"position": "absolute",
|
"position": "absolute",
|
||||||
"right": 31,
|
"right": 31,
|
||||||
"selectors": Object {
|
|
||||||
"@media screen and (-ms-high-contrast: active), screen and (forced-colors: active)": Object {
|
|
||||||
"backgroundColor": "Window",
|
|
||||||
},
|
|
||||||
},
|
|
||||||
"top": 8,
|
"top": 8,
|
||||||
"width": 1,
|
"width": 1,
|
||||||
},
|
},
|
||||||
Object {
|
Object {
|
||||||
"bottom": 8,
|
|
||||||
"position": "absolute",
|
|
||||||
"right": 31,
|
|
||||||
"selectors": Object {
|
|
||||||
"@media screen and (-ms-high-contrast: active), screen and (forced-colors: active)": Object {
|
"@media screen and (-ms-high-contrast: active), screen and (forced-colors: active)": Object {
|
||||||
"backgroundColor": "WindowText",
|
"backgroundColor": "WindowText",
|
||||||
},
|
},
|
||||||
},
|
"bottom": 8,
|
||||||
|
"position": "absolute",
|
||||||
|
"right": 31,
|
||||||
"top": 8,
|
"top": 8,
|
||||||
"width": 1,
|
"width": 1,
|
||||||
},
|
},
|
||||||
],
|
],
|
||||||
"splitButtonDividerDisabled": Object {
|
"splitButtonDividerDisabled": Object {
|
||||||
"bottom": 8,
|
|
||||||
"position": "absolute",
|
|
||||||
"right": 31,
|
|
||||||
"selectors": Object {
|
|
||||||
"@media screen and (-ms-high-contrast: active), screen and (forced-colors: active)": Object {
|
"@media screen and (-ms-high-contrast: active), screen and (forced-colors: active)": Object {
|
||||||
"backgroundColor": "GrayText",
|
"backgroundColor": "GrayText",
|
||||||
},
|
},
|
||||||
},
|
"bottom": 8,
|
||||||
|
"position": "absolute",
|
||||||
|
"right": 31,
|
||||||
"top": 8,
|
"top": 8,
|
||||||
"width": 1,
|
"width": 1,
|
||||||
},
|
},
|
||||||
|
|
@ -1681,21 +1746,17 @@ exports[`Delete Collection Confirmation Pane submit() should call delete collect
|
||||||
},
|
},
|
||||||
"splitButtonMenuButton": Array [
|
"splitButtonMenuButton": Array [
|
||||||
Object {
|
Object {
|
||||||
"backgroundColor": "#0078d4",
|
|
||||||
"color": "#ffffff",
|
|
||||||
"selectors": Object {
|
|
||||||
":hover": Object {
|
":hover": Object {
|
||||||
"backgroundColor": "#106ebe",
|
|
||||||
"selectors": Object {
|
|
||||||
"@media screen and (-ms-high-contrast: active), screen and (forced-colors: active)": Object {
|
"@media screen and (-ms-high-contrast: active), screen and (forced-colors: active)": Object {
|
||||||
"color": "Highlight",
|
"color": "Highlight",
|
||||||
},
|
},
|
||||||
},
|
"backgroundColor": "#106ebe",
|
||||||
},
|
},
|
||||||
"@media screen and (-ms-high-contrast: active), screen and (forced-colors: active)": Object {
|
"@media screen and (-ms-high-contrast: active), screen and (forced-colors: active)": Object {
|
||||||
"backgroundColor": "Canvas",
|
"backgroundColor": "Canvas",
|
||||||
},
|
},
|
||||||
},
|
"backgroundColor": "#0078d4",
|
||||||
|
"color": "#ffffff",
|
||||||
},
|
},
|
||||||
Object {
|
Object {
|
||||||
"@media screen and (-ms-high-contrast: active), screen and (forced-colors: active)": 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 {
|
"splitButtonMenuButtonChecked": Object {
|
||||||
"backgroundColor": "#005a9e",
|
|
||||||
"selectors": Object {
|
|
||||||
":hover": Object {
|
":hover": Object {
|
||||||
"backgroundColor": "#005a9e",
|
"backgroundColor": "#005a9e",
|
||||||
},
|
},
|
||||||
},
|
"backgroundColor": "#005a9e",
|
||||||
},
|
},
|
||||||
"splitButtonMenuButtonDisabled": Array [
|
"splitButtonMenuButtonDisabled": Array [
|
||||||
Object {
|
Object {
|
||||||
"backgroundColor": "#f3f2f1",
|
|
||||||
"selectors": Object {
|
|
||||||
":hover": Object {
|
":hover": Object {
|
||||||
"backgroundColor": "#f3f2f1",
|
"backgroundColor": "#f3f2f1",
|
||||||
},
|
},
|
||||||
},
|
"backgroundColor": "#f3f2f1",
|
||||||
},
|
},
|
||||||
Object {
|
Object {
|
||||||
"border": "none",
|
|
||||||
"pointerEvents": "none",
|
|
||||||
"selectors": Object {
|
|
||||||
".ms-Button--primary": Object {
|
".ms-Button--primary": Object {
|
||||||
"selectors": Object {
|
|
||||||
"@media screen and (-ms-high-contrast: active), screen and (forced-colors: active)": Object {
|
"@media screen and (-ms-high-contrast: active), screen and (forced-colors: active)": Object {
|
||||||
"backgroundColor": "Window",
|
"backgroundColor": "Window",
|
||||||
"borderColor": "GrayText",
|
"borderColor": "GrayText",
|
||||||
"color": "GrayText",
|
"color": "GrayText",
|
||||||
},
|
},
|
||||||
},
|
},
|
||||||
},
|
|
||||||
".ms-Button-menuIcon": Object {
|
".ms-Button-menuIcon": Object {
|
||||||
"selectors": Object {
|
|
||||||
"@media screen and (-ms-high-contrast: active), screen and (forced-colors: active)": Object {
|
"@media screen and (-ms-high-contrast: active), screen and (forced-colors: active)": Object {
|
||||||
"color": "GrayText",
|
"color": "GrayText",
|
||||||
},
|
},
|
||||||
},
|
},
|
||||||
},
|
|
||||||
":hover": Object {
|
":hover": Object {
|
||||||
"cursor": "default",
|
"cursor": "default",
|
||||||
},
|
},
|
||||||
|
|
@ -1770,22 +1820,21 @@ exports[`Delete Collection Confirmation Pane submit() should call delete collect
|
||||||
"border": "1px solid GrayText",
|
"border": "1px solid GrayText",
|
||||||
"color": "GrayText",
|
"color": "GrayText",
|
||||||
},
|
},
|
||||||
},
|
"border": "none",
|
||||||
|
"pointerEvents": "none",
|
||||||
},
|
},
|
||||||
],
|
],
|
||||||
"splitButtonMenuButtonExpanded": Object {
|
"splitButtonMenuButtonExpanded": Object {
|
||||||
"backgroundColor": "#005a9e",
|
|
||||||
"selectors": Object {
|
|
||||||
":hover": Object {
|
":hover": Object {
|
||||||
"backgroundColor": "#005a9e",
|
"backgroundColor": "#005a9e",
|
||||||
},
|
},
|
||||||
},
|
"backgroundColor": "#005a9e",
|
||||||
},
|
},
|
||||||
"splitButtonMenuFocused": Object {
|
"splitButtonMenuFocused": Object {
|
||||||
"outline": "transparent",
|
"outline": "transparent",
|
||||||
"position": "relative",
|
"position": "relative",
|
||||||
"selectors": Object {
|
"selectors": Object {
|
||||||
".ms-Fabric--isFocusVisible &:focus:after": Object {
|
".ms-Fabric--isFocusVisible &:focus:after, :host(.ms-Fabric--isFocusVisible) &:focus:after": Object {
|
||||||
"border": "1px solid #ffffff",
|
"border": "1px solid #ffffff",
|
||||||
"borderRadius": undefined,
|
"borderRadius": undefined,
|
||||||
"bottom": 3,
|
"bottom": 3,
|
||||||
|
|
@ -1816,12 +1865,10 @@ exports[`Delete Collection Confirmation Pane submit() should call delete collect
|
||||||
"color": "#ffffff",
|
"color": "#ffffff",
|
||||||
},
|
},
|
||||||
"splitButtonMenuIconDisabled": Object {
|
"splitButtonMenuIconDisabled": Object {
|
||||||
"color": "#a19f9d",
|
|
||||||
"selectors": Object {
|
|
||||||
"@media screen and (-ms-high-contrast: active), screen and (forced-colors: active)": Object {
|
"@media screen and (-ms-high-contrast: active), screen and (forced-colors: active)": Object {
|
||||||
"color": "GrayText",
|
"color": "GrayText",
|
||||||
},
|
},
|
||||||
},
|
"color": "#a19f9d",
|
||||||
},
|
},
|
||||||
"textContainer": Object {
|
"textContainer": Object {
|
||||||
"display": "block",
|
"display": "block",
|
||||||
|
|
@ -2140,8 +2187,10 @@ exports[`Delete Collection Confirmation Pane submit() should call delete collect
|
||||||
<FocusRects />
|
<FocusRects />
|
||||||
</BaseButton>
|
</BaseButton>
|
||||||
</DefaultButton>
|
</DefaultButton>
|
||||||
|
</MergeStylesShadowRootConsumer>
|
||||||
</CustomizedDefaultButton>
|
</CustomizedDefaultButton>
|
||||||
</PrimaryButton>
|
</PrimaryButton>
|
||||||
|
</MergeStylesShadowRootConsumer>
|
||||||
</CustomizedPrimaryButton>
|
</CustomizedPrimaryButton>
|
||||||
</div>
|
</div>
|
||||||
</PanelFooterComponent>
|
</PanelFooterComponent>
|
||||||
|
|
|
||||||
|
|
@ -5317,12 +5317,25 @@ exports[`Excute Sproc Param Pane should render Default properly 1`] = `
|
||||||
id="sidePanelOkButton"
|
id="sidePanelOkButton"
|
||||||
text="Execute"
|
text="Execute"
|
||||||
type="submit"
|
type="submit"
|
||||||
|
>
|
||||||
|
<MergeStylesShadowRootConsumer
|
||||||
|
stylesheetKey="PrimaryButton"
|
||||||
>
|
>
|
||||||
<PrimaryButton
|
<PrimaryButton
|
||||||
ariaLabel="Execute"
|
ariaLabel="Execute"
|
||||||
data-test="Panel/OkButton"
|
data-test="Panel/OkButton"
|
||||||
disabled={false}
|
disabled={false}
|
||||||
id="sidePanelOkButton"
|
id="sidePanelOkButton"
|
||||||
|
styles={
|
||||||
|
Object {
|
||||||
|
"__shadowConfig__": Object {
|
||||||
|
"__isShadowConfig__": true,
|
||||||
|
"inShadow": false,
|
||||||
|
"stylesheetKey": "PrimaryButton",
|
||||||
|
"window": [Window],
|
||||||
|
},
|
||||||
|
}
|
||||||
|
}
|
||||||
text="Execute"
|
text="Execute"
|
||||||
theme={
|
theme={
|
||||||
Object {
|
Object {
|
||||||
|
|
@ -5606,6 +5619,16 @@ exports[`Excute Sproc Param Pane should render Default properly 1`] = `
|
||||||
id="sidePanelOkButton"
|
id="sidePanelOkButton"
|
||||||
onRenderDescription={[Function]}
|
onRenderDescription={[Function]}
|
||||||
primary={true}
|
primary={true}
|
||||||
|
styles={
|
||||||
|
Object {
|
||||||
|
"__shadowConfig__": Object {
|
||||||
|
"__isShadowConfig__": true,
|
||||||
|
"inShadow": false,
|
||||||
|
"stylesheetKey": "PrimaryButton",
|
||||||
|
"window": [Window],
|
||||||
|
},
|
||||||
|
}
|
||||||
|
}
|
||||||
text="Execute"
|
text="Execute"
|
||||||
theme={
|
theme={
|
||||||
Object {
|
Object {
|
||||||
|
|
@ -5881,6 +5904,9 @@ exports[`Excute Sproc Param Pane should render Default properly 1`] = `
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
type="submit"
|
type="submit"
|
||||||
|
>
|
||||||
|
<MergeStylesShadowRootConsumer
|
||||||
|
stylesheetKey="DefaultButton"
|
||||||
>
|
>
|
||||||
<DefaultButton
|
<DefaultButton
|
||||||
ariaLabel="Execute"
|
ariaLabel="Execute"
|
||||||
|
|
@ -5889,6 +5915,16 @@ exports[`Excute Sproc Param Pane should render Default properly 1`] = `
|
||||||
id="sidePanelOkButton"
|
id="sidePanelOkButton"
|
||||||
onRenderDescription={[Function]}
|
onRenderDescription={[Function]}
|
||||||
primary={true}
|
primary={true}
|
||||||
|
styles={
|
||||||
|
Object {
|
||||||
|
"__shadowConfig__": Object {
|
||||||
|
"__isShadowConfig__": true,
|
||||||
|
"inShadow": false,
|
||||||
|
"stylesheetKey": "DefaultButton",
|
||||||
|
"window": [Window],
|
||||||
|
},
|
||||||
|
}
|
||||||
|
}
|
||||||
text="Execute"
|
text="Execute"
|
||||||
theme={
|
theme={
|
||||||
Object {
|
Object {
|
||||||
|
|
@ -6176,6 +6212,12 @@ exports[`Excute Sproc Param Pane should render Default properly 1`] = `
|
||||||
split={false}
|
split={false}
|
||||||
styles={
|
styles={
|
||||||
Object {
|
Object {
|
||||||
|
"__shadowConfig__": Object {
|
||||||
|
"__isShadowConfig__": true,
|
||||||
|
"inShadow": false,
|
||||||
|
"stylesheetKey": "DefaultButton",
|
||||||
|
"window": [Window],
|
||||||
|
},
|
||||||
"description": Object {
|
"description": Object {
|
||||||
"display": "block",
|
"display": "block",
|
||||||
},
|
},
|
||||||
|
|
@ -6195,12 +6237,10 @@ exports[`Excute Sproc Param Pane should render Default properly 1`] = `
|
||||||
"textAlign": "center",
|
"textAlign": "center",
|
||||||
},
|
},
|
||||||
"iconDisabled": Object {
|
"iconDisabled": Object {
|
||||||
"color": "#a19f9d",
|
|
||||||
"selectors": Object {
|
|
||||||
"@media screen and (-ms-high-contrast: active), screen and (forced-colors: active)": Object {
|
"@media screen and (-ms-high-contrast: active), screen and (forced-colors: active)": Object {
|
||||||
"color": "GrayText",
|
"color": "GrayText",
|
||||||
},
|
},
|
||||||
},
|
"color": "#a19f9d",
|
||||||
},
|
},
|
||||||
"label": Array [
|
"label": Array [
|
||||||
Object {
|
Object {
|
||||||
|
|
@ -6221,19 +6261,17 @@ exports[`Excute Sproc Param Pane should render Default properly 1`] = `
|
||||||
"textAlign": "center",
|
"textAlign": "center",
|
||||||
},
|
},
|
||||||
"menuIconDisabled": Object {
|
"menuIconDisabled": Object {
|
||||||
"color": "#a19f9d",
|
|
||||||
"selectors": Object {
|
|
||||||
"@media screen and (-ms-high-contrast: active), screen and (forced-colors: active)": Object {
|
"@media screen and (-ms-high-contrast: active), screen and (forced-colors: active)": Object {
|
||||||
"color": "GrayText",
|
"color": "GrayText",
|
||||||
},
|
},
|
||||||
},
|
"color": "#a19f9d",
|
||||||
},
|
},
|
||||||
"root": Array [
|
"root": Array [
|
||||||
Object {
|
Object {
|
||||||
"outline": "transparent",
|
"outline": "transparent",
|
||||||
"position": "relative",
|
"position": "relative",
|
||||||
"selectors": Object {
|
"selectors": Object {
|
||||||
".ms-Fabric--isFocusVisible &:focus:after": Object {
|
".ms-Fabric--isFocusVisible &:focus:after, :host(.ms-Fabric--isFocusVisible) &:focus:after": Object {
|
||||||
"border": "1px solid transparent",
|
"border": "1px solid transparent",
|
||||||
"borderRadius": undefined,
|
"borderRadius": undefined,
|
||||||
"bottom": 2,
|
"bottom": 2,
|
||||||
|
|
@ -6268,19 +6306,17 @@ exports[`Excute Sproc Param Pane should render Default properly 1`] = `
|
||||||
"fontWeight": 400,
|
"fontWeight": 400,
|
||||||
},
|
},
|
||||||
Object {
|
Object {
|
||||||
|
":active > span": Object {
|
||||||
|
"left": 0,
|
||||||
|
"position": "relative",
|
||||||
|
"top": 0,
|
||||||
|
},
|
||||||
"border": "1px solid #8a8886",
|
"border": "1px solid #8a8886",
|
||||||
"borderRadius": "2px",
|
"borderRadius": "2px",
|
||||||
"boxSizing": "border-box",
|
"boxSizing": "border-box",
|
||||||
"cursor": "pointer",
|
"cursor": "pointer",
|
||||||
"display": "inline-block",
|
"display": "inline-block",
|
||||||
"padding": "0 16px",
|
"padding": "0 16px",
|
||||||
"selectors": Object {
|
|
||||||
":active > span": Object {
|
|
||||||
"left": 0,
|
|
||||||
"position": "relative",
|
|
||||||
"top": 0,
|
|
||||||
},
|
|
||||||
},
|
|
||||||
"textAlign": "center",
|
"textAlign": "center",
|
||||||
"textDecoration": "none",
|
"textDecoration": "none",
|
||||||
"userSelect": "none",
|
"userSelect": "none",
|
||||||
|
|
@ -6290,18 +6326,12 @@ exports[`Excute Sproc Param Pane should render Default properly 1`] = `
|
||||||
"minWidth": "80px",
|
"minWidth": "80px",
|
||||||
},
|
},
|
||||||
Object {
|
Object {
|
||||||
"backgroundColor": "#0078d4",
|
".ms-Fabric--isFocusVisible &:focus, :host(.ms-Fabric--isFocusVisible) &:focus": Object {
|
||||||
"border": "1px solid #0078d4",
|
|
||||||
"color": "#ffffff",
|
|
||||||
"selectors": Object {
|
|
||||||
".ms-Fabric--isFocusVisible &:focus": Object {
|
|
||||||
"selectors": Object {
|
|
||||||
":after": Object {
|
":after": Object {
|
||||||
"border": "none",
|
"border": "none",
|
||||||
"outlineColor": "#ffffff",
|
"outlineColor": "#ffffff",
|
||||||
},
|
},
|
||||||
},
|
},
|
||||||
},
|
|
||||||
"@media screen and (-ms-high-contrast: active), screen and (forced-colors: active)": Object {
|
"@media screen and (-ms-high-contrast: active), screen and (forced-colors: active)": Object {
|
||||||
"MsHighContrastAdjust": "none",
|
"MsHighContrastAdjust": "none",
|
||||||
"backgroundColor": "WindowText",
|
"backgroundColor": "WindowText",
|
||||||
|
|
@ -6309,7 +6339,9 @@ exports[`Excute Sproc Param Pane should render Default properly 1`] = `
|
||||||
"color": "Window",
|
"color": "Window",
|
||||||
"forcedColorAdjust": "none",
|
"forcedColorAdjust": "none",
|
||||||
},
|
},
|
||||||
},
|
"backgroundColor": "#0078d4",
|
||||||
|
"border": "1px solid #0078d4",
|
||||||
|
"color": "#ffffff",
|
||||||
},
|
},
|
||||||
],
|
],
|
||||||
"rootChecked": Object {
|
"rootChecked": Object {
|
||||||
|
|
@ -6325,7 +6357,7 @@ exports[`Excute Sproc Param Pane should render Default properly 1`] = `
|
||||||
"outline": "transparent",
|
"outline": "transparent",
|
||||||
"position": "relative",
|
"position": "relative",
|
||||||
"selectors": Object {
|
"selectors": Object {
|
||||||
".ms-Fabric--isFocusVisible &:focus:after": Object {
|
".ms-Fabric--isFocusVisible &:focus:after, :host(.ms-Fabric--isFocusVisible) &:focus:after": Object {
|
||||||
"border": "1px solid transparent",
|
"border": "1px solid transparent",
|
||||||
"borderRadius": undefined,
|
"borderRadius": undefined,
|
||||||
"bottom": 2,
|
"bottom": 2,
|
||||||
|
|
@ -6353,29 +6385,25 @@ exports[`Excute Sproc Param Pane should render Default properly 1`] = `
|
||||||
},
|
},
|
||||||
},
|
},
|
||||||
Object {
|
Object {
|
||||||
"backgroundColor": "#f3f2f1",
|
|
||||||
"borderColor": "#f3f2f1",
|
|
||||||
"color": "#a19f9d",
|
|
||||||
"cursor": "default",
|
|
||||||
"selectors": Object {
|
|
||||||
":focus": Object {
|
":focus": Object {
|
||||||
"outline": 0,
|
"outline": 0,
|
||||||
},
|
},
|
||||||
":hover": Object {
|
":hover": Object {
|
||||||
"outline": 0,
|
"outline": 0,
|
||||||
},
|
},
|
||||||
},
|
"backgroundColor": "#f3f2f1",
|
||||||
|
"borderColor": "#f3f2f1",
|
||||||
|
"color": "#a19f9d",
|
||||||
|
"cursor": "default",
|
||||||
},
|
},
|
||||||
Object {
|
Object {
|
||||||
"backgroundColor": "#f3f2f1",
|
|
||||||
"color": "#d2d0ce",
|
|
||||||
"selectors": Object {
|
|
||||||
"@media screen and (-ms-high-contrast: active), screen and (forced-colors: active)": Object {
|
"@media screen and (-ms-high-contrast: active), screen and (forced-colors: active)": Object {
|
||||||
"backgroundColor": "Window",
|
"backgroundColor": "Window",
|
||||||
"borderColor": "GrayText",
|
"borderColor": "GrayText",
|
||||||
"color": "GrayText",
|
"color": "GrayText",
|
||||||
},
|
},
|
||||||
},
|
"backgroundColor": "#f3f2f1",
|
||||||
|
"color": "#d2d0ce",
|
||||||
},
|
},
|
||||||
],
|
],
|
||||||
"rootExpanded": Object {
|
"rootExpanded": Object {
|
||||||
|
|
@ -6383,22 +6411,16 @@ exports[`Excute Sproc Param Pane should render Default properly 1`] = `
|
||||||
"color": "#ffffff",
|
"color": "#ffffff",
|
||||||
},
|
},
|
||||||
"rootHovered": Object {
|
"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 {
|
"@media screen and (-ms-high-contrast: active), screen and (forced-colors: active)": Object {
|
||||||
"backgroundColor": "Highlight",
|
"backgroundColor": "Highlight",
|
||||||
"borderColor": "Highlight",
|
"borderColor": "Highlight",
|
||||||
"color": "Window",
|
"color": "Window",
|
||||||
},
|
},
|
||||||
},
|
"backgroundColor": "#106ebe",
|
||||||
|
"border": "1px solid #106ebe",
|
||||||
|
"color": "#ffffff",
|
||||||
},
|
},
|
||||||
"rootPressed": Object {
|
"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 {
|
"@media screen and (-ms-high-contrast: active), screen and (forced-colors: active)": Object {
|
||||||
"MsHighContrastAdjust": "none",
|
"MsHighContrastAdjust": "none",
|
||||||
"backgroundColor": "WindowText",
|
"backgroundColor": "WindowText",
|
||||||
|
|
@ -6406,7 +6428,9 @@ exports[`Excute Sproc Param Pane should render Default properly 1`] = `
|
||||||
"color": "Window",
|
"color": "Window",
|
||||||
"forcedColorAdjust": "none",
|
"forcedColorAdjust": "none",
|
||||||
},
|
},
|
||||||
},
|
"backgroundColor": "#005a9e",
|
||||||
|
"border": "1px solid #005a9e",
|
||||||
|
"color": "#ffffff",
|
||||||
},
|
},
|
||||||
"screenReaderText": Object {
|
"screenReaderText": Object {
|
||||||
"border": 0,
|
"border": 0,
|
||||||
|
|
@ -6420,17 +6444,15 @@ exports[`Excute Sproc Param Pane should render Default properly 1`] = `
|
||||||
},
|
},
|
||||||
"splitButtonContainer": Array [
|
"splitButtonContainer": Array [
|
||||||
Object {
|
Object {
|
||||||
"selectors": Object {
|
|
||||||
"@media screen and (-ms-high-contrast: active), screen and (forced-colors: active)": Object {
|
"@media screen and (-ms-high-contrast: active), screen and (forced-colors: active)": Object {
|
||||||
"border": "none",
|
"border": "none",
|
||||||
},
|
},
|
||||||
},
|
},
|
||||||
},
|
|
||||||
Object {
|
Object {
|
||||||
"outline": "transparent",
|
"outline": "transparent",
|
||||||
"position": "relative",
|
"position": "relative",
|
||||||
"selectors": Object {
|
"selectors": Object {
|
||||||
".ms-Fabric--isFocusVisible &:focus:after": Object {
|
".ms-Fabric--isFocusVisible &:focus:after, :host(.ms-Fabric--isFocusVisible) &:focus:after": Object {
|
||||||
"border": "1px solid #ffffff",
|
"border": "1px solid #ffffff",
|
||||||
"borderRadius": undefined,
|
"borderRadius": undefined,
|
||||||
"bottom": 3,
|
"bottom": 3,
|
||||||
|
|
@ -6458,20 +6480,43 @@ exports[`Excute Sproc Param Pane should render Default properly 1`] = `
|
||||||
},
|
},
|
||||||
},
|
},
|
||||||
Object {
|
Object {
|
||||||
"display": "inline-flex",
|
|
||||||
"selectors": Object {
|
|
||||||
".ms-Button--default": Object {
|
".ms-Button--default": Object {
|
||||||
"borderBottomRightRadius": "0",
|
"borderBottomRightRadius": "0",
|
||||||
"borderRight": "none",
|
"borderRight": "none",
|
||||||
"borderTopRightRadius": "0",
|
"borderTopRightRadius": "0",
|
||||||
"flexGrow": "1",
|
"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 {
|
".ms-Button--primary": Object {
|
||||||
"border": "none",
|
|
||||||
"borderBottomRightRadius": "0",
|
|
||||||
"borderTopRightRadius": "0",
|
|
||||||
"flexGrow": "1",
|
|
||||||
"selectors": Object {
|
|
||||||
":active": Object {
|
":active": Object {
|
||||||
"border": "none",
|
"border": "none",
|
||||||
},
|
},
|
||||||
|
|
@ -6479,6 +6524,15 @@ exports[`Excute Sproc Param Pane should render Default properly 1`] = `
|
||||||
"border": "none",
|
"border": "none",
|
||||||
},
|
},
|
||||||
"@media screen and (-ms-high-contrast: active), screen and (forced-colors: active)": Object {
|
"@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",
|
"MsHighContrastAdjust": "none",
|
||||||
"backgroundColor": "Window",
|
"backgroundColor": "Window",
|
||||||
"border": "1px solid WindowText",
|
"border": "1px solid WindowText",
|
||||||
|
|
@ -6486,24 +6540,51 @@ exports[`Excute Sproc Param Pane should render Default properly 1`] = `
|
||||||
"color": "WindowText",
|
"color": "WindowText",
|
||||||
"forcedColorAdjust": "none",
|
"forcedColorAdjust": "none",
|
||||||
},
|
},
|
||||||
},
|
"border": "none",
|
||||||
|
"borderBottomRightRadius": "0",
|
||||||
|
"borderTopRightRadius": "0",
|
||||||
|
"flexGrow": "1",
|
||||||
},
|
},
|
||||||
".ms-Button--primary + .ms-Button": Object {
|
".ms-Button--primary + .ms-Button": Object {
|
||||||
"border": "none",
|
|
||||||
"selectors": Object {
|
|
||||||
"@media screen and (-ms-high-contrast: active), screen and (forced-colors: active)": 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",
|
"border": "1px solid WindowText",
|
||||||
"borderLeftWidth": "0",
|
"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 {
|
"splitButtonContainerChecked": Object {
|
||||||
"selectors": Object {
|
|
||||||
".ms-Button--primary": Object {
|
".ms-Button--primary": Object {
|
||||||
"selectors": Object {
|
|
||||||
"@media screen and (-ms-high-contrast: active), screen and (forced-colors: active)": Object {
|
"@media screen and (-ms-high-contrast: active), screen and (forced-colors: active)": Object {
|
||||||
"MsHighContrastAdjust": "none",
|
"MsHighContrastAdjust": "none",
|
||||||
"backgroundColor": "WindowText",
|
"backgroundColor": "WindowText",
|
||||||
|
|
@ -6512,12 +6593,8 @@ exports[`Excute Sproc Param Pane should render Default properly 1`] = `
|
||||||
},
|
},
|
||||||
},
|
},
|
||||||
},
|
},
|
||||||
},
|
|
||||||
},
|
|
||||||
"splitButtonContainerCheckedHovered": Object {
|
"splitButtonContainerCheckedHovered": Object {
|
||||||
"selectors": Object {
|
|
||||||
".ms-Button--primary": Object {
|
".ms-Button--primary": Object {
|
||||||
"selectors": Object {
|
|
||||||
"@media screen and (-ms-high-contrast: active), screen and (forced-colors: active)": Object {
|
"@media screen and (-ms-high-contrast: active), screen and (forced-colors: active)": Object {
|
||||||
"MsHighContrastAdjust": "none",
|
"MsHighContrastAdjust": "none",
|
||||||
"backgroundColor": "WindowText",
|
"backgroundColor": "WindowText",
|
||||||
|
|
@ -6526,12 +6603,7 @@ exports[`Excute Sproc Param Pane should render Default properly 1`] = `
|
||||||
},
|
},
|
||||||
},
|
},
|
||||||
},
|
},
|
||||||
},
|
|
||||||
},
|
|
||||||
"splitButtonContainerDisabled": Object {
|
"splitButtonContainerDisabled": Object {
|
||||||
"border": "none",
|
|
||||||
"outline": "none",
|
|
||||||
"selectors": Object {
|
|
||||||
"@media screen and (-ms-high-contrast: active), screen and (forced-colors: active)": Object {
|
"@media screen and (-ms-high-contrast: active), screen and (forced-colors: active)": Object {
|
||||||
"MsHighContrastAdjust": "none",
|
"MsHighContrastAdjust": "none",
|
||||||
"backgroundColor": "Window",
|
"backgroundColor": "Window",
|
||||||
|
|
@ -6539,69 +6611,62 @@ exports[`Excute Sproc Param Pane should render Default properly 1`] = `
|
||||||
"color": "GrayText",
|
"color": "GrayText",
|
||||||
"forcedColorAdjust": "none",
|
"forcedColorAdjust": "none",
|
||||||
},
|
},
|
||||||
},
|
"border": "none",
|
||||||
|
"outline": "none",
|
||||||
},
|
},
|
||||||
"splitButtonContainerFocused": Object {
|
"splitButtonContainerFocused": Object {
|
||||||
"outline": "none!important",
|
"outline": "none!important",
|
||||||
},
|
},
|
||||||
"splitButtonContainerHovered": Object {
|
"splitButtonContainerHovered": Object {
|
||||||
"selectors": Object {
|
".ms-Button--default.is-disabled": 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 {
|
|
||||||
"@media screen and (-ms-high-contrast: active), screen and (forced-colors: active)": Object {
|
"@media screen and (-ms-high-contrast: active), screen and (forced-colors: active)": Object {
|
||||||
"backgroundColor": "Window",
|
"backgroundColor": "Window",
|
||||||
"borderColor": "GrayText",
|
"borderColor": "GrayText",
|
||||||
"color": "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 [
|
"splitButtonDivider": Array [
|
||||||
Object {
|
Object {
|
||||||
|
"@media screen and (-ms-high-contrast: active), screen and (forced-colors: active)": Object {
|
||||||
|
"backgroundColor": "Window",
|
||||||
|
},
|
||||||
"backgroundColor": "#ffffff",
|
"backgroundColor": "#ffffff",
|
||||||
"bottom": 8,
|
"bottom": 8,
|
||||||
"position": "absolute",
|
"position": "absolute",
|
||||||
"right": 31,
|
"right": 31,
|
||||||
"selectors": Object {
|
|
||||||
"@media screen and (-ms-high-contrast: active), screen and (forced-colors: active)": Object {
|
|
||||||
"backgroundColor": "Window",
|
|
||||||
},
|
|
||||||
},
|
|
||||||
"top": 8,
|
"top": 8,
|
||||||
"width": 1,
|
"width": 1,
|
||||||
},
|
},
|
||||||
Object {
|
Object {
|
||||||
"bottom": 8,
|
|
||||||
"position": "absolute",
|
|
||||||
"right": 31,
|
|
||||||
"selectors": Object {
|
|
||||||
"@media screen and (-ms-high-contrast: active), screen and (forced-colors: active)": Object {
|
"@media screen and (-ms-high-contrast: active), screen and (forced-colors: active)": Object {
|
||||||
"backgroundColor": "WindowText",
|
"backgroundColor": "WindowText",
|
||||||
},
|
},
|
||||||
},
|
"bottom": 8,
|
||||||
|
"position": "absolute",
|
||||||
|
"right": 31,
|
||||||
"top": 8,
|
"top": 8,
|
||||||
"width": 1,
|
"width": 1,
|
||||||
},
|
},
|
||||||
],
|
],
|
||||||
"splitButtonDividerDisabled": Object {
|
"splitButtonDividerDisabled": Object {
|
||||||
"bottom": 8,
|
|
||||||
"position": "absolute",
|
|
||||||
"right": 31,
|
|
||||||
"selectors": Object {
|
|
||||||
"@media screen and (-ms-high-contrast: active), screen and (forced-colors: active)": Object {
|
"@media screen and (-ms-high-contrast: active), screen and (forced-colors: active)": Object {
|
||||||
"backgroundColor": "GrayText",
|
"backgroundColor": "GrayText",
|
||||||
},
|
},
|
||||||
},
|
"bottom": 8,
|
||||||
|
"position": "absolute",
|
||||||
|
"right": 31,
|
||||||
"top": 8,
|
"top": 8,
|
||||||
"width": 1,
|
"width": 1,
|
||||||
},
|
},
|
||||||
|
|
@ -6614,21 +6679,17 @@ exports[`Excute Sproc Param Pane should render Default properly 1`] = `
|
||||||
},
|
},
|
||||||
"splitButtonMenuButton": Array [
|
"splitButtonMenuButton": Array [
|
||||||
Object {
|
Object {
|
||||||
"backgroundColor": "#0078d4",
|
|
||||||
"color": "#ffffff",
|
|
||||||
"selectors": Object {
|
|
||||||
":hover": Object {
|
":hover": Object {
|
||||||
"backgroundColor": "#106ebe",
|
|
||||||
"selectors": Object {
|
|
||||||
"@media screen and (-ms-high-contrast: active), screen and (forced-colors: active)": Object {
|
"@media screen and (-ms-high-contrast: active), screen and (forced-colors: active)": Object {
|
||||||
"color": "Highlight",
|
"color": "Highlight",
|
||||||
},
|
},
|
||||||
},
|
"backgroundColor": "#106ebe",
|
||||||
},
|
},
|
||||||
"@media screen and (-ms-high-contrast: active), screen and (forced-colors: active)": Object {
|
"@media screen and (-ms-high-contrast: active), screen and (forced-colors: active)": Object {
|
||||||
"backgroundColor": "Canvas",
|
"backgroundColor": "Canvas",
|
||||||
},
|
},
|
||||||
},
|
"backgroundColor": "#0078d4",
|
||||||
|
"color": "#ffffff",
|
||||||
},
|
},
|
||||||
Object {
|
Object {
|
||||||
"@media screen and (-ms-high-contrast: active), screen and (forced-colors: active)": 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 {
|
"splitButtonMenuButtonChecked": Object {
|
||||||
"backgroundColor": "#005a9e",
|
|
||||||
"selectors": Object {
|
|
||||||
":hover": Object {
|
":hover": Object {
|
||||||
"backgroundColor": "#005a9e",
|
"backgroundColor": "#005a9e",
|
||||||
},
|
},
|
||||||
},
|
"backgroundColor": "#005a9e",
|
||||||
},
|
},
|
||||||
"splitButtonMenuButtonDisabled": Array [
|
"splitButtonMenuButtonDisabled": Array [
|
||||||
Object {
|
Object {
|
||||||
"backgroundColor": "#f3f2f1",
|
|
||||||
"selectors": Object {
|
|
||||||
":hover": Object {
|
":hover": Object {
|
||||||
"backgroundColor": "#f3f2f1",
|
"backgroundColor": "#f3f2f1",
|
||||||
},
|
},
|
||||||
},
|
"backgroundColor": "#f3f2f1",
|
||||||
},
|
},
|
||||||
Object {
|
Object {
|
||||||
"border": "none",
|
|
||||||
"pointerEvents": "none",
|
|
||||||
"selectors": Object {
|
|
||||||
".ms-Button--primary": Object {
|
".ms-Button--primary": Object {
|
||||||
"selectors": Object {
|
|
||||||
"@media screen and (-ms-high-contrast: active), screen and (forced-colors: active)": Object {
|
"@media screen and (-ms-high-contrast: active), screen and (forced-colors: active)": Object {
|
||||||
"backgroundColor": "Window",
|
"backgroundColor": "Window",
|
||||||
"borderColor": "GrayText",
|
"borderColor": "GrayText",
|
||||||
"color": "GrayText",
|
"color": "GrayText",
|
||||||
},
|
},
|
||||||
},
|
},
|
||||||
},
|
|
||||||
".ms-Button-menuIcon": Object {
|
".ms-Button-menuIcon": Object {
|
||||||
"selectors": Object {
|
|
||||||
"@media screen and (-ms-high-contrast: active), screen and (forced-colors: active)": Object {
|
"@media screen and (-ms-high-contrast: active), screen and (forced-colors: active)": Object {
|
||||||
"color": "GrayText",
|
"color": "GrayText",
|
||||||
},
|
},
|
||||||
},
|
},
|
||||||
},
|
|
||||||
":hover": Object {
|
":hover": Object {
|
||||||
"cursor": "default",
|
"cursor": "default",
|
||||||
},
|
},
|
||||||
|
|
@ -6703,22 +6753,21 @@ exports[`Excute Sproc Param Pane should render Default properly 1`] = `
|
||||||
"border": "1px solid GrayText",
|
"border": "1px solid GrayText",
|
||||||
"color": "GrayText",
|
"color": "GrayText",
|
||||||
},
|
},
|
||||||
},
|
"border": "none",
|
||||||
|
"pointerEvents": "none",
|
||||||
},
|
},
|
||||||
],
|
],
|
||||||
"splitButtonMenuButtonExpanded": Object {
|
"splitButtonMenuButtonExpanded": Object {
|
||||||
"backgroundColor": "#005a9e",
|
|
||||||
"selectors": Object {
|
|
||||||
":hover": Object {
|
":hover": Object {
|
||||||
"backgroundColor": "#005a9e",
|
"backgroundColor": "#005a9e",
|
||||||
},
|
},
|
||||||
},
|
"backgroundColor": "#005a9e",
|
||||||
},
|
},
|
||||||
"splitButtonMenuFocused": Object {
|
"splitButtonMenuFocused": Object {
|
||||||
"outline": "transparent",
|
"outline": "transparent",
|
||||||
"position": "relative",
|
"position": "relative",
|
||||||
"selectors": Object {
|
"selectors": Object {
|
||||||
".ms-Fabric--isFocusVisible &:focus:after": Object {
|
".ms-Fabric--isFocusVisible &:focus:after, :host(.ms-Fabric--isFocusVisible) &:focus:after": Object {
|
||||||
"border": "1px solid #ffffff",
|
"border": "1px solid #ffffff",
|
||||||
"borderRadius": undefined,
|
"borderRadius": undefined,
|
||||||
"bottom": 3,
|
"bottom": 3,
|
||||||
|
|
@ -6749,12 +6798,10 @@ exports[`Excute Sproc Param Pane should render Default properly 1`] = `
|
||||||
"color": "#ffffff",
|
"color": "#ffffff",
|
||||||
},
|
},
|
||||||
"splitButtonMenuIconDisabled": Object {
|
"splitButtonMenuIconDisabled": Object {
|
||||||
"color": "#a19f9d",
|
|
||||||
"selectors": Object {
|
|
||||||
"@media screen and (-ms-high-contrast: active), screen and (forced-colors: active)": Object {
|
"@media screen and (-ms-high-contrast: active), screen and (forced-colors: active)": Object {
|
||||||
"color": "GrayText",
|
"color": "GrayText",
|
||||||
},
|
},
|
||||||
},
|
"color": "#a19f9d",
|
||||||
},
|
},
|
||||||
"textContainer": Object {
|
"textContainer": Object {
|
||||||
"display": "block",
|
"display": "block",
|
||||||
|
|
@ -7073,8 +7120,10 @@ exports[`Excute Sproc Param Pane should render Default properly 1`] = `
|
||||||
<FocusRects />
|
<FocusRects />
|
||||||
</BaseButton>
|
</BaseButton>
|
||||||
</DefaultButton>
|
</DefaultButton>
|
||||||
|
</MergeStylesShadowRootConsumer>
|
||||||
</CustomizedDefaultButton>
|
</CustomizedDefaultButton>
|
||||||
</PrimaryButton>
|
</PrimaryButton>
|
||||||
|
</MergeStylesShadowRootConsumer>
|
||||||
</CustomizedPrimaryButton>
|
</CustomizedPrimaryButton>
|
||||||
</div>
|
</div>
|
||||||
</PanelFooterComponent>
|
</PanelFooterComponent>
|
||||||
|
|
|
||||||
|
|
@ -26,12 +26,25 @@ exports[`Right Pane Form should render Default properly 1`] = `
|
||||||
id="sidePanelOkButton"
|
id="sidePanelOkButton"
|
||||||
text="Load"
|
text="Load"
|
||||||
type="submit"
|
type="submit"
|
||||||
|
>
|
||||||
|
<MergeStylesShadowRootConsumer
|
||||||
|
stylesheetKey="PrimaryButton"
|
||||||
>
|
>
|
||||||
<PrimaryButton
|
<PrimaryButton
|
||||||
ariaLabel="Load"
|
ariaLabel="Load"
|
||||||
data-test="Panel/OkButton"
|
data-test="Panel/OkButton"
|
||||||
disabled={false}
|
disabled={false}
|
||||||
id="sidePanelOkButton"
|
id="sidePanelOkButton"
|
||||||
|
styles={
|
||||||
|
Object {
|
||||||
|
"__shadowConfig__": Object {
|
||||||
|
"__isShadowConfig__": true,
|
||||||
|
"inShadow": false,
|
||||||
|
"stylesheetKey": "PrimaryButton",
|
||||||
|
"window": [Window],
|
||||||
|
},
|
||||||
|
}
|
||||||
|
}
|
||||||
text="Load"
|
text="Load"
|
||||||
theme={
|
theme={
|
||||||
Object {
|
Object {
|
||||||
|
|
@ -315,6 +328,16 @@ exports[`Right Pane Form should render Default properly 1`] = `
|
||||||
id="sidePanelOkButton"
|
id="sidePanelOkButton"
|
||||||
onRenderDescription={[Function]}
|
onRenderDescription={[Function]}
|
||||||
primary={true}
|
primary={true}
|
||||||
|
styles={
|
||||||
|
Object {
|
||||||
|
"__shadowConfig__": Object {
|
||||||
|
"__isShadowConfig__": true,
|
||||||
|
"inShadow": false,
|
||||||
|
"stylesheetKey": "PrimaryButton",
|
||||||
|
"window": [Window],
|
||||||
|
},
|
||||||
|
}
|
||||||
|
}
|
||||||
text="Load"
|
text="Load"
|
||||||
theme={
|
theme={
|
||||||
Object {
|
Object {
|
||||||
|
|
@ -590,6 +613,9 @@ exports[`Right Pane Form should render Default properly 1`] = `
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
type="submit"
|
type="submit"
|
||||||
|
>
|
||||||
|
<MergeStylesShadowRootConsumer
|
||||||
|
stylesheetKey="DefaultButton"
|
||||||
>
|
>
|
||||||
<DefaultButton
|
<DefaultButton
|
||||||
ariaLabel="Load"
|
ariaLabel="Load"
|
||||||
|
|
@ -598,6 +624,16 @@ exports[`Right Pane Form should render Default properly 1`] = `
|
||||||
id="sidePanelOkButton"
|
id="sidePanelOkButton"
|
||||||
onRenderDescription={[Function]}
|
onRenderDescription={[Function]}
|
||||||
primary={true}
|
primary={true}
|
||||||
|
styles={
|
||||||
|
Object {
|
||||||
|
"__shadowConfig__": Object {
|
||||||
|
"__isShadowConfig__": true,
|
||||||
|
"inShadow": false,
|
||||||
|
"stylesheetKey": "DefaultButton",
|
||||||
|
"window": [Window],
|
||||||
|
},
|
||||||
|
}
|
||||||
|
}
|
||||||
text="Load"
|
text="Load"
|
||||||
theme={
|
theme={
|
||||||
Object {
|
Object {
|
||||||
|
|
@ -885,6 +921,12 @@ exports[`Right Pane Form should render Default properly 1`] = `
|
||||||
split={false}
|
split={false}
|
||||||
styles={
|
styles={
|
||||||
Object {
|
Object {
|
||||||
|
"__shadowConfig__": Object {
|
||||||
|
"__isShadowConfig__": true,
|
||||||
|
"inShadow": false,
|
||||||
|
"stylesheetKey": "DefaultButton",
|
||||||
|
"window": [Window],
|
||||||
|
},
|
||||||
"description": Object {
|
"description": Object {
|
||||||
"display": "block",
|
"display": "block",
|
||||||
},
|
},
|
||||||
|
|
@ -904,12 +946,10 @@ exports[`Right Pane Form should render Default properly 1`] = `
|
||||||
"textAlign": "center",
|
"textAlign": "center",
|
||||||
},
|
},
|
||||||
"iconDisabled": Object {
|
"iconDisabled": Object {
|
||||||
"color": "#a19f9d",
|
|
||||||
"selectors": Object {
|
|
||||||
"@media screen and (-ms-high-contrast: active), screen and (forced-colors: active)": Object {
|
"@media screen and (-ms-high-contrast: active), screen and (forced-colors: active)": Object {
|
||||||
"color": "GrayText",
|
"color": "GrayText",
|
||||||
},
|
},
|
||||||
},
|
"color": "#a19f9d",
|
||||||
},
|
},
|
||||||
"label": Array [
|
"label": Array [
|
||||||
Object {
|
Object {
|
||||||
|
|
@ -930,19 +970,17 @@ exports[`Right Pane Form should render Default properly 1`] = `
|
||||||
"textAlign": "center",
|
"textAlign": "center",
|
||||||
},
|
},
|
||||||
"menuIconDisabled": Object {
|
"menuIconDisabled": Object {
|
||||||
"color": "#a19f9d",
|
|
||||||
"selectors": Object {
|
|
||||||
"@media screen and (-ms-high-contrast: active), screen and (forced-colors: active)": Object {
|
"@media screen and (-ms-high-contrast: active), screen and (forced-colors: active)": Object {
|
||||||
"color": "GrayText",
|
"color": "GrayText",
|
||||||
},
|
},
|
||||||
},
|
"color": "#a19f9d",
|
||||||
},
|
},
|
||||||
"root": Array [
|
"root": Array [
|
||||||
Object {
|
Object {
|
||||||
"outline": "transparent",
|
"outline": "transparent",
|
||||||
"position": "relative",
|
"position": "relative",
|
||||||
"selectors": Object {
|
"selectors": Object {
|
||||||
".ms-Fabric--isFocusVisible &:focus:after": Object {
|
".ms-Fabric--isFocusVisible &:focus:after, :host(.ms-Fabric--isFocusVisible) &:focus:after": Object {
|
||||||
"border": "1px solid transparent",
|
"border": "1px solid transparent",
|
||||||
"borderRadius": undefined,
|
"borderRadius": undefined,
|
||||||
"bottom": 2,
|
"bottom": 2,
|
||||||
|
|
@ -977,19 +1015,17 @@ exports[`Right Pane Form should render Default properly 1`] = `
|
||||||
"fontWeight": 400,
|
"fontWeight": 400,
|
||||||
},
|
},
|
||||||
Object {
|
Object {
|
||||||
|
":active > span": Object {
|
||||||
|
"left": 0,
|
||||||
|
"position": "relative",
|
||||||
|
"top": 0,
|
||||||
|
},
|
||||||
"border": "1px solid #8a8886",
|
"border": "1px solid #8a8886",
|
||||||
"borderRadius": "2px",
|
"borderRadius": "2px",
|
||||||
"boxSizing": "border-box",
|
"boxSizing": "border-box",
|
||||||
"cursor": "pointer",
|
"cursor": "pointer",
|
||||||
"display": "inline-block",
|
"display": "inline-block",
|
||||||
"padding": "0 16px",
|
"padding": "0 16px",
|
||||||
"selectors": Object {
|
|
||||||
":active > span": Object {
|
|
||||||
"left": 0,
|
|
||||||
"position": "relative",
|
|
||||||
"top": 0,
|
|
||||||
},
|
|
||||||
},
|
|
||||||
"textAlign": "center",
|
"textAlign": "center",
|
||||||
"textDecoration": "none",
|
"textDecoration": "none",
|
||||||
"userSelect": "none",
|
"userSelect": "none",
|
||||||
|
|
@ -999,18 +1035,12 @@ exports[`Right Pane Form should render Default properly 1`] = `
|
||||||
"minWidth": "80px",
|
"minWidth": "80px",
|
||||||
},
|
},
|
||||||
Object {
|
Object {
|
||||||
"backgroundColor": "#0078d4",
|
".ms-Fabric--isFocusVisible &:focus, :host(.ms-Fabric--isFocusVisible) &:focus": Object {
|
||||||
"border": "1px solid #0078d4",
|
|
||||||
"color": "#ffffff",
|
|
||||||
"selectors": Object {
|
|
||||||
".ms-Fabric--isFocusVisible &:focus": Object {
|
|
||||||
"selectors": Object {
|
|
||||||
":after": Object {
|
":after": Object {
|
||||||
"border": "none",
|
"border": "none",
|
||||||
"outlineColor": "#ffffff",
|
"outlineColor": "#ffffff",
|
||||||
},
|
},
|
||||||
},
|
},
|
||||||
},
|
|
||||||
"@media screen and (-ms-high-contrast: active), screen and (forced-colors: active)": Object {
|
"@media screen and (-ms-high-contrast: active), screen and (forced-colors: active)": Object {
|
||||||
"MsHighContrastAdjust": "none",
|
"MsHighContrastAdjust": "none",
|
||||||
"backgroundColor": "WindowText",
|
"backgroundColor": "WindowText",
|
||||||
|
|
@ -1018,7 +1048,9 @@ exports[`Right Pane Form should render Default properly 1`] = `
|
||||||
"color": "Window",
|
"color": "Window",
|
||||||
"forcedColorAdjust": "none",
|
"forcedColorAdjust": "none",
|
||||||
},
|
},
|
||||||
},
|
"backgroundColor": "#0078d4",
|
||||||
|
"border": "1px solid #0078d4",
|
||||||
|
"color": "#ffffff",
|
||||||
},
|
},
|
||||||
],
|
],
|
||||||
"rootChecked": Object {
|
"rootChecked": Object {
|
||||||
|
|
@ -1034,7 +1066,7 @@ exports[`Right Pane Form should render Default properly 1`] = `
|
||||||
"outline": "transparent",
|
"outline": "transparent",
|
||||||
"position": "relative",
|
"position": "relative",
|
||||||
"selectors": Object {
|
"selectors": Object {
|
||||||
".ms-Fabric--isFocusVisible &:focus:after": Object {
|
".ms-Fabric--isFocusVisible &:focus:after, :host(.ms-Fabric--isFocusVisible) &:focus:after": Object {
|
||||||
"border": "1px solid transparent",
|
"border": "1px solid transparent",
|
||||||
"borderRadius": undefined,
|
"borderRadius": undefined,
|
||||||
"bottom": 2,
|
"bottom": 2,
|
||||||
|
|
@ -1062,29 +1094,25 @@ exports[`Right Pane Form should render Default properly 1`] = `
|
||||||
},
|
},
|
||||||
},
|
},
|
||||||
Object {
|
Object {
|
||||||
"backgroundColor": "#f3f2f1",
|
|
||||||
"borderColor": "#f3f2f1",
|
|
||||||
"color": "#a19f9d",
|
|
||||||
"cursor": "default",
|
|
||||||
"selectors": Object {
|
|
||||||
":focus": Object {
|
":focus": Object {
|
||||||
"outline": 0,
|
"outline": 0,
|
||||||
},
|
},
|
||||||
":hover": Object {
|
":hover": Object {
|
||||||
"outline": 0,
|
"outline": 0,
|
||||||
},
|
},
|
||||||
},
|
"backgroundColor": "#f3f2f1",
|
||||||
|
"borderColor": "#f3f2f1",
|
||||||
|
"color": "#a19f9d",
|
||||||
|
"cursor": "default",
|
||||||
},
|
},
|
||||||
Object {
|
Object {
|
||||||
"backgroundColor": "#f3f2f1",
|
|
||||||
"color": "#d2d0ce",
|
|
||||||
"selectors": Object {
|
|
||||||
"@media screen and (-ms-high-contrast: active), screen and (forced-colors: active)": Object {
|
"@media screen and (-ms-high-contrast: active), screen and (forced-colors: active)": Object {
|
||||||
"backgroundColor": "Window",
|
"backgroundColor": "Window",
|
||||||
"borderColor": "GrayText",
|
"borderColor": "GrayText",
|
||||||
"color": "GrayText",
|
"color": "GrayText",
|
||||||
},
|
},
|
||||||
},
|
"backgroundColor": "#f3f2f1",
|
||||||
|
"color": "#d2d0ce",
|
||||||
},
|
},
|
||||||
],
|
],
|
||||||
"rootExpanded": Object {
|
"rootExpanded": Object {
|
||||||
|
|
@ -1092,22 +1120,16 @@ exports[`Right Pane Form should render Default properly 1`] = `
|
||||||
"color": "#ffffff",
|
"color": "#ffffff",
|
||||||
},
|
},
|
||||||
"rootHovered": Object {
|
"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 {
|
"@media screen and (-ms-high-contrast: active), screen and (forced-colors: active)": Object {
|
||||||
"backgroundColor": "Highlight",
|
"backgroundColor": "Highlight",
|
||||||
"borderColor": "Highlight",
|
"borderColor": "Highlight",
|
||||||
"color": "Window",
|
"color": "Window",
|
||||||
},
|
},
|
||||||
},
|
"backgroundColor": "#106ebe",
|
||||||
|
"border": "1px solid #106ebe",
|
||||||
|
"color": "#ffffff",
|
||||||
},
|
},
|
||||||
"rootPressed": Object {
|
"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 {
|
"@media screen and (-ms-high-contrast: active), screen and (forced-colors: active)": Object {
|
||||||
"MsHighContrastAdjust": "none",
|
"MsHighContrastAdjust": "none",
|
||||||
"backgroundColor": "WindowText",
|
"backgroundColor": "WindowText",
|
||||||
|
|
@ -1115,7 +1137,9 @@ exports[`Right Pane Form should render Default properly 1`] = `
|
||||||
"color": "Window",
|
"color": "Window",
|
||||||
"forcedColorAdjust": "none",
|
"forcedColorAdjust": "none",
|
||||||
},
|
},
|
||||||
},
|
"backgroundColor": "#005a9e",
|
||||||
|
"border": "1px solid #005a9e",
|
||||||
|
"color": "#ffffff",
|
||||||
},
|
},
|
||||||
"screenReaderText": Object {
|
"screenReaderText": Object {
|
||||||
"border": 0,
|
"border": 0,
|
||||||
|
|
@ -1129,17 +1153,15 @@ exports[`Right Pane Form should render Default properly 1`] = `
|
||||||
},
|
},
|
||||||
"splitButtonContainer": Array [
|
"splitButtonContainer": Array [
|
||||||
Object {
|
Object {
|
||||||
"selectors": Object {
|
|
||||||
"@media screen and (-ms-high-contrast: active), screen and (forced-colors: active)": Object {
|
"@media screen and (-ms-high-contrast: active), screen and (forced-colors: active)": Object {
|
||||||
"border": "none",
|
"border": "none",
|
||||||
},
|
},
|
||||||
},
|
},
|
||||||
},
|
|
||||||
Object {
|
Object {
|
||||||
"outline": "transparent",
|
"outline": "transparent",
|
||||||
"position": "relative",
|
"position": "relative",
|
||||||
"selectors": Object {
|
"selectors": Object {
|
||||||
".ms-Fabric--isFocusVisible &:focus:after": Object {
|
".ms-Fabric--isFocusVisible &:focus:after, :host(.ms-Fabric--isFocusVisible) &:focus:after": Object {
|
||||||
"border": "1px solid #ffffff",
|
"border": "1px solid #ffffff",
|
||||||
"borderRadius": undefined,
|
"borderRadius": undefined,
|
||||||
"bottom": 3,
|
"bottom": 3,
|
||||||
|
|
@ -1167,20 +1189,43 @@ exports[`Right Pane Form should render Default properly 1`] = `
|
||||||
},
|
},
|
||||||
},
|
},
|
||||||
Object {
|
Object {
|
||||||
"display": "inline-flex",
|
|
||||||
"selectors": Object {
|
|
||||||
".ms-Button--default": Object {
|
".ms-Button--default": Object {
|
||||||
"borderBottomRightRadius": "0",
|
"borderBottomRightRadius": "0",
|
||||||
"borderRight": "none",
|
"borderRight": "none",
|
||||||
"borderTopRightRadius": "0",
|
"borderTopRightRadius": "0",
|
||||||
"flexGrow": "1",
|
"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 {
|
".ms-Button--primary": Object {
|
||||||
"border": "none",
|
|
||||||
"borderBottomRightRadius": "0",
|
|
||||||
"borderTopRightRadius": "0",
|
|
||||||
"flexGrow": "1",
|
|
||||||
"selectors": Object {
|
|
||||||
":active": Object {
|
":active": Object {
|
||||||
"border": "none",
|
"border": "none",
|
||||||
},
|
},
|
||||||
|
|
@ -1188,6 +1233,15 @@ exports[`Right Pane Form should render Default properly 1`] = `
|
||||||
"border": "none",
|
"border": "none",
|
||||||
},
|
},
|
||||||
"@media screen and (-ms-high-contrast: active), screen and (forced-colors: active)": Object {
|
"@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",
|
"MsHighContrastAdjust": "none",
|
||||||
"backgroundColor": "Window",
|
"backgroundColor": "Window",
|
||||||
"border": "1px solid WindowText",
|
"border": "1px solid WindowText",
|
||||||
|
|
@ -1195,24 +1249,51 @@ exports[`Right Pane Form should render Default properly 1`] = `
|
||||||
"color": "WindowText",
|
"color": "WindowText",
|
||||||
"forcedColorAdjust": "none",
|
"forcedColorAdjust": "none",
|
||||||
},
|
},
|
||||||
},
|
"border": "none",
|
||||||
|
"borderBottomRightRadius": "0",
|
||||||
|
"borderTopRightRadius": "0",
|
||||||
|
"flexGrow": "1",
|
||||||
},
|
},
|
||||||
".ms-Button--primary + .ms-Button": Object {
|
".ms-Button--primary + .ms-Button": Object {
|
||||||
"border": "none",
|
|
||||||
"selectors": Object {
|
|
||||||
"@media screen and (-ms-high-contrast: active), screen and (forced-colors: active)": 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",
|
"border": "1px solid WindowText",
|
||||||
"borderLeftWidth": "0",
|
"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 {
|
"splitButtonContainerChecked": Object {
|
||||||
"selectors": Object {
|
|
||||||
".ms-Button--primary": Object {
|
".ms-Button--primary": Object {
|
||||||
"selectors": Object {
|
|
||||||
"@media screen and (-ms-high-contrast: active), screen and (forced-colors: active)": Object {
|
"@media screen and (-ms-high-contrast: active), screen and (forced-colors: active)": Object {
|
||||||
"MsHighContrastAdjust": "none",
|
"MsHighContrastAdjust": "none",
|
||||||
"backgroundColor": "WindowText",
|
"backgroundColor": "WindowText",
|
||||||
|
|
@ -1221,12 +1302,8 @@ exports[`Right Pane Form should render Default properly 1`] = `
|
||||||
},
|
},
|
||||||
},
|
},
|
||||||
},
|
},
|
||||||
},
|
|
||||||
},
|
|
||||||
"splitButtonContainerCheckedHovered": Object {
|
"splitButtonContainerCheckedHovered": Object {
|
||||||
"selectors": Object {
|
|
||||||
".ms-Button--primary": Object {
|
".ms-Button--primary": Object {
|
||||||
"selectors": Object {
|
|
||||||
"@media screen and (-ms-high-contrast: active), screen and (forced-colors: active)": Object {
|
"@media screen and (-ms-high-contrast: active), screen and (forced-colors: active)": Object {
|
||||||
"MsHighContrastAdjust": "none",
|
"MsHighContrastAdjust": "none",
|
||||||
"backgroundColor": "WindowText",
|
"backgroundColor": "WindowText",
|
||||||
|
|
@ -1235,12 +1312,7 @@ exports[`Right Pane Form should render Default properly 1`] = `
|
||||||
},
|
},
|
||||||
},
|
},
|
||||||
},
|
},
|
||||||
},
|
|
||||||
},
|
|
||||||
"splitButtonContainerDisabled": Object {
|
"splitButtonContainerDisabled": Object {
|
||||||
"border": "none",
|
|
||||||
"outline": "none",
|
|
||||||
"selectors": Object {
|
|
||||||
"@media screen and (-ms-high-contrast: active), screen and (forced-colors: active)": Object {
|
"@media screen and (-ms-high-contrast: active), screen and (forced-colors: active)": Object {
|
||||||
"MsHighContrastAdjust": "none",
|
"MsHighContrastAdjust": "none",
|
||||||
"backgroundColor": "Window",
|
"backgroundColor": "Window",
|
||||||
|
|
@ -1248,69 +1320,62 @@ exports[`Right Pane Form should render Default properly 1`] = `
|
||||||
"color": "GrayText",
|
"color": "GrayText",
|
||||||
"forcedColorAdjust": "none",
|
"forcedColorAdjust": "none",
|
||||||
},
|
},
|
||||||
},
|
"border": "none",
|
||||||
|
"outline": "none",
|
||||||
},
|
},
|
||||||
"splitButtonContainerFocused": Object {
|
"splitButtonContainerFocused": Object {
|
||||||
"outline": "none!important",
|
"outline": "none!important",
|
||||||
},
|
},
|
||||||
"splitButtonContainerHovered": Object {
|
"splitButtonContainerHovered": Object {
|
||||||
"selectors": Object {
|
".ms-Button--default.is-disabled": 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 {
|
|
||||||
"@media screen and (-ms-high-contrast: active), screen and (forced-colors: active)": Object {
|
"@media screen and (-ms-high-contrast: active), screen and (forced-colors: active)": Object {
|
||||||
"backgroundColor": "Window",
|
"backgroundColor": "Window",
|
||||||
"borderColor": "GrayText",
|
"borderColor": "GrayText",
|
||||||
"color": "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 [
|
"splitButtonDivider": Array [
|
||||||
Object {
|
Object {
|
||||||
|
"@media screen and (-ms-high-contrast: active), screen and (forced-colors: active)": Object {
|
||||||
|
"backgroundColor": "Window",
|
||||||
|
},
|
||||||
"backgroundColor": "#ffffff",
|
"backgroundColor": "#ffffff",
|
||||||
"bottom": 8,
|
"bottom": 8,
|
||||||
"position": "absolute",
|
"position": "absolute",
|
||||||
"right": 31,
|
"right": 31,
|
||||||
"selectors": Object {
|
|
||||||
"@media screen and (-ms-high-contrast: active), screen and (forced-colors: active)": Object {
|
|
||||||
"backgroundColor": "Window",
|
|
||||||
},
|
|
||||||
},
|
|
||||||
"top": 8,
|
"top": 8,
|
||||||
"width": 1,
|
"width": 1,
|
||||||
},
|
},
|
||||||
Object {
|
Object {
|
||||||
"bottom": 8,
|
|
||||||
"position": "absolute",
|
|
||||||
"right": 31,
|
|
||||||
"selectors": Object {
|
|
||||||
"@media screen and (-ms-high-contrast: active), screen and (forced-colors: active)": Object {
|
"@media screen and (-ms-high-contrast: active), screen and (forced-colors: active)": Object {
|
||||||
"backgroundColor": "WindowText",
|
"backgroundColor": "WindowText",
|
||||||
},
|
},
|
||||||
},
|
"bottom": 8,
|
||||||
|
"position": "absolute",
|
||||||
|
"right": 31,
|
||||||
"top": 8,
|
"top": 8,
|
||||||
"width": 1,
|
"width": 1,
|
||||||
},
|
},
|
||||||
],
|
],
|
||||||
"splitButtonDividerDisabled": Object {
|
"splitButtonDividerDisabled": Object {
|
||||||
"bottom": 8,
|
|
||||||
"position": "absolute",
|
|
||||||
"right": 31,
|
|
||||||
"selectors": Object {
|
|
||||||
"@media screen and (-ms-high-contrast: active), screen and (forced-colors: active)": Object {
|
"@media screen and (-ms-high-contrast: active), screen and (forced-colors: active)": Object {
|
||||||
"backgroundColor": "GrayText",
|
"backgroundColor": "GrayText",
|
||||||
},
|
},
|
||||||
},
|
"bottom": 8,
|
||||||
|
"position": "absolute",
|
||||||
|
"right": 31,
|
||||||
"top": 8,
|
"top": 8,
|
||||||
"width": 1,
|
"width": 1,
|
||||||
},
|
},
|
||||||
|
|
@ -1323,21 +1388,17 @@ exports[`Right Pane Form should render Default properly 1`] = `
|
||||||
},
|
},
|
||||||
"splitButtonMenuButton": Array [
|
"splitButtonMenuButton": Array [
|
||||||
Object {
|
Object {
|
||||||
"backgroundColor": "#0078d4",
|
|
||||||
"color": "#ffffff",
|
|
||||||
"selectors": Object {
|
|
||||||
":hover": Object {
|
":hover": Object {
|
||||||
"backgroundColor": "#106ebe",
|
|
||||||
"selectors": Object {
|
|
||||||
"@media screen and (-ms-high-contrast: active), screen and (forced-colors: active)": Object {
|
"@media screen and (-ms-high-contrast: active), screen and (forced-colors: active)": Object {
|
||||||
"color": "Highlight",
|
"color": "Highlight",
|
||||||
},
|
},
|
||||||
},
|
"backgroundColor": "#106ebe",
|
||||||
},
|
},
|
||||||
"@media screen and (-ms-high-contrast: active), screen and (forced-colors: active)": Object {
|
"@media screen and (-ms-high-contrast: active), screen and (forced-colors: active)": Object {
|
||||||
"backgroundColor": "Canvas",
|
"backgroundColor": "Canvas",
|
||||||
},
|
},
|
||||||
},
|
"backgroundColor": "#0078d4",
|
||||||
|
"color": "#ffffff",
|
||||||
},
|
},
|
||||||
Object {
|
Object {
|
||||||
"@media screen and (-ms-high-contrast: active), screen and (forced-colors: active)": 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 {
|
"splitButtonMenuButtonChecked": Object {
|
||||||
"backgroundColor": "#005a9e",
|
|
||||||
"selectors": Object {
|
|
||||||
":hover": Object {
|
":hover": Object {
|
||||||
"backgroundColor": "#005a9e",
|
"backgroundColor": "#005a9e",
|
||||||
},
|
},
|
||||||
},
|
"backgroundColor": "#005a9e",
|
||||||
},
|
},
|
||||||
"splitButtonMenuButtonDisabled": Array [
|
"splitButtonMenuButtonDisabled": Array [
|
||||||
Object {
|
Object {
|
||||||
"backgroundColor": "#f3f2f1",
|
|
||||||
"selectors": Object {
|
|
||||||
":hover": Object {
|
":hover": Object {
|
||||||
"backgroundColor": "#f3f2f1",
|
"backgroundColor": "#f3f2f1",
|
||||||
},
|
},
|
||||||
},
|
"backgroundColor": "#f3f2f1",
|
||||||
},
|
},
|
||||||
Object {
|
Object {
|
||||||
"border": "none",
|
|
||||||
"pointerEvents": "none",
|
|
||||||
"selectors": Object {
|
|
||||||
".ms-Button--primary": Object {
|
".ms-Button--primary": Object {
|
||||||
"selectors": Object {
|
|
||||||
"@media screen and (-ms-high-contrast: active), screen and (forced-colors: active)": Object {
|
"@media screen and (-ms-high-contrast: active), screen and (forced-colors: active)": Object {
|
||||||
"backgroundColor": "Window",
|
"backgroundColor": "Window",
|
||||||
"borderColor": "GrayText",
|
"borderColor": "GrayText",
|
||||||
"color": "GrayText",
|
"color": "GrayText",
|
||||||
},
|
},
|
||||||
},
|
},
|
||||||
},
|
|
||||||
".ms-Button-menuIcon": Object {
|
".ms-Button-menuIcon": Object {
|
||||||
"selectors": Object {
|
|
||||||
"@media screen and (-ms-high-contrast: active), screen and (forced-colors: active)": Object {
|
"@media screen and (-ms-high-contrast: active), screen and (forced-colors: active)": Object {
|
||||||
"color": "GrayText",
|
"color": "GrayText",
|
||||||
},
|
},
|
||||||
},
|
},
|
||||||
},
|
|
||||||
":hover": Object {
|
":hover": Object {
|
||||||
"cursor": "default",
|
"cursor": "default",
|
||||||
},
|
},
|
||||||
|
|
@ -1412,22 +1462,21 @@ exports[`Right Pane Form should render Default properly 1`] = `
|
||||||
"border": "1px solid GrayText",
|
"border": "1px solid GrayText",
|
||||||
"color": "GrayText",
|
"color": "GrayText",
|
||||||
},
|
},
|
||||||
},
|
"border": "none",
|
||||||
|
"pointerEvents": "none",
|
||||||
},
|
},
|
||||||
],
|
],
|
||||||
"splitButtonMenuButtonExpanded": Object {
|
"splitButtonMenuButtonExpanded": Object {
|
||||||
"backgroundColor": "#005a9e",
|
|
||||||
"selectors": Object {
|
|
||||||
":hover": Object {
|
":hover": Object {
|
||||||
"backgroundColor": "#005a9e",
|
"backgroundColor": "#005a9e",
|
||||||
},
|
},
|
||||||
},
|
"backgroundColor": "#005a9e",
|
||||||
},
|
},
|
||||||
"splitButtonMenuFocused": Object {
|
"splitButtonMenuFocused": Object {
|
||||||
"outline": "transparent",
|
"outline": "transparent",
|
||||||
"position": "relative",
|
"position": "relative",
|
||||||
"selectors": Object {
|
"selectors": Object {
|
||||||
".ms-Fabric--isFocusVisible &:focus:after": Object {
|
".ms-Fabric--isFocusVisible &:focus:after, :host(.ms-Fabric--isFocusVisible) &:focus:after": Object {
|
||||||
"border": "1px solid #ffffff",
|
"border": "1px solid #ffffff",
|
||||||
"borderRadius": undefined,
|
"borderRadius": undefined,
|
||||||
"bottom": 3,
|
"bottom": 3,
|
||||||
|
|
@ -1458,12 +1507,10 @@ exports[`Right Pane Form should render Default properly 1`] = `
|
||||||
"color": "#ffffff",
|
"color": "#ffffff",
|
||||||
},
|
},
|
||||||
"splitButtonMenuIconDisabled": Object {
|
"splitButtonMenuIconDisabled": Object {
|
||||||
"color": "#a19f9d",
|
|
||||||
"selectors": Object {
|
|
||||||
"@media screen and (-ms-high-contrast: active), screen and (forced-colors: active)": Object {
|
"@media screen and (-ms-high-contrast: active), screen and (forced-colors: active)": Object {
|
||||||
"color": "GrayText",
|
"color": "GrayText",
|
||||||
},
|
},
|
||||||
},
|
"color": "#a19f9d",
|
||||||
},
|
},
|
||||||
"textContainer": Object {
|
"textContainer": Object {
|
||||||
"display": "block",
|
"display": "block",
|
||||||
|
|
@ -1782,8 +1829,10 @@ exports[`Right Pane Form should render Default properly 1`] = `
|
||||||
<FocusRects />
|
<FocusRects />
|
||||||
</BaseButton>
|
</BaseButton>
|
||||||
</DefaultButton>
|
</DefaultButton>
|
||||||
|
</MergeStylesShadowRootConsumer>
|
||||||
</CustomizedDefaultButton>
|
</CustomizedDefaultButton>
|
||||||
</PrimaryButton>
|
</PrimaryButton>
|
||||||
|
</MergeStylesShadowRootConsumer>
|
||||||
</CustomizedPrimaryButton>
|
</CustomizedPrimaryButton>
|
||||||
</div>
|
</div>
|
||||||
</PanelFooterComponent>
|
</PanelFooterComponent>
|
||||||
|
|
|
||||||
|
|
@ -1263,12 +1263,25 @@ exports[`Table query select Panel should render Default properly 1`] = `
|
||||||
id="sidePanelOkButton"
|
id="sidePanelOkButton"
|
||||||
text="OK"
|
text="OK"
|
||||||
type="submit"
|
type="submit"
|
||||||
|
>
|
||||||
|
<MergeStylesShadowRootConsumer
|
||||||
|
stylesheetKey="PrimaryButton"
|
||||||
>
|
>
|
||||||
<PrimaryButton
|
<PrimaryButton
|
||||||
ariaLabel="OK"
|
ariaLabel="OK"
|
||||||
data-test="Panel/OkButton"
|
data-test="Panel/OkButton"
|
||||||
disabled={false}
|
disabled={false}
|
||||||
id="sidePanelOkButton"
|
id="sidePanelOkButton"
|
||||||
|
styles={
|
||||||
|
Object {
|
||||||
|
"__shadowConfig__": Object {
|
||||||
|
"__isShadowConfig__": true,
|
||||||
|
"inShadow": false,
|
||||||
|
"stylesheetKey": "PrimaryButton",
|
||||||
|
"window": [Window],
|
||||||
|
},
|
||||||
|
}
|
||||||
|
}
|
||||||
text="OK"
|
text="OK"
|
||||||
theme={
|
theme={
|
||||||
Object {
|
Object {
|
||||||
|
|
@ -1552,6 +1565,16 @@ exports[`Table query select Panel should render Default properly 1`] = `
|
||||||
id="sidePanelOkButton"
|
id="sidePanelOkButton"
|
||||||
onRenderDescription={[Function]}
|
onRenderDescription={[Function]}
|
||||||
primary={true}
|
primary={true}
|
||||||
|
styles={
|
||||||
|
Object {
|
||||||
|
"__shadowConfig__": Object {
|
||||||
|
"__isShadowConfig__": true,
|
||||||
|
"inShadow": false,
|
||||||
|
"stylesheetKey": "PrimaryButton",
|
||||||
|
"window": [Window],
|
||||||
|
},
|
||||||
|
}
|
||||||
|
}
|
||||||
text="OK"
|
text="OK"
|
||||||
theme={
|
theme={
|
||||||
Object {
|
Object {
|
||||||
|
|
@ -1827,6 +1850,9 @@ exports[`Table query select Panel should render Default properly 1`] = `
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
type="submit"
|
type="submit"
|
||||||
|
>
|
||||||
|
<MergeStylesShadowRootConsumer
|
||||||
|
stylesheetKey="DefaultButton"
|
||||||
>
|
>
|
||||||
<DefaultButton
|
<DefaultButton
|
||||||
ariaLabel="OK"
|
ariaLabel="OK"
|
||||||
|
|
@ -1835,6 +1861,16 @@ exports[`Table query select Panel should render Default properly 1`] = `
|
||||||
id="sidePanelOkButton"
|
id="sidePanelOkButton"
|
||||||
onRenderDescription={[Function]}
|
onRenderDescription={[Function]}
|
||||||
primary={true}
|
primary={true}
|
||||||
|
styles={
|
||||||
|
Object {
|
||||||
|
"__shadowConfig__": Object {
|
||||||
|
"__isShadowConfig__": true,
|
||||||
|
"inShadow": false,
|
||||||
|
"stylesheetKey": "DefaultButton",
|
||||||
|
"window": [Window],
|
||||||
|
},
|
||||||
|
}
|
||||||
|
}
|
||||||
text="OK"
|
text="OK"
|
||||||
theme={
|
theme={
|
||||||
Object {
|
Object {
|
||||||
|
|
@ -2122,6 +2158,12 @@ exports[`Table query select Panel should render Default properly 1`] = `
|
||||||
split={false}
|
split={false}
|
||||||
styles={
|
styles={
|
||||||
Object {
|
Object {
|
||||||
|
"__shadowConfig__": Object {
|
||||||
|
"__isShadowConfig__": true,
|
||||||
|
"inShadow": false,
|
||||||
|
"stylesheetKey": "DefaultButton",
|
||||||
|
"window": [Window],
|
||||||
|
},
|
||||||
"description": Object {
|
"description": Object {
|
||||||
"display": "block",
|
"display": "block",
|
||||||
},
|
},
|
||||||
|
|
@ -2141,12 +2183,10 @@ exports[`Table query select Panel should render Default properly 1`] = `
|
||||||
"textAlign": "center",
|
"textAlign": "center",
|
||||||
},
|
},
|
||||||
"iconDisabled": Object {
|
"iconDisabled": Object {
|
||||||
"color": "#a19f9d",
|
|
||||||
"selectors": Object {
|
|
||||||
"@media screen and (-ms-high-contrast: active), screen and (forced-colors: active)": Object {
|
"@media screen and (-ms-high-contrast: active), screen and (forced-colors: active)": Object {
|
||||||
"color": "GrayText",
|
"color": "GrayText",
|
||||||
},
|
},
|
||||||
},
|
"color": "#a19f9d",
|
||||||
},
|
},
|
||||||
"label": Array [
|
"label": Array [
|
||||||
Object {
|
Object {
|
||||||
|
|
@ -2167,19 +2207,17 @@ exports[`Table query select Panel should render Default properly 1`] = `
|
||||||
"textAlign": "center",
|
"textAlign": "center",
|
||||||
},
|
},
|
||||||
"menuIconDisabled": Object {
|
"menuIconDisabled": Object {
|
||||||
"color": "#a19f9d",
|
|
||||||
"selectors": Object {
|
|
||||||
"@media screen and (-ms-high-contrast: active), screen and (forced-colors: active)": Object {
|
"@media screen and (-ms-high-contrast: active), screen and (forced-colors: active)": Object {
|
||||||
"color": "GrayText",
|
"color": "GrayText",
|
||||||
},
|
},
|
||||||
},
|
"color": "#a19f9d",
|
||||||
},
|
},
|
||||||
"root": Array [
|
"root": Array [
|
||||||
Object {
|
Object {
|
||||||
"outline": "transparent",
|
"outline": "transparent",
|
||||||
"position": "relative",
|
"position": "relative",
|
||||||
"selectors": Object {
|
"selectors": Object {
|
||||||
".ms-Fabric--isFocusVisible &:focus:after": Object {
|
".ms-Fabric--isFocusVisible &:focus:after, :host(.ms-Fabric--isFocusVisible) &:focus:after": Object {
|
||||||
"border": "1px solid transparent",
|
"border": "1px solid transparent",
|
||||||
"borderRadius": undefined,
|
"borderRadius": undefined,
|
||||||
"bottom": 2,
|
"bottom": 2,
|
||||||
|
|
@ -2214,19 +2252,17 @@ exports[`Table query select Panel should render Default properly 1`] = `
|
||||||
"fontWeight": 400,
|
"fontWeight": 400,
|
||||||
},
|
},
|
||||||
Object {
|
Object {
|
||||||
|
":active > span": Object {
|
||||||
|
"left": 0,
|
||||||
|
"position": "relative",
|
||||||
|
"top": 0,
|
||||||
|
},
|
||||||
"border": "1px solid #8a8886",
|
"border": "1px solid #8a8886",
|
||||||
"borderRadius": "2px",
|
"borderRadius": "2px",
|
||||||
"boxSizing": "border-box",
|
"boxSizing": "border-box",
|
||||||
"cursor": "pointer",
|
"cursor": "pointer",
|
||||||
"display": "inline-block",
|
"display": "inline-block",
|
||||||
"padding": "0 16px",
|
"padding": "0 16px",
|
||||||
"selectors": Object {
|
|
||||||
":active > span": Object {
|
|
||||||
"left": 0,
|
|
||||||
"position": "relative",
|
|
||||||
"top": 0,
|
|
||||||
},
|
|
||||||
},
|
|
||||||
"textAlign": "center",
|
"textAlign": "center",
|
||||||
"textDecoration": "none",
|
"textDecoration": "none",
|
||||||
"userSelect": "none",
|
"userSelect": "none",
|
||||||
|
|
@ -2236,18 +2272,12 @@ exports[`Table query select Panel should render Default properly 1`] = `
|
||||||
"minWidth": "80px",
|
"minWidth": "80px",
|
||||||
},
|
},
|
||||||
Object {
|
Object {
|
||||||
"backgroundColor": "#0078d4",
|
".ms-Fabric--isFocusVisible &:focus, :host(.ms-Fabric--isFocusVisible) &:focus": Object {
|
||||||
"border": "1px solid #0078d4",
|
|
||||||
"color": "#ffffff",
|
|
||||||
"selectors": Object {
|
|
||||||
".ms-Fabric--isFocusVisible &:focus": Object {
|
|
||||||
"selectors": Object {
|
|
||||||
":after": Object {
|
":after": Object {
|
||||||
"border": "none",
|
"border": "none",
|
||||||
"outlineColor": "#ffffff",
|
"outlineColor": "#ffffff",
|
||||||
},
|
},
|
||||||
},
|
},
|
||||||
},
|
|
||||||
"@media screen and (-ms-high-contrast: active), screen and (forced-colors: active)": Object {
|
"@media screen and (-ms-high-contrast: active), screen and (forced-colors: active)": Object {
|
||||||
"MsHighContrastAdjust": "none",
|
"MsHighContrastAdjust": "none",
|
||||||
"backgroundColor": "WindowText",
|
"backgroundColor": "WindowText",
|
||||||
|
|
@ -2255,7 +2285,9 @@ exports[`Table query select Panel should render Default properly 1`] = `
|
||||||
"color": "Window",
|
"color": "Window",
|
||||||
"forcedColorAdjust": "none",
|
"forcedColorAdjust": "none",
|
||||||
},
|
},
|
||||||
},
|
"backgroundColor": "#0078d4",
|
||||||
|
"border": "1px solid #0078d4",
|
||||||
|
"color": "#ffffff",
|
||||||
},
|
},
|
||||||
],
|
],
|
||||||
"rootChecked": Object {
|
"rootChecked": Object {
|
||||||
|
|
@ -2271,7 +2303,7 @@ exports[`Table query select Panel should render Default properly 1`] = `
|
||||||
"outline": "transparent",
|
"outline": "transparent",
|
||||||
"position": "relative",
|
"position": "relative",
|
||||||
"selectors": Object {
|
"selectors": Object {
|
||||||
".ms-Fabric--isFocusVisible &:focus:after": Object {
|
".ms-Fabric--isFocusVisible &:focus:after, :host(.ms-Fabric--isFocusVisible) &:focus:after": Object {
|
||||||
"border": "1px solid transparent",
|
"border": "1px solid transparent",
|
||||||
"borderRadius": undefined,
|
"borderRadius": undefined,
|
||||||
"bottom": 2,
|
"bottom": 2,
|
||||||
|
|
@ -2299,29 +2331,25 @@ exports[`Table query select Panel should render Default properly 1`] = `
|
||||||
},
|
},
|
||||||
},
|
},
|
||||||
Object {
|
Object {
|
||||||
"backgroundColor": "#f3f2f1",
|
|
||||||
"borderColor": "#f3f2f1",
|
|
||||||
"color": "#a19f9d",
|
|
||||||
"cursor": "default",
|
|
||||||
"selectors": Object {
|
|
||||||
":focus": Object {
|
":focus": Object {
|
||||||
"outline": 0,
|
"outline": 0,
|
||||||
},
|
},
|
||||||
":hover": Object {
|
":hover": Object {
|
||||||
"outline": 0,
|
"outline": 0,
|
||||||
},
|
},
|
||||||
},
|
"backgroundColor": "#f3f2f1",
|
||||||
|
"borderColor": "#f3f2f1",
|
||||||
|
"color": "#a19f9d",
|
||||||
|
"cursor": "default",
|
||||||
},
|
},
|
||||||
Object {
|
Object {
|
||||||
"backgroundColor": "#f3f2f1",
|
|
||||||
"color": "#d2d0ce",
|
|
||||||
"selectors": Object {
|
|
||||||
"@media screen and (-ms-high-contrast: active), screen and (forced-colors: active)": Object {
|
"@media screen and (-ms-high-contrast: active), screen and (forced-colors: active)": Object {
|
||||||
"backgroundColor": "Window",
|
"backgroundColor": "Window",
|
||||||
"borderColor": "GrayText",
|
"borderColor": "GrayText",
|
||||||
"color": "GrayText",
|
"color": "GrayText",
|
||||||
},
|
},
|
||||||
},
|
"backgroundColor": "#f3f2f1",
|
||||||
|
"color": "#d2d0ce",
|
||||||
},
|
},
|
||||||
],
|
],
|
||||||
"rootExpanded": Object {
|
"rootExpanded": Object {
|
||||||
|
|
@ -2329,22 +2357,16 @@ exports[`Table query select Panel should render Default properly 1`] = `
|
||||||
"color": "#ffffff",
|
"color": "#ffffff",
|
||||||
},
|
},
|
||||||
"rootHovered": Object {
|
"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 {
|
"@media screen and (-ms-high-contrast: active), screen and (forced-colors: active)": Object {
|
||||||
"backgroundColor": "Highlight",
|
"backgroundColor": "Highlight",
|
||||||
"borderColor": "Highlight",
|
"borderColor": "Highlight",
|
||||||
"color": "Window",
|
"color": "Window",
|
||||||
},
|
},
|
||||||
},
|
"backgroundColor": "#106ebe",
|
||||||
|
"border": "1px solid #106ebe",
|
||||||
|
"color": "#ffffff",
|
||||||
},
|
},
|
||||||
"rootPressed": Object {
|
"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 {
|
"@media screen and (-ms-high-contrast: active), screen and (forced-colors: active)": Object {
|
||||||
"MsHighContrastAdjust": "none",
|
"MsHighContrastAdjust": "none",
|
||||||
"backgroundColor": "WindowText",
|
"backgroundColor": "WindowText",
|
||||||
|
|
@ -2352,7 +2374,9 @@ exports[`Table query select Panel should render Default properly 1`] = `
|
||||||
"color": "Window",
|
"color": "Window",
|
||||||
"forcedColorAdjust": "none",
|
"forcedColorAdjust": "none",
|
||||||
},
|
},
|
||||||
},
|
"backgroundColor": "#005a9e",
|
||||||
|
"border": "1px solid #005a9e",
|
||||||
|
"color": "#ffffff",
|
||||||
},
|
},
|
||||||
"screenReaderText": Object {
|
"screenReaderText": Object {
|
||||||
"border": 0,
|
"border": 0,
|
||||||
|
|
@ -2366,17 +2390,15 @@ exports[`Table query select Panel should render Default properly 1`] = `
|
||||||
},
|
},
|
||||||
"splitButtonContainer": Array [
|
"splitButtonContainer": Array [
|
||||||
Object {
|
Object {
|
||||||
"selectors": Object {
|
|
||||||
"@media screen and (-ms-high-contrast: active), screen and (forced-colors: active)": Object {
|
"@media screen and (-ms-high-contrast: active), screen and (forced-colors: active)": Object {
|
||||||
"border": "none",
|
"border": "none",
|
||||||
},
|
},
|
||||||
},
|
},
|
||||||
},
|
|
||||||
Object {
|
Object {
|
||||||
"outline": "transparent",
|
"outline": "transparent",
|
||||||
"position": "relative",
|
"position": "relative",
|
||||||
"selectors": Object {
|
"selectors": Object {
|
||||||
".ms-Fabric--isFocusVisible &:focus:after": Object {
|
".ms-Fabric--isFocusVisible &:focus:after, :host(.ms-Fabric--isFocusVisible) &:focus:after": Object {
|
||||||
"border": "1px solid #ffffff",
|
"border": "1px solid #ffffff",
|
||||||
"borderRadius": undefined,
|
"borderRadius": undefined,
|
||||||
"bottom": 3,
|
"bottom": 3,
|
||||||
|
|
@ -2404,20 +2426,43 @@ exports[`Table query select Panel should render Default properly 1`] = `
|
||||||
},
|
},
|
||||||
},
|
},
|
||||||
Object {
|
Object {
|
||||||
"display": "inline-flex",
|
|
||||||
"selectors": Object {
|
|
||||||
".ms-Button--default": Object {
|
".ms-Button--default": Object {
|
||||||
"borderBottomRightRadius": "0",
|
"borderBottomRightRadius": "0",
|
||||||
"borderRight": "none",
|
"borderRight": "none",
|
||||||
"borderTopRightRadius": "0",
|
"borderTopRightRadius": "0",
|
||||||
"flexGrow": "1",
|
"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 {
|
".ms-Button--primary": Object {
|
||||||
"border": "none",
|
|
||||||
"borderBottomRightRadius": "0",
|
|
||||||
"borderTopRightRadius": "0",
|
|
||||||
"flexGrow": "1",
|
|
||||||
"selectors": Object {
|
|
||||||
":active": Object {
|
":active": Object {
|
||||||
"border": "none",
|
"border": "none",
|
||||||
},
|
},
|
||||||
|
|
@ -2425,6 +2470,15 @@ exports[`Table query select Panel should render Default properly 1`] = `
|
||||||
"border": "none",
|
"border": "none",
|
||||||
},
|
},
|
||||||
"@media screen and (-ms-high-contrast: active), screen and (forced-colors: active)": Object {
|
"@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",
|
"MsHighContrastAdjust": "none",
|
||||||
"backgroundColor": "Window",
|
"backgroundColor": "Window",
|
||||||
"border": "1px solid WindowText",
|
"border": "1px solid WindowText",
|
||||||
|
|
@ -2432,24 +2486,51 @@ exports[`Table query select Panel should render Default properly 1`] = `
|
||||||
"color": "WindowText",
|
"color": "WindowText",
|
||||||
"forcedColorAdjust": "none",
|
"forcedColorAdjust": "none",
|
||||||
},
|
},
|
||||||
},
|
"border": "none",
|
||||||
|
"borderBottomRightRadius": "0",
|
||||||
|
"borderTopRightRadius": "0",
|
||||||
|
"flexGrow": "1",
|
||||||
},
|
},
|
||||||
".ms-Button--primary + .ms-Button": Object {
|
".ms-Button--primary + .ms-Button": Object {
|
||||||
"border": "none",
|
|
||||||
"selectors": Object {
|
|
||||||
"@media screen and (-ms-high-contrast: active), screen and (forced-colors: active)": 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",
|
"border": "1px solid WindowText",
|
||||||
"borderLeftWidth": "0",
|
"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 {
|
"splitButtonContainerChecked": Object {
|
||||||
"selectors": Object {
|
|
||||||
".ms-Button--primary": Object {
|
".ms-Button--primary": Object {
|
||||||
"selectors": Object {
|
|
||||||
"@media screen and (-ms-high-contrast: active), screen and (forced-colors: active)": Object {
|
"@media screen and (-ms-high-contrast: active), screen and (forced-colors: active)": Object {
|
||||||
"MsHighContrastAdjust": "none",
|
"MsHighContrastAdjust": "none",
|
||||||
"backgroundColor": "WindowText",
|
"backgroundColor": "WindowText",
|
||||||
|
|
@ -2458,12 +2539,8 @@ exports[`Table query select Panel should render Default properly 1`] = `
|
||||||
},
|
},
|
||||||
},
|
},
|
||||||
},
|
},
|
||||||
},
|
|
||||||
},
|
|
||||||
"splitButtonContainerCheckedHovered": Object {
|
"splitButtonContainerCheckedHovered": Object {
|
||||||
"selectors": Object {
|
|
||||||
".ms-Button--primary": Object {
|
".ms-Button--primary": Object {
|
||||||
"selectors": Object {
|
|
||||||
"@media screen and (-ms-high-contrast: active), screen and (forced-colors: active)": Object {
|
"@media screen and (-ms-high-contrast: active), screen and (forced-colors: active)": Object {
|
||||||
"MsHighContrastAdjust": "none",
|
"MsHighContrastAdjust": "none",
|
||||||
"backgroundColor": "WindowText",
|
"backgroundColor": "WindowText",
|
||||||
|
|
@ -2472,12 +2549,7 @@ exports[`Table query select Panel should render Default properly 1`] = `
|
||||||
},
|
},
|
||||||
},
|
},
|
||||||
},
|
},
|
||||||
},
|
|
||||||
},
|
|
||||||
"splitButtonContainerDisabled": Object {
|
"splitButtonContainerDisabled": Object {
|
||||||
"border": "none",
|
|
||||||
"outline": "none",
|
|
||||||
"selectors": Object {
|
|
||||||
"@media screen and (-ms-high-contrast: active), screen and (forced-colors: active)": Object {
|
"@media screen and (-ms-high-contrast: active), screen and (forced-colors: active)": Object {
|
||||||
"MsHighContrastAdjust": "none",
|
"MsHighContrastAdjust": "none",
|
||||||
"backgroundColor": "Window",
|
"backgroundColor": "Window",
|
||||||
|
|
@ -2485,69 +2557,62 @@ exports[`Table query select Panel should render Default properly 1`] = `
|
||||||
"color": "GrayText",
|
"color": "GrayText",
|
||||||
"forcedColorAdjust": "none",
|
"forcedColorAdjust": "none",
|
||||||
},
|
},
|
||||||
},
|
"border": "none",
|
||||||
|
"outline": "none",
|
||||||
},
|
},
|
||||||
"splitButtonContainerFocused": Object {
|
"splitButtonContainerFocused": Object {
|
||||||
"outline": "none!important",
|
"outline": "none!important",
|
||||||
},
|
},
|
||||||
"splitButtonContainerHovered": Object {
|
"splitButtonContainerHovered": Object {
|
||||||
"selectors": Object {
|
".ms-Button--default.is-disabled": 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 {
|
|
||||||
"@media screen and (-ms-high-contrast: active), screen and (forced-colors: active)": Object {
|
"@media screen and (-ms-high-contrast: active), screen and (forced-colors: active)": Object {
|
||||||
"backgroundColor": "Window",
|
"backgroundColor": "Window",
|
||||||
"borderColor": "GrayText",
|
"borderColor": "GrayText",
|
||||||
"color": "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 [
|
"splitButtonDivider": Array [
|
||||||
Object {
|
Object {
|
||||||
|
"@media screen and (-ms-high-contrast: active), screen and (forced-colors: active)": Object {
|
||||||
|
"backgroundColor": "Window",
|
||||||
|
},
|
||||||
"backgroundColor": "#ffffff",
|
"backgroundColor": "#ffffff",
|
||||||
"bottom": 8,
|
"bottom": 8,
|
||||||
"position": "absolute",
|
"position": "absolute",
|
||||||
"right": 31,
|
"right": 31,
|
||||||
"selectors": Object {
|
|
||||||
"@media screen and (-ms-high-contrast: active), screen and (forced-colors: active)": Object {
|
|
||||||
"backgroundColor": "Window",
|
|
||||||
},
|
|
||||||
},
|
|
||||||
"top": 8,
|
"top": 8,
|
||||||
"width": 1,
|
"width": 1,
|
||||||
},
|
},
|
||||||
Object {
|
Object {
|
||||||
"bottom": 8,
|
|
||||||
"position": "absolute",
|
|
||||||
"right": 31,
|
|
||||||
"selectors": Object {
|
|
||||||
"@media screen and (-ms-high-contrast: active), screen and (forced-colors: active)": Object {
|
"@media screen and (-ms-high-contrast: active), screen and (forced-colors: active)": Object {
|
||||||
"backgroundColor": "WindowText",
|
"backgroundColor": "WindowText",
|
||||||
},
|
},
|
||||||
},
|
"bottom": 8,
|
||||||
|
"position": "absolute",
|
||||||
|
"right": 31,
|
||||||
"top": 8,
|
"top": 8,
|
||||||
"width": 1,
|
"width": 1,
|
||||||
},
|
},
|
||||||
],
|
],
|
||||||
"splitButtonDividerDisabled": Object {
|
"splitButtonDividerDisabled": Object {
|
||||||
"bottom": 8,
|
|
||||||
"position": "absolute",
|
|
||||||
"right": 31,
|
|
||||||
"selectors": Object {
|
|
||||||
"@media screen and (-ms-high-contrast: active), screen and (forced-colors: active)": Object {
|
"@media screen and (-ms-high-contrast: active), screen and (forced-colors: active)": Object {
|
||||||
"backgroundColor": "GrayText",
|
"backgroundColor": "GrayText",
|
||||||
},
|
},
|
||||||
},
|
"bottom": 8,
|
||||||
|
"position": "absolute",
|
||||||
|
"right": 31,
|
||||||
"top": 8,
|
"top": 8,
|
||||||
"width": 1,
|
"width": 1,
|
||||||
},
|
},
|
||||||
|
|
@ -2560,21 +2625,17 @@ exports[`Table query select Panel should render Default properly 1`] = `
|
||||||
},
|
},
|
||||||
"splitButtonMenuButton": Array [
|
"splitButtonMenuButton": Array [
|
||||||
Object {
|
Object {
|
||||||
"backgroundColor": "#0078d4",
|
|
||||||
"color": "#ffffff",
|
|
||||||
"selectors": Object {
|
|
||||||
":hover": Object {
|
":hover": Object {
|
||||||
"backgroundColor": "#106ebe",
|
|
||||||
"selectors": Object {
|
|
||||||
"@media screen and (-ms-high-contrast: active), screen and (forced-colors: active)": Object {
|
"@media screen and (-ms-high-contrast: active), screen and (forced-colors: active)": Object {
|
||||||
"color": "Highlight",
|
"color": "Highlight",
|
||||||
},
|
},
|
||||||
},
|
"backgroundColor": "#106ebe",
|
||||||
},
|
},
|
||||||
"@media screen and (-ms-high-contrast: active), screen and (forced-colors: active)": Object {
|
"@media screen and (-ms-high-contrast: active), screen and (forced-colors: active)": Object {
|
||||||
"backgroundColor": "Canvas",
|
"backgroundColor": "Canvas",
|
||||||
},
|
},
|
||||||
},
|
"backgroundColor": "#0078d4",
|
||||||
|
"color": "#ffffff",
|
||||||
},
|
},
|
||||||
Object {
|
Object {
|
||||||
"@media screen and (-ms-high-contrast: active), screen and (forced-colors: active)": 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 {
|
"splitButtonMenuButtonChecked": Object {
|
||||||
"backgroundColor": "#005a9e",
|
|
||||||
"selectors": Object {
|
|
||||||
":hover": Object {
|
":hover": Object {
|
||||||
"backgroundColor": "#005a9e",
|
"backgroundColor": "#005a9e",
|
||||||
},
|
},
|
||||||
},
|
"backgroundColor": "#005a9e",
|
||||||
},
|
},
|
||||||
"splitButtonMenuButtonDisabled": Array [
|
"splitButtonMenuButtonDisabled": Array [
|
||||||
Object {
|
Object {
|
||||||
"backgroundColor": "#f3f2f1",
|
|
||||||
"selectors": Object {
|
|
||||||
":hover": Object {
|
":hover": Object {
|
||||||
"backgroundColor": "#f3f2f1",
|
"backgroundColor": "#f3f2f1",
|
||||||
},
|
},
|
||||||
},
|
"backgroundColor": "#f3f2f1",
|
||||||
},
|
},
|
||||||
Object {
|
Object {
|
||||||
"border": "none",
|
|
||||||
"pointerEvents": "none",
|
|
||||||
"selectors": Object {
|
|
||||||
".ms-Button--primary": Object {
|
".ms-Button--primary": Object {
|
||||||
"selectors": Object {
|
|
||||||
"@media screen and (-ms-high-contrast: active), screen and (forced-colors: active)": Object {
|
"@media screen and (-ms-high-contrast: active), screen and (forced-colors: active)": Object {
|
||||||
"backgroundColor": "Window",
|
"backgroundColor": "Window",
|
||||||
"borderColor": "GrayText",
|
"borderColor": "GrayText",
|
||||||
"color": "GrayText",
|
"color": "GrayText",
|
||||||
},
|
},
|
||||||
},
|
},
|
||||||
},
|
|
||||||
".ms-Button-menuIcon": Object {
|
".ms-Button-menuIcon": Object {
|
||||||
"selectors": Object {
|
|
||||||
"@media screen and (-ms-high-contrast: active), screen and (forced-colors: active)": Object {
|
"@media screen and (-ms-high-contrast: active), screen and (forced-colors: active)": Object {
|
||||||
"color": "GrayText",
|
"color": "GrayText",
|
||||||
},
|
},
|
||||||
},
|
},
|
||||||
},
|
|
||||||
":hover": Object {
|
":hover": Object {
|
||||||
"cursor": "default",
|
"cursor": "default",
|
||||||
},
|
},
|
||||||
|
|
@ -2649,22 +2699,21 @@ exports[`Table query select Panel should render Default properly 1`] = `
|
||||||
"border": "1px solid GrayText",
|
"border": "1px solid GrayText",
|
||||||
"color": "GrayText",
|
"color": "GrayText",
|
||||||
},
|
},
|
||||||
},
|
"border": "none",
|
||||||
|
"pointerEvents": "none",
|
||||||
},
|
},
|
||||||
],
|
],
|
||||||
"splitButtonMenuButtonExpanded": Object {
|
"splitButtonMenuButtonExpanded": Object {
|
||||||
"backgroundColor": "#005a9e",
|
|
||||||
"selectors": Object {
|
|
||||||
":hover": Object {
|
":hover": Object {
|
||||||
"backgroundColor": "#005a9e",
|
"backgroundColor": "#005a9e",
|
||||||
},
|
},
|
||||||
},
|
"backgroundColor": "#005a9e",
|
||||||
},
|
},
|
||||||
"splitButtonMenuFocused": Object {
|
"splitButtonMenuFocused": Object {
|
||||||
"outline": "transparent",
|
"outline": "transparent",
|
||||||
"position": "relative",
|
"position": "relative",
|
||||||
"selectors": Object {
|
"selectors": Object {
|
||||||
".ms-Fabric--isFocusVisible &:focus:after": Object {
|
".ms-Fabric--isFocusVisible &:focus:after, :host(.ms-Fabric--isFocusVisible) &:focus:after": Object {
|
||||||
"border": "1px solid #ffffff",
|
"border": "1px solid #ffffff",
|
||||||
"borderRadius": undefined,
|
"borderRadius": undefined,
|
||||||
"bottom": 3,
|
"bottom": 3,
|
||||||
|
|
@ -2695,12 +2744,10 @@ exports[`Table query select Panel should render Default properly 1`] = `
|
||||||
"color": "#ffffff",
|
"color": "#ffffff",
|
||||||
},
|
},
|
||||||
"splitButtonMenuIconDisabled": Object {
|
"splitButtonMenuIconDisabled": Object {
|
||||||
"color": "#a19f9d",
|
|
||||||
"selectors": Object {
|
|
||||||
"@media screen and (-ms-high-contrast: active), screen and (forced-colors: active)": Object {
|
"@media screen and (-ms-high-contrast: active), screen and (forced-colors: active)": Object {
|
||||||
"color": "GrayText",
|
"color": "GrayText",
|
||||||
},
|
},
|
||||||
},
|
"color": "#a19f9d",
|
||||||
},
|
},
|
||||||
"textContainer": Object {
|
"textContainer": Object {
|
||||||
"display": "block",
|
"display": "block",
|
||||||
|
|
@ -3019,8 +3066,10 @@ exports[`Table query select Panel should render Default properly 1`] = `
|
||||||
<FocusRects />
|
<FocusRects />
|
||||||
</BaseButton>
|
</BaseButton>
|
||||||
</DefaultButton>
|
</DefaultButton>
|
||||||
|
</MergeStylesShadowRootConsumer>
|
||||||
</CustomizedDefaultButton>
|
</CustomizedDefaultButton>
|
||||||
</PrimaryButton>
|
</PrimaryButton>
|
||||||
|
</MergeStylesShadowRootConsumer>
|
||||||
</CustomizedPrimaryButton>
|
</CustomizedPrimaryButton>
|
||||||
</div>
|
</div>
|
||||||
</PanelFooterComponent>
|
</PanelFooterComponent>
|
||||||
|
|
|
||||||
|
|
@ -374,12 +374,25 @@ exports[`Excute Add Table Entity Pane should render Default properly 1`] = `
|
||||||
id="sidePanelOkButton"
|
id="sidePanelOkButton"
|
||||||
text="Add Entity"
|
text="Add Entity"
|
||||||
type="submit"
|
type="submit"
|
||||||
|
>
|
||||||
|
<MergeStylesShadowRootConsumer
|
||||||
|
stylesheetKey="PrimaryButton"
|
||||||
>
|
>
|
||||||
<PrimaryButton
|
<PrimaryButton
|
||||||
ariaLabel="Add Entity"
|
ariaLabel="Add Entity"
|
||||||
data-test="Panel/OkButton"
|
data-test="Panel/OkButton"
|
||||||
disabled={false}
|
disabled={false}
|
||||||
id="sidePanelOkButton"
|
id="sidePanelOkButton"
|
||||||
|
styles={
|
||||||
|
Object {
|
||||||
|
"__shadowConfig__": Object {
|
||||||
|
"__isShadowConfig__": true,
|
||||||
|
"inShadow": false,
|
||||||
|
"stylesheetKey": "PrimaryButton",
|
||||||
|
"window": [Window],
|
||||||
|
},
|
||||||
|
}
|
||||||
|
}
|
||||||
text="Add Entity"
|
text="Add Entity"
|
||||||
theme={
|
theme={
|
||||||
Object {
|
Object {
|
||||||
|
|
@ -663,6 +676,16 @@ exports[`Excute Add Table Entity Pane should render Default properly 1`] = `
|
||||||
id="sidePanelOkButton"
|
id="sidePanelOkButton"
|
||||||
onRenderDescription={[Function]}
|
onRenderDescription={[Function]}
|
||||||
primary={true}
|
primary={true}
|
||||||
|
styles={
|
||||||
|
Object {
|
||||||
|
"__shadowConfig__": Object {
|
||||||
|
"__isShadowConfig__": true,
|
||||||
|
"inShadow": false,
|
||||||
|
"stylesheetKey": "PrimaryButton",
|
||||||
|
"window": [Window],
|
||||||
|
},
|
||||||
|
}
|
||||||
|
}
|
||||||
text="Add Entity"
|
text="Add Entity"
|
||||||
theme={
|
theme={
|
||||||
Object {
|
Object {
|
||||||
|
|
@ -938,6 +961,9 @@ exports[`Excute Add Table Entity Pane should render Default properly 1`] = `
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
type="submit"
|
type="submit"
|
||||||
|
>
|
||||||
|
<MergeStylesShadowRootConsumer
|
||||||
|
stylesheetKey="DefaultButton"
|
||||||
>
|
>
|
||||||
<DefaultButton
|
<DefaultButton
|
||||||
ariaLabel="Add Entity"
|
ariaLabel="Add Entity"
|
||||||
|
|
@ -946,6 +972,16 @@ exports[`Excute Add Table Entity Pane should render Default properly 1`] = `
|
||||||
id="sidePanelOkButton"
|
id="sidePanelOkButton"
|
||||||
onRenderDescription={[Function]}
|
onRenderDescription={[Function]}
|
||||||
primary={true}
|
primary={true}
|
||||||
|
styles={
|
||||||
|
Object {
|
||||||
|
"__shadowConfig__": Object {
|
||||||
|
"__isShadowConfig__": true,
|
||||||
|
"inShadow": false,
|
||||||
|
"stylesheetKey": "DefaultButton",
|
||||||
|
"window": [Window],
|
||||||
|
},
|
||||||
|
}
|
||||||
|
}
|
||||||
text="Add Entity"
|
text="Add Entity"
|
||||||
theme={
|
theme={
|
||||||
Object {
|
Object {
|
||||||
|
|
@ -1233,6 +1269,12 @@ exports[`Excute Add Table Entity Pane should render Default properly 1`] = `
|
||||||
split={false}
|
split={false}
|
||||||
styles={
|
styles={
|
||||||
Object {
|
Object {
|
||||||
|
"__shadowConfig__": Object {
|
||||||
|
"__isShadowConfig__": true,
|
||||||
|
"inShadow": false,
|
||||||
|
"stylesheetKey": "DefaultButton",
|
||||||
|
"window": [Window],
|
||||||
|
},
|
||||||
"description": Object {
|
"description": Object {
|
||||||
"display": "block",
|
"display": "block",
|
||||||
},
|
},
|
||||||
|
|
@ -1252,12 +1294,10 @@ exports[`Excute Add Table Entity Pane should render Default properly 1`] = `
|
||||||
"textAlign": "center",
|
"textAlign": "center",
|
||||||
},
|
},
|
||||||
"iconDisabled": Object {
|
"iconDisabled": Object {
|
||||||
"color": "#a19f9d",
|
|
||||||
"selectors": Object {
|
|
||||||
"@media screen and (-ms-high-contrast: active), screen and (forced-colors: active)": Object {
|
"@media screen and (-ms-high-contrast: active), screen and (forced-colors: active)": Object {
|
||||||
"color": "GrayText",
|
"color": "GrayText",
|
||||||
},
|
},
|
||||||
},
|
"color": "#a19f9d",
|
||||||
},
|
},
|
||||||
"label": Array [
|
"label": Array [
|
||||||
Object {
|
Object {
|
||||||
|
|
@ -1278,19 +1318,17 @@ exports[`Excute Add Table Entity Pane should render Default properly 1`] = `
|
||||||
"textAlign": "center",
|
"textAlign": "center",
|
||||||
},
|
},
|
||||||
"menuIconDisabled": Object {
|
"menuIconDisabled": Object {
|
||||||
"color": "#a19f9d",
|
|
||||||
"selectors": Object {
|
|
||||||
"@media screen and (-ms-high-contrast: active), screen and (forced-colors: active)": Object {
|
"@media screen and (-ms-high-contrast: active), screen and (forced-colors: active)": Object {
|
||||||
"color": "GrayText",
|
"color": "GrayText",
|
||||||
},
|
},
|
||||||
},
|
"color": "#a19f9d",
|
||||||
},
|
},
|
||||||
"root": Array [
|
"root": Array [
|
||||||
Object {
|
Object {
|
||||||
"outline": "transparent",
|
"outline": "transparent",
|
||||||
"position": "relative",
|
"position": "relative",
|
||||||
"selectors": Object {
|
"selectors": Object {
|
||||||
".ms-Fabric--isFocusVisible &:focus:after": Object {
|
".ms-Fabric--isFocusVisible &:focus:after, :host(.ms-Fabric--isFocusVisible) &:focus:after": Object {
|
||||||
"border": "1px solid transparent",
|
"border": "1px solid transparent",
|
||||||
"borderRadius": undefined,
|
"borderRadius": undefined,
|
||||||
"bottom": 2,
|
"bottom": 2,
|
||||||
|
|
@ -1325,19 +1363,17 @@ exports[`Excute Add Table Entity Pane should render Default properly 1`] = `
|
||||||
"fontWeight": 400,
|
"fontWeight": 400,
|
||||||
},
|
},
|
||||||
Object {
|
Object {
|
||||||
|
":active > span": Object {
|
||||||
|
"left": 0,
|
||||||
|
"position": "relative",
|
||||||
|
"top": 0,
|
||||||
|
},
|
||||||
"border": "1px solid #8a8886",
|
"border": "1px solid #8a8886",
|
||||||
"borderRadius": "2px",
|
"borderRadius": "2px",
|
||||||
"boxSizing": "border-box",
|
"boxSizing": "border-box",
|
||||||
"cursor": "pointer",
|
"cursor": "pointer",
|
||||||
"display": "inline-block",
|
"display": "inline-block",
|
||||||
"padding": "0 16px",
|
"padding": "0 16px",
|
||||||
"selectors": Object {
|
|
||||||
":active > span": Object {
|
|
||||||
"left": 0,
|
|
||||||
"position": "relative",
|
|
||||||
"top": 0,
|
|
||||||
},
|
|
||||||
},
|
|
||||||
"textAlign": "center",
|
"textAlign": "center",
|
||||||
"textDecoration": "none",
|
"textDecoration": "none",
|
||||||
"userSelect": "none",
|
"userSelect": "none",
|
||||||
|
|
@ -1347,18 +1383,12 @@ exports[`Excute Add Table Entity Pane should render Default properly 1`] = `
|
||||||
"minWidth": "80px",
|
"minWidth": "80px",
|
||||||
},
|
},
|
||||||
Object {
|
Object {
|
||||||
"backgroundColor": "#0078d4",
|
".ms-Fabric--isFocusVisible &:focus, :host(.ms-Fabric--isFocusVisible) &:focus": Object {
|
||||||
"border": "1px solid #0078d4",
|
|
||||||
"color": "#ffffff",
|
|
||||||
"selectors": Object {
|
|
||||||
".ms-Fabric--isFocusVisible &:focus": Object {
|
|
||||||
"selectors": Object {
|
|
||||||
":after": Object {
|
":after": Object {
|
||||||
"border": "none",
|
"border": "none",
|
||||||
"outlineColor": "#ffffff",
|
"outlineColor": "#ffffff",
|
||||||
},
|
},
|
||||||
},
|
},
|
||||||
},
|
|
||||||
"@media screen and (-ms-high-contrast: active), screen and (forced-colors: active)": Object {
|
"@media screen and (-ms-high-contrast: active), screen and (forced-colors: active)": Object {
|
||||||
"MsHighContrastAdjust": "none",
|
"MsHighContrastAdjust": "none",
|
||||||
"backgroundColor": "WindowText",
|
"backgroundColor": "WindowText",
|
||||||
|
|
@ -1366,7 +1396,9 @@ exports[`Excute Add Table Entity Pane should render Default properly 1`] = `
|
||||||
"color": "Window",
|
"color": "Window",
|
||||||
"forcedColorAdjust": "none",
|
"forcedColorAdjust": "none",
|
||||||
},
|
},
|
||||||
},
|
"backgroundColor": "#0078d4",
|
||||||
|
"border": "1px solid #0078d4",
|
||||||
|
"color": "#ffffff",
|
||||||
},
|
},
|
||||||
],
|
],
|
||||||
"rootChecked": Object {
|
"rootChecked": Object {
|
||||||
|
|
@ -1382,7 +1414,7 @@ exports[`Excute Add Table Entity Pane should render Default properly 1`] = `
|
||||||
"outline": "transparent",
|
"outline": "transparent",
|
||||||
"position": "relative",
|
"position": "relative",
|
||||||
"selectors": Object {
|
"selectors": Object {
|
||||||
".ms-Fabric--isFocusVisible &:focus:after": Object {
|
".ms-Fabric--isFocusVisible &:focus:after, :host(.ms-Fabric--isFocusVisible) &:focus:after": Object {
|
||||||
"border": "1px solid transparent",
|
"border": "1px solid transparent",
|
||||||
"borderRadius": undefined,
|
"borderRadius": undefined,
|
||||||
"bottom": 2,
|
"bottom": 2,
|
||||||
|
|
@ -1410,29 +1442,25 @@ exports[`Excute Add Table Entity Pane should render Default properly 1`] = `
|
||||||
},
|
},
|
||||||
},
|
},
|
||||||
Object {
|
Object {
|
||||||
"backgroundColor": "#f3f2f1",
|
|
||||||
"borderColor": "#f3f2f1",
|
|
||||||
"color": "#a19f9d",
|
|
||||||
"cursor": "default",
|
|
||||||
"selectors": Object {
|
|
||||||
":focus": Object {
|
":focus": Object {
|
||||||
"outline": 0,
|
"outline": 0,
|
||||||
},
|
},
|
||||||
":hover": Object {
|
":hover": Object {
|
||||||
"outline": 0,
|
"outline": 0,
|
||||||
},
|
},
|
||||||
},
|
"backgroundColor": "#f3f2f1",
|
||||||
|
"borderColor": "#f3f2f1",
|
||||||
|
"color": "#a19f9d",
|
||||||
|
"cursor": "default",
|
||||||
},
|
},
|
||||||
Object {
|
Object {
|
||||||
"backgroundColor": "#f3f2f1",
|
|
||||||
"color": "#d2d0ce",
|
|
||||||
"selectors": Object {
|
|
||||||
"@media screen and (-ms-high-contrast: active), screen and (forced-colors: active)": Object {
|
"@media screen and (-ms-high-contrast: active), screen and (forced-colors: active)": Object {
|
||||||
"backgroundColor": "Window",
|
"backgroundColor": "Window",
|
||||||
"borderColor": "GrayText",
|
"borderColor": "GrayText",
|
||||||
"color": "GrayText",
|
"color": "GrayText",
|
||||||
},
|
},
|
||||||
},
|
"backgroundColor": "#f3f2f1",
|
||||||
|
"color": "#d2d0ce",
|
||||||
},
|
},
|
||||||
],
|
],
|
||||||
"rootExpanded": Object {
|
"rootExpanded": Object {
|
||||||
|
|
@ -1440,22 +1468,16 @@ exports[`Excute Add Table Entity Pane should render Default properly 1`] = `
|
||||||
"color": "#ffffff",
|
"color": "#ffffff",
|
||||||
},
|
},
|
||||||
"rootHovered": Object {
|
"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 {
|
"@media screen and (-ms-high-contrast: active), screen and (forced-colors: active)": Object {
|
||||||
"backgroundColor": "Highlight",
|
"backgroundColor": "Highlight",
|
||||||
"borderColor": "Highlight",
|
"borderColor": "Highlight",
|
||||||
"color": "Window",
|
"color": "Window",
|
||||||
},
|
},
|
||||||
},
|
"backgroundColor": "#106ebe",
|
||||||
|
"border": "1px solid #106ebe",
|
||||||
|
"color": "#ffffff",
|
||||||
},
|
},
|
||||||
"rootPressed": Object {
|
"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 {
|
"@media screen and (-ms-high-contrast: active), screen and (forced-colors: active)": Object {
|
||||||
"MsHighContrastAdjust": "none",
|
"MsHighContrastAdjust": "none",
|
||||||
"backgroundColor": "WindowText",
|
"backgroundColor": "WindowText",
|
||||||
|
|
@ -1463,7 +1485,9 @@ exports[`Excute Add Table Entity Pane should render Default properly 1`] = `
|
||||||
"color": "Window",
|
"color": "Window",
|
||||||
"forcedColorAdjust": "none",
|
"forcedColorAdjust": "none",
|
||||||
},
|
},
|
||||||
},
|
"backgroundColor": "#005a9e",
|
||||||
|
"border": "1px solid #005a9e",
|
||||||
|
"color": "#ffffff",
|
||||||
},
|
},
|
||||||
"screenReaderText": Object {
|
"screenReaderText": Object {
|
||||||
"border": 0,
|
"border": 0,
|
||||||
|
|
@ -1477,17 +1501,15 @@ exports[`Excute Add Table Entity Pane should render Default properly 1`] = `
|
||||||
},
|
},
|
||||||
"splitButtonContainer": Array [
|
"splitButtonContainer": Array [
|
||||||
Object {
|
Object {
|
||||||
"selectors": Object {
|
|
||||||
"@media screen and (-ms-high-contrast: active), screen and (forced-colors: active)": Object {
|
"@media screen and (-ms-high-contrast: active), screen and (forced-colors: active)": Object {
|
||||||
"border": "none",
|
"border": "none",
|
||||||
},
|
},
|
||||||
},
|
},
|
||||||
},
|
|
||||||
Object {
|
Object {
|
||||||
"outline": "transparent",
|
"outline": "transparent",
|
||||||
"position": "relative",
|
"position": "relative",
|
||||||
"selectors": Object {
|
"selectors": Object {
|
||||||
".ms-Fabric--isFocusVisible &:focus:after": Object {
|
".ms-Fabric--isFocusVisible &:focus:after, :host(.ms-Fabric--isFocusVisible) &:focus:after": Object {
|
||||||
"border": "1px solid #ffffff",
|
"border": "1px solid #ffffff",
|
||||||
"borderRadius": undefined,
|
"borderRadius": undefined,
|
||||||
"bottom": 3,
|
"bottom": 3,
|
||||||
|
|
@ -1515,20 +1537,43 @@ exports[`Excute Add Table Entity Pane should render Default properly 1`] = `
|
||||||
},
|
},
|
||||||
},
|
},
|
||||||
Object {
|
Object {
|
||||||
"display": "inline-flex",
|
|
||||||
"selectors": Object {
|
|
||||||
".ms-Button--default": Object {
|
".ms-Button--default": Object {
|
||||||
"borderBottomRightRadius": "0",
|
"borderBottomRightRadius": "0",
|
||||||
"borderRight": "none",
|
"borderRight": "none",
|
||||||
"borderTopRightRadius": "0",
|
"borderTopRightRadius": "0",
|
||||||
"flexGrow": "1",
|
"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 {
|
".ms-Button--primary": Object {
|
||||||
"border": "none",
|
|
||||||
"borderBottomRightRadius": "0",
|
|
||||||
"borderTopRightRadius": "0",
|
|
||||||
"flexGrow": "1",
|
|
||||||
"selectors": Object {
|
|
||||||
":active": Object {
|
":active": Object {
|
||||||
"border": "none",
|
"border": "none",
|
||||||
},
|
},
|
||||||
|
|
@ -1536,6 +1581,15 @@ exports[`Excute Add Table Entity Pane should render Default properly 1`] = `
|
||||||
"border": "none",
|
"border": "none",
|
||||||
},
|
},
|
||||||
"@media screen and (-ms-high-contrast: active), screen and (forced-colors: active)": Object {
|
"@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",
|
"MsHighContrastAdjust": "none",
|
||||||
"backgroundColor": "Window",
|
"backgroundColor": "Window",
|
||||||
"border": "1px solid WindowText",
|
"border": "1px solid WindowText",
|
||||||
|
|
@ -1543,24 +1597,51 @@ exports[`Excute Add Table Entity Pane should render Default properly 1`] = `
|
||||||
"color": "WindowText",
|
"color": "WindowText",
|
||||||
"forcedColorAdjust": "none",
|
"forcedColorAdjust": "none",
|
||||||
},
|
},
|
||||||
},
|
"border": "none",
|
||||||
|
"borderBottomRightRadius": "0",
|
||||||
|
"borderTopRightRadius": "0",
|
||||||
|
"flexGrow": "1",
|
||||||
},
|
},
|
||||||
".ms-Button--primary + .ms-Button": Object {
|
".ms-Button--primary + .ms-Button": Object {
|
||||||
"border": "none",
|
|
||||||
"selectors": Object {
|
|
||||||
"@media screen and (-ms-high-contrast: active), screen and (forced-colors: active)": 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",
|
"border": "1px solid WindowText",
|
||||||
"borderLeftWidth": "0",
|
"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 {
|
"splitButtonContainerChecked": Object {
|
||||||
"selectors": Object {
|
|
||||||
".ms-Button--primary": Object {
|
".ms-Button--primary": Object {
|
||||||
"selectors": Object {
|
|
||||||
"@media screen and (-ms-high-contrast: active), screen and (forced-colors: active)": Object {
|
"@media screen and (-ms-high-contrast: active), screen and (forced-colors: active)": Object {
|
||||||
"MsHighContrastAdjust": "none",
|
"MsHighContrastAdjust": "none",
|
||||||
"backgroundColor": "WindowText",
|
"backgroundColor": "WindowText",
|
||||||
|
|
@ -1569,12 +1650,8 @@ exports[`Excute Add Table Entity Pane should render Default properly 1`] = `
|
||||||
},
|
},
|
||||||
},
|
},
|
||||||
},
|
},
|
||||||
},
|
|
||||||
},
|
|
||||||
"splitButtonContainerCheckedHovered": Object {
|
"splitButtonContainerCheckedHovered": Object {
|
||||||
"selectors": Object {
|
|
||||||
".ms-Button--primary": Object {
|
".ms-Button--primary": Object {
|
||||||
"selectors": Object {
|
|
||||||
"@media screen and (-ms-high-contrast: active), screen and (forced-colors: active)": Object {
|
"@media screen and (-ms-high-contrast: active), screen and (forced-colors: active)": Object {
|
||||||
"MsHighContrastAdjust": "none",
|
"MsHighContrastAdjust": "none",
|
||||||
"backgroundColor": "WindowText",
|
"backgroundColor": "WindowText",
|
||||||
|
|
@ -1583,12 +1660,7 @@ exports[`Excute Add Table Entity Pane should render Default properly 1`] = `
|
||||||
},
|
},
|
||||||
},
|
},
|
||||||
},
|
},
|
||||||
},
|
|
||||||
},
|
|
||||||
"splitButtonContainerDisabled": Object {
|
"splitButtonContainerDisabled": Object {
|
||||||
"border": "none",
|
|
||||||
"outline": "none",
|
|
||||||
"selectors": Object {
|
|
||||||
"@media screen and (-ms-high-contrast: active), screen and (forced-colors: active)": Object {
|
"@media screen and (-ms-high-contrast: active), screen and (forced-colors: active)": Object {
|
||||||
"MsHighContrastAdjust": "none",
|
"MsHighContrastAdjust": "none",
|
||||||
"backgroundColor": "Window",
|
"backgroundColor": "Window",
|
||||||
|
|
@ -1596,69 +1668,62 @@ exports[`Excute Add Table Entity Pane should render Default properly 1`] = `
|
||||||
"color": "GrayText",
|
"color": "GrayText",
|
||||||
"forcedColorAdjust": "none",
|
"forcedColorAdjust": "none",
|
||||||
},
|
},
|
||||||
},
|
"border": "none",
|
||||||
|
"outline": "none",
|
||||||
},
|
},
|
||||||
"splitButtonContainerFocused": Object {
|
"splitButtonContainerFocused": Object {
|
||||||
"outline": "none!important",
|
"outline": "none!important",
|
||||||
},
|
},
|
||||||
"splitButtonContainerHovered": Object {
|
"splitButtonContainerHovered": Object {
|
||||||
"selectors": Object {
|
".ms-Button--default.is-disabled": 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 {
|
|
||||||
"@media screen and (-ms-high-contrast: active), screen and (forced-colors: active)": Object {
|
"@media screen and (-ms-high-contrast: active), screen and (forced-colors: active)": Object {
|
||||||
"backgroundColor": "Window",
|
"backgroundColor": "Window",
|
||||||
"borderColor": "GrayText",
|
"borderColor": "GrayText",
|
||||||
"color": "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 [
|
"splitButtonDivider": Array [
|
||||||
Object {
|
Object {
|
||||||
|
"@media screen and (-ms-high-contrast: active), screen and (forced-colors: active)": Object {
|
||||||
|
"backgroundColor": "Window",
|
||||||
|
},
|
||||||
"backgroundColor": "#ffffff",
|
"backgroundColor": "#ffffff",
|
||||||
"bottom": 8,
|
"bottom": 8,
|
||||||
"position": "absolute",
|
"position": "absolute",
|
||||||
"right": 31,
|
"right": 31,
|
||||||
"selectors": Object {
|
|
||||||
"@media screen and (-ms-high-contrast: active), screen and (forced-colors: active)": Object {
|
|
||||||
"backgroundColor": "Window",
|
|
||||||
},
|
|
||||||
},
|
|
||||||
"top": 8,
|
"top": 8,
|
||||||
"width": 1,
|
"width": 1,
|
||||||
},
|
},
|
||||||
Object {
|
Object {
|
||||||
"bottom": 8,
|
|
||||||
"position": "absolute",
|
|
||||||
"right": 31,
|
|
||||||
"selectors": Object {
|
|
||||||
"@media screen and (-ms-high-contrast: active), screen and (forced-colors: active)": Object {
|
"@media screen and (-ms-high-contrast: active), screen and (forced-colors: active)": Object {
|
||||||
"backgroundColor": "WindowText",
|
"backgroundColor": "WindowText",
|
||||||
},
|
},
|
||||||
},
|
"bottom": 8,
|
||||||
|
"position": "absolute",
|
||||||
|
"right": 31,
|
||||||
"top": 8,
|
"top": 8,
|
||||||
"width": 1,
|
"width": 1,
|
||||||
},
|
},
|
||||||
],
|
],
|
||||||
"splitButtonDividerDisabled": Object {
|
"splitButtonDividerDisabled": Object {
|
||||||
"bottom": 8,
|
|
||||||
"position": "absolute",
|
|
||||||
"right": 31,
|
|
||||||
"selectors": Object {
|
|
||||||
"@media screen and (-ms-high-contrast: active), screen and (forced-colors: active)": Object {
|
"@media screen and (-ms-high-contrast: active), screen and (forced-colors: active)": Object {
|
||||||
"backgroundColor": "GrayText",
|
"backgroundColor": "GrayText",
|
||||||
},
|
},
|
||||||
},
|
"bottom": 8,
|
||||||
|
"position": "absolute",
|
||||||
|
"right": 31,
|
||||||
"top": 8,
|
"top": 8,
|
||||||
"width": 1,
|
"width": 1,
|
||||||
},
|
},
|
||||||
|
|
@ -1671,21 +1736,17 @@ exports[`Excute Add Table Entity Pane should render Default properly 1`] = `
|
||||||
},
|
},
|
||||||
"splitButtonMenuButton": Array [
|
"splitButtonMenuButton": Array [
|
||||||
Object {
|
Object {
|
||||||
"backgroundColor": "#0078d4",
|
|
||||||
"color": "#ffffff",
|
|
||||||
"selectors": Object {
|
|
||||||
":hover": Object {
|
":hover": Object {
|
||||||
"backgroundColor": "#106ebe",
|
|
||||||
"selectors": Object {
|
|
||||||
"@media screen and (-ms-high-contrast: active), screen and (forced-colors: active)": Object {
|
"@media screen and (-ms-high-contrast: active), screen and (forced-colors: active)": Object {
|
||||||
"color": "Highlight",
|
"color": "Highlight",
|
||||||
},
|
},
|
||||||
},
|
"backgroundColor": "#106ebe",
|
||||||
},
|
},
|
||||||
"@media screen and (-ms-high-contrast: active), screen and (forced-colors: active)": Object {
|
"@media screen and (-ms-high-contrast: active), screen and (forced-colors: active)": Object {
|
||||||
"backgroundColor": "Canvas",
|
"backgroundColor": "Canvas",
|
||||||
},
|
},
|
||||||
},
|
"backgroundColor": "#0078d4",
|
||||||
|
"color": "#ffffff",
|
||||||
},
|
},
|
||||||
Object {
|
Object {
|
||||||
"@media screen and (-ms-high-contrast: active), screen and (forced-colors: active)": 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 {
|
"splitButtonMenuButtonChecked": Object {
|
||||||
"backgroundColor": "#005a9e",
|
|
||||||
"selectors": Object {
|
|
||||||
":hover": Object {
|
":hover": Object {
|
||||||
"backgroundColor": "#005a9e",
|
"backgroundColor": "#005a9e",
|
||||||
},
|
},
|
||||||
},
|
"backgroundColor": "#005a9e",
|
||||||
},
|
},
|
||||||
"splitButtonMenuButtonDisabled": Array [
|
"splitButtonMenuButtonDisabled": Array [
|
||||||
Object {
|
Object {
|
||||||
"backgroundColor": "#f3f2f1",
|
|
||||||
"selectors": Object {
|
|
||||||
":hover": Object {
|
":hover": Object {
|
||||||
"backgroundColor": "#f3f2f1",
|
"backgroundColor": "#f3f2f1",
|
||||||
},
|
},
|
||||||
},
|
"backgroundColor": "#f3f2f1",
|
||||||
},
|
},
|
||||||
Object {
|
Object {
|
||||||
"border": "none",
|
|
||||||
"pointerEvents": "none",
|
|
||||||
"selectors": Object {
|
|
||||||
".ms-Button--primary": Object {
|
".ms-Button--primary": Object {
|
||||||
"selectors": Object {
|
|
||||||
"@media screen and (-ms-high-contrast: active), screen and (forced-colors: active)": Object {
|
"@media screen and (-ms-high-contrast: active), screen and (forced-colors: active)": Object {
|
||||||
"backgroundColor": "Window",
|
"backgroundColor": "Window",
|
||||||
"borderColor": "GrayText",
|
"borderColor": "GrayText",
|
||||||
"color": "GrayText",
|
"color": "GrayText",
|
||||||
},
|
},
|
||||||
},
|
},
|
||||||
},
|
|
||||||
".ms-Button-menuIcon": Object {
|
".ms-Button-menuIcon": Object {
|
||||||
"selectors": Object {
|
|
||||||
"@media screen and (-ms-high-contrast: active), screen and (forced-colors: active)": Object {
|
"@media screen and (-ms-high-contrast: active), screen and (forced-colors: active)": Object {
|
||||||
"color": "GrayText",
|
"color": "GrayText",
|
||||||
},
|
},
|
||||||
},
|
},
|
||||||
},
|
|
||||||
":hover": Object {
|
":hover": Object {
|
||||||
"cursor": "default",
|
"cursor": "default",
|
||||||
},
|
},
|
||||||
|
|
@ -1760,22 +1810,21 @@ exports[`Excute Add Table Entity Pane should render Default properly 1`] = `
|
||||||
"border": "1px solid GrayText",
|
"border": "1px solid GrayText",
|
||||||
"color": "GrayText",
|
"color": "GrayText",
|
||||||
},
|
},
|
||||||
},
|
"border": "none",
|
||||||
|
"pointerEvents": "none",
|
||||||
},
|
},
|
||||||
],
|
],
|
||||||
"splitButtonMenuButtonExpanded": Object {
|
"splitButtonMenuButtonExpanded": Object {
|
||||||
"backgroundColor": "#005a9e",
|
|
||||||
"selectors": Object {
|
|
||||||
":hover": Object {
|
":hover": Object {
|
||||||
"backgroundColor": "#005a9e",
|
"backgroundColor": "#005a9e",
|
||||||
},
|
},
|
||||||
},
|
"backgroundColor": "#005a9e",
|
||||||
},
|
},
|
||||||
"splitButtonMenuFocused": Object {
|
"splitButtonMenuFocused": Object {
|
||||||
"outline": "transparent",
|
"outline": "transparent",
|
||||||
"position": "relative",
|
"position": "relative",
|
||||||
"selectors": Object {
|
"selectors": Object {
|
||||||
".ms-Fabric--isFocusVisible &:focus:after": Object {
|
".ms-Fabric--isFocusVisible &:focus:after, :host(.ms-Fabric--isFocusVisible) &:focus:after": Object {
|
||||||
"border": "1px solid #ffffff",
|
"border": "1px solid #ffffff",
|
||||||
"borderRadius": undefined,
|
"borderRadius": undefined,
|
||||||
"bottom": 3,
|
"bottom": 3,
|
||||||
|
|
@ -1806,12 +1855,10 @@ exports[`Excute Add Table Entity Pane should render Default properly 1`] = `
|
||||||
"color": "#ffffff",
|
"color": "#ffffff",
|
||||||
},
|
},
|
||||||
"splitButtonMenuIconDisabled": Object {
|
"splitButtonMenuIconDisabled": Object {
|
||||||
"color": "#a19f9d",
|
|
||||||
"selectors": Object {
|
|
||||||
"@media screen and (-ms-high-contrast: active), screen and (forced-colors: active)": Object {
|
"@media screen and (-ms-high-contrast: active), screen and (forced-colors: active)": Object {
|
||||||
"color": "GrayText",
|
"color": "GrayText",
|
||||||
},
|
},
|
||||||
},
|
"color": "#a19f9d",
|
||||||
},
|
},
|
||||||
"textContainer": Object {
|
"textContainer": Object {
|
||||||
"display": "block",
|
"display": "block",
|
||||||
|
|
@ -2130,8 +2177,10 @@ exports[`Excute Add Table Entity Pane should render Default properly 1`] = `
|
||||||
<FocusRects />
|
<FocusRects />
|
||||||
</BaseButton>
|
</BaseButton>
|
||||||
</DefaultButton>
|
</DefaultButton>
|
||||||
|
</MergeStylesShadowRootConsumer>
|
||||||
</CustomizedDefaultButton>
|
</CustomizedDefaultButton>
|
||||||
</PrimaryButton>
|
</PrimaryButton>
|
||||||
|
</MergeStylesShadowRootConsumer>
|
||||||
</CustomizedPrimaryButton>
|
</CustomizedPrimaryButton>
|
||||||
</div>
|
</div>
|
||||||
</PanelFooterComponent>
|
</PanelFooterComponent>
|
||||||
|
|
|
||||||
|
|
@ -380,12 +380,25 @@ exports[`Excute Edit Table Entity Pane should render Default properly 1`] = `
|
||||||
id="sidePanelOkButton"
|
id="sidePanelOkButton"
|
||||||
text="Update"
|
text="Update"
|
||||||
type="submit"
|
type="submit"
|
||||||
|
>
|
||||||
|
<MergeStylesShadowRootConsumer
|
||||||
|
stylesheetKey="PrimaryButton"
|
||||||
>
|
>
|
||||||
<PrimaryButton
|
<PrimaryButton
|
||||||
ariaLabel="Update"
|
ariaLabel="Update"
|
||||||
data-test="Panel/OkButton"
|
data-test="Panel/OkButton"
|
||||||
disabled={false}
|
disabled={false}
|
||||||
id="sidePanelOkButton"
|
id="sidePanelOkButton"
|
||||||
|
styles={
|
||||||
|
Object {
|
||||||
|
"__shadowConfig__": Object {
|
||||||
|
"__isShadowConfig__": true,
|
||||||
|
"inShadow": false,
|
||||||
|
"stylesheetKey": "PrimaryButton",
|
||||||
|
"window": [Window],
|
||||||
|
},
|
||||||
|
}
|
||||||
|
}
|
||||||
text="Update"
|
text="Update"
|
||||||
theme={
|
theme={
|
||||||
Object {
|
Object {
|
||||||
|
|
@ -669,6 +682,16 @@ exports[`Excute Edit Table Entity Pane should render Default properly 1`] = `
|
||||||
id="sidePanelOkButton"
|
id="sidePanelOkButton"
|
||||||
onRenderDescription={[Function]}
|
onRenderDescription={[Function]}
|
||||||
primary={true}
|
primary={true}
|
||||||
|
styles={
|
||||||
|
Object {
|
||||||
|
"__shadowConfig__": Object {
|
||||||
|
"__isShadowConfig__": true,
|
||||||
|
"inShadow": false,
|
||||||
|
"stylesheetKey": "PrimaryButton",
|
||||||
|
"window": [Window],
|
||||||
|
},
|
||||||
|
}
|
||||||
|
}
|
||||||
text="Update"
|
text="Update"
|
||||||
theme={
|
theme={
|
||||||
Object {
|
Object {
|
||||||
|
|
@ -944,6 +967,9 @@ exports[`Excute Edit Table Entity Pane should render Default properly 1`] = `
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
type="submit"
|
type="submit"
|
||||||
|
>
|
||||||
|
<MergeStylesShadowRootConsumer
|
||||||
|
stylesheetKey="DefaultButton"
|
||||||
>
|
>
|
||||||
<DefaultButton
|
<DefaultButton
|
||||||
ariaLabel="Update"
|
ariaLabel="Update"
|
||||||
|
|
@ -952,6 +978,16 @@ exports[`Excute Edit Table Entity Pane should render Default properly 1`] = `
|
||||||
id="sidePanelOkButton"
|
id="sidePanelOkButton"
|
||||||
onRenderDescription={[Function]}
|
onRenderDescription={[Function]}
|
||||||
primary={true}
|
primary={true}
|
||||||
|
styles={
|
||||||
|
Object {
|
||||||
|
"__shadowConfig__": Object {
|
||||||
|
"__isShadowConfig__": true,
|
||||||
|
"inShadow": false,
|
||||||
|
"stylesheetKey": "DefaultButton",
|
||||||
|
"window": [Window],
|
||||||
|
},
|
||||||
|
}
|
||||||
|
}
|
||||||
text="Update"
|
text="Update"
|
||||||
theme={
|
theme={
|
||||||
Object {
|
Object {
|
||||||
|
|
@ -1239,6 +1275,12 @@ exports[`Excute Edit Table Entity Pane should render Default properly 1`] = `
|
||||||
split={false}
|
split={false}
|
||||||
styles={
|
styles={
|
||||||
Object {
|
Object {
|
||||||
|
"__shadowConfig__": Object {
|
||||||
|
"__isShadowConfig__": true,
|
||||||
|
"inShadow": false,
|
||||||
|
"stylesheetKey": "DefaultButton",
|
||||||
|
"window": [Window],
|
||||||
|
},
|
||||||
"description": Object {
|
"description": Object {
|
||||||
"display": "block",
|
"display": "block",
|
||||||
},
|
},
|
||||||
|
|
@ -1258,12 +1300,10 @@ exports[`Excute Edit Table Entity Pane should render Default properly 1`] = `
|
||||||
"textAlign": "center",
|
"textAlign": "center",
|
||||||
},
|
},
|
||||||
"iconDisabled": Object {
|
"iconDisabled": Object {
|
||||||
"color": "#a19f9d",
|
|
||||||
"selectors": Object {
|
|
||||||
"@media screen and (-ms-high-contrast: active), screen and (forced-colors: active)": Object {
|
"@media screen and (-ms-high-contrast: active), screen and (forced-colors: active)": Object {
|
||||||
"color": "GrayText",
|
"color": "GrayText",
|
||||||
},
|
},
|
||||||
},
|
"color": "#a19f9d",
|
||||||
},
|
},
|
||||||
"label": Array [
|
"label": Array [
|
||||||
Object {
|
Object {
|
||||||
|
|
@ -1284,19 +1324,17 @@ exports[`Excute Edit Table Entity Pane should render Default properly 1`] = `
|
||||||
"textAlign": "center",
|
"textAlign": "center",
|
||||||
},
|
},
|
||||||
"menuIconDisabled": Object {
|
"menuIconDisabled": Object {
|
||||||
"color": "#a19f9d",
|
|
||||||
"selectors": Object {
|
|
||||||
"@media screen and (-ms-high-contrast: active), screen and (forced-colors: active)": Object {
|
"@media screen and (-ms-high-contrast: active), screen and (forced-colors: active)": Object {
|
||||||
"color": "GrayText",
|
"color": "GrayText",
|
||||||
},
|
},
|
||||||
},
|
"color": "#a19f9d",
|
||||||
},
|
},
|
||||||
"root": Array [
|
"root": Array [
|
||||||
Object {
|
Object {
|
||||||
"outline": "transparent",
|
"outline": "transparent",
|
||||||
"position": "relative",
|
"position": "relative",
|
||||||
"selectors": Object {
|
"selectors": Object {
|
||||||
".ms-Fabric--isFocusVisible &:focus:after": Object {
|
".ms-Fabric--isFocusVisible &:focus:after, :host(.ms-Fabric--isFocusVisible) &:focus:after": Object {
|
||||||
"border": "1px solid transparent",
|
"border": "1px solid transparent",
|
||||||
"borderRadius": undefined,
|
"borderRadius": undefined,
|
||||||
"bottom": 2,
|
"bottom": 2,
|
||||||
|
|
@ -1331,19 +1369,17 @@ exports[`Excute Edit Table Entity Pane should render Default properly 1`] = `
|
||||||
"fontWeight": 400,
|
"fontWeight": 400,
|
||||||
},
|
},
|
||||||
Object {
|
Object {
|
||||||
|
":active > span": Object {
|
||||||
|
"left": 0,
|
||||||
|
"position": "relative",
|
||||||
|
"top": 0,
|
||||||
|
},
|
||||||
"border": "1px solid #8a8886",
|
"border": "1px solid #8a8886",
|
||||||
"borderRadius": "2px",
|
"borderRadius": "2px",
|
||||||
"boxSizing": "border-box",
|
"boxSizing": "border-box",
|
||||||
"cursor": "pointer",
|
"cursor": "pointer",
|
||||||
"display": "inline-block",
|
"display": "inline-block",
|
||||||
"padding": "0 16px",
|
"padding": "0 16px",
|
||||||
"selectors": Object {
|
|
||||||
":active > span": Object {
|
|
||||||
"left": 0,
|
|
||||||
"position": "relative",
|
|
||||||
"top": 0,
|
|
||||||
},
|
|
||||||
},
|
|
||||||
"textAlign": "center",
|
"textAlign": "center",
|
||||||
"textDecoration": "none",
|
"textDecoration": "none",
|
||||||
"userSelect": "none",
|
"userSelect": "none",
|
||||||
|
|
@ -1353,18 +1389,12 @@ exports[`Excute Edit Table Entity Pane should render Default properly 1`] = `
|
||||||
"minWidth": "80px",
|
"minWidth": "80px",
|
||||||
},
|
},
|
||||||
Object {
|
Object {
|
||||||
"backgroundColor": "#0078d4",
|
".ms-Fabric--isFocusVisible &:focus, :host(.ms-Fabric--isFocusVisible) &:focus": Object {
|
||||||
"border": "1px solid #0078d4",
|
|
||||||
"color": "#ffffff",
|
|
||||||
"selectors": Object {
|
|
||||||
".ms-Fabric--isFocusVisible &:focus": Object {
|
|
||||||
"selectors": Object {
|
|
||||||
":after": Object {
|
":after": Object {
|
||||||
"border": "none",
|
"border": "none",
|
||||||
"outlineColor": "#ffffff",
|
"outlineColor": "#ffffff",
|
||||||
},
|
},
|
||||||
},
|
},
|
||||||
},
|
|
||||||
"@media screen and (-ms-high-contrast: active), screen and (forced-colors: active)": Object {
|
"@media screen and (-ms-high-contrast: active), screen and (forced-colors: active)": Object {
|
||||||
"MsHighContrastAdjust": "none",
|
"MsHighContrastAdjust": "none",
|
||||||
"backgroundColor": "WindowText",
|
"backgroundColor": "WindowText",
|
||||||
|
|
@ -1372,7 +1402,9 @@ exports[`Excute Edit Table Entity Pane should render Default properly 1`] = `
|
||||||
"color": "Window",
|
"color": "Window",
|
||||||
"forcedColorAdjust": "none",
|
"forcedColorAdjust": "none",
|
||||||
},
|
},
|
||||||
},
|
"backgroundColor": "#0078d4",
|
||||||
|
"border": "1px solid #0078d4",
|
||||||
|
"color": "#ffffff",
|
||||||
},
|
},
|
||||||
],
|
],
|
||||||
"rootChecked": Object {
|
"rootChecked": Object {
|
||||||
|
|
@ -1388,7 +1420,7 @@ exports[`Excute Edit Table Entity Pane should render Default properly 1`] = `
|
||||||
"outline": "transparent",
|
"outline": "transparent",
|
||||||
"position": "relative",
|
"position": "relative",
|
||||||
"selectors": Object {
|
"selectors": Object {
|
||||||
".ms-Fabric--isFocusVisible &:focus:after": Object {
|
".ms-Fabric--isFocusVisible &:focus:after, :host(.ms-Fabric--isFocusVisible) &:focus:after": Object {
|
||||||
"border": "1px solid transparent",
|
"border": "1px solid transparent",
|
||||||
"borderRadius": undefined,
|
"borderRadius": undefined,
|
||||||
"bottom": 2,
|
"bottom": 2,
|
||||||
|
|
@ -1416,29 +1448,25 @@ exports[`Excute Edit Table Entity Pane should render Default properly 1`] = `
|
||||||
},
|
},
|
||||||
},
|
},
|
||||||
Object {
|
Object {
|
||||||
"backgroundColor": "#f3f2f1",
|
|
||||||
"borderColor": "#f3f2f1",
|
|
||||||
"color": "#a19f9d",
|
|
||||||
"cursor": "default",
|
|
||||||
"selectors": Object {
|
|
||||||
":focus": Object {
|
":focus": Object {
|
||||||
"outline": 0,
|
"outline": 0,
|
||||||
},
|
},
|
||||||
":hover": Object {
|
":hover": Object {
|
||||||
"outline": 0,
|
"outline": 0,
|
||||||
},
|
},
|
||||||
},
|
"backgroundColor": "#f3f2f1",
|
||||||
|
"borderColor": "#f3f2f1",
|
||||||
|
"color": "#a19f9d",
|
||||||
|
"cursor": "default",
|
||||||
},
|
},
|
||||||
Object {
|
Object {
|
||||||
"backgroundColor": "#f3f2f1",
|
|
||||||
"color": "#d2d0ce",
|
|
||||||
"selectors": Object {
|
|
||||||
"@media screen and (-ms-high-contrast: active), screen and (forced-colors: active)": Object {
|
"@media screen and (-ms-high-contrast: active), screen and (forced-colors: active)": Object {
|
||||||
"backgroundColor": "Window",
|
"backgroundColor": "Window",
|
||||||
"borderColor": "GrayText",
|
"borderColor": "GrayText",
|
||||||
"color": "GrayText",
|
"color": "GrayText",
|
||||||
},
|
},
|
||||||
},
|
"backgroundColor": "#f3f2f1",
|
||||||
|
"color": "#d2d0ce",
|
||||||
},
|
},
|
||||||
],
|
],
|
||||||
"rootExpanded": Object {
|
"rootExpanded": Object {
|
||||||
|
|
@ -1446,22 +1474,16 @@ exports[`Excute Edit Table Entity Pane should render Default properly 1`] = `
|
||||||
"color": "#ffffff",
|
"color": "#ffffff",
|
||||||
},
|
},
|
||||||
"rootHovered": Object {
|
"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 {
|
"@media screen and (-ms-high-contrast: active), screen and (forced-colors: active)": Object {
|
||||||
"backgroundColor": "Highlight",
|
"backgroundColor": "Highlight",
|
||||||
"borderColor": "Highlight",
|
"borderColor": "Highlight",
|
||||||
"color": "Window",
|
"color": "Window",
|
||||||
},
|
},
|
||||||
},
|
"backgroundColor": "#106ebe",
|
||||||
|
"border": "1px solid #106ebe",
|
||||||
|
"color": "#ffffff",
|
||||||
},
|
},
|
||||||
"rootPressed": Object {
|
"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 {
|
"@media screen and (-ms-high-contrast: active), screen and (forced-colors: active)": Object {
|
||||||
"MsHighContrastAdjust": "none",
|
"MsHighContrastAdjust": "none",
|
||||||
"backgroundColor": "WindowText",
|
"backgroundColor": "WindowText",
|
||||||
|
|
@ -1469,7 +1491,9 @@ exports[`Excute Edit Table Entity Pane should render Default properly 1`] = `
|
||||||
"color": "Window",
|
"color": "Window",
|
||||||
"forcedColorAdjust": "none",
|
"forcedColorAdjust": "none",
|
||||||
},
|
},
|
||||||
},
|
"backgroundColor": "#005a9e",
|
||||||
|
"border": "1px solid #005a9e",
|
||||||
|
"color": "#ffffff",
|
||||||
},
|
},
|
||||||
"screenReaderText": Object {
|
"screenReaderText": Object {
|
||||||
"border": 0,
|
"border": 0,
|
||||||
|
|
@ -1483,17 +1507,15 @@ exports[`Excute Edit Table Entity Pane should render Default properly 1`] = `
|
||||||
},
|
},
|
||||||
"splitButtonContainer": Array [
|
"splitButtonContainer": Array [
|
||||||
Object {
|
Object {
|
||||||
"selectors": Object {
|
|
||||||
"@media screen and (-ms-high-contrast: active), screen and (forced-colors: active)": Object {
|
"@media screen and (-ms-high-contrast: active), screen and (forced-colors: active)": Object {
|
||||||
"border": "none",
|
"border": "none",
|
||||||
},
|
},
|
||||||
},
|
},
|
||||||
},
|
|
||||||
Object {
|
Object {
|
||||||
"outline": "transparent",
|
"outline": "transparent",
|
||||||
"position": "relative",
|
"position": "relative",
|
||||||
"selectors": Object {
|
"selectors": Object {
|
||||||
".ms-Fabric--isFocusVisible &:focus:after": Object {
|
".ms-Fabric--isFocusVisible &:focus:after, :host(.ms-Fabric--isFocusVisible) &:focus:after": Object {
|
||||||
"border": "1px solid #ffffff",
|
"border": "1px solid #ffffff",
|
||||||
"borderRadius": undefined,
|
"borderRadius": undefined,
|
||||||
"bottom": 3,
|
"bottom": 3,
|
||||||
|
|
@ -1521,20 +1543,43 @@ exports[`Excute Edit Table Entity Pane should render Default properly 1`] = `
|
||||||
},
|
},
|
||||||
},
|
},
|
||||||
Object {
|
Object {
|
||||||
"display": "inline-flex",
|
|
||||||
"selectors": Object {
|
|
||||||
".ms-Button--default": Object {
|
".ms-Button--default": Object {
|
||||||
"borderBottomRightRadius": "0",
|
"borderBottomRightRadius": "0",
|
||||||
"borderRight": "none",
|
"borderRight": "none",
|
||||||
"borderTopRightRadius": "0",
|
"borderTopRightRadius": "0",
|
||||||
"flexGrow": "1",
|
"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 {
|
".ms-Button--primary": Object {
|
||||||
"border": "none",
|
|
||||||
"borderBottomRightRadius": "0",
|
|
||||||
"borderTopRightRadius": "0",
|
|
||||||
"flexGrow": "1",
|
|
||||||
"selectors": Object {
|
|
||||||
":active": Object {
|
":active": Object {
|
||||||
"border": "none",
|
"border": "none",
|
||||||
},
|
},
|
||||||
|
|
@ -1542,6 +1587,15 @@ exports[`Excute Edit Table Entity Pane should render Default properly 1`] = `
|
||||||
"border": "none",
|
"border": "none",
|
||||||
},
|
},
|
||||||
"@media screen and (-ms-high-contrast: active), screen and (forced-colors: active)": Object {
|
"@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",
|
"MsHighContrastAdjust": "none",
|
||||||
"backgroundColor": "Window",
|
"backgroundColor": "Window",
|
||||||
"border": "1px solid WindowText",
|
"border": "1px solid WindowText",
|
||||||
|
|
@ -1549,24 +1603,51 @@ exports[`Excute Edit Table Entity Pane should render Default properly 1`] = `
|
||||||
"color": "WindowText",
|
"color": "WindowText",
|
||||||
"forcedColorAdjust": "none",
|
"forcedColorAdjust": "none",
|
||||||
},
|
},
|
||||||
},
|
"border": "none",
|
||||||
|
"borderBottomRightRadius": "0",
|
||||||
|
"borderTopRightRadius": "0",
|
||||||
|
"flexGrow": "1",
|
||||||
},
|
},
|
||||||
".ms-Button--primary + .ms-Button": Object {
|
".ms-Button--primary + .ms-Button": Object {
|
||||||
"border": "none",
|
|
||||||
"selectors": Object {
|
|
||||||
"@media screen and (-ms-high-contrast: active), screen and (forced-colors: active)": 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",
|
"border": "1px solid WindowText",
|
||||||
"borderLeftWidth": "0",
|
"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 {
|
"splitButtonContainerChecked": Object {
|
||||||
"selectors": Object {
|
|
||||||
".ms-Button--primary": Object {
|
".ms-Button--primary": Object {
|
||||||
"selectors": Object {
|
|
||||||
"@media screen and (-ms-high-contrast: active), screen and (forced-colors: active)": Object {
|
"@media screen and (-ms-high-contrast: active), screen and (forced-colors: active)": Object {
|
||||||
"MsHighContrastAdjust": "none",
|
"MsHighContrastAdjust": "none",
|
||||||
"backgroundColor": "WindowText",
|
"backgroundColor": "WindowText",
|
||||||
|
|
@ -1575,12 +1656,8 @@ exports[`Excute Edit Table Entity Pane should render Default properly 1`] = `
|
||||||
},
|
},
|
||||||
},
|
},
|
||||||
},
|
},
|
||||||
},
|
|
||||||
},
|
|
||||||
"splitButtonContainerCheckedHovered": Object {
|
"splitButtonContainerCheckedHovered": Object {
|
||||||
"selectors": Object {
|
|
||||||
".ms-Button--primary": Object {
|
".ms-Button--primary": Object {
|
||||||
"selectors": Object {
|
|
||||||
"@media screen and (-ms-high-contrast: active), screen and (forced-colors: active)": Object {
|
"@media screen and (-ms-high-contrast: active), screen and (forced-colors: active)": Object {
|
||||||
"MsHighContrastAdjust": "none",
|
"MsHighContrastAdjust": "none",
|
||||||
"backgroundColor": "WindowText",
|
"backgroundColor": "WindowText",
|
||||||
|
|
@ -1589,12 +1666,7 @@ exports[`Excute Edit Table Entity Pane should render Default properly 1`] = `
|
||||||
},
|
},
|
||||||
},
|
},
|
||||||
},
|
},
|
||||||
},
|
|
||||||
},
|
|
||||||
"splitButtonContainerDisabled": Object {
|
"splitButtonContainerDisabled": Object {
|
||||||
"border": "none",
|
|
||||||
"outline": "none",
|
|
||||||
"selectors": Object {
|
|
||||||
"@media screen and (-ms-high-contrast: active), screen and (forced-colors: active)": Object {
|
"@media screen and (-ms-high-contrast: active), screen and (forced-colors: active)": Object {
|
||||||
"MsHighContrastAdjust": "none",
|
"MsHighContrastAdjust": "none",
|
||||||
"backgroundColor": "Window",
|
"backgroundColor": "Window",
|
||||||
|
|
@ -1602,69 +1674,62 @@ exports[`Excute Edit Table Entity Pane should render Default properly 1`] = `
|
||||||
"color": "GrayText",
|
"color": "GrayText",
|
||||||
"forcedColorAdjust": "none",
|
"forcedColorAdjust": "none",
|
||||||
},
|
},
|
||||||
},
|
"border": "none",
|
||||||
|
"outline": "none",
|
||||||
},
|
},
|
||||||
"splitButtonContainerFocused": Object {
|
"splitButtonContainerFocused": Object {
|
||||||
"outline": "none!important",
|
"outline": "none!important",
|
||||||
},
|
},
|
||||||
"splitButtonContainerHovered": Object {
|
"splitButtonContainerHovered": Object {
|
||||||
"selectors": Object {
|
".ms-Button--default.is-disabled": 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 {
|
|
||||||
"@media screen and (-ms-high-contrast: active), screen and (forced-colors: active)": Object {
|
"@media screen and (-ms-high-contrast: active), screen and (forced-colors: active)": Object {
|
||||||
"backgroundColor": "Window",
|
"backgroundColor": "Window",
|
||||||
"borderColor": "GrayText",
|
"borderColor": "GrayText",
|
||||||
"color": "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 [
|
"splitButtonDivider": Array [
|
||||||
Object {
|
Object {
|
||||||
|
"@media screen and (-ms-high-contrast: active), screen and (forced-colors: active)": Object {
|
||||||
|
"backgroundColor": "Window",
|
||||||
|
},
|
||||||
"backgroundColor": "#ffffff",
|
"backgroundColor": "#ffffff",
|
||||||
"bottom": 8,
|
"bottom": 8,
|
||||||
"position": "absolute",
|
"position": "absolute",
|
||||||
"right": 31,
|
"right": 31,
|
||||||
"selectors": Object {
|
|
||||||
"@media screen and (-ms-high-contrast: active), screen and (forced-colors: active)": Object {
|
|
||||||
"backgroundColor": "Window",
|
|
||||||
},
|
|
||||||
},
|
|
||||||
"top": 8,
|
"top": 8,
|
||||||
"width": 1,
|
"width": 1,
|
||||||
},
|
},
|
||||||
Object {
|
Object {
|
||||||
"bottom": 8,
|
|
||||||
"position": "absolute",
|
|
||||||
"right": 31,
|
|
||||||
"selectors": Object {
|
|
||||||
"@media screen and (-ms-high-contrast: active), screen and (forced-colors: active)": Object {
|
"@media screen and (-ms-high-contrast: active), screen and (forced-colors: active)": Object {
|
||||||
"backgroundColor": "WindowText",
|
"backgroundColor": "WindowText",
|
||||||
},
|
},
|
||||||
},
|
"bottom": 8,
|
||||||
|
"position": "absolute",
|
||||||
|
"right": 31,
|
||||||
"top": 8,
|
"top": 8,
|
||||||
"width": 1,
|
"width": 1,
|
||||||
},
|
},
|
||||||
],
|
],
|
||||||
"splitButtonDividerDisabled": Object {
|
"splitButtonDividerDisabled": Object {
|
||||||
"bottom": 8,
|
|
||||||
"position": "absolute",
|
|
||||||
"right": 31,
|
|
||||||
"selectors": Object {
|
|
||||||
"@media screen and (-ms-high-contrast: active), screen and (forced-colors: active)": Object {
|
"@media screen and (-ms-high-contrast: active), screen and (forced-colors: active)": Object {
|
||||||
"backgroundColor": "GrayText",
|
"backgroundColor": "GrayText",
|
||||||
},
|
},
|
||||||
},
|
"bottom": 8,
|
||||||
|
"position": "absolute",
|
||||||
|
"right": 31,
|
||||||
"top": 8,
|
"top": 8,
|
||||||
"width": 1,
|
"width": 1,
|
||||||
},
|
},
|
||||||
|
|
@ -1677,21 +1742,17 @@ exports[`Excute Edit Table Entity Pane should render Default properly 1`] = `
|
||||||
},
|
},
|
||||||
"splitButtonMenuButton": Array [
|
"splitButtonMenuButton": Array [
|
||||||
Object {
|
Object {
|
||||||
"backgroundColor": "#0078d4",
|
|
||||||
"color": "#ffffff",
|
|
||||||
"selectors": Object {
|
|
||||||
":hover": Object {
|
":hover": Object {
|
||||||
"backgroundColor": "#106ebe",
|
|
||||||
"selectors": Object {
|
|
||||||
"@media screen and (-ms-high-contrast: active), screen and (forced-colors: active)": Object {
|
"@media screen and (-ms-high-contrast: active), screen and (forced-colors: active)": Object {
|
||||||
"color": "Highlight",
|
"color": "Highlight",
|
||||||
},
|
},
|
||||||
},
|
"backgroundColor": "#106ebe",
|
||||||
},
|
},
|
||||||
"@media screen and (-ms-high-contrast: active), screen and (forced-colors: active)": Object {
|
"@media screen and (-ms-high-contrast: active), screen and (forced-colors: active)": Object {
|
||||||
"backgroundColor": "Canvas",
|
"backgroundColor": "Canvas",
|
||||||
},
|
},
|
||||||
},
|
"backgroundColor": "#0078d4",
|
||||||
|
"color": "#ffffff",
|
||||||
},
|
},
|
||||||
Object {
|
Object {
|
||||||
"@media screen and (-ms-high-contrast: active), screen and (forced-colors: active)": 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 {
|
"splitButtonMenuButtonChecked": Object {
|
||||||
"backgroundColor": "#005a9e",
|
|
||||||
"selectors": Object {
|
|
||||||
":hover": Object {
|
":hover": Object {
|
||||||
"backgroundColor": "#005a9e",
|
"backgroundColor": "#005a9e",
|
||||||
},
|
},
|
||||||
},
|
"backgroundColor": "#005a9e",
|
||||||
},
|
},
|
||||||
"splitButtonMenuButtonDisabled": Array [
|
"splitButtonMenuButtonDisabled": Array [
|
||||||
Object {
|
Object {
|
||||||
"backgroundColor": "#f3f2f1",
|
|
||||||
"selectors": Object {
|
|
||||||
":hover": Object {
|
":hover": Object {
|
||||||
"backgroundColor": "#f3f2f1",
|
"backgroundColor": "#f3f2f1",
|
||||||
},
|
},
|
||||||
},
|
"backgroundColor": "#f3f2f1",
|
||||||
},
|
},
|
||||||
Object {
|
Object {
|
||||||
"border": "none",
|
|
||||||
"pointerEvents": "none",
|
|
||||||
"selectors": Object {
|
|
||||||
".ms-Button--primary": Object {
|
".ms-Button--primary": Object {
|
||||||
"selectors": Object {
|
|
||||||
"@media screen and (-ms-high-contrast: active), screen and (forced-colors: active)": Object {
|
"@media screen and (-ms-high-contrast: active), screen and (forced-colors: active)": Object {
|
||||||
"backgroundColor": "Window",
|
"backgroundColor": "Window",
|
||||||
"borderColor": "GrayText",
|
"borderColor": "GrayText",
|
||||||
"color": "GrayText",
|
"color": "GrayText",
|
||||||
},
|
},
|
||||||
},
|
},
|
||||||
},
|
|
||||||
".ms-Button-menuIcon": Object {
|
".ms-Button-menuIcon": Object {
|
||||||
"selectors": Object {
|
|
||||||
"@media screen and (-ms-high-contrast: active), screen and (forced-colors: active)": Object {
|
"@media screen and (-ms-high-contrast: active), screen and (forced-colors: active)": Object {
|
||||||
"color": "GrayText",
|
"color": "GrayText",
|
||||||
},
|
},
|
||||||
},
|
},
|
||||||
},
|
|
||||||
":hover": Object {
|
":hover": Object {
|
||||||
"cursor": "default",
|
"cursor": "default",
|
||||||
},
|
},
|
||||||
|
|
@ -1766,22 +1816,21 @@ exports[`Excute Edit Table Entity Pane should render Default properly 1`] = `
|
||||||
"border": "1px solid GrayText",
|
"border": "1px solid GrayText",
|
||||||
"color": "GrayText",
|
"color": "GrayText",
|
||||||
},
|
},
|
||||||
},
|
"border": "none",
|
||||||
|
"pointerEvents": "none",
|
||||||
},
|
},
|
||||||
],
|
],
|
||||||
"splitButtonMenuButtonExpanded": Object {
|
"splitButtonMenuButtonExpanded": Object {
|
||||||
"backgroundColor": "#005a9e",
|
|
||||||
"selectors": Object {
|
|
||||||
":hover": Object {
|
":hover": Object {
|
||||||
"backgroundColor": "#005a9e",
|
"backgroundColor": "#005a9e",
|
||||||
},
|
},
|
||||||
},
|
"backgroundColor": "#005a9e",
|
||||||
},
|
},
|
||||||
"splitButtonMenuFocused": Object {
|
"splitButtonMenuFocused": Object {
|
||||||
"outline": "transparent",
|
"outline": "transparent",
|
||||||
"position": "relative",
|
"position": "relative",
|
||||||
"selectors": Object {
|
"selectors": Object {
|
||||||
".ms-Fabric--isFocusVisible &:focus:after": Object {
|
".ms-Fabric--isFocusVisible &:focus:after, :host(.ms-Fabric--isFocusVisible) &:focus:after": Object {
|
||||||
"border": "1px solid #ffffff",
|
"border": "1px solid #ffffff",
|
||||||
"borderRadius": undefined,
|
"borderRadius": undefined,
|
||||||
"bottom": 3,
|
"bottom": 3,
|
||||||
|
|
@ -1812,12 +1861,10 @@ exports[`Excute Edit Table Entity Pane should render Default properly 1`] = `
|
||||||
"color": "#ffffff",
|
"color": "#ffffff",
|
||||||
},
|
},
|
||||||
"splitButtonMenuIconDisabled": Object {
|
"splitButtonMenuIconDisabled": Object {
|
||||||
"color": "#a19f9d",
|
|
||||||
"selectors": Object {
|
|
||||||
"@media screen and (-ms-high-contrast: active), screen and (forced-colors: active)": Object {
|
"@media screen and (-ms-high-contrast: active), screen and (forced-colors: active)": Object {
|
||||||
"color": "GrayText",
|
"color": "GrayText",
|
||||||
},
|
},
|
||||||
},
|
"color": "#a19f9d",
|
||||||
},
|
},
|
||||||
"textContainer": Object {
|
"textContainer": Object {
|
||||||
"display": "block",
|
"display": "block",
|
||||||
|
|
@ -2136,8 +2183,10 @@ exports[`Excute Edit Table Entity Pane should render Default properly 1`] = `
|
||||||
<FocusRects />
|
<FocusRects />
|
||||||
</BaseButton>
|
</BaseButton>
|
||||||
</DefaultButton>
|
</DefaultButton>
|
||||||
|
</MergeStylesShadowRootConsumer>
|
||||||
</CustomizedDefaultButton>
|
</CustomizedDefaultButton>
|
||||||
</PrimaryButton>
|
</PrimaryButton>
|
||||||
|
</MergeStylesShadowRootConsumer>
|
||||||
</CustomizedPrimaryButton>
|
</CustomizedPrimaryButton>
|
||||||
</div>
|
</div>
|
||||||
</PanelFooterComponent>
|
</PanelFooterComponent>
|
||||||
|
|
|
||||||
|
|
@ -1061,12 +1061,25 @@ exports[`Delete Database Confirmation Pane Should call delete database 1`] = `
|
||||||
id="sidePanelOkButton"
|
id="sidePanelOkButton"
|
||||||
text="OK"
|
text="OK"
|
||||||
type="submit"
|
type="submit"
|
||||||
|
>
|
||||||
|
<MergeStylesShadowRootConsumer
|
||||||
|
stylesheetKey="PrimaryButton"
|
||||||
>
|
>
|
||||||
<PrimaryButton
|
<PrimaryButton
|
||||||
ariaLabel="OK"
|
ariaLabel="OK"
|
||||||
data-test="Panel/OkButton"
|
data-test="Panel/OkButton"
|
||||||
disabled={false}
|
disabled={false}
|
||||||
id="sidePanelOkButton"
|
id="sidePanelOkButton"
|
||||||
|
styles={
|
||||||
|
Object {
|
||||||
|
"__shadowConfig__": Object {
|
||||||
|
"__isShadowConfig__": true,
|
||||||
|
"inShadow": false,
|
||||||
|
"stylesheetKey": "PrimaryButton",
|
||||||
|
"window": [Window],
|
||||||
|
},
|
||||||
|
}
|
||||||
|
}
|
||||||
text="OK"
|
text="OK"
|
||||||
theme={
|
theme={
|
||||||
Object {
|
Object {
|
||||||
|
|
@ -1350,6 +1363,16 @@ exports[`Delete Database Confirmation Pane Should call delete database 1`] = `
|
||||||
id="sidePanelOkButton"
|
id="sidePanelOkButton"
|
||||||
onRenderDescription={[Function]}
|
onRenderDescription={[Function]}
|
||||||
primary={true}
|
primary={true}
|
||||||
|
styles={
|
||||||
|
Object {
|
||||||
|
"__shadowConfig__": Object {
|
||||||
|
"__isShadowConfig__": true,
|
||||||
|
"inShadow": false,
|
||||||
|
"stylesheetKey": "PrimaryButton",
|
||||||
|
"window": [Window],
|
||||||
|
},
|
||||||
|
}
|
||||||
|
}
|
||||||
text="OK"
|
text="OK"
|
||||||
theme={
|
theme={
|
||||||
Object {
|
Object {
|
||||||
|
|
@ -1625,6 +1648,9 @@ exports[`Delete Database Confirmation Pane Should call delete database 1`] = `
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
type="submit"
|
type="submit"
|
||||||
|
>
|
||||||
|
<MergeStylesShadowRootConsumer
|
||||||
|
stylesheetKey="DefaultButton"
|
||||||
>
|
>
|
||||||
<DefaultButton
|
<DefaultButton
|
||||||
ariaLabel="OK"
|
ariaLabel="OK"
|
||||||
|
|
@ -1633,6 +1659,16 @@ exports[`Delete Database Confirmation Pane Should call delete database 1`] = `
|
||||||
id="sidePanelOkButton"
|
id="sidePanelOkButton"
|
||||||
onRenderDescription={[Function]}
|
onRenderDescription={[Function]}
|
||||||
primary={true}
|
primary={true}
|
||||||
|
styles={
|
||||||
|
Object {
|
||||||
|
"__shadowConfig__": Object {
|
||||||
|
"__isShadowConfig__": true,
|
||||||
|
"inShadow": false,
|
||||||
|
"stylesheetKey": "DefaultButton",
|
||||||
|
"window": [Window],
|
||||||
|
},
|
||||||
|
}
|
||||||
|
}
|
||||||
text="OK"
|
text="OK"
|
||||||
theme={
|
theme={
|
||||||
Object {
|
Object {
|
||||||
|
|
@ -1920,6 +1956,12 @@ exports[`Delete Database Confirmation Pane Should call delete database 1`] = `
|
||||||
split={false}
|
split={false}
|
||||||
styles={
|
styles={
|
||||||
Object {
|
Object {
|
||||||
|
"__shadowConfig__": Object {
|
||||||
|
"__isShadowConfig__": true,
|
||||||
|
"inShadow": false,
|
||||||
|
"stylesheetKey": "DefaultButton",
|
||||||
|
"window": [Window],
|
||||||
|
},
|
||||||
"description": Object {
|
"description": Object {
|
||||||
"display": "block",
|
"display": "block",
|
||||||
},
|
},
|
||||||
|
|
@ -1939,12 +1981,10 @@ exports[`Delete Database Confirmation Pane Should call delete database 1`] = `
|
||||||
"textAlign": "center",
|
"textAlign": "center",
|
||||||
},
|
},
|
||||||
"iconDisabled": Object {
|
"iconDisabled": Object {
|
||||||
"color": "#a19f9d",
|
|
||||||
"selectors": Object {
|
|
||||||
"@media screen and (-ms-high-contrast: active), screen and (forced-colors: active)": Object {
|
"@media screen and (-ms-high-contrast: active), screen and (forced-colors: active)": Object {
|
||||||
"color": "GrayText",
|
"color": "GrayText",
|
||||||
},
|
},
|
||||||
},
|
"color": "#a19f9d",
|
||||||
},
|
},
|
||||||
"label": Array [
|
"label": Array [
|
||||||
Object {
|
Object {
|
||||||
|
|
@ -1965,19 +2005,17 @@ exports[`Delete Database Confirmation Pane Should call delete database 1`] = `
|
||||||
"textAlign": "center",
|
"textAlign": "center",
|
||||||
},
|
},
|
||||||
"menuIconDisabled": Object {
|
"menuIconDisabled": Object {
|
||||||
"color": "#a19f9d",
|
|
||||||
"selectors": Object {
|
|
||||||
"@media screen and (-ms-high-contrast: active), screen and (forced-colors: active)": Object {
|
"@media screen and (-ms-high-contrast: active), screen and (forced-colors: active)": Object {
|
||||||
"color": "GrayText",
|
"color": "GrayText",
|
||||||
},
|
},
|
||||||
},
|
"color": "#a19f9d",
|
||||||
},
|
},
|
||||||
"root": Array [
|
"root": Array [
|
||||||
Object {
|
Object {
|
||||||
"outline": "transparent",
|
"outline": "transparent",
|
||||||
"position": "relative",
|
"position": "relative",
|
||||||
"selectors": Object {
|
"selectors": Object {
|
||||||
".ms-Fabric--isFocusVisible &:focus:after": Object {
|
".ms-Fabric--isFocusVisible &:focus:after, :host(.ms-Fabric--isFocusVisible) &:focus:after": Object {
|
||||||
"border": "1px solid transparent",
|
"border": "1px solid transparent",
|
||||||
"borderRadius": undefined,
|
"borderRadius": undefined,
|
||||||
"bottom": 2,
|
"bottom": 2,
|
||||||
|
|
@ -2012,19 +2050,17 @@ exports[`Delete Database Confirmation Pane Should call delete database 1`] = `
|
||||||
"fontWeight": 400,
|
"fontWeight": 400,
|
||||||
},
|
},
|
||||||
Object {
|
Object {
|
||||||
|
":active > span": Object {
|
||||||
|
"left": 0,
|
||||||
|
"position": "relative",
|
||||||
|
"top": 0,
|
||||||
|
},
|
||||||
"border": "1px solid #8a8886",
|
"border": "1px solid #8a8886",
|
||||||
"borderRadius": "2px",
|
"borderRadius": "2px",
|
||||||
"boxSizing": "border-box",
|
"boxSizing": "border-box",
|
||||||
"cursor": "pointer",
|
"cursor": "pointer",
|
||||||
"display": "inline-block",
|
"display": "inline-block",
|
||||||
"padding": "0 16px",
|
"padding": "0 16px",
|
||||||
"selectors": Object {
|
|
||||||
":active > span": Object {
|
|
||||||
"left": 0,
|
|
||||||
"position": "relative",
|
|
||||||
"top": 0,
|
|
||||||
},
|
|
||||||
},
|
|
||||||
"textAlign": "center",
|
"textAlign": "center",
|
||||||
"textDecoration": "none",
|
"textDecoration": "none",
|
||||||
"userSelect": "none",
|
"userSelect": "none",
|
||||||
|
|
@ -2034,18 +2070,12 @@ exports[`Delete Database Confirmation Pane Should call delete database 1`] = `
|
||||||
"minWidth": "80px",
|
"minWidth": "80px",
|
||||||
},
|
},
|
||||||
Object {
|
Object {
|
||||||
"backgroundColor": "#0078d4",
|
".ms-Fabric--isFocusVisible &:focus, :host(.ms-Fabric--isFocusVisible) &:focus": Object {
|
||||||
"border": "1px solid #0078d4",
|
|
||||||
"color": "#ffffff",
|
|
||||||
"selectors": Object {
|
|
||||||
".ms-Fabric--isFocusVisible &:focus": Object {
|
|
||||||
"selectors": Object {
|
|
||||||
":after": Object {
|
":after": Object {
|
||||||
"border": "none",
|
"border": "none",
|
||||||
"outlineColor": "#ffffff",
|
"outlineColor": "#ffffff",
|
||||||
},
|
},
|
||||||
},
|
},
|
||||||
},
|
|
||||||
"@media screen and (-ms-high-contrast: active), screen and (forced-colors: active)": Object {
|
"@media screen and (-ms-high-contrast: active), screen and (forced-colors: active)": Object {
|
||||||
"MsHighContrastAdjust": "none",
|
"MsHighContrastAdjust": "none",
|
||||||
"backgroundColor": "WindowText",
|
"backgroundColor": "WindowText",
|
||||||
|
|
@ -2053,7 +2083,9 @@ exports[`Delete Database Confirmation Pane Should call delete database 1`] = `
|
||||||
"color": "Window",
|
"color": "Window",
|
||||||
"forcedColorAdjust": "none",
|
"forcedColorAdjust": "none",
|
||||||
},
|
},
|
||||||
},
|
"backgroundColor": "#0078d4",
|
||||||
|
"border": "1px solid #0078d4",
|
||||||
|
"color": "#ffffff",
|
||||||
},
|
},
|
||||||
],
|
],
|
||||||
"rootChecked": Object {
|
"rootChecked": Object {
|
||||||
|
|
@ -2069,7 +2101,7 @@ exports[`Delete Database Confirmation Pane Should call delete database 1`] = `
|
||||||
"outline": "transparent",
|
"outline": "transparent",
|
||||||
"position": "relative",
|
"position": "relative",
|
||||||
"selectors": Object {
|
"selectors": Object {
|
||||||
".ms-Fabric--isFocusVisible &:focus:after": Object {
|
".ms-Fabric--isFocusVisible &:focus:after, :host(.ms-Fabric--isFocusVisible) &:focus:after": Object {
|
||||||
"border": "1px solid transparent",
|
"border": "1px solid transparent",
|
||||||
"borderRadius": undefined,
|
"borderRadius": undefined,
|
||||||
"bottom": 2,
|
"bottom": 2,
|
||||||
|
|
@ -2097,29 +2129,25 @@ exports[`Delete Database Confirmation Pane Should call delete database 1`] = `
|
||||||
},
|
},
|
||||||
},
|
},
|
||||||
Object {
|
Object {
|
||||||
"backgroundColor": "#f3f2f1",
|
|
||||||
"borderColor": "#f3f2f1",
|
|
||||||
"color": "#a19f9d",
|
|
||||||
"cursor": "default",
|
|
||||||
"selectors": Object {
|
|
||||||
":focus": Object {
|
":focus": Object {
|
||||||
"outline": 0,
|
"outline": 0,
|
||||||
},
|
},
|
||||||
":hover": Object {
|
":hover": Object {
|
||||||
"outline": 0,
|
"outline": 0,
|
||||||
},
|
},
|
||||||
},
|
"backgroundColor": "#f3f2f1",
|
||||||
|
"borderColor": "#f3f2f1",
|
||||||
|
"color": "#a19f9d",
|
||||||
|
"cursor": "default",
|
||||||
},
|
},
|
||||||
Object {
|
Object {
|
||||||
"backgroundColor": "#f3f2f1",
|
|
||||||
"color": "#d2d0ce",
|
|
||||||
"selectors": Object {
|
|
||||||
"@media screen and (-ms-high-contrast: active), screen and (forced-colors: active)": Object {
|
"@media screen and (-ms-high-contrast: active), screen and (forced-colors: active)": Object {
|
||||||
"backgroundColor": "Window",
|
"backgroundColor": "Window",
|
||||||
"borderColor": "GrayText",
|
"borderColor": "GrayText",
|
||||||
"color": "GrayText",
|
"color": "GrayText",
|
||||||
},
|
},
|
||||||
},
|
"backgroundColor": "#f3f2f1",
|
||||||
|
"color": "#d2d0ce",
|
||||||
},
|
},
|
||||||
],
|
],
|
||||||
"rootExpanded": Object {
|
"rootExpanded": Object {
|
||||||
|
|
@ -2127,22 +2155,16 @@ exports[`Delete Database Confirmation Pane Should call delete database 1`] = `
|
||||||
"color": "#ffffff",
|
"color": "#ffffff",
|
||||||
},
|
},
|
||||||
"rootHovered": Object {
|
"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 {
|
"@media screen and (-ms-high-contrast: active), screen and (forced-colors: active)": Object {
|
||||||
"backgroundColor": "Highlight",
|
"backgroundColor": "Highlight",
|
||||||
"borderColor": "Highlight",
|
"borderColor": "Highlight",
|
||||||
"color": "Window",
|
"color": "Window",
|
||||||
},
|
},
|
||||||
},
|
"backgroundColor": "#106ebe",
|
||||||
|
"border": "1px solid #106ebe",
|
||||||
|
"color": "#ffffff",
|
||||||
},
|
},
|
||||||
"rootPressed": Object {
|
"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 {
|
"@media screen and (-ms-high-contrast: active), screen and (forced-colors: active)": Object {
|
||||||
"MsHighContrastAdjust": "none",
|
"MsHighContrastAdjust": "none",
|
||||||
"backgroundColor": "WindowText",
|
"backgroundColor": "WindowText",
|
||||||
|
|
@ -2150,7 +2172,9 @@ exports[`Delete Database Confirmation Pane Should call delete database 1`] = `
|
||||||
"color": "Window",
|
"color": "Window",
|
||||||
"forcedColorAdjust": "none",
|
"forcedColorAdjust": "none",
|
||||||
},
|
},
|
||||||
},
|
"backgroundColor": "#005a9e",
|
||||||
|
"border": "1px solid #005a9e",
|
||||||
|
"color": "#ffffff",
|
||||||
},
|
},
|
||||||
"screenReaderText": Object {
|
"screenReaderText": Object {
|
||||||
"border": 0,
|
"border": 0,
|
||||||
|
|
@ -2164,17 +2188,15 @@ exports[`Delete Database Confirmation Pane Should call delete database 1`] = `
|
||||||
},
|
},
|
||||||
"splitButtonContainer": Array [
|
"splitButtonContainer": Array [
|
||||||
Object {
|
Object {
|
||||||
"selectors": Object {
|
|
||||||
"@media screen and (-ms-high-contrast: active), screen and (forced-colors: active)": Object {
|
"@media screen and (-ms-high-contrast: active), screen and (forced-colors: active)": Object {
|
||||||
"border": "none",
|
"border": "none",
|
||||||
},
|
},
|
||||||
},
|
},
|
||||||
},
|
|
||||||
Object {
|
Object {
|
||||||
"outline": "transparent",
|
"outline": "transparent",
|
||||||
"position": "relative",
|
"position": "relative",
|
||||||
"selectors": Object {
|
"selectors": Object {
|
||||||
".ms-Fabric--isFocusVisible &:focus:after": Object {
|
".ms-Fabric--isFocusVisible &:focus:after, :host(.ms-Fabric--isFocusVisible) &:focus:after": Object {
|
||||||
"border": "1px solid #ffffff",
|
"border": "1px solid #ffffff",
|
||||||
"borderRadius": undefined,
|
"borderRadius": undefined,
|
||||||
"bottom": 3,
|
"bottom": 3,
|
||||||
|
|
@ -2202,20 +2224,43 @@ exports[`Delete Database Confirmation Pane Should call delete database 1`] = `
|
||||||
},
|
},
|
||||||
},
|
},
|
||||||
Object {
|
Object {
|
||||||
"display": "inline-flex",
|
|
||||||
"selectors": Object {
|
|
||||||
".ms-Button--default": Object {
|
".ms-Button--default": Object {
|
||||||
"borderBottomRightRadius": "0",
|
"borderBottomRightRadius": "0",
|
||||||
"borderRight": "none",
|
"borderRight": "none",
|
||||||
"borderTopRightRadius": "0",
|
"borderTopRightRadius": "0",
|
||||||
"flexGrow": "1",
|
"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 {
|
".ms-Button--primary": Object {
|
||||||
"border": "none",
|
|
||||||
"borderBottomRightRadius": "0",
|
|
||||||
"borderTopRightRadius": "0",
|
|
||||||
"flexGrow": "1",
|
|
||||||
"selectors": Object {
|
|
||||||
":active": Object {
|
":active": Object {
|
||||||
"border": "none",
|
"border": "none",
|
||||||
},
|
},
|
||||||
|
|
@ -2223,6 +2268,15 @@ exports[`Delete Database Confirmation Pane Should call delete database 1`] = `
|
||||||
"border": "none",
|
"border": "none",
|
||||||
},
|
},
|
||||||
"@media screen and (-ms-high-contrast: active), screen and (forced-colors: active)": Object {
|
"@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",
|
"MsHighContrastAdjust": "none",
|
||||||
"backgroundColor": "Window",
|
"backgroundColor": "Window",
|
||||||
"border": "1px solid WindowText",
|
"border": "1px solid WindowText",
|
||||||
|
|
@ -2230,24 +2284,51 @@ exports[`Delete Database Confirmation Pane Should call delete database 1`] = `
|
||||||
"color": "WindowText",
|
"color": "WindowText",
|
||||||
"forcedColorAdjust": "none",
|
"forcedColorAdjust": "none",
|
||||||
},
|
},
|
||||||
},
|
"border": "none",
|
||||||
|
"borderBottomRightRadius": "0",
|
||||||
|
"borderTopRightRadius": "0",
|
||||||
|
"flexGrow": "1",
|
||||||
},
|
},
|
||||||
".ms-Button--primary + .ms-Button": Object {
|
".ms-Button--primary + .ms-Button": Object {
|
||||||
"border": "none",
|
|
||||||
"selectors": Object {
|
|
||||||
"@media screen and (-ms-high-contrast: active), screen and (forced-colors: active)": 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",
|
"border": "1px solid WindowText",
|
||||||
"borderLeftWidth": "0",
|
"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 {
|
"splitButtonContainerChecked": Object {
|
||||||
"selectors": Object {
|
|
||||||
".ms-Button--primary": Object {
|
".ms-Button--primary": Object {
|
||||||
"selectors": Object {
|
|
||||||
"@media screen and (-ms-high-contrast: active), screen and (forced-colors: active)": Object {
|
"@media screen and (-ms-high-contrast: active), screen and (forced-colors: active)": Object {
|
||||||
"MsHighContrastAdjust": "none",
|
"MsHighContrastAdjust": "none",
|
||||||
"backgroundColor": "WindowText",
|
"backgroundColor": "WindowText",
|
||||||
|
|
@ -2256,12 +2337,8 @@ exports[`Delete Database Confirmation Pane Should call delete database 1`] = `
|
||||||
},
|
},
|
||||||
},
|
},
|
||||||
},
|
},
|
||||||
},
|
|
||||||
},
|
|
||||||
"splitButtonContainerCheckedHovered": Object {
|
"splitButtonContainerCheckedHovered": Object {
|
||||||
"selectors": Object {
|
|
||||||
".ms-Button--primary": Object {
|
".ms-Button--primary": Object {
|
||||||
"selectors": Object {
|
|
||||||
"@media screen and (-ms-high-contrast: active), screen and (forced-colors: active)": Object {
|
"@media screen and (-ms-high-contrast: active), screen and (forced-colors: active)": Object {
|
||||||
"MsHighContrastAdjust": "none",
|
"MsHighContrastAdjust": "none",
|
||||||
"backgroundColor": "WindowText",
|
"backgroundColor": "WindowText",
|
||||||
|
|
@ -2270,12 +2347,7 @@ exports[`Delete Database Confirmation Pane Should call delete database 1`] = `
|
||||||
},
|
},
|
||||||
},
|
},
|
||||||
},
|
},
|
||||||
},
|
|
||||||
},
|
|
||||||
"splitButtonContainerDisabled": Object {
|
"splitButtonContainerDisabled": Object {
|
||||||
"border": "none",
|
|
||||||
"outline": "none",
|
|
||||||
"selectors": Object {
|
|
||||||
"@media screen and (-ms-high-contrast: active), screen and (forced-colors: active)": Object {
|
"@media screen and (-ms-high-contrast: active), screen and (forced-colors: active)": Object {
|
||||||
"MsHighContrastAdjust": "none",
|
"MsHighContrastAdjust": "none",
|
||||||
"backgroundColor": "Window",
|
"backgroundColor": "Window",
|
||||||
|
|
@ -2283,69 +2355,62 @@ exports[`Delete Database Confirmation Pane Should call delete database 1`] = `
|
||||||
"color": "GrayText",
|
"color": "GrayText",
|
||||||
"forcedColorAdjust": "none",
|
"forcedColorAdjust": "none",
|
||||||
},
|
},
|
||||||
},
|
"border": "none",
|
||||||
|
"outline": "none",
|
||||||
},
|
},
|
||||||
"splitButtonContainerFocused": Object {
|
"splitButtonContainerFocused": Object {
|
||||||
"outline": "none!important",
|
"outline": "none!important",
|
||||||
},
|
},
|
||||||
"splitButtonContainerHovered": Object {
|
"splitButtonContainerHovered": Object {
|
||||||
"selectors": Object {
|
".ms-Button--default.is-disabled": 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 {
|
|
||||||
"@media screen and (-ms-high-contrast: active), screen and (forced-colors: active)": Object {
|
"@media screen and (-ms-high-contrast: active), screen and (forced-colors: active)": Object {
|
||||||
"backgroundColor": "Window",
|
"backgroundColor": "Window",
|
||||||
"borderColor": "GrayText",
|
"borderColor": "GrayText",
|
||||||
"color": "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 [
|
"splitButtonDivider": Array [
|
||||||
Object {
|
Object {
|
||||||
|
"@media screen and (-ms-high-contrast: active), screen and (forced-colors: active)": Object {
|
||||||
|
"backgroundColor": "Window",
|
||||||
|
},
|
||||||
"backgroundColor": "#ffffff",
|
"backgroundColor": "#ffffff",
|
||||||
"bottom": 8,
|
"bottom": 8,
|
||||||
"position": "absolute",
|
"position": "absolute",
|
||||||
"right": 31,
|
"right": 31,
|
||||||
"selectors": Object {
|
|
||||||
"@media screen and (-ms-high-contrast: active), screen and (forced-colors: active)": Object {
|
|
||||||
"backgroundColor": "Window",
|
|
||||||
},
|
|
||||||
},
|
|
||||||
"top": 8,
|
"top": 8,
|
||||||
"width": 1,
|
"width": 1,
|
||||||
},
|
},
|
||||||
Object {
|
Object {
|
||||||
"bottom": 8,
|
|
||||||
"position": "absolute",
|
|
||||||
"right": 31,
|
|
||||||
"selectors": Object {
|
|
||||||
"@media screen and (-ms-high-contrast: active), screen and (forced-colors: active)": Object {
|
"@media screen and (-ms-high-contrast: active), screen and (forced-colors: active)": Object {
|
||||||
"backgroundColor": "WindowText",
|
"backgroundColor": "WindowText",
|
||||||
},
|
},
|
||||||
},
|
"bottom": 8,
|
||||||
|
"position": "absolute",
|
||||||
|
"right": 31,
|
||||||
"top": 8,
|
"top": 8,
|
||||||
"width": 1,
|
"width": 1,
|
||||||
},
|
},
|
||||||
],
|
],
|
||||||
"splitButtonDividerDisabled": Object {
|
"splitButtonDividerDisabled": Object {
|
||||||
"bottom": 8,
|
|
||||||
"position": "absolute",
|
|
||||||
"right": 31,
|
|
||||||
"selectors": Object {
|
|
||||||
"@media screen and (-ms-high-contrast: active), screen and (forced-colors: active)": Object {
|
"@media screen and (-ms-high-contrast: active), screen and (forced-colors: active)": Object {
|
||||||
"backgroundColor": "GrayText",
|
"backgroundColor": "GrayText",
|
||||||
},
|
},
|
||||||
},
|
"bottom": 8,
|
||||||
|
"position": "absolute",
|
||||||
|
"right": 31,
|
||||||
"top": 8,
|
"top": 8,
|
||||||
"width": 1,
|
"width": 1,
|
||||||
},
|
},
|
||||||
|
|
@ -2358,21 +2423,17 @@ exports[`Delete Database Confirmation Pane Should call delete database 1`] = `
|
||||||
},
|
},
|
||||||
"splitButtonMenuButton": Array [
|
"splitButtonMenuButton": Array [
|
||||||
Object {
|
Object {
|
||||||
"backgroundColor": "#0078d4",
|
|
||||||
"color": "#ffffff",
|
|
||||||
"selectors": Object {
|
|
||||||
":hover": Object {
|
":hover": Object {
|
||||||
"backgroundColor": "#106ebe",
|
|
||||||
"selectors": Object {
|
|
||||||
"@media screen and (-ms-high-contrast: active), screen and (forced-colors: active)": Object {
|
"@media screen and (-ms-high-contrast: active), screen and (forced-colors: active)": Object {
|
||||||
"color": "Highlight",
|
"color": "Highlight",
|
||||||
},
|
},
|
||||||
},
|
"backgroundColor": "#106ebe",
|
||||||
},
|
},
|
||||||
"@media screen and (-ms-high-contrast: active), screen and (forced-colors: active)": Object {
|
"@media screen and (-ms-high-contrast: active), screen and (forced-colors: active)": Object {
|
||||||
"backgroundColor": "Canvas",
|
"backgroundColor": "Canvas",
|
||||||
},
|
},
|
||||||
},
|
"backgroundColor": "#0078d4",
|
||||||
|
"color": "#ffffff",
|
||||||
},
|
},
|
||||||
Object {
|
Object {
|
||||||
"@media screen and (-ms-high-contrast: active), screen and (forced-colors: active)": 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 {
|
"splitButtonMenuButtonChecked": Object {
|
||||||
"backgroundColor": "#005a9e",
|
|
||||||
"selectors": Object {
|
|
||||||
":hover": Object {
|
":hover": Object {
|
||||||
"backgroundColor": "#005a9e",
|
"backgroundColor": "#005a9e",
|
||||||
},
|
},
|
||||||
},
|
"backgroundColor": "#005a9e",
|
||||||
},
|
},
|
||||||
"splitButtonMenuButtonDisabled": Array [
|
"splitButtonMenuButtonDisabled": Array [
|
||||||
Object {
|
Object {
|
||||||
"backgroundColor": "#f3f2f1",
|
|
||||||
"selectors": Object {
|
|
||||||
":hover": Object {
|
":hover": Object {
|
||||||
"backgroundColor": "#f3f2f1",
|
"backgroundColor": "#f3f2f1",
|
||||||
},
|
},
|
||||||
},
|
"backgroundColor": "#f3f2f1",
|
||||||
},
|
},
|
||||||
Object {
|
Object {
|
||||||
"border": "none",
|
|
||||||
"pointerEvents": "none",
|
|
||||||
"selectors": Object {
|
|
||||||
".ms-Button--primary": Object {
|
".ms-Button--primary": Object {
|
||||||
"selectors": Object {
|
|
||||||
"@media screen and (-ms-high-contrast: active), screen and (forced-colors: active)": Object {
|
"@media screen and (-ms-high-contrast: active), screen and (forced-colors: active)": Object {
|
||||||
"backgroundColor": "Window",
|
"backgroundColor": "Window",
|
||||||
"borderColor": "GrayText",
|
"borderColor": "GrayText",
|
||||||
"color": "GrayText",
|
"color": "GrayText",
|
||||||
},
|
},
|
||||||
},
|
},
|
||||||
},
|
|
||||||
".ms-Button-menuIcon": Object {
|
".ms-Button-menuIcon": Object {
|
||||||
"selectors": Object {
|
|
||||||
"@media screen and (-ms-high-contrast: active), screen and (forced-colors: active)": Object {
|
"@media screen and (-ms-high-contrast: active), screen and (forced-colors: active)": Object {
|
||||||
"color": "GrayText",
|
"color": "GrayText",
|
||||||
},
|
},
|
||||||
},
|
},
|
||||||
},
|
|
||||||
":hover": Object {
|
":hover": Object {
|
||||||
"cursor": "default",
|
"cursor": "default",
|
||||||
},
|
},
|
||||||
|
|
@ -2447,22 +2497,21 @@ exports[`Delete Database Confirmation Pane Should call delete database 1`] = `
|
||||||
"border": "1px solid GrayText",
|
"border": "1px solid GrayText",
|
||||||
"color": "GrayText",
|
"color": "GrayText",
|
||||||
},
|
},
|
||||||
},
|
"border": "none",
|
||||||
|
"pointerEvents": "none",
|
||||||
},
|
},
|
||||||
],
|
],
|
||||||
"splitButtonMenuButtonExpanded": Object {
|
"splitButtonMenuButtonExpanded": Object {
|
||||||
"backgroundColor": "#005a9e",
|
|
||||||
"selectors": Object {
|
|
||||||
":hover": Object {
|
":hover": Object {
|
||||||
"backgroundColor": "#005a9e",
|
"backgroundColor": "#005a9e",
|
||||||
},
|
},
|
||||||
},
|
"backgroundColor": "#005a9e",
|
||||||
},
|
},
|
||||||
"splitButtonMenuFocused": Object {
|
"splitButtonMenuFocused": Object {
|
||||||
"outline": "transparent",
|
"outline": "transparent",
|
||||||
"position": "relative",
|
"position": "relative",
|
||||||
"selectors": Object {
|
"selectors": Object {
|
||||||
".ms-Fabric--isFocusVisible &:focus:after": Object {
|
".ms-Fabric--isFocusVisible &:focus:after, :host(.ms-Fabric--isFocusVisible) &:focus:after": Object {
|
||||||
"border": "1px solid #ffffff",
|
"border": "1px solid #ffffff",
|
||||||
"borderRadius": undefined,
|
"borderRadius": undefined,
|
||||||
"bottom": 3,
|
"bottom": 3,
|
||||||
|
|
@ -2493,12 +2542,10 @@ exports[`Delete Database Confirmation Pane Should call delete database 1`] = `
|
||||||
"color": "#ffffff",
|
"color": "#ffffff",
|
||||||
},
|
},
|
||||||
"splitButtonMenuIconDisabled": Object {
|
"splitButtonMenuIconDisabled": Object {
|
||||||
"color": "#a19f9d",
|
|
||||||
"selectors": Object {
|
|
||||||
"@media screen and (-ms-high-contrast: active), screen and (forced-colors: active)": Object {
|
"@media screen and (-ms-high-contrast: active), screen and (forced-colors: active)": Object {
|
||||||
"color": "GrayText",
|
"color": "GrayText",
|
||||||
},
|
},
|
||||||
},
|
"color": "#a19f9d",
|
||||||
},
|
},
|
||||||
"textContainer": Object {
|
"textContainer": Object {
|
||||||
"display": "block",
|
"display": "block",
|
||||||
|
|
@ -2817,8 +2864,10 @@ exports[`Delete Database Confirmation Pane Should call delete database 1`] = `
|
||||||
<FocusRects />
|
<FocusRects />
|
||||||
</BaseButton>
|
</BaseButton>
|
||||||
</DefaultButton>
|
</DefaultButton>
|
||||||
|
</MergeStylesShadowRootConsumer>
|
||||||
</CustomizedDefaultButton>
|
</CustomizedDefaultButton>
|
||||||
</PrimaryButton>
|
</PrimaryButton>
|
||||||
|
</MergeStylesShadowRootConsumer>
|
||||||
</CustomizedPrimaryButton>
|
</CustomizedPrimaryButton>
|
||||||
</div>
|
</div>
|
||||||
</PanelFooterComponent>
|
</PanelFooterComponent>
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue