@patternfly/react-core 5.0.0-alpha.103 → 5.0.0-alpha.105

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 (338) hide show
  1. package/CHANGELOG.md +10 -0
  2. package/dist/esm/components/AboutModal/package.json +1 -1
  3. package/dist/esm/components/Accordion/package.json +1 -1
  4. package/dist/esm/components/ActionList/package.json +1 -1
  5. package/dist/esm/components/Alert/package.json +1 -1
  6. package/dist/esm/components/Avatar/package.json +1 -1
  7. package/dist/esm/components/BackToTop/package.json +1 -1
  8. package/dist/esm/components/Backdrop/package.json +1 -1
  9. package/dist/esm/components/BackgroundImage/package.json +1 -1
  10. package/dist/esm/components/Badge/package.json +1 -1
  11. package/dist/esm/components/Banner/package.json +1 -1
  12. package/dist/esm/components/Brand/package.json +1 -1
  13. package/dist/esm/components/Breadcrumb/package.json +1 -1
  14. package/dist/esm/components/Button/package.json +1 -1
  15. package/dist/esm/components/CalendarMonth/CalendarMonth.d.ts.map +1 -1
  16. package/dist/esm/components/CalendarMonth/CalendarMonth.js +27 -25
  17. package/dist/esm/components/CalendarMonth/CalendarMonth.js.map +1 -1
  18. package/dist/esm/components/CalendarMonth/package.json +1 -1
  19. package/dist/esm/components/Card/package.json +1 -1
  20. package/dist/esm/components/Checkbox/package.json +1 -1
  21. package/dist/esm/components/Chip/package.json +1 -1
  22. package/dist/esm/components/ClipboardCopy/package.json +1 -1
  23. package/dist/esm/components/CodeBlock/package.json +1 -1
  24. package/dist/esm/components/DataList/package.json +1 -1
  25. package/dist/esm/components/DatePicker/DatePicker.d.ts.map +1 -1
  26. package/dist/esm/components/DatePicker/DatePicker.js +8 -6
  27. package/dist/esm/components/DatePicker/DatePicker.js.map +1 -1
  28. package/dist/esm/components/DatePicker/package.json +1 -1
  29. package/dist/esm/components/DescriptionList/package.json +1 -1
  30. package/dist/esm/components/Divider/package.json +1 -1
  31. package/dist/esm/components/DragDrop/package.json +1 -1
  32. package/dist/esm/components/Drawer/package.json +1 -1
  33. package/dist/esm/components/Dropdown/package.json +1 -1
  34. package/dist/esm/components/DualListSelector/package.json +1 -1
  35. package/dist/esm/components/EmptyState/package.json +1 -1
  36. package/dist/esm/components/ExpandableSection/package.json +1 -1
  37. package/dist/esm/components/FileUpload/FileUploadField.d.ts.map +1 -1
  38. package/dist/esm/components/FileUpload/FileUploadField.js +8 -5
  39. package/dist/esm/components/FileUpload/FileUploadField.js.map +1 -1
  40. package/dist/esm/components/FileUpload/package.json +1 -1
  41. package/dist/esm/components/Form/package.json +1 -1
  42. package/dist/esm/components/FormSelect/package.json +1 -1
  43. package/dist/esm/components/HelperText/package.json +1 -1
  44. package/dist/esm/components/Hint/package.json +1 -1
  45. package/dist/esm/components/Icon/package.json +1 -1
  46. package/dist/esm/components/InputGroup/InputGroup.d.ts.map +1 -1
  47. package/dist/esm/components/InputGroup/InputGroup.js +48 -9
  48. package/dist/esm/components/InputGroup/InputGroup.js.map +1 -1
  49. package/dist/esm/components/InputGroup/InputGroupItem.d.ts +17 -0
  50. package/dist/esm/components/InputGroup/InputGroupItem.d.ts.map +1 -0
  51. package/dist/esm/components/InputGroup/InputGroupItem.js +10 -0
  52. package/dist/esm/components/InputGroup/InputGroupItem.js.map +1 -0
  53. package/dist/esm/components/InputGroup/index.d.ts +1 -0
  54. package/dist/esm/components/InputGroup/index.d.ts.map +1 -1
  55. package/dist/esm/components/InputGroup/index.js +1 -0
  56. package/dist/esm/components/InputGroup/index.js.map +1 -1
  57. package/dist/esm/components/InputGroup/package.json +1 -1
  58. package/dist/esm/components/JumpLinks/package.json +1 -1
  59. package/dist/esm/components/Label/package.json +1 -1
  60. package/dist/esm/components/List/package.json +1 -1
  61. package/dist/esm/components/LoginPage/LoginForm.d.ts.map +1 -1
  62. package/dist/esm/components/LoginPage/LoginForm.js +4 -3
  63. package/dist/esm/components/LoginPage/LoginForm.js.map +1 -1
  64. package/dist/esm/components/LoginPage/package.json +1 -1
  65. package/dist/esm/components/Masthead/package.json +1 -1
  66. package/dist/esm/components/Menu/package.json +1 -1
  67. package/dist/esm/components/MenuToggle/package.json +1 -1
  68. package/dist/esm/components/Modal/package.json +1 -1
  69. package/dist/esm/components/MultipleFileUpload/package.json +1 -1
  70. package/dist/esm/components/Nav/package.json +1 -1
  71. package/dist/esm/components/NotificationBadge/package.json +1 -1
  72. package/dist/esm/components/NotificationDrawer/package.json +1 -1
  73. package/dist/esm/components/NumberInput/NumberInput.d.ts.map +1 -1
  74. package/dist/esm/components/NumberInput/NumberInput.js +11 -8
  75. package/dist/esm/components/NumberInput/NumberInput.js.map +1 -1
  76. package/dist/esm/components/NumberInput/package.json +1 -1
  77. package/dist/esm/components/OverflowMenu/package.json +1 -1
  78. package/dist/esm/components/Page/package.json +1 -1
  79. package/dist/esm/components/Pagination/package.json +1 -1
  80. package/dist/esm/components/Panel/package.json +1 -1
  81. package/dist/esm/components/Popover/package.json +1 -1
  82. package/dist/esm/components/Progress/package.json +1 -1
  83. package/dist/esm/components/ProgressStepper/package.json +1 -1
  84. package/dist/esm/components/Radio/package.json +1 -1
  85. package/dist/esm/components/SearchInput/SearchInput.d.ts.map +1 -1
  86. package/dist/esm/components/SearchInput/SearchInput.js +15 -10
  87. package/dist/esm/components/SearchInput/SearchInput.js.map +1 -1
  88. package/dist/esm/components/SearchInput/package.json +1 -1
  89. package/dist/esm/components/Select/package.json +1 -1
  90. package/dist/esm/components/Sidebar/package.json +1 -1
  91. package/dist/esm/components/SimpleList/package.json +1 -1
  92. package/dist/esm/components/Skeleton/package.json +1 -1
  93. package/dist/esm/components/SkipToContent/package.json +1 -1
  94. package/dist/esm/components/Slider/Slider.d.ts.map +1 -1
  95. package/dist/esm/components/Slider/Slider.js +4 -5
  96. package/dist/esm/components/Slider/Slider.js.map +1 -1
  97. package/dist/esm/components/Slider/package.json +1 -1
  98. package/dist/esm/components/Spinner/package.json +1 -1
  99. package/dist/esm/components/Switch/package.json +1 -1
  100. package/dist/esm/components/Tabs/package.json +1 -1
  101. package/dist/esm/components/Text/package.json +1 -1
  102. package/dist/esm/components/TextArea/package.json +1 -1
  103. package/dist/esm/components/TextInput/package.json +1 -1
  104. package/dist/esm/components/TextInputGroup/package.json +1 -1
  105. package/dist/esm/components/Tile/package.json +1 -1
  106. package/dist/esm/components/TimePicker/TimePicker.d.ts.map +1 -1
  107. package/dist/esm/components/TimePicker/TimePicker.js +5 -4
  108. package/dist/esm/components/TimePicker/TimePicker.js.map +1 -1
  109. package/dist/esm/components/TimePicker/package.json +1 -1
  110. package/dist/esm/components/Timestamp/package.json +1 -1
  111. package/dist/esm/components/Title/package.json +1 -1
  112. package/dist/esm/components/ToggleGroup/package.json +1 -1
  113. package/dist/esm/components/Toolbar/package.json +1 -1
  114. package/dist/esm/components/Tooltip/package.json +1 -1
  115. package/dist/esm/components/TreeView/package.json +1 -1
  116. package/dist/esm/components/Truncate/package.json +1 -1
  117. package/dist/esm/components/Wizard/WizardHeader.d.ts.map +1 -1
  118. package/dist/esm/components/Wizard/WizardHeader.js +6 -5
  119. package/dist/esm/components/Wizard/WizardHeader.js.map +1 -1
  120. package/dist/esm/components/Wizard/hooks/package.json +1 -1
  121. package/dist/esm/components/Wizard/package.json +1 -1
  122. package/dist/esm/components/package.json +1 -1
  123. package/dist/esm/deprecated/components/ApplicationLauncher/package.json +1 -1
  124. package/dist/esm/deprecated/components/ContextSelector/package.json +1 -1
  125. package/dist/esm/deprecated/components/Dropdown/package.json +1 -1
  126. package/dist/esm/deprecated/components/OptionsMenu/package.json +1 -1
  127. package/dist/esm/deprecated/components/PageHeader/package.json +1 -1
  128. package/dist/esm/deprecated/components/Select/package.json +1 -1
  129. package/dist/esm/deprecated/components/Wizard/WizardHeader.d.ts.map +1 -1
  130. package/dist/esm/deprecated/components/Wizard/WizardHeader.js +6 -5
  131. package/dist/esm/deprecated/components/Wizard/WizardHeader.js.map +1 -1
  132. package/dist/esm/deprecated/components/Wizard/package.json +1 -1
  133. package/dist/esm/deprecated/components/package.json +1 -1
  134. package/dist/esm/deprecated/package.json +1 -1
  135. package/dist/esm/helpers/Popper/thirdparty/popper-core/package.json +1 -1
  136. package/dist/esm/helpers/package.json +1 -1
  137. package/dist/esm/layouts/Bullseye/package.json +1 -1
  138. package/dist/esm/layouts/Flex/package.json +1 -1
  139. package/dist/esm/layouts/Gallery/package.json +1 -1
  140. package/dist/esm/layouts/Grid/package.json +1 -1
  141. package/dist/esm/layouts/Level/package.json +1 -1
  142. package/dist/esm/layouts/Split/package.json +1 -1
  143. package/dist/esm/layouts/Stack/package.json +1 -1
  144. package/dist/esm/layouts/package.json +1 -1
  145. package/dist/esm/next/components/package.json +1 -1
  146. package/dist/esm/next/package.json +1 -1
  147. package/dist/esm/package.json +1 -1
  148. package/dist/js/components/AboutModal/package.json +1 -1
  149. package/dist/js/components/Accordion/package.json +1 -1
  150. package/dist/js/components/ActionList/package.json +1 -1
  151. package/dist/js/components/Alert/package.json +1 -1
  152. package/dist/js/components/Avatar/package.json +1 -1
  153. package/dist/js/components/BackToTop/package.json +1 -1
  154. package/dist/js/components/Backdrop/package.json +1 -1
  155. package/dist/js/components/BackgroundImage/package.json +1 -1
  156. package/dist/js/components/Badge/package.json +1 -1
  157. package/dist/js/components/Banner/package.json +1 -1
  158. package/dist/js/components/Brand/package.json +1 -1
  159. package/dist/js/components/Breadcrumb/package.json +1 -1
  160. package/dist/js/components/Button/package.json +1 -1
  161. package/dist/js/components/CalendarMonth/CalendarMonth.d.ts.map +1 -1
  162. package/dist/js/components/CalendarMonth/CalendarMonth.js +26 -24
  163. package/dist/js/components/CalendarMonth/CalendarMonth.js.map +1 -1
  164. package/dist/js/components/CalendarMonth/package.json +1 -1
  165. package/dist/js/components/Card/package.json +1 -1
  166. package/dist/js/components/Checkbox/package.json +1 -1
  167. package/dist/js/components/Chip/package.json +1 -1
  168. package/dist/js/components/ClipboardCopy/package.json +1 -1
  169. package/dist/js/components/CodeBlock/package.json +1 -1
  170. package/dist/js/components/DataList/package.json +1 -1
  171. package/dist/js/components/DatePicker/DatePicker.d.ts.map +1 -1
  172. package/dist/js/components/DatePicker/DatePicker.js +8 -6
  173. package/dist/js/components/DatePicker/DatePicker.js.map +1 -1
  174. package/dist/js/components/DatePicker/package.json +1 -1
  175. package/dist/js/components/DescriptionList/package.json +1 -1
  176. package/dist/js/components/Divider/package.json +1 -1
  177. package/dist/js/components/DragDrop/package.json +1 -1
  178. package/dist/js/components/Drawer/package.json +1 -1
  179. package/dist/js/components/Dropdown/package.json +1 -1
  180. package/dist/js/components/DualListSelector/package.json +1 -1
  181. package/dist/js/components/EmptyState/package.json +1 -1
  182. package/dist/js/components/ExpandableSection/package.json +1 -1
  183. package/dist/js/components/FileUpload/FileUploadField.d.ts.map +1 -1
  184. package/dist/js/components/FileUpload/FileUploadField.js +7 -4
  185. package/dist/js/components/FileUpload/FileUploadField.js.map +1 -1
  186. package/dist/js/components/FileUpload/package.json +1 -1
  187. package/dist/js/components/Form/package.json +1 -1
  188. package/dist/js/components/FormSelect/package.json +1 -1
  189. package/dist/js/components/HelperText/package.json +1 -1
  190. package/dist/js/components/Hint/package.json +1 -1
  191. package/dist/js/components/Icon/package.json +1 -1
  192. package/dist/js/components/InputGroup/InputGroup.d.ts.map +1 -1
  193. package/dist/js/components/InputGroup/InputGroup.js +48 -9
  194. package/dist/js/components/InputGroup/InputGroup.js.map +1 -1
  195. package/dist/js/components/InputGroup/InputGroupItem.d.ts +17 -0
  196. package/dist/js/components/InputGroup/InputGroupItem.d.ts.map +1 -0
  197. package/dist/js/components/InputGroup/InputGroupItem.js +14 -0
  198. package/dist/js/components/InputGroup/InputGroupItem.js.map +1 -0
  199. package/dist/js/components/InputGroup/index.d.ts +1 -0
  200. package/dist/js/components/InputGroup/index.d.ts.map +1 -1
  201. package/dist/js/components/InputGroup/index.js +1 -0
  202. package/dist/js/components/InputGroup/index.js.map +1 -1
  203. package/dist/js/components/InputGroup/package.json +1 -1
  204. package/dist/js/components/JumpLinks/package.json +1 -1
  205. package/dist/js/components/Label/package.json +1 -1
  206. package/dist/js/components/List/package.json +1 -1
  207. package/dist/js/components/LoginPage/LoginForm.d.ts.map +1 -1
  208. package/dist/js/components/LoginPage/LoginForm.js +3 -2
  209. package/dist/js/components/LoginPage/LoginForm.js.map +1 -1
  210. package/dist/js/components/LoginPage/package.json +1 -1
  211. package/dist/js/components/Masthead/package.json +1 -1
  212. package/dist/js/components/Menu/package.json +1 -1
  213. package/dist/js/components/MenuToggle/package.json +1 -1
  214. package/dist/js/components/Modal/package.json +1 -1
  215. package/dist/js/components/MultipleFileUpload/package.json +1 -1
  216. package/dist/js/components/Nav/package.json +1 -1
  217. package/dist/js/components/NotificationBadge/package.json +1 -1
  218. package/dist/js/components/NotificationDrawer/package.json +1 -1
  219. package/dist/js/components/NumberInput/NumberInput.d.ts.map +1 -1
  220. package/dist/js/components/NumberInput/NumberInput.js +10 -7
  221. package/dist/js/components/NumberInput/NumberInput.js.map +1 -1
  222. package/dist/js/components/NumberInput/package.json +1 -1
  223. package/dist/js/components/OverflowMenu/package.json +1 -1
  224. package/dist/js/components/Page/package.json +1 -1
  225. package/dist/js/components/Pagination/package.json +1 -1
  226. package/dist/js/components/Panel/package.json +1 -1
  227. package/dist/js/components/Popover/package.json +1 -1
  228. package/dist/js/components/Progress/package.json +1 -1
  229. package/dist/js/components/ProgressStepper/package.json +1 -1
  230. package/dist/js/components/Radio/package.json +1 -1
  231. package/dist/js/components/SearchInput/SearchInput.d.ts.map +1 -1
  232. package/dist/js/components/SearchInput/SearchInput.js +14 -9
  233. package/dist/js/components/SearchInput/SearchInput.js.map +1 -1
  234. package/dist/js/components/SearchInput/package.json +1 -1
  235. package/dist/js/components/Select/package.json +1 -1
  236. package/dist/js/components/Sidebar/package.json +1 -1
  237. package/dist/js/components/SimpleList/package.json +1 -1
  238. package/dist/js/components/Skeleton/package.json +1 -1
  239. package/dist/js/components/SkipToContent/package.json +1 -1
  240. package/dist/js/components/Slider/Slider.d.ts.map +1 -1
  241. package/dist/js/components/Slider/Slider.js +3 -4
  242. package/dist/js/components/Slider/Slider.js.map +1 -1
  243. package/dist/js/components/Slider/package.json +1 -1
  244. package/dist/js/components/Spinner/package.json +1 -1
  245. package/dist/js/components/Switch/package.json +1 -1
  246. package/dist/js/components/Tabs/package.json +1 -1
  247. package/dist/js/components/Text/package.json +1 -1
  248. package/dist/js/components/TextArea/package.json +1 -1
  249. package/dist/js/components/TextInput/package.json +1 -1
  250. package/dist/js/components/TextInputGroup/package.json +1 -1
  251. package/dist/js/components/Tile/package.json +1 -1
  252. package/dist/js/components/TimePicker/TimePicker.d.ts.map +1 -1
  253. package/dist/js/components/TimePicker/TimePicker.js +4 -3
  254. package/dist/js/components/TimePicker/TimePicker.js.map +1 -1
  255. package/dist/js/components/TimePicker/package.json +1 -1
  256. package/dist/js/components/Timestamp/package.json +1 -1
  257. package/dist/js/components/Title/package.json +1 -1
  258. package/dist/js/components/ToggleGroup/package.json +1 -1
  259. package/dist/js/components/Toolbar/package.json +1 -1
  260. package/dist/js/components/Tooltip/package.json +1 -1
  261. package/dist/js/components/TreeView/package.json +1 -1
  262. package/dist/js/components/Truncate/package.json +1 -1
  263. package/dist/js/components/Wizard/WizardHeader.d.ts.map +1 -1
  264. package/dist/js/components/Wizard/WizardHeader.js +6 -5
  265. package/dist/js/components/Wizard/WizardHeader.js.map +1 -1
  266. package/dist/js/components/Wizard/hooks/package.json +1 -1
  267. package/dist/js/components/Wizard/package.json +1 -1
  268. package/dist/js/components/package.json +1 -1
  269. package/dist/js/deprecated/components/ApplicationLauncher/package.json +1 -1
  270. package/dist/js/deprecated/components/ContextSelector/package.json +1 -1
  271. package/dist/js/deprecated/components/Dropdown/package.json +1 -1
  272. package/dist/js/deprecated/components/OptionsMenu/package.json +1 -1
  273. package/dist/js/deprecated/components/PageHeader/package.json +1 -1
  274. package/dist/js/deprecated/components/Select/package.json +1 -1
  275. package/dist/js/deprecated/components/Wizard/WizardHeader.d.ts.map +1 -1
  276. package/dist/js/deprecated/components/Wizard/WizardHeader.js +6 -5
  277. package/dist/js/deprecated/components/Wizard/WizardHeader.js.map +1 -1
  278. package/dist/js/deprecated/components/Wizard/package.json +1 -1
  279. package/dist/js/deprecated/components/package.json +1 -1
  280. package/dist/js/deprecated/package.json +1 -1
  281. package/dist/js/helpers/Popper/thirdparty/popper-core/package.json +1 -1
  282. package/dist/js/helpers/package.json +1 -1
  283. package/dist/js/layouts/Bullseye/package.json +1 -1
  284. package/dist/js/layouts/Flex/package.json +1 -1
  285. package/dist/js/layouts/Gallery/package.json +1 -1
  286. package/dist/js/layouts/Grid/package.json +1 -1
  287. package/dist/js/layouts/Level/package.json +1 -1
  288. package/dist/js/layouts/Split/package.json +1 -1
  289. package/dist/js/layouts/Stack/package.json +1 -1
  290. package/dist/js/layouts/package.json +1 -1
  291. package/dist/js/next/components/package.json +1 -1
  292. package/dist/js/next/package.json +1 -1
  293. package/dist/js/package.json +1 -1
  294. package/dist/umd/react-core.min.js +2 -2
  295. package/package.json +2 -2
  296. package/src/components/Alert/examples/AlertGroupAsync.tsx +11 -6
  297. package/src/components/Alert/examples/AlertGroupMultipleDynamic.tsx +7 -4
  298. package/src/components/Alert/examples/AlertGroupSingularDynamic.tsx +17 -10
  299. package/src/components/Alert/examples/AlertGroupSingularDynamicOverflow.tsx +17 -10
  300. package/src/components/Alert/examples/AlertGroupToast.tsx +17 -10
  301. package/src/components/Alert/examples/AlertGroupToastOverflowCapture.tsx +17 -10
  302. package/src/components/CalendarMonth/CalendarMonth.tsx +61 -57
  303. package/src/components/DatePicker/DatePicker.tsx +27 -23
  304. package/src/components/DatePicker/__tests__/__snapshots__/DatePicker.test.tsx.snap +121 -97
  305. package/src/components/FileUpload/FileUploadField.tsx +32 -26
  306. package/src/components/FileUpload/__tests__/__snapshots__/FileUpload.test.tsx.snap +47 -35
  307. package/src/components/FileUpload/__tests__/__snapshots__/FileUploadField.test.tsx.snap +46 -34
  308. package/src/components/InputGroup/InputGroup.tsx +50 -14
  309. package/src/components/InputGroup/InputGroupItem.tsx +44 -0
  310. package/src/components/InputGroup/__tests__/InputGroup.test.tsx +25 -12
  311. package/src/components/InputGroup/examples/InputGroup.md +2 -1
  312. package/src/components/InputGroup/examples/InputGroupBasic.tsx +35 -16
  313. package/src/components/InputGroup/examples/InputGroupWithDropdown.tsx +33 -26
  314. package/src/components/InputGroup/examples/InputGroupWithPopover.tsx +54 -40
  315. package/src/components/InputGroup/examples/InputGroupWithSiblings.tsx +57 -22
  316. package/src/components/InputGroup/examples/InputGroupWithTextarea.tsx +9 -5
  317. package/src/components/InputGroup/index.ts +1 -0
  318. package/src/components/LoginPage/LoginForm.tsx +13 -9
  319. package/src/components/LoginPage/__tests__/__snapshots__/LoginForm.test.tsx.snap +39 -31
  320. package/src/components/NumberInput/NumberInput.tsx +42 -36
  321. package/src/components/NumberInput/__tests__/__snapshots__/NumberInput.test.tsx.snap +904 -748
  322. package/src/components/SearchInput/SearchInput.tsx +29 -25
  323. package/src/components/SearchInput/__tests__/__snapshots__/SearchInput.test.tsx.snap +475 -423
  324. package/src/components/Slider/Slider.tsx +9 -6
  325. package/src/components/Slider/_tests_/__snapshots__/Slider.test.tsx.snap +44 -28
  326. package/src/components/TimePicker/TimePicker.tsx +15 -13
  327. package/src/components/Wizard/WizardHeader.tsx +9 -9
  328. package/src/demos/Button.md +1 -1
  329. package/src/demos/ComposableMenu/examples/ComposableContextSelector.tsx +20 -15
  330. package/src/demos/DatePicker/examples/DateTimePickerInModal.tsx +15 -3
  331. package/src/demos/DateTimePicker.md +22 -23
  332. package/src/demos/PasswordGenerator.md +22 -17
  333. package/src/demos/PrimaryDetail.md +48 -33
  334. package/src/demos/examples/DateTimePicker/DateTimePicker.tsx +12 -9
  335. package/src/deprecated/components/ContextSelector/__tests__/__snapshots__/ContextSelector.test.tsx.snap +100 -84
  336. package/src/deprecated/components/Wizard/WizardHeader.tsx +9 -8
  337. package/src/deprecated/components/Wizard/__tests__/Generated/__snapshots__/WizardHeader.test.tsx.snap +14 -14
  338. package/src/deprecated/components/Wizard/__tests__/__snapshots__/Wizard.test.tsx.snap +64 -56
