@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/Page/examples/Page.md CHANGED
@@ -195,44 +195,46 @@ wrapperTag: div
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="page-demo-basic-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="page-demo-basic-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">
@@ -556,58 +558,60 @@ wrapperTag: div
556
558
  </div>
557
559
  </header>
558
560
  <div class="pf-v6-c-page__sidebar pf-m-expanded">
559
- <div class="pf-v6-c-page__sidebar-body pf-m-page-insets">
560
- <div class="pf-v6-c-content">
561
- <p>Custom sidebar content</p>
561
+ <div class="pf-v6-c-page__sidebar-main">
562
+ <div class="pf-v6-c-page__sidebar-body pf-m-page-insets">
563
+ <div class="pf-v6-c-content">
564
+ <p>Custom sidebar content</p>
565
+ </div>
562
566
  </div>
563
- </div>
564
- <div class="pf-v6-c-page__sidebar-body">
565
- <nav
566
- class="pf-v6-c-nav"
567
- id="multiple-sidebar-body-elements-demo-primary-nav"
568
- aria-label="Global"
569
- >
570
- <ul class="pf-v6-c-nav__list" role="list">
571
- <li class="pf-v6-c-nav__item">
572
- <a href="#" class="pf-v6-c-nav__link">
573
- <span class="pf-v6-c-nav__link-text">System panel</span>
574
- </a>
575
- </li>
576
- <li class="pf-v6-c-nav__item">
577
- <a
578
- href="#"
579
- class="pf-v6-c-nav__link pf-m-current"
580
- aria-current="page"
581
- >
582
- <span class="pf-v6-c-nav__link-text">Policy</span>
583
- </a>
584
- </li>
585
- <li class="pf-v6-c-nav__item">
586
- <a href="#" class="pf-v6-c-nav__link">
587
- <span class="pf-v6-c-nav__link-text">Authentication</span>
588
- </a>
589
- </li>
590
- <li class="pf-v6-c-nav__item">
591
- <a href="#" class="pf-v6-c-nav__link">
592
- <span class="pf-v6-c-nav__link-text">Network services</span>
593
- </a>
594
- </li>
595
- <li class="pf-v6-c-nav__item">
596
- <a href="#" class="pf-v6-c-nav__link">
597
- <span class="pf-v6-c-nav__link-text">Server</span>
598
- </a>
599
- </li>
600
- </ul>
601
- </nav>
602
- </div>
603
- <div class="pf-v6-c-page__sidebar-body pf-m-fill pf-m-page-insets">
604
- <div class="pf-v6-c-content">
605
- <p>Custom sidebar content</p>
567
+ <div class="pf-v6-c-page__sidebar-body">
568
+ <nav
569
+ class="pf-v6-c-nav"
570
+ id="multiple-sidebar-body-elements-demo-primary-nav"
571
+ aria-label="Global"
572
+ >
573
+ <ul class="pf-v6-c-nav__list" role="list">
574
+ <li class="pf-v6-c-nav__item">
575
+ <a href="#" class="pf-v6-c-nav__link">
576
+ <span class="pf-v6-c-nav__link-text">System panel</span>
577
+ </a>
578
+ </li>
579
+ <li class="pf-v6-c-nav__item">
580
+ <a
581
+ href="#"
582
+ class="pf-v6-c-nav__link pf-m-current"
583
+ aria-current="page"
584
+ >
585
+ <span class="pf-v6-c-nav__link-text">Policy</span>
586
+ </a>
587
+ </li>
588
+ <li class="pf-v6-c-nav__item">
589
+ <a href="#" class="pf-v6-c-nav__link">
590
+ <span class="pf-v6-c-nav__link-text">Authentication</span>
591
+ </a>
592
+ </li>
593
+ <li class="pf-v6-c-nav__item">
594
+ <a href="#" class="pf-v6-c-nav__link">
595
+ <span class="pf-v6-c-nav__link-text">Network services</span>
596
+ </a>
597
+ </li>
598
+ <li class="pf-v6-c-nav__item">
599
+ <a href="#" class="pf-v6-c-nav__link">
600
+ <span class="pf-v6-c-nav__link-text">Server</span>
601
+ </a>
602
+ </li>
603
+ </ul>
604
+ </nav>
606
605
  </div>
607
- </div>
608
- <div class="pf-v6-c-page__sidebar-body pf-m-no-fill pf-m-page-insets">
609
- <div class="pf-v6-c-content">
610
- <p>&copy;&nbsp;Copyright</p>
606
+ <div class="pf-v6-c-page__sidebar-body pf-m-fill pf-m-page-insets">
607
+ <div class="pf-v6-c-content">
608
+ <p>Custom sidebar content</p>
609
+ </div>
610
+ </div>
611
+ <div class="pf-v6-c-page__sidebar-body pf-m-no-fill pf-m-page-insets">
612
+ <div class="pf-v6-c-content">
613
+ <p>&copy;&nbsp;Copyright</p>
614
+ </div>
611
615
  </div>
612
616
  </div>
613
617
  </div>
@@ -932,44 +936,46 @@ wrapperTag: div
932
936
  </div>
933
937
  </header>
934
938
  <div class="pf-v6-c-page__sidebar">
