@primer/components 0.0.0-20211030173748 → 0.0.0-20211030175556

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 (362) hide show
  1. package/CHANGELOG.md +2 -28
  2. package/dist/browser.esm.js +585 -606
  3. package/dist/browser.esm.js.map +1 -1
  4. package/dist/browser.umd.js +201 -222
  5. package/dist/browser.umd.js.map +1 -1
  6. package/lib/ActionList/Divider.jsx +29 -0
  7. package/lib/ActionList/Group.jsx +23 -0
  8. package/lib/ActionList/Header.jsx +66 -0
  9. package/lib/ActionList/Item.js +3 -3
  10. package/lib/ActionList/Item.jsx +288 -0
  11. package/lib/ActionList/List.jsx +138 -0
  12. package/lib/ActionList/index.js +12 -23
  13. package/lib/ActionList2/Description.jsx +29 -0
  14. package/lib/ActionList2/Divider.jsx +22 -0
  15. package/lib/ActionList2/Group.jsx +54 -0
  16. package/lib/ActionList2/Header.d.ts +26 -0
  17. package/lib/ActionList2/Header.js +55 -0
  18. package/lib/ActionList2/Header.jsx +36 -0
  19. package/lib/ActionList2/Item.js +1 -3
  20. package/lib/ActionList2/Item.jsx +174 -0
  21. package/lib/ActionList2/LinkItem.jsx +28 -0
  22. package/lib/ActionList2/List.js +2 -1
  23. package/lib/ActionList2/List.jsx +41 -0
  24. package/lib/ActionList2/Selection.js +1 -3
  25. package/lib/ActionList2/Selection.jsx +50 -0
  26. package/lib/ActionList2/Visuals.jsx +48 -0
  27. package/lib/ActionList2/index.js +23 -41
  28. package/lib/ActionMenu.jsx +73 -0
  29. package/lib/AnchoredOverlay/AnchoredOverlay.jsx +100 -0
  30. package/lib/AnchoredOverlay/index.js +4 -12
  31. package/lib/Autocomplete/Autocomplete.d.ts +0 -1
  32. package/lib/Autocomplete/Autocomplete.jsx +100 -0
  33. package/lib/Autocomplete/AutocompleteContext.jsx +5 -0
  34. package/lib/Autocomplete/AutocompleteInput.d.ts +0 -1
  35. package/lib/Autocomplete/AutocompleteInput.jsx +113 -0
  36. package/lib/Autocomplete/AutocompleteMenu.js +13 -6
  37. package/lib/Autocomplete/AutocompleteMenu.jsx +190 -0
  38. package/lib/Autocomplete/AutocompleteOverlay.jsx +55 -0
  39. package/lib/Autocomplete/index.js +7 -14
  40. package/lib/Avatar.jsx +34 -0
  41. package/lib/AvatarPair.jsx +29 -0
  42. package/lib/AvatarStack.jsx +151 -0
  43. package/lib/BaseStyles.jsx +65 -0
  44. package/lib/BorderBox.jsx +18 -0
  45. package/lib/Box.jsx +10 -0
  46. package/lib/BranchName.jsx +20 -0
  47. package/lib/Breadcrumbs.jsx +71 -0
  48. package/lib/Button/Button.d.ts +0 -1
  49. package/lib/Button/Button.jsx +40 -0
  50. package/lib/Button/ButtonBase.jsx +33 -0
  51. package/lib/Button/ButtonClose.d.ts +1 -2
  52. package/lib/Button/ButtonClose.jsx +53 -0
  53. package/lib/Button/ButtonDanger.d.ts +0 -1
  54. package/lib/Button/ButtonDanger.jsx +43 -0
  55. package/lib/Button/ButtonGroup.jsx +55 -0
  56. package/lib/Button/ButtonInvisible.d.ts +0 -1
  57. package/lib/Button/ButtonInvisible.jsx +32 -0
  58. package/lib/Button/ButtonOutline.d.ts +0 -1
  59. package/lib/Button/ButtonOutline.jsx +43 -0
  60. package/lib/Button/ButtonPrimary.d.ts +0 -1
  61. package/lib/Button/ButtonPrimary.jsx +42 -0
  62. package/lib/Button/ButtonStyles.jsx +37 -0
  63. package/lib/Button/ButtonTableList.jsx +46 -0
  64. package/lib/Button/index.js +21 -70
  65. package/lib/Caret.jsx +93 -0
  66. package/lib/CircleBadge.jsx +42 -0
  67. package/lib/CircleOcticon.d.ts +0 -1
  68. package/lib/CircleOcticon.jsx +21 -0
  69. package/lib/CounterLabel.jsx +43 -0
  70. package/lib/Details.jsx +21 -0
  71. package/lib/Dialog/ConfirmationDialog.jsx +146 -0
  72. package/lib/Dialog/Dialog.jsx +279 -0
  73. package/lib/Dialog.d.ts +2 -3
  74. package/lib/Dialog.jsx +129 -0
  75. package/lib/Dropdown.d.ts +0 -4
  76. package/lib/Dropdown.jsx +131 -0
  77. package/lib/DropdownMenu/DropdownButton.d.ts +1 -2
  78. package/lib/DropdownMenu/DropdownButton.jsx +14 -0
  79. package/lib/DropdownMenu/DropdownMenu.jsx +70 -0
  80. package/lib/DropdownMenu/index.js +6 -20
  81. package/lib/DropdownStyles.js +18 -26
  82. package/lib/FilterList.d.ts +0 -1
  83. package/lib/FilterList.jsx +59 -0
  84. package/lib/FilteredActionList/FilteredActionList.jsx +100 -0
  85. package/lib/FilteredActionList/index.js +4 -12
  86. package/lib/FilteredSearch.jsx +28 -0
  87. package/lib/Flash.jsx +69 -0
  88. package/lib/Flex.jsx +15 -0
  89. package/lib/FormGroup.jsx +22 -0
  90. package/lib/Grid.jsx +15 -0
  91. package/lib/Header.jsx +83 -0
  92. package/lib/Heading.jsx +21 -0
  93. package/lib/Label.jsx +82 -0
  94. package/lib/LabelGroup.jsx +18 -0
  95. package/lib/Link.jsx +36 -0
  96. package/lib/NewButton/button-counter.jsx +14 -0
  97. package/lib/NewButton/button.jsx +279 -0
  98. package/lib/NewButton/index.js +5 -12
  99. package/lib/NewButton/types.js +2 -1
  100. package/lib/Overlay.d.ts +3 -5
  101. package/lib/Overlay.jsx +154 -0
  102. package/lib/Pagehead.jsx +17 -0
  103. package/lib/Pagination/Pagination.jsx +161 -0
  104. package/lib/Pagination/index.js +6 -12
  105. package/lib/Pagination/model.jsx +174 -0
  106. package/lib/PointerBox.jsx +25 -0
  107. package/lib/Popover.jsx +202 -0
  108. package/lib/Portal/Portal.jsx +79 -0
  109. package/lib/Portal/index.js +5 -16
  110. package/lib/Position.d.ts +4 -4
  111. package/lib/Position.jsx +46 -0
  112. package/lib/ProgressBar.jsx +39 -0
  113. package/lib/SelectMenu/SelectMenu.d.ts +4 -10
  114. package/lib/SelectMenu/SelectMenu.jsx +112 -0
  115. package/lib/SelectMenu/SelectMenuContext.jsx +5 -0
  116. package/lib/SelectMenu/SelectMenuDivider.jsx +42 -0
  117. package/lib/SelectMenu/SelectMenuFilter.jsx +58 -0
  118. package/lib/SelectMenu/SelectMenuFooter.jsx +45 -0
  119. package/lib/SelectMenu/SelectMenuHeader.jsx +42 -0
  120. package/lib/SelectMenu/SelectMenuItem.d.ts +1 -1
  121. package/lib/SelectMenu/SelectMenuItem.jsx +142 -0
  122. package/lib/SelectMenu/SelectMenuList.jsx +59 -0
  123. package/lib/SelectMenu/SelectMenuLoadingAnimation.jsx +22 -0
  124. package/lib/SelectMenu/SelectMenuModal.d.ts +1 -1
  125. package/lib/SelectMenu/SelectMenuModal.jsx +118 -0
  126. package/lib/SelectMenu/SelectMenuTab.jsx +92 -0
  127. package/lib/SelectMenu/SelectMenuTabPanel.jsx +42 -0
  128. package/lib/SelectMenu/SelectMenuTabs.jsx +57 -0
  129. package/lib/SelectMenu/hooks/useKeyboardNav.js +80 -96
  130. package/lib/SelectMenu/index.js +7 -14
  131. package/lib/SelectPanel/SelectPanel.jsx +105 -0
  132. package/lib/SelectPanel/index.js +4 -12
  133. package/lib/SideNav.jsx +173 -0
  134. package/lib/Spinner.jsx +35 -0
  135. package/lib/StateLabel.jsx +93 -0
  136. package/lib/StyledOcticon.jsx +18 -0
  137. package/lib/SubNav.jsx +101 -0
  138. package/lib/TabNav.jsx +58 -0
  139. package/lib/Text.jsx +14 -0
  140. package/lib/TextInput.jsx +23 -0
  141. package/lib/TextInputWithTokens.d.ts +0 -1
  142. package/lib/TextInputWithTokens.jsx +218 -0
  143. package/lib/ThemeProvider.jsx +130 -0
  144. package/lib/Timeline.jsx +123 -0
  145. package/lib/Token/AvatarToken.d.ts +1 -1
  146. package/lib/Token/AvatarToken.jsx +54 -0
  147. package/lib/Token/IssueLabelToken.d.ts +1 -1
  148. package/lib/Token/IssueLabelToken.jsx +125 -0
  149. package/lib/Token/Token.d.ts +1 -1
  150. package/lib/Token/Token.jsx +103 -0
  151. package/lib/Token/TokenBase.jsx +88 -0
  152. package/lib/Token/_RemoveTokenButton.jsx +108 -0
  153. package/lib/Token/_TokenTextContainer.jsx +49 -0
  154. package/lib/Token/index.js +11 -30
  155. package/lib/Tooltip.jsx +246 -0
  156. package/lib/Truncate.jsx +24 -0
  157. package/lib/UnderlineNav.jsx +88 -0
  158. package/lib/_TextInputWrapper.jsx +120 -0
  159. package/lib/_UnstyledTextInput.jsx +22 -0
  160. package/lib/behaviors/anchoredPosition.js +205 -234
  161. package/lib/behaviors/focusTrap.js +121 -157
  162. package/lib/behaviors/focusZone.js +434 -509
  163. package/lib/behaviors/scrollIntoViewingArea.js +18 -35
  164. package/lib/constants.js +39 -43
  165. package/lib/drafts.js +20 -30
  166. package/lib/hooks/index.js +16 -60
  167. package/lib/hooks/useAnchoredPosition.js +32 -40
  168. package/lib/hooks/useCombinedRefs.js +32 -36
  169. package/lib/hooks/useDetails.jsx +39 -0
  170. package/lib/hooks/useDialog.js +72 -96
  171. package/lib/hooks/useFocusTrap.js +43 -60
  172. package/lib/hooks/useFocusZone.js +54 -50
  173. package/lib/hooks/useOnEscapePress.js +25 -36
  174. package/lib/hooks/useOnOutsideClick.jsx +61 -0
  175. package/lib/hooks/useOpenAndCloseFocus.js +22 -34
  176. package/lib/hooks/useOverlay.jsx +15 -0
  177. package/lib/hooks/useProvidedRefOrCreate.js +10 -14
  178. package/lib/hooks/useProvidedStateOrCreate.js +13 -16
  179. package/lib/hooks/useRenderForcingRef.js +13 -17
  180. package/lib/hooks/useResizeObserver.js +15 -18
  181. package/lib/hooks/useSafeTimeout.js +22 -30
  182. package/lib/hooks/useScrollFlash.js +16 -23
  183. package/lib/index.d.ts +0 -6
  184. package/lib/index.js +163 -690
  185. package/lib/polyfills/eventListenerSignal.js +37 -45
  186. package/lib/sx.js +10 -22
  187. package/lib/theme-preval.js +64 -3169
  188. package/lib/theme.js +3 -12
  189. package/lib/utils/create-slots.jsx +65 -0
  190. package/lib/utils/deprecate.jsx +59 -0
  191. package/lib/utils/isNumeric.jsx +7 -0
  192. package/lib/utils/iterateFocusableElements.js +63 -85
  193. package/lib/utils/ssr.jsx +6 -0
  194. package/lib/utils/test-deprecations.jsx +20 -0
  195. package/lib/utils/test-helpers.jsx +8 -0
  196. package/lib/utils/test-matchers.jsx +100 -0
  197. package/lib/utils/testing.d.ts +1 -2
  198. package/lib/utils/testing.js +0 -29
  199. package/lib/utils/testing.jsx +206 -0
  200. package/lib/utils/theme.js +33 -47
  201. package/lib/utils/types/AriaRole.js +2 -1
  202. package/lib/utils/types/ComponentProps.js +2 -1
  203. package/lib/utils/types/Flatten.js +2 -1
  204. package/lib/utils/types/KeyPaths.js +2 -1
  205. package/lib/utils/types/MandateProps.js +16 -1
  206. package/lib/utils/types/Merge.js +2 -1
  207. package/lib/utils/types/index.js +16 -69
  208. package/lib/utils/uniqueId.js +5 -8
  209. package/lib/utils/use-force-update.js +8 -14
  210. package/lib/utils/useIsomorphicLayoutEffect.js +8 -11
  211. package/lib/utils/userAgent.js +8 -12
  212. package/lib-esm/ActionList/Item.js +3 -3
  213. package/lib-esm/ActionList2/Header.d.ts +26 -0
  214. package/lib-esm/ActionList2/Header.js +44 -0
  215. package/lib-esm/ActionList2/Item.js +1 -3
  216. package/lib-esm/ActionList2/List.js +2 -1
  217. package/lib-esm/ActionList2/Selection.js +1 -3
  218. package/lib-esm/Autocomplete/Autocomplete.d.ts +0 -1
  219. package/lib-esm/Autocomplete/AutocompleteInput.d.ts +0 -1
  220. package/lib-esm/Autocomplete/AutocompleteMenu.js +13 -3
  221. package/lib-esm/Button/Button.d.ts +0 -1
  222. package/lib-esm/Button/ButtonClose.d.ts +1 -2
  223. package/lib-esm/Button/ButtonDanger.d.ts +0 -1
  224. package/lib-esm/Button/ButtonInvisible.d.ts +0 -1
  225. package/lib-esm/Button/ButtonOutline.d.ts +0 -1
  226. package/lib-esm/Button/ButtonPrimary.d.ts +0 -1
  227. package/lib-esm/CircleOcticon.d.ts +0 -1
  228. package/lib-esm/Dialog.d.ts +2 -3
  229. package/lib-esm/Dropdown.d.ts +0 -4
  230. package/lib-esm/DropdownMenu/DropdownButton.d.ts +1 -2
  231. package/lib-esm/FilterList.d.ts +0 -1
  232. package/lib-esm/Overlay.d.ts +3 -5
  233. package/lib-esm/Position.d.ts +4 -4
  234. package/lib-esm/SelectMenu/SelectMenu.d.ts +4 -10
  235. package/lib-esm/SelectMenu/SelectMenuItem.d.ts +1 -1
  236. package/lib-esm/SelectMenu/SelectMenuModal.d.ts +1 -1
  237. package/lib-esm/TextInputWithTokens.d.ts +0 -1
  238. package/lib-esm/Token/AvatarToken.d.ts +1 -1
  239. package/lib-esm/Token/IssueLabelToken.d.ts +1 -1
  240. package/lib-esm/Token/Token.d.ts +1 -1
  241. package/lib-esm/index.d.ts +0 -6
  242. package/lib-esm/index.js +0 -5
  243. package/lib-esm/theme-preval.js +0 -446
  244. package/lib-esm/utils/testing.d.ts +1 -2
  245. package/lib-esm/utils/testing.js +0 -24
  246. package/package.json +6 -5
  247. package/lib/Checkbox.d.ts +0 -29
  248. package/lib/Checkbox.js +0 -64
  249. package/lib/CheckboxInputField.d.ts +0 -11
  250. package/lib/CheckboxInputField.js +0 -73
  251. package/lib/ChoiceFieldset/ChoiceField.d.ts +0 -22
  252. package/lib/ChoiceFieldset/ChoiceField.js +0 -58
  253. package/lib/ChoiceFieldset/ChoiceFieldCaption.d.ts +0 -3
  254. package/lib/ChoiceFieldset/ChoiceFieldCaption.js +0 -35
  255. package/lib/ChoiceFieldset/ChoiceFieldInput.d.ts +0 -13
  256. package/lib/ChoiceFieldset/ChoiceFieldInput.js +0 -43
  257. package/lib/ChoiceFieldset/ChoiceFieldLabel.d.ts +0 -3
  258. package/lib/ChoiceFieldset/ChoiceFieldLabel.js +0 -35
  259. package/lib/ChoiceFieldset/ChoiceFieldset.d.ts +0 -57
  260. package/lib/ChoiceFieldset/ChoiceFieldset.js +0 -95
  261. package/lib/ChoiceFieldset/ChoiceFieldsetCaption.d.ts +0 -3
  262. package/lib/ChoiceFieldset/ChoiceFieldsetCaption.js +0 -28
  263. package/lib/ChoiceFieldset/ChoiceFieldsetLegend.d.ts +0 -6
  264. package/lib/ChoiceFieldset/ChoiceFieldsetLegend.js +0 -41
  265. package/lib/ChoiceFieldset/ChoiceFieldsetList.d.ts +0 -6
  266. package/lib/ChoiceFieldset/ChoiceFieldsetList.js +0 -85
  267. package/lib/ChoiceFieldset/ChoiceFieldsetListContext.d.ts +0 -17
  268. package/lib/ChoiceFieldset/ChoiceFieldsetListContext.js +0 -15
  269. package/lib/ChoiceFieldset/ChoiceFieldsetValidation.d.ts +0 -6
  270. package/lib/ChoiceFieldset/ChoiceFieldsetValidation.js +0 -17
  271. package/lib/ChoiceFieldset/index.d.ts +0 -3
  272. package/lib/ChoiceFieldset/index.js +0 -23
  273. package/lib/RadioInputField.d.ts +0 -9
  274. package/lib/RadioInputField.js +0 -82
  275. package/lib/TextInputField.d.ts +0 -581
  276. package/lib/TextInputField.js +0 -66
  277. package/lib/_InputCaption.d.ts +0 -13
  278. package/lib/_InputCaption.js +0 -27
  279. package/lib/_InputField/InputField.d.ts +0 -39
  280. package/lib/_InputField/InputField.js +0 -90
  281. package/lib/_InputField/InputFieldCaption.d.ts +0 -3
  282. package/lib/_InputField/InputFieldCaption.js +0 -30
  283. package/lib/_InputField/InputFieldLabel.d.ts +0 -9
  284. package/lib/_InputField/InputFieldLabel.js +0 -34
  285. package/lib/_InputField/InputFieldValidation.d.ts +0 -6
  286. package/lib/_InputField/InputFieldValidation.js +0 -17
  287. package/lib/_InputField/ToggleInputField.d.ts +0 -13
  288. package/lib/_InputField/ToggleInputField.js +0 -71
  289. package/lib/_InputField/ToggleInputLeadingVisual.d.ts +0 -3
  290. package/lib/_InputField/ToggleInputLeadingVisual.js +0 -22
  291. package/lib/_InputField/ValidationAnimationContainer.d.ts +0 -6
  292. package/lib/_InputField/ValidationAnimationContainer.js +0 -48
  293. package/lib/_InputField/index.d.ts +0 -1
  294. package/lib/_InputField/index.js +0 -15
  295. package/lib/_InputField/slots.d.ts +0 -13
  296. package/lib/_InputField/slots.js +0 -17
  297. package/lib/_InputLabel.d.ts +0 -8
  298. package/lib/_InputLabel.js +0 -44
  299. package/lib/_InputValidation.d.ts +0 -8
  300. package/lib/_InputValidation.js +0 -56
  301. package/lib/_VisuallyHidden.d.ts +0 -6
  302. package/lib/_VisuallyHidden.js +0 -39
  303. package/lib/utils/types/FormValidationStatus.d.ts +0 -1
  304. package/lib/utils/types/FormValidationStatus.js +0 -1
  305. package/lib-esm/Checkbox.d.ts +0 -29
  306. package/lib-esm/Checkbox.js +0 -44
  307. package/lib-esm/CheckboxInputField.d.ts +0 -11
  308. package/lib-esm/CheckboxInputField.js +0 -56
  309. package/lib-esm/ChoiceFieldset/ChoiceField.d.ts +0 -22
  310. package/lib-esm/ChoiceFieldset/ChoiceField.js +0 -36
  311. package/lib-esm/ChoiceFieldset/ChoiceFieldCaption.d.ts +0 -3
  312. package/lib-esm/ChoiceFieldset/ChoiceFieldCaption.js +0 -20
  313. package/lib-esm/ChoiceFieldset/ChoiceFieldInput.d.ts +0 -13
  314. package/lib-esm/ChoiceFieldset/ChoiceFieldInput.js +0 -28
  315. package/lib-esm/ChoiceFieldset/ChoiceFieldLabel.d.ts +0 -3
  316. package/lib-esm/ChoiceFieldset/ChoiceFieldLabel.js +0 -20
  317. package/lib-esm/ChoiceFieldset/ChoiceFieldset.d.ts +0 -57
  318. package/lib-esm/ChoiceFieldset/ChoiceFieldset.js +0 -72
  319. package/lib-esm/ChoiceFieldset/ChoiceFieldsetCaption.d.ts +0 -3
  320. package/lib-esm/ChoiceFieldset/ChoiceFieldsetCaption.js +0 -16
  321. package/lib-esm/ChoiceFieldset/ChoiceFieldsetLegend.d.ts +0 -6
  322. package/lib-esm/ChoiceFieldset/ChoiceFieldsetLegend.js +0 -28
  323. package/lib-esm/ChoiceFieldset/ChoiceFieldsetList.d.ts +0 -6
  324. package/lib-esm/ChoiceFieldset/ChoiceFieldsetList.js +0 -68
  325. package/lib-esm/ChoiceFieldset/ChoiceFieldsetListContext.d.ts +0 -17
  326. package/lib-esm/ChoiceFieldset/ChoiceFieldsetListContext.js +0 -5
  327. package/lib-esm/ChoiceFieldset/ChoiceFieldsetValidation.d.ts +0 -6
  328. package/lib-esm/ChoiceFieldset/ChoiceFieldsetValidation.js +0 -7
  329. package/lib-esm/ChoiceFieldset/index.d.ts +0 -3
  330. package/lib-esm/ChoiceFieldset/index.js +0 -2
  331. package/lib-esm/RadioInputField.d.ts +0 -9
  332. package/lib-esm/RadioInputField.js +0 -65
  333. package/lib-esm/TextInputField.d.ts +0 -581
  334. package/lib-esm/TextInputField.js +0 -50
  335. package/lib-esm/_InputCaption.d.ts +0 -13
  336. package/lib-esm/_InputCaption.js +0 -16
  337. package/lib-esm/_InputField/InputField.d.ts +0 -39
  338. package/lib-esm/_InputField/InputField.js +0 -70
  339. package/lib-esm/_InputField/InputFieldCaption.d.ts +0 -3
  340. package/lib-esm/_InputField/InputFieldCaption.js +0 -18
  341. package/lib-esm/_InputField/InputFieldLabel.d.ts +0 -9
  342. package/lib-esm/_InputField/InputFieldLabel.js +0 -22
  343. package/lib-esm/_InputField/InputFieldValidation.d.ts +0 -6
  344. package/lib-esm/_InputField/InputFieldValidation.js +0 -7
  345. package/lib-esm/_InputField/ToggleInputField.d.ts +0 -13
  346. package/lib-esm/_InputField/ToggleInputField.js +0 -54
  347. package/lib-esm/_InputField/ToggleInputLeadingVisual.d.ts +0 -3
  348. package/lib-esm/_InputField/ToggleInputLeadingVisual.js +0 -11
  349. package/lib-esm/_InputField/ValidationAnimationContainer.d.ts +0 -6
  350. package/lib-esm/_InputField/ValidationAnimationContainer.js +0 -33
  351. package/lib-esm/_InputField/index.d.ts +0 -1
  352. package/lib-esm/_InputField/index.js +0 -1
  353. package/lib-esm/_InputField/slots.d.ts +0 -13
  354. package/lib-esm/_InputField/slots.js +0 -5
  355. package/lib-esm/_InputLabel.d.ts +0 -8
  356. package/lib-esm/_InputLabel.js +0 -32
  357. package/lib-esm/_InputValidation.d.ts +0 -8
  358. package/lib-esm/_InputValidation.js +0 -43
  359. package/lib-esm/_VisuallyHidden.d.ts +0 -6
  360. package/lib-esm/_VisuallyHidden.js +0 -26
  361. package/lib-esm/utils/types/FormValidationStatus.d.ts +0 -1
  362. package/lib-esm/utils/types/FormValidationStatus.js +0 -1