package/src/components/NumberInput/__tests__/__snapshots__/NumberInput.test.tsx.snap CHANGED
@@ -8,68 +8,80 @@ exports[`numberInput disables lower threshold 1`] = `
8
8
  <div
9
9
  class="pf-v5-c-input-group"
10
10
  >
11
- <button
12
- aria-disabled="true"
13
- aria-label="Minus"
14
- class="pf-v5-c-button pf-m-control pf-m-disabled"
15
- data-ouia-component-id="OUIA-Generated-Button-control-13"
16
- data-ouia-component-type="PF4/Button"
17
- data-ouia-safe="true"
18
- disabled=""
19
- type="button"
20
- >
21
- <span
22
- class="pf-v5-c-number-input__icon"
11
+ <div
12
+ class="pf-v5-c-input-group__item"
13
+ >
14
+ <button
15
+ aria-disabled="true"
16
+ aria-label="Minus"
17
+ class="pf-v5-c-button pf-m-control pf-m-disabled"
18
+ data-ouia-component-id="OUIA-Generated-Button-control-13"
19
+ data-ouia-component-type="PF4/Button"
20
+ data-ouia-safe="true"
21
+ disabled=""
22
+ type="button"
23
23
  >
24
- <svg
25
- aria-hidden="true"
26
- class="pf-v5-svg"
27
- fill="currentColor"
28
- role="img"
29
- viewBox="0 0 448 512"
24
+ <span
25
+ class="pf-v5-c-number-input__icon"
30
26
  >
31
- <path
32
- d="M416 208H32c-17.67 0-32 14.33-32 32v32c0 17.67 14.33 32 32 32h384c17.67 0 32-14.33 32-32v-32c0-17.67-14.33-32-32-32z"
33
- />
34
- </svg>
35
- </span>
36
- </button>
37
- <input
38
- aria-invalid="false"
39
- aria-label="Input"
40
- class="pf-v5-c-form-control"
41
- data-ouia-component-id="OUIA-Generated-TextInputBase-7"
42
- data-ouia-component-type="PF4/TextInput"
43
- data-ouia-safe="true"
44
- readonly=""
45
- type="number"
46
- value="0"
47
- />
48
- <button
49
- aria-disabled="false"
50
- aria-label="Plus"
51
- class="pf-v5-c-button pf-m-control"
52
- data-ouia-component-id="OUIA-Generated-Button-control-14"
53
- data-ouia-component-type="PF4/Button"
54
- data-ouia-safe="true"
55
- type="button"
56
- >
57
- <span
58
- class="pf-v5-c-number-input__icon"
27
+ <svg
28
+ aria-hidden="true"
29
+ class="pf-v5-svg"
30
+ fill="currentColor"
31
+ role="img"
32
+ viewBox="0 0 448 512"
33
+ >
34
+ <path
35
+ d="M416 208H32c-17.67 0-32 14.33-32 32v32c0 17.67 14.33 32 32 32h384c17.67 0 32-14.33 32-32v-32c0-17.67-14.33-32-32-32z"
36
+ />
37
+ </svg>
38
+ </span>
39
+ </button>
40
+ </div>
41
+ <div
42
+ class="pf-v5-c-input-group__item"
43
+ >
44
+ <input
45
+ aria-invalid="false"
46
+ aria-label="Input"
47
+ class="pf-v5-c-form-control"
48
+ data-ouia-component-id="OUIA-Generated-TextInputBase-7"
49
+ data-ouia-component-type="PF4/TextInput"
50
+ data-ouia-safe="true"
51
+ readonly=""
52
+ type="number"
53
+ value="0"
54
+ />
55
+ </div>
56
+ <div
57
+ class="pf-v5-c-input-group__item"
58
+ >
59
+ <button
60
+ aria-disabled="false"
61
+ aria-label="Plus"
62
+ class="pf-v5-c-button pf-m-control"
63
+ data-ouia-component-id="OUIA-Generated-Button-control-14"
64
+ data-ouia-component-type="PF4/Button"
65
+ data-ouia-safe="true"
66
+ type="button"
59
67
  >
60
- <svg
61
- aria-hidden="true"
62
- class="pf-v5-svg"
63
- fill="currentColor"
64
- role="img"
65
- viewBox="0 0 448 512"
68
+ <span
69
+ class="pf-v5-c-number-input__icon"
66
70
  >
67
- <path
68
- d="M416 208H272V64c0-17.67-14.33-32-32-32h-32c-17.67 0-32 14.33-32 32v144H32c-17.67 0-32 14.33-32 32v32c0 17.67 14.33 32 32 32h144v144c0 17.67 14.33 32 32 32h32c17.67 0 32-14.33 32-32V304h144c17.67 0 32-14.33 32-32v-32c0-17.67-14.33-32-32-32z"
69
- />
70
- </svg>
71
- </span>
72
- </button>
71
+ <svg
72
+ aria-hidden="true"
73
+ class="pf-v5-svg"
74
+ fill="currentColor"
75
+ role="img"
76
+ viewBox="0 0 448 512"
77
+ >
78
+ <path
79
+ d="M416 208H272V64c0-17.67-14.33-32-32-32h-32c-17.67 0-32 14.33-32 32v144H32c-17.67 0-32 14.33-32 32v32c0 17.67 14.33 32 32 32h144v144c0 17.67 14.33 32 32 32h32c17.67 0 32-14.33 32-32V304h144c17.67 0 32-14.33 32-32v-32c0-17.67-14.33-32-32-32z"
80
+ />
81
+ </svg>
82
+ </span>
83
+ </button>
84
+ </div>
73
85
  </div>
74
86
  </div>
75
87
  </DocumentFragment>
@@ -83,68 +95,80 @@ exports[`numberInput disables upper threshold 1`] = `
83
95
  <div
