From 8de3edd0f84bbb044c94c7aa5d84a49a3f566032 Mon Sep 17 00:00:00 2001
From: hardiknai-techm <HN00734461@TechMahindra.com>
Date: Sat, 24 Apr 2021 15:49:10 +0530
Subject: [PATCH] remove div wrapper class

---
 .../Panes/RightPaneForm/RightPaneForm.tsx     |    4 +-
 .../__snapshots__/RightPaneForm.test.tsx.snap | 2781 ++++++++---------
 .../UploadItemsPane.test.tsx.snap             |    4 +-
 3 files changed, 1391 insertions(+), 1398 deletions(-)

diff --git a/src/Explorer/Panes/RightPaneForm/RightPaneForm.tsx b/src/Explorer/Panes/RightPaneForm/RightPaneForm.tsx
index 5e1d0e8f9..a31303c5f 100644
--- a/src/Explorer/Panes/RightPaneForm/RightPaneForm.tsx
+++ b/src/Explorer/Panes/RightPaneForm/RightPaneForm.tsx
@@ -83,7 +83,7 @@ export const RightPaneForm: FunctionComponent<RightPaneFormProps> = ({
   };
 
   return (
-    <div tabIndex={-1} onKeyDown={onKeyDown}>
+    <>
       <div className="contextual-pane-out" onClick={onClose}></div>
       <div className="contextual-pane" id={id} style={{ height: panelHeight }} onKeyDown={onKeyDown}>
         <div className="panelContentWrapper">
@@ -96,6 +96,6 @@ export const RightPaneForm: FunctionComponent<RightPaneFormProps> = ({
         </div>
         {isExecuting && <PanelLoadingScreen />}
       </div>
-    </div>
+    </>
   );
 };
diff --git a/src/Explorer/Panes/RightPaneForm/__snapshots__/RightPaneForm.test.tsx.snap b/src/Explorer/Panes/RightPaneForm/__snapshots__/RightPaneForm.test.tsx.snap
index 2aa434ab0..15bb51890 100644
--- a/src/Explorer/Panes/RightPaneForm/__snapshots__/RightPaneForm.test.tsx.snap
+++ b/src/Explorer/Panes/RightPaneForm/__snapshots__/RightPaneForm.test.tsx.snap
@@ -624,37 +624,46 @@ exports[`Load Query Pane should render Default properly 1`] = `
   title="Load Query Pane"
 >
   <div
+    className="contextual-pane-out"
+    onClick={[MockFunction]}
+  />
+  <div
+    className="contextual-pane"
+    id="loadQueryPane"
     onKeyDown={[Function]}
-    tabIndex={-1}
+    style={
+      Object {
+        "height": NaN,
+      }
+    }
   >
     <div
-      className="contextual-pane-out"
-      onClick={[MockFunction]}
-    />
-    <div
-      className="contextual-pane"
-      id="loadQueryPane"
-      onKeyDown={[Function]}
-      style={
-        Object {
-          "height": NaN,
-        }
-      }
+      className="panelContentWrapper"
     >
       <div
-        className="panelContentWrapper"
+        className="firstdivbg headerline"
       >
-        <div
-          className="firstdivbg headerline"
+        <span
+          aria-level={2}
+          id="databaseTitle"
+          role="heading"
         >
-          <span
-            aria-level={2}
-            id="databaseTitle"
-            role="heading"
-          >
-            Load Query Pane
-          </span>
-          <CustomizedIconButton
+          Load Query Pane
+        </span>
+        <CustomizedIconButton
+          ariaLabel="Close pane"
+          className="closePaneBtn"
+          data-testid="closePaneBtn"
+          iconProps={
+            Object {
+              "iconName": "Cancel",
+            }
+          }
+          onClick={[MockFunction]}
+          tabIndex={0}
+          title="Close pane"
+        >
+          <IconButton
             ariaLabel="Close pane"
             className="closePaneBtn"
             data-testid="closePaneBtn"
@@ -665,10 +674,284 @@ exports[`Load Query Pane should render Default properly 1`] = `
             }
             onClick={[MockFunction]}
             tabIndex={0}
+            theme={
+              Object {
+                "disableGlobalClassNames": false,
+                "effects": Object {
+                  "elevation16": "0 6.4px 14.4px 0 rgba(0, 0, 0, 0.132), 0 1.2px 3.6px 0 rgba(0, 0, 0, 0.108)",
+                  "elevation4": "0 1.6px 3.6px 0 rgba(0, 0, 0, 0.132), 0 0.3px 0.9px 0 rgba(0, 0, 0, 0.108)",
+                  "elevation64": "0 25.6px 57.6px 0 rgba(0, 0, 0, 0.22), 0 4.8px 14.4px 0 rgba(0, 0, 0, 0.18)",
+                  "elevation8": "0 3.2px 7.2px 0 rgba(0, 0, 0, 0.132), 0 0.6px 1.8px 0 rgba(0, 0, 0, 0.108)",
+                  "roundedCorner2": "2px",
+                  "roundedCorner4": "4px",
+                  "roundedCorner6": "6px",
+                },
+                "fonts": Object {
+                  "large": Object {
+                    "MozOsxFontSmoothing": "grayscale",
+                    "WebkitFontSmoothing": "antialiased",
+                    "fontFamily": "'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif",
+                    "fontSize": "18px",
+                    "fontWeight": 400,
+                  },
+                  "medium": Object {
+                    "MozOsxFontSmoothing": "grayscale",
+                    "WebkitFontSmoothing": "antialiased",
+                    "fontFamily": "'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif",
+                    "fontSize": "14px",
+                    "fontWeight": 400,
+                  },
+                  "mediumPlus": Object {
+                    "MozOsxFontSmoothing": "grayscale",
+                    "WebkitFontSmoothing": "antialiased",
+                    "fontFamily": "'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif",
+                    "fontSize": "16px",
+                    "fontWeight": 400,
+                  },
+                  "mega": Object {
+                    "MozOsxFontSmoothing": "grayscale",
+                    "WebkitFontSmoothing": "antialiased",
+                    "fontFamily": "'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif",
+                    "fontSize": "68px",
+                    "fontWeight": 600,
+                  },
+                  "small": Object {
+                    "MozOsxFontSmoothing": "grayscale",
+                    "WebkitFontSmoothing": "antialiased",
+                    "fontFamily": "'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif",
+                    "fontSize": "12px",
+                    "fontWeight": 400,
+                  },
+                  "smallPlus": Object {
+                    "MozOsxFontSmoothing": "grayscale",
+                    "WebkitFontSmoothing": "antialiased",
+                    "fontFamily": "'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif",
+                    "fontSize": "12px",
+                    "fontWeight": 400,
+                  },
+                  "superLarge": Object {
+                    "MozOsxFontSmoothing": "grayscale",
+                    "WebkitFontSmoothing": "antialiased",
+                    "fontFamily": "'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif",
+                    "fontSize": "42px",
+                    "fontWeight": 600,
+                  },
+                  "tiny": Object {
+                    "MozOsxFontSmoothing": "grayscale",
+                    "WebkitFontSmoothing": "antialiased",
+                    "fontFamily": "'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif",
+                    "fontSize": "10px",
+                    "fontWeight": 400,
+                  },
+                  "xLarge": Object {
+                    "MozOsxFontSmoothing": "grayscale",
+                    "WebkitFontSmoothing": "antialiased",
+                    "fontFamily": "'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif",
+                    "fontSize": "20px",
+                    "fontWeight": 600,
+                  },
+                  "xLargePlus": Object {
+                    "MozOsxFontSmoothing": "grayscale",
+                    "WebkitFontSmoothing": "antialiased",
+                    "fontFamily": "'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif",
+                    "fontSize": "24px",
+                    "fontWeight": 600,
+                  },
+                  "xSmall": Object {
+                    "MozOsxFontSmoothing": "grayscale",
+                    "WebkitFontSmoothing": "antialiased",
+                    "fontFamily": "'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif",
+                    "fontSize": "10px",
+                    "fontWeight": 400,
+                  },
+                  "xxLarge": Object {
+                    "MozOsxFontSmoothing": "grayscale",
+                    "WebkitFontSmoothing": "antialiased",
+                    "fontFamily": "'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif",
+                    "fontSize": "28px",
+                    "fontWeight": 600,
+                  },
+                  "xxLargePlus": Object {
+                    "MozOsxFontSmoothing": "grayscale",
+                    "WebkitFontSmoothing": "antialiased",
+                    "fontFamily": "'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif",
+                    "fontSize": "32px",
+                    "fontWeight": 600,
+                  },
+                },
+                "isInverted": false,
+                "palette": Object {
+                  "accent": "#0078d4",
+                  "black": "#000000",
+                  "blackTranslucent40": "rgba(0,0,0,.4)",
+                  "blue": "#0078d4",
+                  "blueDark": "#002050",
+                  "blueLight": "#00bcf2",
+                  "blueMid": "#00188f",
+                  "green": "#107c10",
+                  "greenDark": "#004b1c",
+                  "greenLight": "#bad80a",
+                  "magenta": "#b4009e",
+                  "magentaDark": "#5c005c",
+                  "magentaLight": "#e3008c",
+                  "neutralDark": "#201f1e",
+                  "neutralLight": "#edebe9",
+                  "neutralLighter": "#f3f2f1",
+                  "neutralLighterAlt": "#faf9f8",
+                  "neutralPrimary": "#323130",
+                  "neutralPrimaryAlt": "#3b3a39",
+                  "neutralQuaternary": "#d2d0ce",
+                  "neutralQuaternaryAlt": "#e1dfdd",
+                  "neutralSecondary": "#605e5c",
+                  "neutralSecondaryAlt": "#8a8886",
+                  "neutralTertiary": "#a19f9d",
+                  "neutralTertiaryAlt": "#c8c6c4",
+                  "orange": "#d83b01",
+                  "orangeLight": "#ea4300",
+                  "orangeLighter": "#ff8c00",
+                  "purple": "#5c2d91",
+                  "purpleDark": "#32145a",
+                  "purpleLight": "#b4a0ff",
+                  "red": "#e81123",
+                  "redDark": "#a4262c",
+                  "teal": "#008272",
+                  "tealDark": "#004b50",
+                  "tealLight": "#00b294",
+                  "themeDark": "#005a9e",
+                  "themeDarkAlt": "#106ebe",
+                  "themeDarker": "#004578",
+                  "themeLight": "#c7e0f4",
+                  "themeLighter": "#deecf9",
+                  "themeLighterAlt": "#eff6fc",
+                  "themePrimary": "#0078d4",
+                  "themeSecondary": "#2b88d8",
+                  "themeTertiary": "#71afe5",
+                  "white": "#ffffff",
+                  "whiteTranslucent40": "rgba(255,255,255,.4)",
+                  "yellow": "#ffb900",
+                  "yellowDark": "#d29200",
+                  "yellowLight": "#fff100",
+                },
+                "rtl": undefined,
+                "semanticColors": Object {
+                  "accentButtonBackground": "#0078d4",
+                  "accentButtonText": "#ffffff",
+                  "actionLink": "#323130",
+                  "actionLinkHovered": "#201f1e",
+                  "blockingBackground": "#FDE7E9",
+                  "blockingIcon": "#FDE7E9",
+                  "bodyBackground": "#ffffff",
+                  "bodyBackgroundChecked": "#edebe9",
+                  "bodyBackgroundHovered": "#f3f2f1",
+                  "bodyDivider": "#edebe9",
+                  "bodyFrameBackground": "#ffffff",
+                  "bodyFrameDivider": "#edebe9",
+                  "bodyStandoutBackground": "#faf9f8",
+                  "bodySubtext": "#605e5c",
+                  "bodyText": "#323130",
+                  "bodyTextChecked": "#000000",
+                  "buttonBackground": "#ffffff",
+                  "buttonBackgroundChecked": "#c8c6c4",
+                  "buttonBackgroundCheckedHovered": "#edebe9",
+                  "buttonBackgroundDisabled": "#f3f2f1",
+                  "buttonBackgroundHovered": "#f3f2f1",
+                  "buttonBackgroundPressed": "#edebe9",
+                  "buttonBorder": "#8a8886",
+                  "buttonBorderDisabled": "#f3f2f1",
+                  "buttonText": "#323130",
+                  "buttonTextChecked": "#201f1e",
+                  "buttonTextCheckedHovered": "#000000",
+                  "buttonTextDisabled": "#a19f9d",
+                  "buttonTextHovered": "#201f1e",
+                  "buttonTextPressed": "#201f1e",
+                  "cardShadow": "0 1.6px 3.6px 0 rgba(0, 0, 0, 0.132), 0 0.3px 0.9px 0 rgba(0, 0, 0, 0.108)",
+                  "cardShadowHovered": "0 3.2px 7.2px 0 rgba(0, 0, 0, 0.132), 0 0.6px 1.8px 0 rgba(0, 0, 0, 0.108)",
+                  "cardStandoutBackground": "#ffffff",
+                  "defaultStateBackground": "#faf9f8",
+                  "disabledBackground": "#f3f2f1",
+                  "disabledBodySubtext": "#c8c6c4",
+                  "disabledBodyText": "#a19f9d",
+                  "disabledBorder": "#c8c6c4",
+                  "disabledSubtext": "#d2d0ce",
+                  "disabledText": "#a19f9d",
+                  "errorBackground": "#FDE7E9",
+                  "errorIcon": "#A80000",
+                  "errorText": "#a4262c",
+                  "focusBorder": "#605e5c",
+                  "infoBackground": "#f3f2f1",
+                  "infoIcon": "#605e5c",
+                  "inputBackground": "#ffffff",
+                  "inputBackgroundChecked": "#0078d4",
+                  "inputBackgroundCheckedHovered": "#005a9e",
+                  "inputBorder": "#605e5c",
+                  "inputBorderHovered": "#323130",
+                  "inputFocusBorderAlt": "#0078d4",
+                  "inputForegroundChecked": "#ffffff",
+                  "inputIcon": "#0078d4",
+                  "inputIconDisabled": "#a19f9d",
+                  "inputIconHovered": "#005a9e",
+                  "inputPlaceholderBackgroundChecked": "#deecf9",
+                  "inputPlaceholderText": "#605e5c",
+                  "inputText": "#323130",
+                  "inputTextHovered": "#201f1e",
+                  "link": "#0078d4",
+                  "linkHovered": "#004578",
+                  "listBackground": "#ffffff",
+                  "listHeaderBackgroundHovered": "#f3f2f1",
+                  "listHeaderBackgroundPressed": "#edebe9",
+                  "listItemBackgroundChecked": "#edebe9",
+                  "listItemBackgroundCheckedHovered": "#e1dfdd",
+                  "listItemBackgroundHovered": "#f3f2f1",
+                  "listText": "#323130",
+                  "listTextColor": "#323130",
+                  "menuBackground": "#ffffff",
+                  "menuDivider": "#c8c6c4",
+                  "menuHeader": "#0078d4",
+                  "menuIcon": "#0078d4",
+                  "menuItemBackgroundChecked": "#edebe9",
+                  "menuItemBackgroundHovered": "#f3f2f1",
+                  "menuItemBackgroundPressed": "#edebe9",
+                  "menuItemText": "#323130",
+                  "menuItemTextHovered": "#201f1e",
+                  "messageLink": "#005A9E",
+                  "messageLinkHovered": "#004578",
+                  "messageText": "#323130",
+                  "primaryButtonBackground": "#0078d4",
+                  "primaryButtonBackgroundDisabled": "#f3f2f1",
+                  "primaryButtonBackgroundHovered": "#106ebe",
+                  "primaryButtonBackgroundPressed": "#005a9e",
+                  "primaryButtonBorder": "transparent",
+                  "primaryButtonText": "#ffffff",
+                  "primaryButtonTextDisabled": "#d2d0ce",
+                  "primaryButtonTextHovered": "#ffffff",
+                  "primaryButtonTextPressed": "#ffffff",
+                  "severeWarningBackground": "#FED9CC",
+                  "severeWarningIcon": "#D83B01",
+                  "smallInputBorder": "#605e5c",
+                  "successBackground": "#DFF6DD",
+                  "successIcon": "#107C10",
+                  "successText": "#107C10",
+                  "variantBorder": "#edebe9",
+                  "variantBorderHovered": "#a19f9d",
+                  "warningBackground": "#FFF4CE",
+                  "warningHighlight": "#ffb900",
+                  "warningIcon": "#797775",
+                  "warningText": "#323130",
+                },
+                "spacing": Object {
+                  "l1": "20px",
+                  "l2": "32px",
+                  "m": "16px",
+                  "s1": "8px",
+                  "s2": "4px",
+                },
+              }
+            }
             title="Close pane"
           >
-            <IconButton
+            <BaseButton
               ariaLabel="Close pane"
+              baseClassName="ms-Button"
               className="closePaneBtn"
               data-testid="closePaneBtn"
               iconProps={
@@ -677,6 +960,434 @@ exports[`Load Query Pane should render Default properly 1`] = `
                 }
               }
               onClick={[MockFunction]}
+              onRenderDescription={[Function]}
+              onRenderText={[Function]}
+              split={false}
+              styles={
+                Object {
+                  "description": Object {
+                    "display": "block",
+                  },
+                  "flexContainer": Object {
+                    "alignItems": "center",
+                    "display": "flex",
+                    "flexWrap": "nowrap",
+                    "height": "100%",
+                    "justifyContent": "center",
+                  },
+                  "icon": Object {
+                    "flexShrink": 0,
+                    "fontSize": "16px",
+                    "height": "16px",
+                    "lineHeight": "16px",
+                    "margin": "0 4px",
+                    "textAlign": "center",
+                  },
+                  "iconDisabled": Object {
+                    "color": "#a19f9d",
+                    "selectors": Object {
+                      "@media screen and (-ms-high-contrast: active), (forced-colors: active)": Object {
+                        "color": "GrayText",
+                      },
+                    },
+                  },
+                  "label": Object {
+                    "display": "block",
+                    "lineHeight": "100%",
+                    "margin": "0 4px",
+                  },
+                  "menuIcon": Object {
+                    "flexShrink": 0,
+                    "fontSize": "12px",
+                    "height": "16px",
+                    "lineHeight": "16px",
+                    "margin": "0 4px",
+                    "textAlign": "center",
+                  },
+                  "menuIconDisabled": Object {
+                    "color": "#a19f9d",
+                    "selectors": Object {
+                      "@media screen and (-ms-high-contrast: active), (forced-colors: active)": Object {
+                        "color": "GrayText",
+                      },
+                    },
+                  },
+                  "root": Array [
+                    Object {
+                      "outline": "transparent",
+                      "position": "relative",
+                      "selectors": Object {
+                        ".ms-Fabric--isFocusVisible &:focus:after": Object {
+                          "border": "1px solid transparent",
+                          "bottom": 2,
+                          "content": "\\"\\"",
+                          "left": 2,
+                          "outline": "1px solid #605e5c",
+                          "position": "absolute",
+                          "right": 2,
+                          "selectors": Object {
+                            "@media screen and (-ms-high-contrast: active), (forced-colors: active)": Object {
+                              "bottom": -2,
+                              "left": -2,
+                              "outlineColor": "ButtonText",
+                              "right": -2,
+                              "top": -2,
+                            },
+                          },
+                          "top": 2,
+                          "zIndex": 1,
+                        },
+                        "::-moz-focus-inner": Object {
+                          "border": "0",
+                        },
+                      },
+                    },
+                    Object {
+                      "MozOsxFontSmoothing": "grayscale",
+                      "WebkitFontSmoothing": "antialiased",
+                      "fontFamily": "'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif",
+                      "fontSize": "14px",
+                      "fontWeight": 400,
+                    },
+                    Object {
+                      "border": "1px solid #8a8886",
+                      "borderRadius": "2px",
+                      "boxSizing": "border-box",
+                      "cursor": "pointer",
+                      "display": "inline-block",
+                      "padding": "0 16px",
+                      "selectors": Object {
+                        ":active > *": Object {
+                          "left": 0,
+                          "position": "relative",
+                          "top": 0,
+                        },
+                      },
+                      "textAlign": "center",
+                      "textDecoration": "none",
+                      "userSelect": "none",
+                    },
+                    Object {
+                      "backgroundColor": "transparent",
+                      "border": "none",
+                      "color": "#0078d4",
+                      "height": "32px",
+                      "padding": "0 4px",
+                      "width": "32px",
+                    },
+                  ],
+                  "rootChecked": Object {
+                    "backgroundColor": "#edebe9",
+                    "color": "#005a9e",
+                  },
+                  "rootCheckedHovered": Object {
+                    "backgroundColor": "#e1dfdd",
+                    "color": "#005a9e",
+                  },
+                  "rootDisabled": Array [
+                    Object {
+                      "outline": "transparent",
+                      "position": "relative",
+                      "selectors": Object {
+                        ".ms-Fabric--isFocusVisible &:focus:after": Object {
+                          "border": "1px solid transparent",
+                          "bottom": 2,
+                          "content": "\\"\\"",
+                          "left": 2,
+                          "outline": "1px solid #605e5c",
+                          "position": "absolute",
+                          "right": 2,
+                          "selectors": Object {
+                            "@media screen and (-ms-high-contrast: active), (forced-colors: active)": Object {
+                              "bottom": -2,
+                              "left": -2,
+                              "outlineColor": "ButtonText",
+                              "right": -2,
+                              "top": -2,
+                            },
+                          },
+                          "top": 2,
+                          "zIndex": 1,
+                        },
+                        "::-moz-focus-inner": Object {
+                          "border": "0",
+                        },
+                      },
+                    },
+                    Object {
+                      "backgroundColor": "#f3f2f1",
+                      "borderColor": "#f3f2f1",
+                      "color": "#a19f9d",
+                      "cursor": "default",
+                      "pointerEvents": "none",
+                      "selectors": Object {
+                        ":focus": Object {
+                          "outline": 0,
+                        },
+                        ":hover": Object {
+                          "outline": 0,
+                        },
+                      },
+                    },
+                    Object {
+                      "color": "#c8c6c4",
+                    },
+                  ],
+                  "rootExpanded": Object {
+                    "backgroundColor": "#edebe9",
+                    "color": "#005a9e",
+                  },
+                  "rootHasMenu": Object {
+                    "width": "auto",
+                  },
+                  "rootHovered": Object {
+                    "backgroundColor": "#f3f2f1",
+                    "color": "#106ebe",
+                    "selectors": Object {
+                      "@media screen and (-ms-high-contrast: active), (forced-colors: active)": Object {
+                        "borderColor": "Highlight",
+                        "color": "Highlight",
+                      },
+                    },
+                  },
+                  "rootPressed": Object {
+                    "backgroundColor": "#edebe9",
+                    "color": "#005a9e",
+                  },
+                  "screenReaderText": Object {
+                    "border": 0,
+                    "height": 1,
+                    "margin": -1,
+                    "overflow": "hidden",
+                    "padding": 0,
+                    "position": "absolute",
+                    "width": 1,
+                  },
+                  "splitButtonContainer": Array [
+                    Object {
+                      "outline": "transparent",
+                      "position": "relative",
+                      "selectors": Object {
+                        ".ms-Fabric--isFocusVisible &:focus:after": Object {
+                          "border": "1px solid #ffffff",
+                          "bottom": 3,
+                          "content": "\\"\\"",
+                          "left": 3,
+                          "outline": "1px solid #605e5c",
+                          "position": "absolute",
+                          "right": 3,
+                          "selectors": Object {
+                            "@media screen and (-ms-high-contrast: active), (forced-colors: active)": Object {
+                              "border": "none",
+                              "bottom": -2,
+                              "left": -2,
+                              "right": -2,
+                              "top": -2,
+                            },
+                          },
+                          "top": 3,
+                          "zIndex": 1,
+                        },
+                        "::-moz-focus-inner": Object {
+                          "border": "0",
+                        },
+                      },
+                    },
+                    Object {
+                      "display": "inline-flex",
+                      "selectors": Object {
+                        ".ms-Button--default": Object {
+                          "borderBottomRightRadius": "0",
+                          "borderRight": "none",
+                          "borderTopRightRadius": "0",
+                        },
+                        ".ms-Button--primary": Object {
+                          "border": "none",
+                          "borderBottomRightRadius": "0",
+                          "borderTopRightRadius": "0",
+                          "selectors": Object {
+                            "@media screen and (-ms-high-contrast: active), (forced-colors: active)": Object {
+                              "MsHighContrastAdjust": "none",
+                              "backgroundColor": "Window",
+                              "border": "1px solid WindowText",
+                              "borderRightWidth": "0",
+                              "color": "WindowText",
+                              "forcedColorAdjust": "none",
+                            },
+                          },
+                        },
+                        ".ms-Button--primary + .ms-Button": Object {
+                          "border": "none",
+                          "selectors": Object {
+                            "@media screen and (-ms-high-contrast: active), (forced-colors: active)": Object {
+                              "border": "1px solid WindowText",
+                              "borderLeftWidth": "0",
+                            },
+                          },
+                        },
+                      },
+                    },
+                  ],
+                  "splitButtonContainerChecked": Object {
+                    "selectors": Object {
+                      ".ms-Button--primary": Object {
+                        "selectors": Object {
+                          "@media screen and (-ms-high-contrast: active), (forced-colors: active)": Object {
+                            "MsHighContrastAdjust": "none",
+                            "backgroundColor": "WindowText",
+                            "color": "Window",
+                            "forcedColorAdjust": "none",
+                          },
+                        },
+                      },
+                    },
+                  },
+                  "splitButtonContainerCheckedHovered": Object {
+                    "selectors": Object {
+                      ".ms-Button--primary": Object {
+                        "selectors": Object {
+                          "@media screen and (-ms-high-contrast: active), (forced-colors: active)": Object {
+                            "MsHighContrastAdjust": "none",
+                            "backgroundColor": "WindowText",
+                            "color": "Window",
+                            "forcedColorAdjust": "none",
+                          },
+                        },
+                      },
+                    },
+                  },
+                  "splitButtonContainerDisabled": Object {
+                    "border": "none",
+                    "outline": "none",
+                    "selectors": Object {
+                      "@media screen and (-ms-high-contrast: active), (forced-colors: active)": Object {
+                        "MsHighContrastAdjust": "none",
+                        "backgroundColor": "Window",
+                        "borderColor": "GrayText",
+                        "color": "GrayText",
+                        "forcedColorAdjust": "none",
+                      },
+                    },
+                  },
+                  "splitButtonContainerFocused": Object {
+                    "outline": "none!important",
+                  },
+                  "splitButtonContainerHovered": Object {
+                    "selectors": Object {
+                      ".ms-Button--primary": Object {
+                        "selectors": Object {
+                          "@media screen and (-ms-high-contrast: active), (forced-colors: active)": Object {
+                            "backgroundColor": "Highlight",
+                            "color": "Window",
+                          },
+                        },
+                      },
+                      ".ms-Button.is-disabled": Object {
+                        "color": "#a19f9d",
+                        "selectors": Object {
+                          "@media screen and (-ms-high-contrast: active), (forced-colors: active)": Object {
+                            "backgroundColor": "Window",
+                            "borderColor": "GrayText",
+                            "color": "GrayText",
+                          },
+                        },
+                      },
+                    },
+                  },
+                  "splitButtonDivider": Object {
+                    "bottom": 8,
+                    "position": "absolute",
+                    "right": 31,
+                    "selectors": Object {
+                      "@media screen and (-ms-high-contrast: active), (forced-colors: active)": Object {
+                        "backgroundColor": "WindowText",
+                      },
+                    },
+                    "top": 8,
+                    "width": 1,
+                  },
+                  "splitButtonDividerDisabled": Object {
+                    "bottom": 8,
+                    "position": "absolute",
+                    "right": 31,
+                    "selectors": Object {
+                      "@media screen and (-ms-high-contrast: active), (forced-colors: active)": Object {
+                        "backgroundColor": "GrayText",
+                      },
+                    },
+                    "top": 8,
+                    "width": 1,
+                  },
+                  "splitButtonFlexContainer": Object {
+                    "alignItems": "center",
+                    "display": "flex",
+                    "flexWrap": "nowrap",
+                    "height": "100%",
+                    "justifyContent": "center",
+                  },
+                  "splitButtonMenuButton": Object {
+                    "@media screen and (-ms-high-contrast: active), (forced-colors: active)": Object {
+                      ".ms-Button-menuIcon": Object {
+                        "color": "WindowText",
+                      },
+                    },
+                    "border": "1px solid #8a8886",
+                    "borderBottomRightRadius": "2px",
+                    "borderLeft": "none",
+                    "borderRadius": 0,
+                    "borderTopRightRadius": "2px",
+                    "boxSizing": "border-box",
+                    "cursor": "pointer",
+                    "display": "inline-block",
+                    "height": "auto",
+                    "marginBottom": 0,
+                    "marginLeft": -1,
+                    "marginRight": 0,
+                    "marginTop": 0,
+                    "outline": "transparent",
+                    "padding": 6,
+                    "textAlign": "center",
+                    "textDecoration": "none",
+                    "userSelect": "none",
+                    "verticalAlign": "top",
+                    "width": 32,
+                  },
+                  "splitButtonMenuButtonDisabled": Object {
+                    "border": "none",
+                    "pointerEvents": "none",
+                    "selectors": Object {
+                      ".ms-Button--primary": Object {
+                        "selectors": Object {
+                          "@media screen and (-ms-high-contrast: active), (forced-colors: active)": Object {
+                            "backgroundColor": "Window",
+                            "borderColor": "GrayText",
+                            "color": "GrayText",
+                          },
+                        },
+                      },
+                      ".ms-Button-menuIcon": Object {
+                        "selectors": Object {
+                          "@media screen and (-ms-high-contrast: active), (forced-colors: active)": Object {
+                            "color": "GrayText",
+                          },
+                        },
+                      },
+                      ":hover": Object {
+                        "cursor": "default",
+                      },
+                      "@media screen and (-ms-high-contrast: active), (forced-colors: active)": Object {
+                        "backgroundColor": "Window",
+                        "border": "1px solid GrayText",
+                        "color": "GrayText",
+                      },
+                    },
+                  },
+                  "textContainer": Object {
+                    "display": "block",
+                    "flexGrow": 1,
+                  },
+                }
+              }
               tabIndex={0}
               theme={
                 Object {
@@ -952,447 +1663,81 @@ exports[`Load Query Pane should render Default properly 1`] = `
                 }
               }
               title="Close pane"
