@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/Table/examples/Table.md CHANGED
@@ -192,40 +192,46 @@ wrapperTag: div
192
192
  </div>
193
193
  </header>
194
194
  <div class="pf-v6-c-page__sidebar">
195
- <div class="pf-v6-c-page__sidebar-body">
196
- <nav class="pf-v6-c-nav" id="basic-demo-primary-nav" aria-label="Global">
197
- <ul class="pf-v6-c-nav__list" role="list">
198
- <li class="pf-v6-c-nav__item">
199
- <a href="#" class="pf-v6-c-nav__link">
200
- <span class="pf-v6-c-nav__link-text">System panel</span>
201
- </a>
202
- </li>
203
- <li class="pf-v6-c-nav__item">
204
- <a
205
- href="#"
206
- class="pf-v6-c-nav__link pf-m-current"
207
- aria-current="page"
208
- >
209
- <span class="pf-v6-c-nav__link-text">Policy</span>
210
- </a>
211
- </li>
212
- <li class="pf-v6-c-nav__item">
213
- <a href="#" class="pf-v6-c-nav__link">
214
- <span class="pf-v6-c-nav__link-text">Authentication</span>
215
- </a>
216
- </li>
217
- <li class="pf-v6-c-nav__item">
218
- <a href="#" class="pf-v6-c-nav__link">
219
- <span class="pf-v6-c-nav__link-text">Network services</span>
220
- </a>
221
- </li>
222
- <li class="pf-v6-c-nav__item">
223
- <a href="#" class="pf-v6-c-nav__link">
224
- <span class="pf-v6-c-nav__link-text">Server</span>
225
- </a>
226
- </li>
227
- </ul>
228
- </nav>
195
+ <div class="pf-v6-c-page__sidebar-main">
196
+ <div class="pf-v6-c-page__sidebar-body">
197
+ <nav
198
+ class="pf-v6-c-nav"
199
+ id="basic-demo-primary-nav"
200
+ aria-label="Global"
201
+ >
202
+ <ul class="pf-v6-c-nav__list" role="list">
203
+ <li class="pf-v6-c-nav__item">
204
+ <a href="#" class="pf-v6-c-nav__link">
205
+ <span class="pf-v6-c-nav__link-text">System panel</span>
206
+ </a>
207
+ </li>
208
+ <li class="pf-v6-c-nav__item">
209
+ <a
210
+ href="#"
211
+ class="pf-v6-c-nav__link pf-m-current"
212
+ aria-current="page"
213
+ >
214
+ <span class="pf-v6-c-nav__link-text">Policy</span>
215
+ </a>
216
+ </li>
217
+ <li class="pf-v6-c-nav__item">
218
+ <a href="#" class="pf-v6-c-nav__link">
219
+ <span class="pf-v6-c-nav__link-text">Authentication</span>
220
+ </a>
221
+ </li>
222
+ <li class="pf-v6-c-nav__item">
223
+ <a href="#" class="pf-v6-c-nav__link">
224
+ <span class="pf-v6-c-nav__link-text">Network services</span>
225
+ </a>
226
+ </li>
227
+ <li class="pf-v6-c-nav__item">
228
+ <a href="#" class="pf-v6-c-nav__link">
229
+ <span class="pf-v6-c-nav__link-text">Server</span>
230
+ </a>
231
+ </li>
232
+ </ul>
233
+ </nav>
234
+ </div>
229
235
  </div>
230
236
  </div>
231
237
  <div class="pf-v6-c-page__main-container" tabindex="-1">
@@ -1334,44 +1340,46 @@ wrapperTag: div
1334
1340
  </div>
1335
1341
  </header>
1336
1342
  <div class="pf-v6-c-page__sidebar">
1337
- <div class="pf-v6-c-page__sidebar-body">
1338
- <nav
1339
- class="pf-v6-c-nav"
1340
- id="sortable-demo-primary-nav"
1341
- aria-label="Global"
1342
- >
1343
- <ul class="pf-v6-c-nav__list" role="list">
1344
- <li class="pf-v6-c-nav__item">
1345
- <a href="#" class="pf-v6-c-nav__link">
1346
- <span class="pf-v6-c-nav__link-text">System panel</span>
1347
- </a>
1348
- </li>
1349
- <li class="pf-v6-c-nav__item">
1350
- <a
1351
- href="#"
1352
- class="pf-v6-c-nav__link pf-m-current"
1353
- aria-current="page"
1354
- >
1355
- <span class="pf-v6-c-nav__link-text">Policy</span>
1356
- </a>
1357
- </li>
1358
- <li class="pf-v6-c-nav__item">
1359
- <a href="#" class="pf-v6-c-nav__link">
1360
- <span class="pf-v6-c-nav__link-text">Authentication</span>
1361
- </a>
1362
- </li>
1363
- <li class="pf-v6-c-nav__item">
1364
- <a href="#" class="pf-v6-c-nav__link">
1365
- <span class="pf-v6-c-nav__link-text">Network services</span>
1366
- </a>
1367
- </li>
1368
- <li class="pf-v6-c-nav__item">
1369
- <a href="#" class="pf-v6-c-nav__link">
1370
- <span class="pf-v6-c-nav__link-text">Server</span>
1371
- </a>
1372
- </li>
1373
- </ul>
1374
- </nav>
1343
+ <div class="pf-v6-c-page__sidebar-main">
1344
+ <div class="pf-v6-c-page__sidebar-body">
1345
+ <nav
1346
+ class="pf-v6-c-nav"
1347
+ id="sortable-demo-primary-nav"
1348
+ aria-label="Global"
1349
+ >
1350
+ <ul class="pf-v6-c-nav__list" role="list">
1351
+ <li class="pf-v6-c-nav__item">
1352
+ <a href="#" class="pf-v6-c-nav__link">
1353
+ <span class="pf-v6-c-nav__link-text">System panel</span>
1354
+ </a>
1355
+ </li>
1356
+ <li class="pf-v6-c-nav__item">
1357
+ <a
1358
+ href="#"
1359
+ class="pf-v6-c-nav__link pf-m-current"
1360
+ aria-current="page"
1361
+ >
1362
+ <span class="pf-v6-c-nav__link-text">Policy</span>
1363
+ </a>
1364
+ </li>
1365
+ <li class="pf-v6-c-nav__item">
1366
+ <a href="#" class="pf-v6-c-nav__link">
1367
+ <span class="pf-v6-c-nav__link-text">Authentication</span>
1368
+ </a>
1369
+ </li>
1370
+ <li class="pf-v6-c-nav__item">
1371
+ <a href="#" class="pf-v6-c-nav__link">
1372
+ <span class="pf-v6-c-nav__link-text">Network services</span>
1373
+ </a>
1374
+ </li>
1375
+ <li class="pf-v6-c-nav__item">
1376
+ <a href="#" class="pf-v6-c-nav__link">
1377
+ <span class="pf-v6-c-nav__link-text">Server</span>
1378
+ </a>
1379
+ </li>
1380
+ </ul>
1381
+ </nav>
1382
+ </div>
1375
1383
  </div>
1376
1384
  </div>
1377
1385
  <div class="pf-v6-c-page__main-container" tabindex="-1">
@@ -2616,44 +2624,46 @@ wrapperTag: div
2616
2624
  </div>
2617
2625
  </header>
2618
2626
  <div class="pf-v6-c-page__sidebar">
