@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/demos/Form/examples/BasicForms.md CHANGED
@@ -58,7 +58,9 @@ subsection: forms
58
58
  aria-label="More information for phone number field"
59
59
  aria-describedby="-phone"
60
60
  >
61
- <i class="fas fa-question-circle" aria-hidden="true"></i>
61
+ <span class="pf-v6-c-button__icon">
62
+ <i class="fas fa-question-circle" aria-hidden="true"></i>
63
+ </span>
62
64
  </span></span>
63
65
  </div>
64
66
  <div class="pf-v6-c-form__group-control">
@@ -161,8 +163,12 @@ subsection: forms
161
163
  <div class="pf-v6-c-form__group pf-m-action">
162
164
  <div class="pf-v6-c-form__group-control">
163
165
  <div class="pf-v6-c-form__actions">
164
- <button class="pf-v6-c-button pf-m-primary" type="submit">Submit</button>
165
- <button class="pf-v6-c-button pf-m-link" type="button">Cancel</button>
166
+ <button class="pf-v6-c-button pf-m-primary" type="submit">
167
+ <span class="pf-v6-c-button__text">Submit</span>
168
+ </button>
169
+ <button class="pf-v6-c-button pf-m-link" type="button">
170
+ <span class="pf-v6-c-button__text">Cancel</span>
171
+ </button>
166
172
  </div>
167
173
  </div>
168
174
  </div>
@@ -252,7 +258,9 @@ subsection: forms
252
258
  aria-label="More information for contact field"
253
259
  aria-describedby="form-demo-horizontal-contact-legend"
254
260
  >
255
- <i class="fas fa-question-circle" aria-hidden="true"></i>
261
+ <span class="pf-v6-c-button__icon">
262
+ <i class="fas fa-question-circle" aria-hidden="true"></i>
263
+ </span>
256
264
  </span></span>
257
265
  </div>
258
266
  <div class="pf-v6-c-form__group-control pf-m-stack">
@@ -300,8 +308,12 @@ subsection: forms
300
308
  <div class="pf-v6-c-form__group pf-m-action">
301
309
  <div class="pf-v6-c-form__group-control">
302
310
  <div class="pf-v6-c-form__actions">
303
- <button class="pf-v6-c-button pf-m-primary" type="submit">Submit</button>
304
- <button class="pf-v6-c-button pf-m-link" type="button">Cancel</button>
311
+ <button class="pf-v6-c-button pf-m-primary" type="submit">
312
+ <span class="pf-v6-c-button__text">Submit</span>
313
+ </button>
314
+ <button class="pf-v6-c-button pf-m-link" type="button">
315
+ <span class="pf-v6-c-button__text">Cancel</span>
316
+ </button>
305
317
  </div>
306
318
  </div>
307
319
  </div>
@@ -483,8 +495,12 @@ subsection: forms
483
495
  <div class="pf-v6-c-form__group pf-m-action">
484
496
  <div class="pf-v6-c-form__group-control">
485
497
  <div class="pf-v6-c-form__actions">
486
- <button class="pf-v6-c-button pf-m-primary" type="submit">Submit</button>
487
- <button class="pf-v6-c-button pf-m-link" type="button">Cancel</button>
498
+ <button class="pf-v6-c-button pf-m-primary" type="submit">
499
+ <span class="pf-v6-c-button__text">Submit</span>
500
+ </button>
501
+ <button class="pf-v6-c-button pf-m-link" type="button">
502
+ <span class="pf-v6-c-button__text">Cancel</span>
503
+ </button>
488
504
  </div>
489
505
  </div>
490
506
  </div>
@@ -521,7 +537,9 @@ subsection: forms
521
537
  aria-label="More information for client id field"
522
538
  aria-describedby="form-demo-sections-repeatable-fields-clientid"
523
539
  >
524
- <i class="fas fa-question-circle" aria-hidden="true"></i>
540
+ <span class="pf-v6-c-button__icon">
541
+ <i class="fas fa-question-circle" aria-hidden="true"></i>
542
+ </span>
525
543
  </span></span>