935
- <div class="pf-v6-c-page__sidebar-body">
936
- <nav
937
- class="pf-v6-c-nav"
938
- id="page-demo-sticky-top-horizontal-subnav-primary-nav"
939
- aria-label="Global"
940
- >
941
- <ul class="pf-v6-c-nav__list" role="list">
942
- <li class="pf-v6-c-nav__item">
943
- <a href="#" class="pf-v6-c-nav__link">
944
- <span class="pf-v6-c-nav__link-text">System panel</span>
945
- </a>
946
- </li>
947
- <li class="pf-v6-c-nav__item">
948
- <a
949
- href="#"
950
- class="pf-v6-c-nav__link pf-m-current"
951
- aria-current="page"
952
- >
953
- <span class="pf-v6-c-nav__link-text">Policy</span>
954
- </a>
955
- </li>
956
- <li class="pf-v6-c-nav__item">
957
- <a href="#" class="pf-v6-c-nav__link">
958
- <span class="pf-v6-c-nav__link-text">Authentication</span>
959
- </a>
960
- </li>
961
- <li class="pf-v6-c-nav__item">
962
- <a href="#" class="pf-v6-c-nav__link">
963
- <span class="pf-v6-c-nav__link-text">Network services</span>
964
- </a>
965
- </li>
966
- <li class="pf-v6-c-nav__item">
967
- <a href="#" class="pf-v6-c-nav__link">
968
- <span class="pf-v6-c-nav__link-text">Server</span>
969
- </a>
970
- </li>
971
- </ul>
972
- </nav>
939
+ <div class="pf-v6-c-page__sidebar-main">
940
+ <div class="pf-v6-c-page__sidebar-body">
941
+ <nav
942
+ class="pf-v6-c-nav"
943
+ id="page-demo-sticky-top-horizontal-subnav-primary-nav"
944
+ aria-label="Global"
945
+ >
946
+ <ul class="pf-v6-c-nav__list" role="list">
947
+ <li class="pf-v6-c-nav__item">
948
+ <a href="#" class="pf-v6-c-nav__link">
949
+ <span class="pf-v6-c-nav__link-text">System panel</span>
950
+ </a>
951
+ </li>
952
+ <li class="pf-v6-c-nav__item">
953
+ <a
954
+ href="#"
955
+ class="pf-v6-c-nav__link pf-m-current"
956
+ aria-current="page"
957
+ >
958
+ <span class="pf-v6-c-nav__link-text">Policy</span>
959
+ </a>
960
+ </li>
961
+ <li class="pf-v6-c-nav__item">
962
+ <a href="#" class="pf-v6-c-nav__link">
963
+ <span class="pf-v6-c-nav__link-text">Authentication</span>
964
+ </a>
965
+ </li>
966
+ <li class="pf-v6-c-nav__item">
967
+ <a href="#" class="pf-v6-c-nav__link">
968
+ <span class="pf-v6-c-nav__link-text">Network services</span>
969
+ </a>
970
+ </li>
971
+ <li class="pf-v6-c-nav__item">
972
+ <a href="#" class="pf-v6-c-nav__link">
973
+ <span class="pf-v6-c-nav__link-text">Server</span>
974
+ </a>
975
+ </li>
976
+ </ul>
977
+ </nav>
978
+ </div>
973
979
  </div>
974
980
  </div>
975
981
  <div class="pf-v6-c-page__main-container" tabindex="-1">
@@ -1437,44 +1443,46 @@ wrapperTag: div
1437
1443
  </div>
1438
1444
  </header>
1439
1445
  <div class="pf-v6-c-page__sidebar">
1440
- <div class="pf-v6-c-page__sidebar-body">
1441
- <nav
1442
- class="pf-v6-c-nav"
1443
- id="page-demo-sticky-top-breadcrumb-primary-nav"
1444
- aria-label="Global"
1445
- >
1446
- <ul class="pf-v6-c-nav__list" role="list">
1447
- <li class="pf-v6-c-nav__item">
1448
- <a href="#" class="pf-v6-c-nav__link">
1449
- <span class="pf-v6-c-nav__link-text">System panel</span>
1450
- </a>
1451
- </li>
1452
- <li class="pf-v6-c-nav__item">
1453
- <a
1454
- href="#"
1455
- class="pf-v6-c-nav__link pf-m-current"
1456
- aria-current="page"
1457
- >
1458
- <span class="pf-v6-c-nav__link-text">Policy</span>
1459
- </a>
1460
- </li>
1461
- <li class="pf-v6-c-nav__item">
1462
- <a href="#" class="pf-v6-c-nav__link">
1463
- <span class="pf-v6-c-nav__link-text">Authentication</span>
1464
- </a>
1465
- </li>
1466
- <li class="pf-v6-c-nav__item">
1467
- <a href="#" class="pf-v6-c-nav__link">
1468
- <span class="pf-v6-c-nav__link-text">Network services</span>
1469
- </a>
1470
- </li>
1471
- <li class="pf-v6-c-nav__item">
1472
- <a href="#" class="pf-v6-c-nav__link">
1473
- <span class="pf-v6-c-nav__link-text">Server</span>
1474
- </a>
1475
- </li>
1476
- </ul>
1477
- </nav>
1446
+ <div class="pf-v6-c-page__sidebar-main">
1447
+ <div class="pf-v6-c-page__sidebar-body">
1448
+ <nav
1449
+ class="pf-v6-c-nav"
1450
+ id="page-demo-sticky-top-breadcrumb-primary-nav"
1451
+ aria-label="Global"
1452
+ >
1453
+ <ul class="pf-v6-c-nav__list" role="list">
1454
+ <li class="pf-v6-c-nav__item">
1455
+ <a href="#" class="pf-v6-c-nav__link">
1456
+ <span class="pf-v6-c-nav__link-text">System panel</span>
1457
+ </a>
1458
+ </li>
1459
+ <li class="pf-v6-c-nav__item">
1460
+ <a
1461
+ href="#"
1462
+ class="pf-v6-c-nav__link pf-m-current"
1463
+ aria-current="page"
1464
+ >
1465
+ <span class="pf-v6-c-nav__link-text">Policy</span>
1466
+ </a>
1467
+ </li>
1468
+ <li class="pf-v6-c-nav__item">
1469
+ <a href="#" class="pf-v6-c-nav__link">
1470
+ <span class="pf-v6-c-nav__link-text">Authentication</span>
1471
+ </a>
1472
+ </li>
1473
+ <li class="pf-v6-c-nav__item">
1474
+ <a href="#" class="pf-v6-c-nav__link">
1475
+ <span class="pf-v6-c-nav__link-text">Network services</span>
1476
+ </a>
1477
+ </li>
1478
+ <li class="pf-v6-c-nav__item">
1479
+ <a href="#" class="pf-v6-c-nav__link">
1480
+ <span class="pf-v6-c-nav__link-text">Server</span>
1481
+ </a>
1482
+ </li>
1483
+ </ul>
1484
+ </nav>
1485
+ </div>
1478
1486
  </div>
1479
1487
  </div>
1480
1488
  <div class="pf-v6-c-page__main-container" tabindex="-1">
@@ -1917,44 +1925,46 @@ wrapperTag: div
1917
1925
  </div>
1918
1926
  </header>
1919
1927
  <div class="pf-v6-c-page__sidebar">
