@patternfly/patternfly 6.0.0-alpha.176 → 6.0.0-alpha.178

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 (52) hide show
  1. package/assets/icons/iconUnicodes.json +6 -0
  2. package/assets/pficon/pf-v6-pficon.woff2 +0 -0
  3. package/assets/pficon/pficon.scss +36 -0
  4. package/base/patternfly-pf-icons.css +25 -1
  5. package/components/Alert/alert-group.css +1 -1
  6. package/components/Alert/alert-group.scss +1 -1
  7. package/components/Alert/alert.css +2 -5
  8. package/components/Alert/alert.scss +2 -4
  9. package/components/Drawer/drawer.css +6 -6
  10. package/components/Drawer/drawer.scss +6 -6
  11. package/components/EmptyState/empty-state.css +3 -3
  12. package/components/EmptyState/empty-state.scss +3 -3
  13. package/components/InlineEdit/inline-edit.css +2 -2
  14. package/components/InlineEdit/inline-edit.scss +2 -2
  15. package/components/MenuToggle/menu-toggle.css +0 -28
  16. package/components/MenuToggle/menu-toggle.scss +0 -32
  17. package/components/ModalBox/modal-box.css +2 -0
  18. package/components/ModalBox/modal-box.scss +2 -0
  19. package/components/Page/page.css +6 -0
  20. package/components/Page/page.scss +7 -0
  21. package/components/_index.css +22 -45
  22. package/docs/components/Page/examples/Page.md +1 -0
  23. package/docs/demos/AboutModal/examples/AboutModal.md +0 -30
  24. package/docs/demos/Alert/examples/Alert.md +0 -90
  25. package/docs/demos/BackToTop/examples/BackToTop.md +0 -30
  26. package/docs/demos/Banner/examples/Banner.md +0 -60
  27. package/docs/demos/CardView/examples/CardView.md +0 -30
  28. package/docs/demos/Dashboard/examples/Dashboard.md +0 -30
  29. package/docs/demos/DataList/examples/DataList.md +0 -120
  30. package/docs/demos/DescriptionList/examples/DescriptionList.md +0 -90
  31. package/docs/demos/Drawer/examples/Drawer.md +1 -151
  32. package/docs/demos/JumpLinks/examples/JumpLinks.md +0 -180
  33. package/docs/demos/Masthead/examples/Masthead.md +0 -60
  34. package/docs/demos/Modal/examples/Modal.md +0 -180
  35. package/docs/demos/Nav/examples/Nav.md +0 -180
  36. package/docs/demos/NotificationDrawer/examples/NotificationDrawer.md +0 -150
  37. package/docs/demos/Page/examples/Page.css +11 -0
  38. package/docs/demos/Page/examples/Page.md +671 -271
  39. package/docs/demos/PrimaryDetail/examples/PrimaryDetail.md +0 -210
  40. package/docs/demos/Skeleton/examples/Skeleton.md +0 -30
  41. package/docs/demos/Table/examples/Table.md +0 -450
  42. package/docs/demos/Tabs/examples/Tabs.md +0 -180
  43. package/docs/demos/Toolbar/examples/Toolbar.md +0 -60
  44. package/docs/demos/Wizard/examples/Wizard.md +0 -270
  45. package/icons/pficons.mjs +6 -0
  46. package/package.json +3 -2
  47. package/patternfly-base-no-globals.css +25 -1
  48. package/patternfly-base.css +25 -1
  49. package/patternfly-no-globals.css +47 -46
  50. package/patternfly.css +47 -46
  51. package/patternfly.min.css +1 -1
  52. package/patternfly.min.css.map +1 -1
package/patternfly.css CHANGED
@@ -4413,7 +4413,7 @@ button) {
4413
4413
  font-family: "pf-v6-pficon";
4414
4414
  src: url("./assets/pficon/pf-v6-pficon.woff2") format("woff2");
4415
4415
  }
