@patternfly/patternfly 6.0.0-alpha.90 → 6.0.0-alpha.91

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 (259) hide show
  1. package/base/patternfly-common.css +10 -10
  2. package/base/patternfly-globals.css +3 -3
  3. package/base/patternfly-icons.css +1 -1
  4. package/base/patternfly-themes.css +53 -53
  5. package/base/patternfly-variables.css +236 -245
  6. package/base/tokens/_tokens-font.scss +0 -11
  7. package/components/AboutModalBox/about-modal-box.css +102 -102
  8. package/components/Accordion/accordion.css +118 -118
  9. package/components/ActionList/action-list.css +16 -16
  10. package/components/Alert/alert-group.css +50 -50
  11. package/components/Alert/alert.css +161 -161
  12. package/components/AppLauncher/app-launcher.css +167 -167
  13. package/components/Avatar/avatar.css +116 -116
  14. package/components/BackToTop/back-to-top.css +21 -21
  15. package/components/Backdrop/backdrop.css +9 -9
  16. package/components/BackgroundImage/background-image.css +15 -15
  17. package/components/Badge/badge.css +35 -35
  18. package/components/Banner/banner.css +114 -114
  19. package/components/Brand/brand.css +28 -28
  20. package/components/Breadcrumb/breadcrumb.css +62 -62
  21. package/components/Button/button.css +514 -514
  22. package/components/CalendarMonth/calendar-month.css +144 -144
  23. package/components/Card/card.css +230 -230
  24. package/components/Check/check.css +43 -43
  25. package/components/Chip/chip-group.css +60 -60
  26. package/components/Chip/chip.css +83 -83
  27. package/components/ClipboardCopy/clipboard-copy.css +71 -71
  28. package/components/CodeBlock/code-block.css +35 -35
  29. package/components/CodeEditor/code-editor.css +121 -121
  30. package/components/Content/content.css +216 -216
  31. package/components/ContextSelector/context-selector.css +251 -251
  32. package/components/DataList/data-list-grid.css +182 -182
  33. package/components/DataList/data-list.css +468 -468
  34. package/components/DatePicker/date-picker.css +35 -35
  35. package/components/DescriptionList/description-list-order.css +90 -90
  36. package/components/DescriptionList/description-list.css +193 -193
  37. package/components/Divider/divider.css +143 -143
  38. package/components/DragDrop/drag-drop.css +46 -46
  39. package/components/Drawer/drawer.css +474 -474
  40. package/components/Dropdown/dropdown.css +457 -457
  41. package/components/DualListSelector/dual-list-selector.css +199 -199
  42. package/components/EmptyState/empty-state.css +104 -104
  43. package/components/ExpandableSection/expandable-section.css +113 -113
  44. package/components/FileUpload/file-upload.css +32 -32
  45. package/components/Form/form.css +281 -281
  46. package/components/FormControl/form-control.css +197 -197
  47. package/components/HelperText/helper-text.css +51 -51
  48. package/components/Hint/hint.css +46 -46
  49. package/components/Icon/icon.css +218 -218
  50. package/components/InlineEdit/inline-edit.css +43 -43
  51. package/components/InputGroup/input-group.css +52 -52
  52. package/components/JumpLinks/jump-links.css +183 -183
  53. package/components/Label/label-group.css +86 -86
  54. package/components/Label/label.css +438 -438
  55. package/components/List/list.css +53 -53
  56. package/components/LogViewer/log-viewer.css +138 -138
  57. package/components/Login/login.css +139 -139
  58. package/components/Masthead/masthead.css +319 -319
  59. package/components/Menu/menu.css +415 -415
  60. package/components/MenuToggle/menu-toggle.css +275 -275
  61. package/components/ModalBox/modal-box.css +121 -121
  62. package/components/MultipleFileUpload/multiple-file-upload.css +163 -163
  63. package/components/Nav/nav.css +225 -225
  64. package/components/NotificationBadge/notification-badge.css +66 -66
  65. package/components/NotificationDrawer/notification-drawer.css +179 -179
  66. package/components/NumberInput/number-input.css +20 -20
  67. package/components/OptionsMenu/options-menu.css +190 -190
  68. package/components/OverflowMenu/overflow-menu.css +19 -19
  69. package/components/Page/page.css +598 -598
  70. package/components/Pagination/pagination.css +220 -220
  71. package/components/Panel/panel.css +72 -72
  72. package/components/Popover/popover.css +148 -148
  73. package/components/Progress/progress.css +80 -80
  74. package/components/ProgressStepper/progress-stepper.css +514 -514
  75. package/components/Radio/radio.css +44 -44
  76. package/components/Select/select.css +423 -423
  77. package/components/Sidebar/sidebar.css +166 -166
  78. package/components/SimpleList/simple-list.css +53 -53
  79. package/components/Skeleton/skeleton.css +112 -112
  80. package/components/SkipToContent/skip-to-content.css +8 -8
  81. package/components/Slider/slider.css +144 -144
  82. package/components/Spinner/spinner.css +36 -36
  83. package/components/Switch/switch.css +89 -89
  84. package/components/TabContent/tab-content.css +34 -34
  85. package/components/Table/table-grid.css +911 -911
  86. package/components/Table/table-scrollable.css +38 -38
  87. package/components/Table/table-tree-view.css +497 -497
  88. package/components/Table/table.css +660 -660
  89. package/components/Tabs/tabs.css +616 -616
  90. package/components/TextInputGroup/text-input-group.css +88 -88
  91. package/components/Tile/tile.css +68 -68
  92. package/components/Timestamp/timestamp.css +29 -29
  93. package/components/Title/title.css +87 -87
  94. package/components/ToggleGroup/toggle-group.css +86 -86
  95. package/components/Toolbar/toolbar.css +2279 -2279
  96. package/components/Tooltip/tooltip.css +85 -85
  97. package/components/TreeView/tree-view.css +363 -363
  98. package/components/Truncate/truncate.css +15 -15
  99. package/components/Wizard/wizard.css +272 -272
  100. package/docs/components/AboutModalBox/examples/AboutModalBox.md +11 -11
  101. package/docs/components/Accordion/examples/Accordion.md +188 -188
  102. package/docs/components/ActionList/examples/ActionList.md +55 -55
  103. package/docs/components/Alert/examples/Alert.md +222 -222
  104. package/docs/components/AppLauncher/deprecated/application-launcher.md +146 -146
  105. package/docs/components/Avatar/examples/Avatar.md +6 -6
  106. package/docs/components/BackToTop/examples/BackToTop.md +3 -3
  107. package/docs/components/Backdrop/examples/Backdrop.md +1 -1
  108. package/docs/components/BackgroundImage/examples/BackgroundImage.md +2 -2
  109. package/docs/components/Badge/examples/Badge.md +17 -17
  110. package/docs/components/Banner/examples/Banner.md +42 -42
  111. package/docs/components/Brand/examples/Brand.md +4 -4
  112. package/docs/components/Breadcrumb/examples/Breadcrumb.md +90 -90
  113. package/docs/components/Button/examples/Button.md +364 -364
  114. package/docs/components/CalendarMonth/examples/CalendarMonth.md +436 -436
  115. package/docs/components/Card/examples/Card.md +515 -515
  116. package/docs/components/Check/examples/Check.md +37 -37
  117. package/docs/components/Chip/examples/Chip.md +216 -216
  118. package/docs/components/ClipboardCopy/examples/ClipboardCopy.md +82 -82
  119. package/docs/components/CodeBlock/examples/CodeBlock.md +39 -39
  120. package/docs/components/CodeEditor/examples/CodeEditor.md +85 -85
  121. package/docs/components/Content/examples/Content.md +1 -1
  122. package/docs/components/ContextSelector/deprecated/context-selector.md +160 -160
  123. package/docs/components/DataList/examples/DataList.md +666 -666
  124. package/docs/components/DatePicker/examples/DatePicker.md +54 -54
  125. package/docs/components/DescriptionList/examples/DescriptionList.md +737 -737
  126. package/docs/components/Divider/examples/Divider.md +18 -18
  127. package/docs/components/DragDrop/examples/DragDrop.md +27 -27
  128. package/docs/components/Drawer/examples/Drawer.md +225 -225
  129. package/docs/components/Dropdown/deprecated/Dropdown.md +541 -541
  130. package/docs/components/DualListSelector/examples/DualListSelector.md +1012 -1012
  131. package/docs/components/EmptyState/examples/EmptyState.md +100 -100
  132. package/docs/components/ExpandableSection/examples/ExpandableSection.md +47 -47
  133. package/docs/components/FileUpload/examples/FileUpload.md +94 -94
  134. package/docs/components/Form/examples/Form.md +226 -226
  135. package/docs/components/FormControl/examples/FormControl.md +65 -65
  136. package/docs/components/HelperText/examples/HelperText.md +72 -72
  137. package/docs/components/Hint/examples/Hint.md +44 -44
  138. package/docs/components/Icon/examples/Icon.md +85 -85
  139. package/docs/components/InlineEdit/examples/InlineEdit.md +209 -209
  140. package/docs/components/InputGroup/examples/InputGroup.md +73 -73
  141. package/docs/components/JumpLinks/examples/JumpLinks.md +285 -285
  142. package/docs/components/Label/examples/Label.md +1717 -1717
  143. package/docs/components/List/examples/List.md +30 -30
  144. package/docs/components/LogViewer/examples/LogViewer.md +1785 -1785
  145. package/docs/components/Login/examples/Login.md +287 -287
  146. package/docs/components/Masthead/examples/masthead.md +39 -39
  147. package/docs/components/Menu/examples/Menu.md +2377 -2377
  148. package/docs/components/MenuToggle/examples/MenuToggle.md +242 -242
  149. package/docs/components/ModalBox/examples/ModalBox.md +119 -119
  150. package/docs/components/MultipleFileUpload/examples/MultipleFileUpload.md +192 -192
  151. package/docs/components/Nav/examples/Navigation.md +856 -856
  152. package/docs/components/NotificationBadge/examples/NotificationBadge.md +42 -42
  153. package/docs/components/NotificationDrawer/examples/NotificationDrawer.md +659 -659
  154. package/docs/components/NumberInput/examples/NumberInput.md +127 -127
  155. package/docs/components/OptionsMenu/deprecated/options-menu.md +178 -178
  156. package/docs/components/OverflowMenu/examples/overflow-menu.md +97 -97
  157. package/docs/components/Page/deprecated/PageHeader.md +85 -85
  158. package/docs/components/Page/examples/Page.md +90 -90
  159. package/docs/components/Pagination/examples/Pagination.md +285 -285
  160. package/docs/components/Panel/examples/Panel.md +38 -38
  161. package/docs/components/Popover/examples/Popover.md +169 -169
  162. package/docs/components/Progress/examples/Progress.md +145 -145
  163. package/docs/components/ProgressStepper/examples/ProgressStepper.md +295 -295
  164. package/docs/components/Radio/examples/Radio.md +33 -33
  165. package/docs/components/Select/deprecated/Select.md +736 -736
  166. package/docs/components/Sidebar/examples/Sidebar.md +65 -65
  167. package/docs/components/SimpleList/examples/SimpleList.md +39 -39
  168. package/docs/components/Skeleton/examples/Skeleton.md +29 -29
  169. package/docs/components/SkipToContent/examples/SkipToContent.md +3 -3
  170. package/docs/components/Slider/examples/Slider.md +213 -213
  171. package/docs/components/Spinner/examples/Spinner.md +14 -14
  172. package/docs/components/Switch/examples/Switch.md +58 -58
  173. package/docs/components/TabContent/examples/TabContent.md +24 -24
  174. package/docs/components/Table/examples/Table.md +6982 -6982
  175. package/docs/components/Tabs/examples/Tabs.md +2114 -2114
  176. package/docs/components/TextInputGroup/examples/TextInputGroup.md +373 -373
  177. package/docs/components/Tile/examples/Tile.md +131 -131
  178. package/docs/components/Timestamp/examples/Timestamp.md +10 -10
  179. package/docs/components/Title/examples/Title.md +12 -12
  180. package/docs/components/ToggleGroup/examples/toggle-group.md +116 -116
  181. package/docs/components/Toolbar/examples/Toolbar.md +611 -611
  182. package/docs/components/Tooltip/examples/Tooltip.md +27 -27
  183. package/docs/components/TreeView/examples/TreeView.md +1166 -1166
  184. package/docs/components/Truncate/examples/Truncate.md +7 -7
  185. package/docs/components/Wizard/examples/Wizard.md +522 -522
  186. package/docs/demos/AboutModal/examples/AboutModal.md +106 -106
  187. package/docs/demos/Alert/examples/Alert.md +391 -391
  188. package/docs/demos/BackToTop/examples/BackToTop.md +175 -175
  189. package/docs/demos/Banner/examples/Banner.md +364 -364
  190. package/docs/demos/Button/examples/Button.md +50 -50
  191. package/docs/demos/Card/examples/Card.md +1054 -1054
  192. package/docs/demos/CardView/examples/CardView.md +378 -378
  193. package/docs/demos/ContextSelector/examples/ContextSelector.md +449 -449
  194. package/docs/demos/Dashboard/examples/Dashboard.md +541 -541
  195. package/docs/demos/DataList/examples/DataList.md +1148 -1148
  196. package/docs/demos/DescriptionList/examples/DescriptionList.md +544 -544
  197. package/docs/demos/Drawer/examples/Drawer.md +531 -531
  198. package/docs/demos/Form/examples/BasicForms.md +444 -444
  199. package/docs/demos/HelperText/examples/HelperText.md +51 -51
  200. package/docs/demos/JumpLinks/examples/JumpLinks.md +596 -596
  201. package/docs/demos/Masthead/examples/Masthead.md +763 -763
  202. package/docs/demos/Modal/examples/Modal.md +645 -645
  203. package/docs/demos/Nav/examples/Nav.md +649 -649
  204. package/docs/demos/NotificationDrawer/examples/NotificationDrawer.md +1570 -1570
  205. package/docs/demos/Page/examples/Page.md +1330 -1330
  206. package/docs/demos/Page/examples/Penta.md +217 -217
  207. package/docs/demos/PasswordGenerator/examples/PasswordGenerator.md +23 -23
  208. package/docs/demos/PasswordStrength/examples/PasswordStrength.md +108 -108
  209. package/docs/demos/PrimaryDetail/examples/PrimaryDetail.md +1890 -1890
  210. package/docs/demos/Skeleton/examples/Skeleton.md +176 -176
  211. package/docs/demos/Table/examples/Table.md +4580 -4580
  212. package/docs/demos/Tabs/examples/Tabs.md +1040 -1040
  213. package/docs/demos/Toolbar/examples/Toolbar.md +961 -961
  214. package/docs/demos/Wizard/examples/Wizard.md +1574 -1574
  215. package/docs/layouts/Bullseye/examples/Bullseye.md +2 -2
  216. package/docs/layouts/Flex/examples/Flex.md +290 -290
  217. package/docs/layouts/Gallery/examples/Gallery.md +48 -48
  218. package/docs/layouts/Grid/examples/Grid.md +121 -121
  219. package/docs/layouts/Level/examples/Level.md +11 -11
  220. package/docs/layouts/Split/examples/Split.md +23 -23
  221. package/docs/layouts/Stack/examples/Stack.md +8 -8
  222. package/docs/utilities/Accessibility/examples/Accessibility.md +3 -3
  223. package/docs/utilities/Alignment/examples/Alignment.md +4 -4
  224. package/docs/utilities/Display/examples/Display.md +16 -16
  225. package/docs/utilities/Flex/examples/Flex.md +53 -53
  226. package/docs/utilities/Float/examples/Float.md +2 -2
  227. package/docs/utilities/Spacing/examples/Spacing.md +16 -16
  228. package/layouts/Bullseye/bullseye.css +3 -3
  229. package/layouts/Flex/flex.css +1276 -1276
  230. package/layouts/Gallery/gallery.css +34 -34
  231. package/layouts/Grid/grid.css +531 -531
  232. package/layouts/Level/level.css +4 -4
  233. package/layouts/Split/split.css +6 -6
  234. package/layouts/Stack/stack.css +5 -5
  235. package/package.json +1 -1
  236. package/patternfly-addons.css +2989 -2989
  237. package/patternfly-base-no-globals-theme-dark-unversioned.css +269 -278
  238. package/patternfly-base-no-globals.css +284 -293
  239. package/patternfly-base-theme-dark-unversioned.css +271 -280
  240. package/patternfly-base.css +286 -295
  241. package/patternfly-charts-theme-dark-unversioned.css +66 -66
  242. package/patternfly-charts-theme-dark.css +66 -66
  243. package/patternfly-charts.css +320 -320
  244. package/patternfly-no-globals.css +20217 -20226
  245. package/patternfly-theme-dark-unversioned.css +20209 -20218
  246. package/patternfly.css +20219 -20228
  247. package/patternfly.min.css +1 -1
  248. package/patternfly.min.css.map +1 -1
  249. package/sass-utilities/_init.scss +1 -1
  250. package/utilities/Accessibility/accessibility.css +18 -18
  251. package/utilities/Alignment/alignment.css +24 -24
  252. package/utilities/BackgroundColor/BackgroundColor.css +252 -252
  253. package/utilities/BoxShadow/box-shadow.css +42 -42
  254. package/utilities/Display/display.css +54 -54
  255. package/utilities/Flex/flex.css +228 -228
  256. package/utilities/Float/float.css +12 -12
  257. package/utilities/Sizing/sizing.css +216 -216
  258. package/utilities/Spacing/spacing.css +1512 -1512
  259. package/utilities/Text/text.css +631 -631
