@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/Tabs/examples/Tabs.md CHANGED
@@ -195,44 +195,46 @@ section: components
195
195
  </div>
196
196
  </header>
197
197
  <div class="pf-v6-c-page__sidebar">
198
- <div class="pf-v6-c-page__sidebar-body">
199
- <nav
200
- class="pf-v6-c-nav"
201
- id="tabs-tables-and-tabs-example-primary-nav"
202
- aria-label="Global"
203
- >
204
- <ul class="pf-v6-c-nav__list" role="list">
205
- <li class="pf-v6-c-nav__item">
206
- <a href="#" class="pf-v6-c-nav__link">
207
- <span class="pf-v6-c-nav__link-text">System panel</span>
208
- </a>
209
- </li>
210
- <li class="pf-v6-c-nav__item">
211
- <a
212
- href="#"
213
- class="pf-v6-c-nav__link pf-m-current"
214
- aria-current="page"
215
- >
216
- <span class="pf-v6-c-nav__link-text">Policy</span>
217
- </a>
218
- </li>
219
- <li class="pf-v6-c-nav__item">
220
- <a href="#" class="pf-v6-c-nav__link">
221
- <span class="pf-v6-c-nav__link-text">Authentication</span>
222
- </a>
223
- </li>
224
- <li class="pf-v6-c-nav__item">
225
- <a href="#" class="pf-v6-c-nav__link">
226
- <span class="pf-v6-c-nav__link-text">Network services</span>
227
- </a>
228
- </li>
229
- <li class="pf-v6-c-nav__item">
230
- <a href="#" class="pf-v6-c-nav__link">
231
- <span class="pf-v6-c-nav__link-text">Server</span>
232
- </a>
233
- </li>
234
- </ul>
235
- </nav>
198
+ <div class="pf-v6-c-page__sidebar-main">
199
+ <div class="pf-v6-c-page__sidebar-body">
200
+ <nav
201
+ class="pf-v6-c-nav"
202
+ id="tabs-tables-and-tabs-example-primary-nav"
203
+ aria-label="Global"
204
+ >
205
+ <ul class="pf-v6-c-nav__list" role="list">
206
+ <li class="pf-v6-c-nav__item">
207
+ <a href="#" class="pf-v6-c-nav__link">
208
+ <span class="pf-v6-c-nav__link-text">System panel</span>
209
+ </a>
210
+ </li>
211
+ <li class="pf-v6-c-nav__item">
212
+ <a
213
+ href="#"
214
+ class="pf-v6-c-nav__link pf-m-current"
215
+ aria-current="page"
216
+ >
217
+ <span class="pf-v6-c-nav__link-text">Policy</span>
218
+ </a>
219
+ </li>
220
+ <li class="pf-v6-c-nav__item">
221
+ <a href="#" class="pf-v6-c-nav__link">
222
+ <span class="pf-v6-c-nav__link-text">Authentication</span>
223
+ </a>
224
+ </li>
225
+ <li class="pf-v6-c-nav__item">
226
+ <a href="#" class="pf-v6-c-nav__link">
227
+ <span class="pf-v6-c-nav__link-text">Network services</span>
228
+ </a>
229
+ </li>
230
+ <li class="pf-v6-c-nav__item">
231
+ <a href="#" class="pf-v6-c-nav__link">
232
+ <span class="pf-v6-c-nav__link-text">Server</span>
233
+ </a>
234
+ </li>
235
+ </ul>
236
+ </nav>
237
+ </div>
236
238
  </div>
237
239
  </div>
238
240
  <div class="pf-v6-c-page__main-container" tabindex="-1">
@@ -825,44 +827,46 @@ section: components
825
827
  </div>
826
828
  </header>
827
829
  <div class="pf-v6-c-page__sidebar">
