@primer/components 0.0.0-20219835928 → 0.0.0-2022530195733

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 (600) hide show
  1. package/CHANGELOG.md +105 -492
  2. package/README.md +16 -16
  3. package/codemods/lib/modifyProps.js +7 -9
  4. package/codemods/lib/prettify.js +1 -1
  5. package/codemods/lib/replaceImportSource.js +5 -5
  6. package/dist/browser.esm.js +889 -1279
  7. package/dist/browser.esm.js.map +1 -1
  8. package/dist/browser.umd.js +839 -1234
  9. package/dist/browser.umd.js.map +1 -1
  10. package/index.d.ts +940 -0
  11. package/lib/AvatarPair.js +5 -6
  12. package/lib/AvatarStack.js +10 -10
  13. package/lib/BaseStyles.js +19 -18
  14. package/lib/BorderBox.js +5 -4
  15. package/lib/Box.js +2 -2
  16. package/lib/BranchName.js +1 -1
  17. package/lib/{Breadcrumbs.js → Breadcrumb.js} +23 -33
  18. package/lib/Button/Button.js +3 -3
  19. package/lib/Button/ButtonClose.js +4 -4
  20. package/lib/Button/ButtonDanger.js +2 -2
  21. package/lib/Button/ButtonInvisible.js +3 -3
  22. package/lib/Button/ButtonOutline.js +2 -2
  23. package/lib/Button/ButtonPrimary.js +2 -2
  24. package/lib/Button/ButtonTableList.js +1 -1
  25. package/lib/CircleBadge.js +1 -1
  26. package/lib/CircleOcticon.js +7 -9
  27. package/lib/CounterLabel.js +2 -2
  28. package/lib/Dialog.js +14 -13
  29. package/lib/Dropdown.js +2 -2
  30. package/lib/DropdownStyles.js +6 -6
  31. package/lib/FilterList.js +1 -1
  32. package/lib/Flash.js +1 -1
  33. package/lib/Flex.js +0 -3
  34. package/lib/Grid.js +3 -4
  35. package/lib/Header.js +2 -3
  36. package/lib/Label.js +4 -4
  37. package/lib/Link.js +12 -1
  38. package/lib/Overlay.js +36 -126
  39. package/lib/Pagehead.js +1 -1
  40. package/lib/Pagination/Pagination.js +2 -3
  41. package/lib/Popover.js +3 -3
  42. package/lib/Portal/Portal.js +12 -20
  43. package/lib/Position.js +27 -46
  44. package/lib/ProgressBar.js +1 -1
  45. package/lib/SelectMenu/SelectMenu.js +4 -4
  46. package/lib/SelectMenu/SelectMenuContext.js +1 -1
  47. package/lib/SelectMenu/SelectMenuDivider.js +3 -3
  48. package/lib/SelectMenu/SelectMenuFilter.js +6 -6
  49. package/lib/SelectMenu/SelectMenuFooter.js +3 -3
  50. package/lib/SelectMenu/SelectMenuHeader.js +2 -2
  51. package/lib/SelectMenu/SelectMenuItem.js +4 -4
  52. package/lib/SelectMenu/SelectMenuList.js +3 -3
  53. package/lib/SelectMenu/SelectMenuLoadingAnimation.js +15 -4
  54. package/lib/SelectMenu/SelectMenuModal.js +7 -7
  55. package/lib/SelectMenu/SelectMenuTab.js +3 -3
  56. package/lib/SelectMenu/SelectMenuTabPanel.js +3 -3
  57. package/lib/SelectMenu/SelectMenuTabs.js +2 -2
  58. package/lib/SelectMenu/hooks/useKeyboardNav.js +0 -2
  59. package/lib/SideNav.js +12 -20
  60. package/lib/StateLabel.js +4 -4
  61. package/lib/SubNav.js +3 -5
  62. package/lib/TabNav.js +3 -3
  63. package/lib/TextInput.js +59 -22
  64. package/lib/ThemeProvider.js +15 -32
  65. package/lib/Timeline.js +29 -24
  66. package/lib/Tooltip.js +1 -2
  67. package/lib/UnderlineNav.js +2 -2
  68. package/lib/behaviors/anchoredPosition.js +9 -17
  69. package/lib/behaviors/focusTrap.js +14 -32
  70. package/lib/behaviors/focusZone.js +148 -218
  71. package/lib/constants.js +2 -3
  72. package/lib/hooks/index.js +1 -9
  73. package/lib/hooks/useAnchoredPosition.js +4 -11
  74. package/lib/hooks/useDialog.js +1 -1
  75. package/lib/hooks/useFocusTrap.js +8 -26
  76. package/lib/hooks/useFocusZone.js +7 -7
  77. package/lib/hooks/useMouseIntent.js +58 -0
  78. package/lib/hooks/useOnEscapePress.js +10 -53
  79. package/lib/hooks/useOnOutsideClick.js +35 -62
  80. package/lib/hooks/useOpenAndCloseFocus.js +3 -8
  81. package/lib/hooks/useOverlay.js +19 -9
  82. package/lib/hooks/useSafeTimeout.js +0 -1
  83. package/lib/index.js +12 -112
  84. package/lib/polyfills/eventListenerSignal.js +1 -6
  85. package/lib/stories/Button.stories.js +114 -0
  86. package/lib/stories/Overlay.stories.js +102 -0
  87. package/lib/stories/Portal.stories.js +108 -0
  88. package/lib/stories/ThemeProvider.stories.js +95 -0
  89. package/lib/stories/useAnchoredPosition.stories.js +349 -0
  90. package/lib/stories/useFocusTrap.stories.js +278 -0
  91. package/lib/stories/useFocusZone.stories.js +490 -0
  92. package/lib/theme-preval.js +2057 -5148
  93. package/lib/utils/deprecate.js +2 -3
  94. package/lib/utils/isNumeric.js +0 -1
  95. package/lib/utils/iterateFocusableElements.js +1 -1
  96. package/lib/utils/test-deprecations.js +0 -1
  97. package/lib/utils/test-matchers.js +12 -3
  98. package/lib/utils/testing.js +4 -4
  99. package/lib/utils/theme.js +1 -1
  100. package/lib/utils/{types/AriaRole.js → types.js} +0 -0
  101. package/lib/utils/uniqueId.js +0 -1
  102. package/lib-esm/AvatarPair.js +5 -6
  103. package/lib-esm/AvatarStack.js +11 -11
  104. package/lib-esm/BaseStyles.js +16 -16
  105. package/lib-esm/BorderBox.js +3 -5
  106. package/lib-esm/Box.js +2 -2
  107. package/lib-esm/BranchName.js +1 -1
  108. package/lib-esm/{Breadcrumbs.js → Breadcrumb.js} +22 -32
  109. package/lib-esm/Button/Button.js +1 -1
  110. package/lib-esm/Button/ButtonClose.js +2 -2
  111. package/lib-esm/Button/ButtonInvisible.js +1 -1
  112. package/lib-esm/Button/ButtonTableList.js +1 -1
  113. package/lib-esm/CircleBadge.js +1 -1
  114. package/lib-esm/CircleOcticon.js +6 -9
  115. package/lib-esm/CounterLabel.js +2 -2
  116. package/lib-esm/Dialog.js +12 -10
  117. package/lib-esm/Dropdown.js +2 -2
  118. package/lib-esm/DropdownStyles.js +6 -6
  119. package/lib-esm/FilterList.js +1 -1
  120. package/lib-esm/Flash.js +1 -1
  121. package/lib-esm/Flex.js +0 -4
  122. package/lib-esm/Grid.js +2 -5
  123. package/lib-esm/Header.js +0 -1
  124. package/lib-esm/Label.js +2 -2
  125. package/lib-esm/Link.js +12 -1
  126. package/lib-esm/Overlay.js +38 -119
  127. package/lib-esm/Pagehead.js +1 -1
  128. package/lib-esm/Pagination/Pagination.js +2 -3
  129. package/lib-esm/Popover.js +3 -3
  130. package/lib-esm/Portal/Portal.js +12 -19
  131. package/lib-esm/Portal/index.js +1 -1
  132. package/lib-esm/Position.js +20 -45
  133. package/lib-esm/ProgressBar.js +1 -1
  134. package/lib-esm/SelectMenu/SelectMenu.js +3 -3
  135. package/lib-esm/SelectMenu/SelectMenuContext.js +1 -1
  136. package/lib-esm/SelectMenu/SelectMenuDivider.js +1 -1
  137. package/lib-esm/SelectMenu/SelectMenuFilter.js +4 -4
  138. package/lib-esm/SelectMenu/SelectMenuFooter.js +1 -1
  139. package/lib-esm/SelectMenu/SelectMenuHeader.js +2 -2
  140. package/lib-esm/SelectMenu/SelectMenuItem.js +2 -2
  141. package/lib-esm/SelectMenu/SelectMenuList.js +1 -1
  142. package/lib-esm/SelectMenu/SelectMenuLoadingAnimation.js +10 -5
  143. package/lib-esm/SelectMenu/SelectMenuModal.js +5 -5
  144. package/lib-esm/SelectMenu/SelectMenuTab.js +1 -1
  145. package/lib-esm/SelectMenu/SelectMenuTabPanel.js +1 -1
  146. package/lib-esm/SelectMenu/hooks/useKeyboardNav.js +0 -2
  147. package/lib-esm/SideNav.js +7 -16
  148. package/lib-esm/StateLabel.js +4 -4
  149. package/lib-esm/SubNav.js +4 -7
  150. package/lib-esm/TabNav.js +4 -5
  151. package/lib-esm/TextInput.js +49 -22
  152. package/lib-esm/ThemeProvider.js +16 -31
  153. package/lib-esm/Timeline.js +24 -19
  154. package/lib-esm/Tooltip.js +1 -2
  155. package/lib-esm/UnderlineNav.js +3 -4
  156. package/lib-esm/behaviors/anchoredPosition.js +9 -17
  157. package/lib-esm/behaviors/focusTrap.js +14 -32
  158. package/lib-esm/behaviors/focusZone.js +148 -213
  159. package/lib-esm/constants.js +1 -2
  160. package/lib-esm/hooks/index.js +1 -2
  161. package/lib-esm/hooks/useAnchoredPosition.js +5 -10
  162. package/lib-esm/hooks/useDialog.js +1 -1
  163. package/lib-esm/hooks/useFocusTrap.js +8 -25
  164. package/lib-esm/hooks/useFocusZone.js +5 -5
  165. package/lib-esm/hooks/useMouseIntent.js +50 -0
  166. package/lib-esm/hooks/useOnEscapePress.js +10 -53
  167. package/lib-esm/hooks/useOnOutsideClick.js +37 -62
  168. package/lib-esm/hooks/useOpenAndCloseFocus.js +3 -8
  169. package/lib-esm/hooks/useOverlay.js +18 -9
  170. package/lib-esm/hooks/useSafeTimeout.js +0 -1
  171. package/lib-esm/index.js +10 -22
  172. package/lib-esm/polyfills/eventListenerSignal.js +1 -6
  173. package/lib-esm/stories/Button.stories.js +79 -0
  174. package/lib-esm/stories/Overlay.stories.js +80 -0
  175. package/lib-esm/stories/Portal.stories.js +72 -0
  176. package/lib-esm/stories/ThemeProvider.stories.js +76 -0
  177. package/lib-esm/stories/useAnchoredPosition.stories.js +311 -0
  178. package/lib-esm/stories/useFocusTrap.stories.js +234 -0
  179. package/lib-esm/stories/useFocusZone.stories.js +445 -0
  180. package/lib-esm/theme-preval.js +2057 -5148
  181. package/lib-esm/utils/deprecate.js +2 -3
  182. package/lib-esm/utils/isNumeric.js +0 -1
  183. package/lib-esm/utils/iterateFocusableElements.js +1 -1
  184. package/lib-esm/utils/test-deprecations.js +1 -1
  185. package/lib-esm/utils/test-matchers.js +11 -3
  186. package/lib-esm/utils/testing.js +6 -6
  187. package/lib-esm/utils/theme.js +1 -1
  188. package/lib-esm/utils/{test-helpers.d.ts → types.js} +0 -0
  189. package/lib-esm/utils/uniqueId.js +0 -1
  190. package/package.json +95 -103
  191. package/codemods/__tests__/deprecateUtilityComponents.js +0 -200
  192. package/codemods/__tests__/removeSystemProps.js +0 -225
  193. package/codemods/deprecateUtilityComponents.js +0 -111
  194. package/codemods/removeSystemProps.js +0 -312
  195. package/lib/ActionList/Divider.d.ts +0 -9
  196. package/lib/ActionList/Divider.js +0 -40
  197. package/lib/ActionList/Group.d.ts +0 -28
  198. package/lib/ActionList/Group.js +0 -35
  199. package/lib/ActionList/Header.d.ts +0 -29
  200. package/lib/ActionList/Header.js +0 -51
  201. package/lib/ActionList/Item.d.ts +0 -92
  202. package/lib/ActionList/Item.js +0 -288
  203. package/lib/ActionList/List.d.ts +0 -88
  204. package/lib/ActionList/List.js +0 -199
  205. package/lib/ActionList/index.d.ts +0 -17
  206. package/lib/ActionList/index.js +0 -29
  207. package/lib/ActionMenu.d.ts +0 -40
  208. package/lib/ActionMenu.js +0 -103
  209. package/lib/AnchoredOverlay/AnchoredOverlay.d.ts +0 -62
  210. package/lib/AnchoredOverlay/AnchoredOverlay.js +0 -124
  211. package/lib/AnchoredOverlay/index.d.ts +0 -2
  212. package/lib/AnchoredOverlay/index.js +0 -13
  213. package/lib/Autocomplete/Autocomplete.d.ts +0 -40
  214. package/lib/Autocomplete/Autocomplete.js +0 -68
  215. package/lib/Autocomplete/AutocompleteContext.d.ts +0 -17
  216. package/lib/Autocomplete/AutocompleteContext.js +0 -11
  217. package/lib/Autocomplete/AutocompleteInput.d.ts +0 -9
  218. package/lib/Autocomplete/AutocompleteInput.js +0 -150
  219. package/lib/Autocomplete/AutocompleteMenu.d.ts +0 -71
  220. package/lib/Autocomplete/AutocompleteMenu.js +0 -223
  221. package/lib/Autocomplete/AutocompleteOverlay.d.ts +0 -17
  222. package/lib/Autocomplete/AutocompleteOverlay.js +0 -69
  223. package/lib/Autocomplete/index.d.ts +0 -2
  224. package/lib/Autocomplete/index.js +0 -15
  225. package/lib/Avatar.d.ts +0 -15
  226. package/lib/AvatarPair.d.ts +0 -8
  227. package/lib/AvatarStack.d.ts +0 -8
  228. package/lib/BaseStyles.d.ts +0 -14
  229. package/lib/BorderBox.d.ts +0 -7
  230. package/lib/Box.d.ts +0 -6
  231. package/lib/BranchName.d.ts +0 -6
  232. package/lib/Breadcrumbs.d.ts +0 -40
  233. package/lib/Button/Button.d.ts +0 -284
  234. package/lib/Button/ButtonBase.d.ts +0 -12
  235. package/lib/Button/ButtonClose.d.ts +0 -321
  236. package/lib/Button/ButtonDanger.d.ts +0 -284
  237. package/lib/Button/ButtonGroup.d.ts +0 -4
  238. package/lib/Button/ButtonInvisible.d.ts +0 -284
  239. package/lib/Button/ButtonOutline.d.ts +0 -284
  240. package/lib/Button/ButtonPrimary.d.ts +0 -284
  241. package/lib/Button/ButtonStyles.d.ts +0 -2
  242. package/lib/Button/ButtonTableList.d.ts +0 -6
  243. package/lib/Button/index.d.ts +0 -16
  244. package/lib/Caret.d.ts +0 -21
  245. package/lib/CircleBadge.d.ts +0 -25
  246. package/lib/CircleOcticon.d.ts +0 -391
  247. package/lib/CounterLabel.d.ts +0 -8
  248. package/lib/Details.d.ts +0 -6
  249. package/lib/Dialog/ConfirmationDialog.d.ts +0 -44
  250. package/lib/Dialog/ConfirmationDialog.js +0 -191
  251. package/lib/Dialog/Dialog.d.ts +0 -167
  252. package/lib/Dialog/Dialog.js +0 -304
  253. package/lib/Dialog.d.ts +0 -406
  254. package/lib/Dropdown.d.ts +0 -1262
  255. package/lib/DropdownMenu/DropdownButton.d.ts +0 -323
  256. package/lib/DropdownMenu/DropdownButton.js +0 -31
  257. package/lib/DropdownMenu/DropdownMenu.d.ts +0 -43
  258. package/lib/DropdownMenu/DropdownMenu.js +0 -94
  259. package/lib/DropdownMenu/index.d.ts +0 -4
  260. package/lib/DropdownMenu/index.js +0 -21
  261. package/lib/DropdownStyles.d.ts +0 -3
  262. package/lib/FilterList.d.ts +0 -321
  263. package/lib/FilteredActionList/FilteredActionList.d.ts +0 -16
  264. package/lib/FilteredActionList/FilteredActionList.js +0 -137
  265. package/lib/FilteredActionList/index.d.ts +0 -2
  266. package/lib/FilteredActionList/index.js +0 -13
  267. package/lib/FilteredSearch.d.ts +0 -6
  268. package/lib/Flash.d.ts +0 -9
  269. package/lib/Flex.d.ts +0 -7
  270. package/lib/FormGroup.d.ts +0 -12
  271. package/lib/Grid.d.ts +0 -7
  272. package/lib/Header.d.ts +0 -24
  273. package/lib/Heading.d.ts +0 -6
  274. package/lib/Label.d.ts +0 -11
  275. package/lib/LabelGroup.d.ts +0 -6
  276. package/lib/Link.d.ts +0 -10
  277. package/lib/Overlay.d.ts +0 -63
  278. package/lib/Pagehead.d.ts +0 -6
  279. package/lib/Pagination/Pagination.d.ts +0 -24
  280. package/lib/Pagination/index.d.ts +0 -3
  281. package/lib/Pagination/model.d.ts +0 -26
  282. package/lib/PointerBox.d.ts +0 -11
  283. package/lib/Popover.d.ts +0 -21
  284. package/lib/Portal/Portal.d.ts +0 -25
  285. package/lib/Portal/index.d.ts +0 -4
  286. package/lib/Position.d.ts +0 -34
  287. package/lib/ProgressBar.d.ts +0 -21
  288. package/lib/SelectMenu/SelectMenu.d.ts +0 -1832
  289. package/lib/SelectMenu/SelectMenuContext.d.ts +0 -8
  290. package/lib/SelectMenu/SelectMenuDivider.d.ts +0 -6
  291. package/lib/SelectMenu/SelectMenuFilter.d.ts +0 -9
  292. package/lib/SelectMenu/SelectMenuFooter.d.ts +0 -6
  293. package/lib/SelectMenu/SelectMenuHeader.d.ts +0 -11
  294. package/lib/SelectMenu/SelectMenuItem.d.ts +0 -15
  295. package/lib/SelectMenu/SelectMenuList.d.ts +0 -6
  296. package/lib/SelectMenu/SelectMenuLoadingAnimation.d.ts +0 -7
  297. package/lib/SelectMenu/SelectMenuModal.d.ts +0 -15
  298. package/lib/SelectMenu/SelectMenuTab.d.ts +0 -14
  299. package/lib/SelectMenu/SelectMenuTabPanel.d.ts +0 -13
  300. package/lib/SelectMenu/SelectMenuTabs.d.ts +0 -11
  301. package/lib/SelectMenu/hooks/useKeyboardNav.d.ts +0 -2
  302. package/lib/SelectMenu/index.d.ts +0 -2
  303. package/lib/SelectPanel/SelectPanel.d.ts +0 -25
  304. package/lib/SelectPanel/SelectPanel.js +0 -147
  305. package/lib/SelectPanel/index.d.ts +0 -2
  306. package/lib/SelectPanel/index.js +0 -13
  307. package/lib/SideNav.d.ts +0 -31
  308. package/lib/Spinner.d.ts +0 -17
  309. package/lib/Spinner.js +0 -60
  310. package/lib/StateLabel.d.ts +0 -16
  311. package/lib/StyledOcticon.d.ts +0 -12
  312. package/lib/SubNav.d.ts +0 -32
  313. package/lib/TabNav.d.ts +0 -20
  314. package/lib/Text.d.ts +0 -6
  315. package/lib/TextInput.d.ts +0 -14
  316. package/lib/TextInputWithTokens.d.ts +0 -323
  317. package/lib/TextInputWithTokens.js +0 -244
  318. package/lib/ThemeProvider.d.ts +0 -26
  319. package/lib/Timeline.d.ts +0 -407
  320. package/lib/Token/IssueLabelToken.d.ts +0 -14
  321. package/lib/Token/IssueLabelToken.js +0 -144
  322. package/lib/Token/ProfileToken.d.ts +0 -7
  323. package/lib/Token/ProfileToken.js +0 -53
  324. package/lib/Token/Token.d.ts +0 -15
  325. package/lib/Token/Token.js +0 -94
  326. package/lib/Token/TokenBase.d.ts +0 -17
  327. package/lib/Token/TokenBase.js +0 -108
  328. package/lib/Token/_RemoveTokenButton.d.ts +0 -12
  329. package/lib/Token/_RemoveTokenButton.js +0 -77
  330. package/lib/Token/_TokenTextContainer.d.ts +0 -3
  331. package/lib/Token/_TokenTextContainer.js +0 -28
  332. package/lib/Token/index.d.ts +0 -3
  333. package/lib/Token/index.js +0 -31
  334. package/lib/Tooltip.d.ts +0 -18
  335. package/lib/Truncate.d.ts +0 -11
  336. package/lib/UnderlineNav.d.ts +0 -25
  337. package/lib/_TextInputWrapper.d.ts +0 -10
  338. package/lib/_TextInputWrapper.js +0 -51
  339. package/lib/_UnstyledTextInput.d.ts +0 -2
  340. package/lib/_UnstyledTextInput.js +0 -20
  341. package/lib/behaviors/anchoredPosition.d.ts +0 -89
  342. package/lib/behaviors/focusTrap.d.ts +0 -12
  343. package/lib/behaviors/focusZone.d.ts +0 -137
  344. package/lib/constants.d.ts +0 -20
  345. package/lib/hooks/index.d.ts +0 -11
  346. package/lib/hooks/useAnchoredPosition.d.ts +0 -20
  347. package/lib/hooks/useCombinedRefs.d.ts +0 -10
  348. package/lib/hooks/useCombinedRefs.js +0 -49
  349. package/lib/hooks/useDetails.d.ts +0 -17
  350. package/lib/hooks/useDialog.d.ts +0 -16
  351. package/lib/hooks/useFocusTrap.d.ts +0 -32
  352. package/lib/hooks/useFocusZone.d.ts +0 -23
  353. package/lib/hooks/useOnEscapePress.d.ts +0 -23
  354. package/lib/hooks/useOnOutsideClick.d.ts +0 -8
  355. package/lib/hooks/useOpenAndCloseFocus.d.ts +0 -8
  356. package/lib/hooks/useOverlay.d.ts +0 -15
  357. package/lib/hooks/useProvidedRefOrCreate.d.ts +0 -10
  358. package/lib/hooks/useProvidedStateOrCreate.d.ts +0 -10
  359. package/lib/hooks/useProvidedStateOrCreate.js +0 -27
  360. package/lib/hooks/useRenderForcingRef.d.ts +0 -8
  361. package/lib/hooks/useRenderForcingRef.js +0 -25
  362. package/lib/hooks/useResizeObserver.d.ts +0 -1
  363. package/lib/hooks/useResizeObserver.js +0 -20
  364. package/lib/hooks/useSafeTimeout.d.ts +0 -12
  365. package/lib/hooks/useScrollFlash.d.ts +0 -6
  366. package/lib/hooks/useScrollFlash.js +0 -29
  367. package/lib/index.d.ts +0 -114
  368. package/lib/polyfills/eventListenerSignal.d.ts +0 -6
  369. package/lib/sx.d.ts +0 -6
  370. package/lib/theme-preval.d.ts +0 -49
  371. package/lib/theme.d.ts +0 -2
  372. package/lib/utils/deprecate.d.ts +0 -18
  373. package/lib/utils/isNumeric.d.ts +0 -1
  374. package/lib/utils/iterateFocusableElements.d.ts +0 -42
  375. package/lib/utils/scrollIntoViewingArea.d.ts +0 -1
  376. package/lib/utils/scrollIntoViewingArea.js +0 -39
  377. package/lib/utils/ssr.d.ts +0 -1
  378. package/lib/utils/ssr.js +0 -19
  379. package/lib/utils/test-deprecations.d.ts +0 -1
  380. package/lib/utils/test-helpers.d.ts +0 -0
  381. package/lib/utils/test-helpers.js +0 -9
  382. package/lib/utils/test-matchers.d.ts +0 -1
  383. package/lib/utils/testing.d.ts +0 -1028
  384. package/lib/utils/theme.d.ts +0 -9
  385. package/lib/utils/types/AriaRole.d.ts +0 -1
  386. package/lib/utils/types/ComponentProps.d.ts +0 -9
  387. package/lib/utils/types/ComponentProps.js +0 -1
  388. package/lib/utils/types/Flatten.d.ts +0 -4
  389. package/lib/utils/types/Flatten.js +0 -1
  390. package/lib/utils/types/MandateProps.d.ts +0 -3
  391. package/lib/utils/types/MandateProps.js +0 -1
  392. package/lib/utils/types/Merge.d.ts +0 -19
  393. package/lib/utils/types/Merge.js +0 -1
  394. package/lib/utils/types/index.d.ts +0 -5
  395. package/lib/utils/types/index.js +0 -70
  396. package/lib/utils/uniqueId.d.ts +0 -1
  397. package/lib/utils/userAgent.d.ts +0 -1
  398. package/lib-esm/ActionList/Divider.d.ts +0 -9
  399. package/lib-esm/ActionList/Divider.js +0 -23
  400. package/lib-esm/ActionList/Group.d.ts +0 -28
  401. package/lib-esm/ActionList/Group.js +0 -24
  402. package/lib-esm/ActionList/Header.d.ts +0 -29
  403. package/lib-esm/ActionList/Header.js +0 -33
  404. package/lib-esm/ActionList/Item.d.ts +0 -92
  405. package/lib-esm/ActionList/Item.js +0 -253
  406. package/lib-esm/ActionList/List.d.ts +0 -88
  407. package/lib-esm/ActionList/List.js +0 -181
  408. package/lib-esm/ActionList/index.d.ts +0 -17
  409. package/lib-esm/ActionList/index.js +0 -18
  410. package/lib-esm/ActionMenu.d.ts +0 -40
  411. package/lib-esm/ActionMenu.js +0 -82
  412. package/lib-esm/AnchoredOverlay/AnchoredOverlay.d.ts +0 -62
  413. package/lib-esm/AnchoredOverlay/AnchoredOverlay.js +0 -104
  414. package/lib-esm/AnchoredOverlay/index.d.ts +0 -2
  415. package/lib-esm/AnchoredOverlay/index.js +0 -1
  416. package/lib-esm/Autocomplete/Autocomplete.d.ts +0 -40
  417. package/lib-esm/Autocomplete/Autocomplete.js +0 -47
  418. package/lib-esm/Autocomplete/AutocompleteContext.d.ts +0 -17
  419. package/lib-esm/Autocomplete/AutocompleteContext.js +0 -2
  420. package/lib-esm/Autocomplete/AutocompleteInput.d.ts +0 -9
  421. package/lib-esm/Autocomplete/AutocompleteInput.js +0 -131
  422. package/lib-esm/Autocomplete/AutocompleteMenu.d.ts +0 -71
  423. package/lib-esm/Autocomplete/AutocompleteMenu.js +0 -204
  424. package/lib-esm/Autocomplete/AutocompleteOverlay.d.ts +0 -17
  425. package/lib-esm/Autocomplete/AutocompleteOverlay.js +0 -51
  426. package/lib-esm/Autocomplete/index.d.ts +0 -2
  427. package/lib-esm/Autocomplete/index.js +0 -1
  428. package/lib-esm/Avatar.d.ts +0 -15
  429. package/lib-esm/AvatarPair.d.ts +0 -8
  430. package/lib-esm/AvatarStack.d.ts +0 -8
  431. package/lib-esm/BaseStyles.d.ts +0 -14
  432. package/lib-esm/BorderBox.d.ts +0 -7
  433. package/lib-esm/Box.d.ts +0 -6
  434. package/lib-esm/BranchName.d.ts +0 -6
  435. package/lib-esm/Breadcrumbs.d.ts +0 -40
  436. package/lib-esm/Button/Button.d.ts +0 -284
  437. package/lib-esm/Button/ButtonBase.d.ts +0 -12
  438. package/lib-esm/Button/ButtonClose.d.ts +0 -321
  439. package/lib-esm/Button/ButtonDanger.d.ts +0 -284
  440. package/lib-esm/Button/ButtonGroup.d.ts +0 -4
  441. package/lib-esm/Button/ButtonInvisible.d.ts +0 -284
  442. package/lib-esm/Button/ButtonOutline.d.ts +0 -284
  443. package/lib-esm/Button/ButtonPrimary.d.ts +0 -284
  444. package/lib-esm/Button/ButtonStyles.d.ts +0 -2
  445. package/lib-esm/Button/ButtonTableList.d.ts +0 -6
  446. package/lib-esm/Button/index.d.ts +0 -16
  447. package/lib-esm/Caret.d.ts +0 -21
  448. package/lib-esm/CircleBadge.d.ts +0 -25
  449. package/lib-esm/CircleOcticon.d.ts +0 -391
  450. package/lib-esm/CounterLabel.d.ts +0 -8
  451. package/lib-esm/Details.d.ts +0 -6
  452. package/lib-esm/Dialog/ConfirmationDialog.d.ts +0 -44
  453. package/lib-esm/Dialog/ConfirmationDialog.js +0 -169
  454. package/lib-esm/Dialog/Dialog.d.ts +0 -167
  455. package/lib-esm/Dialog/Dialog.js +0 -274
  456. package/lib-esm/Dialog.d.ts +0 -406
  457. package/lib-esm/Dropdown.d.ts +0 -1262
  458. package/lib-esm/DropdownMenu/DropdownButton.d.ts +0 -323
  459. package/lib-esm/DropdownMenu/DropdownButton.js +0 -16
  460. package/lib-esm/DropdownMenu/DropdownMenu.d.ts +0 -43
  461. package/lib-esm/DropdownMenu/DropdownMenu.js +0 -77
  462. package/lib-esm/DropdownMenu/index.d.ts +0 -4
  463. package/lib-esm/DropdownMenu/index.js +0 -2
  464. package/lib-esm/DropdownStyles.d.ts +0 -3
  465. package/lib-esm/FilterList.d.ts +0 -321
  466. package/lib-esm/FilteredActionList/FilteredActionList.d.ts +0 -16
  467. package/lib-esm/FilteredActionList/FilteredActionList.js +0 -109
  468. package/lib-esm/FilteredActionList/index.d.ts +0 -2
  469. package/lib-esm/FilteredActionList/index.js +0 -1
  470. package/lib-esm/FilteredSearch.d.ts +0 -6
  471. package/lib-esm/Flash.d.ts +0 -9
  472. package/lib-esm/Flex.d.ts +0 -7
  473. package/lib-esm/FormGroup.d.ts +0 -12
  474. package/lib-esm/Grid.d.ts +0 -7
  475. package/lib-esm/Header.d.ts +0 -24
  476. package/lib-esm/Heading.d.ts +0 -6
  477. package/lib-esm/Label.d.ts +0 -11
  478. package/lib-esm/LabelGroup.d.ts +0 -6
  479. package/lib-esm/Link.d.ts +0 -10
  480. package/lib-esm/Overlay.d.ts +0 -63
  481. package/lib-esm/Pagehead.d.ts +0 -6
  482. package/lib-esm/Pagination/Pagination.d.ts +0 -24
  483. package/lib-esm/Pagination/index.d.ts +0 -3
  484. package/lib-esm/Pagination/model.d.ts +0 -26
  485. package/lib-esm/PointerBox.d.ts +0 -11
  486. package/lib-esm/Popover.d.ts +0 -21
  487. package/lib-esm/Portal/Portal.d.ts +0 -25
  488. package/lib-esm/Portal/index.d.ts +0 -4
  489. package/lib-esm/Position.d.ts +0 -34
  490. package/lib-esm/ProgressBar.d.ts +0 -21
  491. package/lib-esm/SelectMenu/SelectMenu.d.ts +0 -1832
  492. package/lib-esm/SelectMenu/SelectMenuContext.d.ts +0 -8
  493. package/lib-esm/SelectMenu/SelectMenuDivider.d.ts +0 -6
  494. package/lib-esm/SelectMenu/SelectMenuFilter.d.ts +0 -9
  495. package/lib-esm/SelectMenu/SelectMenuFooter.d.ts +0 -6
  496. package/lib-esm/SelectMenu/SelectMenuHeader.d.ts +0 -11
  497. package/lib-esm/SelectMenu/SelectMenuItem.d.ts +0 -15
  498. package/lib-esm/SelectMenu/SelectMenuList.d.ts +0 -6
  499. package/lib-esm/SelectMenu/SelectMenuLoadingAnimation.d.ts +0 -7
  500. package/lib-esm/SelectMenu/SelectMenuModal.d.ts +0 -15
  501. package/lib-esm/SelectMenu/SelectMenuTab.d.ts +0 -14
  502. package/lib-esm/SelectMenu/SelectMenuTabPanel.d.ts +0 -13
  503. package/lib-esm/SelectMenu/SelectMenuTabs.d.ts +0 -11
  504. package/lib-esm/SelectMenu/hooks/useKeyboardNav.d.ts +0 -2
  505. package/lib-esm/SelectMenu/index.d.ts +0 -2
  506. package/lib-esm/SelectPanel/SelectPanel.d.ts +0 -25
  507. package/lib-esm/SelectPanel/SelectPanel.js +0 -127
  508. package/lib-esm/SelectPanel/index.d.ts +0 -2
  509. package/lib-esm/SelectPanel/index.js +0 -1
  510. package/lib-esm/SideNav.d.ts +0 -31
  511. package/lib-esm/Spinner.d.ts +0 -17
  512. package/lib-esm/Spinner.js +0 -46
  513. package/lib-esm/StateLabel.d.ts +0 -16
  514. package/lib-esm/StyledOcticon.d.ts +0 -12
  515. package/lib-esm/SubNav.d.ts +0 -32
  516. package/lib-esm/TabNav.d.ts +0 -20
  517. package/lib-esm/Text.d.ts +0 -6
  518. package/lib-esm/TextInput.d.ts +0 -14
  519. package/lib-esm/TextInputWithTokens.d.ts +0 -323
  520. package/lib-esm/TextInputWithTokens.js +0 -219
  521. package/lib-esm/ThemeProvider.d.ts +0 -26
  522. package/lib-esm/Timeline.d.ts +0 -407
  523. package/lib-esm/Token/IssueLabelToken.d.ts +0 -14
  524. package/lib-esm/Token/IssueLabelToken.js +0 -124
  525. package/lib-esm/Token/ProfileToken.d.ts +0 -7
  526. package/lib-esm/Token/ProfileToken.js +0 -33
  527. package/lib-esm/Token/Token.d.ts +0 -15
  528. package/lib-esm/Token/Token.js +0 -73
  529. package/lib-esm/Token/TokenBase.d.ts +0 -17
  530. package/lib-esm/Token/TokenBase.js +0 -87
  531. package/lib-esm/Token/_RemoveTokenButton.d.ts +0 -12
  532. package/lib-esm/Token/_RemoveTokenButton.js +0 -60
  533. package/lib-esm/Token/_TokenTextContainer.d.ts +0 -3
  534. package/lib-esm/Token/_TokenTextContainer.js +0 -15
  535. package/lib-esm/Token/index.d.ts +0 -3
  536. package/lib-esm/Token/index.js +0 -3
  537. package/lib-esm/Tooltip.d.ts +0 -18
  538. package/lib-esm/Truncate.d.ts +0 -11
  539. package/lib-esm/UnderlineNav.d.ts +0 -25
  540. package/lib-esm/_TextInputWrapper.d.ts +0 -10
  541. package/lib-esm/_TextInputWrapper.js +0 -31
  542. package/lib-esm/_UnstyledTextInput.d.ts +0 -2
  543. package/lib-esm/_UnstyledTextInput.js +0 -7
  544. package/lib-esm/behaviors/anchoredPosition.d.ts +0 -89
  545. package/lib-esm/behaviors/focusTrap.d.ts +0 -12
  546. package/lib-esm/behaviors/focusZone.d.ts +0 -137
  547. package/lib-esm/constants.d.ts +0 -20
  548. package/lib-esm/hooks/index.d.ts +0 -11
  549. package/lib-esm/hooks/useAnchoredPosition.d.ts +0 -20
  550. package/lib-esm/hooks/useCombinedRefs.d.ts +0 -10
  551. package/lib-esm/hooks/useCombinedRefs.js +0 -36
  552. package/lib-esm/hooks/useDetails.d.ts +0 -17
  553. package/lib-esm/hooks/useDialog.d.ts +0 -16
  554. package/lib-esm/hooks/useFocusTrap.d.ts +0 -32
  555. package/lib-esm/hooks/useFocusZone.d.ts +0 -23
  556. package/lib-esm/hooks/useOnEscapePress.d.ts +0 -23
  557. package/lib-esm/hooks/useOnOutsideClick.d.ts +0 -8
  558. package/lib-esm/hooks/useOpenAndCloseFocus.d.ts +0 -8
  559. package/lib-esm/hooks/useOverlay.d.ts +0 -15
  560. package/lib-esm/hooks/useProvidedRefOrCreate.d.ts +0 -10
  561. package/lib-esm/hooks/useProvidedStateOrCreate.d.ts +0 -10
  562. package/lib-esm/hooks/useProvidedStateOrCreate.js +0 -20
  563. package/lib-esm/hooks/useRenderForcingRef.d.ts +0 -8
  564. package/lib-esm/hooks/useRenderForcingRef.js +0 -18
  565. package/lib-esm/hooks/useResizeObserver.d.ts +0 -1
  566. package/lib-esm/hooks/useResizeObserver.js +0 -10
  567. package/lib-esm/hooks/useSafeTimeout.d.ts +0 -12
  568. package/lib-esm/hooks/useScrollFlash.d.ts +0 -6
  569. package/lib-esm/hooks/useScrollFlash.js +0 -22
  570. package/lib-esm/index.d.ts +0 -114
  571. package/lib-esm/polyfills/eventListenerSignal.d.ts +0 -6
  572. package/lib-esm/sx.d.ts +0 -6
  573. package/lib-esm/theme-preval.d.ts +0 -49
  574. package/lib-esm/theme.d.ts +0 -2
  575. package/lib-esm/utils/deprecate.d.ts +0 -18
  576. package/lib-esm/utils/isNumeric.d.ts +0 -1
  577. package/lib-esm/utils/iterateFocusableElements.d.ts +0 -42
  578. package/lib-esm/utils/scrollIntoViewingArea.d.ts +0 -1
  579. package/lib-esm/utils/scrollIntoViewingArea.js +0 -30
  580. package/lib-esm/utils/ssr.d.ts +0 -1
  581. package/lib-esm/utils/ssr.js +0 -1
  582. package/lib-esm/utils/test-deprecations.d.ts +0 -1
  583. package/lib-esm/utils/test-helpers.js +0 -7
  584. package/lib-esm/utils/test-matchers.d.ts +0 -1
  585. package/lib-esm/utils/testing.d.ts +0 -1028
  586. package/lib-esm/utils/theme.d.ts +0 -9
  587. package/lib-esm/utils/types/AriaRole.d.ts +0 -1
  588. package/lib-esm/utils/types/AriaRole.js +0 -1
  589. package/lib-esm/utils/types/ComponentProps.d.ts +0 -9
  590. package/lib-esm/utils/types/ComponentProps.js +0 -1
  591. package/lib-esm/utils/types/Flatten.d.ts +0 -4
  592. package/lib-esm/utils/types/Flatten.js +0 -1
  593. package/lib-esm/utils/types/MandateProps.d.ts +0 -3
  594. package/lib-esm/utils/types/MandateProps.js +0 -1
  595. package/lib-esm/utils/types/Merge.d.ts +0 -19
  596. package/lib-esm/utils/types/Merge.js +0 -1
  597. package/lib-esm/utils/types/index.d.ts +0 -5
  598. package/lib-esm/utils/types/index.js +0 -5
  599. package/lib-esm/utils/uniqueId.d.ts +0 -1
  600. package/lib-esm/utils/userAgent.d.ts +0 -1
