@patternfly/patternfly 6.0.0-alpha.146 → 6.0.0-alpha.148

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/Badge/badge.css +21 -0
  2. package/components/Badge/badge.scss +24 -0
  3. package/components/Breadcrumb/breadcrumb.css +2 -6
  4. package/components/Breadcrumb/breadcrumb.scss +2 -9
  5. package/components/Button/button.css +1 -7
  6. package/components/Button/button.scss +1 -8
  7. package/components/MenuToggle/menu-toggle.css +6 -0
  8. package/components/MenuToggle/menu-toggle.scss +6 -0
  9. package/components/ModalBox/modal-box.css +3 -1
  10. package/components/ModalBox/modal-box.scss +3 -1
  11. package/components/_index.css +33 -14
  12. package/docs/components/Badge/examples/Badge.md +11 -0
  13. package/docs/components/Breadcrumb/examples/Breadcrumb.md +1 -1
  14. package/docs/components/Button/examples/Button.md +4 -4
  15. package/docs/components/Menu/examples/Menu.md +2 -2
  16. package/docs/components/MenuToggle/examples/MenuToggle.md +1 -1
  17. package/package.json +3 -1
  18. package/patternfly-no-globals.css +33 -14
  19. package/patternfly.css +33 -14
  20. package/patternfly.min.css +1 -1
  21. package/patternfly.min.css.map +1 -1
package/patternfly-no-globals.css CHANGED
@@ -6991,6 +6991,8 @@
6991
6991
  }
6992
6992
 
6993
6993
  :where(:root, .pf-v6-c-badge) {
6994
+ --pf-v6-c-badge--BorderColor: transparent;
6995
+ --pf-v6-c-badge--BorderWidth: var(--pf-t--global--border--width--regular);
6994
6996
  --pf-v6-c-badge--BorderRadius: var(--pf-t--global--border--radius--pill);
6995
6997
  --pf-v6-c-badge--FontSize: var(--pf-t--global--font--size--body--sm);
6996
6998
  --pf-v6-c-badge--FontWeight: var(--pf-t--global--font--weight--body--bold);
@@ -7006,9 +7008,13 @@
7006
7008
  --pf-v6-c-badge--m-unread--BackgroundColor: var(--pf-t--global--color--brand--default);
7007
7009
  --pf-v6-c-badge--m-unread--Color: var(--pf-t--global--text--color--on-brand--default);
7008
7010
  --pf-v6-c-badge--m-unread__toggle-icon--Color: var(--pf-t--global--icon--color--on-brand--default);
7011
+ --pf-v6-c-badge--m-disabled--Color: var(--pf-t--global--text--color--on-disabled);
7012
+ --pf-v6-c-badge--m-disabled--BorderColor: var(--pf-t--global--border--color--disabled);
7013
+ --pf-v6-c-badge--m-disabled--BackgroundColor: var(--pf-t--global--background--color--disabled--default);
7009
7014
  }
7010
7015
 
7011
7016
  .pf-v6-c-badge {
7017
+ position: relative;
7012
7018
  display: inline-block;
7013
7019
  min-width: var(--pf-v6-c-badge--MinWidth);
7014
7020
  padding-inline-start: var(--pf-v6-c-badge--PaddingInlineStart);
@@ -7021,6 +7027,14 @@
7021
7027
  background-color: var(--pf-v6-c-badge--BackgroundColor);
7022
7028
  border-radius: var(--pf-v6-c-badge--BorderRadius);
7023
7029
  }
7030
+ .pf-v6-c-badge::after {
7031
+ position: absolute;
7032
+ inset: 0;
7033
+ pointer-events: none;
7034
+ content: "";
7035
+ border: var(--pf-v6-c-badge--BorderWidth) solid var(--pf-v6-c-badge--BorderColor);
7036
+ border-radius: inherit;
7037
+ }
7024
7038
  .pf-v6-c-badge.pf-m-read {
7025
7039
  --pf-v6-c-badge--Color: var(--pf-v6-c-badge--m-read--Color);
7026
7040
  --pf-v6-c-badge--BackgroundColor: var(--pf-v6-c-badge--m-read--BackgroundColor);
@@ -7031,6 +7045,13 @@
7031
7045
  --pf-v6-c-badge--BackgroundColor: var(--pf-v6-c-badge--m-unread--BackgroundColor);
7032
7046
  --pf-v6-c-badge__toggle-icon--Color: var(--pf-v6-c-badge--m-unread__toggle-icon--Color);
7033
7047
  }
