@patternfly/patternfly 6.5.0-prerelease.30 → 6.5.0-prerelease.32

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 (46) hide show
  1. package/components/Compass/compass.css +14 -4
  2. package/components/Compass/compass.scss +16 -4
  3. package/components/Drawer/drawer.css +30 -26
  4. package/components/Drawer/drawer.scss +7 -3
  5. package/components/Masthead/masthead.css +40 -0
  6. package/components/Masthead/masthead.scss +47 -0
  7. package/components/Nav/nav.css +55 -0
  8. package/components/Nav/nav.scss +70 -3
  9. package/components/Page/page.css +20 -0
  10. package/components/Page/page.scss +27 -0
  11. package/components/Toolbar/toolbar.css +32 -6
  12. package/components/Toolbar/toolbar.scss +28 -4
  13. package/components/_index.css +191 -36
  14. package/docs/components/Compass/examples/Compass.css +8 -2
  15. package/docs/components/Compass/examples/Compass.md +22 -1
  16. package/docs/components/Masthead/examples/masthead.md +67 -0
  17. package/docs/components/Nav/examples/Navigation.md +44 -0
  18. package/docs/components/Page/examples/Page.md +37 -0
  19. package/docs/components/Toolbar/examples/Toolbar.md +28 -0
  20. package/docs/demos/AboutModal/examples/AboutModal.md +5 -5
  21. package/docs/demos/Alert/examples/Alert.md +15 -15
  22. package/docs/demos/BackToTop/examples/BackToTop.md +5 -5
  23. package/docs/demos/Banner/examples/Banner.md +10 -10
  24. package/docs/demos/CardView/examples/CardView.md +5 -5
  25. package/docs/demos/Compass/examples/Compass.md +208 -0
  26. package/docs/demos/Dashboard/examples/Dashboard.md +5 -5
  27. package/docs/demos/DataList/examples/DataList.md +20 -23
  28. package/docs/demos/DescriptionList/examples/DescriptionList.md +15 -15
  29. package/docs/demos/Drawer/examples/Drawer.md +25 -25
  30. package/docs/demos/JumpLinks/examples/JumpLinks.md +30 -30
  31. package/docs/demos/Masthead/examples/Masthead.md +55 -58
  32. package/docs/demos/Modal/examples/Modal.md +30 -33
  33. package/docs/demos/Nav/examples/Nav.md +299 -62
  34. package/docs/demos/NotificationDrawer/examples/NotificationDrawer.md +25 -25
  35. package/docs/demos/Page/examples/Page.md +70 -79
  36. package/docs/demos/PrimaryDetail/examples/PrimaryDetail.md +35 -35
  37. package/docs/demos/Skeleton/examples/Skeleton.md +5 -5
  38. package/docs/demos/Table/examples/Table.md +75 -78
  39. package/docs/demos/Tabs/examples/Tabs.md +30 -30
  40. package/docs/demos/Toolbar/examples/Toolbar.md +10 -10
  41. package/docs/demos/Wizard/examples/Wizard.md +45 -48
  42. package/package.json +2 -2
  43. package/patternfly-no-globals.css +191 -36
  44. package/patternfly.css +191 -36
  45. package/patternfly.min.css +1 -1
  46. package/patternfly.min.css.map +1 -1
package/docs/demos/Masthead/examples/Masthead.md CHANGED
@@ -16,7 +16,7 @@ wrapperTag: div
16
16
  <span class="pf-v6-c-button__text">Skip to content</span>
17
17
  </a>
18
18
  </div>
19
- <header class="pf-v6-c-masthead" id="masthead-basic-example-masthead">
19
+ <header class="pf-v6-c-masthead" id="masthead-basic-example-docked">
20
20
  <div class="pf-v6-c-masthead__main">
21
21
  <span class="pf-v6-c-masthead__toggle">
22
22
  <button
@@ -58,7 +58,7 @@ wrapperTag: div
58
58
  y1="2.25860997e-13%"
59
59
  x2="32%"
60
60
  y2="100%"
61
- id="linearGradient-masthead-basic-example-masthead"
61
+ id="linearGradient-masthead-basic-example-docked"
62
62
  >
63
63
  <stop stop-color="#2B9AF3" offset="0%" />
64
64
  <stop
@@ -112,11 +112,11 @@ wrapperTag: div
112
112
  />
113
113
  <path
