@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/Tile/examples/Tile.md CHANGED
@@ -9,71 +9,71 @@ cssPrefix: pf-v5-c-tile
9
9
  ### Basic tiles
10
10
 
11
11
  ```html
12
- <div class="pf-v5-c-tile" tabindex="0">
13
- <div class="pf-v5-c-tile__header">
14
- <div class="pf-v5-c-tile__title">Default</div>
12
+ <div class="pf-v6-c-tile" tabindex="0">
13
+ <div class="pf-v6-c-tile__header">
14
+ <div class="pf-v6-c-tile__title">Default</div>
15
15
  </div>
16
16
  </div>
17
- <div class="pf-v5-c-tile pf-m-selected" tabindex="0">
18
- <div class="pf-v5-c-tile__header">
19
- <div class="pf-v5-c-tile__title">Selected</div>
17
+ <div class="pf-v6-c-tile pf-m-selected" tabindex="0">
18
+ <div class="pf-v6-c-tile__header">
19
+ <div class="pf-v6-c-tile__title">Selected</div>
20
20
  </div>
21
21
  </div>
22
- <div class="pf-v5-c-tile pf-m-disabled" tabindex="-1">
23
- <div class="pf-v5-c-tile__header">
24
- <div class="pf-v5-c-tile__title">Disabled</div>
22
+ <div class="pf-v6-c-tile pf-m-disabled" tabindex="-1">
23
+ <div class="pf-v6-c-tile__header">
24
+ <div class="pf-v6-c-tile__title">Disabled</div>
25
25
  </div>
26
26
  </div>
27
27
  <br />
28
28
  <br />
29
29
 
30
- <div class="pf-v5-c-tile" tabindex="0">
31
- <div class="pf-v5-c-tile__header">
32
- <div class="pf-v5-c-tile__title">Default</div>
30
+ <div class="pf-v6-c-tile" tabindex="0">
31
+ <div class="pf-v6-c-tile__header">
32
+ <div class="pf-v6-c-tile__title">Default</div>
33
33
  </div>
34
- <div class="pf-v5-c-tile__body">Subtext goes here</div>
34
+ <div class="pf-v6-c-tile__body">Subtext goes here</div>
35
35
  </div>
36
- <div class="pf-v5-c-tile pf-m-selected" tabindex="0">
37
- <div class="pf-v5-c-tile__header">
38
- <div class="pf-v5-c-tile__title">Selected</div>
36
+ <div class="pf-v6-c-tile pf-m-selected" tabindex="0">
37
+ <div class="pf-v6-c-tile__header">
38
+ <div class="pf-v6-c-tile__title">Selected</div>
39
39
  </div>
40
- <div class="pf-v5-c-tile__body">Subtext goes here</div>
40
+ <div class="pf-v6-c-tile__body">Subtext goes here</div>
41
41
  </div>
42
- <div class="pf-v5-c-tile pf-m-disabled" tabindex="-1">
43
- <div class="pf-v5-c-tile__header">
44
- <div class="pf-v5-c-tile__title">Disabled</div>
42
+ <div class="pf-v6-c-tile pf-m-disabled" tabindex="-1">
43
+ <div class="pf-v6-c-tile__header">
44
+ <div class="pf-v6-c-tile__title">Disabled</div>
45
45
  </div>
46
- <div class="pf-v5-c-tile__body">Subtext goes here</div>
46
+ <div class="pf-v6-c-tile__body">Subtext goes here</div>
47
47
  </div>
48
48
  <br />
49
49
  <br />
50
50
 
51
- <div class="pf-v5-c-tile" tabindex="0">
52
- <div class="pf-v5-c-tile__header">
53
- <div class="pf-v5-c-tile__icon">
51
+ <div class="pf-v6-c-tile" tabindex="0">
52
+ <div class="pf-v6-c-tile__header">
53
+ <div class="pf-v6-c-tile__icon">
54
54
  <i class="fas fa-plus" aria-hidden="true"></i>
55
55
  </div>
56
- <div class="pf-v5-c-tile__title">Default</div>
56
+ <div class="pf-v6-c-tile__title">Default</div>
57
57
  </div>
58
- <div class="pf-v5-c-tile__body">Subtext goes here</div>
58
+ <div class="pf-v6-c-tile__body">Subtext goes here</div>
59
59
  </div>
60
- <div class="pf-v5-c-tile pf-m-selected" tabindex="0">
61
- <div class="pf-v5-c-tile__header">
62
- <div class="pf-v5-c-tile__icon">
60
+ <div class="pf-v6-c-tile pf-m-selected" tabindex="0">
61
+ <div class="pf-v6-c-tile__header">
62
+ <div class="pf-v6-c-tile__icon">
63
63
  <i class="fas fa-plus" aria-hidden="true"></i>
64
64
  </div>
65
- <div class="pf-v5-c-tile__title">Selected</div>
65
+ <div class="pf-v6-c-tile__title">Selected</div>
66
66
  </div>
67
- <div class="pf-v5-c-tile__body">Subtext goes here</div>
67
+ <div class="pf-v6-c-tile__body">Subtext goes here</div>
68
68
  </div>
69
- <div class="pf-v5-c-tile pf-m-disabled" tabindex="-1">
70
- <div class="pf-v5-c-tile__header">
71
- <div class="pf-v5-c-tile__icon">
69
+ <div class="pf-v6-c-tile pf-m-disabled" tabindex="-1">
70
+ <div class="pf-v6-c-tile__header">
71
+ <div class="pf-v6-c-tile__icon">
72
72
  <i class="fas fa-plus" aria-hidden="true"></i>
73
73
  </div>
74
- <div class="pf-v5-c-tile__title">Disabled</div>
74
+ <div class="pf-v6-c-tile__title">Disabled</div>
75
75
  </div>
76
- <div class="pf-v5-c-tile__body">Subtext goes here</div>
76
+ <div class="pf-v6-c-tile__body">Subtext goes here</div>
77
77
  </div>
78
78
 
79
79
  ```
