@patternfly/patternfly 6.0.0-prerelease.9 → 6.1.0-prerelease.1

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 (196) hide show
  1. package/README.md +1 -1
  2. package/base/normalize.scss +16 -0
  3. package/base/patternfly-variables.css +84 -62
  4. package/base/tokens/tokens-charts-dark.scss +1 -1
  5. package/base/tokens/tokens-charts.scss +1 -1
  6. package/base/tokens/tokens-dark.scss +12 -4
  7. package/base/tokens/tokens-default.scss +44 -27
  8. package/base/tokens/tokens-local.scss +30 -35
  9. package/base/tokens/tokens-palette.scss +1 -1
  10. package/components/AboutModalBox/about-modal-box.css +0 -7
  11. package/components/Accordion/accordion.css +0 -1
  12. package/components/ActionList/action-list.css +1 -2
  13. package/components/ActionList/action-list.scss +1 -1
  14. package/components/Alert/alert-group.css +0 -1
  15. package/components/Alert/alert.css +2 -7
  16. package/components/Alert/alert.scss +2 -7
  17. package/components/Avatar/avatar.css +0 -1
  18. package/components/BackToTop/back-to-top.css +0 -2
  19. package/components/Backdrop/backdrop.css +0 -1
  20. package/components/BackgroundImage/background-image.css +0 -1
  21. package/components/Badge/badge.css +0 -1
  22. package/components/Banner/banner.css +0 -2
  23. package/components/Brand/brand.css +0 -1
  24. package/components/Breadcrumb/breadcrumb.css +0 -1
  25. package/components/Button/button.css +8 -1
  26. package/components/Button/button.scss +8 -0
  27. package/components/CalendarMonth/calendar-month.css +0 -1
  28. package/components/Card/card.css +0 -1
  29. package/components/Check/check.css +0 -1
  30. package/components/ClipboardCopy/clipboard-copy.css +0 -1
  31. package/components/CodeBlock/code-block.css +0 -1
  32. package/components/CodeEditor/code-editor.css +0 -1
  33. package/components/Content/content.css +2 -3
  34. package/components/Content/content.scss +2 -2
  35. package/components/DataList/data-list.css +4 -16
  36. package/components/DataList/data-list.scss +4 -14
  37. package/components/DatePicker/date-picker.css +0 -1
  38. package/components/DescriptionList/description-list.css +2 -9
  39. package/components/DescriptionList/description-list.scss +2 -2
  40. package/components/Divider/divider.css +0 -1
  41. package/components/DragDrop/drag-drop.css +0 -2
  42. package/components/Drawer/drawer.css +0 -7
  43. package/components/Drawer/drawer.scss +0 -5
  44. package/components/DualListSelector/dual-list-selector.css +0 -1
  45. package/components/EmptyState/empty-state.css +1 -2
  46. package/components/EmptyState/empty-state.scss +1 -1
  47. package/components/ExpandableSection/expandable-section.css +0 -1
  48. package/components/FileUpload/file-upload.css +0 -1
  49. package/components/Form/form.css +1 -2
  50. package/components/Form/form.scss +1 -1
  51. package/components/FormControl/form-control.css +22 -4
  52. package/components/FormControl/form-control.scss +27 -4
  53. package/components/HelperText/helper-text.css +0 -1
  54. package/components/Hint/hint.css +0 -1
  55. package/components/Icon/icon.css +0 -1
  56. package/components/InlineEdit/inline-edit.css +0 -1
  57. package/components/InputGroup/input-group.css +0 -1
  58. package/components/JumpLinks/jump-links.css +0 -1
  59. package/components/Label/label-group.css +0 -1
  60. package/components/Label/label.css +0 -1
  61. package/components/List/list.css +0 -1
  62. package/components/Login/login.css +0 -9
  63. package/components/Masthead/masthead.css +0 -1
  64. package/components/Menu/menu.css +0 -1
  65. package/components/MenuToggle/menu-toggle.css +66 -56
  66. package/components/MenuToggle/menu-toggle.scss +76 -65
  67. package/components/ModalBox/modal-box.css +0 -2
  68. package/components/MultipleFileUpload/multiple-file-upload.css +0 -1
  69. package/components/Nav/nav.css +0 -1
  70. package/components/NotificationDrawer/notification-drawer.css +0 -1
  71. package/components/NumberInput/number-input.css +0 -1
  72. package/components/OverflowMenu/overflow-menu.css +0 -1
  73. package/components/Page/page.css +15 -10
  74. package/components/Page/page.scss +17 -8
  75. package/components/Pagination/pagination.css +31 -20
  76. package/components/Pagination/pagination.scss +35 -23
  77. package/components/Panel/panel.css +0 -1
  78. package/components/Popover/popover.css +0 -1
  79. package/components/Progress/progress.css +0 -1
  80. package/components/ProgressStepper/progress-stepper.css +0 -2
  81. package/components/Radio/radio.css +0 -1
  82. package/components/Sidebar/sidebar.css +0 -1
  83. package/components/SimpleList/simple-list.css +0 -1
  84. package/components/Skeleton/skeleton.css +0 -1
  85. package/components/SkipToContent/skip-to-content.css +0 -1
  86. package/components/Slider/slider.css +0 -1
  87. package/components/Spinner/spinner.css +0 -1
  88. package/components/Switch/switch.css +0 -1
  89. package/components/TabContent/tab-content.css +0 -1
  90. package/components/Table/table-grid.css +9 -5
  91. package/components/Table/table-grid.scss +5 -4
  92. package/components/Table/table-scrollable.css +0 -1
  93. package/components/Table/table-tree-view.css +0 -1
  94. package/components/Table/table.css +6 -6
  95. package/components/Table/table.scss +6 -5
  96. package/components/Tabs/tabs.css +0 -1
  97. package/components/TextInputGroup/text-input-group.css +2 -3
  98. package/components/TextInputGroup/text-input-group.scss +2 -2
  99. package/components/Tile/tile.css +0 -1
  100. package/components/Timestamp/timestamp.css +0 -1
  101. package/components/Title/title.css +0 -1
  102. package/components/ToggleGroup/toggle-group.css +0 -1
  103. package/components/Toolbar/toolbar.css +0 -1
  104. package/components/Tooltip/tooltip.css +0 -1
  105. package/components/TreeView/tree-view.css +0 -1
  106. package/components/Truncate/truncate.css +0 -1
  107. package/components/Wizard/wizard.css +0 -2
  108. package/components/_index.css +172 -239
  109. package/docs/components/Brand/examples/Brand.md +2 -2
  110. package/docs/components/Breadcrumb/examples/Breadcrumb.md +1 -1
  111. package/docs/components/CalendarMonth/examples/CalendarMonth.md +4 -4
  112. package/docs/components/Content/examples/Content.md +188 -204
  113. package/docs/components/DataList/examples/DataList.md +187 -221
  114. package/docs/components/DragDrop/examples/DragDrop.md +0 -1
  115. package/docs/components/FileUpload/examples/FileUpload.md +11 -7
  116. package/docs/components/Form/examples/Form.md +4 -2
  117. package/docs/components/FormControl/examples/FormControl.md +10 -10
  118. package/docs/components/InputGroup/examples/InputGroup.md +4 -4
  119. package/docs/components/Login/examples/Login.md +6 -6
  120. package/docs/components/MenuToggle/examples/MenuToggle.md +140 -139
  121. package/docs/components/Pagination/examples/Pagination.md +12 -12
  122. package/docs/components/Table/examples/Table.md +1 -1
  123. package/docs/components/Tile/{examples → deprecated}/Tile.md +1 -0
  124. package/docs/components/Toolbar/examples/Toolbar.md +37 -37
  125. package/docs/demos/Card/examples/Card.md +4 -4
  126. package/docs/demos/CardView/examples/CardView.md +10 -4
  127. package/docs/demos/Dashboard/examples/Dashboard.md +8 -2
  128. package/docs/demos/DataList/examples/DataList.md +37 -13
  129. package/docs/demos/Masthead/examples/Masthead.md +5 -5
  130. package/docs/demos/NotificationDrawer/examples/NotificationDrawer.md +425 -435
  131. package/docs/demos/Page/examples/Page.md +2 -2
  132. package/docs/demos/PrimaryDetail/examples/PrimaryDetail.md +30 -18
  133. package/docs/demos/Table/examples/Table.md +235 -91
  134. package/docs/demos/Tabs/examples/Tabs.md +1 -1
  135. package/docs/demos/Toolbar/examples/Toolbar.md +42 -30
  136. package/docs/utilities/BoxShadow/examples/box-shadow.css +6 -17
  137. package/layouts/Bullseye/bullseye.css +0 -1
  138. package/layouts/Flex/flex.css +0 -1
  139. package/layouts/Gallery/gallery.css +0 -1
  140. package/layouts/Grid/grid.css +0 -1
  141. package/layouts/Level/level.css +0 -1
  142. package/layouts/Split/split.css +0 -1
  143. package/layouts/Stack/stack.css +0 -1
  144. package/layouts/_index.css +0 -7
  145. package/package.json +5 -5
  146. package/patternfly-base-no-globals.css +84 -62
  147. package/patternfly-base.css +99 -62
  148. package/patternfly-charts.css +2 -2
  149. package/patternfly-charts.scss +2 -2
  150. package/patternfly-no-globals.css +256 -308
  151. package/patternfly.css +271 -308
  152. package/patternfly.min.css +1 -1
  153. package/patternfly.min.css.map +1 -1
  154. package/sass-utilities/mixins.scss +3 -3
  155. package/assets/images/PF-Masthead-Logo.svg +0 -1
  156. package/assets/images/background-filter.svg +0 -17
  157. package/assets/images/g_sizing.png +0 -0
  158. package/assets/images/img_avatar-dark.svg +0 -22
  159. package/assets/images/img_avatar.svg +0 -21
  160. package/assets/images/l_pf-reverse-164x11.png +0 -0
  161. package/assets/images/l_pf-reverse.svg +0 -1
  162. package/assets/images/logo-dropbox-old.svg +0 -1
  163. package/assets/images/logo-dropbox.svg +0 -6
  164. package/assets/images/logo-facebook.svg +0 -4
  165. package/assets/images/logo-github.svg +0 -4
  166. package/assets/images/logo-gitlab.svg +0 -4
  167. package/assets/images/logo-google.svg +0 -4
  168. package/assets/images/logo-google2.svg +0 -10
  169. package/assets/images/logo__pf--reverse--base.png +0 -0
  170. package/assets/images/logo__pf--reverse--base.svg +0 -40
  171. package/assets/images/logo__pf--reverse-on-md.svg +0 -40
  172. package/assets/images/pf-c-brand__logo-base.jpg +0 -0
  173. package/assets/images/pf-c-brand__logo-on-lg-white.svg +0 -32
  174. package/assets/images/pf-c-brand__logo-on-lg.svg +0 -32
  175. package/assets/images/pf-c-brand__logo-on-md-white.svg +0 -42
  176. package/assets/images/pf-c-brand__logo-on-md.svg +0 -42
  177. package/assets/images/pf-c-brand__logo-on-sm-white.svg +0 -17
  178. package/assets/images/pf-c-brand__logo-on-sm.svg +0 -17
  179. package/assets/images/pf-c-brand__logo-on-xl-white.svg +0 -39
  180. package/assets/images/pf-c-brand__logo-on-xl.svg +0 -39
  181. package/assets/images/pf-c-brand__logo.svg +0 -10
  182. package/assets/images/pf-logo.svg +0 -28
  183. package/assets/images/pf_logo.svg +0 -37
  184. package/assets/images/pf_logo_color.svg +0 -22
  185. package/assets/images/pf_logo_white.svg +0 -37
  186. package/assets/images/pf_mini_logo_white.svg +0 -1
  187. package/assets/images/pfbg_1200.jpg +0 -0
  188. package/assets/images/pfbg_2000.jpg +0 -0
  189. package/assets/images/pfbg_576.jpg +0 -0
  190. package/assets/images/pfbg_576@2x.jpg +0 -0
  191. package/assets/images/pfbg_768.jpg +0 -0
  192. package/assets/images/pfbg_768@2x.jpg +0 -0
  193. package/assets/images/pfbg_992.jpg +0 -0
  194. package/assets/images/pfbg_992@2x.jpg +0 -0
  195. package/assets/images/status-icon-sprite.svg +0 -38
  196. /package/docs/components/Tile/{examples → deprecated}/Tile.css +0 -0
