@patternfly/patternfly 6.5.0-prerelease.54 → 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 (84) 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/_index.css +204 -52
  49. package/docs/components/Accordion/examples/Accordion.md +1 -0
  50. package/docs/components/Card/examples/Card.md +1 -0
  51. package/docs/components/DragDrop/examples/DragDrop.css +1 -1
  52. package/docs/components/Page/examples/Page.md +47 -37
  53. package/docs/components/Panel/examples/Panel.md +12 -0
  54. package/docs/demos/AboutModal/examples/AboutModal.md +40 -38
  55. package/docs/demos/Alert/examples/Alert.md +120 -114
  56. package/docs/demos/BackToTop/examples/BackToTop.md +40 -38
  57. package/docs/demos/Banner/examples/Banner.md +80 -76
  58. package/docs/demos/CardView/examples/CardView.md +297 -271
  59. package/docs/demos/Compass/examples/Compass.md +1409 -2732
  60. package/docs/demos/Dashboard/examples/Dashboard.md +40 -38
  61. package/docs/demos/DataList/examples/DataList.md +160 -152
  62. package/docs/demos/DescriptionList/examples/DescriptionList.md +120 -114
  63. package/docs/demos/Drawer/examples/Drawer.md +200 -190
  64. package/docs/demos/JumpLinks/examples/JumpLinks.md +240 -228
  65. package/docs/demos/Masthead/examples/Masthead.md +320 -304
  66. package/docs/demos/Modal/examples/Modal.md +240 -228
  67. package/docs/demos/Nav/examples/Nav.md +2302 -600
  68. package/docs/demos/NotificationDrawer/examples/NotificationDrawer.md +180 -170
  69. package/docs/demos/Page/examples/Page.md +606 -568
  70. package/docs/demos/PrimaryDetail/examples/PrimaryDetail.md +280 -266
  71. package/docs/demos/Skeleton/examples/Skeleton.md +40 -38
  72. package/docs/demos/Table/examples/Table.md +640 -604
  73. package/docs/demos/Tabs/examples/Tabs.md +240 -228
  74. package/docs/demos/Toolbar/examples/Toolbar.md +80 -76
  75. package/docs/demos/Wizard/examples/Wizard.md +360 -342
  76. package/package.json +1 -1
  77. package/patternfly-base-no-globals.css +4238 -784
  78. package/patternfly-base.css +4238 -784
  79. package/patternfly-no-globals.css +4356 -733
  80. package/patternfly.css +4356 -733
  81. package/patternfly.min.css +1 -1
  82. package/patternfly.min.css.map +1 -1
  83. package/patternfly.scss +27 -0
  84. package/sass-utilities/scss-variables.scss +1 -1
package/docs/demos/Masthead/examples/Masthead.md CHANGED
@@ -153,44 +153,46 @@ wrapperTag: div
153
153
  </div>
154
154
  </header>
155
155
  <div class="pf-v6-c-page__sidebar">
