@patternfly/patternfly 6.5.0-prerelease.4 → 6.5.0-prerelease.41

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 (338) hide show
  1. package/README.md +1 -1
  2. package/assets/fontawesome/_variables.scss +2 -1
  3. package/assets/images/RHAiExperienceIcon.svg +27 -0
  4. package/assets/images/RHAutomationsLogo.svg +96 -0
  5. package/assets/images/RHServerStackIcon.svg +16 -0
  6. package/assets/images/compass--hero-bg.png +0 -0
  7. package/assets/images/compass--rh-wallpaper-dark.png +0 -0
  8. package/assets/images/compass--rh-wallpaper-light.png +0 -0
  9. package/assets/images/compass--wallpaper-dark.png +0 -0
  10. package/assets/images/compass--wallpaper-light.png +0 -0
  11. package/base/normalize.scss +7 -0
  12. package/base/patternfly-common.css +50 -0
  13. package/base/patternfly-common.scss +59 -0
  14. package/base/patternfly-svg-icons.css +11 -0
  15. package/base/patternfly-svg-icons.scss +14 -0
  16. package/base/patternfly-variables.css +345 -14
  17. package/base/patternfly-variables.scss +40 -0
  18. package/base/tokens/tokens-dark.scss +51 -3
  19. package/base/tokens/tokens-default.scss +67 -13
  20. package/base/tokens/tokens-glass-dark.scss +9 -0
  21. package/base/tokens/tokens-glass.scss +9 -0
  22. package/base/tokens/tokens-local.scss +16 -0
  23. package/base/tokens/tokens-palette.scss +3 -1
  24. package/base/tokens/tokens-redhat-dark.scss +14 -0
  25. package/base/tokens/tokens-redhat-glass-dark.scss +16 -0
  26. package/base/tokens/tokens-redhat-glass.scss +15 -0
  27. package/base/tokens/tokens-redhat-highcontrast-dark.scss +47 -0
  28. package/base/tokens/tokens-redhat-highcontrast.scss +127 -0
  29. package/base/tokens/tokens-redhat.scss +15 -0
  30. package/components/AboutModalBox/about-modal-box.css +36 -26
  31. package/components/Accordion/accordion.css +16 -13
  32. package/components/Accordion/accordion.scss +0 -1
  33. package/components/ActionList/action-list.css +2 -0
  34. package/components/ActionList/action-list.scss +2 -0
  35. package/components/Alert/alert.css +5 -4
  36. package/components/Avatar/avatar.css +12 -4
  37. package/components/BackgroundImage/background-image.css +6 -3
  38. package/components/Banner/banner.css +8 -6
  39. package/components/Brand/brand.css +3 -1
  40. package/components/Breadcrumb/breadcrumb.css +4 -3
  41. package/components/Button/button.css +39 -9
  42. package/components/Button/button.scss +40 -4
  43. package/components/CalendarMonth/calendar-month.css +4 -3
  44. package/components/Card/card.css +19 -6
  45. package/components/Card/card.scss +15 -1
  46. package/components/ClipboardCopy/clipboard-copy.css +4 -3
  47. package/components/CodeEditor/code-editor.css +1 -1
  48. package/components/CodeEditor/code-editor.scss +1 -1
  49. package/components/Compass/compass.css +320 -0
  50. package/components/Compass/compass.scss +349 -0
  51. package/components/DataList/data-list.css +33 -22
  52. package/components/DataList/data-list.scss +6 -1
  53. package/components/DescriptionList/description-list-order.scss +5 -1
  54. package/components/DescriptionList/description-list.css +7 -5
  55. package/components/DescriptionList/description-list.scss +5 -1
  56. package/components/Divider/divider.css +7 -5
  57. package/components/Drawer/drawer.css +110 -56
  58. package/components/Drawer/drawer.scss +69 -9
  59. package/components/DualListSelector/dual-list-selector.css +17 -11
  60. package/components/ExpandableSection/expandable-section.css +19 -14
  61. package/components/ExpandableSection/expandable-section.scss +4 -1
  62. package/components/Form/form.css +1 -1
  63. package/components/Form/form.scss +1 -1
  64. package/components/FormControl/form-control.css +1 -1
  65. package/components/FormControl/form-control.scss +1 -1
  66. package/components/Hero/hero.css +74 -0
  67. package/components/Hero/hero.scss +86 -0
  68. package/components/JumpLinks/jump-links.css +4 -3
  69. package/components/JumpLinks/jump-links.scss +5 -1
  70. package/components/Label/label-group.css +2 -2
  71. package/components/Label/label-group.scss +2 -2
  72. package/components/Label/label.css +4 -3
  73. package/components/Login/login.css +51 -37
  74. package/components/Masthead/masthead.css +70 -16
  75. package/components/Masthead/masthead.scss +54 -1
  76. package/components/Menu/menu.css +23 -14
  77. package/components/MenuToggle/menu-toggle.css +4 -0
  78. package/components/MenuToggle/menu-toggle.scss +5 -0
  79. package/components/ModalBox/modal-box.css +9 -7
  80. package/components/ModalBox/modal-box.scss +2 -2
  81. package/components/Nav/nav.css +72 -9
  82. package/components/Nav/nav.scss +75 -3
  83. package/components/NotificationDrawer/notification-drawer.css +8 -6
  84. package/components/NotificationDrawer/notification-drawer.scss +2 -0
  85. package/components/Page/page.css +55 -29
  86. package/components/Page/page.scss +44 -5
  87. package/components/Pagination/pagination.scss +5 -1
  88. package/components/ProgressStepper/progress-stepper.scss +5 -1
  89. package/components/Sidebar/sidebar.css +1 -1
  90. package/components/Sidebar/sidebar.scss +7 -3
  91. package/components/Skeleton/skeleton.css +16 -15
  92. package/components/Slider/slider.css +32 -18
  93. package/components/Switch/switch.css +3 -1
  94. package/components/Table/table-grid.css +28 -36
  95. package/components/Table/table-grid.scss +4 -4
  96. package/components/Table/table-tree-view.css +4 -2
  97. package/components/Table/table.css +31 -27
  98. package/components/Tabs/tabs.css +33 -16
  99. package/components/Tabs/tabs.scss +33 -5
  100. package/components/Toolbar/toolbar.css +46 -14
  101. package/components/Toolbar/toolbar.scss +33 -5
  102. package/components/TreeView/tree-view.css +44 -13
  103. package/components/TreeView/tree-view.scss +31 -0
  104. package/components/Wizard/wizard.css +20 -16
  105. package/components/Wizard/wizard.scss +3 -3
  106. package/components/_index.css +1460 -633
  107. package/components/_index.scss +3 -1
  108. package/docs/components/Avatar/examples/Avatar.md +4 -4
  109. package/docs/components/Brand/examples/Brand.md +2 -2
  110. package/docs/components/Button/examples/Button.md +116 -0
  111. package/docs/components/Card/examples/Card.md +154 -0
  112. package/docs/components/Compass/examples/Compass.css +17 -0
  113. package/docs/components/Compass/examples/Compass.md +118 -0
  114. package/docs/components/DataList/examples/DataList.md +184 -188
  115. package/docs/components/DescriptionList/examples/DescriptionList.md +2 -2
  116. package/docs/components/Divider/examples/Divider.md +2 -2
  117. package/docs/components/Drawer/examples/Drawer.md +83 -17
  118. package/docs/components/Hero/examples/Hero.md +25 -0
  119. package/docs/components/Icon/examples/Icon.md +1 -1
  120. package/docs/components/InputGroup/examples/InputGroup.md +1 -1
  121. package/docs/components/JumpLinks/examples/JumpLinks.md +2 -2
  122. package/docs/components/Masthead/examples/masthead.md +68 -1
  123. package/docs/components/Menu/examples/Menu.md +2 -2
  124. package/docs/components/MenuToggle/examples/MenuToggle.md +40 -0
  125. package/docs/components/ModalBox/examples/ModalBox.md +1 -1
  126. package/docs/components/Nav/examples/Navigation.md +44 -0
  127. package/docs/components/Page/examples/Page.md +39 -2
  128. package/docs/components/Pagination/examples/Pagination.md +3 -3
  129. package/docs/components/ProgressStepper/examples/ProgressStepper.md +2 -2
  130. package/docs/components/Sidebar/examples/Sidebar.md +1 -1
  131. package/docs/components/Table/examples/Table.md +4 -3
  132. package/docs/components/Tabs/examples/Tabs.md +998 -83
  133. package/docs/components/Toolbar/examples/Toolbar.md +35 -7
  134. package/docs/components/TreeView/examples/TreeView.md +38 -26
  135. package/docs/components/Wizard/examples/Wizard.md +15 -15
  136. package/docs/demos/AboutModal/examples/AboutModal.md +5 -5
  137. package/docs/demos/Alert/examples/Alert.md +15 -15
  138. package/docs/demos/BackToTop/examples/BackToTop.md +5 -5
  139. package/docs/demos/Banner/examples/Banner.md +10 -10
  140. package/docs/demos/Card/examples/Card.md +14 -2
  141. package/docs/demos/CardView/examples/CardView.md +5 -5
  142. package/docs/demos/Compass/examples/Compass.md +6470 -0
  143. package/docs/demos/Dashboard/examples/Dashboard.md +6 -9
  144. package/docs/demos/DataList/examples/DataList.md +20 -23
  145. package/docs/demos/DescriptionList/examples/DescriptionList.md +57 -50
  146. package/docs/demos/Drawer/examples/Drawer.md +67 -60
  147. package/docs/demos/JumpLinks/examples/JumpLinks.md +30 -30
  148. package/docs/demos/Masthead/examples/Masthead.md +55 -58
  149. package/docs/demos/Modal/examples/Modal.md +30 -33
  150. package/docs/demos/Nav/examples/Nav.md +299 -62
  151. package/docs/demos/NotificationDrawer/examples/NotificationDrawer.md +25 -25
  152. package/docs/demos/Page/examples/Page.md +70 -79
  153. package/docs/demos/PrimaryDetail/examples/PrimaryDetail.md +178 -200
  154. package/docs/demos/Skeleton/examples/Skeleton.md +5 -5
  155. package/docs/demos/Table/examples/Table.md +1922 -78
  156. package/docs/demos/Tabs/examples/Tabs.md +102 -39
  157. package/docs/demos/Toolbar/examples/Toolbar.md +10 -10
  158. package/docs/demos/Wizard/examples/Wizard.md +76 -82
  159. package/docs/layouts/Bullseye/examples/Bullseye.css +2 -2
  160. package/docs/layouts/Bullseye/examples/Bullseye.md +2 -1
  161. package/docs/layouts/Flex/examples/Flex.css +3 -3
  162. package/docs/layouts/Flex/examples/Flex.md +3 -2
  163. package/docs/layouts/Gallery/examples/Gallery.css +2 -2
  164. package/docs/layouts/Gallery/examples/Gallery.md +4 -3
  165. package/docs/layouts/Grid/examples/Grid.css +1 -1
  166. package/docs/layouts/Grid/examples/Grid.md +6 -5
  167. package/docs/layouts/Level/examples/Level.css +3 -3
  168. package/docs/layouts/Level/examples/Level.md +2 -1
  169. package/docs/layouts/Split/examples/Split.css +1 -1
  170. package/docs/layouts/Split/examples/Split.md +2 -1
  171. package/docs/layouts/Stack/examples/Stack.css +3 -3
  172. package/docs/layouts/Stack/examples/Stack.md +2 -1
  173. package/docs/utilities/Accessibility/examples/Accessibility.md +3 -2
  174. package/docs/utilities/Alignment/examples/Alignment.css +4 -4
  175. package/docs/utilities/Alignment/examples/Alignment.md +3 -2
  176. package/docs/utilities/BackgroundColor/examples/BackgroundColor.md +5 -4
  177. package/docs/utilities/BoxShadow/examples/box-shadow.css +2 -2
  178. package/docs/utilities/BoxShadow/examples/box-shadow.md +2 -1
  179. package/docs/utilities/Display/examples/Display.css +1 -1
  180. package/docs/utilities/Display/examples/Display.md +3 -2
  181. package/docs/utilities/Flex/examples/Flex.css +7 -7
  182. package/docs/utilities/Flex/examples/Flex.md +3 -2
  183. package/docs/utilities/Float/examples/Float.css +2 -2
  184. package/docs/utilities/Float/examples/Float.md +3 -2
  185. package/docs/utilities/Sizing/examples/Sizing.md +8 -7
  186. package/docs/utilities/Spacing/examples/Spacing.css +2 -2
  187. package/docs/utilities/Spacing/examples/Spacing.md +3 -2
  188. package/docs/utilities/Text/examples/Text.md +5 -4
  189. package/icons/PfIcons/add-circle-o.svg +4 -0
  190. package/icons/PfIcons/ansible-tower.svg +4 -0
  191. package/icons/PfIcons/applications.svg +4 -0
  192. package/icons/PfIcons/arrow.svg +4 -0
  193. package/icons/PfIcons/asleep.svg +4 -0
  194. package/icons/PfIcons/attention-bell.svg +4 -0
  195. package/icons/PfIcons/automation.svg +4 -0
  196. package/icons/PfIcons/bell.svg +4 -0
  197. package/icons/PfIcons/blueprint.svg +4 -0
  198. package/icons/PfIcons/build.svg +4 -0
  199. package/icons/PfIcons/builder-image.svg +4 -0
  200. package/icons/PfIcons/bundle.svg +4 -0
  201. package/icons/PfIcons/catalog.svg +4 -0
  202. package/icons/PfIcons/chat.svg +4 -0
  203. package/icons/PfIcons/close.svg +4 -0
  204. package/icons/PfIcons/cloud-security.svg +4 -0
  205. package/icons/PfIcons/cloud-tenant.svg +4 -0
  206. package/icons/PfIcons/cluster.svg +4 -0
  207. package/icons/PfIcons/connected.svg +4 -0
  208. package/icons/PfIcons/container-node.svg +4 -0
  209. package/icons/PfIcons/cpu.svg +4 -0
  210. package/icons/PfIcons/critical-risk.svg +4 -0
  211. package/icons/PfIcons/data-processor.svg +4 -0
  212. package/icons/PfIcons/data-sink.svg +4 -0
  213. package/icons/PfIcons/data-source.svg +4 -0
  214. package/icons/PfIcons/degraded.svg +4 -0
  215. package/icons/PfIcons/disconnected.svg +4 -0
  216. package/icons/PfIcons/domain.svg +4 -0
  217. package/icons/PfIcons/edit.svg +4 -0
  218. package/icons/PfIcons/enhancement.svg +4 -0
  219. package/icons/PfIcons/enterprise.svg +4 -0
  220. package/icons/PfIcons/equalizer.svg +4 -0
  221. package/icons/PfIcons/error-circle-o.svg +4 -0
  222. package/icons/PfIcons/export.svg +4 -0
  223. package/icons/PfIcons/filter.svg +4 -0
  224. package/icons/PfIcons/flavor.svg +4 -0
  225. package/icons/PfIcons/folder-close.svg +4 -0
  226. package/icons/PfIcons/folder-open.svg +4 -0
  227. package/icons/PfIcons/globe-route.svg +4 -0
  228. package/icons/PfIcons/help.svg +4 -0
  229. package/icons/PfIcons/history.svg +4 -0
  230. package/icons/PfIcons/home.svg +4 -0
  231. package/icons/PfIcons/import.svg +4 -0
  232. package/icons/PfIcons/in-progress.svg +4 -0
  233. package/icons/PfIcons/info.svg +4 -0
  234. package/icons/PfIcons/infrastructure.svg +4 -0
  235. package/icons/PfIcons/integration.svg +4 -0
  236. package/icons/PfIcons/key.svg +4 -0
  237. package/icons/PfIcons/locked.svg +4 -0
  238. package/icons/PfIcons/maintenance.svg +4 -0
  239. package/icons/PfIcons/memory.svg +4 -0
  240. package/icons/PfIcons/messages.svg +4 -0
  241. package/icons/PfIcons/middleware.svg +4 -0
  242. package/icons/PfIcons/migration.svg +4 -0
  243. package/icons/PfIcons/module.svg +4 -0
  244. package/icons/PfIcons/monitoring.svg +4 -0
  245. package/icons/PfIcons/multicluster.svg +4 -0
  246. package/icons/PfIcons/namespaces.svg +4 -0
  247. package/icons/PfIcons/network.svg +4 -0
  248. package/icons/PfIcons/new-process.svg +4 -0
  249. package/icons/PfIcons/not-started.svg +4 -0
  250. package/icons/PfIcons/off.svg +4 -0
  251. package/icons/PfIcons/ok.svg +4 -0
  252. package/icons/PfIcons/on-running.svg +4 -0
  253. package/icons/PfIcons/on.svg +4 -0
  254. package/icons/PfIcons/open-drawer-right.svg +4 -0
  255. package/icons/PfIcons/openshift.svg +4 -0
  256. package/icons/PfIcons/openstack.svg +4 -0
  257. package/icons/PfIcons/optimize.svg +4 -0
  258. package/icons/PfIcons/orders.svg +4 -0
  259. package/icons/PfIcons/os-image.svg +4 -0
  260. package/icons/PfIcons/package.svg +4 -0
  261. package/icons/PfIcons/panel-close.svg +4 -0
  262. package/icons/PfIcons/panel-open.svg +4 -0
  263. package/icons/PfIcons/paused.svg +4 -0
  264. package/icons/PfIcons/pending.svg +4 -0
  265. package/icons/PfIcons/pficon-dragdrop.svg +4 -0
  266. package/icons/PfIcons/pficon-history.svg +4 -0
  267. package/icons/PfIcons/pficon-network-range.svg +4 -0
  268. package/icons/PfIcons/pficon-satellite.svg +4 -0
  269. package/icons/PfIcons/pficon-sort-common-asc.svg +4 -0
  270. package/icons/PfIcons/pficon-sort-common-desc.svg +4 -0
  271. package/icons/PfIcons/pficon-template.svg +4 -0
  272. package/icons/PfIcons/pficon-vcenter.svg +4 -0
  273. package/icons/PfIcons/plugged.svg +4 -0
  274. package/icons/PfIcons/port.svg +4 -0
  275. package/icons/PfIcons/print.svg +4 -0
  276. package/icons/PfIcons/private.svg +4 -0
  277. package/icons/PfIcons/process-automation.svg +4 -0
  278. package/icons/PfIcons/project.svg +4 -0
  279. package/icons/PfIcons/rebalance.svg +4 -0
  280. package/icons/PfIcons/rebooting.svg +4 -0
  281. package/icons/PfIcons/regions.svg +4 -0
  282. package/icons/PfIcons/registry.svg +4 -0
  283. package/icons/PfIcons/remove2.svg +4 -0
  284. package/icons/PfIcons/replicator.svg +4 -0
  285. package/icons/PfIcons/repository.svg +4 -0
  286. package/icons/PfIcons/resource-pool.svg +4 -0
  287. package/icons/PfIcons/resources-almost-empty.svg +4 -0
  288. package/icons/PfIcons/resources-almost-full.svg +4 -0
  289. package/icons/PfIcons/resources-empty.svg +4 -0
  290. package/icons/PfIcons/resources-full.svg +4 -0
  291. package/icons/PfIcons/running.svg +4 -0
  292. package/icons/PfIcons/save.svg +4 -0
  293. package/icons/PfIcons/screen.svg +4 -0
  294. package/icons/PfIcons/security.svg +4 -0
  295. package/icons/PfIcons/server-group.svg +4 -0
  296. package/icons/PfIcons/server.svg +4 -0
  297. package/icons/PfIcons/service-catalog.svg +4 -0
  298. package/icons/PfIcons/service.svg +4 -0
  299. package/icons/PfIcons/services.svg +4 -0
  300. package/icons/PfIcons/severity-critical.svg +4 -0
  301. package/icons/PfIcons/severity-important.svg +4 -0
  302. package/icons/PfIcons/severity-minor.svg +4 -0
  303. package/icons/PfIcons/severity-moderate.svg +4 -0
  304. package/icons/PfIcons/severity-none.svg +4 -0
  305. package/icons/PfIcons/severity-undefined.svg +4 -0
  306. package/icons/PfIcons/spinner.svg +4 -0
  307. package/icons/PfIcons/spinner2.svg +4 -0
  308. package/icons/PfIcons/storage-domain.svg +4 -0
  309. package/icons/PfIcons/task.svg +4 -0
  310. package/icons/PfIcons/tenant.svg +4 -0
  311. package/icons/PfIcons/thumb-tack.svg +4 -0
  312. package/icons/PfIcons/topology.svg +4 -0
  313. package/icons/PfIcons/treeview.svg +4 -0
  314. package/icons/PfIcons/trend-down.svg +4 -0
  315. package/icons/PfIcons/trend-up.svg +4 -0
  316. package/icons/PfIcons/unknown.svg +4 -0
  317. package/icons/PfIcons/unlocked.svg +4 -0
  318. package/icons/PfIcons/unplugged.svg +4 -0
  319. package/icons/PfIcons/user.svg +4 -0
  320. package/icons/PfIcons/users.svg +4 -0
  321. package/icons/PfIcons/virtual-machine.svg +4 -0
  322. package/icons/PfIcons/volume.svg +4 -0
  323. package/icons/PfIcons/warning-triangle.svg +4 -0
  324. package/icons/PfIcons/zone.svg +4 -0
  325. package/layouts/Flex/flex.scss +83 -19
  326. package/layouts/Gallery/gallery.css +6 -2
  327. package/layouts/_index.css +6 -2
  328. package/package.json +34 -16
  329. package/patternfly-base-no-globals.css +406 -14
  330. package/patternfly-base.css +413 -14
  331. package/patternfly-charts.css +3 -3
  332. package/patternfly-no-globals.css +1796 -573
  333. package/patternfly.css +1803 -573
  334. package/patternfly.min.css +1 -1
  335. package/patternfly.min.css.map +1 -1
  336. package/sass-utilities/functions.scss +32 -25
  337. package/sass-utilities/mixins.scss +36 -20
  338. package/sass-utilities/namespaces-components.scss +6 -0
