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

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 (341) hide show
  1. package/CODE_OF_CONDUCT.md +1 -2
  2. package/assets/images/PF-Backdrop.svg +1 -0
  3. package/assets/images/PF-HorizontalLogo-Color.svg +29 -0
  4. package/assets/images/PF-HorizontalLogo-Reverse.svg +28 -0
  5. package/assets/images/PF-IconLogo-Reverse.svg +14 -0
  6. package/assets/images/PF-IconLogo-color.svg +17 -0
  7. package/assets/images/PF-IconLogo.svg +17 -0
  8. package/assets/images/logo__pf--reverse-on-md.svg +1 -1
  9. package/assets/images/pf-background.svg +22 -0
  10. package/assets/images/pf-c-brand__logo-on-lg-white.svg +32 -0
  11. package/assets/images/pf-c-brand__logo-on-md-white.svg +42 -0
  12. package/assets/images/pf-c-brand__logo-on-sm-white.svg +17 -0
  13. package/assets/images/pf-c-brand__logo-on-sm.svg +1 -1
  14. package/assets/images/pf-c-brand__logo-on-xl-white.svg +39 -0
  15. package/assets/images/pf_logo_white.hbs +35 -0
  16. package/assets/images/pf_logo_white.svg +38 -0
  17. package/base/_common.scss +8 -4
  18. package/base/_globals.scss +4 -6
  19. package/base/_variables.scss +2 -7
  20. package/base/patternfly-common.css +8 -4
  21. package/base/patternfly-globals.css +4 -3
  22. package/base/patternfly-variables.css +1005 -856
  23. package/base/tokens/_tokens-charts.scss +159 -0
  24. package/base/tokens/_tokens-dark.scss +319 -290
  25. package/base/tokens/_tokens-default.scss +485 -329
  26. package/base/tokens/_tokens-font.scss +122 -58
  27. package/base/tokens/_tokens-palette.scss +71 -71
  28. package/base/tokens/_workspace-overrides.scss +7 -0
  29. package/components/AboutModalBox/about-modal-box.css +57 -94
  30. package/components/AboutModalBox/about-modal-box.scss +37 -62
  31. package/components/Accordion/accordion.css +85 -177
  32. package/components/Accordion/accordion.scss +96 -195
  33. package/components/ActionList/action-list.css +18 -17
  34. package/components/ActionList/action-list.scss +26 -16
  35. package/components/Alert/alert-group.css +20 -16
  36. package/components/Alert/alert-group.scss +20 -16
  37. package/components/Alert/alert.css +59 -84
  38. package/components/Alert/alert.scss +62 -78
  39. package/components/Avatar/avatar.css +10 -13
  40. package/components/Avatar/avatar.scss +10 -17
  41. package/components/BackToTop/back-to-top.css +17 -16
  42. package/components/BackToTop/back-to-top.scss +12 -12
  43. package/components/Backdrop/backdrop.css +6 -2
  44. package/components/Backdrop/backdrop.scss +5 -2
  45. package/components/BackgroundImage/background-image.css +5 -1
  46. package/components/BackgroundImage/background-image.scss +5 -1
  47. package/components/Badge/badge.css +23 -15
  48. package/components/Badge/badge.scss +25 -17
  49. package/components/Banner/banner.css +90 -64
  50. package/components/Banner/banner.scss +95 -32
  51. package/components/Breadcrumb/breadcrumb.css +27 -16
  52. package/components/Breadcrumb/breadcrumb.scss +27 -18
  53. package/components/Button/button.css +398 -354
  54. package/components/Button/button.scss +455 -477
  55. package/components/CalendarMonth/calendar-month.css +61 -92
  56. package/components/CalendarMonth/calendar-month.scss +68 -63
  57. package/components/Card/card.css +100 -194
  58. package/components/Card/card.scss +121 -237
  59. package/components/Check/check.css +24 -21
  60. package/components/Check/check.scss +25 -23
  61. package/components/ClipboardCopy/clipboard-copy.css +30 -33
  62. package/components/ClipboardCopy/clipboard-copy.scss +34 -26
  63. package/components/CodeBlock/code-block.css +22 -9
  64. package/components/CodeBlock/code-block.scss +22 -10
  65. package/components/CodeEditor/code-editor.css +94 -72
  66. package/components/CodeEditor/code-editor.scss +104 -82
  67. package/components/Content/content.css +7 -7
  68. package/components/Content/content.scss +7 -7
  69. package/components/DataList/data-list.css +101 -158
  70. package/components/DataList/data-list.scss +95 -154
  71. package/components/DatePicker/date-picker.css +13 -14
  72. package/components/DatePicker/date-picker.scss +12 -16
  73. package/components/DescriptionList/description-list.css +39 -34
  74. package/components/DescriptionList/description-list.scss +25 -25
  75. package/components/Divider/divider.css +91 -169
  76. package/components/Divider/divider.scss +60 -77
  77. package/components/DragDrop/drag-drop.css +18 -14
  78. package/components/DragDrop/drag-drop.scss +18 -17
  79. package/components/Drawer/drawer.css +112 -113
  80. package/components/Drawer/drawer.scss +134 -134
  81. package/components/Dropdown/dropdown.css +1 -3
  82. package/components/Dropdown/dropdown.scss +2 -6
  83. package/components/DualListSelector/dual-list-selector.css +54 -51
  84. package/components/DualListSelector/dual-list-selector.scss +55 -54
  85. package/components/EmptyState/empty-state.css +57 -34
  86. package/components/EmptyState/empty-state.scss +63 -34
  87. package/components/ExpandableSection/expandable-section.css +64 -62
  88. package/components/ExpandableSection/expandable-section.scss +73 -76
  89. package/components/FileUpload/file-upload.css +28 -34
  90. package/components/FileUpload/file-upload.scss +30 -42
  91. package/components/Form/form.css +66 -116
  92. package/components/Form/form.scss +63 -128
  93. package/components/FormControl/form-control.css +86 -111
  94. package/components/FormControl/form-control.scss +88 -92
  95. package/components/HelperText/helper-text.css +28 -34
  96. package/components/HelperText/helper-text.scss +30 -40
  97. package/components/Hint/hint.css +28 -21
  98. package/components/Hint/hint.scss +28 -24
  99. package/components/Icon/icon.css +154 -18
  100. package/components/Icon/icon.scss +187 -20
  101. package/components/InlineEdit/inline-edit.css +8 -7
  102. package/components/InlineEdit/inline-edit.scss +8 -7
  103. package/components/InputGroup/input-group.css +22 -38
  104. package/components/InputGroup/input-group.scss +21 -29
  105. package/components/JumpLinks/jump-links.css +34 -34
  106. package/components/JumpLinks/jump-links.scss +35 -36
  107. package/components/Label/label-group.css +39 -44
  108. package/components/Label/label-group.scss +39 -45
  109. package/components/Label/label.css +378 -355
  110. package/components/Label/label.scss +431 -348
  111. package/components/List/list.css +16 -16
  112. package/components/List/list.scss +17 -17
  113. package/components/Login/login.css +68 -112
  114. package/components/Login/login.scss +54 -82
  115. package/components/Masthead/masthead.css +261 -502
  116. package/components/Masthead/masthead.scss +123 -286
  117. package/components/Menu/menu.css +388 -417
  118. package/components/Menu/menu.scss +370 -525
  119. package/components/MenuToggle/menu-toggle.css +223 -276
  120. package/components/MenuToggle/menu-toggle.scss +322 -390
  121. package/components/ModalBox/modal-box.css +59 -52
  122. package/components/ModalBox/modal-box.scss +57 -53
  123. package/components/MultipleFileUpload/multiple-file-upload.css +77 -50
  124. package/components/MultipleFileUpload/multiple-file-upload.scss +82 -53
  125. package/components/Nav/nav.css +240 -918
  126. package/components/Nav/nav.scss +300 -1082
  127. package/components/NotificationBadge/notification-badge.css +4 -4
  128. package/components/NotificationBadge/notification-badge.scss +4 -4
  129. package/components/NotificationDrawer/notification-drawer.css +104 -115
  130. package/components/NotificationDrawer/notification-drawer.scss +106 -116
  131. package/components/NumberInput/number-input.css +8 -8
  132. package/components/NumberInput/number-input.scss +7 -12
  133. package/components/OverflowMenu/overflow-menu.css +17 -47
  134. package/components/OverflowMenu/overflow-menu.scss +27 -65
  135. package/components/Page/page.css +56 -164
  136. package/components/Page/page.scss +60 -154
  137. package/components/Pagination/pagination.css +57 -124
  138. package/components/Pagination/pagination.scss +40 -128
  139. package/components/Panel/panel.css +27 -23
  140. package/components/Panel/panel.scss +29 -26
  141. package/components/Popover/popover.css +42 -53
  142. package/components/Popover/popover.scss +46 -55
  143. package/components/Progress/progress.css +31 -45
  144. package/components/Progress/progress.scss +36 -55
  145. package/components/ProgressStepper/progress-stepper.css +72 -69
  146. package/components/ProgressStepper/progress-stepper.scss +65 -65
  147. package/components/Radio/radio.css +27 -20
  148. package/components/Radio/radio.scss +28 -22
  149. package/components/Sidebar/sidebar.css +20 -9
  150. package/components/Sidebar/sidebar.scss +23 -11
  151. package/components/SimpleList/simple-list.css +32 -52
  152. package/components/SimpleList/simple-list.scss +37 -51
  153. package/components/Skeleton/skeleton.css +18 -20
  154. package/components/Skeleton/skeleton.scss +17 -21
  155. package/components/SkipToContent/skip-to-content.css +6 -3
  156. package/components/SkipToContent/skip-to-content.scss +8 -6
  157. package/components/Slider/slider.css +34 -30
  158. package/components/Slider/slider.scss +46 -43
  159. package/components/Spinner/spinner.css +17 -34
  160. package/components/Spinner/spinner.scss +19 -47
  161. package/components/Switch/switch.css +42 -38
  162. package/components/Switch/switch.scss +48 -43
  163. package/components/TabContent/tab-content.css +17 -11
  164. package/components/TabContent/tab-content.scss +18 -14
  165. package/components/Table/table-grid.css +31 -47
  166. package/components/Table/table-grid.scss +42 -55
  167. package/components/Table/table-scrollable.css +6 -6
  168. package/components/Table/table-scrollable.scss +8 -8
  169. package/components/Table/table-tree-view.css +81 -74
  170. package/components/Table/table-tree-view.scss +53 -39
  171. package/components/Table/table.css +159 -264
  172. package/components/Table/table.scss +216 -351
  173. package/components/Tabs/tabs.css +142 -175
  174. package/components/Tabs/tabs.scss +158 -218
  175. package/components/TextInputGroup/text-input-group.css +0 -14
  176. package/components/TextInputGroup/text-input-group.scss +3 -16
  177. package/components/Tile/tile.css +40 -81
  178. package/components/Tile/tile.scss +38 -84
  179. package/components/Timestamp/timestamp.css +12 -9
  180. package/components/Timestamp/timestamp.scss +11 -10
  181. package/components/Title/title.css +70 -19
  182. package/components/Title/title.scss +90 -20
  183. package/components/ToggleGroup/toggle-group.css +54 -48
  184. package/components/ToggleGroup/toggle-group.scss +62 -50
  185. package/components/Toolbar/toolbar.css +2527 -1031
  186. package/components/Toolbar/toolbar.scss +233 -520
  187. package/components/Tooltip/tooltip.css +16 -18
  188. package/components/Tooltip/tooltip.scss +20 -24
  189. package/components/TreeView/tree-view.css +76 -97
  190. package/components/TreeView/tree-view.scss +82 -113
  191. package/components/Truncate/truncate.css +4 -0
  192. package/components/Truncate/truncate.scss +3 -0
  193. package/components/Wizard/wizard.css +122 -205
  194. package/components/Wizard/wizard.scss +121 -181
  195. package/docs/components/AboutModalBox/examples/AboutModalBox.md +2 -2
  196. package/docs/components/Accordion/examples/Accordion.md +614 -416
  197. package/docs/components/ActionList/examples/ActionList.md +73 -22
  198. package/docs/components/Alert/examples/Alert.md +3 -3
  199. package/docs/components/Avatar/examples/Avatar.md +5 -19
  200. package/docs/components/BackgroundImage/examples/BackgroundImage.md +1 -1
  201. package/docs/components/Badge/examples/Badge.md +21 -0
  202. package/docs/components/Banner/examples/Banner.md +48 -25
  203. package/docs/components/Brand/examples/Brand.css +12 -0
  204. package/docs/components/Brand/examples/Brand.md +51 -32
  205. package/docs/components/Breadcrumb/examples/Breadcrumb.md +1 -1
  206. package/docs/components/Button/examples/Button.css +4 -0
  207. package/docs/components/Button/examples/Button.md +1439 -113
  208. package/docs/components/CalendarMonth/examples/CalendarMonth.md +44 -220
  209. package/docs/components/Card/examples/Card.md +550 -133
  210. package/docs/components/Check/examples/Check.md +1 -0
  211. package/docs/components/CodeBlock/examples/CodeBlock.md +4 -4
  212. package/docs/components/CodeEditor/examples/CodeEditor.md +144 -132
  213. package/docs/components/Content/examples/Content.md +5 -5
  214. package/docs/components/DatePicker/examples/DatePicker.md +5 -2
  215. package/docs/components/Divider/examples/Divider.css +3 -1
  216. package/docs/components/Divider/examples/Divider.md +30 -5
  217. package/docs/components/DragDrop/examples/DragDrop.css +1 -1
  218. package/docs/components/Drawer/examples/Drawer.md +294 -256
  219. package/docs/components/DualListSelector/examples/DualListSelector.md +18 -18
  220. package/docs/components/EmptyState/examples/EmptyState.md +45 -1
  221. package/docs/components/ExpandableSection/examples/ExpandableSection.md +49 -28
  222. package/docs/components/FileUpload/examples/FileUpload.md +112 -53
  223. package/docs/components/Form/examples/Form.md +134 -89
  224. package/docs/components/Icon/examples/Icon.md +82 -11
  225. package/docs/components/InlineEdit/examples/InlineEdit.md +3 -1
  226. package/docs/components/JumpLinks/examples/JumpLinks.md +280 -168
  227. package/docs/components/Label/examples/Label.css +4 -0
  228. package/docs/components/Label/examples/Label.md +3090 -703
  229. package/docs/components/LogViewer/examples/LogViewer.md +100 -80
  230. package/docs/components/Login/examples/Login.md +160 -105
  231. package/docs/components/Masthead/examples/masthead.md +443 -65
  232. package/docs/components/Menu/examples/Menu.css +7 -11
  233. package/docs/components/Menu/examples/Menu.md +213 -486
  234. package/docs/components/MenuToggle/examples/MenuToggle.md +253 -224
  235. package/docs/components/MultipleFileUpload/examples/MultipleFileUpload.md +9 -9
  236. package/docs/components/Nav/examples/Navigation.css +1 -23
  237. package/docs/components/Nav/examples/Navigation.md +69 -243
  238. package/docs/components/Page/examples/Page.css +0 -8
  239. package/docs/components/Page/examples/Page.md +22 -21
  240. package/docs/components/Pagination/examples/Pagination.md +663 -637
  241. package/docs/components/Panel/examples/Panel.md +12 -0
  242. package/docs/components/Popover/examples/Popover.md +1 -1
  243. package/docs/components/ProgressStepper/examples/ProgressStepper.md +15 -14
  244. package/docs/components/Radio/examples/Radio.md +1 -1
  245. package/docs/components/Sidebar/examples/Sidebar.md +19 -0
  246. package/docs/components/SimpleList/examples/SimpleList.md +3 -3
  247. package/docs/components/TabContent/examples/TabContent.md +10 -10
  248. package/docs/components/Table/examples/Table.md +8 -8
  249. package/docs/components/Tabs/examples/Tabs.css +1 -1
  250. package/docs/components/Tabs/examples/Tabs.md +1025 -826
  251. package/docs/components/Tile/examples/Tile.md +264 -144
  252. package/docs/components/Title/examples/Title.md +18 -0
  253. package/docs/components/Toolbar/examples/Toolbar.css +20 -15
  254. package/docs/components/Toolbar/examples/Toolbar.md +985 -3341
  255. package/docs/components/TreeView/examples/TreeView.md +7 -57
  256. package/docs/components/Truncate/examples/Truncate.css +2 -2
  257. package/docs/components/Wizard/examples/Wizard.md +31 -7
  258. package/docs/demos/AboutModal/examples/AboutModal.md +116 -35
  259. package/docs/demos/Alert/examples/Alert.md +366 -99
  260. package/docs/demos/BackToTop/examples/BackToTop.md +114 -33
  261. package/docs/demos/Banner/examples/Banner.md +235 -68
  262. package/docs/demos/Button/examples/Button.md +1 -1
  263. package/docs/demos/Card/examples/Card.md +2 -2
  264. package/docs/demos/CardView/examples/CardView.md +256 -192
  265. package/docs/demos/ContextSelector/examples/ContextSelector.md +414 -107
  266. package/docs/demos/Dashboard/examples/Dashboard.md +114 -33
  267. package/docs/demos/DataList/examples/DataList.md +1049 -950
  268. package/docs/demos/DescriptionList/examples/DescriptionList.md +342 -99
  269. package/docs/demos/Drawer/examples/Drawer.md +700 -271
  270. package/docs/demos/Form/examples/BasicForms.md +138 -84
  271. package/docs/demos/JumpLinks/examples/JumpLinks.md +989 -409
  272. package/docs/demos/Masthead/examples/Masthead.md +833 -357
  273. package/docs/demos/Modal/examples/Modal.md +717 -222
  274. package/docs/demos/Nav/examples/Nav.md +763 -926
  275. package/docs/demos/NotificationDrawer/examples/NotificationDrawer.md +575 -165
  276. package/docs/demos/Page/examples/Page.md +1050 -309
  277. package/docs/demos/Page/examples/Penta.md +73 -31
  278. package/docs/demos/PasswordGenerator/examples/PasswordGenerator.md +20 -16
  279. package/docs/demos/PasswordStrength/examples/PasswordStrength.md +44 -32
  280. package/docs/demos/PrimaryDetail/examples/PrimaryDetail.md +1276 -861
  281. package/docs/demos/Skeleton/examples/Skeleton.md +114 -33
  282. package/docs/demos/Table/examples/Table.md +4002 -3503
  283. package/docs/demos/Tabs/examples/Tabs.md +711 -219
  284. package/docs/demos/Toolbar/examples/Toolbar.css +10 -0
  285. package/docs/demos/Toolbar/examples/Toolbar.md +1350 -1480
  286. package/docs/demos/Wizard/examples/Wizard.md +1134 -315
  287. package/docs/layouts/Flex/examples/Flex.md +11 -11
  288. package/package.json +32 -32
  289. package/patternfly-base-no-globals-theme-dark-unversioned.css +1021 -868
  290. package/patternfly-base-no-globals.css +1021 -868
  291. package/patternfly-base-theme-dark-unversioned.css +1027 -873
  292. package/patternfly-base.css +1027 -873
  293. package/patternfly-no-globals.css +9048 -8979
  294. package/patternfly-theme-dark-unversioned.css +9051 -8981
  295. package/patternfly.css +9051 -8981
  296. package/patternfly.min.css +1 -1
  297. package/patternfly.min.css.map +1 -1
  298. package/sass-utilities/mixins.scss +18 -0
  299. package/base/themes/dark/_variables.scss +0 -102
  300. package/components/AboutModalBox/themes/dark/about-modal-box.scss +0 -7
  301. package/components/Accordion/themes/dark/accordion.scss +0 -9
  302. package/components/Alert/themes/dark/alert.scss +0 -17
  303. package/components/Badge/themes/dark/badge.scss +0 -9
  304. package/components/Banner/themes/dark/banner.scss +0 -14
  305. package/components/Button/themes/dark/button.scss +0 -51
  306. package/components/CalendarMonth/themes/dark/calendar-month.scss +0 -37
  307. package/components/Card/themes/dark/card.scss +0 -20
  308. package/components/ClipboardCopy/themes/dark/clipboard-copy.scss +0 -19
  309. package/components/CodeEditor/themes/dark/code-editor.scss +0 -14
  310. package/components/DataList/themes/dark/data-list.scss +0 -10
  311. package/components/DatePicker/themes/dark/date-picker.scss +0 -8
  312. package/components/DragDrop/themes/dark/drag-drop.scss +0 -7
  313. package/components/Drawer/themes/dark/drawer.scss +0 -13
  314. package/components/DualListSelector/themes/dark/dual-list-selector.scss +0 -9
  315. package/components/Form/themes/dark/form.scss +0 -7
  316. package/components/FormControl/themes/dark/form-control.scss +0 -24
  317. package/components/HelperText/themes/dark/helper-text.scss +0 -7
  318. package/components/Hint/themes/dark/hint.scss +0 -8
  319. package/components/InputGroup/themes/dark/input-group.scss +0 -22
  320. package/components/Label/themes/dark/label.scss +0 -53
  321. package/components/Login/themes/dark/login.scss +0 -12
  322. package/components/Masthead/themes/dark/masthead.scss +0 -14
  323. package/components/MenuToggle/themes/dark/menu-toggle.scss +0 -27
  324. package/components/ModalBox/themes/dark/modal-box.scss +0 -7
  325. package/components/NotificationDrawer/themes/dark/notification-drawer.scss +0 -14
  326. package/components/Page/themes/dark/page.scss +0 -69
  327. package/components/Pagination/themes/dark/pagination.scss +0 -7
  328. package/components/Panel/themes/dark/panel.scss +0 -7
  329. package/components/Popover/themes/dark/popover.scss +0 -11
  330. package/components/Progress/themes/dark/progress.scss +0 -9
  331. package/components/SimpleList/themes/dark/simple-list.scss +0 -14
  332. package/components/Skeleton/themes/dark/skeleton.scss +0 -10
  333. package/components/Switch/themes/dark/switch.scss +0 -11
  334. package/components/Tabs/themes/dark/tabs.scss +0 -10
  335. package/components/TextInputGroup/themes/dark/text-input-group.scss +0 -11
  336. package/components/Tile/themes/dark/tile.scss +0 -10
  337. package/components/ToggleGroup/themes/dark/toggle-group.scss +0 -12
  338. package/components/Tooltip/themes/dark/tooltip.scss +0 -8
  339. package/components/TreeView/themes/dark/tree-view.scss +0 -8
  340. package/components/Wizard/themes/dark/wizard.scss +0 -12
  341. package/docs/components/Avatar/examples/Avatar.css +0 -3
