[email protected]

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.

[email protected]

Patch Changes

• Fix an arbitrary code execution vulnerability (#1377)

[email protected]

Patch Changes

• TooltipRenderer: Re-evaluate position when trigger or children changes (#1374)

  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.

@braid-design-system/[email protected]

Patch Changes

• Preserve new lines in the output code (#1372)

  Before:

  const responsiveValue = useResponsiveValue();
  const isMobile = responsiveValue({
    mobile: true,
    tablet: false,
  });
  const isDesktopOrAbove = responsiveValue({
    mobile: false,
    desktop: true,
  });

  After:

  const responsiveValue = useResponsiveValue();
  
  const isMobile = responsiveValue({
    mobile: true,
    tablet: false,
  });
  
  const isDesktopOrAbove = responsiveValue({
    mobile: false,
    desktop: true,
  });

[email protected]

Patch Changes

• When animating an SVG circle, it seems that the width changes slightly, which on Loader was causing the right-most one to push off the boundaries of the SVG View Box. (#1370)

  This has been fixed so clipping should no longer occur.

@braid-design-system/[email protected]

Minor Changes

• Initial release of the source.macro package (#1362)

[email protected]

Minor Changes

• Button, ButtonLink: Default to neutral ghost in non-legacy themes (#1363)

  By default, a button now has a neutral tone and uses the ghost variant, allowing the visual prominence to be increased or decreased as required, enabling colour to be applied as accents and with purpose, rather than by default.

  <Button />
  // => tone="neutral" & variant="ghost"

  To compliment this, when a tone is purposefully applied, the default variant becomes solid to maximise its impact — allowing the visual prominence to be reduced as needed.

  <Button tone="brandAccent" />
  // => tone="brandAccent" & variant="solid"

  No change for apac and seekBusiness consumers

  Given the fundamental change in approach to colour and usage of such a core component, this change has been isolated to newer themes and does not impact apac and seekBusiness consumers.

  These themes will continue to have a tone of formAccent and a solid variant by default, allowing consumers to adopt this new approach as part of the design uplift when migrating to an updated theme, e.g. seekJobs.

[email protected]

Minor Changes

• Button, ButtonLink: Provide formAccent as the name for undefined tone (#1359)

  Formalise the name of the undefined tone as formAccent, making it more discoverable as an accent available for increased prominence.

  Note: Consumers should only apply this tone where an action should be emphasized explicitly. The undefined value is still valid for buttons that should follow the default button style of the theme.

  EXAMPLE USAGE:

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

[email protected]

Patch Changes

• Update dependencies for codemod (#1353)

[email protected]

Minor Changes

• seekJobs: Change link colour to neutral (#1347)

  Changing the foregroundColor token for link on the seekJobs theme to align with neutral text.
  Our different approach to using colour has seen links dialled back to compete less with other messaging and CTAs.

  This affects the following usages across the system:

  • vars.foregroundColor.link
  • Text (using tone="link")
  • TextLink and (TextLinkButton)

Patch Changes

• TextLink, TextLinkButton: Underline regular links in non-legacy themes (#1347)

  To improve affordance beyond primarily being colour, a TextLink (and TextLinkButton) will now always be underlined, in line with best practice accessibility guidelines.

  Given this has not been the case previously, this decision has been applied to non-legacy themes only, as such only affecting consumers of seekJobs, docs and wireframe.

• TextLink, TextLinkButton: Apply themed focus outline (#1347)

  Apply a focus outline using the relevant focus attributes from the theme, bringing TextLink (and TextLinkButton) into line with the focus treatment applied to rest of the system.

• TextLink, TextLinkButton: Reduce weak links to regular font weight (#1347)

  The font weight of a weak link is now reduced to regular weight, reducing the link's visual prominence in addition to following the neutral text colour.

• docs: Lighten soft background tokens (#1347)

  Lighten the brandAccentSoft and formAccentSoft background tokens for the docs theme.

• Dialog, Drawer: Adapt max height to available viewport space (#1352)

  Make use of the new dynamic viewport units for applying a max height to modal elements such as Dialog and Drawer. These new units take into account dynamic browser toolbars that expand and contract as the user scrolls, ensuring the browser interface never obscures the web site content.

  Fix also incorporates fallback for older browsers to use regular viewport units.