@patternfly/patternfly 6.0.0-alpha.68 → 6.0.0-alpha.69

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/Label/label.css +140 -24
  2. package/components/Label/label.scss +161 -26
  3. package/docs/components/Label/examples/Label.md +2377 -766
  4. package/docs/demos/Form/examples/BasicForms.md +5 -2
  5. package/package.json +1 -1
  6. package/patternfly-no-globals.css +140 -24
  7. package/patternfly-theme-dark-unversioned.css +140 -24
  8. package/patternfly.css +140 -24
  9. package/patternfly.min.css +1 -1
  10. package/patternfly.min.css.map +1 -1
package/docs/demos/Form/examples/BasicForms.md CHANGED
@@ -824,7 +824,10 @@ subsection: forms
824
824
  <span class="pf-v5-c-label__icon">
825
825
  <i class="fas fa-fw fa-info-circle" aria-hidden="true"></i>
826
826
  </span>
827
- <span class="pf-v5-c-label__text">prometheus=k8s</span>
827
+ <span
828
+ class="pf-v5-c-label__text"
829
+ id="-label-1-text"
830
+ >prometheus=k8s</span>
828
831
  </span>
829
832
  <span class="pf-v5-c-label__actions">
830
833
  <button
@@ -845,7 +848,7 @@ subsection: forms
845
848
  <span class="pf-v5-c-label__icon">
846
849
  <i class="fas fa-fw fa-info-circle" aria-hidden="true"></i>
847
850
  </span>
848
- <span class="pf-v5-c-label__text">new</span>
851
+ <span class="pf-v5-c-label__text" id="-label-2-text">new</span>
849
852
  </span>
850
853
  <span class="pf-v5-c-label__actions">
851
854
  <button
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@patternfly/patternfly",
3
3
  "description": "Assets, source, tooling, and content for PatternFly 4",
4
- "version": "6.0.0-alpha.68",
4
+ "version": "6.0.0-alpha.69",
5
5
  "keywords": [],
6
6
  "license": "MIT",