package/docs/components/LogViewer/examples/LogViewer.md CHANGED
@@ -80,15 +80,17 @@ cssPrefix: pf-v5-c-log-viewer
80
80
  </div>
81
81
  </div>
82
82
  <div class="pf-v5-c-toolbar__group pf-m-toggle-group pf-m-show-on-lg">
83
- <div class="pf-v5-c-toolbar__toggle">
83
+ <div class="pf-v5-c-toolbar__toggle pf-m-show">
84
84
  <button
85
- class="pf-v5-c-button pf-m-plain"
85
+ class="pf-v5-c-menu-toggle pf-m-plain"
86
86
  type="button"
87
- aria-label="Show filters"
88
87
  aria-expanded="false"
88
+ aria-label="Show filters"
89
89
  aria-controls="log-viewer-basic-example-toolbar-expandable-content"
90
90
  >
91
- <i class="fas fa-search" aria-hidden="true"></i>
91
+ <span class="pf-v5-c-menu-toggle__icon">
92
+ <i class="fas fa-search" aria-hidden="true"></i>
93
+ </span>
92
94
  </button>
93
95
  </div>
94
96
  <div
@@ -113,7 +115,7 @@ cssPrefix: pf-v5-c-log-viewer
113
115
  </div>
114
116
  </div>
