@patternfly/patternfly 6.5.0-prerelease.31 → 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 (44) hide show
  1. package/components/Compass/compass.css +14 -4
  2. package/components/Compass/compass.scss +16 -4
  3. package/components/Masthead/masthead.css +40 -0
  4. package/components/Masthead/masthead.scss +47 -0
  5. package/components/Nav/nav.css +55 -0
  6. package/components/Nav/nav.scss +70 -3
  7. package/components/Page/page.css +20 -0
  8. package/components/Page/page.scss +27 -0
  9. package/components/Toolbar/toolbar.css +32 -6
  10. package/components/Toolbar/toolbar.scss +28 -4
  11. package/components/_index.css +161 -10
  12. package/docs/components/Compass/examples/Compass.css +8 -2
  13. package/docs/components/Compass/examples/Compass.md +22 -1
  14. package/docs/components/Masthead/examples/masthead.md +67 -0
  15. package/docs/components/Nav/examples/Navigation.md +44 -0
  16. package/docs/components/Page/examples/Page.md +37 -0
  17. package/docs/components/Toolbar/examples/Toolbar.md +28 -0
  18. package/docs/demos/AboutModal/examples/AboutModal.md +5 -5
  19. package/docs/demos/Alert/examples/Alert.md +15 -15
  20. package/docs/demos/BackToTop/examples/BackToTop.md +5 -5
  21. package/docs/demos/Banner/examples/Banner.md +10 -10
  22. package/docs/demos/CardView/examples/CardView.md +5 -5
  23. package/docs/demos/Compass/examples/Compass.md +208 -0
  24. package/docs/demos/Dashboard/examples/Dashboard.md +5 -5
  25. package/docs/demos/DataList/examples/DataList.md +20 -23
  26. package/docs/demos/DescriptionList/examples/DescriptionList.md +15 -15
  27. package/docs/demos/Drawer/examples/Drawer.md +25 -25
  28. package/docs/demos/JumpLinks/examples/JumpLinks.md +30 -30
  29. package/docs/demos/Masthead/examples/Masthead.md +55 -58
  30. package/docs/demos/Modal/examples/Modal.md +30 -33
  31. package/docs/demos/Nav/examples/Nav.md +299 -62
  32. package/docs/demos/NotificationDrawer/examples/NotificationDrawer.md +25 -25
  33. package/docs/demos/Page/examples/Page.md +70 -79
  34. package/docs/demos/PrimaryDetail/examples/PrimaryDetail.md +35 -35
  35. package/docs/demos/Skeleton/examples/Skeleton.md +5 -5
  36. package/docs/demos/Table/examples/Table.md +75 -78
  37. package/docs/demos/Tabs/examples/Tabs.md +30 -30
  38. package/docs/demos/Toolbar/examples/Toolbar.md +10 -10
  39. package/docs/demos/Wizard/examples/Wizard.md +45 -48
  40. package/package.json +1 -1
  41. package/patternfly-no-globals.css +161 -10
  42. package/patternfly.css +161 -10
  43. package/patternfly.min.css +1 -1
  44. package/patternfly.min.css.map +1 -1
package/docs/demos/Drawer/examples/Drawer.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="drawer-collapsed-example-masthead">
19
+ <header class="pf-v6-c-masthead" id="drawer-collapsed-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-drawer-collapsed-example-masthead"
61
+ id="linearGradient-drawer-collapsed-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-drawer-collapsed-example-masthead)"
115
+ fill="url(#linearGradient-drawer-collapsed-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-drawer-collapsed-example-masthead)"
119
+ fill="url(#linearGradient-drawer-collapsed-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="drawer-collapsed-example-masthead-toolbar"
131
+ id="drawer-collapsed-example-docked-toolbar"
132
132
  >
133
133
  <div class="pf-v6-c-toolbar__content">
134
134
  <div class="pf-v6-c-toolbar__content-section">