114
114
  d="M158,3.43478261 L65.2608696,158 L138,158 C149.045695,158 158,149.045695 158,138 L158,3.43478261 L158,3.43478261 Z"
115
- fill="url(#linearGradient-masthead-basic-example-masthead)"
115
+ fill="url(#linearGradient-masthead-basic-example-docked)"
116
116
  />
117
117
  <path
118
118
  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"
119
- fill="url(#linearGradient-masthead-basic-example-masthead)"
119
+ fill="url(#linearGradient-masthead-basic-example-docked)"
120
120
  transform="translate(77.282609, 46.369565) scale(1, -1) rotate(90.000000) translate(-77.282609, -46.369565) "
121
121
  />
122
122
  </g>
@@ -128,7 +128,7 @@ wrapperTag: div
128
128
  <div class="pf-v6-c-masthead__content">
129
129
  <div
130
130
  class="pf-v6-c-toolbar pf-m-static"
131
- id="masthead-basic-example-masthead-toolbar"
131
+ id="masthead-basic-example-docked-toolbar"
132
132
  >
133
133
  <div class="pf-v6-c-toolbar__content">
134
134
  <div class="pf-v6-c-toolbar__content-section">
@@ -296,7 +296,7 @@ wrapperTag: div
296
296
  </div>
297
297
  <header
298
298
  class="pf-v6-c-masthead"
299
- id="masthead-context-selecton-drilldown-example-masthead"
299
+ id="masthead-context-selecton-drilldown-example-docked"
300
300
  >
301
301
  <div class="pf-v6-c-masthead__main">
302
302
  <span class="pf-v6-c-masthead__toggle">
@@ -339,7 +339,7 @@ wrapperTag: div
339
339
  y1="2.25860997e-13%"
340
340
  x2="32%"
341
341
  y2="100%"
342
- id="linearGradient-masthead-context-selecton-drilldown-example-masthead"
342
+ id="linearGradient-masthead-context-selecton-drilldown-example-docked"
343
343
  >
344
344
  <stop stop-color="#2B9AF3" offset="0%" />
345
345
  <stop
@@ -393,11 +393,11 @@ wrapperTag: div
393
393
  />
394
394
  <path
395
395
  d="M158,3.43478261 L65.2608696,158 L138,158 C149.045695,158 158,149.045695 158,138 L158,3.43478261 L158,3.43478261 Z"
396
- fill="url(#linearGradient-masthead-context-selecton-drilldown-example-masthead)"
396
+ fill="url(#linearGradient-masthead-context-selecton-drilldown-example-docked)"
397
397
  />
398
398
  <path
399
399
  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"
400
- fill="url(#linearGradient-masthead-context-selecton-drilldown-example-masthead)"
400
+ fill="url(#linearGradient-masthead-context-selecton-drilldown-example-docked)"
401
401
  transform="translate(77.282609, 46.369565) scale(1, -1) rotate(90.000000) translate(-77.282609, -46.369565) "
402
402
  />
403
403
  </g>
@@ -409,7 +409,7 @@ wrapperTag: div
409
409
  <div class="pf-v6-c-masthead__content">
410
410
  <div
411
411
  class="pf-v6-c-toolbar pf-m-static"
412
- id="masthead-context-selecton-drilldown-example-masthead-toolbar"
412
+ id="masthead-context-selecton-drilldown-example-docked-toolbar"
413
413
  >
414
414
  <div class="pf-v6-c-toolbar__content">
415
415
  <div class="pf-v6-c-toolbar__content-section">
@@ -604,10 +604,7 @@ wrapperTag: div
604
604
  <span class="pf-v6-c-button__text">Skip to content</span>
605
605
  </a>
606
606
  </div>
607
- <header
608
- class="pf-v6-c-masthead"
609
- id="masthead-toolbar-filters-example-masthead"
610
- >
607
+ <header class="pf-v6-c-masthead" id="masthead-toolbar-filters-example-docked">
611
608
  <div class="pf-v6-c-masthead__main">
612
609
  <span class="pf-v6-c-masthead__toggle">
613
610
  <button
@@ -649,7 +646,7 @@ wrapperTag: div
649
646
  y1="2.25860997e-13%"
650
647
  x2="32%"
651
648
  y2="100%"
652
- id="linearGradient-masthead-toolbar-filters-example-masthead"
649
+ id="linearGradient-masthead-toolbar-filters-example-docked"
653
650
  >
