@patternfly/patternfly 6.0.0-alpha.3 → 6.0.0-alpha.30

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 (320) hide show
  1. package/README.md +13 -3
  2. package/assets/icons/iconUnicodes.json +1 -0
  3. package/assets/images/PF-Backdrop.svg +1 -0
  4. package/assets/images/PF-IconLogo-Reverse.svg +14 -0
  5. package/assets/images/PF-IconLogo.svg +17 -0
  6. package/assets/images/logo__pf--reverse-on-md.svg +1 -1
  7. package/assets/images/pf-c-brand__logo-on-lg-white.svg +32 -0
  8. package/assets/images/pf-c-brand__logo-on-md-white.svg +42 -0
  9. package/assets/images/pf-c-brand__logo-on-sm-white.svg +17 -0
  10. package/assets/images/pf-c-brand__logo-on-sm.svg +1 -1
  11. package/assets/images/pf-c-brand__logo-on-xl-white.svg +39 -0
  12. package/assets/images/pf_logo_white.hbs +35 -0
  13. package/assets/images/pf_logo_white.svg +38 -0
  14. package/assets/pficon/pf-v5-pficon.woff2 +0 -0
  15. package/assets/pficon/pficon.scss +6 -129
  16. package/base/_common.scss +29 -4
  17. package/base/_globals.scss +5 -9
  18. package/base/_variables.scss +8 -6
  19. package/base/patternfly-common.css +24 -6
  20. package/base/patternfly-globals.css +5 -5
  21. package/base/patternfly-icons.css +5 -1
  22. package/base/patternfly-pf-icons.css +5 -1
  23. package/base/patternfly-variables.css +886 -771
  24. package/base/tokens/_tokens-dark.scss +322 -265
  25. package/base/tokens/_tokens-default.scss +426 -306
  26. package/base/tokens/_tokens-font.scss +59 -35
  27. package/base/tokens/_tokens-palette.scss +69 -71
  28. package/base/tokens/_workspace-overrides.scss +7 -0
  29. package/components/AboutModalBox/about-modal-box.css +80 -108
  30. package/components/AboutModalBox/about-modal-box.scss +64 -78
  31. package/components/Accordion/accordion.css +96 -175
  32. package/components/Accordion/accordion.scss +106 -193
  33. package/components/ActionList/action-list.css +2 -2
  34. package/components/ActionList/action-list.scss +2 -2
  35. package/components/Alert/alert-group.css +27 -20
  36. package/components/Alert/alert-group.scss +27 -20
  37. package/components/Alert/alert.css +74 -95
  38. package/components/Alert/alert.scss +76 -89
  39. package/components/AppLauncher/app-launcher.css +32 -23
  40. package/components/AppLauncher/app-launcher.scss +32 -23
  41. package/components/BackToTop/back-to-top.css +17 -15
  42. package/components/BackToTop/back-to-top.scss +14 -13
  43. package/components/Backdrop/backdrop.css +2 -2
  44. package/components/Backdrop/backdrop.scss +2 -2
  45. package/components/BackgroundImage/background-image.css +6 -3
  46. package/components/BackgroundImage/background-image.scss +8 -3
  47. package/components/Badge/badge.css +25 -17
  48. package/components/Badge/badge.scss +27 -19
  49. package/components/Banner/banner.css +91 -69
  50. package/components/Banner/banner.scss +95 -34
  51. package/components/Breadcrumb/breadcrumb.css +28 -19
  52. package/components/Breadcrumb/breadcrumb.scss +26 -19
  53. package/components/Button/button.css +35 -23
  54. package/components/Button/button.scss +36 -26
  55. package/components/Button/themes/dark/button.scss +1 -1
  56. package/components/CalendarMonth/calendar-month.css +25 -15
  57. package/components/CalendarMonth/calendar-month.scss +23 -15
  58. package/components/Card/card.css +25 -17
  59. package/components/Card/card.scss +24 -17
  60. package/components/Check/check.css +12 -10
  61. package/components/Check/check.scss +17 -12
  62. package/components/Chip/chip-group.css +6 -6
  63. package/components/Chip/chip-group.scss +6 -6
  64. package/components/Chip/chip.css +16 -9
  65. package/components/Chip/chip.scss +17 -9
  66. package/components/ClipboardCopy/clipboard-copy.css +19 -10
  67. package/components/ClipboardCopy/clipboard-copy.scss +16 -8
  68. package/components/ClipboardCopy/themes/dark/clipboard-copy.scss +2 -2
  69. package/components/CodeBlock/code-block.css +6 -3
  70. package/components/CodeBlock/code-block.scss +6 -3
  71. package/components/CodeEditor/code-editor.css +31 -22
  72. package/components/CodeEditor/code-editor.scss +30 -21
  73. package/components/CodeEditor/themes/dark/code-editor.scss +1 -1
  74. package/components/Content/content.css +100 -97
  75. package/components/Content/content.scss +101 -98
  76. package/components/ContextSelector/context-selector.css +41 -26
  77. package/components/ContextSelector/context-selector.scss +40 -25
  78. package/components/ContextSelector/themes/dark/context-selector.scss +1 -1
  79. package/components/DataList/data-list-grid.css +21 -21
  80. package/components/DataList/data-list-grid.scss +3 -3
  81. package/components/DataList/data-list.css +69 -56
  82. package/components/DataList/data-list.scss +47 -35
  83. package/components/DatePicker/date-picker.css +8 -8
  84. package/components/DatePicker/date-picker.scss +8 -8
  85. package/components/DescriptionList/description-list.css +8 -5
  86. package/components/DescriptionList/description-list.scss +8 -5
  87. package/components/DragDrop/drag-drop.css +8 -8
  88. package/components/DragDrop/drag-drop.scss +8 -8
  89. package/components/Drawer/drawer.css +120 -62
  90. package/components/Drawer/drawer.scss +94 -44
  91. package/components/Dropdown/dropdown.css +76 -69
  92. package/components/Dropdown/dropdown.scss +67 -62
  93. package/components/DualListSelector/dual-list-selector.css +29 -15
  94. package/components/DualListSelector/dual-list-selector.scss +30 -15
  95. package/components/EmptyState/empty-state.css +7 -4
  96. package/components/EmptyState/empty-state.scss +7 -4
  97. package/components/ExpandableSection/expandable-section.css +75 -59
  98. package/components/ExpandableSection/expandable-section.scss +81 -72
  99. package/components/FileUpload/file-upload.css +9 -15
  100. package/components/FileUpload/file-upload.scss +9 -15
  101. package/components/Form/form.css +53 -50
  102. package/components/Form/form.scss +46 -44
  103. package/components/FormControl/form-control.css +18 -9
  104. package/components/FormControl/form-control.scss +18 -9
  105. package/components/HelperText/helper-text.css +1 -1
  106. package/components/HelperText/helper-text.scss +1 -1
  107. package/components/Hint/hint.css +37 -27
  108. package/components/Hint/hint.scss +37 -30
  109. package/components/Icon/icon.css +1 -1
  110. package/components/Icon/icon.scss +1 -1
  111. package/components/InlineEdit/inline-edit.css +9 -9
  112. package/components/InlineEdit/inline-edit.scss +9 -9
  113. package/components/InputGroup/input-group.css +12 -6
  114. package/components/InputGroup/input-group.scss +11 -5
  115. package/components/InputGroup/themes/dark/input-group.scss +1 -1
  116. package/components/JumpLinks/jump-links.css +27 -24
  117. package/components/JumpLinks/jump-links.scss +26 -24
  118. package/components/Label/label-group.css +13 -10
  119. package/components/Label/label-group.scss +13 -10
  120. package/components/Label/label.css +9 -9
  121. package/components/Label/label.scss +9 -9
  122. package/components/List/list.css +25 -25
  123. package/components/List/list.scss +26 -26
  124. package/components/LogViewer/log-viewer.css +14 -14
  125. package/components/LogViewer/log-viewer.scss +14 -14
  126. package/components/Login/login.css +104 -122
  127. package/components/Login/login.scss +92 -91
  128. package/components/Masthead/masthead.css +68 -125
  129. package/components/Masthead/masthead.scss +123 -153
  130. package/components/Menu/menu.css +82 -65
  131. package/components/Menu/menu.scss +85 -69
  132. package/components/MenuToggle/menu-toggle.css +89 -100
  133. package/components/MenuToggle/menu-toggle.scss +92 -112
  134. package/components/ModalBox/modal-box.css +76 -69
  135. package/components/ModalBox/modal-box.scss +74 -70
  136. package/components/MultipleFileUpload/multiple-file-upload.css +11 -8
  137. package/components/MultipleFileUpload/multiple-file-upload.scss +11 -8
  138. package/components/Nav/nav.css +162 -133
  139. package/components/Nav/nav.scss +162 -135
  140. package/components/Nav/themes/dark/nav.scss +2 -2
  141. package/components/NotificationBadge/notification-badge.css +66 -85
  142. package/components/NotificationBadge/notification-badge.scss +72 -103
  143. package/components/NotificationDrawer/notification-drawer.css +32 -19
  144. package/components/NotificationDrawer/notification-drawer.scss +30 -19
  145. package/components/NumberInput/number-input.css +2 -2
  146. package/components/NumberInput/number-input.scss +2 -2
  147. package/components/OptionsMenu/options-menu.css +43 -31
  148. package/components/OptionsMenu/options-menu.scss +43 -31
  149. package/components/OverflowMenu/overflow-menu.css +2 -2
  150. package/components/OverflowMenu/overflow-menu.scss +2 -2
  151. package/components/Page/page.css +232 -271
  152. package/components/Page/page.scss +180 -231
  153. package/components/Pagination/pagination.css +27 -17
  154. package/components/Pagination/pagination.scss +25 -17
  155. package/components/Panel/panel.css +13 -7
  156. package/components/Panel/panel.scss +13 -7
  157. package/components/Popover/popover.css +110 -87
  158. package/components/Popover/popover.scss +120 -109
  159. package/components/Progress/progress.css +9 -7
  160. package/components/Progress/progress.scss +12 -7
  161. package/components/ProgressStepper/progress-stepper.css +26 -20
  162. package/components/ProgressStepper/progress-stepper.scss +25 -19
  163. package/components/Radio/radio.css +16 -13
  164. package/components/Radio/radio.scss +20 -14
  165. package/components/Select/select.css +56 -47
  166. package/components/Select/select.scss +56 -47
  167. package/components/Sidebar/sidebar.css +11 -5
  168. package/components/Sidebar/sidebar.scss +11 -5
  169. package/components/SimpleList/simple-list.css +10 -4
  170. package/components/SimpleList/simple-list.scss +10 -4
  171. package/components/Skeleton/skeleton.css +6 -5
  172. package/components/Skeleton/skeleton.scss +4 -5
  173. package/components/SkipToContent/skip-to-content.css +9 -6
  174. package/components/SkipToContent/skip-to-content.scss +8 -6
  175. package/components/Slider/slider.css +47 -26
  176. package/components/Slider/slider.scss +56 -28
  177. package/components/Switch/switch.css +10 -6
  178. package/components/Switch/switch.scss +11 -7
  179. package/components/TabContent/tab-content.css +4 -1
  180. package/components/TabContent/tab-content.scss +4 -1
  181. package/components/Table/table-grid.css +264 -203
  182. package/components/Table/table-grid.scss +61 -47
  183. package/components/Table/table-scrollable.css +4 -4
  184. package/components/Table/table-scrollable.scss +6 -4
  185. package/components/Table/table-tree-view.css +112 -105
  186. package/components/Table/table-tree-view.scss +38 -33
  187. package/components/Table/table.css +176 -159
  188. package/components/Table/table.scss +177 -165
  189. package/components/Tabs/tabs.css +76 -48
  190. package/components/Tabs/tabs.scss +74 -48
  191. package/components/TextInputGroup/text-input-group.css +15 -15
  192. package/components/TextInputGroup/text-input-group.scss +15 -15
  193. package/components/Tile/tile.css +10 -10
  194. package/components/Tile/tile.scss +10 -10
  195. package/components/Title/title.css +70 -19
  196. package/components/Title/title.scss +90 -20
  197. package/components/ToggleGroup/toggle-group.css +14 -11
  198. package/components/ToggleGroup/toggle-group.scss +14 -11
  199. package/components/Toolbar/toolbar.css +57 -44
  200. package/components/Toolbar/toolbar.scss +45 -26
  201. package/components/Tooltip/tooltip.css +76 -44
  202. package/components/Tooltip/tooltip.scss +93 -77
  203. package/components/TreeView/tree-view.css +48 -27
  204. package/components/TreeView/tree-view.scss +50 -28
  205. package/components/Truncate/truncate.css +9 -0
  206. package/components/Truncate/truncate.scss +16 -3
  207. package/components/Wizard/wizard.css +57 -36
  208. package/components/Wizard/wizard.scss +57 -36
  209. package/docs/components/AboutModalBox/examples/AboutModalBox.md +2 -2
  210. package/docs/components/Accordion/examples/Accordion.md +614 -416
  211. package/docs/components/Alert/examples/Alert.md +1 -1
  212. package/docs/components/Badge/examples/Badge.md +21 -0
  213. package/docs/components/Banner/examples/Banner.md +48 -25
  214. package/docs/components/Brand/examples/Brand.css +12 -0
  215. package/docs/components/Brand/examples/Brand.md +75 -32
  216. package/docs/components/Button/examples/Button.css +2 -2
  217. package/docs/components/Button/examples/Button.md +15 -3
  218. package/docs/components/Card/examples/Card.md +125 -17
  219. package/docs/components/Check/examples/Check.md +71 -59
  220. package/docs/components/Chip/examples/Chip.md +1 -1
  221. package/docs/components/ClipboardCopy/examples/ClipboardCopy.md +106 -0
  222. package/docs/components/CodeEditor/examples/CodeEditor.md +3 -3
  223. package/docs/components/DragDrop/examples/DragDrop.css +2 -2
  224. package/docs/components/Dropdown/deprecated/Dropdown.css +1 -1
  225. package/docs/components/DualListSelector/examples/DualListSelector.md +64 -16
  226. package/docs/components/ExpandableSection/examples/ExpandableSection.md +47 -24
  227. package/docs/components/Label/examples/Label.md +1 -1
  228. package/docs/components/LogViewer/examples/LogViewer.css +2 -2
  229. package/docs/components/LogViewer/examples/LogViewer.md +250 -160
  230. package/docs/components/Login/examples/Login.md +5 -0
  231. package/docs/components/Masthead/examples/masthead.md +7 -54
  232. package/docs/components/Menu/examples/Menu.css +8 -0
  233. package/docs/components/Menu/examples/Menu.md +594 -543
  234. package/docs/components/MenuToggle/examples/MenuToggle.md +151 -138
  235. package/docs/components/ModalBox/examples/ModalBox.css +3 -8
  236. package/docs/components/Nav/examples/Navigation.css +3 -25
  237. package/docs/components/Nav/examples/Navigation.md +239 -113
  238. package/docs/components/NotificationBadge/examples/NotificationBadge.md +5 -7
  239. package/docs/components/OptionsMenu/deprecated/options-menu.md +12 -3
  240. package/docs/components/Page/examples/Page.css +0 -8
  241. package/docs/components/Page/examples/Page.md +22 -21
  242. package/docs/components/Popover/examples/Popover.css +4 -9
  243. package/docs/components/Popover/examples/Popover.md +1 -1
  244. package/docs/components/Radio/examples/Radio.md +63 -55
  245. package/docs/components/Select/deprecated/Select.md +184 -177
  246. package/docs/components/Table/examples/Table.css +2 -2
  247. package/docs/components/Table/examples/Table.md +2 -2
  248. package/docs/components/TextInputGroup/examples/TextInputGroup.css +1 -1
  249. package/docs/components/TextInputGroup/examples/TextInputGroup.md +9 -9
  250. package/docs/components/Tile/examples/Tile.css +1 -1
  251. package/docs/components/Title/examples/Title.md +18 -0
  252. package/docs/components/Toolbar/examples/Toolbar.md +570 -2803
  253. package/docs/components/Tooltip/examples/Tooltip.css +4 -0
  254. package/docs/components/Tooltip/examples/Tooltip.md +3 -1
  255. package/docs/components/Truncate/examples/Truncate.md +2 -2
  256. package/docs/demos/AboutModal/examples/AboutModal.md +85 -10
  257. package/docs/demos/Alert/examples/Alert.md +249 -24
  258. package/docs/demos/BackToTop/examples/BackToTop.md +83 -8
  259. package/docs/demos/Banner/examples/Banner.md +168 -16
  260. package/docs/demos/Card/examples/Card.css +3 -3
  261. package/docs/demos/Card/examples/Card.md +28 -12
  262. package/docs/demos/CardView/examples/CardView.md +139 -79
  263. package/docs/demos/ContextSelector/examples/ContextSelector.md +332 -32
  264. package/docs/demos/Dashboard/examples/Dashboard.md +86 -11
  265. package/docs/demos/DataList/examples/DataList.md +524 -354
  266. package/docs/demos/DescriptionList/examples/DescriptionList.md +249 -24
  267. package/docs/demos/Drawer/examples/Drawer.md +415 -40
  268. package/docs/demos/JumpLinks/examples/JumpLinks.md +498 -48
  269. package/docs/demos/Masthead/examples/Masthead.md +793 -277
  270. package/docs/demos/Modal/examples/Modal.md +498 -48
  271. package/docs/demos/Nav/examples/Nav.md +664 -64
  272. package/docs/demos/NotificationDrawer/examples/NotificationDrawer.md +420 -40
  273. package/docs/demos/Page/examples/Page.md +747 -72
  274. package/docs/demos/Page/examples/Penta.md +746 -0
  275. package/docs/demos/PasswordGenerator/examples/PasswordGenerator.md +2 -1
  276. package/docs/demos/PrimaryDetail/examples/PrimaryDetail.md +824 -451
  277. package/docs/demos/Skeleton/examples/Skeleton.md +90 -43
  278. package/docs/demos/Table/examples/Table.md +2313 -1887
  279. package/docs/demos/Tabs/examples/Tabs.md +528 -71
  280. package/docs/demos/Toolbar/examples/Toolbar.css +15 -0
  281. package/docs/demos/Toolbar/examples/Toolbar.md +870 -1044
  282. package/docs/demos/Wizard/examples/Wizard.md +747 -72
  283. package/docs/layouts/Flex/examples/Flex.md +5 -5
  284. package/docs/utilities/BoxShadow/examples/box-shadow.css +5 -5
  285. package/icons/pficons.mjs +1 -0
  286. package/layouts/Flex/flex.css +115 -43
  287. package/layouts/Flex/flex.scss +20 -8
  288. package/package.json +9 -5
  289. package/patternfly-addons.css +732 -972
  290. package/patternfly-base-no-globals-theme-dark-unversioned.css +921 -784
  291. package/patternfly-base-no-globals.css +921 -784
  292. package/patternfly-base-theme-dark-unversioned.css +926 -789
  293. package/patternfly-base.css +926 -789
  294. package/patternfly-no-globals.css +4816 -4221
  295. package/patternfly-theme-dark-unversioned.css +4821 -4226
  296. package/patternfly.css +4821 -4226
  297. package/patternfly.min.css +1 -1
  298. package/patternfly.min.css.map +1 -1
  299. package/sass-utilities/functions.scss +6 -0
  300. package/sass-utilities/mixins.scss +62 -2
  301. package/sass-utilities/scss-variables.scss +8 -8
  302. package/sass-utilities/themes/dark/mixins.scss +3 -1
  303. package/utilities/Accessibility/accessibility.css +12 -12
  304. package/utilities/Spacing/spacing.css +720 -960
  305. package/utilities/Spacing/spacing.scss +4 -8
  306. package/base/themes/dark/_variables.scss +0 -102
  307. package/components/AboutModalBox/themes/dark/about-modal-box.scss +0 -7
  308. package/components/Accordion/themes/dark/accordion.scss +0 -9
  309. package/components/Alert/themes/dark/alert.scss +0 -17
  310. package/components/Badge/themes/dark/badge.scss +0 -9
  311. package/components/Banner/themes/dark/banner.scss +0 -14
  312. package/components/Hint/themes/dark/hint.scss +0 -8
  313. package/components/Login/themes/dark/login.scss +0 -12
  314. package/components/Masthead/themes/dark/masthead.scss +0 -14
  315. package/components/ModalBox/themes/dark/modal-box.scss +0 -7
  316. package/components/NotificationBadge/themes/dark/notification-badge.scss +0 -10
  317. package/components/Page/themes/dark/page.scss +0 -69
  318. package/components/Popover/themes/dark/popover.scss +0 -11
  319. package/components/Tooltip/themes/dark/tooltip.scss +0 -8
  320. package/docs/components/NotificationBadge/examples/NotificationBadge.css +0 -3