156
- <div class="pf-v6-c-page__sidebar-body">
157
- <nav
158
- class="pf-v6-c-nav"
159
- id="masthead-basic-example-primary-nav"
160
- aria-label="Global"
161
- >
162
- <ul class="pf-v6-c-nav__list" role="list">
163
- <li class="pf-v6-c-nav__item">
164
- <a href="#" class="pf-v6-c-nav__link">
165
- <span class="pf-v6-c-nav__link-text">System panel</span>
166
- </a>
167
- </li>
168
- <li class="pf-v6-c-nav__item">
169
- <a
170
- href="#"
171
- class="pf-v6-c-nav__link pf-m-current"
172
- aria-current="page"
173
- >
174
- <span class="pf-v6-c-nav__link-text">Policy</span>
175
- </a>
176
- </li>
177
- <li class="pf-v6-c-nav__item">
178
- <a href="#" class="pf-v6-c-nav__link">
179
- <span class="pf-v6-c-nav__link-text">Authentication</span>
180
- </a>
181
- </li>
182
- <li class="pf-v6-c-nav__item">
183
- <a href="#" class="pf-v6-c-nav__link">
184
- <span class="pf-v6-c-nav__link-text">Network services</span>
185
- </a>
186
- </li>
187
- <li class="pf-v6-c-nav__item">
188
- <a href="#" class="pf-v6-c-nav__link">
189
- <span class="pf-v6-c-nav__link-text">Server</span>
190
- </a>
191
- </li>
192
- </ul>
193
- </nav>
156
+ <div class="pf-v6-c-page__sidebar-main">
157
+ <div class="pf-v6-c-page__sidebar-body">
158
+ <nav
159
+ class="pf-v6-c-nav"
160
+ id="masthead-basic-example-primary-nav"
161
+ aria-label="Global"
162
+ >
163
+ <ul class="pf-v6-c-nav__list" role="list">
164
+ <li class="pf-v6-c-nav__item">
165
+ <a href="#" class="pf-v6-c-nav__link">
166
+ <span class="pf-v6-c-nav__link-text">System panel</span>
167
+ </a>
168
+ </li>
169
+ <li class="pf-v6-c-nav__item">
170
+ <a
171
+ href="#"
172
+ class="pf-v6-c-nav__link pf-m-current"
173
+ aria-current="page"
174
+ >
175
+ <span class="pf-v6-c-nav__link-text">Policy</span>
176
+ </a>
177
+ </li>
178
+ <li class="pf-v6-c-nav__item">
179
+ <a href="#" class="pf-v6-c-nav__link">
180
+ <span class="pf-v6-c-nav__link-text">Authentication</span>
181
+ </a>
182
+ </li>
183
+ <li class="pf-v6-c-nav__item">
184
+ <a href="#" class="pf-v6-c-nav__link">
185
+ <span class="pf-v6-c-nav__link-text">Network services</span>
186
+ </a>
187
+ </li>
188
+ <li class="pf-v6-c-nav__item">
189
+ <a href="#" class="pf-v6-c-nav__link">
190
+ <span class="pf-v6-c-nav__link-text">Server</span>
191
+ </a>
192
+ </li>
193
+ </ul>
194
+ </nav>
195
+ </div>
194
196
  </div>
195
197
  </div>
196
198
  <div class="pf-v6-c-page__main-container" tabindex="-1">
@@ -500,44 +502,46 @@ wrapperTag: div
500
502
  </div>
501
503
  </header>
502
504
  <div class="pf-v6-c-page__sidebar">
