@patternfly/patternfly 6.0.0-alpha.177 → 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 (21) hide show
  1. package/components/Alert/alert-group.css +1 -1
  2. package/components/Alert/alert-group.scss +1 -1
  3. package/components/Alert/alert.css +2 -5
  4. package/components/Alert/alert.scss +2 -4
  5. package/components/Drawer/drawer.css +6 -6
  6. package/components/Drawer/drawer.scss +6 -6
  7. package/components/EmptyState/empty-state.css +3 -3
  8. package/components/EmptyState/empty-state.scss +3 -3
  9. package/components/InlineEdit/inline-edit.css +2 -2
  10. package/components/InlineEdit/inline-edit.scss +2 -2
  11. package/components/MenuToggle/menu-toggle.css +0 -28
  12. package/components/MenuToggle/menu-toggle.scss +0 -32
  13. package/components/ModalBox/modal-box.css +2 -0
  14. package/components/ModalBox/modal-box.scss +2 -0
  15. package/components/_index.css +16 -45
  16. package/docs/demos/Drawer/examples/Drawer.md +1 -1
  17. package/package.json +1 -1
  18. package/patternfly-no-globals.css +16 -45
  19. package/patternfly.css +16 -45
  20. package/patternfly.min.css +1 -1
  21. package/patternfly.min.css.map +1 -1
package/components/_index.css CHANGED
@@ -408,11 +408,11 @@
408
408
  --pf-v6-c-alert__action--TranslateY: 0.125rem;
409
409
  --pf-v6-c-alert__action--MarginInlineEnd: calc(var(--pf-t--global--spacer--sm) * -1);
410
410
  --pf-v6-c-alert__description--PaddingBlockStart: var(--pf-t--global--spacer--xs);
411
- --pf-v6-c-alert__action-group--PaddingBlockStart-base: var(--pf-t--global--spacer--xs);
411
+ --pf-v6-c-alert__action-group--PaddingBlockStart-base: var(--pf-t--global--spacer--sm);
412
412
  --pf-v6-c-alert__action-group--PaddingBlockStart: var(--pf-v6-c-alert__action-group--PaddingBlockStart-base);
413
413
  --pf-v6-c-alert__description--action-group--PaddingBlockStart-base: var(--pf-t--global--spacer--sm);
414
414
  --pf-v6-c-alert__description--action-group--PaddingBlockStart: var(--pf-v6-c-alert__description--action-group--PaddingBlockStart-base);
415
- --pf-v6-c-alert__action-group__c-button--not-last-child--MarginInlineEnd: var(--pf-t--global--spacer--lg);
415
+ --pf-v6-c-alert__action-group__c-button--not-last-child--MarginInlineEnd: var(--pf-t--global--spacer--gap--action-to-action--default);
416
416
  --pf-v6-c-alert--m-custom--BorderColor: var(--pf-t--global--border--color--status--custom--default);
417
417
  --pf-v6-c-alert--m-custom__icon--Color: var(--pf-t--global--icon--color--status--custom--default);
418
418
  --pf-v6-c-alert--m-custom__title--Color: var(--pf-t--global--text--color--regular);
@@ -569,15 +569,12 @@
569
569
  grid-area: actiongroup;
570
570
  padding-block-start: var(--pf-v6-c-alert__action-group--PaddingBlockStart);
571
571
  }
572
- .pf-v6-c-alert__action-group > .pf-v6-c-button {
573
- --pf-v6-c-button--m-link--m-inline--hover--TextDecoration: none;
574
- }
575
572
  .pf-v6-c-alert__action-group > .pf-v6-c-button:not(:last-child) {
576
573
  margin-inline-end: var(--pf-v6-c-alert__action-group__c-button--not-last-child--MarginInlineEnd);
577
574
  }
578
575
 
579
576
  :where(:root, .pf-v6-c-alert-group) {
580
- --pf-v6-c-alert-group__item--MarginBlockStart: var(--pf-t--global--spacer--md);
577
+ --pf-v6-c-alert-group__item--MarginBlockStart: var(--pf-t--global--spacer--gap--group--vertical);
581
578
  --pf-v6-c-alert-group--m-toast--InsetBlockStart: var(--pf-t--global--spacer--2xl);
582
579
  --pf-v6-c-alert-group--m-toast--InsetInlineEnd: var(--pf-t--global--spacer--xl);
583
580
  --pf-v6-c-alert-group--m-toast--MaxWidth: 37.5rem;
@@ -5122,7 +5119,7 @@ ul) {
5122
5119
  --pf-v6-c-drawer__panel--MinWidth: 50%;
5123
5120
  --pf-v6-c-drawer__panel--MaxHeight: auto;
5124
5121
  --pf-v6-c-drawer__panel--ZIndex: var(--pf-t--global--z-index--sm);
5125
- --pf-v6-c-drawer__panel--BackgroundColor: var(--pf-t--global--background--color--floating--default);
5122
+ --pf-v6-c-drawer__panel--BackgroundColor: var(--pf-t--global--background--color--primary--default);
5126
5123
  --pf-v6-c-drawer__panel--m-secondary--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
5127
5124
  --pf-v6-c-drawer__panel--RowGap: var(--pf-t--global--spacer--sm);
5128
5125
  --pf-v6-c-drawer__panel--PaddingBlockStart: var(--pf-t--global--spacer--sm);
@@ -5209,7 +5206,7 @@ ul) {
5209
5206
  --pf-v6-c-drawer__actions--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--compact) * -1.5);
5210
5207
  --pf-v6-c-drawer__actions--MarginInlineEnd: calc(var(--pf-t--global--spacer--control--horizontal--compact) * -1.5);
5211
5208
  --pf-v6-c-drawer__panel--BoxShadow: none;
5212
- --pf-v6-c-drawer--m-expanded--m-panel-bottom__panel--BoxShadow: var(--pf-t--global--box-shadow--lg--top);
5209
+ --pf-v6-c-drawer--m-expanded--m-panel-bottom__panel--BoxShadow: var(--pf-t--global--box-shadow--md--top);
5213
5210
  --pf-v6-c-drawer__panel--after--Width: var(--pf-t--global--border--width--divider--default);
