[web-components] Update card background color to from view (#17162)

* update card background color attribute to reflect from view * Change files
microsoft · Feb 24, 2021 · d91f140 · d91f140
1 parent 8d5f072
commit d91f140
Show file tree

Hide file tree

Showing 3 changed files with 14 additions and 0 deletions.
diff --git a/change/@fluentui-web-components-2b72f1e1-54cc-4ce3-a0ab-8f0fad6abc7c.json b/change/@fluentui-web-components-2b72f1e1-54cc-4ce3-a0ab-8f0fad6abc7c.json
@@ -0,0 +1,7 @@
+{
+  "type": "patch",
+  "comment": "update card background color attribute to reflect from view",
+  "packageName": "@fluentui/web-components",
+  "email": "[email protected]",
+  "dependentChangeType": "patch"
+}
diff --git a/change/@fluentui-web-components-2d194f07-d13e-4044-a57b-25def72e8123.json b/change/@fluentui-web-components-2d194f07-d13e-4044-a57b-25def72e8123.json
@@ -0,0 +1,6 @@
+{
+  "type": "patch",
+  "packageName": "@fluentui/web-components",
+  "email": "[email protected]",
+  "dependentChangeType": "patch"
+}
diff --git a/packages/web-components/src/card/index.ts b/packages/web-components/src/card/index.ts
@@ -32,6 +32,7 @@ export class FluentCard extends FluentDesignSystemProvider {
    */
   @attr({
     attribute: 'card-background-color',
+    mode: 'fromView',
   })
   public cardBackgroundColor: string;
   private cardBackgroundColorChanged(prev: string | void, next: string | void): void {