@patternfly/patternfly 6.0.0-alpha.7 → 6.0.0-alpha.71

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 (382) hide show
  1. package/CODE_OF_CONDUCT.md +1 -2
  2. package/README.md +13 -3
  3. package/assets/icons/iconUnicodes.json +1 -0
  4. package/assets/images/PF-Backdrop.svg +1 -0
  5. package/assets/images/PF-HorizontalLogo-Color.svg +29 -0
  6. package/assets/images/PF-HorizontalLogo-Reverse.svg +28 -0
  7. package/assets/images/PF-IconLogo-Reverse.svg +14 -0
  8. package/assets/images/PF-IconLogo-color.svg +17 -0
  9. package/assets/images/PF-IconLogo.svg +17 -0
  10. package/assets/images/logo__pf--reverse-on-md.svg +1 -1
  11. package/assets/images/pf-background.svg +22 -0
  12. package/assets/images/pf-c-brand__logo-on-lg-white.svg +32 -0
  13. package/assets/images/pf-c-brand__logo-on-md-white.svg +42 -0
  14. package/assets/images/pf-c-brand__logo-on-sm-white.svg +17 -0
  15. package/assets/images/pf-c-brand__logo-on-sm.svg +1 -1
  16. package/assets/images/pf-c-brand__logo-on-xl-white.svg +39 -0
  17. package/assets/images/pf_logo_white.hbs +35 -0
  18. package/assets/images/pf_logo_white.svg +38 -0
  19. package/assets/pficon/pf-v5-pficon.woff2 +0 -0
  20. package/assets/pficon/pficon.scss +6 -129
  21. package/base/_common.scss +29 -4
  22. package/base/_globals.scss +5 -7
  23. package/base/_variables.scss +8 -6
  24. package/base/patternfly-common.css +24 -6
  25. package/base/patternfly-globals.css +5 -4
  26. package/base/patternfly-icons.css +5 -1
  27. package/base/patternfly-pf-icons.css +5 -1
  28. package/base/patternfly-variables.css +859 -833
  29. package/base/tokens/_tokens-dark.scss +306 -284
  30. package/base/tokens/_tokens-default.scss +415 -329
  31. package/base/tokens/_tokens-font.scss +41 -46
  32. package/base/tokens/_tokens-palette.scss +68 -68
  33. package/base/tokens/_workspace-overrides.scss +7 -0
  34. package/components/AboutModalBox/about-modal-box.css +78 -104
  35. package/components/AboutModalBox/about-modal-box.scss +62 -74
  36. package/components/Accordion/accordion.css +96 -175
  37. package/components/Accordion/accordion.scss +106 -193
  38. package/components/ActionList/action-list.css +18 -17
  39. package/components/ActionList/action-list.scss +26 -16
  40. package/components/Alert/alert-group.css +27 -20
  41. package/components/Alert/alert-group.scss +27 -20
  42. package/components/Alert/alert.css +74 -95
  43. package/components/Alert/alert.scss +76 -89
  44. package/components/AppLauncher/app-launcher.css +32 -23
  45. package/components/AppLauncher/app-launcher.scss +32 -23
  46. package/components/Avatar/avatar.css +10 -13
  47. package/components/Avatar/avatar.scss +10 -17
  48. package/components/BackToTop/back-to-top.css +17 -16
  49. package/components/BackToTop/back-to-top.scss +14 -14
  50. package/components/Backdrop/backdrop.css +8 -4
  51. package/components/Backdrop/backdrop.scss +7 -4
  52. package/components/BackgroundImage/background-image.css +11 -4
  53. package/components/BackgroundImage/background-image.scss +13 -4
  54. package/components/Badge/badge.css +25 -17
  55. package/components/Badge/badge.scss +27 -19
  56. package/components/Banner/banner.css +95 -69
  57. package/components/Banner/banner.scss +100 -34
  58. package/components/Breadcrumb/breadcrumb.css +28 -19
  59. package/components/Breadcrumb/breadcrumb.scss +26 -19
  60. package/components/Button/button.css +437 -359
  61. package/components/Button/button.scss +495 -483
  62. package/components/CalendarMonth/calendar-month.css +25 -15
  63. package/components/CalendarMonth/calendar-month.scss +23 -15
  64. package/components/Card/card.css +117 -203
  65. package/components/Card/card.scss +137 -246
  66. package/components/Check/check.css +25 -22
  67. package/components/Check/check.scss +26 -24
  68. package/components/Chip/chip-group.css +6 -6
  69. package/components/Chip/chip-group.scss +6 -6
  70. package/components/Chip/chip.css +16 -9
  71. package/components/Chip/chip.scss +17 -9
  72. package/components/ClipboardCopy/clipboard-copy.css +47 -41
  73. package/components/ClipboardCopy/clipboard-copy.scss +50 -34
  74. package/components/CodeBlock/code-block.css +24 -12
  75. package/components/CodeBlock/code-block.scss +24 -13
  76. package/components/CodeEditor/code-editor.css +31 -22
  77. package/components/CodeEditor/code-editor.scss +30 -21
  78. package/components/CodeEditor/themes/dark/code-editor.scss +1 -1
  79. package/components/Content/content.css +40 -37
  80. package/components/Content/content.scss +40 -37
  81. package/components/ContextSelector/context-selector.css +41 -26
  82. package/components/ContextSelector/context-selector.scss +40 -25
  83. package/components/ContextSelector/themes/dark/context-selector.scss +1 -1
  84. package/components/DataList/data-list-grid.css +21 -21
  85. package/components/DataList/data-list-grid.scss +3 -3
  86. package/components/DataList/data-list.css +165 -209
  87. package/components/DataList/data-list.scss +138 -185
  88. package/components/DatePicker/date-picker.css +8 -8
  89. package/components/DatePicker/date-picker.scss +8 -8
  90. package/components/DescriptionList/description-list.css +47 -39
  91. package/components/DescriptionList/description-list.scss +33 -30
  92. package/components/Divider/divider.css +97 -177
  93. package/components/Divider/divider.scss +60 -79
  94. package/components/DragDrop/drag-drop.css +26 -22
  95. package/components/DragDrop/drag-drop.scss +26 -25
  96. package/components/Drawer/drawer.css +216 -158
  97. package/components/Drawer/drawer.scss +199 -150
  98. package/components/Dropdown/dropdown.css +76 -69
  99. package/components/Dropdown/dropdown.scss +67 -62
  100. package/components/DualListSelector/dual-list-selector.css +29 -15
  101. package/components/DualListSelector/dual-list-selector.scss +30 -15
  102. package/components/EmptyState/empty-state.css +64 -38
  103. package/components/EmptyState/empty-state.scss +70 -38
  104. package/components/ExpandableSection/expandable-section.css +75 -66
  105. package/components/ExpandableSection/expandable-section.scss +82 -80
  106. package/components/FileUpload/file-upload.css +31 -43
  107. package/components/FileUpload/file-upload.scss +31 -49
  108. package/components/Form/form.css +111 -154
  109. package/components/Form/form.scss +101 -160
  110. package/components/FormControl/form-control.css +95 -111
  111. package/components/FormControl/form-control.scss +97 -92
  112. package/components/HelperText/helper-text.css +29 -35
  113. package/components/HelperText/helper-text.scss +31 -41
  114. package/components/Hint/hint.css +37 -27
  115. package/components/Hint/hint.scss +37 -30
  116. package/components/Icon/icon.css +155 -19
  117. package/components/Icon/icon.scss +188 -21
  118. package/components/InlineEdit/inline-edit.css +12 -11
  119. package/components/InlineEdit/inline-edit.scss +12 -11
  120. package/components/InputGroup/input-group.css +32 -42
  121. package/components/InputGroup/input-group.scss +31 -33
  122. package/components/JumpLinks/jump-links.css +61 -58
  123. package/components/JumpLinks/jump-links.scss +61 -60
  124. package/components/Label/label-group.css +48 -50
  125. package/components/Label/label-group.scss +48 -51
  126. package/components/Label/label.css +382 -363
  127. package/components/Label/label.scss +441 -356
  128. package/components/List/list.css +25 -25
  129. package/components/List/list.scss +26 -26
  130. package/components/LogViewer/log-viewer.css +14 -14
  131. package/components/LogViewer/log-viewer.scss +14 -14
  132. package/components/Login/login.css +104 -122
  133. package/components/Login/login.scss +92 -91
  134. package/components/Masthead/masthead.css +262 -506
  135. package/components/Masthead/masthead.scss +123 -289
  136. package/components/Menu/menu.css +82 -65
  137. package/components/Menu/menu.scss +85 -69
  138. package/components/MenuToggle/menu-toggle.css +37 -31
  139. package/components/MenuToggle/menu-toggle.scss +37 -33
  140. package/components/ModalBox/modal-box.css +76 -69
  141. package/components/ModalBox/modal-box.scss +74 -70
  142. package/components/MultipleFileUpload/multiple-file-upload.css +87 -57
  143. package/components/MultipleFileUpload/multiple-file-upload.scss +92 -60
  144. package/components/Nav/nav.css +248 -899
  145. package/components/Nav/nav.scss +304 -1059
  146. package/components/Nav/themes/dark/nav.scss +2 -2
  147. package/components/NotificationBadge/notification-badge.css +66 -85
  148. package/components/NotificationBadge/notification-badge.scss +72 -103
  149. package/components/NotificationDrawer/notification-drawer.css +130 -128
  150. package/components/NotificationDrawer/notification-drawer.scss +130 -129
  151. package/components/NumberInput/number-input.css +10 -10
  152. package/components/NumberInput/number-input.scss +9 -14
  153. package/components/OptionsMenu/options-menu.css +43 -31
  154. package/components/OptionsMenu/options-menu.scss +43 -31
  155. package/components/OverflowMenu/overflow-menu.css +17 -47
  156. package/components/OverflowMenu/overflow-menu.scss +27 -65
  157. package/components/Page/page.css +182 -232
  158. package/components/Page/page.scss +130 -195
  159. package/components/Pagination/pagination.css +74 -121
  160. package/components/Pagination/pagination.scss +55 -125
  161. package/components/Panel/panel.css +40 -30
  162. package/components/Panel/panel.scss +42 -33
  163. package/components/Popover/popover.css +108 -87
  164. package/components/Popover/popover.scss +120 -109
  165. package/components/Progress/progress.css +40 -52
  166. package/components/Progress/progress.scss +48 -62
  167. package/components/ProgressStepper/progress-stepper.css +98 -89
  168. package/components/ProgressStepper/progress-stepper.scss +90 -84
  169. package/components/Radio/radio.css +30 -23
  170. package/components/Radio/radio.scss +31 -25
  171. package/components/Select/select.css +56 -47
  172. package/components/Select/select.scss +56 -47
  173. package/components/Sidebar/sidebar.css +31 -14
  174. package/components/Sidebar/sidebar.scss +34 -16
  175. package/components/SimpleList/simple-list.css +45 -56
  176. package/components/SimpleList/simple-list.scss +51 -55
  177. package/components/Skeleton/skeleton.css +24 -25
  178. package/components/Skeleton/skeleton.scss +21 -26
  179. package/components/SkipToContent/skip-to-content.css +9 -6
  180. package/components/SkipToContent/skip-to-content.scss +8 -6
  181. package/components/Slider/slider.css +80 -55
  182. package/components/Slider/slider.scss +96 -65
  183. package/components/Spinner/spinner.css +17 -34
  184. package/components/Spinner/spinner.scss +19 -47
  185. package/components/Switch/switch.css +49 -41
  186. package/components/Switch/switch.scss +51 -42
  187. package/components/TabContent/tab-content.css +21 -12
  188. package/components/TabContent/tab-content.scss +22 -15
  189. package/components/Table/table-grid.css +256 -195
  190. package/components/Table/table-grid.scss +53 -39
  191. package/components/Table/table-scrollable.css +4 -4
  192. package/components/Table/table-scrollable.scss +6 -4
  193. package/components/Table/table-tree-view.css +112 -105
  194. package/components/Table/table-tree-view.scss +38 -33
  195. package/components/Table/table.css +105 -89
  196. package/components/Table/table.scss +105 -89
  197. package/components/Tabs/tabs.css +210 -214
  198. package/components/Tabs/tabs.scss +222 -254
  199. package/components/TextInputGroup/text-input-group.css +15 -15
  200. package/components/TextInputGroup/text-input-group.scss +15 -15
  201. package/components/Tile/tile.css +47 -88
  202. package/components/Tile/tile.scss +45 -91
  203. package/components/Timestamp/timestamp.css +12 -9
  204. package/components/Timestamp/timestamp.scss +11 -10
  205. package/components/Title/title.css +70 -19
  206. package/components/Title/title.scss +90 -20
  207. package/components/ToggleGroup/toggle-group.css +68 -59
  208. package/components/ToggleGroup/toggle-group.scss +72 -57
  209. package/components/Toolbar/toolbar.css +2553 -1054
  210. package/components/Toolbar/toolbar.scss +234 -516
  211. package/components/Tooltip/tooltip.css +74 -44
  212. package/components/Tooltip/tooltip.scss +93 -77
  213. package/components/TreeView/tree-view.css +48 -27
  214. package/components/TreeView/tree-view.scss +50 -28
  215. package/components/Truncate/truncate.css +13 -0
  216. package/components/Truncate/truncate.scss +19 -3
  217. package/components/Wizard/wizard.css +57 -36
  218. package/components/Wizard/wizard.scss +57 -36
  219. package/docs/components/AboutModalBox/examples/AboutModalBox.md +2 -2
  220. package/docs/components/Accordion/examples/Accordion.md +614 -416
  221. package/docs/components/ActionList/examples/ActionList.md +73 -22
  222. package/docs/components/Alert/examples/Alert.md +3 -3
  223. package/docs/components/Avatar/examples/Avatar.md +5 -19
  224. package/docs/components/BackgroundImage/examples/BackgroundImage.md +1 -1
  225. package/docs/components/Badge/examples/Badge.md +21 -0
  226. package/docs/components/Banner/examples/Banner.md +48 -25
  227. package/docs/components/Brand/examples/Brand.css +12 -0
  228. package/docs/components/Brand/examples/Brand.md +51 -32
  229. package/docs/components/Breadcrumb/examples/Breadcrumb.md +1 -1
  230. package/docs/components/Button/examples/Button.css +6 -2
  231. package/docs/components/Button/examples/Button.md +1425 -87
  232. package/docs/components/Card/examples/Card.md +565 -148
  233. package/docs/components/Check/examples/Check.md +71 -58
  234. package/docs/components/Chip/examples/Chip.md +1 -1
  235. package/docs/components/ClipboardCopy/examples/ClipboardCopy.md +106 -0
  236. package/docs/components/CodeBlock/examples/CodeBlock.md +4 -4
  237. package/docs/components/CodeEditor/examples/CodeEditor.md +3 -3
  238. package/docs/components/Content/examples/Content.md +5 -5
  239. package/docs/components/Divider/examples/Divider.css +3 -1
  240. package/docs/components/Divider/examples/Divider.md +4 -5
  241. package/docs/components/DragDrop/examples/DragDrop.css +3 -3
  242. package/docs/components/Drawer/examples/Drawer.md +294 -256
  243. package/docs/components/Dropdown/deprecated/Dropdown.css +1 -1
  244. package/docs/components/DualListSelector/examples/DualListSelector.md +64 -16
  245. package/docs/components/EmptyState/examples/EmptyState.md +45 -1
  246. package/docs/components/ExpandableSection/examples/ExpandableSection.md +49 -28
  247. package/docs/components/FileUpload/examples/FileUpload.md +112 -53
  248. package/docs/components/Form/examples/Form.md +134 -89
  249. package/docs/components/Icon/examples/Icon.md +82 -11
  250. package/docs/components/InlineEdit/examples/InlineEdit.md +3 -1
  251. package/docs/components/JumpLinks/examples/JumpLinks.md +280 -168
  252. package/docs/components/Label/examples/Label.css +4 -0
  253. package/docs/components/Label/examples/Label.md +3091 -704
  254. package/docs/components/LogViewer/examples/LogViewer.css +2 -2
  255. package/docs/components/LogViewer/examples/LogViewer.md +300 -210
  256. package/docs/components/Login/examples/Login.md +10 -5
  257. package/docs/components/Masthead/examples/masthead.md +443 -65
  258. package/docs/components/Menu/examples/Menu.css +8 -0
  259. package/docs/components/Menu/examples/Menu.md +594 -543
  260. package/docs/components/MenuToggle/examples/MenuToggle.md +109 -96
  261. package/docs/components/ModalBox/examples/ModalBox.css +3 -8
  262. package/docs/components/MultipleFileUpload/examples/MultipleFileUpload.md +9 -9
  263. package/docs/components/Nav/examples/Navigation.css +3 -42
  264. package/docs/components/Nav/examples/Navigation.md +305 -353
  265. package/docs/components/NotificationBadge/examples/NotificationBadge.md +5 -7
  266. package/docs/components/OptionsMenu/deprecated/options-menu.md +12 -3
  267. package/docs/components/Page/examples/Page.css +0 -8
  268. package/docs/components/Page/examples/Page.md +22 -21
  269. package/docs/components/Pagination/examples/Pagination.md +663 -637
  270. package/docs/components/Panel/examples/Panel.md +12 -0
  271. package/docs/components/Popover/examples/Popover.css +4 -9
  272. package/docs/components/Popover/examples/Popover.md +1 -1
  273. package/docs/components/ProgressStepper/examples/ProgressStepper.md +15 -14
  274. package/docs/components/Radio/examples/Radio.md +62 -54
  275. package/docs/components/Select/deprecated/Select.md +184 -177
  276. package/docs/components/Sidebar/examples/Sidebar.md +19 -0
  277. package/docs/components/SimpleList/examples/SimpleList.md +3 -3
  278. package/docs/components/TabContent/examples/TabContent.md +10 -10
  279. package/docs/components/Table/examples/Table.css +2 -2
  280. package/docs/components/Table/examples/Table.md +10 -10
  281. package/docs/components/Tabs/examples/Tabs.css +1 -1
  282. package/docs/components/Tabs/examples/Tabs.md +1025 -826
  283. package/docs/components/TextInputGroup/examples/TextInputGroup.css +1 -1
  284. package/docs/components/TextInputGroup/examples/TextInputGroup.md +9 -9
  285. package/docs/components/Tile/examples/Tile.css +1 -1
  286. package/docs/components/Tile/examples/Tile.md +264 -144
  287. package/docs/components/Title/examples/Title.md +18 -0
  288. package/docs/components/Toolbar/examples/Toolbar.css +20 -15
  289. package/docs/components/Toolbar/examples/Toolbar.md +1211 -3487
  290. package/docs/components/Tooltip/examples/Tooltip.css +4 -0
  291. package/docs/components/Tooltip/examples/Tooltip.md +3 -1
  292. package/docs/components/Truncate/examples/Truncate.css +2 -2
  293. package/docs/components/Truncate/examples/Truncate.md +2 -2
  294. package/docs/demos/AboutModal/examples/AboutModal.md +104 -31
  295. package/docs/demos/Alert/examples/Alert.md +330 -87
  296. package/docs/demos/BackToTop/examples/BackToTop.md +102 -29
  297. package/docs/demos/Banner/examples/Banner.md +211 -60
  298. package/docs/demos/Card/examples/Card.css +3 -3
  299. package/docs/demos/Card/examples/Card.md +28 -12
  300. package/docs/demos/CardView/examples/CardView.md +265 -207
  301. package/docs/demos/ContextSelector/examples/ContextSelector.md +377 -94
  302. package/docs/demos/Dashboard/examples/Dashboard.md +105 -32
  303. package/docs/demos/DataList/examples/DataList.md +1002 -935
  304. package/docs/demos/DescriptionList/examples/DescriptionList.md +306 -87
  305. package/docs/demos/Drawer/examples/Drawer.md +640 -251
  306. package/docs/demos/Form/examples/BasicForms.md +138 -84
  307. package/docs/demos/JumpLinks/examples/JumpLinks.md +917 -385
  308. package/docs/demos/Masthead/examples/Masthead.md +786 -342
  309. package/docs/demos/Modal/examples/Modal.md +645 -198
  310. package/docs/demos/Nav/examples/Nav.md +691 -902
  311. package/docs/demos/NotificationDrawer/examples/NotificationDrawer.md +515 -145
  312. package/docs/demos/Page/examples/Page.md +942 -273
  313. package/docs/demos/Page/examples/Penta.md +66 -26
  314. package/docs/demos/PasswordGenerator/examples/PasswordGenerator.md +13 -9
  315. package/docs/demos/PasswordStrength/examples/PasswordStrength.md +44 -32
  316. package/docs/demos/PrimaryDetail/examples/PrimaryDetail.md +1333 -946
  317. package/docs/demos/Skeleton/examples/Skeleton.md +109 -64
  318. package/docs/demos/Table/examples/Table.md +3857 -3418
  319. package/docs/demos/Tabs/examples/Tabs.md +664 -215
  320. package/docs/demos/Toolbar/examples/Toolbar.css +15 -0
  321. package/docs/demos/Toolbar/examples/Toolbar.md +1313 -1475
  322. package/docs/demos/Wizard/examples/Wizard.md +918 -261
  323. package/docs/layouts/Flex/examples/Flex.md +16 -16
  324. package/docs/utilities/BoxShadow/examples/box-shadow.css +5 -5
  325. package/icons/pficons.mjs +1 -0
  326. package/layouts/Flex/flex.css +115 -43
  327. package/layouts/Flex/flex.scss +20 -8
  328. package/package.json +36 -32
  329. package/patternfly-addons.css +732 -972
  330. package/patternfly-base-no-globals-theme-dark-unversioned.css +895 -847
  331. package/patternfly-base-no-globals.css +895 -847
  332. package/patternfly-base-theme-dark-unversioned.css +899 -850
  333. package/patternfly-base.css +899 -850
  334. package/patternfly-no-globals.css +9954 -8996
  335. package/patternfly-theme-dark-unversioned.css +9959 -9000
  336. package/patternfly.css +9959 -9000
  337. package/patternfly.min.css +1 -1
  338. package/patternfly.min.css.map +1 -1
  339. package/sass-utilities/functions.scss +6 -0
  340. package/sass-utilities/mixins.scss +80 -2
  341. package/sass-utilities/scss-variables.scss +8 -8
  342. package/sass-utilities/themes/dark/mixins.scss +3 -1
  343. package/utilities/Accessibility/accessibility.css +12 -12
  344. package/utilities/Spacing/spacing.css +720 -960
  345. package/utilities/Spacing/spacing.scss +4 -8
  346. package/base/themes/dark/_variables.scss +0 -102
  347. package/components/AboutModalBox/themes/dark/about-modal-box.scss +0 -7
  348. package/components/Accordion/themes/dark/accordion.scss +0 -9
  349. package/components/Alert/themes/dark/alert.scss +0 -17
  350. package/components/Badge/themes/dark/badge.scss +0 -9
  351. package/components/Banner/themes/dark/banner.scss +0 -14
  352. package/components/Button/themes/dark/button.scss +0 -51
  353. package/components/Card/themes/dark/card.scss +0 -20
  354. package/components/ClipboardCopy/themes/dark/clipboard-copy.scss +0 -19
  355. package/components/DataList/themes/dark/data-list.scss +0 -10
  356. package/components/DragDrop/themes/dark/drag-drop.scss +0 -7
  357. package/components/Drawer/themes/dark/drawer.scss +0 -13
  358. package/components/Form/themes/dark/form.scss +0 -7
  359. package/components/FormControl/themes/dark/form-control.scss +0 -24
  360. package/components/HelperText/themes/dark/helper-text.scss +0 -7
  361. package/components/Hint/themes/dark/hint.scss +0 -8
  362. package/components/InputGroup/themes/dark/input-group.scss +0 -22
  363. package/components/Label/themes/dark/label.scss +0 -53
  364. package/components/Login/themes/dark/login.scss +0 -12
  365. package/components/Masthead/themes/dark/masthead.scss +0 -14
  366. package/components/ModalBox/themes/dark/modal-box.scss +0 -7
  367. package/components/NotificationBadge/themes/dark/notification-badge.scss +0 -10
  368. package/components/NotificationDrawer/themes/dark/notification-drawer.scss +0 -14
  369. package/components/Page/themes/dark/page.scss +0 -69
  370. package/components/Pagination/themes/dark/pagination.scss +0 -7
  371. package/components/Panel/themes/dark/panel.scss +0 -7
  372. package/components/Popover/themes/dark/popover.scss +0 -11
  373. package/components/Progress/themes/dark/progress.scss +0 -9
  374. package/components/SimpleList/themes/dark/simple-list.scss +0 -14
  375. package/components/Skeleton/themes/dark/skeleton.scss +0 -10
  376. package/components/Switch/themes/dark/switch.scss +0 -11
  377. package/components/Tabs/themes/dark/tabs.scss +0 -10
  378. package/components/Tile/themes/dark/tile.scss +0 -10
  379. package/components/ToggleGroup/themes/dark/toggle-group.scss +0 -12
  380. package/components/Tooltip/themes/dark/tooltip.scss +0 -8
  381. package/docs/components/Avatar/examples/Avatar.css +0 -3
  382. package/docs/components/NotificationBadge/examples/NotificationBadge.css +0 -3
