@primer/components 0.0.0-2021983515 → 0.0.0-2022530194733

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 (596) 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 -4
  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/Merge.d.ts +0 -19
  391. package/lib/utils/types/Merge.js +0 -1
  392. package/lib/utils/types/index.d.ts +0 -4
  393. package/lib/utils/types/index.js +0 -57
  394. package/lib/utils/uniqueId.d.ts +0 -1
  395. package/lib/utils/userAgent.d.ts +0 -1
  396. package/lib-esm/ActionList/Divider.d.ts +0 -9
  397. package/lib-esm/ActionList/Divider.js +0 -23
  398. package/lib-esm/ActionList/Group.d.ts +0 -28
  399. package/lib-esm/ActionList/Group.js +0 -24
  400. package/lib-esm/ActionList/Header.d.ts +0 -29
  401. package/lib-esm/ActionList/Header.js +0 -33
  402. package/lib-esm/ActionList/Item.d.ts +0 -92
  403. package/lib-esm/ActionList/Item.js +0 -253
  404. package/lib-esm/ActionList/List.d.ts +0 -88
  405. package/lib-esm/ActionList/List.js +0 -181
  406. package/lib-esm/ActionList/index.d.ts +0 -17
  407. package/lib-esm/ActionList/index.js +0 -18
  408. package/lib-esm/ActionMenu.d.ts +0 -40
  409. package/lib-esm/ActionMenu.js +0 -82
  410. package/lib-esm/AnchoredOverlay/AnchoredOverlay.d.ts +0 -62
  411. package/lib-esm/AnchoredOverlay/AnchoredOverlay.js +0 -104
  412. package/lib-esm/AnchoredOverlay/index.d.ts +0 -2
  413. package/lib-esm/AnchoredOverlay/index.js +0 -1
  414. package/lib-esm/Autocomplete/Autocomplete.d.ts +0 -40
  415. package/lib-esm/Autocomplete/Autocomplete.js +0 -47
  416. package/lib-esm/Autocomplete/AutocompleteContext.d.ts +0 -17
  417. package/lib-esm/Autocomplete/AutocompleteContext.js +0 -2
  418. package/lib-esm/Autocomplete/AutocompleteInput.d.ts +0 -9
  419. package/lib-esm/Autocomplete/AutocompleteInput.js +0 -131
  420. package/lib-esm/Autocomplete/AutocompleteMenu.d.ts +0 -71
  421. package/lib-esm/Autocomplete/AutocompleteMenu.js +0 -204
  422. package/lib-esm/Autocomplete/AutocompleteOverlay.d.ts +0 -17
  423. package/lib-esm/Autocomplete/AutocompleteOverlay.js +0 -51
  424. package/lib-esm/Autocomplete/index.d.ts +0 -2
  425. package/lib-esm/Autocomplete/index.js +0 -1
  426. package/lib-esm/Avatar.d.ts +0 -15
  427. package/lib-esm/AvatarPair.d.ts +0 -8
  428. package/lib-esm/AvatarStack.d.ts +0 -8
  429. package/lib-esm/BaseStyles.d.ts +0 -14
  430. package/lib-esm/BorderBox.d.ts +0 -7
  431. package/lib-esm/Box.d.ts +0 -6
  432. package/lib-esm/BranchName.d.ts +0 -6
  433. package/lib-esm/Breadcrumbs.d.ts +0 -40
  434. package/lib-esm/Button/Button.d.ts +0 -284
  435. package/lib-esm/Button/ButtonBase.d.ts +0 -12
  436. package/lib-esm/Button/ButtonClose.d.ts +0 -321
  437. package/lib-esm/Button/ButtonDanger.d.ts +0 -284
  438. package/lib-esm/Button/ButtonGroup.d.ts +0 -4
  439. package/lib-esm/Button/ButtonInvisible.d.ts +0 -284
  440. package/lib-esm/Button/ButtonOutline.d.ts +0 -284
  441. package/lib-esm/Button/ButtonPrimary.d.ts +0 -284
  442. package/lib-esm/Button/ButtonStyles.d.ts +0 -2
  443. package/lib-esm/Button/ButtonTableList.d.ts +0 -6
  444. package/lib-esm/Button/index.d.ts +0 -16
  445. package/lib-esm/Caret.d.ts +0 -21
  446. package/lib-esm/CircleBadge.d.ts +0 -25
  447. package/lib-esm/CircleOcticon.d.ts +0 -391
  448. package/lib-esm/CounterLabel.d.ts +0 -8
  449. package/lib-esm/Details.d.ts +0 -6
  450. package/lib-esm/Dialog/ConfirmationDialog.d.ts +0 -44
  451. package/lib-esm/Dialog/ConfirmationDialog.js +0 -169
  452. package/lib-esm/Dialog/Dialog.d.ts +0 -167
  453. package/lib-esm/Dialog/Dialog.js +0 -274
  454. package/lib-esm/Dialog.d.ts +0 -406
  455. package/lib-esm/Dropdown.d.ts +0 -1262
  456. package/lib-esm/DropdownMenu/DropdownButton.d.ts +0 -323
  457. package/lib-esm/DropdownMenu/DropdownButton.js +0 -16
  458. package/lib-esm/DropdownMenu/DropdownMenu.d.ts +0 -43
  459. package/lib-esm/DropdownMenu/DropdownMenu.js +0 -77
  460. package/lib-esm/DropdownMenu/index.d.ts +0 -4
  461. package/lib-esm/DropdownMenu/index.js +0 -2
  462. package/lib-esm/DropdownStyles.d.ts +0 -3
  463. package/lib-esm/FilterList.d.ts +0 -321
  464. package/lib-esm/FilteredActionList/FilteredActionList.d.ts +0 -16
  465. package/lib-esm/FilteredActionList/FilteredActionList.js +0 -109
  466. package/lib-esm/FilteredActionList/index.d.ts +0 -2
  467. package/lib-esm/FilteredActionList/index.js +0 -1
  468. package/lib-esm/FilteredSearch.d.ts +0 -6
  469. package/lib-esm/Flash.d.ts +0 -9
  470. package/lib-esm/Flex.d.ts +0 -7
  471. package/lib-esm/FormGroup.d.ts +0 -12
  472. package/lib-esm/Grid.d.ts +0 -7
  473. package/lib-esm/Header.d.ts +0 -24
  474. package/lib-esm/Heading.d.ts +0 -6
  475. package/lib-esm/Label.d.ts +0 -11
  476. package/lib-esm/LabelGroup.d.ts +0 -6
  477. package/lib-esm/Link.d.ts +0 -10
  478. package/lib-esm/Overlay.d.ts +0 -63
  479. package/lib-esm/Pagehead.d.ts +0 -6
  480. package/lib-esm/Pagination/Pagination.d.ts +0 -24
  481. package/lib-esm/Pagination/index.d.ts +0 -3
  482. package/lib-esm/Pagination/model.d.ts +0 -26
  483. package/lib-esm/PointerBox.d.ts +0 -11
  484. package/lib-esm/Popover.d.ts +0 -21
  485. package/lib-esm/Portal/Portal.d.ts +0 -25
  486. package/lib-esm/Portal/index.d.ts +0 -4
  487. package/lib-esm/Position.d.ts +0 -34
  488. package/lib-esm/ProgressBar.d.ts +0 -21
  489. package/lib-esm/SelectMenu/SelectMenu.d.ts +0 -1832
  490. package/lib-esm/SelectMenu/SelectMenuContext.d.ts +0 -8
  491. package/lib-esm/SelectMenu/SelectMenuDivider.d.ts +0 -6
  492. package/lib-esm/SelectMenu/SelectMenuFilter.d.ts +0 -9
  493. package/lib-esm/SelectMenu/SelectMenuFooter.d.ts +0 -6
  494. package/lib-esm/SelectMenu/SelectMenuHeader.d.ts +0 -11
  495. package/lib-esm/SelectMenu/SelectMenuItem.d.ts +0 -15
  496. package/lib-esm/SelectMenu/SelectMenuList.d.ts +0 -6
  497. package/lib-esm/SelectMenu/SelectMenuLoadingAnimation.d.ts +0 -7
  498. package/lib-esm/SelectMenu/SelectMenuModal.d.ts +0 -15
  499. package/lib-esm/SelectMenu/SelectMenuTab.d.ts +0 -14
  500. package/lib-esm/SelectMenu/SelectMenuTabPanel.d.ts +0 -13
  501. package/lib-esm/SelectMenu/SelectMenuTabs.d.ts +0 -11
  502. package/lib-esm/SelectMenu/hooks/useKeyboardNav.d.ts +0 -2
  503. package/lib-esm/SelectMenu/index.d.ts +0 -2
  504. package/lib-esm/SelectPanel/SelectPanel.d.ts +0 -25
  505. package/lib-esm/SelectPanel/SelectPanel.js +0 -127
  506. package/lib-esm/SelectPanel/index.d.ts +0 -2
  507. package/lib-esm/SelectPanel/index.js +0 -1
  508. package/lib-esm/SideNav.d.ts +0 -31
  509. package/lib-esm/Spinner.d.ts +0 -17
  510. package/lib-esm/Spinner.js +0 -46
  511. package/lib-esm/StateLabel.d.ts +0 -16
  512. package/lib-esm/StyledOcticon.d.ts +0 -12
  513. package/lib-esm/SubNav.d.ts +0 -32
  514. package/lib-esm/TabNav.d.ts +0 -20
  515. package/lib-esm/Text.d.ts +0 -6
  516. package/lib-esm/TextInput.d.ts +0 -14
  517. package/lib-esm/TextInputWithTokens.d.ts +0 -323
  518. package/lib-esm/TextInputWithTokens.js +0 -219
  519. package/lib-esm/ThemeProvider.d.ts +0 -26
  520. package/lib-esm/Timeline.d.ts +0 -407
  521. package/lib-esm/Token/IssueLabelToken.d.ts +0 -14
  522. package/lib-esm/Token/IssueLabelToken.js +0 -124
  523. package/lib-esm/Token/ProfileToken.d.ts +0 -7
  524. package/lib-esm/Token/ProfileToken.js +0 -33
  525. package/lib-esm/Token/Token.d.ts +0 -15
  526. package/lib-esm/Token/Token.js +0 -73
  527. package/lib-esm/Token/TokenBase.d.ts +0 -17
  528. package/lib-esm/Token/TokenBase.js +0 -87
  529. package/lib-esm/Token/_RemoveTokenButton.d.ts +0 -12
  530. package/lib-esm/Token/_RemoveTokenButton.js +0 -60
  531. package/lib-esm/Token/_TokenTextContainer.d.ts +0 -3
  532. package/lib-esm/Token/_TokenTextContainer.js +0 -15
  533. package/lib-esm/Token/index.d.ts +0 -3
  534. package/lib-esm/Token/index.js +0 -3
  535. package/lib-esm/Tooltip.d.ts +0 -18
  536. package/lib-esm/Truncate.d.ts +0 -11
  537. package/lib-esm/UnderlineNav.d.ts +0 -25
  538. package/lib-esm/_TextInputWrapper.d.ts +0 -10
  539. package/lib-esm/_TextInputWrapper.js +0 -31
  540. package/lib-esm/_UnstyledTextInput.d.ts +0 -2
  541. package/lib-esm/_UnstyledTextInput.js +0 -7
  542. package/lib-esm/behaviors/anchoredPosition.d.ts +0 -89
  543. package/lib-esm/behaviors/focusTrap.d.ts +0 -12
  544. package/lib-esm/behaviors/focusZone.d.ts +0 -137
  545. package/lib-esm/constants.d.ts +0 -20
  546. package/lib-esm/hooks/index.d.ts +0 -11
  547. package/lib-esm/hooks/useAnchoredPosition.d.ts +0 -20
  548. package/lib-esm/hooks/useCombinedRefs.d.ts +0 -10
  549. package/lib-esm/hooks/useCombinedRefs.js +0 -36
  550. package/lib-esm/hooks/useDetails.d.ts +0 -17
  551. package/lib-esm/hooks/useDialog.d.ts +0 -16
  552. package/lib-esm/hooks/useFocusTrap.d.ts +0 -32
  553. package/lib-esm/hooks/useFocusZone.d.ts +0 -23
  554. package/lib-esm/hooks/useOnEscapePress.d.ts +0 -23
  555. package/lib-esm/hooks/useOnOutsideClick.d.ts +0 -8
  556. package/lib-esm/hooks/useOpenAndCloseFocus.d.ts +0 -8
  557. package/lib-esm/hooks/useOverlay.d.ts +0 -15
  558. package/lib-esm/hooks/useProvidedRefOrCreate.d.ts +0 -10
  559. package/lib-esm/hooks/useProvidedStateOrCreate.d.ts +0 -10
  560. package/lib-esm/hooks/useProvidedStateOrCreate.js +0 -20
  561. package/lib-esm/hooks/useRenderForcingRef.d.ts +0 -8
  562. package/lib-esm/hooks/useRenderForcingRef.js +0 -18
  563. package/lib-esm/hooks/useResizeObserver.d.ts +0 -1
  564. package/lib-esm/hooks/useResizeObserver.js +0 -10
  565. package/lib-esm/hooks/useSafeTimeout.d.ts +0 -12
  566. package/lib-esm/hooks/useScrollFlash.d.ts +0 -6
  567. package/lib-esm/hooks/useScrollFlash.js +0 -22
  568. package/lib-esm/index.d.ts +0 -114
  569. package/lib-esm/polyfills/eventListenerSignal.d.ts +0 -6
  570. package/lib-esm/sx.d.ts +0 -6
  571. package/lib-esm/theme-preval.d.ts +0 -49
  572. package/lib-esm/theme.d.ts +0 -2
  573. package/lib-esm/utils/deprecate.d.ts +0 -18
  574. package/lib-esm/utils/isNumeric.d.ts +0 -1
  575. package/lib-esm/utils/iterateFocusableElements.d.ts +0 -42
  576. package/lib-esm/utils/scrollIntoViewingArea.d.ts +0 -1
  577. package/lib-esm/utils/scrollIntoViewingArea.js +0 -30
  578. package/lib-esm/utils/ssr.d.ts +0 -1
  579. package/lib-esm/utils/ssr.js +0 -1
  580. package/lib-esm/utils/test-deprecations.d.ts +0 -1
  581. package/lib-esm/utils/test-helpers.js +0 -7
  582. package/lib-esm/utils/test-matchers.d.ts +0 -1
  583. package/lib-esm/utils/testing.d.ts +0 -1028
  584. package/lib-esm/utils/theme.d.ts +0 -9
  585. package/lib-esm/utils/types/AriaRole.d.ts +0 -4
  586. package/lib-esm/utils/types/AriaRole.js +0 -1
  587. package/lib-esm/utils/types/ComponentProps.d.ts +0 -9
  588. package/lib-esm/utils/types/ComponentProps.js +0 -1
  589. package/lib-esm/utils/types/Flatten.d.ts +0 -4
  590. package/lib-esm/utils/types/Flatten.js +0 -1
  591. package/lib-esm/utils/types/Merge.d.ts +0 -19
  592. package/lib-esm/utils/types/Merge.js +0 -1
  593. package/lib-esm/utils/types/index.d.ts +0 -4
  594. package/lib-esm/utils/types/index.js +0 -4
  595. package/lib-esm/utils/uniqueId.d.ts +0 -1
  596. package/lib-esm/utils/userAgent.d.ts +0 -1