package/docs/components/NumberInput/examples/NumberInput.md CHANGED
@@ -7,21 +7,21 @@ cssPrefix: pf-v5-c-number-input
7
7
  ### Default
8
8
 
9
9
  ```html
10
- <div class="pf-v5-c-number-input">
11
- <div class="pf-v5-c-input-group">
12
- <div class="pf-v5-c-input-group__item">
10
+ <div class="pf-v6-c-number-input">
11
+ <div class="pf-v6-c-input-group">
12
+ <div class="pf-v6-c-input-group__item">
13
13
  <button
14
- class="pf-v5-c-button pf-m-control"
14
+ class="pf-v6-c-button pf-m-control"
15
15
  type="button"
16
16
  aria-label="Minus"
17
17
  >
18
- <span class="pf-v5-c-number-input__icon">
18
+ <span class="pf-v6-c-number-input__icon">
19
19
  <i class="fas fa-minus" aria-hidden="true"></i>
20
20
  </span>
21
21
  </button>
22
22
  </div>
23
- <div class="pf-v5-c-input-group__item pf-m-fill">
24
- <span class="pf-v5-c-form-control">
23
+ <div class="pf-v6-c-input-group__item pf-m-fill">
24
+ <span class="pf-v6-c-form-control">
25
25
  <input
26
26
  type="number"
27
27
  value="90"
@@ -30,13 +30,13 @@ cssPrefix: pf-v5-c-number-input
30
30
  />
31
31
  </span>
32
32
  </div>
33
- <div class="pf-v5-c-input-group__item">
33
+ <div class="pf-v6-c-input-group__item">
34
34
  <button
35
- class="pf-v5-c-button pf-m-control"
35
+ class="pf-v6-c-button pf-m-control"
36
36
  type="button"
37
37
  aria-label="Plus"
38
38
  >
39
- <span class="pf-v5-c-number-input__icon">
39
+ <span class="pf-v6-c-number-input__icon">
40
40
  <i class="fas fa-plus" aria-hidden="true"></i>
41
41
  </span>
42
42
  </button>
@@ -49,21 +49,21 @@ cssPrefix: pf-v5-c-number-input
49
49
  ### With unit
50
50
 
51
51
  ```html