package/docs/demos/Table/examples/Table.md CHANGED
@@ -301,7 +301,10 @@ wrapperTag: div
301
301
  >
302
302
  <span class="pf-v6-c-menu-toggle__controls">
303
303
  <span class="pf-v6-c-menu-toggle__toggle-icon">
304
- <i class="fas fa-caret-down" aria-hidden="true"></i>
304
+ <i
305
+ class="fas fa-caret-down fa-fw"
306
+ aria-hidden="true"
307
+ ></i>
305
308
  </span>
306
309
  </span>
307
310
  </button>
@@ -327,7 +330,10 @@ wrapperTag: div
327
330
  <span class="pf-v6-c-menu-toggle__text">Name</span>
328
331
  <span class="pf-v6-c-menu-toggle__controls">
329
332
  <span class="pf-v6-c-menu-toggle__toggle-icon">
330
- <i class="fas fa-caret-down" aria-hidden="true"></i>
333
+ <i
334
+ class="fas fa-caret-down fa-fw"
335
+ aria-hidden="true"
336
+ ></i>
331
337
  </span>
332
338
  </span>
333
339
  </button>
@@ -418,7 +424,10 @@ wrapperTag: div
418
424
  </span>
419
425
  <span class="pf-v6-c-menu-toggle__controls">
420
426
  <span class="pf-v6-c-menu-toggle__toggle-icon">
421
- <i class="fas fa-caret-down" aria-hidden="true"></i>
427
+ <i
428
+ class="fas fa-caret-down fa-fw"
429
+ aria-hidden="true"
430
+ ></i>
422
431
  </span>
423
432
  </span>
424
433
  </button>
@@ -944,7 +953,7 @@ wrapperTag: div
944
953
  type="button"
945
954
  aria-expanded="false"
946
955
  aria-label="Menu toggle"
947
- id="{{page--id}}-pagination-menu-toggle-bottom-example"
956
+ id="basic-demo-pagination-menu-toggle-bottom-example"
948
957
  >
949
958
  <span class="pf-v6-c-menu-toggle__text">
950
959
  <b>1 - 10</b>&nbsp;of&nbsp;
@@ -952,7 +961,7 @@ wrapperTag: div
952
961
  </span>
953
962
  <span class="pf-v6-c-menu-toggle__controls">
954
963
  <span class="pf-v6-c-menu-toggle__toggle-icon">
955
- <i class="fas fa-caret-down" aria-hidden="true"></i>
964
+ <i class="fas fa-caret-down fa-fw" aria-hidden="true"></i>
956
965
  </span>
957
966
  </span>
958
967
  </button>
@@ -1333,7 +1342,10 @@ wrapperTag: div
1333
1342
  >
1334
1343
  <span class="pf-v6-c-menu-toggle__controls">
1335
1344
  <span class="pf-v6-c-menu-toggle__toggle-icon">