2619
- <div class="pf-v6-c-page__sidebar-body">
2620
- <nav
2621
- class="pf-v6-c-nav"
2622
- id="expandable-demo-primary-nav"
2623
- aria-label="Global"
2624
- >
2625
- <ul class="pf-v6-c-nav__list" role="list">
2626
- <li class="pf-v6-c-nav__item">
2627
- <a href="#" class="pf-v6-c-nav__link">
2628
- <span class="pf-v6-c-nav__link-text">System panel</span>
2629
- </a>
2630
- </li>
2631
- <li class="pf-v6-c-nav__item">
2632
- <a
2633
- href="#"
2634
- class="pf-v6-c-nav__link pf-m-current"
2635
- aria-current="page"
2636
- >
2637
- <span class="pf-v6-c-nav__link-text">Policy</span>
2638
- </a>
2639
- </li>
2640
- <li class="pf-v6-c-nav__item">
2641
- <a href="#" class="pf-v6-c-nav__link">
2642
- <span class="pf-v6-c-nav__link-text">Authentication</span>
2643
- </a>
2644
- </li>
2645
- <li class="pf-v6-c-nav__item">
2646
- <a href="#" class="pf-v6-c-nav__link">
2647
- <span class="pf-v6-c-nav__link-text">Network services</span>
2648
- </a>
2649
- </li>
2650
- <li class="pf-v6-c-nav__item">
2651
- <a href="#" class="pf-v6-c-nav__link">
2652
- <span class="pf-v6-c-nav__link-text">Server</span>
2653
- </a>
2654
- </li>
2655
- </ul>
2656
- </nav>
2627
+ <div class="pf-v6-c-page__sidebar-main">
2628
+ <div class="pf-v6-c-page__sidebar-body">
2629
+ <nav
2630
+ class="pf-v6-c-nav"
2631
+ id="expandable-demo-primary-nav"
2632
+ aria-label="Global"
2633
+ >
2634
+ <ul class="pf-v6-c-nav__list" role="list">
2635
+ <li class="pf-v6-c-nav__item">
2636
+ <a href="#" class="pf-v6-c-nav__link">
2637
+ <span class="pf-v6-c-nav__link-text">System panel</span>
2638
+ </a>
2639
+ </li>
2640
+ <li class="pf-v6-c-nav__item">
2641
+ <a
2642
+ href="#"
2643
+ class="pf-v6-c-nav__link pf-m-current"
2644
+ aria-current="page"
2645
+ >
2646
+ <span class="pf-v6-c-nav__link-text">Policy</span>
2647
+ </a>
2648
+ </li>
2649
+ <li class="pf-v6-c-nav__item">
2650
+ <a href="#" class="pf-v6-c-nav__link">
2651
+ <span class="pf-v6-c-nav__link-text">Authentication</span>
2652
+ </a>
2653
+ </li>
2654
+ <li class="pf-v6-c-nav__item">
2655
+ <a href="#" class="pf-v6-c-nav__link">
2656
+ <span class="pf-v6-c-nav__link-text">Network services</span>
2657
+ </a>
2658
+ </li>
2659
+ <li class="pf-v6-c-nav__item">
2660
+ <a href="#" class="pf-v6-c-nav__link">
2661
+ <span class="pf-v6-c-nav__link-text">Server</span>
2662
+ </a>
2663
+ </li>
2664
+ </ul>
2665
+ </nav>
2666
+ </div>
2657
2667
  </div>
2658
2668
  </div>
2659
2669
  <div class="pf-v6-c-page__main-container" tabindex="-1">
@@ -4102,44 +4112,46 @@ wrapperTag: div
4102
4112
  </div>
4103
4113
  </header>
4104
4114
  <div class="pf-v6-c-page__sidebar">
4105
- <div class="pf-v6-c-page__sidebar-body">
4106
- <nav
4107
- class="pf-v6-c-nav"
4108
- id="compact-demo-primary-nav"
4109
- aria-label="Global"
4110
- >
4111
- <ul class="pf-v6-c-nav__list" role="list">
4112
- <li class="pf-v6-c-nav__item">
4113
- <a href="#" class="pf-v6-c-nav__link">
4114
- <span class="pf-v6-c-nav__link-text">System panel</span>
4115
- </a>
4116
- </li>
4117
- <li class="pf-v6-c-nav__item">
4118
- <a
4119
- href="#"
4120
- class="pf-v6-c-nav__link pf-m-current"
4121
- aria-current="page"
4122
- >
4123
- <span class="pf-v6-c-nav__link-text">Policy</span>
4124
- </a>
4125
- </li>
4126
- <li class="pf-v6-c-nav__item">
4127
- <a href="#" class="pf-v6-c-nav__link">
4128
- <span class="pf-v6-c-nav__link-text">Authentication</span>
4129
- </a>
4130
- </li>
4131
- <li class="pf-v6-c-nav__item">
4132
- <a href="#" class="pf-v6-c-nav__link">
4133
- <span class="pf-v6-c-nav__link-text">Network services</span>
4134
- </a>
4135
- </li>
4136
- <li class="pf-v6-c-nav__item">
4137
- <a href="#" class="pf-v6-c-nav__link">
4138
- <span class="pf-v6-c-nav__link-text">Server</span>
4139
- </a>
4140
- </li>
4141
- </ul>
4142
- </nav>
4115
+ <div class="pf-v6-c-page__sidebar-main">
4116
+ <div class="pf-v6-c-page__sidebar-body">
4117
+ <nav
4118
+ class="pf-v6-c-nav"
4119
+ id="compact-demo-primary-nav"
4120
+ aria-label="Global"
4121
+ >
4122
+ <ul class="pf-v6-c-nav__list" role="list">
4123
+ <li class="pf-v6-c-nav__item">
4124
+ <a href="#" class="pf-v6-c-nav__link">
4125
+ <span class="pf-v6-c-nav__link-text">System panel</span>
4126
+ </a>
4127
+ </li>
4128
+ <li class="pf-v6-c-nav__item">
4129
+ <a
4130
+ href="#"
4131
+ class="pf-v6-c-nav__link pf-m-current"
4132
+ aria-current="page"
4133
+ >
4134
+ <span class="pf-v6-c-nav__link-text">Policy</span>
4135
+ </a>
4136
+ </li>
4137
+ <li class="pf-v6-c-nav__item">
4138
+ <a href="#" class="pf-v6-c-nav__link">
4139
+ <span class="pf-v6-c-nav__link-text">Authentication</span>
4140
+ </a>
4141
+ </li>
4142
+ <li class="pf-v6-c-nav__item">
4143
+ <a href="#" class="pf-v6-c-nav__link">
4144
+ <span class="pf-v6-c-nav__link-text">Network services</span>
4145
+ </a>
4146
+ </li>
4147
+ <li class="pf-v6-c-nav__item">
4148
+ <a href="#" class="pf-v6-c-nav__link">
4149
+ <span class="pf-v6-c-nav__link-text">Server</span>
4150
+ </a>
4151
+ </li>
4152
+ </ul>
4153
+ </nav>
4154
+ </div>
4143
4155
  </div>
4144
4156
  </div>
4145
4157
  <div class="pf-v6-c-page__main-container" tabindex="-1">
@@ -5178,44 +5190,46 @@ wrapperTag: div
5178
5190
  </div>
5179
5191
  </header>
5180
5192
  <div class="pf-v6-c-page__sidebar">
