@patternfly/patternfly 6.0.0-alpha.67 → 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 (17) hide show
  1. package/components/Label/label.css +140 -24
  2. package/components/Label/label.scss +161 -26
  3. package/components/Tabs/tabs.css +143 -175
  4. package/components/Tabs/tabs.scss +159 -217
  5. package/docs/components/Label/examples/Label.md +2377 -766
  6. package/docs/components/Tabs/examples/Tabs.css +1 -1
  7. package/docs/components/Tabs/examples/Tabs.md +1025 -826
  8. package/docs/demos/Form/examples/BasicForms.md +5 -2
  9. package/docs/demos/PrimaryDetail/examples/PrimaryDetail.md +36 -28
  10. package/docs/demos/Tabs/examples/Tabs.md +21 -17
  11. package/package.json +1 -1
  12. package/patternfly-no-globals.css +283 -203
  13. package/patternfly-theme-dark-unversioned.css +283 -203
  14. package/patternfly.css +283 -203
  15. package/patternfly.min.css +1 -1
  16. package/patternfly.min.css.map +1 -1
  17. package/components/Tabs/themes/dark/tabs.scss +0 -10
package/patternfly-theme-dark-unversioned.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--border--color--nonstatus--gray--default);
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--border--color--nonstatus--gray--hover);
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--border--color--nonstatus--blue--default);
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--border--color--nonstatus--blue--hover);
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--border--color--nonstatus--red--default);
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--border--color--nonstatus--red--hover);
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--border--color--nonstatus--orange--default);
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--border--color--nonstatus--orange--hover);
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--border--color--nonstatus--orangered--default);
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--border--color--nonstatus--orangered--hover);
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--border--color--nonstatus--gold--default);
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--border--color--nonstatus--gold--hover);
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--border--color--nonstatus--green--default);
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--border--color--nonstatus--green--hover);
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--border--color--nonstatus--cyan--default);
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--border--color--nonstatus--cyan--hover);
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--border--color--nonstatus--purple--default);
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--border--color--nonstatus--purple--hover);
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-label__icon--Color: var(--pf-v5-c-label--m-outline__icon--Color);
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);
@@ -29782,21 +29898,21 @@ label.pf-v5-c-radio, .pf-v5-c-radio__label,
29782
29898
  }
29783
29899
  }
29784
29900
 