@@ -511,7 +511,7 @@ wrapperTag: div
511
511
  <span class="pf-v6-c-button__text">Skip to content</span>
512
512
  </a>
513
513
  </div>
514
- <header class="pf-v6-c-masthead" id="drawer-expanded-example-masthead">
514
+ <header class="pf-v6-c-masthead" id="drawer-expanded-example-docked">
515
515
  <div class="pf-v6-c-masthead__main">
516
516
  <span class="pf-v6-c-masthead__toggle">
517
517
  <button
@@ -553,7 +553,7 @@ wrapperTag: div
553
553
  y1="2.25860997e-13%"
554
554
  x2="32%"
555
555
  y2="100%"
556
- id="linearGradient-drawer-expanded-example-masthead"
556
+ id="linearGradient-drawer-expanded-example-docked"
557
557
  >
558
558
  <stop stop-color="#2B9AF3" offset="0%" />
559
559
  <stop
@@ -607,11 +607,11 @@ wrapperTag: div
607
607
  />
608
608
  <path
609
609
  d="M158,3.43478261 L65.2608696,158 L138,158 C149.045695,158 158,149.045695 158,138 L158,3.43478261 L158,3.43478261 Z"
610
- fill="url(#linearGradient-drawer-expanded-example-masthead)"
610
+ fill="url(#linearGradient-drawer-expanded-example-docked)"
611
611
  />
612
612
  <path
613
613
  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"
614
- fill="url(#linearGradient-drawer-expanded-example-masthead)"
614
+ fill="url(#linearGradient-drawer-expanded-example-docked)"
615
615
  transform="translate(77.282609, 46.369565) scale(1, -1) rotate(90.000000) translate(-77.282609, -46.369565) "
616
616
  />
617
617
  </g>
@@ -623,7 +623,7 @@ wrapperTag: div
623
623
  <div class="pf-v6-c-masthead__content">
624
624
  <div
625
625
  class="pf-v6-c-toolbar pf-m-static"
626
- id="drawer-expanded-example-masthead-toolbar"
626
+ id="drawer-expanded-example-docked-toolbar"
627
627
  >
628
628
  <div class="pf-v6-c-toolbar__content">
629
629
  <div class="pf-v6-c-toolbar__content-section">
@@ -854,7 +854,7 @@ wrapperTag: div
854
854
  <span class="pf-v6-c-button__text">Skip to content</span>
855
855
  </a>
856
856
  </div>
857
- <header class="pf-v6-c-masthead" id="drawer-expanded-bottom-example-masthead">
857
+ <header class="pf-v6-c-masthead" id="drawer-expanded-bottom-example-docked">
858
858
  <div class="pf-v6-c-masthead__main">
859
859
  <span class="pf-v6-c-masthead__toggle">
860
860
  <button
@@ -896,7 +896,7 @@ wrapperTag: div
896
896
  y1="2.25860997e-13%"
897
897
  x2="32%"
898
898
  y2="100%"
899
- id="linearGradient-drawer-expanded-bottom-example-masthead"
899
+ id="linearGradient-drawer-expanded-bottom-example-docked"
900
900
  >
901
901
  <stop stop-color="#2B9AF3" offset="0%" />
902
902
  <stop
@@ -950,11 +950,11 @@ wrapperTag: div
950
950
  />
951
951
  <path
952
952
  d="M158,3.43478261 L65.2608696,158 L138,158 C149.045695,158 158,149.045695 158,138 L158,3.43478261 L158,3.43478261 Z"
953
- fill="url(#linearGradient-drawer-expanded-bottom-example-masthead)"
953
+ fill="url(#linearGradient-drawer-expanded-bottom-example-docked)"
954
954
  />
955
955
  <path
956
956
  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"
957
- fill="url(#linearGradient-drawer-expanded-bottom-example-masthead)"
957
+ fill="url(#linearGradient-drawer-expanded-bottom-example-docked)"
958
958
  transform="translate(77.282609, 46.369565) scale(1, -1) rotate(90.000000) translate(-77.282609, -46.369565) "