503
- <div class="pf-v6-c-page__sidebar-body">
504
- <nav
505
- class="pf-v6-c-nav"
506
- id="masthead-context-selecton-drilldown-example-primary-nav"
507
- aria-label="Global"
508
- >
509
- <ul class="pf-v6-c-nav__list" role="list">
510
- <li class="pf-v6-c-nav__item">
511
- <a href="#" class="pf-v6-c-nav__link">
512
- <span class="pf-v6-c-nav__link-text">System panel</span>
513
- </a>
514
- </li>
515
- <li class="pf-v6-c-nav__item">
516
- <a
517
- href="#"
518
- class="pf-v6-c-nav__link pf-m-current"
519
- aria-current="page"
520
- >
521
- <span class="pf-v6-c-nav__link-text">Policy</span>
522
- </a>
523
- </li>
524
- <li class="pf-v6-c-nav__item">
525
- <a href="#" class="pf-v6-c-nav__link">
526
- <span class="pf-v6-c-nav__link-text">Authentication</span>
527
- </a>
528
- </li>
529
- <li class="pf-v6-c-nav__item">
530
- <a href="#" class="pf-v6-c-nav__link">
531
- <span class="pf-v6-c-nav__link-text">Network services</span>
532
- </a>
533
- </li>
534
- <li class="pf-v6-c-nav__item">
535
- <a href="#" class="pf-v6-c-nav__link">
536
- <span class="pf-v6-c-nav__link-text">Server</span>
537
- </a>
538
- </li>
539
- </ul>
540
- </nav>
505
+ <div class="pf-v6-c-page__sidebar-main">
506
+ <div class="pf-v6-c-page__sidebar-body">
507
+ <nav
508
+ class="pf-v6-c-nav"
509
+ id="masthead-context-selecton-drilldown-example-primary-nav"
510
+ aria-label="Global"
511
+ >
512
+ <ul class="pf-v6-c-nav__list" role="list">
513
+ <li class="pf-v6-c-nav__item">
514
+ <a href="#" class="pf-v6-c-nav__link">
515
+ <span class="pf-v6-c-nav__link-text">System panel</span>
516
+ </a>
517
+ </li>
518
+ <li class="pf-v6-c-nav__item">
519
+ <a
520
+ href="#"
521
+ class="pf-v6-c-nav__link pf-m-current"
522
+ aria-current="page"
523
+ >
524
+ <span class="pf-v6-c-nav__link-text">Policy</span>
525
+ </a>
526
+ </li>
527
+ <li class="pf-v6-c-nav__item">
528
+ <a href="#" class="pf-v6-c-nav__link">
529
+ <span class="pf-v6-c-nav__link-text">Authentication</span>
530
+ </a>
531
+ </li>
532
+ <li class="pf-v6-c-nav__item">
533
+ <a href="#" class="pf-v6-c-nav__link">
534
+ <span class="pf-v6-c-nav__link-text">Network services</span>
535
+ </a>
536
+ </li>
537
+ <li class="pf-v6-c-nav__item">
538
+ <a href="#" class="pf-v6-c-nav__link">
539
+ <span class="pf-v6-c-nav__link-text">Server</span>
540
+ </a>
541
+ </li>
542
+ </ul>
543
+ </nav>
544
+ </div>
541
545
  </div>
542
546
  </div>
543
547
  <div class="pf-v6-c-page__main-container" tabindex="-1">
@@ -881,44 +885,46 @@ wrapperTag: div
881
885
  </div>
882
886
  </header>
883
887
  <div class="pf-v6-c-page__sidebar">
884
- <div class="pf-v6-c-page__sidebar-body">
885
- <nav
886
- class="pf-v6-c-nav"
887
- id="masthead-toolbar-filters-example-primary-nav"
888
- aria-label="Global"
889
- >
890
- <ul class="pf-v6-c-nav__list" role="list">
891
- <li class="pf-v6-c-nav__item">
892
- <a href="#" class="pf-v6-c-nav__link">
893
- <span class="pf-v6-c-nav__link-text">System panel</span>
894
- </a>
895
- </li>
896
- <li class="pf-v6-c-nav__item">
897
- <a
898
- href="#"
899
- class="pf-v6-c-nav__link pf-m-current"
900
- aria-current="page"
901
- >
902
- <span class="pf-v6-c-nav__link-text">Policy</span>
903
- </a>
904
- </li>
905
- <li class="pf-v6-c-nav__item">
906
- <a href="#" class="pf-v6-c-nav__link">
907
- <span class="pf-v6-c-nav__link-text">Authentication</span>
908
- </a>
909
- </li>
910
- <li class="pf-v6-c-nav__item">
911
- <a href="#" class="pf-v6-c-nav__link">
912
- <span class="pf-v6-c-nav__link-text">Network services</span>
913
- </a>
914
- </li>
915
- <li class="pf-v6-c-nav__item">
916
- <a href="#" class="pf-v6-c-nav__link">
917
- <span class="pf-v6-c-nav__link-text">Server</span>
918
- </a>
919
- </li>
920
- </ul>
921
- </nav>
888
+ <div class="pf-v6-c-page__sidebar-main">
889
+ <div class="pf-v6-c-page__sidebar-body">
890
+ <nav
891
+ class="pf-v6-c-nav"
892
+ id="masthead-toolbar-filters-example-primary-nav"
893
+ aria-label="Global"
894
+ >
895
+ <ul class="pf-v6-c-nav__list" role="list">
896
+ <li class="pf-v6-c-nav__item">
897
+ <a href="#" class="pf-v6-c-nav__link">
898
+ <span class="pf-v6-c-nav__link-text">System panel</span>
899
+ </a>
900
+ </li>
901
+ <li class="pf-v6-c-nav__item">
902
+ <a
903
+ href="#"
904
+ class="pf-v6-c-nav__link pf-m-current"
905
+ aria-current="page"
906
+ >
907
+ <span class="pf-v6-c-nav__link-text">Policy</span>
908
+ </a>
909
+ </li>
910
+ <li class="pf-v6-c-nav__item">
911
+ <a href="#" class="pf-v6-c-nav__link">
912
+ <span class="pf-v6-c-nav__link-text">Authentication</span>
913
+ </a>
914
+ </li>
915
+ <li class="pf-v6-c-nav__item">
916
+ <a href="#" class="pf-v6-c-nav__link">
917
+ <span class="pf-v6-c-nav__link-text">Network services</span>
918
+ </a>
919
+ </li>
920
+ <li class="pf-v6-c-nav__item">
921
+ <a href="#" class="pf-v6-c-nav__link">
922
+ <span class="pf-v6-c-nav__link-text">Server</span>
923
+ </a>
924
+ </li>
925
+ </ul>
926
+ </nav>
927
+ </div>
922
928
  </div>
