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

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/_fixed-width.scss +3 -1
  5. package/assets/fontawesome/_icons.scss +1333 -1330
  6. package/assets/fontawesome/_index.scss +11 -0
  7. package/assets/fontawesome/_larger.scss +4 -2
  8. package/assets/fontawesome/_list.scss +4 -2
  9. package/assets/fontawesome/_rotated-flipped.scss +2 -0
  10. package/assets/fontawesome/_screen-reader.scss +1 -0
  11. package/assets/fontawesome/_stacked.scss +3 -1
  12. package/assets/fontawesome/_variables.scss +4 -4
  13. package/assets/fontawesome/fontawesome.scss +12 -12
  14. package/assets/icons/iconUnicodes.json +6 -0
  15. package/assets/images/img_avatar-dark.svg +22 -16
  16. package/assets/images/img_avatar-light.svg +25 -18
  17. package/assets/images/pf-background.svg +21 -21
  18. package/assets/images/pf_logo.svg +11 -11
  19. package/assets/images/pf_logo_white.svg +16 -17
  20. package/assets/pficon/pf-v6-pficon.woff2 +0 -0
  21. package/assets/pficon/pficon.scss +310 -271
  22. package/base/_index.scss +10 -0
  23. package/base/{_globals.scss → normalize.scss} +15 -48
  24. package/base/patternfly-common.css +14 -0
  25. package/base/patternfly-common.scss +69 -2
  26. package/base/patternfly-fa-icons.css +2787 -1420
  27. package/base/patternfly-fa-icons.scss +53 -2
  28. package/base/patternfly-fonts.css +10 -80
  29. package/base/patternfly-fonts.scss +49 -2
  30. package/base/patternfly-pf-icons.css +158 -134
  31. package/base/patternfly-pf-icons.scss +1 -2
  32. package/base/patternfly-svg-icons.css +5 -0
  33. package/base/{_svg-icons.scss → patternfly-svg-icons.scss} +2 -0
  34. package/base/patternfly-variables.css +1094 -1206
  35. package/base/patternfly-variables.scss +20 -2
  36. package/base/reset.scss +33 -0
  37. package/base/tokens/_index.scss +6 -0
  38. package/base/tokens/tokens-charts-dark.scss +173 -0
  39. package/base/tokens/{_tokens-charts.scss → tokens-charts.scss} +162 -148
  40. package/base/tokens/{_tokens-dark.scss → tokens-dark.scss} +310 -294
  41. package/base/tokens/{_tokens-default.scss → tokens-default.scss} +580 -447
  42. package/base/tokens/{_tokens-font.scss → tokens-local.scss} +16 -34
  43. package/base/tokens/{_tokens-palette.scss → tokens-palette.scss} +69 -70
  44. package/components/AboutModalBox/about-modal-box.css +86 -81
  45. package/components/AboutModalBox/about-modal-box.scss +80 -82
  46. package/components/Accordion/accordion.css +46 -45
  47. package/components/Accordion/accordion.scss +56 -55
  48. package/components/ActionList/action-list.css +6 -5
  49. package/components/ActionList/action-list.scss +7 -5
  50. package/components/Alert/alert-group.css +72 -19
  51. package/components/Alert/alert-group.scss +105 -18
  52. package/components/Alert/alert.css +52 -59
  53. package/components/Alert/alert.scss +56 -65
  54. package/components/Avatar/avatar.css +42 -41
  55. package/components/Avatar/avatar.scss +8 -7
  56. package/components/BackToTop/back-to-top.css +19 -17
  57. package/components/BackToTop/back-to-top.scss +17 -17
  58. package/components/Backdrop/backdrop.css +1 -1
  59. package/components/Backdrop/backdrop.scss +3 -4
  60. package/components/BackgroundImage/background-image.scss +3 -4
  61. package/components/Badge/badge.css +29 -7
  62. package/components/Badge/badge.scss +33 -9
  63. package/components/Banner/banner.css +30 -37
  64. package/components/Banner/banner.scss +30 -43
  65. package/components/Brand/brand.css +14 -10
  66. package/components/Brand/brand.scss +8 -5
  67. package/components/Breadcrumb/breadcrumb.css +23 -24
  68. package/components/Breadcrumb/breadcrumb.scss +25 -28
  69. package/components/Button/button.css +152 -130
  70. package/components/Button/button.scss +157 -133
  71. package/components/CalendarMonth/calendar-month.css +47 -47
  72. package/components/CalendarMonth/calendar-month.scss +50 -51
  73. package/components/Card/card.css +111 -94
  74. package/components/Card/card.scss +119 -93
  75. package/components/Check/check.css +6 -6
  76. package/components/Check/check.scss +8 -9
  77. package/components/ClipboardCopy/clipboard-copy.css +34 -45
  78. package/components/ClipboardCopy/clipboard-copy.scss +36 -49
  79. package/components/CodeBlock/code-block.css +21 -20
  80. package/components/CodeBlock/code-block.scss +21 -21
  81. package/components/CodeEditor/code-editor.css +36 -35
  82. package/components/CodeEditor/code-editor.scss +36 -36
  83. package/components/Content/content.css +167 -153
  84. package/components/Content/content.scss +204 -145
  85. package/components/DataList/data-list-grid.css +117 -117
  86. package/components/DataList/data-list-grid.scss +22 -20
  87. package/components/DataList/data-list.css +308 -312
  88. package/components/DataList/data-list.scss +145 -152
  89. package/components/DatePicker/date-picker.css +17 -17
  90. package/components/DatePicker/date-picker.scss +17 -18
  91. package/components/DescriptionList/description-list-order.css +5 -5
  92. package/components/DescriptionList/description-list-order.scss +3 -1
  93. package/components/DescriptionList/description-list.css +52 -50
  94. package/components/DescriptionList/description-list.scss +32 -37
  95. package/components/Divider/divider.css +104 -107
  96. package/components/Divider/divider.scss +19 -19
  97. package/components/DragDrop/drag-drop.css +4 -2
  98. package/components/DragDrop/drag-drop.scss +3 -3
  99. package/components/Drawer/drawer.css +119 -114
  100. package/components/Drawer/drawer.scss +139 -134
  101. package/components/DualListSelector/dual-list-selector.css +65 -62
  102. package/components/DualListSelector/dual-list-selector.scss +55 -52
  103. package/components/EmptyState/empty-state.css +38 -37
  104. package/components/EmptyState/empty-state.scss +39 -39
  105. package/components/ExpandableSection/expandable-section.css +27 -86
  106. package/components/ExpandableSection/expandable-section.scss +32 -101
  107. package/components/FileUpload/file-upload.css +3 -3
  108. package/components/FileUpload/file-upload.scss +3 -4
  109. package/components/Form/form.css +177 -125
  110. package/components/Form/form.scss +121 -115
  111. package/components/FormControl/form-control.css +68 -64
  112. package/components/FormControl/form-control.scss +80 -74
  113. package/components/HelperText/helper-text.css +5 -4
  114. package/components/HelperText/helper-text.scss +8 -6
  115. package/components/Hint/hint.css +25 -25
  116. package/components/Hint/hint.scss +25 -27
  117. package/components/Icon/icon.css +10 -10
  118. package/components/Icon/icon.scss +11 -12
  119. package/components/InlineEdit/inline-edit.css +12 -12
  120. package/components/InlineEdit/inline-edit.scss +12 -13
  121. package/components/InputGroup/input-group.css +17 -17
  122. package/components/InputGroup/input-group.scss +19 -20
  123. package/components/JumpLinks/jump-links.css +80 -96
  124. package/components/JumpLinks/jump-links.scss +80 -100
  125. package/components/Label/label-group.css +28 -28
  126. package/components/Label/label-group.scss +29 -30
  127. package/components/Label/label.css +103 -88
  128. package/components/Label/label.scss +114 -95
  129. package/components/List/list.css +44 -47
  130. package/components/List/list.scss +51 -58
  131. package/components/Login/login.css +122 -118
  132. package/components/Login/login.scss +105 -112
  133. package/components/Masthead/masthead.css +273 -175
  134. package/components/Masthead/masthead.scss +102 -68
  135. package/components/Menu/menu.css +151 -95
  136. package/components/Menu/menu.scss +59 -40
  137. package/components/MenuToggle/menu-toggle.css +131 -110
  138. package/components/MenuToggle/menu-toggle.scss +152 -130
  139. package/components/ModalBox/modal-box.css +53 -45
  140. package/components/ModalBox/modal-box.scss +52 -46
  141. package/components/MultipleFileUpload/multiple-file-upload.css +37 -37
  142. package/components/MultipleFileUpload/multiple-file-upload.scss +38 -39
  143. package/components/Nav/nav.css +33 -9
  144. package/components/Nav/nav.scss +46 -13
  145. package/components/NotificationDrawer/notification-drawer.css +50 -51
  146. package/components/NotificationDrawer/notification-drawer.scss +58 -57
  147. package/components/NumberInput/number-input.css +7 -11
  148. package/components/NumberInput/number-input.scss +5 -7
  149. package/components/OverflowMenu/overflow-menu.css +2 -1
  150. package/components/OverflowMenu/overflow-menu.scss +3 -1
  151. package/components/Page/page.css +177 -517
  152. package/components/Page/page.scss +157 -384
  153. package/components/Pagination/pagination.css +82 -79
  154. package/components/Pagination/pagination.scss +43 -40
  155. package/components/Panel/panel.css +33 -30
  156. package/components/Panel/panel.scss +35 -33
  157. package/components/Popover/popover.css +54 -52
  158. package/components/Popover/popover.scss +55 -54
  159. package/components/Progress/progress.css +8 -4
  160. package/components/Progress/progress.scss +14 -11
  161. package/components/ProgressStepper/progress-stepper.css +246 -245
  162. package/components/ProgressStepper/progress-stepper.scss +118 -118
  163. package/components/Radio/radio.css +9 -9
  164. package/components/Radio/radio.scss +11 -12
  165. package/components/Sidebar/sidebar.css +139 -139
  166. package/components/Sidebar/sidebar.scss +61 -61
  167. package/components/SimpleList/simple-list.css +21 -20
  168. package/components/SimpleList/simple-list.scss +22 -23
  169. package/components/Skeleton/skeleton.css +4 -4
  170. package/components/Skeleton/skeleton.scss +7 -8
  171. package/components/SkipToContent/skip-to-content.css +7 -6
  172. package/components/SkipToContent/skip-to-content.scss +7 -7
  173. package/components/Slider/slider.css +31 -31
  174. package/components/Slider/slider.scss +54 -55
  175. package/components/Spinner/spinner.scss +4 -5
  176. package/components/Switch/switch.css +4 -10
  177. package/components/Switch/switch.scss +8 -17
  178. package/components/TabContent/tab-content.css +25 -25
  179. package/components/TabContent/tab-content.scss +28 -28
  180. package/components/Table/table-grid.css +434 -508
  181. package/components/Table/table-grid.scss +131 -150
  182. package/components/Table/table-scrollable.css +31 -34
  183. package/components/Table/table-scrollable.scss +44 -41
  184. package/components/Table/table-tree-view.css +287 -279
  185. package/components/Table/table-tree-view.scss +84 -84
  186. package/components/Table/table.css +316 -279
  187. package/components/Table/table.scss +346 -301
  188. package/components/Tabs/tabs.css +215 -240
  189. package/components/Tabs/tabs.scss +130 -162
  190. package/components/TextInputGroup/text-input-group.css +122 -64
  191. package/components/TextInputGroup/text-input-group.scss +144 -87
  192. package/components/Tile/tile.css +15 -15
  193. package/components/Tile/tile.scss +16 -17
  194. package/components/Timestamp/timestamp.css +13 -19
  195. package/components/Timestamp/timestamp.scss +16 -22
  196. package/components/Title/title.css +14 -13
  197. package/components/Title/title.scss +15 -15
  198. package/components/ToggleGroup/toggle-group.css +37 -37
  199. package/components/ToggleGroup/toggle-group.scss +38 -41
  200. package/components/Toolbar/toolbar.css +547 -1431
  201. package/components/Toolbar/toolbar.scss +159 -123
  202. package/components/Tooltip/tooltip.css +28 -27
  203. package/components/Tooltip/tooltip.scss +31 -30
  204. package/components/TreeView/tree-view.css +184 -184
  205. package/components/TreeView/tree-view.scss +133 -133
  206. package/components/Truncate/truncate.css +2 -2
  207. package/components/Truncate/truncate.scss +7 -8
  208. package/components/Wizard/wizard.css +190 -154
  209. package/components/Wizard/wizard.scss +211 -165
  210. package/components/_index.css +22381 -0
  211. package/components/_index.scss +82 -0
  212. package/docs/components/AboutModalBox/examples/AboutModalBox.md +3 -1
  213. package/docs/components/Accordion/examples/Accordion.md +1 -1
  214. package/docs/components/ActionList/examples/ActionList.md +64 -24
  215. package/docs/components/Alert/examples/Alert.md +116 -74
  216. package/docs/components/BackToTop/examples/BackToTop.md +1 -1
  217. package/docs/components/Badge/examples/Badge.md +6 -16
  218. package/docs/components/Banner/examples/Banner.md +16 -10
  219. package/docs/components/Brand/examples/Brand.md +2 -2
  220. package/docs/components/Breadcrumb/examples/Breadcrumb.md +19 -59
  221. package/docs/components/Button/examples/Button.md +537 -368
  222. package/docs/components/CalendarMonth/examples/CalendarMonth.md +24 -8
  223. package/docs/components/Card/examples/Card.md +372 -658
  224. package/docs/components/Check/examples/Check.md +10 -15
  225. package/docs/components/ClipboardCopy/examples/ClipboardCopy.md +92 -47
  226. package/docs/components/CodeBlock/examples/CodeBlock.md +51 -28
  227. package/docs/components/CodeEditor/examples/CodeEditor.md +41 -22
  228. package/docs/components/Content/examples/Content.md +600 -60
  229. package/docs/components/DataList/examples/DataList.md +291 -1028
  230. package/docs/components/DatePicker/examples/DatePicker.md +18 -6
  231. package/docs/components/DescriptionList/examples/DescriptionList.md +80 -55
  232. package/docs/components/Drawer/examples/Drawer.md +60 -21
  233. package/docs/components/DualListSelector/examples/DualListSelector.md +364 -996
  234. package/docs/components/EmptyState/examples/EmptyState.md +123 -53
  235. package/docs/components/ExpandableSection/examples/ExpandableSection.md +96 -91
  236. package/docs/components/FileUpload/examples/FileUpload.md +42 -14
  237. package/docs/components/Form/examples/Form.md +100 -26
  238. package/docs/components/Hint/examples/Hint.md +54 -164
  239. package/docs/components/InlineEdit/examples/InlineEdit.md +132 -45
  240. package/docs/components/InputGroup/examples/InputGroup.md +38 -62
  241. package/docs/components/JumpLinks/examples/JumpLinks.md +189 -72
  242. package/docs/components/Label/examples/Label.md +2577 -406
  243. package/docs/components/Login/examples/Login.md +372 -334
  244. package/docs/components/Masthead/examples/masthead.md +515 -484
  245. package/docs/components/Menu/examples/Menu.md +77 -138
  246. package/docs/components/MenuToggle/examples/MenuToggle.md +289 -39
  247. package/docs/components/ModalBox/examples/ModalBox.md +158 -100
  248. package/docs/components/MultipleFileUpload/examples/MultipleFileUpload.md +137 -97
  249. package/docs/components/Nav/examples/Navigation.css +2 -7
  250. package/docs/components/Nav/examples/Navigation.md +337 -270
  251. package/docs/components/NotificationDrawer/examples/NotificationDrawer.md +515 -2076
  252. package/docs/components/NumberInput/examples/NumberInput.md +96 -48
  253. package/docs/components/OverflowMenu/examples/overflow-menu.css +4 -28
  254. package/docs/components/OverflowMenu/examples/overflow-menu.md +104 -159
  255. package/docs/components/Page/examples/Page.css +5 -9
  256. package/docs/components/Page/examples/Page.md +254 -181
  257. package/docs/components/Pagination/examples/Pagination.md +336 -756
  258. package/docs/components/Panel/examples/Panel.md +3 -2
  259. package/docs/components/Popover/examples/Popover.md +60 -15
  260. package/docs/components/ProgressStepper/examples/ProgressStepper.md +15 -15
  261. package/docs/components/Sidebar/examples/Sidebar.css +4 -2
  262. package/docs/components/Sidebar/examples/Sidebar.md +3 -3
  263. package/docs/components/Skeleton/examples/Skeleton.css +1 -1
  264. package/docs/components/SkipToContent/examples/SkipToContent.md +3 -1
  265. package/docs/components/Slider/examples/Slider.md +53 -45
  266. package/docs/components/Spinner/examples/Spinner.md +1 -1
  267. package/docs/components/Switch/examples/Switch.md +33 -148
  268. package/docs/components/Table/examples/Table.css +11 -6
  269. package/docs/components/Table/examples/Table.md +5302 -2464
  270. package/docs/components/Tabs/examples/Tabs.md +1267 -607
  271. package/docs/components/TextInputGroup/examples/TextInputGroup.css +8 -3
  272. package/docs/components/TextInputGroup/examples/TextInputGroup.md +469 -278
  273. package/docs/components/Tile/examples/Tile.css +5 -5
  274. package/docs/components/Timestamp/examples/Timestamp.md +7 -1
  275. package/docs/components/ToggleGroup/examples/toggle-group.md +1 -3
  276. package/docs/components/Toolbar/examples/Toolbar.css +50 -39
  277. package/docs/components/Toolbar/examples/Toolbar.md +1562 -1200
  278. package/docs/components/Tooltip/examples/Tooltip.css +1 -1
  279. package/docs/components/TreeView/examples/TreeView.md +627 -49
  280. package/docs/components/Truncate/examples/Truncate.css +1 -2
  281. package/docs/components/Wizard/examples/Wizard.md +1595 -126
  282. package/docs/demos/AboutModal/examples/AboutModal.md +191 -198
  283. package/docs/demos/Alert/examples/Alert.md +924 -909
  284. package/docs/demos/BackToTop/examples/BackToTop.md +318 -327
  285. package/docs/demos/Banner/examples/Banner.md +641 -659
  286. package/docs/demos/Button/examples/Button.md +8 -8
  287. package/docs/demos/Card/examples/Card.css +6 -6
  288. package/docs/demos/Card/examples/Card.md +419 -606
  289. package/docs/demos/CardView/examples/CardView.md +822 -1435
  290. package/docs/demos/Dashboard/examples/Dashboard.md +1308 -1442
  291. package/docs/demos/DataList/examples/DataList.md +3210 -3424
  292. package/docs/demos/DescriptionList/examples/DescriptionList.md +899 -937
  293. package/docs/demos/Drawer/examples/Drawer.md +1165 -1176
  294. package/docs/demos/Form/examples/BasicForms.md +153 -88
  295. package/docs/demos/JumpLinks/examples/JumpLinks.md +1710 -1602
  296. package/docs/demos/Masthead/examples/Masthead.md +1719 -1583
  297. package/docs/demos/Modal/examples/Modal.md +1231 -1235
  298. package/docs/demos/Nav/examples/Nav.md +1216 -1230
  299. package/docs/demos/NotificationDrawer/examples/NotificationDrawer.md +1910 -4577
  300. package/docs/demos/Page/examples/Page.css +11 -0
  301. package/docs/demos/Page/examples/Page.md +3753 -2540
  302. package/docs/demos/Panel/Panel.md +88 -0
  303. package/docs/demos/PasswordGenerator/examples/PasswordGenerator.md +9 -3
  304. package/docs/demos/PasswordStrength/examples/PasswordStrength.md +16 -48
  305. package/docs/demos/PrimaryDetail/examples/PrimaryDetail.md +5150 -6255
  306. package/docs/demos/Skeleton/examples/Skeleton.md +297 -304
  307. package/docs/demos/Table/examples/Table.md +14272 -15154
  308. package/docs/demos/Tabs/examples/Tabs.md +2821 -2891
  309. package/docs/demos/Toolbar/examples/Toolbar.css +10 -18
  310. package/docs/demos/Toolbar/examples/Toolbar.md +2487 -2663
  311. package/docs/demos/Wizard/examples/Wizard.md +3021 -2784
  312. package/docs/layouts/Bullseye/examples/Bullseye.css +4 -4
  313. package/docs/layouts/Flex/examples/Flex.css +4 -4
  314. package/docs/layouts/Flex/examples/Flex.md +50 -50
  315. package/docs/layouts/Gallery/examples/Gallery.css +4 -4
  316. package/docs/layouts/Gallery/examples/Gallery.md +6 -6
  317. package/docs/layouts/Grid/examples/Grid.css +3 -3
  318. package/docs/layouts/Grid/examples/Grid.md +33 -33
  319. package/docs/layouts/Level/examples/Level.css +5 -5
  320. package/docs/layouts/Split/examples/Split.css +4 -4
  321. package/docs/layouts/Stack/examples/Stack.css +5 -5
  322. package/docs/utilities/Accessibility/examples/Accessibility.md +2 -2
  323. package/docs/utilities/Alignment/examples/Alignment.css +6 -6
  324. package/docs/utilities/Alignment/examples/Alignment.md +5 -5
  325. package/docs/utilities/BackgroundColor/examples/BackgroundColor.md +7 -67
  326. package/docs/utilities/BoxShadow/examples/box-shadow.css +11 -11
  327. package/docs/utilities/BoxShadow/examples/box-shadow.md +15 -38
  328. package/docs/utilities/Display/examples/Display.css +3 -10
  329. package/docs/utilities/Display/examples/Display.md +21 -12
  330. package/docs/utilities/Flex/examples/Flex.css +7 -7
  331. package/docs/utilities/Flex/examples/Flex.md +82 -40
  332. package/docs/utilities/Float/examples/Float.css +5 -5
  333. package/docs/utilities/Float/examples/Float.md +6 -6
  334. package/docs/utilities/Sizing/examples/Sizing.css +6 -6
  335. package/docs/utilities/Sizing/examples/Sizing.md +60 -60
  336. package/docs/utilities/Spacing/examples/Spacing.css +3 -3
  337. package/docs/utilities/Spacing/examples/Spacing.md +37 -37
  338. package/docs/utilities/Text/examples/Text.md +78 -77
  339. package/icons/pficons.mjs +6 -0
  340. package/layouts/Bullseye/bullseye.css +4 -0
  341. package/layouts/Bullseye/bullseye.scss +5 -1
  342. package/layouts/Flex/flex.css +241 -237
  343. package/layouts/Flex/flex.scss +48 -44
  344. package/layouts/Gallery/gallery.css +15 -11
  345. package/layouts/Gallery/gallery.scss +9 -5
  346. package/layouts/Grid/grid.css +20 -16
  347. package/layouts/Grid/grid.scss +12 -8
  348. package/layouts/Level/level.css +5 -1
  349. package/layouts/Level/level.scss +6 -2
  350. package/layouts/Split/split.css +5 -1
  351. package/layouts/Split/split.scss +6 -2
  352. package/layouts/Stack/stack.css +5 -1
  353. package/layouts/Stack/stack.scss +6 -2
  354. package/layouts/_index.css +3461 -0
  355. package/layouts/_index.scss +8 -0
  356. package/package.json +39 -39
  357. package/patternfly-addons.css +2071 -2648
  358. package/patternfly-addons.scss +2 -12
  359. package/patternfly-base-no-globals.css +4227 -3064
  360. package/patternfly-base-no-globals.scss +5 -3
  361. package/patternfly-base.css +4307 -3140
  362. package/patternfly-base.scss +2 -6
  363. package/patternfly-charts.css +579 -240
  364. package/patternfly-charts.scss +352 -337
  365. package/patternfly-no-globals.css +21105 -23238
  366. package/patternfly-no-globals.scss +5 -4
  367. package/patternfly.css +21209 -23338
  368. package/patternfly.min.css +1 -1
  369. package/patternfly.min.css.map +1 -1
  370. package/patternfly.scss +6 -4
  371. package/sass-utilities/_index.scss +6 -0
  372. package/sass-utilities/functions.scss +25 -25
  373. package/sass-utilities/{_init.scss → init.scss} +6 -6
  374. package/sass-utilities/mixins.scss +108 -72
  375. package/sass-utilities/{component-namespaces.scss → namespaces-components.scss} +3 -27
  376. package/sass-utilities/{layout-namespaces.scss → namespaces-layouts.scss} +3 -1
  377. package/sass-utilities/scss-variables.scss +48 -261
  378. package/utilities/Accessibility/accessibility.css +15 -15
  379. package/utilities/Accessibility/accessibility.scss +8 -6
  380. package/utilities/Alignment/alignment.css +29 -29
  381. package/utilities/Alignment/alignment.scss +6 -4
  382. package/utilities/BackgroundColor/background-color.css +67 -0
  383. package/utilities/BackgroundColor/background-color.scss +16 -0
  384. package/utilities/BoxShadow/box-shadow.css +15 -39
  385. package/utilities/BoxShadow/box-shadow.scss +19 -28
  386. package/utilities/Display/display.css +43 -5
  387. package/utilities/Display/display.scss +7 -4
  388. package/utilities/Flex/flex.css +50 -50
  389. package/utilities/Flex/flex.scss +21 -20
  390. package/utilities/Float/float.css +29 -29
  391. package/utilities/Float/float.scss +6 -6
  392. package/utilities/Sizing/sizing.css +58 -58
  393. package/utilities/Sizing/sizing.scss +23 -21
  394. package/utilities/Spacing/spacing.css +1372 -1372
  395. package/utilities/Spacing/spacing.scss +6 -6
  396. package/utilities/Text/text.css +419 -662
  397. package/utilities/Text/text.scss +81 -107
  398. package/utilities/_index.css +7815 -0
  399. package/utilities/_index.scss +10 -0
  400. package/assets/fontawesome/_core.scss +0 -20
  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/MultipleFileUpload/examples/MultipleFileUpload.md CHANGED