526
544
  </div>
527
545
  <div class="pf-v6-c-form__group-control">
@@ -549,7 +567,9 @@ subsection: forms
549
567
  aria-label="More information for full name field"
550
568
  aria-describedby="form-demo-sections-repeatable-fields-name"
551
569
  >
552
- <i class="fas fa-question-circle" aria-hidden="true"></i>
570
+ <span class="pf-v6-c-button__icon">
571
+ <i class="fas fa-question-circle" aria-hidden="true"></i>
572
+ </span>
553
573
  </span></span>
554
574
  </div>
555
575
  <div class="pf-v6-c-form__group-control">
@@ -577,7 +597,9 @@ subsection: forms
577
597
  aria-label="More information for description field"
578
598
  aria-describedby="form-demo-sections-repeatable-fields-description"
579
599
  >
580
- <i class="fas fa-question-circle" aria-hidden="true"></i>
600
+ <span class="pf-v6-c-button__icon">
601
+ <i class="fas fa-question-circle" aria-hidden="true"></i>
602
+ </span>
581
603
  </span></span>
582
604
  </div>
583
605
  <div class="pf-v6-c-form__group-control">
@@ -616,7 +638,9 @@ subsection: forms
616
638
  aria-label="More information for root URL field"
617
639
  aria-describedby="form-demo-sections-repeatable-fields-section2-rooturl"
618
640
  >
619
- <i class="fas fa-question-circle" aria-hidden="true"></i>
641
+ <span class="pf-v6-c-button__icon">
642
+ <i class="fas fa-question-circle" aria-hidden="true"></i>
643
+ </span>
620
644
  </span></span>
621
645
  </div>
622
646
  <div class="pf-v6-c-form__group-control">
@@ -644,7 +668,9 @@ subsection: forms
644
668
  aria-label="More information for valid redirect URIs field"
645
669
  aria-describedby="form-demo-sections-repeatable-fields-section2-uris"
646
670
  >
647
- <i class="fas fa-question-circle" aria-hidden="true"></i>
671
+ <span class="pf-v6-c-button__icon">
672
+ <i class="fas fa-question-circle" aria-hidden="true"></i>
673
+ </span>
648
674
  </span></span>
649
675
  </div>
650
676
  <div class="pf-v6-c-form__group-control pf-m-stack">
@@ -666,7 +692,9 @@ subsection: forms
666
692
  type="button"
667
693
  aria-label="Remove"
668
694
  >
669
- <i class="fas fa-minus-circle" aria-hidden="true"></i>
695
+ <span class="pf-v6-c-button__icon">
696
+ <i class="fas fa-minus-circle" aria-hidden="true"></i>
697
+ </span>
670
698
  </button>
671
699
  </div>
672
700
  </div>
@@ -688,7 +716,9 @@ subsection: forms
688
716
  type="button"
689
717
  aria-label="Remove"
690
718
  >
691
- <i class="fas fa-minus-circle" aria-hidden="true"></i>
719
+ <span class="pf-v6-c-button__icon">
720
+ <i class="fas fa-minus-circle" aria-hidden="true"></i>
721
+ </span>
692
722
  </button>
693
723
  </div>
694
724
  </div>
@@ -710,15 +740,17 @@ subsection: forms
710
740
  type="button"
711
741
  aria-label="Remove"
712
742
  >
713
- <i class="fas fa-minus-circle" aria-hidden="true"></i>
743
+ <span class="pf-v6-c-button__icon">
744
+ <i class="fas fa-minus-circle" aria-hidden="true"></i>
745
+ </span>
714
746
  </button>
715
747
  </div>
716
748
  </div>
717
- <button class="pf-v6-c-button pf-m-link pf-m-inline" type="button">
749
+ <button class="pf-v6-c-button pf-m-inline pf-m-link" type="button">
718
750
  <span class="pf-v6-c-button__icon pf-m-start">
