@patternfly/patternfly 6.0.0-alpha.70 → 6.0.0-alpha.72

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 (10) hide show
  1. package/components/Button/button.css +42 -22
  2. package/components/Button/button.scss +47 -23
  3. package/components/Label/label.css +11 -5
  4. package/components/Label/label.scss +12 -11
  5. package/package.json +1 -1
  6. package/patternfly-no-globals.css +53 -27
  7. package/patternfly-theme-dark-unversioned.css +53 -27
  8. package/patternfly.css +53 -27
  9. package/patternfly.min.css +1 -1
  10. package/patternfly.min.css.map +1 -1
package/patternfly-no-globals.css CHANGED
@@ -7874,7 +7874,8 @@ button.pf-v5-c-breadcrumb__link {
7874
7874
  --pf-v5-c-button--m-link--PaddingLeft: var(--pf-t--global--spacer--md);
7875
7875
  --pf-v5-c-button--m-link--Color: var(--pf-t--global--text--color--brand--default);
7876
7876
  --pf-v5-c-button--m-link--BackgroundColor: var(--pf-t--global--background--color--action--plain--default);
7877
- --pf-v5-c-button--m-link--MixBlendMode: var(--pf-t--global--background--color--action--plain--hover--blend);
7877
+ --pf-v5-c-button--m-link--hover--MixBlendMode: var(--pf-t--global--background--color--action--plain--hover--blend);
7878
+ --pf-v5-c-button--m-link--m-clicked--MixBlendMode: var(--pf-t--global--background--color--action--plain--hover--blend);
7878
7879
  --pf-v5-c-button--m-link__icon--Color: var(--pf-t--global--icon--color--brand--default);
7879
7880
  --pf-v5-c-button--m-link--hover--Color: var(--pf-t--global--text--color--brand--hover);
7880
7881
  --pf-v5-c-button--m-link--hover--BackgroundColor: var(--pf-t--global--background--color--action--plain--hover);
@@ -7883,19 +7884,24 @@ button.pf-v5-c-breadcrumb__link {
7883
7884
  --pf-v5-c-button--m-link--m-clicked--BackgroundColor: var(--pf-t--global--background--color--action--plain--clicked);
7884
7885
  --pf-v5-c-button--m-link--m-clicked__icon--Color: var(--pf-t--global--text--color--brand--clicked);
7885
7886
  --pf-v5-c-button--m-link--m-danger--Color: var(--pf-t--global--text--color--status--danger--default);
7887
+ --pf-v5-c-button--m-link--m-danger--BackgroundColor: var(--pf-t--global--background--color--action--plain--default);
7886
7888
  --pf-v5-c-button--m-link--m-danger__icon--Color: var(--pf-t--global--text--color--status--danger--default);
7887
7889
  --pf-v5-c-button--m-link--m-danger--hover--Color: var(--pf-t--global--text--color--status--danger--hover);
7890
+ --pf-v5-c-button--m-link--m-danger--hover--BackgroundColor: var(--pf-t--global--background--color--action--plain--hover);
7888
7891
  --pf-v5-c-button--m-link--m-danger--hover__icon--Color: var(--pf-t--global--text--color--status--danger--hover);
7889
7892
  --pf-v5-c-button--m-link--m-danger--m-clicked--Color: var(--pf-t--global--text--color--status--danger--clicked);
7893
+ --pf-v5-c-button--m-link--m-danger--m-clicked--BackgroundColor: var(--pf-t--global--background--color--action--plain--clicked);
7890
7894
  --pf-v5-c-button--m-link--m-danger--m-clicked__icon--Color: var(--pf-t--global--text--color--status--danger--clicked);
7891
7895
  --pf-v5-c-button--m-link--m-inline--FontSize: initial;
7892
7896
  --pf-v5-c-button--m-link--m-inline--LineHeight: initial;
7893
7897
  --pf-v5-c-button--m-link--m-inline--FontWeight: initial;
7894
- --pf-v5-c-button--m-link--m-inline--hover--TextDecoration: var(--pf-t--global--link--text-decoration--hover);
7895
7898
  --pf-v5-c-button--m-link--m-inline--PaddingTop: 0;
7896
7899
  --pf-v5-c-button--m-link--m-inline--PaddingRight: 0;
7897
7900
  --pf-v5-c-button--m-link--m-inline--PaddingBottom: 0;
7898
7901
  --pf-v5-c-button--m-link--m-inline--PaddingLeft: 0;
7902
+ --pf-v5-c-button--m-link--m-inline--hover--TextDecoration: var(--pf-t--global--link--text-decoration--hover);
7903
+ --pf-v5-c-button--m-link--m-inline--hover--MixBlendMode: normal;
7904
+ --pf-v5-c-button--m-link--m-inline--m-clicked--MixBlendMode: normal
7899
7905
  --pf-v5-c-button--m-link--m-inline__progress--Left: var(--pf-t--global--spacer--xs);
7900
7906
  --pf-v5-c-button--m-link--m-inline--m-in-progress--PaddingLeft: calc(var(--pf-v5-c-button--m-link--m-inline__progress--Left) + 1rem + var(--pf-t--global--spacer--sm));
7901
7907
  --pf-v5-c-button--m-link--m-inline--disabled--Color: var(--pf-t--global--text--color--disabled);
@@ -7907,18 +7913,21 @@ button.pf-v5-c-breadcrumb__link {
7907
7913
  --pf-v5-c-button--m-plain--PaddingLeft: var(--pf-t--global--spacer--sm);
7908
7914
  --pf-v5-c-button--m-plain--Color: var(--pf-t--global--icon--color--regular);
7909
7915
  --pf-v5-c-button--m-plain--BackgroundColor: var(--pf-t--global--background--color--action--plain--default);
7910
- --pf-v5-c-button--m-plain--MixBlendMode: var(--pf-t--global--background--color--action--plain--hover--blend);
7916
+ --pf-v5-c-button--m-plain--hover--MixBlendMode: var(--pf-t--global--background--color--action--plain--hover--blend);
7917
+ --pf-v5-c-button--m-plain--m-clicked--MixBlendMode: var(--pf-t--global--background--color--action--plain--hover--blend);
7911
7918
  --pf-v5-c-button--m-plain--MinWidth: calc(1em * var(--pf-v5-c-button--LineHeight) + var(--pf-v5-c-button--m-plain--PaddingTop) + var(--pf-v5-c-button--m-plain--PaddingBottom));
7912
7919
  --pf-v5-c-button--m-plain--hover--Color: var(--pf-t--global--icon--color--regular);
7913
7920
  --pf-v5-c-button--m-plain--hover--BackgroundColor: var(--pf-t--global--background--color--action--plain--hover);
7914
7921
  --pf-v5-c-button--m-plain--m-clicked--Color: var(--pf-t--global--icon--color--regular);
7915
7922
  --pf-v5-c-button--m-plain--m-clicked--BackgroundColor: var(--pf-t--global--background--color--action--plain--clicked);
7916
- --pf-v5-c-button--m-plain--disabled--Color: var(--pf-t--global--icon--color--on-disabled);
7923
+ --pf-v5-c-button--m-plain--disabled--Color: var(--pf-t--global--icon--color--disabled);
7924
+ --pf-v5-c-button--m-plain--disabled--BackgroundColor: transparent;
7917
7925
  --pf-v5-c-button--m-plain--m-small--PaddingTop: var(--pf-t--global--spacer--xs);
7918
7926
  --pf-v5-c-button--m-plain--m-small--PaddingRight: var(--pf-t--global--spacer--xs);
7919
7927
  --pf-v5-c-button--m-plain--m-small--PaddingBottom: var(--pf-t--global--spacer--xs);
7920
7928
  --pf-v5-c-button--m-plain--m-small--PaddingLeft: var(--pf-t--global--spacer--xs);
7921
- --pf-v5-c-button--m-plain--m-no-padding--MixBlendMode: normal;
7929
+ --pf-v5-c-button--m-plain--m-no-padding--hover--MixBlendMode: normal;
7930
+ --pf-v5-c-button--m-plain--m-no-padding--m-clicked--MixBlendMode: normal;
7922
7931
  --pf-v5-c-button--m-plain--m-no-padding--MinWidth: auto;
7923
7932
  --pf-v5-c-button--m-plain--m-no-padding--PaddingTop: 0;
7924
7933
  --pf-v5-c-button--m-plain--m-no-padding--PaddingRight: 0;
@@ -8002,9 +8011,10 @@ button.pf-v5-c-breadcrumb__link {
8002
8011
  --pf-v5-c-button--m-small--PaddingBottom: var(--pf-t--global--spacer--xs);
8003
8012
  --pf-v5-c-button--m-small--PaddingLeft: var(--pf-t--global--spacer--md);
8004
8013
  --pf-v5-c-button--disabled--Color: var(--pf-t--global--text--color--on-disabled);
8005
- --pf-v5-c-button--disabled__icon--Color: var(--pf-t--global--icon--color--on-disabled);
8014
+ --pf-v5-c-button--disabled--MixBlendMode: normal;
8006
8015
  --pf-v5-c-button--disabled--BackgroundColor: var(--pf-t--global--background--color--disabled--default);
8007
8016
  --pf-v5-c-button--disabled--BorderColor: transparent;
8017
+ --pf-v5-c-button--disabled__icon--Color: var(--pf-t--global--icon--color--on-disabled);
8008
8018
  --pf-v5-c-button__icon--Color: var(--pf-t--global--icon--color--regular);
8009
8019
  --pf-v5-c-button--hover__icon--Color: var(--pf-t--global--icon--color--regular);
8010
8020
  --pf-v5-c-button--m-clicked__icon--Color: var(--pf-t--global--icon--color--regular);
@@ -8058,6 +8068,7 @@ button.pf-v5-c-breadcrumb__link {
8058
8068
  border-start-end-radius: var(--pf-v5-c-button--BorderStartEndRadius, var(--pf-v5-c-button--BorderRadius));
8059
8069
  border-end-start-radius: var(--pf-v5-c-button--BorderEndStartRadius, var(--pf-v5-c-button--BorderRadius));
8060
8070
  border-end-end-radius: var(--pf-v5-c-button--BorderEndEndRadius, var(--pf-v5-c-button--BorderRadius));
8071
+ mix-blend-mode: var(--pf-v5-c-button--MixBlendMode);
8061
8072
  }
8062
8073
  .pf-v5-c-button::after {
8063
8074
  position: absolute;
@@ -8124,13 +8135,14 @@ button.pf-v5-c-breadcrumb__link {
8124
8135
  --pf-v5-c-button--Color: var(--pf-v5-c-button--m-link--Color);
8125
8136
  --pf-v5-c-button--BorderRadius: var(--pf-v5-c-button--m-link--BorderRadius);
8126
8137
  --pf-v5-c-button--BackgroundColor: var(--pf-v5-c-button--m-link--BackgroundColor);
8127
- --pf-v5-c-button--MixBlendMode: var(--pf-v5-c-button--m-link--MixBlendMode);
8128
8138
  --pf-v5-c-button__icon--Color: var(--pf-v5-c-button--m-link__icon--Color);
8139
+ --pf-v5-c-button--hover--MixBlendMode: var(--pf-v5-c-button--m-link--hover--MixBlendMode);
8129
8140
  --pf-v5-c-button--hover--Color: var(--pf-v5-c-button--m-link--hover--Color);
8130
8141
  --pf-v5-c-button--hover--BackgroundColor: var(--pf-v5-c-button--m-link--hover--BackgroundColor);
8131
8142
  --pf-v5-c-button--hover__icon--Color: var(--pf-v5-c-button--m-link--hover__icon--Color);
8132
8143
  --pf-v5-c-button--m-clicked--Color: var(--pf-v5-c-button--m-link--m-clicked--Color);
8133
8144
  --pf-v5-c-button--m-clicked--BackgroundColor: var(--pf-v5-c-button--m-link--m-clicked--BackgroundColor);
8145
+ --pf-v5-c-button--m-clicked--MixBlendMode: var(--pf-v5-c-button--m-link--m-clicked--MixBlendMode);
8134
8146
  --pf-v5-c-button--m-clicked__icon--Color: var(--pf-v5-c-button--m-link--m-clicked__icon--Color);
8135
8147
  }
8136
8148
  .pf-v5-c-button.pf-m-link.pf-m-inline {
@@ -8145,7 +8157,9 @@ button.pf-v5-c-breadcrumb__link {
8145
8157
  --pf-v5-c-button__progress--Left: var(--pf-v5-c-button--m-link--m-inline__progress--Left);
8146
8158
  --pf-v5-c-button--hover--TextDecoration: var(--pf-v5-c-button--m-link--m-inline--hover--TextDecoration);
8147
8159
  --pf-v5-c-button--hover--BackgroundColor: transparent;
8160
+ --pf-v5-c-button--hover--MixBlendMode: var(--pf-v5-c-button--m-link--m-inline--hover--MixBlendMode);
8148
8161
  --pf-v5-c-button--m-clicked--BackgroundColor: transparent;
8162
+ --pf-v5-c-button--m-clicked--MixBlendMode: var(--pf-v5-c-button--m-link--m-inline--m-clicked--MixBlendMode);
8149
8163
  --pf-v5-c-button--disabled--BackgroundColor: transparent;
8150
8164
  --pf-v5-c-button--disabled--Color: var(--pf-v5-c-button--m-link--m-inline--disabled--Color);
8151
8165
  --pf-v5-c-button--disabled__icon--Color: var(--pf-v5-c-button--m-link--m-inline--disabled__icon--Color);
@@ -8154,16 +8168,16 @@ button.pf-v5-c-breadcrumb__link {
8154
8168
  white-space: normal;
8155
8169
  outline-offset: 0.125rem;
8156
8170
  }
8157
- .pf-v5-c-button.pf-m-link:where(.pf-m-danger) {
8171
+ .pf-v5-c-button.pf-m-link.pf-m-danger {
8158
8172
  --pf-v5-c-button--m-danger--Color: var(--pf-v5-c-button--m-link--m-danger--Color);
8173
+ --pf-v5-c-button--m-danger--BackgroundColor: var(--pf-v5-c-button--m-link--m-danger--BackgroundColor);
8159
8174
  --pf-v5-c-button--m-danger__icon--Color: var(--pf-v5-c-button--m-link--m-danger__icon--Color);
8160
8175
  --pf-v5-c-button--m-danger--hover--Color: var(--pf-v5-c-button--m-link--m-danger--hover--Color);
8176
+ --pf-v5-c-button--m-danger--hover--BackgroundColor: var(--pf-v5-c-button--m-link--m-danger--hover--BackgroundColor);
8161
8177
  --pf-v5-c-button--m-danger--hover__icon--Color: var(--pf-v5-c-button--m-link--m-danger--hover__icon--Color);
8162
8178
  --pf-v5-c-button--m-danger--m-clicked--Color: var(--pf-v5-c-button--m-link--m-danger--m-clicked--Color);
8179
+ --pf-v5-c-button--m-danger--m-clicked--BackgroundColor: var(--pf-v5-c-button--m-link--m-danger--m-clicked--BackgroundColor);
8163
8180
  --pf-v5-c-button--m-danger--m-clicked__icon--Color: var(--pf-v5-c-button--m-link--m-danger--m-clicked__icon--Color);
8164
- --pf-v5-c-button--m-danger--BackgroundColor: transparent;
8165
- --pf-v5-c-button--m-danger--hover--BackgroundColor: transparent;
8166
- --pf-v5-c-button--m-danger--m-clicked--BackgroundColor: transparent;
8167
8181
  }
8168
8182
  .pf-v5-c-button.pf-m-link.pf-m-display-lg {
8169
8183
  --pf-v5-c-button--FontSize: var(--pf-v5-c-button--m-link--m-display-lg--FontSize);
@@ -8208,7 +8222,7 @@ button.pf-v5-c-breadcrumb__link {
8208
8222
  --pf-v5-c-button--m-clicked--BackgroundColor: var(--pf-v5-c-button--m-control--m-clicked--BackgroundColor);
8209
8223
  --pf-v5-c-button--m-clicked--BorderColor: var(--pf-v5-c-button--m-control--m-clicked--BorderColor);
8210
8224
  --pf-v5-c-button--m-clicked--BorderWidth: var(--pf-v5-c-button--m-control--m-clicked--BorderWidth);
8211
- --pf-v5-c-button--m-clicked--Color: var(--pf-v5-c-button--m-control--m-clicked__icon--Color);
8225
+ --pf-v5-c-button--m-clicked__icon--Color: var(--pf-v5-c-button--m-control--m-clicked__icon--Color);
8212
8226
  }
8213
8227
  .pf-v5-c-button.pf-m-stateful {
8214
8228
  --pf-v5-c-button--BorderRadius: var(--pf-v5-c-button--m-stateful--BorderRadius);
@@ -8246,24 +8260,26 @@ button.pf-v5-c-breadcrumb__link {
8246
8260
  --pf-v5-c-button--m-clicked__icon--Color: var(--pf-v5-c-button--m-attention--m-clicked__icon--Color);
8247
8261
  }
8248
8262
  .pf-v5-c-button.pf-m-plain {
8263
+ --pf-v5-c-button--BorderRadius: var(--pf-v5-c-button--m-plain--BorderRadius);
8264
+ --pf-v5-c-button--Color: var(--pf-v5-c-button--m-plain--Color);
8265
+ --pf-v5-c-button--BackgroundColor: var(--pf-v5-c-button--m-plain--BackgroundColor);
8249
8266
  --pf-v5-c-button--PaddingTop: var(--pf-v5-c-button--m-plain--PaddingTop);
8250
8267
  --pf-v5-c-button--PaddingRight: var(--pf-v5-c-button--m-plain--PaddingRight);
8251
8268
  --pf-v5-c-button--PaddingBottom: var(--pf-v5-c-button--m-plain--PaddingBottom);
8252
8269
  --pf-v5-c-button--PaddingLeft: var(--pf-v5-c-button--m-plain--PaddingLeft);
8253
- --pf-v5-c-button--MixBlendMode: var(--pf-v5-c-button--m-plain--MixBlendMode);
8254
- --pf-v5-c-button--m-small--PaddingTop: var(--pf-v5-c-button--m-plain--m-small--PaddingTop);
8255
- --pf-v5-c-button--m-small--PaddingRight: var(--pf-v5-c-button--m-plain--m-small--PaddingRight);
8256
- --pf-v5-c-button--m-small--PaddingBottom: var(--pf-v5-c-button--m-plain--m-small--PaddingBottom);
8257
- --pf-v5-c-button--m-small--PaddingLeft: var(--pf-v5-c-button--m-plain--m-small--PaddingLeft);
8258
- --pf-v5-c-button--BorderRadius: var(--pf-v5-c-button--m-plain--BorderRadius);
8259
- --pf-v5-c-button--Color: var(--pf-v5-c-button--m-plain--Color);
8260
- --pf-v5-c-button--BackgroundColor: var(--pf-v5-c-button--m-plain--BackgroundColor);
8270
+ --pf-v5-c-button__progress--Color: var(--pf-v5-c-button--m-in-progress--m-plain--Color);
8261
8271
  --pf-v5-c-button--hover--Color: var(--pf-v5-c-button--m-plain--hover--Color);
8262
8272
  --pf-v5-c-button--hover--BackgroundColor: var(--pf-v5-c-button--m-plain--hover--BackgroundColor);
8273
+ --pf-v5-c-button--hover--MixBlendMode: var(--pf-v5-c-button--m-plain--hover--MixBlendMode);
8263
8274
  --pf-v5-c-button--m-clicked--Color: var(--pf-v5-c-button--m-plain--m-clicked--Color);
8264
8275
  --pf-v5-c-button--m-clicked--BackgroundColor: var(--pf-v5-c-button--m-plain--m-clicked--BackgroundColor);
8276
+ --pf-v5-c-button--m-clicked--MixBlendMode: var(--pf-v5-c-button--m-plain--m-clicked--MixBlendMode);
8265
8277
  --pf-v5-c-button--disabled--Color: var(--pf-v5-c-button--m-plain--disabled--Color);
8266
- --pf-v5-c-button__progress--Color: var(--pf-v5-c-button--m-in-progress--m-plain--Color);
8278
+ --pf-v5-c-button--disabled--BackgroundColor: var(--pf-v5-c-button--m-plain--disabled--BackgroundColor);
8279
+ --pf-v5-c-button--m-small--PaddingTop: var(--pf-v5-c-button--m-plain--m-small--PaddingTop);
8280
+ --pf-v5-c-button--m-small--PaddingRight: var(--pf-v5-c-button--m-plain--m-small--PaddingRight);
8281
+ --pf-v5-c-button--m-small--PaddingBottom: var(--pf-v5-c-button--m-plain--m-small--PaddingBottom);
8282
+ --pf-v5-c-button--m-small--PaddingLeft: var(--pf-v5-c-button--m-plain--m-small--PaddingLeft);
8267
8283
  min-width: var(--pf-v5-c-button--m-plain--MinWidth);
8268
8284
  }
8269
8285
  .pf-v5-c-button.pf-m-plain.pf-m-no-padding {
@@ -8274,7 +8290,8 @@ button.pf-v5-c-breadcrumb__link {
8274
8290
  --pf-v5-c-button--m-plain--PaddingRight: var(--pf-v5-c-button--m-plain--m-no-padding--PaddingRight);
8275
8291
  --pf-v5-c-button--m-plain--PaddingBottom: var(--pf-v5-c-button--m-plain--m-no-padding--PaddingBottom);
8276
8292
  --pf-v5-c-button--m-plain--PaddingLeft: var(--pf-v5-c-button--m-plain--m-no-padding--PaddingLeft);
8277
- --pf-v5-c-button--m-plain--MixBlendMode: var(--pf-v5-c-button--m-plain--m-no-padding--MixBlendMode);
8293
+ --pf-v5-c-button--m-plain--hover--MixBlendMode: var(--pf-v5-c-button--m-plain--m-no-padding--hover--MixBlendMode);
8294
+ --pf-v5-c-button--m-plain--m-clicked--MixBlendMode: var(--pf-v5-c-button--m-plain--m-no-padding--m-clicked--MixBlendMode);
8278
8295
  min-width: var(--pf-v5-c-button--m-plain--m-no-padding--MinWidth);
8279
8296
  }
8280
8297
  .pf-v5-c-button.pf-m-block {
@@ -8300,6 +8317,7 @@ button.pf-v5-c-breadcrumb__link {
8300
8317
  --pf-v5-c-button--BorderColor: var(--pf-v5-c-button--hover--BorderColor);
8301
8318
  --pf-v5-c-button--BorderWidth: var(--pf-v5-c-button--hover--BorderWidth);
8302
8319
  --pf-v5-c-button--TextDecoration: var(--pf-v5-c-button--hover--TextDecoration);
8320
+ --pf-v5-c-button--MixBlendMode: var(--pf-v5-c-button--hover--MixBlendMode);
8303
8321
  --pf-v5-c-button__icon--Color: var(--pf-v5-c-button--hover__icon--Color);
8304
8322
  }
8305
8323
  .pf-v5-c-button.pf-m-clicked {
@@ -8307,6 +8325,7 @@ button.pf-v5-c-breadcrumb__link {
8307
8325
  --pf-v5-c-button--BackgroundColor: var(--pf-v5-c-button--m-clicked--BackgroundColor);
8308
8326
  --pf-v5-c-button--BorderWidth: var(--pf-v5-c-button--m-clicked--BorderWidth);
8309
8327
  --pf-v5-c-button--BorderColor: var(--pf-v5-c-button--m-clicked--BorderColor);
8328
+ --pf-v5-c-button--MixBlendMode: var(--pf-v5-c-button--m-clicked--MixBlendMode);
8310
8329
  --pf-v5-c-button__icon--Color: var(--pf-v5-c-button--m-clicked__icon--Color);
8311
8330
  }
8312
8331
  .pf-v5-c-button:disabled, .pf-v5-c-button.pf-m-disabled {
@@ -8316,6 +8335,7 @@ button.pf-v5-c-breadcrumb__link {
8316
8335
  --pf-v5-c-badge--m-unread--Color: var(--pf-v5-c-button--disabled__c-badge--Color);
8317
8336
  --pf-v5-c-badge--m-unread--BackgroundColor: var(--pf-v5-c-button--disabled__c-badge--BackgroundColor);
8318
8337
  --pf-v5-c-button--m-primary__c-badge--BorderWidth: 0;
8338
+ --pf-v5-c-button--MixBlendMode: var(--pf-v5-c-button--disabled--MixBlendMode);
8319
8339
  color: var(--pf-v5-c-button--disabled--Color);
8320
8340
  background-color: var(--pf-v5-c-button--disabled--BackgroundColor);
8321
8341
  }
@@ -18255,6 +18275,7 @@ label.pf-v5-c-input-group__text {
18255
18275
  --pf-v5-c-label--m-custom--m-outline--m-clickable--hover__icon--Color: var(--pf-t--global--icon--color--status--custom--hover);
18256
18276
  --pf-v5-c-label--m-clickable--hover--BorderWidth: 0;
18257
18277
  --pf-v5-c-label--m-clickable--hover--BorderColor: transparent;
18278
+ --pf-v5-c-label--m-clickable__content--Cursor: pointer;
18258
18279
  --pf-v5-c-label--m-filled__actions--c-button--Color: var(--pf-v5-c-label__icon--Color);
18259
18280
  --pf-v5-c-label--m-outline--BorderWidth: var(--pf-t--global--border--width--button--default);
18260
18281
  --pf-v5-c-label--m-outline--BackgroundColor: transparent;
@@ -18285,6 +18306,7 @@ label.pf-v5-c-input-group__text {
18285
18306
  --pf-v5-c-label--m-compact--m-editable--TextDecorationOffset: 0.0625rem;
18286
18307
  --pf-v5-c-label__content--MaxWidth: 100%;
18287
18308
  --pf-v5-c-label__content--Gap: var(--pf-t--global--spacer--xs);
18309
+ --pf-v5-c-label__content--Cursor: initial;
18288
18310
  --pf-v5-c-label__icon--FontSize: var(--pf-t--global--icon--size--body--sm);
18289
18311
  --pf-v5-c-label__text--MaxWidth: 100%;
18290
18312
  --pf-v5-c-label__actions--MarginRight: calc(var(--pf-v5-c-label__actions--c-button--PaddingRight) * -1);
@@ -18302,9 +18324,11 @@ label.pf-v5-c-input-group__text {
18302
18324
  --pf-v5-c-label--m-editable--TextDecorationOffset: 0.25rem;
18303
18325
  --pf-v5-c-label--m-editable--TextDecorationColor: currentcolor;
18304
18326
  --pf-v5-c-label--m-editable__content--MaxWidth: 16ch;
18327
+ --pf-v5-c-label--m-editable__content--Cursor: pointer;
18305
18328
  --pf-v5-c-label--m-editable--m-editable-active--TextDecoration: none;
18306
18329
  --pf-v5-c-label--m-editable--m-editable-active--BackgroundColor: transparent;
18307
18330
  --pf-v5-c-label--m-editable--m-editable-active--Color: var(--pf-t--global--text--color--regular);
18331
+ --pf-v5-c-label--m-editable--m-editable-active__content--Cursor: initial;
18308
18332
  }
18309
18333
 
18310
18334
  .pf-v5-c-label {
@@ -18486,6 +18510,7 @@ label.pf-v5-c-input-group__text {
18486
18510
  }
18487
18511
  .pf-v5-c-label.pf-m-editable {
18488
18512
  --pf-v5-c-label__content--MaxWidth: var(--pf-v5-c-label--m-editable__content--MaxWidth);
18513
+ --pf-v5-c-label__content--Cursor: var(--pf-v5-c-label--m-editable__content--Cursor);
18489
18514
  }
18490
18515
  .pf-v5-c-label.pf-m-editable .pf-v5-c-label__text {
18491
18516
  text-decoration: var(--pf-v5-c-label--m-editable--TextDecoration);
@@ -18498,6 +18523,7 @@ label.pf-v5-c-input-group__text {
18498
18523
  --pf-v5-c-label--m-editable--TextDecoration: var(--pf-v5-c-label--m-editable--m-editable-active--TextDecoration);
18499
18524
  --pf-v5-c-label--BackgroundColor: var(--pf-v5-c-label--m-editable--m-editable-active--BackgroundColor);
18500
18525
  --pf-v5-c-label--Color: var(--pf-v5-c-label--m-editable--m-editable-active--Color);
18526
+ --pf-v5-c-label__content--Cursor: var(--pf-v5-c-label--m-editable--m-editable-active__content--Cursor);
18501
18527
  }
18502
18528
  .pf-v5-c-label.pf-m-overflow {
18503
18529
  --pf-v5-c-label--Color: var(--pf-v5-c-label--m-overflow--Color);
@@ -18520,11 +18546,8 @@ label.pf-v5-c-input-group__text {
18520
18546
  --pf-v5-c-label--m-add--BorderColor: var(--pf-v5-c-label--m-add--hover--BorderColor);
18521
18547
  --pf-v5-c-label--m-add--BorderWidth: var(--pf-v5-c-label--m-add--hover--BorderWidth);
18522
18548
  }
18523
- .pf-v5-c-label.pf-m-clickable .pf-v5-c-label__content, .pf-v5-c-label.pf-m-editable .pf-v5-c-label__content {
18524
- padding: 0;
18525
- cursor: pointer;
18526
- background-color: transparent;
18527
- border: none;
18549
+ .pf-v5-c-label.pf-m-clickable {
18550
+ --pf-v5-c-label__content--Cursor: var(--pf-v5-c-label--m-clickable__content--Cursor);
18528
18551
  }
18529
18552
  .pf-v5-c-label.pf-m-clickable .pf-v5-c-label__content, .pf-v5-c-label.pf-m-clickable .pf-v5-c-label__content:is(:hover, :focus) {
18530
18553
  text-decoration: none;
@@ -18558,8 +18581,11 @@ label.pf-v5-c-input-group__text {
18558
18581
  .pf-v5-c-label__content {
18559
18582
  gap: var(--pf-v5-c-label__content--Gap);
18560
18583
  max-width: var(--pf-v5-c-label__content--MaxWidth);
18584
+ padding: 0;
18561
18585
  overflow: hidden;
18562
18586
  color: var(--pf-v5-c-label--Color);
18587
+ cursor: var(--pf-v5-c-label__content--Cursor, revert);
18588
+ background: transparent;
18563
18589
  border-width: 0;
18564
18590
  }
18565
18591
  .pf-v5-c-label__content::before {
package/patternfly-theme-dark-unversioned.css CHANGED
@@ -7991,7 +7991,8 @@ button.pf-v5-c-breadcrumb__link {
7991
7991
  --pf-v5-c-button--m-link--PaddingLeft: var(--pf-t--global--spacer--md);
7992
7992
  --pf-v5-c-button--m-link--Color: var(--pf-t--global--text--color--brand--default);
7993
7993
  --pf-v5-c-button--m-link--BackgroundColor: var(--pf-t--global--background--color--action--plain--default);
7994
- --pf-v5-c-button--m-link--MixBlendMode: var(--pf-t--global--background--color--action--plain--hover--blend);
7994
+ --pf-v5-c-button--m-link--hover--MixBlendMode: var(--pf-t--global--background--color--action--plain--hover--blend);
7995
+ --pf-v5-c-button--m-link--m-clicked--MixBlendMode: var(--pf-t--global--background--color--action--plain--hover--blend);
7995
7996
  --pf-v5-c-button--m-link__icon--Color: var(--pf-t--global--icon--color--brand--default);
7996
7997
  --pf-v5-c-button--m-link--hover--Color: var(--pf-t--global--text--color--brand--hover);
7997
7998
  --pf-v5-c-button--m-link--hover--BackgroundColor: var(--pf-t--global--background--color--action--plain--hover);
@@ -8000,19 +8001,24 @@ button.pf-v5-c-breadcrumb__link {
8000
8001
  --pf-v5-c-button--m-link--m-clicked--BackgroundColor: var(--pf-t--global--background--color--action--plain--clicked);
8001
8002
  --pf-v5-c-button--m-link--m-clicked__icon--Color: var(--pf-t--global--text--color--brand--clicked);
8002
8003
  --pf-v5-c-button--m-link--m-danger--Color: var(--pf-t--global--text--color--status--danger--default);
8004
+ --pf-v5-c-button--m-link--m-danger--BackgroundColor: var(--pf-t--global--background--color--action--plain--default);
8003
8005
  --pf-v5-c-button--m-link--m-danger__icon--Color: var(--pf-t--global--text--color--status--danger--default);
8004
8006
  --pf-v5-c-button--m-link--m-danger--hover--Color: var(--pf-t--global--text--color--status--danger--hover);
8007
+ --pf-v5-c-button--m-link--m-danger--hover--BackgroundColor: var(--pf-t--global--background--color--action--plain--hover);
8005
8008
  --pf-v5-c-button--m-link--m-danger--hover__icon--Color: var(--pf-t--global--text--color--status--danger--hover);
8006
8009
  --pf-v5-c-button--m-link--m-danger--m-clicked--Color: var(--pf-t--global--text--color--status--danger--clicked);
8010
+ --pf-v5-c-button--m-link--m-danger--m-clicked--BackgroundColor: var(--pf-t--global--background--color--action--plain--clicked);
8007
8011
  --pf-v5-c-button--m-link--m-danger--m-clicked__icon--Color: var(--pf-t--global--text--color--status--danger--clicked);
8008
8012
  --pf-v5-c-button--m-link--m-inline--FontSize: initial;
8009
8013
  --pf-v5-c-button--m-link--m-inline--LineHeight: initial;
8010
8014
  --pf-v5-c-button--m-link--m-inline--FontWeight: initial;
8011
- --pf-v5-c-button--m-link--m-inline--hover--TextDecoration: var(--pf-t--global--link--text-decoration--hover);
8012
8015
  --pf-v5-c-button--m-link--m-inline--PaddingTop: 0;
8013
8016
  --pf-v5-c-button--m-link--m-inline--PaddingRight: 0;
8014
8017
  --pf-v5-c-button--m-link--m-inline--PaddingBottom: 0;
8015
8018
  --pf-v5-c-button--m-link--m-inline--PaddingLeft: 0;
8019
+ --pf-v5-c-button--m-link--m-inline--hover--TextDecoration: var(--pf-t--global--link--text-decoration--hover);
8020
+ --pf-v5-c-button--m-link--m-inline--hover--MixBlendMode: normal;
8021
+ --pf-v5-c-button--m-link--m-inline--m-clicked--MixBlendMode: normal
8016
8022
  --pf-v5-c-button--m-link--m-inline__progress--Left: var(--pf-t--global--spacer--xs);
8017
8023
  --pf-v5-c-button--m-link--m-inline--m-in-progress--PaddingLeft: calc(var(--pf-v5-c-button--m-link--m-inline__progress--Left) + 1rem + var(--pf-t--global--spacer--sm));
8018
8024
  --pf-v5-c-button--m-link--m-inline--disabled--Color: var(--pf-t--global--text--color--disabled);
@@ -8024,18 +8030,21 @@ button.pf-v5-c-breadcrumb__link {
8024
8030
  --pf-v5-c-button--m-plain--PaddingLeft: var(--pf-t--global--spacer--sm);
8025
8031
  --pf-v5-c-button--m-plain--Color: var(--pf-t--global--icon--color--regular);
8026
8032
  --pf-v5-c-button--m-plain--BackgroundColor: var(--pf-t--global--background--color--action--plain--default);
8027
- --pf-v5-c-button--m-plain--MixBlendMode: var(--pf-t--global--background--color--action--plain--hover--blend);
8033
+ --pf-v5-c-button--m-plain--hover--MixBlendMode: var(--pf-t--global--background--color--action--plain--hover--blend);
8034
+ --pf-v5-c-button--m-plain--m-clicked--MixBlendMode: var(--pf-t--global--background--color--action--plain--hover--blend);
8028
8035
  --pf-v5-c-button--m-plain--MinWidth: calc(1em * var(--pf-v5-c-button--LineHeight) + var(--pf-v5-c-button--m-plain--PaddingTop) + var(--pf-v5-c-button--m-plain--PaddingBottom));
8029
8036
  --pf-v5-c-button--m-plain--hover--Color: var(--pf-t--global--icon--color--regular);
8030
8037
  --pf-v5-c-button--m-plain--hover--BackgroundColor: var(--pf-t--global--background--color--action--plain--hover);
8031
8038
  --pf-v5-c-button--m-plain--m-clicked--Color: var(--pf-t--global--icon--color--regular);
8032
8039
  --pf-v5-c-button--m-plain--m-clicked--BackgroundColor: var(--pf-t--global--background--color--action--plain--clicked);
8033
- --pf-v5-c-button--m-plain--disabled--Color: var(--pf-t--global--icon--color--on-disabled);
8040
+ --pf-v5-c-button--m-plain--disabled--Color: var(--pf-t--global--icon--color--disabled);
8041
+ --pf-v5-c-button--m-plain--disabled--BackgroundColor: transparent;
8034
8042
  --pf-v5-c-button--m-plain--m-small--PaddingTop: var(--pf-t--global--spacer--xs);
8035
8043
  --pf-v5-c-button--m-plain--m-small--PaddingRight: var(--pf-t--global--spacer--xs);
8036
8044
  --pf-v5-c-button--m-plain--m-small--PaddingBottom: var(--pf-t--global--spacer--xs);
8037
8045
  --pf-v5-c-button--m-plain--m-small--PaddingLeft: var(--pf-t--global--spacer--xs);
8038
- --pf-v5-c-button--m-plain--m-no-padding--MixBlendMode: normal;
8046
+ --pf-v5-c-button--m-plain--m-no-padding--hover--MixBlendMode: normal;
8047
+ --pf-v5-c-button--m-plain--m-no-padding--m-clicked--MixBlendMode: normal;
8039
8048
  --pf-v5-c-button--m-plain--m-no-padding--MinWidth: auto;
8040
8049
  --pf-v5-c-button--m-plain--m-no-padding--PaddingTop: 0;
8041
8050
  --pf-v5-c-button--m-plain--m-no-padding--PaddingRight: 0;
@@ -8119,9 +8128,10 @@ button.pf-v5-c-breadcrumb__link {
8119
8128
  --pf-v5-c-button--m-small--PaddingBottom: var(--pf-t--global--spacer--xs);
8120
8129
  --pf-v5-c-button--m-small--PaddingLeft: var(--pf-t--global--spacer--md);
8121
8130
  --pf-v5-c-button--disabled--Color: var(--pf-t--global--text--color--on-disabled);
8122
- --pf-v5-c-button--disabled__icon--Color: var(--pf-t--global--icon--color--on-disabled);
8131
+ --pf-v5-c-button--disabled--MixBlendMode: normal;
8123
8132
  --pf-v5-c-button--disabled--BackgroundColor: var(--pf-t--global--background--color--disabled--default);
8124
8133
  --pf-v5-c-button--disabled--BorderColor: transparent;
8134
+ --pf-v5-c-button--disabled__icon--Color: var(--pf-t--global--icon--color--on-disabled);
8125
8135
  --pf-v5-c-button__icon--Color: var(--pf-t--global--icon--color--regular);
8126
8136
  --pf-v5-c-button--hover__icon--Color: var(--pf-t--global--icon--color--regular);
8127
8137
  --pf-v5-c-button--m-clicked__icon--Color: var(--pf-t--global--icon--color--regular);
@@ -8175,6 +8185,7 @@ button.pf-v5-c-breadcrumb__link {
8175
8185
  border-start-end-radius: var(--pf-v5-c-button--BorderStartEndRadius, var(--pf-v5-c-button--BorderRadius));
8176
8186
  border-end-start-radius: var(--pf-v5-c-button--BorderEndStartRadius, var(--pf-v5-c-button--BorderRadius));
8177
8187
  border-end-end-radius: var(--pf-v5-c-button--BorderEndEndRadius, var(--pf-v5-c-button--BorderRadius));
8188
+ mix-blend-mode: var(--pf-v5-c-button--MixBlendMode);
8178
8189
  }
8179
8190
  .pf-v5-c-button::after {
8180
8191
  position: absolute;
@@ -8241,13 +8252,14 @@ button.pf-v5-c-breadcrumb__link {
8241
8252
  --pf-v5-c-button--Color: var(--pf-v5-c-button--m-link--Color);
8242
8253
  --pf-v5-c-button--BorderRadius: var(--pf-v5-c-button--m-link--BorderRadius);
8243
8254
  --pf-v5-c-button--BackgroundColor: var(--pf-v5-c-button--m-link--BackgroundColor);
8244
- --pf-v5-c-button--MixBlendMode: var(--pf-v5-c-button--m-link--MixBlendMode);
8245
8255
  --pf-v5-c-button__icon--Color: var(--pf-v5-c-button--m-link__icon--Color);
8256
+ --pf-v5-c-button--hover--MixBlendMode: var(--pf-v5-c-button--m-link--hover--MixBlendMode);
8246
8257
  --pf-v5-c-button--hover--Color: var(--pf-v5-c-button--m-link--hover--Color);
8247
8258
  --pf-v5-c-button--hover--BackgroundColor: var(--pf-v5-c-button--m-link--hover--BackgroundColor);
8248
8259
  --pf-v5-c-button--hover__icon--Color: var(--pf-v5-c-button--m-link--hover__icon--Color);
8249
8260
  --pf-v5-c-button--m-clicked--Color: var(--pf-v5-c-button--m-link--m-clicked--Color);
8250
8261
  --pf-v5-c-button--m-clicked--BackgroundColor: var(--pf-v5-c-button--m-link--m-clicked--BackgroundColor);
8262
+ --pf-v5-c-button--m-clicked--MixBlendMode: var(--pf-v5-c-button--m-link--m-clicked--MixBlendMode);
8251
8263
  --pf-v5-c-button--m-clicked__icon--Color: var(--pf-v5-c-button--m-link--m-clicked__icon--Color);
8252
8264
  }
8253
8265
  .pf-v5-c-button.pf-m-link.pf-m-inline {
@@ -8262,7 +8274,9 @@ button.pf-v5-c-breadcrumb__link {
8262
8274
  --pf-v5-c-button__progress--Left: var(--pf-v5-c-button--m-link--m-inline__progress--Left);
8263
8275
  --pf-v5-c-button--hover--TextDecoration: var(--pf-v5-c-button--m-link--m-inline--hover--TextDecoration);
8264
8276
  --pf-v5-c-button--hover--BackgroundColor: transparent;
8277
+ --pf-v5-c-button--hover--MixBlendMode: var(--pf-v5-c-button--m-link--m-inline--hover--MixBlendMode);
8265
8278
  --pf-v5-c-button--m-clicked--BackgroundColor: transparent;
8279
+ --pf-v5-c-button--m-clicked--MixBlendMode: var(--pf-v5-c-button--m-link--m-inline--m-clicked--MixBlendMode);
8266
8280
  --pf-v5-c-button--disabled--BackgroundColor: transparent;
8267
8281
  --pf-v5-c-button--disabled--Color: var(--pf-v5-c-button--m-link--m-inline--disabled--Color);
8268
8282
  --pf-v5-c-button--disabled__icon--Color: var(--pf-v5-c-button--m-link--m-inline--disabled__icon--Color);
@@ -8271,16 +8285,16 @@ button.pf-v5-c-breadcrumb__link {
8271
8285
  white-space: normal;
8272
8286
  outline-offset: 0.125rem;
8273
8287
  }
8274
- .pf-v5-c-button.pf-m-link:where(.pf-m-danger) {
8288
+ .pf-v5-c-button.pf-m-link.pf-m-danger {
8275
8289
  --pf-v5-c-button--m-danger--Color: var(--pf-v5-c-button--m-link--m-danger--Color);
8290
+ --pf-v5-c-button--m-danger--BackgroundColor: var(--pf-v5-c-button--m-link--m-danger--BackgroundColor);
8276
8291
  --pf-v5-c-button--m-danger__icon--Color: var(--pf-v5-c-button--m-link--m-danger__icon--Color);
8277
8292
  --pf-v5-c-button--m-danger--hover--Color: var(--pf-v5-c-button--m-link--m-danger--hover--Color);
8293
+ --pf-v5-c-button--m-danger--hover--BackgroundColor: var(--pf-v5-c-button--m-link--m-danger--hover--BackgroundColor);
8278
8294
  --pf-v5-c-button--m-danger--hover__icon--Color: var(--pf-v5-c-button--m-link--m-danger--hover__icon--Color);
8279
8295
  --pf-v5-c-button--m-danger--m-clicked--Color: var(--pf-v5-c-button--m-link--m-danger--m-clicked--Color);
8296
+ --pf-v5-c-button--m-danger--m-clicked--BackgroundColor: var(--pf-v5-c-button--m-link--m-danger--m-clicked--BackgroundColor);
8280
8297
  --pf-v5-c-button--m-danger--m-clicked__icon--Color: var(--pf-v5-c-button--m-link--m-danger--m-clicked__icon--Color);
8281
- --pf-v5-c-button--m-danger--BackgroundColor: transparent;
8282
- --pf-v5-c-button--m-danger--hover--BackgroundColor: transparent;
8283
- --pf-v5-c-button--m-danger--m-clicked--BackgroundColor: transparent;
8284
8298
  }
8285
8299
  .pf-v5-c-button.pf-m-link.pf-m-display-lg {
8286
8300
  --pf-v5-c-button--FontSize: var(--pf-v5-c-button--m-link--m-display-lg--FontSize);
@@ -8325,7 +8339,7 @@ button.pf-v5-c-breadcrumb__link {
8325
8339
  --pf-v5-c-button--m-clicked--BackgroundColor: var(--pf-v5-c-button--m-control--m-clicked--BackgroundColor);
8326
8340
  --pf-v5-c-button--m-clicked--BorderColor: var(--pf-v5-c-button--m-control--m-clicked--BorderColor);
8327
8341
  --pf-v5-c-button--m-clicked--BorderWidth: var(--pf-v5-c-button--m-control--m-clicked--BorderWidth);
8328
- --pf-v5-c-button--m-clicked--Color: var(--pf-v5-c-button--m-control--m-clicked__icon--Color);
8342
+ --pf-v5-c-button--m-clicked__icon--Color: var(--pf-v5-c-button--m-control--m-clicked__icon--Color);
8329
8343
  }
8330
8344
  .pf-v5-c-button.pf-m-stateful {
8331
8345
  --pf-v5-c-button--BorderRadius: var(--pf-v5-c-button--m-stateful--BorderRadius);
@@ -8363,24 +8377,26 @@ button.pf-v5-c-breadcrumb__link {
8363
8377
  --pf-v5-c-button--m-clicked__icon--Color: var(--pf-v5-c-button--m-attention--m-clicked__icon--Color);
8364
8378
  }
8365
8379
  .pf-v5-c-button.pf-m-plain {
8380
+ --pf-v5-c-button--BorderRadius: var(--pf-v5-c-button--m-plain--BorderRadius);
8381
+ --pf-v5-c-button--Color: var(--pf-v5-c-button--m-plain--Color);
8382
+ --pf-v5-c-button--BackgroundColor: var(--pf-v5-c-button--m-plain--BackgroundColor);
8366
8383
  --pf-v5-c-button--PaddingTop: var(--pf-v5-c-button--m-plain--PaddingTop);
8367
8384
  --pf-v5-c-button--PaddingRight: var(--pf-v5-c-button--m-plain--PaddingRight);
8368
8385
  --pf-v5-c-button--PaddingBottom: var(--pf-v5-c-button--m-plain--PaddingBottom);
8369
8386
  --pf-v5-c-button--PaddingLeft: var(--pf-v5-c-button--m-plain--PaddingLeft);
8370
- --pf-v5-c-button--MixBlendMode: var(--pf-v5-c-button--m-plain--MixBlendMode);
8371
- --pf-v5-c-button--m-small--PaddingTop: var(--pf-v5-c-button--m-plain--m-small--PaddingTop);
8372
- --pf-v5-c-button--m-small--PaddingRight: var(--pf-v5-c-button--m-plain--m-small--PaddingRight);
8373
- --pf-v5-c-button--m-small--PaddingBottom: var(--pf-v5-c-button--m-plain--m-small--PaddingBottom);
8374
- --pf-v5-c-button--m-small--PaddingLeft: var(--pf-v5-c-button--m-plain--m-small--PaddingLeft);
8375
- --pf-v5-c-button--BorderRadius: var(--pf-v5-c-button--m-plain--BorderRadius);
8376
- --pf-v5-c-button--Color: var(--pf-v5-c-button--m-plain--Color);
8377
- --pf-v5-c-button--BackgroundColor: var(--pf-v5-c-button--m-plain--BackgroundColor);
8387
+ --pf-v5-c-button__progress--Color: var(--pf-v5-c-button--m-in-progress--m-plain--Color);
8378
8388
  --pf-v5-c-button--hover--Color: var(--pf-v5-c-button--m-plain--hover--Color);
8379
8389
  --pf-v5-c-button--hover--BackgroundColor: var(--pf-v5-c-button--m-plain--hover--BackgroundColor);
8390
+ --pf-v5-c-button--hover--MixBlendMode: var(--pf-v5-c-button--m-plain--hover--MixBlendMode);
8380
8391
  --pf-v5-c-button--m-clicked--Color: var(--pf-v5-c-button--m-plain--m-clicked--Color);
8381
8392
  --pf-v5-c-button--m-clicked--BackgroundColor: var(--pf-v5-c-button--m-plain--m-clicked--BackgroundColor);
8393
+ --pf-v5-c-button--m-clicked--MixBlendMode: var(--pf-v5-c-button--m-plain--m-clicked--MixBlendMode);
8382
8394
  --pf-v5-c-button--disabled--Color: var(--pf-v5-c-button--m-plain--disabled--Color);
8383
- --pf-v5-c-button__progress--Color: var(--pf-v5-c-button--m-in-progress--m-plain--Color);
8395
+ --pf-v5-c-button--disabled--BackgroundColor: var(--pf-v5-c-button--m-plain--disabled--BackgroundColor);
8396
+ --pf-v5-c-button--m-small--PaddingTop: var(--pf-v5-c-button--m-plain--m-small--PaddingTop);
8397
+ --pf-v5-c-button--m-small--PaddingRight: var(--pf-v5-c-button--m-plain--m-small--PaddingRight);
8398
+ --pf-v5-c-button--m-small--PaddingBottom: var(--pf-v5-c-button--m-plain--m-small--PaddingBottom);
8399
+ --pf-v5-c-button--m-small--PaddingLeft: var(--pf-v5-c-button--m-plain--m-small--PaddingLeft);
8384
8400
  min-width: var(--pf-v5-c-button--m-plain--MinWidth);
8385
8401
  }
8386
8402
  .pf-v5-c-button.pf-m-plain.pf-m-no-padding {
@@ -8391,7 +8407,8 @@ button.pf-v5-c-breadcrumb__link {
8391
8407
  --pf-v5-c-button--m-plain--PaddingRight: var(--pf-v5-c-button--m-plain--m-no-padding--PaddingRight);
8392
8408
  --pf-v5-c-button--m-plain--PaddingBottom: var(--pf-v5-c-button--m-plain--m-no-padding--PaddingBottom);
8393
8409
  --pf-v5-c-button--m-plain--PaddingLeft: var(--pf-v5-c-button--m-plain--m-no-padding--PaddingLeft);
8394
- --pf-v5-c-button--m-plain--MixBlendMode: var(--pf-v5-c-button--m-plain--m-no-padding--MixBlendMode);
8410
+ --pf-v5-c-button--m-plain--hover--MixBlendMode: var(--pf-v5-c-button--m-plain--m-no-padding--hover--MixBlendMode);
8411
+ --pf-v5-c-button--m-plain--m-clicked--MixBlendMode: var(--pf-v5-c-button--m-plain--m-no-padding--m-clicked--MixBlendMode);
8395
8412
  min-width: var(--pf-v5-c-button--m-plain--m-no-padding--MinWidth);
8396
8413
  }
8397
8414
  .pf-v5-c-button.pf-m-block {
@@ -8417,6 +8434,7 @@ button.pf-v5-c-breadcrumb__link {
8417
8434
  --pf-v5-c-button--BorderColor: var(--pf-v5-c-button--hover--BorderColor);
8418
8435
  --pf-v5-c-button--BorderWidth: var(--pf-v5-c-button--hover--BorderWidth);
8419
8436
  --pf-v5-c-button--TextDecoration: var(--pf-v5-c-button--hover--TextDecoration);
8437
+ --pf-v5-c-button--MixBlendMode: var(--pf-v5-c-button--hover--MixBlendMode);
8420
8438
  --pf-v5-c-button__icon--Color: var(--pf-v5-c-button--hover__icon--Color);
8421
8439
  }
8422
8440
  .pf-v5-c-button.pf-m-clicked {
@@ -8424,6 +8442,7 @@ button.pf-v5-c-breadcrumb__link {
8424
8442
  --pf-v5-c-button--BackgroundColor: var(--pf-v5-c-button--m-clicked--BackgroundColor);
8425
8443
  --pf-v5-c-button--BorderWidth: var(--pf-v5-c-button--m-clicked--BorderWidth);
8426
8444
  --pf-v5-c-button--BorderColor: var(--pf-v5-c-button--m-clicked--BorderColor);
8445
+ --pf-v5-c-button--MixBlendMode: var(--pf-v5-c-button--m-clicked--MixBlendMode);
8427
8446
  --pf-v5-c-button__icon--Color: var(--pf-v5-c-button--m-clicked__icon--Color);
8428
8447
  }
8429
8448
  .pf-v5-c-button:disabled, .pf-v5-c-button.pf-m-disabled {
@@ -8433,6 +8452,7 @@ button.pf-v5-c-breadcrumb__link {
8433
8452
  --pf-v5-c-badge--m-unread--Color: var(--pf-v5-c-button--disabled__c-badge--Color);
8434
8453
  --pf-v5-c-badge--m-unread--BackgroundColor: var(--pf-v5-c-button--disabled__c-badge--BackgroundColor);
8435
8454
  --pf-v5-c-button--m-primary__c-badge--BorderWidth: 0;
8455
+ --pf-v5-c-button--MixBlendMode: var(--pf-v5-c-button--disabled--MixBlendMode);
8436
8456
  color: var(--pf-v5-c-button--disabled--Color);
8437
8457
  background-color: var(--pf-v5-c-button--disabled--BackgroundColor);
8438
8458
  }
@@ -18372,6 +18392,7 @@ label.pf-v5-c-input-group__text {
18372
18392
  --pf-v5-c-label--m-custom--m-outline--m-clickable--hover__icon--Color: var(--pf-t--global--icon--color--status--custom--hover);
18373
18393
  --pf-v5-c-label--m-clickable--hover--BorderWidth: 0;
18374
18394
  --pf-v5-c-label--m-clickable--hover--BorderColor: transparent;
18395
+ --pf-v5-c-label--m-clickable__content--Cursor: pointer;
18375
18396
  --pf-v5-c-label--m-filled__actions--c-button--Color: var(--pf-v5-c-label__icon--Color);
18376
18397
  --pf-v5-c-label--m-outline--BorderWidth: var(--pf-t--global--border--width--button--default);
18377
18398
  --pf-v5-c-label--m-outline--BackgroundColor: transparent;
@@ -18402,6 +18423,7 @@ label.pf-v5-c-input-group__text {
18402
18423
  --pf-v5-c-label--m-compact--m-editable--TextDecorationOffset: 0.0625rem;
18403
18424
  --pf-v5-c-label__content--MaxWidth: 100%;
18404
18425
  --pf-v5-c-label__content--Gap: var(--pf-t--global--spacer--xs);
18426
+ --pf-v5-c-label__content--Cursor: initial;
18405
18427
  --pf-v5-c-label__icon--FontSize: var(--pf-t--global--icon--size--body--sm);
18406
18428
  --pf-v5-c-label__text--MaxWidth: 100%;
18407
18429
  --pf-v5-c-label__actions--MarginRight: calc(var(--pf-v5-c-label__actions--c-button--PaddingRight) * -1);
@@ -18419,9 +18441,11 @@ label.pf-v5-c-input-group__text {
18419
18441
  --pf-v5-c-label--m-editable--TextDecorationOffset: 0.25rem;
18420
18442
  --pf-v5-c-label--m-editable--TextDecorationColor: currentcolor;
18421
18443
  --pf-v5-c-label--m-editable__content--MaxWidth: 16ch;
18444
+ --pf-v5-c-label--m-editable__content--Cursor: pointer;
18422
18445
  --pf-v5-c-label--m-editable--m-editable-active--TextDecoration: none;
18423
18446
  --pf-v5-c-label--m-editable--m-editable-active--BackgroundColor: transparent;
18424
18447
  --pf-v5-c-label--m-editable--m-editable-active--Color: var(--pf-t--global--text--color--regular);
18448
+ --pf-v5-c-label--m-editable--m-editable-active__content--Cursor: initial;
18425
18449
  }
18426
18450
 
18427
18451
  .pf-v5-c-label {
@@ -18603,6 +18627,7 @@ label.pf-v5-c-input-group__text {
18603
18627
  }
18604
18628
  .pf-v5-c-label.pf-m-editable {
18605
18629
  --pf-v5-c-label__content--MaxWidth: var(--pf-v5-c-label--m-editable__content--MaxWidth);
18630
+ --pf-v5-c-label__content--Cursor: var(--pf-v5-c-label--m-editable__content--Cursor);
18606
18631
  }
18607
18632
  .pf-v5-c-label.pf-m-editable .pf-v5-c-label__text {
18608
18633
  text-decoration: var(--pf-v5-c-label--m-editable--TextDecoration);
@@ -18615,6 +18640,7 @@ label.pf-v5-c-input-group__text {
18615
18640
  --pf-v5-c-label--m-editable--TextDecoration: var(--pf-v5-c-label--m-editable--m-editable-active--TextDecoration);
18616
18641
  --pf-v5-c-label--BackgroundColor: var(--pf-v5-c-label--m-editable--m-editable-active--BackgroundColor);
18617
18642
  --pf-v5-c-label--Color: var(--pf-v5-c-label--m-editable--m-editable-active--Color);
18643
+ --pf-v5-c-label__content--Cursor: var(--pf-v5-c-label--m-editable--m-editable-active__content--Cursor);
18618
18644
  }
18619
18645
  .pf-v5-c-label.pf-m-overflow {
18620
18646
  --pf-v5-c-label--Color: var(--pf-v5-c-label--m-overflow--Color);
@@ -18637,11 +18663,8 @@ label.pf-v5-c-input-group__text {
18637
18663
  --pf-v5-c-label--m-add--BorderColor: var(--pf-v5-c-label--m-add--hover--BorderColor);
18638
18664
  --pf-v5-c-label--m-add--BorderWidth: var(--pf-v5-c-label--m-add--hover--BorderWidth);
18639
18665
  }
18640
- .pf-v5-c-label.pf-m-clickable .pf-v5-c-label__content, .pf-v5-c-label.pf-m-editable .pf-v5-c-label__content {
18641
- padding: 0;
18642
- cursor: pointer;
18643
- background-color: transparent;
18644
- border: none;
18666
+ .pf-v5-c-label.pf-m-clickable {
18667
+ --pf-v5-c-label__content--Cursor: var(--pf-v5-c-label--m-clickable__content--Cursor);
18645
18668
  }
18646
18669
  .pf-v5-c-label.pf-m-clickable .pf-v5-c-label__content, .pf-v5-c-label.pf-m-clickable .pf-v5-c-label__content:is(:hover, :focus) {
18647
18670
  text-decoration: none;
@@ -18675,8 +18698,11 @@ label.pf-v5-c-input-group__text {
18675
18698
  .pf-v5-c-label__content {
18676
18699
  gap: var(--pf-v5-c-label__content--Gap);
18677
18700
  max-width: var(--pf-v5-c-label__content--MaxWidth);
18701
+ padding: 0;
18678
18702
  overflow: hidden;
18679
18703
  color: var(--pf-v5-c-label--Color);
18704
+ cursor: var(--pf-v5-c-label__content--Cursor, revert);
18705
+ background: transparent;
18680
18706
  border-width: 0;
18681
18707
  }
18682
18708
  .pf-v5-c-label__content::before {