5181
- <div class="pf-v6-c-page__sidebar-body">
5182
- <nav
5183
- class="pf-v6-c-nav"
5184
- id="compound-expansion-demo-primary-nav"
5185
- aria-label="Global"
5186
- >
5187
- <ul class="pf-v6-c-nav__list" role="list">
5188
- <li class="pf-v6-c-nav__item">
5189
- <a href="#" class="pf-v6-c-nav__link">
5190
- <span class="pf-v6-c-nav__link-text">System panel</span>
5191
- </a>
5192
- </li>
5193
- <li class="pf-v6-c-nav__item">
5194
- <a
5195
- href="#"
5196
- class="pf-v6-c-nav__link pf-m-current"
5197
- aria-current="page"
5198
- >
5199
- <span class="pf-v6-c-nav__link-text">Policy</span>
5200
- </a>
5201
- </li>
5202
- <li class="pf-v6-c-nav__item">
5203
- <a href="#" class="pf-v6-c-nav__link">
5204
- <span class="pf-v6-c-nav__link-text">Authentication</span>
5205
- </a>
5206
- </li>
5207
- <li class="pf-v6-c-nav__item">
5208
- <a href="#" class="pf-v6-c-nav__link">
5209
- <span class="pf-v6-c-nav__link-text">Network services</span>
5210
- </a>
5211
- </li>
5212
- <li class="pf-v6-c-nav__item">
5213
- <a href="#" class="pf-v6-c-nav__link">
5214
- <span class="pf-v6-c-nav__link-text">Server</span>
5215
- </a>
5216
- </li>
5217
- </ul>
5218
- </nav>
5193
+ <div class="pf-v6-c-page__sidebar-main">
5194
+ <div class="pf-v6-c-page__sidebar-body">
5195
+ <nav
5196
+ class="pf-v6-c-nav"
5197
+ id="compound-expansion-demo-primary-nav"
5198
+ aria-label="Global"
5199
+ >
5200
+ <ul class="pf-v6-c-nav__list" role="list">
5201
+ <li class="pf-v6-c-nav__item">
5202
+ <a href="#" class="pf-v6-c-nav__link">
5203
+ <span class="pf-v6-c-nav__link-text">System panel</span>
5204
+ </a>
5205
+ </li>
5206
+ <li class="pf-v6-c-nav__item">
5207
+ <a
5208
+ href="#"
5209
+ class="pf-v6-c-nav__link pf-m-current"
5210
+ aria-current="page"
5211
+ >
5212
+ <span class="pf-v6-c-nav__link-text">Policy</span>
5213
+ </a>
5214
+ </li>
5215
+ <li class="pf-v6-c-nav__item">
5216
+ <a href="#" class="pf-v6-c-nav__link">
5217
+ <span class="pf-v6-c-nav__link-text">Authentication</span>
5218
+ </a>
5219
+ </li>
5220
+ <li class="pf-v6-c-nav__item">
5221
+ <a href="#" class="pf-v6-c-nav__link">
5222
+ <span class="pf-v6-c-nav__link-text">Network services</span>
5223
+ </a>
5224
+ </li>
5225
+ <li class="pf-v6-c-nav__item">
5226
+ <a href="#" class="pf-v6-c-nav__link">
5227
+ <span class="pf-v6-c-nav__link-text">Server</span>
5228
+ </a>
5229
+ </li>
5230
+ </ul>
5231
+ </nav>
5232
+ </div>
5219
5233
  </div>
5220
5234
  </div>
5221
5235
  <div class="pf-v6-c-page__main-container" tabindex="-1">
@@ -8212,44 +8226,46 @@ wrapperTag: div
8212
8226
  </div>
8213
8227
  </header>
8214
8228
  <div class="pf-v6-c-page__sidebar">
8215
- <div class="pf-v6-c-page__sidebar-body">
8216
- <nav
8217
- class="pf-v6-c-nav"
8218
- id="loading-state-demo-primary-nav"
8219
- aria-label="Global"
8220
- >
8221
- <ul class="pf-v6-c-nav__list" role="list">
8222
- <li class="pf-v6-c-nav__item">
8223
- <a href="#" class="pf-v6-c-nav__link">
8224
- <span class="pf-v6-c-nav__link-text">System panel</span>
8225
- </a>
8226
- </li>
8227
- <li class="pf-v6-c-nav__item">
8228
- <a
8229
- href="#"
8230
- class="pf-v6-c-nav__link pf-m-current"
8231
- aria-current="page"
8232
- >
8233
- <span class="pf-v6-c-nav__link-text">Policy</span>
8234
- </a>
8235
- </li>
8236
- <li class="pf-v6-c-nav__item">
8237
- <a href="#" class="pf-v6-c-nav__link">
8238
- <span class="pf-v6-c-nav__link-text">Authentication</span>
8239
- </a>
8240
- </li>
8241
- <li class="pf-v6-c-nav__item">
8242
- <a href="#" class="pf-v6-c-nav__link">
8243
- <span class="pf-v6-c-nav__link-text">Network services</span>
8244
- </a>
8245
- </li>
8246
- <li class="pf-v6-c-nav__item">
8247
- <a href="#" class="pf-v6-c-nav__link">
8248
- <span class="pf-v6-c-nav__link-text">Server</span>
8249
- </a>
8250
- </li>
8251
- </ul>
8252
- </nav>
8229
+ <div class="pf-v6-c-page__sidebar-main">
8230
+ <div class="pf-v6-c-page__sidebar-body">
8231
+ <nav
8232
+ class="pf-v6-c-nav"
8233
+ id="loading-state-demo-primary-nav"
8234
+ aria-label="Global"
8235
+ >
8236
+ <ul class="pf-v6-c-nav__list" role="list">
8237
+ <li class="pf-v6-c-nav__item">
8238
+ <a href="#" class="pf-v6-c-nav__link">
8239
+ <span class="pf-v6-c-nav__link-text">System panel</span>
8240
+ </a>
8241
+ </li>
8242
+ <li class="pf-v6-c-nav__item">
8243
+ <a
8244
+ href="#"
8245
+ class="pf-v6-c-nav__link pf-m-current"
8246
+ aria-current="page"
8247
+ >
8248
+ <span class="pf-v6-c-nav__link-text">Policy</span>
8249
+ </a>
8250
+ </li>
8251
+ <li class="pf-v6-c-nav__item">
8252
+ <a href="#" class="pf-v6-c-nav__link">
8253
+ <span class="pf-v6-c-nav__link-text">Authentication</span>
8254
+ </a>
8255
+ </li>
8256
+ <li class="pf-v6-c-nav__item">
8257
+ <a href="#" class="pf-v6-c-nav__link">
8258
+ <span class="pf-v6-c-nav__link-text">Network services</span>
8259
+ </a>
8260
+ </li>
8261
+ <li class="pf-v6-c-nav__item">
8262
+ <a href="#" class="pf-v6-c-nav__link">
8263
+ <span class="pf-v6-c-nav__link-text">Server</span>
8264
+ </a>
8265
+ </li>
8266
+ </ul>
8267
+ </nav>
8268
+ </div>
8253
8269
  </div>
8254
8270
  </div>
8255
8271
  <div class="pf-v6-c-page__main-container" tabindex="-1">
@@ -8642,44 +8658,46 @@ wrapperTag: div
8642
8658
  </div>
8643
8659
  </header>
8644
8660
  <div class="pf-v6-c-page__sidebar">