@@ -81,39 +81,39 @@ cssPrefix: pf-v5-c-tile
81
81
  ### Stacked tiles
82
82
 
83
83
  ```html
84
- <div class="pf-v5-c-tile" tabindex="0">
85
- <div class="pf-v5-c-tile__header pf-m-stacked">
86
- <div class="pf-v5-c-tile__icon">
84
+ <div class="pf-v6-c-tile" tabindex="0">
85
+ <div class="pf-v6-c-tile__header pf-m-stacked">
86
+ <div class="pf-v6-c-tile__icon">
87
87
  <i class="fas fa-bell" aria-hidden="true"></i>
88
88
  </div>
89
- <div class="pf-v5-c-tile__title">Default</div>
89
+ <div class="pf-v6-c-tile__title">Default</div>
90
90
  </div>
91
- <div class="pf-v5-c-tile__body">Subtext goes here</div>
91
+ <div class="pf-v6-c-tile__body">Subtext goes here</div>
92
92
  </div>
93
- <div class="pf-v5-c-tile pf-m-selected" tabindex="0">
94
- <div class="pf-v5-c-tile__header pf-m-stacked">
95
- <div class="pf-v5-c-tile__icon">
93
+ <div class="pf-v6-c-tile pf-m-selected" tabindex="0">
94
+ <div class="pf-v6-c-tile__header pf-m-stacked">
95
+ <div class="pf-v6-c-tile__icon">
96
96
  <i class="fas fa-bell" aria-hidden="true"></i>
97
97
  </div>
98
- <div class="pf-v5-c-tile__title">Selected</div>
98
+ <div class="pf-v6-c-tile__title">Selected</div>
99
99
  </div>
100
- <div class="pf-v5-c-tile__body">Subtext goes here</div>
100
+ <div class="pf-v6-c-tile__body">Subtext goes here</div>
101
101
  </div>
102
- <div class="pf-v5-c-tile pf-m-disabled" tabindex="-1">
103
- <div class="pf-v5-c-tile__header pf-m-stacked">
104
- <div class="pf-v5-c-tile__icon">
102
+ <div class="pf-v6-c-tile pf-m-disabled" tabindex="-1">
103
+ <div class="pf-v6-c-tile__header pf-m-stacked">
104
+ <div class="pf-v6-c-tile__icon">
105
105
  <i class="fas fa-bell" aria-hidden="true"></i>
106
106
  </div>
107
- <div class="pf-v5-c-tile__title">Disabled</div>
107
+ <div class="pf-v6-c-tile__title">Disabled</div>
108
108
  </div>
109
- <div class="pf-v5-c-tile__body">Subtext goes here</div>
109
+ <div class="pf-v6-c-tile__body">Subtext goes here</div>
110
110
  </div>
111
111
  <br />
112
112
  <br />
113
113
 
114
- <div class="pf-v5-c-tile" tabindex="0">
115
- <div class="pf-v5-c-tile__header pf-m-stacked">
116
- <div class="pf-v5-c-tile__icon">
114
+ <div class="pf-v6-c-tile" tabindex="0">
115
+ <div class="pf-v6-c-tile__header pf-m-stacked">
116
+ <div class="pf-v6-c-tile__icon">
117
117
  <svg width="1em" height="1em" viewBox="0 0 40 40">
118
118
  <g>
119
119
  <path
@@ -161,13 +161,13 @@ cssPrefix: pf-v5-c-tile
161
161
  </defs>
162
162
  </svg>
163
163
  </div>
164
- <div class="pf-v5-c-tile__title">Default</div>
164
+ <div class="pf-v6-c-tile__title">Default</div>
165
165
  </div>
166
- <div class="pf-v5-c-tile__body">Subtext goes here</div>
166
+ <div class="pf-v6-c-tile__body">Subtext goes here</div>
167
167
  </div>
168
- <div class="pf-v5-c-tile pf-m-selected" tabindex="0">
169
- <div class="pf-v5-c-tile__header pf-m-stacked">
170
- <div class="pf-v5-c-tile__icon">
168
+ <div class="pf-v6-c-tile pf-m-selected" tabindex="0">
169
+ <div class="pf-v6-c-tile__header pf-m-stacked">
170
+ <div class="pf-v6-c-tile__icon">
171
171
  <svg width="1em" height="1em" viewBox="0 0 40 40">
172
172
  <g>
173
173
  <path
@@ -215,13 +215,13 @@ cssPrefix: pf-v5-c-tile
215
215
  </defs>
216
216
  </svg>
217
217
  </div>
218
- <div class="pf-v5-c-tile__title">Selected</div>
218
+ <div class="pf-v6-c-tile__title">Selected</div>
219
219
  </div>
220
- <div class="pf-v5-c-tile__body">Subtext goes here</div>
220
+ <div class="pf-v6-c-tile__body">Subtext goes here</div>
221
221
  </div>
222
- <div class="pf-v5-c-tile pf-m-disabled" tabindex="-1">
223
- <div class="pf-v5-c-tile__header pf-m-stacked">
224
- <div class="pf-v5-c-tile__icon">
222
+ <div class="pf-v6-c-tile pf-m-disabled" tabindex="-1">
223
+ <div class="pf-v6-c-tile__header pf-m-stacked">
224
+ <div class="pf-v6-c-tile__icon">
225
225
  <svg width="1em" height="1em" viewBox="0 0 40 40">
226
226
  <g>
227
227
  <path
@@ -269,16 +269,16 @@ cssPrefix: pf-v5-c-tile
269
269
  </defs>
270
270
  </svg>
271
271
  </div>
272
- <div class="pf-v5-c-tile__title">Disabled</div>
272
+ <div class="pf-v6-c-tile__title">Disabled</div>
273
273
  </div>
274
- <div class="pf-v5-c-tile__body">Subtext goes here</div>
274
+ <div class="pf-v6-c-tile__body">Subtext goes here</div>
275
275
  </div>
276
276
  <br />
277
277
  <br />
278
278
 
279
- <div class="pf-v5-c-tile" tabindex="0">
280
- <div class="pf-v5-c-tile__header pf-m-stacked">
281
- <div class="pf-v5-c-tile__icon">
279
+ <div class="pf-v6-c-tile" tabindex="0">
280
+ <div class="pf-v6-c-tile__header pf-m-stacked">
281
+ <div class="pf-v6-c-tile__icon">
282
282
  <?xml version="1.0" encoding="UTF-8"?>
283
283
  <svg
284
284
  width="2.59em"
@@ -339,13 +339,13 @@ cssPrefix: pf-v5-c-tile
339
339
  </g>
340
340
  </svg>
341
341
  </div>
342
- <div class="pf-v5-c-tile__title">Default</div>
342
+ <div class="pf-v6-c-tile__title">Default</div>
343
343
  </div>
344
- <div class="pf-v5-c-tile__body">Subtext goes here</div>
344
+ <div class="pf-v6-c-tile__body">Subtext goes here</div>
345
345
  </div>
346
- <div class="pf-v5-c-tile" tabindex="0">
347
- <div class="pf-v5-c-tile__header pf-m-stacked">
348
- <div class="pf-v5-c-tile__icon">
346
+ <div class="pf-v6-c-tile" tabindex="0">
347
+ <div class="pf-v6-c-tile__header pf-m-stacked">
348
+ <div class="pf-v6-c-tile__icon">
349
349
  <?xml version="1.0" encoding="utf-8"?>
350
350
  <!-- Generator: Adobe Illustrator 23.0.2, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
351
351
  <svg
@@ -506,9 +506,9 @@ cssPrefix: pf-v5-c-tile
506
506
  />
507
507
  </svg>
508
508
  </div>
509
- <div class="pf-v5-c-tile__title">Default</div>
509
+ <div class="pf-v6-c-tile__title">Default</div>
510
510
  </div>
511
- <div class="pf-v5-c-tile__body">Subtext goes here</div>
511
+ <div class="pf-v6-c-tile__body">Subtext goes here</div>
512
512
  </div>
513
513
 
514
514
  ```