package/docs/components/MenuToggle/examples/MenuToggle.md CHANGED
@@ -274,15 +274,19 @@ cssPrefix: pf-v5-c-menu-toggle
274
274
  ### Split button (checkbox)
275
275
 
276
276
  ```html
277
- <div class="pf-v5-c-menu-toggle pf-m-split-button pf-m-disabled">
278
- <label class="pf-v5-c-check pf-m-standalone">
277
+ <div
278
+ class="pf-v5-c-menu-toggle pf-m-split-button pf-m-disabled"
279
+ id="split-button-checkbox-disabled-example"
280
+ >
281
+ <label
282
+ class="pf-v5-c-check pf-m-standalone"
283
+ for="split-button-checkbox-disabled-example-input"
284
+ >
279
285
  <input
280
286
  class="pf-v5-c-check__input"
281
287
  type="checkbox"
288
+ aria-label="Standalone check"
282
289
  disabled
283
- id="split-button-checkbox-disabled-example-input"
284
- name="split-button-checkbox-disabled-example-input"
285
- aria-label="Standalone input"
286
290
  />
287
291
  </label>
288
292
  <button
@@ -301,14 +305,18 @@ cssPrefix: pf-v5-c-menu-toggle
301
305
  </button>
302
306
  </div>
303
307
  &nbsp;
304
- <div class="pf-v5-c-menu-toggle pf-m-split-button">
305
- <label class="pf-v5-c-check pf-m-standalone">
308
+ <div
309
+ class="pf-v5-c-menu-toggle pf-m-split-button"
310
+ id="split-button-checkbox-example"
311
+ >
312
+ <label
313
+ class="pf-v5-c-check pf-m-standalone"
314
+ for="split-button-checkbox-example-input"
315
+ >
306
316
  <input
307
317
  class="pf-v5-c-check__input"
308
318
  type="checkbox"
309
- id="split-button-checkbox-example-input"
310
- name="split-button-checkbox-example-input"
311
- aria-label="Standalone input"
319
+ aria-label="Standalone check"
312
320
  />
313
321
  </label>
314
322
  <button
@@ -326,14 +334,18 @@ cssPrefix: pf-v5-c-menu-toggle
326
334
  </button>
327
335
  </div>
328
336
  &nbsp;
329
- <div class="pf-v5-c-menu-toggle pf-m-expanded pf-m-split-button">
330
- <label class="pf-v5-c-check pf-m-standalone">
337
+ <div
338
+ class="pf-v5-c-menu-toggle pf-m-expanded pf-m-split-button"
339
+ id="split-button-checkbox-expanded-example"
340
+ >
341
+ <label
342
+ class="pf-v5-c-check pf-m-standalone"
343
+ for="split-button-checkbox-expanded-example-input"
344
+ >
331
345
  <input
332
346
  class="pf-v5-c-check__input"
333
347
  type="checkbox"
334
- id="split-button-checkbox-expanded-example-input"
335
- name="split-button-checkbox-expanded-example-input"
336
- aria-label="Standalone input"
348
+ aria-label="Standalone check"
337
349
  />
338
350
  </label>
339
351
  <button
@@ -356,19 +368,16 @@ cssPrefix: pf-v5-c-menu-toggle
356
368
  ### Split button (checkbox with toggle text)
357
369
 
358
370
  ```html