52
- <div class="pf-v5-c-number-input">
53
- <div class="pf-v5-c-input-group">
54
- <div class="pf-v5-c-input-group__item">
52
+ <div class="pf-v6-c-number-input">
53
+ <div class="pf-v6-c-input-group">
54
+ <div class="pf-v6-c-input-group__item">
55
55
  <button
56
- class="pf-v5-c-button pf-m-control"
56
+ class="pf-v6-c-button pf-m-control"
57
57
  type="button"
58
58
  aria-label="Minus"
59
59
  >
60
- <span class="pf-v5-c-number-input__icon">
60
+ <span class="pf-v6-c-number-input__icon">
61
61
  <i class="fas fa-minus" aria-hidden="true"></i>
62
62
  </span>
63
63
  </button>
64
64
  </div>
65
- <div class="pf-v5-c-input-group__item pf-m-fill">
66
- <span class="pf-v5-c-form-control">
65
+ <div class="pf-v6-c-input-group__item pf-m-fill">
66
+ <span class="pf-v6-c-form-control">
67
67
  <input
68
68
  type="number"
69
69
  value="90"
@@ -72,39 +72,39 @@ cssPrefix: pf-v5-c-number-input
72
72
  />
73
73
  </span>
74
74
  </div>
75
- <div class="pf-v5-c-input-group__item">
75
+ <div class="pf-v6-c-input-group__item">
76
76
  <button
