v0.3.0

Minor Changes

• c8609a8 Thanks @rezrah! - added an FAQ component, which displays a list of questions and answers relating to a particular subject.

  See usage examples

• #45 2fb6924 Thanks @rezrah! - > Warning

  This is a breaking change, but as the library is a pre-v1 release we are publishing this update as a minor change.
  Please read the following instructions carefully before updating:

  Updated references for "left" and "right" to "start" and "end"

  For improved i18n support and closer alignment with our Figma naming conventions, we have updated the references for "left" and "right" to "start" and "end" respectively in Hero and River components.

  - <River align="left">
  - <River align="right">
  + <River align="start">
  + <River align="end">

v0.2.1

Patch Changes

• #38 b0c9293 Thanks @rezrah! - updated css-loader to generate valid (escaped) class names

v0.2.0

Minor Changes

• #33 662fcfc Thanks @rezrah! - - Adds River component

  • Renames LinkButton to Button ⚠️ (see below)
  • Button supports polymorphism and can be used as either a or button

  River

  NEW Component ✨

  Before

  After

  ❌

  // 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>

  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.

  Before	After
  //import { LinkButton } from '@primer/react-brand'; <LinkButton href="#">Sign up</LinkButton>	//import { Button } from '@primer/react-brand'; <Button as="a" href="#"> Sign up </Button>
  ❌	//import { Button } from '@primer/react-brand'; <Button onClick={handler}>Sign Up</Button>

v0.1.0

Minor Changes

• #19 3b22e9e Thanks @colebemis! - Add size prop to Hero component

Patch Changes

• #23 77abf53 Thanks @rezrah! - add Text and Heading components

• #29 144c7d7 Thanks @rezrah! - Removed gh-variables.css from package as Brand variables are now surfaced in main.css

  To upgrade:

  • Remove import "@primer/react-brand/lib/css/gh-variables.css"

  • Add import "@primer/react-brand/lib/css/main.css"

• #23 77abf53 Thanks @rezrah! - forward className in Hero

• #25 4b00b72 Thanks @rezrah! - adds baseline tokens

• #21 ab06cce Thanks @rezrah! - Remove fixed background color from Hero to allow underlying customisation to be surfaced.

• #27 ca2d300 Thanks @rezrah! - Updated Hero text appearance

  • updated Hero description text size from 500 to 400
  • updated button alignment to not stretch on mobile viewports
  • removed size prop. Now only one responsive size available.

v0.0.3

Patch Changes

• #18 0835830 Thanks @rezrah! - Fixes for production bundles

v0.0.2

Patch Changes

• #2 ab01a8a Thanks @colebemis! - Initialize releases with changesets