84
96
  class="pf-v5-c-input-group"
85
97
  >
86
- <button
87
- aria-disabled="false"
88
- aria-label="Minus"
89
- class="pf-v5-c-button pf-m-control"
90
- data-ouia-component-id="OUIA-Generated-Button-control-15"
91
- data-ouia-component-type="PF4/Button"
92
- data-ouia-safe="true"
93
- type="button"
94
- >
95
- <span
96
- class="pf-v5-c-number-input__icon"
98
+ <div
99
+ class="pf-v5-c-input-group__item"
100
+ >
101
+ <button
102
+ aria-disabled="false"
103
+ aria-label="Minus"
104
+ class="pf-v5-c-button pf-m-control"
105
+ data-ouia-component-id="OUIA-Generated-Button-control-15"
106
+ data-ouia-component-type="PF4/Button"
107
+ data-ouia-safe="true"
108
+ type="button"
97
109
  >
98
- <svg
99
- aria-hidden="true"
100
- class="pf-v5-svg"
101
- fill="currentColor"
102
- role="img"
103
- viewBox="0 0 448 512"
110
+ <span
111
+ class="pf-v5-c-number-input__icon"
104
112
  >
105
- <path
106
- d="M416 208H32c-17.67 0-32 14.33-32 32v32c0 17.67 14.33 32 32 32h384c17.67 0 32-14.33 32-32v-32c0-17.67-14.33-32-32-32z"
107
- />
108
- </svg>
109
- </span>
110
- </button>
111
- <input
112
- aria-invalid="false"
113
- aria-label="Input"
114
- class="pf-v5-c-form-control"
115
- data-ouia-component-id="OUIA-Generated-TextInputBase-8"
116
- data-ouia-component-type="PF4/TextInput"
117
- data-ouia-safe="true"
118
- readonly=""
119
- type="number"
120
- value="100"
121
- />
122
- <button
123
- aria-disabled="true"
124
- aria-label="Plus"
125
- class="pf-v5-c-button pf-m-control pf-m-disabled"
126
- data-ouia-component-id="OUIA-Generated-Button-control-16"
127
- data-ouia-component-type="PF4/Button"
128
- data-ouia-safe="true"
129
- disabled=""
130
- type="button"
131
- >
132
- <span
133
- class="pf-v5-c-number-input__icon"
113
+ <svg
114
+ aria-hidden="true"
115
+ class="pf-v5-svg"
116
+ fill="currentColor"
117
+ role="img"
118
+ viewBox="0 0 448 512"
119
+ >
120
+ <path
121
+ d="M416 208H32c-17.67 0-32 14.33-32 32v32c0 17.67 14.33 32 32 32h384c17.67 0 32-14.33 32-32v-32c0-17.67-14.33-32-32-32z"
122
+ />
123
+ </svg>
124
+ </span>
125
+ </button>
126
+ </div>
127
+ <div
128
+ class="pf-v5-c-input-group__item"
129
+ >
130
+ <input
131
+ aria-invalid="false"
132
+ aria-label="Input"
133
+ class="pf-v5-c-form-control"
134
+ data-ouia-component-id="OUIA-Generated-TextInputBase-8"
135
+ data-ouia-component-type="PF4/TextInput"
136
+ data-ouia-safe="true"
137
+ readonly=""
138
+ type="number"
139
+ value="100"
140
+ />
141
+ </div>
142
+ <div
143
+ class="pf-v5-c-input-group__item"
144
+ >
145
+ <button
146
+ aria-disabled="true"
147
+ aria-label="Plus"
148
+ class="pf-v5-c-button pf-m-control pf-m-disabled"
149
+ data-ouia-component-id="OUIA-Generated-Button-control-16"
150
+ data-ouia-component-type="PF4/Button"
151
+ data-ouia-safe="true"
152
+ disabled=""
153
+ type="button"
134
154
  >
135
- <svg
136
- aria-hidden="true"
137
- class="pf-v5-svg"
138
- fill="currentColor"
139
- role="img"
140
- viewBox="0 0 448 512"
155
+ <span
156
+ class="pf-v5-c-number-input__icon"
141
157
  >
142
- <path
143
- d="M416 208H272V64c0-17.67-14.33-32-32-32h-32c-17.67 0-32 14.33-32 32v144H32c-17.67 0-32 14.33-32 32v32c0 17.67 14.33 32 32 32h144v144c0 17.67 14.33 32 32 32h32c17.67 0 32-14.33 32-32V304h144c17.67 0 32-14.33 32-32v-32c0-17.67-14.33-32-32-32z"
144
- />
145
- </svg>
146
- </span>
147
- </button>
158
+ <svg
159
+ aria-hidden="true"
160
+ class="pf-v5-svg"
161
+ fill="currentColor"
162
+ role="img"
163
+ viewBox="0 0 448 512"
164
+ >
165
+ <path
166
+ d="M416 208H272V64c0-17.67-14.33-32-32-32h-32c-17.67 0-32 14.33-32 32v144H32c-17.67 0-32 14.33-32 32v32c0 17.67 14.33 32 32 32h144v144c0 17.67 14.33 32 32 32h32c17.67 0 32-14.33 32-32V304h144c17.67 0 32-14.33 32-32v-32c0-17.67-14.33-32-32-32z"
167
+ />
168
+ </svg>
169
+ </span>
170
+ </button>
171
+ </div>
148
172
  </div>
