@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/FormControl/examples/FormControl.md CHANGED
@@ -10,7 +10,7 @@ cssPrefix: pf-v5-c-form-control
10
10
  **Note:** In webkit browsers, inputs with status icons that are autocompleted will have their icons removed by the user agent stylesheet. If the field does not need to use autocomplete, turn it off with `autocomplete="off"` to avoid the problem. Otherwise, use [helper text](/components/helper-text/html-demos) instead to ensure that the status will remain visible if the field is autocompleted.
11
11
 
12
12
  ```html
13
- <span class="pf-v5-c-form-control">
13
+ <span class="pf-v6-c-form-control">
14
14
  <input
15
15
  type="text"
16
16
  value="Standard"
@@ -19,7 +19,7 @@ cssPrefix: pf-v5-c-form-control
19
19
  />
20
20
  </span>
21
21
  <br />
22
- <span class="pf-v5-c-form-control">
22
+ <span class="pf-v6-c-form-control">
23
23
  <input
24
24
  type="text"
25
25
  placeholder="Placeholder"
@@ -28,7 +28,7 @@ cssPrefix: pf-v5-c-form-control
28
28
  />
29
29
  </span>
30
30
  <br />
31
- <span class="pf-v5-c-form-control pf-m-readonly">
31
+ <span class="pf-v6-c-form-control pf-m-readonly">
32
32
  <input
33
33
  readonly
34
34
  type="text"
@@ -38,7 +38,7 @@ cssPrefix: pf-v5-c-form-control
38
38
  />
39
39
  </span>
40
40
  <br />
41
- <span class="pf-v5-c-form-control pf-m-readonly pf-m-plain">
41
+ <span class="pf-v6-c-form-control pf-m-readonly pf-m-plain">
42
42
  <input
43
43
  readonly
44
44
  type="text"
@@ -48,7 +48,7 @@ cssPrefix: pf-v5-c-form-control
48
48
  />
49
49
  </span>
50
50
  <br />
51
- <span class="pf-v5-c-form-control pf-m-disabled">
51
+ <span class="pf-v6-c-form-control pf-m-disabled">
52
52
  <input
53
53
  disabled
54
54
  type="text"
@@ -58,35 +58,35 @@ cssPrefix: pf-v5-c-form-control
58
58
  />
59
59
  </span>
60
60
  <br />
61
- <span class="pf-v5-c-form-control pf-m-success">
61
+ <span class="pf-v6-c-form-control pf-m-success">
62
62
  <input
63
63
  type="text"
64
64
  value="Success"
65
65
  id="input-success"
66
66
  aria-label="Success state input example"
67
67
  />
68
- <span class="pf-v5-c-form-control__utilities">
69
- <span class="pf-v5-c-form-control__icon pf-m-status">
68
+ <span class="pf-v6-c-form-control__utilities">
69
+ <span class="pf-v6-c-form-control__icon pf-m-status">
70
70
  <i class="fas fa-check-circle" aria-hidden="true"></i>
71
71
  </span>
72
72
  </span>
73
73
  </span>
74
74
  <br />
75
- <span class="pf-v5-c-form-control pf-m-warning">
75
+ <span class="pf-v6-c-form-control pf-m-warning">
76
76
  <input
77
77
  type="text"
78
78
  value="Warning"
79
79
  id="input-warning"
80
80
  aria-label="Warning state input example"
81
81
  />
82
- <span class="pf-v5-c-form-control__utilities">
83
- <span class="pf-v5-c-form-control__icon pf-m-status">
82
+ <span class="pf-v6-c-form-control__utilities">
83
+ <span class="pf-v6-c-form-control__icon pf-m-status">
84
84
  <i class="fas fa-exclamation-triangle" aria-hidden="true"></i>
85
85
  </span>
86
86
  </span>
87
87
  </span>
88
88
  <br />
89
- <span class="pf-v5-c-form-control pf-m-error">
89
+ <span class="pf-v6-c-form-control pf-m-error">
90
90
  <input
91
91
  required
92
92
  type="text"
@@ -95,14 +95,14 @@ cssPrefix: pf-v5-c-form-control
95
95
  aria-invalid="true"
96
96
  aria-label="Error state input example"
97
97
  />
98
- <span class="pf-v5-c-form-control__utilities">
99
- <span class="pf-v5-c-form-control__icon pf-m-status">
98
+ <span class="pf-v6-c-form-control__utilities">
99
+ <span class="pf-v6-c-form-control__icon pf-m-status">
100
100
  <i class="fas fa-exclamation-circle" aria-hidden="true"></i>
101
101
  </span>
102
102
  </span>
103
103
  </span>
104
104
  <br />
105
- <span class="pf-v5-c-form-control pf-m-expanded">
105
+ <span class="pf-v6-c-form-control pf-m-expanded">
106
106
  <input
107
107
  type="text"
108
108
  value="Expanded"
@@ -111,7 +111,7 @@ cssPrefix: pf-v5-c-form-control
111
111
  />
112
112
  </span>
113
113
  <br />
114
- <span class="pf-v5-c-form-control pf-m-icon">
114
+ <span class="pf-v6-c-form-control pf-m-icon">
115
115
  <input
116
116
  type="text"
117
117
  value="Calendar"
@@ -119,14 +119,14 @@ cssPrefix: pf-v5-c-form-control
119
119
  name="input-calendar"
120
120
  aria-label="Calendar input example"
121
121
  />
122
- <span class="pf-v5-c-form-control__utilities">
123
- <span class="pf-v5-c-form-control__icon">
122
+ <span class="pf-v6-c-form-control__utilities">
123
+ <span class="pf-v6-c-form-control__icon">
124
124
  <i class="fas fa-calendar" aria-hidden="true"></i>
125
125
  </span>
126
126
  </span>
127
127
  </span>
128
128
  <br />
129
- <span class="pf-v5-c-form-control pf-m-warning pf-m-icon">
129
+ <span class="pf-v6-c-form-control pf-m-warning pf-m-icon">
130
130
  <input
131
131
  type="text"
132
132
  value="Clock (invalid)"
@@ -134,17 +134,17 @@ cssPrefix: pf-v5-c-form-control
134
134
  name="input-clock"
135
135
  aria-label="Clock input example"
136
136
  />
137
- <span class="pf-v5-c-form-control__utilities">
138
- <span class="pf-v5-c-form-control__icon">
137
+ <span class="pf-v6-c-form-control__utilities">
138
+ <span class="pf-v6-c-form-control__icon">
139
139
  <i class="fas fa-clock" aria-hidden="true"></i>
140
140
  </span>
141
- <span class="pf-v5-c-form-control__icon pf-m-status">
141
+ <span class="pf-v6-c-form-control__icon pf-m-status">
142
142
  <i class="fas fa-exclamation-triangle" aria-hidden="true"></i>
143
143
  </span>
144
144
  </span>
145
145
  </span>
146
146
  <br />
147
- <span class="pf-v5-c-form-control pf-m-icon">
147
+ <span class="pf-v6-c-form-control pf-m-icon">
148
148
  <input
149
149
  type="text"
150
150
  value="Custom icon"
@@ -152,8 +152,8 @@ cssPrefix: pf-v5-c-form-control
152
152
  name="custom-icon"
153
153
  aria-label="Custom icon input example"
154
154
  />
155
- <span class="pf-v5-c-form-control__utilities">
156
- <span class="pf-v5-c-form-control__icon">
155
+ <span class="pf-v6-c-form-control__utilities">
156
+ <span class="pf-v6-c-form-control__icon">
157
157
  <i class="fas fa-bell" aria-hidden="true"></i>
158
158
  </span>
159
159
  </span>
@@ -164,7 +164,7 @@ cssPrefix: pf-v5-c-form-control
164
164
  ### Select
165
165
 
166
166
  ```html
