braid-design-system@33.13.0

Minor Changes

• Autosuggest: Add support for data attributes on individual suggestions (#1938)

  The data attributes are applied to each rendered list item.

  EXAMPLE USAGE:

  <Autosuggest
    suggestions={[
      {
        text: 'Apples',
        data: { testid: 'suggestion-apples' },
      },
    ]}
  />

Patch Changes

• ButtonIcon, TooltipRenderer: Close tooltips after clicking the trigger on desktop devices (#1932)

braid-design-system@33.12.4

Patch Changes

• Autosuggest, MenuRenderer, OverflowMenu, TooltipRenderer: Ensure TooltipRenderer is correctly positioned on Android devices (#1926)

  Additionally, adjust TooltipRenderer positioning at screen edges, removing extra edge spacing.
  This ensures the tooltip arrow is more closely aligned with the trigger when the trigger is near the edge of the screen.

braid-design-system@33.12.3

Patch Changes

• TooltipRenderer: Ensure Chinese text is not wrapped incorrectly (#1916)

  Right aligned tooltip triggers with tooltips containing long unbroken Chinese text are no longer forcibly broken across many lines.
  This was due to the use of overflow-wrap: break-word; used to break long strings of Latin characters—guarding against broken layouts.

  For Chinese, Japanese and Korean (CJK) character sets, to avoid the unwanted line breaks it is recommened to apply the word-break: keep-all; CSS property.

  See MDN reference for more information.

braid-design-system@33.12.2

Patch Changes

• Autosuggest, MenuRenderer, TooltipRenderer: Improve placement logic (#1904)

  In MenuRenderer, if there is not enough space for the menu above or below the trigger, the menu will be positioned based on the placement prop.

• Dialog, Drawer: Ensure page elements are not interactive during close animation (#1906)

braid-design-system@33.12.1

Patch Changes

• IconInfo: Update illustration (#1891)

braid-design-system@33.12.0

Minor Changes

• IconSocialTiktok: Add component (#1889)

  EXAMPLE USAGE:

  <IconSocialTiktok />

• IconMicrophone: Add component (#1887)

  EXAMPLE USAGE:

  <IconMicrophone />

Patch Changes

• IconAttachment, IconLocation: Update artworks to be more rounded and spacious, consistent with the latest design language (#1887)

braid-design-system@33.11.5

Patch Changes

• Button, ButtonIcon, ButtonLink: Remove use of deprecated outline atoms value, in favour of CSS property (#1871)

braid-design-system@33.11.4

Patch Changes

• Button, ButtonIcon, ButtonLink: Ensure active transition is correctly applied (#1868)

braid-design-system@33.11.3

Patch Changes

• Button, ButtonLink: Ensure focus ring supports bleed layout (#1866)

  Fixes the focus ring layout when combined with the bleed prop to ensure the outline wraps the visual boundary of the button.

braid-design-system@33.11.2

Patch Changes

• ButtonIcon: Better match Tooltip text size with size prop (#1864)

  When using a small ButtonIcon, the Tooltip text size is now set to small.
  For other sizes, the text remains at the default standard size.