5214
5211
  --pf-v6-c-drawer--m-panel-bottom__panel--after--Height: var(--pf-t--global--border--width--divider--default);
5215
5212
  --pf-v6-c-drawer__panel--after--BackgroundColor: transparent;
@@ -5229,19 +5226,19 @@ ul) {
5229
5226
  }
5230
5227
 
5231
5228
  .pf-v6-c-drawer {
5232
- --pf-v6-c-drawer--m-expanded__panel--BoxShadow: var(--pf-t--global--box-shadow--lg--left);
5233
- --pf-v6-c-drawer--m-expanded--m-panel-left__panel--BoxShadow: var(--pf-t--global--box-shadow--lg--right);
5229
+ --pf-v6-c-drawer--m-expanded__panel--BoxShadow: var(--pf-t--global--box-shadow--md--left);
5230
+ --pf-v6-c-drawer--m-expanded--m-panel-left__panel--BoxShadow: var(--pf-t--global--box-shadow--md--right);
5234
5231
  display: flex;
5235
5232
  flex-direction: column;
5236
5233
  height: 100%;
5237
5234
  overflow-x: hidden;
5238
5235
  }
5239
5236
  :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-drawer {
5240
- --pf-v6-c-drawer--m-expanded__panel--BoxShadow: var(--pf-t--global--box-shadow--lg--right);
5237
+ --pf-v6-c-drawer--m-expanded__panel--BoxShadow: var(--pf-t--global--box-shadow--md--right);
5241
5238
  }
5242
5239
 
5243
5240
  :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-drawer {
5244
- --pf-v6-c-drawer--m-expanded--m-panel-left__panel--BoxShadow: var(--pf-t--global--box-shadow--lg--left);
5241
+ --pf-v6-c-drawer--m-expanded--m-panel-left__panel--BoxShadow: var(--pf-t--global--box-shadow--md--left);
5245
5242
  }
5246
5243
 
5247
5244
  .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) {
@@ -5987,11 +5984,11 @@ ul) {
5987
5984
  --pf-v6-c-empty-state--m-xs__body--MarginBlockStart: var(--pf-t--global--spacer--md);
5988
5985
  --pf-v6-c-empty-state--m-xl__body--FontSize: var(--pf-t--global--font--size--body--lg);
5989
5986
  --pf-v6-c-empty-state--m-xl__body--MarginBlockStart: var(--pf-t--global--spacer--xl);
5990
- --pf-v6-c-empty-state__footer--RowGap: var(--pf-t--global--spacer--sm);
5987
+ --pf-v6-c-empty-state__footer--RowGap: var(--pf-t--global--spacer--gap--group-to-group--vertical);
5991
5988
  --pf-v6-c-empty-state__footer--MarginBlockStart: var(--pf-t--global--spacer--xl);
5992
5989
  --pf-v6-c-empty-state--m-xs__footer--MarginBlockStart: var(--pf-t--global--spacer--md);
5993
- --pf-v6-c-empty-state__actions--RowGap: var(--pf-t--global--spacer--sm);
5994
- --pf-v6-c-empty-state__actions--ColumnGap: var(--pf-t--global--spacer--md);
5990
+ --pf-v6-c-empty-state__actions--RowGap: var(--pf-t--global--spacer--gap--group--vertical);
5991
+ --pf-v6-c-empty-state__actions--ColumnGap: var(--pf-t--global--spacer--gap--action-to-action--default);
5995
5992
  }
5996
5993
 