923
929
  </div>
924
930
  <div class="pf-v6-c-page__main-container" tabindex="-1">
@@ -1265,44 +1271,46 @@ wrapperTag: div
1265
1271
  </div>
1266
1272
  </header>
1267
1273
  <div class="pf-v6-c-page__sidebar">
1268
- <div class="pf-v6-c-page__sidebar-body">
1269
- <nav
1270
- class="pf-v6-c-nav"
1271
- id="masthead-toggle-group-filters-example-primary-nav"
1272
- aria-label="Global"
1273
- >
1274
- <ul class="pf-v6-c-nav__list" role="list">
1275
- <li class="pf-v6-c-nav__item">
1276
- <a href="#" class="pf-v6-c-nav__link">
1277
- <span class="pf-v6-c-nav__link-text">System panel</span>
1278
- </a>
1279
- </li>
1280
- <li class="pf-v6-c-nav__item">
1281
- <a
1282
- href="#"
1283
- class="pf-v6-c-nav__link pf-m-current"
1284
- aria-current="page"
1285
- >
1286
- <span class="pf-v6-c-nav__link-text">Policy</span>
1287
- </a>
1288
- </li>
1289
- <li class="pf-v6-c-nav__item">
1290
- <a href="#" class="pf-v6-c-nav__link">
1291
- <span class="pf-v6-c-nav__link-text">Authentication</span>
1292
- </a>
1293
- </li>
1294
- <li class="pf-v6-c-nav__item">
1295
- <a href="#" class="pf-v6-c-nav__link">
1296
- <span class="pf-v6-c-nav__link-text">Network services</span>
1297
- </a>
1298
- </li>
1299
- <li class="pf-v6-c-nav__item">
1300
- <a href="#" class="pf-v6-c-nav__link">
1301
- <span class="pf-v6-c-nav__link-text">Server</span>
1302
- </a>
1303
- </li>
1304
- </ul>
1305
- </nav>
1274
+ <div class="pf-v6-c-page__sidebar-main">
1275
+ <div class="pf-v6-c-page__sidebar-body">
1276
+ <nav
1277
+ class="pf-v6-c-nav"
1278
+ id="masthead-toggle-group-filters-example-primary-nav"
1279
+ aria-label="Global"
1280
+ >
1281
+ <ul class="pf-v6-c-nav__list" role="list">
1282
+ <li class="pf-v6-c-nav__item">
1283
+ <a href="#" class="pf-v6-c-nav__link">
1284
+ <span class="pf-v6-c-nav__link-text">System panel</span>
1285
+ </a>
1286
+ </li>
1287
+ <li class="pf-v6-c-nav__item">
1288
+ <a
1289
+ href="#"
1290
+ class="pf-v6-c-nav__link pf-m-current"
1291
+ aria-current="page"
1292
+ >
1293
+ <span class="pf-v6-c-nav__link-text">Policy</span>
1294
+ </a>
1295
+ </li>
1296
+ <li class="pf-v6-c-nav__item">
1297
+ <a href="#" class="pf-v6-c-nav__link">
1298
+ <span class="pf-v6-c-nav__link-text">Authentication</span>
1299
+ </a>
1300
+ </li>
1301
+ <li class="pf-v6-c-nav__item">
1302
+ <a href="#" class="pf-v6-c-nav__link">
1303
+ <span class="pf-v6-c-nav__link-text">Network services</span>
1304
+ </a>
1305
+ </li>
1306
+ <li class="pf-v6-c-nav__item">
1307
+ <a href="#" class="pf-v6-c-nav__link">
1308
+ <span class="pf-v6-c-nav__link-text">Server</span>
1309
+ </a>
1310
+ </li>
1311
+ </ul>
1312
+ </nav>
1313
+ </div>
1306
1314
  </div>
