@patternfly/patternfly 6.5.0-prerelease.2 → 6.5.0-prerelease.21

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 (199) hide show
  1. package/assets/images/RHAiExperienceIcon.svg +27 -0
  2. package/assets/images/RHAutomationsLogo.svg +96 -0
  3. package/assets/images/RHServerStackIcon.svg +16 -0
  4. package/assets/images/compass--hero-bg.png +0 -0
  5. package/assets/images/compass--rh-wallpaper-dark.png +0 -0
  6. package/assets/images/compass--rh-wallpaper-light.png +0 -0
  7. package/assets/images/compass--wallpaper-dark.png +0 -0
  8. package/assets/images/compass--wallpaper-light.png +0 -0
  9. package/base/normalize.scss +7 -0
  10. package/base/patternfly-common.css +46 -0
  11. package/base/patternfly-common.scss +56 -0
  12. package/base/patternfly-variables.css +42 -0
  13. package/base/tokens/tokens-local.scss +66 -0
  14. package/components/ActionList/action-list.css +9 -0
  15. package/components/ActionList/action-list.scss +12 -0
  16. package/components/Button/button.css +34 -4
  17. package/components/Button/button.scss +40 -4
  18. package/components/Card/card.css +12 -0
  19. package/components/Card/card.scss +15 -1
  20. package/components/Compass/compass.css +161 -0
  21. package/components/Compass/compass.scss +221 -0
  22. package/components/DataList/data-list.css +5 -1
  23. package/components/DataList/data-list.scss +6 -1
  24. package/components/Drawer/drawer.css +43 -3
  25. package/components/Drawer/drawer.scss +52 -4
  26. package/components/Hero/hero.css +74 -0
  27. package/components/Hero/hero.scss +86 -0
  28. package/components/MenuToggle/menu-toggle.css +4 -0
  29. package/components/MenuToggle/menu-toggle.scss +5 -0
  30. package/components/Spinner/spinner.css +3 -0
  31. package/components/Spinner/spinner.scss +5 -0
  32. package/components/Table/table.css +3 -0
  33. package/components/Table/table.scss +5 -0
  34. package/components/Tabs/tabs.css +16 -1
  35. package/components/Tabs/tabs.scss +21 -1
  36. package/components/_index.css +440 -84
  37. package/components/_index.scss +3 -1
  38. package/docs/components/ActionList/examples/ActionList.md +85 -0
  39. package/docs/components/Button/examples/Button.md +116 -0
  40. package/docs/components/Card/examples/Card.md +154 -0
  41. package/docs/components/Compass/examples/Compass.css +11 -0
  42. package/docs/components/Compass/examples/Compass.md +66 -0
  43. package/docs/components/DataList/examples/DataList.md +181 -185
  44. package/docs/components/Drawer/examples/Drawer.md +80 -14
  45. package/docs/components/Hero/examples/Hero.md +25 -0
  46. package/docs/components/MenuToggle/examples/MenuToggle.md +40 -0
  47. package/docs/components/Table/examples/Table.md +88 -0
  48. package/docs/components/Tabs/examples/Tabs.md +197 -18
  49. package/docs/components/Wizard/examples/Wizard.md +15 -15
  50. package/docs/demos/Compass/examples/Compass.md +5826 -0
  51. package/docs/demos/Dashboard/examples/Dashboard.md +1 -4
  52. package/docs/demos/DescriptionList/examples/DescriptionList.md +31 -33
  53. package/docs/demos/Drawer/examples/Drawer.md +31 -33
  54. package/docs/demos/PrimaryDetail/examples/PrimaryDetail.md +127 -163
  55. package/docs/demos/Wizard/examples/Wizard.md +31 -34
  56. package/icons/PfIcons/add-circle-o.svg +4 -0
  57. package/icons/PfIcons/ansible-tower.svg +4 -0
  58. package/icons/PfIcons/applications.svg +4 -0
  59. package/icons/PfIcons/arrow.svg +4 -0
  60. package/icons/PfIcons/asleep.svg +4 -0
  61. package/icons/PfIcons/attention-bell.svg +4 -0
  62. package/icons/PfIcons/automation.svg +4 -0
  63. package/icons/PfIcons/bell.svg +4 -0
  64. package/icons/PfIcons/blueprint.svg +4 -0
  65. package/icons/PfIcons/build.svg +4 -0
  66. package/icons/PfIcons/builder-image.svg +4 -0
  67. package/icons/PfIcons/bundle.svg +4 -0
  68. package/icons/PfIcons/catalog.svg +4 -0
  69. package/icons/PfIcons/chat.svg +4 -0
  70. package/icons/PfIcons/close.svg +4 -0
  71. package/icons/PfIcons/cloud-security.svg +4 -0
  72. package/icons/PfIcons/cloud-tenant.svg +4 -0
  73. package/icons/PfIcons/cluster.svg +4 -0
  74. package/icons/PfIcons/connected.svg +4 -0
  75. package/icons/PfIcons/container-node.svg +4 -0
  76. package/icons/PfIcons/cpu.svg +4 -0
  77. package/icons/PfIcons/critical-risk.svg +4 -0
  78. package/icons/PfIcons/data-processor.svg +4 -0
  79. package/icons/PfIcons/data-sink.svg +4 -0
  80. package/icons/PfIcons/data-source.svg +4 -0
  81. package/icons/PfIcons/degraded.svg +4 -0
  82. package/icons/PfIcons/disconnected.svg +4 -0
  83. package/icons/PfIcons/domain.svg +4 -0
  84. package/icons/PfIcons/edit.svg +4 -0
  85. package/icons/PfIcons/enhancement.svg +4 -0
  86. package/icons/PfIcons/enterprise.svg +4 -0
  87. package/icons/PfIcons/equalizer.svg +4 -0
  88. package/icons/PfIcons/error-circle-o.svg +4 -0
  89. package/icons/PfIcons/export.svg +4 -0
  90. package/icons/PfIcons/filter.svg +4 -0
  91. package/icons/PfIcons/flavor.svg +4 -0
  92. package/icons/PfIcons/folder-close.svg +4 -0
  93. package/icons/PfIcons/folder-open.svg +4 -0
  94. package/icons/PfIcons/globe-route.svg +4 -0
  95. package/icons/PfIcons/help.svg +4 -0
  96. package/icons/PfIcons/history.svg +4 -0
  97. package/icons/PfIcons/home.svg +4 -0
  98. package/icons/PfIcons/import.svg +4 -0
  99. package/icons/PfIcons/in-progress.svg +4 -0
  100. package/icons/PfIcons/info.svg +4 -0
  101. package/icons/PfIcons/infrastructure.svg +4 -0
  102. package/icons/PfIcons/integration.svg +4 -0
  103. package/icons/PfIcons/key.svg +4 -0
  104. package/icons/PfIcons/locked.svg +4 -0
  105. package/icons/PfIcons/maintenance.svg +4 -0
  106. package/icons/PfIcons/memory.svg +4 -0
  107. package/icons/PfIcons/messages.svg +4 -0
  108. package/icons/PfIcons/middleware.svg +4 -0
  109. package/icons/PfIcons/migration.svg +4 -0
  110. package/icons/PfIcons/module.svg +4 -0
  111. package/icons/PfIcons/monitoring.svg +4 -0
  112. package/icons/PfIcons/multicluster.svg +4 -0
  113. package/icons/PfIcons/namespaces.svg +4 -0
  114. package/icons/PfIcons/network.svg +4 -0
  115. package/icons/PfIcons/new-process.svg +4 -0
  116. package/icons/PfIcons/not-started.svg +4 -0
  117. package/icons/PfIcons/off.svg +4 -0
  118. package/icons/PfIcons/ok.svg +4 -0
  119. package/icons/PfIcons/on-running.svg +4 -0
  120. package/icons/PfIcons/on.svg +4 -0
  121. package/icons/PfIcons/open-drawer-right.svg +4 -0
  122. package/icons/PfIcons/openshift.svg +4 -0
  123. package/icons/PfIcons/openstack.svg +4 -0
  124. package/icons/PfIcons/optimize.svg +4 -0
  125. package/icons/PfIcons/orders.svg +4 -0
  126. package/icons/PfIcons/os-image.svg +4 -0
  127. package/icons/PfIcons/package.svg +4 -0
  128. package/icons/PfIcons/panel-close.svg +4 -0
  129. package/icons/PfIcons/panel-open.svg +4 -0
  130. package/icons/PfIcons/paused.svg +4 -0
  131. package/icons/PfIcons/pending.svg +4 -0
  132. package/icons/PfIcons/pficon-dragdrop.svg +4 -0
  133. package/icons/PfIcons/pficon-history.svg +4 -0
  134. package/icons/PfIcons/pficon-network-range.svg +4 -0
  135. package/icons/PfIcons/pficon-satellite.svg +4 -0
  136. package/icons/PfIcons/pficon-sort-common-asc.svg +4 -0
  137. package/icons/PfIcons/pficon-sort-common-desc.svg +4 -0
  138. package/icons/PfIcons/pficon-template.svg +4 -0
  139. package/icons/PfIcons/pficon-vcenter.svg +4 -0
  140. package/icons/PfIcons/plugged.svg +4 -0
  141. package/icons/PfIcons/port.svg +4 -0
  142. package/icons/PfIcons/print.svg +4 -0
  143. package/icons/PfIcons/private.svg +4 -0
  144. package/icons/PfIcons/process-automation.svg +4 -0
  145. package/icons/PfIcons/project.svg +4 -0
  146. package/icons/PfIcons/rebalance.svg +4 -0
  147. package/icons/PfIcons/rebooting.svg +4 -0
  148. package/icons/PfIcons/regions.svg +4 -0
  149. package/icons/PfIcons/registry.svg +4 -0
  150. package/icons/PfIcons/remove2.svg +4 -0
  151. package/icons/PfIcons/replicator.svg +4 -0
  152. package/icons/PfIcons/repository.svg +4 -0
  153. package/icons/PfIcons/resource-pool.svg +4 -0
  154. package/icons/PfIcons/resources-almost-empty.svg +4 -0
  155. package/icons/PfIcons/resources-almost-full.svg +4 -0
  156. package/icons/PfIcons/resources-empty.svg +4 -0
  157. package/icons/PfIcons/resources-full.svg +4 -0
  158. package/icons/PfIcons/running.svg +4 -0
  159. package/icons/PfIcons/save.svg +4 -0
  160. package/icons/PfIcons/screen.svg +4 -0
  161. package/icons/PfIcons/security.svg +4 -0
  162. package/icons/PfIcons/server-group.svg +4 -0
  163. package/icons/PfIcons/server.svg +4 -0
  164. package/icons/PfIcons/service-catalog.svg +4 -0
  165. package/icons/PfIcons/service.svg +4 -0
  166. package/icons/PfIcons/services.svg +4 -0
  167. package/icons/PfIcons/severity-critical.svg +4 -0
  168. package/icons/PfIcons/severity-important.svg +4 -0
  169. package/icons/PfIcons/severity-minor.svg +4 -0
  170. package/icons/PfIcons/severity-moderate.svg +4 -0
  171. package/icons/PfIcons/severity-none.svg +4 -0
  172. package/icons/PfIcons/severity-undefined.svg +4 -0
  173. package/icons/PfIcons/spinner.svg +4 -0
  174. package/icons/PfIcons/spinner2.svg +4 -0
  175. package/icons/PfIcons/storage-domain.svg +4 -0
  176. package/icons/PfIcons/task.svg +4 -0
  177. package/icons/PfIcons/tenant.svg +4 -0
  178. package/icons/PfIcons/thumb-tack.svg +4 -0
  179. package/icons/PfIcons/topology.svg +4 -0
  180. package/icons/PfIcons/treeview.svg +4 -0
  181. package/icons/PfIcons/trend-down.svg +4 -0
  182. package/icons/PfIcons/trend-up.svg +4 -0
  183. package/icons/PfIcons/unknown.svg +4 -0
  184. package/icons/PfIcons/unlocked.svg +4 -0
  185. package/icons/PfIcons/unplugged.svg +4 -0
  186. package/icons/PfIcons/user.svg +4 -0
  187. package/icons/PfIcons/users.svg +4 -0
  188. package/icons/PfIcons/virtual-machine.svg +4 -0
  189. package/icons/PfIcons/volume.svg +4 -0
  190. package/icons/PfIcons/warning-triangle.svg +4 -0
  191. package/icons/PfIcons/zone.svg +4 -0
  192. package/package.json +29 -14
  193. package/patternfly-base-no-globals.css +88 -0
  194. package/patternfly-base.css +95 -0
  195. package/patternfly-no-globals.css +528 -84
  196. package/patternfly.css +535 -84
  197. package/patternfly.min.css +1 -1
  198. package/patternfly.min.css.map +1 -1
  199. package/sass-utilities/namespaces-components.scss +6 -0
