@patternfly/patternfly 6.5.0-prerelease.53 → 6.5.0-prerelease.55

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 (87) 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 +4238 -784
  9. package/base/patternfly-variables.scss +23 -21
  10. package/base/tokens/tokens-dark.scss +17 -17
  11. package/base/tokens/tokens-default.scss +18 -16
  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 +432 -2
  17. package/base/tokens/tokens-redhat-glass-dark.scss +432 -4
  18. package/base/tokens/tokens-redhat-glass.scss +748 -4
  19. package/base/tokens/tokens-redhat-highcontrast-dark.scss +400 -3
  20. package/base/tokens/tokens-redhat-highcontrast.scss +635 -3
  21. package/base/tokens/tokens-redhat.scss +786 -2
  22. package/components/Accordion/accordion.css +10 -0
  23. package/components/Accordion/accordion.scss +11 -0
  24. package/components/Button/button.css +0 -14
  25. package/components/Button/button.scss +1 -16
  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.scss +1 -1
  39. package/components/Nav/nav.scss +1 -1
  40. package/components/Page/page.css +115 -8
  41. package/components/Page/page.scss +123 -11
  42. package/components/Panel/panel.css +14 -0
  43. package/components/Panel/panel.scss +18 -0
  44. package/components/Table/table-grid.css +4 -4
  45. package/components/Table/table-grid.scss +4 -4
  46. package/components/Table/table.css +12 -7
  47. package/components/Table/table.scss +13 -9
  48. package/components/Wizard/wizard.css +20 -2
  49. package/components/Wizard/wizard.scss +22 -2
  50. package/components/_index.css +224 -54
  51. package/docs/components/Accordion/examples/Accordion.md +1 -0
  52. package/docs/components/Card/examples/Card.md +1 -0
  53. package/docs/components/DragDrop/examples/DragDrop.css +1 -1
  54. package/docs/components/Page/examples/Page.md +47 -37
  55. package/docs/components/Panel/examples/Panel.md +12 -0
  56. package/docs/components/Wizard/examples/Wizard.md +323 -0
  57. package/docs/demos/AboutModal/examples/AboutModal.md +40 -38
  58. package/docs/demos/Alert/examples/Alert.md +120 -114
  59. package/docs/demos/BackToTop/examples/BackToTop.md +40 -38
  60. package/docs/demos/Banner/examples/Banner.md +80 -76
  61. package/docs/demos/CardView/examples/CardView.md +297 -271
  62. package/docs/demos/Compass/examples/Compass.md +1409 -2732
  63. package/docs/demos/Dashboard/examples/Dashboard.md +40 -38
  64. package/docs/demos/DataList/examples/DataList.md +160 -152
  65. package/docs/demos/DescriptionList/examples/DescriptionList.md +120 -114
  66. package/docs/demos/Drawer/examples/Drawer.md +200 -190
  67. package/docs/demos/JumpLinks/examples/JumpLinks.md +240 -228
  68. package/docs/demos/Masthead/examples/Masthead.md +320 -304
  69. package/docs/demos/Modal/examples/Modal.md +240 -228
  70. package/docs/demos/Nav/examples/Nav.md +2302 -600
  71. package/docs/demos/NotificationDrawer/examples/NotificationDrawer.md +180 -170
  72. package/docs/demos/Page/examples/Page.md +606 -568
  73. package/docs/demos/PrimaryDetail/examples/PrimaryDetail.md +280 -266
  74. package/docs/demos/Skeleton/examples/Skeleton.md +40 -38
  75. package/docs/demos/Table/examples/Table.md +640 -604
  76. package/docs/demos/Tabs/examples/Tabs.md +240 -228
  77. package/docs/demos/Toolbar/examples/Toolbar.md +80 -76
  78. package/docs/demos/Wizard/examples/Wizard.md +360 -342
  79. package/package.json +1 -1
  80. package/patternfly-base-no-globals.css +4238 -784
  81. package/patternfly-base.css +4238 -784
  82. package/patternfly-no-globals.css +4376 -735
  83. package/patternfly.css +4376 -735
  84. package/patternfly.min.css +1 -1
  85. package/patternfly.min.css.map +1 -1
  86. package/patternfly.scss +27 -0
  87. 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">