@patternfly/react-core 5.0.0-alpha.104 → 5.0.0-alpha.106

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 (324) hide show
  1. package/CHANGELOG.md +8 -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/hooks/package.json +1 -1
  118. package/dist/esm/components/Wizard/package.json +1 -1
  119. package/dist/esm/components/package.json +1 -1
  120. package/dist/esm/deprecated/components/ApplicationLauncher/package.json +1 -1
  121. package/dist/esm/deprecated/components/ContextSelector/package.json +1 -1
  122. package/dist/esm/deprecated/components/Dropdown/package.json +1 -1
  123. package/dist/esm/deprecated/components/OptionsMenu/package.json +1 -1
  124. package/dist/esm/deprecated/components/PageHeader/package.json +1 -1
  125. package/dist/esm/deprecated/components/Select/package.json +1 -1
  126. package/dist/esm/deprecated/components/Wizard/package.json +1 -1
  127. package/dist/esm/deprecated/components/package.json +1 -1
  128. package/dist/esm/deprecated/package.json +1 -1
  129. package/dist/esm/helpers/Popper/thirdparty/popper-core/package.json +1 -1
  130. package/dist/esm/helpers/package.json +1 -1
  131. package/dist/esm/layouts/Bullseye/package.json +1 -1
  132. package/dist/esm/layouts/Flex/package.json +1 -1
  133. package/dist/esm/layouts/Gallery/package.json +1 -1
  134. package/dist/esm/layouts/Grid/package.json +1 -1
  135. package/dist/esm/layouts/Level/package.json +1 -1
  136. package/dist/esm/layouts/Split/package.json +1 -1
  137. package/dist/esm/layouts/Stack/package.json +1 -1
  138. package/dist/esm/layouts/package.json +1 -1
  139. package/dist/esm/next/components/package.json +1 -1
  140. package/dist/esm/next/package.json +1 -1
  141. package/dist/esm/package.json +1 -1
  142. package/dist/js/components/AboutModal/package.json +1 -1
  143. package/dist/js/components/Accordion/package.json +1 -1
  144. package/dist/js/components/ActionList/package.json +1 -1
  145. package/dist/js/components/Alert/package.json +1 -1
  146. package/dist/js/components/Avatar/package.json +1 -1
  147. package/dist/js/components/BackToTop/package.json +1 -1
  148. package/dist/js/components/Backdrop/package.json +1 -1
  149. package/dist/js/components/BackgroundImage/package.json +1 -1
  150. package/dist/js/components/Badge/package.json +1 -1
  151. package/dist/js/components/Banner/package.json +1 -1
  152. package/dist/js/components/Brand/package.json +1 -1
  153. package/dist/js/components/Breadcrumb/package.json +1 -1
  154. package/dist/js/components/Button/package.json +1 -1
  155. package/dist/js/components/CalendarMonth/CalendarMonth.d.ts.map +1 -1
  156. package/dist/js/components/CalendarMonth/CalendarMonth.js +26 -24
  157. package/dist/js/components/CalendarMonth/CalendarMonth.js.map +1 -1
  158. package/dist/js/components/CalendarMonth/package.json +1 -1
  159. package/dist/js/components/Card/package.json +1 -1
  160. package/dist/js/components/Checkbox/package.json +1 -1
  161. package/dist/js/components/Chip/package.json +1 -1
  162. package/dist/js/components/ClipboardCopy/package.json +1 -1
  163. package/dist/js/components/CodeBlock/package.json +1 -1
  164. package/dist/js/components/DataList/package.json +1 -1
  165. package/dist/js/components/DatePicker/DatePicker.d.ts.map +1 -1
  166. package/dist/js/components/DatePicker/DatePicker.js +8 -6
  167. package/dist/js/components/DatePicker/DatePicker.js.map +1 -1
  168. package/dist/js/components/DatePicker/package.json +1 -1
  169. package/dist/js/components/DescriptionList/package.json +1 -1
  170. package/dist/js/components/Divider/package.json +1 -1
  171. package/dist/js/components/DragDrop/package.json +1 -1
  172. package/dist/js/components/Drawer/package.json +1 -1
  173. package/dist/js/components/Dropdown/package.json +1 -1
  174. package/dist/js/components/DualListSelector/package.json +1 -1
  175. package/dist/js/components/EmptyState/package.json +1 -1
  176. package/dist/js/components/ExpandableSection/package.json +1 -1
  177. package/dist/js/components/FileUpload/FileUploadField.d.ts.map +1 -1
  178. package/dist/js/components/FileUpload/FileUploadField.js +7 -4
  179. package/dist/js/components/FileUpload/FileUploadField.js.map +1 -1
  180. package/dist/js/components/FileUpload/package.json +1 -1
  181. package/dist/js/components/Form/package.json +1 -1
  182. package/dist/js/components/FormSelect/package.json +1 -1
  183. package/dist/js/components/HelperText/package.json +1 -1
  184. package/dist/js/components/Hint/package.json +1 -1
  185. package/dist/js/components/Icon/package.json +1 -1
  186. package/dist/js/components/InputGroup/InputGroup.d.ts.map +1 -1
  187. package/dist/js/components/InputGroup/InputGroup.js +48 -9
  188. package/dist/js/components/InputGroup/InputGroup.js.map +1 -1
  189. package/dist/js/components/InputGroup/InputGroupItem.d.ts +17 -0
  190. package/dist/js/components/InputGroup/InputGroupItem.d.ts.map +1 -0
  191. package/dist/js/components/InputGroup/InputGroupItem.js +14 -0
  192. package/dist/js/components/InputGroup/InputGroupItem.js.map +1 -0
  193. package/dist/js/components/InputGroup/index.d.ts +1 -0
  194. package/dist/js/components/InputGroup/index.d.ts.map +1 -1
  195. package/dist/js/components/InputGroup/index.js +1 -0
  196. package/dist/js/components/InputGroup/index.js.map +1 -1
  197. package/dist/js/components/InputGroup/package.json +1 -1
  198. package/dist/js/components/JumpLinks/package.json +1 -1
  199. package/dist/js/components/Label/package.json +1 -1
  200. package/dist/js/components/List/package.json +1 -1
  201. package/dist/js/components/LoginPage/LoginForm.d.ts.map +1 -1
  202. package/dist/js/components/LoginPage/LoginForm.js +3 -2
  203. package/dist/js/components/LoginPage/LoginForm.js.map +1 -1
  204. package/dist/js/components/LoginPage/package.json +1 -1
  205. package/dist/js/components/Masthead/package.json +1 -1
  206. package/dist/js/components/Menu/package.json +1 -1
  207. package/dist/js/components/MenuToggle/package.json +1 -1
  208. package/dist/js/components/Modal/package.json +1 -1
  209. package/dist/js/components/MultipleFileUpload/package.json +1 -1
  210. package/dist/js/components/Nav/package.json +1 -1
  211. package/dist/js/components/NotificationBadge/package.json +1 -1
  212. package/dist/js/components/NotificationDrawer/package.json +1 -1
  213. package/dist/js/components/NumberInput/NumberInput.d.ts.map +1 -1
  214. package/dist/js/components/NumberInput/NumberInput.js +10 -7
  215. package/dist/js/components/NumberInput/NumberInput.js.map +1 -1
  216. package/dist/js/components/NumberInput/package.json +1 -1
  217. package/dist/js/components/OverflowMenu/package.json +1 -1
  218. package/dist/js/components/Page/package.json +1 -1
  219. package/dist/js/components/Pagination/package.json +1 -1
  220. package/dist/js/components/Panel/package.json +1 -1
  221. package/dist/js/components/Popover/package.json +1 -1
  222. package/dist/js/components/Progress/package.json +1 -1
  223. package/dist/js/components/ProgressStepper/package.json +1 -1
  224. package/dist/js/components/Radio/package.json +1 -1
  225. package/dist/js/components/SearchInput/SearchInput.d.ts.map +1 -1
  226. package/dist/js/components/SearchInput/SearchInput.js +14 -9
  227. package/dist/js/components/SearchInput/SearchInput.js.map +1 -1
  228. package/dist/js/components/SearchInput/package.json +1 -1
  229. package/dist/js/components/Select/package.json +1 -1
  230. package/dist/js/components/Sidebar/package.json +1 -1
  231. package/dist/js/components/SimpleList/package.json +1 -1
  232. package/dist/js/components/Skeleton/package.json +1 -1
  233. package/dist/js/components/SkipToContent/package.json +1 -1
  234. package/dist/js/components/Slider/Slider.d.ts.map +1 -1
  235. package/dist/js/components/Slider/Slider.js +3 -4
  236. package/dist/js/components/Slider/Slider.js.map +1 -1
  237. package/dist/js/components/Slider/package.json +1 -1
  238. package/dist/js/components/Spinner/package.json +1 -1
  239. package/dist/js/components/Switch/package.json +1 -1
  240. package/dist/js/components/Tabs/package.json +1 -1
  241. package/dist/js/components/Text/package.json +1 -1
  242. package/dist/js/components/TextArea/package.json +1 -1
  243. package/dist/js/components/TextInput/package.json +1 -1
  244. package/dist/js/components/TextInputGroup/package.json +1 -1
  245. package/dist/js/components/Tile/package.json +1 -1
  246. package/dist/js/components/TimePicker/TimePicker.d.ts.map +1 -1
  247. package/dist/js/components/TimePicker/TimePicker.js +4 -3
  248. package/dist/js/components/TimePicker/TimePicker.js.map +1 -1
  249. package/dist/js/components/TimePicker/package.json +1 -1
  250. package/dist/js/components/Timestamp/package.json +1 -1
  251. package/dist/js/components/Title/package.json +1 -1
  252. package/dist/js/components/ToggleGroup/package.json +1 -1
  253. package/dist/js/components/Toolbar/package.json +1 -1
  254. package/dist/js/components/Tooltip/package.json +1 -1
  255. package/dist/js/components/TreeView/package.json +1 -1
  256. package/dist/js/components/Truncate/package.json +1 -1
  257. package/dist/js/components/Wizard/hooks/package.json +1 -1
  258. package/dist/js/components/Wizard/package.json +1 -1
  259. package/dist/js/components/package.json +1 -1
  260. package/dist/js/deprecated/components/ApplicationLauncher/package.json +1 -1
  261. package/dist/js/deprecated/components/ContextSelector/package.json +1 -1
  262. package/dist/js/deprecated/components/Dropdown/package.json +1 -1
  263. package/dist/js/deprecated/components/OptionsMenu/package.json +1 -1
  264. package/dist/js/deprecated/components/PageHeader/package.json +1 -1
  265. package/dist/js/deprecated/components/Select/package.json +1 -1
  266. package/dist/js/deprecated/components/Wizard/package.json +1 -1
  267. package/dist/js/deprecated/components/package.json +1 -1
  268. package/dist/js/deprecated/package.json +1 -1
  269. package/dist/js/helpers/Popper/thirdparty/popper-core/package.json +1 -1
  270. package/dist/js/helpers/package.json +1 -1
  271. package/dist/js/layouts/Bullseye/package.json +1 -1
  272. package/dist/js/layouts/Flex/package.json +1 -1
  273. package/dist/js/layouts/Gallery/package.json +1 -1
  274. package/dist/js/layouts/Grid/package.json +1 -1
  275. package/dist/js/layouts/Level/package.json +1 -1
  276. package/dist/js/layouts/Split/package.json +1 -1
  277. package/dist/js/layouts/Stack/package.json +1 -1
  278. package/dist/js/layouts/package.json +1 -1
  279. package/dist/js/next/components/package.json +1 -1
  280. package/dist/js/next/package.json +1 -1
  281. package/dist/js/package.json +1 -1
  282. package/dist/umd/react-core.min.js +2 -2
  283. package/package.json +2 -2
  284. package/src/components/Alert/examples/AlertGroupAsync.tsx +11 -6
  285. package/src/components/Alert/examples/AlertGroupMultipleDynamic.tsx +7 -4
  286. package/src/components/Alert/examples/AlertGroupSingularDynamic.tsx +17 -10
  287. package/src/components/Alert/examples/AlertGroupSingularDynamicOverflow.tsx +17 -10
  288. package/src/components/Alert/examples/AlertGroupToast.tsx +17 -10
  289. package/src/components/Alert/examples/AlertGroupToastOverflowCapture.tsx +17 -10
  290. package/src/components/CalendarMonth/CalendarMonth.tsx +61 -57
  291. package/src/components/DatePicker/DatePicker.tsx +27 -23
  292. package/src/components/DatePicker/__tests__/__snapshots__/DatePicker.test.tsx.snap +121 -97
  293. package/src/components/FileUpload/FileUploadField.tsx +32 -26
  294. package/src/components/FileUpload/__tests__/__snapshots__/FileUpload.test.tsx.snap +47 -35
  295. package/src/components/FileUpload/__tests__/__snapshots__/FileUploadField.test.tsx.snap +46 -34
  296. package/src/components/InputGroup/InputGroup.tsx +50 -14
  297. package/src/components/InputGroup/InputGroupItem.tsx +44 -0
  298. package/src/components/InputGroup/__tests__/InputGroup.test.tsx +25 -12
  299. package/src/components/InputGroup/examples/InputGroup.md +2 -1
  300. package/src/components/InputGroup/examples/InputGroupBasic.tsx +35 -16
  301. package/src/components/InputGroup/examples/InputGroupWithDropdown.tsx +33 -26
  302. package/src/components/InputGroup/examples/InputGroupWithPopover.tsx +54 -40
  303. package/src/components/InputGroup/examples/InputGroupWithSiblings.tsx +57 -22
  304. package/src/components/InputGroup/examples/InputGroupWithTextarea.tsx +9 -5
  305. package/src/components/InputGroup/index.ts +1 -0
  306. package/src/components/LoginPage/LoginForm.tsx +13 -9
  307. package/src/components/LoginPage/__tests__/__snapshots__/LoginForm.test.tsx.snap +39 -31
  308. package/src/components/NumberInput/NumberInput.tsx +42 -36
  309. package/src/components/NumberInput/__tests__/__snapshots__/NumberInput.test.tsx.snap +904 -748
  310. package/src/components/SearchInput/SearchInput.tsx +29 -25
  311. package/src/components/SearchInput/__tests__/__snapshots__/SearchInput.test.tsx.snap +475 -423
  312. package/src/components/Slider/Slider.tsx +9 -6
  313. package/src/components/Slider/_tests_/__snapshots__/Slider.test.tsx.snap +44 -28
  314. package/src/components/TimePicker/TimePicker.tsx +15 -13
  315. package/src/demos/Button.md +1 -1
  316. package/src/demos/Card/Card.md +30 -41
  317. package/src/demos/Card/CardData.jsx +62 -0
  318. package/src/demos/ComposableMenu/examples/ComposableContextSelector.tsx +20 -15
  319. package/src/demos/DatePicker/examples/DateTimePickerInModal.tsx +15 -3
  320. package/src/demos/DateTimePicker.md +22 -23
  321. package/src/demos/PasswordGenerator.md +22 -17
  322. package/src/demos/PrimaryDetail.md +58 -53
  323. package/src/demos/examples/DateTimePicker/DateTimePicker.tsx +12 -9
  324. package/src/deprecated/components/ContextSelector/__tests__/__snapshots__/ContextSelector.test.tsx.snap +100 -84
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>