149
173
  </div>
150
174
  </DocumentFragment>
@@ -158,69 +182,81 @@ exports[`numberInput passes button props successfully 1`] = `
158
182
  <div
159
183
  class="pf-v5-c-input-group"
160
184
  >
161
- <button
162
- aria-disabled="false"
163
- aria-label="Minus"
164
- class="pf-v5-c-button pf-m-control"
165
- data-ouia-component-id="OUIA-Generated-Button-control-25"
166
- data-ouia-component-type="PF4/Button"
167
- data-ouia-safe="true"
168
- id="minus-id"
169
- type="button"
170
- >
171
- <span
172
- class="pf-v5-c-number-input__icon"
185
+ <div
186
+ class="pf-v5-c-input-group__item"
187
+ >
188
+ <button
189
+ aria-disabled="false"
190
+ aria-label="Minus"
191
+ class="pf-v5-c-button pf-m-control"
192
+ data-ouia-component-id="OUIA-Generated-Button-control-25"
193
+ data-ouia-component-type="PF4/Button"
194
+ data-ouia-safe="true"
195
+ id="minus-id"
196
+ type="button"
173
197
  >
174
- <svg
175
- aria-hidden="true"
176
- class="pf-v5-svg"
177
- fill="currentColor"
178
- role="img"
179
- viewBox="0 0 448 512"
198
+ <span
199
+ class="pf-v5-c-number-input__icon"
180
200
  >
181
- <path
182
- d="M416 208H32c-17.67 0-32 14.33-32 32v32c0 17.67 14.33 32 32 32h384c17.67 0 32-14.33 32-32v-32c0-17.67-14.33-32-32-32z"
183
- />
184
- </svg>
185
- </span>
186
- </button>
187
- <input
188
- aria-invalid="false"
189
- aria-label="Input"
190
- class="pf-v5-c-form-control"
191
- data-ouia-component-id="OUIA-Generated-TextInputBase-13"
192
- data-ouia-component-type="PF4/TextInput"
193
- data-ouia-safe="true"
194
- readonly=""
195
- type="number"
196
- value="5"
197
- />
198
- <button
199
- aria-disabled="false"
200
- aria-label="Plus"
201
- class="pf-v5-c-button pf-m-control"
202
- data-ouia-component-id="OUIA-Generated-Button-control-26"
203
- data-ouia-component-type="PF4/Button"
204
- data-ouia-safe="true"
205
- id="plus-id"
206
- type="button"
207
- >
208
- <span
209
- class="pf-v5-c-number-input__icon"
201
+ <svg
202
+ aria-hidden="true"
203
+ class="pf-v5-svg"
204
+ fill="currentColor"
205
+ role="img"
206
+ viewBox="0 0 448 512"
207
+ >
208
+ <path
209
+ d="M416 208H32c-17.67 0-32 14.33-32 32v32c0 17.67 14.33 32 32 32h384c17.67 0 32-14.33 32-32v-32c0-17.67-14.33-32-32-32z"
210
+ />
211
+ </svg>
212
+ </span>
213
+ </button>
214
+ </div>
215
+ <div
216
+ class="pf-v5-c-input-group__item"
217
+ >
218
+ <input
219
+ aria-invalid="false"
220
+ aria-label="Input"
221
+ class="pf-v5-c-form-control"
222
+ data-ouia-component-id="OUIA-Generated-TextInputBase-13"
223
+ data-ouia-component-type="PF4/TextInput"
224
+ data-ouia-safe="true"
225
+ readonly=""
226
+ type="number"
227
+ value="5"
228
+ />
229
+ </div>
230
+ <div
231
+ class="pf-v5-c-input-group__item"
232
+ >
233
+ <button
234
+ aria-disabled="false"
235
+ aria-label="Plus"
236
+ class="pf-v5-c-button pf-m-control"
237
+ data-ouia-component-id="OUIA-Generated-Button-control-26"
238
+ data-ouia-component-type="PF4/Button"
239
+ data-ouia-safe="true"
240
+ id="plus-id"
241
+ type="button"
210
242
  >
211
- <svg
212
- aria-hidden="true"
213
- class="pf-v5-svg"
214
- fill="currentColor"
215
- role="img"
216
- viewBox="0 0 448 512"
243
+ <span
244
+ class="pf-v5-c-number-input__icon"
217
245
  >
218
- <path
219
- d="M416 208H272V64c0-17.67-14.33-32-32-32h-32c-17.67 0-32 14.33-32 32v144H32c-17.67 0-32 14.33-32 32v32c0 17.67 14.33 32 32 32h144v144c0 17.67 14.33 32 32 32h32c17.67 0 32-14.33 32-32V304h144c17.67 0 32-14.33 32-32v-32c0-17.67-14.33-32-32-32z"
220
- />
221
- </svg>
222
- </span>
223
- </button>
246
+ <svg
247
+ aria-hidden="true"
248
+ class="pf-v5-svg"
249
+ fill="currentColor"
250
+ role="img"
251
+ viewBox="0 0 448 512"
252
+ >
253
+ <path
254
+ d="M416 208H272V64c0-17.67-14.33-32-32-32h-32c-17.67 0-32 14.33-32 32v144H32c-17.67 0-32 14.33-32 32v32c0 17.67 14.33 32 32 32h144v144c0 17.67 14.33 32 32 32h32c17.67 0 32-14.33 32-32V304h144c17.67 0 32-14.33 32-32v-32c0-17.67-14.33-32-32-32z"
255
+ />
256
+ </svg>
257
+ </span>
258
+ </button>
259
+ </div>
224
260
  </div>
225
261
  </div>
226
262
  </DocumentFragment>
@@ -234,67 +270,79 @@ exports[`numberInput passes input props successfully 1`] = `
234
270
  <div
235
271
  class="pf-v5-c-input-group"
236
272
  >
237
- <button
238
- aria-disabled="false"
239
- aria-label="Minus"
240
- class="pf-v5-c-button pf-m-control"
241
- data-ouia-component-id="OUIA-Generated-Button-control-23"
242
- data-ouia-component-type="PF4/Button"
243
- data-ouia-safe="true"
244
- type="button"
245
- >
246
- <span
247
- class="pf-v5-c-number-input__icon"
273
+ <div
274
+ class="pf-v5-c-input-group__item"
275
+ >
276
+ <button
277
+ aria-disabled="false"
278
+ aria-label="Minus"
279
+ class="pf-v5-c-button pf-m-control"
280
+ data-ouia-component-id="OUIA-Generated-Button-control-23"
281
+ data-ouia-component-type="PF4/Button"
282
+ data-ouia-safe="true"
283
+ type="button"
248
284
  >
249
- <svg
250
- aria-hidden="true"
251
- class="pf-v5-svg"
252
- fill="currentColor"
253
- role="img"
254
- viewBox="0 0 448 512"
285
+ <span
286
+ class="pf-v5-c-number-input__icon"
255
287
  >
256
- <path
257
- d="M416 208H32c-17.67 0-32 14.33-32 32v32c0 17.67 14.33 32 32 32h384c17.67 0 32-14.33 32-32v-32c0-17.67-14.33-32-32-32z"
258
- />
259
- </svg>
260
- </span>
261
- </button>
262
- <input
263
- aria-invalid="false"
264
- aria-label="Input"
265
- class="pf-v5-c-form-control"
266
- data-ouia-component-id="OUIA-Generated-TextInputBase-12"
267
- data-ouia-component-type="PF4/TextInput"
268
- data-ouia-safe="true"
269
- name="test-name"
270
- type="number"
271
- value="5"
272
- />
273
- <button
274
- aria-disabled="false"
275
- aria-label="Plus"
276
- class="pf-v5-c-button pf-m-control"
277
- data-ouia-component-id="OUIA-Generated-Button-control-24"
278
- data-ouia-component-type="PF4/Button"
279
- data-ouia-safe="true"
280
- type="button"
281
- >
282
- <span
283
- class="pf-v5-c-number-input__icon"
288
+ <svg
289
+ aria-hidden="true"
290
+ class="pf-v5-svg"
291
+ fill="currentColor"
292
+ role="img"
293
+ viewBox="0 0 448 512"
294
+ >
295
+ <path
296
+ d="M416 208H32c-17.67 0-32 14.33-32 32v32c0 17.67 14.33 32 32 32h384c17.67 0 32-14.33 32-32v-32c0-17.67-14.33-32-32-32z"
297
+ />
298
+ </svg>
299
+ </span>
300
+ </button>
301
+ </div>
302
+ <div
303
+ class="pf-v5-c-input-group__item"
304
+ >
305
+ <input
306
+ aria-invalid="false"
307
+ aria-label="Input"
308
+ class="pf-v5-c-form-control"
309
+ data-ouia-component-id="OUIA-Generated-TextInputBase-12"
310
+ data-ouia-component-type="PF4/TextInput"
311
+ data-ouia-safe="true"
312
+ name="test-name"
313
+ type="number"
314
+ value="5"
315
+ />
316
+ </div>
317
+ <div
318
+ class="pf-v5-c-input-group__item"
319
+ >
320
+ <button
321
+ aria-disabled="false"
322
+ aria-label="Plus"
323
+ class="pf-v5-c-button pf-m-control"
324
+ data-ouia-component-id="OUIA-Generated-Button-control-24"
325
+ data-ouia-component-type="PF4/Button"
326
+ data-ouia-safe="true"
327
+ type="button"
284
328
  >
285
- <svg
286
- aria-hidden="true"
287
- class="pf-v5-svg"
288
- fill="currentColor"
289
- role="img"
290
- viewBox="0 0 448 512"
329
+ <span
330
+ class="pf-v5-c-number-input__icon"
291
331
  >
292
- <path
293
- d="M416 208H272V64c0-17.67-14.33-32-32-32h-32c-17.67 0-32 14.33-32 32v144H32c-17.67 0-32 14.33-32 32v32c0 17.67 14.33 32 32 32h144v144c0 17.67 14.33 32 32 32h32c17.67 0 32-14.33 32-32V304h144c17.67 0 32-14.33 32-32v-32c0-17.67-14.33-32-32-32z"
294
- />
295
- </svg>
296
- </span>
297
- </button>
332
+ <svg
333
+ aria-hidden="true"
334
+ class="pf-v5-svg"
335
+ fill="currentColor"
336
+ role="img"
337
+ viewBox="0 0 448 512"
338
+ >
339
+ <path
340
+ d="M416 208H272V64c0-17.67-14.33-32-32-32h-32c-17.67 0-32 14.33-32 32v144H32c-17.67 0-32 14.33-32 32v32c0 17.67 14.33 32 32 32h144v144c0 17.67 14.33 32 32 32h32c17.67 0 32-14.33 32-32V304h144c17.67 0 32-14.33 32-32v-32c0-17.67-14.33-32-32-32z"
341
+ />
342
+ </svg>
343
+ </span>
344
+ </button>
345
+ </div>
298
346
  </div>
299
347
  </div>
300
348
  </DocumentFragment>
