dequelabs / dequelabs/cauldron

Standardize typography

Open
#410 1 comment 0 reactions 1 assignee Assigned to @bobbyomari View on GitHub
breaking design sync ux debt
Dominant language
TypeScript
Stars
127
Forks
31
Avg merge
2d 12h
Merged PRs (30d)
8

Description

A new typographic scale will be implemented in a non-breaking manner with #1570. This PR will implement the changes to make them global and/or implementing typographic components. The nature of the change may have potential downstream impacts, so there is a possibility of a breaking change.

This will include the following changes:

## Designs

https://www.figma.com/design/CEFVdiecqDjLSjhorjHUzI/Product-Foundations--Cauldron--Library?node-id=1274-1563&m=dev

## Setting Baselines

We've started to establish baselines in typography: https://github.com/dequelabs/cauldron/blob/develop/packages/styles/typography.css using design system tokens.

We to determine:
- [ ] Are the any existing font-families that we need to remove (or add)?
- [ ] How to connect the typographic scale with existing components?
- [ ] Do we build it into our base css? (Note: there are a number of competing overrides in products)
- [ ] Do we build it into typography components? (``, etc., [material has an example of this](https://mui.com/material-ui/react-typography/).
- There has also been some discussions in the front end guild: https://github.com/dequelabs/frontend-guild/discussions/8

Contributor guide

Open the contributing guide

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.