@primer/components 0.0.0-202111221819 → 0.0.0-202111231117

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 (819) hide show
  1. package/CHANGELOG.md +947 -13
  2. package/README.md +16 -16
  3. package/codemods/__tests__/deprecateUtilityComponents.js +200 -0
  4. package/codemods/__tests__/removeSystemProps.js +225 -0
  5. package/codemods/deprecateUtilityComponents.js +111 -0
  6. package/codemods/lib/modifyProps.js +9 -7
  7. package/codemods/lib/prettify.js +1 -1
  8. package/codemods/lib/replaceImportSource.js +5 -5
  9. package/codemods/removeSystemProps.js +312 -0
  10. package/dist/browser.esm.js +1330 -879
  11. package/dist/browser.esm.js.map +1 -1
  12. package/dist/browser.umd.js +1330 -879
  13. package/dist/browser.umd.js.map +1 -1
  14. package/lib/ActionList/Divider.d.ts +9 -0
  15. package/lib/ActionList/Divider.js +40 -0
  16. package/lib/ActionList/Group.d.ts +28 -0
  17. package/lib/ActionList/Group.js +35 -0
  18. package/lib/ActionList/Header.d.ts +29 -0
  19. package/lib/ActionList/Header.js +51 -0
  20. package/lib/ActionList/Item.d.ts +98 -0
  21. package/lib/ActionList/Item.js +276 -0
  22. package/lib/ActionList/List.d.ts +88 -0
  23. package/lib/ActionList/List.js +199 -0
  24. package/lib/ActionList/index.d.ts +17 -0
  25. package/lib/ActionList/index.js +29 -0
  26. package/lib/ActionList2/Description.d.ts +12 -0
  27. package/lib/ActionList2/Description.js +57 -0
  28. package/lib/ActionList2/Divider.d.ts +5 -0
  29. package/lib/ActionList2/Divider.js +35 -0
  30. package/lib/ActionList2/Group.d.ts +37 -0
  31. package/lib/ActionList2/Group.js +106 -0
  32. package/lib/ActionList2/Item.d.ts +63 -0
  33. package/lib/ActionList2/Item.js +244 -0
  34. package/lib/ActionList2/LinkItem.d.ts +17 -0
  35. package/lib/ActionList2/LinkItem.js +57 -0
  36. package/lib/ActionList2/List.d.ts +26 -0
  37. package/lib/ActionList2/List.js +58 -0
  38. package/lib/ActionList2/Selection.d.ts +5 -0
  39. package/lib/ActionList2/Selection.js +86 -0
  40. package/lib/ActionList2/Visuals.d.ts +9 -0
  41. package/lib/ActionList2/Visuals.js +90 -0
  42. package/lib/ActionList2/index.d.ts +36 -0
  43. package/lib/ActionList2/index.js +47 -0
  44. package/lib/ActionMenu.d.ts +40 -0
  45. package/lib/ActionMenu.js +103 -0
  46. package/lib/AnchoredOverlay/AnchoredOverlay.d.ts +62 -0
  47. package/lib/AnchoredOverlay/AnchoredOverlay.js +124 -0
  48. package/lib/AnchoredOverlay/index.d.ts +2 -0
  49. package/lib/AnchoredOverlay/index.js +13 -0
  50. package/lib/Autocomplete/Autocomplete.d.ts +305 -0
  51. package/lib/Autocomplete/Autocomplete.js +145 -0
  52. package/lib/Autocomplete/AutocompleteContext.d.ts +17 -0
  53. package/lib/Autocomplete/AutocompleteContext.js +11 -0
  54. package/lib/Autocomplete/AutocompleteInput.d.ts +293 -0
  55. package/lib/Autocomplete/AutocompleteInput.js +157 -0
  56. package/lib/Autocomplete/AutocompleteMenu.d.ts +72 -0
  57. package/lib/Autocomplete/AutocompleteMenu.js +217 -0
  58. package/lib/Autocomplete/AutocompleteOverlay.d.ts +20 -0
  59. package/lib/Autocomplete/AutocompleteOverlay.js +80 -0
  60. package/lib/Autocomplete/index.d.ts +2 -0
  61. package/lib/Autocomplete/index.js +15 -0
  62. package/lib/Avatar.d.ts +15 -0
  63. package/lib/Avatar.js +8 -17
  64. package/lib/AvatarPair.d.ts +8 -0
  65. package/lib/AvatarPair.js +10 -16
  66. package/lib/AvatarStack.d.ts +8 -0
  67. package/lib/AvatarStack.js +16 -25
  68. package/lib/BaseStyles.d.ts +14 -0
  69. package/lib/BaseStyles.js +25 -31
  70. package/lib/BorderBox.d.ts +7 -0
  71. package/lib/BorderBox.js +5 -16
  72. package/lib/Box.d.ts +6 -0
  73. package/lib/Box.js +2 -15
  74. package/lib/BranchName.d.ts +6 -0
  75. package/lib/BranchName.js +1 -14
  76. package/lib/Breadcrumbs.d.ts +41 -0
  77. package/lib/Breadcrumbs.js +82 -0
  78. package/lib/Button/Button.d.ts +284 -0
  79. package/lib/Button/Button.js +4 -16
  80. package/lib/Button/ButtonBase.d.ts +9 -0
  81. package/lib/Button/ButtonBase.js +3 -25
  82. package/lib/Button/ButtonClose.d.ts +279 -0
  83. package/lib/Button/ButtonClose.js +9 -23
  84. package/lib/Button/ButtonDanger.d.ts +284 -0
  85. package/lib/Button/ButtonDanger.js +3 -15
  86. package/lib/Button/ButtonGroup.d.ts +4 -0
  87. package/lib/Button/ButtonGroup.js +3 -9
  88. package/lib/Button/ButtonInvisible.d.ts +284 -0
  89. package/lib/Button/ButtonInvisible.js +4 -16
  90. package/lib/Button/ButtonOutline.d.ts +284 -0
  91. package/lib/Button/ButtonOutline.js +3 -15
  92. package/lib/Button/ButtonPrimary.d.ts +284 -0
  93. package/lib/Button/ButtonPrimary.js +5 -16
  94. package/lib/Button/ButtonStyles.d.ts +2 -0
  95. package/lib/Button/ButtonTableList.d.ts +5 -0
  96. package/lib/Button/ButtonTableList.js +2 -16
  97. package/lib/Button/index.d.ts +16 -0
  98. package/lib/Button/index.js +7 -5
  99. package/lib/Caret.d.ts +21 -0
  100. package/lib/Caret.js +25 -31
  101. package/lib/Checkbox.d.ts +29 -0
  102. package/lib/Checkbox.js +64 -0
  103. package/lib/CheckboxInputField.d.ts +11 -0
  104. package/lib/CheckboxInputField.js +73 -0
  105. package/lib/ChoiceFieldset/ChoiceFieldCaption.d.ts +3 -0
  106. package/lib/ChoiceFieldset/ChoiceFieldCaption.js +35 -0
  107. package/lib/ChoiceFieldset/ChoiceFieldLabel.d.ts +3 -0
  108. package/lib/ChoiceFieldset/ChoiceFieldLabel.js +35 -0
  109. package/lib/ChoiceFieldset/ChoiceFieldset.d.ts +65 -0
  110. package/lib/ChoiceFieldset/ChoiceFieldset.js +95 -0
  111. package/lib/ChoiceFieldset/ChoiceFieldsetDescription.d.ts +3 -0
  112. package/lib/ChoiceFieldset/ChoiceFieldsetDescription.js +29 -0
  113. package/lib/ChoiceFieldset/ChoiceFieldsetLegend.d.ts +9 -0
  114. package/lib/ChoiceFieldset/ChoiceFieldsetLegend.js +44 -0
  115. package/lib/ChoiceFieldset/ChoiceFieldsetList.d.ts +9 -0
  116. package/lib/ChoiceFieldset/ChoiceFieldsetList.js +80 -0
  117. package/lib/ChoiceFieldset/ChoiceFieldsetListContext.d.ts +19 -0
  118. package/lib/ChoiceFieldset/ChoiceFieldsetListContext.js +15 -0
  119. package/lib/ChoiceFieldset/ChoiceFieldsetListItem.d.ts +25 -0
  120. package/lib/ChoiceFieldset/ChoiceFieldsetListItem.js +75 -0
  121. package/lib/ChoiceFieldset/ChoiceFieldsetValidation.d.ts +6 -0
  122. package/lib/ChoiceFieldset/ChoiceFieldsetValidation.js +17 -0
  123. package/lib/ChoiceFieldset/index.d.ts +3 -0
  124. package/lib/ChoiceFieldset/index.js +23 -0
  125. package/lib/CircleBadge.d.ts +24 -0
  126. package/lib/CircleBadge.js +16 -40
  127. package/lib/CircleOcticon.d.ts +392 -0
  128. package/lib/CircleOcticon.js +9 -19
  129. package/lib/CounterLabel.d.ts +7 -0
  130. package/lib/CounterLabel.js +4 -18
  131. package/lib/Details.d.ts +6 -0
  132. package/lib/Details.js +1 -9
  133. package/lib/Dialog/ConfirmationDialog.d.ts +44 -0
  134. package/lib/Dialog/ConfirmationDialog.js +191 -0
  135. package/lib/Dialog/Dialog.d.ts +163 -0
  136. package/lib/Dialog/Dialog.js +311 -0
  137. package/lib/Dialog.d.ts +406 -0
  138. package/lib/Dialog.js +34 -49
  139. package/lib/Dropdown.d.ts +1177 -0
  140. package/lib/Dropdown.js +45 -60
  141. package/lib/DropdownMenu/DropdownButton.d.ts +280 -0
  142. package/lib/DropdownMenu/DropdownButton.js +33 -0
  143. package/lib/DropdownMenu/DropdownMenu.d.ts +43 -0
  144. package/lib/DropdownMenu/DropdownMenu.js +94 -0
  145. package/lib/DropdownMenu/index.d.ts +4 -0
  146. package/lib/DropdownMenu/index.js +21 -0
  147. package/lib/DropdownStyles.d.ts +3 -0
  148. package/lib/DropdownStyles.js +6 -6
  149. package/lib/FilterList.d.ts +283 -0
  150. package/lib/FilterList.js +30 -55
  151. package/lib/FilteredActionList/FilteredActionList.d.ts +16 -0
  152. package/lib/FilteredActionList/FilteredActionList.js +137 -0
  153. package/lib/FilteredActionList/index.d.ts +2 -0
  154. package/lib/FilteredActionList/index.js +13 -0
  155. package/lib/FilteredSearch.d.ts +5 -0
  156. package/lib/FilteredSearch.js +4 -12
  157. package/lib/Flash.d.ts +8 -0
  158. package/lib/Flash.js +36 -25
  159. package/lib/Flex.d.ts +7 -0
  160. package/lib/Flex.js +3 -5
  161. package/lib/FormGroup.d.ts +11 -0
  162. package/lib/FormGroup.js +7 -27
  163. package/lib/Grid.d.ts +7 -0
  164. package/lib/Grid.js +4 -9
  165. package/lib/Header.d.ts +23 -0
  166. package/lib/Header.js +29 -48
  167. package/lib/Heading.d.ts +6 -0
  168. package/lib/Heading.js +0 -7
  169. package/lib/Label.d.ts +10 -0
  170. package/lib/Label.js +5 -19
  171. package/lib/LabelGroup.d.ts +5 -0
  172. package/lib/LabelGroup.js +1 -9
  173. package/lib/Link.d.ts +9 -0
  174. package/lib/Link.js +4 -35
  175. package/lib/NewButton/button-counter.d.ts +6 -0
  176. package/lib/NewButton/button-counter.js +31 -0
  177. package/lib/NewButton/button.d.ts +13 -0
  178. package/lib/NewButton/button.js +308 -0
  179. package/lib/NewButton/index.d.ts +14 -0
  180. package/lib/NewButton/index.js +15 -0
  181. package/lib/NewButton/types.d.ts +32 -0
  182. package/lib/{utils → NewButton}/types.js +0 -0
  183. package/lib/Overlay.d.ts +66 -0
  184. package/lib/Overlay.js +184 -0
  185. package/lib/Pagehead.d.ts +5 -0
  186. package/lib/Pagehead.js +1 -13
  187. package/lib/Pagination/Pagination.d.ts +24 -0
  188. package/lib/Pagination/Pagination.js +14 -29
  189. package/lib/Pagination/index.d.ts +3 -0
  190. package/lib/Pagination/model.d.ts +26 -0
  191. package/lib/Pagination/model.js +1 -1
  192. package/lib/PointerBox.d.ts +11 -0
  193. package/lib/PointerBox.js +4 -13
  194. package/lib/Popover.d.ts +20 -0
  195. package/lib/Popover.js +15 -38
  196. package/lib/Portal/Portal.d.ts +25 -0
  197. package/lib/Portal/Portal.js +101 -0
  198. package/lib/Portal/index.d.ts +4 -0
  199. package/lib/Portal/index.js +17 -0
  200. package/lib/Position.d.ts +34 -0
  201. package/lib/Position.js +58 -35
  202. package/lib/ProgressBar.d.ts +21 -0
  203. package/lib/ProgressBar.js +8 -23
  204. package/lib/RadioInputField.d.ts +9 -0
  205. package/lib/RadioInputField.js +82 -0
  206. package/lib/SelectMenu/SelectMenu.d.ts +1670 -0
  207. package/lib/SelectMenu/SelectMenu.js +32 -44
  208. package/lib/SelectMenu/SelectMenuContext.d.ts +8 -0
  209. package/lib/SelectMenu/SelectMenuContext.js +1 -1
  210. package/lib/SelectMenu/SelectMenuDivider.d.ts +5 -0
  211. package/lib/SelectMenu/SelectMenuDivider.js +6 -14
  212. package/lib/SelectMenu/SelectMenuFilter.d.ts +9 -0
  213. package/lib/SelectMenu/SelectMenuFilter.js +13 -21
  214. package/lib/SelectMenu/SelectMenuFooter.d.ts +5 -0
  215. package/lib/SelectMenu/SelectMenuFooter.js +6 -14
  216. package/lib/SelectMenu/SelectMenuHeader.d.ts +10 -0
  217. package/lib/SelectMenu/SelectMenuHeader.js +4 -17
  218. package/lib/SelectMenu/SelectMenuItem.d.ts +14 -0
  219. package/lib/SelectMenu/SelectMenuItem.js +13 -21
  220. package/lib/SelectMenu/SelectMenuList.d.ts +5 -0
  221. package/lib/SelectMenu/SelectMenuList.js +6 -14
  222. package/lib/SelectMenu/SelectMenuLoadingAnimation.d.ts +7 -0
  223. package/lib/SelectMenu/SelectMenuLoadingAnimation.js +6 -17
  224. package/lib/SelectMenu/SelectMenuModal.d.ts +14 -0
  225. package/lib/SelectMenu/SelectMenuModal.js +11 -23
  226. package/lib/SelectMenu/SelectMenuTab.d.ts +13 -0
  227. package/lib/SelectMenu/SelectMenuTab.js +16 -26
  228. package/lib/SelectMenu/SelectMenuTabPanel.d.ts +12 -0
  229. package/lib/SelectMenu/SelectMenuTabPanel.js +14 -25
  230. package/lib/SelectMenu/SelectMenuTabs.d.ts +10 -0
  231. package/lib/SelectMenu/SelectMenuTabs.js +10 -17
  232. package/lib/SelectMenu/hooks/useKeyboardNav.d.ts +2 -0
  233. package/lib/SelectMenu/hooks/useKeyboardNav.js +2 -0
  234. package/lib/SelectMenu/index.d.ts +2 -0
  235. package/lib/SelectMenu/index.js +7 -5
  236. package/lib/SelectPanel/SelectPanel.d.ts +25 -0
  237. package/lib/SelectPanel/SelectPanel.js +147 -0
  238. package/lib/SelectPanel/index.d.ts +2 -0
  239. package/lib/SelectPanel/index.js +13 -0
  240. package/lib/SideNav.d.ts +34 -0
  241. package/lib/SideNav.js +35 -51
  242. package/lib/Spinner.d.ts +17 -0
  243. package/lib/Spinner.js +60 -0
  244. package/lib/StateLabel.d.ts +15 -0
  245. package/lib/StateLabel.js +56 -26
  246. package/lib/StyledOcticon.d.ts +11 -0
  247. package/lib/StyledOcticon.js +6 -25
  248. package/lib/SubNav.d.ts +26 -0
  249. package/lib/SubNav.js +27 -49
  250. package/lib/TabNav.d.ts +19 -0
  251. package/lib/TabNav.js +29 -49
  252. package/lib/Text.d.ts +6 -0
  253. package/lib/Text.js +0 -12
  254. package/lib/TextInput.d.ts +14 -0
  255. package/lib/TextInput.js +26 -76
  256. package/lib/TextInputField.d.ts +581 -0
  257. package/lib/TextInputField.js +66 -0
  258. package/lib/TextInputWithTokens.d.ts +328 -0
  259. package/lib/TextInputWithTokens.js +318 -0
  260. package/lib/ThemeProvider.d.ts +26 -0
  261. package/lib/ThemeProvider.js +193 -0
  262. package/lib/Timeline.d.ts +33 -0
  263. package/lib/Timeline.js +54 -99
  264. package/lib/Token/AvatarToken.d.ts +7 -0
  265. package/lib/Token/AvatarToken.js +64 -0
  266. package/lib/Token/IssueLabelToken.d.ts +14 -0
  267. package/lib/Token/IssueLabelToken.js +144 -0
  268. package/lib/Token/Token.d.ts +15 -0
  269. package/lib/Token/Token.js +105 -0
  270. package/lib/Token/TokenBase.d.ts +31 -0
  271. package/lib/Token/TokenBase.js +104 -0
  272. package/lib/Token/_RemoveTokenButton.d.ts +12 -0
  273. package/lib/Token/_RemoveTokenButton.js +90 -0
  274. package/lib/Token/_TokenTextContainer.d.ts +3 -0
  275. package/lib/Token/_TokenTextContainer.js +17 -0
  276. package/lib/Token/index.d.ts +3 -0
  277. package/lib/Token/index.js +31 -0
  278. package/lib/Tooltip.d.ts +17 -0
  279. package/lib/Tooltip.js +12 -30
  280. package/lib/Truncate.d.ts +10 -0
  281. package/lib/Truncate.js +5 -21
  282. package/lib/UnderlineNav.d.ts +24 -0
  283. package/lib/UnderlineNav.js +24 -43
  284. package/lib/_InputCaption.d.ts +13 -0
  285. package/lib/_InputCaption.js +27 -0
  286. package/lib/_InputField/InputField.d.ts +39 -0
  287. package/lib/_InputField/InputField.js +90 -0
  288. package/lib/_InputField/InputFieldCaption.d.ts +3 -0
  289. package/lib/_InputField/InputFieldCaption.js +30 -0
  290. package/lib/_InputField/InputFieldLabel.d.ts +9 -0
  291. package/lib/_InputField/InputFieldLabel.js +34 -0
  292. package/lib/_InputField/InputFieldValidation.d.ts +6 -0
  293. package/lib/_InputField/InputFieldValidation.js +17 -0
  294. package/lib/_InputField/ToggleInputField.d.ts +13 -0
  295. package/lib/_InputField/ToggleInputField.js +71 -0
  296. package/lib/_InputField/ToggleInputLeadingVisual.d.ts +3 -0
  297. package/lib/_InputField/ToggleInputLeadingVisual.js +22 -0
  298. package/lib/_InputField/ValidationAnimationContainer.d.ts +6 -0
  299. package/lib/_InputField/ValidationAnimationContainer.js +48 -0
  300. package/lib/_InputField/index.d.ts +1 -0
  301. package/lib/_InputField/index.js +15 -0
  302. package/lib/_InputField/slots.d.ts +13 -0
  303. package/lib/_InputField/slots.js +17 -0
  304. package/lib/_InputLabel.d.ts +8 -0
  305. package/lib/_InputLabel.js +44 -0
  306. package/lib/_InputValidation.d.ts +8 -0
  307. package/lib/_InputValidation.js +56 -0
  308. package/lib/_TextInputWrapper.d.ts +10 -0
  309. package/lib/_TextInputWrapper.js +51 -0
  310. package/lib/_UnstyledTextInput.d.ts +2 -0
  311. package/lib/_UnstyledTextInput.js +20 -0
  312. package/lib/_VisuallyHidden.d.ts +6 -0
  313. package/lib/_VisuallyHidden.js +39 -0
  314. package/lib/behaviors/anchoredPosition.d.ts +89 -0
  315. package/lib/behaviors/anchoredPosition.js +316 -0
  316. package/lib/behaviors/focusTrap.d.ts +12 -0
  317. package/lib/behaviors/focusTrap.js +179 -0
  318. package/lib/behaviors/focusZone.d.ts +137 -0
  319. package/lib/behaviors/focusZone.js +578 -0
  320. package/lib/behaviors/scrollIntoViewingArea.d.ts +1 -0
  321. package/lib/behaviors/scrollIntoViewingArea.js +39 -0
  322. package/lib/constants.d.ts +20 -0
  323. package/lib/constants.js +11 -28
  324. package/lib/drafts.d.ts +8 -0
  325. package/lib/drafts.js +31 -0
  326. package/lib/hooks/index.d.ts +11 -0
  327. package/lib/hooks/index.js +61 -0
  328. package/lib/hooks/useAnchoredPosition.d.ts +20 -0
  329. package/lib/hooks/useAnchoredPosition.js +51 -0
  330. package/lib/hooks/useCombinedRefs.d.ts +10 -0
  331. package/lib/hooks/useCombinedRefs.js +47 -0
  332. package/lib/hooks/useDetails.d.ts +17 -0
  333. package/lib/hooks/useDetails.js +10 -3
  334. package/lib/hooks/useDialog.d.ts +16 -0
  335. package/lib/hooks/useDialog.js +21 -6
  336. package/lib/hooks/useFocusTrap.d.ts +32 -0
  337. package/lib/hooks/useFocusTrap.js +69 -0
  338. package/lib/hooks/useFocusZone.d.ts +23 -0
  339. package/lib/hooks/useFocusZone.js +53 -0
  340. package/lib/hooks/useOnEscapePress.d.ts +23 -0
  341. package/lib/hooks/useOnEscapePress.js +69 -0
  342. package/lib/hooks/useOnOutsideClick.d.ts +8 -0
  343. package/lib/hooks/useOnOutsideClick.js +90 -0
  344. package/lib/hooks/useOpenAndCloseFocus.d.ts +8 -0
  345. package/lib/hooks/useOpenAndCloseFocus.js +36 -0
  346. package/lib/hooks/useOverlay.d.ts +15 -0
  347. package/lib/hooks/useOverlay.js +43 -0
  348. package/lib/hooks/useProvidedRefOrCreate.d.ts +10 -0
  349. package/lib/hooks/useProvidedRefOrCreate.js +24 -0
  350. package/lib/hooks/useProvidedStateOrCreate.d.ts +10 -0
  351. package/lib/hooks/useProvidedStateOrCreate.js +27 -0
  352. package/lib/hooks/useRenderForcingRef.d.ts +8 -0
  353. package/lib/hooks/useRenderForcingRef.js +25 -0
  354. package/lib/hooks/useResizeObserver.d.ts +1 -0
  355. package/lib/hooks/useResizeObserver.js +20 -0
  356. package/lib/hooks/useSafeTimeout.d.ts +12 -0
  357. package/lib/hooks/useSafeTimeout.js +38 -0
  358. package/lib/hooks/useScrollFlash.d.ts +6 -0
  359. package/lib/hooks/useScrollFlash.js +29 -0
  360. package/lib/index.d.ts +124 -0
  361. package/lib/index.js +229 -7
  362. package/lib/polyfills/eventListenerSignal.d.ts +6 -0
  363. package/lib/polyfills/eventListenerSignal.js +64 -0
  364. package/lib/sx.d.ts +14 -0
  365. package/lib/sx.js +8 -5
  366. package/lib/theme-preval.d.ts +49 -0
  367. package/lib/theme-preval.js +3119 -357
  368. package/lib/theme.d.ts +80 -0
  369. package/lib/theme.js +5 -8
  370. package/lib/utils/create-slots.d.ts +17 -0
  371. package/lib/utils/create-slots.js +105 -0
  372. package/lib/utils/deprecate.d.ts +18 -0
  373. package/lib/utils/deprecate.js +6 -5
  374. package/lib/utils/isNumeric.d.ts +1 -0
  375. package/lib/utils/isNumeric.js +1 -0
  376. package/lib/utils/iterateFocusableElements.d.ts +42 -0
  377. package/lib/utils/iterateFocusableElements.js +113 -0
  378. package/lib/utils/ssr.d.ts +1 -0
  379. package/lib/utils/ssr.js +19 -0
  380. package/lib/utils/test-deprecations.d.ts +1 -0
  381. package/lib/utils/test-deprecations.js +2 -1
  382. package/lib/utils/test-helpers.d.ts +0 -0
  383. package/lib/utils/test-helpers.js +9 -0
  384. package/lib/utils/test-matchers.d.ts +1 -0
  385. package/lib/utils/test-matchers.js +6 -50
  386. package/lib/utils/testing.d.ts +545 -0
  387. package/lib/utils/testing.js +65 -49
  388. package/lib/utils/theme.d.ts +9 -0
  389. package/lib/utils/theme.js +68 -0
  390. package/lib/utils/types/AriaRole.d.ts +1 -0
  391. package/lib/utils/types/AriaRole.js +1 -0
  392. package/lib/utils/types/ComponentProps.d.ts +9 -0
  393. package/lib/utils/types/ComponentProps.js +1 -0
  394. package/lib/utils/types/Flatten.d.ts +4 -0
  395. package/lib/utils/types/Flatten.js +1 -0
  396. package/lib/utils/types/FormValidationStatus.d.ts +1 -0
  397. package/lib/utils/types/FormValidationStatus.js +1 -0
  398. package/lib/utils/types/KeyPaths.d.ts +3 -0
  399. package/lib/utils/types/KeyPaths.js +1 -0
  400. package/lib/utils/types/MandateProps.d.ts +3 -0
  401. package/lib/utils/types/MandateProps.js +1 -0
  402. package/lib/utils/types/Merge.d.ts +19 -0
  403. package/lib/utils/types/Merge.js +1 -0
  404. package/lib/utils/types/index.d.ts +5 -0
  405. package/lib/utils/types/index.js +70 -0
  406. package/lib/utils/uniqueId.d.ts +1 -0
  407. package/lib/utils/uniqueId.js +12 -0
  408. package/lib/utils/use-force-update.d.ts +1 -0
  409. package/lib/utils/use-force-update.js +19 -0
  410. package/lib/utils/useIsomorphicLayoutEffect.d.ts +3 -0
  411. package/lib/utils/useIsomorphicLayoutEffect.js +12 -0
  412. package/lib/utils/userAgent.d.ts +1 -0
  413. package/lib/utils/userAgent.js +15 -0
  414. package/lib-esm/ActionList/Divider.d.ts +9 -0
  415. package/lib-esm/ActionList/Divider.js +23 -0
  416. package/lib-esm/ActionList/Group.d.ts +28 -0
  417. package/lib-esm/ActionList/Group.js +24 -0
  418. package/lib-esm/ActionList/Header.d.ts +29 -0
  419. package/lib-esm/ActionList/Header.js +33 -0
  420. package/lib-esm/ActionList/Item.d.ts +98 -0
  421. package/lib-esm/ActionList/Item.js +241 -0
  422. package/lib-esm/ActionList/List.d.ts +88 -0
  423. package/lib-esm/ActionList/List.js +181 -0
  424. package/lib-esm/ActionList/index.d.ts +17 -0
  425. package/lib-esm/ActionList/index.js +18 -0
  426. package/lib-esm/ActionList2/Description.d.ts +12 -0
  427. package/lib-esm/ActionList2/Description.js +41 -0
  428. package/lib-esm/ActionList2/Divider.d.ts +5 -0
  429. package/lib-esm/ActionList2/Divider.js +23 -0
  430. package/lib-esm/ActionList2/Group.d.ts +37 -0
  431. package/lib-esm/ActionList2/Group.js +87 -0
  432. package/lib-esm/ActionList2/Item.d.ts +63 -0
  433. package/lib-esm/ActionList2/Item.js +210 -0
  434. package/lib-esm/ActionList2/LinkItem.d.ts +17 -0
  435. package/lib-esm/ActionList2/LinkItem.js +43 -0
  436. package/lib-esm/ActionList2/List.d.ts +26 -0
  437. package/lib-esm/ActionList2/List.js +36 -0
  438. package/lib-esm/ActionList2/Selection.d.ts +5 -0
  439. package/lib-esm/ActionList2/Selection.js +68 -0
  440. package/lib-esm/ActionList2/Visuals.d.ts +9 -0
  441. package/lib-esm/ActionList2/Visuals.js +68 -0
  442. package/lib-esm/ActionList2/index.d.ts +36 -0
  443. package/lib-esm/ActionList2/index.js +33 -0
  444. package/lib-esm/ActionMenu.d.ts +40 -0
  445. package/lib-esm/ActionMenu.js +82 -0
  446. package/lib-esm/AnchoredOverlay/AnchoredOverlay.d.ts +62 -0
  447. package/lib-esm/AnchoredOverlay/AnchoredOverlay.js +104 -0
  448. package/lib-esm/AnchoredOverlay/index.d.ts +2 -0
  449. package/lib-esm/AnchoredOverlay/index.js +1 -0
  450. package/lib-esm/Autocomplete/Autocomplete.d.ts +305 -0
  451. package/lib-esm/Autocomplete/Autocomplete.js +123 -0
  452. package/lib-esm/Autocomplete/AutocompleteContext.d.ts +17 -0
  453. package/lib-esm/Autocomplete/AutocompleteContext.js +2 -0
  454. package/lib-esm/Autocomplete/AutocompleteInput.d.ts +293 -0
  455. package/lib-esm/Autocomplete/AutocompleteInput.js +138 -0
  456. package/lib-esm/Autocomplete/AutocompleteMenu.d.ts +72 -0
  457. package/lib-esm/Autocomplete/AutocompleteMenu.js +195 -0
  458. package/lib-esm/Autocomplete/AutocompleteOverlay.d.ts +20 -0
  459. package/lib-esm/Autocomplete/AutocompleteOverlay.js +62 -0
  460. package/lib-esm/Autocomplete/index.d.ts +2 -0
  461. package/lib-esm/Autocomplete/index.js +1 -0
  462. package/lib-esm/Avatar.d.ts +15 -0
  463. package/lib-esm/Avatar.js +9 -16
  464. package/lib-esm/AvatarPair.d.ts +8 -0
  465. package/lib-esm/AvatarPair.js +9 -14
  466. package/lib-esm/AvatarStack.d.ts +8 -0
  467. package/lib-esm/AvatarStack.js +15 -23
  468. package/lib-esm/BaseStyles.d.ts +14 -0
  469. package/lib-esm/BaseStyles.js +23 -26
  470. package/lib-esm/BorderBox.d.ts +7 -0
  471. package/lib-esm/BorderBox.js +6 -12
  472. package/lib-esm/Box.d.ts +6 -0
  473. package/lib-esm/Box.js +2 -13
  474. package/lib-esm/BranchName.d.ts +6 -0
  475. package/lib-esm/BranchName.js +1 -12
  476. package/lib-esm/Breadcrumbs.d.ts +41 -0
  477. package/lib-esm/Breadcrumbs.js +58 -0
  478. package/lib-esm/Button/Button.d.ts +284 -0
  479. package/lib-esm/Button/Button.js +4 -11
  480. package/lib-esm/Button/ButtonBase.d.ts +9 -0
  481. package/lib-esm/Button/ButtonBase.js +2 -19
  482. package/lib-esm/Button/ButtonClose.d.ts +279 -0
  483. package/lib-esm/Button/ButtonClose.js +5 -17
  484. package/lib-esm/Button/ButtonDanger.d.ts +284 -0
  485. package/lib-esm/Button/ButtonDanger.js +3 -10
  486. package/lib-esm/Button/ButtonGroup.d.ts +4 -0
  487. package/lib-esm/Button/ButtonGroup.js +3 -8
  488. package/lib-esm/Button/ButtonInvisible.d.ts +284 -0
  489. package/lib-esm/Button/ButtonInvisible.js +4 -11
  490. package/lib-esm/Button/ButtonOutline.d.ts +284 -0
  491. package/lib-esm/Button/ButtonOutline.js +3 -10
  492. package/lib-esm/Button/ButtonPrimary.d.ts +284 -0
  493. package/lib-esm/Button/ButtonPrimary.js +4 -11
  494. package/lib-esm/Button/ButtonStyles.d.ts +2 -0
  495. package/lib-esm/Button/ButtonTableList.d.ts +5 -0
  496. package/lib-esm/Button/ButtonTableList.js +3 -15
  497. package/lib-esm/Button/index.d.ts +16 -0
  498. package/lib-esm/Button/index.js +1 -2
  499. package/lib-esm/Caret.d.ts +21 -0
  500. package/lib-esm/Caret.js +24 -30
  501. package/lib-esm/Checkbox.d.ts +29 -0
  502. package/lib-esm/Checkbox.js +44 -0
  503. package/lib-esm/CheckboxInputField.d.ts +11 -0
  504. package/lib-esm/CheckboxInputField.js +56 -0
  505. package/lib-esm/ChoiceFieldset/ChoiceFieldCaption.d.ts +3 -0
  506. package/lib-esm/ChoiceFieldset/ChoiceFieldCaption.js +20 -0
  507. package/lib-esm/ChoiceFieldset/ChoiceFieldLabel.d.ts +3 -0
  508. package/lib-esm/ChoiceFieldset/ChoiceFieldLabel.js +20 -0
  509. package/lib-esm/ChoiceFieldset/ChoiceFieldset.d.ts +65 -0
  510. package/lib-esm/ChoiceFieldset/ChoiceFieldset.js +72 -0
  511. package/lib-esm/ChoiceFieldset/ChoiceFieldsetDescription.d.ts +3 -0
  512. package/lib-esm/ChoiceFieldset/ChoiceFieldsetDescription.js +17 -0
  513. package/lib-esm/ChoiceFieldset/ChoiceFieldsetLegend.d.ts +9 -0
  514. package/lib-esm/ChoiceFieldset/ChoiceFieldsetLegend.js +31 -0
  515. package/lib-esm/ChoiceFieldset/ChoiceFieldsetList.d.ts +9 -0
  516. package/lib-esm/ChoiceFieldset/ChoiceFieldsetList.js +63 -0
  517. package/lib-esm/ChoiceFieldset/ChoiceFieldsetListContext.d.ts +19 -0
  518. package/lib-esm/ChoiceFieldset/ChoiceFieldsetListContext.js +5 -0
  519. package/lib-esm/ChoiceFieldset/ChoiceFieldsetListItem.d.ts +25 -0
  520. package/lib-esm/ChoiceFieldset/ChoiceFieldsetListItem.js +51 -0
  521. package/lib-esm/ChoiceFieldset/ChoiceFieldsetValidation.d.ts +6 -0
  522. package/lib-esm/ChoiceFieldset/ChoiceFieldsetValidation.js +7 -0
  523. package/lib-esm/ChoiceFieldset/index.d.ts +3 -0
  524. package/lib-esm/ChoiceFieldset/index.js +2 -0
  525. package/lib-esm/CircleBadge.d.ts +24 -0
  526. package/lib-esm/CircleBadge.js +15 -39
  527. package/lib-esm/CircleOcticon.d.ts +392 -0
  528. package/lib-esm/CircleOcticon.js +9 -16
  529. package/lib-esm/CounterLabel.d.ts +7 -0
  530. package/lib-esm/CounterLabel.js +5 -17
  531. package/lib-esm/Details.d.ts +6 -0
  532. package/lib-esm/Details.js +1 -8
  533. package/lib-esm/Dialog/ConfirmationDialog.d.ts +44 -0
  534. package/lib-esm/Dialog/ConfirmationDialog.js +169 -0
  535. package/lib-esm/Dialog/Dialog.d.ts +163 -0
  536. package/lib-esm/Dialog/Dialog.js +275 -0
  537. package/lib-esm/Dialog.d.ts +406 -0
  538. package/lib-esm/Dialog.js +31 -46
  539. package/lib-esm/Dropdown.d.ts +1177 -0
  540. package/lib-esm/Dropdown.js +38 -58
  541. package/lib-esm/DropdownMenu/DropdownButton.d.ts +280 -0
  542. package/lib-esm/DropdownMenu/DropdownButton.js +18 -0
  543. package/lib-esm/DropdownMenu/DropdownMenu.d.ts +43 -0
  544. package/lib-esm/DropdownMenu/DropdownMenu.js +77 -0
  545. package/lib-esm/DropdownMenu/index.d.ts +4 -0
  546. package/lib-esm/DropdownMenu/index.js +2 -0
  547. package/lib-esm/DropdownStyles.d.ts +3 -0
  548. package/lib-esm/DropdownStyles.js +6 -6
  549. package/lib-esm/FilterList.d.ts +283 -0
  550. package/lib-esm/FilterList.js +28 -55
  551. package/lib-esm/FilteredActionList/FilteredActionList.d.ts +16 -0
  552. package/lib-esm/FilteredActionList/FilteredActionList.js +109 -0
  553. package/lib-esm/FilteredActionList/index.d.ts +2 -0
  554. package/lib-esm/FilteredActionList/index.js +1 -0
  555. package/lib-esm/FilteredSearch.d.ts +5 -0
  556. package/lib-esm/FilteredSearch.js +4 -11
  557. package/lib-esm/Flash.d.ts +8 -0
  558. package/lib-esm/Flash.js +37 -25
  559. package/lib-esm/Flex.d.ts +7 -0
  560. package/lib-esm/Flex.js +4 -4
  561. package/lib-esm/FormGroup.d.ts +11 -0
  562. package/lib-esm/FormGroup.js +7 -24
  563. package/lib-esm/Grid.d.ts +7 -0
  564. package/lib-esm/Grid.js +5 -7
  565. package/lib-esm/Header.d.ts +23 -0
  566. package/lib-esm/Header.js +23 -45
  567. package/lib-esm/Heading.d.ts +6 -0
  568. package/lib-esm/Heading.js +0 -6
  569. package/lib-esm/Label.d.ts +10 -0
  570. package/lib-esm/Label.js +3 -15
  571. package/lib-esm/LabelGroup.d.ts +5 -0
  572. package/lib-esm/LabelGroup.js +2 -9
  573. package/lib-esm/Link.d.ts +9 -0
  574. package/lib-esm/Link.js +4 -33
  575. package/lib-esm/NewButton/button-counter.d.ts +6 -0
  576. package/lib-esm/NewButton/button-counter.js +18 -0
  577. package/lib-esm/NewButton/button.d.ts +13 -0
  578. package/lib-esm/NewButton/button.js +287 -0
  579. package/lib-esm/NewButton/index.d.ts +14 -0
  580. package/lib-esm/NewButton/index.js +5 -0
  581. package/lib-esm/NewButton/types.d.ts +32 -0
  582. package/lib-esm/NewButton/types.js +1 -0
  583. package/lib-esm/Overlay.d.ts +66 -0
  584. package/lib-esm/Overlay.js +160 -0
  585. package/lib-esm/Pagehead.d.ts +5 -0
  586. package/lib-esm/Pagehead.js +2 -12
  587. package/lib-esm/Pagination/Pagination.d.ts +24 -0
  588. package/lib-esm/Pagination/Pagination.js +15 -28
  589. package/lib-esm/Pagination/index.d.ts +3 -0
  590. package/lib-esm/Pagination/model.d.ts +26 -0
  591. package/lib-esm/Pagination/model.js +1 -1
  592. package/lib-esm/PointerBox.d.ts +11 -0
  593. package/lib-esm/PointerBox.js +4 -11
  594. package/lib-esm/Popover.d.ts +20 -0
  595. package/lib-esm/Popover.js +13 -36
  596. package/lib-esm/Portal/Portal.d.ts +25 -0
  597. package/lib-esm/Portal/Portal.js +83 -0
  598. package/lib-esm/Portal/index.d.ts +4 -0
  599. package/lib-esm/Portal/index.js +3 -0
  600. package/lib-esm/Position.d.ts +34 -0
  601. package/lib-esm/Position.js +52 -29
  602. package/lib-esm/ProgressBar.d.ts +21 -0
  603. package/lib-esm/ProgressBar.js +9 -21
  604. package/lib-esm/RadioInputField.d.ts +9 -0
  605. package/lib-esm/RadioInputField.js +65 -0
  606. package/lib-esm/SelectMenu/SelectMenu.d.ts +1670 -0
  607. package/lib-esm/SelectMenu/SelectMenu.js +27 -38
  608. package/lib-esm/SelectMenu/SelectMenuContext.d.ts +8 -0
  609. package/lib-esm/SelectMenu/SelectMenuContext.js +1 -1
  610. package/lib-esm/SelectMenu/SelectMenuDivider.d.ts +5 -0
  611. package/lib-esm/SelectMenu/SelectMenuDivider.js +4 -11
  612. package/lib-esm/SelectMenu/SelectMenuFilter.d.ts +9 -0
  613. package/lib-esm/SelectMenu/SelectMenuFilter.js +13 -19
  614. package/lib-esm/SelectMenu/SelectMenuFooter.d.ts +5 -0
  615. package/lib-esm/SelectMenu/SelectMenuFooter.js +4 -11
  616. package/lib-esm/SelectMenu/SelectMenuHeader.d.ts +10 -0
  617. package/lib-esm/SelectMenu/SelectMenuHeader.js +7 -18
  618. package/lib-esm/SelectMenu/SelectMenuItem.d.ts +14 -0
  619. package/lib-esm/SelectMenu/SelectMenuItem.js +11 -17
  620. package/lib-esm/SelectMenu/SelectMenuList.d.ts +5 -0
  621. package/lib-esm/SelectMenu/SelectMenuList.js +4 -11
  622. package/lib-esm/SelectMenu/SelectMenuLoadingAnimation.d.ts +7 -0
  623. package/lib-esm/SelectMenu/SelectMenuLoadingAnimation.js +7 -13
  624. package/lib-esm/SelectMenu/SelectMenuModal.d.ts +14 -0
  625. package/lib-esm/SelectMenu/SelectMenuModal.js +10 -20
  626. package/lib-esm/SelectMenu/SelectMenuTab.d.ts +13 -0
  627. package/lib-esm/SelectMenu/SelectMenuTab.js +13 -21
  628. package/lib-esm/SelectMenu/SelectMenuTabPanel.d.ts +12 -0
  629. package/lib-esm/SelectMenu/SelectMenuTabPanel.js +9 -19
  630. package/lib-esm/SelectMenu/SelectMenuTabs.d.ts +10 -0
  631. package/lib-esm/SelectMenu/SelectMenuTabs.js +8 -15
  632. package/lib-esm/SelectMenu/hooks/useKeyboardNav.d.ts +2 -0
  633. package/lib-esm/SelectMenu/hooks/useKeyboardNav.js +2 -0
  634. package/lib-esm/SelectMenu/index.d.ts +2 -0
  635. package/lib-esm/SelectMenu/index.js +1 -2
  636. package/lib-esm/SelectPanel/SelectPanel.d.ts +25 -0
  637. package/lib-esm/SelectPanel/SelectPanel.js +127 -0
  638. package/lib-esm/SelectPanel/index.d.ts +2 -0
  639. package/lib-esm/SelectPanel/index.js +1 -0
  640. package/lib-esm/SideNav.d.ts +34 -0
  641. package/lib-esm/SideNav.js +29 -45
  642. package/lib-esm/Spinner.d.ts +17 -0
  643. package/lib-esm/Spinner.js +46 -0
  644. package/lib-esm/StateLabel.d.ts +15 -0
  645. package/lib-esm/StateLabel.js +56 -24
  646. package/lib-esm/StyledOcticon.d.ts +11 -0
  647. package/lib-esm/StyledOcticon.js +6 -22
  648. package/lib-esm/SubNav.d.ts +26 -0
  649. package/lib-esm/SubNav.js +24 -48
  650. package/lib-esm/TabNav.d.ts +19 -0
  651. package/lib-esm/TabNav.js +23 -46
  652. package/lib-esm/Text.d.ts +6 -0
  653. package/lib-esm/Text.js +0 -10
  654. package/lib-esm/TextInput.d.ts +14 -0
  655. package/lib-esm/TextInput.js +25 -63
  656. package/lib-esm/TextInputField.d.ts +581 -0
  657. package/lib-esm/TextInputField.js +50 -0
  658. package/lib-esm/TextInputWithTokens.d.ts +328 -0
  659. package/lib-esm/TextInputWithTokens.js +291 -0
  660. package/lib-esm/ThemeProvider.d.ts +26 -0
  661. package/lib-esm/ThemeProvider.js +161 -0
  662. package/lib-esm/Timeline.d.ts +33 -0
  663. package/lib-esm/Timeline.js +45 -94
  664. package/lib-esm/Token/AvatarToken.d.ts +7 -0
  665. package/lib-esm/Token/AvatarToken.js +43 -0
  666. package/lib-esm/Token/IssueLabelToken.d.ts +14 -0
  667. package/lib-esm/Token/IssueLabelToken.js +124 -0
  668. package/lib-esm/Token/Token.d.ts +15 -0
  669. package/lib-esm/Token/Token.js +84 -0
  670. package/lib-esm/Token/TokenBase.d.ts +31 -0
  671. package/lib-esm/Token/TokenBase.js +83 -0
  672. package/lib-esm/Token/_RemoveTokenButton.d.ts +12 -0
  673. package/lib-esm/Token/_RemoveTokenButton.js +69 -0
  674. package/lib-esm/Token/_TokenTextContainer.d.ts +3 -0
  675. package/lib-esm/Token/_TokenTextContainer.js +6 -0
  676. package/lib-esm/Token/index.d.ts +3 -0
  677. package/lib-esm/Token/index.js +3 -0
  678. package/lib-esm/Tooltip.d.ts +17 -0
  679. package/lib-esm/Tooltip.js +11 -28
  680. package/lib-esm/Truncate.d.ts +10 -0
  681. package/lib-esm/Truncate.js +4 -18
  682. package/lib-esm/UnderlineNav.d.ts +24 -0
  683. package/lib-esm/UnderlineNav.js +20 -41
  684. package/lib-esm/_InputCaption.d.ts +13 -0
  685. package/lib-esm/_InputCaption.js +16 -0
  686. package/lib-esm/_InputField/InputField.d.ts +39 -0
  687. package/lib-esm/_InputField/InputField.js +70 -0
  688. package/lib-esm/_InputField/InputFieldCaption.d.ts +3 -0
  689. package/lib-esm/_InputField/InputFieldCaption.js +18 -0
  690. package/lib-esm/_InputField/InputFieldLabel.d.ts +9 -0
  691. package/lib-esm/_InputField/InputFieldLabel.js +22 -0
  692. package/lib-esm/_InputField/InputFieldValidation.d.ts +6 -0
  693. package/lib-esm/_InputField/InputFieldValidation.js +7 -0
  694. package/lib-esm/_InputField/ToggleInputField.d.ts +13 -0
  695. package/lib-esm/_InputField/ToggleInputField.js +54 -0
  696. package/lib-esm/_InputField/ToggleInputLeadingVisual.d.ts +3 -0
  697. package/lib-esm/_InputField/ToggleInputLeadingVisual.js +11 -0
  698. package/lib-esm/_InputField/ValidationAnimationContainer.d.ts +6 -0
  699. package/lib-esm/_InputField/ValidationAnimationContainer.js +33 -0
  700. package/lib-esm/_InputField/index.d.ts +1 -0
  701. package/lib-esm/_InputField/index.js +1 -0
  702. package/lib-esm/_InputField/slots.d.ts +13 -0
  703. package/lib-esm/_InputField/slots.js +5 -0
  704. package/lib-esm/_InputLabel.d.ts +8 -0
  705. package/lib-esm/_InputLabel.js +32 -0
  706. package/lib-esm/_InputValidation.d.ts +8 -0
  707. package/lib-esm/_InputValidation.js +43 -0
  708. package/lib-esm/_TextInputWrapper.d.ts +10 -0
  709. package/lib-esm/_TextInputWrapper.js +31 -0
  710. package/lib-esm/_UnstyledTextInput.d.ts +2 -0
  711. package/lib-esm/_UnstyledTextInput.js +7 -0
  712. package/lib-esm/_VisuallyHidden.d.ts +6 -0
  713. package/lib-esm/_VisuallyHidden.js +26 -0
  714. package/lib-esm/behaviors/anchoredPosition.d.ts +89 -0
  715. package/lib-esm/behaviors/anchoredPosition.js +309 -0
  716. package/lib-esm/behaviors/focusTrap.d.ts +12 -0
  717. package/lib-esm/behaviors/focusTrap.js +170 -0
  718. package/lib-esm/behaviors/focusZone.d.ts +137 -0
  719. package/lib-esm/behaviors/focusZone.js +560 -0
  720. package/lib-esm/behaviors/scrollIntoViewingArea.d.ts +1 -0
  721. package/lib-esm/behaviors/scrollIntoViewingArea.js +30 -0
  722. package/lib-esm/constants.d.ts +20 -0
  723. package/lib-esm/constants.js +9 -24
  724. package/lib-esm/drafts.d.ts +8 -0
  725. package/lib-esm/drafts.js +9 -0
  726. package/lib-esm/hooks/index.d.ts +11 -0
  727. package/lib-esm/hooks/index.js +7 -0
  728. package/lib-esm/hooks/useAnchoredPosition.d.ts +20 -0
  729. package/lib-esm/hooks/useAnchoredPosition.js +35 -0
  730. package/lib-esm/hooks/useCombinedRefs.d.ts +10 -0
  731. package/lib-esm/hooks/useCombinedRefs.js +37 -0
  732. package/lib-esm/hooks/useDetails.d.ts +17 -0
  733. package/lib-esm/hooks/useDetails.js +10 -3
  734. package/lib-esm/hooks/useDialog.d.ts +16 -0
  735. package/lib-esm/hooks/useDialog.js +21 -6
  736. package/lib-esm/hooks/useFocusTrap.d.ts +32 -0
  737. package/lib-esm/hooks/useFocusTrap.js +54 -0
  738. package/lib-esm/hooks/useFocusZone.d.ts +23 -0
  739. package/lib-esm/hooks/useFocusZone.js +37 -0
  740. package/lib-esm/hooks/useOnEscapePress.d.ts +23 -0
  741. package/lib-esm/hooks/useOnEscapePress.js +59 -0
  742. package/lib-esm/hooks/useOnOutsideClick.d.ts +8 -0
  743. package/lib-esm/hooks/useOnOutsideClick.js +79 -0
  744. package/lib-esm/hooks/useOpenAndCloseFocus.d.ts +8 -0
  745. package/lib-esm/hooks/useOpenAndCloseFocus.js +27 -0
  746. package/lib-esm/hooks/useOverlay.d.ts +15 -0
  747. package/lib-esm/hooks/useOverlay.js +30 -0
  748. package/lib-esm/hooks/useProvidedRefOrCreate.d.ts +10 -0
  749. package/lib-esm/hooks/useProvidedRefOrCreate.js +14 -0
  750. package/lib-esm/hooks/useProvidedStateOrCreate.d.ts +10 -0
  751. package/lib-esm/hooks/useProvidedStateOrCreate.js +20 -0
  752. package/lib-esm/hooks/useRenderForcingRef.d.ts +8 -0
  753. package/lib-esm/hooks/useRenderForcingRef.js +18 -0
  754. package/lib-esm/hooks/useResizeObserver.d.ts +1 -0
  755. package/lib-esm/hooks/useResizeObserver.js +10 -0
  756. package/lib-esm/hooks/useSafeTimeout.d.ts +12 -0
  757. package/lib-esm/hooks/useSafeTimeout.js +31 -0
  758. package/lib-esm/hooks/useScrollFlash.d.ts +6 -0
  759. package/lib-esm/hooks/useScrollFlash.js +22 -0
  760. package/lib-esm/index.d.ts +124 -0
  761. package/lib-esm/index.js +33 -7
  762. package/lib-esm/polyfills/eventListenerSignal.d.ts +6 -0
  763. package/lib-esm/polyfills/eventListenerSignal.js +57 -0
  764. package/lib-esm/sx.d.ts +14 -0
  765. package/lib-esm/sx.js +3 -5
  766. package/lib-esm/theme-preval.d.ts +49 -0
  767. package/lib-esm/theme-preval.js +3119 -357
  768. package/lib-esm/theme.d.ts +80 -0
  769. package/lib-esm/theme.js +3 -8
  770. package/lib-esm/utils/create-slots.d.ts +17 -0
  771. package/lib-esm/utils/create-slots.js +84 -0
  772. package/lib-esm/utils/deprecate.d.ts +18 -0
  773. package/lib-esm/utils/deprecate.js +6 -5
  774. package/lib-esm/utils/isNumeric.d.ts +1 -0
  775. package/lib-esm/utils/isNumeric.js +1 -0
  776. package/lib-esm/utils/iterateFocusableElements.d.ts +42 -0
  777. package/lib-esm/utils/iterateFocusableElements.js +102 -0
  778. package/lib-esm/utils/ssr.d.ts +1 -0
  779. package/lib-esm/utils/ssr.js +1 -0
  780. package/lib-esm/utils/test-deprecations.d.ts +1 -0
  781. package/lib-esm/utils/test-deprecations.js +1 -1
  782. package/lib-esm/utils/{types.js → test-helpers.d.ts} +0 -0
  783. package/lib-esm/utils/test-helpers.js +7 -0
  784. package/lib-esm/utils/test-matchers.d.ts +1 -0
  785. package/lib-esm/utils/test-matchers.js +7 -49
  786. package/lib-esm/utils/testing.d.ts +545 -0
  787. package/lib-esm/utils/testing.js +60 -46
  788. package/lib-esm/utils/theme.d.ts +9 -0
  789. package/lib-esm/utils/theme.js +66 -0
  790. package/lib-esm/utils/types/AriaRole.d.ts +1 -0
  791. package/lib-esm/utils/types/AriaRole.js +1 -0
  792. package/lib-esm/utils/types/ComponentProps.d.ts +9 -0
  793. package/lib-esm/utils/types/ComponentProps.js +1 -0
  794. package/lib-esm/utils/types/Flatten.d.ts +4 -0
  795. package/lib-esm/utils/types/Flatten.js +1 -0
  796. package/lib-esm/utils/types/FormValidationStatus.d.ts +1 -0
  797. package/lib-esm/utils/types/FormValidationStatus.js +1 -0
  798. package/lib-esm/utils/types/KeyPaths.d.ts +3 -0
  799. package/lib-esm/utils/types/KeyPaths.js +1 -0
  800. package/lib-esm/utils/types/MandateProps.d.ts +3 -0
  801. package/lib-esm/utils/types/MandateProps.js +1 -0
  802. package/lib-esm/utils/types/Merge.d.ts +19 -0
  803. package/lib-esm/utils/types/Merge.js +1 -0
  804. package/lib-esm/utils/types/index.d.ts +5 -0
  805. package/lib-esm/utils/types/index.js +5 -0
  806. package/lib-esm/utils/uniqueId.d.ts +1 -0
  807. package/lib-esm/utils/uniqueId.js +5 -0
  808. package/lib-esm/utils/use-force-update.d.ts +1 -0
  809. package/lib-esm/utils/use-force-update.js +6 -0
  810. package/lib-esm/utils/useIsomorphicLayoutEffect.d.ts +3 -0
  811. package/lib-esm/utils/useIsomorphicLayoutEffect.js +3 -0
  812. package/lib-esm/utils/userAgent.d.ts +1 -0
  813. package/lib-esm/utils/userAgent.js +8 -0
  814. package/package.json +116 -87
  815. package/index.d.ts +0 -828
  816. package/lib/Breadcrumb.js +0 -89
  817. package/lib/hooks/useMouseIntent.js +0 -58
  818. package/lib-esm/Breadcrumb.js +0 -68
  819. package/lib-esm/hooks/useMouseIntent.js +0 -50
