@patternfly/patternfly 6.5.0-prerelease.54 → 6.5.0-prerelease.56

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 (85) hide show
  1. package/assets/images/compass--hero-bg.png +0 -0
  2. package/assets/images/compass--wallpaper-dark.jpg +0 -0
  3. package/assets/images/compass--wallpaper-light.jpg +0 -0
  4. package/assets/images/glass-brand-dark.jpg +0 -0
  5. package/assets/images/glass-brand-dark.png +0 -0
  6. package/assets/images/glass-brand-light.jpg +0 -0
  7. package/assets/images/glass-brand-light.png +0 -0
  8. package/base/patternfly-variables.css +772 -690
  9. package/base/patternfly-variables.scss +23 -21
  10. package/base/tokens/tokens-dark.scss +18 -18
  11. package/base/tokens/tokens-default.scss +18 -17
  12. package/base/tokens/tokens-glass-dark.scss +21 -4
  13. package/base/tokens/tokens-glass.scss +17 -4
  14. package/base/tokens/tokens-local.scss +4 -3
  15. package/base/tokens/tokens-palette.scss +1 -1
  16. package/base/tokens/tokens-redhat-dark.scss +9 -2
  17. package/base/tokens/tokens-redhat-glass-dark.scss +28 -4
  18. package/base/tokens/tokens-redhat-glass.scss +19 -4
  19. package/base/tokens/tokens-redhat-highcontrast-dark.scss +7 -4
  20. package/base/tokens/tokens-redhat-highcontrast.scss +4 -3
  21. package/base/tokens/tokens-redhat.scss +1 -1
  22. package/components/Accordion/accordion.css +10 -0
  23. package/components/Accordion/accordion.scss +11 -0
  24. package/components/Button/button.css +2 -16
  25. package/components/Button/button.scss +3 -17
  26. package/components/Card/card.css +13 -0
  27. package/components/Card/card.scss +20 -0
  28. package/components/Compass/compass.css +6 -6
  29. package/components/Compass/compass.scss +6 -6
  30. package/components/DataList/data-list.css +1 -1
  31. package/components/DataList/data-list.scss +1 -0
  32. package/components/Drawer/drawer.css +11 -6
  33. package/components/Drawer/drawer.scss +24 -11
  34. package/components/Login/login.css +7 -3
  35. package/components/Login/login.scss +7 -3
  36. package/components/Masthead/masthead.css +11 -3
  37. package/components/Masthead/masthead.scss +14 -4
  38. package/components/MenuToggle/menu-toggle.css +1 -2
  39. package/components/MenuToggle/menu-toggle.scss +2 -3
  40. package/components/Nav/nav.scss +1 -1
  41. package/components/Page/page.css +115 -8
  42. package/components/Page/page.scss +123 -11
  43. package/components/Panel/panel.css +14 -0
  44. package/components/Panel/panel.scss +18 -0
  45. package/components/Table/table-grid.css +4 -4
  46. package/components/Table/table-grid.scss +4 -4
  47. package/components/Table/table.css +12 -7
  48. package/components/Table/table.scss +13 -9
  49. package/components/_index.css +207 -56
  50. package/docs/components/Accordion/examples/Accordion.md +1 -0
  51. package/docs/components/Card/examples/Card.md +1 -0
  52. package/docs/components/DragDrop/examples/DragDrop.css +1 -1
  53. package/docs/components/Page/examples/Page.md +47 -37
  54. package/docs/components/Panel/examples/Panel.md +12 -0
  55. package/docs/demos/AboutModal/examples/AboutModal.md +40 -38
  56. package/docs/demos/Alert/examples/Alert.md +120 -114
  57. package/docs/demos/BackToTop/examples/BackToTop.md +40 -38
  58. package/docs/demos/Banner/examples/Banner.md +80 -76
  59. package/docs/demos/CardView/examples/CardView.md +297 -271
  60. package/docs/demos/Compass/examples/Compass.md +1409 -2732
  61. package/docs/demos/Dashboard/examples/Dashboard.md +40 -38
  62. package/docs/demos/DataList/examples/DataList.md +160 -152
  63. package/docs/demos/DescriptionList/examples/DescriptionList.md +120 -114
  64. package/docs/demos/Drawer/examples/Drawer.md +200 -190
  65. package/docs/demos/JumpLinks/examples/JumpLinks.md +240 -228
  66. package/docs/demos/Masthead/examples/Masthead.md +320 -304
  67. package/docs/demos/Modal/examples/Modal.md +240 -228
  68. package/docs/demos/Nav/examples/Nav.md +2302 -600
  69. package/docs/demos/NotificationDrawer/examples/NotificationDrawer.md +180 -170
  70. package/docs/demos/Page/examples/Page.md +606 -568
  71. package/docs/demos/PrimaryDetail/examples/PrimaryDetail.md +280 -266
  72. package/docs/demos/Skeleton/examples/Skeleton.md +40 -38
  73. package/docs/demos/Table/examples/Table.md +640 -604
  74. package/docs/demos/Tabs/examples/Tabs.md +240 -228
  75. package/docs/demos/Toolbar/examples/Toolbar.md +80 -76
  76. package/docs/demos/Wizard/examples/Wizard.md +360 -342
  77. package/package.json +2 -2
  78. package/patternfly-base-no-globals.css +772 -690
  79. package/patternfly-base.css +772 -690
  80. package/patternfly-no-globals.css +931 -681
  81. package/patternfly.css +931 -681
  82. package/patternfly.min.css +1 -1
  83. package/patternfly.min.css.map +1 -1
  84. package/patternfly.scss +27 -0
  85. package/sass-utilities/scss-variables.scss +1 -1
