Upgrade Fluent UI v8 (#688)

Co-authored-by: Steve Faulkner <southpolesteve@gmail.com>
2026-04-17 03:49:23 +01:00 · 2021-05-06 04:56:03 +05:30
parent bd47e5ed49
commit 23223cfb23
126 changed files with 5586 additions and 5870 deletions
--- a/package-lock.json
+++ b/package-lock.json
@@ -2127,6 +2127,28 @@
        "tslib": "^1.10.0"
      }
    },
+    "@fluentui/font-icons-mdl2": {
+      "version": "8.0.5",
+      "resolved": "https://registry.npmjs.org/@fluentui/font-icons-mdl2/-/font-icons-mdl2-8.0.5.tgz",
+      "integrity": "sha512-/2Qx/LCZH+rupbhzZ+WKCrw2XK3J2wj3pjMPLTLj/6rnmouA7yywFDiHIAseQXPhY34nzRVX4x3zEjz3RMWvmA==",
+      "requires": {
+        "@fluentui/set-version": "^8.0.3",
+        "@fluentui/style-utilities": "^8.0.5",
+        "tslib": "^1.10.0"
+      }
+    },
+    "@fluentui/foundation-legacy": {
+      "version": "8.0.5",
+      "resolved": "https://registry.npmjs.org/@fluentui/foundation-legacy/-/foundation-legacy-8.0.5.tgz",
+      "integrity": "sha512-bHODfopWfT4HfBvXFCyfKxi7/BrIVgKUvQ4X3L2GXUZv6jjQMvLPWZ1u8n2tdp91ch1KSWnBXklGaK/nyK1M5w==",
+      "requires": {
+        "@fluentui/merge-styles": "^8.0.4",
+        "@fluentui/set-version": "^8.0.3",
+        "@fluentui/style-utilities": "^8.0.5",
+        "@fluentui/utilities": "^8.0.5",
+        "tslib": "^1.10.0"
+      }
+    },
    "@fluentui/keyboard-key": {
      "version": "0.2.17",
      "resolved": "https://registry.npmjs.org/@fluentui/keyboard-key/-/keyboard-key-0.2.17.tgz",
@@ -2135,13 +2157,259 @@
        "tslib": "^1.10.0"
      }
    },