654
651
  <stop stop-color="#2B9AF3" offset="0%" />
655
652
  <stop
@@ -703,11 +700,11 @@ wrapperTag: div
703
700
  />
704
701
  <path
705
702
  d="M158,3.43478261 L65.2608696,158 L138,158 C149.045695,158 158,149.045695 158,138 L158,3.43478261 L158,3.43478261 Z"
706
- fill="url(#linearGradient-masthead-toolbar-filters-example-masthead)"
703
+ fill="url(#linearGradient-masthead-toolbar-filters-example-docked)"
707
704
  />
708
705
  <path
709
706
  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"
710
- fill="url(#linearGradient-masthead-toolbar-filters-example-masthead)"
707
+ fill="url(#linearGradient-masthead-toolbar-filters-example-docked)"
711
708
  transform="translate(77.282609, 46.369565) scale(1, -1) rotate(90.000000) translate(-77.282609, -46.369565) "
712
709
  />
713
710
  </g>
@@ -719,7 +716,7 @@ wrapperTag: div
719
716
  <div class="pf-v6-c-masthead__content">
720
717
  <div
721
718
  class="pf-v6-c-toolbar pf-m-static"
722
- id="masthead-toolbar-filters-example-masthead-toolbar"
719
+ id="masthead-toolbar-filters-example-docked-toolbar"
723
720
  >
724
721
  <div class="pf-v6-c-toolbar__content">
725
722
  <div class="pf-v6-c-toolbar__content-section">
@@ -732,7 +729,7 @@ wrapperTag: div
732
729
  type="button"
733
730
  aria-expanded="false"
734
731
  aria-label="Show filters"
735
- aria-controls="masthead-toolbar-filters-example-masthead-toolbar-expandable-content"
732
+ aria-controls="masthead-toolbar-filters-example-docked-toolbar-expandable-content"
736
733
  >
737
734
  <span class="pf-v6-c-menu-toggle__icon">
738
735
  <i class="fas fa-filter" aria-hidden="true"></i>
@@ -750,7 +747,7 @@ wrapperTag: div
750
747
  class="pf-v6-c-menu-toggle"
751
748
  type="button"
752
749
  aria-expanded="false"
753
- id="masthead-toolbar-filters-example-masthead-toolbar-search-filter-menu"
750
+ id="masthead-toolbar-filters-example-docked-toolbar-search-filter-menu"
754
751
  >
755
752
  <span class="pf-v6-c-menu-toggle__icon">
756
753
  <i class="fas fa-filter" aria-hidden="true"></i>
@@ -801,7 +798,7 @@ wrapperTag: div
801
798
 
802
799
  <div
803
800
  class="pf-v6-c-toolbar__expandable-content pf-m-hidden"
804
- id="masthead-toolbar-filters-example-masthead-toolbar-expandable-content"
801
+ id="masthead-toolbar-filters-example-docked-toolbar-expandable-content"
805
802
  hidden
806
803
  ></div>
807
804
  </div>
@@ -953,7 +950,7 @@ wrapperTag: div
953
950
  </div>
954
951
  <header
955
952
  class="pf-v6-c-masthead"
956
- id="masthead-toggle-group-filters-example-masthead"
953
+ id="masthead-toggle-group-filters-example-docked"
957
954
  >
958
955
  <div class="pf-v6-c-masthead__main">
959
956
  <span class="pf-v6-c-masthead__toggle">
@@ -996,7 +993,7 @@ wrapperTag: div
996
993
  y1="2.25860997e-13%"
997
994
  x2="32%"
998
995
  y2="100%"
999
- id="linearGradient-masthead-toggle-group-filters-example-masthead"
996
+ id="linearGradient-masthead-toggle-group-filters-example-docked"
1000
997
  >
1001
998
  <stop stop-color="#2B9AF3" offset="0%" />
1002
999
  <stop
@@ -1050,11 +1047,11 @@ wrapperTag: div
1050
1047
  />
1051
1048
  <path
1052
1049
  d="M158,3.43478261 L65.2608696,158 L138,158 C149.045695,158 158,149.045695 158,138 L158,3.43478261 L158,3.43478261 Z"
1053
- fill="url(#linearGradient-masthead-toggle-group-filters-example-masthead)"
1050
+ fill="url(#linearGradient-masthead-toggle-group-filters-example-docked)"
1054
1051
  />
