@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/PrimaryDetail/examples/PrimaryDetail.md CHANGED
@@ -199,44 +199,46 @@ wrapperTag: div
199
199
  </div>
200
200
  </header>
201
201
  <div class="pf-v6-c-page__sidebar">
202
- <div class="pf-v6-c-page__sidebar-body">
203
- <nav
204
- class="pf-v6-c-nav"
205
- id="primary-detail-expanded-example-primary-nav"
206
- aria-label="Global"
207
- >
208
- <ul class="pf-v6-c-nav__list" role="list">
209
- <li class="pf-v6-c-nav__item">
210
- <a href="#" class="pf-v6-c-nav__link">
211
- <span class="pf-v6-c-nav__link-text">System panel</span>
212
- </a>
213
- </li>
214
- <li class="pf-v6-c-nav__item">
215
- <a
216
- href="#"
217
- class="pf-v6-c-nav__link pf-m-current"
218
- aria-current="page"
219
- >
220
- <span class="pf-v6-c-nav__link-text">Policy</span>
221
- </a>
222
- </li>
223
- <li class="pf-v6-c-nav__item">
224
- <a href="#" class="pf-v6-c-nav__link">
225
- <span class="pf-v6-c-nav__link-text">Authentication</span>
226
- </a>
227
- </li>
228
- <li class="pf-v6-c-nav__item">
229
- <a href="#" class="pf-v6-c-nav__link">
230
- <span class="pf-v6-c-nav__link-text">Network services</span>
231
- </a>
232
- </li>
233
- <li class="pf-v6-c-nav__item">
234
- <a href="#" class="pf-v6-c-nav__link">
235
- <span class="pf-v6-c-nav__link-text">Server</span>
236
- </a>
237
- </li>
238
- </ul>
239
- </nav>
202
+ <div class="pf-v6-c-page__sidebar-main">
203
+ <div class="pf-v6-c-page__sidebar-body">
204
+ <nav
205
+ class="pf-v6-c-nav"
206
+ id="primary-detail-expanded-example-primary-nav"
207
+ aria-label="Global"
208
+ >
209
+ <ul class="pf-v6-c-nav__list" role="list">
210
+ <li class="pf-v6-c-nav__item">
211
+ <a href="#" class="pf-v6-c-nav__link">
212
+ <span class="pf-v6-c-nav__link-text">System panel</span>
213
+ </a>
214
+ </li>
215
+ <li class="pf-v6-c-nav__item">
216
+ <a
217
+ href="#"
218
+ class="pf-v6-c-nav__link pf-m-current"
219
+ aria-current="page"
220
+ >
221
+ <span class="pf-v6-c-nav__link-text">Policy</span>
222
+ </a>
223
+ </li>
224
+ <li class="pf-v6-c-nav__item">
225
+ <a href="#" class="pf-v6-c-nav__link">
226
+ <span class="pf-v6-c-nav__link-text">Authentication</span>
227
+ </a>
228
+ </li>
229
+ <li class="pf-v6-c-nav__item">
230
+ <a href="#" class="pf-v6-c-nav__link">
231
+ <span class="pf-v6-c-nav__link-text">Network services</span>
232
+ </a>
233
+ </li>
234
+ <li class="pf-v6-c-nav__item">
235
+ <a href="#" class="pf-v6-c-nav__link">
236
+ <span class="pf-v6-c-nav__link-text">Server</span>
237
+ </a>
238
+ </li>
239
+ </ul>
240
+ </nav>
241
+ </div>
240
242
  </div>
241
243
  </div>
242
244
  <div class="pf-v6-c-page__main-container" tabindex="-1">
@@ -1575,44 +1577,46 @@ wrapperTag: div
1575
1577
  </div>
1576
1578
  </header>
1577
1579
  <div class="pf-v6-c-page__sidebar">
