diff --git a/common/changes/@uifabric/example-app-base/revert-react-portals_2018-05-11-02-13.json b/common/changes/@uifabric/example-app-base/revert-react-portals_2018-05-11-02-13.json
new file mode 100644
index 00000000000000..471678f451c3e9
--- /dev/null
+++ b/common/changes/@uifabric/example-app-base/revert-react-portals_2018-05-11-02-13.json
@@ -0,0 +1,11 @@
+{
+  "changes": [
+    {
+      "packageName": "@uifabric/example-app-base",
+      "comment": "Pin markdown-to-jsx dependency",
+      "type": "patch"
+    }
+  ],
+  "packageName": "@uifabric/example-app-base",
+  "email": "jspurlin@microsoft.com"
+}
\ No newline at end of file
diff --git a/common/changes/office-ui-fabric-react/revert-react-portals_2018-05-10-22-27.json b/common/changes/office-ui-fabric-react/revert-react-portals_2018-05-10-22-27.json
new file mode 100644
index 00000000000000..46dd793f36df11
--- /dev/null
+++ b/common/changes/office-ui-fabric-react/revert-react-portals_2018-05-10-22-27.json
@@ -0,0 +1,11 @@
+{
+  "changes": [
+    {
+      "packageName": "office-ui-fabric-react",
+      "comment": "Revert change to use React.createPortal, until event leaking issues can be resolved",
+      "type": "patch"
+    }
+  ],
+  "packageName": "office-ui-fabric-react",
+  "email": "miclo@microsoft.com"
+}
\ No newline at end of file
diff --git a/common/config/rush/npm-shrinkwrap.json b/common/config/rush/npm-shrinkwrap.json
index e5a05de349e669..4850092e0d6aa9 100644
--- a/common/config/rush/npm-shrinkwrap.json
+++ b/common/config/rush/npm-shrinkwrap.json
@@ -97,7 +97,7 @@
     },
     "@rush-temp/build": {
       "version": "file:projects/build.tgz",
-      "integrity": "sha1-BDbpYNW8ohV7nGFduSpFbtmZomk=",
+      "integrity": "sha1-/27crTACI3vtxEM7Jf5NrGxfkiA=",
       "requires": {
         "@microsoft/api-extractor": "4.3.7",
         "@microsoft/load-themed-styles": "1.7.56",
@@ -126,12 +126,12 @@
         "source-map-loader": "0.2.3",
         "style-loader": "0.19.1",
         "ts-jest": "21.2.4",
-        "ts-loader": "4.2.0",
+        "ts-loader": "4.3.0",
         "tslint": "5.10.0",
         "tslint-microsoft-contrib": "5.0.3",
         "typescript": "2.8.1",
         "webpack": "4.7.0",
-        "webpack-bundle-analyzer": "2.11.1",
+        "webpack-bundle-analyzer": "2.11.2",
         "webpack-cli": "2.1.2",
         "webpack-dev-server": "3.1.4",
         "webpack-notifier": "1.6.0",
@@ -144,14 +144,14 @@
           "integrity": "sha512-jd5MkIUlbbmb07nXH0DT3y7rDVtkzDi4XZOUVWAer8ajmF/DTSSbl5oNFyDOl/OXA33Bl79+ypHhl2pN20VeOQ=="
         },
         "ajv": {
-          "version": "6.4.0",
-          "resolved": "https://registry.npmjs.org/ajv/-/ajv-6.4.0.tgz",
-          "integrity": "sha1-06/3jpJ3VJdx2vAWTP9ISCt1T8Y=",
+          "version": "6.5.0",
+          "resolved": "https://registry.npmjs.org/ajv/-/ajv-6.5.0.tgz",
+          "integrity": "sha512-VDUX1oSajablmiyFyED9L1DFndg0P9h7p1F+NO8FkIzei6EPrR6Zu1n18rd5P8PqaSRd/FrWv3G1TVBqpM83gA==",
           "requires": {
-            "fast-deep-equal": "1.1.0",
+            "fast-deep-equal": "2.0.1",
             "fast-json-stable-stringify": "2.0.0",
             "json-schema-traverse": "0.3.1",
-            "uri-js": "3.0.2"
+            "uri-js": "4.2.1"
           }
         },
         "ansi-escapes": {
@@ -374,6 +374,11 @@
             }
           }
         },
