|
1 | 1 | # @primer/react-brand
|
2 | 2 |
|
| 3 | +## 0.44.0 |
| 4 | + |
| 5 | +### Minor Changes |
| 6 | + |
| 7 | +- [#824](https://github.com/primer/brand/pull/824) [`6e398ba7`](https://github.com/primer/brand/commit/6e398ba7272d53e4fc8e00f4b4fd46b29a4bc666) Thanks [@rezrah](https://github.com/rezrah)! - Updates to `SubNav` component |
| 8 | + |
| 9 | + - New anchor-based navigation pattern available: |
| 10 | + |
| 11 | + Use `variant="anchor"` on `SubNav.SubMenu` to apply anchor navigation as an alternative to the default dropdown-based submenu. |
| 12 | + |
| 13 | + ```jsx |
| 14 | + <SubNav> |
| 15 | + <SubNav.Heading href="#">Heading</SubNav.Heading> |
| 16 | + <SubNav.Link href="#" aria-current="page"> |
| 17 | + Link with anchor navigation |
| 18 | + <SubNav.SubMenu variant="anchor"> |
| 19 | + <SubNav.Link href="#">Anchor link one</SubNav.Link> |
| 20 | + <SubNav.Link href="#">Anchor link two</SubNav.Link> |
| 21 | + <SubNav.Link href="#">Anchor link three</SubNav.Link> |
| 22 | + <SubNav.Link href="#">Anchor link four</SubNav.Link> |
| 23 | + </SubNav.SubMenu> |
| 24 | + </SubNav.Link> |
| 25 | + <SubNav.Link href="#">Link</SubNav.Link> |
| 26 | + <SubNav.Link href="#">Link</SubNav.Link> |
| 27 | + </SubNav> |
| 28 | + ``` |
| 29 | + |
| 30 | + - Overlay now closes when user clicks outside of it |
| 31 | + |
| 32 | + - Dropdown submenus now appear with white and black background and foreground colors respectively, irrespective of color mode. |
| 33 | + |
| 34 | + - Various other visual updates to improve brand-alignment. These include adjustments to text size, weight, color and iconography. |
| 35 | + |
| 36 | +### Patch Changes |
| 37 | + |
| 38 | +- [#843](https://github.com/primer/brand/pull/843) [`7473042c`](https://github.com/primer/brand/commit/7473042c4ea4130f2d3fe9e4de88dd28899ce727) Thanks [@joshfarrant](https://github.com/joshfarrant)! - Added a small (200ms) delay to the closing of the `Tooltip` to make it easier for users to move their cursor to the contents of the `Tooltip`. |
| 39 | + |
| 40 | +- [#841](https://github.com/primer/brand/pull/841) [`78e82c16`](https://github.com/primer/brand/commit/78e82c160eaeb74cc76f5af6b3cbd1f29c4b4449) Thanks [@joshfarrant](https://github.com/joshfarrant)! - Improved accessibility in `AnchorNav` through clearer navigation menu labelling for screen reader users on narrow viewports. |
| 41 | + |
| 42 | +- [#833](https://github.com/primer/brand/pull/833) [`0f8bfa65`](https://github.com/primer/brand/commit/0f8bfa65876be7febfb37e3b9141f16731445aea) Thanks [@rezrah](https://github.com/rezrah)! - `selected` breadcrumb items now use non-interactive elements for improved keyboard navigation and correct semantics. |
| 43 | + |
| 44 | +- [#838](https://github.com/primer/brand/pull/838) [`bf785d6b`](https://github.com/primer/brand/commit/bf785d6ba409e6e87a57c3c9ce337c4db9f8630c) Thanks [@joshfarrant](https://github.com/joshfarrant)! - Updated the accessible label of the SubNav's open/close toggle button to include the name of the current page. |
| 45 | + |
3 | 46 | ## 0.43.0
|
4 | 47 |
|
5 | 48 | ### Minor Changes
|
|
0 commit comments