7048
+ .pf-v6-c-badge.pf-m-disabled {
7049
+ --pf-v6-c-badge--Color: var(--pf-v6-c-badge--m-disabled--Color);
7050
+ --pf-v6-c-badge--BackgroundColor: var(--pf-v6-c-badge--m-disabled--BackgroundColor);
7051
+ }
7052
+ .pf-v6-c-badge.pf-m-disabled::after {
7053
+ border-color: var(--pf-v6-c-badge--m-disabled--BorderColor);
7054
+ }
7034
7055
 
7035
7056
  .pf-v6-c-badge__toggle-icon {
7036
7057
  margin-inline-start: var(--pf-v6-c-badge__toggle-icon--MarginInlineStart);
@@ -7266,10 +7287,9 @@
7266
7287
  --pf-v6-c-breadcrumb__link--BackgroundColor: transparent;
7267
7288
  --pf-v6-c-breadcrumb__heading--FontSize: var( --pf-t--global--font--size--body--sm);
7268
7289
  --pf-v6-c-breadcrumb__menu-toggle--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--default) * -1);
7269
- --pf-v6-c-breadcrumb__menu-toggle--MarginInlineEnd: calc(var(--pf-v6-c-breadcrumb__item--MarginInlineEnd) * -1);
7290
+ --pf-v6-c-breadcrumb__menu-toggle--MarginInlineEnd: var(--pf-t--global--spacer--xs);
7270
7291
  --pf-v6-c-breadcrumb__menu-toggle--MarginBlockEnd: calc(var(--pf-t--global--spacer--control--vertical--default) * -1);
7271
- --pf-v6-c-breadcrumb__menu-toggle--MarginInlineStart: calc(var(--pf-v6-c-breadcrumb__item-divider--MarginInlineEnd) * -1);
7272
- --pf-v6-c-breadcrumb__menu-toggle--c-menu-toggle--LineHeight: var(--pf-t--global--font--line-height--body);
7292
+ --pf-v6-c-breadcrumb__menu-toggle--MarginInlineStart: var(--pf-t--global--spacer--xs);
7273
7293
  }
7274
7294
 