+              variantClassName="ms-Button--icon"
             >
-              <BaseButton
-                ariaLabel="Close pane"
-                baseClassName="ms-Button"
-                className="closePaneBtn"
+              <button
+                aria-label="Close pane"
+                className="ms-Button ms-Button--icon closePaneBtn root-104"
+                data-is-focusable={true}
                 data-testid="closePaneBtn"
-                iconProps={
-                  Object {
-                    "iconName": "Cancel",
-                  }
-                }
-                onClick={[MockFunction]}
-                onRenderDescription={[Function]}
-                onRenderText={[Function]}
-                split={false}
-                styles={
-                  Object {
-                    "description": Object {
-                      "display": "block",
-                    },
-                    "flexContainer": Object {
-                      "alignItems": "center",
-                      "display": "flex",
-                      "flexWrap": "nowrap",
-                      "height": "100%",
-                      "justifyContent": "center",
-                    },
-                    "icon": Object {
-                      "flexShrink": 0,
-                      "fontSize": "16px",
-                      "height": "16px",
-                      "lineHeight": "16px",
-                      "margin": "0 4px",
-                      "textAlign": "center",
-                    },
-                    "iconDisabled": Object {
-                      "color": "#a19f9d",
-                      "selectors": Object {
-                        "@media screen and (-ms-high-contrast: active), (forced-colors: active)": Object {
-                          "color": "GrayText",
-                        },
-                      },
-                    },
-                    "label": Object {
-                      "display": "block",
-                      "lineHeight": "100%",
-                      "margin": "0 4px",
-                    },
-                    "menuIcon": Object {
-                      "flexShrink": 0,
-                      "fontSize": "12px",
-                      "height": "16px",
-                      "lineHeight": "16px",
-                      "margin": "0 4px",
-                      "textAlign": "center",
-                    },
-                    "menuIconDisabled": Object {
-                      "color": "#a19f9d",
-                      "selectors": Object {
-                        "@media screen and (-ms-high-contrast: active), (forced-colors: active)": Object {
-                          "color": "GrayText",
-                        },
-                      },
-                    },
-                    "root": Array [
-                      Object {
-                        "outline": "transparent",
-                        "position": "relative",
-                        "selectors": Object {
-                          ".ms-Fabric--isFocusVisible &:focus:after": Object {
-                            "border": "1px solid transparent",
-                            "bottom": 2,
-                            "content": "\\"\\"",
-                            "left": 2,
-                            "outline": "1px solid #605e5c",
-                            "position": "absolute",
-                            "right": 2,
-                            "selectors": Object {
-                              "@media screen and (-ms-high-contrast: active), (forced-colors: active)": Object {
-                                "bottom": -2,
-                                "left": -2,
-                                "outlineColor": "ButtonText",
-                                "right": -2,
-                                "top": -2,
-                              },
-                            },
-                            "top": 2,
-                            "zIndex": 1,
-                          },
-                          "::-moz-focus-inner": Object {
-                            "border": "0",
-                          },
-                        },
-                      },
-                      Object {
-                        "MozOsxFontSmoothing": "grayscale",
-                        "WebkitFontSmoothing": "antialiased",
-                        "fontFamily": "'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif",
-                        "fontSize": "14px",
-                        "fontWeight": 400,
-                      },
-                      Object {
-                        "border": "1px solid #8a8886",
-                        "borderRadius": "2px",
-                        "boxSizing": "border-box",
-                        "cursor": "pointer",
-                        "display": "inline-block",
-                        "padding": "0 16px",
-                        "selectors": Object {
-                          ":active > *": Object {
-                            "left": 0,
-                            "position": "relative",
-                            "top": 0,
-                          },
-                        },
-                        "textAlign": "center",
-                        "textDecoration": "none",
-                        "userSelect": "none",
-                      },
-                      Object {
-                        "backgroundColor": "transparent",
-                        "border": "none",
-                        "color": "#0078d4",
-                        "height": "32px",
-                        "padding": "0 4px",
-                        "width": "32px",
-                      },
-                    ],
-                    "rootChecked": Object {
-                      "backgroundColor": "#edebe9",
-                      "color": "#005a9e",
-                    },
-                    "rootCheckedHovered": Object {
-                      "backgroundColor": "#e1dfdd",
-                      "color": "#005a9e",
-                    },
-                    "rootDisabled": Array [
-                      Object {
-                        "outline": "transparent",
-                        "position": "relative",
-                        "selectors": Object {
-                          ".ms-Fabric--isFocusVisible &:focus:after": Object {
-                            "border": "1px solid transparent",
-                            "bottom": 2,
-                            "content": "\\"\\"",
-                            "left": 2,
-                            "outline": "1px solid #605e5c",
-                            "position": "absolute",
-                            "right": 2,
-                            "selectors": Object {
-                              "@media screen and (-ms-high-contrast: active), (forced-colors: active)": Object {
-                                "bottom": -2,
-                                "left": -2,
-                                "outlineColor": "ButtonText",
-                                "right": -2,
-                                "top": -2,
-                              },
-                            },
-                            "top": 2,
-                            "zIndex": 1,
-                          },
-                          "::-moz-focus-inner": Object {
-                            "border": "0",
-                          },
-                        },
-                      },
-                      Object {
-                        "backgroundColor": "#f3f2f1",
-                        "borderColor": "#f3f2f1",
-                        "color": "#a19f9d",
-                        "cursor": "default",
-                        "pointerEvents": "none",
-                        "selectors": Object {
-                          ":focus": Object {
-                            "outline": 0,
-                          },
-                          ":hover": Object {
-                            "outline": 0,
-                          },
-                        },
-                      },
-                      Object {
-                        "color": "#c8c6c4",
-                      },
-                    ],
-                    "rootExpanded": Object {
-                      "backgroundColor": "#edebe9",
-                      "color": "#005a9e",
-                    },
-                    "rootHasMenu": Object {
-                      "width": "auto",
-                    },
-                    "rootHovered": Object {
-                      "backgroundColor": "#f3f2f1",
-                      "color": "#106ebe",
-                      "selectors": Object {
-                        "@media screen and (-ms-high-contrast: active), (forced-colors: active)": Object {
-                          "borderColor": "Highlight",
-                          "color": "Highlight",
-                        },
-                      },
-                    },
-                    "rootPressed": Object {
-                      "backgroundColor": "#edebe9",
-                      "color": "#005a9e",
-                    },
-                    "screenReaderText": Object {
-                      "border": 0,
-                      "height": 1,
-                      "margin": -1,
-                      "overflow": "hidden",
-                      "padding": 0,
-                      "position": "absolute",
-                      "width": 1,
-                    },
-                    "splitButtonContainer": Array [
-                      Object {
-                        "outline": "transparent",
-                        "position": "relative",
-                        "selectors": Object {
-                          ".ms-Fabric--isFocusVisible &:focus:after": Object {
-                            "border": "1px solid #ffffff",
-                            "bottom": 3,
-                            "content": "\\"\\"",
-                            "left": 3,
-                            "outline": "1px solid #605e5c",
-                            "position": "absolute",
-                            "right": 3,
-                            "selectors": Object {
-                              "@media screen and (-ms-high-contrast: active), (forced-colors: active)": Object {
-                                "border": "none",
-                                "bottom": -2,
-                                "left": -2,
-                                "right": -2,
-                                "top": -2,
-                              },
-                            },
-                            "top": 3,
-                            "zIndex": 1,
-                          },
-                          "::-moz-focus-inner": Object {
-                            "border": "0",
-                          },
-                        },
-                      },
-                      Object {
-                        "display": "inline-flex",
-                        "selectors": Object {
-                          ".ms-Button--default": Object {
-                            "borderBottomRightRadius": "0",
-                            "borderRight": "none",
-                            "borderTopRightRadius": "0",
-                          },
-                          ".ms-Button--primary": Object {
-                            "border": "none",
-                            "borderBottomRightRadius": "0",
-                            "borderTopRightRadius": "0",
-                            "selectors": Object {
-                              "@media screen and (-ms-high-contrast: active), (forced-colors: active)": Object {
-                                "MsHighContrastAdjust": "none",
-                                "backgroundColor": "Window",
-                                "border": "1px solid WindowText",
-                                "borderRightWidth": "0",
-                                "color": "WindowText",
-                                "forcedColorAdjust": "none",
-                              },
-                            },
-                          },
-                          ".ms-Button--primary + .ms-Button": Object {
-                            "border": "none",
-                            "selectors": Object {
-                              "@media screen and (-ms-high-contrast: active), (forced-colors: active)": Object {
-                                "border": "1px solid WindowText",
-                                "borderLeftWidth": "0",
-                              },
-                            },
-                          },
-                        },
-                      },
-                    ],
-                    "splitButtonContainerChecked": Object {
-                      "selectors": Object {
-                        ".ms-Button--primary": Object {
-                          "selectors": Object {
-                            "@media screen and (-ms-high-contrast: active), (forced-colors: active)": Object {
-                              "MsHighContrastAdjust": "none",
-                              "backgroundColor": "WindowText",
-                              "color": "Window",
-                              "forcedColorAdjust": "none",
-                            },
-                          },
-                        },
-                      },
-                    },
-                    "splitButtonContainerCheckedHovered": Object {
-                      "selectors": Object {
-                        ".ms-Button--primary": Object {
-                          "selectors": Object {
-                            "@media screen and (-ms-high-contrast: active), (forced-colors: active)": Object {
-                              "MsHighContrastAdjust": "none",
-                              "backgroundColor": "WindowText",
-                              "color": "Window",
-                              "forcedColorAdjust": "none",
-                            },
-                          },
-                        },
-                      },
-                    },
-                    "splitButtonContainerDisabled": Object {
-                      "border": "none",
-                      "outline": "none",
-                      "selectors": Object {
-                        "@media screen and (-ms-high-contrast: active), (forced-colors: active)": Object {
-                          "MsHighContrastAdjust": "none",
-                          "backgroundColor": "Window",
-                          "borderColor": "GrayText",
-                          "color": "GrayText",
-                          "forcedColorAdjust": "none",
-                        },
-                      },
-                    },
-                    "splitButtonContainerFocused": Object {
-                      "outline": "none!important",
-                    },
-                    "splitButtonContainerHovered": Object {
-                      "selectors": Object {
-                        ".ms-Button--primary": Object {
-                          "selectors": Object {
-                            "@media screen and (-ms-high-contrast: active), (forced-colors: active)": Object {
-                              "backgroundColor": "Highlight",
-                              "color": "Window",
-                            },
-                          },
-                        },
-                        ".ms-Button.is-disabled": Object {
-                          "color": "#a19f9d",
-                          "selectors": Object {
-                            "@media screen and (-ms-high-contrast: active), (forced-colors: active)": Object {
-                              "backgroundColor": "Window",
-                              "borderColor": "GrayText",
-                              "color": "GrayText",
-                            },
-                          },
-                        },
-                      },
-                    },
-                    "splitButtonDivider": Object {
-                      "bottom": 8,
-                      "position": "absolute",
-                      "right": 31,
-                      "selectors": Object {
-                        "@media screen and (-ms-high-contrast: active), (forced-colors: active)": Object {
-                          "backgroundColor": "WindowText",
-                        },
-                      },
-                      "top": 8,
-                      "width": 1,
-                    },
-                    "splitButtonDividerDisabled": Object {
-                      "bottom": 8,
-                      "position": "absolute",
-                      "right": 31,
-                      "selectors": Object {
-                        "@media screen and (-ms-high-contrast: active), (forced-colors: active)": Object {
-                          "backgroundColor": "GrayText",
-                        },
-                      },
-                      "top": 8,
-                      "width": 1,
-                    },
-                    "splitButtonFlexContainer": Object {
-                      "alignItems": "center",
-                      "display": "flex",
-                      "flexWrap": "nowrap",
-                      "height": "100%",
-                      "justifyContent": "center",
-                    },
-                    "splitButtonMenuButton": Object {
-                      "@media screen and (-ms-high-contrast: active), (forced-colors: active)": Object {
-                        ".ms-Button-menuIcon": Object {
-                          "color": "WindowText",
-                        },
-                      },
-                      "border": "1px solid #8a8886",
-                      "borderBottomRightRadius": "2px",
-                      "borderLeft": "none",
-                      "borderRadius": 0,
-                      "borderTopRightRadius": "2px",
-                      "boxSizing": "border-box",
-                      "cursor": "pointer",
-                      "display": "inline-block",
-                      "height": "auto",
-                      "marginBottom": 0,
-                      "marginLeft": -1,
-                      "marginRight": 0,
-                      "marginTop": 0,
-                      "outline": "transparent",
-                      "padding": 6,
-                      "textAlign": "center",
-                      "textDecoration": "none",
-                      "userSelect": "none",
-                      "verticalAlign": "top",
-                      "width": 32,
-                    },
-                    "splitButtonMenuButtonDisabled": Object {
-                      "border": "none",
-                      "pointerEvents": "none",
-                      "selectors": Object {
-                        ".ms-Button--primary": Object {
-                          "selectors": Object {
-                            "@media screen and (-ms-high-contrast: active), (forced-colors: active)": Object {
-                              "backgroundColor": "Window",
-                              "borderColor": "GrayText",
-                              "color": "GrayText",
-                            },
-                          },
-                        },
-                        ".ms-Button-menuIcon": Object {
-                          "selectors": Object {
-                            "@media screen and (-ms-high-contrast: active), (forced-colors: active)": Object {
-                              "color": "GrayText",
-                            },
-                          },
-                        },
-                        ":hover": Object {
-                          "cursor": "default",
-                        },
-                        "@media screen and (-ms-high-contrast: active), (forced-colors: active)": Object {
-                          "backgroundColor": "Window",
-                          "border": "1px solid GrayText",
-                          "color": "GrayText",
-                        },
-                      },
-                    },
-                    "textContainer": Object {
-                      "display": "block",
-                      "flexGrow": 1,
-                    },
-                  }
-                }
+                onClick={[Function]}
+                onKeyDown={[Function]}
+                onKeyPress={[Function]}
+                onKeyUp={[Function]}
+                onMouseDown={[Function]}
+                onMouseUp={[Function]}
                 tabIndex={0}
