@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/DatePicker/examples/DatePicker.md CHANGED
@@ -30,7 +30,9 @@ cssPrefix: pf-v6-c-date-picker
30
30
  type="button"
31
31
  aria-label="Toggle date picker"
32
32
  >
33
- <i class="fas fa-calendar-alt" aria-hidden="true"></i>
33
+ <span class="pf-v6-c-button__icon">
34
+ <i class="fas fa-calendar-alt" aria-hidden="true"></i>
35
+ </span>
34
36
  </button>
35
37
  </div>
36
38
  </div>
@@ -62,7 +64,9 @@ cssPrefix: pf-v6-c-date-picker
62
64
  type="button"
63
65
  aria-label="Toggle date picker"
64
66
  >
65
- <i class="fas fa-calendar-alt" aria-hidden="true"></i>
67
+ <span class="pf-v6-c-button__icon">
68
+ <i class="fas fa-calendar-alt" aria-hidden="true"></i>
69
+ </span>
66
70
  </button>
67
71
  </div>
68
72
  </div>
@@ -107,7 +111,9 @@ cssPrefix: pf-v6-c-date-picker
107
111
  type="button"
108
112
  aria-label="Toggle date picker"
109
113
  >
110
- <i class="fas fa-calendar-alt" aria-hidden="true"></i>
114
+ <span class="pf-v6-c-button__icon">
115
+ <i class="fas fa-calendar-alt" aria-hidden="true"></i>
116
+ </span>
111
117
  </button>
112
118
  </div>
113
119
  </div>
@@ -149,7 +155,9 @@ cssPrefix: pf-v6-c-date-picker
149
155
  type="button"
150
156
  aria-label="Toggle date picker"
151
157
  >
152
- <i class="fas fa-calendar-alt" aria-hidden="true"></i>
158
+ <span class="pf-v6-c-button__icon">
159
+ <i class="fas fa-calendar-alt" aria-hidden="true"></i>
160
+ </span>
153
161
  </button>
154
162
  </div>
155
163
  </div>
@@ -185,7 +193,9 @@ cssPrefix: pf-v6-c-date-picker
185
193
  type="button"
186
194
  aria-label="Toggle date picker"
187
195
  >
188
- <i class="fas fa-calendar-alt" aria-hidden="true"></i>
196
+ <span class="pf-v6-c-button__icon">
197
+ <i class="fas fa-calendar-alt" aria-hidden="true"></i>
198
+ </span>
189
199
  </button>
190
200
  </div>
191
201
  </div>
@@ -220,7 +230,9 @@ cssPrefix: pf-v6-c-date-picker
220
230
  type="button"
221
231
  aria-label="Toggle date picker"
222
232
  >
223
- <i class="fas fa-calendar-alt" aria-hidden="true"></i>
233
+ <span class="pf-v6-c-button__icon">
234
+ <i class="fas fa-calendar-alt" aria-hidden="true"></i>
235
+ </span>
224
236
  </button>
225
237
  </div>
226
238
  </div>
package/docs/components/DescriptionList/examples/DescriptionList.md CHANGED
@@ -40,11 +40,11 @@ cssPrefix: pf-v6-c-description-list
40
40
  </dt>
41
41
  <dd class="pf-v6-c-description-list__description">
42
42
  <div class="pf-v6-c-description-list__text">
43
- <button class="pf-v6-c-button pf-m-link pf-m-inline" type="button">
43
+ <button class="pf-v6-c-button pf-m-inline pf-m-link" type="button">
44
44
  <span class="pf-v6-c-button__icon pf-m-start">
45
45
  <i class="fas fa-plus-circle" aria-hidden="true"></i>
46
46
  </span>
47
- app=MyApp
47
+ <span class="pf-v6-c-button__text">app=MyApp</span>
48
48
  </button>
49
49
  </div>
50
50
  </dd>
@@ -67,7 +67,12 @@ cssPrefix: pf-v6-c-description-list
67
67
  <dl class="pf-v6-c-description-list">
68
68
  <div class="pf-v6-c-description-list__group">
69
69
  <dt class="pf-v6-c-description-list__term">
70
- <span class="pf-v6-c-description-list__text">Name</span>
70
+ <span
71
+ class="pf-v6-c-description-list__text pf-m-help-text"
72
+ role="button"
73
+ type="button"
74
+ tabindex="0"
75
+ >Name</span>
71
76
  </dt>
