Version Packages

[seek-oss-ci]

This PR was opened by the Changesets release GitHub action. When you're ready to do a release, you can merge this and the packages will be published to npm automatically. If you're not ready to do a release yet, that's fine, whenever you add more changesets to master, this PR will be updated.

Releases

braid-design-system@34.2.0

Minor Changes

• Dialog: Add coverImage support (#2052)

  Add support for providing a URL for a cover image to display at the top of the Dialog via the coverImage prop.
  The provided image must be compatible with the CSS background-image “url” function.

  EXAMPLE USAGE:

  <Dialog
    title="Cover Image"
    coverImage="https://placehold.co/1600x900/051A49/FFFFFF/png?text=​++++++16:9++++++​"
    open={true}
    onClose={() => {}}
  >
    <Placeholder height={100} width="100%" label="Dialog Content" />
  </Dialog>

• vars: Exposed vars.transition. Transition CSS variables are available in stylesheets and runtime styles. (#2034)

  EXAMPLE USAGE:

  import { vars } from 'braid-design-system/css':
  
  export const myStyle = style({
    transition: vars.transition.fast,
  });

• Badge: Added aria-hidden and aria-label props. (#2034)

  aria-hidden allows a badge to be hidden from assistive technology

  aria-label allows visible badge text to be overridden with a more descriptive label for screen readers

  EXAMPLE USAGE:

  <Badge aria-hidden>Deprecated</Badge>

  <Badge aria-label="You have 2 notifications">2</Badge>

Patch Changes

• seekJobs, seekBusiness: Update webfont url (#2044)

  Point to the www.seek.com domain instead of www.seek.com.au.

@braid-design-system/docs-ui@4.2.0

Minor Changes

• TitleLink: Added new component for rendering linkable headings with an optional copy-to-clipboard interaction. Should be wrapped in your required typographic component. (#2034)

  EXAMPLE:

  <Heading level="2">
    <TitleLink>Getting started</TitleLink>
  </Heading>

  With copy-to-clipboard:

  <CategoryHeading component="h3">
    <TitleLink copyable>Appearance</TitleLink>
  </CategoryHeading>

• CategoryHeading: Added new component for rendering category-style navigation headings. (#2034)

  EXAMPLE USAGE:

  <CategoryHeading component="h2">Layout</CategoryHeading>