1336
- <i class="fas fa-caret-down" aria-hidden="true"></i>
1345
+ <i
1346
+ class="fas fa-caret-down fa-fw"
1347
+ aria-hidden="true"
1348
+ ></i>
1337
1349
  </span>
1338
1350
  </span>
1339
1351
  </button>
@@ -1359,7 +1371,10 @@ wrapperTag: div
1359
1371
  <span class="pf-v6-c-menu-toggle__text">Name</span>
1360
1372
  <span class="pf-v6-c-menu-toggle__controls">
1361
1373
  <span class="pf-v6-c-menu-toggle__toggle-icon">
1362
- <i class="fas fa-caret-down" aria-hidden="true"></i>
1374
+ <i
1375
+ class="fas fa-caret-down fa-fw"
1376
+ aria-hidden="true"
1377
+ ></i>
1363
1378
  </span>
1364
1379
  </span>
1365
1380
  </button>
@@ -1496,7 +1511,10 @@ wrapperTag: div
1496
1511
  </span>
1497
1512
  <span class="pf-v6-c-menu-toggle__controls">
1498
1513
  <span class="pf-v6-c-menu-toggle__toggle-icon">
1499
- <i class="fas fa-caret-down" aria-hidden="true"></i>
1514
+ <i
1515
+ class="fas fa-caret-down fa-fw"
1516
+ aria-hidden="true"
1517
+ ></i>
1500
1518
  </span>
1501
1519
  </span>
1502
1520
  </button>
@@ -2072,7 +2090,7 @@ wrapperTag: div
2072
2090
  type="button"
2073
2091
  aria-expanded="false"
2074
2092
  aria-label="Menu toggle"
2075
- id="{{page--id}}-pagination-menu-toggle-bottom-example"
2093
+ id="sortable-demo-pagination-menu-toggle-bottom-example"
2076
2094
  >
2077
2095
  <span class="pf-v6-c-menu-toggle__text">
2078
2096
  <b>1 - 10</b>&nbsp;of&nbsp;
@@ -2080,7 +2098,7 @@ wrapperTag: div
2080
2098
  </span>
2081
2099
  <span class="pf-v6-c-menu-toggle__controls">
2082
2100
  <span class="pf-v6-c-menu-toggle__toggle-icon">
2083
- <i class="fas fa-caret-down" aria-hidden="true"></i>
2101
+ <i class="fas fa-caret-down fa-fw" aria-hidden="true"></i>
2084
2102
  </span>
2085
2103
  </span>
2086
2104
  </button>
@@ -2461,7 +2479,10 @@ wrapperTag: div
2461
2479
  >
2462
2480
  <span class="pf-v6-c-menu-toggle__controls">
2463
2481
  <span class="pf-v6-c-menu-toggle__toggle-icon">
2464
- <i class="fas fa-caret-down" aria-hidden="true"></i>
2482
+ <i
2483
+ class="fas fa-caret-down fa-fw"
2484
+ aria-hidden="true"
2485
+ ></i>
2465
2486
  </span>
2466
2487
  </span>
2467
2488
  </button>
@@ -2487,7 +2508,10 @@ wrapperTag: div
2487
2508
  <span class="pf-v6-c-menu-toggle__text">Name</span>
2488
2509
  <span class="pf-v6-c-menu-toggle__controls">
2489
2510
  <span class="pf-v6-c-menu-toggle__toggle-icon">
2490
- <i class="fas fa-caret-down" aria-hidden="true"></i>
2511
+ <i
2512
+ class="fas fa-caret-down fa-fw"
2513
+ aria-hidden="true"
2514
+ ></i>
2491
2515
  </span>
2492
2516
  </span>
2493
2517
  </button>
@@ -2526,7 +2550,10 @@ wrapperTag: div
2526
2550
  <span class="pf-v6-c-menu-toggle__text">Status</span>
2527
2551
  <span class="pf-v6-c-menu-toggle__controls">
2528
2552
  <span class="pf-v6-c-menu-toggle__toggle-icon">
2529
- <i class="fas fa-caret-down" aria-hidden="true"></i>
2553
+ <i
2554
+ class="fas fa-caret-down fa-fw"
2555
+ aria-hidden="true"
2556
+ ></i>
2530
2557
  </span>
2531
2558
  </span>
2532
2559
  </button>
@@ -2541,7 +2568,10 @@ wrapperTag: div
2541
2568
  <span class="pf-v6-c-menu-toggle__text">Risk</span>
2542
2569
  <span class="pf-v6-c-menu-toggle__controls">
2543
2570
  <span class="pf-v6-c-menu-toggle__toggle-icon">
2544
- <i class="fas fa-caret-down" aria-hidden="true"></i>
2571
+ <i
2572
+ class="fas fa-caret-down fa-fw"
2573
+ aria-hidden="true"
2574
+ ></i>
2545
2575
  </span>
2546
2576
  </span>
2547
2577
  </button>
@@ -2580,7 +2610,10 @@ wrapperTag: div
2580
2610
  </span>
2581
2611
  <span class="pf-v6-c-menu-toggle__controls">
2582
2612
  <span class="pf-v6-c-menu-toggle__toggle-icon">
2583
- <i class="fas fa-caret-down" aria-hidden="true"></i>
2613
+ <i
2614
+ class="fas fa-caret-down fa-fw"
2615
+ aria-hidden="true"
2616
+ ></i>
2584
2617
  </span>
2585
2618
  </span>
2586
2619
  </button>
@@ -3350,7 +3383,7 @@ wrapperTag: div
3350
3383
  type="button"
3351
3384
  aria-expanded="false"
3352
3385
  aria-label="Menu toggle"
3353
- id="{{page--id}}-pagination-menu-toggle-bottom-example"
3386
+ id="expandable-demo-pagination-menu-toggle-bottom-example"
3354
3387
  >
3355
3388
  <span class="pf-v6-c-menu-toggle__text">
3356
3389
  <b>1 - 10</b>&nbsp;of&nbsp;
@@ -3358,7 +3391,7 @@ wrapperTag: div
3358
3391
  </span>
3359
3392
  <span class="pf-v6-c-menu-toggle__controls">
3360
3393
  <span class="pf-v6-c-menu-toggle__toggle-icon">
3361
- <i class="fas fa-caret-down" aria-hidden="true"></i>
3394
+ <i class="fas fa-caret-down fa-fw" aria-hidden="true"></i>
3362
3395
  </span>
3363
3396
  </span>
3364
3397
  </button>
@@ -3739,7 +3772,10 @@ wrapperTag: div
3739
3772
  >
3740
3773
  <span class="pf-v6-c-menu-toggle__controls">
3741
3774
  <span class="pf-v6-c-menu-toggle__toggle-icon">
3742
- <i class="fas fa-caret-down" aria-hidden="true"></i>
3775
+ <i
3776
+ class="fas fa-caret-down fa-fw"
3777
+ aria-hidden="true"
3778
+ ></i>
3743
3779
  </span>
3744
3780
  </span>
3745
3781
  </button>
@@ -3765,7 +3801,10 @@ wrapperTag: div
3765
3801
  <span class="pf-v6-c-menu-toggle__text">Name</span>
3766
3802
  <span class="pf-v6-c-menu-toggle__controls">
3767
3803
  <span class="pf-v6-c-menu-toggle__toggle-icon">
3768
- <i class="fas fa-caret-down" aria-hidden="true"></i>
3804
+ <i
3805
+ class="fas fa-caret-down fa-fw"
3806
+ aria-hidden="true"
3807
+ ></i>
3769
3808
  </span>
3770
3809
  </span>
3771
3810
  </button>
@@ -3804,7 +3843,10 @@ wrapperTag: div
3804
3843
  <span class="pf-v6-c-menu-toggle__text">Status</span>
