@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/JumpLinks/examples/JumpLinks.md CHANGED
@@ -12,21 +12,27 @@ cssPrefix: pf-v6-c-jump-links
12
12
  <li class="pf-v6-c-jump-links__item">
13
13
  <span class="pf-v6-c-jump-links__link">
14
14
  <a class="pf-v6-c-button pf-m-link" href="#">
15
- <span class="pf-v6-c-jump-links__link-text">Inactive section</span>
15
+ <span class="pf-v6-c-button__text">
16
+ <span class="pf-v6-c-jump-links__link-text">Inactive section</span>
17
+ </span>
16
18
  </a>
17
19
  </span>
18
20
  </li>
19
21
  <li class="pf-v6-c-jump-links__item pf-m-current">
20
22
  <span class="pf-v6-c-jump-links__link">
21
23
  <a class="pf-v6-c-button pf-m-link" href="#">
22
- <span class="pf-v6-c-jump-links__link-text">Active section</span>
24
+ <span class="pf-v6-c-button__text">
25
+ <span class="pf-v6-c-jump-links__link-text">Active section</span>
26
+ </span>
23
27
  </a>
24
28
  </span>
25
29
  </li>
26
30
  <li class="pf-v6-c-jump-links__item">
27
31
  <span class="pf-v6-c-jump-links__link">
28
32
  <a class="pf-v6-c-button pf-m-link" href="#">
29
- <span class="pf-v6-c-jump-links__link-text">Inactive section</span>
33
+ <span class="pf-v6-c-button__text">
34
+ <span class="pf-v6-c-jump-links__link-text">Inactive section</span>
35
+ </span>
30
36
  </a>
31
37
  </span>
32
38
  </li>
@@ -43,21 +49,27 @@ cssPrefix: pf-v6-c-jump-links
43
49
  <li class="pf-v6-c-jump-links__item">
44
50
  <span class="pf-v6-c-jump-links__link">
45
51
  <a class="pf-v6-c-button pf-m-link" href="#">
46
- <span class="pf-v6-c-jump-links__link-text">Inactive section</span>
52
+ <span class="pf-v6-c-button__text">
53
+ <span class="pf-v6-c-jump-links__link-text">Inactive section</span>
54
+ </span>
47
55
  </a>
48
56
  </span>
49
57
  </li>
50
58
  <li class="pf-v6-c-jump-links__item pf-m-current">
51
59
  <span class="pf-v6-c-jump-links__link">
52
60
  <a class="pf-v6-c-button pf-m-link" href="#">
53
- <span class="pf-v6-c-jump-links__link-text">Active section</span>
61
+ <span class="pf-v6-c-button__text">
62
+ <span class="pf-v6-c-jump-links__link-text">Active section</span>
63
+ </span>
54
64
  </a>
55
65
  </span>
56
66
  </li>
57
67
  <li class="pf-v6-c-jump-links__item">
58
68
  <span class="pf-v6-c-jump-links__link">
59
69
  <a class="pf-v6-c-button pf-m-link" href="#">
60
- <span class="pf-v6-c-jump-links__link-text">Inactive section</span>
70
+ <span class="pf-v6-c-button__text">
71
+ <span class="pf-v6-c-jump-links__link-text">Inactive section</span>
72
+ </span>
61
73
  </a>
62
74
  </span>
63
75
  </li>
@@ -78,21 +90,27 @@ cssPrefix: pf-v6-c-jump-links
78
90
  <li class="pf-v6-c-jump-links__item">
79
91
  <span class="pf-v6-c-jump-links__link">
80
92
  <a class="pf-v6-c-button pf-m-link" href="#">
81
- <span class="pf-v6-c-jump-links__link-text">Inactive section</span>
93
+ <span class="pf-v6-c-button__text">
94
+ <span class="pf-v6-c-jump-links__link-text">Inactive section</span>
95
+ </span>
82
96
  </a>
83
97
  </span>
84
98
  </li>
85
99
  <li class="pf-v6-c-jump-links__item pf-m-current">
86
100
  <span class="pf-v6-c-jump-links__link">
87
101
  <a class="pf-v6-c-button pf-m-link" href="#">