719
751
  <i class="fas fa-plus-circle" aria-hidden="true"></i>
720
752
  </span>
721
- Add valid redirect URI
753
+ <span class="pf-v6-c-button__text">Add valid redirect URI</span>
722
754
  </button>
723
755
  </div>
724
756
  </div>
@@ -736,7 +768,9 @@ subsection: forms
736
768
  aria-label="More information for home URL field"
737
769
  aria-describedby="form-demo-sections-repeatable-fields-section2-home-url"
738
770
  >
739
- <i class="fas fa-question-circle" aria-hidden="true"></i>
771
+ <span class="pf-v6-c-button__icon">
772
+ <i class="fas fa-question-circle" aria-hidden="true"></i>
773
+ </span>
740
774
  </span></span>
741
775
  </div>
742
776
  <div class="pf-v6-c-form__group-control">
@@ -773,7 +807,9 @@ subsection: forms
773
807
  aria-label="More information for name field"
774
808
  aria-describedby="form-demo-sections-complex-form-name"
775
809
  >
776
- <i class="fas fa-question-circle" aria-hidden="true"></i>
810
+ <span class="pf-v6-c-button__icon">
811
+ <i class="fas fa-question-circle" aria-hidden="true"></i>
812
+ </span>
777
813
  </span></span>
778
814
  </div>
779
815
  <div class="pf-v6-c-form__group-control">
@@ -802,7 +838,9 @@ subsection: forms
802
838
  aria-label="More information for labels field"
803
839
  aria-describedby="form-demo-sections-complex-form-labels"
804
840
  >
805
- <i class="fas fa-question-circle" aria-hidden="true"></i>
841
+ <span class="pf-v6-c-button__icon">
842
+ <i class="fas fa-question-circle" aria-hidden="true"></i>
843
+ </span>
806
844
  </span></span>
807
845
  </div>
808
846
  <div class="pf-v6-c-form__group-control">
@@ -837,7 +875,9 @@ subsection: forms
837
875
  aria-label="Remove"
838
876
  aria-labelledby="-label-1-button -label-1-text"
839
877
  >
840
- <i class="fas fa-times fa-fw" aria-hidden="true"></i>
878
+ <span class="pf-v6-c-button__icon">
879
+ <i class="fas fa-times fa-fw" aria-hidden="true"></i>
880
+ </span>
841
881
  </button>
842
882
  </span>
843
883
  </span>
@@ -858,7 +898,9 @@ subsection: forms
858
898
  aria-label="Remove"
859
899
  aria-labelledby="-label-2-button -label-2-text"
860
900
  >
861
- <i class="fas fa-times fa-fw" aria-hidden="true"></i>
901
+ <span class="pf-v6-c-button__icon">
902
+ <i class="fas fa-times fa-fw" aria-hidden="true"></i>
903
+ </span>
862
904
  </button>
863
905
  </span>
864
906
  </span>
@@ -895,14 +937,15 @@ subsection: forms
895
937
  <div class="pf-v6-c-form__field-group-toggle-button">
896
938
  <button
897
939
  class="pf-v6-c-button pf-m-plain"
898
- type="button"
899
- aria-expanded="false"
900
- aria-label="Details"
901
940
  id="form-demo-sections-complex-form-alerting-toggle"
941
+ type="button"
902
942
  aria-labelledby="form-demo-sections-complex-form-alerting-title form-demo-sections-complex-form-alerting-toggle"
943
+ aria-label="Details"
903
944
  >
904
- <span class="pf-v6-c-form__field-group-toggle-icon">
905
- <i class="fas fa-angle-right" aria-hidden="true"></i>
945
+ <span class="pf-v6-c-button__icon">
946
+ <span class="pf-v6-c-form__field-group-toggle-icon">
947
+ <i class="fas fa-angle-right" aria-hidden="true"></i>
948
+ </span>
906
949
  </span>
907
950
  </button>
908
951
  </div>
