|
4 | 4 |
|
5 | 5 | ### Major Changes
|
6 | 6 |
|
7 |
| -- [#1910](https://github.com/primer/react/pull/1910) [`e1e8d478`](https://github.com/primer/react/commit/e1e8d47845ad7879bd34e634319dd8c8745e1de0) Thanks [@colebemis](https://github.com/colebemis)! - `ActionList2` exported types are now prefixed with `ActionList`: |
8 |
| - |
9 |
| - ``` |
10 |
| - ListProps → ActionListProps |
11 |
| - GroupProps → ActionListGroupProps |
12 |
| - ItemProps → ActionListItemProps |
13 |
| - DescriptionProps → ActionListDescriptionProps |
14 |
| - LeadingVisualProps → ActionListLeadingVisualProps, |
15 |
| - TrailingVisualProps → ActionListTrailingVisualProps |
16 |
| - ``` |
17 |
| - |
18 |
| - `ActionMenu2` exported types are now prefixed with `ActionMenu`: |
19 |
| - |
20 |
| - ``` |
21 |
| - MenuButtonProps → ActionMenuButtonProps |
22 |
| - MenuAnchorProps → ActionMenuAnchorProps |
23 |
| - ``` |
24 |
| - |
25 |
| -* [#1910](https://github.com/primer/react/pull/1910) [`e1e8d478`](https://github.com/primer/react/commit/e1e8d47845ad7879bd34e634319dd8c8745e1de0) Thanks [@colebemis](https://github.com/colebemis)! - <br /> |
| 7 | +- [#1893](https://github.com/primer/react/pull/1893) [`17ef5ef8`](https://github.com/primer/react/commit/17ef5ef8908cc9b4a9992c709518025184105082) Thanks [@siddharthkp](https://github.com/siddharthkp)! - <br /> |
26 | 8 |
|
27 | 9 | ### ActionList
|
28 | 10 |
|
29 |
| - ActionList has been rewritten with a composable API, design updates and accessibility fixes. |
| 11 | + ⚠️ ActionList has been rewritten with a composable API, design updates and accessibility fixes. |
30 | 12 |
|
31 | 13 | See full list of props and examples: https://primer.style/react/ActionList
|
32 | 14 |
|
|
175 | 157 |
|
176 | 158 | You can use the [one-time codemod](https://github.com/primer/react-migrate#readme) to change your import statements automatically.
|
177 | 159 |
|
178 |
| -- [#1910](https://github.com/primer/react/pull/1910) [`e1e8d478`](https://github.com/primer/react/commit/e1e8d47845ad7879bd34e634319dd8c8745e1de0) Thanks [@colebemis](https://github.com/colebemis)! - <br /> |
| 160 | +* [#1883](https://github.com/primer/react/pull/1883) [`310e6553`](https://github.com/primer/react/commit/310e6553134cd333a96e67d434d3b07167d01ed1) Thanks [@siddharthkp](https://github.com/siddharthkp)! - `ActionList2` exported types are now prefixed with `ActionList`: |
| 161 | + |
| 162 | + ``` |
| 163 | + ListProps → ActionListProps |
| 164 | + GroupProps → ActionListGroupProps |
| 165 | + ItemProps → ActionListItemProps |
| 166 | + DescriptionProps → ActionListDescriptionProps |
| 167 | + LeadingVisualProps → ActionListLeadingVisualProps, |
| 168 | + TrailingVisualProps → ActionListTrailingVisualProps |
| 169 | + ``` |
| 170 | + |
| 171 | + `ActionMenu2` exported types are now prefixed with `ActionMenu`: |
| 172 | + |
| 173 | + ``` |
| 174 | + MenuButtonProps → ActionMenuButtonProps |
| 175 | + MenuAnchorProps → ActionMenuAnchorProps |
| 176 | + ``` |
| 177 | + |
| 178 | +* [#1897](https://github.com/primer/react/pull/1897) [`d4023572`](https://github.com/primer/react/commit/d4023572804cf3d8ce6cd1e9480715ab855abefc) Thanks [@siddharthkp](https://github.com/siddharthkp)! - <br /> |
179 | 179 |
|
180 | 180 | ### ActionMenu
|
181 | 181 |
|
182 |
| - ActionMenu has been rewritten with a composable API, design updates and accessibility fixes. |
| 182 | + ⚠️ ActionMenu has been rewritten with a composable API, design updates and accessibility fixes. |
183 | 183 |
|
184 | 184 | See full list of props and examples: https://primer.style/react/ActionMenu
|
185 | 185 |
|
|
243 | 243 |
|
244 | 244 | You can use the [one-time codemod](https://github.com/primer/react-migrate#readme) to change your import statements automatically.
|
245 | 245 |
|
246 |
| -* [#1910](https://github.com/primer/react/pull/1910) [`e1e8d478`](https://github.com/primer/react/commit/e1e8d47845ad7879bd34e634319dd8c8745e1de0) Thanks [@colebemis](https://github.com/colebemis)! - <br /> |
| 246 | +- [#1898](https://github.com/primer/react/pull/1898) [`d6d1ca4c`](https://github.com/primer/react/commit/d6d1ca4c7ecf5276dd94f1da00a56c783e67e8d8) Thanks [@siddharthkp](https://github.com/siddharthkp)! - <br /> |
247 | 247 |
|
248 | 248 | ### DropdownMenu
|
249 | 249 |
|
250 |
| - DropdownMenu has been deprecated in favor of ActionMenu with ActionList |
| 250 | + ⚠️ DropdownMenu has been deprecated in favor of ActionMenu with ActionList |
251 | 251 |
|
252 | 252 | See example with selection: https://primer.style/react/ActionMenu#with-selection
|
253 | 253 |
|
|
347 | 347 |
|
348 | 348 | ### drafts/DropdownMenu2
|
349 | 349 |
|
350 |
| - DropdownMenu2 has been removed in favor of ActionMenu with ActionList |
| 350 | + ⚠️ DropdownMenu2 has been removed in favor of ActionMenu with ActionList |
351 | 351 |
|
352 |
| -- [#1910](https://github.com/primer/react/pull/1910) [`e1e8d478`](https://github.com/primer/react/commit/e1e8d47845ad7879bd34e634319dd8c8745e1de0) Thanks [@colebemis](https://github.com/colebemis)! - <br /> |
| 352 | +* [#1889](https://github.com/primer/react/pull/1889) [`e9b81fae`](https://github.com/primer/react/commit/e9b81fae792b5222fdb1ca9b8ed98a1d5981a2d5) Thanks [@mperrotti](https://github.com/mperrotti)! - <br /> |
353 | 353 |
|
354 | 354 | ### Label
|
355 | 355 |
|
356 | 356 | The Label component's API and visual design have been updated to be consistent with its counterpart in [Primer ViewComponents' Label component](https://primer.style/view-components/components/label).
|
357 | 357 |
|
358 |
| - Major changes in the new Label component: |
| 358 | + ⚠️ Major changes in the new Label component: |
359 | 359 |
|
360 | 360 | - No more `medium` size - only `small` and `large`
|
361 | 361 | - Labels are outlined by default, so the `outline` prop has been removed
|
|
415 | 415 |
|
416 | 416 | You can use the [one-time codemod](https://github.com/primer/react-migrate#readme) to change your import statements automatically.
|
417 | 417 |
|
418 |
| -* [#1910](https://github.com/primer/react/pull/1910) [`e1e8d478`](https://github.com/primer/react/commit/e1e8d47845ad7879bd34e634319dd8c8745e1de0) Thanks [@colebemis](https://github.com/colebemis)! - <br /> |
| 418 | +- [#1908](https://github.com/primer/react/pull/1908) [`61404aed`](https://github.com/primer/react/commit/61404aed7fba293577b077183bd54d7caa9c5158) Thanks [@pksjce](https://github.com/pksjce)! - <br /> |
419 | 419 |
|
420 | 420 | ### Button
|
421 | 421 |
|
|
552 | 552 | </tr>
|
553 | 553 | </table>
|
554 | 554 |
|
555 |
| -- [#1910](https://github.com/primer/react/pull/1910) [`e1e8d478`](https://github.com/primer/react/commit/e1e8d47845ad7879bd34e634319dd8c8745e1de0) Thanks [@colebemis](https://github.com/colebemis)! - <br /> |
| 555 | +* [#1900](https://github.com/primer/react/pull/1900) [`d61b28ad`](https://github.com/primer/react/commit/d61b28ad6dcec3da1e207a3094a8f7741f71bdb4) Thanks [@mperrotti](https://github.com/mperrotti)! - <br /> |
556 | 556 |
|
557 | 557 | ### ChoiceFieldset
|
558 | 558 |
|
559 |
| - The `CheckboxGroup` and `RadioGroup` components are replacing the `ChoiceFieldset` component. |
| 559 | + ⚠️ The `CheckboxGroup` and `RadioGroup` components are replacing the `ChoiceFieldset` component. |
560 | 560 |
|
561 | 561 | `CheckboxGroup` and `RadioGroup` have the ability to render contextual content with your fieldset: labels, validation statuses, captions. They also handle the ARIA attributes that make the form controls accessible to assistive technology.
|
562 | 562 |
|
|
666 | 666 |
|
667 | 667 | You can use the [one-time codemod](https://github.com/primer/react-migrate#readme) to change your import statements automatically.
|
668 | 668 |
|
669 |
| -* [#1910](https://github.com/primer/react/pull/1910) [`e1e8d478`](https://github.com/primer/react/commit/e1e8d47845ad7879bd34e634319dd8c8745e1de0) Thanks [@colebemis](https://github.com/colebemis)! - <br /> |
| 669 | +- [#1882](https://github.com/primer/react/pull/1882) [`df757521`](https://github.com/primer/react/commit/df757521a7a088628d96deeb263fbd0f0aefd9ca) Thanks [@colebemis](https://github.com/colebemis)! - <br /> |
670 | 670 |
|
671 | 671 | ### PageLayout
|
672 | 672 |
|
|
679 | 679 | + import {PageLayout} from '@primer/react'
|
680 | 680 | ```
|
681 | 681 |
|
682 |
| -- [#1910](https://github.com/primer/react/pull/1910) [`e1e8d478`](https://github.com/primer/react/commit/e1e8d47845ad7879bd34e634319dd8c8745e1de0) Thanks [@colebemis](https://github.com/colebemis)! - <br /> |
| 682 | +* [#1888](https://github.com/primer/react/pull/1888) [`f94dcd33`](https://github.com/primer/react/commit/f94dcd33ffa20eb86ed685412c057b8df30d860d) Thanks [@mperrotti](https://github.com/mperrotti)! - <br /> |
683 | 683 |
|
684 | 684 | ### FormGroup, InputField, ChoiceInputField
|
685 | 685 |
|
686 |
| - The `FormControl` component is replacing the `FormGroup`, `InputField`, and `ChoiceInputField` components. It has the ability to render contextual content with your inputs: labels, validation statuses, captions. It also handles the ARIA attributes that make the form controls accessible to assistive technology. |
| 686 | + ⚠️ The `FormControl` component is replacing the `FormGroup`, `InputField`, and `ChoiceInputField` components. It has the ability to render contextual content with your inputs: labels, validation statuses, captions. It also handles the ARIA attributes that make the form controls accessible to assistive technology. |
687 | 687 |
|
688 | 688 | <table>
|
689 | 689 | <tr>
|
|
786 | 786 |
|
787 | 787 | You can use the [one-time codemod](https://github.com/primer/react-migrate#readme) to change your import statements automatically.
|
788 | 788 |
|
789 |
| -* [#1910](https://github.com/primer/react/pull/1910) [`e1e8d478`](https://github.com/primer/react/commit/e1e8d47845ad7879bd34e634319dd8c8745e1de0) Thanks [@colebemis](https://github.com/colebemis)! - <br /> |
| 789 | +- [#1881](https://github.com/primer/react/pull/1881) [`8cd12439`](https://github.com/primer/react/commit/8cd12439703e39d38893e02df0ed84a45d846e55) Thanks [@pksjce](https://github.com/pksjce)! - <br /> |
790 | 790 |
|
791 | 791 | ### SelectMenu
|
792 | 792 |
|
|
1049 | 1049 |
|
1050 | 1050 | ### Minor Changes
|
1051 | 1051 |
|
1052 |
| -- [#1910](https://github.com/primer/react/pull/1910) [`e1e8d478`](https://github.com/primer/react/commit/e1e8d47845ad7879bd34e634319dd8c8745e1de0) Thanks [@colebemis](https://github.com/colebemis)! - Add align prop on ActionMenu.Overlay to pass through to AnchoredOverlay |
| 1052 | +- [#1921](https://github.com/primer/react/pull/1921) [`561aad86`](https://github.com/primer/react/commit/561aad864c5b98514b0edef6c313cc9debedfe8d) Thanks [@siddharthkp](https://github.com/siddharthkp)! - Add align prop on ActionMenu.Overlay to pass through to AnchoredOverlay |
1053 | 1053 |
|
1054 | 1054 | ### Patch Changes
|
1055 | 1055 |
|
1056 |
| -- [#1910](https://github.com/primer/react/pull/1910) [`e1e8d478`](https://github.com/primer/react/commit/e1e8d47845ad7879bd34e634319dd8c8745e1de0) Thanks [@colebemis](https://github.com/colebemis)! - ActionMenu.Button: Fix spacing between text and caret |
| 1056 | +- [#1922](https://github.com/primer/react/pull/1922) [`b1d7b8c9`](https://github.com/primer/react/commit/b1d7b8c9eb829b93977c9ed6a0d9d423c756e588) Thanks [@siddharthkp](https://github.com/siddharthkp)! - ActionMenu.Button: Fix spacing between text and caret |
1057 | 1057 |
|
1058 |
| -* [#1910](https://github.com/primer/react/pull/1910) [`e1e8d478`](https://github.com/primer/react/commit/e1e8d47845ad7879bd34e634319dd8c8745e1de0) Thanks [@colebemis](https://github.com/colebemis)! - - Update styles for default variant of Button's active state |
| 1058 | +* [#1915](https://github.com/primer/react/pull/1915) [`a98091c1`](https://github.com/primer/react/commit/a98091c13da9b9aadb2f061084628a5616c42a65) Thanks [@siddharthkp](https://github.com/siddharthkp)! - - Update styles for default variant of Button's active state |
1059 | 1059 | - Use active state for Button when it is used to open an Overlay
|
1060 | 1060 |
|
1061 |
| -- [#1910](https://github.com/primer/react/pull/1910) [`e1e8d478`](https://github.com/primer/react/commit/e1e8d47845ad7879bd34e634319dd8c8745e1de0) Thanks [@colebemis](https://github.com/colebemis)! - Surfaced the following components and hooks from the root index: |
| 1061 | +- [#1934](https://github.com/primer/react/pull/1934) [`33da6a0e`](https://github.com/primer/react/commit/33da6a0eeeae1cc65553ca19650b9c51e49ea2ec) Thanks [@rezrah](https://github.com/rezrah)! - Surfaced the following components and hooks from the root index: |
1062 | 1062 |
|
1063 | 1063 | - Portal
|
1064 | 1064 | - AnchoredOverlay
|
|
0 commit comments