@@ -309,67 +357,79 @@ exports[`numberInput renders custom width 1`] = `
309
357
  <div
310
358
  class="pf-v5-c-input-group"
311
359
  >
312
- <button
313
- aria-disabled="false"
314
- aria-label="Minus"
315
- class="pf-v5-c-button pf-m-control"
316
- data-ouia-component-id="OUIA-Generated-Button-control-21"
317
- data-ouia-component-type="PF4/Button"
318
- data-ouia-safe="true"
319
- type="button"
320
- >
321
- <span
322
- class="pf-v5-c-number-input__icon"
360
+ <div
361
+ class="pf-v5-c-input-group__item"
362
+ >
363
+ <button
364
+ aria-disabled="false"
365
+ aria-label="Minus"
366
+ class="pf-v5-c-button pf-m-control"
367
+ data-ouia-component-id="OUIA-Generated-Button-control-21"
368
+ data-ouia-component-type="PF4/Button"
369
+ data-ouia-safe="true"
370
+ type="button"
323
371
  >
324
- <svg
325
- aria-hidden="true"
326
- class="pf-v5-svg"
327
- fill="currentColor"
328
- role="img"
329
- viewBox="0 0 448 512"
372
+ <span
373
+ class="pf-v5-c-number-input__icon"
330
374
  >
331
- <path
332
- d="M416 208H32c-17.67 0-32 14.33-32 32v32c0 17.67 14.33 32 32 32h384c17.67 0 32-14.33 32-32v-32c0-17.67-14.33-32-32-32z"
333
- />
334
- </svg>
335
- </span>
336
- </button>
337
- <input
338
- aria-invalid="false"
339
- aria-label="Input"
340
- class="pf-v5-c-form-control"
341
- data-ouia-component-id="OUIA-Generated-TextInputBase-11"
342
- data-ouia-component-type="PF4/TextInput"
343
- data-ouia-safe="true"
344
- readonly=""
345
- type="number"
346
- value="5"
347
- />
348
- <button
349
- aria-disabled="false"
350
- aria-label="Plus"
351
- class="pf-v5-c-button pf-m-control"
352
- data-ouia-component-id="OUIA-Generated-Button-control-22"
353
- data-ouia-component-type="PF4/Button"
354
- data-ouia-safe="true"
355
- type="button"
356
- >
357
- <span
358
- class="pf-v5-c-number-input__icon"
375
+ <svg
376
+ aria-hidden="true"
377
+ class="pf-v5-svg"
378
+ fill="currentColor"
379
+ role="img"
380
+ viewBox="0 0 448 512"
381
+ >
382
+ <path
383
+ d="M416 208H32c-17.67 0-32 14.33-32 32v32c0 17.67 14.33 32 32 32h384c17.67 0 32-14.33 32-32v-32c0-17.67-14.33-32-32-32z"
384
+ />
385
+ </svg>
386
+ </span>
387
+ </button>
388
+ </div>
389
+ <div
390
+ class="pf-v5-c-input-group__item"
391
+ >
392
+ <input
393
+ aria-invalid="false"
394
+ aria-label="Input"
395
+ class="pf-v5-c-form-control"
396
+ data-ouia-component-id="OUIA-Generated-TextInputBase-11"
397
+ data-ouia-component-type="PF4/TextInput"
398
+ data-ouia-safe="true"
399
+ readonly=""
400
+ type="number"
401
+ value="5"
402
+ />
403
+ </div>
404
+ <div
405
+ class="pf-v5-c-input-group__item"
406
+ >
407
+ <button
408
+ aria-disabled="false"
409
+ aria-label="Plus"
410
+ class="pf-v5-c-button pf-m-control"
411
+ data-ouia-component-id="OUIA-Generated-Button-control-22"
412
+ data-ouia-component-type="PF4/Button"
413
+ data-ouia-safe="true"
414
+ type="button"
359
415
  >
360
- <svg
361
- aria-hidden="true"
362
- class="pf-v5-svg"
363
- fill="currentColor"
364
- role="img"
365
- viewBox="0 0 448 512"
416
+ <span
417
+ class="pf-v5-c-number-input__icon"
366
418
  >
367
- <path
368
- d="M416 208H272V64c0-17.67-14.33-32-32-32h-32c-17.67 0-32 14.33-32 32v144H32c-17.67 0-32 14.33-32 32v32c0 17.67 14.33 32 32 32h144v144c0 17.67 14.33 32 32 32h32c17.67 0 32-14.33 32-32V304h144c17.67 0 32-14.33 32-32v-32c0-17.67-14.33-32-32-32z"
369
- />
370
- </svg>
371
- </span>
372
- </button>
419
+ <svg
420
+ aria-hidden="true"
421
+ class="pf-v5-svg"
422
+ fill="currentColor"
423
+ role="img"
424
+ viewBox="0 0 448 512"
425
+ >
426
+ <path
427
+ d="M416 208H272V64c0-17.67-14.33-32-32-32h-32c-17.67 0-32 14.33-32 32v144H32c-17.67 0-32 14.33-32 32v32c0 17.67 14.33 32 32 32h144v144c0 17.67 14.33 32 32 32h32c17.67 0 32-14.33 32-32V304h144c17.67 0 32-14.33 32-32v-32c0-17.67-14.33-32-32-32z"
428
+ />
429
+ </svg>
430
+ </span>
431
+ </button>
432
+ </div>
373
433
  </div>
374
434
  </div>
375
435
  </DocumentFragment>
@@ -384,67 +444,79 @@ exports[`numberInput renders defaults & extra props 1`] = `
384
444
  <div
385
445
  class="pf-v5-c-input-group"
386
446
  >
387
- <button
388
- aria-disabled="false"
389
- aria-label="Minus"
390
- class="pf-v5-c-button pf-m-control"
391
- data-ouia-component-id="OUIA-Generated-Button-control-1"
392
- data-ouia-component-type="PF4/Button"
393
- data-ouia-safe="true"
394
- type="button"
395
- >
396
- <span
397
- class="pf-v5-c-number-input__icon"
447
+ <div
448
+ class="pf-v5-c-input-group__item"
449
+ >
450
+ <button
451
+ aria-disabled="false"
452
+ aria-label="Minus"
453
+ class="pf-v5-c-button pf-m-control"
454
+ data-ouia-component-id="OUIA-Generated-Button-control-1"
455
+ data-ouia-component-type="PF4/Button"
456
+ data-ouia-safe="true"
457
+ type="button"
398
458
  >
399
- <svg
400
- aria-hidden="true"
401
- class="pf-v5-svg"
402
- fill="currentColor"
403
- role="img"
404
- viewBox="0 0 448 512"
459
+ <span
460
+ class="pf-v5-c-number-input__icon"
405
461
  >
406
- <path
407
- d="M416 208H32c-17.67 0-32 14.33-32 32v32c0 17.67 14.33 32 32 32h384c17.67 0 32-14.33 32-32v-32c0-17.67-14.33-32-32-32z"
408
- />
409
- </svg>
410
- </span>
411
- </button>
412
- <input
413
- aria-invalid="false"
414
- aria-label="Input"
415
- class="pf-v5-c-form-control"
416
- data-ouia-component-id="OUIA-Generated-TextInputBase-1"
417
- data-ouia-component-type="PF4/TextInput"
418
- data-ouia-safe="true"
419
- readonly=""
420
- type="number"
421
- value="0"
422
- />
423
- <button
424
- aria-disabled="false"
425
- aria-label="Plus"
426
- class="pf-v5-c-button pf-m-control"
427
- data-ouia-component-id="OUIA-Generated-Button-control-2"
428
- data-ouia-component-type="PF4/Button"
429
- data-ouia-safe="true"
430
- type="button"
431
- >
432
- <span
433
- class="pf-v5-c-number-input__icon"
462
+ <svg
463
+ aria-hidden="true"
464
+ class="pf-v5-svg"
465
+ fill="currentColor"
466
+ role="img"
467
+ viewBox="0 0 448 512"
468
+ >
469
+ <path
470
+ d="M416 208H32c-17.67 0-32 14.33-32 32v32c0 17.67 14.33 32 32 32h384c17.67 0 32-14.33 32-32v-32c0-17.67-14.33-32-32-32z"
471
+ />
472
+ </svg>
473
+ </span>
474
+ </button>
475
+ </div>
476
+ <div
477
+ class="pf-v5-c-input-group__item"
478
+ >
479
+ <input
480
+ aria-invalid="false"
481
+ aria-label="Input"
482
+ class="pf-v5-c-form-control"
483
+ data-ouia-component-id="OUIA-Generated-TextInputBase-1"
484
+ data-ouia-component-type="PF4/TextInput"
485
+ data-ouia-safe="true"
486
+ readonly=""
487
+ type="number"
488
+ value="0"
489
+ />
490
+ </div>
491
+ <div
492
+ class="pf-v5-c-input-group__item"
493
+ >
494
+ <button
495
+ aria-disabled="false"
496
+ aria-label="Plus"
497
+ class="pf-v5-c-button pf-m-control"
498
+ data-ouia-component-id="OUIA-Generated-Button-control-2"
499
+ data-ouia-component-type="PF4/Button"
500
+ data-ouia-safe="true"
501
+ type="button"
434
502
  >
435
- <svg
436
- aria-hidden="true"
437
- class="pf-v5-svg"
438
- fill="currentColor"
439
- role="img"
440
- viewBox="0 0 448 512"
503
+ <span
504
+ class="pf-v5-c-number-input__icon"
441
505
  >
442
- <path
443
- d="M416 208H272V64c0-17.67-14.33-32-32-32h-32c-17.67 0-32 14.33-32 32v144H32c-17.67 0-32 14.33-32 32v32c0 17.67 14.33 32 32 32h144v144c0 17.67 14.33 32 32 32h32c17.67 0 32-14.33 32-32V304h144c17.67 0 32-14.33 32-32v-32c0-17.67-14.33-32-32-32z"
444
- />
445
- </svg>
446
- </span>
447
- </button>
506
+ <svg
507
+ aria-hidden="true"
508
+ class="pf-v5-svg"
509
+ fill="currentColor"
510
+ role="img"
511
+ viewBox="0 0 448 512"
512
+ >
513
+ <path
514
+ d="M416 208H272V64c0-17.67-14.33-32-32-32h-32c-17.67 0-32 14.33-32 32v144H32c-17.67 0-32 14.33-32 32v32c0 17.67 14.33 32 32 32h144v144c0 17.67 14.33 32 32 32h32c17.67 0 32-14.33 32-32V304h144c17.67 0 32-14.33 32-32v-32c0-17.67-14.33-32-32-32z"
515
+ />
516
+ </svg>
517
+ </span>
518
+ </button>
519
+ </div>
448
520
  </div>
449
521
  </div>
450
522
  </DocumentFragment>