package/docs/demos/Dashboard/examples/Dashboard.md CHANGED
@@ -13,7 +13,7 @@ cssPrefix: pf-d-dashboard
13
13
  <span class="pf-v6-c-button__text">Skip to content</span>
14
14
  </a>
15
15
  </div>
16
- <header class="pf-v6-c-masthead" id="dashboard-demo-masthead">
16
+ <header class="pf-v6-c-masthead" id="dashboard-demo-docked">
17
17
  <div class="pf-v6-c-masthead__main">
18
18
  <span class="pf-v6-c-masthead__toggle">
19
19
  <button
@@ -55,7 +55,7 @@ cssPrefix: pf-d-dashboard
55
55
  y1="2.25860997e-13%"
56
56
  x2="32%"
57
57
  y2="100%"
58
- id="linearGradient-dashboard-demo-masthead"
58
+ id="linearGradient-dashboard-demo-docked"
59
59
  >
60
60
  <stop stop-color="#2B9AF3" offset="0%" />
61
61
  <stop
@@ -109,11 +109,11 @@ cssPrefix: pf-d-dashboard
109
109
  />
110
110
  <path
111
111
  d="M158,3.43478261 L65.2608696,158 L138,158 C149.045695,158 158,149.045695 158,138 L158,3.43478261 L158,3.43478261 Z"