828
- <div class="pf-v6-c-page__sidebar-body">
829
- <nav
830
- class="pf-v6-c-nav"
831
- id="tabs-tables-and-tabs-example-primary-nav"
832
- aria-label="Global"
833
- >
834
- <ul class="pf-v6-c-nav__list" role="list">
835
- <li class="pf-v6-c-nav__item">
836
- <a href="#" class="pf-v6-c-nav__link">
837
- <span class="pf-v6-c-nav__link-text">System panel</span>
838
- </a>
839
- </li>
840
- <li class="pf-v6-c-nav__item">
841
- <a
842
- href="#"
843
- class="pf-v6-c-nav__link pf-m-current"
844
- aria-current="page"
845
- >
846
- <span class="pf-v6-c-nav__link-text">Policy</span>
847
- </a>
848
- </li>
849
- <li class="pf-v6-c-nav__item">
850
- <a href="#" class="pf-v6-c-nav__link">
851
- <span class="pf-v6-c-nav__link-text">Authentication</span>
852
- </a>
853
- </li>
854
- <li class="pf-v6-c-nav__item">
855
- <a href="#" class="pf-v6-c-nav__link">
856
- <span class="pf-v6-c-nav__link-text">Network services</span>
857
- </a>
858
- </li>
859
- <li class="pf-v6-c-nav__item">
860
- <a href="#" class="pf-v6-c-nav__link">
861
- <span class="pf-v6-c-nav__link-text">Server</span>
862
- </a>
863
- </li>
864
- </ul>
865
- </nav>
830
+ <div class="pf-v6-c-page__sidebar-main">
831
+ <div class="pf-v6-c-page__sidebar-body">
832
+ <nav
833
+ class="pf-v6-c-nav"
834
+ id="tabs-tables-and-tabs-example-primary-nav"
835
+ aria-label="Global"
836
+ >
837
+ <ul class="pf-v6-c-nav__list" role="list">
838
+ <li class="pf-v6-c-nav__item">
839
+ <a href="#" class="pf-v6-c-nav__link">
840
+ <span class="pf-v6-c-nav__link-text">System panel</span>
841
+ </a>
842
+ </li>
843
+ <li class="pf-v6-c-nav__item">
844
+ <a
845
+ href="#"
846
+ class="pf-v6-c-nav__link pf-m-current"
847
+ aria-current="page"
848
+ >
849
+ <span class="pf-v6-c-nav__link-text">Policy</span>
850
+ </a>
851
+ </li>
852
+ <li class="pf-v6-c-nav__item">
853
+ <a href="#" class="pf-v6-c-nav__link">
854
+ <span class="pf-v6-c-nav__link-text">Authentication</span>
855
+ </a>
856
+ </li>
857
+ <li class="pf-v6-c-nav__item">
858
+ <a href="#" class="pf-v6-c-nav__link">
859
+ <span class="pf-v6-c-nav__link-text">Network services</span>
860
+ </a>
861
+ </li>
862
+ <li class="pf-v6-c-nav__item">
863
+ <a href="#" class="pf-v6-c-nav__link">
864
+ <span class="pf-v6-c-nav__link-text">Server</span>
865
+ </a>
866
+ </li>
867
+ </ul>
868
+ </nav>
869
+ </div>
866
870
  </div>
867
871
  </div>
868
872
  <div class="pf-v6-c-page__main-container" tabindex="-1">
@@ -1462,44 +1466,46 @@ section: components
1462
1466
  </div>
1463
1467
  </header>
1464
1468
  <div class="pf-v6-c-page__sidebar">