29785
- .pf-v5-c-tabs {
29901
+ :where(:root),
29902
+ :where(.pf-v5-c-tabs) {
29786
29903
  --pf-v5-c-tabs--inset: 0;
29787
29904
  --pf-v5-c-tabs--Width: auto;
29788
- --pf-v5-c-tabs--before--BorderColor: var(--pf-v5-global--BorderColor--100);
29789
- --pf-v5-c-tabs--before--border-width--base: var(--pf-v5-global--BorderWidth--sm);
29905
+ --pf-v5-c-tabs--before--BorderColor: var(--pf-t--global--border--color--default);
29906
+ --pf-v5-c-tabs--before--border-width--base: var(--pf-t--global--border--width--regular);
29790
29907
  --pf-v5-c-tabs--before--BorderTopWidth: 0;
29791
29908
  --pf-v5-c-tabs--before--BorderRightWidth: 0;
29792
29909
  --pf-v5-c-tabs--before--BorderBottomWidth: var(--pf-v5-c-tabs--before--border-width--base);
29793
29910
  --pf-v5-c-tabs--before--BorderLeftWidth: 0;
29794
- --pf-v5-c-tabs--m-vertical--inset: var(--pf-v5-global--spacer--lg);
29795
- --pf-v5-c-tabs--m-page-insets--inset: var(--pf-v5-global--spacer--md);
29796
- --pf-v5-c-tabs--m-page-insets--xl--inset: var(--pf-v5-global--spacer--lg);
29911
+ --pf-v5-c-tabs--m-vertical--inset: var(--pf-t--global--spacer--sm);
29912
+ --pf-v5-c-tabs--m-page-insets--inset: var(--pf-t--global--spacer--md);
29797
29913
  --pf-v5-c-tabs--m-vertical--Width: 100%;
29798
29914
  --pf-v5-c-tabs--m-vertical--MaxWidth: 15.625rem;
29799
- --pf-v5-c-tabs--m-vertical--m-box--inset: var(--pf-v5-global--spacer--xl);
29915
+ --pf-v5-c-tabs--m-vertical--m-box--inset: var(--pf-t--global--spacer--md);
29800
29916
  --pf-v5-c-tabs--m-vertical__list--before--BorderColor: var(--pf-v5-c-tabs--before--BorderColor);
29801
29917
  --pf-v5-c-tabs--m-vertical__list--before--BorderTopWidth: 0;
29802
29918
  --pf-v5-c-tabs--m-vertical__list--before--BorderRightWidth: 0;
@@ -29804,32 +29920,50 @@ label.pf-v5-c-radio, .pf-v5-c-radio__label,
29804
29920
  --pf-v5-c-tabs--m-vertical__list--before--BorderLeftWidth: var(--pf-v5-c-tabs--before--border-width--base);
29805
29921
  --pf-v5-c-tabs--m-box__item--m-current--first-child__link--before--BorderLeftWidth: var(--pf-v5-c-tabs__link--before--border-width--base);
29806
29922
  --pf-v5-c-tabs--m-box__item--m-current--last-child__link--before--BorderRightWidth: var(--pf-v5-c-tabs--before--border-width--base);
29807
- --pf-v5-c-tabs--m-color-scheme--light-300__link--BackgroundColor: transparent;
29808
- --pf-v5-c-tabs--m-color-scheme--light-300__item--m-current__link--BackgroundColor: var(--pf-v5-global--BackgroundColor--light-300);
29809
- --pf-v5-c-tabs--m-color-scheme--light-300__link--disabled--BackgroundColor: var(--pf-v5-global--palette--black-150);
29810
29923
  --pf-v5-c-tabs__list--Display: flex;
29811
- --pf-v5-c-tabs__item--m-action--before--ZIndex: var(--pf-v5-global--ZIndex--xs);
29812
- --pf-v5-c-tabs__link--Color: var(--pf-v5-global--Color--200);
29813
- --pf-v5-c-tabs__link--FontSize: var(--pf-v5-global--FontSize--md);
29814
- --pf-v5-c-tabs__link--BackgroundColor: transparent;
29815
- --pf-v5-c-tabs__link--OutlineOffset: calc(-1 * 0.375rem);
29816
- --pf-v5-c-tabs__link--PaddingTop: var(--pf-v5-global--spacer--sm);
29817
- --pf-v5-c-tabs__link--PaddingRight: var(--pf-v5-global--spacer--md);
29818
- --pf-v5-c-tabs__link--PaddingBottom: var(--pf-v5-global--spacer--sm);
29819
- --pf-v5-c-tabs__link--PaddingLeft: var(--pf-v5-global--spacer--md);
29820
- --pf-v5-c-tabs__link--disabled--Color: var(--pf-v5-global--disabled-color--100);
29821
- --pf-v5-c-tabs__link--disabled--BackgroundColor: var(--pf-v5-global--palette--black-150);
29822
- --pf-v5-c-tabs__item--m-current__link--Color: var(--pf-v5-global--Color--100);
29823
- --pf-v5-c-tabs__item--m-current__link--BackgroundColor: var(--pf-v5-global--BackgroundColor--100);
29824
- --pf-v5-c-tabs--m-vertical__link--PaddingTop: var(--pf-v5-global--spacer--md);
29825
- --pf-v5-c-tabs--m-vertical__link--PaddingBottom: var(--pf-v5-global--spacer--md);
29826
- --pf-v5-c-tabs--m-box__link--BackgroundColor: var(--pf-v5-global--BackgroundColor--200);
29827
- --pf-v5-c-tabs--m-box__link--disabled--BackgroundColor: var(--pf-v5-global--disabled-color--200);
29828
- --pf-v5-c-tabs--m-box__item-action--c-button--disabled--BackgroundColor: var(--pf-v5-global--palette--black-400);
29829
- --pf-v5-c-tabs--m-secondary__link--FontSize: var(--pf-v5-global--FontSize--sm);
29830
- --pf-v5-c-tabs__item--m-action__link--PaddingRight: var(--pf-v5-global--spacer--xs);
29831
- --pf-v5-c-tabs__link--before--border-color--base: var(--pf-v5-global--BorderColor--100);
29832
- --pf-v5-c-tabs__link--before--border-width--base: var(--pf-v5-global--BorderWidth--sm);
29924
+ --pf-v5-c-tabs__item--BackgroundColor: transparent;
29925
+ --pf-v5-c-tabs__item--PaddingBlockStart: var(--pf-t--global--spacer--sm);
29926
+ --pf-v5-c-tabs__item--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
29927
+ --pf-v5-c-tabs__item--PaddingInlineStart: var(--pf-t--global--spacer--sm);
29928
+ --pf-v5-c-tabs__item--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
29929
+ --pf-v5-c-tabs__item--ColumnGap: var(--pf-t--global--spacer--xs);
29930
+ --pf-v5-c-tabs--m-vertical__item--PaddingInlineStart: var(--pf-t--global--spacer--md);
29931
+ --pf-v5-c-tabs--m-vertical__item--PaddingInlineEnd: var(--pf-t--global--spacer--md);
29932
+ --pf-v5-c-tabs__item--m-current--BackgroundColor: transparent;
29933
+ --pf-v5-c-tabs--m-box__item--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
29934
+ --pf-v5-c-tabs--m-box__item--m-current--BackgroundColor: var(--pf-t--global--background--color--primary--default);
29935
+ --pf-v5-c-tabs--m-box--m-secondary__item--BackgroundColor: var(--pf-t--global--background--color--primary--default);
29936
+ --pf-v5-c-tabs--m-box--m-secondary__item--m-current--BackgroundColor: var(--pf-t--global--background--color--primary--clicked);
29937
+ --pf-v5-c-tabs__item--m-action--before--ZIndex: var(--pf-t--global--Zindex--sm);
29938
+ --pf-v5-c-tabs__link--Color: var(--pf-t--global--text--color--subtle);
29939
+ --pf-v5-c-tabs__link--FontSize: var(--pf-t--global--font--size--sm);
29940
+ --pf-v5-c-tabs__link--BackgroundColor: var(--pf-t--global--background--color--action--plain--default);
29941
+ --pf-v5-c-tabs__link--BorderRadius: var(--pf-t--global--border--radius--small);
29942
+ --pf-v5-c-tabs__link--PaddingTop: var(--pf-t--global--spacer--xs);
29943
+ --pf-v5-c-tabs__link--PaddingRight: var(--pf-t--global--spacer--sm);
29944
+ --pf-v5-c-tabs__link--PaddingBottom: var(--pf-t--global--spacer--xs);
29945
+ --pf-v5-c-tabs__link--PaddingLeft: var(--pf-t--global--spacer--sm);
29946
+ --pf-v5-c-tabs__link--ColumnGap: var(--pf-t--global--spacer--sm);
29947
+ --pf-v5-c-tabs__link--disabled--Color: var(--pf-t--global--text--color--on-disabled);
29948
+ --pf-v5-c-tabs__link--disabled--BackgroundColor: var(--pf-t--global--background--color--disabled--default);
29949
+ --pf-v5-c-tabs__link--hover--BackgroundColor: var(--pf-t--global--background--color--action--plain--hover);
29950
+ --pf-v5-c-tabs__item--m-current__link--Color: var(--pf-t--global--text--color--regular);
29951
+ --pf-v5-c-tabs__item--m-current__link--BackgroundColor: var(--pf-t--global--background--color--action--plain--default);
29952
+ --pf-v5-c-tabs--m-vertical__link--PaddingLeft: var(--pf-t--global--spacer--sm);
29953
+ --pf-v5-c-tabs--m-vertical__link--PaddingRight: var(--pf-t--global--spacer--sm);
29954
+ --pf-v5-c-tabs--m-box__link--BackgroundColor: var(--pf-t--global--background--color--action--plain--default);
29955
+ --pf-v5-c-tabs--m-box__link--disabled--Color: var(--pf-t--global--text--color--on-disabled);
29956
+ --pf-v5-c-tabs--m-box__link--disabled--BackgroundColor: var(--pf-t--global--background--color--disabled--default);
29957
+ --pf-v5-c-tabs--m-box__link--hover--BackgroundColor: var(--pf-t--global--background--color--action--plain--hover);
29958
+ --pf-v5-c-tabs--m-box__item--m-current__link--BackgroundColor: var(--pf-t--global--background--color--action--plain--default);
29959
+ --pf-v5-c-tabs--m-box--m-secondary__link--BackgroundColor: var(--pf-t--global--background--color--action--plain--default);
29960
+ --pf-v5-c-tabs--m-box--m-secondary__link--disabled--Color: var(--pf-t--global--text--color--on-disabled);
29961
+ --pf-v5-c-tabs--m-box--m-secondary__link--disabled--BackgroundColor: var(--pf-t--global--background--color--disabled--default);
29962
+ --pf-v5-c-tabs--m-box--m-secondary__link--hover--BackgroundColor: var(--pf-t--global--background--color--action--plain--hover);
29963
+ --pf-v5-c-tabs--m-box--m-secondary__item--m-current__link--BackgroundColor: var(--pf-t--global--background--color--action--plain--default);
29964
+ --pf-v5-c-tabs--m-subtab__link--FontSize: var(--pf-t--global--font--size--xs);
29965
+ --pf-v5-c-tabs__link--before--border-color--base: var(--pf-t--global--border--color--default);
29966
+ --pf-v5-c-tabs__link--before--border-width--base: var(--pf-t--global--border--width--regular);
29833
29967
  --pf-v5-c-tabs__link--before--BorderTopColor: var(--pf-v5-c-tabs__link--before--border-color--base);
29834
29968
  --pf-v5-c-tabs__link--before--BorderRightColor: var(--pf-v5-c-tabs__link--before--border-color--base);
29835
29969
  --pf-v5-c-tabs__link--before--BorderBottomColor: var(--pf-v5-c-tabs__link--before--border-color--base);
@@ -29845,29 +29979,23 @@ label.pf-v5-c-radio, .pf-v5-c-radio__label,
29845
29979
  --pf-v5-c-tabs__link--after--Top: auto;
29846
29980
  --pf-v5-c-tabs__link--after--Right: 0;
29847
29981
  --pf-v5-c-tabs__link--after--Bottom: 0;
29848
- --pf-v5-c-tabs__link--after--BorderColor: var(--pf-v5-global--BorderColor--light-100);
29982
+ --pf-v5-c-tabs__link--after--BorderColor: var(--pf-t--global--border--color--default);
29849
29983
  --pf-v5-c-tabs__link--after--BorderWidth: 0;
29850
29984
  --pf-v5-c-tabs__link--after--BorderTopWidth: 0;
29851
29985
  --pf-v5-c-tabs__link--after--BorderRightWidth: 0;
29852
29986
  --pf-v5-c-tabs__link--after--BorderLeftWidth: 0;
29853
- --pf-v5-c-tabs__link--hover--after--BorderWidth: var(--pf-v5-global--BorderWidth--lg);
29854
- --pf-v5-c-tabs__link--focus--after--BorderWidth: var(--pf-v5-global--BorderWidth--lg);
29855
- --pf-v5-c-tabs__link--active--after--BorderWidth: var(--pf-v5-global--BorderWidth--lg);
29856
- --pf-v5-c-tabs__item--m-current__link--after--BorderColor: var(--pf-v5-global--active-color--100);
29857
- --pf-v5-c-tabs__item--m-current__link--after--BorderWidth: var(--pf-v5-global--BorderWidth--lg);
29858
- --pf-v5-c-tabs__link--child--MarginRight: var(--pf-v5-global--spacer--md);
29859
- --pf-v5-c-tabs__scroll-button--Color: var(--pf-v5-global--Color--100);
29860
- --pf-v5-c-tabs__scroll-button--hover--Color: var(--pf-v5-global--active-color--100);
29861
- --pf-v5-c-tabs__scroll-button--disabled--Color: var(--pf-v5-global--disabled-color--200);
29862
- --pf-v5-c-tabs__scroll-button--BackgroundColor: var(--pf-v5-global--BackgroundColor--100);
29863
- --pf-v5-c-tabs__scroll-button--Width: var(--pf-v5-global--spacer--2xl);
29864
- --pf-v5-c-tabs__scroll-button--xl--Width: var(--pf-v5-global--spacer--3xl);
29865
- --pf-v5-c-tabs__scroll-button--OutlineOffset: calc(-1 * var(--pf-v5-global--spacer--xs));
29987
+ --pf-v5-c-tabs__item--m-current__link--after--BorderColor: var(--pf-t--global--border--color--clicked);
29988
+ --pf-v5-c-tabs__item--m-current__link--after--BorderWidth: var(--pf-t--global--border--width--extra-strong);
29989
+ --pf-v5-c-tabs__scroll-button--PaddingBlockStart: var(--pf-t--global--spacer--sm);
29990
+ --pf-v5-c-tabs__scroll-button--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
29991
+ --pf-v5-c-tabs__scroll-button--PaddingInlineStart: var(--pf-t--global--spacer--sm);
29992
+ --pf-v5-c-tabs__scroll-button--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
29993
+ --pf-v5-c-tabs__scroll-button--Width: var(--pf-t--global--spacer--2xl);
29866
29994
  --pf-v5-c-tabs__scroll-button--TransitionDuration--margin: .125s;
29867
29995
  --pf-v5-c-tabs__scroll-button--TransitionDuration--transform: .125s;
29868
29996
  --pf-v5-c-tabs__scroll-button--TransitionDuration--opacity: .125s;
29869
29997
  --pf-v5-c-tabs__scroll-button--before--BorderColor: var(--pf-v5-c-tabs--before--BorderColor);
29870
- --pf-v5-c-tabs__scroll-button--before--border-width--base: var(--pf-v5-global--BorderWidth--sm);
29998
+ --pf-v5-c-tabs__scroll-button--before--border-width--base: var(--pf-t--global--border--width--regular);
29871
29999
  --pf-v5-c-tabs__scroll-button--before--BorderRightWidth: 0;
29872
30000
  --pf-v5-c-tabs__scroll-button--before--BorderBottomWidth: var(--pf-v5-c-tabs__scroll-button--before--border-width--base);
29873
30001
  --pf-v5-c-tabs__scroll-button--before--BorderLeftWidth: 0;
@@ -29877,44 +30005,38 @@ label.pf-v5-c-radio, .pf-v5-c-radio__label,
29877
30005
  --pf-v5-c-tabs__item--ScrollSnapAlign: end;
29878
30006
  --pf-v5-c-tabs--m-vertical__list--ScrollSnapTypeAxis: y;
29879
30007
  --pf-v5-c-tabs__toggle--Display: flex;
29880
- --pf-v5-c-tabs__toggle--MarginBottom: 0;
29881
- --pf-v5-c-tabs--m-expanded__toggle--MarginBottom: var(--pf-v5-global--spacer--md);
29882
30008
  --pf-v5-c-tabs__toggle-icon--Color: currentcolor;
29883
- --pf-v5-c-tabs__toggle-icon--Transition: var(--pf-v5-global--Transition);
30009
+ --pf-v5-c-tabs__toggle-icon--Transition: all 250ms cubic-bezier(.42, 0, .58, 1);
29884
30010
  --pf-v5-c-tabs__toggle-icon--Rotate: 0;
29885
30011
  --pf-v5-c-tabs__toggle-text--MarginLeft: 0;
29886
- --pf-v5-c-tabs__toggle-button__toggle-text--MarginLeft: var(--pf-v5-global--spacer--md);
29887
- --pf-v5-c-tabs__toggle-button__toggle-text--Color: var(--pf-v5-global--Color--100);
29888
- --pf-v5-c-tabs__toggle-button--MarginTop: calc(-1 * var(--pf-v5-global--spacer--form-element));
29889
- --pf-v5-c-tabs__toggle-button--MarginBottom: calc(-1 * var(--pf-v5-global--spacer--form-element));
29890
- --pf-v5-c-tabs__toggle-button--MarginLeft: calc(-1 * var(--pf-v5-global--spacer--md));
29891
- --pf-v5-c-tabs--m-expanded__toggle-icon--Color: var(--pf-v5-global--Color--100);
30012
+ --pf-v5-c-tabs__toggle-button__toggle-text--MarginLeft: var(--pf-t--global--spacer--md);
30013
+ --pf-v5-c-tabs__toggle-button__toggle-text--Color: var(--pf-t--global--text--color--regular);
30014
+ --pf-v5-c-tabs--m-expanded__toggle-icon--Color: var(--pf-t--global--icon--color--regular);
29892
30015
  --pf-v5-c-tabs--m-expanded__toggle-icon--Rotate: 90deg;
29893
- --pf-v5-c-tabs__item-action--c-button--FontSize: var(--pf-v5-global--FontSize--xs);
29894
- --pf-v5-c-tabs--m-secondary__item-action--c-button--FontSize: var(--pf-v5-global--icon--FontSize--sm);
29895
- --pf-v5-c-tabs__item-action--c-button--PaddingTop: var(--pf-v5-global--spacer--sm);
29896
- --pf-v5-c-tabs__item-action--c-button--PaddingRight: var(--pf-v5-global--spacer--sm);
29897
- --pf-v5-c-tabs__item-action--c-button--PaddingBottom: var(--pf-v5-global--spacer--sm);
29898
- --pf-v5-c-tabs__item-action--c-button--PaddingLeft: var(--pf-v5-global--spacer--sm);
29899
- --pf-v5-c-tabs__item-action--last-child--c-button--PaddingRight: var(--pf-v5-global--spacer--md);
29900
- --pf-v5-c-tabs__item-action--c-button--OutlineOffset: -0.1875rem;
30016
+ --pf-v5-c-tabs--m-expandable--RowGap: var(--pf-t--global--spacer--sm);
30017
+ --pf-v5-c-tabs--m-expandable--PaddingBlockStart: var(--pf-t--global--spacer--sm);
30018
+ --pf-v5-c-tabs--m-expandable--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
30019
+ --pf-v5-c-tabs--m-expandable--PaddingInlineStart: var(--pf-t--global--spacer--md);
30020
+ --pf-v5-c-tabs--m-expandable--PaddingInlineEnd: var(--pf-t--global--spacer--md);
30021
+ --pf-v5-c-tabs__item-action--c-button--FontSize: var(--pf-t--global--font--size--sm);
30022
+ --pf-v5-c-tabs--m-subtab__item-action--c-button--FontSize: var(--pf-t--global--font--size--xs);
29901
30023
  --pf-v5-c-tabs__item-action-icon--MarginTop: 0.125rem;
29902
30024
  --pf-v5-c-tabs__add--before--BorderColor: var(--pf-v5-c-tabs__link--before--border-color--base);
29903
30025
  --pf-v5-c-tabs__add--before--BorderLeftWidth: var(--pf-v5-c-tabs__link--before--border-width--base);
29904
- --pf-v5-c-tabs__add--c-button--FontSize: var(--pf-v5-global--FontSize--sm);
29905
- --pf-v5-c-tabs--m-secondary__add--c-button--FontSize: var(--pf-v5-global--FontSize--xs);
29906
- --pf-v5-c-tabs__add--c-button--PaddingTop: var(--pf-v5-c-tabs__link--PaddingTop);
29907
- --pf-v5-c-tabs__add--c-button--PaddingBottom: var(--pf-v5-c-tabs__link--PaddingBottom);
29908
- --pf-v5-c-tabs__add--c-button--OutlineOffset: calc(-1 * var(--pf-v5-global--spacer--xs));
29909
- --pf-v5-c-tabs__link-toggle-icon--Color: var(--pf-v5-global--Color--200);
30026
+ --pf-v5-c-tabs__add--c-button--FontSize: var(--pf-t--global--font--size--sm);
30027
+ --pf-v5-c-tabs--m-subtab__add--c-button--FontSize: var(--pf-t--global--font--size--xs);
30028
+ --pf-v5-c-tabs__add--PaddingBlockStart: var(--pf-t--global--spacer--sm);
30029
+ --pf-v5-c-tabs__add--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
30030
+ --pf-v5-c-tabs__add--PaddingInlineStart: var(--pf-t--global--spacer--sm);
30031
+ --pf-v5-c-tabs__add--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
30032
+ --pf-v5-c-tabs__link-toggle-icon--Color: var(--pf-t--global--icon--color--regular);
29910
30033
  --pf-v5-c-tabs__link-toggle-icon--Transition: .2s ease-in 0s;
29911
30034
  --pf-v5-c-tabs__link-toggle-icon--Rotate: 0;
29912
- --pf-v5-c-tabs__link-toggle-icon--FontSize: var(--pf-v5-global--FontSize--sm);
29913
- --pf-v5-c-tabs__link--m-expanded__toggle-icon--Color: var(--pf-v5-global--Color--100);
30035
+ --pf-v5-c-tabs__link-toggle-icon--FontSize: var(--pf-t--global--FontSize--sm);
29914
30036
  --pf-v5-c-tabs__link--m-expanded__toggle-icon--Rotate: 90deg;
29915
- --pf-v5-c-tabs__link--hover__toggle-icon--Color: var(--pf-v5-global--Color--100);
29916
- --pf-v5-c-tabs__link--active__toggle-icon--Color: var(--pf-v5-global--Color--100);
29917
- --pf-v5-c-tabs__link--focus__toggle-icon--Color: var(--pf-v5-global--Color--100);
30037
+ }
30038
+
30039
+ .pf-v5-c-tabs {
29918
30040
  position: relative;
29919
30041
  display: flex;
29920
30042
  width: var(--pf-v5-c-tabs--Width);
@@ -29922,12 +30044,6 @@ label.pf-v5-c-radio, .pf-v5-c-radio__label,
29922
30044
  padding-inline-end: var(--pf-v5-c-tabs--inset);
29923
30045
  overflow: hidden;
29924
30046
  }
29925
- @media screen and (min-width: 1200px) {
29926
- .pf-v5-c-tabs {
29927
- --pf-v5-c-tabs__scroll-button--Width: var(--pf-v5-c-tabs__scroll-button--xl--Width);
29928
- --pf-v5-c-tabs--m-page-insets--inset: var(--pf-v5-c-tabs--m-page-insets--xl--inset);
29929
- }
29930
- }
29931
30047
  .pf-v5-c-tabs::before {
29932
30048
  position: absolute;
29933
30049
  inset-block-end: 0;
@@ -29974,11 +30090,14 @@ label.pf-v5-c-radio, .pf-v5-c-radio__label,
29974
30090
  --pf-v5-c-tabs__link--after--BorderBottomWidth: 0;
29975
30091
  }
29976
30092
  .pf-v5-c-tabs.pf-m-box {
30093
+ --pf-v5-c-tabs__item--BackgroundColor: var(--pf-v5-c-tabs--m-box__item--BackgroundColor);
30094
+ --pf-v5-c-tabs__item--m-current--BackgroundColor: var(--pf-v5-c-tabs--m-box__item--m-current--BackgroundColor);
29977
30095
  --pf-v5-c-tabs__link--BackgroundColor: var(--pf-v5-c-tabs--m-box__link--BackgroundColor);
30096
+ --pf-v5-c-tabs__link--disabled--Color: var(--pf-v5-c-tabs--m-box__link--disabled--Color);
29978
30097
  --pf-v5-c-tabs__link--disabled--BackgroundColor: var(--pf-v5-c-tabs--m-box__link--disabled--BackgroundColor);
30098
+ --pf-v5-c-tabs__link--hover--BackgroundColor: var(--pf-v5-c-tabs--m-box__link--hover--BackgroundColor);
30099
+ --pf-v5-c-tabs__item--m-current__link--BackgroundColor: var(--pf-v5-c-tabs--m-box__item--m-current__link--BackgroundColor);
29979
30100
  --pf-v5-c-tabs__link--before--BorderBottomWidth: var(--pf-v5-c-tabs__link--before--border-width--base);
29980
- --pf-v5-c-tabs__link--before--BorderRightWidth: var(--pf-v5-c-tabs__link--before--border-width--base);
29981
- --pf-v5-c-tabs__link--disabled--before--BorderRightWidth: var(--pf-v5-c-tabs__link--before--border-width--base);
29982
30101
  --pf-v5-c-tabs__link--after--Top: 0;
29983
30102
  --pf-v5-c-tabs__link--after--Bottom: auto;
29984
30103
  }
@@ -30007,20 +30126,23 @@ label.pf-v5-c-radio, .pf-v5-c-radio__label,
30007
30126
  .pf-v5-c-tabs.pf-m-box .pf-v5-c-tabs__item.pf-m-current + .pf-v5-c-tabs__item {
30008
30127
  --pf-v5-c-tabs__link--before--Left: 0;
30009
30128
  }
30010
- .pf-v5-c-tabs.pf-m-box.pf-m-color-scheme--light-300 {
30011
- --pf-v5-c-tabs__link--BackgroundColor: var(--pf-v5-c-tabs--m-color-scheme--light-300__link--BackgroundColor);
30012
- --pf-v5-c-tabs__item--m-current__link--BackgroundColor: var(--pf-v5-c-tabs--m-color-scheme--light-300__item--m-current__link--BackgroundColor);
30013
- --pf-v5-c-tabs__link--disabled--BackgroundColor: var(--pf-v5-c-tabs--m-color-scheme--light-300__link--disabled--BackgroundColor);
30014
- }
30015
- .pf-v5-c-tabs.pf-m-box .pf-v5-c-tabs__item-action .pf-v5-c-button {
30016
- --pf-v5-c-button--m-plain--disabled--Color: var(--pf-v5-c-tabs--m-box__item-action--c-button--disabled--BackgroundColor);
30129
+ .pf-v5-c-tabs.pf-m-box.pf-m-secondary {
30130
+ --pf-v5-c-tabs__item--BackgroundColor: var(--pf-v5-c-tabs--m-box--m-secondary__item--BackgroundColor);
30131
+ --pf-v5-c-tabs__item--m-current--BackgroundColor: var(--pf-v5-c-tabs--m-box--m-secondary__item--m-current--BackgroundColor);
30132
+ --pf-v5-c-tabs__link--BackgroundColor: var(--pf-v5-c-tabs--m-box--m-secondary__link--BackgroundColor);
30133
+ --pf-v5-c-tabs__link--disabled--Color: var(--pf-v5-c-tabs--m-box--m-secondary__link--disabled--Color);
30134
+ --pf-v5-c-tabs__link--disabled--BackgroundColor: var(--pf-v5-c-tabs--m-box--m-secondary__link--disabled--BackgroundColor);
30135
+ --pf-v5-c-tabs__link--hover--BackgroundColor: var(--pf-v5-c-tabs--m-box--m-secondary__link--hover--BackgroundColor);
30136
+ --pf-v5-c-tabs__item--m-current__link--BackgroundColor: var(--pf-v5-c-tabs--m-box--m-secondary__item--m-current__link--BackgroundColor);
30017
30137
  }
30018
30138
  .pf-v5-c-tabs.pf-m-vertical {
30019
30139
  --pf-v5-c-tabs--Width: var(--pf-v5-c-tabs--m-vertical--Width);
30020
30140
  --pf-v5-c-tabs--inset: var(--pf-v5-c-tabs--m-vertical--inset);
30021
30141
  --pf-v5-c-tabs--before--BorderBottomWidth: 0;
30022
- --pf-v5-c-tabs__link--PaddingTop: var(--pf-v5-c-tabs--m-vertical__link--PaddingTop);
30023
- --pf-v5-c-tabs__link--PaddingBottom: var(--pf-v5-c-tabs--m-vertical__link--PaddingBottom);
30142
+ --pf-v5-c-tabs__item--PaddingInlineStart: var(--pf-v5-c-tabs--m-vertical__item--PaddingInlineStart);
30143
+ --pf-v5-c-tabs__item--PaddingInlineEnd: var(--pf-v5-c-tabs--m-vertical__item--PaddingInlineEnd);
30144
+ --pf-v5-c-tabs__link--PaddingLeft: var(--pf-v5-c-tabs--m-vertical__link--PaddingLeft);
30145
+ --pf-v5-c-tabs__link--PaddingRight: var(--pf-v5-c-tabs--m-vertical__link--PaddingRight);
30024
30146
  --pf-v5-c-tabs__link--before--Left: 0;
30025
30147
  --pf-v5-c-tabs__link--disabled--before--BorderBottomWidth: 0;
30026
30148
  --pf-v5-c-tabs__link--disabled--before--BorderLeftWidth: var(--pf-v5-c-tabs--before--border-width--base);
@@ -30123,9 +30245,15 @@ label.pf-v5-c-radio, .pf-v5-c-radio__label,
30123
30245
  --pf-v5-c-tabs__toggle--Display: none;
30124
30246
  }
30125
30247
  }
30248
+ .pf-v5-c-tabs.pf-m-vertical.pf-m-expandable {
30249
+ row-gap: var(--pf-v5-c-tabs--m-expandable--RowGap);
30250
+ padding-block-start: var(--pf-v5-c-tabs--m-expandable--PaddingBlockStart);
30251
+ padding-block-end: var(--pf-v5-c-tabs--m-expandable--PaddingBlockEnd);
30252
+ padding-inline-start: var(--pf-v5-c-tabs--m-expandable--PaddingInlineStart);
30253
+ padding-inline-end: var(--pf-v5-c-tabs--m-expandable--PaddingInlineEnd);
30254
+ }
30126
30255
  .pf-v5-c-tabs.pf-m-vertical.pf-m-expanded {
30127
30256
  --pf-v5-c-tabs__list--Display: flex;
30128
- --pf-v5-c-tabs__toggle--MarginBottom: var(--pf-v5-c-tabs--m-expanded__toggle--MarginBottom);
30129
30257
  --pf-v5-c-tabs__toggle-icon--Color: var(--pf-v5-c-tabs--m-expanded__toggle-icon--Color);
30130
30258
  --pf-v5-c-tabs__toggle-icon--Rotate: var(--pf-v5-c-tabs--m-expanded__toggle-icon--Rotate);
30131
30259
  }
@@ -30133,6 +30261,7 @@ label.pf-v5-c-radio, .pf-v5-c-radio__label,
30133
30261
  --pf-v5-c-tabs--inset: var(--pf-v5-c-tabs--m-vertical--m-box--inset);
30134
30262
  --pf-v5-c-tabs--m-vertical__list--before--BorderLeftWidth: 0;
30135
30263
  --pf-v5-c-tabs--m-vertical__list--before--BorderRightWidth: var(--pf-v5-c-tabs--before--border-width--base);
30264
+ --pf-v5-c-tabs__link--before--BorderRightWidth: var(--pf-v5-c-tabs__link--before--border-width--base);
30136
30265
  --pf-v5-c-tabs__link--disabled--before--BorderRightWidth: var(--pf-v5-c-tabs--before--border-width--base);
30137
30266
  --pf-v5-c-tabs__link--disabled--before--BorderBottomWidth: var(--pf-v5-c-tabs--before--border-width--base);
30138
30267
  --pf-v5-c-tabs__link--disabled--before--BorderLeftWidth: 0;
@@ -30142,16 +30271,14 @@ label.pf-v5-c-radio, .pf-v5-c-radio__label,
30142
30271
  inset-inline-end: 0;
30143
30272
  }
