Braid Design System Versions Save

Minor Changes

• Add HeaderNavigation component, used for showing site Logo, theme picker, and displaying the MenuButton component on smaller screens. (#1429)

Minor Changes

• Rating: Add weight support (#1430)

  Provide a weight prop to customise the weight of the text rating alongside the stars.

  EXAMPLE USAGE:

  <Rating rating={3} weight="strong" />
  

Patch Changes

• Inline Vanilla Extract styles imported from Capsize (#1423)

Patch Changes

• Autosuggest: Fix aria-label and aria-labelledby features (#1420)

  Fixes an issue where the aria-label and aria-labelledby props provided by a consumer were being overidden internally by the Autosuggest component.

Minor Changes

• Add SideNavigationSection component used to create groups of links in the side bar. (#1415)

Patch Changes

• Provide correct types according to https://arethetypeswrong.github.io (#1413)

Minor Changes

• Add MenuButton component used to show and hide the navigation sidebar on mobile devices. (#1409)

Patch Changes

• Provide correct types according to https://arethetypeswrong.github.io (#1413)

Patch Changes

• TooltipRenderer: Fix useLayoutEffect warnings during SSR (#1407)

• Tabs: Improve positioning of the active underline (#1407)

• Fixes a bug where the reset module mistakenly included all the tokens for all the themes. (#1405)

  Additionally, this includes significant compilation improvements to ensure that only styles for the components being used are included — speeding up build times and reducing the overall CSS bundle size.

Major Changes

• Create new package named docs-ui. (#1401)

  This package will contain components for building documentation sites with a consistent user experience to the Braid Design System website.

  Currently, this package contains:

  • A single component: LinkableHeading.
  • A README.md for documenting this package and all its components.

Patch Changes

• LinkableHeading: Remove space character between heading and link icon, instead use only margin value. (#1403)

Minor Changes

• Add optional tooltipPlacement prop to ButtonIcon (#1390)

  The tooltipPlacement prop allows you to specify the placement of the tooltip to either top or bottom. The default value is top.

  EXAMPLE USAGE:

  <ButtonIcon tooltipPlacement="bottom" />