959
959
  />
960
960
  </g>
@@ -966,7 +966,7 @@ wrapperTag: div
966
966
  <div class="pf-v6-c-masthead__content">
967
967
  <div
968
968
  class="pf-v6-c-toolbar pf-m-static"
969
- id="drawer-expanded-bottom-example-masthead-toolbar"
969
+ id="drawer-expanded-bottom-example-docked-toolbar"
970
970
  >
971
971
  <div class="pf-v6-c-toolbar__content">
972
972
  <div class="pf-v6-c-toolbar__content-section">
@@ -1197,7 +1197,7 @@ wrapperTag: div
1197
1197
  <span class="pf-v6-c-button__text">Skip to content</span>
1198
1198
  </a>
1199
1199
  </div>
1200
- <header class="pf-v6-c-masthead" id="drawer-jump-links-masthead">
1200
+ <header class="pf-v6-c-masthead" id="drawer-jump-links-docked">
1201
1201
  <div class="pf-v6-c-masthead__main">
1202
1202
  <span class="pf-v6-c-masthead__toggle">
1203
1203
  <button
@@ -1239,7 +1239,7 @@ wrapperTag: div
1239
1239
  y1="2.25860997e-13%"
1240
1240
  x2="32%"
1241
1241
  y2="100%"
1242
- id="linearGradient-drawer-jump-links-masthead"
1242
+ id="linearGradient-drawer-jump-links-docked"
1243
1243
  >
1244
1244
  <stop stop-color="#2B9AF3" offset="0%" />
1245
1245
  <stop
@@ -1293,11 +1293,11 @@ wrapperTag: div
1293
1293
  />
1294
1294
  <path
1295
1295
  d="M158,3.43478261 L65.2608696,158 L138,158 C149.045695,158 158,149.045695 158,138 L158,3.43478261 L158,3.43478261 Z"
1296
- fill="url(#linearGradient-drawer-jump-links-masthead)"
1296
+ fill="url(#linearGradient-drawer-jump-links-docked)"
1297
1297
  />
1298
1298
  <path
1299
1299
  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"
1300
- fill="url(#linearGradient-drawer-jump-links-masthead)"
1300
+ fill="url(#linearGradient-drawer-jump-links-docked)"
1301
1301
  transform="translate(77.282609, 46.369565) scale(1, -1) rotate(90.000000) translate(-77.282609, -46.369565) "
1302
1302
  />
1303
1303
  </g>
@@ -1309,7 +1309,7 @@ wrapperTag: div
1309
1309
  <div class="pf-v6-c-masthead__content">
1310
1310
  <div
1311
1311
  class="pf-v6-c-toolbar pf-m-static"
1312
- id="drawer-jump-links-masthead-toolbar"
1312
+ id="drawer-jump-links-docked-toolbar"
1313
1313
  >
1314
1314
  <div class="pf-v6-c-toolbar__content">
1315
1315
  <div class="pf-v6-c-toolbar__content-section">
@@ -1619,7 +1619,7 @@ wrapperTag: div
1619
1619
  <span class="pf-v6-c-button__text">Skip to content</span>
1620
1620
  </a>
1621
1621
  </div>
1622
- <header class="pf-v6-c-masthead" id="drawer-expanded-jump-links-masthead">
1622
+ <header class="pf-v6-c-masthead" id="drawer-expanded-jump-links-docked">
1623
1623
  <div class="pf-v6-c-masthead__main">
1624
1624
  <span class="pf-v6-c-masthead__toggle">
1625
1625
  <button
@@ -1661,7 +1661,7 @@ wrapperTag: div
1661
1661
  y1="2.25860997e-13%"
1662
1662
  x2="32%"
1663
1663
  y2="100%"
1664
- id="linearGradient-drawer-expanded-jump-links-masthead"
1664
+ id="linearGradient-drawer-expanded-jump-links-docked"
1665
1665
  >