package/docs/components/Table/examples/Table.css CHANGED
@@ -5,8 +5,8 @@
5
5
 
6
6
  #ws-core-c-table-th-truncation .pf-v5-c-tooltip {
7
7
  position: absolute;
8
- left: 440px;
9
- top: -18px;
8
+ inset-inline-start: 440px;
9
+ inset-block-start: -18px;
10
10
  }
11
11
 
12
12
  #ws-core-c-table-sticky-header .ws-preview-html {
package/docs/components/Table/examples/Table.md CHANGED
@@ -27051,8 +27051,8 @@ For sticky columns to function correctly, the parent table's width must be contr
27051
27051
  | `.pf-v5-c-scroll-outer-wrapper` | `<div>` | Initiates a table container sticky columns outer wrapper. |
27052
27052
  | `.pf-v5-c-scroll-inner-wrapper` | `<div>` | Initiates a table container sticky columns inner wrapper. |
27053
27053
  | `.pf-v5-c-table__sticky-cell` | `<th>`, `<td>` | Initiates a sticky table cell. |
27054
- | `.pf-m-right` | `.pf-v5-c-table__sticky-cell` | Initiates a sticky, right-hand table cell. |
27055
- | `.pf-m-left` | `.pf-v5-c-table__sticky-cell` | Initiates a sticky, left-hand table cell. |
27054
+ | `.pf-m-right`, `.pf-m-inline-end` | `.pf-v5-c-table__sticky-cell` | Initiates a sticky, right-hand (in LTR) or left-hand (in RTL) table cell. |
27055
+ | `.pf-m-left`, `.pf-m-inline-start` | `.pf-v5-c-table__sticky-cell` | Initiates a sticky, left-hand (in LTR) or right-hand (in RTL) table cell. |
27056
27056
 
