diff --git a/.changeset/eight-gorillas-rescue.md b/.changeset/eight-gorillas-rescue.md deleted file mode 100644 index 3650f6106..000000000 --- a/.changeset/eight-gorillas-rescue.md +++ /dev/null @@ -1,5 +0,0 @@ ---- -'@primer/react-brand': patch ---- - -Allow `AnchorNav` links to wrap to the next line in the expanded list on narrow viewports. diff --git a/.changeset/good-fishes-yawn.md b/.changeset/good-fishes-yawn.md deleted file mode 100644 index bb659d75e..000000000 --- a/.changeset/good-fishes-yawn.md +++ /dev/null @@ -1,5 +0,0 @@ ---- -'@primer/react-brand': patch ---- - -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`. diff --git a/.changeset/itchy-apes-peel.md b/.changeset/itchy-apes-peel.md deleted file mode 100644 index dc7fe7940..000000000 --- a/.changeset/itchy-apes-peel.md +++ /dev/null @@ -1,5 +0,0 @@ ---- -'@primer/react-brand': patch ---- - -Improved accessibility of `Button` and `Link` components on Windows-based high contrast themes. Outlines are now visible only when focused, and border underlines will appear correctly. diff --git a/.changeset/kind-comics-tickle.md b/.changeset/kind-comics-tickle.md deleted file mode 100644 index a9ec41989..000000000 --- a/.changeset/kind-comics-tickle.md +++ /dev/null @@ -1,5 +0,0 @@ ---- -'@primer/react-brand': patch ---- - -Improved accessibility in `AnchorNav` through clearer navigation menu labelling for screen reader users on narrow viewports. diff --git a/.changeset/lovely-berries-smash.md b/.changeset/lovely-berries-smash.md deleted file mode 100644 index 62010b74a..000000000 --- a/.changeset/lovely-berries-smash.md +++ /dev/null @@ -1,5 +0,0 @@ ---- -'@primer/react-brand': minor ---- - -Reduced the text size in `FormControl.Hint` and `FormControl.Validation` components to match their counterparts in `CheckboxGroup` and `RadioGroup` for improved consistency and visual design accuracy. diff --git a/.changeset/lovely-jobs-lay.md b/.changeset/lovely-jobs-lay.md deleted file mode 100644 index 346034a61..000000000 --- a/.changeset/lovely-jobs-lay.md +++ /dev/null @@ -1,10 +0,0 @@ ---- -'@primer/react-brand': minor ---- - -New `Icon` component is generally available. - -Example: - - -🔗 [Read the documentation for more usage examples](https://primer.style/brand/components/Icon) diff --git a/.changeset/popular-seas-yawn.md b/.changeset/popular-seas-yawn.md deleted file mode 100644 index 8fe0fdccc..000000000 --- a/.changeset/popular-seas-yawn.md +++ /dev/null @@ -1,49 +0,0 @@ ---- -'@primer/react-brand': minor ---- - -New `CheckboxGroup` and `RadioGroup` components to group `Checkbox` and `Radio` components are now available. - -`CheckboxGroup` - -```jsx - - Choose your favorite features - - Actions notifications - - - - Packages - - - - Codespaces - - - -``` - -🔗 [Read the documentation for more `CheckboxGroup` examples](https://primer.style/brand/components/RadioGroup/react) - -`RadioGroup`: - -```jsx - - Choose your primary workspace - - Codespaces - - - - Local environment - - - - Pen and paper - - - -``` - -🔗 [Read the documentation for more `RadioGroup` examples](https://primer.style/brand/components/RadioGroup/react) diff --git a/.changeset/sharp-pets-thank.md b/.changeset/sharp-pets-thank.md deleted file mode 100644 index cc8ead41f..000000000 --- a/.changeset/sharp-pets-thank.md +++ /dev/null @@ -1,5 +0,0 @@ ---- -'@primer/react-brand': patch ---- - -`selected` breadcrumb items now use non-interactive elements for improved keyboard navigation and correct semantics. diff --git a/.changeset/shiny-mice-promise.md b/.changeset/shiny-mice-promise.md deleted file mode 100644 index d61126472..000000000 --- a/.changeset/shiny-mice-promise.md +++ /dev/null @@ -1,5 +0,0 @@ ---- -'@primer/react-brand': patch ---- - -Updated the accessible label of the SubNav's open/close toggle button to include the name of the current page. diff --git a/.changeset/shiny-taxis-cover.md b/.changeset/shiny-taxis-cover.md deleted file mode 100644 index af3ed87ff..000000000 --- a/.changeset/shiny-taxis-cover.md +++ /dev/null @@ -1,32 +0,0 @@ ---- -'@primer/react-brand': minor ---- - -Updates to `SubNav` component - -- New anchor-based navigation pattern available: - - Use `variant="anchor"` on `SubNav.SubMenu` to apply anchor navigation as an alternative to the default dropdown-based submenu. - - ```jsx - - Heading - - Link with anchor navigation - - Anchor link one - Anchor link two - Anchor link three - Anchor link four - - - Link - Link - - ``` - -- Overlay now closes when user clicks outside of it - -- Dropdown submenus now appear with white and black background and foreground colors respectively, irrespective of color mode. - -- Various other visual updates to improve brand-alignment. These include adjustments to text size, weight, color and iconography. diff --git a/.changeset/sour-numbers-pretend.md b/.changeset/sour-numbers-pretend.md deleted file mode 100644 index e0e4741f0..000000000 --- a/.changeset/sour-numbers-pretend.md +++ /dev/null @@ -1,5 +0,0 @@ ---- -'@primer/react-brand': patch ---- - -Fixed bug where `TextInput`, `TextArea`, and `Select` components would expand to the width of a the validation message on the parent `FormControl`. diff --git a/apps/storybook/CHANGELOG.md b/apps/storybook/CHANGELOG.md index fee5c5171..3be03c9de 100644 --- a/apps/storybook/CHANGELOG.md +++ b/apps/storybook/CHANGELOG.md @@ -1,5 +1,7 @@ # @primer/brand-storybook +## 0.44.0 + ## 0.43.0 ## 0.42.1 diff --git a/apps/storybook/package.json b/apps/storybook/package.json index c63aae1ea..24de2177d 100644 --- a/apps/storybook/package.json +++ b/apps/storybook/package.json @@ -1,6 +1,6 @@ { "name": "@primer/brand-storybook", - "version": "0.43.0", + "version": "0.44.0", "private": true, "description": "Primer Brand Storybook", "keywords": [ diff --git a/packages/design-tokens/CHANGELOG.md b/packages/design-tokens/CHANGELOG.md index 875972587..903ae3ec6 100644 --- a/packages/design-tokens/CHANGELOG.md +++ b/packages/design-tokens/CHANGELOG.md @@ -1,5 +1,7 @@ # @primer/brand-primitives +## 0.44.0 + ## 0.43.0 ## 0.42.1 diff --git a/packages/design-tokens/package.json b/packages/design-tokens/package.json index b9c9f3ce1..0367a95da 100644 --- a/packages/design-tokens/package.json +++ b/packages/design-tokens/package.json @@ -1,6 +1,6 @@ { "name": "@primer/brand-primitives", - "version": "0.43.0", + "version": "0.44.0", "description": "Color, spacing, and typography primitives for the Primer Brand Design System ", "keywords": [ "primer", diff --git a/packages/e2e/CHANGELOG.md b/packages/e2e/CHANGELOG.md index 762e97d49..814e662cf 100644 --- a/packages/e2e/CHANGELOG.md +++ b/packages/e2e/CHANGELOG.md @@ -1,5 +1,7 @@ # @primer/brand-e2e +## 0.44.0 + ## 0.43.0 ## 0.42.1 diff --git a/packages/e2e/package.json b/packages/e2e/package.json index ca07119cc..16562475f 100644 --- a/packages/e2e/package.json +++ b/packages/e2e/package.json @@ -1,6 +1,6 @@ { "name": "@primer/brand-e2e", - "version": "0.43.0", + "version": "0.44.0", "private": true, "description": "Primer Brand is a GitHub's design system for creating React-based marketing websites and digital experiences.", "keywords": [ diff --git a/packages/fonts/CHANGELOG.md b/packages/fonts/CHANGELOG.md index db653b043..8ef9db6df 100644 --- a/packages/fonts/CHANGELOG.md +++ b/packages/fonts/CHANGELOG.md @@ -1,5 +1,7 @@ # @primer/brand-fonts +## 0.44.0 + ## 0.43.0 ## 0.42.1 diff --git a/packages/fonts/package.json b/packages/fonts/package.json index 7f0ab1c8f..e367545f7 100644 --- a/packages/fonts/package.json +++ b/packages/fonts/package.json @@ -1,6 +1,6 @@ { "name": "@primer/brand-fonts", - "version": "0.43.0", + "version": "0.44.0", "private": true, "description": "Primer Brand is a GitHub's design system for creating React-based marketing websites and digital experiences.", "keywords": [ diff --git a/packages/react/CHANGELOG.md b/packages/react/CHANGELOG.md index 49166d1f1..bc58e109c 100644 --- a/packages/react/CHANGELOG.md +++ b/packages/react/CHANGELOG.md @@ -1,5 +1,109 @@ # @primer/react-brand +## 0.44.0 + +### Minor Changes + +- [#831](https://github.com/primer/brand/pull/831) [`8c3448d0`](https://github.com/primer/brand/commit/8c3448d0c1d2a0cfd1a2268e3f0cf835f924d540) Thanks [@joshfarrant](https://github.com/joshfarrant)! - Reduced the text size in `FormControl.Hint` and `FormControl.Validation` components to match their counterparts in `CheckboxGroup` and `RadioGroup` for improved consistency and visual design accuracy. + +- [#844](https://github.com/primer/brand/pull/844) [`00275979`](https://github.com/primer/brand/commit/00275979c386bd3d5761a4dab2d8d6bb92f03279) Thanks [@joshfarrant](https://github.com/joshfarrant)! - New `Icon` component is generally available. + + Example: + + + 🔗 [Read the documentation for more usage examples](https://primer.style/brand/components/Icon) + +- [#830](https://github.com/primer/brand/pull/830) [`1f9eb72b`](https://github.com/primer/brand/commit/1f9eb72b23148cc7e5180dc691c11e507ef660fa) Thanks [@joshfarrant](https://github.com/joshfarrant)! - New `CheckboxGroup` and `RadioGroup` components to group `Checkbox` and `Radio` components are now available. + + `CheckboxGroup` + + ```jsx + + Choose your favorite features + + Actions notifications + + + + Packages + + + + Codespaces + + + + ``` + + 🔗 [Read the documentation for more `CheckboxGroup` examples](https://primer.style/brand/components/RadioGroup/react) + + `RadioGroup`: + + ```jsx + + Choose your primary workspace + + Codespaces + + + + Local environment + + + + Pen and paper + + + + ``` + + 🔗 [Read the documentation for more `RadioGroup` examples](https://primer.style/brand/components/RadioGroup/react) + +- [#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 + + - New anchor-based navigation pattern available: + + Use `variant="anchor"` on `SubNav.SubMenu` to apply anchor navigation as an alternative to the default dropdown-based submenu. + + ```jsx + + Heading + + Link with anchor navigation + + Anchor link one + Anchor link two + Anchor link three + Anchor link four + + + Link + Link + + ``` + + - Overlay now closes when user clicks outside of it + + - Dropdown submenus now appear with white and black background and foreground colors respectively, irrespective of color mode. + + - Various other visual updates to improve brand-alignment. These include adjustments to text size, weight, color and iconography. + +### Patch Changes + +- [#842](https://github.com/primer/brand/pull/842) [`26f79f62`](https://github.com/primer/brand/commit/26f79f629a503bfa0b26f61829cb9c692c6cce5e) Thanks [@joshfarrant](https://github.com/joshfarrant)! - Allow `AnchorNav` links to wrap to the next line in the expanded list on narrow viewports. + +- [#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`. + +- [#847](https://github.com/primer/brand/pull/847) [`c3ca91c8`](https://github.com/primer/brand/commit/c3ca91c898cc222525f28accea0c34243affc72f) Thanks [@stamat](https://github.com/stamat)! - Improved accessibility of `Button` and `Link` components on Windows-based high contrast themes. Outlines are now visible only when focused, and border underlines will appear correctly. + +- [#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. + +- [#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. + +- [#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. + +- [#828](https://github.com/primer/brand/pull/828) [`652e7ff0`](https://github.com/primer/brand/commit/652e7ff0e4ae20728b9f23ce2c83932b9b8afa41) Thanks [@joshfarrant](https://github.com/joshfarrant)! - Fixed bug where `TextInput`, `TextArea`, and `Select` components would expand to the width of a the validation message on the parent `FormControl`. + ## 0.43.0 ### Minor Changes diff --git a/packages/react/package.json b/packages/react/package.json index 9a247a188..a79e60d73 100644 --- a/packages/react/package.json +++ b/packages/react/package.json @@ -1,6 +1,6 @@ { "name": "@primer/react-brand", - "version": "0.43.0", + "version": "0.44.0", "description": "Primer Brand is a GitHub's design system for creating React-based marketing websites and digital experiences.", "keywords": [ "primer", diff --git a/packages/repo-configs/CHANGELOG.md b/packages/repo-configs/CHANGELOG.md index 56bd5d31f..5a5cffa1a 100644 --- a/packages/repo-configs/CHANGELOG.md +++ b/packages/repo-configs/CHANGELOG.md @@ -1,5 +1,7 @@ # @primer/brand-config +## 0.44.0 + ## 0.43.0 ## 0.42.1 diff --git a/packages/repo-configs/package.json b/packages/repo-configs/package.json index 27facdfc4..0540f65fb 100644 --- a/packages/repo-configs/package.json +++ b/packages/repo-configs/package.json @@ -1,6 +1,6 @@ { "name": "@primer/brand-config", - "version": "0.43.0", + "version": "0.44.0", "private": true, "description": "General-purpose configurations for maintaining Primer Brand", "homepage": "https://primer.style/brand",