88
- <span class="pf-v6-c-jump-links__link-text">Active section</span>
102
+ <span class="pf-v6-c-button__text">
103
+ <span class="pf-v6-c-jump-links__link-text">Active section</span>
104
+ </span>
89
105
  </a>
90
106
  </span>
91
107
  </li>
92
108
  <li class="pf-v6-c-jump-links__item">
93
109
  <span class="pf-v6-c-jump-links__link">
94
110
  <a class="pf-v6-c-button pf-m-link" href="#">
95
- <span class="pf-v6-c-jump-links__link-text">Inactive section</span>
111
+ <span class="pf-v6-c-button__text">
112
+ <span class="pf-v6-c-jump-links__link-text">Inactive section</span>
113
+ </span>
96
114
  </a>
97
115
  </span>
98
116
  </li>
@@ -109,21 +127,27 @@ cssPrefix: pf-v6-c-jump-links
109
127
  <li class="pf-v6-c-jump-links__item">
110
128
  <span class="pf-v6-c-jump-links__link">
111
129
  <a class="pf-v6-c-button pf-m-link" href="#">
112
- <span class="pf-v6-c-jump-links__link-text">Inactive section</span>
130
+ <span class="pf-v6-c-button__text">
131
+ <span class="pf-v6-c-jump-links__link-text">Inactive section</span>
132
+ </span>
113
133
  </a>
114
134
  </span>
115
135
  </li>
116
136
  <li class="pf-v6-c-jump-links__item pf-m-current">
117
137
  <span class="pf-v6-c-jump-links__link">
118
138
  <a class="pf-v6-c-button pf-m-link" href="#">
119
- <span class="pf-v6-c-jump-links__link-text">Active section</span>
139
+ <span class="pf-v6-c-button__text">
140
+ <span class="pf-v6-c-jump-links__link-text">Active section</span>
141
+ </span>
120
142
  </a>
121
143
  </span>
122
144
  </li>
123
145
  <li class="pf-v6-c-jump-links__item">
124
146
  <span class="pf-v6-c-jump-links__link">
125
147
  <a class="pf-v6-c-button pf-m-link" href="#">
126
- <span class="pf-v6-c-jump-links__link-text">Inactive section</span>
148
+ <span class="pf-v6-c-button__text">
149
+ <span class="pf-v6-c-jump-links__link-text">Inactive section</span>
150
+ </span>
127
151
  </a>
128
152
  </span>
129
153
  </li>
@@ -141,35 +165,45 @@ cssPrefix: pf-v6-c-jump-links
141
165
  <li class="pf-v6-c-jump-links__item">
142
166
  <span class="pf-v6-c-jump-links__link">
143
167
  <a class="pf-v6-c-button pf-m-link" href="#">
144
- <span class="pf-v6-c-jump-links__link-text">Inactive section</span>
168
+ <span class="pf-v6-c-button__text">
169
+ <span class="pf-v6-c-jump-links__link-text">Inactive section</span>
170
+ </span>
145
171
  </a>
146
172
  </span>
147
173
  </li>
148
174
  <li class="pf-v6-c-jump-links__item pf-m-current">
149
175
  <span class="pf-v6-c-jump-links__link">
150
176
  <a class="pf-v6-c-button pf-m-link" href="#">
151
- <span class="pf-v6-c-jump-links__link-text">Active section</span>
177
+ <span class="pf-v6-c-button__text">
178
+ <span class="pf-v6-c-jump-links__link-text">Active section</span>
179
+ </span>
152
180
  </a>
153
181
  </span>
154
182
  </li>
155
183
  <li class="pf-v6-c-jump-links__item">
156
184
  <span class="pf-v6-c-jump-links__link">
157
185
  <a class="pf-v6-c-button pf-m-link" href="#">
158
- <span class="pf-v6-c-jump-links__link-text">Inactive section</span>
186
+ <span class="pf-v6-c-button__text">
187
+ <span class="pf-v6-c-jump-links__link-text">Inactive section</span>
188
+ </span>
159
189
  </a>
160
190
  </span>
161
191
  </li>
162
192
  <li class="pf-v6-c-jump-links__item">
163
193
  <span class="pf-v6-c-jump-links__link">
164
194
  <a class="pf-v6-c-button pf-m-link" href="#">