115
117
  </div>
116
- <div class="pf-v5-c-toolbar__item pf-m-spacer-none">
118
+ <div class="pf-v5-c-toolbar__item pf-m-gap-none">
117
119
  <button class="pf-v5-c-button pf-m-link" type="button">
118
120
  <span class="pf-v5-c-button__icon pf-m-start">
119
121
  <i class="fas fa-pause" aria-hidden="true"></i>
@@ -122,7 +124,7 @@ cssPrefix: pf-v5-c-log-viewer
122
124
  </button>
123
125
  </div>
124
126
  <div
125
- class="pf-v5-c-toolbar__item pf-m-align-right pf-m-hidden-on-lg pf-m-spacer-none"
127
+ class="pf-v5-c-toolbar__item pf-m-align-end pf-m-hidden-on-lg pf-m-gap-none"
126
128
  >
127
129
  <div class="pf-v5-c-dropdown">
128
130
  <button
@@ -330,7 +332,7 @@ cssPrefix: pf-v5-c-log-viewer
330
332
  </div>
331
333
  </div>
332
334
  <div
333
- class="pf-v5-c-toolbar__group pf-m-icon-button-group pf-m-align-right pf-m-hidden pf-m-visible-on-lg"
335
+ class="pf-v5-c-toolbar__group pf-m-icon-button-group pf-m-align-end pf-m-hidden pf-m-visible-on-lg"
334
336
  >