30144
30273
  .pf-v5-c-tabs.pf-m-box.pf-m-vertical .pf-v5-c-tabs__item:last-child {
30145
- --pf-v5-c-tabs__link--before--BorderBottomWidth: 0;
30146
30274
  --pf-v5-c-tabs__link--before--BorderRightWidth: var(--pf-v5-c-tabs__link--before--border-width--base);
30147
30275
  }
30276
+ .pf-v5-c-tabs.pf-m-box.pf-m-vertical .pf-v5-c-tabs__item:first-child {
30277
+ --pf-v5-c-tabs__link--before--BorderTopWidth: var(--pf-v5-c-tabs__link--before--border-width--base);
30278
+ }
30148
30279
  .pf-v5-c-tabs.pf-m-box.pf-m-vertical .pf-v5-c-tabs__item.pf-m-current {
30149
30280
  --pf-v5-c-tabs__link--before--BorderRightColor: var(--pf-v5-c-tabs__item--m-current__link--BackgroundColor);
30150
30281
  --pf-v5-c-tabs__link--before--BorderBottomColor: var(--pf-v5-c-tabs__link--before--border-color--base);
30151
- --pf-v5-c-tabs__link--before--BorderBottomWidth: var(--pf-v5-c-tabs__link--before--border-width--base);
30152
- }
30153
- .pf-v5-c-tabs.pf-m-box.pf-m-vertical .pf-v5-c-tabs__item.pf-m-current:first-child {
30154
- --pf-v5-c-tabs__link--before--BorderTopWidth: var(--pf-v5-c-tabs__link--before--border-width--base);
30155
30282
  }
