diff --git a/.changeset/cold-items-try.md b/.changeset/cold-items-try.md deleted file mode 100644 index 2ce59c8b0..000000000 --- a/.changeset/cold-items-try.md +++ /dev/null @@ -1,12 +0,0 @@ ---- -'@primer/react-brand': minor ---- - -Improved a11y labelling in various components. - -Please note these changes could affect any behavioral tests, which rely on accessible matchers such as `getByRole`. - -- `SubdomainNavBar` search button `aria-label` changed from 'search' to 'Toggle search bar' -- `SubdomainNavBar` removal of unnecessary `aria-label` 'global breadcrumb' -- `Checkbox` addition of new label for `checked` state icon as 'Checkmark' -- `Checkbox` addition of new label for `indeterminate` state icon as 'Dash icon' diff --git a/.changeset/empty-poems-sort.md b/.changeset/empty-poems-sort.md deleted file mode 100644 index 68ebc898f..000000000 --- a/.changeset/empty-poems-sort.md +++ /dev/null @@ -1,5 +0,0 @@ ---- -'@primer/react-brand': patch ---- - -Updated `SubNav` links and submenus to use `ul` and `li` elements — instead of `div` elements — to communicate the hierarchy of the navigation to assistive technologies. diff --git a/.changeset/lovely-timers-visit.md b/.changeset/lovely-timers-visit.md deleted file mode 100644 index 6201feb57..000000000 --- a/.changeset/lovely-timers-visit.md +++ /dev/null @@ -1,25 +0,0 @@ ---- -'@primer/brand-primitives': minor ---- - -Change to `xxlarge` breakpoint and the addition of two new base scale size tokens. - -Outcome of an upgrade to Primer Primitives `v9` release. - -```diff -+ --base-size-2: 0.125rem; -``` - -```diff -+ --base-size-6: 0.375rem; -``` - -```diff -- --brand-breakpoint-xxlarge: 90rem; -+ --brand-breakpoint-xxlarge: 87.5rem; -``` - -```diff -- @custom-media --brand-viewportRange-wide-viewport (min-width: 90rem); -+ @custom-media --brand-viewportRange-wide-viewport (min-width: 87.5rem); -``` diff --git a/.changeset/quick-poems-know.md b/.changeset/quick-poems-know.md deleted file mode 100644 index d7e24bef5..000000000 --- a/.changeset/quick-poems-know.md +++ /dev/null @@ -1,5 +0,0 @@ ---- -'@primer/react-brand': patch ---- - -`ActionMenu` button no longer truncates longer labels. Now follows WCAG criterion around text reflow. diff --git a/.changeset/swift-doors-knock.md b/.changeset/swift-doors-knock.md deleted file mode 100644 index e6e71b706..000000000 --- a/.changeset/swift-doors-knock.md +++ /dev/null @@ -1,17 +0,0 @@ ---- -'@primer/react-brand': minor ---- - -New `Footnotes` component generally available - -```js -import {Footnotes} from '@primer/react-brand' -``` - -```jsx - - There are now 100 million developers around the world using GitHub. - -``` - -:link: [Read the documentation for usage guidelines and examples](https://primer.style/brand/components/Footnotes) diff --git a/.changeset/three-sloths-grin.md b/.changeset/three-sloths-grin.md deleted file mode 100644 index 3f42eb16f..000000000 --- a/.changeset/three-sloths-grin.md +++ /dev/null @@ -1,11 +0,0 @@ ---- -'@primer/react-brand': patch ---- - -Hide paged items in Pagination component on narrow viewports to prevent horizontal scrolling and offer improved accessibility by default. - -Use `showPages` to re-enable paged items if required: - -```jsx - -``` diff --git a/apps/storybook/CHANGELOG.md b/apps/storybook/CHANGELOG.md index c7e496b4d..51aa3f268 100644 --- a/apps/storybook/CHANGELOG.md +++ b/apps/storybook/CHANGELOG.md @@ -1,5 +1,7 @@ # @primer/brand-storybook +## 0.39.0 + ## 0.38.0 ## 0.37.0 diff --git a/apps/storybook/package.json b/apps/storybook/package.json index d44bf40a8..13a66ea97 100644 --- a/apps/storybook/package.json +++ b/apps/storybook/package.json @@ -1,6 +1,6 @@ { "name": "@primer/brand-storybook", - "version": "0.38.0", + "version": "0.39.0", "private": true, "description": "Primer Brand Storybook", "keywords": [ diff --git a/packages/design-tokens/CHANGELOG.md b/packages/design-tokens/CHANGELOG.md index 332913634..36956bc6f 100644 --- a/packages/design-tokens/CHANGELOG.md +++ b/packages/design-tokens/CHANGELOG.md @@ -1,5 +1,31 @@ # @primer/brand-primitives +## 0.39.0 + +### Minor Changes + +- [#717](https://github.com/primer/brand/pull/717) [`24fc6d02`](https://github.com/primer/brand/commit/24fc6d0268ca1b12a9c77874fd980a67bdd11089) Thanks [@rezrah](https://github.com/rezrah)! - Change to `xxlarge` breakpoint and the addition of two new base scale size tokens. + + Outcome of an upgrade to Primer Primitives `v9` release. + + ```diff + + --base-size-2: 0.125rem; + ``` + + ```diff + + --base-size-6: 0.375rem; + ``` + + ```diff + - --brand-breakpoint-xxlarge: 90rem; + + --brand-breakpoint-xxlarge: 87.5rem; + ``` + + ```diff + - @custom-media --brand-viewportRange-wide-viewport (min-width: 90rem); + + @custom-media --brand-viewportRange-wide-viewport (min-width: 87.5rem); + ``` + ## 0.38.0 ### Minor Changes diff --git a/packages/design-tokens/package.json b/packages/design-tokens/package.json index 67a434eb2..42d345635 100644 --- a/packages/design-tokens/package.json +++ b/packages/design-tokens/package.json @@ -1,6 +1,6 @@ { "name": "@primer/brand-primitives", - "version": "0.38.0", + "version": "0.39.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 68edc6dff..1f5f459dc 100644 --- a/packages/e2e/CHANGELOG.md +++ b/packages/e2e/CHANGELOG.md @@ -1,5 +1,7 @@ # @primer/brand-e2e +## 0.39.0 + ## 0.38.0 ## 0.37.0 diff --git a/packages/e2e/package.json b/packages/e2e/package.json index df10b2951..e56ae681e 100644 --- a/packages/e2e/package.json +++ b/packages/e2e/package.json @@ -1,6 +1,6 @@ { "name": "@primer/brand-e2e", - "version": "0.38.0", + "version": "0.39.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 ba30379ec..e915656f4 100644 --- a/packages/fonts/CHANGELOG.md +++ b/packages/fonts/CHANGELOG.md @@ -1,5 +1,7 @@ # @primer/brand-fonts +## 0.39.0 + ## 0.38.0 ## 0.37.0 diff --git a/packages/fonts/package.json b/packages/fonts/package.json index bdbc72435..947ba01fb 100644 --- a/packages/fonts/package.json +++ b/packages/fonts/package.json @@ -1,6 +1,6 @@ { "name": "@primer/brand-fonts", - "version": "0.38.0", + "version": "0.39.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 094e0bef1..52f84d0d9 100644 --- a/packages/react/CHANGELOG.md +++ b/packages/react/CHANGELOG.md @@ -1,5 +1,46 @@ # @primer/react-brand +## 0.39.0 + +### Minor Changes + +- [#717](https://github.com/primer/brand/pull/717) [`24fc6d02`](https://github.com/primer/brand/commit/24fc6d0268ca1b12a9c77874fd980a67bdd11089) Thanks [@rezrah](https://github.com/rezrah)! - Improved a11y labelling in various components. + + Please note these changes could affect any behavioral tests, which rely on accessible matchers such as `getByRole`. + + - `SubdomainNavBar` search button `aria-label` changed from 'search' to 'Toggle search bar' + - `SubdomainNavBar` removal of unnecessary `aria-label` 'global breadcrumb' + - `Checkbox` addition of new label for `checked` state icon as 'Checkmark' + - `Checkbox` addition of new label for `indeterminate` state icon as 'Dash icon' + +- [#707](https://github.com/primer/brand/pull/707) [`715dfbb3`](https://github.com/primer/brand/commit/715dfbb3d00527cfc9050195f78c696638bbf7e6) Thanks [@rezrah](https://github.com/rezrah)! - New `Footnotes` component generally available + + ```js + import {Footnotes} from '@primer/react-brand' + ``` + + ```jsx + + There are now 100 million developers around the world using GitHub. + + ``` + + :link: [Read the documentation for usage guidelines and examples](https://primer.style/brand/components/Footnotes) + +### Patch Changes + +- [#711](https://github.com/primer/brand/pull/711) [`1cde8ef2`](https://github.com/primer/brand/commit/1cde8ef2c67794653da13863668c739116bae524) Thanks [@joshfarrant](https://github.com/joshfarrant)! - Updated `SubNav` links and submenus to use `ul` and `li` elements — instead of `div` elements — to communicate the hierarchy of the navigation to assistive technologies. + +- [#700](https://github.com/primer/brand/pull/700) [`47908f1e`](https://github.com/primer/brand/commit/47908f1e324d9cb138d7221a25b0e41664e128ff) Thanks [@rezrah](https://github.com/rezrah)! - `ActionMenu` button no longer truncates longer labels. Now follows WCAG criterion around text reflow. + +- [#714](https://github.com/primer/brand/pull/714) [`fb1980b1`](https://github.com/primer/brand/commit/fb1980b1c97254576ca03749d89526fbcbbbf336) Thanks [@rezrah](https://github.com/rezrah)! - Hide paged items in Pagination component on narrow viewports to prevent horizontal scrolling and offer improved accessibility by default. + + Use `showPages` to re-enable paged items if required: + + ```jsx + + ``` + ## 0.38.0 ### Minor Changes diff --git a/packages/react/package.json b/packages/react/package.json index e895dba16..cb1faad98 100644 --- a/packages/react/package.json +++ b/packages/react/package.json @@ -1,6 +1,6 @@ { "name": "@primer/react-brand", - "version": "0.38.0", + "version": "0.39.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 bc0126e5e..164149db7 100644 --- a/packages/repo-configs/CHANGELOG.md +++ b/packages/repo-configs/CHANGELOG.md @@ -1,5 +1,7 @@ # @primer/brand-config +## 0.39.0 + ## 0.38.0 ## 0.37.0 diff --git a/packages/repo-configs/package.json b/packages/repo-configs/package.json index 7eb209a06..9c314edc7 100644 --- a/packages/repo-configs/package.json +++ b/packages/repo-configs/package.json @@ -1,6 +1,6 @@ { "name": "@primer/brand-config", - "version": "0.38.0", + "version": "0.39.0", "private": true, "description": "General-purpose configurations for maintaining Primer Brand", "homepage": "https://primer.style/brand",