@primer/components 31.2.1-rc.f73a0f8c → 32.0.1-rc.c4c2c50a

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (555) hide show
  1. package/.github/workflows/release.yml +0 -1
  2. package/.github/workflows/release_canary.yml +0 -1
  3. package/CHANGELOG.md +72 -4
  4. package/dist/browser.esm.js +299 -361
  5. package/dist/browser.esm.js.map +1 -1
  6. package/dist/browser.umd.js +294 -356
  7. package/dist/browser.umd.js.map +1 -1
  8. package/docs/content/ActionList2.mdx +8 -7
  9. package/docs/content/Breadcrumbs.md +11 -16
  10. package/docs/content/Buttons.md +7 -17
  11. package/docs/content/CircleBadge.md +0 -10
  12. package/docs/content/CounterLabel.md +0 -10
  13. package/docs/content/Dialog.md +15 -18
  14. package/docs/content/Dialog2.mdx +1 -0
  15. package/docs/content/Dropdown.md +11 -18
  16. package/docs/content/FilterList.md +10 -17
  17. package/docs/content/FilteredSearch.md +4 -11
  18. package/docs/content/Flash.md +5 -14
  19. package/docs/content/FormGroup.md +9 -17
  20. package/docs/content/Header.md +14 -16
  21. package/docs/content/Label.md +32 -25
  22. package/docs/content/LabelGroup.md +4 -14
  23. package/docs/content/Link.md +8 -17
  24. package/docs/content/Overlay.mdx +1 -10
  25. package/docs/content/Pagehead.md +4 -13
  26. package/docs/content/Pagination.md +10 -19
  27. package/docs/content/Popover.md +11 -19
  28. package/docs/content/SelectMenu.md +50 -114
  29. package/docs/content/SideNav.md +15 -23
  30. package/docs/content/StateLabel.md +5 -14
  31. package/docs/content/StyledOcticon.md +7 -16
  32. package/docs/content/SubNav.md +19 -21
  33. package/docs/content/TabNav.md +10 -18
  34. package/docs/content/Timeline.md +34 -24
  35. package/docs/content/Tooltip.md +8 -17
  36. package/docs/content/Truncate.md +7 -16
  37. package/docs/content/UnderlineNav.md +13 -21
  38. package/docs/package-lock.json +269 -158
  39. package/docs/package.json +1 -1
  40. package/lib/ActionList2/Group.d.ts +28 -2
  41. package/lib/ActionList2/Group.js +55 -6
  42. package/lib/ActionList2/Group.jsx +33 -4
  43. package/lib/ActionList2/List.d.ts +1 -1
  44. package/lib/Autocomplete/Autocomplete.d.ts +3 -3
  45. package/lib/Autocomplete/AutocompleteInput.d.ts +3 -3
  46. package/lib/Breadcrumbs.d.ts +8 -7
  47. package/lib/Breadcrumbs.js +7 -12
  48. package/lib/Breadcrumbs.jsx +3 -6
  49. package/lib/Button/Button.d.ts +2 -3
  50. package/lib/Button/Button.js +2 -6
  51. package/lib/Button/Button.jsx +1 -21
  52. package/lib/Button/ButtonBase.d.ts +5 -8
  53. package/lib/Button/ButtonBase.js +1 -5
  54. package/lib/Button/ButtonBase.jsx +0 -3
  55. package/lib/Button/ButtonClose.d.ts +3 -46
  56. package/lib/Button/ButtonClose.js +1 -1
  57. package/lib/Button/ButtonClose.jsx +0 -2
  58. package/lib/Button/ButtonDanger.d.ts +2 -3
  59. package/lib/Button/ButtonDanger.js +2 -6
  60. package/lib/Button/ButtonDanger.jsx +1 -21
  61. package/lib/Button/ButtonInvisible.d.ts +2 -3
  62. package/lib/Button/ButtonInvisible.js +2 -6
  63. package/lib/Button/ButtonInvisible.jsx +1 -21
  64. package/lib/Button/ButtonOutline.d.ts +2 -3
  65. package/lib/Button/ButtonOutline.js +2 -6
  66. package/lib/Button/ButtonOutline.jsx +1 -21
  67. package/lib/Button/ButtonPrimary.d.ts +2 -3
  68. package/lib/Button/ButtonPrimary.js +2 -6
  69. package/lib/Button/ButtonPrimary.jsx +1 -21
  70. package/lib/Button/ButtonTableList.d.ts +1 -2
  71. package/lib/Button/ButtonTableList.js +1 -1
  72. package/lib/Button/ButtonTableList.jsx +0 -3
  73. package/lib/CircleBadge.d.ts +4 -5
  74. package/lib/CircleBadge.js +1 -1
  75. package/lib/CircleBadge.jsx +0 -1
  76. package/lib/CircleOcticon.d.ts +1 -1
  77. package/lib/CounterLabel.d.ts +1 -2
  78. package/lib/CounterLabel.js +1 -1
  79. package/lib/CounterLabel.jsx +0 -1
  80. package/lib/Dialog/Dialog.d.ts +5 -9
  81. package/lib/Dialog/Dialog.js +17 -11
  82. package/lib/Dialog/Dialog.jsx +13 -7
  83. package/lib/Dialog.d.ts +4 -5
  84. package/lib/Dialog.js +1 -1
  85. package/lib/Dialog.jsx +0 -2
  86. package/lib/Dropdown.d.ts +10 -99
  87. package/lib/Dropdown.js +3 -3
  88. package/lib/Dropdown.jsx +0 -3
  89. package/lib/DropdownMenu/DropdownButton.d.ts +3 -47
  90. package/lib/DropdownMenu/DropdownButton.js +3 -1
  91. package/lib/DropdownMenu/DropdownButton.jsx +1 -1
  92. package/lib/FilterList.d.ts +264 -303
  93. package/lib/FilterList.js +2 -6
  94. package/lib/FilterList.jsx +2 -6
  95. package/lib/FilteredSearch.d.ts +1 -2
  96. package/lib/FilteredSearch.js +1 -1
  97. package/lib/FilteredSearch.jsx +0 -1
  98. package/lib/Flash.d.ts +1 -2
  99. package/lib/Flash.js +1 -1
  100. package/lib/Flash.jsx +0 -1
  101. package/lib/FormGroup.d.ts +4 -5
  102. package/lib/FormGroup.js +2 -2
  103. package/lib/FormGroup.jsx +0 -3
  104. package/lib/Header.d.ts +6 -7
  105. package/lib/Header.js +4 -4
  106. package/lib/Header.jsx +0 -7
  107. package/lib/Label.d.ts +1 -2
  108. package/lib/Label.js +2 -3
  109. package/lib/Label.jsx +1 -3
  110. package/lib/LabelGroup.d.ts +1 -2
  111. package/lib/LabelGroup.js +1 -1
  112. package/lib/LabelGroup.jsx +0 -1
  113. package/lib/Link.d.ts +1 -2
  114. package/lib/Link.js +1 -1
  115. package/lib/Link.jsx +0 -2
  116. package/lib/NewButton/button.js +34 -42
  117. package/lib/NewButton/button.jsx +24 -23
  118. package/lib/Overlay.d.ts +11 -10
  119. package/lib/Overlay.js +3 -4
  120. package/lib/Overlay.jsx +1 -3
  121. package/lib/Pagehead.d.ts +1 -2
  122. package/lib/Pagehead.js +1 -1
  123. package/lib/Pagehead.jsx +0 -1
  124. package/lib/Pagination/Pagination.js +1 -1
  125. package/lib/Pagination/Pagination.jsx +0 -2
  126. package/lib/Popover.d.ts +4 -5
  127. package/lib/Popover.js +4 -5
  128. package/lib/Popover.jsx +1 -9
  129. package/lib/Position.d.ts +4 -4
  130. package/lib/SelectMenu/SelectMenu.d.ts +21 -189
  131. package/lib/SelectMenu/SelectMenu.js +1 -3
  132. package/lib/SelectMenu/SelectMenu.jsx +0 -2
  133. package/lib/SelectMenu/SelectMenuDivider.d.ts +1 -2
  134. package/lib/SelectMenu/SelectMenuDivider.js +1 -1
  135. package/lib/SelectMenu/SelectMenuDivider.jsx +0 -1
  136. package/lib/SelectMenu/SelectMenuFilter.js +1 -1
  137. package/lib/SelectMenu/SelectMenuFilter.jsx +0 -1
  138. package/lib/SelectMenu/SelectMenuFooter.d.ts +1 -2
  139. package/lib/SelectMenu/SelectMenuFooter.js +1 -1
  140. package/lib/SelectMenu/SelectMenuFooter.jsx +0 -1
  141. package/lib/SelectMenu/SelectMenuHeader.d.ts +1 -2
  142. package/lib/SelectMenu/SelectMenuHeader.js +1 -1
  143. package/lib/SelectMenu/SelectMenuHeader.jsx +0 -2
  144. package/lib/SelectMenu/SelectMenuItem.d.ts +2 -3
  145. package/lib/SelectMenu/SelectMenuItem.js +1 -1
  146. package/lib/SelectMenu/SelectMenuItem.jsx +0 -1
  147. package/lib/SelectMenu/SelectMenuList.d.ts +1 -2
  148. package/lib/SelectMenu/SelectMenuList.js +1 -1
  149. package/lib/SelectMenu/SelectMenuList.jsx +0 -1
  150. package/lib/SelectMenu/SelectMenuLoadingAnimation.d.ts +2 -2
  151. package/lib/SelectMenu/SelectMenuLoadingAnimation.js +3 -1
  152. package/lib/SelectMenu/SelectMenuLoadingAnimation.jsx +2 -1
  153. package/lib/SelectMenu/SelectMenuModal.d.ts +2 -3
  154. package/lib/SelectMenu/SelectMenuModal.js +1 -1
  155. package/lib/SelectMenu/SelectMenuModal.jsx +0 -1
  156. package/lib/SelectMenu/SelectMenuTab.d.ts +1 -2
  157. package/lib/SelectMenu/SelectMenuTab.js +1 -1
  158. package/lib/SelectMenu/SelectMenuTab.jsx +0 -1
  159. package/lib/SelectMenu/SelectMenuTabPanel.d.ts +1 -2
  160. package/lib/SelectMenu/SelectMenuTabPanel.js +1 -1
  161. package/lib/SelectMenu/SelectMenuTabPanel.jsx +0 -1
  162. package/lib/SelectMenu/SelectMenuTabs.d.ts +1 -2
  163. package/lib/SelectMenu/SelectMenuTabs.js +1 -1
  164. package/lib/SelectMenu/SelectMenuTabs.jsx +0 -1
  165. package/lib/SideNav.d.ts +11 -8
  166. package/lib/SideNav.js +8 -15
  167. package/lib/SideNav.jsx +2 -6
  168. package/lib/StateLabel.d.ts +1 -2
  169. package/lib/StateLabel.js +6 -5
  170. package/lib/StateLabel.jsx +1 -2
  171. package/lib/StyledOcticon.d.ts +1 -2
  172. package/lib/StyledOcticon.js +1 -3
  173. package/lib/StyledOcticon.jsx +0 -2
  174. package/lib/SubNav.d.ts +5 -11
  175. package/lib/SubNav.js +7 -12
  176. package/lib/SubNav.jsx +4 -7
  177. package/lib/TabNav.d.ts +3 -4
  178. package/lib/TabNav.js +2 -2
  179. package/lib/TabNav.jsx +0 -2
  180. package/lib/TextInputWithTokens.d.ts +3 -3
  181. package/lib/Timeline.d.ts +19 -393
  182. package/lib/Timeline.js +16 -13
  183. package/lib/Timeline.jsx +9 -10
  184. package/lib/Token/Token.d.ts +1 -1
  185. package/lib/Tooltip.d.ts +1 -2
  186. package/lib/Tooltip.js +1 -1
  187. package/lib/Tooltip.jsx +1 -1
  188. package/lib/Truncate.d.ts +1 -2
  189. package/lib/Truncate.js +1 -3
  190. package/lib/Truncate.jsx +0 -3
  191. package/lib/UnderlineNav.d.ts +2 -3
  192. package/lib/UnderlineNav.js +2 -2
  193. package/lib/UnderlineNav.jsx +0 -2
  194. package/lib/__tests__/Breadcrumbs.test.js +4 -1
  195. package/lib/__tests__/Breadcrumbs.test.jsx +1 -1
  196. package/lib/__tests__/Breadcrumbs.types.test.d.ts +3 -0
  197. package/lib/__tests__/Breadcrumbs.types.test.js +25 -0
  198. package/lib/__tests__/Breadcrumbs.types.test.jsx +24 -0
  199. package/lib/__tests__/Button.test.js +6 -2
  200. package/lib/__tests__/Button.test.jsx +2 -2
  201. package/lib/__tests__/CircleBadge.types.test.d.ts +3 -0
  202. package/lib/__tests__/CircleBadge.types.test.js +28 -0
  203. package/lib/__tests__/CircleBadge.types.test.jsx +17 -0
  204. package/lib/__tests__/CounterLabel.types.test.d.ts +3 -0
  205. package/lib/__tests__/CounterLabel.types.test.js +28 -0
  206. package/lib/__tests__/CounterLabel.types.test.jsx +17 -0
  207. package/lib/__tests__/Dialog.types.test.d.ts +3 -0
  208. package/lib/__tests__/Dialog.types.test.js +28 -0
  209. package/lib/__tests__/Dialog.types.test.jsx +17 -0
  210. package/lib/__tests__/Dialog2.types.test.d.ts +3 -0
  211. package/lib/__tests__/Dialog2.types.test.js +31 -0
  212. package/lib/__tests__/Dialog2.types.test.jsx +17 -0
  213. package/lib/__tests__/Dropdown.types.test.d.ts +3 -0
  214. package/lib/__tests__/Dropdown.types.test.js +31 -0
  215. package/lib/__tests__/Dropdown.types.test.jsx +25 -0
  216. package/lib/__tests__/FilterList.types.test.d.ts +3 -0
  217. package/lib/__tests__/FilterList.types.test.js +27 -0
  218. package/lib/__tests__/FilterList.types.test.jsx +21 -0
  219. package/lib/__tests__/FilteredSearch.types.test.d.ts +3 -0
  220. package/lib/__tests__/FilteredSearch.types.test.js +28 -0
  221. package/lib/__tests__/FilteredSearch.types.test.jsx +17 -0
  222. package/lib/__tests__/Flash.types.test.d.ts +3 -0
  223. package/lib/__tests__/Flash.types.test.js +28 -0
  224. package/lib/__tests__/Flash.types.test.jsx +17 -0
  225. package/lib/__tests__/FormGroup.types.test.d.ts +3 -0
  226. package/lib/__tests__/FormGroup.types.test.js +28 -0
  227. package/lib/__tests__/FormGroup.types.test.jsx +17 -0
  228. package/lib/__tests__/Header.types.test.d.ts +3 -0
  229. package/lib/__tests__/Header.types.test.js +29 -0
  230. package/lib/__tests__/Header.types.test.jsx +23 -0
  231. package/lib/__tests__/Label.types.test.d.ts +3 -0
  232. package/lib/__tests__/Label.types.test.js +28 -0
  233. package/lib/__tests__/Label.types.test.jsx +17 -0
  234. package/lib/__tests__/LabelGroup.types.test.d.ts +3 -0
  235. package/lib/__tests__/LabelGroup.types.test.js +28 -0
  236. package/lib/__tests__/LabelGroup.types.test.jsx +17 -0
  237. package/lib/__tests__/Link.test.js +11 -5
  238. package/lib/__tests__/Link.test.jsx +5 -5
  239. package/lib/__tests__/Link.types.test.d.ts +3 -0
  240. package/lib/__tests__/Link.types.test.js +28 -0
  241. package/lib/__tests__/Link.types.test.jsx +17 -0
  242. package/lib/__tests__/Overlay.types.test.d.ts +3 -0
  243. package/lib/__tests__/Overlay.types.test.js +35 -0
  244. package/lib/__tests__/Overlay.types.test.jsx +18 -0
  245. package/lib/__tests__/Pagehead.types.test.d.ts +3 -0
  246. package/lib/__tests__/Pagehead.types.test.js +28 -0
  247. package/lib/__tests__/Pagehead.types.test.jsx +17 -0
  248. package/lib/__tests__/Pagination.types.test.d.ts +3 -0
  249. package/lib/__tests__/Pagination.types.test.js +33 -0
  250. package/lib/__tests__/Pagination.types.test.jsx +17 -0
  251. package/lib/__tests__/Popover.types.test.d.ts +3 -0
  252. package/lib/__tests__/Popover.types.test.js +27 -0
  253. package/lib/__tests__/Popover.types.test.jsx +21 -0
  254. package/lib/__tests__/SelectMenu.types.test.d.ts +3 -0
  255. package/lib/__tests__/SelectMenu.types.test.js +47 -0
  256. package/lib/__tests__/SelectMenu.types.test.jsx +41 -0
  257. package/lib/__tests__/SideNav.types.test.d.ts +3 -0
  258. package/lib/__tests__/SideNav.types.test.js +28 -0
  259. package/lib/__tests__/SideNav.types.test.jsx +17 -0
  260. package/lib/__tests__/StateLabel.types.test.d.ts +3 -0
  261. package/lib/__tests__/StateLabel.types.test.js +28 -0
  262. package/lib/__tests__/StateLabel.types.test.jsx +17 -0
  263. package/lib/__tests__/StyledOcticon.types.test.d.ts +3 -0
  264. package/lib/__tests__/StyledOcticon.types.test.js +32 -0
  265. package/lib/__tests__/StyledOcticon.types.test.jsx +18 -0
  266. package/lib/__tests__/SubNav.types.test.d.ts +3 -0
  267. package/lib/__tests__/SubNav.types.test.js +27 -0
  268. package/lib/__tests__/SubNav.types.test.jsx +27 -0
  269. package/lib/__tests__/TabNav.types.test.d.ts +3 -0
  270. package/lib/__tests__/TabNav.types.test.js +25 -0
  271. package/lib/__tests__/TabNav.types.test.jsx +24 -0
  272. package/lib/__tests__/Timeline.types.test.d.ts +3 -0
  273. package/lib/__tests__/Timeline.types.test.js +31 -0
  274. package/lib/__tests__/Timeline.types.test.jsx +33 -0
  275. package/lib/__tests__/Tooltip.types.test.d.ts +3 -0
  276. package/lib/__tests__/Tooltip.types.test.js +28 -0
  277. package/lib/__tests__/Tooltip.types.test.jsx +17 -0
  278. package/lib/__tests__/Truncate.types.test.d.ts +3 -0
  279. package/lib/__tests__/Truncate.types.test.js +31 -0
  280. package/lib/__tests__/Truncate.types.test.jsx +17 -0
  281. package/lib/__tests__/UnderlineNav.types.test.d.ts +3 -0
  282. package/lib/__tests__/UnderlineNav.types.test.js +25 -0
  283. package/lib/__tests__/UnderlineNav.types.test.jsx +24 -0
  284. package/lib/stories/ActionList2.stories.js +4 -3
  285. package/lib/stories/ActionMenu.stories.js +1 -3
  286. package/lib/stories/ConfirmationDialog.stories.js +16 -8
  287. package/lib/stories/Dialog.stories.js +6 -2
  288. package/lib/stories/useFocusTrap.stories.js +6 -2
  289. package/lib/stories/useFocusZone.stories.js +13 -5
  290. package/lib/utils/testing.d.ts +1 -1
  291. package/lib-esm/ActionList2/Group.d.ts +28 -2
  292. package/lib-esm/ActionList2/Group.js +52 -5
  293. package/lib-esm/ActionList2/List.d.ts +1 -1
  294. package/lib-esm/Autocomplete/Autocomplete.d.ts +3 -3
  295. package/lib-esm/Autocomplete/AutocompleteInput.d.ts +3 -3
  296. package/lib-esm/Breadcrumbs.d.ts +8 -7
  297. package/lib-esm/Breadcrumbs.js +8 -13
  298. package/lib-esm/Button/Button.d.ts +2 -3
  299. package/lib-esm/Button/Button.js +2 -2
  300. package/lib-esm/Button/ButtonBase.d.ts +5 -8
  301. package/lib-esm/Button/ButtonBase.js +1 -3
  302. package/lib-esm/Button/ButtonClose.d.ts +3 -46
  303. package/lib-esm/Button/ButtonClose.js +2 -2
  304. package/lib-esm/Button/ButtonDanger.d.ts +2 -3
  305. package/lib-esm/Button/ButtonDanger.js +2 -2
  306. package/lib-esm/Button/ButtonInvisible.d.ts +2 -3
  307. package/lib-esm/Button/ButtonInvisible.js +2 -2
  308. package/lib-esm/Button/ButtonOutline.d.ts +2 -3
  309. package/lib-esm/Button/ButtonOutline.js +2 -2
  310. package/lib-esm/Button/ButtonPrimary.d.ts +2 -3
  311. package/lib-esm/Button/ButtonPrimary.js +2 -2
  312. package/lib-esm/Button/ButtonTableList.d.ts +1 -2
  313. package/lib-esm/Button/ButtonTableList.js +2 -2
  314. package/lib-esm/CircleBadge.d.ts +4 -5
  315. package/lib-esm/CircleBadge.js +2 -2
  316. package/lib-esm/CircleOcticon.d.ts +1 -1
  317. package/lib-esm/CounterLabel.d.ts +1 -2
  318. package/lib-esm/CounterLabel.js +2 -2
  319. package/lib-esm/Dialog/Dialog.d.ts +5 -9
  320. package/lib-esm/Dialog/Dialog.js +12 -12
  321. package/lib-esm/Dialog.d.ts +4 -5
  322. package/lib-esm/Dialog.js +2 -2
  323. package/lib-esm/Dropdown.d.ts +10 -99
  324. package/lib-esm/Dropdown.js +4 -4
  325. package/lib-esm/DropdownMenu/DropdownButton.d.ts +3 -47
  326. package/lib-esm/DropdownMenu/DropdownButton.js +3 -1
  327. package/lib-esm/FilterList.d.ts +264 -303
  328. package/lib-esm/FilterList.js +3 -7
  329. package/lib-esm/FilteredSearch.d.ts +1 -2
  330. package/lib-esm/FilteredSearch.js +2 -2
  331. package/lib-esm/Flash.d.ts +1 -2
  332. package/lib-esm/Flash.js +2 -2
  333. package/lib-esm/FormGroup.d.ts +4 -5
  334. package/lib-esm/FormGroup.js +3 -3
  335. package/lib-esm/Header.d.ts +6 -7
  336. package/lib-esm/Header.js +5 -5
  337. package/lib-esm/Label.d.ts +1 -2
  338. package/lib-esm/Label.js +3 -4
  339. package/lib-esm/LabelGroup.d.ts +1 -2
  340. package/lib-esm/LabelGroup.js +2 -2
  341. package/lib-esm/Link.d.ts +1 -2
  342. package/lib-esm/Link.js +2 -2
  343. package/lib-esm/NewButton/button.js +31 -42
  344. package/lib-esm/Overlay.d.ts +11 -10
  345. package/lib-esm/Overlay.js +2 -3
  346. package/lib-esm/Pagehead.d.ts +1 -2
  347. package/lib-esm/Pagehead.js +2 -2
  348. package/lib-esm/Pagination/Pagination.js +2 -2
  349. package/lib-esm/Popover.d.ts +4 -5
  350. package/lib-esm/Popover.js +4 -5
  351. package/lib-esm/Position.d.ts +4 -4
  352. package/lib-esm/SelectMenu/SelectMenu.d.ts +21 -189
  353. package/lib-esm/SelectMenu/SelectMenu.js +1 -2
  354. package/lib-esm/SelectMenu/SelectMenuDivider.d.ts +1 -2
  355. package/lib-esm/SelectMenu/SelectMenuDivider.js +2 -2
  356. package/lib-esm/SelectMenu/SelectMenuFilter.js +2 -2
  357. package/lib-esm/SelectMenu/SelectMenuFooter.d.ts +1 -2
  358. package/lib-esm/SelectMenu/SelectMenuFooter.js +2 -2
  359. package/lib-esm/SelectMenu/SelectMenuHeader.d.ts +1 -2
  360. package/lib-esm/SelectMenu/SelectMenuHeader.js +2 -2
  361. package/lib-esm/SelectMenu/SelectMenuItem.d.ts +2 -3
  362. package/lib-esm/SelectMenu/SelectMenuItem.js +2 -2
  363. package/lib-esm/SelectMenu/SelectMenuList.d.ts +1 -2
  364. package/lib-esm/SelectMenu/SelectMenuList.js +2 -2
  365. package/lib-esm/SelectMenu/SelectMenuLoadingAnimation.d.ts +2 -2
  366. package/lib-esm/SelectMenu/SelectMenuLoadingAnimation.js +3 -2
  367. package/lib-esm/SelectMenu/SelectMenuModal.d.ts +2 -3
  368. package/lib-esm/SelectMenu/SelectMenuModal.js +2 -2
  369. package/lib-esm/SelectMenu/SelectMenuTab.d.ts +1 -2
  370. package/lib-esm/SelectMenu/SelectMenuTab.js +2 -2
  371. package/lib-esm/SelectMenu/SelectMenuTabPanel.d.ts +1 -2
  372. package/lib-esm/SelectMenu/SelectMenuTabPanel.js +2 -2
  373. package/lib-esm/SelectMenu/SelectMenuTabs.d.ts +1 -2
  374. package/lib-esm/SelectMenu/SelectMenuTabs.js +2 -2
  375. package/lib-esm/SideNav.d.ts +11 -8
  376. package/lib-esm/SideNav.js +8 -16
  377. package/lib-esm/StateLabel.d.ts +1 -2
  378. package/lib-esm/StateLabel.js +7 -6
  379. package/lib-esm/StyledOcticon.d.ts +1 -2
  380. package/lib-esm/StyledOcticon.js +1 -2
  381. package/lib-esm/SubNav.d.ts +5 -11
  382. package/lib-esm/SubNav.js +8 -13
  383. package/lib-esm/TabNav.d.ts +3 -4
  384. package/lib-esm/TabNav.js +3 -3
  385. package/lib-esm/TextInputWithTokens.d.ts +3 -3
  386. package/lib-esm/Timeline.d.ts +19 -393
  387. package/lib-esm/Timeline.js +12 -13
  388. package/lib-esm/Token/Token.d.ts +1 -1
  389. package/lib-esm/Tooltip.d.ts +1 -2
  390. package/lib-esm/Tooltip.js +2 -2
  391. package/lib-esm/Truncate.d.ts +1 -2
  392. package/lib-esm/Truncate.js +1 -2
  393. package/lib-esm/UnderlineNav.d.ts +2 -3
  394. package/lib-esm/UnderlineNav.js +3 -3
  395. package/lib-esm/__tests__/Breadcrumbs.test.js +4 -1
  396. package/lib-esm/__tests__/Breadcrumbs.types.test.d.ts +3 -0
  397. package/lib-esm/__tests__/Breadcrumbs.types.test.js +12 -0
  398. package/lib-esm/__tests__/Button.test.js +6 -2
  399. package/lib-esm/__tests__/CircleBadge.types.test.d.ts +3 -0
  400. package/lib-esm/__tests__/CircleBadge.types.test.js +13 -0
  401. package/lib-esm/__tests__/CounterLabel.types.test.d.ts +3 -0
  402. package/lib-esm/__tests__/CounterLabel.types.test.js +13 -0
  403. package/lib-esm/__tests__/Dialog.types.test.d.ts +3 -0
  404. package/lib-esm/__tests__/Dialog.types.test.js +13 -0
  405. package/lib-esm/__tests__/Dialog2.types.test.d.ts +3 -0
  406. package/lib-esm/__tests__/Dialog2.types.test.js +16 -0
  407. package/lib-esm/__tests__/Dropdown.types.test.d.ts +3 -0
  408. package/lib-esm/__tests__/Dropdown.types.test.js +17 -0
  409. package/lib-esm/__tests__/FilterList.types.test.d.ts +3 -0
  410. package/lib-esm/__tests__/FilterList.types.test.js +13 -0
  411. package/lib-esm/__tests__/FilteredSearch.types.test.d.ts +3 -0
  412. package/lib-esm/__tests__/FilteredSearch.types.test.js +13 -0
  413. package/lib-esm/__tests__/Flash.types.test.d.ts +3 -0
  414. package/lib-esm/__tests__/Flash.types.test.js +13 -0
  415. package/lib-esm/__tests__/FormGroup.types.test.d.ts +3 -0
  416. package/lib-esm/__tests__/FormGroup.types.test.js +13 -0
  417. package/lib-esm/__tests__/Header.types.test.d.ts +3 -0
  418. package/lib-esm/__tests__/Header.types.test.js +15 -0
  419. package/lib-esm/__tests__/Label.types.test.d.ts +3 -0
  420. package/lib-esm/__tests__/Label.types.test.js +13 -0
  421. package/lib-esm/__tests__/LabelGroup.types.test.d.ts +3 -0
  422. package/lib-esm/__tests__/LabelGroup.types.test.js +13 -0
  423. package/lib-esm/__tests__/Link.test.js +11 -5
  424. package/lib-esm/__tests__/Link.types.test.d.ts +3 -0
  425. package/lib-esm/__tests__/Link.types.test.js +13 -0
  426. package/lib-esm/__tests__/Overlay.types.test.d.ts +3 -0
  427. package/lib-esm/__tests__/Overlay.types.test.js +20 -0
  428. package/lib-esm/__tests__/Pagehead.types.test.d.ts +3 -0
  429. package/lib-esm/__tests__/Pagehead.types.test.js +13 -0
  430. package/lib-esm/__tests__/Pagination.types.test.d.ts +3 -0
  431. package/lib-esm/__tests__/Pagination.types.test.js +18 -0
  432. package/lib-esm/__tests__/Popover.types.test.d.ts +3 -0
  433. package/lib-esm/__tests__/Popover.types.test.js +13 -0
  434. package/lib-esm/__tests__/SelectMenu.types.test.d.ts +3 -0
  435. package/lib-esm/__tests__/SelectMenu.types.test.js +33 -0
  436. package/lib-esm/__tests__/SideNav.types.test.d.ts +3 -0
  437. package/lib-esm/__tests__/SideNav.types.test.js +13 -0
  438. package/lib-esm/__tests__/StateLabel.types.test.d.ts +3 -0
  439. package/lib-esm/__tests__/StateLabel.types.test.js +13 -0
  440. package/lib-esm/__tests__/StyledOcticon.types.test.d.ts +3 -0
  441. package/lib-esm/__tests__/StyledOcticon.types.test.js +16 -0
  442. package/lib-esm/__tests__/SubNav.types.test.d.ts +3 -0
  443. package/lib-esm/__tests__/SubNav.types.test.js +14 -0
  444. package/lib-esm/__tests__/TabNav.types.test.d.ts +3 -0
  445. package/lib-esm/__tests__/TabNav.types.test.js +12 -0
  446. package/lib-esm/__tests__/Timeline.types.test.d.ts +3 -0
  447. package/lib-esm/__tests__/Timeline.types.test.js +18 -0
  448. package/lib-esm/__tests__/Tooltip.types.test.d.ts +3 -0
  449. package/lib-esm/__tests__/Tooltip.types.test.js +13 -0
  450. package/lib-esm/__tests__/Truncate.types.test.d.ts +3 -0
  451. package/lib-esm/__tests__/Truncate.types.test.js +16 -0
  452. package/lib-esm/__tests__/UnderlineNav.types.test.d.ts +3 -0
  453. package/lib-esm/__tests__/UnderlineNav.types.test.js +12 -0
  454. package/lib-esm/stories/ActionList2.stories.js +4 -3
  455. package/lib-esm/stories/ActionMenu.stories.js +1 -3
  456. package/lib-esm/stories/ConfirmationDialog.stories.js +16 -8
  457. package/lib-esm/stories/Dialog.stories.js +6 -2
  458. package/lib-esm/stories/useFocusTrap.stories.js +6 -2
  459. package/lib-esm/stories/useFocusZone.stories.js +13 -5
  460. package/lib-esm/theme-preval.js +446 -0
  461. package/lib-esm/utils/testing.d.ts +1 -1
  462. package/package-lock.json +16 -16
  463. package/package.json +3 -3
  464. package/src/ActionList2/Group.tsx +76 -7
  465. package/src/ActionList2/List.tsx +1 -1
  466. package/src/Breadcrumbs.tsx +11 -11
  467. package/src/Button/Button.tsx +2 -3
  468. package/src/Button/ButtonBase.tsx +2 -6
  469. package/src/Button/ButtonClose.tsx +2 -6
  470. package/src/Button/ButtonDanger.tsx +2 -3
  471. package/src/Button/ButtonInvisible.tsx +2 -3
  472. package/src/Button/ButtonOutline.tsx +2 -3
  473. package/src/Button/ButtonPrimary.tsx +2 -3
  474. package/src/Button/ButtonTableList.tsx +2 -15
  475. package/src/CircleBadge.tsx +2 -4
  476. package/src/CounterLabel.tsx +2 -4
  477. package/src/Dialog/Dialog.tsx +22 -11
  478. package/src/Dialog.tsx +2 -6
  479. package/src/Dropdown.tsx +3 -7
  480. package/src/DropdownMenu/DropdownButton.tsx +1 -1
  481. package/src/FilterList.tsx +5 -11
  482. package/src/FilteredSearch.tsx +2 -3
  483. package/src/Flash.tsx +2 -4
  484. package/src/FormGroup.tsx +3 -6
  485. package/src/Header.tsx +4 -14
  486. package/src/Label.tsx +2 -5
  487. package/src/LabelGroup.tsx +2 -3
  488. package/src/Link.tsx +2 -6
  489. package/src/NewButton/button.tsx +82 -78
  490. package/src/Overlay.tsx +13 -11
  491. package/src/Pagehead.tsx +2 -3
  492. package/src/Pagination/Pagination.tsx +3 -5
  493. package/src/Popover.tsx +3 -14
  494. package/src/SelectMenu/SelectMenu.tsx +1 -3
  495. package/src/SelectMenu/SelectMenuDivider.tsx +2 -3
  496. package/src/SelectMenu/SelectMenuFilter.tsx +2 -3
  497. package/src/SelectMenu/SelectMenuFooter.tsx +2 -3
  498. package/src/SelectMenu/SelectMenuHeader.tsx +2 -4
  499. package/src/SelectMenu/SelectMenuItem.tsx +2 -3
  500. package/src/SelectMenu/SelectMenuList.tsx +2 -3
  501. package/src/SelectMenu/SelectMenuLoadingAnimation.tsx +4 -3
  502. package/src/SelectMenu/SelectMenuModal.tsx +2 -4
  503. package/src/SelectMenu/SelectMenuTab.tsx +2 -3
  504. package/src/SelectMenu/SelectMenuTabPanel.tsx +2 -3
  505. package/src/SelectMenu/SelectMenuTabs.tsx +2 -3
  506. package/src/SideNav.tsx +11 -13
  507. package/src/StateLabel.tsx +3 -5
  508. package/src/StyledOcticon.tsx +1 -3
  509. package/src/SubNav.tsx +8 -13
  510. package/src/TabNav.tsx +3 -7
  511. package/src/Timeline.tsx +11 -12
  512. package/src/Tooltip.tsx +3 -3
  513. package/src/Truncate.tsx +0 -5
  514. package/src/UnderlineNav.tsx +3 -6
  515. package/src/__tests__/Breadcrumbs.test.tsx +1 -1
  516. package/src/__tests__/Breadcrumbs.types.test.tsx +22 -0
  517. package/src/__tests__/Button.test.tsx +2 -2
  518. package/src/__tests__/CircleBadge.types.test.tsx +11 -0
  519. package/src/__tests__/CounterLabel.types.test.tsx +11 -0
  520. package/src/__tests__/Dialog.types.test.tsx +11 -0
  521. package/src/__tests__/Dialog2.types.test.tsx +11 -0
  522. package/src/__tests__/Dropdown.types.test.tsx +21 -0
  523. package/src/__tests__/FilterList.types.test.tsx +17 -0
  524. package/src/__tests__/FilteredSearch.types.test.tsx +11 -0
  525. package/src/__tests__/Flash.types.test.tsx +11 -0
  526. package/src/__tests__/FormGroup.types.test.tsx +11 -0
  527. package/src/__tests__/Header.types.test.tsx +19 -0
  528. package/src/__tests__/Label.types.test.tsx +11 -0
  529. package/src/__tests__/LabelGroup.types.test.tsx +11 -0
  530. package/src/__tests__/Link.test.tsx +5 -5
  531. package/src/__tests__/Link.types.test.tsx +11 -0
  532. package/src/__tests__/Overlay.types.test.tsx +18 -0
  533. package/src/__tests__/Pagehead.types.test.tsx +11 -0
  534. package/src/__tests__/Pagination.types.test.tsx +11 -0
  535. package/src/__tests__/Popover.types.test.tsx +17 -0
  536. package/src/__tests__/SelectMenu.types.test.tsx +37 -0
  537. package/src/__tests__/SideNav.types.test.tsx +11 -0
  538. package/src/__tests__/StateLabel.types.test.tsx +11 -0
  539. package/src/__tests__/StyledOcticon.types.test.tsx +12 -0
  540. package/src/__tests__/SubNav.types.test.tsx +25 -0
  541. package/src/__tests__/TabNav.types.test.tsx +22 -0
  542. package/src/__tests__/Timeline.types.test.tsx +31 -0
  543. package/src/__tests__/Tooltip.types.test.tsx +11 -0
  544. package/src/__tests__/Truncate.types.test.tsx +11 -0
  545. package/src/__tests__/UnderlineNav.types.test.tsx +22 -0
  546. package/src/__tests__/__snapshots__/Label.test.tsx.snap +3 -4
  547. package/src/__tests__/__snapshots__/Link.test.tsx.snap +1 -2
  548. package/src/__tests__/__snapshots__/NewButton.test.tsx.snap +5 -0
  549. package/src/stories/ActionList2.stories.tsx +3 -3
  550. package/src/stories/ActionMenu.stories.tsx +1 -4
  551. package/src/stories/ConfirmationDialog.stories.tsx +4 -4
  552. package/src/stories/Dialog.stories.tsx +2 -2
  553. package/src/stories/useFocusTrap.stories.tsx +2 -2
  554. package/src/stories/useFocusZone.stories.tsx +4 -4
  555. package/stats.html +1 -1
