@primer/components 0.0.0-2021112202242 → 0.0.0-20211124581

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 (719) hide show
  1. package/CHANGELOG.md +947 -40
  2. package/README.md +16 -16
  3. package/codemods/__tests__/deprecateUtilityComponents.js +200 -0
  4. package/codemods/__tests__/removeSystemProps.js +225 -0
  5. package/codemods/deprecateUtilityComponents.js +111 -0
  6. package/codemods/lib/modifyProps.js +9 -7
  7. package/codemods/lib/prettify.js +1 -1
  8. package/codemods/lib/replaceImportSource.js +5 -5
  9. package/codemods/removeSystemProps.js +312 -0
  10. package/dist/browser.esm.js +1284 -852
  11. package/dist/browser.esm.js.map +1 -1
  12. package/dist/browser.umd.js +1322 -890
  13. package/dist/browser.umd.js.map +1 -1
  14. package/lib/ActionList/Divider.d.ts +9 -0
  15. package/lib/ActionList/Divider.js +40 -0
  16. package/lib/ActionList/Group.d.ts +28 -0
  17. package/lib/ActionList/Group.js +35 -0
  18. package/lib/ActionList/Header.d.ts +29 -0
  19. package/lib/ActionList/Header.js +51 -0
  20. package/lib/ActionList/Item.d.ts +98 -0
  21. package/lib/ActionList/Item.js +276 -0
  22. package/lib/ActionList/List.d.ts +88 -0
  23. package/lib/ActionList/List.js +199 -0
  24. package/lib/ActionList/index.d.ts +17 -0
  25. package/lib/ActionList/index.js +29 -0
  26. package/lib/ActionList2/Description.d.ts +12 -0
  27. package/lib/ActionList2/Description.js +57 -0
  28. package/lib/ActionList2/Divider.d.ts +6 -0
  29. package/lib/ActionList2/Divider.js +40 -0
  30. package/lib/ActionList2/Group.d.ts +37 -0
  31. package/lib/ActionList2/Group.js +106 -0
  32. package/lib/ActionList2/Item.d.ts +63 -0
  33. package/lib/ActionList2/Item.js +260 -0
  34. package/lib/ActionList2/LinkItem.d.ts +17 -0
  35. package/lib/ActionList2/LinkItem.js +57 -0
  36. package/lib/ActionList2/List.d.ts +26 -0
  37. package/lib/ActionList2/List.js +68 -0
  38. package/lib/ActionList2/MenuContext.d.ts +10 -0
  39. package/lib/ActionList2/MenuContext.js +15 -0
  40. package/lib/ActionList2/Selection.d.ts +5 -0
  41. package/lib/ActionList2/Selection.js +97 -0
  42. package/lib/ActionList2/Visuals.d.ts +9 -0
  43. package/lib/ActionList2/Visuals.js +90 -0
  44. package/lib/ActionList2/index.d.ts +35 -0
  45. package/lib/ActionList2/index.js +47 -0
  46. package/lib/ActionMenu.d.ts +40 -0
  47. package/lib/ActionMenu.js +103 -0
  48. package/lib/ActionMenu2.d.ts +310 -0
  49. package/lib/ActionMenu2.js +91 -0
  50. package/lib/AnchoredOverlay/AnchoredOverlay.d.ts +62 -0
  51. package/lib/AnchoredOverlay/AnchoredOverlay.js +124 -0
  52. package/lib/AnchoredOverlay/index.d.ts +2 -0
  53. package/lib/AnchoredOverlay/index.js +13 -0
  54. package/lib/Autocomplete/Autocomplete.d.ts +313 -0
  55. package/lib/Autocomplete/Autocomplete.js +145 -0
  56. package/lib/Autocomplete/AutocompleteContext.d.ts +17 -0
  57. package/lib/Autocomplete/AutocompleteContext.js +11 -0
  58. package/lib/Autocomplete/AutocompleteInput.d.ts +301 -0
  59. package/lib/Autocomplete/AutocompleteInput.js +157 -0
  60. package/lib/Autocomplete/AutocompleteMenu.d.ts +72 -0
  61. package/lib/Autocomplete/AutocompleteMenu.js +224 -0
  62. package/lib/Autocomplete/AutocompleteOverlay.d.ts +20 -0
  63. package/lib/Autocomplete/AutocompleteOverlay.js +80 -0
  64. package/lib/Autocomplete/index.d.ts +2 -0
  65. package/lib/Autocomplete/index.js +15 -0
  66. package/lib/Avatar.d.ts +14 -0
  67. package/lib/Avatar.js +1 -12
  68. package/lib/AvatarPair.d.ts +8 -0
  69. package/lib/AvatarPair.js +9 -16
  70. package/lib/AvatarStack.d.ts +8 -0
  71. package/lib/AvatarStack.js +12 -23
  72. package/lib/BaseStyles.d.ts +14 -0
  73. package/lib/BaseStyles.js +25 -31
  74. package/lib/BorderBox.d.ts +7 -0
  75. package/lib/BorderBox.js +5 -16
  76. package/lib/Box.d.ts +6 -0
  77. package/lib/Box.js +2 -15
  78. package/lib/BranchName.d.ts +5 -0
  79. package/lib/BranchName.js +1 -14
  80. package/lib/Breadcrumbs.d.ts +41 -0
  81. package/lib/Breadcrumbs.js +82 -0
  82. package/lib/Button/Button.d.ts +284 -0
  83. package/lib/Button/Button.js +3 -15
  84. package/lib/Button/ButtonBase.d.ts +9 -0
  85. package/lib/Button/ButtonBase.js +2 -25
  86. package/lib/Button/ButtonClose.d.ts +279 -0
  87. package/lib/Button/ButtonClose.js +9 -26
  88. package/lib/Button/ButtonDanger.d.ts +284 -0
  89. package/lib/Button/ButtonDanger.js +2 -14
  90. package/lib/Button/ButtonGroup.d.ts +4 -0
  91. package/lib/Button/ButtonGroup.js +2 -8
  92. package/lib/Button/ButtonInvisible.d.ts +284 -0
  93. package/lib/Button/ButtonInvisible.js +3 -15
  94. package/lib/Button/ButtonOutline.d.ts +284 -0
  95. package/lib/Button/ButtonOutline.js +2 -14
  96. package/lib/Button/ButtonPrimary.d.ts +284 -0
  97. package/lib/Button/ButtonPrimary.js +2 -14
  98. package/lib/Button/ButtonStyles.d.ts +2 -0
  99. package/lib/Button/ButtonTableList.d.ts +5 -0
  100. package/lib/Button/ButtonTableList.js +1 -15
  101. package/lib/Button/index.d.ts +16 -0
  102. package/lib/Button/index.js +9 -59
  103. package/lib/Caret.d.ts +21 -0
  104. package/lib/Caret.js +14 -17
  105. package/lib/Checkbox.d.ts +29 -0
  106. package/lib/Checkbox.js +64 -0
  107. package/lib/CircleBadge.d.ts +24 -0
  108. package/lib/CircleBadge.js +2 -20
  109. package/lib/CircleOcticon.d.ts +392 -0
  110. package/lib/CircleOcticon.js +9 -18
  111. package/lib/CounterLabel.d.ts +7 -0
  112. package/lib/CounterLabel.js +3 -17
  113. package/lib/Details.d.ts +5 -0
  114. package/lib/Details.js +2 -12
  115. package/lib/Dialog/ConfirmationDialog.d.ts +44 -0
  116. package/lib/Dialog/ConfirmationDialog.js +191 -0
  117. package/lib/Dialog/Dialog.d.ts +163 -0
  118. package/lib/Dialog/Dialog.js +311 -0
  119. package/lib/Dialog.d.ts +406 -0
  120. package/lib/Dialog.js +34 -49
  121. package/lib/Dropdown.d.ts +1113 -0
  122. package/lib/Dropdown.js +45 -60
  123. package/lib/DropdownMenu/DropdownButton.d.ts +280 -0
  124. package/lib/DropdownMenu/DropdownButton.js +33 -0
  125. package/lib/DropdownMenu/DropdownMenu.d.ts +43 -0
  126. package/lib/DropdownMenu/DropdownMenu.js +94 -0
  127. package/lib/DropdownMenu/index.d.ts +4 -0
  128. package/lib/DropdownMenu/index.js +21 -0
  129. package/lib/DropdownStyles.d.ts +3 -0
  130. package/lib/DropdownStyles.js +6 -6
  131. package/lib/FilterList.d.ts +283 -0
  132. package/lib/FilterList.js +2 -30
  133. package/lib/FilteredActionList/FilteredActionList.d.ts +16 -0
  134. package/lib/FilteredActionList/FilteredActionList.js +137 -0
  135. package/lib/FilteredActionList/index.d.ts +2 -0
  136. package/lib/FilteredActionList/index.js +13 -0
  137. package/lib/FilteredSearch.d.ts +5 -0
  138. package/lib/FilteredSearch.js +1 -12
  139. package/lib/Flash.d.ts +8 -0
  140. package/lib/Flash.js +35 -14
  141. package/lib/Flex.d.ts +7 -0
  142. package/lib/Flex.js +3 -5
  143. package/lib/FormGroup.d.ts +11 -0
  144. package/lib/FormGroup.js +2 -22
  145. package/lib/Grid.d.ts +7 -0
  146. package/lib/Grid.js +4 -9
  147. package/lib/Header.d.ts +23 -0
  148. package/lib/Header.js +7 -37
  149. package/lib/Heading.d.ts +5 -0
  150. package/lib/Heading.js +1 -13
  151. package/lib/Label.d.ts +10 -0
  152. package/lib/Label.js +5 -19
  153. package/lib/LabelGroup.d.ts +5 -0
  154. package/lib/LabelGroup.js +1 -9
  155. package/lib/Link.d.ts +9 -0
  156. package/lib/Link.js +2 -30
  157. package/lib/NewButton/button-counter.d.ts +6 -0
  158. package/lib/NewButton/button-counter.js +31 -0
  159. package/lib/NewButton/button.d.ts +13 -0
  160. package/lib/NewButton/button.js +308 -0
  161. package/lib/NewButton/index.d.ts +14 -0
  162. package/lib/NewButton/index.js +15 -0
  163. package/lib/NewButton/types.d.ts +32 -0
  164. package/lib/{utils → NewButton}/types.js +0 -0
  165. package/lib/Overlay.d.ts +66 -0
  166. package/lib/Overlay.js +184 -0
  167. package/lib/Pagehead.d.ts +5 -0
  168. package/lib/Pagehead.js +1 -13
  169. package/lib/Pagination/Pagination.d.ts +24 -0
  170. package/lib/Pagination/Pagination.js +14 -29
  171. package/lib/Pagination/index.d.ts +3 -0
  172. package/lib/Pagination/model.d.ts +26 -0
  173. package/lib/Pagination/model.js +1 -1
  174. package/lib/PointerBox.d.ts +11 -0
  175. package/lib/PointerBox.js +4 -13
  176. package/lib/Popover.d.ts +20 -0
  177. package/lib/Popover.js +5 -29
  178. package/lib/Portal/Portal.d.ts +25 -0
  179. package/lib/Portal/Portal.js +101 -0
  180. package/lib/Portal/index.d.ts +4 -0
  181. package/lib/Portal/index.js +17 -0
  182. package/lib/Position.d.ts +34 -0
  183. package/lib/Position.js +46 -46
  184. package/lib/ProgressBar.d.ts +26 -0
  185. package/lib/ProgressBar.js +8 -27
  186. package/lib/SelectMenu/SelectMenu.d.ts +1678 -0
  187. package/lib/SelectMenu/SelectMenu.js +11 -25
  188. package/lib/SelectMenu/SelectMenuContext.d.ts +8 -0
  189. package/lib/SelectMenu/SelectMenuContext.js +1 -1
  190. package/lib/SelectMenu/SelectMenuDivider.d.ts +5 -0
  191. package/lib/SelectMenu/SelectMenuDivider.js +5 -13
  192. package/lib/SelectMenu/SelectMenuFilter.d.ts +9 -0
  193. package/lib/SelectMenu/SelectMenuFilter.js +9 -19
  194. package/lib/SelectMenu/SelectMenuFooter.d.ts +5 -0
  195. package/lib/SelectMenu/SelectMenuFooter.js +5 -13
  196. package/lib/SelectMenu/SelectMenuHeader.d.ts +10 -0
  197. package/lib/SelectMenu/SelectMenuHeader.js +2 -15
  198. package/lib/SelectMenu/SelectMenuItem.d.ts +14 -0
  199. package/lib/SelectMenu/SelectMenuItem.js +9 -19
  200. package/lib/SelectMenu/SelectMenuList.d.ts +5 -0
  201. package/lib/SelectMenu/SelectMenuList.js +5 -13
  202. package/lib/SelectMenu/SelectMenuLoadingAnimation.d.ts +7 -0
  203. package/lib/SelectMenu/SelectMenuLoadingAnimation.js +5 -16
  204. package/lib/SelectMenu/SelectMenuModal.d.ts +14 -0
  205. package/lib/SelectMenu/SelectMenuModal.js +9 -21
  206. package/lib/SelectMenu/SelectMenuTab.d.ts +13 -0
  207. package/lib/SelectMenu/SelectMenuTab.js +8 -22
  208. package/lib/SelectMenu/SelectMenuTabPanel.d.ts +12 -0
  209. package/lib/SelectMenu/SelectMenuTabPanel.js +7 -19
  210. package/lib/SelectMenu/SelectMenuTabs.d.ts +10 -0
  211. package/lib/SelectMenu/SelectMenuTabs.js +4 -12
  212. package/lib/SelectMenu/hooks/useKeyboardNav.d.ts +2 -0
  213. package/lib/SelectMenu/hooks/useKeyboardNav.js +2 -0
  214. package/lib/SelectMenu/index.d.ts +2 -0
  215. package/lib/SelectPanel/SelectPanel.d.ts +25 -0
  216. package/lib/SelectPanel/SelectPanel.js +147 -0
  217. package/lib/SelectPanel/index.d.ts +2 -0
  218. package/lib/SelectPanel/index.js +13 -0
  219. package/lib/SideNav.d.ts +34 -0
  220. package/lib/SideNav.js +35 -51
  221. package/lib/Spinner.d.ts +16 -0
  222. package/lib/Spinner.js +58 -0
  223. package/lib/StateLabel.d.ts +15 -0
  224. package/lib/StateLabel.js +53 -23
  225. package/lib/StyledOcticon.d.ts +11 -0
  226. package/lib/StyledOcticon.js +1 -15
  227. package/lib/SubNav.d.ts +26 -0
  228. package/lib/SubNav.js +27 -49
  229. package/lib/TabNav.d.ts +19 -0
  230. package/lib/TabNav.js +15 -37
  231. package/lib/Text.d.ts +6 -0
  232. package/lib/Text.js +0 -12
  233. package/lib/TextInput.d.ts +21 -0
  234. package/lib/TextInput.js +37 -77
  235. package/lib/TextInputWithTokens.d.ts +336 -0
  236. package/lib/TextInputWithTokens.js +318 -0
  237. package/lib/ThemeProvider.d.ts +26 -0
  238. package/lib/ThemeProvider.js +193 -0
  239. package/lib/Timeline.d.ts +33 -0
  240. package/lib/Timeline.js +34 -87
  241. package/lib/Token/AvatarToken.d.ts +7 -0
  242. package/lib/Token/AvatarToken.js +64 -0
  243. package/lib/Token/IssueLabelToken.d.ts +14 -0
  244. package/lib/Token/IssueLabelToken.js +144 -0
  245. package/lib/Token/Token.d.ts +15 -0
  246. package/lib/Token/Token.js +105 -0
  247. package/lib/Token/TokenBase.d.ts +31 -0
  248. package/lib/Token/TokenBase.js +104 -0
  249. package/lib/Token/_RemoveTokenButton.d.ts +12 -0
  250. package/lib/Token/_RemoveTokenButton.js +90 -0
  251. package/lib/Token/_TokenTextContainer.d.ts +3 -0
  252. package/lib/Token/_TokenTextContainer.js +17 -0
  253. package/lib/Token/index.d.ts +3 -0
  254. package/lib/Token/index.js +31 -0
  255. package/lib/Tooltip.d.ts +17 -0
  256. package/lib/Tooltip.js +4 -21
  257. package/lib/Truncate.d.ts +10 -0
  258. package/lib/Truncate.js +2 -18
  259. package/lib/UnderlineNav.d.ts +24 -0
  260. package/lib/UnderlineNav.js +3 -29
  261. package/lib/_TextInputWrapper.d.ts +13 -0
  262. package/lib/_TextInputWrapper.js +62 -0
  263. package/lib/_UnstyledTextInput.d.ts +2 -0
  264. package/lib/_UnstyledTextInput.js +20 -0
  265. package/lib/behaviors/anchoredPosition.d.ts +89 -0
  266. package/lib/behaviors/anchoredPosition.js +316 -0
  267. package/lib/behaviors/focusTrap.d.ts +12 -0
  268. package/lib/behaviors/focusTrap.js +179 -0
  269. package/lib/behaviors/focusZone.d.ts +137 -0
  270. package/lib/behaviors/focusZone.js +578 -0
  271. package/lib/behaviors/scrollIntoViewingArea.d.ts +1 -0
  272. package/lib/behaviors/scrollIntoViewingArea.js +39 -0
  273. package/lib/constants.d.ts +20 -0
  274. package/lib/constants.js +11 -27
  275. package/lib/drafts.d.ts +9 -0
  276. package/lib/drafts.js +44 -0
  277. package/lib/hooks/index.d.ts +11 -0
  278. package/lib/hooks/index.js +61 -0
  279. package/lib/hooks/useAnchoredPosition.d.ts +20 -0
  280. package/lib/hooks/useAnchoredPosition.js +51 -0
  281. package/lib/hooks/useCombinedRefs.d.ts +10 -0
  282. package/lib/hooks/useCombinedRefs.js +47 -0
  283. package/lib/hooks/useDetails.d.ts +17 -0
  284. package/lib/hooks/useDetails.js +10 -3
  285. package/lib/hooks/useDialog.d.ts +16 -0
  286. package/lib/hooks/useDialog.js +21 -6
  287. package/lib/hooks/useFocusTrap.d.ts +32 -0
  288. package/lib/hooks/useFocusTrap.js +69 -0
  289. package/lib/hooks/useFocusZone.d.ts +23 -0
  290. package/lib/hooks/useFocusZone.js +53 -0
  291. package/lib/hooks/useOnEscapePress.d.ts +23 -0
  292. package/lib/hooks/useOnEscapePress.js +69 -0
  293. package/lib/hooks/useOnOutsideClick.d.ts +8 -0
  294. package/lib/hooks/useOnOutsideClick.js +90 -0
  295. package/lib/hooks/useOpenAndCloseFocus.d.ts +8 -0
  296. package/lib/hooks/useOpenAndCloseFocus.js +36 -0
  297. package/lib/hooks/useOverlay.d.ts +15 -0
  298. package/lib/hooks/useOverlay.js +43 -0
  299. package/lib/hooks/useProvidedRefOrCreate.d.ts +10 -0
  300. package/lib/hooks/useProvidedRefOrCreate.js +24 -0
  301. package/lib/hooks/useProvidedStateOrCreate.d.ts +10 -0
  302. package/lib/hooks/useProvidedStateOrCreate.js +27 -0
  303. package/lib/hooks/useRenderForcingRef.d.ts +8 -0
  304. package/lib/hooks/useRenderForcingRef.js +25 -0
  305. package/lib/hooks/useResizeObserver.d.ts +1 -0
  306. package/lib/hooks/useResizeObserver.js +20 -0
  307. package/lib/hooks/useSafeTimeout.d.ts +12 -0
  308. package/lib/hooks/useSafeTimeout.js +38 -0
  309. package/lib/hooks/useScrollFlash.d.ts +6 -0
  310. package/lib/hooks/useScrollFlash.js +29 -0
  311. package/lib/index.d.ts +120 -0
  312. package/lib/index.js +191 -7
  313. package/lib/polyfills/eventListenerSignal.d.ts +6 -0
  314. package/lib/polyfills/eventListenerSignal.js +64 -0
  315. package/lib/sx.d.ts +14 -0
  316. package/lib/sx.js +8 -5
  317. package/lib/theme-preval.d.ts +49 -0
  318. package/lib/theme-preval.js +3119 -357
  319. package/lib/theme.d.ts +80 -0
  320. package/lib/theme.js +5 -8
  321. package/lib/utils/create-slots.d.ts +17 -0
  322. package/lib/utils/create-slots.js +105 -0
  323. package/lib/utils/deprecate.d.ts +18 -0
  324. package/lib/utils/deprecate.js +6 -5
  325. package/lib/utils/isNumeric.d.ts +1 -0
  326. package/lib/utils/isNumeric.js +1 -0
  327. package/lib/utils/iterateFocusableElements.d.ts +42 -0
  328. package/lib/utils/iterateFocusableElements.js +113 -0
  329. package/lib/utils/ssr.d.ts +1 -0
  330. package/lib/utils/ssr.js +19 -0
  331. package/lib/utils/test-deprecations.d.ts +1 -0
  332. package/lib/utils/test-deprecations.js +2 -1
  333. package/lib/utils/test-helpers.d.ts +0 -0
  334. package/lib/utils/test-helpers.js +9 -0
  335. package/lib/utils/test-matchers.d.ts +1 -0
  336. package/lib/utils/test-matchers.js +6 -50
  337. package/lib/utils/testing.d.ts +545 -0
  338. package/lib/utils/testing.js +65 -49
  339. package/lib/utils/theme.d.ts +9 -0
  340. package/lib/utils/theme.js +68 -0
  341. package/lib/utils/types/AriaRole.d.ts +1 -0
  342. package/lib/utils/types/AriaRole.js +1 -0
  343. package/lib/utils/types/ComponentProps.d.ts +9 -0
  344. package/lib/utils/types/ComponentProps.js +1 -0
  345. package/lib/utils/types/Flatten.d.ts +4 -0
  346. package/lib/utils/types/Flatten.js +1 -0
  347. package/lib/utils/types/KeyPaths.d.ts +3 -0
  348. package/lib/utils/types/KeyPaths.js +1 -0
  349. package/lib/utils/types/MandateProps.d.ts +3 -0
  350. package/lib/utils/types/MandateProps.js +1 -0
  351. package/lib/utils/types/Merge.d.ts +19 -0
  352. package/lib/utils/types/Merge.js +1 -0
  353. package/lib/utils/types/index.d.ts +5 -0
  354. package/lib/utils/types/index.js +70 -0
  355. package/lib/utils/uniqueId.d.ts +1 -0
  356. package/lib/utils/uniqueId.js +12 -0
  357. package/lib/utils/use-force-update.d.ts +1 -0
  358. package/lib/utils/use-force-update.js +19 -0
  359. package/lib/utils/useIsomorphicLayoutEffect.d.ts +3 -0
  360. package/lib/utils/useIsomorphicLayoutEffect.js +12 -0
  361. package/lib/utils/userAgent.d.ts +1 -0
  362. package/lib/utils/userAgent.js +15 -0
  363. package/lib-esm/ActionList/Divider.d.ts +9 -0
  364. package/lib-esm/ActionList/Divider.js +23 -0
  365. package/lib-esm/ActionList/Group.d.ts +28 -0
  366. package/lib-esm/ActionList/Group.js +24 -0
  367. package/lib-esm/ActionList/Header.d.ts +29 -0
  368. package/lib-esm/ActionList/Header.js +33 -0
  369. package/lib-esm/ActionList/Item.d.ts +98 -0
  370. package/lib-esm/ActionList/Item.js +241 -0
  371. package/lib-esm/ActionList/List.d.ts +88 -0
  372. package/lib-esm/ActionList/List.js +181 -0
  373. package/lib-esm/ActionList/index.d.ts +17 -0
  374. package/lib-esm/ActionList/index.js +18 -0
  375. package/lib-esm/ActionList2/Description.d.ts +12 -0
  376. package/lib-esm/ActionList2/Description.js +41 -0
  377. package/lib-esm/ActionList2/Divider.d.ts +6 -0
  378. package/lib-esm/ActionList2/Divider.js +26 -0
  379. package/lib-esm/ActionList2/Group.d.ts +37 -0
  380. package/lib-esm/ActionList2/Group.js +87 -0
  381. package/lib-esm/ActionList2/Item.d.ts +63 -0
  382. package/lib-esm/ActionList2/Item.js +224 -0
  383. package/lib-esm/ActionList2/LinkItem.d.ts +17 -0
  384. package/lib-esm/ActionList2/LinkItem.js +43 -0
  385. package/lib-esm/ActionList2/List.d.ts +26 -0
  386. package/lib-esm/ActionList2/List.js +44 -0
  387. package/lib-esm/ActionList2/MenuContext.d.ts +10 -0
  388. package/lib-esm/ActionList2/MenuContext.js +3 -0
  389. package/lib-esm/ActionList2/Selection.d.ts +5 -0
  390. package/lib-esm/ActionList2/Selection.js +77 -0
  391. package/lib-esm/ActionList2/Visuals.d.ts +9 -0
  392. package/lib-esm/ActionList2/Visuals.js +68 -0
  393. package/lib-esm/ActionList2/index.d.ts +35 -0
  394. package/lib-esm/ActionList2/index.js +33 -0
  395. package/lib-esm/ActionMenu.d.ts +40 -0
  396. package/lib-esm/ActionMenu.js +82 -0
  397. package/lib-esm/ActionMenu2.d.ts +310 -0
  398. package/lib-esm/ActionMenu2.js +67 -0
  399. package/lib-esm/AnchoredOverlay/AnchoredOverlay.d.ts +62 -0
  400. package/lib-esm/AnchoredOverlay/AnchoredOverlay.js +104 -0
  401. package/lib-esm/AnchoredOverlay/index.d.ts +2 -0
  402. package/lib-esm/AnchoredOverlay/index.js +1 -0
  403. package/lib-esm/Autocomplete/Autocomplete.d.ts +313 -0
  404. package/lib-esm/Autocomplete/Autocomplete.js +123 -0
  405. package/lib-esm/Autocomplete/AutocompleteContext.d.ts +17 -0
  406. package/lib-esm/Autocomplete/AutocompleteContext.js +2 -0
  407. package/lib-esm/Autocomplete/AutocompleteInput.d.ts +301 -0
  408. package/lib-esm/Autocomplete/AutocompleteInput.js +138 -0
  409. package/lib-esm/Autocomplete/AutocompleteMenu.d.ts +72 -0
  410. package/lib-esm/Autocomplete/AutocompleteMenu.js +205 -0
  411. package/lib-esm/Autocomplete/AutocompleteOverlay.d.ts +20 -0
  412. package/lib-esm/Autocomplete/AutocompleteOverlay.js +62 -0
  413. package/lib-esm/Autocomplete/index.d.ts +2 -0
  414. package/lib-esm/Autocomplete/index.js +1 -0
  415. package/lib-esm/Avatar.d.ts +14 -0
  416. package/lib-esm/Avatar.js +2 -11
  417. package/lib-esm/AvatarPair.d.ts +8 -0
  418. package/lib-esm/AvatarPair.js +8 -14
  419. package/lib-esm/AvatarStack.d.ts +8 -0
  420. package/lib-esm/AvatarStack.js +12 -21
  421. package/lib-esm/BaseStyles.d.ts +14 -0
  422. package/lib-esm/BaseStyles.js +23 -26
  423. package/lib-esm/BorderBox.d.ts +7 -0
  424. package/lib-esm/BorderBox.js +6 -12
  425. package/lib-esm/Box.d.ts +6 -0
  426. package/lib-esm/Box.js +2 -13
  427. package/lib-esm/BranchName.d.ts +5 -0
  428. package/lib-esm/BranchName.js +2 -13
  429. package/lib-esm/Breadcrumbs.d.ts +41 -0
  430. package/lib-esm/Breadcrumbs.js +58 -0
  431. package/lib-esm/Button/Button.d.ts +284 -0
  432. package/lib-esm/Button/Button.js +3 -10
  433. package/lib-esm/Button/ButtonBase.d.ts +9 -0
  434. package/lib-esm/Button/ButtonBase.js +1 -19
  435. package/lib-esm/Button/ButtonClose.d.ts +279 -0
  436. package/lib-esm/Button/ButtonClose.js +5 -20
  437. package/lib-esm/Button/ButtonDanger.d.ts +284 -0
  438. package/lib-esm/Button/ButtonDanger.js +2 -9
  439. package/lib-esm/Button/ButtonGroup.d.ts +4 -0
  440. package/lib-esm/Button/ButtonGroup.js +2 -7
  441. package/lib-esm/Button/ButtonInvisible.d.ts +284 -0
  442. package/lib-esm/Button/ButtonInvisible.js +3 -10
  443. package/lib-esm/Button/ButtonOutline.d.ts +284 -0
  444. package/lib-esm/Button/ButtonOutline.js +2 -9
  445. package/lib-esm/Button/ButtonPrimary.d.ts +284 -0
  446. package/lib-esm/Button/ButtonPrimary.js +2 -9
  447. package/lib-esm/Button/ButtonStyles.d.ts +2 -0
  448. package/lib-esm/Button/ButtonTableList.d.ts +5 -0
  449. package/lib-esm/Button/ButtonTableList.js +2 -14
  450. package/lib-esm/Button/index.d.ts +16 -0
  451. package/lib-esm/Button/index.js +8 -8
  452. package/lib-esm/Caret.d.ts +21 -0
  453. package/lib-esm/Caret.js +13 -16
  454. package/lib-esm/Checkbox.d.ts +29 -0
  455. package/lib-esm/Checkbox.js +44 -0
  456. package/lib-esm/CircleBadge.d.ts +24 -0
  457. package/lib-esm/CircleBadge.js +3 -19
  458. package/lib-esm/CircleOcticon.d.ts +392 -0
  459. package/lib-esm/CircleOcticon.js +9 -15
  460. package/lib-esm/CounterLabel.d.ts +7 -0
  461. package/lib-esm/CounterLabel.js +4 -16
  462. package/lib-esm/Details.d.ts +5 -0
  463. package/lib-esm/Details.js +2 -10
  464. package/lib-esm/Dialog/ConfirmationDialog.d.ts +44 -0
  465. package/lib-esm/Dialog/ConfirmationDialog.js +169 -0
  466. package/lib-esm/Dialog/Dialog.d.ts +163 -0
  467. package/lib-esm/Dialog/Dialog.js +275 -0
  468. package/lib-esm/Dialog.d.ts +406 -0
  469. package/lib-esm/Dialog.js +31 -46
  470. package/lib-esm/Dropdown.d.ts +1113 -0
  471. package/lib-esm/Dropdown.js +38 -58
  472. package/lib-esm/DropdownMenu/DropdownButton.d.ts +280 -0
  473. package/lib-esm/DropdownMenu/DropdownButton.js +18 -0
  474. package/lib-esm/DropdownMenu/DropdownMenu.d.ts +43 -0
  475. package/lib-esm/DropdownMenu/DropdownMenu.js +77 -0
  476. package/lib-esm/DropdownMenu/index.d.ts +4 -0
  477. package/lib-esm/DropdownMenu/index.js +2 -0
  478. package/lib-esm/DropdownStyles.d.ts +3 -0
  479. package/lib-esm/DropdownStyles.js +6 -6
  480. package/lib-esm/FilterList.d.ts +283 -0
  481. package/lib-esm/FilterList.js +3 -29
  482. package/lib-esm/FilteredActionList/FilteredActionList.d.ts +16 -0
  483. package/lib-esm/FilteredActionList/FilteredActionList.js +109 -0
  484. package/lib-esm/FilteredActionList/index.d.ts +2 -0
  485. package/lib-esm/FilteredActionList/index.js +1 -0
  486. package/lib-esm/FilteredSearch.d.ts +5 -0
  487. package/lib-esm/FilteredSearch.js +2 -11
  488. package/lib-esm/Flash.d.ts +8 -0
  489. package/lib-esm/Flash.js +36 -13
  490. package/lib-esm/Flex.d.ts +7 -0
  491. package/lib-esm/Flex.js +4 -4
  492. package/lib-esm/FormGroup.d.ts +11 -0
  493. package/lib-esm/FormGroup.js +3 -20
  494. package/lib-esm/Grid.d.ts +7 -0
  495. package/lib-esm/Grid.js +5 -7
  496. package/lib-esm/Header.d.ts +23 -0
  497. package/lib-esm/Header.js +6 -34
  498. package/lib-esm/Heading.d.ts +5 -0
  499. package/lib-esm/Heading.js +2 -12
  500. package/lib-esm/Label.d.ts +10 -0
  501. package/lib-esm/Label.js +3 -15
  502. package/lib-esm/LabelGroup.d.ts +5 -0
  503. package/lib-esm/LabelGroup.js +2 -9
  504. package/lib-esm/Link.d.ts +9 -0
  505. package/lib-esm/Link.js +2 -28
  506. package/lib-esm/NewButton/button-counter.d.ts +6 -0
  507. package/lib-esm/NewButton/button-counter.js +18 -0
  508. package/lib-esm/NewButton/button.d.ts +13 -0
  509. package/lib-esm/NewButton/button.js +287 -0
  510. package/lib-esm/NewButton/index.d.ts +14 -0
  511. package/lib-esm/NewButton/index.js +5 -0
  512. package/lib-esm/NewButton/types.d.ts +32 -0
  513. package/lib-esm/NewButton/types.js +1 -0
  514. package/lib-esm/Overlay.d.ts +66 -0
  515. package/lib-esm/Overlay.js +160 -0
  516. package/lib-esm/Pagehead.d.ts +5 -0
  517. package/lib-esm/Pagehead.js +2 -12
  518. package/lib-esm/Pagination/Pagination.d.ts +24 -0
  519. package/lib-esm/Pagination/Pagination.js +15 -28
  520. package/lib-esm/Pagination/index.d.ts +3 -0
  521. package/lib-esm/Pagination/model.d.ts +26 -0
  522. package/lib-esm/Pagination/model.js +1 -1
  523. package/lib-esm/PointerBox.d.ts +11 -0
  524. package/lib-esm/PointerBox.js +4 -11
  525. package/lib-esm/Popover.d.ts +20 -0
  526. package/lib-esm/Popover.js +5 -27
  527. package/lib-esm/Portal/Portal.d.ts +25 -0
  528. package/lib-esm/Portal/Portal.js +83 -0
  529. package/lib-esm/Portal/index.d.ts +4 -0
  530. package/lib-esm/Portal/index.js +3 -0
  531. package/lib-esm/Position.d.ts +34 -0
  532. package/lib-esm/Position.js +42 -37
  533. package/lib-esm/ProgressBar.d.ts +26 -0
  534. package/lib-esm/ProgressBar.js +9 -25
  535. package/lib-esm/SelectMenu/SelectMenu.d.ts +1678 -0
  536. package/lib-esm/SelectMenu/SelectMenu.js +9 -20
  537. package/lib-esm/SelectMenu/SelectMenuContext.d.ts +8 -0
  538. package/lib-esm/SelectMenu/SelectMenuContext.js +1 -1
  539. package/lib-esm/SelectMenu/SelectMenuDivider.d.ts +5 -0
  540. package/lib-esm/SelectMenu/SelectMenuDivider.js +3 -10
  541. package/lib-esm/SelectMenu/SelectMenuFilter.d.ts +9 -0
  542. package/lib-esm/SelectMenu/SelectMenuFilter.js +9 -17
  543. package/lib-esm/SelectMenu/SelectMenuFooter.d.ts +5 -0
  544. package/lib-esm/SelectMenu/SelectMenuFooter.js +3 -10
  545. package/lib-esm/SelectMenu/SelectMenuHeader.d.ts +10 -0
  546. package/lib-esm/SelectMenu/SelectMenuHeader.js +3 -14
  547. package/lib-esm/SelectMenu/SelectMenuItem.d.ts +14 -0
  548. package/lib-esm/SelectMenu/SelectMenuItem.js +7 -15
  549. package/lib-esm/SelectMenu/SelectMenuList.d.ts +5 -0
  550. package/lib-esm/SelectMenu/SelectMenuList.js +3 -10
  551. package/lib-esm/SelectMenu/SelectMenuLoadingAnimation.d.ts +7 -0
  552. package/lib-esm/SelectMenu/SelectMenuLoadingAnimation.js +6 -12
  553. package/lib-esm/SelectMenu/SelectMenuModal.d.ts +14 -0
  554. package/lib-esm/SelectMenu/SelectMenuModal.js +8 -18
  555. package/lib-esm/SelectMenu/SelectMenuTab.d.ts +13 -0
  556. package/lib-esm/SelectMenu/SelectMenuTab.js +5 -17
  557. package/lib-esm/SelectMenu/SelectMenuTabPanel.d.ts +12 -0
  558. package/lib-esm/SelectMenu/SelectMenuTabPanel.js +3 -13
  559. package/lib-esm/SelectMenu/SelectMenuTabs.d.ts +10 -0
  560. package/lib-esm/SelectMenu/SelectMenuTabs.js +3 -10
  561. package/lib-esm/SelectMenu/hooks/useKeyboardNav.d.ts +2 -0
  562. package/lib-esm/SelectMenu/hooks/useKeyboardNav.js +2 -0
  563. package/lib-esm/SelectMenu/index.d.ts +2 -0
  564. package/lib-esm/SelectPanel/SelectPanel.d.ts +25 -0
  565. package/lib-esm/SelectPanel/SelectPanel.js +127 -0
  566. package/lib-esm/SelectPanel/index.d.ts +2 -0
  567. package/lib-esm/SelectPanel/index.js +1 -0
  568. package/lib-esm/SideNav.d.ts +34 -0
  569. package/lib-esm/SideNav.js +29 -45
  570. package/lib-esm/Spinner.d.ts +16 -0
  571. package/lib-esm/Spinner.js +45 -0
  572. package/lib-esm/StateLabel.d.ts +15 -0
  573. package/lib-esm/StateLabel.js +55 -23
  574. package/lib-esm/StyledOcticon.d.ts +11 -0
  575. package/lib-esm/StyledOcticon.js +1 -12
  576. package/lib-esm/SubNav.d.ts +26 -0
  577. package/lib-esm/SubNav.js +24 -48
  578. package/lib-esm/TabNav.d.ts +19 -0
  579. package/lib-esm/TabNav.js +13 -33
  580. package/lib-esm/Text.d.ts +6 -0
  581. package/lib-esm/Text.js +0 -10
  582. package/lib-esm/TextInput.d.ts +21 -0
  583. package/lib-esm/TextInput.js +37 -64
  584. package/lib-esm/TextInputWithTokens.d.ts +336 -0
  585. package/lib-esm/TextInputWithTokens.js +291 -0
  586. package/lib-esm/ThemeProvider.d.ts +26 -0
  587. package/lib-esm/ThemeProvider.js +161 -0
  588. package/lib-esm/Timeline.d.ts +33 -0
  589. package/lib-esm/Timeline.js +26 -81
  590. package/lib-esm/Token/AvatarToken.d.ts +7 -0
  591. package/lib-esm/Token/AvatarToken.js +43 -0
  592. package/lib-esm/Token/IssueLabelToken.d.ts +14 -0
  593. package/lib-esm/Token/IssueLabelToken.js +124 -0
  594. package/lib-esm/Token/Token.d.ts +15 -0
  595. package/lib-esm/Token/Token.js +84 -0
  596. package/lib-esm/Token/TokenBase.d.ts +31 -0
  597. package/lib-esm/Token/TokenBase.js +83 -0
  598. package/lib-esm/Token/_RemoveTokenButton.d.ts +12 -0
  599. package/lib-esm/Token/_RemoveTokenButton.js +69 -0
  600. package/lib-esm/Token/_TokenTextContainer.d.ts +3 -0
  601. package/lib-esm/Token/_TokenTextContainer.js +6 -0
  602. package/lib-esm/Token/index.d.ts +3 -0
  603. package/lib-esm/Token/index.js +3 -0
  604. package/lib-esm/Tooltip.d.ts +17 -0
  605. package/lib-esm/Tooltip.js +4 -19
  606. package/lib-esm/Truncate.d.ts +10 -0
  607. package/lib-esm/Truncate.js +2 -15
  608. package/lib-esm/UnderlineNav.d.ts +24 -0
  609. package/lib-esm/UnderlineNav.js +5 -28
  610. package/lib-esm/_TextInputWrapper.d.ts +13 -0
  611. package/lib-esm/_TextInputWrapper.js +42 -0
  612. package/lib-esm/_UnstyledTextInput.d.ts +2 -0
  613. package/lib-esm/_UnstyledTextInput.js +7 -0
  614. package/lib-esm/behaviors/anchoredPosition.d.ts +89 -0
  615. package/lib-esm/behaviors/anchoredPosition.js +309 -0
  616. package/lib-esm/behaviors/focusTrap.d.ts +12 -0
  617. package/lib-esm/behaviors/focusTrap.js +170 -0
  618. package/lib-esm/behaviors/focusZone.d.ts +137 -0
  619. package/lib-esm/behaviors/focusZone.js +560 -0
  620. package/lib-esm/behaviors/scrollIntoViewingArea.d.ts +1 -0
  621. package/lib-esm/behaviors/scrollIntoViewingArea.js +30 -0
  622. package/lib-esm/constants.d.ts +20 -0
  623. package/lib-esm/constants.js +9 -23
  624. package/lib-esm/drafts.d.ts +9 -0
  625. package/lib-esm/drafts.js +10 -0
  626. package/lib-esm/hooks/index.d.ts +11 -0
  627. package/lib-esm/hooks/index.js +7 -0
  628. package/lib-esm/hooks/useAnchoredPosition.d.ts +20 -0
  629. package/lib-esm/hooks/useAnchoredPosition.js +35 -0
  630. package/lib-esm/hooks/useCombinedRefs.d.ts +10 -0
  631. package/lib-esm/hooks/useCombinedRefs.js +37 -0
  632. package/lib-esm/hooks/useDetails.d.ts +17 -0
  633. package/lib-esm/hooks/useDetails.js +10 -3
  634. package/lib-esm/hooks/useDialog.d.ts +16 -0
  635. package/lib-esm/hooks/useDialog.js +21 -6
  636. package/lib-esm/hooks/useFocusTrap.d.ts +32 -0
  637. package/lib-esm/hooks/useFocusTrap.js +54 -0
  638. package/lib-esm/hooks/useFocusZone.d.ts +23 -0
  639. package/lib-esm/hooks/useFocusZone.js +37 -0
  640. package/lib-esm/hooks/useOnEscapePress.d.ts +23 -0
  641. package/lib-esm/hooks/useOnEscapePress.js +59 -0
  642. package/lib-esm/hooks/useOnOutsideClick.d.ts +8 -0
  643. package/lib-esm/hooks/useOnOutsideClick.js +79 -0
  644. package/lib-esm/hooks/useOpenAndCloseFocus.d.ts +8 -0
  645. package/lib-esm/hooks/useOpenAndCloseFocus.js +27 -0
  646. package/lib-esm/hooks/useOverlay.d.ts +15 -0
  647. package/lib-esm/hooks/useOverlay.js +30 -0
  648. package/lib-esm/hooks/useProvidedRefOrCreate.d.ts +10 -0
  649. package/lib-esm/hooks/useProvidedRefOrCreate.js +14 -0
  650. package/lib-esm/hooks/useProvidedStateOrCreate.d.ts +10 -0
  651. package/lib-esm/hooks/useProvidedStateOrCreate.js +20 -0
  652. package/lib-esm/hooks/useRenderForcingRef.d.ts +8 -0
  653. package/lib-esm/hooks/useRenderForcingRef.js +18 -0
  654. package/lib-esm/hooks/useResizeObserver.d.ts +1 -0
  655. package/lib-esm/hooks/useResizeObserver.js +10 -0
  656. package/lib-esm/hooks/useSafeTimeout.d.ts +12 -0
  657. package/lib-esm/hooks/useSafeTimeout.js +31 -0
  658. package/lib-esm/hooks/useScrollFlash.d.ts +6 -0
  659. package/lib-esm/hooks/useScrollFlash.js +22 -0
  660. package/lib-esm/index.d.ts +120 -0
  661. package/lib-esm/index.js +29 -7
  662. package/lib-esm/polyfills/eventListenerSignal.d.ts +6 -0
  663. package/lib-esm/polyfills/eventListenerSignal.js +57 -0
  664. package/lib-esm/sx.d.ts +14 -0
  665. package/lib-esm/sx.js +3 -5
  666. package/lib-esm/theme-preval.d.ts +49 -0
  667. package/lib-esm/theme-preval.js +3119 -357
  668. package/lib-esm/theme.d.ts +80 -0
  669. package/lib-esm/theme.js +3 -8
  670. package/lib-esm/utils/create-slots.d.ts +17 -0
  671. package/lib-esm/utils/create-slots.js +84 -0
  672. package/lib-esm/utils/deprecate.d.ts +18 -0
  673. package/lib-esm/utils/deprecate.js +6 -5
  674. package/lib-esm/utils/isNumeric.d.ts +1 -0
  675. package/lib-esm/utils/isNumeric.js +1 -0
  676. package/lib-esm/utils/iterateFocusableElements.d.ts +42 -0
  677. package/lib-esm/utils/iterateFocusableElements.js +102 -0
  678. package/lib-esm/utils/ssr.d.ts +1 -0
  679. package/lib-esm/utils/ssr.js +1 -0
  680. package/lib-esm/utils/test-deprecations.d.ts +1 -0
  681. package/lib-esm/utils/test-deprecations.js +1 -1
  682. package/lib-esm/utils/{types.js → test-helpers.d.ts} +0 -0
  683. package/lib-esm/utils/test-helpers.js +7 -0
  684. package/lib-esm/utils/test-matchers.d.ts +1 -0
  685. package/lib-esm/utils/test-matchers.js +7 -49
  686. package/lib-esm/utils/testing.d.ts +545 -0
  687. package/lib-esm/utils/testing.js +60 -46
  688. package/lib-esm/utils/theme.d.ts +9 -0
  689. package/lib-esm/utils/theme.js +66 -0
  690. package/lib-esm/utils/types/AriaRole.d.ts +1 -0
  691. package/lib-esm/utils/types/AriaRole.js +1 -0
  692. package/lib-esm/utils/types/ComponentProps.d.ts +9 -0
  693. package/lib-esm/utils/types/ComponentProps.js +1 -0
  694. package/lib-esm/utils/types/Flatten.d.ts +4 -0
  695. package/lib-esm/utils/types/Flatten.js +1 -0
  696. package/lib-esm/utils/types/KeyPaths.d.ts +3 -0
  697. package/lib-esm/utils/types/KeyPaths.js +1 -0
  698. package/lib-esm/utils/types/MandateProps.d.ts +3 -0
  699. package/lib-esm/utils/types/MandateProps.js +1 -0
  700. package/lib-esm/utils/types/Merge.d.ts +19 -0
  701. package/lib-esm/utils/types/Merge.js +1 -0
  702. package/lib-esm/utils/types/index.d.ts +5 -0
  703. package/lib-esm/utils/types/index.js +5 -0
  704. package/lib-esm/utils/uniqueId.d.ts +1 -0
  705. package/lib-esm/utils/uniqueId.js +5 -0
  706. package/lib-esm/utils/use-force-update.d.ts +1 -0
  707. package/lib-esm/utils/use-force-update.js +6 -0
  708. package/lib-esm/utils/useIsomorphicLayoutEffect.d.ts +3 -0
  709. package/lib-esm/utils/useIsomorphicLayoutEffect.js +3 -0
  710. package/lib-esm/utils/userAgent.d.ts +1 -0
  711. package/lib-esm/utils/userAgent.js +8 -0
  712. package/package.json +114 -94
  713. package/index.d.ts +0 -828
  714. package/lib/Breadcrumb.js +0 -96
  715. package/lib/hooks/useMouseIntent.js +0 -58
  716. package/lib/stories/Button.stories.js +0 -100
  717. package/lib-esm/Breadcrumb.js +0 -70
  718. package/lib-esm/hooks/useMouseIntent.js +0 -50
  719. package/lib-esm/stories/Button.stories.js +0 -65