@@ -20,7 +20,9 @@ cssPrefix: pf-v6-c-multiple-file-upload
20
20
  </div>
21
21
  </div>
22
22
  <div class="pf-v6-c-multiple-file-upload__upload">
23
- <button class="pf-v6-c-button pf-m-secondary" type="button">Upload</button>
23
+ <button class="pf-v6-c-button pf-m-secondary" type="button">
24
+ <span class="pf-v6-c-button__text">Upload</span>
25
+ </button>
24
26
  </div>
25
27
  <div
26
28
  class="pf-v6-c-multiple-file-upload__info"
@@ -45,7 +47,9 @@ cssPrefix: pf-v6-c-multiple-file-upload
45
47
  </div>
46
48
  </div>
47
49
  <div class="pf-v6-c-multiple-file-upload__upload">
48
- <button class="pf-v6-c-button pf-m-secondary" type="button">Upload</button>
50
+ <button class="pf-v6-c-button pf-m-secondary" type="button">
51
+ <span class="pf-v6-c-button__text">Upload</span>
52
+ </button>
49
53
  </div>
50
54
  <div
51
55
  class="pf-v6-c-multiple-file-upload__info"
@@ -70,7 +74,9 @@ cssPrefix: pf-v6-c-multiple-file-upload
70
74
  </div>
