Fixed #1714

samples/react-adaptivecards/README.md

@@ -10,9 +10,15 @@ This sample creates an Adaptive Cards Host web part that you can use to display
 
 ![Adaptive Cards Host](./assets/AdaptiveCardsHostAllSamples.gif)
 
-## Used SharePoint Framework Version
 
-![1.11.0](https://img.shields.io/badge/version-1.11.0-green.svg)
+## Compatibility
+
+![SPFx 1.11](https://img.shields.io/badge/SPFx-1.11.0-green.svg) 
+![Node.js LTS 10.x](https://img.shields.io/badge/Node.js-LTS%2010.x-green.svg) 
+![SharePoint Online](https://img.shields.io/badge/SharePoint-Online-yellow.svg) 
+![Teams N/A: Untested with Microsoft Teams](https://img.shields.io/badge/Teams-N%2FA-lightgrey.svg "Untested with Microsoft Teams") 
+![Workbench Local (Partially) | Hosted](https://img.shields.io/badge/Workbench-Local%20%7C%20Hosted-yellow.svg)
+
 
 ## Applies to
 
@@ -34,10 +40,11 @@ react-adaptivecards | Paul Schaeflein ([http://www.schaeflein.net](http://www.sc
 
 Version|Date|Comments
 -------|----|--------
-1.0|March 24, 2020|Initial release
-2.0|April 06, 2020|Added data and template URLs
-2.1|June 11, 2020|Fixed breaking changes introduced with Adaptive Card Templating in May update
-2.2|August 25, 2020|Upgraded to SPFx 1.11
+1.0.0|March 24, 2020|Initial release
+2.0.0|April 06, 2020|Added data and template URLs
+2.1.0|June 11, 2020|Fixed breaking changes introduced with Adaptive Card Templating in May update
+2.2.0|August 25, 2020|Upgraded to SPFx 1.11
+2.2.1|February 23, 2021|Fixed FluentUI dependencies introduced with newer versions of Adaptive Cards React.
 
 ## Disclaimer
 

samples/react-adaptivecards/config/package-solution.json

@@ -3,7 +3,7 @@
   "solution": {
     "name": "adaptive-cards",
     "id": "ce1e3712-fb7a-4564-b2d3-c81e45936afd",
-    "version": "2.2.0.0",
+    "version": "2.2.1.0",
     "includeClientSideAssets": true,
     "isDomainIsolated": false,
     "developer": {

samples/react-adaptivecards/package.json

@@ -1,6 +1,6 @@
 {
   "name": "adaptive-card-host",
-  "version": "2.2.0",
+  "version": "2.2.1",
   "private": true,
   "main": "lib/index.js",
   "engines": {
@@ -14,6 +14,7 @@
     "postversion": "gulp dist"
   },
   "dependencies": {
+    "@fluentui/react": "^7.161.0",
     "@microsoft/sp-core-library": "1.11.0",
     "@microsoft/sp-lodash-subset": "1.11.0",
     "@microsoft/sp-office-ui-fabric-core": "1.11.0",
@@ -22,11 +23,12 @@
     "@pnp/sp": "^2.0.3",
     "@pnp/spfx-controls-react": "1.16.0",
     "@pnp/spfx-property-controls": "^1.18.0",
+    "@uifabric/fluent-theme": "^7.4.3",
     "adaptivecards": "^1.2.6",
-    "adaptivecards-fabric": "^1.0.4",
+    "adaptivecards-fabric": "^1.1.1",
     "adaptivecards-templating": "1.1.0",
     "markdown-it": "^10.0.0",
-    "office-ui-fabric-react": "6.214.0",
+    "office-ui-fabric-react": "^6.189.2",
     "react": "16.8.5",
     "react-dom": "16.8.5",
     "save": "^2.4.0"