4416
- .pf-v6-pficon-zone:before, .pf-v6-pficon-warning-triangle:before, .pf-v6-pficon-volume:before, .pf-v6-pficon-virtual-machine:before, .pf-v6-pficon-users:before, .pf-v6-pficon-user:before, .pf-v6-pficon-unplugged:before, .pf-v6-pficon-unlocked:before, .pf-v6-pficon-unknown:before, .pf-v6-pficon-trend-up:before, .pf-v6-pficon-trend-down:before, .pf-v6-pficon-treeview:before, .pf-v6-pficon-topology:before, .pf-v6-pficon-thumb-tack:before, .pf-v6-pficon-tenant:before, .pf-v6-pficon-task:before, .pf-v6-pficon-storage-domain:before, .pf-v6-pficon-spinner2:before, .pf-v6-pficon-spinner:before, .pf-v6-pficon-services:before, .pf-v6-pficon-service:before, .pf-v6-pficon-service-catalog:before, .pf-v6-pficon-server:before, .pf-v6-pficon-server-group:before, .pf-v6-pficon-security:before, .pf-v6-pficon-screen:before, .pf-v6-pficon-save:before, .pf-v6-pficon-running:before, .pf-v6-pficon-resources-full:before, .pf-v6-pficon-resources-empty:before, .pf-v6-pficon-resources-almost-full:before, .pf-v6-pficon-resources-almost-empty:before, .pf-v6-pficon-resource-pool:before, .pf-v6-pficon-repository:before, .pf-v6-pficon-replicator:before, .pf-v6-pficon-remove2:before, .pf-v6-pficon-registry:before, .pf-v6-pficon-regions:before, .pf-v6-pficon-rebooting:before, .pf-v6-pficon-rebalance:before, .pf-v6-pficon-project:before, .pf-v6-pficon-process-automation:before, .pf-v6-pficon-private:before, .pf-v6-pficon-print:before, .pf-v6-pficon-port:before, .pf-v6-pficon-plugged:before, .pf-v6-pficon-pficon-vcenter:before, .pf-v6-pficon-pficon-template:before, .pf-v6-pficon-pficon-sort-common-desc:before, .pf-v6-pficon-pficon-sort-common-asc:before, .pf-v6-pficon-pficon-satellite:before, .pf-v6-pficon-pficon-network-range:before, .pf-v6-pficon-pficon-history:before, .pf-v6-pficon-pficon-dragdrop:before, .pf-v6-pficon-pending:before, .pf-v6-pficon-paused:before, .pf-v6-pficon-panel-open:before, .pf-v6-pficon-panel-close:before, .pf-v6-pficon-package:before, .pf-v6-pficon-os-image:before, .pf-v6-pficon-orders:before, .pf-v6-pficon-optimize:before, .pf-v6-pficon-openstack:before, .pf-v6-pficon-openshift:before, .pf-v6-pficon-open-drawer-right:before, .pf-v6-pficon-on:before, .pf-v6-pficon-on-running:before, .pf-v6-pficon-ok:before, .pf-v6-pficon-off:before, .pf-v6-pficon-not-started:before, .pf-v6-pficon-new-process:before, .pf-v6-pficon-network:before, .pf-v6-pficon-namespaces:before, .pf-v6-pficon-multicluster:before, .pf-v6-pficon-monitoring:before, .pf-v6-pficon-module:before, .pf-v6-pficon-migration:before, .pf-v6-pficon-middleware:before, .pf-v6-pficon-messages:before, .pf-v6-pficon-memory:before, .pf-v6-pficon-maintenance:before, .pf-v6-pficon-locked:before, .pf-v6-pficon-key:before, .pf-v6-pficon-integration:before, .pf-v6-pficon-infrastructure:before, .pf-v6-pficon-info:before, .pf-v6-pficon-in-progress:before, .pf-v6-pficon-import:before, .pf-v6-pficon-home:before, .pf-v6-pficon-history:before, .pf-v6-pficon-help:before, .pf-v6-pficon-globe-route:before, .pf-v6-pficon-folder-open:before, .pf-v6-pficon-folder-close:before, .pf-v6-pficon-flavor:before, .pf-v6-pficon-filter:before, .pf-v6-pficon-export:before, .pf-v6-pficon-error-circle-o:before, .pf-v6-pficon-equalizer:before, .pf-v6-pficon-enterprise:before, .pf-v6-pficon-enhancement:before, .pf-v6-pficon-edit:before, .pf-v6-pficon-domain:before, .pf-v6-pficon-disconnected:before, .pf-v6-pficon-degraded:before, .pf-v6-pficon-data-source:before, .pf-v6-pficon-data-sink:before, .pf-v6-pficon-data-processor:before, .pf-v6-pficon-critical-risk:before, .pf-v6-pficon-cpu:before, .pf-v6-pficon-container-node:before, .pf-v6-pficon-connected:before, .pf-v6-pficon-cluster:before, .pf-v6-pficon-cloud-tenant:before, .pf-v6-pficon-cloud-security:before, .pf-v6-pficon-close:before, .pf-v6-pficon-chat:before, .pf-v6-pficon-catalog:before, .pf-v6-pficon-bundle:before, .pf-v6-pficon-builder-image:before, .pf-v6-pficon-build:before, .pf-v6-pficon-blueprint:before, .pf-v6-pficon-bell:before, .pf-v6-pficon-automation:before, .pf-v6-pficon-attention-bell:before, .pf-v6-pficon-asleep:before, .pf-v6-pficon-arrow:before, .pf-v6-pficon-applications:before, .pf-v6-pficon-ansible-tower:before, .pf-v6-pficon-add-circle-o:before {
4416
+ .pf-v6-pficon-zone:before, .pf-v6-pficon-warning-triangle:before, .pf-v6-pficon-volume:before, .pf-v6-pficon-virtual-machine:before, .pf-v6-pficon-users:before, .pf-v6-pficon-user:before, .pf-v6-pficon-unplugged:before, .pf-v6-pficon-unlocked:before, .pf-v6-pficon-unknown:before, .pf-v6-pficon-trend-up:before, .pf-v6-pficon-trend-down:before, .pf-v6-pficon-treeview:before, .pf-v6-pficon-topology:before, .pf-v6-pficon-thumb-tack:before, .pf-v6-pficon-tenant:before, .pf-v6-pficon-task:before, .pf-v6-pficon-storage-domain:before, .pf-v6-pficon-spinner2:before, .pf-v6-pficon-spinner:before, .pf-v6-pficon-severity-undefined:before, .pf-v6-pficon-severity-none:before, .pf-v6-pficon-severity-moderate:before, .pf-v6-pficon-severity-minor:before, .pf-v6-pficon-severity-important:before, .pf-v6-pficon-severity-critical:before, .pf-v6-pficon-services:before, .pf-v6-pficon-service:before, .pf-v6-pficon-service-catalog:before, .pf-v6-pficon-server:before, .pf-v6-pficon-server-group:before, .pf-v6-pficon-security:before, .pf-v6-pficon-screen:before, .pf-v6-pficon-save:before, .pf-v6-pficon-running:before, .pf-v6-pficon-resources-full:before, .pf-v6-pficon-resources-empty:before, .pf-v6-pficon-resources-almost-full:before, .pf-v6-pficon-resources-almost-empty:before, .pf-v6-pficon-resource-pool:before, .pf-v6-pficon-repository:before, .pf-v6-pficon-replicator:before, .pf-v6-pficon-remove2:before, .pf-v6-pficon-registry:before, .pf-v6-pficon-regions:before, .pf-v6-pficon-rebooting:before, .pf-v6-pficon-rebalance:before, .pf-v6-pficon-project:before, .pf-v6-pficon-process-automation:before, .pf-v6-pficon-private:before, .pf-v6-pficon-print:before, .pf-v6-pficon-port:before, .pf-v6-pficon-plugged:before, .pf-v6-pficon-pficon-vcenter:before, .pf-v6-pficon-pficon-template:before, .pf-v6-pficon-pficon-sort-common-desc:before, .pf-v6-pficon-pficon-sort-common-asc:before, .pf-v6-pficon-pficon-satellite:before, .pf-v6-pficon-pficon-network-range:before, .pf-v6-pficon-pficon-history:before, .pf-v6-pficon-pficon-dragdrop:before, .pf-v6-pficon-pending:before, .pf-v6-pficon-paused:before, .pf-v6-pficon-panel-open:before, .pf-v6-pficon-panel-close:before, .pf-v6-pficon-package:before, .pf-v6-pficon-os-image:before, .pf-v6-pficon-orders:before, .pf-v6-pficon-optimize:before, .pf-v6-pficon-openstack:before, .pf-v6-pficon-openshift:before, .pf-v6-pficon-open-drawer-right:before, .pf-v6-pficon-on:before, .pf-v6-pficon-on-running:before, .pf-v6-pficon-ok:before, .pf-v6-pficon-off:before, .pf-v6-pficon-not-started:before, .pf-v6-pficon-new-process:before, .pf-v6-pficon-network:before, .pf-v6-pficon-namespaces:before, .pf-v6-pficon-multicluster:before, .pf-v6-pficon-monitoring:before, .pf-v6-pficon-module:before, .pf-v6-pficon-migration:before, .pf-v6-pficon-middleware:before, .pf-v6-pficon-messages:before, .pf-v6-pficon-memory:before, .pf-v6-pficon-maintenance:before, .pf-v6-pficon-locked:before, .pf-v6-pficon-key:before, .pf-v6-pficon-integration:before, .pf-v6-pficon-infrastructure:before, .pf-v6-pficon-info:before, .pf-v6-pficon-in-progress:before, .pf-v6-pficon-import:before, .pf-v6-pficon-home:before, .pf-v6-pficon-history:before, .pf-v6-pficon-help:before, .pf-v6-pficon-globe-route:before, .pf-v6-pficon-folder-open:before, .pf-v6-pficon-folder-close:before, .pf-v6-pficon-flavor:before, .pf-v6-pficon-filter:before, .pf-v6-pficon-export:before, .pf-v6-pficon-error-circle-o:before, .pf-v6-pficon-equalizer:before, .pf-v6-pficon-enterprise:before, .pf-v6-pficon-enhancement:before, .pf-v6-pficon-edit:before, .pf-v6-pficon-domain:before, .pf-v6-pficon-disconnected:before, .pf-v6-pficon-degraded:before, .pf-v6-pficon-data-source:before, .pf-v6-pficon-data-sink:before, .pf-v6-pficon-data-processor:before, .pf-v6-pficon-critical-risk:before, .pf-v6-pficon-cpu:before, .pf-v6-pficon-container-node:before, .pf-v6-pficon-connected:before, .pf-v6-pficon-cluster:before, .pf-v6-pficon-cloud-tenant:before, .pf-v6-pficon-cloud-security:before, .pf-v6-pficon-close:before, .pf-v6-pficon-chat:before, .pf-v6-pficon-catalog:before, .pf-v6-pficon-bundle:before, .pf-v6-pficon-builder-image:before, .pf-v6-pficon-build:before, .pf-v6-pficon-blueprint:before, .pf-v6-pficon-bell:before, .pf-v6-pficon-automation:before, .pf-v6-pficon-attention-bell:before, .pf-v6-pficon-asleep:before, .pf-v6-pficon-arrow:before, .pf-v6-pficon-applications:before, .pf-v6-pficon-ansible-tower:before, .pf-v6-pficon-add-circle-o:before {
4417
4417
  font-family: "pf-v6-pficon";
4418
4418
  -webkit-font-smoothing: antialiased;
4419
4419
  -moz-osx-font-smoothing: grayscale;
@@ -4868,6 +4868,30 @@ button) {
4868
4868
  content: "\e947";
4869
4869
  }
4870
4870
 
4871
+ .pf-v6-pficon-severity-critical:before {
4872
+ content: "\e97e";
4873
+ }
4874
+
4875
+ .pf-v6-pficon-severity-important:before {
4876
+ content: "\e97f";
4877
+ }
4878
+
4879
+ .pf-v6-pficon-severity-minor:before {
4880
+ content: "\e980";
4881
+ }
4882
+
4883
+ .pf-v6-pficon-severity-moderate:before {
4884
+ content: "\e981";
4885
+ }
4886
+
4887
+ .pf-v6-pficon-severity-none:before {
4888
+ content: "\e982";
4889
+ }
4890
+
4891
+ .pf-v6-pficon-severity-undefined:before {
4892
+ content: "\e983";
4893
+ }
4894
+
4871
4895
  .pf-v6-pficon-spinner:before {
4872
4896
  content: "\e973";
4873
4897
  }
@@ -6568,11 +6592,11 @@ button) {
6568
6592
  --pf-v6-c-alert__action--TranslateY: 0.125rem;
6569
6593
  --pf-v6-c-alert__action--MarginInlineEnd: calc(var(--pf-t--global--spacer--sm) * -1);
6570
6594
  --pf-v6-c-alert__description--PaddingBlockStart: var(--pf-t--global--spacer--xs);
6571
- --pf-v6-c-alert__action-group--PaddingBlockStart-base: var(--pf-t--global--spacer--xs);
6595
+ --pf-v6-c-alert__action-group--PaddingBlockStart-base: var(--pf-t--global--spacer--sm);
6572
6596
  --pf-v6-c-alert__action-group--PaddingBlockStart: var(--pf-v6-c-alert__action-group--PaddingBlockStart-base);
6573
6597
  --pf-v6-c-alert__description--action-group--PaddingBlockStart-base: var(--pf-t--global--spacer--sm);
6574
6598
  --pf-v6-c-alert__description--action-group--PaddingBlockStart: var(--pf-v6-c-alert__description--action-group--PaddingBlockStart-base);
6575
- --pf-v6-c-alert__action-group__c-button--not-last-child--MarginInlineEnd: var(--pf-t--global--spacer--lg);
6599
+ --pf-v6-c-alert__action-group__c-button--not-last-child--MarginInlineEnd: var(--pf-t--global--spacer--gap--action-to-action--default);
6576
6600
  --pf-v6-c-alert--m-custom--BorderColor: var(--pf-t--global--border--color--status--custom--default);
6577
6601
  --pf-v6-c-alert--m-custom__icon--Color: var(--pf-t--global--icon--color--status--custom--default);
6578
6602
  --pf-v6-c-alert--m-custom__title--Color: var(--pf-t--global--text--color--regular);
@@ -6729,15 +6753,12 @@ button) {
6729
6753
  grid-area: actiongroup;
6730
6754
  padding-block-start: var(--pf-v6-c-alert__action-group--PaddingBlockStart);
6731
6755
  }