112
- fill="url(#linearGradient-dashboard-demo-masthead)"
112
+ fill="url(#linearGradient-dashboard-demo-docked)"
113
113
  />
114
114
  <path
115
115
  d="M123.652174,-30.9130435 L30.9130435,123.652174 L103.652174,123.652174 C114.697869,123.652174 123.652174,114.697869 123.652174,103.652174 L123.652174,-30.9130435 L123.652174,-30.9130435 Z"
116
- fill="url(#linearGradient-dashboard-demo-masthead)"
116
+ fill="url(#linearGradient-dashboard-demo-docked)"
117
117
  transform="translate(77.282609, 46.369565) scale(1, -1) rotate(90.000000) translate(-77.282609, -46.369565) "
118
118
  />
119
119
  </g>
@@ -125,7 +125,7 @@ cssPrefix: pf-d-dashboard
125
125
  <div class="pf-v6-c-masthead__content">
126
126
  <div
127
127
  class="pf-v6-c-toolbar pf-m-static"
128
- id="dashboard-demo-masthead-toolbar"
128
+ id="dashboard-demo-docked-toolbar"
129
129
  >
130
130
  <div class="pf-v6-c-toolbar__content">
131
131
  <div class="pf-v6-c-toolbar__content-section">
@@ -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/DataList/examples/DataList.md CHANGED
@@ -16,7 +16,7 @@ wrapperTag: div
16
16
  <span class="pf-v6-c-button__text">Skip to content</span>
