@primer/components 32.0.1-rc.c4c2c50a → 32.1.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (1284) hide show
  1. package/CHANGELOG.md +12 -0
  2. package/dist/browser.esm.js +7 -1
  3. package/dist/browser.esm.js.map +1 -1
  4. package/dist/browser.umd.js +7 -1
  5. package/dist/browser.umd.js.map +1 -1
  6. package/lib/ActionList/index.js +23 -12
  7. package/lib/ActionList2/index.js +41 -23
  8. package/lib/AnchoredOverlay/index.js +12 -4
  9. package/lib/Autocomplete/index.js +14 -7
  10. package/lib/Button/index.js +70 -21
  11. package/lib/Checkbox.d.ts +29 -0
  12. package/lib/Checkbox.js +64 -0
  13. package/lib/DropdownMenu/index.js +20 -6
  14. package/lib/DropdownStyles.js +26 -18
  15. package/lib/FilteredActionList/index.js +12 -4
  16. package/lib/NewButton/index.js +12 -5
  17. package/lib/NewButton/types.js +1 -2
  18. package/lib/Overlay.d.ts +5 -3
  19. package/lib/Pagination/index.js +12 -6
  20. package/lib/Portal/index.js +16 -5
  21. package/lib/SelectMenu/hooks/useKeyboardNav.js +96 -80
  22. package/lib/SelectMenu/index.js +14 -7
  23. package/lib/SelectPanel/index.js +12 -4
  24. package/lib/Token/index.js +30 -11
  25. package/lib/behaviors/anchoredPosition.js +234 -205
  26. package/lib/behaviors/focusTrap.js +157 -121
  27. package/lib/behaviors/focusZone.js +509 -434
  28. package/lib/behaviors/scrollIntoViewingArea.js +35 -18
  29. package/lib/constants.js +43 -39
  30. package/lib/drafts.js +30 -20
  31. package/lib/hooks/index.js +60 -16
  32. package/lib/hooks/useAnchoredPosition.js +40 -32
  33. package/lib/hooks/useCombinedRefs.js +36 -32
  34. package/lib/hooks/useDialog.js +96 -72
  35. package/lib/hooks/useFocusTrap.js +60 -43
  36. package/lib/hooks/useFocusZone.js +50 -54
  37. package/lib/hooks/useOnEscapePress.js +36 -25
  38. package/lib/hooks/useOpenAndCloseFocus.js +34 -22
  39. package/lib/hooks/useProvidedRefOrCreate.js +14 -10
  40. package/lib/hooks/useProvidedStateOrCreate.js +16 -13
  41. package/lib/hooks/useRenderForcingRef.js +17 -13
  42. package/lib/hooks/useResizeObserver.js +18 -15
  43. package/lib/hooks/useSafeTimeout.js +30 -22
  44. package/lib/hooks/useScrollFlash.js +23 -16
  45. package/lib/index.d.ts +2 -0
  46. package/lib/index.js +652 -163
  47. package/lib/polyfills/eventListenerSignal.js +45 -37
  48. package/lib/sx.js +22 -10
  49. package/lib/theme-preval.js +3169 -64
  50. package/lib/theme.js +12 -3
  51. package/lib/utils/iterateFocusableElements.js +85 -63
  52. package/lib/utils/theme.js +47 -33
  53. package/lib/utils/types/AriaRole.js +1 -2
  54. package/lib/utils/types/ComponentProps.js +1 -2
  55. package/lib/utils/types/Flatten.js +1 -2
  56. package/lib/utils/types/KeyPaths.js +1 -2
  57. package/lib/utils/types/MandateProps.js +1 -16
  58. package/lib/utils/types/Merge.js +1 -2
  59. package/lib/utils/types/index.js +69 -16
  60. package/lib/utils/uniqueId.js +8 -5
  61. package/lib/utils/use-force-update.js +14 -8
  62. package/lib/utils/useIsomorphicLayoutEffect.js +11 -8
  63. package/lib/utils/userAgent.js +12 -8
  64. package/lib-esm/Checkbox.d.ts +29 -0
  65. package/lib-esm/Checkbox.js +44 -0
  66. package/lib-esm/Overlay.d.ts +5 -3
  67. package/lib-esm/index.d.ts +2 -0
  68. package/lib-esm/index.js +1 -0
  69. package/package.json +2 -3
  70. package/.changeset/README.md +0 -8
  71. package/.changeset/config.json +0 -10
  72. package/.devcontainer/devcontainer.json +0 -8
  73. package/.eslintrc.json +0 -137
  74. package/.github/ISSUE_TEMPLATE/bug_report.md +0 -38
  75. package/.github/ISSUE_TEMPLATE/new_component_proposal_template.md +0 -41
  76. package/.github/dependabot.yml +0 -18
  77. package/.github/pull_request_template.md +0 -18
  78. package/.github/workflows/check_for_changeset.yml +0 -25
  79. package/.github/workflows/ci.yml +0 -34
  80. package/.github/workflows/deploy_preview.yml +0 -47
  81. package/.github/workflows/deploy_production.yml +0 -70
  82. package/.github/workflows/release.yml +0 -35
  83. package/.github/workflows/release_canary.yml +0 -70
  84. package/.github/workflows/release_candidate.yml +0 -60
  85. package/.github/workflows/size.yml +0 -13
  86. package/.github/workflows/stale.yml +0 -26
  87. package/.gitignore +0 -10
  88. package/.npmrc +0 -4
  89. package/.nvmrc +0 -1
  90. package/.storybook/main.js +0 -9
  91. package/.storybook/preview.js +0 -117
  92. package/.vscode/launch.json +0 -21
  93. package/.vscode/settings.json +0 -13
  94. package/@types/@styled-system/index.d.ts +0 -0
  95. package/@types/@styled-system/prop-types/index.d.ts +0 -1
  96. package/@types/@styled-system/props/index.d.ts +0 -1
  97. package/@types/jest-styled-components/index.d.ts +0 -1
  98. package/CODEOWNERS +0 -2
  99. package/babel-defines.js +0 -13
  100. package/babel.config.js +0 -39
  101. package/contributor-docs/CODE_OF_CONDUCT.md +0 -76
  102. package/contributor-docs/CONTRIBUTING.md +0 -274
  103. package/contributor-docs/adrs/adr-001-typescript.md +0 -23
  104. package/contributor-docs/adrs/adr-002-behavior-isolation.md +0 -108
  105. package/contributor-docs/adrs/adr-003-prop-norms.md +0 -72
  106. package/contributor-docs/behaviors.md +0 -132
  107. package/contributor-docs/component-contents-api-patterns.md +0 -316
  108. package/contributor-docs/principles.md +0 -39
  109. package/docs/.eslintrc +0 -0
  110. package/docs/.gitignore +0 -91
  111. package/docs/components/PropsList.js +0 -5
  112. package/docs/components/State.js +0 -9
  113. package/docs/components/constants.js +0 -34
  114. package/docs/components/index.js +0 -2
  115. package/docs/content/ActionList.mdx +0 -99
  116. package/docs/content/ActionList2.mdx +0 -359
  117. package/docs/content/ActionMenu.mdx +0 -80
  118. package/docs/content/AnchoredOverlay.mdx +0 -37
  119. package/docs/content/Autocomplete.mdx +0 -657
  120. package/docs/content/Avatar.mdx +0 -33
  121. package/docs/content/AvatarStack.mdx +0 -37
  122. package/docs/content/BorderBox.md +0 -46
  123. package/docs/content/Box.mdx +0 -96
  124. package/docs/content/BranchName.md +0 -18
  125. package/docs/content/Breadcrumbs.md +0 -47
  126. package/docs/content/Buttons.md +0 -46
  127. package/docs/content/CircleBadge.md +0 -35
  128. package/docs/content/CircleOcticon.md +0 -18
  129. package/docs/content/CounterLabel.md +0 -22
  130. package/docs/content/Details.md +0 -105
  131. package/docs/content/Dialog.md +0 -105
  132. package/docs/content/Dialog2.mdx +0 -180
  133. package/docs/content/Dropdown.md +0 -65
  134. package/docs/content/DropdownMenu.mdx +0 -49
  135. package/docs/content/FilterList.md +0 -37
  136. package/docs/content/FilteredSearch.md +0 -32
  137. package/docs/content/Flash.md +0 -35
  138. package/docs/content/Flex.md +0 -58
  139. package/docs/content/FormGroup.md +0 -38
  140. package/docs/content/Grid.md +0 -59
  141. package/docs/content/Header.md +0 -77
  142. package/docs/content/Heading.md +0 -22
  143. package/docs/content/Label.md +0 -49
  144. package/docs/content/LabelGroup.md +0 -21
  145. package/docs/content/Link.md +0 -28
  146. package/docs/content/Overlay.mdx +0 -85
  147. package/docs/content/Pagehead.md +0 -18
  148. package/docs/content/Pagination.md +0 -178
  149. package/docs/content/PointerBox.md +0 -81
  150. package/docs/content/Popover.md +0 -129
  151. package/docs/content/Portal.mdx +0 -78
  152. package/docs/content/Position.md +0 -100
  153. package/docs/content/ProgressBar.mdx +0 -29
  154. package/docs/content/SelectMenu.md +0 -371
  155. package/docs/content/SelectPanel.mdx +0 -67
  156. package/docs/content/SideNav.md +0 -171
  157. package/docs/content/Spinner.mdx +0 -32
  158. package/docs/content/StateLabel.md +0 -27
  159. package/docs/content/StyledOcticon.md +0 -27
  160. package/docs/content/SubNav.md +0 -100
  161. package/docs/content/TabNav.md +0 -42
  162. package/docs/content/Text.md +0 -31
  163. package/docs/content/TextInput.md +0 -34
  164. package/docs/content/TextInputTokens.mdx +0 -89
  165. package/docs/content/TextInputWithTokens.mdx +0 -211
  166. package/docs/content/Timeline.md +0 -148
  167. package/docs/content/Token.mdx +0 -381
  168. package/docs/content/Tooltip.md +0 -32
  169. package/docs/content/Truncate.md +0 -55
  170. package/docs/content/UnderlineNav.md +0 -45
  171. package/docs/content/anchoredPosition.mdx +0 -163
  172. package/docs/content/core-concepts.md +0 -70
  173. package/docs/content/focusTrap.mdx +0 -103
  174. package/docs/content/focusZone.mdx +0 -145
  175. package/docs/content/getting-started.md +0 -138
  176. package/docs/content/index.md +0 -33
  177. package/docs/content/linting.md +0 -35
  178. package/docs/content/overriding-styles.mdx +0 -82
  179. package/docs/content/philosophy.md +0 -23
  180. package/docs/content/primer-theme.md +0 -89
  181. package/docs/content/ssr.mdx +0 -43
  182. package/docs/content/system-props.mdx +0 -37
  183. package/docs/content/theme-reference.md +0 -16
  184. package/docs/content/theming.md +0 -272
  185. package/docs/content/useOnEscapePress.mdx +0 -56
  186. package/docs/content/useOnOutsideClick.mdx +0 -57
  187. package/docs/content/useOpenAndCloseFocus.mdx +0 -49
  188. package/docs/content/useOverlay.mdx +0 -62
  189. package/docs/content/useSafeTimeout.mdx +0 -32
  190. package/docs/gatsby-config.js +0 -30
  191. package/docs/gatsby-node.js +0 -101
  192. package/docs/package-lock.json +0 -20867
  193. package/docs/package.json +0 -36
  194. package/docs/src/@primer/gatsby-theme-doctocat/components/hero.js +0 -21
  195. package/docs/src/@primer/gatsby-theme-doctocat/components/live-preview-wrapper.js +0 -41
  196. package/docs/src/@primer/gatsby-theme-doctocat/live-code-scope.js +0 -73
  197. package/docs/src/@primer/gatsby-theme-doctocat/nav.yml +0 -133
  198. package/docs/src/@primer/gatsby-theme-doctocat/primer-components-hero.svg +0 -1411
  199. package/docs/src/component-checklist.js +0 -81
  200. package/docs/src/props.js +0 -77
  201. package/jest.config.js +0 -13
  202. package/lib/ActionList/Divider.jsx +0 -29
  203. package/lib/ActionList/Group.jsx +0 -23
  204. package/lib/ActionList/Header.jsx +0 -66
  205. package/lib/ActionList/Item.jsx +0 -288
  206. package/lib/ActionList/List.jsx +0 -138
  207. package/lib/ActionList2/Description.jsx +0 -29
  208. package/lib/ActionList2/Divider.jsx +0 -22
  209. package/lib/ActionList2/Group.jsx +0 -54
  210. package/lib/ActionList2/Header.jsx +0 -36
  211. package/lib/ActionList2/Item.jsx +0 -174
  212. package/lib/ActionList2/LinkItem.jsx +0 -28
  213. package/lib/ActionList2/List.jsx +0 -41
  214. package/lib/ActionList2/Selection.jsx +0 -50
  215. package/lib/ActionList2/Visuals.jsx +0 -48
  216. package/lib/ActionMenu.jsx +0 -73
  217. package/lib/AnchoredOverlay/AnchoredOverlay.jsx +0 -100
  218. package/lib/Autocomplete/Autocomplete.jsx +0 -100
  219. package/lib/Autocomplete/AutocompleteContext.jsx +0 -5
  220. package/lib/Autocomplete/AutocompleteInput.jsx +0 -113
  221. package/lib/Autocomplete/AutocompleteMenu.jsx +0 -190
  222. package/lib/Autocomplete/AutocompleteOverlay.jsx +0 -55
  223. package/lib/Avatar.jsx +0 -34
  224. package/lib/AvatarPair.jsx +0 -29
  225. package/lib/AvatarStack.jsx +0 -151
  226. package/lib/BaseStyles.jsx +0 -65
  227. package/lib/BorderBox.jsx +0 -18
  228. package/lib/Box.jsx +0 -10
  229. package/lib/BranchName.jsx +0 -20
  230. package/lib/Breadcrumbs.jsx +0 -71
  231. package/lib/Button/Button.jsx +0 -40
  232. package/lib/Button/ButtonBase.jsx +0 -33
  233. package/lib/Button/ButtonClose.jsx +0 -53
  234. package/lib/Button/ButtonDanger.jsx +0 -43
  235. package/lib/Button/ButtonGroup.jsx +0 -55
  236. package/lib/Button/ButtonInvisible.jsx +0 -32
  237. package/lib/Button/ButtonOutline.jsx +0 -43
  238. package/lib/Button/ButtonPrimary.jsx +0 -42
  239. package/lib/Button/ButtonStyles.jsx +0 -37
  240. package/lib/Button/ButtonTableList.jsx +0 -46
  241. package/lib/Caret.jsx +0 -93
  242. package/lib/CircleBadge.jsx +0 -42
  243. package/lib/CircleOcticon.jsx +0 -21
  244. package/lib/CounterLabel.jsx +0 -43
  245. package/lib/Details.jsx +0 -21
  246. package/lib/Dialog/ConfirmationDialog.jsx +0 -146
  247. package/lib/Dialog/Dialog.jsx +0 -279
  248. package/lib/Dialog.jsx +0 -129
  249. package/lib/Dropdown.jsx +0 -131
  250. package/lib/DropdownMenu/DropdownButton.jsx +0 -14
  251. package/lib/DropdownMenu/DropdownMenu.jsx +0 -70
  252. package/lib/FilterList.jsx +0 -59
  253. package/lib/FilteredActionList/FilteredActionList.jsx +0 -100
  254. package/lib/FilteredSearch.jsx +0 -28
  255. package/lib/Flash.jsx +0 -69
  256. package/lib/Flex.jsx +0 -15
  257. package/lib/FormGroup.jsx +0 -22
  258. package/lib/Grid.jsx +0 -15
  259. package/lib/Header.jsx +0 -83
  260. package/lib/Heading.jsx +0 -21
  261. package/lib/Label.jsx +0 -82
  262. package/lib/LabelGroup.jsx +0 -18
  263. package/lib/Link.jsx +0 -36
  264. package/lib/NewButton/button-counter.jsx +0 -14
  265. package/lib/NewButton/button.jsx +0 -279
  266. package/lib/Overlay.jsx +0 -154
  267. package/lib/Pagehead.jsx +0 -17
  268. package/lib/Pagination/Pagination.jsx +0 -161
  269. package/lib/Pagination/model.jsx +0 -174
  270. package/lib/PointerBox.jsx +0 -25
  271. package/lib/Popover.jsx +0 -202
  272. package/lib/Portal/Portal.jsx +0 -79
  273. package/lib/Position.jsx +0 -46
  274. package/lib/ProgressBar.jsx +0 -39
  275. package/lib/SelectMenu/SelectMenu.jsx +0 -112
  276. package/lib/SelectMenu/SelectMenuContext.jsx +0 -5
  277. package/lib/SelectMenu/SelectMenuDivider.jsx +0 -42
  278. package/lib/SelectMenu/SelectMenuFilter.jsx +0 -58
  279. package/lib/SelectMenu/SelectMenuFooter.jsx +0 -45
  280. package/lib/SelectMenu/SelectMenuHeader.jsx +0 -42
  281. package/lib/SelectMenu/SelectMenuItem.jsx +0 -142
  282. package/lib/SelectMenu/SelectMenuList.jsx +0 -59
  283. package/lib/SelectMenu/SelectMenuLoadingAnimation.jsx +0 -22
  284. package/lib/SelectMenu/SelectMenuModal.jsx +0 -118
  285. package/lib/SelectMenu/SelectMenuTab.jsx +0 -92
  286. package/lib/SelectMenu/SelectMenuTabPanel.jsx +0 -42
  287. package/lib/SelectMenu/SelectMenuTabs.jsx +0 -57
  288. package/lib/SelectPanel/SelectPanel.jsx +0 -105
  289. package/lib/SideNav.jsx +0 -173
  290. package/lib/Spinner.jsx +0 -35
  291. package/lib/StateLabel.jsx +0 -93
  292. package/lib/StyledOcticon.jsx +0 -18
  293. package/lib/SubNav.jsx +0 -101
  294. package/lib/TabNav.jsx +0 -58
  295. package/lib/Text.jsx +0 -14
  296. package/lib/TextInput.jsx +0 -23
  297. package/lib/TextInputWithTokens.jsx +0 -218
  298. package/lib/ThemeProvider.jsx +0 -130
  299. package/lib/Timeline.jsx +0 -123
  300. package/lib/Token/AvatarToken.jsx +0 -54
  301. package/lib/Token/IssueLabelToken.jsx +0 -125
  302. package/lib/Token/Token.jsx +0 -103
  303. package/lib/Token/TokenBase.jsx +0 -88
  304. package/lib/Token/_RemoveTokenButton.jsx +0 -108
  305. package/lib/Token/_TokenTextContainer.jsx +0 -49
  306. package/lib/Tooltip.jsx +0 -246
  307. package/lib/Truncate.jsx +0 -24
  308. package/lib/UnderlineNav.jsx +0 -88
  309. package/lib/_TextInputWrapper.jsx +0 -120
  310. package/lib/_UnstyledTextInput.jsx +0 -22
  311. package/lib/__tests__/ActionList.test.d.ts +0 -1
  312. package/lib/__tests__/ActionList.test.js +0 -69
  313. package/lib/__tests__/ActionList.test.jsx +0 -49
  314. package/lib/__tests__/ActionList.types.test.d.ts +0 -6
  315. package/lib/__tests__/ActionList.types.test.js +0 -69
  316. package/lib/__tests__/ActionList.types.test.jsx +0 -45
  317. package/lib/__tests__/ActionList2.test.d.ts +0 -1
  318. package/lib/__tests__/ActionList2.test.js +0 -53
  319. package/lib/__tests__/ActionList2.test.jsx +0 -46
  320. package/lib/__tests__/ActionMenu.test.d.ts +0 -1
  321. package/lib/__tests__/ActionMenu.test.js +0 -151
  322. package/lib/__tests__/ActionMenu.test.jsx +0 -124
  323. package/lib/__tests__/AnchoredOverlay.test.d.ts +0 -1
  324. package/lib/__tests__/AnchoredOverlay.test.js +0 -162
  325. package/lib/__tests__/AnchoredOverlay.test.jsx +0 -121
  326. package/lib/__tests__/Autocomplete.test.d.ts +0 -1
  327. package/lib/__tests__/Autocomplete.test.js +0 -528
  328. package/lib/__tests__/Autocomplete.test.jsx +0 -299
  329. package/lib/__tests__/Avatar.test.d.ts +0 -1
  330. package/lib/__tests__/Avatar.test.js +0 -67
  331. package/lib/__tests__/Avatar.test.jsx +0 -42
  332. package/lib/__tests__/AvatarStack.test.d.ts +0 -1
  333. package/lib/__tests__/AvatarStack.test.js +0 -71
  334. package/lib/__tests__/AvatarStack.test.jsx +0 -43
  335. package/lib/__tests__/BorderBox.test.d.ts +0 -1
  336. package/lib/__tests__/BorderBox.test.js +0 -58
  337. package/lib/__tests__/BorderBox.test.jsx +0 -36
  338. package/lib/__tests__/Box.test.d.ts +0 -1
  339. package/lib/__tests__/Box.test.js +0 -78
  340. package/lib/__tests__/Box.test.jsx +0 -41
  341. package/lib/__tests__/BranchName.test.d.ts +0 -1
  342. package/lib/__tests__/BranchName.test.js +0 -36
  343. package/lib/__tests__/BranchName.test.jsx +0 -27
  344. package/lib/__tests__/Breadcrumbs.test.d.ts +0 -1
  345. package/lib/__tests__/Breadcrumbs.test.js +0 -40
  346. package/lib/__tests__/Breadcrumbs.test.jsx +0 -28
  347. package/lib/__tests__/Breadcrumbs.types.test.d.ts +0 -3
  348. package/lib/__tests__/Breadcrumbs.types.test.js +0 -25
  349. package/lib/__tests__/Breadcrumbs.types.test.jsx +0 -24
  350. package/lib/__tests__/BreadcrumbsItem.test.d.ts +0 -1
  351. package/lib/__tests__/BreadcrumbsItem.test.js +0 -49
  352. package/lib/__tests__/BreadcrumbsItem.test.jsx +0 -31
  353. package/lib/__tests__/Button.test.d.ts +0 -1
  354. package/lib/__tests__/Button.test.js +0 -147
  355. package/lib/__tests__/Button.test.jsx +0 -100
  356. package/lib/__tests__/Caret.test.d.ts +0 -1
  357. package/lib/__tests__/Caret.test.js +0 -52
  358. package/lib/__tests__/Caret.test.jsx +0 -37
  359. package/lib/__tests__/CircleBadge.test.d.ts +0 -1
  360. package/lib/__tests__/CircleBadge.test.js +0 -83
  361. package/lib/__tests__/CircleBadge.test.jsx +0 -55
  362. package/lib/__tests__/CircleBadge.types.test.d.ts +0 -3
  363. package/lib/__tests__/CircleBadge.types.test.js +0 -28
  364. package/lib/__tests__/CircleBadge.types.test.jsx +0 -17
  365. package/lib/__tests__/CircleOcticon.test.d.ts +0 -1
  366. package/lib/__tests__/CircleOcticon.test.js +0 -71
  367. package/lib/__tests__/CircleOcticon.test.jsx +0 -45
  368. package/lib/__tests__/ConfirmationDialog.test.d.ts +0 -1
  369. package/lib/__tests__/ConfirmationDialog.test.js +0 -134
  370. package/lib/__tests__/ConfirmationDialog.test.jsx +0 -119
  371. package/lib/__tests__/CounterLabel.test.d.ts +0 -1
  372. package/lib/__tests__/CounterLabel.test.js +0 -58
  373. package/lib/__tests__/CounterLabel.test.jsx +0 -36
  374. package/lib/__tests__/CounterLabel.types.test.d.ts +0 -3
  375. package/lib/__tests__/CounterLabel.types.test.js +0 -28
  376. package/lib/__tests__/CounterLabel.types.test.jsx +0 -17
  377. package/lib/__tests__/Details.test.d.ts +0 -1
  378. package/lib/__tests__/Details.test.js +0 -117
  379. package/lib/__tests__/Details.test.jsx +0 -85
  380. package/lib/__tests__/Dialog.test.d.ts +0 -1
  381. package/lib/__tests__/Dialog.test.js +0 -184
  382. package/lib/__tests__/Dialog.test.jsx +0 -139
  383. package/lib/__tests__/Dialog.types.test.d.ts +0 -3
  384. package/lib/__tests__/Dialog.types.test.js +0 -28
  385. package/lib/__tests__/Dialog.types.test.jsx +0 -17
  386. package/lib/__tests__/Dialog2.types.test.d.ts +0 -3
  387. package/lib/__tests__/Dialog2.types.test.js +0 -31
  388. package/lib/__tests__/Dialog2.types.test.jsx +0 -17
  389. package/lib/__tests__/Dropdown.test.d.ts +0 -1
  390. package/lib/__tests__/Dropdown.test.js +0 -63
  391. package/lib/__tests__/Dropdown.test.jsx +0 -49
  392. package/lib/__tests__/Dropdown.types.test.d.ts +0 -3
  393. package/lib/__tests__/Dropdown.types.test.js +0 -31
  394. package/lib/__tests__/Dropdown.types.test.jsx +0 -25
  395. package/lib/__tests__/DropdownMenu.test.d.ts +0 -1
  396. package/lib/__tests__/DropdownMenu.test.js +0 -150
  397. package/lib/__tests__/DropdownMenu.test.jsx +0 -119
  398. package/lib/__tests__/FilterList.test.d.ts +0 -1
  399. package/lib/__tests__/FilterList.test.js +0 -36
  400. package/lib/__tests__/FilterList.test.jsx +0 -27
  401. package/lib/__tests__/FilterList.types.test.d.ts +0 -3
  402. package/lib/__tests__/FilterList.types.test.js +0 -27
  403. package/lib/__tests__/FilterList.types.test.jsx +0 -21
  404. package/lib/__tests__/FilterListItem.test.d.ts +0 -1
  405. package/lib/__tests__/FilterListItem.test.js +0 -46
  406. package/lib/__tests__/FilterListItem.test.jsx +0 -31
  407. package/lib/__tests__/FilteredSearch.test.d.ts +0 -1
  408. package/lib/__tests__/FilteredSearch.test.js +0 -36
  409. package/lib/__tests__/FilteredSearch.test.jsx +0 -27
  410. package/lib/__tests__/FilteredSearch.types.test.d.ts +0 -3
  411. package/lib/__tests__/FilteredSearch.types.test.js +0 -28
  412. package/lib/__tests__/FilteredSearch.types.test.jsx +0 -17
  413. package/lib/__tests__/Flash.test.d.ts +0 -1
  414. package/lib/__tests__/Flash.test.js +0 -62
  415. package/lib/__tests__/Flash.test.jsx +0 -36
  416. package/lib/__tests__/Flash.types.test.d.ts +0 -3
  417. package/lib/__tests__/Flash.types.test.js +0 -28
  418. package/lib/__tests__/Flash.types.test.jsx +0 -17
  419. package/lib/__tests__/Flex.test.d.ts +0 -1
  420. package/lib/__tests__/Flex.test.js +0 -74
  421. package/lib/__tests__/Flex.test.jsx +0 -51
  422. package/lib/__tests__/FormGroup.test.d.ts +0 -1
  423. package/lib/__tests__/FormGroup.test.js +0 -54
  424. package/lib/__tests__/FormGroup.test.jsx +0 -36
  425. package/lib/__tests__/FormGroup.types.test.d.ts +0 -3
  426. package/lib/__tests__/FormGroup.types.test.js +0 -28
  427. package/lib/__tests__/FormGroup.types.test.jsx +0 -17
  428. package/lib/__tests__/Grid.test.d.ts +0 -1
  429. package/lib/__tests__/Grid.test.js +0 -104
  430. package/lib/__tests__/Grid.test.jsx +0 -69
  431. package/lib/__tests__/Header.test.d.ts +0 -1
  432. package/lib/__tests__/Header.test.js +0 -58
  433. package/lib/__tests__/Header.test.jsx +0 -45
  434. package/lib/__tests__/Header.types.test.d.ts +0 -3
  435. package/lib/__tests__/Header.types.test.js +0 -29
  436. package/lib/__tests__/Header.types.test.jsx +0 -23
  437. package/lib/__tests__/Heading.test.d.ts +0 -1
  438. package/lib/__tests__/Heading.test.js +0 -109
  439. package/lib/__tests__/Heading.test.jsx +0 -71
  440. package/lib/__tests__/KeyPaths.types.test.d.ts +0 -11
  441. package/lib/__tests__/KeyPaths.types.test.js +0 -7
  442. package/lib/__tests__/Label.test.d.ts +0 -1
  443. package/lib/__tests__/Label.test.js +0 -46
  444. package/lib/__tests__/Label.test.jsx +0 -33
  445. package/lib/__tests__/Label.types.test.d.ts +0 -3
  446. package/lib/__tests__/Label.types.test.js +0 -28
  447. package/lib/__tests__/Label.types.test.jsx +0 -17
  448. package/lib/__tests__/LabelGroup.test.d.ts +0 -1
  449. package/lib/__tests__/LabelGroup.test.js +0 -38
  450. package/lib/__tests__/LabelGroup.test.jsx +0 -29
  451. package/lib/__tests__/LabelGroup.types.test.d.ts +0 -3
  452. package/lib/__tests__/LabelGroup.types.test.js +0 -28
  453. package/lib/__tests__/LabelGroup.types.test.jsx +0 -17
  454. package/lib/__tests__/Link.test.d.ts +0 -1
  455. package/lib/__tests__/Link.test.js +0 -76
  456. package/lib/__tests__/Link.test.jsx +0 -43
  457. package/lib/__tests__/Link.types.test.d.ts +0 -3
  458. package/lib/__tests__/Link.types.test.js +0 -28
  459. package/lib/__tests__/Link.types.test.jsx +0 -17
  460. package/lib/__tests__/Merge.types.test.d.ts +0 -30
  461. package/lib/__tests__/Merge.types.test.js +0 -21
  462. package/lib/__tests__/NewButton.test.d.ts +0 -1
  463. package/lib/__tests__/NewButton.test.js +0 -95
  464. package/lib/__tests__/NewButton.test.jsx +0 -61
  465. package/lib/__tests__/Overlay.test.d.ts +0 -1
  466. package/lib/__tests__/Overlay.test.js +0 -145
  467. package/lib/__tests__/Overlay.test.jsx +0 -105
  468. package/lib/__tests__/Overlay.types.test.d.ts +0 -3
  469. package/lib/__tests__/Overlay.types.test.js +0 -35
  470. package/lib/__tests__/Overlay.types.test.jsx +0 -18
  471. package/lib/__tests__/Pagehead.test.d.ts +0 -1
  472. package/lib/__tests__/Pagehead.test.js +0 -37
  473. package/lib/__tests__/Pagehead.test.jsx +0 -25
  474. package/lib/__tests__/Pagehead.types.test.d.ts +0 -3
  475. package/lib/__tests__/Pagehead.types.test.js +0 -28
  476. package/lib/__tests__/Pagehead.types.test.jsx +0 -17
  477. package/lib/__tests__/Pagination/Pagination.test.d.ts +0 -1
  478. package/lib/__tests__/Pagination/Pagination.test.js +0 -47
  479. package/lib/__tests__/Pagination/Pagination.test.jsx +0 -32
  480. package/lib/__tests__/Pagination/PaginationModel.test.d.ts +0 -1
  481. package/lib/__tests__/Pagination/PaginationModel.test.js +0 -186
  482. package/lib/__tests__/Pagination/PaginationModel.test.jsx +0 -118
  483. package/lib/__tests__/Pagination.types.test.d.ts +0 -3
  484. package/lib/__tests__/Pagination.types.test.js +0 -33
  485. package/lib/__tests__/Pagination.types.test.jsx +0 -17
  486. package/lib/__tests__/PointerBox.test.d.ts +0 -1
  487. package/lib/__tests__/PointerBox.test.js +0 -46
  488. package/lib/__tests__/PointerBox.test.jsx +0 -33
  489. package/lib/__tests__/Popover.test.d.ts +0 -1
  490. package/lib/__tests__/Popover.test.js +0 -66
  491. package/lib/__tests__/Popover.test.jsx +0 -58
  492. package/lib/__tests__/Popover.types.test.d.ts +0 -3
  493. package/lib/__tests__/Popover.types.test.js +0 -27
  494. package/lib/__tests__/Popover.types.test.jsx +0 -21
  495. package/lib/__tests__/Portal.test.d.ts +0 -1
  496. package/lib/__tests__/Portal.test.js +0 -124
  497. package/lib/__tests__/Portal.test.jsx +0 -102
  498. package/lib/__tests__/Position.test.d.ts +0 -1
  499. package/lib/__tests__/Position.test.js +0 -143
  500. package/lib/__tests__/Position.test.jsx +0 -96
  501. package/lib/__tests__/ProgressBar.test.d.ts +0 -1
  502. package/lib/__tests__/ProgressBar.test.js +0 -68
  503. package/lib/__tests__/ProgressBar.test.jsx +0 -38
  504. package/lib/__tests__/SelectMenu.test.d.ts +0 -1
  505. package/lib/__tests__/SelectMenu.test.js +0 -155
  506. package/lib/__tests__/SelectMenu.test.jsx +0 -120
  507. package/lib/__tests__/SelectMenu.types.test.d.ts +0 -3
  508. package/lib/__tests__/SelectMenu.types.test.js +0 -47
  509. package/lib/__tests__/SelectMenu.types.test.jsx +0 -41
  510. package/lib/__tests__/SelectPanel.test.d.ts +0 -1
  511. package/lib/__tests__/SelectPanel.test.js +0 -80
  512. package/lib/__tests__/SelectPanel.test.jsx +0 -48
  513. package/lib/__tests__/SideNav.test.d.ts +0 -1
  514. package/lib/__tests__/SideNav.test.js +0 -71
  515. package/lib/__tests__/SideNav.test.jsx +0 -55
  516. package/lib/__tests__/SideNav.types.test.d.ts +0 -3
  517. package/lib/__tests__/SideNav.types.test.js +0 -28
  518. package/lib/__tests__/SideNav.types.test.jsx +0 -17
  519. package/lib/__tests__/Spinner.test.d.ts +0 -1
  520. package/lib/__tests__/Spinner.test.js +0 -53
  521. package/lib/__tests__/Spinner.test.jsx +0 -41
  522. package/lib/__tests__/StateLabel.test.d.ts +0 -1
  523. package/lib/__tests__/StateLabel.test.js +0 -71
  524. package/lib/__tests__/StateLabel.test.jsx +0 -46
  525. package/lib/__tests__/StateLabel.types.test.d.ts +0 -3
  526. package/lib/__tests__/StateLabel.types.test.js +0 -28
  527. package/lib/__tests__/StateLabel.types.test.jsx +0 -17
  528. package/lib/__tests__/StyledOcticon.test.d.ts +0 -1
  529. package/lib/__tests__/StyledOcticon.test.js +0 -40
  530. package/lib/__tests__/StyledOcticon.test.jsx +0 -28
  531. package/lib/__tests__/StyledOcticon.types.test.d.ts +0 -3
  532. package/lib/__tests__/StyledOcticon.types.test.js +0 -32
  533. package/lib/__tests__/StyledOcticon.types.test.jsx +0 -18
  534. package/lib/__tests__/SubNav.test.d.ts +0 -1
  535. package/lib/__tests__/SubNav.test.js +0 -62
  536. package/lib/__tests__/SubNav.test.jsx +0 -47
  537. package/lib/__tests__/SubNav.types.test.d.ts +0 -3
  538. package/lib/__tests__/SubNav.types.test.js +0 -27
  539. package/lib/__tests__/SubNav.types.test.jsx +0 -27
  540. package/lib/__tests__/SubNavLink.test.d.ts +0 -1
  541. package/lib/__tests__/SubNavLink.test.js +0 -49
  542. package/lib/__tests__/SubNavLink.test.jsx +0 -31
  543. package/lib/__tests__/TabNav.test.d.ts +0 -1
  544. package/lib/__tests__/TabNav.test.js +0 -49
  545. package/lib/__tests__/TabNav.test.jsx +0 -32
  546. package/lib/__tests__/TabNav.types.test.d.ts +0 -3
  547. package/lib/__tests__/TabNav.types.test.js +0 -25
  548. package/lib/__tests__/TabNav.types.test.jsx +0 -24
  549. package/lib/__tests__/Text.test.d.ts +0 -1
  550. package/lib/__tests__/Text.test.js +0 -105
  551. package/lib/__tests__/Text.test.jsx +0 -71
  552. package/lib/__tests__/TextInput.test.d.ts +0 -1
  553. package/lib/__tests__/TextInput.test.js +0 -78
  554. package/lib/__tests__/TextInput.test.jsx +0 -45
  555. package/lib/__tests__/TextInputWithTokens.test.d.ts +0 -1
  556. package/lib/__tests__/TextInputWithTokens.test.js +0 -572
  557. package/lib/__tests__/TextInputWithTokens.test.jsx +0 -302
  558. package/lib/__tests__/ThemeProvider.test.d.ts +0 -1
  559. package/lib/__tests__/ThemeProvider.test.js +0 -444
  560. package/lib/__tests__/ThemeProvider.test.jsx +0 -314
  561. package/lib/__tests__/Timeline.test.d.ts +0 -1
  562. package/lib/__tests__/Timeline.test.js +0 -75
  563. package/lib/__tests__/Timeline.test.jsx +0 -51
  564. package/lib/__tests__/Timeline.types.test.d.ts +0 -3
  565. package/lib/__tests__/Timeline.types.test.js +0 -31
  566. package/lib/__tests__/Timeline.types.test.jsx +0 -33
  567. package/lib/__tests__/Token.test.d.ts +0 -1
  568. package/lib/__tests__/Token.test.js +0 -180
  569. package/lib/__tests__/Token.test.jsx +0 -93
  570. package/lib/__tests__/Tooltip.test.d.ts +0 -1
  571. package/lib/__tests__/Tooltip.test.js +0 -69
  572. package/lib/__tests__/Tooltip.test.jsx +0 -46
  573. package/lib/__tests__/Tooltip.types.test.d.ts +0 -3
  574. package/lib/__tests__/Tooltip.types.test.js +0 -28
  575. package/lib/__tests__/Tooltip.types.test.jsx +0 -17
  576. package/lib/__tests__/Truncate.test.d.ts +0 -1
  577. package/lib/__tests__/Truncate.test.js +0 -63
  578. package/lib/__tests__/Truncate.test.jsx +0 -41
  579. package/lib/__tests__/Truncate.types.test.d.ts +0 -3
  580. package/lib/__tests__/Truncate.types.test.js +0 -31
  581. package/lib/__tests__/Truncate.types.test.jsx +0 -17
  582. package/lib/__tests__/UnderlineNav.test.d.ts +0 -1
  583. package/lib/__tests__/UnderlineNav.test.js +0 -72
  584. package/lib/__tests__/UnderlineNav.test.jsx +0 -53
  585. package/lib/__tests__/UnderlineNav.types.test.d.ts +0 -3
  586. package/lib/__tests__/UnderlineNav.types.test.js +0 -25
  587. package/lib/__tests__/UnderlineNav.types.test.jsx +0 -24
  588. package/lib/__tests__/UnderlineNavLink.test.d.ts +0 -1
  589. package/lib/__tests__/UnderlineNavLink.test.js +0 -51
  590. package/lib/__tests__/UnderlineNavLink.test.jsx +0 -31
  591. package/lib/__tests__/behaviors/anchoredPosition.test.d.ts +0 -1
  592. package/lib/__tests__/behaviors/anchoredPosition.test.js +0 -243
  593. package/lib/__tests__/behaviors/focusTrap.test.d.ts +0 -1
  594. package/lib/__tests__/behaviors/focusTrap.test.js +0 -234
  595. package/lib/__tests__/behaviors/focusTrap.test.jsx +0 -184
  596. package/lib/__tests__/behaviors/focusZone.test.d.ts +0 -1
  597. package/lib/__tests__/behaviors/focusZone.test.js +0 -570
  598. package/lib/__tests__/behaviors/focusZone.test.jsx +0 -406
  599. package/lib/__tests__/behaviors/iterateFocusableElements.test.d.ts +0 -1
  600. package/lib/__tests__/behaviors/iterateFocusableElements.test.js +0 -55
  601. package/lib/__tests__/behaviors/iterateFocusableElements.test.jsx +0 -58
  602. package/lib/__tests__/behaviors/scrollIntoViewingArea.test.d.ts +0 -1
  603. package/lib/__tests__/behaviors/scrollIntoViewingArea.test.js +0 -155
  604. package/lib/__tests__/filterObject.test.d.ts +0 -1
  605. package/lib/__tests__/filterObject.test.js +0 -51
  606. package/lib/__tests__/hooks/useAnchoredPosition.test.d.ts +0 -1
  607. package/lib/__tests__/hooks/useAnchoredPosition.test.js +0 -54
  608. package/lib/__tests__/hooks/useAnchoredPosition.test.jsx +0 -29
  609. package/lib/__tests__/hooks/useOnEscapePress.test.d.ts +0 -1
  610. package/lib/__tests__/hooks/useOnEscapePress.test.js +0 -32
  611. package/lib/__tests__/hooks/useOnEscapePress.test.jsx +0 -19
  612. package/lib/__tests__/hooks/useOnOutsideClick.test.d.ts +0 -1
  613. package/lib/__tests__/hooks/useOnOutsideClick.test.js +0 -87
  614. package/lib/__tests__/hooks/useOnOutsideClick.test.jsx +0 -63
  615. package/lib/__tests__/hooks/useOpenAndCloseFocus.test.d.ts +0 -1
  616. package/lib/__tests__/hooks/useOpenAndCloseFocus.test.js +0 -60
  617. package/lib/__tests__/hooks/useOpenAndCloseFocus.test.jsx +0 -61
  618. package/lib/__tests__/hooks/useProvidedStateOrCreate.test.d.ts +0 -1
  619. package/lib/__tests__/hooks/useProvidedStateOrCreate.test.js +0 -45
  620. package/lib/__tests__/hooks/useProvidedStateOrCreate.test.jsx +0 -56
  621. package/lib/__tests__/theme.test.d.ts +0 -1
  622. package/lib/__tests__/theme.test.js +0 -35
  623. package/lib/__tests__/themeGet.test.d.ts +0 -1
  624. package/lib/__tests__/themeGet.test.js +0 -14
  625. package/lib/__tests__/useSafeTimeout.test.d.ts +0 -1
  626. package/lib/__tests__/useSafeTimeout.test.js +0 -45
  627. package/lib/__tests__/useSafeTimeout.test.jsx +0 -36
  628. package/lib/__tests__/utils/createSlots.test.d.ts +0 -1
  629. package/lib/__tests__/utils/createSlots.test.js +0 -75
  630. package/lib/__tests__/utils/createSlots.test.jsx +0 -57
  631. package/lib/hooks/useDetails.jsx +0 -39
  632. package/lib/hooks/useOnOutsideClick.jsx +0 -61
  633. package/lib/hooks/useOverlay.jsx +0 -15
  634. package/lib/stories/ActionList.stories.js +0 -454
  635. package/lib/stories/ActionList2.stories.js +0 -909
  636. package/lib/stories/ActionMenu.stories.js +0 -348
  637. package/lib/stories/AnchoredOverlay.stories.js +0 -127
  638. package/lib/stories/Autocomplete.stories.js +0 -619
  639. package/lib/stories/AvatarStack.stories.js +0 -49
  640. package/lib/stories/Button.stories.js +0 -125
  641. package/lib/stories/ConfirmationDialog.stories.js +0 -119
  642. package/lib/stories/Dialog.stories.js +0 -269
  643. package/lib/stories/DropdownMenu.stories.js +0 -122
  644. package/lib/stories/IssueLabelToken.stories.js +0 -165
  645. package/lib/stories/NewButton.stories.js +0 -230
  646. package/lib/stories/Overlay.stories.js +0 -204
  647. package/lib/stories/Portal.stories.js +0 -104
  648. package/lib/stories/ProfileToken.stories.js +0 -162
  649. package/lib/stories/SelectPanel.stories.js +0 -399
  650. package/lib/stories/TextInput.stories.js +0 -144
  651. package/lib/stories/TextInputWithTokens.stories.js +0 -252
  652. package/lib/stories/ThemeProvider.stories.js +0 -102
  653. package/lib/stories/Token.stories.js +0 -176
  654. package/lib/stories/useAnchoredPosition.stories.js +0 -351
  655. package/lib/stories/useFocusTrap.stories.js +0 -360
  656. package/lib/stories/useFocusZone.stories.js +0 -607
  657. package/lib/utils/create-slots.jsx +0 -65
  658. package/lib/utils/deprecate.jsx +0 -59
  659. package/lib/utils/isNumeric.jsx +0 -7
  660. package/lib/utils/ssr.jsx +0 -6
  661. package/lib/utils/test-deprecations.jsx +0 -20
  662. package/lib/utils/test-helpers.jsx +0 -8
  663. package/lib/utils/test-matchers.jsx +0 -100
  664. package/lib/utils/testing.jsx +0 -206
  665. package/lib-esm/__tests__/ActionList.test.d.ts +0 -1
  666. package/lib-esm/__tests__/ActionList.test.js +0 -57
  667. package/lib-esm/__tests__/ActionList.types.test.d.ts +0 -6
  668. package/lib-esm/__tests__/ActionList.types.test.js +0 -45
  669. package/lib-esm/__tests__/ActionList2.test.d.ts +0 -1
  670. package/lib-esm/__tests__/ActionList2.test.js +0 -41
  671. package/lib-esm/__tests__/ActionMenu.test.d.ts +0 -1
  672. package/lib-esm/__tests__/ActionMenu.test.js +0 -139
  673. package/lib-esm/__tests__/AnchoredOverlay.test.d.ts +0 -1
  674. package/lib-esm/__tests__/AnchoredOverlay.test.js +0 -136
  675. package/lib-esm/__tests__/Autocomplete.test.d.ts +0 -1
  676. package/lib-esm/__tests__/Autocomplete.test.js +0 -494
  677. package/lib-esm/__tests__/Avatar.test.d.ts +0 -1
  678. package/lib-esm/__tests__/Avatar.test.js +0 -56
  679. package/lib-esm/__tests__/AvatarStack.test.d.ts +0 -1
  680. package/lib-esm/__tests__/AvatarStack.test.js +0 -58
  681. package/lib-esm/__tests__/BorderBox.test.d.ts +0 -1
  682. package/lib-esm/__tests__/BorderBox.test.js +0 -47
  683. package/lib-esm/__tests__/Box.test.d.ts +0 -1
  684. package/lib-esm/__tests__/Box.test.js +0 -67
  685. package/lib-esm/__tests__/BranchName.test.d.ts +0 -1
  686. package/lib-esm/__tests__/BranchName.test.js +0 -26
  687. package/lib-esm/__tests__/Breadcrumbs.test.d.ts +0 -1
  688. package/lib-esm/__tests__/Breadcrumbs.test.js +0 -30
  689. package/lib-esm/__tests__/Breadcrumbs.types.test.d.ts +0 -3
  690. package/lib-esm/__tests__/Breadcrumbs.types.test.js +0 -12
  691. package/lib-esm/__tests__/BreadcrumbsItem.test.d.ts +0 -1
  692. package/lib-esm/__tests__/BreadcrumbsItem.test.js +0 -39
  693. package/lib-esm/__tests__/Button.test.d.ts +0 -1
  694. package/lib-esm/__tests__/Button.test.js +0 -137
  695. package/lib-esm/__tests__/Caret.test.d.ts +0 -1
  696. package/lib-esm/__tests__/Caret.test.js +0 -42
  697. package/lib-esm/__tests__/CircleBadge.test.d.ts +0 -1
  698. package/lib-esm/__tests__/CircleBadge.test.js +0 -70
  699. package/lib-esm/__tests__/CircleBadge.types.test.d.ts +0 -3
  700. package/lib-esm/__tests__/CircleBadge.types.test.js +0 -13
  701. package/lib-esm/__tests__/CircleOcticon.test.d.ts +0 -1
  702. package/lib-esm/__tests__/CircleOcticon.test.js +0 -59
  703. package/lib-esm/__tests__/ConfirmationDialog.test.d.ts +0 -1
  704. package/lib-esm/__tests__/ConfirmationDialog.test.js +0 -113
  705. package/lib-esm/__tests__/CounterLabel.test.d.ts +0 -1
  706. package/lib-esm/__tests__/CounterLabel.test.js +0 -47
  707. package/lib-esm/__tests__/CounterLabel.types.test.d.ts +0 -3
  708. package/lib-esm/__tests__/CounterLabel.types.test.js +0 -13
  709. package/lib-esm/__tests__/Details.test.d.ts +0 -1
  710. package/lib-esm/__tests__/Details.test.js +0 -107
  711. package/lib-esm/__tests__/Dialog.test.d.ts +0 -1
  712. package/lib-esm/__tests__/Dialog.test.js +0 -171
  713. package/lib-esm/__tests__/Dialog.types.test.d.ts +0 -3
  714. package/lib-esm/__tests__/Dialog.types.test.js +0 -13
  715. package/lib-esm/__tests__/Dialog2.types.test.d.ts +0 -3
  716. package/lib-esm/__tests__/Dialog2.types.test.js +0 -16
  717. package/lib-esm/__tests__/Dropdown.test.d.ts +0 -1
  718. package/lib-esm/__tests__/Dropdown.test.js +0 -53
  719. package/lib-esm/__tests__/Dropdown.types.test.d.ts +0 -3
  720. package/lib-esm/__tests__/Dropdown.types.test.js +0 -17
  721. package/lib-esm/__tests__/DropdownMenu.test.d.ts +0 -1
  722. package/lib-esm/__tests__/DropdownMenu.test.js +0 -137
  723. package/lib-esm/__tests__/FilterList.test.d.ts +0 -1
  724. package/lib-esm/__tests__/FilterList.test.js +0 -26
  725. package/lib-esm/__tests__/FilterList.types.test.d.ts +0 -3
  726. package/lib-esm/__tests__/FilterList.types.test.js +0 -13
  727. package/lib-esm/__tests__/FilterListItem.test.d.ts +0 -1
  728. package/lib-esm/__tests__/FilterListItem.test.js +0 -36
  729. package/lib-esm/__tests__/FilteredSearch.test.d.ts +0 -1
  730. package/lib-esm/__tests__/FilteredSearch.test.js +0 -26
  731. package/lib-esm/__tests__/FilteredSearch.types.test.d.ts +0 -3
  732. package/lib-esm/__tests__/FilteredSearch.types.test.js +0 -13
  733. package/lib-esm/__tests__/Flash.test.d.ts +0 -1
  734. package/lib-esm/__tests__/Flash.test.js +0 -51
  735. package/lib-esm/__tests__/Flash.types.test.d.ts +0 -3
  736. package/lib-esm/__tests__/Flash.types.test.js +0 -13
  737. package/lib-esm/__tests__/Flex.test.d.ts +0 -1
  738. package/lib-esm/__tests__/Flex.test.js +0 -64
  739. package/lib-esm/__tests__/FormGroup.test.d.ts +0 -1
  740. package/lib-esm/__tests__/FormGroup.test.js +0 -44
  741. package/lib-esm/__tests__/FormGroup.types.test.d.ts +0 -3
  742. package/lib-esm/__tests__/FormGroup.types.test.js +0 -13
  743. package/lib-esm/__tests__/Grid.test.d.ts +0 -1
  744. package/lib-esm/__tests__/Grid.test.js +0 -94
  745. package/lib-esm/__tests__/Header.test.d.ts +0 -1
  746. package/lib-esm/__tests__/Header.test.js +0 -48
  747. package/lib-esm/__tests__/Header.types.test.d.ts +0 -3
  748. package/lib-esm/__tests__/Header.types.test.js +0 -15
  749. package/lib-esm/__tests__/Heading.test.d.ts +0 -1
  750. package/lib-esm/__tests__/Heading.test.js +0 -99
  751. package/lib-esm/__tests__/KeyPaths.types.test.d.ts +0 -11
  752. package/lib-esm/__tests__/KeyPaths.types.test.js +0 -3
  753. package/lib-esm/__tests__/Label.test.d.ts +0 -1
  754. package/lib-esm/__tests__/Label.test.js +0 -36
  755. package/lib-esm/__tests__/Label.types.test.d.ts +0 -3
  756. package/lib-esm/__tests__/Label.types.test.js +0 -13
  757. package/lib-esm/__tests__/LabelGroup.test.d.ts +0 -1
  758. package/lib-esm/__tests__/LabelGroup.test.js +0 -26
  759. package/lib-esm/__tests__/LabelGroup.types.test.d.ts +0 -3
  760. package/lib-esm/__tests__/LabelGroup.types.test.js +0 -13
  761. package/lib-esm/__tests__/Link.test.d.ts +0 -1
  762. package/lib-esm/__tests__/Link.test.js +0 -66
  763. package/lib-esm/__tests__/Link.types.test.d.ts +0 -3
  764. package/lib-esm/__tests__/Link.types.test.js +0 -13
  765. package/lib-esm/__tests__/Merge.types.test.d.ts +0 -30
  766. package/lib-esm/__tests__/Merge.types.test.js +0 -14
  767. package/lib-esm/__tests__/NewButton.test.d.ts +0 -1
  768. package/lib-esm/__tests__/NewButton.test.js +0 -84
  769. package/lib-esm/__tests__/Overlay.test.d.ts +0 -1
  770. package/lib-esm/__tests__/Overlay.test.js +0 -123
  771. package/lib-esm/__tests__/Overlay.types.test.d.ts +0 -3
  772. package/lib-esm/__tests__/Overlay.types.test.js +0 -20
  773. package/lib-esm/__tests__/Pagehead.test.d.ts +0 -1
  774. package/lib-esm/__tests__/Pagehead.test.js +0 -26
  775. package/lib-esm/__tests__/Pagehead.types.test.d.ts +0 -3
  776. package/lib-esm/__tests__/Pagehead.types.test.js +0 -13
  777. package/lib-esm/__tests__/Pagination/Pagination.test.d.ts +0 -1
  778. package/lib-esm/__tests__/Pagination/Pagination.test.js +0 -35
  779. package/lib-esm/__tests__/Pagination/PaginationModel.test.d.ts +0 -1
  780. package/lib-esm/__tests__/Pagination/PaginationModel.test.js +0 -182
  781. package/lib-esm/__tests__/Pagination.types.test.d.ts +0 -3
  782. package/lib-esm/__tests__/Pagination.types.test.js +0 -18
  783. package/lib-esm/__tests__/PointerBox.test.d.ts +0 -1
  784. package/lib-esm/__tests__/PointerBox.test.js +0 -36
  785. package/lib-esm/__tests__/Popover.test.d.ts +0 -1
  786. package/lib-esm/__tests__/Popover.test.js +0 -53
  787. package/lib-esm/__tests__/Popover.types.test.d.ts +0 -3
  788. package/lib-esm/__tests__/Popover.types.test.js +0 -13
  789. package/lib-esm/__tests__/Portal.test.d.ts +0 -1
  790. package/lib-esm/__tests__/Portal.test.js +0 -104
  791. package/lib-esm/__tests__/Position.test.d.ts +0 -1
  792. package/lib-esm/__tests__/Position.test.js +0 -133
  793. package/lib-esm/__tests__/ProgressBar.test.d.ts +0 -1
  794. package/lib-esm/__tests__/ProgressBar.test.js +0 -58
  795. package/lib-esm/__tests__/SelectMenu.test.d.ts +0 -1
  796. package/lib-esm/__tests__/SelectMenu.test.js +0 -145
  797. package/lib-esm/__tests__/SelectMenu.types.test.d.ts +0 -3
  798. package/lib-esm/__tests__/SelectMenu.types.test.js +0 -33
  799. package/lib-esm/__tests__/SelectPanel.test.d.ts +0 -1
  800. package/lib-esm/__tests__/SelectPanel.test.js +0 -65
  801. package/lib-esm/__tests__/SideNav.test.d.ts +0 -1
  802. package/lib-esm/__tests__/SideNav.test.js +0 -60
  803. package/lib-esm/__tests__/SideNav.types.test.d.ts +0 -3
  804. package/lib-esm/__tests__/SideNav.types.test.js +0 -13
  805. package/lib-esm/__tests__/Spinner.test.d.ts +0 -1
  806. package/lib-esm/__tests__/Spinner.test.js +0 -43
  807. package/lib-esm/__tests__/StateLabel.test.d.ts +0 -1
  808. package/lib-esm/__tests__/StateLabel.test.js +0 -61
  809. package/lib-esm/__tests__/StateLabel.types.test.d.ts +0 -3
  810. package/lib-esm/__tests__/StateLabel.types.test.js +0 -13
  811. package/lib-esm/__tests__/StyledOcticon.test.d.ts +0 -1
  812. package/lib-esm/__tests__/StyledOcticon.test.js +0 -29
  813. package/lib-esm/__tests__/StyledOcticon.types.test.d.ts +0 -3
  814. package/lib-esm/__tests__/StyledOcticon.types.test.js +0 -16
  815. package/lib-esm/__tests__/SubNav.test.d.ts +0 -1
  816. package/lib-esm/__tests__/SubNav.test.js +0 -50
  817. package/lib-esm/__tests__/SubNav.types.test.d.ts +0 -3
  818. package/lib-esm/__tests__/SubNav.types.test.js +0 -14
  819. package/lib-esm/__tests__/SubNavLink.test.d.ts +0 -1
  820. package/lib-esm/__tests__/SubNavLink.test.js +0 -39
  821. package/lib-esm/__tests__/TabNav.test.d.ts +0 -1
  822. package/lib-esm/__tests__/TabNav.test.js +0 -39
  823. package/lib-esm/__tests__/TabNav.types.test.d.ts +0 -3
  824. package/lib-esm/__tests__/TabNav.types.test.js +0 -12
  825. package/lib-esm/__tests__/Text.test.d.ts +0 -1
  826. package/lib-esm/__tests__/Text.test.js +0 -93
  827. package/lib-esm/__tests__/TextInput.test.d.ts +0 -1
  828. package/lib-esm/__tests__/TextInput.test.js +0 -68
  829. package/lib-esm/__tests__/TextInputWithTokens.test.d.ts +0 -1
  830. package/lib-esm/__tests__/TextInputWithTokens.test.js +0 -511
  831. package/lib-esm/__tests__/ThemeProvider.test.d.ts +0 -1
  832. package/lib-esm/__tests__/ThemeProvider.test.js +0 -408
  833. package/lib-esm/__tests__/Timeline.test.d.ts +0 -1
  834. package/lib-esm/__tests__/Timeline.test.js +0 -65
  835. package/lib-esm/__tests__/Timeline.types.test.d.ts +0 -3
  836. package/lib-esm/__tests__/Timeline.types.test.js +0 -18
  837. package/lib-esm/__tests__/Token.test.d.ts +0 -1
  838. package/lib-esm/__tests__/Token.test.js +0 -166
  839. package/lib-esm/__tests__/Tooltip.test.d.ts +0 -1
  840. package/lib-esm/__tests__/Tooltip.test.js +0 -59
  841. package/lib-esm/__tests__/Tooltip.types.test.d.ts +0 -3
  842. package/lib-esm/__tests__/Tooltip.types.test.js +0 -13
  843. package/lib-esm/__tests__/Truncate.test.d.ts +0 -1
  844. package/lib-esm/__tests__/Truncate.test.js +0 -53
  845. package/lib-esm/__tests__/Truncate.types.test.d.ts +0 -3
  846. package/lib-esm/__tests__/Truncate.types.test.js +0 -16
  847. package/lib-esm/__tests__/UnderlineNav.test.d.ts +0 -1
  848. package/lib-esm/__tests__/UnderlineNav.test.js +0 -60
  849. package/lib-esm/__tests__/UnderlineNav.types.test.d.ts +0 -3
  850. package/lib-esm/__tests__/UnderlineNav.types.test.js +0 -12
  851. package/lib-esm/__tests__/UnderlineNavLink.test.d.ts +0 -1
  852. package/lib-esm/__tests__/UnderlineNavLink.test.js +0 -41
  853. package/lib-esm/__tests__/behaviors/anchoredPosition.test.d.ts +0 -1
  854. package/lib-esm/__tests__/behaviors/anchoredPosition.test.js +0 -388
  855. package/lib-esm/__tests__/behaviors/focusTrap.test.d.ts +0 -1
  856. package/lib-esm/__tests__/behaviors/focusTrap.test.js +0 -227
  857. package/lib-esm/__tests__/behaviors/focusZone.test.d.ts +0 -1
  858. package/lib-esm/__tests__/behaviors/focusZone.test.js +0 -487
  859. package/lib-esm/__tests__/behaviors/iterateFocusableElements.test.d.ts +0 -1
  860. package/lib-esm/__tests__/behaviors/iterateFocusableElements.test.js +0 -48
  861. package/lib-esm/__tests__/behaviors/scrollIntoViewingArea.test.d.ts +0 -1
  862. package/lib-esm/__tests__/behaviors/scrollIntoViewingArea.test.js +0 -224
  863. package/lib-esm/__tests__/filterObject.test.d.ts +0 -1
  864. package/lib-esm/__tests__/filterObject.test.js +0 -27
  865. package/lib-esm/__tests__/hooks/useAnchoredPosition.test.d.ts +0 -1
  866. package/lib-esm/__tests__/hooks/useAnchoredPosition.test.js +0 -46
  867. package/lib-esm/__tests__/hooks/useOnEscapePress.test.d.ts +0 -1
  868. package/lib-esm/__tests__/hooks/useOnEscapePress.test.js +0 -23
  869. package/lib-esm/__tests__/hooks/useOnOutsideClick.test.d.ts +0 -1
  870. package/lib-esm/__tests__/hooks/useOnOutsideClick.test.js +0 -68
  871. package/lib-esm/__tests__/hooks/useOpenAndCloseFocus.test.d.ts +0 -1
  872. package/lib-esm/__tests__/hooks/useOpenAndCloseFocus.test.js +0 -52
  873. package/lib-esm/__tests__/hooks/useProvidedStateOrCreate.test.d.ts +0 -1
  874. package/lib-esm/__tests__/hooks/useProvidedStateOrCreate.test.js +0 -36
  875. package/lib-esm/__tests__/theme.test.d.ts +0 -1
  876. package/lib-esm/__tests__/theme.test.js +0 -33
  877. package/lib-esm/__tests__/themeGet.test.d.ts +0 -1
  878. package/lib-esm/__tests__/themeGet.test.js +0 -22
  879. package/lib-esm/__tests__/useSafeTimeout.test.d.ts +0 -1
  880. package/lib-esm/__tests__/useSafeTimeout.test.js +0 -39
  881. package/lib-esm/__tests__/utils/createSlots.test.d.ts +0 -1
  882. package/lib-esm/__tests__/utils/createSlots.test.js +0 -67
  883. package/lib-esm/stories/ActionList.stories.js +0 -395
  884. package/lib-esm/stories/ActionList2.stories.js +0 -797
  885. package/lib-esm/stories/ActionMenu.stories.js +0 -303
  886. package/lib-esm/stories/AnchoredOverlay.stories.js +0 -101
  887. package/lib-esm/stories/Autocomplete.stories.js +0 -560
  888. package/lib-esm/stories/AvatarStack.stories.js +0 -32
  889. package/lib-esm/stories/Button.stories.js +0 -86
  890. package/lib-esm/stories/ConfirmationDialog.stories.js +0 -94
  891. package/lib-esm/stories/Dialog.stories.js +0 -244
  892. package/lib-esm/stories/DropdownMenu.stories.js +0 -94
  893. package/lib-esm/stories/IssueLabelToken.stories.js +0 -139
  894. package/lib-esm/stories/NewButton.stories.js +0 -178
  895. package/lib-esm/stories/Overlay.stories.js +0 -173
  896. package/lib-esm/stories/Portal.stories.js +0 -68
  897. package/lib-esm/stories/ProfileToken.stories.js +0 -136
  898. package/lib-esm/stories/SelectPanel.stories.js +0 -334
  899. package/lib-esm/stories/TextInput.stories.js +0 -117
  900. package/lib-esm/stories/TextInputWithTokens.stories.js +0 -210
  901. package/lib-esm/stories/ThemeProvider.stories.js +0 -83
  902. package/lib-esm/stories/Token.stories.js +0 -146
  903. package/lib-esm/stories/useAnchoredPosition.stories.js +0 -313
  904. package/lib-esm/stories/useFocusTrap.stories.js +0 -313
  905. package/lib-esm/stories/useFocusZone.stories.js +0 -562
  906. package/migrating.md +0 -250
  907. package/now.json +0 -17
  908. package/package-lock.json +0 -66509
  909. package/rollup.config.js +0 -36
  910. package/script/build +0 -21
  911. package/script/build-storybook +0 -10
  912. package/script/setup +0 -12
  913. package/src/ActionList/Divider.tsx +0 -25
  914. package/src/ActionList/Group.tsx +0 -45
  915. package/src/ActionList/Header.tsx +0 -74
  916. package/src/ActionList/Item.tsx +0 -480
  917. package/src/ActionList/List.tsx +0 -258
  918. package/src/ActionList/index.ts +0 -21
  919. package/src/ActionList2/Description.tsx +0 -52
  920. package/src/ActionList2/Divider.tsx +0 -24
  921. package/src/ActionList2/Group.tsx +0 -103
  922. package/src/ActionList2/Header.tsx +0 -58
  923. package/src/ActionList2/Item.tsx +0 -246
  924. package/src/ActionList2/LinkItem.tsx +0 -49
  925. package/src/ActionList2/List.tsx +0 -55
  926. package/src/ActionList2/Selection.tsx +0 -60
  927. package/src/ActionList2/Visuals.tsx +0 -76
  928. package/src/ActionList2/index.ts +0 -39
  929. package/src/ActionMenu.tsx +0 -106
  930. package/src/AnchoredOverlay/AnchoredOverlay.tsx +0 -191
  931. package/src/AnchoredOverlay/index.ts +0 -2
  932. package/src/Autocomplete/Autocomplete.tsx +0 -103
  933. package/src/Autocomplete/AutocompleteContext.tsx +0 -19
  934. package/src/Autocomplete/AutocompleteInput.tsx +0 -179
  935. package/src/Autocomplete/AutocompleteMenu.tsx +0 -341
  936. package/src/Autocomplete/AutocompleteOverlay.tsx +0 -68
  937. package/src/Autocomplete/index.ts +0 -2
  938. package/src/Avatar.tsx +0 -46
  939. package/src/AvatarPair.tsx +0 -35
  940. package/src/AvatarStack.tsx +0 -159
  941. package/src/BaseStyles.tsx +0 -53
  942. package/src/BorderBox.tsx +0 -18
  943. package/src/Box.tsx +0 -54
  944. package/src/BranchName.tsx +0 -19
  945. package/src/Breadcrumbs.tsx +0 -101
  946. package/src/Button/Button.tsx +0 -39
  947. package/src/Button/ButtonBase.tsx +0 -39
  948. package/src/Button/ButtonClose.tsx +0 -36
  949. package/src/Button/ButtonDanger.tsx +0 -42
  950. package/src/Button/ButtonGroup.tsx +0 -55
  951. package/src/Button/ButtonInvisible.tsx +0 -31
  952. package/src/Button/ButtonOutline.tsx +0 -42
  953. package/src/Button/ButtonPrimary.tsx +0 -40
  954. package/src/Button/ButtonStyles.tsx +0 -36
  955. package/src/Button/ButtonTableList.tsx +0 -45
  956. package/src/Button/index.ts +0 -16
  957. package/src/Caret.tsx +0 -133
  958. package/src/CircleBadge.tsx +0 -53
  959. package/src/CircleOcticon.tsx +0 -37
  960. package/src/CounterLabel.tsx +0 -50
  961. package/src/Details.tsx +0 -23
  962. package/src/Dialog/ConfirmationDialog.tsx +0 -184
  963. package/src/Dialog/Dialog.tsx +0 -444
  964. package/src/Dialog.tsx +0 -145
  965. package/src/Dropdown.tsx +0 -154
  966. package/src/DropdownMenu/DropdownButton.tsx +0 -15
  967. package/src/DropdownMenu/DropdownMenu.tsx +0 -115
  968. package/src/DropdownMenu/index.ts +0 -4
  969. package/src/DropdownStyles.ts +0 -128
  970. package/src/FilterList.tsx +0 -75
  971. package/src/FilteredActionList/FilteredActionList.tsx +0 -142
  972. package/src/FilteredActionList/index.ts +0 -2
  973. package/src/FilteredSearch.tsx +0 -27
  974. package/src/Flash.tsx +0 -75
  975. package/src/Flex.tsx +0 -15
  976. package/src/FormGroup.tsx +0 -24
  977. package/src/Grid.tsx +0 -15
  978. package/src/Header.tsx +0 -74
  979. package/src/Heading.tsx +0 -21
  980. package/src/Label.tsx +0 -72
  981. package/src/LabelGroup.tsx +0 -17
  982. package/src/Link.tsx +0 -42
  983. package/src/NewButton/button-counter.tsx +0 -15
  984. package/src/NewButton/button.tsx +0 -283
  985. package/src/NewButton/index.ts +0 -10
  986. package/src/NewButton/types.ts +0 -36
  987. package/src/Overlay.tsx +0 -200
  988. package/src/Pagehead.tsx +0 -16
  989. package/src/Pagination/Pagination.tsx +0 -212
  990. package/src/Pagination/index.ts +0 -4
  991. package/src/Pagination/model.tsx +0 -187
  992. package/src/PointerBox.tsx +0 -31
  993. package/src/Popover.tsx +0 -225
  994. package/src/Portal/Portal.tsx +0 -97
  995. package/src/Portal/index.ts +0 -5
  996. package/src/Position.tsx +0 -63
  997. package/src/ProgressBar.tsx +0 -52
  998. package/src/SelectMenu/SelectMenu.tsx +0 -123
  999. package/src/SelectMenu/SelectMenuContext.tsx +0 -9
  1000. package/src/SelectMenu/SelectMenuDivider.tsx +0 -24
  1001. package/src/SelectMenu/SelectMenuFilter.tsx +0 -50
  1002. package/src/SelectMenu/SelectMenuFooter.tsx +0 -27
  1003. package/src/SelectMenu/SelectMenuHeader.tsx +0 -48
  1004. package/src/SelectMenu/SelectMenuItem.tsx +0 -136
  1005. package/src/SelectMenu/SelectMenuList.tsx +0 -41
  1006. package/src/SelectMenu/SelectMenuLoadingAnimation.tsx +0 -25
  1007. package/src/SelectMenu/SelectMenuModal.tsx +0 -119
  1008. package/src/SelectMenu/SelectMenuTab.tsx +0 -87
  1009. package/src/SelectMenu/SelectMenuTabPanel.tsx +0 -29
  1010. package/src/SelectMenu/SelectMenuTabs.tsx +0 -43
  1011. package/src/SelectMenu/hooks/useKeyboardNav.js +0 -90
  1012. package/src/SelectMenu/index.ts +0 -15
  1013. package/src/SelectPanel/SelectPanel.tsx +0 -173
  1014. package/src/SelectPanel/index.ts +0 -2
  1015. package/src/SideNav.tsx +0 -191
  1016. package/src/Spinner.tsx +0 -59
  1017. package/src/StateLabel.tsx +0 -112
  1018. package/src/StyledOcticon.tsx +0 -22
  1019. package/src/SubNav.tsx +0 -124
  1020. package/src/TabNav.tsx +0 -73
  1021. package/src/Text.tsx +0 -13
  1022. package/src/TextInput.tsx +0 -68
  1023. package/src/TextInputWithTokens.tsx +0 -351
  1024. package/src/ThemeProvider.tsx +0 -176
  1025. package/src/Timeline.tsx +0 -140
  1026. package/src/Token/AvatarToken.tsx +0 -54
  1027. package/src/Token/IssueLabelToken.tsx +0 -150
  1028. package/src/Token/Token.tsx +0 -126
  1029. package/src/Token/TokenBase.tsx +0 -129
  1030. package/src/Token/_RemoveTokenButton.tsx +0 -111
  1031. package/src/Token/_TokenTextContainer.tsx +0 -47
  1032. package/src/Token/index.ts +0 -3
  1033. package/src/Tooltip.tsx +0 -263
  1034. package/src/Truncate.tsx +0 -31
  1035. package/src/UnderlineNav.tsx +0 -107
  1036. package/src/_TextInputWrapper.tsx +0 -113
  1037. package/src/_UnstyledTextInput.tsx +0 -19
  1038. package/src/__tests__/.eslintrc.json +0 -11
  1039. package/src/__tests__/ActionList.test.tsx +0 -53
  1040. package/src/__tests__/ActionList.types.test.tsx +0 -51
  1041. package/src/__tests__/ActionList2.test.tsx +0 -47
  1042. package/src/__tests__/ActionMenu.test.tsx +0 -136
  1043. package/src/__tests__/AnchoredOverlay.test.tsx +0 -150
  1044. package/src/__tests__/Autocomplete.test.tsx +0 -444
  1045. package/src/__tests__/Avatar.test.tsx +0 -44
  1046. package/src/__tests__/AvatarStack.test.tsx +0 -48
  1047. package/src/__tests__/BorderBox.test.tsx +0 -43
  1048. package/src/__tests__/Box.test.tsx +0 -42
  1049. package/src/__tests__/BranchName.test.tsx +0 -26
  1050. package/src/__tests__/Breadcrumbs.test.tsx +0 -27
  1051. package/src/__tests__/Breadcrumbs.types.test.tsx +0 -22
  1052. package/src/__tests__/BreadcrumbsItem.test.tsx +0 -31
  1053. package/src/__tests__/Button.test.tsx +0 -128
  1054. package/src/__tests__/Caret.test.tsx +0 -36
  1055. package/src/__tests__/CircleBadge.test.tsx +0 -66
  1056. package/src/__tests__/CircleBadge.types.test.tsx +0 -11
  1057. package/src/__tests__/CircleOcticon.test.tsx +0 -50
  1058. package/src/__tests__/ConfirmationDialog.test.tsx +0 -120
  1059. package/src/__tests__/CounterLabel.test.tsx +0 -50
  1060. package/src/__tests__/CounterLabel.types.test.tsx +0 -11
  1061. package/src/__tests__/Details.test.tsx +0 -115
  1062. package/src/__tests__/Dialog.test.tsx +0 -155
  1063. package/src/__tests__/Dialog.types.test.tsx +0 -11
  1064. package/src/__tests__/Dialog2.types.test.tsx +0 -11
  1065. package/src/__tests__/Dropdown.test.tsx +0 -53
  1066. package/src/__tests__/Dropdown.types.test.tsx +0 -21
  1067. package/src/__tests__/DropdownMenu.test.tsx +0 -136
  1068. package/src/__tests__/FilterList.test.tsx +0 -26
  1069. package/src/__tests__/FilterList.types.test.tsx +0 -17
  1070. package/src/__tests__/FilterListItem.test.tsx +0 -31
  1071. package/src/__tests__/FilteredSearch.test.tsx +0 -26
  1072. package/src/__tests__/FilteredSearch.types.test.tsx +0 -11
  1073. package/src/__tests__/Flash.test.tsx +0 -45
  1074. package/src/__tests__/Flash.types.test.tsx +0 -11
  1075. package/src/__tests__/Flex.test.tsx +0 -58
  1076. package/src/__tests__/FormGroup.test.tsx +0 -38
  1077. package/src/__tests__/FormGroup.types.test.tsx +0 -11
  1078. package/src/__tests__/Grid.test.tsx +0 -82
  1079. package/src/__tests__/Header.test.tsx +0 -49
  1080. package/src/__tests__/Header.types.test.tsx +0 -19
  1081. package/src/__tests__/Heading.test.tsx +0 -91
  1082. package/src/__tests__/KeyPaths.types.test.ts +0 -14
  1083. package/src/__tests__/Label.test.tsx +0 -34
  1084. package/src/__tests__/Label.types.test.tsx +0 -11
  1085. package/src/__tests__/LabelGroup.test.tsx +0 -30
  1086. package/src/__tests__/LabelGroup.types.test.tsx +0 -11
  1087. package/src/__tests__/Link.test.tsx +0 -47
  1088. package/src/__tests__/Link.types.test.tsx +0 -11
  1089. package/src/__tests__/Merge.types.test.ts +0 -39
  1090. package/src/__tests__/NewButton.test.tsx +0 -70
  1091. package/src/__tests__/Overlay.test.tsx +0 -103
  1092. package/src/__tests__/Overlay.types.test.tsx +0 -18
  1093. package/src/__tests__/Pagehead.test.tsx +0 -23
  1094. package/src/__tests__/Pagehead.types.test.tsx +0 -11
  1095. package/src/__tests__/Pagination/Pagination.test.tsx +0 -30
  1096. package/src/__tests__/Pagination/PaginationModel.test.tsx +0 -133
  1097. package/src/__tests__/Pagination/__snapshots__/Pagination.test.tsx.snap +0 -184
  1098. package/src/__tests__/Pagination.types.test.tsx +0 -11
  1099. package/src/__tests__/PointerBox.test.tsx +0 -34
  1100. package/src/__tests__/Popover.test.tsx +0 -68
  1101. package/src/__tests__/Popover.types.test.tsx +0 -17
  1102. package/src/__tests__/Portal.test.tsx +0 -103
  1103. package/src/__tests__/Position.test.tsx +0 -117
  1104. package/src/__tests__/ProgressBar.test.tsx +0 -40
  1105. package/src/__tests__/SelectMenu.test.tsx +0 -142
  1106. package/src/__tests__/SelectMenu.types.test.tsx +0 -37
  1107. package/src/__tests__/SelectPanel.test.tsx +0 -63
  1108. package/src/__tests__/SideNav.test.tsx +0 -62
  1109. package/src/__tests__/SideNav.types.test.tsx +0 -11
  1110. package/src/__tests__/Spinner.test.tsx +0 -42
  1111. package/src/__tests__/StateLabel.test.tsx +0 -48
  1112. package/src/__tests__/StateLabel.types.test.tsx +0 -11
  1113. package/src/__tests__/StyledOcticon.test.tsx +0 -26
  1114. package/src/__tests__/StyledOcticon.types.test.tsx +0 -12
  1115. package/src/__tests__/SubNav.test.tsx +0 -50
  1116. package/src/__tests__/SubNav.types.test.tsx +0 -25
  1117. package/src/__tests__/SubNavLink.test.tsx +0 -31
  1118. package/src/__tests__/TabNav.test.tsx +0 -32
  1119. package/src/__tests__/TabNav.types.test.tsx +0 -22
  1120. package/src/__tests__/Text.test.tsx +0 -78
  1121. package/src/__tests__/TextInput.test.tsx +0 -49
  1122. package/src/__tests__/TextInputWithTokens.test.tsx +0 -422
  1123. package/src/__tests__/ThemeProvider.test.tsx +0 -441
  1124. package/src/__tests__/Timeline.test.tsx +0 -58
  1125. package/src/__tests__/Timeline.types.test.tsx +0 -31
  1126. package/src/__tests__/Token.test.tsx +0 -118
  1127. package/src/__tests__/Tooltip.test.tsx +0 -52
  1128. package/src/__tests__/Tooltip.types.test.tsx +0 -11
  1129. package/src/__tests__/Truncate.test.tsx +0 -43
  1130. package/src/__tests__/Truncate.types.test.tsx +0 -11
  1131. package/src/__tests__/UnderlineNav.test.tsx +0 -58
  1132. package/src/__tests__/UnderlineNav.types.test.tsx +0 -22
  1133. package/src/__tests__/UnderlineNavLink.test.tsx +0 -31
  1134. package/src/__tests__/__snapshots__/ActionList.test.tsx.snap +0 -223
  1135. package/src/__tests__/__snapshots__/ActionList2.test.tsx.snap +0 -14
  1136. package/src/__tests__/__snapshots__/ActionMenu.test.tsx.snap +0 -80
  1137. package/src/__tests__/__snapshots__/AnchoredOverlay.test.tsx.snap +0 -232
  1138. package/src/__tests__/__snapshots__/Autocomplete.test.tsx.snap +0 -3888
  1139. package/src/__tests__/__snapshots__/Avatar.test.tsx.snap +0 -19
  1140. package/src/__tests__/__snapshots__/AvatarStack.test.tsx.snap +0 -377
  1141. package/src/__tests__/__snapshots__/BorderBox.test.tsx.snap +0 -14
  1142. package/src/__tests__/__snapshots__/Box.test.tsx.snap +0 -201
  1143. package/src/__tests__/__snapshots__/BranchName.test.tsx.snap +0 -17
  1144. package/src/__tests__/__snapshots__/Breadcrumbs.test.tsx.snap +0 -29
  1145. package/src/__tests__/__snapshots__/BreadcrumbsItem.test.tsx.snap +0 -79
  1146. package/src/__tests__/__snapshots__/Button.test.tsx.snap +0 -840
  1147. package/src/__tests__/__snapshots__/Caret.test.tsx.snap +0 -373
  1148. package/src/__tests__/__snapshots__/CircleBadge.test.tsx.snap +0 -142
  1149. package/src/__tests__/__snapshots__/CircleOcticon.test.tsx.snap +0 -65
  1150. package/src/__tests__/__snapshots__/ConfirmationDialog.test.tsx.snap +0 -89
  1151. package/src/__tests__/__snapshots__/CounterLabel.test.tsx.snap +0 -22
  1152. package/src/__tests__/__snapshots__/Details.test.tsx.snap +0 -15
  1153. package/src/__tests__/__snapshots__/Dialog.test.tsx.snap +0 -201
  1154. package/src/__tests__/__snapshots__/Dropdown.test.tsx.snap +0 -249
  1155. package/src/__tests__/__snapshots__/DropdownMenu.test.tsx.snap +0 -107
  1156. package/src/__tests__/__snapshots__/FilterList.test.tsx.snap +0 -13
  1157. package/src/__tests__/__snapshots__/FilterListItem.test.tsx.snap +0 -80
  1158. package/src/__tests__/__snapshots__/FilteredSearch.test.tsx.snap +0 -32
  1159. package/src/__tests__/__snapshots__/Flash.test.tsx.snap +0 -32
  1160. package/src/__tests__/__snapshots__/Flex.test.tsx.snap +0 -130
  1161. package/src/__tests__/__snapshots__/FormGroup.test.tsx.snap +0 -25
  1162. package/src/__tests__/__snapshots__/Grid.test.tsx.snap +0 -178
  1163. package/src/__tests__/__snapshots__/Header.test.tsx.snap +0 -79
  1164. package/src/__tests__/__snapshots__/Heading.test.tsx.snap +0 -13
  1165. package/src/__tests__/__snapshots__/Label.test.tsx.snap +0 -73
  1166. package/src/__tests__/__snapshots__/LabelGroup.test.tsx.snap +0 -15
  1167. package/src/__tests__/__snapshots__/Link.test.tsx.snap +0 -212
  1168. package/src/__tests__/__snapshots__/NewButton.test.tsx.snap +0 -305
  1169. package/src/__tests__/__snapshots__/Pagehead.test.tsx.snap +0 -15
  1170. package/src/__tests__/__snapshots__/PointerBox.test.tsx.snap +0 -174
  1171. package/src/__tests__/__snapshots__/Popover.test.tsx.snap +0 -4687
  1172. package/src/__tests__/__snapshots__/Position.test.tsx.snap +0 -44
  1173. package/src/__tests__/__snapshots__/ProgressBar.test.tsx.snap +0 -53
  1174. package/src/__tests__/__snapshots__/SelectMenu.test.tsx.snap +0 -473
  1175. package/src/__tests__/__snapshots__/SelectPanel.test.tsx.snap +0 -124
  1176. package/src/__tests__/__snapshots__/SideNav.test.tsx.snap +0 -143
  1177. package/src/__tests__/__snapshots__/Spinner.test.tsx.snap +0 -33
  1178. package/src/__tests__/__snapshots__/StateLabel.test.tsx.snap +0 -395
  1179. package/src/__tests__/__snapshots__/StyledOcticon.test.tsx.snap +0 -26
  1180. package/src/__tests__/__snapshots__/SubNav.test.tsx.snap +0 -44
  1181. package/src/__tests__/__snapshots__/SubNavLink.test.tsx.snap +0 -199
  1182. package/src/__tests__/__snapshots__/TabNav.test.tsx.snap +0 -58
  1183. package/src/__tests__/__snapshots__/Text.test.tsx.snap +0 -7
  1184. package/src/__tests__/__snapshots__/TextInput.test.tsx.snap +0 -446
  1185. package/src/__tests__/__snapshots__/TextInputWithTokens.test.tsx.snap +0 -6045
  1186. package/src/__tests__/__snapshots__/ThemeProvider.test.tsx.snap +0 -15
  1187. package/src/__tests__/__snapshots__/Timeline.test.tsx.snap +0 -159
  1188. package/src/__tests__/__snapshots__/Token.test.tsx.snap +0 -3811
  1189. package/src/__tests__/__snapshots__/Tooltip.test.tsx.snap +0 -227
  1190. package/src/__tests__/__snapshots__/Truncate.test.tsx.snap +0 -17
  1191. package/src/__tests__/__snapshots__/UnderlineNav.test.tsx.snap +0 -59
  1192. package/src/__tests__/__snapshots__/UnderlineNavLink.test.tsx.snap +0 -130
  1193. package/src/__tests__/behaviors/anchoredPosition.test.ts +0 -295
  1194. package/src/__tests__/behaviors/focusTrap.test.tsx +0 -236
  1195. package/src/__tests__/behaviors/focusZone.test.tsx +0 -549
  1196. package/src/__tests__/behaviors/iterateFocusableElements.test.tsx +0 -61
  1197. package/src/__tests__/behaviors/scrollIntoViewingArea.test.ts +0 -195
  1198. package/src/__tests__/filterObject.test.ts +0 -54
  1199. package/src/__tests__/hooks/useAnchoredPosition.test.tsx +0 -31
  1200. package/src/__tests__/hooks/useOnEscapePress.test.tsx +0 -16
  1201. package/src/__tests__/hooks/useOnOutsideClick.test.tsx +0 -48
  1202. package/src/__tests__/hooks/useOpenAndCloseFocus.test.tsx +0 -48
  1203. package/src/__tests__/hooks/useProvidedStateOrCreate.test.tsx +0 -39
  1204. package/src/__tests__/theme.test.ts +0 -41
  1205. package/src/__tests__/themeGet.test.ts +0 -15
  1206. package/src/__tests__/useSafeTimeout.test.tsx +0 -36
  1207. package/src/__tests__/utils/__snapshots__/createSlots.test.tsx.snap +0 -55
  1208. package/src/__tests__/utils/createSlots.test.tsx +0 -74
  1209. package/src/behaviors/anchoredPosition.ts +0 -442
  1210. package/src/behaviors/focusTrap.ts +0 -184
  1211. package/src/behaviors/focusZone.ts +0 -713
  1212. package/src/behaviors/scrollIntoViewingArea.ts +0 -27
  1213. package/src/constants.ts +0 -62
  1214. package/src/drafts.ts +0 -10
  1215. package/src/hooks/index.ts +0 -11
  1216. package/src/hooks/useAnchoredPosition.ts +0 -54
  1217. package/src/hooks/useCombinedRefs.ts +0 -40
  1218. package/src/hooks/useDetails.tsx +0 -54
  1219. package/src/hooks/useDialog.ts +0 -121
  1220. package/src/hooks/useFocusTrap.ts +0 -80
  1221. package/src/hooks/useFocusZone.ts +0 -64
  1222. package/src/hooks/useOnEscapePress.ts +0 -63
  1223. package/src/hooks/useOnOutsideClick.tsx +0 -82
  1224. package/src/hooks/useOpenAndCloseFocus.ts +0 -32
  1225. package/src/hooks/useOverlay.tsx +0 -34
  1226. package/src/hooks/useProvidedRefOrCreate.ts +0 -14
  1227. package/src/hooks/useProvidedStateOrCreate.ts +0 -27
  1228. package/src/hooks/useRenderForcingRef.ts +0 -22
  1229. package/src/hooks/useResizeObserver.ts +0 -11
  1230. package/src/hooks/useSafeTimeout.ts +0 -38
  1231. package/src/hooks/useScrollFlash.ts +0 -21
  1232. package/src/index.ts +0 -172
  1233. package/src/polyfills/eventListenerSignal.ts +0 -66
  1234. package/src/stories/ActionList.stories.tsx +0 -436
  1235. package/src/stories/ActionList2.stories.tsx +0 -1291
  1236. package/src/stories/ActionMenu.stories.tsx +0 -331
  1237. package/src/stories/AnchoredOverlay.stories.tsx +0 -117
  1238. package/src/stories/Autocomplete.stories.tsx +0 -655
  1239. package/src/stories/AvatarStack.stories.tsx +0 -37
  1240. package/src/stories/Button.stories.tsx +0 -92
  1241. package/src/stories/ConfirmationDialog.stories.tsx +0 -105
  1242. package/src/stories/Dialog.stories.tsx +0 -240
  1243. package/src/stories/DropdownMenu.stories.tsx +0 -84
  1244. package/src/stories/IssueLabelToken.stories.tsx +0 -138
  1245. package/src/stories/NewButton.stories.tsx +0 -201
  1246. package/src/stories/Overlay.stories.tsx +0 -213
  1247. package/src/stories/Portal.stories.tsx +0 -109
  1248. package/src/stories/ProfileToken.stories.tsx +0 -129
  1249. package/src/stories/SelectPanel.stories.tsx +0 -353
  1250. package/src/stories/TextInput.stories.tsx +0 -113
  1251. package/src/stories/TextInputWithTokens.stories.tsx +0 -155
  1252. package/src/stories/ThemeProvider.stories.tsx +0 -104
  1253. package/src/stories/Token.stories.tsx +0 -137
  1254. package/src/stories/useAnchoredPosition.stories.tsx +0 -332
  1255. package/src/stories/useFocusTrap.stories.tsx +0 -400
  1256. package/src/stories/useFocusZone.stories.tsx +0 -663
  1257. package/src/sx.ts +0 -24
  1258. package/src/theme-preval.js +0 -80
  1259. package/src/theme.ts +0 -89
  1260. package/src/utils/create-slots.tsx +0 -96
  1261. package/src/utils/deprecate.tsx +0 -73
  1262. package/src/utils/isNumeric.tsx +0 -4
  1263. package/src/utils/iterateFocusableElements.ts +0 -121
  1264. package/src/utils/ssr.tsx +0 -1
  1265. package/src/utils/test-deprecations.tsx +0 -19
  1266. package/src/utils/test-helpers.tsx +0 -7
  1267. package/src/utils/test-matchers.tsx +0 -109
  1268. package/src/utils/testing.tsx +0 -242
  1269. package/src/utils/theme.js +0 -64
  1270. package/src/utils/types/AriaRole.ts +0 -71
  1271. package/src/utils/types/ComponentProps.ts +0 -13
  1272. package/src/utils/types/Flatten.ts +0 -4
  1273. package/src/utils/types/KeyPaths.ts +0 -10
  1274. package/src/utils/types/MandateProps.ts +0 -19
  1275. package/src/utils/types/Merge.ts +0 -20
  1276. package/src/utils/types/index.ts +0 -5
  1277. package/src/utils/uniqueId.ts +0 -6
  1278. package/src/utils/use-force-update.ts +0 -7
  1279. package/src/utils/useIsomorphicLayoutEffect.ts +0 -10
  1280. package/src/utils/userAgent.ts +0 -7
  1281. package/stats.html +0 -3279
  1282. package/tsconfig.base.json +0 -20
  1283. package/tsconfig.build.json +0 -7
  1284. package/tsconfig.json +0 -7