77
- class="pf-v5-c-button pf-m-control"
77
+ class="pf-v6-c-button pf-m-control"
78
78
  type="button"
79
79
  aria-label="Plus"
80
80
  >
81
- <span class="pf-v5-c-number-input__icon">
81
+ <span class="pf-v6-c-number-input__icon">
82
82
  <i class="fas fa-plus" aria-hidden="true"></i>
83
83
  </span>
84
84
  </button>
85
85
  </div>
86
86
  </div>
87
- <span class="pf-v5-c-number-input__unit">%</span>
87
+ <span class="pf-v6-c-number-input__unit">%</span>
88
88
  </div>
89
89
  <br />
90
90
  <br />
91
- <div class="pf-v5-c-number-input">
92
- <span class="pf-v5-c-number-input__unit">$</span>
91
+ <div class="pf-v6-c-number-input">
92
+ <span class="pf-v6-c-number-input__unit">$</span>
93
93
 
94
- <div class="pf-v5-c-input-group">
95
- <div class="pf-v5-c-input-group__item">
94
+ <div class="pf-v6-c-input-group">
95
+ <div class="pf-v6-c-input-group__item">
96
96
  <button
97
- class="pf-v5-c-button pf-m-control"
97
+ class="pf-v6-c-button pf-m-control"
98
98
  type="button"
