@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.
- package/components/Label/label.css +140 -24
- package/components/Label/label.scss +161 -26
- package/docs/components/Label/examples/Label.md +2377 -766
- package/docs/demos/Form/examples/BasicForms.md +5 -2
- package/package.json +1 -1
- package/patternfly-no-globals.css +140 -24
- package/patternfly-theme-dark-unversioned.css +140 -24
- package/patternfly.css +140 -24
- package/patternfly.min.css +1 -1
- package/patternfly.min.css.map +1 -1
|
@@ -18248,80 +18248,131 @@ label.pf-v5-c-input-group__text {
|
|
|
18248
18248
|
--pf-v5-c-label--BorderColor: transparent;
|
|
18249
18249
|
--pf-v5-c-label--BorderRadius: var(--pf-t--global--border--radius--pill);
|
|
18250
18250
|
--pf-v5-c-label--FontSize: var(--pf-t--global--font--size--body--sm);
|
|
18251
|
-
--pf-v5-c-label--BackgroundColor: var(--pf-t--global--
|
|
18251
|
+
--pf-v5-c-label--BackgroundColor: var(--pf-t--global--color--nonstatus--gray--default);
|
|
18252
18252
|
--pf-v5-c-label--Color: var(--pf-t--global--text--color--nonstatus--on-gray--default);
|
|
18253
18253
|
--pf-v5-c-label__icon--Color: var(--pf-t--global--icon--color--nonstatus--on-gray--default);
|
|
18254
|
-
--pf-v5-c-label--m-clickable--hover--BackgroundColor: var(--pf-t--global--
|
|
18254
|
+
--pf-v5-c-label--m-clickable--hover--BackgroundColor: var(--pf-t--global--color--nonstatus--gray--hover);
|
|
18255
18255
|
--pf-v5-c-label--m-clickable--hover--Color: var(--pf-t--global--text--color--nonstatus--on-gray--hover);
|
|
18256
18256
|
--pf-v5-c-label--m-clickable--hover__icon--Color: var(--pf-t--global--icon--color--nonstatus--on-gray--hover);
|
|
18257
18257
|
--pf-v5-c-label--m-outline--BorderColor: var(--pf-t--global--border--color--nonstatus--gray--default);
|
|
18258
18258
|
--pf-v5-c-label--m-outline--m-clickable--hover--BorderColor: var(--pf-t--global--border--color--nonstatus--gray--hover);
|
|
18259
|
-
--pf-v5-c-label--m-blue--BackgroundColor: var(--pf-t--global--
|
|
18259
|
+
--pf-v5-c-label--m-blue--BackgroundColor: var(--pf-t--global--color--nonstatus--blue--default);
|
|
18260
18260
|
--pf-v5-c-label--m-blue--Color: var(--pf-t--global--text--color--nonstatus--on-blue--default);
|
|
18261
18261
|
--pf-v5-c-label--m-blue__icon--Color: var(--pf-t--global--icon--color--nonstatus--on-blue--default);
|
|
18262
|
-
--pf-v5-c-label--m-blue--m-clickable--hover--BackgroundColor: var(--pf-t--global--
|
|
18262
|
+
--pf-v5-c-label--m-blue--m-clickable--hover--BackgroundColor: var(--pf-t--global--color--nonstatus--blue--hover);
|
|
18263
18263
|
--pf-v5-c-label--m-blue--m-clickable--hover--Color: var(--pf-t--global--text--color--nonstatus--on-blue--hover);
|
|
18264
18264
|
--pf-v5-c-label--m-blue--m-clickable--hover__icon--Color: var(--pf-t--global--icon--color--nonstatus--on-blue--hover);
|
|
18265
18265
|
--pf-v5-c-label--m-blue--m-outline--BorderColor: var(--pf-t--global--border--color--nonstatus--blue--default);
|
|
18266
18266
|
--pf-v5-c-label--m-blue--m-outline--m-clickable--hover--BorderColor: var(--pf-t--global--border--color--nonstatus--blue--hover);
|
|
18267
|
-
--pf-v5-c-label--m-red--BackgroundColor: var(--pf-t--global--
|
|
18267
|
+
--pf-v5-c-label--m-red--BackgroundColor: var(--pf-t--global--color--nonstatus--red--default);
|
|
18268
18268
|
--pf-v5-c-label--m-red--Color: var(--pf-t--global--text--color--nonstatus--on-red--default);
|
|
18269
18269
|
--pf-v5-c-label--m-red__icon--Color: var(--pf-t--global--icon--color--nonstatus--on-red--default);
|
|
18270
|
-
--pf-v5-c-label--m-red--m-clickable--hover--BackgroundColor: var(--pf-t--global--
|
|
18270
|
+
--pf-v5-c-label--m-red--m-clickable--hover--BackgroundColor: var(--pf-t--global--color--nonstatus--red--hover);
|
|
18271
18271
|
--pf-v5-c-label--m-red--m-clickable--hover--Color: var(--pf-t--global--text--color--nonstatus--on-red--hover);
|
|
18272
18272
|
--pf-v5-c-label--m-red--m-clickable--hover__icon--Color: var(--pf-t--global--icon--color--nonstatus--on-red--hover);
|
|
18273
18273
|
--pf-v5-c-label--m-red--m-outline--BorderColor: var(--pf-t--global--border--color--nonstatus--red--default);
|
|
18274
18274
|
--pf-v5-c-label--m-red--m-outline--m-clickable--hover--BorderColor: var(--pf-t--global--border--color--nonstatus--red--hover);
|
|
18275
|
-
--pf-v5-c-label--m-orange--BackgroundColor: var(--pf-t--global--
|
|
18275
|
+
--pf-v5-c-label--m-orange--BackgroundColor: var(--pf-t--global--color--nonstatus--orange--default);
|
|
18276
18276
|
--pf-v5-c-label--m-orange--Color: var(--pf-t--global--text--color--nonstatus--on-orange--default);
|
|
18277
18277
|
--pf-v5-c-label--m-orange__icon--Color: var(--pf-t--global--icon--color--nonstatus--on-orange--default);
|
|
18278
|
-
--pf-v5-c-label--m-orange--m-clickable--hover--BackgroundColor: var(--pf-t--global--
|
|
18278
|
+
--pf-v5-c-label--m-orange--m-clickable--hover--BackgroundColor: var(--pf-t--global--color--nonstatus--orange--hover);
|
|
18279
18279
|
--pf-v5-c-label--m-orange--m-clickable--hover--Color: var(--pf-t--global--text--color--nonstatus--on-orange--hover);
|
|
18280
18280
|
--pf-v5-c-label--m-orange--m-clickable--hover__icon--Color: var(--pf-t--global--icon--color--nonstatus--on-orange--hover);
|
|
18281
18281
|
--pf-v5-c-label--m-orange--m-outline--BorderColor: var(--pf-t--global--border--color--nonstatus--orange--default);
|
|
18282
18282
|
--pf-v5-c-label--m-orange--m-outline--m-clickable--hover--BorderColor: var(--pf-t--global--border--color--nonstatus--orange--hover);
|
|
18283
|
-
--pf-v5-c-label--m-orangered--BackgroundColor: var(--pf-t--global--
|
|
18283
|
+
--pf-v5-c-label--m-orangered--BackgroundColor: var(--pf-t--global--color--nonstatus--orangered--default);
|
|
18284
18284
|
--pf-v5-c-label--m-orangered--Color: var(--pf-t--global--text--color--nonstatus--on-orangered--default);
|
|
18285
18285
|
--pf-v5-c-label--m-orangered__icon--Color: var(--pf-t--global--icon--color--nonstatus--on-orangered--default);
|
|
18286
|
-
--pf-v5-c-label--m-orangered--m-clickable--hover--BackgroundColor: var(--pf-t--global--
|
|
18286
|
+
--pf-v5-c-label--m-orangered--m-clickable--hover--BackgroundColor: var(--pf-t--global--color--nonstatus--orangered--hover);
|
|
18287
18287
|
--pf-v5-c-label--m-orangered--m-clickable--hover--Color: var(--pf-t--global--text--color--nonstatus--on-orangered--hover);
|
|
18288
18288
|
--pf-v5-c-label--m-orangered--m-clickable--hover__icon--Color: var(--pf-t--global--icon--color--nonstatus--on-orangered--hover);
|
|
18289
18289
|
--pf-v5-c-label--m-orangered--m-outline--BorderColor: var(--pf-t--global--border--color--nonstatus--orangered--default);
|
|
18290
18290
|
--pf-v5-c-label--m-orangered--m-outline--m-clickable--hover--BorderColor: var(--pf-t--global--border--color--nonstatus--orangered--hover);
|
|
18291
|
-
--pf-v5-c-label--m-gold--BackgroundColor: var(--pf-t--global--
|
|
18291
|
+
--pf-v5-c-label--m-gold--BackgroundColor: var(--pf-t--global--color--nonstatus--gold--default);
|
|
18292
18292
|
--pf-v5-c-label--m-gold--Color: var(--pf-t--global--text--color--nonstatus--on-gold--default);
|
|
18293
18293
|
--pf-v5-c-label--m-gold__icon--Color: var(--pf-t--global--icon--color--nonstatus--on-gold--default);
|
|
18294
|
-
--pf-v5-c-label--m-gold--m-clickable--hover--BackgroundColor: var(--pf-t--global--
|
|
18294
|
+
--pf-v5-c-label--m-gold--m-clickable--hover--BackgroundColor: var(--pf-t--global--color--nonstatus--gold--hover);
|
|
18295
18295
|
--pf-v5-c-label--m-gold--m-clickable--hover--Color: var(--pf-t--global--text--color--nonstatus--on-gold--hover);
|
|
18296
18296
|
--pf-v5-c-label--m-gold--m-clickable--hover__icon--Color: var(--pf-t--global--icon--color--nonstatus--on-gold--hover);
|
|
18297
18297
|
--pf-v5-c-label--m-gold--m-outline--BorderColor: var(--pf-t--global--border--color--nonstatus--gold--default);
|
|
18298
18298
|
--pf-v5-c-label--m-gold--m-outline--m-clickable--hover--BorderColor: var(--pf-t--global--border--color--nonstatus--gold--hover);
|
|
18299
|
-
--pf-v5-c-label--m-green--BackgroundColor: var(--pf-t--global--
|
|
18299
|
+
--pf-v5-c-label--m-green--BackgroundColor: var(--pf-t--global--color--nonstatus--green--default);
|
|
18300
18300
|
--pf-v5-c-label--m-green--Color: var(--pf-t--global--text--color--nonstatus--on-green--default);
|
|
18301
18301
|
--pf-v5-c-label--m-green__icon--Color: var(--pf-t--global--icon--color--nonstatus--on-green--default);
|
|
18302
|
-
--pf-v5-c-label--m-green--m-clickable--hover--BackgroundColor: var(--pf-t--global--
|
|
18302
|
+
--pf-v5-c-label--m-green--m-clickable--hover--BackgroundColor: var(--pf-t--global--color--nonstatus--green--hover);
|
|
18303
18303
|
--pf-v5-c-label--m-green--m-clickable--hover--Color: var(--pf-t--global--text--color--nonstatus--on-green--hover);
|
|
18304
18304
|
--pf-v5-c-label--m-green--m-clickable--hover__icon--Color: var(--pf-t--global--icon--color--nonstatus--on-green--hover);
|
|
18305
18305
|
--pf-v5-c-label--m-green--m-outline--BorderColor: var(--pf-t--global--border--color--nonstatus--green--default);
|
|
18306
18306
|
--pf-v5-c-label--m-green--m-outline--m-clickable--hover--BorderColor: var(--pf-t--global--border--color--nonstatus--green--hover);
|
|
18307
|
-
--pf-v5-c-label--m-cyan--BackgroundColor: var(--pf-t--global--
|
|
18307
|
+
--pf-v5-c-label--m-cyan--BackgroundColor: var(--pf-t--global--color--nonstatus--cyan--default);
|
|
18308
18308
|
--pf-v5-c-label--m-cyan--Color: var(--pf-t--global--text--color--nonstatus--on-cyan--default);
|
|
18309
18309
|
--pf-v5-c-label--m-cyan__icon--Color: var(--pf-t--global--icon--color--nonstatus--on-cyan--default);
|
|
18310
|
-
--pf-v5-c-label--m-cyan--m-clickable--hover--BackgroundColor: var(--pf-t--global--
|
|
18310
|
+
--pf-v5-c-label--m-cyan--m-clickable--hover--BackgroundColor: var(--pf-t--global--color--nonstatus--cyan--hover);
|
|
18311
18311
|
--pf-v5-c-label--m-cyan--m-clickable--hover--Color: var(--pf-t--global--text--color--nonstatus--on-cyan--hover);
|
|
18312
18312
|
--pf-v5-c-label--m-cyan--m-clickable--hover__icon--Color: var(--pf-t--global--icon--color--nonstatus--on-cyan--hover);
|
|
18313
18313
|
--pf-v5-c-label--m-cyan--m-outline--BorderColor: var(--pf-t--global--border--color--nonstatus--cyan--default);
|
|
18314
18314
|
--pf-v5-c-label--m-cyan--m-outline--m-clickable--hover--BorderColor: var(--pf-t--global--border--color--nonstatus--cyan--hover);
|
|
18315
|
-
--pf-v5-c-label--m-purple--BackgroundColor: var(--pf-t--global--
|
|
18315
|
+
--pf-v5-c-label--m-purple--BackgroundColor: var(--pf-t--global--color--nonstatus--purple--default);
|
|
18316
18316
|
--pf-v5-c-label--m-purple--Color: var(--pf-t--global--text--color--nonstatus--on-purple--default);
|
|
18317
18317
|
--pf-v5-c-label--m-purple__icon--Color: var(--pf-t--global--icon--color--nonstatus--on-purple--default);
|
|
18318
|
-
--pf-v5-c-label--m-purple--m-clickable--hover--BackgroundColor: var(--pf-t--global--
|
|
18318
|
+
--pf-v5-c-label--m-purple--m-clickable--hover--BackgroundColor: var(--pf-t--global--color--nonstatus--purple--hover);
|
|
18319
18319
|
--pf-v5-c-label--m-purple--m-clickable--hover--Color: var(--pf-t--global--text--color--nonstatus--on-purple--hover);
|
|
18320
18320
|
--pf-v5-c-label--m-purple--m-clickable--hover__icon--Color: var(--pf-t--global--icon--color--nonstatus--on-purple--hover);
|
|
18321
18321
|
--pf-v5-c-label--m-purple--m-outline--BorderColor: var(--pf-t--global--border--color--nonstatus--purple--default);
|
|
18322
18322
|
--pf-v5-c-label--m-purple--m-outline--m-clickable--hover--BorderColor: var(--pf-t--global--border--color--nonstatus--purple--hover);
|
|
18323
|
+
--pf-v5-c-label--m-success--BackgroundColor: var(--pf-t--global--color--status--success--default);
|
|
18324
|
+
--pf-v5-c-label--m-success--Color: var(--pf-t--global--text--color--status--on-success--default);
|
|
18325
|
+
--pf-v5-c-label--m-success__icon--Color: var(--pf-t--global--icon--color--status--on-success--default);
|
|
18326
|
+
--pf-v5-c-label--m-success--m-clickable--hover--BackgroundColor: var(--pf-t--global--color--status--success--hover);
|
|
18327
|
+
--pf-v5-c-label--m-success--m-clickable--hover--Color: var(--pf-t--global--text--color--status--on-success--hover);
|
|
18328
|
+
--pf-v5-c-label--m-success--m-clickable--hover__icon--Color: var(--pf-t--global--icon--color--status--on-success--hover);
|
|
18329
|
+
--pf-v5-c-label--m-success--m-outline__icon--Color: var(--pf-t--global--icon--color--status--success--default);
|
|
18330
|
+
--pf-v5-c-label--m-success--m-outline--BorderColor: var(--pf-t--global--border--color--status--success--default);
|
|
18331
|
+
--pf-v5-c-label--m-success--m-outline--m-clickable--hover--BorderColor: var(--pf-t--global--border--color--status--success--hover);
|
|
18332
|
+
--pf-v5-c-label--m-success--m-outline--m-clickable--hover__icon--Color: var(--pf-t--global--icon--color--status--success--hover);
|
|
18333
|
+
--pf-v5-c-label--m-warning--BackgroundColor: var(--pf-t--global--color--status--warning--default);
|
|
18334
|
+
--pf-v5-c-label--m-warning--Color: var(--pf-t--global--text--color--status--on-warning--default);
|
|
18335
|
+
--pf-v5-c-label--m-warning__icon--Color: var(--pf-t--global--icon--color--status--on-warning--default);
|
|
18336
|
+
--pf-v5-c-label--m-warning--m-clickable--hover--BackgroundColor: var(--pf-t--global--color--status--warning--hover);
|
|
18337
|
+
--pf-v5-c-label--m-warning--m-clickable--hover--Color: var(--pf-t--global--text--color--status--on-warning--hover);
|
|
18338
|
+
--pf-v5-c-label--m-warning--m-clickable--hover__icon--Color: var(--pf-t--global--icon--color--status--on-warning--hover);
|
|
18339
|
+
--pf-v5-c-label--m-warning--m-outline__icon--Color: var(--pf-t--global--icon--color--status--warning--default);
|
|
18340
|
+
--pf-v5-c-label--m-warning--m-outline--BorderColor: var(--pf-t--global--border--color--status--warning--default);
|
|
18341
|
+
--pf-v5-c-label--m-warning--m-outline--m-clickable--hover--BorderColor: var(--pf-t--global--border--color--status--warning--hover);
|
|
18342
|
+
--pf-v5-c-label--m-warning--m-outline--m-clickable--hover__icon--Color: var(--pf-t--global--icon--color--status--warning--hover);
|
|
18343
|
+
--pf-v5-c-label--m-danger--BackgroundColor: var(--pf-t--global--color--status--danger--default);
|
|
18344
|
+
--pf-v5-c-label--m-danger--Color: var(--pf-t--global--text--color--status--on-danger--default);
|
|
18345
|
+
--pf-v5-c-label--m-danger__icon--Color: var(--pf-t--global--icon--color--status--on-danger--default);
|
|
18346
|
+
--pf-v5-c-label--m-danger--m-clickable--hover--BackgroundColor: var(--pf-t--global--color--status--danger--hover);
|
|
18347
|
+
--pf-v5-c-label--m-danger--m-clickable--hover--Color: var(--pf-t--global--text--color--status--on-danger--hover);
|
|
18348
|
+
--pf-v5-c-label--m-danger--m-clickable--hover__icon--Color: var(--pf-t--global--icon--color--status--on-danger--hover);
|
|
18349
|
+
--pf-v5-c-label--m-danger--m-outline__icon--Color: var(--pf-t--global--icon--color--status--danger--default);
|
|
18350
|
+
--pf-v5-c-label--m-danger--m-outline--BorderColor: var(--pf-t--global--border--color--status--danger--default);
|
|
18351
|
+
--pf-v5-c-label--m-danger--m-outline--m-clickable--hover--BorderColor: var(--pf-t--global--border--color--status--danger--hover);
|
|
18352
|
+
--pf-v5-c-label--m-danger--m-outline--m-clickable--hover__icon--Color: var(--pf-t--global--icon--color--status--danger--hover);
|
|
18353
|
+
--pf-v5-c-label--m-info--BackgroundColor: var(--pf-t--global--color--status--info--default);
|
|
18354
|
+
--pf-v5-c-label--m-info--Color: var(--pf-t--global--text--color--status--on-info--default);
|
|
18355
|
+
--pf-v5-c-label--m-info__icon--Color: var(--pf-t--global--icon--color--status--on-info--default);
|
|
18356
|
+
--pf-v5-c-label--m-info--m-clickable--hover--BackgroundColor: var(--pf-t--global--color--status--info--hover);
|
|
18357
|
+
--pf-v5-c-label--m-info--m-clickable--hover--Color: var(--pf-t--global--text--color--status--on-info--hover);
|
|
18358
|
+
--pf-v5-c-label--m-info--m-clickable--hover__icon--Color: var(--pf-t--global--icon--color--status--on-info--hover);
|
|
18359
|
+
--pf-v5-c-label--m-info--m-outline__icon--Color: var(--pf-t--global--icon--color--status--info--default);
|
|
18360
|
+
--pf-v5-c-label--m-info--m-outline--BorderColor: var(--pf-t--global--border--color--status--info--default);
|
|
18361
|
+
--pf-v5-c-label--m-info--m-outline--m-clickable--hover--BorderColor: var(--pf-t--global--border--color--status--info--hover);
|
|
18362
|
+
--pf-v5-c-label--m-info--m-outline--m-clickable--hover__icon--Color: var(--pf-t--global--icon--color--status--info--hover);
|
|
18363
|
+
--pf-v5-c-label--m-custom--BackgroundColor: var(--pf-t--global--color--status--custom--default);
|
|
18364
|
+
--pf-v5-c-label--m-custom--Color: var(--pf-t--global--text--color--status--on-custom--default);
|
|
18365
|
+
--pf-v5-c-label--m-custom__icon--Color: var(--pf-t--global--icon--color--status--on-custom--default);
|
|
18366
|
+
--pf-v5-c-label--m-custom--m-clickable--hover--BackgroundColor: var(--pf-t--global--color--status--custom--hover);
|
|
18367
|
+
--pf-v5-c-label--m-custom--m-clickable--hover--Color: var(--pf-t--global--text--color--status--on-custom--hover);
|
|
18368
|
+
--pf-v5-c-label--m-custom--m-clickable--hover__icon--Color: var(--pf-t--global--icon--color--status--on-custom--hover);
|
|
18369
|
+
--pf-v5-c-label--m-custom--m-outline__icon--Color: var(--pf-t--global--icon--color--status--custom--default);
|
|
18370
|
+
--pf-v5-c-label--m-custom--m-outline--BorderColor: var(--pf-t--global--border--color--status--custom--default);
|
|
18371
|
+
--pf-v5-c-label--m-custom--m-outline--m-clickable--hover--BorderColor: var(--pf-t--global--border--color--status--custom--hover);
|
|
18372
|
+
--pf-v5-c-label--m-custom--m-outline--m-clickable--hover__icon--Color: var(--pf-t--global--icon--color--status--custom--hover);
|
|
18323
18373
|
--pf-v5-c-label--m-clickable--hover--BorderWidth: 0;
|
|
18324
18374
|
--pf-v5-c-label--m-clickable--hover--BorderColor: transparent;
|
|
18375
|
+
--pf-v5-c-label--m-filled__actions--c-button--Color: var(--pf-v5-c-label__icon--Color);
|
|
18325
18376
|
--pf-v5-c-label--m-outline--BorderWidth: var(--pf-t--global--border--width--button--default);
|
|
18326
18377
|
--pf-v5-c-label--m-outline--BackgroundColor: transparent;
|
|
18327
18378
|
--pf-v5-c-label--m-outline--Color: var(--pf-t--global--text--color--regular);
|
|
@@ -18329,6 +18380,7 @@ label.pf-v5-c-input-group__text {
|
|
|
18329
18380
|
--pf-v5-c-label--m-outline--m-clickable--hover--BackgroundColor: transparent;
|
|
18330
18381
|
--pf-v5-c-label--m-outline--m-clickable--hover--BorderWidth: var(--pf-t--global--border--width--button--hover);
|
|
18331
18382
|
--pf-v5-c-label--m-outline--m-clickable--hover--Color: var(--pf-t--global--text--color--regular);
|
|
18383
|
+
--pf-v5-c-label--m-outline--m-clickable--hover__icon--Color: var(--pf-t--global--icon--color--regular);
|
|
18332
18384
|
--pf-v5-c-label--m-overflow--Color: var(--pf-t--global--text--color--brand--default);
|
|
18333
18385
|
--pf-v5-c-label--m-overflow--BackgroundColor: var(--pf-t--global--background--color--action--plain--default);
|
|
18334
18386
|
--pf-v5-c-label--m-overflow--hover--Color: var(--pf-t--global--text--color--brand--hover);
|
|
@@ -18354,7 +18406,6 @@ label.pf-v5-c-input-group__text {
|
|
|
18354
18406
|
--pf-v5-c-label__text--MaxWidth: 100%;
|
|
18355
18407
|
--pf-v5-c-label__actions--MarginRight: calc(var(--pf-v5-c-label__actions--c-button--PaddingRight) * -1);
|
|
18356
18408
|
--pf-v5-c-label__actions--c-button--FontSize: var(--pf-t--global--icon--size--body--sm);
|
|
18357
|
-
--pf-v5-c-label__actions--c-button--Color: var(--pf-v5-c-label__icon--Color);
|
|
18358
18409
|
--pf-v5-c-label__actions--c-button--OutlineOffset: -0.1875rem;
|
|
18359
18410
|
--pf-v5-c-label__actions--c-button--MarginTop: calc(var(--pf-v5-c-label__actions--c-button--PaddingTop) * -1);
|
|
18360
18411
|
--pf-v5-c-label__actions--c-button--MarginBottom: calc(var(--pf-v5-c-label__actions--c-button--PaddingBottom) * -1);
|
|
@@ -18382,6 +18433,7 @@ label.pf-v5-c-input-group__text {
|
|
|
18382
18433
|
padding-inline-end: var(--pf-v5-c-label--PaddingRight);
|
|
18383
18434
|
font-size: var(--pf-v5-c-label--FontSize);
|
|
18384
18435
|
white-space: nowrap;
|
|
18436
|
+
background: transparent;
|
|
18385
18437
|
isolation: isolate;
|
|
18386
18438
|
border: 0;
|
|
18387
18439
|
border-radius: var(--pf-v5-c-label--BorderRadius);
|
|
@@ -18466,6 +18518,66 @@ label.pf-v5-c-input-group__text {
|
|
|
18466
18518
|
--pf-v5-c-label--m-outline--BorderColor: var(--pf-v5-c-label--m-purple--m-outline--BorderColor);
|
|
18467
18519
|
--pf-v5-c-label--m-outline--m-clickable--hover--BorderColor: var(--pf-v5-c-label--m-purple--m-outline--m-clickable--hover--BorderColor);
|
|
18468
18520
|
}
|
|
18521
|
+
.pf-v5-c-label.pf-m-success {
|
|
18522
|
+
--pf-v5-c-label--BackgroundColor: var(--pf-v5-c-label--m-success--BackgroundColor);
|
|
18523
|
+
--pf-v5-c-label--Color: var(--pf-v5-c-label--m-success--Color);
|
|
18524
|
+
--pf-v5-c-label__icon--Color: var(--pf-v5-c-label--m-success__icon--Color);
|
|
18525
|
+
--pf-v5-c-label--m-clickable--hover--BackgroundColor: var(--pf-v5-c-label--m-success--m-clickable--hover--BackgroundColor);
|
|
18526
|
+
--pf-v5-c-label--m-clickable--hover--Color: var(--pf-v5-c-label--m-success--m-clickable--hover--Color);
|
|
18527
|
+
--pf-v5-c-label--m-clickable--hover__icon--Color: var(--pf-v5-c-label--m-success--m-clickable--hover__icon--Color);
|
|
18528
|
+
--pf-v5-c-label--m-outline__icon--Color: var(--pf-v5-c-label--m-success--m-outline__icon--Color);
|
|
18529
|
+
--pf-v5-c-label--m-outline--BorderColor: var(--pf-v5-c-label--m-success--m-outline--BorderColor);
|
|
18530
|
+
--pf-v5-c-label--m-outline--m-clickable--hover--BorderColor: var(--pf-v5-c-label--m-success--m-outline--m-clickable--hover--BorderColor);
|
|
18531
|
+
--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) ;
|
|
18532
|
+
}
|
|
18533
|
+
.pf-v5-c-label.pf-m-warning {
|
|
18534
|
+
--pf-v5-c-label--BackgroundColor: var(--pf-v5-c-label--m-warning--BackgroundColor);
|
|
18535
|
+
--pf-v5-c-label--Color: var(--pf-v5-c-label--m-warning--Color);
|
|
18536
|
+
--pf-v5-c-label__icon--Color: var(--pf-v5-c-label--m-warning__icon--Color);
|
|
18537
|
+
--pf-v5-c-label--m-clickable--hover--BackgroundColor: var(--pf-v5-c-label--m-warning--m-clickable--hover--BackgroundColor);
|
|
18538
|
+
--pf-v5-c-label--m-clickable--hover--Color: var(--pf-v5-c-label--m-warning--m-clickable--hover--Color);
|
|
18539
|
+
--pf-v5-c-label--m-clickable--hover__icon--Color: var(--pf-v5-c-label--m-warning--m-clickable--hover__icon--Color);
|
|
18540
|
+
--pf-v5-c-label--m-outline__icon--Color: var(--pf-v5-c-label--m-warning--m-outline__icon--Color);
|
|
18541
|
+
--pf-v5-c-label--m-outline--BorderColor: var(--pf-v5-c-label--m-warning--m-outline--BorderColor);
|
|
18542
|
+
--pf-v5-c-label--m-outline--m-clickable--hover--BorderColor: var(--pf-v5-c-label--m-warning--m-outline--m-clickable--hover--BorderColor);
|
|
18543
|
+
--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) ;
|
|
18544
|
+
}
|
|
18545
|
+
.pf-v5-c-label.pf-m-danger {
|
|
18546
|
+
--pf-v5-c-label--BackgroundColor: var(--pf-v5-c-label--m-danger--BackgroundColor);
|
|
18547
|
+
--pf-v5-c-label--Color: var(--pf-v5-c-label--m-danger--Color);
|
|
18548
|
+
--pf-v5-c-label__icon--Color: var(--pf-v5-c-label--m-danger__icon--Color);
|
|
18549
|
+
--pf-v5-c-label--m-clickable--hover--BackgroundColor: var(--pf-v5-c-label--m-danger--m-clickable--hover--BackgroundColor);
|
|
18550
|
+
--pf-v5-c-label--m-clickable--hover--Color: var(--pf-v5-c-label--m-danger--m-clickable--hover--Color);
|
|
18551
|
+
--pf-v5-c-label--m-clickable--hover__icon--Color: var(--pf-v5-c-label--m-danger--m-clickable--hover__icon--Color);
|
|
18552
|
+
--pf-v5-c-label--m-outline__icon--Color: var(--pf-v5-c-label--m-danger--m-outline__icon--Color);
|
|
18553
|
+
--pf-v5-c-label--m-outline--BorderColor: var(--pf-v5-c-label--m-danger--m-outline--BorderColor);
|
|
18554
|
+
--pf-v5-c-label--m-outline--m-clickable--hover--BorderColor: var(--pf-v5-c-label--m-danger--m-outline--m-clickable--hover--BorderColor);
|
|
18555
|
+
--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) ;
|
|
18556
|
+
}
|
|
18557
|
+
.pf-v5-c-label.pf-m-info {
|
|
18558
|
+
--pf-v5-c-label--BackgroundColor: var(--pf-v5-c-label--m-info--BackgroundColor);
|
|
18559
|
+
--pf-v5-c-label--Color: var(--pf-v5-c-label--m-info--Color);
|
|
18560
|
+
--pf-v5-c-label__icon--Color: var(--pf-v5-c-label--m-info__icon--Color);
|
|
18561
|
+
--pf-v5-c-label--m-clickable--hover--BackgroundColor: var(--pf-v5-c-label--m-info--m-clickable--hover--BackgroundColor);
|
|
18562
|
+
--pf-v5-c-label--m-clickable--hover--Color: var(--pf-v5-c-label--m-info--m-clickable--hover--Color);
|
|
18563
|
+
--pf-v5-c-label--m-clickable--hover__icon--Color: var(--pf-v5-c-label--m-info--m-clickable--hover__icon--Color);
|
|
18564
|
+
--pf-v5-c-label--m-outline__icon--Color: var(--pf-v5-c-label--m-info--m-outline__icon--Color);
|
|
18565
|
+
--pf-v5-c-label--m-outline--BorderColor: var(--pf-v5-c-label--m-info--m-outline--BorderColor);
|
|
18566
|
+
--pf-v5-c-label--m-outline--m-clickable--hover--BorderColor: var(--pf-v5-c-label--m-info--m-outline--m-clickable--hover--BorderColor);
|
|
18567
|
+
--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) ;
|
|
18568
|
+
}
|
|
18569
|
+
.pf-v5-c-label.pf-m-custom {
|
|
18570
|
+
--pf-v5-c-label--BackgroundColor: var(--pf-v5-c-label--m-custom--BackgroundColor);
|
|
18571
|
+
--pf-v5-c-label--Color: var(--pf-v5-c-label--m-custom--Color);
|
|
18572
|
+
--pf-v5-c-label__icon--Color: var(--pf-v5-c-label--m-custom__icon--Color);
|
|
18573
|
+
--pf-v5-c-label--m-clickable--hover--BackgroundColor: var(--pf-v5-c-label--m-custom--m-clickable--hover--BackgroundColor);
|
|
18574
|
+
--pf-v5-c-label--m-clickable--hover--Color: var(--pf-v5-c-label--m-custom--m-clickable--hover--Color);
|
|
18575
|
+
--pf-v5-c-label--m-clickable--hover__icon--Color: var(--pf-v5-c-label--m-custom--m-clickable--hover__icon--Color);
|
|
18576
|
+
--pf-v5-c-label--m-outline__icon--Color: var(--pf-v5-c-label--m-custom--m-outline__icon--Color);
|
|
18577
|
+
--pf-v5-c-label--m-outline--BorderColor: var(--pf-v5-c-label--m-custom--m-outline--BorderColor);
|
|
18578
|
+
--pf-v5-c-label--m-outline--m-clickable--hover--BorderColor: var(--pf-v5-c-label--m-custom--m-outline--m-clickable--hover--BorderColor);
|
|
18579
|
+
--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) ;
|
|
18580
|
+
}
|
|
18469
18581
|
.pf-v5-c-label.pf-m-compact {
|
|
18470
18582
|
--pf-v5-c-label--PaddingTop: var(--pf-v5-c-label--m-compact--PaddingTop);
|
|
18471
18583
|
--pf-v5-c-label--PaddingRight: var(--pf-v5-c-label--m-compact--PaddingRight);
|
|
@@ -18474,16 +18586,20 @@ label.pf-v5-c-input-group__text {
|
|
|
18474
18586
|
--pf-v5-c-label--FontSize: var(--pf-v5-c-label--m-compact--FontSize);
|
|
18475
18587
|
--pf-v5-c-label--m-editable--TextDecorationOffset: var(--pf-v5-c-label--m-compact--m-editable--TextDecorationOffset);
|
|
18476
18588
|
}
|
|
18589
|
+
.pf-v5-c-label.pf-m-filled .pf-v5-c-label__actions .pf-v5-c-button {
|
|
18590
|
+
--pf-v5-c-button--Color: var(--pf-v5-c-label--m-filled__actions--c-button--Color);
|
|
18591
|
+
}
|
|
18477
18592
|
.pf-v5-c-label.pf-m-outline {
|
|
18478
18593
|
--pf-v5-c-label--Color: var(--pf-v5-c-label--m-outline--Color);
|
|
18479
18594
|
--pf-v5-c-label--BorderWidth: var(--pf-v5-c-label--m-outline--BorderWidth);
|
|
18480
18595
|
--pf-v5-c-label--BorderColor: var(--pf-v5-c-label--m-outline--BorderColor);
|
|
18481
18596
|
--pf-v5-c-label--BackgroundColor: var(--pf-v5-c-label--m-outline--BackgroundColor);
|
|
18597
|
+
--pf-v5-c-label__icon--Color: var(--pf-v5-c-label--m-outline__icon--Color);
|
|
18482
18598
|
--pf-v5-c-label--m-clickable--hover--BackgroundColor: var(--pf-v5-c-label--m-outline--m-clickable--hover--BackgroundColor);
|
|
18483
18599
|
--pf-v5-c-label--m-clickable--hover--BorderWidth: var(--pf-v5-c-label--m-outline--m-clickable--hover--BorderWidth);
|
|
18484
18600
|
--pf-v5-c-label--m-clickable--hover--BorderColor: var(--pf-v5-c-label--m-outline--m-clickable--hover--BorderColor);
|
|
18485
18601
|
--pf-v5-c-label--m-clickable--hover--Color: var(--pf-v5-c-label--m-outline--m-clickable--hover--Color);
|
|
18486
|
-
--pf-v5-c-
|
|
18602
|
+
--pf-v5-c-label--m-clickable--hover__icon--Color: var(--pf-v5-c-label--m-outline--m-clickable--hover__icon--Color);
|
|
18487
18603
|
}
|
|
18488
18604
|
.pf-v5-c-label.pf-m-editable {
|
|
18489
18605
|
--pf-v5-c-label__content--MaxWidth: var(--pf-v5-c-label--m-editable__content--MaxWidth);
|
|
@@ -18500,9 +18616,6 @@ label.pf-v5-c-input-group__text {
|
|
|
18500
18616
|
--pf-v5-c-label--BackgroundColor: var(--pf-v5-c-label--m-editable--m-editable-active--BackgroundColor);
|
|
18501
18617
|
--pf-v5-c-label--Color: var(--pf-v5-c-label--m-editable--m-editable-active--Color);
|
|
18502
18618
|
}
|
|
18503
|
-
.pf-v5-c-label.pf-m-add, .pf-v5-c-label.pf-m-overflow {
|
|
18504
|
-
background: transparent;
|
|
18505
|
-
}
|
|
18506
18619
|
.pf-v5-c-label.pf-m-overflow {
|
|
18507
18620
|
--pf-v5-c-label--Color: var(--pf-v5-c-label--m-overflow--Color);
|
|
18508
18621
|
--pf-v5-c-label--BackgroundColor: var(--pf-v5-c-label--m-overflow--BackgroundColor);
|
|
@@ -18535,12 +18648,16 @@ label.pf-v5-c-input-group__text {
|
|
|
18535
18648
|
}
|
|
18536
18649
|
.pf-v5-c-label.pf-m-clickable .pf-v5-c-label__content:is(:hover, :focus) {
|
|
18537
18650
|
--pf-v5-c-label--Color: var(--pf-v5-c-label--m-clickable--hover--Color);
|
|
18651
|
+
--pf-v5-c-label__icon--Color: var(--pf-v5-c-label--m-clickable--hover__icon--Color);
|
|
18538
18652
|
--pf-v5-c-label--BackgroundColor: var(--pf-v5-c-label--m-clickable--hover--BackgroundColor);
|
|
18539
18653
|
--pf-v5-c-label--BorderWidth: var(--pf-v5-c-label--m-clickable--hover--BorderWidth);
|
|
18540
18654
|
--pf-v5-c-label--BorderColor: var(--pf-v5-c-label--m-clickable--hover--BorderColor);
|
|
18541
18655
|
--pf-v5-c-label--m-outline--BorderWidth: var(--pf-v5-c-label--m-outline--m-clickable--hover--BorderWidth);
|
|
18542
18656
|
--pf-v5-c-label--m-outline--BorderColor: var(--pf-v5-c-label--m-outline--m-clickable--hover--BorderColor);
|
|
18543
18657
|
}
|
|
18658
|
+
.pf-v5-c-label.pf-m-clickable .pf-v5-c-label__content:is(:hover, :focus) ~ .pf-v5-c-label__actions .pf-v5-c-button {
|
|
18659
|
+
--pf-v5-c-label--m-filled__actions--c-button--Color: var(--pf-v5-c-label--m-clickable--hover__icon--Color);
|
|
18660
|
+
}
|
|
18544
18661
|
|
|
18545
18662
|
.pf-v5-c-label,
|
|
18546
18663
|
.pf-v5-c-label__content {
|
|
@@ -18586,7 +18703,6 @@ input.pf-v5-c-label__content {
|
|
|
18586
18703
|
margin-inline-end: var(--pf-v5-c-label__actions--MarginRight);
|
|
18587
18704
|
}
|
|
18588
18705
|
.pf-v5-c-label__actions .pf-v5-c-button {
|
|
18589
|
-
--pf-v5-c-button--Color: var(--pf-v5-c-label__actions--c-button--Color);
|
|
18590
18706
|
--pf-v5-c-button--FontSize: var(--pf-v5-c-label__actions--c-button--FontSize);
|
|
18591
18707
|
--pf-v5-c-button--m-plain--m-no-padding--PaddingTop: var(--pf-v5-c-label__actions--c-button--PaddingTop);
|
|
18592
18708
|
--pf-v5-c-button--m-plain--m-no-padding--PaddingRight: var(--pf-v5-c-label__actions--c-button--PaddingRight);
|
package/patternfly.css
CHANGED
|
@@ -18248,80 +18248,131 @@ label.pf-v5-c-input-group__text {
|
|
|
18248
18248
|
--pf-v5-c-label--BorderColor: transparent;
|
|
18249
18249
|
--pf-v5-c-label--BorderRadius: var(--pf-t--global--border--radius--pill);
|
|
18250
18250
|
--pf-v5-c-label--FontSize: var(--pf-t--global--font--size--body--sm);
|
|
18251
|
-
--pf-v5-c-label--BackgroundColor: var(--pf-t--global--
|
|
18251
|
+
--pf-v5-c-label--BackgroundColor: var(--pf-t--global--color--nonstatus--gray--default);
|
|
18252
18252
|
--pf-v5-c-label--Color: var(--pf-t--global--text--color--nonstatus--on-gray--default);
|
|
18253
18253
|
--pf-v5-c-label__icon--Color: var(--pf-t--global--icon--color--nonstatus--on-gray--default);
|
|
18254
|
-
--pf-v5-c-label--m-clickable--hover--BackgroundColor: var(--pf-t--global--
|
|
18254
|
+
--pf-v5-c-label--m-clickable--hover--BackgroundColor: var(--pf-t--global--color--nonstatus--gray--hover);
|
|
18255
18255
|
--pf-v5-c-label--m-clickable--hover--Color: var(--pf-t--global--text--color--nonstatus--on-gray--hover);
|
|
18256
18256
|
--pf-v5-c-label--m-clickable--hover__icon--Color: var(--pf-t--global--icon--color--nonstatus--on-gray--hover);
|
|
18257
18257
|
--pf-v5-c-label--m-outline--BorderColor: var(--pf-t--global--border--color--nonstatus--gray--default);
|
|
18258
18258
|
--pf-v5-c-label--m-outline--m-clickable--hover--BorderColor: var(--pf-t--global--border--color--nonstatus--gray--hover);
|
|
18259
|
-
--pf-v5-c-label--m-blue--BackgroundColor: var(--pf-t--global--
|
|
18259
|
+
--pf-v5-c-label--m-blue--BackgroundColor: var(--pf-t--global--color--nonstatus--blue--default);
|
|
18260
18260
|
--pf-v5-c-label--m-blue--Color: var(--pf-t--global--text--color--nonstatus--on-blue--default);
|
|
18261
18261
|
--pf-v5-c-label--m-blue__icon--Color: var(--pf-t--global--icon--color--nonstatus--on-blue--default);
|
|
18262
|
-
--pf-v5-c-label--m-blue--m-clickable--hover--BackgroundColor: var(--pf-t--global--
|
|
18262
|
+
--pf-v5-c-label--m-blue--m-clickable--hover--BackgroundColor: var(--pf-t--global--color--nonstatus--blue--hover);
|
|
18263
18263
|
--pf-v5-c-label--m-blue--m-clickable--hover--Color: var(--pf-t--global--text--color--nonstatus--on-blue--hover);
|
|
18264
18264
|
--pf-v5-c-label--m-blue--m-clickable--hover__icon--Color: var(--pf-t--global--icon--color--nonstatus--on-blue--hover);
|
|
18265
18265
|
--pf-v5-c-label--m-blue--m-outline--BorderColor: var(--pf-t--global--border--color--nonstatus--blue--default);
|
|
18266
18266
|
--pf-v5-c-label--m-blue--m-outline--m-clickable--hover--BorderColor: var(--pf-t--global--border--color--nonstatus--blue--hover);
|
|
18267
|
-
--pf-v5-c-label--m-red--BackgroundColor: var(--pf-t--global--
|
|
18267
|
+
--pf-v5-c-label--m-red--BackgroundColor: var(--pf-t--global--color--nonstatus--red--default);
|
|
18268
18268
|
--pf-v5-c-label--m-red--Color: var(--pf-t--global--text--color--nonstatus--on-red--default);
|
|
18269
18269
|
--pf-v5-c-label--m-red__icon--Color: var(--pf-t--global--icon--color--nonstatus--on-red--default);
|
|
18270
|
-
--pf-v5-c-label--m-red--m-clickable--hover--BackgroundColor: var(--pf-t--global--
|
|
18270
|
+
--pf-v5-c-label--m-red--m-clickable--hover--BackgroundColor: var(--pf-t--global--color--nonstatus--red--hover);
|
|
18271
18271
|
--pf-v5-c-label--m-red--m-clickable--hover--Color: var(--pf-t--global--text--color--nonstatus--on-red--hover);
|
|
18272
18272
|
--pf-v5-c-label--m-red--m-clickable--hover__icon--Color: var(--pf-t--global--icon--color--nonstatus--on-red--hover);
|
|
18273
18273
|
--pf-v5-c-label--m-red--m-outline--BorderColor: var(--pf-t--global--border--color--nonstatus--red--default);
|
|
18274
18274
|
--pf-v5-c-label--m-red--m-outline--m-clickable--hover--BorderColor: var(--pf-t--global--border--color--nonstatus--red--hover);
|
|
18275
|
-
--pf-v5-c-label--m-orange--BackgroundColor: var(--pf-t--global--
|
|
18275
|
+
--pf-v5-c-label--m-orange--BackgroundColor: var(--pf-t--global--color--nonstatus--orange--default);
|
|
18276
18276
|
--pf-v5-c-label--m-orange--Color: var(--pf-t--global--text--color--nonstatus--on-orange--default);
|
|
18277
18277
|
--pf-v5-c-label--m-orange__icon--Color: var(--pf-t--global--icon--color--nonstatus--on-orange--default);
|
|
18278
|
-
--pf-v5-c-label--m-orange--m-clickable--hover--BackgroundColor: var(--pf-t--global--
|
|
18278
|
+
--pf-v5-c-label--m-orange--m-clickable--hover--BackgroundColor: var(--pf-t--global--color--nonstatus--orange--hover);
|
|
18279
18279
|
--pf-v5-c-label--m-orange--m-clickable--hover--Color: var(--pf-t--global--text--color--nonstatus--on-orange--hover);
|
|
18280
18280
|
--pf-v5-c-label--m-orange--m-clickable--hover__icon--Color: var(--pf-t--global--icon--color--nonstatus--on-orange--hover);
|
|
18281
18281
|
--pf-v5-c-label--m-orange--m-outline--BorderColor: var(--pf-t--global--border--color--nonstatus--orange--default);
|
|
18282
18282
|
--pf-v5-c-label--m-orange--m-outline--m-clickable--hover--BorderColor: var(--pf-t--global--border--color--nonstatus--orange--hover);
|
|
18283
|
-
--pf-v5-c-label--m-orangered--BackgroundColor: var(--pf-t--global--
|
|
18283
|
+
--pf-v5-c-label--m-orangered--BackgroundColor: var(--pf-t--global--color--nonstatus--orangered--default);
|
|
18284
18284
|
--pf-v5-c-label--m-orangered--Color: var(--pf-t--global--text--color--nonstatus--on-orangered--default);
|
|
18285
18285
|
--pf-v5-c-label--m-orangered__icon--Color: var(--pf-t--global--icon--color--nonstatus--on-orangered--default);
|
|
18286
|
-
--pf-v5-c-label--m-orangered--m-clickable--hover--BackgroundColor: var(--pf-t--global--
|
|
18286
|
+
--pf-v5-c-label--m-orangered--m-clickable--hover--BackgroundColor: var(--pf-t--global--color--nonstatus--orangered--hover);
|
|
18287
18287
|
--pf-v5-c-label--m-orangered--m-clickable--hover--Color: var(--pf-t--global--text--color--nonstatus--on-orangered--hover);
|
|
18288
18288
|
--pf-v5-c-label--m-orangered--m-clickable--hover__icon--Color: var(--pf-t--global--icon--color--nonstatus--on-orangered--hover);
|
|
18289
18289
|
--pf-v5-c-label--m-orangered--m-outline--BorderColor: var(--pf-t--global--border--color--nonstatus--orangered--default);
|
|
18290
18290
|
--pf-v5-c-label--m-orangered--m-outline--m-clickable--hover--BorderColor: var(--pf-t--global--border--color--nonstatus--orangered--hover);
|
|
18291
|
-
--pf-v5-c-label--m-gold--BackgroundColor: var(--pf-t--global--
|
|
18291
|
+
--pf-v5-c-label--m-gold--BackgroundColor: var(--pf-t--global--color--nonstatus--gold--default);
|
|
18292
18292
|
--pf-v5-c-label--m-gold--Color: var(--pf-t--global--text--color--nonstatus--on-gold--default);
|
|
18293
18293
|
--pf-v5-c-label--m-gold__icon--Color: var(--pf-t--global--icon--color--nonstatus--on-gold--default);
|
|
18294
|
-
--pf-v5-c-label--m-gold--m-clickable--hover--BackgroundColor: var(--pf-t--global--
|
|
18294
|
+
--pf-v5-c-label--m-gold--m-clickable--hover--BackgroundColor: var(--pf-t--global--color--nonstatus--gold--hover);
|
|
18295
18295
|
--pf-v5-c-label--m-gold--m-clickable--hover--Color: var(--pf-t--global--text--color--nonstatus--on-gold--hover);
|
|
18296
18296
|
--pf-v5-c-label--m-gold--m-clickable--hover__icon--Color: var(--pf-t--global--icon--color--nonstatus--on-gold--hover);
|
|
18297
18297
|
--pf-v5-c-label--m-gold--m-outline--BorderColor: var(--pf-t--global--border--color--nonstatus--gold--default);
|
|
18298
18298
|
--pf-v5-c-label--m-gold--m-outline--m-clickable--hover--BorderColor: var(--pf-t--global--border--color--nonstatus--gold--hover);
|
|
18299
|
-
--pf-v5-c-label--m-green--BackgroundColor: var(--pf-t--global--
|
|
18299
|
+
--pf-v5-c-label--m-green--BackgroundColor: var(--pf-t--global--color--nonstatus--green--default);
|
|
18300
18300
|
--pf-v5-c-label--m-green--Color: var(--pf-t--global--text--color--nonstatus--on-green--default);
|
|
18301
18301
|
--pf-v5-c-label--m-green__icon--Color: var(--pf-t--global--icon--color--nonstatus--on-green--default);
|
|
18302
|
-
--pf-v5-c-label--m-green--m-clickable--hover--BackgroundColor: var(--pf-t--global--
|
|
18302
|
+
--pf-v5-c-label--m-green--m-clickable--hover--BackgroundColor: var(--pf-t--global--color--nonstatus--green--hover);
|
|
18303
18303
|
--pf-v5-c-label--m-green--m-clickable--hover--Color: var(--pf-t--global--text--color--nonstatus--on-green--hover);
|
|
18304
18304
|
--pf-v5-c-label--m-green--m-clickable--hover__icon--Color: var(--pf-t--global--icon--color--nonstatus--on-green--hover);
|
|
18305
18305
|
--pf-v5-c-label--m-green--m-outline--BorderColor: var(--pf-t--global--border--color--nonstatus--green--default);
|
|
18306
18306
|
--pf-v5-c-label--m-green--m-outline--m-clickable--hover--BorderColor: var(--pf-t--global--border--color--nonstatus--green--hover);
|
|
18307
|
-
--pf-v5-c-label--m-cyan--BackgroundColor: var(--pf-t--global--
|
|
18307
|
+
--pf-v5-c-label--m-cyan--BackgroundColor: var(--pf-t--global--color--nonstatus--cyan--default);
|
|
18308
18308
|
--pf-v5-c-label--m-cyan--Color: var(--pf-t--global--text--color--nonstatus--on-cyan--default);
|
|
18309
18309
|
--pf-v5-c-label--m-cyan__icon--Color: var(--pf-t--global--icon--color--nonstatus--on-cyan--default);
|
|
18310
|
-
--pf-v5-c-label--m-cyan--m-clickable--hover--BackgroundColor: var(--pf-t--global--
|
|
18310
|
+
--pf-v5-c-label--m-cyan--m-clickable--hover--BackgroundColor: var(--pf-t--global--color--nonstatus--cyan--hover);
|
|
18311
18311
|
--pf-v5-c-label--m-cyan--m-clickable--hover--Color: var(--pf-t--global--text--color--nonstatus--on-cyan--hover);
|
|
18312
18312
|
--pf-v5-c-label--m-cyan--m-clickable--hover__icon--Color: var(--pf-t--global--icon--color--nonstatus--on-cyan--hover);
|
|
18313
18313
|
--pf-v5-c-label--m-cyan--m-outline--BorderColor: var(--pf-t--global--border--color--nonstatus--cyan--default);
|
|
18314
18314
|
--pf-v5-c-label--m-cyan--m-outline--m-clickable--hover--BorderColor: var(--pf-t--global--border--color--nonstatus--cyan--hover);
|
|
18315
|
-
--pf-v5-c-label--m-purple--BackgroundColor: var(--pf-t--global--
|
|
18315
|
+
--pf-v5-c-label--m-purple--BackgroundColor: var(--pf-t--global--color--nonstatus--purple--default);
|
|
18316
18316
|
--pf-v5-c-label--m-purple--Color: var(--pf-t--global--text--color--nonstatus--on-purple--default);
|
|
18317
18317
|
--pf-v5-c-label--m-purple__icon--Color: var(--pf-t--global--icon--color--nonstatus--on-purple--default);
|
|
18318
|
-
--pf-v5-c-label--m-purple--m-clickable--hover--BackgroundColor: var(--pf-t--global--
|
|
18318
|
+
--pf-v5-c-label--m-purple--m-clickable--hover--BackgroundColor: var(--pf-t--global--color--nonstatus--purple--hover);
|
|
18319
18319
|
--pf-v5-c-label--m-purple--m-clickable--hover--Color: var(--pf-t--global--text--color--nonstatus--on-purple--hover);
|
|
18320
18320
|
--pf-v5-c-label--m-purple--m-clickable--hover__icon--Color: var(--pf-t--global--icon--color--nonstatus--on-purple--hover);
|
|
18321
18321
|
--pf-v5-c-label--m-purple--m-outline--BorderColor: var(--pf-t--global--border--color--nonstatus--purple--default);
|
|
18322
18322
|
--pf-v5-c-label--m-purple--m-outline--m-clickable--hover--BorderColor: var(--pf-t--global--border--color--nonstatus--purple--hover);
|
|
18323
|
+
--pf-v5-c-label--m-success--BackgroundColor: var(--pf-t--global--color--status--success--default);
|
|
18324
|
+
--pf-v5-c-label--m-success--Color: var(--pf-t--global--text--color--status--on-success--default);
|
|
18325
|
+
--pf-v5-c-label--m-success__icon--Color: var(--pf-t--global--icon--color--status--on-success--default);
|
|
18326
|
+
--pf-v5-c-label--m-success--m-clickable--hover--BackgroundColor: var(--pf-t--global--color--status--success--hover);
|
|
18327
|
+
--pf-v5-c-label--m-success--m-clickable--hover--Color: var(--pf-t--global--text--color--status--on-success--hover);
|
|
18328
|
+
--pf-v5-c-label--m-success--m-clickable--hover__icon--Color: var(--pf-t--global--icon--color--status--on-success--hover);
|
|
18329
|
+
--pf-v5-c-label--m-success--m-outline__icon--Color: var(--pf-t--global--icon--color--status--success--default);
|
|
18330
|
+
--pf-v5-c-label--m-success--m-outline--BorderColor: var(--pf-t--global--border--color--status--success--default);
|
|
18331
|
+
--pf-v5-c-label--m-success--m-outline--m-clickable--hover--BorderColor: var(--pf-t--global--border--color--status--success--hover);
|
|
18332
|
+
--pf-v5-c-label--m-success--m-outline--m-clickable--hover__icon--Color: var(--pf-t--global--icon--color--status--success--hover);
|
|
18333
|
+
--pf-v5-c-label--m-warning--BackgroundColor: var(--pf-t--global--color--status--warning--default);
|
|
18334
|
+
--pf-v5-c-label--m-warning--Color: var(--pf-t--global--text--color--status--on-warning--default);
|
|
18335
|
+
--pf-v5-c-label--m-warning__icon--Color: var(--pf-t--global--icon--color--status--on-warning--default);
|
|
18336
|
+
--pf-v5-c-label--m-warning--m-clickable--hover--BackgroundColor: var(--pf-t--global--color--status--warning--hover);
|
|
18337
|
+
--pf-v5-c-label--m-warning--m-clickable--hover--Color: var(--pf-t--global--text--color--status--on-warning--hover);
|
|
18338
|
+
--pf-v5-c-label--m-warning--m-clickable--hover__icon--Color: var(--pf-t--global--icon--color--status--on-warning--hover);
|
|
18339
|
+
--pf-v5-c-label--m-warning--m-outline__icon--Color: var(--pf-t--global--icon--color--status--warning--default);
|
|
18340
|
+
--pf-v5-c-label--m-warning--m-outline--BorderColor: var(--pf-t--global--border--color--status--warning--default);
|
|
18341
|
+
--pf-v5-c-label--m-warning--m-outline--m-clickable--hover--BorderColor: var(--pf-t--global--border--color--status--warning--hover);
|
|
18342
|
+
--pf-v5-c-label--m-warning--m-outline--m-clickable--hover__icon--Color: var(--pf-t--global--icon--color--status--warning--hover);
|
|
18343
|
+
--pf-v5-c-label--m-danger--BackgroundColor: var(--pf-t--global--color--status--danger--default);
|
|
18344
|
+
--pf-v5-c-label--m-danger--Color: var(--pf-t--global--text--color--status--on-danger--default);
|
|
18345
|
+
--pf-v5-c-label--m-danger__icon--Color: var(--pf-t--global--icon--color--status--on-danger--default);
|
|
18346
|
+
--pf-v5-c-label--m-danger--m-clickable--hover--BackgroundColor: var(--pf-t--global--color--status--danger--hover);
|
|
18347
|
+
--pf-v5-c-label--m-danger--m-clickable--hover--Color: var(--pf-t--global--text--color--status--on-danger--hover);
|
|
18348
|
+
--pf-v5-c-label--m-danger--m-clickable--hover__icon--Color: var(--pf-t--global--icon--color--status--on-danger--hover);
|
|
18349
|
+
--pf-v5-c-label--m-danger--m-outline__icon--Color: var(--pf-t--global--icon--color--status--danger--default);
|
|
18350
|
+
--pf-v5-c-label--m-danger--m-outline--BorderColor: var(--pf-t--global--border--color--status--danger--default);
|
|
18351
|
+
--pf-v5-c-label--m-danger--m-outline--m-clickable--hover--BorderColor: var(--pf-t--global--border--color--status--danger--hover);
|
|
18352
|
+
--pf-v5-c-label--m-danger--m-outline--m-clickable--hover__icon--Color: var(--pf-t--global--icon--color--status--danger--hover);
|
|
18353
|
+
--pf-v5-c-label--m-info--BackgroundColor: var(--pf-t--global--color--status--info--default);
|
|
18354
|
+
--pf-v5-c-label--m-info--Color: var(--pf-t--global--text--color--status--on-info--default);
|
|
18355
|
+
--pf-v5-c-label--m-info__icon--Color: var(--pf-t--global--icon--color--status--on-info--default);
|
|
18356
|
+
--pf-v5-c-label--m-info--m-clickable--hover--BackgroundColor: var(--pf-t--global--color--status--info--hover);
|
|
18357
|
+
--pf-v5-c-label--m-info--m-clickable--hover--Color: var(--pf-t--global--text--color--status--on-info--hover);
|
|
18358
|
+
--pf-v5-c-label--m-info--m-clickable--hover__icon--Color: var(--pf-t--global--icon--color--status--on-info--hover);
|
|
18359
|
+
--pf-v5-c-label--m-info--m-outline__icon--Color: var(--pf-t--global--icon--color--status--info--default);
|
|
18360
|
+
--pf-v5-c-label--m-info--m-outline--BorderColor: var(--pf-t--global--border--color--status--info--default);
|
|
18361
|
+
--pf-v5-c-label--m-info--m-outline--m-clickable--hover--BorderColor: var(--pf-t--global--border--color--status--info--hover);
|
|
18362
|
+
--pf-v5-c-label--m-info--m-outline--m-clickable--hover__icon--Color: var(--pf-t--global--icon--color--status--info--hover);
|
|
18363
|
+
--pf-v5-c-label--m-custom--BackgroundColor: var(--pf-t--global--color--status--custom--default);
|
|
18364
|
+
--pf-v5-c-label--m-custom--Color: var(--pf-t--global--text--color--status--on-custom--default);
|
|
18365
|
+
--pf-v5-c-label--m-custom__icon--Color: var(--pf-t--global--icon--color--status--on-custom--default);
|
|
18366
|
+
--pf-v5-c-label--m-custom--m-clickable--hover--BackgroundColor: var(--pf-t--global--color--status--custom--hover);
|
|
18367
|
+
--pf-v5-c-label--m-custom--m-clickable--hover--Color: var(--pf-t--global--text--color--status--on-custom--hover);
|
|
18368
|
+
--pf-v5-c-label--m-custom--m-clickable--hover__icon--Color: var(--pf-t--global--icon--color--status--on-custom--hover);
|
|
18369
|
+
--pf-v5-c-label--m-custom--m-outline__icon--Color: var(--pf-t--global--icon--color--status--custom--default);
|
|
18370
|
+
--pf-v5-c-label--m-custom--m-outline--BorderColor: var(--pf-t--global--border--color--status--custom--default);
|
|
18371
|
+
--pf-v5-c-label--m-custom--m-outline--m-clickable--hover--BorderColor: var(--pf-t--global--border--color--status--custom--hover);
|
|
18372
|
+
--pf-v5-c-label--m-custom--m-outline--m-clickable--hover__icon--Color: var(--pf-t--global--icon--color--status--custom--hover);
|
|
18323
18373
|
--pf-v5-c-label--m-clickable--hover--BorderWidth: 0;
|
|
18324
18374
|
--pf-v5-c-label--m-clickable--hover--BorderColor: transparent;
|
|
18375
|
+
--pf-v5-c-label--m-filled__actions--c-button--Color: var(--pf-v5-c-label__icon--Color);
|
|
18325
18376
|
--pf-v5-c-label--m-outline--BorderWidth: var(--pf-t--global--border--width--button--default);
|
|
18326
18377
|
--pf-v5-c-label--m-outline--BackgroundColor: transparent;
|
|
18327
18378
|
--pf-v5-c-label--m-outline--Color: var(--pf-t--global--text--color--regular);
|
|
@@ -18329,6 +18380,7 @@ label.pf-v5-c-input-group__text {
|
|
|
18329
18380
|
--pf-v5-c-label--m-outline--m-clickable--hover--BackgroundColor: transparent;
|
|
18330
18381
|
--pf-v5-c-label--m-outline--m-clickable--hover--BorderWidth: var(--pf-t--global--border--width--button--hover);
|
|
18331
18382
|
--pf-v5-c-label--m-outline--m-clickable--hover--Color: var(--pf-t--global--text--color--regular);
|
|
18383
|
+
--pf-v5-c-label--m-outline--m-clickable--hover__icon--Color: var(--pf-t--global--icon--color--regular);
|
|
18332
18384
|
--pf-v5-c-label--m-overflow--Color: var(--pf-t--global--text--color--brand--default);
|
|
18333
18385
|
--pf-v5-c-label--m-overflow--BackgroundColor: var(--pf-t--global--background--color--action--plain--default);
|
|
18334
18386
|
--pf-v5-c-label--m-overflow--hover--Color: var(--pf-t--global--text--color--brand--hover);
|
|
@@ -18354,7 +18406,6 @@ label.pf-v5-c-input-group__text {
|
|
|
18354
18406
|
--pf-v5-c-label__text--MaxWidth: 100%;
|
|
18355
18407
|
--pf-v5-c-label__actions--MarginRight: calc(var(--pf-v5-c-label__actions--c-button--PaddingRight) * -1);
|
|
18356
18408
|
--pf-v5-c-label__actions--c-button--FontSize: var(--pf-t--global--icon--size--body--sm);
|
|
18357
|
-
--pf-v5-c-label__actions--c-button--Color: var(--pf-v5-c-label__icon--Color);
|
|
18358
18409
|
--pf-v5-c-label__actions--c-button--OutlineOffset: -0.1875rem;
|
|
18359
18410
|
--pf-v5-c-label__actions--c-button--MarginTop: calc(var(--pf-v5-c-label__actions--c-button--PaddingTop) * -1);
|
|
18360
18411
|
--pf-v5-c-label__actions--c-button--MarginBottom: calc(var(--pf-v5-c-label__actions--c-button--PaddingBottom) * -1);
|
|
@@ -18382,6 +18433,7 @@ label.pf-v5-c-input-group__text {
|
|
|
18382
18433
|
padding-inline-end: var(--pf-v5-c-label--PaddingRight);
|
|
18383
18434
|
font-size: var(--pf-v5-c-label--FontSize);
|
|
18384
18435
|
white-space: nowrap;
|
|
18436
|
+
background: transparent;
|
|
18385
18437
|
isolation: isolate;
|
|
18386
18438
|
border: 0;
|
|
18387
18439
|
border-radius: var(--pf-v5-c-label--BorderRadius);
|
|
@@ -18466,6 +18518,66 @@ label.pf-v5-c-input-group__text {
|
|
|
18466
18518
|
--pf-v5-c-label--m-outline--BorderColor: var(--pf-v5-c-label--m-purple--m-outline--BorderColor);
|
|
18467
18519
|
--pf-v5-c-label--m-outline--m-clickable--hover--BorderColor: var(--pf-v5-c-label--m-purple--m-outline--m-clickable--hover--BorderColor);
|
|
18468
18520
|
}
|
|
18521
|
+
.pf-v5-c-label.pf-m-success {
|
|
18522
|
+
--pf-v5-c-label--BackgroundColor: var(--pf-v5-c-label--m-success--BackgroundColor);
|
|
18523
|
+
--pf-v5-c-label--Color: var(--pf-v5-c-label--m-success--Color);
|
|
18524
|
+
--pf-v5-c-label__icon--Color: var(--pf-v5-c-label--m-success__icon--Color);
|
|
18525
|
+
--pf-v5-c-label--m-clickable--hover--BackgroundColor: var(--pf-v5-c-label--m-success--m-clickable--hover--BackgroundColor);
|
|
18526
|
+
--pf-v5-c-label--m-clickable--hover--Color: var(--pf-v5-c-label--m-success--m-clickable--hover--Color);
|
|
18527
|
+
--pf-v5-c-label--m-clickable--hover__icon--Color: var(--pf-v5-c-label--m-success--m-clickable--hover__icon--Color);
|
|
18528
|
+
--pf-v5-c-label--m-outline__icon--Color: var(--pf-v5-c-label--m-success--m-outline__icon--Color);
|
|
18529
|
+
--pf-v5-c-label--m-outline--BorderColor: var(--pf-v5-c-label--m-success--m-outline--BorderColor);
|
|
18530
|
+
--pf-v5-c-label--m-outline--m-clickable--hover--BorderColor: var(--pf-v5-c-label--m-success--m-outline--m-clickable--hover--BorderColor);
|
|
18531
|
+
--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) ;
|
|
18532
|
+
}
|
|
18533
|
+
.pf-v5-c-label.pf-m-warning {
|
|
18534
|
+
--pf-v5-c-label--BackgroundColor: var(--pf-v5-c-label--m-warning--BackgroundColor);
|
|
18535
|
+
--pf-v5-c-label--Color: var(--pf-v5-c-label--m-warning--Color);
|
|
18536
|
+
--pf-v5-c-label__icon--Color: var(--pf-v5-c-label--m-warning__icon--Color);
|
|
18537
|
+
--pf-v5-c-label--m-clickable--hover--BackgroundColor: var(--pf-v5-c-label--m-warning--m-clickable--hover--BackgroundColor);
|
|
18538
|
+
--pf-v5-c-label--m-clickable--hover--Color: var(--pf-v5-c-label--m-warning--m-clickable--hover--Color);
|
|
18539
|
+
--pf-v5-c-label--m-clickable--hover__icon--Color: var(--pf-v5-c-label--m-warning--m-clickable--hover__icon--Color);
|
|
18540
|
+
--pf-v5-c-label--m-outline__icon--Color: var(--pf-v5-c-label--m-warning--m-outline__icon--Color);
|
|
18541
|
+
--pf-v5-c-label--m-outline--BorderColor: var(--pf-v5-c-label--m-warning--m-outline--BorderColor);
|
|
18542
|
+
--pf-v5-c-label--m-outline--m-clickable--hover--BorderColor: var(--pf-v5-c-label--m-warning--m-outline--m-clickable--hover--BorderColor);
|
|
18543
|
+
--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) ;
|
|
18544
|
+
}
|
|
18545
|
+
.pf-v5-c-label.pf-m-danger {
|
|
18546
|
+
--pf-v5-c-label--BackgroundColor: var(--pf-v5-c-label--m-danger--BackgroundColor);
|
|
18547
|
+
--pf-v5-c-label--Color: var(--pf-v5-c-label--m-danger--Color);
|
|
18548
|
+
--pf-v5-c-label__icon--Color: var(--pf-v5-c-label--m-danger__icon--Color);
|
|
18549
|
+
--pf-v5-c-label--m-clickable--hover--BackgroundColor: var(--pf-v5-c-label--m-danger--m-clickable--hover--BackgroundColor);
|
|
18550
|
+
--pf-v5-c-label--m-clickable--hover--Color: var(--pf-v5-c-label--m-danger--m-clickable--hover--Color);
|
|
18551
|
+
--pf-v5-c-label--m-clickable--hover__icon--Color: var(--pf-v5-c-label--m-danger--m-clickable--hover__icon--Color);
|
|
18552
|
+
--pf-v5-c-label--m-outline__icon--Color: var(--pf-v5-c-label--m-danger--m-outline__icon--Color);
|
|
18553
|
+
--pf-v5-c-label--m-outline--BorderColor: var(--pf-v5-c-label--m-danger--m-outline--BorderColor);
|
|
18554
|
+
--pf-v5-c-label--m-outline--m-clickable--hover--BorderColor: var(--pf-v5-c-label--m-danger--m-outline--m-clickable--hover--BorderColor);
|
|
18555
|
+
--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) ;
|
|
18556
|
+
}
|
|
18557
|
+
.pf-v5-c-label.pf-m-info {
|
|
18558
|
+
--pf-v5-c-label--BackgroundColor: var(--pf-v5-c-label--m-info--BackgroundColor);
|
|
18559
|
+
--pf-v5-c-label--Color: var(--pf-v5-c-label--m-info--Color);
|
|
18560
|
+
--pf-v5-c-label__icon--Color: var(--pf-v5-c-label--m-info__icon--Color);
|
|
18561
|
+
--pf-v5-c-label--m-clickable--hover--BackgroundColor: var(--pf-v5-c-label--m-info--m-clickable--hover--BackgroundColor);
|
|
18562
|
+
--pf-v5-c-label--m-clickable--hover--Color: var(--pf-v5-c-label--m-info--m-clickable--hover--Color);
|
|
18563
|
+
--pf-v5-c-label--m-clickable--hover__icon--Color: var(--pf-v5-c-label--m-info--m-clickable--hover__icon--Color);
|
|
18564
|
+
--pf-v5-c-label--m-outline__icon--Color: var(--pf-v5-c-label--m-info--m-outline__icon--Color);
|
|
18565
|
+
--pf-v5-c-label--m-outline--BorderColor: var(--pf-v5-c-label--m-info--m-outline--BorderColor);
|
|
18566
|
+
--pf-v5-c-label--m-outline--m-clickable--hover--BorderColor: var(--pf-v5-c-label--m-info--m-outline--m-clickable--hover--BorderColor);
|
|
18567
|
+
--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) ;
|
|
18568
|
+
}
|
|
18569
|
+
.pf-v5-c-label.pf-m-custom {
|
|
18570
|
+
--pf-v5-c-label--BackgroundColor: var(--pf-v5-c-label--m-custom--BackgroundColor);
|
|
18571
|
+
--pf-v5-c-label--Color: var(--pf-v5-c-label--m-custom--Color);
|
|
18572
|
+
--pf-v5-c-label__icon--Color: var(--pf-v5-c-label--m-custom__icon--Color);
|
|
18573
|
+
--pf-v5-c-label--m-clickable--hover--BackgroundColor: var(--pf-v5-c-label--m-custom--m-clickable--hover--BackgroundColor);
|
|
18574
|
+
--pf-v5-c-label--m-clickable--hover--Color: var(--pf-v5-c-label--m-custom--m-clickable--hover--Color);
|
|
18575
|
+
--pf-v5-c-label--m-clickable--hover__icon--Color: var(--pf-v5-c-label--m-custom--m-clickable--hover__icon--Color);
|
|
18576
|
+
--pf-v5-c-label--m-outline__icon--Color: var(--pf-v5-c-label--m-custom--m-outline__icon--Color);
|
|
18577
|
+
--pf-v5-c-label--m-outline--BorderColor: var(--pf-v5-c-label--m-custom--m-outline--BorderColor);
|
|
18578
|
+
--pf-v5-c-label--m-outline--m-clickable--hover--BorderColor: var(--pf-v5-c-label--m-custom--m-outline--m-clickable--hover--BorderColor);
|
|
18579
|
+
--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) ;
|
|
18580
|
+
}
|
|
18469
18581
|
.pf-v5-c-label.pf-m-compact {
|
|
18470
18582
|
--pf-v5-c-label--PaddingTop: var(--pf-v5-c-label--m-compact--PaddingTop);
|
|
18471
18583
|
--pf-v5-c-label--PaddingRight: var(--pf-v5-c-label--m-compact--PaddingRight);
|
|
@@ -18474,16 +18586,20 @@ label.pf-v5-c-input-group__text {
|
|
|
18474
18586
|
--pf-v5-c-label--FontSize: var(--pf-v5-c-label--m-compact--FontSize);
|
|
18475
18587
|
--pf-v5-c-label--m-editable--TextDecorationOffset: var(--pf-v5-c-label--m-compact--m-editable--TextDecorationOffset);
|
|
18476
18588
|
}
|
|
18589
|
+
.pf-v5-c-label.pf-m-filled .pf-v5-c-label__actions .pf-v5-c-button {
|
|
18590
|
+
--pf-v5-c-button--Color: var(--pf-v5-c-label--m-filled__actions--c-button--Color);
|
|
18591
|
+
}
|
|
18477
18592
|
.pf-v5-c-label.pf-m-outline {
|
|
18478
18593
|
--pf-v5-c-label--Color: var(--pf-v5-c-label--m-outline--Color);
|
|
18479
18594
|
--pf-v5-c-label--BorderWidth: var(--pf-v5-c-label--m-outline--BorderWidth);
|
|
18480
18595
|
--pf-v5-c-label--BorderColor: var(--pf-v5-c-label--m-outline--BorderColor);
|
|
18481
18596
|
--pf-v5-c-label--BackgroundColor: var(--pf-v5-c-label--m-outline--BackgroundColor);
|
|
18597
|
+
--pf-v5-c-label__icon--Color: var(--pf-v5-c-label--m-outline__icon--Color);
|
|
18482
18598
|
--pf-v5-c-label--m-clickable--hover--BackgroundColor: var(--pf-v5-c-label--m-outline--m-clickable--hover--BackgroundColor);
|
|
18483
18599
|
--pf-v5-c-label--m-clickable--hover--BorderWidth: var(--pf-v5-c-label--m-outline--m-clickable--hover--BorderWidth);
|
|
18484
18600
|
--pf-v5-c-label--m-clickable--hover--BorderColor: var(--pf-v5-c-label--m-outline--m-clickable--hover--BorderColor);
|
|
18485
18601
|
--pf-v5-c-label--m-clickable--hover--Color: var(--pf-v5-c-label--m-outline--m-clickable--hover--Color);
|
|
18486
|
-
--pf-v5-c-
|
|
18602
|
+
--pf-v5-c-label--m-clickable--hover__icon--Color: var(--pf-v5-c-label--m-outline--m-clickable--hover__icon--Color);
|
|
18487
18603
|
}
|
|
18488
18604
|
.pf-v5-c-label.pf-m-editable {
|
|
18489
18605
|
--pf-v5-c-label__content--MaxWidth: var(--pf-v5-c-label--m-editable__content--MaxWidth);
|
|
@@ -18500,9 +18616,6 @@ label.pf-v5-c-input-group__text {
|
|
|
18500
18616
|
--pf-v5-c-label--BackgroundColor: var(--pf-v5-c-label--m-editable--m-editable-active--BackgroundColor);
|
|
18501
18617
|
--pf-v5-c-label--Color: var(--pf-v5-c-label--m-editable--m-editable-active--Color);
|
|
18502
18618
|
}
|
|
18503
|
-
.pf-v5-c-label.pf-m-add, .pf-v5-c-label.pf-m-overflow {
|
|
18504
|
-
background: transparent;
|
|
18505
|
-
}
|
|
18506
18619
|
.pf-v5-c-label.pf-m-overflow {
|
|
18507
18620
|
--pf-v5-c-label--Color: var(--pf-v5-c-label--m-overflow--Color);
|
|
18508
18621
|
--pf-v5-c-label--BackgroundColor: var(--pf-v5-c-label--m-overflow--BackgroundColor);
|
|
@@ -18535,12 +18648,16 @@ label.pf-v5-c-input-group__text {
|
|
|
18535
18648
|
}
|
|
18536
18649
|
.pf-v5-c-label.pf-m-clickable .pf-v5-c-label__content:is(:hover, :focus) {
|
|
18537
18650
|
--pf-v5-c-label--Color: var(--pf-v5-c-label--m-clickable--hover--Color);
|
|
18651
|
+
--pf-v5-c-label__icon--Color: var(--pf-v5-c-label--m-clickable--hover__icon--Color);
|
|
18538
18652
|
--pf-v5-c-label--BackgroundColor: var(--pf-v5-c-label--m-clickable--hover--BackgroundColor);
|
|
18539
18653
|
--pf-v5-c-label--BorderWidth: var(--pf-v5-c-label--m-clickable--hover--BorderWidth);
|
|
18540
18654
|
--pf-v5-c-label--BorderColor: var(--pf-v5-c-label--m-clickable--hover--BorderColor);
|
|
18541
18655
|
--pf-v5-c-label--m-outline--BorderWidth: var(--pf-v5-c-label--m-outline--m-clickable--hover--BorderWidth);
|
|
18542
18656
|
--pf-v5-c-label--m-outline--BorderColor: var(--pf-v5-c-label--m-outline--m-clickable--hover--BorderColor);
|
|
18543
18657
|
}
|
|
18658
|
+
.pf-v5-c-label.pf-m-clickable .pf-v5-c-label__content:is(:hover, :focus) ~ .pf-v5-c-label__actions .pf-v5-c-button {
|
|
18659
|
+
--pf-v5-c-label--m-filled__actions--c-button--Color: var(--pf-v5-c-label--m-clickable--hover__icon--Color);
|
|
18660
|
+
}
|
|
18544
18661
|
|
|
18545
18662
|
.pf-v5-c-label,
|
|
18546
18663
|
.pf-v5-c-label__content {
|
|
@@ -18586,7 +18703,6 @@ input.pf-v5-c-label__content {
|
|
|
18586
18703
|
margin-inline-end: var(--pf-v5-c-label__actions--MarginRight);
|
|
18587
18704
|
}
|
|
18588
18705
|
.pf-v5-c-label__actions .pf-v5-c-button {
|
|
18589
|
-
--pf-v5-c-button--Color: var(--pf-v5-c-label__actions--c-button--Color);
|
|
18590
18706
|
--pf-v5-c-button--FontSize: var(--pf-v5-c-label__actions--c-button--FontSize);
|
|
18591
18707
|
--pf-v5-c-button--m-plain--m-no-padding--PaddingTop: var(--pf-v5-c-label__actions--c-button--PaddingTop);
|
|
18592
18708
|
--pf-v5-c-button--m-plain--m-no-padding--PaddingRight: var(--pf-v5-c-label__actions--c-button--PaddingRight);
|