359
- <div class="pf-v5-c-menu-toggle pf-m-split-button pf-m-disabled">
371
+ <div
372
+ class="pf-v5-c-menu-toggle pf-m-split-button pf-m-disabled"
373
+ id="split-button-checkbox-with-toggle-text-disabled-example"
374
+ >
360
375
  <label
361
376
  class="pf-v5-c-check"
362
377
  for="split-button-checkbox-with-toggle-text-disabled-example-input"
363
378
  >
364
- <input
365
- class="pf-v5-c-check__input"
366
- type="checkbox"
367
- disabled
368
- id="split-button-checkbox-with-toggle-text-disabled-example-input"
369
- name="split-button-checkbox-with-toggle-text-disabled-example-input"
370
- />
371
- <span class="pf-v5-c-check__label pf-m-disabled">10 selected</span>
379
+ <input class="pf-v5-c-check__input" type="checkbox" disabled />
380
+ <label class="pf-v5-c-check__label pf-m-disabled" for="-input">10 selected</label>
372
381
  </label>
373
382
  <button
374
383
  class="pf-v5-c-menu-toggle__button"
@@ -386,18 +395,16 @@ cssPrefix: pf-v5-c-menu-toggle
386
395
  </button>
387
396
  </div>
388
397
  &nbsp;
