v35.4.0

Permalink to documentation

Minor Changes

• #2108 e5be3db3 Thanks @mperrotti! - Adds a draft component to render a basic segmented control.

• #2139 f17446e0 Thanks @owenniblock! - Changes focus rules of TabNav to match WAI-ARIA rules for tablist

Patch Changes

• #2099 40da598e Thanks @siddharthkp! - AnchoredOverlay: aria-expanded attribute is removed from anchor when overlay is not open

• #2155 003cbcf0 Thanks @mperrotti! - Update Checkbox component to useIsomorphicLayoutEffect instead of useLayoutEffect to support SSR

• #2154 96ad635b Thanks @mperrotti! - Allow "falsely/empty" Autocomplete.Input values

• #2153 ce45de30 Thanks @willglas! - Add AutocompleteContext to Autocomplete component exports

• #2105 c7bbd06f Thanks @siddharthkp! - ActionMenu: Replace typeahead behavior with single key mnemonics

• #2125 78dc8134 Thanks @owenniblock! - Adds roles of tablist and tab to the TabNav component, required rearranging the HTML elements to be semantically correct

• #2149 b3a98bac Thanks @dgreif! - Converted commonjs require of focus-visible to an esm import

• #2120 53713b2f Thanks @colebemis! - Deprecate SideNav in favor of NavList.

  Before

  <SideNav aria-label="Main">
    <SideNav.Link href="/" selected>
      Home
    </SideNav.Link>
    <SideNav.Link href="/about">About</SideNav.Link>
    <SideNav.Link href="/contact">Contact</SideNav.Link>
  </SideNav>

  After

  <NavList aria-label="Main">
    <NavList.Item href="/" aria-current="page">
      Home
    </NavList.Item>
    <NavList.Item href="/about">About</NavList.Item>
    <NavList.Item href="/contact">Contact</NavList.Item>
  </NavList>

• #2133 65fcd9f2 Thanks @mattcosta7! - Passthrough ActionList.Group props from NavList.Group

• #2158 ac92de47 Thanks @owenniblock! - Fixes issue when tabs are not links

Documentation

https://primer.style/react

https://primer-1ccf29cffb-13348165.drafts.github.io