72
77
  <dd class="pf-v6-c-description-list__description">
73
78
  <div class="pf-v6-c-description-list__text">example</div>
@@ -75,7 +80,12 @@ cssPrefix: pf-v6-c-description-list
75
80
  </div>
76
81
  <div class="pf-v6-c-description-list__group">
77
82
  <dt class="pf-v6-c-description-list__term">
78
- <span class="pf-v6-c-description-list__text">Namespace</span>
83
+ <span
84
+ class="pf-v6-c-description-list__text pf-m-help-text"
85
+ role="button"
86
+ type="button"
87
+ tabindex="0"
88
+ >Namespace</span>
79
89
  </dt>
80
90
  <dd class="pf-v6-c-description-list__description">
81
91
  <div class="pf-v6-c-description-list__text">
@@ -85,7 +95,12 @@ cssPrefix: pf-v6-c-description-list
85
95
  </div>
86
96
  <div class="pf-v6-c-description-list__group">
87
97
  <dt class="pf-v6-c-description-list__term">
88
- <span class="pf-v6-c-description-list__text">Labels</span>
98
+ <span
99
+ class="pf-v6-c-description-list__text pf-m-help-text"
100
+ role="button"
101
+ type="button"
102
+ tabindex="0"
103
+ >Labels</span>
89
104
  </dt>
90
105
  <dd class="pf-v6-c-description-list__description">
91
106
  <div class="pf-v6-c-description-list__text">example</div>
@@ -93,22 +108,32 @@ cssPrefix: pf-v6-c-description-list
93
108
  </div>
94
109
  <div class="pf-v6-c-description-list__group">
95
110
  <dt class="pf-v6-c-description-list__term">
96
- <span class="pf-v6-c-description-list__text">Pod selector</span>
111
+ <span
112
+ class="pf-v6-c-description-list__text pf-m-help-text"
113
+ role="button"
114
+ type="button"
115
+ tabindex="0"
116
+ >Pod selector</span>
97
117
  </dt>
98
118
  <dd class="pf-v6-c-description-list__description">
99
119
  <div class="pf-v6-c-description-list__text">
100
- <button class="pf-v6-c-button pf-m-link pf-m-inline" type="button">
120
+ <button class="pf-v6-c-button pf-m-inline pf-m-link" type="button">
101
121
  <span class="pf-v6-c-button__icon pf-m-start">
102
122
  <i class="fas fa-plus-circle" aria-hidden="true"></i>
103
123
  </span>
104
- app=MyApp
124
+ <span class="pf-v6-c-button__text">app=MyApp</span>
105
125
  </button>
106
126
  </div>
107
127
  </dd>
108
128
  </div>
109
129
  <div class="pf-v6-c-description-list__group">
110
130
  <dt class="pf-v6-c-description-list__term">
111
- <span class="pf-v6-c-description-list__text">Annotation</span>
131
+ <span
132
+ class="pf-v6-c-description-list__text pf-m-help-text"
133
+ role="button"
134
+ type="button"
135
+ tabindex="0"
136
+ >Annotation</span>
112
137
  </dt>
113
138
  <dd class="pf-v6-c-description-list__description">
114
139
  <div class="pf-v6-c-description-list__text">2 Annotations</div>
@@ -156,11 +181,11 @@ cssPrefix: pf-v6-c-description-list
156
181
  </dt>
157
182
  <dd class="pf-v6-c-description-list__description">
158
183
  <div class="pf-v6-c-description-list__text">
159
- <button class="pf-v6-c-button pf-m-link pf-m-inline" type="button">
184
+ <button class="pf-v6-c-button pf-m-inline pf-m-link" type="button">
160
185
  <span class="pf-v6-c-button__icon pf-m-start">
161
186
  <i class="fas fa-plus-circle" aria-hidden="true"></i>
162
187
  </span>
163
- app=MyApp
188
+ <span class="pf-v6-c-button__text">app=MyApp</span>
164
189
  </button>
165
190
  </div>
166
191
  </dd>
@@ -213,11 +238,11 @@ cssPrefix: pf-v6-c-description-list
213
238
  </dt>
214
239
  <dd class="pf-v6-c-description-list__description">
215
240
  <div class="pf-v6-c-description-list__text">