1578
- <div class="pf-v6-c-page__sidebar-body">
1579
- <nav
1580
- class="pf-v6-c-nav"
1581
- id="primary-detail-collapsed-example-primary-nav"
1582
- aria-label="Global"
1583
- >
1584
- <ul class="pf-v6-c-nav__list" role="list">
1585
- <li class="pf-v6-c-nav__item">
1586
- <a href="#" class="pf-v6-c-nav__link">
1587
- <span class="pf-v6-c-nav__link-text">System panel</span>
1588
- </a>
1589
- </li>
1590
- <li class="pf-v6-c-nav__item">
1591
- <a
1592
- href="#"
1593
- class="pf-v6-c-nav__link pf-m-current"
1594
- aria-current="page"
1595
- >
1596
- <span class="pf-v6-c-nav__link-text">Policy</span>
1597
- </a>
1598
- </li>
1599
- <li class="pf-v6-c-nav__item">
1600
- <a href="#" class="pf-v6-c-nav__link">
1601
- <span class="pf-v6-c-nav__link-text">Authentication</span>
1602
- </a>
1603
- </li>
1604
- <li class="pf-v6-c-nav__item">
1605
- <a href="#" class="pf-v6-c-nav__link">
1606
- <span class="pf-v6-c-nav__link-text">Network services</span>
1607
- </a>
1608
- </li>
1609
- <li class="pf-v6-c-nav__item">
1610
- <a href="#" class="pf-v6-c-nav__link">
1611
- <span class="pf-v6-c-nav__link-text">Server</span>
1612
- </a>
1613
- </li>
1614
- </ul>
1615
- </nav>
1580
+ <div class="pf-v6-c-page__sidebar-main">
1581
+ <div class="pf-v6-c-page__sidebar-body">
1582
+ <nav
1583
+ class="pf-v6-c-nav"
1584
+ id="primary-detail-collapsed-example-primary-nav"
1585
+ aria-label="Global"
1586
+ >
1587
+ <ul class="pf-v6-c-nav__list" role="list">
1588
+ <li class="pf-v6-c-nav__item">
1589
+ <a href="#" class="pf-v6-c-nav__link">
1590
+ <span class="pf-v6-c-nav__link-text">System panel</span>
1591
+ </a>
1592
+ </li>
1593
+ <li class="pf-v6-c-nav__item">
1594
+ <a
1595
+ href="#"
1596
+ class="pf-v6-c-nav__link pf-m-current"
1597
+ aria-current="page"
1598
+ >
1599
+ <span class="pf-v6-c-nav__link-text">Policy</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">Authentication</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">Network services</span>
1610
+ </a>
1611
+ </li>
1612
+ <li class="pf-v6-c-nav__item">
1613
+ <a href="#" class="pf-v6-c-nav__link">
1614
+ <span class="pf-v6-c-nav__link-text">Server</span>
1615
+ </a>
1616
+ </li>
1617
+ </ul>
1618
+ </nav>
1619
+ </div>
1616
1620
  </div>
1617
1621
  </div>
1618
1622
  <div class="pf-v6-c-page__main-container" tabindex="-1">
@@ -2840,44 +2844,46 @@ wrapperTag: div
2840
2844
  </div>
2841
2845
  </header>
2842
2846
  <div class="pf-v6-c-page__sidebar">