71
75
  </div>
72
76
  <div class="pf-v6-c-multiple-file-upload__upload">
73
- <button class="pf-v6-c-button pf-m-secondary" type="button">Upload</button>
77
+ <button class="pf-v6-c-button pf-m-secondary" type="button">
78
+ <span class="pf-v6-c-button__text">Upload</span>
79
+ </button>
74
80
  </div>
75
81
  <div
76
82
  class="pf-v6-c-multiple-file-upload__info"
@@ -95,7 +101,9 @@ cssPrefix: pf-v6-c-multiple-file-upload
95
101
  </div>
96
102
  </div>
97
103
  <div class="pf-v6-c-multiple-file-upload__upload">
98
- <button class="pf-v6-c-button pf-m-secondary" type="button">Upload</button>
104
+ <button class="pf-v6-c-button pf-m-secondary" type="button">
105
+ <span class="pf-v6-c-button__text">Upload</span>
106
+ </button>
99
107
  </div>
100
108
  <div
101
109
  class="pf-v6-c-multiple-file-upload__info"
@@ -120,7 +128,9 @@ cssPrefix: pf-v6-c-multiple-file-upload
120
128
  </div>
121
129
  </div>
122
130
  <div class="pf-v6-c-multiple-file-upload__upload">
123
- <button class="pf-v6-c-button pf-m-secondary" type="button">Upload</button>
131
+ <button class="pf-v6-c-button pf-m-secondary" type="button">
132
+ <span class="pf-v6-c-button__text">Upload</span>
133
+ </button>
124
134
  </div>
