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

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 +5 -5
  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/CodeEditor/examples/CodeEditor.md CHANGED
@@ -7,44 +7,44 @@ cssPrefix: pf-v5-c-code-editor
7
7
  ### Default
8
8
 
9
9
  ```html
10
- <div class="pf-v5-c-code-editor">
11
- <div class="pf-v5-c-code-editor__header">
12
- <div class="pf-v5-c-code-editor__header-content">
13
- <div class="pf-v5-c-code-editor__controls">
10
+ <div class="pf-v6-c-code-editor">
11
+ <div class="pf-v6-c-code-editor__header">
12
+ <div class="pf-v6-c-code-editor__header-content">
13
+ <div class="pf-v6-c-code-editor__controls">
14
14
  <button
15
- class="pf-v5-c-button pf-m-plain"
15
+ class="pf-v6-c-button pf-m-plain"
16
16
  type="button"
17
17
  aria-label="Copy to clipboard"
18
18
  >
19
19
  <i class="fas fa-copy" aria-hidden="true"></i>
20
20
  </button>
21
21
  <button
22
- class="pf-v5-c-button pf-m-plain"
22
+ class="pf-v6-c-button pf-m-plain"
23
23
  type="button"
24
24
  aria-label="Download code"
25
25
  >
26
26
  <i class="fas fa-download"></i>
27
27
  </button>
28
28
  <button
29
- class="pf-v5-c-button pf-m-plain"
29
+ class="pf-v6-c-button pf-m-plain"
30
30
  type="button"
31
31
  aria-label="Upload code"
32
32
  >
33
33
  <i class="fas fa-upload"></i>
34
34
  </button>
35
35
  </div>
36
- <div class="pf-v5-c-code-editor__header-main"></div>
36
+ <div class="pf-v6-c-code-editor__header-main"></div>
37
37
  </div>
38
- <div class="pf-v5-c-code-editor__tab">
39
- <span class="pf-v5-c-code-editor__tab-icon">
38
+ <div class="pf-v6-c-code-editor__tab">
39
+ <span class="pf-v6-c-code-editor__tab-icon">
40
40
  <i class="fas fa-code"></i>
41
41
  </span>
42
- <span class="pf-v5-c-code-editor__tab-text">HTML</span>
42
+ <span class="pf-v6-c-code-editor__tab-text">HTML</span>
43
43
  </div>
44
44
  </div>
45
- <div class="pf-v5-c-code-editor__main">
46
- <code dir="ltr" class="pf-v5-c-code-editor__code">
47
- <pre class="pf-v5-c-code-editor__code-pre">
45
+ <div class="pf-v6-c-code-editor__main">
46
+ <code dir="ltr" class="pf-v6-c-code-editor__code">
47
+ <pre class="pf-v6-c-code-editor__code-pre">
48
48
  code goes here
49
49
  </pre>
50
50
  </code>
@@ -56,26 +56,26 @@ cssPrefix: pf-v5-c-code-editor
56
56
  ### Read-only
57
57
 
58
58
  ```html
59
- <div class="pf-v5-c-code-editor pf-m-read-only">
60
- <div class="pf-v5-c-code-editor__header">
61
- <div class="pf-v5-c-code-editor__header-content">
62
- <div class="pf-v5-c-code-editor__controls">
59
+ <div class="pf-v6-c-code-editor pf-m-read-only">
60
+ <div class="pf-v6-c-code-editor__header">
61
+ <div class="pf-v6-c-code-editor__header-content">
62
+ <div class="pf-v6-c-code-editor__controls">
63
63
  <button
64
- class="pf-v5-c-button pf-m-plain"
64
+ class="pf-v6-c-button pf-m-plain"
65
65
  type="button"
66
66
  aria-label="Copy to clipboard"
67
67
  >
68
68
  <i class="fas fa-copy" aria-hidden="true"></i>
69
69
  </button>
70
70
  <button
71
- class="pf-v5-c-button pf-m-plain"
71
+ class="pf-v6-c-button pf-m-plain"
72
72
  type="button"
73
73
  aria-label="Download code"