+                title="Close pane"
+                type="button"
+              >
+                <span
+                  className="ms-Button-flexContainer flexContainer-105"
+                  data-automationid="splitbuttonprimary"
+                >
+                  <Component
+                    className="ms-Button-icon icon-107"
+                    iconName="Cancel"
+                  >
+                    <i
+                      aria-hidden={true}
+                      className="ms-Icon root-37 css-112 ms-Button-icon icon-107"
+                      data-icon-name="Cancel"
+                      role="presentation"
+                      style={
+                        Object {
+                          "fontFamily": "\\"FabricMDL2Icons\\"",
+                        }
+                      }
+                    >
+                      
+                    </i>
+                  </Component>
+                </span>
+              </button>
+              <Component />
+            </BaseButton>
+          </IconButton>
+        </CustomizedIconButton>
+      </div>
+      <PanelInfoErrorComponent
+        formError={false}
+        message=""
+        messageType="error"
+        openNotificationConsole={[Function]}
+        showErrorDetails={false}
+      />
+      <form
+        className="panelFormWrapper"
+        onSubmit={[Function]}
+      >
+        <PanelFooterComponent
+          buttonLabel="Load"
+        >
+          <div
+            className="panelFooter"
+          >
+            <CustomizedPrimaryButton
+              ariaLabel="Load"
+              data-testid="submit"
+              id="sidePanelOkButton"
+              text="Load"
+              type="submit"
+            >
+              <PrimaryButton
+                ariaLabel="Load"
+                data-testid="submit"
+                id="sidePanelOkButton"
+                text="Load"
                 theme={
                   Object {
                     "disableGlobalClassNames": false,
@@ -1666,81 +2011,14 @@ exports[`Load Query Pane should render Default properly 1`] = `
                     },
                   }
                 }
-                title="Close pane"
-                variantClassName="ms-Button--icon"
-              >
-                <button
-                  aria-label="Close pane"
-                  className="ms-Button ms-Button--icon closePaneBtn root-104"
-                  data-is-focusable={true}
-                  data-testid="closePaneBtn"
-                  onClick={[Function]}
-                  onKeyDown={[Function]}
-                  onKeyPress={[Function]}
-                  onKeyUp={[Function]}
-                  onMouseDown={[Function]}
-                  onMouseUp={[Function]}
-                  tabIndex={0}
-                  title="Close pane"
-                  type="button"
-                >
-                  <span
-                    className="ms-Button-flexContainer flexContainer-105"
-                    data-automationid="splitbuttonprimary"
-                  >
-                    <Component
-                      className="ms-Button-icon icon-107"
-                      iconName="Cancel"
-                    >
-                      <i
-                        aria-hidden={true}
-                        className="ms-Icon root-37 css-112 ms-Button-icon icon-107"
-                        data-icon-name="Cancel"
-                        role="presentation"
-                        style={
-                          Object {
-                            "fontFamily": "\\"FabricMDL2Icons\\"",
-                          }
-                        }
-                      >
-                        
-                      </i>
-                    </Component>
-                  </span>
-                </button>
-                <Component />
-              </BaseButton>
-            </IconButton>
-          </CustomizedIconButton>
-        </div>
-        <PanelInfoErrorComponent
-          formError={false}
-          message=""
-          messageType="error"
-          openNotificationConsole={[Function]}
-          showErrorDetails={false}
-        />
-        <form
-          className="panelFormWrapper"
-          onSubmit={[Function]}
-        >
-          <PanelFooterComponent
-            buttonLabel="Load"
-          >
-            <div
-              className="panelFooter"
-            >
-              <CustomizedPrimaryButton
-                ariaLabel="Load"
-                data-testid="submit"
-                id="sidePanelOkButton"
-                text="Load"
                 type="submit"
               >
-                <PrimaryButton
+                <CustomizedDefaultButton
                   ariaLabel="Load"
                   data-testid="submit"
                   id="sidePanelOkButton"
+                  onRenderDescription={[Function]}
+                  primary={true}
                   text="Load"
                   theme={
                     Object {
@@ -2017,7 +2295,7 @@ exports[`Load Query Pane should render Default properly 1`] = `
                   }
                   type="submit"
                 >
-                  <CustomizedDefaultButton
+                  <DefaultButton
                     ariaLabel="Load"
                     data-testid="submit"
                     id="sidePanelOkButton"
@@ -2299,12 +2577,557 @@ exports[`Load Query Pane should render Default properly 1`] = `
                     }
                     type="submit"
                   >
-                    <DefaultButton
+                    <BaseButton
                       ariaLabel="Load"
+                      baseClassName="ms-Button"
                       data-testid="submit"
                       id="sidePanelOkButton"
                       onRenderDescription={[Function]}
                       primary={true}
+                      split={false}
+                      styles={
+                        Object {
+                          "description": Object {
+                            "display": "block",
+                          },
+                          "flexContainer": Object {
+                            "alignItems": "center",
+                            "display": "flex",
+                            "flexWrap": "nowrap",
+                            "height": "100%",
+                            "justifyContent": "center",
+                          },
+                          "icon": Object {
+                            "flexShrink": 0,
+                            "fontSize": "16px",
+                            "height": "16px",
+                            "lineHeight": "16px",
+                            "margin": "0 4px",
+                            "textAlign": "center",
+                          },
+                          "iconDisabled": Object {
+                            "color": "#a19f9d",
+                            "selectors": Object {
+                              "@media screen and (-ms-high-contrast: active), (forced-colors: active)": Object {
+                                "color": "GrayText",
+                              },
+                            },
+                          },
+                          "label": Array [
+                            Object {
+                              "display": "block",
+                              "lineHeight": "100%",
+                              "margin": "0 4px",
+                            },
+                            Object {
+                              "fontWeight": 600,
+                            },
+                          ],
+                          "menuIcon": Object {
+                            "flexShrink": 0,
+                            "fontSize": "12px",
+                            "height": "16px",
+                            "lineHeight": "16px",
+                            "margin": "0 4px",
+                            "textAlign": "center",
+                          },
+                          "menuIconDisabled": Object {
+                            "color": "#a19f9d",
+                            "selectors": Object {
+                              "@media screen and (-ms-high-contrast: active), (forced-colors: active)": Object {
+                                "color": "GrayText",
+                              },
+                            },
+                          },
+                          "root": Array [
+                            Object {
+                              "outline": "transparent",
+                              "position": "relative",
+                              "selectors": Object {
+                                ".ms-Fabric--isFocusVisible &:focus:after": Object {
+                                  "border": "1px solid transparent",
+                                  "bottom": 2,
+                                  "content": "\\"\\"",
+                                  "left": 2,
+                                  "outline": "1px solid #605e5c",
+                                  "position": "absolute",
+                                  "right": 2,
+                                  "selectors": Object {
+                                    "@media screen and (-ms-high-contrast: active), (forced-colors: active)": Object {
+                                      "bottom": -2,
+                                      "left": -2,
+                                      "outlineColor": "ButtonText",
+                                      "right": -2,
+                                      "top": -2,
+                                    },
+                                  },
+                                  "top": 2,
+                                  "zIndex": 1,
+                                },
+                                "::-moz-focus-inner": Object {
+                                  "border": "0",
+                                },
+                              },
+                            },
+                            Object {
+                              "MozOsxFontSmoothing": "grayscale",
+                              "WebkitFontSmoothing": "antialiased",
+                              "fontFamily": "'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif",
+                              "fontSize": "14px",
+                              "fontWeight": 400,
+                            },
+                            Object {
+                              "border": "1px solid #8a8886",
+                              "borderRadius": "2px",
+                              "boxSizing": "border-box",
+                              "cursor": "pointer",
+                              "display": "inline-block",
+                              "padding": "0 16px",
+                              "selectors": Object {
+                                ":active > *": Object {
+                                  "left": 0,
+                                  "position": "relative",
+                                  "top": 0,
+                                },
+                              },
+                              "textAlign": "center",
+                              "textDecoration": "none",
+                              "userSelect": "none",
+                            },
+                            Object {
+                              "height": "32px",
+                              "minWidth": "80px",
+                            },
+                            Object {
+                              "backgroundColor": "#0078d4",
+                              "border": "1px solid #0078d4",
+                              "color": "#ffffff",
+                              "selectors": Object {
+                                ".ms-Fabric--isFocusVisible &:focus": Object {
+                                  "selectors": Object {
+                                    ":after": Object {
+                                      "border": "none",
+                                      "outlineColor": "#ffffff",
+                                    },
+                                  },
+                                },
+                                "@media screen and (-ms-high-contrast: active), (forced-colors: active)": Object {
+                                  "MsHighContrastAdjust": "none",
+                                  "backgroundColor": "WindowText",
+                                  "borderColor": "WindowText",
+                                  "color": "Window",
+                                  "forcedColorAdjust": "none",
+                                },
+                              },
+                            },
+                          ],
+                          "rootChecked": Object {
+                            "backgroundColor": "#005a9e",
+                            "color": "#ffffff",
+                          },
+                          "rootCheckedHovered": Object {
+                            "backgroundColor": "#005a9e",
+                            "color": "#ffffff",
+                          },
+                          "rootDisabled": Array [
+                            Object {
+                              "outline": "transparent",
+                              "position": "relative",
+                              "selectors": Object {
+                                ".ms-Fabric--isFocusVisible &:focus:after": Object {
+                                  "border": "1px solid transparent",
+                                  "bottom": 2,
+                                  "content": "\\"\\"",
+                                  "left": 2,
+                                  "outline": "1px solid #605e5c",
+                                  "position": "absolute",
+                                  "right": 2,
+                                  "selectors": Object {
+                                    "@media screen and (-ms-high-contrast: active), (forced-colors: active)": Object {
+                                      "bottom": -2,
+                                      "left": -2,
+                                      "outlineColor": "ButtonText",
+                                      "right": -2,
+                                      "top": -2,
+                                    },
+                                  },
+                                  "top": 2,
+                                  "zIndex": 1,
+                                },
+                                "::-moz-focus-inner": Object {
+                                  "border": "0",
+                                },
+                              },
+                            },
+                            Object {
+                              "backgroundColor": "#f3f2f1",
+                              "borderColor": "#f3f2f1",
+                              "color": "#a19f9d",
+                              "cursor": "default",
+                              "pointerEvents": "none",
+                              "selectors": Object {
+                                ":focus": Object {
+                                  "outline": 0,
+                                },
+                                ":hover": Object {
+                                  "outline": 0,
+                                },
+                              },
+                            },
+                            Object {
+                              "backgroundColor": "#f3f2f1",
+                              "color": "#d2d0ce",
+                              "selectors": Object {
+                                "@media screen and (-ms-high-contrast: active), (forced-colors: active)": Object {
+                                  "backgroundColor": "Window",
+                                  "borderColor": "GrayText",
+                                  "color": "GrayText",
+                                },
+                              },
+                            },
+                          ],
+                          "rootExpanded": Object {
+                            "backgroundColor": "#005a9e",
+                            "color": "#ffffff",
+                          },
+                          "rootHovered": Object {
+                            "backgroundColor": "#106ebe",
+                            "border": "1px solid #106ebe",
+                            "color": "#ffffff",
+                            "selectors": Object {
+                              "@media screen and (-ms-high-contrast: active), (forced-colors: active)": Object {
+                                "backgroundColor": "Highlight",
+                                "borderColor": "Highlight",
+                                "color": "Window",
+                              },
+                            },
+                          },
+                          "rootPressed": Object {
+                            "backgroundColor": "#005a9e",
+                            "border": "1px solid #005a9e",
+                            "color": "#ffffff",
+                            "selectors": Object {
+                              "@media screen and (-ms-high-contrast: active), (forced-colors: active)": Object {
+                                "MsHighContrastAdjust": "none",
+                                "backgroundColor": "WindowText",
+                                "borderColor": "WindowText",
+                                "color": "Window",
+                                "forcedColorAdjust": "none",
+                              },
+                            },
+                          },
+                          "screenReaderText": Object {
+                            "border": 0,
+                            "height": 1,
+                            "margin": -1,
+                            "overflow": "hidden",
+                            "padding": 0,
+                            "position": "absolute",
+                            "width": 1,
+                          },
+                          "splitButtonContainer": Array [
+                            Object {
+                              "selectors": Object {
+                                "@media screen and (-ms-high-contrast: active), (forced-colors: active)": Object {
+                                  "border": "none",
+                                },
+                              },
+                            },
+                            Object {
+                              "outline": "transparent",
+                              "position": "relative",
+                              "selectors": Object {
+                                ".ms-Fabric--isFocusVisible &:focus:after": Object {
+                                  "border": "1px solid #ffffff",
+                                  "bottom": 3,
+                                  "content": "\\"\\"",
+                                  "left": 3,
+                                  "outline": "1px solid #605e5c",
+                                  "position": "absolute",
+                                  "right": 3,
+                                  "selectors": Object {
+                                    "@media screen and (-ms-high-contrast: active), (forced-colors: active)": Object {
+                                      "border": "none",
+                                      "bottom": -2,
+                                      "left": -2,
+                                      "right": -2,
+                                      "top": -2,
+                                    },
+                                  },
+                                  "top": 3,
+                                  "zIndex": 1,
+                                },
+                                "::-moz-focus-inner": Object {
+                                  "border": "0",
+                                },
+                              },
+                            },
+                            Object {
+                              "display": "inline-flex",
+                              "selectors": Object {
+                                ".ms-Button--default": Object {
+                                  "borderBottomRightRadius": "0",
+                                  "borderRight": "none",
+                                  "borderTopRightRadius": "0",
+                                },
+                                ".ms-Button--primary": Object {
+                                  "border": "none",
+                                  "borderBottomRightRadius": "0",
+                                  "borderTopRightRadius": "0",
+                                  "selectors": Object {
+                                    "@media screen and (-ms-high-contrast: active), (forced-colors: active)": Object {
+                                      "MsHighContrastAdjust": "none",
+                                      "backgroundColor": "Window",
+                                      "border": "1px solid WindowText",
+                                      "borderRightWidth": "0",
+                                      "color": "WindowText",
+                                      "forcedColorAdjust": "none",
+                                    },
+                                  },
+                                },
+                                ".ms-Button--primary + .ms-Button": Object {
+                                  "border": "none",
+                                  "selectors": Object {
+                                    "@media screen and (-ms-high-contrast: active), (forced-colors: active)": Object {
+                                      "border": "1px solid WindowText",
+                                      "borderLeftWidth": "0",
+                                    },
+                                  },
+                                },
+                              },
+                            },
+                          ],
+                          "splitButtonContainerChecked": Object {
+                            "selectors": Object {
+                              ".ms-Button--primary": Object {
+                                "selectors": Object {
+                                  "@media screen and (-ms-high-contrast: active), (forced-colors: active)": Object {
+                                    "MsHighContrastAdjust": "none",
+                                    "backgroundColor": "WindowText",
+                                    "color": "Window",
+                                    "forcedColorAdjust": "none",
+                                  },
+                                },
+                              },
+                            },
+                          },
+                          "splitButtonContainerCheckedHovered": Object {
+                            "selectors": Object {
+                              ".ms-Button--primary": Object {
+                                "selectors": Object {
+                                  "@media screen and (-ms-high-contrast: active), (forced-colors: active)": Object {
+                                    "MsHighContrastAdjust": "none",
+                                    "backgroundColor": "WindowText",
+                                    "color": "Window",
+                                    "forcedColorAdjust": "none",
+                                  },
+                                },
+                              },
+                            },
+                          },
+                          "splitButtonContainerDisabled": Object {
+                            "border": "none",
+                            "outline": "none",
+                            "selectors": Object {
+                              "@media screen and (-ms-high-contrast: active), (forced-colors: active)": Object {
+                                "MsHighContrastAdjust": "none",
+                                "backgroundColor": "Window",
+                                "borderColor": "GrayText",
+                                "color": "GrayText",
+                                "forcedColorAdjust": "none",
+                              },
+                            },
+                          },
+                          "splitButtonContainerFocused": Object {
+                            "outline": "none!important",
+                          },
+                          "splitButtonContainerHovered": Object {
+                            "selectors": Object {
+                              ".ms-Button--primary": Object {
+                                "selectors": Object {
+                                  "@media screen and (-ms-high-contrast: active), (forced-colors: active)": Object {
+                                    "backgroundColor": "Highlight",
+                                    "color": "Window",
+                                  },
+                                },
+                              },
+                              ".ms-Button.is-disabled": Object {
+                                "color": "#a19f9d",
+                                "selectors": Object {
+                                  "@media screen and (-ms-high-contrast: active), (forced-colors: active)": Object {
+                                    "backgroundColor": "Window",
+                                    "borderColor": "GrayText",
+                                    "color": "GrayText",
+                                  },
+                                },
+                              },
+                            },
+                          },
+                          "splitButtonDivider": Array [
+                            Object {
+                              "backgroundColor": "#ffffff",
+                              "bottom": 8,
+                              "position": "absolute",
+                              "right": 31,
+                              "selectors": Object {
+                                "@media screen and (-ms-high-contrast: active), (forced-colors: active)": Object {
+                                  "backgroundColor": "Window",
+                                },
+                              },
+                              "top": 8,
+                              "width": 1,
+                            },
+                            Object {
+                              "bottom": 8,
+                              "position": "absolute",
+                              "right": 31,
+                              "selectors": Object {
+                                "@media screen and (-ms-high-contrast: active), (forced-colors: active)": Object {
+                                  "backgroundColor": "WindowText",
+                                },
+                              },
+                              "top": 8,
+                              "width": 1,
+                            },
+                          ],
+                          "splitButtonDividerDisabled": Object {
+                            "bottom": 8,
+                            "position": "absolute",
+                            "right": 31,
+                            "selectors": Object {
+                              "@media screen and (-ms-high-contrast: active), (forced-colors: active)": Object {
+                                "backgroundColor": "GrayText",
+                              },
+                            },
+                            "top": 8,
+                            "width": 1,
+                          },
+                          "splitButtonFlexContainer": Object {
+                            "alignItems": "center",
+                            "display": "flex",
+                            "flexWrap": "nowrap",
+                            "height": "100%",
+                            "justifyContent": "center",
+                          },
+                          "splitButtonMenuButton": Array [
+                            Object {
+                              "backgroundColor": "#0078d4",
+                              "color": "#ffffff",
+                              "selectors": Object {
+                                ":hover": Object {
+                                  "backgroundColor": "#106ebe",
+                                  "selectors": Object {
+                                    "@media screen and (-ms-high-contrast: active), (forced-colors: active)": Object {
+                                      "color": "Highlight",
+                                    },
+                                  },
+                                },
+                                "@media screen and (-ms-high-contrast: active), (forced-colors: active)": Object {
+                                  "backgroundColor": "WindowText",
+                                },
+                              },
+                            },
+                            Object {
+                              "@media screen and (-ms-high-contrast: active), (forced-colors: active)": Object {
+                                ".ms-Button-menuIcon": Object {
+                                  "color": "WindowText",
+                                },
+                              },
+                              "border": "1px solid #8a8886",
+                              "borderBottomRightRadius": "2px",
+                              "borderLeft": "none",
+                              "borderRadius": 0,
+                              "borderTopRightRadius": "2px",
+                              "boxSizing": "border-box",
+                              "cursor": "pointer",
+                              "display": "inline-block",
+                              "height": "auto",
+                              "marginBottom": 0,
+                              "marginLeft": -1,
+                              "marginRight": 0,
+                              "marginTop": 0,
+                              "outline": "transparent",
+                              "padding": 6,
+                              "textAlign": "center",
+                              "textDecoration": "none",
+                              "userSelect": "none",
+                              "verticalAlign": "top",
+                              "width": 32,
+                            },
+                          ],
+                          "splitButtonMenuButtonChecked": Object {
+                            "backgroundColor": "#005a9e",
+                            "selectors": Object {
+                              ":hover": Object {
+                                "backgroundColor": "#005a9e",
+                              },
+                            },
+                          },
+                          "splitButtonMenuButtonDisabled": Array [
+                            Object {
+                              "backgroundColor": "#f3f2f1",
+                              "selectors": Object {
+                                ":hover": Object {
+                                  "backgroundColor": "#f3f2f1",
+                                },
+                              },
+                            },
+                            Object {
+                              "border": "none",
+                              "pointerEvents": "none",
+                              "selectors": Object {
+                                ".ms-Button--primary": Object {
+                                  "selectors": Object {
+                                    "@media screen and (-ms-high-contrast: active), (forced-colors: active)": Object {
+                                      "backgroundColor": "Window",
+                                      "borderColor": "GrayText",
+                                      "color": "GrayText",
+                                    },
+                                  },
+                                },
+                                ".ms-Button-menuIcon": Object {
+                                  "selectors": Object {
+                                    "@media screen and (-ms-high-contrast: active), (forced-colors: active)": Object {
+                                      "color": "GrayText",
+                                    },
+                                  },
+                                },
+                                ":hover": Object {
+                                  "cursor": "default",
+                                },
+                                "@media screen and (-ms-high-contrast: active), (forced-colors: active)": Object {
+                                  "backgroundColor": "Window",
+                                  "border": "1px solid GrayText",
+                                  "color": "GrayText",
+                                },
+                              },
+                            },
+                          ],
+                          "splitButtonMenuButtonExpanded": Object {
+                            "backgroundColor": "#005a9e",
+                            "selectors": Object {
+                              ":hover": Object {
+                                "backgroundColor": "#005a9e",
+                              },
+                            },
+                          },
+                          "splitButtonMenuIcon": Object {
+                            "color": "#ffffff",
+                          },
+                          "splitButtonMenuIconDisabled": Object {
+                            "color": "#a19f9d",
+                            "selectors": Object {
+                              "@media screen and (-ms-high-contrast: active), (forced-colors: active)": Object {
+                                "color": "GrayText",
+                              },
+                            },
+                          },
+                          "textContainer": Object {
+                            "display": "block",
+                            "flexGrow": 1,
+                          },
+                        }
+                      }
                       text="Load"
                       theme={
                         Object {
@@ -2580,876 +3403,48 @@ exports[`Load Query Pane should render Default properly 1`] = `
                         }
                       }
                       type="submit"