389
- <div class="pf-v5-c-menu-toggle pf-m-split-button">
398
+ <div
399
+ class="pf-v5-c-menu-toggle pf-m-split-button"
400
+ id="split-button-checkbox-with-toggle-text-example"
401
+ >
390
402
  <label
391
403
  class="pf-v5-c-check"
392
404
  for="split-button-checkbox-with-toggle-text-example-input"
393
405
  >
394
- <input
395
- class="pf-v5-c-check__input"
396
- type="checkbox"
397
- id="split-button-checkbox-with-toggle-text-example-input"
398
- name="split-button-checkbox-with-toggle-text-example-input"
399
- />
400
- <span class="pf-v5-c-check__label">10 selected</span>
406
+ <input class="pf-v5-c-check__input" type="checkbox" />
407
+ <label class="pf-v5-c-check__label" for="-input">10 selected</label>
401
408
  </label>
402
409
  <button
403
410
  class="pf-v5-c-menu-toggle__button"
@@ -414,18 +421,16 @@ cssPrefix: pf-v5-c-menu-toggle
414
421
  </button>
415
422
  </div>
416
423
  &nbsp;
417
- <div class="pf-v5-c-menu-toggle pf-m-expanded pf-m-split-button">
424
+ <div
425
+ class="pf-v5-c-menu-toggle pf-m-expanded pf-m-split-button"
426
+ id="split-button-checkbox-with-toggle-text-expanded-example"
427
+ >
418
428
  <label