7275
7295
  .pf-v6-c-breadcrumb {
@@ -7340,9 +7360,6 @@ button.pf-v6-c-breadcrumb__link {
7340
7360
  margin-inline-start: var(--pf-v6-c-breadcrumb__menu-toggle--MarginInlineStart);
7341
7361
  margin-inline-end: var(--pf-v6-c-breadcrumb__menu-toggle--MarginInlineEnd);
7342
7362
  }
7343
- .pf-v6-c-breadcrumb__dropdown .pf-v6-c-menu-toggle {
7344
- line-height: var(--pf-v6-c-breadcrumb__menu-toggle--c-menu-toggle--LineHeight);
7345
- }
7346
7363
 
7347
7364
  .pf-v6-c-breadcrumb__heading {
7348
7365
  display: inline;
@@ -7576,10 +7593,7 @@ button.pf-v6-c-breadcrumb__link {
7576
7593
  --pf-v6-c-button--m-in-progress--m-plain__progress--InsetInlineStart: 50%;
7577
7594
  --pf-v6-c-button--m-in-progress--m-plain__progress--TranslateX: -50%;
7578
7595
  --pf-v6-c-button__count--MarginInlineStart: var(--pf-t--global--spacer--sm);
7579
- --pf-v6-c-button--disabled__c-badge--Color: var(--pf-t--global--text--color--disabled);
7580
- --pf-v6-c-button--disabled__c-badge--BackgroundColor: var(--pf-t--global--background--color--disabled--default);
7581
7596
  --pf-v6-c-button--m-primary__c-badge--BorderColor: var(--pf-t--global--border--color--default);
7582
- --pf-v6-c-button--m-primary__c-badge--BorderWidth: var(--pf-t--global--border--width--regular);
7583
7597
  }
7584
7598
 
7585
7599
  .pf-v6-c-button {
@@ -7633,7 +7647,7 @@ button.pf-v6-c-breadcrumb__link {
7633
7647
  --pf-v6-c-button--m-clicked__icon--Color: var(--pf-v6-c-button--m-primary--m-clicked__icon--Color);
7634
7648
  }
7635
7649
  .pf-v6-c-button.pf-m-primary .pf-v6-c-badge.pf-m-unread {
7636
- border: var(--pf-v6-c-button--m-primary__c-badge--BorderWidth) solid var(--pf-v6-c-button--m-primary__c-badge--BorderColor);
7650
+ --pf-v6-c-badge--BorderColor: var(--pf-v6-c-button--m-primary__c-badge--BorderColor);
7637
7651
  }
7638
7652
  .pf-v6-c-button.pf-m-secondary {
7639
7653
  --pf-v6-c-button--Color: var(--pf-v6-c-button--m-secondary--Color);
@@ -7864,9 +7878,6 @@ button.pf-v6-c-breadcrumb__link {
7864
7878
  pointer-events: none;
7865
7879
  }
7866
7880
  .pf-v6-c-button:disabled, .pf-v6-c-button.pf-m-disabled, .pf-v6-c-button.pf-m-aria-disabled {
7867
- --pf-v6-c-badge--m-unread--Color: var(--pf-v6-c-button--disabled__c-badge--Color);
7868
- --pf-v6-c-badge--m-unread--BackgroundColor: var(--pf-v6-c-button--disabled__c-badge--BackgroundColor);
7869
- --pf-v6-c-button--m-primary__c-badge--BorderWidth: 0;
7870
7881
  color: var(--pf-v6-c-button--disabled--Color);
7871
7882
  background-color: var(--pf-v6-c-button--disabled--BackgroundColor);
7872
7883
  }
@@ -16047,6 +16058,9 @@ ul.pf-v6-c-list {
16047
16058
  --pf-v6-c-menu-toggle--m-typeahead__button--AlignSelf: stretch;
16048
16059
  --pf-v6-c-menu-toggle--m-small--PaddingBlockStart: var(--pf-t--global--spacer--xs);
16049
16060
  --pf-v6-c-menu-toggle--m-small--PaddingBlockEnd: var(--pf-t--global--spacer--xs);
16061
+ --pf-v6-c-menu-toggle--m-small--ColumnGap: calc(var(--pf-t--global--spacer--control--horizontal--compact) / 2);
16062
+ --pf-v6-c-menu-toggle--m-small--FontSize: var(--pf-t--global--font--size--body--sm);
16063
+ --pf-v6-c-menu-toggle--m-small__controls--MinWidth: calc(var(--pf-v6-c-menu-toggle--FontSize) + var(--pf-t--global--spacer--xs) + var(--pf-t--global--spacer--xs));
16050
16064
  --pf-v6-c-menu-toggle__status-icon--MarginInlineEnd: var(--pf-t--global--spacer--md);
16051
16065
  --pf-v6-c-menu-toggle--m-success--BorderColor: var(--pf-t--global--border--color--status--success--default);
16052
16066
  --pf-v6-c-menu-toggle--m-success__status-icon--Color: var(--pf-t--global--icon--color--status--success--default);
@@ -16184,6 +16198,9 @@ ul.pf-v6-c-list {
16184
16198
  .pf-v6-c-menu-toggle.pf-m-small {
16185
16199
  --pf-v6-c-menu-toggle--PaddingBlockStart: var(--pf-v6-c-menu-toggle--m-small--PaddingBlockStart);
16186
16200
  --pf-v6-c-menu-toggle--PaddingBlockEnd: var(--pf-v6-c-menu-toggle--m-small--PaddingBlockEnd);
16201
+ --pf-v6-c-menu-toggle--FontSize: var(--pf-v6-c-menu-toggle--m-small--FontSize);
16202
+ --pf-v6-c-menu-toggle--ColumnGap: var(--pf-v6-c-menu-toggle--m-small--ColumnGap);
16203
+ --pf-v6-c-menu-toggle__controls--MinWidth: var(--pf-v6-c-menu-toggle--m-small__controls--MinWidth);
16187
16204
  }
16188
16205
  .pf-v6-c-menu-toggle:has(.pf-v6-c-button) {
16189
16206
  background-color: transparent;
@@ -16369,6 +16386,7 @@ ul.pf-v6-c-list {
16369
16386
  --pf-v6-c-modal-box--m-info__title-icon--Color: var(--pf-t--global--icon--color--status--info--default);
16370
16387
  --pf-v6-c-modal-box--m-custom__title-icon--Color: var(--pf-t--global--icon--color--status--custom--default);
16371
16388
  --pf-v6-c-modal-box__header--PaddingBlockStart: var(--pf-t--global--spacer--lg);
16389
+ --pf-v6-c-modal-box__header--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
16372
16390
  --pf-v6-c-modal-box__header--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
16373
16391
  --pf-v6-c-modal-box__header--PaddingInlineStart: var(--pf-t--global--spacer--lg);
16374
16392
  --pf-v6-c-modal-box__header--Gap: var(--pf-t--global--spacer--md);
@@ -16385,7 +16403,7 @@ ul.pf-v6-c-list {
16385
16403
  --pf-v6-c-modal-box__body--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
16386
16404
  --pf-v6-c-modal-box__body--PaddingInlineStart: var(--pf-t--global--spacer--lg);
16387
16405
  --pf-v6-c-modal-box__body--last-child--PaddingBlockEnd: var(--pf-t--global--spacer--lg);
16388
- --pf-v6-c-modal-box__header--body--PaddingBlockStart: var(--pf-t--global--spacer--md);
16406
+ --pf-v6-c-modal-box__header--body--PaddingBlockStart: var(--pf-t--global--spacer--sm);
16389
16407
  --pf-v6-c-modal-box__close--InsetBlockStart: var(--pf-v6-c-modal-box__header--PaddingBlockStart);
16390
16408
  --pf-v6-c-modal-box__close--InsetInlineEnd: var(--pf-v6-c-modal-box__header--PaddingInlineEnd);
16391
16409
  --pf-v6-c-modal-box__close--sibling--MarginInlineEnd: calc(var(--pf-t--global--spacer--xl) + var(--pf-t--global--spacer--sm));
@@ -16465,6 +16483,7 @@ ul.pf-v6-c-list {
16465
16483
  flex-shrink: 0;
16466
16484
  gap: var(--pf-v6-c-modal-box__header--Gap);
16467
16485
  padding-block-start: var(--pf-v6-c-modal-box__header--PaddingBlockStart);
16486
+ padding-block-end: var(--pf-v6-c-modal-box__header--PaddingBlockEnd);
16468
16487
  padding-inline-start: var(--pf-v6-c-modal-box__header--PaddingInlineStart);
16469
16488
  padding-inline-end: var(--pf-v6-c-modal-box__header--PaddingInlineEnd);
16470
16489
  }
package/patternfly.css CHANGED
@@ -7108,6 +7108,8 @@ h6) {
7108
7108
  }
7109
7109
 
7110
7110
  :where(:root, .pf-v6-c-badge) {
7111
+ --pf-v6-c-badge--BorderColor: transparent;
7112
+ --pf-v6-c-badge--BorderWidth: var(--pf-t--global--border--width--regular);
7111
7113
  --pf-v6-c-badge--BorderRadius: var(--pf-t--global--border--radius--pill);
7112
7114
  --pf-v6-c-badge--FontSize: var(--pf-t--global--font--size--body--sm);
7113
7115
  --pf-v6-c-badge--FontWeight: var(--pf-t--global--font--weight--body--bold);
@@ -7123,9 +7125,13 @@ h6) {
7123
7125
  --pf-v6-c-badge--m-unread--BackgroundColor: var(--pf-t--global--color--brand--default);
7124
7126
  --pf-v6-c-badge--m-unread--Color: var(--pf-t--global--text--color--on-brand--default);
7125
7127
  --pf-v6-c-badge--m-unread__toggle-icon--Color: var(--pf-t--global--icon--color--on-brand--default);
7128
+ --pf-v6-c-badge--m-disabled--Color: var(--pf-t--global--text--color--on-disabled);
7129
+ --pf-v6-c-badge--m-disabled--BorderColor: var(--pf-t--global--border--color--disabled);
7130
+ --pf-v6-c-badge--m-disabled--BackgroundColor: var(--pf-t--global--background--color--disabled--default);
7126
7131
  }
7127
7132
 
7128
7133
  .pf-v6-c-badge {
7134
+ position: relative;
7129
7135
  display: inline-block;
7130
7136
  min-width: var(--pf-v6-c-badge--MinWidth);
7131
7137
  padding-inline-start: var(--pf-v6-c-badge--PaddingInlineStart);
@@ -7138,6 +7144,14 @@ h6) {
7138
7144
  background-color: var(--pf-v6-c-badge--BackgroundColor);
7139
7145
  border-radius: var(--pf-v6-c-badge--BorderRadius);
7140
7146
  }
7147
+ .pf-v6-c-badge::after {
7148
+ position: absolute;
7149
+ inset: 0;
7150
+ pointer-events: none;
7151
+ content: "";
7152
+ border: var(--pf-v6-c-badge--BorderWidth) solid var(--pf-v6-c-badge--BorderColor);
7153
+ border-radius: inherit;
7154
+ }
7141
7155
  .pf-v6-c-badge.pf-m-read {
7142
7156
  --pf-v6-c-badge--Color: var(--pf-v6-c-badge--m-read--Color);
7143
7157
  --pf-v6-c-badge--BackgroundColor: var(--pf-v6-c-badge--m-read--BackgroundColor);
@@ -7148,6 +7162,13 @@ h6) {
7148
7162
  --pf-v6-c-badge--BackgroundColor: var(--pf-v6-c-badge--m-unread--BackgroundColor);
7149
7163
  --pf-v6-c-badge__toggle-icon--Color: var(--pf-v6-c-badge--m-unread__toggle-icon--Color);
7150
7164
  }
7165
+ .pf-v6-c-badge.pf-m-disabled {
7166
+ --pf-v6-c-badge--Color: var(--pf-v6-c-badge--m-disabled--Color);
7167
+ --pf-v6-c-badge--BackgroundColor: var(--pf-v6-c-badge--m-disabled--BackgroundColor);
7168
+ }
7169
+ .pf-v6-c-badge.pf-m-disabled::after {
7170
+ border-color: var(--pf-v6-c-badge--m-disabled--BorderColor);
7171
+ }
7151
7172
 
7152
7173
  .pf-v6-c-badge__toggle-icon {
7153
7174
  margin-inline-start: var(--pf-v6-c-badge__toggle-icon--MarginInlineStart);
@@ -7383,10 +7404,9 @@ h6) {
7383
7404
  --pf-v6-c-breadcrumb__link--BackgroundColor: transparent;
7384
7405
  --pf-v6-c-breadcrumb__heading--FontSize: var( --pf-t--global--font--size--body--sm);
7385
7406
  --pf-v6-c-breadcrumb__menu-toggle--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--default) * -1);
7386
- --pf-v6-c-breadcrumb__menu-toggle--MarginInlineEnd: calc(var(--pf-v6-c-breadcrumb__item--MarginInlineEnd) * -1);
7407
+ --pf-v6-c-breadcrumb__menu-toggle--MarginInlineEnd: var(--pf-t--global--spacer--xs);
7387
7408
  --pf-v6-c-breadcrumb__menu-toggle--MarginBlockEnd: calc(var(--pf-t--global--spacer--control--vertical--default) * -1);
7388
- --pf-v6-c-breadcrumb__menu-toggle--MarginInlineStart: calc(var(--pf-v6-c-breadcrumb__item-divider--MarginInlineEnd) * -1);
7389
- --pf-v6-c-breadcrumb__menu-toggle--c-menu-toggle--LineHeight: var(--pf-t--global--font--line-height--body);
7409
+ --pf-v6-c-breadcrumb__menu-toggle--MarginInlineStart: var(--pf-t--global--spacer--xs);
7390
7410
  }
7391
7411
 
7392
7412
  .pf-v6-c-breadcrumb {
@@ -7457,9 +7477,6 @@ button.pf-v6-c-breadcrumb__link {
7457
7477
  margin-inline-start: var(--pf-v6-c-breadcrumb__menu-toggle--MarginInlineStart);
7458
7478
  margin-inline-end: var(--pf-v6-c-breadcrumb__menu-toggle--MarginInlineEnd);
7459
7479
  }
7460
- .pf-v6-c-breadcrumb__dropdown .pf-v6-c-menu-toggle {
7461
- line-height: var(--pf-v6-c-breadcrumb__menu-toggle--c-menu-toggle--LineHeight);
7462
- }
7463
7480
 
7464
7481
  .pf-v6-c-breadcrumb__heading {
7465
7482
  display: inline;
@@ -7693,10 +7710,7 @@ button.pf-v6-c-breadcrumb__link {
7693
7710
  --pf-v6-c-button--m-in-progress--m-plain__progress--InsetInlineStart: 50%;
7694
7711
  --pf-v6-c-button--m-in-progress--m-plain__progress--TranslateX: -50%;
7695
7712
  --pf-v6-c-button__count--MarginInlineStart: var(--pf-t--global--spacer--sm);
7696
- --pf-v6-c-button--disabled__c-badge--Color: var(--pf-t--global--text--color--disabled);
7697
- --pf-v6-c-button--disabled__c-badge--BackgroundColor: var(--pf-t--global--background--color--disabled--default);
7698
7713
  --pf-v6-c-button--m-primary__c-badge--BorderColor: var(--pf-t--global--border--color--default);
7699
- --pf-v6-c-button--m-primary__c-badge--BorderWidth: var(--pf-t--global--border--width--regular);
7700
7714
  }
7701
7715
 
7702
7716
  .pf-v6-c-button {
@@ -7750,7 +7764,7 @@ button.pf-v6-c-breadcrumb__link {
7750
7764
  --pf-v6-c-button--m-clicked__icon--Color: var(--pf-v6-c-button--m-primary--m-clicked__icon--Color);
7751
7765
  }
7752
7766
  .pf-v6-c-button.pf-m-primary .pf-v6-c-badge.pf-m-unread {
7753
- border: var(--pf-v6-c-button--m-primary__c-badge--BorderWidth) solid var(--pf-v6-c-button--m-primary__c-badge--BorderColor);
7767
+ --pf-v6-c-badge--BorderColor: var(--pf-v6-c-button--m-primary__c-badge--BorderColor);
7754
7768
  }
7755
7769
  .pf-v6-c-button.pf-m-secondary {
7756
7770
  --pf-v6-c-button--Color: var(--pf-v6-c-button--m-secondary--Color);
@@ -7981,9 +7995,6 @@ button.pf-v6-c-breadcrumb__link {
7981
7995
  pointer-events: none;
7982
7996
  }
7983
7997
  .pf-v6-c-button:disabled, .pf-v6-c-button.pf-m-disabled, .pf-v6-c-button.pf-m-aria-disabled {
7984
- --pf-v6-c-badge--m-unread--Color: var(--pf-v6-c-button--disabled__c-badge--Color);
7985
- --pf-v6-c-badge--m-unread--BackgroundColor: var(--pf-v6-c-button--disabled__c-badge--BackgroundColor);
7986
- --pf-v6-c-button--m-primary__c-badge--BorderWidth: 0;
7987
7998
  color: var(--pf-v6-c-button--disabled--Color);
7988
7999
  background-color: var(--pf-v6-c-button--disabled--BackgroundColor);
7989
8000
  }
@@ -16164,6 +16175,9 @@ ul.pf-v6-c-list {
16164
16175
  --pf-v6-c-menu-toggle--m-typeahead__button--AlignSelf: stretch;
16165
16176
  --pf-v6-c-menu-toggle--m-small--PaddingBlockStart: var(--pf-t--global--spacer--xs);
16166
16177
  --pf-v6-c-menu-toggle--m-small--PaddingBlockEnd: var(--pf-t--global--spacer--xs);
16178
+ --pf-v6-c-menu-toggle--m-small--ColumnGap: calc(var(--pf-t--global--spacer--control--horizontal--compact) / 2);
16179
+ --pf-v6-c-menu-toggle--m-small--FontSize: var(--pf-t--global--font--size--body--sm);
16180
+ --pf-v6-c-menu-toggle--m-small__controls--MinWidth: calc(var(--pf-v6-c-menu-toggle--FontSize) + var(--pf-t--global--spacer--xs) + var(--pf-t--global--spacer--xs));
16167
16181
  --pf-v6-c-menu-toggle__status-icon--MarginInlineEnd: var(--pf-t--global--spacer--md);
16168
16182
  --pf-v6-c-menu-toggle--m-success--BorderColor: var(--pf-t--global--border--color--status--success--default);
16169
16183
  --pf-v6-c-menu-toggle--m-success__status-icon--Color: var(--pf-t--global--icon--color--status--success--default);
@@ -16301,6 +16315,9 @@ ul.pf-v6-c-list {
16301
16315
  .pf-v6-c-menu-toggle.pf-m-small {
16302
16316
  --pf-v6-c-menu-toggle--PaddingBlockStart: var(--pf-v6-c-menu-toggle--m-small--PaddingBlockStart);
16303
16317
  --pf-v6-c-menu-toggle--PaddingBlockEnd: var(--pf-v6-c-menu-toggle--m-small--PaddingBlockEnd);
16318
+ --pf-v6-c-menu-toggle--FontSize: var(--pf-v6-c-menu-toggle--m-small--FontSize);
16319
+ --pf-v6-c-menu-toggle--ColumnGap: var(--pf-v6-c-menu-toggle--m-small--ColumnGap);
16320
+ --pf-v6-c-menu-toggle__controls--MinWidth: var(--pf-v6-c-menu-toggle--m-small__controls--MinWidth);
16304
16321
  }
16305
16322
  .pf-v6-c-menu-toggle:has(.pf-v6-c-button) {
16306
16323
  background-color: transparent;
@@ -16486,6 +16503,7 @@ ul.pf-v6-c-list {
16486
16503
  --pf-v6-c-modal-box--m-info__title-icon--Color: var(--pf-t--global--icon--color--status--info--default);
16487
16504
  --pf-v6-c-modal-box--m-custom__title-icon--Color: var(--pf-t--global--icon--color--status--custom--default);
16488
16505
  --pf-v6-c-modal-box__header--PaddingBlockStart: var(--pf-t--global--spacer--lg);
16506
+ --pf-v6-c-modal-box__header--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
16489
16507
  --pf-v6-c-modal-box__header--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
16490
16508
  --pf-v6-c-modal-box__header--PaddingInlineStart: var(--pf-t--global--spacer--lg);
16491
16509
  --pf-v6-c-modal-box__header--Gap: var(--pf-t--global--spacer--md);
@@ -16502,7 +16520,7 @@ ul.pf-v6-c-list {
16502
16520
  --pf-v6-c-modal-box__body--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
16503
16521
  --pf-v6-c-modal-box__body--PaddingInlineStart: var(--pf-t--global--spacer--lg);
16504
16522
  --pf-v6-c-modal-box__body--last-child--PaddingBlockEnd: var(--pf-t--global--spacer--lg);
16505
- --pf-v6-c-modal-box__header--body--PaddingBlockStart: var(--pf-t--global--spacer--md);
16523
+ --pf-v6-c-modal-box__header--body--PaddingBlockStart: var(--pf-t--global--spacer--sm);
16506
16524
  --pf-v6-c-modal-box__close--InsetBlockStart: var(--pf-v6-c-modal-box__header--PaddingBlockStart);
16507
16525
  --pf-v6-c-modal-box__close--InsetInlineEnd: var(--pf-v6-c-modal-box__header--PaddingInlineEnd);
16508
16526
  --pf-v6-c-modal-box__close--sibling--MarginInlineEnd: calc(var(--pf-t--global--spacer--xl) + var(--pf-t--global--spacer--sm));
@@ -16582,6 +16600,7 @@ ul.pf-v6-c-list {
16582
16600
  flex-shrink: 0;
16583
16601
  gap: var(--pf-v6-c-modal-box__header--Gap);
16584
16602
  padding-block-start: var(--pf-v6-c-modal-box__header--PaddingBlockStart);
16603
+ padding-block-end: var(--pf-v6-c-modal-box__header--PaddingBlockEnd);
16585
16604
  padding-inline-start: var(--pf-v6-c-modal-box__header--PaddingInlineStart);
16586
16605
  padding-inline-end: var(--pf-v6-c-modal-box__header--PaddingInlineEnd);
16587
16606
  }