167
- <span class="pf-v5-c-form-control pf-m-placeholder">
167
+ <span class="pf-v6-c-form-control pf-m-placeholder">
168
168
  <select
169
169
  class
170
170
  id="select-selectable-placeholder"
@@ -180,14 +180,14 @@ cssPrefix: pf-v5-c-form-control
180
180
  <option value="Dr" disabled>Disabled option</option>
181
181
  <option value="Other">Other</option>
182
182
  </select>
183
- <span class="pf-v5-c-form-control__utilities">
184
- <span class="pf-v5-c-form-control__toggle-icon">
183
+ <span class="pf-v6-c-form-control__utilities">
184
+ <span class="pf-v6-c-form-control__toggle-icon">
185
185
  <i class="fas fa-caret-down" aria-hidden="true"></i>
186
186
  </span>
187
187
  </span>
188
188
  </span>
189
189
  <br />
190
- <span class="pf-v5-c-form-control pf-m-placeholder">
190
+ <span class="pf-v6-c-form-control pf-m-placeholder">
191
191
  <select
192
192
  class
193
193
  id="select-non-selectable-placeholder"
@@ -202,14 +202,14 @@ cssPrefix: pf-v5-c-form-control
202
202
  <option value="Dr">Dr</option>
203
203
  <option value="Other">Other</option>