+        "fast-deep-equal": {
+          "version": "2.0.1",
+          "resolved": "https://registry.npmjs.org/fast-deep-equal/-/fast-deep-equal-2.0.1.tgz",
+          "integrity": "sha1-ewUhjd+WZ79/Nwv3/bLLFf3Qqkk="
+        },
         "fill-range": {
           "version": "4.0.0",
           "resolved": "https://registry.npmjs.org/fill-range/-/fill-range-4.0.0.tgz",
@@ -549,7 +554,7 @@
           "requires": {
             "acorn": "5.5.3",
             "acorn-dynamic-import": "3.0.0",
-            "ajv": "6.4.0",
+            "ajv": "6.5.0",
             "ajv-keywords": "3.2.0",
             "chrome-trace-event": "0.1.3",
             "enhanced-resolve": "4.0.0",
@@ -711,7 +716,7 @@
     },
     "@rush-temp/example-app-base": {
       "version": "file:projects/example-app-base.tgz",
-      "integrity": "sha1-1DCUT0PQ5j5WiX+3gMcFktzQ9vs=",
+      "integrity": "sha1-iEW+AATXf6JWmtkkMvRxqx2nW9c=",
       "requires": {
         "@types/es6-promise": "0.0.32",
         "@types/highlight.js": "9.12.2",
@@ -723,7 +728,7 @@
         "es6-weak-map": "2.0.2",
         "highlight.js": "9.12.0",
         "markdown-to-jsx": "6.6.1",
-        "office-ui-fabric-react": "5.96.0",
+        "office-ui-fabric-react": "5.99.0",
         "react": "16.3.2",
         "react-dom": "16.3.2",
         "react-syntax-highlighter": "7.0.4",
@@ -732,7 +737,7 @@
     },
     "@rush-temp/experiments": {
       "version": "file:projects/experiments.tgz",
-      "integrity": "sha1-AMtNg9E2EvYKDJHFNTfBihiqAEU=",
+      "integrity": "sha1-1Cn3aRTJJrivD2uVCDO8zfdsRlw=",
       "requires": {
         "@microsoft/load-themed-styles": "1.7.56",
         "@types/enzyme": "3.1.5",
@@ -761,7 +766,7 @@
     },
     "@rush-temp/fabric-website": {
       "version": "file:projects/fabric-website.tgz",
-      "integrity": "sha1-iGmrC9WlX/oSfXjX50N80F6LthI=",
+      "integrity": "sha1-MxJUolNwDQTjUTBjQZ7zzLobFyw=",
       "requires": {
         "@microsoft/load-themed-styles": "1.7.56",
         "@types/es6-promise": "0.0.32",
@@ -786,7 +791,7 @@
     },
     "@rush-temp/file-type-icons": {
       "version": "file:projects/file-type-icons.tgz",
-      "integrity": "sha1-1kyEZs+qsYi3p8e7pN1mTkTRJig=",
+      "integrity": "sha1-GH0FpjqqWBz9xci1Yumu0KE5NXs=",
       "requires": {
         "@types/react": "16.3.13",
         "@types/react-dom": "16.0.5",
@@ -797,21 +802,21 @@
     },
     "@rush-temp/icons": {
       "version": "file:projects/icons.tgz",
-      "integrity": "sha1-EGY+Ne+jFfGWBPfHjMKfOr33opY=",
+      "integrity": "sha1-1a7ryf6A+dJDo5YN0yHEvVGBHdI=",
       "requires": {
         "tslib": "1.9.0"
       }
     },
     "@rush-temp/jest-serializer-merge-styles": {
       "version": "file:projects/jest-serializer-merge-styles.tgz",
-      "integrity": "sha1-vQZqLnQ1Yzhd4Qb36zjldSSZVZs=",
+      "integrity": "sha1-T6wKo06MQ149QxJjZ+nrTWSPGhc=",
       "requires": {
         "@types/jest": "21.1.8"
       }
     },
     "@rush-temp/merge-styles": {
       "version": "file:projects/merge-styles.tgz",
-      "integrity": "sha1-yOpVuY27oppJpXlMUPVskAmbyhk=",
+      "integrity": "sha1-5P37Y5VbBxHFI52BuzbCHicG9aY=",
       "requires": {
         "@types/jest": "21.1.8",
         "tslib": "1.9.0"
@@ -819,7 +824,7 @@
     },
     "@rush-temp/office-ui-fabric-react": {
       "version": "file:projects/office-ui-fabric-react.tgz",
-      "integrity": "sha1-4QqXzFTXZ5zcGM1W08wDDAWjnRs=",
+      "integrity": "sha1-dhIEvwZMNZvVhsJ3MKlKxws0r4M=",
       "requires": {
         "@microsoft/load-themed-styles": "1.7.56",
         "@types/enzyme": "3.1.5",
@@ -853,14 +858,14 @@
     },
     "@rush-temp/office-ui-fabric-react-tslint": {
       "version": "file:projects/office-ui-fabric-react-tslint.tgz",
-      "integrity": "sha1-Pv4IDaYg9vh7FeQDFQfUYGu3vo4=",
+      "integrity": "sha1-JMhbhPfhujbjRH1V/yvDLKmZbnQ=",
       "requires": {
-        "tslint-react": "3.5.1"
+        "tslint-react": "3.6.0"
       }
     },
     "@rush-temp/ssr-tests": {
       "version": "file:projects/ssr-tests.tgz",
-      "integrity": "sha1-Hv2j9Yj50vUDKkiMSlgLHpNeXME=",
+      "integrity": "sha1-4TIvR7t2pvG/AhNujihh5TIcWGs=",
       "requires": {
         "@microsoft/load-themed-styles": "1.7.56",
         "@types/es6-promise": "0.0.32",
@@ -872,7 +877,7 @@
         "react": "16.3.2",
         "react-dom": "16.3.2",
         "tslib": "1.9.0",
-        "webpack": "4.7.0"
+        "webpack": "4.8.1"
       },
       "dependencies": {
         "acorn": {
@@ -881,14 +886,14 @@
           "integrity": "sha512-jd5MkIUlbbmb07nXH0DT3y7rDVtkzDi4XZOUVWAer8ajmF/DTSSbl5oNFyDOl/OXA33Bl79+ypHhl2pN20VeOQ=="
         },
         "ajv": {
-          "version": "6.4.0",
-          "resolved": "https://registry.npmjs.org/ajv/-/ajv-6.4.0.tgz",
-          "integrity": "sha1-06/3jpJ3VJdx2vAWTP9ISCt1T8Y=",
+          "version": "6.5.0",
+          "resolved": "https://registry.npmjs.org/ajv/-/ajv-6.5.0.tgz",
+          "integrity": "sha512-VDUX1oSajablmiyFyED9L1DFndg0P9h7p1F+NO8FkIzei6EPrR6Zu1n18rd5P8PqaSRd/FrWv3G1TVBqpM83gA==",
           "requires": {
-            "fast-deep-equal": "1.1.0",
+            "fast-deep-equal": "2.0.1",
             "fast-json-stable-stringify": "2.0.0",
             "json-schema-traverse": "0.3.1",
-            "uri-js": "3.0.2"
+            "uri-js": "4.2.1"
           }
         },
         "arr-diff": {
@@ -1052,6 +1057,11 @@
             }
           }
         },
+        "fast-deep-equal": {
+          "version": "2.0.1",
+          "resolved": "https://registry.npmjs.org/fast-deep-equal/-/fast-deep-equal-2.0.1.tgz",
+          "integrity": "sha1-ewUhjd+WZ79/Nwv3/bLLFf3Qqkk="
+        },
         "fill-range": {
           "version": "4.0.0",
           "resolved": "https://registry.npmjs.org/fill-range/-/fill-range-4.0.0.tgz",
@@ -1148,13 +1158,16 @@
           }
         },
         "webpack": {
-          "version": "4.7.0",
-          "resolved": "https://registry.npmjs.org/webpack/-/webpack-4.7.0.tgz",
-          "integrity": "sha512-OXOAip9mjy0ahFYCXu6LLNzTiIQzd2UOHkNHANc/dyxf8CYCgcJ5UKsTXfbfeJb4tqkKb6B1FIQ9Xtl6gftb8Q==",
+          "version": "4.8.1",
+          "resolved": "https://registry.npmjs.org/webpack/-/webpack-4.8.1.tgz",
+          "integrity": "sha512-xkxthzaVR298HmvmrjBCjiCmgzWnBnvBlgPzuvqmxWSh8QImrPvCCmr482YIx7ixWkTtQj1aMRz+cjoNPUsGEQ==",
           "requires": {
+            "@webassemblyjs/ast": "1.3.1",
+            "@webassemblyjs/wasm-edit": "1.3.1",
+            "@webassemblyjs/wasm-parser": "1.3.1",
             "acorn": "5.5.3",
             "acorn-dynamic-import": "3.0.0",
-            "ajv": "6.4.0",
+            "ajv": "6.5.0",
             "ajv-keywords": "3.2.0",
             "chrome-trace-event": "0.1.3",
             "enhanced-resolve": "4.0.0",
@@ -1177,7 +1190,7 @@
     },
     "@rush-temp/styling": {
       "version": "file:projects/styling.tgz",
-      "integrity": "sha1-YzRcHkRswW5EHxGcbL8drFtqlfg=",
+      "integrity": "sha1-+mPnlNJ6Pq8OpdDf42LR2jxwqpg=",
       "requires": {
         "@microsoft/load-themed-styles": "1.7.56",
         "@types/jest": "21.1.8",
@@ -1192,7 +1205,7 @@
     },
     "@rush-temp/test-bundle-button": {
       "version": "file:projects/test-bundle-button.tgz",
-      "integrity": "sha1-Gge2uY/yy1M9tCa2tgYfXb8eBJQ=",
+      "integrity": "sha1-dgxJzYyhVCvAB8zTkVpp7WsrfY0=",
       "requires": {
         "@types/prop-types": "15.5.2",
         "@types/react": "16.3.13",
@@ -1205,7 +1218,7 @@
     },
     "@rush-temp/todo-app": {
       "version": "file:projects/todo-app.tgz",
-      "integrity": "sha1-X1kK8Km/toBwdeJgEE1dXeq1z8w=",
+      "integrity": "sha1-O+7ZGMEff1m5W8nB7TD3Js19HWY=",
       "requires": {
         "@microsoft/load-themed-styles": "1.7.56",
         "@types/es6-promise": "0.0.32",
@@ -1222,7 +1235,7 @@
     },
     "@rush-temp/utilities": {
       "version": "file:projects/utilities.tgz",
-      "integrity": "sha1-9j/0+lle216bTwcVODrdXrUL5po=",
+      "integrity": "sha1-ruLK8pZdAPhI+KqWccdtUInRwhg=",
       "requires": {
         "@types/enzyme": "3.1.5",
         "@types/enzyme-adapter-react-16": "1.0.1",
@@ -1242,7 +1255,7 @@
     },
     "@rush-temp/variants": {
       "version": "file:projects/variants.tgz",
-      "integrity": "sha1-3jStDGhpfFip83t1JlIKqCWw1Qw=",
+      "integrity": "sha1-lcmChgKrDiQa2sQLzV39jxPuRjI=",
       "requires": {
         "@types/jest": "21.1.8",
         "tslib": "1.9.0"
@@ -1250,7 +1263,7 @@
     },
     "@rush-temp/vr-tests": {
       "version": "file:projects/vr-tests.tgz",
-      "integrity": "sha1-GasyaOFSdX2VOKkP2u3YbHxCvEI=",
+      "integrity": "sha1-auXVCBNXZ35Mb5B1pBcZzIyqbCg=",
       "requires": {
         "@storybook/addon-options": "3.2.3",
         "@storybook/react": "3.4.3",
@@ -1294,7 +1307,7 @@
         "babel-runtime": "6.26.0",
         "deep-equal": "1.0.1",
         "glamor": "2.20.40",
-        "glamorous": "4.12.5",
+        "glamorous": "4.13.0",
         "global": "4.3.2",
         "make-error": "1.3.4",
         "prop-types": "15.6.1",
@@ -1352,7 +1365,7 @@
       "integrity": "sha512-++sBqTD6V6nZ5EaY8ecW+rMtgLEQBP18d2b2OYAdMuDffIKL7olfcgmlW9bchm40zLecbV5TGTjZFGbXXJ4sWw==",
       "requires": {
         "glamor": "2.20.40",
-        "glamorous": "4.12.5",
+        "glamorous": "4.13.0",
         "prop-types": "15.6.1"
       }
     },
@@ -1382,7 +1395,7 @@
         "prop-types": "15.6.1",
         "qs": "6.5.2",
         "serve-favicon": "2.5.0",
-        "shelljs": "0.8.1",
+        "shelljs": "0.8.2",
         "style-loader": "0.20.3",
         "url-loader": "0.6.2",
         "webpack": "3.11.0",
@@ -1469,22 +1482,22 @@
         "@storybook/ui": "3.4.3",
         "airbnb-js-shims": "1.4.1",
         "babel-loader": "7.1.4",
-        "babel-plugin-macros": "2.2.0",
+        "babel-plugin-macros": "2.2.1",
         "babel-plugin-react-docgen": "1.9.0",
         "babel-plugin-transform-regenerator": "6.26.0",
         "babel-plugin-transform-runtime": "6.23.0",
-        "babel-preset-env": "1.6.1",
+        "babel-preset-env": "1.7.0",
         "babel-preset-minify": "0.3.0",
         "babel-preset-react": "6.24.1",
         "babel-preset-stage-0": "6.24.1",
         "babel-runtime": "6.26.0",
         "case-sensitive-paths-webpack-plugin": "2.1.2",
         "common-tags": "1.7.2",
-        "core-js": "2.5.5",
+        "core-js": "2.5.6",
         "dotenv-webpack": "1.5.5",
         "find-cache-dir": "1.0.0",
         "glamor": "2.20.40",
-        "glamorous": "4.12.5",
+        "glamorous": "4.13.0",
         "global": "4.3.2",
         "html-loader": "0.5.5",
         "html-webpack-plugin": "2.30.1",
@@ -1636,7 +1649,7 @@
       "resolved": "https://registry.npmjs.org/@types/react/-/react-16.3.13.tgz",
       "integrity": "sha512-YMFH/E9ryjUm2AoOy8KdTuG1SufaMuYmO/5xACROl0pm9dRmE2RN3d2zjv/eHALF6LGRZPVb7G9kqP0n5dWttQ==",
       "requires": {
-        "csstype": "2.4.2"
+        "csstype": "2.5.0"
       }
     },
     "@types/react-addons-test-utils": {
@@ -1731,6 +1744,143 @@
         "tslib": "1.9.0"
       }
     },
+    "@webassemblyjs/ast": {
+      "version": "1.3.1",
+      "resolved": "https://registry.npmjs.org/@webassemblyjs/ast/-/ast-1.3.1.tgz",
+      "integrity": "sha512-WJKy500MK6cM5LNcOjKlLHnYtTU5PcmL06iXErYriA90GLn7W/EzIyknZRx0Bj3W6FjYKTPkHADdE3GM0ZJk1Q==",
+      "requires": {
+        "@webassemblyjs/helper-wasm-bytecode": "1.3.1",
+        "@webassemblyjs/wast-parser": "1.3.1",
+        "webassemblyjs": "1.3.1"
+      }
+    },
+    "@webassemblyjs/floating-point-hex-parser": {
+      "version": "1.3.1",
+      "resolved": "https://registry.npmjs.org/@webassemblyjs/floating-point-hex-parser/-/floating-point-hex-parser-1.3.1.tgz",
+      "integrity": "sha512-8kCRyt0bQSnZD67UQfDTONO0jD7HCxmNUUJfT9OnVok0RWYs/AnpS83kfHtQjHucRMyx2d+YlsJWkdhXdLobqA=="
+    },
+    "@webassemblyjs/helper-buffer": {
+      "version": "1.3.1",
+      "resolved": "https://registry.npmjs.org/@webassemblyjs/helper-buffer/-/helper-buffer-1.3.1.tgz",
+      "integrity": "sha512-xIcxcfkBrrivLauyXJ57i/ArPy+kFgZjMDrxm4pSUBG2VtwwYKjOZAyjf4qsM4JbP5vRuRzMD2gp+a9WMyC3PA=="
+    },
+    "@webassemblyjs/helper-code-frame": {
+      "version": "1.3.1",
+      "resolved": "https://registry.npmjs.org/@webassemblyjs/helper-code-frame/-/helper-code-frame-1.3.1.tgz",
+      "integrity": "sha512-X305tLl7qeTixYz0/Y0Xu+bcNizJLfHUZ1iTiVtorDkh5mLrIZ8hLkkM2oYNSq/oaoW6gpHDrHRfYZItExTeeQ==",
+      "requires": {
+        "@webassemblyjs/wast-printer": "1.3.1"
+      }
+    },
+    "@webassemblyjs/helper-fsm": {
+      "version": "1.3.1",
+      "resolved": "https://registry.npmjs.org/@webassemblyjs/helper-fsm/-/helper-fsm-1.3.1.tgz",
+      "integrity": "sha512-Be1G8ZDTP1T+vXaVMraXY8+SoJnOVNarRkByrM83PHjW+vqUwubwYPpA4U2NBTz4WG19vYpfsUccCZwOPiyK+Q=="
+    },
+    "@webassemblyjs/helper-wasm-bytecode": {
+      "version": "1.3.1",
+      "resolved": "https://registry.npmjs.org/@webassemblyjs/helper-wasm-bytecode/-/helper-wasm-bytecode-1.3.1.tgz",
+      "integrity": "sha512-rOIjy/Cmd+hspim9B/c7dUqhW8AyKsRceVcQtWljIvFSitx9rsL5m73NGaGFUVAEaMDvvEzYczehjwbrHPz4KA=="
+    },
+    "@webassemblyjs/helper-wasm-section": {
+      "version": "1.3.1",
+      "resolved": "https://registry.npmjs.org/@webassemblyjs/helper-wasm-section/-/helper-wasm-section-1.3.1.tgz",
+      "integrity": "sha512-mDBlDsrsl1Y7LGEdmlTzdDwr/SCe2l9ZsQZ1GYXird71jlU/0djs5ZXfxyufd1G3wO+yuxW997m50Patk4s1fA==",
+      "requires": {
+        "@webassemblyjs/ast": "1.3.1",
+        "@webassemblyjs/helper-buffer": "1.3.1",
+        "@webassemblyjs/helper-wasm-bytecode": "1.3.1",
+        "@webassemblyjs/wasm-gen": "1.3.1"
+      }
+    },
+    "@webassemblyjs/leb128": {
+      "version": "1.3.1",
+      "resolved": "https://registry.npmjs.org/@webassemblyjs/leb128/-/leb128-1.3.1.tgz",
+      "integrity": "sha512-CgkWUXRINTGs/+Swp8COvwOk5Ci4spv1MKDdGfRecyFiLGs7wYm/p4fgRQWzBEFaotEP/ftPa9O6BFykrwghzw==",
+      "requires": {
+        "leb": "0.3.0"
+      }
+    },
+    "@webassemblyjs/validation": {
+      "version": "1.3.1",
+      "resolved": "https://registry.npmjs.org/@webassemblyjs/validation/-/validation-1.3.1.tgz",
+      "integrity": "sha512-afp32tgDVwW53lQc58PtIBifyZf3qGzRpl9r+8SNHzPOe6lBamjK1RWEA83YHwvu7qk6uBV7IAeUC7BgdxPtsA==",
+      "requires": {
+        "@webassemblyjs/ast": "1.3.1"
+      }
+    },
+    "@webassemblyjs/wasm-edit": {
+      "version": "1.3.1",
+      "resolved": "https://registry.npmjs.org/@webassemblyjs/wasm-edit/-/wasm-edit-1.3.1.tgz",
+      "integrity": "sha512-0T75tHKR0dIDiO3oqBZmo+2McJy5FkgSL2AIP3rJvqrDFaJ19jCrC5KLqGbqo3ZicdY9x9Xdc9zaY2A1TCkAiw==",
+      "requires": {
+        "@webassemblyjs/ast": "1.3.1",
+        "@webassemblyjs/helper-buffer": "1.3.1",
+        "@webassemblyjs/helper-wasm-bytecode": "1.3.1",
+        "@webassemblyjs/helper-wasm-section": "1.3.1",
+        "@webassemblyjs/wasm-gen": "1.3.1",
+        "@webassemblyjs/wasm-opt": "1.3.1",
+        "@webassemblyjs/wasm-parser": "1.3.1",
+        "@webassemblyjs/wast-printer": "1.3.1",
+        "debug": "3.1.0"
+      }
+    },
+    "@webassemblyjs/wasm-gen": {
+      "version": "1.3.1",
+      "resolved": "https://registry.npmjs.org/@webassemblyjs/wasm-gen/-/wasm-gen-1.3.1.tgz",
+      "integrity": "sha512-iYgQ3UJpsKiJnXerHulT//JpJAHuLavqMPEtUiRnSh0r/WvZh8pNtYBaN2v64+d9yTtu9aMlJmlKi6uz1j5FFg==",
+      "requires": {
+        "@webassemblyjs/ast": "1.3.1",
+        "@webassemblyjs/helper-wasm-bytecode": "1.3.1",
+        "@webassemblyjs/leb128": "1.3.1"
+      }
+    },
+    "@webassemblyjs/wasm-opt": {
+      "version": "1.3.1",
+      "resolved": "https://registry.npmjs.org/@webassemblyjs/wasm-opt/-/wasm-opt-1.3.1.tgz",
+      "integrity": "sha512-Eqi1he5VuGxMYKGhrBU+UxUhIwTDlnuvJmwrad3k4dD2UQpqu3HedRndGdJTQ68xj2GqDCdE6QiLzjytSN4KVQ==",
+      "requires": {
+        "@webassemblyjs/ast": "1.3.1",
+        "@webassemblyjs/helper-buffer": "1.3.1",
+        "@webassemblyjs/wasm-gen": "1.3.1",
+        "@webassemblyjs/wasm-parser": "1.3.1"
+      }
+    },
+    "@webassemblyjs/wasm-parser": {
+      "version": "1.3.1",
+      "resolved": "https://registry.npmjs.org/@webassemblyjs/wasm-parser/-/wasm-parser-1.3.1.tgz",
+      "integrity": "sha512-euRnqP/bky9DGbXf5Nqvtmc5soOM7xkvwI2H+LSP88NAFkcGMPEnrAP4UbsFAH+ESnS4kAW6wL5UyzjWBiiTbA==",
+      "requires": {
+        "@webassemblyjs/ast": "1.3.1",
+        "@webassemblyjs/helper-wasm-bytecode": "1.3.1",
+        "@webassemblyjs/leb128": "1.3.1",
+        "@webassemblyjs/wasm-parser": "1.3.1",
+        "webassemblyjs": "1.3.1"
+      }
+    },
+    "@webassemblyjs/wast-parser": {
+      "version": "1.3.1",
+      "resolved": "https://registry.npmjs.org/@webassemblyjs/wast-parser/-/wast-parser-1.3.1.tgz",
+      "integrity": "sha512-lM7Kwsp1mqqL3jq1kXKeoT8Z/cXvPQ2kWBNg19nZXbL1eLgr+4qRi83WvQU45+5+uIovigtBw/WU0nLLev7LGA==",
+      "requires": {
+        "@webassemblyjs/ast": "1.3.1",
+        "@webassemblyjs/floating-point-hex-parser": "1.3.1",
+        "@webassemblyjs/helper-code-frame": "1.3.1",
+        "@webassemblyjs/helper-fsm": "1.3.1",
+        "long": "3.2.0",
+        "webassemblyjs": "1.3.1"
+      }
+    },
+    "@webassemblyjs/wast-printer": {
+      "version": "1.3.1",
+      "resolved": "https://registry.npmjs.org/@webassemblyjs/wast-printer/-/wast-printer-1.3.1.tgz",
+      "integrity": "sha512-V2SMByzsrTT2wGQOjm/3ctCiy8mdYOSLDk+EkOpNHVZWB9ISJc+gZWzniTgihih03UWqqNa1S/0XpyVz7ZEYSQ==",
+      "requires": {
+        "@webassemblyjs/ast": "1.3.1",
+        "@webassemblyjs/wast-parser": "1.3.1",
+        "long": "3.2.0"
+      }
+    },
     "abab": {
       "version": "1.0.4",
       "resolved": "https://registry.npmjs.org/abab/-/abab-1.0.4.tgz",
@@ -2131,7 +2281,7 @@
       "integrity": "sha512-Iq8TRIB+/9eQ8rbGhcP7ct5cYb/3qjNYAR2SnzLCEcwF6rvVOax8+9+fccgXk4bEhQGjOZd5TLhsksmAdsbGqQ==",
       "requires": {
         "browserslist": "2.11.3",
-        "caniuse-lite": "1.0.30000835",
+        "caniuse-lite": "1.0.30000839",
         "normalize-range": "0.1.2",
         "num2fraction": "1.2.2",
         "postcss": "6.0.22",
@@ -2828,9 +2978,9 @@
       "integrity": "sha512-yi5QuiVyyvhBUDLP4ButAnhYzkdrUwWDtvUJv71hjH3fclhnZg4HkDeqaitcR2dZZx/E67kGkRcPVjtVu+SJfQ=="
     },
     "babel-plugin-macros": {
-      "version": "2.2.0",
-      "resolved": "https://registry.npmjs.org/babel-plugin-macros/-/babel-plugin-macros-2.2.0.tgz",
-      "integrity": "sha512-HGdenPU9+WGhg++P65O+6aIdmXx99p58K7VtAtizC3eUHbO4FXfyfK9SCJubylcyKziEB3nMAUDFHeyDUj38eA==",
+      "version": "2.2.1",
+      "resolved": "https://registry.npmjs.org/babel-plugin-macros/-/babel-plugin-macros-2.2.1.tgz",
+      "integrity": "sha512-DSLZpd6/LQFOJUr2pQK6pncxvAL87E6ReWgfaEfgOL1y/YTTIeqVfsrbdDgerdjtVzCIKajD32fxlvhEgvxMEw==",
       "requires": {
         "cosmiconfig": "4.0.0"
       },
@@ -3514,14 +3664,14 @@
       "integrity": "sha1-g2TKYt+Or7gwSZ9pkXdGbDsDSZ0=",
       "requires": {
         "babel-runtime": "6.26.0",
-        "core-js": "2.5.5",
+        "core-js": "2.5.6",
         "regenerator-runtime": "0.10.5"
       }
     },
     "babel-preset-env": {
-      "version": "1.6.1",
-      "resolved": "https://registry.npmjs.org/babel-preset-env/-/babel-preset-env-1.6.1.tgz",
-      "integrity": "sha512-W6VIyA6Ch9ePMI7VptNn2wBM6dbG0eSz25HEiL40nQXCsXGTGZSTZu1Iap+cj3Q0S5a7T9+529l/5Bkvd+afNA==",
+      "version": "1.7.0",
+      "resolved": "https://registry.npmjs.org/babel-preset-env/-/babel-preset-env-1.7.0.tgz",
+      "integrity": "sha512-9OR2afuKDneX2/q2EurSftUYM0xGu4O2D9adAhVfADDhrYDaxXV0rBbevVYoY9n6nyX1PmQW/0jtpJvUNr9CHg==",
       "requires": {
         "babel-plugin-check-es2015-constants": "6.22.0",
         "babel-plugin-syntax-trailing-function-commas": "6.22.0",
@@ -3550,9 +3700,20 @@
         "babel-plugin-transform-es2015-unicode-regex": "6.24.1",
         "babel-plugin-transform-exponentiation-operator": "6.24.1",
         "babel-plugin-transform-regenerator": "6.26.0",
-        "browserslist": "2.11.3",
+        "browserslist": "3.2.7",
         "invariant": "2.2.4",
         "semver": "5.5.0"
+      },
+      "dependencies": {
+        "browserslist": {
+          "version": "3.2.7",
+          "resolved": "https://registry.npmjs.org/browserslist/-/browserslist-3.2.7.tgz",
+          "integrity": "sha512-oYVLxFVqpX9uMhOIQBLtZL+CX4uY8ZpWcjNTaxyWl5rO8yA9SSNikFnAfvk8J3P/7z3BZwNmEqFKaJoYltj3MQ==",
+          "requires": {
+            "caniuse-lite": "1.0.30000839",
+            "electron-to-chromium": "1.3.45"
+          }
+        }
       }
     },
     "babel-preset-es2015": {
@@ -3696,7 +3857,7 @@
       "requires": {
         "babel-core": "6.26.3",
         "babel-runtime": "6.26.0",
-        "core-js": "2.5.5",
+        "core-js": "2.5.6",
         "home-or-tmp": "2.0.0",
         "lodash": "4.17.10",
         "mkdirp": "0.5.1",
@@ -3715,7 +3876,7 @@
       "resolved": "https://registry.npmjs.org/babel-runtime/-/babel-runtime-6.26.0.tgz",
       "integrity": "sha1-llxwWGaOgrVde/4E/yM3vItWR/4=",
       "requires": {
-        "core-js": "2.5.5",
+        "core-js": "2.5.6",
         "regenerator-runtime": "0.11.1"
       },
       "dependencies": {
@@ -4124,7 +4285,7 @@
       "resolved": "https://registry.npmjs.org/browserslist/-/browserslist-2.11.3.tgz",
       "integrity": "sha512-yWu5cXT7Av6mVwzWc8lMsJMHWn4xyjSuGYi4IozbVTLUOEYPSagUB8kiMDUHA1fS3zjr8nkxkn9jdvug4BBRmA==",
       "requires": {
-        "caniuse-lite": "1.0.30000835",
+        "caniuse-lite": "1.0.30000839",
         "electron-to-chromium": "1.3.45"
       }
     },
@@ -4218,7 +4379,7 @@
         "chownr": "1.0.1",
         "glob": "7.1.2",
         "graceful-fs": "4.1.11",
-        "lru-cache": "4.1.2",
+        "lru-cache": "4.1.3",
         "mississippi": "2.0.0",
         "mkdirp": "0.5.1",
         "move-concurrently": "1.0.1",
@@ -4359,7 +4520,7 @@
       "integrity": "sha1-tTTnxzTE+B7F++isoq0kNUuWLGw=",
       "requires": {
         "browserslist": "1.7.7",
-        "caniuse-db": "1.0.30000835",
+        "caniuse-db": "1.0.30000839",
         "lodash.memoize": "4.1.2",
         "lodash.uniq": "4.5.0"
       },
@@ -4369,21 +4530,29 @@
           "resolved": "https://registry.npmjs.org/browserslist/-/browserslist-1.7.7.tgz",
           "integrity": "sha1-C9dnBCWL6CmyOYu1Dkti0aFmsLk=",
           "requires": {
-            "caniuse-db": "1.0.30000835",
+            "caniuse-db": "1.0.30000839",
             "electron-to-chromium": "1.3.45"
           }
         }
       }
     },
     "caniuse-db": {
-      "version": "1.0.30000835",
-      "resolved": "https://registry.npmjs.org/caniuse-db/-/caniuse-db-1.0.30000835.tgz",
-      "integrity": "sha1-ZVaTHN8DWQPYZV1jA/lQG1kV++k="
+      "version": "1.0.30000839",
+      "resolved": "https://registry.npmjs.org/caniuse-db/-/caniuse-db-1.0.30000839.tgz",
+      "integrity": "sha1-VahuQCx0rhcUlwe+o+o5lSIjNJc="
     },
     "caniuse-lite": {
-      "version": "1.0.30000835",
-      "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30000835.tgz",
-      "integrity": "sha512-88MbwAwuVWfwC4xHwKx9Z/VSvmIfLPwURhmxTPqP5Cx6zHQ0xa2AFKJvTdC2aUn07f2tR9yvYL83CollBFANEA=="
+      "version": "1.0.30000839",
+      "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30000839.tgz",
+      "integrity": "sha512-gJZIfmkuy84agOeAZc7WJOexZhisZaBSFk96gkGM6TkH7+1mBfr/MSPnXC8lO0g7guh/ucbswYjruvDbzc6i0g=="
+    },
+    "capture-exit": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/capture-exit/-/capture-exit-1.2.0.tgz",
+      "integrity": "sha1-HF/MSJ/QqwDU8ax64QcuMXP7q28=",
+      "requires": {
+        "rsvp": "3.6.2"
+      }
     },
     "case-sensitive-paths-webpack-plugin": {
       "version": "2.1.2",
@@ -5023,9 +5192,9 @@
       "integrity": "sha1-Z29us8OZl8LuGsOpJP1hJHSPV40="
     },
     "core-js": {
-      "version": "2.5.5",
-      "resolved": "https://registry.npmjs.org/core-js/-/core-js-2.5.5.tgz",
-      "integrity": "sha1-sU3ek2xkDAV5prUMq8wTLdYSfjs="
+      "version": "2.5.6",
+      "resolved": "https://registry.npmjs.org/core-js/-/core-js-2.5.6.tgz",
+      "integrity": "sha512-lQUVfQi0aLix2xpyjrrJEvfuYCqPc/HwmTKsC/VNf8q0zsjX7SQZtp4+oRONN5Tsur9GDETPjj+Ub2iDiGZfSQ=="
     },
     "core-util-is": {
       "version": "1.0.2",
@@ -5065,9 +5234,9 @@
       }
     },
     "create-ecdh": {
-      "version": "4.0.1",
-      "resolved": "https://registry.npmjs.org/create-ecdh/-/create-ecdh-4.0.1.tgz",
-      "integrity": "sha512-iZvCCg8XqHQZ1ioNBTzXS/cQSkqkqcPs8xSX4upNB+DAk9Ht3uzQf2J32uAHNCne8LDmKr29AgZrEs4oIrwLuQ==",
+      "version": "4.0.3",
+      "resolved": "https://registry.npmjs.org/create-ecdh/-/create-ecdh-4.0.3.tgz",
+      "integrity": "sha512-GbEHQPMOswGpKXM9kCWVrremUcBmjteUaQ01T9rkKCPDXfUHX0IoP9LpHYo2NPFampa4e+/pFDc3jQdxrxQLaw==",
       "requires": {
         "bn.js": "4.11.8",
         "elliptic": "6.4.0"
@@ -5113,7 +5282,7 @@
       "resolved": "https://registry.npmjs.org/cross-spawn/-/cross-spawn-5.1.0.tgz",
       "integrity": "sha1-6L0O/uWPz/b4+UUQoKVUu/ojVEk=",
       "requires": {
-        "lru-cache": "4.1.2",
+        "lru-cache": "4.1.3",
         "shebang-command": "1.2.0",
         "which": "1.3.0"
       }
@@ -5143,7 +5312,7 @@
       "requires": {
         "browserify-cipher": "1.0.1",
         "browserify-sign": "4.0.4",
-        "create-ecdh": "4.0.1",
+        "create-ecdh": "4.0.3",
         "create-hash": "1.2.0",
         "create-hmac": "1.1.7",
         "diffie-hellman": "5.0.3",
@@ -5407,7 +5576,7 @@
           "integrity": "sha1-Hb0cg1ZY41zj+ZhAmdsAWFx4IBQ=",
           "requires": {
             "browserslist": "1.7.7",
-            "caniuse-db": "1.0.30000835",
+            "caniuse-db": "1.0.30000839",
             "normalize-range": "0.1.2",
             "num2fraction": "1.2.2",
             "postcss": "5.2.18",
@@ -5419,7 +5588,7 @@
           "resolved": "https://registry.npmjs.org/browserslist/-/browserslist-1.7.7.tgz",
           "integrity": "sha1-C9dnBCWL6CmyOYu1Dkti0aFmsLk=",
           "requires": {
-            "caniuse-db": "1.0.30000835",
+            "caniuse-db": "1.0.30000839",
             "electron-to-chromium": "1.3.45"
           }
         },
@@ -5503,9 +5672,9 @@
       }
     },
     "csstype": {
-      "version": "2.4.2",
-      "resolved": "https://registry.npmjs.org/csstype/-/csstype-2.4.2.tgz",
-      "integrity": "sha512-1TnkyZwDy0oUl//6685j2bTMNe61SzntWntijNdmmEzvpYbGmVMZkj204gv4glcQp6z/ypg+YRziT91XVFmOyg=="
+      "version": "2.5.0",
+      "resolved": "https://registry.npmjs.org/csstype/-/csstype-2.5.0.tgz",
+      "integrity": "sha512-KyGTo7/Y1lIK+JIfZ4LNEFdjN5lYwmJPpiP2fJbZF9LL95sY4CvUibobzzyXVsiuiD/oKcCzGZfT7WWZxHvkCw=="
     },
     "currently-unhandled": {
       "version": "0.4.1",
@@ -5956,9 +6125,9 @@
       }
     },
     "domhandler": {
-      "version": "2.4.1",
-      "resolved": "https://registry.npmjs.org/domhandler/-/domhandler-2.4.1.tgz",
-      "integrity": "sha1-iS5HAAqZvlW783dP/qBWHYh5wlk=",
+      "version": "2.4.2",
+      "resolved": "https://registry.npmjs.org/domhandler/-/domhandler-2.4.2.tgz",
+      "integrity": "sha512-JiK04h0Ht5u/80fdLMCEmV4zkNh2BcoMFBmZ/91WtYZ8qVXSKjiw7fXMgFPnHcSZgOo3XdinHvmnDUeMf5R4wA==",
       "requires": {
         "domelementtype": "1.3.0"
       }
@@ -6060,7 +6229,7 @@
       "resolved": "https://registry.npmjs.org/encoding/-/encoding-0.1.12.tgz",
       "integrity": "sha1-U4tm8+5izRq1HsMjgp0flIDHS+s=",
       "requires": {
-        "iconv-lite": "0.4.22"
+        "iconv-lite": "0.4.23"
       }
     },
     "end-of-stream": {
@@ -6496,7 +6665,7 @@
       "resolved": "https://registry.npmjs.org/expand-range/-/expand-range-1.8.2.tgz",
       "integrity": "sha1-opnv/TNf4nIeuujiV+x5ZE/IUzc=",
       "requires": {
-        "fill-range": "2.2.3"
+        "fill-range": "2.2.4"
       }
     },
     "expand-tilde": {
@@ -6607,7 +6776,7 @@
       "integrity": "sha512-bSn6gvGxKt+b7+6TKEv1ZycHleA7aHhRHyAqJyp5pbUFuYYNIzpZnQDk7AsYckyWdEnTeAnay0aCy2aV6iTk9A==",
       "requires": {
         "chardet": "0.4.2",
-        "iconv-lite": "0.4.22",
+        "iconv-lite": "0.4.23",
         "tmp": "0.0.33"
       }
     },
@@ -7032,13 +7201,13 @@
       "integrity": "sha512-7KjR1vv6qnicaPMi1iiTcI85CyYwRO/PSFCu6SvqL8jN2Wjt/NIYQTFtFs7fSDCYOstUkEWIQGFUg5YZQfjlcg=="
     },
     "fill-range": {
-      "version": "2.2.3",
-      "resolved": "https://registry.npmjs.org/fill-range/-/fill-range-2.2.3.tgz",
-      "integrity": "sha1-ULd9/X5Gm8dJJHCWNpn+eoSFpyM=",
+      "version": "2.2.4",
+      "resolved": "https://registry.npmjs.org/fill-range/-/fill-range-2.2.4.tgz",
+      "integrity": "sha512-cnrcCbj01+j2gTG921VZPnHbjmdAf8oQV/iGeV2kZxGSyfYjjTyY79ErsK1WJWMpw6DaApEX72binqJE+/d+5Q==",
       "requires": {
         "is-number": "2.1.0",
         "isobject": "2.1.0",
-        "randomatic": "1.1.7",
+        "randomatic": "3.0.0",
         "repeat-element": "1.1.2",
         "repeat-string": "1.6.1"
       }
@@ -7073,7 +7242,7 @@
       "integrity": "sha1-kojj6ePMN0hxfTnq3hfPcfww7m8=",
       "requires": {
         "commondir": "1.0.1",
-        "make-dir": "1.2.0",
+        "make-dir": "1.3.0",
         "pkg-dir": "2.0.0"
       }
     },
@@ -7123,9 +7292,9 @@
       "integrity": "sha1-2uRqnXj74lKSJYzB54CkHZXAN4I="
     },
     "flow-parser": {
-      "version": "0.71.0",
-      "resolved": "https://registry.npmjs.org/flow-parser/-/flow-parser-0.71.0.tgz",
-      "integrity": "sha512-rXSvqSBLf8aRI6T3P99jMcUYvZoO1KZcKDkzGJmXvYdNAgRKu7sfGNtxEsn3cX4TgungBuJpX+K8aHRC9/B5MA=="
+      "version": "0.72.0",
+      "resolved": "https://registry.npmjs.org/flow-parser/-/flow-parser-0.72.0.tgz",
+      "integrity": "sha512-kFaDtviKlD/rHi6NRp42KTbnPgz/nKcWUJQhqDnLDeKA8uGcRVSy0YlQjaf9M3pFo5PgC3SNFnCPpQGLtHjH2w=="
     },
     "flush-write-stream": {
       "version": "1.0.3",
@@ -7553,12 +7722,12 @@
       }
     },
     "glamorous": {
-      "version": "4.12.5",
-      "resolved": "https://registry.npmjs.org/glamorous/-/glamorous-4.12.5.tgz",
-      "integrity": "sha512-k3w5+7iHLyS1BRWOrGpXAXIAq8vIdK762gIePr+WT30wQ9rw7Ve+5bjxSspM4rcw5pt+/4/CJAbbJvYLWB4PGg==",
+      "version": "4.13.0",
+      "resolved": "https://registry.npmjs.org/glamorous/-/glamorous-4.13.0.tgz",
+      "integrity": "sha512-lJ+ET2Cz5+ZIsxrFNruN7Ye30PSe+jSN8jbma2+AAmNoJZOozqtjfjB5EVi16J9G3CjjXQtENsv4shwR1YYtaQ==",
       "requires": {
         "brcast": "3.0.1",
-        "csstype": "2.4.2",
+        "csstype": "2.5.0",
         "fast-memoize": "2.3.2",
         "html-tag-names": "1.1.3",
         "is-function": "1.0.1",
@@ -8096,13 +8265,13 @@
         "he": "1.1.1",
         "param-case": "2.1.1",
         "relateurl": "0.2.7",
-        "uglify-js": "3.3.23"
+        "uglify-js": "3.3.24"
       },
       "dependencies": {
         "uglify-js": {
-          "version": "3.3.23",
-          "resolved": "https://registry.npmjs.org/uglify-js/-/uglify-js-3.3.23.tgz",
-          "integrity": "sha512-Ks+KqLGDsYn4z+pU7JsKCzC0T3mPYl+rU+VcPZiQOazjE4Uqi4UCRY3qPMDbJi7ze37n1lDXj3biz1ik93vqvw==",
+          "version": "3.3.24",
+          "resolved": "https://registry.npmjs.org/uglify-js/-/uglify-js-3.3.24.tgz",
+          "integrity": "sha512-hS7+TDiqIqvWScCcKRybCQzmMnEzJ4ryl9ErRmW4GFyG48p0/dKZiy/5mVLbsFzU8CCnCgQdxMiJzZythvLzCg==",
           "requires": {
             "commander": "2.15.1",
             "source-map": "0.6.1"
@@ -8152,7 +8321,7 @@
       "integrity": "sha1-G9+HrMoPP55T+k/M6w9LTLsAszg=",
       "requires": {
         "domelementtype": "1.3.0",
-        "domhandler": "2.4.1",
+        "domhandler": "2.4.2",
         "domutils": "1.5.1",
         "entities": "1.1.1",
         "inherits": "2.0.3",
@@ -8523,9 +8692,9 @@
       "integrity": "sha1-MRYKNpMK2vH8BMYHT360FGXU7Es="
     },
     "iconv-lite": {
-      "version": "0.4.22",
-      "resolved": "https://registry.npmjs.org/iconv-lite/-/iconv-lite-0.4.22.tgz",
-      "integrity": "sha512-1AinFBeDTnsvVEP+V1QBlHpM1UZZl7gWB6fcz7B1Ho+LI1dUh2sSrxoCfVt2PinRHzXAziSniEV3P7JbTDHcXA==",
+      "version": "0.4.23",
+      "resolved": "https://registry.npmjs.org/iconv-lite/-/iconv-lite-0.4.23.tgz",
+      "integrity": "sha512-neyTUVFtahjf0mB3dZT77u+8O0QB89jFdnBkd5P1JgYPbPaia3gXXOVL2fq8VyU2gMMD7SaN7QukTB/pmXYvDA==",
       "requires": {
         "safer-buffer": "2.1.2"
       }
@@ -9414,7 +9583,7 @@
         "graceful-fs": "4.1.11",
         "jest-docblock": "21.2.0",
         "micromatch": "2.3.11",
-        "sane": "2.5.1",
+        "sane": "2.5.2",
         "worker-farm": "1.6.0"
       }
     },
@@ -9629,7 +9798,7 @@
         "babel-register": "6.26.0",
         "babylon": "7.0.0-beta.46",
         "colors": "1.1.2",
-        "flow-parser": "0.71.0",
+        "flow-parser": "0.72.0",
         "lodash": "4.15.0",
         "micromatch": "2.3.11",
         "neo-async": "2.5.1",
@@ -9824,6 +9993,11 @@
         "invert-kv": "1.0.0"
       }
     },
+    "leb": {
+      "version": "0.3.0",
+      "resolved": "https://registry.npmjs.org/leb/-/leb-0.3.0.tgz",
+      "integrity": "sha1-Mr7p+tFoMo1q6oUi2DP0GA7tHaM="
+    },
     "left-pad": {
       "version": "1.3.0",
       "resolved": "https://registry.npmjs.org/left-pad/-/left-pad-1.3.0.tgz",
@@ -10312,9 +10486,14 @@
       }
     },
     "lolex": {
-      "version": "2.3.2",
-      "resolved": "https://registry.npmjs.org/lolex/-/lolex-2.3.2.tgz",
-      "integrity": "sha512-A5pN2tkFj7H0dGIAM6MFvHKMJcPnjZsOMvR7ujCjfgW5TbV6H9vb1PgxLtHvjqNZTHsUolz+6/WEO0N1xNx2ng=="
+      "version": "2.4.1",
+      "resolved": "https://registry.npmjs.org/lolex/-/lolex-2.4.1.tgz",
+      "integrity": "sha512-8QdNQMqlAE2kkc2YWR3Ld0evgE452mmyYZR4HTh54PeH8UAjDipHYh/FHq6y9cAvM68nxGxj5jAz97+WQ2AQEQ=="
+    },
+    "long": {
+      "version": "3.2.0",
+      "resolved": "https://registry.npmjs.org/long/-/long-3.2.0.tgz",
+      "integrity": "sha1-2CG3E4yhy1gcFymQ7xTbIAtcR0s="
     },
     "longest": {
       "version": "1.0.1",
@@ -10358,9 +10537,9 @@
       }
     },
     "lru-cache": {
-      "version": "4.1.2",
-      "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-4.1.2.tgz",
-      "integrity": "sha512-wgeVXhrDwAWnIF/yZARsFnMBtdFXOg1b8RIrhilp+0iDYN4mdQcNZElDZ0e4B64BhaxeQ5zN7PMyvu7we1kPeQ==",
+      "version": "4.1.3",
+      "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-4.1.3.tgz",
+      "integrity": "sha512-fFEhvcgzuIoJVUF8fYr5KR0YqxD238zgObTps31YdADwPPAp82a4M8TrckkWyx7ekNlf9aBcVn81cFwwXngrJA==",
       "requires": {
         "pseudomap": "1.0.2",
         "yallist": "2.1.2"
@@ -10372,9 +10551,9 @@
       "integrity": "sha1-WQTcU3w57G2+/q6QIycTX6hRHxI="
     },
     "make-dir": {
-      "version": "1.2.0",
-      "resolved": "https://registry.npmjs.org/make-dir/-/make-dir-1.2.0.tgz",
-      "integrity": "sha512-aNUAa4UMg/UougV25bbrU4ZaaKNjJ/3/xnvg/twpmKROPdKZPZ9wGgI0opdZzO8q/zUFawoUuixuOv33eZ61Iw==",
+      "version": "1.3.0",
+      "resolved": "https://registry.npmjs.org/make-dir/-/make-dir-1.3.0.tgz",
+      "integrity": "sha512-2w31R7SJtieJJnQtGc7RVL2StM2vGYVfqUOvUDxH6bC6aJTxPxTF0GnIgCyu7tjockiUWAYQRbxa7vKn34s5sQ==",
       "requires": {
         "pify": "3.0.0"
       }
@@ -10438,6 +10617,11 @@
       "resolved": "https://registry.npmjs.org/math-expression-evaluator/-/math-expression-evaluator-1.2.17.tgz",
       "integrity": "sha1-3oGf282E3M2PrlnGrreWFbnSZqw="
     },
+    "math-random": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/math-random/-/math-random-1.0.1.tgz",
+      "integrity": "sha1-izqsWIuKZuSXXjzepn97sylgH6w="
+    },
     "md5.js": {
       "version": "1.3.4",
       "resolved": "https://registry.npmjs.org/md5.js/-/md5.js-1.3.4.tgz",
@@ -11060,7 +11244,7 @@
       "requires": {
         "@sinonjs/formatio": "2.0.0",
         "just-extend": "1.1.27",
-        "lolex": "2.3.2",
+        "lolex": "2.4.1",
         "path-to-regexp": "1.7.0",
         "text-encoding": "0.6.4"
       },
@@ -11160,7 +11344,7 @@
         "querystring-es3": "0.2.1",
         "readable-stream": "2.3.6",
         "stream-browserify": "2.0.1",
-        "stream-http": "2.8.1",
+        "stream-http": "2.8.2",
         "string_decoder": "1.1.1",
         "timers-browserify": "2.0.10",
         "tty-browserify": "0.0.0",
@@ -11251,7 +11435,7 @@
           "resolved": "https://registry.npmjs.org/cross-spawn/-/cross-spawn-3.0.1.tgz",
           "integrity": "sha1-ElYDfsufDF9549bvE14wdwGEuYI=",
           "requires": {
-            "lru-cache": "4.1.2",
+            "lru-cache": "4.1.3",
             "which": "1.3.0"
           }
         },
@@ -11615,9 +11799,9 @@
       "integrity": "sha1-KhZgU8ye+wlWUGPn/Td8yKywNBw="
     },
     "office-ui-fabric-react": {
-      "version": "5.96.0",
-      "resolved": "https://registry.npmjs.org/office-ui-fabric-react/-/office-ui-fabric-react-5.96.0.tgz",
-      "integrity": "sha512-M5FVCXlY8Ui11VQZPweXRFSGzRj5rLwu7RnIShLfkyDqdszQOkjEYMnosgnZUbut3xFoU/M7vrTNvoQMIFsXlg==",
+      "version": "5.99.0",
+      "resolved": "https://registry.npmjs.org/office-ui-fabric-react/-/office-ui-fabric-react-5.99.0.tgz",
+      "integrity": "sha512-ZFCJgKRLE28xAVOTg6/I4EpcgiUWAOxKjZpweTky0EXQbCIsTTznowsvtd/mghWRkA0AcfNCpAEgS6dOHJduQQ==",
       "requires": {
         "@microsoft/load-themed-styles": "1.7.56",
         "@uifabric/icons": "5.7.1",
@@ -12918,7 +13102,7 @@
           "resolved": "https://registry.npmjs.org/browserslist/-/browserslist-1.7.7.tgz",
           "integrity": "sha1-C9dnBCWL6CmyOYu1Dkti0aFmsLk=",
           "requires": {
-            "caniuse-db": "1.0.30000835",
+            "caniuse-db": "1.0.30000839",
             "electron-to-chromium": "1.3.45"
           }
         },
@@ -14155,39 +14339,24 @@
       }
     },
     "randomatic": {
-      "version": "1.1.7",
-      "resolved": "https://registry.npmjs.org/randomatic/-/randomatic-1.1.7.tgz",
-      "integrity": "sha512-D5JUjPyJbaJDkuAazpVnSfVkLlpeO3wDlPROTMLGKG1zMFNFRgrciKo1ltz/AzNTkqE0HzDx655QOL51N06how==",
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/randomatic/-/randomatic-3.0.0.tgz",
+      "integrity": "sha512-VdxFOIEY3mNO5PtSRkkle/hPJDHvQhK21oa73K4yAc9qmp6N429gAyF1gZMOTMeS0/AYzaV/2Trcef+NaIonSA==",
       "requires": {
-        "is-number": "3.0.0",
-        "kind-of": "4.0.0"
+        "is-number": "4.0.0",
+        "kind-of": "6.0.2",
+        "math-random": "1.0.1"
       },
       "dependencies": {
         "is-number": {
-          "version": "3.0.0",
-          "resolved": "https://registry.npmjs.org/is-number/-/is-number-3.0.0.tgz",
-          "integrity": "sha1-JP1iAaR4LPUFYcgQJ2r8fRLXEZU=",
-          "requires": {
-            "kind-of": "3.2.2"
-          },
-          "dependencies": {
-            "kind-of": {
-              "version": "3.2.2",
-              "resolved": "https://registry.npmjs.org/kind-of/-/kind-of-3.2.2.tgz",
-              "integrity": "sha1-MeohpzS6ubuw8yRm2JOupR5KPGQ=",
-              "requires": {
-                "is-buffer": "1.1.6"
-              }
-            }
-          }
+          "version": "4.0.0",
+          "resolved": "https://registry.npmjs.org/is-number/-/is-number-4.0.0.tgz",
+          "integrity": "sha512-rSklcAIlf1OmFdyAqbnWTLVelsQ58uvZ66S/ZyawjWqIviTWCjg2PzVGw8WUA+nNuPTqb4wgA+NszrJ+08LlgQ=="
         },
         "kind-of": {
-          "version": "4.0.0",
-          "resolved": "https://registry.npmjs.org/kind-of/-/kind-of-4.0.0.tgz",
-          "integrity": "sha1-IIE989cSkosgc3hpGkUGb65y3Vc=",
-          "requires": {
-            "is-buffer": "1.1.6"
-          }
+          "version": "6.0.2",
+          "resolved": "https://registry.npmjs.org/kind-of/-/kind-of-6.0.2.tgz",
+          "integrity": "sha512-s5kLOcnH0XqDO+FvuaLX8DDjZ18CGFk7VygH40QoKPUQhW4e2rvM0rwUq0t8IQDOwYSeLK01U90OjzBTme2QqA=="
         }
       }
     },
@@ -14440,7 +14609,7 @@
           "integrity": "sha512-y7ANxCWmMW8xLOaiopiRDlyjQ9ajKRENBH+2wjntIbk3A6ZR1+BLQttkmSHMY7Arl+AAZFwJ10grg2T6f1WI8A==",
           "requires": {
             "ast-types": "0.10.1",
-            "core-js": "2.5.5",
+            "core-js": "2.5.6",
             "esprima": "4.0.0",
             "private": "0.1.8",
             "source-map": "0.6.1"
@@ -14546,9 +14715,9 @@
       "integrity": "sha512-ybEM7YOr4yBgFd6w8dJqwxegqZGJNBZl6U27HnGKuTZmDvVrD5quWOK/wAnMywiZzW+Qsk+l4X2c70+thp/A8Q=="
     },
     "react-lifecycles-compat": {
-      "version": "3.0.2",
-      "resolved": "https://registry.npmjs.org/react-lifecycles-compat/-/react-lifecycles-compat-3.0.2.tgz",
-      "integrity": "sha512-pbZOSMVVkvppW7XRn9fcHK5OgEDnYLwMva7P6TgS44/SN9uGGjfh3Z1c8tomO+y4IsHQ6Fsz2EGwmE7sMeNZgQ=="
+      "version": "3.0.3",
+      "resolved": "https://registry.npmjs.org/react-lifecycles-compat/-/react-lifecycles-compat-3.0.3.tgz",
+      "integrity": "sha512-bOr65SSYgxDgDNqLnDqt+gropXGPNB1Wbyys4tOYiNuP/qYWC4qFM9XH1ruzq+tT6EjE29pJsCr19rclKtpUEg=="
     },
     "react-modal": {
       "version": "3.4.4",
@@ -14557,7 +14726,7 @@
       "requires": {
         "exenv": "1.2.2",
         "prop-types": "15.6.1",
-        "react-lifecycles-compat": "3.0.2",
+        "react-lifecycles-compat": "3.0.3",
         "warning": "3.0.0"
       }
     },
@@ -15178,6 +15347,11 @@
         "nearley": "2.13.0"
       }
     },
+    "rsvp": {
+      "version": "3.6.2",
+      "resolved": "https://registry.npmjs.org/rsvp/-/rsvp-3.6.2.tgz",
+      "integrity": "sha512-OfWGQTb9vnwRjwtA2QwpG2ICclHC3pgXZO5xt8H2EfgDquO0qVdSb5T88L4qJVAEugbS56pAuV4XZM58UX8ulw=="
+    },
     "run-async": {
       "version": "2.3.0",
       "resolved": "https://registry.npmjs.org/run-async/-/run-async-2.3.0.tgz",
@@ -15244,11 +15418,12 @@
       "integrity": "sha512-1HwIYD/8UlOtFS3QO3w7ey+SdSDFE4HRNLZoZRYVQefrOY3l17epswImeB1ijgJFQJodIaHcwkp3r/myBjFVbg=="
     },
     "sane": {
-      "version": "2.5.1",
-      "resolved": "https://registry.npmjs.org/sane/-/sane-2.5.1.tgz",
-      "integrity": "sha1-pVzucHS+0yE7VLQIie55H6L1AXY=",
+      "version": "2.5.2",
+      "resolved": "https://registry.npmjs.org/sane/-/sane-2.5.2.tgz",
+      "integrity": "sha1-tNwYYcIbQn6SlQej51HiosuKs/o=",
       "requires": {
         "anymatch": "2.0.0",
+        "capture-exit": "1.2.0",
         "exec-sh": "0.2.1",
         "fb-watchman": "2.0.0",
         "micromatch": "3.1.10",
@@ -15694,20 +15869,25 @@
       "resolved": "https://registry.npmjs.org/schema-utils/-/schema-utils-0.4.5.tgz",
       "integrity": "sha512-yYrjb9TX2k/J1Y5UNy3KYdZq10xhYcF8nMpAW6o3hy6Q8WSIEf9lJHG/ePnOBfziPM3fvQwfOwa13U/Fh8qTfA==",
       "requires": {
-        "ajv": "6.4.0",
+        "ajv": "6.5.0",
         "ajv-keywords": "3.2.0"
       },
       "dependencies": {
         "ajv": {
-          "version": "6.4.0",
-          "resolved": "https://registry.npmjs.org/ajv/-/ajv-6.4.0.tgz",
-          "integrity": "sha1-06/3jpJ3VJdx2vAWTP9ISCt1T8Y=",
+          "version": "6.5.0",
+          "resolved": "https://registry.npmjs.org/ajv/-/ajv-6.5.0.tgz",
+          "integrity": "sha512-VDUX1oSajablmiyFyED9L1DFndg0P9h7p1F+NO8FkIzei6EPrR6Zu1n18rd5P8PqaSRd/FrWv3G1TVBqpM83gA==",
           "requires": {
-            "fast-deep-equal": "1.1.0",
+            "fast-deep-equal": "2.0.1",
             "fast-json-stable-stringify": "2.0.0",
             "json-schema-traverse": "0.3.1",
-            "uri-js": "3.0.2"
+            "uri-js": "4.2.1"
           }
+        },
+        "fast-deep-equal": {
+          "version": "2.0.1",
+          "resolved": "https://registry.npmjs.org/fast-deep-equal/-/fast-deep-equal-2.0.1.tgz",
+          "integrity": "sha1-ewUhjd+WZ79/Nwv3/bLLFf3Qqkk="
         }
       }
     },
@@ -16734,9 +16914,9 @@
       }
     },
     "shelljs": {
-      "version": "0.8.1",
-      "resolved": "https://registry.npmjs.org/shelljs/-/shelljs-0.8.1.tgz",
-      "integrity": "sha512-YA/iYtZpzFe5HyWVGrb02FjPxc4EMCfpoU/Phg9fQoyMC72u9598OUBrsU8IrtwAKG0tO8IYaqbaLIw+k3IRGA==",
+      "version": "0.8.2",
+      "resolved": "https://registry.npmjs.org/shelljs/-/shelljs-0.8.2.tgz",
+      "integrity": "sha512-pRXeNrCA2Wd9itwhvLp5LZQvPJ0wU6bcjaTMywHHGX5XWhVN2nzSu7WV0q+oUY7mGK3mgSkDDzP3MgjqdyIgbQ==",
       "requires": {
         "glob": "7.1.2",
         "interpret": "1.1.0",
@@ -16761,7 +16941,7 @@
         "@sinonjs/formatio": "2.0.0",
         "diff": "3.5.0",
         "lodash.get": "4.4.2",
-        "lolex": "2.3.2",
+        "lolex": "2.4.1",
         "nise": "1.3.3",
         "supports-color": "5.4.0",
         "type-detect": "4.0.8"
@@ -16793,7 +16973,7 @@
         "extend-shallow": "2.0.1",
         "map-cache": "0.2.2",
         "source-map": "0.5.7",
-        "source-map-resolve": "0.5.1",
+        "source-map-resolve": "0.5.2",
         "use": "3.1.0"
       },
       "dependencies": {
@@ -16982,9 +17162,9 @@
       }
     },
     "source-map-resolve": {
-      "version": "0.5.1",
-      "resolved": "https://registry.npmjs.org/source-map-resolve/-/source-map-resolve-0.5.1.tgz",
-      "integrity": "sha512-0KW2wvzfxm8NCTb30z0LMNyPqWCdDGE2viwzUaucqJdkTRXtZiSY3I+2A6nVAjmdOy0I4gU8DwnVVGsk9jvP2A==",
+      "version": "0.5.2",
+      "resolved": "https://registry.npmjs.org/source-map-resolve/-/source-map-resolve-0.5.2.tgz",
+      "integrity": "sha512-MjqsvNwyz1s0k81Goz/9vRBe9SZdB09Bdw+/zYyO+3CuPk6fouTaxscHkgtE8jKvf01kVfl8riHzERQ/kefaSA==",
       "requires": {
         "atob": "2.1.1",
         "decode-uri-component": "0.2.0",
@@ -17199,9 +17379,9 @@
       }
     },
     "stream-http": {
-      "version": "2.8.1",
-      "resolved": "https://registry.npmjs.org/stream-http/-/stream-http-2.8.1.tgz",
-      "integrity": "sha512-cQ0jo17BLca2r0GfRdZKYAGLU6JRoIWxqSOakUMuKOT6MOK7AAlE856L33QuDmAy/eeOrhLee3dZKX0Uadu93A==",
+      "version": "2.8.2",
+      "resolved": "https://registry.npmjs.org/stream-http/-/stream-http-2.8.2.tgz",
+      "integrity": "sha512-QllfrBhqF1DPcz46WxKTs6Mz1Bpc+8Qm6vbqOpVav5odAXwbyzwnEczoWqtxrsmlO+cJqtPrp/8gWKWjaKLLlA==",
       "requires": {
         "builtin-status-codes": "3.0.0",
         "inherits": "2.0.3",
@@ -18130,9 +18310,9 @@
       }
     },
     "ts-loader": {
-      "version": "4.2.0",
-      "resolved": "https://registry.npmjs.org/ts-loader/-/ts-loader-4.2.0.tgz",
-      "integrity": "sha512-EvnwgbEUklPQK82OiZS0NDrG0ZoH91+zef8PFXSOZocSQ5jklQyvAM84Id20UxjVdXVIzMgFu+vlKCQomfq27A==",
+      "version": "4.3.0",
+      "resolved": "https://registry.npmjs.org/ts-loader/-/ts-loader-4.3.0.tgz",
+      "integrity": "sha512-+zduqQJaeouVrGY3y6+nUG7+OE1+Q7slGCHsiQM/aITCEZ0og3GxrJVsnjM5QcWvOcu9C4VR5dP+egIyT+sNNg==",
       "requires": {
         "chalk": "2.4.1",
         "enhanced-resolve": "4.0.0",
@@ -18432,9 +18612,9 @@
       }
     },
     "tslint-react": {
-      "version": "3.5.1",
-      "resolved": "https://registry.npmjs.org/tslint-react/-/tslint-react-3.5.1.tgz",
-      "integrity": "sha512-ndS/iOOGrasATcf5YU3JxoIwPGVykjrKhzmlVsRdT1xzl/RbNg9n627rtAGbCjkQepyiaQYgxWQT5G/qUpQCaA==",
+      "version": "3.6.0",
+      "resolved": "https://registry.npmjs.org/tslint-react/-/tslint-react-3.6.0.tgz",
+      "integrity": "sha512-AIv1QcsSnj7e9pFir6cJ6vIncTqxfqeFF3Lzh8SuuBljueYzEAtByuB6zMaD27BL0xhMEqsZ9s5eHuCONydjBw==",
       "requires": {
         "tsutils": "2.26.2"
       }
@@ -18681,9 +18861,9 @@
       "integrity": "sha1-9rRQHC7EzdJrp4vnIilh3ndiFZg="
     },
     "uri-js": {
-      "version": "3.0.2",
-      "resolved": "https://registry.npmjs.org/uri-js/-/uri-js-3.0.2.tgz",
-      "integrity": "sha1-+QuFhQf4HepNz7s8TD2/orVX+qo=",
+      "version": "4.2.1",
+      "resolved": "https://registry.npmjs.org/uri-js/-/uri-js-4.2.1.tgz",
+      "integrity": "sha512-jpKCA3HjsBfSDOEgxRDAxQCNyHfCPSbq57PqCkd3gAyBuPb3IWxw54EHncqESznIdqSetHfw3D7ylThu2Kcc9A==",
       "requires": {
         "punycode": "2.1.0"
       },
@@ -19311,6 +19491,18 @@
         "minimalistic-assert": "1.0.1"
       }
     },