165
- <span class="pf-v6-c-jump-links__link-text">Inactive section</span>
195
+ <span class="pf-v6-c-button__text">
196
+ <span class="pf-v6-c-jump-links__link-text">Inactive section</span>
197
+ </span>
166
198
  </a>
167
199
  </span>
168
200
  </li>
169
201
  <li class="pf-v6-c-jump-links__item">
170
202
  <span class="pf-v6-c-jump-links__link">
171
203
  <a class="pf-v6-c-button pf-m-link" href="#">
172
- <span class="pf-v6-c-jump-links__link-text">Inactive section</span>
204
+ <span class="pf-v6-c-button__text">
205
+ <span class="pf-v6-c-jump-links__link-text">Inactive section</span>
206
+ </span>
173
207
  </a>
174
208
  </span>
175
209
  </li>
@@ -189,35 +223,45 @@ cssPrefix: pf-v6-c-jump-links
189
223
  <li class="pf-v6-c-jump-links__item">
190
224
  <span class="pf-v6-c-jump-links__link">
191
225
  <a class="pf-v6-c-button pf-m-link" href="#">
192
- <span class="pf-v6-c-jump-links__link-text">Inactive section</span>
226
+ <span class="pf-v6-c-button__text">
227
+ <span class="pf-v6-c-jump-links__link-text">Inactive section</span>
228
+ </span>
193
229
  </a>
194
230
  </span>
195
231
  </li>
196
232
  <li class="pf-v6-c-jump-links__item pf-m-current">
197
233
  <span class="pf-v6-c-jump-links__link">
198
234
  <a class="pf-v6-c-button pf-m-link" href="#">
199
- <span class="pf-v6-c-jump-links__link-text">Active section</span>
235
+ <span class="pf-v6-c-button__text">
236
+ <span class="pf-v6-c-jump-links__link-text">Active section</span>
237
+ </span>
200
238
  </a>
201
239
  </span>
202
240
  </li>
203
241
  <li class="pf-v6-c-jump-links__item">
204
242
  <span class="pf-v6-c-jump-links__link">
205
243
  <a class="pf-v6-c-button pf-m-link" href="#">
206
- <span class="pf-v6-c-jump-links__link-text">Inactive section</span>
244
+ <span class="pf-v6-c-button__text">
245
+ <span class="pf-v6-c-jump-links__link-text">Inactive section</span>
246
+ </span>
207
247
  </a>
208
248
  </span>
209
249
  </li>
210
250
  <li class="pf-v6-c-jump-links__item">
211
251
  <span class="pf-v6-c-jump-links__link">
212
252
  <a class="pf-v6-c-button pf-m-link" href="#">
213
- <span class="pf-v6-c-jump-links__link-text">Inactive section</span>
253
+ <span class="pf-v6-c-button__text">
254
+ <span class="pf-v6-c-jump-links__link-text">Inactive section</span>
255
+ </span>
214
256
  </a>
215
257
  </span>
216
258
  </li>
217
259
  <li class="pf-v6-c-jump-links__item">
218
260
  <span class="pf-v6-c-jump-links__link">
219
261
  <a class="pf-v6-c-button pf-m-link" href="#">
220
- <span class="pf-v6-c-jump-links__link-text">Inactive section</span>
262
+ <span class="pf-v6-c-button__text">
263
+ <span class="pf-v6-c-jump-links__link-text">Inactive section</span>
264
+ </span>
221
265
  </a>
222
266
  </span>
223
267
  </li>
@@ -237,35 +281,45 @@ cssPrefix: pf-v6-c-jump-links
237
281
  <li class="pf-v6-c-jump-links__item pf-m-current">
238
282
  <span class="pf-v6-c-jump-links__link">
239
283
  <a class="pf-v6-c-button pf-m-link" href="#">
240
- <span class="pf-v6-c-jump-links__link-text">Active section</span>
284
+ <span class="pf-v6-c-button__text">
285
+ <span class="pf-v6-c-jump-links__link-text">Active section</span>
286
+ </span>
241
287
  </a>
242
288
  </span>
243
289
  </li>
244
290
  <li class="pf-v6-c-jump-links__item">
245
291
  <span class="pf-v6-c-jump-links__link">
246
292
  <a class="pf-v6-c-button pf-m-link" href="#">