17
17
  </a>
18
18
  </div>
19
- <header class="pf-v6-c-masthead" id="data-list-basic-example-masthead">
19
+ <header class="pf-v6-c-masthead" id="data-list-basic-example-docked">
20
20
  <div class="pf-v6-c-masthead__main">
21
21
  <span class="pf-v6-c-masthead__toggle">
22
22
  <button
@@ -58,7 +58,7 @@ wrapperTag: div
58
58
  y1="2.25860997e-13%"
59
59
  x2="32%"
60
60
  y2="100%"
61
- id="linearGradient-data-list-basic-example-masthead"
61
+ id="linearGradient-data-list-basic-example-docked"
62
62
  >
63
63
  <stop stop-color="#2B9AF3" offset="0%" />
64
64
  <stop
@@ -112,11 +112,11 @@ wrapperTag: div
112
112
  />
113
113
  <path
114
114
  d="M158,3.43478261 L65.2608696,158 L138,158 C149.045695,158 158,149.045695 158,138 L158,3.43478261 L158,3.43478261 Z"
115
- fill="url(#linearGradient-data-list-basic-example-masthead)"
115
+ fill="url(#linearGradient-data-list-basic-example-docked)"
116
116
  />
117
117
  <path
118
118
  d="M123.652174,-30.9130435 L30.9130435,123.652174 L103.652174,123.652174 C114.697869,123.652174 123.652174,114.697869 123.652174,103.652174 L123.652174,-30.9130435 L123.652174,-30.9130435 Z"