2843
- <div class="pf-v6-c-page__sidebar-body">
2844
- <nav
2845
- class="pf-v6-c-nav"
2846
- id="primary-detail-content-body-padding-example-primary-nav"
2847
- aria-label="Global"
2848
- >
2849
- <ul class="pf-v6-c-nav__list" role="list">
2850
- <li class="pf-v6-c-nav__item">
2851
- <a href="#" class="pf-v6-c-nav__link">
2852
- <span class="pf-v6-c-nav__link-text">System panel</span>
2853
- </a>
2854
- </li>
2855
- <li class="pf-v6-c-nav__item">
2856
- <a
2857
- href="#"
2858
- class="pf-v6-c-nav__link pf-m-current"
2859
- aria-current="page"
2860
- >
2861
- <span class="pf-v6-c-nav__link-text">Policy</span>
2862
- </a>
2863
- </li>
2864
- <li class="pf-v6-c-nav__item">
2865
- <a href="#" class="pf-v6-c-nav__link">
2866
- <span class="pf-v6-c-nav__link-text">Authentication</span>
2867
- </a>
2868
- </li>
2869
- <li class="pf-v6-c-nav__item">
2870
- <a href="#" class="pf-v6-c-nav__link">
2871
- <span class="pf-v6-c-nav__link-text">Network services</span>
2872
- </a>
2873
- </li>
2874
- <li class="pf-v6-c-nav__item">
2875
- <a href="#" class="pf-v6-c-nav__link">
2876
- <span class="pf-v6-c-nav__link-text">Server</span>
2877
- </a>
2878
- </li>
2879
- </ul>
2880
- </nav>
2847
+ <div class="pf-v6-c-page__sidebar-main">
2848
+ <div class="pf-v6-c-page__sidebar-body">
2849
+ <nav
2850
+ class="pf-v6-c-nav"
2851
+ id="primary-detail-content-body-padding-example-primary-nav"
2852
+ aria-label="Global"
2853
+ >
2854
+ <ul class="pf-v6-c-nav__list" role="list">
2855
+ <li class="pf-v6-c-nav__item">
2856
+ <a href="#" class="pf-v6-c-nav__link">
2857
+ <span class="pf-v6-c-nav__link-text">System panel</span>
2858
+ </a>
2859
+ </li>
2860
+ <li class="pf-v6-c-nav__item">
2861
+ <a
2862
+ href="#"
2863
+ class="pf-v6-c-nav__link pf-m-current"
2864
+ aria-current="page"
2865
+ >
2866
+ <span class="pf-v6-c-nav__link-text">Policy</span>
2867
+ </a>
2868
+ </li>
2869
+ <li class="pf-v6-c-nav__item">
2870
+ <a href="#" class="pf-v6-c-nav__link">
2871
+ <span class="pf-v6-c-nav__link-text">Authentication</span>
2872
+ </a>
2873
+ </li>
2874
+ <li class="pf-v6-c-nav__item">
2875
+ <a href="#" class="pf-v6-c-nav__link">
2876
+ <span class="pf-v6-c-nav__link-text">Network services</span>
2877
+ </a>
2878
+ </li>
2879
+ <li class="pf-v6-c-nav__item">
2880
+ <a href="#" class="pf-v6-c-nav__link">
2881
+ <span class="pf-v6-c-nav__link-text">Server</span>
2882
+ </a>
2883
+ </li>
2884
+ </ul>
2885
+ </nav>
2886
+ </div>
2881
2887
  </div>
2882
2888
  </div>
2883
2889
  <div class="pf-v6-c-page__main-container" tabindex="-1">
@@ -4049,44 +4055,46 @@ wrapperTag: div
4049
4055
  </div>
4050
4056
  </header>
4051
4057
  <div class="pf-v6-c-page__sidebar">
4052
- <div class="pf-v6-c-page__sidebar-body">
4053
- <nav
4054
- class="pf-v6-c-nav"
4055
- id="primary-detail-card-view-expanded-example-primary-nav"
4056
- aria-label="Global"
4057
- >
4058
- <ul class="pf-v6-c-nav__list" role="list">
4059
- <li class="pf-v6-c-nav__item">
4060
- <a href="#" class="pf-v6-c-nav__link">
4061
- <span class="pf-v6-c-nav__link-text">System panel</span>
4062
- </a>
4063
- </li>
4064
- <li class="pf-v6-c-nav__item">
4065
- <a
4066
- href="#"
4067
- class="pf-v6-c-nav__link pf-m-current"
4068
- aria-current="page"
4069
- >
4070
- <span class="pf-v6-c-nav__link-text">Policy</span>
4071
- </a>
4072
- </li>
4073
- <li class="pf-v6-c-nav__item">
4074
- <a href="#" class="pf-v6-c-nav__link">
4075
- <span class="pf-v6-c-nav__link-text">Authentication</span>
4076
- </a>
4077
- </li>
4078
- <li class="pf-v6-c-nav__item">
4079
- <a href="#" class="pf-v6-c-nav__link">
4080
- <span class="pf-v6-c-nav__link-text">Network services</span>
4081
- </a>
4082
- </li>
4083
- <li class="pf-v6-c-nav__item">
4084
- <a href="#" class="pf-v6-c-nav__link">
4085
- <span class="pf-v6-c-nav__link-text">Server</span>
4086
- </a>
4087
- </li>
4088
- </ul>
4089
- </nav>
4058
+ <div class="pf-v6-c-page__sidebar-main">
4059
+ <div class="pf-v6-c-page__sidebar-body">
4060
+ <nav
4061
+ class="pf-v6-c-nav"
4062
+ id="primary-detail-card-view-expanded-example-primary-nav"
4063
+ aria-label="Global"
4064
+ >
4065
+ <ul class="pf-v6-c-nav__list" role="list">
4066
+ <li class="pf-v6-c-nav__item">
4067
+ <a href="#" class="pf-v6-c-nav__link">
4068
+ <span class="pf-v6-c-nav__link-text">System panel</span>
4069
+ </a>
4070
+ </li>
4071
+ <li class="pf-v6-c-nav__item">
4072
+ <a
4073
+ href="#"
4074
+ class="pf-v6-c-nav__link pf-m-current"
4075
+ aria-current="page"
4076
+ >
4077
+ <span class="pf-v6-c-nav__link-text">Policy</span>
4078
+ </a>
4079
+ </li>
4080
+ <li class="pf-v6-c-nav__item">
4081
+ <a href="#" class="pf-v6-c-nav__link">
4082
+ <span class="pf-v6-c-nav__link-text">Authentication</span>
4083
+ </a>
4084
+ </li>
4085
+ <li class="pf-v6-c-nav__item">
4086
+ <a href="#" class="pf-v6-c-nav__link">
4087
+ <span class="pf-v6-c-nav__link-text">Network services</span>
4088
+ </a>
4089
+ </li>
4090
+ <li class="pf-v6-c-nav__item">
4091
+ <a href="#" class="pf-v6-c-nav__link">
4092
+ <span class="pf-v6-c-nav__link-text">Server</span>
4093
+ </a>
4094
+ </li>
4095
+ </ul>
4096
+ </nav>
4097
+ </div>
4090
4098
  </div>