@@ -1,323 +0,0 @@
1
- import React from 'react';
2
- import { ButtonProps } from '../Button/Button';
3
- export declare type DropdownButtonProps = ButtonProps;
4
- export declare const DropdownButton: React.ForwardRefExoticComponent<Pick<React.PropsWithChildren<{
5
- backgroundColor?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
6
- color?: (string & import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>>) | undefined;
7
- display?: import("styled-system").ResponsiveValue<import("csstype").Property.Display, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
8
- fontSize?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
9
- height?: import("styled-system").ResponsiveValue<import("csstype").Property.Height<import("styled-system").TLengthStyledSystem>, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
10
- marginBottom?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
11
- marginLeft?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
12
- marginRight?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
13
- marginTop?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
14
- maxHeight?: import("styled-system").ResponsiveValue<import("csstype").Property.MaxHeight<import("styled-system").TLengthStyledSystem>, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
15
- maxWidth?: import("styled-system").ResponsiveValue<import("csstype").Property.MaxWidth<import("styled-system").TLengthStyledSystem>, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
16
- minHeight?: import("styled-system").ResponsiveValue<import("csstype").Property.MinHeight<import("styled-system").TLengthStyledSystem>, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
17
- minWidth?: import("styled-system").ResponsiveValue<import("csstype").Property.MinWidth<import("styled-system").TLengthStyledSystem>, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
18
- opacity?: import("styled-system").ResponsiveValue<import("csstype").Property.Opacity, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
19
- overflowX?: import("styled-system").ResponsiveValue<import("csstype").Property.OverflowX, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
20
- overflowY?: import("styled-system").ResponsiveValue<import("csstype").Property.OverflowY, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
21
- paddingBottom?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
22
- paddingLeft?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
23
- paddingRight?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
24
- paddingTop?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
25
- translate?: "yes" | "no" | undefined;
26
- verticalAlign?: import("styled-system").ResponsiveValue<import("csstype").Property.VerticalAlign<import("styled-system").TLengthStyledSystem>, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
27
- width?: import("styled-system").ResponsiveValue<import("csstype").Property.Width<import("styled-system").TLengthStyledSystem>, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
28
- margin?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
29
- overflow?: import("styled-system").ResponsiveValue<import("csstype").Property.Overflow, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
30
- padding?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
31
- hidden?: boolean | undefined;
32
- children?: React.ReactNode;
33
- value?: string | number | readonly string[] | undefined;
34
- ref?: ((instance: HTMLButtonElement | null) => void) | React.RefObject<HTMLButtonElement> | null | undefined;
35
- form?: string | undefined;
36
- p?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
37
- slot?: string | undefined;
38
- style?: React.CSSProperties | undefined;
39
- title?: string | undefined;
40
- type?: "button" | "reset" | "submit" | undefined;
41
- name?: string | undefined;
42
- key?: React.Key | null | undefined;
43
- defaultChecked?: boolean | undefined;
44
- defaultValue?: string | number | readonly string[] | undefined;
45
- suppressContentEditableWarning?: boolean | undefined;
46
- suppressHydrationWarning?: boolean | undefined;
47
- accessKey?: string | undefined;
48
- className?: string | undefined;
49
- contentEditable?: "inherit" | (boolean | "true" | "false") | undefined;
50
- contextMenu?: string | undefined;
51
- dir?: string | undefined;
52
- draggable?: (boolean | "true" | "false") | undefined;
53
- id?: string | undefined;
54
- lang?: string | undefined;
55
- placeholder?: string | undefined;
56
- spellCheck?: (boolean | "true" | "false") | undefined;
57
- tabIndex?: number | undefined;
58
- radioGroup?: string | undefined;
59
- role?: React.AriaRole | undefined;
60
- about?: string | undefined;
61
- datatype?: string | undefined;
62
- inlist?: any;
63
- prefix?: string | undefined;
64
- property?: string | undefined;
65
- resource?: string | undefined;
66
- typeof?: string | undefined;
67
- vocab?: string | undefined;
68
- autoCapitalize?: string | undefined;
69
- autoCorrect?: string | undefined;
70
- autoSave?: string | undefined;
71
- itemProp?: string | undefined;
72
- itemScope?: boolean | undefined;
73
- itemType?: string | undefined;
74
- itemID?: string | undefined;
75
- itemRef?: string | undefined;
76
- results?: number | undefined;
77
- security?: string | undefined;
78
- unselectable?: "on" | "off" | undefined;
79
- inputMode?: "none" | "text" | "search" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
80
- is?: string | undefined;
81
- 'aria-activedescendant'?: string | undefined;
82
- 'aria-atomic'?: boolean | "true" | "false" | undefined;
83
- 'aria-autocomplete'?: "none" | "list" | "inline" | "both" | undefined;
84
- 'aria-busy'?: boolean | "true" | "false" | undefined;
85
- 'aria-checked'?: boolean | "true" | "false" | "mixed" | undefined;
86
- 'aria-colcount'?: number | undefined;
87
- 'aria-colindex'?: number | undefined;
88
- 'aria-colspan'?: number | undefined;
89
- 'aria-controls'?: string | undefined;
90
- 'aria-current'?: boolean | "time" | "true" | "false" | "page" | "step" | "location" | "date" | undefined;
91
- 'aria-describedby'?: string | undefined;
92
- 'aria-details'?: string | undefined;
93
- 'aria-disabled'?: boolean | "true" | "false" | undefined;
94
- 'aria-dropeffect'?: "none" | "link" | "copy" | "execute" | "move" | "popup" | undefined;
95
- 'aria-errormessage'?: string | undefined;
96
- 'aria-expanded'?: boolean | "true" | "false" | undefined;
97
- 'aria-flowto'?: string | undefined;
98
- 'aria-grabbed'?: boolean | "true" | "false" | undefined;
99
- 'aria-haspopup'?: boolean | "grid" | "dialog" | "menu" | "listbox" | "tree" | "true" | "false" | undefined;
100
- 'aria-hidden'?: boolean | "true" | "false" | undefined;
101
- 'aria-invalid'?: boolean | "true" | "false" | "grammar" | "spelling" | undefined;
102
- 'aria-keyshortcuts'?: string | undefined;
103
- 'aria-label'?: string | undefined;
104
- 'aria-labelledby'?: string | undefined;
105
- 'aria-level'?: number | undefined;
106
- 'aria-live'?: "off" | "assertive" | "polite" | undefined;
107
- 'aria-modal'?: boolean | "true" | "false" | undefined;
108
- 'aria-multiline'?: boolean | "true" | "false" | undefined;
109
- 'aria-multiselectable'?: boolean | "true" | "false" | undefined;
110
- 'aria-orientation'?: "horizontal" | "vertical" | undefined;
111
- 'aria-owns'?: string | undefined;
112
- 'aria-placeholder'?: string | undefined;
113
- 'aria-posinset'?: number | undefined;
114
- 'aria-pressed'?: boolean | "true" | "false" | "mixed" | undefined;
115
- 'aria-readonly'?: boolean | "true" | "false" | undefined;
116
- 'aria-relevant'?: "all" | "text" | "additions" | "additions removals" | "additions text" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals" | undefined;
117
- 'aria-required'?: boolean | "true" | "false" | undefined;
118
- 'aria-roledescription'?: string | undefined;
119
- 'aria-rowcount'?: number | undefined;
120
- 'aria-rowindex'?: number | undefined;
121
- 'aria-rowspan'?: number | undefined;
122
- 'aria-selected'?: boolean | "true" | "false" | undefined;
123
- 'aria-setsize'?: number | undefined;
124
- 'aria-sort'?: "none" | "ascending" | "descending" | "other" | undefined;
125
- 'aria-valuemax'?: number | undefined;
126
- 'aria-valuemin'?: number | undefined;
127
- 'aria-valuenow'?: number | undefined;
128
- 'aria-valuetext'?: string | undefined;
129
- dangerouslySetInnerHTML?: {
130
- __html: string;
131
- } | undefined;
132
- onCopy?: React.ClipboardEventHandler<HTMLButtonElement> | undefined;
133
- onCopyCapture?: React.ClipboardEventHandler<HTMLButtonElement> | undefined;
134
- onCut?: React.ClipboardEventHandler<HTMLButtonElement> | undefined;
135
- onCutCapture?: React.ClipboardEventHandler<HTMLButtonElement> | undefined;
136
- onPaste?: React.ClipboardEventHandler<HTMLButtonElement> | undefined;
137
- onPasteCapture?: React.ClipboardEventHandler<HTMLButtonElement> | undefined;
138
- onCompositionEnd?: React.CompositionEventHandler<HTMLButtonElement> | undefined;
139
- onCompositionEndCapture?: React.CompositionEventHandler<HTMLButtonElement> | undefined;
140
- onCompositionStart?: React.CompositionEventHandler<HTMLButtonElement> | undefined;
141
- onCompositionStartCapture?: React.CompositionEventHandler<HTMLButtonElement> | undefined;
142
- onCompositionUpdate?: React.CompositionEventHandler<HTMLButtonElement> | undefined;
143
- onCompositionUpdateCapture?: React.CompositionEventHandler<HTMLButtonElement> | undefined;
144
- onFocus?: React.FocusEventHandler<HTMLButtonElement> | undefined;
145
- onFocusCapture?: React.FocusEventHandler<HTMLButtonElement> | undefined;
146
- onBlur?: React.FocusEventHandler<HTMLButtonElement> | undefined;
147
- onBlurCapture?: React.FocusEventHandler<HTMLButtonElement> | undefined;
148
- onChange?: React.FormEventHandler<HTMLButtonElement> | undefined;
149
- onChangeCapture?: React.FormEventHandler<HTMLButtonElement> | undefined;
150
- onBeforeInput?: React.FormEventHandler<HTMLButtonElement> | undefined;
151
- onBeforeInputCapture?: React.FormEventHandler<HTMLButtonElement> | undefined;
152
- onInput?: React.FormEventHandler<HTMLButtonElement> | undefined;
153
- onInputCapture?: React.FormEventHandler<HTMLButtonElement> | undefined;
154
- onReset?: React.FormEventHandler<HTMLButtonElement> | undefined;
155
- onResetCapture?: React.FormEventHandler<HTMLButtonElement> | undefined;
156
- onSubmit?: React.FormEventHandler<HTMLButtonElement> | undefined;
157
- onSubmitCapture?: React.FormEventHandler<HTMLButtonElement> | undefined;
158
- onInvalid?: React.FormEventHandler<HTMLButtonElement> | undefined;
159
- onInvalidCapture?: React.FormEventHandler<HTMLButtonElement> | undefined;
160
- onLoad?: React.ReactEventHandler<HTMLButtonElement> | undefined;
161
- onLoadCapture?: React.ReactEventHandler<HTMLButtonElement> | undefined;
162
- onError?: React.ReactEventHandler<HTMLButtonElement> | undefined;
163
- onErrorCapture?: React.ReactEventHandler<HTMLButtonElement> | undefined;
164
- onKeyDown?: React.KeyboardEventHandler<HTMLButtonElement> | undefined;
165
- onKeyDownCapture?: React.KeyboardEventHandler<HTMLButtonElement> | undefined;
166
- onKeyPress?: React.KeyboardEventHandler<HTMLButtonElement> | undefined;
167
- onKeyPressCapture?: React.KeyboardEventHandler<HTMLButtonElement> | undefined;
168
- onKeyUp?: React.KeyboardEventHandler<HTMLButtonElement> | undefined;
169
- onKeyUpCapture?: React.KeyboardEventHandler<HTMLButtonElement> | undefined;
170
- onAbort?: React.ReactEventHandler<HTMLButtonElement> | undefined;
171
- onAbortCapture?: React.ReactEventHandler<HTMLButtonElement> | undefined;
172
- onCanPlay?: React.ReactEventHandler<HTMLButtonElement> | undefined;
173
- onCanPlayCapture?: React.ReactEventHandler<HTMLButtonElement> | undefined;
174
- onCanPlayThrough?: React.ReactEventHandler<HTMLButtonElement> | undefined;
175
- onCanPlayThroughCapture?: React.ReactEventHandler<HTMLButtonElement> | undefined;
176
- onDurationChange?: React.ReactEventHandler<HTMLButtonElement> | undefined;
177
- onDurationChangeCapture?: React.ReactEventHandler<HTMLButtonElement> | undefined;
178
- onEmptied?: React.ReactEventHandler<HTMLButtonElement> | undefined;
179
- onEmptiedCapture?: React.ReactEventHandler<HTMLButtonElement> | undefined;
180
- onEncrypted?: React.ReactEventHandler<HTMLButtonElement> | undefined;
181
- onEncryptedCapture?: React.ReactEventHandler<HTMLButtonElement> | undefined;
182
- onEnded?: React.ReactEventHandler<HTMLButtonElement> | undefined;
183
- onEndedCapture?: React.ReactEventHandler<HTMLButtonElement> | undefined;
184
- onLoadedData?: React.ReactEventHandler<HTMLButtonElement> | undefined;
185
- onLoadedDataCapture?: React.ReactEventHandler<HTMLButtonElement> | undefined;
186
- onLoadedMetadata?: React.ReactEventHandler<HTMLButtonElement> | undefined;
187
- onLoadedMetadataCapture?: React.ReactEventHandler<HTMLButtonElement> | undefined;
188
- onLoadStart?: React.ReactEventHandler<HTMLButtonElement> | undefined;
189
- onLoadStartCapture?: React.ReactEventHandler<HTMLButtonElement> | undefined;
190
- onPause?: React.ReactEventHandler<HTMLButtonElement> | undefined;
191
- onPauseCapture?: React.ReactEventHandler<HTMLButtonElement> | undefined;
192
- onPlay?: React.ReactEventHandler<HTMLButtonElement> | undefined;
193
- onPlayCapture?: React.ReactEventHandler<HTMLButtonElement> | undefined;
194
- onPlaying?: React.ReactEventHandler<HTMLButtonElement> | undefined;
195
- onPlayingCapture?: React.ReactEventHandler<HTMLButtonElement> | undefined;
196
- onProgress?: React.ReactEventHandler<HTMLButtonElement> | undefined;
197
- onProgressCapture?: React.ReactEventHandler<HTMLButtonElement> | undefined;
198
- onRateChange?: React.ReactEventHandler<HTMLButtonElement> | undefined;
199
- onRateChangeCapture?: React.ReactEventHandler<HTMLButtonElement> | undefined;
200
- onSeeked?: React.ReactEventHandler<HTMLButtonElement> | undefined;
201
- onSeekedCapture?: React.ReactEventHandler<HTMLButtonElement> | undefined;
202
- onSeeking?: React.ReactEventHandler<HTMLButtonElement> | undefined;
203
- onSeekingCapture?: React.ReactEventHandler<HTMLButtonElement> | undefined;
204
- onStalled?: React.ReactEventHandler<HTMLButtonElement> | undefined;
205
- onStalledCapture?: React.ReactEventHandler<HTMLButtonElement> | undefined;
206
- onSuspend?: React.ReactEventHandler<HTMLButtonElement> | undefined;
207
- onSuspendCapture?: React.ReactEventHandler<HTMLButtonElement> | undefined;
208
- onTimeUpdate?: React.ReactEventHandler<HTMLButtonElement> | undefined;
209
- onTimeUpdateCapture?: React.ReactEventHandler<HTMLButtonElement> | undefined;
210
- onVolumeChange?: React.ReactEventHandler<HTMLButtonElement> | undefined;
211
- onVolumeChangeCapture?: React.ReactEventHandler<HTMLButtonElement> | undefined;
212
- onWaiting?: React.ReactEventHandler<HTMLButtonElement> | undefined;
213
- onWaitingCapture?: React.ReactEventHandler<HTMLButtonElement> | undefined;
214
- onAuxClick?: React.MouseEventHandler<HTMLButtonElement> | undefined;
215
- onAuxClickCapture?: React.MouseEventHandler<HTMLButtonElement> | undefined;
216
- onClick?: React.MouseEventHandler<HTMLButtonElement> | undefined;
217
- onClickCapture?: React.MouseEventHandler<HTMLButtonElement> | undefined;
218
- onContextMenu?: React.MouseEventHandler<HTMLButtonElement> | undefined;
219
- onContextMenuCapture?: React.MouseEventHandler<HTMLButtonElement> | undefined;
220
- onDoubleClick?: React.MouseEventHandler<HTMLButtonElement> | undefined;
221
- onDoubleClickCapture?: React.MouseEventHandler<HTMLButtonElement> | undefined;
222
- onDrag?: React.DragEventHandler<HTMLButtonElement> | undefined;
223
- onDragCapture?: React.DragEventHandler<HTMLButtonElement> | undefined;
224
- onDragEnd?: React.DragEventHandler<HTMLButtonElement> | undefined;
225
- onDragEndCapture?: React.DragEventHandler<HTMLButtonElement> | undefined;
226
- onDragEnter?: React.DragEventHandler<HTMLButtonElement> | undefined;
227
- onDragEnterCapture?: React.DragEventHandler<HTMLButtonElement> | undefined;
228
- onDragExit?: React.DragEventHandler<HTMLButtonElement> | undefined;
229
- onDragExitCapture?: React.DragEventHandler<HTMLButtonElement> | undefined;
230
- onDragLeave?: React.DragEventHandler<HTMLButtonElement> | undefined;
231
- onDragLeaveCapture?: React.DragEventHandler<HTMLButtonElement> | undefined;
232
- onDragOver?: React.DragEventHandler<HTMLButtonElement> | undefined;
233
- onDragOverCapture?: React.DragEventHandler<HTMLButtonElement> | undefined;
234
- onDragStart?: React.DragEventHandler<HTMLButtonElement> | undefined;
235
- onDragStartCapture?: React.DragEventHandler<HTMLButtonElement> | undefined;
236
- onDrop?: React.DragEventHandler<HTMLButtonElement> | undefined;
237
- onDropCapture?: React.DragEventHandler<HTMLButtonElement> | undefined;
238
- onMouseDown?: React.MouseEventHandler<HTMLButtonElement> | undefined;
239
- onMouseDownCapture?: React.MouseEventHandler<HTMLButtonElement> | undefined;
240
- onMouseEnter?: React.MouseEventHandler<HTMLButtonElement> | undefined;
241
- onMouseLeave?: React.MouseEventHandler<HTMLButtonElement> | undefined;
242
- onMouseMove?: React.MouseEventHandler<HTMLButtonElement> | undefined;
243
- onMouseMoveCapture?: React.MouseEventHandler<HTMLButtonElement> | undefined;
244
- onMouseOut?: React.MouseEventHandler<HTMLButtonElement> | undefined;
245
- onMouseOutCapture?: React.MouseEventHandler<HTMLButtonElement> | undefined;
246
- onMouseOver?: React.MouseEventHandler<HTMLButtonElement> | undefined;
247
- onMouseOverCapture?: React.MouseEventHandler<HTMLButtonElement> | undefined;
248
- onMouseUp?: React.MouseEventHandler<HTMLButtonElement> | undefined;
249
- onMouseUpCapture?: React.MouseEventHandler<HTMLButtonElement> | undefined;
250
- onSelect?: React.ReactEventHandler<HTMLButtonElement> | undefined;
251
- onSelectCapture?: React.ReactEventHandler<HTMLButtonElement> | undefined;
252
- onTouchCancel?: React.TouchEventHandler<HTMLButtonElement> | undefined;
253
- onTouchCancelCapture?: React.TouchEventHandler<HTMLButtonElement> | undefined;
254
- onTouchEnd?: React.TouchEventHandler<HTMLButtonElement> | undefined;
255
- onTouchEndCapture?: React.TouchEventHandler<HTMLButtonElement> | undefined;
256
- onTouchMove?: React.TouchEventHandler<HTMLButtonElement> | undefined;
257
- onTouchMoveCapture?: React.TouchEventHandler<HTMLButtonElement> | undefined;
258
- onTouchStart?: React.TouchEventHandler<HTMLButtonElement> | undefined;
259
- onTouchStartCapture?: React.TouchEventHandler<HTMLButtonElement> | undefined;
260
- onPointerDown?: React.PointerEventHandler<HTMLButtonElement> | undefined;
261
- onPointerDownCapture?: React.PointerEventHandler<HTMLButtonElement> | undefined;
262
- onPointerMove?: React.PointerEventHandler<HTMLButtonElement> | undefined;
263
- onPointerMoveCapture?: React.PointerEventHandler<HTMLButtonElement> | undefined;
264
- onPointerUp?: React.PointerEventHandler<HTMLButtonElement> | undefined;
265
- onPointerUpCapture?: React.PointerEventHandler<HTMLButtonElement> | undefined;
266
- onPointerCancel?: React.PointerEventHandler<HTMLButtonElement> | undefined;
267
- onPointerCancelCapture?: React.PointerEventHandler<HTMLButtonElement> | undefined;
268
- onPointerEnter?: React.PointerEventHandler<HTMLButtonElement> | undefined;
269
- onPointerEnterCapture?: React.PointerEventHandler<HTMLButtonElement> | undefined;
270
- onPointerLeave?: React.PointerEventHandler<HTMLButtonElement> | undefined;
271
- onPointerLeaveCapture?: React.PointerEventHandler<HTMLButtonElement> | undefined;
272
- onPointerOver?: React.PointerEventHandler<HTMLButtonElement> | undefined;
273
- onPointerOverCapture?: React.PointerEventHandler<HTMLButtonElement> | undefined;
274
- onPointerOut?: React.PointerEventHandler<HTMLButtonElement> | undefined;
275
- onPointerOutCapture?: React.PointerEventHandler<HTMLButtonElement> | undefined;
276
- onGotPointerCapture?: React.PointerEventHandler<HTMLButtonElement> | undefined;
277
- onGotPointerCaptureCapture?: React.PointerEventHandler<HTMLButtonElement> | undefined;
278
- onLostPointerCapture?: React.PointerEventHandler<HTMLButtonElement> | undefined;
279
- onLostPointerCaptureCapture?: React.PointerEventHandler<HTMLButtonElement> | undefined;
280
- onScroll?: React.UIEventHandler<HTMLButtonElement> | undefined;
281
- onScrollCapture?: React.UIEventHandler<HTMLButtonElement> | undefined;
282
- onWheel?: React.WheelEventHandler<HTMLButtonElement> | undefined;
283
- onWheelCapture?: React.WheelEventHandler<HTMLButtonElement> | undefined;
284
- onAnimationStart?: React.AnimationEventHandler<HTMLButtonElement> | undefined;
285
- onAnimationStartCapture?: React.AnimationEventHandler<HTMLButtonElement> | undefined;
286
- onAnimationEnd?: React.AnimationEventHandler<HTMLButtonElement> | undefined;
287
- onAnimationEndCapture?: React.AnimationEventHandler<HTMLButtonElement> | undefined;
288
- onAnimationIteration?: React.AnimationEventHandler<HTMLButtonElement> | undefined;
289
- onAnimationIterationCapture?: React.AnimationEventHandler<HTMLButtonElement> | undefined;
290
- onTransitionEnd?: React.TransitionEventHandler<HTMLButtonElement> | undefined;
291
- onTransitionEndCapture?: React.TransitionEventHandler<HTMLButtonElement> | undefined;
292
- bg?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
293
- m?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
294
- mt?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
295
- mr?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
296
- mb?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
297
- ml?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
298
- mx?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
299
- marginX?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
300
- my?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
301
- marginY?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
302
- pt?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
303
- pr?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
304
- pb?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
305
- pl?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
306
- px?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
307
- paddingX?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
308
- py?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
309
- paddingY?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
310
- size?: import("styled-system").ResponsiveValue<import("csstype").Property.Height<import("styled-system").TLengthStyledSystem>, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
311
- sx?: import("@styled-system/css").SystemStyleObject | undefined;
312
- autoFocus?: boolean | undefined;
313
- disabled?: boolean | undefined;
314
- formAction?: string | undefined;
315
- formEncType?: string | undefined;
316
- formMethod?: string | undefined;
317
- formNoValidate?: boolean | undefined;
318
- formTarget?: string | undefined;
319
- as?: string | React.ComponentClass<any, any> | React.FunctionComponent<any> | undefined;
320
- variant?: "large" | "medium" | "small" | undefined;
321
- } & {
322
- theme?: any;
323
- }>, "backgroundColor" | "color" | "display" | "fontSize" | "height" | "marginBottom" | "marginLeft" | "marginRight" | "marginTop" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "opacity" | "overflowX" | "overflowY" | "paddingBottom" | "paddingLeft" | "paddingRight" | "paddingTop" | "translate" | "verticalAlign" | "width" | "margin" | "overflow" | "padding" | "hidden" | "children" | "theme" | "value" | "form" | "p" | "slot" | "style" | "title" | "type" | "name" | "key" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "id" | "lang" | "placeholder" | "spellCheck" | "tabIndex" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "bg" | "m" | "mt" | "mr" | "mb" | "ml" | "mx" | "marginX" | "my" | "marginY" | "pt" | "pr" | "pb" | "pl" | "px" | "paddingX" | "py" | "paddingY" | "size" | "sx" | "autoFocus" | "disabled" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "as" | "variant"> & React.RefAttributes<HTMLElement>>;
@@ -1,31 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.DropdownButton = void 0;
7
-
8
- var _react = _interopRequireDefault(require("react"));
9
-
10
- var _octiconsReact = require("@primer/octicons-react");
11
-
12
- var _Button = _interopRequireDefault(require("../Button/Button"));
13
-
14
- var _StyledOcticon = _interopRequireDefault(require("../StyledOcticon"));
15
-
16
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
17
-
18
- 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); }
19
-
20
- const DropdownButton = /*#__PURE__*/_react.default.forwardRef(({
21
- children,
22
- ...props
23
- }, ref) => /*#__PURE__*/_react.default.createElement(_Button.default, _extends({
24
- ref: ref,
25
- type: "button"
26
- }, props), children, /*#__PURE__*/_react.default.createElement(_StyledOcticon.default, {
27
- icon: _octiconsReact.TriangleDownIcon,
28
- ml: 1
29
- })));
30
-
31
- exports.DropdownButton = DropdownButton;
@@ -1,43 +0,0 @@
1
- /// <reference types="react" />
2
- import { GroupedListProps, ListPropsBase, ItemInput } from '../ActionList/List';
3
- import { OverlayProps } from '../Overlay';
4
- import { AnchoredOverlayWrapperAnchorProps } from '../AnchoredOverlay/AnchoredOverlay';
5
- interface DropdownMenuBaseProps extends Partial<Omit<GroupedListProps, keyof ListPropsBase>>, ListPropsBase {
6
- /**
7
- * A placeholder value to display on the trigger button when no selection has been made.
8
- */
9
- placeholder?: string;
10
- /**
11
- * An `ItemProps` item from the list of `items` which is currently selected. This item will receive a checkmark next to it in the menu.
12
- */
13
- selectedItem?: ItemInput;
14
- /**
15
- * A callback which receives the selected item or `undefined` when an item is activated in the menu. If the activated item is the same as the current
16
- * `selectedItem`, `undefined` will be passed.
17
- */
18
- onChange?: (item?: ItemInput) => unknown;
19
- /**
20
- * Props to be spread on the internal `Overlay` component.
21
- */
22
- overlayProps?: Partial<OverlayProps>;
23
- /**
24
- * If defined, will control the open/closed state of the overlay. If not defined, the overlay will manage its own state (in other words, an
25
- * uncontrolled component). Must be used in conjuction with `onOpenChange`.
26
- */
27
- open?: boolean;
28
- /**
29
- * If defined, will control the open/closed state of the overlay. Must be used in conjuction with `open`.
30
- */
31
- onOpenChange?: (open: boolean) => void;
32
- }
33
- export declare type DropdownMenuProps = DropdownMenuBaseProps & AnchoredOverlayWrapperAnchorProps;
34
- /**
35
- * A `DropdownMenu` provides an anchor (button by default) that will open a floating menu of selectable items. The menu can be
36
- * opened and navigated using keyboard or mouse. When an item is selected, the menu will close and the `onChange` callback will be called.
37
- * If the default anchor button is used, the anchor contents will be updated with the selection.
38
- */
39
- export declare function DropdownMenu({ renderAnchor, anchorRef: externalAnchorRef, placeholder, selectedItem, onChange, overlayProps, items, open, onOpenChange, ...listProps }: DropdownMenuProps): JSX.Element;
40
- export declare namespace DropdownMenu {
41
- var displayName: string;
42
- }
43
- export {};
@@ -1,94 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.DropdownMenu = DropdownMenu;
7
-
8
- var _react = _interopRequireWildcard(require("react"));
9
-
10
- var _List = require("../ActionList/List");
11
-
12
- var _DropdownButton = require("./DropdownButton");
13
-
14
- var _AnchoredOverlay = require("../AnchoredOverlay");
15
-
16
- var _useProvidedRefOrCreate = require("../hooks/useProvidedRefOrCreate");
17
-
18
- var _useProvidedStateOrCreate = require("../hooks/useProvidedStateOrCreate");
19
-
20
- 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); }
21
-
22
- 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; }
23
-
24
- 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); }
25
-
26
- /**
27
- * A `DropdownMenu` provides an anchor (button by default) that will open a floating menu of selectable items. The menu can be
28
- * opened and navigated using keyboard or mouse. When an item is selected, the menu will close and the `onChange` callback will be called.
29
- * If the default anchor button is used, the anchor contents will be updated with the selection.
30
- */
31
- function DropdownMenu({
32
- renderAnchor = props => /*#__PURE__*/_react.default.createElement(_DropdownButton.DropdownButton, props),
33
- anchorRef: externalAnchorRef,
34
- placeholder,
35
- selectedItem,
36
- onChange,
37
- overlayProps,
38
- items,
39
- open,
40
- onOpenChange,
41
- ...listProps
42
- }) {
43
- const [combinedOpenState, setCombinedOpenState] = (0, _useProvidedStateOrCreate.useProvidedStateOrCreate)(open, onOpenChange, false);
44
- const onOpen = (0, _react.useCallback)(() => setCombinedOpenState(true), [setCombinedOpenState]);
45
- const onClose = (0, _react.useCallback)(() => setCombinedOpenState(false), [setCombinedOpenState]);
46
- const anchorRef = (0, _useProvidedRefOrCreate.useProvidedRefOrCreate)(externalAnchorRef);
47
- const renderMenuAnchor = (0, _react.useMemo)(() => {
48
- if (renderAnchor === null) {
49
- return null;
50
- }
51
-
52
- return props => {
53
- var _selectedItem$text;
54
-
55
- return renderAnchor({ ...props,
56
- children: (_selectedItem$text = selectedItem === null || selectedItem === void 0 ? void 0 : selectedItem.text) !== null && _selectedItem$text !== void 0 ? _selectedItem$text : placeholder
57
- });
58
- };
59
- }, [placeholder, renderAnchor, selectedItem === null || selectedItem === void 0 ? void 0 : selectedItem.text]);
60
- const itemsToRender = (0, _react.useMemo)(() => {
61
- return items.map(item => {
62
- return { ...item,
63
- role: 'option',
64
- selected: item === selectedItem,
65
- onAction: (itemFromAction, event) => {
66
- var _item$onAction;
67
-
68
- (_item$onAction = item.onAction) === null || _item$onAction === void 0 ? void 0 : _item$onAction.call(item, itemFromAction, event);
69
-
70
- if (event.defaultPrevented) {
71
- return;
72
- }
73
-
74
- onClose();
75
- onChange === null || onChange === void 0 ? void 0 : onChange(item === selectedItem ? undefined : item);
76
- }
77
- };
78
- });
79
- }, [items, onChange, onClose, selectedItem]);
80
- return /*#__PURE__*/_react.default.createElement(_AnchoredOverlay.AnchoredOverlay, {
81
- renderAnchor: renderMenuAnchor,
82
- anchorRef: anchorRef,
83
- open: combinedOpenState,
84
- onOpen: onOpen,
85
- onClose: onClose,
86
- overlayProps: overlayProps
87
- }, /*#__PURE__*/_react.default.createElement(_List.List, _extends({}, listProps, {
88
- role: "listbox",
89
- items: itemsToRender
90
- })));
91
- }
92
-
93
- DropdownMenu.displayName = "DropdownMenu";
94
- DropdownMenu.displayName = 'DropdownMenu';
@@ -1,4 +0,0 @@
1
- export { DropdownMenu } from './DropdownMenu';
2
- export type { DropdownMenuProps } from './DropdownMenu';
3
- export { DropdownButton } from './DropdownButton';
4
- export type { DropdownButtonProps } from './DropdownButton';
@@ -1,21 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- Object.defineProperty(exports, "DropdownMenu", {
7
- enumerable: true,
8
- get: function () {
9
- return _DropdownMenu.DropdownMenu;
10
- }
11
- });
12
- Object.defineProperty(exports, "DropdownButton", {
13
- enumerable: true,
14
- get: function () {
15
- return _DropdownButton.DropdownButton;
16
- }
17
- });
18
-
19
- var _DropdownMenu = require("./DropdownMenu");
20
-
21
- var _DropdownButton = require("./DropdownButton");
@@ -1,3 +0,0 @@
1
- import { Theme } from './ThemeProvider';
2
- declare const getDirectionStyles: (theme: Theme, direction: 'ne' | 'e' | 'se' | 's' | 'sw' | 'w') => string;
3
- export default getDirectionStyles;