74
74
  >
75
75
  <i class="fas fa-download"></i>
76
76
  </button>
77
77
  <button
78
- class="pf-v5-c-button pf-m-plain"
78
+ class="pf-v6-c-button pf-m-plain"
79
79
  type="button"
80
80
  aria-label="Upload code"
81
81
  disabled
@@ -83,18 +83,18 @@ cssPrefix: pf-v5-c-code-editor
83
83
  <i class="fas fa-upload"></i>
84
84
  </button>
85
85
  </div>
86
- <div class="pf-v5-c-code-editor__header-main"></div>
86
+ <div class="pf-v6-c-code-editor__header-main"></div>
87
87
  </div>
88
- <div class="pf-v5-c-code-editor__tab">
89
- <span class="pf-v5-c-code-editor__tab-icon">
88
+ <div class="pf-v6-c-code-editor__tab">
89
+ <span class="pf-v6-c-code-editor__tab-icon">
90
90
  <i class="fas fa-code"></i>
91
91
  </span>
92
- <span class="pf-v5-c-code-editor__tab-text">HTML</span>
92
+ <span class="pf-v6-c-code-editor__tab-text">HTML</span>
93
93
  </div>
94
94
  </div>
95
- <div class="pf-v5-c-code-editor__main">
96
- <code dir="ltr" class="pf-v5-c-code-editor__code">
97
- <pre class="pf-v5-c-code-editor__code-pre">
95
+ <div class="pf-v6-c-code-editor__main">
96
+ <code dir="ltr" class="pf-v6-c-code-editor__code">
97
+ <pre class="pf-v6-c-code-editor__code-pre">
98
98
  code goes here
99
99
  </pre>
100
100
  </code>
@@ -106,40 +106,40 @@ cssPrefix: pf-v5-c-code-editor
106
106
  ### Without actions
107
107
 
108
108
  ```html
109
- <div class="pf-v5-c-code-editor">
110
- <div class="pf-v5-c-code-editor__header">
111
- <div class="pf-v5-c-code-editor__header-main"></div>
112
- <div class="pf-v5-c-code-editor__tab">
113
- <span class="pf-v5-c-code-editor__tab-icon">
109
+ <div class="pf-v6-c-code-editor">
110
+ <div class="pf-v6-c-code-editor__header">
111
+ <div class="pf-v6-c-code-editor__header-main"></div>
112
+ <div class="pf-v6-c-code-editor__tab">
113
+ <span class="pf-v6-c-code-editor__tab-icon">
114
114
  <i class="fas fa-code" aria-hidden="true"></i>
115
115
  </span>
116
- <span class="pf-v5-c-code-editor__tab-text">YAML</span>
116
+ <span class="pf-v6-c-code-editor__tab-text">YAML</span>
117
117
  </div>
118
118
  </div>
119
- <div class="pf-v5-c-code-editor__main">
120
- <div class="pf-v5-c-code-editor__upload">
121
- <div class="pf-v5-c-empty-state">
122
- <div class="pf-v5-c-empty-state__content">
123
- <div class="pf-v5-c-empty-state__header">
124
- <div class="pf-v5-c-empty-state__icon">
119
+ <div class="pf-v6-c-code-editor__main">
120
+ <div class="pf-v6-c-code-editor__upload">
121
+ <div class="pf-v6-c-empty-state">
122
+ <div class="pf-v6-c-empty-state__content">
123
+ <div class="pf-v6-c-empty-state__header">
124
+ <div class="pf-v6-c-empty-state__icon">
125
125
  <i class="fas fa- fa-code" aria-hidden="true"></i>
126
126
  </div>
127
- <div class="pf-v5-c-empty-state__title">
128
- <h1 class="pf-v5-c-empty-state__title-text">Start editing</h1>
127
+ <div class="pf-v6-c-empty-state__title">
128
+ <h1 class="pf-v6-c-empty-state__title-text">Start editing</h1>
129
129
  </div>
130
130
  </div>
131
131
 
132
132
  <div
133
- class="pf-v5-c-empty-state__body"
133
+ class="pf-v6-c-empty-state__body"
134
134
  >Drag a file here or browse to upload.</div>
135
135
 
136
- <div class="pf-v5-c-empty-state__footer">
137
- <div class="pf-v5-c-empty-state__actions">
138
- <button class="pf-v5-c-button pf-m-primary" type="button">Browse</button>
136
+ <div class="pf-v6-c-empty-state__footer">
137
+ <div class="pf-v6-c-empty-state__actions">
138
+ <button class="pf-v6-c-button pf-m-primary" type="button">Browse</button>
139
139
  </div>
140
- <div class="pf-v5-c-empty-state__actions">
140
+ <div class="pf-v6-c-empty-state__actions">
141
141
  <button
142
- class="pf-v5-c-button pf-m-link"
142
+ class="pf-v6-c-button pf-m-link"
143
143
  type="button"
144
144
  >Start from scratch</button>
145
145
  </div>
@@ -155,40 +155,40 @@ cssPrefix: pf-v5-c-code-editor
155
155
  ### Drag file and hover over component
156
156
 
157
157
  ```html