204
204
  </select>
205
- <span class="pf-v5-c-form-control__utilities">
206
- <span class="pf-v5-c-form-control__toggle-icon">
205
+ <span class="pf-v6-c-form-control__utilities">
206
+ <span class="pf-v6-c-form-control__toggle-icon">
207
207
  <i class="fas fa-caret-down" aria-hidden="true"></i>
208
208
  </span>
209
209
  </span>
210
210
  </span>
211
211
  <br />
212
- <span class="pf-v5-c-form-control">
212
+ <span class="pf-v6-c-form-control">
213
213
  <select
214
214
  class
215
215
  id="select-group"
@@ -225,14 +225,14 @@ cssPrefix: pf-v5-c-form-control
225
225
  <option value="Option 4" disabled>The fourth option (disabled)</option>
226
226
  </optgroup>
227
227
  </select>
228
- <span class="pf-v5-c-form-control__utilities">
229
- <span class="pf-v5-c-form-control__toggle-icon">
228
+ <span class="pf-v6-c-form-control__utilities">
229
+ <span class="pf-v6-c-form-control__toggle-icon">
230
230
  <i class="fas fa-caret-down" aria-hidden="true"></i>
231
231
  </span>
232
232
  </span>
233
233
  </span>
234
234
  <br />
235
- <span class="pf-v5-c-form-control pf-m-success">
235
+ <span class="pf-v6-c-form-control pf-m-success">
236
236
  <select
237
237
  class
238
238
  id="select-group-success"
@@ -249,17 +249,17 @@ cssPrefix: pf-v5-c-form-control
249
249
  <option value="Option 4">The fourth option</option>
250
250
  </optgroup>
251
251
  </select>
252
- <span class="pf-v5-c-form-control__utilities">
253
- <span class="pf-v5-c-form-control__icon pf-m-status">
252
+ <span class="pf-v6-c-form-control__utilities">
253
+ <span class="pf-v6-c-form-control__icon pf-m-status">
254
254
  <i class="fas fa-check-circle" aria-hidden="true"></i>
255
255
  </span>
256
- <span class="pf-v5-c-form-control__toggle-icon">
256
+ <span class="pf-v6-c-form-control__toggle-icon">
257
257
  <i class="fas fa-caret-down" aria-hidden="true"></i>
258
258
  </span>
259
259
  </span>
260
260
  </span>
261
261
  <br />
262
- <span class="pf-v5-c-form-control pf-m-warning">
262
+ <span class="pf-v6-c-form-control pf-m-warning">
263
263
  <select
264
264
  class
265
265
  id="select-group-warning"
@@ -276,17 +276,17 @@ cssPrefix: pf-v5-c-form-control
276
276
  <option value="Option 4">The fourth option</option>
277
277
  </optgroup>
278
278
  </select>
279
- <span class="pf-v5-c-form-control__utilities">
280
- <span class="pf-v5-c-form-control__icon pf-m-status">
279
+ <span class="pf-v6-c-form-control__utilities">
280
+ <span class="pf-v6-c-form-control__icon pf-m-status">
281
281
  <i class="fas fa-exclamation-triangle" aria-hidden="true"></i>
282
282
  </span>
283
- <span class="pf-v5-c-form-control__toggle-icon">
283
+ <span class="pf-v6-c-form-control__toggle-icon">
284
284
  <i class="fas fa-caret-down" aria-hidden="true"></i>
285
285
  </span>
286
286
  </span>
287
287
  </span>
288
288
  <br />
289
- <span class="pf-v5-c-form-control pf-m-error">
289
+ <span class="pf-v6-c-form-control pf-m-error">
290
290
  <select