1920
- <div class="pf-v6-c-page__sidebar-body">
1921
- <nav
1922
- class="pf-v6-c-nav"
1923
- id="page-demo-sticky-top-breadcrumb-primary-nav"
1924
- aria-label="Global"
1925
- >
1926
- <ul class="pf-v6-c-nav__list" role="list">
1927
- <li class="pf-v6-c-nav__item">
1928
- <a href="#" class="pf-v6-c-nav__link">
1929
- <span class="pf-v6-c-nav__link-text">System panel</span>
1930
- </a>
1931
- </li>
1932
- <li class="pf-v6-c-nav__item">
1933
- <a
1934
- href="#"
1935
- class="pf-v6-c-nav__link pf-m-current"
1936
- aria-current="page"
1937
- >
1938
- <span class="pf-v6-c-nav__link-text">Policy</span>
1939
- </a>
1940
- </li>
1941
- <li class="pf-v6-c-nav__item">
1942
- <a href="#" class="pf-v6-c-nav__link">
1943
- <span class="pf-v6-c-nav__link-text">Authentication</span>
1944
- </a>
1945
- </li>
1946
- <li class="pf-v6-c-nav__item">
1947
- <a href="#" class="pf-v6-c-nav__link">
1948
- <span class="pf-v6-c-nav__link-text">Network services</span>
1949
- </a>
1950
- </li>
1951
- <li class="pf-v6-c-nav__item">
1952
- <a href="#" class="pf-v6-c-nav__link">
1953
- <span class="pf-v6-c-nav__link-text">Server</span>
1954
- </a>
1955
- </li>
1956
- </ul>
1957
- </nav>
1928
+ <div class="pf-v6-c-page__sidebar-main">
1929
+ <div class="pf-v6-c-page__sidebar-body">
1930
+ <nav
1931
+ class="pf-v6-c-nav"
1932
+ id="page-demo-sticky-top-breadcrumb-primary-nav"
1933
+ aria-label="Global"
1934
+ >
1935
+ <ul class="pf-v6-c-nav__list" role="list">
1936
+ <li class="pf-v6-c-nav__item">
1937
+ <a href="#" class="pf-v6-c-nav__link">
1938
+ <span class="pf-v6-c-nav__link-text">System panel</span>
1939
+ </a>
1940
+ </li>
1941
+ <li class="pf-v6-c-nav__item">
1942
+ <a
1943
+ href="#"
1944
+ class="pf-v6-c-nav__link pf-m-current"
1945
+ aria-current="page"
1946
+ >
1947
+ <span class="pf-v6-c-nav__link-text">Policy</span>
1948
+ </a>
1949
+ </li>
1950
+ <li class="pf-v6-c-nav__item">
1951
+ <a href="#" class="pf-v6-c-nav__link">
1952
+ <span class="pf-v6-c-nav__link-text">Authentication</span>
1953
+ </a>
1954
+ </li>
1955
+ <li class="pf-v6-c-nav__item">
1956
+ <a href="#" class="pf-v6-c-nav__link">
1957
+ <span class="pf-v6-c-nav__link-text">Network services</span>
1958
+ </a>
1959
+ </li>
1960
+ <li class="pf-v6-c-nav__item">
1961
+ <a href="#" class="pf-v6-c-nav__link">
1962
+ <span class="pf-v6-c-nav__link-text">Server</span>
1963
+ </a>
1964
+ </li>
1965
+ </ul>
1966
+ </nav>
1967
+ </div>
1958
1968
  </div>
1959
1969
  </div>
1960
1970
  <div class="pf-v6-c-page__main-container" tabindex="-1">
@@ -2400,44 +2410,46 @@ wrapperTag: div
2400
2410
  </div>
2401
2411
  </header>
2402
2412
  <div class="pf-v6-c-page__sidebar">
2403
- <div class="pf-v6-c-page__sidebar-body">
2404
- <nav
2405
- class="pf-v6-c-nav"
2406
- id="page-demo-sticky-top-section-group-primary-nav"
2407
- aria-label="Global"
2408
- >
2409
- <ul class="pf-v6-c-nav__list" role="list">
2410
- <li class="pf-v6-c-nav__item">
2411
- <a href="#" class="pf-v6-c-nav__link">
2412
- <span class="pf-v6-c-nav__link-text">System panel</span>
2413
- </a>
2414
- </li>
2415
- <li class="pf-v6-c-nav__item">
2416
- <a
2417
- href="#"
2418
- class="pf-v6-c-nav__link pf-m-current"
2419
- aria-current="page"
2420
- >
2421
- <span class="pf-v6-c-nav__link-text">Policy</span>
2422
- </a>
2423
- </li>
2424
- <li class="pf-v6-c-nav__item">
2425
- <a href="#" class="pf-v6-c-nav__link">
2426
- <span class="pf-v6-c-nav__link-text">Authentication</span>
2427
- </a>
2428
- </li>
2429
- <li class="pf-v6-c-nav__item">
2430
- <a href="#" class="pf-v6-c-nav__link">
2431
- <span class="pf-v6-c-nav__link-text">Network services</span>
2432
- </a>
2433
- </li>
2434
- <li class="pf-v6-c-nav__item">
2435
- <a href="#" class="pf-v6-c-nav__link">
2436
- <span class="pf-v6-c-nav__link-text">Server</span>
2437
- </a>
2438
- </li>
2439
- </ul>
2440
- </nav>
2413
+ <div class="pf-v6-c-page__sidebar-main">
2414
+ <div class="pf-v6-c-page__sidebar-body">
2415
+ <nav
2416
+ class="pf-v6-c-nav"
2417
+ id="page-demo-sticky-top-section-group-primary-nav"
2418
+ aria-label="Global"
2419
+ >
2420
+ <ul class="pf-v6-c-nav__list" role="list">
2421
+ <li class="pf-v6-c-nav__item">
2422
+ <a href="#" class="pf-v6-c-nav__link">
2423
+ <span class="pf-v6-c-nav__link-text">System panel</span>
2424
+ </a>
2425
+ </li>
2426
+ <li class="pf-v6-c-nav__item">
2427
+ <a
2428
+ href="#"
2429
+ class="pf-v6-c-nav__link pf-m-current"
2430
+ aria-current="page"
2431
+ >
2432
+ <span class="pf-v6-c-nav__link-text">Policy</span>
2433
+ </a>
2434
+ </li>
2435
+ <li class="pf-v6-c-nav__item">
2436
+ <a href="#" class="pf-v6-c-nav__link">
2437
+ <span class="pf-v6-c-nav__link-text">Authentication</span>
2438
+ </a>
2439
+ </li>
2440
+ <li class="pf-v6-c-nav__item">
2441
+ <a href="#" class="pf-v6-c-nav__link">
2442
+ <span class="pf-v6-c-nav__link-text">Network services</span>
2443
+ </a>
2444
+ </li>
2445
+ <li class="pf-v6-c-nav__item">
2446
+ <a href="#" class="pf-v6-c-nav__link">
2447
+ <span class="pf-v6-c-nav__link-text">Server</span>
2448
+ </a>
2449
+ </li>
2450
+ </ul>
2451
+ </nav>
2452
+ </div>
2441
2453
  </div>
2442
2454
  </div>
2443
2455
  <div class="pf-v6-c-page__main-container" tabindex="-1">