1465
- <div class="pf-v6-c-page__sidebar-body">
1466
- <nav
1467
- class="pf-v6-c-nav"
1468
- id="nested-tabs-example-primary-nav"
1469
- aria-label="Global"
1470
- >
1471
- <ul class="pf-v6-c-nav__list" role="list">
1472
- <li class="pf-v6-c-nav__item">
1473
- <a href="#" class="pf-v6-c-nav__link">
1474
- <span class="pf-v6-c-nav__link-text">System panel</span>
1475
- </a>
1476
- </li>
1477
- <li class="pf-v6-c-nav__item">
1478
- <a
1479
- href="#"
1480
- class="pf-v6-c-nav__link pf-m-current"
1481
- aria-current="page"
1482
- >
1483
- <span class="pf-v6-c-nav__link-text">Policy</span>
1484
- </a>
1485
- </li>
1486
- <li class="pf-v6-c-nav__item">
1487
- <a href="#" class="pf-v6-c-nav__link">
1488
- <span class="pf-v6-c-nav__link-text">Authentication</span>
1489
- </a>
1490
- </li>
1491
- <li class="pf-v6-c-nav__item">
1492
- <a href="#" class="pf-v6-c-nav__link">
1493
- <span class="pf-v6-c-nav__link-text">Network services</span>
1494
- </a>
1495
- </li>
1496
- <li class="pf-v6-c-nav__item">
1497
- <a href="#" class="pf-v6-c-nav__link">
1498
- <span class="pf-v6-c-nav__link-text">Server</span>
1499
- </a>
1500
- </li>
1501
- </ul>
1502
- </nav>
1469
+ <div class="pf-v6-c-page__sidebar-main">
1470
+ <div class="pf-v6-c-page__sidebar-body">
1471
+ <nav
1472
+ class="pf-v6-c-nav"
1473
+ id="nested-tabs-example-primary-nav"
1474
+ aria-label="Global"
1475
+ >
1476
+ <ul class="pf-v6-c-nav__list" role="list">
1477
+ <li class="pf-v6-c-nav__item">
1478
+ <a href="#" class="pf-v6-c-nav__link">
1479
+ <span class="pf-v6-c-nav__link-text">System panel</span>
1480
+ </a>
1481
+ </li>
1482
+ <li class="pf-v6-c-nav__item">
1483
+ <a
1484
+ href="#"
1485
+ class="pf-v6-c-nav__link pf-m-current"
1486
+ aria-current="page"
1487
+ >
1488
+ <span class="pf-v6-c-nav__link-text">Policy</span>
1489
+ </a>
1490
+ </li>
1491
+ <li class="pf-v6-c-nav__item">
1492
+ <a href="#" class="pf-v6-c-nav__link">
1493
+ <span class="pf-v6-c-nav__link-text">Authentication</span>
1494
+ </a>
1495
+ </li>
1496
+ <li class="pf-v6-c-nav__item">
1497
+ <a href="#" class="pf-v6-c-nav__link">
1498
+ <span class="pf-v6-c-nav__link-text">Network services</span>
1499
+ </a>
1500
+ </li>
1501
+ <li class="pf-v6-c-nav__item">
1502
+ <a href="#" class="pf-v6-c-nav__link">
1503
+ <span class="pf-v6-c-nav__link-text">Server</span>
1504
+ </a>
1505
+ </li>
1506
+ </ul>
1507
+ </nav>
1508
+ </div>
1503
1509
  </div>
1504
1510
  </div>
1505
1511
  <div class="pf-v6-c-page__main-container" tabindex="-1">
@@ -2016,44 +2022,46 @@ section: components
2016
2022
  </div>
2017
2023
  </header>
2018
2024
  <div class="pf-v6-c-page__sidebar">
2019
- <div class="pf-v6-c-page__sidebar-body">
2020
- <nav
2021
- class="pf-v6-c-nav"
2022
- id="table-tabs-example-primary-nav"
2023
- aria-label="Global"
2024
- >
2025
- <ul class="pf-v6-c-nav__list" role="list">
2026
- <li class="pf-v6-c-nav__item">
2027
- <a href="#" class="pf-v6-c-nav__link">
2028
- <span class="pf-v6-c-nav__link-text">System panel</span>
2029
- </a>
2030
- </li>
2031
- <li class="pf-v6-c-nav__item">
2032
- <a
2033
- href="#"
2034
- class="pf-v6-c-nav__link pf-m-current"
2035
- aria-current="page"
2036
- >
2037
- <span class="pf-v6-c-nav__link-text">Policy</span>
2038
- </a>
2039
- </li>
2040
- <li class="pf-v6-c-nav__item">
2041
- <a href="#" class="pf-v6-c-nav__link">
2042
- <span class="pf-v6-c-nav__link-text">Authentication</span>
2043
- </a>
2044
- </li>
2045
- <li class="pf-v6-c-nav__item">
2046
- <a href="#" class="pf-v6-c-nav__link">
2047
- <span class="pf-v6-c-nav__link-text">Network services</span>
2048
- </a>
2049
- </li>
2050
- <li class="pf-v6-c-nav__item">
2051
- <a href="#" class="pf-v6-c-nav__link">
2052
- <span class="pf-v6-c-nav__link-text">Server</span>
2053
- </a>
2054
- </li>
2055
- </ul>
2056
- </nav>
2025
+ <div class="pf-v6-c-page__sidebar-main">
2026
+ <div class="pf-v6-c-page__sidebar-body">
2027
+ <nav
2028
+ class="pf-v6-c-nav"
2029
+ id="table-tabs-example-primary-nav"
2030
+ aria-label="Global"
2031
+ >
2032
+ <ul class="pf-v6-c-nav__list" role="list">
2033
+ <li class="pf-v6-c-nav__item">
2034
+ <a href="#" class="pf-v6-c-nav__link">
2035
+ <span class="pf-v6-c-nav__link-text">System panel</span>
2036
+ </a>
2037
+ </li>
2038
+ <li class="pf-v6-c-nav__item">
2039
+ <a
2040
+ href="#"
2041
+ class="pf-v6-c-nav__link pf-m-current"
2042
+ aria-current="page"
2043
+ >
2044
+ <span class="pf-v6-c-nav__link-text">Policy</span>
2045
+ </a>
2046
+ </li>
2047
+ <li class="pf-v6-c-nav__item">
2048
+ <a href="#" class="pf-v6-c-nav__link">
2049
+ <span class="pf-v6-c-nav__link-text">Authentication</span>
2050
+ </a>
2051
+ </li>
2052
+ <li class="pf-v6-c-nav__item">
2053
+ <a href="#" class="pf-v6-c-nav__link">
2054
+ <span class="pf-v6-c-nav__link-text">Network services</span>
2055
+ </a>
2056
+ </li>
2057
+ <li class="pf-v6-c-nav__item">
2058
+ <a href="#" class="pf-v6-c-nav__link">
2059
+ <span class="pf-v6-c-nav__link-text">Server</span>
2060
+ </a>
2061
+ </li>
2062
+ </ul>
2063
+ </nav>
2064
+ </div>
2057
2065
  </div>