3805
3844
  <span class="pf-v6-c-menu-toggle__controls">
3806
3845
  <span class="pf-v6-c-menu-toggle__toggle-icon">
3807
- <i class="fas fa-caret-down" aria-hidden="true"></i>
3846
+ <i
3847
+ class="fas fa-caret-down fa-fw"
3848
+ aria-hidden="true"
3849
+ ></i>
3808
3850
  </span>
3809
3851
  </span>
3810
3852
  </button>
@@ -3819,7 +3861,10 @@ wrapperTag: div
3819
3861
  <span class="pf-v6-c-menu-toggle__text">Risk</span>
3820
3862
  <span class="pf-v6-c-menu-toggle__controls">
3821
3863
  <span class="pf-v6-c-menu-toggle__toggle-icon">
3822
- <i class="fas fa-caret-down" aria-hidden="true"></i>
3864
+ <i
3865
+ class="fas fa-caret-down fa-fw"
3866
+ aria-hidden="true"
3867
+ ></i>
3823
3868
  </span>
3824
3869
  </span>
3825
3870
  </button>
@@ -3858,7 +3903,10 @@ wrapperTag: div
3858
3903
  </span>
3859
3904
  <span class="pf-v6-c-menu-toggle__controls">
3860
3905
  <span class="pf-v6-c-menu-toggle__toggle-icon">
3861
- <i class="fas fa-caret-down" aria-hidden="true"></i>
3906
+ <i
3907
+ class="fas fa-caret-down fa-fw"
3908
+ aria-hidden="true"
3909
+ ></i>
3862
3910
  </span>
3863
3911
  </span>
3864
3912
  </button>
@@ -4294,7 +4342,7 @@ wrapperTag: div
4294
4342
  type="button"
4295
4343
  aria-expanded="false"
4296
4344
  aria-label="Menu toggle"
4297
- id="{{page--id}}-pagination-menu-toggle-bottom-example"
4345
+ id="compact-demo-pagination-menu-toggle-bottom-example"
4298
4346
  >
4299
4347
  <span class="pf-v6-c-menu-toggle__text">
4300
4348
  <b>1 - 10</b>&nbsp;of&nbsp;
@@ -4302,7 +4350,7 @@ wrapperTag: div
4302
4350
  </span>
4303
4351
  <span class="pf-v6-c-menu-toggle__controls">
4304
4352
  <span class="pf-v6-c-menu-toggle__toggle-icon">
4305
- <i class="fas fa-caret-down" aria-hidden="true"></i>
4353
+ <i class="fas fa-caret-down fa-fw" aria-hidden="true"></i>
4306
4354
  </span>
4307
4355
  </span>
4308
4356
  </button>
@@ -4686,7 +4734,10 @@ wrapperTag: div
4686
4734
  >
4687
4735
  <span class="pf-v6-c-menu-toggle__controls">
4688
4736
  <span class="pf-v6-c-menu-toggle__toggle-icon">
4689
- <i class="fas fa-caret-down" aria-hidden="true"></i>
4737
+ <i
4738
+ class="fas fa-caret-down fa-fw"
4739
+ aria-hidden="true"
4740
+ ></i>
4690
4741
  </span>
4691
4742
  </span>
4692
4743
  </button>
@@ -4712,7 +4763,10 @@ wrapperTag: div
4712
4763
  <span class="pf-v6-c-menu-toggle__text">Name</span>
4713
4764
  <span class="pf-v6-c-menu-toggle__controls">
4714
4765
  <span class="pf-v6-c-menu-toggle__toggle-icon">
4715
- <i class="fas fa-caret-down" aria-hidden="true"></i>
4766
+ <i
4767
+ class="fas fa-caret-down fa-fw"
4768
+ aria-hidden="true"
4769
+ ></i>
4716
4770
  </span>
4717
4771
  </span>
4718
4772
  </button>
@@ -4751,7 +4805,10 @@ wrapperTag: div
4751
4805
  <span class="pf-v6-c-menu-toggle__text">Status</span>
4752
4806
  <span class="pf-v6-c-menu-toggle__controls">
4753
4807
  <span class="pf-v6-c-menu-toggle__toggle-icon">
4754
- <i class="fas fa-caret-down" aria-hidden="true"></i>
4808
+ <i
4809
+ class="fas fa-caret-down fa-fw"
4810
+ aria-hidden="true"
4811
+ ></i>
4755
4812
  </span>
4756
4813
  </span>
4757
4814
  </button>
@@ -4766,7 +4823,10 @@ wrapperTag: div
4766
4823
  <span class="pf-v6-c-menu-toggle__text">Risk</span>
4767
4824
  <span class="pf-v6-c-menu-toggle__controls">
4768
4825
  <span class="pf-v6-c-menu-toggle__toggle-icon">
4769
- <i class="fas fa-caret-down" aria-hidden="true"></i>
4826
+ <i
4827
+ class="fas fa-caret-down fa-fw"
4828
+ aria-hidden="true"
4829
+ ></i>
4770
4830
  </span>
4771
4831
  </span>
4772
4832
  </button>
@@ -4805,7 +4865,10 @@ wrapperTag: div
4805
4865
  </span>
4806
4866
  <span class="pf-v6-c-menu-toggle__controls">
4807
4867
  <span class="pf-v6-c-menu-toggle__toggle-icon">
4808
- <i class="fas fa-caret-down" aria-hidden="true"></i>
4868
+ <i
4869
+ class="fas fa-caret-down fa-fw"
4870
+ aria-hidden="true"
4871
+ ></i>
4809
4872
  </span>
4810
4873
  </span>
4811
4874
  </button>
@@ -7473,7 +7536,7 @@ wrapperTag: div
7473
7536
  type="button"
7474
7537
  aria-expanded="false"
7475
7538
  aria-label="Menu toggle"
7476
- id="{{page--id}}-pagination-menu-toggle-bottom-example"
7539
+ id="compound-expansion-demo-pagination-menu-toggle-bottom-example"
7477
7540
  >
7478
7541
  <span class="pf-v6-c-menu-toggle__text">
7479
7542
  <b>1 - 10</b>&nbsp;of&nbsp;
@@ -7481,7 +7544,7 @@ wrapperTag: div
7481
7544
  </span>
7482
7545
  <span class="pf-v6-c-menu-toggle__controls">
7483
7546
  <span class="pf-v6-c-menu-toggle__toggle-icon">
7484
- <i class="fas fa-caret-down" aria-hidden="true"></i>
7547
+ <i class="fas fa-caret-down fa-fw" aria-hidden="true"></i>
7485
7548
  </span>
7486
7549
  </span>
7487
7550
  </button>
@@ -8634,7 +8697,10 @@ wrapperTag: div
8634
8697
  >
8635
8698
  <span class="pf-v6-c-menu-toggle__controls">
8636
8699
  <span class="pf-v6-c-menu-toggle__toggle-icon">
8637
- <i class="fas fa-caret-down" aria-hidden="true"></i>
8700
+ <i
8701
+ class="fas fa-caret-down fa-fw"
8702
+ aria-hidden="true"
8703
+ ></i>
8638
8704
  </span>
8639
8705
  </span>
8640
8706
  </button>
@@ -8660,7 +8726,10 @@ wrapperTag: div
8660
8726
  <span class="pf-v6-c-menu-toggle__text">Name</span>
8661
8727
  <span class="pf-v6-c-menu-toggle__controls">
8662
8728
  <span class="pf-v6-c-menu-toggle__toggle-icon">
8663
- <i class="fas fa-caret-down" aria-hidden="true"></i>
8729
+ <i
8730
+ class="fas fa-caret-down fa-fw"
8731
+ aria-hidden="true"
8732
+ ></i>
8664
8733
  </span>