package/docs/demos/Dashboard/examples/Dashboard.md CHANGED
@@ -597,10 +597,7 @@ cssPrefix: pf-d-dashboard
597
597
  style="--pf-v6-l-grid--item--Order-on-lg:3"
598
598
  >
599
599
  <div class="pf-v6-l-flex pf-m-column">
600
- <div
601
- class="pf-v6-c-card pf-m-expanded"
602
- id="dashboard-demo-status-card-1"
603
- >
600
+ <div class="pf-v6-c-card" id="dashboard-demo-status-card-1">
604
601
  <div class="pf-v6-c-card__header">
605
602
  <h2 class="pf-v6-c-title pf-m-xl">Status</h2>
606
603
  </div>
package/docs/demos/DescriptionList/examples/DescriptionList.md CHANGED
@@ -727,46 +727,44 @@ cssPrefix: pf-d-description-list
727
727
  </div>
728
728
  </div>
729
729
  <div class="pf-v6-c-drawer__panel pf-m-width-33-on-lg">
730
- <div class="pf-v6-c-drawer__body">
731
- <div class="pf-v6-c-drawer__head">
732
- <div class="pf-v6-c-drawer__actions">
730
+ <div class="pf-v6-c-drawer__head">
731
+ <div class="pf-v6-c-drawer__actions">
732
+ <button
733
+ class="pf-v6-c-menu-toggle pf-m-plain"
734
+ type="button"
735
+ aria-expanded="false"
736
+ aria-label="Menu toggle"
737
+ id="description-list-in-drawer-example-toggle"
738
+ >
739
+ <span class="pf-v6-c-menu-toggle__icon">
740
+ <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
741
+ </span>
742
+ </button>
743
+ <div class="pf-v6-c-drawer__close">
733
744
  <button
