Skip to content

Commit

Permalink
chore: prepare release (#97)
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 Apr 3, 2023
1 parent 098f83d commit b5de902
Show file tree
Hide file tree
Showing 27 changed files with 121 additions and 232 deletions.
6 changes: 0 additions & 6 deletions .changeset/better-ts-types.md

This file was deleted.

9 changes: 0 additions & 9 deletions .changeset/dry-moose-hear.md

This file was deleted.

5 changes: 0 additions & 5 deletions .changeset/eleven-peaches-sell.md

This file was deleted.

5 changes: 0 additions & 5 deletions .changeset/empty-cars-juggle.md

This file was deleted.

5 changes: 0 additions & 5 deletions .changeset/forty-clocks-check.md

This file was deleted.

5 changes: 0 additions & 5 deletions .changeset/fresh-balloons-swim.md

This file was deleted.

5 changes: 0 additions & 5 deletions .changeset/hip-dolls-grab.md

This file was deleted.

5 changes: 0 additions & 5 deletions .changeset/hot-mayflies-attend.md

This file was deleted.

7 changes: 0 additions & 7 deletions .changeset/hot-plums-serve.md

This file was deleted.

4 changes: 0 additions & 4 deletions .changeset/hot-plums-server.md

This file was deleted.

5 changes: 0 additions & 5 deletions .changeset/hungry-papayas-kiss.md

This file was deleted.

9 changes: 0 additions & 9 deletions .changeset/initial-changeset.md

This file was deleted.

5 changes: 0 additions & 5 deletions .changeset/itchy-ants-march.md

This file was deleted.

21 changes: 0 additions & 21 deletions .changeset/itchy-gorillas-impress.md

This file was deleted.

24 changes: 0 additions & 24 deletions .changeset/js-modules.md

This file was deleted.

5 changes: 0 additions & 5 deletions .changeset/large-adults-search.md

This file was deleted.

5 changes: 0 additions & 5 deletions .changeset/nervous-panthers-kick.md

This file was deleted.

5 changes: 0 additions & 5 deletions .changeset/old-spies-cheer.md

This file was deleted.

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

This file was deleted.

28 changes: 0 additions & 28 deletions .changeset/proud-parrots-exercise.md

This file was deleted.

5 changes: 0 additions & 5 deletions .changeset/shiny-seas-live.md

This file was deleted.

17 changes: 0 additions & 17 deletions .changeset/stale-dryers-trade.md

This file was deleted.

5 changes: 0 additions & 5 deletions .changeset/tender-rules-yell.md

This file was deleted.

5 changes: 0 additions & 5 deletions .changeset/tidy-adults-fail.md

This file was deleted.

5 changes: 0 additions & 5 deletions .changeset/tough-cars-dance.md

This file was deleted.

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

## 1.0.0

### Major Changes

- 098f83d: Moves editor files to their own dir: vscode to editor/vscode, etc
- b40b80a: Initial release 🎉

```sh
npm i @rhds/tokens
```

- c6da2c5: Changed `black` crayon tokens to `gray` crayon tokens. This reflects the new
color palette. This also required updates to the `gray` crayon token names and
changes to semantic token values that use grays. **Note** that the new
`--rh-color-grey-*` tokens do not line up with the old `--rh-color-black-*`
tokens, so be sure to enact contrast testing on all your uses.

| Before | After |
| ---------------------- | -------------------- |
| `--rh-color-black-150` | `--rh-color-gray-05` |
| `--rh-color-black-200` | `--rh-color-gray-20` |
| `--rh-color-black-300` | `--rh-color-gray-30` |
| `--rh-color-black-400` | `--rh-color-gray-40` |
| `--rh-color-black-500` | `--rh-color-gray-50` |
| `--rh-color-black-600` | `--rh-color-gray-60` |
| `--rh-color-black-700` | `--rh-color-gray-70` |
| `--rh-color-black-800` | `--rh-color-gray-80` |
| `--rh-color-black-900` | `--rh-color-gray-90` |

- 17f0fff: **javascript**: Made each category available as a separate module

Before:

```js
import { Red300 } from "@rhds/tokens";

element.style.color = Red300;
```

After:

```js
import { Red300 } from "@rhds/tokens/color.js";

element.style.color = Red300.hex;
```

Some values exported from `values.js` and from the various category modules are
now structured data. This includes breakpoints, colours, shadows, and media
queries.

- afbb74b: Removed `--rh-context` tokens, pending redesign of that feature
- d617cd0: Removed danger border color tokens, pending redesign of that feature

### Minor Changes

- cde3ef0: Improved exported typescript types, use string references in media tokens'
javascript module representation
- 20b5fc0: Added `-hsl` and `-rgb` variants of crayon colours

```css
background: rgb(var(--rh-color-red-100-rgb) / var(--rh-opacity-80));
```

- 487b9b2: Update packaged files to include css, scss, and editor files.
- 6f11643: - Adds textmate snippets in editor/textmate
- Adds a VSCode VSIX extension bundle to github releases
- Fixes the hexokinase regexp
- 1596d5d: Allows for markdown files as collection description
- 842d205: Adds breakpoint tokens.

Since CSS does not allow custom properties in media queries, these should be used via the
`ScreenSizeController` from `@rhds/elements`

```ts
import { LitElement, html } from "lit";
import { classMap } from "lit/directives/class-map.js";
import { ScreenSizeController } from "@rhds/elements/lib/controllers/ScreenSizeController.js";

@customElement("responsive-element")
class ResponsiveElement extends LitElement {
#screenSize = new ScreenSizeController(this);

render() {
const isMobilePortrait = this.#screenSize.matches.has("2xs");
return html`
<div id="#container" class="${classMap({ isMobilePortrait })}">...</div>
`;
}
}
```

- ae98335: Adds a new Stylelint plugin, which validates and fixes token values in css files.

```
npx stylelint elements/**/*.css --fix
```

Also adds a new `tokens` map from the main export. The previous main have moved to './values.js';

```js
import { tokens } from "@rhds/tokens";

tokens.get("--rh-color-brand-red-on-light"); // '#ee0000';
```

### Patch Changes

- 1de1327: Changed the gray color associated with secondary text
- 594e64d: Support a limited set of languages in font-family
- 06eaa2c: Removed light-alt surface token
- 07c1e2c: Updated dependencies
- 2feacb7: Fixed VSIX build script for VSCode
- c0abeff: Add VSCode bundle to GitHub release
- 2541aeb: Removing Overpass from font stacks
- a1659d8: Converted length tokens from rem to px
- 3bf26ab: Fixed missing rgb and hsl values for gray colours
- b358a5d: Automatically add description from files
- e354fdf: Remapped new gray surface tokens and added a description for canvas tokens

## 1.0.0-beta.23

### Patch 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": "1.0.0-beta.23",
"version": "1.0.0",
"description": "Red Hat Design System Tokens",
"scripts": {
"build": "wireit",
Expand Down

0 comments on commit b5de902

Please sign in to comment.