@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/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">