734
- class="pf-v6-c-menu-toggle pf-m-plain"
745
+ class="pf-v6-c-button pf-m-plain"
735
746
  type="button"
736
- aria-expanded="false"
737
- aria-label="Menu toggle"
738
- id="description-list-in-drawer-example-toggle"
747
+ aria-label="Close drawer panel"
739
748
  >
740
- <span class="pf-v6-c-menu-toggle__icon">
741
- <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
749
+ <span class="pf-v6-c-button__icon">
750
+ <i class="fas fa-times" aria-hidden="true"></i>
742
751
  </span>
743
752
  </button>
744
- <div class="pf-v6-c-drawer__close">
745
- <button
746
- class="pf-v6-c-button pf-m-plain"
747
- type="button"
748
- aria-label="Close drawer panel"
749
- >
750
- <span class="pf-v6-c-button__icon">
751
- <i class="fas fa-times" aria-hidden="true"></i>
752
- </span>
753
- </button>
754
- </div>
755
753
  </div>
756
- <div class="pf-v6-l-flex pf-m-space-items-sm">
757
- <div class="pf-v6-l-flex__item">
758
- <span class="pf-v6-c-label pf-m-compact pf-m-blue">
759
- <span class="pf-v6-c-label__content">
760
- <span class="pf-v6-c-label__text">DC</span>
761
- </span>
754
+ </div>
755
+ <div class="pf-v6-l-flex pf-m-space-items-sm">
756
+ <div class="pf-v6-l-flex__item">
757
+ <span class="pf-v6-c-label pf-m-compact pf-m-blue">
758
+ <span class="pf-v6-c-label__content">
759
+ <span class="pf-v6-c-label__text">DC</span>
762
760
  </span>
