@patternfly/patternfly 6.5.0-prerelease.54 → 6.5.0-prerelease.56

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (85) hide show
  1. package/assets/images/compass--hero-bg.png +0 -0
  2. package/assets/images/compass--wallpaper-dark.jpg +0 -0
  3. package/assets/images/compass--wallpaper-light.jpg +0 -0
  4. package/assets/images/glass-brand-dark.jpg +0 -0
  5. package/assets/images/glass-brand-dark.png +0 -0
  6. package/assets/images/glass-brand-light.jpg +0 -0
  7. package/assets/images/glass-brand-light.png +0 -0
  8. package/base/patternfly-variables.css +772 -690
  9. package/base/patternfly-variables.scss +23 -21
  10. package/base/tokens/tokens-dark.scss +18 -18
  11. package/base/tokens/tokens-default.scss +18 -17
  12. package/base/tokens/tokens-glass-dark.scss +21 -4
  13. package/base/tokens/tokens-glass.scss +17 -4
  14. package/base/tokens/tokens-local.scss +4 -3
  15. package/base/tokens/tokens-palette.scss +1 -1
  16. package/base/tokens/tokens-redhat-dark.scss +9 -2
  17. package/base/tokens/tokens-redhat-glass-dark.scss +28 -4
  18. package/base/tokens/tokens-redhat-glass.scss +19 -4
  19. package/base/tokens/tokens-redhat-highcontrast-dark.scss +7 -4
  20. package/base/tokens/tokens-redhat-highcontrast.scss +4 -3
  21. package/base/tokens/tokens-redhat.scss +1 -1
  22. package/components/Accordion/accordion.css +10 -0
  23. package/components/Accordion/accordion.scss +11 -0
  24. package/components/Button/button.css +2 -16
  25. package/components/Button/button.scss +3 -17
  26. package/components/Card/card.css +13 -0
  27. package/components/Card/card.scss +20 -0
  28. package/components/Compass/compass.css +6 -6
  29. package/components/Compass/compass.scss +6 -6
  30. package/components/DataList/data-list.css +1 -1
  31. package/components/DataList/data-list.scss +1 -0
  32. package/components/Drawer/drawer.css +11 -6
  33. package/components/Drawer/drawer.scss +24 -11
  34. package/components/Login/login.css +7 -3
  35. package/components/Login/login.scss +7 -3
  36. package/components/Masthead/masthead.css +11 -3
  37. package/components/Masthead/masthead.scss +14 -4
  38. package/components/MenuToggle/menu-toggle.css +1 -2
  39. package/components/MenuToggle/menu-toggle.scss +2 -3
  40. package/components/Nav/nav.scss +1 -1
  41. package/components/Page/page.css +115 -8
  42. package/components/Page/page.scss +123 -11
  43. package/components/Panel/panel.css +14 -0
  44. package/components/Panel/panel.scss +18 -0
  45. package/components/Table/table-grid.css +4 -4
  46. package/components/Table/table-grid.scss +4 -4
  47. package/components/Table/table.css +12 -7
  48. package/components/Table/table.scss +13 -9
  49. package/components/_index.css +207 -56
  50. package/docs/components/Accordion/examples/Accordion.md +1 -0
  51. package/docs/components/Card/examples/Card.md +1 -0
  52. package/docs/components/DragDrop/examples/DragDrop.css +1 -1
  53. package/docs/components/Page/examples/Page.md +47 -37
  54. package/docs/components/Panel/examples/Panel.md +12 -0
  55. package/docs/demos/AboutModal/examples/AboutModal.md +40 -38
  56. package/docs/demos/Alert/examples/Alert.md +120 -114
  57. package/docs/demos/BackToTop/examples/BackToTop.md +40 -38
  58. package/docs/demos/Banner/examples/Banner.md +80 -76
  59. package/docs/demos/CardView/examples/CardView.md +297 -271
  60. package/docs/demos/Compass/examples/Compass.md +1409 -2732
  61. package/docs/demos/Dashboard/examples/Dashboard.md +40 -38
  62. package/docs/demos/DataList/examples/DataList.md +160 -152
  63. package/docs/demos/DescriptionList/examples/DescriptionList.md +120 -114
  64. package/docs/demos/Drawer/examples/Drawer.md +200 -190
  65. package/docs/demos/JumpLinks/examples/JumpLinks.md +240 -228
  66. package/docs/demos/Masthead/examples/Masthead.md +320 -304
  67. package/docs/demos/Modal/examples/Modal.md +240 -228
  68. package/docs/demos/Nav/examples/Nav.md +2302 -600
  69. package/docs/demos/NotificationDrawer/examples/NotificationDrawer.md +180 -170
  70. package/docs/demos/Page/examples/Page.md +606 -568
  71. package/docs/demos/PrimaryDetail/examples/PrimaryDetail.md +280 -266
  72. package/docs/demos/Skeleton/examples/Skeleton.md +40 -38
  73. package/docs/demos/Table/examples/Table.md +640 -604
  74. package/docs/demos/Tabs/examples/Tabs.md +240 -228
  75. package/docs/demos/Toolbar/examples/Toolbar.md +80 -76
  76. package/docs/demos/Wizard/examples/Wizard.md +360 -342
  77. package/package.json +2 -2
  78. package/patternfly-base-no-globals.css +772 -690
  79. package/patternfly-base.css +772 -690
  80. package/patternfly-no-globals.css +931 -681
  81. package/patternfly.css +931 -681
  82. package/patternfly.min.css +1 -1
  83. package/patternfly.min.css.map +1 -1
  84. package/patternfly.scss +27 -0
  85. package/sass-utilities/scss-variables.scss +1 -1