419
429
  class="pf-v5-c-check"
420
430
  for="split-button-checkbox-with-toggle-text-expanded-example-input"
421
431
  >
422
- <input
423
- class="pf-v5-c-check__input"
424
- type="checkbox"
425
- id="split-button-checkbox-with-toggle-text-expanded-example-input"
426
- name="split-button-checkbox-with-toggle-text-expanded-example-input"
427
- />
428
- <span class="pf-v5-c-check__label">10 selected</span>
432
+ <input class="pf-v5-c-check__input" type="checkbox" />
433
+ <label class="pf-v5-c-check__label" for="-input">10 selected</label>
429
434
  </label>
430
435
  <button
431
436
  class="pf-v5-c-menu-toggle__button"
@@ -447,19 +452,16 @@ cssPrefix: pf-v5-c-menu-toggle
447
452
  ### Split button, primary
448
453
 
449
454
  ```html
450
- <div class="pf-v5-c-menu-toggle pf-m-split-button pf-m-disabled pf-m-primary">
455
+ <div
456
+ class="pf-v5-c-menu-toggle pf-m-split-button pf-m-disabled pf-m-primary"
457
+ id="split-button-checkbox-primary-disabled-example"
458
+ >
451
459
  <label
452
460
  class="pf-v5-c-check"
453
461
  for="split-button-checkbox-primary-disabled-example-input"
454
462
  >
455
- <input
456
- class="pf-v5-c-check__input"
457
- type="checkbox"
458
- disabled
459
- id="split-button-checkbox-primary-disabled-example-input"
460
- name="split-button-checkbox-primary-disabled-example-input"
461
- />
462
- <span class="pf-v5-c-check__label pf-m-disabled">10 selected</span>
463
+ <input class="pf-v5-c-check__input" type="checkbox" disabled />
464
+ <label class="pf-v5-c-check__label pf-m-disabled" for="-input">10 selected</label>
463
465
  </label>
464
466
  <button
465
467
  class="pf-v5-c-menu-toggle__button"
@@ -477,18 +479,16 @@ cssPrefix: pf-v5-c-menu-toggle
477
479
  </button>
478
480
  </div>
479
481
  &nbsp;
480
- <div class="pf-v5-c-menu-toggle pf-m-split-button pf-m-primary">
482
+ <div
483
+ class="pf-v5-c-menu-toggle pf-m-split-button pf-m-primary"
484
+ id="split-button-checkbox-primary-example"
485
+ >
481
486
  <label
482
487
  class="pf-v5-c-check"
483
488
  for="split-button-checkbox-primary-example-input"
484
489
  >
485
- <input
486
- class="pf-v5-c-check__input"
487
- type="checkbox"
488
- id="split-button-checkbox-primary-example-input"
489
- name="split-button-checkbox-primary-example-input"
490
- />
491
- <span class="pf-v5-c-check__label">10 selected</span>
490
+ <input class="pf-v5-c-check__input" type="checkbox" />
491
+ <label class="pf-v5-c-check__label" for="-input">10 selected</label>
492
492
  </label>
493
493
  <button
494
494
  class="pf-v5-c-menu-toggle__button"
@@ -505,18 +505,16 @@ cssPrefix: pf-v5-c-menu-toggle
505
505
  </button>
506
506
  </div>
507
507
  &nbsp;
508
- <div class="pf-v5-c-menu-toggle pf-m-expanded pf-m-split-button pf-m-primary">
508
+ <div
509
+ class="pf-v5-c-menu-toggle pf-m-expanded pf-m-split-button pf-m-primary"
510
+ id="split-button-checkbox-primary-expanded-example"
511
+ >
509
512
  <label
510
513
  class="pf-v5-c-check"
511
514
  for="split-button-checkbox-primary-expanded-example-input"
512
515
  >
513
- <input
514
- class="pf-v5-c-check__input"
515
- type="checkbox"
516
- id="split-button-checkbox-primary-expanded-example-input"
517
- name="split-button-checkbox-primary-expanded-example-input"
518
- />
519
- <span class="pf-v5-c-check__label">10 selected</span>
516
+ <input class="pf-v5-c-check__input" type="checkbox" />
517
+ <label class="pf-v5-c-check__label" for="-input">10 selected</label>
520
518
  </label>
521
519
  <button
522
520
  class="pf-v5-c-menu-toggle__button"
@@ -538,19 +536,16 @@ cssPrefix: pf-v5-c-menu-toggle
538
536
  ### Split button, secondary
539
537
 
540
538
  ```html