6732
- .pf-v6-c-alert__action-group > .pf-v6-c-button {
6733
- --pf-v6-c-button--m-link--m-inline--hover--TextDecoration: none;
6734
- }
6735
6756
  .pf-v6-c-alert__action-group > .pf-v6-c-button:not(:last-child) {
6736
6757
  margin-inline-end: var(--pf-v6-c-alert__action-group__c-button--not-last-child--MarginInlineEnd);
6737
6758
  }
6738
6759
 
6739
6760
  :where(:root, .pf-v6-c-alert-group) {
6740
- --pf-v6-c-alert-group__item--MarginBlockStart: var(--pf-t--global--spacer--md);
6761
+ --pf-v6-c-alert-group__item--MarginBlockStart: var(--pf-t--global--spacer--gap--group--vertical);
6741
6762
  --pf-v6-c-alert-group--m-toast--InsetBlockStart: var(--pf-t--global--spacer--2xl);
6742
6763
  --pf-v6-c-alert-group--m-toast--InsetInlineEnd: var(--pf-t--global--spacer--xl);
6743
6764
  --pf-v6-c-alert-group--m-toast--MaxWidth: 37.5rem;
@@ -11282,7 +11303,7 @@ ul) {
11282
11303
  --pf-v6-c-drawer__panel--MinWidth: 50%;
11283
11304
  --pf-v6-c-drawer__panel--MaxHeight: auto;
11284
11305
  --pf-v6-c-drawer__panel--ZIndex: var(--pf-t--global--z-index--sm);
11285
- --pf-v6-c-drawer__panel--BackgroundColor: var(--pf-t--global--background--color--floating--default);
11306
+ --pf-v6-c-drawer__panel--BackgroundColor: var(--pf-t--global--background--color--primary--default);
11286
11307
  --pf-v6-c-drawer__panel--m-secondary--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
11287
11308
  --pf-v6-c-drawer__panel--RowGap: var(--pf-t--global--spacer--sm);
11288
11309
  --pf-v6-c-drawer__panel--PaddingBlockStart: var(--pf-t--global--spacer--sm);
@@ -11369,7 +11390,7 @@ ul) {
11369
11390
  --pf-v6-c-drawer__actions--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--compact) * -1.5);