@@ -2880,44 +2892,46 @@ wrapperTag: div
2880
2892
  </div>
2881
2893
  </header>
2882
2894
  <div class="pf-v6-c-page__sidebar">
2883
- <div class="pf-v6-c-page__sidebar-body">
2884
- <nav
2885
- class="pf-v6-c-nav"
2886
- id="page-demo-sticky-section-bottom-primary-nav"
2887
- aria-label="Global"
2888
- >
2889
- <ul class="pf-v6-c-nav__list" role="list">
2890
- <li class="pf-v6-c-nav__item">
2891
- <a href="#" class="pf-v6-c-nav__link">
2892
- <span class="pf-v6-c-nav__link-text">System panel</span>
2893
- </a>
2894
- </li>
2895
- <li class="pf-v6-c-nav__item">
2896
- <a
2897
- href="#"
2898
- class="pf-v6-c-nav__link pf-m-current"
2899
- aria-current="page"
2900
- >
2901
- <span class="pf-v6-c-nav__link-text">Policy</span>
2902
- </a>
2903
- </li>
2904
- <li class="pf-v6-c-nav__item">
2905
- <a href="#" class="pf-v6-c-nav__link">
2906
- <span class="pf-v6-c-nav__link-text">Authentication</span>
2907
- </a>
2908
- </li>
2909
- <li class="pf-v6-c-nav__item">
2910
- <a href="#" class="pf-v6-c-nav__link">
2911
- <span class="pf-v6-c-nav__link-text">Network services</span>
2912
- </a>
2913
- </li>
2914
- <li class="pf-v6-c-nav__item">
2915
- <a href="#" class="pf-v6-c-nav__link">
2916
- <span class="pf-v6-c-nav__link-text">Server</span>
2917
- </a>
2918
- </li>
2919
- </ul>
2920
- </nav>
2895
+ <div class="pf-v6-c-page__sidebar-main">
2896
+ <div class="pf-v6-c-page__sidebar-body">
2897
+ <nav
2898
+ class="pf-v6-c-nav"
2899
+ id="page-demo-sticky-section-bottom-primary-nav"
2900
+ aria-label="Global"
2901
+ >
2902
+ <ul class="pf-v6-c-nav__list" role="list">
2903
+ <li class="pf-v6-c-nav__item">
2904
+ <a href="#" class="pf-v6-c-nav__link">
2905
+ <span class="pf-v6-c-nav__link-text">System panel</span>
2906
+ </a>
2907
+ </li>
2908
+ <li class="pf-v6-c-nav__item">
2909
+ <a
2910
+ href="#"
2911
+ class="pf-v6-c-nav__link pf-m-current"
2912
+ aria-current="page"
2913
+ >
2914
+ <span class="pf-v6-c-nav__link-text">Policy</span>
2915
+ </a>
2916
+ </li>
2917
+ <li class="pf-v6-c-nav__item">
2918
+ <a href="#" class="pf-v6-c-nav__link">
2919
+ <span class="pf-v6-c-nav__link-text">Authentication</span>
2920
+ </a>
2921
+ </li>
2922
+ <li class="pf-v6-c-nav__item">
2923
+ <a href="#" class="pf-v6-c-nav__link">
2924
+ <span class="pf-v6-c-nav__link-text">Network services</span>
2925
+ </a>
2926
+ </li>
2927
+ <li class="pf-v6-c-nav__item">
2928
+ <a href="#" class="pf-v6-c-nav__link">
2929
+ <span class="pf-v6-c-nav__link-text">Server</span>
2930
+ </a>
2931
+ </li>
2932
+ </ul>
2933
+ </nav>
2934
+ </div>
2921
2935
  </div>
2922
2936
  </div>
2923
2937
  <div class="pf-v6-c-page__main-container" tabindex="-1">
@@ -3365,44 +3379,46 @@ wrapperTag: div
3365
3379
  </div>
3366
3380
  </header>
3367
3381
  <div class="pf-v6-c-page__sidebar">
3368
- <div class="pf-v6-c-page__sidebar-body">
3369
- <nav
3370
- class="pf-v6-c-nav"
3371
- id="page-demo-overflow-scroll-primary-nav"
3372
- aria-label="Global"
3373
- >
3374
- <ul class="pf-v6-c-nav__list" role="list">
3375
- <li class="pf-v6-c-nav__item">
3376
- <a href="#" class="pf-v6-c-nav__link">
3377
- <span class="pf-v6-c-nav__link-text">System panel</span>
3378
- </a>
3379
- </li>
3380
- <li class="pf-v6-c-nav__item">
3381
- <a
3382
- href="#"
3383
- class="pf-v6-c-nav__link pf-m-current"
3384
- aria-current="page"
3385
- >
3386
- <span class="pf-v6-c-nav__link-text">Policy</span>
3387
- </a>
3388
- </li>
3389
- <li class="pf-v6-c-nav__item">
3390
- <a href="#" class="pf-v6-c-nav__link">
3391
- <span class="pf-v6-c-nav__link-text">Authentication</span>
3392
- </a>
3393
- </li>
3394
- <li class="pf-v6-c-nav__item">
3395
- <a href="#" class="pf-v6-c-nav__link">
3396
- <span class="pf-v6-c-nav__link-text">Network services</span>
3397
- </a>
3398
- </li>
3399
- <li class="pf-v6-c-nav__item">
3400
- <a href="#" class="pf-v6-c-nav__link">
3401
- <span class="pf-v6-c-nav__link-text">Server</span>
3402
- </a>
3403
- </li>
3404
- </ul>
3405
- </nav>
3382
+ <div class="pf-v6-c-page__sidebar-main">
3383
+ <div class="pf-v6-c-page__sidebar-body">
3384
+ <nav
3385
+ class="pf-v6-c-nav"
3386
+ id="page-demo-overflow-scroll-primary-nav"
3387
+ aria-label="Global"
3388
+ >
3389
+ <ul class="pf-v6-c-nav__list" role="list">
3390
+ <li class="pf-v6-c-nav__item">
3391
+ <a href="#" class="pf-v6-c-nav__link">
3392
+ <span class="pf-v6-c-nav__link-text">System panel</span>
3393
+ </a>
3394
+ </li>
3395
+ <li class="pf-v6-c-nav__item">
3396
+ <a
3397
+ href="#"
3398
+ class="pf-v6-c-nav__link pf-m-current"
3399
+ aria-current="page"
3400
+ >
3401
+ <span class="pf-v6-c-nav__link-text">Policy</span>
3402
+ </a>
3403
+ </li>
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">Authentication</span>
3407
+ </a>
3408
+ </li>
3409
+ <li class="pf-v6-c-nav__item">
3410
+ <a href="#" class="pf-v6-c-nav__link">
3411
+ <span class="pf-v6-c-nav__link-text">Network services</span>
3412
+ </a>
3413
+ </li>
3414
+ <li class="pf-v6-c-nav__item">
3415
+ <a href="#" class="pf-v6-c-nav__link">
3416
+ <span class="pf-v6-c-nav__link-text">Server</span>
3417
+ </a>
3418
+ </li>
3419
+ </ul>
3420
+ </nav>
3421
+ </div>
3406
3422
  </div>