@@ -1,22 +0,0 @@
1
- ---
2
- title: Heading
3
- ---
4
-
5
- The Heading component will render an html `h2` tag without any default styling. Other heading level elements `h1-h6` are available through use of the `as` prop (see [System Props](/system-props) for additional explanation). Please reference the [w3 recommendations for headings](https://www.w3.org/WAI/tutorials/page-structure/headings/) to ensure your headings provide an accessible experience for screen reader users.
6
-
7
- **Attention:** Make sure to include a valid heading element to render a Heading component other than `h2` (`<Heading as="h1">H1 Element</Heading>`).
8
-
9
- ## Default example
10
- ```jsx live
11
- <Heading fontSize={1} mb={2}>H2 heading with fontSize={1}</Heading>
12
- ```
13
-
14
- ## System props
15
-
16
- Heading components get `TYPOGRAPHY` and `COMMON` system props. Read our [System Props](/system-props) doc page for a full list of available props.
17
-
18
- ## Component props
19
-
20
- | Prop name | Type | Description |
21
- | :-------- | :------ | :----------------------------------------------- |
22
- | as | String or React element | sets the HTML tag for the component |
@@ -1,49 +0,0 @@
1
- ---
2
- title: Label
3
- ---
4
-
5
- The Label component is used to add contextual metadata to a design. Visually it styles text, adds padding, and rounded corners.
6
-
7
- ## Default example
8
-
9
- ```jsx live
10
- <>
11
- <Label variant="small" outline sx={{borderColor: 'danger.emphasis', mr: 2, color: 'danger.fg'}}>
12
- small
13
- </Label>
14
- <Label variant="medium" sx={{mr: 2}}>
15
- medium (default)
16
- </Label>
17
- <Label variant="large" sx={{mr: 2}}>
18
- large
19
- </Label>
20
- <Label variant="xl">xl label</Label>
21
-
22
- <Box mt={4} />
23
- <Label variant="medium" sx={{bg: '#A575FF', m: 1}}>
24
- good first issue
25
- </Label>
26
- <Label variant="medium" sx={{bg: '#FF75C8', m: 1}}>
27
- 🚂 deploy: train
28
- </Label>
29
- <Label variant="medium" sx={{bg: '#1C90FA', m: 1}}>
30
- css
31
- </Label>
32
- <Label variant="medium" sx={{bg: '#FFF06C', color: '#24292E', m: 1}}>
33
- documentation
34
- </Label>
35
- <Label variant="medium" sx={{bg: '#656BFE', m: 1}}>
36
- primer
37
- </Label>
38
- </>
39
- ```
40
-
41
- ## Component props
42
-
43
- | Name | Type | Default | Description |
44
- | :--------- | :---------------- | :--------------------: | :----------------------------------------------------------------------------- |
45
- | outline | Boolean | | Creates an outline style label |
46
- | variant | String | 'medium' | Can be one of `small`, `medium` (default), `large` or `xl` . |
47
- | dropshadow | Boolean | | Adds a dropshadow to the label |
48
- | bg | String | 'label.primary.border' | Part of the `COMMON` system props, used to change the background of the label. |
49
- | sx | SystemStyleObject | {} | Style to be applied to the component |
@@ -1,21 +0,0 @@
1
- ---
2
- title: LabelGroup
3
- ---
4
-
5
- The LabelGroup component is used to add commonly used margins and wrapping for groups of Labels.
6
-
7
- ## Default example
8
-
9
- ```jsx live
10
- <LabelGroup>
11
- <Label>Default label</Label>
12
- <Label sx={{color: 'fg.onEmphasis', bg: 'danger.emphasis'}}>Label with background indicating a closed PR state</Label>
13
- <Label outline>Default outline label</Label>
14
- </LabelGroup>
15
- ```
16
-
17
- ## Component props
18
-
19
- | Name | Type | Default | Description |
20
- | :--- | :---------------- | :-----: | :----------------------------------- |
21
- | sx | SystemStyleObject | {} | Style to be applied to the component |
@@ -1,28 +0,0 @@
1
- ---
2
- title: Link
3
- ---
4
-
5
- The Link component styles anchor tags with default hyperlink color cues and hover text decoration. `Link` is used for destinations, or moving from one page to another.
6
-
7
- In special cases where you'd like a `<button>` styled like a `Link`, use `<Link as='button'>`. Make sure to provide a click handler with `onClick`.
8
-
9
- **Important:** When using the `as` prop, be sure to always render an accessible element type, like `a`, `button`, `input`, or `summary`.
10
-
11
- ## Default example
12
-
13
- ```jsx live
14
- <Link sx={{mb: 1}} href="https://github.com">
15
- Link
16
- </Link>
17
- ```
18
-
19
- ## Component props
20
-
21
- | Name | Type | Default | Description |
22
- | :--------- | :---------------- | :-----: | :------------------------------------------------------------------------------ |
23
- | href | String | | URL to be used for the Link |
24
- | muted | Boolean | false | Uses a less prominent shade for Link color, and the default link shade on hover |
25
- | underline | Boolean | false | Adds underline to the Link |
26
- | as | String | 'a' | Can be 'a', 'button', 'input', or 'summary' |
27
- | hoverColor | String | | Color used when hovering over link |
28
- | sx | SystemStyleObject | {} | Style to be applied to the component |
@@ -1,85 +0,0 @@
1
- ---
2
- title: Overlay
3
- ---
4
-
5
- An `Overlay` is a flexible floating surface, used to display transient content such as menus, selection options, dialogs, and more. Overlays use shadows to express elevation. The `Overlay` component handles all behaviors needed by overlay UIs as well as the common styles that all overlays should have. `Overlay` is the base component for many of our overlay-type components.
6
-
7
- Behaviors include:
8
-
9
- - Rendering the overlay in a React Portal so that it always renders on top of other content on the page
10
- - Trapping focus
11
- - Calling a user provided function when the user presses `Escape`
12
- - Calling a user provided function when the user clicks outside of the container
13
- - Focusing either user provided element, or the first focusable element in the container when it is opened
14
- - Returning focus to an element when container is closed
15
-
16
- ## Accessibility considerations
17
-
18
- - The `Overlay` must either have:
19
- - A value set for the `aria-labelledby` attribute that refers to a visible title.
20
- - An `aria-label` attribute
21
- - If the `Overlay` should also have a longer description, use `aria-describedby`
22
- - The `Overlay` component has a `role="dialog"` set on it, if you are using `Overlay` for alerts, you can pass in `role="alertdialog"` instead. Please read the [W3C guidelines](https://www.w3.org/TR/wai-aria-1.1/#alertdialog) to determine which role is best for your use case
23
- - The `Overlay` component has `aria-modal` set to `true` by default and should not be overridden as all `Overlay`s behave as modals.
24
-
25
- See the W3C accessibility recommendations for modals [here](https://www.w3.org/TR/wai-aria-practices-1.1/#dialog_roles_states_props).
26
-
27
- ## Positioning
28
-
29
- `Overlay` renders its `children` within a div positioned absolutely within a portal within the default portal root. The overlay will not update its positioning if the portal root's positioning changes (e.g., if the portal root is statically positioned after some DOM element that dynamically resizes). You may consider [customizing the portal or specifying a different portal root](/Portal#customizing-the-portal-root) to achieve different positioning behavior.
30
-
31
- ## Default example
32
-
33
- ```javascript live noinline
34
- const Demo = () => {
35
- // you must manage your own open state
36
- const [isOpen, setIsOpen] = React.useState(false)
37
- const noButtonRef = React.useRef(null)
38
- const anchorRef = React.useRef(null)
39
- return (
40
- <>
41
- <Button ref={anchorRef} onClick={() => setIsOpen(!isOpen)}>
42
- open overlay
43
- </Button>
44
- {/* be sure to conditionally render the Overlay. This helps with performance and is required. */}
45
- {isOpen && (
46
- <Overlay
47
- initialFocusRef={noButtonRef}
48
- returnFocusRef={anchorRef}
49
- ignoreClickRefs={[anchorRef]}
50
- onEscape={() => setIsOpen(!isOpen)}
51
- onClickOutside={() => setIsOpen(false)}
52
- aria-labelledby="title"
53
- >
54
- <Box display="flex" flexDirection="column" p={2}>
55
- <Text id="title">Are you sure you would like to delete this item?</Text>
56
- <Button>yes</Button>
57
- <Button ref={noButtonRef}>no</Button>
58
- </Box>
59
- </Overlay>
60
- )}
61
- </>
62
- )
63
- }
64
-
65
- render(<Demo />)
66
- ```
67
-
68
- ## Component props
69
-
70
- | Name | Type | Default | Description |
71
- | :------------------ | :------------------------------------------------------------- | :---------: | :---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
72
- | ignoreClickRefs | `React.RefObject<HTMLElement> []` | `undefined` | Optional. An array of ref objects to ignore clicks on in the `onOutsideClick` behavior. This is often used to ignore clicking on the element that toggles the open/closed state for the `Overlay` to prevent the `Overlay` from being toggled twice. |
73
- | initialFocusRef | `React.RefObject<HTMLElement>` | `undefined` | Optional. Ref for the element to focus when the `Overlay` is opened. If nothing is provided, the first focusable element in the `Overlay` body is focused. |
74
- | anchorRef | `React.RefObject<HTMLElement>` | `undefined` | Required. Element the `Overlay` should be anchored to. |
75
- | returnFocusRef | `React.RefObject<HTMLElement>` | `undefined` | Required. Ref for the element to focus when the `Overlay` is closed. |
76
- | onClickOutside | `function` | `undefined` | Required. Function to call when clicking outside of the `Overlay`. Typically this function sets the `Overlay` visibility state to `false`. |
77
- | onEscape | `function` | `undefined` | Required. Function to call when user presses `Escape`. Typically this function sets the `Overlay` visibility state to `false`. |
78
- | width | `'small' │ 'medium' │ 'large' │ 'xlarge' │ 'xxlarge' │ 'auto'` | `auto` | Sets the width of the `Overlay`, pick from our set list of widths, or pass `auto` to automatically set the width based on the content of the `Overlay`. `small` corresponds to `256px`, `medium` corresponds to `320px`, `large` corresponds to `480px`, `xlarge` corresponds to `640px`, `xxlarge` corresponds to `960px`. |
79
- | height | `'xsmall', 'small', 'medium', 'large', 'xlarge', 'auto'` | `auto` | Sets the height of the `Overlay`, pick from our set list of heights, or pass `auto` to automatically set the height based on the content of the `Overlay`. `xsmall` corresponds to `192px`, `small` corresponds to `256px`, `medium` corresponds to `320px`, `large` corresponds to `432px`, `xlarge` corresponds to `600px`. |
80
- | visibility | `'visible', 'hidden'` | `visible` | Sets the visibility of the `Overlay`. |
81
- | anchorSide | `AnchorSide` | undefined | Optional. If provided, the Overlay will slide into position from the side of the anchor with a brief animation |
82
- | top | `number` | 0 | Vertical position of the overlay, relative to its closest positioned ancestor (often its `Portal`). |
83
- | left | `number` | 0 | Horizontal position of the overlay, relative to its closest positioned ancestor (often its `Portal`). |
84
- | portalContainerName | `string` | `undefined` | Optional. If defined, Overlays will be rendered in the named portal. See also `Portal`. |
85
- | sx | SystemStyleObject | {} | Style to be applied to the component |
@@ -1,18 +0,0 @@
1
- ---
2
- title: Pagehead
3
- ---
4
-
5
- Give a page a clear, separated title and optional top nav by using Pagehead.
6
-
7
- ## Default example
8
-
9
- ```jsx live
10
- <Pagehead>Pagehead</Pagehead>
11
- ```
12
-
13
- ## Component props
14
-
15
- | Name | Type | Default | Description |
16
- | :--- | :---------------- | :-----: | :----------------------------------- |
17
- | as | String | `div` | Sets the HTML tag for the component |
18
- | sx | SystemStyleObject | {} | Style to be applied to the component |
@@ -1,178 +0,0 @@
1
- ---
2
- title: Pagination
3
- ---
4
-
5
- import State from '../components/State'
6
-
7
- Use the pagination component to create a connected set of links that lead to related pages (for example, previous, next, or page numbers).
8
-
9
- ## Basic example
10
-
11
- The pagination component only requires two properties to render: `pageCount`, which is the total number of pages, and `currentPage`, which is the currently selected page number (which should be managed by the consuming application).
12
-
13
- ```jsx live
14
- <Pagination pageCount={15} currentPage={2} onPageChange={e => e.preventDefault()} />
15
- ```
16
-
17
- However, to handle state changes when the user clicks a page, you also need to pass `onPageChange`, which is a function that takes a click event and page number as an argument:
18
-
19
- ```javascript
20
- type PageChangeCallback = (evt: React.MouseEvent, page: number) => void
21
- ```
22
-
23
- By default, clicking a link in the pagination component will cause the browser to navigate to the URL specified by the page. To cancel navigation and handle state management on your own, you should call `preventDefault` on the event, as in this example:
24
-
25
- ```jsx live
26
- <State default={1}>
27
- {([page, setPage]) => {
28
- const totalPages = 15
29
- const onPageChange = (evt, page) => {
30
- evt.preventDefault()
31
- setPage(page)
32
- }
33
-
34
- return (
35
- <Box borderWidth="1px" borderStyle="solid" borderColor="border.default" borderRadius={2} p={2}>
36
- <Box>
37
- Current page: {page} / {totalPages}
38
- </Box>
39
- <Pagination pageCount={totalPages} currentPage={page} onPageChange={onPageChange} />
40
- </Box>
41
- )
42
- }}
43
- </State>
44
- ```
45
-
46
- ## Customizing link URLs
47
-
48
- To customize the URL generated for each link, you can pass a function to the `hrefBuilder` property. The function should take a page number as an argument and return a URL to use for the link.
49
-
50
- ```javascript
51
- type HrefBuilder = (page: number) => string
52
- ```
53
-
54
- ```jsx live
55
- <State default={'(nothing clicked yet)'}>
56
- {([lastUrl, setLastUrl]) => {
57
- const onPageChange = (evt, page) => {
58
- evt.preventDefault()
59
- setLastUrl(evt.target.href)
60
- }
61
- const hrefBuilder = page => {
62
- return `https://example.com/pages/${page}`
63
- }
64
-
65
- return (
66
- <Box borderWidth="1px" borderStyle="solid" borderColor="border.default" borderRadius={2} p={2}>
67
- <Box>The last URL clicked was: {lastUrl}</Box>
68
- <Pagination pageCount={15} currentPage={2} onPageChange={onPageChange} hrefBuilder={hrefBuilder} />
69
- </Box>
70
- )
71
- }}
72
- </State>
73
- ```
74
-
75
- ## Customizing which pages are shown
76
-
77
- Two props control how many links are displayed in the pagination container at any given time. `marginPageCount` controls how many pages are guaranteed to be displayed on the left and right of the component; `surroundingPageCount` controls how many pages will be displayed to the left and right of the current page.
78
-
79
- ```jsx live
80
- <Pagination
81
- pageCount={20}
82
- currentPage={10}
83
- marginPageCount={1}
84
- surroundingPageCount={2}
85
- onPageChange={e => e.preventDefault()}
86
- />
87
- ```
88
-
89
- The algorithm tries to minimize the amount the component shrinks and grows as the user changes pages; for this reason, if any of the pages in the margin (controlled via `marginPageCount`) intersect with pages in the center (controlled by `surroundingPageCount`), the center section will be shifted away from the margin. Consider the following examples, where pages one through six are shown when any of the first four pages are selected. Only when the fifth page is selected and there is a gap between the margin pages and the center pages does a break element appear.
90
-
91
- ```jsx live
92
- <Box>
93
- {[1, 2, 3, 4, 5].map(page => (
94
- <Pagination
95
- pageCount={20}
96
- currentPage={page}
97
- marginPageCount={1}
98
- surroundingPageCount={2}
99
- onPageChange={e => e.preventDefault()}
100
- />
101
- ))}
102
- </Box>
103
- ```
104
-
105
- ### Previous/next pagination
106
-
107
- To hide all the page numbers and create a simple pagination container with just the Previous and Next buttons, set `showPages` to `false`.
108
-
109
- ```jsx live
110
- <State default={1}>
111
- {([page, setPage]) => {
112
- const totalPages = 10
113
- const onPageChange = (evt, page) => {
114
- evt.preventDefault()
115
- setPage(page)
116
- }
117
-
118
- return (
119
- <Box borderWidth="1px" borderStyle="solid" borderColor="border.default" borderRadius={2} p={2}>
120
- <Box>
121
- Current page: {page} / {totalPages}
122
- </Box>
123
- <Pagination pageCount={totalPages} currentPage={page} onPageChange={onPageChange} showPages={false} />
124
- </Box>
125
- )
126
- }}
127
- </State>
128
- ```
129
-
130
- ## Component props
131
-
132
- | Name | Type | Default | Description |
133
- | :------------------- | :---------------- | :--------: | :--------------------------------------------------------------------- |
134
- | currentPage | Number | | **Required.** The currently selected page. |
135
- | hrefBuilder | Function | `#${page}` | A function to generate links based on page number. |
136
- | marginPageCount | Number | 1 | How many pages to always show at the left and right of the component. |
137
- | onPageChange | Function | no-op | Called with event and page number when a page is clicked. |
138
- | pageCount | Number | | **Required.** The total number of pages. |
139
- | showPages | Boolean | `true` | Whether or not to show the individual page links. |
140
- | surroundingPageCount | Number | 2 | How many pages to display on each side of the currently selected page. |
141
- | sx | SystemStyleObject | {} | Style to be applied to the component |
142
-
143
- ## Theming
144
-
145
- The following snippet shows the properties in the theme that control the styling of the pagination component:
146
-
147
- ```javascript
148
- export default {
149
- // ... rest of theme ...
150
- pagination: {
151
- borderRadius,
152
- spaceBetween,
153
- colors: {
154
- normal: {
155
- fg
156
- },
157
- disabled: {
158
- fg,
159
- border
160
- },
161
- hover: {
162
- border
163
- },
164
- selected: {
165
- fg,
166
- bg,
167
- border
168
- },
169
- active: {
170
- border
171
- },
172
- nextPrevious: {
173
- fg
174
- }
175
- }
176
- }
177
- }
178
- ```
@@ -1,81 +0,0 @@
1
- ---
2
- title: PointerBox
3
- ---
4
-
5
- PointerBox is a [BorderBox](./BorderBox) component with a caret added to it.
6
-
7
- ## Default example
8
-
9
- ```jsx live
10
- <PointerBox m={4} p={2} minHeight={100} bg="success.subtle" borderColor="success.emphasis">
11
- PointerBox
12
- </PointerBox>
13
- ```
14
-
15
- ```javascript live noinline
16
- function PointerBoxDemo(props) {
17
- const [pos, setPos] = React.useState('top')
18
-
19
- return (
20
- <Box>
21
- <Heading as="h3" sx={{fontSize: 3}}>
22
- Caret Position
23
- </Heading>
24
- <CaretSelector current={pos} onChange={setPos} />
25
- <Box position="relative" pt={4}>
26
- <PointerBox m={4} p={2} minHeight={100} bg="success.subtle" borderColor="success.emphasis" caret={pos}>
27
- {' '}
28
- Content{' '}
29
- </PointerBox>
30
- </Box>
31
- </Box>
32
- )
33
- }
34
-
35
- function CaretSelector(props) {
36
- const choices = [
37
- 'top',
38
- 'bottom',
39
- 'left',
40
- 'right',
41
- 'left-bottom',
42
- 'left-top',
43
- 'right-bottom',
44
- 'right-top',
45
- 'top-left',
46
- 'bottom-left',
47
- 'top-right',
48
- 'bottom-right'
49
- ].map(dir => (
50
- <label>
51
- <input
52
- key={dir}
53
- type="radio"
54
- name="caret"
55
- value={dir}
56
- checked={dir === props.current}
57
- onChange={() => props.onChange(dir)}
58
- />{' '}
59
- {dir}
60
- </label>
61
- ))
62
-
63
- return (
64
- <Box display="grid" gridTemplateColumns="repeat(4, auto)" gridGap={3} my={2}>
65
- {choices}
66
- </Box>
67
- )
68
- }
69
-
70
- render(<PointerBoxDemo />)
71
- ```
72
-
73
- ## System props
74
-
75
- PointerBox components get `COMMON`, `LAYOUT`, `BORDER`, and `FLEX` system props. Read our [System Props](/system-props) doc page for a full list of available props.
76
-
77
- ## Component props
78
-
79
- | Name | Type | Default | Description |
80
- | :---- | :----- | :-----: | :----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
81
- | caret | String | bottom | Sets the location of the caret. The format is `[edge]-[position on edge]`. For example, `right-top` will position the caret on the top of the right edge of the box. Use `top`, `right`, `bottom`, or `left` to position a caret in the center of that edge. |
@@ -1,129 +0,0 @@
1
- ---
2
- title: Popover
3
- ---
4
-
5
- Popovers are used to bring attention to specific user interface elements, typically to suggest an action or to guide users through a new experience.
6
-
7
- Two components make up a popover; the `Popover` component controls the absolute positioning of the popover, and `Popover.Content` renders the inner content of the popover as well as the caret.
8
-
9
- By default, the popover renders with absolute positioning, meaning it should usually be wrapped in an element with a relative position in order to be positioned properly. To render the popover with relative positioning, use the `relative` property.
10
-
11
- It can be useful to give the `Popover.Content` element a margin to help align the popover.
12
-
13
- ## Default Example
14
-
15
- ```jxs live
16
- <Box position="relative">
17
- <Text textAlign="center" display="block">
18
- <ButtonPrimary>Hello!</ButtonPrimary>
19
- </Text>
20
-
21
- <Popover relative open={true} caret="top">
22
- <Popover.Content sx={{mt: 2}}>
23
- <Heading sx={{fontSize: 2}}>Popover heading</Heading>
24
- <Text as="p">Message about this particular piece of UI.</Text>
25
- <Button>Got it!</Button>
26
- </Popover.Content>
27
- </Popover>
28
- </Box>
29
- ```
30
-
31
- ## Caret position
32
-
33
- `Popover` supports various caret positions, which you can specify via the `caret` property. This demo shows all the valid values for the prop. The default is `top`. Note that the `top-left`, `bottom-left`, `top-right`, and `bottom-right` values modify the horizontal alignment of the popover.
34
-
35
- ```javascript live noinline
36
- function PopoverDemo(props) {
37
- const [pos, setPos] = React.useState('top')
38
- const [open, setOpen] = React.useState(true)
39
-
40
- return (
41
- <Box>
42
- <Heading as="h3" sx={{fontSize: 3}}>
43
- Caret Position
44
- </Heading>
45
- <CaretSelector current={pos} onChange={setPos} />
46
- <Heading as="h3" sx={{fontSize: 3}}>
47
- Popover Visibility
48
- </Heading>
49
- <Box my={2}>
50
- <label>
51
- <input type="checkbox" value={open} checked={open} onChange={() => setOpen(open => !open)} /> Open
52
- </label>
53
- </Box>
54
-
55
- <Box position="relative" pt={4}>
56
- <Popover relative open={open} caret={pos}>
57
- <Popover.Content>
58
- <Heading sx={{fontSize: 2}}>
59
- <code>{pos}</code> caret
60
- </Heading>
61
- <Text as="p">Message about this particular piece of UI.</Text>
62
- <Button onClick={() => setOpen(false)}>Got it!</Button>
63
- </Popover.Content>
64
- </Popover>
65
- </Box>
66
- </Box>
67
- )
68
- }
69
-
70
- function CaretSelector(props) {
71
- const choices = [
72
- 'top',
73
- 'bottom',
74
- 'left',
75
- 'right',
76
- 'left-bottom',
77
- 'left-top',
78
- 'right-bottom',
79
- 'right-top',
80
- 'top-left',
81
- 'bottom-left',
82
- 'top-right',
83
- 'bottom-right'
84
- ].map(dir => (
85
- <label>
86
- <input
87
- key={dir}
88
- type="radio"
89
- name="caret"
90
- value={dir}
91
- checked={dir === props.current}
92
- onChange={() => props.onChange(dir)}
93
- />{' '}
94
- {dir}
95
- </label>
96
- ))
97
-
98
- return (
99
- <Box display="grid" gridTemplateColumns="repeat(4, auto)" gridGap={3} my={2}>
100
- {choices}
101
- </Box>
102
- )
103
- }
104
-
105
- render(<PopoverDemo />)
106
- ```
107
-
108
- ## Component props
109
-
110
- ### Popover
111
-
112
- | Name | Type | Default | Description |
113
- | :------- | :---------------- | :-----: | :----------------------------------------------------------------------------- |
114
- | as | String | 'div' | Sets the HTML tag for the component. |
115
- | caret | String | 'top' | Controls the position of the caret. See below for the list of caret positions. |
116
- | open | Boolean | false | Controls the visibility of the popover. |
117
- | relative | Boolean | false | Set to true to render the popover using relative positioning. |
118
- | sx | SystemStyleObject | {} | Style to be applied to the component |
119
-
120
- #### Caret Positions
121
-
122
- The `caret` prop can be one of the following values: `top`, `bottom`, `left`, `right`, `bottom-left`, `bottom-right`, `top-left`, `top-right`, `left-bottom`, `left-top`, `right-bottom`, or `right-top`.
123
-
124
- ### Popover.Content
125
-
126
- | Name | Type | Default | Description |
127
- | :--- | :---------------- | :-----: | :----------------------------------- |
128
- | as | String | 'div' | Sets the HTML tag for the component. |
129
- | sx | SystemStyleObject | {} | Style to be applied to the component |