158
- <div class="pf-v5-c-code-editor">
159
- <div class="pf-v5-c-code-editor__header">
160
- <div class="pf-v5-c-code-editor__header-main"></div>
161
- <div class="pf-v5-c-code-editor__tab">
162
- <span class="pf-v5-c-code-editor__tab-icon">
158
+ <div class="pf-v6-c-code-editor">
159
+ <div class="pf-v6-c-code-editor__header">
160
+ <div class="pf-v6-c-code-editor__header-main"></div>
161
+ <div class="pf-v6-c-code-editor__tab">
162
+ <span class="pf-v6-c-code-editor__tab-icon">
163
163
  <i class="fas fa-code" aria-hidden="true"></i>
164
164
  </span>
165
- <span class="pf-v5-c-code-editor__tab-text">YAML</span>
165
+ <span class="pf-v6-c-code-editor__tab-text">YAML</span>
166
166
  </div>
167
167
  </div>
168
- <div class="pf-v5-c-code-editor__main pf-m-drag-hover">
169
- <div class="pf-v5-c-code-editor__upload">
170
- <div class="pf-v5-c-empty-state">
171
- <div class="pf-v5-c-empty-state__content">
172
- <div class="pf-v5-c-empty-state__header">
173
- <div class="pf-v5-c-empty-state__icon">
168
+ <div class="pf-v6-c-code-editor__main pf-m-drag-hover">
169
+ <div class="pf-v6-c-code-editor__upload">
170
+ <div class="pf-v6-c-empty-state">
171
+ <div class="pf-v6-c-empty-state__content">
172
+ <div class="pf-v6-c-empty-state__header">
173
+ <div class="pf-v6-c-empty-state__icon">
174
174
  <i class="fas fa- fa-code" aria-hidden="true"></i>
175
175
  </div>
176
- <div class="pf-v5-c-empty-state__title">
177
- <h1 class="pf-v5-c-empty-state__title-text">Start editing</h1>
176
+ <div class="pf-v6-c-empty-state__title">
177
+ <h1 class="pf-v6-c-empty-state__title-text">Start editing</h1>
178
178
  </div>
179
179
  </div>
180
180
 
181
181
  <div
182
- class="pf-v5-c-empty-state__body"
182
+ class="pf-v6-c-empty-state__body"
183
183
  >Drag a file here or browse to upload.</div>
184
184
 
185
- <div class="pf-v5-c-empty-state__footer">
186
- <div class="pf-v5-c-empty-state__actions">
187
- <button class="pf-v5-c-button pf-m-primary" type="button">Browse</button>
185
+ <div class="pf-v6-c-empty-state__footer">
186
+ <div class="pf-v6-c-empty-state__actions">
187
+ <button class="pf-v6-c-button pf-m-primary" type="button">Browse</button>
188
188
  </div>
189
- <div class="pf-v5-c-empty-state__actions">
189
+ <div class="pf-v6-c-empty-state__actions">
190
190
  <button