8665
8734
  </span>
8666
8735
  </button>
@@ -8699,7 +8768,10 @@ wrapperTag: div
8699
8768
  <span class="pf-v6-c-menu-toggle__text">Status</span>
8700
8769
  <span class="pf-v6-c-menu-toggle__controls">
8701
8770
  <span class="pf-v6-c-menu-toggle__toggle-icon">
8702
- <i class="fas fa-caret-down" aria-hidden="true"></i>
8771
+ <i
8772
+ class="fas fa-caret-down fa-fw"
8773
+ aria-hidden="true"
8774
+ ></i>
8703
8775
  </span>
8704
8776
  </span>
8705
8777
  </button>
@@ -8714,7 +8786,10 @@ wrapperTag: div
8714
8786
  <span class="pf-v6-c-menu-toggle__text">Risk</span>
8715
8787
  <span class="pf-v6-c-menu-toggle__controls">
8716
8788
  <span class="pf-v6-c-menu-toggle__toggle-icon">
8717
- <i class="fas fa-caret-down" aria-hidden="true"></i>
8789
+ <i
8790
+ class="fas fa-caret-down fa-fw"
8791
+ aria-hidden="true"
8792
+ ></i>
8718
8793
  </span>
8719
8794
  </span>
8720
8795
  </button>
@@ -8753,7 +8828,10 @@ wrapperTag: div
8753
8828
  </span>
8754
8829
  <span class="pf-v6-c-menu-toggle__controls">
8755
8830
  <span class="pf-v6-c-menu-toggle__toggle-icon">
8756
- <i class="fas fa-caret-down" aria-hidden="true"></i>
8831
+ <i
8832
+ class="fas fa-caret-down fa-fw"
8833
+ aria-hidden="true"
8834
+ ></i>
8757
8835
  </span>
8758
8836
  </span>
8759
8837
  </button>
@@ -9279,7 +9357,7 @@ wrapperTag: div
9279
9357
  type="button"
9280
9358
  aria-expanded="false"
9281
9359
  aria-label="Menu toggle"
9282
- id="{{page--id}}-pagination-menu-toggle-bottom-example-static"
9360
+ id="static-bottom-pagination-demo-pagination-menu-toggle-bottom-example-static"
9283
9361
  >
9284
9362
  <span class="pf-v6-c-menu-toggle__text">
9285
9363
  <b>1 - 10</b>&nbsp;of&nbsp;
@@ -9287,7 +9365,7 @@ wrapperTag: div
9287
9365
  </span>
9288
9366
  <span class="pf-v6-c-menu-toggle__controls">
9289
9367
  <span class="pf-v6-c-menu-toggle__toggle-icon">
9290
- <i class="fas fa-caret-down" aria-hidden="true"></i>
9368
+ <i class="fas fa-caret-down fa-fw" aria-hidden="true"></i>
9291
9369
  </span>
9292
9370
  </span>
9293
9371
  </button>
@@ -9671,7 +9749,10 @@ wrapperTag: div
9671
9749
  >
9672
9750
  <span class="pf-v6-c-menu-toggle__controls">
9673
9751
  <span class="pf-v6-c-menu-toggle__toggle-icon">
9674
- <i class="fas fa-caret-down" aria-hidden="true"></i>
9752
+ <i
9753
+ class="fas fa-caret-down fa-fw"
9754
+ aria-hidden="true"
9755
+ ></i>
9675
9756
  </span>
9676
9757
  </span>
9677
9758
  </button>
@@ -9697,7 +9778,10 @@ wrapperTag: div
9697
9778
  <span class="pf-v6-c-menu-toggle__text">Name</span>
9698
9779
  <span class="pf-v6-c-menu-toggle__controls">
9699
9780
  <span class="pf-v6-c-menu-toggle__toggle-icon">
9700
- <i class="fas fa-caret-down" aria-hidden="true"></i>
9781
+ <i
9782
+ class="fas fa-caret-down fa-fw"
9783
+ aria-hidden="true"
9784
+ ></i>
9701
9785
  </span>
9702
9786
  </span>
9703
9787
  </button>
@@ -9736,7 +9820,10 @@ wrapperTag: div
9736
9820
  <span class="pf-v6-c-menu-toggle__text">Status</span>
9737
9821
  <span class="pf-v6-c-menu-toggle__controls">
9738
9822
  <span class="pf-v6-c-menu-toggle__toggle-icon">
9739
- <i class="fas fa-caret-down" aria-hidden="true"></i>
9823
+ <i
9824
+ class="fas fa-caret-down fa-fw"
9825
+ aria-hidden="true"
9826
+ ></i>
9740
9827
  </span>
9741
9828
  </span>
9742
9829
  </button>
@@ -9751,7 +9838,10 @@ wrapperTag: div
9751
9838
  <span class="pf-v6-c-menu-toggle__text">Risk</span>
9752
9839
  <span class="pf-v6-c-menu-toggle__controls">
9753
9840
  <span class="pf-v6-c-menu-toggle__toggle-icon">
9754
- <i class="fas fa-caret-down" aria-hidden="true"></i>
9841
+ <i
9842
+ class="fas fa-caret-down fa-fw"
9843
+ aria-hidden="true"
9844
+ ></i>
9755
9845
  </span>
9756
9846
  </span>
9757
9847
  </button>
@@ -9790,7 +9880,10 @@ wrapperTag: div
9790
9880
  </span>
9791
9881
  <span class="pf-v6-c-menu-toggle__controls">
9792
9882
  <span class="pf-v6-c-menu-toggle__toggle-icon">
9793
- <i class="fas fa-caret-down" aria-hidden="true"></i>
9883
+ <i
9884
+ class="fas fa-caret-down fa-fw"
9885
+ aria-hidden="true"
9886
+ ></i>
9794
9887
  </span>
9795
9888
  </span>
9796
9889
  </button>
@@ -10851,7 +10944,10 @@ wrapperTag: div
10851
10944
  >
10852
10945
  <span class="pf-v6-c-menu-toggle__controls">
10853
10946
  <span class="pf-v6-c-menu-toggle__toggle-icon">
10854
- <i class="fas fa-caret-down" aria-hidden="true"></i>
10947
+ <i
10948
+ class="fas fa-caret-down fa-fw"
10949
+ aria-hidden="true"
10950
+ ></i>
10855
10951
  </span>
10856
10952
  </span>
10857
10953
  </button>
@@ -10877,7 +10973,10 @@ wrapperTag: div
10877
10973
  <span class="pf-v6-c-menu-toggle__text">Name</span>
10878
10974
  <span class="pf-v6-c-menu-toggle__controls">
10879
10975
  <span class="pf-v6-c-menu-toggle__toggle-icon">
10880
- <i class="fas fa-caret-down" aria-hidden="true"></i>
10976
+ <i
10977
+ class="fas fa-caret-down fa-fw"
10978
+ aria-hidden="true"
10979
+ ></i>
10881
10980
  </span>
10882
10981
  </span>
10883
10982
  </button>
@@ -10916,7 +11015,10 @@ wrapperTag: div
10916
11015
  <span class="pf-v6-c-menu-toggle__text">Status</span>
10917
11016
  <span class="pf-v6-c-menu-toggle__controls">
10918
11017
  <span class="pf-v6-c-menu-toggle__toggle-icon">
10919
- <i class="fas fa-caret-down" aria-hidden="true"></i>
11018
+ <i
11019
+ class="fas fa-caret-down fa-fw"
11020
+ aria-hidden="true"
11021
+ ></i>
10920
11022
  </span>
10921
11023
  </span>
10922
11024
  </button>
@@ -10931,7 +11033,10 @@ wrapperTag: div
10931
11033
  <span class="pf-v6-c-menu-toggle__text">Risk</span>