8645
- <div class="pf-v6-c-page__sidebar-body">
8646
- <nav
8647
- class="pf-v6-c-nav"
8648
- id="empty-state-demo-primary-nav"
8649
- aria-label="Global"
8650
- >
8651
- <ul class="pf-v6-c-nav__list" role="list">
8652
- <li class="pf-v6-c-nav__item">
8653
- <a href="#" class="pf-v6-c-nav__link">
8654
- <span class="pf-v6-c-nav__link-text">System panel</span>
8655
- </a>
8656
- </li>
8657
- <li class="pf-v6-c-nav__item">
8658
- <a
8659
- href="#"
8660
- class="pf-v6-c-nav__link pf-m-current"
8661
- aria-current="page"
8662
- >
8663
- <span class="pf-v6-c-nav__link-text">Policy</span>
8664
- </a>
8665
- </li>
8666
- <li class="pf-v6-c-nav__item">
8667
- <a href="#" class="pf-v6-c-nav__link">
8668
- <span class="pf-v6-c-nav__link-text">Authentication</span>
8669
- </a>
8670
- </li>
8671
- <li class="pf-v6-c-nav__item">
8672
- <a href="#" class="pf-v6-c-nav__link">
8673
- <span class="pf-v6-c-nav__link-text">Network services</span>
8674
- </a>
8675
- </li>
8676
- <li class="pf-v6-c-nav__item">
8677
- <a href="#" class="pf-v6-c-nav__link">
8678
- <span class="pf-v6-c-nav__link-text">Server</span>
8679
- </a>
8680
- </li>
8681
- </ul>
8682
- </nav>
8661
+ <div class="pf-v6-c-page__sidebar-main">
8662
+ <div class="pf-v6-c-page__sidebar-body">
8663
+ <nav
8664
+ class="pf-v6-c-nav"
8665
+ id="empty-state-demo-primary-nav"
8666
+ aria-label="Global"
8667
+ >
8668
+ <ul class="pf-v6-c-nav__list" role="list">
8669
+ <li class="pf-v6-c-nav__item">
8670
+ <a href="#" class="pf-v6-c-nav__link">
8671
+ <span class="pf-v6-c-nav__link-text">System panel</span>
8672
+ </a>
8673
+ </li>
8674
+ <li class="pf-v6-c-nav__item">
8675
+ <a
8676
+ href="#"
8677
+ class="pf-v6-c-nav__link pf-m-current"
8678
+ aria-current="page"
8679
+ >
8680
+ <span class="pf-v6-c-nav__link-text">Policy</span>
8681
+ </a>
8682
+ </li>
8683
+ <li class="pf-v6-c-nav__item">
8684
+ <a href="#" class="pf-v6-c-nav__link">
8685
+ <span class="pf-v6-c-nav__link-text">Authentication</span>
8686
+ </a>
8687
+ </li>
8688
+ <li class="pf-v6-c-nav__item">
8689
+ <a href="#" class="pf-v6-c-nav__link">
8690
+ <span class="pf-v6-c-nav__link-text">Network services</span>
8691
+ </a>
8692
+ </li>
8693
+ <li class="pf-v6-c-nav__item">
8694
+ <a href="#" class="pf-v6-c-nav__link">
8695
+ <span class="pf-v6-c-nav__link-text">Server</span>
8696
+ </a>
8697
+ </li>
8698
+ </ul>
8699
+ </nav>
8700
+ </div>
8683
8701
  </div>
8684
8702
  </div>
8685
8703
  <div class="pf-v6-c-page__main-container" tabindex="-1">
@@ -9066,44 +9084,46 @@ wrapperTag: div
9066
9084
  </div>
9067
9085
  </header>
9068
9086
  <div class="pf-v6-c-page__sidebar">
9069
- <div class="pf-v6-c-page__sidebar-body">
9070
- <nav
9071
- class="pf-v6-c-nav"
9072
- id="static-bottom-pagination-demo-primary-nav"
9073
- aria-label="Global"
9074
- >
9075
- <ul class="pf-v6-c-nav__list" role="list">
9076
- <li class="pf-v6-c-nav__item">
9077
- <a href="#" class="pf-v6-c-nav__link">
9078
- <span class="pf-v6-c-nav__link-text">System panel</span>
9079
- </a>
9080
- </li>
9081
- <li class="pf-v6-c-nav__item">
9082
- <a
9083
- href="#"
9084
- class="pf-v6-c-nav__link pf-m-current"
9085
- aria-current="page"
9086
- >
9087
- <span class="pf-v6-c-nav__link-text">Policy</span>
9088
- </a>
9089
- </li>
9090
- <li class="pf-v6-c-nav__item">
9091
- <a href="#" class="pf-v6-c-nav__link">
9092
- <span class="pf-v6-c-nav__link-text">Authentication</span>
9093
- </a>
9094
- </li>
9095
- <li class="pf-v6-c-nav__item">
9096
- <a href="#" class="pf-v6-c-nav__link">
9097
- <span class="pf-v6-c-nav__link-text">Network services</span>
9098
- </a>
9099
- </li>
9100
- <li class="pf-v6-c-nav__item">
9101
- <a href="#" class="pf-v6-c-nav__link">
9102
- <span class="pf-v6-c-nav__link-text">Server</span>
9103
- </a>
9104
- </li>
9105
- </ul>
9106
- </nav>
9087
+ <div class="pf-v6-c-page__sidebar-main">
9088
+ <div class="pf-v6-c-page__sidebar-body">
9089
+ <nav
9090
+ class="pf-v6-c-nav"
9091
+ id="static-bottom-pagination-demo-primary-nav"
9092
+ aria-label="Global"
9093
+ >
9094
+ <ul class="pf-v6-c-nav__list" role="list">
9095
+ <li class="pf-v6-c-nav__item">
9096
+ <a href="#" class="pf-v6-c-nav__link">
9097
+ <span class="pf-v6-c-nav__link-text">System panel</span>
9098
+ </a>
9099
+ </li>
9100
+ <li class="pf-v6-c-nav__item">
9101
+ <a
9102
+ href="#"
9103
+ class="pf-v6-c-nav__link pf-m-current"
9104
+ aria-current="page"
9105
+ >
9106
+ <span class="pf-v6-c-nav__link-text">Policy</span>
9107
+ </a>
9108
+ </li>
9109
+ <li class="pf-v6-c-nav__item">
9110
+ <a href="#" class="pf-v6-c-nav__link">
9111
+ <span class="pf-v6-c-nav__link-text">Authentication</span>
9112
+ </a>
9113
+ </li>
9114
+ <li class="pf-v6-c-nav__item">
9115
+ <a href="#" class="pf-v6-c-nav__link">
9116
+ <span class="pf-v6-c-nav__link-text">Network services</span>
9117
+ </a>
9118
+ </li>
9119
+ <li class="pf-v6-c-nav__item">
9120
+ <a href="#" class="pf-v6-c-nav__link">
9121
+ <span class="pf-v6-c-nav__link-text">Server</span>
9122
+ </a>
9123
+ </li>
9124
+ </ul>
9125
+ </nav>
9126
+ </div>
9107
9127
  </div>
9108
9128
  </div>
9109
9129
  <div class="pf-v6-c-page__main-container" tabindex="-1">
@@ -10230,44 +10250,46 @@ wrapperTag: div
10230
10250
  </div>
10231
10251
  </header>
10232
10252
  <div class="pf-v6-c-page__sidebar">