291
291
  class
292
292
  required
@@ -305,17 +305,17 @@ cssPrefix: pf-v5-c-form-control
305
305
  <option value="Option 4">The fourth option</option>
306
306
  </optgroup>
307
307
  </select>
308
- <span class="pf-v5-c-form-control__utilities">
309
- <span class="pf-v5-c-form-control__icon pf-m-status">
308
+ <span class="pf-v6-c-form-control__utilities">
309
+ <span class="pf-v6-c-form-control__icon pf-m-status">
310
310
  <i class="fas fa-exclamation-circle" aria-hidden="true"></i>
311
311
  </span>
312
- <span class="pf-v5-c-form-control__toggle-icon">
312
+ <span class="pf-v6-c-form-control__toggle-icon">
313
313
  <i class="fas fa-caret-down" aria-hidden="true"></i>
314
314
  </span>
315
315
  </span>
316
316
  </span>
317
317
  <br />
318
- <span class="pf-v5-c-form-control pf-m-disabled pf-m-placeholder">
318
+ <span class="pf-v6-c-form-control pf-m-disabled pf-m-placeholder">
319
319
  <select
320
320
  class
321
321
  disabled
@@ -331,8 +331,8 @@ cssPrefix: pf-v5-c-form-control
331
331
  <option value="Dr">Dr</option>
332
332
  <option value="Other">Other</option>
333
333
  </select>
334
- <span class="pf-v5-c-form-control__utilities">
335
- <span class="pf-v5-c-form-control__toggle-icon">
334
+ <span class="pf-v6-c-form-control__utilities">
335
+ <span class="pf-v6-c-form-control__toggle-icon">
336
336
  <i class="fas fa-caret-down" aria-hidden="true"></i>
337
337
  </span>
338
338
  </span>
@@ -343,7 +343,7 @@ cssPrefix: pf-v5-c-form-control
343
343
  ### Textarea
344
344
 
