Skip to content

Commit

Permalink
chore: prepare release (#127)
Browse files Browse the repository at this point in the history
Co-authored-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com>
  • Loading branch information
github-actions[bot] and github-actions[bot] authored Sep 30, 2024
1 parent acaa42f commit 63c39ea
Show file tree
Hide file tree
Showing 9 changed files with 124 additions and 119 deletions.
12 changes: 0 additions & 12 deletions .changeset/interactive-tokens.md

This file was deleted.

14 changes: 0 additions & 14 deletions .changeset/pre.json

This file was deleted.

34 changes: 0 additions & 34 deletions .changeset/responsive-theme.md

This file was deleted.

18 changes: 0 additions & 18 deletions .changeset/rich-bags-deliver.md

This file was deleted.

12 changes: 0 additions & 12 deletions .changeset/shy-crabs-sleep.md

This file was deleted.

5 changes: 0 additions & 5 deletions .changeset/textmate-stops.md

This file was deleted.

23 changes: 0 additions & 23 deletions .changeset/twelve-brooms-relax.md

This file was deleted.

123 changes: 123 additions & 0 deletions CHANGELOG.md
Original file line number Diff line number Diff line change
@@ -1,5 +1,128 @@
# @rhds/tokens

## 2.1.0

### Minor Changes

- 9d914cc: ✨ Added interactive tokens, and **DEPRECATES** the older interactive tokens

```diff
- color: var(--rh-color-interactive-blue-darker);
+ color: var(--rh-color-interactive-primary-default-on-light);
- color: var(--rh-color-interactive-purple-darker);
+ color: var(--rh-color-interactive-primary-visited-default-on-light);
```

- 9d914cc: Added theme tokens for responsive colours. Read these in a themable container
such as `<rh-card>` to style themable content that responds to the color palette

```html
<rh-surface color-palette="lighter">
<p>Use <a href="#">theme tokens</a> for best results.</p>
<p>
<rh-card color-palette="darkest">
<p>
That way, colours respond to their parents'
<code>color-palette</code> Without requiring
<a href="#">custom CSS</a>
</p>
</rh-card>
</p></rh-surface
>
```

```css
rh-surface {
& a {
color: var(--rh-color-interactive-primary-default);
&:hover {
color: var(--rh-color-interactive-primary-hover);
}
&:focus-within {
color: var(--rh-color-interactive-primary-focus);
}
&:active {
color: var(--rh-color-interactive-primary-active);
}
&:visited {
color: var(--rh-color-interactive-primary-visited);
&:hover {
color: var(--rh-color-interactive-primary-visited-hover);
}
&:focus-within {
color: var(--rh-color-interactive-primary-visited-focus);
}
&:active {
color: var(--rh-color-interactive-primary-visited-active);
}
}
}
}
```

For more information, please see our [theming docs](https://ux.redhat.com/themeing).

- b64dd32: ✨ Added status tokens:

RHDS describes six statuses: `danger`, `warning`, `caution`, `neutral`, `note`, and `success`.

```css
button {
&.danger {
background: var(--rh-color-status-danger);
}
&.warning {
background: var(--rh-color-status-warning);
}
&.caution {
background: var(--rh-color-status-caution);
}
&.neutral {
background: var(--rh-color-status-neutral);
}
&.note {
background: var(--rh-color-status-note);
}
&.success {
background: var(--rh-color-status-success);
}
}
```

- a9edc95: Stylelint: added `allowed` option to `rhds/no-unknown-token-name`

```yaml
rules:
rhds/no-unknown-token-name:
- true
- allowed:
- --rh-icon-color
```

- 6e2e3da: Align status tokens across color categories by:

- Update surface color status token names and values
- Update status token values for `danger`, `warning`, `caution`, `neutral`, and `success`
- Add `info` status token, which should be used in place of `note` status token going forward
- Ensure consistent status color names by aliasing inconsistent names with new names:
```diff
- color: var(--rh-color-status-note-on-light,
+ color: var(--rh-color-status-info-on-light,
var(--rh-color-purple-50, #5e40be))
```
- Alias icon and border status token values to status tokens
```diff
- color: var(--rh-color-icon-status-success-on-light,
- var(--rh-color-green-60, #3d7317));
+ color: var(--rh-color-icon-status-success-on-light,
+ var(--rh-color-status-success-on-light,
+ var(--rh-color-green-60, #3d7317));
```

### Patch Changes

- 9d914cc: added stops to textmate snippets

## 2.1.0-next.9

### Minor Changes
Expand Down
2 changes: 1 addition & 1 deletion package.json
Original file line number Diff line number Diff line change
@@ -1,6 +1,6 @@
{
"name": "@rhds/tokens",
"version": "2.1.0-next.15",
"version": "2.1.0",
"description": "Red Hat Design System Tokens",
"scripts": {
"build": "wireit",
Expand Down

0 comments on commit 63c39ea

Please sign in to comment.