@@ -931,14 +974,15 @@ subsection: forms
931
974
  <div class="pf-v6-c-form__field-group-toggle-button">
932
975
  <button
933
976
  class="pf-v6-c-button pf-m-plain"
934
- type="button"
935
- aria-expanded="false"
936
- aria-label="Details"
937
977
  id="form-demo-sections-complex-form-query-toggle"
978
+ type="button"
938
979
  aria-labelledby="form-demo-sections-complex-form-query-title form-demo-sections-complex-form-query-toggle"
980
+ aria-label="Details"
939
981
  >
940
- <span class="pf-v6-c-form__field-group-toggle-icon">
941
- <i class="fas fa-angle-right" aria-hidden="true"></i>
982
+ <span class="pf-v6-c-button__icon">
983
+ <span class="pf-v6-c-form__field-group-toggle-icon">
984
+ <i class="fas fa-angle-right" aria-hidden="true"></i>
985
+ </span>
942
986
  </span>
943
987
  </button>
944
988
  </div>
@@ -967,14 +1011,15 @@ subsection: forms
967
1011
  <div class="pf-v6-c-form__field-group-toggle-button">
968
1012
  <button
969
1013
  class="pf-v6-c-button pf-m-plain"
970
- type="button"
971
- aria-expanded="false"
972
- aria-label="Details"
973
1014
  id="form-demo-sections-complex-form-affinity-toggle"
1015
+ type="button"
974
1016
  aria-labelledby="form-demo-sections-complex-form-affinity-title form-demo-sections-complex-form-affinity-toggle"
1017
+ aria-label="Details"
975
1018
  >
976
- <span class="pf-v6-c-form__field-group-toggle-icon">
977
- <i class="fas fa-angle-right" aria-hidden="true"></i>
1019
+ <span class="pf-v6-c-button__icon">
1020
+ <span class="pf-v6-c-form__field-group-toggle-icon">
1021
+ <i class="fas fa-angle-right" aria-hidden="true"></i>
1022
+ </span>
978
1023
  </span>
979
1024
  </button>
980
1025
  </div>
@@ -1001,15 +1046,17 @@ subsection: forms
1001
1046
  <div class="pf-v6-c-form__field-group-toggle">
1002
1047
  <div class="pf-v6-c-form__field-group-toggle-button">
1003
1048
  <button
1004
- class="pf-v6-c-button pf-m-plain"
1049
+ class="pf-v6-c-button pf-m-expanded pf-m-plain"
1050
+ id="form-demo-sections-complex-form-node-affinity-toggle"
1005
1051
  type="button"
1006
1052
  aria-expanded="true"
1007
- aria-label="Details"
1008
- id="form-demo-sections-complex-form-node-affinity-toggle"
1009
1053
  aria-labelledby="form-demo-sections-complex-form-node-affinity-title form-demo-sections-complex-form-node-affinity-toggle"
1054
+ aria-label="Details"
1010
1055
  >
1011
- <span class="pf-v6-c-form__field-group-toggle-icon">
1012
- <i class="fas fa-angle-right" aria-hidden="true"></i>
1056
+ <span class="pf-v6-c-button__icon">
1057
+ <span class="pf-v6-c-form__field-group-toggle-icon">
1058
+ <i class="fas fa-angle-right" aria-hidden="true"></i>
1059
+ </span>
1013
1060
  </span>
1014
1061
  </button>
1015
1062
  </div>
@@ -1037,14 +1084,15 @@ subsection: forms
1037
1084
  <div class="pf-v6-c-form__field-group-toggle-button">
1038
1085
  <button
1039
1086
  class="pf-v6-c-button pf-m-plain"
1040
- type="button"
1041
- aria-expanded="false"
1042
- aria-label="Details"
1043
1087
  id="form-demo-sections-complex-form-node-affinity-required-toggle"
1088
+ type="button"
1044
1089
  aria-labelledby="form-demo-sections-complex-form-node-affinity-required-title form-demo-sections-complex-form-node-affinity-required-toggle"