3407
3423
  </div>
3408
3424
  <div class="pf-v6-c-page__main-container" tabindex="-1">
@@ -3855,44 +3871,46 @@ wrapperTag: div
3855
3871
  </div>
3856
3872
  </header>
3857
3873
  <div class="pf-v6-c-page__sidebar">
3858
- <div class="pf-v6-c-page__sidebar-body">
3859
- <nav
3860
- class="pf-v6-c-nav"
3861
- id="page-demo-centered-section-primary-nav"
3862
- aria-label="Global"
3863
- >
3864
- <ul class="pf-v6-c-nav__list" role="list">
3865
- <li class="pf-v6-c-nav__item">
3866
- <a href="#" class="pf-v6-c-nav__link">
3867
- <span class="pf-v6-c-nav__link-text">System panel</span>
3868
- </a>
3869
- </li>
3870
- <li class="pf-v6-c-nav__item">
3871
- <a
3872
- href="#"
3873
- class="pf-v6-c-nav__link pf-m-current"
3874
- aria-current="page"
3875
- >
3876
- <span class="pf-v6-c-nav__link-text">Policy</span>
3877
- </a>
3878
- </li>
3879
- <li class="pf-v6-c-nav__item">
3880
- <a href="#" class="pf-v6-c-nav__link">
3881
- <span class="pf-v6-c-nav__link-text">Authentication</span>
3882
- </a>
3883
- </li>
3884
- <li class="pf-v6-c-nav__item">
3885
- <a href="#" class="pf-v6-c-nav__link">
3886
- <span class="pf-v6-c-nav__link-text">Network services</span>
3887
- </a>
3888
- </li>
3889
- <li class="pf-v6-c-nav__item">
3890
- <a href="#" class="pf-v6-c-nav__link">
3891
- <span class="pf-v6-c-nav__link-text">Server</span>
3892
- </a>
3893
- </li>
3894
- </ul>
3895
- </nav>
3874
+ <div class="pf-v6-c-page__sidebar-main">
3875
+ <div class="pf-v6-c-page__sidebar-body">
3876
+ <nav
3877
+ class="pf-v6-c-nav"
3878
+ id="page-demo-centered-section-primary-nav"
3879
+ aria-label="Global"
3880
+ >
3881
+ <ul class="pf-v6-c-nav__list" role="list">
3882
+ <li class="pf-v6-c-nav__item">
3883
+ <a href="#" class="pf-v6-c-nav__link">
3884
+ <span class="pf-v6-c-nav__link-text">System panel</span>
3885
+ </a>
3886
+ </li>
3887
+ <li class="pf-v6-c-nav__item">
3888
+ <a
3889
+ href="#"
3890
+ class="pf-v6-c-nav__link pf-m-current"
3891
+ aria-current="page"
3892
+ >
3893
+ <span class="pf-v6-c-nav__link-text">Policy</span>
3894
+ </a>
3895
+ </li>
3896
+ <li class="pf-v6-c-nav__item">
3897
+ <a href="#" class="pf-v6-c-nav__link">
3898
+ <span class="pf-v6-c-nav__link-text">Authentication</span>
3899
+ </a>
3900
+ </li>
3901
+ <li class="pf-v6-c-nav__item">
3902
+ <a href="#" class="pf-v6-c-nav__link">
3903
+ <span class="pf-v6-c-nav__link-text">Network services</span>
3904
+ </a>
3905
+ </li>
3906
+ <li class="pf-v6-c-nav__item">
3907
+ <a href="#" class="pf-v6-c-nav__link">
3908
+ <span class="pf-v6-c-nav__link-text">Server</span>
3909
+ </a>
3910
+ </li>
3911
+ </ul>
3912
+ </nav>
3913
+ </div>
3896
3914
  </div>
3897
3915
  </div>
3898
3916
  <div class="pf-v6-c-page__main-container" tabindex="-1">
@@ -4167,61 +4185,63 @@ wrapperTag: div
4167
4185
  </div>
4168
4186
  </header>
4169
4187
  <div class="pf-v6-c-page__sidebar">
4170
- <div class="pf-v6-c-page__sidebar-body pf-m-context-selector">
4171
- <button
4172
- class="pf-v6-c-menu-toggle pf-m-full-width"
4173
- type="button"
4174
- aria-expanded="false"
4175
- >
4176
- <span class="pf-v6-c-menu-toggle__icon">
4177
- <i class="fas fa-cogs" aria-hidden="true"></i>
4178
- </span>
4179
- <span class="pf-v6-c-menu-toggle__text">Administrator</span>
4180
- <span class="pf-v6-c-menu-toggle__controls">
4181
- <span class="pf-v6-c-menu-toggle__toggle-icon">
4182
- <i class="fas fa-caret-down fa-fw" aria-hidden="true"></i>
4188
+ <div class="pf-v6-c-page__sidebar-main">
4189
+ <div class="pf-v6-c-page__sidebar-body pf-m-context-selector">
4190
+ <button
4191
+ class="pf-v6-c-menu-toggle pf-m-full-width"
4192
+ type="button"
4193
+ aria-expanded="false"
4194
+ >
4195
+ <span class="pf-v6-c-menu-toggle__icon">
4196
+ <i class="fas fa-cogs" aria-hidden="true"></i>
4183
4197
  </span>