10932
11034
  <span class="pf-v6-c-menu-toggle__controls">
10933
11035
  <span class="pf-v6-c-menu-toggle__toggle-icon">
10934
- <i class="fas fa-caret-down" aria-hidden="true"></i>
11036
+ <i
11037
+ class="fas fa-caret-down fa-fw"
11038
+ aria-hidden="true"
11039
+ ></i>
10935
11040
  </span>
10936
11041
  </span>
10937
11042
  </button>
@@ -10970,7 +11075,10 @@ wrapperTag: div
10970
11075
  </span>
10971
11076
  <span class="pf-v6-c-menu-toggle__controls">
10972
11077
  <span class="pf-v6-c-menu-toggle__toggle-icon">
10973
- <i class="fas fa-caret-down" aria-hidden="true"></i>
11078
+ <i
11079
+ class="fas fa-caret-down fa-fw"
11080
+ aria-hidden="true"
11081
+ ></i>
10974
11082
  </span>
10975
11083
  </span>
10976
11084
  </button>
@@ -11496,7 +11604,7 @@ wrapperTag: div
11496
11604
  type="button"
11497
11605
  aria-expanded="false"
11498
11606
  aria-label="Menu toggle"
11499
- id="{{page--id}}-pagination-menu-toggle-bottom-example"
11607
+ id="sticky-header-demo-pagination-menu-toggle-bottom-example"
11500
11608
  >
11501
11609
  <span class="pf-v6-c-menu-toggle__text">
11502
11610
  <b>1 - 10</b>&nbsp;of&nbsp;
@@ -11504,7 +11612,7 @@ wrapperTag: div
11504
11612
  </span>
11505
11613
  <span class="pf-v6-c-menu-toggle__controls">
11506
11614
  <span class="pf-v6-c-menu-toggle__toggle-icon">
11507
- <i class="fas fa-caret-down" aria-hidden="true"></i>
11615
+ <i class="fas fa-caret-down fa-fw" aria-hidden="true"></i>
11508
11616
  </span>
11509
11617
  </span>
11510
11618
  </button>
@@ -11889,7 +11997,10 @@ wrapperTag: div
11889
11997
  >
11890
11998
  <span class="pf-v6-c-menu-toggle__controls">
11891
11999
  <span class="pf-v6-c-menu-toggle__toggle-icon">
11892
- <i class="fas fa-caret-down" aria-hidden="true"></i>
12000
+ <i
12001
+ class="fas fa-caret-down fa-fw"
12002
+ aria-hidden="true"
12003
+ ></i>
11893
12004
  </span>
11894
12005
  </span>
11895
12006
  </button>
@@ -11915,7 +12026,10 @@ wrapperTag: div
11915
12026
  <span class="pf-v6-c-menu-toggle__text">Name</span>
11916
12027
  <span class="pf-v6-c-menu-toggle__controls">
11917
12028
  <span class="pf-v6-c-menu-toggle__toggle-icon">
11918
- <i class="fas fa-caret-down" aria-hidden="true"></i>
12029
+ <i
12030
+ class="fas fa-caret-down fa-fw"
12031
+ aria-hidden="true"
12032
+ ></i>
11919
12033
  </span>
11920
12034
  </span>
11921
12035
  </button>
@@ -12010,7 +12124,10 @@ wrapperTag: div
12010
12124
  </span>
12011
12125
  <span class="pf-v6-c-menu-toggle__controls">
12012
12126
  <span class="pf-v6-c-menu-toggle__toggle-icon">
12013
- <i class="fas fa-caret-down" aria-hidden="true"></i>
12127
+ <i
12128
+ class="fas fa-caret-down fa-fw"
12129
+ aria-hidden="true"
12130
+ ></i>
12014
12131
  </span>
12015
12132
  </span>
12016
12133
  </button>
@@ -12669,7 +12786,7 @@ wrapperTag: div
12669
12786
  type="button"
12670
12787
  aria-expanded="false"
12671
12788
  aria-label="Menu toggle"
12672
- id="{{page--id}}-pagination-menu-toggle-bottom-example"
12789
+ id="sticky-first-column-demo-pagination-menu-toggle-bottom-example"
12673
12790
  >
12674
12791
  <span class="pf-v6-c-menu-toggle__text">
12675
12792
  <b>1 - 10</b>&nbsp;of&nbsp;
@@ -12677,7 +12794,7 @@ wrapperTag: div
12677
12794
  </span>
12678
12795
  <span class="pf-v6-c-menu-toggle__controls">
12679
12796
  <span class="pf-v6-c-menu-toggle__toggle-icon">
12680
- <i class="fas fa-caret-down" aria-hidden="true"></i>
12797
+ <i class="fas fa-caret-down fa-fw" aria-hidden="true"></i>
12681
12798
  </span>
12682
12799
  </span>
12683
12800
  </button>
@@ -13068,7 +13185,10 @@ wrapperTag: div
13068
13185
  >
13069
13186
  <span class="pf-v6-c-menu-toggle__controls">
13070
13187
  <span class="pf-v6-c-menu-toggle__toggle-icon">
13071
- <i class="fas fa-caret-down" aria-hidden="true"></i>
13188
+ <i
13189
+ class="fas fa-caret-down fa-fw"
13190
+ aria-hidden="true"
13191
+ ></i>
13072
13192
  </span>
13073
13193
  </span>
13074
13194
  </button>
@@ -13094,7 +13214,10 @@ wrapperTag: div
13094
13214
  <span class="pf-v6-c-menu-toggle__text">Name</span>
13095
13215
  <span class="pf-v6-c-menu-toggle__controls">
13096
13216
  <span class="pf-v6-c-menu-toggle__toggle-icon">
13097
- <i class="fas fa-caret-down" aria-hidden="true"></i>
13217
+ <i
13218
+ class="fas fa-caret-down fa-fw"
13219
+ aria-hidden="true"
13220
+ ></i>
13098
13221
  </span>
13099
13222
  </span>
13100
13223
  </button>
@@ -13189,7 +13312,10 @@ wrapperTag: div
13189
13312
  </span>
13190
13313
  <span class="pf-v6-c-menu-toggle__controls">
13191
13314
  <span class="pf-v6-c-menu-toggle__toggle-icon">
13192
- <i class="fas fa-caret-down" aria-hidden="true"></i>
13315
+ <i
13316
+ class="fas fa-caret-down fa-fw"
13317
+ aria-hidden="true"
13318
+ ></i>
13193
13319
  </span>
13194
13320
  </span>
13195
13321
  </button>
@@ -13876,7 +14002,7 @@ wrapperTag: div
13876
14002
  type="button"
13877
14003
  aria-expanded="false"
13878
14004
  aria-label="Menu toggle"
13879
- id="{{page--id}}-pagination-menu-toggle-bottom-example"
14005
+ id="sticky-multiple-columns-demo-pagination-menu-toggle-bottom-example"
13880
14006
  >
13881
14007
  <span class="pf-v6-c-menu-toggle__text">
13882
14008
  <b>1 - 10</b>&nbsp;of&nbsp;
@@ -13884,7 +14010,7 @@ wrapperTag: div
13884
14010
  </span>
13885
14011
  <span class="pf-v6-c-menu-toggle__controls">
13886
14012
  <span class="pf-v6-c-menu-toggle__toggle-icon">
13887
- <i class="fas fa-caret-down" aria-hidden="true"></i>
14013
+ <i class="fas fa-caret-down fa-fw" aria-hidden="true"></i>
13888
14014
  </span>
13889
14015
  </span>
13890
14016
  </button>
@@ -14276,7 +14402,10 @@ wrapperTag: div
14276
14402
  >