package/docs/demos/Wizard/examples/Wizard.md CHANGED
@@ -196,44 +196,46 @@ wrapperTag: div
196
196
  </div>
197
197
  </header>
198
198
  <div class="pf-v6-c-page__sidebar">
199
- <div class="pf-v6-c-page__sidebar-body">
200
- <nav
201
- class="pf-v6-c-nav"
202
- id="wizard-basic-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>
199
+ <div class="pf-v6-c-page__sidebar-main">
200
+ <div class="pf-v6-c-page__sidebar-body">
201
+ <nav
202
+ class="pf-v6-c-nav"
203
+ id="wizard-basic-example-primary-nav"
204
+ aria-label="Global"
205
+ >
206
+ <ul class="pf-v6-c-nav__list" role="list">
207
+ <li class="pf-v6-c-nav__item">
208
+ <a href="#" class="pf-v6-c-nav__link">
209
+ <span class="pf-v6-c-nav__link-text">System panel</span>
210
+ </a>
211
+ </li>
212
+ <li class="pf-v6-c-nav__item">
213
+ <a
214
+ href="#"
215
+ class="pf-v6-c-nav__link pf-m-current"
216
+ aria-current="page"
217
+ >
218
+ <span class="pf-v6-c-nav__link-text">Policy</span>
219
+ </a>
220
+ </li>
221
+ <li class="pf-v6-c-nav__item">
222
+ <a href="#" class="pf-v6-c-nav__link">
223
+ <span class="pf-v6-c-nav__link-text">Authentication</span>
224
+ </a>
225
+ </li>
226
+ <li class="pf-v6-c-nav__item">
227
+ <a href="#" class="pf-v6-c-nav__link">
228
+ <span class="pf-v6-c-nav__link-text">Network services</span>
229
+ </a>
230
+ </li>
231
+ <li class="pf-v6-c-nav__item">
232
+ <a href="#" class="pf-v6-c-nav__link">
233
+ <span class="pf-v6-c-nav__link-text">Server</span>
234
+ </a>
235
+ </li>
236
+ </ul>
237
+ </nav>
238
+ </div>
237
239
  </div>
238
240
  </div>
239
241
  <div class="pf-v6-c-page__main-container" tabindex="-1">
@@ -891,44 +893,46 @@ wrapperTag: div
891
893
  </div>
892
894
  </header>
893
895
  <div class="pf-v6-c-page__sidebar">