541
- <div class="pf-v5-c-menu-toggle pf-m-split-button pf-m-disabled pf-m-secondary">
539
+ <div
540
+ class="pf-v5-c-menu-toggle pf-m-split-button pf-m-disabled pf-m-secondary"
541
+ id="split-button-checkbox-secondary-disabled-example"
542
+ >
542
543
  <label
543
544
  class="pf-v5-c-check"
544
545
  for="split-button-checkbox-secondary-disabled-example-input"
545
546
  >
546
- <input
547
- class="pf-v5-c-check__input"
548
- type="checkbox"
549
- disabled
550
- id="split-button-checkbox-secondary-disabled-example-input"
551
- name="split-button-checkbox-secondary-disabled-example-input"
552
- />
553
- <span class="pf-v5-c-check__label pf-m-disabled">10 selected</span>
547
+ <input class="pf-v5-c-check__input" type="checkbox" disabled />
548
+ <label class="pf-v5-c-check__label pf-m-disabled" for="-input">10 selected</label>
554
549
  </label>
555
550
  <button
556
551
  class="pf-v5-c-menu-toggle__button"
@@ -568,18 +563,16 @@ cssPrefix: pf-v5-c-menu-toggle
568
563
  </button>
569
564
  </div>
570
565
  &nbsp;
571
- <div class="pf-v5-c-menu-toggle pf-m-split-button pf-m-secondary">
566
+ <div
567
+ class="pf-v5-c-menu-toggle pf-m-split-button pf-m-secondary"
568
+ id="split-button-checkbox-secondary-example"
569
+ >
572
570
  <label
573
571
  class="pf-v5-c-check"
574
572
  for="split-button-checkbox-secondary-example-input"
575
573
  >
576
- <input
577
- class="pf-v5-c-check__input"
578
- type="checkbox"
579
- id="split-button-checkbox-secondary-example-input"
580
- name="split-button-checkbox-secondary-example-input"
581
- />
582
- <span class="pf-v5-c-check__label">10 selected</span>
574
+ <input class="pf-v5-c-check__input" type="checkbox" />
575
+ <label class="pf-v5-c-check__label" for="-input">10 selected</label>
583
576
  </label>
584
577
  <button
585
578
  class="pf-v5-c-menu-toggle__button"
@@ -596,18 +589,16 @@ cssPrefix: pf-v5-c-menu-toggle
596
589
  </button>
597
590
  </div>
598
591
  &nbsp;
599
- <div class="pf-v5-c-menu-toggle pf-m-expanded pf-m-split-button pf-m-secondary">
592
+ <div
593
+ class="pf-v5-c-menu-toggle pf-m-expanded pf-m-split-button pf-m-secondary"
594
+ id="split-button-checkbox-secondary-expanded-example"
595
+ >
600
596
  <label
601
597
  class="pf-v5-c-check"
602
598
  for="split-button-checkbox-secondary-expanded-example-input"
603
599
  >
604
- <input
605
- class="pf-v5-c-check__input"
606
- type="checkbox"
607
- id="split-button-checkbox-secondary-expanded-example-input"
608
- name="split-button-checkbox-secondary-expanded-example-input"
609
- />
610
- <span class="pf-v5-c-check__label">10 selected</span>
600
+ <input class="pf-v5-c-check__input" type="checkbox" />
601
+ <label class="pf-v5-c-check__label" for="-input">10 selected</label>
611
602
  </label>
612
603
  <button
613
604
  class="pf-v5-c-menu-toggle__button"
