(web-components) Update tab panel to base type size (microsoft#21180)

Update tab panel to base type size
mlp73 · Jan 17, 2022 · 6229dfa · 6229dfa
1 parent 86db125
commit 6229dfa
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 3 deletions.
diff --git a/change/@fluentui-web-components-0e8033b0-8a6d-486e-bb1f-c6d0054108b5.json b/change/@fluentui-web-components-0e8033b0-8a6d-486e-bb1f-c6d0054108b5.json
@@ -0,0 +1,7 @@
+{
+  "type": "patch",
+  "comment": "Update tab panel to base type size",
+  "packageName": "@fluentui/web-components",
+  "email": "47367562+bheston@users.noreply.github.com",
+  "dependentChangeType": "patch"
+}
diff --git a/packages/web-components/src/tabs/tab-panel/tab-panel.styles.ts b/packages/web-components/src/tabs/tab-panel/tab-panel.styles.ts
@@ -1,6 +1,6 @@
 import { css, ElementStyles } from '@microsoft/fast-element';
 import { display, ElementDefinitionContext, FoundationElementDefinition } from '@microsoft/fast-foundation';
-import { bodyFont, density, designUnit, typeRampMinus1FontSize, typeRampMinus1LineHeight } from '../../design-tokens';
+import { bodyFont, density, designUnit, typeRampBaseFontSize, typeRampBaseLineHeight } from '../../design-tokens';
 
 export const tabPanelStyles: (
   context: ElementDefinitionContext,
@@ -9,9 +9,9 @@ export const tabPanelStyles: (
   ${display('block')} :host {
     box-sizing: border-box;
     font-family: ${bodyFont};
-    font-size: ${typeRampMinus1FontSize};
+    font-size: ${typeRampBaseFontSize};
     font-weight: 400;
-    line-height: ${typeRampMinus1LineHeight};
+    line-height: ${typeRampBaseLineHeight};
     padding: 0 calc((6 + (${designUnit} * 2 * ${density})) * 1px);
   }
 `;