+                      variantClassName="ms-Button--primary"
                     >
-                      <BaseButton
-                        ariaLabel="Load"
-                        baseClassName="ms-Button"
+                      <button
+                        aria-label="Load"
+                        className="ms-Button ms-Button--primary root-113"
+                        data-is-focusable={true}
                         data-testid="submit"
                         id="sidePanelOkButton"
-                        onRenderDescription={[Function]}
-                        primary={true}
-                        split={false}
-                        styles={
-                          Object {
-                            "description": Object {
-                              "display": "block",
-                            },
-                            "flexContainer": Object {
-                              "alignItems": "center",
-                              "display": "flex",
-                              "flexWrap": "nowrap",
-                              "height": "100%",
-                              "justifyContent": "center",
-                            },
-                            "icon": Object {
-                              "flexShrink": 0,
-                              "fontSize": "16px",
-                              "height": "16px",
-                              "lineHeight": "16px",
-                              "margin": "0 4px",
-                              "textAlign": "center",
-                            },
-                            "iconDisabled": Object {
-                              "color": "#a19f9d",
-                              "selectors": Object {
-                                "@media screen and (-ms-high-contrast: active), (forced-colors: active)": Object {
-                                  "color": "GrayText",
-                                },
-                              },
-                            },
-                            "label": Array [
-                              Object {
-                                "display": "block",
-                                "lineHeight": "100%",
-                                "margin": "0 4px",
-                              },
-                              Object {
-                                "fontWeight": 600,
-                              },
-                            ],
-                            "menuIcon": Object {
-                              "flexShrink": 0,
-                              "fontSize": "12px",
-                              "height": "16px",
-                              "lineHeight": "16px",
-                              "margin": "0 4px",
-                              "textAlign": "center",
-                            },
-                            "menuIconDisabled": Object {
-                              "color": "#a19f9d",
-                              "selectors": Object {
-                                "@media screen and (-ms-high-contrast: active), (forced-colors: active)": Object {
-                                  "color": "GrayText",
-                                },
-                              },
-                            },
-                            "root": Array [
-                              Object {
-                                "outline": "transparent",
-                                "position": "relative",
-                                "selectors": Object {
-                                  ".ms-Fabric--isFocusVisible &:focus:after": Object {
-                                    "border": "1px solid transparent",
-                                    "bottom": 2,
-                                    "content": "\\"\\"",
-                                    "left": 2,
-                                    "outline": "1px solid #605e5c",
-                                    "position": "absolute",
-                                    "right": 2,
-                                    "selectors": Object {
-                                      "@media screen and (-ms-high-contrast: active), (forced-colors: active)": Object {
-                                        "bottom": -2,
-                                        "left": -2,
-                                        "outlineColor": "ButtonText",
-                                        "right": -2,
-                                        "top": -2,
-                                      },
-                                    },
-                                    "top": 2,
-                                    "zIndex": 1,
-                                  },
-                                  "::-moz-focus-inner": Object {
-                                    "border": "0",
-                                  },
-                                },
-                              },
-                              Object {
-                                "MozOsxFontSmoothing": "grayscale",
-                                "WebkitFontSmoothing": "antialiased",
-                                "fontFamily": "'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif",
-                                "fontSize": "14px",
-                                "fontWeight": 400,
-                              },
-                              Object {
-                                "border": "1px solid #8a8886",
-                                "borderRadius": "2px",
-                                "boxSizing": "border-box",
-                                "cursor": "pointer",
-                                "display": "inline-block",
-                                "padding": "0 16px",
-                                "selectors": Object {
-                                  ":active > *": Object {
-                                    "left": 0,
-                                    "position": "relative",
-                                    "top": 0,
-                                  },
-                                },
-                                "textAlign": "center",
-                                "textDecoration": "none",
-                                "userSelect": "none",
-                              },
-                              Object {
-                                "height": "32px",
-                                "minWidth": "80px",
-                              },
-                              Object {
-                                "backgroundColor": "#0078d4",
-                                "border": "1px solid #0078d4",
-                                "color": "#ffffff",
-                                "selectors": Object {
-                                  ".ms-Fabric--isFocusVisible &:focus": Object {
-                                    "selectors": Object {
-                                      ":after": Object {
-                                        "border": "none",
-                                        "outlineColor": "#ffffff",
-                                      },
-                                    },
-                                  },
-                                  "@media screen and (-ms-high-contrast: active), (forced-colors: active)": Object {
-                                    "MsHighContrastAdjust": "none",
-                                    "backgroundColor": "WindowText",
-                                    "borderColor": "WindowText",
-                                    "color": "Window",
-                                    "forcedColorAdjust": "none",
-                                  },
-                                },
-                              },
-                            ],
-                            "rootChecked": Object {
-                              "backgroundColor": "#005a9e",
-                              "color": "#ffffff",
-                            },
-                            "rootCheckedHovered": Object {
-                              "backgroundColor": "#005a9e",
-                              "color": "#ffffff",
-                            },
-                            "rootDisabled": Array [
-                              Object {
-                                "outline": "transparent",
-                                "position": "relative",
-                                "selectors": Object {
-                                  ".ms-Fabric--isFocusVisible &:focus:after": Object {
-                                    "border": "1px solid transparent",
-                                    "bottom": 2,
-                                    "content": "\\"\\"",
-                                    "left": 2,
-                                    "outline": "1px solid #605e5c",
-                                    "position": "absolute",
-                                    "right": 2,
-                                    "selectors": Object {
-                                      "@media screen and (-ms-high-contrast: active), (forced-colors: active)": Object {
-                                        "bottom": -2,
-                                        "left": -2,
-                                        "outlineColor": "ButtonText",
-                                        "right": -2,
-                                        "top": -2,
-                                      },
-                                    },
-                                    "top": 2,
-                                    "zIndex": 1,
-                                  },
-                                  "::-moz-focus-inner": Object {
-                                    "border": "0",
-                                  },
-                                },
-                              },
-                              Object {
-                                "backgroundColor": "#f3f2f1",
-                                "borderColor": "#f3f2f1",
-                                "color": "#a19f9d",
-                                "cursor": "default",
-                                "pointerEvents": "none",
-                                "selectors": Object {
-                                  ":focus": Object {
-                                    "outline": 0,
-                                  },
-                                  ":hover": Object {
-                                    "outline": 0,
-                                  },
-                                },
-                              },
-                              Object {
-                                "backgroundColor": "#f3f2f1",
-                                "color": "#d2d0ce",
-                                "selectors": Object {
-                                  "@media screen and (-ms-high-contrast: active), (forced-colors: active)": Object {
-                                    "backgroundColor": "Window",
-                                    "borderColor": "GrayText",
-                                    "color": "GrayText",
-                                  },
-                                },
-                              },
-                            ],
-                            "rootExpanded": Object {
-                              "backgroundColor": "#005a9e",
-                              "color": "#ffffff",
-                            },
-                            "rootHovered": Object {
-                              "backgroundColor": "#106ebe",
-                              "border": "1px solid #106ebe",
-                              "color": "#ffffff",
-                              "selectors": Object {
-                                "@media screen and (-ms-high-contrast: active), (forced-colors: active)": Object {
-                                  "backgroundColor": "Highlight",
-                                  "borderColor": "Highlight",
-                                  "color": "Window",
-                                },
-                              },
-                            },
-                            "rootPressed": Object {
-                              "backgroundColor": "#005a9e",
-                              "border": "1px solid #005a9e",
-                              "color": "#ffffff",
-                              "selectors": Object {
-                                "@media screen and (-ms-high-contrast: active), (forced-colors: active)": Object {
-                                  "MsHighContrastAdjust": "none",
-                                  "backgroundColor": "WindowText",
-                                  "borderColor": "WindowText",
-                                  "color": "Window",
-                                  "forcedColorAdjust": "none",
-                                },
-                              },
-                            },
-                            "screenReaderText": Object {
-                              "border": 0,
-                              "height": 1,
-                              "margin": -1,
-                              "overflow": "hidden",
-                              "padding": 0,
-                              "position": "absolute",
-                              "width": 1,
-                            },
-                            "splitButtonContainer": Array [
-                              Object {
-                                "selectors": Object {
-                                  "@media screen and (-ms-high-contrast: active), (forced-colors: active)": Object {
-                                    "border": "none",
-                                  },
-                                },
-                              },
-                              Object {
-                                "outline": "transparent",
-                                "position": "relative",
-                                "selectors": Object {
-                                  ".ms-Fabric--isFocusVisible &:focus:after": Object {
-                                    "border": "1px solid #ffffff",
-                                    "bottom": 3,
-                                    "content": "\\"\\"",
-                                    "left": 3,
-                                    "outline": "1px solid #605e5c",
-                                    "position": "absolute",
-                                    "right": 3,
-                                    "selectors": Object {
-                                      "@media screen and (-ms-high-contrast: active), (forced-colors: active)": Object {
-                                        "border": "none",
-                                        "bottom": -2,
-                                        "left": -2,
-                                        "right": -2,
-                                        "top": -2,
-                                      },
-                                    },
-                                    "top": 3,
-                                    "zIndex": 1,
-                                  },
-                                  "::-moz-focus-inner": Object {
-                                    "border": "0",
-                                  },
-                                },
-                              },
-                              Object {
-                                "display": "inline-flex",
-                                "selectors": Object {
-                                  ".ms-Button--default": Object {
-                                    "borderBottomRightRadius": "0",
-                                    "borderRight": "none",
-                                    "borderTopRightRadius": "0",
-                                  },
-                                  ".ms-Button--primary": Object {
-                                    "border": "none",
-                                    "borderBottomRightRadius": "0",
-                                    "borderTopRightRadius": "0",
-                                    "selectors": Object {
-                                      "@media screen and (-ms-high-contrast: active), (forced-colors: active)": Object {
-                                        "MsHighContrastAdjust": "none",
-                                        "backgroundColor": "Window",
-                                        "border": "1px solid WindowText",
-                                        "borderRightWidth": "0",
-                                        "color": "WindowText",
-                                        "forcedColorAdjust": "none",
-                                      },
-                                    },
-                                  },
-                                  ".ms-Button--primary + .ms-Button": Object {
-                                    "border": "none",
-                                    "selectors": Object {
-                                      "@media screen and (-ms-high-contrast: active), (forced-colors: active)": Object {
-                                        "border": "1px solid WindowText",
-                                        "borderLeftWidth": "0",
-                                      },
-                                    },
-                                  },
-                                },
-                              },
-                            ],
-                            "splitButtonContainerChecked": Object {
-                              "selectors": Object {
-                                ".ms-Button--primary": Object {
-                                  "selectors": Object {
-                                    "@media screen and (-ms-high-contrast: active), (forced-colors: active)": Object {
-                                      "MsHighContrastAdjust": "none",
-                                      "backgroundColor": "WindowText",
-                                      "color": "Window",
-                                      "forcedColorAdjust": "none",
-                                    },
-                                  },
-                                },
-                              },
-                            },
-                            "splitButtonContainerCheckedHovered": Object {
-                              "selectors": Object {
-                                ".ms-Button--primary": Object {
-                                  "selectors": Object {
-                                    "@media screen and (-ms-high-contrast: active), (forced-colors: active)": Object {
-                                      "MsHighContrastAdjust": "none",
-                                      "backgroundColor": "WindowText",
-                                      "color": "Window",
-                                      "forcedColorAdjust": "none",
-                                    },
-                                  },
-                                },
-                              },
-                            },
-                            "splitButtonContainerDisabled": Object {
-                              "border": "none",
-                              "outline": "none",
-                              "selectors": Object {
-                                "@media screen and (-ms-high-contrast: active), (forced-colors: active)": Object {
-                                  "MsHighContrastAdjust": "none",
-                                  "backgroundColor": "Window",
-                                  "borderColor": "GrayText",
-                                  "color": "GrayText",
-                                  "forcedColorAdjust": "none",
-                                },
-                              },
-                            },
-                            "splitButtonContainerFocused": Object {
-                              "outline": "none!important",
-                            },
-                            "splitButtonContainerHovered": Object {
-                              "selectors": Object {
-                                ".ms-Button--primary": Object {
-                                  "selectors": Object {
-                                    "@media screen and (-ms-high-contrast: active), (forced-colors: active)": Object {
-                                      "backgroundColor": "Highlight",
-                                      "color": "Window",
-                                    },
-                                  },
-                                },
-                                ".ms-Button.is-disabled": Object {
-                                  "color": "#a19f9d",
-                                  "selectors": Object {
-                                    "@media screen and (-ms-high-contrast: active), (forced-colors: active)": Object {
-                                      "backgroundColor": "Window",
-                                      "borderColor": "GrayText",
-                                      "color": "GrayText",
-                                    },
-                                  },
-                                },
-                              },
-                            },
-                            "splitButtonDivider": Array [
-                              Object {
-                                "backgroundColor": "#ffffff",
-                                "bottom": 8,
-                                "position": "absolute",
-                                "right": 31,
-                                "selectors": Object {
-                                  "@media screen and (-ms-high-contrast: active), (forced-colors: active)": Object {
-                                    "backgroundColor": "Window",
-                                  },
-                                },
-                                "top": 8,
-                                "width": 1,
-                              },
-                              Object {
-                                "bottom": 8,
-                                "position": "absolute",
-                                "right": 31,
-                                "selectors": Object {
-                                  "@media screen and (-ms-high-contrast: active), (forced-colors: active)": Object {
-                                    "backgroundColor": "WindowText",
-                                  },
-                                },
-                                "top": 8,
-                                "width": 1,
-                              },
-                            ],
-                            "splitButtonDividerDisabled": Object {
-                              "bottom": 8,
-                              "position": "absolute",
-                              "right": 31,
-                              "selectors": Object {
-                                "@media screen and (-ms-high-contrast: active), (forced-colors: active)": Object {
-                                  "backgroundColor": "GrayText",
-                                },
-                              },
-                              "top": 8,
-                              "width": 1,
-                            },
-                            "splitButtonFlexContainer": Object {
-                              "alignItems": "center",
-                              "display": "flex",
-                              "flexWrap": "nowrap",
-                              "height": "100%",
-                              "justifyContent": "center",
-                            },
-                            "splitButtonMenuButton": Array [
-                              Object {
-                                "backgroundColor": "#0078d4",
-                                "color": "#ffffff",
-                                "selectors": Object {
-                                  ":hover": Object {
-                                    "backgroundColor": "#106ebe",
-                                    "selectors": Object {
-                                      "@media screen and (-ms-high-contrast: active), (forced-colors: active)": Object {
-                                        "color": "Highlight",
-                                      },
-                                    },
-                                  },
-                                  "@media screen and (-ms-high-contrast: active), (forced-colors: active)": Object {
-                                    "backgroundColor": "WindowText",
-                                  },
-                                },
-                              },
-                              Object {
-                                "@media screen and (-ms-high-contrast: active), (forced-colors: active)": Object {
-                                  ".ms-Button-menuIcon": Object {
-                                    "color": "WindowText",
-                                  },
-                                },
-                                "border": "1px solid #8a8886",
-                                "borderBottomRightRadius": "2px",
-                                "borderLeft": "none",
-                                "borderRadius": 0,
-                                "borderTopRightRadius": "2px",
-                                "boxSizing": "border-box",
-                                "cursor": "pointer",
-                                "display": "inline-block",
-                                "height": "auto",
-                                "marginBottom": 0,
-                                "marginLeft": -1,
-                                "marginRight": 0,
-                                "marginTop": 0,
-                                "outline": "transparent",
-                                "padding": 6,
-                                "textAlign": "center",
-                                "textDecoration": "none",
-                                "userSelect": "none",
-                                "verticalAlign": "top",
-                                "width": 32,
-                              },
-                            ],
-                            "splitButtonMenuButtonChecked": Object {
-                              "backgroundColor": "#005a9e",
-                              "selectors": Object {
-                                ":hover": Object {
-                                  "backgroundColor": "#005a9e",
-                                },
-                              },
-                            },
-                            "splitButtonMenuButtonDisabled": Array [
-                              Object {
-                                "backgroundColor": "#f3f2f1",
-                                "selectors": Object {
-                                  ":hover": Object {
-                                    "backgroundColor": "#f3f2f1",
-                                  },
-                                },
-                              },
-                              Object {
-                                "border": "none",
-                                "pointerEvents": "none",
-                                "selectors": Object {
-                                  ".ms-Button--primary": Object {
-                                    "selectors": Object {
-                                      "@media screen and (-ms-high-contrast: active), (forced-colors: active)": Object {
-                                        "backgroundColor": "Window",
-                                        "borderColor": "GrayText",
-                                        "color": "GrayText",
-                                      },
-                                    },
-                                  },
-                                  ".ms-Button-menuIcon": Object {
-                                    "selectors": Object {
-                                      "@media screen and (-ms-high-contrast: active), (forced-colors: active)": Object {
-                                        "color": "GrayText",
-                                      },
-                                    },
-                                  },
-                                  ":hover": Object {
-                                    "cursor": "default",
-                                  },
-                                  "@media screen and (-ms-high-contrast: active), (forced-colors: active)": Object {
-                                    "backgroundColor": "Window",
-                                    "border": "1px solid GrayText",
-                                    "color": "GrayText",
-                                  },
-                                },
-                              },
-                            ],
-                            "splitButtonMenuButtonExpanded": Object {
-                              "backgroundColor": "#005a9e",
-                              "selectors": Object {
-                                ":hover": Object {
-                                  "backgroundColor": "#005a9e",
-                                },
-                              },
-                            },
-                            "splitButtonMenuIcon": Object {
-                              "color": "#ffffff",
-                            },
-                            "splitButtonMenuIconDisabled": Object {
-                              "color": "#a19f9d",
-                              "selectors": Object {
-                                "@media screen and (-ms-high-contrast: active), (forced-colors: active)": Object {
-                                  "color": "GrayText",
-                                },
-                              },
-                            },
-                            "textContainer": Object {
-                              "display": "block",
-                              "flexGrow": 1,
-                            },
-                          }
-                        }
-                        text="Load"
-                        theme={
-                          Object {
-                            "disableGlobalClassNames": false,
-                            "effects": Object {
-                              "elevation16": "0 6.4px 14.4px 0 rgba(0, 0, 0, 0.132), 0 1.2px 3.6px 0 rgba(0, 0, 0, 0.108)",
-                              "elevation4": "0 1.6px 3.6px 0 rgba(0, 0, 0, 0.132), 0 0.3px 0.9px 0 rgba(0, 0, 0, 0.108)",
-                              "elevation64": "0 25.6px 57.6px 0 rgba(0, 0, 0, 0.22), 0 4.8px 14.4px 0 rgba(0, 0, 0, 0.18)",
-                              "elevation8": "0 3.2px 7.2px 0 rgba(0, 0, 0, 0.132), 0 0.6px 1.8px 0 rgba(0, 0, 0, 0.108)",
-                              "roundedCorner2": "2px",
-                              "roundedCorner4": "4px",
-                              "roundedCorner6": "6px",
-                            },
-                            "fonts": Object {
-                              "large": Object {
-                                "MozOsxFontSmoothing": "grayscale",
-                                "WebkitFontSmoothing": "antialiased",
-                                "fontFamily": "'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif",
-                                "fontSize": "18px",
-                                "fontWeight": 400,
-                              },
-                              "medium": Object {
-                                "MozOsxFontSmoothing": "grayscale",
-                                "WebkitFontSmoothing": "antialiased",
-                                "fontFamily": "'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif",
-                                "fontSize": "14px",
-                                "fontWeight": 400,
-                              },
-                              "mediumPlus": Object {
-                                "MozOsxFontSmoothing": "grayscale",
-                                "WebkitFontSmoothing": "antialiased",
-                                "fontFamily": "'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif",
-                                "fontSize": "16px",
-                                "fontWeight": 400,
-                              },
-                              "mega": Object {
-                                "MozOsxFontSmoothing": "grayscale",
-                                "WebkitFontSmoothing": "antialiased",
-                                "fontFamily": "'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif",
-                                "fontSize": "68px",
-                                "fontWeight": 600,
-                              },
-                              "small": Object {
-                                "MozOsxFontSmoothing": "grayscale",
-                                "WebkitFontSmoothing": "antialiased",
-                                "fontFamily": "'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif",
-                                "fontSize": "12px",
-                                "fontWeight": 400,
-                              },
-                              "smallPlus": Object {
-                                "MozOsxFontSmoothing": "grayscale",
-                                "WebkitFontSmoothing": "antialiased",
-                                "fontFamily": "'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif",
-                                "fontSize": "12px",
-                                "fontWeight": 400,
-                              },
-                              "superLarge": Object {
-                                "MozOsxFontSmoothing": "grayscale",
-                                "WebkitFontSmoothing": "antialiased",
-                                "fontFamily": "'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif",
-                                "fontSize": "42px",
-                                "fontWeight": 600,
-                              },
-                              "tiny": Object {
-                                "MozOsxFontSmoothing": "grayscale",
-                                "WebkitFontSmoothing": "antialiased",
-                                "fontFamily": "'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif",
-                                "fontSize": "10px",
-                                "fontWeight": 400,
-                              },
-                              "xLarge": Object {
-                                "MozOsxFontSmoothing": "grayscale",
-                                "WebkitFontSmoothing": "antialiased",
-                                "fontFamily": "'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif",
-                                "fontSize": "20px",
-                                "fontWeight": 600,
-                              },
-                              "xLargePlus": Object {
-                                "MozOsxFontSmoothing": "grayscale",
-                                "WebkitFontSmoothing": "antialiased",
-                                "fontFamily": "'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif",
-                                "fontSize": "24px",
-                                "fontWeight": 600,
-                              },
-                              "xSmall": Object {
-                                "MozOsxFontSmoothing": "grayscale",
-                                "WebkitFontSmoothing": "antialiased",
-                                "fontFamily": "'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif",
-                                "fontSize": "10px",
-                                "fontWeight": 400,
-                              },
-                              "xxLarge": Object {
-                                "MozOsxFontSmoothing": "grayscale",
-                                "WebkitFontSmoothing": "antialiased",
-                                "fontFamily": "'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif",
-                                "fontSize": "28px",
-                                "fontWeight": 600,
-                              },
-                              "xxLargePlus": Object {
-                                "MozOsxFontSmoothing": "grayscale",
-                                "WebkitFontSmoothing": "antialiased",
-                                "fontFamily": "'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif",
-                                "fontSize": "32px",
-                                "fontWeight": 600,
-                              },
-                            },
-                            "isInverted": false,
-                            "palette": Object {
-                              "accent": "#0078d4",
-                              "black": "#000000",
-                              "blackTranslucent40": "rgba(0,0,0,.4)",
-                              "blue": "#0078d4",
-                              "blueDark": "#002050",
-                              "blueLight": "#00bcf2",
-                              "blueMid": "#00188f",
-                              "green": "#107c10",
-                              "greenDark": "#004b1c",
-                              "greenLight": "#bad80a",
-                              "magenta": "#b4009e",
-                              "magentaDark": "#5c005c",
-                              "magentaLight": "#e3008c",
-                              "neutralDark": "#201f1e",
-                              "neutralLight": "#edebe9",
-                              "neutralLighter": "#f3f2f1",
-                              "neutralLighterAlt": "#faf9f8",
-                              "neutralPrimary": "#323130",
-                              "neutralPrimaryAlt": "#3b3a39",
-                              "neutralQuaternary": "#d2d0ce",
-                              "neutralQuaternaryAlt": "#e1dfdd",
-                              "neutralSecondary": "#605e5c",
-                              "neutralSecondaryAlt": "#8a8886",
-                              "neutralTertiary": "#a19f9d",
-                              "neutralTertiaryAlt": "#c8c6c4",
-                              "orange": "#d83b01",
-                              "orangeLight": "#ea4300",
-                              "orangeLighter": "#ff8c00",
-                              "purple": "#5c2d91",
-                              "purpleDark": "#32145a",
-                              "purpleLight": "#b4a0ff",
-                              "red": "#e81123",
-                              "redDark": "#a4262c",
-                              "teal": "#008272",
-                              "tealDark": "#004b50",
-                              "tealLight": "#00b294",
-                              "themeDark": "#005a9e",
-                              "themeDarkAlt": "#106ebe",
-                              "themeDarker": "#004578",
-                              "themeLight": "#c7e0f4",
-                              "themeLighter": "#deecf9",
-                              "themeLighterAlt": "#eff6fc",
-                              "themePrimary": "#0078d4",
-                              "themeSecondary": "#2b88d8",
-                              "themeTertiary": "#71afe5",
-                              "white": "#ffffff",
-                              "whiteTranslucent40": "rgba(255,255,255,.4)",
-                              "yellow": "#ffb900",
-                              "yellowDark": "#d29200",
-                              "yellowLight": "#fff100",
-                            },
-                            "rtl": undefined,
-                            "semanticColors": Object {
-                              "accentButtonBackground": "#0078d4",
-                              "accentButtonText": "#ffffff",
-                              "actionLink": "#323130",
-                              "actionLinkHovered": "#201f1e",
-                              "blockingBackground": "#FDE7E9",
-                              "blockingIcon": "#FDE7E9",
-                              "bodyBackground": "#ffffff",
-                              "bodyBackgroundChecked": "#edebe9",
-                              "bodyBackgroundHovered": "#f3f2f1",
-                              "bodyDivider": "#edebe9",
-                              "bodyFrameBackground": "#ffffff",
-                              "bodyFrameDivider": "#edebe9",
-                              "bodyStandoutBackground": "#faf9f8",
-                              "bodySubtext": "#605e5c",
-                              "bodyText": "#323130",
-                              "bodyTextChecked": "#000000",
-                              "buttonBackground": "#ffffff",
-                              "buttonBackgroundChecked": "#c8c6c4",
-                              "buttonBackgroundCheckedHovered": "#edebe9",
-                              "buttonBackgroundDisabled": "#f3f2f1",
-                              "buttonBackgroundHovered": "#f3f2f1",
-                              "buttonBackgroundPressed": "#edebe9",
-                              "buttonBorder": "#8a8886",
-                              "buttonBorderDisabled": "#f3f2f1",
-                              "buttonText": "#323130",
-                              "buttonTextChecked": "#201f1e",
-                              "buttonTextCheckedHovered": "#000000",
-                              "buttonTextDisabled": "#a19f9d",
-                              "buttonTextHovered": "#201f1e",
-                              "buttonTextPressed": "#201f1e",
-                              "cardShadow": "0 1.6px 3.6px 0 rgba(0, 0, 0, 0.132), 0 0.3px 0.9px 0 rgba(0, 0, 0, 0.108)",
-                              "cardShadowHovered": "0 3.2px 7.2px 0 rgba(0, 0, 0, 0.132), 0 0.6px 1.8px 0 rgba(0, 0, 0, 0.108)",
-                              "cardStandoutBackground": "#ffffff",
-                              "defaultStateBackground": "#faf9f8",
-                              "disabledBackground": "#f3f2f1",
-                              "disabledBodySubtext": "#c8c6c4",
-                              "disabledBodyText": "#a19f9d",
-                              "disabledBorder": "#c8c6c4",
-                              "disabledSubtext": "#d2d0ce",
-                              "disabledText": "#a19f9d",
-                              "errorBackground": "#FDE7E9",
-                              "errorIcon": "#A80000",
-                              "errorText": "#a4262c",
-                              "focusBorder": "#605e5c",
-                              "infoBackground": "#f3f2f1",
-                              "infoIcon": "#605e5c",
-                              "inputBackground": "#ffffff",
-                              "inputBackgroundChecked": "#0078d4",
-                              "inputBackgroundCheckedHovered": "#005a9e",
-                              "inputBorder": "#605e5c",
-                              "inputBorderHovered": "#323130",
-                              "inputFocusBorderAlt": "#0078d4",
-                              "inputForegroundChecked": "#ffffff",
-                              "inputIcon": "#0078d4",
-                              "inputIconDisabled": "#a19f9d",
-                              "inputIconHovered": "#005a9e",
-                              "inputPlaceholderBackgroundChecked": "#deecf9",
-                              "inputPlaceholderText": "#605e5c",
-                              "inputText": "#323130",
-                              "inputTextHovered": "#201f1e",
-                              "link": "#0078d4",
-                              "linkHovered": "#004578",
-                              "listBackground": "#ffffff",
-                              "listHeaderBackgroundHovered": "#f3f2f1",
-                              "listHeaderBackgroundPressed": "#edebe9",
-                              "listItemBackgroundChecked": "#edebe9",
-                              "listItemBackgroundCheckedHovered": "#e1dfdd",
-                              "listItemBackgroundHovered": "#f3f2f1",
-                              "listText": "#323130",
-                              "listTextColor": "#323130",
-                              "menuBackground": "#ffffff",
-                              "menuDivider": "#c8c6c4",
-                              "menuHeader": "#0078d4",
-                              "menuIcon": "#0078d4",
-                              "menuItemBackgroundChecked": "#edebe9",
-                              "menuItemBackgroundHovered": "#f3f2f1",
-                              "menuItemBackgroundPressed": "#edebe9",
-                              "menuItemText": "#323130",
-                              "menuItemTextHovered": "#201f1e",
-                              "messageLink": "#005A9E",
-                              "messageLinkHovered": "#004578",
-                              "messageText": "#323130",
-                              "primaryButtonBackground": "#0078d4",
-                              "primaryButtonBackgroundDisabled": "#f3f2f1",
-                              "primaryButtonBackgroundHovered": "#106ebe",
-                              "primaryButtonBackgroundPressed": "#005a9e",
-                              "primaryButtonBorder": "transparent",
-                              "primaryButtonText": "#ffffff",
-                              "primaryButtonTextDisabled": "#d2d0ce",
-                              "primaryButtonTextHovered": "#ffffff",
-                              "primaryButtonTextPressed": "#ffffff",
-                              "severeWarningBackground": "#FED9CC",
-                              "severeWarningIcon": "#D83B01",
-                              "smallInputBorder": "#605e5c",
-                              "successBackground": "#DFF6DD",
-                              "successIcon": "#107C10",
-                              "successText": "#107C10",
-                              "variantBorder": "#edebe9",
-                              "variantBorderHovered": "#a19f9d",
-                              "warningBackground": "#FFF4CE",
-                              "warningHighlight": "#ffb900",
-                              "warningIcon": "#797775",
-                              "warningText": "#323130",
-                            },
-                            "spacing": Object {
-                              "l1": "20px",
-                              "l2": "32px",
-                              "m": "16px",
-                              "s1": "8px",
-                              "s2": "4px",
-                            },
-                          }
-                        }
+                        onClick={[Function]}
+                        onKeyDown={[Function]}
+                        onKeyPress={[Function]}
+                        onKeyUp={[Function]}
+                        onMouseDown={[Function]}
+                        onMouseUp={[Function]}
                         type="submit"