125
135
  <div
126
136
  class="pf-v6-c-multiple-file-upload__info"
@@ -128,25 +138,25 @@ cssPrefix: pf-v6-c-multiple-file-upload
128
138
  </div>
129
139
  <div class="pf-v6-c-multiple-file-upload__status">
130
140
  <div class="pf-v6-c-expandable-section">
131
- <button
132
- type="button"
133
- class="pf-v6-c-expandable-section__toggle"
134
- aria-expanded="false"
135
- >
136
- <span class="pf-v6-c-expandable-section__toggle-icon">
137
- <i class="fas fa-angle-right" aria-hidden="true"></i>
138
- </span>
139
- <span class="pf-v6-c-expandable-section__toggle-text">
140
- <div class="pf-v6-c-multiple-file-upload__status-progress">
141
- <div class="pf-v6-c-multiple-file-upload__status-progress-icon">
142
- <i class="pf-v5-pficon pf-v5-pficon-in-progress"></i>
141
+ <div class="pf-v6-c-expandable-section__toggle">
142
+ <button class="pf-v6-c-button pf-m-link" type="button">
143
+ <span class="pf-v6-c-button__icon pf-m-start">
144
+ <span class="pf-v6-c-expandable-section__toggle-icon">
145
+ <i class="fas fa-angle-right" aria-hidden="true"></i>
146
+ </span>
147
+ </span>
148
+ <span class="pf-v6-c-button__text">
149
+ <div class="pf-v6-c-multiple-file-upload__status-progress">
150
+ <div class="pf-v6-c-multiple-file-upload__status-progress-icon">
151
+ <i class="fas fa-spinner" aria-hidden="true"></i>
152
+ </div>
153
+ <div
154
+ class="pf-v6-c-multiple-file-upload__status-progress-text"
155
+ >0 of 3 files uploaded</div>
143
156
  </div>
