Skip to content

feat(metric): add medium (500) title font weight option to Metric chart#2792

Merged
maryam-saeidi merged 4 commits intoelastic:mainfrom
maryam-saeidi:kibana-252834-metric-medium-font-weight
Mar 2, 2026
Merged

feat(metric): add medium (500) title font weight option to Metric chart#2792
maryam-saeidi merged 4 commits intoelastic:mainfrom
maryam-saeidi:kibana-252834-metric-medium-font-weight

Conversation

@maryam-saeidi
Copy link
Copy Markdown
Member

@maryam-saeidi maryam-saeidi commented Feb 26, 2026

Related to elastic/kibana#252834

Summary

Expose title font-weight: 500 (medium) in Metric chart.

image

@maryam-saeidi maryam-saeidi self-assigned this Feb 26, 2026
@maryam-saeidi maryam-saeidi added the :metric Related to Metric chart label Feb 26, 2026
@maryam-saeidi maryam-saeidi changed the title fix(metric): add medium (450) title weight in Metric chart fix(metric): export medium (500) title font-weight in Metric chart Mar 2, 2026
@maryam-saeidi maryam-saeidi changed the title fix(metric): export medium (500) title font-weight in Metric chart fix(metric): expose medium (500) title font-weight in Metric chart Mar 2, 2026
@maryam-saeidi maryam-saeidi changed the title fix(metric): expose medium (500) title font-weight in Metric chart feat(metric): expose medium (500) title font-weight in Metric chart Mar 2, 2026
@maryam-saeidi maryam-saeidi marked this pull request as ready for review March 2, 2026 10:18
@maryam-saeidi maryam-saeidi requested a review from markov00 March 2, 2026 10:18
@maryam-saeidi maryam-saeidi enabled auto-merge (squash) March 2, 2026 10:40
@elastic-datavis
Copy link
Copy Markdown
Contributor

@maryam-saeidi maryam-saeidi changed the title feat(metric): expose medium (500) title font-weight in Metric chart feat(metric): add medium (500) title font weight option to Metric chart Mar 2, 2026
@maryam-saeidi maryam-saeidi merged commit c582e81 into elastic:main Mar 2, 2026
14 checks passed
@maryam-saeidi maryam-saeidi deleted the kibana-252834-metric-medium-font-weight branch March 2, 2026 12:30
nickofthyme pushed a commit that referenced this pull request Mar 3, 2026
# [71.3.0](v71.2.0...v71.3.0) (2026-03-03)

### Features