package/docs/demos/JumpLinks/examples/JumpLinks.md CHANGED
@@ -198,44 +198,46 @@ section: components
198
198
  </div>
199
199
  </header>
200
200
  <div class="pf-v6-c-page__sidebar">
201
- <div class="pf-v6-c-page__sidebar-body">
202
- <nav
203
- class="pf-v6-c-nav"
204
- id="jump-links-collapsed-mobile-example-primary-nav"
205
- aria-label="Global"
206
- >
207
- <ul class="pf-v6-c-nav__list" role="list">
208
- <li class="pf-v6-c-nav__item">
209
- <a href="#" class="pf-v6-c-nav__link">
210
- <span class="pf-v6-c-nav__link-text">System panel</span>
211
- </a>
212
- </li>
213
- <li class="pf-v6-c-nav__item">
214
- <a
215
- href="#"
216
- class="pf-v6-c-nav__link pf-m-current"
217
- aria-current="page"
218
- >
219
- <span class="pf-v6-c-nav__link-text">Policy</span>
220
- </a>
221
- </li>
222
- <li class="pf-v6-c-nav__item">
223
- <a href="#" class="pf-v6-c-nav__link">
224
- <span class="pf-v6-c-nav__link-text">Authentication</span>
225
- </a>
226
- </li>
227
- <li class="pf-v6-c-nav__item">
228
- <a href="#" class="pf-v6-c-nav__link">
229
- <span class="pf-v6-c-nav__link-text">Network services</span>
230
- </a>
231
- </li>
232
- <li class="pf-v6-c-nav__item">
233
- <a href="#" class="pf-v6-c-nav__link">
234
- <span class="pf-v6-c-nav__link-text">Server</span>
235
- </a>
236
- </li>
237
- </ul>
238
- </nav>
201
+ <div class="pf-v6-c-page__sidebar-main">
202
+ <div class="pf-v6-c-page__sidebar-body">
203
+ <nav
204
+ class="pf-v6-c-nav"
205
+ id="jump-links-collapsed-mobile-example-primary-nav"
206
+ aria-label="Global"
207
+ >
208
+ <ul class="pf-v6-c-nav__list" role="list">
209
+ <li class="pf-v6-c-nav__item">
210
+ <a href="#" class="pf-v6-c-nav__link">
211
+ <span class="pf-v6-c-nav__link-text">System panel</span>
212
+ </a>
213
+ </li>
214
+ <li class="pf-v6-c-nav__item">
215
+ <a
216
+ href="#"
217
+ class="pf-v6-c-nav__link pf-m-current"
218
+ aria-current="page"
219
+ >
220
+ <span class="pf-v6-c-nav__link-text">Policy</span>
221
+ </a>
222
+ </li>
223
+ <li class="pf-v6-c-nav__item">
224
+ <a href="#" class="pf-v6-c-nav__link">
225
+ <span class="pf-v6-c-nav__link-text">Authentication</span>
226
+ </a>
227
+ </li>
228
+ <li class="pf-v6-c-nav__item">
229
+ <a href="#" class="pf-v6-c-nav__link">
230
+ <span class="pf-v6-c-nav__link-text">Network services</span>
231
+ </a>
232
+ </li>
233
+ <li class="pf-v6-c-nav__item">
234
+ <a href="#" class="pf-v6-c-nav__link">
235
+ <span class="pf-v6-c-nav__link-text">Server</span>
236
+ </a>
237
+ </li>
238
+ </ul>
239
+ </nav>
240
+ </div>
239
241
  </div>
