@primer/components 0.0.0-20211124581 → 0.0.0-2021113174023

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 (488) hide show
  1. package/CHANGELOG.md +4 -110
  2. package/dist/browser.esm.js +783 -738
  3. package/dist/browser.esm.js.map +1 -1
  4. package/dist/browser.umd.js +781 -736
  5. package/dist/browser.umd.js.map +1 -1
  6. package/lib/ActionList/Divider.jsx +29 -0
  7. package/lib/ActionList/Group.jsx +23 -0
  8. package/lib/ActionList/Header.jsx +66 -0
  9. package/lib/ActionList/Item.js +55 -30
  10. package/lib/ActionList/Item.jsx +311 -0
  11. package/lib/ActionList/List.jsx +138 -0
  12. package/lib/ActionList/index.js +12 -23
  13. package/lib/ActionList2/Description.jsx +29 -0
  14. package/lib/ActionList2/Divider.d.ts +2 -3
  15. package/lib/ActionList2/Divider.js +5 -10
  16. package/lib/ActionList2/Divider.jsx +22 -0
  17. package/lib/ActionList2/Group.d.ts +2 -28
  18. package/lib/ActionList2/Group.js +6 -55
  19. package/lib/ActionList2/Group.jsx +25 -0
  20. package/lib/ActionList2/Header.d.ts +26 -0
  21. package/lib/ActionList2/Header.js +55 -0
  22. package/lib/ActionList2/Header.jsx +36 -0
  23. package/lib/ActionList2/Item.js +6 -24
  24. package/lib/ActionList2/Item.jsx +174 -0
  25. package/lib/ActionList2/LinkItem.jsx +28 -0
  26. package/lib/ActionList2/List.d.ts +1 -1
  27. package/lib/ActionList2/List.js +1 -10
  28. package/lib/ActionList2/List.jsx +41 -0
  29. package/lib/ActionList2/Selection.js +1 -14
  30. package/lib/ActionList2/Selection.jsx +50 -0
  31. package/lib/ActionList2/Visuals.jsx +48 -0
  32. package/lib/ActionList2/index.d.ts +2 -1
  33. package/lib/ActionList2/index.js +23 -41
  34. package/lib/ActionMenu.jsx +73 -0
  35. package/lib/AnchoredOverlay/AnchoredOverlay.jsx +100 -0
  36. package/lib/AnchoredOverlay/index.js +4 -12
  37. package/lib/Autocomplete/Autocomplete.d.ts +3 -12
  38. package/lib/Autocomplete/Autocomplete.jsx +100 -0
  39. package/lib/Autocomplete/AutocompleteContext.jsx +5 -0
  40. package/lib/Autocomplete/AutocompleteInput.d.ts +3 -12
  41. package/lib/Autocomplete/AutocompleteInput.jsx +113 -0
  42. package/lib/Autocomplete/AutocompleteMenu.jsx +190 -0
  43. package/lib/Autocomplete/AutocompleteOverlay.jsx +55 -0
  44. package/lib/Autocomplete/index.js +7 -14
  45. package/lib/Avatar.d.ts +2 -1
  46. package/lib/Avatar.js +1 -1
  47. package/lib/Avatar.jsx +34 -0
  48. package/lib/AvatarPair.jsx +29 -0
  49. package/lib/AvatarStack.jsx +151 -0
  50. package/lib/BaseStyles.jsx +65 -0
  51. package/lib/BorderBox.jsx +18 -0
  52. package/lib/Box.jsx +10 -0
  53. package/lib/BranchName.d.ts +2 -1
  54. package/lib/BranchName.js +1 -1
  55. package/lib/BranchName.jsx +20 -0
  56. package/lib/Breadcrumbs.d.ts +7 -8
  57. package/lib/Breadcrumbs.js +12 -7
  58. package/lib/Breadcrumbs.jsx +74 -0
  59. package/lib/Button/Button.d.ts +3 -3
  60. package/lib/Button/Button.js +6 -2
  61. package/lib/Button/Button.jsx +60 -0
  62. package/lib/Button/ButtonBase.d.ts +8 -5
  63. package/lib/Button/ButtonBase.js +5 -1
  64. package/lib/Button/ButtonBase.jsx +36 -0
  65. package/lib/Button/ButtonClose.d.ts +46 -4
  66. package/lib/Button/ButtonClose.js +1 -1
  67. package/lib/Button/ButtonClose.jsx +55 -0
  68. package/lib/Button/ButtonDanger.d.ts +3 -3
  69. package/lib/Button/ButtonDanger.js +6 -2
  70. package/lib/Button/ButtonDanger.jsx +63 -0
  71. package/lib/Button/ButtonGroup.jsx +55 -0
  72. package/lib/Button/ButtonInvisible.d.ts +3 -3
  73. package/lib/Button/ButtonInvisible.js +6 -2
  74. package/lib/Button/ButtonInvisible.jsx +52 -0
  75. package/lib/Button/ButtonOutline.d.ts +3 -3
  76. package/lib/Button/ButtonOutline.js +6 -2
  77. package/lib/Button/ButtonOutline.jsx +63 -0
  78. package/lib/Button/ButtonPrimary.d.ts +3 -3
  79. package/lib/Button/ButtonPrimary.js +6 -2
  80. package/lib/Button/ButtonPrimary.jsx +62 -0
  81. package/lib/Button/ButtonStyles.jsx +37 -0
  82. package/lib/Button/ButtonTableList.d.ts +2 -1
  83. package/lib/Button/ButtonTableList.js +1 -1
  84. package/lib/Button/ButtonTableList.jsx +49 -0
  85. package/lib/Button/index.js +21 -70
  86. package/lib/Caret.jsx +93 -0
  87. package/lib/CircleBadge.d.ts +5 -4
  88. package/lib/CircleBadge.js +1 -1
  89. package/lib/CircleBadge.jsx +43 -0
  90. package/lib/CircleOcticon.d.ts +1 -2
  91. package/lib/CircleOcticon.jsx +21 -0
  92. package/lib/CounterLabel.d.ts +2 -1
  93. package/lib/CounterLabel.js +1 -1
  94. package/lib/CounterLabel.jsx +44 -0
  95. package/lib/Details.d.ts +2 -1
  96. package/lib/Details.js +3 -1
  97. package/lib/Details.jsx +21 -0
  98. package/lib/Dialog/ConfirmationDialog.jsx +146 -0
  99. package/lib/Dialog/Dialog.d.ts +9 -5
  100. package/lib/Dialog/Dialog.js +11 -17
  101. package/lib/Dialog/Dialog.jsx +273 -0
  102. package/lib/Dialog.d.ts +5 -5
  103. package/lib/Dialog.js +1 -1
  104. package/lib/Dialog.jsx +131 -0
  105. package/lib/Dropdown.d.ts +165 -16
  106. package/lib/Dropdown.js +3 -3
  107. package/lib/Dropdown.jsx +134 -0
  108. package/lib/DropdownMenu/DropdownButton.d.ts +47 -4
  109. package/lib/DropdownMenu/DropdownButton.js +1 -3
  110. package/lib/DropdownMenu/DropdownButton.jsx +14 -0
  111. package/lib/DropdownMenu/DropdownMenu.jsx +70 -0
  112. package/lib/DropdownMenu/index.js +6 -20
  113. package/lib/DropdownStyles.js +18 -26
  114. package/lib/EmojiPicker/EmojiPicker.d.ts +17 -0
  115. package/lib/EmojiPicker/EmojiPicker.js +202 -0
  116. package/lib/EmojiPicker/EmojiPicker.jsx +132 -0
  117. package/lib/EmojiPicker/EmojiPickerAnchor.d.ts +0 -0
  118. package/lib/EmojiPicker/EmojiPickerAnchor.js +1 -0
  119. package/lib/EmojiPicker/EmojiPickerAnchor.jsx +1 -0
  120. package/lib/EmojiPicker/EmojiPickerPanel.d.ts +3 -0
  121. package/lib/EmojiPicker/EmojiPickerPanel.js +18 -0
  122. package/lib/EmojiPicker/EmojiPickerPanel.jsx +10 -0
  123. package/lib/EmojiPicker/data.d.ts +9 -0
  124. package/lib/EmojiPicker/data.js +7254 -0
  125. package/lib/EmojiPicker/index.d.ts +2 -0
  126. package/lib/EmojiPicker/index.js +8 -0
  127. package/lib/FilterList.d.ts +303 -265
  128. package/lib/FilterList.js +6 -2
  129. package/lib/FilterList.jsx +63 -0
  130. package/lib/FilteredActionList/FilteredActionList.jsx +100 -0
  131. package/lib/FilteredActionList/index.js +4 -12
  132. package/lib/FilteredSearch.d.ts +2 -1
  133. package/lib/FilteredSearch.js +1 -1
  134. package/lib/FilteredSearch.jsx +29 -0
  135. package/lib/Flash.d.ts +2 -1
  136. package/lib/Flash.js +1 -1
  137. package/lib/Flash.jsx +70 -0
  138. package/lib/Flex.jsx +15 -0
  139. package/lib/FormGroup.d.ts +5 -4
  140. package/lib/FormGroup.js +2 -2
  141. package/lib/FormGroup.jsx +25 -0
  142. package/lib/Grid.jsx +15 -0
  143. package/lib/Header.d.ts +7 -6
  144. package/lib/Header.js +4 -4
  145. package/lib/Header.jsx +90 -0
  146. package/lib/Heading.d.ts +2 -1
  147. package/lib/Heading.js +6 -1
  148. package/lib/Heading.jsx +21 -0
  149. package/lib/Label.d.ts +2 -1
  150. package/lib/Label.js +3 -2
  151. package/lib/Label.jsx +84 -0
  152. package/lib/LabelGroup.d.ts +2 -1
  153. package/lib/LabelGroup.js +1 -1
  154. package/lib/LabelGroup.jsx +19 -0
  155. package/lib/Link.d.ts +2 -1
  156. package/lib/Link.js +1 -1
  157. package/lib/Link.jsx +38 -0
  158. package/lib/NewButton/button-counter.jsx +14 -0
  159. package/lib/NewButton/button.js +42 -34
  160. package/lib/NewButton/button.jsx +278 -0
  161. package/lib/NewButton/index.js +5 -12
  162. package/lib/NewButton/types.js +2 -1
  163. package/lib/Overlay.d.ts +11 -14
  164. package/lib/Overlay.js +4 -3
  165. package/lib/Overlay.jsx +156 -0
  166. package/lib/Pagehead.d.ts +2 -1
  167. package/lib/Pagehead.js +1 -1
  168. package/lib/Pagehead.jsx +18 -0
  169. package/lib/Pagination/Pagination.js +1 -1
  170. package/lib/Pagination/Pagination.jsx +163 -0
  171. package/lib/Pagination/index.js +6 -12
  172. package/lib/Pagination/model.jsx +174 -0
  173. package/lib/PointerBox.jsx +25 -0
  174. package/lib/Popover.d.ts +5 -4
  175. package/lib/Popover.js +5 -4
  176. package/lib/Popover.jsx +210 -0
  177. package/lib/Portal/Portal.jsx +79 -0
  178. package/lib/Portal/index.js +5 -16
  179. package/lib/Position.d.ts +4 -4
  180. package/lib/Position.jsx +46 -0
  181. package/lib/ProgressBar.d.ts +11 -16
  182. package/lib/ProgressBar.js +10 -6
  183. package/lib/ProgressBar.jsx +39 -0
  184. package/lib/SelectMenu/SelectMenu.d.ts +189 -35
  185. package/lib/SelectMenu/SelectMenu.js +3 -1
  186. package/lib/SelectMenu/SelectMenu.jsx +114 -0
  187. package/lib/SelectMenu/SelectMenuContext.jsx +5 -0
  188. package/lib/SelectMenu/SelectMenuDivider.d.ts +2 -1
  189. package/lib/SelectMenu/SelectMenuDivider.js +1 -1
  190. package/lib/SelectMenu/SelectMenuDivider.jsx +43 -0
  191. package/lib/SelectMenu/SelectMenuFilter.js +1 -1
  192. package/lib/SelectMenu/SelectMenuFilter.jsx +59 -0
  193. package/lib/SelectMenu/SelectMenuFooter.d.ts +2 -1
  194. package/lib/SelectMenu/SelectMenuFooter.js +1 -1
  195. package/lib/SelectMenu/SelectMenuFooter.jsx +46 -0
  196. package/lib/SelectMenu/SelectMenuHeader.d.ts +2 -1
  197. package/lib/SelectMenu/SelectMenuHeader.js +1 -1
  198. package/lib/SelectMenu/SelectMenuHeader.jsx +44 -0
  199. package/lib/SelectMenu/SelectMenuItem.d.ts +3 -2
  200. package/lib/SelectMenu/SelectMenuItem.js +1 -1
  201. package/lib/SelectMenu/SelectMenuItem.jsx +143 -0
  202. package/lib/SelectMenu/SelectMenuList.d.ts +2 -1
  203. package/lib/SelectMenu/SelectMenuList.js +1 -1
  204. package/lib/SelectMenu/SelectMenuList.jsx +60 -0
  205. package/lib/SelectMenu/SelectMenuLoadingAnimation.d.ts +2 -2
  206. package/lib/SelectMenu/SelectMenuLoadingAnimation.js +1 -3
  207. package/lib/SelectMenu/SelectMenuLoadingAnimation.jsx +21 -0
  208. package/lib/SelectMenu/SelectMenuModal.d.ts +3 -2
  209. package/lib/SelectMenu/SelectMenuModal.js +1 -1
  210. package/lib/SelectMenu/SelectMenuModal.jsx +119 -0
  211. package/lib/SelectMenu/SelectMenuTab.d.ts +2 -1
  212. package/lib/SelectMenu/SelectMenuTab.js +1 -1
  213. package/lib/SelectMenu/SelectMenuTab.jsx +93 -0
  214. package/lib/SelectMenu/SelectMenuTabPanel.d.ts +2 -1
  215. package/lib/SelectMenu/SelectMenuTabPanel.js +1 -1
  216. package/lib/SelectMenu/SelectMenuTabPanel.jsx +43 -0
  217. package/lib/SelectMenu/SelectMenuTabs.d.ts +2 -1
  218. package/lib/SelectMenu/SelectMenuTabs.js +1 -1
  219. package/lib/SelectMenu/SelectMenuTabs.jsx +58 -0
  220. package/lib/SelectMenu/hooks/useKeyboardNav.js +80 -96
  221. package/lib/SelectMenu/index.js +7 -14
  222. package/lib/SelectPanel/SelectPanel.jsx +105 -0
  223. package/lib/SelectPanel/index.js +4 -12
  224. package/lib/SideNav.d.ts +8 -11
  225. package/lib/SideNav.js +15 -8
  226. package/lib/SideNav.jsx +177 -0
  227. package/lib/Spinner.d.ts +2 -1
  228. package/lib/Spinner.js +3 -1
  229. package/lib/Spinner.jsx +35 -0
  230. package/lib/StateLabel.d.ts +2 -1
  231. package/lib/StateLabel.js +5 -6
  232. package/lib/StateLabel.jsx +94 -0
  233. package/lib/StyledOcticon.d.ts +2 -1
  234. package/lib/StyledOcticon.js +3 -1
  235. package/lib/StyledOcticon.jsx +20 -0
  236. package/lib/SubNav.d.ts +11 -5
  237. package/lib/SubNav.js +12 -7
  238. package/lib/SubNav.jsx +104 -0
  239. package/lib/TabNav.d.ts +4 -3
  240. package/lib/TabNav.js +2 -2
  241. package/lib/TabNav.jsx +60 -0
  242. package/lib/Text.jsx +14 -0
  243. package/lib/TextInput.d.ts +1 -8
  244. package/lib/TextInput.js +5 -16
  245. package/lib/TextInput.jsx +23 -0
  246. package/lib/TextInputWithTokens.d.ts +3 -12
  247. package/lib/TextInputWithTokens.jsx +218 -0
  248. package/lib/ThemeProvider.jsx +130 -0
  249. package/lib/Timeline.d.ts +393 -19
  250. package/lib/Timeline.js +13 -16
  251. package/lib/Timeline.jsx +124 -0
  252. package/lib/Token/AvatarToken.d.ts +1 -1
  253. package/lib/Token/AvatarToken.jsx +54 -0
  254. package/lib/Token/IssueLabelToken.d.ts +1 -1
  255. package/lib/Token/IssueLabelToken.jsx +125 -0
  256. package/lib/Token/Token.d.ts +1 -1
  257. package/lib/Token/Token.jsx +103 -0
  258. package/lib/Token/TokenBase.jsx +88 -0
  259. package/lib/Token/_RemoveTokenButton.jsx +108 -0
  260. package/lib/Token/_TokenTextContainer.jsx +49 -0
  261. package/lib/Token/index.js +11 -30
  262. package/lib/Tooltip.d.ts +2 -1
  263. package/lib/Tooltip.js +1 -1
  264. package/lib/Tooltip.jsx +246 -0
  265. package/lib/Truncate.d.ts +2 -1
  266. package/lib/Truncate.js +3 -1
  267. package/lib/Truncate.jsx +27 -0
  268. package/lib/UnderlineNav.d.ts +3 -2
  269. package/lib/UnderlineNav.js +2 -2
  270. package/lib/UnderlineNav.jsx +90 -0
  271. package/lib/_TextInputWrapper.d.ts +0 -3
  272. package/lib/_TextInputWrapper.js +7 -18
  273. package/lib/_TextInputWrapper.jsx +120 -0
  274. package/lib/_UnstyledTextInput.jsx +22 -0
  275. package/lib/behaviors/anchoredPosition.js +205 -234
  276. package/lib/behaviors/focusTrap.js +121 -157
  277. package/lib/behaviors/focusZone.js +434 -509
  278. package/lib/behaviors/scrollIntoViewingArea.js +18 -35
  279. package/lib/constants.js +39 -43
  280. package/lib/drafts.d.ts +0 -1
  281. package/lib/drafts.js +20 -43
  282. package/lib/hooks/index.js +16 -60
  283. package/lib/hooks/useAnchoredPosition.js +32 -40
  284. package/lib/hooks/useCombinedRefs.js +32 -36
  285. package/lib/hooks/useDetails.jsx +39 -0
  286. package/lib/hooks/useDialog.js +72 -96
  287. package/lib/hooks/useFocusTrap.js +43 -60
  288. package/lib/hooks/useFocusZone.js +54 -50
  289. package/lib/hooks/useOnEscapePress.js +25 -36
  290. package/lib/hooks/useOnOutsideClick.jsx +61 -0
  291. package/lib/hooks/useOpenAndCloseFocus.js +22 -34
  292. package/lib/hooks/useOverlay.jsx +15 -0
  293. package/lib/hooks/useProvidedRefOrCreate.js +10 -14
  294. package/lib/hooks/useProvidedStateOrCreate.js +13 -16
  295. package/lib/hooks/useRenderForcingRef.js +13 -17
  296. package/lib/hooks/useResizeObserver.js +15 -18
  297. package/lib/hooks/useSafeTimeout.js +22 -30
  298. package/lib/hooks/useScrollFlash.js +16 -23
  299. package/lib/index.d.ts +2 -2
  300. package/lib/index.js +165 -652
  301. package/lib/polyfills/eventListenerSignal.js +37 -45
  302. package/lib/sx.js +10 -22
  303. package/lib/theme-preval.js +64 -3169
  304. package/lib/theme.js +3 -12
  305. package/lib/utils/create-slots.jsx +65 -0
  306. package/lib/utils/deprecate.jsx +59 -0
  307. package/lib/utils/isNumeric.jsx +7 -0
  308. package/lib/utils/iterateFocusableElements.js +63 -85
  309. package/lib/utils/ssr.jsx +6 -0
  310. package/lib/utils/test-deprecations.jsx +20 -0
  311. package/lib/utils/test-helpers.jsx +8 -0
  312. package/lib/utils/test-matchers.jsx +100 -0
  313. package/lib/utils/testing.d.ts +61 -8
  314. package/lib/utils/testing.js +0 -29
  315. package/lib/utils/testing.jsx +206 -0
  316. package/lib/utils/theme.js +33 -47
  317. package/lib/utils/types/AriaRole.js +2 -1
  318. package/lib/utils/types/ComponentProps.js +2 -1
  319. package/lib/utils/types/Flatten.js +2 -1
  320. package/lib/utils/types/KeyPaths.js +2 -1
  321. package/lib/utils/types/MandateProps.js +16 -1
  322. package/lib/utils/types/Merge.js +2 -1
  323. package/lib/utils/types/index.js +16 -69
  324. package/lib/utils/uniqueId.js +5 -8
  325. package/lib/utils/use-force-update.js +8 -14
  326. package/lib/utils/useIsomorphicLayoutEffect.js +8 -11
  327. package/lib/utils/userAgent.js +8 -12
  328. package/lib-esm/ActionList/Item.js +56 -31
  329. package/lib-esm/ActionList2/Divider.d.ts +2 -3
  330. package/lib-esm/ActionList2/Divider.js +5 -8
  331. package/lib-esm/ActionList2/Group.d.ts +2 -28
  332. package/lib-esm/ActionList2/Group.js +5 -52
  333. package/lib-esm/ActionList2/Header.d.ts +26 -0
  334. package/lib-esm/ActionList2/Header.js +44 -0
  335. package/lib-esm/ActionList2/Item.js +6 -22
  336. package/lib-esm/ActionList2/List.d.ts +1 -1
  337. package/lib-esm/ActionList2/List.js +1 -8
  338. package/lib-esm/ActionList2/Selection.js +1 -12
  339. package/lib-esm/ActionList2/index.d.ts +2 -1
  340. package/lib-esm/Autocomplete/Autocomplete.d.ts +3 -12
  341. package/lib-esm/Autocomplete/AutocompleteInput.d.ts +3 -12
  342. package/lib-esm/Avatar.d.ts +2 -1
  343. package/lib-esm/Avatar.js +2 -2
  344. package/lib-esm/BranchName.d.ts +2 -1
  345. package/lib-esm/BranchName.js +2 -2
  346. package/lib-esm/Breadcrumbs.d.ts +7 -8
  347. package/lib-esm/Breadcrumbs.js +13 -8
  348. package/lib-esm/Button/Button.d.ts +3 -3
  349. package/lib-esm/Button/Button.js +2 -2
  350. package/lib-esm/Button/ButtonBase.d.ts +8 -5
  351. package/lib-esm/Button/ButtonBase.js +3 -1
  352. package/lib-esm/Button/ButtonClose.d.ts +46 -4
  353. package/lib-esm/Button/ButtonClose.js +2 -2
  354. package/lib-esm/Button/ButtonDanger.d.ts +3 -3
  355. package/lib-esm/Button/ButtonDanger.js +2 -2
  356. package/lib-esm/Button/ButtonInvisible.d.ts +3 -3
  357. package/lib-esm/Button/ButtonInvisible.js +2 -2
  358. package/lib-esm/Button/ButtonOutline.d.ts +3 -3
  359. package/lib-esm/Button/ButtonOutline.js +2 -2
  360. package/lib-esm/Button/ButtonPrimary.d.ts +3 -3
  361. package/lib-esm/Button/ButtonPrimary.js +2 -2
  362. package/lib-esm/Button/ButtonTableList.d.ts +2 -1
  363. package/lib-esm/Button/ButtonTableList.js +2 -2
  364. package/lib-esm/CircleBadge.d.ts +5 -4
  365. package/lib-esm/CircleBadge.js +2 -2
  366. package/lib-esm/CircleOcticon.d.ts +1 -2
  367. package/lib-esm/CounterLabel.d.ts +2 -1
  368. package/lib-esm/CounterLabel.js +2 -2
  369. package/lib-esm/Details.d.ts +2 -1
  370. package/lib-esm/Details.js +2 -1
  371. package/lib-esm/Dialog/Dialog.d.ts +9 -5
  372. package/lib-esm/Dialog/Dialog.js +12 -12
  373. package/lib-esm/Dialog.d.ts +5 -5
  374. package/lib-esm/Dialog.js +2 -2
  375. package/lib-esm/Dropdown.d.ts +165 -16
  376. package/lib-esm/Dropdown.js +4 -4
  377. package/lib-esm/DropdownMenu/DropdownButton.d.ts +47 -4
  378. package/lib-esm/DropdownMenu/DropdownButton.js +1 -3
  379. package/lib-esm/EmojiPicker/EmojiPicker.d.ts +17 -0
  380. package/lib-esm/EmojiPicker/EmojiPicker.js +181 -0
  381. package/lib-esm/EmojiPicker/EmojiPickerAnchor.d.ts +0 -0
  382. package/lib-esm/EmojiPicker/EmojiPickerAnchor.js +0 -0
  383. package/lib-esm/EmojiPicker/EmojiPickerPanel.d.ts +3 -0
  384. package/lib-esm/EmojiPicker/EmojiPickerPanel.js +8 -0
  385. package/lib-esm/EmojiPicker/data.d.ts +9 -0
  386. package/lib-esm/EmojiPicker/data.js +5434 -0
  387. package/lib-esm/EmojiPicker/index.d.ts +2 -0
  388. package/lib-esm/EmojiPicker/index.js +1 -0
  389. package/lib-esm/FilterList.d.ts +303 -265
  390. package/lib-esm/FilterList.js +7 -3
  391. package/lib-esm/FilteredSearch.d.ts +2 -1
  392. package/lib-esm/FilteredSearch.js +2 -2
  393. package/lib-esm/Flash.d.ts +2 -1
  394. package/lib-esm/Flash.js +2 -2
  395. package/lib-esm/FormGroup.d.ts +5 -4
  396. package/lib-esm/FormGroup.js +3 -3
  397. package/lib-esm/Header.d.ts +7 -6
  398. package/lib-esm/Header.js +5 -5
  399. package/lib-esm/Heading.d.ts +2 -1
  400. package/lib-esm/Heading.js +6 -2
  401. package/lib-esm/Label.d.ts +2 -1
  402. package/lib-esm/Label.js +4 -3
  403. package/lib-esm/LabelGroup.d.ts +2 -1
  404. package/lib-esm/LabelGroup.js +2 -2
  405. package/lib-esm/Link.d.ts +2 -1
  406. package/lib-esm/Link.js +2 -2
  407. package/lib-esm/NewButton/button.js +42 -31
  408. package/lib-esm/Overlay.d.ts +11 -14
  409. package/lib-esm/Overlay.js +3 -2
  410. package/lib-esm/Pagehead.d.ts +2 -1
  411. package/lib-esm/Pagehead.js +2 -2
  412. package/lib-esm/Pagination/Pagination.js +2 -2
  413. package/lib-esm/Popover.d.ts +5 -4
  414. package/lib-esm/Popover.js +5 -4
  415. package/lib-esm/Position.d.ts +4 -4
  416. package/lib-esm/ProgressBar.d.ts +11 -16
  417. package/lib-esm/ProgressBar.js +11 -7
  418. package/lib-esm/SelectMenu/SelectMenu.d.ts +189 -35
  419. package/lib-esm/SelectMenu/SelectMenu.js +2 -1
  420. package/lib-esm/SelectMenu/SelectMenuDivider.d.ts +2 -1
  421. package/lib-esm/SelectMenu/SelectMenuDivider.js +2 -2
  422. package/lib-esm/SelectMenu/SelectMenuFilter.js +2 -2
  423. package/lib-esm/SelectMenu/SelectMenuFooter.d.ts +2 -1
  424. package/lib-esm/SelectMenu/SelectMenuFooter.js +2 -2
  425. package/lib-esm/SelectMenu/SelectMenuHeader.d.ts +2 -1
  426. package/lib-esm/SelectMenu/SelectMenuHeader.js +2 -2
  427. package/lib-esm/SelectMenu/SelectMenuItem.d.ts +3 -2
  428. package/lib-esm/SelectMenu/SelectMenuItem.js +2 -2
  429. package/lib-esm/SelectMenu/SelectMenuList.d.ts +2 -1
  430. package/lib-esm/SelectMenu/SelectMenuList.js +2 -2
  431. package/lib-esm/SelectMenu/SelectMenuLoadingAnimation.d.ts +2 -2
  432. package/lib-esm/SelectMenu/SelectMenuLoadingAnimation.js +2 -3
  433. package/lib-esm/SelectMenu/SelectMenuModal.d.ts +3 -2
  434. package/lib-esm/SelectMenu/SelectMenuModal.js +2 -2
  435. package/lib-esm/SelectMenu/SelectMenuTab.d.ts +2 -1
  436. package/lib-esm/SelectMenu/SelectMenuTab.js +2 -2
  437. package/lib-esm/SelectMenu/SelectMenuTabPanel.d.ts +2 -1
  438. package/lib-esm/SelectMenu/SelectMenuTabPanel.js +2 -2
  439. package/lib-esm/SelectMenu/SelectMenuTabs.d.ts +2 -1
  440. package/lib-esm/SelectMenu/SelectMenuTabs.js +2 -2
  441. package/lib-esm/SideNav.d.ts +8 -11
  442. package/lib-esm/SideNav.js +16 -8
  443. package/lib-esm/Spinner.d.ts +2 -1
  444. package/lib-esm/Spinner.js +2 -1
  445. package/lib-esm/StateLabel.d.ts +2 -1
  446. package/lib-esm/StateLabel.js +6 -7
  447. package/lib-esm/StyledOcticon.d.ts +2 -1
  448. package/lib-esm/StyledOcticon.js +2 -1
  449. package/lib-esm/SubNav.d.ts +11 -5
  450. package/lib-esm/SubNav.js +13 -8
  451. package/lib-esm/TabNav.d.ts +4 -3
  452. package/lib-esm/TabNav.js +3 -3
  453. package/lib-esm/TextInput.d.ts +1 -8
  454. package/lib-esm/TextInput.js +5 -16
  455. package/lib-esm/TextInputWithTokens.d.ts +3 -12
  456. package/lib-esm/Timeline.d.ts +393 -19
  457. package/lib-esm/Timeline.js +13 -12
  458. package/lib-esm/Token/AvatarToken.d.ts +1 -1
  459. package/lib-esm/Token/IssueLabelToken.d.ts +1 -1
  460. package/lib-esm/Token/Token.d.ts +1 -1
  461. package/lib-esm/Tooltip.d.ts +2 -1
  462. package/lib-esm/Tooltip.js +2 -2
  463. package/lib-esm/Truncate.d.ts +2 -1
  464. package/lib-esm/Truncate.js +2 -1
  465. package/lib-esm/UnderlineNav.d.ts +3 -2
  466. package/lib-esm/UnderlineNav.js +3 -3
  467. package/lib-esm/_TextInputWrapper.d.ts +0 -3
  468. package/lib-esm/_TextInputWrapper.js +7 -18
  469. package/lib-esm/drafts.d.ts +0 -1
  470. package/lib-esm/drafts.js +1 -2
  471. package/lib-esm/index.d.ts +2 -2
  472. package/lib-esm/index.js +1 -1
  473. package/lib-esm/theme-preval.js +366 -512
  474. package/lib-esm/utils/testing.d.ts +61 -8
  475. package/lib-esm/utils/testing.js +0 -24
  476. package/package.json +6 -5
  477. package/lib/ActionList2/MenuContext.d.ts +0 -10
  478. package/lib/ActionList2/MenuContext.js +0 -15
  479. package/lib/ActionMenu2.d.ts +0 -310
  480. package/lib/ActionMenu2.js +0 -91
  481. package/lib/Checkbox.d.ts +0 -29
  482. package/lib/Checkbox.js +0 -64
  483. package/lib-esm/ActionList2/MenuContext.d.ts +0 -10
  484. package/lib-esm/ActionList2/MenuContext.js +0 -3
  485. package/lib-esm/ActionMenu2.d.ts +0 -310
  486. package/lib-esm/ActionMenu2.js +0 -67
  487. package/lib-esm/Checkbox.d.ts +0 -29
  488. package/lib-esm/Checkbox.js +0 -44