@@ -458,70 +530,82 @@ exports[`numberInput renders disabled 1`] = `
458
530
  <div
459
531
  class="pf-v5-c-input-group"
460
532
  >
461
- <button
462
- aria-disabled="true"
463
- aria-label="Minus"
464
- class="pf-v5-c-button pf-m-control pf-m-disabled"
465
- data-ouia-component-id="OUIA-Generated-Button-control-11"
466
- data-ouia-component-type="PF4/Button"
467
- data-ouia-safe="true"
468
- disabled=""
469
- type="button"
470
- >
471
- <span
472
- class="pf-v5-c-number-input__icon"
533
+ <div
534
+ class="pf-v5-c-input-group__item"
535
+ >
536
+ <button
537
+ aria-disabled="true"
538
+ aria-label="Minus"
539
+ class="pf-v5-c-button pf-m-control pf-m-disabled"
540
+ data-ouia-component-id="OUIA-Generated-Button-control-11"
541
+ data-ouia-component-type="PF4/Button"
542
+ data-ouia-safe="true"
543
+ disabled=""
544
+ type="button"
473
545
  >
474
- <svg
475
- aria-hidden="true"
476
- class="pf-v5-svg"
477
- fill="currentColor"
478
- role="img"
479
- viewBox="0 0 448 512"
546
+ <span
547
+ class="pf-v5-c-number-input__icon"
480
548
  >
481
- <path
482
- d="M416 208H32c-17.67 0-32 14.33-32 32v32c0 17.67 14.33 32 32 32h384c17.67 0 32-14.33 32-32v-32c0-17.67-14.33-32-32-32z"
483
- />
484
- </svg>
485
- </span>
486
- </button>
487
- <input
488
- aria-invalid="false"
489
- aria-label="Input"
490
- class="pf-v5-c-form-control"
491
- data-ouia-component-id="OUIA-Generated-TextInputBase-6"
492
- data-ouia-component-type="PF4/TextInput"
493
- data-ouia-safe="true"
494
- disabled=""
495
- readonly=""
496
- type="number"
497
- value="90"
498
- />
499
- <button
500
- aria-disabled="true"
501
- aria-label="Plus"
502
- class="pf-v5-c-button pf-m-control pf-m-disabled"
503
- data-ouia-component-id="OUIA-Generated-Button-control-12"
504
- data-ouia-component-type="PF4/Button"
505
- data-ouia-safe="true"
506
- disabled=""
507
- type="button"
508
- >
509
- <span
510
- class="pf-v5-c-number-input__icon"
549
+ <svg
550
+ aria-hidden="true"
551
+ class="pf-v5-svg"
552
+ fill="currentColor"
553
+ role="img"
554
+ viewBox="0 0 448 512"
555
+ >
556
+ <path
557
+ d="M416 208H32c-17.67 0-32 14.33-32 32v32c0 17.67 14.33 32 32 32h384c17.67 0 32-14.33 32-32v-32c0-17.67-14.33-32-32-32z"
558
+ />
559
+ </svg>
560
+ </span>
561
+ </button>
562
+ </div>
563
+ <div
564
+ class="pf-v5-c-input-group__item"
565
+ >
566
+ <input
567
+ aria-invalid="false"
568
+ aria-label="Input"
569
+ class="pf-v5-c-form-control"
570
+ data-ouia-component-id="OUIA-Generated-TextInputBase-6"
571
+ data-ouia-component-type="PF4/TextInput"
572
+ data-ouia-safe="true"
573
+ disabled=""
574
+ readonly=""
575
+ type="number"
576
+ value="90"
577
+ />
578
+ </div>
579
+ <div
580
+ class="pf-v5-c-input-group__item"
581
+ >
582
+ <button
583
+ aria-disabled="true"
584
+ aria-label="Plus"
585
+ class="pf-v5-c-button pf-m-control pf-m-disabled"
586
+ data-ouia-component-id="OUIA-Generated-Button-control-12"
587
+ data-ouia-component-type="PF4/Button"
588
+ data-ouia-safe="true"
589
+ disabled=""
590
+ type="button"
511
591
  >
512
- <svg
513
- aria-hidden="true"
514
- class="pf-v5-svg"
515
- fill="currentColor"
516
- role="img"
517
- viewBox="0 0 448 512"
592
+ <span
593
+ class="pf-v5-c-number-input__icon"
518
594
  >
519
- <path
520
- d="M416 208H272V64c0-17.67-14.33-32-32-32h-32c-17.67 0-32 14.33-32 32v144H32c-17.67 0-32 14.33-32 32v32c0 17.67 14.33 32 32 32h144v144c0 17.67 14.33 32 32 32h32c17.67 0 32-14.33 32-32V304h144c17.67 0 32-14.33 32-32v-32c0-17.67-14.33-32-32-32z"
521
- />
522
- </svg>
523
- </span>
524
- </button>
595
+ <svg
596
+ aria-hidden="true"
597
+ class="pf-v5-svg"
598
+ fill="currentColor"
599
+ role="img"
600
+ viewBox="0 0 448 512"
601
+ >
602
+ <path
603
+ d="M416 208H272V64c0-17.67-14.33-32-32-32h-32c-17.67 0-32 14.33-32 32v144H32c-17.67 0-32 14.33-32 32v32c0 17.67 14.33 32 32 32h144v144c0 17.67 14.33 32 32 32h32c17.67 0 32-14.33 32-32V304h144c17.67 0 32-14.33 32-32v-32c0-17.67-14.33-32-32-32z"
604
+ />
605
+ </svg>
606
+ </span>
607
+ </button>
608
+ </div>
525
609
  </div>
526
610
  </div>
527
611
  </DocumentFragment>
@@ -535,67 +619,79 @@ exports[`numberInput renders error validated 1`] = `
535
619
  <div
536
620
  class="pf-v5-c-input-group"
537
621
  >
538
- <button
539
- aria-disabled="false"
540
- aria-label="Minus"
541
- class="pf-v5-c-button pf-m-control"
542
- data-ouia-component-id="OUIA-Generated-Button-control-5"
543
- data-ouia-component-type="PF4/Button"
544
- data-ouia-safe="true"
545
- type="button"
546
- >
547
- <span
548
- class="pf-v5-c-number-input__icon"
622
+ <div
623
+ class="pf-v5-c-input-group__item"
624
+ >
625
+ <button
626
+ aria-disabled="false"
627
+ aria-label="Minus"
628
+ class="pf-v5-c-button pf-m-control"
629
+ data-ouia-component-id="OUIA-Generated-Button-control-5"
630
+ data-ouia-component-type="PF4/Button"
631
+ data-ouia-safe="true"
632
+ type="button"
549
633
  >
550
- <svg
551
- aria-hidden="true"
552
- class="pf-v5-svg"
553
- fill="currentColor"
554
- role="img"
555
- viewBox="0 0 448 512"
634
+ <span
635
+ class="pf-v5-c-number-input__icon"
556
636
  >
557
- <path
558
- d="M416 208H32c-17.67 0-32 14.33-32 32v32c0 17.67 14.33 32 32 32h384c17.67 0 32-14.33 32-32v-32c0-17.67-14.33-32-32-32z"
559
- />
560
- </svg>
561
- </span>
562
- </button>
563
- <input
564
- aria-invalid="true"
565
- aria-label="Input"
566
- class="pf-v5-c-form-control"
567
- data-ouia-component-id="OUIA-Generated-TextInputBase-3"
568
- data-ouia-component-type="PF4/TextInput"
569
- data-ouia-safe="true"
570
- readonly=""
571
- type="number"
572
- value="0"
573
- />
574
- <button
575
- aria-disabled="false"
576
- aria-label="Plus"
577
- class="pf-v5-c-button pf-m-control"
578
- data-ouia-component-id="OUIA-Generated-Button-control-6"
579
- data-ouia-component-type="PF4/Button"
580
- data-ouia-safe="true"
581
- type="button"
582
- >
583
- <span
584
- class="pf-v5-c-number-input__icon"
637
+ <svg
638
+ aria-hidden="true"
639
+ class="pf-v5-svg"
640
+ fill="currentColor"
641
+ role="img"
642
+ viewBox="0 0 448 512"
643
+ >
644
+ <path
645
+ d="M416 208H32c-17.67 0-32 14.33-32 32v32c0 17.67 14.33 32 32 32h384c17.67 0 32-14.33 32-32v-32c0-17.67-14.33-32-32-32z"
646
+ />
647
+ </svg>
648
+ </span>
649
+ </button>
650
+ </div>
651
+ <div
652
+ class="pf-v5-c-input-group__item"
653
+ >
654
+ <input
655
+ aria-invalid="true"
656
+ aria-label="Input"
657
+ class="pf-v5-c-form-control"
658
+ data-ouia-component-id="OUIA-Generated-TextInputBase-3"
659
+ data-ouia-component-type="PF4/TextInput"
660
+ data-ouia-safe="true"
661
+ readonly=""
662
+ type="number"
663
+ value="0"
664
+ />
665
+ </div>
666
+ <div
667
+ class="pf-v5-c-input-group__item"
668
+ >
669
+ <button
670
+ aria-disabled="false"
671
+ aria-label="Plus"
672
+ class="pf-v5-c-button pf-m-control"
673
+ data-ouia-component-id="OUIA-Generated-Button-control-6"
674
+ data-ouia-component-type="PF4/Button"
675
+ data-ouia-safe="true"
676
+ type="button"
585
677
  >
586
- <svg
587
- aria-hidden="true"
588
- class="pf-v5-svg"
589
- fill="currentColor"
590
- role="img"
591
- viewBox="0 0 448 512"
678
+ <span
679
+ class="pf-v5-c-number-input__icon"
592
680
  >
593
- <path
594
- d="M416 208H272V64c0-17.67-14.33-32-32-32h-32c-17.67 0-32 14.33-32 32v144H32c-17.67 0-32 14.33-32 32v32c0 17.67 14.33 32 32 32h144v144c0 17.67 14.33 32 32 32h32c17.67 0 32-14.33 32-32V304h144c17.67 0 32-14.33 32-32v-32c0-17.67-14.33-32-32-32z"
595
- />
596
- </svg>
597
- </span>
598
- </button>
681
+ <svg
682
+ aria-hidden="true"
683
+ class="pf-v5-svg"
684
+ fill="currentColor"
685
+ role="img"
686
+ viewBox="0 0 448 512"
687
+ >
688
+ <path
689
+ d="M416 208H272V64c0-17.67-14.33-32-32-32h-32c-17.67 0-32 14.33-32 32v144H32c-17.67 0-32 14.33-32 32v32c0 17.67 14.33 32 32 32h144v144c0 17.67 14.33 32 32 32h32c17.67 0 32-14.33 32-32V304h144c17.67 0 32-14.33 32-32v-32c0-17.67-14.33-32-32-32z"
690
+ />
691
+ </svg>
692
+ </span>
693
+ </button>
694
+ </div>
599
695
  </div>
600
696
  </div>
601
697
  </DocumentFragment>
@@ -609,67 +705,79 @@ exports[`numberInput renders success validated 1`] = `
609
705
  <div
610
706
  class="pf-v5-c-input-group"
611
707
  >
612
- <button
613
- aria-disabled="false"
614
- aria-label="Minus"
615
- class="pf-v5-c-button pf-m-control"
616
- data-ouia-component-id="OUIA-Generated-Button-control-3"
617
- data-ouia-component-type="PF4/Button"
618
- data-ouia-safe="true"
619
- type="button"
620
- >
621
- <span
622
- class="pf-v5-c-number-input__icon"
708
+ <div
709
+ class="pf-v5-c-input-group__item"
710
+ >
711
+ <button
712
+ aria-disabled="false"
713
+ aria-label="Minus"
714
+ class="pf-v5-c-button pf-m-control"
715
+ data-ouia-component-id="OUIA-Generated-Button-control-3"
716
+ data-ouia-component-type="PF4/Button"
717
+ data-ouia-safe="true"
718
+ type="button"
623
719
  >
624
- <svg
625
- aria-hidden="true"
626
- class="pf-v5-svg"
627
- fill="currentColor"
628
- role="img"
629
- viewBox="0 0 448 512"
720
+ <span
721
+ class="pf-v5-c-number-input__icon"
630
722
  >
631
- <path
632
- d="M416 208H32c-17.67 0-32 14.33-32 32v32c0 17.67 14.33 32 32 32h384c17.67 0 32-14.33 32-32v-32c0-17.67-14.33-32-32-32z"
633
- />
634
- </svg>
635
- </span>
636
- </button>
637
- <input
638
- aria-invalid="false"
639
- aria-label="Input"
640
- class="pf-v5-c-form-control pf-m-success"
641
- data-ouia-component-id="OUIA-Generated-TextInputBase-2"
642
- data-ouia-component-type="PF4/TextInput"
643
- data-ouia-safe="true"
644
- readonly=""
645
- type="number"
646
- value="0"
647
- />
648
- <button
649
- aria-disabled="false"
650
- aria-label="Plus"
651
- class="pf-v5-c-button pf-m-control"
652
- data-ouia-component-id="OUIA-Generated-Button-control-4"
653
- data-ouia-component-type="PF4/Button"
654
- data-ouia-safe="true"
655
- type="button"
656
- >
657
- <span
658
- class="pf-v5-c-number-input__icon"
723
+ <svg
724
+ aria-hidden="true"
725
+ class="pf-v5-svg"
726
+ fill="currentColor"
727
+ role="img"
728
+ viewBox="0 0 448 512"
729
+ >
730
+ <path
731
+ d="M416 208H32c-17.67 0-32 14.33-32 32v32c0 17.67 14.33 32 32 32h384c17.67 0 32-14.33 32-32v-32c0-17.67-14.33-32-32-32z"
732
+ />
733
+ </svg>
734
+ </span>
735
+ </button>
736
+ </div>
737
+ <div
738
+ class="pf-v5-c-input-group__item"
739
+ >
740
+ <input
741
+ aria-invalid="false"
742
+ aria-label="Input"
743
+ class="pf-v5-c-form-control pf-m-success"
744
+ data-ouia-component-id="OUIA-Generated-TextInputBase-2"
745
+ data-ouia-component-type="PF4/TextInput"
746
+ data-ouia-safe="true"
747
+ readonly=""
748
+ type="number"
749
+ value="0"
750
+ />
751
+ </div>
752
+ <div
753
+ class="pf-v5-c-input-group__item"
754
+ >
755
+ <button
756
+ aria-disabled="false"
757
+ aria-label="Plus"
758
+ class="pf-v5-c-button pf-m-control"
759
+ data-ouia-component-id="OUIA-Generated-Button-control-4"
760
+ data-ouia-component-type="PF4/Button"
761
+ data-ouia-safe="true"
762
+ type="button"
659
763
  >
660
- <svg
661
- aria-hidden="true"
662
- class="pf-v5-svg"
663
- fill="currentColor"
664
- role="img"
665
- viewBox="0 0 448 512"
764
+ <span
765
+ class="pf-v5-c-number-input__icon"
666
766
  >
667
- <path
668
- d="M416 208H272V64c0-17.67-14.33-32-32-32h-32c-17.67 0-32 14.33-32 32v144H32c-17.67 0-32 14.33-32 32v32c0 17.67 14.33 32 32 32h144v144c0 17.67 14.33 32 32 32h32c17.67 0 32-14.33 32-32V304h144c17.67 0 32-14.33 32-32v-32c0-17.67-14.33-32-32-32z"
669
- />
670
- </svg>
671
- </span>
672
- </button>
767
+ <svg
768
+ aria-hidden="true"
769
+ class="pf-v5-svg"
770
+ fill="currentColor"
771
+ role="img"
772
+ viewBox="0 0 448 512"
773
+ >
774
+ <path
775
+ d="M416 208H272V64c0-17.67-14.33-32-32-32h-32c-17.67 0-32 14.33-32 32v144H32c-17.67 0-32 14.33-32 32v32c0 17.67 14.33 32 32 32h144v144c0 17.67 14.33 32 32 32h32c17.67 0 32-14.33 32-32V304h144c17.67 0 32-14.33 32-32v-32c0-17.67-14.33-32-32-32z"
776
+ />
777
+ </svg>
778
+ </span>
779
+ </button>
780
+ </div>
673
781
  </div>
674
782
  </div>
675
783
  </DocumentFragment>
@@ -688,67 +796,79 @@ exports[`numberInput renders unit & position 1`] = `
688
796
  <div
