@patternfly/patternfly 6.0.0-alpha.145 → 6.0.0-alpha.147

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 (14) hide show
  1. package/components/Badge/badge.css +21 -0
  2. package/components/Badge/badge.scss +24 -0
  3. package/components/Button/button.css +8 -10
  4. package/components/Button/button.scss +9 -13
  5. package/components/ModalBox/modal-box.css +3 -1
  6. package/components/ModalBox/modal-box.scss +3 -1
  7. package/components/_index.css +32 -11
  8. package/docs/components/Badge/examples/Badge.md +11 -0
  9. package/docs/components/Button/examples/Button.md +4 -4
  10. package/package.json +3 -1
  11. package/patternfly-no-globals.css +32 -11
  12. package/patternfly.css +32 -11
  13. package/patternfly.min.css +1 -1
  14. 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);
@@ -7373,6 +7394,9 @@ button.pf-v6-c-breadcrumb__link {
7373
7394
  --pf-v6-c-button--BorderWidth: var(--pf-t--global--border--width--button--default);
7374
7395
  --pf-v6-c-button--BorderRadius: var(--pf-t--global--border--radius--pill);
7375
7396
  --pf-v6-c-button--TextDecoration: none;
7397
+ --pf-v6-c-button--TransitionDuration: var(--pf-t--global--motion--duration--fade--default);
7398
+ --pf-v6-c-button--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
7399
+ --pf-v6-c-button--TransitionProperty: color, background-color, border-width, border-color, padding;
7376
7400
  --pf-v6-c-button--hover--BackgroundColor: transparent;
7377
7401
  --pf-v6-c-button--hover--BorderColor: transparent;
7378
7402
  --pf-v6-c-button--hover--BorderWidth: var(--pf-t--global--border--width--button--hover);
@@ -7565,8 +7589,6 @@ button.pf-v6-c-breadcrumb__link {
7565
7589
  --pf-v6-c-button__progress--InsetBlockStart: 50%;
7566
7590
  --pf-v6-c-button__progress--InsetInlineStart: var(--pf-t--global--spacer--md);
7567
7591
  --pf-v6-c-button__progress--Color: var(--pf-v6-c-button__icon--Color);
7568
- --pf-v6-c-button--m-progress--TransitionProperty: padding;
7569
- --pf-v6-c-button--m-progress--TransitionDuration: var(--pf-t--global--transition--duration);
7570
7592
  --pf-v6-c-button--m-progress--PaddingInlineEnd: calc(var(--pf-t--global--spacer--md) + var(--pf-v6-c-button__progress--width) / 2);
7571
7593
  --pf-v6-c-button--m-progress--PaddingInlineStart: calc(var(--pf-t--global--spacer--md) + var(--pf-v6-c-button__progress--width) / 2);
7572
7594
  --pf-v6-c-button--m-in-progress--PaddingInlineEnd: var(--pf-t--global--spacer--md);
@@ -7575,10 +7597,7 @@ button.pf-v6-c-breadcrumb__link {
7575
7597
  --pf-v6-c-button--m-in-progress--m-plain__progress--InsetInlineStart: 50%;
7576
7598
  --pf-v6-c-button--m-in-progress--m-plain__progress--TranslateX: -50%;
7577
7599
  --pf-v6-c-button__count--MarginInlineStart: var(--pf-t--global--spacer--sm);
7578
- --pf-v6-c-button--disabled__c-badge--Color: var(--pf-t--global--text--color--disabled);
7579
- --pf-v6-c-button--disabled__c-badge--BackgroundColor: var(--pf-t--global--background--color--disabled--default);
7580
7600
  --pf-v6-c-button--m-primary__c-badge--BorderColor: var(--pf-t--global--border--color--default);
7581
- --pf-v6-c-button--m-primary__c-badge--BorderWidth: var(--pf-t--global--border--width--regular);
7582
7601
  }
7583
7602
 
7584
7603
  .pf-v6-c-button {
@@ -7606,6 +7625,9 @@ button.pf-v6-c-breadcrumb__link {
7606
7625
  border-start-end-radius: var(--pf-v6-c-button--BorderStartEndRadius, var(--pf-v6-c-button--BorderRadius));
7607
7626
  border-end-start-radius: var(--pf-v6-c-button--BorderEndStartRadius, var(--pf-v6-c-button--BorderRadius));
7608
7627
  border-end-end-radius: var(--pf-v6-c-button--BorderEndEndRadius, var(--pf-v6-c-button--BorderRadius));
7628
+ transition-timing-function: var(--pf-v6-c-button--TransitionTimingFunction);
7629
+ transition-duration: var(--pf-v6-c-button--TransitionDuration);
7630
+ transition-property: var(--pf-v6-c-button--TransitionProperty);
7609
7631
  }
7610
7632
  .pf-v6-c-button::after {
7611
7633
  position: absolute;
@@ -7615,6 +7637,7 @@ button.pf-v6-c-breadcrumb__link {
7615
7637
  border: var(--pf-v6-c-button--BorderWidth) solid;
7616
7638
  border-color: var(--pf-v6-c-button--BorderColor);
7617
7639
  border-radius: inherit;
7640
+ transition: inherit;
7618
7641
  }
7619
7642
  .pf-v6-c-button.pf-m-primary {
7620
7643
  --pf-v6-c-button--Color: var(--pf-v6-c-button--m-primary--Color);
@@ -7628,7 +7651,7 @@ button.pf-v6-c-breadcrumb__link {
7628
7651
  --pf-v6-c-button--m-clicked__icon--Color: var(--pf-v6-c-button--m-primary--m-clicked__icon--Color);
7629
7652
  }
7630
7653
  .pf-v6-c-button.pf-m-primary .pf-v6-c-badge.pf-m-unread {
7631
- border: var(--pf-v6-c-button--m-primary__c-badge--BorderWidth) solid var(--pf-v6-c-button--m-primary__c-badge--BorderColor);
7654
+ --pf-v6-c-badge--BorderColor: var(--pf-v6-c-button--m-primary__c-badge--BorderColor);
7632
7655
  }
7633
7656
  .pf-v6-c-button.pf-m-secondary {
7634
7657
  --pf-v6-c-button--Color: var(--pf-v6-c-button--m-secondary--Color);
@@ -7859,9 +7882,6 @@ button.pf-v6-c-breadcrumb__link {
7859
7882
  pointer-events: none;
7860
7883
  }
7861
7884
  .pf-v6-c-button:disabled, .pf-v6-c-button.pf-m-disabled, .pf-v6-c-button.pf-m-aria-disabled {
7862
- --pf-v6-c-badge--m-unread--Color: var(--pf-v6-c-button--disabled__c-badge--Color);
7863
- --pf-v6-c-badge--m-unread--BackgroundColor: var(--pf-v6-c-button--disabled__c-badge--BackgroundColor);
7864
- --pf-v6-c-button--m-primary__c-badge--BorderWidth: 0;
7865
7885
  color: var(--pf-v6-c-button--disabled--Color);
7866
7886
  background-color: var(--pf-v6-c-button--disabled--BackgroundColor);
7867
7887
  }
@@ -7878,7 +7898,6 @@ button.pf-v6-c-breadcrumb__link {
7878
7898
  .pf-v6-c-button.pf-m-progress {
7879
7899
  --pf-v6-c-button--PaddingInlineEnd: var(--pf-v6-c-button--m-progress--PaddingInlineEnd);
7880
7900
  --pf-v6-c-button--PaddingInlineStart: var(--pf-v6-c-button--m-progress--PaddingInlineStart);
7881
- transition: var(--pf-v6-c-button--m-progress--TransitionProperty) var(--pf-v6-c-button--m-progress--TransitionDuration);
7882
7901
  }
7883
7902
  .pf-v6-c-button.pf-m-in-progress {
7884
7903
  --pf-v6-c-button--m-link--m-inline--PaddingInlineStart: var(--pf-v6-c-button--m-link--m-inline--m-in-progress--PaddingInlineStart);
@@ -16365,6 +16384,7 @@ ul.pf-v6-c-list {
16365
16384
  --pf-v6-c-modal-box--m-info__title-icon--Color: var(--pf-t--global--icon--color--status--info--default);
16366
16385
  --pf-v6-c-modal-box--m-custom__title-icon--Color: var(--pf-t--global--icon--color--status--custom--default);
16367
16386
  --pf-v6-c-modal-box__header--PaddingBlockStart: var(--pf-t--global--spacer--lg);
16387
+ --pf-v6-c-modal-box__header--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
16368
16388
  --pf-v6-c-modal-box__header--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
16369
16389
  --pf-v6-c-modal-box__header--PaddingInlineStart: var(--pf-t--global--spacer--lg);
16370
16390
  --pf-v6-c-modal-box__header--Gap: var(--pf-t--global--spacer--md);
@@ -16381,7 +16401,7 @@ ul.pf-v6-c-list {
16381
16401
  --pf-v6-c-modal-box__body--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
16382
16402
  --pf-v6-c-modal-box__body--PaddingInlineStart: var(--pf-t--global--spacer--lg);
16383
16403
  --pf-v6-c-modal-box__body--last-child--PaddingBlockEnd: var(--pf-t--global--spacer--lg);
16384
- --pf-v6-c-modal-box__header--body--PaddingBlockStart: var(--pf-t--global--spacer--md);
16404
+ --pf-v6-c-modal-box__header--body--PaddingBlockStart: var(--pf-t--global--spacer--sm);
16385
16405
  --pf-v6-c-modal-box__close--InsetBlockStart: var(--pf-v6-c-modal-box__header--PaddingBlockStart);
16386
16406
  --pf-v6-c-modal-box__close--InsetInlineEnd: var(--pf-v6-c-modal-box__header--PaddingInlineEnd);
16387
16407
  --pf-v6-c-modal-box__close--sibling--MarginInlineEnd: calc(var(--pf-t--global--spacer--xl) + var(--pf-t--global--spacer--sm));
@@ -16461,6 +16481,7 @@ ul.pf-v6-c-list {
16461
16481
  flex-shrink: 0;
16462
16482
  gap: var(--pf-v6-c-modal-box__header--Gap);
16463
16483
  padding-block-start: var(--pf-v6-c-modal-box__header--PaddingBlockStart);
16484
+ padding-block-end: var(--pf-v6-c-modal-box__header--PaddingBlockEnd);
16464
16485
  padding-inline-start: var(--pf-v6-c-modal-box__header--PaddingInlineStart);
16465
16486
  padding-inline-end: var(--pf-v6-c-modal-box__header--PaddingInlineEnd);
16466
16487
  }
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);
@@ -7490,6 +7511,9 @@ button.pf-v6-c-breadcrumb__link {
7490
7511
  --pf-v6-c-button--BorderWidth: var(--pf-t--global--border--width--button--default);
7491
7512
  --pf-v6-c-button--BorderRadius: var(--pf-t--global--border--radius--pill);
7492
7513
  --pf-v6-c-button--TextDecoration: none;
7514
+ --pf-v6-c-button--TransitionDuration: var(--pf-t--global--motion--duration--fade--default);
7515
+ --pf-v6-c-button--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
7516
+ --pf-v6-c-button--TransitionProperty: color, background-color, border-width, border-color, padding;
7493
7517
  --pf-v6-c-button--hover--BackgroundColor: transparent;
7494
7518
  --pf-v6-c-button--hover--BorderColor: transparent;
7495
7519
  --pf-v6-c-button--hover--BorderWidth: var(--pf-t--global--border--width--button--hover);
@@ -7682,8 +7706,6 @@ button.pf-v6-c-breadcrumb__link {
7682
7706
  --pf-v6-c-button__progress--InsetBlockStart: 50%;
7683
7707
  --pf-v6-c-button__progress--InsetInlineStart: var(--pf-t--global--spacer--md);
7684
7708
  --pf-v6-c-button__progress--Color: var(--pf-v6-c-button__icon--Color);
7685
- --pf-v6-c-button--m-progress--TransitionProperty: padding;
7686
- --pf-v6-c-button--m-progress--TransitionDuration: var(--pf-t--global--transition--duration);
7687
7709
  --pf-v6-c-button--m-progress--PaddingInlineEnd: calc(var(--pf-t--global--spacer--md) + var(--pf-v6-c-button__progress--width) / 2);
7688
7710
  --pf-v6-c-button--m-progress--PaddingInlineStart: calc(var(--pf-t--global--spacer--md) + var(--pf-v6-c-button__progress--width) / 2);
7689
7711
  --pf-v6-c-button--m-in-progress--PaddingInlineEnd: var(--pf-t--global--spacer--md);
@@ -7692,10 +7714,7 @@ button.pf-v6-c-breadcrumb__link {
7692
7714
  --pf-v6-c-button--m-in-progress--m-plain__progress--InsetInlineStart: 50%;
7693
7715
  --pf-v6-c-button--m-in-progress--m-plain__progress--TranslateX: -50%;
7694
7716
  --pf-v6-c-button__count--MarginInlineStart: var(--pf-t--global--spacer--sm);
7695
- --pf-v6-c-button--disabled__c-badge--Color: var(--pf-t--global--text--color--disabled);
7696
- --pf-v6-c-button--disabled__c-badge--BackgroundColor: var(--pf-t--global--background--color--disabled--default);
7697
7717
  --pf-v6-c-button--m-primary__c-badge--BorderColor: var(--pf-t--global--border--color--default);
7698
- --pf-v6-c-button--m-primary__c-badge--BorderWidth: var(--pf-t--global--border--width--regular);
7699
7718
  }
7700
7719
 
7701
7720
  .pf-v6-c-button {
@@ -7723,6 +7742,9 @@ button.pf-v6-c-breadcrumb__link {
7723
7742
  border-start-end-radius: var(--pf-v6-c-button--BorderStartEndRadius, var(--pf-v6-c-button--BorderRadius));
7724
7743
  border-end-start-radius: var(--pf-v6-c-button--BorderEndStartRadius, var(--pf-v6-c-button--BorderRadius));
7725
7744
  border-end-end-radius: var(--pf-v6-c-button--BorderEndEndRadius, var(--pf-v6-c-button--BorderRadius));
7745
+ transition-timing-function: var(--pf-v6-c-button--TransitionTimingFunction);
7746
+ transition-duration: var(--pf-v6-c-button--TransitionDuration);
7747
+ transition-property: var(--pf-v6-c-button--TransitionProperty);
7726
7748
  }
7727
7749
  .pf-v6-c-button::after {
7728
7750
  position: absolute;
@@ -7732,6 +7754,7 @@ button.pf-v6-c-breadcrumb__link {
7732
7754
  border: var(--pf-v6-c-button--BorderWidth) solid;
7733
7755
  border-color: var(--pf-v6-c-button--BorderColor);
7734
7756
  border-radius: inherit;
7757
+ transition: inherit;
7735
7758
  }
7736
7759
  .pf-v6-c-button.pf-m-primary {
7737
7760
  --pf-v6-c-button--Color: var(--pf-v6-c-button--m-primary--Color);
@@ -7745,7 +7768,7 @@ button.pf-v6-c-breadcrumb__link {
7745
7768
  --pf-v6-c-button--m-clicked__icon--Color: var(--pf-v6-c-button--m-primary--m-clicked__icon--Color);
7746
7769
  }
7747
7770
  .pf-v6-c-button.pf-m-primary .pf-v6-c-badge.pf-m-unread {
7748
- border: var(--pf-v6-c-button--m-primary__c-badge--BorderWidth) solid var(--pf-v6-c-button--m-primary__c-badge--BorderColor);
7771
+ --pf-v6-c-badge--BorderColor: var(--pf-v6-c-button--m-primary__c-badge--BorderColor);
7749
7772
  }
7750
7773
  .pf-v6-c-button.pf-m-secondary {
7751
7774
  --pf-v6-c-button--Color: var(--pf-v6-c-button--m-secondary--Color);
@@ -7976,9 +7999,6 @@ button.pf-v6-c-breadcrumb__link {
7976
7999
  pointer-events: none;
7977
8000
  }
7978
8001
  .pf-v6-c-button:disabled, .pf-v6-c-button.pf-m-disabled, .pf-v6-c-button.pf-m-aria-disabled {
7979
- --pf-v6-c-badge--m-unread--Color: var(--pf-v6-c-button--disabled__c-badge--Color);
7980
- --pf-v6-c-badge--m-unread--BackgroundColor: var(--pf-v6-c-button--disabled__c-badge--BackgroundColor);
7981
- --pf-v6-c-button--m-primary__c-badge--BorderWidth: 0;
7982
8002
  color: var(--pf-v6-c-button--disabled--Color);
7983
8003
  background-color: var(--pf-v6-c-button--disabled--BackgroundColor);
7984
8004
  }
@@ -7995,7 +8015,6 @@ button.pf-v6-c-breadcrumb__link {
7995
8015
  .pf-v6-c-button.pf-m-progress {
7996
8016
  --pf-v6-c-button--PaddingInlineEnd: var(--pf-v6-c-button--m-progress--PaddingInlineEnd);
7997
8017
  --pf-v6-c-button--PaddingInlineStart: var(--pf-v6-c-button--m-progress--PaddingInlineStart);
7998
- transition: var(--pf-v6-c-button--m-progress--TransitionProperty) var(--pf-v6-c-button--m-progress--TransitionDuration);
7999
8018
  }
8000
8019
  .pf-v6-c-button.pf-m-in-progress {
8001
8020
  --pf-v6-c-button--m-link--m-inline--PaddingInlineStart: var(--pf-v6-c-button--m-link--m-inline--m-in-progress--PaddingInlineStart);
@@ -16482,6 +16501,7 @@ ul.pf-v6-c-list {
16482
16501
  --pf-v6-c-modal-box--m-info__title-icon--Color: var(--pf-t--global--icon--color--status--info--default);
16483
16502
  --pf-v6-c-modal-box--m-custom__title-icon--Color: var(--pf-t--global--icon--color--status--custom--default);
16484
16503
  --pf-v6-c-modal-box__header--PaddingBlockStart: var(--pf-t--global--spacer--lg);
16504
+ --pf-v6-c-modal-box__header--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
16485
16505
  --pf-v6-c-modal-box__header--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
16486
16506
  --pf-v6-c-modal-box__header--PaddingInlineStart: var(--pf-t--global--spacer--lg);
16487
16507
  --pf-v6-c-modal-box__header--Gap: var(--pf-t--global--spacer--md);
@@ -16498,7 +16518,7 @@ ul.pf-v6-c-list {
16498
16518
  --pf-v6-c-modal-box__body--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
16499
16519
  --pf-v6-c-modal-box__body--PaddingInlineStart: var(--pf-t--global--spacer--lg);
16500
16520
  --pf-v6-c-modal-box__body--last-child--PaddingBlockEnd: var(--pf-t--global--spacer--lg);
16501
- --pf-v6-c-modal-box__header--body--PaddingBlockStart: var(--pf-t--global--spacer--md);
16521
+ --pf-v6-c-modal-box__header--body--PaddingBlockStart: var(--pf-t--global--spacer--sm);
16502
16522
  --pf-v6-c-modal-box__close--InsetBlockStart: var(--pf-v6-c-modal-box__header--PaddingBlockStart);
16503
16523
  --pf-v6-c-modal-box__close--InsetInlineEnd: var(--pf-v6-c-modal-box__header--PaddingInlineEnd);
16504
16524
  --pf-v6-c-modal-box__close--sibling--MarginInlineEnd: calc(var(--pf-t--global--spacer--xl) + var(--pf-t--global--spacer--sm));
@@ -16578,6 +16598,7 @@ ul.pf-v6-c-list {
16578
16598
  flex-shrink: 0;
16579
16599
  gap: var(--pf-v6-c-modal-box__header--Gap);
16580
16600
  padding-block-start: var(--pf-v6-c-modal-box__header--PaddingBlockStart);
16601
+ padding-block-end: var(--pf-v6-c-modal-box__header--PaddingBlockEnd);
16581
16602
  padding-inline-start: var(--pf-v6-c-modal-box__header--PaddingInlineStart);
16582
16603
  padding-inline-end: var(--pf-v6-c-modal-box__header--PaddingInlineEnd);
16583
16604
  }