763
- </div>
764
- <div class="pf-v6-l-flex__item">
765
- <h2
766
- class="pf-v6-c-title pf-m-xl"
767
- id="description-list-in-drawer-example-drawer-label"
768
- >mary-test</h2>
769
- </div>
761
+ </span>
762
+ </div>
763
+ <div class="pf-v6-l-flex__item">
764
+ <h2
765
+ class="pf-v6-c-title pf-m-xl"
766
+ id="description-list-in-drawer-example-drawer-label"
767
+ >mary-test</h2>
770
768
  </div>
771
769
  </div>
772
770
  </div>
package/docs/demos/Drawer/examples/Drawer.md CHANGED
@@ -338,46 +338,44 @@ wrapperTag: div
338
338
  </div>
339
339
  </div>
340
340
  <div class="pf-v6-c-drawer__panel pf-m-width-33-on-lg" hidden>
341
- <div class="pf-v6-c-drawer__body">
342
- <div class="pf-v6-c-drawer__head">
343
- <div class="pf-v6-c-drawer__actions">
341
+ <div class="pf-v6-c-drawer__head">
342
+ <div class="pf-v6-c-drawer__actions">
343
+ <button
344
+ class="pf-v6-c-menu-toggle pf-m-plain"
345
+ type="button"
346
+ aria-expanded="false"
347
+ aria-label="Menu toggle"
348
+ id="drawer-collapsed-example-toggle"
349
+ >
350
+ <span class="pf-v6-c-menu-toggle__icon">
351
+ <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
352
+ </span>
353
+ </button>
354
+ <div class="pf-v6-c-drawer__close">
344
355
  <button
345
- class="pf-v6-c-menu-toggle pf-m-plain"
356
+ class="pf-v6-c-button pf-m-plain"
346
357
  type="button"
347
- aria-expanded="false"
348
- aria-label="Menu toggle"
349
- id="drawer-collapsed-example-toggle"
358
+ aria-label="Close drawer panel"
350
359
  >
351
- <span class="pf-v6-c-menu-toggle__icon">
352
- <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
360
+ <span class="pf-v6-c-button__icon">
361
+ <i class="fas fa-times" aria-hidden="true"></i>
353
362
  </span>
354
363
  </button>
355
- <div class="pf-v6-c-drawer__close">
356
- <button
357
- class="pf-v6-c-button pf-m-plain"
358
- type="button"
359
- aria-label="Close drawer panel"
360
- >
361
- <span class="pf-v6-c-button__icon">
362
- <i class="fas fa-times" aria-hidden="true"></i>
363
- </span>
364
- </button>
365
- </div>
366
364
  </div>
367
- <div class="pf-v6-l-flex pf-m-space-items-sm">
368
- <div class="pf-v6-l-flex__item">
369
- <span class="pf-v6-c-label pf-m-compact pf-m-blue">
370
- <span class="pf-v6-c-label__content">
371
- <span class="pf-v6-c-label__text">DC</span>
372
- </span>
365
+ </div>
366
+ <div class="pf-v6-l-flex pf-m-space-items-sm">
367
+ <div class="pf-v6-l-flex__item">
368
+ <span class="pf-v6-c-label pf-m-compact pf-m-blue">
369
+ <span class="pf-v6-c-label__content">
370
+ <span class="pf-v6-c-label__text">DC</span>
373
371
  </span>
374
- </div>
375
- <div class="pf-v6-l-flex__item">
376
- <h2
377
- class="pf-v6-c-title pf-m-xl"
378
- id="drawer-collapsed-example-drawer-label"
379
- >mary-test</h2>
380
- </div>
372
+ </span>
373
+ </div>
374
+ <div class="pf-v6-l-flex__item">
375
+ <h2
376
+ class="pf-v6-c-title pf-m-xl"
377
+ id="drawer-collapsed-example-drawer-label"
378
+ >mary-test</h2>
381
379
  </div>
382
380
  </div>
383
381
  </div>
package/docs/demos/PrimaryDetail/examples/PrimaryDetail.md CHANGED
@@ -1084,33 +1084,28 @@ wrapperTag: div
1084
1084
  <!-- Panel -->
1085
1085
  <div class="pf-v6-c-drawer__panel">
1086
1086
  <!-- Panel header -->
1087
- <div class="pf-v6-c-drawer__body">
1088
- <div class="pf-v6-l-flex pf-m-column">
1089
- <div class="pf-v6-l-flex__item">
1090
- <div class="pf-v6-c-drawer__head">
1091
- <div class="pf-v6-c-drawer__actions">
1092
- <div class="pf-v6-c-drawer__close">
1093
- <button
1094
- class="pf-v6-c-button pf-m-plain"
1095
- type="button"
1096
- aria-label="Close drawer panel"
1097
- >
1098
- <span class="pf-v6-c-button__icon">
1099
- <i class="fas fa-times" aria-hidden="true"></i>
1100
- </span>
1101
- </button>
1102
- </div>
1103
- </div>
1104
- <h2
1105
- class="pf-v6-c-title pf-m-lg"
1106
- id="primary-detail-expanded-example-drawer-drawer-label"
1107
- >Node 2</h2>
1108
- </div>
1109
- </div>
1110
- <div class="pf-v6-l-flex__item">
1111
- <a href="#">siemur/test-space</a>
1087
+ <div class="pf-v6-c-drawer__head">
1088
+ <div class="pf-v6-c-drawer__actions">
1089
+ <div class="pf-v6-c-drawer__close">
1090
+ <button
1091
+ class="pf-v6-c-button pf-m-plain"
1092
+ type="button"
1093
+ aria-label="Close drawer panel"
1094
+ >
1095
+ <span class="pf-v6-c-button__icon">
1096
+ <i class="fas fa-times" aria-hidden="true"></i>
1097
+ </span>
1098
+ </button>
1112
1099
  </div>