1055
1052
  <path
1056
1053
  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"
1057
- fill="url(#linearGradient-masthead-toggle-group-filters-example-masthead)"
1054
+ fill="url(#linearGradient-masthead-toggle-group-filters-example-docked)"
1058
1055
  transform="translate(77.282609, 46.369565) scale(1, -1) rotate(90.000000) translate(-77.282609, -46.369565) "
1059
1056
  />
1060
1057
  </g>
@@ -1066,7 +1063,7 @@ wrapperTag: div
1066
1063
  <div class="pf-v6-c-masthead__content">
1067
1064
  <div
1068
1065
  class="pf-v6-c-toolbar pf-m-static"
1069
- id="masthead-toggle-group-filters-example-masthead-toolbar"
1066
+ id="masthead-toggle-group-filters-example-docked-toolbar"
1070
1067
  >
1071
1068
  <div class="pf-v6-c-toolbar__content">
1072
1069
  <div class="pf-v6-c-toolbar__content-section">
@@ -1079,7 +1076,7 @@ wrapperTag: div
1079
1076
  type="button"
1080
1077
  aria-expanded="false"
1081
1078
  aria-label="Show filters"
1082
- aria-controls="masthead-toggle-group-filters-example-masthead-toolbar-expandable-content"
1079
+ aria-controls="masthead-toggle-group-filters-example-docked-toolbar-expandable-content"
1083
1080
  >
1084
1081
  <span class="pf-v6-c-menu-toggle__icon">
1085
1082
  <i class="fas fa-filter" aria-hidden="true"></i>
@@ -1097,7 +1094,7 @@ wrapperTag: div
1097
1094
  class="pf-v6-c-menu-toggle"
1098
1095
  type="button"
1099
1096
  aria-expanded="false"
1100
- id="masthead-toggle-group-filters-example-masthead-toolbar-search-filter-menu"
1097
+ id="masthead-toggle-group-filters-example-docked-toolbar-search-filter-menu"
1101
1098
  >
1102
1099
  <span class="pf-v6-c-menu-toggle__icon">
1103
1100
  <i class="fas fa-filter" aria-hidden="true"></i>
@@ -1148,7 +1145,7 @@ wrapperTag: div
1148
1145
 
1149
1146
  <div
1150
1147
  class="pf-v6-c-toolbar__expandable-content pf-m-hidden"
1151
- id="masthead-toggle-group-filters-example-masthead-toolbar-expandable-content"
1148
+ id="masthead-toggle-group-filters-example-docked-toolbar-expandable-content"
1152
1149
  hidden
1153
1150
  ></div>
1154
1151
  </div>
@@ -1300,7 +1297,7 @@ wrapperTag: div
1300
1297
  </div>
1301
1298
  <header
1302
1299
  class="pf-v6-c-masthead"
1303
- id="masthead-expandable-search-example-masthead"
1300
+ id="masthead-expandable-search-example-docked"
1304
1301
  >
1305
1302
  <div class="pf-v6-c-masthead__main">
1306
1303
  <span class="pf-v6-c-masthead__toggle">
@@ -1343,7 +1340,7 @@ wrapperTag: div
1343
1340
  y1="2.25860997e-13%"
1344
1341
  x2="32%"
1345
1342
  y2="100%"
1346
- id="linearGradient-masthead-expandable-search-example-masthead"
1343
+ id="linearGradient-masthead-expandable-search-example-docked"
1347
1344
  >
1348
1345
  <stop stop-color="#2B9AF3" offset="0%" />
1349
1346
  <stop
@@ -1397,11 +1394,11 @@ wrapperTag: div
1397
1394
  />
1398
1395
  <path
1399
1396
  d="M158,3.43478261 L65.2608696,158 L138,158 C149.045695,158 158,149.045695 158,138 L158,3.43478261 L158,3.43478261 Z"
1400
- fill="url(#linearGradient-masthead-expandable-search-example-masthead)"
1397
+ fill="url(#linearGradient-masthead-expandable-search-example-docked)"
1401
1398
  />
1402
1399
  <path
1403
1400
  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"
1404
- fill="url(#linearGradient-masthead-expandable-search-example-masthead)"
1401
+ fill="url(#linearGradient-masthead-expandable-search-example-docked)"
1405
1402
  transform="translate(77.282609, 46.369565) scale(1, -1) rotate(90.000000) translate(-77.282609, -46.369565) "