30156
30283
  .pf-v5-c-tabs.pf-m-box.pf-m-vertical .pf-v5-c-tabs__item:first-child.pf-m-current {
30157
30284
  --pf-v5-c-tabs__link--before--BorderTopWidth: var(--pf-v5-c-tabs__link--before--border-width--base);
@@ -30163,10 +30290,10 @@ label.pf-v5-c-radio, .pf-v5-c-radio__label,
30163
30290
  .pf-v5-c-tabs.pf-m-box.pf-m-vertical .pf-v5-c-tabs__item.pf-m-current + .pf-v5-c-tabs__item .pf-v5-c-tabs__link::after {
30164
30291
  inset-block-start: 0;
30165
30292
  }
30166
- .pf-v5-c-tabs.pf-m-secondary {
30167
- --pf-v5-c-tabs__link--FontSize: var(--pf-v5-c-tabs--m-secondary__link--FontSize);
30168
- --pf-v5-c-tabs__item-action--c-button--FontSize: var(--pf-v5-c-tabs--m-secondary__item-action--c-button--FontSize);
30169
- --pf-v5-c-tabs__add--c-button--FontSize: var(--pf-v5-c-tabs--m-secondary__add--c-button--FontSize);
30293
+ .pf-v5-c-tabs.pf-m-subtab {
30294
+ --pf-v5-c-tabs__link--FontSize: var(--pf-v5-c-tabs--m-subtab__link--FontSize);
30295
+ --pf-v5-c-tabs__item-action--c-button--FontSize: var(--pf-v5-c-tabs--m-subtab__item-action--c-button--FontSize);
30296
+ --pf-v5-c-tabs__add--c-button--FontSize: var(--pf-v5-c-tabs--m-subtab__add--c-button--FontSize);
30170
30297
  }
30171
30298
  .pf-v5-c-tabs.pf-m-page-insets {
30172
30299
  --pf-v5-c-tabs--inset: var(--pf-v5-c-tabs--m-page-insets--inset);
@@ -30179,15 +30306,11 @@ label.pf-v5-c-radio, .pf-v5-c-radio__label,
30179
30306
  .pf-v5-c-tabs__toggle {
30180
30307
  display: var(--pf-v5-c-tabs__toggle--Display);
30181
30308
  align-items: center;
30182
- margin-block-end: var(--pf-v5-c-tabs__toggle--MarginBottom);
30183
30309
  }
30184
30310
 
30185
30311
  .pf-v5-c-tabs__toggle-button {
30186
30312
  --pf-v5-c-tabs__toggle-text--MarginLeft: var(--pf-v5-c-tabs__toggle-button__toggle-text--MarginLeft);
30187
30313
  --pf-v5-c-tabs__toggle-text--Color: var(--pf-v5-c-tabs__toggle-button__toggle-text--Color);
30188
- margin-block-start: var(--pf-v5-c-tabs__toggle-button--MarginTop);
30189
- margin-block-end: var(--pf-v5-c-tabs__toggle-button--MarginBottom);
30190
- margin-inline-start: var(--pf-v5-c-tabs__toggle-button--MarginLeft);
30191
30314
  }
30192
30315
  .pf-v5-c-tabs__toggle-button .pf-v5-c-button {
30193
30316
  display: flex;
@@ -30226,17 +30349,24 @@ label.pf-v5-c-radio, .pf-v5-c-radio__label,
30226
30349
  }
30227
30350
 
30228
30351
  .pf-v5-c-tabs__item {
30352
+ position: relative;
30229
30353
  display: flex;
30230
30354
  flex: none;
30355
+ column-gap: var(--pf-v5-c-tabs__item--ColumnGap);
30231
30356
  scroll-snap-align: var(--pf-v5-c-tabs__item--ScrollSnapAlign);
30357
+ padding-block-start: var(--pf-v5-c-tabs__item--PaddingBlockStart);
30358
+ padding-block-end: var(--pf-v5-c-tabs__item--PaddingBlockEnd);
30359
+ padding-inline-start: var(--pf-v5-c-tabs__item--PaddingInlineStart);
30360
+ padding-inline-end: var(--pf-v5-c-tabs__item--PaddingInlineEnd);
30361
+ background-color: var(--pf-v5-c-tabs__item--BackgroundColor);
30232
30362
  }
30233
30363
  .pf-v5-c-tabs__item.pf-m-current {
30234
30364
  --pf-v5-c-tabs__link--Color: var(--pf-v5-c-tabs__item--m-current__link--Color);
30235
30365
  --pf-v5-c-tabs__link--after--BorderColor: var(--pf-v5-c-tabs__item--m-current__link--after--BorderColor);
30236
30366
  --pf-v5-c-tabs__link--after--BorderWidth: var(--pf-v5-c-tabs__item--m-current__link--after--BorderWidth);
30367
+ --pf-v5-c-tabs__item--BackgroundColor: var(--pf-v5-c-tabs__item--m-current--BackgroundColor);
30237
30368
  }
30238
30369
  .pf-v5-c-tabs__item.pf-m-action {
30239
- --pf-v5-c-tabs__link--PaddingRight: var(--pf-v5-c-tabs__item--m-action__link--PaddingRight);
30240
30370
  position: relative;
30241
30371
  }
30242
30372
  .pf-v5-c-tabs__item.pf-m-action::before {
@@ -30281,9 +30411,10 @@ label.pf-v5-c-radio, .pf-v5-c-radio__label,
30281
30411
  }
30282
30412
 
30283
30413
  .pf-v5-c-tabs__link {
30284
- position: relative;
30285
30414
  display: flex;
30286
30415
  flex: 1;
30416
+ column-gap: var(--pf-v5-c-tabs__link--ColumnGap);
30417
+ align-items: center;
30287
30418
  padding-block-start: var(--pf-v5-c-tabs__link--PaddingTop);
30288
30419
  padding-block-end: var(--pf-v5-c-tabs__link--PaddingBottom);
30289
30420
  padding-inline-start: var(--pf-v5-c-tabs__link--PaddingLeft);
@@ -30291,11 +30422,11 @@ label.pf-v5-c-radio, .pf-v5-c-radio__label,
30291
30422
  font-size: var(--pf-v5-c-tabs__link--FontSize);
30292
30423
  color: var(--pf-v5-c-tabs__link--Color);
30293
30424
  text-decoration: none;
30294
- outline-offset: var(--pf-v5-c-tabs__link--OutlineOffset);
30425
+ background-color: var(--pf-v5-c-tabs__link--BackgroundColor);
30426
+ border-radius: var(--pf-v5-c-tabs__link--BorderRadius);
30295
30427
  }
30296
30428
  .pf-v5-c-tabs__item.pf-m-action, .pf-v5-c-tabs__link {
30297
30429
  --pf-v5-c-tabs__link--after--BorderBottomWidth: var(--pf-v5-c-tabs__link--after--BorderWidth);
30298
- background-color: var(--pf-v5-c-tabs__link--BackgroundColor);
30299
30430
  }
30300
30431
 
30301
30432
  .pf-v5-c-tabs__item.pf-m-action::before, .pf-v5-c-tabs__link::before {
@@ -30322,52 +30453,32 @@ label.pf-v5-c-radio, .pf-v5-c-radio__label,
30322
30453
  border-inline-end-width: var(--pf-v5-c-tabs__link--after--BorderRightWidth);
30323
30454
  }
30324
30455
 
30325
- .pf-v5-c-tabs__item.pf-m-action:hover, .pf-v5-c-tabs__link:hover {
30326
- --pf-v5-c-tabs__link--after--BorderWidth: var(--pf-v5-c-tabs__link--hover--after--BorderWidth);
30327
- }
30328
-
30329
- .pf-v5-c-tabs__item.pf-m-action:focus-within, .pf-v5-c-tabs__link:focus {
30330
- --pf-v5-c-tabs__link--after--BorderWidth: var(--pf-v5-c-tabs__link--focus--after--BorderWidth);
30331
- }
30332
-
30333
- .pf-v5-c-tabs__item.pf-m-action:active, .pf-v5-c-tabs__link:active {
30334
- --pf-v5-c-tabs__link--after--BorderWidth: var(--pf-v5-c-tabs__link--active--after--BorderWidth);
30335
- }
30336
-
30337
- .pf-v5-c-tabs__link:hover {
30338
- --pf-v5-c-tabs__link-toggle-icon--Color: var(--pf-v5-c-tabs__link--hover__toggle-icon--Color);
30339
- }
30340
- .pf-v5-c-tabs__link:focus {
30341
- --pf-v5-c-tabs__link-toggle-icon--Color: var(--pf-v5-c-tabs__link--focus__toggle-icon--Color);
30342
- }
30343
- .pf-v5-c-tabs__link:active, .pf-v5-c-tabs__link.pf-m-active {
30344
- --pf-v5-c-tabs__link-toggle-icon--Color: var(--pf-v5-c-tabs__link--active__toggle-icon--Color);
30456
+ .pf-v5-c-tabs__link:where(:hover, :focus) {
30457
+ --pf-v5-c-tabs__link--BackgroundColor: var(--pf-v5-c-tabs__link--hover--BackgroundColor);
30458
+ mix-blend-mode: var(--pf-t--global--background--color--action--plain--hover--blend);
30345
30459
  }
30346
30460
  .pf-v5-c-tabs__link:disabled, .pf-v5-c-tabs__link.pf-m-disabled {
30347
30461
  pointer-events: none;
30348
30462
  }
30349
30463
  .pf-v5-c-tabs__item.pf-m-action.pf-m-disabled, .pf-v5-c-tabs__link:disabled, .pf-v5-c-tabs__link.pf-m-disabled, .pf-v5-c-tabs__link.pf-m-aria-disabled {
30350
30464
  --pf-v5-c-tabs__link--Color: var(--pf-v5-c-tabs__link--disabled--Color);
30351
- --pf-v5-c-tabs__link--BackgroundColor: var(--pf-v5-c-tabs__link--disabled--BackgroundColor);
30352
30465
  --pf-v5-c-tabs__link--before--BorderRightWidth: var(--pf-v5-c-tabs__link--disabled--before--BorderRightWidth);
30353
30466
  --pf-v5-c-tabs__link--before--BorderBottomWidth: var(--pf-v5-c-tabs__link--disabled--before--BorderBottomWidth);
30354
30467
  --pf-v5-c-tabs__link--before--BorderLeftWidth: var(--pf-v5-c-tabs__link--disabled--before--BorderLeftWidth);
30355
30468
  --pf-v5-c-tabs__link--after--BorderWidth: 0;
30356
30469
  }
30357
30470
 
30358
- .pf-v5-c-tabs__link.pf-m-aria-disabled {
30359
- cursor: default;
30471
+ .pf-v5-c-tabs__link:disabled, .pf-v5-c-tabs__link.pf-m-disabled, .pf-v5-c-tabs__link.pf-m-aria-disabled {
30472
+ --pf-v5-c-tabs__link--BackgroundColor: var(--pf-v5-c-tabs__link--disabled--BackgroundColor);
30360
30473
  }
30361
- .pf-v5-c-tabs__link .pf-v5-c-tabs__item-icon,
30362
- .pf-v5-c-tabs__link .pf-v5-c-tabs__item-text {
30363
- margin-inline-end: var(--pf-v5-c-tabs__link--child--MarginRight);
30474
+ .pf-v5-c-tabs__item.pf-m-action.pf-m-disabled {
30475
+ --pf-v5-c-tabs__link--BackgroundColor: transparent;
30364
30476
  }
30365
- .pf-v5-c-tabs__link .pf-v5-c-tabs__item-icon:last-child,
30366
- .pf-v5-c-tabs__link .pf-v5-c-tabs__item-text:last-child {
30367
- --pf-v5-c-tabs__link--child--MarginRight: 0;
30477
+
30478
+ .pf-v5-c-tabs__link.pf-m-aria-disabled {
30479
+ cursor: default;
30368
30480
  }
30369
30481
  .pf-v5-c-tabs__link.pf-m-expanded {
30370
- --pf-v5-c-tabs__link-toggle-icon--Color: var(--pf-v5-c-tabs__link--m-expanded__toggle-icon--Color);
30371
30482
  --pf-v5-c-tabs__link-toggle-icon--Rotate: var(--pf-v5-c-tabs__link--m-expanded__toggle-icon--Rotate);
30372
30483
  }
30373
30484
 
@@ -30387,14 +30498,6 @@ label.pf-v5-c-radio, .pf-v5-c-radio__label,
30387
30498
  }
30388
30499
  .pf-v5-c-tabs__item-action .pf-v5-c-button {
30389
30500
  --pf-v5-c-button--FontSize: var(--pf-v5-c-tabs__item-action--c-button--FontSize);
30390
- --pf-v5-c-button--PaddingTop: var(--pf-v5-c-tabs__item-action--c-button--PaddingTop);
30391
- --pf-v5-c-button--PaddingRight: var(--pf-v5-c-tabs__item-action--c-button--PaddingRight);
30392
- --pf-v5-c-button--PaddingBottom: var(--pf-v5-c-tabs__item-action--c-button--PaddingBottom);
30393
- --pf-v5-c-button--PaddingLeft: var(--pf-v5-c-tabs__item-action--c-button--PaddingLeft);
30394
- outline-offset: var(--pf-v5-c-tabs__item-action--c-button--OutlineOffset);
30395
- }
30396
- .pf-v5-c-tabs__item-action:last-child {
30397
- --pf-v5-c-tabs__item-action--c-button--PaddingRight: var(--pf-v5-c-tabs__item-action--last-child--c-button--PaddingRight);
30398
30501
  }
30399
30502
 
30400
30503
  .pf-v5-c-tabs__item-action-icon {
@@ -30403,22 +30506,13 @@ label.pf-v5-c-radio, .pf-v5-c-radio__label,
30403
30506
  }
30404
30507
 
30405
30508
  .pf-v5-c-tabs__scroll-button {
30406
- flex: none;
30407
- width: var(--pf-v5-c-tabs__scroll-button--Width);
30408
- line-height: 1;
30409
- color: var(--pf-v5-c-tabs__scroll-button--Color);
30410
- background-color: var(--pf-v5-c-tabs__scroll-button--BackgroundColor);
30411
- outline-offset: var(--pf-v5-c-tabs__scroll-button--OutlineOffset);
30509
+ padding-block-start: var(--pf-v5-c-tabs__scroll-button--PaddingBlockStart);
30510
+ padding-block-end: var(--pf-v5-c-tabs__scroll-button--PaddingBlockEnd);
30511
+ padding-inline-start: var(--pf-v5-c-tabs__scroll-button--PaddingInlineStart);
30512
+ padding-inline-end: var(--pf-v5-c-tabs__scroll-button--PaddingInlineEnd);
30412
30513
  opacity: 0;
30413
30514
  transition: margin var(--pf-v5-c-tabs__scroll-button--TransitionDuration--margin), transform var(--pf-v5-c-tabs__scroll-button--TransitionDuration--transform), opacity var(--pf-v5-c-tabs__scroll-button--TransitionDuration--opacity);
30414
30515
  }
30415
- :where(.pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-c-tabs__scroll-button > * {
30416
- scale: -1 1;
30417
- }
30418
-
30419
- .pf-v5-c-tabs__scroll-button:hover, .pf-v5-c-tabs__scroll-button:active, .pf-v5-c-tabs__scroll-button:focus {
30420
- --pf-v5-c-tabs__scroll-button--Color: var(--pf-v5-c-tabs__scroll-button--hover--Color);
30421
- }
30422
30516
  .pf-v5-c-tabs__scroll-button::before {
30423
30517
  border-color: var(--pf-v5-c-tabs__scroll-button--before--BorderColor);
30424
30518
  border-block-start-width: 0;
@@ -30436,23 +30530,20 @@ label.pf-v5-c-radio, .pf-v5-c-radio__label,
30436
30530
  margin-inline-start: calc(var(--pf-v5-c-tabs__scroll-button--Width) * -1);
30437
30531
  transform: translateX(100%);
30438
30532
  }
30439
- .pf-v5-c-tabs__scroll-button:disabled {
30440
- --pf-v5-c-tabs__scroll-button--Color: var(--pf-v5-c-tabs__scroll-button--disabled--Color);
30441
- pointer-events: none;
30442
- }
30443
30533
 
30444
30534
  .pf-v5-c-tabs__add {
30445
30535
  position: relative;
30446
30536
  display: flex;
30537
+ padding-block-start: var(--pf-v5-c-tabs__add--PaddingBlockStart);
30538
+ padding-block-end: var(--pf-v5-c-tabs__add--PaddingBlockEnd);
30539
+ padding-inline-start: var(--pf-v5-c-tabs__add--PaddingInlineStart);
30540
+ padding-inline-end: var(--pf-v5-c-tabs__add--PaddingInlineEnd);
30447
30541
  }
30448
30542
  .pf-v5-c-tabs__add::before {
30449
30543
  border-inline-start: var(--pf-v5-c-tabs__add--before--BorderLeftWidth) solid var(--pf-v5-c-tabs__add--before--BorderColor);
30450
30544
  }
30451
30545
  .pf-v5-c-tabs__add .pf-v5-c-button {
30452
30546
  --pf-v5-c-button--FontSize: var(--pf-v5-c-tabs__add--c-button--FontSize);
30453
- --pf-v5-c-button--PaddingTop: var(--pf-v5-c-tabs__add--c-button--PaddingTop);
30454
- --pf-v5-c-button--PaddingBottom: var(--pf-v5-c-tabs__add--c-button--PaddingBottom);
30455
- outline-offset: var(--pf-v5-c-tabs__add--c-button--OutlineOffset);
30456
30547
  }
30457
30548
 
30458
30549
  .pf-v5-c-tabs.pf-m-inset-none {
@@ -30646,17 +30737,6 @@ label.pf-v5-c-radio, .pf-v5-c-radio__label,
30646
30737
  }
30647
30738
  }
30648
30739
 
30649
- :where(.pf-theme-dark) .pf-v5-c-wizard__header .pf-v5-c-button, :where(.pf-theme-dark) .pf-v5-c-log-viewer.pf-m-dark .pf-v5-c-log-viewer__main .pf-v5-c-button {
30650
- --pf-v5-c-button--m-primary--BackgroundColor: var(--pf-v5-global--primary-color--300);
30651
- }
30652
-
30653
- :where(.pf-theme-dark) .pf-v5-c-tabs {
30654
- --pf-v5-c-tabs__scroll-button--BackgroundColor: transparent;
30655
- --pf-v5-c-tabs__link--disabled--BackgroundColor: var(--pf-v5-global--disabled-color--200);
30656
- --pf-v5-c-tabs__link--disabled--Color: var(--pf-v5-global--disabled-color--300);
30657
- --pf-v5-c-tabs--m-color-scheme--light-300__link--disabled--BackgroundColor: var(--pf-v5-global--disabled-color--200);
30658
- }
30659
-
30660
30740
  .pf-v5-c-text-input-group {
30661
30741
  --pf-v5-c-text-input-group--BackgroundColor: var(--pf-v5-global--BackgroundColor--100);
30662
30742
  --pf-v5-c-text-input-group__text--before--BorderWidth: var(--pf-v5-global--BorderWidth--sm);