@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/patternfly.css CHANGED
@@ -6592,11 +6592,11 @@ button) {
6592
6592
  --pf-v6-c-alert__action--TranslateY: 0.125rem;
6593
6593
  --pf-v6-c-alert__action--MarginInlineEnd: calc(var(--pf-t--global--spacer--sm) * -1);
6594
6594
  --pf-v6-c-alert__description--PaddingBlockStart: var(--pf-t--global--spacer--xs);
6595
- --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);
6596
6596
  --pf-v6-c-alert__action-group--PaddingBlockStart: var(--pf-v6-c-alert__action-group--PaddingBlockStart-base);
6597
6597
  --pf-v6-c-alert__description--action-group--PaddingBlockStart-base: var(--pf-t--global--spacer--sm);
6598
6598
  --pf-v6-c-alert__description--action-group--PaddingBlockStart: var(--pf-v6-c-alert__description--action-group--PaddingBlockStart-base);
6599
- --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);
6600
6600
  --pf-v6-c-alert--m-custom--BorderColor: var(--pf-t--global--border--color--status--custom--default);
6601
6601
  --pf-v6-c-alert--m-custom__icon--Color: var(--pf-t--global--icon--color--status--custom--default);
6602
6602
  --pf-v6-c-alert--m-custom__title--Color: var(--pf-t--global--text--color--regular);
@@ -6753,15 +6753,12 @@ button) {
6753
6753
  grid-area: actiongroup;
6754
6754
  padding-block-start: var(--pf-v6-c-alert__action-group--PaddingBlockStart);
6755
6755
  }
6756
- .pf-v6-c-alert__action-group > .pf-v6-c-button {
6757
- --pf-v6-c-button--m-link--m-inline--hover--TextDecoration: none;
6758
- }
6759
6756
  .pf-v6-c-alert__action-group > .pf-v6-c-button:not(:last-child) {
6760
6757
  margin-inline-end: var(--pf-v6-c-alert__action-group__c-button--not-last-child--MarginInlineEnd);
6761
6758
  }
6762
6759
 
6763
6760
  :where(:root, .pf-v6-c-alert-group) {
6764
- --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);
6765
6762
  --pf-v6-c-alert-group--m-toast--InsetBlockStart: var(--pf-t--global--spacer--2xl);
6766
6763
  --pf-v6-c-alert-group--m-toast--InsetInlineEnd: var(--pf-t--global--spacer--xl);
6767
6764
  --pf-v6-c-alert-group--m-toast--MaxWidth: 37.5rem;
@@ -11306,7 +11303,7 @@ ul) {
11306
11303
  --pf-v6-c-drawer__panel--MinWidth: 50%;
11307
11304
  --pf-v6-c-drawer__panel--MaxHeight: auto;
11308
11305
  --pf-v6-c-drawer__panel--ZIndex: var(--pf-t--global--z-index--sm);
11309
- --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);
11310
11307
  --pf-v6-c-drawer__panel--m-secondary--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
11311
11308
  --pf-v6-c-drawer__panel--RowGap: var(--pf-t--global--spacer--sm);
11312
11309
  --pf-v6-c-drawer__panel--PaddingBlockStart: var(--pf-t--global--spacer--sm);
@@ -11393,7 +11390,7 @@ ul) {
11393
11390
  --pf-v6-c-drawer__actions--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--compact) * -1.5);
11394
11391
  --pf-v6-c-drawer__actions--MarginInlineEnd: calc(var(--pf-t--global--spacer--control--horizontal--compact) * -1.5);
11395
11392
  --pf-v6-c-drawer__panel--BoxShadow: none;
11396
- --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);
11397
11394
  --pf-v6-c-drawer__panel--after--Width: var(--pf-t--global--border--width--divider--default);
11398
11395
  --pf-v6-c-drawer--m-panel-bottom__panel--after--Height: var(--pf-t--global--border--width--divider--default);
11399
11396
  --pf-v6-c-drawer__panel--after--BackgroundColor: transparent;
@@ -11413,19 +11410,19 @@ ul) {
11413
11410
  }
