diff --git a/packages/ui/CHANGELOG.md b/packages/ui/CHANGELOG.md index 23b1569bc7f826..000d74032c09b6 100644 --- a/packages/ui/CHANGELOG.md +++ b/packages/ui/CHANGELOG.md @@ -9,6 +9,7 @@ ### Code Quality +- `Button`: Reference the medium font-weight design token instead of a literal value. No visual change ([#79278](https://github.com/WordPress/gutenberg/pull/79278)). - Move `@types/react` from `dependencies` to an optional peer dependency so consumers' React type version is used ([#79095](https://github.com/WordPress/gutenberg/pull/79095)). - `Button` and `AlertDialog`: Reference the tone-specific `brand`/`error` disabled color tokens for disabled states instead of the `neutral` ones, to match each element's tone. Disabled `Select`/`Autocomplete`/`Combobox` list items also adopt the `brand` disabled background token. No visual change ([#79124](https://github.com/WordPress/gutenberg/pull/79124)). diff --git a/packages/ui/src/button/style.module.css b/packages/ui/src/button/style.module.css index 4b750d8c815fad..9030ac8fb2ec88 100644 --- a/packages/ui/src/button/style.module.css +++ b/packages/ui/src/button/style.module.css @@ -10,7 +10,7 @@ .button { /* Internal variables */ - --wp-ui-button-font-weight: 499; + --wp-ui-button-font-weight: var(--wpds-typography-font-weight-medium); --wp-ui-button-background-color: var(--wpds-color-background-interactive-brand-strong); --wp-ui-button-background-color-active: var(--wpds-color-background-interactive-brand-strong-active);