@primer/components 32.0.0-rc.7200a6a6 → 32.0.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (1096) hide show
  1. package/package.json +2 -2
  2. package/.changeset/README.md +0 -8
  3. package/.changeset/config.json +0 -10
  4. package/.devcontainer/devcontainer.json +0 -8
  5. package/.eslintrc.json +0 -137
  6. package/.github/ISSUE_TEMPLATE/bug_report.md +0 -38
  7. package/.github/ISSUE_TEMPLATE/new_component_proposal_template.md +0 -41
  8. package/.github/dependabot.yml +0 -18
  9. package/.github/pull_request_template.md +0 -18
  10. package/.github/workflows/check_for_changeset.yml +0 -25
  11. package/.github/workflows/ci.yml +0 -34
  12. package/.github/workflows/deploy_preview.yml +0 -47
  13. package/.github/workflows/deploy_production.yml +0 -70
  14. package/.github/workflows/release.yml +0 -36
  15. package/.github/workflows/release_canary.yml +0 -72
  16. package/.github/workflows/release_candidate.yml +0 -60
  17. package/.github/workflows/size.yml +0 -13
  18. package/.github/workflows/stale.yml +0 -26
  19. package/.gitignore +0 -10
  20. package/.npmrc +0 -4
  21. package/.nvmrc +0 -1
  22. package/.storybook/main.js +0 -9
  23. package/.storybook/preview.js +0 -117
  24. package/.vscode/launch.json +0 -21
  25. package/.vscode/settings.json +0 -13
  26. package/@types/@styled-system/index.d.ts +0 -0
  27. package/@types/@styled-system/prop-types/index.d.ts +0 -1
  28. package/@types/@styled-system/props/index.d.ts +0 -1
  29. package/@types/jest-styled-components/index.d.ts +0 -1
  30. package/CODEOWNERS +0 -2
  31. package/babel-defines.js +0 -13
  32. package/babel.config.js +0 -39
  33. package/contributor-docs/CODE_OF_CONDUCT.md +0 -76
  34. package/contributor-docs/CONTRIBUTING.md +0 -274
  35. package/contributor-docs/adrs/adr-001-typescript.md +0 -23
  36. package/contributor-docs/adrs/adr-002-behavior-isolation.md +0 -108
  37. package/contributor-docs/adrs/adr-003-prop-norms.md +0 -72
  38. package/contributor-docs/behaviors.md +0 -132
  39. package/contributor-docs/component-contents-api-patterns.md +0 -316
  40. package/contributor-docs/principles.md +0 -39
  41. package/docs/.eslintrc +0 -0
  42. package/docs/.gitignore +0 -91
  43. package/docs/components/PropsList.js +0 -5
  44. package/docs/components/State.js +0 -9
  45. package/docs/components/constants.js +0 -34
  46. package/docs/components/index.js +0 -2
  47. package/docs/content/ActionList.mdx +0 -99
  48. package/docs/content/ActionList2.mdx +0 -359
  49. package/docs/content/ActionMenu.mdx +0 -80
  50. package/docs/content/AnchoredOverlay.mdx +0 -37
  51. package/docs/content/Autocomplete.mdx +0 -657
  52. package/docs/content/Avatar.mdx +0 -33
  53. package/docs/content/AvatarStack.mdx +0 -37
  54. package/docs/content/BorderBox.md +0 -46
  55. package/docs/content/Box.mdx +0 -96
  56. package/docs/content/BranchName.md +0 -18
  57. package/docs/content/Breadcrumbs.md +0 -47
  58. package/docs/content/Buttons.md +0 -46
  59. package/docs/content/CircleBadge.md +0 -35
  60. package/docs/content/CircleOcticon.md +0 -18
  61. package/docs/content/CounterLabel.md +0 -22
  62. package/docs/content/Details.md +0 -105
  63. package/docs/content/Dialog.md +0 -105
  64. package/docs/content/Dialog2.mdx +0 -180
  65. package/docs/content/Dropdown.md +0 -65
  66. package/docs/content/DropdownMenu.mdx +0 -49
  67. package/docs/content/FilterList.md +0 -37
  68. package/docs/content/FilteredSearch.md +0 -32
  69. package/docs/content/Flash.md +0 -35
  70. package/docs/content/Flex.md +0 -58
  71. package/docs/content/FormGroup.md +0 -38
  72. package/docs/content/Grid.md +0 -59
  73. package/docs/content/Header.md +0 -77
  74. package/docs/content/Heading.md +0 -22
  75. package/docs/content/Label.md +0 -49
  76. package/docs/content/LabelGroup.md +0 -21
  77. package/docs/content/Link.md +0 -28
  78. package/docs/content/Overlay.mdx +0 -85
  79. package/docs/content/Pagehead.md +0 -18
  80. package/docs/content/Pagination.md +0 -178
  81. package/docs/content/PointerBox.md +0 -81
  82. package/docs/content/Popover.md +0 -129
  83. package/docs/content/Portal.mdx +0 -78
  84. package/docs/content/Position.md +0 -100
  85. package/docs/content/ProgressBar.mdx +0 -29
  86. package/docs/content/SelectMenu.md +0 -371
  87. package/docs/content/SelectPanel.mdx +0 -67
  88. package/docs/content/SideNav.md +0 -171
  89. package/docs/content/Spinner.mdx +0 -32
  90. package/docs/content/StateLabel.md +0 -27
  91. package/docs/content/StyledOcticon.md +0 -27
  92. package/docs/content/SubNav.md +0 -100
  93. package/docs/content/TabNav.md +0 -42
  94. package/docs/content/Text.md +0 -31
  95. package/docs/content/TextInput.md +0 -34
  96. package/docs/content/TextInputTokens.mdx +0 -89
  97. package/docs/content/TextInputWithTokens.mdx +0 -211
  98. package/docs/content/Timeline.md +0 -148
  99. package/docs/content/Token.mdx +0 -381
  100. package/docs/content/Tooltip.md +0 -32
  101. package/docs/content/Truncate.md +0 -55
  102. package/docs/content/UnderlineNav.md +0 -45
  103. package/docs/content/anchoredPosition.mdx +0 -163
  104. package/docs/content/core-concepts.md +0 -70
  105. package/docs/content/focusTrap.mdx +0 -103
  106. package/docs/content/focusZone.mdx +0 -145
  107. package/docs/content/getting-started.md +0 -138
  108. package/docs/content/index.md +0 -33
  109. package/docs/content/linting.md +0 -35
  110. package/docs/content/overriding-styles.mdx +0 -82
  111. package/docs/content/philosophy.md +0 -23
  112. package/docs/content/primer-theme.md +0 -89
  113. package/docs/content/ssr.mdx +0 -43
  114. package/docs/content/system-props.mdx +0 -37
  115. package/docs/content/theme-reference.md +0 -16
  116. package/docs/content/theming.md +0 -272
  117. package/docs/content/useOnEscapePress.mdx +0 -56
  118. package/docs/content/useOnOutsideClick.mdx +0 -57
  119. package/docs/content/useOpenAndCloseFocus.mdx +0 -49
  120. package/docs/content/useOverlay.mdx +0 -62
  121. package/docs/content/useSafeTimeout.mdx +0 -32
  122. package/docs/gatsby-config.js +0 -30
  123. package/docs/gatsby-node.js +0 -101
  124. package/docs/package-lock.json +0 -20756
  125. package/docs/package.json +0 -36
  126. package/docs/src/@primer/gatsby-theme-doctocat/components/hero.js +0 -21
  127. package/docs/src/@primer/gatsby-theme-doctocat/components/live-preview-wrapper.js +0 -41
  128. package/docs/src/@primer/gatsby-theme-doctocat/live-code-scope.js +0 -73
  129. package/docs/src/@primer/gatsby-theme-doctocat/nav.yml +0 -133
  130. package/docs/src/@primer/gatsby-theme-doctocat/primer-components-hero.svg +0 -1411
  131. package/docs/src/component-checklist.js +0 -81
  132. package/docs/src/props.js +0 -77
  133. package/jest.config.js +0 -13
  134. package/lib/__tests__/ActionList.test.d.ts +0 -1
  135. package/lib/__tests__/ActionList.test.js +0 -69
  136. package/lib/__tests__/ActionList.test.jsx +0 -49
  137. package/lib/__tests__/ActionList.types.test.d.ts +0 -6
  138. package/lib/__tests__/ActionList.types.test.js +0 -69
  139. package/lib/__tests__/ActionList.types.test.jsx +0 -45
  140. package/lib/__tests__/ActionList2.test.d.ts +0 -1
  141. package/lib/__tests__/ActionList2.test.js +0 -53
  142. package/lib/__tests__/ActionList2.test.jsx +0 -46
  143. package/lib/__tests__/ActionMenu.test.d.ts +0 -1
  144. package/lib/__tests__/ActionMenu.test.js +0 -151
  145. package/lib/__tests__/ActionMenu.test.jsx +0 -124
  146. package/lib/__tests__/AnchoredOverlay.test.d.ts +0 -1
  147. package/lib/__tests__/AnchoredOverlay.test.js +0 -162
  148. package/lib/__tests__/AnchoredOverlay.test.jsx +0 -121
  149. package/lib/__tests__/Autocomplete.test.d.ts +0 -1
  150. package/lib/__tests__/Autocomplete.test.js +0 -528
  151. package/lib/__tests__/Autocomplete.test.jsx +0 -299
  152. package/lib/__tests__/Avatar.test.d.ts +0 -1
  153. package/lib/__tests__/Avatar.test.js +0 -67
  154. package/lib/__tests__/Avatar.test.jsx +0 -42
  155. package/lib/__tests__/AvatarStack.test.d.ts +0 -1
  156. package/lib/__tests__/AvatarStack.test.js +0 -71
  157. package/lib/__tests__/AvatarStack.test.jsx +0 -43
  158. package/lib/__tests__/BorderBox.test.d.ts +0 -1
  159. package/lib/__tests__/BorderBox.test.js +0 -58
  160. package/lib/__tests__/BorderBox.test.jsx +0 -36
  161. package/lib/__tests__/Box.test.d.ts +0 -1
  162. package/lib/__tests__/Box.test.js +0 -78
  163. package/lib/__tests__/Box.test.jsx +0 -41
  164. package/lib/__tests__/BranchName.test.d.ts +0 -1
  165. package/lib/__tests__/BranchName.test.js +0 -36
  166. package/lib/__tests__/BranchName.test.jsx +0 -27
  167. package/lib/__tests__/Breadcrumbs.test.d.ts +0 -1
  168. package/lib/__tests__/Breadcrumbs.test.js +0 -40
  169. package/lib/__tests__/Breadcrumbs.test.jsx +0 -28
  170. package/lib/__tests__/Breadcrumbs.types.test.d.ts +0 -3
  171. package/lib/__tests__/Breadcrumbs.types.test.js +0 -25
  172. package/lib/__tests__/Breadcrumbs.types.test.jsx +0 -24
  173. package/lib/__tests__/BreadcrumbsItem.test.d.ts +0 -1
  174. package/lib/__tests__/BreadcrumbsItem.test.js +0 -49
  175. package/lib/__tests__/BreadcrumbsItem.test.jsx +0 -31
  176. package/lib/__tests__/Button.test.d.ts +0 -1
  177. package/lib/__tests__/Button.test.js +0 -147
  178. package/lib/__tests__/Button.test.jsx +0 -100
  179. package/lib/__tests__/Caret.test.d.ts +0 -1
  180. package/lib/__tests__/Caret.test.js +0 -52
  181. package/lib/__tests__/Caret.test.jsx +0 -37
  182. package/lib/__tests__/CircleBadge.test.d.ts +0 -1
  183. package/lib/__tests__/CircleBadge.test.js +0 -83
  184. package/lib/__tests__/CircleBadge.test.jsx +0 -55
  185. package/lib/__tests__/CircleBadge.types.test.d.ts +0 -3
  186. package/lib/__tests__/CircleBadge.types.test.js +0 -28
  187. package/lib/__tests__/CircleBadge.types.test.jsx +0 -17
  188. package/lib/__tests__/CircleOcticon.test.d.ts +0 -1
  189. package/lib/__tests__/CircleOcticon.test.js +0 -71
  190. package/lib/__tests__/CircleOcticon.test.jsx +0 -45
  191. package/lib/__tests__/ConfirmationDialog.test.d.ts +0 -1
  192. package/lib/__tests__/ConfirmationDialog.test.js +0 -134
  193. package/lib/__tests__/ConfirmationDialog.test.jsx +0 -119
  194. package/lib/__tests__/CounterLabel.test.d.ts +0 -1
  195. package/lib/__tests__/CounterLabel.test.js +0 -58
  196. package/lib/__tests__/CounterLabel.test.jsx +0 -36
  197. package/lib/__tests__/CounterLabel.types.test.d.ts +0 -3
  198. package/lib/__tests__/CounterLabel.types.test.js +0 -28
  199. package/lib/__tests__/CounterLabel.types.test.jsx +0 -17
  200. package/lib/__tests__/Details.test.d.ts +0 -1
  201. package/lib/__tests__/Details.test.js +0 -117
  202. package/lib/__tests__/Details.test.jsx +0 -85
  203. package/lib/__tests__/Dialog.test.d.ts +0 -1
  204. package/lib/__tests__/Dialog.test.js +0 -184
  205. package/lib/__tests__/Dialog.test.jsx +0 -139
  206. package/lib/__tests__/Dialog.types.test.d.ts +0 -3
  207. package/lib/__tests__/Dialog.types.test.js +0 -28
  208. package/lib/__tests__/Dialog.types.test.jsx +0 -17
  209. package/lib/__tests__/Dialog2.types.test.d.ts +0 -3
  210. package/lib/__tests__/Dialog2.types.test.js +0 -31
  211. package/lib/__tests__/Dialog2.types.test.jsx +0 -17
  212. package/lib/__tests__/Dropdown.test.d.ts +0 -1
  213. package/lib/__tests__/Dropdown.test.js +0 -63
  214. package/lib/__tests__/Dropdown.test.jsx +0 -49
  215. package/lib/__tests__/Dropdown.types.test.d.ts +0 -3
  216. package/lib/__tests__/Dropdown.types.test.js +0 -31
  217. package/lib/__tests__/Dropdown.types.test.jsx +0 -25
  218. package/lib/__tests__/DropdownMenu.test.d.ts +0 -1
  219. package/lib/__tests__/DropdownMenu.test.js +0 -150
  220. package/lib/__tests__/DropdownMenu.test.jsx +0 -119
  221. package/lib/__tests__/FilterList.test.d.ts +0 -1
  222. package/lib/__tests__/FilterList.test.js +0 -36
  223. package/lib/__tests__/FilterList.test.jsx +0 -27
  224. package/lib/__tests__/FilterList.types.test.d.ts +0 -3
  225. package/lib/__tests__/FilterList.types.test.js +0 -27
  226. package/lib/__tests__/FilterList.types.test.jsx +0 -21
  227. package/lib/__tests__/FilterListItem.test.d.ts +0 -1
  228. package/lib/__tests__/FilterListItem.test.js +0 -46
  229. package/lib/__tests__/FilterListItem.test.jsx +0 -31
  230. package/lib/__tests__/FilteredSearch.test.d.ts +0 -1
  231. package/lib/__tests__/FilteredSearch.test.js +0 -36
  232. package/lib/__tests__/FilteredSearch.test.jsx +0 -27
  233. package/lib/__tests__/FilteredSearch.types.test.d.ts +0 -3
  234. package/lib/__tests__/FilteredSearch.types.test.js +0 -28
  235. package/lib/__tests__/FilteredSearch.types.test.jsx +0 -17
  236. package/lib/__tests__/Flash.test.d.ts +0 -1
  237. package/lib/__tests__/Flash.test.js +0 -62
  238. package/lib/__tests__/Flash.test.jsx +0 -36
  239. package/lib/__tests__/Flash.types.test.d.ts +0 -3
  240. package/lib/__tests__/Flash.types.test.js +0 -28
  241. package/lib/__tests__/Flash.types.test.jsx +0 -17
  242. package/lib/__tests__/Flex.test.d.ts +0 -1
  243. package/lib/__tests__/Flex.test.js +0 -74
  244. package/lib/__tests__/Flex.test.jsx +0 -51
  245. package/lib/__tests__/FormGroup.test.d.ts +0 -1
  246. package/lib/__tests__/FormGroup.test.js +0 -54
  247. package/lib/__tests__/FormGroup.test.jsx +0 -36
  248. package/lib/__tests__/FormGroup.types.test.d.ts +0 -3
  249. package/lib/__tests__/FormGroup.types.test.js +0 -28
  250. package/lib/__tests__/FormGroup.types.test.jsx +0 -17
  251. package/lib/__tests__/Grid.test.d.ts +0 -1
  252. package/lib/__tests__/Grid.test.js +0 -104
  253. package/lib/__tests__/Grid.test.jsx +0 -69
  254. package/lib/__tests__/Header.test.d.ts +0 -1
  255. package/lib/__tests__/Header.test.js +0 -58
  256. package/lib/__tests__/Header.test.jsx +0 -45
  257. package/lib/__tests__/Header.types.test.d.ts +0 -3
  258. package/lib/__tests__/Header.types.test.js +0 -29
  259. package/lib/__tests__/Header.types.test.jsx +0 -23
  260. package/lib/__tests__/Heading.test.d.ts +0 -1
  261. package/lib/__tests__/Heading.test.js +0 -109
  262. package/lib/__tests__/Heading.test.jsx +0 -71
  263. package/lib/__tests__/KeyPaths.types.test.d.ts +0 -11
  264. package/lib/__tests__/KeyPaths.types.test.js +0 -7
  265. package/lib/__tests__/Label.test.d.ts +0 -1
  266. package/lib/__tests__/Label.test.js +0 -46
  267. package/lib/__tests__/Label.test.jsx +0 -33
  268. package/lib/__tests__/Label.types.test.d.ts +0 -3
  269. package/lib/__tests__/Label.types.test.js +0 -28
  270. package/lib/__tests__/Label.types.test.jsx +0 -17
  271. package/lib/__tests__/LabelGroup.test.d.ts +0 -1
  272. package/lib/__tests__/LabelGroup.test.js +0 -38
  273. package/lib/__tests__/LabelGroup.test.jsx +0 -29
  274. package/lib/__tests__/LabelGroup.types.test.d.ts +0 -3
  275. package/lib/__tests__/LabelGroup.types.test.js +0 -28
  276. package/lib/__tests__/LabelGroup.types.test.jsx +0 -17
  277. package/lib/__tests__/Link.test.d.ts +0 -1
  278. package/lib/__tests__/Link.test.js +0 -76
  279. package/lib/__tests__/Link.test.jsx +0 -43
  280. package/lib/__tests__/Link.types.test.d.ts +0 -3
  281. package/lib/__tests__/Link.types.test.js +0 -28
  282. package/lib/__tests__/Link.types.test.jsx +0 -17
  283. package/lib/__tests__/Merge.types.test.d.ts +0 -30
  284. package/lib/__tests__/Merge.types.test.js +0 -21
  285. package/lib/__tests__/NewButton.test.d.ts +0 -1
  286. package/lib/__tests__/NewButton.test.js +0 -95
  287. package/lib/__tests__/NewButton.test.jsx +0 -61
  288. package/lib/__tests__/Overlay.test.d.ts +0 -1
  289. package/lib/__tests__/Overlay.test.js +0 -145
  290. package/lib/__tests__/Overlay.test.jsx +0 -105
  291. package/lib/__tests__/Overlay.types.test.d.ts +0 -3
  292. package/lib/__tests__/Overlay.types.test.js +0 -35
  293. package/lib/__tests__/Overlay.types.test.jsx +0 -18
  294. package/lib/__tests__/Pagehead.test.d.ts +0 -1
  295. package/lib/__tests__/Pagehead.test.js +0 -37
  296. package/lib/__tests__/Pagehead.test.jsx +0 -25
  297. package/lib/__tests__/Pagehead.types.test.d.ts +0 -3
  298. package/lib/__tests__/Pagehead.types.test.js +0 -28
  299. package/lib/__tests__/Pagehead.types.test.jsx +0 -17
  300. package/lib/__tests__/Pagination/Pagination.test.d.ts +0 -1
  301. package/lib/__tests__/Pagination/Pagination.test.js +0 -47
  302. package/lib/__tests__/Pagination/Pagination.test.jsx +0 -32
  303. package/lib/__tests__/Pagination/PaginationModel.test.d.ts +0 -1
  304. package/lib/__tests__/Pagination/PaginationModel.test.js +0 -186
  305. package/lib/__tests__/Pagination/PaginationModel.test.jsx +0 -118
  306. package/lib/__tests__/Pagination.types.test.d.ts +0 -3
  307. package/lib/__tests__/Pagination.types.test.js +0 -33
  308. package/lib/__tests__/Pagination.types.test.jsx +0 -17
  309. package/lib/__tests__/PointerBox.test.d.ts +0 -1
  310. package/lib/__tests__/PointerBox.test.js +0 -46
  311. package/lib/__tests__/PointerBox.test.jsx +0 -33
  312. package/lib/__tests__/Popover.test.d.ts +0 -1
  313. package/lib/__tests__/Popover.test.js +0 -66
  314. package/lib/__tests__/Popover.test.jsx +0 -58
  315. package/lib/__tests__/Popover.types.test.d.ts +0 -3
  316. package/lib/__tests__/Popover.types.test.js +0 -27
  317. package/lib/__tests__/Popover.types.test.jsx +0 -21
  318. package/lib/__tests__/Portal.test.d.ts +0 -1
  319. package/lib/__tests__/Portal.test.js +0 -124
  320. package/lib/__tests__/Portal.test.jsx +0 -102
  321. package/lib/__tests__/Position.test.d.ts +0 -1
  322. package/lib/__tests__/Position.test.js +0 -143
  323. package/lib/__tests__/Position.test.jsx +0 -96
  324. package/lib/__tests__/ProgressBar.test.d.ts +0 -1
  325. package/lib/__tests__/ProgressBar.test.js +0 -68
  326. package/lib/__tests__/ProgressBar.test.jsx +0 -38
  327. package/lib/__tests__/SelectMenu.test.d.ts +0 -1
  328. package/lib/__tests__/SelectMenu.test.js +0 -155
  329. package/lib/__tests__/SelectMenu.test.jsx +0 -120
  330. package/lib/__tests__/SelectMenu.types.test.d.ts +0 -3
  331. package/lib/__tests__/SelectMenu.types.test.js +0 -47
  332. package/lib/__tests__/SelectMenu.types.test.jsx +0 -41
  333. package/lib/__tests__/SelectPanel.test.d.ts +0 -1
  334. package/lib/__tests__/SelectPanel.test.js +0 -80
  335. package/lib/__tests__/SelectPanel.test.jsx +0 -48
  336. package/lib/__tests__/SideNav.test.d.ts +0 -1
  337. package/lib/__tests__/SideNav.test.js +0 -71
  338. package/lib/__tests__/SideNav.test.jsx +0 -55
  339. package/lib/__tests__/SideNav.types.test.d.ts +0 -3
  340. package/lib/__tests__/SideNav.types.test.js +0 -28
  341. package/lib/__tests__/SideNav.types.test.jsx +0 -17
  342. package/lib/__tests__/Spinner.test.d.ts +0 -1
  343. package/lib/__tests__/Spinner.test.js +0 -53
  344. package/lib/__tests__/Spinner.test.jsx +0 -41
  345. package/lib/__tests__/StateLabel.test.d.ts +0 -1
  346. package/lib/__tests__/StateLabel.test.js +0 -71
  347. package/lib/__tests__/StateLabel.test.jsx +0 -46
  348. package/lib/__tests__/StateLabel.types.test.d.ts +0 -3
  349. package/lib/__tests__/StateLabel.types.test.js +0 -28
  350. package/lib/__tests__/StateLabel.types.test.jsx +0 -17
  351. package/lib/__tests__/StyledOcticon.test.d.ts +0 -1
  352. package/lib/__tests__/StyledOcticon.test.js +0 -40
  353. package/lib/__tests__/StyledOcticon.test.jsx +0 -28
  354. package/lib/__tests__/StyledOcticon.types.test.d.ts +0 -3
  355. package/lib/__tests__/StyledOcticon.types.test.js +0 -32
  356. package/lib/__tests__/StyledOcticon.types.test.jsx +0 -18
  357. package/lib/__tests__/SubNav.test.d.ts +0 -1
  358. package/lib/__tests__/SubNav.test.js +0 -62
  359. package/lib/__tests__/SubNav.test.jsx +0 -47
  360. package/lib/__tests__/SubNav.types.test.d.ts +0 -3
  361. package/lib/__tests__/SubNav.types.test.js +0 -27
  362. package/lib/__tests__/SubNav.types.test.jsx +0 -27
  363. package/lib/__tests__/SubNavLink.test.d.ts +0 -1
  364. package/lib/__tests__/SubNavLink.test.js +0 -49
  365. package/lib/__tests__/SubNavLink.test.jsx +0 -31
  366. package/lib/__tests__/TabNav.test.d.ts +0 -1
  367. package/lib/__tests__/TabNav.test.js +0 -49
  368. package/lib/__tests__/TabNav.test.jsx +0 -32
  369. package/lib/__tests__/TabNav.types.test.d.ts +0 -3
  370. package/lib/__tests__/TabNav.types.test.js +0 -25
  371. package/lib/__tests__/TabNav.types.test.jsx +0 -24
  372. package/lib/__tests__/Text.test.d.ts +0 -1
  373. package/lib/__tests__/Text.test.js +0 -105
  374. package/lib/__tests__/Text.test.jsx +0 -71
  375. package/lib/__tests__/TextInput.test.d.ts +0 -1
  376. package/lib/__tests__/TextInput.test.js +0 -78
  377. package/lib/__tests__/TextInput.test.jsx +0 -45
  378. package/lib/__tests__/TextInputWithTokens.test.d.ts +0 -1
  379. package/lib/__tests__/TextInputWithTokens.test.js +0 -572
  380. package/lib/__tests__/TextInputWithTokens.test.jsx +0 -302
  381. package/lib/__tests__/ThemeProvider.test.d.ts +0 -1
  382. package/lib/__tests__/ThemeProvider.test.js +0 -444
  383. package/lib/__tests__/ThemeProvider.test.jsx +0 -314
  384. package/lib/__tests__/Timeline.test.d.ts +0 -1
  385. package/lib/__tests__/Timeline.test.js +0 -75
  386. package/lib/__tests__/Timeline.test.jsx +0 -51
  387. package/lib/__tests__/Timeline.types.test.d.ts +0 -3
  388. package/lib/__tests__/Timeline.types.test.js +0 -31
  389. package/lib/__tests__/Timeline.types.test.jsx +0 -33
  390. package/lib/__tests__/Token.test.d.ts +0 -1
  391. package/lib/__tests__/Token.test.js +0 -180
  392. package/lib/__tests__/Token.test.jsx +0 -93
  393. package/lib/__tests__/Tooltip.test.d.ts +0 -1
  394. package/lib/__tests__/Tooltip.test.js +0 -69
  395. package/lib/__tests__/Tooltip.test.jsx +0 -46
  396. package/lib/__tests__/Tooltip.types.test.d.ts +0 -3
  397. package/lib/__tests__/Tooltip.types.test.js +0 -28
  398. package/lib/__tests__/Tooltip.types.test.jsx +0 -17
  399. package/lib/__tests__/Truncate.test.d.ts +0 -1
  400. package/lib/__tests__/Truncate.test.js +0 -63
  401. package/lib/__tests__/Truncate.test.jsx +0 -41
  402. package/lib/__tests__/Truncate.types.test.d.ts +0 -3
  403. package/lib/__tests__/Truncate.types.test.js +0 -31
  404. package/lib/__tests__/Truncate.types.test.jsx +0 -17
  405. package/lib/__tests__/UnderlineNav.test.d.ts +0 -1
  406. package/lib/__tests__/UnderlineNav.test.js +0 -72
  407. package/lib/__tests__/UnderlineNav.test.jsx +0 -53
  408. package/lib/__tests__/UnderlineNav.types.test.d.ts +0 -3
  409. package/lib/__tests__/UnderlineNav.types.test.js +0 -25
  410. package/lib/__tests__/UnderlineNav.types.test.jsx +0 -24
  411. package/lib/__tests__/UnderlineNavLink.test.d.ts +0 -1
  412. package/lib/__tests__/UnderlineNavLink.test.js +0 -51
  413. package/lib/__tests__/UnderlineNavLink.test.jsx +0 -31
  414. package/lib/__tests__/behaviors/anchoredPosition.test.d.ts +0 -1
  415. package/lib/__tests__/behaviors/anchoredPosition.test.js +0 -243
  416. package/lib/__tests__/behaviors/focusTrap.test.d.ts +0 -1
  417. package/lib/__tests__/behaviors/focusTrap.test.js +0 -234
  418. package/lib/__tests__/behaviors/focusTrap.test.jsx +0 -184
  419. package/lib/__tests__/behaviors/focusZone.test.d.ts +0 -1
  420. package/lib/__tests__/behaviors/focusZone.test.js +0 -570
  421. package/lib/__tests__/behaviors/focusZone.test.jsx +0 -406
  422. package/lib/__tests__/behaviors/iterateFocusableElements.test.d.ts +0 -1
  423. package/lib/__tests__/behaviors/iterateFocusableElements.test.js +0 -55
  424. package/lib/__tests__/behaviors/iterateFocusableElements.test.jsx +0 -58
  425. package/lib/__tests__/behaviors/scrollIntoViewingArea.test.d.ts +0 -1
  426. package/lib/__tests__/behaviors/scrollIntoViewingArea.test.js +0 -155
  427. package/lib/__tests__/filterObject.test.d.ts +0 -1
  428. package/lib/__tests__/filterObject.test.js +0 -51
  429. package/lib/__tests__/hooks/useAnchoredPosition.test.d.ts +0 -1
  430. package/lib/__tests__/hooks/useAnchoredPosition.test.js +0 -54
  431. package/lib/__tests__/hooks/useAnchoredPosition.test.jsx +0 -29
  432. package/lib/__tests__/hooks/useOnEscapePress.test.d.ts +0 -1
  433. package/lib/__tests__/hooks/useOnEscapePress.test.js +0 -32
  434. package/lib/__tests__/hooks/useOnEscapePress.test.jsx +0 -19
  435. package/lib/__tests__/hooks/useOnOutsideClick.test.d.ts +0 -1
  436. package/lib/__tests__/hooks/useOnOutsideClick.test.js +0 -87
  437. package/lib/__tests__/hooks/useOnOutsideClick.test.jsx +0 -63
  438. package/lib/__tests__/hooks/useOpenAndCloseFocus.test.d.ts +0 -1
  439. package/lib/__tests__/hooks/useOpenAndCloseFocus.test.js +0 -60
  440. package/lib/__tests__/hooks/useOpenAndCloseFocus.test.jsx +0 -61
  441. package/lib/__tests__/hooks/useProvidedStateOrCreate.test.d.ts +0 -1
  442. package/lib/__tests__/hooks/useProvidedStateOrCreate.test.js +0 -45
  443. package/lib/__tests__/hooks/useProvidedStateOrCreate.test.jsx +0 -56
  444. package/lib/__tests__/theme.test.d.ts +0 -1
  445. package/lib/__tests__/theme.test.js +0 -35
  446. package/lib/__tests__/themeGet.test.d.ts +0 -1
  447. package/lib/__tests__/themeGet.test.js +0 -14
  448. package/lib/__tests__/useSafeTimeout.test.d.ts +0 -1
  449. package/lib/__tests__/useSafeTimeout.test.js +0 -45
  450. package/lib/__tests__/useSafeTimeout.test.jsx +0 -36
  451. package/lib/__tests__/utils/createSlots.test.d.ts +0 -1
  452. package/lib/__tests__/utils/createSlots.test.js +0 -75
  453. package/lib/__tests__/utils/createSlots.test.jsx +0 -57
  454. package/lib/stories/ActionList.stories.js +0 -454
  455. package/lib/stories/ActionList2.stories.js +0 -909
  456. package/lib/stories/ActionMenu.stories.js +0 -348
  457. package/lib/stories/AnchoredOverlay.stories.js +0 -127
  458. package/lib/stories/Autocomplete.stories.js +0 -619
  459. package/lib/stories/AvatarStack.stories.js +0 -49
  460. package/lib/stories/Button.stories.js +0 -125
  461. package/lib/stories/ConfirmationDialog.stories.js +0 -119
  462. package/lib/stories/Dialog.stories.js +0 -269
  463. package/lib/stories/DropdownMenu.stories.js +0 -122
  464. package/lib/stories/IssueLabelToken.stories.js +0 -165
  465. package/lib/stories/NewButton.stories.js +0 -230
  466. package/lib/stories/Overlay.stories.js +0 -204
  467. package/lib/stories/Portal.stories.js +0 -104
  468. package/lib/stories/ProfileToken.stories.js +0 -162
  469. package/lib/stories/SelectPanel.stories.js +0 -399
  470. package/lib/stories/TextInput.stories.js +0 -144
  471. package/lib/stories/TextInputWithTokens.stories.js +0 -252
  472. package/lib/stories/ThemeProvider.stories.js +0 -102
  473. package/lib/stories/Token.stories.js +0 -176
  474. package/lib/stories/useAnchoredPosition.stories.js +0 -351
  475. package/lib/stories/useFocusTrap.stories.js +0 -360
  476. package/lib/stories/useFocusZone.stories.js +0 -607
  477. package/lib-esm/__tests__/ActionList.test.d.ts +0 -1
  478. package/lib-esm/__tests__/ActionList.test.js +0 -57
  479. package/lib-esm/__tests__/ActionList.types.test.d.ts +0 -6
  480. package/lib-esm/__tests__/ActionList.types.test.js +0 -45
  481. package/lib-esm/__tests__/ActionList2.test.d.ts +0 -1
  482. package/lib-esm/__tests__/ActionList2.test.js +0 -41
  483. package/lib-esm/__tests__/ActionMenu.test.d.ts +0 -1
  484. package/lib-esm/__tests__/ActionMenu.test.js +0 -139
  485. package/lib-esm/__tests__/AnchoredOverlay.test.d.ts +0 -1
  486. package/lib-esm/__tests__/AnchoredOverlay.test.js +0 -136
  487. package/lib-esm/__tests__/Autocomplete.test.d.ts +0 -1
  488. package/lib-esm/__tests__/Autocomplete.test.js +0 -494
  489. package/lib-esm/__tests__/Avatar.test.d.ts +0 -1
  490. package/lib-esm/__tests__/Avatar.test.js +0 -56
  491. package/lib-esm/__tests__/AvatarStack.test.d.ts +0 -1
  492. package/lib-esm/__tests__/AvatarStack.test.js +0 -58
  493. package/lib-esm/__tests__/BorderBox.test.d.ts +0 -1
  494. package/lib-esm/__tests__/BorderBox.test.js +0 -47
  495. package/lib-esm/__tests__/Box.test.d.ts +0 -1
  496. package/lib-esm/__tests__/Box.test.js +0 -67
  497. package/lib-esm/__tests__/BranchName.test.d.ts +0 -1
  498. package/lib-esm/__tests__/BranchName.test.js +0 -26
  499. package/lib-esm/__tests__/Breadcrumbs.test.d.ts +0 -1
  500. package/lib-esm/__tests__/Breadcrumbs.test.js +0 -30
  501. package/lib-esm/__tests__/Breadcrumbs.types.test.d.ts +0 -3
  502. package/lib-esm/__tests__/Breadcrumbs.types.test.js +0 -12
  503. package/lib-esm/__tests__/BreadcrumbsItem.test.d.ts +0 -1
  504. package/lib-esm/__tests__/BreadcrumbsItem.test.js +0 -39
  505. package/lib-esm/__tests__/Button.test.d.ts +0 -1
  506. package/lib-esm/__tests__/Button.test.js +0 -137
  507. package/lib-esm/__tests__/Caret.test.d.ts +0 -1
  508. package/lib-esm/__tests__/Caret.test.js +0 -42
  509. package/lib-esm/__tests__/CircleBadge.test.d.ts +0 -1
  510. package/lib-esm/__tests__/CircleBadge.test.js +0 -70
  511. package/lib-esm/__tests__/CircleBadge.types.test.d.ts +0 -3
  512. package/lib-esm/__tests__/CircleBadge.types.test.js +0 -13
  513. package/lib-esm/__tests__/CircleOcticon.test.d.ts +0 -1
  514. package/lib-esm/__tests__/CircleOcticon.test.js +0 -59
  515. package/lib-esm/__tests__/ConfirmationDialog.test.d.ts +0 -1
  516. package/lib-esm/__tests__/ConfirmationDialog.test.js +0 -113
  517. package/lib-esm/__tests__/CounterLabel.test.d.ts +0 -1
  518. package/lib-esm/__tests__/CounterLabel.test.js +0 -47
  519. package/lib-esm/__tests__/CounterLabel.types.test.d.ts +0 -3
  520. package/lib-esm/__tests__/CounterLabel.types.test.js +0 -13
  521. package/lib-esm/__tests__/Details.test.d.ts +0 -1
  522. package/lib-esm/__tests__/Details.test.js +0 -107
  523. package/lib-esm/__tests__/Dialog.test.d.ts +0 -1
  524. package/lib-esm/__tests__/Dialog.test.js +0 -171
  525. package/lib-esm/__tests__/Dialog.types.test.d.ts +0 -3
  526. package/lib-esm/__tests__/Dialog.types.test.js +0 -13
  527. package/lib-esm/__tests__/Dialog2.types.test.d.ts +0 -3
  528. package/lib-esm/__tests__/Dialog2.types.test.js +0 -16
  529. package/lib-esm/__tests__/Dropdown.test.d.ts +0 -1
  530. package/lib-esm/__tests__/Dropdown.test.js +0 -53
  531. package/lib-esm/__tests__/Dropdown.types.test.d.ts +0 -3
  532. package/lib-esm/__tests__/Dropdown.types.test.js +0 -17
  533. package/lib-esm/__tests__/DropdownMenu.test.d.ts +0 -1
  534. package/lib-esm/__tests__/DropdownMenu.test.js +0 -137
  535. package/lib-esm/__tests__/FilterList.test.d.ts +0 -1
  536. package/lib-esm/__tests__/FilterList.test.js +0 -26
  537. package/lib-esm/__tests__/FilterList.types.test.d.ts +0 -3
  538. package/lib-esm/__tests__/FilterList.types.test.js +0 -13
  539. package/lib-esm/__tests__/FilterListItem.test.d.ts +0 -1
  540. package/lib-esm/__tests__/FilterListItem.test.js +0 -36
  541. package/lib-esm/__tests__/FilteredSearch.test.d.ts +0 -1
  542. package/lib-esm/__tests__/FilteredSearch.test.js +0 -26
  543. package/lib-esm/__tests__/FilteredSearch.types.test.d.ts +0 -3
  544. package/lib-esm/__tests__/FilteredSearch.types.test.js +0 -13
  545. package/lib-esm/__tests__/Flash.test.d.ts +0 -1
  546. package/lib-esm/__tests__/Flash.test.js +0 -51
  547. package/lib-esm/__tests__/Flash.types.test.d.ts +0 -3
  548. package/lib-esm/__tests__/Flash.types.test.js +0 -13
  549. package/lib-esm/__tests__/Flex.test.d.ts +0 -1
  550. package/lib-esm/__tests__/Flex.test.js +0 -64
  551. package/lib-esm/__tests__/FormGroup.test.d.ts +0 -1
  552. package/lib-esm/__tests__/FormGroup.test.js +0 -44
  553. package/lib-esm/__tests__/FormGroup.types.test.d.ts +0 -3
  554. package/lib-esm/__tests__/FormGroup.types.test.js +0 -13
  555. package/lib-esm/__tests__/Grid.test.d.ts +0 -1
  556. package/lib-esm/__tests__/Grid.test.js +0 -94
  557. package/lib-esm/__tests__/Header.test.d.ts +0 -1
  558. package/lib-esm/__tests__/Header.test.js +0 -48
  559. package/lib-esm/__tests__/Header.types.test.d.ts +0 -3
  560. package/lib-esm/__tests__/Header.types.test.js +0 -15
  561. package/lib-esm/__tests__/Heading.test.d.ts +0 -1
  562. package/lib-esm/__tests__/Heading.test.js +0 -99
  563. package/lib-esm/__tests__/KeyPaths.types.test.d.ts +0 -11
  564. package/lib-esm/__tests__/KeyPaths.types.test.js +0 -3
  565. package/lib-esm/__tests__/Label.test.d.ts +0 -1
  566. package/lib-esm/__tests__/Label.test.js +0 -36
  567. package/lib-esm/__tests__/Label.types.test.d.ts +0 -3
  568. package/lib-esm/__tests__/Label.types.test.js +0 -13
  569. package/lib-esm/__tests__/LabelGroup.test.d.ts +0 -1
  570. package/lib-esm/__tests__/LabelGroup.test.js +0 -26
  571. package/lib-esm/__tests__/LabelGroup.types.test.d.ts +0 -3
  572. package/lib-esm/__tests__/LabelGroup.types.test.js +0 -13
  573. package/lib-esm/__tests__/Link.test.d.ts +0 -1
  574. package/lib-esm/__tests__/Link.test.js +0 -66
  575. package/lib-esm/__tests__/Link.types.test.d.ts +0 -3
  576. package/lib-esm/__tests__/Link.types.test.js +0 -13
  577. package/lib-esm/__tests__/Merge.types.test.d.ts +0 -30
  578. package/lib-esm/__tests__/Merge.types.test.js +0 -14
  579. package/lib-esm/__tests__/NewButton.test.d.ts +0 -1
  580. package/lib-esm/__tests__/NewButton.test.js +0 -84
  581. package/lib-esm/__tests__/Overlay.test.d.ts +0 -1
  582. package/lib-esm/__tests__/Overlay.test.js +0 -123
  583. package/lib-esm/__tests__/Overlay.types.test.d.ts +0 -3
  584. package/lib-esm/__tests__/Overlay.types.test.js +0 -20
  585. package/lib-esm/__tests__/Pagehead.test.d.ts +0 -1
  586. package/lib-esm/__tests__/Pagehead.test.js +0 -26
  587. package/lib-esm/__tests__/Pagehead.types.test.d.ts +0 -3
  588. package/lib-esm/__tests__/Pagehead.types.test.js +0 -13
  589. package/lib-esm/__tests__/Pagination/Pagination.test.d.ts +0 -1
  590. package/lib-esm/__tests__/Pagination/Pagination.test.js +0 -35
  591. package/lib-esm/__tests__/Pagination/PaginationModel.test.d.ts +0 -1
  592. package/lib-esm/__tests__/Pagination/PaginationModel.test.js +0 -182
  593. package/lib-esm/__tests__/Pagination.types.test.d.ts +0 -3
  594. package/lib-esm/__tests__/Pagination.types.test.js +0 -18
  595. package/lib-esm/__tests__/PointerBox.test.d.ts +0 -1
  596. package/lib-esm/__tests__/PointerBox.test.js +0 -36
  597. package/lib-esm/__tests__/Popover.test.d.ts +0 -1
  598. package/lib-esm/__tests__/Popover.test.js +0 -53
  599. package/lib-esm/__tests__/Popover.types.test.d.ts +0 -3
  600. package/lib-esm/__tests__/Popover.types.test.js +0 -13
  601. package/lib-esm/__tests__/Portal.test.d.ts +0 -1
  602. package/lib-esm/__tests__/Portal.test.js +0 -104
  603. package/lib-esm/__tests__/Position.test.d.ts +0 -1
  604. package/lib-esm/__tests__/Position.test.js +0 -133
  605. package/lib-esm/__tests__/ProgressBar.test.d.ts +0 -1
  606. package/lib-esm/__tests__/ProgressBar.test.js +0 -58
  607. package/lib-esm/__tests__/SelectMenu.test.d.ts +0 -1
  608. package/lib-esm/__tests__/SelectMenu.test.js +0 -145
  609. package/lib-esm/__tests__/SelectMenu.types.test.d.ts +0 -3
  610. package/lib-esm/__tests__/SelectMenu.types.test.js +0 -33
  611. package/lib-esm/__tests__/SelectPanel.test.d.ts +0 -1
  612. package/lib-esm/__tests__/SelectPanel.test.js +0 -65
  613. package/lib-esm/__tests__/SideNav.test.d.ts +0 -1
  614. package/lib-esm/__tests__/SideNav.test.js +0 -60
  615. package/lib-esm/__tests__/SideNav.types.test.d.ts +0 -3
  616. package/lib-esm/__tests__/SideNav.types.test.js +0 -13
  617. package/lib-esm/__tests__/Spinner.test.d.ts +0 -1
  618. package/lib-esm/__tests__/Spinner.test.js +0 -43
  619. package/lib-esm/__tests__/StateLabel.test.d.ts +0 -1
  620. package/lib-esm/__tests__/StateLabel.test.js +0 -61
  621. package/lib-esm/__tests__/StateLabel.types.test.d.ts +0 -3
  622. package/lib-esm/__tests__/StateLabel.types.test.js +0 -13
  623. package/lib-esm/__tests__/StyledOcticon.test.d.ts +0 -1
  624. package/lib-esm/__tests__/StyledOcticon.test.js +0 -29
  625. package/lib-esm/__tests__/StyledOcticon.types.test.d.ts +0 -3
  626. package/lib-esm/__tests__/StyledOcticon.types.test.js +0 -16
  627. package/lib-esm/__tests__/SubNav.test.d.ts +0 -1
  628. package/lib-esm/__tests__/SubNav.test.js +0 -50
  629. package/lib-esm/__tests__/SubNav.types.test.d.ts +0 -3
  630. package/lib-esm/__tests__/SubNav.types.test.js +0 -14
  631. package/lib-esm/__tests__/SubNavLink.test.d.ts +0 -1
  632. package/lib-esm/__tests__/SubNavLink.test.js +0 -39
  633. package/lib-esm/__tests__/TabNav.test.d.ts +0 -1
  634. package/lib-esm/__tests__/TabNav.test.js +0 -39
  635. package/lib-esm/__tests__/TabNav.types.test.d.ts +0 -3
  636. package/lib-esm/__tests__/TabNav.types.test.js +0 -12
  637. package/lib-esm/__tests__/Text.test.d.ts +0 -1
  638. package/lib-esm/__tests__/Text.test.js +0 -93
  639. package/lib-esm/__tests__/TextInput.test.d.ts +0 -1
  640. package/lib-esm/__tests__/TextInput.test.js +0 -68
  641. package/lib-esm/__tests__/TextInputWithTokens.test.d.ts +0 -1
  642. package/lib-esm/__tests__/TextInputWithTokens.test.js +0 -511
  643. package/lib-esm/__tests__/ThemeProvider.test.d.ts +0 -1
  644. package/lib-esm/__tests__/ThemeProvider.test.js +0 -408
  645. package/lib-esm/__tests__/Timeline.test.d.ts +0 -1
  646. package/lib-esm/__tests__/Timeline.test.js +0 -65
  647. package/lib-esm/__tests__/Timeline.types.test.d.ts +0 -3
  648. package/lib-esm/__tests__/Timeline.types.test.js +0 -18
  649. package/lib-esm/__tests__/Token.test.d.ts +0 -1
  650. package/lib-esm/__tests__/Token.test.js +0 -166
  651. package/lib-esm/__tests__/Tooltip.test.d.ts +0 -1
  652. package/lib-esm/__tests__/Tooltip.test.js +0 -59
  653. package/lib-esm/__tests__/Tooltip.types.test.d.ts +0 -3
  654. package/lib-esm/__tests__/Tooltip.types.test.js +0 -13
  655. package/lib-esm/__tests__/Truncate.test.d.ts +0 -1
  656. package/lib-esm/__tests__/Truncate.test.js +0 -53
  657. package/lib-esm/__tests__/Truncate.types.test.d.ts +0 -3
  658. package/lib-esm/__tests__/Truncate.types.test.js +0 -16
  659. package/lib-esm/__tests__/UnderlineNav.test.d.ts +0 -1
  660. package/lib-esm/__tests__/UnderlineNav.test.js +0 -60
  661. package/lib-esm/__tests__/UnderlineNav.types.test.d.ts +0 -3
  662. package/lib-esm/__tests__/UnderlineNav.types.test.js +0 -12
  663. package/lib-esm/__tests__/UnderlineNavLink.test.d.ts +0 -1
  664. package/lib-esm/__tests__/UnderlineNavLink.test.js +0 -41
  665. package/lib-esm/__tests__/behaviors/anchoredPosition.test.d.ts +0 -1
  666. package/lib-esm/__tests__/behaviors/anchoredPosition.test.js +0 -388
  667. package/lib-esm/__tests__/behaviors/focusTrap.test.d.ts +0 -1
  668. package/lib-esm/__tests__/behaviors/focusTrap.test.js +0 -227
  669. package/lib-esm/__tests__/behaviors/focusZone.test.d.ts +0 -1
  670. package/lib-esm/__tests__/behaviors/focusZone.test.js +0 -487
  671. package/lib-esm/__tests__/behaviors/iterateFocusableElements.test.d.ts +0 -1
  672. package/lib-esm/__tests__/behaviors/iterateFocusableElements.test.js +0 -48
  673. package/lib-esm/__tests__/behaviors/scrollIntoViewingArea.test.d.ts +0 -1
  674. package/lib-esm/__tests__/behaviors/scrollIntoViewingArea.test.js +0 -224
  675. package/lib-esm/__tests__/filterObject.test.d.ts +0 -1
  676. package/lib-esm/__tests__/filterObject.test.js +0 -27
  677. package/lib-esm/__tests__/hooks/useAnchoredPosition.test.d.ts +0 -1
  678. package/lib-esm/__tests__/hooks/useAnchoredPosition.test.js +0 -46
  679. package/lib-esm/__tests__/hooks/useOnEscapePress.test.d.ts +0 -1
  680. package/lib-esm/__tests__/hooks/useOnEscapePress.test.js +0 -23
  681. package/lib-esm/__tests__/hooks/useOnOutsideClick.test.d.ts +0 -1
  682. package/lib-esm/__tests__/hooks/useOnOutsideClick.test.js +0 -68
  683. package/lib-esm/__tests__/hooks/useOpenAndCloseFocus.test.d.ts +0 -1
  684. package/lib-esm/__tests__/hooks/useOpenAndCloseFocus.test.js +0 -52
  685. package/lib-esm/__tests__/hooks/useProvidedStateOrCreate.test.d.ts +0 -1
  686. package/lib-esm/__tests__/hooks/useProvidedStateOrCreate.test.js +0 -36
  687. package/lib-esm/__tests__/theme.test.d.ts +0 -1
  688. package/lib-esm/__tests__/theme.test.js +0 -33
  689. package/lib-esm/__tests__/themeGet.test.d.ts +0 -1
  690. package/lib-esm/__tests__/themeGet.test.js +0 -22
  691. package/lib-esm/__tests__/useSafeTimeout.test.d.ts +0 -1
  692. package/lib-esm/__tests__/useSafeTimeout.test.js +0 -39
  693. package/lib-esm/__tests__/utils/createSlots.test.d.ts +0 -1
  694. package/lib-esm/__tests__/utils/createSlots.test.js +0 -67
  695. package/lib-esm/stories/ActionList.stories.js +0 -395
  696. package/lib-esm/stories/ActionList2.stories.js +0 -797
  697. package/lib-esm/stories/ActionMenu.stories.js +0 -303
  698. package/lib-esm/stories/AnchoredOverlay.stories.js +0 -101
  699. package/lib-esm/stories/Autocomplete.stories.js +0 -560
  700. package/lib-esm/stories/AvatarStack.stories.js +0 -32
  701. package/lib-esm/stories/Button.stories.js +0 -86
  702. package/lib-esm/stories/ConfirmationDialog.stories.js +0 -94
  703. package/lib-esm/stories/Dialog.stories.js +0 -244
  704. package/lib-esm/stories/DropdownMenu.stories.js +0 -94
  705. package/lib-esm/stories/IssueLabelToken.stories.js +0 -139
  706. package/lib-esm/stories/NewButton.stories.js +0 -178
  707. package/lib-esm/stories/Overlay.stories.js +0 -173
  708. package/lib-esm/stories/Portal.stories.js +0 -68
  709. package/lib-esm/stories/ProfileToken.stories.js +0 -136
  710. package/lib-esm/stories/SelectPanel.stories.js +0 -334
  711. package/lib-esm/stories/TextInput.stories.js +0 -117
  712. package/lib-esm/stories/TextInputWithTokens.stories.js +0 -210
  713. package/lib-esm/stories/ThemeProvider.stories.js +0 -83
  714. package/lib-esm/stories/Token.stories.js +0 -146
  715. package/lib-esm/stories/useAnchoredPosition.stories.js +0 -313
  716. package/lib-esm/stories/useFocusTrap.stories.js +0 -313
  717. package/lib-esm/stories/useFocusZone.stories.js +0 -562
  718. package/migrating.md +0 -250
  719. package/now.json +0 -17
  720. package/package-lock.json +0 -66509
  721. package/rollup.config.js +0 -36
  722. package/script/build +0 -21
  723. package/script/build-storybook +0 -10
  724. package/script/setup +0 -12
  725. package/src/ActionList/Divider.tsx +0 -25
  726. package/src/ActionList/Group.tsx +0 -45
  727. package/src/ActionList/Header.tsx +0 -74
  728. package/src/ActionList/Item.tsx +0 -480
  729. package/src/ActionList/List.tsx +0 -258
  730. package/src/ActionList/index.ts +0 -21
  731. package/src/ActionList2/Description.tsx +0 -52
  732. package/src/ActionList2/Divider.tsx +0 -24
  733. package/src/ActionList2/Group.tsx +0 -103
  734. package/src/ActionList2/Header.tsx +0 -58
  735. package/src/ActionList2/Item.tsx +0 -246
  736. package/src/ActionList2/LinkItem.tsx +0 -49
  737. package/src/ActionList2/List.tsx +0 -55
  738. package/src/ActionList2/Selection.tsx +0 -60
  739. package/src/ActionList2/Visuals.tsx +0 -76
  740. package/src/ActionList2/index.ts +0 -39
  741. package/src/ActionMenu.tsx +0 -106
  742. package/src/AnchoredOverlay/AnchoredOverlay.tsx +0 -191
  743. package/src/AnchoredOverlay/index.ts +0 -2
  744. package/src/Autocomplete/Autocomplete.tsx +0 -103
  745. package/src/Autocomplete/AutocompleteContext.tsx +0 -19
  746. package/src/Autocomplete/AutocompleteInput.tsx +0 -179
  747. package/src/Autocomplete/AutocompleteMenu.tsx +0 -341
  748. package/src/Autocomplete/AutocompleteOverlay.tsx +0 -68
  749. package/src/Autocomplete/index.ts +0 -2
  750. package/src/Avatar.tsx +0 -46
  751. package/src/AvatarPair.tsx +0 -35
  752. package/src/AvatarStack.tsx +0 -159
  753. package/src/BaseStyles.tsx +0 -53
  754. package/src/BorderBox.tsx +0 -18
  755. package/src/Box.tsx +0 -54
  756. package/src/BranchName.tsx +0 -19
  757. package/src/Breadcrumbs.tsx +0 -101
  758. package/src/Button/Button.tsx +0 -39
  759. package/src/Button/ButtonBase.tsx +0 -39
  760. package/src/Button/ButtonClose.tsx +0 -36
  761. package/src/Button/ButtonDanger.tsx +0 -42
  762. package/src/Button/ButtonGroup.tsx +0 -55
  763. package/src/Button/ButtonInvisible.tsx +0 -31
  764. package/src/Button/ButtonOutline.tsx +0 -42
  765. package/src/Button/ButtonPrimary.tsx +0 -40
  766. package/src/Button/ButtonStyles.tsx +0 -36
  767. package/src/Button/ButtonTableList.tsx +0 -45
  768. package/src/Button/index.ts +0 -16
  769. package/src/Caret.tsx +0 -133
  770. package/src/CircleBadge.tsx +0 -53
  771. package/src/CircleOcticon.tsx +0 -37
  772. package/src/CounterLabel.tsx +0 -50
  773. package/src/Details.tsx +0 -23
  774. package/src/Dialog/ConfirmationDialog.tsx +0 -184
  775. package/src/Dialog/Dialog.tsx +0 -444
  776. package/src/Dialog.tsx +0 -145
  777. package/src/Dropdown.tsx +0 -154
  778. package/src/DropdownMenu/DropdownButton.tsx +0 -15
  779. package/src/DropdownMenu/DropdownMenu.tsx +0 -115
  780. package/src/DropdownMenu/index.ts +0 -4
  781. package/src/DropdownStyles.ts +0 -128
  782. package/src/FilterList.tsx +0 -75
  783. package/src/FilteredActionList/FilteredActionList.tsx +0 -142
  784. package/src/FilteredActionList/index.ts +0 -2
  785. package/src/FilteredSearch.tsx +0 -27
  786. package/src/Flash.tsx +0 -75
  787. package/src/Flex.tsx +0 -15
  788. package/src/FormGroup.tsx +0 -24
  789. package/src/Grid.tsx +0 -15
  790. package/src/Header.tsx +0 -74
  791. package/src/Heading.tsx +0 -21
  792. package/src/Label.tsx +0 -72
  793. package/src/LabelGroup.tsx +0 -17
  794. package/src/Link.tsx +0 -42
  795. package/src/NewButton/button-counter.tsx +0 -15
  796. package/src/NewButton/button.tsx +0 -283
  797. package/src/NewButton/index.ts +0 -10
  798. package/src/NewButton/types.ts +0 -36
  799. package/src/Overlay.tsx +0 -200
  800. package/src/Pagehead.tsx +0 -16
  801. package/src/Pagination/Pagination.tsx +0 -212
  802. package/src/Pagination/index.ts +0 -4
  803. package/src/Pagination/model.tsx +0 -187
  804. package/src/PointerBox.tsx +0 -31
  805. package/src/Popover.tsx +0 -225
  806. package/src/Portal/Portal.tsx +0 -97
  807. package/src/Portal/index.ts +0 -5
  808. package/src/Position.tsx +0 -63
  809. package/src/ProgressBar.tsx +0 -52
  810. package/src/SelectMenu/SelectMenu.tsx +0 -123
  811. package/src/SelectMenu/SelectMenuContext.tsx +0 -9
  812. package/src/SelectMenu/SelectMenuDivider.tsx +0 -24
  813. package/src/SelectMenu/SelectMenuFilter.tsx +0 -50
  814. package/src/SelectMenu/SelectMenuFooter.tsx +0 -27
  815. package/src/SelectMenu/SelectMenuHeader.tsx +0 -48
  816. package/src/SelectMenu/SelectMenuItem.tsx +0 -136
  817. package/src/SelectMenu/SelectMenuList.tsx +0 -41
  818. package/src/SelectMenu/SelectMenuLoadingAnimation.tsx +0 -25
  819. package/src/SelectMenu/SelectMenuModal.tsx +0 -119
  820. package/src/SelectMenu/SelectMenuTab.tsx +0 -87
  821. package/src/SelectMenu/SelectMenuTabPanel.tsx +0 -29
  822. package/src/SelectMenu/SelectMenuTabs.tsx +0 -43
  823. package/src/SelectMenu/hooks/useKeyboardNav.js +0 -90
  824. package/src/SelectMenu/index.ts +0 -15
  825. package/src/SelectPanel/SelectPanel.tsx +0 -173
  826. package/src/SelectPanel/index.ts +0 -2
  827. package/src/SideNav.tsx +0 -191
  828. package/src/Spinner.tsx +0 -59
  829. package/src/StateLabel.tsx +0 -112
  830. package/src/StyledOcticon.tsx +0 -22
  831. package/src/SubNav.tsx +0 -124
  832. package/src/TabNav.tsx +0 -73
  833. package/src/Text.tsx +0 -13
  834. package/src/TextInput.tsx +0 -68
  835. package/src/TextInputWithTokens.tsx +0 -351
  836. package/src/ThemeProvider.tsx +0 -176
  837. package/src/Timeline.tsx +0 -140
  838. package/src/Token/AvatarToken.tsx +0 -54
  839. package/src/Token/IssueLabelToken.tsx +0 -150
  840. package/src/Token/Token.tsx +0 -126
  841. package/src/Token/TokenBase.tsx +0 -129
  842. package/src/Token/_RemoveTokenButton.tsx +0 -111
  843. package/src/Token/_TokenTextContainer.tsx +0 -47
  844. package/src/Token/index.ts +0 -3
  845. package/src/Tooltip.tsx +0 -263
  846. package/src/Truncate.tsx +0 -31
  847. package/src/UnderlineNav.tsx +0 -107
  848. package/src/_TextInputWrapper.tsx +0 -113
  849. package/src/_UnstyledTextInput.tsx +0 -19
  850. package/src/__tests__/.eslintrc.json +0 -11
  851. package/src/__tests__/ActionList.test.tsx +0 -53
  852. package/src/__tests__/ActionList.types.test.tsx +0 -51
  853. package/src/__tests__/ActionList2.test.tsx +0 -47
  854. package/src/__tests__/ActionMenu.test.tsx +0 -136
  855. package/src/__tests__/AnchoredOverlay.test.tsx +0 -150
  856. package/src/__tests__/Autocomplete.test.tsx +0 -444
  857. package/src/__tests__/Avatar.test.tsx +0 -44
  858. package/src/__tests__/AvatarStack.test.tsx +0 -48
  859. package/src/__tests__/BorderBox.test.tsx +0 -43
  860. package/src/__tests__/Box.test.tsx +0 -42
  861. package/src/__tests__/BranchName.test.tsx +0 -26
  862. package/src/__tests__/Breadcrumbs.test.tsx +0 -27
  863. package/src/__tests__/Breadcrumbs.types.test.tsx +0 -22
  864. package/src/__tests__/BreadcrumbsItem.test.tsx +0 -31
  865. package/src/__tests__/Button.test.tsx +0 -128
  866. package/src/__tests__/Caret.test.tsx +0 -36
  867. package/src/__tests__/CircleBadge.test.tsx +0 -66
  868. package/src/__tests__/CircleBadge.types.test.tsx +0 -11
  869. package/src/__tests__/CircleOcticon.test.tsx +0 -50
  870. package/src/__tests__/ConfirmationDialog.test.tsx +0 -120
  871. package/src/__tests__/CounterLabel.test.tsx +0 -50
  872. package/src/__tests__/CounterLabel.types.test.tsx +0 -11
  873. package/src/__tests__/Details.test.tsx +0 -115
  874. package/src/__tests__/Dialog.test.tsx +0 -155
  875. package/src/__tests__/Dialog.types.test.tsx +0 -11
  876. package/src/__tests__/Dialog2.types.test.tsx +0 -11
  877. package/src/__tests__/Dropdown.test.tsx +0 -53
  878. package/src/__tests__/Dropdown.types.test.tsx +0 -21
  879. package/src/__tests__/DropdownMenu.test.tsx +0 -136
  880. package/src/__tests__/FilterList.test.tsx +0 -26
  881. package/src/__tests__/FilterList.types.test.tsx +0 -17
  882. package/src/__tests__/FilterListItem.test.tsx +0 -31
  883. package/src/__tests__/FilteredSearch.test.tsx +0 -26
  884. package/src/__tests__/FilteredSearch.types.test.tsx +0 -11
  885. package/src/__tests__/Flash.test.tsx +0 -45
  886. package/src/__tests__/Flash.types.test.tsx +0 -11
  887. package/src/__tests__/Flex.test.tsx +0 -58
  888. package/src/__tests__/FormGroup.test.tsx +0 -38
  889. package/src/__tests__/FormGroup.types.test.tsx +0 -11
  890. package/src/__tests__/Grid.test.tsx +0 -82
  891. package/src/__tests__/Header.test.tsx +0 -49
  892. package/src/__tests__/Header.types.test.tsx +0 -19
  893. package/src/__tests__/Heading.test.tsx +0 -91
  894. package/src/__tests__/KeyPaths.types.test.ts +0 -14
  895. package/src/__tests__/Label.test.tsx +0 -34
  896. package/src/__tests__/Label.types.test.tsx +0 -11
  897. package/src/__tests__/LabelGroup.test.tsx +0 -30
  898. package/src/__tests__/LabelGroup.types.test.tsx +0 -11
  899. package/src/__tests__/Link.test.tsx +0 -47
  900. package/src/__tests__/Link.types.test.tsx +0 -11
  901. package/src/__tests__/Merge.types.test.ts +0 -39
  902. package/src/__tests__/NewButton.test.tsx +0 -70
  903. package/src/__tests__/Overlay.test.tsx +0 -103
  904. package/src/__tests__/Overlay.types.test.tsx +0 -18
  905. package/src/__tests__/Pagehead.test.tsx +0 -23
  906. package/src/__tests__/Pagehead.types.test.tsx +0 -11
  907. package/src/__tests__/Pagination/Pagination.test.tsx +0 -30
  908. package/src/__tests__/Pagination/PaginationModel.test.tsx +0 -133
  909. package/src/__tests__/Pagination/__snapshots__/Pagination.test.tsx.snap +0 -184
  910. package/src/__tests__/Pagination.types.test.tsx +0 -11
  911. package/src/__tests__/PointerBox.test.tsx +0 -34
  912. package/src/__tests__/Popover.test.tsx +0 -68
  913. package/src/__tests__/Popover.types.test.tsx +0 -17
  914. package/src/__tests__/Portal.test.tsx +0 -103
  915. package/src/__tests__/Position.test.tsx +0 -117
  916. package/src/__tests__/ProgressBar.test.tsx +0 -40
  917. package/src/__tests__/SelectMenu.test.tsx +0 -142
  918. package/src/__tests__/SelectMenu.types.test.tsx +0 -37
  919. package/src/__tests__/SelectPanel.test.tsx +0 -63
  920. package/src/__tests__/SideNav.test.tsx +0 -62
  921. package/src/__tests__/SideNav.types.test.tsx +0 -11
  922. package/src/__tests__/Spinner.test.tsx +0 -42
  923. package/src/__tests__/StateLabel.test.tsx +0 -48
  924. package/src/__tests__/StateLabel.types.test.tsx +0 -11
  925. package/src/__tests__/StyledOcticon.test.tsx +0 -26
  926. package/src/__tests__/StyledOcticon.types.test.tsx +0 -12
  927. package/src/__tests__/SubNav.test.tsx +0 -50
  928. package/src/__tests__/SubNav.types.test.tsx +0 -25
  929. package/src/__tests__/SubNavLink.test.tsx +0 -31
  930. package/src/__tests__/TabNav.test.tsx +0 -32
  931. package/src/__tests__/TabNav.types.test.tsx +0 -22
  932. package/src/__tests__/Text.test.tsx +0 -78
  933. package/src/__tests__/TextInput.test.tsx +0 -49
  934. package/src/__tests__/TextInputWithTokens.test.tsx +0 -422
  935. package/src/__tests__/ThemeProvider.test.tsx +0 -441
  936. package/src/__tests__/Timeline.test.tsx +0 -58
  937. package/src/__tests__/Timeline.types.test.tsx +0 -31
  938. package/src/__tests__/Token.test.tsx +0 -118
  939. package/src/__tests__/Tooltip.test.tsx +0 -52
  940. package/src/__tests__/Tooltip.types.test.tsx +0 -11
  941. package/src/__tests__/Truncate.test.tsx +0 -43
  942. package/src/__tests__/Truncate.types.test.tsx +0 -11
  943. package/src/__tests__/UnderlineNav.test.tsx +0 -58
  944. package/src/__tests__/UnderlineNav.types.test.tsx +0 -22
  945. package/src/__tests__/UnderlineNavLink.test.tsx +0 -31
  946. package/src/__tests__/__snapshots__/ActionList.test.tsx.snap +0 -223
  947. package/src/__tests__/__snapshots__/ActionList2.test.tsx.snap +0 -14
  948. package/src/__tests__/__snapshots__/ActionMenu.test.tsx.snap +0 -80
  949. package/src/__tests__/__snapshots__/AnchoredOverlay.test.tsx.snap +0 -232
  950. package/src/__tests__/__snapshots__/Autocomplete.test.tsx.snap +0 -3888
  951. package/src/__tests__/__snapshots__/Avatar.test.tsx.snap +0 -19
  952. package/src/__tests__/__snapshots__/AvatarStack.test.tsx.snap +0 -377
  953. package/src/__tests__/__snapshots__/BorderBox.test.tsx.snap +0 -14
  954. package/src/__tests__/__snapshots__/Box.test.tsx.snap +0 -201
  955. package/src/__tests__/__snapshots__/BranchName.test.tsx.snap +0 -17
  956. package/src/__tests__/__snapshots__/Breadcrumbs.test.tsx.snap +0 -29
  957. package/src/__tests__/__snapshots__/BreadcrumbsItem.test.tsx.snap +0 -79
  958. package/src/__tests__/__snapshots__/Button.test.tsx.snap +0 -840
  959. package/src/__tests__/__snapshots__/Caret.test.tsx.snap +0 -373
  960. package/src/__tests__/__snapshots__/CircleBadge.test.tsx.snap +0 -142
  961. package/src/__tests__/__snapshots__/CircleOcticon.test.tsx.snap +0 -65
  962. package/src/__tests__/__snapshots__/ConfirmationDialog.test.tsx.snap +0 -89
  963. package/src/__tests__/__snapshots__/CounterLabel.test.tsx.snap +0 -22
  964. package/src/__tests__/__snapshots__/Details.test.tsx.snap +0 -15
  965. package/src/__tests__/__snapshots__/Dialog.test.tsx.snap +0 -201
  966. package/src/__tests__/__snapshots__/Dropdown.test.tsx.snap +0 -249
  967. package/src/__tests__/__snapshots__/DropdownMenu.test.tsx.snap +0 -107
  968. package/src/__tests__/__snapshots__/FilterList.test.tsx.snap +0 -13
  969. package/src/__tests__/__snapshots__/FilterListItem.test.tsx.snap +0 -80
  970. package/src/__tests__/__snapshots__/FilteredSearch.test.tsx.snap +0 -32
  971. package/src/__tests__/__snapshots__/Flash.test.tsx.snap +0 -32
  972. package/src/__tests__/__snapshots__/Flex.test.tsx.snap +0 -130
  973. package/src/__tests__/__snapshots__/FormGroup.test.tsx.snap +0 -25
  974. package/src/__tests__/__snapshots__/Grid.test.tsx.snap +0 -178
  975. package/src/__tests__/__snapshots__/Header.test.tsx.snap +0 -79
  976. package/src/__tests__/__snapshots__/Heading.test.tsx.snap +0 -13
  977. package/src/__tests__/__snapshots__/Label.test.tsx.snap +0 -73
  978. package/src/__tests__/__snapshots__/LabelGroup.test.tsx.snap +0 -15
  979. package/src/__tests__/__snapshots__/Link.test.tsx.snap +0 -212
  980. package/src/__tests__/__snapshots__/NewButton.test.tsx.snap +0 -305
  981. package/src/__tests__/__snapshots__/Pagehead.test.tsx.snap +0 -15
  982. package/src/__tests__/__snapshots__/PointerBox.test.tsx.snap +0 -174
  983. package/src/__tests__/__snapshots__/Popover.test.tsx.snap +0 -4687
  984. package/src/__tests__/__snapshots__/Position.test.tsx.snap +0 -44
  985. package/src/__tests__/__snapshots__/ProgressBar.test.tsx.snap +0 -53
  986. package/src/__tests__/__snapshots__/SelectMenu.test.tsx.snap +0 -473
  987. package/src/__tests__/__snapshots__/SelectPanel.test.tsx.snap +0 -124
  988. package/src/__tests__/__snapshots__/SideNav.test.tsx.snap +0 -143
  989. package/src/__tests__/__snapshots__/Spinner.test.tsx.snap +0 -33
  990. package/src/__tests__/__snapshots__/StateLabel.test.tsx.snap +0 -395
  991. package/src/__tests__/__snapshots__/StyledOcticon.test.tsx.snap +0 -26
  992. package/src/__tests__/__snapshots__/SubNav.test.tsx.snap +0 -44
  993. package/src/__tests__/__snapshots__/SubNavLink.test.tsx.snap +0 -199
  994. package/src/__tests__/__snapshots__/TabNav.test.tsx.snap +0 -58
  995. package/src/__tests__/__snapshots__/Text.test.tsx.snap +0 -7
  996. package/src/__tests__/__snapshots__/TextInput.test.tsx.snap +0 -446
  997. package/src/__tests__/__snapshots__/TextInputWithTokens.test.tsx.snap +0 -6045
  998. package/src/__tests__/__snapshots__/ThemeProvider.test.tsx.snap +0 -15
  999. package/src/__tests__/__snapshots__/Timeline.test.tsx.snap +0 -159
  1000. package/src/__tests__/__snapshots__/Token.test.tsx.snap +0 -3811
  1001. package/src/__tests__/__snapshots__/Tooltip.test.tsx.snap +0 -227
  1002. package/src/__tests__/__snapshots__/Truncate.test.tsx.snap +0 -17
  1003. package/src/__tests__/__snapshots__/UnderlineNav.test.tsx.snap +0 -59
  1004. package/src/__tests__/__snapshots__/UnderlineNavLink.test.tsx.snap +0 -130
  1005. package/src/__tests__/behaviors/anchoredPosition.test.ts +0 -295
  1006. package/src/__tests__/behaviors/focusTrap.test.tsx +0 -236
  1007. package/src/__tests__/behaviors/focusZone.test.tsx +0 -549
  1008. package/src/__tests__/behaviors/iterateFocusableElements.test.tsx +0 -61
  1009. package/src/__tests__/behaviors/scrollIntoViewingArea.test.ts +0 -195
  1010. package/src/__tests__/filterObject.test.ts +0 -54
  1011. package/src/__tests__/hooks/useAnchoredPosition.test.tsx +0 -31
  1012. package/src/__tests__/hooks/useOnEscapePress.test.tsx +0 -16
  1013. package/src/__tests__/hooks/useOnOutsideClick.test.tsx +0 -48
  1014. package/src/__tests__/hooks/useOpenAndCloseFocus.test.tsx +0 -48
  1015. package/src/__tests__/hooks/useProvidedStateOrCreate.test.tsx +0 -39
  1016. package/src/__tests__/theme.test.ts +0 -41
  1017. package/src/__tests__/themeGet.test.ts +0 -15
  1018. package/src/__tests__/useSafeTimeout.test.tsx +0 -36
  1019. package/src/__tests__/utils/__snapshots__/createSlots.test.tsx.snap +0 -55
  1020. package/src/__tests__/utils/createSlots.test.tsx +0 -74
  1021. package/src/behaviors/anchoredPosition.ts +0 -442
  1022. package/src/behaviors/focusTrap.ts +0 -184
  1023. package/src/behaviors/focusZone.ts +0 -713
  1024. package/src/behaviors/scrollIntoViewingArea.ts +0 -27
  1025. package/src/constants.ts +0 -62
  1026. package/src/drafts.ts +0 -10
  1027. package/src/hooks/index.ts +0 -11
  1028. package/src/hooks/useAnchoredPosition.ts +0 -54
  1029. package/src/hooks/useCombinedRefs.ts +0 -40
  1030. package/src/hooks/useDetails.tsx +0 -54
  1031. package/src/hooks/useDialog.ts +0 -121
  1032. package/src/hooks/useFocusTrap.ts +0 -80
  1033. package/src/hooks/useFocusZone.ts +0 -64
  1034. package/src/hooks/useOnEscapePress.ts +0 -63
  1035. package/src/hooks/useOnOutsideClick.tsx +0 -82
  1036. package/src/hooks/useOpenAndCloseFocus.ts +0 -32
  1037. package/src/hooks/useOverlay.tsx +0 -34
  1038. package/src/hooks/useProvidedRefOrCreate.ts +0 -14
  1039. package/src/hooks/useProvidedStateOrCreate.ts +0 -27
  1040. package/src/hooks/useRenderForcingRef.ts +0 -22
  1041. package/src/hooks/useResizeObserver.ts +0 -11
  1042. package/src/hooks/useSafeTimeout.ts +0 -38
  1043. package/src/hooks/useScrollFlash.ts +0 -21
  1044. package/src/index.ts +0 -172
  1045. package/src/polyfills/eventListenerSignal.ts +0 -66
  1046. package/src/stories/ActionList.stories.tsx +0 -436
  1047. package/src/stories/ActionList2.stories.tsx +0 -1291
  1048. package/src/stories/ActionMenu.stories.tsx +0 -331
  1049. package/src/stories/AnchoredOverlay.stories.tsx +0 -117
  1050. package/src/stories/Autocomplete.stories.tsx +0 -655
  1051. package/src/stories/AvatarStack.stories.tsx +0 -37
  1052. package/src/stories/Button.stories.tsx +0 -92
  1053. package/src/stories/ConfirmationDialog.stories.tsx +0 -105
  1054. package/src/stories/Dialog.stories.tsx +0 -240
  1055. package/src/stories/DropdownMenu.stories.tsx +0 -84
  1056. package/src/stories/IssueLabelToken.stories.tsx +0 -138
  1057. package/src/stories/NewButton.stories.tsx +0 -201
  1058. package/src/stories/Overlay.stories.tsx +0 -213
  1059. package/src/stories/Portal.stories.tsx +0 -109
  1060. package/src/stories/ProfileToken.stories.tsx +0 -129
  1061. package/src/stories/SelectPanel.stories.tsx +0 -353
  1062. package/src/stories/TextInput.stories.tsx +0 -113
  1063. package/src/stories/TextInputWithTokens.stories.tsx +0 -155
  1064. package/src/stories/ThemeProvider.stories.tsx +0 -104
  1065. package/src/stories/Token.stories.tsx +0 -137
  1066. package/src/stories/useAnchoredPosition.stories.tsx +0 -332
  1067. package/src/stories/useFocusTrap.stories.tsx +0 -400
  1068. package/src/stories/useFocusZone.stories.tsx +0 -663
  1069. package/src/sx.ts +0 -24
  1070. package/src/theme-preval.js +0 -80
  1071. package/src/theme.ts +0 -89
  1072. package/src/utils/create-slots.tsx +0 -96
  1073. package/src/utils/deprecate.tsx +0 -73
  1074. package/src/utils/isNumeric.tsx +0 -4
  1075. package/src/utils/iterateFocusableElements.ts +0 -121
  1076. package/src/utils/ssr.tsx +0 -1
  1077. package/src/utils/test-deprecations.tsx +0 -19
  1078. package/src/utils/test-helpers.tsx +0 -7
  1079. package/src/utils/test-matchers.tsx +0 -109
  1080. package/src/utils/testing.tsx +0 -242
  1081. package/src/utils/theme.js +0 -64
  1082. package/src/utils/types/AriaRole.ts +0 -71
  1083. package/src/utils/types/ComponentProps.ts +0 -13
  1084. package/src/utils/types/Flatten.ts +0 -4
  1085. package/src/utils/types/KeyPaths.ts +0 -10
  1086. package/src/utils/types/MandateProps.ts +0 -19
  1087. package/src/utils/types/Merge.ts +0 -20
  1088. package/src/utils/types/index.ts +0 -5
  1089. package/src/utils/uniqueId.ts +0 -6
  1090. package/src/utils/use-force-update.ts +0 -7
  1091. package/src/utils/useIsomorphicLayoutEffect.ts +0 -10
  1092. package/src/utils/userAgent.ts +0 -7
  1093. package/stats.html +0 -3279
  1094. package/tsconfig.base.json +0 -20
  1095. package/tsconfig.build.json +0 -7
  1096. 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 |