@@ -516,39 +516,39 @@ cssPrefix: pf-v5-c-tile
516
516
  ### Stacked tiles large
517
517
 
518
518
  ```html
519
- <div class="pf-v5-c-tile pf-m-display-lg" tabindex="0">
520
- <div class="pf-v5-c-tile__header pf-m-stacked">
521
- <div class="pf-v5-c-tile__icon">
519
+ <div class="pf-v6-c-tile pf-m-display-lg" tabindex="0">
520
+ <div class="pf-v6-c-tile__header pf-m-stacked">
521
+ <div class="pf-v6-c-tile__icon">
522
522
  <i class="fas fa-bell" aria-hidden="true"></i>
523
523
  </div>
524
- <div class="pf-v5-c-tile__title">Default</div>
524
+ <div class="pf-v6-c-tile__title">Default</div>
525
525
  </div>
526
- <div class="pf-v5-c-tile__body">Subtext goes here</div>
526
+ <div class="pf-v6-c-tile__body">Subtext goes here</div>
527
527
  </div>
528
- <div class="pf-v5-c-tile pf-m-selected pf-m-display-lg" tabindex="0">
529
- <div class="pf-v5-c-tile__header pf-m-stacked">
530
- <div class="pf-v5-c-tile__icon">
528
+ <div class="pf-v6-c-tile pf-m-selected pf-m-display-lg" tabindex="0">
529
+ <div class="pf-v6-c-tile__header pf-m-stacked">
530
+ <div class="pf-v6-c-tile__icon">
531
531
  <i class="fas fa-bell" aria-hidden="true"></i>
532
532
  </div>
533
- <div class="pf-v5-c-tile__title">Selected</div>
533
+ <div class="pf-v6-c-tile__title">Selected</div>
534
534
  </div>
535
- <div class="pf-v5-c-tile__body">Subtext goes here</div>
535
+ <div class="pf-v6-c-tile__body">Subtext goes here</div>
536
536
  </div>
537
- <div class="pf-v5-c-tile pf-m-disabled pf-m-display-lg" tabindex="-1">
538
- <div class="pf-v5-c-tile__header pf-m-stacked">
539
- <div class="pf-v5-c-tile__icon">
537
+ <div class="pf-v6-c-tile pf-m-disabled pf-m-display-lg" tabindex="-1">
538
+ <div class="pf-v6-c-tile__header pf-m-stacked">
539
+ <div class="pf-v6-c-tile__icon">
540
540
  <i class="fas fa-bell" aria-hidden="true"></i>
541
541
  </div>
542
- <div class="pf-v5-c-tile__title">Disabled</div>
542
+ <div class="pf-v6-c-tile__title">Disabled</div>
543
543
  </div>
544
- <div class="pf-v5-c-tile__body">Subtext goes here</div>
544
+ <div class="pf-v6-c-tile__body">Subtext goes here</div>
545
545
  </div>
546
546
  <br />
547
547
  <br />
548
548
 
549
- <div class="pf-v5-c-tile pf-m-display-lg" tabindex="0">
550
- <div class="pf-v5-c-tile__header pf-m-stacked">
551
- <div class="pf-v5-c-tile__icon">
549
+ <div class="pf-v6-c-tile pf-m-display-lg" tabindex="0">
550
+ <div class="pf-v6-c-tile__header pf-m-stacked">
551
+ <div class="pf-v6-c-tile__icon">
552
552
  <svg width="1em" height="1em" viewBox="0 0 40 40">
553
553
  <g>
554
554
  <path
@@ -596,13 +596,13 @@ cssPrefix: pf-v5-c-tile
596
596
  </defs>
597
597
  </svg>
598
598
  </div>
599
- <div class="pf-v5-c-tile__title">Default</div>
599
+ <div class="pf-v6-c-tile__title">Default</div>
600
600
  </div>
601
- <div class="pf-v5-c-tile__body">Subtext goes here</div>
601
+ <div class="pf-v6-c-tile__body">Subtext goes here</div>
602
602
  </div>
603
- <div class="pf-v5-c-tile pf-m-display-lg pf-m-selected" tabindex="0">
604
- <div class="pf-v5-c-tile__header pf-m-stacked">
605
- <div class="pf-v5-c-tile__icon">
603
+ <div class="pf-v6-c-tile pf-m-display-lg pf-m-selected" tabindex="0">
604
+ <div class="pf-v6-c-tile__header pf-m-stacked">
605
+ <div class="pf-v6-c-tile__icon">
606
606
  <svg width="1em" height="1em" viewBox="0 0 40 40">
607
607
  <g>
608
608
  <path
@@ -650,13 +650,13 @@ cssPrefix: pf-v5-c-tile
650
650
  </defs>
651
651
  </svg>
652
652
  </div>
653
- <div class="pf-v5-c-tile__title">Selected</div>
653
+ <div class="pf-v6-c-tile__title">Selected</div>
654
654
  </div>
655
- <div class="pf-v5-c-tile__body">Subtext goes here</div>
655
+ <div class="pf-v6-c-tile__body">Subtext goes here</div>
656
656
  </div>
657
- <div class="pf-v5-c-tile pf-m-disabled pf-m-display-lg" tabindex="-1">
658
- <div class="pf-v5-c-tile__header pf-m-stacked">
659
- <div class="pf-v5-c-tile__icon">
657
+ <div class="pf-v6-c-tile pf-m-disabled pf-m-display-lg" tabindex="-1">
658
+ <div class="pf-v6-c-tile__header pf-m-stacked">
659
+ <div class="pf-v6-c-tile__icon">
660
660
  <svg width="1em" height="1em" viewBox="0 0 40 40">
661
661
  <g>
662
662
  <path
@@ -704,16 +704,16 @@ cssPrefix: pf-v5-c-tile
704
704
  </defs>
705
705
  </svg>
706
706
  </div>
707
- <div class="pf-v5-c-tile__title">Disabled</div>
707
+ <div class="pf-v6-c-tile__title">Disabled</div>
708
708
  </div>
709
- <div class="pf-v5-c-tile__body">Subtext goes here</div>
709
+ <div class="pf-v6-c-tile__body">Subtext goes here</div>
710
710
  </div>
711
711
  <br />
712
712
  <br />
713
713
 
714
- <div class="pf-v5-c-tile pf-m-display-lg" tabindex="0">
715
- <div class="pf-v5-c-tile__header pf-m-stacked">
716
- <div class="pf-v5-c-tile__icon">
714
+ <div class="pf-v6-c-tile pf-m-display-lg" tabindex="0">
715
+ <div class="pf-v6-c-tile__header pf-m-stacked">
716
+ <div class="pf-v6-c-tile__icon">
717
717
  <?xml version="1.0" encoding="UTF-8"?>
718
718
  <svg
719
719
  width="2.59em"
@@ -774,13 +774,13 @@ cssPrefix: pf-v5-c-tile
774
774
  </g>
775
775
  </svg>
776
776
  </div>
777
- <div class="pf-v5-c-tile__title">Default</div>
777
+ <div class="pf-v6-c-tile__title">Default</div>
778
778
  </div>
779
- <div class="pf-v5-c-tile__body">Subtext goes here</div>
779
+ <div class="pf-v6-c-tile__body">Subtext goes here</div>
780
780
  </div>
781
- <div class="pf-v5-c-tile pf-m-display-lg" tabindex="0">
782
- <div class="pf-v5-c-tile__header pf-m-stacked">
783
- <div class="pf-v5-c-tile__icon">
781
+ <div class="pf-v6-c-tile pf-m-display-lg" tabindex="0">
782
+ <div class="pf-v6-c-tile__header pf-m-stacked">
783
+ <div class="pf-v6-c-tile__icon">
784
784
  <?xml version="1.0" encoding="utf-8"?>
785
785
  <!-- Generator: Adobe Illustrator 23.0.2, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
786
786
  <svg
@@ -941,9 +941,9 @@ cssPrefix: pf-v5-c-tile
941
941
  />
942
942
  </svg>
943
943
  </div>
944
- <div class="pf-v5-c-tile__title">Default</div>
944
+ <div class="pf-v6-c-tile__title">Default</div>
945
945
  </div>
946
- <div class="pf-v5-c-tile__body">Subtext goes here</div>
946
+ <div class="pf-v6-c-tile__body">Subtext goes here</div>
947
947
  </div>
948
948
 
949
949
  ```