4184
- </span>
4185
- </button>
4186
- </div>
4187
- <div class="pf-v6-c-page__sidebar-body">
4188
- <nav
4189
- class="pf-v6-c-nav"
4190
- id="page-context-selector-primary-nav"
4191
- aria-label="Global"
4192
- >
4193
- <ul class="pf-v6-c-nav__list" role="list">
4194
- <li class="pf-v6-c-nav__item">
4195
- <a href="#" class="pf-v6-c-nav__link">
4196
- <span class="pf-v6-c-nav__link-text">System panel</span>
4197
- </a>
4198
- </li>
4199
- <li class="pf-v6-c-nav__item">
4200
- <a
4201
- href="#"
4202
- class="pf-v6-c-nav__link pf-m-current"
4203
- aria-current="page"
4204
- >
4205
- <span class="pf-v6-c-nav__link-text">Policy</span>
4206
- </a>
4207
- </li>
4208
- <li class="pf-v6-c-nav__item">
4209
- <a href="#" class="pf-v6-c-nav__link">
4210
- <span class="pf-v6-c-nav__link-text">Authentication</span>
4211
- </a>
4212
- </li>
4213
- <li class="pf-v6-c-nav__item">
4214
- <a href="#" class="pf-v6-c-nav__link">
4215
- <span class="pf-v6-c-nav__link-text">Network services</span>
4216
- </a>
4217
- </li>
4218
- <li class="pf-v6-c-nav__item">
4219
- <a href="#" class="pf-v6-c-nav__link">
4220
- <span class="pf-v6-c-nav__link-text">Server</span>
4221
- </a>
4222
- </li>
4223
- </ul>
4224
- </nav>
4198
+ <span class="pf-v6-c-menu-toggle__text">Administrator</span>
4199
+ <span class="pf-v6-c-menu-toggle__controls">
4200
+ <span class="pf-v6-c-menu-toggle__toggle-icon">
4201
+ <i class="fas fa-caret-down fa-fw" aria-hidden="true"></i>
4202
+ </span>
4203
+ </span>
4204
+ </button>
4205
+ </div>
4206
+ <div class="pf-v6-c-page__sidebar-body">
4207
+ <nav
4208
+ class="pf-v6-c-nav"
4209
+ id="page-context-selector-primary-nav"
4210
+ aria-label="Global"
4211
+ >
4212
+ <ul class="pf-v6-c-nav__list" role="list">
4213
+ <li class="pf-v6-c-nav__item">
4214
+ <a href="#" class="pf-v6-c-nav__link">
4215
+ <span class="pf-v6-c-nav__link-text">System panel</span>
4216
+ </a>
4217
+ </li>
4218
+ <li class="pf-v6-c-nav__item">
4219
+ <a
4220
+ href="#"
4221
+ class="pf-v6-c-nav__link pf-m-current"
4222
+ aria-current="page"
4223
+ >
4224
+ <span class="pf-v6-c-nav__link-text">Policy</span>
4225
+ </a>
4226
+ </li>
4227
+ <li class="pf-v6-c-nav__item">
4228
+ <a href="#" class="pf-v6-c-nav__link">
4229
+ <span class="pf-v6-c-nav__link-text">Authentication</span>
4230
+ </a>
4231
+ </li>
4232
+ <li class="pf-v6-c-nav__item">
4233
+ <a href="#" class="pf-v6-c-nav__link">
4234
+ <span class="pf-v6-c-nav__link-text">Network services</span>
4235
+ </a>
4236
+ </li>
4237
+ <li class="pf-v6-c-nav__item">
4238
+ <a href="#" class="pf-v6-c-nav__link">
4239
+ <span class="pf-v6-c-nav__link-text">Server</span>
4240
+ </a>
4241
+ </li>
4242
+ </ul>
4243
+ </nav>
4244
+ </div>
4225
4245
  </div>
4226
4246
  </div>
4227
4247
  <div class="pf-v6-c-page__main-container" tabindex="-1">
@@ -4542,98 +4562,112 @@ wrapperTag: div
4542
4562
  </div>
4543
4563
  </header>
4544
4564
  <div class="pf-v6-c-page__sidebar">
4545
- <div class="pf-v6-c-page__sidebar-body pf-m-context-selector">
4546
- <button
4547
- class="pf-v6-c-menu-toggle pf-m-full-width pf-m-expanded"
4548
- type="button"
4549
- aria-expanded="true"
4550
- >
4551
- <span class="pf-v6-c-menu-toggle__icon">
4552
- <i class="fas fa-cogs" aria-hidden="true"></i>
4553
- </span>
4554
- <span class="pf-v6-c-menu-toggle__text">Administrator</span>
4555
- <span class="pf-v6-c-menu-toggle__controls">
4556
- <span class="pf-v6-c-menu-toggle__toggle-icon">
4557
- <i class="fas fa-caret-down fa-fw" aria-hidden="true"></i>
4565
+ <div class="pf-v6-c-page__sidebar-main">
4566
+ <div class="pf-v6-c-page__sidebar-body pf-m-context-selector">
4567
+ <button
4568
+ class="pf-v6-c-menu-toggle pf-m-full-width pf-m-expanded"
4569
+ type="button"
4570
+ aria-expanded="true"
4571
+ >
4572
+ <span class="pf-v6-c-menu-toggle__icon">
4573
+ <i class="fas fa-cogs" aria-hidden="true"></i>
4558
4574
  </span>
4559
- </span>
4560
- </button>
4561
- <div class="pf-v6-c-menu">
4562
- <div class="pf-v6-c-menu__content">
4563
- <ul class="pf-v6-c-menu__list" role="menu">
4564
- <li class="pf-v6-c-menu__list-item" role="none">
4565
- <button class="pf-v6-c-menu__item" type="button" role="menuitem">
4566
- <span class="pf-v6-c-menu__item-main">
4567
- <span class="pf-v6-c-menu__item-icon">
4568
- <i class="fas fa-fw fa-cogs" aria-hidden="true"></i>
4575
+ <span class="pf-v6-c-menu-toggle__text">Administrator</span>
4576
+ <span class="pf-v6-c-menu-toggle__controls">
4577
+ <span class="pf-v6-c-menu-toggle__toggle-icon">
4578
+ <i class="fas fa-caret-down fa-fw" aria-hidden="true"></i>
4579
+ </span>
4580
+ </span>
4581
+ </button>
4582
+ <div class="pf-v6-c-menu">
4583
+ <div class="pf-v6-c-menu__content">
4584
+ <ul class="pf-v6-c-menu__list" role="menu">
4585
+ <li class="pf-v6-c-menu__list-item" role="none">
4586
+ <button
4587
+ class="pf-v6-c-menu__item"
4588
+ type="button"
4589
+ role="menuitem"
4590
+ >
4591
+ <span class="pf-v6-c-menu__item-main">
4592
+ <span class="pf-v6-c-menu__item-icon">
4593
+ <i class="fas fa-fw fa-cogs" aria-hidden="true"></i>
4594
+ </span>
4595
+ <span class="pf-v6-c-menu__item-text">Administrator</span>
4569
4596
  </span>