4091
4099
  </div>
4092
4100
  <div class="pf-v6-c-page__main-container" tabindex="-1">
@@ -5284,44 +5292,46 @@ wrapperTag: div
5284
5292
  </div>
5285
5293
  </header>
5286
5294
  <div class="pf-v6-c-page__sidebar">
5287
- <div class="pf-v6-c-page__sidebar-body">
5288
- <nav
5289
- class="pf-v6-c-nav"
5290
- id="primary-detail-card-simple-list-on-mobile-example-primary-nav"
5291
- aria-label="Global"
5292
- >
5293
- <ul class="pf-v6-c-nav__list" role="list">
5294
- <li class="pf-v6-c-nav__item">
5295
- <a href="#" class="pf-v6-c-nav__link">
5296
- <span class="pf-v6-c-nav__link-text">System panel</span>
5297
- </a>
5298
- </li>
5299
- <li class="pf-v6-c-nav__item">
5300
- <a
5301
- href="#"
5302
- class="pf-v6-c-nav__link pf-m-current"
5303
- aria-current="page"
5304
- >
5305
- <span class="pf-v6-c-nav__link-text">Policy</span>
5306
- </a>
5307
- </li>
5308
- <li class="pf-v6-c-nav__item">
5309
- <a href="#" class="pf-v6-c-nav__link">
5310
- <span class="pf-v6-c-nav__link-text">Authentication</span>
5311
- </a>
5312
- </li>
5313
- <li class="pf-v6-c-nav__item">
5314
- <a href="#" class="pf-v6-c-nav__link">
5315
- <span class="pf-v6-c-nav__link-text">Network services</span>
5316
- </a>
5317
- </li>
5318
- <li class="pf-v6-c-nav__item">
5319
- <a href="#" class="pf-v6-c-nav__link">
5320
- <span class="pf-v6-c-nav__link-text">Server</span>
5321
- </a>
5322
- </li>
5323
- </ul>
5324
- </nav>
5295
+ <div class="pf-v6-c-page__sidebar-main">
5296
+ <div class="pf-v6-c-page__sidebar-body">
5297
+ <nav
5298
+ class="pf-v6-c-nav"
5299
+ id="primary-detail-card-simple-list-on-mobile-example-primary-nav"
5300
+ aria-label="Global"
5301
+ >
5302
+ <ul class="pf-v6-c-nav__list" role="list">
5303
+ <li class="pf-v6-c-nav__item">
5304
+ <a href="#" class="pf-v6-c-nav__link">
5305
+ <span class="pf-v6-c-nav__link-text">System panel</span>
5306
+ </a>
5307
+ </li>
5308
+ <li class="pf-v6-c-nav__item">
5309
+ <a
5310
+ href="#"
5311
+ class="pf-v6-c-nav__link pf-m-current"
5312
+ aria-current="page"
5313
+ >
5314
+ <span class="pf-v6-c-nav__link-text">Policy</span>
5315
+ </a>
5316
+ </li>
5317
+ <li class="pf-v6-c-nav__item">
5318
+ <a href="#" class="pf-v6-c-nav__link">
5319
+ <span class="pf-v6-c-nav__link-text">Authentication</span>
5320
+ </a>
5321
+ </li>
5322
+ <li class="pf-v6-c-nav__item">
5323
+ <a href="#" class="pf-v6-c-nav__link">
5324
+ <span class="pf-v6-c-nav__link-text">Network services</span>
5325
+ </a>
5326
+ </li>
5327
+ <li class="pf-v6-c-nav__item">
5328
+ <a href="#" class="pf-v6-c-nav__link">
5329
+ <span class="pf-v6-c-nav__link-text">Server</span>
5330
+ </a>
5331
+ </li>
5332
+ </ul>
5333
+ </nav>
5334
+ </div>
5325
5335
  </div>