1307
1315
  </div>
1308
1316
  <div class="pf-v6-c-page__main-container" tabindex="-1">
@@ -1598,44 +1606,46 @@ wrapperTag: div
1598
1606
  </div>
1599
1607
  </header>
1600
1608
  <div class="pf-v6-c-page__sidebar">
1601
- <div class="pf-v6-c-page__sidebar-body">
1602
- <nav
1603
- class="pf-v6-c-nav"
1604
- id="masthead-expandable-search-example-primary-nav"
1605
- aria-label="Global"
1606
- >
1607
- <ul class="pf-v6-c-nav__list" role="list">
1608
- <li class="pf-v6-c-nav__item">
1609
- <a href="#" class="pf-v6-c-nav__link">
1610
- <span class="pf-v6-c-nav__link-text">System panel</span>
1611
- </a>
1612
- </li>
1613
- <li class="pf-v6-c-nav__item">
1614
- <a
1615
- href="#"
1616
- class="pf-v6-c-nav__link pf-m-current"
1617
- aria-current="page"
1618
- >
1619
- <span class="pf-v6-c-nav__link-text">Policy</span>
1620
- </a>
1621
- </li>
1622
- <li class="pf-v6-c-nav__item">
1623
- <a href="#" class="pf-v6-c-nav__link">
1624
- <span class="pf-v6-c-nav__link-text">Authentication</span>
1625
- </a>
1626
- </li>
1627
- <li class="pf-v6-c-nav__item">
1628
- <a href="#" class="pf-v6-c-nav__link">
1629
- <span class="pf-v6-c-nav__link-text">Network services</span>
1630
- </a>
1631
- </li>
1632
- <li class="pf-v6-c-nav__item">
1633
- <a href="#" class="pf-v6-c-nav__link">
1634
- <span class="pf-v6-c-nav__link-text">Server</span>
1635
- </a>
1636
- </li>
1637
- </ul>
1638
- </nav>
1609
+ <div class="pf-v6-c-page__sidebar-main">
1610
+ <div class="pf-v6-c-page__sidebar-body">
1611
+ <nav
1612
+ class="pf-v6-c-nav"
1613
+ id="masthead-expandable-search-example-primary-nav"
1614
+ aria-label="Global"
1615
+ >
1616
+ <ul class="pf-v6-c-nav__list" role="list">
1617
+ <li class="pf-v6-c-nav__item">
1618
+ <a href="#" class="pf-v6-c-nav__link">
1619
+ <span class="pf-v6-c-nav__link-text">System panel</span>
1620
+ </a>
1621
+ </li>
1622
+ <li class="pf-v6-c-nav__item">
1623
+ <a
1624
+ href="#"
1625
+ class="pf-v6-c-nav__link pf-m-current"
1626
+ aria-current="page"
1627
+ >
1628
+ <span class="pf-v6-c-nav__link-text">Policy</span>
1629
+ </a>
1630
+ </li>
1631
+ <li class="pf-v6-c-nav__item">
1632
+ <a href="#" class="pf-v6-c-nav__link">
1633
+ <span class="pf-v6-c-nav__link-text">Authentication</span>
1634
+ </a>
1635
+ </li>
1636
+ <li class="pf-v6-c-nav__item">
1637
+ <a href="#" class="pf-v6-c-nav__link">
1638
+ <span class="pf-v6-c-nav__link-text">Network services</span>
1639
+ </a>
1640
+ </li>
1641
+ <li class="pf-v6-c-nav__item">
1642
+ <a href="#" class="pf-v6-c-nav__link">
1643
+ <span class="pf-v6-c-nav__link-text">Server</span>
1644
+ </a>
1645
+ </li>
1646
+ </ul>
1647
+ </nav>
1648
+ </div>
1639
1649
  </div>
