diff --git a/.changeset/calm-scrolls-rest.md b/.changeset/calm-scrolls-rest.md deleted file mode 100644 index 8ff12d4975..0000000000 --- a/.changeset/calm-scrolls-rest.md +++ /dev/null @@ -1,5 +0,0 @@ ---- -'@primer/react-brand': patch ---- - -Fixed the global reset so smooth scrolling is disabled consistently when users prefer reduced motion. diff --git a/.changeset/clear-pages-compose.md b/.changeset/clear-pages-compose.md deleted file mode 100644 index a7fecfbc4d..0000000000 --- a/.changeset/clear-pages-compose.md +++ /dev/null @@ -1,10 +0,0 @@ ---- -'@primer/brand-mcp': patch ---- - -Improves guidance and examples delivered through the Primer Brand MCP tools: - -- Improves guidance delivered through the `primer_brand_review` tool. -- Cleaner output from the `primer_brand_examples` tool. -- Add new page design guidance advising that `River` descriptions are limited to 160 characters and the default `50:50` image-to-text ratio is preferred. -- Improved guidance on imagery used in `Hero` and `River` components diff --git a/.changeset/fix-action-menu-split-button-click.md b/.changeset/fix-action-menu-split-button-click.md deleted file mode 100644 index 01daaf27ff..0000000000 --- a/.changeset/fix-action-menu-split-button-click.md +++ /dev/null @@ -1,10 +0,0 @@ ---- -'@primer/react-brand': minor ---- - -Multiple `ActionMenu` component updates: - -- Calls consumer-provided `onClick` handlers in default and split-button modes. -- ⚠️ Breaking change to `ActionMenu.Button` in split-button mode. Custom HTML attributes are now correctly forwarded to the primary action instead of the menu toggle. This was the originally intended behavior. -- Forwards the `variant` prop in `default` mode correctly. `ActionMenu` can now render in all available `Button` variants. -- Forwards the `leadingVisual` prop in `default` mode. diff --git a/.changeset/fix-esm-control-color-tokens.md b/.changeset/fix-esm-control-color-tokens.md deleted file mode 100644 index 8ba66b350d..0000000000 --- a/.changeset/fix-esm-control-color-tokens.md +++ /dev/null @@ -1,5 +0,0 @@ ---- -'@primer/react-brand': patch ---- - -Fixed missing styles for ESM form controls, where the dependent design tokens were missing . Affects `TextInput`, `Textarea`, `Select`, `Checkbox`, `Radio`, and `FormControl`. diff --git a/.changeset/fresh-colors-map.md b/.changeset/fresh-colors-map.md deleted file mode 100644 index 0d6772d75b..0000000000 --- a/.changeset/fresh-colors-map.md +++ /dev/null @@ -1,7 +0,0 @@ ---- -'@primer/react-brand': patch -'@primer/brand-primitives': patch ---- - -- Mapped the light and dark `--brand-color-text-link-rest` values to `blue-6` and `blue-1`. -- Updated the light `--brand-color-canvas-muted` value to `#F9FBF9`. diff --git a/.changeset/fresh-images-flow.md b/.changeset/fresh-images-flow.md deleted file mode 100644 index cb6c91f951..0000000000 --- a/.changeset/fresh-images-flow.md +++ /dev/null @@ -1,9 +0,0 @@ ---- -'@primer/react-brand': minor ---- - -Removed the global `block` layout applied to `img` and `picture` elements to prevent overriding of default inline behavior. - -To minimize regressions, `block` has been applied to image elements at a component level instead. - -⚠️ If you previously relied on the `display: block` styling from our `reset.css`, please apply it manually in your application code. diff --git a/.changeset/fuzzy-years-smile.md b/.changeset/fuzzy-years-smile.md deleted file mode 100644 index 543296654b..0000000000 --- a/.changeset/fuzzy-years-smile.md +++ /dev/null @@ -1,5 +0,0 @@ ---- -'@primer/react-brand': patch ---- - -Fixed the `Hero` image border radius when rendering a `picture` element. diff --git a/.changeset/hero-button-group.md b/.changeset/hero-button-group.md deleted file mode 100644 index 14fdbbf604..0000000000 --- a/.changeset/hero-button-group.md +++ /dev/null @@ -1,22 +0,0 @@ ---- -'@primer/react-brand': patch ---- - -Added `Hero.ButtonGroup` for rendering `Button` and `ActionMenu` children. `Hero.ButtonGroup` is now the de facto way to display buttons in the `Hero`. - -⚠️ `Hero.PrimaryAction` and `Hero.SecondaryAction` are now deprecated. Please migrate over to `Hero.ButtonGroup` as they will be removed in a future release. - -Migrate using the following approach: - -```diff --Primary action --Secondary action -+ -+ -+ -+ -``` diff --git a/.changeset/hero-media-position-padding.md b/.changeset/hero-media-position-padding.md deleted file mode 100644 index 82c1124fa3..0000000000 --- a/.changeset/hero-media-position-padding.md +++ /dev/null @@ -1,15 +0,0 @@ ---- -'@primer/react-brand': minor -'@primer/brand-css': minor ---- - -⚠️ Breaking change to `Hero.Image` and `Hero.Video` ⚠️ - -Previously combined `padding` and `position` semantics have been separated. - -The `position` prop will now only control layout and positioning relative to the content. It accepts `block-end`, `inline-start`, or `inline-end`. - -```diff -- -+ -``` diff --git a/.changeset/neat-lists-align.md b/.changeset/neat-lists-align.md deleted file mode 100644 index e94dda4202..0000000000 --- a/.changeset/neat-lists-align.md +++ /dev/null @@ -1,5 +0,0 @@ ---- -'@primer/react-brand': patch ---- - -Fixed `NavList` indentation across grouped nested disclosure levels. diff --git a/.changeset/pagination-labels-prop.md b/.changeset/pagination-labels-prop.md deleted file mode 100644 index 4a5de96a00..0000000000 --- a/.changeset/pagination-labels-prop.md +++ /dev/null @@ -1,13 +0,0 @@ ---- -'@primer/react-brand': patch ---- - -Added a `labels` prop to the `Pagination` component for customizing the user-facing labels of the previous and next controls. - -```jsx - -``` diff --git a/.changeset/quiet-otters-dance.md b/.changeset/quiet-otters-dance.md deleted file mode 100644 index 0ef072e2b1..0000000000 --- a/.changeset/quiet-otters-dance.md +++ /dev/null @@ -1,13 +0,0 @@ ---- -'@primer/react-brand': minor ---- - -⚠️ Breaking change: Removed the `imageBackgroundColor` prop from `River.Visual`, `RiverBreakout.Visual`, and `RiverBreakoutTabs.Visual`. - -The `River` `gridline` variant now applies the full-bleed visual background layout by default. Remove `imageBackgroundColor="subtle"` from `River.Visual` when using the `gridline` variant. - -Remove `imageBackgroundColor` from `RiverBreakout.Visual` and `RiverBreakoutTabs.Visual` without replacement. Their default visual treatments are unchanged. - -The background treatment is not applied to the default `River` variant or either `RiverBreakout` variant. - -Updated the River `gridline` variant tablet layout with a `618px` max-width and lateral gridlines. diff --git a/.changeset/river-visual-layout.md b/.changeset/river-visual-layout.md deleted file mode 100644 index 76a149c548..0000000000 --- a/.changeset/river-visual-layout.md +++ /dev/null @@ -1,16 +0,0 @@ ---- -'@primer/react-brand': minor -'@primer/brand-css': minor -'@primer/brand-primitives': minor ---- - -Added opt-in `position` and `padding` controls to `River.Visual` media in the `gridline` variant. - -🔗 Storybook examples: - -- [Center position](https://stunning-chainsaw-j82glqz.pages.github.io/brand/storybook/?path=/story/components-river-features-gridline-variants--grid-line-visual-position-center) -- [Block-end position](https://stunning-chainsaw-j82glqz.pages.github.io/brand/storybook/?path=/story/components-river-features-gridline-variants--grid-line-visual-position-block-end) -- [Block-end inline-start position](https://stunning-chainsaw-j82glqz.pages.github.io/brand/storybook/?path=/story/components-river-features-gridline-variants--grid-line-visual-position-block-end-inline-start) -- [Block-end inline-end position](https://stunning-chainsaw-j82glqz.pages.github.io/brand/storybook/?path=/story/components-river-features-gridline-variants--grid-line-visual-position-block-end-inline-end) -- [No padding](https://stunning-chainsaw-j82glqz.pages.github.io/brand/storybook/?path=/story/components-river-features-gridline-variants--grid-line-visual-padding-none) -- [Padding on all sides](https://stunning-chainsaw-j82glqz.pages.github.io/brand/storybook/?path=/story/components-river-features-gridline-variants--grid-line-visual-padding-all) diff --git a/.changeset/silver-pandas-draw.md b/.changeset/silver-pandas-draw.md deleted file mode 100644 index 359afc6d6f..0000000000 --- a/.changeset/silver-pandas-draw.md +++ /dev/null @@ -1,5 +0,0 @@ ---- -'@primer/react-brand': patch ---- - -Improve `RiverAccordion` gridline layout on tablet viewports and update its accordion toggle icon from chevrons to triangles. diff --git a/.changeset/smart-wolves-pause.md b/.changeset/smart-wolves-pause.md deleted file mode 100644 index 4356512906..0000000000 --- a/.changeset/smart-wolves-pause.md +++ /dev/null @@ -1,5 +0,0 @@ ---- -'@primer/react-brand': patch ---- - -Removed the non-functional `VideoPlayer` `showControlsWhenPaused` prop from the public API and documentation. diff --git a/.changeset/soft-banners-sparkle.md b/.changeset/soft-banners-sparkle.md deleted file mode 100644 index c940835479..0000000000 --- a/.changeset/soft-banners-sparkle.md +++ /dev/null @@ -1,7 +0,0 @@ ---- -'@primer/react-brand': patch ---- - -- Restored rounded corners to `CTABanner` while preserving square edges when grid lines are enabled. -- Improved `ButtonGroup` to forward custom class names alongside its default styles. -- Added native `ActionMenu` child support to `ButtonGroup`, including automatic sizes and positional variants, and the `CTABanner.ButtonGroup` wrapper. diff --git a/.changeset/soft-clouds-shift.md b/.changeset/soft-clouds-shift.md deleted file mode 100644 index 4476f484d3..0000000000 --- a/.changeset/soft-clouds-shift.md +++ /dev/null @@ -1,5 +0,0 @@ ---- -'@primer/react-brand': patch ---- - -Updated `SectionIntroStacked` layout spacing for improved visual alignment. diff --git a/.changeset/tidy-traps-focus.md b/.changeset/tidy-traps-focus.md deleted file mode 100644 index 9d6cb8f9da..0000000000 --- a/.changeset/tidy-traps-focus.md +++ /dev/null @@ -1,5 +0,0 @@ ---- -'@primer/react-brand': minor ---- - -Exported `useFocusTrap` from the package root and created stable container and initial-focus refs when they are not provided. diff --git a/apps/next-docs/CHANGELOG.md b/apps/next-docs/CHANGELOG.md index 42799eef92..1dbc394088 100644 --- a/apps/next-docs/CHANGELOG.md +++ b/apps/next-docs/CHANGELOG.md @@ -1,5 +1,7 @@ # @primer/brand-docs +## 0.72.0 + ## 0.71.0 ## 0.70.0 diff --git a/apps/next-docs/package.json b/apps/next-docs/package.json index a9c34458ba..743f1276cf 100644 --- a/apps/next-docs/package.json +++ b/apps/next-docs/package.json @@ -1,6 +1,6 @@ { "name": "@primer/brand-docs", - "version": "0.71.0", + "version": "0.72.0", "private": true, "description": "Primer Brand Documentation", "keywords": [ @@ -39,9 +39,9 @@ }, "devDependencies": { "@github/prettier-config": "^0.0.6", - "@primer/brand-primitives": "^0.71.0", + "@primer/brand-primitives": "^0.72.0", "@primer/react": "38.18.0", - "@primer/react-brand": "0.71.0", + "@primer/react-brand": "0.72.0", "@swc/core": "^1.15.21", "@types/node": "24.12.0", "@types/react": "^19.2.6", diff --git a/apps/storybook/CHANGELOG.md b/apps/storybook/CHANGELOG.md index 8689baefa2..d616f77c73 100644 --- a/apps/storybook/CHANGELOG.md +++ b/apps/storybook/CHANGELOG.md @@ -1,5 +1,7 @@ # @primer/brand-storybook +## 0.72.0 + ## 0.71.0 ## 0.70.0 diff --git a/apps/storybook/package.json b/apps/storybook/package.json index 38da4e2f58..ee58d52d0a 100644 --- a/apps/storybook/package.json +++ b/apps/storybook/package.json @@ -1,6 +1,6 @@ { "name": "@primer/brand-storybook", - "version": "0.71.0", + "version": "0.72.0", "private": true, "type": "module", "description": "Primer Brand Storybook", diff --git a/packages/css/CHANGELOG.md b/packages/css/CHANGELOG.md index 7d49f1e780..6e4dcaa344 100644 --- a/packages/css/CHANGELOG.md +++ b/packages/css/CHANGELOG.md @@ -1,5 +1,31 @@ # @primer/brand-css +## 0.72.0 + +### Minor Changes + +- [#1413](https://github.com/primer/brand/pull/1413) [`6288e69`](https://github.com/primer/brand/commit/6288e690492fc779819e65013f9a5b61bbf2b3b6) Thanks [@rezrah](https://github.com/rezrah)! - ⚠️ Breaking change to `Hero.Image` and `Hero.Video` ⚠️ + + Previously combined `padding` and `position` semantics have been separated. + + The `position` prop will now only control layout and positioning relative to the content. It accepts `block-end`, `inline-start`, or `inline-end`. + + ```diff + - + + + ``` + +- [#1413](https://github.com/primer/brand/pull/1413) [`6288e69`](https://github.com/primer/brand/commit/6288e690492fc779819e65013f9a5b61bbf2b3b6) Thanks [@rezrah](https://github.com/rezrah)! - Added opt-in `position` and `padding` controls to `River.Visual` media in the `gridline` variant. + + 🔗 Storybook examples: + + - [Center position](https://stunning-chainsaw-j82glqz.pages.github.io/brand/storybook/?path=/story/components-river-features-gridline-variants--grid-line-visual-position-center) + - [Block-end position](https://stunning-chainsaw-j82glqz.pages.github.io/brand/storybook/?path=/story/components-river-features-gridline-variants--grid-line-visual-position-block-end) + - [Block-end inline-start position](https://stunning-chainsaw-j82glqz.pages.github.io/brand/storybook/?path=/story/components-river-features-gridline-variants--grid-line-visual-position-block-end-inline-start) + - [Block-end inline-end position](https://stunning-chainsaw-j82glqz.pages.github.io/brand/storybook/?path=/story/components-river-features-gridline-variants--grid-line-visual-position-block-end-inline-end) + - [No padding](https://stunning-chainsaw-j82glqz.pages.github.io/brand/storybook/?path=/story/components-river-features-gridline-variants--grid-line-visual-padding-none) + - [Padding on all sides](https://stunning-chainsaw-j82glqz.pages.github.io/brand/storybook/?path=/story/components-river-features-gridline-variants--grid-line-visual-padding-all) + ## 0.71.0 ### Minor Changes diff --git a/packages/css/package.json b/packages/css/package.json index 74bf0e242c..46f1e572db 100644 --- a/packages/css/package.json +++ b/packages/css/package.json @@ -1,6 +1,6 @@ { "name": "@primer/brand-css", - "version": "0.71.0", + "version": "0.72.0", "description": "CSS stylesheets for Primer Brand components", "keywords": [ "primer", diff --git a/packages/design-tokens/CHANGELOG.md b/packages/design-tokens/CHANGELOG.md index 2b25952d84..9b54610c4d 100644 --- a/packages/design-tokens/CHANGELOG.md +++ b/packages/design-tokens/CHANGELOG.md @@ -1,5 +1,25 @@ # @primer/brand-primitives +## 0.72.0 + +### Minor Changes + +- [#1413](https://github.com/primer/brand/pull/1413) [`6288e69`](https://github.com/primer/brand/commit/6288e690492fc779819e65013f9a5b61bbf2b3b6) Thanks [@rezrah](https://github.com/rezrah)! - Added opt-in `position` and `padding` controls to `River.Visual` media in the `gridline` variant. + + 🔗 Storybook examples: + + - [Center position](https://stunning-chainsaw-j82glqz.pages.github.io/brand/storybook/?path=/story/components-river-features-gridline-variants--grid-line-visual-position-center) + - [Block-end position](https://stunning-chainsaw-j82glqz.pages.github.io/brand/storybook/?path=/story/components-river-features-gridline-variants--grid-line-visual-position-block-end) + - [Block-end inline-start position](https://stunning-chainsaw-j82glqz.pages.github.io/brand/storybook/?path=/story/components-river-features-gridline-variants--grid-line-visual-position-block-end-inline-start) + - [Block-end inline-end position](https://stunning-chainsaw-j82glqz.pages.github.io/brand/storybook/?path=/story/components-river-features-gridline-variants--grid-line-visual-position-block-end-inline-end) + - [No padding](https://stunning-chainsaw-j82glqz.pages.github.io/brand/storybook/?path=/story/components-river-features-gridline-variants--grid-line-visual-padding-none) + - [Padding on all sides](https://stunning-chainsaw-j82glqz.pages.github.io/brand/storybook/?path=/story/components-river-features-gridline-variants--grid-line-visual-padding-all) + +### Patch Changes + +- [#1412](https://github.com/primer/brand/pull/1412) [`6bf33b3`](https://github.com/primer/brand/commit/6bf33b3b17baafcda640de90fa96450427bbbef8) Thanks [@danielguillan](https://github.com/danielguillan)! - - Mapped the light and dark `--brand-color-text-link-rest` values to `blue-6` and `blue-1`. + - Updated the light `--brand-color-canvas-muted` value to `#F9FBF9`. + ## 0.71.0 ### Minor Changes diff --git a/packages/design-tokens/package.json b/packages/design-tokens/package.json index a643f251a6..7f32bfc52e 100644 --- a/packages/design-tokens/package.json +++ b/packages/design-tokens/package.json @@ -1,6 +1,6 @@ { "name": "@primer/brand-primitives", - "version": "0.71.0", + "version": "0.72.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 32f379e7c2..33ab153b4b 100644 --- a/packages/e2e/CHANGELOG.md +++ b/packages/e2e/CHANGELOG.md @@ -1,5 +1,7 @@ # @primer/brand-e2e +## 0.72.0 + ## 0.71.0 ## 0.70.0 diff --git a/packages/e2e/package.json b/packages/e2e/package.json index 04b97ccb07..dd530f4585 100644 --- a/packages/e2e/package.json +++ b/packages/e2e/package.json @@ -1,6 +1,6 @@ { "name": "@primer/brand-e2e", - "version": "0.71.0", + "version": "0.72.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 2ad1b019d9..62a66c6c89 100644 --- a/packages/fonts/CHANGELOG.md +++ b/packages/fonts/CHANGELOG.md @@ -1,5 +1,7 @@ # @primer/brand-fonts +## 0.72.0 + ## 0.71.0 ## 0.70.0 diff --git a/packages/fonts/package.json b/packages/fonts/package.json index 26dae64c7e..98aea7012c 100644 --- a/packages/fonts/package.json +++ b/packages/fonts/package.json @@ -1,6 +1,6 @@ { "name": "@primer/brand-fonts", - "version": "0.71.0", + "version": "0.72.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/mcp/CHANGELOG.md b/packages/mcp/CHANGELOG.md index 714adfc346..0475af4976 100644 --- a/packages/mcp/CHANGELOG.md +++ b/packages/mcp/CHANGELOG.md @@ -1,5 +1,16 @@ # @primer/brand-mcp +## 0.72.0 + +### Patch Changes + +- [#1400](https://github.com/primer/brand/pull/1400) [`29cf9f0`](https://github.com/primer/brand/commit/29cf9f0ec459f1f3d9791073459eef2ae497d96f) Thanks [@rezrah](https://github.com/rezrah)! - Improves guidance and examples delivered through the Primer Brand MCP tools: + + - Improves guidance delivered through the `primer_brand_review` tool. + - Cleaner output from the `primer_brand_examples` tool. + - Add new page design guidance advising that `River` descriptions are limited to 160 characters and the default `50:50` image-to-text ratio is preferred. + - Improved guidance on imagery used in `Hero` and `River` components + ## 0.71.0 ### Patch Changes diff --git a/packages/mcp/package.json b/packages/mcp/package.json index b7df90205b..6e0e66a8c9 100644 --- a/packages/mcp/package.json +++ b/packages/mcp/package.json @@ -1,6 +1,6 @@ { "name": "@primer/brand-mcp", - "version": "0.71.0", + "version": "0.72.0", "description": "MCP (Model Context Protocol) server that helps AI agents use Primer Brand (@primer/react-brand) correctly when building GitHub marketing and landing pages.", "keywords": [ "primer", diff --git a/packages/react/CHANGELOG.md b/packages/react/CHANGELOG.md index 5b10035ae9..f8baff9bf5 100644 --- a/packages/react/CHANGELOG.md +++ b/packages/react/CHANGELOG.md @@ -1,5 +1,110 @@ # @primer/react-brand +## 0.72.0 + +### Minor Changes + +- [#1401](https://github.com/primer/brand/pull/1401) [`bbbc4b3`](https://github.com/primer/brand/commit/bbbc4b3ef173866927933a31e34d90c5bb70d166) Thanks [@rezrah](https://github.com/rezrah)! - Multiple `ActionMenu` component updates: + + - Calls consumer-provided `onClick` handlers in default and split-button modes. + - ⚠️ Breaking change to `ActionMenu.Button` in split-button mode. Custom HTML attributes are now correctly forwarded to the primary action instead of the menu toggle. This was the originally intended behavior. + - Forwards the `variant` prop in `default` mode correctly. `ActionMenu` can now render in all available `Button` variants. + - Forwards the `leadingVisual` prop in `default` mode. + +- [#1427](https://github.com/primer/brand/pull/1427) [`d104c0d`](https://github.com/primer/brand/commit/d104c0d13928f5d163bc35b81cf9c3a69aaba6b3) Thanks [@rezrah](https://github.com/rezrah)! - Removed the global `block` layout applied to `img` and `picture` elements to prevent overriding of default inline behavior. + + To minimize regressions, `block` has been applied to image elements at a component level instead. + + ⚠️ If you previously relied on the `display: block` styling from our `reset.css`, please apply it manually in your application code. + +- [#1413](https://github.com/primer/brand/pull/1413) [`6288e69`](https://github.com/primer/brand/commit/6288e690492fc779819e65013f9a5b61bbf2b3b6) Thanks [@rezrah](https://github.com/rezrah)! - ⚠️ Breaking change to `Hero.Image` and `Hero.Video` ⚠️ + + Previously combined `padding` and `position` semantics have been separated. + + The `position` prop will now only control layout and positioning relative to the content. It accepts `block-end`, `inline-start`, or `inline-end`. + + ```diff + - + + + ``` + +- [#1365](https://github.com/primer/brand/pull/1365) [`808df8a`](https://github.com/primer/brand/commit/808df8a6c084a43f7f3d3c43386f3b171dae1c47) Thanks [@danielguillan](https://github.com/danielguillan)! - ⚠️ Breaking change: Removed the `imageBackgroundColor` prop from `River.Visual`, `RiverBreakout.Visual`, and `RiverBreakoutTabs.Visual`. + + The `River` `gridline` variant now applies the full-bleed visual background layout by default. Remove `imageBackgroundColor="subtle"` from `River.Visual` when using the `gridline` variant. + + Remove `imageBackgroundColor` from `RiverBreakout.Visual` and `RiverBreakoutTabs.Visual` without replacement. Their default visual treatments are unchanged. + + The background treatment is not applied to the default `River` variant or either `RiverBreakout` variant. + + Updated the River `gridline` variant tablet layout with a `618px` max-width and lateral gridlines. + +- [#1413](https://github.com/primer/brand/pull/1413) [`6288e69`](https://github.com/primer/brand/commit/6288e690492fc779819e65013f9a5b61bbf2b3b6) Thanks [@rezrah](https://github.com/rezrah)! - Added opt-in `position` and `padding` controls to `River.Visual` media in the `gridline` variant. + + 🔗 Storybook examples: + + - [Center position](https://stunning-chainsaw-j82glqz.pages.github.io/brand/storybook/?path=/story/components-river-features-gridline-variants--grid-line-visual-position-center) + - [Block-end position](https://stunning-chainsaw-j82glqz.pages.github.io/brand/storybook/?path=/story/components-river-features-gridline-variants--grid-line-visual-position-block-end) + - [Block-end inline-start position](https://stunning-chainsaw-j82glqz.pages.github.io/brand/storybook/?path=/story/components-river-features-gridline-variants--grid-line-visual-position-block-end-inline-start) + - [Block-end inline-end position](https://stunning-chainsaw-j82glqz.pages.github.io/brand/storybook/?path=/story/components-river-features-gridline-variants--grid-line-visual-position-block-end-inline-end) + - [No padding](https://stunning-chainsaw-j82glqz.pages.github.io/brand/storybook/?path=/story/components-river-features-gridline-variants--grid-line-visual-padding-none) + - [Padding on all sides](https://stunning-chainsaw-j82glqz.pages.github.io/brand/storybook/?path=/story/components-river-features-gridline-variants--grid-line-visual-padding-all) + +- [#1420](https://github.com/primer/brand/pull/1420) [`654b881`](https://github.com/primer/brand/commit/654b88113e15c6df7daf727e71d4637ed85b1856) Thanks [@danielguillan](https://github.com/danielguillan)! - Exported `useFocusTrap` from the package root and created stable container and initial-focus refs when they are not provided. + +### Patch Changes + +- [#1427](https://github.com/primer/brand/pull/1427) [`d104c0d`](https://github.com/primer/brand/commit/d104c0d13928f5d163bc35b81cf9c3a69aaba6b3) Thanks [@rezrah](https://github.com/rezrah)! - Fixed the global reset so smooth scrolling is disabled consistently when users prefer reduced motion. + +- [#1417](https://github.com/primer/brand/pull/1417) [`1d59236`](https://github.com/primer/brand/commit/1d5923645edce055bda790053e47c5a615934a5b) Thanks [@stefankp](https://github.com/stefankp)! - Fixed missing styles for ESM form controls, where the dependent design tokens were missing . Affects `TextInput`, `Textarea`, `Select`, `Checkbox`, `Radio`, and `FormControl`. + +- [#1412](https://github.com/primer/brand/pull/1412) [`6bf33b3`](https://github.com/primer/brand/commit/6bf33b3b17baafcda640de90fa96450427bbbef8) Thanks [@danielguillan](https://github.com/danielguillan)! - - Mapped the light and dark `--brand-color-text-link-rest` values to `blue-6` and `blue-1`. + + - Updated the light `--brand-color-canvas-muted` value to `#F9FBF9`. + +- [#1416](https://github.com/primer/brand/pull/1416) [`9b8ccce`](https://github.com/primer/brand/commit/9b8ccce770d40604c45cdf846506d77b77bb223c) Thanks [@danielguillan](https://github.com/danielguillan)! - Fixed the `Hero` image border radius when rendering a `picture` element. + +- [#1413](https://github.com/primer/brand/pull/1413) [`6288e69`](https://github.com/primer/brand/commit/6288e690492fc779819e65013f9a5b61bbf2b3b6) Thanks [@rezrah](https://github.com/rezrah)! - Added `Hero.ButtonGroup` for rendering `Button` and `ActionMenu` children. `Hero.ButtonGroup` is now the de facto way to display buttons in the `Hero`. + + ⚠️ `Hero.PrimaryAction` and `Hero.SecondaryAction` are now deprecated. Please migrate over to `Hero.ButtonGroup` as they will be removed in a future release. + + Migrate using the following approach: + + ```diff + -Primary action + -Secondary action + + + + + + + + + ``` + +- [#1411](https://github.com/primer/brand/pull/1411) [`3c89bdc`](https://github.com/primer/brand/commit/3c89bdc8c4cc3ae608478c3844122b9fbb038379) Thanks [@danielguillan](https://github.com/danielguillan)! - Fixed `NavList` indentation across grouped nested disclosure levels. + +- [#1391](https://github.com/primer/brand/pull/1391) [`930ab18`](https://github.com/primer/brand/commit/930ab18f9f2e002023c5ec36634475e44967ae59) Thanks [@rezrah](https://github.com/rezrah)! - Added a `labels` prop to the `Pagination` component for customizing the user-facing labels of the previous and next controls. + + ```jsx + + ``` + +- [#1365](https://github.com/primer/brand/pull/1365) [`808df8a`](https://github.com/primer/brand/commit/808df8a6c084a43f7f3d3c43386f3b171dae1c47) Thanks [@danielguillan](https://github.com/danielguillan)! - Improve `RiverAccordion` gridline layout on tablet viewports and update its accordion toggle icon from chevrons to triangles. + +- [#1388](https://github.com/primer/brand/pull/1388) [`21c954b`](https://github.com/primer/brand/commit/21c954b59cdf71cb4497e59e95e58b0fde82a767) Thanks [@danielguillan](https://github.com/danielguillan)! - Removed the non-functional `VideoPlayer` `showControlsWhenPaused` prop from the public API and documentation. + +- [#1362](https://github.com/primer/brand/pull/1362) [`8433cf8`](https://github.com/primer/brand/commit/8433cf800ee82a8d9e173db339c15b50af05372f) Thanks [@danielguillan](https://github.com/danielguillan)! - - Restored rounded corners to `CTABanner` while preserving square edges when grid lines are enabled. + + - Improved `ButtonGroup` to forward custom class names alongside its default styles. + - Added native `ActionMenu` child support to `ButtonGroup`, including automatic sizes and positional variants, and the `CTABanner.ButtonGroup` wrapper. + +- [#1360](https://github.com/primer/brand/pull/1360) [`5cbb414`](https://github.com/primer/brand/commit/5cbb4149ac98444fd66a8c2b1837a278149e684c) Thanks [@danielguillan](https://github.com/danielguillan)! - Updated `SectionIntroStacked` layout spacing for improved visual alignment. + ## 0.71.0 ### Minor Changes diff --git a/packages/react/package.json b/packages/react/package.json index af5f48e81d..7a3935fde5 100644 --- a/packages/react/package.json +++ b/packages/react/package.json @@ -1,6 +1,6 @@ { "name": "@primer/react-brand", - "version": "0.71.0", + "version": "0.72.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 1df090c75c..e2587f3e79 100644 --- a/packages/repo-configs/CHANGELOG.md +++ b/packages/repo-configs/CHANGELOG.md @@ -1,5 +1,7 @@ # @primer/brand-config +## 0.72.0 + ## 0.71.0 ## 0.70.0 diff --git a/packages/repo-configs/package.json b/packages/repo-configs/package.json index 048979057a..5accef2603 100644 --- a/packages/repo-configs/package.json +++ b/packages/repo-configs/package.json @@ -1,6 +1,6 @@ { "name": "@primer/brand-config", - "version": "0.71.0", + "version": "0.72.0", "type": "module", "private": true, "description": "General-purpose configurations for maintaining Primer Brand",