-                        variantClassName="ms-Button--primary"
                       >
-                        <button
-                          aria-label="Load"
-                          className="ms-Button ms-Button--primary root-113"
-                          data-is-focusable={true}
-                          data-testid="submit"
-                          id="sidePanelOkButton"
-                          onClick={[Function]}
-                          onKeyDown={[Function]}
-                          onKeyPress={[Function]}
-                          onKeyUp={[Function]}
-                          onMouseDown={[Function]}
-                          onMouseUp={[Function]}
-                          type="submit"
+                        <span
+                          className="ms-Button-flexContainer flexContainer-105"
+                          data-automationid="splitbuttonprimary"
                         >
                           <span
-                            className="ms-Button-flexContainer flexContainer-105"
-                            data-automationid="splitbuttonprimary"
+                            className="ms-Button-textContainer textContainer-106"
                           >
                             <span
-                              className="ms-Button-textContainer textContainer-106"
+                              className="ms-Button-label label-114"
+                              id="id__3"
+                              key="id__3"
                             >
-                              <span
-                                className="ms-Button-label label-114"
-                                id="id__3"
-                                key="id__3"
-                              >
-                                Load
-                              </span>
+                              Load
                             </span>
                           </span>
-                        </button>
-                        <Component />
-                      </BaseButton>
-                    </DefaultButton>
-                  </CustomizedDefaultButton>
-                </PrimaryButton>
-              </CustomizedPrimaryButton>
-            </div>
-          </PanelFooterComponent>
-        </form>
-      </div>
+                        </span>
+                      </button>
+                      <Component />
+                    </BaseButton>
+                  </DefaultButton>
+                </CustomizedDefaultButton>
+              </PrimaryButton>
+            </CustomizedPrimaryButton>
+          </div>
+        </PanelFooterComponent>
+      </form>
     </div>
   </div>
 </RightPaneForm>
diff --git a/src/Explorer/Panes/UploadItemsPane/__snapshots__/UploadItemsPane.test.tsx.snap b/src/Explorer/Panes/UploadItemsPane/__snapshots__/UploadItemsPane.test.tsx.snap
index b3ad0da59..d884f9f4a 100644
--- a/src/Explorer/Panes/UploadItemsPane/__snapshots__/UploadItemsPane.test.tsx.snap
+++ b/src/Explorer/Panes/UploadItemsPane/__snapshots__/UploadItemsPane.test.tsx.snap
@@ -630,9 +630,7 @@ exports[`Upload Items Pane should render Default properly 1`] = `
       multiple={true}
       onUpload={[Function]}
       tabIndex={0}
-      tooltip="Select one or more JSON files to upload. Each file can contain a single JSON document or an array of JSON
- documents. The combined size of all files in an individual upload operation must be less than 2 MB. You
- can perform multiple upload operations for larger data sets."
+      tooltip="Select one or more JSON files to upload. Each file can contain a single JSON document or an array of JSON documents. The combined size of all files in an individual upload operation must be less than 2 MB. You can perform multiple upload operations for larger data sets."
     />
   </div>
 </RightPaneForm>