1113
1100
  </div>
1101
+ <h2
1102
+ class="pf-v6-c-title pf-m-lg"
1103
+ id="primary-detail-expanded-example-drawer-drawer-label"
1104
+ >Node 2</h2>
1105
+ </div>
1106
+
1107
+ <div class="pf-v6-c-drawer__description">
1108
+ <a href="#">siemur/test-space</a>
1114
1109
  </div>
1115
1110
 
1116
1111
  <!-- Tabs -->
@@ -2354,33 +2349,28 @@ wrapperTag: div
2354
2349
  <!-- Panel -->
2355
2350
  <div class="pf-v6-c-drawer__panel" hidden>
2356
2351
  <!-- Panel header -->
2357
- <div class="pf-v6-c-drawer__body">
2358
- <div class="pf-v6-l-flex pf-m-column">
2359
- <div class="pf-v6-l-flex__item">
2360
- <div class="pf-v6-c-drawer__head">
2361
- <div class="pf-v6-c-drawer__actions">
2362
- <div class="pf-v6-c-drawer__close">
2363
- <button
2364
- class="pf-v6-c-button pf-m-plain"
2365
- type="button"
2366
- aria-label="Close drawer panel"
2367
- >
2368
- <span class="pf-v6-c-button__icon">
2369
- <i class="fas fa-times" aria-hidden="true"></i>
2370
- </span>
2371
- </button>
2372
- </div>
2373
- </div>
2374
- <h2
2375
- class="pf-v6-c-title pf-m-lg"
2376
- id="primary-detail-collapsed-example-drawer-drawer-label"
2377
- >Patternfly-elements</h2>
2378
- </div>
2352
+ <div class="pf-v6-c-drawer__head">
2353
+ <div class="pf-v6-c-drawer__actions">
2354
+ <div class="pf-v6-c-drawer__close">
2355
+ <button
2356
+ class="pf-v6-c-button pf-m-plain"
2357
+ type="button"
2358
+ aria-label="Close drawer panel"
2359
+ >
2360
+ <span class="pf-v6-c-button__icon">
2361
+ <i class="fas fa-times" aria-hidden="true"></i>
2362
+ </span>
2363
+ </button>
2379
2364
  </div>
2380
- <div class="pf-v6-l-flex__item">PatternFly elements</div>
2381
2365
  </div>
2366
+ <h2
2367
+ class="pf-v6-c-title pf-m-lg"
2368
+ id="primary-detail-collapsed-example-drawer-drawer-label"
2369
+ >Patternfly-elements</h2>
2382
2370
  </div>
2383
2371
 
2372
+ <div class="pf-v6-c-drawer__description">PatternFly elements</div>
2373
+
2384
2374
  <!-- Tab content -->
2385
2375
  <div class="pf-v6-c-drawer__body">
2386
2376
  <div class="pf-v6-l-flex pf-m-column pf-m-space-items-lg">
@@ -3487,33 +3477,28 @@ wrapperTag: div
3487
3477
  <!-- Panel -->
3488
3478
  <div class="pf-v6-c-drawer__panel">
3489
3479
  <!-- Panel header -->
3490
- <div class="pf-v6-c-drawer__body">
3491
- <div class="pf-v6-l-flex pf-m-column">
3492
- <div class="pf-v6-l-flex__item">
3493
- <div class="pf-v6-c-drawer__head">
3494
- <div class="pf-v6-c-drawer__actions">
3495
- <div class="pf-v6-c-drawer__close">
3496
- <button
3497
- class="pf-v6-c-button pf-m-plain"
3498
- type="button"
3499
- aria-label="Close drawer panel"
3500
- >
3501
- <span class="pf-v6-c-button__icon">
3502
- <i class="fas fa-times" aria-hidden="true"></i>
3503
- </span>
3504
- </button>
3505
- </div>
3506
- </div>
3507
- <h2
3508
- class="pf-v6-c-title pf-m-lg"
3509
- id="primary-detail-content-body-padding-example-drawer-drawer-label"
3510
- >Patternfly-elements</h2>
3511
- </div>
3480
+ <div class="pf-v6-c-drawer__head">
3481
+ <div class="pf-v6-c-drawer__actions">
3482
+ <div class="pf-v6-c-drawer__close">
3483
+ <button
3484
+ class="pf-v6-c-button pf-m-plain"
3485
+ type="button"
3486
+ aria-label="Close drawer panel"
3487
+ >
3488
+ <span class="pf-v6-c-button__icon">
3489
+ <i class="fas fa-times" aria-hidden="true"></i>
3490
+ </span>
3491
+ </button>
3512
3492
  </div>
3513
- <div class="pf-v6-l-flex__item">PatternFly elements</div>
3514
3493
  </div>
3494
+ <h2
3495
+ class="pf-v6-c-title pf-m-lg"
3496
+ id="primary-detail-content-body-padding-example-drawer-drawer-label"
3497
+ >Patternfly-elements</h2>
3515
3498
  </div>
3516
3499
 
3500
+ <div class="pf-v6-c-drawer__description">PatternFly elements</div>
3501
+
3517
3502
  <!-- Tab content -->
3518
3503
  <div class="pf-v6-c-drawer__body">
3519
3504
  <div class="pf-v6-l-flex pf-m-column pf-m-space-items-lg">