@@ -629,7 +620,10 @@ cssPrefix: pf-v5-c-menu-toggle
629
620
  ### Split button (action)
630
621
 
631
622
  ```html
632
- <div class="pf-v5-c-menu-toggle pf-m-split-button pf-m-action pf-m-disabled">
623
+ <div
624
+ class="pf-v5-c-menu-toggle pf-m-split-button pf-m-action pf-m-disabled"
625
+ id="split-button-checkbox-with-toggle-action-disabled-example"
626
+ >
633
627
  <button class="pf-v5-c-menu-toggle__button" type="button" disabled>Action</button>
634
628
  <button
635
629
  class="pf-v5-c-menu-toggle__button"
@@ -647,7 +641,10 @@ cssPrefix: pf-v5-c-menu-toggle
647
641
  </button>
648
642
  </div>
649
643
  &nbsp;
650
- <div class="pf-v5-c-menu-toggle pf-m-split-button pf-m-action">
644
+ <div
645
+ class="pf-v5-c-menu-toggle pf-m-split-button pf-m-action"
646
+ id="split-button-checkbox-with-toggle-action-example"
647
+ >
651
648
  <button class="pf-v5-c-menu-toggle__button" type="button">Action</button>
652
649
  <button
653
650
  class="pf-v5-c-menu-toggle__button"
@@ -664,7 +661,10 @@ cssPrefix: pf-v5-c-menu-toggle
664
661
  </button>
665
662
  </div>
666
663
  &nbsp;
667
- <div class="pf-v5-c-menu-toggle pf-m-expanded pf-m-split-button pf-m-action">
664
+ <div
665
+ class="pf-v5-c-menu-toggle pf-m-expanded pf-m-split-button pf-m-action"
666
+ id="split-button-checkbox-with-toggle-action-expanded-example"
667
+ >
668
668
  <button class="pf-v5-c-menu-toggle__button" type="button">Action</button>
669
669
  <button
670
670
  class="pf-v5-c-menu-toggle__button"
@@ -688,6 +688,7 @@ cssPrefix: pf-v5-c-menu-toggle
688
688
  ```html
689
689
  <div
690
690
  class="pf-v5-c-menu-toggle pf-m-split-button pf-m-action pf-m-disabled pf-m-primary"
691
+ id="split-button-checkbox-with-toggle-action-primary-disabled-example"
691
692
  >
692
693
  <button class="pf-v5-c-menu-toggle__button" type="button" disabled>Action</button>
693
694
  <button
@@ -706,7 +707,10 @@ cssPrefix: pf-v5-c-menu-toggle
706
707
  </button>
707
708
  </div>
708
709
  &nbsp;
709
- <div class="pf-v5-c-menu-toggle pf-m-split-button pf-m-action pf-m-primary">
710
+ <div
711
+ class="pf-v5-c-menu-toggle pf-m-split-button pf-m-action pf-m-primary"
712
+ id="split-button-checkbox-with-toggle-action-primary-example"
713
+ >
710
714
  <button class="pf-v5-c-menu-toggle__button" type="button">Action</button>
711
715
  <button
712
716
  class="pf-v5-c-menu-toggle__button"
@@ -725,6 +729,7 @@ cssPrefix: pf-v5-c-menu-toggle
725
729
  &nbsp;
726
730
  <div
727
731
  class="pf-v5-c-menu-toggle pf-m-expanded pf-m-split-button pf-m-action pf-m-primary"
732
+ id="split-button-checkbox-with-toggle-action-primary-expanded-example"
728
733
  >
729
734
  <button class="pf-v5-c-menu-toggle__button" type="button">Action</button>
730
735
  <button
@@ -749,6 +754,7 @@ cssPrefix: pf-v5-c-menu-toggle
749
754
  ```html
750
755
  <div
751
756
  class="pf-v5-c-menu-toggle pf-m-split-button pf-m-action pf-m-disabled pf-m-secondary"
757
+ id="split-button-checkbox-with-toggle-action-secondary-disabled-example"
752
758
  >
753
759
  <button class="pf-v5-c-menu-toggle__button" type="button" disabled>Action</button>
754
760
  <button
@@ -767,7 +773,10 @@ cssPrefix: pf-v5-c-menu-toggle
767
773
  </button>
768
774
  </div>
769
775
  &nbsp;
770
- <div class="pf-v5-c-menu-toggle pf-m-split-button pf-m-action pf-m-secondary">
776
+ <div
777
+ class="pf-v5-c-menu-toggle pf-m-split-button pf-m-action pf-m-secondary"
778
+ id="split-button-checkbox-with-toggle-action-secondary-example"
779
+ >
771
780
  <button class="pf-v5-c-menu-toggle__button" type="button">Action</button>
772
781
  <button
773
782
  class="pf-v5-c-menu-toggle__button"
@@ -786,6 +795,7 @@ cssPrefix: pf-v5-c-menu-toggle
786
795
  &nbsp;
787
796
  <div
788
797
  class="pf-v5-c-menu-toggle pf-m-expanded pf-m-split-button pf-m-action pf-m-secondary"
798
+ id="split-button-checkbox-with-toggle-action-secondary-expanded-example"
789
799
  >
790
800
  <button class="pf-v5-c-menu-toggle__button" type="button">Action</button>
791
801
  <button
@@ -929,7 +939,10 @@ cssPrefix: pf-v5-c-menu-toggle
929
939
  ### Typeahead
930
940
 
931
941
  ```html
932
- <div class="pf-v5-c-menu-toggle pf-m-typeahead pf-m-full-width">
942
+ <div
943
+ class="pf-v5-c-menu-toggle pf-m-typeahead pf-m-full-width"
944
+ id="typeahead-example"
945
+ >
933
946
  <div class="pf-v5-c-text-input-group pf-m-plain">
934
947
  <div class="pf-v5-c-text-input-group__main">
935
948
  <span class="pf-v5-c-text-input-group__text">
package/docs/components/ModalBox/examples/ModalBox.css CHANGED
@@ -1,10 +1,5 @@
1
1
  .ws-core-c-modal .ws-preview-html {
2
- position: relative;
3
- }
4
-
5
- .ws-core-c-modal .pf-v5-c-modal-box {
6
- position: absolute;
7
- top: 50%;
8
- left: 50%;
9
- transform: translate(-50%, -50%);
2
+ display: flex;
3
+ justify-content: center;
4
+ align-items: center;
10
5
  }
package/docs/components/MultipleFileUpload/examples/MultipleFileUpload.md CHANGED
@@ -194,7 +194,7 @@ cssPrefix: pf-v5-c-multiple-file-upload
194
194
  type="button"