119
- fill="url(#linearGradient-data-list-basic-example-masthead)"
119
+ fill="url(#linearGradient-data-list-basic-example-docked)"
120
120
  transform="translate(77.282609, 46.369565) scale(1, -1) rotate(90.000000) translate(-77.282609, -46.369565) "
121
121
  />
122
122
  </g>
@@ -128,7 +128,7 @@ wrapperTag: div
128
128
  <div class="pf-v6-c-masthead__content">
129
129
  <div
130
130
  class="pf-v6-c-toolbar pf-m-static"
131
- id="data-list-basic-example-masthead-toolbar"
131
+ id="data-list-basic-example-docked-toolbar"
132
132
  >
133
133
  <div class="pf-v6-c-toolbar__content">
134
134
  <div class="pf-v6-c-toolbar__content-section">
@@ -961,7 +961,7 @@ wrapperTag: div
961
961
  <span class="pf-v6-c-button__text">Skip to content</span>
962
962
  </a>
963
963
  </div>
964
- <header class="pf-v6-c-masthead" id="data-list-actionable-example-masthead">
964
+ <header class="pf-v6-c-masthead" id="data-list-actionable-example-docked">
965
965
  <div class="pf-v6-c-masthead__main">
966
966
  <span class="pf-v6-c-masthead__toggle">