247
- <span class="pf-v6-c-jump-links__link-text">Inactive section</span>
293
+ <span class="pf-v6-c-button__text">
294
+ <span class="pf-v6-c-jump-links__link-text">Inactive section</span>
295
+ </span>
248
296
  </a>
249
297
  </span>
250
298
  </li>
251
299
  <li class="pf-v6-c-jump-links__item">
252
300
  <span class="pf-v6-c-jump-links__link">
253
301
  <a class="pf-v6-c-button pf-m-link" href="#">
254
- <span class="pf-v6-c-jump-links__link-text">Inactive section</span>
302
+ <span class="pf-v6-c-button__text">
303
+ <span class="pf-v6-c-jump-links__link-text">Inactive section</span>
304
+ </span>
255
305
  </a>
256
306
  </span>
257
307
  <ul class="pf-v6-c-jump-links__list" role="list">
258
308
  <li class="pf-v6-c-jump-links__item">
259
309
  <span class="pf-v6-c-jump-links__link">
260
310
  <a class="pf-v6-c-button pf-m-link" href="#">
261
- <span class="pf-v6-c-jump-links__link-text">Inactive subsection</span>
311
+ <span class="pf-v6-c-button__text">
312
+ <span class="pf-v6-c-jump-links__link-text">Inactive subsection</span>
313
+ </span>
262
314
  </a>
263
315
  </span>
264
316
  </li>
265
317
  <li class="pf-v6-c-jump-links__item">
266
318
  <span class="pf-v6-c-jump-links__link">
267
319
  <a class="pf-v6-c-button pf-m-link" href="#">
268
- <span class="pf-v6-c-jump-links__link-text">Inactive subsection</span>
320
+ <span class="pf-v6-c-button__text">
321
+ <span class="pf-v6-c-jump-links__link-text">Inactive subsection</span>
322
+ </span>
269
323
  </a>
270
324
  </span>
271
325
  </li>
@@ -274,14 +328,18 @@ cssPrefix: pf-v6-c-jump-links
274
328
  <li class="pf-v6-c-jump-links__item">
275
329
  <span class="pf-v6-c-jump-links__link">
276
330
  <a class="pf-v6-c-button pf-m-link" href="#">
277
- <span class="pf-v6-c-jump-links__link-text">Inactive section</span>
331
+ <span class="pf-v6-c-button__text">
332
+ <span class="pf-v6-c-jump-links__link-text">Inactive section</span>
333
+ </span>
278
334
  </a>
279
335
  </span>
280
336
  </li>
281
337
  <li class="pf-v6-c-jump-links__item">
282
338
  <span class="pf-v6-c-jump-links__link">
283
339
  <a class="pf-v6-c-button pf-m-link" href="#">
284
- <span class="pf-v6-c-jump-links__link-text">Inactive section</span>
340
+ <span class="pf-v6-c-button__text">
341
+ <span class="pf-v6-c-jump-links__link-text">Inactive section</span>
342
+ </span>
285
343
  </a>
286
344
  </span>
287
345
  </li>
@@ -301,35 +359,45 @@ cssPrefix: pf-v6-c-jump-links
301
359
  <li class="pf-v6-c-jump-links__item">
302
360
  <span class="pf-v6-c-jump-links__link">
303
361
  <a class="pf-v6-c-button pf-m-link" href="#">
304
- <span class="pf-v6-c-jump-links__link-text">Inactive section</span>
362
+ <span class="pf-v6-c-button__text">
363
+ <span class="pf-v6-c-jump-links__link-text">Inactive section</span>
364
+ </span>
305
365
  </a>
306
366
  </span>
307
367
  </li>
308
368
  <li class="pf-v6-c-jump-links__item">
309
369
  <span class="pf-v6-c-jump-links__link">
310
370
  <a class="pf-v6-c-button pf-m-link" href="#">
311
- <span class="pf-v6-c-jump-links__link-text">Inactive section</span>
371
+ <span class="pf-v6-c-button__text">
372
+ <span class="pf-v6-c-jump-links__link-text">Inactive section</span>
373
+ </span>
312
374
  </a>
313
375
  </span>
314
376
  </li>
315
377
  <li class="pf-v6-c-jump-links__item">
316
378
  <span class="pf-v6-c-jump-links__link">
317
379
  <a class="pf-v6-c-button pf-m-link" href="#">