894
- <div class="pf-v6-c-page__sidebar-body">
895
- <nav
896
- class="pf-v6-c-nav"
897
- id="wizard-nav-expanded-example-primary-nav"
898
- aria-label="Global"
899
- >
900
- <ul class="pf-v6-c-nav__list" role="list">
901
- <li class="pf-v6-c-nav__item">
902
- <a href="#" class="pf-v6-c-nav__link">
903
- <span class="pf-v6-c-nav__link-text">System panel</span>
904
- </a>
905
- </li>
906
- <li class="pf-v6-c-nav__item">
907
- <a
908
- href="#"
909
- class="pf-v6-c-nav__link pf-m-current"
910
- aria-current="page"
911
- >
912
- <span class="pf-v6-c-nav__link-text">Policy</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">Authentication</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">Network services</span>
923
- </a>
924
- </li>
925
- <li class="pf-v6-c-nav__item">
926
- <a href="#" class="pf-v6-c-nav__link">
927
- <span class="pf-v6-c-nav__link-text">Server</span>
928
- </a>
929
- </li>
930
- </ul>
931
- </nav>
896
+ <div class="pf-v6-c-page__sidebar-main">
897
+ <div class="pf-v6-c-page__sidebar-body">
898
+ <nav
899
+ class="pf-v6-c-nav"
900
+ id="wizard-nav-expanded-example-primary-nav"
901
+ aria-label="Global"
902
+ >
903
+ <ul class="pf-v6-c-nav__list" role="list">
904
+ <li class="pf-v6-c-nav__item">
905
+ <a href="#" class="pf-v6-c-nav__link">
906
+ <span class="pf-v6-c-nav__link-text">System panel</span>
907
+ </a>
908
+ </li>
909
+ <li class="pf-v6-c-nav__item">
910
+ <a
911
+ href="#"
912
+ class="pf-v6-c-nav__link pf-m-current"
913
+ aria-current="page"
914
+ >
915
+ <span class="pf-v6-c-nav__link-text">Policy</span>
916
+ </a>
917
+ </li>
918
+ <li class="pf-v6-c-nav__item">
919
+ <a href="#" class="pf-v6-c-nav__link">
920
+ <span class="pf-v6-c-nav__link-text">Authentication</span>
921
+ </a>
922
+ </li>
923
+ <li class="pf-v6-c-nav__item">
924
+ <a href="#" class="pf-v6-c-nav__link">
925
+ <span class="pf-v6-c-nav__link-text">Network services</span>
926
+ </a>
927
+ </li>
928
+ <li class="pf-v6-c-nav__item">
929
+ <a href="#" class="pf-v6-c-nav__link">
930
+ <span class="pf-v6-c-nav__link-text">Server</span>
931
+ </a>
932
+ </li>
933
+ </ul>
934
+ </nav>
935
+ </div>
932
936
  </div>
933
937
  </div>
934
938
  <div class="pf-v6-c-page__main-container" tabindex="-1">
@@ -1568,44 +1572,46 @@ wrapperTag: div
1568
1572
  </div>
1569
1573
  </header>
1570
1574
  <div class="pf-v6-c-page__sidebar">
1571
- <div class="pf-v6-c-page__sidebar-body">
1572
- <nav
1573
- class="pf-v6-c-nav"
1574
- id="wizard-with-drawer-closed-example-primary-nav"
1575
- aria-label="Global"
1576
- >
1577
- <ul class="pf-v6-c-nav__list" role="list">
1578
- <li class="pf-v6-c-nav__item">
1579
- <a href="#" class="pf-v6-c-nav__link">
1580
- <span class="pf-v6-c-nav__link-text">System panel</span>
1581
- </a>
1582
- </li>
1583
- <li class="pf-v6-c-nav__item">
1584
- <a
1585
- href="#"
1586
- class="pf-v6-c-nav__link pf-m-current"
1587
- aria-current="page"
1588
- >
1589
- <span class="pf-v6-c-nav__link-text">Policy</span>
1590
- </a>
1591
- </li>
1592
- <li class="pf-v6-c-nav__item">
1593
- <a href="#" class="pf-v6-c-nav__link">
1594
- <span class="pf-v6-c-nav__link-text">Authentication</span>
1595
- </a>
1596
- </li>
1597
- <li class="pf-v6-c-nav__item">
1598
- <a href="#" class="pf-v6-c-nav__link">
1599
- <span class="pf-v6-c-nav__link-text">Network services</span>
1600
- </a>
1601
- </li>
1602
- <li class="pf-v6-c-nav__item">
1603
- <a href="#" class="pf-v6-c-nav__link">
1604
- <span class="pf-v6-c-nav__link-text">Server</span>
1605
- </a>
1606
- </li>
1607
- </ul>
1608
- </nav>
1575
+ <div class="pf-v6-c-page__sidebar-main">
1576
+ <div class="pf-v6-c-page__sidebar-body">
1577
+ <nav
1578
+ class="pf-v6-c-nav"
1579
+ id="wizard-with-drawer-closed-example-primary-nav"
1580
+ aria-label="Global"
1581
+ >
1582
+ <ul class="pf-v6-c-nav__list" role="list">
1583
+ <li class="pf-v6-c-nav__item">
1584
+ <a href="#" class="pf-v6-c-nav__link">
1585
+ <span class="pf-v6-c-nav__link-text">System panel</span>
1586
+ </a>
1587
+ </li>
1588
+ <li class="pf-v6-c-nav__item">
1589
+ <a
1590
+ href="#"
1591
+ class="pf-v6-c-nav__link pf-m-current"
1592
+ aria-current="page"
1593
+ >
1594
+ <span class="pf-v6-c-nav__link-text">Policy</span>
1595
+ </a>
1596
+ </li>
1597
+ <li class="pf-v6-c-nav__item">
1598
+ <a href="#" class="pf-v6-c-nav__link">
1599
+ <span class="pf-v6-c-nav__link-text">Authentication</span>
1600
+ </a>
1601
+ </li>
1602
+ <li class="pf-v6-c-nav__item">
1603
+ <a href="#" class="pf-v6-c-nav__link">
1604
+ <span class="pf-v6-c-nav__link-text">Network services</span>
1605
+ </a>
1606
+ </li>
1607
+ <li class="pf-v6-c-nav__item">
1608
+ <a href="#" class="pf-v6-c-nav__link">
1609
+ <span class="pf-v6-c-nav__link-text">Server</span>
1610
+ </a>
1611
+ </li>
1612
+ </ul>
1613
+ </nav>
1614
+ </div>
1609
1615
  </div>