27057
27057
  ## Nested column headers
27058
27058
 
package/docs/components/TextInputGroup/examples/TextInputGroup.css CHANGED
@@ -5,7 +5,7 @@
5
5
  .ws-example-wrapper .pf-v5-c-menu,
6
6
  .ws-example-wrapper .pf-v5-c-panel {
7
7
  position: absolute;
8
- top: 40px;
8
+ inset-block-start: 40px;
9
9
  width: 100%;
10
10
  }
11
11
 
package/docs/components/TextInputGroup/examples/TextInputGroup.md CHANGED
@@ -1022,28 +1022,28 @@ cssPrefix: pf-v5-c-text-input-group
1022
1022
  <div class="pf-v5-c-menu">
1023
1023
  <div class="pf-v5-c-menu__content">
1024
1024
  <ul class="pf-v5-c-menu__list" role="menu">
1025
- <li class="pf-v5-c-menu__list-item" role="none">
1025
+ <li class="pf-v5-c-menu__list-item" role="group">
1026
1026
  <button class="pf-v5-c-menu__item" type="button" role="menuitem">
1027
1027
  <span class="pf-v5-c-menu__item-main">
1028
1028
  <span class="pf-v5-c-menu__item-text">apple</span>
1029
1029
  </span>
1030
1030
  </button>