@@ -1,28 +0,0 @@
1
- import React from 'react';
2
- import { SxProp } from '../sx';
3
- import { HeaderProps } from './Header';
4
- /**
5
- * Contract for props passed to the `Group` component.
6
- */
7
- export interface GroupProps extends React.ComponentPropsWithoutRef<'div'>, SxProp {
8
- /**
9
- * Props for a `Header` to render in the `Group`.
10
- */
11
- header?: HeaderProps;
12
- /**
13
- * The id of the group.
14
- */
15
- groupId?: string;
16
- /**
17
- * `Items` to render in the `Group`.
18
- */
19
- items?: JSX.Element[];
20
- /**
21
- * Whether to display a divider above each `Item` in this `Group` when it does not follow a `Header` or `Divider`.
22
- */
23
- showItemDividers?: boolean;
24
- }
25
- /**
26
- * Collects related `Items` in an `ActionList`.
27
- */
28
- export declare function Group({ header, items, ...props }: GroupProps): JSX.Element;
@@ -1,35 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.Group = Group;
7
-
8
- var _react = _interopRequireDefault(require("react"));
9
-
10
- var _styledComponents = _interopRequireDefault(require("styled-components"));
11
-
12
- var _sx = _interopRequireDefault(require("../sx"));
13
-
14
- var _Header = require("./Header");
15
-
16
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
17
-
18
- const StyledGroup = _styledComponents.default.div.withConfig({
19
- displayName: "Group__StyledGroup",
20
- componentId: "sc-10w5bj9-0"
21
- })(["", ""], _sx.default);
22
- /**
23
- * Collects related `Items` in an `ActionList`.
24
- */
25
-
26
-
27
- function Group({
28
- header,
29
- items,
30
- ...props
31
- }) {
32
- return /*#__PURE__*/_react.default.createElement(StyledGroup, props, header && /*#__PURE__*/_react.default.createElement(_Header.Header, header), items);
33
- }
34
-
35
- Group.displayName = "Group";
@@ -1,29 +0,0 @@
1
- import React from 'react';
2
- import { SxProp } from '../sx';
3
- /**
4
- * Contract for props passed to the `Header` component.
5
- */
6
- export interface HeaderProps extends React.ComponentPropsWithoutRef<'div'>, SxProp {
7
- /**
8
- * Style variations. Usage is discretionary.
9
- *
10
- * - `"filled"` - Superimposed on a background, offset from nearby content
11
- * - `"subtle"` - Relatively less offset from nearby content
12
- */
13
- variant?: 'subtle' | 'filled';
14
- /**
15
- * Primary text which names a `Group`.
16
- */
17
- title: string;
18
- /**
19
- * Secondary text which provides additional information about a `Group`.
20
- */
21
- auxiliaryText?: string;
22
- }
23
- export declare const StyledHeader: import("styled-components").StyledComponent<"div", any, {
24
- variant: HeaderProps['variant'];
25
- } & SxProp, never>;
26
- /**
27
- * Displays the name and description of a `Group`.
28
- */
29
- export declare function Header({ variant, title, auxiliaryText, children: _children, ...props }: HeaderProps): JSX.Element;
@@ -1,51 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.Header = Header;
7
- exports.StyledHeader = void 0;
8
-
9
- var _react = _interopRequireDefault(require("react"));
10
-
11
- var _styledComponents = _interopRequireWildcard(require("styled-components"));
12
-
13
- var _constants = require("../constants");
14
-
15
- var _sx = _interopRequireDefault(require("../sx"));
16
-
17
- function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
18
-
19
- function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
20
-
21
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
22
-
23
- function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
24
-
25
- const StyledHeader = _styledComponents.default.div.withConfig({
26
- displayName: "Header__StyledHeader",
27
- componentId: "qmofje-0"
28
- })(["{}padding:6px ", ";font-size:", ";font-weight:", ";color:", ";", " ", ""], (0, _constants.get)('space.3'), (0, _constants.get)('fontSizes.0'), (0, _constants.get)('fontWeights.bold'), (0, _constants.get)('colors.fg.muted'), ({
29
- variant
30
- }) => variant === 'filled' && (0, _styledComponents.css)(["background:", ";margin:", " 0;border-top:1px solid ", ";border-bottom:1px solid ", ";&:first-child{margin-top:0;}"], (0, _constants.get)('colors.canvas.subtle'), (0, _constants.get)('space.2'), (0, _constants.get)('colors.neutral.muted'), (0, _constants.get)('colors.neutral.muted')), _sx.default);
31
- /**
32
- * Displays the name and description of a `Group`.
33
- */
34
-
35
-
36
- exports.StyledHeader = StyledHeader;
37
-
38
- function Header({
39
- variant = 'subtle',
40
- title,
41
- auxiliaryText,
42
- children: _children,
43
- ...props
44
- }) {
45
- return /*#__PURE__*/_react.default.createElement(StyledHeader, _extends({
46
- role: "heading",
47
- variant: variant
48
- }, props), title, auxiliaryText && /*#__PURE__*/_react.default.createElement("span", null, "auxiliaryText"));
49
- }
50
-
51
- Header.displayName = "Header";
@@ -1,92 +0,0 @@
1
- import { IconProps } from '@primer/octicons-react';
2
- import React from 'react';
3
- import { SxProp } from '../sx';
4
- import { ItemInput } from './List';
5
- import { ForwardRefComponent as PolymorphicForwardRefComponent } from '@radix-ui/react-polymorphic';
6
- import { AriaRole } from '../utils/types';
7
- /**
8
- * Contract for props passed to the `Item` component.
9
- */
10
- export interface ItemProps extends SxProp {
11
- /**
12
- * Primary text which names an `Item`.
13
- */
14
- text?: string;
15
- /**
16
- * Secondary text which provides additional information about an `Item`.
17
- */
18
- description?: string;
19
- /**
20
- * Secondary text style variations. Usage is discretionary.
21
- *
22
- * - `"inline"` - Secondary text is positioned beside primary text.
23
- * - `"block"` - Secondary text is positioned below primary text.
24
- */
25
- descriptionVariant?: 'inline' | 'block';
26
- /**
27
- * Icon (or similar) positioned before `Item` text.
28
- */
29
- leadingVisual?: React.FunctionComponent<IconProps>;
30
- /**
31
- * Icon (or similar) positioned after `Item` text.
32
- */
33
- trailingIcon?: React.FunctionComponent<IconProps>;
34
- /**
35
- * Text positioned after `Item` text and optional trailing icon.
36
- */
37
- trailingText?: string;
38
- /**
39
- * Style variations associated with various `Item` types.
40
- *
41
- * - `"default"` - An action `Item`.
42
- * - `"danger"` - A destructive action `Item`.
43
- */
44
- variant?: 'default' | 'danger';
45
- /**
46
- * Whether to display a divider above the `Item` when it does not follow a `Header` or `Divider`.
47
- */
48
- showDivider?: boolean;
49
- /**
50
- * For `Item`s which can be selected, whether the `Item` is currently selected.
51
- */
52
- selected?: boolean;
53
- /**
54
- * For `Item`s which can be selected, whether `multiple` `Item`s or a `single` `Item` can be selected
55
- */
56
- selectionVariant?: 'single' | 'multiple';
57
- /**
58
- * Designates the group that an item belongs to.
59
- */
60
- groupId?: string;
61
- /**
62
- * Items that are disabled can not be clicked, selected, or navigated through.
63
- */
64
- disabled?: boolean;
65
- /**
66
- * Callback that will trigger both on click selection and keyboard selection.
67
- */
68
- onAction?: (item: ItemProps, event: React.MouseEvent<HTMLDivElement> | React.KeyboardEvent<HTMLDivElement>) => void;
69
- /**
70
- * An id associated with this item. Should be unique between items
71
- */
72
- id?: number | string;
73
- /**
74
- * Node to be included inside the item before the text.
75
- */
76
- children?: React.ReactNode;
77
- /**
78
- * The ARIA role describing the function of `List` component. `option` is a common value.
79
- */
80
- role?: AriaRole;
81
- /**
82
- * An item to pass back in the `onAction` callback, meant as
83
- */
84
- item?: ItemInput;
85
- }
86
- export declare const TextContainer: import("styled-components").StyledComponent<"span", any, {
87
- dangerouslySetInnerHtml?: React.DOMAttributes<HTMLDivElement>['dangerouslySetInnerHTML'];
88
- }, never>;
89
- /**
90
- * An actionable or selectable `Item` with an optional icon and description.
91
- */
92
- export declare const Item: PolymorphicForwardRefComponent<"div", ItemProps>;
@@ -1,288 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.Item = exports.TextContainer = void 0;
7
-
8
- var _octiconsReact = require("@primer/octicons-react");
9
-
10
- var _react = _interopRequireWildcard(require("react"));
11
-
12
- var _constants = require("../constants");
13
-
14
- var _sx = _interopRequireDefault(require("../sx"));
15
-
16
- var _Truncate = _interopRequireDefault(require("../Truncate"));
17
-
18
- var _styledComponents = _interopRequireDefault(require("styled-components"));
19
-
20
- var _Header = require("./Header");
21
-
22
- var _Divider = require("./Divider");
23
-
24
- var _ThemeProvider = require("../ThemeProvider");
25
-
26
- var _focusZone = require("../behaviors/focusZone");
27
-
28
- var _ssr = require("@react-aria/ssr");
29
-
30
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
31
-
32
- function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
33
-
34
- function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
35
-
36
- function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
37
-
38
- /**
39
- * These colors are not yet in our default theme. Need to remove this once they are added.
40
- */
41
- const customItemThemes = {
42
- default: {
43
- hover: {
44
- light: 'rgba(46, 77, 108, 0.06)',
45
- dark: 'rgba(201, 206, 212, 0.12)',
46
- dark_dimmed: 'rgba(201, 206, 212, 0.12)'
47
- },
48
- focus: {
49
- light: 'rgba(54, 77, 100, 0.16)',
50
- dark: 'rgba(201, 206, 212, 0.24)',
51
- dark_dimmed: 'rgba(201, 206, 212, 0.24)'
52
- }
53
- },
54
- danger: {
55
- hover: {
56
- light: 'rgba(234, 74, 90, 0.08)',
57
- dark: 'rgba(248, 81, 73, 0.16)',
58
- dark_dimmed: 'rgba(248, 81, 73, 0.16)'
59
- },
60
- focus: {
61
- light: 'rgba(234, 74, 90, 0.14)',
62
- dark: 'rgba(248, 81, 73, 0.24)',
63
- dark_dimmed: 'rgba(248, 81, 73, 0.24)'
64
- }
65
- }
66
- };
67
- /**
68
- * Contract for props passed to the `Item` component.
69
- */
70
-
71
- const getItemVariant = (variant = 'default', disabled) => {
72
- if (disabled) {
73
- return {
74
- color: (0, _constants.get)('colors.fg.muted'),
75
- iconColor: (0, _constants.get)('colors.fg.muted'),
76
- annotationColor: (0, _constants.get)('colors.fg.muted'),
77
- hoverCursor: 'default'
78
- };
79
- }
80
-
81
- switch (variant) {
82
- case 'danger':
83
- return {
84
- color: (0, _constants.get)('colors.danger.fg'),
85
- iconColor: (0, _constants.get)('colors.danger.fg'),
86
- annotationColor: (0, _constants.get)('colors.fg.muted'),
87
- hoverCursor: 'pointer'
88
- };
89
-
90
- default:
91
- return {
92
- color: (0, _constants.get)('colors.fg.default'),
93
- iconColor: (0, _constants.get)('colors.fg.muted'),
94
- annotationColor: (0, _constants.get)('colors.fg.muted'),
95
- hoverCursor: 'pointer'
96
- };
97
- }
98
- };
99
-
100
- const DividedContent = _styledComponents.default.div.withConfig({
101
- displayName: "Item__DividedContent",
102
- componentId: "jqpvy8-0"
103
- })(["display:flex;min-width:0;position:relative;flex-grow:1;"]);
104
-
105
- const MainContent = _styledComponents.default.div.withConfig({
106
- displayName: "Item__MainContent",
107
- componentId: "jqpvy8-1"
108
- })(["align-items:baseline;display:flex;min-width:0;flex-direction:var(--main-content-flex-direction);flex-grow:1;"]);
109
-
110
- const StyledItem = _styledComponents.default.div.withConfig({
111
- displayName: "Item__StyledItem",
112
- componentId: "jqpvy8-2"
113
- })(["padding:6px ", ";display:flex;border-radius:", ";color:", ";transition:background 33.333ms linear;text-decoration:none;@media (hover:hover) and (pointer:fine){:hover{background:var(--item-hover-bg-override,", ");cursor:", ";}}:not(:first-of-type):not(", " + &):not(", " + &){margin-top:", ";", "::before{content:' ';display:block;position:absolute;width:100%;top:-7px;border:0 solid ", ";border-top-width:", ";}}&:hover ", "::before,:hover + * ", "::before{border-color:var(--item-hover-divider-border-color-override,transparent) !important;}&:focus ", "::before,:focus + * ", "::before,&[", "] ", "::before,[", "] + & ", "::before{border-color:transparent !important;}&[", "='", "']{background:", ";}&[", "='", "']{background:", ";}&:focus{background:", ";outline:none;}&:active{background:", ";}", ""], (0, _constants.get)('space.2'), (0, _constants.get)('radii.2'), ({
114
- variant,
115
- item
116
- }) => getItemVariant(variant, item === null || item === void 0 ? void 0 : item.disabled).color, ({
117
- hoverBackground
118
- }) => hoverBackground, ({
119
- variant,
120
- item
121
- }) => getItemVariant(variant, item === null || item === void 0 ? void 0 : item.disabled).hoverCursor, _Divider.StyledDivider, _Header.StyledHeader, ({
122
- showDivider
123
- }) => showDivider ? `1px` : '0', DividedContent, (0, _constants.get)('colors.border.muted'), ({
124
- showDivider
125
- }) => showDivider ? `1px` : '0', DividedContent, DividedContent, DividedContent, DividedContent, _focusZone.isActiveDescendantAttribute, DividedContent, _focusZone.isActiveDescendantAttribute, DividedContent, _focusZone.isActiveDescendantAttribute, _focusZone.activeDescendantActivatedDirectly, ({
126
- focusBackground
127
- }) => focusBackground, _focusZone.isActiveDescendantAttribute, _focusZone.activeDescendantActivatedIndirectly, ({
128
- hoverBackground
129
- }) => hoverBackground, ({
130
- focusBackground
131
- }) => focusBackground, ({
132
- focusBackground
133
- }) => focusBackground, _sx.default);
134
-
135
- const TextContainer = _styledComponents.default.span.withConfig({
136
- displayName: "Item__TextContainer",
137
- componentId: "jqpvy8-3"
138
- })([""]);
139
-
140
- exports.TextContainer = TextContainer;
141
-
142
- const BaseVisualContainer = _styledComponents.default.div.withConfig({
143
- displayName: "Item__BaseVisualContainer",
144
- componentId: "jqpvy8-4"
145
- })(["height:20px;width:", ";margin-right:", ";"], (0, _constants.get)('space.3'), (0, _constants.get)('space.2'));
146
-
147
- const ColoredVisualContainer = (0, _styledComponents.default)(BaseVisualContainer).withConfig({
148
- displayName: "Item__ColoredVisualContainer",
149
- componentId: "jqpvy8-5"
150
- })(["svg{fill:", ";font-size:", ";}"], ({
151
- variant,
152
- disabled
153
- }) => getItemVariant(variant, disabled).iconColor, (0, _constants.get)('fontSizes.0'));
154
- const LeadingVisualContainer = (0, _styledComponents.default)(ColoredVisualContainer).withConfig({
155
- displayName: "Item__LeadingVisualContainer",
156
- componentId: "jqpvy8-6"
157
- })(["flex-shrink:0;display:flex;flex-direction:column;justify-content:center;"]);
158
- const TrailingContent = (0, _styledComponents.default)(ColoredVisualContainer).withConfig({
159
- displayName: "Item__TrailingContent",
160
- componentId: "jqpvy8-7"
161
- })(["color:", "};margin-left:", ";margin-right:0;width:auto;div:nth-child(2){margin-left:", ";}"], ({
162
- variant,
163
- disabled
164
- }) => getItemVariant(variant, disabled).annotationColor, (0, _constants.get)('space.2'), (0, _constants.get)('space.2'));
165
-
166
- const DescriptionContainer = _styledComponents.default.span.withConfig({
167
- displayName: "Item__DescriptionContainer",
168
- componentId: "jqpvy8-8"
169
- })(["color:", ";font-size:", ";line-height:16px;margin-left:var(--description-container-margin-left);min-width:0;flex-grow:1;flex-basis:var(--description-container-flex-basis);"], (0, _constants.get)('colors.fg.muted'), (0, _constants.get)('fontSizes.0'));
170
-
171
- const MultiSelectInput = _styledComponents.default.input.withConfig({
172
- displayName: "Item__MultiSelectInput",
173
- componentId: "jqpvy8-9"
174
- })(["pointer-events:none;"]);
175
- /**
176
- * An actionable or selectable `Item` with an optional icon and description.
177
- */
178
-
179
-
180
- const Item = /*#__PURE__*/_react.default.forwardRef((itemProps, ref) => {
181
- const {
182
- as: Component,
183
- text,
184
- description,
185
- descriptionVariant = 'inline',
186
- selected,
187
- selectionVariant,
188
- leadingVisual: LeadingVisual,
189
- trailingIcon: TrailingIcon,
190
- trailingText,
191
- variant = 'default',
192
- showDivider,
193
- disabled,
194
- onAction,
195
- onKeyPress,
196
- children,
197
- onClick,
198
- id,
199
- ...props
200
- } = itemProps;
201
- const labelId = (0, _ssr.useSSRSafeId)();
202
- const descriptionId = (0, _ssr.useSSRSafeId)();
203
- const keyPressHandler = (0, _react.useCallback)(event => {
204
- if (disabled) {
205
- return;
206
- }
207
-
208
- onKeyPress === null || onKeyPress === void 0 ? void 0 : onKeyPress(event);
209
- const isCheckbox = event.target instanceof HTMLInputElement && event.target.type === 'checkbox';
210
-
211
- if (isCheckbox && event.key === ' ') {
212
- // space key on a checkbox will also trigger a click event. Ignore the space key so we don't get double events
213
- return;
214
- }
215
-
216
- if (!event.defaultPrevented && [' ', 'Enter'].includes(event.key)) {
217
- onAction === null || onAction === void 0 ? void 0 : onAction(itemProps, event);
218
- }
219
- }, [onAction, disabled, itemProps, onKeyPress]);
220
- const clickHandler = (0, _react.useCallback)(event => {
221
- if (disabled) {
222
- return;
223
- }
224
-
225
- onClick === null || onClick === void 0 ? void 0 : onClick(event);
226
-
227
- if (!event.defaultPrevented) {
228
- onAction === null || onAction === void 0 ? void 0 : onAction(itemProps, event);
229
- }
230
- }, [onAction, disabled, itemProps, onClick]);
231
- const customItemTheme = customItemThemes[variant];
232
- const hoverBackground = (0, _ThemeProvider.useColorSchemeVar)(customItemTheme.hover, 'inherit');
233
- const focusBackground = (0, _ThemeProvider.useColorSchemeVar)(customItemTheme.focus, 'inherit');
234
- const {
235
- theme
236
- } = (0, _ThemeProvider.useTheme)();
237
- return /*#__PURE__*/_react.default.createElement(StyledItem, _extends({
238
- ref: ref,
239
- as: Component,
240
- tabIndex: disabled ? undefined : -1,
241
- variant: variant,
242
- showDivider: showDivider,
243
- "aria-selected": selected,
244
- "aria-labelledby": text ? labelId : undefined,
245
- "aria-describedby": description ? descriptionId : undefined
246
- }, props, {
247
- "data-id": id,
248
- onKeyPress: keyPressHandler,
249
- onClick: clickHandler,
250
- hoverBackground: disabled ? 'inherit' : hoverBackground,
251
- focusBackground: disabled ? 'inherit' : focusBackground
252
- }), !!selected === selected && /*#__PURE__*/_react.default.createElement(BaseVisualContainer, null, selectionVariant === 'multiple' ? /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(MultiSelectInput, {
253
- disabled: disabled,
254
- tabIndex: -1,
255
- type: "checkbox",
256
- checked: selected,
257
- "aria-label": text,
258
- readOnly: true,
259
- "aria-readonly": "false"
260
- })) : selected && /*#__PURE__*/_react.default.createElement(_octiconsReact.CheckIcon, {
261
- fill: theme === null || theme === void 0 ? void 0 : theme.colors.text.primary
262
- })), LeadingVisual && /*#__PURE__*/_react.default.createElement(LeadingVisualContainer, {
263
- variant: variant,
264
- disabled: disabled
265
- }, /*#__PURE__*/_react.default.createElement(LeadingVisual, null)), /*#__PURE__*/_react.default.createElement(DividedContent, null, /*#__PURE__*/_react.default.createElement(MainContent, {
266
- style: {
267
- '--main-content-flex-direction': descriptionVariant === 'inline' ? 'row' : 'column'
268
- }
269
- }, children, text ? /*#__PURE__*/_react.default.createElement(TextContainer, {
270
- id: labelId
271
- }, text) : null, description ? /*#__PURE__*/_react.default.createElement(DescriptionContainer, {
272
- id: descriptionId,
273
- style: {
274
- '--description-container-margin-left': descriptionVariant === 'inline' ? (0, _constants.get)('space.2')(theme) : 0,
275
- '--description-container-flex-basis': descriptionVariant === 'inline' ? 0 : 'auto'
276
- }
277
- }, descriptionVariant === 'block' ? description : /*#__PURE__*/_react.default.createElement(_Truncate.default, {
278
- title: description,
279
- inline: true,
280
- maxWidth: "100%"
281
- }, description)) : null), TrailingIcon || trailingText ? /*#__PURE__*/_react.default.createElement(TrailingContent, {
282
- variant: variant,
283
- disabled: disabled
284
- }, trailingText, TrailingIcon && /*#__PURE__*/_react.default.createElement(TrailingIcon, null)) : null));
285
- });
286
-
287
- exports.Item = Item;
288
- Item.displayName = 'ActionList.Item';
@@ -1,88 +0,0 @@
1
- import React, { Key } from 'react';
2
- import type { AriaRole } from '../utils/types';
3
- import { Group, GroupProps } from './Group';
4
- import { ItemProps } from './Item';
5
- import { Merge } from '../utils/types/Merge';
6
- declare type RenderItemFn = (props: ItemProps) => React.ReactElement;
7
- export declare type ItemInput = Merge<React.ComponentPropsWithoutRef<'div'>, ItemProps> | ((Partial<ItemProps> & {
8
- renderItem: RenderItemFn;
9
- }) & {
10
- key?: Key;
11
- });
12
- /**
13
- * Contract for props passed to the `List` component.
14
- */
15
- export interface ListPropsBase {
16
- /**
17
- * A collection of `Item` props and `Item`-level custom `Item` renderers.
18
- */
19
- items: ItemInput[];
20
- /**
21
- * The ARIA role describing the function of `List` component. `listbox` is a common value.
22
- */
23
- role?: AriaRole;
24
- /**
25
- * id to attach to the base DOM node of the list
26
- */
27
- id?: string;
28
- /**
29
- * A `List`-level custom `Item` renderer. Every `Item` within this `List`
30
- * without a `Group`-level or `Item`-level custom `Item` renderer will be
31
- * rendered using this function component.
32
- */
33
- renderItem?: RenderItemFn;
34
- /**
35
- * A `List`-level custom `Group` renderer. Every `Group` within this `List`
36
- * without a `Group`-level custom `Item` renderer will be rendered using
37
- * this function component.
38
- */
39
- renderGroup?: typeof Group;
40
- /**
41
- * Style variations. Usage is discretionary.
42
- *
43
- * - `"inset"` - `List` children are offset (vertically and horizontally) from `List`’s edges
44
- * - `"full"` - `List` children are flush (vertically and horizontally) with `List` edges
45
- */
46
- variant?: 'inset' | 'full';
47
- /**
48
- * For `Item`s which can be selected, whether `multiple` `Item`s or a `single` `Item` can be selected
49
- */
50
- selectionVariant?: 'single' | 'multiple';
51
- /**
52
- * Whether to display a divider above each `Item` in this `List` when it does not follow a `Header` or `Divider`.
53
- */
54
- showItemDividers?: boolean;
55
- }
56
- /**
57
- * Contract for props passed to the `List` component, when its `Item`s are collected in `Group`s.
58
- */
59
- export interface GroupedListProps extends ListPropsBase {
60
- /**
61
- * A collection of `Group` props (except `items`), plus a unique group identifier
62
- * and `Group`-level custom `Item` or `Group` renderers.
63
- */
64
- groupMetadata: ((Omit<GroupProps, 'items'> | Omit<Partial<GroupProps> & {
65
- renderItem?: RenderItemFn;
66
- renderGroup?: typeof Group;
67
- }, 'items'>) & {
68
- groupId: string;
69
- })[];
70
- /**
71
- * A collection of `Item` props, plus associated group identifiers
72
- * and `Item`-level custom `Item` renderers.
73
- */
74
- items: ((ItemProps | (Partial<ItemProps> & {
75
- renderItem: RenderItemFn;
76
- })) & {
77
- groupId: string;
78
- })[];
79
- }
80
- /**
81
- * Contract for props passed to the `List` component.
82
- */
83
- export declare type ListProps = ListPropsBase | GroupedListProps;
84
- /**
85
- * Lists `Item`s, either grouped or ungrouped, with a `Divider` between each `Group`.
86
- */
87
- export declare const List: React.ForwardRefExoticComponent<ListProps & React.RefAttributes<HTMLDivElement>>;
88
- export {};