216
- <button class="pf-v6-c-button pf-m-link pf-m-inline" type="button">
241
+ <button class="pf-v6-c-button pf-m-inline pf-m-link" type="button">
217
242
  <span class="pf-v6-c-button__icon pf-m-start">
218
243
  <i class="fas fa-plus-circle" aria-hidden="true"></i>
219
244
  </span>
220
- app=MyApp
245
+ <span class="pf-v6-c-button__text">app=MyApp</span>
221
246
  </button>
222
247
  </div>
223
248
  </dd>
@@ -270,11 +295,11 @@ cssPrefix: pf-v6-c-description-list
270
295
  </dt>
271
296
  <dd class="pf-v6-c-description-list__description">
272
297
  <div class="pf-v6-c-description-list__text">
273
- <button class="pf-v6-c-button pf-m-link pf-m-inline" type="button">
298
+ <button class="pf-v6-c-button pf-m-inline pf-m-link" type="button">
274
299
  <span class="pf-v6-c-button__icon pf-m-start">
275
300
  <i class="fas fa-plus-circle" aria-hidden="true"></i>
276
301
  </span>
277
- app=MyApp
302
+ <span class="pf-v6-c-button__text">app=MyApp</span>
278
303
  </button>
279
304
  </div>
280
305
  </dd>
@@ -327,11 +352,11 @@ cssPrefix: pf-v6-c-description-list
327
352
  </dt>
328
353
  <dd class="pf-v6-c-description-list__description">
329
354
  <div class="pf-v6-c-description-list__text">
330
- <button class="pf-v6-c-button pf-m-link pf-m-inline" type="button">
355
+ <button class="pf-v6-c-button pf-m-inline pf-m-link" type="button">
331
356
  <span class="pf-v6-c-button__icon pf-m-start">
332
357
  <i class="fas fa-plus-circle" aria-hidden="true"></i>
333
358
  </span>
334
- app=MyApp
359
+ <span class="pf-v6-c-button__text">app=MyApp</span>
335
360
  </button>
336
361
  </div>
337
362
  </dd>
@@ -384,11 +409,11 @@ cssPrefix: pf-v6-c-description-list
384
409
  </dt>
385
410
  <dd class="pf-v6-c-description-list__description">
386
411
  <div class="pf-v6-c-description-list__text">
387
- <button class="pf-v6-c-button pf-m-link pf-m-inline" type="button">
412
+ <button class="pf-v6-c-button pf-m-inline pf-m-link" type="button">
388
413
  <span class="pf-v6-c-button__icon pf-m-start">
389
414
  <i class="fas fa-plus-circle" aria-hidden="true"></i>
390
415
  </span>
391
- app=MyApp
416
+ <span class="pf-v6-c-button__text">app=MyApp</span>
392
417
  </button>
393
418
  </div>
394
419
  </dd>
@@ -441,11 +466,11 @@ cssPrefix: pf-v6-c-description-list
441
466
  </dt>
442
467
  <dd class="pf-v6-c-description-list__description">
443
468
  <div class="pf-v6-c-description-list__text">
444
- <button class="pf-v6-c-button pf-m-link pf-m-inline" type="button">
469
+ <button class="pf-v6-c-button pf-m-inline pf-m-link" type="button">
445
470
  <span class="pf-v6-c-button__icon pf-m-start">
446
471
  <i class="fas fa-plus-circle" aria-hidden="true"></i>
447
472
  </span>
448
- app=MyApp
473
+ <span class="pf-v6-c-button__text">app=MyApp</span>
449
474
  </button>
450
475
  </div>
451
476
  </dd>
@@ -498,11 +523,11 @@ cssPrefix: pf-v6-c-description-list
498
523
  </dt>
499
524
  <dd class="pf-v6-c-description-list__description">
500
525
  <div class="pf-v6-c-description-list__text">
501
- <button class="pf-v6-c-button pf-m-link pf-m-inline" type="button">
526
+ <button class="pf-v6-c-button pf-m-inline pf-m-link" type="button">
502
527
  <span class="pf-v6-c-button__icon pf-m-start">
503
528
  <i class="fas fa-plus-circle" aria-hidden="true"></i>
504
529
  </span>
505
- app=MyApp
530
+ <span class="pf-v6-c-button__text">app=MyApp</span>
506
531
  </button>
