From d91f1404203ae715d9c9f9edf98f38ebef9eb634 Mon Sep 17 00:00:00 2001 From: Chris Holt Date: Wed, 24 Feb 2021 10:24:41 -0800 Subject: [PATCH] [web-components] Update card background color to from view (#17162) * update card background color attribute to reflect from view * Change files --- ...eb-components-2b72f1e1-54cc-4ce3-a0ab-8f0fad6abc7c.json | 7 +++++++ ...eb-components-2d194f07-d13e-4044-a57b-25def72e8123.json | 6 ++++++ packages/web-components/src/card/index.ts | 1 + 3 files changed, 14 insertions(+) create mode 100644 change/@fluentui-web-components-2b72f1e1-54cc-4ce3-a0ab-8f0fad6abc7c.json create mode 100644 change/@fluentui-web-components-2d194f07-d13e-4044-a57b-25def72e8123.json diff --git a/change/@fluentui-web-components-2b72f1e1-54cc-4ce3-a0ab-8f0fad6abc7c.json b/change/@fluentui-web-components-2b72f1e1-54cc-4ce3-a0ab-8f0fad6abc7c.json new file mode 100644 index 00000000000000..461e7bfa4358f3 --- /dev/null +++ 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": "chhol@microsoft.com", + "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 new file mode 100644 index 00000000000000..1138ca36718608 --- /dev/null +++ b/change/@fluentui-web-components-2d194f07-d13e-4044-a57b-25def72e8123.json @@ -0,0 +1,6 @@ +{ + "type": "patch", + "packageName": "@fluentui/web-components", + "email": "chhol@microsoft.com", + "dependentChangeType": "patch" +} diff --git a/packages/web-components/src/card/index.ts b/packages/web-components/src/card/index.ts index e27c4cea7563a9..701a24eca56056 100644 --- 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 {