From 164651cad71aac7b97c9342c15a0bafbd113cc51 Mon Sep 17 00:00:00 2001 From: Katie Langerman <18661030+langermank@users.noreply.github.com> Date: Mon, 30 Jun 2025 14:30:28 -0700 Subject: [PATCH 1/2] fix weight --- packages/react/src/PageHeader/PageHeader.module.css | 8 ++++---- 1 file changed, 4 insertions(+), 4 deletions(-) diff --git a/packages/react/src/PageHeader/PageHeader.module.css b/packages/react/src/PageHeader/PageHeader.module.css index 2304495e0d7..18385517d8b 100644 --- a/packages/react/src/PageHeader/PageHeader.module.css +++ b/packages/react/src/PageHeader/PageHeader.module.css @@ -29,7 +29,7 @@ 'description description description description description' 'navigation navigation navigation navigation navigation'; - /* + /* line-height is calculated with calc(height/font-size) and the below numbers are from @primer/primitives. --custom-font-size, --custom-line-height, --custom-font-weight are custom properties that can be used to override the below values. We don't want these values to be overridden but still want to allow consumers to override them if needed. @@ -120,7 +120,7 @@ display: flex; padding-bottom: var(--base-size-8); font-size: var(--text-body-size-medium, 0.875rem); - font-weight: var(--base-text-weight-light); + font-weight: var(--base-text-weight-normal); line-height: var(--text-body-lineHeight-medium, 1.4285); flex-direction: row; grid-row: var(--grid-row-order-context-area); @@ -172,7 +172,7 @@ display: flex; padding-right: var(--base-size-8); font-size: var(--text-body-size-medium, 0.875rem); - font-weight: var(--base-text-weight-light); + font-weight: var(--base-text-weight-normal); line-height: var(--text-body-lineHeight-medium, 1.4285); grid-row: var(--grid-row-order-breadcrumbs); grid-area: breadcrumbs; @@ -242,7 +242,7 @@ display: block; padding-top: var(--base-size-8); font-size: var(--text-body-size-medium, 0.875rem); - font-weight: var(--base-text-weight-light); + font-weight: var(--base-text-weight-normal); line-height: var(--text-body-lineHeight-medium, 1.4285); grid-row: var(--grid-row-order-navigation); grid-area: navigation; From 37eb2075b2b7ce7e14fdf3c24f15d75c3420cbba Mon Sep 17 00:00:00 2001 From: Katie Langerman <18661030+langermank@users.noreply.github.com> Date: Mon, 30 Jun 2025 14:33:04 -0700 Subject: [PATCH 2/2] Create angry-boats-poke.md --- .changeset/angry-boats-poke.md | 5 +++++ 1 file changed, 5 insertions(+) create mode 100644 .changeset/angry-boats-poke.md diff --git a/.changeset/angry-boats-poke.md b/.changeset/angry-boats-poke.md new file mode 100644 index 00000000000..b09da89e814 --- /dev/null +++ b/.changeset/angry-boats-poke.md @@ -0,0 +1,5 @@ +--- +"@primer/react": patch +--- + +Fix PageHeader context bar `font-weight`