345
345
  ```html
346
- <span class="pf-v5-c-form-control">
346
+ <span class="pf-v6-c-form-control">
347
347
  <textarea
348
348
  name="textarea-standard"
349
349
  id="textarea-standard"
@@ -352,7 +352,7 @@ cssPrefix: pf-v5-c-form-control
352
352
  </textarea>
353
353
  </span>
354
354
  <br />
355
- <span class="pf-v5-c-form-control pf-m-readonly">
355
+ <span class="pf-v6-c-form-control pf-m-readonly">
356
356
  <textarea
357
357
  readonly
358
358
  name="textarea-readonly"
@@ -362,7 +362,7 @@ cssPrefix: pf-v5-c-form-control
362
362
  </textarea>
363
363
  </span>
364
364
  <br />
365
- <span class="pf-v5-c-form-control pf-m-readonly pf-m-plain">
365
+ <span class="pf-v6-c-form-control pf-m-readonly pf-m-plain">
366
366
  <textarea
367
367
  readonly
368
368
  name="textarea-readonly-plain"
@@ -372,7 +372,7 @@ cssPrefix: pf-v5-c-form-control
372
372
  </textarea>
373
373
  </span>
374
374
  <br />
375
- <span class="pf-v5-c-form-control pf-m-disabled">
375
+ <span class="pf-v6-c-form-control pf-m-disabled">
376
376
  <textarea
377
377
  disabled
378
378
  name="textarea-disabled"
@@ -382,35 +382,35 @@ cssPrefix: pf-v5-c-form-control
382
382
  </textarea>
383
383
  </span>
384
384
  <br />
385
- <span class="pf-v5-c-form-control pf-m-success">
385
+ <span class="pf-v6-c-form-control pf-m-success">
386
386
  <textarea
387
387
  name="textarea-success"
388
388
  id="textarea-success"
389
389
  aria-label="Success state textarea example"
390
390
  >Success
391
391
  </textarea>
392
- <span class="pf-v5-c-form-control__utilities">
393
- <span class="pf-v5-c-form-control__icon pf-m-status">
392
+ <span class="pf-v6-c-form-control__utilities">
393
+ <span class="pf-v6-c-form-control__icon pf-m-status">
394
394
  <i class="fas fa-check-circle" aria-hidden="true"></i>
395
395
  </span>
396
396
  </span>
397
397
  </span>
398
398
  <br />
399
- <span class="pf-v5-c-form-control pf-m-warning">
399
+ <span class="pf-v6-c-form-control pf-m-warning">
400
400
  <textarea
401
401
  name="textarea-warning"
402
402
  id="textarea-warning"
403
403
  aria-label="Warning state textarea example"
404
404
  >Warning
405
405
  </textarea>
406
- <span class="pf-v5-c-form-control__utilities">
407
- <span class="pf-v5-c-form-control__icon pf-m-status">
406
+ <span class="pf-v6-c-form-control__utilities">
407
+ <span class="pf-v6-c-form-control__icon pf-m-status">
408
408
  <i class="fas fa-exclamation-triangle" aria-hidden="true"></i>
409
409
  </span>
410
410
  </span>
411
411
  </span>
412
412
  <br />
413
- <span class="pf-v5-c-form-control pf-m-error">
413
+ <span class="pf-v6-c-form-control pf-m-error">
414
414
  <textarea
415
415
  required
416
416
  name="textarea-error"
@@ -419,14 +419,14 @@ cssPrefix: pf-v5-c-form-control
419
419
  aria-invalid="true"
420
420
  >Error
421
421
  </textarea>
422
- <span class="pf-v5-c-form-control__utilities">
423
- <span class="pf-v5-c-form-control__icon pf-m-status">
422
+ <span class="pf-v6-c-form-control__utilities">
423
+ <span class="pf-v6-c-form-control__icon pf-m-status">
424
424
  <i class="fas fa-exclamation-circle" aria-hidden="true"></i>
425
425
  </span>
426
426
  </span>
427
427
  </span>
428
428
  <br />
429
- <span class="pf-v5-c-form-control pf-m-resize-vertical">
429
+ <span class="pf-v6-c-form-control pf-m-resize-vertical">
430
430
  <textarea
431
431
  name="textarea-resize-vertical"
432
432
  id="textarea-resize-vertical"
@@ -435,7 +435,7 @@ cssPrefix: pf-v5-c-form-control
435
435
  </textarea>
436
436
  </span>
437
437
  <br />
438
- <span class="pf-v5-c-form-control pf-m-resize-horizontal">
438
+ <span class="pf-v6-c-form-control pf-m-resize-horizontal">
439
439
  <textarea
440
440
  name="textarea-resize-horizontal"
441
441
  id="textarea-resize-horizontal"
@@ -444,7 +444,7 @@ cssPrefix: pf-v5-c-form-control
444
444
  </textarea>
445
445
  </span>
446
446
  <br />
447
- <span class="pf-v5-c-form-control pf-m-resize-both">
447
+ <span class="pf-v6-c-form-control pf-m-resize-both">
448
448
  <textarea
449
449
  name="textarea-resize-both"
450
450
  id="textarea-resize-both"
package/docs/components/HelperText/examples/HelperText.md CHANGED
@@ -7,31 +7,31 @@ cssPrefix: pf-v5-c-helper-text
7
7
  ### Static
8
8
 
9
9
  ```html
10
- <div class="pf-v5-c-helper-text">
11
- <div class="pf-v5-c-helper-text__item">
12
- <span class="pf-v5-c-helper-text__item-text">This is default helper text</span>
10
+ <div class="pf-v6-c-helper-text">
11
+ <div class="pf-v6-c-helper-text__item">
12
+ <span class="pf-v6-c-helper-text__item-text">This is default helper text</span>
13
13
  </div>
14
14
  </div>
15
- <div class="pf-v5-c-helper-text">
16
- <div class="pf-v5-c-helper-text__item pf-m-indeterminate">
15
+ <div class="pf-v6-c-helper-text">
16
+ <div class="pf-v6-c-helper-text__item pf-m-indeterminate">
17
17
  <span
18
- class="pf-v5-c-helper-text__item-text"
18
+ class="pf-v6-c-helper-text__item-text"
19
19
  >This is indeterminate helper text</span>
20
20
  </div>
21
21
  </div>