1666
1666
  <stop stop-color="#2B9AF3" offset="0%" />
1667
1667
  <stop
@@ -1715,11 +1715,11 @@ wrapperTag: div
1715
1715
  />
1716
1716
  <path
1717
1717
  d="M158,3.43478261 L65.2608696,158 L138,158 C149.045695,158 158,149.045695 158,138 L158,3.43478261 L158,3.43478261 Z"
1718
- fill="url(#linearGradient-drawer-expanded-jump-links-masthead)"
1718
+ fill="url(#linearGradient-drawer-expanded-jump-links-docked)"
1719
1719
  />
1720
1720
  <path
1721
1721
  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"
1722
- fill="url(#linearGradient-drawer-expanded-jump-links-masthead)"
1722
+ fill="url(#linearGradient-drawer-expanded-jump-links-docked)"
1723
1723
  transform="translate(77.282609, 46.369565) scale(1, -1) rotate(90.000000) translate(-77.282609, -46.369565) "
1724
1724
  />
1725
1725
  </g>
@@ -1731,7 +1731,7 @@ wrapperTag: div
1731
1731
  <div class="pf-v6-c-masthead__content">
1732
1732
  <div
1733
1733
  class="pf-v6-c-toolbar pf-m-static"
1734
- id="drawer-expanded-jump-links-masthead-toolbar"
1734
+ id="drawer-expanded-jump-links-docked-toolbar"
1735
1735
  >
1736
1736
  <div class="pf-v6-c-toolbar__content">
1737
1737
  <div class="pf-v6-c-toolbar__content-section">
package/docs/demos/JumpLinks/examples/JumpLinks.md CHANGED
@@ -17,7 +17,7 @@ section: components
17
17
  </div>
18
18
  <header
19
19
  class="pf-v6-c-masthead"
20
- id="jump-links-collapsed-mobile-example-masthead"
20
+ id="jump-links-collapsed-mobile-example-docked"
21
21
  >
22
22
  <div class="pf-v6-c-masthead__main">
23
23
  <span class="pf-v6-c-masthead__toggle">
@@ -60,7 +60,7 @@ section: components
60
60
  y1="2.25860997e-13%"
61
61
  x2="32%"
62
62
  y2="100%"
63
- id="linearGradient-jump-links-collapsed-mobile-example-masthead"
63
+ id="linearGradient-jump-links-collapsed-mobile-example-docked"
64
64
  >
65
65
  <stop stop-color="#2B9AF3" offset="0%" />
66
66
  <stop
@@ -114,11 +114,11 @@ section: components
114
114
  />
115
115
  <path
116
116
  d="M158,3.43478261 L65.2608696,158 L138,158 C149.045695,158 158,149.045695 158,138 L158,3.43478261 L158,3.43478261 Z"
117
- fill="url(#linearGradient-jump-links-collapsed-mobile-example-masthead)"
117
+ fill="url(#linearGradient-jump-links-collapsed-mobile-example-docked)"
118
118
  />
119
119
  <path
120
120
  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"
121
- fill="url(#linearGradient-jump-links-collapsed-mobile-example-masthead)"
121
+ fill="url(#linearGradient-jump-links-collapsed-mobile-example-docked)"
122
122
  transform="translate(77.282609, 46.369565) scale(1, -1) rotate(90.000000) translate(-77.282609, -46.369565) "
123
123
  />
124
124
  </g>
@@ -130,7 +130,7 @@ section: components
130
130
  <div class="pf-v6-c-masthead__content">
131
131
  <div
132
132
  class="pf-v6-c-toolbar pf-m-static"
133
- id="jump-links-collapsed-mobile-example-masthead-toolbar"
133
+ id="jump-links-collapsed-mobile-example-docked-toolbar"
134
134
  >
135
135
  <div class="pf-v6-c-toolbar__content">
136
136
  <div class="pf-v6-c-toolbar__content-section">
@@ -451,7 +451,7 @@ section: components
451
451
  </div>
452
452
  <header
