@primer/components 31.2.0-rc.c7f73427 → 31.2.1-rc.0e01900c

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 (456) hide show
  1. package/.github/workflows/ci.yml +5 -2
  2. package/.github/workflows/release.yml +1 -0
  3. package/.github/workflows/release_canary.yml +1 -0
  4. package/CHANGELOG.md +18 -0
  5. package/dist/browser.esm.js +656 -645
  6. package/dist/browser.esm.js.map +1 -1
  7. package/dist/browser.umd.js +211 -200
  8. package/dist/browser.umd.js.map +1 -1
  9. package/docs/content/ActionList2.mdx +358 -0
  10. package/docs/content/StateLabel.md +5 -4
  11. package/docs/content/getting-started.md +1 -1
  12. package/docs/src/@primer/gatsby-theme-doctocat/live-code-scope.js +17 -0
  13. package/lib/ActionList/Divider.jsx +29 -0
  14. package/lib/ActionList/Group.jsx +23 -0
  15. package/lib/ActionList/Header.jsx +66 -0
  16. package/lib/ActionList/Item.js +28 -19
  17. package/lib/ActionList/Item.jsx +311 -0
  18. package/lib/ActionList/List.jsx +138 -0
  19. package/lib/ActionList/index.js +12 -23
  20. package/lib/ActionList2/Description.d.ts +12 -0
  21. package/lib/ActionList2/Description.js +57 -0
  22. package/lib/ActionList2/Description.jsx +29 -0
  23. package/lib/ActionList2/Divider.d.ts +5 -0
  24. package/lib/ActionList2/Divider.js +35 -0
  25. package/lib/ActionList2/Divider.jsx +22 -0
  26. package/lib/ActionList2/Group.d.ts +11 -0
  27. package/lib/ActionList2/Group.js +57 -0
  28. package/lib/ActionList2/Group.jsx +25 -0
  29. package/lib/ActionList2/Header.d.ts +26 -0
  30. package/lib/ActionList2/Header.js +55 -0
  31. package/lib/ActionList2/Header.jsx +36 -0
  32. package/lib/ActionList2/Item.d.ts +63 -0
  33. package/lib/ActionList2/Item.js +242 -0
  34. package/lib/ActionList2/Item.jsx +174 -0
  35. package/lib/ActionList2/LinkItem.d.ts +17 -0
  36. package/lib/ActionList2/LinkItem.js +57 -0
  37. package/lib/ActionList2/LinkItem.jsx +28 -0
  38. package/lib/ActionList2/List.d.ts +26 -0
  39. package/lib/ActionList2/List.js +59 -0
  40. package/lib/ActionList2/List.jsx +41 -0
  41. package/lib/ActionList2/Selection.d.ts +5 -0
  42. package/lib/ActionList2/Selection.js +84 -0
  43. package/lib/ActionList2/Selection.jsx +50 -0
  44. package/lib/ActionList2/Visuals.d.ts +9 -0
  45. package/lib/ActionList2/Visuals.js +90 -0
  46. package/lib/ActionList2/Visuals.jsx +48 -0
  47. package/lib/ActionList2/index.d.ts +36 -0
  48. package/lib/ActionList2/index.js +29 -0
  49. package/lib/ActionMenu.jsx +73 -0
  50. package/lib/AnchoredOverlay/AnchoredOverlay.jsx +100 -0
  51. package/lib/AnchoredOverlay/index.js +4 -12
  52. package/lib/Autocomplete/Autocomplete.d.ts +28 -28
  53. package/lib/Autocomplete/Autocomplete.jsx +100 -0
  54. package/lib/Autocomplete/AutocompleteContext.jsx +5 -0
  55. package/lib/Autocomplete/AutocompleteInput.d.ts +28 -28
  56. package/lib/Autocomplete/AutocompleteInput.jsx +113 -0
  57. package/lib/Autocomplete/AutocompleteMenu.jsx +190 -0
  58. package/lib/Autocomplete/AutocompleteOverlay.jsx +55 -0
  59. package/lib/Autocomplete/index.js +7 -14
  60. package/lib/Avatar.jsx +34 -0
  61. package/lib/AvatarPair.jsx +29 -0
  62. package/lib/AvatarStack.jsx +151 -0
  63. package/lib/BaseStyles.jsx +65 -0
  64. package/lib/BorderBox.jsx +18 -0
  65. package/lib/Box.jsx +10 -0
  66. package/lib/BranchName.jsx +20 -0
  67. package/lib/Breadcrumbs.jsx +74 -0
  68. package/lib/Button/Button.d.ts +25 -25
  69. package/lib/Button/Button.jsx +60 -0
  70. package/lib/Button/ButtonBase.jsx +36 -0
  71. package/lib/Button/ButtonClose.d.ts +45 -45
  72. package/lib/Button/ButtonClose.jsx +55 -0
  73. package/lib/Button/ButtonDanger.d.ts +25 -25
  74. package/lib/Button/ButtonDanger.jsx +63 -0
  75. package/lib/Button/ButtonGroup.jsx +55 -0
  76. package/lib/Button/ButtonInvisible.d.ts +25 -25
  77. package/lib/Button/ButtonInvisible.jsx +52 -0
  78. package/lib/Button/ButtonOutline.d.ts +25 -25
  79. package/lib/Button/ButtonOutline.jsx +63 -0
  80. package/lib/Button/ButtonPrimary.d.ts +25 -25
  81. package/lib/Button/ButtonPrimary.jsx +62 -0
  82. package/lib/Button/ButtonStyles.jsx +37 -0
  83. package/lib/Button/ButtonTableList.jsx +49 -0
  84. package/lib/Button/index.js +21 -70
  85. package/lib/Caret.jsx +93 -0
  86. package/lib/CircleBadge.jsx +43 -0
  87. package/lib/CircleOcticon.d.ts +42 -42
  88. package/lib/CircleOcticon.jsx +21 -0
  89. package/lib/CounterLabel.jsx +44 -0
  90. package/lib/Details.jsx +21 -0
  91. package/lib/Dialog/ConfirmationDialog.jsx +146 -0
  92. package/lib/Dialog/Dialog.js +1 -0
  93. package/lib/Dialog/Dialog.jsx +273 -0
  94. package/lib/Dialog.d.ts +45 -45
  95. package/lib/Dialog.jsx +131 -0
  96. package/lib/Dropdown.d.ts +176 -176
  97. package/lib/Dropdown.jsx +134 -0
  98. package/lib/DropdownMenu/DropdownButton.d.ts +46 -46
  99. package/lib/DropdownMenu/DropdownButton.jsx +14 -0
  100. package/lib/DropdownMenu/DropdownMenu.jsx +70 -0
  101. package/lib/DropdownMenu/index.js +6 -20
  102. package/lib/DropdownStyles.js +18 -26
  103. package/lib/FilterList.d.ts +42 -42
  104. package/lib/FilterList.jsx +63 -0
  105. package/lib/FilteredActionList/FilteredActionList.jsx +100 -0
  106. package/lib/FilteredActionList/index.js +4 -12
  107. package/lib/FilteredSearch.jsx +29 -0
  108. package/lib/Flash.jsx +70 -0
  109. package/lib/Flex.jsx +15 -0
  110. package/lib/FormGroup.jsx +25 -0
  111. package/lib/Grid.jsx +15 -0
  112. package/lib/Header.jsx +90 -0
  113. package/lib/Heading.jsx +21 -0
  114. package/lib/Label.jsx +84 -0
  115. package/lib/LabelGroup.jsx +19 -0
  116. package/lib/Link.jsx +38 -0
  117. package/lib/NewButton/button-counter.d.ts +6 -0
  118. package/lib/NewButton/button-counter.js +31 -0
  119. package/lib/NewButton/button-counter.jsx +14 -0
  120. package/lib/NewButton/button.d.ts +13 -0
  121. package/lib/NewButton/button.js +316 -0
  122. package/lib/NewButton/button.jsx +278 -0
  123. package/lib/NewButton/index.d.ts +14 -0
  124. package/lib/NewButton/index.js +8 -0
  125. package/lib/NewButton/types.d.ts +32 -0
  126. package/lib/NewButton/types.js +2 -0
  127. package/lib/Overlay.jsx +156 -0
  128. package/lib/Pagehead.jsx +18 -0
  129. package/lib/Pagination/Pagination.jsx +163 -0
  130. package/lib/Pagination/index.js +6 -12
  131. package/lib/Pagination/model.jsx +174 -0
  132. package/lib/PointerBox.jsx +25 -0
  133. package/lib/Popover.jsx +210 -0
  134. package/lib/Portal/Portal.jsx +79 -0
  135. package/lib/Portal/index.js +5 -16
  136. package/lib/Position.d.ts +4 -4
  137. package/lib/Position.jsx +46 -0
  138. package/lib/ProgressBar.jsx +39 -0
  139. package/lib/SelectMenu/SelectMenu.d.ts +246 -246
  140. package/lib/SelectMenu/SelectMenu.jsx +114 -0
  141. package/lib/SelectMenu/SelectMenuContext.jsx +5 -0
  142. package/lib/SelectMenu/SelectMenuDivider.jsx +43 -0
  143. package/lib/SelectMenu/SelectMenuFilter.jsx +59 -0
  144. package/lib/SelectMenu/SelectMenuFooter.jsx +46 -0
  145. package/lib/SelectMenu/SelectMenuHeader.jsx +44 -0
  146. package/lib/SelectMenu/SelectMenuItem.d.ts +1 -1
  147. package/lib/SelectMenu/SelectMenuItem.jsx +143 -0
  148. package/lib/SelectMenu/SelectMenuList.jsx +60 -0
  149. package/lib/SelectMenu/SelectMenuLoadingAnimation.jsx +21 -0
  150. package/lib/SelectMenu/SelectMenuModal.d.ts +1 -1
  151. package/lib/SelectMenu/SelectMenuModal.jsx +119 -0
  152. package/lib/SelectMenu/SelectMenuTab.jsx +93 -0
  153. package/lib/SelectMenu/SelectMenuTabPanel.jsx +43 -0
  154. package/lib/SelectMenu/SelectMenuTabs.jsx +58 -0
  155. package/lib/SelectMenu/hooks/useKeyboardNav.js +80 -96
  156. package/lib/SelectMenu/index.js +7 -14
  157. package/lib/SelectPanel/SelectPanel.jsx +105 -0
  158. package/lib/SelectPanel/index.js +4 -12
  159. package/lib/SideNav.jsx +177 -0
  160. package/lib/Spinner.jsx +35 -0
  161. package/lib/StateLabel.d.ts +1 -1
  162. package/lib/StateLabel.js +6 -1
  163. package/lib/StateLabel.jsx +94 -0
  164. package/lib/StyledOcticon.jsx +20 -0
  165. package/lib/SubNav.jsx +104 -0
  166. package/lib/TabNav.jsx +60 -0
  167. package/lib/Text.jsx +14 -0
  168. package/lib/TextInput.jsx +23 -0
  169. package/lib/TextInputWithTokens.d.ts +28 -28
  170. package/lib/TextInputWithTokens.jsx +218 -0
  171. package/lib/ThemeProvider.jsx +130 -0
  172. package/lib/Timeline.d.ts +43 -43
  173. package/lib/Timeline.jsx +124 -0
  174. package/lib/Token/AvatarToken.d.ts +1 -1
  175. package/lib/Token/AvatarToken.jsx +54 -0
  176. package/lib/Token/IssueLabelToken.d.ts +1 -1
  177. package/lib/Token/IssueLabelToken.jsx +125 -0
  178. package/lib/Token/Token.d.ts +1 -1
  179. package/lib/Token/Token.jsx +103 -0
  180. package/lib/Token/TokenBase.jsx +88 -0
  181. package/lib/Token/_RemoveTokenButton.jsx +108 -0
  182. package/lib/Token/_TokenTextContainer.jsx +49 -0
  183. package/lib/Token/index.js +11 -30
  184. package/lib/Tooltip.jsx +246 -0
  185. package/lib/Truncate.jsx +27 -0
  186. package/lib/UnderlineNav.jsx +90 -0
  187. package/lib/_TextInputWrapper.jsx +120 -0
  188. package/lib/_UnstyledTextInput.jsx +22 -0
  189. package/lib/__tests__/ActionList.test.jsx +49 -0
  190. package/lib/__tests__/ActionList.types.test.jsx +45 -0
  191. package/lib/__tests__/ActionList2.test.d.ts +1 -0
  192. package/lib/__tests__/ActionList2.test.js +53 -0
  193. package/lib/__tests__/ActionList2.test.jsx +46 -0
  194. package/lib/__tests__/ActionMenu.test.jsx +124 -0
  195. package/lib/__tests__/AnchoredOverlay.test.jsx +121 -0
  196. package/lib/__tests__/Autocomplete.test.jsx +299 -0
  197. package/lib/__tests__/Avatar.test.jsx +42 -0
  198. package/lib/__tests__/AvatarStack.test.jsx +43 -0
  199. package/lib/__tests__/BorderBox.test.jsx +36 -0
  200. package/lib/__tests__/Box.test.jsx +41 -0
  201. package/lib/__tests__/BranchName.test.jsx +27 -0
  202. package/lib/__tests__/Breadcrumbs.test.jsx +28 -0
  203. package/lib/__tests__/BreadcrumbsItem.test.jsx +31 -0
  204. package/lib/__tests__/Button.test.jsx +100 -0
  205. package/lib/__tests__/Caret.test.jsx +37 -0
  206. package/lib/__tests__/CircleBadge.test.jsx +55 -0
  207. package/lib/__tests__/CircleOcticon.test.jsx +45 -0
  208. package/lib/__tests__/ConfirmationDialog.test.jsx +119 -0
  209. package/lib/__tests__/CounterLabel.test.jsx +36 -0
  210. package/lib/__tests__/Details.test.jsx +85 -0
  211. package/lib/__tests__/Dialog.test.jsx +139 -0
  212. package/lib/__tests__/Dropdown.test.jsx +49 -0
  213. package/lib/__tests__/DropdownMenu.test.jsx +119 -0
  214. package/lib/__tests__/FilterList.test.jsx +27 -0
  215. package/lib/__tests__/FilterListItem.test.jsx +31 -0
  216. package/lib/__tests__/FilteredSearch.test.jsx +27 -0
  217. package/lib/__tests__/Flash.test.jsx +36 -0
  218. package/lib/__tests__/Flex.test.jsx +51 -0
  219. package/lib/__tests__/FormGroup.test.jsx +36 -0
  220. package/lib/__tests__/Grid.test.jsx +69 -0
  221. package/lib/__tests__/Header.test.jsx +45 -0
  222. package/lib/__tests__/Heading.test.jsx +71 -0
  223. package/lib/__tests__/KeyPaths.types.test.js +5 -8
  224. package/lib/__tests__/Label.test.jsx +33 -0
  225. package/lib/__tests__/LabelGroup.test.jsx +29 -0
  226. package/lib/__tests__/Link.test.jsx +43 -0
  227. package/lib/__tests__/Merge.types.test.js +13 -19
  228. package/lib/__tests__/NewButton.test.d.ts +1 -0
  229. package/lib/__tests__/NewButton.test.js +95 -0
  230. package/lib/__tests__/NewButton.test.jsx +61 -0
  231. package/lib/__tests__/Overlay.test.jsx +105 -0
  232. package/lib/__tests__/Pagehead.test.jsx +25 -0
  233. package/lib/__tests__/Pagination/Pagination.test.jsx +32 -0
  234. package/lib/__tests__/Pagination/PaginationModel.test.jsx +118 -0
  235. package/lib/__tests__/PointerBox.test.jsx +33 -0
  236. package/lib/__tests__/Popover.test.jsx +58 -0
  237. package/lib/__tests__/Portal.test.jsx +102 -0
  238. package/lib/__tests__/Position.test.jsx +96 -0
  239. package/lib/__tests__/ProgressBar.test.jsx +38 -0
  240. package/lib/__tests__/SelectMenu.test.jsx +120 -0
  241. package/lib/__tests__/SelectPanel.test.jsx +48 -0
  242. package/lib/__tests__/SideNav.test.jsx +55 -0
  243. package/lib/__tests__/Spinner.test.jsx +41 -0
  244. package/lib/__tests__/StateLabel.test.jsx +46 -0
  245. package/lib/__tests__/StyledOcticon.test.jsx +28 -0
  246. package/lib/__tests__/SubNav.test.jsx +47 -0
  247. package/lib/__tests__/SubNavLink.test.jsx +31 -0
  248. package/lib/__tests__/TabNav.test.jsx +32 -0
  249. package/lib/__tests__/Text.test.jsx +71 -0
  250. package/lib/__tests__/TextInput.test.jsx +45 -0
  251. package/lib/__tests__/TextInputWithTokens.test.jsx +302 -0
  252. package/lib/__tests__/ThemeProvider.test.jsx +314 -0
  253. package/lib/__tests__/Timeline.test.jsx +51 -0
  254. package/lib/__tests__/Token.test.jsx +93 -0
  255. package/lib/__tests__/Tooltip.test.jsx +46 -0
  256. package/lib/__tests__/Truncate.test.jsx +41 -0
  257. package/lib/__tests__/UnderlineNav.test.jsx +53 -0
  258. package/lib/__tests__/UnderlineNavLink.test.jsx +31 -0
  259. package/lib/__tests__/behaviors/anchoredPosition.test.js +229 -376
  260. package/lib/__tests__/behaviors/focusTrap.test.jsx +184 -0
  261. package/lib/__tests__/behaviors/focusZone.test.jsx +406 -0
  262. package/lib/__tests__/behaviors/iterateFocusableElements.test.jsx +58 -0
  263. package/lib/__tests__/behaviors/scrollIntoViewingArea.test.js +145 -216
  264. package/lib/__tests__/filterObject.test.js +48 -27
  265. package/lib/__tests__/hooks/useAnchoredPosition.test.jsx +29 -0
  266. package/lib/__tests__/hooks/useOnEscapePress.test.jsx +19 -0
  267. package/lib/__tests__/hooks/useOnOutsideClick.test.jsx +63 -0
  268. package/lib/__tests__/hooks/useOpenAndCloseFocus.test.jsx +61 -0
  269. package/lib/__tests__/hooks/useProvidedStateOrCreate.test.jsx +56 -0
  270. package/lib/__tests__/theme.test.js +33 -34
  271. package/lib/__tests__/themeGet.test.js +12 -23
  272. package/lib/__tests__/useSafeTimeout.test.jsx +36 -0
  273. package/lib/__tests__/utils/createSlots.test.d.ts +1 -0
  274. package/lib/__tests__/utils/createSlots.test.js +75 -0
  275. package/lib/__tests__/utils/createSlots.test.jsx +57 -0
  276. package/lib/behaviors/anchoredPosition.js +205 -234
  277. package/lib/behaviors/focusTrap.js +121 -157
  278. package/lib/behaviors/focusZone.js +434 -509
  279. package/lib/behaviors/scrollIntoViewingArea.js +18 -35
  280. package/lib/constants.js +39 -43
  281. package/lib/drafts.d.ts +8 -0
  282. package/lib/drafts.js +21 -0
  283. package/lib/hooks/index.js +16 -60
  284. package/lib/hooks/useAnchoredPosition.js +32 -40
  285. package/lib/hooks/useCombinedRefs.js +32 -36
  286. package/lib/hooks/useDetails.jsx +39 -0
  287. package/lib/hooks/useDialog.js +72 -96
  288. package/lib/hooks/useFocusTrap.js +43 -60
  289. package/lib/hooks/useFocusZone.js +54 -50
  290. package/lib/hooks/useOnEscapePress.js +25 -36
  291. package/lib/hooks/useOnOutsideClick.jsx +61 -0
  292. package/lib/hooks/useOpenAndCloseFocus.js +22 -34
  293. package/lib/hooks/useOverlay.jsx +15 -0
  294. package/lib/hooks/useProvidedRefOrCreate.js +10 -14
  295. package/lib/hooks/useProvidedStateOrCreate.js +13 -16
  296. package/lib/hooks/useRenderForcingRef.js +13 -17
  297. package/lib/hooks/useResizeObserver.js +15 -18
  298. package/lib/hooks/useSafeTimeout.js +22 -30
  299. package/lib/hooks/useScrollFlash.js +16 -23
  300. package/lib/index.d.ts +2 -0
  301. package/lib/index.js +163 -636
  302. package/lib/polyfills/eventListenerSignal.js +37 -45
  303. package/lib/stories/ActionList2.stories.js +908 -0
  304. package/lib/stories/NewButton.stories.js +230 -0
  305. package/lib/sx.d.ts +2 -0
  306. package/lib/sx.js +10 -14
  307. package/lib/theme-preval.js +65 -2945
  308. package/lib/theme.js +3 -12
  309. package/lib/utils/create-slots.d.ts +17 -0
  310. package/lib/utils/create-slots.js +105 -0
  311. package/lib/utils/create-slots.jsx +65 -0
  312. package/lib/utils/deprecate.jsx +59 -0
  313. package/lib/utils/isNumeric.jsx +7 -0
  314. package/lib/utils/iterateFocusableElements.js +63 -85
  315. package/lib/utils/ssr.jsx +6 -0
  316. package/lib/utils/test-deprecations.jsx +20 -0
  317. package/lib/utils/test-helpers.jsx +8 -0
  318. package/lib/utils/test-matchers.jsx +100 -0
  319. package/lib/utils/testing.d.ts +14 -1
  320. package/lib/utils/testing.jsx +206 -0
  321. package/lib/utils/theme.js +33 -47
  322. package/lib/utils/types/AriaRole.js +2 -1
  323. package/lib/utils/types/ComponentProps.js +2 -1
  324. package/lib/utils/types/Flatten.js +2 -1
  325. package/lib/utils/types/KeyPaths.js +2 -1
  326. package/lib/utils/types/MandateProps.js +16 -1
  327. package/lib/utils/types/Merge.js +2 -1
  328. package/lib/utils/types/index.js +16 -69
  329. package/lib/utils/uniqueId.js +5 -8
  330. package/lib/utils/use-force-update.d.ts +1 -0
  331. package/lib/utils/use-force-update.js +13 -0
  332. package/lib/utils/useIsomorphicLayoutEffect.js +8 -11
  333. package/lib/utils/userAgent.js +8 -12
  334. package/lib-esm/ActionList/Item.js +28 -19
  335. package/lib-esm/ActionList2/Description.d.ts +12 -0
  336. package/lib-esm/ActionList2/Description.js +41 -0
  337. package/lib-esm/ActionList2/Divider.d.ts +5 -0
  338. package/lib-esm/ActionList2/Divider.js +23 -0
  339. package/lib-esm/ActionList2/Group.d.ts +11 -0
  340. package/lib-esm/ActionList2/Group.js +40 -0
  341. package/lib-esm/ActionList2/Header.d.ts +26 -0
  342. package/lib-esm/ActionList2/Header.js +44 -0
  343. package/lib-esm/ActionList2/Item.d.ts +63 -0
  344. package/lib-esm/ActionList2/Item.js +208 -0
  345. package/lib-esm/ActionList2/LinkItem.d.ts +17 -0
  346. package/lib-esm/ActionList2/LinkItem.js +43 -0
  347. package/lib-esm/ActionList2/List.d.ts +26 -0
  348. package/lib-esm/ActionList2/List.js +37 -0
  349. package/lib-esm/ActionList2/Selection.d.ts +5 -0
  350. package/lib-esm/ActionList2/Selection.js +66 -0
  351. package/lib-esm/ActionList2/Visuals.d.ts +9 -0
  352. package/lib-esm/ActionList2/Visuals.js +68 -0
  353. package/lib-esm/ActionList2/index.d.ts +36 -0
  354. package/lib-esm/ActionList2/index.js +33 -0
  355. package/lib-esm/Autocomplete/Autocomplete.d.ts +28 -28
  356. package/lib-esm/Autocomplete/AutocompleteInput.d.ts +28 -28
  357. package/lib-esm/Button/Button.d.ts +25 -25
  358. package/lib-esm/Button/ButtonClose.d.ts +45 -45
  359. package/lib-esm/Button/ButtonDanger.d.ts +25 -25
  360. package/lib-esm/Button/ButtonInvisible.d.ts +25 -25
  361. package/lib-esm/Button/ButtonOutline.d.ts +25 -25
  362. package/lib-esm/Button/ButtonPrimary.d.ts +25 -25
  363. package/lib-esm/CircleOcticon.d.ts +42 -42
  364. package/lib-esm/Dialog/Dialog.js +1 -0
  365. package/lib-esm/Dialog.d.ts +45 -45
  366. package/lib-esm/Dropdown.d.ts +176 -176
  367. package/lib-esm/DropdownMenu/DropdownButton.d.ts +46 -46
  368. package/lib-esm/FilterList.d.ts +42 -42
  369. package/lib-esm/NewButton/button-counter.d.ts +6 -0
  370. package/lib-esm/NewButton/button-counter.js +18 -0
  371. package/lib-esm/NewButton/button.d.ts +13 -0
  372. package/lib-esm/NewButton/button.js +298 -0
  373. package/lib-esm/NewButton/index.d.ts +14 -0
  374. package/lib-esm/NewButton/index.js +5 -0
  375. package/lib-esm/NewButton/types.d.ts +32 -0
  376. package/lib-esm/NewButton/types.js +1 -0
  377. package/lib-esm/Position.d.ts +4 -4
  378. package/lib-esm/SelectMenu/SelectMenu.d.ts +246 -246
  379. package/lib-esm/SelectMenu/SelectMenuItem.d.ts +1 -1
  380. package/lib-esm/SelectMenu/SelectMenuModal.d.ts +1 -1
  381. package/lib-esm/StateLabel.d.ts +1 -1
  382. package/lib-esm/StateLabel.js +7 -2
  383. package/lib-esm/TextInputWithTokens.d.ts +28 -28
  384. package/lib-esm/Timeline.d.ts +43 -43
  385. package/lib-esm/Token/AvatarToken.d.ts +1 -1
  386. package/lib-esm/Token/IssueLabelToken.d.ts +1 -1
  387. package/lib-esm/Token/Token.d.ts +1 -1
  388. package/lib-esm/__tests__/ActionList2.test.d.ts +1 -0
  389. package/lib-esm/__tests__/ActionList2.test.js +41 -0
  390. package/lib-esm/__tests__/NewButton.test.d.ts +1 -0
  391. package/lib-esm/__tests__/NewButton.test.js +84 -0
  392. package/lib-esm/__tests__/utils/createSlots.test.d.ts +1 -0
  393. package/lib-esm/__tests__/utils/createSlots.test.js +67 -0
  394. package/lib-esm/drafts.d.ts +8 -0
  395. package/lib-esm/drafts.js +9 -0
  396. package/lib-esm/index.d.ts +2 -0
  397. package/lib-esm/index.js +1 -0
  398. package/lib-esm/stories/ActionList2.stories.js +796 -0
  399. package/lib-esm/stories/NewButton.stories.js +178 -0
  400. package/lib-esm/sx.d.ts +2 -0
  401. package/lib-esm/sx.js +3 -1
  402. package/lib-esm/theme-preval.js +81 -2
  403. package/lib-esm/utils/create-slots.d.ts +17 -0
  404. package/lib-esm/utils/create-slots.js +84 -0
  405. package/lib-esm/utils/testing.d.ts +14 -1
  406. package/lib-esm/utils/use-force-update.d.ts +1 -0
  407. package/lib-esm/utils/use-force-update.js +6 -0
  408. package/package-lock.json +153 -14
  409. package/package.json +7 -4
  410. package/script/build +1 -1
  411. package/src/ActionList/Item.tsx +32 -19
  412. package/src/ActionList2/Description.tsx +52 -0
  413. package/src/ActionList2/Divider.tsx +24 -0
  414. package/src/ActionList2/Group.tsx +34 -0
  415. package/src/ActionList2/Header.tsx +58 -0
  416. package/src/ActionList2/Item.tsx +246 -0
  417. package/src/ActionList2/LinkItem.tsx +49 -0
  418. package/src/ActionList2/List.tsx +55 -0
  419. package/src/ActionList2/Selection.tsx +60 -0
  420. package/src/ActionList2/Visuals.tsx +76 -0
  421. package/src/ActionList2/index.ts +39 -0
  422. package/src/Dialog/Dialog.tsx +1 -0
  423. package/src/NewButton/button-counter.tsx +15 -0
  424. package/src/NewButton/button.tsx +279 -0
  425. package/src/NewButton/index.ts +10 -0
  426. package/src/NewButton/types.ts +36 -0
  427. package/src/StateLabel.tsx +14 -2
  428. package/src/__tests__/ActionList2.test.tsx +47 -0
  429. package/src/__tests__/NewButton.test.tsx +70 -0
  430. package/src/__tests__/__snapshots__/ActionList2.test.tsx.snap +14 -0
  431. package/src/__tests__/__snapshots__/Autocomplete.test.tsx.snap +722 -255
  432. package/src/__tests__/__snapshots__/CircleBadge.test.tsx.snap +1 -0
  433. package/src/__tests__/__snapshots__/CircleOcticon.test.tsx.snap +1 -0
  434. package/src/__tests__/__snapshots__/Dialog.test.tsx.snap +1 -0
  435. package/src/__tests__/__snapshots__/DropdownMenu.test.tsx.snap +1 -0
  436. package/src/__tests__/__snapshots__/NewButton.test.tsx.snap +300 -0
  437. package/src/__tests__/__snapshots__/SelectMenu.test.tsx.snap +4 -0
  438. package/src/__tests__/__snapshots__/SelectPanel.test.tsx.snap +1 -0
  439. package/src/__tests__/__snapshots__/StateLabel.test.tsx.snap +13 -6
  440. package/src/__tests__/__snapshots__/StyledOcticon.test.tsx.snap +1 -0
  441. package/src/__tests__/__snapshots__/TextInputWithTokens.test.tsx.snap +66 -0
  442. package/src/__tests__/__snapshots__/Token.test.tsx.snap +17 -0
  443. package/src/__tests__/utils/__snapshots__/createSlots.test.tsx.snap +55 -0
  444. package/src/__tests__/utils/createSlots.test.tsx +74 -0
  445. package/src/drafts.ts +10 -0
  446. package/src/index.ts +2 -0
  447. package/src/stories/ActionList2.stories.tsx +1291 -0
  448. package/src/stories/NewButton.stories.tsx +201 -0
  449. package/src/sx.ts +3 -0
  450. package/src/theme-preval.js +1 -0
  451. package/src/utils/create-slots.tsx +96 -0
  452. package/src/utils/use-force-update.ts +7 -0
  453. package/stats.html +1 -1
  454. package/tsconfig.base.json +20 -0
  455. package/tsconfig.build.json +2 -2
  456. package/tsconfig.json +4 -17