318
- <span class="pf-v6-c-jump-links__link-text">Active section</span>
380
+ <span class="pf-v6-c-button__text">
381
+ <span class="pf-v6-c-jump-links__link-text">Active section</span>
382
+ </span>
319
383
  </a>
320
384
  </span>
321
385
  <ul class="pf-v6-c-jump-links__list" role="list">
322
386
  <li class="pf-v6-c-jump-links__item pf-m-current">
323
387
  <span class="pf-v6-c-jump-links__link">
324
388
  <a class="pf-v6-c-button pf-m-link" href="#">
325
- <span class="pf-v6-c-jump-links__link-text">Active subsection</span>
389
+ <span class="pf-v6-c-button__text">
390
+ <span class="pf-v6-c-jump-links__link-text">Active subsection</span>
391
+ </span>
326
392
  </a>
327
393
  </span>
328
394
  </li>
329
395
  <li class="pf-v6-c-jump-links__item">
330
396
  <span class="pf-v6-c-jump-links__link">
331
397
  <a class="pf-v6-c-button pf-m-link" href="#">
332
- <span class="pf-v6-c-jump-links__link-text">Inactive subsection</span>
398
+ <span class="pf-v6-c-button__text">
399
+ <span class="pf-v6-c-jump-links__link-text">Inactive subsection</span>
400
+ </span>
333
401
  </a>
334
402
  </span>
335
403
  </li>
@@ -338,14 +406,18 @@ cssPrefix: pf-v6-c-jump-links
338
406
  <li class="pf-v6-c-jump-links__item">
339
407
  <span class="pf-v6-c-jump-links__link">
340
408
  <a class="pf-v6-c-button pf-m-link" href="#">
341
- <span class="pf-v6-c-jump-links__link-text">Inactive section</span>
409
+ <span class="pf-v6-c-button__text">
410
+ <span class="pf-v6-c-jump-links__link-text">Inactive section</span>
411
+ </span>
342
412
  </a>
343
413
  </span>
344
414
  </li>
345
415
  <li class="pf-v6-c-jump-links__item">
346
416
  <span class="pf-v6-c-jump-links__link">
347
417
  <a class="pf-v6-c-button pf-m-link" href="#">
348
- <span class="pf-v6-c-jump-links__link-text">Inactive section</span>
418
+ <span class="pf-v6-c-button__text">
419
+ <span class="pf-v6-c-jump-links__link-text">Inactive section</span>
420
+ </span>
349
421
  </a>
350
422
  </span>
351
423
  </li>
@@ -367,12 +439,13 @@ cssPrefix: pf-v6-c-jump-links
367
439
  class="pf-v6-c-button pf-m-plain"
368
440
  type="button"
369
441
  aria-label="Toggle jump links"
370
- aria-expanded="false"
371
442
  >
372
- <span class="pf-v6-c-jump-links__toggle-icon">
373
- <i class="fas fa-angle-right" aria-hidden="true"></i>
443
+ <span class="pf-v6-c-button__icon pf-m-start">
444
+ <span class="pf-v6-c-jump-links__toggle-icon">
445
+ <i class="fas fa-angle-right" aria-hidden="true"></i>
446
+ </span>
374
447
  </span>
375
- <span class="pf-v6-c-jump-links__toggle-text">Jump to section</span>
448
+ <span class="pf-v6-c-button__text">Jump to section</span>
376
449
  </button>
377
450
  </div>
378
451
  <div class="pf-v6-c-jump-links__label">Jump to section</div>
@@ -381,35 +454,45 @@ cssPrefix: pf-v6-c-jump-links
381
454
  <li class="pf-v6-c-jump-links__item">
382
455
  <span class="pf-v6-c-jump-links__link">
383
456
  <a class="pf-v6-c-button pf-m-link" href="#">
384
- <span class="pf-v6-c-jump-links__link-text">Inactive section</span>
457
+ <span class="pf-v6-c-button__text">
458
+ <span class="pf-v6-c-jump-links__link-text">Inactive section</span>
459
+ </span>
385
460
  </a>
386
461
  </span>
387
462
  </li>
388
463
  <li class="pf-v6-c-jump-links__item pf-m-current">
389
464
  <span class="pf-v6-c-jump-links__link">