99
99
  aria-label="Minus"
100
100
  >
101
- <span class="pf-v5-c-number-input__icon">
101
+ <span class="pf-v6-c-number-input__icon">
102
102
  <i class="fas fa-minus" aria-hidden="true"></i>
103
103
  </span>
104
104
  </button>
105
105
  </div>
106
- <div class="pf-v5-c-input-group__item pf-m-fill">
107
- <span class="pf-v5-c-form-control">
106
+ <div class="pf-v6-c-input-group__item pf-m-fill">
107
+ <span class="pf-v6-c-form-control">
108
108
  <input
109
109
  type="number"
110
110
  value="1.00"
@@ -113,13 +113,13 @@ cssPrefix: pf-v5-c-number-input
113
113
  />
114
114
  </span>
115
115
  </div>
116
- <div class="pf-v5-c-input-group__item">
116
+ <div class="pf-v6-c-input-group__item">
117
117
  <button
118
- class="pf-v5-c-button pf-m-control"
118
+ class="pf-v6-c-button pf-m-control"
119
119
  type="button"
120
120
  aria-label="Plus"
121
121
  >
122
- <span class="pf-v5-c-number-input__icon">
122
+ <span class="pf-v6-c-number-input__icon">
123
123
  <i class="fas fa-plus" aria-hidden="true"></i>
124
124
  </span>
125
125
  </button>
@@ -132,22 +132,22 @@ cssPrefix: pf-v5-c-number-input
132
132
  ### With unit and lower threshold reached
133
133
 
134
134
  ```html
135
- <div class="pf-v5-c-number-input">
136
- <div class="pf-v5-c-input-group">
137
- <div class="pf-v5-c-input-group__item">
135
+ <div class="pf-v6-c-number-input">
136
+ <div class="pf-v6-c-input-group">
137
+ <div class="pf-v6-c-input-group__item">
138
138
  <button
139
- class="pf-v5-c-button pf-m-control"
139
+ class="pf-v6-c-button pf-m-control"
140
140
  type="button"
141
141
  aria-label="Minus"
142
142
  disabled
143
143
  >
144
- <span class="pf-v5-c-number-input__icon">
144
+ <span class="pf-v6-c-number-input__icon">
145
145
  <i class="fas fa-minus" aria-hidden="true"></i>
146
146
  </span>
147
147
  </button>
148
148
  </div>
149
- <div class="pf-v5-c-input-group__item pf-m-fill">
150
- <span class="pf-v5-c-form-control">
149
+ <div class="pf-v6-c-input-group__item pf-m-fill">
150
+ <span class="pf-v6-c-form-control">
151
151
  <input
152
152
  type="number"
153
153
  value="0"
@@ -157,19 +157,19 @@ cssPrefix: pf-v5-c-number-input
157
157
  />
158
158
  </span>
159
159
  </div>
160
- <div class="pf-v5-c-input-group__item">
160
+ <div class="pf-v6-c-input-group__item">
161
161
  <button
162
- class="pf-v5-c-button pf-m-control"
162
+ class="pf-v6-c-button pf-m-control"
163
163
  type="button"
164
164
  aria-label="Plus"
165
165
  >
166
- <span class="pf-v5-c-number-input__icon">
166
+ <span class="pf-v6-c-number-input__icon">
167
167
  <i class="fas fa-plus" aria-hidden="true"></i>
168
168
  </span>
169
169
  </button>
170
170
  </div>
171
171
  </div>
172
- <span class="pf-v5-c-number-input__unit">%</span>
172
+ <span class="pf-v6-c-number-input__unit">%</span>
173
173
  </div>
174
174
 
175
175
  ```
@@ -177,21 +177,21 @@ cssPrefix: pf-v5-c-number-input
177
177
  ### With unit and upper threshold reached
178
178
 