+    "webassemblyjs": {
+      "version": "1.3.1",
+      "resolved": "https://registry.npmjs.org/webassemblyjs/-/webassemblyjs-1.3.1.tgz",
+      "integrity": "sha512-jaqGpR+MLye6fzxKTiv0/TPEm6ma7ypef76JlQVk9E1z5M2N6EXNrsMOuh7P6aXUVFHJSioRp4N9QOFpcWfIVA==",
+      "requires": {
+        "@webassemblyjs/ast": "1.3.1",
+        "@webassemblyjs/validation": "1.3.1",
+        "@webassemblyjs/wasm-parser": "1.3.1",
+        "@webassemblyjs/wast-parser": "1.3.1",
+        "long": "3.2.0"
+      }
+    },
     "webidl-conversions": {
       "version": "4.0.2",
       "resolved": "https://registry.npmjs.org/webidl-conversions/-/webidl-conversions-4.0.2.tgz",
@@ -19323,7 +19515,7 @@
       "requires": {
         "acorn": "5.5.3",
         "acorn-dynamic-import": "2.0.2",
-        "ajv": "6.4.0",
+        "ajv": "6.5.0",
         "ajv-keywords": "3.2.0",
         "async": "2.6.0",
         "enhanced-resolve": "3.4.1",
@@ -19366,14 +19558,14 @@
           }
         },
         "ajv": {
-          "version": "6.4.0",
-          "resolved": "https://registry.npmjs.org/ajv/-/ajv-6.4.0.tgz",
-          "integrity": "sha1-06/3jpJ3VJdx2vAWTP9ISCt1T8Y=",
+          "version": "6.5.0",
+          "resolved": "https://registry.npmjs.org/ajv/-/ajv-6.5.0.tgz",
+          "integrity": "sha512-VDUX1oSajablmiyFyED9L1DFndg0P9h7p1F+NO8FkIzei6EPrR6Zu1n18rd5P8PqaSRd/FrWv3G1TVBqpM83gA==",
           "requires": {
-            "fast-deep-equal": "1.1.0",
+            "fast-deep-equal": "2.0.1",
             "fast-json-stable-stringify": "2.0.0",
             "json-schema-traverse": "0.3.1",
-            "uri-js": "3.0.2"
+            "uri-js": "4.2.1"
           }
         },
         "camelcase": {
@@ -19402,6 +19594,11 @@
             "tapable": "0.2.8"
           }
         },