5326
5336
  </div>
5327
5337
  <div class="pf-v6-c-page__main-container" tabindex="-1">
@@ -5806,44 +5816,46 @@ wrapperTag: div
5806
5816
  </div>
5807
5817
  </header>
5808
5818
  <div class="pf-v6-c-page__sidebar">
5809
- <div class="pf-v6-c-page__sidebar-body">
5810
- <nav
5811
- class="pf-v6-c-nav"
5812
- id="primary-detail-card-data-list-example-primary-nav"
5813
- aria-label="Global"
5814
- >
5815
- <ul class="pf-v6-c-nav__list" role="list">
5816
- <li class="pf-v6-c-nav__item">
5817
- <a href="#" class="pf-v6-c-nav__link">
5818
- <span class="pf-v6-c-nav__link-text">System panel</span>
5819
- </a>
5820
- </li>
5821
- <li class="pf-v6-c-nav__item">
5822
- <a
5823
- href="#"
5824
- class="pf-v6-c-nav__link pf-m-current"
5825
- aria-current="page"
5826
- >
5827
- <span class="pf-v6-c-nav__link-text">Policy</span>
5828
- </a>
5829
- </li>
5830
- <li class="pf-v6-c-nav__item">
5831
- <a href="#" class="pf-v6-c-nav__link">
5832
- <span class="pf-v6-c-nav__link-text">Authentication</span>
5833
- </a>
5834
- </li>
5835
- <li class="pf-v6-c-nav__item">
5836
- <a href="#" class="pf-v6-c-nav__link">
5837
- <span class="pf-v6-c-nav__link-text">Network services</span>
5838
- </a>
5839
- </li>
5840
- <li class="pf-v6-c-nav__item">
5841
- <a href="#" class="pf-v6-c-nav__link">
5842
- <span class="pf-v6-c-nav__link-text">Server</span>
5843
- </a>
5844
- </li>
5845
- </ul>
5846
- </nav>
5819
+ <div class="pf-v6-c-page__sidebar-main">
5820
+ <div class="pf-v6-c-page__sidebar-body">
5821
+ <nav
5822
+ class="pf-v6-c-nav"
5823
+ id="primary-detail-card-data-list-example-primary-nav"
5824
+ aria-label="Global"
5825
+ >
5826
+ <ul class="pf-v6-c-nav__list" role="list">
5827
+ <li class="pf-v6-c-nav__item">
5828
+ <a href="#" class="pf-v6-c-nav__link">
5829
+ <span class="pf-v6-c-nav__link-text">System panel</span>
5830
+ </a>
5831
+ </li>
5832
+ <li class="pf-v6-c-nav__item">
5833
+ <a
5834
+ href="#"
5835
+ class="pf-v6-c-nav__link pf-m-current"
5836
+ aria-current="page"
5837
+ >
5838
+ <span class="pf-v6-c-nav__link-text">Policy</span>
5839
+ </a>
5840
+ </li>
5841
+ <li class="pf-v6-c-nav__item">
5842
+ <a href="#" class="pf-v6-c-nav__link">
5843
+ <span class="pf-v6-c-nav__link-text">Authentication</span>
5844
+ </a>
5845
+ </li>
5846
+ <li class="pf-v6-c-nav__item">
5847
+ <a href="#" class="pf-v6-c-nav__link">
5848
+ <span class="pf-v6-c-nav__link-text">Network services</span>
5849
+ </a>
5850
+ </li>
5851
+ <li class="pf-v6-c-nav__item">
5852
+ <a href="#" class="pf-v6-c-nav__link">
5853
+ <span class="pf-v6-c-nav__link-text">Server</span>
5854
+ </a>
5855
+ </li>
5856
+ </ul>
5857
+ </nav>
5858
+ </div>
5847
5859
  </div>