@@ -951,36 +951,36 @@ cssPrefix: pf-v5-c-tile
951
951
  ### Extra content
952
952
 
953
953
  ```html
954
- <div class="pf-v5-c-tile" tabindex="0">
955
- <div class="pf-v5-c-tile__header pf-m-stacked">
956
- <div class="pf-v5-c-tile__icon">
954
+ <div class="pf-v6-c-tile" tabindex="0">
955
+ <div class="pf-v6-c-tile__header pf-m-stacked">
956
+ <div class="pf-v6-c-tile__icon">
957
957
  <i class="fas fa-bell" aria-hidden="true"></i>
958
958
  </div>
959
- <div class="pf-v5-c-tile__title">Default</div>
959
+ <div class="pf-v6-c-tile__title">Default</div>
960
960
  </div>
961
961
  <div
962
- class="pf-v5-c-tile__body"
962
+ class="pf-v6-c-tile__body"
963
963
  >This is really really long subtext that goes on for so long that it has to wrap to the next line. This is really really long subtext that goes on for so long that it has to wrap to the next line.</div>
964
964
  </div>
965
- <div class="pf-v5-c-tile" tabindex="0">
966
- <div class="pf-v5-c-tile__header pf-m-stacked">
967
- <div class="pf-v5-c-tile__icon">
965
+ <div class="pf-v6-c-tile" tabindex="0">
966
+ <div class="pf-v6-c-tile__header pf-m-stacked">
967
+ <div class="pf-v6-c-tile__icon">
968
968
  <i class="fas fa-bell" aria-hidden="true"></i>
969
969
  </div>
970
- <div class="pf-v5-c-tile__title">Default</div>
970
+ <div class="pf-v6-c-tile__title">Default</div>
971
971
  </div>
972
972
  <div
973
- class="pf-v5-c-tile__body"
973
+ class="pf-v6-c-tile__body"
974
974
  >This is really really long subtext that goes on for so long that it has to wrap to the next line.</div>
975
975
  </div>
976
- <div class="pf-v5-c-tile" tabindex="0">
977
- <div class="pf-v5-c-tile__header pf-m-stacked">
978
- <div class="pf-v5-c-tile__icon">
976
+ <div class="pf-v6-c-tile" tabindex="0">
977
+ <div class="pf-v6-c-tile__header pf-m-stacked">
978
+ <div class="pf-v6-c-tile__icon">
979
979
  <i class="fas fa-bell" aria-hidden="true"></i>
980
980
  </div>
981
- <div class="pf-v5-c-tile__title">Default</div>
981
+ <div class="pf-v6-c-tile__title">Default</div>
982
982
  </div>
983
- <div class="pf-v5-c-tile__body">Subtext goes here</div>
983
+ <div class="pf-v6-c-tile__body">Subtext goes here</div>
984
984
  </div>
985
985
 
986
986
  ```