507
532
  </div>
508
533
  </dd>
@@ -555,11 +580,11 @@ cssPrefix: pf-v6-c-description-list
555
580
  </dt>
556
581
  <dd class="pf-v6-c-description-list__description">
557
582
  <div class="pf-v6-c-description-list__text">
558
- <button class="pf-v6-c-button pf-m-link pf-m-inline" type="button">
583
+ <button class="pf-v6-c-button pf-m-inline pf-m-link" type="button">
559
584
  <span class="pf-v6-c-button__icon pf-m-start">
560
585
  <i class="fas fa-plus-circle" aria-hidden="true"></i>
561
586
  </span>
562
- app=MyApp
587
+ <span class="pf-v6-c-button__text">app=MyApp</span>
563
588
  </button>
564
589
  </div>
565
590
  </dd>
@@ -618,11 +643,11 @@ Column fill will modify the default placement of description list groups to fill
618
643
  </dt>
619
644
  <dd class="pf-v6-c-description-list__description">
620
645
  <div class="pf-v6-c-description-list__text">
621
- <button class="pf-v6-c-button pf-m-link pf-m-inline" type="button">
646
+ <button class="pf-v6-c-button pf-m-inline pf-m-link" type="button">
622
647
  <span class="pf-v6-c-button__icon pf-m-start">
623
648
  <i class="fas fa-plus-circle" aria-hidden="true"></i>
624
649
  </span>
625
- app=MyApp
650
+ <span class="pf-v6-c-button__text">app=MyApp</span>
626
651
  </button>
627
652
  </div>
628
653
  </dd>
@@ -677,11 +702,11 @@ Column fill will modify the default placement of description list groups to fill
677
702
  </dt>
678
703
  <dd class="pf-v6-c-description-list__description">
679
704
  <div class="pf-v6-c-description-list__text">
680
- <button class="pf-v6-c-button pf-m-link pf-m-inline" type="button">
705
+ <button class="pf-v6-c-button pf-m-inline pf-m-link" type="button">
681
706
  <span class="pf-v6-c-button__icon pf-m-start">
682
707
  <i class="fas fa-plus-circle" aria-hidden="true"></i>
683
708
  </span>
684
- app=MyApp
709
+ <span class="pf-v6-c-button__text">app=MyApp</span>
685
710
  </button>
686
711
  </div>
687
712
  </dd>
@@ -737,11 +762,11 @@ Column fill will modify the default placement of description list groups to fill
737
762
  </dt>
738
763
  <dd class="pf-v6-c-description-list__description">
739
764
  <div class="pf-v6-c-description-list__text">
740
- <button class="pf-v6-c-button pf-m-link pf-m-inline" type="button">
765
+ <button class="pf-v6-c-button pf-m-inline pf-m-link" type="button">
741
766
  <span class="pf-v6-c-button__icon pf-m-start">
742
767
  <i class="fas fa-plus-circle" aria-hidden="true"></i>
743
768
  </span>
744
- app=MyApp
769
+ <span class="pf-v6-c-button__text">app=MyApp</span>
745
770
  </button>
746
771
  </div>
747
772
  </dd>
@@ -797,11 +822,11 @@ Column fill will modify the default placement of description list groups to fill
797
822
  </dt>
798
823
  <dd class="pf-v6-c-description-list__description">
799
824
  <div class="pf-v6-c-description-list__text">
800
- <button class="pf-v6-c-button pf-m-link pf-m-inline" type="button">
825
+ <button class="pf-v6-c-button pf-m-inline pf-m-link" type="button">
801
826
  <span class="pf-v6-c-button__icon pf-m-start">
802
827
  <i class="fas fa-plus-circle" aria-hidden="true"></i>
803
828
  </span>
804
- app=MyApp
829
+ <span class="pf-v6-c-button__text">app=MyApp</span>
805
830
  </button>
806
831
  </div>
807
832
  </dd>
@@ -856,11 +881,11 @@ Column fill will modify the default placement of description list groups to fill
856
881
  </dt>
857
882
  <dd class="pf-v6-c-description-list__description">
858
883
  <div class="pf-v6-c-description-list__text">
859
- <button class="pf-v6-c-button pf-m-link pf-m-inline" type="button">
884
+ <button class="pf-v6-c-button pf-m-inline pf-m-link" type="button">
860
885
  <span class="pf-v6-c-button__icon pf-m-start">
