@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,37 +0,0 @@
1
- ---
2
- title: AvatarStack
3
- ---
4
-
5
- import {Props} from '../src/props'
6
- import {AvatarStack} from '@primer/components'
7
-
8
- AvatarStack is used to display more than one Avatar in an inline stack.
9
-
10
- ### Default example
11
-
12
- ```jsx live
13
- <AvatarStack>
14
- <Avatar alt="Primer" src="https://avatars.githubusercontent.com/primer" />
15
- <Avatar alt="GitHub" src="https://avatars.githubusercontent.com/github" />
16
- <Avatar alt="Atom" src="https://avatars.githubusercontent.com/atom" />
17
- <Avatar alt="Desktop" src="https://avatars.githubusercontent.com/desktop" />
18
- </AvatarStack>
19
- ```
20
-
21
- ### Right aligned
22
-
23
- ```jsx live
24
- <AvatarStack alignRight>
25
- <Avatar alt="Primer" src="https://avatars.githubusercontent.com/primer" />
26
- <Avatar alt="GitHub" src="https://avatars.githubusercontent.com/github" />
27
- <Avatar alt="Atom" src="https://avatars.githubusercontent.com/atom" />
28
- <Avatar alt="Desktop" src="https://avatars.githubusercontent.com/desktop" />
29
- </AvatarStack>
30
- ```
31
-
32
- ## Props
33
-
34
- | Name | Type | Default | Description |
35
- | :--------- | :---------------- | :-----: | :----------------------------------- |
36
- | alignRight | Boolean | | Creates right aligned AvatarStack |
37
- | sx | SystemStyleObject | {} | Style to be applied to the component |
@@ -1,46 +0,0 @@
1
- ---
2
- title: BorderBox
3
- status: Deprecated
4
- ---
5
-
6
- BorderBox is a Box component with a border. When no `borderColor` is present, the component defaults to a primary border.
7
-
8
- ## Deprecation
9
-
10
- Use [Box](/Box) instead.
11
-
12
- **Before**
13
-
14
- ```jsx
15
- <BorderBox>Item 1</BorderBox>
16
- ```
17
-
18
- **After**
19
-
20
- ```jsx
21
- <Box borderWidth="1px" borderStyle="solid" borderColor="border.default" borderRadius={2}>
22
- Item 1
23
- </Box>
24
- ```
25
-
26
- ## Default example
27
-
28
- ```jsx live
29
- <BorderBox>This is a BorderBox</BorderBox>
30
- ```
31
-
32
- Note that `BorderBox` has default props set for `borderWidth`, `borderStyle`, and `borderColor`. This means that you cannot use `border={0} borderBottom={1}` or similar patterns; instead, use individual properties like `borderWidth={0} borderBottomWidth={1}`.
33
-
34
- ## System props
35
-
36
- BorderBox components get `COMMON`, `LAYOUT`, `BORDER`, and `FLEX` system props. Read our [System Props](/system-props) doc page for a full list of available props.
37
-
38
- ## Component props
39
-
40
- | Prop name | Type | Default | Description |
41
- | :----------- | :--------------- | :---------------------------: | :------------------------------------------------------------ |
42
- | borderWidth | String | '1px' | Sets the border, use theme values or provide your own. |
43
- | borderStyle | String | 'solid' | Sets the border style, use theme values or provide your own. |
44
- | borderColor | String | 'border.primary' (from theme) | Sets the border color, use theme values or provide your own. |
45
- | borderRadius | String or Number | 2 (from theme) | Sets the border radius, use theme values or provide your own. |
46
- | boxShadow | String | | Sets box shadow, use theme values or provide your own. |
@@ -1,96 +0,0 @@
1
- ---
2
- title: Box
3
- status: Beta
4
- description: A low-level utility component that accepts styled system props to enable custom theme-aware styling
5
- source: https://github.com/primer/react/blob/main/src/Box.tsx
6
- ---
7
-
8
- import {Props} from '../src/props'
9
- import {ComponentChecklist} from '../src/component-checklist'
10
- import {Box} from '@primer/components'
11
-
12
- ```jsx live
13
- <Box color="fg.muted" bg="canvas.subtle" p={3}>
14
- Hello
15
- </Box>
16
- ```
17
-
18
- ## Props
19
-
20
- <Props of={Box} />
21
-
22
- Box also accepts all [styled system props](https://styled-system.com/table/).
23
-
24
- ## Examples
25
-
26
- ### Border on all sides
27
-
28
- ```jsx live
29
- <Box borderColor="border.default" borderWidth={1} borderStyle="solid" p={3}>
30
- Hello
31
- </Box>
32
- ```
33
-
34
- ### Border on one side
35
-
36
- ```jsx live
37
- <Box borderColor="border.default" borderBottomWidth={1} borderBottomStyle="solid" pb={3}>
38
- Hello
39
- </Box>
40
- ```
41
-
42
- ### Flexbox
43
-
44
- Use Box to create [flexbox](https://developer.mozilla.org/en-US/docs/Learn/CSS/CSS_layout/Flexbox) layouts.
45
-
46
- ```jsx live
47
- <Box display="flex">
48
- <Box p={3} borderColor="border.default" borderWidth={1} borderStyle="solid">
49
- 1
50
- </Box>
51
- <Box flexGrow={1} p={3} borderColor="border.default" borderWidth={1} borderStyle="solid">
52
- 2
53
- </Box>
54
- <Box p={3} borderColor="border.default" borderWidth={1} borderStyle="solid">
55
- 3
56
- </Box>
57
- </Box>
58
- ```
59
-
60
- ### Grid
61
-
62
- Use Box to create [grid](https://developer.mozilla.org/en-US/docs/Learn/CSS/CSS_layout/Grids) layouts.
63
-
64
- ```jsx live
65
- <Box display="grid" gridTemplateColumns="1fr 1fr" gridGap={3}>
66
- <Box p={3} borderColor="border.default" borderWidth={1} borderStyle="solid">
67
- 1
68
- </Box>
69
- <Box p={3} borderColor="border.default" borderWidth={1} borderStyle="solid">
70
- 2
71
- </Box>
72
- <Box p={3} borderColor="border.default" borderWidth={1} borderStyle="solid">
73
- 3
74
- </Box>
75
- </Box>
76
- ```
77
-
78
- ## Component status
79
-
80
- <ComponentChecklist
81
- items={{
82
- propsDocumented: true,
83
- noUnnecessaryDeps: true,
84
- adaptsToThemes: true,
85
- adaptsToScreenSizes: true,
86
- fullTestCoverage: true,
87
- usedInProduction: true,
88
- usageExamplesDocumented: true,
89
- designReviewed: null,
90
- a11yReviewed: null,
91
- stableApi: false,
92
- addressedApiFeedback: false,
93
- hasDesignGuidelines: null,
94
- hasFigmaComponent: null
95
- }}
96
- />
@@ -1,18 +0,0 @@
1
- ---
2
- title: BranchName
3
- ---
4
-
5
- BranchName is a label-type component rendered as an `<a>` tag by default with monospace font.
6
-
7
- ## Default example
8
-
9
- ```jsx live live
10
- <BranchName>a_new_feature_branch</BranchName>
11
- ```
12
-
13
- ## Component props
14
-
15
- | Name | Type | Default | Description |
16
- | :--- | :----- | :-----: | :---------------------------------- |
17
- | as | String | `<a>` | sets the HTML tag for the component |
18
- | href | String | | a URL to link the component to |
@@ -1,47 +0,0 @@
1
- ---
2
- title: Breadcrumbs
3
- status: Alpha
4
- source: https://github.com/primer/react/blob/main/src/Breadcrumbs.tsx
5
- ---
6
-
7
- Breadcrumbs are used to show taxonomical context on pages that are many levels deep in a site’s hierarchy. Breadcrumbs show and link to parent, grandparent, and sometimes great-grandparent pages. Breadcrumbs are most appropriate on pages that:
8
-
9
- - Are many levels deep on a site
10
- - Do not have a section-level navigation
11
- - May need the ability to quickly go back to the previous (parent) page
12
-
13
- To use Breadcrumbs with [react-router](https://github.com/ReactTraining/react-router) or
14
- [react-router-dom](https://www.npmjs.com/package/react-router-dom), pass
15
- `as={NavLink}` and omit the `selected` prop.
16
- This ensures that the NavLink gets `activeClassName='selected'`
17
-
18
- ## Default example
19
-
20
- ```jsx live
21
- <Breadcrumbs>
22
- <Breadcrumbs.Item href="/">Home</Breadcrumbs.Item>
23
- <Breadcrumbs.Item href="/about">About</Breadcrumbs.Item>
24
- <Breadcrumbs.Item href="/about/team" selected>
25
- Team
26
- </Breadcrumbs.Item>
27
- </Breadcrumbs>
28
- ```
29
-
30
- ## Component props
31
-
32
- ### Breadcrumbs
33
-
34
- | Prop name | Type | Default | Description |
35
- | :-------- | :---------------- | :-----: | :----------------------------------- |
36
- | children | ReactNode | | The `Breadcrumbs.Item`s |
37
- | className | string | | |
38
- | sx | SystemStyleObject | `{}` | Style to be applied to the component |
39
-
40
- ### Breadcrumbs.Item
41
-
42
- | Prop name | Type | Default | Description |
43
- | :-------- | :---------------- | :-----: | :----------------------------------------------- |
44
- | as | string | `a` | Sets the HTML tag for the component |
45
- | href | string | | URL to be used for the Link |
46
- | selected | boolean | `false` | Used to style the link as selected or unselected |
47
- | sx | SystemStyleObject | `{}` | Style to be applied to the component |
@@ -1,46 +0,0 @@
1
- ---
2
- title: Buttons
3
- ---
4
-
5
- `Button` is used for actions, like in forms, while `Link` is used for destinations, or moving from one page to another.
6
-
7
- In special cases where you'd like to use a `<a>` styled like a Button, use `<Button as='a'>` and provide an `href`.
8
-
9
- To create a button group, wrap `Button` elements in the `ButtonGroup` element. `ButtonGroup` gets the same props as `Box`.
10
-
11
- ## Default examples
12
-
13
- ```jsx live
14
- <>
15
- <Button>Button</Button>
16
- <ButtonDanger>Button Danger</ButtonDanger>
17
- <ButtonOutline>Button Outline</ButtonOutline>
18
- <ButtonPrimary>Button Primary</ButtonPrimary>
19
- <ButtonInvisible>Button Invisible</ButtonInvisible>
20
- <ButtonClose onClick={() => window.alert('button clicked')} />
21
-
22
- <ButtonGroup display="block" my={2}>
23
- <Button>Button</Button>
24
- <Button>Button</Button>
25
- <Button>Button</Button>
26
- </ButtonGroup>
27
-
28
- <ButtonTableList>Button Table List </ButtonTableList>
29
- </>
30
- ```
31
-
32
- ## Component props
33
-
34
- Native `<button>` HTML attributes are forwarded to the underlying React `button` component and are not listed below.
35
-
36
- ### Button
37
-
38
- | Prop name | Type | Default | Description |
39
- | :-------- | :---------------- | :------: | :-------------------------------------------------------------------------------------------------------------------------- |
40
- | as | String | `button` | sets the HTML tag for the component |
41
- | sx | SystemStyleObject | {} | Additional styles |
42
- | variant | String | 'medium' | a value of `small`, `medium`, or `large` results in smaller or larger Button text size; no effect if `fontSize` prop is set |
43
-
44
- ### ButtonGroup
45
-
46
- `ButtonGroup` has access to the same props as `Box`
@@ -1,35 +0,0 @@
1
- ---
2
- title: CircleBadge
3
- ---
4
-
5
- Use CircleBadge to visually connect logos of third party services like in marketplace. Use CircleBadge.Icon to add an Octicon to the CircleBadge.
6
-
7
- ## Default example
8
-
9
- ```jsx live
10
- <CircleBadge>
11
- <CircleBadge.Icon icon={ZapIcon} />
12
- </CircleBadge>
13
- ```
14
-
15
- ## Component props
16
-
17
- ### CircleBadge
18
-
19
- | Name | Type | Default | Description |
20
- | :------ | :------ | :------: | :---------------------------------------------------------------------------------------------------------- |
21
- | as | String | `div` | sets the HTML tag for the component |
22
- | inline | Boolean | false | Styles the badge to display inline |
23
- | size | Number | | sets the size of the badge in pixels; overrides any value for `variant` prop when set |
24
- | variant | String | 'medium' | a value of `small`, `medium`, or `large` creates a smaller or larger badge; no effect if `size` prop is set |
25
-
26
- ### CircleBadge.Icon
27
-
28
- CircleBadge.Icon components receive all the same props at [StyledOcticon]. They are listed below for convenience:
29
-
30
- | Name | Type | Default | Description |
31
- | :------------ | :-------- | :-----------: | :----------------------------------------------------------------------------------------------------------- |
32
- | ariaLabel | String | | Specifies the `aria-label` attribute, which is read verbatim by screen readers |
33
- | icon | Component | | [Octicon component](https://github.com/primer/octicons/tree/master/lib/octicons_react) used in the component |
34
- | size | Number | 16 | Sets the uniform `width` and `height` of the SVG element |
35
- | verticalAlign | String | `text-bottom` | Sets the `vertical-align` CSS property |
@@ -1,18 +0,0 @@
1
- ---
2
- title: CircleOcticon
3
- ---
4
-
5
- CircleOcticon renders any Octicon with a circle background. CircleOcticons are most commonly used to represent the status of a pull request in the comment timeline.
6
-
7
- ## Default example
8
-
9
- ```jsx live
10
- <CircleOcticon icon={CheckIcon} size={32} sx={{bg: "success.fg", color: "fg.onEmphasis"}} />
11
- ```
12
-
13
- ## Component props
14
-
15
- | Name | Type | Default | Description |
16
- | :--- | :------ | :-----: | :------------------------------------------------ |
17
- | icon | Octicon | | Octicon component used in the component |
18
- | size | Number | 32 | used to set the width and height of the component |
@@ -1,22 +0,0 @@
1
- ---
2
- title: CounterLabel
3
- tags: pill
4
- ---
5
-
6
- Use the CounterLabel component to add a count to navigational elements and buttons.
7
-
8
- ## Default example
9
-
10
- ```jsx live
11
- <>
12
- <CounterLabel>12</CounterLabel>
13
- <CounterLabel scheme="primary">13</CounterLabel>
14
- <CounterLabel scheme="secondary">13</CounterLabel>
15
- </>
16
- ```
17
-
18
- ## Component props
19
-
20
- | Name | Type | Default | Description |
21
- | :----- | :----- | :-----: | :--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
22
- | scheme | String | | Pass in 'primary' for a darker background and inverse text, or 'gray-light' for a lighter background and primary text. Omitting the scheme prop renders the default counter scheme |
@@ -1,105 +0,0 @@
1
- ---
2
- title: Details & useDetails hook
3
- ---
4
-
5
- `Details` is a styled `details` element for use with the `useDetails` hook. The `useDetails` hook returns the `open` state, a `setOpen` function to manually change the open state, and **`getDetailsProps` which must be spread onto your `Details` element in order for `Details` to get receive the proper behaviors provided by the hook**. See Kent Dodd's article on this pattern [here](https://kentcdodds.com/blog/how-to-give-rendering-control-to-users-with-prop-getters).
6
-
7
- The `useDetails` hook also takes a few configuration options as parameters which are noted in the table below.
8
-
9
- You must use a `summary` element as your `Details` trigger button. To style your summary element like a [Button](./Button), you can use the `as` prop (see example below).
10
-
11
- It's also possible to use the `useDetails` hook with components other than the Primer `Details`, such as a custom `Details` or `Modal` wrapper in your consuming application. All that matters is that the outer element is a `details` and it contains a `summary` for the button that opens and closes the component, and that `getDetailsProps` is properly spread onto the component rendering your `details` element.
12
-
13
- ```jsx live
14
- <State>
15
- {([]) => {
16
- const {getDetailsProps} = useDetails({closeOnOutsideClick: true})
17
- return (
18
- <Details {...getDetailsProps()}>
19
- <Button as="summary">Hello</Button>
20
- This is some content
21
- </Details>
22
- )
23
- }}
24
- </State>
25
- ```
26
-
27
- You can use the `open` state returned from the hook to conditionally render content:
28
-
29
- ```jsx live
30
- <State>
31
- {([]) => {
32
- const {getDetailsProps, open} = useDetails({closeOnOutsideClick: true})
33
- return (
34
- <Details {...getDetailsProps()}>
35
- <Button as="summary">{open ? 'open' : 'close'}</Button>
36
- This is some content
37
- </Details>
38
- )
39
- }}
40
- </State>
41
- ```
42
-
43
- You can also manually show/hide the content using the `setOpen` function returned from the hook. This can be useful if you have action items in the content of the component such as confirmation buttons:
44
-
45
- ```jsx live
46
- <State>
47
- {([]) => {
48
- const {getDetailsProps, setOpen} = useDetails({closeOnOutsideClick: true})
49
- return (
50
- <Details {...getDetailsProps()}>
51
- <Button as="summary">Delete item</Button>
52
- Are you sure?
53
- <ButtonDanger onClick={() => setOpen(false)}>Yes I'm sure</ButtonDanger>
54
- </Details>
55
- )
56
- }}
57
- </State>
58
- ```
59
-
60
- In previous versions of Primer React Components, we allowed users to pass in a custom `onToggle` function. You can do this now by overriding the `onToggle` function returned in `getDetailsProps`. Please note that in most cases, you'll want the hook's handling of `onToggle` to be run as well, so that the internal state is properly updated. To do this, manually call the `onToggle` handler returned from `useDetails` before executing your custom `onToggle` code.
61
-
62
- ```jsx live
63
- <State>
64
- {([]) => {
65
- const {getDetailsProps, open, setOpen} = useDetails({closeOnOutsideClick: true})
66
- const {onToggle, ...detailsProps} = getDetailsProps()
67
- const customToggle = e => {
68
- onToggle(e)
69
- window.alert('hi')
70
- }
71
- return (
72
- <Details {...detailsProps} onToggle={customToggle}>
73
- <Button as="summary">{open ? 'Open' : 'Closed'}</Button>
74
- Hello World
75
- </Details>
76
- )
77
- }}
78
- </State>
79
- ```
80
-
81
- ## `Details` System props
82
-
83
- <Note variant="warning">
84
-
85
- System props are deprecated in all components except [Box](/Box). Please use the [`sx` prop](/overriding-styles) instead.
86
-
87
- </Note>
88
-
89
- Details components get `COMMON` system props. Read our [System Props](/system-props) doc page for a full list of available props.
90
-
91
- ## `useDetails` hook configuration options
92
-
93
- | Name | Type | Default | Description |
94
- | :------------------ | :-------- | :-----: | :------------------------------------------------------------------------ |
95
- | defaultOpen | Boolean | | Sets the initial open/closed state |
96
- | closeOnOutsideClick | Boolean | false | Sets whether or not element will close when the user clicks outside of it |
97
- | ref | React ref | | optional ref to pass down to Details component |
98
-
99
- ### Values returned by the `useDetails` hook
100
-
101
- | Name | Type | Description |
102
- | :-------------- | :------- | :--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
103
- | open | string | Whether or not Details is currently open |
104
- | setOpen | function | Used to manually change the open state of the Details component |
105
- | getDetailsProps | Object | Contains an `onToggle` function, the `ref` to pass down to `Details` and the `open` attribute. In most cases, you won't need to interact with any of these values directly, but if you'd like to override any of these yourself you may. |
@@ -1,105 +0,0 @@
1
- ---
2
- title: Dialog
3
- ---
4
-
5
- import State from '../components/State'
6
-
7
- The dialog component is used for all modals. It renders on top of the rest of the app with an overlay.
8
-
9
- You'll need to manage the `isOpen` state in a wrapper component of your own and pass in a function to be used to close the Dialog. For documentation purposes only we've created a mock `State` to handle this, but you should handle the state in the component you consume `Dialog` in or in a wrapper component.
10
-
11
- ### Accessibility
12
-
13
- A few considerations must be made to ensure your use of the `Dialog` component is accessible:
14
-
15
- - Always be sure to provide either `aria-labelledby` or `aria-label` to your `Dialog` component. In most cases you should use `aria-labelledby` and pass it the `id` of your `Dialog.Header`. If there is no text in your header, or you chose not to use a header, you can use `aria-label` to describe the purpose of the `Dialog`.
16
-
17
- - Be sure to pass a ref to return the focus back to once the `Dialog` closes via the `returnFocusRef` prop. In most cases this should be the element that opened the Dialog. If you decide to manage focus within your application and want to bypass Primer React Components from doing so when the `Dialog` closes, you can omit the `returnFocusProp`.
18
-
19
- ### Z-index
20
-
21
- If you're running into z-index issues or are rendering the component inside of an absolutely positioned element, you can wrap your `Dialog` in a [React Portal](https://reactjs.org/docs/portals.html).
22
-
23
- ### Examples
24
-
25
- ```jsx live
26
- <State default={false}>
27
- {([isOpen, setIsOpen]) => {
28
- const returnFocusRef = React.useRef(null)
29
- return (
30
- <>
31
- <Button ref={returnFocusRef} onClick={() => setIsOpen(true)}>
32
- Open
33
- </Button>
34
- <Dialog
35
- returnFocusRef={returnFocusRef}
36
- isOpen={isOpen}
37
- onDismiss={() => setIsOpen(false)}
38
- aria-labelledby="header-id"
39
- >
40
- <Dialog.Header id="header-id">Title</Dialog.Header>
41
- <Box p={3}>
42
- <Text fontFamily="sans-serif">Some content</Text>
43
- </Box>
44
- </Dialog>
45
- </>
46
- )
47
- }}
48
- </State>
49
- ```
50
-
51
- You can also pass any non-text content into the header:
52
-
53
- ```jsx live
54
- <State default={false}>
55
- {([isOpen, setIsOpen]) => {
56
- const returnFocusRef = React.useRef(null)
57
- return (
58
- <>
59
- <Button ref={returnFocusRef} onClick={() => setIsOpen(true)}>
60
- Open
61
- </Button>
62
- <Dialog
63
- isOpen={isOpen}
64
- returnFocusRef={returnFocusRef}
65
- onDismiss={() => setIsOpen(false)}
66
- aria-labelledby="label"
67
- >
68
- <Dialog.Header>
69
- <ZapIcon />
70
- </Dialog.Header>
71
- <Box p={3}>
72
- <Text id="label" fontFamily="sans-serif">
73
- Are you sure you'd like to delete this issue?
74
- </Text>
75
- <Box display="flex" mt={3} justifyContent="flex-end">
76
- <Button sx={{mr: 1}}>Cancel</Button>
77
- <ButtonDanger>Delete</ButtonDanger>
78
- </Box>
79
- </Box>
80
- </Dialog>
81
- </>
82
- )
83
- }}
84
- </State>
85
- ```
86
-
87
- ## Component props
88
-
89
- ### Dialog
90
-
91
- | Prop name | Type | Default | Description |
92
- | :-------------- | :---------------- | :------ | :-------------------------------------------------------------------------------------------------------------------------------------------------------- |
93
- | isOpen | Boolean | | Set whether or not the dialog is shown |
94
- | onDismiss | Function | | A user-provided function that should close the dialog |
95
- | returnFocusRef | React ref | | The element to restore focus back to after the `Dialog` is closed |
96
- | initialFocusRef | React ref | | Element inside of the `Dialog` you'd like to be focused when the Dialog is opened. If nothing is passed to `initialFocusRef` the close button is focused. |
97
- | aria-labelledby | string | | Pass an id to use for the aria-label. Use either a `aria-label` or an `aria-labelledby` but not both. |
98
- | aria-label | string | | Pass a label to be used to describe the Dialog. Use either a `aria-label` or an `aria-labelledby` but not both. |
99
- | sx | SystemStyleObject | {} | Style to be applied to the component |
100
-
101
- ### Dialog.Header
102
-
103
- | Prop name | Type | Default | Description |
104
- | :-------- | :---------------- | :------ | :----------------------------------- |
105
- | sx | SystemStyleObject | {} | Style to be applied to the component |