240
242
  </div>
241
243
  <div class="pf-v6-c-page__main-container" tabindex="-1">
@@ -678,44 +680,46 @@ section: components
678
680
  </div>
679
681
  </header>
680
682
  <div class="pf-v6-c-page__sidebar">
681
- <div class="pf-v6-c-page__sidebar-body">
682
- <nav
683
- class="pf-v6-c-nav"
684
- id="jump-links-vertical-expanded-mobile-example-primary-nav"
685
- aria-label="Global"
686
- >
687
- <ul class="pf-v6-c-nav__list" role="list">
688
- <li class="pf-v6-c-nav__item">
689
- <a href="#" class="pf-v6-c-nav__link">
690
- <span class="pf-v6-c-nav__link-text">System panel</span>
691
- </a>
692
- </li>
693
- <li class="pf-v6-c-nav__item">
694
- <a
695
- href="#"
696
- class="pf-v6-c-nav__link pf-m-current"
697
- aria-current="page"
698
- >
699
- <span class="pf-v6-c-nav__link-text">Policy</span>
700
- </a>
701
- </li>
702
- <li class="pf-v6-c-nav__item">
703
- <a href="#" class="pf-v6-c-nav__link">
704
- <span class="pf-v6-c-nav__link-text">Authentication</span>
705
- </a>
706
- </li>
707
- <li class="pf-v6-c-nav__item">
708
- <a href="#" class="pf-v6-c-nav__link">
709
- <span class="pf-v6-c-nav__link-text">Network services</span>
710
- </a>
711
- </li>
712
- <li class="pf-v6-c-nav__item">
713
- <a href="#" class="pf-v6-c-nav__link">
714
- <span class="pf-v6-c-nav__link-text">Server</span>
715
- </a>
716
- </li>
717
- </ul>
718
- </nav>
683
+ <div class="pf-v6-c-page__sidebar-main">
684
+ <div class="pf-v6-c-page__sidebar-body">
685
+ <nav
686
+ class="pf-v6-c-nav"
687
+ id="jump-links-vertical-expanded-mobile-example-primary-nav"
688
+ aria-label="Global"
689
+ >
690
+ <ul class="pf-v6-c-nav__list" role="list">
691
+ <li class="pf-v6-c-nav__item">
692
+ <a href="#" class="pf-v6-c-nav__link">
693
+ <span class="pf-v6-c-nav__link-text">System panel</span>
694
+ </a>
695
+ </li>
696
+ <li class="pf-v6-c-nav__item">
697
+ <a
698
+ href="#"
699
+ class="pf-v6-c-nav__link pf-m-current"
700
+ aria-current="page"
701
+ >
702
+ <span class="pf-v6-c-nav__link-text">Policy</span>
703
+ </a>
704
+ </li>
705
+ <li class="pf-v6-c-nav__item">
706
+ <a href="#" class="pf-v6-c-nav__link">
707
+ <span class="pf-v6-c-nav__link-text">Authentication</span>
708
+ </a>
709
+ </li>
710
+ <li class="pf-v6-c-nav__item">
711
+ <a href="#" class="pf-v6-c-nav__link">
712
+ <span class="pf-v6-c-nav__link-text">Network services</span>
713
+ </a>
714
+ </li>
715
+ <li class="pf-v6-c-nav__item">
716
+ <a href="#" class="pf-v6-c-nav__link">
717
+ <span class="pf-v6-c-nav__link-text">Server</span>
718
+ </a>
719
+ </li>
720
+ </ul>
721
+ </nav>
722
+ </div>
719
723
  </div>