22
- <div class="pf-v5-c-helper-text">
23
- <div class="pf-v5-c-helper-text__item pf-m-warning">
24
- <span class="pf-v5-c-helper-text__item-text">This is warning helper text</span>
22
+ <div class="pf-v6-c-helper-text">
23
+ <div class="pf-v6-c-helper-text__item pf-m-warning">
24
+ <span class="pf-v6-c-helper-text__item-text">This is warning helper text</span>
25
25
  </div>
26
26
  </div>
27
- <div class="pf-v5-c-helper-text">
28
- <div class="pf-v5-c-helper-text__item pf-m-success">
29
- <span class="pf-v5-c-helper-text__item-text">This is success helper text</span>
27
+ <div class="pf-v6-c-helper-text">
28
+ <div class="pf-v6-c-helper-text__item pf-m-success">
29
+ <span class="pf-v6-c-helper-text__item-text">This is success helper text</span>
30
30
  </div>
31
31
  </div>
32
- <div class="pf-v5-c-helper-text">
33
- <div class="pf-v5-c-helper-text__item pf-m-error">
34
- <span class="pf-v5-c-helper-text__item-text">This is error helper text</span>
32
+ <div class="pf-v6-c-helper-text">
33
+ <div class="pf-v6-c-helper-text__item pf-m-error">
34
+ <span class="pf-v6-c-helper-text__item-text">This is error helper text</span>
35
35
  </div>
36
36
  </div>
37
37
 
@@ -40,46 +40,46 @@ cssPrefix: pf-v5-c-helper-text
40
40
  ### Icon
41
41
 
42
42
  ```html
43
- <div class="pf-v5-c-helper-text">
44
- <div class="pf-v5-c-helper-text__item">
45
- <span class="pf-v5-c-helper-text__item-icon">
43
+ <div class="pf-v6-c-helper-text">
44
+ <div class="pf-v6-c-helper-text__item">
45
+ <span class="pf-v6-c-helper-text__item-icon">
46
46
  <i class="fas fa-fw fa-minus" aria-hidden="true"></i>
47
47
  </span>
48
- <span class="pf-v5-c-helper-text__item-text">This is default helper text</span>
48
+ <span class="pf-v6-c-helper-text__item-text">This is default helper text</span>
49
49
  </div>
50
50
  </div>
51
- <div class="pf-v5-c-helper-text">
52
- <div class="pf-v5-c-helper-text__item pf-m-indeterminate">
53
- <span class="pf-v5-c-helper-text__item-icon">
51
+ <div class="pf-v6-c-helper-text">
52
+ <div class="pf-v6-c-helper-text__item pf-m-indeterminate">
53
+ <span class="pf-v6-c-helper-text__item-icon">
54
54
  <i class="fas fa-fw fa-minus" aria-hidden="true"></i>
55
55
  </span>
56
56
  <span
57
- class="pf-v5-c-helper-text__item-text"
57
+ class="pf-v6-c-helper-text__item-text"
58
58
  >This is indeterminate helper text</span>
59
59
  </div>
60
60
  </div>
61
- <div class="pf-v5-c-helper-text">
62
- <div class="pf-v5-c-helper-text__item pf-m-warning">
63
- <span class="pf-v5-c-helper-text__item-icon">
61
+ <div class="pf-v6-c-helper-text">
62
+ <div class="pf-v6-c-helper-text__item pf-m-warning">
63
+ <span class="pf-v6-c-helper-text__item-icon">
64
64
  <i class="fas fa-fw fa-exclamation-triangle" aria-hidden="true"></i>
65
65
  </span>
66
- <span class="pf-v5-c-helper-text__item-text">This is warning helper text</span>
66
+ <span class="pf-v6-c-helper-text__item-text">This is warning helper text</span>
67
67
  </div>
68
68
  </div>
69
- <div class="pf-v5-c-helper-text">
70
- <div class="pf-v5-c-helper-text__item pf-m-success">
71
- <span class="pf-v5-c-helper-text__item-icon">
69
+ <div class="pf-v6-c-helper-text">
70
+ <div class="pf-v6-c-helper-text__item pf-m-success">
71
+ <span class="pf-v6-c-helper-text__item-icon">
72
72
  <i class="fas fa-fw fa-check-circle" aria-hidden="true"></i>
73
73
  </span>
74
- <span class="pf-v5-c-helper-text__item-text">This is success helper text</span>
74
+ <span class="pf-v6-c-helper-text__item-text">This is success helper text</span>
75
75
  </div>
76
76
  </div>
77
- <div class="pf-v5-c-helper-text">
78
- <div class="pf-v5-c-helper-text__item pf-m-error">
79
- <span class="pf-v5-c-helper-text__item-icon">
77
+ <div class="pf-v6-c-helper-text">
78
+ <div class="pf-v6-c-helper-text__item pf-m-error">
79
+ <span class="pf-v6-c-helper-text__item-icon">
80
80
  <i class="fas fa-fw fa-exclamation-circle" aria-hidden="true"></i>
81
81
  </span>
82
- <span class="pf-v5-c-helper-text__item-text">This is error helper text</span>
82
+ <span class="pf-v6-c-helper-text__item-text">This is error helper text</span>
83
83
  </div>
84
84
  </div>
85
85
 
@@ -88,18 +88,18 @@ cssPrefix: pf-v5-c-helper-text
88
88
  ### Multiple static
89
89
 
90
90
  ```html