1031
1031
  </li>
1032
- <li class="pf-v5-c-menu__list-item" role="none">
1032
+ <li class="pf-v5-c-menu__list-item" role="group">
1033
1033
  <button class="pf-v5-c-menu__item" type="button" role="menuitem">
1034
1034
  <span class="pf-v5-c-menu__item-main">
1035
1035
  <span class="pf-v5-c-menu__item-text">appleby</span>
1036
1036
  </span>
1037
1037
  </button>
1038
1038
  </li>
1039
- <li class="pf-v5-c-menu__list-item" role="none">
1039
+ <li class="pf-v5-c-menu__list-item" role="group">
1040
1040
  <button class="pf-v5-c-menu__item" type="button" role="menuitem">
1041
1041
  <span class="pf-v5-c-menu__item-main">
1042
1042
  <span class="pf-v5-c-menu__item-text">appleseed</span>
1043
1043
  </span>
1044
1044
  </button>
1045
1045
  </li>
1046
- <li class="pf-v5-c-menu__list-item" role="none">
1046
+ <li class="pf-v5-c-menu__list-item" role="group">
1047
1047
  <button class="pf-v5-c-menu__item" type="button" role="menuitem">
1048
1048
  <span class="pf-v5-c-menu__item-main">
1049
1049
  <span class="pf-v5-c-menu__item-text">appleton</span>