720
724
  </div>
721
725
  <div class="pf-v6-c-page__main-container" tabindex="-1">
@@ -1158,44 +1162,46 @@ section: components
1158
1162
  </div>
1159
1163
  </header>
1160
1164
  <div class="pf-v6-c-page__sidebar">
1161
- <div class="pf-v6-c-page__sidebar-body">
1162
- <nav
1163
- class="pf-v6-c-nav"
1164
- id="jump-links-vertical-toggle-text-mobile-example-primary-nav"
1165
- aria-label="Global"
1166
- >
1167
- <ul class="pf-v6-c-nav__list" role="list">
1168
- <li class="pf-v6-c-nav__item">
1169
- <a href="#" class="pf-v6-c-nav__link">
1170
- <span class="pf-v6-c-nav__link-text">System panel</span>
1171
- </a>
1172
- </li>
1173
- <li class="pf-v6-c-nav__item">
1174
- <a
1175
- href="#"
1176
- class="pf-v6-c-nav__link pf-m-current"
1177
- aria-current="page"
1178
- >
1179
- <span class="pf-v6-c-nav__link-text">Policy</span>
1180
- </a>
1181
- </li>
1182
- <li class="pf-v6-c-nav__item">
1183
- <a href="#" class="pf-v6-c-nav__link">
1184
- <span class="pf-v6-c-nav__link-text">Authentication</span>
1185
- </a>
1186
- </li>
1187
- <li class="pf-v6-c-nav__item">
1188
- <a href="#" class="pf-v6-c-nav__link">
1189
- <span class="pf-v6-c-nav__link-text">Network services</span>
1190
- </a>
1191
- </li>
1192
- <li class="pf-v6-c-nav__item">
1193
- <a href="#" class="pf-v6-c-nav__link">
1194
- <span class="pf-v6-c-nav__link-text">Server</span>
1195
- </a>
1196
- </li>
1197
- </ul>
1198
- </nav>
1165
+ <div class="pf-v6-c-page__sidebar-main">
1166
+ <div class="pf-v6-c-page__sidebar-body">
1167
+ <nav
1168
+ class="pf-v6-c-nav"
1169
+ id="jump-links-vertical-toggle-text-mobile-example-primary-nav"
1170
+ aria-label="Global"
1171
+ >
1172
+ <ul class="pf-v6-c-nav__list" role="list">
1173
+ <li class="pf-v6-c-nav__item">
1174
+ <a href="#" class="pf-v6-c-nav__link">
1175
+ <span class="pf-v6-c-nav__link-text">System panel</span>
1176
+ </a>
1177
+ </li>
1178
+ <li class="pf-v6-c-nav__item">
1179
+ <a
1180
+ href="#"
1181
+ class="pf-v6-c-nav__link pf-m-current"
1182
+ aria-current="page"
1183
+ >
1184
+ <span class="pf-v6-c-nav__link-text">Policy</span>
1185
+ </a>
1186
+ </li>
1187
+ <li class="pf-v6-c-nav__item">
1188
+ <a href="#" class="pf-v6-c-nav__link">
1189
+ <span class="pf-v6-c-nav__link-text">Authentication</span>
1190
+ </a>
1191
+ </li>
1192
+ <li class="pf-v6-c-nav__item">
1193
+ <a href="#" class="pf-v6-c-nav__link">
1194
+ <span class="pf-v6-c-nav__link-text">Network services</span>
1195
+ </a>
1196
+ </li>
1197
+ <li class="pf-v6-c-nav__item">
1198
+ <a href="#" class="pf-v6-c-nav__link">
1199
+ <span class="pf-v6-c-nav__link-text">Server</span>
1200
+ </a>
1201
+ </li>
1202
+ </ul>
1203
+ </nav>
1204
+ </div>
1199
1205
  </div>
