@primer/components 0.0.0-20210300330 → 0.0.0-2021101010546

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 (689) hide show
  1. package/CHANGELOG.md +851 -14
  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 +1366 -891
  11. package/dist/browser.esm.js.map +1 -1
  12. package/dist/browser.umd.js +1364 -889
  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 +292 -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 +53 -0
  28. package/lib/ActionList2/Divider.d.ts +5 -0
  29. package/lib/ActionList2/Divider.js +35 -0
  30. package/lib/ActionList2/Group.d.ts +11 -0
  31. package/lib/ActionList2/Group.js +57 -0
  32. package/lib/ActionList2/Header.d.ts +26 -0
  33. package/lib/ActionList2/Header.js +55 -0
  34. package/lib/ActionList2/Item.d.ts +63 -0
  35. package/lib/ActionList2/Item.js +234 -0
  36. package/lib/ActionList2/LinkItem.d.ts +17 -0
  37. package/lib/ActionList2/LinkItem.js +57 -0
  38. package/lib/ActionList2/List.d.ts +26 -0
  39. package/lib/ActionList2/List.js +59 -0
  40. package/lib/ActionList2/Selection.d.ts +5 -0
  41. package/lib/ActionList2/Selection.js +70 -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 +36 -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/AnchoredOverlay/AnchoredOverlay.d.ts +62 -0
  49. package/lib/AnchoredOverlay/AnchoredOverlay.js +124 -0
  50. package/lib/AnchoredOverlay/index.d.ts +2 -0
  51. package/lib/AnchoredOverlay/index.js +13 -0
  52. package/lib/Autocomplete/Autocomplete.d.ts +304 -0
  53. package/lib/Autocomplete/Autocomplete.js +145 -0
  54. package/lib/Autocomplete/AutocompleteContext.d.ts +17 -0
  55. package/lib/Autocomplete/AutocompleteContext.js +11 -0
  56. package/lib/Autocomplete/AutocompleteInput.d.ts +292 -0
  57. package/lib/Autocomplete/AutocompleteInput.js +157 -0
  58. package/lib/Autocomplete/AutocompleteMenu.d.ts +72 -0
  59. package/lib/Autocomplete/AutocompleteMenu.js +224 -0
  60. package/lib/Autocomplete/AutocompleteOverlay.d.ts +20 -0
  61. package/lib/Autocomplete/AutocompleteOverlay.js +80 -0
  62. package/lib/Autocomplete/index.d.ts +2 -0
  63. package/lib/Autocomplete/index.js +15 -0
  64. package/lib/Avatar.d.ts +15 -0
  65. package/lib/Avatar.js +8 -17
  66. package/lib/AvatarPair.d.ts +8 -0
  67. package/lib/AvatarPair.js +10 -16
  68. package/lib/AvatarStack.d.ts +8 -0
  69. package/lib/AvatarStack.js +16 -25
  70. package/lib/BaseStyles.d.ts +14 -0
  71. package/lib/BaseStyles.js +25 -31
  72. package/lib/BorderBox.d.ts +7 -0
  73. package/lib/BorderBox.js +5 -16
  74. package/lib/Box.d.ts +6 -0
  75. package/lib/Box.js +2 -15
  76. package/lib/BranchName.d.ts +6 -0
  77. package/lib/BranchName.js +1 -14
  78. package/lib/Breadcrumbs.d.ts +40 -0
  79. package/lib/{Breadcrumb.js → Breadcrumbs.js} +47 -49
  80. package/lib/Button/Button.d.ts +284 -0
  81. package/lib/Button/Button.js +5 -13
  82. package/lib/Button/ButtonBase.d.ts +12 -0
  83. package/lib/Button/ButtonBase.js +6 -24
  84. package/lib/Button/ButtonClose.d.ts +321 -0
  85. package/lib/Button/ButtonClose.js +9 -23
  86. package/lib/Button/ButtonDanger.d.ts +284 -0
  87. package/lib/Button/ButtonDanger.js +6 -14
  88. package/lib/Button/ButtonGroup.d.ts +4 -0
  89. package/lib/Button/ButtonGroup.js +3 -9
  90. package/lib/Button/ButtonInvisible.d.ts +284 -0
  91. package/lib/Button/ButtonInvisible.js +5 -13
  92. package/lib/Button/ButtonOutline.d.ts +284 -0
  93. package/lib/Button/ButtonOutline.js +6 -14
  94. package/lib/Button/ButtonPrimary.d.ts +284 -0
  95. package/lib/Button/ButtonPrimary.js +8 -15
  96. package/lib/Button/ButtonStyles.d.ts +2 -0
  97. package/lib/Button/ButtonTableList.d.ts +6 -0
  98. package/lib/Button/ButtonTableList.js +2 -16
  99. package/lib/Button/index.d.ts +16 -0
  100. package/lib/Button/index.js +7 -5
  101. package/lib/Caret.d.ts +21 -0
  102. package/lib/Caret.js +25 -31
  103. package/lib/CircleBadge.d.ts +25 -0
  104. package/lib/CircleBadge.js +16 -40
  105. package/lib/CircleOcticon.d.ts +391 -0
  106. package/lib/CircleOcticon.js +9 -19
  107. package/lib/CounterLabel.d.ts +8 -0
  108. package/lib/CounterLabel.js +3 -17
  109. package/lib/Details.d.ts +6 -0
  110. package/lib/Details.js +1 -9
  111. package/lib/Dialog/ConfirmationDialog.d.ts +44 -0
  112. package/lib/Dialog/ConfirmationDialog.js +191 -0
  113. package/lib/Dialog/Dialog.d.ts +167 -0
  114. package/lib/Dialog/Dialog.js +304 -0
  115. package/lib/Dialog.d.ts +406 -0
  116. package/lib/Dialog.js +34 -49
  117. package/lib/Dropdown.d.ts +1262 -0
  118. package/lib/Dropdown.js +44 -59
  119. package/lib/DropdownMenu/DropdownButton.d.ts +323 -0
  120. package/lib/DropdownMenu/DropdownButton.js +31 -0
  121. package/lib/DropdownMenu/DropdownMenu.d.ts +43 -0
  122. package/lib/DropdownMenu/DropdownMenu.js +94 -0
  123. package/lib/DropdownMenu/index.d.ts +4 -0
  124. package/lib/DropdownMenu/index.js +21 -0
  125. package/lib/DropdownStyles.d.ts +3 -0
  126. package/lib/DropdownStyles.js +6 -6
  127. package/lib/FilterList.d.ts +321 -0
  128. package/lib/FilterList.js +31 -52
  129. package/lib/FilteredActionList/FilteredActionList.d.ts +16 -0
  130. package/lib/FilteredActionList/FilteredActionList.js +137 -0
  131. package/lib/FilteredActionList/index.d.ts +2 -0
  132. package/lib/FilteredActionList/index.js +13 -0
  133. package/lib/FilteredSearch.d.ts +6 -0
  134. package/lib/FilteredSearch.js +4 -12
  135. package/lib/Flash.d.ts +9 -0
  136. package/lib/Flash.js +35 -14
  137. package/lib/Flex.d.ts +7 -0
  138. package/lib/Flex.js +3 -5
  139. package/lib/FormGroup.d.ts +12 -0
  140. package/lib/FormGroup.js +11 -25
  141. package/lib/Grid.d.ts +7 -0
  142. package/lib/Grid.js +4 -9
  143. package/lib/Header.d.ts +24 -0
  144. package/lib/Header.js +29 -48
  145. package/lib/Heading.d.ts +6 -0
  146. package/lib/Heading.js +0 -7
  147. package/lib/Label.d.ts +11 -0
  148. package/lib/Label.js +6 -19
  149. package/lib/LabelGroup.d.ts +6 -0
  150. package/lib/LabelGroup.js +0 -8
  151. package/lib/Link.d.ts +10 -0
  152. package/lib/Link.js +4 -35
  153. package/lib/Overlay.d.ts +63 -0
  154. package/lib/Overlay.js +183 -0
  155. package/lib/Pagehead.d.ts +6 -0
  156. package/lib/Pagehead.js +1 -13
  157. package/lib/Pagination/Pagination.d.ts +24 -0
  158. package/lib/Pagination/Pagination.js +14 -29
  159. package/lib/Pagination/index.d.ts +3 -0
  160. package/lib/Pagination/model.d.ts +26 -0
  161. package/lib/Pagination/model.js +1 -1
  162. package/lib/PointerBox.d.ts +11 -0
  163. package/lib/PointerBox.js +4 -13
  164. package/lib/Popover.d.ts +21 -0
  165. package/lib/Popover.js +14 -36
  166. package/lib/Portal/Portal.d.ts +25 -0
  167. package/lib/Portal/Portal.js +100 -0
  168. package/lib/Portal/index.d.ts +4 -0
  169. package/lib/Portal/index.js +17 -0
  170. package/lib/Position.d.ts +34 -0
  171. package/lib/Position.js +58 -35
  172. package/lib/ProgressBar.d.ts +21 -0
  173. package/lib/ProgressBar.js +8 -23
  174. package/lib/SelectMenu/SelectMenu.d.ts +1832 -0
  175. package/lib/SelectMenu/SelectMenu.js +33 -43
  176. package/lib/SelectMenu/SelectMenuContext.d.ts +8 -0
  177. package/lib/SelectMenu/SelectMenuContext.js +1 -1
  178. package/lib/SelectMenu/SelectMenuDivider.d.ts +6 -0
  179. package/lib/SelectMenu/SelectMenuDivider.js +4 -12
  180. package/lib/SelectMenu/SelectMenuFilter.d.ts +9 -0
  181. package/lib/SelectMenu/SelectMenuFilter.js +13 -21
  182. package/lib/SelectMenu/SelectMenuFooter.d.ts +6 -0
  183. package/lib/SelectMenu/SelectMenuFooter.js +4 -12
  184. package/lib/SelectMenu/SelectMenuHeader.d.ts +11 -0
  185. package/lib/SelectMenu/SelectMenuHeader.js +4 -17
  186. package/lib/SelectMenu/SelectMenuItem.d.ts +15 -0
  187. package/lib/SelectMenu/SelectMenuItem.js +12 -20
  188. package/lib/SelectMenu/SelectMenuList.d.ts +6 -0
  189. package/lib/SelectMenu/SelectMenuList.js +4 -12
  190. package/lib/SelectMenu/SelectMenuLoadingAnimation.d.ts +7 -0
  191. package/lib/SelectMenu/SelectMenuLoadingAnimation.js +5 -18
  192. package/lib/SelectMenu/SelectMenuModal.d.ts +15 -0
  193. package/lib/SelectMenu/SelectMenuModal.js +10 -22
  194. package/lib/SelectMenu/SelectMenuTab.d.ts +14 -0
  195. package/lib/SelectMenu/SelectMenuTab.js +15 -25
  196. package/lib/SelectMenu/SelectMenuTabPanel.d.ts +13 -0
  197. package/lib/SelectMenu/SelectMenuTabPanel.js +14 -25
  198. package/lib/SelectMenu/SelectMenuTabs.d.ts +11 -0
  199. package/lib/SelectMenu/SelectMenuTabs.js +10 -17
  200. package/lib/SelectMenu/hooks/useKeyboardNav.d.ts +2 -0
  201. package/lib/SelectMenu/hooks/useKeyboardNav.js +2 -0
  202. package/lib/SelectMenu/index.d.ts +2 -0
  203. package/lib/SelectMenu/index.js +7 -5
  204. package/lib/SelectPanel/SelectPanel.d.ts +25 -0
  205. package/lib/SelectPanel/SelectPanel.js +147 -0
  206. package/lib/SelectPanel/index.d.ts +2 -0
  207. package/lib/SelectPanel/index.js +13 -0
  208. package/lib/SideNav.d.ts +31 -0
  209. package/lib/SideNav.js +30 -39
  210. package/lib/Spinner.d.ts +17 -0
  211. package/lib/Spinner.js +60 -0
  212. package/lib/StateLabel.d.ts +16 -0
  213. package/lib/StateLabel.js +45 -21
  214. package/lib/StyledOcticon.d.ts +12 -0
  215. package/lib/StyledOcticon.js +5 -22
  216. package/lib/SubNav.d.ts +32 -0
  217. package/lib/SubNav.js +31 -48
  218. package/lib/TabNav.d.ts +20 -0
  219. package/lib/TabNav.js +29 -49
  220. package/lib/Text.d.ts +6 -0
  221. package/lib/Text.js +0 -12
  222. package/lib/TextInput.d.ts +14 -0
  223. package/lib/TextInput.js +26 -76
  224. package/lib/TextInputWithTokens.d.ts +327 -0
  225. package/lib/TextInputWithTokens.js +318 -0
  226. package/lib/ThemeProvider.d.ts +26 -0
  227. package/lib/ThemeProvider.js +193 -0
  228. package/lib/Timeline.d.ts +407 -0
  229. package/lib/Timeline.js +47 -95
  230. package/lib/Token/AvatarToken.d.ts +7 -0
  231. package/lib/Token/AvatarToken.js +64 -0
  232. package/lib/Token/IssueLabelToken.d.ts +14 -0
  233. package/lib/Token/IssueLabelToken.js +144 -0
  234. package/lib/Token/Token.d.ts +15 -0
  235. package/lib/Token/Token.js +105 -0
  236. package/lib/Token/TokenBase.d.ts +31 -0
  237. package/lib/Token/TokenBase.js +104 -0
  238. package/lib/Token/_RemoveTokenButton.d.ts +12 -0
  239. package/lib/Token/_RemoveTokenButton.js +90 -0
  240. package/lib/Token/_TokenTextContainer.d.ts +3 -0
  241. package/lib/Token/_TokenTextContainer.js +17 -0
  242. package/lib/Token/index.d.ts +3 -0
  243. package/lib/Token/index.js +31 -0
  244. package/lib/Tooltip.d.ts +18 -0
  245. package/lib/Tooltip.js +12 -30
  246. package/lib/Truncate.d.ts +11 -0
  247. package/lib/Truncate.js +1 -15
  248. package/lib/UnderlineNav.d.ts +25 -0
  249. package/lib/UnderlineNav.js +24 -43
  250. package/lib/_TextInputWrapper.d.ts +10 -0
  251. package/lib/_TextInputWrapper.js +51 -0
  252. package/lib/_UnstyledTextInput.d.ts +2 -0
  253. package/lib/_UnstyledTextInput.js +20 -0
  254. package/lib/behaviors/anchoredPosition.d.ts +89 -0
  255. package/lib/behaviors/anchoredPosition.js +316 -0
  256. package/lib/behaviors/focusTrap.d.ts +12 -0
  257. package/lib/behaviors/focusTrap.js +179 -0
  258. package/lib/behaviors/focusZone.d.ts +137 -0
  259. package/lib/behaviors/focusZone.js +578 -0
  260. package/lib/behaviors/scrollIntoViewingArea.d.ts +1 -0
  261. package/lib/behaviors/scrollIntoViewingArea.js +39 -0
  262. package/lib/constants.d.ts +20 -0
  263. package/lib/constants.js +11 -28
  264. package/lib/experiments.d.ts +1 -0
  265. package/lib/experiments.js +18 -0
  266. package/lib/hooks/index.d.ts +11 -0
  267. package/lib/hooks/index.js +61 -0
  268. package/lib/hooks/useAnchoredPosition.d.ts +20 -0
  269. package/lib/hooks/useAnchoredPosition.js +50 -0
  270. package/lib/hooks/useCombinedRefs.d.ts +10 -0
  271. package/lib/hooks/useCombinedRefs.js +49 -0
  272. package/lib/hooks/useDetails.d.ts +17 -0
  273. package/lib/hooks/useDetails.js +10 -3
  274. package/lib/hooks/useDialog.d.ts +16 -0
  275. package/lib/hooks/useDialog.js +21 -6
  276. package/lib/hooks/useFocusTrap.d.ts +32 -0
  277. package/lib/hooks/useFocusTrap.js +69 -0
  278. package/lib/hooks/useFocusZone.d.ts +23 -0
  279. package/lib/hooks/useFocusZone.js +53 -0
  280. package/lib/hooks/useOnEscapePress.d.ts +23 -0
  281. package/lib/hooks/useOnEscapePress.js +69 -0
  282. package/lib/hooks/useOnOutsideClick.d.ts +8 -0
  283. package/lib/hooks/useOnOutsideClick.js +90 -0
  284. package/lib/hooks/useOpenAndCloseFocus.d.ts +8 -0
  285. package/lib/hooks/useOpenAndCloseFocus.js +36 -0
  286. package/lib/hooks/useOverlay.d.ts +15 -0
  287. package/lib/hooks/useOverlay.js +43 -0
  288. package/lib/hooks/useProvidedRefOrCreate.d.ts +10 -0
  289. package/lib/hooks/useProvidedRefOrCreate.js +24 -0
  290. package/lib/hooks/useProvidedStateOrCreate.d.ts +10 -0
  291. package/lib/hooks/useProvidedStateOrCreate.js +27 -0
  292. package/lib/hooks/useRenderForcingRef.d.ts +8 -0
  293. package/lib/hooks/useRenderForcingRef.js +25 -0
  294. package/lib/hooks/useResizeObserver.d.ts +1 -0
  295. package/lib/hooks/useResizeObserver.js +20 -0
  296. package/lib/hooks/useSafeTimeout.d.ts +12 -0
  297. package/lib/hooks/useSafeTimeout.js +38 -0
  298. package/lib/hooks/useScrollFlash.d.ts +6 -0
  299. package/lib/hooks/useScrollFlash.js +29 -0
  300. package/lib/index.d.ts +116 -0
  301. package/lib/index.js +175 -7
  302. package/lib/polyfills/eventListenerSignal.d.ts +6 -0
  303. package/lib/polyfills/eventListenerSignal.js +64 -0
  304. package/lib/sx.d.ts +14 -0
  305. package/lib/sx.js +8 -5
  306. package/lib/theme-preval.d.ts +49 -0
  307. package/lib/theme-preval.js +2976 -360
  308. package/lib/theme.d.ts +80 -0
  309. package/lib/theme.js +5 -8
  310. package/lib/utils/create-slots.d.ts +17 -0
  311. package/lib/utils/create-slots.js +105 -0
  312. package/lib/utils/deprecate.d.ts +18 -0
  313. package/lib/utils/deprecate.js +6 -5
  314. package/lib/utils/isNumeric.d.ts +1 -0
  315. package/lib/utils/isNumeric.js +1 -0
  316. package/lib/utils/iterateFocusableElements.d.ts +42 -0
  317. package/lib/utils/iterateFocusableElements.js +113 -0
  318. package/lib/utils/ssr.d.ts +1 -0
  319. package/lib/utils/ssr.js +19 -0
  320. package/lib/utils/test-deprecations.d.ts +1 -0
  321. package/lib/utils/test-deprecations.js +2 -1
  322. package/lib/utils/test-helpers.d.ts +0 -0
  323. package/lib/utils/test-helpers.js +9 -0
  324. package/lib/utils/test-matchers.d.ts +1 -0
  325. package/lib/utils/test-matchers.js +6 -50
  326. package/lib/utils/testing.d.ts +598 -0
  327. package/lib/utils/testing.js +36 -49
  328. package/lib/utils/theme.d.ts +9 -0
  329. package/lib/utils/theme.js +68 -0
  330. package/lib/utils/types/AriaRole.d.ts +1 -0
  331. package/lib/utils/{types.js → types/AriaRole.js} +0 -0
  332. package/lib/utils/types/ComponentProps.d.ts +9 -0
  333. package/lib/utils/types/ComponentProps.js +1 -0
  334. package/lib/utils/types/Flatten.d.ts +4 -0
  335. package/lib/utils/types/Flatten.js +1 -0
  336. package/lib/utils/types/KeyPaths.d.ts +3 -0
  337. package/lib/utils/types/KeyPaths.js +1 -0
  338. package/lib/utils/types/MandateProps.d.ts +3 -0
  339. package/lib/utils/types/MandateProps.js +1 -0
  340. package/lib/utils/types/Merge.d.ts +19 -0
  341. package/lib/utils/types/Merge.js +1 -0
  342. package/lib/utils/types/index.d.ts +5 -0
  343. package/lib/utils/types/index.js +70 -0
  344. package/lib/utils/uniqueId.d.ts +1 -0
  345. package/lib/utils/uniqueId.js +12 -0
  346. package/lib/utils/use-force-update.d.ts +1 -0
  347. package/lib/utils/use-force-update.js +19 -0
  348. package/lib/utils/userAgent.d.ts +1 -0
  349. package/lib/utils/userAgent.js +15 -0
  350. package/lib-esm/ActionList/Divider.d.ts +9 -0
  351. package/lib-esm/ActionList/Divider.js +23 -0
  352. package/lib-esm/ActionList/Group.d.ts +28 -0
  353. package/lib-esm/ActionList/Group.js +24 -0
  354. package/lib-esm/ActionList/Header.d.ts +29 -0
  355. package/lib-esm/ActionList/Header.js +33 -0
  356. package/lib-esm/ActionList/Item.d.ts +98 -0
  357. package/lib-esm/ActionList/Item.js +257 -0
  358. package/lib-esm/ActionList/List.d.ts +88 -0
  359. package/lib-esm/ActionList/List.js +181 -0
  360. package/lib-esm/ActionList/index.d.ts +17 -0
  361. package/lib-esm/ActionList/index.js +18 -0
  362. package/lib-esm/ActionList2/Description.d.ts +12 -0
  363. package/lib-esm/ActionList2/Description.js +37 -0
  364. package/lib-esm/ActionList2/Divider.d.ts +5 -0
  365. package/lib-esm/ActionList2/Divider.js +23 -0
  366. package/lib-esm/ActionList2/Group.d.ts +11 -0
  367. package/lib-esm/ActionList2/Group.js +40 -0
  368. package/lib-esm/ActionList2/Header.d.ts +26 -0
  369. package/lib-esm/ActionList2/Header.js +44 -0
  370. package/lib-esm/ActionList2/Item.d.ts +63 -0
  371. package/lib-esm/ActionList2/Item.js +201 -0
  372. package/lib-esm/ActionList2/LinkItem.d.ts +17 -0
  373. package/lib-esm/ActionList2/LinkItem.js +43 -0
  374. package/lib-esm/ActionList2/List.d.ts +26 -0
  375. package/lib-esm/ActionList2/List.js +37 -0
  376. package/lib-esm/ActionList2/Selection.d.ts +5 -0
  377. package/lib-esm/ActionList2/Selection.js +52 -0
  378. package/lib-esm/ActionList2/Visuals.d.ts +9 -0
  379. package/lib-esm/ActionList2/Visuals.js +68 -0
  380. package/lib-esm/ActionList2/index.d.ts +36 -0
  381. package/lib-esm/ActionList2/index.js +33 -0
  382. package/lib-esm/ActionMenu.d.ts +40 -0
  383. package/lib-esm/ActionMenu.js +82 -0
  384. package/lib-esm/AnchoredOverlay/AnchoredOverlay.d.ts +62 -0
  385. package/lib-esm/AnchoredOverlay/AnchoredOverlay.js +104 -0
  386. package/lib-esm/AnchoredOverlay/index.d.ts +2 -0
  387. package/lib-esm/AnchoredOverlay/index.js +1 -0
  388. package/lib-esm/Autocomplete/Autocomplete.d.ts +304 -0
  389. package/lib-esm/Autocomplete/Autocomplete.js +123 -0
  390. package/lib-esm/Autocomplete/AutocompleteContext.d.ts +17 -0
  391. package/lib-esm/Autocomplete/AutocompleteContext.js +2 -0
  392. package/lib-esm/Autocomplete/AutocompleteInput.d.ts +292 -0
  393. package/lib-esm/Autocomplete/AutocompleteInput.js +138 -0
  394. package/lib-esm/Autocomplete/AutocompleteMenu.d.ts +72 -0
  395. package/lib-esm/Autocomplete/AutocompleteMenu.js +205 -0
  396. package/lib-esm/Autocomplete/AutocompleteOverlay.d.ts +20 -0
  397. package/lib-esm/Autocomplete/AutocompleteOverlay.js +62 -0
  398. package/lib-esm/Autocomplete/index.d.ts +2 -0
  399. package/lib-esm/Autocomplete/index.js +1 -0
  400. package/lib-esm/Avatar.d.ts +15 -0
  401. package/lib-esm/Avatar.js +9 -16
  402. package/lib-esm/AvatarPair.d.ts +8 -0
  403. package/lib-esm/AvatarPair.js +9 -14
  404. package/lib-esm/AvatarStack.d.ts +8 -0
  405. package/lib-esm/AvatarStack.js +15 -23
  406. package/lib-esm/BaseStyles.d.ts +14 -0
  407. package/lib-esm/BaseStyles.js +23 -26
  408. package/lib-esm/BorderBox.d.ts +7 -0
  409. package/lib-esm/BorderBox.js +6 -12
  410. package/lib-esm/Box.d.ts +6 -0
  411. package/lib-esm/Box.js +2 -13
  412. package/lib-esm/BranchName.d.ts +6 -0
  413. package/lib-esm/BranchName.js +1 -12
  414. package/lib-esm/Breadcrumbs.d.ts +40 -0
  415. package/lib-esm/{Breadcrumb.js → Breadcrumbs.js} +38 -43
  416. package/lib-esm/Button/Button.d.ts +284 -0
  417. package/lib-esm/Button/Button.js +4 -11
  418. package/lib-esm/Button/ButtonBase.d.ts +12 -0
  419. package/lib-esm/Button/ButtonBase.js +3 -18
  420. package/lib-esm/Button/ButtonClose.d.ts +321 -0
  421. package/lib-esm/Button/ButtonClose.js +5 -17
  422. package/lib-esm/Button/ButtonDanger.d.ts +284 -0
  423. package/lib-esm/Button/ButtonDanger.js +3 -10
  424. package/lib-esm/Button/ButtonGroup.d.ts +4 -0
  425. package/lib-esm/Button/ButtonGroup.js +3 -8
  426. package/lib-esm/Button/ButtonInvisible.d.ts +284 -0
  427. package/lib-esm/Button/ButtonInvisible.js +4 -11
  428. package/lib-esm/Button/ButtonOutline.d.ts +284 -0
  429. package/lib-esm/Button/ButtonOutline.js +3 -10
  430. package/lib-esm/Button/ButtonPrimary.d.ts +284 -0
  431. package/lib-esm/Button/ButtonPrimary.js +4 -11
  432. package/lib-esm/Button/ButtonStyles.d.ts +2 -0
  433. package/lib-esm/Button/ButtonTableList.d.ts +6 -0
  434. package/lib-esm/Button/ButtonTableList.js +3 -15
  435. package/lib-esm/Button/index.d.ts +16 -0
  436. package/lib-esm/Button/index.js +1 -2
  437. package/lib-esm/Caret.d.ts +21 -0
  438. package/lib-esm/Caret.js +24 -30
  439. package/lib-esm/CircleBadge.d.ts +25 -0
  440. package/lib-esm/CircleBadge.js +14 -38
  441. package/lib-esm/CircleOcticon.d.ts +391 -0
  442. package/lib-esm/CircleOcticon.js +9 -16
  443. package/lib-esm/CounterLabel.d.ts +8 -0
  444. package/lib-esm/CounterLabel.js +3 -15
  445. package/lib-esm/Details.d.ts +6 -0
  446. package/lib-esm/Details.js +1 -8
  447. package/lib-esm/Dialog/ConfirmationDialog.d.ts +44 -0
  448. package/lib-esm/Dialog/ConfirmationDialog.js +169 -0
  449. package/lib-esm/Dialog/Dialog.d.ts +167 -0
  450. package/lib-esm/Dialog/Dialog.js +274 -0
  451. package/lib-esm/Dialog.d.ts +406 -0
  452. package/lib-esm/Dialog.js +31 -46
  453. package/lib-esm/Dropdown.d.ts +1262 -0
  454. package/lib-esm/Dropdown.js +37 -57
  455. package/lib-esm/DropdownMenu/DropdownButton.d.ts +323 -0
  456. package/lib-esm/DropdownMenu/DropdownButton.js +16 -0
  457. package/lib-esm/DropdownMenu/DropdownMenu.d.ts +43 -0
  458. package/lib-esm/DropdownMenu/DropdownMenu.js +77 -0
  459. package/lib-esm/DropdownMenu/index.d.ts +4 -0
  460. package/lib-esm/DropdownMenu/index.js +2 -0
  461. package/lib-esm/DropdownStyles.d.ts +3 -0
  462. package/lib-esm/DropdownStyles.js +6 -6
  463. package/lib-esm/FilterList.d.ts +321 -0
  464. package/lib-esm/FilterList.js +27 -50
  465. package/lib-esm/FilteredActionList/FilteredActionList.d.ts +16 -0
  466. package/lib-esm/FilteredActionList/FilteredActionList.js +109 -0
  467. package/lib-esm/FilteredActionList/index.d.ts +2 -0
  468. package/lib-esm/FilteredActionList/index.js +1 -0
  469. package/lib-esm/FilteredSearch.d.ts +6 -0
  470. package/lib-esm/FilteredSearch.js +3 -10
  471. package/lib-esm/Flash.d.ts +9 -0
  472. package/lib-esm/Flash.js +35 -12
  473. package/lib-esm/Flex.d.ts +7 -0
  474. package/lib-esm/Flex.js +4 -4
  475. package/lib-esm/FormGroup.d.ts +12 -0
  476. package/lib-esm/FormGroup.js +8 -23
  477. package/lib-esm/Grid.d.ts +7 -0
  478. package/lib-esm/Grid.js +5 -7
  479. package/lib-esm/Header.d.ts +24 -0
  480. package/lib-esm/Header.js +23 -45
  481. package/lib-esm/Heading.d.ts +6 -0
  482. package/lib-esm/Heading.js +0 -6
  483. package/lib-esm/Label.d.ts +11 -0
  484. package/lib-esm/Label.js +3 -14
  485. package/lib-esm/LabelGroup.d.ts +6 -0
  486. package/lib-esm/LabelGroup.js +0 -7
  487. package/lib-esm/Link.d.ts +10 -0
  488. package/lib-esm/Link.js +4 -33
  489. package/lib-esm/Overlay.d.ts +63 -0
  490. package/lib-esm/Overlay.js +160 -0
  491. package/lib-esm/Pagehead.d.ts +6 -0
  492. package/lib-esm/Pagehead.js +1 -11
  493. package/lib-esm/Pagination/Pagination.d.ts +24 -0
  494. package/lib-esm/Pagination/Pagination.js +15 -28
  495. package/lib-esm/Pagination/index.d.ts +3 -0
  496. package/lib-esm/Pagination/model.d.ts +26 -0
  497. package/lib-esm/Pagination/model.js +1 -1
  498. package/lib-esm/PointerBox.d.ts +11 -0
  499. package/lib-esm/PointerBox.js +4 -11
  500. package/lib-esm/Popover.d.ts +21 -0
  501. package/lib-esm/Popover.js +13 -35
  502. package/lib-esm/Portal/Portal.d.ts +25 -0
  503. package/lib-esm/Portal/Portal.js +82 -0
  504. package/lib-esm/Portal/index.d.ts +4 -0
  505. package/lib-esm/Portal/index.js +3 -0
  506. package/lib-esm/Position.d.ts +34 -0
  507. package/lib-esm/Position.js +52 -29
  508. package/lib-esm/ProgressBar.d.ts +21 -0
  509. package/lib-esm/ProgressBar.js +9 -21
  510. package/lib-esm/SelectMenu/SelectMenu.d.ts +1832 -0
  511. package/lib-esm/SelectMenu/SelectMenu.js +28 -38
  512. package/lib-esm/SelectMenu/SelectMenuContext.d.ts +8 -0
  513. package/lib-esm/SelectMenu/SelectMenuContext.js +1 -1
  514. package/lib-esm/SelectMenu/SelectMenuDivider.d.ts +6 -0
  515. package/lib-esm/SelectMenu/SelectMenuDivider.js +2 -9
  516. package/lib-esm/SelectMenu/SelectMenuFilter.d.ts +9 -0
  517. package/lib-esm/SelectMenu/SelectMenuFilter.js +12 -18
  518. package/lib-esm/SelectMenu/SelectMenuFooter.d.ts +6 -0
  519. package/lib-esm/SelectMenu/SelectMenuFooter.js +2 -9
  520. package/lib-esm/SelectMenu/SelectMenuHeader.d.ts +11 -0
  521. package/lib-esm/SelectMenu/SelectMenuHeader.js +7 -18
  522. package/lib-esm/SelectMenu/SelectMenuItem.d.ts +15 -0
  523. package/lib-esm/SelectMenu/SelectMenuItem.js +9 -15
  524. package/lib-esm/SelectMenu/SelectMenuList.d.ts +6 -0
  525. package/lib-esm/SelectMenu/SelectMenuList.js +2 -9
  526. package/lib-esm/SelectMenu/SelectMenuLoadingAnimation.d.ts +7 -0
  527. package/lib-esm/SelectMenu/SelectMenuLoadingAnimation.js +6 -13
  528. package/lib-esm/SelectMenu/SelectMenuModal.d.ts +15 -0
  529. package/lib-esm/SelectMenu/SelectMenuModal.js +9 -19
  530. package/lib-esm/SelectMenu/SelectMenuTab.d.ts +14 -0
  531. package/lib-esm/SelectMenu/SelectMenuTab.js +12 -20
  532. package/lib-esm/SelectMenu/SelectMenuTabPanel.d.ts +13 -0
  533. package/lib-esm/SelectMenu/SelectMenuTabPanel.js +9 -19
  534. package/lib-esm/SelectMenu/SelectMenuTabs.d.ts +11 -0
  535. package/lib-esm/SelectMenu/SelectMenuTabs.js +7 -14
  536. package/lib-esm/SelectMenu/hooks/useKeyboardNav.d.ts +2 -0
  537. package/lib-esm/SelectMenu/hooks/useKeyboardNav.js +2 -0
  538. package/lib-esm/SelectMenu/index.d.ts +2 -0
  539. package/lib-esm/SelectMenu/index.js +1 -2
  540. package/lib-esm/SelectPanel/SelectPanel.d.ts +25 -0
  541. package/lib-esm/SelectPanel/SelectPanel.js +127 -0
  542. package/lib-esm/SelectPanel/index.d.ts +2 -0
  543. package/lib-esm/SelectPanel/index.js +1 -0
  544. package/lib-esm/SideNav.d.ts +31 -0
  545. package/lib-esm/SideNav.js +25 -33
  546. package/lib-esm/Spinner.d.ts +17 -0
  547. package/lib-esm/Spinner.js +46 -0
  548. package/lib-esm/StateLabel.d.ts +16 -0
  549. package/lib-esm/StateLabel.js +44 -18
  550. package/lib-esm/StyledOcticon.d.ts +12 -0
  551. package/lib-esm/StyledOcticon.js +5 -20
  552. package/lib-esm/SubNav.d.ts +32 -0
  553. package/lib-esm/SubNav.js +26 -45
  554. package/lib-esm/TabNav.d.ts +20 -0
  555. package/lib-esm/TabNav.js +22 -45
  556. package/lib-esm/Text.d.ts +6 -0
  557. package/lib-esm/Text.js +0 -10
  558. package/lib-esm/TextInput.d.ts +14 -0
  559. package/lib-esm/TextInput.js +25 -63
  560. package/lib-esm/TextInputWithTokens.d.ts +327 -0
  561. package/lib-esm/TextInputWithTokens.js +291 -0
  562. package/lib-esm/ThemeProvider.d.ts +26 -0
  563. package/lib-esm/ThemeProvider.js +161 -0
  564. package/lib-esm/Timeline.d.ts +407 -0
  565. package/lib-esm/Timeline.js +41 -89
  566. package/lib-esm/Token/AvatarToken.d.ts +7 -0
  567. package/lib-esm/Token/AvatarToken.js +43 -0
  568. package/lib-esm/Token/IssueLabelToken.d.ts +14 -0
  569. package/lib-esm/Token/IssueLabelToken.js +124 -0
  570. package/lib-esm/Token/Token.d.ts +15 -0
  571. package/lib-esm/Token/Token.js +84 -0
  572. package/lib-esm/Token/TokenBase.d.ts +31 -0
  573. package/lib-esm/Token/TokenBase.js +83 -0
  574. package/lib-esm/Token/_RemoveTokenButton.d.ts +12 -0
  575. package/lib-esm/Token/_RemoveTokenButton.js +69 -0
  576. package/lib-esm/Token/_TokenTextContainer.d.ts +3 -0
  577. package/lib-esm/Token/_TokenTextContainer.js +6 -0
  578. package/lib-esm/Token/index.d.ts +3 -0
  579. package/lib-esm/Token/index.js +3 -0
  580. package/lib-esm/Tooltip.d.ts +18 -0
  581. package/lib-esm/Tooltip.js +10 -27
  582. package/lib-esm/Truncate.d.ts +11 -0
  583. package/lib-esm/Truncate.js +2 -14
  584. package/lib-esm/UnderlineNav.d.ts +25 -0
  585. package/lib-esm/UnderlineNav.js +19 -40
  586. package/lib-esm/_TextInputWrapper.d.ts +10 -0
  587. package/lib-esm/_TextInputWrapper.js +31 -0
  588. package/lib-esm/_UnstyledTextInput.d.ts +2 -0
  589. package/lib-esm/_UnstyledTextInput.js +7 -0
  590. package/lib-esm/behaviors/anchoredPosition.d.ts +89 -0
  591. package/lib-esm/behaviors/anchoredPosition.js +309 -0
  592. package/lib-esm/behaviors/focusTrap.d.ts +12 -0
  593. package/lib-esm/behaviors/focusTrap.js +170 -0
  594. package/lib-esm/behaviors/focusZone.d.ts +137 -0
  595. package/lib-esm/behaviors/focusZone.js +560 -0
  596. package/lib-esm/behaviors/scrollIntoViewingArea.d.ts +1 -0
  597. package/lib-esm/behaviors/scrollIntoViewingArea.js +30 -0
  598. package/lib-esm/constants.d.ts +20 -0
  599. package/lib-esm/constants.js +9 -24
  600. package/lib-esm/experiments.d.ts +1 -0
  601. package/lib-esm/experiments.js +2 -0
  602. package/lib-esm/hooks/index.d.ts +11 -0
  603. package/lib-esm/hooks/index.js +7 -0
  604. package/lib-esm/hooks/useAnchoredPosition.d.ts +20 -0
  605. package/lib-esm/hooks/useAnchoredPosition.js +34 -0
  606. package/lib-esm/hooks/useCombinedRefs.d.ts +10 -0
  607. package/lib-esm/hooks/useCombinedRefs.js +36 -0
  608. package/lib-esm/hooks/useDetails.d.ts +17 -0
  609. package/lib-esm/hooks/useDetails.js +10 -3
  610. package/lib-esm/hooks/useDialog.d.ts +16 -0
  611. package/lib-esm/hooks/useDialog.js +21 -6
  612. package/lib-esm/hooks/useFocusTrap.d.ts +32 -0
  613. package/lib-esm/hooks/useFocusTrap.js +54 -0
  614. package/lib-esm/hooks/useFocusZone.d.ts +23 -0
  615. package/lib-esm/hooks/useFocusZone.js +37 -0
  616. package/lib-esm/hooks/useOnEscapePress.d.ts +23 -0
  617. package/lib-esm/hooks/useOnEscapePress.js +59 -0
  618. package/lib-esm/hooks/useOnOutsideClick.d.ts +8 -0
  619. package/lib-esm/hooks/useOnOutsideClick.js +79 -0
  620. package/lib-esm/hooks/useOpenAndCloseFocus.d.ts +8 -0
  621. package/lib-esm/hooks/useOpenAndCloseFocus.js +27 -0
  622. package/lib-esm/hooks/useOverlay.d.ts +15 -0
  623. package/lib-esm/hooks/useOverlay.js +30 -0
  624. package/lib-esm/hooks/useProvidedRefOrCreate.d.ts +10 -0
  625. package/lib-esm/hooks/useProvidedRefOrCreate.js +14 -0
  626. package/lib-esm/hooks/useProvidedStateOrCreate.d.ts +10 -0
  627. package/lib-esm/hooks/useProvidedStateOrCreate.js +20 -0
  628. package/lib-esm/hooks/useRenderForcingRef.d.ts +8 -0
  629. package/lib-esm/hooks/useRenderForcingRef.js +18 -0
  630. package/lib-esm/hooks/useResizeObserver.d.ts +1 -0
  631. package/lib-esm/hooks/useResizeObserver.js +10 -0
  632. package/lib-esm/hooks/useSafeTimeout.d.ts +12 -0
  633. package/lib-esm/hooks/useSafeTimeout.js +31 -0
  634. package/lib-esm/hooks/useScrollFlash.d.ts +6 -0
  635. package/lib-esm/hooks/useScrollFlash.js +22 -0
  636. package/lib-esm/index.d.ts +116 -0
  637. package/lib-esm/index.js +27 -7
  638. package/lib-esm/polyfills/eventListenerSignal.d.ts +6 -0
  639. package/lib-esm/polyfills/eventListenerSignal.js +57 -0
  640. package/lib-esm/sx.d.ts +14 -0
  641. package/lib-esm/sx.js +3 -5
  642. package/lib-esm/theme-preval.d.ts +49 -0
  643. package/lib-esm/theme-preval.js +2976 -360
  644. package/lib-esm/theme.d.ts +80 -0
  645. package/lib-esm/theme.js +3 -8
  646. package/lib-esm/utils/create-slots.d.ts +17 -0
  647. package/lib-esm/utils/create-slots.js +84 -0
  648. package/lib-esm/utils/deprecate.d.ts +18 -0
  649. package/lib-esm/utils/deprecate.js +6 -5
  650. package/lib-esm/utils/isNumeric.d.ts +1 -0
  651. package/lib-esm/utils/isNumeric.js +1 -0
  652. package/lib-esm/utils/iterateFocusableElements.d.ts +42 -0
  653. package/lib-esm/utils/iterateFocusableElements.js +102 -0
  654. package/lib-esm/utils/ssr.d.ts +1 -0
  655. package/lib-esm/utils/ssr.js +1 -0
  656. package/lib-esm/utils/test-deprecations.d.ts +1 -0
  657. package/lib-esm/utils/test-deprecations.js +1 -1
  658. package/lib-esm/utils/{types.js → test-helpers.d.ts} +0 -0
  659. package/lib-esm/utils/test-helpers.js +7 -0
  660. package/lib-esm/utils/test-matchers.d.ts +1 -0
  661. package/lib-esm/utils/test-matchers.js +7 -49
  662. package/lib-esm/utils/testing.d.ts +598 -0
  663. package/lib-esm/utils/testing.js +36 -46
  664. package/lib-esm/utils/theme.d.ts +9 -0
  665. package/lib-esm/utils/theme.js +66 -0
  666. package/lib-esm/utils/types/AriaRole.d.ts +1 -0
  667. package/lib-esm/utils/types/AriaRole.js +1 -0
  668. package/lib-esm/utils/types/ComponentProps.d.ts +9 -0
  669. package/lib-esm/utils/types/ComponentProps.js +1 -0
  670. package/lib-esm/utils/types/Flatten.d.ts +4 -0
  671. package/lib-esm/utils/types/Flatten.js +1 -0
  672. package/lib-esm/utils/types/KeyPaths.d.ts +3 -0
  673. package/lib-esm/utils/types/KeyPaths.js +1 -0
  674. package/lib-esm/utils/types/MandateProps.d.ts +3 -0
  675. package/lib-esm/utils/types/MandateProps.js +1 -0
  676. package/lib-esm/utils/types/Merge.d.ts +19 -0
  677. package/lib-esm/utils/types/Merge.js +1 -0
  678. package/lib-esm/utils/types/index.d.ts +5 -0
  679. package/lib-esm/utils/types/index.js +5 -0
  680. package/lib-esm/utils/uniqueId.d.ts +1 -0
  681. package/lib-esm/utils/uniqueId.js +5 -0
  682. package/lib-esm/utils/use-force-update.d.ts +1 -0
  683. package/lib-esm/utils/use-force-update.js +6 -0
  684. package/lib-esm/utils/userAgent.d.ts +1 -0
  685. package/lib-esm/utils/userAgent.js +8 -0
  686. package/package.json +116 -87
  687. package/index.d.ts +0 -828
  688. package/lib/hooks/useMouseIntent.js +0 -58
  689. package/lib-esm/hooks/useMouseIntent.js +0 -50
