@primer/react-brand@0.31.0

Minor Changes

• #503 3098b3b Thanks @joseph-lozano! - Added SkipToContent button to SubdomainNavBar

• #548 f0a581c Thanks @rezrah! - Added new SubNav component

  Example:

  <SubNav>
    <SubNav.Heading>Features</SubNav.Heading>
    <SubNav.Link href="#">Actions</SubNav.Link>
    <SubNav.Link href="#">Packages</SubNav.Link>
    <SubNav.Link href="#" aria-current="page">
      Copilot
    </SubNav.Link>
    <SubNav.Link href="#">Code review</SubNav.Link>
  </SubNav>

  🔗 See the documentation for more examples

@primer/brand-primitives@0.31.0

@primer/brand-primitives@0.31.0

@primer/react-brand@0.30.3

Patch Changes

• #541 392d4c4 Thanks @danielguillan! - Adds hover states to the social icon links in MinimalFooter

• #542 79fa589 Thanks @rezrah! - - Added new size option to ActionMenu

  • Improved, automatic overlay positioning dependent on the action menu's location in the viewport.

  Example:

  <>
    <ActionMenu size="small">
      <ActionMenu.Button>Small</ActionMenu.Button>
      <ActionMenu.Overlay aria-label="Menu items">
        <ActionMenu.Item value="Item 1">Item 1</ActionMenu.Item>
        <ActionMenu.Item value="Item 2">Item 2</ActionMenu.Item>
      </ActionMenu.Overlay>
    </ActionMenu>
    <ActionMenu size="medium">
      <ActionMenu.Button>Medium</ActionMenu.Button>
      <ActionMenu.Overlay aria-label="Menu items">
        <ActionMenu.Item value="Item 1">Item 1</ActionMenu.Item>
        <ActionMenu.Item value="Item 2">Item 2</ActionMenu.Item>
      </ActionMenu.Overlay>
    </ActionMenu>
  </>

  🔗 See the documentation for more examples

@primer/brand-primitives@0.30.3

@primer/brand-primitives@0.30.3

@primer/react-brand@0.30.2

Patch Changes

• #534 f196cea Thanks @rezrah! - Added x variant to UnorderedList, and leadingVisual, variant, leadingVisualAriaLabel and leadingVisualFill props to list items.

  Example:

  <UnorderedList variant="x">
    <UnorderedList.Item leadingVisual={CheckIcon} leadingVisualFill="green">
      Check icon override in green
    </UnorderedList.Item>
    <UnorderedList.Item leadingVisualFill="orange">X icon in orange</UnorderedList.Item>
    <UnorderedList.Item leadingVisualFill="red">X icon in red</UnorderedList.Item>
    <UnorderedList.Item leadingVisualFill="blue">X icon in blue</UnorderedList.Item>
    <UnorderedList.Item leadingVisualFill="purple">X icon in purple</UnorderedList.Item>{' '}
    <UnorderedList.Item variant="muted">Muted text color</UnorderedList.Item>
  </UnorderedList>

@primer/brand-primitives@0.30.2

@primer/brand-primitives@0.30.2

@primer/react-brand@0.30.1

Patch Changes

• #523 f6f4c66 Thanks @rezrah! - - Improved keyboard navigation for FAQ and accordion components.

  • Pressing the escape key will now return focus to the closest accordion toggle.

• #529 d00cf4e Thanks @alexbuiltit! - Added className forwarding to Hero.Description

• #533 143c4f8 Thanks @rezrah! - Add default inline link colors to Timeline.Item

• #532 17df500 Thanks @danielguillan! - Adds color mode support to the Testimonial component

• #524 365e01e Thanks @rezrah! - Added previously missing site title to SubdomainNavBar component menu on narrow viewports

• #517 6874019 Thanks @rezrah! - Added Label child support for River and Bento component

@primer/brand-primitives@0.30.1

@primer/brand-primitives@0.30.1

@primer/react-brand@0.30.0

Minor Changes

• #507 2309d7d Thanks @langermank! - Renames --brand-Image-ratio-custom to --brand-image-aspectRatio

Patch Changes

• #499 a3b02ad Thanks @rezrah! - Added onKeyDown event handler to ActionMenu to replicate onClick using Enter key

• #506 3b6eb7b Thanks @langermank! - Remove unused ActionMenu color tokens

  Tokens removed:
  --brand-ActionMenu-color-border-rest
  --brand-ActionMenu-color-border-hover
  --brand-ActionMenu-color-border-active

• #498 c3d7bdb Thanks @rezrah! - Added secondary action support to anchor nav.

  When two actions are present, the first action becomes a primary button variant.

  <AnchorNav>
    {/* ... */}
    <AnchorNav.Action href="#">Get started</AnchorNav.Action>
    <AnchorNav.SecondaryAction href="#">Compare plans</AnchorNav.SecondaryAction>
  </AnchorNav>

@primer/brand-primitives@0.30.0

Minor Changes

• #507 2309d7d Thanks @langermank! - Renames --brand-Image-ratio-custom to --brand-image-aspectRatio

Patch Changes

• #506 3b6eb7b Thanks @langermank! - Remove unused ActionMenu color tokens

  Tokens removed:
  --brand-ActionMenu-color-border-rest
  --brand-ActionMenu-color-border-hover
  --brand-ActionMenu-color-border-active