11370
11391
  --pf-v6-c-drawer__actions--MarginInlineEnd: calc(var(--pf-t--global--spacer--control--horizontal--compact) * -1.5);
11371
11392
  --pf-v6-c-drawer__panel--BoxShadow: none;
11372
- --pf-v6-c-drawer--m-expanded--m-panel-bottom__panel--BoxShadow: var(--pf-t--global--box-shadow--lg--top);
11393
+ --pf-v6-c-drawer--m-expanded--m-panel-bottom__panel--BoxShadow: var(--pf-t--global--box-shadow--md--top);
11373
11394
  --pf-v6-c-drawer__panel--after--Width: var(--pf-t--global--border--width--divider--default);
11374
11395
  --pf-v6-c-drawer--m-panel-bottom__panel--after--Height: var(--pf-t--global--border--width--divider--default);
11375
11396
  --pf-v6-c-drawer__panel--after--BackgroundColor: transparent;
@@ -11389,19 +11410,19 @@ ul) {
11389
11410
  }
11390
11411
 
11391
11412
  .pf-v6-c-drawer {
11392
- --pf-v6-c-drawer--m-expanded__panel--BoxShadow: var(--pf-t--global--box-shadow--lg--left);
11393
- --pf-v6-c-drawer--m-expanded--m-panel-left__panel--BoxShadow: var(--pf-t--global--box-shadow--lg--right);
11413
+ --pf-v6-c-drawer--m-expanded__panel--BoxShadow: var(--pf-t--global--box-shadow--md--left);
11414
+ --pf-v6-c-drawer--m-expanded--m-panel-left__panel--BoxShadow: var(--pf-t--global--box-shadow--md--right);
11394
11415
  display: flex;
11395
11416
  flex-direction: column;
11396
11417
  height: 100%;
11397
11418
  overflow-x: hidden;
11398
11419
  }