1640
1650
  </div>
1641
1651
  <div class="pf-v6-c-page__main-container" tabindex="-1">
@@ -1949,44 +1959,46 @@ wrapperTag: div
1949
1959
  </div>
1950
1960
  </header>
1951
1961
  <div class="pf-v6-c-page__sidebar">
1952
- <div class="pf-v6-c-page__sidebar-body">
1953
- <nav
1954
- class="pf-v6-c-nav"
1955
- id="masthead-expandable-search-expanded-example-primary-nav"
1956
- aria-label="Global"
1957
- >
1958
- <ul class="pf-v6-c-nav__list" role="list">
1959
- <li class="pf-v6-c-nav__item">
1960
- <a href="#" class="pf-v6-c-nav__link">
1961
- <span class="pf-v6-c-nav__link-text">System panel</span>
1962
- </a>
1963
- </li>
1964
- <li class="pf-v6-c-nav__item">
1965
- <a
1966
- href="#"
1967
- class="pf-v6-c-nav__link pf-m-current"
1968
- aria-current="page"
1969
- >
1970
- <span class="pf-v6-c-nav__link-text">Policy</span>
1971
- </a>
1972
- </li>
1973
- <li class="pf-v6-c-nav__item">
1974
- <a href="#" class="pf-v6-c-nav__link">
1975
- <span class="pf-v6-c-nav__link-text">Authentication</span>
1976
- </a>
1977
- </li>
1978
- <li class="pf-v6-c-nav__item">
1979
- <a href="#" class="pf-v6-c-nav__link">
1980
- <span class="pf-v6-c-nav__link-text">Network services</span>
1981
- </a>
1982
- </li>
1983
- <li class="pf-v6-c-nav__item">
1984
- <a href="#" class="pf-v6-c-nav__link">
1985
- <span class="pf-v6-c-nav__link-text">Server</span>
1986
- </a>
1987
- </li>
1988
- </ul>
1989
- </nav>
1962
+ <div class="pf-v6-c-page__sidebar-main">
1963
+ <div class="pf-v6-c-page__sidebar-body">
1964
+ <nav
1965
+ class="pf-v6-c-nav"
1966
+ id="masthead-expandable-search-expanded-example-primary-nav"
1967
+ aria-label="Global"
1968
+ >
1969
+ <ul class="pf-v6-c-nav__list" role="list">
1970
+ <li class="pf-v6-c-nav__item">
1971
+ <a href="#" class="pf-v6-c-nav__link">
1972
+ <span class="pf-v6-c-nav__link-text">System panel</span>
1973
+ </a>
1974
+ </li>
1975
+ <li class="pf-v6-c-nav__item">
1976
+ <a
1977
+ href="#"
1978
+ class="pf-v6-c-nav__link pf-m-current"
1979
+ aria-current="page"
1980
+ >
1981
+ <span class="pf-v6-c-nav__link-text">Policy</span>
1982
+ </a>
1983
+ </li>
1984
+ <li class="pf-v6-c-nav__item">
1985
+ <a href="#" class="pf-v6-c-nav__link">
1986
+ <span class="pf-v6-c-nav__link-text">Authentication</span>
1987
+ </a>
1988
+ </li>
1989
+ <li class="pf-v6-c-nav__item">
1990
+ <a href="#" class="pf-v6-c-nav__link">
1991
+ <span class="pf-v6-c-nav__link-text">Network services</span>
1992
+ </a>
1993
+ </li>
1994
+ <li class="pf-v6-c-nav__item">
1995
+ <a href="#" class="pf-v6-c-nav__link">
1996
+ <span class="pf-v6-c-nav__link-text">Server</span>
1997
+ </a>
1998
+ </li>
1999
+ </ul>
2000
+ </nav>
2001
+ </div>
1990
2002
  </div>