-    "@fluentui/react-window-provider": {
-      "version": "1.0.2",
-      "resolved": "https://registry.npmjs.org/@fluentui/react-window-provider/-/react-window-provider-1.0.2.tgz",
-      "integrity": "sha512-fGSgL3Vp/+6t1Ysfz21FWZmqsU+iFVxOigvHnm5uKVyyRPwtaabv/F6kQ2y5isLMI2YmJaUd2i0cDJKu8ggrvw==",
+    "@fluentui/merge-styles": {
+      "version": "8.1.0",
+      "resolved": "https://registry.npmjs.org/@fluentui/merge-styles/-/merge-styles-8.1.0.tgz",
+      "integrity": "sha512-afJ8rw1V3sfgzfufP7ockcP5AxiQN7VlqKo6JoCSZbWC2ypQ0DZre7d3k+Zj2LvjCrM8HM57YEfwXWT/WxGfqw==",
      "requires": {
-        "@uifabric/set-version": "^7.0.24",
+        "@fluentui/set-version": "^8.1.0",
+        "tslib": "^2.1.0"
+      },
+      "dependencies": {
+        "tslib": {
+          "version": "2.2.0",
+          "resolved": "https://registry.npmjs.org/tslib/-/tslib-2.2.0.tgz",
+          "integrity": "sha512-gS9GVHRU+RGn5KQM2rllAlR3dU6m7AcpJKdtH8gFvQiC4Otgk98XnmMU+nZenHt/+VhnBPWwgrJsyrdcw6i23w=="
+        }
+      }
+    },
+    "@fluentui/react": {
+      "version": "8.10.1",
+      "resolved": "https://registry.npmjs.org/@fluentui/react/-/react-8.10.1.tgz",
+      "integrity": "sha512-J6wCfkkCzJ2Z9K6KVCrshpDDnhh5smKEGChsxMkLRoXYeAlVUMiS9lLg93PW+AbY4NfG+tNO2Ug8itNKpUmlYw==",
+      "requires": {
+        "@fluentui/date-time-utilities": "^8.0.2",
+        "@fluentui/font-icons-mdl2": "^8.0.4",
+        "@fluentui/foundation-legacy": "^8.0.4",
+        "@fluentui/merge-styles": "^8.0.3",
+        "@fluentui/react-focus": "^8.0.7",
+        "@fluentui/react-hooks": "^8.1.2",
+        "@fluentui/react-window-provider": "^2.0.2",
+        "@fluentui/set-version": "^8.0.2",
+        "@fluentui/style-utilities": "^8.0.4",
+        "@fluentui/theme": "^2.0.4",
+        "@fluentui/utilities": "^8.0.4",
+        "@microsoft/load-themed-styles": "^1.10.26",
        "tslib": "^1.10.0"
+      },
+      "dependencies": {
+        "@fluentui/date-time-utilities": {
+          "version": "8.1.0",
+          "resolved": "https://registry.npmjs.org/@fluentui/date-time-utilities/-/date-time-utilities-8.1.0.tgz",
+          "integrity": "sha512-1PSp/ufi5urnvxkbT9Lijsh7Y2PNEsZfpNXDVwOpPDqpRkRrd8Wr8IdRPQk7w6XLZIeDCiWIBXBRYCVp6KGbYg==",
+          "requires": {
+            "@fluentui/set-version": "^8.1.0",
+            "tslib": "^2.1.0"
+          },
+          "dependencies": {
+            "tslib": {
+              "version": "2.2.0",
+              "resolved": "https://registry.npmjs.org/tslib/-/tslib-2.2.0.tgz",
+              "integrity": "sha512-gS9GVHRU+RGn5KQM2rllAlR3dU6m7AcpJKdtH8gFvQiC4Otgk98XnmMU+nZenHt/+VhnBPWwgrJsyrdcw6i23w=="
+            }
+          }
+        },
+        "@fluentui/react-window-provider": {
+          "version": "2.1.0",
+          "resolved": "https://registry.npmjs.org/@fluentui/react-window-provider/-/react-window-provider-2.1.0.tgz",
+          "integrity": "sha512-LcNni1utHiXiCu8EbXL42o118yNRAWKX15qKd0iyMqcUg5RplOdWuaniohXv2gsmdNB0l3F5Tnujgayy0xPlvQ==",
+          "requires": {
+            "@fluentui/set-version": "^8.1.0",
+            "tslib": "^2.1.0"
+          },
+          "dependencies": {
+            "tslib": {
+              "version": "2.2.0",
+              "resolved": "https://registry.npmjs.org/tslib/-/tslib-2.2.0.tgz",
+              "integrity": "sha512-gS9GVHRU+RGn5KQM2rllAlR3dU6m7AcpJKdtH8gFvQiC4Otgk98XnmMU+nZenHt/+VhnBPWwgrJsyrdcw6i23w=="
+            }
+          }
+        }
+      }
+    },
+    "@fluentui/react-focus": {
+      "version": "8.1.0",
+      "resolved": "https://registry.npmjs.org/@fluentui/react-focus/-/react-focus-8.1.0.tgz",
+      "integrity": "sha512-yzfDnDrnHq5z4Nt1xY7LS+DtjbJmCdpDiTiQm8tnCj98qESzqqqAwjpSc+HFXVexBzlmPNf1hzc8BMCQOUF/7g==",
+      "requires": {
+        "@fluentui/keyboard-key": "^0.3.0",
+        "@fluentui/merge-styles": "^8.1.0",
+        "@fluentui/set-version": "^8.1.0",
+        "@fluentui/style-utilities": "^8.1.0",
+        "@fluentui/utilities": "^8.1.0",
+        "tslib": "^2.1.0"
+      },
+      "dependencies": {
+        "@fluentui/dom-utilities": {
+          "version": "2.1.0",
+          "resolved": "https://registry.npmjs.org/@fluentui/dom-utilities/-/dom-utilities-2.1.0.tgz",
+          "integrity": "sha512-DMr0uH4EtyXgdpVLyvWq60YtWN38jx22rtdsEIbbBNYcFgcl3rRa7M8p/rnaw/k/KWX35H40AYga1SM6Zgpyww==",
+          "requires": {
+            "@fluentui/set-version": "^8.1.0",
+            "tslib": "^2.1.0"
+          }
+        },
+        "@fluentui/keyboard-key": {
+          "version": "0.3.0",
+          "resolved": "https://registry.npmjs.org/@fluentui/keyboard-key/-/keyboard-key-0.3.0.tgz",
+          "integrity": "sha512-5GZ9038lwNK5BcgFkbXJs6zpZUlmyrszWbKPMqcHysMFBbL569VwV7zQt/yF3ivL0L4k46C+uXHbnFbMgZEJ4w==",
+          "requires": {
+            "tslib": "^2.1.0"
+          }
+        },
+        "@fluentui/utilities": {
+          "version": "8.1.0",
+          "resolved": "https://registry.npmjs.org/@fluentui/utilities/-/utilities-8.1.0.tgz",
+          "integrity": "sha512-/yHnDkrIlyn/Jy3XWccNRyuujQDgUxz44OQDEiMSko50S/L7cVeWdIzG/CiIsCnKAgU4/QyzRo40Wdy3rdM8ag==",
+          "requires": {
+            "@fluentui/dom-utilities": "^2.1.0",
+            "@fluentui/merge-styles": "^8.1.0",
+            "@fluentui/set-version": "^8.1.0",
+            "tslib": "^2.1.0"
+          }
+        },
+        "tslib": {
+          "version": "2.2.0",
+          "resolved": "https://registry.npmjs.org/tslib/-/tslib-2.2.0.tgz",
+          "integrity": "sha512-gS9GVHRU+RGn5KQM2rllAlR3dU6m7AcpJKdtH8gFvQiC4Otgk98XnmMU+nZenHt/+VhnBPWwgrJsyrdcw6i23w=="
+        }
+      }
+    },
+    "@fluentui/react-hooks": {
+      "version": "8.1.3",
+      "resolved": "https://registry.npmjs.org/@fluentui/react-hooks/-/react-hooks-8.1.3.tgz",
+      "integrity": "sha512-6iWYjfqXvEhHZoY4nmN6APoIdxwNxzVxXOJgq1Oo1nbR10E7Va7mz41gvlFAgg8OmH7mGpdSztlVj6TVl/TY2g==",
+      "requires": {
+        "@fluentui/react-window-provider": "^2.0.3",
+        "@fluentui/set-version": "^8.0.3",
+        "@fluentui/utilities": "^8.0.5",
+        "tslib": "^1.10.0"
+      },
+      "dependencies": {
+        "@fluentui/react-window-provider": {
+          "version": "2.0.3",
+          "resolved": "https://registry.npmjs.org/@fluentui/react-window-provider/-/react-window-provider-2.0.3.tgz",
+          "integrity": "sha512-eefkmzLJbYjVHtEtGbOwReyeYG+2bDefxdmvPRSVFlcRFCnasTvshuZj3xkaKSu5fsGzGw+f+ab3hDgLSETvbg==",
+          "requires": {
+            "@fluentui/set-version": "^8.0.3",
+            "tslib": "^1.10.0"
+          }
+        }
+      }
+    },
+    "@fluentui/set-version": {
+      "version": "8.1.0",
+      "resolved": "https://registry.npmjs.org/@fluentui/set-version/-/set-version-8.1.0.tgz",
+      "integrity": "sha512-FhruPyh+VoAVmqAadRxawMNB13syBLoT6PePdZ+sKW7rZVc2CWT3qw7w9O9x6MJeRNl6/6ZnjCo6sWyOyVEdNg==",
+      "requires": {
+        "tslib": "^2.1.0"
+      },
+      "dependencies": {
+        "tslib": {
+          "version": "2.2.0",
+          "resolved": "https://registry.npmjs.org/tslib/-/tslib-2.2.0.tgz",
+          "integrity": "sha512-gS9GVHRU+RGn5KQM2rllAlR3dU6m7AcpJKdtH8gFvQiC4Otgk98XnmMU+nZenHt/+VhnBPWwgrJsyrdcw6i23w=="
+        }
+      }
+    },
+    "@fluentui/style-utilities": {
+      "version": "8.1.0",
+      "resolved": "https://registry.npmjs.org/@fluentui/style-utilities/-/style-utilities-8.1.0.tgz",
+      "integrity": "sha512-XUH+8T7/2HAMYzTLr20odD5lfKy56fJooFlkSmW0SSC6sOilHmrdPZCBSTV+WJzH/YY2ed/GnySIjCQOx5UsYg==",
+      "requires": {
+        "@fluentui/merge-styles": "^8.1.0",
+        "@fluentui/set-version": "^8.1.0",
+        "@fluentui/theme": "^2.1.0",
+        "@fluentui/utilities": "^8.1.0",
+        "@microsoft/load-themed-styles": "^1.10.26",
+        "tslib": "^2.1.0"
+      },
+      "dependencies": {
+        "@fluentui/dom-utilities": {
+          "version": "2.1.0",
+          "resolved": "https://registry.npmjs.org/@fluentui/dom-utilities/-/dom-utilities-2.1.0.tgz",
+          "integrity": "sha512-DMr0uH4EtyXgdpVLyvWq60YtWN38jx22rtdsEIbbBNYcFgcl3rRa7M8p/rnaw/k/KWX35H40AYga1SM6Zgpyww==",
+          "requires": {
+            "@fluentui/set-version": "^8.1.0",
+            "tslib": "^2.1.0"
+          }
+        },
+        "@fluentui/utilities": {
+          "version": "8.1.0",
+          "resolved": "https://registry.npmjs.org/@fluentui/utilities/-/utilities-8.1.0.tgz",
+          "integrity": "sha512-/yHnDkrIlyn/Jy3XWccNRyuujQDgUxz44OQDEiMSko50S/L7cVeWdIzG/CiIsCnKAgU4/QyzRo40Wdy3rdM8ag==",
+          "requires": {
+            "@fluentui/dom-utilities": "^2.1.0",
+            "@fluentui/merge-styles": "^8.1.0",
+            "@fluentui/set-version": "^8.1.0",
+            "tslib": "^2.1.0"
+          }
+        },
+        "tslib": {
+          "version": "2.2.0",
+          "resolved": "https://registry.npmjs.org/tslib/-/tslib-2.2.0.tgz",
+          "integrity": "sha512-gS9GVHRU+RGn5KQM2rllAlR3dU6m7AcpJKdtH8gFvQiC4Otgk98XnmMU+nZenHt/+VhnBPWwgrJsyrdcw6i23w=="
+        }
+      }
+    },
+    "@fluentui/theme": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/@fluentui/theme/-/theme-2.1.0.tgz",
+      "integrity": "sha512-2jFun5LqUZJb+AiWeLOnNQTxrKWMCNHFTs4+QIUyL7ZPMAiNZyWMsQJfeGOujzdlReivZ7kONNQEi0LTJ0Tmzw==",
+      "requires": {
+        "@fluentui/merge-styles": "^8.1.0",
+        "@fluentui/set-version": "^8.1.0",
+        "@fluentui/utilities": "^8.1.0",
+        "tslib": "^2.1.0"
+      },
+      "dependencies": {
+        "@fluentui/dom-utilities": {
+          "version": "2.1.0",
+          "resolved": "https://registry.npmjs.org/@fluentui/dom-utilities/-/dom-utilities-2.1.0.tgz",
+          "integrity": "sha512-DMr0uH4EtyXgdpVLyvWq60YtWN38jx22rtdsEIbbBNYcFgcl3rRa7M8p/rnaw/k/KWX35H40AYga1SM6Zgpyww==",
+          "requires": {
+            "@fluentui/set-version": "^8.1.0",
+            "tslib": "^2.1.0"
+          }
+        },
+        "@fluentui/utilities": {
+          "version": "8.1.0",
+          "resolved": "https://registry.npmjs.org/@fluentui/utilities/-/utilities-8.1.0.tgz",
+          "integrity": "sha512-/yHnDkrIlyn/Jy3XWccNRyuujQDgUxz44OQDEiMSko50S/L7cVeWdIzG/CiIsCnKAgU4/QyzRo40Wdy3rdM8ag==",
+          "requires": {
+            "@fluentui/dom-utilities": "^2.1.0",
+            "@fluentui/merge-styles": "^8.1.0",
+            "@fluentui/set-version": "^8.1.0",
+            "tslib": "^2.1.0"
+          }
+        },
+        "tslib": {
+          "version": "2.2.0",
+          "resolved": "https://registry.npmjs.org/tslib/-/tslib-2.2.0.tgz",
+          "integrity": "sha512-gS9GVHRU+RGn5KQM2rllAlR3dU6m7AcpJKdtH8gFvQiC4Otgk98XnmMU+nZenHt/+VhnBPWwgrJsyrdcw6i23w=="
+        }
+      }
+    },
+    "@fluentui/utilities": {
+      "version": "8.0.5",
+      "resolved": "https://registry.npmjs.org/@fluentui/utilities/-/utilities-8.0.5.tgz",
+      "integrity": "sha512-epqvqV4YjKcbgShLhDk/y2Xa+6sUTBXry/BrMPNVwNOqdj2HCf4eCY+a1emFnytMpIVysfYZ6glIx9MNQ8JgNg==",
+      "requires": {
+        "@fluentui/dom-utilities": "^2.0.3",
+        "@fluentui/merge-styles": "^8.0.4",
+        "@fluentui/set-version": "^8.0.3",
+        "tslib": "^1.10.0"
+      },
+      "dependencies": {
+        "@fluentui/dom-utilities": {
+          "version": "2.0.3",
+          "resolved": "https://registry.npmjs.org/@fluentui/dom-utilities/-/dom-utilities-2.0.3.tgz",
+          "integrity": "sha512-RaUoEYd12TeEjvKLBtfXDZmjreaV6qIfBB7G+QCuBpv5FF7TjhrGK3WDZ7oaG0dkdegAx+ecyUFyOfoBRPJLkg==",
+          "requires": {
+            "@fluentui/set-version": "^8.0.3",
+            "tslib": "^1.10.0"
+          }
+        }
      }
    },
    "@hapi/formula": {
@@ -6105,17 +6373,6 @@
        }
      }
    },