191
- class="pf-v5-c-button pf-m-link"
191
+ class="pf-v6-c-button pf-m-link"
192
192
  type="button"
193
193
  >Start from scratch</button>
194
194
  </div>
@@ -204,52 +204,52 @@ cssPrefix: pf-v5-c-code-editor
204
204
  ### With optional header content and keyboard shortcuts
205
205
 
206
206
  ```html
207
- <div class="pf-v5-c-code-editor">
208
- <div class="pf-v5-c-code-editor__header">
209
- <div class="pf-v5-c-code-editor__header-content">
210
- <div class="pf-v5-c-code-editor__controls">
207
+ <div class="pf-v6-c-code-editor">
208
+ <div class="pf-v6-c-code-editor__header">
209
+ <div class="pf-v6-c-code-editor__header-content">
210
+ <div class="pf-v6-c-code-editor__controls">
211
211
  <button
212
- class="pf-v5-c-button pf-m-plain"
212
+ class="pf-v6-c-button pf-m-plain"
213
213
  type="button"
214
214
  aria-label="Copy to clipboard"
215
215
  >
216
216
  <i class="fas fa-copy" aria-hidden="true"></i>
217
217
  </button>
218
218
  <button
219
- class="pf-v5-c-button pf-m-plain"
219
+ class="pf-v6-c-button pf-m-plain"
220
220
  type="button"
221
221
  aria-label="Download code"
222
222
  >
223
223
  <i class="fas fa-download"></i>
224
224
  </button>
225
225
  <button
226
- class="pf-v5-c-button pf-m-plain"
226
+ class="pf-v6-c-button pf-m-plain"
227
227
  type="button"
228
228
  aria-label="Upload code"
229
229
  >
230
230
  <i class="fas fa-upload"></i>
231
231
  </button>
232
232
  </div>
233
- <div class="pf-v5-c-code-editor__header-main">Header main content</div>
234
- <div class="pf-v5-c-code-editor__keyboard-shortcuts">
235
- <button class="pf-v5-c-button pf-m-link" type="button">
236
- <span class="pf-v5-c-button__icon pf-m-start">
233
+ <div class="pf-v6-c-code-editor__header-main">Header main content</div>
234
+ <div class="pf-v6-c-code-editor__keyboard-shortcuts">
235
+ <button class="pf-v6-c-button pf-m-link" type="button">
236
+ <span class="pf-v6-c-button__icon pf-m-start">
237
237
  <i class="pf-v5-pficon pf-v5-pficon-help" aria-hidden="true"></i>
238
238
  </span>
239
239
  View shortcuts
240
240
  </button>
241
241
  </div>
242
242
  </div>
243
- <div class="pf-v5-c-code-editor__tab">
244
- <span class="pf-v5-c-code-editor__tab-icon">
243
+ <div class="pf-v6-c-code-editor__tab">
244
+ <span class="pf-v6-c-code-editor__tab-icon">
245
245
  <i class="fas fa-code"></i>
246
246
  </span>
247
- <span class="pf-v5-c-code-editor__tab-text">HTML</span>
247
+ <span class="pf-v6-c-code-editor__tab-text">HTML</span>
248
248
  </div>
249
249
  </div>
250
- <div class="pf-v5-c-code-editor__main">
251
- <code dir="ltr" class="pf-v5-c-code-editor__code">
252
- <pre class="pf-v5-c-code-editor__code-pre">
250
+ <div class="pf-v6-c-code-editor__main">
251
+ <code dir="ltr" class="pf-v6-c-code-editor__code">
252
+ <pre class="pf-v6-c-code-editor__code-pre">
253
253
  code goes here
254
254
  </pre>
255
255
  </code>
package/docs/components/Content/examples/Content.md CHANGED
@@ -7,7 +7,7 @@ cssPrefix: pf-v5-c-content
7
7
  ### Basic
8
8
 
9
9
  ```html
10
- <div class="pf-v5-c-content">
10
+ <div class="pf-v6-c-content">
11
11
  <h1>Hello world</h1>
12
12
  <p>
13
13
  Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla accumsan, metus ultrices eleifend gravida, nulla nunc varius