1610
1616
  </div>
1611
1617
  <div class="pf-v6-c-page__main-container" tabindex="-1">
@@ -2341,44 +2347,46 @@ wrapperTag: div
2341
2347
  </div>
2342
2348
  </header>
2343
2349
  <div class="pf-v6-c-page__sidebar">
2344
- <div class="pf-v6-c-page__sidebar-body">
2345
- <nav
2346
- class="pf-v6-c-nav"
2347
- id="wizard-with-drawer-expanded-example-primary-nav"
2348
- aria-label="Global"
2349
- >
2350
- <ul class="pf-v6-c-nav__list" role="list">
2351
- <li class="pf-v6-c-nav__item">
2352
- <a href="#" class="pf-v6-c-nav__link">
2353
- <span class="pf-v6-c-nav__link-text">System panel</span>
2354
- </a>
2355
- </li>
2356
- <li class="pf-v6-c-nav__item">
2357
- <a
2358
- href="#"
2359
- class="pf-v6-c-nav__link pf-m-current"
2360
- aria-current="page"
2361
- >
2362
- <span class="pf-v6-c-nav__link-text">Policy</span>
2363
- </a>
2364
- </li>
2365
- <li class="pf-v6-c-nav__item">
2366
- <a href="#" class="pf-v6-c-nav__link">
2367
- <span class="pf-v6-c-nav__link-text">Authentication</span>
2368
- </a>
2369
- </li>
2370
- <li class="pf-v6-c-nav__item">
2371
- <a href="#" class="pf-v6-c-nav__link">
2372
- <span class="pf-v6-c-nav__link-text">Network services</span>
2373
- </a>
2374
- </li>
2375
- <li class="pf-v6-c-nav__item">
2376
- <a href="#" class="pf-v6-c-nav__link">
2377
- <span class="pf-v6-c-nav__link-text">Server</span>
2378
- </a>
2379
- </li>
2380
- </ul>
2381
- </nav>
2350
+ <div class="pf-v6-c-page__sidebar-main">
2351
+ <div class="pf-v6-c-page__sidebar-body">
2352
+ <nav
2353
+ class="pf-v6-c-nav"
2354
+ id="wizard-with-drawer-expanded-example-primary-nav"
2355
+ aria-label="Global"
2356
+ >
2357
+ <ul class="pf-v6-c-nav__list" role="list">
2358
+ <li class="pf-v6-c-nav__item">
2359
+ <a href="#" class="pf-v6-c-nav__link">
2360
+ <span class="pf-v6-c-nav__link-text">System panel</span>
2361
+ </a>
2362
+ </li>
2363
+ <li class="pf-v6-c-nav__item">
2364
+ <a
2365
+ href="#"
2366
+ class="pf-v6-c-nav__link pf-m-current"
2367
+ aria-current="page"
2368
+ >
2369
+ <span class="pf-v6-c-nav__link-text">Policy</span>
2370
+ </a>
2371
+ </li>
2372
+ <li class="pf-v6-c-nav__item">
2373
+ <a href="#" class="pf-v6-c-nav__link">
2374
+ <span class="pf-v6-c-nav__link-text">Authentication</span>
2375
+ </a>
2376
+ </li>
2377
+ <li class="pf-v6-c-nav__item">
2378
+ <a href="#" class="pf-v6-c-nav__link">
2379
+ <span class="pf-v6-c-nav__link-text">Network services</span>
2380
+ </a>
2381
+ </li>
2382
+ <li class="pf-v6-c-nav__item">
2383
+ <a href="#" class="pf-v6-c-nav__link">
2384
+ <span class="pf-v6-c-nav__link-text">Server</span>
2385
+ </a>
2386
+ </li>
2387
+ </ul>
2388
+ </nav>
2389
+ </div>
2382
2390
  </div>
2383
2391
  </div>
2384
2392
  <div class="pf-v6-c-page__main-container" tabindex="-1">