1406
1403
  />
1407
1404
  </g>
@@ -1413,7 +1410,7 @@ wrapperTag: div
1413
1410
  <div class="pf-v6-c-masthead__content">
1414
1411
  <div
1415
1412
  class="pf-v6-c-toolbar pf-m-static"
1416
- id="masthead-expandable-search-example-masthead-toolbar"
1413
+ id="masthead-expandable-search-example-docked-toolbar"
1417
1414
  >
1418
1415
  <div class="pf-v6-c-toolbar__content">
1419
1416
  <div class="pf-v6-c-toolbar__content-section">
@@ -1584,7 +1581,7 @@ wrapperTag: div
1584
1581
  </div>
1585
1582
  <header
1586
1583
  class="pf-v6-c-masthead"
1587
- id="masthead-expandable-search-expanded-example-masthead"
1584
+ id="masthead-expandable-search-expanded-example-docked"
1588
1585
  >
1589
1586
  <div class="pf-v6-c-masthead__main">
1590
1587
  <span class="pf-v6-c-masthead__toggle">
@@ -1627,7 +1624,7 @@ wrapperTag: div
1627
1624
  y1="2.25860997e-13%"
1628
1625
  x2="32%"
1629
1626
  y2="100%"
1630
- id="linearGradient-masthead-expandable-search-expanded-example-masthead"
1627
+ id="linearGradient-masthead-expandable-search-expanded-example-docked"
1631
1628
  >
1632
1629
  <stop stop-color="#2B9AF3" offset="0%" />
1633
1630
  <stop
@@ -1681,11 +1678,11 @@ wrapperTag: div
1681
1678
  />
1682
1679
  <path
1683
1680
  d="M158,3.43478261 L65.2608696,158 L138,158 C149.045695,158 158,149.045695 158,138 L158,3.43478261 L158,3.43478261 Z"
1684
- fill="url(#linearGradient-masthead-expandable-search-expanded-example-masthead)"
1681
+ fill="url(#linearGradient-masthead-expandable-search-expanded-example-docked)"
1685
1682
  />
1686
1683
  <path
1687
1684
  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"
1688
- fill="url(#linearGradient-masthead-expandable-search-expanded-example-masthead)"
1685
+ fill="url(#linearGradient-masthead-expandable-search-expanded-example-docked)"
1689
1686
  transform="translate(77.282609, 46.369565) scale(1, -1) rotate(90.000000) translate(-77.282609, -46.369565) "
1690
1687
  />
1691
1688
  </g>
@@ -1697,7 +1694,7 @@ wrapperTag: div
1697
1694
  <div class="pf-v6-c-masthead__content">
1698
1695
  <div
1699
1696
  class="pf-v6-c-toolbar pf-m-static"
1700
- id="masthead-expandable-search-expanded-example-masthead-toolbar"
1697
+ id="masthead-expandable-search-expanded-example-docked-toolbar"
1701
1698
  >
1702
1699
  <div class="pf-v6-c-toolbar__content">
1703
1700
  <div class="pf-v6-c-toolbar__content-section">
@@ -1886,7 +1883,7 @@ wrapperTag: div
1886
1883
  </div>
1887
1884
  <header
1888
1885
  class="pf-v6-c-masthead"
1889
- id="masthead-advanced-with-menu-example-masthead"
1886
+ id="masthead-advanced-with-menu-example-docked"
1890
1887
  >
1891
1888
  <div class="pf-v6-c-masthead__main">
1892
1889
  <span class="pf-v6-c-masthead__toggle">
@@ -1929,7 +1926,7 @@ wrapperTag: div
1929
1926
  y1="2.25860997e-13%"
1930
1927
  x2="32%"
1931
1928
  y2="100%"
1932
- id="linearGradient-masthead-advanced-with-menu-example-masthead"
1929
+ id="linearGradient-masthead-advanced-with-menu-example-docked"
1933
1930
  >
1934
1931
  <stop stop-color="#2B9AF3" offset="0%" />
1935
1932
  <stop
@@ -1983,11 +1980,11 @@ wrapperTag: div
1983
1980
  />
1984
1981
  <path
1985
1982
  d="M158,3.43478261 L65.2608696,158 L138,158 C149.045695,158 158,149.045695 158,138 L158,3.43478261 L158,3.43478261 Z"