10233
- <div class="pf-v6-c-page__sidebar-body">
10234
- <nav
10235
- class="pf-v6-c-nav"
10236
- id="column-management-demo-primary-nav"
10237
- aria-label="Global"
10238
- >
10239
- <ul class="pf-v6-c-nav__list" role="list">
10240
- <li class="pf-v6-c-nav__item">
10241
- <a href="#" class="pf-v6-c-nav__link">
10242
- <span class="pf-v6-c-nav__link-text">System panel</span>
10243
- </a>
10244
- </li>
10245
- <li class="pf-v6-c-nav__item">
10246
- <a
10247
- href="#"
10248
- class="pf-v6-c-nav__link pf-m-current"
10249
- aria-current="page"
10250
- >
10251
- <span class="pf-v6-c-nav__link-text">Policy</span>
10252
- </a>
10253
- </li>
10254
- <li class="pf-v6-c-nav__item">
10255
- <a href="#" class="pf-v6-c-nav__link">
10256
- <span class="pf-v6-c-nav__link-text">Authentication</span>
10257
- </a>
10258
- </li>
10259
- <li class="pf-v6-c-nav__item">
10260
- <a href="#" class="pf-v6-c-nav__link">
10261
- <span class="pf-v6-c-nav__link-text">Network services</span>
10262
- </a>
10263
- </li>
10264
- <li class="pf-v6-c-nav__item">
10265
- <a href="#" class="pf-v6-c-nav__link">
10266
- <span class="pf-v6-c-nav__link-text">Server</span>
10267
- </a>
10268
- </li>
10269
- </ul>
10270
- </nav>
10253
+ <div class="pf-v6-c-page__sidebar-main">
10254
+ <div class="pf-v6-c-page__sidebar-body">
10255
+ <nav
10256
+ class="pf-v6-c-nav"
10257
+ id="column-management-demo-primary-nav"
10258
+ aria-label="Global"
10259
+ >
10260
+ <ul class="pf-v6-c-nav__list" role="list">
10261
+ <li class="pf-v6-c-nav__item">
10262
+ <a href="#" class="pf-v6-c-nav__link">
10263
+ <span class="pf-v6-c-nav__link-text">System panel</span>
10264
+ </a>
10265
+ </li>
10266
+ <li class="pf-v6-c-nav__item">
10267
+ <a
10268
+ href="#"
10269
+ class="pf-v6-c-nav__link pf-m-current"
10270
+ aria-current="page"
10271
+ >
10272
+ <span class="pf-v6-c-nav__link-text">Policy</span>
10273
+ </a>
10274
+ </li>
10275
+ <li class="pf-v6-c-nav__item">
10276
+ <a href="#" class="pf-v6-c-nav__link">
10277
+ <span class="pf-v6-c-nav__link-text">Authentication</span>
10278
+ </a>
10279
+ </li>
10280
+ <li class="pf-v6-c-nav__item">
10281
+ <a href="#" class="pf-v6-c-nav__link">
10282
+ <span class="pf-v6-c-nav__link-text">Network services</span>
10283
+ </a>
10284
+ </li>
10285
+ <li class="pf-v6-c-nav__item">
10286
+ <a href="#" class="pf-v6-c-nav__link">
10287
+ <span class="pf-v6-c-nav__link-text">Server</span>
10288
+ </a>
10289
+ </li>
10290
+ </ul>
10291
+ </nav>
10292
+ </div>
10271
10293
  </div>
10272
10294
  </div>
10273
10295
  <div class="pf-v6-c-page__main-container" tabindex="-1">
@@ -11484,44 +11506,46 @@ wrapperTag: div
11484
11506
  </div>
11485
11507
  </header>
11486
11508
  <div class="pf-v6-c-page__sidebar">
11487
- <div class="pf-v6-c-page__sidebar-body">
11488
- <nav
11489
- class="pf-v6-c-nav"
11490
- id="sticky-header-demo-primary-nav"
11491
- aria-label="Global"
11492
- >
11493
- <ul class="pf-v6-c-nav__list" role="list">
11494
- <li class="pf-v6-c-nav__item">
11495
- <a href="#" class="pf-v6-c-nav__link">
11496
- <span class="pf-v6-c-nav__link-text">System panel</span>
11497
- </a>
11498
- </li>
11499
- <li class="pf-v6-c-nav__item">
11500
- <a
11501
- href="#"
11502
- class="pf-v6-c-nav__link pf-m-current"
11503
- aria-current="page"
11504
- >
11505
- <span class="pf-v6-c-nav__link-text">Policy</span>
11506
- </a>
11507
- </li>
11508
- <li class="pf-v6-c-nav__item">
11509
- <a href="#" class="pf-v6-c-nav__link">
11510
- <span class="pf-v6-c-nav__link-text">Authentication</span>
11511
- </a>
11512
- </li>
11513
- <li class="pf-v6-c-nav__item">
11514
- <a href="#" class="pf-v6-c-nav__link">
11515
- <span class="pf-v6-c-nav__link-text">Network services</span>
11516
- </a>
11517
- </li>
11518
- <li class="pf-v6-c-nav__item">
11519
- <a href="#" class="pf-v6-c-nav__link">
11520
- <span class="pf-v6-c-nav__link-text">Server</span>
11521
- </a>
11522
- </li>
11523
- </ul>
11524
- </nav>
11509
+ <div class="pf-v6-c-page__sidebar-main">
11510
+ <div class="pf-v6-c-page__sidebar-body">
11511
+ <nav
11512
+ class="pf-v6-c-nav"
11513
+ id="sticky-header-demo-primary-nav"
11514
+ aria-label="Global"
11515
+ >
11516
+ <ul class="pf-v6-c-nav__list" role="list">
11517
+ <li class="pf-v6-c-nav__item">
11518
+ <a href="#" class="pf-v6-c-nav__link">
11519
+ <span class="pf-v6-c-nav__link-text">System panel</span>
11520
+ </a>
11521
+ </li>
11522
+ <li class="pf-v6-c-nav__item">
11523
+ <a
11524
+ href="#"
11525
+ class="pf-v6-c-nav__link pf-m-current"
11526
+ aria-current="page"
11527
+ >
11528
+ <span class="pf-v6-c-nav__link-text">Policy</span>
11529
+ </a>
11530
+ </li>
11531
+ <li class="pf-v6-c-nav__item">
11532
+ <a href="#" class="pf-v6-c-nav__link">
11533
+ <span class="pf-v6-c-nav__link-text">Authentication</span>
11534
+ </a>
11535
+ </li>
11536
+ <li class="pf-v6-c-nav__item">
11537
+ <a href="#" class="pf-v6-c-nav__link">
11538
+ <span class="pf-v6-c-nav__link-text">Network services</span>
11539
+ </a>
11540
+ </li>
11541
+ <li class="pf-v6-c-nav__item">
11542
+ <a href="#" class="pf-v6-c-nav__link">
11543
+ <span class="pf-v6-c-nav__link-text">Server</span>
11544
+ </a>
11545
+ </li>
11546
+ </ul>
11547
+ </nav>
11548
+ </div>
11525
11549
  </div>
11526
11550
  </div>
11527
11551
  <div class="pf-v6-c-page__main-container" tabindex="-1">
@@ -12645,44 +12669,46 @@ wrapperTag: div
12645
12669
  </div>
12646
12670
  </header>
12647
12671
  <div class="pf-v6-c-page__sidebar">