144
- <div
145
- class="pf-v6-c-multiple-file-upload__status-progress-text"
146
- >0 of 3 files uploaded</div>
147
- </div>
148
- </span>
149
- </button>
157
+ </span>
158
+ </button>
159
+ </div>
150
160
  <div class="pf-v6-c-expandable-section__content" hidden>
151
161
  <ul class="pf-v6-c-multiple-file-upload__status-list" role="list">
152
162
  <li class="pf-v6-c-multiple-file-upload__status-item">
@@ -163,13 +173,13 @@ cssPrefix: pf-v6-c-multiple-file-upload
163
173
  id="multiple-file-upload-status-progress-png-description"
164
174
  >
165
175
  <span
166
- class="pf-v5-c-multiple-file-upload__status-item-progress"
176
+ class="pf-v6-c-multiple-file-upload__status-item-progress"
167
177
  >
168
178
  <span
169
- class="pf-v5-c-multiple-file-upload__status-item-progress-text"
179
+ class="pf-v6-c-multiple-file-upload__status-item-progress-text"
170
180
  >filename.png</span>
171
181
  <span
172
- class="pf-v5-c-multiple-file-upload__status-item-progress-size"
182
+ class="pf-v6-c-multiple-file-upload__status-item-progress-size"
173
183
  >40 mb</span>