package/docs/components/Timestamp/examples/Timestamp.md CHANGED
@@ -8,9 +8,9 @@ cssPrefix: pf-v5-c-timestamp
8
8
  ### Basic
9
9
 
10
10
  ```html
11
- <span class="pf-v5-c-timestamp">
11
+ <span class="pf-v6-c-timestamp">
12
12
  <time
13
- class="pf-v5-c-timestamp__text"
13
+ class="pf-v6-c-timestamp__text"
14
14
  datetime="2019-01-21T21:38"
15
15
  >Thursday, 21 January 2019, 9:38 PM EST</time>
16
16
  </span>
@@ -18,9 +18,9 @@ cssPrefix: pf-v5-c-timestamp
18
18
  <br />
19
19
  <br />
20
20
 
21
- <span class="pf-v5-c-timestamp">
21
+ <span class="pf-v6-c-timestamp">
22
22
  <time
23
- class="pf-v5-c-timestamp__text"
23
+ class="pf-v6-c-timestamp__text"
24
24
  datetime="2019-01-21T21:38"
25
25
  >21 January 2019, 9:38 PM EST</time>
26
26
  </span>
@@ -28,9 +28,9 @@ cssPrefix: pf-v5-c-timestamp
28
28
  <br />
29
29
  <br />
30
30
 
31
- <span class="pf-v5-c-timestamp">
31
+ <span class="pf-v6-c-timestamp">
32
32
  <time
33
- class="pf-v5-c-timestamp__text"
33
+ class="pf-v6-c-timestamp__text"
34
34
  datetime="2019-01-21T21:38"
35
35
  >21 Jan. 2019, 9:38 PM EST</time>
36
36
  </span>
@@ -38,15 +38,15 @@ cssPrefix: pf-v5-c-timestamp
38
38
  <br />
39
39
  <br />
40
40
 
41
- <span class="pf-v5-c-timestamp">
42
- <time class="pf-v5-c-timestamp__text" datetime="2022-07-15T10:00">1 hour ago</time>
41
+ <span class="pf-v6-c-timestamp">
42
+ <time class="pf-v6-c-timestamp__text" datetime="2022-07-15T10:00">1 hour ago</time>
43
43
  </span>
44
44
 
45
45
  <br />
46
46
  <br />
47
47
 
48
- <span class="pf-v5-c-timestamp">
49
- <time class="pf-v5-c-timestamp__text" datetime="2022-07-21">Tomorrow</time>
48
+ <span class="pf-v6-c-timestamp">
49
+ <time class="pf-v6-c-timestamp__text" datetime="2022-07-21">Tomorrow</time>
50
50
  </span>
51
51
 
52
52
  ```