12648
- <div class="pf-v6-c-page__sidebar-body">
12649
- <nav
12650
- class="pf-v6-c-nav"
12651
- id="sticky-first-column-demo-primary-nav"
12652
- aria-label="Global"
12653
- >
12654
- <ul class="pf-v6-c-nav__list" role="list">
12655
- <li class="pf-v6-c-nav__item">
12656
- <a href="#" class="pf-v6-c-nav__link">
12657
- <span class="pf-v6-c-nav__link-text">System panel</span>
12658
- </a>
12659
- </li>
12660
- <li class="pf-v6-c-nav__item">
12661
- <a
12662
- href="#"
12663
- class="pf-v6-c-nav__link pf-m-current"
12664
- aria-current="page"
12665
- >
12666
- <span class="pf-v6-c-nav__link-text">Policy</span>
12667
- </a>
12668
- </li>
12669
- <li class="pf-v6-c-nav__item">
12670
- <a href="#" class="pf-v6-c-nav__link">
12671
- <span class="pf-v6-c-nav__link-text">Authentication</span>
12672
- </a>
12673
- </li>
12674
- <li class="pf-v6-c-nav__item">
12675
- <a href="#" class="pf-v6-c-nav__link">
12676
- <span class="pf-v6-c-nav__link-text">Network services</span>
12677
- </a>
12678
- </li>
12679
- <li class="pf-v6-c-nav__item">
12680
- <a href="#" class="pf-v6-c-nav__link">
12681
- <span class="pf-v6-c-nav__link-text">Server</span>
12682
- </a>
12683
- </li>
12684
- </ul>
12685
- </nav>
12672
+ <div class="pf-v6-c-page__sidebar-main">
12673
+ <div class="pf-v6-c-page__sidebar-body">
12674
+ <nav
12675
+ class="pf-v6-c-nav"
12676
+ id="sticky-first-column-demo-primary-nav"
12677
+ aria-label="Global"
12678
+ >
12679
+ <ul class="pf-v6-c-nav__list" role="list">
12680
+ <li class="pf-v6-c-nav__item">
12681
+ <a href="#" class="pf-v6-c-nav__link">
12682
+ <span class="pf-v6-c-nav__link-text">System panel</span>
12683
+ </a>
12684
+ </li>
12685
+ <li class="pf-v6-c-nav__item">
12686
+ <a
12687
+ href="#"
12688
+ class="pf-v6-c-nav__link pf-m-current"
12689
+ aria-current="page"
12690
+ >
12691
+ <span class="pf-v6-c-nav__link-text">Policy</span>
12692
+ </a>
12693
+ </li>
12694
+ <li class="pf-v6-c-nav__item">
12695
+ <a href="#" class="pf-v6-c-nav__link">
12696
+ <span class="pf-v6-c-nav__link-text">Authentication</span>
12697
+ </a>
12698
+ </li>
12699
+ <li class="pf-v6-c-nav__item">
12700
+ <a href="#" class="pf-v6-c-nav__link">
12701
+ <span class="pf-v6-c-nav__link-text">Network services</span>
12702
+ </a>
12703
+ </li>
12704
+ <li class="pf-v6-c-nav__item">
12705
+ <a href="#" class="pf-v6-c-nav__link">
12706
+ <span class="pf-v6-c-nav__link-text">Server</span>
12707
+ </a>
12708
+ </li>
12709
+ </ul>
12710
+ </nav>
12711
+ </div>
12686
12712
  </div>
12687
12713
  </div>
12688
12714
  <div class="pf-v6-c-page__main-container" tabindex="-1">
@@ -13917,44 +13943,46 @@ wrapperTag: div
13917
13943
  </div>
13918
13944
  </header>
13919
13945
  <div class="pf-v6-c-page__sidebar">
13920
- <div class="pf-v6-c-page__sidebar-body">
13921
- <nav
13922
- class="pf-v6-c-nav"
13923
- id="sticky-multiple-columns-demo-primary-nav"
13924
- aria-label="Global"
13925
- >
13926
- <ul class="pf-v6-c-nav__list" role="list">
13927
- <li class="pf-v6-c-nav__item">
13928
- <a href="#" class="pf-v6-c-nav__link">
13929
- <span class="pf-v6-c-nav__link-text">System panel</span>
13930
- </a>
13931
- </li>
13932
- <li class="pf-v6-c-nav__item">
13933
- <a
13934
- href="#"
13935
- class="pf-v6-c-nav__link pf-m-current"
13936
- aria-current="page"
13937
- >
13938
- <span class="pf-v6-c-nav__link-text">Policy</span>
13939
- </a>
13940
- </li>
13941
- <li class="pf-v6-c-nav__item">
13942
- <a href="#" class="pf-v6-c-nav__link">
13943
- <span class="pf-v6-c-nav__link-text">Authentication</span>
13944
- </a>
13945
- </li>
13946
- <li class="pf-v6-c-nav__item">
13947
- <a href="#" class="pf-v6-c-nav__link">
13948
- <span class="pf-v6-c-nav__link-text">Network services</span>
13949
- </a>
13950
- </li>
13951
- <li class="pf-v6-c-nav__item">
13952
- <a href="#" class="pf-v6-c-nav__link">
13953
- <span class="pf-v6-c-nav__link-text">Server</span>
13954
- </a>
13955
- </li>
13956
- </ul>
13957
- </nav>
13946
+ <div class="pf-v6-c-page__sidebar-main">
13947
+ <div class="pf-v6-c-page__sidebar-body">
13948
+ <nav
13949
+ class="pf-v6-c-nav"
13950
+ id="sticky-multiple-columns-demo-primary-nav"
13951
+ aria-label="Global"
13952
+ >
13953
+ <ul class="pf-v6-c-nav__list" role="list">
13954
+ <li class="pf-v6-c-nav__item">
13955
+ <a href="#" class="pf-v6-c-nav__link">
13956
+ <span class="pf-v6-c-nav__link-text">System panel</span>
13957
+ </a>
13958
+ </li>
13959
+ <li class="pf-v6-c-nav__item">
13960
+ <a
13961
+ href="#"
13962
+ class="pf-v6-c-nav__link pf-m-current"
13963
+ aria-current="page"
13964
+ >
13965
+ <span class="pf-v6-c-nav__link-text">Policy</span>
13966
+ </a>
13967
+ </li>
13968
+ <li class="pf-v6-c-nav__item">
13969
+ <a href="#" class="pf-v6-c-nav__link">
13970
+ <span class="pf-v6-c-nav__link-text">Authentication</span>
13971
+ </a>
13972
+ </li>
13973
+ <li class="pf-v6-c-nav__item">
13974
+ <a href="#" class="pf-v6-c-nav__link">
13975
+ <span class="pf-v6-c-nav__link-text">Network services</span>
13976
+ </a>
13977
+ </li>
13978
+ <li class="pf-v6-c-nav__item">
13979
+ <a href="#" class="pf-v6-c-nav__link">
13980
+ <span class="pf-v6-c-nav__link-text">Server</span>
13981
+ </a>
13982
+ </li>
13983
+ </ul>
13984
+ </nav>
13985
+ </div>
13958
13986
  </div>
13959
13987
  </div>
13960
13988
  <div class="pf-v6-c-page__main-container" tabindex="-1">
@@ -15225,44 +15253,46 @@ wrapperTag: div
15225
15253
  </div>
15226
15254
  </header>
15227
15255
  <div class="pf-v6-c-page__sidebar">
