Skip to content

Commit

Permalink
Version Packages (#35)
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
primer-css and github-actions[bot] authored Jun 10, 2022
1 parent d1509c1 commit b430e89
Show file tree
Hide file tree
Showing 3 changed files with 100 additions and 102 deletions.
101 changes: 0 additions & 101 deletions .changeset/silver-baboons-sin.md

This file was deleted.

99 changes: 99 additions & 0 deletions CHANGELOG.md
Original file line number Diff line number Diff line change
@@ -1,5 +1,104 @@
# @primer/react-brand

## 0.2.0

### Minor Changes

- [#33](https://github.com/primer/react-brand/pull/33) [`662fcfc`](https://github.com/primer/react-brand/commit/662fcfc6d123460730317b7ddd3d3a4622d30dce) Thanks [@rezrah](https://github.com/rezrah)! - - Adds `River` component

- Renames `LinkButton` to `Button` :warning: (see below)
- Button supports polymorphism and can be used `as` either `a` or `button`

### `River`

**NEW** Component :sparkles:

<table>
<tr>
<th> Before</th> <th> After</th>
</tr>
<tr>
<td valign="top">❌</td>
<td valign="top">

```jsx
// import {River} from "@primer/react-brand";

<River>
<River.Visual>
<img
src="https://via.placeholder.com/600x400/f5f5f5/f5f5f5.png"
alt="placeholder, blank area with an off-white background color"
/>
</River.Visual>
<River.Content>
<Heading>Heading</Heading>
<Text>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. In sapien sit ullamcorper id. Aliquam luctus sed turpis
felis nam pulvinar risus elementum.
</Text>
<Link href="#">Call to action</Link>
</River.Content>
</River>
```

</td>
</tr>
</table>

See more examples in our documentation.
https://primer.style/react-brand/components/River

### `LinkButton`

> **Warning**
> The changes below should be considered a breaking change for anyone relying on `LinkButton`, but as we are shipping a pre-v1 library, this has been marked as a `minor` release rather than `major`. Please remember to update your usage per the below example.

<table>
<tr>
<th> Before</th> <th> After</th>
</tr>
<tr>
<td valign="top">

```jsx
//import { LinkButton } from '@primer/react-brand';
<LinkButton href="#">Sign up</LinkButton>
```

</td>
<td valign="top">

```jsx
//import { Button } from '@primer/react-brand';
<Button as="a" href="#">
Sign up
</Button>
```

</td>
</tr>
<tr>
<td valign="top">


</td>
<td valign="top">

```jsx
//import { Button } from '@primer/react-brand';
<Button onClick={handler}>Sign Up</Button>
```

</td>
</tr>

</table>

## 0.1.0

### 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": "@primer/react-brand",
"version": "0.1.0",
"version": "0.2.0",
"author": "GitHub, Inc.",
"license": "MIT",
"bugs": {
Expand Down

0 comments on commit b430e89

Please sign in to comment.