@patternfly/patternfly 6.0.0-alpha.99 → 6.0.0-prerelease.2

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 (501) hide show
  1. package/README.md +1 -2
  2. package/assets/fontawesome/_animated.scss +1 -0
  3. package/assets/fontawesome/_bordered-pulled.scss +1 -0
  4. package/assets/fontawesome/_core.scss +2 -0
  5. package/assets/fontawesome/_fixed-width.scss +2 -0
  6. package/assets/fontawesome/_icons.scss +1 -0
  7. package/assets/fontawesome/_index.scss +12 -0
  8. package/assets/fontawesome/_larger.scss +4 -2
  9. package/assets/fontawesome/_list.scss +4 -2
  10. package/assets/fontawesome/_rotated-flipped.scss +2 -0
  11. package/assets/fontawesome/_screen-reader.scss +1 -0
  12. package/assets/fontawesome/_stacked.scss +3 -1
  13. package/assets/fontawesome/_variables.scss +3 -2
  14. package/assets/fontawesome/fontawesome.scss +12 -12
  15. package/assets/icons/iconUnicodes.json +6 -0
  16. package/assets/images/img_avatar-dark.svg +22 -16
  17. package/assets/images/img_avatar-light.svg +25 -18
  18. package/assets/images/pf-background.svg +21 -21
  19. package/assets/images/pf_logo.svg +11 -11
  20. package/assets/images/pf_logo_white.svg +16 -17
  21. package/assets/pficon/pf-v6-pficon.woff2 +0 -0
  22. package/assets/pficon/pficon.scss +310 -271
  23. package/base/_index.scss +10 -0
  24. package/base/{_globals.scss → normalize.scss} +15 -48
  25. package/base/patternfly-common.css +14 -0
  26. package/base/patternfly-common.scss +68 -2
  27. package/base/patternfly-fa-icons.css +1 -1
  28. package/base/patternfly-fa-icons.scss +35 -2
  29. package/base/patternfly-fonts.css +10 -80
  30. package/base/patternfly-fonts.scss +49 -2
  31. package/base/patternfly-pf-icons.css +158 -134
  32. package/base/patternfly-pf-icons.scss +1 -2
  33. package/base/patternfly-svg-icons.css +5 -0
  34. package/base/{_svg-icons.scss → patternfly-svg-icons.scss} +2 -0
  35. package/base/patternfly-variables.css +1082 -1206
  36. package/base/patternfly-variables.scss +20 -2
  37. package/base/reset.scss +33 -0
  38. package/base/tokens/_index.scss +6 -0
  39. package/base/tokens/tokens-charts-dark.scss +173 -0
  40. package/base/tokens/{_tokens-charts.scss → tokens-charts.scss} +162 -148
  41. package/base/tokens/{_tokens-dark.scss → tokens-dark.scss} +307 -294
  42. package/base/tokens/{_tokens-default.scss → tokens-default.scss} +574 -447
  43. package/base/tokens/{_tokens-font.scss → tokens-local.scss} +13 -34
  44. package/base/tokens/{_tokens-palette.scss → tokens-palette.scss} +69 -70
  45. package/components/AboutModalBox/about-modal-box.css +86 -81
  46. package/components/AboutModalBox/about-modal-box.scss +80 -82
  47. package/components/Accordion/accordion.css +44 -43
  48. package/components/Accordion/accordion.scss +52 -52
  49. package/components/ActionList/action-list.css +6 -5
  50. package/components/ActionList/action-list.scss +7 -5
  51. package/components/Alert/alert-group.css +72 -19
  52. package/components/Alert/alert-group.scss +105 -18
  53. package/components/Alert/alert.css +52 -59
  54. package/components/Alert/alert.scss +56 -65
  55. package/components/Avatar/avatar.css +42 -41
  56. package/components/Avatar/avatar.scss +8 -7
  57. package/components/BackToTop/back-to-top.css +19 -17
  58. package/components/BackToTop/back-to-top.scss +17 -17
  59. package/components/Backdrop/backdrop.css +1 -1
  60. package/components/Backdrop/backdrop.scss +3 -4
  61. package/components/BackgroundImage/background-image.scss +3 -4
  62. package/components/Badge/badge.css +29 -7
  63. package/components/Badge/badge.scss +33 -9
  64. package/components/Banner/banner.css +30 -37
  65. package/components/Banner/banner.scss +30 -43
  66. package/components/Brand/brand.css +14 -10
  67. package/components/Brand/brand.scss +8 -5
  68. package/components/Breadcrumb/breadcrumb.css +23 -24
  69. package/components/Breadcrumb/breadcrumb.scss +25 -28
  70. package/components/Button/button.css +150 -128
  71. package/components/Button/button.scss +155 -130
  72. package/components/CalendarMonth/calendar-month.css +46 -46
  73. package/components/CalendarMonth/calendar-month.scss +49 -50
  74. package/components/Card/card.css +110 -93
  75. package/components/Card/card.scss +118 -92
  76. package/components/Check/check.css +5 -5
  77. package/components/Check/check.scss +7 -8
  78. package/components/ClipboardCopy/clipboard-copy.css +33 -41
  79. package/components/ClipboardCopy/clipboard-copy.scss +35 -44
  80. package/components/CodeBlock/code-block.css +21 -20
  81. package/components/CodeBlock/code-block.scss +21 -21
  82. package/components/CodeEditor/code-editor.css +35 -34
  83. package/components/CodeEditor/code-editor.scss +35 -35
  84. package/components/Content/content.css +167 -153
  85. package/components/Content/content.scss +204 -145
  86. package/components/DataList/data-list-grid.css +117 -117
  87. package/components/DataList/data-list-grid.scss +22 -20
  88. package/components/DataList/data-list.css +308 -312
  89. package/components/DataList/data-list.scss +145 -152
  90. package/components/DatePicker/date-picker.css +17 -17
  91. package/components/DatePicker/date-picker.scss +17 -18
  92. package/components/DescriptionList/description-list-order.css +5 -5
  93. package/components/DescriptionList/description-list-order.scss +3 -1
  94. package/components/DescriptionList/description-list.css +46 -44
  95. package/components/DescriptionList/description-list.scss +26 -31
  96. package/components/Divider/divider.css +104 -107
  97. package/components/Divider/divider.scss +19 -19
  98. package/components/DragDrop/drag-drop.css +4 -2
  99. package/components/DragDrop/drag-drop.scss +3 -3
  100. package/components/Drawer/drawer.css +115 -114
  101. package/components/Drawer/drawer.scss +136 -134
  102. package/components/DualListSelector/dual-list-selector.css +64 -61
  103. package/components/DualListSelector/dual-list-selector.scss +54 -51
  104. package/components/EmptyState/empty-state.css +38 -37
  105. package/components/EmptyState/empty-state.scss +39 -39
  106. package/components/ExpandableSection/expandable-section.css +27 -86
  107. package/components/ExpandableSection/expandable-section.scss +32 -101
  108. package/components/FileUpload/file-upload.css +2 -2
  109. package/components/FileUpload/file-upload.scss +2 -3
  110. package/components/Form/form.css +173 -115
  111. package/components/Form/form.scss +117 -103
  112. package/components/FormControl/form-control.css +57 -57
  113. package/components/FormControl/form-control.scss +69 -67
  114. package/components/HelperText/helper-text.css +5 -4
  115. package/components/HelperText/helper-text.scss +8 -6
  116. package/components/Hint/hint.css +25 -25
  117. package/components/Hint/hint.scss +25 -27
  118. package/components/Icon/icon.css +10 -10
  119. package/components/Icon/icon.scss +11 -12
  120. package/components/InlineEdit/inline-edit.css +12 -12
  121. package/components/InlineEdit/inline-edit.scss +12 -13
  122. package/components/InputGroup/input-group.css +16 -16
  123. package/components/InputGroup/input-group.scss +18 -19
  124. package/components/JumpLinks/jump-links.css +80 -96
  125. package/components/JumpLinks/jump-links.scss +80 -100
  126. package/components/Label/label-group.css +28 -28
  127. package/components/Label/label-group.scss +29 -30
  128. package/components/Label/label.css +102 -87
  129. package/components/Label/label.scss +113 -94
  130. package/components/List/list.css +44 -47
  131. package/components/List/list.scss +51 -58
  132. package/components/Login/login.css +122 -118
  133. package/components/Login/login.scss +105 -112
  134. package/components/Masthead/masthead.css +273 -175
  135. package/components/Masthead/masthead.scss +102 -68
  136. package/components/Menu/menu.css +151 -95
  137. package/components/Menu/menu.scss +59 -40
  138. package/components/MenuToggle/menu-toggle.css +129 -108
  139. package/components/MenuToggle/menu-toggle.scss +150 -128
  140. package/components/ModalBox/modal-box.css +53 -45
  141. package/components/ModalBox/modal-box.scss +52 -46
  142. package/components/MultipleFileUpload/multiple-file-upload.css +37 -37
  143. package/components/MultipleFileUpload/multiple-file-upload.scss +38 -39
  144. package/components/Nav/nav.css +33 -9
  145. package/components/Nav/nav.scss +46 -13
  146. package/components/NotificationDrawer/notification-drawer.css +50 -51
  147. package/components/NotificationDrawer/notification-drawer.scss +58 -57
  148. package/components/NumberInput/number-input.css +7 -11
  149. package/components/NumberInput/number-input.scss +5 -7
  150. package/components/OverflowMenu/overflow-menu.css +2 -1
  151. package/components/OverflowMenu/overflow-menu.scss +3 -1
  152. package/components/Page/page.css +175 -519
  153. package/components/Page/page.scss +155 -386
  154. package/components/Pagination/pagination.css +82 -79
  155. package/components/Pagination/pagination.scss +43 -40
  156. package/components/Panel/panel.css +33 -30
  157. package/components/Panel/panel.scss +35 -33
  158. package/components/Popover/popover.css +54 -52
  159. package/components/Popover/popover.scss +55 -54
  160. package/components/Progress/progress.css +8 -4
  161. package/components/Progress/progress.scss +14 -11
  162. package/components/ProgressStepper/progress-stepper.css +246 -245
  163. package/components/ProgressStepper/progress-stepper.scss +118 -118
  164. package/components/Radio/radio.css +7 -7
  165. package/components/Radio/radio.scss +9 -10
  166. package/components/Sidebar/sidebar.css +139 -139
  167. package/components/Sidebar/sidebar.scss +61 -61
  168. package/components/SimpleList/simple-list.css +21 -20
  169. package/components/SimpleList/simple-list.scss +22 -23
  170. package/components/Skeleton/skeleton.css +4 -4
  171. package/components/Skeleton/skeleton.scss +7 -8
  172. package/components/SkipToContent/skip-to-content.css +7 -6
  173. package/components/SkipToContent/skip-to-content.scss +7 -7
  174. package/components/Slider/slider.css +31 -31
  175. package/components/Slider/slider.scss +54 -55
  176. package/components/Spinner/spinner.scss +4 -5
  177. package/components/Switch/switch.css +4 -10
  178. package/components/Switch/switch.scss +8 -17
  179. package/components/TabContent/tab-content.css +25 -25
  180. package/components/TabContent/tab-content.scss +28 -28
  181. package/components/Table/table-grid.css +434 -508
  182. package/components/Table/table-grid.scss +131 -150
  183. package/components/Table/table-scrollable.css +31 -34
  184. package/components/Table/table-scrollable.scss +44 -41
  185. package/components/Table/table-tree-view.css +287 -279
  186. package/components/Table/table-tree-view.scss +84 -84
  187. package/components/Table/table.css +316 -279
  188. package/components/Table/table.scss +346 -301
  189. package/components/Tabs/tabs.css +215 -240
  190. package/components/Tabs/tabs.scss +130 -162
  191. package/components/TextInputGroup/text-input-group.css +122 -64
  192. package/components/TextInputGroup/text-input-group.scss +144 -87
  193. package/components/Tile/tile.css +15 -15
  194. package/components/Tile/tile.scss +16 -17
  195. package/components/Timestamp/timestamp.css +13 -19
  196. package/components/Timestamp/timestamp.scss +16 -22
  197. package/components/Title/title.css +14 -13
  198. package/components/Title/title.scss +15 -15
  199. package/components/ToggleGroup/toggle-group.css +37 -37
  200. package/components/ToggleGroup/toggle-group.scss +38 -41
  201. package/components/Toolbar/toolbar.css +547 -1431
  202. package/components/Toolbar/toolbar.scss +159 -123
  203. package/components/Tooltip/tooltip.css +28 -27
  204. package/components/Tooltip/tooltip.scss +31 -30
  205. package/components/TreeView/tree-view.css +184 -184
  206. package/components/TreeView/tree-view.scss +133 -133
  207. package/components/Truncate/truncate.css +2 -2
  208. package/components/Truncate/truncate.scss +7 -8
  209. package/components/Wizard/wizard.css +190 -154
  210. package/components/Wizard/wizard.scss +211 -165
  211. package/components/_index.css +22378 -0
  212. package/components/_index.scss +82 -0
  213. package/docs/components/AboutModalBox/examples/AboutModalBox.md +3 -1
  214. package/docs/components/Accordion/examples/Accordion.md +1 -1
  215. package/docs/components/ActionList/examples/ActionList.md +64 -24
  216. package/docs/components/Alert/examples/Alert.md +116 -74
  217. package/docs/components/BackToTop/examples/BackToTop.md +1 -1
  218. package/docs/components/Badge/examples/Badge.md +6 -16
  219. package/docs/components/Banner/examples/Banner.md +16 -10
  220. package/docs/components/Brand/examples/Brand.md +2 -2
  221. package/docs/components/Breadcrumb/examples/Breadcrumb.md +19 -59
  222. package/docs/components/Button/examples/Button.md +537 -368
  223. package/docs/components/CalendarMonth/examples/CalendarMonth.md +24 -8
  224. package/docs/components/Card/examples/Card.md +372 -658
  225. package/docs/components/Check/examples/Check.md +10 -15
  226. package/docs/components/ClipboardCopy/examples/ClipboardCopy.md +92 -47
  227. package/docs/components/CodeBlock/examples/CodeBlock.md +51 -28
  228. package/docs/components/CodeEditor/examples/CodeEditor.md +41 -22
  229. package/docs/components/Content/examples/Content.md +600 -60
  230. package/docs/components/DataList/examples/DataList.md +291 -1028
  231. package/docs/components/DatePicker/examples/DatePicker.md +18 -6
  232. package/docs/components/DescriptionList/examples/DescriptionList.md +80 -55
  233. package/docs/components/Drawer/examples/Drawer.md +60 -21
  234. package/docs/components/DualListSelector/examples/DualListSelector.md +364 -996
  235. package/docs/components/EmptyState/examples/EmptyState.md +123 -53
  236. package/docs/components/ExpandableSection/examples/ExpandableSection.md +96 -91
  237. package/docs/components/FileUpload/examples/FileUpload.md +42 -14
  238. package/docs/components/Form/examples/Form.md +100 -26
  239. package/docs/components/Hint/examples/Hint.md +54 -164
  240. package/docs/components/InlineEdit/examples/InlineEdit.md +132 -45
  241. package/docs/components/InputGroup/examples/InputGroup.md +38 -62
  242. package/docs/components/JumpLinks/examples/JumpLinks.md +189 -72
  243. package/docs/components/Label/examples/Label.md +2577 -406
  244. package/docs/components/Login/examples/Login.md +372 -334
  245. package/docs/components/Masthead/examples/masthead.md +515 -484
  246. package/docs/components/Menu/examples/Menu.md +77 -138
  247. package/docs/components/MenuToggle/examples/MenuToggle.md +289 -39
  248. package/docs/components/ModalBox/examples/ModalBox.md +158 -100
  249. package/docs/components/MultipleFileUpload/examples/MultipleFileUpload.md +137 -97
  250. package/docs/components/Nav/examples/Navigation.css +2 -7
  251. package/docs/components/Nav/examples/Navigation.md +337 -270
  252. package/docs/components/NotificationDrawer/examples/NotificationDrawer.md +515 -2076
  253. package/docs/components/NumberInput/examples/NumberInput.md +96 -48
  254. package/docs/components/OverflowMenu/examples/overflow-menu.css +4 -28
  255. package/docs/components/OverflowMenu/examples/overflow-menu.md +104 -159
  256. package/docs/components/Page/examples/Page.css +5 -9
  257. package/docs/components/Page/examples/Page.md +254 -181
  258. package/docs/components/Pagination/examples/Pagination.md +336 -756
  259. package/docs/components/Panel/examples/Panel.md +3 -2
  260. package/docs/components/Popover/examples/Popover.md +60 -15
  261. package/docs/components/ProgressStepper/examples/ProgressStepper.md +15 -15
  262. package/docs/components/Sidebar/examples/Sidebar.css +4 -2
  263. package/docs/components/Sidebar/examples/Sidebar.md +3 -3
  264. package/docs/components/Skeleton/examples/Skeleton.css +1 -1
  265. package/docs/components/SkipToContent/examples/SkipToContent.md +3 -1
  266. package/docs/components/Slider/examples/Slider.md +53 -45
  267. package/docs/components/Spinner/examples/Spinner.md +1 -1
  268. package/docs/components/Switch/examples/Switch.md +33 -148
  269. package/docs/components/Table/examples/Table.css +11 -6
  270. package/docs/components/Table/examples/Table.md +5302 -2464
  271. package/docs/components/Tabs/examples/Tabs.md +1267 -607
  272. package/docs/components/TextInputGroup/examples/TextInputGroup.css +8 -3
  273. package/docs/components/TextInputGroup/examples/TextInputGroup.md +469 -278
  274. package/docs/components/Tile/examples/Tile.css +5 -5
  275. package/docs/components/Timestamp/examples/Timestamp.md +7 -1
  276. package/docs/components/ToggleGroup/examples/toggle-group.md +1 -3
  277. package/docs/components/Toolbar/examples/Toolbar.css +50 -39
  278. package/docs/components/Toolbar/examples/Toolbar.md +1562 -1200
  279. package/docs/components/Tooltip/examples/Tooltip.css +1 -1
  280. package/docs/components/TreeView/examples/TreeView.md +627 -49
  281. package/docs/components/Truncate/examples/Truncate.css +1 -2
  282. package/docs/components/Wizard/examples/Wizard.md +1595 -126
  283. package/docs/demos/AboutModal/examples/AboutModal.md +191 -198
  284. package/docs/demos/Alert/examples/Alert.md +924 -909
  285. package/docs/demos/BackToTop/examples/BackToTop.md +318 -327
  286. package/docs/demos/Banner/examples/Banner.md +641 -659
  287. package/docs/demos/Button/examples/Button.md +8 -8
  288. package/docs/demos/Card/examples/Card.css +6 -6
  289. package/docs/demos/Card/examples/Card.md +419 -606
  290. package/docs/demos/CardView/examples/CardView.md +822 -1435
  291. package/docs/demos/Dashboard/examples/Dashboard.md +1308 -1442
  292. package/docs/demos/DataList/examples/DataList.md +3210 -3424
  293. package/docs/demos/DescriptionList/examples/DescriptionList.md +899 -937
  294. package/docs/demos/Drawer/examples/Drawer.md +1165 -1176
  295. package/docs/demos/Form/examples/BasicForms.md +153 -88
  296. package/docs/demos/JumpLinks/examples/JumpLinks.md +1710 -1602
  297. package/docs/demos/Masthead/examples/Masthead.md +1719 -1583
  298. package/docs/demos/Modal/examples/Modal.md +1231 -1235
  299. package/docs/demos/Nav/examples/Nav.md +1216 -1230
  300. package/docs/demos/NotificationDrawer/examples/NotificationDrawer.md +1910 -4577
  301. package/docs/demos/Page/examples/Page.css +11 -0
  302. package/docs/demos/Page/examples/Page.md +3753 -2540
  303. package/docs/demos/Panel/Panel.md +88 -0
  304. package/docs/demos/PasswordGenerator/examples/PasswordGenerator.md +9 -3
  305. package/docs/demos/PasswordStrength/examples/PasswordStrength.md +16 -48
  306. package/docs/demos/PrimaryDetail/examples/PrimaryDetail.md +5150 -6255
  307. package/docs/demos/Skeleton/examples/Skeleton.md +297 -304
  308. package/docs/demos/Table/examples/Table.md +14272 -15154
  309. package/docs/demos/Tabs/examples/Tabs.md +2821 -2891
  310. package/docs/demos/Toolbar/examples/Toolbar.css +10 -18
  311. package/docs/demos/Toolbar/examples/Toolbar.md +2487 -2663
  312. package/docs/demos/Wizard/examples/Wizard.md +3021 -2784
  313. package/docs/layouts/Bullseye/examples/Bullseye.css +4 -4
  314. package/docs/layouts/Flex/examples/Flex.css +4 -4
  315. package/docs/layouts/Flex/examples/Flex.md +50 -50
  316. package/docs/layouts/Gallery/examples/Gallery.css +4 -4
  317. package/docs/layouts/Gallery/examples/Gallery.md +6 -6
  318. package/docs/layouts/Grid/examples/Grid.css +3 -3
  319. package/docs/layouts/Grid/examples/Grid.md +33 -33
  320. package/docs/layouts/Level/examples/Level.css +5 -5
  321. package/docs/layouts/Split/examples/Split.css +4 -4
  322. package/docs/layouts/Stack/examples/Stack.css +5 -5
  323. package/docs/utilities/Accessibility/examples/Accessibility.md +2 -2
  324. package/docs/utilities/Alignment/examples/Alignment.css +6 -6
  325. package/docs/utilities/Alignment/examples/Alignment.md +5 -5
  326. package/docs/utilities/BackgroundColor/examples/BackgroundColor.md +7 -67
  327. package/docs/utilities/BoxShadow/examples/box-shadow.css +11 -11
  328. package/docs/utilities/BoxShadow/examples/box-shadow.md +15 -38
  329. package/docs/utilities/Display/examples/Display.css +3 -10
  330. package/docs/utilities/Display/examples/Display.md +21 -12
  331. package/docs/utilities/Flex/examples/Flex.css +7 -7
  332. package/docs/utilities/Flex/examples/Flex.md +82 -40
  333. package/docs/utilities/Float/examples/Float.css +5 -5
  334. package/docs/utilities/Float/examples/Float.md +6 -6
  335. package/docs/utilities/Sizing/examples/Sizing.css +6 -6
  336. package/docs/utilities/Sizing/examples/Sizing.md +60 -60
  337. package/docs/utilities/Spacing/examples/Spacing.css +3 -3
  338. package/docs/utilities/Spacing/examples/Spacing.md +37 -37
  339. package/docs/utilities/Text/examples/Text.md +78 -77
  340. package/icons/pficons.mjs +6 -0
  341. package/layouts/Bullseye/bullseye.css +4 -0
  342. package/layouts/Bullseye/bullseye.scss +5 -1
  343. package/layouts/Flex/flex.css +241 -237
  344. package/layouts/Flex/flex.scss +48 -44
  345. package/layouts/Gallery/gallery.css +15 -11
  346. package/layouts/Gallery/gallery.scss +9 -5
  347. package/layouts/Grid/grid.css +20 -16
  348. package/layouts/Grid/grid.scss +12 -8
  349. package/layouts/Level/level.css +5 -1
  350. package/layouts/Level/level.scss +6 -2
  351. package/layouts/Split/split.css +5 -1
  352. package/layouts/Split/split.scss +6 -2
  353. package/layouts/Stack/stack.css +5 -1
  354. package/layouts/Stack/stack.scss +6 -2
  355. package/layouts/_index.css +3461 -0
  356. package/layouts/_index.scss +8 -0
  357. package/package.json +39 -39
  358. package/patternfly-addons.css +2071 -2648
  359. package/patternfly-addons.scss +2 -12
  360. package/patternfly-base-no-globals.css +1429 -1645
  361. package/patternfly-base-no-globals.scss +5 -3
  362. package/patternfly-base.css +1511 -1723
  363. package/patternfly-base.scss +2 -6
  364. package/patternfly-charts.css +579 -240
  365. package/patternfly-charts.scss +352 -337
  366. package/patternfly-no-globals.css +19895 -23410
  367. package/patternfly-no-globals.scss +5 -4
  368. package/patternfly.css +19999 -23510
  369. package/patternfly.min.css +1 -1
  370. package/patternfly.min.css.map +1 -1
  371. package/patternfly.scss +3 -4
  372. package/sass-utilities/_index.scss +6 -0
  373. package/sass-utilities/functions.scss +25 -25
  374. package/sass-utilities/{_init.scss → init.scss} +6 -6
  375. package/sass-utilities/mixins.scss +108 -72
  376. package/sass-utilities/{component-namespaces.scss → namespaces-components.scss} +3 -27
  377. package/sass-utilities/{layout-namespaces.scss → namespaces-layouts.scss} +3 -1
  378. package/sass-utilities/scss-variables.scss +49 -261
  379. package/utilities/Accessibility/accessibility.css +15 -15
  380. package/utilities/Accessibility/accessibility.scss +8 -6
  381. package/utilities/Alignment/alignment.css +29 -29
  382. package/utilities/Alignment/alignment.scss +6 -4
  383. package/utilities/BackgroundColor/background-color.css +67 -0
  384. package/utilities/BackgroundColor/background-color.scss +16 -0
  385. package/utilities/BoxShadow/box-shadow.css +15 -39
  386. package/utilities/BoxShadow/box-shadow.scss +19 -28
  387. package/utilities/Display/display.css +43 -5
  388. package/utilities/Display/display.scss +7 -4
  389. package/utilities/Flex/flex.css +50 -50
  390. package/utilities/Flex/flex.scss +21 -20
  391. package/utilities/Float/float.css +29 -29
  392. package/utilities/Float/float.scss +6 -6
  393. package/utilities/Sizing/sizing.css +58 -58
  394. package/utilities/Sizing/sizing.scss +23 -21
  395. package/utilities/Spacing/spacing.css +1372 -1372
  396. package/utilities/Spacing/spacing.scss +6 -6
  397. package/utilities/Text/text.css +419 -662
  398. package/utilities/Text/text.scss +81 -107
  399. package/utilities/_index.css +7815 -0
  400. package/utilities/_index.scss +10 -0
  401. package/assets/images/pf-logo-small.svg +0 -23
  402. package/assets/images/pf_logo_white.hbs +0 -35
  403. package/assets/images/pfbg-icon.svg +0 -1
  404. package/assets/pficon/pf-v5-pficon.woff2 +0 -0
  405. package/base/_base.scss +0 -2
  406. package/base/_chart-globals.scss +0 -415
  407. package/base/_common.scss +0 -50
  408. package/base/_fa-icons.scss +0 -33
  409. package/base/_fonts.scss +0 -136
  410. package/base/_icons.scss +0 -3
  411. package/base/_pficons.scss +0 -2
  412. package/base/_themes.scss +0 -43
  413. package/base/_variables.scss +0 -299
  414. package/base/patternfly-globals.css +0 -120
  415. package/base/patternfly-globals.scss +0 -2
  416. package/base/patternfly-icons.css +0 -4728
  417. package/base/patternfly-icons.scss +0 -2
  418. package/base/patternfly-themes.css +0 -82
  419. package/base/patternfly-themes.scss +0 -2
  420. package/base/themes/dark/_chart-globals.scss +0 -42
  421. package/base/themes/dark/_globals.scss +0 -5
  422. package/base/tokens/_workspace-overrides.scss +0 -7
  423. package/components/AppLauncher/app-launcher.css +0 -244
  424. package/components/AppLauncher/app-launcher.scss +0 -308
  425. package/components/AppLauncher/themes/dark/app-launcher.scss +0 -13
  426. package/components/Chip/chip-group.css +0 -93
  427. package/components/Chip/chip-group.scss +0 -98
  428. package/components/Chip/chip.css +0 -122
  429. package/components/Chip/chip.scss +0 -140
  430. package/components/Chip/themes/dark/chip.scss +0 -9
  431. package/components/ContextSelector/context-selector.css +0 -336
  432. package/components/ContextSelector/context-selector.scss +0 -384
  433. package/components/ContextSelector/themes/dark/context-selector.scss +0 -24
  434. package/components/Dropdown/dropdown.css +0 -686
  435. package/components/Dropdown/dropdown.scss +0 -820
  436. package/components/Dropdown/themes/dark/dropdown.scss +0 -32
  437. package/components/LogViewer/log-viewer.css +0 -197
  438. package/components/LogViewer/log-viewer.scss +0 -226
  439. package/components/LogViewer/themes/dark/log-viewer.scss +0 -7
  440. package/components/NotificationBadge/notification-badge.css +0 -87
  441. package/components/NotificationBadge/notification-badge.scss +0 -108
  442. package/components/OptionsMenu/options-menu.css +0 -279
  443. package/components/OptionsMenu/options-menu.scss +0 -332
  444. package/components/OptionsMenu/themes/dark/options-menu.scss +0 -21
  445. package/components/Select/select.css +0 -599
  446. package/components/Select/select.scss +0 -713
  447. package/components/Select/themes/dark/select.scss +0 -23
  448. package/components/_all.scss +0 -91
  449. package/docs/components/AppLauncher/deprecated/application-launcher.css +0 -25
  450. package/docs/components/AppLauncher/deprecated/application-launcher.md +0 -792
  451. package/docs/components/Breadcrumb/examples/Breadcrumb.css +0 -3
  452. package/docs/components/Chip/examples/Chip.md +0 -846
  453. package/docs/components/ContextSelector/deprecated/context-selector.css +0 -7
  454. package/docs/components/ContextSelector/deprecated/context-selector.md +0 -909
  455. package/docs/components/Dropdown/deprecated/Dropdown.css +0 -64
  456. package/docs/components/Dropdown/deprecated/Dropdown.md +0 -2920
  457. package/docs/components/LogViewer/examples/LogViewer.css +0 -17
  458. package/docs/components/LogViewer/examples/LogViewer.md +0 -5936
  459. package/docs/components/NotificationBadge/examples/NotificationBadge.md +0 -222
  460. package/docs/components/OptionsMenu/deprecated/options-menu.css +0 -25
  461. package/docs/components/OptionsMenu/deprecated/options-menu.md +0 -1014
  462. package/docs/components/Page/deprecated/PageHeader.css +0 -17
  463. package/docs/components/Page/deprecated/PageHeader.md +0 -261
  464. package/docs/components/Pagination/examples/Pagination.css +0 -3
  465. package/docs/components/Select/deprecated/Select.css +0 -56
  466. package/docs/components/Select/deprecated/Select.md +0 -3525
  467. package/docs/components/Tabs/examples/Tabs.css +0 -10
  468. package/docs/components/ToggleGroup/examples/toggle-group.css +0 -4
  469. package/docs/demos/ContextSelector/examples/ContextSelector.md +0 -1712
  470. package/docs/demos/Page/examples/Penta.md +0 -821
  471. package/docs/utilities/Text/examples/Text.css +0 -0
  472. package/layouts/_all.scss +0 -7
  473. package/patternfly-base-no-globals-theme-dark-unversioned.css +0 -6276
  474. package/patternfly-base-no-globals-theme-dark-unversioned.scss +0 -11
  475. package/patternfly-base-theme-dark-unversioned.css +0 -6393
  476. package/patternfly-base-theme-dark-unversioned.scss +0 -5
  477. package/patternfly-charts-theme-dark-unversioned.css +0 -70
  478. package/patternfly-charts-theme-dark-unversioned.scss +0 -8
  479. package/patternfly-charts-theme-dark.css +0 -70
  480. package/patternfly-charts-theme-dark.scss +0 -8
  481. package/patternfly-theme-dark-unversioned.css +0 -35533
  482. package/patternfly-theme-dark-unversioned.scss +0 -6
  483. package/patternfly-theme-dark.css +0 -0
  484. package/patternfly-theme-dark.scss +0 -1
  485. package/sass-utilities/_all.scss +0 -9
  486. package/sass-utilities/colors.scss +0 -82
  487. package/sass-utilities/div.import.scss +0 -3
  488. package/sass-utilities/div.scss +0 -4
  489. package/sass-utilities/placeholders.scss +0 -72
  490. package/sass-utilities/themes/dark/_all.scss +0 -4
  491. package/sass-utilities/themes/dark/colors.scss +0 -16
  492. package/sass-utilities/themes/dark/mixins.scss +0 -7
  493. package/sass-utilities/themes/dark/placeholders.scss +0 -5
  494. package/sass-utilities/themes/dark/scss-variables.scss +0 -92
  495. package/themes/dark/_patternfly-charts-theme-dark.scss +0 -98
  496. package/utilities/BackgroundColor/BackgroundColor.css +0 -414
  497. package/utilities/BackgroundColor/BackgroundColor.scss +0 -64
  498. package/utilities/BackgroundColor/themes/dark/BackgroundColor.css +0 -0
  499. package/utilities/BackgroundColor/themes/dark/BackgroundColor.scss +0 -25
  500. package/utilities/Text/themes/dark/text.css +0 -0
  501. package/utilities/Text/themes/dark/text.scss +0 -33