package/docs/components/Title/examples/Title.md CHANGED
@@ -7,24 +7,24 @@ cssPrefix: pf-v5-c-title
7
7
  ### Size modifiers
8
8
 
9
9
  ```html
10
- <h1 class="pf-v5-c-title pf-m-4xl">4xl title</h1>
11
- <h1 class="pf-v5-c-title pf-m-3xl">3xl title</h1>
12
- <h1 class="pf-v5-c-title pf-m-2xl">2xl title</h1>
13
- <h1 class="pf-v5-c-title pf-m-xl">xl title</h1>
14
- <h1 class="pf-v5-c-title pf-m-lg">lg title</h1>
15
- <h1 class="pf-v5-c-title pf-m-md">md title</h1>
10
+ <h1 class="pf-v6-c-title pf-m-4xl">4xl title</h1>
11
+ <h1 class="pf-v6-c-title pf-m-3xl">3xl title</h1>
12
+ <h1 class="pf-v6-c-title pf-m-2xl">2xl title</h1>
13
+ <h1 class="pf-v6-c-title pf-m-xl">xl title</h1>
14
+ <h1 class="pf-v6-c-title pf-m-lg">lg title</h1>
15
+ <h1 class="pf-v6-c-title pf-m-md">md title</h1>
16
16
 
17
17
  ```
18
18
 
19
19
  ### Heading level modifiers
20
20
 
21
21
  ```html
22
- <div class="pf-v5-c-title pf-m-h1">H1-styled title</div>
23
- <div class="pf-v5-c-title pf-m-h2">H2-styled title</div>
24
- <div class="pf-v5-c-title pf-m-h3">H3-styled title</div>
25
- <div class="pf-v5-c-title pf-m-h4">H4-styled title</div>
26
- <div class="pf-v5-c-title pf-m-h5">H5-styled title</div>
27
- <div class="pf-v5-c-title pf-m-h6">H6-styled title</div>
22
+ <div class="pf-v6-c-title pf-m-h1">H1-styled title</div>
23
+ <div class="pf-v6-c-title pf-m-h2">H2-styled title</div>
24
+ <div class="pf-v6-c-title pf-m-h3">H3-styled title</div>
25
+ <div class="pf-v6-c-title pf-m-h4">H4-styled title</div>
26
+ <div class="pf-v6-c-title pf-m-h5">H5-styled title</div>
27
+ <div class="pf-v6-c-title pf-m-h6">H6-styled title</div>
28
28
 
29
29
  ```
30
30