7
7
  "scripts": {
package/patternfly-no-globals.css CHANGED
@@ -18131,80 +18131,131 @@ label.pf-v5-c-input-group__text {
18131
18131
  --pf-v5-c-label--BorderColor: transparent;
18132
18132
  --pf-v5-c-label--BorderRadius: var(--pf-t--global--border--radius--pill);
18133
18133
  --pf-v5-c-label--FontSize: var(--pf-t--global--font--size--body--sm);
18134
- --pf-v5-c-label--BackgroundColor: var(--pf-t--global--border--color--nonstatus--gray--default);
18134
+ --pf-v5-c-label--BackgroundColor: var(--pf-t--global--color--nonstatus--gray--default);
18135
18135
  --pf-v5-c-label--Color: var(--pf-t--global--text--color--nonstatus--on-gray--default);
18136
18136
  --pf-v5-c-label__icon--Color: var(--pf-t--global--icon--color--nonstatus--on-gray--default);
18137
- --pf-v5-c-label--m-clickable--hover--BackgroundColor: var(--pf-t--global--border--color--nonstatus--gray--hover);
18137
+ --pf-v5-c-label--m-clickable--hover--BackgroundColor: var(--pf-t--global--color--nonstatus--gray--hover);
18138
18138
  --pf-v5-c-label--m-clickable--hover--Color: var(--pf-t--global--text--color--nonstatus--on-gray--hover);
18139
18139
  --pf-v5-c-label--m-clickable--hover__icon--Color: var(--pf-t--global--icon--color--nonstatus--on-gray--hover);
18140
18140
  --pf-v5-c-label--m-outline--BorderColor: var(--pf-t--global--border--color--nonstatus--gray--default);
18141
18141
  --pf-v5-c-label--m-outline--m-clickable--hover--BorderColor: var(--pf-t--global--border--color--nonstatus--gray--hover);
18142
- --pf-v5-c-label--m-blue--BackgroundColor: var(--pf-t--global--border--color--nonstatus--blue--default);
18142
+ --pf-v5-c-label--m-blue--BackgroundColor: var(--pf-t--global--color--nonstatus--blue--default);
18143
18143
  --pf-v5-c-label--m-blue--Color: var(--pf-t--global--text--color--nonstatus--on-blue--default);
18144
18144
  --pf-v5-c-label--m-blue__icon--Color: var(--pf-t--global--icon--color--nonstatus--on-blue--default);
18145
- --pf-v5-c-label--m-blue--m-clickable--hover--BackgroundColor: var(--pf-t--global--border--color--nonstatus--blue--hover);
18145
+ --pf-v5-c-label--m-blue--m-clickable--hover--BackgroundColor: var(--pf-t--global--color--nonstatus--blue--hover);
18146
18146
  --pf-v5-c-label--m-blue--m-clickable--hover--Color: var(--pf-t--global--text--color--nonstatus--on-blue--hover);
18147
18147
  --pf-v5-c-label--m-blue--m-clickable--hover__icon--Color: var(--pf-t--global--icon--color--nonstatus--on-blue--hover);
18148
18148
  --pf-v5-c-label--m-blue--m-outline--BorderColor: var(--pf-t--global--border--color--nonstatus--blue--default);
18149
18149
  --pf-v5-c-label--m-blue--m-outline--m-clickable--hover--BorderColor: var(--pf-t--global--border--color--nonstatus--blue--hover);
18150
- --pf-v5-c-label--m-red--BackgroundColor: var(--pf-t--global--border--color--nonstatus--red--default);
18150
+ --pf-v5-c-label--m-red--BackgroundColor: var(--pf-t--global--color--nonstatus--red--default);
18151
18151
  --pf-v5-c-label--m-red--Color: var(--pf-t--global--text--color--nonstatus--on-red--default);
18152
18152
  --pf-v5-c-label--m-red__icon--Color: var(--pf-t--global--icon--color--nonstatus--on-red--default);
18153
- --pf-v5-c-label--m-red--m-clickable--hover--BackgroundColor: var(--pf-t--global--border--color--nonstatus--red--hover);
18153
+ --pf-v5-c-label--m-red--m-clickable--hover--BackgroundColor: var(--pf-t--global--color--nonstatus--red--hover);
18154
18154
  --pf-v5-c-label--m-red--m-clickable--hover--Color: var(--pf-t--global--text--color--nonstatus--on-red--hover);
18155
18155
  --pf-v5-c-label--m-red--m-clickable--hover__icon--Color: var(--pf-t--global--icon--color--nonstatus--on-red--hover);
18156
18156
  --pf-v5-c-label--m-red--m-outline--BorderColor: var(--pf-t--global--border--color--nonstatus--red--default);
18157
18157
  --pf-v5-c-label--m-red--m-outline--m-clickable--hover--BorderColor: var(--pf-t--global--border--color--nonstatus--red--hover);
18158
- --pf-v5-c-label--m-orange--BackgroundColor: var(--pf-t--global--border--color--nonstatus--orange--default);
18158
+ --pf-v5-c-label--m-orange--BackgroundColor: var(--pf-t--global--color--nonstatus--orange--default);
18159
18159
  --pf-v5-c-label--m-orange--Color: var(--pf-t--global--text--color--nonstatus--on-orange--default);
18160
18160
  --pf-v5-c-label--m-orange__icon--Color: var(--pf-t--global--icon--color--nonstatus--on-orange--default);
18161
- --pf-v5-c-label--m-orange--m-clickable--hover--BackgroundColor: var(--pf-t--global--border--color--nonstatus--orange--hover);
18161
+ --pf-v5-c-label--m-orange--m-clickable--hover--BackgroundColor: var(--pf-t--global--color--nonstatus--orange--hover);
18162
18162
  --pf-v5-c-label--m-orange--m-clickable--hover--Color: var(--pf-t--global--text--color--nonstatus--on-orange--hover);
18163
18163
  --pf-v5-c-label--m-orange--m-clickable--hover__icon--Color: var(--pf-t--global--icon--color--nonstatus--on-orange--hover);
18164
18164
  --pf-v5-c-label--m-orange--m-outline--BorderColor: var(--pf-t--global--border--color--nonstatus--orange--default);
18165
18165
  --pf-v5-c-label--m-orange--m-outline--m-clickable--hover--BorderColor: var(--pf-t--global--border--color--nonstatus--orange--hover);
18166
- --pf-v5-c-label--m-orangered--BackgroundColor: var(--pf-t--global--border--color--nonstatus--orangered--default);
18166
+ --pf-v5-c-label--m-orangered--BackgroundColor: var(--pf-t--global--color--nonstatus--orangered--default);
18167
18167
  --pf-v5-c-label--m-orangered--Color: var(--pf-t--global--text--color--nonstatus--on-orangered--default);
18168
18168
  --pf-v5-c-label--m-orangered__icon--Color: var(--pf-t--global--icon--color--nonstatus--on-orangered--default);
18169
- --pf-v5-c-label--m-orangered--m-clickable--hover--BackgroundColor: var(--pf-t--global--border--color--nonstatus--orangered--hover);
18169
+ --pf-v5-c-label--m-orangered--m-clickable--hover--BackgroundColor: var(--pf-t--global--color--nonstatus--orangered--hover);
18170
18170
  --pf-v5-c-label--m-orangered--m-clickable--hover--Color: var(--pf-t--global--text--color--nonstatus--on-orangered--hover);
18171
18171
  --pf-v5-c-label--m-orangered--m-clickable--hover__icon--Color: var(--pf-t--global--icon--color--nonstatus--on-orangered--hover);
18172
18172
  --pf-v5-c-label--m-orangered--m-outline--BorderColor: var(--pf-t--global--border--color--nonstatus--orangered--default);
18173
18173
  --pf-v5-c-label--m-orangered--m-outline--m-clickable--hover--BorderColor: var(--pf-t--global--border--color--nonstatus--orangered--hover);
18174
- --pf-v5-c-label--m-gold--BackgroundColor: var(--pf-t--global--border--color--nonstatus--gold--default);
18174
+ --pf-v5-c-label--m-gold--BackgroundColor: var(--pf-t--global--color--nonstatus--gold--default);
18175
18175
  --pf-v5-c-label--m-gold--Color: var(--pf-t--global--text--color--nonstatus--on-gold--default);
18176
18176
  --pf-v5-c-label--m-gold__icon--Color: var(--pf-t--global--icon--color--nonstatus--on-gold--default);
18177
- --pf-v5-c-label--m-gold--m-clickable--hover--BackgroundColor: var(--pf-t--global--border--color--nonstatus--gold--hover);
18177
+ --pf-v5-c-label--m-gold--m-clickable--hover--BackgroundColor: var(--pf-t--global--color--nonstatus--gold--hover);
18178
18178
  --pf-v5-c-label--m-gold--m-clickable--hover--Color: var(--pf-t--global--text--color--nonstatus--on-gold--hover);
18179
18179
  --pf-v5-c-label--m-gold--m-clickable--hover__icon--Color: var(--pf-t--global--icon--color--nonstatus--on-gold--hover);
18180
18180
  --pf-v5-c-label--m-gold--m-outline--BorderColor: var(--pf-t--global--border--color--nonstatus--gold--default);
18181
18181
  --pf-v5-c-label--m-gold--m-outline--m-clickable--hover--BorderColor: var(--pf-t--global--border--color--nonstatus--gold--hover);
18182
- --pf-v5-c-label--m-green--BackgroundColor: var(--pf-t--global--border--color--nonstatus--green--default);
18182
+ --pf-v5-c-label--m-green--BackgroundColor: var(--pf-t--global--color--nonstatus--green--default);
18183
18183
  --pf-v5-c-label--m-green--Color: var(--pf-t--global--text--color--nonstatus--on-green--default);
18184
18184
  --pf-v5-c-label--m-green__icon--Color: var(--pf-t--global--icon--color--nonstatus--on-green--default);
18185
- --pf-v5-c-label--m-green--m-clickable--hover--BackgroundColor: var(--pf-t--global--border--color--nonstatus--green--hover);
18185
+ --pf-v5-c-label--m-green--m-clickable--hover--BackgroundColor: var(--pf-t--global--color--nonstatus--green--hover);
18186
18186
  --pf-v5-c-label--m-green--m-clickable--hover--Color: var(--pf-t--global--text--color--nonstatus--on-green--hover);
18187
18187
  --pf-v5-c-label--m-green--m-clickable--hover__icon--Color: var(--pf-t--global--icon--color--nonstatus--on-green--hover);
18188
18188
  --pf-v5-c-label--m-green--m-outline--BorderColor: var(--pf-t--global--border--color--nonstatus--green--default);
18189
18189
  --pf-v5-c-label--m-green--m-outline--m-clickable--hover--BorderColor: var(--pf-t--global--border--color--nonstatus--green--hover);
18190
- --pf-v5-c-label--m-cyan--BackgroundColor: var(--pf-t--global--border--color--nonstatus--cyan--default);
18190
+ --pf-v5-c-label--m-cyan--BackgroundColor: var(--pf-t--global--color--nonstatus--cyan--default);
18191
18191
  --pf-v5-c-label--m-cyan--Color: var(--pf-t--global--text--color--nonstatus--on-cyan--default);
18192
18192
  --pf-v5-c-label--m-cyan__icon--Color: var(--pf-t--global--icon--color--nonstatus--on-cyan--default);
18193
- --pf-v5-c-label--m-cyan--m-clickable--hover--BackgroundColor: var(--pf-t--global--border--color--nonstatus--cyan--hover);
18193
+ --pf-v5-c-label--m-cyan--m-clickable--hover--BackgroundColor: var(--pf-t--global--color--nonstatus--cyan--hover);
18194
18194
  --pf-v5-c-label--m-cyan--m-clickable--hover--Color: var(--pf-t--global--text--color--nonstatus--on-cyan--hover);
18195
18195
  --pf-v5-c-label--m-cyan--m-clickable--hover__icon--Color: var(--pf-t--global--icon--color--nonstatus--on-cyan--hover);
18196
18196
  --pf-v5-c-label--m-cyan--m-outline--BorderColor: var(--pf-t--global--border--color--nonstatus--cyan--default);
18197
18197
  --pf-v5-c-label--m-cyan--m-outline--m-clickable--hover--BorderColor: var(--pf-t--global--border--color--nonstatus--cyan--hover);
18198
- --pf-v5-c-label--m-purple--BackgroundColor: var(--pf-t--global--border--color--nonstatus--purple--default);
18198
+ --pf-v5-c-label--m-purple--BackgroundColor: var(--pf-t--global--color--nonstatus--purple--default);
18199
18199
  --pf-v5-c-label--m-purple--Color: var(--pf-t--global--text--color--nonstatus--on-purple--default);
18200
18200
  --pf-v5-c-label--m-purple__icon--Color: var(--pf-t--global--icon--color--nonstatus--on-purple--default);
18201
- --pf-v5-c-label--m-purple--m-clickable--hover--BackgroundColor: var(--pf-t--global--border--color--nonstatus--purple--hover);
18201
+ --pf-v5-c-label--m-purple--m-clickable--hover--BackgroundColor: var(--pf-t--global--color--nonstatus--purple--hover);
18202
18202
  --pf-v5-c-label--m-purple--m-clickable--hover--Color: var(--pf-t--global--text--color--nonstatus--on-purple--hover);
18203
18203
  --pf-v5-c-label--m-purple--m-clickable--hover__icon--Color: var(--pf-t--global--icon--color--nonstatus--on-purple--hover);
18204
18204
  --pf-v5-c-label--m-purple--m-outline--BorderColor: var(--pf-t--global--border--color--nonstatus--purple--default);
18205
18205
  --pf-v5-c-label--m-purple--m-outline--m-clickable--hover--BorderColor: var(--pf-t--global--border--color--nonstatus--purple--hover);
18206
+ --pf-v5-c-label--m-success--BackgroundColor: var(--pf-t--global--color--status--success--default);
18207
+ --pf-v5-c-label--m-success--Color: var(--pf-t--global--text--color--status--on-success--default);
18208
+ --pf-v5-c-label--m-success__icon--Color: var(--pf-t--global--icon--color--status--on-success--default);
18209
+ --pf-v5-c-label--m-success--m-clickable--hover--BackgroundColor: var(--pf-t--global--color--status--success--hover);
18210
+ --pf-v5-c-label--m-success--m-clickable--hover--Color: var(--pf-t--global--text--color--status--on-success--hover);
18211
+ --pf-v5-c-label--m-success--m-clickable--hover__icon--Color: var(--pf-t--global--icon--color--status--on-success--hover);
18212
+ --pf-v5-c-label--m-success--m-outline__icon--Color: var(--pf-t--global--icon--color--status--success--default);
18213
+ --pf-v5-c-label--m-success--m-outline--BorderColor: var(--pf-t--global--border--color--status--success--default);
18214
+ --pf-v5-c-label--m-success--m-outline--m-clickable--hover--BorderColor: var(--pf-t--global--border--color--status--success--hover);
18215
+ --pf-v5-c-label--m-success--m-outline--m-clickable--hover__icon--Color: var(--pf-t--global--icon--color--status--success--hover);
18216
+ --pf-v5-c-label--m-warning--BackgroundColor: var(--pf-t--global--color--status--warning--default);
18217
+ --pf-v5-c-label--m-warning--Color: var(--pf-t--global--text--color--status--on-warning--default);
18218
+ --pf-v5-c-label--m-warning__icon--Color: var(--pf-t--global--icon--color--status--on-warning--default);
18219
+ --pf-v5-c-label--m-warning--m-clickable--hover--BackgroundColor: var(--pf-t--global--color--status--warning--hover);
18220
+ --pf-v5-c-label--m-warning--m-clickable--hover--Color: var(--pf-t--global--text--color--status--on-warning--hover);
18221
+ --pf-v5-c-label--m-warning--m-clickable--hover__icon--Color: var(--pf-t--global--icon--color--status--on-warning--hover);
18222
+ --pf-v5-c-label--m-warning--m-outline__icon--Color: var(--pf-t--global--icon--color--status--warning--default);
18223
+ --pf-v5-c-label--m-warning--m-outline--BorderColor: var(--pf-t--global--border--color--status--warning--default);
18224
+ --pf-v5-c-label--m-warning--m-outline--m-clickable--hover--BorderColor: var(--pf-t--global--border--color--status--warning--hover);
18225
+ --pf-v5-c-label--m-warning--m-outline--m-clickable--hover__icon--Color: var(--pf-t--global--icon--color--status--warning--hover);
18226
+ --pf-v5-c-label--m-danger--BackgroundColor: var(--pf-t--global--color--status--danger--default);
18227
+ --pf-v5-c-label--m-danger--Color: var(--pf-t--global--text--color--status--on-danger--default);
18228
+ --pf-v5-c-label--m-danger__icon--Color: var(--pf-t--global--icon--color--status--on-danger--default);
18229
+ --pf-v5-c-label--m-danger--m-clickable--hover--BackgroundColor: var(--pf-t--global--color--status--danger--hover);
18230
+ --pf-v5-c-label--m-danger--m-clickable--hover--Color: var(--pf-t--global--text--color--status--on-danger--hover);
18231
+ --pf-v5-c-label--m-danger--m-clickable--hover__icon--Color: var(--pf-t--global--icon--color--status--on-danger--hover);
18232
+ --pf-v5-c-label--m-danger--m-outline__icon--Color: var(--pf-t--global--icon--color--status--danger--default);
18233
+ --pf-v5-c-label--m-danger--m-outline--BorderColor: var(--pf-t--global--border--color--status--danger--default);
18234
+ --pf-v5-c-label--m-danger--m-outline--m-clickable--hover--BorderColor: var(--pf-t--global--border--color--status--danger--hover);
18235
+ --pf-v5-c-label--m-danger--m-outline--m-clickable--hover__icon--Color: var(--pf-t--global--icon--color--status--danger--hover);
18236
+ --pf-v5-c-label--m-info--BackgroundColor: var(--pf-t--global--color--status--info--default);
18237
+ --pf-v5-c-label--m-info--Color: var(--pf-t--global--text--color--status--on-info--default);
18238
+ --pf-v5-c-label--m-info__icon--Color: var(--pf-t--global--icon--color--status--on-info--default);
18239
+ --pf-v5-c-label--m-info--m-clickable--hover--BackgroundColor: var(--pf-t--global--color--status--info--hover);
18240
+ --pf-v5-c-label--m-info--m-clickable--hover--Color: var(--pf-t--global--text--color--status--on-info--hover);
18241
+ --pf-v5-c-label--m-info--m-clickable--hover__icon--Color: var(--pf-t--global--icon--color--status--on-info--hover);
18242
+ --pf-v5-c-label--m-info--m-outline__icon--Color: var(--pf-t--global--icon--color--status--info--default);
18243
+ --pf-v5-c-label--m-info--m-outline--BorderColor: var(--pf-t--global--border--color--status--info--default);
18244
+ --pf-v5-c-label--m-info--m-outline--m-clickable--hover--BorderColor: var(--pf-t--global--border--color--status--info--hover);
18245
+ --pf-v5-c-label--m-info--m-outline--m-clickable--hover__icon--Color: var(--pf-t--global--icon--color--status--info--hover);
18246
+ --pf-v5-c-label--m-custom--BackgroundColor: var(--pf-t--global--color--status--custom--default);
18247
+ --pf-v5-c-label--m-custom--Color: var(--pf-t--global--text--color--status--on-custom--default);
18248
+ --pf-v5-c-label--m-custom__icon--Color: var(--pf-t--global--icon--color--status--on-custom--default);
18249
+ --pf-v5-c-label--m-custom--m-clickable--hover--BackgroundColor: var(--pf-t--global--color--status--custom--hover);
18250
+ --pf-v5-c-label--m-custom--m-clickable--hover--Color: var(--pf-t--global--text--color--status--on-custom--hover);
18251
+ --pf-v5-c-label--m-custom--m-clickable--hover__icon--Color: var(--pf-t--global--icon--color--status--on-custom--hover);
18252
+ --pf-v5-c-label--m-custom--m-outline__icon--Color: var(--pf-t--global--icon--color--status--custom--default);
18253
+ --pf-v5-c-label--m-custom--m-outline--BorderColor: var(--pf-t--global--border--color--status--custom--default);
18254
+ --pf-v5-c-label--m-custom--m-outline--m-clickable--hover--BorderColor: var(--pf-t--global--border--color--status--custom--hover);
18255
+ --pf-v5-c-label--m-custom--m-outline--m-clickable--hover__icon--Color: var(--pf-t--global--icon--color--status--custom--hover);
18206
18256
  --pf-v5-c-label--m-clickable--hover--BorderWidth: 0;
18207
18257
  --pf-v5-c-label--m-clickable--hover--BorderColor: transparent;
18258
+ --pf-v5-c-label--m-filled__actions--c-button--Color: var(--pf-v5-c-label__icon--Color);
18208
18259
  --pf-v5-c-label--m-outline--BorderWidth: var(--pf-t--global--border--width--button--default);
18209
18260
  --pf-v5-c-label--m-outline--BackgroundColor: transparent;
18210
18261
  --pf-v5-c-label--m-outline--Color: var(--pf-t--global--text--color--regular);
@@ -18212,6 +18263,7 @@ label.pf-v5-c-input-group__text {
18212
18263
  --pf-v5-c-label--m-outline--m-clickable--hover--BackgroundColor: transparent;
18213
18264
  --pf-v5-c-label--m-outline--m-clickable--hover--BorderWidth: var(--pf-t--global--border--width--button--hover);
18214
18265
  --pf-v5-c-label--m-outline--m-clickable--hover--Color: var(--pf-t--global--text--color--regular);
18266
+ --pf-v5-c-label--m-outline--m-clickable--hover__icon--Color: var(--pf-t--global--icon--color--regular);
18215
18267
  --pf-v5-c-label--m-overflow--Color: var(--pf-t--global--text--color--brand--default);
18216
18268
  --pf-v5-c-label--m-overflow--BackgroundColor: var(--pf-t--global--background--color--action--plain--default);
18217
18269
  --pf-v5-c-label--m-overflow--hover--Color: var(--pf-t--global--text--color--brand--hover);
@@ -18237,7 +18289,6 @@ label.pf-v5-c-input-group__text {
18237
18289
  --pf-v5-c-label__text--MaxWidth: 100%;
18238
18290
  --pf-v5-c-label__actions--MarginRight: calc(var(--pf-v5-c-label__actions--c-button--PaddingRight) * -1);
18239
18291
  --pf-v5-c-label__actions--c-button--FontSize: var(--pf-t--global--icon--size--body--sm);
18240
- --pf-v5-c-label__actions--c-button--Color: var(--pf-v5-c-label__icon--Color);
18241
18292
  --pf-v5-c-label__actions--c-button--OutlineOffset: -0.1875rem;
18242
18293
  --pf-v5-c-label__actions--c-button--MarginTop: calc(var(--pf-v5-c-label__actions--c-button--PaddingTop) * -1);
18243
18294
  --pf-v5-c-label__actions--c-button--MarginBottom: calc(var(--pf-v5-c-label__actions--c-button--PaddingBottom) * -1);
@@ -18265,6 +18316,7 @@ label.pf-v5-c-input-group__text {
18265
18316
  padding-inline-end: var(--pf-v5-c-label--PaddingRight);
18266
18317
  font-size: var(--pf-v5-c-label--FontSize);
18267
18318
  white-space: nowrap;
18319
+ background: transparent;
18268
18320
  isolation: isolate;
18269
18321
  border: 0;
18270
18322
  border-radius: var(--pf-v5-c-label--BorderRadius);
@@ -18349,6 +18401,66 @@ label.pf-v5-c-input-group__text {
18349
18401
  --pf-v5-c-label--m-outline--BorderColor: var(--pf-v5-c-label--m-purple--m-outline--BorderColor);
18350
18402
  --pf-v5-c-label--m-outline--m-clickable--hover--BorderColor: var(--pf-v5-c-label--m-purple--m-outline--m-clickable--hover--BorderColor);
18351
18403
  }
18404
+ .pf-v5-c-label.pf-m-success {
18405
+ --pf-v5-c-label--BackgroundColor: var(--pf-v5-c-label--m-success--BackgroundColor);
18406
+ --pf-v5-c-label--Color: var(--pf-v5-c-label--m-success--Color);
18407
+ --pf-v5-c-label__icon--Color: var(--pf-v5-c-label--m-success__icon--Color);
18408
+ --pf-v5-c-label--m-clickable--hover--BackgroundColor: var(--pf-v5-c-label--m-success--m-clickable--hover--BackgroundColor);
18409
+ --pf-v5-c-label--m-clickable--hover--Color: var(--pf-v5-c-label--m-success--m-clickable--hover--Color);
18410
+ --pf-v5-c-label--m-clickable--hover__icon--Color: var(--pf-v5-c-label--m-success--m-clickable--hover__icon--Color);
18411
+ --pf-v5-c-label--m-outline__icon--Color: var(--pf-v5-c-label--m-success--m-outline__icon--Color);
18412
+ --pf-v5-c-label--m-outline--BorderColor: var(--pf-v5-c-label--m-success--m-outline--BorderColor);
18413
+ --pf-v5-c-label--m-outline--m-clickable--hover--BorderColor: var(--pf-v5-c-label--m-success--m-outline--m-clickable--hover--BorderColor);
18414
+ --pf-v5-c-label--m-outline--m-clickable--hover__icon--Color: var(--pf-v5-c-label--m-success--m-outline--m-clickable--hover__icon--Color) ;
18415
+ }
18416
+ .pf-v5-c-label.pf-m-warning {
18417
+ --pf-v5-c-label--BackgroundColor: var(--pf-v5-c-label--m-warning--BackgroundColor);
18418
+ --pf-v5-c-label--Color: var(--pf-v5-c-label--m-warning--Color);
18419
+ --pf-v5-c-label__icon--Color: var(--pf-v5-c-label--m-warning__icon--Color);
18420
+ --pf-v5-c-label--m-clickable--hover--BackgroundColor: var(--pf-v5-c-label--m-warning--m-clickable--hover--BackgroundColor);
18421
+ --pf-v5-c-label--m-clickable--hover--Color: var(--pf-v5-c-label--m-warning--m-clickable--hover--Color);
18422
+ --pf-v5-c-label--m-clickable--hover__icon--Color: var(--pf-v5-c-label--m-warning--m-clickable--hover__icon--Color);
18423
+ --pf-v5-c-label--m-outline__icon--Color: var(--pf-v5-c-label--m-warning--m-outline__icon--Color);
18424
+ --pf-v5-c-label--m-outline--BorderColor: var(--pf-v5-c-label--m-warning--m-outline--BorderColor);
18425
+ --pf-v5-c-label--m-outline--m-clickable--hover--BorderColor: var(--pf-v5-c-label--m-warning--m-outline--m-clickable--hover--BorderColor);
18426
+ --pf-v5-c-label--m-outline--m-clickable--hover__icon--Color: var(--pf-v5-c-label--m-warning--m-outline--m-clickable--hover__icon--Color) ;
18427
+ }
18428
+ .pf-v5-c-label.pf-m-danger {
18429
+ --pf-v5-c-label--BackgroundColor: var(--pf-v5-c-label--m-danger--BackgroundColor);
18430
+ --pf-v5-c-label--Color: var(--pf-v5-c-label--m-danger--Color);
18431
+ --pf-v5-c-label__icon--Color: var(--pf-v5-c-label--m-danger__icon--Color);
18432
+ --pf-v5-c-label--m-clickable--hover--BackgroundColor: var(--pf-v5-c-label--m-danger--m-clickable--hover--BackgroundColor);
18433
+ --pf-v5-c-label--m-clickable--hover--Color: var(--pf-v5-c-label--m-danger--m-clickable--hover--Color);
18434
+ --pf-v5-c-label--m-clickable--hover__icon--Color: var(--pf-v5-c-label--m-danger--m-clickable--hover__icon--Color);
18435
+ --pf-v5-c-label--m-outline__icon--Color: var(--pf-v5-c-label--m-danger--m-outline__icon--Color);
18436
+ --pf-v5-c-label--m-outline--BorderColor: var(--pf-v5-c-label--m-danger--m-outline--BorderColor);
18437
+ --pf-v5-c-label--m-outline--m-clickable--hover--BorderColor: var(--pf-v5-c-label--m-danger--m-outline--m-clickable--hover--BorderColor);
18438
+ --pf-v5-c-label--m-outline--m-clickable--hover__icon--Color: var(--pf-v5-c-label--m-danger--m-outline--m-clickable--hover__icon--Color) ;
18439
+ }
18440
+ .pf-v5-c-label.pf-m-info {
18441
+ --pf-v5-c-label--BackgroundColor: var(--pf-v5-c-label--m-info--BackgroundColor);
18442
+ --pf-v5-c-label--Color: var(--pf-v5-c-label--m-info--Color);
18443
+ --pf-v5-c-label__icon--Color: var(--pf-v5-c-label--m-info__icon--Color);
18444
+ --pf-v5-c-label--m-clickable--hover--BackgroundColor: var(--pf-v5-c-label--m-info--m-clickable--hover--BackgroundColor);
18445
+ --pf-v5-c-label--m-clickable--hover--Color: var(--pf-v5-c-label--m-info--m-clickable--hover--Color);
18446
+ --pf-v5-c-label--m-clickable--hover__icon--Color: var(--pf-v5-c-label--m-info--m-clickable--hover__icon--Color);
18447
+ --pf-v5-c-label--m-outline__icon--Color: var(--pf-v5-c-label--m-info--m-outline__icon--Color);
18448
+ --pf-v5-c-label--m-outline--BorderColor: var(--pf-v5-c-label--m-info--m-outline--BorderColor);
18449
+ --pf-v5-c-label--m-outline--m-clickable--hover--BorderColor: var(--pf-v5-c-label--m-info--m-outline--m-clickable--hover--BorderColor);
18450
+ --pf-v5-c-label--m-outline--m-clickable--hover__icon--Color: var(--pf-v5-c-label--m-info--m-outline--m-clickable--hover__icon--Color) ;
18451
+ }
18452
+ .pf-v5-c-label.pf-m-custom {
18453
+ --pf-v5-c-label--BackgroundColor: var(--pf-v5-c-label--m-custom--BackgroundColor);
18454
+ --pf-v5-c-label--Color: var(--pf-v5-c-label--m-custom--Color);
18455
+ --pf-v5-c-label__icon--Color: var(--pf-v5-c-label--m-custom__icon--Color);
18456
+ --pf-v5-c-label--m-clickable--hover--BackgroundColor: var(--pf-v5-c-label--m-custom--m-clickable--hover--BackgroundColor);
18457
+ --pf-v5-c-label--m-clickable--hover--Color: var(--pf-v5-c-label--m-custom--m-clickable--hover--Color);
18458
+ --pf-v5-c-label--m-clickable--hover__icon--Color: var(--pf-v5-c-label--m-custom--m-clickable--hover__icon--Color);
18459
+ --pf-v5-c-label--m-outline__icon--Color: var(--pf-v5-c-label--m-custom--m-outline__icon--Color);
18460
+ --pf-v5-c-label--m-outline--BorderColor: var(--pf-v5-c-label--m-custom--m-outline--BorderColor);
18461
+ --pf-v5-c-label--m-outline--m-clickable--hover--BorderColor: var(--pf-v5-c-label--m-custom--m-outline--m-clickable--hover--BorderColor);
18462
+ --pf-v5-c-label--m-outline--m-clickable--hover__icon--Color: var(--pf-v5-c-label--m-success--m-outline--m-clickable--hover__icon--Color) ;
18463
+ }
18352
18464
  .pf-v5-c-label.pf-m-compact {
18353
18465
  --pf-v5-c-label--PaddingTop: var(--pf-v5-c-label--m-compact--PaddingTop);
18354
18466
  --pf-v5-c-label--PaddingRight: var(--pf-v5-c-label--m-compact--PaddingRight);
@@ -18357,16 +18469,20 @@ label.pf-v5-c-input-group__text {
18357
18469
  --pf-v5-c-label--FontSize: var(--pf-v5-c-label--m-compact--FontSize);
18358
18470
  --pf-v5-c-label--m-editable--TextDecorationOffset: var(--pf-v5-c-label--m-compact--m-editable--TextDecorationOffset);
18359
18471
  }
18472
+ .pf-v5-c-label.pf-m-filled .pf-v5-c-label__actions .pf-v5-c-button {
18473
+ --pf-v5-c-button--Color: var(--pf-v5-c-label--m-filled__actions--c-button--Color);
18474
+ }
18360
18475
  .pf-v5-c-label.pf-m-outline {
18361
18476
  --pf-v5-c-label--Color: var(--pf-v5-c-label--m-outline--Color);
18362
18477
  --pf-v5-c-label--BorderWidth: var(--pf-v5-c-label--m-outline--BorderWidth);
18363
18478
  --pf-v5-c-label--BorderColor: var(--pf-v5-c-label--m-outline--BorderColor);
18364
18479
  --pf-v5-c-label--BackgroundColor: var(--pf-v5-c-label--m-outline--BackgroundColor);
18480
+ --pf-v5-c-label__icon--Color: var(--pf-v5-c-label--m-outline__icon--Color);
18365
18481
  --pf-v5-c-label--m-clickable--hover--BackgroundColor: var(--pf-v5-c-label--m-outline--m-clickable--hover--BackgroundColor);
18366
18482
  --pf-v5-c-label--m-clickable--hover--BorderWidth: var(--pf-v5-c-label--m-outline--m-clickable--hover--BorderWidth);
18367
18483
  --pf-v5-c-label--m-clickable--hover--BorderColor: var(--pf-v5-c-label--m-outline--m-clickable--hover--BorderColor);
18368
18484
  --pf-v5-c-label--m-clickable--hover--Color: var(--pf-v5-c-label--m-outline--m-clickable--hover--Color);
18369
- --pf-v5-c-label__icon--Color: var(--pf-v5-c-label--m-outline__icon--Color);
18485
+ --pf-v5-c-label--m-clickable--hover__icon--Color: var(--pf-v5-c-label--m-outline--m-clickable--hover__icon--Color);
18370
18486
  }
18371
18487
  .pf-v5-c-label.pf-m-editable {
18372
18488
  --pf-v5-c-label__content--MaxWidth: var(--pf-v5-c-label--m-editable__content--MaxWidth);
@@ -18383,9 +18499,6 @@ label.pf-v5-c-input-group__text {
18383
18499
  --pf-v5-c-label--BackgroundColor: var(--pf-v5-c-label--m-editable--m-editable-active--BackgroundColor);
18384
18500
  --pf-v5-c-label--Color: var(--pf-v5-c-label--m-editable--m-editable-active--Color);
18385
18501
  }
18386
- .pf-v5-c-label.pf-m-add, .pf-v5-c-label.pf-m-overflow {
18387
- background: transparent;
18388
- }
18389
18502
  .pf-v5-c-label.pf-m-overflow {
18390
18503
  --pf-v5-c-label--Color: var(--pf-v5-c-label--m-overflow--Color);
18391
18504
  --pf-v5-c-label--BackgroundColor: var(--pf-v5-c-label--m-overflow--BackgroundColor);
@@ -18418,12 +18531,16 @@ label.pf-v5-c-input-group__text {
18418
18531
  }
18419
18532
  .pf-v5-c-label.pf-m-clickable .pf-v5-c-label__content:is(:hover, :focus) {
18420
18533
  --pf-v5-c-label--Color: var(--pf-v5-c-label--m-clickable--hover--Color);
18534
+ --pf-v5-c-label__icon--Color: var(--pf-v5-c-label--m-clickable--hover__icon--Color);
18421
18535
  --pf-v5-c-label--BackgroundColor: var(--pf-v5-c-label--m-clickable--hover--BackgroundColor);
18422
18536
  --pf-v5-c-label--BorderWidth: var(--pf-v5-c-label--m-clickable--hover--BorderWidth);
18423
18537
  --pf-v5-c-label--BorderColor: var(--pf-v5-c-label--m-clickable--hover--BorderColor);
18424
18538
  --pf-v5-c-label--m-outline--BorderWidth: var(--pf-v5-c-label--m-outline--m-clickable--hover--BorderWidth);
18425
18539
  --pf-v5-c-label--m-outline--BorderColor: var(--pf-v5-c-label--m-outline--m-clickable--hover--BorderColor);
18426
18540
  }
18541
+ .pf-v5-c-label.pf-m-clickable .pf-v5-c-label__content:is(:hover, :focus) ~ .pf-v5-c-label__actions .pf-v5-c-button {
18542
+ --pf-v5-c-label--m-filled__actions--c-button--Color: var(--pf-v5-c-label--m-clickable--hover__icon--Color);
18543
+ }
18427
18544
 
18428
18545
  .pf-v5-c-label,
18429
18546
  .pf-v5-c-label__content {
@@ -18469,7 +18586,6 @@ input.pf-v5-c-label__content {
18469
18586
  margin-inline-end: var(--pf-v5-c-label__actions--MarginRight);
18470
18587
  }
18471
18588
  .pf-v5-c-label__actions .pf-v5-c-button {
18472
- --pf-v5-c-button--Color: var(--pf-v5-c-label__actions--c-button--Color);
18473
18589
  --pf-v5-c-button--FontSize: var(--pf-v5-c-label__actions--c-button--FontSize);
18474
18590
  --pf-v5-c-button--m-plain--m-no-padding--PaddingTop: var(--pf-v5-c-label__actions--c-button--PaddingTop);
18475
18591
  --pf-v5-c-button--m-plain--m-no-padding--PaddingRight: var(--pf-v5-c-label__actions--c-button--PaddingRight);