1200
1206
  </div>
1201
1207
  <div class="pf-v6-c-page__main-container" tabindex="-1">
@@ -1635,44 +1641,46 @@ section: components
1635
1641
  </div>
1636
1642
  </header>
1637
1643
  <div class="pf-v6-c-page__sidebar">
1638
- <div class="pf-v6-c-page__sidebar-body">
1639
- <nav
1640
- class="pf-v6-c-nav"
1641
- id="jump-links-horizontal-example-primary-nav"
1642
- aria-label="Global"
1643
- >
1644
- <ul class="pf-v6-c-nav__list" role="list">
1645
- <li class="pf-v6-c-nav__item">
1646
- <a href="#" class="pf-v6-c-nav__link">
1647
- <span class="pf-v6-c-nav__link-text">System panel</span>
1648
- </a>
1649
- </li>
1650
- <li class="pf-v6-c-nav__item">
1651
- <a
1652
- href="#"
1653
- class="pf-v6-c-nav__link pf-m-current"
1654
- aria-current="page"
1655
- >
1656
- <span class="pf-v6-c-nav__link-text">Policy</span>
1657
- </a>
1658
- </li>
1659
- <li class="pf-v6-c-nav__item">
1660
- <a href="#" class="pf-v6-c-nav__link">
1661
- <span class="pf-v6-c-nav__link-text">Authentication</span>
1662
- </a>
1663
- </li>
1664
- <li class="pf-v6-c-nav__item">
1665
- <a href="#" class="pf-v6-c-nav__link">
1666
- <span class="pf-v6-c-nav__link-text">Network services</span>
1667
- </a>
1668
- </li>
1669
- <li class="pf-v6-c-nav__item">
1670
- <a href="#" class="pf-v6-c-nav__link">
1671
- <span class="pf-v6-c-nav__link-text">Server</span>
1672
- </a>
1673
- </li>
1674
- </ul>
1675
- </nav>
1644
+ <div class="pf-v6-c-page__sidebar-main">
1645
+ <div class="pf-v6-c-page__sidebar-body">
1646
+ <nav
1647
+ class="pf-v6-c-nav"
1648
+ id="jump-links-horizontal-example-primary-nav"
1649
+ aria-label="Global"
1650
+ >
1651
+ <ul class="pf-v6-c-nav__list" role="list">
1652
+ <li class="pf-v6-c-nav__item">
1653
+ <a href="#" class="pf-v6-c-nav__link">
1654
+ <span class="pf-v6-c-nav__link-text">System panel</span>
1655
+ </a>
1656
+ </li>
1657
+ <li class="pf-v6-c-nav__item">
1658
+ <a
1659
+ href="#"
1660
+ class="pf-v6-c-nav__link pf-m-current"
1661
+ aria-current="page"
1662
+ >
1663
+ <span class="pf-v6-c-nav__link-text">Policy</span>
1664
+ </a>
1665
+ </li>
1666
+ <li class="pf-v6-c-nav__item">
1667
+ <a href="#" class="pf-v6-c-nav__link">
1668
+ <span class="pf-v6-c-nav__link-text">Authentication</span>
1669
+ </a>
1670
+ </li>
1671
+ <li class="pf-v6-c-nav__item">
1672
+ <a href="#" class="pf-v6-c-nav__link">
1673
+ <span class="pf-v6-c-nav__link-text">Network services</span>
1674
+ </a>
1675
+ </li>
1676
+ <li class="pf-v6-c-nav__item">
1677
+ <a href="#" class="pf-v6-c-nav__link">
1678
+ <span class="pf-v6-c-nav__link-text">Server</span>
1679
+ </a>
1680
+ </li>
1681
+ </ul>
1682
+ </nav>
1683
+ </div>
1676
1684
  </div>
