@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,78 +0,0 @@
1
- ---
2
- title: Portal
3
- ---
4
-
5
- Portals allow you to create a separation between the logical React component hierarchy and the physical DOM. See the [React documentation on portals](https://reactjs.org/docs/portals.html) for an in-depth explanation.
6
-
7
- This Portal component will render all children into the portal root DOM node instead of as children of this Portal's parent DOM element. This is useful for breaking out of the current stacking context. For example, popup menus and tooltips may need to render on top of (read: covering up) other UI. The best way to guarantee this is to add these elements to top-level DOM, such as directly on `document.body`. These elements can then be moved to the correct location using absolute positioning.
8
-
9
- ## Customizing the portal root
10
-
11
- By default, Primer will create a portal root for you as a child of the closest `<BaseStyles>` element, or `document.body` if none is found. That root will be positioned absolutely in the top-left corner of its parent element. If you would like to specify your own portal root, there are two options:
12
-
13
- 1. Before rendering a `<Portal>` for the first time, ensure that an element exists with id `__primerPortalRoot__`. If that exists, it will be used as the default portal root.
14
- 2. Call the `registerPortalRoot` function, passing in the element you would like to use as your default portal root.
15
-
16
- Keep in mind that any inherited styles applied to portaled elements are based on its physical DOM parent. Practically this means that styles added by a `<BaseStyles>` element will not apply to the portaled content unless the portal root is a descendent of a `<BaseStyles>` element.
17
-
18
- Also, as `<ThemeProvider>` affects the _React_ context, which applies to the logical React component hierarchy, the portal root is not required to be a child of a `<ThemeProvider>` for its children to receive that context.
19
-
20
- ## Multiple portal roots
21
-
22
- There may be situations where you want to have multiple portal roots. Advanced scenarios may necessitate multiple stacking contexts for overlays. You can set up multiple roots using the `registerPortalRoot` function. Calling this function with an element and a string `name` will register the root, which can then be used by creating a `<Portal>` with a `name` prop matching the one you registered.
23
-
24
- ## Default example
25
-
26
- ```jsx
27
- <Portal>
28
- Regardless of where this appears in the React component tree, this text will be rendered in the DOM within the portal
29
- root at document.body.
30
- </Portal>
31
- ```
32
-
33
- ## Example: custom portal root
34
-
35
- ```html
36
- <!-- Wherever in your DOM tree you would like to have the default portal root -->
37
- <div id="__primerPortalRoot__"></div>
38
- ```
39
-
40
- or
41
-
42
- ```js
43
- import { registerPortalRoot } from "@primer/components"
44
- registerPortalRoot(document.querySelector(".my-portal-root")!)
45
- ```
46
-
47
- ## Example: multiple portal roots
48
-
49
- ```jsx
50
- import { Portal, registerPortalRoot } from "@primer/components"
51
-
52
- registerPortalRoot(document.querySelector(".scrolling-canvas-root")!, "scrolling-canvas")
53
-
54
- // ...
55
-
56
- export default () => (
57
- <Portal containerName="scrolling-canvas">
58
- <div>This div will be rendered into the element registered above.</div>
59
- <Portal>
60
- <div>
61
- This div will be rendered into the default
62
- portal root created at document.body
63
- </div>
64
- </Portal>
65
- </Portal>
66
- )
67
- ```
68
-
69
- ## System props
70
-
71
- Since Portals do not render UI on their own, they do not accept any system props.
72
-
73
- ## Component props
74
-
75
- | Name | Type | Default | Description |
76
- | :------------ | :--------- | :-----: | :--------------------------------------------------------------------------------------------------------------------------------------------- |
77
- | onMount | () => void | | Called when this portal is added to the DOM |
78
- | containerName | string | | Renders the portal children into the container registered with the given name. If omitted, children are rendered into the default portal root. |
@@ -1,100 +0,0 @@
1
- ---
2
- title: Position Components
3
- status: Deprecated
4
- ---
5
-
6
- The Position component is a wrapper component that gives the containing component css positioning abilities.
7
-
8
- ## Deprecation
9
-
10
- Use [Box](/Box) instead.
11
-
12
- **Before**
13
-
14
- ```jsx
15
- <>
16
- <Position position="absolute">...</Position>
17
- <Absolute>...</Absolute>
18
- <Relative>...</Relative>
19
- <Fixed>...</Fixed>
20
- <Sticky>...</Sticky>
21
- </>
22
- ```
23
-
24
- **After**
25
-
26
- ```jsx
27
- <>
28
- <Box position="absolute">...</Box>
29
- <Box position="absolute">...</Box>
30
- <Box position="relative">...</Box>
31
- <Box position="fixed">...</Box>
32
- <Box position="sticky">...</Box>
33
- </>
34
- ```
35
-
36
- ## Default examples
37
-
38
- ```jsx live
39
- <Box p={2} mb={200}>
40
- <Heading mb={2}>Relative + Absolute</Heading>
41
- <Relative size={128} mx={128} my={6}>
42
- <Box borderWidth="1px" borderStyle="solid" borderColor="border.default" borderRadius={2} size="100%">
43
- <Absolute left="100%" top={0} color="fg.onEmphasis" bg="success.emphasis" p={1}>
44
- rt
45
- </Absolute>
46
- <Absolute right="100%" top={0} color="fg.onEmphasis" bg="success.emphasis" p={1}>
47
- lt
48
- </Absolute>
49
- <Absolute left="100%" bottom={0} color="fg.onEmphasis" bg="success.emphasis" p={1}>
50
- rb
51
- </Absolute>
52
- <Absolute right="100%" bottom={0} color="fg.onEmphasis" bg="success.emphasis" p={1}>
53
- lb
54
- </Absolute>
55
- <Absolute left={0} top="100%" color="fg.onEmphasis" bg="success.emphasis" p={1}>
56
- bl
57
- </Absolute>
58
- <Absolute right={0} top="100%" color="fg.onEmphasis" bg="success.emphasis" p={1}>
59
- br
60
- </Absolute>
61
- <Absolute left={0} bottom="100%" color="fg.onEmphasis" bg="success.emphasis" p={1}>
62
- tl
63
- </Absolute>
64
- <Absolute right={0} bottom="100%" color="fg.onEmphasis" bg="success.emphasis" p={1}>
65
- tr
66
- </Absolute>
67
- </Box>
68
- </Relative>
69
-
70
- <Heading my={2}>Sticky</Heading>
71
-
72
- <Box
73
- borderWidth="1px"
74
- borderStyle="solid"
75
- borderColor="success.emphasis"
76
- borderRadius={2}
77
- border={1}
78
- height={500}
79
- >
80
- <Sticky top={0} bg="success.subtle" p={6}>
81
- I'm sticky!
82
- </Sticky>
83
- </Box>
84
-
85
- <Heading my={2}>Fixed</Heading>
86
- <p>(see the bottom right of the screen)</p>
87
-
88
- <Fixed bottom={0} right={0} color="fg.onEmphasis" bg="danger.emphasis" p={2}>
89
- I'm fixed to the bottom right.
90
- </Fixed>
91
- </Box>
92
- ```
93
-
94
- ## System props
95
-
96
- Position components get `POSITION`, `LAYOUT`, `FLEX`, and `COMMON` system props. Read our [System Props](/system-props) doc page for a full list of available props.
97
-
98
- ## Component props
99
-
100
- Position does not get any additional props other than the system props mentioned above.
@@ -1,29 +0,0 @@
1
- ---
2
- title: ProgressBar
3
- componentId: progress_bar
4
- source: https://github.com/primer/react/blob/main/src/ProgressBar.tsx
5
- ---
6
-
7
- ## Default example
8
-
9
- ```jsx live
10
- <ProgressBar progress={80} />
11
- ```
12
-
13
- If you'd like to use ProgressBar inline, pass the `inline` boolean prop & **be sure to set a width**.
14
-
15
- ```jsx live
16
- <>
17
- <Text mr={3}>5 of 10</Text>
18
- <ProgressBar progress={50} inline sx={{width: '100px'}} />
19
- </>
20
- ```
21
-
22
- ## Component props
23
-
24
- | Name | Type | Default | Description |
25
- | :------- | :------ | :-----------------: | :------------------------------------------------------------------------------------------------------------------------------- |
26
- | progress | Number | | Used to set the size of the green bar |
27
- | barSize | String | 'default' | Controls the height of the progress bar. Can be 'small', 'large', or 'default'. If omitted, height is set to the default height. |
28
- | inline | Boolean | false | Styles the progress bar inline |
29
- | bg | String | 'bg.successInverse' | Set the progress bar color, defaults to bg-green |
@@ -1,371 +0,0 @@
1
- ---
2
- title: SelectMenu
3
- ---
4
-
5
- The `SelectMenu` components are a suite of components which can be combined together to make several different variations of our GitHub select menu. At it's most basic form, a select menu is comprised of a `SelectMenu` wrapper, which contains a `summary` component of your choice and a `Select.Modal` which contains the select menu content. Use `SelectMenu.List` to wrap items in the select menu, and `SelectMenu.Item` to wrap each item.
6
-
7
- Several additional components exist to provide even more functionality: `SelectMenu.Header`, `SelectMenu.Filter`, `SelectMenu.Tabs`, `SelectMenu.TabPanel` `SelectMenu.Footer` and `SelectMenu.Divider`.
8
-
9
- ## Basic Example
10
-
11
- ```jsx live
12
- <SelectMenu>
13
- <Button as="summary">Projects</Button>
14
- <SelectMenu.Modal>
15
- <SelectMenu.Header>Projects</SelectMenu.Header>
16
- <SelectMenu.List>
17
- <SelectMenu.Item href="#">Primer React bugs</SelectMenu.Item>
18
- <SelectMenu.Item href="#">Primer React roadmap</SelectMenu.Item>
19
- <SelectMenu.Item href="#"> Project 3</SelectMenu.Item>
20
- <SelectMenu.Item href="#">Project 4</SelectMenu.Item>
21
- </SelectMenu.List>
22
- </SelectMenu.Modal>
23
- </SelectMenu>
24
- ```
25
-
26
- ## SelectMenu
27
-
28
- Main wrapper component for select menu.
29
-
30
- ```jsx
31
- <SelectMenu>{/* all other sub components are wrapped here*/}</SelectMenu>
32
- ```
33
-
34
- ### Component Props
35
-
36
- | Name | Type | Default | Description |
37
- | :--------- | :---------------- | :-----: | :--------------------------------------------------------------------------------------------------------------------------------------- |
38
- | initialTab | String | | If using the `SelectMenu.Tabs` component, you can use this prop to change the tab shown on open. By default, the first tab will be used. |
39
- | ref | React ref | | ref to pass down to SelectMenu component |
40
- | sx | SystemStyleObject | {} | Style to be applied to the component |
41
-
42
- ## SelectMenu.MenuContext
43
-
44
- SelectMenu.MenuContext is a [context object](https://reactjs.org/docs/context.html#reactcreatecontext) that exposes some helpful state values to be used via [`React.useContext`](https://reactjs.org/docs/hooks-reference.html#usecontext) in consuming applications. SelectMenu.MenuContext can only be used in components that are already wrapped in a `SelectMenu` as `SelectMenu` contains the [context provider](https://reactjs.org/docs/context.html#contextprovider).
45
-
46
- ### Values available on MenuContext
47
-
48
- | Name | Type | Description |
49
- | :------------- | :------- | :---------------------------------------------------------------------------------------------------------------------------------------------- |
50
- | selectedTab | string | The currently selected tab |
51
- | setSelectedTab | function | Used to update the currently selected tab state |
52
- | open | boolean | State for open/closed status of the menu modal |
53
- | setOpen | function | Used to update the `open` state |
54
- | initialTab | string | Mostly used internally to pass down which tab should be set to open by default. To change this value use the `initialTab` prop on `SelectMenu`. |
55
-
56
- ### Example Usage
57
-
58
- ```jsx
59
- import {SelectMenu, Button} from `@primer/components`
60
- import React, {useContext} from 'react'
61
-
62
- const MyMenu = () => {
63
- <SelectMenu>
64
- <MyButton />
65
- <SelectMenu.Modal>
66
- content
67
- </SelectMenu.Modal>
68
- </SelectMenu>
69
- }
70
-
71
- // note that we can only use the context in components that are already wrapped by SelectMenu (and thus the Context.Provider)
72
- const MyButton = () => {
73
- const menuContext = useContext(SelectMenu.MenuContext);
74
-
75
- return (
76
- <Button as="summary">{menuContext.open ? 'Open' : 'Closed'}</Button>
77
- )
78
- }
79
- ```
80
-
81
- ## SelectMenu.Modal
82
-
83
- Used to wrap the content in a `SelectMenu`.
84
-
85
- ```jsx
86
- <SelectMenu.Modal>{/* all menu content is wrapped in the modal*/}</SelectMenu.Modal>
87
- ```
88
-
89
- ### Right-aligned modal
90
-
91
- Use the `align='right'` prop to align the modal to the right. Note that this only modifies alignment for the modal, and not the SelectMenu itself. You will need to wrap the SelectMenu in a relatively positioned element for this to work properly.
92
-
93
- ```jsx live
94
- <Box position="relative" display="flex" justifyContent="flex-end">
95
- <SelectMenu>
96
- <Button as="summary">Projects</Button>
97
- <SelectMenu.Modal align="right">
98
- <SelectMenu.Header>Projects</SelectMenu.Header>
99
- <SelectMenu.List>
100
- <SelectMenu.Item href="#">Primer React bugs</SelectMenu.Item>
101
- <SelectMenu.Item href="#">Primer React roadmap</SelectMenu.Item>
102
- <SelectMenu.Item href="#"> Project 3</SelectMenu.Item>
103
- <SelectMenu.Item href="#">Project 4</SelectMenu.Item>
104
- </SelectMenu.List>
105
- </SelectMenu.Modal>
106
- </SelectMenu>
107
- </Box>
108
- ```
109
-
110
- ### Component Props
111
-
112
- | Prop name | Type | Default | Description |
113
- | :-------- | :---------------- | :------ | ------------------------------------------------- |
114
- | align | String | 'left' | Use `right` to align the select menu to the right |
115
- | width | String or Number | 300px | Sets the modal width |
116
- | sx | SystemStyleObject | {} | Style to be applied to the component |
117
-
118
- ## SelectMenu.List
119
-
120
- Used to wrap the select menu list content. All menu items **must** be wrapped in a SelectMenu.List in order for the accessbility keyboard handling to function properly. If you are using the `SelectMenu.TabPanel` you do not need to provide a `SelectMenu.List` as that component renders a `SelectMenu.List` as a wrapper.
121
-
122
- ```jsx
123
- <SelectMenu.List>{/* all menu list items are wrapped in the list*/}</SelectMenu.List>
124
- ```
125
-
126
- ### Component Props
127
-
128
- | Name | Type | Default | Description |
129
- | :--- | :---------------- | :-----: | :----------------------------------- |
130
- | sx | SystemStyleObject | {} | Style to be applied to the component |
131
-
132
- ## SelectMenu.Item
133
-
134
- Individual items in a select menu. SelectMenu.Item renders an anchor tag by default, you'll need to make sure to provide the appropriate `href`.
135
-
136
- You can use a `button` tag instead by utilizing the [`as` prop](/core-concepts#the-as-prop). Be sure to consider [which HTML element is the right choice](https://marcysutton.com/links-vs-buttons-in-modern-web-applications) for your usage of the component.
137
-
138
- ```jsx
139
- <SelectMenu.Item href="/link/to/thing" selected={true}>
140
- {/* wraps an individual list item*/}
141
- </SelectMenu.Item>
142
- ```
143
-
144
- ### Component Props
145
-
146
- | Name | Type | Default | Description |
147
- | :------- | :---------------- | :-----: | :--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
148
- | selected | boolean | | Used to apply styles to the selected items in the list. |
149
- | onClick | function | | Function called when item is clicked. By default we also close the menu when items are clicked. If you would like the menu to stay open, pass an `e.preventDefault()` to your onClick handler. |
150
- | sx | SystemStyleObject | {} | Style to be applied to the component |
151
-
152
- ## SelectMenu.Filter
153
-
154
- Use a `SelectMenu.Filter` to add a filter UI to your select menu. Users are expected to implement their own filtering and manage the state of the `value` prop on the input. This gives users more flexibility over the type of filtering and type of content passed into each select menu item.
155
-
156
- ```jsx live
157
- <SelectMenu>
158
- <Button as="summary">Projects</Button>
159
- <SelectMenu.Modal>
160
- <SelectMenu.Header>Filter by Project</SelectMenu.Header>
161
- <SelectMenu.Filter placeholder="Filter projects" value="" aria-label="Filter Projects" />
162
- <SelectMenu.List>
163
- <SelectMenu.Item href="#">Primer React bugs</SelectMenu.Item>
164
- <SelectMenu.Item href="#">Primer React roadmap</SelectMenu.Item>
165
- <SelectMenu.Divider>More Options</SelectMenu.Divider>
166
- <SelectMenu.Item href="#"> Project 3</SelectMenu.Item>
167
- <SelectMenu.Item href="#">Project 4</SelectMenu.Item>
168
- </SelectMenu.List>
169
- </SelectMenu.Modal>
170
- </SelectMenu>
171
- ```
172
-
173
- ### Component Props
174
-
175
- SelectMenu.Filter components receive all the props that the [TextInput](/TextInput) component gets.
176
-
177
- | Name | Type | Default | Description |
178
- | :---- | :---------------- | :-----: | :------------------------------------------------------------------------------------------------------------- |
179
- | value | String | | Users of this component must provide a value for the filter input that is managed in the consuming application |
180
- | sx | SystemStyleObject | {} | Style to be applied to the component |
181
-
182
- ## SelectMenu.Tabs
183
-
184
- Use `SelectMenu.Tabs` to wrap the the tab navigation and `SelectMenu.Tab` for each tab in the navigation.
185
-
186
- `SelectMenu.TabPanel` should wrap each corresponding panel for each of the tabs. The `tabName` prop for each `SelectMenu.TabPanel` must match the name provided in the `tabName` prop on `SelectMenu.Tab`.
187
-
188
- To set one of the tabs to be open by default, use `initialTab` on the main `SelectMenu` component. Otherwise, the first tab will be shown by default.
189
-
190
- Each `Select.Menu` tab will need to have an `index` prop. The first tab should be at index `0`, the second at index `1` and so forth. The `index` prop is used to show the first tab by default.
191
-
192
- If you need access to the selected tab state, you can find it in the MenuContext object exported from `SelectMenu` as `MenuContext.selectedTab`.
193
-
194
- ```jsx live
195
- <SelectMenu>
196
- <Button as="summary">Projects</Button>
197
- <SelectMenu.Modal>
198
- <SelectMenu.Header>Projects</SelectMenu.Header>
199
- <SelectMenu.Tabs>
200
- <SelectMenu.Tab index={0} tabName="Repository" />
201
- <SelectMenu.Tab index={1} tabName="Organization" />
202
- </SelectMenu.Tabs>
203
- <SelectMenu.TabPanel tabName="Repository">
204
- <SelectMenu.Item href="#">Primer React bugs</SelectMenu.Item>
205
- <SelectMenu.Item href="#">Primer React roadmap</SelectMenu.Item>
206
- <SelectMenu.Item href="#"> Project 3</SelectMenu.Item>
207
- <SelectMenu.Item href="#">Project 4</SelectMenu.Item>
208
- </SelectMenu.TabPanel>
209
- <SelectMenu.TabPanel tabName="Organization">
210
- <SelectMenu.Item href="#"> Project 2</SelectMenu.Item>
211
- </SelectMenu.TabPanel>
212
- <SelectMenu.Footer>Showing 3 of 3</SelectMenu.Footer>
213
- </SelectMenu.Modal>
214
- </SelectMenu>
215
- ```
216
-
217
- ### Component Props
218
-
219
- | Name | Type | Default | Description |
220
- | :--- | :---------------- | :-----: | :----------------------------------- |
221
- | sx | SystemStyleObject | {} | Style to be applied to the component |
222
-
223
- ## SelectMenu.Tab
224
-
225
- Used for each individual tab inside of a `SelectMenu.Tabs`. Be sure to set the `index` prop to correspond to the order the tab is in. The `tabName` prop should correspond to the `tabName` set on the `SelectMenu.TabPanel`.
226
-
227
- The `onClick` prop is optional and can be used for any events or data fetching you might need to trigger on tab clicks.
228
-
229
- ```jsx
230
- <>
231
- <SelectMenu.Tab index={0} tabName="Repository" />
232
- <SelectMenu.Tab index={1} tabName="Organization" />
233
- </>
234
- ```
235
-
236
- ### Component Props
237
-
238
- | Name | Type | Default | Description |
239
- | :------ | :---------------- | :-----: | :------------------------------------------------------------------------------------------------------------------------- |
240
- | tabName | String | | Used to identify the corresponding tab. Must match the string used in the `tabs` array in the `SelectMenu.Tabs` component. |
241
- | index | Number | | The index at which the tab is in the list of tabs |
242
- | onClick | Function | | Function to be called when the tab is clicked. Optional. |
243
- | sx | SystemStyleObject | {} | Style to be applied to the component |
244
-
245
- ## SelectMenu.TabPanel
246
-
247
- Wraps the content for each tab. Make sure to use the `tabName` prop to identify each tab panel with the correct tab in the tab navigation.
248
-
249
- **Note**: SelectMenu.TabPanel wraps content in a SelectMenu.List, so adding a SelectMenu.List manually is not necessary.
250
-
251
- ```jsx
252
- <SelectMenu.TabPanel tabName="Repository">{/* Wraps content for each tab */}</SelectMenu.TabPanel>
253
- ```
254
-
255
- ### Component Props
256
-
257
- | Name | Type | Default | Description |
258
- | :------ | :---------------- | :-----: | :------------------------------------------------------------------------------------------------------------------------- |
259
- | tabName | String | | Used to identify the corresponding tab. Must match the string used in the `tabs` array in the `SelectMenu.Tabs` component. |
260
- | sx | SystemStyleObject | {} | Style to be applied to the component |
261
-
262
- ## SelectMenu.Divider
263
-
264
- Use a `SelectMenu.Divider` to add information between items in a `SelectMenu.List`.
265
-
266
- ```jsx live
267
- <SelectMenu>
268
- <Button as="summary">Projects</Button>
269
- <SelectMenu.Modal>
270
- <SelectMenu.Header>Projects</SelectMenu.Header>
271
- <SelectMenu.List>
272
- <SelectMenu.Item href="#">Primer React bugs</SelectMenu.Item>
273
- <SelectMenu.Item href="#">Primer React roadmap</SelectMenu.Item>
274
- <SelectMenu.Divider>More Options</SelectMenu.Divider>
275
- <SelectMenu.Item href="#"> Project 3</SelectMenu.Item>
276
- <SelectMenu.Item href="#">Project 4</SelectMenu.Item>
277
- </SelectMenu.List>
278
- </SelectMenu.Modal>
279
- </SelectMenu>
280
- ```
281
-
282
- ### Component Props
283
-
284
- | Name | Type | Default | Description |
285
- | :--- | :---------------- | :-----: | :----------------------------------- |
286
- | sx | SystemStyleObject | {} | Style to be applied to the component |
287
-
288
- ## SelectMenu.Footer
289
-
290
- Use a `SelectMenu.Footer` to add content to the bottom of the select menu.
291
-
292
- ```jsx live
293
- <SelectMenu>
294
- <Button as="summary">Projects</Button>
295
- <SelectMenu.Modal>
296
- <SelectMenu.Header>Projects</SelectMenu.Header>
297
- <SelectMenu.List>
298
- <SelectMenu.Item href="#">Primer React bugs</SelectMenu.Item>
299
- <SelectMenu.Item href="#">Primer React roadmap</SelectMenu.Item>
300
- <SelectMenu.Item href="#"> Project 3</SelectMenu.Item>
301
- <SelectMenu.Item href="#">Project 4</SelectMenu.Item>
302
- <SelectMenu.Footer>Use ⌥ + click/return to exclude labels.</SelectMenu.Footer>
303
- </SelectMenu.List>
304
- </SelectMenu.Modal>
305
- </SelectMenu>
306
- ```
307
-
308
- ### Component Props
309
-
310
- | Name | Type | Default | Description |
311
- | :--- | :---------------- | :-----: | :----------------------------------- |
312
- | sx | SystemStyleObject | {} | Style to be applied to the component |
313
-
314
- ## SelectMenu.Header
315
-
316
- Use a `SelectMenu.Header` to add a header to the top of the select menu content.
317
-
318
- ```jsx live
319
- <SelectMenu>
320
- <Button as="summary">Projects</Button>
321
- <SelectMenu.Modal>
322
- <SelectMenu.Header>Projects</SelectMenu.Header>
323
- <SelectMenu.List>
324
- <SelectMenu.Item href="#">Primer React bugs</SelectMenu.Item>
325
- <SelectMenu.Item href="#">Primer React roadmap</SelectMenu.Item>
326
- <SelectMenu.Item href="#"> Project 3</SelectMenu.Item>
327
- <SelectMenu.Item href="#">Project 4</SelectMenu.Item>
328
- <SelectMenu.Footer>Use ⌥ + click/return to exclude labels.</SelectMenu.Footer>
329
- </SelectMenu.List>
330
- </SelectMenu.Modal>
331
- </SelectMenu>
332
- ```
333
-
334
- ### Component Props
335
-
336
- | Name | Type | Default | Description |
337
- | :--- | :---------------- | :-----: | :----------------------------------- |
338
- | sx | SystemStyleObject | {} | Style to be applied to the component |
339
-
340
- ## SelectMenu.LoadingAnimation
341
-
342
- Use a `SelectMenu.LoadingAnimation` to add a loading animation inside of the SelectMenu.
343
-
344
- **Note**: You will need to handle showing/hiding the appropriate modal content for your application during the loading state. We recommend always showing the `SelectMenu.Filter` and `SelectMenu.Header` (if used) and hiding the rest of the modal content during the loading state.
345
-
346
- ```jsx live
347
- <SelectMenu>
348
- <Button as="summary">Projects</Button>
349
- <SelectMenu.Modal>
350
- <SelectMenu.Header>Projects</SelectMenu.Header>
351
- <SelectMenu.Filter placeholder="Filter projects" value="" aria-label="Filter Projects" />
352
- {true ? (
353
- <SelectMenu.LoadingAnimation />
354
- ) : (
355
- <SelectMenu.List>
356
- <SelectMenu.Item href="#">Primer React bugs</SelectMenu.Item>
357
- <SelectMenu.Item href="#">Primer React roadmap</SelectMenu.Item>
358
- <SelectMenu.Item href="#"> Project 3</SelectMenu.Item>
359
- <SelectMenu.Item href="#">Project 4</SelectMenu.Item>
360
- <SelectMenu.Footer>Use ⌥ + click/return to exclude labels.</SelectMenu.Footer>
361
- </SelectMenu.List>
362
- )}
363
- </SelectMenu.Modal>
364
- </SelectMenu>
365
- ```
366
-
367
- ### Component Props
368
-
369
- | Name | Type | Default | Description |
370
- | :--- | :---------------- | :-----: | :----------------------------------- |
371
- | sx | SystemStyleObject | {} | Style to be applied to the component |
@@ -1,67 +0,0 @@
1
- ---
2
- title: SelectPanel
3
- status: Alpha
4
- ---
5
-
6
- A `SelectPanel` provides an anchor that will open an overlay with a list of selectable items, and a text input to filter the selectable items
7
-
8
- ## Example
9
-
10
- ```javascript live noinline
11
- function getColorCircle(color) {
12
- return function () {
13
- return (
14
- <Box
15
- borderWidth="1px"
16
- borderStyle="solid"
17
- bg={color}
18
- borderColor={color}
19
- width={14}
20
- height={14}
21
- borderRadius={10}
22
- margin="auto"
23
- />
24
- )
25
- }
26
- }
27
-
28
- const items = [
29
- {leadingVisual: getColorCircle('#a2eeef'), text: 'enhancement', id: 1},
30
- {leadingVisual: getColorCircle('#d73a4a'), text: 'bug', id: 2},
31
- {leadingVisual: getColorCircle('#0cf478'), text: 'good first issue', id: 3},
32
- {leadingVisual: getColorCircle('#ffd78e'), text: 'design', id: 4},
33
- {leadingVisual: getColorCircle('#ff0000'), text: 'blocker', id: 5},
34
- {leadingVisual: getColorCircle('#a4f287'), text: 'backend', id: 6},
35
- {leadingVisual: getColorCircle('#8dc6fc'), text: 'frontend', id: 7}
36
- ]
37
-
38
- function DemoComponent() {
39
- const [selected, setSelected] = React.useState([items[0], items[1]])
40
- const [filter, setFilter] = React.useState('')
41
- const filteredItems = items.filter(item => item.text.toLowerCase().startsWith(filter.toLowerCase()))
42
- const [open, setOpen] = React.useState(false)
43
-
44
- return (
45
- <SelectPanel
46
- renderAnchor={({children, 'aria-labelledby': ariaLabelledBy, ...anchorProps}) => (
47
- <DropdownButton aria-labelledby={` ${ariaLabelledBy}`} {...anchorProps}>
48
- {children || 'Select Labels'}
49
- </DropdownButton>
50
- )}
51
- placeholderText="Filter Labels"
52
- open={open}
53
- onOpenChange={setOpen}
54
- items={filteredItems}
55
- selected={selected}
56
- onSelectedChange={setSelected}
57
- onFilterChange={setFilter}
58
- showItemDividers={true}
59
- overlayProps={{width: 'small', height: 'xsmall'}}
60
- />
61
- )
62
- }
63
-
64
- render(<DemoComponent />)
65
- ```
66
-
67
- ## Component props