Merge pull request #426 from hashicorp/badge-add-font-weight-declaration

Badge component - Add font weight declaration
hashicorp · Jul 7, 2022 · d8585ef · d8585ef · vercel · Jul 7, 2022
2 parents eb190d0 + ff236b2
commit d8585ef
Show file tree

Hide file tree

Showing 3 changed files with 7 additions and 0 deletions.
diff --git a/.changeset/mean-weeks-guess.md b/.changeset/mean-weeks-guess.md
@@ -0,0 +1,5 @@
+---
+"@hashicorp/design-system-components": patch
+---
+
+Updated font-weight to "medium" for "Badge" and "BadgeCount" components
diff --git a/packages/components/app/styles/components/badge-count.scss b/packages/components/app/styles/components/badge-count.scss
@@ -17,6 +17,7 @@ $hds-badge-count-border-width: 1px;
  border: $hds-badge-count-border-width solid transparent;
  display: inline-flex;
  font-family: var(--token-typography-font-stack-text);
+ font-weight: var(--token-typography-font-weight-medium);
  max-width: 100%;
 }
 

diff --git a/packages/components/app/styles/components/badge.scss b/packages/components/app/styles/components/badge.scss
@@ -29,6 +29,7 @@
 .hds-badge__text {
  flex: 1 0 0;
  font-family: var(--token-typography-font-stack-text);
+ font-weight: var(--token-typography-font-weight-medium);
 }