braid-design-system

Patch Changes

• Update Capsize dependencies (#1456)

• Checkbox: Improve tri-state handling (#1458)

  Fixes a bug in tri-state Checkbox where transitioning from mixed to checked could result in the visual presentation being out of sync with the desired state.

Patch Changes

• Text, Heading: Fix maxLines cropping of decending characters (#1451)

  Fixes a bug when using -webkit-box, where the descender on the last line of text could be cropped based on the combination of line height and font size.

Patch Changes

• Tab: Remove cropping of the icon slot (#1447)

  Previously the icon slot on a Tab was cropped on the left to improve alignment with the active tab indicator.
  For most icons in a Tab, this was subtle polish, but for others it had the undesirable side effect of clipping the side of the icon.

  Removing the cropping until we have a better solution for trimming whitespace around icons.

• Badge: Allow Badge to take arrays of values (#1443)

  Previously, Badge only accepted a string as children, to prevent the use of other components inside a Badge.

  However, when a variable is included with text inside the Badge, the children property is interpreted as an array. This prevents a very reasonable use case from being allowed:

  <Badge>{jobs.length} Jobs</Badge>
  // Error: Type '{ children: string[]; }' is not assignable to type 'BadgeProps'.
  

  This change allows Badge to accept a string, number, or array thereof.

• Fix circular dependencies (#1444)

Minor Changes

• IconSocialX: Add new icon (#1438)

  Add the new IconSocialX component to the suite of social icons, enabling teams to migrate across from IconSocialTwitter which has now been marked as deprecated.

  EXAMPLE USAGE:

  <IconSocialX />
  

  MIGRATION GUIDE:
  Teams should migrate from IconSocialTwitter to IconSocialX at their earliest convenience. The IconSocialTwitter component will be removed in a future release.

  -<IconSocialTwitter />
  +<IconSocialX />
  

• IconSort: Add new icon (#1438)

  EXAMPLE USAGE:

  <IconSort />
  

Patch Changes

• Icons: Update social icons (#1438)

  Update the suite of social icons to be more uniformly sized alongside each other as well as updating the Medium icon to reflect the latest branding.

• IconMoney: Update artwork to be currency agnostic (#1438)

Patch Changes

• Update react-focus-lock to avoid build warnings in Rollup and Vite (#1433)

Minor Changes

• Add optional logoHref prop to HeaderNavigation, which allows you to customise the route when clicking the Logo. (#1435)

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

Minor Changes

• seekJobs: Update formAccent colour (#1387)

  The formAccent tone, used through our form fields and buttons, is being updated to a derivative of the SEEK brand blue.

  As this update only relates to the seekJobs theme, consumers of other themes will not be affected.

Patch Changes

• The Braid Provider contains some code to check that it's running in a browser context (otherwise a BraidTestProvider should be used). (#1382)

  Part of this check was looking to see if there was a navigator object, which was not available in Node.
  If there were, it would check the userAgent to determine if it was inside jsdom.

  Node 21 has a navigator object, but it doesn't have a userAgent property, so this check was failing (cannot read property 'indexOf' of undefined).

  The "are we in JSDom" check in the BraidProvider has now been reworked slightly to account for the potentially existing but empty navigator object.

Patch Changes

• TextLink, TextLinkButton: Ensure consistent underline thickness on weak links (#1380)

  A subtle bug affecting weak links was resulting in a change in underline thickness on hover.
  This bug has been fixed such that weak links now always have the same underline thickness regardless of hover state.

Patch Changes

• Fix an arbitrary code execution vulnerability (#1377)