@@ -1088,7 +1088,7 @@ cssPrefix: pf-v5-c-text-input-group
1088
1088
  <div class="pf-v5-c-menu">
1089
1089
  <div class="pf-v5-c-menu__content">
1090
1090
  <ul class="pf-v5-c-menu__list" role="menu">
1091
- <li class="pf-v5-c-menu__list-item" role="none">
1091
+ <li class="pf-v5-c-menu__list-item" role="group">
1092
1092
  <button class="pf-v5-c-menu__item" type="button" role="menuitem">
1093
1093
  <span class="pf-v5-c-menu__item-main">
1094
1094
  <span class="pf-v5-c-menu__item-text">appleseed</span>
@@ -1241,28 +1241,28 @@ cssPrefix: pf-v5-c-text-input-group
1241
1241
  <div class="pf-v5-c-menu">
1242
1242
  <div class="pf-v5-c-menu__content">
1243
1243
  <ul class="pf-v5-c-menu__list" role="menu">
1244
- <li class="pf-v5-c-menu__list-item" role="none">
1244
+ <li class="pf-v5-c-menu__list-item" role="group">
1245
1245
  <button class="pf-v5-c-menu__item" type="button" role="menuitem">
1246
1246
  <span class="pf-v5-c-menu__item-main">
1247
1247
  <span class="pf-v5-c-menu__item-text">nancy</span>