@@ -3110,44 +3118,46 @@ wrapperTag: div
3110
3118
  </div>
3111
3119
  </header>
3112
3120
  <div class="pf-v6-c-page__sidebar">
3113
- <div class="pf-v6-c-page__sidebar-body">
3114
- <nav
3115
- class="pf-v6-c-nav"
3116
- id="wizard-with-drawer-info-example-primary-nav"
3117
- aria-label="Global"
3118
- >
3119
- <ul class="pf-v6-c-nav__list" role="list">
3120
- <li class="pf-v6-c-nav__item">
3121
- <a href="#" class="pf-v6-c-nav__link">
3122
- <span class="pf-v6-c-nav__link-text">System panel</span>
3123
- </a>
3124
- </li>
3125
- <li class="pf-v6-c-nav__item">
3126
- <a
3127
- href="#"
3128
- class="pf-v6-c-nav__link pf-m-current"
3129
- aria-current="page"
3130
- >
3131
- <span class="pf-v6-c-nav__link-text">Policy</span>
3132
- </a>
3133
- </li>
3134
- <li class="pf-v6-c-nav__item">
3135
- <a href="#" class="pf-v6-c-nav__link">
3136
- <span class="pf-v6-c-nav__link-text">Authentication</span>
3137
- </a>
3138
- </li>
3139
- <li class="pf-v6-c-nav__item">
3140
- <a href="#" class="pf-v6-c-nav__link">
3141
- <span class="pf-v6-c-nav__link-text">Network services</span>
3142
- </a>
3143
- </li>
3144
- <li class="pf-v6-c-nav__item">
3145
- <a href="#" class="pf-v6-c-nav__link">
3146
- <span class="pf-v6-c-nav__link-text">Server</span>
3147
- </a>
3148
- </li>
3149
- </ul>
3150
- </nav>
3121
+ <div class="pf-v6-c-page__sidebar-main">
3122
+ <div class="pf-v6-c-page__sidebar-body">
3123
+ <nav
3124
+ class="pf-v6-c-nav"
3125
+ id="wizard-with-drawer-info-example-primary-nav"
3126
+ aria-label="Global"
3127
+ >
3128
+ <ul class="pf-v6-c-nav__list" role="list">
3129
+ <li class="pf-v6-c-nav__item">
3130
+ <a href="#" class="pf-v6-c-nav__link">
3131
+ <span class="pf-v6-c-nav__link-text">System panel</span>
3132
+ </a>
3133
+ </li>
3134
+ <li class="pf-v6-c-nav__item">
3135
+ <a
3136
+ href="#"
3137
+ class="pf-v6-c-nav__link pf-m-current"
3138
+ aria-current="page"
3139
+ >
3140
+ <span class="pf-v6-c-nav__link-text">Policy</span>
3141
+ </a>
3142
+ </li>
3143
+ <li class="pf-v6-c-nav__item">
3144
+ <a href="#" class="pf-v6-c-nav__link">
3145
+ <span class="pf-v6-c-nav__link-text">Authentication</span>
3146
+ </a>
3147
+ </li>
3148
+ <li class="pf-v6-c-nav__item">
3149
+ <a href="#" class="pf-v6-c-nav__link">
3150
+ <span class="pf-v6-c-nav__link-text">Network services</span>
3151
+ </a>
3152
+ </li>
3153
+ <li class="pf-v6-c-nav__item">
3154
+ <a href="#" class="pf-v6-c-nav__link">
3155
+ <span class="pf-v6-c-nav__link-text">Server</span>
3156
+ </a>
3157
+ </li>
3158
+ </ul>
3159
+ </nav>
3160
+ </div>
3151
3161
  </div>
3152
3162
  </div>
3153
3163
  <div class="pf-v6-c-page__main-container" tabindex="-1">
@@ -3754,44 +3764,46 @@ wrapperTag: div
3754
3764
  </div>
3755
3765
  </header>
3756
3766
  <div class="pf-v6-c-page__sidebar">