11414
11411
 
11415
11412
  .pf-v6-c-drawer {
11416
- --pf-v6-c-drawer--m-expanded__panel--BoxShadow: var(--pf-t--global--box-shadow--lg--left);
11417
- --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);
11418
11415
  display: flex;
11419
11416
  flex-direction: column;
11420
11417
  height: 100%;
11421
11418
  overflow-x: hidden;
11422
11419
  }
11423
11420
  :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-drawer {
11424
- --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);
11425
11422
  }
11426
11423
 
11427
11424
  :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-drawer {
11428
- --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);
11429
11426
  }
11430
11427
 
11431
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) {
@@ -12171,11 +12168,11 @@ ul) {
12171
12168
  --pf-v6-c-empty-state--m-xs__body--MarginBlockStart: var(--pf-t--global--spacer--md);
12172
12169
  --pf-v6-c-empty-state--m-xl__body--FontSize: var(--pf-t--global--font--size--body--lg);
12173
12170
  --pf-v6-c-empty-state--m-xl__body--MarginBlockStart: var(--pf-t--global--spacer--xl);
12174
- --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);
12175
12172
  --pf-v6-c-empty-state__footer--MarginBlockStart: var(--pf-t--global--spacer--xl);
12176
12173
  --pf-v6-c-empty-state--m-xs__footer--MarginBlockStart: var(--pf-t--global--spacer--md);
12177
- --pf-v6-c-empty-state__actions--RowGap: var(--pf-t--global--spacer--sm);
12178
- --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);
12179
12176
  }
12180
12177
 
12181
12178
  .pf-v6-c-empty-state {
@@ -13605,10 +13602,10 @@ select ~ .pf-v6-c-form-control__utilities {
13605
13602
  }
13606
13603
 
13607
13604
  :where(:root, .pf-v6-c-inline-edit) {
13608
- --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);
13609
13606
  --pf-v6-c-inline-edit__action--c-button--m-valid--m-plain--Color: var(--pf-t--global--icon--color--brand--default);
13610
13607
  --pf-v6-c-inline-edit__action--c-button--m-valid--m-plain--hover--Color: var(--pf-t--global--icon--color--brand--hover);
13611
- --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);
13612
13609
  --pf-v6-c-inline-edit__group--m-footer--MarginBlockStart: var(--pf-t--global--spacer--xl);
13613
13610
  --pf-v6-c-inline-edit__label--m-bold--FontWeight: var(--pf-t--global--font--weight--body--bold);
13614
13611
  }