5848
5860
  </div>
5849
5861
  <div class="pf-v6-c-page__main-container" tabindex="-1">
@@ -6459,44 +6471,46 @@ wrapperTag: div
6459
6471
  </div>
6460
6472
  </header>
6461
6473
  <div class="pf-v6-c-page__sidebar">
6462
- <div class="pf-v6-c-page__sidebar-body">
6463
- <nav
6464
- class="pf-v6-c-nav"
6465
- id="primary-detail-inline-modifier-example-primary-nav"
6466
- aria-label="Global"
6467
- >
6468
- <ul class="pf-v6-c-nav__list" role="list">
6469
- <li class="pf-v6-c-nav__item">
6470
- <a href="#" class="pf-v6-c-nav__link">
6471
- <span class="pf-v6-c-nav__link-text">System panel</span>
6472
- </a>
6473
- </li>
6474
- <li class="pf-v6-c-nav__item">
6475
- <a
6476
- href="#"
6477
- class="pf-v6-c-nav__link pf-m-current"
6478
- aria-current="page"
6479
- >
6480
- <span class="pf-v6-c-nav__link-text">Policy</span>
6481
- </a>
6482
- </li>
6483
- <li class="pf-v6-c-nav__item">
6484
- <a href="#" class="pf-v6-c-nav__link">
6485
- <span class="pf-v6-c-nav__link-text">Authentication</span>
6486
- </a>
6487
- </li>
6488
- <li class="pf-v6-c-nav__item">
6489
- <a href="#" class="pf-v6-c-nav__link">
6490
- <span class="pf-v6-c-nav__link-text">Network services</span>
6491
- </a>
6492
- </li>
6493
- <li class="pf-v6-c-nav__item">
6494
- <a href="#" class="pf-v6-c-nav__link">
6495
- <span class="pf-v6-c-nav__link-text">Server</span>
6496
- </a>
6497
- </li>
6498
- </ul>
6499
- </nav>
6474
+ <div class="pf-v6-c-page__sidebar-main">
6475
+ <div class="pf-v6-c-page__sidebar-body">
6476
+ <nav
6477
+ class="pf-v6-c-nav"
6478
+ id="primary-detail-inline-modifier-example-primary-nav"
6479
+ aria-label="Global"
6480
+ >
6481
+ <ul class="pf-v6-c-nav__list" role="list">
6482
+ <li class="pf-v6-c-nav__item">
6483
+ <a href="#" class="pf-v6-c-nav__link">
6484
+ <span class="pf-v6-c-nav__link-text">System panel</span>
6485
+ </a>
6486
+ </li>
6487
+ <li class="pf-v6-c-nav__item">
6488
+ <a
6489
+ href="#"
6490
+ class="pf-v6-c-nav__link pf-m-current"
6491
+ aria-current="page"
6492
+ >
6493
+ <span class="pf-v6-c-nav__link-text">Policy</span>
6494
+ </a>
6495
+ </li>
6496
+ <li class="pf-v6-c-nav__item">
6497
+ <a href="#" class="pf-v6-c-nav__link">
6498
+ <span class="pf-v6-c-nav__link-text">Authentication</span>
6499
+ </a>
6500
+ </li>
6501
+ <li class="pf-v6-c-nav__item">
6502
+ <a href="#" class="pf-v6-c-nav__link">
6503
+ <span class="pf-v6-c-nav__link-text">Network services</span>
6504
+ </a>
6505
+ </li>
6506
+ <li class="pf-v6-c-nav__item">
6507
+ <a href="#" class="pf-v6-c-nav__link">
6508
+ <span class="pf-v6-c-nav__link-text">Server</span>
6509
+ </a>
6510
+ </li>
6511
+ </ul>
6512
+ </nav>
6513
+ </div>
6500
6514
  </div>
6501
6515
  </div>
6502
6516
  <div class="pf-v6-c-page__main-container" tabindex="-1">