179
179
  ```html
180
- <div class="pf-v5-c-number-input">
181
- <div class="pf-v5-c-input-group">
182
- <div class="pf-v5-c-input-group__item">
180
+ <div class="pf-v6-c-number-input">
181
+ <div class="pf-v6-c-input-group">
182
+ <div class="pf-v6-c-input-group__item">
183
183
  <button
184
- class="pf-v5-c-button pf-m-control"
184
+ class="pf-v6-c-button pf-m-control"
185
185
  type="button"
186
186
  aria-label="Minus"
187
187
  >
188
- <span class="pf-v5-c-number-input__icon">
188
+ <span class="pf-v6-c-number-input__icon">
189
189
  <i class="fas fa-minus" aria-hidden="true"></i>
190
190
  </span>
191
191
  </button>
192
192
  </div>
193
- <div class="pf-v5-c-input-group__item pf-m-fill">
194
- <span class="pf-v5-c-form-control">
193
+ <div class="pf-v6-c-input-group__item pf-m-fill">
194
+ <span class="pf-v6-c-form-control">
195
195
  <input
196
196
  type="number"
197
197
  value="100"
@@ -201,20 +201,20 @@ cssPrefix: pf-v5-c-number-input
201
201
  />
202
202
  </span>
203
203
  </div>
204
- <div class="pf-v5-c-input-group__item">
204
+ <div class="pf-v6-c-input-group__item">
205
205
  <button
206
- class="pf-v5-c-button pf-m-control"
206
+ class="pf-v6-c-button pf-m-control"
207
207
  type="button"
208
208
  aria-label="Plus"
209
209
  disabled
210
210
  >
211
- <span class="pf-v5-c-number-input__icon">
211
+ <span class="pf-v6-c-number-input__icon">
212
212
  <i class="fas fa-plus" aria-hidden="true"></i>
213
213
  </span>
214
214
  </button>
215
215
  </div>
216
216
  </div>
217
- <span class="pf-v5-c-number-input__unit">%</span>
217
+ <span class="pf-v6-c-number-input__unit">%</span>
218
218
  </div>
219
219
 
220
220
  ```
@@ -222,22 +222,22 @@ cssPrefix: pf-v5-c-number-input
222
222
  ### Disabled
223
223
 
224
224
  ```html
225
- <div class="pf-v5-c-number-input">
226
- <div class="pf-v5-c-input-group">
227
- <div class="pf-v5-c-input-group__item">
225
+ <div class="pf-v6-c-number-input">
226
+ <div class="pf-v6-c-input-group">
227
+ <div class="pf-v6-c-input-group__item">
228
228
  <button
229
- class="pf-v5-c-button pf-m-control"
229
+ class="pf-v6-c-button pf-m-control"
230
230
  type="button"
231
231
  aria-label="Minus"
232
232
  disabled
233
233
  >
234
- <span class="pf-v5-c-number-input__icon">
234
+ <span class="pf-v6-c-number-input__icon">
235
235
  <i class="fas fa-minus" aria-hidden="true"></i>
236
236
  </span>
237
237
  </button>
238
238
  </div>
239
- <div class="pf-v5-c-input-group__item pf-m-fill">
240
- <span class="pf-v5-c-form-control pf-m-disabled">
239
+ <div class="pf-v6-c-input-group__item pf-m-fill">
240
+ <span class="pf-v6-c-form-control pf-m-disabled">
241
241
  <input
242
242
  disabled
243
243
  type="number"
@@ -247,20 +247,20 @@ cssPrefix: pf-v5-c-number-input
247
247
  />
248
248
  </span>
249
249
  </div>
250
- <div class="pf-v5-c-input-group__item">
250
+ <div class="pf-v6-c-input-group__item">
251
251
  <button
252
- class="pf-v5-c-button pf-m-control"
252
+ class="pf-v6-c-button pf-m-control"
253
253
  type="button"
254
254
  aria-label="Plus"
255
255
  disabled
256
256
  >
257
- <span class="pf-v5-c-number-input__icon">
257
+ <span class="pf-v6-c-number-input__icon">
258
258
  <i class="fas fa-plus" aria-hidden="true"></i>
259
259
  </span>
260
260
  </button>
261
261
  </div>
262
262
  </div>
263
- <span class="pf-v5-c-number-input__unit">%</span>
263
+ <span class="pf-v6-c-number-input__unit">%</span>
264
264
  </div>
265
265
 
266
266
  ```
@@ -268,21 +268,21 @@ cssPrefix: pf-v5-c-number-input
268
268
  ### With status
269
269
 