@@ -1,581 +0,0 @@
1
- import React from 'react';
2
- import { ForwardRefComponent as PolymorphicForwardRefComponent } from '@radix-ui/react-polymorphic';
3
- declare const _default: (<T extends Record<string, import("./utils/types/FormValidationStatus").FormValidationStatus>>({ children, disabled, id: idProp, required, validationMap, validationResult }: import("./_InputField/InputField").Props<T>) => JSX.Element) & {
4
- Caption: React.FC<{}>;
5
- Label: React.FC<import("./_InputField/InputFieldLabel").Props>;
6
- Validation: React.FC<import("./_InputField/InputFieldValidation").InputFieldValidationProps>;
7
- } & {
8
- Input: PolymorphicForwardRefComponent<React.ForwardRefExoticComponent<Pick<Omit<Pick<{
9
- [x: string]: any;
10
- [x: number]: any;
11
- } & {
12
- theme?: any;
13
- } & {
14
- as?: string | React.ComponentType<any> | undefined;
15
- forwardedAs?: string | React.ComponentType<any> | undefined;
16
- }, string | number | symbol>, "maxWidth" | "minWidth" | "width" | "theme" | "block" | "icon" | "variant" | "sx" | "className" | "disabled" | "contrast"> & {
17
- className?: string | undefined;
18
- icon?: React.ComponentType<{
19
- className?: string | undefined;
20
- }> | undefined;
21
- } & Pick<{
22
- color?: string | undefined;
23
- maxWidth?: import("styled-system").ResponsiveValue<import("csstype").Property.MaxWidth<import("styled-system").TLengthStyledSystem>, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
24
- minWidth?: import("styled-system").ResponsiveValue<import("csstype").Property.MinWidth<import("styled-system").TLengthStyledSystem>, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
25
- translate?: "yes" | "no" | undefined;
26
- width?: import("styled-system").ResponsiveValue<import("csstype").Property.Width<import("styled-system").TLengthStyledSystem>, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
27
- hidden?: boolean | undefined;
28
- children?: React.ReactNode;
29
- ref?: ((instance: HTMLSpanElement | null) => void) | React.RefObject<HTMLSpanElement> | null | undefined;
30
- slot?: string | undefined;
31
- style?: React.CSSProperties | undefined;
32
- title?: string | undefined;
33
- block?: boolean | undefined;
34
- variant?: "small" | "large" | undefined;
35
- role?: React.AriaRole | undefined;
36
- sx?: import("./sx").BetterSystemStyleObject | undefined;
37
- key?: React.Key | null | undefined;
38
- defaultChecked?: boolean | undefined;
39
- defaultValue?: string | number | readonly string[] | undefined;
40
- suppressContentEditableWarning?: boolean | undefined;
41
- suppressHydrationWarning?: boolean | undefined;
42
- accessKey?: string | undefined;
43
- className?: string | undefined;
44
- contentEditable?: "inherit" | (boolean | "false" | "true") | undefined;
45
- contextMenu?: string | undefined;
46
- dir?: string | undefined;
47
- draggable?: (boolean | "false" | "true") | undefined;
48
- id?: string | undefined;
49
- lang?: string | undefined;
50
- placeholder?: string | undefined;
51
- spellCheck?: (boolean | "false" | "true") | undefined;
52
- tabIndex?: number | undefined;
53
- radioGroup?: string | undefined;
54
- about?: string | undefined;
55
- datatype?: string | undefined;
56
- inlist?: any;
57
- prefix?: string | undefined;
58
- property?: string | undefined;
59
- resource?: string | undefined;
60
- typeof?: string | undefined;
61
- vocab?: string | undefined;
62
- autoCapitalize?: string | undefined;
63
- autoCorrect?: string | undefined;
64
- autoSave?: string | undefined;
65
- itemProp?: string | undefined;
66
- itemScope?: boolean | undefined;
67
- itemType?: string | undefined;
68
- itemID?: string | undefined;
69
- itemRef?: string | undefined;
70
- results?: number | undefined;
71
- security?: string | undefined;
72
- unselectable?: "on" | "off" | undefined;
73
- inputMode?: "search" | "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
74
- is?: string | undefined;
75
- 'aria-activedescendant'?: string | undefined;
76
- 'aria-atomic'?: boolean | "false" | "true" | undefined;
77
- 'aria-autocomplete'?: "none" | "both" | "inline" | "list" | undefined;
78
- 'aria-busy'?: boolean | "false" | "true" | undefined;
79
- 'aria-checked'?: boolean | "mixed" | "false" | "true" | undefined;
80
- 'aria-colcount'?: number | undefined;
81
- 'aria-colindex'?: number | undefined;
82
- 'aria-colspan'?: number | undefined;
83
- 'aria-controls'?: string | undefined;
84
- 'aria-current'?: boolean | "time" | "page" | "false" | "true" | "step" | "location" | "date" | undefined;
85
- 'aria-describedby'?: string | undefined;
86
- 'aria-details'?: string | undefined;
87
- 'aria-disabled'?: boolean | "false" | "true" | undefined;
88
- 'aria-dropeffect'?: "link" | "none" | "copy" | "move" | "execute" | "popup" | undefined;
89
- 'aria-errormessage'?: string | undefined;
90
- 'aria-expanded'?: boolean | "false" | "true" | undefined;
91
- 'aria-flowto'?: string | undefined;
92
- 'aria-grabbed'?: boolean | "false" | "true" | undefined;
93
- 'aria-haspopup'?: boolean | "grid" | "dialog" | "menu" | "listbox" | "false" | "true" | "tree" | undefined;
94
- 'aria-hidden'?: boolean | "false" | "true" | undefined;
95
- 'aria-invalid'?: boolean | "false" | "true" | "grammar" | "spelling" | undefined;
96
- 'aria-keyshortcuts'?: string | undefined;
97
- 'aria-label'?: string | undefined;
98
- 'aria-labelledby'?: string | undefined;
99
- 'aria-level'?: number | undefined;
100
- 'aria-live'?: "off" | "assertive" | "polite" | undefined;
101
- 'aria-modal'?: boolean | "false" | "true" | undefined;
102
- 'aria-multiline'?: boolean | "false" | "true" | undefined;
103
- 'aria-multiselectable'?: boolean | "false" | "true" | undefined;
104
- 'aria-orientation'?: "horizontal" | "vertical" | undefined;
105
- 'aria-owns'?: string | undefined;
106
- 'aria-placeholder'?: string | undefined;
107
- 'aria-posinset'?: number | undefined;
108
- 'aria-pressed'?: boolean | "mixed" | "false" | "true" | undefined;
109
- 'aria-readonly'?: boolean | "false" | "true" | undefined;
110
- 'aria-relevant'?: "all" | "text" | "additions" | "additions removals" | "additions text" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals" | undefined;
111
- 'aria-required'?: boolean | "false" | "true" | undefined;
112
- 'aria-roledescription'?: string | undefined;
113
- 'aria-rowcount'?: number | undefined;
114
- 'aria-rowindex'?: number | undefined;
115
- 'aria-rowspan'?: number | undefined;
116
- 'aria-selected'?: boolean | "false" | "true" | undefined;
117
- 'aria-setsize'?: number | undefined;
118
- 'aria-sort'?: "none" | "ascending" | "descending" | "other" | undefined;
119
- 'aria-valuemax'?: number | undefined;
120
- 'aria-valuemin'?: number | undefined;
121
- 'aria-valuenow'?: number | undefined;
122
- 'aria-valuetext'?: string | undefined;
123
- dangerouslySetInnerHTML?: {
124
- __html: string;
125
- } | undefined;
126
- onCopy?: React.ClipboardEventHandler<HTMLSpanElement> | undefined;
127
- onCopyCapture?: React.ClipboardEventHandler<HTMLSpanElement> | undefined;
128
- onCut?: React.ClipboardEventHandler<HTMLSpanElement> | undefined;
129
- onCutCapture?: React.ClipboardEventHandler<HTMLSpanElement> | undefined;
130
- onPaste?: React.ClipboardEventHandler<HTMLSpanElement> | undefined;
131
- onPasteCapture?: React.ClipboardEventHandler<HTMLSpanElement> | undefined;
132
- onCompositionEnd?: React.CompositionEventHandler<HTMLSpanElement> | undefined;
133
- onCompositionEndCapture?: React.CompositionEventHandler<HTMLSpanElement> | undefined;
134
- onCompositionStart?: React.CompositionEventHandler<HTMLSpanElement> | undefined;
135
- onCompositionStartCapture?: React.CompositionEventHandler<HTMLSpanElement> | undefined;
136
- onCompositionUpdate?: React.CompositionEventHandler<HTMLSpanElement> | undefined;
137
- onCompositionUpdateCapture?: React.CompositionEventHandler<HTMLSpanElement> | undefined;
138
- onFocus?: React.FocusEventHandler<HTMLSpanElement> | undefined;
139
- onFocusCapture?: React.FocusEventHandler<HTMLSpanElement> | undefined;
140
- onBlur?: React.FocusEventHandler<HTMLSpanElement> | undefined;
141
- onBlurCapture?: React.FocusEventHandler<HTMLSpanElement> | undefined;
142
- onChange?: React.FormEventHandler<HTMLSpanElement> | undefined;
143
- onChangeCapture?: React.FormEventHandler<HTMLSpanElement> | undefined;
144
- onBeforeInput?: React.FormEventHandler<HTMLSpanElement> | undefined;
145
- onBeforeInputCapture?: React.FormEventHandler<HTMLSpanElement> | undefined;
146
- onInput?: React.FormEventHandler<HTMLSpanElement> | undefined;
147
- onInputCapture?: React.FormEventHandler<HTMLSpanElement> | undefined;
148
- onReset?: React.FormEventHandler<HTMLSpanElement> | undefined;
149
- onResetCapture?: React.FormEventHandler<HTMLSpanElement> | undefined;
150
- onSubmit?: React.FormEventHandler<HTMLSpanElement> | undefined;
151
- onSubmitCapture?: React.FormEventHandler<HTMLSpanElement> | undefined;
152
- onInvalid?: React.FormEventHandler<HTMLSpanElement> | undefined;
153
- onInvalidCapture?: React.FormEventHandler<HTMLSpanElement> | undefined;
154
- onLoad?: React.ReactEventHandler<HTMLSpanElement> | undefined;
155
- onLoadCapture?: React.ReactEventHandler<HTMLSpanElement> | undefined;
156
- onError?: React.ReactEventHandler<HTMLSpanElement> | undefined;
157
- onErrorCapture?: React.ReactEventHandler<HTMLSpanElement> | undefined;
158
- onKeyDown?: React.KeyboardEventHandler<HTMLSpanElement> | undefined;
159
- onKeyDownCapture?: React.KeyboardEventHandler<HTMLSpanElement> | undefined;
160
- onKeyPress?: React.KeyboardEventHandler<HTMLSpanElement> | undefined;
161
- onKeyPressCapture?: React.KeyboardEventHandler<HTMLSpanElement> | undefined;
162
- onKeyUp?: React.KeyboardEventHandler<HTMLSpanElement> | undefined;
163
- onKeyUpCapture?: React.KeyboardEventHandler<HTMLSpanElement> | undefined;
164
- onAbort?: React.ReactEventHandler<HTMLSpanElement> | undefined;
165
- onAbortCapture?: React.ReactEventHandler<HTMLSpanElement> | undefined;
166
- onCanPlay?: React.ReactEventHandler<HTMLSpanElement> | undefined;
167
- onCanPlayCapture?: React.ReactEventHandler<HTMLSpanElement> | undefined;
168
- onCanPlayThrough?: React.ReactEventHandler<HTMLSpanElement> | undefined;
169
- onCanPlayThroughCapture?: React.ReactEventHandler<HTMLSpanElement> | undefined;
170
- onDurationChange?: React.ReactEventHandler<HTMLSpanElement> | undefined;
171
- onDurationChangeCapture?: React.ReactEventHandler<HTMLSpanElement> | undefined;
172
- onEmptied?: React.ReactEventHandler<HTMLSpanElement> | undefined;
173
- onEmptiedCapture?: React.ReactEventHandler<HTMLSpanElement> | undefined;
174
- onEncrypted?: React.ReactEventHandler<HTMLSpanElement> | undefined;
175
- onEncryptedCapture?: React.ReactEventHandler<HTMLSpanElement> | undefined;
176
- onEnded?: React.ReactEventHandler<HTMLSpanElement> | undefined;
177
- onEndedCapture?: React.ReactEventHandler<HTMLSpanElement> | undefined;
178
- onLoadedData?: React.ReactEventHandler<HTMLSpanElement> | undefined;
179
- onLoadedDataCapture?: React.ReactEventHandler<HTMLSpanElement> | undefined;
180
- onLoadedMetadata?: React.ReactEventHandler<HTMLSpanElement> | undefined;
181
- onLoadedMetadataCapture?: React.ReactEventHandler<HTMLSpanElement> | undefined;
182
- onLoadStart?: React.ReactEventHandler<HTMLSpanElement> | undefined;
183
- onLoadStartCapture?: React.ReactEventHandler<HTMLSpanElement> | undefined;
184
- onPause?: React.ReactEventHandler<HTMLSpanElement> | undefined;
185
- onPauseCapture?: React.ReactEventHandler<HTMLSpanElement> | undefined;
186
- onPlay?: React.ReactEventHandler<HTMLSpanElement> | undefined;
187
- onPlayCapture?: React.ReactEventHandler<HTMLSpanElement> | undefined;
188
- onPlaying?: React.ReactEventHandler<HTMLSpanElement> | undefined;
189
- onPlayingCapture?: React.ReactEventHandler<HTMLSpanElement> | undefined;
190
- onProgress?: React.ReactEventHandler<HTMLSpanElement> | undefined;
191
- onProgressCapture?: React.ReactEventHandler<HTMLSpanElement> | undefined;
192
- onRateChange?: React.ReactEventHandler<HTMLSpanElement> | undefined;
193
- onRateChangeCapture?: React.ReactEventHandler<HTMLSpanElement> | undefined;
194
- onSeeked?: React.ReactEventHandler<HTMLSpanElement> | undefined;
195
- onSeekedCapture?: React.ReactEventHandler<HTMLSpanElement> | undefined;
196
- onSeeking?: React.ReactEventHandler<HTMLSpanElement> | undefined;
197
- onSeekingCapture?: React.ReactEventHandler<HTMLSpanElement> | undefined;
198
- onStalled?: React.ReactEventHandler<HTMLSpanElement> | undefined;
199
- onStalledCapture?: React.ReactEventHandler<HTMLSpanElement> | undefined;
200
- onSuspend?: React.ReactEventHandler<HTMLSpanElement> | undefined;
201
- onSuspendCapture?: React.ReactEventHandler<HTMLSpanElement> | undefined;
202
- onTimeUpdate?: React.ReactEventHandler<HTMLSpanElement> | undefined;
203
- onTimeUpdateCapture?: React.ReactEventHandler<HTMLSpanElement> | undefined;
204
- onVolumeChange?: React.ReactEventHandler<HTMLSpanElement> | undefined;
205
- onVolumeChangeCapture?: React.ReactEventHandler<HTMLSpanElement> | undefined;
206
- onWaiting?: React.ReactEventHandler<HTMLSpanElement> | undefined;
207
- onWaitingCapture?: React.ReactEventHandler<HTMLSpanElement> | undefined;
208
- onAuxClick?: React.MouseEventHandler<HTMLSpanElement> | undefined;
209
- onAuxClickCapture?: React.MouseEventHandler<HTMLSpanElement> | undefined;
210
- onClick?: React.MouseEventHandler<HTMLSpanElement> | undefined;
211
- onClickCapture?: React.MouseEventHandler<HTMLSpanElement> | undefined;
212
- onContextMenu?: React.MouseEventHandler<HTMLSpanElement> | undefined;
213
- onContextMenuCapture?: React.MouseEventHandler<HTMLSpanElement> | undefined;
214
- onDoubleClick?: React.MouseEventHandler<HTMLSpanElement> | undefined;
215
- onDoubleClickCapture?: React.MouseEventHandler<HTMLSpanElement> | undefined;
216
- onDrag?: React.DragEventHandler<HTMLSpanElement> | undefined;
217
- onDragCapture?: React.DragEventHandler<HTMLSpanElement> | undefined;
218
- onDragEnd?: React.DragEventHandler<HTMLSpanElement> | undefined;
219
- onDragEndCapture?: React.DragEventHandler<HTMLSpanElement> | undefined;
220
- onDragEnter?: React.DragEventHandler<HTMLSpanElement> | undefined;
221
- onDragEnterCapture?: React.DragEventHandler<HTMLSpanElement> | undefined;
222
- onDragExit?: React.DragEventHandler<HTMLSpanElement> | undefined;
223
- onDragExitCapture?: React.DragEventHandler<HTMLSpanElement> | undefined;
224
- onDragLeave?: React.DragEventHandler<HTMLSpanElement> | undefined;
225
- onDragLeaveCapture?: React.DragEventHandler<HTMLSpanElement> | undefined;
226
- onDragOver?: React.DragEventHandler<HTMLSpanElement> | undefined;
227
- onDragOverCapture?: React.DragEventHandler<HTMLSpanElement> | undefined;
228
- onDragStart?: React.DragEventHandler<HTMLSpanElement> | undefined;
229
- onDragStartCapture?: React.DragEventHandler<HTMLSpanElement> | undefined;
230
- onDrop?: React.DragEventHandler<HTMLSpanElement> | undefined;
231
- onDropCapture?: React.DragEventHandler<HTMLSpanElement> | undefined;
232
- onMouseDown?: React.MouseEventHandler<HTMLSpanElement> | undefined;
233
- onMouseDownCapture?: React.MouseEventHandler<HTMLSpanElement> | undefined;
234
- onMouseEnter?: React.MouseEventHandler<HTMLSpanElement> | undefined;
235
- onMouseLeave?: React.MouseEventHandler<HTMLSpanElement> | undefined;
236
- onMouseMove?: React.MouseEventHandler<HTMLSpanElement> | undefined;
237
- onMouseMoveCapture?: React.MouseEventHandler<HTMLSpanElement> | undefined;
238
- onMouseOut?: React.MouseEventHandler<HTMLSpanElement> | undefined;
239
- onMouseOutCapture?: React.MouseEventHandler<HTMLSpanElement> | undefined;
240
- onMouseOver?: React.MouseEventHandler<HTMLSpanElement> | undefined;
241
- onMouseOverCapture?: React.MouseEventHandler<HTMLSpanElement> | undefined;
242
- onMouseUp?: React.MouseEventHandler<HTMLSpanElement> | undefined;
243
- onMouseUpCapture?: React.MouseEventHandler<HTMLSpanElement> | undefined;
244
- onSelect?: React.ReactEventHandler<HTMLSpanElement> | undefined;
245
- onSelectCapture?: React.ReactEventHandler<HTMLSpanElement> | undefined;
246
- onTouchCancel?: React.TouchEventHandler<HTMLSpanElement> | undefined;
247
- onTouchCancelCapture?: React.TouchEventHandler<HTMLSpanElement> | undefined;
248
- onTouchEnd?: React.TouchEventHandler<HTMLSpanElement> | undefined;
249
- onTouchEndCapture?: React.TouchEventHandler<HTMLSpanElement> | undefined;
250
- onTouchMove?: React.TouchEventHandler<HTMLSpanElement> | undefined;
251
- onTouchMoveCapture?: React.TouchEventHandler<HTMLSpanElement> | undefined;
252
- onTouchStart?: React.TouchEventHandler<HTMLSpanElement> | undefined;
253
- onTouchStartCapture?: React.TouchEventHandler<HTMLSpanElement> | undefined;
254
- onPointerDown?: React.PointerEventHandler<HTMLSpanElement> | undefined;
255
- onPointerDownCapture?: React.PointerEventHandler<HTMLSpanElement> | undefined;
256
- onPointerMove?: React.PointerEventHandler<HTMLSpanElement> | undefined;
257
- onPointerMoveCapture?: React.PointerEventHandler<HTMLSpanElement> | undefined;
258
- onPointerUp?: React.PointerEventHandler<HTMLSpanElement> | undefined;
259
- onPointerUpCapture?: React.PointerEventHandler<HTMLSpanElement> | undefined;
260
- onPointerCancel?: React.PointerEventHandler<HTMLSpanElement> | undefined;
261
- onPointerCancelCapture?: React.PointerEventHandler<HTMLSpanElement> | undefined;
262
- onPointerEnter?: React.PointerEventHandler<HTMLSpanElement> | undefined;
263
- onPointerEnterCapture?: React.PointerEventHandler<HTMLSpanElement> | undefined;
264
- onPointerLeave?: React.PointerEventHandler<HTMLSpanElement> | undefined;
265
- onPointerLeaveCapture?: React.PointerEventHandler<HTMLSpanElement> | undefined;
266
- onPointerOver?: React.PointerEventHandler<HTMLSpanElement> | undefined;
267
- onPointerOverCapture?: React.PointerEventHandler<HTMLSpanElement> | undefined;
268
- onPointerOut?: React.PointerEventHandler<HTMLSpanElement> | undefined;
269
- onPointerOutCapture?: React.PointerEventHandler<HTMLSpanElement> | undefined;
270
- onGotPointerCapture?: React.PointerEventHandler<HTMLSpanElement> | undefined;
271
- onGotPointerCaptureCapture?: React.PointerEventHandler<HTMLSpanElement> | undefined;
272
- onLostPointerCapture?: React.PointerEventHandler<HTMLSpanElement> | undefined;
273
- onLostPointerCaptureCapture?: React.PointerEventHandler<HTMLSpanElement> | undefined;
274
- onScroll?: React.UIEventHandler<HTMLSpanElement> | undefined;
275
- onScrollCapture?: React.UIEventHandler<HTMLSpanElement> | undefined;
276
- onWheel?: React.WheelEventHandler<HTMLSpanElement> | undefined;
277
- onWheelCapture?: React.WheelEventHandler<HTMLSpanElement> | undefined;
278
- onAnimationStart?: React.AnimationEventHandler<HTMLSpanElement> | undefined;
279
- onAnimationStartCapture?: React.AnimationEventHandler<HTMLSpanElement> | undefined;
280
- onAnimationEnd?: React.AnimationEventHandler<HTMLSpanElement> | undefined;
281
- onAnimationEndCapture?: React.AnimationEventHandler<HTMLSpanElement> | undefined;
282
- onAnimationIteration?: React.AnimationEventHandler<HTMLSpanElement> | undefined;
283
- onAnimationIterationCapture?: React.AnimationEventHandler<HTMLSpanElement> | undefined;
284
- onTransitionEnd?: React.TransitionEventHandler<HTMLSpanElement> | undefined;
285
- onTransitionEndCapture?: React.TransitionEventHandler<HTMLSpanElement> | undefined;
286
- css?: import("@emotion/core").InterpolationWithTheme<any>;
287
- disabled?: boolean | undefined;
288
- hasIcon?: boolean | undefined;
289
- contrast?: boolean | undefined;
290
- } & {
291
- theme?: any;
292
- }, "maxWidth" | "minWidth" | "width" | "theme" | "block" | "variant" | "sx" | "disabled" | "contrast">, string | number | symbol> & React.RefAttributes<HTMLInputElement>>, Pick<Omit<Pick<{
293
- [x: string]: any;
294
- [x: number]: any;
295
- } & {
296
- theme?: any;
297
- } & {
298
- as?: string | React.ComponentType<any> | undefined;
299
- forwardedAs?: string | React.ComponentType<any> | undefined;
300
- }, string | number | symbol>, "maxWidth" | "minWidth" | "width" | "theme" | "block" | "icon" | "variant" | "sx" | "className" | "disabled" | "contrast"> & {
301
- className?: string | undefined;
302
- icon?: React.ComponentType<{
303
- className?: string | undefined;
304
- }> | undefined;
305
- } & Pick<{
306
- color?: string | undefined;
307
- maxWidth?: import("styled-system").ResponsiveValue<import("csstype").Property.MaxWidth<import("styled-system").TLengthStyledSystem>, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
308
- minWidth?: import("styled-system").ResponsiveValue<import("csstype").Property.MinWidth<import("styled-system").TLengthStyledSystem>, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
309
- translate?: "yes" | "no" | undefined;
310
- width?: import("styled-system").ResponsiveValue<import("csstype").Property.Width<import("styled-system").TLengthStyledSystem>, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
311
- hidden?: boolean | undefined;
312
- children?: React.ReactNode;
313
- ref?: ((instance: HTMLSpanElement | null) => void) | React.RefObject<HTMLSpanElement> | null | undefined;
314
- slot?: string | undefined;
315
- style?: React.CSSProperties | undefined;
316
- title?: string | undefined;
317
- block?: boolean | undefined;
318
- variant?: "small" | "large" | undefined;
319
- role?: React.AriaRole | undefined;
320
- sx?: import("./sx").BetterSystemStyleObject | undefined;
321
- key?: React.Key | null | undefined;
322
- defaultChecked?: boolean | undefined;
323
- defaultValue?: string | number | readonly string[] | undefined;
324
- suppressContentEditableWarning?: boolean | undefined;
325
- suppressHydrationWarning?: boolean | undefined;
326
- accessKey?: string | undefined;
327
- className?: string | undefined;
328
- contentEditable?: "inherit" | (boolean | "false" | "true") | undefined;
329
- contextMenu?: string | undefined;
330
- dir?: string | undefined;
331
- draggable?: (boolean | "false" | "true") | undefined;
332
- id?: string | undefined;
333
- lang?: string | undefined;
334
- placeholder?: string | undefined;
335
- spellCheck?: (boolean | "false" | "true") | undefined;
336
- tabIndex?: number | undefined;
337
- radioGroup?: string | undefined;
338
- about?: string | undefined;
339
- datatype?: string | undefined;
340
- inlist?: any;
341
- prefix?: string | undefined;
342
- property?: string | undefined;
343
- resource?: string | undefined;
344
- typeof?: string | undefined;
345
- vocab?: string | undefined;
346
- autoCapitalize?: string | undefined;
347
- autoCorrect?: string | undefined;
348
- autoSave?: string | undefined;
349
- itemProp?: string | undefined;
350
- itemScope?: boolean | undefined;
351
- itemType?: string | undefined;
352
- itemID?: string | undefined;
353
- itemRef?: string | undefined;
354
- results?: number | undefined;
355
- security?: string | undefined;
356
- unselectable?: "on" | "off" | undefined;
357
- inputMode?: "search" | "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
358
- is?: string | undefined;
359
- 'aria-activedescendant'?: string | undefined;
360
- 'aria-atomic'?: boolean | "false" | "true" | undefined;
361
- 'aria-autocomplete'?: "none" | "both" | "inline" | "list" | undefined;
362
- 'aria-busy'?: boolean | "false" | "true" | undefined;
363
- 'aria-checked'?: boolean | "mixed" | "false" | "true" | undefined;
364
- 'aria-colcount'?: number | undefined;
365
- 'aria-colindex'?: number | undefined;
366
- 'aria-colspan'?: number | undefined;
367
- 'aria-controls'?: string | undefined;
368
- 'aria-current'?: boolean | "time" | "page" | "false" | "true" | "step" | "location" | "date" | undefined;
369
- 'aria-describedby'?: string | undefined;
370
- 'aria-details'?: string | undefined;
371
- 'aria-disabled'?: boolean | "false" | "true" | undefined;
372
- 'aria-dropeffect'?: "link" | "none" | "copy" | "move" | "execute" | "popup" | undefined;
373
- 'aria-errormessage'?: string | undefined;
374
- 'aria-expanded'?: boolean | "false" | "true" | undefined;
375
- 'aria-flowto'?: string | undefined;
376
- 'aria-grabbed'?: boolean | "false" | "true" | undefined;
377
- 'aria-haspopup'?: boolean | "grid" | "dialog" | "menu" | "listbox" | "false" | "true" | "tree" | undefined;
378
- 'aria-hidden'?: boolean | "false" | "true" | undefined;
379
- 'aria-invalid'?: boolean | "false" | "true" | "grammar" | "spelling" | undefined;
380
- 'aria-keyshortcuts'?: string | undefined;
381
- 'aria-label'?: string | undefined;
382
- 'aria-labelledby'?: string | undefined;
383
- 'aria-level'?: number | undefined;
384
- 'aria-live'?: "off" | "assertive" | "polite" | undefined;
385
- 'aria-modal'?: boolean | "false" | "true" | undefined;
386
- 'aria-multiline'?: boolean | "false" | "true" | undefined;
387
- 'aria-multiselectable'?: boolean | "false" | "true" | undefined;
388
- 'aria-orientation'?: "horizontal" | "vertical" | undefined;
389
- 'aria-owns'?: string | undefined;
390
- 'aria-placeholder'?: string | undefined;
391
- 'aria-posinset'?: number | undefined;
392
- 'aria-pressed'?: boolean | "mixed" | "false" | "true" | undefined;
393
- 'aria-readonly'?: boolean | "false" | "true" | undefined;
394
- 'aria-relevant'?: "all" | "text" | "additions" | "additions removals" | "additions text" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals" | undefined;
395
- 'aria-required'?: boolean | "false" | "true" | undefined;
396
- 'aria-roledescription'?: string | undefined;
397
- 'aria-rowcount'?: number | undefined;
398
- 'aria-rowindex'?: number | undefined;
399
- 'aria-rowspan'?: number | undefined;
400
- 'aria-selected'?: boolean | "false" | "true" | undefined;
401
- 'aria-setsize'?: number | undefined;
402
- 'aria-sort'?: "none" | "ascending" | "descending" | "other" | undefined;
403
- 'aria-valuemax'?: number | undefined;
404
- 'aria-valuemin'?: number | undefined;
405
- 'aria-valuenow'?: number | undefined;
406
- 'aria-valuetext'?: string | undefined;
407
- dangerouslySetInnerHTML?: {
408
- __html: string;
409
- } | undefined;
410
- onCopy?: React.ClipboardEventHandler<HTMLSpanElement> | undefined;
411
- onCopyCapture?: React.ClipboardEventHandler<HTMLSpanElement> | undefined;
412
- onCut?: React.ClipboardEventHandler<HTMLSpanElement> | undefined;
413
- onCutCapture?: React.ClipboardEventHandler<HTMLSpanElement> | undefined;
414
- onPaste?: React.ClipboardEventHandler<HTMLSpanElement> | undefined;
415
- onPasteCapture?: React.ClipboardEventHandler<HTMLSpanElement> | undefined;
416
- onCompositionEnd?: React.CompositionEventHandler<HTMLSpanElement> | undefined;
417
- onCompositionEndCapture?: React.CompositionEventHandler<HTMLSpanElement> | undefined;
418
- onCompositionStart?: React.CompositionEventHandler<HTMLSpanElement> | undefined;
419
- onCompositionStartCapture?: React.CompositionEventHandler<HTMLSpanElement> | undefined;
420
- onCompositionUpdate?: React.CompositionEventHandler<HTMLSpanElement> | undefined;
421
- onCompositionUpdateCapture?: React.CompositionEventHandler<HTMLSpanElement> | undefined;
422
- onFocus?: React.FocusEventHandler<HTMLSpanElement> | undefined;
423
- onFocusCapture?: React.FocusEventHandler<HTMLSpanElement> | undefined;
424
- onBlur?: React.FocusEventHandler<HTMLSpanElement> | undefined;
425
- onBlurCapture?: React.FocusEventHandler<HTMLSpanElement> | undefined;
426
- onChange?: React.FormEventHandler<HTMLSpanElement> | undefined;
427
- onChangeCapture?: React.FormEventHandler<HTMLSpanElement> | undefined;
428
- onBeforeInput?: React.FormEventHandler<HTMLSpanElement> | undefined;
429
- onBeforeInputCapture?: React.FormEventHandler<HTMLSpanElement> | undefined;
430
- onInput?: React.FormEventHandler<HTMLSpanElement> | undefined;
431
- onInputCapture?: React.FormEventHandler<HTMLSpanElement> | undefined;
432
- onReset?: React.FormEventHandler<HTMLSpanElement> | undefined;
433
- onResetCapture?: React.FormEventHandler<HTMLSpanElement> | undefined;
434
- onSubmit?: React.FormEventHandler<HTMLSpanElement> | undefined;
435
- onSubmitCapture?: React.FormEventHandler<HTMLSpanElement> | undefined;
436
- onInvalid?: React.FormEventHandler<HTMLSpanElement> | undefined;
437
- onInvalidCapture?: React.FormEventHandler<HTMLSpanElement> | undefined;
438
- onLoad?: React.ReactEventHandler<HTMLSpanElement> | undefined;
439
- onLoadCapture?: React.ReactEventHandler<HTMLSpanElement> | undefined;
440
- onError?: React.ReactEventHandler<HTMLSpanElement> | undefined;
441
- onErrorCapture?: React.ReactEventHandler<HTMLSpanElement> | undefined;
442
- onKeyDown?: React.KeyboardEventHandler<HTMLSpanElement> | undefined;
443
- onKeyDownCapture?: React.KeyboardEventHandler<HTMLSpanElement> | undefined;
444
- onKeyPress?: React.KeyboardEventHandler<HTMLSpanElement> | undefined;
445
- onKeyPressCapture?: React.KeyboardEventHandler<HTMLSpanElement> | undefined;
446
- onKeyUp?: React.KeyboardEventHandler<HTMLSpanElement> | undefined;
447
- onKeyUpCapture?: React.KeyboardEventHandler<HTMLSpanElement> | undefined;
448
- onAbort?: React.ReactEventHandler<HTMLSpanElement> | undefined;
449
- onAbortCapture?: React.ReactEventHandler<HTMLSpanElement> | undefined;
450
- onCanPlay?: React.ReactEventHandler<HTMLSpanElement> | undefined;
451
- onCanPlayCapture?: React.ReactEventHandler<HTMLSpanElement> | undefined;
452
- onCanPlayThrough?: React.ReactEventHandler<HTMLSpanElement> | undefined;
453
- onCanPlayThroughCapture?: React.ReactEventHandler<HTMLSpanElement> | undefined;
454
- onDurationChange?: React.ReactEventHandler<HTMLSpanElement> | undefined;
455
- onDurationChangeCapture?: React.ReactEventHandler<HTMLSpanElement> | undefined;
456
- onEmptied?: React.ReactEventHandler<HTMLSpanElement> | undefined;
457
- onEmptiedCapture?: React.ReactEventHandler<HTMLSpanElement> | undefined;
458
- onEncrypted?: React.ReactEventHandler<HTMLSpanElement> | undefined;
459
- onEncryptedCapture?: React.ReactEventHandler<HTMLSpanElement> | undefined;
460
- onEnded?: React.ReactEventHandler<HTMLSpanElement> | undefined;
461
- onEndedCapture?: React.ReactEventHandler<HTMLSpanElement> | undefined;
462
- onLoadedData?: React.ReactEventHandler<HTMLSpanElement> | undefined;
463
- onLoadedDataCapture?: React.ReactEventHandler<HTMLSpanElement> | undefined;
464
- onLoadedMetadata?: React.ReactEventHandler<HTMLSpanElement> | undefined;
465
- onLoadedMetadataCapture?: React.ReactEventHandler<HTMLSpanElement> | undefined;
466
- onLoadStart?: React.ReactEventHandler<HTMLSpanElement> | undefined;
467
- onLoadStartCapture?: React.ReactEventHandler<HTMLSpanElement> | undefined;
468
- onPause?: React.ReactEventHandler<HTMLSpanElement> | undefined;
469
- onPauseCapture?: React.ReactEventHandler<HTMLSpanElement> | undefined;
470
- onPlay?: React.ReactEventHandler<HTMLSpanElement> | undefined;
471
- onPlayCapture?: React.ReactEventHandler<HTMLSpanElement> | undefined;
472
- onPlaying?: React.ReactEventHandler<HTMLSpanElement> | undefined;
473
- onPlayingCapture?: React.ReactEventHandler<HTMLSpanElement> | undefined;
474
- onProgress?: React.ReactEventHandler<HTMLSpanElement> | undefined;
475
- onProgressCapture?: React.ReactEventHandler<HTMLSpanElement> | undefined;
476
- onRateChange?: React.ReactEventHandler<HTMLSpanElement> | undefined;
477
- onRateChangeCapture?: React.ReactEventHandler<HTMLSpanElement> | undefined;
478
- onSeeked?: React.ReactEventHandler<HTMLSpanElement> | undefined;
479
- onSeekedCapture?: React.ReactEventHandler<HTMLSpanElement> | undefined;
480
- onSeeking?: React.ReactEventHandler<HTMLSpanElement> | undefined;
481
- onSeekingCapture?: React.ReactEventHandler<HTMLSpanElement> | undefined;
482
- onStalled?: React.ReactEventHandler<HTMLSpanElement> | undefined;
483
- onStalledCapture?: React.ReactEventHandler<HTMLSpanElement> | undefined;
484
- onSuspend?: React.ReactEventHandler<HTMLSpanElement> | undefined;
485
- onSuspendCapture?: React.ReactEventHandler<HTMLSpanElement> | undefined;
486
- onTimeUpdate?: React.ReactEventHandler<HTMLSpanElement> | undefined;
487
- onTimeUpdateCapture?: React.ReactEventHandler<HTMLSpanElement> | undefined;
488
- onVolumeChange?: React.ReactEventHandler<HTMLSpanElement> | undefined;
489
- onVolumeChangeCapture?: React.ReactEventHandler<HTMLSpanElement> | undefined;
490
- onWaiting?: React.ReactEventHandler<HTMLSpanElement> | undefined;
491
- onWaitingCapture?: React.ReactEventHandler<HTMLSpanElement> | undefined;
492
- onAuxClick?: React.MouseEventHandler<HTMLSpanElement> | undefined;
493
- onAuxClickCapture?: React.MouseEventHandler<HTMLSpanElement> | undefined;
494
- onClick?: React.MouseEventHandler<HTMLSpanElement> | undefined;
495
- onClickCapture?: React.MouseEventHandler<HTMLSpanElement> | undefined;
496
- onContextMenu?: React.MouseEventHandler<HTMLSpanElement> | undefined;
497
- onContextMenuCapture?: React.MouseEventHandler<HTMLSpanElement> | undefined;
498
- onDoubleClick?: React.MouseEventHandler<HTMLSpanElement> | undefined;
499
- onDoubleClickCapture?: React.MouseEventHandler<HTMLSpanElement> | undefined;
500
- onDrag?: React.DragEventHandler<HTMLSpanElement> | undefined;
501
- onDragCapture?: React.DragEventHandler<HTMLSpanElement> | undefined;
502
- onDragEnd?: React.DragEventHandler<HTMLSpanElement> | undefined;
503
- onDragEndCapture?: React.DragEventHandler<HTMLSpanElement> | undefined;
504
- onDragEnter?: React.DragEventHandler<HTMLSpanElement> | undefined;
505
- onDragEnterCapture?: React.DragEventHandler<HTMLSpanElement> | undefined;
506
- onDragExit?: React.DragEventHandler<HTMLSpanElement> | undefined;
507
- onDragExitCapture?: React.DragEventHandler<HTMLSpanElement> | undefined;
508
- onDragLeave?: React.DragEventHandler<HTMLSpanElement> | undefined;
509
- onDragLeaveCapture?: React.DragEventHandler<HTMLSpanElement> | undefined;
510
- onDragOver?: React.DragEventHandler<HTMLSpanElement> | undefined;
511
- onDragOverCapture?: React.DragEventHandler<HTMLSpanElement> | undefined;
512
- onDragStart?: React.DragEventHandler<HTMLSpanElement> | undefined;
513
- onDragStartCapture?: React.DragEventHandler<HTMLSpanElement> | undefined;
514
- onDrop?: React.DragEventHandler<HTMLSpanElement> | undefined;
515
- onDropCapture?: React.DragEventHandler<HTMLSpanElement> | undefined;
516
- onMouseDown?: React.MouseEventHandler<HTMLSpanElement> | undefined;
517
- onMouseDownCapture?: React.MouseEventHandler<HTMLSpanElement> | undefined;
518
- onMouseEnter?: React.MouseEventHandler<HTMLSpanElement> | undefined;
519
- onMouseLeave?: React.MouseEventHandler<HTMLSpanElement> | undefined;
520
- onMouseMove?: React.MouseEventHandler<HTMLSpanElement> | undefined;
521
- onMouseMoveCapture?: React.MouseEventHandler<HTMLSpanElement> | undefined;
522
- onMouseOut?: React.MouseEventHandler<HTMLSpanElement> | undefined;
523
- onMouseOutCapture?: React.MouseEventHandler<HTMLSpanElement> | undefined;
524
- onMouseOver?: React.MouseEventHandler<HTMLSpanElement> | undefined;
525
- onMouseOverCapture?: React.MouseEventHandler<HTMLSpanElement> | undefined;
526
- onMouseUp?: React.MouseEventHandler<HTMLSpanElement> | undefined;
527
- onMouseUpCapture?: React.MouseEventHandler<HTMLSpanElement> | undefined;
528
- onSelect?: React.ReactEventHandler<HTMLSpanElement> | undefined;
529
- onSelectCapture?: React.ReactEventHandler<HTMLSpanElement> | undefined;
530
- onTouchCancel?: React.TouchEventHandler<HTMLSpanElement> | undefined;
531
- onTouchCancelCapture?: React.TouchEventHandler<HTMLSpanElement> | undefined;
532
- onTouchEnd?: React.TouchEventHandler<HTMLSpanElement> | undefined;
533
- onTouchEndCapture?: React.TouchEventHandler<HTMLSpanElement> | undefined;
534
- onTouchMove?: React.TouchEventHandler<HTMLSpanElement> | undefined;
535
- onTouchMoveCapture?: React.TouchEventHandler<HTMLSpanElement> | undefined;
536
- onTouchStart?: React.TouchEventHandler<HTMLSpanElement> | undefined;
537
- onTouchStartCapture?: React.TouchEventHandler<HTMLSpanElement> | undefined;
538
- onPointerDown?: React.PointerEventHandler<HTMLSpanElement> | undefined;
539
- onPointerDownCapture?: React.PointerEventHandler<HTMLSpanElement> | undefined;
540
- onPointerMove?: React.PointerEventHandler<HTMLSpanElement> | undefined;
541
- onPointerMoveCapture?: React.PointerEventHandler<HTMLSpanElement> | undefined;
542
- onPointerUp?: React.PointerEventHandler<HTMLSpanElement> | undefined;
543
- onPointerUpCapture?: React.PointerEventHandler<HTMLSpanElement> | undefined;
544
- onPointerCancel?: React.PointerEventHandler<HTMLSpanElement> | undefined;
545
- onPointerCancelCapture?: React.PointerEventHandler<HTMLSpanElement> | undefined;
546
- onPointerEnter?: React.PointerEventHandler<HTMLSpanElement> | undefined;
547
- onPointerEnterCapture?: React.PointerEventHandler<HTMLSpanElement> | undefined;
548
- onPointerLeave?: React.PointerEventHandler<HTMLSpanElement> | undefined;
549
- onPointerLeaveCapture?: React.PointerEventHandler<HTMLSpanElement> | undefined;
550
- onPointerOver?: React.PointerEventHandler<HTMLSpanElement> | undefined;
551
- onPointerOverCapture?: React.PointerEventHandler<HTMLSpanElement> | undefined;
552
- onPointerOut?: React.PointerEventHandler<HTMLSpanElement> | undefined;
553
- onPointerOutCapture?: React.PointerEventHandler<HTMLSpanElement> | undefined;
554
- onGotPointerCapture?: React.PointerEventHandler<HTMLSpanElement> | undefined;
555
- onGotPointerCaptureCapture?: React.PointerEventHandler<HTMLSpanElement> | undefined;
556
- onLostPointerCapture?: React.PointerEventHandler<HTMLSpanElement> | undefined;
557
- onLostPointerCaptureCapture?: React.PointerEventHandler<HTMLSpanElement> | undefined;
558
- onScroll?: React.UIEventHandler<HTMLSpanElement> | undefined;
559
- onScrollCapture?: React.UIEventHandler<HTMLSpanElement> | undefined;
560
- onWheel?: React.WheelEventHandler<HTMLSpanElement> | undefined;
561
- onWheelCapture?: React.WheelEventHandler<HTMLSpanElement> | undefined;
562
- onAnimationStart?: React.AnimationEventHandler<HTMLSpanElement> | undefined;
563
- onAnimationStartCapture?: React.AnimationEventHandler<HTMLSpanElement> | undefined;
564
- onAnimationEnd?: React.AnimationEventHandler<HTMLSpanElement> | undefined;
565
- onAnimationEndCapture?: React.AnimationEventHandler<HTMLSpanElement> | undefined;
566
- onAnimationIteration?: React.AnimationEventHandler<HTMLSpanElement> | undefined;
567
- onAnimationIterationCapture?: React.AnimationEventHandler<HTMLSpanElement> | undefined;
568
- onTransitionEnd?: React.TransitionEventHandler<HTMLSpanElement> | undefined;
569
- onTransitionEndCapture?: React.TransitionEventHandler<HTMLSpanElement> | undefined;
570
- css?: import("@emotion/core").InterpolationWithTheme<any>;
571
- disabled?: boolean | undefined;
572
- hasIcon?: boolean | undefined;
573
- contrast?: boolean | undefined;
574
- } & {
575
- theme?: any;
576
- }, "maxWidth" | "minWidth" | "width" | "theme" | "block" | "variant" | "sx" | "disabled" | "contrast">, string | number | symbol> & React.RefAttributes<HTMLInputElement>>;
577
- Caption: React.FC<{}>;
578
- Label: React.FC<import("./_InputField/InputFieldLabel").Props>;
579
- Validation: React.FC<import("./_InputField/InputFieldValidation").InputFieldValidationProps>;
580
- };
581
- export default _default;
@@ -1,50 +0,0 @@
1
- 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); }
2
-
3
- import React from 'react';
4
- import { TextInput } from '.';
5
- import InputField from './_InputField/InputField';
6
- import { Slot } from './_InputField/slots';
7
- const Input = /*#__PURE__*/React.forwardRef(({
8
- as: Component = TextInput,
9
- id: idProp,
10
- required: requiredProp,
11
- disabled: disabledProp,
12
- ...rest
13
- }, ref) => {
14
- if (idProp) {
15
- // eslint-disable-next-line no-console
16
- console.warn("instead of passing the 'id' prop directly to <TextInputField.Input>, it should be passed to the parent component, <TextInputField>");
17
- }
18
-
19
- if (disabledProp) {
20
- // eslint-disable-next-line no-console
21
- console.warn("instead of passing the 'disabled' prop directly to <TextInputField.Input>, it should be passed to the parent component, <TextInputField>");
22
- }
23
-
24
- if (requiredProp) {
25
- // eslint-disable-next-line no-console
26
- console.warn("instead of passing the 'required' prop directly to <TextInputField.Input>, it should be passed to the parent component, <TextInputField>");
27
- }
28
-
29
- return /*#__PURE__*/React.createElement(Slot, {
30
- name: "Input"
31
- }, ({
32
- disabled,
33
- id,
34
- required,
35
- validationMessageId,
36
- captionId
37
- }) => /*#__PURE__*/React.createElement(Component, _extends({
38
- ref: ref,
39
- "aria-describedby": [validationMessageId, captionId].filter(Boolean).join(' '),
40
- id: id,
41
- required: required,
42
- disabled: disabled
43
- }, rest)));
44
- });
45
- export default Object.assign(InputField, {
46
- Input,
47
- Caption: InputField.Caption,
48
- Label: InputField.Label,
49
- Validation: InputField.Validation
50
- });