174
184
  </span>
175
185
  </div>
@@ -194,7 +204,9 @@ cssPrefix: pf-v6-c-multiple-file-upload
194
204
  type="button"
195
205
  aria-label="Remove from list"
196
206
  >
197
- <i class="fas fa-times" aria-hidden="true"></i>
207
+ <span class="pf-v6-c-button__icon">
208
+ <i class="fas fa-times" aria-hidden="true"></i>
209
+ </span>
198
210
  </button>
199
211
  </div>
200
212
  </li>
@@ -212,13 +224,13 @@ cssPrefix: pf-v6-c-multiple-file-upload
212
224
  id="multiple-file-upload-status-progress-doc-description"
213
225
  >
214
226
  <span
215
- class="pf-v5-c-multiple-file-upload__status-item-progress"
227
+ class="pf-v6-c-multiple-file-upload__status-item-progress"
216
228
  >
217
229
  <span
218
- class="pf-v5-c-multiple-file-upload__status-item-progress-text"
230
+ class="pf-v6-c-multiple-file-upload__status-item-progress-text"
219
231
  >filename.doc</span>
220
232
  <span
221
- class="pf-v5-c-multiple-file-upload__status-item-progress-size"
233
+ class="pf-v6-c-multiple-file-upload__status-item-progress-size"
222
234
  >30 mb</span>
223
235
  </span>
224
236
  </div>
@@ -243,7 +255,9 @@ cssPrefix: pf-v6-c-multiple-file-upload
243
255
  type="button"
244
256
  aria-label="Remove from list"
245
257
  >
246
- <i class="fas fa-times" aria-hidden="true"></i>
258
+ <span class="pf-v6-c-button__icon">
259
+ <i class="fas fa-times" aria-hidden="true"></i>
260
+ </span>
247
261
  </button>
248
262
  </div>
249
263
  </li>
@@ -261,13 +275,13 @@ cssPrefix: pf-v6-c-multiple-file-upload
261
275
  id="multiple-file-upload-status-progress-pdf-description"
262
276
  >
263
277
  <span
264
- class="pf-v5-c-multiple-file-upload__status-item-progress"
278
+ class="pf-v6-c-multiple-file-upload__status-item-progress"
265
279
  >
266
280
  <span
267
- class="pf-v5-c-multiple-file-upload__status-item-progress-text"
281
+ class="pf-v6-c-multiple-file-upload__status-item-progress-text"
268
282
  >filename.pdf</span>
269
283
  <span
270
- class="pf-v5-c-multiple-file-upload__status-item-progress-size"
284
+ class="pf-v6-c-multiple-file-upload__status-item-progress-size"
271
285
  >25 mb</span>
272
286
  </span>
273
287
  </div>
@@ -292,7 +306,9 @@ cssPrefix: pf-v6-c-multiple-file-upload
292
306
  type="button"
293
307
  aria-label="Remove from list"
294
308
  >
295
- <i class="fas fa-times" aria-hidden="true"></i>
309
+ <span class="pf-v6-c-button__icon">
310
+ <i class="fas fa-times" aria-hidden="true"></i>
311
+ </span>
296
312
  </button>
297
313
  </div>
298
314
  </li>
@@ -319,7 +335,9 @@ cssPrefix: pf-v6-c-multiple-file-upload
319
335
  </div>
320
336
  </div>
321
337
  <div class="pf-v6-c-multiple-file-upload__upload">
322
- <button class="pf-v6-c-button pf-m-secondary" type="button">Upload</button>
338
+ <button class="pf-v6-c-button pf-m-secondary" type="button">
339
+ <span class="pf-v6-c-button__text">Upload</span>
340
+ </button>
323
341
  </div>
324
342
  <div
325
343
  class="pf-v6-c-multiple-file-upload__info"
@@ -327,25 +345,29 @@ cssPrefix: pf-v6-c-multiple-file-upload
327
345
  </div>
328
346
  <div class="pf-v6-c-multiple-file-upload__status">
329
347
  <div class="pf-v6-c-expandable-section pf-m-expanded">
330
- <button
331
- type="button"
332
- class="pf-v6-c-expandable-section__toggle"
333
- aria-expanded="true"
334
- >
335
- <span class="pf-v6-c-expandable-section__toggle-icon">
336
- <i class="fas fa-angle-right" aria-hidden="true"></i>
337
- </span>
338
- <span class="pf-v6-c-expandable-section__toggle-text">
339
- <div class="pf-v6-c-multiple-file-upload__status-progress">
340
- <div class="pf-v6-c-multiple-file-upload__status-progress-icon">
341
- <i class="pf-v5-pficon pf-v5-pficon-in-progress"></i>
348
+ <div class="pf-v6-c-expandable-section__toggle">
349
+ <button
350
+ class="pf-v6-c-button pf-m-link"
351
+ type="button"
352
+ aria-expanded="true"
353
+ >
354
+ <span class="pf-v6-c-button__icon pf-m-start">
355
+ <span class="pf-v6-c-expandable-section__toggle-icon">
356
+ <i class="fas fa-angle-right" aria-hidden="true"></i>
357
+ </span>
358
+ </span>
359
+ <span class="pf-v6-c-button__text">
360
+ <div class="pf-v6-c-multiple-file-upload__status-progress">
361
+ <div class="pf-v6-c-multiple-file-upload__status-progress-icon">
362
+ <i class="fas fa-spinner" aria-hidden="true"></i>
363
+ </div>
364
+ <div
365
+ class="pf-v6-c-multiple-file-upload__status-progress-text"
366
+ >0 of 3 files uploaded</div>
342
367
  </div>