package/CHANGELOG.md CHANGED
@@ -1,35 +1,872 @@
1
1
  # @primer/components
2
2
 
3
- ## 0.0.0-20210300330
3
+ ## 0.0.0-2021101010546
4
+
5
+ ### Minor Changes
6
+
7
+ - [#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.
8
+
9
+ * [#1517](https://github.com/primer/react/pull/1517) [`19b430bb`](https://github.com/primer/react/commit/19b430bb48fcce76fc623378055a38392ef5d778) Thanks [@siddharthkp](https://github.com/siddharthkp)! - Add experimental `ActionList` with composable API
10
+
11
+ ### Patch Changes
12
+
13
+ - Fake entry to force publishing
14
+
15
+ * [#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
16
+
17
+ ## 31.1.0
18
+
19
+ ### Minor Changes
20
+
21
+ - [#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
22
+
23
+ ### Patch Changes
24
+
25
+ - [#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
26
+
27
+ * [#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
28
+
29
+ ## 31.0.1
30
+
31
+ ### Patch Changes
32
+
33
+ - [#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.
34
+
35
+ ## 31.0.0
36
+
37
+ ### Major Changes
38
+
39
+ - [#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)
40
+
41
+ **Note:** Install [`eslint-plugin-primer-react`](https://primer.style/react/linting) to ensure that you're not using any deprecated or removed color variables.
42
+
43
+ ### Patch Changes
44
+
45
+ - [#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
46
+
47
+ ## 30.3.0
48
+
49
+ ### Minor Changes
50
+
51
+ - [#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
52
+
53
+ * [#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
54
+
55
+ - [#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
56
+
57
+ ## 30.2.1
58
+
59
+ ### Patch Changes
60
+
61
+ - [#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)
62
+
63
+ ## 30.2.0
64
+
65
+ ### Minor Changes
66
+
67
+ - [#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
68
+
69
+ ## 30.1.0
70
+
71
+ ### Minor Changes
72
+
73
+ - [#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
74
+
75
+ ### Patch Changes
76
+
77
+ - [#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.
78
+
79
+ ## 30.0.0
80
+
81
+ ### Major Changes
82
+
83
+ - [#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.
84
+
85
+ * [#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
86
+
87
+ ### Minor Changes
88
+
89
+ - [#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
90
+
91
+ ### Patch Changes
92
+
93
+ - [#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`
94
+
95
+ * [#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
96
+
97
+ ## 29.1.1
98
+
99
+ ### Patch Changes
100
+
101
+ - [#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
102
+
103
+ * [#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
104
+
105
+ ## 29.1.0
106
+
107
+ ### Minor Changes
108
+
109
+ - [#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
110
+
111
+ * [#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.
112
+
113
+ **Tip:** Install [`eslint-plugin-primer-react`](https://primer.style/react/linting) to ensure that you're not using any deprecated color variables.
114
+
115
+ ## 29.0.0
116
+
117
+ ### Major Changes
118
+
119
+ - [#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.
120
+
121
+ ### Minor Changes
122
+
123
+ - [#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.
124
+
125
+ ### Patch Changes
126
+
127
+ - [#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
128
+
129
+ * [#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
130
+
131
+ ## 28.5.0
132
+
133
+ ### Minor Changes
134
+
135
+ - [#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
136
+
137
+ * [#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
138
+
139
+ - [#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.
140
+
141
+ ## 28.4.0
142
+
143
+ ### Minor Changes
144
+
145
+ - [#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
146
+
147
+ ### Patch Changes
148
+
149
+ - [#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.
150
+
151
+ * [#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
152
+
153
+ - [#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
154
+
155
+ ## 28.3.2
156
+
157
+ ### Patch Changes
158
+
159
+ - [#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
160
+
161
+ ## 28.3.1
162
+
163
+ ### Patch Changes
164
+
165
+ - [#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
166
+
167
+ ## 28.3.0
168
+
169
+ ### Minor Changes
170
+
171
+ - [#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/).
172
+
173
+ * [#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:
174
+
175
+ | Component | Replacement |
176
+ | ----------- | ------------------------------------------------------------------------------------------- |
177
+ | `Flex` | `<Box display="flex">` |
178
+ | `Grid` | `<Box display="grid">` |
179
+ | `Position` | `<Box>` |
180
+ | `Absolute` | `<Box position="absolute">` |
181
+ | `Fixed` | `<Box position="fixed">` |
182
+ | `Relative` | `<Box position="relative">` |
183
+ | `Sticky` | `<Box position="sticky">` |
184
+ | `BorderBox` | `<Box borderWidth="1px" borderStyle="solid" borderColor="border.primary" borderRadius={2}>` |
185
+
186
+ There is a codemod available to upgrade these components:
187
+
188
+ - TypeScript example:
189
+
190
+ ```shell
191
+ npx jscodeshift -t node_modules/@primer/react/codemods/deprecateUtilityComponents.js
192
+ --parser=tsx path/to/workspace/src/*.tsx
193
+ ```
194
+
195
+ - Babel example:
196
+
197
+ ```shell
198
+ npx jscodeshift -t node_modules/@primer/react/codemods/deprecateUtilityComponents.js
199
+ --parser=babel path/to/workspace/src/*.tsx
200
+ ```
201
+
202
+ - [#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:
203
+
204
+ ```diff
205
+ - <Button mr={2}>...</Button>
206
+ + <Button sx={{mr: 2}}>...</Button>
207
+ ```
208
+
209
+ There is a codemod available to migrate from system props to the `sx` prop:
210
+
211
+ - TypeScript example:
212
+
213
+ ```shell
214
+ npx jscodeshift -t node_modules/@primer/react/codemods/removeSystemProps.js
215
+ --parser=tsx path/to/workspace/src/*.tsx
216
+ ```
217
+
218
+ - Babel example:
219
+
220
+ ```shell
221
+ npx jscodeshift -t node_modules/@primer/react/codemods/removeSystemProps.js
222
+ --parser=babel path/to/workspace/src/*.tsx
223
+ ```
224
+
225
+ ### Patch Changes
226
+
227
+ - [#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
228
+
229
+ * [#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.
230
+
231
+ ## 28.2.5
232
+
233
+ ### Patch Changes
234
+
235
+ - [#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'
236
+
237
+ * [#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
238
+
239
+ - [#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.
240
+
241
+ * [#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.
242
+
243
+ ## 28.2.4
244
+
245
+ ### Patch Changes
246
+
247
+ - [#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.
248
+
249
+ * [#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
250
+
251
+ - [#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
252
+
253
+ * [#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`.
254
+
255
+ - [#1292](https://github.com/primer/react/pull/1292) [`4b643818`](https://github.com/primer/react/commit/4b64381872eac9df00c53186782a370b0d6da638) Thanks [@dgreif](https://github.com/dgreif)! - Bump dependencies
256
+
257
+ * [#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
258
+
259
+ ## 28.2.3
260
+
261
+ ### Patch Changes
262
+
263
+ - [`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.
264
+
265
+ ## 28.2.2
266
+
267
+ ### Patch Changes
268
+
269
+ - [`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.
270
+
271
+ * [`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
272
+
273
+ - [`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.
274
+
275
+ ## 28.2.1
276
+
277
+ ### Patch Changes
278
+
279
+ - [`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.
280
+
281
+ * [`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'
282
+
283
+ ## 28.2.0
284
+
285
+ ### Minor Changes
286
+
287
+ - [`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.
288
+
289
+ ### Patch Changes
290
+
291
+ - [`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`
292
+
293
+ * [`02e86095`](https://github.com/primer/react/commit/02e86095e6775f42c150c362e5281f0ffc332212) Thanks [@dgreif](https://github.com/dgreif)! - Allow `filterValue` to be provided to `SelectPanel`
294
+
295
+ - [`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`
296
+
297
+ * [`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
298
+
299
+ - [`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
300
+
301
+ * [`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
302
+
303
+ ## 28.1.1
304
+
305
+ ### Patch Changes
306
+
307
+ - [`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
308
+
309
+ * [`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
310
+
311
+ - [`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`
312
+
313
+ * [`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`
314
+
315
+ ## 28.1.0
316
+
317
+ ### Minor Changes
318
+
319
+ - [`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
320
+
321
+ ### Patch Changes
322
+
323
+ - [`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
324
+
325
+ * [`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.
326
+
327
+ - [`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.
328
+
329
+ ## 28.0.4
330
+
331
+ ### Patch Changes
332
+
333
+ - [`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.
334
+
335
+ * [`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`
336
+
337
+ - [`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
338
+
339
+ ## 28.0.3
340
+
341
+ ### Patch Changes
342
+
343
+ - [`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
344
+
345
+ * [`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`
346
+
347
+ - [`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
348
+
349
+ * [`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`
350
+
351
+ - [`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
352
+
353
+ * [`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
354
+
355
+ - [`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
356
+
357
+ * [`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.
358
+
359
+ ## 28.0.2
360
+
361
+ ### Patch Changes
362
+
363
+ - [`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
364
+ Allow ActionList Items to supply an `id` instead of `key`
365
+ Performance imporvements when ActionList is not given any groups
366
+ Enable focus zone as soon as AnchoredOverlay opens
367
+
368
+ * [`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`.
369
+
370
+ - [`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.
371
+
372
+ * [`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
373
+
374
+ - [`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.
375
+
376
+ * [`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.
377
+
378
+ - [`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
379
+
380
+ * [`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.
381
+
382
+ - [`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
383
+
384
+ ## 28.0.1
385
+
386
+ ### Patch Changes
387
+
388
+ - [`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
389
+
390
+ * [`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`
391
+
392
+ ## 28.0.0
393
+
394
+ ### Major Changes
395
+
396
+ - [`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.
397
+
398
+ ### Patch Changes
399
+
400
+ - [`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
401
+
402
+ ## 27.0.0
403
+
404
+ ### Major Changes
405
+
406
+ - [`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).
407
+
408
+ ### Breaking changes
409
+
410
+ - The following types are no longer exported:
411
+
412
+ ```
413
+ BaseProps
414
+ UseDetailsProps
415
+ AnchoredPositionHookSettings
416
+ AnchorAlignment
417
+ AnchorSide
418
+ PositionSettings
419
+ PaginationHrefBuilder
420
+ PaginationPageChangeCallback
421
+ PositionComponentProps
422
+ ```
423
+
424
+ - 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:
425
+
426
+ ```diff
427
+ import {BoxProps} from '@primer/react'
428
+
429
+ - interface MyFancyBox extends BoxProps {...}
430
+ + type MyFancyBox = BoxProps & {...}
431
+ ```
432
+
433
+ - Some components now expect more specific ref types. For example:
434
+
435
+ ```diff
436
+ - const ref = React.useRef<HTMLElement>(null)
437
+ + const ref = React.useRef<HTMLButtonElement>(null)
438
+
439
+ return <Button ref={ref}>...</Button>
440
+ ```
441
+
442
+ ## 26.0.0
443
+
444
+ ### Major Changes
445
+
446
+ - [`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.
447
+
448
+ ## Migration guide
449
+
450
+ 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.
451
+
452
+ If you have any questions, feel free to reach out in the #design-systems channel.
453
+
454
+ #### Text
455
+
456
+ | `v25` | `v26` |
457
+ | ------------------------ | ------------------------ |
458
+ | `color="text.gray"` | `color="text.secondary"` |
459
+ | `color="text.grayLight"` | `color="text.tertiary"` |
460
+ | `color="text.grayDark"` | `color="text.primary"` |
461
+ | `color="text.red"` | `color="text.danger"` |
462
+ | `color="text.white"` | `color="text.inverse"` |
463
+ | `color="gray.6"` | `color="text.secondary"` |
464
+ | `color="gray.5"` | `color="text.tertiary"` |
465
+ | `color="gray.9"` | `color="text.primary"` |
466
+ | `color="red.6"` | `color="text.danger"` |
467
+ | `color="white"` | `color="text.inverse"` |
468
+ | `color="blue.5"` | `color="text.link"` |
469
+ | `color="gray.4"` | `color="text.disabled"` |
470
+ | `color="green.5"` | `color="text.success"` |
471
+ | `color="yellow.8"` | `color="text.warning"` |
472
+
473
+ #### Icon
474
+
475
+ | `v25` | `v25` |
476
+ | ------------------ | ------------------------ |
477
+ | `color="gray.9"` | `color="icon.primary"` |
478
+ | `color="gray.6"` | `color="icon.secondary"` |
479
+ | `color="gray.4"` | `color="icon.tertiary"` |
480
+ | `color="blue.5"` | `color="icon.info"` |
481
+ | `color="red.5"` | `color="icon.danger"` |
482
+ | `color="green.6"` | `color="icon.success"` |
483
+ | `color="yellow.8"` | `color="icon.warning"` |
484
+
485
+ #### Border
486
+
487
+ | `v25` | `v26` |
488
+ | --------------------------------- | ------------------------------- |
489
+ | `borderColor="border.blue"` | `borderColor="border.info"` |
490
+ | `borderColor="border.blueLight"` | n/a |
491
+ | `borderColor="border.grayLight"` | `borderColor="border.primary"` |
492
+ | `borderColor="border.grayDark"` | `borderColor="border.tertiary"` |
493
+ | `borderColor="border.grayDarker"` | n/a |
494
+ | `borderColor="border.green"` | `borderColor="border.success"` |
495
+ | `borderColor="border.greenLight"` | n/a |
496
+ | `borderColor="border.purple"` | n/a |
497
+ | `borderColor="border.red"` | `borderColor="border.danger"` |
498
+ | `borderColor="border.redLight"` | n/a |
499
+ | `borderColor="border.white"` | `borderColor="border.inverse"` |
500
+ | `borderColor="border.whiteFace"` | n/a |
501
+ | `borderColor="border.yellow"` | `borderColor="border.warning"` |
502
+ | `borderColor="border.blackFade"` | `borderColor="fade.fg15"` |
503
+ | `borderColor="border.whiteFade"` | `borderCOlor="fade.white15"` |
504
+ | `borderColor="blue.5"` | `borderColor="border.info"` |
505
+ | `borderColor="gray.2"` | `borderColor="border.primary"` |
506
+ | `borderColor="gray.3"` | `borderColor="border.tertiary"` |
507
+ | `borderColor="green.4"` | `borderColor="border.success"` |
508
+ | `borderColor="red.5"` | `borderColor="border.danger"` |
509
+ | `borderColor="white"` | `borderColor="border.inverse"` |
510
+
511
+ #### Background
512
+
513
+ | `v25` | `v26` |
514
+ | ------------------- | ------------------------ |
515
+ | `bg="white"` | `bg="bg.primary"` |
516
+ | `bg="bg.grayLight"` | `bg="bg.secondary"` |
517
+ | `bg="bg.gray"` | `bg="bg.tertiary"` |
518
+ | `bg="bg.grayDark"` | `bg="bg.canvasInverse"` |
519
+ | `bg="blue.0"` | `bg="bg.info"` |
520
+ | `bg="blue.5"` | `bg="bg.infoInverse"` |
521
+ | `bg="red.0"` | `bg="bg.danger"` |
522
+ | `bg="red.5"` | `bg="bg.dangerInverse"` |
523
+ | `bg="green.1"` | `bg="bg.success"` |
524
+ | `bg="green.5"` | `bg="bg.successInverse"` |
525
+
526
+ #### Labels
527
+
528
+ _Note the change in pluralization from 'labels' to 'label'._
529
+
530
+ | `v25` | `v26` |
531
+ | ----------------------------- | ------------------------------------- |
532
+ | `color="labels.grayDarkText"` | `color="label.primary.text` |
533
+ | `borderColor="labels.gray"` | `borderColor="label.primary.border` |
534
+ | `color="labels.grayText"` | `color="label.secondary.text` |
535
+ | `borderColor="labels.gray"` | `borderColor="label.secondary.border` |
536
+ | `color="labels.blueText"` | `color="label.info.text` |
537
+ | `borderColor="labels.blue"` | `borderColor="label.info.border` |
538
+ | `color="labels.greenText"` | `color="label.success.text` |
539
+ | `borderColor="labels.green"` | `borderColor="label.success.border` |
540
+ | `color="labels.yellowText"` | `color="label.warning.text` |
541
+ | `borderColor="labels.yellow"` | `borderColor="label.warning.border` |
542
+ | `color="labels.redText"` | `color="label.danger.text` |
543
+ | `borderColor="labels.red"` | `borderColor="label.danger.border` |
544
+ | `color="labels.orangeText"` | `color="label.primary.text` |
545
+ | `borderColor="labels.orange"` | `borderColor="label.primary.text` |
546
+ | `color="labels.pinkText"` | n/a |
547
+ | `borderColor="labels.pink"` | n/a |
548
+ | `color="labels.purpleText"` | n/a |
549
+ | `borderColor="labels.purple"` | n/a |
550
+
551
+ #### Counters
552
+
553
+ | `v25` | `v26` |
554
+ | --------------------- | -------------------- |
555
+ | `scheme="gray"` | `scheme="primary"` |
556
+ | `scheme="gray-light"` | `scheme="secondary"` |
557
+
558
+ #### Timeline
559
+
560
+ | `v25` | `v26` |
561
+ | ----------------------------------------- | ----------------------------- |
562
+ | `bg="red.5"` | `bg="prState.closed.bg"` |
563
+ | `bg="green.5"` | `bg="prState.open.bg"` |
564
+ | `bg="purple.5"` | `bg="prState.merged.bg"` |
565
+ | `bg="gray.5"` | `bg="prState.draft.bg"` |
566
+ | `color="white"` (context: closed PR icon) | `color="prState.closed.text"` |
567
+ | `color="white"` (context: open PR icon) | `color="prState.open.text"` |
568
+ | `color="white"` (context: merged PR icon) | `color="prState.merged.text"` |
569
+ | `color="white"` (context: merged PR icon) | `color="prState.draft.text"` |
570
+
571
+ ## 25.0.0
572
+
573
+ ### Major Changes
574
+
575
+ - [`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! 🎉
576
+
577
+ See the new [Theming](https://primer.style/components/theming) documentation for more details.
578
+
579
+ #### Breaking changes
580
+
581
+ - You'll need to replace the `ThemeProvider` from `styled-components` with the new Primer React `ThemeProvider`:
582
+
583
+ ```diff
584
+ - import {ThemeProvider} from 'styled-components'
585
+ - import {theme} from '@primer/react
586
+ + import {ThemeProvider} from '@primer/react'
587
+
588
+ function App() {
589
+ return (
590
+ - <ThemeProvider theme={theme}>
591
+ + <ThemeProvider>
592
+ <div>your app here...</div>
593
+ </ThemeProvider>
594
+ )
595
+ }
596
+ ```
597
+
598
+ - The structure of the theme object has changed to support color schemes:
599
+
600
+ ```diff
601
+ const theme = {
602
+ - colors,
603
+ - shadows,
604
+ + colorSchemes: {
605
+ + light: {
606
+ + colors,
607
+ + shadows,
608
+ + },
609
+ + dark: {...},
610
+ + dark_dimmed: {...},
611
+ + },
612
+ space,
613
+ fonts,
614
+ fontSizes,
615
+ fontWeights,
616
+ lineHeights,
617
+ borderWidths,
618
+ radii,
619
+ breakpoints,
620
+ sizes,
621
+ }
622
+ ```
623
+
624
+ - The `theme.colors` and `theme.shadows` objects are no longer available from the `theme` export. Use the `useTheme`hook instead:
625
+
626
+ ```diff
627
+ - import {theme} from '@primer/react'
628
+ + import {useTheme} from '@primer/react'
629
+
630
+ function Example() {
631
+ + const {theme} = useTheme()
632
+ const myColor = theme.colors.text.primary
633
+ ...
634
+ }
635
+ ```
636
+
637
+ ### Patch Changes
638
+
639
+ - [`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`)
640
+
641
+ * [`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
642
+
643
+ ## 24.0.0
644
+
645
+ ### Major Changes
646
+
647
+ - [`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
648
+
649
+ * [`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:
650
+
651
+ ```jsx
652
+ import {ThemeProvider} from 'styled-components'
653
+ import {theme} from '@primer/react'
654
+
655
+ function App(props) {
656
+ return (
657
+ <div>
658
+ <ThemeProvider theme={theme}>
659
+ <div>your app here</div>
660
+ </ThemeProvider>
661
+ </div>
662
+ )
663
+ }
664
+ ```
665
+
666
+ ### Patch Changes
667
+
668
+ - [`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
669
+
670
+ * [`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
671
+
672
+ - [`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
673
+
674
+ * [`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
675
+
676
+ - [`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
677
+
678
+ * [`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
679
+
680
+ - [`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
681
+
682
+ * [`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
683
+
684
+ - [`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
685
+
686
+ * [`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
687
+
688
+ - [`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
689
+
690
+ * [`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
691
+
692
+ - [`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
693
+
694
+ * [`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
695
+
696
+ - [`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
697
+
698
+ * [`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
699
+
700
+ - [`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
701
+
702
+ * [`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
703
+
704
+ - [`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
705
+
706
+ * [`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
707
+
708
+ - [`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
709
+
710
+ * [`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
711
+
712
+ - [`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
713
+
714
+ * [`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
715
+
716
+ - [`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
717
+
718
+ * [`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
719
+
720
+ - [`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
721
+
722
+ * [`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
723
+
724
+ - [`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
725
+
726
+ * [`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
727
+
728
+ - [`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
729
+
730
+ * [`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
731
+
732
+ ## 23.2.1
733
+
734
+ ### Patch Changes
735
+
736
+ - [`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
737
+
738
+ ## 23.2.0
739
+
740
+ ### Minor Changes
741
+
742
+ - [`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
743
+
744
+ ### Patch Changes
745
+
746
+ - [`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
747
+
748
+ * [`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
749
+
750
+ - [`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
751
+
752
+ * [`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
753
+
754
+ - [`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
755
+
756
+ * [`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
757
+
758
+ - [`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
759
+
760
+ * [`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
761
+
762
+ ## 23.1.0
763
+
764
+ ### Minor Changes
765
+
766
+ - [`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
4
767
 
5
768
  ### Patch Changes
6
769
 
7
- - [`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
770
+ - [`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
771
+
772
+ * [`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
773
+
774
+ - [`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
775
+
776
+ * [`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.
777
+
778
+ - [`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
779
+
780
+ ## 23.0.4
781
+
782
+ ### Patch Changes
783
+
784
+ - [`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
785
+
786
+ * [`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
787
+
788
+ - [`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
789
+
790
+ * [`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
791
+
792
+ - [`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
793
+
794
+ * [`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
795
+
796
+ - [`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
797
+
798
+ * [`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
799
+
800
+ - [`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
801
+
802
+ * [`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
803
+
804
+ - [`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
805
+
806
+ * [`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
807
+
808
+ - [`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
809
+
810
+ * [`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
811
+
812
+ - [`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
813
+
814
+ * [`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
815
+
816
+ - [`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
817
+
818
+ ## 23.0.3
819
+
820
+ ### Patch Changes
821
+
822
+ - [`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
823
+
824
+ * [`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
825
+
826
+ - [`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
827
+
828
+ * [`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
829
+
830
+ - [`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
831
+
832
+ * [`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
833
+
834
+ - [`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
835
+
836
+ * [`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
837
+
838
+ - [`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
839
+
840
+ * [`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
841
+
842
+ - [`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
843
+
844
+ * [`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
8
845
 
9
- * Fake entry to force publishing
846
+ - [`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
10
847
 
11
848
  ## 23.0.2
12
849
 
13
850
  ### Patch Changes
14
851
 
15
- - [`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
852
+ - [`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
16
853
 
17
- * [`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
854
+ * [`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
18
855
 
19
- - [`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
856
+ - [`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
20
857
 
21
- * [`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
858
+ * [`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
22
859
 
23
- - [`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
860
+ - [`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
24
861
 
25
- * [`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
862
+ * [`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
26
863
 
27
- - [`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
864
+ - [`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
28
865
 
29
- * [`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
866
+ * [`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
30
867
 
31
- - [`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
868
+ - [`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
32
869
 
33
- * [`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
870
+ * [`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
34
871
 
35
- - [`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
872
+ - [`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