967
967
  <button
@@ -1003,7 +1003,7 @@ wrapperTag: div
1003
1003
  y1="2.25860997e-13%"
1004
1004
  x2="32%"
1005
1005
  y2="100%"
1006
- id="linearGradient-data-list-actionable-example-masthead"
1006
+ id="linearGradient-data-list-actionable-example-docked"
1007
1007
  >
1008
1008
  <stop stop-color="#2B9AF3" offset="0%" />
1009
1009
  <stop
@@ -1057,11 +1057,11 @@ wrapperTag: div
1057
1057
  />
1058
1058
  <path
1059
1059
  d="M158,3.43478261 L65.2608696,158 L138,158 C149.045695,158 158,149.045695 158,138 L158,3.43478261 L158,3.43478261 Z"
1060
- fill="url(#linearGradient-data-list-actionable-example-masthead)"
1060
+ fill="url(#linearGradient-data-list-actionable-example-docked)"
1061
1061
  />
1062
1062
  <path
1063
1063
  d="M123.652174,-30.9130435 L30.9130435,123.652174 L103.652174,123.652174 C114.697869,123.652174 123.652174,114.697869 123.652174,103.652174 L123.652174,-30.9130435 L123.652174,-30.9130435 Z"
1064
- fill="url(#linearGradient-data-list-actionable-example-masthead)"
1064
+ fill="url(#linearGradient-data-list-actionable-example-docked)"
1065
1065
  transform="translate(77.282609, 46.369565) scale(1, -1) rotate(90.000000) translate(-77.282609, -46.369565) "
1066
1066
  />
1067
1067
  </g>
@@ -1073,7 +1073,7 @@ wrapperTag: div
1073
1073
  <div class="pf-v6-c-masthead__content">
1074
1074
  <div
1075
1075
  class="pf-v6-c-toolbar pf-m-static"
1076
- id="data-list-actionable-example-masthead-toolbar"
1076
+ id="data-list-actionable-example-docked-toolbar"
1077
1077
  >
1078
1078
  <div class="pf-v6-c-toolbar__content">
1079
1079
  <div class="pf-v6-c-toolbar__content-section">
@@ -1880,7 +1880,7 @@ wrapperTag: div
1880
1880
  <span class="pf-v6-c-button__text">Skip to content</span>
1881
1881
  </a>
1882
1882
  </div>
1883
- <header class="pf-v6-c-masthead" id="data-list-expandable-example-masthead">
1883
+ <header class="pf-v6-c-masthead" id="data-list-expandable-example-docked">
1884
1884
  <div class="pf-v6-c-masthead__main">
1885
1885
  <span class="pf-v6-c-masthead__toggle">
1886
1886
  <button
@@ -1922,7 +1922,7 @@ wrapperTag: div
1922
1922
  y1="2.25860997e-13%"
1923
1923
  x2="32%"
1924
1924
  y2="100%"
1925
- id="linearGradient-data-list-expandable-example-masthead"
1925
+ id="linearGradient-data-list-expandable-example-docked"
1926
1926
  >
1927
1927
  <stop stop-color="#2B9AF3" offset="0%" />
1928
1928
  <stop
@@ -1976,11 +1976,11 @@ wrapperTag: div
1976
1976
  />
1977
1977
  <path
1978
1978
  d="M158,3.43478261 L65.2608696,158 L138,158 C149.045695,158 158,149.045695 158,138 L158,3.43478261 L158,3.43478261 Z"
1979
- fill="url(#linearGradient-data-list-expandable-example-masthead)"
1979
+ fill="url(#linearGradient-data-list-expandable-example-docked)"
1980
1980
  />
1981
1981
  <path
1982
1982
  d="M123.652174,-30.9130435 L30.9130435,123.652174 L103.652174,123.652174 C114.697869,123.652174 123.652174,114.697869 123.652174,103.652174 L123.652174,-30.9130435 L123.652174,-30.9130435 Z"
1983
- fill="url(#linearGradient-data-list-expandable-example-masthead)"
1983
+ fill="url(#linearGradient-data-list-expandable-example-docked)"
1984
1984
  transform="translate(77.282609, 46.369565) scale(1, -1) rotate(90.000000) translate(-77.282609, -46.369565) "
1985
1985
  />
1986
1986
  </g>
@@ -1992,7 +1992,7 @@ wrapperTag: div
1992
1992
  <div class="pf-v6-c-masthead__content">
1993
1993
  <div
1994
1994
  class="pf-v6-c-toolbar pf-m-static"
1995
- id="data-list-expandable-example-masthead-toolbar"
1995
+ id="data-list-expandable-example-docked-toolbar"
1996
1996
  >
1997
1997
  <div class="pf-v6-c-toolbar__content">
1998
1998
  <div class="pf-v6-c-toolbar__content-section">
@@ -3517,10 +3517,7 @@ wrapperTag: div
3517
3517
  <span class="pf-v6-c-button__text">Skip to content</span>
3518
3518
  </a>
3519
3519
  </div>
3520
- <header
3521
- class="pf-v6-c-masthead"
3522
- id="data-list-static-bottom-example-masthead"
3523
- >
3520
+ <header class="pf-v6-c-masthead" id="data-list-static-bottom-example-docked">
3524
3521
  <div class="pf-v6-c-masthead__main">
3525
3522
  <span class="pf-v6-c-masthead__toggle">
3526
3523
  <button
@@ -3562,7 +3559,7 @@ wrapperTag: div
3562
3559
  y1="2.25860997e-13%"