390
465
  <a class="pf-v6-c-button pf-m-link" href="#">
391
- <span class="pf-v6-c-jump-links__link-text">Active section</span>
466
+ <span class="pf-v6-c-button__text">
467
+ <span class="pf-v6-c-jump-links__link-text">Active section</span>
468
+ </span>
392
469
  </a>
393
470
  </span>
394
471
  </li>
395
472
  <li class="pf-v6-c-jump-links__item">
396
473
  <span class="pf-v6-c-jump-links__link">
397
474
  <a class="pf-v6-c-button pf-m-link" href="#">
398
- <span class="pf-v6-c-jump-links__link-text">Inactive section</span>
475
+ <span class="pf-v6-c-button__text">
476
+ <span class="pf-v6-c-jump-links__link-text">Inactive section</span>
477
+ </span>
399
478
  </a>
400
479
  </span>
401
480
  </li>
402
481
  <li class="pf-v6-c-jump-links__item">
403
482
  <span class="pf-v6-c-jump-links__link">
404
483
  <a class="pf-v6-c-button pf-m-link" href="#">
405
- <span class="pf-v6-c-jump-links__link-text">Inactive section</span>
484
+ <span class="pf-v6-c-button__text">
485
+ <span class="pf-v6-c-jump-links__link-text">Inactive section</span>
486
+ </span>
406
487
  </a>
407
488
  </span>
408
489
  </li>
409
490
  <li class="pf-v6-c-jump-links__item">
410
491
  <span class="pf-v6-c-jump-links__link">
411
492
  <a class="pf-v6-c-button pf-m-link" href="#">
412
- <span class="pf-v6-c-jump-links__link-text">Inactive section</span>
493
+ <span class="pf-v6-c-button__text">
494
+ <span class="pf-v6-c-jump-links__link-text">Inactive section</span>
495
+ </span>
413
496
  </a>
414
497
  </span>
415
498
  </li>
@@ -430,13 +513,15 @@ cssPrefix: pf-v6-c-jump-links
430
513
  <button
431
514
  class="pf-v6-c-button pf-m-plain"
432
515
  type="button"
433
- aria-label="Toggle jump links"
434
516
  aria-expanded="true"
517
+ aria-label="Toggle jump links"
435
518
  >
436
- <span class="pf-v6-c-jump-links__toggle-icon">
437
- <i class="fas fa-angle-right" aria-hidden="true"></i>
519
+ <span class="pf-v6-c-button__icon pf-m-start">
520
+ <span class="pf-v6-c-jump-links__toggle-icon">
521
+ <i class="fas fa-angle-right" aria-hidden="true"></i>
522
+ </span>
438
523
  </span>
439
- <span class="pf-v6-c-jump-links__toggle-text">Jump to section</span>
524
+ <span class="pf-v6-c-button__text">Jump to section</span>
440
525
  </button>
441
526
  </div>
442
527
  <div class="pf-v6-c-jump-links__label">Jump to section</div>
@@ -445,35 +530,45 @@ cssPrefix: pf-v6-c-jump-links
445
530
  <li class="pf-v6-c-jump-links__item">
446
531
  <span class="pf-v6-c-jump-links__link">
447
532
  <a class="pf-v6-c-button pf-m-link" href="#">
448
- <span class="pf-v6-c-jump-links__link-text">Inactive section</span>
533
+ <span class="pf-v6-c-button__text">
534
+ <span class="pf-v6-c-jump-links__link-text">Inactive section</span>
535
+ </span>
449
536
  </a>
450
537
  </span>
451
538
  </li>
452
539
  <li class="pf-v6-c-jump-links__item pf-m-current">
453
540
  <span class="pf-v6-c-jump-links__link">
454
541
  <a class="pf-v6-c-button pf-m-link" href="#">
455
- <span class="pf-v6-c-jump-links__link-text">Active section</span>
542
+ <span class="pf-v6-c-button__text">
543
+ <span class="pf-v6-c-jump-links__link-text">Active section</span>
544
+ </span>
456
545
  </a>
457
546
  </span>
458
547
  </li>
459
548
  <li class="pf-v6-c-jump-links__item">
460
549
  <span class="pf-v6-c-jump-links__link">
461
550
  <a class="pf-v6-c-button pf-m-link" href="#">