91
- <div class="pf-v5-c-helper-text">
92
- <div class="pf-v5-c-helper-text__item">
93
- <span class="pf-v5-c-helper-text__item-text">This is default helper text</span>
91
+ <div class="pf-v6-c-helper-text">
92
+ <div class="pf-v6-c-helper-text__item">
93
+ <span class="pf-v6-c-helper-text__item-text">This is default helper text</span>
94
94
  </div>
95
- <div class="pf-v5-c-helper-text__item">
95
+ <div class="pf-v6-c-helper-text__item">
96
96
  <span
97
- class="pf-v5-c-helper-text__item-text"
97
+ class="pf-v6-c-helper-text__item-text"
98
98
  >This is another default helper text in the same block</span>
99
99
  </div>
100
- <div class="pf-v5-c-helper-text__item">
100
+ <div class="pf-v6-c-helper-text__item">
101
101
  <span
102
- class="pf-v5-c-helper-text__item-text"
102
+ class="pf-v6-c-helper-text__item-text"
103
103
  >And this is more default text in the same block</span>
104
104
  </div>
105
105
  </div>
@@ -109,46 +109,46 @@ cssPrefix: pf-v5-c-helper-text
109
109
  ### Dynamic
110
110
 
111
111
  ```html
112
- <div class="pf-v5-c-helper-text">
113
- <div class="pf-v5-c-helper-text__item pf-m-dynamic">
114
- <span class="pf-v5-c-helper-text__item-icon">
112
+ <div class="pf-v6-c-helper-text">
113
+ <div class="pf-v6-c-helper-text__item pf-m-dynamic">
114
+ <span class="pf-v6-c-helper-text__item-icon">
115
115
  <i class="fas fa-fw fa-minus" aria-hidden="true"></i>
116
116
  </span>
117
- <span class="pf-v5-c-helper-text__item-text">This is default helper text</span>
117
+ <span class="pf-v6-c-helper-text__item-text">This is default helper text</span>
118
118
  </div>
119
119
  </div>
120
- <div class="pf-v5-c-helper-text">
121
- <div class="pf-v5-c-helper-text__item pf-m-indeterminate pf-m-dynamic">
122
- <span class="pf-v5-c-helper-text__item-icon">
120
+ <div class="pf-v6-c-helper-text">
121
+ <div class="pf-v6-c-helper-text__item pf-m-indeterminate pf-m-dynamic">
122
+ <span class="pf-v6-c-helper-text__item-icon">
123
123
  <i class="fas fa-fw fa-minus" aria-hidden="true"></i>
124
124
  </span>
125
125
  <span
126
- class="pf-v5-c-helper-text__item-text"
126
+ class="pf-v6-c-helper-text__item-text"
127
127
  >This is indeterminate helper text</span>
128
128
  </div>
129
129
  </div>
130
- <div class="pf-v5-c-helper-text">
131
- <div class="pf-v5-c-helper-text__item pf-m-warning pf-m-dynamic">
132
- <span class="pf-v5-c-helper-text__item-icon">
130
+ <div class="pf-v6-c-helper-text">
131
+ <div class="pf-v6-c-helper-text__item pf-m-warning pf-m-dynamic">
132
+ <span class="pf-v6-c-helper-text__item-icon">
133
133
  <i class="fas fa-fw fa-exclamation-triangle" aria-hidden="true"></i>
134
134
  </span>
135
- <span class="pf-v5-c-helper-text__item-text">This is warning helper text</span>
135
+ <span class="pf-v6-c-helper-text__item-text">This is warning helper text</span>
136
136
  </div>
137
137
  </div>
138
- <div class="pf-v5-c-helper-text">
139
- <div class="pf-v5-c-helper-text__item pf-m-success pf-m-dynamic">
140
- <span class="pf-v5-c-helper-text__item-icon">
138
+ <div class="pf-v6-c-helper-text">
139
+ <div class="pf-v6-c-helper-text__item pf-m-success pf-m-dynamic">
140
+ <span class="pf-v6-c-helper-text__item-icon">
141
141
  <i class="fas fa-fw fa-check-circle" aria-hidden="true"></i>
142
142
  </span>
143
- <span class="pf-v5-c-helper-text__item-text">This is success helper text</span>
143
+ <span class="pf-v6-c-helper-text__item-text">This is success helper text</span>
144
144
  </div>
145
145
  </div>
146
- <div class="pf-v5-c-helper-text">
147
- <div class="pf-v5-c-helper-text__item pf-m-error pf-m-dynamic">
148
- <span class="pf-v5-c-helper-text__item-icon">
146
+ <div class="pf-v6-c-helper-text">
147
+ <div class="pf-v6-c-helper-text__item pf-m-error pf-m-dynamic">
148
+ <span class="pf-v6-c-helper-text__item-icon">
149
149
  <i class="fas fa-fw fa-exclamation-circle" aria-hidden="true"></i>
150
150
  </span>
151
- <span class="pf-v5-c-helper-text__item-text">This is error helper text</span>
151
+ <span class="pf-v6-c-helper-text__item-text">This is error helper text</span>
152
152
  </div>
153
153
  </div>
154
154
 
@@ -157,27 +157,27 @@ cssPrefix: pf-v5-c-helper-text
157
157
  ### Dynamic list
158
158
 
159
159
  ```html