3563
3560
  x2="32%"
3564
3561
  y2="100%"
3565
- id="linearGradient-data-list-static-bottom-example-masthead"
3562
+ id="linearGradient-data-list-static-bottom-example-docked"
3566
3563
  >
3567
3564
  <stop stop-color="#2B9AF3" offset="0%" />
3568
3565
  <stop
@@ -3616,11 +3613,11 @@ wrapperTag: div
3616
3613
  />
3617
3614
  <path
3618
3615
  d="M158,3.43478261 L65.2608696,158 L138,158 C149.045695,158 158,149.045695 158,138 L158,3.43478261 L158,3.43478261 Z"
3619
- fill="url(#linearGradient-data-list-static-bottom-example-masthead)"
3616
+ fill="url(#linearGradient-data-list-static-bottom-example-docked)"
3620
3617
  />
3621
3618
  <path
3622
3619
  d="M123.652174,-30.9130435 L30.9130435,123.652174 L103.652174,123.652174 C114.697869,123.652174 123.652174,114.697869 123.652174,103.652174 L123.652174,-30.9130435 L123.652174,-30.9130435 Z"
3623
- fill="url(#linearGradient-data-list-static-bottom-example-masthead)"
3620
+ fill="url(#linearGradient-data-list-static-bottom-example-docked)"
3624
3621
  transform="translate(77.282609, 46.369565) scale(1, -1) rotate(90.000000) translate(-77.282609, -46.369565) "
3625
3622
  />
3626
3623
  </g>
@@ -3632,7 +3629,7 @@ wrapperTag: div
3632
3629
  <div class="pf-v6-c-masthead__content">
3633
3630
  <div
3634
3631
  class="pf-v6-c-toolbar pf-m-static"
3635
- id="data-list-static-bottom-example-masthead-toolbar"
3632
+ id="data-list-static-bottom-example-docked-toolbar"
3636
3633
  >
3637
3634
  <div class="pf-v6-c-toolbar__content">
3638
3635
  <div class="pf-v6-c-toolbar__content-section">
package/docs/demos/DescriptionList/examples/DescriptionList.md CHANGED
@@ -16,7 +16,7 @@ cssPrefix: pf-d-description-list
16
16
  <span class="pf-v6-c-button__text">Skip to content</span>
17
17
  </a>
18
18
  </div>
19
- <header class="pf-v6-c-masthead" id="description-list-basic-example-masthead">
19
+ <header class="pf-v6-c-masthead" id="description-list-basic-example-docked">
20
20
  <div class="pf-v6-c-masthead__main">
21
21
  <span class="pf-v6-c-masthead__toggle">
22
22
  <button
@@ -58,7 +58,7 @@ cssPrefix: pf-d-description-list
58
58
  y1="2.25860997e-13%"
59
59
  x2="32%"
60
60
  y2="100%"
61
- id="linearGradient-description-list-basic-example-masthead"
61
+ id="linearGradient-description-list-basic-example-docked"
62
62
  >
63
63
  <stop stop-color="#2B9AF3" offset="0%" />
64
64
  <stop
@@ -112,11 +112,11 @@ cssPrefix: pf-d-description-list
112
112
  />
113
113
  <path
114
114
  d="M158,3.43478261 L65.2608696,158 L138,158 C149.045695,158 158,149.045695 158,138 L158,3.43478261 L158,3.43478261 Z"
115
- fill="url(#linearGradient-description-list-basic-example-masthead)"
115
+ fill="url(#linearGradient-description-list-basic-example-docked)"
116
116
  />
117
117
  <path
118
118
  d="M123.652174,-30.9130435 L30.9130435,123.652174 L103.652174,123.652174 C114.697869,123.652174 123.652174,114.697869 123.652174,103.652174 L123.652174,-30.9130435 L123.652174,-30.9130435 Z"
119
- fill="url(#linearGradient-description-list-basic-example-masthead)"
119
+ fill="url(#linearGradient-description-list-basic-example-docked)"
120
120
  transform="translate(77.282609, 46.369565) scale(1, -1) rotate(90.000000) translate(-77.282609, -46.369565) "
121
121
  />
122
122
  </g>
@@ -128,7 +128,7 @@ cssPrefix: pf-d-description-list
128
128
  <div class="pf-v6-c-masthead__content">
129
129
  <div
130
130
  class="pf-v6-c-toolbar pf-m-static"
131
- id="description-list-basic-example-masthead-toolbar"
131
+ id="description-list-basic-example-docked-toolbar"
132
132
  >
133
133
  <div class="pf-v6-c-toolbar__content">
134
134
  <div class="pf-v6-c-toolbar__content-section">
@@ -404,7 +404,7 @@ cssPrefix: pf-d-description-list
404
404
  </div>
405
405
  <header
406
406
  class="pf-v6-c-masthead"
407
- id="description-list-in-drawer-example-masthead"
407
+ id="description-list-in-drawer-example-docked"
408
408
  >
409
409
  <div class="pf-v6-c-masthead__main">
410
410
  <span class="pf-v6-c-masthead__toggle">
@@ -447,7 +447,7 @@ cssPrefix: pf-d-description-list
447
447
  y1="2.25860997e-13%"
448
448
  x2="32%"
449
449
  y2="100%"
450
- id="linearGradient-description-list-in-drawer-example-masthead"
450
+ id="linearGradient-description-list-in-drawer-example-docked"
451
451
  >
452
452
  <stop stop-color="#2B9AF3" offset="0%" />
453
453
  <stop
@@ -501,11 +501,11 @@ cssPrefix: pf-d-description-list
501
501
  />
