@wordpress/components 19.9.0 → 19.12.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (816) hide show
  1. package/CHANGELOG.md +84 -0
  2. package/CONTRIBUTING.md +80 -7
  3. package/README.md +1 -1
  4. package/build/alignment-matrix-control/index.js +5 -2
  5. package/build/alignment-matrix-control/index.js.map +1 -1
  6. package/build/angle-picker-control/angle-circle.js +5 -7
  7. package/build/angle-picker-control/angle-circle.js.map +1 -1
  8. package/build/autocomplete/autocompleter-ui.js +1 -1
  9. package/build/autocomplete/autocompleter-ui.js.map +1 -1
  10. package/build/autocomplete/autocompleter-ui.native.js +2 -2
  11. package/build/autocomplete/autocompleter-ui.native.js.map +1 -1
  12. package/build/autocomplete/index.js +12 -10
  13. package/build/autocomplete/index.js.map +1 -1
  14. package/build/border-box-control/border-box-control/component.js +22 -7
  15. package/build/border-box-control/border-box-control/component.js.map +1 -1
  16. package/build/border-box-control/border-box-control/hook.js +2 -2
  17. package/build/border-box-control/border-box-control/hook.js.map +1 -1
  18. package/build/border-box-control/border-box-control-linked-button/hook.js +3 -2
  19. package/build/border-box-control/border-box-control-linked-button/hook.js.map +1 -1
  20. package/build/border-box-control/border-box-control-split-controls/component.js +23 -8
  21. package/build/border-box-control/border-box-control-split-controls/component.js.map +1 -1
  22. package/build/border-box-control/border-box-control-split-controls/hook.js +13 -4
  23. package/build/border-box-control/border-box-control-split-controls/hook.js.map +1 -1
  24. package/build/border-box-control/border-box-control-visualizer/hook.js +7 -2
  25. package/build/border-box-control/border-box-control-visualizer/hook.js.map +1 -1
  26. package/build/border-box-control/styles.js +25 -19
  27. package/build/border-box-control/styles.js.map +1 -1
  28. package/build/border-control/border-control/component.js +5 -3
  29. package/build/border-control/border-control/component.js.map +1 -1
  30. package/build/border-control/border-control/hook.js +8 -5
  31. package/build/border-control/border-control/hook.js.map +1 -1
  32. package/build/border-control/border-control-dropdown/component.js +6 -2
  33. package/build/border-control/border-control-dropdown/component.js.map +1 -1
  34. package/build/border-control/border-control-dropdown/hook.js +5 -5
  35. package/build/border-control/border-control-dropdown/hook.js.map +1 -1
  36. package/build/border-control/styles.js +58 -29
  37. package/build/border-control/styles.js.map +1 -1
  38. package/build/box-control/index.js +0 -21
  39. package/build/box-control/index.js.map +1 -1
  40. package/build/box-control/utils.js +1 -8
  41. package/build/box-control/utils.js.map +1 -1
  42. package/build/button/index.js +3 -5
  43. package/build/button/index.js.map +1 -1
  44. package/build/button/index.native.js +16 -2
  45. package/build/button/index.native.js.map +1 -1
  46. package/build/button-group/index.js +24 -7
  47. package/build/button-group/index.js.map +1 -1
  48. package/build/{flyout → button-group}/types.js +0 -0
  49. package/build/button-group/types.js.map +1 -0
  50. package/build/checkbox-control/index.js +34 -7
  51. package/build/checkbox-control/index.js.map +1 -1
  52. package/build/checkbox-control/types.js +6 -0
  53. package/build/checkbox-control/types.js.map +1 -0
  54. package/build/circular-option-picker/index.js +1 -2
  55. package/build/circular-option-picker/index.js.map +1 -1
  56. package/build/color-palette/index.js +14 -14
  57. package/build/color-palette/index.js.map +1 -1
  58. package/build/color-palette/index.native.js +4 -1
  59. package/build/color-palette/index.native.js.map +1 -1
  60. package/build/color-picker/color-copy-button.js +87 -0
  61. package/build/color-picker/color-copy-button.js.map +1 -0
  62. package/build/color-picker/component.js +5 -15
  63. package/build/color-picker/component.js.map +1 -1
  64. package/build/color-picker/hex-input.js +18 -1
  65. package/build/color-picker/hex-input.js.map +1 -1
  66. package/build/color-picker/styles.js +11 -11
  67. package/build/color-picker/styles.js.map +1 -1
  68. package/build/custom-gradient-picker/utils.js +1 -1
  69. package/build/custom-gradient-picker/utils.js.map +1 -1
  70. package/build/date-time/{date.js → date/index.js} +83 -20
  71. package/build/date-time/date/index.js.map +1 -0
  72. package/build/date-time/date/styles.js +70 -0
  73. package/build/date-time/date/styles.js.map +1 -0
  74. package/build/date-time/{utils.js → date/utils.js} +6 -4
  75. package/build/date-time/date/utils.js.map +1 -0
  76. package/build/date-time/date-time/index.js +175 -0
  77. package/build/date-time/date-time/index.js.map +1 -0
  78. package/build/date-time/date-time/styles.js +32 -0
  79. package/build/date-time/date-time/styles.js.map +1 -0
  80. package/build/date-time/index.js +2 -84
  81. package/build/date-time/index.js.map +1 -1
  82. package/build/date-time/time/index.js +322 -0
  83. package/build/date-time/time/index.js.map +1 -0
  84. package/build/date-time/time/styles.js +139 -0
  85. package/build/date-time/time/styles.js.map +1 -0
  86. package/build/date-time/{timezone.js → time/timezone.js} +8 -5
  87. package/build/date-time/time/timezone.js.map +1 -0
  88. package/build/date-time/types.js +6 -0
  89. package/build/date-time/types.js.map +1 -0
  90. package/build/disabled/index.js +4 -76
  91. package/build/disabled/index.js.map +1 -1
  92. package/build/draggable/index.native.js +228 -0
  93. package/build/draggable/index.native.js.map +1 -0
  94. package/build/dropdown/index.js +9 -4
  95. package/build/dropdown/index.js.map +1 -1
  96. package/build/focal-point-picker/index.native.js +3 -3
  97. package/build/focal-point-picker/index.native.js.map +1 -1
  98. package/build/index.js +0 -8
  99. package/build/index.js.map +1 -1
  100. package/build/index.native.js +16 -0
  101. package/build/index.native.js.map +1 -1
  102. package/build/input-control/index.js +12 -6
  103. package/build/input-control/index.js.map +1 -1
  104. package/build/input-control/input-field.js +1 -26
  105. package/build/input-control/input-field.js.map +1 -1
  106. package/build/input-control/reducer/reducer.js +36 -24
  107. package/build/input-control/reducer/reducer.js.map +1 -1
  108. package/build/input-control/reducer/state.js +0 -1
  109. package/build/input-control/reducer/state.js.map +1 -1
  110. package/build/input-control/styles/input-control-styles.js +42 -30
  111. package/build/input-control/styles/input-control-styles.js.map +1 -1
  112. package/build/input-control/utils.js +45 -0
  113. package/build/input-control/utils.js.map +1 -1
  114. package/build/mobile/bottom-sheet/bottom-sheet-navigation/navigation-screen.native.js +1 -1
  115. package/build/mobile/bottom-sheet/bottom-sheet-navigation/navigation-screen.native.js.map +1 -1
  116. package/build/mobile/bottom-sheet/index.native.js +1 -1
  117. package/build/mobile/bottom-sheet/index.native.js.map +1 -1
  118. package/build/mobile/bottom-sheet-select-control/index.native.js +4 -2
  119. package/build/mobile/bottom-sheet-select-control/index.native.js.map +1 -1
  120. package/build/mobile/html-text-input/index.native.js +19 -8
  121. package/build/mobile/html-text-input/index.native.js.map +1 -1
  122. package/build/mobile/keyboard-aware-flat-list/index.android.js +28 -5
  123. package/build/mobile/keyboard-aware-flat-list/index.android.js.map +1 -1
  124. package/build/mobile/keyboard-aware-flat-list/index.ios.js +47 -24
  125. package/build/mobile/keyboard-aware-flat-list/index.ios.js.map +1 -1
  126. package/build/palette-edit/index.js +38 -7
  127. package/build/palette-edit/index.js.map +1 -1
  128. package/build/popover/index.js +228 -321
  129. package/build/popover/index.js.map +1 -1
  130. package/build/resizable-box/resize-tooltip/utils.js +5 -8
  131. package/build/resizable-box/resize-tooltip/utils.js.map +1 -1
  132. package/build/sandbox/index.native.js +1 -1
  133. package/build/sandbox/index.native.js.map +1 -1
  134. package/build/search-control/index.js +4 -6
  135. package/build/search-control/index.js.map +1 -1
  136. package/build/select-control/index.js +34 -5
  137. package/build/select-control/index.js.map +1 -1
  138. package/build/select-control/styles/select-control-styles.js +17 -14
  139. package/build/select-control/styles/select-control-styles.js.map +1 -1
  140. package/build/spacer/hook.js +11 -3
  141. package/build/spacer/hook.js.map +1 -1
  142. package/build/surface/component.js +7 -7
  143. package/build/surface/component.js.map +1 -1
  144. package/build/surface/hook.js +8 -11
  145. package/build/surface/hook.js.map +1 -1
  146. package/build/surface/index.js.map +1 -1
  147. package/build/surface/styles.js +8 -48
  148. package/build/surface/styles.js.map +1 -1
  149. package/build/text-control/index.js +35 -28
  150. package/build/text-control/index.js.map +1 -1
  151. package/build/text-control/types.js +6 -0
  152. package/build/text-control/types.js.map +1 -0
  153. package/build/textarea-control/index.js +40 -6
  154. package/build/textarea-control/index.js.map +1 -1
  155. package/build/textarea-control/styles/textarea-control-styles.js +3 -3
  156. package/build/textarea-control/styles/textarea-control-styles.js.map +1 -1
  157. package/build/textarea-control/types.js +6 -0
  158. package/build/textarea-control/types.js.map +1 -0
  159. package/build/toggle-group-control/toggle-group-control/component.js +1 -3
  160. package/build/toggle-group-control/toggle-group-control/component.js.map +1 -1
  161. package/build/toggle-group-control/toggle-group-control-option-icon/component.js +6 -4
  162. package/build/toggle-group-control/toggle-group-control-option-icon/component.js.map +1 -1
  163. package/build/tools-panel/tools-panel-header/component.js +52 -36
  164. package/build/tools-panel/tools-panel-header/component.js.map +1 -1
  165. package/build/tooltip/index.js +2 -2
  166. package/build/tooltip/index.js.map +1 -1
  167. package/build/unit-control/index.js +3 -3
  168. package/build/unit-control/index.js.map +1 -1
  169. package/build/unit-control/styles/unit-control-styles.js +11 -20
  170. package/build/unit-control/styles/unit-control-styles.js.map +1 -1
  171. package/build/unit-control/utils.js.map +1 -1
  172. package/build/utils/hooks/index.js +0 -8
  173. package/build/utils/hooks/index.js.map +1 -1
  174. package/build-module/alignment-matrix-control/index.js +5 -2
  175. package/build-module/alignment-matrix-control/index.js.map +1 -1
  176. package/build-module/angle-picker-control/angle-circle.js +5 -7
  177. package/build-module/angle-picker-control/angle-circle.js.map +1 -1
  178. package/build-module/autocomplete/autocompleter-ui.js +1 -1
  179. package/build-module/autocomplete/autocompleter-ui.js.map +1 -1
  180. package/build-module/autocomplete/autocompleter-ui.native.js +2 -2
  181. package/build-module/autocomplete/autocompleter-ui.native.js.map +1 -1
  182. package/build-module/autocomplete/index.js +13 -11
  183. package/build-module/autocomplete/index.js.map +1 -1
  184. package/build-module/border-box-control/border-box-control/component.js +22 -7
  185. package/build-module/border-box-control/border-box-control/component.js.map +1 -1
  186. package/build-module/border-box-control/border-box-control/hook.js +2 -2
  187. package/build-module/border-box-control/border-box-control/hook.js.map +1 -1
  188. package/build-module/border-box-control/border-box-control-linked-button/hook.js +3 -2
  189. package/build-module/border-box-control/border-box-control-linked-button/hook.js.map +1 -1
  190. package/build-module/border-box-control/border-box-control-split-controls/component.js +23 -8
  191. package/build-module/border-box-control/border-box-control-split-controls/component.js.map +1 -1
  192. package/build-module/border-box-control/border-box-control-split-controls/hook.js +11 -4
  193. package/build-module/border-box-control/border-box-control-split-controls/hook.js.map +1 -1
  194. package/build-module/border-box-control/border-box-control-visualizer/hook.js +5 -2
  195. package/build-module/border-box-control/border-box-control-visualizer/hook.js.map +1 -1
  196. package/build-module/border-box-control/styles.js +15 -16
  197. package/build-module/border-box-control/styles.js.map +1 -1
  198. package/build-module/border-control/border-control/component.js +5 -3
  199. package/build-module/border-control/border-control/component.js.map +1 -1
  200. package/build-module/border-control/border-control/hook.js +8 -5
  201. package/build-module/border-control/border-control/hook.js.map +1 -1
  202. package/build-module/border-control/border-control-dropdown/component.js +6 -2
  203. package/build-module/border-control/border-control-dropdown/component.js.map +1 -1
  204. package/build-module/border-control/border-control-dropdown/hook.js +5 -5
  205. package/build-module/border-control/border-control-dropdown/hook.js.map +1 -1
  206. package/build-module/border-control/styles.js +56 -29
  207. package/build-module/border-control/styles.js.map +1 -1
  208. package/build-module/box-control/index.js +1 -20
  209. package/build-module/box-control/index.js.map +1 -1
  210. package/build-module/box-control/utils.js +0 -6
  211. package/build-module/box-control/utils.js.map +1 -1
  212. package/build-module/button/index.js +3 -4
  213. package/build-module/button/index.js.map +1 -1
  214. package/build-module/button/index.native.js +16 -3
  215. package/build-module/button/index.native.js.map +1 -1
  216. package/build-module/button-group/index.js +27 -7
  217. package/build-module/button-group/index.js.map +1 -1
  218. package/build-module/{flyout → button-group}/types.js +0 -0
  219. package/build-module/{flyout → button-group}/types.js.map +0 -0
  220. package/build-module/checkbox-control/index.js +31 -7
  221. package/build-module/checkbox-control/index.js.map +1 -1
  222. package/build-module/checkbox-control/types.js +2 -0
  223. package/{build/flyout → build-module/checkbox-control}/types.js.map +0 -0
  224. package/build-module/circular-option-picker/index.js +1 -2
  225. package/build-module/circular-option-picker/index.js.map +1 -1
  226. package/build-module/color-palette/index.js +12 -16
  227. package/build-module/color-palette/index.js.map +1 -1
  228. package/build-module/color-palette/index.native.js +4 -1
  229. package/build-module/color-palette/index.native.js.map +1 -1
  230. package/build-module/color-picker/color-copy-button.js +73 -0
  231. package/build-module/color-picker/color-copy-button.js.map +1 -0
  232. package/build-module/color-picker/component.js +6 -15
  233. package/build-module/color-picker/component.js.map +1 -1
  234. package/build-module/color-picker/hex-input.js +18 -1
  235. package/build-module/color-picker/hex-input.js.map +1 -1
  236. package/build-module/color-picker/styles.js +9 -9
  237. package/build-module/color-picker/styles.js.map +1 -1
  238. package/build-module/custom-gradient-picker/utils.js +1 -1
  239. package/build-module/custom-gradient-picker/utils.js.map +1 -1
  240. package/build-module/date-time/{date.js → date/index.js} +79 -22
  241. package/build-module/date-time/date/index.js.map +1 -0
  242. package/build-module/date-time/date/styles.js +61 -0
  243. package/build-module/date-time/date/styles.js.map +1 -0
  244. package/build-module/date-time/date/utils.js +22 -0
  245. package/build-module/date-time/date/utils.js.map +1 -0
  246. package/build-module/date-time/date-time/index.js +144 -0
  247. package/build-module/date-time/date-time/index.js.map +1 -0
  248. package/build-module/date-time/date-time/styles.js +22 -0
  249. package/build-module/date-time/date-time/styles.js.map +1 -0
  250. package/build-module/date-time/index.js +2 -82
  251. package/build-module/date-time/index.js.map +1 -1
  252. package/build-module/date-time/time/index.js +302 -0
  253. package/build-module/date-time/time/index.js.map +1 -0
  254. package/build-module/date-time/time/styles.js +118 -0
  255. package/build-module/date-time/time/styles.js.map +1 -0
  256. package/build-module/date-time/{timezone.js → time/timezone.js} +7 -5
  257. package/build-module/date-time/time/timezone.js.map +1 -0
  258. package/build-module/date-time/types.js +2 -0
  259. package/build-module/date-time/types.js.map +1 -0
  260. package/build-module/disabled/index.js +5 -76
  261. package/build-module/disabled/index.js.map +1 -1
  262. package/build-module/draggable/index.native.js +211 -0
  263. package/build-module/draggable/index.native.js.map +1 -0
  264. package/build-module/dropdown/index.js +9 -4
  265. package/build-module/dropdown/index.js.map +1 -1
  266. package/build-module/focal-point-picker/index.native.js +3 -3
  267. package/build-module/focal-point-picker/index.native.js.map +1 -1
  268. package/build-module/index.js +0 -1
  269. package/build-module/index.js.map +1 -1
  270. package/build-module/index.native.js +2 -1
  271. package/build-module/index.native.js.map +1 -1
  272. package/build-module/input-control/index.js +11 -6
  273. package/build-module/input-control/index.js.map +1 -1
  274. package/build-module/input-control/input-field.js +1 -25
  275. package/build-module/input-control/input-field.js.map +1 -1
  276. package/build-module/input-control/reducer/reducer.js +38 -26
  277. package/build-module/input-control/reducer/reducer.js.map +1 -1
  278. package/build-module/input-control/reducer/state.js +0 -1
  279. package/build-module/input-control/reducer/state.js.map +1 -1
  280. package/build-module/input-control/styles/input-control-styles.js +42 -30
  281. package/build-module/input-control/styles/input-control-styles.js.map +1 -1
  282. package/build-module/input-control/utils.js +48 -2
  283. package/build-module/input-control/utils.js.map +1 -1
  284. package/build-module/mobile/bottom-sheet/bottom-sheet-navigation/navigation-screen.native.js +1 -1
  285. package/build-module/mobile/bottom-sheet/bottom-sheet-navigation/navigation-screen.native.js.map +1 -1
  286. package/build-module/mobile/bottom-sheet/index.native.js +1 -1
  287. package/build-module/mobile/bottom-sheet/index.native.js.map +1 -1
  288. package/build-module/mobile/bottom-sheet-select-control/index.native.js +4 -2
  289. package/build-module/mobile/bottom-sheet-select-control/index.native.js.map +1 -1
  290. package/build-module/mobile/html-text-input/index.native.js +20 -9
  291. package/build-module/mobile/html-text-input/index.native.js.map +1 -1
  292. package/build-module/mobile/keyboard-aware-flat-list/index.android.js +21 -5
  293. package/build-module/mobile/keyboard-aware-flat-list/index.android.js.map +1 -1
  294. package/build-module/mobile/keyboard-aware-flat-list/index.ios.js +42 -25
  295. package/build-module/mobile/keyboard-aware-flat-list/index.ios.js.map +1 -1
  296. package/build-module/palette-edit/index.js +37 -7
  297. package/build-module/palette-edit/index.js.map +1 -1
  298. package/build-module/popover/index.js +230 -323
  299. package/build-module/popover/index.js.map +1 -1
  300. package/build-module/resizable-box/resize-tooltip/utils.js +4 -5
  301. package/build-module/resizable-box/resize-tooltip/utils.js.map +1 -1
  302. package/build-module/sandbox/index.native.js +1 -1
  303. package/build-module/sandbox/index.native.js.map +1 -1
  304. package/build-module/search-control/index.js +6 -7
  305. package/build-module/search-control/index.js.map +1 -1
  306. package/build-module/select-control/index.js +32 -4
  307. package/build-module/select-control/index.js.map +1 -1
  308. package/build-module/select-control/styles/select-control-styles.js +17 -14
  309. package/build-module/select-control/styles/select-control-styles.js.map +1 -1
  310. package/build-module/spacer/hook.js +10 -2
  311. package/build-module/spacer/hook.js.map +1 -1
  312. package/build-module/surface/component.js +7 -7
  313. package/build-module/surface/component.js.map +1 -1
  314. package/build-module/surface/hook.js +8 -11
  315. package/build-module/surface/hook.js.map +1 -1
  316. package/build-module/surface/index.js.map +1 -1
  317. package/build-module/surface/styles.js +8 -48
  318. package/build-module/surface/styles.js.map +1 -1
  319. package/build-module/text-control/index.js +35 -27
  320. package/build-module/text-control/index.js.map +1 -1
  321. package/build-module/text-control/types.js +2 -0
  322. package/build-module/text-control/types.js.map +1 -0
  323. package/build-module/textarea-control/index.js +36 -5
  324. package/build-module/textarea-control/index.js.map +1 -1
  325. package/build-module/textarea-control/styles/textarea-control-styles.js +3 -3
  326. package/build-module/textarea-control/styles/textarea-control-styles.js.map +1 -1
  327. package/build-module/textarea-control/types.js +2 -0
  328. package/build-module/textarea-control/types.js.map +1 -0
  329. package/build-module/toggle-group-control/toggle-group-control/component.js +2 -3
  330. package/build-module/toggle-group-control/toggle-group-control/component.js.map +1 -1
  331. package/build-module/toggle-group-control/toggle-group-control-option-icon/component.js +1 -5
  332. package/build-module/toggle-group-control/toggle-group-control-option-icon/component.js.map +1 -1
  333. package/build-module/tools-panel/tools-panel-header/component.js +51 -36
  334. package/build-module/tools-panel/tools-panel-header/component.js.map +1 -1
  335. package/build-module/tooltip/index.js +2 -2
  336. package/build-module/tooltip/index.js.map +1 -1
  337. package/build-module/unit-control/index.js +3 -3
  338. package/build-module/unit-control/index.js.map +1 -1
  339. package/build-module/unit-control/styles/unit-control-styles.js +11 -20
  340. package/build-module/unit-control/styles/unit-control-styles.js.map +1 -1
  341. package/build-module/unit-control/utils.js.map +1 -1
  342. package/build-module/utils/hooks/index.js +0 -1
  343. package/build-module/utils/hooks/index.js.map +1 -1
  344. package/build-style/style-rtl.css +51 -358
  345. package/build-style/style.css +47 -361
  346. package/build-types/border-box-control/border-box-control/component.d.ts.map +1 -1
  347. package/build-types/border-box-control/border-box-control/hook.d.ts +3 -1
  348. package/build-types/border-box-control/border-box-control/hook.d.ts.map +1 -1
  349. package/build-types/border-box-control/border-box-control-linked-button/hook.d.ts.map +1 -1
  350. package/build-types/border-box-control/border-box-control-split-controls/component.d.ts.map +1 -1
  351. package/build-types/border-box-control/border-box-control-split-controls/hook.d.ts +4 -1
  352. package/build-types/border-box-control/border-box-control-split-controls/hook.d.ts.map +1 -1
  353. package/build-types/border-box-control/border-box-control-visualizer/hook.d.ts.map +1 -1
  354. package/build-types/border-box-control/styles.d.ts +4 -3
  355. package/build-types/border-box-control/styles.d.ts.map +1 -1
  356. package/build-types/border-box-control/types.d.ts +40 -13
  357. package/build-types/border-box-control/types.d.ts.map +1 -1
  358. package/build-types/border-control/border-control/component.d.ts.map +1 -1
  359. package/build-types/border-control/border-control/hook.d.ts +2 -1
  360. package/build-types/border-control/border-control/hook.d.ts.map +1 -1
  361. package/build-types/border-control/border-control-dropdown/component.d.ts.map +1 -1
  362. package/build-types/border-control/border-control-dropdown/hook.d.ts +1 -0
  363. package/build-types/border-control/border-control-dropdown/hook.d.ts.map +1 -1
  364. package/build-types/border-control/styles.d.ts +2 -1
  365. package/build-types/border-control/styles.d.ts.map +1 -1
  366. package/build-types/border-control/types.d.ts +18 -6
  367. package/build-types/border-control/types.d.ts.map +1 -1
  368. package/build-types/button/index.d.ts.map +1 -1
  369. package/build-types/button-group/index.d.ts +25 -0
  370. package/build-types/button-group/index.d.ts.map +1 -0
  371. package/build-types/button-group/stories/index.d.ts +12 -0
  372. package/build-types/button-group/stories/index.d.ts.map +1 -0
  373. package/build-types/button-group/types.d.ts +11 -0
  374. package/build-types/button-group/types.d.ts.map +1 -0
  375. package/build-types/card/types.d.ts +1 -1
  376. package/build-types/card/types.d.ts.map +1 -1
  377. package/build-types/checkbox-control/index.d.ts +26 -0
  378. package/build-types/checkbox-control/index.d.ts.map +1 -0
  379. package/build-types/checkbox-control/stories/index.d.ts +13 -0
  380. package/build-types/checkbox-control/stories/index.d.ts.map +1 -0
  381. package/build-types/checkbox-control/test/index.d.ts +2 -0
  382. package/build-types/checkbox-control/test/index.d.ts.map +1 -0
  383. package/build-types/checkbox-control/types.d.ts +35 -0
  384. package/build-types/checkbox-control/types.d.ts.map +1 -0
  385. package/build-types/circular-option-picker/index.d.ts.map +1 -1
  386. package/build-types/color-palette/index.d.ts +1 -0
  387. package/build-types/color-palette/index.d.ts.map +1 -1
  388. package/build-types/color-palette/test/utils.d.ts +2 -0
  389. package/build-types/color-palette/test/utils.d.ts.map +1 -0
  390. package/build-types/color-picker/color-copy-button.d.ts +4 -0
  391. package/build-types/color-picker/color-copy-button.d.ts.map +1 -0
  392. package/build-types/color-picker/component.d.ts.map +1 -1
  393. package/build-types/color-picker/hex-input.d.ts.map +1 -1
  394. package/build-types/color-picker/styles.d.ts +4 -4
  395. package/build-types/color-picker/styles.d.ts.map +1 -1
  396. package/build-types/color-picker/types.d.ts +8 -0
  397. package/build-types/color-picker/types.d.ts.map +1 -1
  398. package/build-types/date-time/date/index.d.ts +25 -0
  399. package/build-types/date-time/date/index.d.ts.map +1 -0
  400. package/build-types/date-time/date/styles.d.ts +23 -0
  401. package/build-types/date-time/date/styles.d.ts.map +1 -0
  402. package/build-types/date-time/date/test/index.d.ts +2 -0
  403. package/build-types/date-time/date/test/index.d.ts.map +1 -0
  404. package/build-types/date-time/date/test/utils.d.ts +2 -0
  405. package/build-types/date-time/date/test/utils.d.ts.map +1 -0
  406. package/build-types/date-time/date/utils.d.ts +15 -0
  407. package/build-types/date-time/date/utils.d.ts.map +1 -0
  408. package/build-types/date-time/date-time/index.d.ts +33 -0
  409. package/build-types/date-time/date-time/index.d.ts.map +1 -0
  410. package/build-types/date-time/date-time/styles.d.ts +6 -0
  411. package/build-types/date-time/date-time/styles.d.ts.map +1 -0
  412. package/build-types/date-time/index.d.ts +9 -0
  413. package/build-types/date-time/index.d.ts.map +1 -0
  414. package/build-types/date-time/stories/date-time.d.ts +14 -0
  415. package/build-types/date-time/stories/date-time.d.ts.map +1 -0
  416. package/build-types/date-time/stories/date.d.ts +14 -0
  417. package/build-types/date-time/stories/date.d.ts.map +1 -0
  418. package/build-types/date-time/stories/time.d.ts +12 -0
  419. package/build-types/date-time/stories/time.d.ts.map +1 -0
  420. package/build-types/date-time/stories/utils.d.ts +3 -0
  421. package/build-types/date-time/stories/utils.d.ts.map +1 -0
  422. package/build-types/date-time/time/index.d.ts +25 -0
  423. package/build-types/date-time/time/index.d.ts.map +1 -0
  424. package/build-types/date-time/time/styles.d.ts +111 -0
  425. package/build-types/date-time/time/styles.d.ts.map +1 -0
  426. package/build-types/date-time/time/test/index.d.ts +2 -0
  427. package/build-types/date-time/time/test/index.d.ts.map +1 -0
  428. package/build-types/date-time/time/timezone.d.ts +8 -0
  429. package/build-types/date-time/time/timezone.d.ts.map +1 -0
  430. package/build-types/date-time/types.d.ts +90 -0
  431. package/build-types/date-time/types.d.ts.map +1 -0
  432. package/build-types/disabled/index.d.ts.map +1 -1
  433. package/build-types/dropdown/index.d.ts.map +1 -1
  434. package/build-types/input-control/index.d.ts +4 -3
  435. package/build-types/input-control/index.d.ts.map +1 -1
  436. package/build-types/input-control/input-field.d.ts.map +1 -1
  437. package/build-types/input-control/reducer/reducer.d.ts +5 -3
  438. package/build-types/input-control/reducer/reducer.d.ts.map +1 -1
  439. package/build-types/input-control/reducer/state.d.ts +2 -2
  440. package/build-types/input-control/reducer/state.d.ts.map +1 -1
  441. package/build-types/input-control/stories/index.d.ts +5 -5
  442. package/build-types/input-control/stories/index.d.ts.map +1 -1
  443. package/build-types/input-control/styles/input-control-styles.d.ts +1 -0
  444. package/build-types/input-control/styles/input-control-styles.d.ts.map +1 -1
  445. package/build-types/input-control/types.d.ts +6 -0
  446. package/build-types/input-control/types.d.ts.map +1 -1
  447. package/build-types/input-control/utils.d.ts +17 -0
  448. package/build-types/input-control/utils.d.ts.map +1 -1
  449. package/build-types/number-control/styles/number-control-styles.d.ts +1 -1
  450. package/build-types/popover/index.d.ts +6 -8
  451. package/build-types/popover/index.d.ts.map +1 -1
  452. package/build-types/resizable-box/index.d.ts +1 -1
  453. package/build-types/resizable-box/resize-tooltip/index.d.ts +1 -1
  454. package/build-types/resizable-box/resize-tooltip/utils.d.ts.map +1 -1
  455. package/build-types/select-control/index.d.ts +30 -26
  456. package/build-types/select-control/index.d.ts.map +1 -1
  457. package/build-types/select-control/stories/index.d.ts +23 -0
  458. package/build-types/select-control/stories/index.d.ts.map +1 -0
  459. package/build-types/select-control/styles/select-control-styles.d.ts +3 -4
  460. package/build-types/select-control/styles/select-control-styles.d.ts.map +1 -1
  461. package/build-types/select-control/test/select-control.d.ts +2 -0
  462. package/build-types/select-control/test/select-control.d.ts.map +1 -0
  463. package/build-types/select-control/types.d.ts +52 -1
  464. package/build-types/select-control/types.d.ts.map +1 -1
  465. package/build-types/surface/component.d.ts +3 -2
  466. package/build-types/surface/component.d.ts.map +1 -1
  467. package/build-types/surface/hook.d.ts +4 -4
  468. package/build-types/surface/hook.d.ts.map +1 -1
  469. package/build-types/surface/index.d.ts +2 -2
  470. package/build-types/surface/index.d.ts.map +1 -1
  471. package/build-types/surface/stories/index.d.ts +12 -0
  472. package/build-types/surface/stories/index.d.ts.map +1 -0
  473. package/build-types/surface/styles.d.ts +10 -21
  474. package/build-types/surface/styles.d.ts.map +1 -1
  475. package/build-types/surface/test/index.d.ts +2 -0
  476. package/build-types/{flyout/flyout → surface/test}/index.d.ts.map +1 -1
  477. package/build-types/surface/types.d.ts +1 -1
  478. package/build-types/surface/types.d.ts.map +1 -1
  479. package/build-types/text-control/index.d.ts +32 -0
  480. package/build-types/text-control/index.d.ts.map +1 -0
  481. package/build-types/text-control/stories/index.d.ts +13 -0
  482. package/build-types/text-control/stories/index.d.ts.map +1 -0
  483. package/build-types/text-control/types.d.ts +25 -0
  484. package/build-types/text-control/types.d.ts.map +1 -0
  485. package/build-types/textarea-control/index.d.ts +29 -0
  486. package/build-types/textarea-control/index.d.ts.map +1 -0
  487. package/build-types/textarea-control/stories/index.d.ts +12 -0
  488. package/build-types/textarea-control/stories/index.d.ts.map +1 -0
  489. package/build-types/textarea-control/styles/textarea-control-styles.d.ts +6 -0
  490. package/build-types/textarea-control/styles/textarea-control-styles.d.ts.map +1 -0
  491. package/build-types/textarea-control/types.d.ts +26 -0
  492. package/build-types/textarea-control/types.d.ts.map +1 -0
  493. package/build-types/toggle-group-control/toggle-group-control/component.d.ts.map +1 -1
  494. package/build-types/toggle-group-control/toggle-group-control-option-icon/component.d.ts.map +1 -1
  495. package/build-types/tools-panel/tools-panel-header/component.d.ts.map +1 -1
  496. package/build-types/tools-panel/types.d.ts +0 -1
  497. package/build-types/tools-panel/types.d.ts.map +1 -1
  498. package/build-types/tooltip/index.d.ts.map +1 -1
  499. package/build-types/unit-control/index.d.ts +2 -2
  500. package/build-types/unit-control/index.d.ts.map +1 -1
  501. package/build-types/unit-control/styles/unit-control-styles.d.ts.map +1 -1
  502. package/build-types/unit-control/test/index.d.ts +2 -0
  503. package/build-types/unit-control/test/index.d.ts.map +1 -0
  504. package/build-types/unit-control/test/utils.d.ts +2 -0
  505. package/build-types/unit-control/test/utils.d.ts.map +1 -0
  506. package/build-types/unit-control/types.d.ts +1 -1
  507. package/build-types/unit-control/types.d.ts.map +1 -1
  508. package/build-types/unit-control/utils.d.ts +3 -3
  509. package/build-types/unit-control/utils.d.ts.map +1 -1
  510. package/build-types/utils/hooks/index.d.ts +0 -1
  511. package/package.json +20 -20
  512. package/src/alignment-matrix-control/index.js +4 -2
  513. package/src/angle-picker-control/angle-circle.js +3 -3
  514. package/src/autocomplete/autocompleter-ui.js +1 -1
  515. package/src/autocomplete/autocompleter-ui.native.js +2 -2
  516. package/src/autocomplete/index.js +21 -9
  517. package/src/autocomplete/style.scss +1 -1
  518. package/src/border-box-control/border-box-control/README.md +10 -14
  519. package/src/border-box-control/border-box-control/component.tsx +21 -4
  520. package/src/border-box-control/border-box-control/hook.ts +2 -2
  521. package/src/border-box-control/border-box-control-linked-button/hook.ts +10 -6
  522. package/src/border-box-control/border-box-control-split-controls/component.tsx +26 -7
  523. package/src/border-box-control/border-box-control-split-controls/hook.ts +18 -4
  524. package/src/border-box-control/border-box-control-visualizer/hook.ts +14 -6
  525. package/src/border-box-control/stories/index.js +1 -0
  526. package/src/border-box-control/styles.ts +20 -9
  527. package/src/border-box-control/types.ts +40 -14
  528. package/src/border-control/border-control/README.md +0 -7
  529. package/src/border-control/border-control/component.tsx +4 -2
  530. package/src/border-control/border-control/hook.ts +13 -4
  531. package/src/border-control/border-control-dropdown/component.tsx +18 -11
  532. package/src/border-control/border-control-dropdown/hook.ts +7 -5
  533. package/src/border-control/stories/index.js +1 -0
  534. package/src/border-control/styles.ts +82 -22
  535. package/src/border-control/types.ts +18 -6
  536. package/src/box-control/README.md +0 -74
  537. package/src/box-control/index.js +0 -15
  538. package/src/box-control/stories/index.js +0 -29
  539. package/src/box-control/test/index.js +120 -109
  540. package/src/box-control/utils.js +0 -7
  541. package/src/button/index.js +2 -4
  542. package/src/button/index.native.js +33 -18
  543. package/src/button/test/index.js +16 -1
  544. package/src/button-group/index.tsx +47 -0
  545. package/src/button-group/stories/index.tsx +41 -0
  546. package/src/button-group/types.ts +11 -0
  547. package/src/card/types.ts +1 -1
  548. package/src/checkbox-control/README.md +10 -8
  549. package/src/checkbox-control/{index.js → index.tsx} +49 -14
  550. package/src/checkbox-control/stories/{index.js → index.tsx} +49 -27
  551. package/src/checkbox-control/test/__snapshots__/index.tsx.snap +42 -0
  552. package/src/checkbox-control/test/index.tsx +109 -0
  553. package/src/checkbox-control/types.ts +36 -0
  554. package/src/circular-option-picker/index.js +1 -2
  555. package/src/circular-option-picker/style.scss +1 -0
  556. package/src/color-palette/README.md +0 -1
  557. package/src/color-palette/index.js +17 -17
  558. package/src/color-palette/index.native.js +3 -0
  559. package/src/color-palette/stories/index.js +25 -1
  560. package/src/color-palette/style.scss +3 -18
  561. package/src/color-palette/test/__snapshots__/index.js.snap +2 -3
  562. package/src/color-palette/test/utils.ts +24 -0
  563. package/src/color-picker/color-copy-button.tsx +76 -0
  564. package/src/color-picker/component.tsx +18 -38
  565. package/src/color-picker/hex-input.tsx +16 -0
  566. package/src/color-picker/styles.ts +5 -1
  567. package/src/color-picker/types.ts +9 -0
  568. package/src/confirm-dialog/stories/index.js +87 -99
  569. package/src/custom-gradient-picker/utils.js +1 -1
  570. package/src/date-time/README.md +29 -10
  571. package/src/date-time/{datepicker.scss → date/datepicker.scss} +0 -0
  572. package/src/date-time/{date.js → date/index.tsx} +76 -24
  573. package/src/date-time/date/style.scss +75 -0
  574. package/src/date-time/date/styles.ts +55 -0
  575. package/src/date-time/date/test/index.tsx +127 -0
  576. package/src/date-time/{test/utils.js → date/test/utils.ts} +1 -1
  577. package/src/date-time/date/utils.ts +20 -0
  578. package/src/date-time/date-time/index.tsx +217 -0
  579. package/src/date-time/date-time/styles.ts +8 -0
  580. package/src/date-time/index.ts +9 -0
  581. package/src/date-time/stories/date-time.tsx +75 -0
  582. package/src/date-time/stories/date.tsx +73 -0
  583. package/src/date-time/stories/time.tsx +51 -0
  584. package/src/date-time/stories/utils.ts +9 -0
  585. package/src/date-time/style.scss +1 -262
  586. package/src/date-time/time/index.tsx +356 -0
  587. package/src/date-time/time/styles.ts +119 -0
  588. package/src/date-time/{test/time.js → time/test/index.tsx} +119 -57
  589. package/src/date-time/{timezone.js → time/timezone.tsx} +9 -5
  590. package/src/date-time/types.ts +104 -0
  591. package/src/dimension-control/test/__snapshots__/index.test.js.snap +4 -4
  592. package/src/disabled/index.js +5 -90
  593. package/src/draggable/index.native.js +226 -0
  594. package/src/draggable/style.native.scss +3 -0
  595. package/src/draggable/test/index.native.js +130 -0
  596. package/src/dropdown/index.js +12 -3
  597. package/src/dropdown/style.scss +1 -1
  598. package/src/focal-point-picker/index.native.js +3 -3
  599. package/src/form-file-upload/test/index.js +20 -13
  600. package/src/index.js +0 -1
  601. package/src/index.native.js +1 -0
  602. package/src/input-control/README.md +1 -1
  603. package/src/input-control/index.tsx +11 -4
  604. package/src/input-control/input-field.tsx +10 -30
  605. package/src/input-control/reducer/reducer.ts +40 -26
  606. package/src/input-control/reducer/state.ts +2 -3
  607. package/src/input-control/stories/index.tsx +1 -1
  608. package/src/input-control/styles/input-control-styles.tsx +19 -5
  609. package/src/input-control/types.ts +6 -0
  610. package/src/input-control/utils.ts +55 -1
  611. package/src/item-group/stories/index.js +22 -18
  612. package/src/menu-item/style.scss +10 -0
  613. package/src/mobile/bottom-sheet/bottom-sheet-navigation/navigation-screen.native.js +1 -1
  614. package/src/mobile/bottom-sheet/bottom-sheet-navigation/test/navigation-container.native.js +9 -2
  615. package/src/mobile/bottom-sheet/index.native.js +1 -1
  616. package/src/mobile/bottom-sheet-select-control/index.native.js +8 -2
  617. package/src/mobile/html-text-input/index.native.js +45 -29
  618. package/src/mobile/html-text-input/style.android.scss +2 -15
  619. package/src/mobile/html-text-input/style.ios.scss +2 -15
  620. package/src/mobile/html-text-input/{style-common.native.scss → style.scss} +16 -0
  621. package/src/mobile/keyboard-aware-flat-list/index.android.js +15 -5
  622. package/src/mobile/keyboard-aware-flat-list/index.ios.js +75 -46
  623. package/src/mobile/link-settings/test/link-settings-navigation.native.js +9 -1
  624. package/src/navigator/stories/index.js +16 -10
  625. package/src/palette-edit/index.js +37 -9
  626. package/src/palette-edit/style.scss +0 -7
  627. package/src/palette-edit/test/index.js +63 -0
  628. package/src/panel/README.md +1 -1
  629. package/src/placeholder/test/index.js +7 -0
  630. package/src/popover/README.md +7 -9
  631. package/src/popover/index.js +256 -416
  632. package/src/popover/style.scss +20 -190
  633. package/src/popover/test/__snapshots__/index.js.snap +6 -18
  634. package/src/query-controls/README.md +1 -1
  635. package/src/resizable-box/resize-tooltip/utils.ts +4 -5
  636. package/src/sandbox/index.native.js +1 -1
  637. package/src/search-control/index.js +6 -7
  638. package/src/select-control/README.md +13 -2
  639. package/src/select-control/index.tsx +36 -30
  640. package/src/select-control/stories/index.tsx +90 -0
  641. package/src/select-control/styles/select-control-styles.ts +15 -11
  642. package/src/select-control/test/{select-control.js → select-control.tsx} +2 -2
  643. package/src/select-control/types.ts +66 -1
  644. package/src/slot-fill/README.md +1 -1
  645. package/src/spacer/hook.ts +13 -13
  646. package/src/surface/README.md +15 -15
  647. package/src/surface/{component.js → component.tsx} +13 -7
  648. package/src/surface/{hook.js → hook.ts} +13 -12
  649. package/src/surface/{index.js → index.ts} +0 -0
  650. package/src/surface/stories/index.tsx +40 -0
  651. package/src/surface/{styles.js → styles.ts} +15 -44
  652. package/src/surface/test/__snapshots__/{index.js.snap → index.tsx.snap} +0 -0
  653. package/src/surface/test/{index.js → index.tsx} +2 -1
  654. package/src/surface/types.ts +1 -1
  655. package/src/tab-panel/style.scss +1 -1
  656. package/src/text-control/index.tsx +84 -0
  657. package/src/text-control/stories/index.tsx +66 -0
  658. package/src/text-control/types.ts +29 -0
  659. package/src/textarea-control/README.md +14 -20
  660. package/src/textarea-control/index.tsx +86 -0
  661. package/src/textarea-control/stories/index.tsx +58 -0
  662. package/src/textarea-control/styles/{textarea-control-styles.js → textarea-control-styles.ts} +0 -0
  663. package/src/textarea-control/types.ts +30 -0
  664. package/src/toggle-group-control/test/__snapshots__/index.js.snap +4 -10
  665. package/src/toggle-group-control/toggle-group-control/component.tsx +7 -3
  666. package/src/toggle-group-control/toggle-group-control-option-icon/component.tsx +1 -5
  667. package/src/tools-panel/test/__snapshots__/index.js.snap +1 -1
  668. package/src/tools-panel/test/index.js +71 -18
  669. package/src/tools-panel/tools-panel-header/component.tsx +75 -33
  670. package/src/tools-panel/types.ts +0 -1
  671. package/src/tooltip/index.js +8 -2
  672. package/src/tooltip/style.scss +2 -4
  673. package/src/tooltip/test/index.js +6 -0
  674. package/src/tooltip/test/index.native.js +1 -1
  675. package/src/unit-control/index.tsx +2 -5
  676. package/src/unit-control/styles/unit-control-styles.ts +3 -13
  677. package/src/unit-control/test/__snapshots__/index.tsx.snap +33 -0
  678. package/src/unit-control/test/{index.js → index.tsx} +295 -166
  679. package/src/unit-control/test/{utils.js → utils.ts} +38 -19
  680. package/src/unit-control/types.ts +4 -1
  681. package/src/unit-control/utils.ts +5 -3
  682. package/src/utils/hooks/index.js +0 -1
  683. package/tsconfig.json +7 -1
  684. package/tsconfig.tsbuildinfo +1 -1
  685. package/build/box-control/visualizer.js +0 -165
  686. package/build/box-control/visualizer.js.map +0 -1
  687. package/build/color-picker/color-display.js +0 -184
  688. package/build/color-picker/color-display.js.map +0 -1
  689. package/build/date-time/date.js.map +0 -1
  690. package/build/date-time/time.js +0 -287
  691. package/build/date-time/time.js.map +0 -1
  692. package/build/date-time/timezone.js.map +0 -1
  693. package/build/date-time/utils.js.map +0 -1
  694. package/build/flyout/context.js +0 -23
  695. package/build/flyout/context.js.map +0 -1
  696. package/build/flyout/flyout/component.js +0 -106
  697. package/build/flyout/flyout/component.js.map +0 -1
  698. package/build/flyout/flyout/hook.js +0 -53
  699. package/build/flyout/flyout/hook.js.map +0 -1
  700. package/build/flyout/flyout/index.js +0 -24
  701. package/build/flyout/flyout/index.js.map +0 -1
  702. package/build/flyout/flyout-content/component.js +0 -65
  703. package/build/flyout/flyout-content/component.js.map +0 -1
  704. package/build/flyout/flyout-content/index.js +0 -16
  705. package/build/flyout/flyout-content/index.js.map +0 -1
  706. package/build/flyout/index.js +0 -16
  707. package/build/flyout/index.js.map +0 -1
  708. package/build/flyout/styles.js +0 -46
  709. package/build/flyout/styles.js.map +0 -1
  710. package/build/flyout/utils.js +0 -36
  711. package/build/flyout/utils.js.map +0 -1
  712. package/build/mobile/html-text-input/container.android.js +0 -41
  713. package/build/mobile/html-text-input/container.android.js.map +0 -1
  714. package/build/mobile/html-text-input/container.ios.js +0 -60
  715. package/build/mobile/html-text-input/container.ios.js.map +0 -1
  716. package/build/popover/utils.js +0 -322
  717. package/build/popover/utils.js.map +0 -1
  718. package/build/utils/hooks/use-combined-ref.js +0 -32
  719. package/build/utils/hooks/use-combined-ref.js.map +0 -1
  720. package/build-module/box-control/visualizer.js +0 -154
  721. package/build-module/box-control/visualizer.js.map +0 -1
  722. package/build-module/color-picker/color-display.js +0 -170
  723. package/build-module/color-picker/color-display.js.map +0 -1
  724. package/build-module/date-time/date.js.map +0 -1
  725. package/build-module/date-time/time.js +0 -269
  726. package/build-module/date-time/time.js.map +0 -1
  727. package/build-module/date-time/timezone.js.map +0 -1
  728. package/build-module/date-time/utils.js +0 -20
  729. package/build-module/date-time/utils.js.map +0 -1
  730. package/build-module/flyout/context.js +0 -11
  731. package/build-module/flyout/context.js.map +0 -1
  732. package/build-module/flyout/flyout/component.js +0 -89
  733. package/build-module/flyout/flyout/component.js.map +0 -1
  734. package/build-module/flyout/flyout/hook.js +0 -44
  735. package/build-module/flyout/flyout/hook.js.map +0 -1
  736. package/build-module/flyout/flyout/index.js +0 -3
  737. package/build-module/flyout/flyout/index.js.map +0 -1
  738. package/build-module/flyout/flyout-content/component.js +0 -51
  739. package/build-module/flyout/flyout-content/component.js.map +0 -1
  740. package/build-module/flyout/flyout-content/index.js +0 -2
  741. package/build-module/flyout/flyout-content/index.js.map +0 -1
  742. package/build-module/flyout/index.js +0 -2
  743. package/build-module/flyout/index.js.map +0 -1
  744. package/build-module/flyout/styles.js +0 -27
  745. package/build-module/flyout/styles.js.map +0 -1
  746. package/build-module/flyout/utils.js +0 -25
  747. package/build-module/flyout/utils.js.map +0 -1
  748. package/build-module/mobile/html-text-input/container.android.js +0 -29
  749. package/build-module/mobile/html-text-input/container.android.js.map +0 -1
  750. package/build-module/mobile/html-text-input/container.ios.js +0 -48
  751. package/build-module/mobile/html-text-input/container.ios.js.map +0 -1
  752. package/build-module/popover/utils.js +0 -308
  753. package/build-module/popover/utils.js.map +0 -1
  754. package/build-module/utils/hooks/use-combined-ref.js +0 -28
  755. package/build-module/utils/hooks/use-combined-ref.js.map +0 -1
  756. package/build-types/color-picker/color-display.d.ts +0 -14
  757. package/build-types/color-picker/color-display.d.ts.map +0 -1
  758. package/build-types/flyout/context.d.ts +0 -6
  759. package/build-types/flyout/context.d.ts.map +0 -1
  760. package/build-types/flyout/flyout/component.d.ts +0 -21
  761. package/build-types/flyout/flyout/component.d.ts.map +0 -1
  762. package/build-types/flyout/flyout/hook.d.ts +0 -270
  763. package/build-types/flyout/flyout/hook.d.ts.map +0 -1
  764. package/build-types/flyout/flyout/index.d.ts +0 -3
  765. package/build-types/flyout/flyout-content/component.d.ts +0 -3
  766. package/build-types/flyout/flyout-content/component.d.ts.map +0 -1
  767. package/build-types/flyout/flyout-content/index.d.ts +0 -2
  768. package/build-types/flyout/flyout-content/index.d.ts.map +0 -1
  769. package/build-types/flyout/index.d.ts +0 -2
  770. package/build-types/flyout/index.d.ts.map +0 -1
  771. package/build-types/flyout/styles.d.ts +0 -22
  772. package/build-types/flyout/styles.d.ts.map +0 -1
  773. package/build-types/flyout/types.d.ts +0 -80
  774. package/build-types/flyout/types.d.ts.map +0 -1
  775. package/build-types/flyout/utils.d.ts +0 -8
  776. package/build-types/flyout/utils.d.ts.map +0 -1
  777. package/build-types/popover/utils.d.ts +0 -70
  778. package/build-types/popover/utils.d.ts.map +0 -1
  779. package/build-types/utils/hooks/use-combined-ref.d.ts +0 -8
  780. package/build-types/utils/hooks/use-combined-ref.d.ts.map +0 -1
  781. package/src/box-control/visualizer.js +0 -116
  782. package/src/button-group/index.js +0 -17
  783. package/src/button-group/stories/index.js +0 -21
  784. package/src/color-picker/color-display.tsx +0 -169
  785. package/src/date-time/index.js +0 -170
  786. package/src/date-time/stories/date.js +0 -17
  787. package/src/date-time/stories/index.js +0 -72
  788. package/src/date-time/stories/time.js +0 -32
  789. package/src/date-time/test/date.js +0 -97
  790. package/src/date-time/time.js +0 -310
  791. package/src/date-time/utils.js +0 -18
  792. package/src/flyout/context.js +0 -10
  793. package/src/flyout/flyout/README.md +0 -98
  794. package/src/flyout/flyout/component.js +0 -111
  795. package/src/flyout/flyout/hook.js +0 -45
  796. package/src/flyout/flyout/index.js +0 -2
  797. package/src/flyout/flyout-content/component.js +0 -53
  798. package/src/flyout/flyout-content/index.js +0 -1
  799. package/src/flyout/index.js +0 -1
  800. package/src/flyout/stories/index.js +0 -24
  801. package/src/flyout/styles.ts +0 -41
  802. package/src/flyout/test/__snapshots__/index.js.snap +0 -186
  803. package/src/flyout/test/index.js +0 -103
  804. package/src/flyout/types.ts +0 -84
  805. package/src/flyout/utils.js +0 -23
  806. package/src/mobile/html-text-input/container.android.js +0 -23
  807. package/src/mobile/html-text-input/container.ios.js +0 -50
  808. package/src/popover/test/utils.js +0 -304
  809. package/src/popover/utils.js +0 -396
  810. package/src/select-control/stories/index.js +0 -104
  811. package/src/surface/stories/index.js +0 -46
  812. package/src/text-control/index.js +0 -72
  813. package/src/text-control/stories/index.js +0 -46
  814. package/src/textarea-control/index.js +0 -45
  815. package/src/textarea-control/stories/index.js +0 -48
  816. package/src/utils/hooks/use-combined-ref.ts +0 -28