343
- <div
344
- class="pf-v6-c-multiple-file-upload__status-progress-text"
345
- >0 of 3 files uploaded</div>
346
- </div>
347
- </span>
348
- </button>
368
+ </span>
369
+ </button>
370
+ </div>
349
371
  <div class="pf-v6-c-expandable-section__content">
350
372
  <ul class="pf-v6-c-multiple-file-upload__status-list" role="list">
351
373
  <li class="pf-v6-c-multiple-file-upload__status-item">
@@ -362,13 +384,13 @@ cssPrefix: pf-v6-c-multiple-file-upload
362
384
  id="multiple-file-upload-status-expanded-progress-png-description"
363
385
  >
364
386
  <span
365
- class="pf-v5-c-multiple-file-upload__status-item-progress"
387
+ class="pf-v6-c-multiple-file-upload__status-item-progress"
366
388
  >
367
389
  <span
368
- class="pf-v5-c-multiple-file-upload__status-item-progress-text"
390
+ class="pf-v6-c-multiple-file-upload__status-item-progress-text"
369
391
  >filename.png</span>
370
392
  <span
371
- class="pf-v5-c-multiple-file-upload__status-item-progress-size"
393
+ class="pf-v6-c-multiple-file-upload__status-item-progress-size"
372
394
  >40 mb</span>
373
395
  </span>
374
396
  </div>
@@ -393,7 +415,9 @@ cssPrefix: pf-v6-c-multiple-file-upload
393
415
  type="button"
394
416
  aria-label="Remove from list"
395
417
  >
396
- <i class="fas fa-times" aria-hidden="true"></i>
418
+ <span class="pf-v6-c-button__icon">
419
+ <i class="fas fa-times" aria-hidden="true"></i>
420
+ </span>
397
421
  </button>
398
422
  </div>
399
423
  </li>
@@ -411,13 +435,13 @@ cssPrefix: pf-v6-c-multiple-file-upload
411
435
  id="multiple-file-upload-status-expanded-progress-doc-description"
412
436
  >
413
437
  <span
414
- class="pf-v5-c-multiple-file-upload__status-item-progress"
438
+ class="pf-v6-c-multiple-file-upload__status-item-progress"
415
439
  >
416
440
  <span
417
- class="pf-v5-c-multiple-file-upload__status-item-progress-text"
441
+ class="pf-v6-c-multiple-file-upload__status-item-progress-text"
418
442
  >filename.doc</span>
419
443
  <span
420
- class="pf-v5-c-multiple-file-upload__status-item-progress-size"
444
+ class="pf-v6-c-multiple-file-upload__status-item-progress-size"
421
445
  >30 mb</span>
422
446
  </span>
423
447
  </div>
@@ -442,7 +466,9 @@ cssPrefix: pf-v6-c-multiple-file-upload
442
466
  type="button"
443
467
  aria-label="Remove from list"
444
468
  >
445
- <i class="fas fa-times" aria-hidden="true"></i>
469
+ <span class="pf-v6-c-button__icon">
470
+ <i class="fas fa-times" aria-hidden="true"></i>
471
+ </span>
446
472
  </button>
447
473
  </div>
448
474
  </li>
@@ -460,13 +486,13 @@ cssPrefix: pf-v6-c-multiple-file-upload
460
486
  id="multiple-file-upload-status-expanded-progress-pdf-description"
461
487
  >
462
488
  <span
463
- class="pf-v5-c-multiple-file-upload__status-item-progress"
489
+ class="pf-v6-c-multiple-file-upload__status-item-progress"
464
490
  >
465
491
  <span
466
- class="pf-v5-c-multiple-file-upload__status-item-progress-text"
492
+ class="pf-v6-c-multiple-file-upload__status-item-progress-text"
467
493
  >filename.pdf</span>
468
494
  <span
469
- class="pf-v5-c-multiple-file-upload__status-item-progress-size"
495
+ class="pf-v6-c-multiple-file-upload__status-item-progress-size"
470
496
  >25 mb</span>
471
497
  </span>
472
498
  </div>
@@ -491,7 +517,9 @@ cssPrefix: pf-v6-c-multiple-file-upload
491
517
  type="button"
492
518
  aria-label="Remove from list"
493
519
  >
494
- <i class="fas fa-times" aria-hidden="true"></i>
520
+ <span class="pf-v6-c-button__icon">
521
+ <i class="fas fa-times" aria-hidden="true"></i>
522
+ </span>
495
523
  </button>
496
524
  </div>
497
525
  </li>
@@ -518,7 +546,9 @@ cssPrefix: pf-v6-c-multiple-file-upload
518
546
  </div>
519
547
  </div>
520
548
  <div class="pf-v6-c-multiple-file-upload__upload">
521
- <button class="pf-v6-c-button pf-m-secondary" type="button">Upload</button>
549
+ <button class="pf-v6-c-button pf-m-secondary" type="button">
550
+ <span class="pf-v6-c-button__text">Upload</span>
551
+ </button>
522
552
  </div>
523
553
  <div
524
554
  class="pf-v6-c-multiple-file-upload__info"
@@ -526,25 +556,29 @@ cssPrefix: pf-v6-c-multiple-file-upload
526
556
  </div>
527
557
  <div class="pf-v6-c-multiple-file-upload__status">
528
558
  <div class="pf-v6-c-expandable-section pf-m-expanded">
529
- <button
530
- type="button"
531
- class="pf-v6-c-expandable-section__toggle"
532
- aria-expanded="true"
533
- >
534
- <span class="pf-v6-c-expandable-section__toggle-icon">
535
- <i class="fas fa-angle-right" aria-hidden="true"></i>
536
- </span>
537
- <span class="pf-v6-c-expandable-section__toggle-text">
538
- <div class="pf-v6-c-multiple-file-upload__status-progress">
539
- <div class="pf-v6-c-multiple-file-upload__status-progress-icon">
540
- <i class="pf-v5-pficon pf-v5-pficon-in-progress"></i>
559
+ <div class="pf-v6-c-expandable-section__toggle">
560
+ <button
561
+ class="pf-v6-c-button pf-m-link"
562
+ type="button"
563
+ aria-expanded="true"
564
+ >
565
+ <span class="pf-v6-c-button__icon pf-m-start">
566
+ <span class="pf-v6-c-expandable-section__toggle-icon">
567
+ <i class="fas fa-angle-right" aria-hidden="true"></i>
568
+ </span>
569
+ </span>
570
+ <span class="pf-v6-c-button__text">
571
+ <div class="pf-v6-c-multiple-file-upload__status-progress">
572
+ <div class="pf-v6-c-multiple-file-upload__status-progress-icon">
573
+ <i class="fas fa-spinner" aria-hidden="true"></i>
574
+ </div>
575
+ <div
576
+ class="pf-v6-c-multiple-file-upload__status-progress-text"
577
+ >0 of 3 files uploaded</div>
541
578
  </div>