+        "fast-deep-equal": {
+          "version": "2.0.1",
+          "resolved": "https://registry.npmjs.org/fast-deep-equal/-/fast-deep-equal-2.0.1.tgz",
+          "integrity": "sha1-ewUhjd+WZ79/Nwv3/bLLFf3Qqkk="
+        },
         "has-flag": {
           "version": "2.0.0",
           "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-2.0.0.tgz",
@@ -19556,7 +19753,7 @@
             "babel-register": "6.26.0",
             "babylon": "6.18.0",
             "colors": "1.1.2",
-            "flow-parser": "0.71.0",
+            "flow-parser": "0.72.0",
             "lodash": "4.15.0",
             "micromatch": "2.3.11",
             "node-dir": "0.1.8",
@@ -19572,7 +19769,7 @@
           "integrity": "sha512-y7ANxCWmMW8xLOaiopiRDlyjQ9ajKRENBH+2wjntIbk3A6ZR1+BLQttkmSHMY7Arl+AAZFwJ10grg2T6f1WI8A==",
           "requires": {
             "ast-types": "0.10.1",
-            "core-js": "2.5.5",
+            "core-js": "2.5.6",
             "esprima": "4.0.0",
             "private": "0.1.8",
             "source-map": "0.6.1"
@@ -19591,9 +19788,9 @@
       }
     },
     "webpack-bundle-analyzer": {
-      "version": "2.11.1",
-      "resolved": "https://registry.npmjs.org/webpack-bundle-analyzer/-/webpack-bundle-analyzer-2.11.1.tgz",
-      "integrity": "sha512-VKUVkVMc6TWVXmF1OxsBXoiRjYiDRA4XT0KqtbLMDK+891VX7FCuklYwzldND8J2upUcHHnuXYNTP+4mSFi4Kg==",
+      "version": "2.11.2",
+      "resolved": "https://registry.npmjs.org/webpack-bundle-analyzer/-/webpack-bundle-analyzer-2.11.2.tgz",
+      "integrity": "sha512-jDO+sACU4kM7WhvjtIu4Z90UogsGUyVDc1K8THH3HzihwVqgipAS2qXyAPrJ0vTo6593V3RR4/IhHi8UQrE+yA==",
       "requires": {
         "acorn": "5.5.3",
         "bfj-node4": "5.3.1",
@@ -20776,7 +20973,7 @@
         "github-username": "4.1.0",
         "istextorbinary": "2.2.1",
         "lodash": "4.17.10",
-        "make-dir": "1.2.0",
+        "make-dir": "1.3.0",
         "mem-fs-editor": "4.0.2",
         "minimist": "1.2.0",
         "pretty-bytes": "4.0.2",
@@ -20784,7 +20981,7 @@
         "read-pkg-up": "3.0.0",
         "rimraf": "2.6.2",
         "run-async": "2.3.0",
-        "shelljs": "0.8.1",
+        "shelljs": "0.8.2",
         "text-table": "0.2.0",
         "through2": "2.0.3",
         "yeoman-environment": "2.0.6"
diff --git a/packages/office-ui-fabric-react/package.json b/packages/office-ui-fabric-react/package.json
index 627363407ae8ee..c6e9f81b64d2ca 100644
--- a/packages/office-ui-fabric-react/package.json
+++ b/packages/office-ui-fabric-react/package.json
@@ -34,8 +34,8 @@
     "enzyme": "^3.2.0",
     "enzyme-adapter-react-16": "^1.1.0",
     "enzyme-to-json": "^3.3.3",
-    "es6-map": "^0.1.5",
     "es6-promise": "^4.1.0",
+    "es6-map": "^0.1.5",
     "es6-weak-map": "^2.0.2",
     "highlight.js": "^9.12.0",
     "office-ui-fabric-core": ">=9.0.0 <10.0.0",
diff --git a/packages/office-ui-fabric-react/src/components/Callout/CalloutContent.base.tsx b/packages/office-ui-fabric-react/src/components/Callout/CalloutContent.base.tsx
index 090cea431bac54..807243c1ca152d 100644
--- a/packages/office-ui-fabric-react/src/components/Callout/CalloutContent.base.tsx
+++ b/packages/office-ui-fabric-react/src/components/Callout/CalloutContent.base.tsx
@@ -66,7 +66,7 @@ export class CalloutContentBase extends BaseComponent<ICalloutProps, ICalloutSta
     directionalHint: DirectionalHint.bottomAutoEdge
   };
 
-  private _classNames: {[key in keyof ICalloutContentStyles]: string };
+  private _classNames: { [key in keyof ICalloutContentStyles]: string };
   private _didSetInitialFocus: boolean;
   private _hostElement = createRef<HTMLDivElement>();
   private _calloutElement = createRef<HTMLDivElement>();
@@ -134,6 +134,7 @@ export class CalloutContentBase extends BaseComponent<ICalloutProps, ICalloutSta
         positions: undefined
       });
     }