14277
14403
  <span class="pf-v6-c-menu-toggle__controls">
14278
14404
  <span class="pf-v6-c-menu-toggle__toggle-icon">
14279
- <i class="fas fa-caret-down" aria-hidden="true"></i>
14405
+ <i
14406
+ class="fas fa-caret-down fa-fw"
14407
+ aria-hidden="true"
14408
+ ></i>
14280
14409
  </span>
14281
14410
  </span>
14282
14411
  </button>
@@ -14302,7 +14431,10 @@ wrapperTag: div
14302
14431
  <span class="pf-v6-c-menu-toggle__text">Name</span>
14303
14432
  <span class="pf-v6-c-menu-toggle__controls">
14304
14433
  <span class="pf-v6-c-menu-toggle__toggle-icon">
14305
- <i class="fas fa-caret-down" aria-hidden="true"></i>
14434
+ <i
14435
+ class="fas fa-caret-down fa-fw"
14436
+ aria-hidden="true"
14437
+ ></i>
14306
14438
  </span>
14307
14439
  </span>
14308
14440
  </button>
@@ -14397,7 +14529,10 @@ wrapperTag: div
14397
14529
  </span>
14398
14530
  <span class="pf-v6-c-menu-toggle__controls">
14399
14531
  <span class="pf-v6-c-menu-toggle__toggle-icon">
14400
- <i class="fas fa-caret-down" aria-hidden="true"></i>
14532
+ <i
14533
+ class="fas fa-caret-down fa-fw"
14534
+ aria-hidden="true"
14535
+ ></i>
14401
14536
  </span>
14402
14537
  </span>
14403
14538
  </button>
@@ -15084,7 +15219,7 @@ wrapperTag: div
15084
15219
  type="button"
15085
15220
  aria-expanded="false"
15086
15221
  aria-label="Menu toggle"
15087
- id="{{page--id}}-pagination-menu-toggle-bottom-example"
15222
+ id="sticky-header-and-multiple-columns-demo-pagination-menu-toggle-bottom-example"
15088
15223
  >
15089
15224
  <span class="pf-v6-c-menu-toggle__text">
15090
15225
  <b>1 - 10</b>&nbsp;of&nbsp;
@@ -15092,7 +15227,7 @@ wrapperTag: div
15092
15227
  </span>
15093
15228
  <span class="pf-v6-c-menu-toggle__controls">
15094
15229
  <span class="pf-v6-c-menu-toggle__toggle-icon">
15095
- <i class="fas fa-caret-down" aria-hidden="true"></i>
15230
+ <i class="fas fa-caret-down fa-fw" aria-hidden="true"></i>
15096
15231
  </span>
15097
15232
  </span>
15098
15233
  </button>
@@ -15171,18 +15306,18 @@ wrapperTag: div
15171
15306
  ### Sticky header and last column
15172
15307
 