1991
2003
  </div>
1992
2004
  <div class="pf-v6-c-page__main-container" tabindex="-1">
@@ -2310,44 +2322,46 @@ wrapperTag: div
2310
2322
  </div>
2311
2323
  </header>
2312
2324
  <div class="pf-v6-c-page__sidebar">
2313
- <div class="pf-v6-c-page__sidebar-body">
2314
- <nav
2315
- class="pf-v6-c-nav"
2316
- id="masthead-advanced-with-menu-example-primary-nav"
2317
- aria-label="Global"
2318
- >
2319
- <ul class="pf-v6-c-nav__list" role="list">
2320
- <li class="pf-v6-c-nav__item">
2321
- <a href="#" class="pf-v6-c-nav__link">
2322
- <span class="pf-v6-c-nav__link-text">System panel</span>
2323
- </a>
2324
- </li>
2325
- <li class="pf-v6-c-nav__item">
2326
- <a
2327
- href="#"
2328
- class="pf-v6-c-nav__link pf-m-current"
2329
- aria-current="page"
2330
- >
2331
- <span class="pf-v6-c-nav__link-text">Policy</span>
2332
- </a>
2333
- </li>
2334
- <li class="pf-v6-c-nav__item">
2335
- <a href="#" class="pf-v6-c-nav__link">
2336
- <span class="pf-v6-c-nav__link-text">Authentication</span>
2337
- </a>
2338
- </li>
2339
- <li class="pf-v6-c-nav__item">
2340
- <a href="#" class="pf-v6-c-nav__link">
2341
- <span class="pf-v6-c-nav__link-text">Network services</span>
2342
- </a>
2343
- </li>
2344
- <li class="pf-v6-c-nav__item">
2345
- <a href="#" class="pf-v6-c-nav__link">
2346
- <span class="pf-v6-c-nav__link-text">Server</span>
2347
- </a>
2348
- </li>
2349
- </ul>
2350
- </nav>
2325
+ <div class="pf-v6-c-page__sidebar-main">
2326
+ <div class="pf-v6-c-page__sidebar-body">
2327
+ <nav
2328
+ class="pf-v6-c-nav"
2329
+ id="masthead-advanced-with-menu-example-primary-nav"
2330
+ aria-label="Global"
2331
+ >
2332
+ <ul class="pf-v6-c-nav__list" role="list">
2333
+ <li class="pf-v6-c-nav__item">
2334
+ <a href="#" class="pf-v6-c-nav__link">
2335
+ <span class="pf-v6-c-nav__link-text">System panel</span>
2336
+ </a>
2337
+ </li>
2338
+ <li class="pf-v6-c-nav__item">
2339
+ <a
2340
+ href="#"
2341
+ class="pf-v6-c-nav__link pf-m-current"
2342
+ aria-current="page"
2343
+ >
2344
+ <span class="pf-v6-c-nav__link-text">Policy</span>
2345
+ </a>
2346
+ </li>
2347
+ <li class="pf-v6-c-nav__item">
2348
+ <a href="#" class="pf-v6-c-nav__link">
2349
+ <span class="pf-v6-c-nav__link-text">Authentication</span>
2350
+ </a>
2351
+ </li>
2352
+ <li class="pf-v6-c-nav__item">
2353
+ <a href="#" class="pf-v6-c-nav__link">
2354
+ <span class="pf-v6-c-nav__link-text">Network services</span>
2355
+ </a>
2356
+ </li>
2357
+ <li class="pf-v6-c-nav__item">
2358
+ <a href="#" class="pf-v6-c-nav__link">
2359
+ <span class="pf-v6-c-nav__link-text">Server</span>
2360
+ </a>
2361
+ </li>
2362
+ </ul>
2363
+ </nav>
2364
+ </div>
2351
2365
  </div>