335
337
  <div class="pf-v5-c-toolbar__item">
336
338
  <button class="pf-v5-c-button pf-m-link" type="button">Clear log</button>
@@ -347,7 +349,7 @@ cssPrefix: pf-v5-c-log-viewer
347
349
  <i class="fas fa-cog" aria-hidden="true"></i>
348
350
  </button>
349
351
  <ul
350
- class="pf-v5-c-dropdown__menu pf-m-align-right"
352
+ class="pf-v5-c-dropdown__menu pf-m-align-end"
351
353
  aria-labelledby="log-viewer-basic-example-settings-dropdown-button"
352
354
  hidden
353
355
  role="menu"
@@ -650,15 +652,17 @@ cssPrefix: pf-v5-c-log-viewer
650
652
  </div>
651
653
  </div>
652
654
  <div class="pf-v5-c-toolbar__group pf-m-toggle-group pf-m-show-on-lg">
653
- <div class="pf-v5-c-toolbar__toggle">
655
+ <div class="pf-v5-c-toolbar__toggle pf-m-show">
654
656
  <button
655
- class="pf-v5-c-button pf-m-plain"
657
+ class="pf-v5-c-menu-toggle pf-m-plain"
656
658
  type="button"
657
- aria-label="Show filters"
658
659
  aria-expanded="false"
660
+ aria-label="Show filters"
659
661
  aria-controls="log-viewer-line-number-example-toolbar-expandable-content"
660
662
  >
661
- <i class="fas fa-search" aria-hidden="true"></i>
663
+ <span class="pf-v5-c-menu-toggle__icon">
664
+ <i class="fas fa-search" aria-hidden="true"></i>
665
+ </span>
662
666
  </button>
663
667
  </div>
664
668
  <div
@@ -683,7 +687,7 @@ cssPrefix: pf-v5-c-log-viewer
683
687
  </div>
684
688
  </div>
685
689
  </div>
686
- <div class="pf-v5-c-toolbar__item pf-m-spacer-none">
690
+ <div class="pf-v5-c-toolbar__item pf-m-gap-none">
687
691
  <button class="pf-v5-c-button pf-m-link" type="button">
688
692
  <span class="pf-v5-c-button__icon pf-m-start">
689
693
  <i class="fas fa-pause" aria-hidden="true"></i>
@@ -692,7 +696,7 @@ cssPrefix: pf-v5-c-log-viewer
692
696
  </button>
693
697
  </div>
694
698
  <div
695
- class="pf-v5-c-toolbar__item pf-m-align-right pf-m-hidden-on-lg pf-m-spacer-none"
699
+ class="pf-v5-c-toolbar__item pf-m-align-end pf-m-hidden-on-lg pf-m-gap-none"
696
700
  >
697
701
  <div class="pf-v5-c-dropdown">
698
702
  <button
@@ -900,7 +904,7 @@ cssPrefix: pf-v5-c-log-viewer
900
904
  </div>
901
905
  </div>
902
906
  <div
903
- class="pf-v5-c-toolbar__group pf-m-icon-button-group pf-m-align-right pf-m-hidden pf-m-visible-on-lg"
907
+ class="pf-v5-c-toolbar__group pf-m-icon-button-group pf-m-align-end pf-m-hidden pf-m-visible-on-lg"
904
908
  >