package/CHANGELOG.md CHANGED
@@ -1,91 +1,998 @@
1
1
  # @primer/components
2
2
 
3
- ## 0.0.0-2021112202242
3
+ ## 0.0.0-20211124581
4
+
5
+ ### Major Changes
6
+
7
+ - [#1643](https://github.com/primer/react/pull/1643) [`3938550f`](https://github.com/primer/react/commit/3938550fb3ea3fbec542a0cadaf6aeb734fba938) Thanks [@jfuchs](https://github.com/jfuchs)! - Details 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.
8
+
9
+ * [#1643](https://github.com/primer/react/pull/1643) [`3938550f`](https://github.com/primer/react/commit/3938550fb3ea3fbec542a0cadaf6aeb734fba938) Thanks [@jfuchs](https://github.com/jfuchs)! - Avatar 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.
10
+
11
+ - [#1643](https://github.com/primer/react/pull/1643) [`3938550f`](https://github.com/primer/react/commit/3938550fb3ea3fbec542a0cadaf6aeb734fba938) Thanks [@jfuchs](https://github.com/jfuchs)! - BranchName 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.
12
+
13
+ * [#1643](https://github.com/primer/react/pull/1643) [`3938550f`](https://github.com/primer/react/commit/3938550fb3ea3fbec542a0cadaf6aeb734fba938) Thanks [@jfuchs](https://github.com/jfuchs)! - Heading 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
+ ### Minor Changes
16
+
17
+ - [#1619](https://github.com/primer/react/pull/1619) [`a13efa45`](https://github.com/primer/react/commit/a13efa457ded69656fb390b5b9b666d00157fd21) Thanks [@siddharthkp](https://github.com/siddharthkp)! - Add composable `ActionMenu` to `@primer/components/drafts`
18
+
19
+ ### Patch Changes
20
+
21
+ - [#1668](https://github.com/primer/react/pull/1668) [`98dc6336`](https://github.com/primer/react/commit/98dc633674b793edfa4fbeb88fd239e6ca40544e) Thanks [@siddharthkp](https://github.com/siddharthkp)! - ActionList: Fix multiple selection svg by overriding global shape-rendering for github.com
22
+
23
+ * Fake entry to force publishing
24
+
25
+ - [#1596](https://github.com/primer/react/pull/1596) [`5c6dc644`](https://github.com/primer/react/commit/5c6dc644c1e68b36d309deac653aca189f1fa624) Thanks [@dmarcey](https://github.com/dmarcey)! - Fix alignment of items in ActionList (single-select) if some of the items have wrapping text.
26
+
27
+ * [#1661](https://github.com/primer/react/pull/1661) [`50ebb059`](https://github.com/primer/react/commit/50ebb059eacb94623d0d76af32f359dc3d4b4977) Thanks [@pksjce](https://github.com/pksjce)! - Text Input enhancements
28
+
29
+ ## 32.1.0
30
+
31
+ ### Minor Changes
32
+
33
+ - [#1606](https://github.com/primer/react/pull/1606) [`985120a6`](https://github.com/primer/react/commit/985120a61b62c1bbd1872d9a11e34fab407a4096) Thanks [@rezrah](https://github.com/rezrah)! - Adds a new Checkbox form component
34
+
35
+ ### Patch Changes
36
+
37
+ - [#1648](https://github.com/primer/react/pull/1648) [`8b40a0a9`](https://github.com/primer/react/commit/8b40a0a91f6804496f78c342be62607983ee4081) Thanks [@jfuchs](https://github.com/jfuchs)! - Fixed a bug with Overlay's type where DOM props were not allowed.
38
+
39
+ ## 32.0.1
40
+
41
+ ### Patch Changes
42
+
43
+ - [#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
44
+
45
+ * [#1652](https://github.com/primer/react/pull/1652) [`47550d34`](https://github.com/primer/react/commit/47550d3400fec87a26eb74c8344dfbd71635a3f5) Thanks [@colebemis](https://github.com/colebemis)! - Fix preval of `theme-preval.js`
46
+
47
+ ## 32.0.0
48
+
49
+ ### Major Changes
50
+
51
+ - [#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.
52
+
53
+ * [#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.
54
+
55
+ - [#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.
56
+
57
+ * [#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.
58
+
59
+ - [#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.
60
+
61
+ * [#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.
62
+
63
+ - [#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.
64
+
65
+ * [#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.
66
+
67
+ - [#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.
68
+
69
+ * [#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.
70
+
71
+ - [#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.
72
+
73
+ * [#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.
74
+
75
+ - [#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.
76
+
77
+ * [#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.
78
+
79
+ - [#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.
80
+
81
+ * [#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.
82
+
83
+ - [#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.
84
+
85
+ * [#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.
86
+
87
+ - [#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.
88
+
89
+ * [#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.
90
+
91
+ - [#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.
92
+
93
+ * [#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.
94
+
95
+ - [#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.
96
+
97
+ * [#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.
98
+
99
+ - [#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.
100
+
101
+ * [#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.
102
+
103
+ - [#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.
104
+
105
+ * [#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.
106
+
107
+ - [#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.
108
+
109
+ ### Patch Changes
110
+
111
+ - [#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
112
+
113
+ * [#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
114
+
115
+ - [#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
116
+
117
+ * [#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
118
+
119
+ ## 31.2.0
120
+
121
+ ### Minor Changes
122
+
123
+ - [#1544](https://github.com/primer/react/pull/1544) [`5b55b0ab`](https://github.com/primer/react/commit/5b55b0ab8ea06b077e141c02285c81b99e246b77) Thanks [@jfuchs](https://github.com/jfuchs)! - The sx prop now has types that will inform autocomplete for color and shadow values that are key paths into the theme.
124
+
125
+ * [#1517](https://github.com/primer/react/pull/1517) [`561c0bd3`](https://github.com/primer/react/commit/561c0bd371b8d2135fb1d69555abc424ab796f2d) Thanks [@siddharthkp](https://github.com/siddharthkp)! - Add experimental `ActionList` with composable API
126
+
127
+ ### Patch Changes
128
+
129
+ - [#1599](https://github.com/primer/react/pull/1599) [`a2e195b0`](https://github.com/primer/react/commit/a2e195b0a26ce70f44aea38b009856c0089aae0e) Thanks [@siddharthkp](https://github.com/siddharthkp)! - ActionList: Better labels and description for accessible ActionList.Item
130
+
131
+ * [#1603](https://github.com/primer/react/pull/1603) [`f4057b89`](https://github.com/primer/react/commit/f4057b897cc4c23012fb1b1881cefacbb57e081d) Thanks [@siddharthkp](https://github.com/siddharthkp)! - ActionList: Improve keyboard accessibility with focus styles cross browser
132
+
133
+ - [#1583](https://github.com/primer/react/pull/1583) [`24b1ebbc`](https://github.com/primer/react/commit/24b1ebbc21ca2eaa92bd6b5b8c15ab0e7577f5a0) Thanks [@pksjce](https://github.com/pksjce)! - Add a utility to provide useIsoMorphicEffect function and use that instead of useLayoutEffect everywhere
134
+
135
+ * [#1592](https://github.com/primer/react/pull/1592) [`8d3d491f`](https://github.com/primer/react/commit/8d3d491fa3c9437b3a8f310e233b7009cae13095) Thanks [@rezrah](https://github.com/rezrah)! - Fixes a styling bug in TextInput components while using its `icon` and `block` props together
136
+
137
+ - [#1549](https://github.com/primer/react/pull/1549) [`f565840f`](https://github.com/primer/react/commit/f565840f2d879b987ef9df7cd046e146214ed5f5) Thanks [@michael-lefebvre](https://github.com/michael-lefebvre)! - Fix `auxiliaryText` in ActionList Group header
138
+
139
+ * [#1604](https://github.com/primer/react/pull/1604) [`d2090b5b`](https://github.com/primer/react/commit/d2090b5b0321df1a415054d9b6a4d407627a385f) Thanks [@japf](https://github.com/japf)! - Add support for draft issues to the StateLabel component
140
+
141
+ - [#1609](https://github.com/primer/react/pull/1609) [`5eb7ade9`](https://github.com/primer/react/commit/5eb7ade92082fda2a94b45828a32e25b07c039db) Thanks [@siddharthkp](https://github.com/siddharthkp)! - Rename `@primer/components/unreleased` to `@primer/components/drafts` to avoid confusion when referring to it.
142
+
143
+ ## 31.1.0
144
+
145
+ ### Minor Changes
146
+
147
+ - [#1523](https://github.com/primer/react/pull/1523) [`56e2f159`](https://github.com/primer/react/commit/56e2f159b9d627564a7717e6961a6bfa355189b3) Thanks [@mperrotti](https://github.com/mperrotti)! - Add the ability to truncate tokens in the TextInputWithToken component when the input is not focused
148
+
149
+ ### Patch Changes
150
+
151
+ - [#1529](https://github.com/primer/react/pull/1529) [`da566044`](https://github.com/primer/react/commit/da566044649a114e23789e3ac90c022cdbf5eaeb) Thanks [@mperrotti](https://github.com/mperrotti)! - Fixes a bug in `TextInputWithTokens` where the next token would not receive focus after the user deleted the first token using the keyboard
152
+
153
+ * [#1526](https://github.com/primer/react/pull/1526) [`1378e771`](https://github.com/primer/react/commit/1378e771323a48e6084c5ffac7d93b54960f4a0e) Thanks [@mperrotti](https://github.com/mperrotti)! - replaces flexbox gap usage with margins
154
+
155
+ ## 31.0.1
156
+
157
+ ### Patch Changes
158
+
159
+ - [#1521](https://github.com/primer/react/pull/1521) [`28b5980c`](https://github.com/primer/react/commit/28b5980c64dc5e05cb3ddb0c8c5f18fa5d0c490c) Thanks [@siddharthkp](https://github.com/siddharthkp)! - Add `trailingVisual` prop to ActionList/ActionMenu. Deprecate `trailingIcon` and `trailingText` props.
160
+
161
+ ## 31.0.0
162
+
163
+ ### Major Changes
164
+
165
+ - [#1514](https://github.com/primer/react/pull/1514) [`dc789025`](https://github.com/primer/react/commit/dc789025d4976e2f0863e1f377c4a834aab88e3a) Thanks [@colebemis](https://github.com/colebemis)! - Remove deprecated color variables by upgrading to @primer/primitives [v5](https://github.com/primer/primitives/pull/251)
166
+
167
+ **Note:** Install [`eslint-plugin-primer-react`](https://primer.style/react/linting) to ensure that you're not using any deprecated or removed color variables.
168
+
169
+ ### Patch Changes
170
+
171
+ - [#1512](https://github.com/primer/react/pull/1512) [`1e5ac406`](https://github.com/primer/react/commit/1e5ac406f8558a20248157a9bfe13ee4709890c8) Thanks [@pksjce](https://github.com/pksjce)! - Change disabled color from muted to custom primer disabled color
172
+
173
+ ## 30.3.0
174
+
175
+ ### Minor Changes
176
+
177
+ - [#1490](https://github.com/primer/react/pull/1490) [`c156b07a`](https://github.com/primer/react/commit/c156b07ab6f2f5ad6d35d1c4f89d8a7f37ad1cef) Thanks [@mperrotti](https://github.com/mperrotti)! - Adds `Autocomplete`, `AutocompleteMenu`, `AutocompleteInput`, and `AutocompleteOverlay` components
178
+
179
+ * [#1489](https://github.com/primer/react/pull/1489) [`273ef29d`](https://github.com/primer/react/commit/273ef29d1d8f28bb856faba4da803e7ad0892c6e) Thanks [@mperrotti](https://github.com/mperrotti)! - Add alpha `TextInputWithTokens` component
180
+
181
+ - [#1488](https://github.com/primer/react/pull/1488) [`05ac5aab`](https://github.com/primer/react/commit/05ac5aabb6bf39150557732605f9ce0fb3b9d1ec) Thanks [@mperrotti](https://github.com/mperrotti)! - Add alpha `Token`, `AvatarToken`, `IssueLabelToken` components
182
+
183
+ ## 30.2.1
184
+
185
+ ### Patch Changes
186
+
187
+ - [#1500](https://github.com/primer/react/pull/1500) [`8c3531aa`](https://github.com/primer/react/commit/8c3531aa73c37770f961cbcfd94acbf1398f29bd) Thanks [@jfuchs](https://github.com/jfuchs)! - Fixed a bug where SelectPanel would not scroll with height:'auto'; maxHeight:'medium' passed to Overlay (https://github.com/github/primer/issues/333)
188
+
189
+ ## 30.2.0
190
+
191
+ ### Minor Changes
192
+
193
+ - [#1497](https://github.com/primer/react/pull/1497) [`b9d6a662`](https://github.com/primer/react/commit/b9d6a662390a66298a4b2171319029812f5ea88d) Thanks [@jfuchs](https://github.com/jfuchs)! - Updated ActionList's ItemInput type to accept DOM props for divs when renderItem is not provided
194
+
195
+ ## 30.1.0
196
+
197
+ ### Minor Changes
198
+
199
+ - [#1463](https://github.com/primer/react/pull/1463) [`bde3a034`](https://github.com/primer/react/commit/bde3a0344c713f15f5650b35195258901582bd41) Thanks [@jfuchs](https://github.com/jfuchs)! - `ActionList.item` accepts an `as` prop, allowing it to be a link, or (in combination with the renderItem prop) a Next.js or React Router link
200
+
201
+ ### Patch Changes
202
+
203
+ - [#1471](https://github.com/primer/react/pull/1471) [`f1cebb7e`](https://github.com/primer/react/commit/f1cebb7e9af297a7c466701454aac6dc1eb7b3a4) Thanks [@smockle](https://github.com/smockle)! - Change the button which receives focus when a 'ConfirmationDialog' opens from the secondary (e.g. 'Cancel') to the primary (e.g. 'OK'). Fixes github/primer#313.
204
+
205
+ ## 30.0.0
206
+
207
+ ### Major Changes
208
+
209
+ - [#1448](https://github.com/primer/react/pull/1448) [`1a39fb02`](https://github.com/primer/react/commit/1a39fb0284c5e19324d378629d09a343be4cde05) Thanks [@SferaDev](https://github.com/SferaDev)! - Remove `.Breadcrumb` classname from the root element of the `Breadcrumbs` component. This change shouldn't break anything unless you have styles, scripts, or tests that reference the `.Breadcrumb` classname.
210
+
211
+ * [#1468](https://github.com/primer/react/pull/1468) [`dc15763c`](https://github.com/primer/react/commit/dc15763c733994ea9baa3475139b9bf3c2111e5b) Thanks [@jfuchs](https://github.com/jfuchs)! - AvatarStack no longer accepts styled props or DOM props
212
+
213
+ ### Minor Changes
214
+
215
+ - [#1474](https://github.com/primer/react/pull/1474) [`c54156bc`](https://github.com/primer/react/commit/c54156bc43f87370f3e8cb23fd9ebf338b5082e4) Thanks [@colebemis](https://github.com/colebemis)! - Add `light_protanopia` and `dark_protanopia` color blind color schemes
216
+
217
+ ### Patch Changes
218
+
219
+ - [#1448](https://github.com/primer/react/pull/1448) [`1a39fb02`](https://github.com/primer/react/commit/1a39fb0284c5e19324d378629d09a343be4cde05) Thanks [@SferaDev](https://github.com/SferaDev)! - Rename `Breadcrumb` component to `Breadcrumbs`
220
+
221
+ * [#1470](https://github.com/primer/react/pull/1470) [`f2e29a08`](https://github.com/primer/react/commit/f2e29a08e2aab9e98a460eb073229933f6ae050b) Thanks [@pksjce](https://github.com/pksjce)! - Fix ActionList.Item color
222
+
223
+ ## 29.1.1
224
+
225
+ ### Patch Changes
226
+
227
+ - [#1441](https://github.com/primer/react/pull/1441) [`f3f5afb9`](https://github.com/primer/react/commit/f3f5afb9cf91e0ce3ea287351c871eb1559f1fa4) Thanks [@jfuchs](https://github.com/jfuchs)! - Fix type error where `css` is a required prop of some components by excluding storybook stories from TypeScript compilation for builds
228
+
229
+ * [#1446](https://github.com/primer/react/pull/1446) [`b4e5287c`](https://github.com/primer/react/commit/b4e5287cf1ec75a27e4b78b17425952e85f82f47) Thanks [@colebemis](https://github.com/colebemis)! - Fix filter input spacing in SelectPanel
230
+
231
+ ## 29.1.0
232
+
233
+ ### Minor Changes
234
+
235
+ - [#1412](https://github.com/primer/react/pull/1412) [`627cd3e9`](https://github.com/primer/react/commit/627cd3e95614ab4347e5acf456dd23588196ec87) Thanks [@colebemis](https://github.com/colebemis)! - Add `dark_high_contrast` color scheme
236
+
237
+ * [#1412](https://github.com/primer/react/pull/1412) [`627cd3e9`](https://github.com/primer/react/commit/627cd3e95614ab4347e5acf456dd23588196ec87) Thanks [@colebemis](https://github.com/colebemis)! - Add new [functional color variables](https://primer.style/primitives/colors) to the theme object.
238
+
239
+ **Tip:** Install [`eslint-plugin-primer-react`](https://primer.style/react/linting) to ensure that you're not using any deprecated color variables.
240
+
241
+ ## 29.0.0
242
+
243
+ ### Major Changes
244
+
245
+ - [#1414](https://github.com/primer/react/pull/1414) [`f4e1de6d`](https://github.com/primer/react/commit/f4e1de6dbe9d20dfcf2144d879294d189433a810) Thanks [@jfuchs](https://github.com/jfuchs)! - Removed system props support from `<TextInput>` and fixed its type definition.
246
+
247
+ ### Minor Changes
248
+
249
+ - [#1409](https://github.com/primer/react/pull/1409) [`90b17dd6`](https://github.com/primer/react/commit/90b17dd6447419ce1d661e5399b7ac193836ad1a) Thanks [@jfuchs](https://github.com/jfuchs)! - Use @react-aria/ssr for isomorphic ID generation.
250
+
251
+ ### Patch Changes
252
+
253
+ - [#1424](https://github.com/primer/react/pull/1424) [`7cf8d8b8`](https://github.com/primer/react/commit/7cf8d8b82a6387b1143c06e090cde8f87b4f3a33) Thanks [@jfuchs](https://github.com/jfuchs)! - Removed irregular styling on Timeline
254
+
255
+ * [#1403](https://github.com/primer/react/pull/1403) [`65cab2cc`](https://github.com/primer/react/commit/65cab2ccd5eae3dcc5d75cbd1a1fd78a6f78abf7) Thanks [@mathiasbosman](https://github.com/mathiasbosman)! - Fix the Timeline.Item layout
256
+
257
+ ## 28.5.0
258
+
259
+ ### Minor Changes
260
+
261
+ - [#1398](https://github.com/primer/react/pull/1398) [`e4dac575`](https://github.com/primer/react/commit/e4dac575420c05e5e7528fd004c85c54f1b9a450) Thanks [@jfuchs](https://github.com/jfuchs)! - Default portal containers created by primer are absolutely positioned at 0,0
262
+
263
+ * [#1385](https://github.com/primer/react/pull/1385) [`5470b61b`](https://github.com/primer/react/commit/5470b61b448aeb29e859766ca0ff7f9f8457c690) Thanks [@jfuchs](https://github.com/jfuchs)! - Make top and left position explicit props of Overlay handled separately from other styles
264
+
265
+ - [#1388](https://github.com/primer/react/pull/1388) [`83b888f0`](https://github.com/primer/react/commit/83b888f0b325f9370ede9c5d7ac8f70702d6e8ea) Thanks [@jfuchs](https://github.com/jfuchs)! - Overlay takes a portalContainerName prop. This allows overlays with an anchor inside a scrolling container to track with their anchor, so long as the specified portal is also inside that scrolling container.
266
+
267
+ ## 28.4.0
268
+
269
+ ### Minor Changes
270
+
271
+ - [#1381](https://github.com/primer/react/pull/1381) [`b31f0853`](https://github.com/primer/react/commit/b31f08533e9fd41ebc5dc0e109d09facd975287c) Thanks [@jfuchs](https://github.com/jfuchs)! - AnchoredOverlay positions are set directly on style property
272
+
273
+ ### Patch Changes
274
+
275
+ - [#1372](https://github.com/primer/react/pull/1372) [`23be0ed7`](https://github.com/primer/react/commit/23be0ed7aeff3cc21a678769eb5ba0ddf9a8d155) Thanks [@jfuchs](https://github.com/jfuchs)! - Extends DropdownMenu to allow anchorRef, open, and onOpenChange props.
276
+
277
+ * [#1386](https://github.com/primer/react/pull/1386) [`2ea30b43`](https://github.com/primer/react/commit/2ea30b43854a1dcf5e1c64c696a57d6e1c651bdf) Thanks [@colebemis](https://github.com/colebemis)! - Bump @primer/primitives dependency to 4.6.4
278
+
279
+ - [#1387](https://github.com/primer/react/pull/1387) [`6b4d52da`](https://github.com/primer/react/commit/6b4d52dacbed2e4452e780c01fc9e69d9f9511ee) Thanks [@jfuchs](https://github.com/jfuchs)! - Guard against MediaQueryList.addEventListener calls where unavailable and possibly fall back to .addListener
280
+
281
+ ## 28.3.2
282
+
283
+ ### Patch Changes
284
+
285
+ - [#1368](https://github.com/primer/react/pull/1368) [`36f156a0`](https://github.com/primer/react/commit/36f156a0e42e242489dc1046ea8592b049a88bd7) Thanks [@dgreif](https://github.com/dgreif)! - Allow `anchorRef` to be passed into `SelectPanel` if you want to use an external anchor
286
+
287
+ ## 28.3.1
288
+
289
+ ### Patch Changes
290
+
291
+ - [#1355](https://github.com/primer/react/pull/1355) [`3cc7be77`](https://github.com/primer/react/commit/3cc7be77d766b9161808898a0d2cc8373aee5a21) Thanks [@colebemis](https://github.com/colebemis)! - Replace octoface icon with spinner in SelectMenu component
292
+
293
+ ## 28.3.0
294
+
295
+ ### Minor Changes
296
+
297
+ - [#1315](https://github.com/primer/react/pull/1315) [`85d0202b`](https://github.com/primer/react/commit/85d0202b0edd553bcbb50f9b280caf13ce79dae3) Thanks [@VanAnderson](https://github.com/VanAnderson)! - `Box` now accepts all [styled system props](https://styled-system.com/table/).
298
+
299
+ * [#1316](https://github.com/primer/react/pull/1316) [`4c063317`](https://github.com/primer/react/commit/4c0633171170205c53ef7dc29e5d4104a8486059) Thanks [@VanAnderson](https://github.com/VanAnderson)! - The following components have been deprecated in favor of the `Box` component:
300
+
301
+ | Component | Replacement |
302
+ | ----------- | ------------------------------------------------------------------------------------------- |
303
+ | `Flex` | `<Box display="flex">` |
304
+ | `Grid` | `<Box display="grid">` |
305
+ | `Position` | `<Box>` |
306
+ | `Absolute` | `<Box position="absolute">` |
307
+ | `Fixed` | `<Box position="fixed">` |
308
+ | `Relative` | `<Box position="relative">` |
309
+ | `Sticky` | `<Box position="sticky">` |
310
+ | `BorderBox` | `<Box borderWidth="1px" borderStyle="solid" borderColor="border.primary" borderRadius={2}>` |
311
+
312
+ There is a codemod available to upgrade these components:
313
+
314
+ - TypeScript example:
315
+
316
+ ```shell
317
+ npx jscodeshift -t node_modules/@primer/react/codemods/deprecateUtilityComponents.js
318
+ --parser=tsx path/to/workspace/src/*.tsx
319
+ ```
320
+
321
+ - Babel example:
322
+
323
+ ```shell
324
+ npx jscodeshift -t node_modules/@primer/react/codemods/deprecateUtilityComponents.js
325
+ --parser=babel path/to/workspace/src/*.tsx
326
+ ```
327
+
328
+ - [#1336](https://github.com/primer/react/pull/1336) [`489a718b`](https://github.com/primer/react/commit/489a718b6b6d2892906bc2709e243195bf5fd91e) Thanks [@VanAnderson](https://github.com/VanAnderson)! - System props are deprecated in all components except `Box`. Move all system props into the [`sx` prop](https://primer.style/components/overriding-styles) instead. Example:
329
+
330
+ ```diff
331
+ - <Button mr={2}>...</Button>
332
+ + <Button sx={{mr: 2}}>...</Button>
333
+ ```
334
+
335
+ There is a codemod available to migrate from system props to the `sx` prop:
336
+
337
+ - TypeScript example:
338
+
339
+ ```shell
340
+ npx jscodeshift -t node_modules/@primer/react/codemods/removeSystemProps.js
341
+ --parser=tsx path/to/workspace/src/*.tsx
342
+ ```
343
+
344
+ - Babel example:
345
+
346
+ ```shell
347
+ npx jscodeshift -t node_modules/@primer/react/codemods/removeSystemProps.js
348
+ --parser=babel path/to/workspace/src/*.tsx
349
+ ```
4
350
 
5
351
  ### Patch Changes
6
352
 
7
- - [`8de64e95`](https://github.com/primer/components/commit/8de64e9588dd4c545f7eca3a13d74d5f860e2b0e) [#1029](https://github.com/primer/components/pull/1029) Thanks [@VanAnderson](https://github.com/VanAnderson)! - Migrate `TabNav` to TypeScript
353
+ - [#1332](https://github.com/primer/react/pull/1332) [`ec11d7b8`](https://github.com/primer/react/commit/ec11d7b8a589742a41134d31f419b6b5d34ad026) Thanks [@mattcosta7](https://github.com/mattcosta7)! - Side effects are properly declared in package.json
354
+
355
+ * [#1308](https://github.com/primer/react/pull/1308) [`a8f3ca6d`](https://github.com/primer/react/commit/a8f3ca6dbff5c2619e067ad5118fcb784f8525bc) Thanks [@dgreif](https://github.com/dgreif)! - Focus zones will now update active-descendant on `mousemove` over focusable elements. ActionList has been updated to handle direct (key press) vs indirect (`mousemove`, DOM change, etc.) changes to active-descendant, and will use a distinct background color for the directly activated items.
356
+
357
+ ## 28.2.5
358
+
359
+ ### Patch Changes
360
+
361
+ - [#1311](https://github.com/primer/react/pull/1311) [`6f0535df`](https://github.com/primer/react/commit/6f0535dfcf5c640da2322c68654cb369d8eafea0) Thanks [@lukewar](https://github.com/lukewar)! - Expose 'textInputProps' from the 'SelectPanel'
362
+
363
+ * [#1309](https://github.com/primer/react/pull/1309) [`dc17a49e`](https://github.com/primer/react/commit/dc17a49e6a8f2f71e689f4666bcf0384111deb36) Thanks [@colebemis](https://github.com/colebemis)! - Include all shadow variables in theme object
364
+
365
+ - [#1251](https://github.com/primer/react/pull/1251) [`528e9a41`](https://github.com/primer/react/commit/528e9a411eac6730e05ce39d22ba8982283b71a5) Thanks [@VanAnderson](https://github.com/VanAnderson)! - Call `useOnOutsideClick` handlers in reverse order that they are registered, and allow propagation to stop if default is prevented or an non-outside click is detected.
366
+
367
+ * [#1312](https://github.com/primer/react/pull/1312) [`76a38432`](https://github.com/primer/react/commit/76a384328fc57b0cf9d3d92170de5ce071334121) Thanks [@smockle](https://github.com/smockle)! - Ensure clicking an `AnchoredOverlay`’s trigger allows it to close without immediately reopening.
368
+
369
+ ## 28.2.4
370
+
371
+ ### Patch Changes
372
+
373
+ - [#1293](https://github.com/primer/react/pull/1293) [`1148a718`](https://github.com/primer/react/commit/1148a718aa1db92fb90d15efc150aa4c0c2ef018) Thanks [@smockle](https://github.com/smockle)! - Restore "fix: Don’t focus first 'Item' of 'DropdownMenu' and 'SelectMenu' on open" by deferring the removal of a temporary `tabIndex` until focus moves within the container.
374
+
375
+ * [#1279](https://github.com/primer/react/pull/1279) [`bb38754f`](https://github.com/primer/react/commit/bb38754f9f5c9f1d2d6cfa03f2bf9984fbd3c82d) Thanks [@VanAnderson](https://github.com/VanAnderson)! - Update overlay shadows
376
+
377
+ - [#1297](https://github.com/primer/react/pull/1297) [`5fb3683d`](https://github.com/primer/react/commit/5fb3683df6cc116975c729e83ce3c14b87ffaea1) Thanks [@VanAnderson](https://github.com/VanAnderson)! - Bump @primer/primitives to 4.4.0
378
+
379
+ * [#1288](https://github.com/primer/react/pull/1288) [`15207119`](https://github.com/primer/react/commit/15207119d25a3d6b0b13294bb99dc4efd780a788) Thanks [@dgreif](https://github.com/dgreif)! - Focus zones with an `activeDescendantControl` will now activate the first descendant as soon as the control element is focused, rather than waiting for an up/down arrow press. Descendants stay active until the control element is blurred. This is a breaking change to `useFocusZone`, but this behavior is still considered to be in `alpha`.
380
+
381
+ - [#1292](https://github.com/primer/react/pull/1292) [`4b643818`](https://github.com/primer/react/commit/4b64381872eac9df00c53186782a370b0d6da638) Thanks [@dgreif](https://github.com/dgreif)! - Bump dependencies
382
+
383
+ * [#1279](https://github.com/primer/react/pull/1279) [`bb38754f`](https://github.com/primer/react/commit/bb38754f9f5c9f1d2d6cfa03f2bf9984fbd3c82d) Thanks [@VanAnderson](https://github.com/VanAnderson)! - Update TextInput border color
384
+
385
+ ## 28.2.3
386
+
387
+ ### Patch Changes
388
+
389
+ - [`0ffc381c`](https://github.com/primer/react/commit/0ffc381c833219959ed3b99a9dd64fe56ac51036) [#1294](https://github.com/primer/react/pull/1294) Thanks [@VanAnderson](https://github.com/VanAnderson)! - Revert first item focus fix for ActionList components.
390
+
391
+ ## 28.2.2
392
+
393
+ ### Patch Changes
394
+
395
+ - [`68877076`](https://github.com/primer/react/commit/68877076fcbbc1c4cd308f2e6f8f44290751efe4) [#1275](https://github.com/primer/react/pull/1275) Thanks [@VanAnderson](https://github.com/VanAnderson)! - data props can be used in overlayProps.
396
+
397
+ * [`2793ef48`](https://github.com/primer/react/commit/2793ef48d554e307e46442fcc198ed4adf8c137f) [#1286](https://github.com/primer/react/pull/1286) Thanks [@colebemis](https://github.com/colebemis)! - `ThemeProvider` now uses the first defined color scheme if passed an invalid color scheme name
398
+
399
+ - [`321b9a3d`](https://github.com/primer/react/commit/321b9a3d9e0ddf6755bd7299ea6cd42a52f427a9) [#1266](https://github.com/primer/react/pull/1266) Thanks [@VanAnderson](https://github.com/VanAnderson)! - Anchored overlay can take an external anchorRef.
400
+
401
+ ## 28.2.1
402
+
403
+ ### Patch Changes
404
+
405
+ - [`f793ed00`](https://github.com/primer/react/commit/f793ed00e244de861f373cf0882397a1f640b046) [#1280](https://github.com/primer/react/pull/1280) Thanks [@VanAnderson](https://github.com/VanAnderson)! - Export TexContainer from of ActionList/Item.
406
+
407
+ * [`2893326b`](https://github.com/primer/react/commit/2893326bc45fd841cd71ac46ca71cdaececa7343) [#1259](https://github.com/primer/react/pull/1259) Thanks [@smockle](https://github.com/smockle)! - Hide intra-'Item' dividers on ':hover' and ':focus'
408
+
409
+ ## 28.2.0
410
+
411
+ ### Minor Changes
412
+
413
+ - [`8368a83e`](https://github.com/primer/react/commit/8368a83efbc89aa73f9c775c25da62e34960c95c) [#1238](https://github.com/primer/react/pull/1238) Thanks [@dgreif](https://github.com/dgreif)! - New sizes for Overlay and Dialog. Sizes have been changed from abbreviations to full words. `xs` -> `xsmall`, `sm` -> `small`, `md` -> `medium`, `lg` -> `large`, `xl` -> `xlarge`. The sizing for `Overlay` has also been updated to provide a wider range of options. The original values for Overlay were based on the needs of Dialog, but Dialog is not reliant on Overlay so they don't need to have similar sizing. This is technically a breaking change, but is being released as a minor because these components are both still in `alpha` status.
414
+
415
+ ### Patch Changes
416
+
417
+ - [`a7fe32c8`](https://github.com/primer/react/commit/a7fe32c8ba42ad75a945185b5f358f274a21ef0e) [#1248](https://github.com/primer/react/pull/1248) Thanks [@dgreif](https://github.com/dgreif)! - Hide overflow from `Overlay`
418
+
419
+ * [`02e86095`](https://github.com/primer/react/commit/02e86095e6775f42c150c362e5281f0ffc332212) Thanks [@dgreif](https://github.com/dgreif)! - Allow `filterValue` to be provided to `SelectPanel`
420
+
421
+ - [`10df320b`](https://github.com/primer/react/commit/10df320bb4d2a3d7ad7e59722c0b8896eeef0357) [#1247](https://github.com/primer/react/pull/1247) Thanks [@dgreif](https://github.com/dgreif)! - Handle overflow and active-descendant scrolling within `SelectPanel`
422
+
423
+ * [`25d88c49`](https://github.com/primer/react/commit/25d88c49709f1c91c1a596fc77ed05e66cae083f) [#1253](https://github.com/primer/react/pull/1253) Thanks [@dgreif](https://github.com/dgreif)! - Correct font size and truncate for description within ActionList Items
424
+
425
+ - [`9cb715cd`](https://github.com/primer/react/commit/9cb715cd2a613a0cedae60e488d4f69449465a38) [#1258](https://github.com/primer/react/pull/1258) Thanks [@dgreif](https://github.com/dgreif)! - prevent focusTrap from causing a `blur` if trap container is not in DOM
426
+
427
+ * [`aa7d80fc`](https://github.com/primer/react/commit/aa7d80fcb70b5e7936eae13fd073f7c2163df7ec) [#1246](https://github.com/primer/react/pull/1246) Thanks [@dgreif](https://github.com/dgreif)! - Fix border radius on buttons and title `font-weight` in ConfirmationDialog
428
+
429
+ ## 28.1.1
430
+
431
+ ### Patch Changes
432
+
433
+ - [`ff177c88`](https://github.com/primer/react/commit/ff177c88200f2ebb8c27a8e41aeb869a8eddf95b) [#1242](https://github.com/primer/react/pull/1242) Thanks [@dgreif](https://github.com/dgreif)! - Use `Item` `index` as fallback key within `List` groups
434
+
435
+ * [`fb2fa6c2`](https://github.com/primer/react/commit/fb2fa6c2f40be51f4f7201b93e004bb7d2257110) [#1244](https://github.com/primer/react/pull/1244) Thanks [@dgreif](https://github.com/dgreif)! - Allow focus to move to an input outside an overlay on mousedown
436
+
437
+ - [`1519742f`](https://github.com/primer/react/commit/1519742fcffcad9d14c972bc8c1fdd8e575c956e) [#1243](https://github.com/primer/react/pull/1243) Thanks [@dgreif](https://github.com/dgreif)! - Use `active-descendant` to control focus in `SelectPanel`
438
+
439
+ * [`c1991318`](https://github.com/primer/react/commit/c1991318aa7ee5d021f458db26cd2597279cc4ba) [#1158](https://github.com/primer/react/pull/1158) Thanks [@dgreif](https://github.com/dgreif)! - Add background styles for focused action list items, instead of using default `outline`
440
+
441
+ ## 28.1.0
442
+
443
+ ### Minor Changes
444
+
445
+ - [`6800c609`](https://github.com/primer/react/commit/6800c609634d8227c6538a49bca3ef59d8b660a1) [#1232](https://github.com/primer/react/pull/1232) Thanks [@dgreif](https://github.com/dgreif)! - New `Spinner` Component
446
+
447
+ ### Patch Changes
448
+
449
+ - [`909ada5c`](https://github.com/primer/react/commit/909ada5c47c597f0260563c5030df0613051f618) [#1224](https://github.com/primer/react/pull/1224) Thanks [@dgreif](https://github.com/dgreif)! - Add `SelectPanel` alpha component
450
+
451
+ * [`0d26d2b0`](https://github.com/primer/react/commit/0d26d2b07d8ed242eec71fd05959d8cdd0e6f0ba) [#1240](https://github.com/primer/react/pull/1240) Thanks [@VanAnderson](https://github.com/VanAnderson)! - Fix check Spacing on selected items for ActionList components.
452
+
453
+ - [`e009e321`](https://github.com/primer/react/commit/e009e321bf6c456ca6584650cd5f3ea35fe36003) [#1235](https://github.com/primer/react/pull/1235) Thanks [@VanAnderson](https://github.com/VanAnderson)! - Dialog properly auto-focuses cancel button by default when originating from a FocusZone/FocusTrap.
454
+
455
+ ## 28.0.4
456
+
457
+ ### Patch Changes
458
+
459
+ - [`e1bde42b`](https://github.com/primer/react/commit/e1bde42b7a11d9f642132601a5c776a988926747) [#1228](https://github.com/primer/react/pull/1228) Thanks [@VanAnderson](https://github.com/VanAnderson)! - Action Menu correctly fires onAction callback after close.
460
+
461
+ * [`961c07eb`](https://github.com/primer/react/commit/961c07ebc7cbf483029d5326bb8e56c78777028d) [#1227](https://github.com/primer/react/pull/1227) Thanks [@stephenotalora](https://github.com/stephenotalora)! - Change focus state style of `SideNav.Link`
462
+
463
+ - [`84c7e771`](https://github.com/primer/react/commit/84c7e771f8ac9bb707fbb977658e9e40620bc20c) [#1225](https://github.com/primer/react/pull/1225) Thanks [@dgreif](https://github.com/dgreif)! - handle complex child reordering within a focusZone
464
+
465
+ ## 28.0.3
466
+
467
+ ### Patch Changes
468
+
469
+ - [`c63fa4b5`](https://github.com/primer/react/commit/c63fa4b59bf5fa3e6f985b1d81b040efc8bc896c) [#1215](https://github.com/primer/react/pull/1215) Thanks [@dgreif](https://github.com/dgreif)! - Hide divider before `ActionList.Group`s with filled header
470
+
471
+ * [`a9260812`](https://github.com/primer/react/commit/a9260812ebaaa07747eb7cca40c6ff1c12892c49) [#1221](https://github.com/primer/react/pull/1221) Thanks [@dgreif](https://github.com/dgreif)! - Improved performance for lists in `ActionMenu` and `DropdownMenu`
472
+
473
+ - [`c63fa4b5`](https://github.com/primer/react/commit/c63fa4b59bf5fa3e6f985b1d81b040efc8bc896c) [#1215](https://github.com/primer/react/pull/1215) Thanks [@dgreif](https://github.com/dgreif)! - Align `Item` description to when rendered in-line
474
+
475
+ * [`c63fa4b5`](https://github.com/primer/react/commit/c63fa4b59bf5fa3e6f985b1d81b040efc8bc896c) [#1215](https://github.com/primer/react/pull/1215) Thanks [@dgreif](https://github.com/dgreif)! - Allow `focusZoneSettings` to be passed into `AnchoredOverlay`
476
+
477
+ - [`c63fa4b5`](https://github.com/primer/react/commit/c63fa4b59bf5fa3e6f985b1d81b040efc8bc896c) [#1215](https://github.com/primer/react/pull/1215) Thanks [@dgreif](https://github.com/dgreif)! - Add `selectionVariant: 'multiple'` for `Item`s. These will use a checkbox input instead of a checkmark icon for selected state
478
+
479
+ * [`d78af591`](https://github.com/primer/react/commit/d78af591971984a3a2d2707904eb235701d1c749) [#1214](https://github.com/primer/react/pull/1214) Thanks [@VanAnderson](https://github.com/VanAnderson)! - renderMenuItem in ActionMenu checks preventDefault for conditionally calling onClose
480
+
481
+ - [`4ab3d175`](https://github.com/primer/react/commit/4ab3d1752d14969fff222a4cf7fb2dcc1110d0fb) [#1222](https://github.com/primer/react/pull/1222) Thanks [@dgreif](https://github.com/dgreif)! - Trap focus in `AnchoredOverlay` as soon as it opens, regardless of the event that triggered it to open
482
+
483
+ * [`ff9ce6f1`](https://github.com/primer/react/commit/ff9ce6f108e29ac061b23e3338cb03e2f168f701) [#1217](https://github.com/primer/react/pull/1217) Thanks [@VanAnderson](https://github.com/VanAnderson)! - overlayProps passthrough from ActionMenu and DropdownMenu to AnchoredOverlay.
484
+
485
+ ## 28.0.2
486
+
487
+ ### Patch Changes
488
+
489
+ - [`d20a5996`](https://github.com/primer/react/commit/d20a5996aafdbc6446f13aaa7a489394926f083a) [#1209](https://github.com/primer/react/pull/1209) Thanks [@dgreif](https://github.com/dgreif)! - Allow Overlay height and width to be set through AnchoredOverlay
490
+ Allow ActionList Items to supply an `id` instead of `key`
491
+ Performance imporvements when ActionList is not given any groups
492
+ Enable focus zone as soon as AnchoredOverlay opens
493
+
494
+ * [`d29741ca`](https://github.com/primer/react/commit/d29741cab4bfa4249000e5b2479e99f5aeea3189) [#1196](https://github.com/primer/react/pull/1196) Thanks [@dgreif](https://github.com/dgreif)! - Allow custom `children` in `ActionItem`. `text` and `description` can still be provided as a shortcut, but `children` is now available if you need more control over the rending of the item, without sacrificing benefits from `Item` by using `renderItem`.
495
+
496
+ - [`4c2e1a2b`](https://github.com/primer/react/commit/4c2e1a2b449d3f762c530f70a5056e581404d3d8) [#1195](https://github.com/primer/react/pull/1195) Thanks [@VanAnderson](https://github.com/VanAnderson)! - Export useConfirm hook and ConfirmationDialog component from index.
497
+
498
+ * [`3c13d039`](https://github.com/primer/react/commit/3c13d039466370a70ed1e0bf8c3af0860fe26702) [#1201](https://github.com/primer/react/pull/1201) Thanks [@T-Hugs](https://github.com/T-Hugs)! - Fix overlay position when using an AnchoredOverlay
499
+
500
+ - [`c9b4db79`](https://github.com/primer/react/commit/c9b4db79ec2b4360f23f42d3ab49f265a56e9447) [#1199](https://github.com/primer/react/pull/1199) Thanks [@VanAnderson](https://github.com/VanAnderson)! - Action Menu can have its open state be controlled externally.
501
+
502
+ * [`3e759e59`](https://github.com/primer/react/commit/3e759e59b5af115e82cca2253c0caca9e400be24) [#1211](https://github.com/primer/react/pull/1211) Thanks [@VanAnderson](https://github.com/VanAnderson)! - Use preventDefault on AnchoredOverlay instead of stopPropagation.
503
+
504
+ - [`84e3c570`](https://github.com/primer/react/commit/84e3c5706fa313eab5605f551256c0dc34a8626d) [#1194](https://github.com/primer/react/pull/1194) Thanks [@dgreif](https://github.com/dgreif)! - Handle `onAction` for `DropdownMenu` Items
505
+
506
+ * [`7aeb53fe`](https://github.com/primer/react/commit/7aeb53fec23a80414f6c1db8b31c06beb2073dd2) [#1200](https://github.com/primer/react/pull/1200) Thanks [@dgreif](https://github.com/dgreif)! - Perform ActionMenu actions after overlay has closed. This allows the action to move focus if so desired, without the ActionMenu focus trap preventing focus from moving away.
507
+
508
+ - [`bba66fdd`](https://github.com/primer/react/commit/bba66fddb51be251456711e21e725b1034bae806) [#1206](https://github.com/primer/react/pull/1206) Thanks [@VanAnderson](https://github.com/VanAnderson)! - stopPropagation for mousedown and click in AnchoredOverlay based components
509
+
510
+ ## 28.0.1
511
+
512
+ ### Patch Changes
513
+
514
+ - [`b319ce43`](https://github.com/primer/react/commit/b319ce4396b11c185faee23f0884632806922303) [#1197](https://github.com/primer/react/pull/1197) Thanks [@dmarcey](https://github.com/dmarcey)! - Typescript declare files will now be published to the lib-esm directory, as well as lib
515
+
516
+ * [`17957f29`](https://github.com/primer/react/commit/17957f293542d6cbf5f8005698bb352f95d5c8f7) [#1192](https://github.com/primer/react/pull/1192) Thanks [@dgreif](https://github.com/dgreif)! - Add basic docs for `AnchoredOverlay`
517
+
518
+ ## 28.0.0
519
+
520
+ ### Major Changes
521
+
522
+ - [`5f85394d`](https://github.com/primer/react/commit/5f85394dc16f076080824d8fdb3bda06d01e29da) [#1157](https://github.com/primer/react/pull/1157) Thanks [@dgreif](https://github.com/dgreif)! - Removed `useMouseIntent` in favor of [`:focus-visible`](https://developer.mozilla.org/en-US/docs/Web/CSS/:focus-visible). With the removal of `useMouseIntent`, the `intent-mouse` class will no longer be added to the `<body>`. Since `:focus-visible` is a relatively new psuedo-class, a polyfill is included. Any focused elements that meet the criteria for `:focus-visible` will also have a `focus-visible` class added to them by the polyfill.
523
+
524
+ ### Patch Changes
525
+
526
+ - [`f7857a06`](https://github.com/primer/react/commit/f7857a06031df339fa61d27f8ca717e4df95d5e5) [#1159](https://github.com/primer/react/pull/1159) Thanks [@hehex9](https://github.com/hehex9)! - Removed unused dependencies
527
+
528
+ ## 27.0.0
529
+
530
+ ### Major Changes
531
+
532
+ - [`db478205`](https://github.com/primer/react/commit/db478205bf467a118394e0519034bb87116dc85a) [#1147](https://github.com/primer/react/pull/1147) Thanks [@colebemis](https://github.com/colebemis)! - Type definitions are now being generated by TypeScript instead of manually maintained. These new type definitions may differ from the previous type definitions and cause breaking changes. If you experience any new TypeScript errors, feel free to create an [issue](https://github.com/primer/react/issues) or reach out in Slack (#design-systems).
533
+
534
+ ### Breaking changes
535
+
536
+ - The following types are no longer exported:
537
+
538
+ ```
539
+ BaseProps
540
+ UseDetailsProps
541
+ AnchoredPositionHookSettings
542
+ AnchorAlignment
543
+ AnchorSide
544
+ PositionSettings
545
+ PaginationHrefBuilder
546
+ PaginationPageChangeCallback
547
+ PositionComponentProps
548
+ ```
549
+
550
+ - Props are now defined with types instead of interfaces which means in some cases you may not be able to create interfaces that `extend` them. To work around this issue, you may need to convert your interfaces to types:
551
+
552
+ ```diff
553
+ import {BoxProps} from '@primer/react'
554
+
555
+ - interface MyFancyBox extends BoxProps {...}
556
+ + type MyFancyBox = BoxProps & {...}
557
+ ```
558
+
559
+ - Some components now expect more specific ref types. For example:
560
+
561
+ ```diff
562
+ - const ref = React.useRef<HTMLElement>(null)
563
+ + const ref = React.useRef<HTMLButtonElement>(null)
564
+
565
+ return <Button ref={ref}>...</Button>
566
+ ```
567
+
568
+ ## 26.0.0
569
+
570
+ ### Major Changes
571
+
572
+ - [`016a273f`](https://github.com/primer/react/commit/016a273fde30f0185e23309e1a39c1bc034174f8) [#1115](https://github.com/primer/react/pull/1115) Thanks [@VanAnderson](https://github.com/VanAnderson)! - Removes deprecated presentational theme variables in favor of _functional variables_ for styling components that are consistent across multiple themes.
573
+
574
+ ## Migration guide
575
+
576
+ If you don't use any color-related system props (e.g. `color`, `bg`, `borderColor`), all components should work without changes. If you're using color-related system props, you'll need to update them to use the new functional variables. Reference the tables below to see how old variables map to new functional variables.
577
+
578
+ If you have any questions, feel free to reach out in the #design-systems channel.
579
+
580
+ #### Text
581
+
582
+ | `v25` | `v26` |
583
+ | ------------------------ | ------------------------ |
584
+ | `color="text.gray"` | `color="text.secondary"` |
585
+ | `color="text.grayLight"` | `color="text.tertiary"` |
586
+ | `color="text.grayDark"` | `color="text.primary"` |
587
+ | `color="text.red"` | `color="text.danger"` |
588
+ | `color="text.white"` | `color="text.inverse"` |
589
+ | `color="gray.6"` | `color="text.secondary"` |
590
+ | `color="gray.5"` | `color="text.tertiary"` |
591
+ | `color="gray.9"` | `color="text.primary"` |
592
+ | `color="red.6"` | `color="text.danger"` |
593
+ | `color="white"` | `color="text.inverse"` |
594
+ | `color="blue.5"` | `color="text.link"` |
595
+ | `color="gray.4"` | `color="text.disabled"` |
596
+ | `color="green.5"` | `color="text.success"` |
597
+ | `color="yellow.8"` | `color="text.warning"` |
598
+
599
+ #### Icon
600
+
601
+ | `v25` | `v25` |
602
+ | ------------------ | ------------------------ |
603
+ | `color="gray.9"` | `color="icon.primary"` |
604
+ | `color="gray.6"` | `color="icon.secondary"` |
605
+ | `color="gray.4"` | `color="icon.tertiary"` |
606
+ | `color="blue.5"` | `color="icon.info"` |
607
+ | `color="red.5"` | `color="icon.danger"` |
608
+ | `color="green.6"` | `color="icon.success"` |
609
+ | `color="yellow.8"` | `color="icon.warning"` |
610
+
611
+ #### Border
612
+
613
+ | `v25` | `v26` |
614
+ | --------------------------------- | ------------------------------- |
615
+ | `borderColor="border.blue"` | `borderColor="border.info"` |
616
+ | `borderColor="border.blueLight"` | n/a |
617
+ | `borderColor="border.grayLight"` | `borderColor="border.primary"` |
618
+ | `borderColor="border.grayDark"` | `borderColor="border.tertiary"` |
619
+ | `borderColor="border.grayDarker"` | n/a |
620
+ | `borderColor="border.green"` | `borderColor="border.success"` |
621
+ | `borderColor="border.greenLight"` | n/a |
622
+ | `borderColor="border.purple"` | n/a |
623
+ | `borderColor="border.red"` | `borderColor="border.danger"` |
624
+ | `borderColor="border.redLight"` | n/a |
625
+ | `borderColor="border.white"` | `borderColor="border.inverse"` |
626
+ | `borderColor="border.whiteFace"` | n/a |
627
+ | `borderColor="border.yellow"` | `borderColor="border.warning"` |
628
+ | `borderColor="border.blackFade"` | `borderColor="fade.fg15"` |
629
+ | `borderColor="border.whiteFade"` | `borderCOlor="fade.white15"` |
630
+ | `borderColor="blue.5"` | `borderColor="border.info"` |
631
+ | `borderColor="gray.2"` | `borderColor="border.primary"` |
632
+ | `borderColor="gray.3"` | `borderColor="border.tertiary"` |
633
+ | `borderColor="green.4"` | `borderColor="border.success"` |
634
+ | `borderColor="red.5"` | `borderColor="border.danger"` |
635
+ | `borderColor="white"` | `borderColor="border.inverse"` |
636
+
637
+ #### Background
638
+
639
+ | `v25` | `v26` |
640
+ | ------------------- | ------------------------ |
641
+ | `bg="white"` | `bg="bg.primary"` |
642
+ | `bg="bg.grayLight"` | `bg="bg.secondary"` |
643
+ | `bg="bg.gray"` | `bg="bg.tertiary"` |
644
+ | `bg="bg.grayDark"` | `bg="bg.canvasInverse"` |
645
+ | `bg="blue.0"` | `bg="bg.info"` |
646
+ | `bg="blue.5"` | `bg="bg.infoInverse"` |
647
+ | `bg="red.0"` | `bg="bg.danger"` |
648
+ | `bg="red.5"` | `bg="bg.dangerInverse"` |
649
+ | `bg="green.1"` | `bg="bg.success"` |
650
+ | `bg="green.5"` | `bg="bg.successInverse"` |
651
+
652
+ #### Labels
653
+
654
+ _Note the change in pluralization from 'labels' to 'label'._
655
+
656
+ | `v25` | `v26` |
657
+ | ----------------------------- | ------------------------------------- |
658
+ | `color="labels.grayDarkText"` | `color="label.primary.text` |
659
+ | `borderColor="labels.gray"` | `borderColor="label.primary.border` |
660
+ | `color="labels.grayText"` | `color="label.secondary.text` |
661
+ | `borderColor="labels.gray"` | `borderColor="label.secondary.border` |
662
+ | `color="labels.blueText"` | `color="label.info.text` |
663
+ | `borderColor="labels.blue"` | `borderColor="label.info.border` |
664
+ | `color="labels.greenText"` | `color="label.success.text` |
665
+ | `borderColor="labels.green"` | `borderColor="label.success.border` |
666
+ | `color="labels.yellowText"` | `color="label.warning.text` |
667
+ | `borderColor="labels.yellow"` | `borderColor="label.warning.border` |
668
+ | `color="labels.redText"` | `color="label.danger.text` |
669
+ | `borderColor="labels.red"` | `borderColor="label.danger.border` |
670
+ | `color="labels.orangeText"` | `color="label.primary.text` |
671
+ | `borderColor="labels.orange"` | `borderColor="label.primary.text` |
672
+ | `color="labels.pinkText"` | n/a |
673
+ | `borderColor="labels.pink"` | n/a |
674
+ | `color="labels.purpleText"` | n/a |
675
+ | `borderColor="labels.purple"` | n/a |
676
+
677
+ #### Counters
678
+
679
+ | `v25` | `v26` |
680
+ | --------------------- | -------------------- |
681
+ | `scheme="gray"` | `scheme="primary"` |
682
+ | `scheme="gray-light"` | `scheme="secondary"` |
683
+
684
+ #### Timeline
685
+
686
+ | `v25` | `v26` |
687
+ | ----------------------------------------- | ----------------------------- |
688
+ | `bg="red.5"` | `bg="prState.closed.bg"` |
689
+ | `bg="green.5"` | `bg="prState.open.bg"` |
690
+ | `bg="purple.5"` | `bg="prState.merged.bg"` |
691
+ | `bg="gray.5"` | `bg="prState.draft.bg"` |
692
+ | `color="white"` (context: closed PR icon) | `color="prState.closed.text"` |
693
+ | `color="white"` (context: open PR icon) | `color="prState.open.text"` |
694
+ | `color="white"` (context: merged PR icon) | `color="prState.merged.text"` |
695
+ | `color="white"` (context: merged PR icon) | `color="prState.draft.text"` |
696
+
697
+ ## 25.0.0
698
+
699
+ ### Major Changes
700
+
701
+ - [`8799f74a`](https://github.com/primer/react/commit/8799f74ad69911e9840d51a65d08237f3cb1f172) [#1112](https://github.com/primer/react/pull/1112) Thanks [@colebemis](https://github.com/colebemis)! - Primer React now supports color modes! 🎉
702
+
703
+ See the new [Theming](https://primer.style/components/theming) documentation for more details.
704
+
705
+ #### Breaking changes
706
+
707
+ - You'll need to replace the `ThemeProvider` from `styled-components` with the new Primer React `ThemeProvider`:
708
+
709
+ ```diff
710
+ - import {ThemeProvider} from 'styled-components'
711
+ - import {theme} from '@primer/react
712
+ + import {ThemeProvider} from '@primer/react'
713
+
714
+ function App() {
715
+ return (
716
+ - <ThemeProvider theme={theme}>
717
+ + <ThemeProvider>
718
+ <div>your app here...</div>
719
+ </ThemeProvider>
720
+ )
721
+ }
722
+ ```
723
+
724
+ - The structure of the theme object has changed to support color schemes:
725
+
726
+ ```diff
727
+ const theme = {
728
+ - colors,
729
+ - shadows,
730
+ + colorSchemes: {
731
+ + light: {
732
+ + colors,
733
+ + shadows,
734
+ + },
735
+ + dark: {...},
736
+ + dark_dimmed: {...},
737
+ + },
738
+ space,
739
+ fonts,
740
+ fontSizes,
741
+ fontWeights,
742
+ lineHeights,
743
+ borderWidths,
744
+ radii,
745
+ breakpoints,
746
+ sizes,
747
+ }
748
+ ```
749
+
750
+ - The `theme.colors` and `theme.shadows` objects are no longer available from the `theme` export. Use the `useTheme`hook instead:
751
+
752
+ ```diff
753
+ - import {theme} from '@primer/react'
754
+ + import {useTheme} from '@primer/react'
755
+
756
+ function Example() {
757
+ + const {theme} = useTheme()
758
+ const myColor = theme.colors.text.primary
759
+ ...
760
+ }
761
+ ```
762
+
763
+ ### Patch Changes
764
+
765
+ - [`360e3595`](https://github.com/primer/react/commit/360e3595a6e133e8caf391e7355f25b856936b12) [#1111](https://github.com/primer/react/pull/1111) Thanks [@VanAnderson](https://github.com/VanAnderson)! - Update color variable used in ProgressBar (`state.success` → `bg.successInverse`)
766
+
767
+ * [`1b3d87d2`](https://github.com/primer/react/commit/1b3d87d27103b99dd02cbf61f88d93b7df80d5b1) [#1127](https://github.com/primer/react/pull/1127) Thanks [@VanAnderson](https://github.com/VanAnderson)! - Bump @primer/primitives from 0.0.0-20211167520 to 0.0.0-20212178221
768
+
769
+ ## 24.0.0
770
+
771
+ ### Major Changes
772
+
773
+ - [`b9d9d245`](https://github.com/primer/react/commit/b9d9d2450c3f726fa0e6bc8cb43ba678df0c60ad) [#1068](https://github.com/primer/react/pull/1068) Thanks [@colebemis](https://github.com/colebemis)! - Remove propTypes in favor of TypeScript types
774
+
775
+ * [`beef075e`](https://github.com/primer/react/commit/beef075e0274396b77887adf0b912583fe564b3f) [#1094](https://github.com/primer/react/pull/1094) Thanks [@colebemis](https://github.com/colebemis)! - Components no longer have a default `theme` prop. To ensure components still render correctly, you'll need pass the Primer theme to a [styled-components](https://styled-components.com/) `<ThemeProvider>` at the root of your application:
776
+
777
+ ```jsx
778
+ import {ThemeProvider} from 'styled-components'
779
+ import {theme} from '@primer/react'
780
+
781
+ function App(props) {
782
+ return (
783
+ <div>
784
+ <ThemeProvider theme={theme}>
785
+ <div>your app here</div>
786
+ </ThemeProvider>
787
+ </div>
788
+ )
789
+ }
790
+ ```
791
+
792
+ ### Patch Changes
793
+
794
+ - [`397f3360`](https://github.com/primer/react/commit/397f3360f1e6486ae475394b5b4cef968a0cdb21) [#1106](https://github.com/primer/react/pull/1106) Thanks [@VanAnderson](https://github.com/VanAnderson)! - Use functional color variables in Pagination
795
+
796
+ * [`fa106ea9`](https://github.com/primer/react/commit/fa106ea9a43a8451efb648d1e3ec9df87577379c) [#1090](https://github.com/primer/react/pull/1090) Thanks [@colebemis](https://github.com/colebemis)! - Use functional color variables in BaseStyles
797
+
798
+ - [`fa106ea9`](https://github.com/primer/react/commit/fa106ea9a43a8451efb648d1e3ec9df87577379c) [#1090](https://github.com/primer/react/pull/1090) Thanks [@colebemis](https://github.com/colebemis)! - Use functional color variables in BranchName
799
+
800
+ * [`e93cf268`](https://github.com/primer/react/commit/e93cf268b9b8b25fee535dc4aa7d31c0b015d420) [#1092](https://github.com/primer/react/pull/1092) Thanks [@bscofield](https://github.com/bscofield)! - Use functional color variables in Caret, CircleBadge, Pagehead, ProgressBar, and Popover
801
+
802
+ - [`5a042778`](https://github.com/primer/react/commit/5a04277861a78d567b812e7b83c2977c61402247) [#1099](https://github.com/primer/react/pull/1099) Thanks [@VanAnderson](https://github.com/VanAnderson)! - Use functional color variables in FilterList
803
+
804
+ * [`a886bbcf`](https://github.com/primer/react/commit/a886bbcf765659a4742245d37c9f8d1327daca7a) [#1098](https://github.com/primer/react/pull/1098) Thanks [@bscofield](https://github.com/bscofield)! - Update SelectMenu and child components to use functional color variables
805
+
806
+ - [`f2c57794`](https://github.com/primer/react/commit/f2c57794dc8163eda974d37a4fbb939b631c82cc) [#1085](https://github.com/primer/react/pull/1085) Thanks [@VanAnderson](https://github.com/VanAnderson)! - Use functional color variables in SideNav
807
+
808
+ * [`756191e7`](https://github.com/primer/react/commit/756191e7d20ea46c83a591fd2cf7b2ab9c3ed0fc) [#1100](https://github.com/primer/react/pull/1100) Thanks [@VanAnderson](https://github.com/VanAnderson)! - Use functional color variables in ButtonOutline
809
+
810
+ - [`6b2dc95f`](https://github.com/primer/react/commit/6b2dc95f2b3e250e130ff7e36d18eda3cda94b4a) [#1085](https://github.com/primer/react/pull/1085) Thanks [@VanAnderson](https://github.com/VanAnderson)! - Use functional color variables in TabNav
811
+
812
+ * [`51d180ac`](https://github.com/primer/react/commit/51d180ace3562569910a80557904f138677b3262) [#1089](https://github.com/primer/react/pull/1089) Thanks [@colebemis](https://github.com/colebemis)! - Use functional color variables in Timeline
813
+
814
+ - [`51d180ac`](https://github.com/primer/react/commit/51d180ace3562569910a80557904f138677b3262) [#1089](https://github.com/primer/react/pull/1089) Thanks [@colebemis](https://github.com/colebemis)! - Use functional color variables in TextInput
815
+
816
+ * [`8f2b4d2e`](https://github.com/primer/react/commit/8f2b4d2e434d1af2eb6d5d3c7f566fae147033ee) [#1100](https://github.com/primer/react/pull/1100) Thanks [@VanAnderson](https://github.com/VanAnderson)! - Use functional color variables in ButtonPrimary
817
+
818
+ - [`51d180ac`](https://github.com/primer/react/commit/51d180ace3562569910a80557904f138677b3262) [#1089](https://github.com/primer/react/pull/1089) Thanks [@colebemis](https://github.com/colebemis)! - Use functional color variables in Link
819
+
820
+ * [`fa106ea9`](https://github.com/primer/react/commit/fa106ea9a43a8451efb648d1e3ec9df87577379c) [#1090](https://github.com/primer/react/pull/1090) Thanks [@colebemis](https://github.com/colebemis)! - Use functional color variables in BorderBox
821
+
822
+ - [`51d180ac`](https://github.com/primer/react/commit/51d180ace3562569910a80557904f138677b3262) [#1089](https://github.com/primer/react/pull/1089) Thanks [@colebemis](https://github.com/colebemis)! - Use functional color variables in Tooltip
823
+
824
+ * [`1fb750af`](https://github.com/primer/react/commit/1fb750afc9083466eadad76b3387967d466d336a) [#1097](https://github.com/primer/react/pull/1097) Thanks [@VanAnderson](https://github.com/VanAnderson)! - Use functional color variables in ButtonTableList
825
+
826
+ - [`ea21d8eb`](https://github.com/primer/react/commit/ea21d8eb99f710727b31d2c0f8ddc1d5f59d61cf) [#1102](https://github.com/primer/react/pull/1102) Thanks [@VanAnderson](https://github.com/VanAnderson)! - Use functional color variables in Flash
827
+
828
+ * [`51d180ac`](https://github.com/primer/react/commit/51d180ace3562569910a80557904f138677b3262) [#1089](https://github.com/primer/react/pull/1089) Thanks [@colebemis](https://github.com/colebemis)! - Use functional color variables in UnderlineNav
829
+
830
+ - [`44aa68e2`](https://github.com/primer/react/commit/44aa68e2e725bdb2a3be349d7bec3e18b3f17809) [#1101](https://github.com/primer/react/pull/1101) Thanks [@emplums](https://github.com/emplums)! - Forwards aria-label to correct component
831
+
832
+ * [`d0f38c3d`](https://github.com/primer/react/commit/d0f38c3d7bbcc7d57a8d459d8c61862102f89b1e) [#1102](https://github.com/primer/react/pull/1102) Thanks [@VanAnderson](https://github.com/VanAnderson)! - Use functional color variables in Header
833
+
834
+ - [`5df7723a`](https://github.com/primer/react/commit/5df7723afabe0d3bdd29e3eab8622586b3ab072a) [#1099](https://github.com/primer/react/pull/1099) Thanks [@VanAnderson](https://github.com/VanAnderson)! - Use functional color variables in DropdownStyles
835
+
836
+ * [`170876e6`](https://github.com/primer/react/commit/170876e6546a435faf7e0401d6fc8060a64b199d) [#1097](https://github.com/primer/react/pull/1097) Thanks [@VanAnderson](https://github.com/VanAnderson)! - Use functional color variables in Button
837
+
838
+ - [`c44ee363`](https://github.com/primer/react/commit/c44ee363e9d663b873ea721e42dac8e5366ebcd1) [#1085](https://github.com/primer/react/pull/1085) Thanks [@VanAnderson](https://github.com/VanAnderson)! - Use functional color variables in SubNav
839
+
840
+ * [`198e24ad`](https://github.com/primer/react/commit/198e24adef084b115441c72b80d3113f411a5fa5) [#1100](https://github.com/primer/react/pull/1100) Thanks [@VanAnderson](https://github.com/VanAnderson)! - Use functional color variables in ButtonDanger
841
+
842
+ - [`39371d98`](https://github.com/primer/react/commit/39371d98be5c7fa1bf2be5542a90d752bc330e2b) [#1099](https://github.com/primer/react/pull/1099) Thanks [@VanAnderson](https://github.com/VanAnderson)! - Use functional color variables in CounterLabel
843
+
844
+ * [`92597504`](https://github.com/primer/react/commit/9259750429913d7977746c55da5a397d591a4f45) [#1100](https://github.com/primer/react/pull/1100) Thanks [@VanAnderson](https://github.com/VanAnderson)! - Use functional color variables in ButtonClose
845
+
846
+ - [`fa106ea9`](https://github.com/primer/react/commit/fa106ea9a43a8451efb648d1e3ec9df87577379c) [#1090](https://github.com/primer/react/pull/1090) Thanks [@colebemis](https://github.com/colebemis)! - Use functional color variables in AvatarPair
847
+
848
+ * [`fa106ea9`](https://github.com/primer/react/commit/fa106ea9a43a8451efb648d1e3ec9df87577379c) [#1090](https://github.com/primer/react/pull/1090) Thanks [@colebemis](https://github.com/colebemis)! - Use functional color variables in AvatarStack
849
+
850
+ - [`565f1980`](https://github.com/primer/react/commit/565f19808c528a2d33042c339603ea76d6097d0c) [#1097](https://github.com/primer/react/pull/1097) Thanks [@VanAnderson](https://github.com/VanAnderson)! - Use functional color variables in Breadcrumb
851
+
852
+ * [`4e19045e`](https://github.com/primer/react/commit/4e19045ec1ca46ece0c029a193ed1863a8994030) [#1085](https://github.com/primer/react/pull/1085) Thanks [@VanAnderson](https://github.com/VanAnderson)! - Use functional color variables in StateLabel
853
+
854
+ - [`31025697`](https://github.com/primer/react/commit/31025697b61f80fc35442e66e73311269d0cdc48) [#1099](https://github.com/primer/react/pull/1099) Thanks [@VanAnderson](https://github.com/VanAnderson)! - Use functional color variables in Dialog
855
+
856
+ * [`67cc5b23`](https://github.com/primer/react/commit/67cc5b23fb5b968a7ecbebbca9671e65d4acfee6) [#1097](https://github.com/primer/react/pull/1097) Thanks [@VanAnderson](https://github.com/VanAnderson)! - Use functional color variables in ButtonInvisible
857
+
858
+ ## 23.2.1
859
+
860
+ ### Patch Changes
861
+
862
+ - [`a42162c0`](https://github.com/primer/react/commit/a42162c011fa3718a32124b79aecfe306f358298) [#1087](https://github.com/primer/react/pull/1087) Thanks [@emplums](https://github.com/emplums)! - Fix up styles in TabNav allowing for items positioned on the right end of TabNav
863
+
864
+ ## 23.2.0
865
+
866
+ ### Minor Changes
867
+
868
+ - [`b273f1f9`](https://github.com/primer/react/commit/b273f1f95fcb3e2224414d6a0be124e29701d439) [#1083](https://github.com/primer/react/pull/1083) Thanks [@emplums](https://github.com/emplums)! - Adds a `contrast` prop to TextInput
869
+
870
+ ### Patch Changes
871
+
872
+ - [`c50b9f93`](https://github.com/primer/react/commit/c50b9f93402e7898b2a30f6f7fd0159ed40a8e86) [#1059](https://github.com/primer/react/pull/1059) Thanks [@colebemis](https://github.com/colebemis)! - Migrate `Dropdown` to TypeScript
873
+
874
+ * [`681799fd`](https://github.com/primer/react/commit/681799fd996537f56b15169ce8ac801e68aff41b) [#1066](https://github.com/primer/react/pull/1066) Thanks [@colebemis](https://github.com/colebemis)! - Migrate `useMouseIntent` to TypeScript
875
+
876
+ - [`eaeb2389`](https://github.com/primer/react/commit/eaeb2389738c1c366e41ddb7795b03c865359034) [#1055](https://github.com/primer/react/pull/1055) Thanks [@VanAnderson](https://github.com/VanAnderson)! - Migrate `utils` to TypeScript
877
+
878
+ * [`106eb85e`](https://github.com/primer/react/commit/106eb85e969fa9ece03a789b1175346e8d53cb83) [#1060](https://github.com/primer/react/pull/1060) Thanks [@VanAnderson](https://github.com/VanAnderson)! - Migrate `Dialog` to TypeScript
879
+
880
+ - [`f11e6ac6`](https://github.com/primer/react/commit/f11e6ac67ff675137e672a33d445678fd3b64b3a) [#1048](https://github.com/primer/react/pull/1048) Thanks [@colebemis](https://github.com/colebemis)! - Migrate `SelectMenu` to TypeScript
881
+
882
+ * [`bb635a50`](https://github.com/primer/react/commit/bb635a5094baf6821e45a7a03c6582989ee86fd5) [#1058](https://github.com/primer/react/pull/1058) Thanks [@colebemis](https://github.com/colebemis)! - Migrate theme to TypeScript
883
+
884
+ - [`fabca94e`](https://github.com/primer/react/commit/fabca94ebc3b5429b5c541aeaac6eb508fd5f182) [#1047](https://github.com/primer/react/pull/1047) Thanks [@VanAnderson](https://github.com/VanAnderson)! - Migrate `Pagination` to TypeScript
885
+
886
+ * [`c868bc96`](https://github.com/primer/react/commit/c868bc9613cb32d6fc0de009c75abdaa20c1bcdb) [#1074](https://github.com/primer/react/pull/1074) Thanks [@VanAnderson](https://github.com/VanAnderson)! - Add functional color variables from Primer Primitives to theme object
887
+
888
+ ## 23.1.0
889
+
890
+ ### Minor Changes
891
+
892
+ - [`e0432b35`](https://github.com/primer/react/commit/e0432b35f152031be8e4a0830df5d228d7b14832) [#1041](https://github.com/primer/react/pull/1041) Thanks [@emplums](https://github.com/emplums)! - Adds new `useSafeTimeout` helper Hook
893
+
894
+ ### Patch Changes
895
+
896
+ - [`eaf57cf5`](https://github.com/primer/react/commit/eaf57cf514da106f9bd1b4de01f5fc037a84fa23) [#1054](https://github.com/primer/react/pull/1054) Thanks [@emplums](https://github.com/emplums)! - Fix border radius on ButtonClose
897
+
898
+ * [`57eba0da`](https://github.com/primer/react/commit/57eba0da8fea003d00fce781d05ac581616de391) [#1054](https://github.com/primer/react/pull/1054) Thanks [@emplums](https://github.com/emplums)! - Add ButtonInvisible focus styles
899
+
900
+ - [`e2c90dba`](https://github.com/primer/react/commit/e2c90dba38976c280f44544cd7bf5cbbc8816ee3) [#1049](https://github.com/primer/react/pull/1049) Thanks [@eintxaurtieta](https://github.com/eintxaurtieta)! - Added font-family:inherit to TextInput
901
+
902
+ * [`be82a500`](https://github.com/primer/react/commit/be82a50033e8392c2dd80f56df9f398397f45379) [#1046](https://github.com/primer/react/pull/1046) Thanks [@emplums](https://github.com/emplums)! - - Fixed Dropdown & Details types.
903
+
904
+ - [`7c4c726c`](https://github.com/primer/react/commit/7c4c726c822fafc524e9b6928a7f9d413e1a7bc8) [#1046](https://github.com/primer/react/pull/1046) Thanks [@emplums](https://github.com/emplums)! - - Added useDetails behavior back to Dropdown
905
+
906
+ ## 23.0.4
907
+
908
+ ### Patch Changes
909
+
910
+ - [`8de64e95`](https://github.com/primer/react/commit/8de64e9588dd4c545f7eca3a13d74d5f860e2b0e) [#1029](https://github.com/primer/react/pull/1029) Thanks [@VanAnderson](https://github.com/VanAnderson)! - Migrate `TabNav` to TypeScript
911
+
912
+ * [`16aeca6b`](https://github.com/primer/react/commit/16aeca6bb37f1724037cd83db580eee69c473332) [#1032](https://github.com/primer/react/pull/1032) Thanks [@colebemis](https://github.com/colebemis)! - Migrate `AvatarStack` to TypeScript
913
+
914
+ - [`4070310a`](https://github.com/primer/react/commit/4070310a334d8d37c5a1277f11298ef675ed1465) [#1026](https://github.com/primer/react/pull/1026) Thanks [@VanAnderson](https://github.com/VanAnderson)! - Migrate `Details` to TypeScript
8
915
 
9
- * [`16aeca6b`](https://github.com/primer/components/commit/16aeca6bb37f1724037cd83db580eee69c473332) [#1032](https://github.com/primer/components/pull/1032) Thanks [@colebemis](https://github.com/colebemis)! - Migrate `AvatarStack` to TypeScript
916
+ * [`8f483bd9`](https://github.com/primer/react/commit/8f483bd94bb9a09ca88e3f2a116c4396404627c3) [#1042](https://github.com/primer/react/pull/1042) Thanks [@colebemis](https://github.com/colebemis)! - Migrate `PointerBox` to TypeScript
10
917
 
11
- - Fake entry to force publishing
918
+ - [`c5d2b657`](https://github.com/primer/react/commit/c5d2b65725c7e584412430fd3156875b8e1714d8) [#1035](https://github.com/primer/react/pull/1035) Thanks [@colebemis](https://github.com/colebemis)! - Migrate `CircleBadge` to TypeScript
12
919
 
13
- * [`c5d2b657`](https://github.com/primer/components/commit/c5d2b65725c7e584412430fd3156875b8e1714d8) [#1035](https://github.com/primer/components/pull/1035) Thanks [@colebemis](https://github.com/colebemis)! - Migrate `CircleBadge` to TypeScript
920
+ * [`3fcdf25f`](https://github.com/primer/react/commit/3fcdf25fc7c2def336dec4f5b34f518b2dbff903) [#1040](https://github.com/primer/react/pull/1040) Thanks [@VanAnderson](https://github.com/VanAnderson)! - Migrate `SideNav` to TypeScript
14
921
 
15
- - [`f11e6ac6`](https://github.com/primer/components/commit/f11e6ac67ff675137e672a33d445678fd3b64b3a) [#1048](https://github.com/primer/components/pull/1048) Thanks [@colebemis](https://github.com/colebemis)! - Migrate `SelectMenu` to TypeScript
922
+ - [`ff02c038`](https://github.com/primer/react/commit/ff02c038cdeef9cbeb8d050b3c5a951ccdbb9574) [#1033](https://github.com/primer/react/pull/1033) Thanks [@colebemis](https://github.com/colebemis)! - Migrate `Tooltip` to TypeScript
16
923
 
17
- * [`ff02c038`](https://github.com/primer/components/commit/ff02c038cdeef9cbeb8d050b3c5a951ccdbb9574) [#1033](https://github.com/primer/components/pull/1033) Thanks [@colebemis](https://github.com/colebemis)! - Migrate `Tooltip` to TypeScript
924
+ * [`0d62f260`](https://github.com/primer/react/commit/0d62f260672453a7509173b5b6d02778cf73a3e8) [#1030](https://github.com/primer/react/pull/1030) Thanks [@colebemis](https://github.com/colebemis)! - Migrate `Caret` to TypeScript
18
925
 
19
- - [`0d62f260`](https://github.com/primer/components/commit/0d62f260672453a7509173b5b6d02778cf73a3e8) [#1030](https://github.com/primer/components/pull/1030) Thanks [@colebemis](https://github.com/colebemis)! - Migrate `Caret` to TypeScript
926
+ - [`d1785f4c`](https://github.com/primer/react/commit/d1785f4cd312eff66f4a0b897aaf22aff11441bc) [#1038](https://github.com/primer/react/pull/1038) Thanks [@VanAnderson](https://github.com/VanAnderson)! - Migrate `SubNav` to TypeScript
20
927
 
21
- * [`058e7919`](https://github.com/primer/components/commit/058e791936399b1e08c31bfa18c772015da587c7) [#1036](https://github.com/primer/components/pull/1036) Thanks [@colebemis](https://github.com/colebemis)! - Migrate `CircleOcticon` to TypeScript
928
+ * [`058e7919`](https://github.com/primer/react/commit/058e791936399b1e08c31bfa18c772015da587c7) [#1036](https://github.com/primer/react/pull/1036) Thanks [@colebemis](https://github.com/colebemis)! - Migrate `CircleOcticon` to TypeScript
22
929
 
23
- - [`9b71bf38`](https://github.com/primer/components/commit/9b71bf387aad9f3cd3802594fd3cccc473b46661) [#998](https://github.com/primer/components/pull/998) Thanks [@colebemis](https://github.com/colebemis)! - Migrate `Position` to TypeScript
930
+ - [`9b71bf38`](https://github.com/primer/react/commit/9b71bf387aad9f3cd3802594fd3cccc473b46661) [#998](https://github.com/primer/react/pull/998) Thanks [@colebemis](https://github.com/colebemis)! - Migrate `Position` to TypeScript
24
931
 
25
- * [`b2ac3010`](https://github.com/primer/components/commit/b2ac301092e37a319ddc10440f929425da066f69) [#1037](https://github.com/primer/components/pull/1037) Thanks [@colebemis](https://github.com/colebemis)! - Migrate `Timeline` to TypeScript
932
+ * [`b2ac3010`](https://github.com/primer/react/commit/b2ac301092e37a319ddc10440f929425da066f69) [#1037](https://github.com/primer/react/pull/1037) Thanks [@colebemis](https://github.com/colebemis)! - Migrate `Timeline` to TypeScript
26
933
 
27
- - [`ef25d019`](https://github.com/primer/components/commit/ef25d01961d20fd590dd3abcef10c87fd26135be) [#1031](https://github.com/primer/components/pull/1031) Thanks [@colebemis](https://github.com/colebemis)! - Migrate `AvatarPair` to TypeScript
934
+ - [`ef25d019`](https://github.com/primer/react/commit/ef25d01961d20fd590dd3abcef10c87fd26135be) [#1031](https://github.com/primer/react/pull/1031) Thanks [@colebemis](https://github.com/colebemis)! - Migrate `AvatarPair` to TypeScript
28
935
 
29
- * [`62f45a12`](https://github.com/primer/components/commit/62f45a12fbd87d18adbc611a6410734f9fd16ab9) [#1028](https://github.com/primer/components/pull/1028) Thanks [@colebemis](https://github.com/colebemis)! - Migrate `TextInput` to TypeScript
936
+ * [`62f45a12`](https://github.com/primer/react/commit/62f45a12fbd87d18adbc611a6410734f9fd16ab9) [#1028](https://github.com/primer/react/pull/1028) Thanks [@colebemis](https://github.com/colebemis)! - Migrate `TextInput` to TypeScript
30
937
 
31
- - [`a4dce5da`](https://github.com/primer/components/commit/a4dce5daecdf65ce2ea8e55f962e5843b2b10e26) [#1017](https://github.com/primer/components/pull/1017) Thanks [@smockle](https://github.com/smockle)! - Migrate button components to TypeScript
938
+ - [`a4dce5da`](https://github.com/primer/react/commit/a4dce5daecdf65ce2ea8e55f962e5843b2b10e26) [#1017](https://github.com/primer/react/pull/1017) Thanks [@smockle](https://github.com/smockle)! - Migrate button components to TypeScript
32
939
 
33
- * [`cc36e6b4`](https://github.com/primer/components/commit/cc36e6b410600994d46af864cec7b83314a6987c) [#1034](https://github.com/primer/components/pull/1034) Thanks [@colebemis](https://github.com/colebemis)! - Migrate `Popover` to TypeScript
940
+ * [`cc36e6b4`](https://github.com/primer/react/commit/cc36e6b410600994d46af864cec7b83314a6987c) [#1034](https://github.com/primer/react/pull/1034) Thanks [@colebemis](https://github.com/colebemis)! - Migrate `Popover` to TypeScript
34
941
 
35
- - [`11340814`](https://github.com/primer/components/commit/113408140bef3d47a023925aa975273e264959ac) [#1020](https://github.com/primer/components/pull/1020) Thanks [@VanAnderson](https://github.com/VanAnderson)! - Migrate `Header` to TypeScript
942
+ - [`11340814`](https://github.com/primer/react/commit/113408140bef3d47a023925aa975273e264959ac) [#1020](https://github.com/primer/react/pull/1020) Thanks [@VanAnderson](https://github.com/VanAnderson)! - Migrate `Header` to TypeScript
36
943
 
37
944
  ## 23.0.3
38
945
 
39
946
  ### Patch Changes
40
947
 
41
- - [`3e0110bc`](https://github.com/primer/components/commit/3e0110bc942ba080c8c7bbaf1778b88b3cc25570) [#995](https://github.com/primer/components/pull/995) Thanks [@colebemis](https://github.com/colebemis)! - Migrate `Flash` to TypeScript
948
+ - [`3e0110bc`](https://github.com/primer/react/commit/3e0110bc942ba080c8c7bbaf1778b88b3cc25570) [#995](https://github.com/primer/react/pull/995) Thanks [@colebemis](https://github.com/colebemis)! - Migrate `Flash` to TypeScript
42
949
 
43
- * [`b0cea82e`](https://github.com/primer/components/commit/b0cea82e27e72f2bd351c14721e0d70343c98ebd) [#1003](https://github.com/primer/components/pull/1003) Thanks [@colebemis](https://github.com/colebemis)! - Migrate `Truncate` to TypeScript
950
+ * [`b0cea82e`](https://github.com/primer/react/commit/b0cea82e27e72f2bd351c14721e0d70343c98ebd) [#1003](https://github.com/primer/react/pull/1003) Thanks [@colebemis](https://github.com/colebemis)! - Migrate `Truncate` to TypeScript
44
951
 
45
- - [`f9a7e78a`](https://github.com/primer/components/commit/f9a7e78a0e512be90cc349483ed6fab2010e1765) [#987](https://github.com/primer/components/pull/987) Thanks [@colebemis](https://github.com/colebemis)! - Migrate `ProgressBar` to TypeScript
952
+ - [`f9a7e78a`](https://github.com/primer/react/commit/f9a7e78a0e512be90cc349483ed6fab2010e1765) [#987](https://github.com/primer/react/pull/987) Thanks [@colebemis](https://github.com/colebemis)! - Migrate `ProgressBar` to TypeScript
46
953
 
47
- * [`d848b9e0`](https://github.com/primer/components/commit/d848b9e054a0f96648ddd02b13ac9c19f56ecb42) [#993](https://github.com/primer/components/pull/993) Thanks [@colebemis](https://github.com/colebemis)! - Migrate `StyledOcticon` to TypeScript
954
+ * [`d848b9e0`](https://github.com/primer/react/commit/d848b9e054a0f96648ddd02b13ac9c19f56ecb42) [#993](https://github.com/primer/react/pull/993) Thanks [@colebemis](https://github.com/colebemis)! - Migrate `StyledOcticon` to TypeScript
48
955
 
49
- - [`73bced4b`](https://github.com/primer/components/commit/73bced4bdf70b71137e1d4c349db232842efcdee) [#1015](https://github.com/primer/components/pull/1015) Thanks [@colebemis](https://github.com/colebemis)! - Migrate `FilterList` to TypeScript
956
+ - [`73bced4b`](https://github.com/primer/react/commit/73bced4bdf70b71137e1d4c349db232842efcdee) [#1015](https://github.com/primer/react/pull/1015) Thanks [@colebemis](https://github.com/colebemis)! - Migrate `FilterList` to TypeScript
50
957
 
51
- * [`fcd773c4`](https://github.com/primer/components/commit/fcd773c4212062b2957dd3befba90ac034dd3fe5) [#1009](https://github.com/primer/components/pull/1009) Thanks [@emplums](https://github.com/emplums)! - Upgrade Octicons to 11.3.0
958
+ * [`fcd773c4`](https://github.com/primer/react/commit/fcd773c4212062b2957dd3befba90ac034dd3fe5) [#1009](https://github.com/primer/react/pull/1009) Thanks [@emplums](https://github.com/emplums)! - Upgrade Octicons to 11.3.0
52
959
 
53
- - [`b9671ca2`](https://github.com/primer/components/commit/b9671ca28bbcf9521882f9ca2fed986c426a8833) [#1005](https://github.com/primer/components/pull/1005) Thanks [@colebemis](https://github.com/colebemis)! - Migrate `CounterLabel` to TypeScript
960
+ - [`b9671ca2`](https://github.com/primer/react/commit/b9671ca28bbcf9521882f9ca2fed986c426a8833) [#1005](https://github.com/primer/react/pull/1005) Thanks [@colebemis](https://github.com/colebemis)! - Migrate `CounterLabel` to TypeScript
54
961
 
55
- * [`1fb77ac3`](https://github.com/primer/components/commit/1fb77ac3b0ed60dee0481bd14f069f913d37cfdd) [#1012](https://github.com/primer/components/pull/1012) Thanks [@colebemis](https://github.com/colebemis)! - Migrate `Breadcrumb` to TypeScript
962
+ * [`1fb77ac3`](https://github.com/primer/react/commit/1fb77ac3b0ed60dee0481bd14f069f913d37cfdd) [#1012](https://github.com/primer/react/pull/1012) Thanks [@colebemis](https://github.com/colebemis)! - Migrate `Breadcrumb` to TypeScript
56
963
 
57
- - [`91002078`](https://github.com/primer/components/commit/91002078bc173134e7c94541fe5388fca0baefa5) [#1008](https://github.com/primer/components/pull/1008) Thanks [@colebemis](https://github.com/colebemis)! - Migrate `StateLabel` to TypeScript
964
+ - [`91002078`](https://github.com/primer/react/commit/91002078bc173134e7c94541fe5388fca0baefa5) [#1008](https://github.com/primer/react/pull/1008) Thanks [@colebemis](https://github.com/colebemis)! - Migrate `StateLabel` to TypeScript
58
965
 
59
- * [`3a3c81a4`](https://github.com/primer/components/commit/3a3c81a4e71a88249d08a02d26575c7d00e35fa3) [#984](https://github.com/primer/components/pull/984) Thanks [@bscofield](https://github.com/bscofield)! - Migrate `Avatar` to TypeScript
966
+ * [`3a3c81a4`](https://github.com/primer/react/commit/3a3c81a4e71a88249d08a02d26575c7d00e35fa3) [#984](https://github.com/primer/react/pull/984) Thanks [@bscofield](https://github.com/bscofield)! - Migrate `Avatar` to TypeScript
60
967
 
61
- - [`df2920f5`](https://github.com/primer/components/commit/df2920f5e80e6f73d423f1e1dd468994a5894618) [#1014](https://github.com/primer/components/pull/1014) Thanks [@colebemis](https://github.com/colebemis)! - Migrate `UnderlineNav` to TypeScript
968
+ - [`df2920f5`](https://github.com/primer/react/commit/df2920f5e80e6f73d423f1e1dd468994a5894618) [#1014](https://github.com/primer/react/pull/1014) Thanks [@colebemis](https://github.com/colebemis)! - Migrate `UnderlineNav` to TypeScript
62
969
 
63
- * [`b947aff2`](https://github.com/primer/components/commit/b947aff26f26d46ebe8f7bb4b930863ba1b05eaa) [#1006](https://github.com/primer/components/pull/1006) Thanks [@colebemis](https://github.com/colebemis)! - Migrate `FilteredSearch` to TypeScript
970
+ * [`b947aff2`](https://github.com/primer/react/commit/b947aff26f26d46ebe8f7bb4b930863ba1b05eaa) [#1006](https://github.com/primer/react/pull/1006) Thanks [@colebemis](https://github.com/colebemis)! - Migrate `FilteredSearch` to TypeScript
64
971
 
65
- - [`2e71f70f`](https://github.com/primer/components/commit/2e71f70f2113de273b9c41a667f2fc9b539a01de) [#1011](https://github.com/primer/components/pull/1011) Thanks [@VanAnderson](https://github.com/VanAnderson)! - Migrate `Link` to TypeScript
972
+ - [`2e71f70f`](https://github.com/primer/react/commit/2e71f70f2113de273b9c41a667f2fc9b539a01de) [#1011](https://github.com/primer/react/pull/1011) Thanks [@VanAnderson](https://github.com/VanAnderson)! - Migrate `Link` to TypeScript
66
973
 
67
974
  ## 23.0.2
68
975
 
69
976
  ### Patch Changes
70
977
 
71
- - [`7128403c`](https://github.com/primer/components/commit/7128403c488a2cfefda3743d7f92be8142071bc8) [#979](https://github.com/primer/components/pull/979) Thanks [@colebemis](https://github.com/colebemis)! - Migrate `Text` to TypeScript
978
+ - [`7128403c`](https://github.com/primer/react/commit/7128403c488a2cfefda3743d7f92be8142071bc8) [#979](https://github.com/primer/react/pull/979) Thanks [@colebemis](https://github.com/colebemis)! - Migrate `Text` to TypeScript
72
979
 
73
- * [`fe16e21c`](https://github.com/primer/components/commit/fe16e21cb3a67d424cdbb663ea2d13e2397eb42c) [#982](https://github.com/primer/components/pull/982) Thanks [@colebemis](https://github.com/colebemis)! - Migrate `BaseStyles` to TypeScript
980
+ * [`fe16e21c`](https://github.com/primer/react/commit/fe16e21cb3a67d424cdbb663ea2d13e2397eb42c) [#982](https://github.com/primer/react/pull/982) Thanks [@colebemis](https://github.com/colebemis)! - Migrate `BaseStyles` to TypeScript
74
981
 
75
- - [`ee806857`](https://github.com/primer/components/commit/ee8068579106d34309faa1a0c44e1ed25edafb59) [#975](https://github.com/primer/components/pull/975) Thanks [@colebemis](https://github.com/colebemis)! - Migrate `Heading` to TypeScript
982
+ - [`ee806857`](https://github.com/primer/react/commit/ee8068579106d34309faa1a0c44e1ed25edafb59) [#975](https://github.com/primer/react/pull/975) Thanks [@colebemis](https://github.com/colebemis)! - Migrate `Heading` to TypeScript
76
983
 
77
- * [`25315571`](https://github.com/primer/components/commit/2531557171cd2e39b980a456d42e15880e16256f) [#976](https://github.com/primer/components/pull/976) Thanks [@colebemis](https://github.com/colebemis)! - Migrate `Label` to TypeScript
984
+ * [`25315571`](https://github.com/primer/react/commit/2531557171cd2e39b980a456d42e15880e16256f) [#976](https://github.com/primer/react/pull/976) Thanks [@colebemis](https://github.com/colebemis)! - Migrate `Label` to TypeScript
78
985
 
79
- - [`4076bf4e`](https://github.com/primer/components/commit/4076bf4e173d997c46ba1130c5f0f86f04952790) [#986](https://github.com/primer/components/pull/986) Thanks [@colebemis](https://github.com/colebemis)! - Migrate `Flex` to TypeScript
986
+ - [`4076bf4e`](https://github.com/primer/react/commit/4076bf4e173d997c46ba1130c5f0f86f04952790) [#986](https://github.com/primer/react/pull/986) Thanks [@colebemis](https://github.com/colebemis)! - Migrate `Flex` to TypeScript
80
987
 
81
- * [`397a46fe`](https://github.com/primer/components/commit/397a46fe1edee9c2bb71e6ceedafff8dc4e76cb2) [#976](https://github.com/primer/components/pull/976) Thanks [@colebemis](https://github.com/colebemis)! - Migrate `LabelGroup` to TypeScript
988
+ * [`397a46fe`](https://github.com/primer/react/commit/397a46fe1edee9c2bb71e6ceedafff8dc4e76cb2) [#976](https://github.com/primer/react/pull/976) Thanks [@colebemis](https://github.com/colebemis)! - Migrate `LabelGroup` to TypeScript
82
989
 
83
- - [`e841e158`](https://github.com/primer/components/commit/e841e158dcc557169fce19c78d5d90af5fef6af6) [#983](https://github.com/primer/components/pull/983) Thanks [@shiftkey](https://github.com/shiftkey)! - Add supported `htmlFor` prop to `FormGroupLabelProps` type definition
990
+ - [`e841e158`](https://github.com/primer/react/commit/e841e158dcc557169fce19c78d5d90af5fef6af6) [#983](https://github.com/primer/react/pull/983) Thanks [@shiftkey](https://github.com/shiftkey)! - Add supported `htmlFor` prop to `FormGroupLabelProps` type definition
84
991
 
85
- * [`dc0df4b2`](https://github.com/primer/components/commit/dc0df4b209d952b121f04fc86d0f2984a6e661cf) [#973](https://github.com/primer/components/pull/973) Thanks [@colebemis](https://github.com/colebemis)! - Migrate `BorderBox` to TypeScript
992
+ * [`dc0df4b2`](https://github.com/primer/react/commit/dc0df4b209d952b121f04fc86d0f2984a6e661cf) [#973](https://github.com/primer/react/pull/973) Thanks [@colebemis](https://github.com/colebemis)! - Migrate `BorderBox` to TypeScript
86
993
 
87
- - [`0cac0042`](https://github.com/primer/components/commit/0cac00426d4d29c51d9f110f091aac06c49ec054) [#974](https://github.com/primer/components/pull/974) Thanks [@colebemis](https://github.com/colebemis)! - Migrate `BranchName` to TypeScript
994
+ - [`0cac0042`](https://github.com/primer/react/commit/0cac00426d4d29c51d9f110f091aac06c49ec054) [#974](https://github.com/primer/react/pull/974) Thanks [@colebemis](https://github.com/colebemis)! - Migrate `BranchName` to TypeScript
88
995
 
89
- * [`755a1a5c`](https://github.com/primer/components/commit/755a1a5c19f6d6298f9c6785b50fed71aaea59ad) [#977](https://github.com/primer/components/pull/977) Thanks [@colebemis](https://github.com/colebemis)! - Migrate `Pagehead` to TypeScript
996
+ * [`755a1a5c`](https://github.com/primer/react/commit/755a1a5c19f6d6298f9c6785b50fed71aaea59ad) [#977](https://github.com/primer/react/pull/977) Thanks [@colebemis](https://github.com/colebemis)! - Migrate `Pagehead` to TypeScript
90
997
 
91
- - [`34ff4885`](https://github.com/primer/components/commit/34ff4885311686699fbb6d2e3fab0337bad3d016) [#989](https://github.com/primer/components/pull/989) Thanks [@colebemis](https://github.com/colebemis)! - Migrate `Grid` to TypeScript
998
+ - [`34ff4885`](https://github.com/primer/react/commit/34ff4885311686699fbb6d2e3fab0337bad3d016) [#989](https://github.com/primer/react/pull/989) Thanks [@colebemis](https://github.com/colebemis)! - Migrate `Grid` to TypeScript