1986
- fill="url(#linearGradient-masthead-advanced-with-menu-example-masthead)"
1983
+ fill="url(#linearGradient-masthead-advanced-with-menu-example-docked)"
1987
1984
  />
1988
1985
  <path
1989
1986
  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"
1990
- fill="url(#linearGradient-masthead-advanced-with-menu-example-masthead)"
1987
+ fill="url(#linearGradient-masthead-advanced-with-menu-example-docked)"
1991
1988
  transform="translate(77.282609, 46.369565) scale(1, -1) rotate(90.000000) translate(-77.282609, -46.369565) "
1992
1989
  />
1993
1990
  </g>
@@ -1999,7 +1996,7 @@ wrapperTag: div
1999
1996
  <div class="pf-v6-c-masthead__content">
2000
1997
  <div
2001
1998
  class="pf-v6-c-toolbar pf-m-static"
2002
- id="masthead-advanced-with-menu-example-masthead-toolbar"
1999
+ id="masthead-advanced-with-menu-example-docked-toolbar"
2003
2000
  >
2004
2001
  <div class="pf-v6-c-toolbar__content">
2005
2002
  <div class="pf-v6-c-toolbar__content-section">
@@ -2208,7 +2205,7 @@ wrapperTag: div
2208
2205
  <span class="pf-v6-c-button__text">Skip to content</span>
2209
2206
  </a>
2210
2207
  </div>
2211
- <header class="pf-v6-c-masthead" id="masthead-horizontal-nav-masthead">
2208
+ <header class="pf-v6-c-masthead" id="masthead-horizontal-nav-docked">
2212
2209
  <div class="pf-v6-c-masthead__main">
2213
2210
  <div class="pf-v6-c-masthead__brand">
2214
2211
  <a class="pf-v6-c-masthead__logo" href="#">
@@ -2220,7 +2217,7 @@ wrapperTag: div
2220
2217
  y1="2.25860997e-13%"
2221
2218
  x2="32%"
2222
2219
  y2="100%"
2223
- id="linearGradient-masthead-horizontal-nav-masthead"
2220
+ id="linearGradient-masthead-horizontal-nav-docked"
2224
2221
  >
2225
2222
  <stop stop-color="#2B9AF3" offset="0%" />
2226
2223
  <stop
@@ -2274,11 +2271,11 @@ wrapperTag: div
2274
2271
  />
2275
2272
  <path
2276
2273
  d="M158,3.43478261 L65.2608696,158 L138,158 C149.045695,158 158,149.045695 158,138 L158,3.43478261 L158,3.43478261 Z"
2277
- fill="url(#linearGradient-masthead-horizontal-nav-masthead)"
2274
+ fill="url(#linearGradient-masthead-horizontal-nav-docked)"
2278
2275
  />
2279
2276
  <path
2280
2277
  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"
2281
- fill="url(#linearGradient-masthead-horizontal-nav-masthead)"
2278
+ fill="url(#linearGradient-masthead-horizontal-nav-docked)"
2282
2279
  transform="translate(77.282609, 46.369565) scale(1, -1) rotate(90.000000) translate(-77.282609, -46.369565) "
2283
2280
  />
2284
2281
  </g>
@@ -2290,7 +2287,7 @@ wrapperTag: div
2290
2287
  <div class="pf-v6-c-masthead__content">
2291
2288
  <div
2292
2289
  class="pf-v6-c-toolbar pf-m-static"
2293
- id="masthead-horizontal-nav-masthead-toolbar"
2290
+ id="masthead-horizontal-nav-docked-toolbar"
2294
2291
  >
2295
2292
  <div class="pf-v6-c-toolbar__content">
2296
2293
  <div class="pf-v6-c-toolbar__content-section">
@@ -2300,7 +2297,7 @@ wrapperTag: div
2300
2297
  >
2301
2298
  <nav
2302
2299
  class="pf-v6-c-nav pf-m-scrollable pf-m-horizontal"
2303
- id="masthead-horizontal-nav-masthead-horizontal-nav"
2300
+ id="masthead-horizontal-nav-docked-horizontal-nav"
2304
2301
  aria-label="Global"
2305
2302
  >
2306
2303
  <div class="pf-v6-c-nav__scroll-button">
@@ -2530,7 +2527,7 @@ wrapperTag: div
2530
2527
  </div>