905
909
  <div class="pf-v5-c-toolbar__item">
906
910
  <button class="pf-v5-c-button pf-m-link" type="button">Clear log</button>
@@ -917,7 +921,7 @@ cssPrefix: pf-v5-c-log-viewer
917
921
  <i class="fas fa-cog" aria-hidden="true"></i>
918
922
  </button>
919
923
  <ul
920
- class="pf-v5-c-dropdown__menu pf-m-align-right"
924
+ class="pf-v5-c-dropdown__menu pf-m-align-end"
921
925
  aria-labelledby="log-viewer-line-number-example-settings-dropdown-button"
922
926
  hidden
923
927
  role="menu"
@@ -1220,15 +1224,17 @@ cssPrefix: pf-v5-c-log-viewer
1220
1224
  </div>
1221
1225
  </div>
1222
1226
  <div class="pf-v5-c-toolbar__group pf-m-toggle-group pf-m-show-on-lg">
1223
- <div class="pf-v5-c-toolbar__toggle">
1227
+ <div class="pf-v5-c-toolbar__toggle pf-m-show">
1224
1228
  <button
1225
- class="pf-v5-c-button pf-m-plain"
1229
+ class="pf-v5-c-menu-toggle pf-m-plain"
1226
1230
  type="button"
1227
- aria-label="Show filters"
1228
1231
  aria-expanded="false"
1232
+ aria-label="Show filters"
1229
1233
  aria-controls="log-viewer-line-number-chars-example-toolbar-expandable-content"
1230
1234
  >
1231
- <i class="fas fa-search" aria-hidden="true"></i>
1235
+ <span class="pf-v5-c-menu-toggle__icon">
1236
+ <i class="fas fa-search" aria-hidden="true"></i>
1237
+ </span>
1232
1238
  </button>
1233
1239
  </div>
1234
1240
  <div
@@ -1253,7 +1259,7 @@ cssPrefix: pf-v5-c-log-viewer
1253
1259
  </div>
1254
1260
  </div>
1255
1261
  </div>
1256
- <div class="pf-v5-c-toolbar__item pf-m-spacer-none">
1262
+ <div class="pf-v5-c-toolbar__item pf-m-gap-none">
1257
1263
  <button class="pf-v5-c-button pf-m-link" type="button">
1258
1264
  <span class="pf-v5-c-button__icon pf-m-start">
1259
1265
  <i class="fas fa-pause" aria-hidden="true"></i>
@@ -1262,7 +1268,7 @@ cssPrefix: pf-v5-c-log-viewer
1262
1268
  </button>
1263
1269
  </div>
1264
1270
  <div
1265
- class="pf-v5-c-toolbar__item pf-m-align-right pf-m-hidden-on-lg pf-m-spacer-none"
1271
+ class="pf-v5-c-toolbar__item pf-m-align-end pf-m-hidden-on-lg pf-m-gap-none"
1266
1272
  >
1267
1273
  <div class="pf-v5-c-dropdown">
1268
1274
  <button
@@ -1470,7 +1476,7 @@ cssPrefix: pf-v5-c-log-viewer
1470
1476
  </div>
1471
1477
  </div>
1472
1478
  <div
1473
- class="pf-v5-c-toolbar__group pf-m-icon-button-group pf-m-align-right pf-m-hidden pf-m-visible-on-lg"
1479
+ class="pf-v5-c-toolbar__group pf-m-icon-button-group pf-m-align-end pf-m-hidden pf-m-visible-on-lg"
1474
1480
  >
1475
1481
  <div class="pf-v5-c-toolbar__item">
1476
1482
  <button class="pf-v5-c-button pf-m-link" type="button">Clear log</button>
@@ -1487,7 +1493,7 @@ cssPrefix: pf-v5-c-log-viewer
1487
1493
  <i class="fas fa-cog" aria-hidden="true"></i>
1488
1494
  </button>
1489
1495
  <ul
1490
- class="pf-v5-c-dropdown__menu pf-m-align-right"
1496
+ class="pf-v5-c-dropdown__menu pf-m-align-end"
1491
1497
  aria-labelledby="log-viewer-line-number-chars-example-settings-dropdown-button"
1492
1498
  hidden
1493
1499
  role="menu"
@@ -1790,15 +1796,17 @@ cssPrefix: pf-v5-c-log-viewer
1790
1796
  </div>
1791
1797
  </div>
1792
1798
  <div class="pf-v5-c-toolbar__group pf-m-toggle-group pf-m-show-on-lg">
1793
- <div class="pf-v5-c-toolbar__toggle">
1799
+ <div class="pf-v5-c-toolbar__toggle pf-m-show">
1794
1800
  <button
1795
- class="pf-v5-c-button pf-m-plain"
1801
+ class="pf-v5-c-menu-toggle pf-m-plain"
1796
1802
  type="button"
1797
- aria-label="Show filters"
1798
1803
  aria-expanded="false"
1804
+ aria-label="Show filters"
1799
1805
  aria-controls="log-viewer-text-wrap-example-toolbar-expandable-content"
1800
1806
  >
1801
- <i class="fas fa-search" aria-hidden="true"></i>
1807
+ <span class="pf-v5-c-menu-toggle__icon">
1808
+ <i class="fas fa-search" aria-hidden="true"></i>
1809
+ </span>
1802
1810
  </button>
1803
1811
  </div>
1804
1812
  <div
@@ -1823,7 +1831,7 @@ cssPrefix: pf-v5-c-log-viewer
1823
1831
  </div>
1824
1832
  </div>
1825
1833
  </div>
1826
- <div class="pf-v5-c-toolbar__item pf-m-spacer-none">
1834
+ <div class="pf-v5-c-toolbar__item pf-m-gap-none">
1827
1835
  <button class="pf-v5-c-button pf-m-link" type="button">
1828
1836
  <span class="pf-v5-c-button__icon pf-m-start">
1829
1837
  <i class="fas fa-pause" aria-hidden="true"></i>
@@ -1832,7 +1840,7 @@ cssPrefix: pf-v5-c-log-viewer
1832
1840
  </button>
1833
1841
  </div>
1834
1842
  <div
1835
- class="pf-v5-c-toolbar__item pf-m-align-right pf-m-hidden-on-lg pf-m-spacer-none"
1843
+ class="pf-v5-c-toolbar__item pf-m-align-end pf-m-hidden-on-lg pf-m-gap-none"
1836
1844
  >
1837
1845
  <div class="pf-v5-c-dropdown">
1838
1846
  <button
@@ -2040,7 +2048,7 @@ cssPrefix: pf-v5-c-log-viewer
2040
2048
  </div>
2041
2049
  </div>
2042
2050
  <div
2043
- class="pf-v5-c-toolbar__group pf-m-icon-button-group pf-m-align-right pf-m-hidden pf-m-visible-on-lg"
2051
+ class="pf-v5-c-toolbar__group pf-m-icon-button-group pf-m-align-end pf-m-hidden pf-m-visible-on-lg"
2044
2052
  >
2045
2053
  <div class="pf-v5-c-toolbar__item">
2046
2054
  <button class="pf-v5-c-button pf-m-link" type="button">Clear log</button>