2058
2066
  </div>
2059
2067
  <div class="pf-v6-c-page__main-container" tabindex="-1">
@@ -3394,44 +3402,46 @@ section: components
3394
3402
  </div>
3395
3403
  </header>
3396
3404
  <div class="pf-v6-c-page__sidebar">
3397
- <div class="pf-v6-c-page__sidebar-body">
3398
- <nav
3399
- class="pf-v6-c-nav"
3400
- id="modal-tabs-example-primary-nav"
3401
- aria-label="Global"
3402
- >
3403
- <ul class="pf-v6-c-nav__list" role="list">
3404
- <li class="pf-v6-c-nav__item">
3405
- <a href="#" class="pf-v6-c-nav__link">
3406
- <span class="pf-v6-c-nav__link-text">System panel</span>
3407
- </a>
3408
- </li>
3409
- <li class="pf-v6-c-nav__item">
3410
- <a
3411
- href="#"
3412
- class="pf-v6-c-nav__link pf-m-current"
3413
- aria-current="page"
3414
- >
3415
- <span class="pf-v6-c-nav__link-text">Policy</span>
3416
- </a>
3417
- </li>
3418
- <li class="pf-v6-c-nav__item">
3419
- <a href="#" class="pf-v6-c-nav__link">
3420
- <span class="pf-v6-c-nav__link-text">Authentication</span>
3421
- </a>
3422
- </li>
3423
- <li class="pf-v6-c-nav__item">
3424
- <a href="#" class="pf-v6-c-nav__link">
3425
- <span class="pf-v6-c-nav__link-text">Network services</span>
3426
- </a>
3427
- </li>
3428
- <li class="pf-v6-c-nav__item">
3429
- <a href="#" class="pf-v6-c-nav__link">
3430
- <span class="pf-v6-c-nav__link-text">Server</span>
3431
- </a>
3432
- </li>
3433
- </ul>
3434
- </nav>
3405
+ <div class="pf-v6-c-page__sidebar-main">
3406
+ <div class="pf-v6-c-page__sidebar-body">
3407
+ <nav
3408
+ class="pf-v6-c-nav"
3409
+ id="modal-tabs-example-primary-nav"
3410
+ aria-label="Global"
3411
+ >
3412
+ <ul class="pf-v6-c-nav__list" role="list">
3413
+ <li class="pf-v6-c-nav__item">
3414
+ <a href="#" class="pf-v6-c-nav__link">
3415
+ <span class="pf-v6-c-nav__link-text">System panel</span>
3416
+ </a>
3417
+ </li>
3418
+ <li class="pf-v6-c-nav__item">
3419
+ <a
3420
+ href="#"
3421
+ class="pf-v6-c-nav__link pf-m-current"
3422
+ aria-current="page"
3423
+ >
3424
+ <span class="pf-v6-c-nav__link-text">Policy</span>
3425
+ </a>
3426
+ </li>
3427
+ <li class="pf-v6-c-nav__item">
3428
+ <a href="#" class="pf-v6-c-nav__link">
3429
+ <span class="pf-v6-c-nav__link-text">Authentication</span>
3430
+ </a>
3431
+ </li>
3432
+ <li class="pf-v6-c-nav__item">
3433
+ <a href="#" class="pf-v6-c-nav__link">
3434
+ <span class="pf-v6-c-nav__link-text">Network services</span>
3435
+ </a>
3436
+ </li>
3437
+ <li class="pf-v6-c-nav__item">
3438
+ <a href="#" class="pf-v6-c-nav__link">
3439
+ <span class="pf-v6-c-nav__link-text">Server</span>
3440
+ </a>
3441
+ </li>
3442
+ </ul>
3443
+ </nav>
3444
+ </div>
3435
3445
  </div>
