From 8748479e88fa91a3f4d81b673e08f3047d47c5f0 Mon Sep 17 00:00:00 2001 From: Maryam Saeidi Date: Thu, 26 Feb 2026 09:31:05 +0100 Subject: [PATCH 1/3] Add medium (450) title weight in Metric chart --- packages/charts/src/utils/themes/theme.ts | 2 +- storybook/stories/metric/7_layout.story.tsx | 4 ++-- 2 files changed, 3 insertions(+), 3 deletions(-) diff --git a/packages/charts/src/utils/themes/theme.ts b/packages/charts/src/utils/themes/theme.ts index 80d9815f6c2..21ca59bfa29 100644 --- a/packages/charts/src/utils/themes/theme.ts +++ b/packages/charts/src/utils/themes/theme.ts @@ -306,7 +306,7 @@ export interface HeatmapStyle { * Metric font weight options for text styling. * @public */ -export type MetricFontWeight = Extract; +export type MetricFontWeight = Extract; /** * Style options for the Metric chart type. diff --git a/storybook/stories/metric/7_layout.story.tsx b/storybook/stories/metric/7_layout.story.tsx index eb453a10cf8..1802c1f54fd 100644 --- a/storybook/stories/metric/7_layout.story.tsx +++ b/storybook/stories/metric/7_layout.story.tsx @@ -236,8 +236,8 @@ export const Example: ChartsStory = (_, { title: storyTitle, description }) => { const titlesTextAlign = getTextAlignKnob('Title and subtitle alignment', 'left', textConfigurationAndPositionGroup); const titleWeight = select( 'Title weight', - { Bold: 'bold', Normal: 'normal' }, - 'normal', + { Bold: 'bold', Medium: 450, Normal: 'normal' }, + 450, textConfigurationAndPositionGroup, ); // Value (primary metric) From d15e73cd35258f803113890dda7dd3937395f216 Mon Sep 17 00:00:00 2001 From: Maryam Saeidi Date: Mon, 2 Mar 2026 11:09:24 +0100 Subject: [PATCH 2/3] Change font-weight to 500 --- packages/charts/src/utils/themes/theme.ts | 2 +- storybook/stories/metric/7_layout.story.tsx | 4 ++-- 2 files changed, 3 insertions(+), 3 deletions(-) diff --git a/packages/charts/src/utils/themes/theme.ts b/packages/charts/src/utils/themes/theme.ts index 21ca59bfa29..e537d9c7f96 100644 --- a/packages/charts/src/utils/themes/theme.ts +++ b/packages/charts/src/utils/themes/theme.ts @@ -306,7 +306,7 @@ export interface HeatmapStyle { * Metric font weight options for text styling. * @public */ -export type MetricFontWeight = Extract; +export type MetricFontWeight = Extract; /** * Style options for the Metric chart type. diff --git a/storybook/stories/metric/7_layout.story.tsx b/storybook/stories/metric/7_layout.story.tsx index 1802c1f54fd..83e592df954 100644 --- a/storybook/stories/metric/7_layout.story.tsx +++ b/storybook/stories/metric/7_layout.story.tsx @@ -236,8 +236,8 @@ export const Example: ChartsStory = (_, { title: storyTitle, description }) => { const titlesTextAlign = getTextAlignKnob('Title and subtitle alignment', 'left', textConfigurationAndPositionGroup); const titleWeight = select( 'Title weight', - { Bold: 'bold', Medium: 450, Normal: 'normal' }, - 450, + { Bold: 'bold', Medium: 500, Normal: 'normal' }, + 500, textConfigurationAndPositionGroup, ); // Value (primary metric) From 9e357b5789735418854e071b633931a732226a9b Mon Sep 17 00:00:00 2001 From: Maryam Saeidi Date: Mon, 2 Mar 2026 12:06:27 +0100 Subject: [PATCH 3/3] Update charts.api.md --- packages/charts/api/charts.api.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/packages/charts/api/charts.api.md b/packages/charts/api/charts.api.md index f89feef9032..78a6c63e8fa 100644 --- a/packages/charts/api/charts.api.md +++ b/packages/charts/api/charts.api.md @@ -2119,7 +2119,7 @@ export type MetricElementEvent = { // Warning: (ae-forgotten-export) The symbol "FontWeight" needs to be exported by the entry point index.d.ts // // @public -export type MetricFontWeight = Extract; +export type MetricFontWeight = Extract; // @alpha (undocumented) export interface MetricSpec extends Spec {