package/docs/components/OverflowMenu/examples/overflow-menu.md CHANGED
@@ -6,53 +6,32 @@ cssPrefix: pf-v6-c-overflow-menu
6
6
 
7
7
  ## Introduction
8
8
 
9
- The overflow menu component condenses actions inside `.pf-v6-c-overflow-menu__content` container into a single dropdown button wrapped in `.pf-v6-c-overflow-menu__control`.
9
+ The overflow menu component condenses actions inside `.pf-v6-c-overflow-menu__content` container into a single menu button wrapped in `.pf-v6-c-overflow-menu__control`.
10
10
 
11
11
  The overflow menu relies on groups (`.pf-v6-c-overflow-menu__group`) and items (`.pf-v6-c-overflow-menu__item`), with default spacer values. Groups and items can be siblings and/or items can be nested within groups. Modifier selectors adjust spacing based on the type of group. Each modifier applies a unique CSS variable, therefore, the base spacer value for all elements can be customized and item/groups spacers can be themed individually. The default spacer value for items and groups is set to `--pf-v6-c-toolbar--spacer--base`, whose value is `--pf-v6-global--spacer--md` or 16px.
12
12
 
13
- ### Simple collapsed
13
+ ### Simple condensed
14
14
 
15
15
  ```html
16
16
  <div class="pf-v6-c-overflow-menu" id="overflow-menu-simple">
17
17
  <div class="pf-v6-c-overflow-menu__control">
18
- <div class="pf-v6-c-dropdown pf-m-expanded">
19
- <button
20
- class="pf-v6-c-button pf-v5-c-dropdown__toggle pf-m-plain"
21
- type="button"
22
- id="overflow-menu-simple-dropdown-toggle"
23
- aria-label="Generic options"
24
- aria-expanded="true"
25
- >
18
+ <button
19
+ class="pf-v6-c-menu-toggle pf-m-plain"
20
+ type="button"
21
+ aria-expanded="false"
22
+ aria-label="Menu toggle"
23
+ id="overflow-menu-simple-toggle"
24
+ >
25
+ <span class="pf-v6-c-menu-toggle__icon">
26
26
  <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
27
- </button>
28
- <ul
29
- class="pf-v6-c-dropdown__menu"
30
- role="menu"
31
- aria-labelledby="overflow-menu-simple-dropdown-toggle"
32
- >
33
- <li role="none">
34
- <button role="menuitem" class="pf-v6-c-dropdown__menu-item">Item 1</button>
35
- </li>
36
- <li role="none">
37
- <button role="menuitem" class="pf-v6-c-dropdown__menu-item">Item 2</button>
38
- </li>
39
- <li role="none">
40
- <button role="menuitem" class="pf-v6-c-dropdown__menu-item">Item 3</button>
41
- </li>
42
- <li role="none">
43
- <button role="menuitem" class="pf-v6-c-dropdown__menu-item">Item 4</button>
44
- </li>
45
- <li role="none">
46
- <button role="menuitem" class="pf-v6-c-dropdown__menu-item">Item 5</button>
47
- </li>
48
- </ul>
49
- </div>
27
+ </span>
28
+ </button>
50
29
  </div>
51
30
  </div>
52
31
 
53
32
  ```