1090
+ aria-label="Details"
1045
1091
  >
1046
- <span class="pf-v6-c-form__field-group-toggle-icon">
1047
- <i class="fas fa-angle-right" aria-hidden="true"></i>
1092
+ <span class="pf-v6-c-button__icon">
1093
+ <span class="pf-v6-c-form__field-group-toggle-icon">
1094
+ <i class="fas fa-angle-right" aria-hidden="true"></i>
1095
+ </span>
1048
1096
  </span>
1049
1097
  </button>
1050
1098
  </div>
@@ -1072,15 +1120,17 @@ subsection: forms
1072
1120
  <div class="pf-v6-c-form__field-group-toggle">
1073
1121
  <div class="pf-v6-c-form__field-group-toggle-button">
1074
1122
  <button
1075
- class="pf-v6-c-button pf-m-plain"
1123
+ class="pf-v6-c-button pf-m-expanded pf-m-plain"
1124
+ id="form-demo-sections-complex-form-node-affinity-required-2-toggle"
1076
1125
  type="button"
1077
1126
  aria-expanded="true"
1078
- aria-label="Details"
1079
- id="form-demo-sections-complex-form-node-affinity-required-2-toggle"
1080
1127
  aria-labelledby="form-demo-sections-complex-form-node-affinity-required-2-title form-demo-sections-complex-form-node-affinity-required-2-toggle"
1128
+ aria-label="Details"
1081
1129
  >
1082
- <span class="pf-v6-c-form__field-group-toggle-icon">
1083
- <i class="fas fa-angle-right" aria-hidden="true"></i>
1130
+ <span class="pf-v6-c-button__icon">
1131
+ <span class="pf-v6-c-form__field-group-toggle-icon">
1132
+ <i class="fas fa-angle-right" aria-hidden="true"></i>
1133
+ </span>
1084
1134
  </span>
1085
1135
  </button>
1086
1136
  </div>
@@ -1133,18 +1183,20 @@ subsection: forms
1133
1183
  type="button"
1134
1184
  aria-label="Remove"
1135
1185
  >
1136
- <i class="fas fa-minus-circle" aria-hidden="true"></i>
1186
+ <span class="pf-v6-c-button__icon">
1187
+ <i class="fas fa-minus-circle" aria-hidden="true"></i>
1188
+ </span>
1137
1189
  </button>
1138
1190
  </div>
1139
1191
  </div>
1140
1192
  <button
1141
- class="pf-v6-c-button pf-m-link pf-m-inline"
1193
+ class="pf-v6-c-button pf-m-inline pf-m-link"
1142
1194
  type="button"
1143
1195
  >
1144
1196
  <span class="pf-v6-c-button__icon pf-m-start">
1145
1197
  <i class="fas fa-plus-circle" aria-hidden="true"></i>
1146
1198
  </span>
1147
- Add valid redirect URI
1199
+ <span class="pf-v6-c-button__text">Add valid redirect URI</span>
1148
1200
  </button>
1149
1201
  </div>
1150
1202
  </div>
@@ -1163,14 +1215,15 @@ subsection: forms
1163
1215
  <div class="pf-v6-c-form__field-group-toggle-button">
1164
1216
  <button
1165
1217
  class="pf-v6-c-button pf-m-plain"
1166
- type="button"
1167
- aria-expanded="false"
1168
- aria-label="Details"
1169
1218
  id="form-demo-sections-complex-form-pod-affinity-toggle"
1219
+ type="button"
1170
1220
  aria-labelledby="form-demo-sections-complex-form-pod-affinity-title form-demo-sections-complex-form-pod-affinity-toggle"
1221
+ aria-label="Details"
1171
1222
  >
1172
- <span class="pf-v6-c-form__field-group-toggle-icon">
1173
- <i class="fas fa-angle-right" aria-hidden="true"></i>
1223
+ <span class="pf-v6-c-button__icon">
1224
+ <span class="pf-v6-c-form__field-group-toggle-icon">
1225
+ <i class="fas fa-angle-right" aria-hidden="true"></i>
1226
+ </span>
1174
1227
  </span>