@@ -2057,7 +2065,7 @@ cssPrefix: pf-v5-c-log-viewer
2057
2065
  <i class="fas fa-cog" aria-hidden="true"></i>
2058
2066
  </button>
2059
2067
  <ul
2060
- class="pf-v5-c-dropdown__menu pf-m-align-right"
2068
+ class="pf-v5-c-dropdown__menu pf-m-align-end"
2061
2069
  aria-labelledby="log-viewer-text-wrap-example-settings-dropdown-button"
2062
2070
  hidden
2063
2071
  role="menu"
@@ -2360,15 +2368,17 @@ cssPrefix: pf-v5-c-log-viewer
2360
2368
  </div>
2361
2369
  </div>
2362
2370
  <div class="pf-v5-c-toolbar__group pf-m-toggle-group pf-m-show-on-lg">
2363
- <div class="pf-v5-c-toolbar__toggle">
2371
+ <div class="pf-v5-c-toolbar__toggle pf-m-show">
2364
2372
  <button
2365
- class="pf-v5-c-button pf-m-plain"
2373
+ class="pf-v5-c-menu-toggle pf-m-plain"
2366
2374
  type="button"
2367
- aria-label="Show filters"
2368
2375
  aria-expanded="false"
2376
+ aria-label="Show filters"
2369
2377
  aria-controls="log-viewer-text-nowrap-example-toolbar-expandable-content"
2370
2378
  >
2371
- <i class="fas fa-search" aria-hidden="true"></i>
2379
+ <span class="pf-v5-c-menu-toggle__icon">
2380
+ <i class="fas fa-search" aria-hidden="true"></i>
2381
+ </span>
2372
2382
  </button>
2373
2383
  </div>
2374
2384
  <div
@@ -2393,7 +2403,7 @@ cssPrefix: pf-v5-c-log-viewer
2393
2403
  </div>
2394
2404
  </div>
2395
2405
  </div>
2396
- <div class="pf-v5-c-toolbar__item pf-m-spacer-none">
2406
+ <div class="pf-v5-c-toolbar__item pf-m-gap-none">
2397
2407
  <button class="pf-v5-c-button pf-m-link" type="button">
2398
2408
  <span class="pf-v5-c-button__icon pf-m-start">
2399
2409
  <i class="fas fa-pause" aria-hidden="true"></i>
@@ -2402,7 +2412,7 @@ cssPrefix: pf-v5-c-log-viewer
2402
2412
  </button>
2403
2413
  </div>
2404
2414
  <div
2405
- class="pf-v5-c-toolbar__item pf-m-align-right pf-m-hidden-on-lg pf-m-spacer-none"
2415
+ class="pf-v5-c-toolbar__item pf-m-align-end pf-m-hidden-on-lg pf-m-gap-none"
2406
2416
  >
2407
2417
  <div class="pf-v5-c-dropdown">
2408
2418
  <button
@@ -2610,7 +2620,7 @@ cssPrefix: pf-v5-c-log-viewer
2610
2620
  </div>
2611
2621
  </div>
2612
2622
  <div
2613
- class="pf-v5-c-toolbar__group pf-m-icon-button-group pf-m-align-right pf-m-hidden pf-m-visible-on-lg"
2623
+ class="pf-v5-c-toolbar__group pf-m-icon-button-group pf-m-align-end pf-m-hidden pf-m-visible-on-lg"
2614
2624
  >
2615
2625
  <div class="pf-v5-c-toolbar__item">
2616
2626
  <button class="pf-v5-c-button pf-m-link" type="button">Clear log</button>
@@ -2627,7 +2637,7 @@ cssPrefix: pf-v5-c-log-viewer
2627
2637
  <i class="fas fa-cog" aria-hidden="true"></i>
2628
2638
  </button>
2629
2639
  <ul
2630
- class="pf-v5-c-dropdown__menu pf-m-align-right"
2640
+ class="pf-v5-c-dropdown__menu pf-m-align-end"
2631
2641
  aria-labelledby="log-viewer-text-nowrap-example-settings-dropdown-button"
2632
2642
  hidden
2633
2643
  role="menu"
@@ -2930,15 +2940,17 @@ cssPrefix: pf-v5-c-log-viewer
2930
2940
  </div>
2931
2941
  </div>
2932
2942
  <div class="pf-v5-c-toolbar__group pf-m-toggle-group pf-m-show-on-lg">
2933
- <div class="pf-v5-c-toolbar__toggle">
2943
+ <div class="pf-v5-c-toolbar__toggle pf-m-show">
2934
2944
  <button
2935
- class="pf-v5-c-button pf-m-plain"
2945
+ class="pf-v5-c-menu-toggle pf-m-plain"
2936
2946
  type="button"
2937
- aria-label="Show filters"
2938
2947
  aria-expanded="false"
2948
+ aria-label="Show filters"
2939
2949
  aria-controls="log-viewer-search-results-example-toolbar-expandable-content"
2940
2950
  >
2941
- <i class="fas fa-search" aria-hidden="true"></i>
2951
+ <span class="pf-v5-c-menu-toggle__icon">
2952
+ <i class="fas fa-search" aria-hidden="true"></i>
2953
+ </span>
2942
2954
  </button>
2943
2955
  </div>
2944
2956
  <div
@@ -2990,7 +3002,7 @@ cssPrefix: pf-v5-c-log-viewer
2990
3002
  </div>
2991
3003
  </div>
2992
3004
  </div>
2993
- <div class="pf-v5-c-toolbar__item pf-m-spacer-none">
3005
+ <div class="pf-v5-c-toolbar__item pf-m-gap-none">
2994
3006
  <button class="pf-v5-c-button pf-m-link" type="button">
2995
3007
  <span class="pf-v5-c-button__icon pf-m-start">
2996
3008
  <i class="fas fa-pause" aria-hidden="true"></i>
@@ -2999,7 +3011,7 @@ cssPrefix: pf-v5-c-log-viewer
2999
3011
  </button>
3000
3012
  </div>
3001
3013
  <div
3002
- class="pf-v5-c-toolbar__item pf-m-align-right pf-m-hidden-on-lg pf-m-spacer-none"
3014
+ class="pf-v5-c-toolbar__item pf-m-align-end pf-m-hidden-on-lg pf-m-gap-none"
3003
3015
  >
3004
3016
  <div class="pf-v5-c-dropdown">
3005
3017
  <button
@@ -3207,7 +3219,7 @@ cssPrefix: pf-v5-c-log-viewer
3207
3219
  </div>
3208
3220
  </div>
3209
3221
  <div
3210
- class="pf-v5-c-toolbar__group pf-m-icon-button-group pf-m-align-right pf-m-hidden pf-m-visible-on-lg"
3222
+ class="pf-v5-c-toolbar__group pf-m-icon-button-group pf-m-align-end pf-m-hidden pf-m-visible-on-lg"
3211
3223
  >
3212
3224
  <div class="pf-v5-c-toolbar__item">
3213
3225
  <button class="pf-v5-c-button pf-m-link" type="button">Clear log</button>
@@ -3224,7 +3236,7 @@ cssPrefix: pf-v5-c-log-viewer
3224
3236
  <i class="fas fa-cog" aria-hidden="true"></i>