@@ -0,0 +1,64 @@
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+ exports.default = void 0;
7
+
8
+ var _styledComponents = _interopRequireDefault(require("styled-components"));
9
+
10
+ var _hooks = require("./hooks");
11
+
12
+ var _react = _interopRequireWildcard(require("react"));
13
+
14
+ var _sx = _interopRequireDefault(require("./sx"));
15
+
16
+ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
17
+
18
+ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
19
+
20
+ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
21
+
22
+ function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
23
+
24
+ const StyledCheckbox = _styledComponents.default.input.withConfig({
25
+ displayName: "Checkbox__StyledCheckbox",
26
+ componentId: "i51804-0"
27
+ })(["cursor:pointer;", " ", ""], props => props.disabled && `cursor: not-allowed;`, _sx.default);
28
+ /**
29
+ * An accessible, native checkbox component
30
+ */
31
+
32
+
33
+ const Checkbox = /*#__PURE__*/_react.default.forwardRef(({
34
+ checked,
35
+ indeterminate,
36
+ disabled,
37
+ sx: sxProp,
38
+ required,
39
+ validationStatus,
40
+ ...rest
41
+ }, ref) => {
42
+ const checkboxRef = (0, _hooks.useProvidedRefOrCreate)(ref);
43
+ (0, _react.useLayoutEffect)(() => {
44
+ if (checkboxRef.current) {
45
+ checkboxRef.current.indeterminate = indeterminate || false;
46
+ }
47
+ }, [indeterminate, checked, checkboxRef]);
48
+ return /*#__PURE__*/_react.default.createElement(StyledCheckbox, _extends({
49
+ type: "checkbox",
50
+ disabled: disabled,
51
+ "aria-disabled": disabled ? 'true' : 'false',
52
+ ref: ref || checkboxRef,
53
+ checked: indeterminate ? false : checked,
54
+ "aria-checked": indeterminate ? 'mixed' : checked ? 'true' : 'false',
55
+ sx: sxProp,
56
+ required: required,
57
+ "aria-required": required ? 'true' : 'false',
58
+ "aria-invalid": validationStatus === 'error' ? 'true' : 'false'
59
+ }, rest));
60
+ });
61
+
62
+ Checkbox.displayName = 'Checkbox';
63
+ var _default = Checkbox;
64
+ exports.default = _default;
@@ -0,0 +1,11 @@
1
+ import React from 'react';
2
+ import { ToggleInputFieldProps } from './_InputField/ToggleInputField';
3
+ declare const _default: React.FC<ToggleInputFieldProps> & {
4
+ Input: React.FC<React.HTMLProps<HTMLInputElement> & {
5
+ ref?: React.Ref<HTMLInputElement> | undefined;
6
+ }>;
7
+ Caption: React.FC<{}>;
8
+ Label: React.FC<import("./_InputField/InputFieldLabel").Props>;
9
+ LeadingVisual: React.FC<{}>;
10
+ };
11
+ export default _default;
@@ -0,0 +1,73 @@
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+ exports.default = void 0;
7
+
8
+ var _react = _interopRequireDefault(require("react"));
9
+
10
+ var _ = require(".");
11
+
12
+ var _InputField = _interopRequireDefault(require("./_InputField/InputField"));
13
+
14
+ var _slots = require("./_InputField/slots");
15
+
16
+ var _ToggleInputField = _interopRequireDefault(require("./_InputField/ToggleInputField"));
17
+
18
+ var _ToggleInputLeadingVisual = _interopRequireDefault(require("./_InputField/ToggleInputLeadingVisual"));
19
+
20
+ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
21
+
22
+ function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
23
+
24
+ const Input = ({
25
+ id: idProp,
26
+ required: requiredProp,
27
+ disabled: disabledProp,
28
+ ...rest
29
+ }) => {
30
+ if (idProp) {
31
+ // eslint-disable-next-line no-console
32
+ console.warn("instead of passing the 'id' prop directly to <TextInputField.Input>, it should be passed to the parent component, <TextInputField>");
33
+ }
34
+
35
+ if (disabledProp) {
36
+ // eslint-disable-next-line no-console
37
+ console.warn("instead of passing the 'disabled' prop directly to <TextInputField.Input>, it should be passed to the parent component, <TextInputField>");
38
+ }
39
+
40
+ if (requiredProp) {
41
+ // eslint-disable-next-line no-console
42
+ console.warn("instead of passing the 'required' prop directly to <TextInputField.Input>, it should be passed to the parent component, <TextInputField>");
43
+ }
44
+
45
+ return /*#__PURE__*/_react.default.createElement(_slots.Slot, {
46
+ name: "Input"
47
+ }, ({
48
+ disabled,
49
+ id,
50
+ required,
51
+ captionId
52
+ }) => /*#__PURE__*/_react.default.createElement(_.Checkbox, _extends({
53
+ "aria-describedby": captionId,
54
+ id: id,
55
+ required: required,
56
+ disabled: disabled
57
+ }, rest)));
58
+ };
59
+
60
+ Input.displayName = "Input";
61
+
62
+ const CheckboxInputField = props => /*#__PURE__*/_react.default.createElement(_ToggleInputField.default, props);
63
+
64
+ CheckboxInputField.displayName = "CheckboxInputField";
65
+
66
+ var _default = Object.assign(CheckboxInputField, {
67
+ Input,
68
+ Caption: _InputField.default.Caption,
69
+ Label: _InputField.default.Label,
70
+ LeadingVisual: _ToggleInputLeadingVisual.default
71
+ });
72
+
73
+ exports.default = _default;
@@ -0,0 +1,3 @@
1
+ import React from 'react';
2
+ declare const ChoiceFieldCaption: React.FC;
3
+ export default ChoiceFieldCaption;
@@ -0,0 +1,35 @@
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+ exports.default = void 0;
7
+
8
+ var _react = _interopRequireWildcard(require("react"));
9
+
10
+ var _ChoiceFieldsetListContext = _interopRequireDefault(require("./ChoiceFieldsetListContext"));
11
+
12
+ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
13
+
14
+ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
15
+
16
+ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
17
+
18
+ const ChoiceFieldCaption = ({
19
+ children
20
+ }) => {
21
+ const choiceFieldsetListContext = (0, _react.useContext)(_ChoiceFieldsetListContext.default);
22
+
23
+ if (choiceFieldsetListContext === null) {
24
+ throw new Error('ChoiceFieldsetListContext returned null');
25
+ }
26
+
27
+ const {
28
+ fieldComponent: FieldComponent
29
+ } = choiceFieldsetListContext;
30
+ return /*#__PURE__*/_react.default.createElement(FieldComponent.Caption, null, children);
31
+ };
32
+
33
+ ChoiceFieldCaption.displayName = "ChoiceFieldCaption";
34
+ var _default = ChoiceFieldCaption;
35
+ exports.default = _default;
@@ -0,0 +1,3 @@
1
+ import React from 'react';
2
+ declare const ChoiceFieldLabel: React.FC;
3
+ export default ChoiceFieldLabel;
@@ -0,0 +1,35 @@
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+ exports.default = void 0;
7
+
8
+ var _react = _interopRequireWildcard(require("react"));
9
+
10
+ var _ChoiceFieldsetListContext = _interopRequireDefault(require("./ChoiceFieldsetListContext"));
11
+
12
+ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
13
+
14
+ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
15
+
16
+ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
17
+
18
+ const ChoiceFieldLabel = ({
19
+ children
20
+ }) => {
21
+ const choiceFieldsetListContext = (0, _react.useContext)(_ChoiceFieldsetListContext.default);
22
+
23
+ if (choiceFieldsetListContext === null) {
24
+ throw new Error('ChoiceFieldsetListContext returned null');
25
+ }
26
+
27
+ const {
28
+ fieldComponent: FieldComponent
29
+ } = choiceFieldsetListContext;
30
+ return /*#__PURE__*/_react.default.createElement(FieldComponent.Label, null, children);
31
+ };
32
+
33
+ ChoiceFieldLabel.displayName = "ChoiceFieldLabel";
34
+ var _default = ChoiceFieldLabel;
35
+ exports.default = _default;
@@ -0,0 +1,65 @@
1
+ import React, { ComponentProps } from 'react';
2
+ import { FormValidationStatus } from '../utils/types/FormValidationStatus';
3
+ export interface ChoiceFieldsetProps<T = Record<string, FormValidationStatus>> {
4
+ children?: React.ReactNode;
5
+ /**
6
+ * Whether the fieldset is NOT ready for user input
7
+ */
8
+ disabled?: boolean;
9
+ /**
10
+ * The unique identifier for this fieldset. Used to associate the validation text with the fieldset
11
+ * If an ID is not passed, one will be automatically generated
12
+ */
13
+ id?: string;
14
+ /**
15
+ * The unique identifier used to associate radio inputs with eachother
16
+ * If a name is not passed and the fieldset renders radio inputs, a name will be automatically generated
17
+ */
18
+ name?: string;
19
+ /**
20
+ * The callback that is called when a user toggles a choice on or off
21
+ */
22
+ onSelect?: (selectedValues: string[]) => void;
23
+ /**
24
+ * Whether this field must have a value for the user to complete their task
25
+ */
26
+ required?: boolean;
27
+ /**
28
+ * The selected values
29
+ */
30
+ selected?: string[];
31
+ /**
32
+ * A map of validation statuses and their associated validation keys. When one of the validation keys is passed to the `validationResult` prop,
33
+ * the associated validation message will be rendered in the correct style
34
+ */
35
+ validationMap?: T;
36
+ /**
37
+ * The key of the validation message to show
38
+ */
39
+ validationResult?: keyof T;
40
+ }
41
+ export interface ChoiceFieldsetContext extends ChoiceFieldsetProps {
42
+ validationMessageId: string;
43
+ }
44
+ declare const Slot: React.FC<{
45
+ name: "Description" | "ChoiceList" | "Legend" | "Validation";
46
+ children: React.ReactNode;
47
+ }>;
48
+ export { Slot };
49
+ declare const ChoiceFieldset: <T extends Record<string, FormValidationStatus>>({ children, disabled, id, name, onSelect, required, selected, validationMap, validationResult }: ChoiceFieldsetProps<T>) => JSX.Element;
50
+ export declare type InputFieldComponentProps = ComponentProps<typeof ChoiceFieldset>;
51
+ export type { ChoiceFieldsetListProps } from './ChoiceFieldsetList';
52
+ export type { ChoiceFieldsetLegendProps } from './ChoiceFieldsetLegend';
53
+ export type { ChoiceFieldProps } from './ChoiceFieldsetListItem';
54
+ declare const _default: (<T extends Record<string, FormValidationStatus>>({ children, disabled, id, name, onSelect, required, selected, validationMap, validationResult }: ChoiceFieldsetProps<T>) => JSX.Element) & {
55
+ Description: React.FC<{}>;
56
+ Item: React.FC<import("./ChoiceFieldsetListItem").ChoiceFieldProps> & {
57
+ Caption: React.FC<{}>;
58
+ Label: React.FC<{}>;
59
+ LeadingVisual: React.FC<{}>;
60
+ };
61
+ Legend: React.FC<import("./ChoiceFieldsetLegend").ChoiceFieldsetLegendProps>;
62
+ List: React.FC<import("./ChoiceFieldsetList").ChoiceFieldsetListProps>;
63
+ Validation: React.FC<import("./ChoiceFieldsetValidation").ChoiceFieldsetValidationProps>;
64
+ };
65
+ export default _default;
@@ -0,0 +1,95 @@
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+ exports.default = exports.Slot = void 0;
7
+
8
+ var _react = _interopRequireDefault(require("react"));
9
+
10
+ var _ = require("..");
11
+
12
+ var _createSlots = _interopRequireDefault(require("../utils/create-slots"));
13
+
14
+ var _uniqueId = require("../utils/uniqueId");
15
+
16
+ var _ValidationAnimationContainer = _interopRequireDefault(require("../_InputField/ValidationAnimationContainer"));
17
+
18
+ var _InputValidation = _interopRequireDefault(require("../_InputValidation"));
19
+
20
+ var _ChoiceFieldsetListItem = _interopRequireDefault(require("./ChoiceFieldsetListItem"));
21
+
22
+ var _ChoiceFieldsetDescription = _interopRequireDefault(require("./ChoiceFieldsetDescription"));
23
+
24
+ var _ChoiceFieldsetLegend = _interopRequireDefault(require("./ChoiceFieldsetLegend"));
25
+
26
+ var _ChoiceFieldsetList = _interopRequireDefault(require("./ChoiceFieldsetList"));
27
+
28
+ var _ChoiceFieldsetValidation = _interopRequireDefault(require("./ChoiceFieldsetValidation"));
29
+
30
+ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
31
+
32
+ const {
33
+ Slots,
34
+ Slot
35
+ } = (0, _createSlots.default)(['Description', 'ChoiceList', 'Legend', 'Validation']);
36
+ exports.Slot = Slot;
37
+
38
+ const ChoiceFieldset = ({
39
+ children,
40
+ disabled,
41
+ id,
42
+ name,
43
+ onSelect,
44
+ required,
45
+ selected,
46
+ validationMap,
47
+ validationResult
48
+ }) => {
49
+ var _React$Children$map;
50
+
51
+ const fieldsetId = id || (0, _uniqueId.uniqueId)();
52
+ const validationChildren = (_React$Children$map = _react.default.Children.map(children, child => /*#__PURE__*/_react.default.isValidElement(child) && child.type === _ChoiceFieldsetValidation.default ? child : null)) === null || _React$Children$map === void 0 ? void 0 : _React$Children$map.filter(Boolean);
53
+ const validationChildToRender = validationChildren === null || validationChildren === void 0 ? void 0 : validationChildren.find(child => child.props.validationKey === validationResult);
54
+ const validationMessageId = validationChildToRender ? `${fieldsetId}-validationMsg` : undefined;
55
+ return /*#__PURE__*/_react.default.createElement(Slots, {
56
+ context: {
57
+ disabled,
58
+ name,
59
+ onSelect,
60
+ required,
61
+ selected,
62
+ validationMessageId
63
+ }
64
+ }, slots => {
65
+ const isLegendVisible = /*#__PURE__*/_react.default.isValidElement(slots.Legend) && slots.Legend.props.isVisible;
66
+ return /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement(_.Box, {
67
+ as: "fieldset",
68
+ border: "none",
69
+ margin: 0,
70
+ padding: 0,
71
+ "aria-describedby": [validationMessageId].filter(Boolean).join(' ')
72
+ }, _react.default.Children.toArray(children).filter(child => /*#__PURE__*/_react.default.isValidElement(child) && child.type !== _ChoiceFieldsetValidation.default), /*#__PURE__*/_react.default.createElement(_.Box, {
73
+ mb: isLegendVisible ? 3 : undefined
74
+ }, slots.Legend, slots.Description), slots.ChoiceList), validationChildToRender && /*#__PURE__*/_react.default.createElement(_.Box, {
75
+ mt: 3
76
+ }, validationMap && validationResult && validationMessageId && /*#__PURE__*/_react.default.createElement(_ValidationAnimationContainer.default, {
77
+ show: true
78
+ }, /*#__PURE__*/_react.default.createElement(_InputValidation.default, {
79
+ validationStatus: validationMap[validationResult],
80
+ id: validationMessageId
81
+ }, validationChildToRender))));
82
+ });
83
+ };
84
+
85
+ ChoiceFieldset.displayName = "ChoiceFieldset";
86
+
87
+ var _default = Object.assign(ChoiceFieldset, {
88
+ Description: _ChoiceFieldsetDescription.default,
89
+ Item: _ChoiceFieldsetListItem.default,
90
+ Legend: _ChoiceFieldsetLegend.default,
91
+ List: _ChoiceFieldsetList.default,
92
+ Validation: _ChoiceFieldsetValidation.default
93
+ });
94
+
95
+ exports.default = _default;
@@ -0,0 +1,3 @@
1
+ import React from 'react';
2
+ declare const ChoiceFieldsetDescription: React.FC;
3
+ export default ChoiceFieldsetDescription;
@@ -0,0 +1,29 @@
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+ exports.default = void 0;
7
+
8
+ var _react = _interopRequireDefault(require("react"));
9
+
10
+ var _ = require("..");
11
+
12
+ var _ChoiceFieldset = require("./ChoiceFieldset");
13
+
14
+ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
15
+
16
+ const ChoiceFieldsetDescription = ({
17
+ children
18
+ }) => /*#__PURE__*/_react.default.createElement(_ChoiceFieldset.Slot, {
19
+ name: "Description"
20
+ }, ({
21
+ disabled
22
+ }) => /*#__PURE__*/_react.default.createElement(_.Text, {
23
+ color: disabled ? 'fg.muted' : 'fg.default',
24
+ fontSize: 1
25
+ }, children));
26
+
27
+ ChoiceFieldsetDescription.displayName = "ChoiceFieldsetDescription";
28
+ var _default = ChoiceFieldsetDescription;
29
+ exports.default = _default;
@@ -0,0 +1,9 @@
1
+ import React from 'react';
2
+ export interface ChoiceFieldsetLegendProps {
3
+ /**
4
+ * Whether to visually hide the fieldset legend
5
+ */
6
+ visuallyHidden?: boolean;
7
+ }
8
+ declare const ChoiceFieldsetLegend: React.FC<ChoiceFieldsetLegendProps>;
9
+ export default ChoiceFieldsetLegend;
@@ -0,0 +1,44 @@
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+ exports.default = void 0;
7
+
8
+ var _react = _interopRequireDefault(require("react"));
9
+
10
+ var _ = require("..");
11
+
12
+ var _VisuallyHidden = _interopRequireDefault(require("../_VisuallyHidden"));
13
+
14
+ var _ChoiceFieldset = require("./ChoiceFieldset");
15
+
16
+ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
17
+
18
+ const ChoiceFieldsetLegend = ({
19
+ children,
20
+ visuallyHidden
21
+ }) => /*#__PURE__*/_react.default.createElement(_ChoiceFieldset.Slot, {
22
+ name: "Legend"
23
+ }, ({
24
+ required,
25
+ disabled
26
+ }) => /*#__PURE__*/_react.default.createElement(_VisuallyHidden.default, {
27
+ as: "legend",
28
+ isVisible: !visuallyHidden,
29
+ title: required ? 'required field' : undefined,
30
+ sx: {
31
+ color: disabled ? 'fg.muted' : undefined,
32
+ fontSize: 2,
33
+ padding: 0
34
+ }
35
+ }, required ? /*#__PURE__*/_react.default.createElement(_.Box, {
36
+ display: "flex",
37
+ as: "span"
38
+ }, /*#__PURE__*/_react.default.createElement(_.Box, {
39
+ mr: 1
40
+ }, children), /*#__PURE__*/_react.default.createElement("span", null, "*")) : children));
41
+
42
+ ChoiceFieldsetLegend.displayName = "ChoiceFieldsetLegend";
43
+ var _default = ChoiceFieldsetLegend;
44
+ exports.default = _default;
@@ -0,0 +1,9 @@
1
+ import React from 'react';
2
+ export interface ChoiceFieldsetListProps {
3
+ /**
4
+ * Whether multiple items or a single item can be selected
5
+ */
6
+ selectionVariant?: 'single' | 'multiple';
7
+ }
8
+ declare const ChoiceFieldsetList: React.FC<ChoiceFieldsetListProps>;
9
+ export default ChoiceFieldsetList;
@@ -0,0 +1,80 @@
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+ exports.default = void 0;
7
+
8
+ var _react = _interopRequireDefault(require("react"));
9
+
10
+ var _styledComponents = _interopRequireDefault(require("styled-components"));
11
+
12
+ var _ = require("..");
13
+
14
+ var _constants = require("../constants");
15
+
16
+ var _uniqueId = require("../utils/uniqueId");
17
+
18
+ var _ChoiceFieldset = require("./ChoiceFieldset");
19
+
20
+ var _ChoiceFieldsetListContext = _interopRequireDefault(require("./ChoiceFieldsetListContext"));
21
+
22
+ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
23
+
24
+ const List = _styledComponents.default.ul.withConfig({
25
+ displayName: "ChoiceFieldsetList__List",
26
+ componentId: "sc-16da7ba-0"
27
+ })(["display:flex;flex-direction:column;list-style:none;margin:0;padding:0;> li + li{margin-top:", ";}"], (0, _constants.get)('space.2'));
28
+
29
+ const ChoiceFieldsetList = ({
30
+ selectionVariant,
31
+ children
32
+ }) => {
33
+ // generates a name to pass to radio inputs if one was not passed in ChoiceFieldset props
34
+ const getRadioGroupName = nameFromContext => {
35
+ if (nameFromContext || selectionVariant === 'multiple') {
36
+ return nameFromContext;
37
+ }
38
+
39
+ return (0, _uniqueId.uniqueId)();
40
+ };
41
+
42
+ return /*#__PURE__*/_react.default.createElement(_ChoiceFieldset.Slot, {
43
+ name: "ChoiceList"
44
+ }, ({
45
+ name,
46
+ onSelect,
47
+ disabled,
48
+ selected = []
49
+ }) => {
50
+ const getSelectedCheckboxes = (value, checked) => {
51
+ if (checked) {
52
+ return selectionVariant === 'multiple' ? [...selected, value] : [value];
53
+ }
54
+
55
+ return selected.filter(selectedValue => selectedValue !== value);
56
+ };
57
+
58
+ return /*#__PURE__*/_react.default.createElement(_ChoiceFieldsetListContext.default.Provider, {
59
+ value: {
60
+ disabled,
61
+ selected,
62
+ name: getRadioGroupName(name),
63
+ fieldComponent: selectionVariant === 'multiple' ? _.CheckboxInputField : _.RadioInputField,
64
+ onChange: e => {
65
+ onSelect && onSelect(getSelectedCheckboxes(e.currentTarget.value, e.currentTarget.checked));
66
+ },
67
+ selectionVariant
68
+ }
69
+ }, /*#__PURE__*/_react.default.createElement(List, null, _react.default.Children.map(children, (child, i) => /*#__PURE__*/_react.default.createElement("li", {
70
+ key: i
71
+ }, child))));
72
+ });
73
+ };
74
+
75
+ ChoiceFieldsetList.displayName = "ChoiceFieldsetList";
76
+ ChoiceFieldsetList.defaultProps = {
77
+ selectionVariant: 'single'
78
+ };
79
+ var _default = ChoiceFieldsetList;
80
+ exports.default = _default;
@@ -0,0 +1,19 @@
1
+ import { ChangeEventHandler } from 'react';
2
+ import { CheckboxInputField, RadioInputField } from '..';
3
+ import { ComponentProps } from '../utils/types';
4
+ import InputField from '../_InputField';
5
+ import ToggleInputField, { ToggleInputFieldProps } from '../_InputField/ToggleInputField';
6
+ declare const ChoiceFieldsetListContext: import("react").Context<{
7
+ disabled?: boolean | undefined;
8
+ name?: string | undefined;
9
+ onChange: ChangeEventHandler<HTMLInputElement>;
10
+ fieldComponent: React.FC<ToggleInputFieldProps> & {
11
+ Input: React.FC<ComponentProps<typeof RadioInputField.Input>> | React.FC<ComponentProps<typeof CheckboxInputField.Input>>;
12
+ Caption: React.FC<ComponentProps<typeof InputField.Caption>>;
13
+ Label: React.FC<ComponentProps<typeof InputField.Label>>;
14
+ LeadingVisual: React.FC<ComponentProps<typeof ToggleInputField.LeadingVisual>>;
15
+ };
16
+ selected?: string[] | undefined;
17
+ selectionVariant?: "single" | "multiple" | undefined;
18
+ } | null>;
19
+ export default ChoiceFieldsetListContext;
@@ -0,0 +1,15 @@
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+ exports.default = void 0;
7
+
8
+ var _react = require("react");
9
+
10
+ var _ = require("..");
11
+
12
+ const ChoiceFieldsetListContext = /*#__PURE__*/(0, _react.createContext)(null);
13
+ _.CheckboxInputField.Input;
14
+ var _default = ChoiceFieldsetListContext;
15
+ exports.default = _default;
@@ -0,0 +1,25 @@
1
+ import React from 'react';
2
+ import { ComponentProps } from '../utils/types';
3
+ export interface ChoiceFieldProps {
4
+ /**
5
+ * Whether the field is ready for user input
6
+ */
7
+ disabled?: boolean;
8
+ /**
9
+ * The unique identifier for this field. Used to associate the label, validation text, and caption text.
10
+ * If an ID is not provided, one will be automatically generated.
11
+ */
12
+ id?: string;
13
+ /**
14
+ * The value that is being selected
15
+ */
16
+ value: string;
17
+ }
18
+ declare const ChoiceFieldsetListItem: React.FC<ChoiceFieldProps>;
19
+ export declare type ChoiceFieldComponentProps = ComponentProps<typeof ChoiceFieldsetListItem>;
20
+ declare const _default: React.FC<ChoiceFieldProps> & {
21
+ Caption: React.FC<{}>;
22
+ Label: React.FC<{}>;
23
+ LeadingVisual: React.FC<{}>;
24
+ };
25
+ export default _default;