453
453
  class="pf-v6-c-masthead"
454
- id="jump-links-vertical-expanded-mobile-example-masthead"
454
+ id="jump-links-vertical-expanded-mobile-example-docked"
455
455
  >
456
456
  <div class="pf-v6-c-masthead__main">
457
457
  <span class="pf-v6-c-masthead__toggle">
@@ -494,7 +494,7 @@ section: components
494
494
  y1="2.25860997e-13%"
495
495
  x2="32%"
496
496
  y2="100%"
497
- id="linearGradient-jump-links-vertical-expanded-mobile-example-masthead"
497
+ id="linearGradient-jump-links-vertical-expanded-mobile-example-docked"
498
498
  >
499
499
  <stop stop-color="#2B9AF3" offset="0%" />
500
500
  <stop
@@ -548,11 +548,11 @@ section: components
548
548
  />
549
549
  <path
550
550
  d="M158,3.43478261 L65.2608696,158 L138,158 C149.045695,158 158,149.045695 158,138 L158,3.43478261 L158,3.43478261 Z"
551
- fill="url(#linearGradient-jump-links-vertical-expanded-mobile-example-masthead)"
551
+ fill="url(#linearGradient-jump-links-vertical-expanded-mobile-example-docked)"
552
552
  />
553
553
  <path
554
554
  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"
555
- fill="url(#linearGradient-jump-links-vertical-expanded-mobile-example-masthead)"
555
+ fill="url(#linearGradient-jump-links-vertical-expanded-mobile-example-docked)"
556
556
  transform="translate(77.282609, 46.369565) scale(1, -1) rotate(90.000000) translate(-77.282609, -46.369565) "
557
557
  />
558
558
  </g>
@@ -564,7 +564,7 @@ section: components
564
564
  <div class="pf-v6-c-masthead__content">
565
565
  <div
566
566
  class="pf-v6-c-toolbar pf-m-static"
567
- id="jump-links-vertical-expanded-mobile-example-masthead-toolbar"
567
+ id="jump-links-vertical-expanded-mobile-example-docked-toolbar"
568
568
  >
569
569
  <div class="pf-v6-c-toolbar__content">
570
570
  <div class="pf-v6-c-toolbar__content-section">
@@ -885,7 +885,7 @@ section: components
885
885
  </div>
886
886
  <header
887
887
  class="pf-v6-c-masthead"
888
- id="jump-links-vertical-toggle-text-mobile-example-masthead"
888
+ id="jump-links-vertical-toggle-text-mobile-example-docked"
889
889
  >
890
890
  <div class="pf-v6-c-masthead__main">
891
891
  <span class="pf-v6-c-masthead__toggle">
@@ -928,7 +928,7 @@ section: components
928
928
  y1="2.25860997e-13%"
929
929
  x2="32%"
930
930
  y2="100%"
931
- id="linearGradient-jump-links-vertical-toggle-text-mobile-example-masthead"
931
+ id="linearGradient-jump-links-vertical-toggle-text-mobile-example-docked"
932
932
  >
933
933
  <stop stop-color="#2B9AF3" offset="0%" />
934
934
  <stop
@@ -982,11 +982,11 @@ section: components
982
982
  />
983
983
  <path
984
984
  d="M158,3.43478261 L65.2608696,158 L138,158 C149.045695,158 158,149.045695 158,138 L158,3.43478261 L158,3.43478261 Z"
985
- fill="url(#linearGradient-jump-links-vertical-toggle-text-mobile-example-masthead)"
985
+ fill="url(#linearGradient-jump-links-vertical-toggle-text-mobile-example-docked)"
986
986
  />
987
987
  <path
988
988
  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"
989
- fill="url(#linearGradient-jump-links-vertical-toggle-text-mobile-example-masthead)"
989
+ fill="url(#linearGradient-jump-links-vertical-toggle-text-mobile-example-docked)"
990
990
  transform="translate(77.282609, 46.369565) scale(1, -1) rotate(90.000000) translate(-77.282609, -46.369565) "