3757
- <div class="pf-v6-c-page__sidebar-body">
3758
- <nav
3759
- class="pf-v6-c-nav"
3760
- id="wizard-in-page-example-primary-nav"
3761
- aria-label="Global"
3762
- >
3763
- <ul class="pf-v6-c-nav__list" role="list">
3764
- <li class="pf-v6-c-nav__item">
3765
- <a href="#" class="pf-v6-c-nav__link">
3766
- <span class="pf-v6-c-nav__link-text">System panel</span>
3767
- </a>
3768
- </li>
3769
- <li class="pf-v6-c-nav__item">
3770
- <a
3771
- href="#"
3772
- class="pf-v6-c-nav__link pf-m-current"
3773
- aria-current="page"
3774
- >
3775
- <span class="pf-v6-c-nav__link-text">Policy</span>
3776
- </a>
3777
- </li>
3778
- <li class="pf-v6-c-nav__item">
3779
- <a href="#" class="pf-v6-c-nav__link">
3780
- <span class="pf-v6-c-nav__link-text">Authentication</span>
3781
- </a>
3782
- </li>
3783
- <li class="pf-v6-c-nav__item">
3784
- <a href="#" class="pf-v6-c-nav__link">
3785
- <span class="pf-v6-c-nav__link-text">Network services</span>
3786
- </a>
3787
- </li>
3788
- <li class="pf-v6-c-nav__item">
3789
- <a href="#" class="pf-v6-c-nav__link">
3790
- <span class="pf-v6-c-nav__link-text">Server</span>
3791
- </a>
3792
- </li>
3793
- </ul>
3794
- </nav>
3767
+ <div class="pf-v6-c-page__sidebar-main">
3768
+ <div class="pf-v6-c-page__sidebar-body">
3769
+ <nav
3770
+ class="pf-v6-c-nav"
3771
+ id="wizard-in-page-example-primary-nav"
3772
+ aria-label="Global"
3773
+ >
3774
+ <ul class="pf-v6-c-nav__list" role="list">
3775
+ <li class="pf-v6-c-nav__item">
3776
+ <a href="#" class="pf-v6-c-nav__link">
3777
+ <span class="pf-v6-c-nav__link-text">System panel</span>
3778
+ </a>
3779
+ </li>
3780
+ <li class="pf-v6-c-nav__item">
3781
+ <a
3782
+ href="#"
3783
+ class="pf-v6-c-nav__link pf-m-current"
3784
+ aria-current="page"
3785
+ >
3786
+ <span class="pf-v6-c-nav__link-text">Policy</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">Authentication</span>
3792
+ </a>
3793
+ </li>
3794
+ <li class="pf-v6-c-nav__item">
3795
+ <a href="#" class="pf-v6-c-nav__link">
3796
+ <span class="pf-v6-c-nav__link-text">Network services</span>
3797
+ </a>
3798
+ </li>
3799
+ <li class="pf-v6-c-nav__item">
3800
+ <a href="#" class="pf-v6-c-nav__link">
3801
+ <span class="pf-v6-c-nav__link-text">Server</span>
3802
+ </a>
3803
+ </li>
3804
+ </ul>
3805
+ </nav>
3806
+ </div>
3795
3807
  </div>
3796
3808
  </div>
3797
3809
  <div class="pf-v6-c-page__main-container" tabindex="-1">
@@ -4381,44 +4393,46 @@ wrapperTag: div
4381
4393
  </div>
4382
4394
  </header>
4383
4395
  <div class="pf-v6-c-page__sidebar">
4384
- <div class="pf-v6-c-page__sidebar-body">
4385
- <nav
4386
- class="pf-v6-c-nav"
4387
- id="in-page-nav-expanded-example-primary-nav"
4388
- aria-label="Global"
4389
- >
4390
- <ul class="pf-v6-c-nav__list" role="list">
4391
- <li class="pf-v6-c-nav__item">
4392
- <a href="#" class="pf-v6-c-nav__link">
4393
- <span class="pf-v6-c-nav__link-text">System panel</span>
4394
- </a>
4395
- </li>
4396
- <li class="pf-v6-c-nav__item">
4397
- <a
4398
- href="#"
4399
- class="pf-v6-c-nav__link pf-m-current"
4400
- aria-current="page"
4401
- >
4402
- <span class="pf-v6-c-nav__link-text">Policy</span>
4403
- </a>
4404
- </li>
4405
- <li class="pf-v6-c-nav__item">
4406
- <a href="#" class="pf-v6-c-nav__link">
4407
- <span class="pf-v6-c-nav__link-text">Authentication</span>
4408
- </a>
4409
- </li>
4410
- <li class="pf-v6-c-nav__item">
4411
- <a href="#" class="pf-v6-c-nav__link">
4412
- <span class="pf-v6-c-nav__link-text">Network services</span>
4413
- </a>
4414
- </li>
4415
- <li class="pf-v6-c-nav__item">
4416
- <a href="#" class="pf-v6-c-nav__link">
4417
- <span class="pf-v6-c-nav__link-text">Server</span>
4418
- </a>
4419
- </li>
4420
- </ul>
4421
- </nav>
4396
+ <div class="pf-v6-c-page__sidebar-main">
4397
+ <div class="pf-v6-c-page__sidebar-body">
4398
+ <nav
4399
+ class="pf-v6-c-nav"
4400
+ id="in-page-nav-expanded-example-primary-nav"
4401
+ aria-label="Global"
4402
+ >
4403
+ <ul class="pf-v6-c-nav__list" role="list">
4404
+ <li class="pf-v6-c-nav__item">
4405
+ <a href="#" class="pf-v6-c-nav__link">
4406
+ <span class="pf-v6-c-nav__link-text">System panel</span>
4407
+ </a>
4408
+ </li>
4409
+ <li class="pf-v6-c-nav__item">
4410
+ <a
4411
+ href="#"
4412
+ class="pf-v6-c-nav__link pf-m-current"
4413
+ aria-current="page"
4414
+ >
4415
+ <span class="pf-v6-c-nav__link-text">Policy</span>
4416
+ </a>
4417
+ </li>
4418
+ <li class="pf-v6-c-nav__item">
4419
+ <a href="#" class="pf-v6-c-nav__link">
4420
+ <span class="pf-v6-c-nav__link-text">Authentication</span>
4421
+ </a>
4422
+ </li>
4423
+ <li class="pf-v6-c-nav__item">
4424
+ <a href="#" class="pf-v6-c-nav__link">
4425
+ <span class="pf-v6-c-nav__link-text">Network services</span>
4426
+ </a>
4427
+ </li>
4428
+ <li class="pf-v6-c-nav__item">
4429
+ <a href="#" class="pf-v6-c-nav__link">
4430
+ <span class="pf-v6-c-nav__link-text">Server</span>
4431
+ </a>
4432
+ </li>
4433
+ </ul>
4434
+ </nav>
4435
+ </div>
4422
4436
  </div>
