@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/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">