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

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