@@ -4617,33 +4602,28 @@ wrapperTag: div
4617
4602
  <!-- Panel -->
4618
4603
  <div class="pf-v6-c-drawer__panel">
4619
4604
  <!-- Panel header -->
4620
- <div class="pf-v6-c-drawer__body">
4621
- <div class="pf-v6-l-flex pf-m-column">
4622
- <div class="pf-v6-l-flex__item">
4623
- <div class="pf-v6-c-drawer__head">
4624
- <div class="pf-v6-c-drawer__actions">
4625
- <div class="pf-v6-c-drawer__close">
4626
- <button
4627
- class="pf-v6-c-button pf-m-plain"
4628
- type="button"
4629
- aria-label="Close drawer panel"
4630
- >
4631
- <span class="pf-v6-c-button__icon">
4632
- <i class="fas fa-times" aria-hidden="true"></i>
4633
- </span>
4634
- </button>
4635
- </div>
4636
- </div>
4637
- <h2
4638
- class="pf-v6-c-title pf-m-lg"
4639
- id="primary-detail-card-view-expanded-example-drawer-drawer-label"
4640
- >Patternfly</h2>
4641
- </div>
4605
+ <div class="pf-v6-c-drawer__head">
4606
+ <div class="pf-v6-c-drawer__actions">
4607
+ <div class="pf-v6-c-drawer__close">
4608
+ <button
4609
+ class="pf-v6-c-button pf-m-plain"
4610
+ type="button"
4611
+ aria-label="Close drawer panel"
4612
+ >
4613
+ <span class="pf-v6-c-button__icon">
4614
+ <i class="fas fa-times" aria-hidden="true"></i>
4615
+ </span>
4616
+ </button>
4642
4617
  </div>
4643
- <div class="pf-v6-l-flex__item">PatternFly elements</div>
4644
4618
  </div>
4619
+ <h2
4620
+ class="pf-v6-c-title pf-m-lg"
4621
+ id="primary-detail-card-view-expanded-example-drawer-drawer-label"
4622
+ >Patternfly</h2>
4645
4623
  </div>
4646
4624
 
4625
+ <div class="pf-v6-c-drawer__description">PatternFly elements</div>
4626
+
4647
4627
  <div class="pf-v6-c-drawer__body">
4648
4628
  <div class="pf-v6-l-flex pf-m-column pf-m-space-items-lg">
4649
4629
  <div class="pf-v6-l-flex__item">
@@ -5099,30 +5079,24 @@ wrapperTag: div
5099
5079
  aria-label="Panel"
5100
5080
  >
5101
5081
  <!-- Panel header -->
5102
- <div class="pf-v6-c-drawer__body">
5103
- <div class="pf-v6-l-flex pf-m-column">
5104
- <div class="pf-v6-l-flex__item">
5105
- <div class="pf-v6-c-drawer__head">
5106
- <div class="pf-v6-c-drawer__actions">
5107
- <div class="pf-v6-c-drawer__close">
5108
- <button
5109
- class="pf-v6-c-button pf-m-plain"
5110
- type="button"
5111
- aria-label="Close drawer panel"
5112
- >
5113
- <span class="pf-v6-c-button__icon">
5114
- <i class="fas fa-times" aria-hidden="true"></i>
5115
- </span>
5116
- </button>
5117
- </div>
5118
- </div>
5119
- <h2
5120
- class="pf-v6-c-title pf-m-lg"
5121
- id="primary-detail-card-simple-list-on-mobile-example-drawer-drawer-label"
5122
- >Patternfly-elements</h2>
5123
- </div>
5082
+ <div class="pf-v6-c-drawer__head">
5083
+ <div class="pf-v6-c-drawer__actions">
5084
+ <div class="pf-v6-c-drawer__close">
5085
+ <button
5086
+ class="pf-v6-c-button pf-m-plain"
5087
+ type="button"
5088
+ aria-label="Close drawer panel"
5089
+ >
5090
+ <span class="pf-v6-c-button__icon">
5091
+ <i class="fas fa-times" aria-hidden="true"></i>
5092
+ </span>
5093
+ </button>
5124
5094
  </div>
5125
5095
  </div>
5096
+ <h2
5097
+ class="pf-v6-c-title pf-m-lg"
5098
+ id="primary-detail-card-simple-list-on-mobile-example-drawer-drawer-label"
5099
+ >Patternfly-elements</h2>
5126
5100
  </div>
5127
5101
 
5128
5102
  <div class="pf-v6-c-drawer__body">
@@ -5710,31 +5684,26 @@ wrapperTag: div
5710
5684
  aria-label="Panel"
5711
5685
  >
5712
5686
  <!-- Panel header -->
5713
- <div class="pf-v6-c-drawer__body">
5714
- <div class="pf-v6-l-flex pf-m-column">
5715
- <div class="pf-v6-l-flex__item">
5716
- <div class="pf-v6-c-drawer__head">
5717
- <div class="pf-v6-c-drawer__actions">
5718
- <div class="pf-v6-c-drawer__close">
5719
- <button
5720
- class="pf-v6-c-button pf-m-plain"
5721
- type="button"
5722
- aria-label="Close drawer panel"
5723
- >
5724
- <span class="pf-v6-c-button__icon">
5725
- <i class="fas fa-times" aria-hidden="true"></i>
5726
- </span>
5727
- </button>
5728
- </div>
5729
- </div>
5730
- <h2
5731
- class="pf-v6-c-title pf-m-lg"
5732
- id="primary-detail-card-data-list-example-drawer-drawer-label"
5733
- >Patternfly-elements</h2>
5734
- </div>
5687
+ <div class="pf-v6-c-drawer__head">
5688
+ <div class="pf-v6-c-drawer__actions">
5689
+ <div class="pf-v6-c-drawer__close">
5690
+ <button
5691
+ class="pf-v6-c-button pf-m-plain"
5692
+ type="button"
5693
+ aria-label="Close drawer panel"
5694
+ >
5695
+ <span class="pf-v6-c-button__icon">
5696
+ <i class="fas fa-times" aria-hidden="true"></i>
5697
+ </span>
5698
+ </button>
5735
5699
  </div>