3225
3237
  </button>
3226
3238
  <ul
3227
- class="pf-v5-c-dropdown__menu pf-m-align-right"
3239
+ class="pf-v5-c-dropdown__menu pf-m-align-end"
3228
3240
  aria-labelledby="log-viewer-search-results-example-settings-dropdown-button"
3229
3241
  hidden
3230
3242
  role="menu"
@@ -3570,15 +3582,17 @@ cssPrefix: pf-v5-c-log-viewer
3570
3582
  </div>
3571
3583
  </div>
3572
3584
  <div class="pf-v5-c-toolbar__group pf-m-toggle-group pf-m-show-on-lg">
3573
- <div class="pf-v5-c-toolbar__toggle">
3585
+ <div class="pf-v5-c-toolbar__toggle pf-m-show">
3574
3586
  <button
3575
- class="pf-v5-c-button pf-m-plain"
3587
+ class="pf-v5-c-menu-toggle pf-m-plain"
3576
3588
  type="button"
3577
- aria-label="Show filters"
3578
3589
  aria-expanded="false"
3590
+ aria-label="Show filters"
3579
3591
  aria-controls="log-viewer-max-height-example-toolbar-expandable-content"
3580
3592
  >
3581
- <i class="fas fa-search" aria-hidden="true"></i>
3593
+ <span class="pf-v5-c-menu-toggle__icon">
3594
+ <i class="fas fa-search" aria-hidden="true"></i>
3595
+ </span>
3582
3596
  </button>
3583
3597
  </div>
3584
3598
  <div
@@ -3603,7 +3617,7 @@ cssPrefix: pf-v5-c-log-viewer
3603
3617
  </div>
3604
3618
  </div>
3605
3619
  </div>
3606
- <div class="pf-v5-c-toolbar__item pf-m-spacer-none">
3620
+ <div class="pf-v5-c-toolbar__item pf-m-gap-none">
3607
3621
  <button class="pf-v5-c-button pf-m-link" type="button">
3608
3622
  <span class="pf-v5-c-button__icon pf-m-start">
3609
3623
  <i class="fas fa-pause" aria-hidden="true"></i>
@@ -3612,7 +3626,7 @@ cssPrefix: pf-v5-c-log-viewer
3612
3626
  </button>
3613
3627
  </div>
3614
3628
  <div
3615
- class="pf-v5-c-toolbar__item pf-m-align-right pf-m-hidden-on-lg pf-m-spacer-none"
3629
+ class="pf-v5-c-toolbar__item pf-m-align-end pf-m-hidden-on-lg pf-m-gap-none"
3616
3630
  >
3617
3631
  <div class="pf-v5-c-dropdown">
3618
3632
  <button
@@ -3820,7 +3834,7 @@ cssPrefix: pf-v5-c-log-viewer
3820
3834
  </div>
3821
3835
  </div>
3822
3836
  <div
3823
- class="pf-v5-c-toolbar__group pf-m-icon-button-group pf-m-align-right pf-m-hidden pf-m-visible-on-lg"
3837
+ class="pf-v5-c-toolbar__group pf-m-icon-button-group pf-m-align-end pf-m-hidden pf-m-visible-on-lg"
3824
3838
  >
3825
3839
  <div class="pf-v5-c-toolbar__item">
3826
3840
  <button class="pf-v5-c-button pf-m-link" type="button">Clear log</button>
@@ -3837,7 +3851,7 @@ cssPrefix: pf-v5-c-log-viewer
3837
3851
  <i class="fas fa-cog" aria-hidden="true"></i>
3838
3852
  </button>
3839
3853
  <ul
3840
- class="pf-v5-c-dropdown__menu pf-m-align-right"
3854
+ class="pf-v5-c-dropdown__menu pf-m-align-end"
3841
3855
  aria-labelledby="log-viewer-max-height-example-settings-dropdown-button"
3842
3856
  hidden
3843
3857
  role="menu"
@@ -4140,15 +4154,17 @@ cssPrefix: pf-v5-c-log-viewer
4140
4154
  </div>
4141
4155
  </div>
4142
4156
  <div class="pf-v5-c-toolbar__group pf-m-toggle-group pf-m-show-on-lg">
4143
- <div class="pf-v5-c-toolbar__toggle">
4157
+ <div class="pf-v5-c-toolbar__toggle pf-m-show">
4144
4158
  <button
4145
- class="pf-v5-c-button pf-m-plain"
4159
+ class="pf-v5-c-menu-toggle pf-m-plain"
4146
4160
  type="button"
4147
- aria-label="Show filters"
4148
4161
  aria-expanded="false"
4162
+ aria-label="Show filters"
4149
4163
  aria-controls="log-viewer-dropdowns-expanded-example-toolbar-expandable-content"
4150
4164
  >
4151
- <i class="fas fa-search" aria-hidden="true"></i>
4165
+ <span class="pf-v5-c-menu-toggle__icon">
4166
+ <i class="fas fa-search" aria-hidden="true"></i>
4167
+ </span>
4152
4168
  </button>
4153
4169
  </div>
4154
4170
  <div
@@ -4173,7 +4189,7 @@ cssPrefix: pf-v5-c-log-viewer
4173
4189
  </div>
4174
4190
  </div>
4175
4191
  </div>
4176
- <div class="pf-v5-c-toolbar__item pf-m-spacer-none">
4192
+ <div class="pf-v5-c-toolbar__item pf-m-gap-none">
4177
4193
  <button class="pf-v5-c-button pf-m-link" type="button">
4178
4194
  <span class="pf-v5-c-button__icon pf-m-start">
4179
4195
  <i class="fas fa-pause" aria-hidden="true"></i>
@@ -4182,7 +4198,7 @@ cssPrefix: pf-v5-c-log-viewer
4182
4198
  </button>
4183
4199
  </div>
4184
4200
  <div
4185
- class="pf-v5-c-toolbar__item pf-m-align-right pf-m-hidden-on-lg pf-m-spacer-none"
4201
+ class="pf-v5-c-toolbar__item pf-m-align-end pf-m-hidden-on-lg pf-m-gap-none"
4186
4202
  >
4187
4203
  <div class="pf-v5-c-dropdown pf-m-expanded">
4188
4204
  <button
@@ -4389,7 +4405,7 @@ cssPrefix: pf-v5-c-log-viewer
4389
4405
  </div>
4390
4406
  </div>
4391
4407
  <div
4392
- class="pf-v5-c-toolbar__group pf-m-icon-button-group pf-m-align-right pf-m-hidden pf-m-visible-on-lg"
4408
+ class="pf-v5-c-toolbar__group pf-m-icon-button-group pf-m-align-end pf-m-hidden pf-m-visible-on-lg"
4393
4409
  >
4394
4410
  <div class="pf-v5-c-toolbar__item">
4395
4411
  <button class="pf-v5-c-button pf-m-link" type="button">Clear log</button>
@@ -4406,7 +4422,7 @@ cssPrefix: pf-v5-c-log-viewer
4406
4422
  <i class="fas fa-cog" aria-hidden="true"></i>
4407
4423
  </button>
4408
4424
  <ul