160
- <div class="pf-v5-c-helper-text">
161
- <div class="pf-v5-c-helper-text__item pf-m-success pf-m-dynamic">
162
- <span class="pf-v5-c-helper-text__item-icon">
160
+ <div class="pf-v6-c-helper-text">
161
+ <div class="pf-v6-c-helper-text__item pf-m-success pf-m-dynamic">
162
+ <span class="pf-v6-c-helper-text__item-icon">
163
163
  <i class="fas fa-fw fa-check-circle" aria-hidden="true"></i>
164
164
  </span>
165
- <span class="pf-v5-c-helper-text__item-text">Must be at least 14 characters</span>
165
+ <span class="pf-v6-c-helper-text__item-text">Must be at least 14 characters</span>
166
166
  </div>
167
- <div class="pf-v5-c-helper-text__item pf-m-error pf-m-dynamic">
168
- <span class="pf-v5-c-helper-text__item-icon">
167
+ <div class="pf-v6-c-helper-text__item pf-m-error pf-m-dynamic">
168
+ <span class="pf-v6-c-helper-text__item-icon">
169
169
  <i class="fas fa-fw fa-exclamation-circle" aria-hidden="true"></i>
170
170
  </span>
171
171
  <span
172
- class="pf-v5-c-helper-text__item-text"
172
+ class="pf-v6-c-helper-text__item-text"
173
173
  >Cannot contain any variation of the word "redhat"</span>
174
174
  </div>
175
- <div class="pf-v5-c-helper-text__item pf-m-success pf-m-dynamic">
176
- <span class="pf-v5-c-helper-text__item-icon">
175
+ <div class="pf-v6-c-helper-text__item pf-m-success pf-m-dynamic">
176
+ <span class="pf-v6-c-helper-text__item-icon">
177
177
  <i class="fas fa-fw fa-check-circle" aria-hidden="true"></i>
178
178
  </span>
179
179
  <span
180
- class="pf-v5-c-helper-text__item-text"
180
+ class="pf-v6-c-helper-text__item-text"
181
181
  >Must include at least 3 of the following: lowercase letter, uppercase letters, numbers, symbols</span>
182
182
  </div>
183
183
  </div>