5736
5700
  </div>
5701
+ <h2
5702
+ class="pf-v6-c-title pf-m-lg"
5703
+ id="primary-detail-card-data-list-example-drawer-drawer-label"
5704
+ >Patternfly-elements</h2>
5737
5705
  </div>
5706
+
5738
5707
  <div class="pf-v6-c-drawer__body">
5739
5708
  <div class="pf-v6-l-flex pf-m-column pf-m-space-items-lg">
5740
5709
  <div class="pf-v6-l-flex__item">
@@ -6730,33 +6699,28 @@ wrapperTag: div
6730
6699
  <!-- Panel -->
6731
6700
  <div class="pf-v6-c-drawer__panel">
6732
6701
  <!-- Panel header -->
6733
- <div class="pf-v6-c-drawer__body">
6734
- <div class="pf-v6-l-flex pf-m-column">
6735
- <div class="pf-v6-l-flex__item">
6736
- <div class="pf-v6-c-drawer__head">
6737
- <div class="pf-v6-c-drawer__actions">
6738
- <div class="pf-v6-c-drawer__close">
6739
- <button
6740
- class="pf-v6-c-button pf-m-plain"
6741
- type="button"
6742
- aria-label="Close drawer panel"
6743
- >
6744
- <span class="pf-v6-c-button__icon">
6745
- <i class="fas fa-times" aria-hidden="true"></i>
6746
- </span>
6747
- </button>
6748
- </div>
6749
- </div>
6750
- <h2
6751
- class="pf-v6-c-title pf-m-lg"
6752
- id="primary-detail-inline-modifier-example-drawer-drawer-label"
6753
- >Node 2</h2>
6754
- </div>
6755
- </div>
6756
- <div class="pf-v6-l-flex__item">
6757
- <a href="#">siemur/test-space</a>
6702
+ <div class="pf-v6-c-drawer__head">
6703
+ <div class="pf-v6-c-drawer__actions">
6704
+ <div class="pf-v6-c-drawer__close">
6705
+ <button
6706
+ class="pf-v6-c-button pf-m-plain"
6707
+ type="button"
6708
+ aria-label="Close drawer panel"
6709
+ >
6710
+ <span class="pf-v6-c-button__icon">
6711
+ <i class="fas fa-times" aria-hidden="true"></i>
6712
+ </span>
6713
+ </button>
6758
6714
  </div>
6759
6715
  </div>
6716
+ <h2
6717
+ class="pf-v6-c-title pf-m-lg"
6718
+ id="primary-detail-inline-modifier-example-drawer-drawer-label"
6719
+ >Node 2</h2>
6720
+ </div>
6721
+
6722
+ <div class="pf-v6-c-drawer__description">
6723
+ <a href="#">siemur/test-space</a>
6760
6724
  </div>
6761
6725
 
6762
6726
  <!-- Tabs -->
package/docs/demos/Wizard/examples/Wizard.md CHANGED
@@ -1826,26 +1826,25 @@ wrapperTag: div
1826
1826
  </div>
1827
1827
  </div>
1828
1828
  <div class="pf-v6-c-drawer__panel pf-m-width-33" hidden>
1829
- <div class="pf-v6-c-drawer__body">
1830
- <div class="pf-v6-c-drawer__head">
1831
- <h2
1832
- class="pf-v6-c-title pf-m-xl"
1833
- >Register with Red Hat connector</h2>
1834
- <div class="pf-v6-c-drawer__actions">
1835
- <div class="pf-v6-c-drawer__close">
1836
- <button
1837
- class="pf-v6-c-button pf-m-plain"
1838
- type="button"
1839
- aria-label="Close drawer panel"
1840
- >
1841
- <span class="pf-v6-c-button__icon">
1842
- <i class="fas fa-times" aria-hidden="true"></i>
1843
- </span>
1844
- </button>
1845
- </div>
1829
+ <div class="pf-v6-c-drawer__head">
1830
+ <h2
1831
+ class="pf-v6-c-title pf-m-xl"
1832
+ >Register with Red Hat connector</h2>
1833
+ <div class="pf-v6-c-drawer__actions">
1834
+ <div class="pf-v6-c-drawer__close">
1835
+ <button
1836
+ class="pf-v6-c-button pf-m-plain"
1837
+ type="button"
1838
+ aria-label="Close drawer panel"
1839
+ >
1840
+ <span class="pf-v6-c-button__icon">
1841
+ <i class="fas fa-times" aria-hidden="true"></i>
1842
+ </span>
1843
+ </button>
1846
1844
  </div>
1847
1845
  </div>
1848
1846
  </div>
1847
+ <div class="pf-v6-c-drawer__body"></div>
1849
1848
  <div class="pf-v6-c-drawer__body">
1850
1849
  <div class="pf-v6-c-content">