4570
- <span class="pf-v6-c-menu__item-text">Administrator</span>
4571
- </span>
4572
- </button>
4573
- </li>
4574
- <li class="pf-v6-c-menu__list-item" role="none">
4575
- <button class="pf-v6-c-menu__item" type="button" role="menuitem">
4576
- <span class="pf-v6-c-menu__item-main">
4577
- <span class="pf-v6-c-menu__item-icon">
4578
- <i class="fas fa-fw fa-code" aria-hidden="true"></i>
4597
+ </button>
4598
+ </li>
4599
+ <li class="pf-v6-c-menu__list-item" role="none">
4600
+ <button
4601
+ class="pf-v6-c-menu__item"
4602
+ type="button"
4603
+ role="menuitem"
4604
+ >
4605
+ <span class="pf-v6-c-menu__item-main">
4606
+ <span class="pf-v6-c-menu__item-icon">
4607
+ <i class="fas fa-fw fa-code" aria-hidden="true"></i>
4608
+ </span>
4609
+ <span class="pf-v6-c-menu__item-text">Developer</span>
4579
4610
  </span>
4580
- <span class="pf-v6-c-menu__item-text">Developer</span>
4581
- </span>
4582
- </button>
4583
- </li>
4584
- <li class="pf-v6-c-menu__list-item" role="none">
4585
- <button class="pf-v6-c-menu__item" type="button" role="menuitem">
4586
- <span class="pf-v6-c-menu__item-main">
4587
- <span class="pf-v6-c-menu__item-icon">
4588
- <i class="fas fa-fw fa-cube" aria-hidden="true"></i>
4611
+ </button>
4612
+ </li>
4613
+ <li class="pf-v6-c-menu__list-item" role="none">
4614
+ <button
4615
+ class="pf-v6-c-menu__item"
4616
+ type="button"
4617
+ role="menuitem"
4618
+ >
4619
+ <span class="pf-v6-c-menu__item-main">
4620
+ <span class="pf-v6-c-menu__item-icon">
4621
+ <i class="fas fa-fw fa-cube" aria-hidden="true"></i>
4622
+ </span>
4623
+ <span class="pf-v6-c-menu__item-text">User</span>
4589
4624
  </span>
4590
- <span class="pf-v6-c-menu__item-text">User</span>
4591
- </span>
4592
- </button>
4625
+ </button>
4626
+ </li>
4627
+ </ul>
4628
+ </div>
4629
+ </div>
4630
+ </div>
4631
+ <div class="pf-v6-c-page__sidebar-body">
4632
+ <nav
4633
+ class="pf-v6-c-nav"
4634
+ id="page-context-selector-expanded-primary-nav"
4635
+ aria-label="Global"
4636
+ >
4637
+ <ul class="pf-v6-c-nav__list" role="list">
4638
+ <li class="pf-v6-c-nav__item">
4639
+ <a href="#" class="pf-v6-c-nav__link">
4640
+ <span class="pf-v6-c-nav__link-text">System panel</span>
4641
+ </a>
4642
+ </li>
4643
+ <li class="pf-v6-c-nav__item">
4644
+ <a
4645
+ href="#"
4646
+ class="pf-v6-c-nav__link pf-m-current"
4647
+ aria-current="page"
4648
+ >
4649
+ <span class="pf-v6-c-nav__link-text">Policy</span>
4650
+ </a>
4651
+ </li>
4652
+ <li class="pf-v6-c-nav__item">
4653
+ <a href="#" class="pf-v6-c-nav__link">
4654
+ <span class="pf-v6-c-nav__link-text">Authentication</span>
4655
+ </a>
4656
+ </li>
4657
+ <li class="pf-v6-c-nav__item">
4658
+ <a href="#" class="pf-v6-c-nav__link">
4659
+ <span class="pf-v6-c-nav__link-text">Network services</span>
4660
+ </a>
4661
+ </li>
4662
+ <li class="pf-v6-c-nav__item">
4663
+ <a href="#" class="pf-v6-c-nav__link">
4664
+ <span class="pf-v6-c-nav__link-text">Server</span>
4665
+ </a>
4593
4666
  </li>
4594
4667
  </ul>
4595
- </div>
4668
+ </nav>
4596
4669
  </div>
4597
4670
  </div>
4598
- <div class="pf-v6-c-page__sidebar-body">
4599
- <nav
4600
- class="pf-v6-c-nav"
4601
- id="page-context-selector-expanded-primary-nav"
4602
- aria-label="Global"
4603
- >
4604
- <ul class="pf-v6-c-nav__list" role="list">
4605
- <li class="pf-v6-c-nav__item">
4606
- <a href="#" class="pf-v6-c-nav__link">
4607
- <span class="pf-v6-c-nav__link-text">System panel</span>
4608
- </a>
4609
- </li>
4610
- <li class="pf-v6-c-nav__item">
4611
- <a
4612
- href="#"
4613
- class="pf-v6-c-nav__link pf-m-current"
4614
- aria-current="page"
4615
- >
4616
- <span class="pf-v6-c-nav__link-text">Policy</span>
4617
- </a>
4618
- </li>
4619
- <li class="pf-v6-c-nav__item">
4620
- <a href="#" class="pf-v6-c-nav__link">
4621
- <span class="pf-v6-c-nav__link-text">Authentication</span>
4622
- </a>
4623
- </li>
4624
- <li class="pf-v6-c-nav__item">
4625
- <a href="#" class="pf-v6-c-nav__link">
4626
- <span class="pf-v6-c-nav__link-text">Network services</span>
4627
- </a>
4628
- </li>
4629
- <li class="pf-v6-c-nav__item">
4630
- <a href="#" class="pf-v6-c-nav__link">
4631
- <span class="pf-v6-c-nav__link-text">Server</span>
4632
- </a>
4633
- </li>
4634
- </ul>
4635
- </nav>
4636
- </div>
4637
4671
  </div>
4638
4672
  <div class="pf-v6-c-page__main-container" tabindex="-1">
4639
4673
  <main
@@ -4953,44 +4987,46 @@ wrapperTag: div
4953
4987
  </div>
4954
4988
  </header>
4955
4989
  <div class="pf-v6-c-page__sidebar pf-m-collapsed">