11399
11420
  :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-drawer {
11400
- --pf-v6-c-drawer--m-expanded__panel--BoxShadow: var(--pf-t--global--box-shadow--lg--right);
11421
+ --pf-v6-c-drawer--m-expanded__panel--BoxShadow: var(--pf-t--global--box-shadow--md--right);
11401
11422
  }
11402
11423
 
11403
11424
  :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-drawer {
11404
- --pf-v6-c-drawer--m-expanded--m-panel-left__panel--BoxShadow: var(--pf-t--global--box-shadow--lg--left);
11425
+ --pf-v6-c-drawer--m-expanded--m-panel-left__panel--BoxShadow: var(--pf-t--global--box-shadow--md--left);
11405
11426
  }
11406
11427
 
11407
11428
  .pf-v6-c-drawer.pf-m-inline > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel:not(.pf-m-no-border, .pf-m-resizable), .pf-v6-c-drawer.pf-m-static > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel:not(.pf-m-no-border, .pf-m-resizable) {
@@ -12147,11 +12168,11 @@ ul) {
12147
12168
  --pf-v6-c-empty-state--m-xs__body--MarginBlockStart: var(--pf-t--global--spacer--md);
12148
12169
  --pf-v6-c-empty-state--m-xl__body--FontSize: var(--pf-t--global--font--size--body--lg);
12149
12170
  --pf-v6-c-empty-state--m-xl__body--MarginBlockStart: var(--pf-t--global--spacer--xl);
12150
- --pf-v6-c-empty-state__footer--RowGap: var(--pf-t--global--spacer--sm);
12171
+ --pf-v6-c-empty-state__footer--RowGap: var(--pf-t--global--spacer--gap--group-to-group--vertical);
12151
12172
  --pf-v6-c-empty-state__footer--MarginBlockStart: var(--pf-t--global--spacer--xl);
12152
12173
  --pf-v6-c-empty-state--m-xs__footer--MarginBlockStart: var(--pf-t--global--spacer--md);
12153
- --pf-v6-c-empty-state__actions--RowGap: var(--pf-t--global--spacer--sm);
12154
- --pf-v6-c-empty-state__actions--ColumnGap: var(--pf-t--global--spacer--md);
12174
+ --pf-v6-c-empty-state__actions--RowGap: var(--pf-t--global--spacer--gap--group--vertical);
12175
+ --pf-v6-c-empty-state__actions--ColumnGap: var(--pf-t--global--spacer--gap--action-to-action--default);
12155
12176
  }
12156
12177
 