991
991
  />
992
992
  </g>
@@ -998,7 +998,7 @@ section: components
998
998
  <div class="pf-v6-c-masthead__content">
999
999
  <div
1000
1000
  class="pf-v6-c-toolbar pf-m-static"
1001
- id="jump-links-vertical-toggle-text-mobile-example-masthead-toolbar"
1001
+ id="jump-links-vertical-toggle-text-mobile-example-docked-toolbar"
1002
1002
  >
1003
1003
  <div class="pf-v6-c-toolbar__content">
1004
1004
  <div class="pf-v6-c-toolbar__content-section">
@@ -1317,7 +1317,7 @@ section: components
1317
1317
  <span class="pf-v6-c-button__text">Skip to content</span>
1318
1318
  </a>
1319
1319
  </div>
1320
- <header class="pf-v6-c-masthead" id="jump-links-horizontal-example-masthead">
1320
+ <header class="pf-v6-c-masthead" id="jump-links-horizontal-example-docked">
1321
1321
  <div class="pf-v6-c-masthead__main">
1322
1322
  <span class="pf-v6-c-masthead__toggle">
1323
1323
  <button
@@ -1359,7 +1359,7 @@ section: components
1359
1359
  y1="2.25860997e-13%"
1360
1360
  x2="32%"
1361
1361
  y2="100%"
1362
- id="linearGradient-jump-links-horizontal-example-masthead"
1362
+ id="linearGradient-jump-links-horizontal-example-docked"
1363
1363
  >
1364
1364
  <stop stop-color="#2B9AF3" offset="0%" />
1365
1365
  <stop
@@ -1413,11 +1413,11 @@ section: components
1413
1413
  />
1414
1414
  <path
1415
1415
  d="M158,3.43478261 L65.2608696,158 L138,158 C149.045695,158 158,149.045695 158,138 L158,3.43478261 L158,3.43478261 Z"
1416
- fill="url(#linearGradient-jump-links-horizontal-example-masthead)"
1416
+ fill="url(#linearGradient-jump-links-horizontal-example-docked)"
1417
1417
  />
1418
1418
  <path
1419
1419
  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"
1420
- fill="url(#linearGradient-jump-links-horizontal-example-masthead)"
1420
+ fill="url(#linearGradient-jump-links-horizontal-example-docked)"
1421
1421
  transform="translate(77.282609, 46.369565) scale(1, -1) rotate(90.000000) translate(-77.282609, -46.369565) "
1422
1422
  />
1423
1423
  </g>
@@ -1429,7 +1429,7 @@ section: components
1429
1429
  <div class="pf-v6-c-masthead__content">
1430
1430
  <div
1431
1431
  class="pf-v6-c-toolbar pf-m-static"
1432
- id="jump-links-horizontal-example-masthead-toolbar"
1432
+ id="jump-links-horizontal-example-docked-toolbar"
1433
1433
  >
1434
1434
  <div class="pf-v6-c-toolbar__content">
1435
1435
  <div class="pf-v6-c-toolbar__content-section">
@@ -1694,7 +1694,7 @@ section: components
1694
1694
  <span class="pf-v6-c-button__text">Skip to content</span>
1695
1695
  </a>
1696
1696
  </div>
1697
- <header class="pf-v6-c-masthead" id="jump-links-drawer-masthead">
1697
+ <header class="pf-v6-c-masthead" id="jump-links-drawer-docked">
1698
1698
  <div class="pf-v6-c-masthead__main">
1699
1699
  <span class="pf-v6-c-masthead__toggle">
1700
1700
  <button
@@ -1736,7 +1736,7 @@ section: components
1736
1736
  y1="2.25860997e-13%"
1737
1737
  x2="32%"
1738
1738
  y2="100%"
1739
- id="linearGradient-jump-links-drawer-masthead"
1739
+ id="linearGradient-jump-links-drawer-docked"
1740
1740
  >