861
886
  <i class="fas fa-plus-circle" aria-hidden="true"></i>
862
887
  </span>
863
- app=MyApp
888
+ <span class="pf-v6-c-button__text">app=MyApp</span>
864
889
  </button>
865
890
  </div>
866
891
  </dd>
@@ -915,11 +940,11 @@ Column fill will modify the default placement of description list groups to fill
915
940
  </dt>
916
941
  <dd class="pf-v6-c-description-list__description">
917
942
  <div class="pf-v6-c-description-list__text">
918
- <button class="pf-v6-c-button pf-m-link pf-m-inline" type="button">
943
+ <button class="pf-v6-c-button pf-m-inline pf-m-link" type="button">
919
944
  <span class="pf-v6-c-button__icon pf-m-start">
920
945
  <i class="fas fa-plus-circle" aria-hidden="true"></i>
921
946
  </span>
922
- app=MyApp
947
+ <span class="pf-v6-c-button__text">app=MyApp</span>
923
948
  </button>
924
949
  </div>
925
950
  </dd>
@@ -974,11 +999,11 @@ Column fill will modify the default placement of description list groups to fill
974
999
  </dt>
975
1000
  <dd class="pf-v6-c-description-list__description">
976
1001
  <div class="pf-v6-c-description-list__text">
977
- <button class="pf-v6-c-button pf-m-link pf-m-inline" type="button">
1002
+ <button class="pf-v6-c-button pf-m-inline pf-m-link" type="button">
978
1003
  <span class="pf-v6-c-button__icon pf-m-start">
979
1004
  <i class="fas fa-plus-circle" aria-hidden="true"></i>
980
1005
  </span>
981
- app=MyApp
1006
+ <span class="pf-v6-c-button__text">app=MyApp</span>
982
1007
  </button>
983
1008
  </div>
984
1009
  </dd>
@@ -1033,11 +1058,11 @@ Column fill will modify the default placement of description list groups to fill
1033
1058
  </dt>
1034
1059
  <dd class="pf-v6-c-description-list__description">
1035
1060
  <div class="pf-v6-c-description-list__text">
1036
- <button class="pf-v6-c-button pf-m-link pf-m-inline" type="button">
1061
+ <button class="pf-v6-c-button pf-m-inline pf-m-link" type="button">
1037
1062
  <span class="pf-v6-c-button__icon pf-m-start">
1038
1063
  <i class="fas fa-plus-circle" aria-hidden="true"></i>
1039
1064
  </span>
1040
- app=MyApp
1065
+ <span class="pf-v6-c-button__text">app=MyApp</span>
1041
1066
  </button>
1042
1067
  </div>
1043
1068
  </dd>
@@ -1092,11 +1117,11 @@ Column fill will modify the default placement of description list groups to fill
1092
1117
  </dt>
1093
1118
  <dd class="pf-v6-c-description-list__description">
1094
1119
  <div class="pf-v6-c-description-list__text">
1095
- <button class="pf-v6-c-button pf-m-link pf-m-inline" type="button">
1120
+ <button class="pf-v6-c-button pf-m-inline pf-m-link" type="button">
1096
1121
  <span class="pf-v6-c-button__icon pf-m-start">
1097
1122
  <i class="fas fa-plus-circle" aria-hidden="true"></i>
1098
1123
  </span>
1099
- app=MyApp
1124
+ <span class="pf-v6-c-button__text">app=MyApp</span>
1100
1125
  </button>
1101
1126
  </div>
1102
1127
  </dd>
@@ -1151,11 +1176,11 @@ Column fill will modify the default placement of description list groups to fill
1151
1176
  </dt>
1152
1177
  <dd class="pf-v6-c-description-list__description">
1153
1178
  <div class="pf-v6-c-description-list__text">
1154
- <button class="pf-v6-c-button pf-m-link pf-m-inline" type="button">
1179
+ <button class="pf-v6-c-button pf-m-inline pf-m-link" type="button">
1155
1180
  <span class="pf-v6-c-button__icon pf-m-start">
1156
1181
  <i class="fas fa-plus-circle" aria-hidden="true"></i>
1157
1182
  </span>
1158
- app=MyApp
1183
+ <span class="pf-v6-c-button__text">app=MyApp</span>
1159
1184
  </button>