542
- <div
543
- class="pf-v6-c-multiple-file-upload__status-progress-text"
544
- >0 of 3 files uploaded</div>
545
- </div>
546
- </span>
547
- </button>
579
+ </span>
580
+ </button>
581
+ </div>
548
582
  <div class="pf-v6-c-expandable-section__content">
549
583
  <ul class="pf-v6-c-multiple-file-upload__status-list" role="list">
550
584
  <li class="pf-v6-c-multiple-file-upload__status-item">
@@ -561,13 +595,13 @@ cssPrefix: pf-v6-c-multiple-file-upload
561
595
  id="multiple-file-upload-status-horizontal-expanded-progress-png-description"
562
596
  >
563
597
  <span
564
- class="pf-v5-c-multiple-file-upload__status-item-progress"
598
+ class="pf-v6-c-multiple-file-upload__status-item-progress"
565
599
  >
566
600
  <span
567
- class="pf-v5-c-multiple-file-upload__status-item-progress-text"
601
+ class="pf-v6-c-multiple-file-upload__status-item-progress-text"
568
602
  >filename.png</span>
569
603
  <span
570
- class="pf-v5-c-multiple-file-upload__status-item-progress-size"
604
+ class="pf-v6-c-multiple-file-upload__status-item-progress-size"
571
605
  >40 mb</span>
572
606
  </span>
573
607
  </div>
@@ -592,7 +626,9 @@ cssPrefix: pf-v6-c-multiple-file-upload
592
626
  type="button"
593
627
  aria-label="Remove from list"
594
628
  >
595
- <i class="fas fa-times" aria-hidden="true"></i>
629
+ <span class="pf-v6-c-button__icon">
630
+ <i class="fas fa-times" aria-hidden="true"></i>
631
+ </span>
596
632
  </button>
597
633
  </div>
598
634
  </li>
@@ -610,13 +646,13 @@ cssPrefix: pf-v6-c-multiple-file-upload
610
646
  id="multiple-file-upload-status-horizontal-expanded-progress-doc-description"
611
647
  >
612
648
  <span
613
- class="pf-v5-c-multiple-file-upload__status-item-progress"
649
+ class="pf-v6-c-multiple-file-upload__status-item-progress"
614
650
  >
615
651
  <span
616
- class="pf-v5-c-multiple-file-upload__status-item-progress-text"
652
+ class="pf-v6-c-multiple-file-upload__status-item-progress-text"
617
653
  >filename.doc</span>
618
654
  <span
619
- class="pf-v5-c-multiple-file-upload__status-item-progress-size"
655
+ class="pf-v6-c-multiple-file-upload__status-item-progress-size"
620
656
  >30 mb</span>
621
657
  </span>
622
658
  </div>
@@ -641,7 +677,9 @@ cssPrefix: pf-v6-c-multiple-file-upload
641
677
  type="button"
642
678
  aria-label="Remove from list"
643
679
  >
644
- <i class="fas fa-times" aria-hidden="true"></i>
680
+ <span class="pf-v6-c-button__icon">
681
+ <i class="fas fa-times" aria-hidden="true"></i>
682
+ </span>
645
683
  </button>
646
684
  </div>
647
685
  </li>
@@ -659,13 +697,13 @@ cssPrefix: pf-v6-c-multiple-file-upload
659
697
  id="multiple-file-upload-status-horizontal-expanded-progress-pdf-description"
660
698
  >
661
699
  <span
662
- class="pf-v5-c-multiple-file-upload__status-item-progress"
700
+ class="pf-v6-c-multiple-file-upload__status-item-progress"
663
701
  >
664
702
  <span
665
- class="pf-v5-c-multiple-file-upload__status-item-progress-text"
703
+ class="pf-v6-c-multiple-file-upload__status-item-progress-text"
666
704
  >filename.pdf</span>
667
705
  <span
668
- class="pf-v5-c-multiple-file-upload__status-item-progress-size"
706
+ class="pf-v6-c-multiple-file-upload__status-item-progress-size"
669
707
  >25 mb</span>
670
708
  </span>
671
709
  </div>
@@ -690,7 +728,9 @@ cssPrefix: pf-v6-c-multiple-file-upload
690
728
  type="button"
691
729
  aria-label="Remove from list"
692
730
  >
693
- <i class="fas fa-times" aria-hidden="true"></i>
731
+ <span class="pf-v6-c-button__icon">
732
+ <i class="fas fa-times" aria-hidden="true"></i>
733
+ </span>
694
734
  </button>
695
735
  </div>
696
736
  </li>
package/docs/components/Nav/examples/Navigation.css CHANGED
@@ -1,8 +1,3 @@
1
- #ws-core-c-navigation-horizontal-in-masthead .pf-v6-c-page__header-nav,
2
- #ws-core-c-navigation-horizontal-in-masthead-overflow .pf-v6-c-page__header-nav {
3
- grid-row: 1;
4
- }
5
-
6
1
  #ws-core-c-navigation-nav-with-flyout .ws-preview-html,
7
2
  [id^="ws-core-c-navigation-nav-with-drilldown-menu"] .ws-preview-html {
8
3
  width: 280px;
@@ -14,8 +9,8 @@
14
9
 
15
10
  #ws-core-c-navigation-nav-with-flyout .pf-v6-c-menu.pf-m-flyout.pf-m-nav {
16
11
  position: absolute;
17
- inset-block-start: 168px;
18
- inset-inline-start: 256px;
12
+ inset-block-start: 151px;
13
+ inset-inline-start: 265px;
19
14
  }
20
15
 
21
16
  #ws-core-c-navigation-horizontal .ws-preview-html,