4423
4437
  </div>
4424
4438
  <div class="pf-v6-c-page__main-container" tabindex="-1">
@@ -4990,44 +5004,46 @@ wrapperTag: div
4990
5004
  </div>
4991
5005
  </header>
4992
5006
  <div class="pf-v6-c-page__sidebar">
4993
- <div class="pf-v6-c-page__sidebar-body">
4994
- <nav
4995
- class="pf-v6-c-nav"
4996
- id="wizard-with-drawer-in-page-example-primary-nav"
4997
- aria-label="Global"
4998
- >
4999
- <ul class="pf-v6-c-nav__list" role="list">
5000
- <li class="pf-v6-c-nav__item">
5001
- <a href="#" class="pf-v6-c-nav__link">
5002
- <span class="pf-v6-c-nav__link-text">System panel</span>
5003
- </a>
5004
- </li>
5005
- <li class="pf-v6-c-nav__item">
5006
- <a
5007
- href="#"
5008
- class="pf-v6-c-nav__link pf-m-current"
5009
- aria-current="page"
5010
- >
5011
- <span class="pf-v6-c-nav__link-text">Policy</span>
5012
- </a>
5013
- </li>
5014
- <li class="pf-v6-c-nav__item">
5015
- <a href="#" class="pf-v6-c-nav__link">
5016
- <span class="pf-v6-c-nav__link-text">Authentication</span>
5017
- </a>
5018
- </li>
5019
- <li class="pf-v6-c-nav__item">
5020
- <a href="#" class="pf-v6-c-nav__link">
5021
- <span class="pf-v6-c-nav__link-text">Network services</span>
5022
- </a>
5023
- </li>
5024
- <li class="pf-v6-c-nav__item">
5025
- <a href="#" class="pf-v6-c-nav__link">
5026
- <span class="pf-v6-c-nav__link-text">Server</span>
5027
- </a>
5028
- </li>
5029
- </ul>
5030
- </nav>
5007
+ <div class="pf-v6-c-page__sidebar-main">
5008
+ <div class="pf-v6-c-page__sidebar-body">
5009
+ <nav
5010
+ class="pf-v6-c-nav"
5011
+ id="wizard-with-drawer-in-page-example-primary-nav"
5012
+ aria-label="Global"
5013
+ >
5014
+ <ul class="pf-v6-c-nav__list" role="list">
5015
+ <li class="pf-v6-c-nav__item">
5016
+ <a href="#" class="pf-v6-c-nav__link">
5017
+ <span class="pf-v6-c-nav__link-text">System panel</span>
5018
+ </a>
5019
+ </li>
5020
+ <li class="pf-v6-c-nav__item">
5021
+ <a
5022
+ href="#"
5023
+ class="pf-v6-c-nav__link pf-m-current"
5024
+ aria-current="page"
5025
+ >
5026
+ <span class="pf-v6-c-nav__link-text">Policy</span>
5027
+ </a>
5028
+ </li>
5029
+ <li class="pf-v6-c-nav__item">
5030
+ <a href="#" class="pf-v6-c-nav__link">
5031
+ <span class="pf-v6-c-nav__link-text">Authentication</span>
5032
+ </a>
5033
+ </li>
5034
+ <li class="pf-v6-c-nav__item">
5035
+ <a href="#" class="pf-v6-c-nav__link">
5036
+ <span class="pf-v6-c-nav__link-text">Network services</span>
5037
+ </a>
5038
+ </li>
5039
+ <li class="pf-v6-c-nav__item">
5040
+ <a href="#" class="pf-v6-c-nav__link">
5041
+ <span class="pf-v6-c-nav__link-text">Server</span>
5042
+ </a>
5043
+ </li>
5044
+ </ul>
5045
+ </nav>
5046
+ </div>
5031
5047
  </div>
