@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,171 +0,0 @@
1
- ---
2
- title: SideNav
3
- ---
4
-
5
- The Side Nav is a vertical list of navigational links, typically used on the left side of a page. For maximum flexibility, **SideNav elements have no default width or positioning.**
6
-
7
- ## Default example
8
-
9
- ```jsx live
10
- <SideNav bordered maxWidth={360} aria-label="Main">
11
- <SideNav.Link href="#account">
12
- <Text>Account</Text>
13
- </SideNav.Link>
14
- <SideNav.Link href="#home" selected>
15
- <Text>Profile</Text>
16
- </SideNav.Link>
17
- <SideNav.Link href="#emails">
18
- <Text>Emails</Text>
19
- </SideNav.Link>
20
- <SideNav.Link href="#notifications">
21
- <Text>Notifications</Text>
22
- </SideNav.Link>
23
- </SideNav>
24
- ```
25
-
26
- Different kinds of content can be added inside a SideNav item. Use system props to further style them if needed.
27
-
28
- ## Full variant
29
-
30
- Add the `variant='full'` prop to a `SideNav.Link` to spread child elements across the link, which is useful for status icons, labels, and the like.
31
-
32
- ```jsx live
33
- <SideNav bordered maxWidth={360} aria-label="Main">
34
- <SideNav.Link href="#url">
35
- <Text>Text Only</Text>
36
- </SideNav.Link>
37
- <SideNav.Link href="#url">
38
- <Avatar size={16} mr={2} src="https://avatars.githubusercontent.com/hubot?s=32" />
39
- <Text>With an avatar</Text>
40
- </SideNav.Link>
41
- <SideNav.Link href="#url">
42
- <StyledOcticon sx={{mr: 2}} size={16} icon={ZapIcon} />
43
- <Text>With an Octicon</Text>
44
- </SideNav.Link>
45
- <SideNav.Link href="#url" variant="full" selected>
46
- <Text>With a status icon</Text>
47
- <StyledOcticon sx={{mr: 2}} size={16} icon={DotIcon} color="success.fg" />
48
- </SideNav.Link>
49
- <SideNav.Link href="#url" variant="full">
50
- <Text>With a label</Text>
51
- <Label outline>label</Label>
52
- </SideNav.Link>
53
- <SideNav.Link href="#url" variant="full">
54
- <Text>With a counter</Text>
55
- <CounterLabel>16</CounterLabel>
56
- </SideNav.Link>
57
- <SideNav.Link href="#url">
58
- <Heading as="h5" sx={{fontSize: 1}}>
59
- A heading
60
- </Heading>
61
- <Text>and some more content</Text>
62
- </SideNav.Link>
63
- </SideNav>
64
- ```
65
-
66
- ## Lightweight variant
67
-
68
- Add the `variant="lightweight"` prop to `SideNav` to render an alternative, more lightweight version that has items with no borders and are more condensed.
69
-
70
- ```jsx live
71
- <Box
72
- borderWidth="1px"
73
- borderStyle="solid"
74
- borderColor="border.default"
75
- borderRadius={2}
76
- p={3}
77
- backgroundColor="canvas.subtle"
78
- maxWidth={360}
79
- >
80
- <Box
81
- borderStyle="solid"
82
- borderColor="border.default"
83
- borderWidth={0}
84
- borderBottomWidth={1}
85
- borderRadius={0}
86
- mb={2}
87
- pb={1}
88
- >
89
- <Heading as="h5" fontSize={1} color="fg.muted">
90
- Menu
91
- </Heading>
92
- </Box>
93
- <SideNav variant="lightweight">
94
- <SideNav.Link href="#url">
95
- <Text>Account</Text>
96
- </SideNav.Link>
97
- <SideNav.Link href="#url" selected>
98
- <Text>Profile</Text>
99
- </SideNav.Link>
100
- <SideNav.Link href="#url">
101
- <Text>Emails</Text>
102
- </SideNav.Link>
103
- <SideNav.Link href="#url">
104
- <Text>Notifications</Text>
105
- </SideNav.Link>
106
- </SideNav>
107
- </Box>
108
- ```
109
-
110
- It can also appear nested, as a sub navigation. Use margin/padding [System Props](/system-props) to add indentation.
111
-
112
- ```jsx live
113
- <SideNav bordered maxWidth={360}>
114
- <SideNav.Link href="#url">
115
- <StyledOcticon mr={2} size={16} icon={PersonIcon} />
116
- <Text>Account</Text>
117
- </SideNav.Link>
118
- <SideNav.Link href="#url" selected>
119
- <StyledOcticon mr={2} size={16} icon={OctofaceIcon} />
120
- <Text>Profile</Text>
121
- </SideNav.Link>
122
-
123
- <SideNav bordered variant="lightweight" py={3} pl={6} backgroundColor="sidenav.selectedBg">
124
- <SideNav.Link href="#url" selected>
125
- <Text>Sub item 1</Text>
126
- </SideNav.Link>
127
- <SideNav.Link href="#url">
128
- <Text>Sub item 2</Text>
129
- </SideNav.Link>
130
- <SideNav.Link href="#url">
131
- <Text>Sub item 3</Text>
132
- </SideNav.Link>
133
- </SideNav>
134
-
135
- <SideNav.Link href="#url">
136
- <StyledOcticon mr={2} size={16} icon={MailIcon} />
137
- <Text>Emails</Text>
138
- </SideNav.Link>
139
- </SideNav>
140
- ```
141
-
142
- ## Usage with React Router
143
-
144
- If using React Router, you can use the `as` prop to render the element as a `NavLink`. React Router will automatically handle setting `aria-current="page"` for you.
145
-
146
- ```
147
- <SideNav.Link as={NavLink} to="...">...</SideNav.Link>
148
- ```
149
-
150
- ## Component props
151
-
152
- ### SideNav
153
-
154
- | Name | Type | Default | Description |
155
- | :------- | :---------------- | :------: | :----------------------------------------------------------------------------- |
156
- | as | String | 'nav' | Sets the HTML tag for the component. |
157
- | bordered | Boolean | false | Renders the component with a border. |
158
- | variant | String | 'normal' | Set to `lightweight` to render [in a lightweight style](#lightweight-variant). |
159
- | sx | SystemStyleObject | {} | Style to be applied to the component |
160
-
161
- ### SideNav.Link
162
-
163
- | Name | Type | Default | Description |
164
- | :-------- | :---------------- | :------: | :------------------------------------------------------------------------------------------------ |
165
- | as | String | 'a' | Sets the HTML tag for the component. |
166
- | href | String | | URL to be used for the Link |
167
- | muted | Boolean | false | Uses a less prominent shade for Link color, and the default link shade on hover |
168
- | selected | Boolean | false | Sets the link as selected, giving it a different style and setting the `aria-current` attribute. |
169
- | underline | Boolean | false | Adds underline to the Link |
170
- | variant | String | 'normal' | Set to `full` to render [a full variant](#full-variant), suitable for including icons and labels. |
171
- | sx | SystemStyleObject | {} | Style to be applied to the component |
@@ -1,32 +0,0 @@
1
- ---
2
- title: Spinner
3
- status: Alpha
4
- description: Use spinners to let users know that content is being loaded.
5
- componentId: spinner
6
- source: https://github.com/primer/components/blob/main/src/Spinner.tsx
7
- ---
8
-
9
- import {Props} from '../src/props'
10
- import {Spinner} from '@primer/components'
11
-
12
- ```jsx live
13
- <Spinner />
14
- ```
15
-
16
- ## Props
17
-
18
- <Props of={Spinner} />
19
-
20
- ## Examples
21
-
22
- ### Small
23
-
24
- ```jsx live
25
- <Spinner size="small" />
26
- ```
27
-
28
- ### Large
29
-
30
- ```jsx live
31
- <Spinner size="large" />
32
- ```
@@ -1,27 +0,0 @@
1
- ---
2
- title: StateLabel
3
- ---
4
-
5
- Use StateLabel components to show the status of an issue or pull request.
6
-
7
- ## Default example
8
-
9
- ```jsx live
10
- <>
11
- <StateLabel status="issueOpened">Open</StateLabel>
12
- <StateLabel status="issueClosed">Closed</StateLabel>
13
- <StateLabel status="pullOpened">Open</StateLabel>
14
- <StateLabel status="pullClosed">Closed</StateLabel>
15
- <StateLabel status="pullMerged">Merged</StateLabel>
16
- <StateLabel status="draft">Draft</StateLabel>
17
- <StateLabel status="issueDraft">Draft</StateLabel>
18
- </>
19
- ```
20
-
21
- ## Component props
22
-
23
- | Name | Type | Default | Description |
24
- | :------ | :---------------- | :------: | :------------------------------------------------------------------------------------------------------------- |
25
- | variant | String | 'normal' | a value of `small` or `normal` results in a smaller or larger version of the StateLabel. |
26
- | status | String | | Can be one of `issueOpened`, `issueClosed`, `pullOpened`, `pullClosed`, `pullMerged`, `draft` or `issueDraft`. |
27
- | sx | SystemStyleObject | {} | Style to be applied to the component |
@@ -1,27 +0,0 @@
1
- ---
2
- title: StyledOcticon
3
- tags: icon
4
- ---
5
-
6
- StyledOcticon renders an [Octicon](https://octicons.github.com) with common system props, including `color`, margin, and padding.
7
-
8
- ## Default example
9
-
10
- ```jsx live
11
- <>
12
- <StyledOcticon icon={CheckIcon} size={32} color="success.fg" mr={2} />
13
- <StyledOcticon icon={XIcon} size={32} color="danger.fg" />
14
- </>
15
- ```
16
-
17
- ## Component props
18
-
19
- StyledOcticon passes all of its props except the common system props down to the [Octicon component](https://github.com/primer/octicons/tree/master/lib/octicons_react#usage), including:
20
-
21
- | Name | Type | Default | Description |
22
- | :------------ | :---------------- | :-----------: | :----------------------------------------------------------------------------------------------------------- |
23
- | ariaLabel | String | | Specifies the `aria-label` attribute, which is read verbatim by screen readers |
24
- | icon | Component | | [Octicon component](https://github.com/primer/octicons/tree/master/lib/octicons_react) used in the component |
25
- | size | Number | 16 | Sets the uniform `width` and `height` of the SVG element |
26
- | verticalAlign | String | `text-bottom` | Sets the `vertical-align` CSS property |
27
- | sx | SystemStyleObject | {} | Style to be applied to the component |
@@ -1,100 +0,0 @@
1
- ---
2
- title: SubNav
3
- ---
4
-
5
- Use the SubNav component for navigation on a dashboard-type interface with another set of navigation components above it. This helps distinguish navigation hierarchy.
6
-
7
- To use SubNav with [react-router](https://github.com/ReactTraining/react-router) or
8
- [react-router-dom](https://www.npmjs.com/package/react-router-dom), pass
9
- `as={NavLink}` and omit the `selected` prop.
10
- This ensures that the NavLink gets `activeClassName='selected'`
11
-
12
- **Attention:** Make sure to properly label your `SubNav` with an `aria-label` to provide context about the type of navigation contained in `SubNav`.
13
-
14
- ## Default example
15
-
16
- ```jsx live
17
- <SubNav aria-label="Main">
18
- <SubNav.Links>
19
- <SubNav.Link href="#home" selected>
20
- Home
21
- </SubNav.Link>
22
- <SubNav.Link href="#documentation">Documentation</SubNav.Link>
23
- <SubNav.Link href="#support">Support</SubNav.Link>
24
- </SubNav.Links>
25
- </SubNav>
26
- ```
27
-
28
- ## SubNav with search example
29
-
30
- ```jsx live
31
- <SubNav aria-label="Main">
32
- <SubNav.Links>
33
- <SubNav.Link href="#home" selected>
34
- Home
35
- </SubNav.Link>
36
- <SubNav.Link href="#documentation">Documentation</SubNav.Link>
37
- <SubNav.Link href="#support">Support</SubNav.Link>
38
- </SubNav.Links>
39
-
40
- <TextInput type="search" icon={SearchIcon} sx={{width: 320}} />
41
- </SubNav>
42
- ```
43
-
44
- ## SubNav with filtered search example
45
-
46
- ```jsx live
47
- <SubNav aria-label="Main">
48
- <FilteredSearch>
49
- <Dropdown>
50
- <Dropdown.Button>Filter</Dropdown.Button>
51
- <Dropdown.Menu direction="sw">
52
- <Dropdown.Item>
53
- <a href="#">Item 1</a>
54
- </Dropdown.Item>
55
- <Dropdown.Item>
56
- <a href="#">Item 2</a>
57
- </Dropdown.Item>
58
- <Dropdown.Item>
59
- <a href="#">Item 3</a>
60
- </Dropdown.Item>
61
- </Dropdown.Menu>
62
- </Dropdown>
63
- <TextInput type="search" icon={SearchIcon} width={320} />
64
- </FilteredSearch>
65
- <SubNav.Links>
66
- <SubNav.Link href="#home" selected>
67
- Home
68
- </SubNav.Link>
69
- <SubNav.Link href="#documentation">Documentation</SubNav.Link>
70
- <SubNav.Link href="#support">Support</SubNav.Link>
71
- </SubNav.Links>
72
- </SubNav>
73
- ```
74
-
75
- ## Component props
76
-
77
- ### SubNav
78
-
79
- | Name | Type | Default | Description |
80
- | :--------- | :---------------- | :-----: | :------------------------------------------------------------------------------------- |
81
- | actions | Node | | Place another element, such as a button, to the opposite side of the navigation items. |
82
- | align | String | | Use `right` to have navigation items aligned right. |
83
- | full | Boolean | | Used to make navigation fill the width of the container. |
84
- | aria-label | String | | Used to set the `aria-label` on the top level `<nav>` element. |
85
- | sx | SystemStyleObject | {} | Style to be applied to the component |
86
-
87
- ### SubNav.Link
88
-
89
- | Name | Type | Default | Description |
90
- | :------- | :---------------- | :-----: | :----------------------------------------------- |
91
- | as | String | | sets the HTML tag for the component |
92
- | href | String | | URL to be used for the Link |
93
- | selected | Boolean | | Used to style the link as selected or unselected |
94
- | sx | SystemStyleObject | {} | Style to be applied to the component |
95
-
96
- ### SubNav.Links
97
-
98
- | Name | Type | Default | Description |
99
- | :--- | :---------------- | :-----: | :----------------------------------- |
100
- | sx | SystemStyleObject | {} | Style to be applied to the component |
@@ -1,42 +0,0 @@
1
- ---
2
- title: TabNav
3
- ---
4
-
5
- Use the TabNav component to style navigation with a tab-based selected state, typically used for navigation placed at the top of the page.
6
-
7
- To use TabNav with [react-router](https://github.com/ReactTraining/react-router) or
8
- [react-router-dom](https://www.npmjs.com/package/react-router-dom), pass
9
- `as={NavLink}` and omit the `selected` prop.
10
- This ensures that the NavLink gets `activeClassName='selected'`
11
-
12
- **Attention:** Make sure to properly label your `TabNav` with an `aria-label` to provide context about the type of navigation contained in `TabNav`.
13
-
14
- ## Default example
15
-
16
- ```jsx live
17
- <TabNav aria-label="Main">
18
- <TabNav.Link href="#home" selected>
19
- Home
20
- </TabNav.Link>
21
- <TabNav.Link href="#documentation">Documentation</TabNav.Link>
22
- <TabNav.Link href="#support">Support</TabNav.Link>
23
- </TabNav>
24
- ```
25
-
26
- ## Component props
27
-
28
- ### TabNav
29
-
30
- | Name | Type | Default | Description |
31
- | :--------- | :---------------- | :-----: | :------------------------------------------------------------- |
32
- | aria-label | String | | Used to set the `aria-label` on the top level `<nav>` element. |
33
- | sx | SystemStyleObject | {} | Style to be applied to the component |
34
-
35
- ### TabNav.Link
36
-
37
- | Name | Type | Default | Description |
38
- | :------- | :---------------- | :-----: | :----------------------------------------------- |
39
- | as | String | | sets the HTML tag for the component |
40
- | href | String | | URL to be used for the Link |
41
- | selected | Boolean | | Used to style the link as selected or unselected |
42
- | sx | SystemStyleObject | {} | Style to be applied to the component |
@@ -1,31 +0,0 @@
1
- ---
2
- title: Text
3
- ---
4
-
5
- The Text component is a wrapper component that will apply typography styles to the text inside.
6
-
7
- ## Default example
8
-
9
- ```jsx live
10
- <>
11
- <Text as='p' fontWeight="bold">bold</Text>
12
- <Text as='p' color="danger.fg">danger color</Text>
13
- <Text as='p' color="fg.onEmphasis" bg="neutral.emphasis" p={2}>inverse colors</Text>
14
- </>
15
- ```
16
-
17
- ## System props
18
-
19
- <Note variant="warning">
20
-
21
- System props are deprecated in all components except [Box](/Box). Please use the [`sx` prop](/overriding-styles) instead.
22
-
23
- </Note>
24
-
25
- Text components get `TYPOGRAPHY` and `COMMON` system props. Read our [System Props](/system-props) doc page for a full list of available props.
26
-
27
- ## Component props
28
-
29
- | Name | Type | Default | Description |
30
- | :--- | :----- | :-----: | :---------------------------------- |
31
- | as | String | `span` | Sets the HTML tag for the component |
@@ -1,34 +0,0 @@
1
- ---
2
- title: TextInput
3
- ---
4
-
5
- TextInput is a form component to add default styling to the native text input.
6
-
7
- **Note:** Don't forget to set `aria-label` to make the TextInput accessible to screen reader users.
8
-
9
- ## Default example
10
-
11
- ```jsx live
12
- <>
13
- <TextInput aria-label="Zipcode" name="zipcode" placeholder="Zipcode" autoComplete="postal-code" />
14
-
15
- <TextInput sx={{ml: 4}} aria-label="City" name="city" placeholder="City" contrast />
16
-
17
- <TextInput sx={{ml: 4}} icon={SearchIcon} aria-label="Zipcode" name="zipcode" placeholder="Find user" autoComplete="postal-code" />
18
- </>
19
- ```
20
-
21
- ## Component props
22
-
23
- Native `<input>` attributes are forwarded to the underlying React `input` component and are not listed below.
24
-
25
- | Name | Type | Default | Description |
26
- | :--------- | :------------------------------------------------------------------------ | :-----: | :------------------------------------------------------------------------------------ |
27
- | aria-label | String | | Required. Allows input to be accessible. |
28
- | block | Boolean | | Adds `display: block` to element |
29
- | contrast | Boolean | | Changes background color to a higher contrast color |
30
- | variant | String | | Can be either `small` or `large`. Creates a smaller or larger input than the default. |
31
- | width | String or Number | | Set the width of the input |
32
- | maxWidth | String or Number or [Array](https://styled-system.com/guides/array-props) | | Set the maximum width of the input |
33
- | minWidth | String or Number or [Array](https://styled-system.com/guides/array-props) | | Set the minimum width of the input |
34
- | icon | Node (pass Octicon react component) | | Icon to be used inside of input. Positioned on the left edge. |
@@ -1,89 +0,0 @@
1
- ---
2
- title: TextInputWithTokens
3
- status: Alpha
4
- source: https://github.com/primer/react/tree/main/src/TextInputWithTokens.tsx
5
- ---
6
-
7
- import {Props} from '../src/props'
8
- import {TextInputWithTokens} from '@primer/components'
9
-
10
- A `TextInputWithTokens` component is used to show multiple values in one field.
11
-
12
- It supports all of the features of a [TextInput](/TextInput) component, but it can render a list of [Tokens](/Token) next to the area a user types in.
13
-
14
- ## Basic Example
15
-
16
- ```javascript live noinline
17
- const BasicExample = () => {
18
- const [tokens, setTokens] = React.useState([
19
- {text: 'zero', id: 0},
20
- {text: 'one', id: 1},
21
- {text: 'two', id: 2}
22
- ])
23
- const onTokenRemove = tokenId => {
24
- setTokens(tokens.filter(token => token.id !== tokenId))
25
- }
26
-
27
- return (
28
- <>
29
- <Box as="label" display="block" htmlFor="inputWithTokens-basic">
30
- Basic example tokens
31
- </Box>
32
- <TextInputWithTokens tokens={tokens} onTokenRemove={onTokenRemove} id="inputWithTokens-basic" />
33
- </>
34
- )
35
- }
36
-
37
- render(BasicExample)
38
- ```
39
-
40
- ## Component Props
41
-
42
- <Props of={TextInputWithTokens} />
43
-
44
- ## Adding and removing tokens
45
-
46
- The array passed to the `tokens` prop needs to be manually updated to add and remove tokens.
47
-
48
- The function passed to the `onRemoveToken` prop is called when:
49
-
50
- - Clicking the remove button in the token
51
- - Pressing the `Backspace` key when the input is empty
52
- - Selecting a token using the arrow keys or by clicking on a token and then pressing the `Backspace` key
53
-
54
- There is no function that gets called to "add" a token, so the user needs to be provided with a UI to select tokens.
55
-
56
- ## Custom token rendering
57
-
58
- By default, the `Token` component is used to render the tokens in the input. If this component does not make sense for the kinds of tokens you're rendering, you can pass a component to the `tokenComponent` prop
59
-
60
- Example: a `TextInputWithTokens` that renders tokens as `IssueLabelToken`:
61
-
62
- ```javascript live noinline
63
- const UsingIssueLabelTokens = () => {
64
- const [tokens, setTokens] = React.useState([
65
- {text: 'enhancement', id: 1, fillColor: '#a2eeef'},
66
- {text: 'bug', id: 2, fillColor: '#d73a4a'},
67
- {text: 'good first issue', id: 3, fillColor: '#0cf478'}
68
- ])
69
- const onTokenRemove = tokenId => {
70
- setTokens(tokens.filter(token => token.id !== tokenId))
71
- }
72
-
73
- return (
74
- <>
75
- <Box as="label" display="block" htmlFor="inputWithTokens-issueLabels">
76
- Issue labels
77
- </Box>
78
- <TextInputWithTokens
79
- tokenComponent={IssueLabelToken}
80
- tokens={tokens}
81
- onTokenRemove={onTokenRemove}
82
- id="inputWithTokens-issueLabels"
83
- />
84
- </>
85
- )
86
- }
87
-
88
- render(<UsingIssueLabelTokens />)
89
- ```