15228
- <div class="pf-v6-c-page__sidebar-body">
15229
- <nav
15230
- class="pf-v6-c-nav"
15231
- id="sticky-header-and-multiple-columns-demo-primary-nav"
15232
- aria-label="Global"
15233
- >
15234
- <ul class="pf-v6-c-nav__list" role="list">
15235
- <li class="pf-v6-c-nav__item">
15236
- <a href="#" class="pf-v6-c-nav__link">
15237
- <span class="pf-v6-c-nav__link-text">System panel</span>
15238
- </a>
15239
- </li>
15240
- <li class="pf-v6-c-nav__item">
15241
- <a
15242
- href="#"
15243
- class="pf-v6-c-nav__link pf-m-current"
15244
- aria-current="page"
15245
- >
15246
- <span class="pf-v6-c-nav__link-text">Policy</span>
15247
- </a>
15248
- </li>
15249
- <li class="pf-v6-c-nav__item">
15250
- <a href="#" class="pf-v6-c-nav__link">
15251
- <span class="pf-v6-c-nav__link-text">Authentication</span>
15252
- </a>
15253
- </li>
15254
- <li class="pf-v6-c-nav__item">
15255
- <a href="#" class="pf-v6-c-nav__link">
15256
- <span class="pf-v6-c-nav__link-text">Network services</span>
15257
- </a>
15258
- </li>
15259
- <li class="pf-v6-c-nav__item">
15260
- <a href="#" class="pf-v6-c-nav__link">
15261
- <span class="pf-v6-c-nav__link-text">Server</span>
15262
- </a>
15263
- </li>
15264
- </ul>
15265
- </nav>
15256
+ <div class="pf-v6-c-page__sidebar-main">
15257
+ <div class="pf-v6-c-page__sidebar-body">
15258
+ <nav
15259
+ class="pf-v6-c-nav"
15260
+ id="sticky-header-and-multiple-columns-demo-primary-nav"
15261
+ aria-label="Global"
15262
+ >
15263
+ <ul class="pf-v6-c-nav__list" role="list">
15264
+ <li class="pf-v6-c-nav__item">
15265
+ <a href="#" class="pf-v6-c-nav__link">
15266
+ <span class="pf-v6-c-nav__link-text">System panel</span>
15267
+ </a>
15268
+ </li>
15269
+ <li class="pf-v6-c-nav__item">
15270
+ <a
15271
+ href="#"
15272
+ class="pf-v6-c-nav__link pf-m-current"
15273
+ aria-current="page"
15274
+ >
15275
+ <span class="pf-v6-c-nav__link-text">Policy</span>
15276
+ </a>
15277
+ </li>
15278
+ <li class="pf-v6-c-nav__item">
15279
+ <a href="#" class="pf-v6-c-nav__link">
15280
+ <span class="pf-v6-c-nav__link-text">Authentication</span>
15281
+ </a>
15282
+ </li>
15283
+ <li class="pf-v6-c-nav__item">
15284
+ <a href="#" class="pf-v6-c-nav__link">
15285
+ <span class="pf-v6-c-nav__link-text">Network services</span>
15286
+ </a>
15287
+ </li>
15288
+ <li class="pf-v6-c-nav__item">
15289
+ <a href="#" class="pf-v6-c-nav__link">
15290
+ <span class="pf-v6-c-nav__link-text">Server</span>
15291
+ </a>
15292
+ </li>
15293
+ </ul>
15294
+ </nav>
15295
+ </div>
15266
15296
  </div>
15267
15297
  </div>
15268
15298
  <div class="pf-v6-c-page__main-container" tabindex="-1">
@@ -16531,44 +16561,46 @@ wrapperTag: div
16531
16561
  </div>
16532
16562
  </header>
16533
16563
  <div class="pf-v6-c-page__sidebar">
16534
- <div class="pf-v6-c-page__sidebar-body">
16535
- <nav
16536
- class="pf-v6-c-nav"
16537
- id="sticky-header-and-multiple-columns-demo-primary-nav"
16538
- aria-label="Global"
16539
- >
16540
- <ul class="pf-v6-c-nav__list" role="list">
16541
- <li class="pf-v6-c-nav__item">
16542
- <a href="#" class="pf-v6-c-nav__link">
16543
- <span class="pf-v6-c-nav__link-text">System panel</span>
16544
- </a>
16545
- </li>
16546
- <li class="pf-v6-c-nav__item">
16547
- <a
16548
- href="#"
16549
- class="pf-v6-c-nav__link pf-m-current"
16550
- aria-current="page"
16551
- >
16552
- <span class="pf-v6-c-nav__link-text">Policy</span>
16553
- </a>
16554
- </li>
16555
- <li class="pf-v6-c-nav__item">
16556
- <a href="#" class="pf-v6-c-nav__link">
16557
- <span class="pf-v6-c-nav__link-text">Authentication</span>
16558
- </a>
16559
- </li>
16560
- <li class="pf-v6-c-nav__item">
16561
- <a href="#" class="pf-v6-c-nav__link">
16562
- <span class="pf-v6-c-nav__link-text">Network services</span>
16563
- </a>
16564
- </li>
16565
- <li class="pf-v6-c-nav__item">
16566
- <a href="#" class="pf-v6-c-nav__link">
16567
- <span class="pf-v6-c-nav__link-text">Server</span>
16568
- </a>
16569
- </li>
16570
- </ul>
16571
- </nav>
16564
+ <div class="pf-v6-c-page__sidebar-main">
16565
+ <div class="pf-v6-c-page__sidebar-body">
16566
+ <nav
16567
+ class="pf-v6-c-nav"
16568
+ id="sticky-header-and-multiple-columns-demo-primary-nav"
16569
+ aria-label="Global"
16570
+ >
16571
+ <ul class="pf-v6-c-nav__list" role="list">
16572
+ <li class="pf-v6-c-nav__item">
16573
+ <a href="#" class="pf-v6-c-nav__link">
16574
+ <span class="pf-v6-c-nav__link-text">System panel</span>
16575
+ </a>
16576
+ </li>
16577
+ <li class="pf-v6-c-nav__item">
16578
+ <a
16579
+ href="#"
16580
+ class="pf-v6-c-nav__link pf-m-current"
16581
+ aria-current="page"
16582
+ >
16583
+ <span class="pf-v6-c-nav__link-text">Policy</span>
16584
+ </a>
16585
+ </li>
16586
+ <li class="pf-v6-c-nav__item">
16587
+ <a href="#" class="pf-v6-c-nav__link">
16588
+ <span class="pf-v6-c-nav__link-text">Authentication</span>
16589
+ </a>
16590
+ </li>
16591
+ <li class="pf-v6-c-nav__item">
16592
+ <a href="#" class="pf-v6-c-nav__link">
16593
+ <span class="pf-v6-c-nav__link-text">Network services</span>
16594
+ </a>
16595
+ </li>
16596
+ <li class="pf-v6-c-nav__item">
16597
+ <a href="#" class="pf-v6-c-nav__link">
16598
+ <span class="pf-v6-c-nav__link-text">Server</span>
16599
+ </a>
16600
+ </li>
16601
+ </ul>
16602
+ </nav>
16603
+ </div>
16572
16604
  </div>
16573
16605
  </div>
16574
16606
  <div class="pf-v6-c-page__main-container" tabindex="-1">
@@ -17799,44 +17831,46 @@ By default, table cell alignment is set to baseline. This retains vertical align
17799
17831
  </div>