270
270
  ```html
271
- <div class="pf-v5-c-number-input pf-m-status">
272
- <div class="pf-v5-c-input-group">
273
- <div class="pf-v5-c-input-group__item">
271
+ <div class="pf-v6-c-number-input pf-m-status">
272
+ <div class="pf-v6-c-input-group">
273
+ <div class="pf-v6-c-input-group__item">
274
274
  <button
275
- class="pf-v5-c-button pf-m-control"
275
+ class="pf-v6-c-button pf-m-control"
276
276
  type="button"
277
277
  aria-label="Minus"
278
278
  >
279
- <span class="pf-v5-c-number-input__icon">
279
+ <span class="pf-v6-c-number-input__icon">
280
280
  <i class="fas fa-minus" aria-hidden="true"></i>
281
281
  </span>
282
282
  </button>
283
283
  </div>
284
- <div class="pf-v5-c-input-group__item pf-m-fill">
285
- <span class="pf-v5-c-form-control">
284
+ <div class="pf-v6-c-input-group__item pf-m-fill">
285
+ <span class="pf-v6-c-form-control">
286
286
  <input
287
287
  type="number"
288
288
  value="90"
@@ -291,13 +291,13 @@ cssPrefix: pf-v5-c-number-input
291
291
  />
292
292
  </span>
293
293
  </div>
294
- <div class="pf-v5-c-input-group__item">
294
+ <div class="pf-v6-c-input-group__item">
295
295
  <button
296
- class="pf-v5-c-button pf-m-control"
296
+ class="pf-v6-c-button pf-m-control"
297
297
  type="button"
298
298
  aria-label="Plus"
299
299
  >
300
- <span class="pf-v5-c-number-input__icon">
300
+ <span class="pf-v6-c-number-input__icon">
301
301
  <i class="fas fa-plus" aria-hidden="true"></i>
302
302
  </span>
303
303
  </button>
@@ -306,41 +306,41 @@ cssPrefix: pf-v5-c-number-input
306
306
  </div>
307
307
  <br />
308
308
  <br />
309
- <div class="pf-v5-c-number-input pf-m-status">
310
- <div class="pf-v5-c-input-group">
311
- <div class="pf-v5-c-input-group__item">
309
+ <div class="pf-v6-c-number-input pf-m-status">
310
+ <div class="pf-v6-c-input-group">
311
+ <div class="pf-v6-c-input-group__item">
312
312
  <button
313
- class="pf-v5-c-button pf-m-control"
313
+ class="pf-v6-c-button pf-m-control"
314
314
  type="button"
315
315
  aria-label="Minus"
316
316
  >
317
- <span class="pf-v5-c-number-input__icon">
317
+ <span class="pf-v6-c-number-input__icon">
318
318
  <i class="fas fa-minus" aria-hidden="true"></i>
319
319
  </span>
320
320
  </button>
321
321
  </div>
322
- <div class="pf-v5-c-input-group__item pf-m-fill">
323
- <span class="pf-v5-c-form-control pf-m-warning">
322
+ <div class="pf-v6-c-input-group__item pf-m-fill">
323
+ <span class="pf-v6-c-form-control pf-m-warning">
324
324
  <input
325
325
  type="number"
326
326
  value="90"
327
327
  name="number-input-status-warning-name"
328
328
  aria-label="Number input"
329
329
  />
330
- <span class="pf-v5-c-form-control__utilities">
331
- <span class="pf-v5-c-form-control__icon pf-m-status">
330
+ <span class="pf-v6-c-form-control__utilities">
331
+ <span class="pf-v6-c-form-control__icon pf-m-status">
332
332
  <i class="fas fa-exclamation-triangle" aria-hidden="true"></i>
333
333
  </span>
334
334
  </span>
335
335
  </span>
336
336
  </div>
337
- <div class="pf-v5-c-input-group__item">
337
+ <div class="pf-v6-c-input-group__item">
338
338
  <button
339
- class="pf-v5-c-button pf-m-control"
339
+ class="pf-v6-c-button pf-m-control"
340
340
  type="button"
341
341
  aria-label="Plus"
342
342
  >
343
- <span class="pf-v5-c-number-input__icon">
343
+ <span class="pf-v6-c-number-input__icon">
344
344
  <i class="fas fa-plus" aria-hidden="true"></i>
345
345
  </span>
346
346
  </button>
@@ -354,23 +354,23 @@ cssPrefix: pf-v5-c-number-input
354
354
 
355
355
  ```html
356
356
  <div
357
- class="pf-v5-c-number-input"
357
+ class="pf-v6-c-number-input"
358
358
  style="--pf-v5-c-number-input--c-form-control--width-chars: 1;"
359
359
  >
360
- <div class="pf-v5-c-input-group">
361
- <div class="pf-v5-c-input-group__item">
360
+ <div class="pf-v6-c-input-group">
361
+ <div class="pf-v6-c-input-group__item">
362
362
  <button
363
- class="pf-v5-c-button pf-m-control"
363
+ class="pf-v6-c-button pf-m-control"
364
364
  type="button"
365
365
  aria-label="Minus"
366
366
  >
367
- <span class="pf-v5-c-number-input__icon">
367
+ <span class="pf-v6-c-number-input__icon">
368
368
  <i class="fas fa-minus" aria-hidden="true"></i>
369
369
  </span>
370
370
  </button>
371
371
  </div>
372
- <div class="pf-v5-c-input-group__item pf-m-fill">
373
- <span class="pf-v5-c-form-control">
372
+ <div class="pf-v6-c-input-group__item pf-m-fill">
373
+ <span class="pf-v6-c-form-control">
374
374
  <input
375
375
  type="number"
376
376
  value="1"
@@ -379,13 +379,13 @@ cssPrefix: pf-v5-c-number-input
379
379
  />
380
380
  </span>
381
381
  </div>
382
- <div class="pf-v5-c-input-group__item">
382
+ <div class="pf-v6-c-input-group__item">
383
383
  <button
384
- class="pf-v5-c-button pf-m-control"
384
+ class="pf-v6-c-button pf-m-control"
385
385
  type="button"
386
386
  aria-label="Plus"
387
387
  >
388
- <span class="pf-v5-c-number-input__icon">
388
+ <span class="pf-v6-c-number-input__icon">
389
389
  <i class="fas fa-plus" aria-hidden="true"></i>
390
390
  </span>
391
391
  </button>
@@ -395,23 +395,23 @@ cssPrefix: pf-v5-c-number-input
395
395
  <br />
396
396
  <br />
397
397
  <div
398
- class="pf-v5-c-number-input"
398
+ class="pf-v6-c-number-input"
399
399
  style="--pf-v5-c-number-input--c-form-control--width-chars: 10;"
400
400
  >
401
- <div class="pf-v5-c-input-group">
402
- <div class="pf-v5-c-input-group__item">
401
+ <div class="pf-v6-c-input-group">
402
+ <div class="pf-v6-c-input-group__item">
403
403
  <button
404
- class="pf-v5-c-button pf-m-control"
404
+ class="pf-v6-c-button pf-m-control"
405
405
  type="button"
406
406
  aria-label="Minus"