54
33
 
55
- ### Simple expanded
34
+ ### Simple
56
35
 
57
36
  ```html
58
37
  <div class="pf-v6-c-overflow-menu" id="overflow-menu-simple-expanded">
@@ -98,13 +77,19 @@ The overflow menu relies on groups (`.pf-v6-c-overflow-menu__group`) and items (
98
77
  </div>
99
78
  <div class="pf-v6-c-overflow-menu__group pf-m-button-group">
100
79
  <div class="pf-v6-c-overflow-menu__item">
101
- <button class="pf-v6-c-button pf-m-primary" type="button">Primary</button>
80
+ <button class="pf-v6-c-button pf-m-primary" type="button">
81
+ <span class="pf-v6-c-button__text">Primary</span>
82
+ </button>
102
83
  </div>
103
84
  <div class="pf-v6-c-overflow-menu__item">
104
- <button class="pf-v6-c-button pf-m-secondary" type="button">Secondary</button>
85
+ <button class="pf-v6-c-button pf-m-secondary" type="button">
86
+ <span class="pf-v6-c-button__text">Secondary</span>
87
+ </button>
105
88
  </div>
106
89
  <div class="pf-v6-c-overflow-menu__item">
107
- <button class="pf-v6-c-button pf-m-tertiary" type="button">Tertiary</button>
90
+ <button class="pf-v6-c-button pf-m-tertiary" type="button">
91
+ <span class="pf-v6-c-button__text">Tertiary</span>
92
+ </button>
108
93
  </div>
109
94
  </div>
110
95
  <div class="pf-v6-c-overflow-menu__group pf-m-icon-button-group">
@@ -114,7 +99,9 @@ The overflow menu relies on groups (`.pf-v6-c-overflow-menu__group`) and items (
114
99
  type="button"
115
100
  aria-label="Align left"
116
101
  >
117
- <i class="fas fa-align-left" aria-hidden="true"></i>
102
+ <span class="pf-v6-c-button__icon">
103
+ <i class="fas fa-align-left" aria-hidden="true"></i>
104
+ </span>
118
105
  </button>
119
106
  </div>
120
107
  <div class="pf-v6-c-overflow-menu__item">
@@ -123,7 +110,9 @@ The overflow menu relies on groups (`.pf-v6-c-overflow-menu__group`) and items (
123
110
  type="button"
124
111
  aria-label="Align center"
125
112
  >
126
- <i class="fas fa-align-center" aria-hidden="true"></i>
113
+ <span class="pf-v6-c-button__icon">
114
+ <i class="fas fa-align-center" aria-hidden="true"></i>
115
+ </span>
127
116
  </button>
128
117
  </div>
129
118
  <div class="pf-v6-c-overflow-menu__item">
@@ -132,7 +121,9 @@ The overflow menu relies on groups (`.pf-v6-c-overflow-menu__group`) and items (
132
121
  type="button"
133
122
  aria-label="Align right"
134
123
  >
135
- <i class="fas fa-align-right" aria-hidden="true"></i>
124
+ <span class="pf-v6-c-button__icon">
125
+ <i class="fas fa-align-right" aria-hidden="true"></i>
126
+ </span>
136
127
  </button>
137
128
  </div>
138
129
  </div>
@@ -141,7 +132,7 @@ The overflow menu relies on groups (`.pf-v6-c-overflow-menu__group`) and items (
141
132
 
142
133
  ```
