v29.29.0

Minor Changes

• Box: Support responsive borderRadius (#910)

  Adds support for responsive values to borderRadius.

  EXAMPLE USAGE:

  <Box borderRadius={['none', 'standard']}>...</Box>

• Button: Add support for ref and tabIndex props (#905)

• Card: Add component support (#910)

  The HTML tag can be customised to ensure the underlying document semantics are meaningful. This can be done using the component prop and supports div (default), article, aside, details, main and section.

  EXAMPLE USAGE:

  <Card component="article">...</Card>

• Badge: Add support for ref, tabIndex and aria-describedby props (#905)

• Card: Add tone support (#910)

  Specifying a tone will now add a keyline down the left hand side of the container. The supported tones are promote and formAccent.

  As a result, Cards are now position relative containers.

  EXAMPLE USAGE:

  <Card tone="formAccent">...</Card>

• TextLink, ButtonLink: Add support for ref prop (#905)

• Card: Add rounded and roundedAbove support (#910)

  Card corners can be rounded by providing the rounded prop.

  Alternatively, rounding may be applied responsively using the roundedAbove prop, and providing either mobile or tablet. This enables card edges to be softened on larger screens, but squared off if it runs full bleed on smaller devices.

  EXAMPLE USAGE:

  <Card rounded>...</Card>

  or

  <Card roundedAbove="mobile">...</Card>

Patch Changes

• Badge: Ensure ref, title, tabIndex and aria-describedby props are applied to the visual badge element, not its container element (#908)

• TooltipRenderer: Add arrow to tooltip (#908)