package/lib/Checkbox.js DELETED
@@ -1,64 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.default = void 0;
7
-
8
- var _styledComponents = _interopRequireDefault(require("styled-components"));
9
-
10
- var _hooks = require("./hooks");
11
-
12
- var _react = _interopRequireWildcard(require("react"));
13
-
14
- var _sx = _interopRequireDefault(require("./sx"));
15
-
16
- 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); }
17
-
18
- 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; }
19
-
20
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
21
-
22
- 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); }
23
-
24
- const StyledCheckbox = _styledComponents.default.input.withConfig({
25
- displayName: "Checkbox__StyledCheckbox",
26
- componentId: "i51804-0"
27
- })(["cursor:pointer;", " ", ""], props => props.disabled && `cursor: not-allowed;`, _sx.default);
28
- /**
29
- * An accessible, native checkbox component
30
- */
31
-
32
-
33
- const Checkbox = /*#__PURE__*/_react.default.forwardRef(({
34
- checked,
35
- indeterminate,
36
- disabled,
37
- sx: sxProp,
38
- required,
39
- validationStatus,
40
- ...rest
41
- }, ref) => {
42
- const checkboxRef = (0, _hooks.useProvidedRefOrCreate)(ref);
43
- (0, _react.useLayoutEffect)(() => {
44
- if (checkboxRef.current) {
45
- checkboxRef.current.indeterminate = indeterminate || false;
46
- }
47
- }, [indeterminate, checked, checkboxRef]);
48
- return /*#__PURE__*/_react.default.createElement(StyledCheckbox, _extends({
49
- type: "checkbox",
50
- disabled: disabled,
51
- "aria-disabled": disabled ? 'true' : 'false',
52
- ref: ref || checkboxRef,
53
- checked: indeterminate ? false : checked,
54
- "aria-checked": indeterminate ? 'mixed' : checked ? 'true' : 'false',
55
- sx: sxProp,
56
- required: required,
57
- "aria-required": required ? 'true' : 'false',
58
- "aria-invalid": validationStatus === 'error' ? 'true' : 'false'
59
- }, rest));
60
- });
61
-
62
- Checkbox.displayName = 'Checkbox';
63
- var _default = Checkbox;
64
- exports.default = _default;
@@ -1,10 +0,0 @@
1
- /** This context can be used by components that compose ActionList inside a Menu */
2
- import React from 'react';
3
- declare type ContextProps = {
4
- parent?: string;
5
- listRole?: string;
6
- itemRole?: string;
7
- afterSelect?: () => void;
8
- };
9
- export declare const MenuContext: React.Context<ContextProps>;
10
- export {};
@@ -1,3 +0,0 @@
1
- /** This context can be used by components that compose ActionList inside a Menu */
2
- import React from 'react';
3
- export const MenuContext = /*#__PURE__*/React.createContext({});
@@ -1,310 +0,0 @@
1
- import { ButtonProps } from './Button';
2
- import React from 'react';
3
- import { OverlayProps } from './Overlay';
4
- import { AnchoredOverlayWrapperAnchorProps } from './AnchoredOverlay/AnchoredOverlay';
5
- declare type ActionMenuBaseProps = {
6
- /**
7
- * Recommended: `ActionMenu.Button` or `ActionMenu.Anchor` with ActionList`
8
- */
9
- children: React.ReactElement[] | React.ReactElement;
10
- /**
11
- * If defined, will control the open/closed state of the overlay. Must be used in conjuction with `onOpenChange`.
12
- */
13
- open?: boolean;
14
- /**
15
- * If defined, will control the open/closed state of the overlay. Must be used in conjuction with `open`.
16
- */
17
- onOpenChange?: (s: boolean) => void;
18
- /**
19
- * Props to be spread on the internal `Overlay` component.
20
- */
21
- overlayProps?: Partial<OverlayProps>;
22
- };
23
- export declare type ActionMenuProps = ActionMenuBaseProps & AnchoredOverlayWrapperAnchorProps;
24
- export declare type MenuAnchorProps = {
25
- children: React.ReactElement;
26
- };
27
- /** this component is syntactical sugar 🍭 */
28
- export declare type MenuButtonProps = ButtonProps;
29
- export declare const ActionMenu: React.FC<ActionMenuProps> & {
30
- Button: React.ForwardRefExoticComponent<Pick<{
31
- color?: string | undefined;
32
- translate?: "yes" | "no" | undefined;
33
- hidden?: boolean | undefined;
34
- children?: React.ReactNode;
35
- value?: string | number | readonly string[] | undefined;
36
- ref?: ((instance: HTMLButtonElement | null) => void) | React.RefObject<HTMLButtonElement> | null | undefined;
37
- form?: string | undefined;
38
- slot?: string | undefined;
39
- style?: React.CSSProperties | undefined;
40
- title?: string | undefined;
41
- variant?: "small" | "medium" | "large" | undefined;
42
- role?: React.AriaRole | undefined;
43
- sx?: import("./sx").BetterSystemStyleObject | undefined;
44
- type?: "button" | "reset" | "submit" | undefined;
45
- name?: string | undefined;
46
- key?: React.Key | null | undefined;
47
- defaultChecked?: boolean | undefined;
48
- defaultValue?: string | number | readonly string[] | undefined;
49
- suppressContentEditableWarning?: boolean | undefined;
50
- suppressHydrationWarning?: boolean | undefined;
51
- accessKey?: string | undefined;
52
- className?: string | undefined;
53
- contentEditable?: "inherit" | (boolean | "false" | "true") | undefined;
54
- contextMenu?: string | undefined;
55
- dir?: string | undefined;
56
- draggable?: (boolean | "false" | "true") | undefined;
57
- id?: string | undefined;
58
- lang?: string | undefined;
59
- placeholder?: string | undefined;
60
- spellCheck?: (boolean | "false" | "true") | undefined;
61
- tabIndex?: number | undefined;
62
- radioGroup?: string | undefined;
63
- about?: string | undefined;
64
- datatype?: string | undefined;
65
- inlist?: any;
66
- prefix?: string | undefined;
67
- property?: string | undefined;
68
- resource?: string | undefined;
69
- typeof?: string | undefined;
70
- vocab?: string | undefined;
71
- autoCapitalize?: string | undefined;
72
- autoCorrect?: string | undefined;
73
- autoSave?: string | undefined;
74
- itemProp?: string | undefined;
75
- itemScope?: boolean | undefined;
76
- itemType?: string | undefined;
77
- itemID?: string | undefined;
78
- itemRef?: string | undefined;
79
- results?: number | undefined;
80
- security?: string | undefined;
81
- unselectable?: "on" | "off" | undefined;
82
- inputMode?: "search" | "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
83
- is?: string | undefined;
84
- 'aria-activedescendant'?: string | undefined;
85
- 'aria-atomic'?: boolean | "false" | "true" | undefined;
86
- 'aria-autocomplete'?: "none" | "both" | "inline" | "list" | undefined;
87
- 'aria-busy'?: boolean | "false" | "true" | undefined;
88
- 'aria-checked'?: boolean | "mixed" | "false" | "true" | undefined;
89
- 'aria-colcount'?: number | undefined;
90
- 'aria-colindex'?: number | undefined;
91
- 'aria-colspan'?: number | undefined;
92
- 'aria-controls'?: string | undefined;
93
- 'aria-current'?: boolean | "time" | "page" | "false" | "true" | "step" | "location" | "date" | undefined;
94
- 'aria-describedby'?: string | undefined;
95
- 'aria-details'?: string | undefined;
96
- 'aria-disabled'?: boolean | "false" | "true" | undefined;
97
- 'aria-dropeffect'?: "link" | "none" | "copy" | "move" | "execute" | "popup" | undefined;
98
- 'aria-errormessage'?: string | undefined;
99
- 'aria-expanded'?: boolean | "false" | "true" | undefined;
100
- 'aria-flowto'?: string | undefined;
101
- 'aria-grabbed'?: boolean | "false" | "true" | undefined;
102
- 'aria-haspopup'?: boolean | "grid" | "dialog" | "menu" | "listbox" | "false" | "true" | "tree" | undefined;
103
- 'aria-hidden'?: boolean | "false" | "true" | undefined;
104
- 'aria-invalid'?: boolean | "false" | "true" | "grammar" | "spelling" | undefined;
105
- 'aria-keyshortcuts'?: string | undefined;
106
- 'aria-label'?: string | undefined;
107
- 'aria-labelledby'?: string | undefined;
108
- 'aria-level'?: number | undefined;
109
- 'aria-live'?: "off" | "assertive" | "polite" | undefined;
110
- 'aria-modal'?: boolean | "false" | "true" | undefined;
111
- 'aria-multiline'?: boolean | "false" | "true" | undefined;
112
- 'aria-multiselectable'?: boolean | "false" | "true" | undefined;
113
- 'aria-orientation'?: "horizontal" | "vertical" | undefined;
114
- 'aria-owns'?: string | undefined;
115
- 'aria-placeholder'?: string | undefined;
116
- 'aria-posinset'?: number | undefined;
117
- 'aria-pressed'?: boolean | "mixed" | "false" | "true" | undefined;
118
- 'aria-readonly'?: boolean | "false" | "true" | undefined;
119
- 'aria-relevant'?: "all" | "text" | "additions" | "additions removals" | "additions text" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals" | undefined;
120
- 'aria-required'?: boolean | "false" | "true" | undefined;
121
- 'aria-roledescription'?: string | undefined;
122
- 'aria-rowcount'?: number | undefined;
123
- 'aria-rowindex'?: number | undefined;
124
- 'aria-rowspan'?: number | undefined;
125
- 'aria-selected'?: boolean | "false" | "true" | undefined;
126
- 'aria-setsize'?: number | undefined;
127
- 'aria-sort'?: "none" | "ascending" | "descending" | "other" | undefined;
128
- 'aria-valuemax'?: number | undefined;
129
- 'aria-valuemin'?: number | undefined;
130
- 'aria-valuenow'?: number | undefined;
131
- 'aria-valuetext'?: string | undefined;
132
- dangerouslySetInnerHTML?: {
133
- __html: string;
134
- } | undefined;
135
- onCopy?: React.ClipboardEventHandler<HTMLButtonElement> | undefined;
136
- onCopyCapture?: React.ClipboardEventHandler<HTMLButtonElement> | undefined;
137
- onCut?: React.ClipboardEventHandler<HTMLButtonElement> | undefined;
138
- onCutCapture?: React.ClipboardEventHandler<HTMLButtonElement> | undefined;
139
- onPaste?: React.ClipboardEventHandler<HTMLButtonElement> | undefined;
140
- onPasteCapture?: React.ClipboardEventHandler<HTMLButtonElement> | undefined;
141
- onCompositionEnd?: React.CompositionEventHandler<HTMLButtonElement> | undefined;
142
- onCompositionEndCapture?: React.CompositionEventHandler<HTMLButtonElement> | undefined;
143
- onCompositionStart?: React.CompositionEventHandler<HTMLButtonElement> | undefined;
144
- onCompositionStartCapture?: React.CompositionEventHandler<HTMLButtonElement> | undefined;
145
- onCompositionUpdate?: React.CompositionEventHandler<HTMLButtonElement> | undefined;
146
- onCompositionUpdateCapture?: React.CompositionEventHandler<HTMLButtonElement> | undefined;
147
- onFocus?: React.FocusEventHandler<HTMLButtonElement> | undefined;
148
- onFocusCapture?: React.FocusEventHandler<HTMLButtonElement> | undefined;
149
- onBlur?: React.FocusEventHandler<HTMLButtonElement> | undefined;
150
- onBlurCapture?: React.FocusEventHandler<HTMLButtonElement> | undefined;
151
- onChange?: React.FormEventHandler<HTMLButtonElement> | undefined;
152
- onChangeCapture?: React.FormEventHandler<HTMLButtonElement> | undefined;
153
- onBeforeInput?: React.FormEventHandler<HTMLButtonElement> | undefined;
154
- onBeforeInputCapture?: React.FormEventHandler<HTMLButtonElement> | undefined;
155
- onInput?: React.FormEventHandler<HTMLButtonElement> | undefined;
156
- onInputCapture?: React.FormEventHandler<HTMLButtonElement> | undefined;
157
- onReset?: React.FormEventHandler<HTMLButtonElement> | undefined;
158
- onResetCapture?: React.FormEventHandler<HTMLButtonElement> | undefined;
159
- onSubmit?: React.FormEventHandler<HTMLButtonElement> | undefined;
160
- onSubmitCapture?: React.FormEventHandler<HTMLButtonElement> | undefined;
161
- onInvalid?: React.FormEventHandler<HTMLButtonElement> | undefined;
162
- onInvalidCapture?: React.FormEventHandler<HTMLButtonElement> | undefined;
163
- onLoad?: React.ReactEventHandler<HTMLButtonElement> | undefined;
164
- onLoadCapture?: React.ReactEventHandler<HTMLButtonElement> | undefined;
165
- onError?: React.ReactEventHandler<HTMLButtonElement> | undefined;
166
- onErrorCapture?: React.ReactEventHandler<HTMLButtonElement> | undefined;
167
- onKeyDown?: React.KeyboardEventHandler<HTMLButtonElement> | undefined;
168
- onKeyDownCapture?: React.KeyboardEventHandler<HTMLButtonElement> | undefined;
169
- onKeyPress?: React.KeyboardEventHandler<HTMLButtonElement> | undefined;
170
- onKeyPressCapture?: React.KeyboardEventHandler<HTMLButtonElement> | undefined;
171
- onKeyUp?: React.KeyboardEventHandler<HTMLButtonElement> | undefined;
172
- onKeyUpCapture?: React.KeyboardEventHandler<HTMLButtonElement> | undefined;
173
- onAbort?: React.ReactEventHandler<HTMLButtonElement> | undefined;
174
- onAbortCapture?: React.ReactEventHandler<HTMLButtonElement> | undefined;
175
- onCanPlay?: React.ReactEventHandler<HTMLButtonElement> | undefined;
176
- onCanPlayCapture?: React.ReactEventHandler<HTMLButtonElement> | undefined;
177
- onCanPlayThrough?: React.ReactEventHandler<HTMLButtonElement> | undefined;
178
- onCanPlayThroughCapture?: React.ReactEventHandler<HTMLButtonElement> | undefined;
179
- onDurationChange?: React.ReactEventHandler<HTMLButtonElement> | undefined;
180
- onDurationChangeCapture?: React.ReactEventHandler<HTMLButtonElement> | undefined;
181
- onEmptied?: React.ReactEventHandler<HTMLButtonElement> | undefined;
182
- onEmptiedCapture?: React.ReactEventHandler<HTMLButtonElement> | undefined;
183
- onEncrypted?: React.ReactEventHandler<HTMLButtonElement> | undefined;
184
- onEncryptedCapture?: React.ReactEventHandler<HTMLButtonElement> | undefined;
185
- onEnded?: React.ReactEventHandler<HTMLButtonElement> | undefined;
186
- onEndedCapture?: React.ReactEventHandler<HTMLButtonElement> | undefined;
187
- onLoadedData?: React.ReactEventHandler<HTMLButtonElement> | undefined;
188
- onLoadedDataCapture?: React.ReactEventHandler<HTMLButtonElement> | undefined;
189
- onLoadedMetadata?: React.ReactEventHandler<HTMLButtonElement> | undefined;
190
- onLoadedMetadataCapture?: React.ReactEventHandler<HTMLButtonElement> | undefined;
191
- onLoadStart?: React.ReactEventHandler<HTMLButtonElement> | undefined;
192
- onLoadStartCapture?: React.ReactEventHandler<HTMLButtonElement> | undefined;
193
- onPause?: React.ReactEventHandler<HTMLButtonElement> | undefined;
194
- onPauseCapture?: React.ReactEventHandler<HTMLButtonElement> | undefined;
195
- onPlay?: React.ReactEventHandler<HTMLButtonElement> | undefined;
196
- onPlayCapture?: React.ReactEventHandler<HTMLButtonElement> | undefined;
197
- onPlaying?: React.ReactEventHandler<HTMLButtonElement> | undefined;
198
- onPlayingCapture?: React.ReactEventHandler<HTMLButtonElement> | undefined;
199
- onProgress?: React.ReactEventHandler<HTMLButtonElement> | undefined;
200
- onProgressCapture?: React.ReactEventHandler<HTMLButtonElement> | undefined;
201
- onRateChange?: React.ReactEventHandler<HTMLButtonElement> | undefined;
202
- onRateChangeCapture?: React.ReactEventHandler<HTMLButtonElement> | undefined;
203
- onSeeked?: React.ReactEventHandler<HTMLButtonElement> | undefined;
204
- onSeekedCapture?: React.ReactEventHandler<HTMLButtonElement> | undefined;
205
- onSeeking?: React.ReactEventHandler<HTMLButtonElement> | undefined;
206
- onSeekingCapture?: React.ReactEventHandler<HTMLButtonElement> | undefined;
207
- onStalled?: React.ReactEventHandler<HTMLButtonElement> | undefined;
208
- onStalledCapture?: React.ReactEventHandler<HTMLButtonElement> | undefined;
209
- onSuspend?: React.ReactEventHandler<HTMLButtonElement> | undefined;
210
- onSuspendCapture?: React.ReactEventHandler<HTMLButtonElement> | undefined;
211
- onTimeUpdate?: React.ReactEventHandler<HTMLButtonElement> | undefined;
212
- onTimeUpdateCapture?: React.ReactEventHandler<HTMLButtonElement> | undefined;
213
- onVolumeChange?: React.ReactEventHandler<HTMLButtonElement> | undefined;
214
- onVolumeChangeCapture?: React.ReactEventHandler<HTMLButtonElement> | undefined;
215
- onWaiting?: React.ReactEventHandler<HTMLButtonElement> | undefined;
216
- onWaitingCapture?: React.ReactEventHandler<HTMLButtonElement> | undefined;
217
- onAuxClick?: React.MouseEventHandler<HTMLButtonElement> | undefined;
218
- onAuxClickCapture?: React.MouseEventHandler<HTMLButtonElement> | undefined;
219
- onClick?: React.MouseEventHandler<HTMLButtonElement> | undefined;
220
- onClickCapture?: React.MouseEventHandler<HTMLButtonElement> | undefined;
221
- onContextMenu?: React.MouseEventHandler<HTMLButtonElement> | undefined;
222
- onContextMenuCapture?: React.MouseEventHandler<HTMLButtonElement> | undefined;
223
- onDoubleClick?: React.MouseEventHandler<HTMLButtonElement> | undefined;
224
- onDoubleClickCapture?: React.MouseEventHandler<HTMLButtonElement> | undefined;
225
- onDrag?: React.DragEventHandler<HTMLButtonElement> | undefined;
226
- onDragCapture?: React.DragEventHandler<HTMLButtonElement> | undefined;
227
- onDragEnd?: React.DragEventHandler<HTMLButtonElement> | undefined;
228
- onDragEndCapture?: React.DragEventHandler<HTMLButtonElement> | undefined;
229
- onDragEnter?: React.DragEventHandler<HTMLButtonElement> | undefined;
230
- onDragEnterCapture?: React.DragEventHandler<HTMLButtonElement> | undefined;
231
- onDragExit?: React.DragEventHandler<HTMLButtonElement> | undefined;
232
- onDragExitCapture?: React.DragEventHandler<HTMLButtonElement> | undefined;
233
- onDragLeave?: React.DragEventHandler<HTMLButtonElement> | undefined;
234
- onDragLeaveCapture?: React.DragEventHandler<HTMLButtonElement> | undefined;
235
- onDragOver?: React.DragEventHandler<HTMLButtonElement> | undefined;
236
- onDragOverCapture?: React.DragEventHandler<HTMLButtonElement> | undefined;
237
- onDragStart?: React.DragEventHandler<HTMLButtonElement> | undefined;
238
- onDragStartCapture?: React.DragEventHandler<HTMLButtonElement> | undefined;
239
- onDrop?: React.DragEventHandler<HTMLButtonElement> | undefined;
240
- onDropCapture?: React.DragEventHandler<HTMLButtonElement> | undefined;
241
- onMouseDown?: React.MouseEventHandler<HTMLButtonElement> | undefined;
242
- onMouseDownCapture?: React.MouseEventHandler<HTMLButtonElement> | undefined;
243
- onMouseEnter?: React.MouseEventHandler<HTMLButtonElement> | undefined;
244
- onMouseLeave?: React.MouseEventHandler<HTMLButtonElement> | undefined;
245
- onMouseMove?: React.MouseEventHandler<HTMLButtonElement> | undefined;
246
- onMouseMoveCapture?: React.MouseEventHandler<HTMLButtonElement> | undefined;
247
- onMouseOut?: React.MouseEventHandler<HTMLButtonElement> | undefined;
248
- onMouseOutCapture?: React.MouseEventHandler<HTMLButtonElement> | undefined;
249
- onMouseOver?: React.MouseEventHandler<HTMLButtonElement> | undefined;
250
- onMouseOverCapture?: React.MouseEventHandler<HTMLButtonElement> | undefined;
251
- onMouseUp?: React.MouseEventHandler<HTMLButtonElement> | undefined;
252
- onMouseUpCapture?: React.MouseEventHandler<HTMLButtonElement> | undefined;
253
- onSelect?: React.ReactEventHandler<HTMLButtonElement> | undefined;
254
- onSelectCapture?: React.ReactEventHandler<HTMLButtonElement> | undefined;
255
- onTouchCancel?: React.TouchEventHandler<HTMLButtonElement> | undefined;
256
- onTouchCancelCapture?: React.TouchEventHandler<HTMLButtonElement> | undefined;
257
- onTouchEnd?: React.TouchEventHandler<HTMLButtonElement> | undefined;
258
- onTouchEndCapture?: React.TouchEventHandler<HTMLButtonElement> | undefined;
259
- onTouchMove?: React.TouchEventHandler<HTMLButtonElement> | undefined;
260
- onTouchMoveCapture?: React.TouchEventHandler<HTMLButtonElement> | undefined;
261
- onTouchStart?: React.TouchEventHandler<HTMLButtonElement> | undefined;
262
- onTouchStartCapture?: React.TouchEventHandler<HTMLButtonElement> | undefined;
263
- onPointerDown?: React.PointerEventHandler<HTMLButtonElement> | undefined;
264
- onPointerDownCapture?: React.PointerEventHandler<HTMLButtonElement> | undefined;
265
- onPointerMove?: React.PointerEventHandler<HTMLButtonElement> | undefined;
266
- onPointerMoveCapture?: React.PointerEventHandler<HTMLButtonElement> | undefined;
267
- onPointerUp?: React.PointerEventHandler<HTMLButtonElement> | undefined;
268
- onPointerUpCapture?: React.PointerEventHandler<HTMLButtonElement> | undefined;
269
- onPointerCancel?: React.PointerEventHandler<HTMLButtonElement> | undefined;
270
- onPointerCancelCapture?: React.PointerEventHandler<HTMLButtonElement> | undefined;
271
- onPointerEnter?: React.PointerEventHandler<HTMLButtonElement> | undefined;
272
- onPointerEnterCapture?: React.PointerEventHandler<HTMLButtonElement> | undefined;
273
- onPointerLeave?: React.PointerEventHandler<HTMLButtonElement> | undefined;
274
- onPointerLeaveCapture?: React.PointerEventHandler<HTMLButtonElement> | undefined;
275
- onPointerOver?: React.PointerEventHandler<HTMLButtonElement> | undefined;
276
- onPointerOverCapture?: React.PointerEventHandler<HTMLButtonElement> | undefined;
277
- onPointerOut?: React.PointerEventHandler<HTMLButtonElement> | undefined;
278
- onPointerOutCapture?: React.PointerEventHandler<HTMLButtonElement> | undefined;
279
- onGotPointerCapture?: React.PointerEventHandler<HTMLButtonElement> | undefined;
280
- onGotPointerCaptureCapture?: React.PointerEventHandler<HTMLButtonElement> | undefined;
281
- onLostPointerCapture?: React.PointerEventHandler<HTMLButtonElement> | undefined;
282
- onLostPointerCaptureCapture?: React.PointerEventHandler<HTMLButtonElement> | undefined;
283
- onScroll?: React.UIEventHandler<HTMLButtonElement> | undefined;
284
- onScrollCapture?: React.UIEventHandler<HTMLButtonElement> | undefined;
285
- onWheel?: React.WheelEventHandler<HTMLButtonElement> | undefined;
286
- onWheelCapture?: React.WheelEventHandler<HTMLButtonElement> | undefined;
287
- onAnimationStart?: React.AnimationEventHandler<HTMLButtonElement> | undefined;
288
- onAnimationStartCapture?: React.AnimationEventHandler<HTMLButtonElement> | undefined;
289
- onAnimationEnd?: React.AnimationEventHandler<HTMLButtonElement> | undefined;
290
- onAnimationEndCapture?: React.AnimationEventHandler<HTMLButtonElement> | undefined;
291
- onAnimationIteration?: React.AnimationEventHandler<HTMLButtonElement> | undefined;
292
- onAnimationIterationCapture?: React.AnimationEventHandler<HTMLButtonElement> | undefined;
293
- onTransitionEnd?: React.TransitionEventHandler<HTMLButtonElement> | undefined;
294
- onTransitionEndCapture?: React.TransitionEventHandler<HTMLButtonElement> | undefined;
295
- css?: import("@emotion/core").InterpolationWithTheme<any>;
296
- as?: string | React.ComponentClass<any, any> | React.FunctionComponent<any> | undefined;
297
- disabled?: boolean | undefined;
298
- autoFocus?: boolean | undefined;
299
- formAction?: string | undefined;
300
- formEncType?: string | undefined;
301
- formMethod?: string | undefined;
302
- formNoValidate?: boolean | undefined;
303
- formTarget?: string | undefined;
304
- } & {
305
- theme?: any;
306
- }, "color" | "translate" | "hidden" | "children" | "theme" | "value" | "form" | "slot" | "style" | "title" | "variant" | "role" | "sx" | "type" | "name" | "key" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "id" | "lang" | "placeholder" | "spellCheck" | "tabIndex" | "radioGroup" | "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" | "css" | "as" | "disabled" | "autoFocus" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget"> & React.RefAttributes<React.RefObject<HTMLElement> | undefined>>;
307
- Anchor: React.ForwardRefExoticComponent<MenuAnchorProps & React.RefAttributes<React.RefObject<HTMLElement> | undefined>>;
308
- Divider: React.FC<import("./sx").SxProp>;
309
- };
310
- export {};
@@ -1,67 +0,0 @@
1
- import Button from './Button';
2
- import React from 'react';
3
- import { AnchoredOverlay } from './AnchoredOverlay';
4
- import { useProvidedStateOrCreate } from './hooks/useProvidedStateOrCreate';
5
- import { useProvidedRefOrCreate } from './hooks';
6
- import { Divider } from './ActionList2/Divider';
7
- import { MenuContext as ActionListMenuContext } from './ActionList2/MenuContext';
8
-
9
- const ActionMenuBase = ({
10
- anchorRef: externalAnchorRef,
11
- open,
12
- onOpenChange,
13
- overlayProps,
14
- children
15
- }) => {
16
- const [combinedOpenState, setCombinedOpenState] = useProvidedStateOrCreate(open, onOpenChange, false);
17
- const anchorRef = useProvidedRefOrCreate(externalAnchorRef);
18
- const onOpen = React.useCallback(() => setCombinedOpenState(true), [setCombinedOpenState]);
19
- const onClose = React.useCallback(() => setCombinedOpenState(false), [setCombinedOpenState]);
20
- let renderAnchor = null;
21
- const contents = [];
22
- React.Children.map(children, child => {
23
- if (child.type === MenuButton || child.type === Anchor) {
24
- renderAnchor = anchorProps => /*#__PURE__*/React.cloneElement(child, anchorProps);
25
- } else {
26
- contents.push(child);
27
- }
28
- });
29
- return /*#__PURE__*/React.createElement(AnchoredOverlay, {
30
- renderAnchor: renderAnchor,
31
- anchorRef: anchorRef,
32
- open: combinedOpenState,
33
- onOpen: onOpen,
34
- onClose: onClose,
35
- overlayProps: overlayProps
36
- }, /*#__PURE__*/React.createElement(ActionListMenuContext.Provider, {
37
- value: {
38
- parent: 'ActionMenu',
39
- listRole: 'menu',
40
- itemRole: 'menuitem',
41
- afterSelect: onClose
42
- }
43
- }, contents));
44
- };
45
-
46
- ActionMenuBase.displayName = "ActionMenuBase";
47
- const Anchor = /*#__PURE__*/React.forwardRef(({
48
- children,
49
- ...anchorProps
50
- }, anchorRef) => {
51
- return /*#__PURE__*/React.cloneElement(children, { ...anchorProps,
52
- ref: anchorRef
53
- });
54
- });
55
- /** this component is syntactical sugar 🍭 */
56
-
57
- const MenuButton = /*#__PURE__*/React.forwardRef((props, anchorRef) => {
58
- return /*#__PURE__*/React.createElement(Anchor, {
59
- ref: anchorRef
60
- }, /*#__PURE__*/React.createElement(Button, props));
61
- });
62
- ActionMenuBase.displayName = 'ActionMenu';
63
- export const ActionMenu = Object.assign(ActionMenuBase, {
64
- Button: MenuButton,
65
- Anchor,
66
- Divider
67
- });
@@ -1,29 +0,0 @@
1
- import React, { InputHTMLAttributes } from 'react';
2
- import { SxProp } from './sx';
3
- export declare type CheckboxProps = {
4
- /**
5
- * Apply indeterminate visual appearance to the checkbox
6
- */
7
- indeterminate?: boolean;
8
- /**
9
- * Apply inactive visual appearance to the checkbox
10
- */
11
- disabled?: boolean;
12
- /**
13
- * Forward a ref to the underlying input element
14
- */
15
- ref?: React.RefObject<HTMLInputElement>;
16
- /**
17
- * Indicates whether the checkbox must be checked
18
- */
19
- required?: boolean;
20
- /**
21
- * Indicates whether the checkbox validation state
22
- */
23
- validationStatus?: 'error' | 'success';
24
- } & InputHTMLAttributes<HTMLInputElement> & SxProp;
25
- /**
26
- * An accessible, native checkbox component
27
- */
28
- declare const Checkbox: React.ForwardRefExoticComponent<Pick<CheckboxProps, "sx" | keyof React.InputHTMLAttributes<HTMLInputElement> | "validationStatus" | "indeterminate"> & React.RefAttributes<HTMLInputElement>>;
29
- export default Checkbox;
@@ -1,44 +0,0 @@
1
- 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); }
2
-
3
- import styled from 'styled-components';
4
- import { useProvidedRefOrCreate } from './hooks';
5
- import React, { useLayoutEffect } from 'react';
6
- import sx from './sx';
7
- const StyledCheckbox = styled.input.withConfig({
8
- displayName: "Checkbox__StyledCheckbox",
9
- componentId: "i51804-0"
10
- })(["cursor:pointer;", " ", ""], props => props.disabled && `cursor: not-allowed;`, sx);
11
- /**
12
- * An accessible, native checkbox component
13
- */
14
-
15
- const Checkbox = /*#__PURE__*/React.forwardRef(({
16
- checked,
17
- indeterminate,
18
- disabled,
19
- sx: sxProp,
20
- required,
21
- validationStatus,
22
- ...rest
23
- }, ref) => {
24
- const checkboxRef = useProvidedRefOrCreate(ref);
25
- useLayoutEffect(() => {
26
- if (checkboxRef.current) {
27
- checkboxRef.current.indeterminate = indeterminate || false;
28
- }
29
- }, [indeterminate, checked, checkboxRef]);
30
- return /*#__PURE__*/React.createElement(StyledCheckbox, _extends({
31
- type: "checkbox",
32
- disabled: disabled,
33
- "aria-disabled": disabled ? 'true' : 'false',
34
- ref: ref || checkboxRef,
35
- checked: indeterminate ? false : checked,
36
- "aria-checked": indeterminate ? 'mixed' : checked ? 'true' : 'false',
37
- sx: sxProp,
38
- required: required,
39
- "aria-required": required ? 'true' : 'false',
40
- "aria-invalid": validationStatus === 'error' ? 'true' : 'false'
41
- }, rest));
42
- });
43
- Checkbox.displayName = 'Checkbox';
44
- export default Checkbox;