143
134
 
144
- The action group consists of a primary and secondary action. Any additional actions are part of the overflow control dropdown.
135
+ The action group consists of a primary and secondary action. Any additional actions are part of the overflow control menu.
145
136
 
146
137
  ### Overflow menu group types
147
138
 
@@ -151,7 +142,7 @@ The action group consists of a primary and secondary action. Any additional acti
151
142
  | `.pf-m-button-group` | `.pf-v6-c-overflow-menu__group` | Modifies overflow menu group spacing. Spacer value is set to `var(--pf-v6-c-overflow-menu__group--m-button-group--spacer)`. Child `.pf-v6-c-button` spacer value is set to `var(--pf-v6-c-overflow-menu__group--m-button-group--space-items)`. |
152
143
  | `.pf-m-icon-button-group` | `.pf-v6-c-overflow-menu__group` | Modifies overflow menu group spacing. Spacer value is set to `var(--pf-v6-c-overflow-menu__group--m-icon-button-group--spacer)`. Child `.pf-v6-c-button.pf-m-button-plain` spacer value is set to `var(--pf-v6-c-overflow-menu__group--m-icon-button-group--space-items)`. |
153
144
 
154
- ### Additional options in dropdown (hidden)
145
+ ### Additional options in menu (hidden)
155
146
 