3436
3446
  </div>
3437
3447
  <div class="pf-v6-c-page__main-container" tabindex="-1">
@@ -3755,44 +3765,46 @@ section: components
3755
3765
  </div>
3756
3766
  </header>
3757
3767
  <div class="pf-v6-c-page__sidebar">
3758
- <div class="pf-v6-c-page__sidebar-body">
3759
- <nav
3760
- class="pf-v6-c-nav"
3761
- id="gray-tabs-example-primary-nav"
3762
- aria-label="Global"
3763
- >
3764
- <ul class="pf-v6-c-nav__list" role="list">
3765
- <li class="pf-v6-c-nav__item">
3766
- <a href="#" class="pf-v6-c-nav__link">
3767
- <span class="pf-v6-c-nav__link-text">System panel</span>
3768
- </a>
3769
- </li>
3770
- <li class="pf-v6-c-nav__item">
3771
- <a
3772
- href="#"
3773
- class="pf-v6-c-nav__link pf-m-current"
3774
- aria-current="page"
3775
- >
3776
- <span class="pf-v6-c-nav__link-text">Policy</span>
3777
- </a>
3778
- </li>
3779
- <li class="pf-v6-c-nav__item">
3780
- <a href="#" class="pf-v6-c-nav__link">
3781
- <span class="pf-v6-c-nav__link-text">Authentication</span>
3782
- </a>
3783
- </li>
3784
- <li class="pf-v6-c-nav__item">
3785
- <a href="#" class="pf-v6-c-nav__link">
3786
- <span class="pf-v6-c-nav__link-text">Network services</span>
3787
- </a>
3788
- </li>
3789
- <li class="pf-v6-c-nav__item">
3790
- <a href="#" class="pf-v6-c-nav__link">
3791
- <span class="pf-v6-c-nav__link-text">Server</span>
3792
- </a>
3793
- </li>
3794
- </ul>
3795
- </nav>
3768
+ <div class="pf-v6-c-page__sidebar-main">
3769
+ <div class="pf-v6-c-page__sidebar-body">
3770
+ <nav
3771
+ class="pf-v6-c-nav"
3772
+ id="gray-tabs-example-primary-nav"
3773
+ aria-label="Global"
3774
+ >
3775
+ <ul class="pf-v6-c-nav__list" role="list">
3776
+ <li class="pf-v6-c-nav__item">
3777
+ <a href="#" class="pf-v6-c-nav__link">
3778
+ <span class="pf-v6-c-nav__link-text">System panel</span>
3779
+ </a>
3780
+ </li>
3781
+ <li class="pf-v6-c-nav__item">
3782
+ <a
3783
+ href="#"
3784
+ class="pf-v6-c-nav__link pf-m-current"
3785
+ aria-current="page"
3786
+ >
3787
+ <span class="pf-v6-c-nav__link-text">Policy</span>
3788
+ </a>
3789
+ </li>
3790
+ <li class="pf-v6-c-nav__item">
3791
+ <a href="#" class="pf-v6-c-nav__link">
3792
+ <span class="pf-v6-c-nav__link-text">Authentication</span>
3793
+ </a>
3794
+ </li>
3795
+ <li class="pf-v6-c-nav__item">
3796
+ <a href="#" class="pf-v6-c-nav__link">
3797
+ <span class="pf-v6-c-nav__link-text">Network services</span>
3798
+ </a>
3799
+ </li>
3800
+ <li class="pf-v6-c-nav__item">
3801
+ <a href="#" class="pf-v6-c-nav__link">
3802
+ <span class="pf-v6-c-nav__link-text">Server</span>
3803
+ </a>
3804
+ </li>
3805
+ </ul>
3806
+ </nav>
3807
+ </div>
3796
3808
  </div>
3797
3809
  </div>
3798
3810
  <div class="pf-v6-c-page__main-container" tabindex="-1">