* **metric:** add secondary badge text color ([#2799](#2799)) ([5c765e8](5c765e8))
* **metric:** expose medium (500) title font-weight in Metric chart ([#2792](#2792)) ([c582e81](c582e81))
maryam-saeidi added a commit to elastic/kibana that referenced this pull request Mar 3, 2026
## Summary

This PR contains the following updates:

| Package | Type | Update | Change |
|---|---|---|---|
| [@elastic/charts](https://github.com/elastic/elastic-charts) |
dependencies | minor | [`71.2.0` ->
`71.3.0`](elastic/elastic-charts@v71.2.0...v71.3.0)
|


### Release Notes
##
[71.3.0](elastic/elastic-charts@v71.2.0...v71.3.0)
(2026-03-03)


### Features

* **metric:** add secondary badge text color
([#2799](elastic/elastic-charts#2799))
([5c765e8](elastic/elastic-charts@5c765e8))
* **metric:** expose medium (500) title font-weight in Metric chart
([#2792](elastic/elastic-charts#2792))
([c582e81](elastic/elastic-charts@c582e81))
rbrtj pushed a commit to rbrtj/kibana that referenced this pull request Mar 5, 2026
## Summary

This PR contains the following updates:

| Package | Type | Update | Change |
|---|---|---|---|
| [@elastic/charts](https://github.com/elastic/elastic-charts) |
dependencies | minor | [`71.2.0` ->
`71.3.0`](elastic/elastic-charts@v71.2.0...v71.3.0)
|


### Release Notes
##
[71.3.0](elastic/elastic-charts@v71.2.0...v71.3.0)
(2026-03-03)


### Features

* **metric:** add secondary badge text color
([elastic#2799](elastic/elastic-charts#2799))
([5c765e8](elastic/elastic-charts@5c765e8))
* **metric:** expose medium (500) title font-weight in Metric chart
([elastic#2792](elastic/elastic-charts#2792))
([c582e81](elastic/elastic-charts@c582e81))
DennisKo pushed a commit to DennisKo/kibana that referenced this pull request Mar 6, 2026
## Summary

This PR contains the following updates:

| Package | Type | Update | Change |
|---|---|---|---|
| [@elastic/charts](https://github.com/elastic/elastic-charts) |
dependencies | minor | [`71.2.0` ->
`71.3.0`](elastic/elastic-charts@v71.2.0...v71.3.0)
|


### Release Notes
##
[71.3.0](elastic/elastic-charts@v71.2.0...v71.3.0)
(2026-03-03)


### Features

* **metric:** add secondary badge text color
([elastic#2799](elastic/elastic-charts#2799))
([5c765e8](elastic/elastic-charts@5c765e8))
* **metric:** expose medium (500) title font-weight in Metric chart
([elastic#2792](elastic/elastic-charts#2792))
([c582e81](elastic/elastic-charts@c582e81))
qn895 pushed a commit to qn895/kibana that referenced this pull request Mar 11, 2026
## Summary

This PR contains the following updates:

| Package | Type | Update | Change |
|---|---|---|---|
| [@elastic/charts](https://github.com/elastic/elastic-charts) |
dependencies | minor | [`71.2.0` ->
`71.3.0`](elastic/elastic-charts@v71.2.0...v71.3.0)
|


### Release Notes
##
[71.3.0](elastic/elastic-charts@v71.2.0...v71.3.0)
(2026-03-03)


### Features

* **metric:** add secondary badge text color
([elastic#2799](elastic/elastic-charts#2799))
([5c765e8](elastic/elastic-charts@5c765e8))
* **metric:** expose medium (500) title font-weight in Metric chart
([elastic#2792](elastic/elastic-charts#2792))
([c582e81](elastic/elastic-charts@c582e81))
maryam-saeidi added a commit to elastic/kibana that referenced this pull request Apr 7, 2026
…#254941)

Closes #252834

## Summary

This PR removes the font-weight configuration in Metric charts and
defaults it to **medium**.

- [x] TODO: Add another option for the Metric font-weight: medium to the
elastic-charts.
- elastic/elastic-charts#2792
- elastic/elastic-charts#2802

|State|Screenshot|
|---|---|
|Before|<img width="1511" height="652" alt="image"
src="https://github.com/user-attachments/assets/a82617f9-5c81-4c58-8084-a0ab333b2b16"
/>|
|After|<img width="1509" height="786" alt="image"
src="https://github.com/user-attachments/assets/ad7790dd-812a-43c0-b832-602b610d7ca5"
/>|

### How to test 🧪 
- Create two metric chart in main: one with the font weight: Regular and
another with default bold font weight
- Switch to this branch and make sure that the related metric chart is
loaded correctly with the **medium (500)** font weight.
- Make a change in the regular font weight metric and save. Now, you
should not see the font weight property in the saved object anymore.

I also followed the same steps in the Cases, and it worked as expected:

|State|Screenshot|
|---|---|
|Before|<img width="1510" height="804" alt="image"
src="https://github.com/user-attachments/assets/1266d92f-8ec0-4199-86e8-c89520f15fa9"
/>|
|After|<img width="1512" height="783" alt="image"
src="https://github.com/user-attachments/assets/f1ae0989-4320-456e-a0b4-770a4a1e550e"
/>|

### Release Note

Removed the font-weight parameter for Metric chart titles. Titles now
use a consistent default font weight of Medium.

---------

Co-authored-by: kibanamachine <42973632+kibanamachine@users.noreply.github.com>
kelvtanv pushed a commit to kelvtanv/kibana that referenced this pull request Apr 7, 2026
…elastic#254941)

Closes elastic#252834

## Summary

This PR removes the font-weight configuration in Metric charts and
defaults it to **medium**.

- [x] TODO: Add another option for the Metric font-weight: medium to the
elastic-charts.
- elastic/elastic-charts#2792
- elastic/elastic-charts#2802

|State|Screenshot|
|---|---|
|Before|<img width="1511" height="652" alt="image"
src="https://github.com/user-attachments/assets/a82617f9-5c81-4c58-8084-a0ab333b2b16"
/>|
|After|<img width="1509" height="786" alt="image"
src="https://github.com/user-attachments/assets/ad7790dd-812a-43c0-b832-602b610d7ca5"
/>|

### How to test 🧪 
- Create two metric chart in main: one with the font weight: Regular and
another with default bold font weight
- Switch to this branch and make sure that the related metric chart is
loaded correctly with the **medium (500)** font weight.
- Make a change in the regular font weight metric and save. Now, you
should not see the font weight property in the saved object anymore.

I also followed the same steps in the Cases, and it worked as expected:

|State|Screenshot|
|---|---|
|Before|<img width="1510" height="804" alt="image"
src="https://github.com/user-attachments/assets/1266d92f-8ec0-4199-86e8-c89520f15fa9"
/>|
|After|<img width="1512" height="783" alt="image"
src="https://github.com/user-attachments/assets/f1ae0989-4320-456e-a0b4-770a4a1e550e"
/>|

### Release Note

Removed the font-weight parameter for Metric chart titles. Titles now
use a consistent default font weight of Medium.

---------

Co-authored-by: kibanamachine <42973632+kibanamachine@users.noreply.github.com>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

:metric Related to Metric chart

Projects

None yet

Development

Successfully merging this pull request may close these issues.

[Lens] Remove font-weight configuration from Metric Chart style panel

2 participants