@@ -15997,9 +15994,6 @@ ul.pf-v6-c-list {
15997
15994
  --pf-v6-c-menu-toggle--hover--BorderWidth: var(--pf-t--global--border--width--action--default);
15998
15995
  --pf-v6-c-menu-toggle--hover--BorderColor: var(--pf-t--global--border--color--hover);
15999
15996
  --pf-v6-c-menu-toggle--hover__toggle-icon--Color: var(--pf-t--global--icon--color--regular);
16000
- --pf-v6-c-menu-toggle--active--BackgroundColor: var(--pf-t--global--background--color--control--default);
16001
- --pf-v6-c-menu-toggle--active--BorderWidth: var(--pf-t--global--border--width--action--clicked);
16002
- --pf-v6-c-menu-toggle--active--BorderColor: var(--pf-t--global--border--color--clicked);
16003
15997
  --pf-v6-c-menu-toggle--expanded--Color: var(--pf-t--global--text--color--regular);
16004
15998
  --pf-v6-c-menu-toggle--expanded--BackgroundColor: var(--pf-t--global--background--color--control--default);
16005
15999
  --pf-v6-c-menu-toggle--expanded--BorderWidth: var(--pf-t--global--border--width--action--clicked);
@@ -16027,9 +16021,6 @@ ul.pf-v6-c-list {
16027
16021
  --pf-v6-c-menu-toggle--m-primary--hover--Color: var(--pf-t--global--text--color--on-brand--hover);
16028
16022
  --pf-v6-c-menu-toggle--m-primary--hover--BackgroundColor: var(--pf-t--global--color--brand--hover);
16029
16023
  --pf-v6-c-menu-toggle--m-primary--hover--BorderColor: transparent;
16030
- --pf-v6-c-menu-toggle--m-primary--active--Color: var(--pf-t--global--text--color--on-brand--clicked);
16031
- --pf-v6-c-menu-toggle--m-primary--active--BackgroundColor: var(--pf-t--global--color--brand--clicked);
16032
- --pf-v6-c-menu-toggle--m-primary--active--BorderColor: transparent;
16033
16024
  --pf-v6-c-menu-toggle--m-primary--expanded--Color: var(--pf-t--global--text--color--on-brand--clicked);
16034
16025
  --pf-v6-c-menu-toggle--m-primary--expanded--BackgroundColor: var(--pf-t--global--color--brand--clicked);
16035
16026
  --pf-v6-c-menu-toggle--m-primary--expanded--BorderColor: transparent;
@@ -16044,9 +16035,6 @@ ul.pf-v6-c-list {
16044
16035
  --pf-v6-c-menu-toggle--m-secondary--hover--Color: var(--pf-t--global--text--color--brand--hover);
16045
16036
  --pf-v6-c-menu-toggle--m-secondary--hover--BorderWidth: var(--pf-t--global--border--width--action--hover);
16046
16037
  --pf-v6-c-menu-toggle--m-secondary--hover--BorderColor: var(--pf-t--global--border--color--brand--hover);
16047
- --pf-v6-c-menu-toggle--m-secondary--active--Color: var(--pf-t--global--text--color--brand--clicked);
16048
- --pf-v6-c-menu-toggle--m-secondary--active--BorderWidth: var(--pf-t--global--border--width--action--clicked);
16049
- --pf-v6-c-menu-toggle--m-secondary--active--BorderColor: var(--pf-t--global--border--color--brand--clicked);
16050
16038
  --pf-v6-c-menu-toggle--m-secondary--expanded--Color: var(--pf-t--global--text--color--brand--clicked);
16051
16039
  --pf-v6-c-menu-toggle--m-secondary--expanded--BorderWidth: var(--pf-t--global--border--width--action--clicked);
16052
16040
  --pf-v6-c-menu-toggle--m-secondary--expanded--BorderColor: var(--pf-t--global--border--color--brand--clicked);
@@ -16064,7 +16052,6 @@ ul.pf-v6-c-list {
16064
16052
  --pf-v6-c-menu-toggle--m-split-button--m-action--child--disabled--BorderInlineStartColor: var(--pf-t--global--icon--color--on-disabled);
16065
16053
  --pf-v6-c-menu-toggle--m-split-button--m-action--m-primary--child--BackgroundColor: var(--pf-t--global--color--brand--default);
16066
16054
  --pf-v6-c-menu-toggle--m-split-button--m-action--m-primary--child--hover--BackgroundColor: var(--pf-t--global--color--brand--hover);
16067
- --pf-v6-c-menu-toggle--m-split-button--m-action--m-primary--child--active--BackgroundColor: var(--pf-t--global--color--brand--clicked);
16068
16055
  --pf-v6-c-menu-toggle--m-split-button--m-action--m-primary--child--BorderInlineStartColor: var(--pf-t--global--border--color--default);
16069
16056
  --pf-v6-c-menu-toggle--m-split-button--m-action--m-primary--expanded--child--BackgroundColor: var(--pf-t--global--color--brand--clicked);
16070
16057
  --pf-v6-c-menu-toggle--m-split-button--m-action--m-secondary--child--BorderInlineStartColor: var(--pf-t--global--color--brand--default);
@@ -16077,7 +16064,6 @@ ul.pf-v6-c-list {
16077
16064
  --pf-v6-c-menu-toggle--m-plain--BackgroundColor: var(--pf-t--global--background--color--action--plain--default);
16078
16065
  --pf-v6-c-menu-toggle--m-plain--BorderColor: transparent;
16079
16066
  --pf-v6-c-menu-toggle--m-plain--hover--BackgroundColor: var(--pf-t--global--background--color--action--plain--hover);
16080
- --pf-v6-c-menu-toggle--m-plain--active--BackgroundColor: var(--pf-t--global--background--color--action--plain--clicked);
16081
16067
  --pf-v6-c-menu-toggle--m-plain--expanded--BackgroundColor: var(--pf-t--global--background--color--action--plain--clicked);
16082
16068
  --pf-v6-c-menu-toggle--m-plain--disabled--Color: var(--pf-t--global--icon--color--disabled);
16083
16069
  --pf-v6-c-menu-toggle--m-plain--disabled--BackgroundColor: transparent;
@@ -16144,9 +16130,6 @@ ul.pf-v6-c-list {
16144
16130
  --pf-v6-c-menu-toggle--hover--Color: var(--pf-v6-c-menu-toggle--m-primary--hover--Color);
16145
16131
  --pf-v6-c-menu-toggle--hover--BackgroundColor: var(--pf-v6-c-menu-toggle--m-primary--hover--BackgroundColor);
16146
16132
  --pf-v6-c-menu-toggle--hover--BorderColor: var(--pf-v6-c-menu-toggle--m-primary--hover--BorderColor);
16147
- --pf-v6-c-menu-toggle--active--Color: var(--pf-v6-c-menu-toggle--m-primary--active--Color);
16148
- --pf-v6-c-menu-toggle--active--BackgroundColor: var(--pf-v6-c-menu-toggle--m-primary--active--BackgroundColor);
16149
- --pf-v6-c-menu-toggle--active--BorderColor: var(--pf-v6-c-menu-toggle--m-primary--active--BorderColor);
16150
16133
  --pf-v6-c-menu-toggle--expanded--Color: var(--pf-v6-c-menu-toggle--m-primary--expanded--Color);
16151
16134
  --pf-v6-c-menu-toggle--expanded--BackgroundColor: var(--pf-v6-c-menu-toggle--m-primary--expanded--BackgroundColor);
16152
16135
  --pf-v6-c-menu-toggle--expanded--BorderColor: var(--pf-v6-c-menu-toggle--m-primary--expanded--BorderColor);
@@ -16162,9 +16145,6 @@ ul.pf-v6-c-list {
16162
16145
  --pf-v6-c-menu-toggle--hover--Color: var(--pf-v6-c-menu-toggle--m-secondary--hover--Color);
16163
16146
  --pf-v6-c-menu-toggle--hover--BorderWidth: var(--pf-v6-c-menu-toggle--m-secondary--hover--BorderWidth);
16164
16147
  --pf-v6-c-menu-toggle--hover--BorderColor: var(--pf-v6-c-menu-toggle--m-secondary--hover--BorderColor);
16165
- --pf-v6-c-menu-toggle--active--Color: var(--pf-v6-c-menu-toggle--m-secondary--active--Color);
16166
- --pf-v6-c-menu-toggle--active--BorderWidth: var(--pf-v6-c-menu-toggle--m-secondary--active--BorderWidth);
16167
- --pf-v6-c-menu-toggle--active--BorderColor: var(--pf-v6-c-menu-toggle--m-secondary--active--BorderColor);
16168
16148
  --pf-v6-c-menu-toggle--expanded--Color: var(--pf-v6-c-menu-toggle--m-secondary--expanded--Color);
16169
16149
  --pf-v6-c-menu-toggle--expanded--BorderWidth: var(--pf-v6-c-menu-toggle--m-secondary--expanded--BorderWidth);
16170
16150
  --pf-v6-c-menu-toggle--hover__toggle-icon--Color: var(--pf-v6-c-menu-toggle--m-secondary--hover__toggle-icon--Color);
@@ -16186,7 +16166,6 @@ ul.pf-v6-c-list {
16186
16166
  --pf-v6-c-menu-toggle--BorderColor: var(--pf-v6-c-menu-toggle--m-plain--BorderColor);
16187
16167
  --pf-v6-c-menu-toggle--BackgroundColor: var(--pf-v6-c-menu-toggle--m-plain--BackgroundColor);
16188
16168
  --pf-v6-c-menu-toggle--hover--BackgroundColor: var(--pf-v6-c-menu-toggle--m-plain--hover--BackgroundColor);
16189
- --pf-v6-c-menu-toggle--active--BackgroundColor: var(--pf-v6-c-menu-toggle--m-plain--active--BackgroundColor);
16190
16169
  --pf-v6-c-menu-toggle--expanded--BackgroundColor: var(--pf-v6-c-menu-toggle--m-plain--expanded--BackgroundColor);
16191
16170
  --pf-v6-c-menu-toggle--disabled--Color: var(--pf-v6-c-menu-toggle--m-plain--disabled--Color);
16192
16171
  --pf-v6-c-menu-toggle--disabled--BackgroundColor: var(--pf-v6-c-menu-toggle--m-plain--disabled--BackgroundColor);
@@ -16208,13 +16187,6 @@ ul.pf-v6-c-list {
16208
16187
  --pf-v6-c-menu-toggle--BorderColor: var(--pf-v6-c-menu-toggle--expanded--BorderColor);
16209
16188
  --pf-v6-c-menu-toggle__toggle-icon--Color: var(--pf-v6-c-menu-toggle--expanded__toggle-icon--Color);
16210
16189
  }
16211
- .pf-v6-c-menu-toggle:is(:active, .pf-m-active) {
16212
- --pf-v6-c-menu-toggle--Color: var(--pf-v6-c-menu-toggle--active--Color);
16213
- --pf-v6-c-menu-toggle--BackgroundColor: var(--pf-v6-c-menu-toggle--active--BackgroundColor);
16214
- --pf-v6-c-menu-toggle--BorderWidth: var(--pf-v6-c-menu-toggle--active--BorderWidth);
16215
- --pf-v6-c-menu-toggle--BorderColor: var(--pf-v6-c-menu-toggle--active--BorderColor);
16216
- --pf-v6-c-menu-toggle__toggle-icon--Color: var(--pf-v6-c-menu-toggle--active__toggle-icon--Color);
16217
- }
16218
16190
  .pf-v6-c-menu-toggle:is(:disabled, .pf-m-disabled) {
16219
16191
  --pf-v6-c-menu-toggle--Color: var(--pf-v6-c-menu-toggle--disabled--Color);
16220
16192
  --pf-v6-c-menu-toggle--BackgroundColor: var(--pf-v6-c-menu-toggle--disabled--BackgroundColor);
@@ -16301,9 +16273,6 @@ ul.pf-v6-c-list {
16301
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) {
16302
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);
16303
16275
  }
16304
- .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) {
16305
- --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);
16306
- }
16307
16276
  .pf-v6-c-menu-toggle.pf-m-split-button.pf-m-action.pf-m-primary.pf-m-expanded {
16308
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);
16309
16278
  }
@@ -16424,6 +16393,7 @@ ul.pf-v6-c-list {
16424
16393
  --pf-v6-c-modal-box__header-main--Gap: var(--pf-t--global--spacer--md);
16425
16394
  --pf-v6-c-modal-box__title--LineHeight: var(--pf-t--global--font--line-height--heading);
16426
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);
16427
16397
  --pf-v6-c-modal-box__title--FontSize: var(--pf-t--global--font--size--heading--md);
16428
16398
  --pf-v6-c-modal-box__title-icon--MarginInlineEnd: var(--pf-t--global--spacer--sm);
16429
16399
  --pf-v6-c-modal-box__title-icon--Color: var(--pf-t--global--icon--color--regular);
@@ -16545,6 +16515,7 @@ ul.pf-v6-c-list {
16545
16515
  flex: 0 0 auto;
16546
16516
  font-family: var(--pf-v6-c-modal-box__title--FontFamily);
16547
16517
  font-size: var(--pf-v6-c-modal-box__title--FontSize);
16518
+ font-weight: var(--pf-v6-c-modal-box__title--FontWeight);
16548
16519
  line-height: var(--pf-v6-c-modal-box__title--LineHeight);
16549
16520
  }
16550
16521
  .pf-v6-c-modal-box__title.pf-m-icon {