689
797
  class="pf-v5-c-input-group"
690
798
  >
691
- <button
692
- aria-disabled="false"
693
- aria-label="Minus"
694
- class="pf-v5-c-button pf-m-control"
695
- data-ouia-component-id="OUIA-Generated-Button-control-19"
696
- data-ouia-component-type="PF4/Button"
697
- data-ouia-safe="true"
698
- type="button"
699
- >
700
- <span
701
- class="pf-v5-c-number-input__icon"
799
+ <div
800
+ class="pf-v5-c-input-group__item"
801
+ >
802
+ <button
803
+ aria-disabled="false"
804
+ aria-label="Minus"
805
+ class="pf-v5-c-button pf-m-control"
806
+ data-ouia-component-id="OUIA-Generated-Button-control-19"
807
+ data-ouia-component-type="PF4/Button"
808
+ data-ouia-safe="true"
809
+ type="button"
702
810
  >
703
- <svg
704
- aria-hidden="true"
705
- class="pf-v5-svg"
706
- fill="currentColor"
707
- role="img"
708
- viewBox="0 0 448 512"
811
+ <span
812
+ class="pf-v5-c-number-input__icon"
709
813
  >
710
- <path
711
- d="M416 208H32c-17.67 0-32 14.33-32 32v32c0 17.67 14.33 32 32 32h384c17.67 0 32-14.33 32-32v-32c0-17.67-14.33-32-32-32z"
712
- />
713
- </svg>
714
- </span>
715
- </button>
716
- <input
717
- aria-invalid="false"
718
- aria-label="Input"
719
- class="pf-v5-c-form-control"
720
- data-ouia-component-id="OUIA-Generated-TextInputBase-10"
721
- data-ouia-component-type="PF4/TextInput"
722
- data-ouia-safe="true"
723
- readonly=""
724
- type="number"
725
- value="5"
726
- />
727
- <button
728
- aria-disabled="false"
729
- aria-label="Plus"
730
- class="pf-v5-c-button pf-m-control"
731
- data-ouia-component-id="OUIA-Generated-Button-control-20"
732
- data-ouia-component-type="PF4/Button"
733
- data-ouia-safe="true"
734
- type="button"
735
- >
736
- <span
737
- class="pf-v5-c-number-input__icon"
814
+ <svg
815
+ aria-hidden="true"
816
+ class="pf-v5-svg"
817
+ fill="currentColor"
818
+ role="img"
819
+ viewBox="0 0 448 512"
820
+ >
821
+ <path
822
+ d="M416 208H32c-17.67 0-32 14.33-32 32v32c0 17.67 14.33 32 32 32h384c17.67 0 32-14.33 32-32v-32c0-17.67-14.33-32-32-32z"
823
+ />
824
+ </svg>
825
+ </span>
826
+ </button>
827
+ </div>
828
+ <div
829
+ class="pf-v5-c-input-group__item"
830
+ >
831
+ <input
832
+ aria-invalid="false"
833
+ aria-label="Input"
834
+ class="pf-v5-c-form-control"
835
+ data-ouia-component-id="OUIA-Generated-TextInputBase-10"
836
+ data-ouia-component-type="PF4/TextInput"
837
+ data-ouia-safe="true"
838
+ readonly=""
839
+ type="number"
840
+ value="5"
841
+ />
842
+ </div>
843
+ <div
844
+ class="pf-v5-c-input-group__item"
845
+ >
846
+ <button
847
+ aria-disabled="false"
848
+ aria-label="Plus"
849
+ class="pf-v5-c-button pf-m-control"
850
+ data-ouia-component-id="OUIA-Generated-Button-control-20"
851
+ data-ouia-component-type="PF4/Button"
852
+ data-ouia-safe="true"
853
+ type="button"
738
854
  >
739
- <svg
740
- aria-hidden="true"
741
- class="pf-v5-svg"
742
- fill="currentColor"
743
- role="img"
744
- viewBox="0 0 448 512"
855
+ <span
856
+ class="pf-v5-c-number-input__icon"
745
857
  >
746
- <path
747
- d="M416 208H272V64c0-17.67-14.33-32-32-32h-32c-17.67 0-32 14.33-32 32v144H32c-17.67 0-32 14.33-32 32v32c0 17.67 14.33 32 32 32h144v144c0 17.67 14.33 32 32 32h32c17.67 0 32-14.33 32-32V304h144c17.67 0 32-14.33 32-32v-32c0-17.67-14.33-32-32-32z"
748
- />
749
- </svg>
750
- </span>
751
- </button>
858
+ <svg
859
+ aria-hidden="true"
860
+ class="pf-v5-svg"
861
+ fill="currentColor"
862
+ role="img"
863
+ viewBox="0 0 448 512"
864
+ >
865
+ <path
866
+ d="M416 208H272V64c0-17.67-14.33-32-32-32h-32c-17.67 0-32 14.33-32 32v144H32c-17.67 0-32 14.33-32 32v32c0 17.67 14.33 32 32 32h144v144c0 17.67 14.33 32 32 32h32c17.67 0 32-14.33 32-32V304h144c17.67 0 32-14.33 32-32v-32c0-17.67-14.33-32-32-32z"
867
+ />
868
+ </svg>
869
+ </span>
870
+ </button>
871
+ </div>
752
872
  </div>
753
873
  </div>
754
874
  </DocumentFragment>
@@ -762,67 +882,79 @@ exports[`numberInput renders unit 1`] = `
762
882
  <div
763
883
  class="pf-v5-c-input-group"
764
884
  >
765
- <button
766
- aria-disabled="false"
767
- aria-label="Minus"
768
- class="pf-v5-c-button pf-m-control"
769
- data-ouia-component-id="OUIA-Generated-Button-control-17"
770
- data-ouia-component-type="PF4/Button"
771
- data-ouia-safe="true"
772
- type="button"
773
- >
774
- <span
775
- class="pf-v5-c-number-input__icon"
885
+ <div
886
+ class="pf-v5-c-input-group__item"
887
+ >
888
+ <button
889
+ aria-disabled="false"
890
+ aria-label="Minus"
891
+ class="pf-v5-c-button pf-m-control"
892
+ data-ouia-component-id="OUIA-Generated-Button-control-17"
893
+ data-ouia-component-type="PF4/Button"
894
+ data-ouia-safe="true"
895
+ type="button"
776
896
  >
777
- <svg
778
- aria-hidden="true"
779
- class="pf-v5-svg"
780
- fill="currentColor"
781
- role="img"
782
- viewBox="0 0 448 512"
897
+ <span
898
+ class="pf-v5-c-number-input__icon"
783
899
  >
784
- <path
785
- d="M416 208H32c-17.67 0-32 14.33-32 32v32c0 17.67 14.33 32 32 32h384c17.67 0 32-14.33 32-32v-32c0-17.67-14.33-32-32-32z"
786
- />
787
- </svg>
788
- </span>
789
- </button>
790
- <input
791
- aria-invalid="false"
792
- aria-label="Input"
793
- class="pf-v5-c-form-control"
794
- data-ouia-component-id="OUIA-Generated-TextInputBase-9"
795
- data-ouia-component-type="PF4/TextInput"
796
- data-ouia-safe="true"
797
- readonly=""
798
- type="number"
799
- value="5"
800
- />
801
- <button
802
- aria-disabled="false"
803
- aria-label="Plus"
804
- class="pf-v5-c-button pf-m-control"
805
- data-ouia-component-id="OUIA-Generated-Button-control-18"
806
- data-ouia-component-type="PF4/Button"
807
- data-ouia-safe="true"
808
- type="button"
809
- >
810
- <span
811
- class="pf-v5-c-number-input__icon"
900
+ <svg
901
+ aria-hidden="true"
902
+ class="pf-v5-svg"
903
+ fill="currentColor"
904
+ role="img"
905
+ viewBox="0 0 448 512"
906
+ >
907
+ <path
908
+ d="M416 208H32c-17.67 0-32 14.33-32 32v32c0 17.67 14.33 32 32 32h384c17.67 0 32-14.33 32-32v-32c0-17.67-14.33-32-32-32z"
909
+ />
910
+ </svg>
911
+ </span>
912
+ </button>
913
+ </div>
914
+ <div
915
+ class="pf-v5-c-input-group__item"
916
+ >
917
+ <input
918
+ aria-invalid="false"
919
+ aria-label="Input"
920
+ class="pf-v5-c-form-control"
921
+ data-ouia-component-id="OUIA-Generated-TextInputBase-9"
922
+ data-ouia-component-type="PF4/TextInput"
923
+ data-ouia-safe="true"
924
+ readonly=""
925
+ type="number"
926
+ value="5"
927
+ />
928
+ </div>
929
+ <div
930
+ class="pf-v5-c-input-group__item"
931
+ >
932
+ <button
933
+ aria-disabled="false"
934
+ aria-label="Plus"
935
+ class="pf-v5-c-button pf-m-control"
936
+ data-ouia-component-id="OUIA-Generated-Button-control-18"
937
+ data-ouia-component-type="PF4/Button"
938
+ data-ouia-safe="true"
939
+ type="button"
812
940
  >
813
- <svg
814
- aria-hidden="true"
815
- class="pf-v5-svg"
816
- fill="currentColor"
817
- role="img"
818
- viewBox="0 0 448 512"
941
+ <span
942
+ class="pf-v5-c-number-input__icon"
819
943
  >
820
- <path
821
- d="M416 208H272V64c0-17.67-14.33-32-32-32h-32c-17.67 0-32 14.33-32 32v144H32c-17.67 0-32 14.33-32 32v32c0 17.67 14.33 32 32 32h144v144c0 17.67 14.33 32 32 32h32c17.67 0 32-14.33 32-32V304h144c17.67 0 32-14.33 32-32v-32c0-17.67-14.33-32-32-32z"
822
- />
823
- </svg>
824
- </span>
825
- </button>
944
+ <svg
945
+ aria-hidden="true"
946
+ class="pf-v5-svg"
947
+ fill="currentColor"
948
+ role="img"
949
+ viewBox="0 0 448 512"
950
+ >
951
+ <path
952
+ d="M416 208H272V64c0-17.67-14.33-32-32-32h-32c-17.67 0-32 14.33-32 32v144H32c-17.67 0-32 14.33-32 32v32c0 17.67 14.33 32 32 32h144v144c0 17.67 14.33 32 32 32h32c17.67 0 32-14.33 32-32V304h144c17.67 0 32-14.33 32-32v-32c0-17.67-14.33-32-32-32z"
953
+ />
954
+ </svg>
955
+ </span>
956
+ </button>
957
+ </div>
826
958
  </div>
827
959
  <div
828
960
  class="pf-v5-c-number-input__unit"
@@ -841,67 +973,79 @@ exports[`numberInput renders value 1`] = `
841
973
  <div