1677
1685
  </div>
1678
1686
  <div class="pf-v6-c-page__main-container" tabindex="-1">
@@ -2049,44 +2057,46 @@ section: components
2049
2057
  </div>
2050
2058
  </header>
2051
2059
  <div class="pf-v6-c-page__sidebar">
2052
- <div class="pf-v6-c-page__sidebar-body">
2053
- <nav
2054
- class="pf-v6-c-nav"
2055
- id="jump-links-drawer-primary-nav"
2056
- aria-label="Global"
2057
- >
2058
- <ul class="pf-v6-c-nav__list" role="list">
2059
- <li class="pf-v6-c-nav__item">
2060
- <a href="#" class="pf-v6-c-nav__link">
2061
- <span class="pf-v6-c-nav__link-text">System panel</span>
2062
- </a>
2063
- </li>
2064
- <li class="pf-v6-c-nav__item">
2065
- <a
2066
- href="#"
2067
- class="pf-v6-c-nav__link pf-m-current"
2068
- aria-current="page"
2069
- >
2070
- <span class="pf-v6-c-nav__link-text">Policy</span>
2071
- </a>
2072
- </li>
2073
- <li class="pf-v6-c-nav__item">
2074
- <a href="#" class="pf-v6-c-nav__link">
2075
- <span class="pf-v6-c-nav__link-text">Authentication</span>
2076
- </a>
2077
- </li>
2078
- <li class="pf-v6-c-nav__item">
2079
- <a href="#" class="pf-v6-c-nav__link">
2080
- <span class="pf-v6-c-nav__link-text">Network services</span>
2081
- </a>
2082
- </li>
2083
- <li class="pf-v6-c-nav__item">
2084
- <a href="#" class="pf-v6-c-nav__link">
2085
- <span class="pf-v6-c-nav__link-text">Server</span>
2086
- </a>
2087
- </li>
2088
- </ul>
2089
- </nav>
2060
+ <div class="pf-v6-c-page__sidebar-main">
2061
+ <div class="pf-v6-c-page__sidebar-body">
2062
+ <nav
2063
+ class="pf-v6-c-nav"
2064
+ id="jump-links-drawer-primary-nav"
2065
+ aria-label="Global"
2066
+ >
2067
+ <ul class="pf-v6-c-nav__list" role="list">
2068
+ <li class="pf-v6-c-nav__item">
2069
+ <a href="#" class="pf-v6-c-nav__link">
2070
+ <span class="pf-v6-c-nav__link-text">System panel</span>
2071
+ </a>
2072
+ </li>
2073
+ <li class="pf-v6-c-nav__item">
2074
+ <a
2075
+ href="#"
2076
+ class="pf-v6-c-nav__link pf-m-current"
2077
+ aria-current="page"
2078
+ >
2079
+ <span class="pf-v6-c-nav__link-text">Policy</span>
2080
+ </a>
2081
+ </li>
2082
+ <li class="pf-v6-c-nav__item">
2083
+ <a href="#" class="pf-v6-c-nav__link">
2084
+ <span class="pf-v6-c-nav__link-text">Authentication</span>
2085
+ </a>
2086
+ </li>
2087
+ <li class="pf-v6-c-nav__item">
2088
+ <a href="#" class="pf-v6-c-nav__link">
2089
+ <span class="pf-v6-c-nav__link-text">Network services</span>
2090
+ </a>
2091
+ </li>
2092
+ <li class="pf-v6-c-nav__item">
2093
+ <a href="#" class="pf-v6-c-nav__link">
2094
+ <span class="pf-v6-c-nav__link-text">Server</span>
2095
+ </a>
2096
+ </li>
2097
+ </ul>
2098
+ </nav>
2099
+ </div>
2090
2100
  </div>