+
   }
 
   public componentDidMount(): void {
@@ -323,18 +324,11 @@ export class CalloutContentBase extends BaseComponent<ICalloutProps, ICalloutSta
   }
 
   private _updatePosition(): void {
-    // Try to update the target, page might have changed
-    this._setTargetWindowAndElement(this._getTarget());
-
     const { positions } = this.state;
     const hostElement: HTMLElement | null = this._hostElement.current;
     const calloutElement: HTMLElement | null = this._calloutElement.current;
 
-    // If we expect a target element to position against, we need to wait until `this._target` is resolved. Otherwise
-    // we can try to position.
-    const expectsTarget = !!this.props.target;
-
-    if (hostElement && calloutElement && (!expectsTarget || this._target)) {
+    if (hostElement && calloutElement) {
       let currentProps: IPositionProps | undefined;
       currentProps = assign(currentProps, this.props);
       currentProps!.bounds = this._getBounds();
diff --git a/packages/office-ui-fabric-react/src/components/ContextualMenu/ContextualMenu.test.tsx b/packages/office-ui-fabric-react/src/components/ContextualMenu/ContextualMenu.test.tsx
index e3fb49e5d74744..3fa6126bc0ed12 100644
--- a/packages/office-ui-fabric-react/src/components/ContextualMenu/ContextualMenu.test.tsx
+++ b/packages/office-ui-fabric-react/src/components/ContextualMenu/ContextualMenu.test.tsx
@@ -10,6 +10,7 @@ import { FocusZoneDirection } from '../../FocusZone';
 import { ContextualMenu, canAnyMenuItemsCheck } from './ContextualMenu';
 import { IContextualMenuItem, ContextualMenuItemType } from './ContextualMenu.types';
 import { IContextualMenuRenderItem } from './ContextualMenuItem.types';
+import { LayerBase as Layer } from '../Layer/Layer.base';
 
 describe('ContextualMenu', () => {
 
@@ -664,6 +665,59 @@ describe('ContextualMenu', () => {
     }).catch(done());
   });
 
+  it('ContextualMenu menuOpened callback is called only when menu is available', () => {
+    let layerMounted = false;
+    let menuMounted = false;
+    let menuMountedFirst = false;
+    let layerMountedFirst = false;
+
+    // Alter the Layer's prototype so that we can confirm that it mounts before the contextualmenu mounts.
+    /* tslint:disable:no-function-expression */
+    Layer.prototype.componentDidMount = function (componentDidMount): () => void {
+      return function (): void {
+        if (menuMounted) {
+          menuMountedFirst = true;
+        }
+        layerMounted = true;
+        return componentDidMount.call(this);
+      };
+    }(Layer.prototype.componentDidMount);
+    /* tslint:enable:no-function-expression */
+
+    const items: IContextualMenuItem[] = [
+      {
+        name: 'TestText 1',
+        key: 'TestKey1',
+        className: 'testkey1'
+      },
+      {
+        name: 'TestText 2',
+        key: 'TestKey2'
+      },
+    ];
+
+    const onMenuOpened = (): void => {
+      if (layerMounted) {
+        layerMountedFirst = true;
+      }
+      menuMounted = true;
+    };
+
+    ReactTestUtils.renderIntoDocument<HTMLDivElement>(
+      <div>
+        <button id='target' style={ { top: '10px', left: '10px', height: '0', width: '0px' } }> target </button>
+        <ContextualMenu
+          target='#target'
+          items={ items }
+          onMenuOpened={ onMenuOpened }
+        />
+      </div>
+    );
+    expect(menuMounted).toEqual(true);
+    expect(layerMountedFirst).toEqual(true);
+    expect(menuMountedFirst).toEqual(false);
+  });
+
   it('merges callout classNames', () => {
     ReactTestUtils.renderIntoDocument<ContextualMenu>(
       <ContextualMenu
diff --git a/packages/office-ui-fabric-react/src/components/Layer/Layer.base.tsx b/packages/office-ui-fabric-react/src/components/Layer/Layer.base.tsx
index c783a90bbf0bbf..fa98fab4fde761 100644
--- a/packages/office-ui-fabric-react/src/components/Layer/Layer.base.tsx
+++ b/packages/office-ui-fabric-react/src/components/Layer/Layer.base.tsx
@@ -17,7 +17,9 @@ import {
   setVirtualParent,
   createRef
 } from '../../Utilities';
-import { getDefaultTarget, registerLayer, unregisterLayer, setDefaultTarget, notifyHostChanged } from './Layer.notification';
+
+const _layersByHostId: { [hostId: string]: LayerBase[] } = {};
+let _defaultHostSelector: string | undefined;
 
 const getClassNames = classNamesFunction<ILayerStyleProps, ILayerStyles>();
 
@@ -33,14 +35,14 @@ export class LayerBase extends BaseComponent<ILayerProps, {}> {
   private _host: Node;
   private _layerElement: HTMLElement | undefined;
   private _hasMounted: boolean;
-
   /**
    * Used for notifying applicable Layers that a host is available/unavailable and to re-evaluate Layers that
    * care about the specific host.
-   * @deprecated
    */
   public static notifyHostChanged(id: string) {
-    notifyHostChanged(id);
+    if (_layersByHostId[id]) {
+      _layersByHostId[id].forEach(layer => layer.forceUpdate());
+    }
   }
 
   /**
@@ -50,10 +52,9 @@ export class LayerBase extends BaseComponent<ILayerProps, {}> {
    *
    * Passing in a falsey value will clear the default target and reset back to
    * using a created element at the end of document body.
-   * @deprecated
    */
   public static setDefaultTarget(selector?: string) {
-    setDefaultTarget(selector);
+    _defaultHostSelector = selector;
   }
 
   constructor(props: ILayerProps) {
@@ -64,7 +65,11 @@ export class LayerBase extends BaseComponent<ILayerProps, {}> {
     });
 
     if (this.props.hostId) {
-      registerLayer(this.props.hostId, this);
+      if (!_layersByHostId[this.props.hostId]) {
+        _layersByHostId[this.props.hostId] = [];
+      }
+
+      _layersByHostId[this.props.hostId].push(this);
     }
   }
 
@@ -76,7 +81,10 @@ export class LayerBase extends BaseComponent<ILayerProps, {}> {
     this._removeLayerElement();
 
     if (this.props.hostId) {
-      unregisterLayer(this.props.hostId, this);
+      _layersByHostId[this.props.hostId] = _layersByHostId[this.props.hostId].filter(layer => layer !== this);
+      if (!_layersByHostId[this.props.hostId].length) {
+        delete _layersByHostId[this.props.hostId];
+      }
     }
   }
 
@@ -172,8 +180,8 @@ export class LayerBase extends BaseComponent<ILayerProps, {}> {
     if (hostId) {
       return doc.getElementById(hostId) as Node;
     } else {
-      const defaultHostSelector = getDefaultTarget();
-      return defaultHostSelector ? doc.querySelector(defaultHostSelector) as Node : doc.body;
+      return _defaultHostSelector ? doc.querySelector(_defaultHostSelector) as Node : doc.body;
     }
   }
+
 }
diff --git a/packages/office-ui-fabric-react/src/components/Layer/Layer.notification.ts b/packages/office-ui-fabric-react/src/components/Layer/Layer.notification.ts
deleted file mode 100644
index f18a548fbb4888..00000000000000
--- a/packages/office-ui-fabric-react/src/components/Layer/Layer.notification.ts
+++ /dev/null
@@ -1,62 +0,0 @@
-const _layersByHostId: { [hostId: string]: React.Component[] } = {};
-
-let _defaultHostSelector: string | undefined;
-
-/**
- * Register a layer for a given host id
- * @param hostId Id of the layer host
- * @param layer Layer instance
- */
-export function registerLayer(hostId: string, layer: React.Component) {
-  if (!_layersByHostId[hostId]) {
-    _layersByHostId[hostId] = [];
-  }
-
-  _layersByHostId[hostId].push(layer);
-}
-
-/**
- * Unregister a layer for a given host id
- * @param hostId Id of the layer host
- * @param layer Layer instance
- */
-export function unregisterLayer(hostId: string, layer: React.Component) {
-  if (_layersByHostId[hostId]) {
-    const idx = _layersByHostId[hostId].indexOf(layer);
-    if (idx >= 0) {
-      _layersByHostId[hostId].splice(idx, 1);
-      if (_layersByHostId[hostId].length === 0) {
-        delete _layersByHostId[hostId];
-      }
-    }
-  }
-}
-
-/**
- * Used for notifying applicable Layers that a host is available/unavailable and to re-evaluate Layers that
- * care about the specific host.
- */
-export function notifyHostChanged(id: string) {
-  if (_layersByHostId[id]) {
-    _layersByHostId[id].forEach(layer => layer.forceUpdate());
-  }
-}
-
-/**
- * Sets the default target selector to use when determining the host in which
- * Layered content will be injected into. If not provided, an element will be
- * created at the end of the document body.
- *
- * Passing in a falsey value will clear the default target and reset back to
- * using a created element at the end of document body.
- */
-export function setDefaultTarget(selector?: string) {
-  _defaultHostSelector = selector;
-}
-
-/**
- * Get the default target selector when determining a host
- */
-export function getDefaultTarget(): string | undefined {
-  return _defaultHostSelector;
-}
\ No newline at end of file
diff --git a/packages/office-ui-fabric-react/src/components/Layer/Layer.test.tsx b/packages/office-ui-fabric-react/src/components/Layer/Layer.test.tsx
index 0a3b06865dac72..9794524990eec4 100644
--- a/packages/office-ui-fabric-react/src/components/Layer/Layer.test.tsx
+++ b/packages/office-ui-fabric-react/src/components/Layer/Layer.test.tsx
@@ -3,16 +3,16 @@ import * as React from 'react';
 import * as ReactDOM from 'react-dom';
 import * as PropTypes from 'prop-types';
 /* tslint:enable:no-unused-variable */
-import { mount } from 'enzyme';
-import toJson from 'enzyme-to-json';
+import * as renderer from 'react-test-renderer';
 
 import { Layer } from './Layer';
 import { LayerHost } from './LayerHost';
 
 describe('Layer', () => {
   it('renders Layer correctly', () => {
-    const component = mount(<Layer>Content</Layer>);
-    expect(toJson(component)).toMatchSnapshot();
+    const component = renderer.create(<Layer>Content</Layer>);
+    const tree = component.toJSON();
+    expect(tree).toMatchSnapshot();
   });
 
   it('can render in a targeted LayerHost and pass context through', () => {
diff --git a/packages/office-ui-fabric-react/src/components/Layer/Layer.tsx b/packages/office-ui-fabric-react/src/components/Layer/Layer.tsx
index f2343a7b74ede9..0cdd7535ca9dcd 100644
--- a/packages/office-ui-fabric-react/src/components/Layer/Layer.tsx
+++ b/packages/office-ui-fabric-react/src/components/Layer/Layer.tsx
@@ -1,4 +1,3 @@
-import * as ReactDOM from 'react-dom';
 import { styled } from '../../Utilities';
 import {
   ILayerProps,
@@ -6,12 +5,9 @@ import {
   ILayerStyles
 } from './Layer.types';
 import { LayerBase } from './Layer.base';
-import { PortalLayerBase } from './PortalLayer.base';
 import { getStyles } from './Layer.styles';
 
-const portalSupport: boolean = !!ReactDOM.createPortal;
-
 export const Layer = styled<ILayerProps, ILayerStyleProps, ILayerStyles>(
-  portalSupport ? PortalLayerBase : LayerBase,
+  LayerBase,
   getStyles
 );
diff --git a/packages/office-ui-fabric-react/src/components/Layer/LayerHost.tsx b/packages/office-ui-fabric-react/src/components/Layer/LayerHost.tsx
index e7c1e3cd8f555d..7a8f81aa60af24 100644
--- a/packages/office-ui-fabric-react/src/components/Layer/LayerHost.tsx
+++ b/packages/office-ui-fabric-react/src/components/Layer/LayerHost.tsx
@@ -3,20 +3,21 @@ import {
   BaseComponent,
   css
 } from '../../Utilities';
+import { LayerBase } from './Layer.base';
 import { ILayerHostProps } from './LayerHost.types';
-import { notifyHostChanged } from './Layer.notification';
 
-export class LayerHost extends BaseComponent<ILayerHostProps> {
+export class LayerHost extends BaseComponent<ILayerHostProps, {}> {
+
   public shouldComponentUpdate() {
     return false;
   }
 
   public componentDidMount(): void {
-    notifyHostChanged(this.props.id!);
+    LayerBase.notifyHostChanged(this.props.id!);
   }
 
   public componentWillUnmount(): void {
-    notifyHostChanged(this.props.id!);
+    LayerBase.notifyHostChanged(this.props.id!);
   }
 
   public render(): JSX.Element {
diff --git a/packages/office-ui-fabric-react/src/components/Layer/PortalLayer.base.tsx b/packages/office-ui-fabric-react/src/components/Layer/PortalLayer.base.tsx
deleted file mode 100644
index d4fe22259613eb..00000000000000
--- a/packages/office-ui-fabric-react/src/components/Layer/PortalLayer.base.tsx
+++ /dev/null
@@ -1,181 +0,0 @@
-/* tslint:disable:no-unused-variable */
-import * as React from 'react';
-import * as ReactDOM from 'react-dom';
-/* tslint:enable:no-unused-variable */
-
-import { Fabric } from '../../Fabric';
-import {
-  ILayerProps,
-  ILayerStyleProps,
-  ILayerStyles,
-} from './Layer.types';
-import {
-  BaseComponent,
-  classNamesFunction,
-  customizable,
-  getDocument,
-  createRef,
-  setVirtualParent
-} from '../../Utilities';
-import { registerLayer, getDefaultTarget, unregisterLayer } from './Layer.notification';
-
-const getClassNames = classNamesFunction<ILayerStyleProps, ILayerStyles>();
-
-@customizable('Layer', ['theme', 'hostId'])
-export class PortalLayerBase extends BaseComponent<ILayerProps, {}> {
-
-  public static defaultProps: ILayerProps = {
-    onLayerDidMount: () => undefined,
-    onLayerWillUnmount: () => undefined
-  };
-
-  private _host: Node;
-  private _layerElement: HTMLElement | undefined;
-  private _rootElement = createRef<HTMLDivElement>();
-
-  constructor(props: ILayerProps) {
-    super(props);
-
-    this._warnDeprecations({
-      onLayerMounted: 'onLayerDidMount'
-    });
-
-    if (this.props.hostId) {
-      registerLayer(this.props.hostId, this);
-    }
-  }
-
-  public componentWillMount(): void {
-    this._layerElement = this._getLayerElement();
-  }
-
-  public componentWillUpdate(): void {
-    if (!this._layerElement) {
-      this._layerElement = this._getLayerElement();
-    }
-  }
-
-  public componentDidMount(): void {
-    this._setVirtualParent();
-
-    const { onLayerDidMount, onLayerMounted } = this.props;
-    if (onLayerMounted) {
-      onLayerMounted();
-    }
-
-    if (onLayerDidMount) {
-      onLayerDidMount();
-    }
-  }
-
-  public componentWillUnmount(): void {
-    this._removeLayerElement();
-
-    const { onLayerWillUnmount, hostId } = this.props;
-    if (onLayerWillUnmount) {
-      onLayerWillUnmount();
-    }
-
-    if (hostId) {
-      unregisterLayer(hostId, this);
-    }
-  }
-
-  public componentDidUpdate(): void {
-    this._setVirtualParent();
-  }
-
-  public render(): React.ReactNode {
-    const classNames = this._getClassNames();
-
-    return (
-      <span className='ms-layer' ref={ this._rootElement }>
-        {
-          this._layerElement && ReactDOM.createPortal(
-            (
-              <Fabric className={ classNames.content }>
-                { this.props.children }
-              </Fabric>
-            ),
-            this._layerElement
-          )
-        }
-      </span>
-    );
-  }
-
-  private _getClassNames() {
-    const { className, getStyles, theme } = this.props;
-    const classNames = getClassNames(getStyles!,
-      {
-        theme: theme!,
-        className,
-        isNotHost: !this.props.hostId
-      }
-    );
-
-    return classNames;
-  }
-
-  private _setVirtualParent() {
-    if (this._rootElement && this._rootElement.current && this._layerElement) {
-      setVirtualParent(this._layerElement, this._rootElement.current);
-    }
-  }
-
-  private _getLayerElement(): HTMLElement | undefined {
-    const host = this._getHost();
-
-    const classNames = this._getClassNames();
-
-    if (host !== this._host) {
-      this._removeLayerElement();
-    }
-
-    if (host) {
-      this._host = host;
-
-      if (!this._layerElement) {
-        const doc = getDocument();
-        if (!doc) {
-          return;
-        }
-
-        this._layerElement = doc.createElement('div');
-        this._layerElement.className = classNames.root!;
-
-        host.appendChild(this._layerElement);
-      }
-    }
-
-    return this._layerElement;
-  }
-
-  private _removeLayerElement(): void {
-    if (this._layerElement) {
-      this.props.onLayerWillUnmount!();
-
-      const parentNode = this._layerElement.parentNode;
-      if (parentNode) {
-        parentNode.removeChild(this._layerElement);
-      }
-      this._layerElement = undefined;
-    }
-  }
-
-  private _getHost(): Node | undefined {
-    const { hostId } = this.props;
-
-    const doc = getDocument();
-    if (!doc) {
-      return undefined;
-    }
-
-    if (hostId) {
-      return doc.getElementById(hostId) as Node;
-    } else {
-      const defaultHostSelector = getDefaultTarget();
-      return defaultHostSelector ? doc.querySelector(defaultHostSelector) as Node : doc.body;
-    }
-  }
-}
diff --git a/packages/office-ui-fabric-react/src/components/Layer/__snapshots__/Layer.test.tsx.snap b/packages/office-ui-fabric-react/src/components/Layer/__snapshots__/Layer.test.tsx.snap
index 8754edd7649434..2ea317e206ef8f 100644
--- a/packages/office-ui-fabric-react/src/components/Layer/__snapshots__/Layer.test.tsx.snap
+++ b/packages/office-ui-fabric-react/src/components/Layer/__snapshots__/Layer.test.tsx.snap
@@ -1,438 +1,7 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
 exports[`Layer renders Layer correctly 1`] = `
-<StyledCustomizedLayer>
-  <CustomizedLayer
-    getStyles={[Function]}
-    onLayerDidMount={[Function]}
-    onLayerWillUnmount={[Function]}
-  >
-    <PortalLayerBase
-      getStyles={[Function]}
-      onLayerDidMount={[Function]}
-      onLayerWillUnmount={[Function]}
-      theme={
-        Object {
-          "disableGlobalClassNames": false,
-          "fonts": Object {
-            "large": Object {
-              "MozOsxFontSmoothing": "grayscale",
-              "WebkitFontSmoothing": "antialiased",
-              "fontFamily": "'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif",
-              "fontSize": "17px",
-              "fontWeight": 300,
-            },
-            "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": "15px",
-              "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": "72px",
-              "fontWeight": 100,
-            },
-            "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": "13px",
-              "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": 100,
-            },
-            "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": 600,
-            },
-            "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": "21px",
-              "fontWeight": 100,
-            },
-            "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": "11px",
-              "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": 100,
-            },
-          },
-          "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": "#212121",
-            "neutralLight": "#eaeaea",
-            "neutralLighter": "#f4f4f4",
-            "neutralLighterAlt": "#f8f8f8",
-            "neutralPrimary": "#333333",
-            "neutralPrimaryAlt": "#3c3c3c",
-            "neutralQuaternary": "#d0d0d0",
-            "neutralQuaternaryAlt": "#dadada",
-            "neutralSecondary": "#666666",
-            "neutralTertiary": "#a6a6a6",
-            "neutralTertiaryAlt": "#c8c8c8",
-            "orange": "#d83b01",
-            "orangeLight": "#ea4300",
-            "orangeLighter": "#ff8c00",
-            "purple": "#5c2d91",
-            "purpleDark": "#32145a",
-            "purpleLight": "#b4a0ff",
-            "red": "#e81123",
-            "redDark": "#a80000",
-            "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",
-            "yellowLight": "#fff100",
-          },
-          "semanticColors": Object {
-            "blockingBackground": "rgba(234, 67, 0, .2)",
-            "bodyBackground": "#ffffff",
-            "bodyDivider": "#c8c8c8",
-            "bodySubtext": "#666666",
-            "bodyText": "#333333",
-            "bodyTextChecked": "#000000",
-            "buttonBackground": "#f4f4f4",
-            "buttonBackgroundChecked": "#c8c8c8",
-            "buttonBackgroundCheckedHovered": "#eaeaea",
-            "buttonBackgroundHovered": "#eaeaea",
-            "buttonBorder": "transparent",
-            "buttonText": "#333333",
-            "buttonTextChecked": "#212121",
-            "buttonTextCheckedHovered": "#000000",
-            "buttonTextHovered": "#000000",
-            "disabledBackground": "#f4f4f4",
-            "disabledBodyText": "#c8c8c8",
-            "disabledSubtext": "#d0d0d0",
-            "disabledText": "#a6a6a6",
-            "errorBackground": "rgba(232, 17, 35, .2)",
-            "errorText": "#a80000",
-            "focusBorder": "#000000",
-            "inputBackground": "#ffffff",
-            "inputBackgroundChecked": "#0078d4",
-            "inputBackgroundCheckedHovered": "#106ebe",
-            "inputBorder": "#a6a6a6",
-            "inputBorderHovered": "#212121",
-            "inputFocusBorderAlt": "#0078d4",
-            "inputForegroundChecked": "#ffffff",
-            "inputPlaceholderText": "#666666",
-            "link": "#0078d4",
-            "linkHovered": "#004578",
-            "listBackground": "#ffffff",
-            "listHeaderBackgroundHovered": "#f4f4f4",
-            "listHeaderBackgroundPressed": "#eaeaea",
-            "listItemBackgroundChecked": "#eaeaea",
-            "listItemBackgroundCheckedHovered": "#dadada",
-            "listItemBackgroundHovered": "#f4f4f4",
-            "listText": "#333333",
-            "listTextColor": "#333333",
-            "menuHeader": "#0078d4",
-            "menuIcon": "#0078d4",
-            "menuItemBackgroundChecked": "#eaeaea",
-            "menuItemBackgroundHovered": "#f4f4f4",
-            "smallInputBorder": "#666666",
-            "successBackground": "rgba(186, 216, 10, .2)",
-            "warningBackground": "rgba(255, 185, 0, .2)",
-            "warningHighlight": "#ffb900",
-            "warningText": "#333333",
-          },
-        }
-      }
-    >
-      <span
-        className="ms-layer"
-      >
-        <CustomizedFabric
-          className=
-              ms-Layer-content
-              {
-                visibility: visible;
-              }
-        >
-          <Fabric
-            className=
-                ms-Layer-content
-                {
-                  visibility: visible;
-                }
-            theme={
-              Object {
-                "disableGlobalClassNames": false,
-                "fonts": Object {
-                  "large": Object {
-                    "MozOsxFontSmoothing": "grayscale",
-                    "WebkitFontSmoothing": "antialiased",
-                    "fontFamily": "'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif",
-                    "fontSize": "17px",
-                    "fontWeight": 300,
-                  },
-                  "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": "15px",
-                    "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": "72px",
-                    "fontWeight": 100,
-                  },
-                  "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": "13px",
-                    "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": 100,
-                  },
-                  "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": 600,
-                  },
-                  "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": "21px",
-                    "fontWeight": 100,
-                  },
-                  "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": "11px",
-                    "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": 100,
-                  },
-                },
-                "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": "#212121",
-                  "neutralLight": "#eaeaea",
-                  "neutralLighter": "#f4f4f4",
-                  "neutralLighterAlt": "#f8f8f8",
-                  "neutralPrimary": "#333333",
-                  "neutralPrimaryAlt": "#3c3c3c",
-                  "neutralQuaternary": "#d0d0d0",
-                  "neutralQuaternaryAlt": "#dadada",
-                  "neutralSecondary": "#666666",
-                  "neutralTertiary": "#a6a6a6",
-                  "neutralTertiaryAlt": "#c8c8c8",
-                  "orange": "#d83b01",
-                  "orangeLight": "#ea4300",
-                  "orangeLighter": "#ff8c00",
-                  "purple": "#5c2d91",
-                  "purpleDark": "#32145a",
-                  "purpleLight": "#b4a0ff",
-                  "red": "#e81123",
-                  "redDark": "#a80000",
-                  "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",
-                  "yellowLight": "#fff100",
-                },
-                "semanticColors": Object {
-                  "blockingBackground": "rgba(234, 67, 0, .2)",
-                  "bodyBackground": "#ffffff",
-                  "bodyDivider": "#c8c8c8",
-                  "bodySubtext": "#666666",
-                  "bodyText": "#333333",
-                  "bodyTextChecked": "#000000",
-                  "buttonBackground": "#f4f4f4",
-                  "buttonBackgroundChecked": "#c8c8c8",
-                  "buttonBackgroundCheckedHovered": "#eaeaea",
-                  "buttonBackgroundHovered": "#eaeaea",
-                  "buttonBorder": "transparent",
-                  "buttonText": "#333333",
-                  "buttonTextChecked": "#212121",
-                  "buttonTextCheckedHovered": "#000000",
-                  "buttonTextHovered": "#000000",
-                  "disabledBackground": "#f4f4f4",
-                  "disabledBodyText": "#c8c8c8",
-                  "disabledSubtext": "#d0d0d0",
-                  "disabledText": "#a6a6a6",
-                  "errorBackground": "rgba(232, 17, 35, .2)",
-                  "errorText": "#a80000",
-                  "focusBorder": "#000000",
-                  "inputBackground": "#ffffff",
-                  "inputBackgroundChecked": "#0078d4",
-                  "inputBackgroundCheckedHovered": "#106ebe",
-                  "inputBorder": "#a6a6a6",
-                  "inputBorderHovered": "#212121",
-                  "inputFocusBorderAlt": "#0078d4",
-                  "inputForegroundChecked": "#ffffff",
-                  "inputPlaceholderText": "#666666",
-                  "link": "#0078d4",
-                  "linkHovered": "#004578",
-                  "listBackground": "#ffffff",
-                  "listHeaderBackgroundHovered": "#f4f4f4",
-                  "listHeaderBackgroundPressed": "#eaeaea",
-                  "listItemBackgroundChecked": "#eaeaea",
-                  "listItemBackgroundCheckedHovered": "#dadada",
-                  "listItemBackgroundHovered": "#f4f4f4",
-                  "listText": "#333333",
-                  "listTextColor": "#333333",
-                  "menuHeader": "#0078d4",
-                  "menuIcon": "#0078d4",
-                  "menuItemBackgroundChecked": "#eaeaea",
-                  "menuItemBackgroundHovered": "#f4f4f4",
-                  "smallInputBorder": "#666666",
-                  "successBackground": "rgba(186, 216, 10, .2)",
-                  "warningBackground": "rgba(255, 185, 0, .2)",
-                  "warningHighlight": "#ffb900",
-                  "warningText": "#333333",
-                },
-              }
-            }
-          >
-            <div
-              className=
-                  ms-Fabric
-                  ms-Layer-content
-                  {
-                    -moz-osx-font-smoothing: grayscale;
-                    -webkit-font-smoothing: antialiased;
-                    color: #333333;
-                    font-family: 'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif;
-                    font-size: 14px;
-                    font-weight: 400;
-                    visibility: visible;
-                  }
-                  & button {
-                    font-family: inherit;
-                  }
-                  & input {
-                    font-family: inherit;
-                  }
-                  & textarea {
-                    font-family: inherit;
-                  }
-                  button {
-                    overflow: visible;
-                  }
-            >
-              Content
-            </div>
-          </Fabric>
-        </CustomizedFabric>
-      </span>
-    </PortalLayerBase>
-  </CustomizedLayer>
-</StyledCustomizedLayer>
+<span
+  className="ms-Layer"
+/>
 `;
diff --git a/packages/office-ui-fabric-react/src/components/Layer/examples/Layer.Basic.Example.tsx b/packages/office-ui-fabric-react/src/components/Layer/examples/Layer.Basic.Example.tsx
index b288c7072fe569..8e2fffbd32cc0d 100644
--- a/packages/office-ui-fabric-react/src/components/Layer/examples/Layer.Basic.Example.tsx
+++ b/packages/office-ui-fabric-react/src/components/Layer/examples/Layer.Basic.Example.tsx
@@ -87,7 +87,7 @@ export class LayerBasicExample extends BaseComponent<{}, {
     );
   }
 
-  private _onChange = (ev: React.FormEvent<HTMLElement | HTMLInputElement>, checked: boolean): void => {
+  private _onChange(ev: React.FormEvent<HTMLElement | HTMLInputElement>, checked: boolean): void {
     this.setState({ showLayer: checked });
   }
 }
diff --git a/packages/office-ui-fabric-react/src/components/TeachingBubble/TeachingBubble.test.tsx b/packages/office-ui-fabric-react/src/components/TeachingBubble/TeachingBubble.test.tsx
index ae32f5072ab222..a2974da0e16e48 100644
--- a/packages/office-ui-fabric-react/src/components/TeachingBubble/TeachingBubble.test.tsx
+++ b/packages/office-ui-fabric-react/src/components/TeachingBubble/TeachingBubble.test.tsx
@@ -5,13 +5,13 @@ import * as ReactTestUtils from 'react-dom/test-utils';
 import * as renderer from 'react-test-renderer';
 import { TeachingBubble } from './TeachingBubble';
 import { TeachingBubbleContent } from './TeachingBubbleContent';
-import { mount } from 'enzyme';
-import EnzymeToJson from 'enzyme-to-json';
 
 describe('TeachingBubble', () => {
+
   it('renders TeachingBubble correctly', () => {
-    const component = mount(<TeachingBubble>Content</TeachingBubble>);
-    expect(EnzymeToJson(component)).toMatchSnapshot();
+    const component = renderer.create(<TeachingBubble>Content</TeachingBubble>);
+    const tree = component.toJSON();
+    expect(tree).toMatchSnapshot();
 
     const componentContent = renderer.create(<TeachingBubbleContent headline='Title'>Content</TeachingBubbleContent>);
     const treeContent = componentContent.toJSON();
diff --git a/packages/office-ui-fabric-react/src/components/TeachingBubble/__snapshots__/TeachingBubble.test.tsx.snap b/packages/office-ui-fabric-react/src/components/TeachingBubble/__snapshots__/TeachingBubble.test.tsx.snap
index 2417d89cea919f..5cd04d29e00325 100644
--- a/packages/office-ui-fabric-react/src/components/TeachingBubble/__snapshots__/TeachingBubble.test.tsx.snap
+++ b/packages/office-ui-fabric-react/src/components/TeachingBubble/__snapshots__/TeachingBubble.test.tsx.snap
@@ -1,792 +1,9 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
 exports[`TeachingBubble renders TeachingBubble correctly 1`] = `
-<TeachingBubble
-  calloutProps={
-    Object {
-      "beakWidth": 16,
-      "directionalHint": 12,
-      "doNotLayer": false,
-      "gapSpace": 0,
-      "setInitialFocus": true,
-    }
-  }
->
-  <Callout
-    beakWidth={16}
-    className="ms-TeachingBubble"
-    directionalHint={12}
-    doNotLayer={false}
-    gapSpace={0}
-    setInitialFocus={true}
-  >
-    <StyledCustomizedLayer>
-      <CustomizedLayer
-        getStyles={[Function]}
-        onLayerDidMount={[Function]}
-        onLayerWillUnmount={[Function]}
-      >
-        <PortalLayerBase
-          getStyles={[Function]}
-          onLayerDidMount={[Function]}
-          onLayerWillUnmount={[Function]}
-          theme={
-            Object {
-              "disableGlobalClassNames": false,
-              "fonts": Object {
-                "large": Object {
-                  "MozOsxFontSmoothing": "grayscale",
-                  "WebkitFontSmoothing": "antialiased",
-                  "fontFamily": "'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif",
-                  "fontSize": "17px",
-                  "fontWeight": 300,
-                },
-                "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": "15px",
-                  "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": "72px",
-                  "fontWeight": 100,
-                },
-                "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": "13px",
-                  "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": 100,
-                },
-                "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": 600,
-                },
-                "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": "21px",
-                  "fontWeight": 100,
-                },
-                "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": "11px",
-                  "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": 100,
-                },
-              },
-              "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": "#212121",
-                "neutralLight": "#eaeaea",
-                "neutralLighter": "#f4f4f4",
-                "neutralLighterAlt": "#f8f8f8",
-                "neutralPrimary": "#333333",
-                "neutralPrimaryAlt": "#3c3c3c",
-                "neutralQuaternary": "#d0d0d0",
-                "neutralQuaternaryAlt": "#dadada",
-                "neutralSecondary": "#666666",
-                "neutralTertiary": "#a6a6a6",
-                "neutralTertiaryAlt": "#c8c8c8",
-                "orange": "#d83b01",
-                "orangeLight": "#ea4300",
-                "orangeLighter": "#ff8c00",
-                "purple": "#5c2d91",
-                "purpleDark": "#32145a",
-                "purpleLight": "#b4a0ff",
-                "red": "#e81123",
-                "redDark": "#a80000",
-                "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",
-                "yellowLight": "#fff100",
-              },
-              "semanticColors": Object {
-                "blockingBackground": "rgba(234, 67, 0, .2)",
-                "bodyBackground": "#ffffff",
-                "bodyDivider": "#c8c8c8",
-                "bodySubtext": "#666666",
-                "bodyText": "#333333",
-                "bodyTextChecked": "#000000",
-                "buttonBackground": "#f4f4f4",
-                "buttonBackgroundChecked": "#c8c8c8",
-                "buttonBackgroundCheckedHovered": "#eaeaea",
-                "buttonBackgroundHovered": "#eaeaea",
-                "buttonBorder": "transparent",
-                "buttonText": "#333333",
-                "buttonTextChecked": "#212121",
-                "buttonTextCheckedHovered": "#000000",
-                "buttonTextHovered": "#000000",
-                "disabledBackground": "#f4f4f4",
-                "disabledBodyText": "#c8c8c8",
-                "disabledSubtext": "#d0d0d0",
-                "disabledText": "#a6a6a6",
-                "errorBackground": "rgba(232, 17, 35, .2)",
-                "errorText": "#a80000",
-                "focusBorder": "#000000",
-                "inputBackground": "#ffffff",
-                "inputBackgroundChecked": "#0078d4",
-                "inputBackgroundCheckedHovered": "#106ebe",
-                "inputBorder": "#a6a6a6",
-                "inputBorderHovered": "#212121",
-                "inputFocusBorderAlt": "#0078d4",
-                "inputForegroundChecked": "#ffffff",
-                "inputPlaceholderText": "#666666",
-                "link": "#0078d4",
-                "linkHovered": "#004578",
-                "listBackground": "#ffffff",
-                "listHeaderBackgroundHovered": "#f4f4f4",
-                "listHeaderBackgroundPressed": "#eaeaea",
-                "listItemBackgroundChecked": "#eaeaea",
-                "listItemBackgroundCheckedHovered": "#dadada",
-                "listItemBackgroundHovered": "#f4f4f4",
-                "listText": "#333333",
-                "listTextColor": "#333333",
-                "menuHeader": "#0078d4",
-                "menuIcon": "#0078d4",
-                "menuItemBackgroundChecked": "#eaeaea",
-                "menuItemBackgroundHovered": "#f4f4f4",
-                "smallInputBorder": "#666666",
-                "successBackground": "rgba(186, 216, 10, .2)",
-                "warningBackground": "rgba(255, 185, 0, .2)",
-                "warningHighlight": "#ffb900",
-                "warningText": "#333333",
-              },
-            }
-          }
-        >
-          <span
-            className="ms-layer"
-          >
-            <CustomizedFabric
-              className=
-                  ms-Layer-content
-                  {
-                    visibility: visible;
-                  }
-            >
-              <Fabric
-                className=
-                    ms-Layer-content
-                    {
-                      visibility: visible;
-                    }
-                theme={
-                  Object {
-                    "disableGlobalClassNames": false,
-                    "fonts": Object {
-                      "large": Object {
-                        "MozOsxFontSmoothing": "grayscale",
-                        "WebkitFontSmoothing": "antialiased",
-                        "fontFamily": "'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif",
-                        "fontSize": "17px",
-                        "fontWeight": 300,
-                      },
-                      "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": "15px",
-                        "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": "72px",
-                        "fontWeight": 100,
-                      },
-                      "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": "13px",
-                        "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": 100,
-                      },
-                      "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": 600,
-                      },
-                      "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": "21px",
-                        "fontWeight": 100,
-                      },
-                      "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": "11px",
-                        "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": 100,
-                      },
-                    },
-                    "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": "#212121",
-                      "neutralLight": "#eaeaea",
-                      "neutralLighter": "#f4f4f4",
-                      "neutralLighterAlt": "#f8f8f8",
-                      "neutralPrimary": "#333333",
-                      "neutralPrimaryAlt": "#3c3c3c",
-                      "neutralQuaternary": "#d0d0d0",
-                      "neutralQuaternaryAlt": "#dadada",
-                      "neutralSecondary": "#666666",
-                      "neutralTertiary": "#a6a6a6",
-                      "neutralTertiaryAlt": "#c8c8c8",
-                      "orange": "#d83b01",
-                      "orangeLight": "#ea4300",
-                      "orangeLighter": "#ff8c00",
-                      "purple": "#5c2d91",
-                      "purpleDark": "#32145a",
-                      "purpleLight": "#b4a0ff",
-                      "red": "#e81123",
-                      "redDark": "#a80000",
-                      "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",
-                      "yellowLight": "#fff100",
-                    },
-                    "semanticColors": Object {
-                      "blockingBackground": "rgba(234, 67, 0, .2)",
-                      "bodyBackground": "#ffffff",
-                      "bodyDivider": "#c8c8c8",
-                      "bodySubtext": "#666666",
-                      "bodyText": "#333333",
-                      "bodyTextChecked": "#000000",
-                      "buttonBackground": "#f4f4f4",
-                      "buttonBackgroundChecked": "#c8c8c8",
-                      "buttonBackgroundCheckedHovered": "#eaeaea",
-                      "buttonBackgroundHovered": "#eaeaea",
-                      "buttonBorder": "transparent",
-                      "buttonText": "#333333",
-                      "buttonTextChecked": "#212121",
-                      "buttonTextCheckedHovered": "#000000",
-                      "buttonTextHovered": "#000000",
-                      "disabledBackground": "#f4f4f4",
-                      "disabledBodyText": "#c8c8c8",
-                      "disabledSubtext": "#d0d0d0",
-                      "disabledText": "#a6a6a6",
-                      "errorBackground": "rgba(232, 17, 35, .2)",
-                      "errorText": "#a80000",
-                      "focusBorder": "#000000",
-                      "inputBackground": "#ffffff",
-                      "inputBackgroundChecked": "#0078d4",
-                      "inputBackgroundCheckedHovered": "#106ebe",
-                      "inputBorder": "#a6a6a6",
-                      "inputBorderHovered": "#212121",
-                      "inputFocusBorderAlt": "#0078d4",
-                      "inputForegroundChecked": "#ffffff",
-                      "inputPlaceholderText": "#666666",
-                      "link": "#0078d4",
-                      "linkHovered": "#004578",
-                      "listBackground": "#ffffff",
-                      "listHeaderBackgroundHovered": "#f4f4f4",
-                      "listHeaderBackgroundPressed": "#eaeaea",
-                      "listItemBackgroundChecked": "#eaeaea",
-                      "listItemBackgroundCheckedHovered": "#dadada",
-                      "listItemBackgroundHovered": "#f4f4f4",
-                      "listText": "#333333",
-                      "listTextColor": "#333333",
-                      "menuHeader": "#0078d4",
-                      "menuIcon": "#0078d4",
-                      "menuItemBackgroundChecked": "#eaeaea",
-                      "menuItemBackgroundHovered": "#f4f4f4",
-                      "smallInputBorder": "#666666",
-                      "successBackground": "rgba(186, 216, 10, .2)",
-                      "warningBackground": "rgba(255, 185, 0, .2)",
-                      "warningHighlight": "#ffb900",
-                      "warningText": "#333333",
-                    },
-                  }
-                }
-              >
-                <div
-                  className=
-                      ms-Fabric
-                      ms-Layer-content
-                      {
-                        -moz-osx-font-smoothing: grayscale;
-                        -webkit-font-smoothing: antialiased;
-                        color: #333333;
-                        font-family: 'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif;
-                        font-size: 14px;
-                        font-weight: 400;
-                        visibility: visible;
-                      }
-                      & button {
-                        font-family: inherit;
-                      }
-                      & input {
-                        font-family: inherit;
-                      }
-                      & textarea {
-                        font-family: inherit;
-                      }
-                      button {
-                        overflow: visible;
-                      }
-                >
-                  <StyledCustomizedCalloutContent
-                    beakWidth={16}
-                    className="ms-TeachingBubble"
-                    directionalHint={12}
-                    doNotLayer={false}
-                    gapSpace={0}
-                    setInitialFocus={true}
-                  >
-                    <CustomizedCalloutContent
-                      beakWidth={16}
-                      className="ms-TeachingBubble"
-                      directionalHint={12}
-                      doNotLayer={false}
-                      gapSpace={0}
-                      getStyles={[Function]}
-                      isBeakVisible={true}
-                      minPagePadding={8}
-                      preventDismissOnScroll={false}
-                      setInitialFocus={true}
-                    >
-                      <CalloutContentBase
-                        beakWidth={16}
-                        className="ms-TeachingBubble"
-                        directionalHint={12}
-                        doNotLayer={false}
-                        gapSpace={0}
-                        getStyles={[Function]}
-                        isBeakVisible={true}
-                        minPagePadding={8}
-                        preventDismissOnScroll={false}
-                        setInitialFocus={true}
-                        theme={
-                          Object {
-                            "disableGlobalClassNames": false,
-                            "fonts": Object {
-                              "large": Object {
-                                "MozOsxFontSmoothing": "grayscale",
-                                "WebkitFontSmoothing": "antialiased",
-                                "fontFamily": "'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif",
-                                "fontSize": "17px",
-                                "fontWeight": 300,
-                              },
-                              "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": "15px",
-                                "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": "72px",
-                                "fontWeight": 100,
-                              },
-                              "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": "13px",
-                                "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": 100,
-                              },
-                              "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": 600,
-                              },
-                              "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": "21px",
-                                "fontWeight": 100,
-                              },
-                              "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": "11px",
-                                "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": 100,
-                              },
-                            },
-                            "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": "#212121",
-                              "neutralLight": "#eaeaea",
-                              "neutralLighter": "#f4f4f4",
-                              "neutralLighterAlt": "#f8f8f8",
-                              "neutralPrimary": "#333333",
-                              "neutralPrimaryAlt": "#3c3c3c",
-                              "neutralQuaternary": "#d0d0d0",
-                              "neutralQuaternaryAlt": "#dadada",
-                              "neutralSecondary": "#666666",
-                              "neutralTertiary": "#a6a6a6",
-                              "neutralTertiaryAlt": "#c8c8c8",
-                              "orange": "#d83b01",
-                              "orangeLight": "#ea4300",
-                              "orangeLighter": "#ff8c00",
-                              "purple": "#5c2d91",
-                              "purpleDark": "#32145a",
-                              "purpleLight": "#b4a0ff",
-                              "red": "#e81123",
-                              "redDark": "#a80000",
-                              "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",
-                              "yellowLight": "#fff100",
-                            },
-                            "semanticColors": Object {
-                              "blockingBackground": "rgba(234, 67, 0, .2)",
-                              "bodyBackground": "#ffffff",
-                              "bodyDivider": "#c8c8c8",
-                              "bodySubtext": "#666666",
-                              "bodyText": "#333333",
-                              "bodyTextChecked": "#000000",
-                              "buttonBackground": "#f4f4f4",
-                              "buttonBackgroundChecked": "#c8c8c8",
-                              "buttonBackgroundCheckedHovered": "#eaeaea",
-                              "buttonBackgroundHovered": "#eaeaea",
-                              "buttonBorder": "transparent",
-                              "buttonText": "#333333",
-                              "buttonTextChecked": "#212121",
-                              "buttonTextCheckedHovered": "#000000",
-                              "buttonTextHovered": "#000000",
-                              "disabledBackground": "#f4f4f4",
-                              "disabledBodyText": "#c8c8c8",
-                              "disabledSubtext": "#d0d0d0",
-                              "disabledText": "#a6a6a6",
-                              "errorBackground": "rgba(232, 17, 35, .2)",
-                              "errorText": "#a80000",
-                              "focusBorder": "#000000",
-                              "inputBackground": "#ffffff",
-                              "inputBackgroundChecked": "#0078d4",
-                              "inputBackgroundCheckedHovered": "#106ebe",
-                              "inputBorder": "#a6a6a6",
-                              "inputBorderHovered": "#212121",
-                              "inputFocusBorderAlt": "#0078d4",
-                              "inputForegroundChecked": "#ffffff",
-                              "inputPlaceholderText": "#666666",
-                              "link": "#0078d4",
-                              "linkHovered": "#004578",
-                              "listBackground": "#ffffff",
-                              "listHeaderBackgroundHovered": "#f4f4f4",
-                              "listHeaderBackgroundPressed": "#eaeaea",
-                              "listItemBackgroundChecked": "#eaeaea",
-                              "listItemBackgroundCheckedHovered": "#dadada",
-                              "listItemBackgroundHovered": "#f4f4f4",
-                              "listText": "#333333",
-                              "listTextColor": "#333333",
-                              "menuHeader": "#0078d4",
-                              "menuIcon": "#0078d4",
-                              "menuItemBackgroundChecked": "#eaeaea",
-                              "menuItemBackgroundHovered": "#f4f4f4",
-                              "smallInputBorder": "#666666",
-                              "successBackground": "rgba(186, 216, 10, .2)",
-                              "warningBackground": "rgba(255, 185, 0, .2)",
-                              "warningHighlight": "#ffb900",
-                              "warningText": "#333333",
-                            },
-                          }
-                        }
-                      >
-                        <div
-                          className=
-                              ms-Callout-container
-                              {
-                                position: relative;
-                              }
-                        >
-                          <div
-                            className=
-                                ms-Callout
-                                ms-TeachingBubble
-                                {
-                                  border-color: #eaeaea;
-                                  border-style: solid;
-                                  border-width: 1px;
-                                  box-shadow: 0 0 5px 0px rgba(0,0,0,0.4);
-                                  box-sizing: border-box;
-                                  outline: transparent;
-                                  position: absolute;
-                                }
-                                @media screen and (-ms-high-contrast: active){& {
-                                  border-color: WindowText;
-                                  border-style: solid;
-                                  border-width: 1px;
-                                }
-                                &::-moz-focus-inner {
-                                  border: 0px;
-                                }
-                            style={
-                              Object {
-                                "filter": "opacity(0)",
-                                "opacity": 0,
-                              }
-                            }
-                            tabIndex={-1}
-                          >
-                            <Popup
-                              className=
-                                  ms-Callout-main
-                                  {
-                                    background-color: #ffffff;
-                                    overflow-x: hidden;
-                                    overflow-y: auto;
-                                    position: relative;
-                                  }
-                              onDismiss={[Function]}
-                              shouldRestoreFocus={true}
-                              style={
-                                Object {
-                                  "maxHeight": 750,
-                                }
-                              }
-                            >
-                              <div
-                                className=
-                                    ms-Callout-main
-                                    {
-                                      background-color: #ffffff;
-                                      overflow-x: hidden;
-                                      overflow-y: auto;
-                                      position: relative;
-                                    }
-                                onKeyDown={[Function]}
-                                style={
-                                  Object {
-                                    "maxHeight": 750,
-                                    "overflowY": "auto",
-                                  }
-                                }
-                              >
-                                <TeachingBubbleContent
-                                  calloutProps={
-                                    Object {
-                                      "beakWidth": 16,
-                                      "directionalHint": 12,
-                                      "doNotLayer": false,
-                                      "gapSpace": 0,
-                                      "setInitialFocus": true,
-                                    }
-                                  }
-                                  hasCondensedHeadline={false}
-                                  imageProps={
-                                    Object {
-                                      "height": 130,
-                                      "imageFit": 2,
-                                      "width": 364,
-                                    }
-                                  }
-                                >
-                                  <div
-                                    className="ms-TeachingBubble-content"
-                                  >
-                                    <div
-                                      className="ms-TeachingBubble-bodycontent"
-                                    >
-                                      <div
-                                        className="ms-TeachingBubble-body"
-                                      >
-                                        <p
-                                          className="ms-TeachingBubble-subText"
-                                        >
-                                          Content
-                                        </p>
-                                      </div>
-                                    </div>
-                                  </div>
-                                </TeachingBubbleContent>
-                              </div>
-                            </Popup>
-                          </div>
-                        </div>
-                      </CalloutContentBase>
-                    </CustomizedCalloutContent>
-                  </StyledCustomizedCalloutContent>
-                </div>
-              </Fabric>
-            </CustomizedFabric>
-          </span>
-        </PortalLayerBase>
-      </CustomizedLayer>
-    </StyledCustomizedLayer>
-  </Callout>
-</TeachingBubble>
+<span
+  className="ms-Layer"
+/>
 `;
 
 exports[`TeachingBubble renders TeachingBubble correctly 2`] = `
diff --git a/packages/office-ui-fabric-react/src/components/Tooltip/Tooltip.test.tsx b/packages/office-ui-fabric-react/src/components/Tooltip/Tooltip.test.tsx
index 16e9b85e7bad2e..9be45ad1cbaebe 100644
--- a/packages/office-ui-fabric-react/src/components/Tooltip/Tooltip.test.tsx
+++ b/packages/office-ui-fabric-react/src/components/Tooltip/Tooltip.test.tsx
@@ -1,8 +1,8 @@
 import * as React from 'react';
 import * as ReactTestUtils from 'react-dom/test-utils';
+import * as renderer from 'react-test-renderer';
 
 import { mount } from 'enzyme';
-import toJson from 'enzyme-to-json';
 
 import { DirectionalHint } from '../../common/DirectionalHint';
 import { TooltipBase } from './Tooltip.base';
@@ -21,8 +21,8 @@ const defaultCalloutProps: ICalloutProps = {
 
 describe('Tooltip', () => {
   it('renders default Tooltip correctly', () => {
-    const component = mount(<TooltipBase />);
-    const tree = toJson(component);
+    const component = renderer.create(<TooltipBase />);
+    const tree = component.toJSON();
     expect(tree).toMatchSnapshot();
   });
 
diff --git a/packages/office-ui-fabric-react/src/components/Tooltip/__snapshots__/Tooltip.test.tsx.snap b/packages/office-ui-fabric-react/src/components/Tooltip/__snapshots__/Tooltip.test.tsx.snap
index 16cf815bddfd93..6ad5c66cbf82a1 100644
--- a/packages/office-ui-fabric-react/src/components/Tooltip/__snapshots__/Tooltip.test.tsx.snap
+++ b/packages/office-ui-fabric-react/src/components/Tooltip/__snapshots__/Tooltip.test.tsx.snap
@@ -1,959 +1,7 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
 exports[`Tooltip renders default Tooltip correctly 1`] = `
-<CustomizedTooltip
-  calloutProps={
-    Object {
-      "beakWidth": 16,
-      "doNotLayer": false,
-      "gapSpace": 0,
-      "isBeakVisible": true,
-      "setInitialFocus": true,
-    }
-  }
-  delay={1}
-  directionalHint={1}
-  maxWidth="364px"
->
-  <TooltipBase
-    calloutProps={
-      Object {
-        "beakWidth": 16,
-        "doNotLayer": false,
-        "gapSpace": 0,
-        "isBeakVisible": true,
-        "setInitialFocus": true,
-      }
-    }
-    delay={1}
-    directionalHint={1}
-    maxWidth="364px"
-    theme={
-      Object {
-        "disableGlobalClassNames": false,
-        "fonts": Object {
-          "large": Object {
-            "MozOsxFontSmoothing": "grayscale",
-            "WebkitFontSmoothing": "antialiased",
-            "fontFamily": "'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif",
-            "fontSize": "17px",
-            "fontWeight": 300,
-          },
-          "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": "15px",
-            "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": "72px",
-            "fontWeight": 100,
-          },
-          "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": "13px",
-            "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": 100,
-          },
-          "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": 600,
-          },
-          "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": "21px",
-            "fontWeight": 100,
-          },
-          "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": "11px",
-            "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": 100,
-          },
-        },
-        "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": "#212121",
-          "neutralLight": "#eaeaea",
-          "neutralLighter": "#f4f4f4",
-          "neutralLighterAlt": "#f8f8f8",
-          "neutralPrimary": "#333333",
-          "neutralPrimaryAlt": "#3c3c3c",
-          "neutralQuaternary": "#d0d0d0",
-          "neutralQuaternaryAlt": "#dadada",
-          "neutralSecondary": "#666666",
-          "neutralTertiary": "#a6a6a6",
-          "neutralTertiaryAlt": "#c8c8c8",
-          "orange": "#d83b01",
-          "orangeLight": "#ea4300",
-          "orangeLighter": "#ff8c00",
-          "purple": "#5c2d91",
-          "purpleDark": "#32145a",
-          "purpleLight": "#b4a0ff",
-          "red": "#e81123",
-          "redDark": "#a80000",
-          "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",
-          "yellowLight": "#fff100",
-        },
-        "semanticColors": Object {
-          "blockingBackground": "rgba(234, 67, 0, .2)",
-          "bodyBackground": "#ffffff",
-          "bodyDivider": "#c8c8c8",
-          "bodySubtext": "#666666",
-          "bodyText": "#333333",
-          "bodyTextChecked": "#000000",
-          "buttonBackground": "#f4f4f4",
-          "buttonBackgroundChecked": "#c8c8c8",
-          "buttonBackgroundCheckedHovered": "#eaeaea",
-          "buttonBackgroundHovered": "#eaeaea",
-          "buttonBorder": "transparent",
-          "buttonText": "#333333",
-          "buttonTextChecked": "#212121",
-          "buttonTextCheckedHovered": "#000000",
-          "buttonTextHovered": "#000000",
-          "disabledBackground": "#f4f4f4",
-          "disabledBodyText": "#c8c8c8",
-          "disabledSubtext": "#d0d0d0",
-          "disabledText": "#a6a6a6",
-          "errorBackground": "rgba(232, 17, 35, .2)",
-          "errorText": "#a80000",
-          "focusBorder": "#000000",
-          "inputBackground": "#ffffff",
-          "inputBackgroundChecked": "#0078d4",
-          "inputBackgroundCheckedHovered": "#106ebe",
-          "inputBorder": "#a6a6a6",
-          "inputBorderHovered": "#212121",
-          "inputFocusBorderAlt": "#0078d4",
-          "inputForegroundChecked": "#ffffff",
-          "inputPlaceholderText": "#666666",
-          "link": "#0078d4",
-          "linkHovered": "#004578",
-          "listBackground": "#ffffff",
-          "listHeaderBackgroundHovered": "#f4f4f4",
-          "listHeaderBackgroundPressed": "#eaeaea",
-          "listItemBackgroundChecked": "#eaeaea",
-          "listItemBackgroundCheckedHovered": "#dadada",
-          "listItemBackgroundHovered": "#f4f4f4",
-          "listText": "#333333",
-          "listTextColor": "#333333",
-          "menuHeader": "#0078d4",
-          "menuIcon": "#0078d4",
-          "menuItemBackgroundChecked": "#eaeaea",
-          "menuItemBackgroundHovered": "#f4f4f4",
-          "smallInputBorder": "#666666",
-          "successBackground": "rgba(186, 216, 10, .2)",
-          "warningBackground": "rgba(255, 185, 0, .2)",
-          "warningHighlight": "#ffb900",
-          "warningText": "#333333",
-        },
-      }
-    }
-  >
-    <Callout
-      beakWidth={16}
-      directionalHint={1}
-      doNotLayer={false}
-      gapSpace={0}
-      isBeakVisible={true}
-      setInitialFocus={true}
-    >
-      <StyledCustomizedLayer>
-        <CustomizedLayer
-          getStyles={[Function]}
-          onLayerDidMount={[Function]}
-          onLayerWillUnmount={[Function]}
-        >
-          <PortalLayerBase
-            getStyles={[Function]}
-            onLayerDidMount={[Function]}
-            onLayerWillUnmount={[Function]}
-            theme={
-              Object {
-                "disableGlobalClassNames": false,
-                "fonts": Object {
-                  "large": Object {
-                    "MozOsxFontSmoothing": "grayscale",
-                    "WebkitFontSmoothing": "antialiased",
-                    "fontFamily": "'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif",
-                    "fontSize": "17px",
-                    "fontWeight": 300,
-                  },
-                  "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": "15px",
-                    "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": "72px",
-                    "fontWeight": 100,
-                  },
-                  "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": "13px",
-                    "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": 100,
-                  },
-                  "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": 600,
-                  },
-                  "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": "21px",
-                    "fontWeight": 100,
-                  },
-                  "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": "11px",
-                    "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": 100,
-                  },
-                },
-                "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": "#212121",
-                  "neutralLight": "#eaeaea",
-                  "neutralLighter": "#f4f4f4",
-                  "neutralLighterAlt": "#f8f8f8",
-                  "neutralPrimary": "#333333",
-                  "neutralPrimaryAlt": "#3c3c3c",
-                  "neutralQuaternary": "#d0d0d0",
-                  "neutralQuaternaryAlt": "#dadada",
-                  "neutralSecondary": "#666666",
-                  "neutralTertiary": "#a6a6a6",
-                  "neutralTertiaryAlt": "#c8c8c8",
-                  "orange": "#d83b01",
-                  "orangeLight": "#ea4300",
-                  "orangeLighter": "#ff8c00",
-                  "purple": "#5c2d91",
-                  "purpleDark": "#32145a",
-                  "purpleLight": "#b4a0ff",
-                  "red": "#e81123",
-                  "redDark": "#a80000",
-                  "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",
-                  "yellowLight": "#fff100",
-                },
-                "semanticColors": Object {
-                  "blockingBackground": "rgba(234, 67, 0, .2)",
-                  "bodyBackground": "#ffffff",
-                  "bodyDivider": "#c8c8c8",
-                  "bodySubtext": "#666666",
-                  "bodyText": "#333333",
-                  "bodyTextChecked": "#000000",
-                  "buttonBackground": "#f4f4f4",
-                  "buttonBackgroundChecked": "#c8c8c8",
-                  "buttonBackgroundCheckedHovered": "#eaeaea",
-                  "buttonBackgroundHovered": "#eaeaea",
-                  "buttonBorder": "transparent",
-                  "buttonText": "#333333",
-                  "buttonTextChecked": "#212121",
-                  "buttonTextCheckedHovered": "#000000",
-                  "buttonTextHovered": "#000000",
-                  "disabledBackground": "#f4f4f4",
-                  "disabledBodyText": "#c8c8c8",
-                  "disabledSubtext": "#d0d0d0",
-                  "disabledText": "#a6a6a6",
-                  "errorBackground": "rgba(232, 17, 35, .2)",
-                  "errorText": "#a80000",
-                  "focusBorder": "#000000",
-                  "inputBackground": "#ffffff",
-                  "inputBackgroundChecked": "#0078d4",
-                  "inputBackgroundCheckedHovered": "#106ebe",
-                  "inputBorder": "#a6a6a6",
-                  "inputBorderHovered": "#212121",
-                  "inputFocusBorderAlt": "#0078d4",
-                  "inputForegroundChecked": "#ffffff",
-                  "inputPlaceholderText": "#666666",
-                  "link": "#0078d4",
-                  "linkHovered": "#004578",
-                  "listBackground": "#ffffff",
-                  "listHeaderBackgroundHovered": "#f4f4f4",
-                  "listHeaderBackgroundPressed": "#eaeaea",
-                  "listItemBackgroundChecked": "#eaeaea",
-                  "listItemBackgroundCheckedHovered": "#dadada",
-                  "listItemBackgroundHovered": "#f4f4f4",
-                  "listText": "#333333",
-                  "listTextColor": "#333333",
-                  "menuHeader": "#0078d4",
-                  "menuIcon": "#0078d4",
-                  "menuItemBackgroundChecked": "#eaeaea",
-                  "menuItemBackgroundHovered": "#f4f4f4",
-                  "smallInputBorder": "#666666",
-                  "successBackground": "rgba(186, 216, 10, .2)",
-                  "warningBackground": "rgba(255, 185, 0, .2)",
-                  "warningHighlight": "#ffb900",
-                  "warningText": "#333333",
-                },
-              }
-            }
-          >
-            <span
-              className="ms-layer"
-            >
-              <CustomizedFabric
-                className=
-                    ms-Layer-content
-                    {
-                      visibility: visible;
-                    }
-              >
-                <Fabric
-                  className=
-                      ms-Layer-content
-                      {
-                        visibility: visible;
-                      }
-                  theme={
-                    Object {
-                      "disableGlobalClassNames": false,
-                      "fonts": Object {
-                        "large": Object {
-                          "MozOsxFontSmoothing": "grayscale",
-                          "WebkitFontSmoothing": "antialiased",
-                          "fontFamily": "'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif",
-                          "fontSize": "17px",
-                          "fontWeight": 300,
-                        },
-                        "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": "15px",
-                          "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": "72px",
-                          "fontWeight": 100,
-                        },
-                        "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": "13px",
-                          "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": 100,
-                        },
-                        "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": 600,
-                        },
-                        "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": "21px",
-                          "fontWeight": 100,
-                        },
-                        "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": "11px",
-                          "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": 100,
-                        },
-                      },
-                      "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": "#212121",
-                        "neutralLight": "#eaeaea",
-                        "neutralLighter": "#f4f4f4",
-                        "neutralLighterAlt": "#f8f8f8",
-                        "neutralPrimary": "#333333",
-                        "neutralPrimaryAlt": "#3c3c3c",
-                        "neutralQuaternary": "#d0d0d0",
-                        "neutralQuaternaryAlt": "#dadada",
-                        "neutralSecondary": "#666666",
-                        "neutralTertiary": "#a6a6a6",
-                        "neutralTertiaryAlt": "#c8c8c8",
-                        "orange": "#d83b01",
-                        "orangeLight": "#ea4300",
-                        "orangeLighter": "#ff8c00",
-                        "purple": "#5c2d91",
-                        "purpleDark": "#32145a",
-                        "purpleLight": "#b4a0ff",
-                        "red": "#e81123",
-                        "redDark": "#a80000",
-                        "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",
-                        "yellowLight": "#fff100",
-                      },
-                      "semanticColors": Object {
-                        "blockingBackground": "rgba(234, 67, 0, .2)",
-                        "bodyBackground": "#ffffff",
-                        "bodyDivider": "#c8c8c8",
-                        "bodySubtext": "#666666",
-                        "bodyText": "#333333",
-                        "bodyTextChecked": "#000000",
-                        "buttonBackground": "#f4f4f4",
-                        "buttonBackgroundChecked": "#c8c8c8",
-                        "buttonBackgroundCheckedHovered": "#eaeaea",
-                        "buttonBackgroundHovered": "#eaeaea",
-                        "buttonBorder": "transparent",
-                        "buttonText": "#333333",
-                        "buttonTextChecked": "#212121",
-                        "buttonTextCheckedHovered": "#000000",
-                        "buttonTextHovered": "#000000",
-                        "disabledBackground": "#f4f4f4",
-                        "disabledBodyText": "#c8c8c8",
-                        "disabledSubtext": "#d0d0d0",
-                        "disabledText": "#a6a6a6",
-                        "errorBackground": "rgba(232, 17, 35, .2)",
-                        "errorText": "#a80000",
-                        "focusBorder": "#000000",
-                        "inputBackground": "#ffffff",
-                        "inputBackgroundChecked": "#0078d4",
-                        "inputBackgroundCheckedHovered": "#106ebe",
-                        "inputBorder": "#a6a6a6",
-                        "inputBorderHovered": "#212121",
-                        "inputFocusBorderAlt": "#0078d4",
-                        "inputForegroundChecked": "#ffffff",
-                        "inputPlaceholderText": "#666666",
-                        "link": "#0078d4",
-                        "linkHovered": "#004578",
-                        "listBackground": "#ffffff",
-                        "listHeaderBackgroundHovered": "#f4f4f4",
-                        "listHeaderBackgroundPressed": "#eaeaea",
-                        "listItemBackgroundChecked": "#eaeaea",
-                        "listItemBackgroundCheckedHovered": "#dadada",
-                        "listItemBackgroundHovered": "#f4f4f4",
-                        "listText": "#333333",
-                        "listTextColor": "#333333",
-                        "menuHeader": "#0078d4",
-                        "menuIcon": "#0078d4",
-                        "menuItemBackgroundChecked": "#eaeaea",
-                        "menuItemBackgroundHovered": "#f4f4f4",
-                        "smallInputBorder": "#666666",
-                        "successBackground": "rgba(186, 216, 10, .2)",
-                        "warningBackground": "rgba(255, 185, 0, .2)",
-                        "warningHighlight": "#ffb900",
-                        "warningText": "#333333",
-                      },
-                    }
-                  }
-                >
-                  <div
-                    className=
-                        ms-Fabric
-                        ms-Layer-content
-                        {
-                          -moz-osx-font-smoothing: grayscale;
-                          -webkit-font-smoothing: antialiased;
-                          color: #333333;
-                          font-family: 'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif;
-                          font-size: 14px;
-                          font-weight: 400;
-                          visibility: visible;
-                        }
-                        & button {
-                          font-family: inherit;
-                        }
-                        & input {
-                          font-family: inherit;
-                        }
-                        & textarea {
-                          font-family: inherit;
-                        }
-                        button {
-                          overflow: visible;
-                        }
-                  >
-                    <StyledCustomizedCalloutContent
-                      beakWidth={16}
-                      directionalHint={1}
-                      doNotLayer={false}
-                      gapSpace={0}
-                      isBeakVisible={true}
-                      setInitialFocus={true}
-                    >
-                      <CustomizedCalloutContent
-                        beakWidth={16}
-                        directionalHint={1}
-                        doNotLayer={false}
-                        gapSpace={0}
-                        getStyles={[Function]}
-                        isBeakVisible={true}
-                        minPagePadding={8}
-                        preventDismissOnScroll={false}
-                        setInitialFocus={true}
-                      >
-                        <CalloutContentBase
-                          beakWidth={16}
-                          directionalHint={1}
-                          doNotLayer={false}
-                          gapSpace={0}
-                          getStyles={[Function]}
-                          isBeakVisible={true}
-                          minPagePadding={8}
-                          preventDismissOnScroll={false}
-                          setInitialFocus={true}
-                          theme={
-                            Object {
-                              "disableGlobalClassNames": false,
-                              "fonts": Object {
-                                "large": Object {
-                                  "MozOsxFontSmoothing": "grayscale",
-                                  "WebkitFontSmoothing": "antialiased",
-                                  "fontFamily": "'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif",
-                                  "fontSize": "17px",
-                                  "fontWeight": 300,
-                                },
-                                "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": "15px",
-                                  "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": "72px",
-                                  "fontWeight": 100,
-                                },
-                                "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": "13px",
-                                  "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": 100,
-                                },
-                                "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": 600,
-                                },
-                                "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": "21px",
-                                  "fontWeight": 100,
-                                },
-                                "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": "11px",
-                                  "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": 100,
-                                },
-                              },
-                              "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": "#212121",
-                                "neutralLight": "#eaeaea",
-                                "neutralLighter": "#f4f4f4",
-                                "neutralLighterAlt": "#f8f8f8",
-                                "neutralPrimary": "#333333",
-                                "neutralPrimaryAlt": "#3c3c3c",
-                                "neutralQuaternary": "#d0d0d0",
-                                "neutralQuaternaryAlt": "#dadada",
-                                "neutralSecondary": "#666666",
-                                "neutralTertiary": "#a6a6a6",
-                                "neutralTertiaryAlt": "#c8c8c8",
-                                "orange": "#d83b01",
-                                "orangeLight": "#ea4300",
-                                "orangeLighter": "#ff8c00",
-                                "purple": "#5c2d91",
-                                "purpleDark": "#32145a",
-                                "purpleLight": "#b4a0ff",
-                                "red": "#e81123",
-                                "redDark": "#a80000",
-                                "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",
-                                "yellowLight": "#fff100",
-                              },
-                              "semanticColors": Object {
-                                "blockingBackground": "rgba(234, 67, 0, .2)",
-                                "bodyBackground": "#ffffff",
-                                "bodyDivider": "#c8c8c8",
-                                "bodySubtext": "#666666",
-                                "bodyText": "#333333",
-                                "bodyTextChecked": "#000000",
-                                "buttonBackground": "#f4f4f4",
-                                "buttonBackgroundChecked": "#c8c8c8",
-                                "buttonBackgroundCheckedHovered": "#eaeaea",
-                                "buttonBackgroundHovered": "#eaeaea",
-                                "buttonBorder": "transparent",
-                                "buttonText": "#333333",
-                                "buttonTextChecked": "#212121",
-                                "buttonTextCheckedHovered": "#000000",
-                                "buttonTextHovered": "#000000",
-                                "disabledBackground": "#f4f4f4",
-                                "disabledBodyText": "#c8c8c8",
-                                "disabledSubtext": "#d0d0d0",
-                                "disabledText": "#a6a6a6",
-                                "errorBackground": "rgba(232, 17, 35, .2)",
-                                "errorText": "#a80000",
-                                "focusBorder": "#000000",
-                                "inputBackground": "#ffffff",
-                                "inputBackgroundChecked": "#0078d4",
-                                "inputBackgroundCheckedHovered": "#106ebe",
-                                "inputBorder": "#a6a6a6",
-                                "inputBorderHovered": "#212121",
-                                "inputFocusBorderAlt": "#0078d4",
-                                "inputForegroundChecked": "#ffffff",
-                                "inputPlaceholderText": "#666666",
-                                "link": "#0078d4",
-                                "linkHovered": "#004578",
-                                "listBackground": "#ffffff",
-                                "listHeaderBackgroundHovered": "#f4f4f4",
-                                "listHeaderBackgroundPressed": "#eaeaea",
-                                "listItemBackgroundChecked": "#eaeaea",
-                                "listItemBackgroundCheckedHovered": "#dadada",
-                                "listItemBackgroundHovered": "#f4f4f4",
-                                "listText": "#333333",
-                                "listTextColor": "#333333",
-                                "menuHeader": "#0078d4",
-                                "menuIcon": "#0078d4",
-                                "menuItemBackgroundChecked": "#eaeaea",
-                                "menuItemBackgroundHovered": "#f4f4f4",
-                                "smallInputBorder": "#666666",
-                                "successBackground": "rgba(186, 216, 10, .2)",
-                                "warningBackground": "rgba(255, 185, 0, .2)",
-                                "warningHighlight": "#ffb900",
-                                "warningText": "#333333",
-                              },
-                            }
-                          }
-                        >
-                          <div
-                            className=
-                                ms-Callout-container
-                                {
-                                  position: relative;
-                                }
-                          >
-                            <div
-                              className=
-                                  ms-Callout
-                                  {
-                                    border-color: #eaeaea;
-                                    border-style: solid;
-                                    border-width: 1px;
-                                    box-shadow: 0 0 5px 0px rgba(0,0,0,0.4);
-                                    box-sizing: border-box;
-                                    outline: transparent;
-                                    position: absolute;
-                                  }
-                                  @media screen and (-ms-high-contrast: active){& {
-                                    border-color: WindowText;
-                                    border-style: solid;
-                                    border-width: 1px;
-                                  }
-                                  &::-moz-focus-inner {
-                                    border: 0px;
-                                  }
-                              style={
-                                Object {
-                                  "filter": "opacity(0)",
-                                  "opacity": 0,
-                                }
-                              }
-                              tabIndex={-1}
-                            >
-                              <Popup
-                                className=
-                                    ms-Callout-main
-                                    {
-                                      background-color: #ffffff;
-                                      overflow-x: hidden;
-                                      overflow-y: auto;
-                                      position: relative;
-                                    }
-                                onDismiss={[Function]}
-                                shouldRestoreFocus={true}
-                                style={
-                                  Object {
-                                    "maxHeight": 750,
-                                  }
-                                }
-                              >
-                                <div
-                                  className=
-                                      ms-Callout-main
-                                      {
-                                        background-color: #ffffff;
-                                        overflow-x: hidden;
-                                        overflow-y: auto;
-                                        position: relative;
-                                      }
-                                  onKeyDown={[Function]}
-                                  style={
-                                    Object {
-                                      "maxHeight": 750,
-                                      "overflowY": "auto",
-                                    }
-                                  }
-                                >
-                                  <div
-                                    role="tooltip"
-                                  >
-                                    <p />
-                                  </div>
-                                </div>
-                              </Popup>
-                            </div>
-                          </div>
-                        </CalloutContentBase>
-                      </CustomizedCalloutContent>
-                    </StyledCustomizedCalloutContent>
-                  </div>
-                </Fabric>
-              </CustomizedFabric>
-            </span>
-          </PortalLayerBase>
-        </CustomizedLayer>
-      </StyledCustomizedLayer>
-    </Callout>
-  </TooltipBase>
-</CustomizedTooltip>
+<span
+  className="ms-Layer"
+/>
 `;