5997
5994
  .pf-v6-c-empty-state {
@@ -7421,10 +7418,10 @@ select ~ .pf-v6-c-form-control__utilities {
7421
7418
  }
7422
7419
 
7423
7420
  :where(:root, .pf-v6-c-inline-edit) {
7424
- --pf-v6-c-inline-edit__group--item--MarginInlineEnd: var(--pf-t--global--spacer--sm);
7421
+ --pf-v6-c-inline-edit__group--item--MarginInlineEnd: var(--pf-t--global--spacer--gap--action-to-action--default);
7425
7422
  --pf-v6-c-inline-edit__action--c-button--m-valid--m-plain--Color: var(--pf-t--global--icon--color--brand--default);
7426
7423
  --pf-v6-c-inline-edit__action--c-button--m-valid--m-plain--hover--Color: var(--pf-t--global--icon--color--brand--hover);
7427
- --pf-v6-c-inline-edit__action--m-icon-group--item--MarginInlineEnd: var(--pf-t--global--spacer--sm);
7424
+ --pf-v6-c-inline-edit__action--m-icon-group--item--MarginInlineEnd: var(--pf-t--global--spacer--gap--action-to-action--plain);
7428
7425
  --pf-v6-c-inline-edit__group--m-footer--MarginBlockStart: var(--pf-t--global--spacer--xl);
7429
7426
  --pf-v6-c-inline-edit__label--m-bold--FontWeight: var(--pf-t--global--font--weight--body--bold);
7430
7427
  }
@@ -9813,9 +9810,6 @@ ul.pf-v6-c-list {
9813
9810
  --pf-v6-c-menu-toggle--hover--BorderWidth: var(--pf-t--global--border--width--action--default);
9814
9811
  --pf-v6-c-menu-toggle--hover--BorderColor: var(--pf-t--global--border--color--hover);
9815
9812
  --pf-v6-c-menu-toggle--hover__toggle-icon--Color: var(--pf-t--global--icon--color--regular);
9816
- --pf-v6-c-menu-toggle--active--BackgroundColor: var(--pf-t--global--background--color--control--default);
9817
- --pf-v6-c-menu-toggle--active--BorderWidth: var(--pf-t--global--border--width--action--clicked);
9818
- --pf-v6-c-menu-toggle--active--BorderColor: var(--pf-t--global--border--color--clicked);
9819
9813
  --pf-v6-c-menu-toggle--expanded--Color: var(--pf-t--global--text--color--regular);
9820
9814
  --pf-v6-c-menu-toggle--expanded--BackgroundColor: var(--pf-t--global--background--color--control--default);
9821
9815
  --pf-v6-c-menu-toggle--expanded--BorderWidth: var(--pf-t--global--border--width--action--clicked);
@@ -9843,9 +9837,6 @@ ul.pf-v6-c-list {
9843
9837
  --pf-v6-c-menu-toggle--m-primary--hover--Color: var(--pf-t--global--text--color--on-brand--hover);
9844
9838
  --pf-v6-c-menu-toggle--m-primary--hover--BackgroundColor: var(--pf-t--global--color--brand--hover);
9845
9839
  --pf-v6-c-menu-toggle--m-primary--hover--BorderColor: transparent;
9846
- --pf-v6-c-menu-toggle--m-primary--active--Color: var(--pf-t--global--text--color--on-brand--clicked);
9847
- --pf-v6-c-menu-toggle--m-primary--active--BackgroundColor: var(--pf-t--global--color--brand--clicked);
9848
- --pf-v6-c-menu-toggle--m-primary--active--BorderColor: transparent;
9849
9840
  --pf-v6-c-menu-toggle--m-primary--expanded--Color: var(--pf-t--global--text--color--on-brand--clicked);
9850
9841
  --pf-v6-c-menu-toggle--m-primary--expanded--BackgroundColor: var(--pf-t--global--color--brand--clicked);
9851
9842
  --pf-v6-c-menu-toggle--m-primary--expanded--BorderColor: transparent;
@@ -9860,9 +9851,6 @@ ul.pf-v6-c-list {
9860
9851
  --pf-v6-c-menu-toggle--m-secondary--hover--Color: var(--pf-t--global--text--color--brand--hover);
9861
9852
  --pf-v6-c-menu-toggle--m-secondary--hover--BorderWidth: var(--pf-t--global--border--width--action--hover);
9862
9853
  --pf-v6-c-menu-toggle--m-secondary--hover--BorderColor: var(--pf-t--global--border--color--brand--hover);
9863
- --pf-v6-c-menu-toggle--m-secondary--active--Color: var(--pf-t--global--text--color--brand--clicked);
9864
- --pf-v6-c-menu-toggle--m-secondary--active--BorderWidth: var(--pf-t--global--border--width--action--clicked);
9865
- --pf-v6-c-menu-toggle--m-secondary--active--BorderColor: var(--pf-t--global--border--color--brand--clicked);
9866
9854
  --pf-v6-c-menu-toggle--m-secondary--expanded--Color: var(--pf-t--global--text--color--brand--clicked);
9867
9855
  --pf-v6-c-menu-toggle--m-secondary--expanded--BorderWidth: var(--pf-t--global--border--width--action--clicked);
9868
9856
  --pf-v6-c-menu-toggle--m-secondary--expanded--BorderColor: var(--pf-t--global--border--color--brand--clicked);
@@ -9880,7 +9868,6 @@ ul.pf-v6-c-list {
9880
9868
  --pf-v6-c-menu-toggle--m-split-button--m-action--child--disabled--BorderInlineStartColor: var(--pf-t--global--icon--color--on-disabled);
9881
9869
  --pf-v6-c-menu-toggle--m-split-button--m-action--m-primary--child--BackgroundColor: var(--pf-t--global--color--brand--default);
9882
9870
  --pf-v6-c-menu-toggle--m-split-button--m-action--m-primary--child--hover--BackgroundColor: var(--pf-t--global--color--brand--hover);
9883
- --pf-v6-c-menu-toggle--m-split-button--m-action--m-primary--child--active--BackgroundColor: var(--pf-t--global--color--brand--clicked);
9884
9871
  --pf-v6-c-menu-toggle--m-split-button--m-action--m-primary--child--BorderInlineStartColor: var(--pf-t--global--border--color--default);
9885
9872
  --pf-v6-c-menu-toggle--m-split-button--m-action--m-primary--expanded--child--BackgroundColor: var(--pf-t--global--color--brand--clicked);
9886
9873
  --pf-v6-c-menu-toggle--m-split-button--m-action--m-secondary--child--BorderInlineStartColor: var(--pf-t--global--color--brand--default);
@@ -9893,7 +9880,6 @@ ul.pf-v6-c-list {
9893
9880
  --pf-v6-c-menu-toggle--m-plain--BackgroundColor: var(--pf-t--global--background--color--action--plain--default);
9894
9881
  --pf-v6-c-menu-toggle--m-plain--BorderColor: transparent;
9895
9882
  --pf-v6-c-menu-toggle--m-plain--hover--BackgroundColor: var(--pf-t--global--background--color--action--plain--hover);
9896
- --pf-v6-c-menu-toggle--m-plain--active--BackgroundColor: var(--pf-t--global--background--color--action--plain--clicked);
9897
9883
  --pf-v6-c-menu-toggle--m-plain--expanded--BackgroundColor: var(--pf-t--global--background--color--action--plain--clicked);
9898
9884
  --pf-v6-c-menu-toggle--m-plain--disabled--Color: var(--pf-t--global--icon--color--disabled);
9899
9885
  --pf-v6-c-menu-toggle--m-plain--disabled--BackgroundColor: transparent;
@@ -9960,9 +9946,6 @@ ul.pf-v6-c-list {
9960
9946
  --pf-v6-c-menu-toggle--hover--Color: var(--pf-v6-c-menu-toggle--m-primary--hover--Color);
9961
9947
  --pf-v6-c-menu-toggle--hover--BackgroundColor: var(--pf-v6-c-menu-toggle--m-primary--hover--BackgroundColor);
9962
9948
  --pf-v6-c-menu-toggle--hover--BorderColor: var(--pf-v6-c-menu-toggle--m-primary--hover--BorderColor);
9963
- --pf-v6-c-menu-toggle--active--Color: var(--pf-v6-c-menu-toggle--m-primary--active--Color);
9964
- --pf-v6-c-menu-toggle--active--BackgroundColor: var(--pf-v6-c-menu-toggle--m-primary--active--BackgroundColor);
9965
- --pf-v6-c-menu-toggle--active--BorderColor: var(--pf-v6-c-menu-toggle--m-primary--active--BorderColor);
9966
9949
  --pf-v6-c-menu-toggle--expanded--Color: var(--pf-v6-c-menu-toggle--m-primary--expanded--Color);
9967
9950
  --pf-v6-c-menu-toggle--expanded--BackgroundColor: var(--pf-v6-c-menu-toggle--m-primary--expanded--BackgroundColor);
9968
9951
  --pf-v6-c-menu-toggle--expanded--BorderColor: var(--pf-v6-c-menu-toggle--m-primary--expanded--BorderColor);
@@ -9978,9 +9961,6 @@ ul.pf-v6-c-list {
9978
9961
  --pf-v6-c-menu-toggle--hover--Color: var(--pf-v6-c-menu-toggle--m-secondary--hover--Color);
9979
9962
  --pf-v6-c-menu-toggle--hover--BorderWidth: var(--pf-v6-c-menu-toggle--m-secondary--hover--BorderWidth);
9980
9963
  --pf-v6-c-menu-toggle--hover--BorderColor: var(--pf-v6-c-menu-toggle--m-secondary--hover--BorderColor);
9981
- --pf-v6-c-menu-toggle--active--Color: var(--pf-v6-c-menu-toggle--m-secondary--active--Color);
9982
- --pf-v6-c-menu-toggle--active--BorderWidth: var(--pf-v6-c-menu-toggle--m-secondary--active--BorderWidth);
9983
- --pf-v6-c-menu-toggle--active--BorderColor: var(--pf-v6-c-menu-toggle--m-secondary--active--BorderColor);
9984
9964
  --pf-v6-c-menu-toggle--expanded--Color: var(--pf-v6-c-menu-toggle--m-secondary--expanded--Color);
9985
9965
  --pf-v6-c-menu-toggle--expanded--BorderWidth: var(--pf-v6-c-menu-toggle--m-secondary--expanded--BorderWidth);
9986
9966
  --pf-v6-c-menu-toggle--hover__toggle-icon--Color: var(--pf-v6-c-menu-toggle--m-secondary--hover__toggle-icon--Color);
@@ -10002,7 +9982,6 @@ ul.pf-v6-c-list {
10002
9982
  --pf-v6-c-menu-toggle--BorderColor: var(--pf-v6-c-menu-toggle--m-plain--BorderColor);
10003
9983
  --pf-v6-c-menu-toggle--BackgroundColor: var(--pf-v6-c-menu-toggle--m-plain--BackgroundColor);
10004
9984
  --pf-v6-c-menu-toggle--hover--BackgroundColor: var(--pf-v6-c-menu-toggle--m-plain--hover--BackgroundColor);
10005
- --pf-v6-c-menu-toggle--active--BackgroundColor: var(--pf-v6-c-menu-toggle--m-plain--active--BackgroundColor);
10006
9985
  --pf-v6-c-menu-toggle--expanded--BackgroundColor: var(--pf-v6-c-menu-toggle--m-plain--expanded--BackgroundColor);
10007
9986
  --pf-v6-c-menu-toggle--disabled--Color: var(--pf-v6-c-menu-toggle--m-plain--disabled--Color);
10008
9987
  --pf-v6-c-menu-toggle--disabled--BackgroundColor: var(--pf-v6-c-menu-toggle--m-plain--disabled--BackgroundColor);
@@ -10024,13 +10003,6 @@ ul.pf-v6-c-list {
10024
10003
  --pf-v6-c-menu-toggle--BorderColor: var(--pf-v6-c-menu-toggle--expanded--BorderColor);
10025
10004
  --pf-v6-c-menu-toggle__toggle-icon--Color: var(--pf-v6-c-menu-toggle--expanded__toggle-icon--Color);
10026
10005
  }
10027
- .pf-v6-c-menu-toggle:is(:active, .pf-m-active) {
10028
- --pf-v6-c-menu-toggle--Color: var(--pf-v6-c-menu-toggle--active--Color);
10029
- --pf-v6-c-menu-toggle--BackgroundColor: var(--pf-v6-c-menu-toggle--active--BackgroundColor);
10030
- --pf-v6-c-menu-toggle--BorderWidth: var(--pf-v6-c-menu-toggle--active--BorderWidth);
10031
- --pf-v6-c-menu-toggle--BorderColor: var(--pf-v6-c-menu-toggle--active--BorderColor);
10032
- --pf-v6-c-menu-toggle__toggle-icon--Color: var(--pf-v6-c-menu-toggle--active__toggle-icon--Color);
10033
- }
10034
10006
  .pf-v6-c-menu-toggle:is(:disabled, .pf-m-disabled) {
10035
10007
  --pf-v6-c-menu-toggle--Color: var(--pf-v6-c-menu-toggle--disabled--Color);
10036
10008
  --pf-v6-c-menu-toggle--BackgroundColor: var(--pf-v6-c-menu-toggle--disabled--BackgroundColor);
@@ -10117,9 +10089,6 @@ ul.pf-v6-c-list {
10117
10089
  .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) {
10118
10090
  --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);
10119
10091
  }
10120
- .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) {
10121
- --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);
10122
- }
10123
10092
  .pf-v6-c-menu-toggle.pf-m-split-button.pf-m-action.pf-m-primary.pf-m-expanded {
10124
10093
  --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);
10125
10094
  }
@@ -10240,6 +10209,7 @@ ul.pf-v6-c-list {
10240
10209
  --pf-v6-c-modal-box__header-main--Gap: var(--pf-t--global--spacer--md);
10241
10210
  --pf-v6-c-modal-box__title--LineHeight: var(--pf-t--global--font--line-height--heading);
10242
10211
  --pf-v6-c-modal-box__title--FontFamily: var(--pf-t--global--font--family--heading);
10212
+ --pf-v6-c-modal-box__title--FontWeight: var(--pf-t--global--font--weight--heading);
10243
10213
  --pf-v6-c-modal-box__title--FontSize: var(--pf-t--global--font--size--heading--md);
10244
10214
  --pf-v6-c-modal-box__title-icon--MarginInlineEnd: var(--pf-t--global--spacer--sm);
10245
10215
  --pf-v6-c-modal-box__title-icon--Color: var(--pf-t--global--icon--color--regular);
@@ -10361,6 +10331,7 @@ ul.pf-v6-c-list {
10361
10331
  flex: 0 0 auto;
10362
10332
  font-family: var(--pf-v6-c-modal-box__title--FontFamily);
10363
10333
  font-size: var(--pf-v6-c-modal-box__title--FontSize);
10334
+ font-weight: var(--pf-v6-c-modal-box__title--FontWeight);
10364
10335
  line-height: var(--pf-v6-c-modal-box__title--LineHeight);
10365
10336
  }
10366
10337
  .pf-v6-c-modal-box__title.pf-m-icon {
package/docs/demos/Drawer/examples/Drawer.md CHANGED
@@ -1118,7 +1118,7 @@ wrapperTag: div
1118
1118
 
1119
1119
  ```
1120
1120
 
1121
- ### Drawer with jump links
1121
+ ### Collapsed drawer with jump links
1122
1122
 
1123
1123
  ```html isFullscreen
1124
1124
  <div class="pf-v6-c-page" id="drawer-jump-links">
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@patternfly/patternfly",
3
3
  "description": "Assets, source, tooling, and content for PatternFly 4",
4
- "version": "6.0.0-alpha.177",
4
+ "version": "6.0.0-alpha.178",
5
5
  "keywords": [],
6
6
  "license": "MIT",
7
7
  "scripts": {
package/patternfly-no-globals.css CHANGED
@@ -6471,11 +6471,11 @@
6471
6471
  --pf-v6-c-alert__action--TranslateY: 0.125rem;
6472
6472
  --pf-v6-c-alert__action--MarginInlineEnd: calc(var(--pf-t--global--spacer--sm) * -1);
6473
6473
  --pf-v6-c-alert__description--PaddingBlockStart: var(--pf-t--global--spacer--xs);
6474
- --pf-v6-c-alert__action-group--PaddingBlockStart-base: var(--pf-t--global--spacer--xs);
6474
+ --pf-v6-c-alert__action-group--PaddingBlockStart-base: var(--pf-t--global--spacer--sm);
6475
6475
  --pf-v6-c-alert__action-group--PaddingBlockStart: var(--pf-v6-c-alert__action-group--PaddingBlockStart-base);
6476
6476
  --pf-v6-c-alert__description--action-group--PaddingBlockStart-base: var(--pf-t--global--spacer--sm);
6477
6477
  --pf-v6-c-alert__description--action-group--PaddingBlockStart: var(--pf-v6-c-alert__description--action-group--PaddingBlockStart-base);
6478
- --pf-v6-c-alert__action-group__c-button--not-last-child--MarginInlineEnd: var(--pf-t--global--spacer--lg);
6478
+ --pf-v6-c-alert__action-group__c-button--not-last-child--MarginInlineEnd: var(--pf-t--global--spacer--gap--action-to-action--default);
6479
6479
  --pf-v6-c-alert--m-custom--BorderColor: var(--pf-t--global--border--color--status--custom--default);
6480
6480
  --pf-v6-c-alert--m-custom__icon--Color: var(--pf-t--global--icon--color--status--custom--default);
6481
6481
  --pf-v6-c-alert--m-custom__title--Color: var(--pf-t--global--text--color--regular);
@@ -6632,15 +6632,12 @@
6632
6632
  grid-area: actiongroup;
6633
6633
  padding-block-start: var(--pf-v6-c-alert__action-group--PaddingBlockStart);
6634
6634
  }
6635
- .pf-v6-c-alert__action-group > .pf-v6-c-button {
6636
- --pf-v6-c-button--m-link--m-inline--hover--TextDecoration: none;
6637
- }
6638
6635
  .pf-v6-c-alert__action-group > .pf-v6-c-button:not(:last-child) {
6639
6636
  margin-inline-end: var(--pf-v6-c-alert__action-group__c-button--not-last-child--MarginInlineEnd);
6640
6637
  }
6641
6638
 
6642
6639
  :where(:root, .pf-v6-c-alert-group) {
6643
- --pf-v6-c-alert-group__item--MarginBlockStart: var(--pf-t--global--spacer--md);
6640
+ --pf-v6-c-alert-group__item--MarginBlockStart: var(--pf-t--global--spacer--gap--group--vertical);
6644
6641
  --pf-v6-c-alert-group--m-toast--InsetBlockStart: var(--pf-t--global--spacer--2xl);
6645
6642
  --pf-v6-c-alert-group--m-toast--InsetInlineEnd: var(--pf-t--global--spacer--xl);
6646
6643
  --pf-v6-c-alert-group--m-toast--MaxWidth: 37.5rem;
@@ -11185,7 +11182,7 @@ ul) {
11185
11182
  --pf-v6-c-drawer__panel--MinWidth: 50%;
11186
11183
  --pf-v6-c-drawer__panel--MaxHeight: auto;
11187
11184
  --pf-v6-c-drawer__panel--ZIndex: var(--pf-t--global--z-index--sm);
11188
- --pf-v6-c-drawer__panel--BackgroundColor: var(--pf-t--global--background--color--floating--default);
11185
+ --pf-v6-c-drawer__panel--BackgroundColor: var(--pf-t--global--background--color--primary--default);
11189
11186
  --pf-v6-c-drawer__panel--m-secondary--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
11190
11187
  --pf-v6-c-drawer__panel--RowGap: var(--pf-t--global--spacer--sm);
11191
11188
  --pf-v6-c-drawer__panel--PaddingBlockStart: var(--pf-t--global--spacer--sm);
@@ -11272,7 +11269,7 @@ ul) {
11272
11269
  --pf-v6-c-drawer__actions--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--compact) * -1.5);
11273
11270
  --pf-v6-c-drawer__actions--MarginInlineEnd: calc(var(--pf-t--global--spacer--control--horizontal--compact) * -1.5);
11274
11271
  --pf-v6-c-drawer__panel--BoxShadow: none;
11275
- --pf-v6-c-drawer--m-expanded--m-panel-bottom__panel--BoxShadow: var(--pf-t--global--box-shadow--lg--top);
11272
+ --pf-v6-c-drawer--m-expanded--m-panel-bottom__panel--BoxShadow: var(--pf-t--global--box-shadow--md--top);
11276
11273
  --pf-v6-c-drawer__panel--after--Width: var(--pf-t--global--border--width--divider--default);
11277
11274
  --pf-v6-c-drawer--m-panel-bottom__panel--after--Height: var(--pf-t--global--border--width--divider--default);
11278
11275
  --pf-v6-c-drawer__panel--after--BackgroundColor: transparent;
@@ -11292,19 +11289,19 @@ ul) {
11292
11289
  }
11293
11290
 
11294
11291
  .pf-v6-c-drawer {
11295
- --pf-v6-c-drawer--m-expanded__panel--BoxShadow: var(--pf-t--global--box-shadow--lg--left);
11296
- --pf-v6-c-drawer--m-expanded--m-panel-left__panel--BoxShadow: var(--pf-t--global--box-shadow--lg--right);
11292
+ --pf-v6-c-drawer--m-expanded__panel--BoxShadow: var(--pf-t--global--box-shadow--md--left);
11293
+ --pf-v6-c-drawer--m-expanded--m-panel-left__panel--BoxShadow: var(--pf-t--global--box-shadow--md--right);
11297
11294
  display: flex;
11298
11295
  flex-direction: column;
11299
11296
  height: 100%;
11300
11297
  overflow-x: hidden;
11301
11298
  }
11302
11299
  :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-drawer {
11303
- --pf-v6-c-drawer--m-expanded__panel--BoxShadow: var(--pf-t--global--box-shadow--lg--right);
11300
+ --pf-v6-c-drawer--m-expanded__panel--BoxShadow: var(--pf-t--global--box-shadow--md--right);
11304
11301
  }
11305
11302
 
11306
11303
  :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-drawer {
11307
- --pf-v6-c-drawer--m-expanded--m-panel-left__panel--BoxShadow: var(--pf-t--global--box-shadow--lg--left);
11304
+ --pf-v6-c-drawer--m-expanded--m-panel-left__panel--BoxShadow: var(--pf-t--global--box-shadow--md--left);
11308
11305
  }
11309
11306
 
11310
11307
  .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) {
@@ -12050,11 +12047,11 @@ ul) {
12050
12047
  --pf-v6-c-empty-state--m-xs__body--MarginBlockStart: var(--pf-t--global--spacer--md);
12051
12048
  --pf-v6-c-empty-state--m-xl__body--FontSize: var(--pf-t--global--font--size--body--lg);
12052
12049
  --pf-v6-c-empty-state--m-xl__body--MarginBlockStart: var(--pf-t--global--spacer--xl);
12053
- --pf-v6-c-empty-state__footer--RowGap: var(--pf-t--global--spacer--sm);
12050
+ --pf-v6-c-empty-state__footer--RowGap: var(--pf-t--global--spacer--gap--group-to-group--vertical);
12054
12051
  --pf-v6-c-empty-state__footer--MarginBlockStart: var(--pf-t--global--spacer--xl);
12055
12052
  --pf-v6-c-empty-state--m-xs__footer--MarginBlockStart: var(--pf-t--global--spacer--md);
12056
- --pf-v6-c-empty-state__actions--RowGap: var(--pf-t--global--spacer--sm);
12057
- --pf-v6-c-empty-state__actions--ColumnGap: var(--pf-t--global--spacer--md);
12053
+ --pf-v6-c-empty-state__actions--RowGap: var(--pf-t--global--spacer--gap--group--vertical);
12054
+ --pf-v6-c-empty-state__actions--ColumnGap: var(--pf-t--global--spacer--gap--action-to-action--default);
12058
12055
  }
12059
12056
 
12060
12057
  .pf-v6-c-empty-state {
@@ -13484,10 +13481,10 @@ select ~ .pf-v6-c-form-control__utilities {
13484
13481
  }
13485
13482
 
13486
13483
  :where(:root, .pf-v6-c-inline-edit) {
13487
- --pf-v6-c-inline-edit__group--item--MarginInlineEnd: var(--pf-t--global--spacer--sm);
13484
+ --pf-v6-c-inline-edit__group--item--MarginInlineEnd: var(--pf-t--global--spacer--gap--action-to-action--default);
13488
13485
  --pf-v6-c-inline-edit__action--c-button--m-valid--m-plain--Color: var(--pf-t--global--icon--color--brand--default);
13489
13486
  --pf-v6-c-inline-edit__action--c-button--m-valid--m-plain--hover--Color: var(--pf-t--global--icon--color--brand--hover);
13490
- --pf-v6-c-inline-edit__action--m-icon-group--item--MarginInlineEnd: var(--pf-t--global--spacer--sm);
13487
+ --pf-v6-c-inline-edit__action--m-icon-group--item--MarginInlineEnd: var(--pf-t--global--spacer--gap--action-to-action--plain);
13491
13488
  --pf-v6-c-inline-edit__group--m-footer--MarginBlockStart: var(--pf-t--global--spacer--xl);
13492
13489
  --pf-v6-c-inline-edit__label--m-bold--FontWeight: var(--pf-t--global--font--weight--body--bold);
13493
13490
  }
@@ -15876,9 +15873,6 @@ ul.pf-v6-c-list {
15876
15873
  --pf-v6-c-menu-toggle--hover--BorderWidth: var(--pf-t--global--border--width--action--default);
15877
15874
  --pf-v6-c-menu-toggle--hover--BorderColor: var(--pf-t--global--border--color--hover);
15878
15875
  --pf-v6-c-menu-toggle--hover__toggle-icon--Color: var(--pf-t--global--icon--color--regular);
15879
- --pf-v6-c-menu-toggle--active--BackgroundColor: var(--pf-t--global--background--color--control--default);
15880
- --pf-v6-c-menu-toggle--active--BorderWidth: var(--pf-t--global--border--width--action--clicked);
15881
- --pf-v6-c-menu-toggle--active--BorderColor: var(--pf-t--global--border--color--clicked);
15882
15876
  --pf-v6-c-menu-toggle--expanded--Color: var(--pf-t--global--text--color--regular);
15883
15877
  --pf-v6-c-menu-toggle--expanded--BackgroundColor: var(--pf-t--global--background--color--control--default);
15884
15878
  --pf-v6-c-menu-toggle--expanded--BorderWidth: var(--pf-t--global--border--width--action--clicked);
@@ -15906,9 +15900,6 @@ ul.pf-v6-c-list {
15906
15900
  --pf-v6-c-menu-toggle--m-primary--hover--Color: var(--pf-t--global--text--color--on-brand--hover);
15907
15901
  --pf-v6-c-menu-toggle--m-primary--hover--BackgroundColor: var(--pf-t--global--color--brand--hover);
15908
15902
  --pf-v6-c-menu-toggle--m-primary--hover--BorderColor: transparent;
15909
- --pf-v6-c-menu-toggle--m-primary--active--Color: var(--pf-t--global--text--color--on-brand--clicked);
15910
- --pf-v6-c-menu-toggle--m-primary--active--BackgroundColor: var(--pf-t--global--color--brand--clicked);
15911
- --pf-v6-c-menu-toggle--m-primary--active--BorderColor: transparent;
15912
15903
  --pf-v6-c-menu-toggle--m-primary--expanded--Color: var(--pf-t--global--text--color--on-brand--clicked);
15913
15904
  --pf-v6-c-menu-toggle--m-primary--expanded--BackgroundColor: var(--pf-t--global--color--brand--clicked);
15914
15905
  --pf-v6-c-menu-toggle--m-primary--expanded--BorderColor: transparent;
@@ -15923,9 +15914,6 @@ ul.pf-v6-c-list {
15923
15914
  --pf-v6-c-menu-toggle--m-secondary--hover--Color: var(--pf-t--global--text--color--brand--hover);
15924
15915
  --pf-v6-c-menu-toggle--m-secondary--hover--BorderWidth: var(--pf-t--global--border--width--action--hover);
15925
15916
  --pf-v6-c-menu-toggle--m-secondary--hover--BorderColor: var(--pf-t--global--border--color--brand--hover);
15926
- --pf-v6-c-menu-toggle--m-secondary--active--Color: var(--pf-t--global--text--color--brand--clicked);
15927
- --pf-v6-c-menu-toggle--m-secondary--active--BorderWidth: var(--pf-t--global--border--width--action--clicked);
15928
- --pf-v6-c-menu-toggle--m-secondary--active--BorderColor: var(--pf-t--global--border--color--brand--clicked);
15929
15917
  --pf-v6-c-menu-toggle--m-secondary--expanded--Color: var(--pf-t--global--text--color--brand--clicked);
15930
15918
  --pf-v6-c-menu-toggle--m-secondary--expanded--BorderWidth: var(--pf-t--global--border--width--action--clicked);
15931
15919
  --pf-v6-c-menu-toggle--m-secondary--expanded--BorderColor: var(--pf-t--global--border--color--brand--clicked);
@@ -15943,7 +15931,6 @@ ul.pf-v6-c-list {
15943
15931
  --pf-v6-c-menu-toggle--m-split-button--m-action--child--disabled--BorderInlineStartColor: var(--pf-t--global--icon--color--on-disabled);
15944
15932
  --pf-v6-c-menu-toggle--m-split-button--m-action--m-primary--child--BackgroundColor: var(--pf-t--global--color--brand--default);
15945
15933
  --pf-v6-c-menu-toggle--m-split-button--m-action--m-primary--child--hover--BackgroundColor: var(--pf-t--global--color--brand--hover);
15946
- --pf-v6-c-menu-toggle--m-split-button--m-action--m-primary--child--active--BackgroundColor: var(--pf-t--global--color--brand--clicked);
15947
15934
  --pf-v6-c-menu-toggle--m-split-button--m-action--m-primary--child--BorderInlineStartColor: var(--pf-t--global--border--color--default);
15948
15935
  --pf-v6-c-menu-toggle--m-split-button--m-action--m-primary--expanded--child--BackgroundColor: var(--pf-t--global--color--brand--clicked);
15949
15936
  --pf-v6-c-menu-toggle--m-split-button--m-action--m-secondary--child--BorderInlineStartColor: var(--pf-t--global--color--brand--default);
@@ -15956,7 +15943,6 @@ ul.pf-v6-c-list {
15956
15943
  --pf-v6-c-menu-toggle--m-plain--BackgroundColor: var(--pf-t--global--background--color--action--plain--default);
15957
15944
  --pf-v6-c-menu-toggle--m-plain--BorderColor: transparent;
15958
15945
  --pf-v6-c-menu-toggle--m-plain--hover--BackgroundColor: var(--pf-t--global--background--color--action--plain--hover);
15959
- --pf-v6-c-menu-toggle--m-plain--active--BackgroundColor: var(--pf-t--global--background--color--action--plain--clicked);
15960
15946
  --pf-v6-c-menu-toggle--m-plain--expanded--BackgroundColor: var(--pf-t--global--background--color--action--plain--clicked);
15961
15947
  --pf-v6-c-menu-toggle--m-plain--disabled--Color: var(--pf-t--global--icon--color--disabled);
15962
15948
  --pf-v6-c-menu-toggle--m-plain--disabled--BackgroundColor: transparent;
@@ -16023,9 +16009,6 @@ ul.pf-v6-c-list {
16023
16009
  --pf-v6-c-menu-toggle--hover--Color: var(--pf-v6-c-menu-toggle--m-primary--hover--Color);
16024
16010
  --pf-v6-c-menu-toggle--hover--BackgroundColor: var(--pf-v6-c-menu-toggle--m-primary--hover--BackgroundColor);
16025
16011
  --pf-v6-c-menu-toggle--hover--BorderColor: var(--pf-v6-c-menu-toggle--m-primary--hover--BorderColor);
16026
- --pf-v6-c-menu-toggle--active--Color: var(--pf-v6-c-menu-toggle--m-primary--active--Color);
16027
- --pf-v6-c-menu-toggle--active--BackgroundColor: var(--pf-v6-c-menu-toggle--m-primary--active--BackgroundColor);
16028
- --pf-v6-c-menu-toggle--active--BorderColor: var(--pf-v6-c-menu-toggle--m-primary--active--BorderColor);
16029
16012
  --pf-v6-c-menu-toggle--expanded--Color: var(--pf-v6-c-menu-toggle--m-primary--expanded--Color);
16030
16013
  --pf-v6-c-menu-toggle--expanded--BackgroundColor: var(--pf-v6-c-menu-toggle--m-primary--expanded--BackgroundColor);
16031
16014
  --pf-v6-c-menu-toggle--expanded--BorderColor: var(--pf-v6-c-menu-toggle--m-primary--expanded--BorderColor);
@@ -16041,9 +16024,6 @@ ul.pf-v6-c-list {
16041
16024
  --pf-v6-c-menu-toggle--hover--Color: var(--pf-v6-c-menu-toggle--m-secondary--hover--Color);
16042
16025
  --pf-v6-c-menu-toggle--hover--BorderWidth: var(--pf-v6-c-menu-toggle--m-secondary--hover--BorderWidth);
16043
16026
  --pf-v6-c-menu-toggle--hover--BorderColor: var(--pf-v6-c-menu-toggle--m-secondary--hover--BorderColor);
16044
- --pf-v6-c-menu-toggle--active--Color: var(--pf-v6-c-menu-toggle--m-secondary--active--Color);
16045
- --pf-v6-c-menu-toggle--active--BorderWidth: var(--pf-v6-c-menu-toggle--m-secondary--active--BorderWidth);
16046
- --pf-v6-c-menu-toggle--active--BorderColor: var(--pf-v6-c-menu-toggle--m-secondary--active--BorderColor);
16047
16027
  --pf-v6-c-menu-toggle--expanded--Color: var(--pf-v6-c-menu-toggle--m-secondary--expanded--Color);
16048
16028
  --pf-v6-c-menu-toggle--expanded--BorderWidth: var(--pf-v6-c-menu-toggle--m-secondary--expanded--BorderWidth);
16049
16029
  --pf-v6-c-menu-toggle--hover__toggle-icon--Color: var(--pf-v6-c-menu-toggle--m-secondary--hover__toggle-icon--Color);
@@ -16065,7 +16045,6 @@ ul.pf-v6-c-list {
16065
16045
  --pf-v6-c-menu-toggle--BorderColor: var(--pf-v6-c-menu-toggle--m-plain--BorderColor);
16066
16046
  --pf-v6-c-menu-toggle--BackgroundColor: var(--pf-v6-c-menu-toggle--m-plain--BackgroundColor);
16067
16047
  --pf-v6-c-menu-toggle--hover--BackgroundColor: var(--pf-v6-c-menu-toggle--m-plain--hover--BackgroundColor);
16068
- --pf-v6-c-menu-toggle--active--BackgroundColor: var(--pf-v6-c-menu-toggle--m-plain--active--BackgroundColor);
16069
16048
  --pf-v6-c-menu-toggle--expanded--BackgroundColor: var(--pf-v6-c-menu-toggle--m-plain--expanded--BackgroundColor);
16070
16049
  --pf-v6-c-menu-toggle--disabled--Color: var(--pf-v6-c-menu-toggle--m-plain--disabled--Color);
16071
16050
  --pf-v6-c-menu-toggle--disabled--BackgroundColor: var(--pf-v6-c-menu-toggle--m-plain--disabled--BackgroundColor);
@@ -16087,13 +16066,6 @@ ul.pf-v6-c-list {
16087
16066
  --pf-v6-c-menu-toggle--BorderColor: var(--pf-v6-c-menu-toggle--expanded--BorderColor);
16088
16067
  --pf-v6-c-menu-toggle__toggle-icon--Color: var(--pf-v6-c-menu-toggle--expanded__toggle-icon--Color);
16089
16068
  }
16090
- .pf-v6-c-menu-toggle:is(:active, .pf-m-active) {
16091
- --pf-v6-c-menu-toggle--Color: var(--pf-v6-c-menu-toggle--active--Color);
16092
- --pf-v6-c-menu-toggle--BackgroundColor: var(--pf-v6-c-menu-toggle--active--BackgroundColor);
16093
- --pf-v6-c-menu-toggle--BorderWidth: var(--pf-v6-c-menu-toggle--active--BorderWidth);
16094
- --pf-v6-c-menu-toggle--BorderColor: var(--pf-v6-c-menu-toggle--active--BorderColor);
16095
- --pf-v6-c-menu-toggle__toggle-icon--Color: var(--pf-v6-c-menu-toggle--active__toggle-icon--Color);
16096
- }
16097
16069
  .pf-v6-c-menu-toggle:is(:disabled, .pf-m-disabled) {
16098
16070
  --pf-v6-c-menu-toggle--Color: var(--pf-v6-c-menu-toggle--disabled--Color);
16099
16071
  --pf-v6-c-menu-toggle--BackgroundColor: var(--pf-v6-c-menu-toggle--disabled--BackgroundColor);
@@ -16180,9 +16152,6 @@ ul.pf-v6-c-list {
16180
16152
  .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) {
16181
16153
  --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);
16182
16154
  }
16183
- .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) {
16184
- --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);
16185
- }
16186
16155
  .pf-v6-c-menu-toggle.pf-m-split-button.pf-m-action.pf-m-primary.pf-m-expanded {
16187
16156
  --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);
16188
16157
  }
@@ -16303,6 +16272,7 @@ ul.pf-v6-c-list {
16303
16272
  --pf-v6-c-modal-box__header-main--Gap: var(--pf-t--global--spacer--md);
16304
16273
  --pf-v6-c-modal-box__title--LineHeight: var(--pf-t--global--font--line-height--heading);
16305
16274
  --pf-v6-c-modal-box__title--FontFamily: var(--pf-t--global--font--family--heading);
16275
+ --pf-v6-c-modal-box__title--FontWeight: var(--pf-t--global--font--weight--heading);
16306
16276
  --pf-v6-c-modal-box__title--FontSize: var(--pf-t--global--font--size--heading--md);
16307
16277
  --pf-v6-c-modal-box__title-icon--MarginInlineEnd: var(--pf-t--global--spacer--sm);
16308
16278
  --pf-v6-c-modal-box__title-icon--Color: var(--pf-t--global--icon--color--regular);
@@ -16424,6 +16394,7 @@ ul.pf-v6-c-list {
16424
16394
  flex: 0 0 auto;
16425
16395
  font-family: var(--pf-v6-c-modal-box__title--FontFamily);
16426
16396
  font-size: var(--pf-v6-c-modal-box__title--FontSize);
16397
+ font-weight: var(--pf-v6-c-modal-box__title--FontWeight);
16427
16398
  line-height: var(--pf-v6-c-modal-box__title--LineHeight);
16428
16399
  }
16429
16400
  .pf-v6-c-modal-box__title.pf-m-icon {