package/lib/index.js CHANGED
@@ -1,637 +1,164 @@
1
1
  "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- Object.defineProperty(exports, "theme", {
7
- enumerable: true,
8
- get: function () {
9
- return _theme.default;
10
- }
11
- });
12
- Object.defineProperty(exports, "themeGet", {
13
- enumerable: true,
14
- get: function () {
15
- return _constants.get;
16
- }
17
- });
18
- Object.defineProperty(exports, "BaseStyles", {
19
- enumerable: true,
20
- get: function () {
21
- return _BaseStyles.default;
22
- }
23
- });
24
- Object.defineProperty(exports, "ThemeProvider", {
25
- enumerable: true,
26
- get: function () {
27
- return _ThemeProvider.default;
28
- }
29
- });
30
- Object.defineProperty(exports, "useTheme", {
31
- enumerable: true,
32
- get: function () {
33
- return _ThemeProvider.useTheme;
34
- }
35
- });
36
- Object.defineProperty(exports, "useColorSchemeVar", {
37
- enumerable: true,
38
- get: function () {
39
- return _ThemeProvider.useColorSchemeVar;
40
- }
41
- });
42
- Object.defineProperty(exports, "BorderBox", {
43
- enumerable: true,
44
- get: function () {
45
- return _BorderBox.default;
46
- }
47
- });
48
- Object.defineProperty(exports, "Box", {
49
- enumerable: true,
50
- get: function () {
51
- return _Box.default;
52
- }
53
- });
54
- Object.defineProperty(exports, "Flex", {
55
- enumerable: true,
56
- get: function () {
57
- return _Flex.default;
58
- }
59
- });
60
- Object.defineProperty(exports, "Grid", {
61
- enumerable: true,
62
- get: function () {
63
- return _Grid.default;
64
- }
65
- });
66
- Object.defineProperty(exports, "Position", {
67
- enumerable: true,
68
- get: function () {
69
- return _Position.default;
70
- }
71
- });
72
- Object.defineProperty(exports, "Absolute", {
73
- enumerable: true,
74
- get: function () {
75
- return _Position.Absolute;
76
- }
77
- });
78
- Object.defineProperty(exports, "Fixed", {
79
- enumerable: true,
80
- get: function () {
81
- return _Position.Fixed;
82
- }
83
- });
84
- Object.defineProperty(exports, "Relative", {
85
- enumerable: true,
86
- get: function () {
87
- return _Position.Relative;
88
- }
89
- });
90
- Object.defineProperty(exports, "Sticky", {
91
- enumerable: true,
92
- get: function () {
93
- return _Position.Sticky;
94
- }
95
- });
96
- Object.defineProperty(exports, "useDetails", {
97
- enumerable: true,
98
- get: function () {
99
- return _useDetails.default;
100
- }
101
- });
102
- Object.defineProperty(exports, "useSafeTimeout", {
103
- enumerable: true,
104
- get: function () {
105
- return _useSafeTimeout.default;
106
- }
107
- });
108
- Object.defineProperty(exports, "useOnOutsideClick", {
109
- enumerable: true,
110
- get: function () {
111
- return _useOnOutsideClick.useOnOutsideClick;
112
- }
113
- });
114
- Object.defineProperty(exports, "useOpenAndCloseFocus", {
115
- enumerable: true,
116
- get: function () {
117
- return _useOpenAndCloseFocus.useOpenAndCloseFocus;
118
- }
119
- });
120
- Object.defineProperty(exports, "useOnEscapePress", {
121
- enumerable: true,
122
- get: function () {
123
- return _useOnEscapePress.useOnEscapePress;
124
- }
125
- });
126
- Object.defineProperty(exports, "useOverlay", {
127
- enumerable: true,
128
- get: function () {
129
- return _useOverlay.useOverlay;
130
- }
131
- });
132
- Object.defineProperty(exports, "useConfirm", {
133
- enumerable: true,
134
- get: function () {
135
- return _ConfirmationDialog.useConfirm;
136
- }
137
- });
138
- Object.defineProperty(exports, "ConfirmationDialog", {
139
- enumerable: true,
140
- get: function () {
141
- return _ConfirmationDialog.ConfirmationDialog;
142
- }
143
- });
144
- Object.defineProperty(exports, "ActionList", {
145
- enumerable: true,
146
- get: function () {
147
- return _ActionList.ActionList;
148
- }
149
- });
150
- Object.defineProperty(exports, "ActionMenu", {
151
- enumerable: true,
152
- get: function () {
153
- return _ActionMenu.ActionMenu;
154
- }
155
- });
156
- Object.defineProperty(exports, "Autocomplete", {
157
- enumerable: true,
158
- get: function () {
159
- return _Autocomplete.default;
160
- }
161
- });
162
- Object.defineProperty(exports, "Avatar", {
163
- enumerable: true,
164
- get: function () {
165
- return _Avatar.default;
166
- }
167
- });
168
- Object.defineProperty(exports, "AvatarPair", {
169
- enumerable: true,
170
- get: function () {
171
- return _AvatarPair.default;
172
- }
173
- });
174
- Object.defineProperty(exports, "AvatarStack", {
175
- enumerable: true,
176
- get: function () {
177
- return _AvatarStack.default;
178
- }
179
- });
180
- Object.defineProperty(exports, "BranchName", {
181
- enumerable: true,
182
- get: function () {
183
- return _BranchName.default;
184
- }
185
- });
186
- Object.defineProperty(exports, "Breadcrumbs", {
187
- enumerable: true,
188
- get: function () {
189
- return _Breadcrumbs.default;
190
- }
191
- });
192
- Object.defineProperty(exports, "Breadcrumb", {
193
- enumerable: true,
194
- get: function () {
195
- return _Breadcrumbs.Breadcrumb;
196
- }
197
- });
198
- Object.defineProperty(exports, "Button", {
199
- enumerable: true,
200
- get: function () {
201
- return _Button.default;
202
- }
203
- });
204
- Object.defineProperty(exports, "ButtonDanger", {
205
- enumerable: true,
206
- get: function () {
207
- return _Button.ButtonDanger;
208
- }
209
- });
210
- Object.defineProperty(exports, "ButtonOutline", {
211
- enumerable: true,
212
- get: function () {
213
- return _Button.ButtonOutline;
214
- }
215
- });
216
- Object.defineProperty(exports, "ButtonPrimary", {
217
- enumerable: true,
218
- get: function () {
219
- return _Button.ButtonPrimary;
220
- }
221
- });
222
- Object.defineProperty(exports, "ButtonInvisible", {
223
- enumerable: true,
224
- get: function () {
225
- return _Button.ButtonInvisible;
226
- }
227
- });
228
- Object.defineProperty(exports, "ButtonTableList", {
229
- enumerable: true,
230
- get: function () {
231
- return _Button.ButtonTableList;
232
- }
233
- });
234
- Object.defineProperty(exports, "ButtonClose", {
235
- enumerable: true,
236
- get: function () {
237
- return _Button.ButtonClose;
238
- }
239
- });
240
- Object.defineProperty(exports, "ButtonGroup", {
241
- enumerable: true,
242
- get: function () {
243
- return _Button.ButtonGroup;
244
- }
245
- });
246
- Object.defineProperty(exports, "Caret", {
247
- enumerable: true,
248
- get: function () {
249
- return _Caret.default;
250
- }
251
- });
252
- Object.defineProperty(exports, "CircleBadge", {
253
- enumerable: true,
254
- get: function () {
255
- return _CircleBadge.default;
256
- }
257
- });
258
- Object.defineProperty(exports, "CircleOcticon", {
259
- enumerable: true,
260
- get: function () {
261
- return _CircleOcticon.default;
262
- }
263
- });
264
- Object.defineProperty(exports, "CounterLabel", {
265
- enumerable: true,
266
- get: function () {
267
- return _CounterLabel.default;
268
- }
269
- });
270
- Object.defineProperty(exports, "Details", {
271
- enumerable: true,
272
- get: function () {
273
- return _Details.default;
274
- }
275
- });
276
- Object.defineProperty(exports, "Dialog", {
277
- enumerable: true,
278
- get: function () {
279
- return _Dialog.default;
280
- }
281
- });
282
- Object.defineProperty(exports, "Dropdown", {
283
- enumerable: true,
284
- get: function () {
285
- return _Dropdown.default;
286
- }
287
- });
288
- Object.defineProperty(exports, "DropdownButton", {
289
- enumerable: true,
290
- get: function () {
291
- return _DropdownMenu.DropdownButton;
292
- }
293
- });
294
- Object.defineProperty(exports, "DropdownMenu", {
295
- enumerable: true,
296
- get: function () {
297
- return _DropdownMenu.DropdownMenu;
298
- }
299
- });
300
- Object.defineProperty(exports, "FilteredSearch", {
301
- enumerable: true,
302
- get: function () {
303
- return _FilteredSearch.default;
304
- }
305
- });
306
- Object.defineProperty(exports, "FilterList", {
307
- enumerable: true,
308
- get: function () {
309
- return _FilterList.default;
310
- }
311
- });
312
- Object.defineProperty(exports, "Flash", {
313
- enumerable: true,
314
- get: function () {
315
- return _Flash.default;
316
- }
317
- });
318
- Object.defineProperty(exports, "FormGroup", {
319
- enumerable: true,
320
- get: function () {
321
- return _FormGroup.default;
322
- }
323
- });
324
- Object.defineProperty(exports, "Header", {
325
- enumerable: true,
326
- get: function () {
327
- return _Header.default;
328
- }
329
- });
330
- Object.defineProperty(exports, "Heading", {
331
- enumerable: true,
332
- get: function () {
333
- return _Heading.default;
334
- }
335
- });
336
- Object.defineProperty(exports, "LabelGroup", {
337
- enumerable: true,
338
- get: function () {
339
- return _LabelGroup.default;
340
- }
341
- });
342
- Object.defineProperty(exports, "Label", {
343
- enumerable: true,
344
- get: function () {
345
- return _Label.default;
346
- }
347
- });
348
- Object.defineProperty(exports, "Link", {
349
- enumerable: true,
350
- get: function () {
351
- return _Link.default;
352
- }
353
- });
354
- Object.defineProperty(exports, "Overlay", {
355
- enumerable: true,
356
- get: function () {
357
- return _Overlay.default;
358
- }
359
- });
360
- Object.defineProperty(exports, "Pagehead", {
361
- enumerable: true,
362
- get: function () {
363
- return _Pagehead.default;
364
- }
365
- });
366
- Object.defineProperty(exports, "Pagination", {
367
- enumerable: true,
368
- get: function () {
369
- return _Pagination.default;
370
- }
371
- });
372
- Object.defineProperty(exports, "PointerBox", {
373
- enumerable: true,
374
- get: function () {
375
- return _PointerBox.default;
376
- }
377
- });
378
- Object.defineProperty(exports, "Popover", {
379
- enumerable: true,
380
- get: function () {
381
- return _Popover.default;
382
- }
383
- });
384
- Object.defineProperty(exports, "ProgressBar", {
385
- enumerable: true,
386
- get: function () {
387
- return _ProgressBar.default;
388
- }
389
- });
390
- Object.defineProperty(exports, "SelectMenu", {
391
- enumerable: true,
392
- get: function () {
393
- return _SelectMenu.default;
394
- }
395
- });
396
- Object.defineProperty(exports, "SideNav", {
397
- enumerable: true,
398
- get: function () {
399
- return _SideNav.default;
400
- }
401
- });
402
- Object.defineProperty(exports, "Spinner", {
403
- enumerable: true,
404
- get: function () {
405
- return _Spinner.default;
406
- }
407
- });
408
- Object.defineProperty(exports, "StateLabel", {
409
- enumerable: true,
410
- get: function () {
411
- return _StateLabel.default;
412
- }
413
- });
414
- Object.defineProperty(exports, "StyledOcticon", {
415
- enumerable: true,
416
- get: function () {
417
- return _StyledOcticon.default;
418
- }
419
- });
420
- Object.defineProperty(exports, "SubNav", {
421
- enumerable: true,
422
- get: function () {
423
- return _SubNav.default;
424
- }
425
- });
426
- Object.defineProperty(exports, "TabNav", {
427
- enumerable: true,
428
- get: function () {
429
- return _TabNav.default;
430
- }
431
- });
432
- Object.defineProperty(exports, "TextInput", {
433
- enumerable: true,
434
- get: function () {
435
- return _TextInput.default;
436
- }
437
- });
438
- Object.defineProperty(exports, "TextInputWithTokens", {
439
- enumerable: true,
440
- get: function () {
441
- return _TextInputWithTokens.default;
442
- }
443
- });
444
- Object.defineProperty(exports, "Text", {
445
- enumerable: true,
446
- get: function () {
447
- return _Text.default;
448
- }
449
- });
450
- Object.defineProperty(exports, "Timeline", {
451
- enumerable: true,
452
- get: function () {
453
- return _Timeline.default;
454
- }
455
- });
456
- Object.defineProperty(exports, "Token", {
457
- enumerable: true,
458
- get: function () {
459
- return _Token.default;
460
- }
461
- });
462
- Object.defineProperty(exports, "IssueLabelToken", {
463
- enumerable: true,
464
- get: function () {
465
- return _Token.IssueLabelToken;
466
- }
467
- });
468
- Object.defineProperty(exports, "AvatarToken", {
469
- enumerable: true,
470
- get: function () {
471
- return _Token.AvatarToken;
472
- }
473
- });
474
- Object.defineProperty(exports, "Tooltip", {
475
- enumerable: true,
476
- get: function () {
477
- return _Tooltip.default;
478
- }
479
- });
480
- Object.defineProperty(exports, "Truncate", {
481
- enumerable: true,
482
- get: function () {
483
- return _Truncate.default;
484
- }
485
- });
486
- Object.defineProperty(exports, "UnderlineNav", {
487
- enumerable: true,
488
- get: function () {
489
- return _UnderlineNav.default;
490
- }
491
- });
492
- Object.defineProperty(exports, "SSRProvider", {
493
- enumerable: true,
494
- get: function () {
495
- return _ssr.SSRProvider;
496
- }
497
- });
498
- Object.defineProperty(exports, "useSSRSafeId", {
499
- enumerable: true,
500
- get: function () {
501
- return _ssr.useSSRSafeId;
502
- }
503
- });
504
-
505
- var _theme = _interopRequireDefault(require("./theme"));
506
-
507
- var _constants = require("./constants");
508
-
509
- var _BaseStyles = _interopRequireDefault(require("./BaseStyles"));
510
-
511
- var _ThemeProvider = _interopRequireWildcard(require("./ThemeProvider"));
512
-
513
- var _BorderBox = _interopRequireDefault(require("./BorderBox"));
514
-
515
- var _Box = _interopRequireDefault(require("./Box"));
516
-
517
- var _Flex = _interopRequireDefault(require("./Flex"));
518
-
519
- var _Grid = _interopRequireDefault(require("./Grid"));
520
-
521
- var _Position = _interopRequireWildcard(require("./Position"));
522
-
523
- var _useDetails = _interopRequireDefault(require("./hooks/useDetails"));
524
-
525
- var _useSafeTimeout = _interopRequireDefault(require("./hooks/useSafeTimeout"));
526
-
527
- var _useOnOutsideClick = require("./hooks/useOnOutsideClick");
528
-
529
- var _useOpenAndCloseFocus = require("./hooks/useOpenAndCloseFocus");
530
-
531
- var _useOnEscapePress = require("./hooks/useOnEscapePress");
532
-
533
- var _useOverlay = require("./hooks/useOverlay");
534
-
535
- var _ConfirmationDialog = require("./Dialog/ConfirmationDialog");
536
-
537
- var _ActionList = require("./ActionList");
538
-
539
- var _ActionMenu = require("./ActionMenu");
540
-
541
- var _Autocomplete = _interopRequireDefault(require("./Autocomplete"));
542
-
543
- var _Avatar = _interopRequireDefault(require("./Avatar"));
544
-
545
- var _AvatarPair = _interopRequireDefault(require("./AvatarPair"));
546
-
547
- var _AvatarStack = _interopRequireDefault(require("./AvatarStack"));
548
-
549
- var _BranchName = _interopRequireDefault(require("./BranchName"));
550
-
551
- var _Breadcrumbs = _interopRequireWildcard(require("./Breadcrumbs"));
552
-
553
- var _Button = _interopRequireWildcard(require("./Button"));
554
-
555
- var _Caret = _interopRequireDefault(require("./Caret"));
556
-
557
- var _CircleBadge = _interopRequireDefault(require("./CircleBadge"));
558
-
559
- var _CircleOcticon = _interopRequireDefault(require("./CircleOcticon"));
560
-
561
- var _CounterLabel = _interopRequireDefault(require("./CounterLabel"));
562
-
563
- var _Details = _interopRequireDefault(require("./Details"));
564
-
565
- var _Dialog = _interopRequireDefault(require("./Dialog"));
566
-
567
- var _Dropdown = _interopRequireDefault(require("./Dropdown"));
568
-
569
- var _DropdownMenu = require("./DropdownMenu");
570
-
571
- var _FilteredSearch = _interopRequireDefault(require("./FilteredSearch"));
572
-
573
- var _FilterList = _interopRequireDefault(require("./FilterList"));
574
-
575
- var _Flash = _interopRequireDefault(require("./Flash"));
576
-
577
- var _FormGroup = _interopRequireDefault(require("./FormGroup"));
578
-
579
- var _Header = _interopRequireDefault(require("./Header"));
580
-
581
- var _Heading = _interopRequireDefault(require("./Heading"));
582
-
583
- var _LabelGroup = _interopRequireDefault(require("./LabelGroup"));
584
-
585
- var _Label = _interopRequireDefault(require("./Label"));
586
-
587
- var _Link = _interopRequireDefault(require("./Link"));
588
-
589
- var _Overlay = _interopRequireDefault(require("./Overlay"));
590
-
591
- var _Pagehead = _interopRequireDefault(require("./Pagehead"));
592
-
593
- var _Pagination = _interopRequireDefault(require("./Pagination"));
594
-
595
- var _PointerBox = _interopRequireDefault(require("./PointerBox"));
596
-
597
- var _Popover = _interopRequireDefault(require("./Popover"));
598
-
599
- var _ProgressBar = _interopRequireDefault(require("./ProgressBar"));
600
-
601
- var _SelectMenu = _interopRequireDefault(require("./SelectMenu"));
602
-
603
- var _SideNav = _interopRequireDefault(require("./SideNav"));
604
-
605
- var _Spinner = _interopRequireDefault(require("./Spinner"));
606
-
607
- var _StateLabel = _interopRequireDefault(require("./StateLabel"));
608
-
609
- var _StyledOcticon = _interopRequireDefault(require("./StyledOcticon"));
610
-
611
- var _SubNav = _interopRequireDefault(require("./SubNav"));
612
-
613
- var _TabNav = _interopRequireDefault(require("./TabNav"));
614
-
615
- var _TextInput = _interopRequireDefault(require("./TextInput"));
616
-
617
- var _TextInputWithTokens = _interopRequireDefault(require("./TextInputWithTokens"));
618
-
619
- var _Text = _interopRequireDefault(require("./Text"));
620
-
621
- var _Timeline = _interopRequireDefault(require("./Timeline"));
622
-
623
- var _Token = _interopRequireWildcard(require("./Token"));
624
-
625
- var _Tooltip = _interopRequireDefault(require("./Tooltip"));
626
-
627
- var _Truncate = _interopRequireDefault(require("./Truncate"));
628
-
629
- var _UnderlineNav = _interopRequireDefault(require("./UnderlineNav"));
630
-
631
- var _ssr = require("./utils/ssr");
632
-
633
- 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); }
634
-
635
- 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; }
636
-
637
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
2
+ var __importDefault = (this && this.__importDefault) || function (mod) {
3
+ return (mod && mod.__esModule) ? mod : { "default": mod };
4
+ };
5
+ Object.defineProperty(exports, "__esModule", { value: true });
6
+ exports.DropdownMenu = exports.DropdownButton = exports.Dropdown = exports.ConfirmationDialog = exports.Dialog = exports.Details = exports.CounterLabel = exports.CircleOcticon = exports.CircleBadge = exports.Caret = exports.NewButton = exports.ButtonGroup = exports.ButtonClose = exports.ButtonTableList = exports.ButtonInvisible = exports.ButtonPrimary = exports.ButtonOutline = exports.ButtonDanger = exports.Button = exports.Breadcrumb = exports.Breadcrumbs = exports.BranchName = exports.AvatarStack = exports.AvatarPair = exports.Avatar = exports.Autocomplete = exports.ActionMenu = exports.ActionList = exports.useConfirm = exports.useOverlay = exports.useOnEscapePress = exports.useOpenAndCloseFocus = exports.useOnOutsideClick = exports.useSafeTimeout = exports.useDetails = exports.Sticky = exports.Relative = exports.Fixed = exports.Absolute = exports.Position = exports.Grid = exports.Flex = exports.Box = exports.BorderBox = exports.useColorSchemeVar = exports.useTheme = exports.ThemeProvider = exports.BaseStyles = exports.themeGet = exports.theme = void 0;
7
+ exports.useSSRSafeId = exports.SSRProvider = exports.UnderlineNav = exports.Truncate = exports.Tooltip = exports.AvatarToken = exports.IssueLabelToken = exports.Token = exports.Timeline = exports.Text = exports.TextInputWithTokens = exports.TextInput = exports.TabNav = exports.SubNav = exports.StyledOcticon = exports.StateLabel = exports.Spinner = exports.SideNav = exports.SelectMenu = exports.ProgressBar = exports.Popover = exports.PointerBox = exports.Pagination = exports.Pagehead = exports.Overlay = exports.Link = exports.Label = exports.LabelGroup = exports.Heading = exports.Header = exports.FormGroup = exports.Flash = exports.FilterList = exports.FilteredSearch = void 0;
8
+ var theme_1 = require("./theme");
9
+ Object.defineProperty(exports, "theme", { enumerable: true, get: function () { return __importDefault(theme_1).default; } });
10
+ var constants_1 = require("./constants");
11
+ Object.defineProperty(exports, "themeGet", { enumerable: true, get: function () { return constants_1.get; } });
12
+ var BaseStyles_1 = require("./BaseStyles");
13
+ Object.defineProperty(exports, "BaseStyles", { enumerable: true, get: function () { return __importDefault(BaseStyles_1).default; } });
14
+ var ThemeProvider_1 = require("./ThemeProvider");
15
+ Object.defineProperty(exports, "ThemeProvider", { enumerable: true, get: function () { return __importDefault(ThemeProvider_1).default; } });
16
+ Object.defineProperty(exports, "useTheme", { enumerable: true, get: function () { return ThemeProvider_1.useTheme; } });
17
+ Object.defineProperty(exports, "useColorSchemeVar", { enumerable: true, get: function () { return ThemeProvider_1.useColorSchemeVar; } });
18
+ // Layout
19
+ var BorderBox_1 = require("./BorderBox");
20
+ Object.defineProperty(exports, "BorderBox", { enumerable: true, get: function () { return __importDefault(BorderBox_1).default; } });
21
+ var Box_1 = require("./Box");
22
+ Object.defineProperty(exports, "Box", { enumerable: true, get: function () { return __importDefault(Box_1).default; } });
23
+ var Flex_1 = require("./Flex");
24
+ Object.defineProperty(exports, "Flex", { enumerable: true, get: function () { return __importDefault(Flex_1).default; } });
25
+ var Grid_1 = require("./Grid");
26
+ Object.defineProperty(exports, "Grid", { enumerable: true, get: function () { return __importDefault(Grid_1).default; } });
27
+ var Position_1 = require("./Position");
28
+ Object.defineProperty(exports, "Position", { enumerable: true, get: function () { return __importDefault(Position_1).default; } });
29
+ Object.defineProperty(exports, "Absolute", { enumerable: true, get: function () { return Position_1.Absolute; } });
30
+ Object.defineProperty(exports, "Fixed", { enumerable: true, get: function () { return Position_1.Fixed; } });
31
+ Object.defineProperty(exports, "Relative", { enumerable: true, get: function () { return Position_1.Relative; } });
32
+ Object.defineProperty(exports, "Sticky", { enumerable: true, get: function () { return Position_1.Sticky; } });
33
+ // Hooks
34
+ var useDetails_1 = require("./hooks/useDetails");
35
+ Object.defineProperty(exports, "useDetails", { enumerable: true, get: function () { return __importDefault(useDetails_1).default; } });
36
+ var useSafeTimeout_1 = require("./hooks/useSafeTimeout");
37
+ Object.defineProperty(exports, "useSafeTimeout", { enumerable: true, get: function () { return __importDefault(useSafeTimeout_1).default; } });
38
+ var useOnOutsideClick_1 = require("./hooks/useOnOutsideClick");
39
+ Object.defineProperty(exports, "useOnOutsideClick", { enumerable: true, get: function () { return useOnOutsideClick_1.useOnOutsideClick; } });
40
+ var useOpenAndCloseFocus_1 = require("./hooks/useOpenAndCloseFocus");
41
+ Object.defineProperty(exports, "useOpenAndCloseFocus", { enumerable: true, get: function () { return useOpenAndCloseFocus_1.useOpenAndCloseFocus; } });
42
+ var useOnEscapePress_1 = require("./hooks/useOnEscapePress");
43
+ Object.defineProperty(exports, "useOnEscapePress", { enumerable: true, get: function () { return useOnEscapePress_1.useOnEscapePress; } });
44
+ var useOverlay_1 = require("./hooks/useOverlay");
45
+ Object.defineProperty(exports, "useOverlay", { enumerable: true, get: function () { return useOverlay_1.useOverlay; } });
46
+ var ConfirmationDialog_1 = require("./Dialog/ConfirmationDialog");
47
+ Object.defineProperty(exports, "useConfirm", { enumerable: true, get: function () { return ConfirmationDialog_1.useConfirm; } });
48
+ // Components
49
+ var ActionList_1 = require("./ActionList");
50
+ Object.defineProperty(exports, "ActionList", { enumerable: true, get: function () { return ActionList_1.ActionList; } });
51
+ var ActionMenu_1 = require("./ActionMenu");
52
+ Object.defineProperty(exports, "ActionMenu", { enumerable: true, get: function () { return ActionMenu_1.ActionMenu; } });
53
+ var Autocomplete_1 = require("./Autocomplete");
54
+ Object.defineProperty(exports, "Autocomplete", { enumerable: true, get: function () { return __importDefault(Autocomplete_1).default; } });
55
+ var Avatar_1 = require("./Avatar");
56
+ Object.defineProperty(exports, "Avatar", { enumerable: true, get: function () { return __importDefault(Avatar_1).default; } });
57
+ var AvatarPair_1 = require("./AvatarPair");
58
+ Object.defineProperty(exports, "AvatarPair", { enumerable: true, get: function () { return __importDefault(AvatarPair_1).default; } });
59
+ var AvatarStack_1 = require("./AvatarStack");
60
+ Object.defineProperty(exports, "AvatarStack", { enumerable: true, get: function () { return __importDefault(AvatarStack_1).default; } });
61
+ var BranchName_1 = require("./BranchName");
62
+ Object.defineProperty(exports, "BranchName", { enumerable: true, get: function () { return __importDefault(BranchName_1).default; } });
63
+ var Breadcrumbs_1 = require("./Breadcrumbs");
64
+ Object.defineProperty(exports, "Breadcrumbs", { enumerable: true, get: function () { return __importDefault(Breadcrumbs_1).default; } });
65
+ Object.defineProperty(exports, "Breadcrumb", { enumerable: true, get: function () { return Breadcrumbs_1.Breadcrumb; } });
66
+ var Button_1 = require("./Button");
67
+ Object.defineProperty(exports, "Button", { enumerable: true, get: function () { return __importDefault(Button_1).default; } });
68
+ Object.defineProperty(exports, "ButtonDanger", { enumerable: true, get: function () { return Button_1.ButtonDanger; } });
69
+ Object.defineProperty(exports, "ButtonOutline", { enumerable: true, get: function () { return Button_1.ButtonOutline; } });
70
+ Object.defineProperty(exports, "ButtonPrimary", { enumerable: true, get: function () { return Button_1.ButtonPrimary; } });
71
+ Object.defineProperty(exports, "ButtonInvisible", { enumerable: true, get: function () { return Button_1.ButtonInvisible; } });
72
+ Object.defineProperty(exports, "ButtonTableList", { enumerable: true, get: function () { return Button_1.ButtonTableList; } });
73
+ Object.defineProperty(exports, "ButtonClose", { enumerable: true, get: function () { return Button_1.ButtonClose; } });
74
+ Object.defineProperty(exports, "ButtonGroup", { enumerable: true, get: function () { return Button_1.ButtonGroup; } });
75
+ var NewButton_1 = require("./NewButton");
76
+ Object.defineProperty(exports, "NewButton", { enumerable: true, get: function () { return NewButton_1.NewButton; } });
77
+ var Caret_1 = require("./Caret");
78
+ Object.defineProperty(exports, "Caret", { enumerable: true, get: function () { return __importDefault(Caret_1).default; } });
79
+ var CircleBadge_1 = require("./CircleBadge");
80
+ Object.defineProperty(exports, "CircleBadge", { enumerable: true, get: function () { return __importDefault(CircleBadge_1).default; } });
81
+ var CircleOcticon_1 = require("./CircleOcticon");
82
+ Object.defineProperty(exports, "CircleOcticon", { enumerable: true, get: function () { return __importDefault(CircleOcticon_1).default; } });
83
+ var CounterLabel_1 = require("./CounterLabel");
84
+ Object.defineProperty(exports, "CounterLabel", { enumerable: true, get: function () { return __importDefault(CounterLabel_1).default; } });
85
+ var Details_1 = require("./Details");
86
+ Object.defineProperty(exports, "Details", { enumerable: true, get: function () { return __importDefault(Details_1).default; } });
87
+ var Dialog_1 = require("./Dialog");
88
+ Object.defineProperty(exports, "Dialog", { enumerable: true, get: function () { return __importDefault(Dialog_1).default; } });
89
+ var ConfirmationDialog_2 = require("./Dialog/ConfirmationDialog");
90
+ Object.defineProperty(exports, "ConfirmationDialog", { enumerable: true, get: function () { return ConfirmationDialog_2.ConfirmationDialog; } });
91
+ var Dropdown_1 = require("./Dropdown");
92
+ Object.defineProperty(exports, "Dropdown", { enumerable: true, get: function () { return __importDefault(Dropdown_1).default; } });
93
+ var DropdownMenu_1 = require("./DropdownMenu");
94
+ Object.defineProperty(exports, "DropdownButton", { enumerable: true, get: function () { return DropdownMenu_1.DropdownButton; } });
95
+ Object.defineProperty(exports, "DropdownMenu", { enumerable: true, get: function () { return DropdownMenu_1.DropdownMenu; } });
96
+ // not exporting new DropdownMenu types yet due to conflict with Dropdown types above
97
+ // export type {DropdownButtonProps, DropdownMenuProps} from './DropdownMenu'
98
+ var FilteredSearch_1 = require("./FilteredSearch");
99
+ Object.defineProperty(exports, "FilteredSearch", { enumerable: true, get: function () { return __importDefault(FilteredSearch_1).default; } });
100
+ var FilterList_1 = require("./FilterList");
101
+ Object.defineProperty(exports, "FilterList", { enumerable: true, get: function () { return __importDefault(FilterList_1).default; } });
102
+ var Flash_1 = require("./Flash");
103
+ Object.defineProperty(exports, "Flash", { enumerable: true, get: function () { return __importDefault(Flash_1).default; } });
104
+ var FormGroup_1 = require("./FormGroup");
105
+ Object.defineProperty(exports, "FormGroup", { enumerable: true, get: function () { return __importDefault(FormGroup_1).default; } });
106
+ var Header_1 = require("./Header");
107
+ Object.defineProperty(exports, "Header", { enumerable: true, get: function () { return __importDefault(Header_1).default; } });
108
+ var Heading_1 = require("./Heading");
109
+ Object.defineProperty(exports, "Heading", { enumerable: true, get: function () { return __importDefault(Heading_1).default; } });
110
+ var LabelGroup_1 = require("./LabelGroup");
111
+ Object.defineProperty(exports, "LabelGroup", { enumerable: true, get: function () { return __importDefault(LabelGroup_1).default; } });
112
+ var Label_1 = require("./Label");
113
+ Object.defineProperty(exports, "Label", { enumerable: true, get: function () { return __importDefault(Label_1).default; } });
114
+ var Link_1 = require("./Link");
115
+ Object.defineProperty(exports, "Link", { enumerable: true, get: function () { return __importDefault(Link_1).default; } });
116
+ var Overlay_1 = require("./Overlay");
117
+ Object.defineProperty(exports, "Overlay", { enumerable: true, get: function () { return __importDefault(Overlay_1).default; } });
118
+ var Pagehead_1 = require("./Pagehead");
119
+ Object.defineProperty(exports, "Pagehead", { enumerable: true, get: function () { return __importDefault(Pagehead_1).default; } });
120
+ var Pagination_1 = require("./Pagination");
121
+ Object.defineProperty(exports, "Pagination", { enumerable: true, get: function () { return __importDefault(Pagination_1).default; } });
122
+ var PointerBox_1 = require("./PointerBox");
123
+ Object.defineProperty(exports, "PointerBox", { enumerable: true, get: function () { return __importDefault(PointerBox_1).default; } });
124
+ var Popover_1 = require("./Popover");
125
+ Object.defineProperty(exports, "Popover", { enumerable: true, get: function () { return __importDefault(Popover_1).default; } });
126
+ // export {default as Portal, registerPortalRoot} from './Portal'
127
+ // export type {PortalProps} from './Portal'
128
+ var ProgressBar_1 = require("./ProgressBar");
129
+ Object.defineProperty(exports, "ProgressBar", { enumerable: true, get: function () { return __importDefault(ProgressBar_1).default; } });
130
+ var SelectMenu_1 = require("./SelectMenu");
131
+ Object.defineProperty(exports, "SelectMenu", { enumerable: true, get: function () { return __importDefault(SelectMenu_1).default; } });
132
+ var SideNav_1 = require("./SideNav");
133
+ Object.defineProperty(exports, "SideNav", { enumerable: true, get: function () { return __importDefault(SideNav_1).default; } });
134
+ var Spinner_1 = require("./Spinner");
135
+ Object.defineProperty(exports, "Spinner", { enumerable: true, get: function () { return __importDefault(Spinner_1).default; } });
136
+ var StateLabel_1 = require("./StateLabel");
137
+ Object.defineProperty(exports, "StateLabel", { enumerable: true, get: function () { return __importDefault(StateLabel_1).default; } });
138
+ var StyledOcticon_1 = require("./StyledOcticon");
139
+ Object.defineProperty(exports, "StyledOcticon", { enumerable: true, get: function () { return __importDefault(StyledOcticon_1).default; } });
140
+ var SubNav_1 = require("./SubNav");
141
+ Object.defineProperty(exports, "SubNav", { enumerable: true, get: function () { return __importDefault(SubNav_1).default; } });
142
+ var TabNav_1 = require("./TabNav");
143
+ Object.defineProperty(exports, "TabNav", { enumerable: true, get: function () { return __importDefault(TabNav_1).default; } });
144
+ var TextInput_1 = require("./TextInput");
145
+ Object.defineProperty(exports, "TextInput", { enumerable: true, get: function () { return __importDefault(TextInput_1).default; } });
146
+ var TextInputWithTokens_1 = require("./TextInputWithTokens");
147
+ Object.defineProperty(exports, "TextInputWithTokens", { enumerable: true, get: function () { return __importDefault(TextInputWithTokens_1).default; } });
148
+ var Text_1 = require("./Text");
149
+ Object.defineProperty(exports, "Text", { enumerable: true, get: function () { return __importDefault(Text_1).default; } });
150
+ var Timeline_1 = require("./Timeline");
151
+ Object.defineProperty(exports, "Timeline", { enumerable: true, get: function () { return __importDefault(Timeline_1).default; } });
152
+ var Token_1 = require("./Token");
153
+ Object.defineProperty(exports, "Token", { enumerable: true, get: function () { return __importDefault(Token_1).default; } });
154
+ Object.defineProperty(exports, "IssueLabelToken", { enumerable: true, get: function () { return Token_1.IssueLabelToken; } });
155
+ Object.defineProperty(exports, "AvatarToken", { enumerable: true, get: function () { return Token_1.AvatarToken; } });
156
+ var Tooltip_1 = require("./Tooltip");
157
+ Object.defineProperty(exports, "Tooltip", { enumerable: true, get: function () { return __importDefault(Tooltip_1).default; } });
158
+ var Truncate_1 = require("./Truncate");
159
+ Object.defineProperty(exports, "Truncate", { enumerable: true, get: function () { return __importDefault(Truncate_1).default; } });
160
+ var UnderlineNav_1 = require("./UnderlineNav");
161
+ Object.defineProperty(exports, "UnderlineNav", { enumerable: true, get: function () { return __importDefault(UnderlineNav_1).default; } });
162
+ var ssr_1 = require("./utils/ssr");
163
+ Object.defineProperty(exports, "SSRProvider", { enumerable: true, get: function () { return ssr_1.SSRProvider; } });
164
+ Object.defineProperty(exports, "useSSRSafeId", { enumerable: true, get: function () { return ssr_1.useSSRSafeId; } });