1248
1248
  </span>
1249
1249
  </button>
1250
1250
  </li>
1251
- <li class="pf-v5-c-menu__list-item" role="none">
1251
+ <li class="pf-v5-c-menu__list-item" role="group">
1252
1252
  <button class="pf-v5-c-menu__item" type="button" role="menuitem">
1253
1253
  <span class="pf-v5-c-menu__item-main">
1254
1254
  <span class="pf-v5-c-menu__item-text">ned</span>
1255
1255
  </span>
1256
1256
  </button>
1257
1257
  </li>
1258
- <li class="pf-v5-c-menu__list-item" role="none">
1258
+ <li class="pf-v5-c-menu__list-item" role="group">
1259
1259
  <button class="pf-v5-c-menu__item" type="button" role="menuitem">
1260
1260
  <span class="pf-v5-c-menu__item-main">
1261
1261
  <span class="pf-v5-c-menu__item-text">neil</span>
1262
1262
  </span>
1263
1263
  </button>
1264
1264
  </li>
1265
- <li class="pf-v5-c-menu__list-item" role="none">
1265
+ <li class="pf-v5-c-menu__list-item" role="group">
1266
1266
  <button class="pf-v5-c-menu__item" type="button" role="menuitem">
1267
1267
  <span class="pf-v5-c-menu__item-main">
