fix(font): change calcite-font-bold to be semi-bold (#10745)

**Related Issue:** #9524 ## Summary Reassign font > font-weight > bold in semantic tokens to {core.font.weight.demi} to align with Calcite UIKit --------- Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com> Co-authored-by: Matt Driscoll <[email protected]> Co-authored-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com> Co-authored-by: Anveshreddy mekala <[email protected]> Co-authored-by: jona7150 <[email protected]> Co-authored-by: JC Franco <[email protected]>
Esri · Nov 21, 2024 · ad84dc4 · ad84dc4
1 parent c08d8c0
commit ad84dc4
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 5 deletions.
diff --git a/packages/calcite-design-tokens/src/semantic/font.json b/packages/calcite-design-tokens/src/semantic/font.json
@@ -191,7 +191,7 @@
           }
         },
         "bold": {
-          "value": "{core.font.weight.bold}",
+          "value": "{core.font.weight.demi}",
           "type": "fontWeights",
           "attributes": {
             "calcite-schema": {

diff --git a/packages/calcite-design-tokens/support/tests/__snapshots__/index.spec.ts.snap b/packages/calcite-design-tokens/support/tests/__snapshots__/index.spec.ts.snap
@@ -441,7 +441,7 @@ exports[`generated tokens CSS global should match 1`] = `
   --calcite-font-size: 14px;
   --calcite-font-size-sm: 12px;
   --calcite-font-size-xs: 10px;
-  --calcite-font-weight-bold: 700;
+  --calcite-font-weight-bold: 600;
   --calcite-font-weight-semibold: 600;
   --calcite-font-weight-medium: 500;
   --calcite-font-weight-regular: 400;
@@ -915,7 +915,7 @@ export const calciteFontWeightNormal = "400"; // For backwards compatibility onl
 export const calciteFontWeightRegular = "400";
 export const calciteFontWeightMedium = "500";
 export const calciteFontWeightSemibold = "600";
-export const calciteFontWeightBold = "700";
+export const calciteFontWeightBold = "600";
 export const calciteFontSizeXs = "10px";
 export const calciteFontSizeSm = "12px";
 export const calciteFontSize = "14px";
@@ -1028,7 +1028,7 @@ export const calciteTypographyHierarchyHeading4 = {"fontWeight":"500","lineHeigh
 export const calciteTypographyHierarchyHeading5 = {"fontWeight":"500","lineHeight":"137.5%"};
 export const calciteTypographyHierarchyBodySnug = {"lineHeight":"137.5%"};
 export const calciteTypographyHierarchyBody = {"fontFamily":["Avenir Next","Avenir","Helvetica Neue","sans-serif"],"fontSize":"14px","fontWeight":"400","letterSpacing":"0","lineHeight":"16px","paragraphSpacing":"4px","textCase":"none","textDecoration":"none"};
-export const calciteTypographyHierarchyOverline = {"lineHeight":"12px","textCase":"uppercase","fontWeight":"700"};
+export const calciteTypographyHierarchyOverline = {"lineHeight":"12px","textCase":"uppercase","fontWeight":"600"};
 export const calciteTypographyHierarchyCaption = {"lineHeight":"137.5%","fontSize":"12px"};
 export const calciteZIndexDeep = "-999999";
 export const calciteZIndex = "1";
@@ -2052,7 +2052,7 @@ $calcite-font-size-md: 16px;
 $calcite-font-size: 14px;
 $calcite-font-size-sm: 12px;
 $calcite-font-size-xs: 10px;
-$calcite-font-weight-bold: 700;
+$calcite-font-weight-bold: 600;
 $calcite-font-weight-semibold: 600;
 $calcite-font-weight-medium: 500;
 $calcite-font-weight-regular: 400;