156
147
  ```html
157
148
  <div
@@ -159,56 +150,23 @@ The action group consists of a primary and secondary action. Any additional acti
159
150
  id="overflow-menu-simple-additional-options-hidden"
160
151
  >
161
152
  <div class="pf-v6-c-overflow-menu__control">
162
- <div class="pf-v6-c-dropdown pf-m-expanded">
163
- <button
164
- class="pf-v6-c-button pf-v5-c-dropdown__toggle pf-m-plain"
165
- type="button"
166
- id="overflow-menu-simple-additional-options-hidden-dropdown-toggle"
167
- aria-label="Dropdown with additional options"
168
- aria-expanded="true"
169
- >
153
+ <button
154
+ class="pf-v6-c-menu-toggle pf-m-plain"
155
+ type="button"
156
+ aria-expanded="false"
157
+ aria-label="Menu toggle"
158
+ id="overflow-menu-simple-additional-options-hidden-toggle"
159
+ >
160
+ <span class="pf-v6-c-menu-toggle__icon">
170
161
  <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
171
- </button>
172
- <ul
173
- class="pf-v6-c-dropdown__menu"
174
- role="menu"
175
- aria-labelledby="overflow-menu-simple-additional-options-hidden-dropdown-toggle"
176
- >
177
- <li role="none">
178
- <button role="menuitem" class="pf-v6-c-dropdown__menu-item">Primary</button>
179
- </li>
180
- <li role="none">
181
- <button role="menuitem" class="pf-v6-c-dropdown__menu-item">Secondary</button>
182
- </li>
183
- <li role="none">
184
- <button role="menuitem" class="pf-v6-c-dropdown__menu-item">Tertiary</button>
185
- </li>
186
- <li role="none">
187
- <button role="menuitem" class="pf-v6-c-dropdown__menu-item">Align left</button>
188
- </li>
189
- <li role="none">
190
- <button
191
- role="menuitem"
192
- class="pf-v6-c-dropdown__menu-item"
193
- >Align center</button>
194
- </li>
195
- <li role="none">
196
- <button
197
- role="menuitem"
198
- class="pf-v6-c-dropdown__menu-item"
199
- >Align right</button>
200
- </li>
201
- <li role="none">
202
- <button role="menuitem" class="pf-v6-c-dropdown__menu-item">Action 7</button>
203
- </li>
204
- </ul>
205
- </div>
162
+ </span>
163
+ </button>
206
164
  </div>
207
165
  </div>
208
166
 
209
167
  ```