4409
- class="pf-v5-c-dropdown__menu pf-m-align-right"
4425
+ class="pf-v5-c-dropdown__menu pf-m-align-end"
4410
4426
  aria-labelledby="log-viewer-dropdowns-expanded-example-settings-dropdown-button"
4411
4427
  role="menu"
4412
4428
  >
@@ -4708,15 +4724,17 @@ cssPrefix: pf-v5-c-log-viewer
4708
4724
  </div>
4709
4725
  </div>
4710
4726
  <div class="pf-v5-c-toolbar__group pf-m-toggle-group pf-m-show-on-lg">
4711
- <div class="pf-v5-c-toolbar__toggle">
4727
+ <div class="pf-v5-c-toolbar__toggle pf-m-show">
4712
4728
  <button
4713
- class="pf-v5-c-button pf-m-plain"
4729
+ class="pf-v5-c-menu-toggle pf-m-plain"
4714
4730
  type="button"
4715
- aria-label="Show filters"
4716
4731
  aria-expanded="false"
4732
+ aria-label="Show filters"
4717
4733
  aria-controls="log-viewer-popover-expanded-example-toolbar-expandable-content"
4718
4734
  >
4719
- <i class="fas fa-search" aria-hidden="true"></i>
4735
+ <span class="pf-v5-c-menu-toggle__icon">
4736
+ <i class="fas fa-search" aria-hidden="true"></i>
4737
+ </span>
4720
4738
  </button>
4721
4739
  </div>
4722
4740
  <div
@@ -4741,7 +4759,7 @@ cssPrefix: pf-v5-c-log-viewer
4741
4759
  </div>
4742
4760
  </div>
4743
4761
  </div>
4744
- <div class="pf-v5-c-toolbar__item pf-m-spacer-none">
4762
+ <div class="pf-v5-c-toolbar__item pf-m-gap-none">
4745
4763
  <button class="pf-v5-c-button pf-m-link" type="button">
4746
4764
  <span class="pf-v5-c-button__icon pf-m-start">
4747
4765
  <i class="fas fa-pause" aria-hidden="true"></i>
@@ -4750,7 +4768,7 @@ cssPrefix: pf-v5-c-log-viewer
4750
4768
  </button>
4751
4769
  </div>
4752
4770
  <div
4753
- class="pf-v5-c-toolbar__item pf-m-align-right pf-m-hidden-on-lg pf-m-spacer-none"
4771
+ class="pf-v5-c-toolbar__item pf-m-align-end pf-m-hidden-on-lg pf-m-gap-none"
4754
4772
  >
4755
4773
  <div class="pf-v5-c-dropdown">
4756
4774
  <button
@@ -4958,7 +4976,7 @@ cssPrefix: pf-v5-c-log-viewer
4958
4976
  </div>
4959
4977
  </div>
4960
4978
  <div
4961
- class="pf-v5-c-toolbar__group pf-m-icon-button-group pf-m-align-right pf-m-hidden pf-m-visible-on-lg"
4979
+ class="pf-v5-c-toolbar__group pf-m-icon-button-group pf-m-align-end pf-m-hidden pf-m-visible-on-lg"
4962
4980
  >
4963
4981
  <div class="pf-v5-c-toolbar__item">
4964
4982
  <button class="pf-v5-c-button pf-m-link" type="button">Clear log</button>
@@ -4975,7 +4993,7 @@ cssPrefix: pf-v5-c-log-viewer
4975
4993
  <i class="fas fa-cog" aria-hidden="true"></i>
4976
4994
  </button>
4977
4995
  <ul
4978
- class="pf-v5-c-dropdown__menu pf-m-align-right"
4996
+ class="pf-v5-c-dropdown__menu pf-m-align-end"
4979
4997
  aria-labelledby="log-viewer-popover-expanded-example-settings-dropdown-button"
4980
4998
  hidden
4981
4999
  role="menu"
@@ -5311,15 +5329,17 @@ cssPrefix: pf-v5-c-log-viewer
5311
5329
  </div>
5312
5330
  </div>
5313
5331
  <div class="pf-v5-c-toolbar__group pf-m-toggle-group pf-m-show-on-lg">
5314
- <div class="pf-v5-c-toolbar__toggle">
5332
+ <div class="pf-v5-c-toolbar__toggle pf-m-show">
5315
5333
  <button
5316
- class="pf-v5-c-button pf-m-plain"
5334
+ class="pf-v5-c-menu-toggle pf-m-plain"
5317
5335
  type="button"
5318
- aria-label="Show filters"
5319
5336
  aria-expanded="false"
5337
+ aria-label="Show filters"
5320
5338
  aria-controls="log-viewer-dark-example-toolbar-expandable-content"
5321
5339
  >
5322
- <i class="fas fa-search" aria-hidden="true"></i>
5340
+ <span class="pf-v5-c-menu-toggle__icon">
5341
+ <i class="fas fa-search" aria-hidden="true"></i>
5342
+ </span>
5323
5343
  </button>
5324
5344
  </div>
5325
5345
  <div
@@ -5371,7 +5391,7 @@ cssPrefix: pf-v5-c-log-viewer
5371
5391
  </div>
5372
5392
  </div>
5373
5393
  </div>
5374
- <div class="pf-v5-c-toolbar__item pf-m-spacer-none">
5394
+ <div class="pf-v5-c-toolbar__item pf-m-gap-none">
5375
5395
  <button class="pf-v5-c-button pf-m-link" type="button">
5376
5396
  <span class="pf-v5-c-button__icon pf-m-start">
5377
5397
  <i class="fas fa-pause" aria-hidden="true"></i>
@@ -5380,7 +5400,7 @@ cssPrefix: pf-v5-c-log-viewer
5380
5400
  </button>
5381
5401
  </div>
5382
5402
  <div
5383
- class="pf-v5-c-toolbar__item pf-m-align-right pf-m-hidden-on-lg pf-m-spacer-none"
5403
+ class="pf-v5-c-toolbar__item pf-m-align-end pf-m-hidden-on-lg pf-m-gap-none"
5384
5404
  >
5385
5405
  <div class="pf-v5-c-dropdown">
5386
5406
  <button
@@ -5588,7 +5608,7 @@ cssPrefix: pf-v5-c-log-viewer
5588
5608
  </div>
5589
5609
  </div>
5590
5610
  <div
5591
- class="pf-v5-c-toolbar__group pf-m-icon-button-group pf-m-align-right pf-m-hidden pf-m-visible-on-lg"
5611
+ class="pf-v5-c-toolbar__group pf-m-icon-button-group pf-m-align-end pf-m-hidden pf-m-visible-on-lg"
5592
5612
  >
5593
5613
  <div class="pf-v5-c-toolbar__item">
5594
5614
  <button class="pf-v5-c-button pf-m-link" type="button">Clear log</button>
@@ -5605,7 +5625,7 @@ cssPrefix: pf-v5-c-log-viewer
5605
5625
  <i class="fas fa-cog" aria-hidden="true"></i>
5606
5626
  </button>
5607
5627
  <ul
5608
- class="pf-v5-c-dropdown__menu pf-m-align-right"
5628
+ class="pf-v5-c-dropdown__menu pf-m-align-end"
5609
5629
  aria-labelledby="log-viewer-dark-example-settings-dropdown-button"
5610
5630
  hidden
5611
5631
  role="menu"