462
- <span class="pf-v6-c-jump-links__link-text">Inactive section</span>
551
+ <span class="pf-v6-c-button__text">
552
+ <span class="pf-v6-c-jump-links__link-text">Inactive section</span>
553
+ </span>
463
554
  </a>
464
555
  </span>
465
556
  </li>
466
557
  <li class="pf-v6-c-jump-links__item">
467
558
  <span class="pf-v6-c-jump-links__link">
468
559
  <a class="pf-v6-c-button pf-m-link" href="#">
469
- <span class="pf-v6-c-jump-links__link-text">Inactive section</span>
560
+ <span class="pf-v6-c-button__text">
561
+ <span class="pf-v6-c-jump-links__link-text">Inactive section</span>
562
+ </span>
470
563
  </a>
471
564
  </span>
472
565
  </li>
473
566
  <li class="pf-v6-c-jump-links__item">
474
567
  <span class="pf-v6-c-jump-links__link">
475
568
  <a class="pf-v6-c-button pf-m-link" href="#">
476
- <span class="pf-v6-c-jump-links__link-text">Inactive section</span>
569
+ <span class="pf-v6-c-button__text">
570
+ <span class="pf-v6-c-jump-links__link-text">Inactive section</span>
571
+ </span>
477
572
  </a>
478
573
  </span>
479
574
  </li>
@@ -495,12 +590,13 @@ cssPrefix: pf-v6-c-jump-links
495
590
  class="pf-v6-c-button pf-m-plain"
496
591
  type="button"
497
592
  aria-label="Toggle jump links"
498
- aria-expanded="false"
499
593
  >
500
- <span class="pf-v6-c-jump-links__toggle-icon">
501
- <i class="fas fa-angle-right" aria-hidden="true"></i>
594
+ <span class="pf-v6-c-button__icon pf-m-start">
595
+ <span class="pf-v6-c-jump-links__toggle-icon">
596
+ <i class="fas fa-angle-right" aria-hidden="true"></i>
597
+ </span>
502
598
  </span>
503
- <span class="pf-v6-c-jump-links__toggle-text">Jump to section</span>
599
+ <span class="pf-v6-c-button__text">Jump to section</span>
504
600
  </button>
505
601
  </div>
506
602
  <div class="pf-v6-c-jump-links__label">Jump to section</div>
@@ -509,35 +605,45 @@ cssPrefix: pf-v6-c-jump-links
509
605
  <li class="pf-v6-c-jump-links__item">
510
606
  <span class="pf-v6-c-jump-links__link">
511
607
  <a class="pf-v6-c-button pf-m-link" href="#">
512
- <span class="pf-v6-c-jump-links__link-text">Inactive section</span>
608
+ <span class="pf-v6-c-button__text">
609
+ <span class="pf-v6-c-jump-links__link-text">Inactive section</span>
610
+ </span>
513
611
  </a>
514
612
  </span>
515
613
  </li>
516
614
  <li class="pf-v6-c-jump-links__item pf-m-current">
517
615
  <span class="pf-v6-c-jump-links__link">
518
616
  <a class="pf-v6-c-button pf-m-link" href="#">
519
- <span class="pf-v6-c-jump-links__link-text">Active section</span>
617
+ <span class="pf-v6-c-button__text">
618
+ <span class="pf-v6-c-jump-links__link-text">Active section</span>
619
+ </span>
520
620
  </a>
521
621
  </span>
522
622
  </li>
523
623
  <li class="pf-v6-c-jump-links__item">
524
624
  <span class="pf-v6-c-jump-links__link">
525
625
  <a class="pf-v6-c-button pf-m-link" href="#">
526
- <span class="pf-v6-c-jump-links__link-text">Inactive section</span>
626
+ <span class="pf-v6-c-button__text">
627
+ <span class="pf-v6-c-jump-links__link-text">Inactive section</span>
628
+ </span>
527
629
  </a>
528
630
  </span>
529
631
  </li>
530
632
  <li class="pf-v6-c-jump-links__item">
531
633
  <span class="pf-v6-c-jump-links__link">
532
634
  <a class="pf-v6-c-button pf-m-link" href="#">
