v33.9.1

Jun 27, 2025
  • ButtonIcon, TooltipRenderer: Remove unnecessary intermediary element around the tooltip trigger.

v33.8.0

Jun 23, 2025
  • TooltipRenderer: Improve tooltip positioning at viewport edges.

    Subtly adjusts tooltip edge padding and minimum arrow margins when triggered near window boundaries to ensure optimal arrow placement.

  • Autosuggest, MenuRenderer, OverflowMenu, TooltipRenderer: Refactor the internal layout of floating elements for improved consistency.

v33.7.0

May 21, 2025
  • Change id prop from required to optional, allowing simplified usage.

    Remove the uuid dependency which was previously used to generate fallback IDs in Playroom.

    EXAMPLE USAGE:

    - <AccordionItem id="item-1" ... />
    + <AccordionItem ... />
  • TooltipRenderer: Support long, unbroken text content

v32.14.1

Dec 4, 2023
  • TooltipRenderer: Fix useLayoutEffect warnings during SSR

v32.12.2

Oct 17, 2023
  • TooltipRenderer: Re-evaluate position when trigger or children changes

    Fixes an issue where the tooltip would not re-evaluate its position when the trigger or children prop changed while the tooltip was already open.

v32.7.0

Jun 23, 2023
  • TooltipRenderer: Fix arrow overlapping tooltip corner radius

    Fix for an edge case where the arrow on a small tooltip could the overlap the corner radius of the tooltip.

v32.3.0

Apr 6, 2023
  • TooltipRenderer: Remove custom background

    Use the correct semantic token for the background of tooltips. While there is no visual change, this is just a clean up to ensure the palette usage remains consistent.

v32.2.0

Mar 31, 2023
  • TooltipRenderer: Refine padding to complement radius scale

    Removes the custom padding on tooltips in favour of using the space scale. Previously, a custom value was used to complement the over sized radius which has now be reduced.

  • Improve consistency of border radius usage across components

    Over time, individual components have reached for a larger radius in the scale, rather than increasing the scale at a theme level. This resulted in inconsistent use across the system, preventing uplift of the scale.

    Re-aligning all components to use the scale consistently enables themes to apply very different radius scales — enabling an upcoming design uplift theme.

v31.9.0

Apr 8, 2022
  • TooltipRenderer: Ignore pointer events on tip container

    Fix for the container of the tooltip interferring with pointer events of the tooltip trigger itself.

v30.4.0

Aug 20, 2021
  • Alert, Badge, Button, ButtonLink, ButtonRenderer, Card, Dialog, MenuRenderer, OverflowMenu, Pagination, TooltipRenderer, useToast: Increase border radius using updated borderRadius scale

v29.29.1

Feb 23, 2021
  • TooltipRenderer: Support usage within Text elements

v29.29.0

Feb 23, 2021
  • TooltipRenderer: Add arrow to tooltip

v29.28.0

Feb 15, 2021
  • TooltipRenderer: Add placement prop, support top and bottom. Set default placement to top.

    EXAMPLE USAGE

    <TooltipRenderer
      id={id}
      tooltip={<Text>This is a tooltip!</Text>}
      placement="bottom"
    >
      {({ triggerProps }) => (
        <Box aria-label="Help" {...triggerProps}>
          <IconHelp />
        </Box>
      )}
    </TooltipRenderer>

v29.27.0

Feb 12, 2021
  • Add TooltipRenderer component

    Tooltips appear on mouse hover, tap and keyboard focus, and are hidden when scrolling and clicking/tapping/focusing on other elements.

    Tooltips cannot contain interactive elements like links, buttons or form elements.

    Note: The trigger element must support ref, tabIndex and aria-describedby props.

    EXAMPLE USAGE

    <TooltipRenderer
      id={id}
      tooltip={
        <Text>
          This is a tooltip!
        </Text>
      }
    >
      {({ triggerProps }) => (
        <Box aria-label="Help" {...triggerProps}>
          <IconHelp />
        </Box>
      )}
    </TooltipRenderer>