buildo / bento-design-system

A customizable and extensible Design System framework for React.js projects
https://www.bento-ds.com
MIT License
116 stars 12 forks source link

Pagination: numbers in labels should have a different font weight #890

Open pedrodim opened 2 months ago

pedrodim commented 2 months ago

Description of the bug

Based on the design documentation the Pagination component's label numbers should have a heavier font weight than the rest of the label. I can't find a way to do so with the current implementation as both currentPageItemsLabel and pageCountLabel, and all the labels actually, accept only strings and this would require some html to handle the different font weight.

Design docs ref https://zeroheight.com/8626c6305/p/84ffb2-pagination/b/99aa11

Screenshot 2024-08-27 at 12 18 18

Playroom reproduction

https://playroom.bento.buildo.io/preview/#?code=N4Igxg9gJgpiBcIA8AFAhgcwJYDs0BcsIcAdHAAnIAdMYBeYARgF8zKaMYBhCAVx3wMWbclnwwAtgGcUMAE7pOQgAysKo8dNkLaAeSqFiUhsHIAmZfHIByC9YA05RpZvPr5ZmsoSYUqbWNgYBFKMUkZeUUYfUMcKQAZNAAjGAAbK2sw6Wp5aloHEPIwXjk5GAEogElNBOS0qwAKKXw0OXxHcqhHfAgW1IBKcjoAPnIAAwASYGbW-GYAWinO5nIIADNyKZ6%2B5jH7Qo5uPgFElPTyBsh%2BfEGR8amrgRXDqT3CqVwMVJgo0-rXPKcArqdhlABuRF4MloACFePgejg-udrChwZCpMDKJQcDAAB74KJwhHEZEZABy%2BPwWI8agA9MMQPYQAB3LBQfAACykCAA2owACwC5QAXWYQA

Version

v0.22.22

What browsers are you seeing the problem on?

No response