842
974
  class="pf-v5-c-input-group"
843
975
  >
844
- <button
845
- aria-disabled="false"
846
- aria-label="Minus"
847
- class="pf-v5-c-button pf-m-control"
848
- data-ouia-component-id="OUIA-Generated-Button-control-9"
849
- data-ouia-component-type="PF4/Button"
850
- data-ouia-safe="true"
851
- type="button"
852
- >
853
- <span
854
- class="pf-v5-c-number-input__icon"
976
+ <div
977
+ class="pf-v5-c-input-group__item"
978
+ >
979
+ <button
980
+ aria-disabled="false"
981
+ aria-label="Minus"
982
+ class="pf-v5-c-button pf-m-control"
983
+ data-ouia-component-id="OUIA-Generated-Button-control-9"
984
+ data-ouia-component-type="PF4/Button"
985
+ data-ouia-safe="true"
986
+ type="button"
855
987
  >
856
- <svg
857
- aria-hidden="true"
858
- class="pf-v5-svg"
859
- fill="currentColor"
860
- role="img"
861
- viewBox="0 0 448 512"
988
+ <span
989
+ class="pf-v5-c-number-input__icon"
862
990
  >
863
- <path
864
- d="M416 208H32c-17.67 0-32 14.33-32 32v32c0 17.67 14.33 32 32 32h384c17.67 0 32-14.33 32-32v-32c0-17.67-14.33-32-32-32z"
865
- />
866
- </svg>
867
- </span>
868
- </button>
869
- <input
870
- aria-invalid="false"
871
- aria-label="Input"
872
- class="pf-v5-c-form-control"
873
- data-ouia-component-id="OUIA-Generated-TextInputBase-5"
874
- data-ouia-component-type="PF4/TextInput"
875
- data-ouia-safe="true"
876
- readonly=""
877
- type="number"
878
- value="90"
879
- />
880
- <button
881
- aria-disabled="false"
882
- aria-label="Plus"
883
- class="pf-v5-c-button pf-m-control"
884
- data-ouia-component-id="OUIA-Generated-Button-control-10"
885
- data-ouia-component-type="PF4/Button"
886
- data-ouia-safe="true"
887
- type="button"
888
- >
889
- <span
890
- class="pf-v5-c-number-input__icon"
991
+ <svg
992
+ aria-hidden="true"
993
+ class="pf-v5-svg"
994
+ fill="currentColor"
995
+ role="img"
996
+ viewBox="0 0 448 512"
997
+ >
998
+ <path
999
+ d="M416 208H32c-17.67 0-32 14.33-32 32v32c0 17.67 14.33 32 32 32h384c17.67 0 32-14.33 32-32v-32c0-17.67-14.33-32-32-32z"
1000
+ />
1001
+ </svg>
1002
+ </span>
1003
+ </button>
1004
+ </div>
1005
+ <div
1006
+ class="pf-v5-c-input-group__item"
1007
+ >
1008
+ <input
1009
+ aria-invalid="false"
1010
+ aria-label="Input"
1011
+ class="pf-v5-c-form-control"
1012
+ data-ouia-component-id="OUIA-Generated-TextInputBase-5"
1013
+ data-ouia-component-type="PF4/TextInput"
1014
+ data-ouia-safe="true"
1015
+ readonly=""
1016
+ type="number"
1017
+ value="90"
1018
+ />
1019
+ </div>
1020
+ <div
1021
+ class="pf-v5-c-input-group__item"
1022
+ >
1023
+ <button
1024
+ aria-disabled="false"
1025
+ aria-label="Plus"
1026
+ class="pf-v5-c-button pf-m-control"
1027
+ data-ouia-component-id="OUIA-Generated-Button-control-10"
1028
+ data-ouia-component-type="PF4/Button"
1029
+ data-ouia-safe="true"
1030
+ type="button"
891
1031
  >
892
- <svg
893
- aria-hidden="true"
894
- class="pf-v5-svg"
895
- fill="currentColor"
896
- role="img"
897
- viewBox="0 0 448 512"
1032
+ <span
1033
+ class="pf-v5-c-number-input__icon"
898
1034
  >
899
- <path
900
- d="M416 208H272V64c0-17.67-14.33-32-32-32h-32c-17.67 0-32 14.33-32 32v144H32c-17.67 0-32 14.33-32 32v32c0 17.67 14.33 32 32 32h144v144c0 17.67 14.33 32 32 32h32c17.67 0 32-14.33 32-32V304h144c17.67 0 32-14.33 32-32v-32c0-17.67-14.33-32-32-32z"
901
- />
902
- </svg>
903
- </span>
904
- </button>
1035
+ <svg
1036
+ aria-hidden="true"
1037
+ class="pf-v5-svg"
1038
+ fill="currentColor"
1039
+ role="img"
1040
+ viewBox="0 0 448 512"
1041
+ >
1042
+ <path
1043
+ d="M416 208H272V64c0-17.67-14.33-32-32-32h-32c-17.67 0-32 14.33-32 32v144H32c-17.67 0-32 14.33-32 32v32c0 17.67 14.33 32 32 32h144v144c0 17.67 14.33 32 32 32h32c17.67 0 32-14.33 32-32V304h144c17.67 0 32-14.33 32-32v-32c0-17.67-14.33-32-32-32z"
1044
+ />
1045
+ </svg>
1046
+ </span>
1047
+ </button>
1048
+ </div>
905
1049
  </div>
906
1050
  </div>
907
1051
  </DocumentFragment>
@@ -915,67 +1059,79 @@ exports[`numberInput renders warning validated 1`] = `
915
1059
  <div
916
1060
  class="pf-v5-c-input-group"
917
1061
  >
918
- <button
919
- aria-disabled="false"
920
- aria-label="Minus"
921
- class="pf-v5-c-button pf-m-control"
922
- data-ouia-component-id="OUIA-Generated-Button-control-7"
923
- data-ouia-component-type="PF4/Button"
924
- data-ouia-safe="true"
925
- type="button"
926
- >
927
- <span
928
- class="pf-v5-c-number-input__icon"
1062
+ <div
1063
+ class="pf-v5-c-input-group__item"
1064
+ >
1065
+ <button
1066
+ aria-disabled="false"
1067
+ aria-label="Minus"
1068
+ class="pf-v5-c-button pf-m-control"
1069
+ data-ouia-component-id="OUIA-Generated-Button-control-7"
1070
+ data-ouia-component-type="PF4/Button"
1071
+ data-ouia-safe="true"
1072
+ type="button"
929
1073
  >
930
- <svg
931
- aria-hidden="true"
932
- class="pf-v5-svg"
933
- fill="currentColor"
934
- role="img"
935
- viewBox="0 0 448 512"
1074
+ <span
1075
+ class="pf-v5-c-number-input__icon"
936
1076
  >
937
- <path
938
- d="M416 208H32c-17.67 0-32 14.33-32 32v32c0 17.67 14.33 32 32 32h384c17.67 0 32-14.33 32-32v-32c0-17.67-14.33-32-32-32z"
939
- />
940
- </svg>
941
- </span>
942
- </button>
943
- <input
944
- aria-invalid="false"
945
- aria-label="Input"
946
- class="pf-v5-c-form-control pf-m-warning"
947
- data-ouia-component-id="OUIA-Generated-TextInputBase-4"
948
- data-ouia-component-type="PF4/TextInput"
949
- data-ouia-safe="true"
950
- readonly=""
951
- type="number"
952
- value="0"
953
- />
954
- <button
955
- aria-disabled="false"
956
- aria-label="Plus"
957
- class="pf-v5-c-button pf-m-control"
958
- data-ouia-component-id="OUIA-Generated-Button-control-8"
959
- data-ouia-component-type="PF4/Button"
960
- data-ouia-safe="true"
961
- type="button"
962
- >
963
- <span
964
- class="pf-v5-c-number-input__icon"
1077
+ <svg
1078
+ aria-hidden="true"
1079
+ class="pf-v5-svg"
1080
+ fill="currentColor"
1081
+ role="img"
1082
+ viewBox="0 0 448 512"
1083
+ >
1084
+ <path
1085
+ d="M416 208H32c-17.67 0-32 14.33-32 32v32c0 17.67 14.33 32 32 32h384c17.67 0 32-14.33 32-32v-32c0-17.67-14.33-32-32-32z"
1086
+ />
1087
+ </svg>
1088
+ </span>
1089
+ </button>
1090
+ </div>
1091
+ <div
1092
+ class="pf-v5-c-input-group__item"
1093
+ >
1094
+ <input
1095
+ aria-invalid="false"
1096
+ aria-label="Input"
1097
+ class="pf-v5-c-form-control pf-m-warning"
1098
+ data-ouia-component-id="OUIA-Generated-TextInputBase-4"
1099
+ data-ouia-component-type="PF4/TextInput"
1100
+ data-ouia-safe="true"
1101
+ readonly=""
1102
+ type="number"
1103
+ value="0"
1104
+ />
1105
+ </div>
1106
+ <div
1107
+ class="pf-v5-c-input-group__item"
1108
+ >
1109
+ <button
1110
+ aria-disabled="false"
1111
+ aria-label="Plus"
1112
+ class="pf-v5-c-button pf-m-control"
1113
+ data-ouia-component-id="OUIA-Generated-Button-control-8"
1114
+ data-ouia-component-type="PF4/Button"
1115
+ data-ouia-safe="true"
1116
+ type="button"
965
1117
  >
966
- <svg
967
- aria-hidden="true"
968
- class="pf-v5-svg"
969
- fill="currentColor"
970
- role="img"
971
- viewBox="0 0 448 512"
1118
+ <span
1119
+ class="pf-v5-c-number-input__icon"
972
1120
  >
973
- <path
974
- d="M416 208H272V64c0-17.67-14.33-32-32-32h-32c-17.67 0-32 14.33-32 32v144H32c-17.67 0-32 14.33-32 32v32c0 17.67 14.33 32 32 32h144v144c0 17.67 14.33 32 32 32h32c17.67 0 32-14.33 32-32V304h144c17.67 0 32-14.33 32-32v-32c0-17.67-14.33-32-32-32z"
975
- />
976
- </svg>
977
- </span>
978
- </button>
1121
+ <svg
1122
+ aria-hidden="true"
1123
+ class="pf-v5-svg"
1124
+ fill="currentColor"
1125
+ role="img"
1126
+ viewBox="0 0 448 512"
1127
+ >
1128
+ <path
1129
+ d="M416 208H272V64c0-17.67-14.33-32-32-32h-32c-17.67 0-32 14.33-32 32v144H32c-17.67 0-32 14.33-32 32v32c0 17.67 14.33 32 32 32h144v144c0 17.67 14.33 32 32 32h32c17.67 0 32-14.33 32-32V304h144c17.67 0 32-14.33 32-32v-32c0-17.67-14.33-32-32-32z"
1130
+ />
1131
+ </svg>
1132
+ </span>
1133
+ </button>
1134
+ </div>
979
1135
  </div>
980
1136
  </div>
981
1137
  </DocumentFragment>