RedHat-UX / red-hat-design-system

Red Hat's Design System
https://ux.redhat.com
MIT License
92 stars 18 forks source link

[feat] Change uppercase titles to sentence case #1650

Open marionnegp opened 2 months ago

marionnegp commented 2 months ago

Description

Text shouldn't be using uppercase, based on brand guidelines. Headings should use sentence instead.

Suggested solution

Remove any CSS that forces headings to be in all caps. The components that may be affected are:

Example API

No response

Additional context

@coreyvickery, we will have to update this in the Figma library and let other designers know once guidelines go up on ux.redhat.com.

bennypowers commented 2 months ago

seems like this will mostly only affect patterns. here are all the occurrences of uppercase in the repo

❯ rg uppercase
elements/rh-site-status/rh-site-status.css
32:  text-transform: uppercase;

elements/rh-tile/rh-tile.css
239:  text-transform: uppercase;

elements/rh-card/demo/variants.html
152:      text-transform: uppercase;

elements/rh-card/demo/color-context.html
93:        text-transform: uppercase;

elements/rh-jump-links/docs/10-style.md
7:the uppercase label on top.

elements/rh-stat/rh-stat.css
57:  text-transform: uppercase;

docs/styles/not-defined.css
11:  text-transform: uppercase;

docs/foundations/typography.md
38:    text-transform: uppercase;

docs/patterns/card/index.md
38:    text-transform: uppercase;
45:    text-transform: uppercase;
52:    text-transform: uppercase;

docs/assets/javascript/elements/uxdot-hero.js
27:      text-transform: uppercase;

so it looks like site-status and tile have some uppercase styles at runtime

marionnegp commented 2 months ago

@markcaron, is this something that we can do for the Chansey release?