17800
17832
  </header>
17801
17833
  <div class="pf-v6-c-page__sidebar">
17802
- <div class="pf-v6-c-page__sidebar-body">
17803
- <nav
17804
- class="pf-v6-c-nav"
17805
- id="image-alignment-demo-primary-nav"
17806
- aria-label="Global"
17807
- >
17808
- <ul class="pf-v6-c-nav__list" role="list">
17809
- <li class="pf-v6-c-nav__item">
17810
- <a href="#" class="pf-v6-c-nav__link">
17811
- <span class="pf-v6-c-nav__link-text">System panel</span>
17812
- </a>
17813
- </li>
17814
- <li class="pf-v6-c-nav__item">
17815
- <a
17816
- href="#"
17817
- class="pf-v6-c-nav__link pf-m-current"
17818
- aria-current="page"
17819
- >
17820
- <span class="pf-v6-c-nav__link-text">Policy</span>
17821
- </a>
17822
- </li>
17823
- <li class="pf-v6-c-nav__item">
17824
- <a href="#" class="pf-v6-c-nav__link">
17825
- <span class="pf-v6-c-nav__link-text">Authentication</span>
17826
- </a>
17827
- </li>
17828
- <li class="pf-v6-c-nav__item">
17829
- <a href="#" class="pf-v6-c-nav__link">
17830
- <span class="pf-v6-c-nav__link-text">Network services</span>
17831
- </a>
17832
- </li>
17833
- <li class="pf-v6-c-nav__item">
17834
- <a href="#" class="pf-v6-c-nav__link">
17835
- <span class="pf-v6-c-nav__link-text">Server</span>
17836
- </a>
17837
- </li>
17838
- </ul>
17839
- </nav>
17834
+ <div class="pf-v6-c-page__sidebar-main">
17835
+ <div class="pf-v6-c-page__sidebar-body">
17836
+ <nav
17837
+ class="pf-v6-c-nav"
17838
+ id="image-alignment-demo-primary-nav"
17839
+ aria-label="Global"
17840
+ >
17841
+ <ul class="pf-v6-c-nav__list" role="list">
17842
+ <li class="pf-v6-c-nav__item">
17843
+ <a href="#" class="pf-v6-c-nav__link">
17844
+ <span class="pf-v6-c-nav__link-text">System panel</span>
17845
+ </a>
17846
+ </li>
17847
+ <li class="pf-v6-c-nav__item">
17848
+ <a
17849
+ href="#"
17850
+ class="pf-v6-c-nav__link pf-m-current"
17851
+ aria-current="page"
17852
+ >
17853
+ <span class="pf-v6-c-nav__link-text">Policy</span>
17854
+ </a>
17855
+ </li>
17856
+ <li class="pf-v6-c-nav__item">
17857
+ <a href="#" class="pf-v6-c-nav__link">
17858
+ <span class="pf-v6-c-nav__link-text">Authentication</span>
17859
+ </a>
17860
+ </li>
17861
+ <li class="pf-v6-c-nav__item">
17862
+ <a href="#" class="pf-v6-c-nav__link">
17863
+ <span class="pf-v6-c-nav__link-text">Network services</span>
17864
+ </a>
17865
+ </li>
17866
+ <li class="pf-v6-c-nav__item">
17867
+ <a href="#" class="pf-v6-c-nav__link">
17868
+ <span class="pf-v6-c-nav__link-text">Server</span>
17869
+ </a>
17870
+ </li>
17871
+ </ul>
17872
+ </nav>
17873
+ </div>
17840
17874
  </div>
17841
17875
  </div>
17842
17876
  <div class="pf-v6-c-page__main-container" tabindex="-1">
@@ -18428,44 +18462,46 @@ Note that the table in the main content area uses the `pf-m-grid-lg` modifier an
18428
18462
  </div>
18429
18463
  </header>
18430
18464
  <div class="pf-v6-c-page__sidebar">
18431
- <div class="pf-v6-c-page__sidebar-body">
18432
- <nav
18433
- class="pf-v6-c-nav"
18434
- id="table-drawer-container-primary-nav"
18435
- aria-label="Global"
18436
- >
18437
- <ul class="pf-v6-c-nav__list" role="list">
18438
- <li class="pf-v6-c-nav__item">
18439
- <a href="#" class="pf-v6-c-nav__link">
18440
- <span class="pf-v6-c-nav__link-text">System panel</span>
18441
- </a>
18442
- </li>
18443
- <li class="pf-v6-c-nav__item">
18444
- <a
18445
- href="#"
18446
- class="pf-v6-c-nav__link pf-m-current"
18447
- aria-current="page"
18448
- >
18449
- <span class="pf-v6-c-nav__link-text">Policy</span>
18450
- </a>
18451
- </li>
18452
- <li class="pf-v6-c-nav__item">
18453
- <a href="#" class="pf-v6-c-nav__link">
18454
- <span class="pf-v6-c-nav__link-text">Authentication</span>
18455
- </a>
18456
- </li>
18457
- <li class="pf-v6-c-nav__item">
18458
- <a href="#" class="pf-v6-c-nav__link">
18459
- <span class="pf-v6-c-nav__link-text">Network services</span>
18460
- </a>
18461
- </li>
18462
- <li class="pf-v6-c-nav__item">
18463
- <a href="#" class="pf-v6-c-nav__link">
18464
- <span class="pf-v6-c-nav__link-text">Server</span>
18465
- </a>
18466
- </li>
18467
- </ul>
18468
- </nav>
18465
+ <div class="pf-v6-c-page__sidebar-main">
18466
+ <div class="pf-v6-c-page__sidebar-body">
18467
+ <nav
18468
+ class="pf-v6-c-nav"
18469
+ id="table-drawer-container-primary-nav"
18470
+ aria-label="Global"
18471
+ >
18472
+ <ul class="pf-v6-c-nav__list" role="list">
18473
+ <li class="pf-v6-c-nav__item">
18474
+ <a href="#" class="pf-v6-c-nav__link">
18475
+ <span class="pf-v6-c-nav__link-text">System panel</span>
18476
+ </a>
18477
+ </li>
18478
+ <li class="pf-v6-c-nav__item">
18479
+ <a
18480
+ href="#"
18481
+ class="pf-v6-c-nav__link pf-m-current"
18482
+ aria-current="page"
18483
+ >
18484
+ <span class="pf-v6-c-nav__link-text">Policy</span>
18485
+ </a>
18486
+ </li>
18487
+ <li class="pf-v6-c-nav__item">
18488
+ <a href="#" class="pf-v6-c-nav__link">
18489
+ <span class="pf-v6-c-nav__link-text">Authentication</span>
18490
+ </a>
18491
+ </li>
18492
+ <li class="pf-v6-c-nav__item">
18493
+ <a href="#" class="pf-v6-c-nav__link">
18494
+ <span class="pf-v6-c-nav__link-text">Network services</span>
18495
+ </a>
18496
+ </li>
18497
+ <li class="pf-v6-c-nav__item">
18498
+ <a href="#" class="pf-v6-c-nav__link">
18499
+ <span class="pf-v6-c-nav__link-text">Server</span>
18500
+ </a>
18501
+ </li>
18502
+ </ul>
18503
+ </nav>
18504
+ </div>
18469
18505
  </div>
18470
18506
  </div>
18471
18507
  <div class="pf-v6-c-page__main-container" tabindex="-1">