1160
1185
  </div>
1161
1186
  </dd>
@@ -1208,11 +1233,11 @@ Column fill will modify the default placement of description list groups to fill
1208
1233
  </dt>
1209
1234
  <dd class="pf-v6-c-description-list__description">
1210
1235
  <div class="pf-v6-c-description-list__text">
1211
- <button class="pf-v6-c-button pf-m-link pf-m-inline" type="button">
1236
+ <button class="pf-v6-c-button pf-m-inline pf-m-link" type="button">
1212
1237
  <span class="pf-v6-c-button__icon pf-m-start">
1213
1238
  <i class="fas fa-plus-circle" aria-hidden="true"></i>
1214
1239
  </span>
1215
- app=MyApp
1240
+ <span class="pf-v6-c-button__text">app=MyApp</span>
1216
1241
  </button>
1217
1242
  </div>
1218
1243
  </dd>
@@ -1269,11 +1294,11 @@ Cards can be used as description list group wrappers. Using cards in this way ap
1269
1294
  </dt>
1270
1295
  <dd class="pf-v6-c-description-list__description">
1271
1296
  <div class="pf-v6-c-description-list__text">
1272
- <button class="pf-v6-c-button pf-m-link pf-m-inline" type="button">
1297
+ <button class="pf-v6-c-button pf-m-inline pf-m-link" type="button">
1273
1298
  <span class="pf-v6-c-button__icon pf-m-start">
1274
1299
  <i class="fas fa-plus-circle" aria-hidden="true"></i>
1275
1300
  </span>
1276
- app=MyApp
1301
+ <span class="pf-v6-c-button__text">app=MyApp</span>
1277
1302
  </button>
1278
1303
  </div>
1279
1304
  </dd>
@@ -1326,11 +1351,11 @@ Cards can be used as description list group wrappers. Using cards in this way ap
1326
1351
  </dt>
1327
1352
  <dd class="pf-v6-c-description-list__description">
1328
1353
  <div class="pf-v6-c-description-list__text">
1329
- <button class="pf-v6-c-button pf-m-link pf-m-inline" type="button">
1354
+ <button class="pf-v6-c-button pf-m-inline pf-m-link" type="button">
1330
1355
  <span class="pf-v6-c-button__icon pf-m-start">
1331
1356
  <i class="fas fa-plus-circle" aria-hidden="true"></i>
1332
1357
  </span>
1333
- app=MyApp
1358
+ <span class="pf-v6-c-button__text">app=MyApp</span>
1334
1359
  </button>
1335
1360
  </div>
1336
1361
  </dd>
@@ -1383,11 +1408,11 @@ Cards can be used as description list group wrappers. Using cards in this way ap
1383
1408
  </dt>
1384
1409
  <dd class="pf-v6-c-description-list__description">
1385
1410
  <div class="pf-v6-c-description-list__text">
1386
- <button class="pf-v6-c-button pf-m-link pf-m-inline" type="button">
1411
+ <button class="pf-v6-c-button pf-m-inline pf-m-link" type="button">
1387
1412
  <span class="pf-v6-c-button__icon pf-m-start">
1388
1413
  <i class="fas fa-plus-circle" aria-hidden="true"></i>
1389
1414
  </span>
1390
- app=MyApp
1415
+ <span class="pf-v6-c-button__text">app=MyApp</span>
1391
1416
  </button>
1392
1417
  </div>
1393
1418
  </dd>
@@ -1534,11 +1559,11 @@ Cards can be used as description list group wrappers. Using cards in this way ap
1534
1559
  </dt>
1535
1560
  <dd class="pf-v6-c-description-list__description">
1536
1561
  <div class="pf-v6-c-description-list__text">
1537
- <button class="pf-v6-c-button pf-m-link pf-m-inline" type="button">
1562
+ <button class="pf-v6-c-button pf-m-inline pf-m-link" type="button">
1538
1563
  <span class="pf-v6-c-button__icon pf-m-start">
1539
1564
  <i class="fas fa-plus-circle" aria-hidden="true"></i>
1540
1565
  </span>
1541
- app=MyApp
1566
+ <span class="pf-v6-c-button__text">app=MyApp</span>
1542
1567
  </button>
1543
1568
  </div>
1544
1569
  </dd>