1268
1268
  <span class="pf-v5-c-menu__item-text">nicole</span>
package/docs/components/Tile/examples/Tile.css CHANGED
@@ -2,7 +2,7 @@
2
2
  #ws-core-c-tile-extra-content .ws-preview-html .pf-v5-c-tile,
3
3
  #ws-core-c-tile-stacked-tiles .ws-preview-html .pf-v5-c-tile,
4
4
  #ws-core-c-tile-stacked-tiles-large .ws-preview-html .pf-v5-c-tile {
5
- margin-right: 8px;
5
+ margin-inline-end: 8px;
6
6
  }
7
7
 
8
8
  #ws-core-c-tile-extra-content .ws-preview-html {
package/docs/components/Title/examples/Title.md CHANGED
@@ -16,6 +16,18 @@ cssPrefix: pf-v5-c-title
16
16
 
17
17
  ```
18
18
 
19
+ ### Heading level modifiers
20
+
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>
28
+
29
+ ```
30
+
19
31
  ## Documentation
20
32
 
21
33
  ### Overview
@@ -44,3 +56,9 @@ The content component defines margin on headers. To regain the same spacing use,
44
56
  | `.pf-m-xl` | `.pf-v5-c-title` | Modifies for xl size |
45
57
  | `.pf-m-lg` | `.pf-v5-c-title` | Modifies for lg size |
46
58
  | `.pf-m-md` | `.pf-v5-c-title` | Modifies for md size |
59
+ | `.pf-m-h1` | `.pf-v5-c-title` | Modifies for default h1 size |
60
+ | `.pf-m-h2` | `.pf-v5-c-title` | Modifies for default h2 size |
61
+ | `.pf-m-h3` | `.pf-v5-c-title` | Modifies for default h3 size |
62
+ | `.pf-m-h4` | `.pf-v5-c-title` | Modifies for default h4 size |
63
+ | `.pf-m-h5` | `.pf-v5-c-title` | Modifies for default h5 size |
64
+ | `.pf-m-h6` | `.pf-v5-c-title` | Modifies for default h6 size |