4956
- <div class="pf-v6-c-page__sidebar-body">
4957
- <nav
4958
- class="pf-v6-c-nav"
4959
- id="page-demo-sidebar-collapsed-primary-nav"
4960
- aria-label="Global"
4961
- >
4962
- <ul class="pf-v6-c-nav__list" role="list">
4963
- <li class="pf-v6-c-nav__item">
4964
- <a href="#" class="pf-v6-c-nav__link">
4965
- <span class="pf-v6-c-nav__link-text">System panel</span>
4966
- </a>
4967
- </li>
4968
- <li class="pf-v6-c-nav__item">
4969
- <a
4970
- href="#"
4971
- class="pf-v6-c-nav__link pf-m-current"
4972
- aria-current="page"
4973
- >
4974
- <span class="pf-v6-c-nav__link-text">Policy</span>
4975
- </a>
4976
- </li>
4977
- <li class="pf-v6-c-nav__item">
4978
- <a href="#" class="pf-v6-c-nav__link">
4979
- <span class="pf-v6-c-nav__link-text">Authentication</span>
4980
- </a>
4981
- </li>
4982
- <li class="pf-v6-c-nav__item">
4983
- <a href="#" class="pf-v6-c-nav__link">
4984
- <span class="pf-v6-c-nav__link-text">Network services</span>
4985
- </a>
4986
- </li>
4987
- <li class="pf-v6-c-nav__item">
4988
- <a href="#" class="pf-v6-c-nav__link">
4989
- <span class="pf-v6-c-nav__link-text">Server</span>
4990
- </a>
4991
- </li>
4992
- </ul>
4993
- </nav>
4990
+ <div class="pf-v6-c-page__sidebar-main">
4991
+ <div class="pf-v6-c-page__sidebar-body">
4992
+ <nav
4993
+ class="pf-v6-c-nav"
4994
+ id="page-demo-sidebar-collapsed-primary-nav"
4995
+ aria-label="Global"
4996
+ >
4997
+ <ul class="pf-v6-c-nav__list" role="list">
4998
+ <li class="pf-v6-c-nav__item">
4999
+ <a href="#" class="pf-v6-c-nav__link">
5000
+ <span class="pf-v6-c-nav__link-text">System panel</span>
5001
+ </a>
5002
+ </li>
5003
+ <li class="pf-v6-c-nav__item">
5004
+ <a
5005
+ href="#"
5006
+ class="pf-v6-c-nav__link pf-m-current"
5007
+ aria-current="page"
5008
+ >
5009
+ <span class="pf-v6-c-nav__link-text">Policy</span>
5010
+ </a>
5011
+ </li>
5012
+ <li class="pf-v6-c-nav__item">
5013
+ <a href="#" class="pf-v6-c-nav__link">
5014
+ <span class="pf-v6-c-nav__link-text">Authentication</span>
5015
+ </a>
5016
+ </li>
5017
+ <li class="pf-v6-c-nav__item">
5018
+ <a href="#" class="pf-v6-c-nav__link">
5019
+ <span class="pf-v6-c-nav__link-text">Network services</span>
5020
+ </a>
5021
+ </li>
5022
+ <li class="pf-v6-c-nav__item">
5023
+ <a href="#" class="pf-v6-c-nav__link">
5024
+ <span class="pf-v6-c-nav__link-text">Server</span>
5025
+ </a>
5026
+ </li>
5027
+ </ul>
5028
+ </nav>
5029
+ </div>
4994
5030
  </div>
4995
5031
  </div>
4996
5032
  <div class="pf-v6-c-page__main-container" tabindex="-1">
@@ -5311,44 +5347,46 @@ wrapperTag: div
5311
5347
  </div>
5312
5348
  </header>
5313
5349
  <div class="pf-v6-c-page__sidebar pf-m-expanded">
5314
- <div class="pf-v6-c-page__sidebar-body">
5315
- <nav
5316
- class="pf-v6-c-nav"
5317
- id="page-demo-sidebar-expanded-primary-nav"
5318
- aria-label="Global"
5319
- >
5320
- <ul class="pf-v6-c-nav__list" role="list">
5321
- <li class="pf-v6-c-nav__item">
5322
- <a href="#" class="pf-v6-c-nav__link">
5323
- <span class="pf-v6-c-nav__link-text">System panel</span>
5324
- </a>
5325
- </li>
5326
- <li class="pf-v6-c-nav__item">
5327
- <a
5328
- href="#"
5329
- class="pf-v6-c-nav__link pf-m-current"
5330
- aria-current="page"
5331
- >
5332
- <span class="pf-v6-c-nav__link-text">Policy</span>
5333
- </a>
5334
- </li>
5335
- <li class="pf-v6-c-nav__item">
5336
- <a href="#" class="pf-v6-c-nav__link">
5337
- <span class="pf-v6-c-nav__link-text">Authentication</span>
5338
- </a>
5339
- </li>
5340
- <li class="pf-v6-c-nav__item">
5341
- <a href="#" class="pf-v6-c-nav__link">
5342
- <span class="pf-v6-c-nav__link-text">Network services</span>
5343
- </a>
5344
- </li>
5345
- <li class="pf-v6-c-nav__item">
5346
- <a href="#" class="pf-v6-c-nav__link">
5347
- <span class="pf-v6-c-nav__link-text">Server</span>
5348
- </a>
5349
- </li>
5350
- </ul>
5351
- </nav>
5350
+ <div class="pf-v6-c-page__sidebar-main">
5351
+ <div class="pf-v6-c-page__sidebar-body">
5352
+ <nav
5353
+ class="pf-v6-c-nav"
5354
+ id="page-demo-sidebar-expanded-primary-nav"
5355
+ aria-label="Global"
5356
+ >
5357
+ <ul class="pf-v6-c-nav__list" role="list">
5358
+ <li class="pf-v6-c-nav__item">
5359
+ <a href="#" class="pf-v6-c-nav__link">
5360
+ <span class="pf-v6-c-nav__link-text">System panel</span>
5361
+ </a>
5362
+ </li>
5363
+ <li class="pf-v6-c-nav__item">
5364
+ <a
5365
+ href="#"
5366
+ class="pf-v6-c-nav__link pf-m-current"
5367
+ aria-current="page"
5368
+ >
5369
+ <span class="pf-v6-c-nav__link-text">Policy</span>
5370
+ </a>
5371
+ </li>
5372
+ <li class="pf-v6-c-nav__item">
5373
+ <a href="#" class="pf-v6-c-nav__link">
5374
+ <span class="pf-v6-c-nav__link-text">Authentication</span>
5375
+ </a>
5376
+ </li>
5377
+ <li class="pf-v6-c-nav__item">
5378
+ <a href="#" class="pf-v6-c-nav__link">
5379
+ <span class="pf-v6-c-nav__link-text">Network services</span>
5380
+ </a>
5381
+ </li>
5382
+ <li class="pf-v6-c-nav__item">
5383
+ <a href="#" class="pf-v6-c-nav__link">
5384
+ <span class="pf-v6-c-nav__link-text">Server</span>
5385
+ </a>
5386
+ </li>
5387
+ </ul>
5388
+ </nav>
5389
+ </div>
5352
5390
  </div>
5353
5391
  </div>
5354
5392
  <div class="pf-v6-c-page__main-container" tabindex="-1">