407
407
  >
408
- <span class="pf-v5-c-number-input__icon">
408
+ <span class="pf-v6-c-number-input__icon">
409
409
  <i class="fas fa-minus" aria-hidden="true"></i>
410
410
  </span>
411
411
  </button>
412
412
  </div>
413
- <div class="pf-v5-c-input-group__item pf-m-fill">
414
- <span class="pf-v5-c-form-control">
413
+ <div class="pf-v6-c-input-group__item pf-m-fill">
414
+ <span class="pf-v6-c-form-control">
415
415
  <input
416
416
  type="number"
417
417
  value="1234567890"
@@ -420,13 +420,13 @@ cssPrefix: pf-v5-c-number-input
420
420
  />
421
421
  </span>
422
422
  </div>
423
- <div class="pf-v5-c-input-group__item">
423
+ <div class="pf-v6-c-input-group__item">
424
424
  <button
425
- class="pf-v5-c-button pf-m-control"
425
+ class="pf-v6-c-button pf-m-control"
426
426
  type="button"
427
427
  aria-label="Plus"
428
428
  >
429
- <span class="pf-v5-c-number-input__icon">
429
+ <span class="pf-v6-c-number-input__icon">
430
430
  <i class="fas fa-plus" aria-hidden="true"></i>
431
431
  </span>
432
432
  </button>
@@ -436,23 +436,23 @@ cssPrefix: pf-v5-c-number-input
436
436
  <br />
437
437
  <br />
438
438
  <div
439
- class="pf-v5-c-number-input"
439
+ class="pf-v6-c-number-input"
440
440
  style="--pf-v5-c-number-input--c-form-control--width-chars: 5;"
441
441
  >
442
- <div class="pf-v5-c-input-group">
443
- <div class="pf-v5-c-input-group__item">
442
+ <div class="pf-v6-c-input-group">
443
+ <div class="pf-v6-c-input-group__item">
444
444
  <button
445
- class="pf-v5-c-button pf-m-control"
445
+ class="pf-v6-c-button pf-m-control"
446
446
  type="button"
447
447
  aria-label="Minus"
448
448
  >
449
- <span class="pf-v5-c-number-input__icon">
449
+ <span class="pf-v6-c-number-input__icon">
450
450
  <i class="fas fa-minus" aria-hidden="true"></i>
451
451
  </span>
452
452
  </button>
453
453
  </div>
454
- <div class="pf-v5-c-input-group__item pf-m-fill">
455
- <span class="pf-v5-c-form-control">
454
+ <div class="pf-v6-c-input-group__item pf-m-fill">
455
+ <span class="pf-v6-c-form-control">
456
456
  <input
457
457
  type="number"
458
458
  value="5"
@@ -461,13 +461,13 @@ cssPrefix: pf-v5-c-number-input
461
461
  />
462
462
  </span>
463
463
  </div>
464
- <div class="pf-v5-c-input-group__item">
464
+ <div class="pf-v6-c-input-group__item">
465
465
  <button
466
- class="pf-v5-c-button pf-m-control"
466
+ class="pf-v6-c-button pf-m-control"
467
467
  type="button"
468
468
  aria-label="Plus"
469
469
  >
470
- <span class="pf-v5-c-number-input__icon">
470
+ <span class="pf-v6-c-number-input__icon">
471
471
  <i class="fas fa-plus" aria-hidden="true"></i>
472
472
  </span>
473
473
  </button>
@@ -477,23 +477,23 @@ cssPrefix: pf-v5-c-number-input
477
477
  <br />
478
478
  <br />
479
479
  <div
480
- class="pf-v5-c-number-input"
480
+ class="pf-v6-c-number-input"
481
481
  style="--pf-v5-c-number-input--c-form-control--width-chars: 5;"
482
482
  >
483
- <div class="pf-v5-c-input-group">
484
- <div class="pf-v5-c-input-group__item">
483
+ <div class="pf-v6-c-input-group">
484
+ <div class="pf-v6-c-input-group__item">
485
485
  <button
486
- class="pf-v5-c-button pf-m-control"
486
+ class="pf-v6-c-button pf-m-control"
487
487
  type="button"
488
488
  aria-label="Minus"
489
489
  >
490
- <span class="pf-v5-c-number-input__icon">
490
+ <span class="pf-v6-c-number-input__icon">
491
491
  <i class="fas fa-minus" aria-hidden="true"></i>
492
492
  </span>
493
493
  </button>
494
494
  </div>
495
- <div class="pf-v5-c-input-group__item pf-m-fill">
496
- <span class="pf-v5-c-form-control">
495
+ <div class="pf-v6-c-input-group__item pf-m-fill">
496
+ <span class="pf-v6-c-form-control">
497
497
  <input
498
498
  type="number"
499
499
  value="12345"
@@ -502,13 +502,13 @@ cssPrefix: pf-v5-c-number-input
502
502
  />
503
503
  </span>
504
504
  </div>
505
- <div class="pf-v5-c-input-group__item">
505
+ <div class="pf-v6-c-input-group__item">
506
506
  <button
507
- class="pf-v5-c-button pf-m-control"
507
+ class="pf-v6-c-button pf-m-control"
508
508
  type="button"
509
509
  aria-label="Plus"
510
510
  >
511
- <span class="pf-v5-c-number-input__icon">
511
+ <span class="pf-v6-c-number-input__icon">
512
512
  <i class="fas fa-plus" aria-hidden="true"></i>
513
513
  </span>
514
514
  </button>