195
195
  aria-label="Remove from list"
196
196
  >
197
- <i class="fas fa-times-circle" aria-hidden="true"></i>
197
+ <i class="fas fa-times" aria-hidden="true"></i>
198
198
  </button>
199
199
  </div>
200
200
  </li>
@@ -243,7 +243,7 @@ cssPrefix: pf-v5-c-multiple-file-upload
243
243
  type="button"
244
244
  aria-label="Remove from list"
245
245
  >
246
- <i class="fas fa-times-circle" aria-hidden="true"></i>
246
+ <i class="fas fa-times" aria-hidden="true"></i>
247
247
  </button>
248
248
  </div>
249
249
  </li>
@@ -292,7 +292,7 @@ cssPrefix: pf-v5-c-multiple-file-upload
292
292
  type="button"
293
293
  aria-label="Remove from list"
294
294
  >
295
- <i class="fas fa-times-circle" aria-hidden="true"></i>
295
+ <i class="fas fa-times" aria-hidden="true"></i>
296
296
  </button>
297
297
  </div>
298
298
  </li>
@@ -393,7 +393,7 @@ cssPrefix: pf-v5-c-multiple-file-upload
393
393
  type="button"
394
394
  aria-label="Remove from list"
395
395
  >
396
- <i class="fas fa-times-circle" aria-hidden="true"></i>
396
+ <i class="fas fa-times" aria-hidden="true"></i>
397
397
  </button>
398
398
  </div>
399
399
  </li>
@@ -442,7 +442,7 @@ cssPrefix: pf-v5-c-multiple-file-upload
442
442
  type="button"
443
443
  aria-label="Remove from list"
444
444
  >
445
- <i class="fas fa-times-circle" aria-hidden="true"></i>
445
+ <i class="fas fa-times" aria-hidden="true"></i>
446
446
  </button>
447
447
  </div>
448
448
  </li>
@@ -491,7 +491,7 @@ cssPrefix: pf-v5-c-multiple-file-upload
491
491
  type="button"
492
492
  aria-label="Remove from list"
493
493
  >
494
- <i class="fas fa-times-circle" aria-hidden="true"></i>
494
+ <i class="fas fa-times" aria-hidden="true"></i>
495
495
  </button>
496
496
  </div>
497
497
  </li>
@@ -592,7 +592,7 @@ cssPrefix: pf-v5-c-multiple-file-upload
592
592
  type="button"
593
593
  aria-label="Remove from list"
594
594
  >
595
- <i class="fas fa-times-circle" aria-hidden="true"></i>
595
+ <i class="fas fa-times" aria-hidden="true"></i>
596
596
  </button>
597
597
  </div>
598
598
  </li>
@@ -641,7 +641,7 @@ cssPrefix: pf-v5-c-multiple-file-upload
641
641
  type="button"
642
642
  aria-label="Remove from list"
643
643
  >
644
- <i class="fas fa-times-circle" aria-hidden="true"></i>
644
+ <i class="fas fa-times" aria-hidden="true"></i>
645
645
  </button>
646
646
  </div>
647
647
  </li>
@@ -690,7 +690,7 @@ cssPrefix: pf-v5-c-multiple-file-upload
690
690
  type="button"
691
691
  aria-label="Remove from list"
692
692
  >
693
- <i class="fas fa-times-circle" aria-hidden="true"></i>
693
+ <i class="fas fa-times" aria-hidden="true"></i>
694
694
  </button>
695
695
  </div>
696
696
  </li>
package/docs/components/Nav/examples/Navigation.css CHANGED
@@ -1,42 +1,3 @@
1
- #ws-core-c-navigation-default,
2
- #ws-core-c-navigation-basic,
3
- #ws-core-c-navigation-grouped,
4
- #ws-core-c-navigation-grouped-nav,
5
- #ws-core-c-navigation-grouped-nav-no-titles,
6
- #ws-core-c-navigation-expanded,
7
- #ws-core-c-navigation-expanded-with-subnav-titles,
8
- #ws-core-c-navigation-mixed,
9
- #ws-core-c-navigation-horizontal,
10
- #ws-core-c-navigation-horizontal-overflow,
11
- #ws-core-c-navigation-horizontal-subnav,
12
- #ws-core-c-navigation-horizontal-subnav-overflow,
13
- #ws-core-c-navigation-drilldown,
14
- #ws-core-c-navigation-nav-with-drilldown-menu .pf-v5-c-nav,
15
- #ws-core-c-navigation-level-2-drilldown,
16
- #ws-core-c-navigation-level-3-drilldown,
17
- #ws-core-c-navigation-nav-with-flyout .pf-v5-c-nav,
18
- #ws-core-c-navigation-grouped-nav-no-titles-no-margin-top {
19
- padding: 0;
20
- }
21
-
22
- #ws-core-c-navigation-horizontal-in-masthead,
23
- #ws-core-c-navigation-horizontal-in-masthead-overflow {
24
- padding: 0;
25
- grid-template-rows: auto;
26
- }
27
-
28
- #ws-core-c-navigation-horizontal-in-masthead .pf-v5-c-page__header,
29
- #ws-core-c-navigation-horizontal-in-masthead-overflow .pf-v5-c-page__header {
30
- min-height: 0;
31
- }
32
-
33
- @media screen and (min-width: 1200px) {
34
- #ws-core-c-navigation-horizontal-in-masthead .pf-v5-c-page__header,
35
- #ws-core-c-navigation-horizontal-in-masthead-overflow .pf-v5-c-page__header {
36
- min-height: var(--pf-v5-c-page__header--MinHeight);
37
- }
38
- }
39
-
40
1
  #ws-core-c-navigation-horizontal-in-masthead .pf-v5-c-page__header-nav,
41
2
  #ws-core-c-navigation-horizontal-in-masthead-overflow .pf-v5-c-page__header-nav {
42
3
  grid-row: 1;
@@ -44,7 +5,7 @@
44
5
 
45
6
  #ws-core-c-navigation-nav-with-flyout .ws-preview-html,
46
7
  [id^="ws-core-c-navigation-nav-with-drilldown-menu"] .ws-preview-html {
47
- width: 260px;
8
+ width: 280px;
48
9
  }
49
10
 
50
11
  #ws-core-c-navigation-nav-with-flyout .ws-preview-html {
@@ -53,6 +14,6 @@
53
14
 
54
15
  #ws-core-c-navigation-nav-with-flyout .pf-v5-c-menu.pf-m-flyout.pf-m-nav {
55
16
  position: absolute;
56
- top: 168px;
57
- left: 256px;
17
+ inset-block-start: 168px;
18
+ inset-inline-start: 256px;
58
19
  }