15173
15308
  ```html isFullscreen
15174
- <div class="pf-v6-c-page" id="sticky-header-and-multiple columns-demo">
15309
+ <div class="pf-v6-c-page" id="sticky-header-and-multiple-columns-demo">
15175
15310
  <div class="pf-v6-c-skip-to-content">
15176
15311
  <a
15177
15312
  class="pf-v6-c-button pf-m-primary"
15178
- href="#main-content-sticky-header-and-multiple columns-demo"
15313
+ href="#main-content-sticky-header-and-multiple-columns-demo"
15179
15314
  >
15180
15315
  <span class="pf-v6-c-button__text">Skip to content</span>
15181
15316
  </a>
15182
15317
  </div>
15183
15318
  <header
15184
15319
  class="pf-v6-c-masthead"
15185
- id="sticky-header-and-multiple columns-demo-masthead"
15320
+ id="sticky-header-and-multiple-columns-demo-masthead"
15186
15321
  >
15187
15322
  <div class="pf-v6-c-masthead__main">
15188
15323
  <span class="pf-v6-c-masthead__toggle">
@@ -15206,7 +15341,7 @@ wrapperTag: div
15206
15341
  y1="2.25860997e-13%"
15207
15342
  x2="32%"
15208
15343
  y2="100%"
15209
- id="linearGradient-sticky-header-and-multiple columns-demo-masthead"
15344
+ id="linearGradient-sticky-header-and-multiple-columns-demo-masthead"
15210
15345
  >
15211
15346
  <stop stop-color="#2B9AF3" offset="0%" />
15212
15347
  <stop
@@ -15260,11 +15395,11 @@ wrapperTag: div
15260
15395
  />
15261
15396
  <path
15262
15397
  d="M158,3.43478261 L65.2608696,158 L138,158 C149.045695,158 158,149.045695 158,138 L158,3.43478261 L158,3.43478261 Z"
15263
- fill="url(#linearGradient-sticky-header-and-multiple columns-demo-masthead)"
15398
+ fill="url(#linearGradient-sticky-header-and-multiple-columns-demo-masthead)"
15264
15399
  />
15265
15400
  <path
15266
15401
  d="M123.652174,-30.9130435 L30.9130435,123.652174 L103.652174,123.652174 C114.697869,123.652174 123.652174,114.697869 123.652174,103.652174 L123.652174,-30.9130435 L123.652174,-30.9130435 Z"
15267
- fill="url(#linearGradient-sticky-header-and-multiple columns-demo-masthead)"
15402
+ fill="url(#linearGradient-sticky-header-and-multiple-columns-demo-masthead)"
15268
15403
  transform="translate(77.282609, 46.369565) scale(1, -1) rotate(90.000000) translate(-77.282609, -46.369565) "
15269
15404
  />
15270
15405
  </g>
@@ -15276,7 +15411,7 @@ wrapperTag: div
15276
15411
  <div class="pf-v6-c-masthead__content">
15277
15412
  <div
15278
15413
  class="pf-v6-c-toolbar pf-m-static"
15279
- id="sticky-header-and-multiple columns-demo-masthead-toolbar"
15414
+ id="sticky-header-and-multiple-columns-demo-masthead-toolbar"
15280
15415
  >
15281
15416
  <div class="pf-v6-c-toolbar__content">
15282
15417
  <div class="pf-v6-c-toolbar__content-section">
@@ -15346,7 +15481,7 @@ wrapperTag: div
15346
15481
  <div class="pf-v6-c-page__sidebar-body">
15347
15482
  <nav
15348
15483
  class="pf-v6-c-nav"
15349
- id="sticky-header-and-multiple columns-demo-primary-nav"
15484
+ id="sticky-header-and-multiple-columns-demo-primary-nav"
15350
15485
  aria-label="Global"
15351
15486
  >
15352
15487
  <ul class="pf-v6-c-nav__list" role="list">
@@ -15387,7 +15522,7 @@ wrapperTag: div
15387
15522
  <main
15388
15523
  class="pf-v6-c-page__main"
15389
15524
  tabindex="-1"
15390
- id="main-content-sticky-header-and-multiple columns-demo"
15525
+ id="main-content-sticky-header-and-multiple-columns-demo"
15391
15526
  >
15392
15527
  <section class="pf-v6-c-page__main-breadcrumb pf-m-limit-width">
15393
15528
  <div class="pf-v6-c-page__main-body">
@@ -15438,7 +15573,7 @@ wrapperTag: div
15438
15573
  <div class="pf-v6-c-scroll-outer-wrapper">
15439
15574
  <div
15440
15575
  class="pf-v6-c-toolbar"
15441
- id="sticky-header-and-multiple columns-demo-toolbar"
15576
+ id="sticky-header-and-multiple-columns-demo-toolbar"
15442
15577
  >
15443
15578
  <div class="pf-v6-c-toolbar__content">
15444
15579
  <div class="pf-v6-c-toolbar__content-section pf-m-nowrap">
@@ -15451,7 +15586,7 @@ wrapperTag: div
15451
15586
  type="button"
15452
15587
  aria-expanded="false"
15453
15588
  aria-label="Show filters"
15454
- aria-controls="sticky-header-and-multiple columns-demo-toolbar-expandable-content"
15589
+ aria-controls="sticky-header-and-multiple-columns-demo-toolbar-expandable-content"
15455
15590
  >
15456
15591
  <span class="pf-v6-c-menu-toggle__icon">
15457
15592
  <i class="fas fa-filter" aria-hidden="true"></i>
@@ -15461,17 +15596,17 @@ wrapperTag: div
15461
15596
  <div class="pf-v6-c-toolbar__item pf-m-bulk-select">
15462
15597
  <div
15463
15598
  class="pf-v6-c-menu-toggle pf-m-split-button"
15464
- id="sticky-header-and-multiple columns-demo-toolbar-check"
15599
+ id="sticky-header-and-multiple-columns-demo-toolbar-check"
15465
15600
  >
15466
15601
  <label
15467
15602
  class="pf-v6-c-check pf-m-standalone"
15468
- for="sticky-header-and-multiple columns-demo-toolbar-check-check-input"
15603
+ for="sticky-header-and-multiple-columns-demo-toolbar-check-check-input"
15469
15604
  >
15470
15605
  <input
15471
15606
  class="pf-v6-c-check__input"
15472
15607
  type="checkbox"
15473
- id="sticky-header-and-multiple columns-demo-toolbar-check-check-input"
15474
- name="sticky-header-and-multiple columns-demo-toolbar-check-check-input"
15608
+ id="sticky-header-and-multiple-columns-demo-toolbar-check-check-input"
15609
+ name="sticky-header-and-multiple-columns-demo-toolbar-check-check-input"
15475
15610
  aria-label="Standalone check"
15476
15611
  />
15477
15612
  </label>
@@ -15479,12 +15614,15 @@ wrapperTag: div
15479
15614
  class="pf-v6-c-menu-toggle__button"
15480
15615
  type="button"
15481
15616
  aria-expanded="false"
15482
- id="sticky-header-and-multiple columns-demo-toolbar-menu-toggle-toggle-button"
15617
+ id="sticky-header-and-multiple-columns-demo-toolbar-menu-toggle-toggle-button"
15483
15618
  aria-label="Menu toggle"
15484
15619
  >
15485
15620
  <span class="pf-v6-c-menu-toggle__controls">
15486
15621
  <span class="pf-v6-c-menu-toggle__toggle-icon">
15487
- <i class="fas fa-caret-down" aria-hidden="true"></i>
15622
+ <i
15623
+ class="fas fa-caret-down fa-fw"
15624
+ aria-hidden="true"
15625
+ ></i>
15488
15626
  </span>
15489
15627
  </span>
15490
15628
  </button>
@@ -15502,7 +15640,7 @@ wrapperTag: div
15502
15640
  class="pf-v6-c-menu-toggle"
15503
15641
  type="button"
15504
15642
  aria-expanded="false"
15505
- id="sticky-header-and-multiple columns-demo-toolbar-search-filter-menu"
15643
+ id="sticky-header-and-multiple-columns-demo-toolbar-search-filter-menu"
15506
15644
  >
15507
15645
  <span class="pf-v6-c-menu-toggle__icon">
15508
15646
  <i class="fas fa-filter" aria-hidden="true"></i>
@@ -15510,7 +15648,10 @@ wrapperTag: div
15510
15648
  <span class="pf-v6-c-menu-toggle__text">Name</span>
15511
15649
  <span class="pf-v6-c-menu-toggle__controls">
15512
15650
  <span class="pf-v6-c-menu-toggle__toggle-icon">
15513
- <i class="fas fa-caret-down" aria-hidden="true"></i>
15651
+ <i
15652
+ class="fas fa-caret-down fa-fw"
15653
+ aria-hidden="true"
15654
+ ></i>
15514
15655
  </span>
15515
15656
  </span>
15516
15657
  </button>
@@ -15556,7 +15697,7 @@ wrapperTag: div
15556
15697
 
15557
15698
  <div
15558
15699
  class="pf-v6-c-overflow-menu"
15559
- id="sticky-header-and-multiple columns-demo-toolbar-overflow-menu"
15700
+ id="sticky-header-and-multiple-columns-demo-toolbar-overflow-menu"
15560
15701
  >
15561
15702
  <div
15562
15703
  class="pf-v6-c-overflow-menu__content pf-v6-u-display-none pf-v6-u-display-flex-on-lg"
@@ -15580,7 +15721,7 @@ wrapperTag: div
15580
15721
  type="button"
15581
15722
  aria-expanded="false"
15582
15723
  aria-label="Menu toggle"
15583
- id="sticky-header-and-multiple columns-demo-toolbar-overflow-menu-toggle"
15724
+ id="sticky-header-and-multiple-columns-demo-toolbar-overflow-menu-toggle"
15584
15725
  >
15585
15726
  <span class="pf-v6-c-menu-toggle__icon">
15586
15727
  <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
@@ -15597,7 +15738,7 @@ wrapperTag: div
15597
15738
  type="button"
15598
15739
  aria-expanded="false"
15599
15740
  aria-label="Menu toggle"
15600
- id="sticky-header-and-multiple columns-demo-toolbar-top-pagination"
15741
+ id="sticky-header-and-multiple-columns-demo-toolbar-top-pagination"
15601
15742
  >
15602
15743
  <span class="pf-v6-c-menu-toggle__text">
15603
15744
  <b>1 - 10</b>&nbsp;of&nbsp;
@@ -15605,7 +15746,10 @@ wrapperTag: div
15605
15746
  </span>
15606
15747
  <span class="pf-v6-c-menu-toggle__controls">
15607
15748
  <span class="pf-v6-c-menu-toggle__toggle-icon">
15608
- <i class="fas fa-caret-down" aria-hidden="true"></i>
15749
+ <i
15750
+ class="fas fa-caret-down fa-fw"
15751
+ aria-hidden="true"
15752
+ ></i>
15609
15753
  </span>
15610
15754
  </span>
15611
15755
  </button>
@@ -15644,7 +15788,7 @@ wrapperTag: div
15644
15788
 
15645
15789
  <div
15646
15790
  class="pf-v6-c-toolbar__expandable-content pf-m-hidden"
15647
- id="sticky-header-and-multiple columns-demo-toolbar-expandable-content"
15791
+ id="sticky-header-and-multiple-columns-demo-toolbar-expandable-content"
15648
15792
  hidden
15649
15793
  ></div>
15650
15794
  </div>
@@ -16255,7 +16399,7 @@ wrapperTag: div
16255
16399
  type="button"
16256
16400
  aria-expanded="false"
16257
16401
  aria-label="Menu toggle"
16258
- id="{{page--id}}-pagination-menu-toggle-bottom-example"
16402
+ id="sticky-header-and-multiple-columns-demo-pagination-menu-toggle-bottom-example"
16259
16403
  >
16260
16404
  <span class="pf-v6-c-menu-toggle__text">
16261
16405
  <b>1 - 10</b>&nbsp;of&nbsp;
@@ -16263,7 +16407,7 @@ wrapperTag: div
16263
16407
  </span>
16264
16408
  <span class="pf-v6-c-menu-toggle__controls">
16265
16409
  <span class="pf-v6-c-menu-toggle__toggle-icon">
16266
- <i class="fas fa-caret-down" aria-hidden="true"></i>
16410
+ <i class="fas fa-caret-down fa-fw" aria-hidden="true"></i>
16267
16411
  </span>
16268
16412
  </span>
16269
16413
  </button>