1851
1850
  <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam porta odio non justo cursus, quis placerat lacus mattis. Praesent orci velit, elementum eu tempus ut, posuere vel lorem. Fusce id tempus ex, et tempus nibh. Nullam laoreet odio tellus, id varius ante euismod id. Phasellus maximus lorem risus, eget facilisis urna hendrerit vel. Duis dapibus venenatis orci, id tristique magna hendrerit et. Aliquam eu lectus nec nisl efficitur euismod.</p>
@@ -2514,23 +2513,21 @@ wrapperTag: div
2514
2513
  </div>
2515
2514
  </div>
2516
2515
  <div class="pf-v6-c-drawer__panel pf-m-width-33">
2517
- <div class="pf-v6-c-drawer__body">
2518
- <div class="pf-v6-c-drawer__head">
2519
- <h2
2520
- class="pf-v6-c-title pf-m-xl"
2521
- >Register with Red Hat connector</h2>
2522
- <div class="pf-v6-c-drawer__actions">
2523
- <div class="pf-v6-c-drawer__close">
2524
- <button
2525
- class="pf-v6-c-button pf-m-plain"
2526
- type="button"
2527
- aria-label="Close drawer panel"
2528
- >
2529
- <span class="pf-v6-c-button__icon">
2530
- <i class="fas fa-times" aria-hidden="true"></i>
2531
- </span>
2532
- </button>
2533
- </div>
2516
+ <div class="pf-v6-c-drawer__head">
2517
+ <h2
2518
+ class="pf-v6-c-title pf-m-xl"
2519
+ >Register with Red Hat connector</h2>
2520
+ <div class="pf-v6-c-drawer__actions">
2521
+ <div class="pf-v6-c-drawer__close">
2522
+ <button
2523
+ class="pf-v6-c-button pf-m-plain"
2524
+ type="button"
2525
+ aria-label="Close drawer panel"
2526
+ >
2527
+ <span class="pf-v6-c-button__icon">
2528
+ <i class="fas fa-times" aria-hidden="true"></i>
2529
+ </span>
2530
+ </button>
2534
2531
  </div>
2535
2532
  </div>
2536
2533
  </div>
package/icons/PfIcons/add-circle-o.svg ADDED
@@ -0,0 +1,4 @@
1
+ <?xml version="1.0" encoding="utf-8"?>
2
+ <svg fill="currentColor" viewBox="0 0 1024 1024" role="img">
3
+ <path d="M576,303 C576,294.715729 569.284271,288 561,288 L463,288 C454.715729,288 448,294.715729 448,303 L448,448 L303,448 C294.715729,448 288,454.715729 288,463 L288,561 C288,569.284271 294.715729,576 303,576 L448,576 L448,720.9 C447.983373,729.207373 454.6927,735.961429 463,736 L561,736 C569.3073,735.961429 576.016627,729.207373 576,720.9 L576,576 L721,576 C724.969024,576.026638 728.784638,574.468589 731.600595,571.671405 C734.416553,568.87422 736.000031,565.069113 736.000031,561.1 L736.000031,463.1 C736.016627,454.792627 729.3073,448.038571 721,448 L576,448 L576,303 Z M512,896 C300.2,896 128,723.9 128,512 C128,300.3 300.2,128 512,128 C723.8,128 896,300.2 896,512 C896,723.8 723.7,896 512,896 Z M512.1,0 C229.7,0 0,229.8 0,512 C0,794.2 229.8,1024 512.1,1024 C794.4,1024 1024,794.3 1024,512 C1024,229.7 794.4,0 512.1,0 Z" />
4
+ </svg>
package/icons/PfIcons/ansible-tower.svg ADDED
@@ -0,0 +1,4 @@
1
+ <?xml version="1.0" encoding="utf-8"?>
2
+ <svg fill="currentColor" viewBox="0 0 1024 1024" role="img">
3
+ <path d="M512,0 C229.26,0 0,229.26 0,512 C0,794.74 229.26,1024 512,1024 C794.74,1024 1024,794.74 1024,512 C1024,229.26 794.74,0 512,0 Z M759.09,730.29 C759.09,751.77 741.71,766.86 721.83,766.86 C711.54,766.86 704,762.97 693.49,754.29 L429,541 L340.57,762.74 L264.23,762.74 L487.77,224.74 C493.49,210.79 506.06,203.25 520.23,203.25 C534.4,203.25 546.06,210.56 551.77,224.74 L755.89,715.2 C758.4,721.14 759.31,726.63 759.09,730.29 Z M520.69,312.69 L653.26,640 L453.26,482.51 L520.69,312.69 Z" />
4
+ </svg>
package/icons/PfIcons/applications.svg ADDED
@@ -0,0 +1,4 @@
1
+ <?xml version="1.0" encoding="utf-8"?>
2
+ <svg fill="currentColor" viewBox="0 0 1024 1024" role="img">
3
+ <path d="M951.9,320 L832,320 L832,135 C832,94.9 800.7,64 760.5,64 L71.1,64 C30.9,64.1 0,94.9 0,135 L0,696.9 C0,737.1 30.9,768 71.1,768 L192,768 L192,952.2 C192,992.5 223.4,1024 263.7,1024 L952,1024 C992.3,1024 1024,992.5 1024,952.2 L1024,391 C1023.9,350.9 992.1,320 951.9,320 Z M832,384 L896,384 L896,448 L832,448 L832,384 Z M640,128 L704,128 L704,192 L640,192 L640,128 Z M64,704 L64,256 L768,256 L768,704 L64,704 Z M960,960 L256,960 L256,768 L760.5,768 C800.8,768 832,736.5 832,696.3 L832,576 L960,576 L960,960 Z" />
4
+ </svg>