210
168
 
211
- ### Additional options in dropdown (visible)
169
+ ### Additional options in menu
212
170
 
213
171
  ```html
214
172
  <div
@@ -218,13 +176,19 @@ The action group consists of a primary and secondary action. Any additional acti
218
176
  <div class="pf-v6-c-overflow-menu__content">
219
177
  <div class="pf-v6-c-overflow-menu__group pf-m-button-group">
220
178
  <div class="pf-v6-c-overflow-menu__item">
221
- <button class="pf-v6-c-button pf-m-primary" type="button">Primary</button>
179
+ <button class="pf-v6-c-button pf-m-primary" type="button">
180
+ <span class="pf-v6-c-button__text">Primary</span>
181
+ </button>
222
182
  </div>
223
183
  <div class="pf-v6-c-overflow-menu__item">
224
- <button class="pf-v6-c-button pf-m-secondary" type="button">Secondary</button>
184
+ <button class="pf-v6-c-button pf-m-secondary" type="button">
185
+ <span class="pf-v6-c-button__text">Secondary</span>
186
+ </button>
225
187
  </div>
226
188
  <div class="pf-v6-c-overflow-menu__item">
227
- <button class="pf-v6-c-button pf-m-tertiary" type="button">Tertiary</button>
189
+ <button class="pf-v6-c-button pf-m-tertiary" type="button">
190
+ <span class="pf-v6-c-button__text">Tertiary</span>
191
+ </button>
228
192
  </div>
229
193
  </div>
230
194
  <div class="pf-v6-c-overflow-menu__group pf-m-icon-button-group">
@@ -234,7 +198,9 @@ The action group consists of a primary and secondary action. Any additional acti
234
198
  type="button"
235
199
  aria-label="Align left"
236
200
  >
237
- <i class="fas fa-align-left" aria-hidden="true"></i>
201
+ <span class="pf-v6-c-button__icon">
202
+ <i class="fas fa-align-left" aria-hidden="true"></i>
203
+ </span>
238
204
  </button>
239
205
  </div>
240
206
  <div class="pf-v6-c-overflow-menu__item">
@@ -243,7 +209,9 @@ The action group consists of a primary and secondary action. Any additional acti
243
209
  type="button"
244
210
  aria-label="Align center"
245
211
  >
246
- <i class="fas fa-align-center" aria-hidden="true"></i>
212
+ <span class="pf-v6-c-button__icon">
213
+ <i class="fas fa-align-center" aria-hidden="true"></i>
214
+ </span>
247
215
  </button>
248
216
  </div>
249
217
  <div class="pf-v6-c-overflow-menu__item">
@@ -252,32 +220,25 @@ The action group consists of a primary and secondary action. Any additional acti
252
220
  type="button"
253
221
  aria-label="Align right"
254
222
  >
255
- <i class="fas fa-align-right" aria-hidden="true"></i>
223
+ <span class="pf-v6-c-button__icon">
224
+ <i class="fas fa-align-right" aria-hidden="true"></i>
225
+ </span>
256
226
  </button>
257
227
  </div>
258
228
  </div>
259
229
  </div>
260
230
  <div class="pf-v6-c-overflow-menu__control">
261
- <div class="pf-v6-c-dropdown pf-m-expanded">
262
- <button
263
- class="pf-v6-c-button pf-v5-c-dropdown__toggle pf-m-plain"
264
- type="button"
265
- id="overflow-menu-simple-additional-options-visible-dropdown-toggle"
266
- aria-label="Dropdown with additional options"
267
- aria-expanded="true"
268
- >
231
+ <button
232
+ class="pf-v6-c-menu-toggle pf-m-plain"
233
+ type="button"
234
+ aria-expanded="false"
235
+ aria-label="Menu toggle"
236
+ id="overflow-menu-simple-additional-options-visible-toggle"
237
+ >
238
+ <span class="pf-v6-c-menu-toggle__icon">
269
239
  <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
270
- </button>
271
- <ul
272
- class="pf-v6-c-dropdown__menu"
273
- role="menu"
274
- aria-labelledby="overflow-menu-simple-additional-options-visible-dropdown-toggle"
275
- >
276
- <li role="none">
277
- <button role="menuitem" class="pf-v6-c-dropdown__menu-item">Action 7</button>
278
- </li>
279
- </ul>
280
- </div>
240
+ </span>
241
+ </button>
281
242
  </div>
282
243
  </div>
283
244
 
@@ -292,37 +253,24 @@ The action group consists of a primary and secondary action. Any additional acti
292
253
  <div class="pf-v6-c-overflow-menu__content">
293
254
  <div class="pf-v6-c-overflow-menu__group pf-m-button-group">
294
255
  <div class="pf-v6-c-overflow-menu__item">
295
- <button class="pf-v6-c-button pf-m-primary" type="button">Primary</button>
256
+ <button class="pf-v6-c-button pf-m-primary" type="button">
257
+ <span class="pf-v6-c-button__text">Primary</span>
258
+ </button>
296
259
  </div>
297
260
  </div>
298
261
  </div>
299
262
  <div class="pf-v6-c-overflow-menu__control">
300
- <div class="pf-v6-c-dropdown pf-m-expanded">
301
- <button
302
- class="pf-v6-c-button pf-v5-c-dropdown__toggle pf-m-plain"
303
- type="button"
304
- id="overflow-menu-persistent-hidden-dropdown-toggle"
305
- aria-label="Dropdown for persistent example"
306
- aria-expanded="true"
307
- >
263
+ <button
264
+ class="pf-v6-c-menu-toggle pf-m-plain"
265
+ type="button"
266
+ aria-expanded="false"
267
+ aria-label="Menu toggle"
268
+ id="overflow-menu-persistent-hidden-toggle"
269
+ >
270
+ <span class="pf-v6-c-menu-toggle__icon">
308
271
  <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
309
- </button>
310
- <ul
311
- class="pf-v6-c-dropdown__menu"
312
- role="menu"
313
- aria-labelledby="overflow-menu-persistent-hidden-dropdown-toggle"
314
- >
315
- <li role="none">
316
- <button role="menuitem" class="pf-v6-c-dropdown__menu-item">Secondary</button>
317
- </li>
318
- <li role="none">
319
- <button role="menuitem" class="pf-v6-c-dropdown__menu-item">Tertiary</button>
320
- </li>
321
- <li role="none">
322
- <button role="menuitem" class="pf-v6-c-dropdown__menu-item">Action 4</button>
323
- </li>
324
- </ul>
325
- </div>
272
+ </span>
273
+ </button>
326
274
  </div>
327
275
  </div>
328
276
 
@@ -338,37 +286,34 @@ The action group consists of a primary and secondary action. Any additional acti
338
286
  <div class="pf-v6-c-overflow-menu__content">
339
287
  <div class="pf-v6-c-overflow-menu__group pf-m-button-group">
340
288
  <div class="pf-v6-c-overflow-menu__item">
341
- <button class="pf-v6-c-button pf-m-primary" type="button">Primary</button>
289
+ <button class="pf-v6-c-button pf-m-primary" type="button">
290
+ <span class="pf-v6-c-button__text">Primary</span>
291
+ </button>
342
292
  </div>
343
293
  <div class="pf-v6-c-overflow-menu__item">
344
- <button class="pf-v6-c-button pf-m-secondary" type="button">Secondary</button>
294
+ <button class="pf-v6-c-button pf-m-secondary" type="button">
295
+ <span class="pf-v6-c-button__text">Secondary</span>
296
+ </button>
345
297
  </div>
346
298
  <div class="pf-v6-c-overflow-menu__item">
347
- <button class="pf-v6-c-button pf-m-tertiary" type="button">Tertiary</button>
299
+ <button class="pf-v6-c-button pf-m-tertiary" type="button">
300
+ <span class="pf-v6-c-button__text">Tertiary</span>
301
+ </button>
348
302
  </div>
349
303
  </div>
350
304
  </div>
351
305
  <div class="pf-v6-c-overflow-menu__control">
352
- <div class="pf-v6-c-dropdown pf-m-expanded">
353
- <button
354
- class="pf-v6-c-button pf-v5-c-dropdown__toggle pf-m-plain"
355
- type="button"
356
- id="overflow-menu-persistent-visible-example-dropdown-toggle"
357
- aria-label="Dropdown for persistent example"
358
- aria-expanded="true"
359
- >
306
+ <button
307
+ class="pf-v6-c-menu-toggle pf-m-plain"
308
+ type="button"
309
+ aria-expanded="false"
310
+ aria-label="Menu toggle"
311
+ id="overflow-menu-persistent-visible-example-toggle"
312
+ >
313
+ <span class="pf-v6-c-menu-toggle__icon">
360
314
  <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
361
- </button>
362
- <ul
363
- class="pf-v6-c-dropdown__menu"
364
- role="menu"
365
- aria-labelledby="overflow-menu-persistent-visible-example-dropdown-toggle"
366
- >
367
- <li role="none">
368
- <button role="menuitem" class="pf-v6-c-dropdown__menu-item">Action 4</button>
369
- </li>
370
- </ul>
371
- </div>
315
+ </span>
316
+ </button>
372
317
  </div>
373
318
  </div>
374
319
 
package/docs/components/Page/examples/Page.css CHANGED
@@ -1,9 +1,5 @@
1
- #ws-core-c-page-with-or-without-fill .ws-preview-html,
2
- #ws-core-c-page-multiple-sidebar-body-elements-padding-and-fill .ws-preview-html {
3
- height: 500px;
4
- }
5
-
6
- #ws-core-c-page-multiple-sidebar-body-elements .ws-preview-html,
7
- #ws-core-c-page-using-flex-layout .ws-preview-html {
8
- height: 100%;
9
- }
1
+ /* Because the page component has height:100dvh, override it just for the embedded examples */
2
+ .ws-mdx-content-content [id^=ws-core-c-page-] .pf-v6-c-page {
3
+ height: min-content;
4
+ min-height: 30em;
5
+ }