502
502
  <path
503
503
  d="M158,3.43478261 L65.2608696,158 L138,158 C149.045695,158 158,149.045695 158,138 L158,3.43478261 L158,3.43478261 Z"
504
- fill="url(#linearGradient-description-list-in-drawer-example-masthead)"
504
+ fill="url(#linearGradient-description-list-in-drawer-example-docked)"
505
505
  />
506
506
  <path
507
507
  d="M123.652174,-30.9130435 L30.9130435,123.652174 L103.652174,123.652174 C114.697869,123.652174 123.652174,114.697869 123.652174,103.652174 L123.652174,-30.9130435 L123.652174,-30.9130435 Z"
508
- fill="url(#linearGradient-description-list-in-drawer-example-masthead)"
508
+ fill="url(#linearGradient-description-list-in-drawer-example-docked)"
509
509
  transform="translate(77.282609, 46.369565) scale(1, -1) rotate(90.000000) translate(-77.282609, -46.369565) "
510
510
  />
511
511
  </g>
@@ -517,7 +517,7 @@ cssPrefix: pf-d-description-list
517
517
  <div class="pf-v6-c-masthead__content">
518
518
  <div
519
519
  class="pf-v6-c-toolbar pf-m-static"
520
- id="description-list-in-drawer-example-masthead-toolbar"
520
+ id="description-list-in-drawer-example-docked-toolbar"
521
521
  >
522
522
  <div class="pf-v6-c-toolbar__content">
523
523
  <div class="pf-v6-c-toolbar__content-section">
@@ -727,57 +727,63 @@ 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>
773
771
  <div class="pf-v6-c-drawer__body pf-m-no-padding">
774
- <div class="pf-v6-c-tabs pf-m-box pf-m-fill">
775
- <ul class="pf-v6-c-tabs__list" role="tablist">
772
+ <div
773
+ class="pf-v6-c-tabs pf-m-box pf-m-fill"
774
+ aria-label="Drawer panel"
775
+ >
776
+ <ul
777
+ class="pf-v6-c-tabs__list"
778
+ role="tablist"
779
+ aria-label="Drawer panel"
780
+ >
776
781
  <li class="pf-v6-c-tabs__item pf-m-current" role="presentation">
777
782
  <button
778
783
  type="button"
779
784
  class="pf-v6-c-tabs__link"
780
785
  role="tab"
786
+ aria-selected="true"
781
787
  id="description-list-in-drawer-example-panel-tabs-tab1-link"
782
788
  >
783
789
  <span class="pf-v6-c-tabs__item-text">Overview</span>
@@ -788,6 +794,7 @@ cssPrefix: pf-d-description-list
788
794
  type="button"
789
795
  class="pf-v6-c-tabs__link"
790
796
  role="tab"
797
+ aria-selected="false"
791
798
  id="description-list-in-drawer-example-panel-tabs-tab2-link"
792
799
  >
793
800
  <span class="pf-v6-c-tabs__item-text">Activity</span>
@@ -1060,7 +1067,7 @@ cssPrefix: pf-d-description-list
1060
1067
  </div>
1061
1068
  <header
1062
1069
  class="pf-v6-c-masthead"
1063
- id="description-list-complex-content-example-masthead"
1070
+ id="description-list-complex-content-example-docked"
1064
1071
  >
1065
1072
  <div class="pf-v6-c-masthead__main">
1066
1073
  <span class="pf-v6-c-masthead__toggle">
@@ -1103,7 +1110,7 @@ cssPrefix: pf-d-description-list
1103
1110
  y1="2.25860997e-13%"
1104
1111
  x2="32%"
1105
1112
  y2="100%"
1106
- id="linearGradient-description-list-complex-content-example-masthead"
1113
+ id="linearGradient-description-list-complex-content-example-docked"
1107
1114
  >
1108
1115
  <stop stop-color="#2B9AF3" offset="0%" />
1109
1116
  <stop
@@ -1157,11 +1164,11 @@ cssPrefix: pf-d-description-list
1157
1164
  />
1158
1165
  <path
1159
1166
  d="M158,3.43478261 L65.2608696,158 L138,158 C149.045695,158 158,149.045695 158,138 L158,3.43478261 L158,3.43478261 Z"
1160
- fill="url(#linearGradient-description-list-complex-content-example-masthead)"
1167
+ fill="url(#linearGradient-description-list-complex-content-example-docked)"
1161
1168
  />
1162
1169
  <path
1163
1170
  d="M123.652174,-30.9130435 L30.9130435,123.652174 L103.652174,123.652174 C114.697869,123.652174 123.652174,114.697869 123.652174,103.652174 L123.652174,-30.9130435 L123.652174,-30.9130435 Z"
1164
- fill="url(#linearGradient-description-list-complex-content-example-masthead)"
1171
+ fill="url(#linearGradient-description-list-complex-content-example-docked)"
1165
1172
  transform="translate(77.282609, 46.369565) scale(1, -1) rotate(90.000000) translate(-77.282609, -46.369565) "
1166
1173
  />
1167
1174
  </g>
@@ -1173,7 +1180,7 @@ cssPrefix: pf-d-description-list
1173
1180
  <div class="pf-v6-c-masthead__content">
1174
1181
  <div
1175
1182
  class="pf-v6-c-toolbar pf-m-static"
1176
- id="description-list-complex-content-example-masthead-toolbar"
1183
+ id="description-list-complex-content-example-docked-toolbar"
1177
1184
  >
1178
1185
  <div class="pf-v6-c-toolbar__content">
1179
1186
  <div class="pf-v6-c-toolbar__content-section">