-    "@uifabric/react-hooks": {
-      "version": "7.14.0",
-      "resolved": "https://registry.npmjs.org/@uifabric/react-hooks/-/react-hooks-7.14.0.tgz",
-      "integrity": "sha512-Ndu/DEKHF4gFXEZa2AGgSkdWaj+njVrsSyXbkWRh2UZReFWnH1LMko9p/ZCwk1i9kAd5CUmyIfURUzIEya9YCg==",
-      "requires": {
-        "@fluentui/react-window-provider": "^1.0.2",
-        "@uifabric/set-version": "^7.0.24",
-        "@uifabric/utilities": "^7.33.5",
-        "tslib": "^1.10.0"
-      }
-    },
    "@uifabric/set-version": {
      "version": "7.0.24",
      "resolved": "https://registry.npmjs.org/@uifabric/set-version/-/set-version-7.0.24.tgz",
@@ -6124,55 +6381,6 @@
        "tslib": "^1.10.0"
      }
    },
-    "@uifabric/styling": {
-      "version": "7.13.7",
-      "resolved": "https://registry.npmjs.org/@uifabric/styling/-/styling-7.13.7.tgz",
-      "integrity": "sha512-XFaDkvQqhhHwlW9+Yd9LQogPq0a5TC4on2csRnJUwmlTJ4IQtgvbPdAxmxz+18HZMJezUXYn7/ubcQvNRMFSJQ==",
-      "requires": {
-        "@microsoft/load-themed-styles": "^1.10.26",
-        "@uifabric/merge-styles": "^7.16.0",
-        "@uifabric/set-version": "^7.0.15",
-        "@uifabric/utilities": "^7.23.0",
-        "tslib": "^1.10.0"
-      },
-      "dependencies": {
-        "@types/react": {
-          "version": "16.14.5",
-          "resolved": "https://registry.npmjs.org/@types/react/-/react-16.14.5.tgz",
-          "integrity": "sha512-YRRv9DNZhaVTVRh9Wmmit7Y0UFhEVqXqCSw3uazRWMxa2x85hWQZ5BN24i7GXZbaclaLXEcodEeIHsjBA8eAMw==",
-          "requires": {
-            "@types/prop-types": "*",
-            "@types/scheduler": "*",
-            "csstype": "^3.0.2"
-          }
-        },
-        "@types/react-dom": {
-          "version": "16.9.12",
-          "resolved": "https://registry.npmjs.org/@types/react-dom/-/react-dom-16.9.12.tgz",
-          "integrity": "sha512-i7NPZZpPte3jtVOoW+eLB7G/jsX5OM6GqQnH+lC0nq0rqwlK0x8WcMEvYDgFWqWhWMlTltTimzdMax6wYfZssA==",
-          "requires": {
-            "@types/react": "^16"
-          }
-        },
-        "@uifabric/utilities": {
-          "version": "7.33.5",
-          "resolved": "https://registry.npmjs.org/@uifabric/utilities/-/utilities-7.33.5.tgz",
-          "integrity": "sha512-I+Oi0deD/xltSluFY8l2EVd/J4mvOaMljxKO2knSD9/KoGDlo/o5GN4gbnVo8nIt76HWHLAk3KtlJKJm6BhbIQ==",
-          "requires": {
-            "@fluentui/dom-utilities": "^1.1.2",
-            "@uifabric/merge-styles": "^7.19.2",
-            "@uifabric/set-version": "^7.0.24",
-            "prop-types": "^15.7.2",
-            "tslib": "^1.10.0"
-          }
-        },
-        "csstype": {
-          "version": "3.0.8",
-          "resolved": "https://registry.npmjs.org/csstype/-/csstype-3.0.8.tgz",
-          "integrity": "sha512-jXKhWqXPmlUeoQnF/EhTtTl4C9SnrxSH/jZUih3jmO6lBKr99rP3/+FmrMj4EFpOXzMtXHAZkd3x0E6h6Fgflw=="
-        }
-      }
-    },
    "@uifabric/theme-samples": {
      "version": "7.2.34",
      "resolved": "https://registry.npmjs.org/@uifabric/theme-samples/-/theme-samples-7.2.34.tgz",
@@ -6311,18 +6519,6 @@
        }
      }
    },
-    "@uifabric/utilities": {
-      "version": "7.33.5",
-      "resolved": "https://registry.npmjs.org/@uifabric/utilities/-/utilities-7.33.5.tgz",
-      "integrity": "sha512-I+Oi0deD/xltSluFY8l2EVd/J4mvOaMljxKO2knSD9/KoGDlo/o5GN4gbnVo8nIt76HWHLAk3KtlJKJm6BhbIQ==",
-      "requires": {
-        "@fluentui/dom-utilities": "^1.1.2",
-        "@uifabric/merge-styles": "^7.19.2",
-        "@uifabric/set-version": "^7.0.24",
-        "prop-types": "^15.7.2",
-        "tslib": "^1.10.0"
-      }
-    },
    "@uifabric/variants": {
      "version": "7.2.35",
      "resolved": "https://registry.npmjs.org/@uifabric/variants/-/variants-7.2.35.tgz",