1741
1741
  <stop stop-color="#2B9AF3" offset="0%" />
1742
1742
  <stop
@@ -1790,11 +1790,11 @@ section: components
1790
1790
  />
1791
1791
  <path
1792
1792
  d="M158,3.43478261 L65.2608696,158 L138,158 C149.045695,158 158,149.045695 158,138 L158,3.43478261 L158,3.43478261 Z"
1793
- fill="url(#linearGradient-jump-links-drawer-masthead)"
1793
+ fill="url(#linearGradient-jump-links-drawer-docked)"
1794
1794
  />
1795
1795
  <path
1796
1796
  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"
1797
- fill="url(#linearGradient-jump-links-drawer-masthead)"
1797
+ fill="url(#linearGradient-jump-links-drawer-docked)"
1798
1798
  transform="translate(77.282609, 46.369565) scale(1, -1) rotate(90.000000) translate(-77.282609, -46.369565) "
1799
1799
  />
1800
1800
  </g>
@@ -1806,7 +1806,7 @@ section: components
1806
1806
  <div class="pf-v6-c-masthead__content">
1807
1807
  <div
1808
1808
  class="pf-v6-c-toolbar pf-m-static"
1809
- id="jump-links-drawer-masthead-toolbar"
1809
+ id="jump-links-drawer-docked-toolbar"
1810
1810
  >
1811
1811
  <div class="pf-v6-c-toolbar__content">
1812
1812
  <div class="pf-v6-c-toolbar__content-section">
@@ -2116,7 +2116,7 @@ section: components
2116
2116
  <span class="pf-v6-c-button__text">Skip to content</span>
2117
2117
  </a>
2118
2118
  </div>
2119
- <header class="pf-v6-c-masthead" id="jump-links-drawer-expanded-masthead">
2119
+ <header class="pf-v6-c-masthead" id="jump-links-drawer-expanded-docked">
2120
2120
  <div class="pf-v6-c-masthead__main">
2121
2121
  <span class="pf-v6-c-masthead__toggle">
2122
2122
  <button
@@ -2158,7 +2158,7 @@ section: components
2158
2158
  y1="2.25860997e-13%"
2159
2159
  x2="32%"
2160
2160
  y2="100%"
2161
- id="linearGradient-jump-links-drawer-expanded-masthead"
2161
+ id="linearGradient-jump-links-drawer-expanded-docked"
2162
2162
  >
2163
2163
  <stop stop-color="#2B9AF3" offset="0%" />
2164
2164
  <stop
@@ -2212,11 +2212,11 @@ section: components
2212
2212
  />
2213
2213
  <path
2214
2214
  d="M158,3.43478261 L65.2608696,158 L138,158 C149.045695,158 158,149.045695 158,138 L158,3.43478261 L158,3.43478261 Z"
2215
- fill="url(#linearGradient-jump-links-drawer-expanded-masthead)"
2215
+ fill="url(#linearGradient-jump-links-drawer-expanded-docked)"
2216
2216
  />
2217
2217
  <path
2218
2218
  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"
2219
- fill="url(#linearGradient-jump-links-drawer-expanded-masthead)"
2219
+ fill="url(#linearGradient-jump-links-drawer-expanded-docked)"
2220
2220
  transform="translate(77.282609, 46.369565) scale(1, -1) rotate(90.000000) translate(-77.282609, -46.369565) "
2221
2221
  />
2222
2222
  </g>
@@ -2228,7 +2228,7 @@ section: components
2228
2228
  <div class="pf-v6-c-masthead__content">
2229
2229
  <div
2230
2230
  class="pf-v6-c-toolbar pf-m-static"
2231
- id="jump-links-drawer-expanded-masthead-toolbar"
2231
+ id="jump-links-drawer-expanded-docked-toolbar"
2232
2232
  >
2233
2233
  <div class="pf-v6-c-toolbar__content">
2234
2234
  <div class="pf-v6-c-toolbar__content-section">