5032
5048
  </div>
5033
5049
  <div class="pf-v6-c-page__main-container" tabindex="-1">
@@ -5682,44 +5698,46 @@ wrapperTag: div
5682
5698
  </div>
5683
5699
  </header>
5684
5700
  <div class="pf-v6-c-page__sidebar">
5685
- <div class="pf-v6-c-page__sidebar-body">
5686
- <nav
5687
- class="pf-v6-c-nav"
5688
- id="wizard-with-drawer-in-page-expanded-example-primary-nav"
5689
- aria-label="Global"
5690
- >
5691
- <ul class="pf-v6-c-nav__list" role="list">
5692
- <li class="pf-v6-c-nav__item">
5693
- <a href="#" class="pf-v6-c-nav__link">
5694
- <span class="pf-v6-c-nav__link-text">System panel</span>
5695
- </a>
5696
- </li>
5697
- <li class="pf-v6-c-nav__item">
5698
- <a
5699
- href="#"
5700
- class="pf-v6-c-nav__link pf-m-current"
5701
- aria-current="page"
5702
- >
5703
- <span class="pf-v6-c-nav__link-text">Policy</span>
5704
- </a>
5705
- </li>
5706
- <li class="pf-v6-c-nav__item">
5707
- <a href="#" class="pf-v6-c-nav__link">
5708
- <span class="pf-v6-c-nav__link-text">Authentication</span>
5709
- </a>
5710
- </li>
5711
- <li class="pf-v6-c-nav__item">
5712
- <a href="#" class="pf-v6-c-nav__link">
5713
- <span class="pf-v6-c-nav__link-text">Network services</span>
5714
- </a>
5715
- </li>
5716
- <li class="pf-v6-c-nav__item">
5717
- <a href="#" class="pf-v6-c-nav__link">
5718
- <span class="pf-v6-c-nav__link-text">Server</span>
5719
- </a>
5720
- </li>
5721
- </ul>
5722
- </nav>
5701
+ <div class="pf-v6-c-page__sidebar-main">
5702
+ <div class="pf-v6-c-page__sidebar-body">
5703
+ <nav
5704
+ class="pf-v6-c-nav"
5705
+ id="wizard-with-drawer-in-page-expanded-example-primary-nav"
5706
+ aria-label="Global"
5707
+ >
5708
+ <ul class="pf-v6-c-nav__list" role="list">
5709
+ <li class="pf-v6-c-nav__item">
5710
+ <a href="#" class="pf-v6-c-nav__link">
5711
+ <span class="pf-v6-c-nav__link-text">System panel</span>
5712
+ </a>
5713
+ </li>
5714
+ <li class="pf-v6-c-nav__item">
5715
+ <a
5716
+ href="#"
5717
+ class="pf-v6-c-nav__link pf-m-current"
5718
+ aria-current="page"
5719
+ >
5720
+ <span class="pf-v6-c-nav__link-text">Policy</span>
5721
+ </a>
5722
+ </li>
5723
+ <li class="pf-v6-c-nav__item">
5724
+ <a href="#" class="pf-v6-c-nav__link">
5725
+ <span class="pf-v6-c-nav__link-text">Authentication</span>
5726
+ </a>
5727
+ </li>
5728
+ <li class="pf-v6-c-nav__item">
5729
+ <a href="#" class="pf-v6-c-nav__link">
5730
+ <span class="pf-v6-c-nav__link-text">Network services</span>
5731
+ </a>
5732
+ </li>
5733
+ <li class="pf-v6-c-nav__item">
5734
+ <a href="#" class="pf-v6-c-nav__link">
5735
+ <span class="pf-v6-c-nav__link-text">Server</span>
5736
+ </a>
5737
+ </li>
5738
+ </ul>
5739
+ </nav>
5740
+ </div>
5723
5741
  </div>
5724
5742
  </div>
5725
5743
  <div class="pf-v6-c-page__main-container" tabindex="-1">