1175
1228
  </button>
1176
1229
  </div>
@@ -1200,15 +1253,17 @@ subsection: forms
1200
1253
  <div class="pf-v6-c-form__field-group-toggle">
1201
1254
  <div class="pf-v6-c-form__field-group-toggle-button">
1202
1255
  <button
1203
- class="pf-v6-c-button pf-m-plain"
1256
+ class="pf-v6-c-button pf-m-expanded pf-m-plain"
1257
+ id="form-demo-sections-complex-form-routing-toggle"
1204
1258
  type="button"
1205
1259
  aria-expanded="true"
1206
- aria-label="Details"
1207
- id="form-demo-sections-complex-form-routing-toggle"
1208
1260
  aria-labelledby="form-demo-sections-complex-form-routing-title form-demo-sections-complex-form-routing-toggle"
1261
+ aria-label="Details"
1209
1262
  >
1210
- <span class="pf-v6-c-form__field-group-toggle-icon">
1211
- <i class="fas fa-angle-right" aria-hidden="true"></i>
1263
+ <span class="pf-v6-c-button__icon">
1264
+ <span class="pf-v6-c-form__field-group-toggle-icon">
1265
+ <i class="fas fa-angle-right" aria-hidden="true"></i>
1266
+ </span>
1212
1267
  </span>
1213
1268
  </button>
1214
1269
  </div>
@@ -1384,15 +1439,17 @@ subsection: forms
1384
1439
  <div class="pf-v6-c-form__field-group-toggle">
1385
1440
  <div class="pf-v6-c-form__field-group-toggle-button">
1386
1441
  <button
1387
- class="pf-v6-c-button pf-m-plain"
1442
+ class="pf-v6-c-button pf-m-expanded pf-m-plain"
1443
+ id="form-demo-sections-complex-form-health-checks-toggle"
1388
1444
  type="button"
1389
1445
  aria-expanded="true"
1390
- aria-label="Details"
1391
- id="form-demo-sections-complex-form-health-checks-toggle"
1392
1446
  aria-labelledby="form-demo-sections-complex-form-health-checks-title form-demo-sections-complex-form-health-checks-toggle"
1447
+ aria-label="Details"
1393
1448
  >
1394
- <span class="pf-v6-c-form__field-group-toggle-icon">
1395
- <i class="fas fa-angle-right" aria-hidden="true"></i>
1449
+ <span class="pf-v6-c-button__icon">
1450
+ <span class="pf-v6-c-form__field-group-toggle-icon">
1451
+ <i class="fas fa-angle-right" aria-hidden="true"></i>
1452
+ </span>
1396
1453
  </span>
1397
1454
  </button>
1398
1455
  </div>
@@ -1430,13 +1487,13 @@ subsection: forms
1430
1487
  <div class="pf-v6-c-form__group">
1431
1488
  <div class="pf-v6-c-form__group-control">
1432
1489
  <button
1433
- class="pf-v6-c-button pf-m-link pf-m-inline"
1490
+ class="pf-v6-c-button pf-m-inline pf-m-link"
1434
1491
  type="button"
1435
1492
  >
1436
1493
  <span class="pf-v6-c-button__icon pf-m-start">
1437
1494
  <i class="fas fa-plus-circle" aria-hidden="true"></i>
1438
1495
  </span>
1439
- Add liveness probe
1496
+ <span class="pf-v6-c-button__text">Add liveness probe</span>
1440
1497
  </button>
1441
1498
  </div>
1442
1499
  </div>
@@ -1464,13 +1521,13 @@ subsection: forms
1464
1521
  <div class="pf-v6-c-form__group">
1465
1522
  <div class="pf-v6-c-form__group-control">
1466
1523
  <button
1467
- class="pf-v6-c-button pf-m-link pf-m-inline"
1524
+ class="pf-v6-c-button pf-m-inline pf-m-link"
1468
1525
  type="button"
