From b35484e76b7a6c54c549e7f5fd99e901a5cc998d Mon Sep 17 00:00:00 2001 From: Chris Holt Date: Mon, 17 May 2021 20:14:21 -0700 Subject: [PATCH] (web-components) update default corner radius to 4 (#18231) * update web component corner radius token value to 4 * Change files --- ...eb-components-9b068149-136c-4fb3-bf14-ebd4fb7e6923.json | 7 +++++++ packages/web-components/src/design-tokens.ts | 2 +- 2 files changed, 8 insertions(+), 1 deletion(-) create mode 100644 change/@fluentui-web-components-9b068149-136c-4fb3-bf14-ebd4fb7e6923.json diff --git a/change/@fluentui-web-components-9b068149-136c-4fb3-bf14-ebd4fb7e6923.json b/change/@fluentui-web-components-9b068149-136c-4fb3-bf14-ebd4fb7e6923.json new file mode 100644 index 00000000000000..069c269e42b2bb --- /dev/null +++ b/change/@fluentui-web-components-9b068149-136c-4fb3-bf14-ebd4fb7e6923.json @@ -0,0 +1,7 @@ +{ + "type": "minor", + "comment": "update web component corner radius token value to 4", + "packageName": "@fluentui/web-components", + "email": "chhol@microsoft.com", + "dependentChangeType": "patch" +} diff --git a/packages/web-components/src/design-tokens.ts b/packages/web-components/src/design-tokens.ts index bc8528976ee6e2..27e61ba6c0fe34 100644 --- a/packages/web-components/src/design-tokens.ts +++ b/packages/web-components/src/design-tokens.ts @@ -42,7 +42,7 @@ export const bodyFont = create('body-font').withDefault('Segoe UI, sans- export const baseHeightMultiplier = create('base-height-multiplier').withDefault(10); export const baseHorizontalSpacingMultiplier = create('base-horizontal-spacing-multiplier').withDefault(3); export const baseLayerLuminance = create('base-layer-luminance').withDefault(StandardLuminance.LightMode); -export const cornerRadius = create('corner-radius').withDefault(2); +export const cornerRadius = create('corner-radius').withDefault(4); export const density = create('density').withDefault(0); export const designUnit = create('design-unit').withDefault(4); export const direction = create('direction').withDefault(Direction.ltr);