@@ -7,6 +7,7 @@ import type { SyntheticEvent } from 'react';
7
7
  */
8
8
  import { InputState, StateReducer } from './state';
9
9
  import * as actions from './actions';
10
+ import type { InputChangeCallback } from '../types';
10
11
  /**
11
12
  * A custom hook that connects and external stateReducer with an internal
12
13
  * reducer. This hook manages the internal state of InputControl.
@@ -17,11 +18,12 @@ import * as actions from './actions';
17
18
  * This technique uses the "stateReducer" design pattern:
18
19
  * https://kentcdodds.com/blog/the-state-reducer-pattern/
19
20
  *
20
- * @param stateReducer An external state reducer.
21
- * @param initialState The initial state for the reducer.
21
+ * @param stateReducer An external state reducer.
22
+ * @param initialState The initial state for the reducer.
23
+ * @param onChangeHandler A handler for the onChange event.
22
24
  * @return State, dispatch, and a collection of actions.
23
25
  */
24
- export declare function useInputControlStateReducer(stateReducer?: StateReducer, initialState?: Partial<InputState>): {
26
+ export declare function useInputControlStateReducer(stateReducer: StateReducer | undefined, initialState: Partial<InputState> | undefined, onChangeHandler: InputChangeCallback): {
25
27
  readonly change: (nextValue: actions.ChangeEventAction['payload']['value'], event: actions.ChangeEventAction['payload']['event']) => void;
26
28
  readonly commit: (nextValue: actions.ChangeEventAction['payload']['value'], event: actions.ChangeEventAction['payload']['event']) => void;
27
29
  readonly dispatch: import("react").Dispatch<actions.InputAction>;
@@ -1 +1 @@
1
- {"version":3,"file":"reducer.d.ts","sourceRoot":"","sources":["../../../src/input-control/reducer/reducer.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAO5C;;GAEG;AACH,OAAO,EACN,UAAU,EACV,YAAY,EAGZ,MAAM,SAAS,CAAC;AACjB,OAAO,KAAK,OAAO,MAAM,WAAW,CAAC;AAwGrC;;;;;;;;;;;;;GAaG;AACH,wBAAgB,2BAA2B,CAC1C,YAAY,GAAE,YAAkC,EAChD,YAAY,GAAE,OAAO,CAAE,UAAU,CAA6B;iCAQlD,QAAQ,iBAAiB,CAAE,SAAS,CAAE,CAAE,OAAO,CAAE,SACrD,QAAQ,iBAAiB,CAAE,SAAS,CAAE,CAAE,OAAO,CAAE;iCAD7C,QAAQ,iBAAiB,CAAE,SAAS,CAAE,CAAE,OAAO,CAAE,SACrD,QAAQ,iBAAiB,CAAE,SAAS,CAAE,CAAE,OAAO,CAAE;;6BAiC/C,QAAQ,eAAe,CAAE,SAAS,CAAE;gCAApC,QAAQ,eAAe,CAAE,SAAS,CAAE;kCAApC,QAAQ,eAAe,CAAE,SAAS,CAAE;iCASlB,OAAO,SAAS,cAAc;gCAxBlD,QAAQ,cAAc,CAAE,SAAS,CAAE,CAAE,OAAO,CAAE;iCAA9C,QAAQ,cAAc,CAAE,SAAS,CAAE,CAAE,OAAO,CAAE;8BAA9C,QAAQ,cAAc,CAAE,SAAS,CAAE,CAAE,OAAO,CAAE;gCAnB1C,QAAQ,iBAAiB,CAAE,SAAS,CAAE,CAAE,OAAO,CAAE,SACrD,QAAQ,iBAAiB,CAAE,SAAS,CAAE,CAAE,OAAO,CAAE;;EAqEzD"}
1
+ {"version":3,"file":"reducer.d.ts","sourceRoot":"","sources":["../../../src/input-control/reducer/reducer.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,KAAK,EAAE,cAAc,EAA6B,MAAM,OAAO,CAAC;AAOvE;;GAEG;AACH,OAAO,EACN,UAAU,EACV,YAAY,EAGZ,MAAM,SAAS,CAAC;AACjB,OAAO,KAAK,OAAO,MAAM,WAAW,CAAC;AACrC,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,UAAU,CAAC;AAsGpD;;;;;;;;;;;;;;GAcG;AACH,wBAAgB,2BAA2B,CAC1C,YAAY,0BAAoC,EAChD,YAAY,iCAAkD,EAC9D,eAAe,EAAE,mBAAmB;iCAQxB,QAAQ,iBAAiB,CAAE,SAAS,CAAE,CAAE,OAAO,CAAE,SACrD,QAAQ,iBAAiB,CAAE,SAAS,CAAE,CAAE,OAAO,CAAE;iCAD7C,QAAQ,iBAAiB,CAAE,SAAS,CAAE,CAAE,OAAO,CAAE,SACrD,QAAQ,iBAAiB,CAAE,SAAS,CAAE,CAAE,OAAO,CAAE;;6BAe/C,QAAQ,eAAe,CAAE,SAAS,CAAE;gCAApC,QAAQ,eAAe,CAAE,SAAS,CAAE;kCAApC,QAAQ,eAAe,CAAE,SAAS,CAAE;iCASlB,OAAO,SAAS,cAAc;gCAflD,QAAQ,cAAc,CAAE,SAAS,CAAE,CAAE,OAAO,CAAE;iCAA9C,QAAQ,cAAc,CAAE,SAAS,CAAE,CAAE,OAAO,CAAE;8BAA9C,QAAQ,cAAc,CAAE,SAAS,CAAE,CAAE,OAAO,CAAE;gCAV1C,QAAQ,iBAAiB,CAAE,SAAS,CAAE,CAAE,OAAO,CAAE,SACrD,QAAQ,iBAAiB,CAAE,SAAS,CAAE,CAAE,OAAO,CAAE;;EAkFzD"}
@@ -1,13 +1,13 @@
1
1
  /**
2
2
  * External dependencies
3
3
  */
4
- import type { Reducer } from 'react';
4
+ import type { Reducer, SyntheticEvent } from 'react';
5
5
  /**
6
6
  * Internal dependencies
7
7
  */
8
8
  import type { InputAction } from './actions';
9
9
  export interface InputState {
10
- _event: Event | {};
10
+ _event?: SyntheticEvent;
11
11
  error: unknown;
12
12
  initialValue?: string;
13
13
  isDirty: boolean;
@@ -1 +1 @@
1
- {"version":3,"file":"state.d.ts","sourceRoot":"","sources":["../../../src/input-control/reducer/state.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAErC;;GAEG;AACH,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,WAAW,CAAC;AAE7C,MAAM,WAAW,UAAU;IAC1B,MAAM,EAAE,KAAK,GAAG,EAAE,CAAC;IACnB,KAAK,EAAE,OAAO,CAAC;IACf,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,OAAO,EAAE,OAAO,CAAC;IACjB,aAAa,EAAE,OAAO,CAAC;IACvB,UAAU,EAAE,OAAO,CAAC;IACpB,oBAAoB,EAAE,OAAO,CAAC;IAC9B,KAAK,CAAC,EAAE,MAAM,CAAC;CACf;AAED,oBAAY,YAAY,GAAG,OAAO,CAAE,UAAU,EAAE,WAAW,CAAE,CAAC;AAE9D,eAAO,MAAM,mBAAmB,EAAE,YAA6C,CAAC;AAEhF,eAAO,MAAM,wBAAwB,EAAE,UAStC,CAAC"}
1
+ {"version":3,"file":"state.d.ts","sourceRoot":"","sources":["../../../src/input-control/reducer/state.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,KAAK,EAAE,OAAO,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAErD;;GAEG;AACH,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,WAAW,CAAC;AAE7C,MAAM,WAAW,UAAU;IAC1B,MAAM,CAAC,EAAE,cAAc,CAAC;IACxB,KAAK,EAAE,OAAO,CAAC;IACf,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,OAAO,EAAE,OAAO,CAAC;IACjB,aAAa,EAAE,OAAO,CAAC;IACvB,UAAU,EAAE,OAAO,CAAC;IACpB,oBAAoB,EAAE,OAAO,CAAC;IAC9B,KAAK,CAAC,EAAE,MAAM,CAAC;CACf;AAED,oBAAY,YAAY,GAAG,OAAO,CAAE,UAAU,EAAE,WAAW,CAAE,CAAC;AAE9D,eAAO,MAAM,mBAAmB,EAAE,YAA6C,CAAC;AAEhF,eAAO,MAAM,wBAAwB,EAAE,UAQtC,CAAC"}
@@ -9,9 +9,9 @@ import type { ComponentMeta, ComponentStory } from '@storybook/react';
9
9
  import InputControl from '..';
10
10
  declare const meta: ComponentMeta<typeof InputControl>;
11
11
  export default meta;
12
- export declare const Default: ComponentStory<import("react").ForwardRefExoticComponent<Pick<import("../types").InputControlProps, "type" | "value" | "form" | "label" | "slot" | "style" | "title" | "pattern" | "className" | "color" | "height" | "id" | "lang" | "max" | "min" | "name" | "width" | "role" | "tabIndex" | "crossOrigin" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "css" | "key" | "list" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "placeholder" | "spellCheck" | "translate" | "radioGroup" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "alt" | "src" | "autoFocus" | "disabled" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "autoComplete" | "accept" | "capture" | "checked" | "enterKeyHint" | "maxLength" | "minLength" | "multiple" | "readOnly" | "required" | "size" | "step" | "hideLabelFromVision" | "suffix" | "__unstableInputWidth" | "labelPosition" | "dragDirection" | "dragThreshold" | "isDragEnabled" | "isPressEnterToChange" | "onValidate" | "__unstableStateReducer"> & import("react").RefAttributes<HTMLInputElement>>>;
13
- export declare const WithPrefix: ComponentStory<import("react").ForwardRefExoticComponent<Pick<import("../types").InputControlProps, "type" | "value" | "form" | "label" | "slot" | "style" | "title" | "pattern" | "className" | "color" | "height" | "id" | "lang" | "max" | "min" | "name" | "width" | "role" | "tabIndex" | "crossOrigin" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "css" | "key" | "list" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "placeholder" | "spellCheck" | "translate" | "radioGroup" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "alt" | "src" | "autoFocus" | "disabled" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "autoComplete" | "accept" | "capture" | "checked" | "enterKeyHint" | "maxLength" | "minLength" | "multiple" | "readOnly" | "required" | "size" | "step" | "hideLabelFromVision" | "suffix" | "__unstableInputWidth" | "labelPosition" | "dragDirection" | "dragThreshold" | "isDragEnabled" | "isPressEnterToChange" | "onValidate" | "__unstableStateReducer"> & import("react").RefAttributes<HTMLInputElement>>>;
14
- export declare const WithSuffix: ComponentStory<import("react").ForwardRefExoticComponent<Pick<import("../types").InputControlProps, "type" | "value" | "form" | "label" | "slot" | "style" | "title" | "pattern" | "className" | "color" | "height" | "id" | "lang" | "max" | "min" | "name" | "width" | "role" | "tabIndex" | "crossOrigin" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "css" | "key" | "list" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "placeholder" | "spellCheck" | "translate" | "radioGroup" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "alt" | "src" | "autoFocus" | "disabled" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "autoComplete" | "accept" | "capture" | "checked" | "enterKeyHint" | "maxLength" | "minLength" | "multiple" | "readOnly" | "required" | "size" | "step" | "hideLabelFromVision" | "suffix" | "__unstableInputWidth" | "labelPosition" | "dragDirection" | "dragThreshold" | "isDragEnabled" | "isPressEnterToChange" | "onValidate" | "__unstableStateReducer"> & import("react").RefAttributes<HTMLInputElement>>>;
15
- export declare const WithSideLabel: ComponentStory<import("react").ForwardRefExoticComponent<Pick<import("../types").InputControlProps, "type" | "value" | "form" | "label" | "slot" | "style" | "title" | "pattern" | "className" | "color" | "height" | "id" | "lang" | "max" | "min" | "name" | "width" | "role" | "tabIndex" | "crossOrigin" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "css" | "key" | "list" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "placeholder" | "spellCheck" | "translate" | "radioGroup" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "alt" | "src" | "autoFocus" | "disabled" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "autoComplete" | "accept" | "capture" | "checked" | "enterKeyHint" | "maxLength" | "minLength" | "multiple" | "readOnly" | "required" | "size" | "step" | "hideLabelFromVision" | "suffix" | "__unstableInputWidth" | "labelPosition" | "dragDirection" | "dragThreshold" | "isDragEnabled" | "isPressEnterToChange" | "onValidate" | "__unstableStateReducer"> & import("react").RefAttributes<HTMLInputElement>>>;
16
- export declare const WithEdgeLabel: ComponentStory<import("react").ForwardRefExoticComponent<Pick<import("../types").InputControlProps, "type" | "value" | "form" | "label" | "slot" | "style" | "title" | "pattern" | "className" | "color" | "height" | "id" | "lang" | "max" | "min" | "name" | "width" | "role" | "tabIndex" | "crossOrigin" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "css" | "key" | "list" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "placeholder" | "spellCheck" | "translate" | "radioGroup" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "alt" | "src" | "autoFocus" | "disabled" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "autoComplete" | "accept" | "capture" | "checked" | "enterKeyHint" | "maxLength" | "minLength" | "multiple" | "readOnly" | "required" | "size" | "step" | "hideLabelFromVision" | "suffix" | "__unstableInputWidth" | "labelPosition" | "dragDirection" | "dragThreshold" | "isDragEnabled" | "isPressEnterToChange" | "onValidate" | "__unstableStateReducer"> & import("react").RefAttributes<HTMLInputElement>>>;
12
+ export declare const Default: ComponentStory<import("react").ForwardRefExoticComponent<Pick<import("../types").InputControlProps, "type" | "value" | "form" | "label" | "slot" | "style" | "title" | "pattern" | "className" | "color" | "height" | "id" | "lang" | "max" | "min" | "name" | "width" | "role" | "tabIndex" | "crossOrigin" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "css" | "key" | "list" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "placeholder" | "spellCheck" | "translate" | "radioGroup" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "alt" | "src" | "autoFocus" | "disabled" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "autoComplete" | "accept" | "capture" | "checked" | "enterKeyHint" | "maxLength" | "minLength" | "multiple" | "readOnly" | "required" | "size" | "step" | "hideLabelFromVision" | "__next36pxDefaultSize" | "suffix" | "__unstableInputWidth" | "labelPosition" | "dragDirection" | "dragThreshold" | "isDragEnabled" | "isPressEnterToChange" | "onValidate" | "__unstableStateReducer"> & import("react").RefAttributes<HTMLInputElement>>>;
13
+ export declare const WithPrefix: ComponentStory<import("react").ForwardRefExoticComponent<Pick<import("../types").InputControlProps, "type" | "value" | "form" | "label" | "slot" | "style" | "title" | "pattern" | "className" | "color" | "height" | "id" | "lang" | "max" | "min" | "name" | "width" | "role" | "tabIndex" | "crossOrigin" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "css" | "key" | "list" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "placeholder" | "spellCheck" | "translate" | "radioGroup" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "alt" | "src" | "autoFocus" | "disabled" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "autoComplete" | "accept" | "capture" | "checked" | "enterKeyHint" | "maxLength" | "minLength" | "multiple" | "readOnly" | "required" | "size" | "step" | "hideLabelFromVision" | "__next36pxDefaultSize" | "suffix" | "__unstableInputWidth" | "labelPosition" | "dragDirection" | "dragThreshold" | "isDragEnabled" | "isPressEnterToChange" | "onValidate" | "__unstableStateReducer"> & import("react").RefAttributes<HTMLInputElement>>>;
14
+ export declare const WithSuffix: ComponentStory<import("react").ForwardRefExoticComponent<Pick<import("../types").InputControlProps, "type" | "value" | "form" | "label" | "slot" | "style" | "title" | "pattern" | "className" | "color" | "height" | "id" | "lang" | "max" | "min" | "name" | "width" | "role" | "tabIndex" | "crossOrigin" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "css" | "key" | "list" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "placeholder" | "spellCheck" | "translate" | "radioGroup" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "alt" | "src" | "autoFocus" | "disabled" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "autoComplete" | "accept" | "capture" | "checked" | "enterKeyHint" | "maxLength" | "minLength" | "multiple" | "readOnly" | "required" | "size" | "step" | "hideLabelFromVision" | "__next36pxDefaultSize" | "suffix" | "__unstableInputWidth" | "labelPosition" | "dragDirection" | "dragThreshold" | "isDragEnabled" | "isPressEnterToChange" | "onValidate" | "__unstableStateReducer"> & import("react").RefAttributes<HTMLInputElement>>>;
15
+ export declare const WithSideLabel: ComponentStory<import("react").ForwardRefExoticComponent<Pick<import("../types").InputControlProps, "type" | "value" | "form" | "label" | "slot" | "style" | "title" | "pattern" | "className" | "color" | "height" | "id" | "lang" | "max" | "min" | "name" | "width" | "role" | "tabIndex" | "crossOrigin" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "css" | "key" | "list" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "placeholder" | "spellCheck" | "translate" | "radioGroup" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "alt" | "src" | "autoFocus" | "disabled" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "autoComplete" | "accept" | "capture" | "checked" | "enterKeyHint" | "maxLength" | "minLength" | "multiple" | "readOnly" | "required" | "size" | "step" | "hideLabelFromVision" | "__next36pxDefaultSize" | "suffix" | "__unstableInputWidth" | "labelPosition" | "dragDirection" | "dragThreshold" | "isDragEnabled" | "isPressEnterToChange" | "onValidate" | "__unstableStateReducer"> & import("react").RefAttributes<HTMLInputElement>>>;
16
+ export declare const WithEdgeLabel: ComponentStory<import("react").ForwardRefExoticComponent<Pick<import("../types").InputControlProps, "type" | "value" | "form" | "label" | "slot" | "style" | "title" | "pattern" | "className" | "color" | "height" | "id" | "lang" | "max" | "min" | "name" | "width" | "role" | "tabIndex" | "crossOrigin" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "css" | "key" | "list" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "placeholder" | "spellCheck" | "translate" | "radioGroup" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "alt" | "src" | "autoFocus" | "disabled" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "autoComplete" | "accept" | "capture" | "checked" | "enterKeyHint" | "maxLength" | "minLength" | "multiple" | "readOnly" | "required" | "size" | "step" | "hideLabelFromVision" | "__next36pxDefaultSize" | "suffix" | "__unstableInputWidth" | "labelPosition" | "dragDirection" | "dragThreshold" | "isDragEnabled" | "isPressEnterToChange" | "onValidate" | "__unstableStateReducer"> & import("react").RefAttributes<HTMLInputElement>>>;
17
17
  //# sourceMappingURL=index.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/input-control/stories/index.tsx"],"names":[],"mappings":";AAAA;;GAEG;AACH,OAAO,KAAK,EAAE,aAAa,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAEtE;;GAEG;AACH,OAAO,YAAY,MAAM,IAAI,CAAC;AAE9B,QAAA,MAAM,IAAI,EAAE,aAAa,CAAE,OAAO,YAAY,CAe7C,CAAC;AACF,eAAe,IAAI,CAAC;AAMpB,eAAO,MAAM,OAAO,+tKAAsB,CAAC;AAO3C,eAAO,MAAM,UAAU,+tKAAsB,CAAC;AAM9C,eAAO,MAAM,UAAU,+tKAAsB,CAAC;AAM9C,eAAO,MAAM,aAAa,+tKAAsB,CAAC;AAMjD,eAAO,MAAM,aAAa,+tKAAsB,CAAC"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/input-control/stories/index.tsx"],"names":[],"mappings":";AAAA;;GAEG;AACH,OAAO,KAAK,EAAE,aAAa,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAEtE;;GAEG;AACH,OAAO,YAAY,MAAM,IAAI,CAAC;AAE9B,QAAA,MAAM,IAAI,EAAE,aAAa,CAAE,OAAO,YAAY,CAgB7C,CAAC;AACF,eAAe,IAAI,CAAC;AAMpB,eAAO,MAAM,OAAO,yvKAAsB,CAAC;AAM3C,eAAO,MAAM,UAAU,yvKAAsB,CAAC;AAM9C,eAAO,MAAM,UAAU,yvKAAsB,CAAC;AAM9C,eAAO,MAAM,aAAa,yvKAAsB,CAAC;AAMjD,eAAO,MAAM,aAAa,yvKAAsB,CAAC"}
@@ -26,6 +26,7 @@ export declare const Container: import("@emotion/styled").StyledComponent<{
26
26
  as?: import("react").ElementType<any> | undefined;
27
27
  } & ContainerProps, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
28
28
  declare type InputProps = {
29
+ __next36pxDefaultSize?: boolean;
29
30
  disabled?: boolean;
30
31
  inputSize?: Size;
31
32
  isDragging?: boolean;
@@ -1 +1 @@
1
- {"version":3,"file":"input-control-styles.d.ts","sourceRoot":"","sources":["../../../src/input-control/styles/input-control-styles.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEtD;;GAEG;AACH,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,kBAAkB,CAAC;AAIhE,OAAO,KAAK,EAAE,aAAa,EAAE,IAAI,EAAE,MAAM,UAAU,CAAC;AAEpD,aAAK,cAAc,GAAG;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,oBAAoB,CAAC,EAAE,aAAa,CAAE,OAAO,CAAE,CAAC;IAChD,aAAa,CAAC,EAAE,aAAa,CAAC;CAC9B,CAAC;AAEF,aAAK,SAAS,GAAG;IAChB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,aAAa,CAAC,EAAE,aAAa,CAAC;CAC9B,CAAC;AA6BF,eAAO,MAAM,IAAI;;;;;;sBAMhB,CAAC;AAgCF,eAAO,MAAM,SAAS;;;0HAWrB,CAAC;AAEF,aAAK,UAAU,GAAG;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,IAAI,CAAC;IACjB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,UAAU,CAAC,EAAE,aAAa,CAAE,QAAQ,CAAE,CAAC;CACvC,CAAC;AA+FF,eAAO,MAAM,KAAK;;;+HAsBjB,CAAC;AAgCF,eAAO,MAAM,KAAK,UACV,wBACN;IAAE,aAAa,CAAC,EAAE,aAAa,CAAC;IAAC,QAAQ,EAAE,SAAS,CAAA;CAAE,EACtD,OAAO,EACP,KAAK,CACL,gBACwC,CAAC;AAE3C,eAAO,MAAM,YAAY;;;;;;UAExB,CAAC;AAEF,aAAK,aAAa,GAAG;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;AA0BF,eAAO,MAAM,UAAU;;;yHAgBtB,CAAC;AAEF,eAAO,MAAM,MAAM;;;2GAGlB,CAAC;AAEF,eAAO,MAAM,MAAM;;;2GAKlB,CAAC"}
1
+ {"version":3,"file":"input-control-styles.d.ts","sourceRoot":"","sources":["../../../src/input-control/styles/input-control-styles.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEtD;;GAEG;AACH,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,kBAAkB,CAAC;AAIhE,OAAO,KAAK,EAAE,aAAa,EAAE,IAAI,EAAE,MAAM,UAAU,CAAC;AAEpD,aAAK,cAAc,GAAG;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,oBAAoB,CAAC,EAAE,aAAa,CAAE,OAAO,CAAE,CAAC;IAChD,aAAa,CAAC,EAAE,aAAa,CAAC;CAC9B,CAAC;AAEF,aAAK,SAAS,GAAG;IAChB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,aAAa,CAAC,EAAE,aAAa,CAAC;CAC9B,CAAC;AA6BF,eAAO,MAAM,IAAI;;;;;;sBAMhB,CAAC;AAgCF,eAAO,MAAM,SAAS;;;0HAWrB,CAAC;AAEF,aAAK,UAAU,GAAG;IACjB,qBAAqB,CAAC,EAAE,OAAO,CAAC;IAChC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,IAAI,CAAC;IACjB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,UAAU,CAAC,EAAE,aAAa,CAAE,QAAQ,CAAE,CAAC;CACvC,CAAC;AA4GF,eAAO,MAAM,KAAK;;;+HAsBjB,CAAC;AAgCF,eAAO,MAAM,KAAK,UACV,wBACN;IAAE,aAAa,CAAC,EAAE,aAAa,CAAC;IAAC,QAAQ,EAAE,SAAS,CAAA;CAAE,EACtD,OAAO,EACP,KAAK,CACL,gBACwC,CAAC;AAE3C,eAAO,MAAM,YAAY;;;;;;UAExB,CAAC;AAEF,aAAK,aAAa,GAAG;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;AA0BF,eAAO,MAAM,UAAU;;;yHAgBtB,CAAC;AAEF,eAAO,MAAM,MAAM;;;2GAGlB,CAAC;AAEF,eAAO,MAAM,MAAM;;;2GAKlB,CAAC"}
@@ -14,6 +14,12 @@ export declare type DragDirection = 'n' | 's' | 'e' | 'w';
14
14
  export declare type DragProps = Parameters<Parameters<typeof useDrag>[0]>[0];
15
15
  export declare type Size = 'default' | 'small' | '__unstable-large';
16
16
  interface BaseProps {
17
+ /**
18
+ * Start opting into the larger default height that will become the default size in a future version.
19
+ *
20
+ * @default false
21
+ */
22
+ __next36pxDefaultSize?: boolean;
17
23
  __unstableInputWidth?: CSSProperties['width'];
18
24
  /**
19
25
  * If true, the label will only be visible to screen readers.
@@ -1 +1 @@
1
- {"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/input-control/types.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,KAAK,EACX,aAAa,EACb,SAAS,EACT,WAAW,EACX,cAAc,EACd,YAAY,EACZ,sBAAsB,EACtB,MAAM,OAAO,CAAC;AACf,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,oBAAoB,CAAC;AAElD;;GAEG;AACH,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AACpD,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,eAAe,CAAC;AAC7D,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAE/C,oBAAY,aAAa,GAAG,KAAK,GAAG,QAAQ,GAAG,MAAM,GAAG,MAAM,CAAC;AAE/D,oBAAY,aAAa,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,CAAC;AAElD,oBAAY,SAAS,GAAG,UAAU,CAAE,UAAU,CAAE,OAAO,OAAO,CAAE,CAAE,CAAC,CAAE,CAAE,CAAE,CAAC,CAAE,CAAC;AAE7E,oBAAY,IAAI,GAAG,SAAS,GAAG,OAAO,GAAG,kBAAkB,CAAC;AAE5D,UAAU,SAAS;IAClB,oBAAoB,CAAC,EAAE,aAAa,CAAE,OAAO,CAAE,CAAC;IAChD;;;;OAIG;IACH,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B;;;;;;OAMG;IACH,SAAS,EAAE,OAAO,CAAC;IACnB;;;;OAIG;IACH,aAAa,CAAC,EAAE,aAAa,CAAC;IAC9B;;;;OAIG;IACH,IAAI,CAAC,EAAE,IAAI,CAAC;CACZ;AAED,oBAAY,mBAAmB,CAC9B,CAAC,GAAG,WAAW,CAAE,gBAAgB,CAAE,GAAG,YAAY,CAAE,gBAAgB,CAAE,EACtE,CAAC,GAAG,EAAE,IACH,CAAE,SAAS,EAAE,MAAM,GAAG,SAAS,EAAE,KAAK,EAAE;IAAE,KAAK,EAAE,CAAC,CAAA;CAAE,GAAG,CAAC,KAAM,IAAI,CAAC;AAEvE,MAAM,WAAW,eAAgB,SAAQ,SAAS;IACjD;;;;OAIG;IACH,aAAa,CAAC,EAAE,aAAa,CAAC;IAC9B;;;;;OAKG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB;;;;OAIG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB;;;;;OAKG;IACH,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B;;OAEG;IACH,QAAQ,CAAC,EAAE,mBAAmB,CAAC;IAC/B,UAAU,CAAC,EAAE,CACZ,SAAS,EAAE,MAAM,EACjB,KAAK,CAAC,EAAE,cAAc,CAAE,gBAAgB,CAAE,KACtC,IAAI,CAAC;IACV,YAAY,EAAE,CAAE,SAAS,EAAE,OAAO,KAAM,IAAI,CAAC;IAC7C,YAAY,CAAC,EAAE,YAAY,CAAC;IAC5B;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,CAAE,SAAS,EAAE,SAAS,KAAM,IAAI,CAAC;IAC7C,WAAW,CAAC,EAAE,CAAE,SAAS,EAAE,SAAS,KAAM,IAAI,CAAC;IAC/C,MAAM,CAAC,EAAE,CAAE,SAAS,EAAE,SAAS,KAAM,IAAI,CAAC;IAC1C;;;;OAIG;IACH,IAAI,CAAC,EAAE,sBAAsB,CAAC;CAC9B;AAED,MAAM,WAAW,cAAe,SAAQ,SAAS,EAAE,SAAS;IAC3D,QAAQ,EAAE,SAAS,CAAC;IACpB;;OAEG;IACH,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB;;OAEG;IACH,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB;;;;OAIG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ;;OAEG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC;CAClB;AAED,MAAM,WAAW,iBAChB,SAAQ,IAAI,CAAE,cAAc,EAAE,UAAU,GAAG,WAAW,GAAG,MAAM,SAAS,CAAE;AACzE;;;;;;;;;GASG;AACH,IAAI,CACH,uBAAuB,CAAE,eAAe,EAAE,OAAO,EAAE,KAAK,CAAE,EAC1D,cAAc,GAAG,QAAQ,GAAG,WAAW,GAAG,cAAc,CACxD;IACF,sBAAsB,CAAC,EAAE,eAAe,CAAE,cAAc,CAAE,CAAC;CAC3D;AAED,MAAM,WAAW,sBAAsB;IACtC,QAAQ,EAAE,SAAS,CAAC;IACpB,mBAAmB,CAAC,EAAE,SAAS,CAAE,qBAAqB,CAAE,CAAC;IACzD,aAAa,CAAC,EAAE,SAAS,CAAE,eAAe,CAAE,CAAC;IAC7C,IAAI,CAAC,EAAE,SAAS,CAAE,MAAM,CAAE,CAAC;CAC3B"}
1
+ {"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/input-control/types.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,KAAK,EACX,aAAa,EACb,SAAS,EACT,WAAW,EACX,cAAc,EACd,YAAY,EACZ,sBAAsB,EACtB,MAAM,OAAO,CAAC;AACf,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,oBAAoB,CAAC;AAElD;;GAEG;AACH,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AACpD,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,eAAe,CAAC;AAC7D,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAE/C,oBAAY,aAAa,GAAG,KAAK,GAAG,QAAQ,GAAG,MAAM,GAAG,MAAM,CAAC;AAE/D,oBAAY,aAAa,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,CAAC;AAElD,oBAAY,SAAS,GAAG,UAAU,CAAE,UAAU,CAAE,OAAO,OAAO,CAAE,CAAE,CAAC,CAAE,CAAE,CAAE,CAAC,CAAE,CAAC;AAE7E,oBAAY,IAAI,GAAG,SAAS,GAAG,OAAO,GAAG,kBAAkB,CAAC;AAE5D,UAAU,SAAS;IAClB;;;;OAIG;IACH,qBAAqB,CAAC,EAAE,OAAO,CAAC;IAChC,oBAAoB,CAAC,EAAE,aAAa,CAAE,OAAO,CAAE,CAAC;IAChD;;;;OAIG;IACH,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B;;;;;;OAMG;IACH,SAAS,EAAE,OAAO,CAAC;IACnB;;;;OAIG;IACH,aAAa,CAAC,EAAE,aAAa,CAAC;IAC9B;;;;OAIG;IACH,IAAI,CAAC,EAAE,IAAI,CAAC;CACZ;AAED,oBAAY,mBAAmB,CAC9B,CAAC,GAAG,WAAW,CAAE,gBAAgB,CAAE,GAAG,YAAY,CAAE,gBAAgB,CAAE,EACtE,CAAC,GAAG,EAAE,IACH,CAAE,SAAS,EAAE,MAAM,GAAG,SAAS,EAAE,KAAK,EAAE;IAAE,KAAK,EAAE,CAAC,CAAA;CAAE,GAAG,CAAC,KAAM,IAAI,CAAC;AAEvE,MAAM,WAAW,eAAgB,SAAQ,SAAS;IACjD;;;;OAIG;IACH,aAAa,CAAC,EAAE,aAAa,CAAC;IAC9B;;;;;OAKG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB;;;;OAIG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB;;;;;OAKG;IACH,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B;;OAEG;IACH,QAAQ,CAAC,EAAE,mBAAmB,CAAC;IAC/B,UAAU,CAAC,EAAE,CACZ,SAAS,EAAE,MAAM,EACjB,KAAK,CAAC,EAAE,cAAc,CAAE,gBAAgB,CAAE,KACtC,IAAI,CAAC;IACV,YAAY,EAAE,CAAE,SAAS,EAAE,OAAO,KAAM,IAAI,CAAC;IAC7C,YAAY,CAAC,EAAE,YAAY,CAAC;IAC5B;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,CAAE,SAAS,EAAE,SAAS,KAAM,IAAI,CAAC;IAC7C,WAAW,CAAC,EAAE,CAAE,SAAS,EAAE,SAAS,KAAM,IAAI,CAAC;IAC/C,MAAM,CAAC,EAAE,CAAE,SAAS,EAAE,SAAS,KAAM,IAAI,CAAC;IAC1C;;;;OAIG;IACH,IAAI,CAAC,EAAE,sBAAsB,CAAC;CAC9B;AAED,MAAM,WAAW,cAAe,SAAQ,SAAS,EAAE,SAAS;IAC3D,QAAQ,EAAE,SAAS,CAAC;IACpB;;OAEG;IACH,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB;;OAEG;IACH,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB;;;;OAIG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ;;OAEG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC;CAClB;AAED,MAAM,WAAW,iBAChB,SAAQ,IAAI,CAAE,cAAc,EAAE,UAAU,GAAG,WAAW,GAAG,MAAM,SAAS,CAAE;AACzE;;;;;;;;;GASG;AACH,IAAI,CACH,uBAAuB,CAAE,eAAe,EAAE,OAAO,EAAE,KAAK,CAAE,EAC1D,cAAc,GAAG,QAAQ,GAAG,WAAW,GAAG,cAAc,CACxD;IACF,sBAAsB,CAAC,EAAE,eAAe,CAAE,cAAc,CAAE,CAAC;CAC3D;AAED,MAAM,WAAW,sBAAsB;IACtC,QAAQ,EAAE,SAAS,CAAC;IACpB,mBAAmB,CAAC,EAAE,SAAS,CAAE,qBAAqB,CAAE,CAAC;IACzD,aAAa,CAAC,EAAE,SAAS,CAAE,eAAe,CAAE,CAAC;IAC7C,IAAI,CAAC,EAAE,SAAS,CAAE,MAAM,CAAE,CAAC;CAC3B"}
@@ -1,3 +1,11 @@
1
+ /**
2
+ * External dependencies
3
+ */
4
+ import type { FocusEventHandler } from 'react';
5
+ /**
6
+ * Internal dependencies
7
+ */
8
+ import type { InputChangeCallback } from './types';
1
9
  /**
2
10
  * Gets a CSS cursor value based on a drag direction.
3
11
  *
@@ -14,4 +22,13 @@ export declare function getDragCursor(dragDirection: string): string;
14
22
  * @return {string} The CSS cursor value.
15
23
  */
16
24
  export declare function useDragCursor(isDragging: boolean, dragDirection: string): string;
25
+ export declare function useDraft(props: {
26
+ value: string | undefined;
27
+ onBlur?: FocusEventHandler;
28
+ onChange: InputChangeCallback;
29
+ }): {
30
+ value: string | undefined;
31
+ onBlur: FocusEventHandler<Element>;
32
+ onChange: InputChangeCallback<import("react").ChangeEvent<HTMLInputElement> | import("react").PointerEvent<HTMLInputElement>, {}>;
33
+ };
17
34
  //# sourceMappingURL=utils.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../src/input-control/utils.ts"],"names":[],"mappings":"AAKA;;;;;GAKG;AACH,wBAAgB,aAAa,CAAE,aAAa,EAAE,MAAM,GAAI,MAAM,CAgB7D;AAED;;;;;;;GAOG;AACH,wBAAgB,aAAa,CAC5B,UAAU,EAAE,OAAO,EACnB,aAAa,EAAE,MAAM,GACnB,MAAM,CAaR"}
1
+ {"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../src/input-control/utils.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAY/C;;GAEG;AACH,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAC;AAEnD;;;;;GAKG;AACH,wBAAgB,aAAa,CAAE,aAAa,EAAE,MAAM,GAAI,MAAM,CAgB7D;AAED;;;;;;;GAOG;AACH,wBAAgB,aAAa,CAC5B,UAAU,EAAE,OAAO,EACnB,aAAa,EAAE,MAAM,GACnB,MAAM,CAaR;AAED,wBAAgB,QAAQ,CAAE,KAAK,EAAE;IAChC,KAAK,EAAE,MAAM,GAAG,SAAS,CAAC;IAC1B,MAAM,CAAC,EAAE,iBAAiB,CAAC;IAC3B,QAAQ,EAAE,mBAAmB,CAAC;CAC9B;;;;EAiCA"}
@@ -1,4 +1,4 @@
1
- export const Input: import("@emotion/styled").StyledComponent<Pick<import("../../input-control/types").InputControlProps, "type" | "value" | "form" | "label" | "slot" | "style" | "title" | "pattern" | "className" | "color" | "height" | "id" | "lang" | "max" | "min" | "name" | "width" | "role" | "tabIndex" | "crossOrigin" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "css" | "key" | "list" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "placeholder" | "spellCheck" | "translate" | "radioGroup" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "alt" | "src" | "autoFocus" | "disabled" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "autoComplete" | "accept" | "capture" | "checked" | "enterKeyHint" | "maxLength" | "minLength" | "multiple" | "readOnly" | "required" | "size" | "step" | "hideLabelFromVision" | "suffix" | "__unstableInputWidth" | "labelPosition" | "dragDirection" | "dragThreshold" | "isDragEnabled" | "isPressEnterToChange" | "onValidate" | "__unstableStateReducer"> & import("react").RefAttributes<HTMLInputElement> & {
1
+ export const Input: import("@emotion/styled").StyledComponent<Pick<import("../../input-control/types").InputControlProps, "type" | "value" | "form" | "label" | "slot" | "style" | "title" | "pattern" | "className" | "color" | "height" | "id" | "lang" | "max" | "min" | "name" | "width" | "role" | "tabIndex" | "crossOrigin" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "css" | "key" | "list" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "placeholder" | "spellCheck" | "translate" | "radioGroup" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "alt" | "src" | "autoFocus" | "disabled" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "autoComplete" | "accept" | "capture" | "checked" | "enterKeyHint" | "maxLength" | "minLength" | "multiple" | "readOnly" | "required" | "size" | "step" | "hideLabelFromVision" | "__next36pxDefaultSize" | "suffix" | "__unstableInputWidth" | "labelPosition" | "dragDirection" | "dragThreshold" | "isDragEnabled" | "isPressEnterToChange" | "onValidate" | "__unstableStateReducer"> & import("react").RefAttributes<HTMLInputElement> & {
2
2
  theme?: import("@emotion/react").Theme | undefined;
3
3
  } & {
4
4
  hideHTMLArrows: any;
@@ -1,28 +1,26 @@
1
1
  export default PopoverContainer;
2
2
  declare const PopoverContainer: import("react").ForwardRefExoticComponent<Pick<{
3
3
  [x: string]: any;
4
+ range: any;
5
+ animate?: boolean | undefined;
4
6
  headerTitle: any;
5
7
  onClose: any;
6
8
  children: any;
7
9
  className: any;
8
10
  noArrow?: boolean | undefined;
9
11
  isAlternate: any;
10
- position?: string | undefined;
11
- range: any;
12
+ position: any;
13
+ placement?: string | undefined;
14
+ offset: any;
12
15
  focusOnMount?: string | undefined;
13
16
  anchorRef: any;
14
- shouldAnchorIncludePadding: any;
15
17
  anchorRect: any;
16
18
  getAnchorRect: any;
17
19
  expandOnMobile: any;
18
- animate?: boolean | undefined;
19
20
  onFocusOutside: any;
20
- __unstableStickyBoundaryElement: any;
21
21
  __unstableSlotName?: string | undefined;
22
22
  __unstableObserveElement: any;
23
- __unstableBoundaryParent: any;
24
23
  __unstableForcePosition: any;
25
- __unstableForceXAlignment: any;
26
- __unstableEditorCanvasWrapper: any;
24
+ __unstableShift?: boolean | undefined;
27
25
  }, string | number> & import("react").RefAttributes<any>>;
28
26
  //# sourceMappingURL=index.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/popover/index.js"],"names":[],"mappings":";AA2jBA;;;;;;;;;;;;;;;;;;;;;;;;;0DAA+C"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/popover/index.js"],"names":[],"mappings":";AA2ZA;;;;;;;;;;;;;;;;;;;;;;;0DAA+C"}
@@ -23,7 +23,7 @@ declare const _default: import("react").ForwardRefExoticComponent<ResizableProps
23
23
  position?: import("./resize-tooltip/utils").Position | undefined;
24
24
  showPx?: boolean | undefined;
25
25
  zIndex?: number | undefined;
26
- }, "as" | "key" | keyof import("react").HTMLAttributes<HTMLDivElement> | "position" | "zIndex" | "theme" | "axis" | "onResize" | "fadeTimeout" | "showPx" | "isVisible" | "labelRef"> & import("react").RefAttributes<HTMLDivElement>;
26
+ }, "as" | "key" | keyof import("react").HTMLAttributes<HTMLDivElement> | "position" | "zIndex" | "theme" | "axis" | "fadeTimeout" | "onResize" | "showPx" | "isVisible" | "labelRef"> & import("react").RefAttributes<HTMLDivElement>;
27
27
  } & import("react").RefAttributes<Resizable>>;
28
28
  export default _default;
29
29
  //# sourceMappingURL=index.d.ts.map
@@ -17,6 +17,6 @@ declare const ForwardedComponent: import("react").ForwardRefExoticComponent<Pick
17
17
  position?: Position | undefined;
18
18
  showPx?: boolean | undefined;
19
19
  zIndex?: number | undefined;
20
- }, "as" | "key" | keyof import("react").HTMLAttributes<HTMLDivElement> | "position" | "zIndex" | "theme" | "axis" | "onResize" | "fadeTimeout" | "showPx" | "isVisible" | "labelRef"> & import("react").RefAttributes<HTMLDivElement>>;
20
+ }, "as" | "key" | keyof import("react").HTMLAttributes<HTMLDivElement> | "position" | "zIndex" | "theme" | "axis" | "fadeTimeout" | "onResize" | "showPx" | "isVisible" | "labelRef"> & import("react").RefAttributes<HTMLDivElement>>;
21
21
  export default ForwardedComponent;
22
22
  //# sourceMappingURL=index.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../src/resizable-box/resize-tooltip/utils.ts"],"names":[],"mappings":";AAaA,oBAAY,IAAI,GAAG,GAAG,GAAG,GAAG,CAAC;AAE7B,eAAO,MAAM,SAAS;;;CAGZ,CAAC;AAEX,oBAAY,QAAQ,GAAG,OAAO,SAAS,CAAE,MAAM,OAAO,SAAS,CAAE,CAAC;AAElE,UAAU,mBAAmB;IAC5B,uBAAuB;IACvB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,0DAA0D;IAC1D,cAAc,EAAE,GAAG,CAAC,OAAO,CAAC;CAC5B;AAED,UAAU,kBAAkB;IAC3B,IAAI,CAAC,EAAE,IAAI,CAAC;IACZ,WAAW,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAE,IAAI,EAAE;QAAE,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;QAAC,MAAM,EAAE,MAAM,GAAG,IAAI,CAAA;KAAE,GAAI,IAAI,CAAC;IACxE,QAAQ,EAAE,QAAQ,CAAC;IACnB,MAAM,EAAE,OAAO,CAAC;CAChB;AAED;;;;;;;;;;;;GAYG;AACH,wBAAgB,cAAc,CAAE,EAC/B,IAAI,EACJ,WAAiB,EACjB,QAAe,EACf,QAA2B,EAC3B,MAAc,GACd,EAAE,kBAAkB,GAAI,mBAAmB,CA+G3C"}
1
+ {"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../src/resizable-box/resize-tooltip/utils.ts"],"names":[],"mappings":";AAaA,oBAAY,IAAI,GAAG,GAAG,GAAG,GAAG,CAAC;AAE7B,eAAO,MAAM,SAAS;;;CAGZ,CAAC;AAEX,oBAAY,QAAQ,GAAG,OAAO,SAAS,CAAE,MAAM,OAAO,SAAS,CAAE,CAAC;AAElE,UAAU,mBAAmB;IAC5B,uBAAuB;IACvB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,0DAA0D;IAC1D,cAAc,EAAE,GAAG,CAAC,OAAO,CAAC;CAC5B;AAED,UAAU,kBAAkB;IAC3B,IAAI,CAAC,EAAE,IAAI,CAAC;IACZ,WAAW,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAE,IAAI,EAAE;QAAE,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;QAAC,MAAM,EAAE,MAAM,GAAG,IAAI,CAAA;KAAE,GAAI,IAAI,CAAC;IACxE,QAAQ,EAAE,QAAQ,CAAC;IACnB,MAAM,EAAE,OAAO,CAAC;CAChB;AAED;;;;;;;;;;;;GAYG;AACH,wBAAgB,cAAc,CAAE,EAC/B,IAAI,EACJ,WAAiB,EACjB,QAAe,EACf,QAA2B,EAC3B,MAAc,GACd,EAAE,kBAAkB,GAAI,mBAAmB,CA8G3C"}
@@ -1,28 +1,32 @@
1
- import type { ChangeEvent, FocusEvent, ReactNode } from 'react';
2
- import type { InputBaseProps, LabelPosition } from '../input-control/types';
3
- import type { Size } from './types';
4
- export interface SelectControlProps extends Omit<InputBaseProps, 'children' | 'isFocused'> {
5
- help?: string;
6
- hideLabelFromVision?: boolean;
7
- multiple?: boolean;
8
- onBlur?: (event: FocusEvent<HTMLSelectElement>) => void;
9
- onFocus?: (event: FocusEvent<HTMLSelectElement>) => void;
10
- onChange?: (value: string | string[], extra?: {
11
- event?: ChangeEvent<HTMLSelectElement>;
12
- }) => void;
13
- options?: {
14
- label: string;
15
- value: string;
16
- id?: string;
17
- disabled?: boolean;
18
- }[];
19
- size?: Size;
20
- value?: string | string[];
21
- labelPosition?: LabelPosition;
22
- children?: ReactNode;
23
- }
24
- declare const ForwardedComponent: import("react").ForwardRefExoticComponent<Pick<SelectControlProps & Omit<Pick<import("react").DetailedHTMLProps<import("react").SelectHTMLAttributes<HTMLSelectElement>, HTMLSelectElement>, "key" | keyof import("react").SelectHTMLAttributes<HTMLSelectElement>> & {
1
+ /// <reference types="react" />
2
+ import type { SelectControlProps } from './types';
3
+ /**
4
+ * `SelectControl` allows users to select from a single or multiple option menu.
5
+ * It functions as a wrapper around the browser's native `<select>` element.
6
+ *
7
+ * @example
8
+ * import { SelectControl } from '@wordpress/components';
9
+ * import { useState } from '@wordpress/element';
10
+ *
11
+ * const MySelectControl = () => {
12
+ * const [ size, setSize ] = useState( '50%' );
13
+ *
14
+ * return (
15
+ * <SelectControl
16
+ * label="Size"
17
+ * value={ size }
18
+ * options={ [
19
+ * { label: 'Big', value: '100%' },
20
+ * { label: 'Medium', value: '50%' },
21
+ * { label: 'Small', value: '25%' },
22
+ * ] }
23
+ * onChange={ setSize }
24
+ * />
25
+ * );
26
+ * };
27
+ */
28
+ export declare const SelectControl: import("react").ForwardRefExoticComponent<Pick<SelectControlProps & Omit<Pick<import("react").DetailedHTMLProps<import("react").SelectHTMLAttributes<HTMLSelectElement>, HTMLSelectElement>, "key" | keyof import("react").SelectHTMLAttributes<HTMLSelectElement>> & {
25
29
  ref?: ((instance: HTMLSelectElement | null) => void) | import("react").RefObject<HTMLSelectElement> | null | undefined;
26
- }, "as" | keyof SelectControlProps>, "form" | "slot" | "style" | "title" | "color" | "lang" | "name" | "role" | "tabIndex" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocusCapture" | "onBlurCapture" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "css" | "key" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "placeholder" | "spellCheck" | "translate" | "radioGroup" | "about" | "datatype" | "inlist" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "autoFocus" | "autoComplete" | "required" | keyof SelectControlProps> & import("react").RefAttributes<HTMLSelectElement>>;
27
- export default ForwardedComponent;
30
+ }, "as" | keyof SelectControlProps>, "form" | "slot" | "style" | "title" | "className" | "color" | "id" | "lang" | "name" | "role" | "tabIndex" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocusCapture" | "onBlurCapture" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "css" | "key" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "placeholder" | "spellCheck" | "translate" | "radioGroup" | "about" | "datatype" | "inlist" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "autoFocus" | "autoComplete" | "required" | keyof SelectControlProps> & import("react").RefAttributes<HTMLSelectElement>>;
31
+ export default SelectControl;
28
32
  //# sourceMappingURL=index.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/select-control/index.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,WAAW,EAAE,UAAU,EAAE,SAAS,EAAgB,MAAM,OAAO,CAAC;AAc9E,OAAO,KAAK,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,wBAAwB,CAAC;AAE5E,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,SAAS,CAAC;AAUpC,MAAM,WAAW,kBAChB,SAAQ,IAAI,CAAE,cAAc,EAAE,UAAU,GAAG,WAAW,CAAE;IACxD,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,MAAM,CAAC,EAAE,CAAE,KAAK,EAAE,UAAU,CAAE,iBAAiB,CAAE,KAAM,IAAI,CAAC;IAC5D,OAAO,CAAC,EAAE,CAAE,KAAK,EAAE,UAAU,CAAE,iBAAiB,CAAE,KAAM,IAAI,CAAC;IAC7D,QAAQ,CAAC,EAAE,CACV,KAAK,EAAE,MAAM,GAAG,MAAM,EAAE,EACxB,KAAK,CAAC,EAAE;QAAE,KAAK,CAAC,EAAE,WAAW,CAAE,iBAAiB,CAAE,CAAA;KAAE,KAChD,IAAI,CAAC;IACV,OAAO,CAAC,EAAE;QACT,KAAK,EAAE,MAAM,CAAC;QACd,KAAK,EAAE,MAAM,CAAC;QACd,EAAE,CAAC,EAAE,MAAM,CAAC;QACZ,QAAQ,CAAC,EAAE,OAAO,CAAC;KACnB,EAAE,CAAC;IACJ,IAAI,CAAC,EAAE,IAAI,CAAC;IACZ,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC;IAC1B,aAAa,CAAC,EAAE,aAAa,CAAC;IAC9B,QAAQ,CAAC,EAAE,SAAS,CAAC;CACrB;AAmHD,QAAA,MAAM,kBAAkB;;8lJAA8B,CAAC;AAEvD,eAAe,kBAAkB,CAAC"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/select-control/index.tsx"],"names":[],"mappings":";AAqBA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAC;AA+HlD;;;;;;;;;;;;;;;;;;;;;;;;GAwBG;AACH,eAAO,MAAM,aAAa;;mnJAAyC,CAAC;AAEpE,eAAe,aAAa,CAAC"}