2352
2366
  </div>
2353
2367
  <div class="pf-v6-c-page__main-container" tabindex="-1">
@@ -3017,44 +3031,46 @@ wrapperTag: div
3017
3031
  </div>
3018
3032
  </header>
3019
3033
  <div class="pf-v6-c-page__sidebar">
3020
- <div class="pf-v6-c-page__sidebar-body">
3021
- <nav
3022
- class="pf-v6-c-nav"
3023
- id="masthead-toggle-group-filters-expanded-mobile-example-primary-nav"
3024
- aria-label="Global"
3025
- >
3026
- <ul class="pf-v6-c-nav__list" role="list">
3027
- <li class="pf-v6-c-nav__item">
3028
- <a href="#" class="pf-v6-c-nav__link">
3029
- <span class="pf-v6-c-nav__link-text">System panel</span>
3030
- </a>
3031
- </li>
3032
- <li class="pf-v6-c-nav__item">
3033
- <a
3034
- href="#"
3035
- class="pf-v6-c-nav__link pf-m-current"
3036
- aria-current="page"
3037
- >
3038
- <span class="pf-v6-c-nav__link-text">Policy</span>
3039
- </a>
3040
- </li>
3041
- <li class="pf-v6-c-nav__item">
3042
- <a href="#" class="pf-v6-c-nav__link">
3043
- <span class="pf-v6-c-nav__link-text">Authentication</span>
3044
- </a>
3045
- </li>
3046
- <li class="pf-v6-c-nav__item">
3047
- <a href="#" class="pf-v6-c-nav__link">
3048
- <span class="pf-v6-c-nav__link-text">Network services</span>
3049
- </a>
3050
- </li>
3051
- <li class="pf-v6-c-nav__item">
3052
- <a href="#" class="pf-v6-c-nav__link">
3053
- <span class="pf-v6-c-nav__link-text">Server</span>
3054
- </a>
3055
- </li>
3056
- </ul>
3057
- </nav>
3034
+ <div class="pf-v6-c-page__sidebar-main">
3035
+ <div class="pf-v6-c-page__sidebar-body">
3036
+ <nav
3037
+ class="pf-v6-c-nav"
3038
+ id="masthead-toggle-group-filters-expanded-mobile-example-primary-nav"
3039
+ aria-label="Global"
3040
+ >
3041
+ <ul class="pf-v6-c-nav__list" role="list">
3042
+ <li class="pf-v6-c-nav__item">
3043
+ <a href="#" class="pf-v6-c-nav__link">
3044
+ <span class="pf-v6-c-nav__link-text">System panel</span>
3045
+ </a>
3046
+ </li>
3047
+ <li class="pf-v6-c-nav__item">
3048
+ <a
3049
+ href="#"
3050
+ class="pf-v6-c-nav__link pf-m-current"
3051
+ aria-current="page"
3052
+ >
3053
+ <span class="pf-v6-c-nav__link-text">Policy</span>
3054
+ </a>
3055
+ </li>
3056
+ <li class="pf-v6-c-nav__item">
3057
+ <a href="#" class="pf-v6-c-nav__link">
3058
+ <span class="pf-v6-c-nav__link-text">Authentication</span>
3059
+ </a>
3060
+ </li>
3061
+ <li class="pf-v6-c-nav__item">
3062
+ <a href="#" class="pf-v6-c-nav__link">
3063
+ <span class="pf-v6-c-nav__link-text">Network services</span>
3064
+ </a>
3065
+ </li>
3066
+ <li class="pf-v6-c-nav__item">
3067
+ <a href="#" class="pf-v6-c-nav__link">
3068
+ <span class="pf-v6-c-nav__link-text">Server</span>
3069
+ </a>
3070
+ </li>
3071
+ </ul>
3072
+ </nav>
3073
+ </div>
3058
3074
  </div>
3059
3075
  </div>
3060
3076
  <div class="pf-v6-c-page__main-container" tabindex="-1">