1469
1526
  >
1470
1527
  <span class="pf-v6-c-button__icon pf-m-start">
1471
1528
  <i class="fas fa-plus-circle" aria-hidden="true"></i>
1472
1529
  </span>
1473
- Add startup probe
1530
+ <span class="pf-v6-c-button__text">Add startup probe</span>
1474
1531
  </button>
1475
1532
  </div>
1476
1533
  </div>
@@ -1488,14 +1545,15 @@ subsection: forms
1488
1545
  <div class="pf-v6-c-form__field-group-toggle-button">
1489
1546
  <button
1490
1547
  class="pf-v6-c-button pf-m-plain"
1491
- type="button"
1492
- aria-expanded="false"
1493
- aria-label="Details"
1494
1548
  id="form-demo-sections-complex-form-build-configuration-toggle"
1549
+ type="button"
1495
1550
  aria-labelledby="form-demo-sections-complex-form-build-configuration-title form-demo-sections-complex-form-build-configuration-toggle"
1551
+ aria-label="Details"
1496
1552
  >
1497
- <span class="pf-v6-c-form__field-group-toggle-icon">
1498
- <i class="fas fa-angle-right" aria-hidden="true"></i>
1553
+ <span class="pf-v6-c-button__icon">
1554
+ <span class="pf-v6-c-form__field-group-toggle-icon">
1555
+ <i class="fas fa-angle-right" aria-hidden="true"></i>
1556
+ </span>
1499
1557
  </span>
1500
1558
  </button>
1501
1559
  </div>
@@ -1510,7 +1568,9 @@ subsection: forms
1510
1568
  </div>
1511
1569
  </div>
1512
1570
  <div class="pf-v6-c-form__field-group-header-actions">
1513
- <button class="pf-v6-c-button pf-m-secondary" type="button">Import</button>
1571
+ <button class="pf-v6-c-button pf-m-secondary" type="button">
1572
+ <span class="pf-v6-c-button__text">Import</span>
1573
+ </button>
1514
1574
  </div>
1515
1575
  </div>
1516
1576
  </div>
@@ -1524,14 +1584,15 @@ subsection: forms
1524
1584
  <div class="pf-v6-c-form__field-group-toggle-button">
1525
1585
  <button
1526
1586
  class="pf-v6-c-button pf-m-plain"
1527
- type="button"
1528
- aria-expanded="false"
1529
- aria-label="Details"
1530
1587
  id="form-demo-sections-complex-form-deployment-toggle"
1588
+ type="button"
1531
1589
  aria-labelledby="form-demo-sections-complex-form-deployment-title form-demo-sections-complex-form-deployment-toggle"
1590
+ aria-label="Details"
1532
1591
  >
1533
- <span class="pf-v6-c-form__field-group-toggle-icon">
1534
- <i class="fas fa-angle-right" aria-hidden="true"></i>
1592
+ <span class="pf-v6-c-button__icon">
1593
+ <span class="pf-v6-c-form__field-group-toggle-icon">
1594
+ <i class="fas fa-angle-right" aria-hidden="true"></i>
1595
+ </span>
1535
1596
  </span>
1536
1597
  </button>
1537
1598
  </div>
@@ -1549,8 +1610,12 @@ subsection: forms
1549
1610
  </div>
1550
1611
 
1551
1612
  <div class="pf-v6-c-form__actions">
1552
- <button class="pf-v6-c-button pf-m-primary" type="submit">Save</button>
1553
- <button class="pf-v6-c-button pf-m-secondary" type="reset">Cancel</button>
1613
+ <button class="pf-v6-c-button pf-m-primary" type="submit">
1614
+ <span class="pf-v6-c-button__text">Save</span>
1615
+ </button>
1616
+ <button class="pf-v6-c-button pf-m-secondary" type="reset">
1617
+ <span class="pf-v6-c-button__text">Cancel</span>
1618
+ </button>
1554
1619
  </div>
1555
1620
  </form>
1556
1621