package/.github/workflows/release.yml CHANGED
@@ -3,7 +3,6 @@ on:
3
3
  push:
4
4
  branches:
5
5
  - main
6
- - next_major
7
6
  jobs:
8
7
  release:
9
8
  name: Release
package/.github/workflows/release_canary.yml CHANGED
@@ -3,7 +3,6 @@ on:
3
3
  push:
4
4
  branches-ignore:
5
5
  - 'main'
6
- - 'next_major'
7
6
  - 'changeset-release/main'
8
7
  # To avoid unnecessary noise, we don't create canary releases when these paths change:
9
8
  paths-ignore:
package/CHANGELOG.md CHANGED
@@ -1,14 +1,82 @@
1
1
  # @primer/components
2
2
 
3
- ## 31.2.1
3
+ ## 32.0.1
4
4
 
5
5
  ### Patch Changes
6
6
 
7
- - [#1601](https://github.com/primer/react/pull/1601) [`250e4b00`](https://github.com/primer/react/commit/250e4b00f4d996b6125d381bae2487b57156687c) Thanks [@siddharthkp](https://github.com/siddharthkp)! - ActionList: Use icon instead of input for multiple selection in ActionList
7
+ - [#1649](https://github.com/primer/react/pull/1649) [`b1315367`](https://github.com/primer/react/commit/b1315367858c6b4319ac601e5e324bb37331e4a3) Thanks [@jonrohan](https://github.com/jonrohan)! - Upgrading primer/primitives@7.1.1
8
8
 
9
- * [#1629](https://github.com/primer/react/pull/1629) [`47fdbf40`](https://github.com/primer/react/commit/47fdbf40c3b3e0b0efaa7d50e4c08e283eecc5ee) Thanks [@siddharthkp](https://github.com/siddharthkp)! - ActionList: Visual update for disabled Items to make them more obvious
9
+ ## 32.0.0
10
10
 
11
- - [#1486](https://github.com/primer/react/pull/1486) [`34cfca53`](https://github.com/primer/react/commit/34cfca53f8a85a5639b958c61a2474be7390d8a9) Thanks [@pksjce](https://github.com/pksjce)! - ActionList: Add focus and hover colors to all themes in Item using functional variables
11
+ ### Major Changes
12
+
13
+ - [#1639](https://github.com/primer/react/pull/1639) [`8ce0eb92`](https://github.com/primer/react/commit/8ce0eb92d23e2d46760e8b77900e10e7c04da43e) Thanks [@jfuchs](https://github.com/jfuchs)! - Truncate no longer accepts styled-system props. Please use the `sx` prop to extend Primer component styling instead. See also https://primer.style/react/overriding-styles for information about `sx` and https://primer.style/react/system-props for context on the removal.
14
+
15
+ * [#1639](https://github.com/primer/react/pull/1639) [`8ce0eb92`](https://github.com/primer/react/commit/8ce0eb92d23e2d46760e8b77900e10e7c04da43e) Thanks [@jfuchs](https://github.com/jfuchs)! - Timeline no longer accepts styled-system props. Please use the `sx` prop to extend Primer component styling instead. See also https://primer.style/react/overriding-styles for information about `sx` and https://primer.style/react/system-props for context on the removal.
16
+
17
+ - [#1639](https://github.com/primer/react/pull/1639) [`8ce0eb92`](https://github.com/primer/react/commit/8ce0eb92d23e2d46760e8b77900e10e7c04da43e) Thanks [@jfuchs](https://github.com/jfuchs)! - Dropdown no longer accepts styled-system props. Please use the `sx` prop to extend Primer component styling instead. See also https://primer.style/react/overriding-styles for information about `sx` and https://primer.style/react/system-props for context on the removal.
18
+
19
+ * [#1639](https://github.com/primer/react/pull/1639) [`8ce0eb92`](https://github.com/primer/react/commit/8ce0eb92d23e2d46760e8b77900e10e7c04da43e) Thanks [@jfuchs](https://github.com/jfuchs)! - Pagehead no longer accepts styled-system props. Please use the `sx` prop to extend Primer component styling instead. See also https://primer.style/react/overriding-styles for information about `sx` and https://primer.style/react/system-props for context on the removal.
20
+
21
+ - [#1639](https://github.com/primer/react/pull/1639) [`8ce0eb92`](https://github.com/primer/react/commit/8ce0eb92d23e2d46760e8b77900e10e7c04da43e) Thanks [@jfuchs](https://github.com/jfuchs)! - LabelGroup no longer accepts styled-system props. Please use the `sx` prop to extend Primer component styling instead. See also https://primer.style/react/overriding-styles for information about `sx` and https://primer.style/react/system-props for context on the removal.
22
+
23
+ * [#1639](https://github.com/primer/react/pull/1639) [`8ce0eb92`](https://github.com/primer/react/commit/8ce0eb92d23e2d46760e8b77900e10e7c04da43e) Thanks [@jfuchs](https://github.com/jfuchs)! - Link no longer accepts styled-system props. Please use the `sx` prop to extend Primer component styling instead. See also https://primer.style/react/overriding-styles for information about `sx` and https://primer.style/react/system-props for context on the removal.
24
+
25
+ - [#1639](https://github.com/primer/react/pull/1639) [`8ce0eb92`](https://github.com/primer/react/commit/8ce0eb92d23e2d46760e8b77900e10e7c04da43e) Thanks [@jfuchs](https://github.com/jfuchs)! - Popover no longer accepts styled-system props. Please use the `sx` prop to extend Primer component styling instead. See also https://primer.style/react/overriding-styles for information about `sx` and https://primer.style/react/system-props for context on the removal.
26
+
27
+ * [#1639](https://github.com/primer/react/pull/1639) [`8ce0eb92`](https://github.com/primer/react/commit/8ce0eb92d23e2d46760e8b77900e10e7c04da43e) Thanks [@jfuchs](https://github.com/jfuchs)! - StateLabel no longer accepts styled-system props. Please use the `sx` prop to extend Primer component styling instead. See also https://primer.style/react/overriding-styles for information about `sx` and https://primer.style/react/system-props for context on the removal.
28
+
29
+ - [#1639](https://github.com/primer/react/pull/1639) [`8ce0eb92`](https://github.com/primer/react/commit/8ce0eb92d23e2d46760e8b77900e10e7c04da43e) Thanks [@jfuchs](https://github.com/jfuchs)! - CircleBadge no longer accepts styled-system props. Please use the `sx` prop to extend Primer component styling instead. See also https://primer.style/react/overriding-styles for information about `sx` and https://primer.style/react/system-props for context on the removal.
30
+
31
+ * [#1639](https://github.com/primer/react/pull/1639) [`8ce0eb92`](https://github.com/primer/react/commit/8ce0eb92d23e2d46760e8b77900e10e7c04da43e) Thanks [@jfuchs](https://github.com/jfuchs)! - SelectMenu no longer accepts styled-system props. Please use the `sx` prop to extend Primer component styling instead. See also https://primer.style/react/overriding-styles for information about `sx` and https://primer.style/react/system-props for context on the removal.
32
+
33
+ - [#1639](https://github.com/primer/react/pull/1639) [`8ce0eb92`](https://github.com/primer/react/commit/8ce0eb92d23e2d46760e8b77900e10e7c04da43e) Thanks [@jfuchs](https://github.com/jfuchs)! - Header no longer accepts styled-system props. Please use the `sx` prop to extend Primer component styling instead. See also https://primer.style/react/overriding-styles for information about `sx` and https://primer.style/react/system-props for context on the removal.
34
+
35
+ * [#1639](https://github.com/primer/react/pull/1639) [`8ce0eb92`](https://github.com/primer/react/commit/8ce0eb92d23e2d46760e8b77900e10e7c04da43e) Thanks [@jfuchs](https://github.com/jfuchs)! - UnderlineNav no longer accepts styled-system props. Please use the `sx` prop to extend Primer component styling instead. See also https://primer.style/react/overriding-styles for information about `sx` and https://primer.style/react/system-props for context on the removal.
36
+
37
+ - [#1639](https://github.com/primer/react/pull/1639) [`8ce0eb92`](https://github.com/primer/react/commit/8ce0eb92d23e2d46760e8b77900e10e7c04da43e) Thanks [@jfuchs](https://github.com/jfuchs)! - Overlay no longer accepts styled-system props. Please use the `sx` prop to extend Primer component styling instead. See also https://primer.style/react/overriding-styles for information about `sx` and https://primer.style/react/system-props for context on the removal.
38
+
39
+ * [#1639](https://github.com/primer/react/pull/1639) [`8ce0eb92`](https://github.com/primer/react/commit/8ce0eb92d23e2d46760e8b77900e10e7c04da43e) Thanks [@jfuchs](https://github.com/jfuchs)! - StyledOcticon no longer accepts styled-system props. Please use the `sx` prop to extend Primer component styling instead. See also https://primer.style/react/overriding-styles for information about `sx` and https://primer.style/react/system-props for context on the removal.
40
+
41
+ - [#1639](https://github.com/primer/react/pull/1639) [`8ce0eb92`](https://github.com/primer/react/commit/8ce0eb92d23e2d46760e8b77900e10e7c04da43e) Thanks [@jfuchs](https://github.com/jfuchs)! - Dialog no longer accepts styled-system props. Please use the `sx` prop to extend Primer component styling instead. See also https://primer.style/react/overriding-styles for information about `sx` and https://primer.style/react/system-props for context on the removal.
42
+
43
+ * [#1639](https://github.com/primer/react/pull/1639) [`8ce0eb92`](https://github.com/primer/react/commit/8ce0eb92d23e2d46760e8b77900e10e7c04da43e) Thanks [@jfuchs](https://github.com/jfuchs)! - TabNav no longer accepts styled-system props. Please use the `sx` prop to extend Primer component styling instead. See also https://primer.style/react/overriding-styles for information about `sx` and https://primer.style/react/system-props for context on the removal.
44
+
45
+ - [#1639](https://github.com/primer/react/pull/1639) [`8ce0eb92`](https://github.com/primer/react/commit/8ce0eb92d23e2d46760e8b77900e10e7c04da43e) Thanks [@jfuchs](https://github.com/jfuchs)! - SubNav no longer accepts styled-system props. Please use the `sx` prop to extend Primer component styling instead. See also https://primer.style/react/overriding-styles for information about `sx` and https://primer.style/react/system-props for context on the removal.
46
+
47
+ * [#1639](https://github.com/primer/react/pull/1639) [`8ce0eb92`](https://github.com/primer/react/commit/8ce0eb92d23e2d46760e8b77900e10e7c04da43e) Thanks [@jfuchs](https://github.com/jfuchs)! - Dialog2 no longer accepts styled-system props. Please use the `sx` prop to extend Primer component styling instead. See also https://primer.style/react/overriding-styles for information about `sx` and https://primer.style/react/system-props for context on the removal.
48
+
49
+ - [#1639](https://github.com/primer/react/pull/1639) [`8ce0eb92`](https://github.com/primer/react/commit/8ce0eb92d23e2d46760e8b77900e10e7c04da43e) Thanks [@jfuchs](https://github.com/jfuchs)! - Buttons no longer accept styled-system props. Please use the `sx` prop to extend Primer component styling instead. See also https://primer.style/react/overriding-styles for information about `sx` and https://primer.style/react/system-props for context on the removal.
50
+
51
+ * [#1639](https://github.com/primer/react/pull/1639) [`8ce0eb92`](https://github.com/primer/react/commit/8ce0eb92d23e2d46760e8b77900e10e7c04da43e) Thanks [@jfuchs](https://github.com/jfuchs)! - Label no longer accepts styled-system props. Please use the `sx` prop to extend Primer component styling instead. See also https://primer.style/react/overriding-styles for information about `sx` and https://primer.style/react/system-props for context on the removal.
52
+
53
+ - [#1639](https://github.com/primer/react/pull/1639) [`8ce0eb92`](https://github.com/primer/react/commit/8ce0eb92d23e2d46760e8b77900e10e7c04da43e) Thanks [@jfuchs](https://github.com/jfuchs)! - Flash no longer accepts styled-system props. Please use the `sx` prop to extend Primer component styling instead. See also https://primer.style/react/overriding-styles for information about `sx` and https://primer.style/react/system-props for context on the removal.
54
+
55
+ * [#1639](https://github.com/primer/react/pull/1639) [`8ce0eb92`](https://github.com/primer/react/commit/8ce0eb92d23e2d46760e8b77900e10e7c04da43e) Thanks [@jfuchs](https://github.com/jfuchs)! - Tooltip no longer accepts styled-system props. Please use the `sx` prop to extend Primer component styling instead. See also https://primer.style/react/overriding-styles for information about `sx` and https://primer.style/react/system-props for context on the removal.
56
+
57
+ - [#1639](https://github.com/primer/react/pull/1639) [`8ce0eb92`](https://github.com/primer/react/commit/8ce0eb92d23e2d46760e8b77900e10e7c04da43e) Thanks [@jfuchs](https://github.com/jfuchs)! - Pagination no longer accepts styled-system props. Please use the `sx` prop to extend Primer component styling instead. See also https://primer.style/react/overriding-styles for information about `sx` and https://primer.style/react/system-props for context on the removal.
58
+
59
+ * [#1639](https://github.com/primer/react/pull/1639) [`8ce0eb92`](https://github.com/primer/react/commit/8ce0eb92d23e2d46760e8b77900e10e7c04da43e) Thanks [@jfuchs](https://github.com/jfuchs)! - Breadcrumbs no longer accepts styled-system props. Please use the `sx` prop to extend Primer component styling instead. See also https://primer.style/react/overriding-styles for information about `sx` and https://primer.style/react/system-props for context on the removal.
60
+
61
+ - [#1639](https://github.com/primer/react/pull/1639) [`8ce0eb92`](https://github.com/primer/react/commit/8ce0eb92d23e2d46760e8b77900e10e7c04da43e) Thanks [@jfuchs](https://github.com/jfuchs)! - FilteredSearch no longer accepts styled-system props. Please use the `sx` prop to extend Primer component styling instead. See also https://primer.style/react/overriding-styles for information about `sx` and https://primer.style/react/system-props for context on the removal.
62
+
63
+ * [#1639](https://github.com/primer/react/pull/1639) [`8ce0eb92`](https://github.com/primer/react/commit/8ce0eb92d23e2d46760e8b77900e10e7c04da43e) Thanks [@jfuchs](https://github.com/jfuchs)! - SideNav no longer accepts styled-system props. Please use the `sx` prop to extend Primer component styling instead. See also https://primer.style/react/overriding-styles for information about `sx` and https://primer.style/react/system-props for context on the removal.
64
+
65
+ - [#1639](https://github.com/primer/react/pull/1639) [`8ce0eb92`](https://github.com/primer/react/commit/8ce0eb92d23e2d46760e8b77900e10e7c04da43e) Thanks [@jfuchs](https://github.com/jfuchs)! - FilterList no longer accepts styled-system props. Please use the `sx` prop to extend Primer component styling instead. See also https://primer.style/react/overriding-styles for information about `sx` and https://primer.style/react/system-props for context on the removal.
66
+
67
+ * [#1639](https://github.com/primer/react/pull/1639) [`8ce0eb92`](https://github.com/primer/react/commit/8ce0eb92d23e2d46760e8b77900e10e7c04da43e) Thanks [@jfuchs](https://github.com/jfuchs)! - CounterLabel no longer accepts styled-system props. Please use the `sx` prop to extend Primer component styling instead. See also https://primer.style/react/overriding-styles for information about `sx` and https://primer.style/react/system-props for context on the removal.
68
+
69
+ - [#1639](https://github.com/primer/react/pull/1639) [`8ce0eb92`](https://github.com/primer/react/commit/8ce0eb92d23e2d46760e8b77900e10e7c04da43e) Thanks [@jfuchs](https://github.com/jfuchs)! - FormGroup no longer accepts styled-system props. Please use the `sx` prop to extend Primer component styling instead. See also https://primer.style/react/overriding-styles for information about `sx` and https://primer.style/react/system-props for context on the removal.
70
+
71
+ ### Patch Changes
72
+
73
+ - [#1598](https://github.com/primer/react/pull/1598) [`3bb895f1`](https://github.com/primer/react/commit/3bb895f1a2cbd36d509f005524878d14218acb39) Thanks [@siddharthkp](https://github.com/siddharthkp)! - ActionList: Better semantics for accessibile ActionList.Group
74
+
75
+ * [#1601](https://github.com/primer/react/pull/1601) [`250e4b00`](https://github.com/primer/react/commit/250e4b00f4d996b6125d381bae2487b57156687c) Thanks [@siddharthkp](https://github.com/siddharthkp)! - ActionList: Use icon instead of input for multiple selection in ActionList
76
+
77
+ - [#1629](https://github.com/primer/react/pull/1629) [`47fdbf40`](https://github.com/primer/react/commit/47fdbf40c3b3e0b0efaa7d50e4c08e283eecc5ee) Thanks [@siddharthkp](https://github.com/siddharthkp)! - ActionList: Visual update for disabled Items to make them more obvious
78
+
79
+ * [#1486](https://github.com/primer/react/pull/1486) [`34cfca53`](https://github.com/primer/react/commit/34cfca53f8a85a5639b958c61a2474be7390d8a9) Thanks [@pksjce](https://github.com/pksjce)! - ActionList: Add focus and hover colors to all themes in Item using functional variables
12
80
 
13
81
  ## 31.2.0
14
82