533
- <span class="pf-v6-c-jump-links__link-text">Inactive section</span>
635
+ <span class="pf-v6-c-button__text">
636
+ <span class="pf-v6-c-jump-links__link-text">Inactive section</span>
637
+ </span>
534
638
  </a>
535
639
  </span>
536
640
  </li>
537
641
  <li class="pf-v6-c-jump-links__item">
538
642
  <span class="pf-v6-c-jump-links__link">
539
643
  <a class="pf-v6-c-button pf-m-link" href="#">
540
- <span class="pf-v6-c-jump-links__link-text">Inactive section</span>
644
+ <span class="pf-v6-c-button__text">
645
+ <span class="pf-v6-c-jump-links__link-text">Inactive section</span>
646
+ </span>
541
647
  </a>
542
648
  </span>
543
649
  </li>
@@ -558,12 +664,13 @@ cssPrefix: pf-v6-c-jump-links
558
664
  class="pf-v6-c-button pf-m-plain"
559
665
  type="button"
560
666
  aria-label="Toggle jump links"
561
- aria-expanded="false"
562
667
  >
563
- <span class="pf-v6-c-jump-links__toggle-icon">
564
- <i class="fas fa-angle-right" aria-hidden="true"></i>
668
+ <span class="pf-v6-c-button__icon pf-m-start">
669
+ <span class="pf-v6-c-jump-links__toggle-icon">
670
+ <i class="fas fa-angle-right" aria-hidden="true"></i>
671
+ </span>
565
672
  </span>
566
- <span class="pf-v6-c-jump-links__toggle-text">Jump to section</span>
673
+ <span class="pf-v6-c-button__text">Jump to section</span>
567
674
  </button>
568
675
  </div>
569
676
  </div>
@@ -571,35 +678,45 @@ cssPrefix: pf-v6-c-jump-links
571
678
  <li class="pf-v6-c-jump-links__item">
572
679
  <span class="pf-v6-c-jump-links__link">
573
680
  <a class="pf-v6-c-button pf-m-link" href="#">
574
- <span class="pf-v6-c-jump-links__link-text">Inactive section</span>
681
+ <span class="pf-v6-c-button__text">
682
+ <span class="pf-v6-c-jump-links__link-text">Inactive section</span>
683
+ </span>
575
684
  </a>
576
685
  </span>
577
686
  </li>
578
687
  <li class="pf-v6-c-jump-links__item pf-m-current">
579
688
  <span class="pf-v6-c-jump-links__link">
580
689
  <a class="pf-v6-c-button pf-m-link" href="#">
581
- <span class="pf-v6-c-jump-links__link-text">Active section</span>
690
+ <span class="pf-v6-c-button__text">
691
+ <span class="pf-v6-c-jump-links__link-text">Active section</span>
692
+ </span>
582
693
  </a>
583
694
  </span>
584
695
  </li>
585
696
  <li class="pf-v6-c-jump-links__item">
586
697
  <span class="pf-v6-c-jump-links__link">
587
698
  <a class="pf-v6-c-button pf-m-link" href="#">
588
- <span class="pf-v6-c-jump-links__link-text">Inactive section</span>
699
+ <span class="pf-v6-c-button__text">
700
+ <span class="pf-v6-c-jump-links__link-text">Inactive section</span>
701
+ </span>
589
702
  </a>
590
703
  </span>
591
704
  </li>
592
705
  <li class="pf-v6-c-jump-links__item">
593
706
  <span class="pf-v6-c-jump-links__link">
594
707
  <a class="pf-v6-c-button pf-m-link" href="#">
595
- <span class="pf-v6-c-jump-links__link-text">Inactive section</span>
708
+ <span class="pf-v6-c-button__text">
709
+ <span class="pf-v6-c-jump-links__link-text">Inactive section</span>
710
+ </span>
596
711
  </a>
597
712
  </span>
598
713
  </li>
599
714
  <li class="pf-v6-c-jump-links__item">
600
715
  <span class="pf-v6-c-jump-links__link">
601
716
  <a class="pf-v6-c-button pf-m-link" href="#">
602
- <span class="pf-v6-c-jump-links__link-text">Inactive section</span>
717
+ <span class="pf-v6-c-button__text">
718
+ <span class="pf-v6-c-jump-links__link-text">Inactive section</span>
719
+ </span>
603
720
  </a>
604
721
  </span>
605
722
  </li>