2091
2101
  </div>
2092
2102
  <div class="pf-v6-c-page__main-container" tabindex="-1">
@@ -2493,44 +2503,46 @@ section: components
2493
2503
  </div>
2494
2504
  </header>
2495
2505
  <div class="pf-v6-c-page__sidebar">
2496
- <div class="pf-v6-c-page__sidebar-body">
2497
- <nav
2498
- class="pf-v6-c-nav"
2499
- id="jump-links-drawer-expanded-primary-nav"
2500
- aria-label="Global"
2501
- >
2502
- <ul class="pf-v6-c-nav__list" role="list">
2503
- <li class="pf-v6-c-nav__item">
2504
- <a href="#" class="pf-v6-c-nav__link">
2505
- <span class="pf-v6-c-nav__link-text">System panel</span>
2506
- </a>
2507
- </li>
2508
- <li class="pf-v6-c-nav__item">
2509
- <a
2510
- href="#"
2511
- class="pf-v6-c-nav__link pf-m-current"
2512
- aria-current="page"
2513
- >
2514
- <span class="pf-v6-c-nav__link-text">Policy</span>
2515
- </a>
2516
- </li>
2517
- <li class="pf-v6-c-nav__item">
2518
- <a href="#" class="pf-v6-c-nav__link">
2519
- <span class="pf-v6-c-nav__link-text">Authentication</span>
2520
- </a>
2521
- </li>
2522
- <li class="pf-v6-c-nav__item">
2523
- <a href="#" class="pf-v6-c-nav__link">
2524
- <span class="pf-v6-c-nav__link-text">Network services</span>
2525
- </a>
2526
- </li>
2527
- <li class="pf-v6-c-nav__item">
2528
- <a href="#" class="pf-v6-c-nav__link">
2529
- <span class="pf-v6-c-nav__link-text">Server</span>
2530
- </a>
2531
- </li>
2532
- </ul>
2533
- </nav>
2506
+ <div class="pf-v6-c-page__sidebar-main">
2507
+ <div class="pf-v6-c-page__sidebar-body">
2508
+ <nav
2509
+ class="pf-v6-c-nav"
2510
+ id="jump-links-drawer-expanded-primary-nav"
2511
+ aria-label="Global"
2512
+ >
2513
+ <ul class="pf-v6-c-nav__list" role="list">
2514
+ <li class="pf-v6-c-nav__item">
2515
+ <a href="#" class="pf-v6-c-nav__link">
2516
+ <span class="pf-v6-c-nav__link-text">System panel</span>
2517
+ </a>
2518
+ </li>
2519
+ <li class="pf-v6-c-nav__item">
2520
+ <a
2521
+ href="#"
2522
+ class="pf-v6-c-nav__link pf-m-current"
2523
+ aria-current="page"
2524
+ >
2525
+ <span class="pf-v6-c-nav__link-text">Policy</span>
2526
+ </a>
2527
+ </li>
2528
+ <li class="pf-v6-c-nav__item">
2529
+ <a href="#" class="pf-v6-c-nav__link">
2530
+ <span class="pf-v6-c-nav__link-text">Authentication</span>
2531
+ </a>
2532
+ </li>
2533
+ <li class="pf-v6-c-nav__item">
2534
+ <a href="#" class="pf-v6-c-nav__link">
2535
+ <span class="pf-v6-c-nav__link-text">Network services</span>
2536
+ </a>
2537
+ </li>
2538
+ <li class="pf-v6-c-nav__item">
2539
+ <a href="#" class="pf-v6-c-nav__link">
2540
+ <span class="pf-v6-c-nav__link-text">Server</span>
2541
+ </a>
2542
+ </li>
2543
+ </ul>
2544
+ </nav>
2545
+ </div>
2534
2546
  </div>
2535
2547
  </div>
2536
2548
  <div class="pf-v6-c-page__main-container" tabindex="-1">