2531
2528
  <header
2532
2529
  class="pf-v6-c-masthead"
2533
- id="masthead-toggle-group-filters-expanded-mobile-example-masthead"
2530
+ id="masthead-toggle-group-filters-expanded-mobile-example-docked"
2534
2531
  >
2535
2532
  <div class="pf-v6-c-masthead__main">
2536
2533
  <span class="pf-v6-c-masthead__toggle">
@@ -2573,7 +2570,7 @@ wrapperTag: div
2573
2570
  y1="2.25860997e-13%"
2574
2571
  x2="32%"
2575
2572
  y2="100%"
2576
- id="linearGradient-masthead-toggle-group-filters-expanded-mobile-example-masthead"
2573
+ id="linearGradient-masthead-toggle-group-filters-expanded-mobile-example-docked"
2577
2574
  >
2578
2575
  <stop stop-color="#2B9AF3" offset="0%" />
2579
2576
  <stop
@@ -2627,11 +2624,11 @@ wrapperTag: div
2627
2624
  />
2628
2625
  <path
2629
2626
  d="M158,3.43478261 L65.2608696,158 L138,158 C149.045695,158 158,149.045695 158,138 L158,3.43478261 L158,3.43478261 Z"
2630
- fill="url(#linearGradient-masthead-toggle-group-filters-expanded-mobile-example-masthead)"
2627
+ fill="url(#linearGradient-masthead-toggle-group-filters-expanded-mobile-example-docked)"
2631
2628
  />
2632
2629
  <path
2633
2630
  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"
2634
- fill="url(#linearGradient-masthead-toggle-group-filters-expanded-mobile-example-masthead)"
2631
+ fill="url(#linearGradient-masthead-toggle-group-filters-expanded-mobile-example-docked)"
2635
2632
  transform="translate(77.282609, 46.369565) scale(1, -1) rotate(90.000000) translate(-77.282609, -46.369565) "
2636
2633
  />
2637
2634
  </g>
@@ -2643,7 +2640,7 @@ wrapperTag: div
2643
2640
  <div class="pf-v6-c-masthead__content">
2644
2641
  <div
2645
2642
  class="pf-v6-c-toolbar pf-m-static"
2646
- id="masthead-toggle-group-filters-expanded-mobile-example-masthead-toolbar"
2643
+ id="masthead-toggle-group-filters-expanded-mobile-example-docked-toolbar"
2647
2644
  >
2648
2645
  <div class="pf-v6-c-toolbar__content">
2649
2646
  <div class="pf-v6-c-toolbar__content-section">
@@ -2656,7 +2653,7 @@ wrapperTag: div
2656
2653
  type="button"
2657
2654
  aria-expanded="false"
2658
2655
  aria-label="Show filters"
2659
- aria-controls="masthead-toggle-group-filters-expanded-mobile-example-masthead-toolbar-expandable-content"
2656
+ aria-controls="masthead-toggle-group-filters-expanded-mobile-example-docked-toolbar-expandable-content"
2660
2657
  >
2661
2658
  <span class="pf-v6-c-menu-toggle__icon">
2662
2659
  <i class="fas fa-filter" aria-hidden="true"></i>
@@ -2681,7 +2678,7 @@ wrapperTag: div
2681
2678
 
2682
2679
  <div
2683
2680
  class="pf-v6-c-toolbar__expandable-content pf-m-expanded"
2684
- id="masthead-toggle-group-filters-expanded-mobile-example-masthead-toolbar-expandable-content"
2681
+ id="masthead-toggle-group-filters-expanded-mobile-example-docked-toolbar-expandable-content"
2685
2682
  >
2686
2683
  <div class="pf-v6-c-toolbar__item pf-m-search-filter">
2687
2684
  <div
@@ -2694,7 +2691,7 @@ wrapperTag: div
2694
2691
  class="pf-v6-c-menu-toggle"
2695
2692
  type="button"
2696
2693
  aria-expanded="false"
2697
- id="masthead-toggle-group-filters-expanded-mobile-example-masthead-toolbar-search-filter-menu"
2694
+ id="masthead-toggle-group-filters-expanded-mobile-example-docked-toolbar-search-filter-menu"
2698
2695
  >
2699
2696
  <span class="pf-v6-c-menu-toggle__icon">
2700
2697
  <i class="fas fa-filter" aria-hidden="true"></i>