12157
12178
  .pf-v6-c-empty-state {
@@ -13581,10 +13602,10 @@ select ~ .pf-v6-c-form-control__utilities {
13581
13602
  }
13582
13603
 
13583
13604
  :where(:root, .pf-v6-c-inline-edit) {
13584
- --pf-v6-c-inline-edit__group--item--MarginInlineEnd: var(--pf-t--global--spacer--sm);
13605
+ --pf-v6-c-inline-edit__group--item--MarginInlineEnd: var(--pf-t--global--spacer--gap--action-to-action--default);
13585
13606
  --pf-v6-c-inline-edit__action--c-button--m-valid--m-plain--Color: var(--pf-t--global--icon--color--brand--default);
13586
13607
  --pf-v6-c-inline-edit__action--c-button--m-valid--m-plain--hover--Color: var(--pf-t--global--icon--color--brand--hover);
13587
- --pf-v6-c-inline-edit__action--m-icon-group--item--MarginInlineEnd: var(--pf-t--global--spacer--sm);
13608
+ --pf-v6-c-inline-edit__action--m-icon-group--item--MarginInlineEnd: var(--pf-t--global--spacer--gap--action-to-action--plain);
13588
13609
  --pf-v6-c-inline-edit__group--m-footer--MarginBlockStart: var(--pf-t--global--spacer--xl);
13589
13610
  --pf-v6-c-inline-edit__label--m-bold--FontWeight: var(--pf-t--global--font--weight--body--bold);
13590
13611
  }
@@ -15973,9 +15994,6 @@ ul.pf-v6-c-list {
15973
15994
  --pf-v6-c-menu-toggle--hover--BorderWidth: var(--pf-t--global--border--width--action--default);
15974
15995
  --pf-v6-c-menu-toggle--hover--BorderColor: var(--pf-t--global--border--color--hover);
15975
15996
  --pf-v6-c-menu-toggle--hover__toggle-icon--Color: var(--pf-t--global--icon--color--regular);
15976
- --pf-v6-c-menu-toggle--active--BackgroundColor: var(--pf-t--global--background--color--control--default);
15977
- --pf-v6-c-menu-toggle--active--BorderWidth: var(--pf-t--global--border--width--action--clicked);
15978
- --pf-v6-c-menu-toggle--active--BorderColor: var(--pf-t--global--border--color--clicked);
15979
15997
  --pf-v6-c-menu-toggle--expanded--Color: var(--pf-t--global--text--color--regular);
15980
15998
  --pf-v6-c-menu-toggle--expanded--BackgroundColor: var(--pf-t--global--background--color--control--default);
15981
15999
  --pf-v6-c-menu-toggle--expanded--BorderWidth: var(--pf-t--global--border--width--action--clicked);
@@ -16003,9 +16021,6 @@ ul.pf-v6-c-list {
16003
16021
  --pf-v6-c-menu-toggle--m-primary--hover--Color: var(--pf-t--global--text--color--on-brand--hover);
16004
16022
  --pf-v6-c-menu-toggle--m-primary--hover--BackgroundColor: var(--pf-t--global--color--brand--hover);
16005
16023
  --pf-v6-c-menu-toggle--m-primary--hover--BorderColor: transparent;
16006
- --pf-v6-c-menu-toggle--m-primary--active--Color: var(--pf-t--global--text--color--on-brand--clicked);
16007
- --pf-v6-c-menu-toggle--m-primary--active--BackgroundColor: var(--pf-t--global--color--brand--clicked);
16008
- --pf-v6-c-menu-toggle--m-primary--active--BorderColor: transparent;
16009
16024
  --pf-v6-c-menu-toggle--m-primary--expanded--Color: var(--pf-t--global--text--color--on-brand--clicked);
16010
16025
  --pf-v6-c-menu-toggle--m-primary--expanded--BackgroundColor: var(--pf-t--global--color--brand--clicked);
16011
16026
  --pf-v6-c-menu-toggle--m-primary--expanded--BorderColor: transparent;
@@ -16020,9 +16035,6 @@ ul.pf-v6-c-list {
16020
16035
  --pf-v6-c-menu-toggle--m-secondary--hover--Color: var(--pf-t--global--text--color--brand--hover);
16021
16036
  --pf-v6-c-menu-toggle--m-secondary--hover--BorderWidth: var(--pf-t--global--border--width--action--hover);
16022
16037
  --pf-v6-c-menu-toggle--m-secondary--hover--BorderColor: var(--pf-t--global--border--color--brand--hover);
16023
- --pf-v6-c-menu-toggle--m-secondary--active--Color: var(--pf-t--global--text--color--brand--clicked);
16024
- --pf-v6-c-menu-toggle--m-secondary--active--BorderWidth: var(--pf-t--global--border--width--action--clicked);
16025
- --pf-v6-c-menu-toggle--m-secondary--active--BorderColor: var(--pf-t--global--border--color--brand--clicked);
16026
16038
  --pf-v6-c-menu-toggle--m-secondary--expanded--Color: var(--pf-t--global--text--color--brand--clicked);
16027
16039
  --pf-v6-c-menu-toggle--m-secondary--expanded--BorderWidth: var(--pf-t--global--border--width--action--clicked);
16028
16040
  --pf-v6-c-menu-toggle--m-secondary--expanded--BorderColor: var(--pf-t--global--border--color--brand--clicked);
@@ -16040,7 +16052,6 @@ ul.pf-v6-c-list {
16040
16052
  --pf-v6-c-menu-toggle--m-split-button--m-action--child--disabled--BorderInlineStartColor: var(--pf-t--global--icon--color--on-disabled);
16041
16053
  --pf-v6-c-menu-toggle--m-split-button--m-action--m-primary--child--BackgroundColor: var(--pf-t--global--color--brand--default);
16042
16054
  --pf-v6-c-menu-toggle--m-split-button--m-action--m-primary--child--hover--BackgroundColor: var(--pf-t--global--color--brand--hover);
16043
- --pf-v6-c-menu-toggle--m-split-button--m-action--m-primary--child--active--BackgroundColor: var(--pf-t--global--color--brand--clicked);
16044
16055
  --pf-v6-c-menu-toggle--m-split-button--m-action--m-primary--child--BorderInlineStartColor: var(--pf-t--global--border--color--default);
16045
16056
  --pf-v6-c-menu-toggle--m-split-button--m-action--m-primary--expanded--child--BackgroundColor: var(--pf-t--global--color--brand--clicked);
16046
16057
  --pf-v6-c-menu-toggle--m-split-button--m-action--m-secondary--child--BorderInlineStartColor: var(--pf-t--global--color--brand--default);
@@ -16053,7 +16064,6 @@ ul.pf-v6-c-list {
16053
16064
  --pf-v6-c-menu-toggle--m-plain--BackgroundColor: var(--pf-t--global--background--color--action--plain--default);
16054
16065
  --pf-v6-c-menu-toggle--m-plain--BorderColor: transparent;
16055
16066
  --pf-v6-c-menu-toggle--m-plain--hover--BackgroundColor: var(--pf-t--global--background--color--action--plain--hover);
16056
- --pf-v6-c-menu-toggle--m-plain--active--BackgroundColor: var(--pf-t--global--background--color--action--plain--clicked);
16057
16067
  --pf-v6-c-menu-toggle--m-plain--expanded--BackgroundColor: var(--pf-t--global--background--color--action--plain--clicked);
16058
16068
  --pf-v6-c-menu-toggle--m-plain--disabled--Color: var(--pf-t--global--icon--color--disabled);
16059
16069
  --pf-v6-c-menu-toggle--m-plain--disabled--BackgroundColor: transparent;
@@ -16120,9 +16130,6 @@ ul.pf-v6-c-list {
16120
16130
  --pf-v6-c-menu-toggle--hover--Color: var(--pf-v6-c-menu-toggle--m-primary--hover--Color);
16121
16131
  --pf-v6-c-menu-toggle--hover--BackgroundColor: var(--pf-v6-c-menu-toggle--m-primary--hover--BackgroundColor);
16122
16132
  --pf-v6-c-menu-toggle--hover--BorderColor: var(--pf-v6-c-menu-toggle--m-primary--hover--BorderColor);
16123
- --pf-v6-c-menu-toggle--active--Color: var(--pf-v6-c-menu-toggle--m-primary--active--Color);
16124
- --pf-v6-c-menu-toggle--active--BackgroundColor: var(--pf-v6-c-menu-toggle--m-primary--active--BackgroundColor);
16125
- --pf-v6-c-menu-toggle--active--BorderColor: var(--pf-v6-c-menu-toggle--m-primary--active--BorderColor);
16126
16133
  --pf-v6-c-menu-toggle--expanded--Color: var(--pf-v6-c-menu-toggle--m-primary--expanded--Color);
16127
16134
  --pf-v6-c-menu-toggle--expanded--BackgroundColor: var(--pf-v6-c-menu-toggle--m-primary--expanded--BackgroundColor);
16128
16135
  --pf-v6-c-menu-toggle--expanded--BorderColor: var(--pf-v6-c-menu-toggle--m-primary--expanded--BorderColor);
@@ -16138,9 +16145,6 @@ ul.pf-v6-c-list {
16138
16145
  --pf-v6-c-menu-toggle--hover--Color: var(--pf-v6-c-menu-toggle--m-secondary--hover--Color);
16139
16146
  --pf-v6-c-menu-toggle--hover--BorderWidth: var(--pf-v6-c-menu-toggle--m-secondary--hover--BorderWidth);
16140
16147
  --pf-v6-c-menu-toggle--hover--BorderColor: var(--pf-v6-c-menu-toggle--m-secondary--hover--BorderColor);
16141
- --pf-v6-c-menu-toggle--active--Color: var(--pf-v6-c-menu-toggle--m-secondary--active--Color);
16142
- --pf-v6-c-menu-toggle--active--BorderWidth: var(--pf-v6-c-menu-toggle--m-secondary--active--BorderWidth);
16143
- --pf-v6-c-menu-toggle--active--BorderColor: var(--pf-v6-c-menu-toggle--m-secondary--active--BorderColor);
16144
16148
  --pf-v6-c-menu-toggle--expanded--Color: var(--pf-v6-c-menu-toggle--m-secondary--expanded--Color);
16145
16149
  --pf-v6-c-menu-toggle--expanded--BorderWidth: var(--pf-v6-c-menu-toggle--m-secondary--expanded--BorderWidth);
16146
16150
  --pf-v6-c-menu-toggle--hover__toggle-icon--Color: var(--pf-v6-c-menu-toggle--m-secondary--hover__toggle-icon--Color);
@@ -16162,7 +16166,6 @@ ul.pf-v6-c-list {
16162
16166
  --pf-v6-c-menu-toggle--BorderColor: var(--pf-v6-c-menu-toggle--m-plain--BorderColor);
16163
16167
  --pf-v6-c-menu-toggle--BackgroundColor: var(--pf-v6-c-menu-toggle--m-plain--BackgroundColor);
16164
16168
  --pf-v6-c-menu-toggle--hover--BackgroundColor: var(--pf-v6-c-menu-toggle--m-plain--hover--BackgroundColor);
16165
- --pf-v6-c-menu-toggle--active--BackgroundColor: var(--pf-v6-c-menu-toggle--m-plain--active--BackgroundColor);
16166
16169
  --pf-v6-c-menu-toggle--expanded--BackgroundColor: var(--pf-v6-c-menu-toggle--m-plain--expanded--BackgroundColor);
16167
16170
  --pf-v6-c-menu-toggle--disabled--Color: var(--pf-v6-c-menu-toggle--m-plain--disabled--Color);
16168
16171
  --pf-v6-c-menu-toggle--disabled--BackgroundColor: var(--pf-v6-c-menu-toggle--m-plain--disabled--BackgroundColor);
@@ -16184,13 +16187,6 @@ ul.pf-v6-c-list {
16184
16187
  --pf-v6-c-menu-toggle--BorderColor: var(--pf-v6-c-menu-toggle--expanded--BorderColor);
16185
16188
  --pf-v6-c-menu-toggle__toggle-icon--Color: var(--pf-v6-c-menu-toggle--expanded__toggle-icon--Color);
16186
16189
  }
16187
- .pf-v6-c-menu-toggle:is(:active, .pf-m-active) {
16188
- --pf-v6-c-menu-toggle--Color: var(--pf-v6-c-menu-toggle--active--Color);
16189
- --pf-v6-c-menu-toggle--BackgroundColor: var(--pf-v6-c-menu-toggle--active--BackgroundColor);
16190
- --pf-v6-c-menu-toggle--BorderWidth: var(--pf-v6-c-menu-toggle--active--BorderWidth);
16191
- --pf-v6-c-menu-toggle--BorderColor: var(--pf-v6-c-menu-toggle--active--BorderColor);
16192
- --pf-v6-c-menu-toggle__toggle-icon--Color: var(--pf-v6-c-menu-toggle--active__toggle-icon--Color);
16193
- }
16194
16190
  .pf-v6-c-menu-toggle:is(:disabled, .pf-m-disabled) {
16195
16191
  --pf-v6-c-menu-toggle--Color: var(--pf-v6-c-menu-toggle--disabled--Color);
16196
16192
  --pf-v6-c-menu-toggle--BackgroundColor: var(--pf-v6-c-menu-toggle--disabled--BackgroundColor);
@@ -16277,9 +16273,6 @@ ul.pf-v6-c-list {
16277
16273
  .pf-v6-c-menu-toggle.pf-m-split-button.pf-m-action.pf-m-primary > :where(:not(.pf-m-disabled):not([disabled])):is(:hover, :focus) {
16278
16274
  --pf-v6-c-menu-toggle--m-split-button--m-action--m-primary--child--BackgroundColor: var(--pf-v6-c-menu-toggle--m-split-button--m-action--m-primary--child--hover--BackgroundColor);
16279
16275
  }
16280
- .pf-v6-c-menu-toggle.pf-m-split-button.pf-m-action.pf-m-primary > :where(:not(.pf-m-disabled):not([disabled])):is(:active, .pf-m-active) {
16281
- --pf-v6-c-menu-toggle--m-split-button--m-action--m-primary--child--BackgroundColor: var(--pf-v6-c-menu-toggle--m-split-button--m-action--m-primary--child--active--BackgroundColor);
16282
- }
16283
16276
  .pf-v6-c-menu-toggle.pf-m-split-button.pf-m-action.pf-m-primary.pf-m-expanded {
16284
16277
  --pf-v6-c-menu-toggle--m-split-button--m-action--m-primary--child--BackgroundColor: var(--pf-v6-c-menu-toggle--m-split-button--m-action--m-primary--expanded--child--BackgroundColor);
16285
16278
  }
@@ -16400,6 +16393,7 @@ ul.pf-v6-c-list {
16400
16393
  --pf-v6-c-modal-box__header-main--Gap: var(--pf-t--global--spacer--md);
16401
16394
  --pf-v6-c-modal-box__title--LineHeight: var(--pf-t--global--font--line-height--heading);
16402
16395
  --pf-v6-c-modal-box__title--FontFamily: var(--pf-t--global--font--family--heading);
16396
+ --pf-v6-c-modal-box__title--FontWeight: var(--pf-t--global--font--weight--heading);
16403
16397
  --pf-v6-c-modal-box__title--FontSize: var(--pf-t--global--font--size--heading--md);
16404
16398
  --pf-v6-c-modal-box__title-icon--MarginInlineEnd: var(--pf-t--global--spacer--sm);
16405
16399
  --pf-v6-c-modal-box__title-icon--Color: var(--pf-t--global--icon--color--regular);
@@ -16521,6 +16515,7 @@ ul.pf-v6-c-list {
16521
16515
  flex: 0 0 auto;
16522
16516
  font-family: var(--pf-v6-c-modal-box__title--FontFamily);
16523
16517
  font-size: var(--pf-v6-c-modal-box__title--FontSize);
16518
+ font-weight: var(--pf-v6-c-modal-box__title--FontWeight);
16524
16519
  line-height: var(--pf-v6-c-modal-box__title--LineHeight);
16525
16520
  }
16526
16521
  .pf-v6-c-modal-box__title.pf-m-icon {
@@ -17501,6 +17496,8 @@ ul.pf-v6-c-list {
17501
17496
  --pf-v6-c-page__sidebar-body--PaddingInlineStart: 0;
17502
17497
  --pf-v6-c-page__sidebar-body--m-page-insets--PaddingInlineEnd: var(--pf-v6-c-page--inset);
17503
17498
  --pf-v6-c-page__sidebar-body--m-page-insets--PaddingInlineStart: var(--pf-v6-c-page--inset);
17499
+ --pf-v6-c-page__sidebar-body--m-context-selector--PaddingInlineEnd: var(--pf-t--global--spacer--md);
17500
+ --pf-v6-c-page__sidebar-body--m-context-selector--PaddingInlineStart: var(--pf-t--global--spacer--md);
17504
17501
  --pf-v6-c-page__main-container--ZIndex: var(--pf-t--global--z-index--xs);
17505
17502
  --pf-v6-c-page__main-container--MaxHeight: calc(100% - var(--pf-t--global--spacer--lg));
17506
17503
  --pf-v6-c-page__main-container--BackgroundColor: var(--pf-t--global--background--color--primary--default);
@@ -17649,6 +17646,10 @@ ul.pf-v6-c-list {
17649
17646
  --pf-v6-c-page__sidebar-body--PaddingInlineEnd: var(--pf-v6-c-page__sidebar-body--m-page-insets--PaddingInlineEnd);
17650
17647
  --pf-v6-c-page__sidebar-body--PaddingInlineStart: var(--pf-v6-c-page__sidebar-body--m-page-insets--PaddingInlineStart);
17651
17648
  }
17649
+ .pf-v6-c-page__sidebar-body.pf-m-context-selector {
17650
+ --pf-v6-c-page__sidebar-body--PaddingInlineEnd: var(--pf-v6-c-page__sidebar-body--m-context-selector--PaddingInlineEnd);
17651
+ --pf-v6-c-page__sidebar-body--PaddingInlineStart: var(--pf-v6-c-page__sidebar-body--m-context-selector--PaddingInlineStart);
17652
+ }
17652
17653
  .pf-v6-c-page__sidebar-body.pf-m-inset-none {
17653
17654
  --pf-v6-c-page__sidebar-body--PaddingInlineEnd: 0;
17654
17655
  --pf-v6-c-page__sidebar-body--PaddingInlineStart: 0;