@patternfly/patternfly 6.0.0-alpha.111 → 6.0.0-alpha.113

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 (30) hide show
  1. package/base/tokens/_tokens-font.scss +0 -1
  2. package/components/Toolbar/toolbar.css +16 -0
  3. package/components/Toolbar/toolbar.scss +23 -1
  4. package/docs/components/OverflowMenu/examples/overflow-menu.css +4 -4
  5. package/docs/components/Page/deprecated/PageHeader.css +4 -4
  6. package/docs/components/Skeleton/examples/Skeleton.css +1 -1
  7. package/docs/components/Tabs/examples/Tabs.md +1 -3
  8. package/docs/components/Tile/examples/Tile.css +5 -5
  9. package/docs/components/ToggleGroup/examples/toggle-group.md +1 -3
  10. package/docs/components/Toolbar/examples/Toolbar.css +40 -35
  11. package/docs/components/Toolbar/examples/Toolbar.md +124 -0
  12. package/docs/components/Tooltip/examples/Tooltip.css +1 -1
  13. package/docs/components/Truncate/examples/Truncate.css +1 -1
  14. package/docs/demos/Card/examples/Card.css +6 -6
  15. package/docs/utilities/BackgroundColor/examples/BackgroundColor.md +7 -67
  16. package/docs/utilities/Text/examples/Text.md +63 -61
  17. package/package.json +1 -1
  18. package/patternfly-addons.css +429 -764
  19. package/patternfly-no-globals.css +16 -0
  20. package/patternfly-theme-dark-unversioned.css +16 -0
  21. package/patternfly.css +16 -0
  22. package/patternfly.min.css +1 -1
  23. package/patternfly.min.css.map +1 -1
  24. package/utilities/BackgroundColor/BackgroundColor.css +36 -283
  25. package/utilities/BackgroundColor/BackgroundColor.scss +6 -45
  26. package/utilities/Text/text.css +393 -481
  27. package/utilities/Text/text.scss +69 -90
  28. package/docs/components/Tabs/examples/Tabs.css +0 -10
  29. package/docs/components/ToggleGroup/examples/toggle-group.css +0 -4
  30. package/docs/utilities/Text/examples/Text.css +0 -0
package/patternfly-addons.css CHANGED
@@ -246,318 +246,71 @@
246
246
  text-align: justify !important;
247
247
  }
248
248
  }
249
- .pf-v6-u-background-color-100 {
250
- background-color: var(--pf-v6-global--BackgroundColor--100) !important;
249
+ .pf-v6-u-background-color-disabled {
250
+ background-color: var(--pf-t--global--background--color--disabled--default) !important;
251
251
  }
252
252
 
253
- .pf-v6-u-background-color-200 {
254
- background-color: var(--pf-v6-global--BackgroundColor--200) !important;
253
+ .pf-v6-u-background-color-inverse {
254
+ background-color: var(--pf-t--global--background--color--inverse--default) !important;
255
255
  }
256
256
 
257
- .pf-v6-u-background-color-active-color-100 {
258
- background-color: var(--pf-v6-global--active-color--100) !important;
259
- }
260
-
261
- .pf-v6-u-background-color-active-color-300 {
262
- background-color: var(--pf-v6-global--active-color--300) !important;
263
- }
264
-
265
- .pf-v6-u-background-color-primary-color-200 {
266
- background-color: var(--pf-v6-global--primary-color--200) !important;
267
- }
268
-
269
- .pf-v6-u-background-color-dark-100 {
270
- background-color: var(--pf-v6-global--BackgroundColor--dark-100) !important;
271
- }
272
-
273
- .pf-v6-u-background-color-dark-200 {
274
- background-color: var(--pf-v6-global--BackgroundColor--dark-200) !important;
275
- }
276
-
277
- .pf-v6-u-background-color-dark-300 {
278
- background-color: var(--pf-v6-global--BackgroundColor--dark-300) !important;
279
- }
280
-
281
- .pf-v6-u-background-color-dark-400 {
282
- background-color: var(--pf-v6-global--BackgroundColor--dark-400) !important;
283
- }
284
-
285
- .pf-v6-u-background-color-disabled-color-200 {
286
- background-color: var(--pf-v6-global--disabled-color--200) !important;
287
- }
288
-
289
- .pf-v6-u-background-color-disabled-color-300 {
290
- background-color: var(--pf-v6-global--disabled-color--300) !important;
291
- }
292
-
293
- .pf-v6-u-background-color-default {
294
- background-color: var(--pf-v6-global--palette--cyan-50) !important;
295
- }
296
-
297
- .pf-v6-u-background-color-success {
298
- background-color: var(--pf-v6-global--palette--green-50) !important;
299
- }
300
-
301
- .pf-v6-u-background-color-info {
302
- background-color: var(--pf-v6-global--palette--blue-50) !important;
303
- }
304
-
305
- .pf-v6-u-background-color-warning {
306
- background-color: var(--pf-v6-global--palette--gold-50) !important;
307
- }
308
-
309
- .pf-v6-u-background-color-danger {
310
- background-color: var(--pf-v6-global--palette--red-50) !important;
257
+ .pf-v6-u-background-color-highlight {
258
+ background-color: var(--pf-t--global--background--color--highlight--default) !important;
311
259
  }
312
260
 
313
261
  @media screen and (min-width: 576px) {
314
- .pf-v6-u-background-color-100-on-sm {
315
- background-color: var(--pf-v6-global--BackgroundColor--100) !important;
316
- }
317
- .pf-v6-u-background-color-200-on-sm {
318
- background-color: var(--pf-v6-global--BackgroundColor--200) !important;
319
- }
320
- .pf-v6-u-background-color-active-color-100-on-sm {
321
- background-color: var(--pf-v6-global--active-color--100) !important;
322
- }
323
- .pf-v6-u-background-color-active-color-300-on-sm {
324
- background-color: var(--pf-v6-global--active-color--300) !important;
325
- }
326
- .pf-v6-u-background-color-primary-color-200-on-sm {
327
- background-color: var(--pf-v6-global--primary-color--200) !important;
328
- }
329
- .pf-v6-u-background-color-dark-100-on-sm {
330
- background-color: var(--pf-v6-global--BackgroundColor--dark-100) !important;
331
- }
332
- .pf-v6-u-background-color-dark-200-on-sm {
333
- background-color: var(--pf-v6-global--BackgroundColor--dark-200) !important;
262
+ .pf-v6-u-background-color-disabled-on-sm {
263
+ background-color: var(--pf-t--global--background--color--disabled--default) !important;
334
264
  }
335
- .pf-v6-u-background-color-dark-300-on-sm {
336
- background-color: var(--pf-v6-global--BackgroundColor--dark-300) !important;
265
+ .pf-v6-u-background-color-inverse-on-sm {
266
+ background-color: var(--pf-t--global--background--color--inverse--default) !important;
337
267
  }
338
- .pf-v6-u-background-color-dark-400-on-sm {
339
- background-color: var(--pf-v6-global--BackgroundColor--dark-400) !important;
340
- }
341
- .pf-v6-u-background-color-disabled-color-200-on-sm {
342
- background-color: var(--pf-v6-global--disabled-color--200) !important;
343
- }
344
- .pf-v6-u-background-color-disabled-color-300-on-sm {
345
- background-color: var(--pf-v6-global--disabled-color--300) !important;
346
- }
347
- .pf-v6-u-background-color-default-on-sm {
348
- background-color: var(--pf-v6-global--palette--cyan-50) !important;
349
- }
350
- .pf-v6-u-background-color-success-on-sm {
351
- background-color: var(--pf-v6-global--palette--green-50) !important;
352
- }
353
- .pf-v6-u-background-color-info-on-sm {
354
- background-color: var(--pf-v6-global--palette--blue-50) !important;
355
- }
356
- .pf-v6-u-background-color-warning-on-sm {
357
- background-color: var(--pf-v6-global--palette--gold-50) !important;
358
- }
359
- .pf-v6-u-background-color-danger-on-sm {
360
- background-color: var(--pf-v6-global--palette--red-50) !important;
268
+ .pf-v6-u-background-color-highlight-on-sm {
269
+ background-color: var(--pf-t--global--background--color--highlight--default) !important;
361
270
  }
362
271
  }
363
272
  @media screen and (min-width: 768px) {
364
- .pf-v6-u-background-color-100-on-md {
365
- background-color: var(--pf-v6-global--BackgroundColor--100) !important;
366
- }
367
- .pf-v6-u-background-color-200-on-md {
368
- background-color: var(--pf-v6-global--BackgroundColor--200) !important;
369
- }
370
- .pf-v6-u-background-color-active-color-100-on-md {
371
- background-color: var(--pf-v6-global--active-color--100) !important;
372
- }
373
- .pf-v6-u-background-color-active-color-300-on-md {
374
- background-color: var(--pf-v6-global--active-color--300) !important;
375
- }
376
- .pf-v6-u-background-color-primary-color-200-on-md {
377
- background-color: var(--pf-v6-global--primary-color--200) !important;
378
- }
379
- .pf-v6-u-background-color-dark-100-on-md {
380
- background-color: var(--pf-v6-global--BackgroundColor--dark-100) !important;
381
- }
382
- .pf-v6-u-background-color-dark-200-on-md {
383
- background-color: var(--pf-v6-global--BackgroundColor--dark-200) !important;
384
- }
385
- .pf-v6-u-background-color-dark-300-on-md {
386
- background-color: var(--pf-v6-global--BackgroundColor--dark-300) !important;
387
- }
388
- .pf-v6-u-background-color-dark-400-on-md {
389
- background-color: var(--pf-v6-global--BackgroundColor--dark-400) !important;
390
- }
391
- .pf-v6-u-background-color-disabled-color-200-on-md {
392
- background-color: var(--pf-v6-global--disabled-color--200) !important;
273
+ .pf-v6-u-background-color-disabled-on-md {
274
+ background-color: var(--pf-t--global--background--color--disabled--default) !important;
393
275
  }
394
- .pf-v6-u-background-color-disabled-color-300-on-md {
395
- background-color: var(--pf-v6-global--disabled-color--300) !important;
276
+ .pf-v6-u-background-color-inverse-on-md {
277
+ background-color: var(--pf-t--global--background--color--inverse--default) !important;
396
278
  }
397
- .pf-v6-u-background-color-default-on-md {
398
- background-color: var(--pf-v6-global--palette--cyan-50) !important;
399
- }
400
- .pf-v6-u-background-color-success-on-md {
401
- background-color: var(--pf-v6-global--palette--green-50) !important;
402
- }
403
- .pf-v6-u-background-color-info-on-md {
404
- background-color: var(--pf-v6-global--palette--blue-50) !important;
405
- }
406
- .pf-v6-u-background-color-warning-on-md {
407
- background-color: var(--pf-v6-global--palette--gold-50) !important;
408
- }
409
- .pf-v6-u-background-color-danger-on-md {
410
- background-color: var(--pf-v6-global--palette--red-50) !important;
279
+ .pf-v6-u-background-color-highlight-on-md {
280
+ background-color: var(--pf-t--global--background--color--highlight--default) !important;
411
281
  }
412
282
  }
413
283
  @media screen and (min-width: 992px) {
414
- .pf-v6-u-background-color-100-on-lg {
415
- background-color: var(--pf-v6-global--BackgroundColor--100) !important;
416
- }
417
- .pf-v6-u-background-color-200-on-lg {
418
- background-color: var(--pf-v6-global--BackgroundColor--200) !important;
419
- }
420
- .pf-v6-u-background-color-active-color-100-on-lg {
421
- background-color: var(--pf-v6-global--active-color--100) !important;
422
- }
423
- .pf-v6-u-background-color-active-color-300-on-lg {
424
- background-color: var(--pf-v6-global--active-color--300) !important;
425
- }
426
- .pf-v6-u-background-color-primary-color-200-on-lg {
427
- background-color: var(--pf-v6-global--primary-color--200) !important;
428
- }
429
- .pf-v6-u-background-color-dark-100-on-lg {
430
- background-color: var(--pf-v6-global--BackgroundColor--dark-100) !important;
431
- }
432
- .pf-v6-u-background-color-dark-200-on-lg {
433
- background-color: var(--pf-v6-global--BackgroundColor--dark-200) !important;
434
- }
435
- .pf-v6-u-background-color-dark-300-on-lg {
436
- background-color: var(--pf-v6-global--BackgroundColor--dark-300) !important;
437
- }
438
- .pf-v6-u-background-color-dark-400-on-lg {
439
- background-color: var(--pf-v6-global--BackgroundColor--dark-400) !important;
440
- }
441
- .pf-v6-u-background-color-disabled-color-200-on-lg {
442
- background-color: var(--pf-v6-global--disabled-color--200) !important;
443
- }
444
- .pf-v6-u-background-color-disabled-color-300-on-lg {
445
- background-color: var(--pf-v6-global--disabled-color--300) !important;
446
- }
447
- .pf-v6-u-background-color-default-on-lg {
448
- background-color: var(--pf-v6-global--palette--cyan-50) !important;
284
+ .pf-v6-u-background-color-disabled-on-lg {
285
+ background-color: var(--pf-t--global--background--color--disabled--default) !important;
449
286
  }
450
- .pf-v6-u-background-color-success-on-lg {
451
- background-color: var(--pf-v6-global--palette--green-50) !important;
287
+ .pf-v6-u-background-color-inverse-on-lg {
288
+ background-color: var(--pf-t--global--background--color--inverse--default) !important;
452
289
  }
453
- .pf-v6-u-background-color-info-on-lg {
454
- background-color: var(--pf-v6-global--palette--blue-50) !important;
455
- }
456
- .pf-v6-u-background-color-warning-on-lg {
457
- background-color: var(--pf-v6-global--palette--gold-50) !important;
458
- }
459
- .pf-v6-u-background-color-danger-on-lg {
460
- background-color: var(--pf-v6-global--palette--red-50) !important;
290
+ .pf-v6-u-background-color-highlight-on-lg {
291
+ background-color: var(--pf-t--global--background--color--highlight--default) !important;
461
292
  }
462
293
  }
463
294
  @media screen and (min-width: 1200px) {
464
- .pf-v6-u-background-color-100-on-xl {
465
- background-color: var(--pf-v6-global--BackgroundColor--100) !important;
466
- }
467
- .pf-v6-u-background-color-200-on-xl {
468
- background-color: var(--pf-v6-global--BackgroundColor--200) !important;
469
- }
470
- .pf-v6-u-background-color-active-color-100-on-xl {
471
- background-color: var(--pf-v6-global--active-color--100) !important;
472
- }
473
- .pf-v6-u-background-color-active-color-300-on-xl {
474
- background-color: var(--pf-v6-global--active-color--300) !important;
475
- }
476
- .pf-v6-u-background-color-primary-color-200-on-xl {
477
- background-color: var(--pf-v6-global--primary-color--200) !important;
478
- }
479
- .pf-v6-u-background-color-dark-100-on-xl {
480
- background-color: var(--pf-v6-global--BackgroundColor--dark-100) !important;
481
- }
482
- .pf-v6-u-background-color-dark-200-on-xl {
483
- background-color: var(--pf-v6-global--BackgroundColor--dark-200) !important;
295
+ .pf-v6-u-background-color-disabled-on-xl {
296
+ background-color: var(--pf-t--global--background--color--disabled--default) !important;
484
297
  }
485
- .pf-v6-u-background-color-dark-300-on-xl {
486
- background-color: var(--pf-v6-global--BackgroundColor--dark-300) !important;
298
+ .pf-v6-u-background-color-inverse-on-xl {
299
+ background-color: var(--pf-t--global--background--color--inverse--default) !important;
487
300
  }
488
- .pf-v6-u-background-color-dark-400-on-xl {
489
- background-color: var(--pf-v6-global--BackgroundColor--dark-400) !important;
490
- }
491
- .pf-v6-u-background-color-disabled-color-200-on-xl {
492
- background-color: var(--pf-v6-global--disabled-color--200) !important;
493
- }
494
- .pf-v6-u-background-color-disabled-color-300-on-xl {
495
- background-color: var(--pf-v6-global--disabled-color--300) !important;
496
- }
497
- .pf-v6-u-background-color-default-on-xl {
498
- background-color: var(--pf-v6-global--palette--cyan-50) !important;
499
- }
500
- .pf-v6-u-background-color-success-on-xl {
501
- background-color: var(--pf-v6-global--palette--green-50) !important;
502
- }
503
- .pf-v6-u-background-color-info-on-xl {
504
- background-color: var(--pf-v6-global--palette--blue-50) !important;
505
- }
506
- .pf-v6-u-background-color-warning-on-xl {
507
- background-color: var(--pf-v6-global--palette--gold-50) !important;
508
- }
509
- .pf-v6-u-background-color-danger-on-xl {
510
- background-color: var(--pf-v6-global--palette--red-50) !important;
301
+ .pf-v6-u-background-color-highlight-on-xl {
302
+ background-color: var(--pf-t--global--background--color--highlight--default) !important;
511
303
  }
512
304
  }
513
305
  @media screen and (min-width: 1450px) {
514
- .pf-v6-u-background-color-100-on-2xl {
515
- background-color: var(--pf-v6-global--BackgroundColor--100) !important;
516
- }
517
- .pf-v6-u-background-color-200-on-2xl {
518
- background-color: var(--pf-v6-global--BackgroundColor--200) !important;
306
+ .pf-v6-u-background-color-disabled-on-2xl {
307
+ background-color: var(--pf-t--global--background--color--disabled--default) !important;
519
308
  }
520
- .pf-v6-u-background-color-active-color-100-on-2xl {
521
- background-color: var(--pf-v6-global--active-color--100) !important;
309
+ .pf-v6-u-background-color-inverse-on-2xl {
310
+ background-color: var(--pf-t--global--background--color--inverse--default) !important;
522
311
  }
523
- .pf-v6-u-background-color-active-color-300-on-2xl {
524
- background-color: var(--pf-v6-global--active-color--300) !important;
525
- }
526
- .pf-v6-u-background-color-primary-color-200-on-2xl {
527
- background-color: var(--pf-v6-global--primary-color--200) !important;
528
- }
529
- .pf-v6-u-background-color-dark-100-on-2xl {
530
- background-color: var(--pf-v6-global--BackgroundColor--dark-100) !important;
531
- }
532
- .pf-v6-u-background-color-dark-200-on-2xl {
533
- background-color: var(--pf-v6-global--BackgroundColor--dark-200) !important;
534
- }
535
- .pf-v6-u-background-color-dark-300-on-2xl {
536
- background-color: var(--pf-v6-global--BackgroundColor--dark-300) !important;
537
- }
538
- .pf-v6-u-background-color-dark-400-on-2xl {
539
- background-color: var(--pf-v6-global--BackgroundColor--dark-400) !important;
540
- }
541
- .pf-v6-u-background-color-disabled-color-200-on-2xl {
542
- background-color: var(--pf-v6-global--disabled-color--200) !important;
543
- }
544
- .pf-v6-u-background-color-disabled-color-300-on-2xl {
545
- background-color: var(--pf-v6-global--disabled-color--300) !important;
546
- }
547
- .pf-v6-u-background-color-default-on-2xl {
548
- background-color: var(--pf-v6-global--palette--cyan-50) !important;
549
- }
550
- .pf-v6-u-background-color-success-on-2xl {
551
- background-color: var(--pf-v6-global--palette--green-50) !important;
552
- }
553
- .pf-v6-u-background-color-info-on-2xl {
554
- background-color: var(--pf-v6-global--palette--blue-50) !important;
555
- }
556
- .pf-v6-u-background-color-warning-on-2xl {
557
- background-color: var(--pf-v6-global--palette--gold-50) !important;
558
- }
559
- .pf-v6-u-background-color-danger-on-2xl {
560
- background-color: var(--pf-v6-global--palette--red-50) !important;
312
+ .pf-v6-u-background-color-highlight-on-2xl {
313
+ background-color: var(--pf-t--global--background--color--highlight--default) !important;
561
314
  }
562
315
  }
563
316
  .pf-v6-u-box-shadow-sm {
@@ -7185,47 +6938,35 @@
7185
6938
  }
7186
6939
 
7187
6940
  .pf-v6-u-font-family-text {
7188
- font-family: var(--pf-v6-global--FontFamily--text) !important;
6941
+ font-family: var(--pf-t--global--font--family--body) !important;
7189
6942
  }
7190
6943
 
7191
6944
  .pf-v6-u-font-family-heading {
7192
- font-family: var(--pf-v6-global--FontFamily--heading) !important;
6945
+ font-family: var(--pf-t--global--font--family--heading) !important;
7193
6946
  }
7194
6947
 
7195
6948
  .pf-v6-u-font-family-monospace {
7196
- font-family: var(--pf-v6-global--FontFamily--monospace) !important;
7197
- }
7198
-
7199
- .pf-v6-u-font-family-text-vf {
7200
- font-family: var(--pf-v6-global--FontFamily--text--vf) !important;
7201
- }
7202
-
7203
- .pf-v6-u-font-family-heading-vf {
7204
- font-family: var(--pf-v6-global--FontFamily--heading--vf) !important;
7205
- }
7206
-
7207
- .pf-v6-u-font-family-monospace-vf {
7208
- font-family: var(--pf-v6-global--FontFamily--monospace--vf) !important;
6949
+ font-family: var(--pf-t--global--font--family--mono) !important;
7209
6950
  }
7210
6951
 
7211
6952
  .pf-v6-u-font-size-xs {
7212
- font-size: var(--pf-v6-global--FontSize--xs) !important;
6953
+ font-size: var(--pf-t--global--font--size--xs) !important;
7213
6954
  }
7214
6955
 
7215
6956
  .pf-v6-u-font-size-sm {
7216
- font-size: var(--pf-v6-global--FontSize--sm) !important;
6957
+ font-size: var(--pf-t--global--font--size--sm) !important;
7217
6958
  }
7218
6959
 
7219
6960
  .pf-v6-u-font-size-md {
7220
- font-size: var(--pf-v6-global--FontSize--md) !important;
6961
+ font-size: var(--pf-t--global--font--size--md) !important;
7221
6962
  }
7222
6963
 
7223
6964
  .pf-v6-u-font-size-lg {
7224
- font-size: var(--pf-v6-global--FontSize--lg) !important;
6965
+ font-size: var(--pf-t--global--font--size--lg) !important;
7225
6966
  }
7226
6967
 
7227
6968
  .pf-v6-u-font-size-xl {
7228
- font-size: var(--pf-v6-global--FontSize--xl) !important;
6969
+ font-size: var(--pf-t--global--font--size--xl) !important;
7229
6970
  }
7230
6971
 
7231
6972
  .pf-v6-u-font-size-2xl {
@@ -7233,807 +6974,731 @@
7233
6974
  }
7234
6975
 
7235
6976
  .pf-v6-u-font-size-3xl {
7236
- font-size: var(--pf-v6-global--FontSize--3xl) !important;
6977
+ font-size: var(--pf-t--global--font--size--3xl) !important;
7237
6978
  }
7238
6979
 
7239
6980
  .pf-v6-u-font-size-4xl {
7240
- font-size: var(--pf-v6-global--FontSize--4xl) !important;
6981
+ font-size: var(--pf-t--global--font--size--4xl) !important;
7241
6982
  }
7242
6983
 
7243
6984
  @media screen and (min-width: 576px) {
7244
6985
  .pf-v6-u-font-size-xs-on-sm {
7245
- font-size: var(--pf-v6-global--FontSize--xs) !important;
6986
+ font-size: var(--pf-t--global--font--size--xs) !important;
7246
6987
  }
7247
6988
  .pf-v6-u-font-size-sm-on-sm {
7248
- font-size: var(--pf-v6-global--FontSize--sm) !important;
6989
+ font-size: var(--pf-t--global--font--size--sm) !important;
7249
6990
  }
7250
6991
  .pf-v6-u-font-size-md-on-sm {
7251
- font-size: var(--pf-v6-global--FontSize--md) !important;
6992
+ font-size: var(--pf-t--global--font--size--md) !important;
7252
6993
  }
7253
6994
  .pf-v6-u-font-size-lg-on-sm {
7254
- font-size: var(--pf-v6-global--FontSize--lg) !important;
6995
+ font-size: var(--pf-t--global--font--size--lg) !important;
7255
6996
  }
7256
6997
  .pf-v6-u-font-size-xl-on-sm {
7257
- font-size: var(--pf-v6-global--FontSize--xl) !important;
6998
+ font-size: var(--pf-t--global--font--size--xl) !important;
7258
6999
  }
7259
7000
  .pf-v6-u-font-size-2xl-on-sm {
7260
7001
  font-size: var(--pf-v6-global--FontSize--2xl) !important;
7261
7002
  }
7262
7003
  .pf-v6-u-font-size-3xl-on-sm {
7263
- font-size: var(--pf-v6-global--FontSize--3xl) !important;
7004
+ font-size: var(--pf-t--global--font--size--3xl) !important;
7264
7005
  }
7265
7006
  .pf-v6-u-font-size-4xl-on-sm {
7266
- font-size: var(--pf-v6-global--FontSize--4xl) !important;
7007
+ font-size: var(--pf-t--global--font--size--4xl) !important;
7267
7008
  }
7268
7009
  }
7269
7010
  @media screen and (min-width: 768px) {
7270
7011
  .pf-v6-u-font-size-xs-on-md {
7271
- font-size: var(--pf-v6-global--FontSize--xs) !important;
7012
+ font-size: var(--pf-t--global--font--size--xs) !important;
7272
7013
  }
7273
7014
  .pf-v6-u-font-size-sm-on-md {
7274
- font-size: var(--pf-v6-global--FontSize--sm) !important;
7015
+ font-size: var(--pf-t--global--font--size--sm) !important;
7275
7016
  }
7276
7017
  .pf-v6-u-font-size-md-on-md {
7277
- font-size: var(--pf-v6-global--FontSize--md) !important;
7018
+ font-size: var(--pf-t--global--font--size--md) !important;
7278
7019
  }
7279
7020
  .pf-v6-u-font-size-lg-on-md {
7280
- font-size: var(--pf-v6-global--FontSize--lg) !important;
7021
+ font-size: var(--pf-t--global--font--size--lg) !important;
7281
7022
  }
7282
7023
  .pf-v6-u-font-size-xl-on-md {
7283
- font-size: var(--pf-v6-global--FontSize--xl) !important;
7024
+ font-size: var(--pf-t--global--font--size--xl) !important;
7284
7025
  }
7285
7026
  .pf-v6-u-font-size-2xl-on-md {
7286
7027
  font-size: var(--pf-v6-global--FontSize--2xl) !important;
7287
7028
  }
7288
7029
  .pf-v6-u-font-size-3xl-on-md {
7289
- font-size: var(--pf-v6-global--FontSize--3xl) !important;
7030
+ font-size: var(--pf-t--global--font--size--3xl) !important;
7290
7031
  }
7291
7032
  .pf-v6-u-font-size-4xl-on-md {
7292
- font-size: var(--pf-v6-global--FontSize--4xl) !important;
7033
+ font-size: var(--pf-t--global--font--size--4xl) !important;
7293
7034
  }
7294
7035
  }
7295
7036
  @media screen and (min-width: 992px) {
7296
7037
  .pf-v6-u-font-size-xs-on-lg {
7297
- font-size: var(--pf-v6-global--FontSize--xs) !important;
7038
+ font-size: var(--pf-t--global--font--size--xs) !important;
7298
7039
  }
7299
7040
  .pf-v6-u-font-size-sm-on-lg {
7300
- font-size: var(--pf-v6-global--FontSize--sm) !important;
7041
+ font-size: var(--pf-t--global--font--size--sm) !important;
7301
7042
  }
7302
7043
  .pf-v6-u-font-size-md-on-lg {
7303
- font-size: var(--pf-v6-global--FontSize--md) !important;
7044
+ font-size: var(--pf-t--global--font--size--md) !important;
7304
7045
  }
7305
7046
  .pf-v6-u-font-size-lg-on-lg {
7306
- font-size: var(--pf-v6-global--FontSize--lg) !important;
7047
+ font-size: var(--pf-t--global--font--size--lg) !important;
7307
7048
  }
7308
7049
  .pf-v6-u-font-size-xl-on-lg {
7309
- font-size: var(--pf-v6-global--FontSize--xl) !important;
7050
+ font-size: var(--pf-t--global--font--size--xl) !important;
7310
7051
  }
7311
7052
  .pf-v6-u-font-size-2xl-on-lg {
7312
7053
  font-size: var(--pf-v6-global--FontSize--2xl) !important;
7313
7054
  }
7314
7055
  .pf-v6-u-font-size-3xl-on-lg {
7315
- font-size: var(--pf-v6-global--FontSize--3xl) !important;
7056
+ font-size: var(--pf-t--global--font--size--3xl) !important;
7316
7057
  }
7317
7058
  .pf-v6-u-font-size-4xl-on-lg {
7318
- font-size: var(--pf-v6-global--FontSize--4xl) !important;
7059
+ font-size: var(--pf-t--global--font--size--4xl) !important;
7319
7060
  }
7320
7061
  }
7321
7062
  @media screen and (min-width: 1200px) {
7322
7063
  .pf-v6-u-font-size-xs-on-xl {
7323
- font-size: var(--pf-v6-global--FontSize--xs) !important;
7064
+ font-size: var(--pf-t--global--font--size--xs) !important;
7324
7065
  }
7325
7066
  .pf-v6-u-font-size-sm-on-xl {
7326
- font-size: var(--pf-v6-global--FontSize--sm) !important;
7067
+ font-size: var(--pf-t--global--font--size--sm) !important;
7327
7068
  }
7328
7069
  .pf-v6-u-font-size-md-on-xl {
7329
- font-size: var(--pf-v6-global--FontSize--md) !important;
7070
+ font-size: var(--pf-t--global--font--size--md) !important;
7330
7071
  }
7331
7072
  .pf-v6-u-font-size-lg-on-xl {
7332
- font-size: var(--pf-v6-global--FontSize--lg) !important;
7073
+ font-size: var(--pf-t--global--font--size--lg) !important;
7333
7074
  }
7334
7075
  .pf-v6-u-font-size-xl-on-xl {
7335
- font-size: var(--pf-v6-global--FontSize--xl) !important;
7076
+ font-size: var(--pf-t--global--font--size--xl) !important;
7336
7077
  }
7337
7078
  .pf-v6-u-font-size-2xl-on-xl {
7338
7079
  font-size: var(--pf-v6-global--FontSize--2xl) !important;
7339
7080
  }
7340
7081
  .pf-v6-u-font-size-3xl-on-xl {
7341
- font-size: var(--pf-v6-global--FontSize--3xl) !important;
7082
+ font-size: var(--pf-t--global--font--size--3xl) !important;
7342
7083
  }
7343
7084
  .pf-v6-u-font-size-4xl-on-xl {
7344
- font-size: var(--pf-v6-global--FontSize--4xl) !important;
7085
+ font-size: var(--pf-t--global--font--size--4xl) !important;
7345
7086
  }
7346
7087
  }
7347
7088
  @media screen and (min-width: 1450px) {
7348
7089
  .pf-v6-u-font-size-xs-on-2xl {
7349
- font-size: var(--pf-v6-global--FontSize--xs) !important;
7090
+ font-size: var(--pf-t--global--font--size--xs) !important;
7350
7091
  }
7351
7092
  .pf-v6-u-font-size-sm-on-2xl {
7352
- font-size: var(--pf-v6-global--FontSize--sm) !important;
7093
+ font-size: var(--pf-t--global--font--size--sm) !important;
7353
7094
  }
7354
7095
  .pf-v6-u-font-size-md-on-2xl {
7355
- font-size: var(--pf-v6-global--FontSize--md) !important;
7096
+ font-size: var(--pf-t--global--font--size--md) !important;
7356
7097
  }
7357
7098
  .pf-v6-u-font-size-lg-on-2xl {
7358
- font-size: var(--pf-v6-global--FontSize--lg) !important;
7099
+ font-size: var(--pf-t--global--font--size--lg) !important;
7359
7100
  }
7360
7101
  .pf-v6-u-font-size-xl-on-2xl {
7361
- font-size: var(--pf-v6-global--FontSize--xl) !important;
7102
+ font-size: var(--pf-t--global--font--size--xl) !important;
7362
7103
  }
7363
7104
  .pf-v6-u-font-size-2xl-on-2xl {
7364
7105
  font-size: var(--pf-v6-global--FontSize--2xl) !important;
7365
7106
  }
7366
7107
  .pf-v6-u-font-size-3xl-on-2xl {
7367
- font-size: var(--pf-v6-global--FontSize--3xl) !important;
7108
+ font-size: var(--pf-t--global--font--size--3xl) !important;
7368
7109
  }
7369
7110
  .pf-v6-u-font-size-4xl-on-2xl {
7370
- font-size: var(--pf-v6-global--FontSize--4xl) !important;
7111
+ font-size: var(--pf-t--global--font--size--4xl) !important;
7371
7112
  }
7372
7113
  }
7373
7114
  .pf-v6-u-font-weight-normal {
7374
- font-weight: var(--pf-v6-global--FontWeight--normal) !important;
7115
+ font-weight: var(--pf-t--global--font--weight--body) !important;
7375
7116
  }
7376
7117
 
7377
7118
  .pf-v6-u-font-weight-bold {
7378
- font-weight: var(--pf-v6-global--FontWeight--bold) !important;
7119
+ font-weight: var(--pf-t--global--font--weight--body--bold) !important;
7379
7120
  }
7380
7121
 
7381
7122
  @media screen and (min-width: 576px) {
7382
7123
  .pf-v6-u-font-weight-normal-on-sm {
7383
- font-weight: var(--pf-v6-global--FontWeight--normal) !important;
7124
+ font-weight: var(--pf-t--global--font--weight--body) !important;
7384
7125
  }
7385
7126
  .pf-v6-u-font-weight-bold-on-sm {
7386
- font-weight: var(--pf-v6-global--FontWeight--bold) !important;
7127
+ font-weight: var(--pf-t--global--font--weight--body--bold) !important;
7387
7128
  }
7388
7129
  }
7389
7130
  @media screen and (min-width: 768px) {
7390
7131
  .pf-v6-u-font-weight-normal-on-md {
7391
- font-weight: var(--pf-v6-global--FontWeight--normal) !important;
7132
+ font-weight: var(--pf-t--global--font--weight--body) !important;
7392
7133
  }
7393
7134
  .pf-v6-u-font-weight-bold-on-md {
7394
- font-weight: var(--pf-v6-global--FontWeight--bold) !important;
7135
+ font-weight: var(--pf-t--global--font--weight--body--bold) !important;
7395
7136
  }
7396
7137
  }
7397
7138
  @media screen and (min-width: 992px) {
7398
7139
  .pf-v6-u-font-weight-normal-on-lg {
7399
- font-weight: var(--pf-v6-global--FontWeight--normal) !important;
7140
+ font-weight: var(--pf-t--global--font--weight--body) !important;
7400
7141
  }
7401
7142
  .pf-v6-u-font-weight-bold-on-lg {
7402
- font-weight: var(--pf-v6-global--FontWeight--bold) !important;
7143
+ font-weight: var(--pf-t--global--font--weight--body--bold) !important;
7403
7144
  }
7404
7145
  }
7405
7146
  @media screen and (min-width: 1200px) {
7406
7147
  .pf-v6-u-font-weight-normal-on-xl {
7407
- font-weight: var(--pf-v6-global--FontWeight--normal) !important;
7148
+ font-weight: var(--pf-t--global--font--weight--body) !important;
7408
7149
  }
7409
7150
  .pf-v6-u-font-weight-bold-on-xl {
7410
- font-weight: var(--pf-v6-global--FontWeight--bold) !important;
7151
+ font-weight: var(--pf-t--global--font--weight--body--bold) !important;
7411
7152
  }
7412
7153
  }
7413
7154
  @media screen and (min-width: 1450px) {
7414
7155
  .pf-v6-u-font-weight-normal-on-2xl {
7415
- font-weight: var(--pf-v6-global--FontWeight--normal) !important;
7156
+ font-weight: var(--pf-t--global--font--weight--body) !important;
7416
7157
  }
7417
7158
  .pf-v6-u-font-weight-bold-on-2xl {
7418
- font-weight: var(--pf-v6-global--FontWeight--bold) !important;
7159
+ font-weight: var(--pf-t--global--font--weight--body--bold) !important;
7419
7160
  }
7420
7161
  }
7421
- .pf-v6-u-color-100 {
7422
- color: var(--pf-v6-global--Color--100) !important;
7423
- }
7424
-
7425
- .pf-v6-u-color-200 {
7426
- color: var(--pf-v6-global--Color--200) !important;
7427
- }
7428
-
7429
- .pf-v6-u-color-300 {
7430
- color: var(--pf-v6-global--Color--300) !important;
7431
- }
7432
-
7433
- .pf-v6-u-color-400 {
7434
- color: var(--pf-v6-global--Color--400) !important;
7435
- }
7436
-
7437
- .pf-v6-u-active-color-100 {
7438
- color: var(--pf-v6-global--active-color--100) !important;
7162
+ .pf-v6-u-text-color-brand {
7163
+ color: var(--pf-t--global--text--color--brand--default) !important;
7439
7164
  }
7440
7165
 
7441
- .pf-v6-u-active-color-400 {
7442
- color: var(--pf-v6-global--active-color--400) !important;
7166
+ .pf-v6-u-text-color-disabled {
7167
+ color: var(--pf-t--global--text--color--disabled) !important;
7443
7168
  }
7444
7169
 
7445
- .pf-v6-u-primary-color-100 {
7446
- color: var(--pf-v6-global--primary-color--100) !important;
7170
+ .pf-v6-u-text-color-on-disabled {
7171
+ color: var(--pf-t--global--text--color--on-disabled) !important;
7447
7172
  }
7448
7173
 
7449
- .pf-v6-u-color-light-100 {
7450
- color: var(--pf-v6-global--Color--light-100) !important;
7174
+ .pf-v6-u-text-color-link {
7175
+ color: var(--pf-t--global--text--color--link--default) !important;
7451
7176
  }
7452
7177
 
7453
- .pf-v6-u-color-light-200 {
7454
- color: var(--pf-v6-global--Color--light-200) !important;
7178
+ .pf-v6-u-text-color-link-hover {
7179
+ color: var(--pf-t--global--text--color--link--hover) !important;
7455
7180
  }
7456
7181
 
7457
- .pf-v6-u-link-color {
7458
- color: var(--pf-v6-global--link--Color) !important;
7182
+ .pf-v6-u-text-color-link-visited {
7183
+ color: var(--pf-t--global--text--color--link--visited) !important;
7459
7184
  }
7460
7185
 
7461
- .pf-v6-u-link-color-hover {
7462
- color: var(--pf-v6-global--link--Color--hover) !important;
7186
+ .pf-v6-u-text-color-placeholder {
7187
+ color: var(--pf-t--global--text--color--placeholder) !important;
7463
7188
  }
7464
7189
 
7465
- .pf-v6-u-link-color-light {
7466
- color: var(--pf-v6-global--link--Color--light) !important;
7190
+ .pf-v6-u-text-color-regular {
7191
+ color: var(--pf-t--global--text--color--regular) !important;
7467
7192
  }
7468
7193
 
7469
- .pf-v6-u-link-color-light-hover {
7470
- color: var(--pf-v6-global--link--Color--light--hover) !important;
7194
+ .pf-v6-u-text-color-required {
7195
+ color: var(--pf-t--global--text--color--required) !important;
7471
7196
  }
7472
7197
 
7473
- .pf-v6-u-link-color-dark {
7474
- color: var(--pf-v6-global--link--Color--dark) !important;
7198
+ .pf-v6-u-text-color-subtle {
7199
+ color: var(--pf-t--global--text--color--subtle) !important;
7475
7200
  }
7476
7201
 
7477
- .pf-v6-u-link-color-dark-hover {
7478
- color: var(--pf-v6-global--link--Color--dark--hover) !important;
7202
+ .pf-v6-u-text-color-inverse {
7203
+ color: var(--pf-t--global--text--color--inverse) !important;
7479
7204
  }
7480
7205
 
7481
- .pf-v6-u-link-color-visited {
7482
- color: var(--pf-v6-global--link--Color--visited) !important;
7206
+ .pf-v6-u-text-color-status-success {
7207
+ color: var(--pf-t--global--color--status--success--default) !important;
7483
7208
  }
7484
7209
 
7485
- .pf-v6-u-custom-color-100 {
7486
- color: var(--pf-v6-global--custom-color--100) !important;
7210
+ .pf-v6-u-text-color-status-warning {
7211
+ color: var(--pf-t--global--text--color--status--warning--default) !important;
7487
7212
  }
7488
7213
 
7489
- .pf-v6-u-custom-color-200 {
7490
- color: var(--pf-v6-global--custom-color--200) !important;
7214
+ .pf-v6-u-text-color-status-danger {
7215
+ color: var(--pf-t--global--text--color--status--danger--default) !important;
7491
7216
  }
7492
7217
 
7493
- .pf-v6-u-custom-color-300 {
7494
- color: var(--pf-v6-global--custom-color--300) !important;
7218
+ .pf-v6-u-text-color-status-default {
7219
+ color: var(--pf-t--global--text--color--status--info--default) !important;
7495
7220
  }
7496
7221
 
7497
- .pf-v6-u-success-color-100 {
7498
- color: var(--pf-v6-global--success-color--100) !important;
7222
+ .pf-v6-u-text-color-status-custom {
7223
+ color: var(--pf-t--global--text--color--status--custom--default) !important;
7499
7224
  }
7500
7225
 
7501
- .pf-v6-u-success-color-200 {
7502
- color: var(--pf-v6-global--success-color--200) !important;
7226
+ .pf-v6-u-icon-color-regular {
7227
+ color: var(--pf-t--global--icon--color--regular) !important;
7503
7228
  }
7504
7229
 
7505
- .pf-v6-u-info-color-100 {
7506
- color: var(--pf-v6-global--info-color--100) !important;
7230
+ .pf-v6-u-icon-color-disabled {
7231
+ color: var(--pf-t--global--icon--color--disabled) !important;
7507
7232
  }
7508
7233
 
7509
- .pf-v6-u-info-color-200 {
7510
- color: var(--pf-v6-global--info-color--200) !important;
7234
+ .pf-v6-u-icon-color-on-disabled {
7235
+ color: var(--pf-t--global--icon--color--on-disabled) !important;
7511
7236
  }
7512
7237
 
7513
- .pf-v6-u-warning-color-100 {
7514
- color: var(--pf-v6-global--warning-color--100) !important;
7238
+ .pf-v6-u-icon-color-subtle {
7239
+ color: var(--pf-t--global--icon--color--subtle) !important;
7515
7240
  }
7516
7241
 
7517
- .pf-v6-u-warning-color-200 {
7518
- color: var(--pf-v6-global--warning-color--200) !important;
7242
+ .pf-v6-u-icon-color-inverse {
7243
+ color: var(--pf-t--global--icon--color--inverse) !important;
7519
7244
  }
7520
7245
 
7521
- .pf-v6-u-danger-color-100 {
7522
- color: var(--pf-v6-global--danger-color--100) !important;
7246
+ .pf-v6-u-icon-color-brand {
7247
+ color: var(--pf-t--global--icon--color--brand--default) !important;
7523
7248
  }
7524
7249
 
7525
- .pf-v6-u-danger-color-200 {
7526
- color: var(--pf-v6-global--danger-color--200) !important;
7250
+ .pf-v6-u-icon-color-favorite {
7251
+ color: var(--pf-t--global--icon--color--favorite--default) !important;
7527
7252
  }
7528
7253
 
7529
- .pf-v6-u-danger-color-300 {
7530
- color: var(--pf-v6-global--danger-color--300) !important;
7254
+ .pf-v6-u-icon-color-status-success {
7255
+ color: var(--pf-t--global--icon--color--status--success--default) !important;
7531
7256
  }
7532
7257
 
7533
- .pf-v6-u-disabled-color-100 {
7534
- color: var(--pf-v6-global--disabled-color--100) !important;
7258
+ .pf-v6-u-icon-color-status-warning {
7259
+ color: var(--pf-t--global--icon--color--status--warning--default) !important;
7535
7260
  }
7536
7261
 
7537
- .pf-v6-u-disabled-color-200 {
7538
- color: var(--pf-v6-global--disabled-color--200) !important;
7262
+ .pf-v6-u-icon-color-status-danger {
7263
+ color: var(--pf-t--global--icon--color--status--danger--default) !important;
7539
7264
  }
7540
7265
 
7541
- .pf-v6-u-icon-color-light {
7542
- color: var(--pf-v6-global--icon--Color--light) !important;
7266
+ .pf-v6-u-icon-color-status-info {
7267
+ color: var(--pf-t--global--icon--color--status--info--default) !important;
7543
7268
  }
7544
7269
 
7545
- .pf-v6-u-icon-color-dark {
7546
- color: var(--pf-v6-global--icon--Color--dark) !important;
7270
+ .pf-v6-u-icon-color-status-custom {
7271
+ color: var(--pf-t--global--icon--color--status--custom--default) !important;
7547
7272
  }
7548
7273
 
7549
7274
  @media screen and (min-width: 576px) {
7550
- .pf-v6-u-color-100-on-sm {
7551
- color: var(--pf-v6-global--Color--100) !important;
7552
- }
7553
- .pf-v6-u-color-200-on-sm {
7554
- color: var(--pf-v6-global--Color--200) !important;
7275
+ .pf-v6-u-text-color-brand-on-sm {
7276
+ color: var(--pf-t--global--text--color--brand--default) !important;
7555
7277
  }
7556
- .pf-v6-u-color-300-on-sm {
7557
- color: var(--pf-v6-global--Color--300) !important;
7278
+ .pf-v6-u-text-color-disabled-on-sm {
7279
+ color: var(--pf-t--global--text--color--disabled) !important;
7558
7280
  }
7559
- .pf-v6-u-color-400-on-sm {
7560
- color: var(--pf-v6-global--Color--400) !important;
7281
+ .pf-v6-u-text-color-on-disabled-on-sm {
7282
+ color: var(--pf-t--global--text--color--on-disabled) !important;
7561
7283
  }
7562
- .pf-v6-u-active-color-100-on-sm {
7563
- color: var(--pf-v6-global--active-color--100) !important;
7284
+ .pf-v6-u-text-color-link-on-sm {
7285
+ color: var(--pf-t--global--text--color--link--default) !important;
7564
7286
  }
7565
- .pf-v6-u-active-color-400-on-sm {
7566
- color: var(--pf-v6-global--active-color--400) !important;
7287
+ .pf-v6-u-text-color-link-hover-on-sm {
7288
+ color: var(--pf-t--global--text--color--link--hover) !important;
7567
7289
  }
7568
- .pf-v6-u-primary-color-100-on-sm {
7569
- color: var(--pf-v6-global--primary-color--100) !important;
7290
+ .pf-v6-u-text-color-link-visited-on-sm {
7291
+ color: var(--pf-t--global--text--color--link--visited) !important;
7570
7292
  }
7571
- .pf-v6-u-color-light-100-on-sm {
7572
- color: var(--pf-v6-global--Color--light-100) !important;
7293
+ .pf-v6-u-text-color-placeholder-on-sm {
7294
+ color: var(--pf-t--global--text--color--placeholder) !important;
7573
7295
  }
7574
- .pf-v6-u-color-light-200-on-sm {
7575
- color: var(--pf-v6-global--Color--light-200) !important;
7296
+ .pf-v6-u-text-color-regular-on-sm {
7297
+ color: var(--pf-t--global--text--color--regular) !important;
7576
7298
  }
7577
- .pf-v6-u-link-color-on-sm {
7578
- color: var(--pf-v6-global--link--Color) !important;
7299
+ .pf-v6-u-text-color-required-on-sm {
7300
+ color: var(--pf-t--global--text--color--required) !important;
7579
7301
  }
7580
- .pf-v6-u-link-color-hover-on-sm {
7581
- color: var(--pf-v6-global--link--Color--hover) !important;
7302
+ .pf-v6-u-text-color-subtle-on-sm {
7303
+ color: var(--pf-t--global--text--color--subtle) !important;
7582
7304
  }
7583
- .pf-v6-u-link-color-light-on-sm {
7584
- color: var(--pf-v6-global--link--Color--light) !important;
7305
+ .pf-v6-u-text-color-inverse-on-sm {
7306
+ color: var(--pf-t--global--text--color--inverse) !important;
7585
7307
  }
7586
- .pf-v6-u-link-color-light-hover-on-sm {
7587
- color: var(--pf-v6-global--link--Color--light--hover) !important;
7308
+ .pf-v6-u-text-color-status-success-on-sm {
7309
+ color: var(--pf-t--global--color--status--success--default) !important;
7588
7310
  }
7589
- .pf-v6-u-link-color-dark-on-sm {
7590
- color: var(--pf-v6-global--link--Color--dark) !important;
7311
+ .pf-v6-u-text-color-status-warning-on-sm {
7312
+ color: var(--pf-t--global--text--color--status--warning--default) !important;
7591
7313
  }
7592
- .pf-v6-u-link-color-dark-hover-on-sm {
7593
- color: var(--pf-v6-global--link--Color--dark--hover) !important;
7314
+ .pf-v6-u-text-color-status-danger-on-sm {
7315
+ color: var(--pf-t--global--text--color--status--danger--default) !important;
7594
7316
  }
7595
- .pf-v6-u-link-color-visited-on-sm {
7596
- color: var(--pf-v6-global--link--Color--visited) !important;
7317
+ .pf-v6-u-text-color-status-default-on-sm {
7318
+ color: var(--pf-t--global--text--color--status--info--default) !important;
7597
7319
  }
7598
- .pf-v6-u-custom-color-100-on-sm {
7599
- color: var(--pf-v6-global--custom-color--100) !important;
7320
+ .pf-v6-u-text-color-status-custom-on-sm {
7321
+ color: var(--pf-t--global--text--color--status--custom--default) !important;
7600
7322
  }
7601
- .pf-v6-u-custom-color-200-on-sm {
7602
- color: var(--pf-v6-global--custom-color--200) !important;
7323
+ .pf-v6-u-icon-color-regular-on-sm {
7324
+ color: var(--pf-t--global--icon--color--regular) !important;
7603
7325
  }
7604
- .pf-v6-u-custom-color-300-on-sm {
7605
- color: var(--pf-v6-global--custom-color--300) !important;
7326
+ .pf-v6-u-icon-color-disabled-on-sm {
7327
+ color: var(--pf-t--global--icon--color--disabled) !important;
7606
7328
  }
7607
- .pf-v6-u-success-color-100-on-sm {
7608
- color: var(--pf-v6-global--success-color--100) !important;
7329
+ .pf-v6-u-icon-color-on-disabled-on-sm {
7330
+ color: var(--pf-t--global--icon--color--on-disabled) !important;
7609
7331
  }
7610
- .pf-v6-u-success-color-200-on-sm {
7611
- color: var(--pf-v6-global--success-color--200) !important;
7332
+ .pf-v6-u-icon-color-subtle-on-sm {
7333
+ color: var(--pf-t--global--icon--color--subtle) !important;
7612
7334
  }
7613
- .pf-v6-u-info-color-100-on-sm {
7614
- color: var(--pf-v6-global--info-color--100) !important;
7335
+ .pf-v6-u-icon-color-inverse-on-sm {
7336
+ color: var(--pf-t--global--icon--color--inverse) !important;
7615
7337
  }
7616
- .pf-v6-u-info-color-200-on-sm {
7617
- color: var(--pf-v6-global--info-color--200) !important;
7338
+ .pf-v6-u-icon-color-brand-on-sm {
7339
+ color: var(--pf-t--global--icon--color--brand--default) !important;
7618
7340
  }
7619
- .pf-v6-u-warning-color-100-on-sm {
7620
- color: var(--pf-v6-global--warning-color--100) !important;
7341
+ .pf-v6-u-icon-color-favorite-on-sm {
7342
+ color: var(--pf-t--global--icon--color--favorite--default) !important;
7621
7343
  }
7622
- .pf-v6-u-warning-color-200-on-sm {
7623
- color: var(--pf-v6-global--warning-color--200) !important;
7344
+ .pf-v6-u-icon-color-status-success-on-sm {
7345
+ color: var(--pf-t--global--icon--color--status--success--default) !important;
7624
7346
  }
7625
- .pf-v6-u-danger-color-100-on-sm {
7626
- color: var(--pf-v6-global--danger-color--100) !important;
7347
+ .pf-v6-u-icon-color-status-warning-on-sm {
7348
+ color: var(--pf-t--global--icon--color--status--warning--default) !important;
7627
7349
  }
7628
- .pf-v6-u-danger-color-200-on-sm {
7629
- color: var(--pf-v6-global--danger-color--200) !important;
7350
+ .pf-v6-u-icon-color-status-danger-on-sm {
7351
+ color: var(--pf-t--global--icon--color--status--danger--default) !important;
7630
7352
  }
7631
- .pf-v6-u-danger-color-300-on-sm {
7632
- color: var(--pf-v6-global--danger-color--300) !important;
7353
+ .pf-v6-u-icon-color-status-info-on-sm {
7354
+ color: var(--pf-t--global--icon--color--status--info--default) !important;
7633
7355
  }
7634
- .pf-v6-u-disabled-color-100-on-sm {
7635
- color: var(--pf-v6-global--disabled-color--100) !important;
7636
- }
7637
- .pf-v6-u-disabled-color-200-on-sm {
7638
- color: var(--pf-v6-global--disabled-color--200) !important;
7639
- }
7640
- .pf-v6-u-icon-color-light-on-sm {
7641
- color: var(--pf-v6-global--icon--Color--light) !important;
7642
- }
7643
- .pf-v6-u-icon-color-dark-on-sm {
7644
- color: var(--pf-v6-global--icon--Color--dark) !important;
7356
+ .pf-v6-u-icon-color-status-custom-on-sm {
7357
+ color: var(--pf-t--global--icon--color--status--custom--default) !important;
7645
7358
  }
7646
7359
  }
7647
7360
  @media screen and (min-width: 768px) {
7648
- .pf-v6-u-color-100-on-md {
7649
- color: var(--pf-v6-global--Color--100) !important;
7650
- }
7651
- .pf-v6-u-color-200-on-md {
7652
- color: var(--pf-v6-global--Color--200) !important;
7361
+ .pf-v6-u-text-color-brand-on-md {
7362
+ color: var(--pf-t--global--text--color--brand--default) !important;
7653
7363
  }
7654
- .pf-v6-u-color-300-on-md {
7655
- color: var(--pf-v6-global--Color--300) !important;
7364
+ .pf-v6-u-text-color-disabled-on-md {
7365
+ color: var(--pf-t--global--text--color--disabled) !important;
7656
7366
  }
7657
- .pf-v6-u-color-400-on-md {
7658
- color: var(--pf-v6-global--Color--400) !important;
7367
+ .pf-v6-u-text-color-on-disabled-on-md {
7368
+ color: var(--pf-t--global--text--color--on-disabled) !important;
7659
7369
  }
7660
- .pf-v6-u-active-color-100-on-md {
7661
- color: var(--pf-v6-global--active-color--100) !important;
7370
+ .pf-v6-u-text-color-link-on-md {
7371
+ color: var(--pf-t--global--text--color--link--default) !important;
7662
7372
  }
7663
- .pf-v6-u-active-color-400-on-md {
7664
- color: var(--pf-v6-global--active-color--400) !important;
7373
+ .pf-v6-u-text-color-link-hover-on-md {
7374
+ color: var(--pf-t--global--text--color--link--hover) !important;
7665
7375
  }
7666
- .pf-v6-u-primary-color-100-on-md {
7667
- color: var(--pf-v6-global--primary-color--100) !important;
7376
+ .pf-v6-u-text-color-link-visited-on-md {
7377
+ color: var(--pf-t--global--text--color--link--visited) !important;
7668
7378
  }
7669
- .pf-v6-u-color-light-100-on-md {
7670
- color: var(--pf-v6-global--Color--light-100) !important;
7379
+ .pf-v6-u-text-color-placeholder-on-md {
7380
+ color: var(--pf-t--global--text--color--placeholder) !important;
7671
7381
  }
7672
- .pf-v6-u-color-light-200-on-md {
7673
- color: var(--pf-v6-global--Color--light-200) !important;
7382
+ .pf-v6-u-text-color-regular-on-md {
7383
+ color: var(--pf-t--global--text--color--regular) !important;
7674
7384
  }
7675
- .pf-v6-u-link-color-on-md {
7676
- color: var(--pf-v6-global--link--Color) !important;
7385
+ .pf-v6-u-text-color-required-on-md {
7386
+ color: var(--pf-t--global--text--color--required) !important;
7677
7387
  }
7678
- .pf-v6-u-link-color-hover-on-md {
7679
- color: var(--pf-v6-global--link--Color--hover) !important;
7388
+ .pf-v6-u-text-color-subtle-on-md {
7389
+ color: var(--pf-t--global--text--color--subtle) !important;
7680
7390
  }
7681
- .pf-v6-u-link-color-light-on-md {
7682
- color: var(--pf-v6-global--link--Color--light) !important;
7391
+ .pf-v6-u-text-color-inverse-on-md {
7392
+ color: var(--pf-t--global--text--color--inverse) !important;
7683
7393
  }
7684
- .pf-v6-u-link-color-light-hover-on-md {
7685
- color: var(--pf-v6-global--link--Color--light--hover) !important;
7394
+ .pf-v6-u-text-color-status-success-on-md {
7395
+ color: var(--pf-t--global--color--status--success--default) !important;
7686
7396
  }
7687
- .pf-v6-u-link-color-dark-on-md {
7688
- color: var(--pf-v6-global--link--Color--dark) !important;
7397
+ .pf-v6-u-text-color-status-warning-on-md {
7398
+ color: var(--pf-t--global--text--color--status--warning--default) !important;
7689
7399
  }
7690
- .pf-v6-u-link-color-dark-hover-on-md {
7691
- color: var(--pf-v6-global--link--Color--dark--hover) !important;
7400
+ .pf-v6-u-text-color-status-danger-on-md {
7401
+ color: var(--pf-t--global--text--color--status--danger--default) !important;
7692
7402
  }
7693
- .pf-v6-u-link-color-visited-on-md {
7694
- color: var(--pf-v6-global--link--Color--visited) !important;
7403
+ .pf-v6-u-text-color-status-default-on-md {
7404
+ color: var(--pf-t--global--text--color--status--info--default) !important;
7695
7405
  }
7696
- .pf-v6-u-custom-color-100-on-md {
7697
- color: var(--pf-v6-global--custom-color--100) !important;
7406
+ .pf-v6-u-text-color-status-custom-on-md {
7407
+ color: var(--pf-t--global--text--color--status--custom--default) !important;
7698
7408
  }
7699
- .pf-v6-u-custom-color-200-on-md {
7700
- color: var(--pf-v6-global--custom-color--200) !important;
7409
+ .pf-v6-u-icon-color-regular-on-md {
7410
+ color: var(--pf-t--global--icon--color--regular) !important;
7701
7411
  }
7702
- .pf-v6-u-custom-color-300-on-md {
7703
- color: var(--pf-v6-global--custom-color--300) !important;
7412
+ .pf-v6-u-icon-color-disabled-on-md {
7413
+ color: var(--pf-t--global--icon--color--disabled) !important;
7704
7414
  }
7705
- .pf-v6-u-success-color-100-on-md {
7706
- color: var(--pf-v6-global--success-color--100) !important;
7415
+ .pf-v6-u-icon-color-on-disabled-on-md {
7416
+ color: var(--pf-t--global--icon--color--on-disabled) !important;
7707
7417
  }
7708
- .pf-v6-u-success-color-200-on-md {
7709
- color: var(--pf-v6-global--success-color--200) !important;
7418
+ .pf-v6-u-icon-color-subtle-on-md {
7419
+ color: var(--pf-t--global--icon--color--subtle) !important;
7710
7420
  }
7711
- .pf-v6-u-info-color-100-on-md {
7712
- color: var(--pf-v6-global--info-color--100) !important;
7421
+ .pf-v6-u-icon-color-inverse-on-md {
7422
+ color: var(--pf-t--global--icon--color--inverse) !important;
7713
7423
  }
7714
- .pf-v6-u-info-color-200-on-md {
7715
- color: var(--pf-v6-global--info-color--200) !important;
7424
+ .pf-v6-u-icon-color-brand-on-md {
7425
+ color: var(--pf-t--global--icon--color--brand--default) !important;
7716
7426
  }
7717
- .pf-v6-u-warning-color-100-on-md {
7718
- color: var(--pf-v6-global--warning-color--100) !important;
7427
+ .pf-v6-u-icon-color-favorite-on-md {
7428
+ color: var(--pf-t--global--icon--color--favorite--default) !important;
7719
7429
  }
7720
- .pf-v6-u-warning-color-200-on-md {
7721
- color: var(--pf-v6-global--warning-color--200) !important;
7430
+ .pf-v6-u-icon-color-status-success-on-md {
7431
+ color: var(--pf-t--global--icon--color--status--success--default) !important;
7722
7432
  }
7723
- .pf-v6-u-danger-color-100-on-md {
7724
- color: var(--pf-v6-global--danger-color--100) !important;
7433
+ .pf-v6-u-icon-color-status-warning-on-md {
7434
+ color: var(--pf-t--global--icon--color--status--warning--default) !important;
7725
7435
  }
7726
- .pf-v6-u-danger-color-200-on-md {
7727
- color: var(--pf-v6-global--danger-color--200) !important;
7436
+ .pf-v6-u-icon-color-status-danger-on-md {
7437
+ color: var(--pf-t--global--icon--color--status--danger--default) !important;
7728
7438
  }
7729
- .pf-v6-u-danger-color-300-on-md {
7730
- color: var(--pf-v6-global--danger-color--300) !important;
7439
+ .pf-v6-u-icon-color-status-info-on-md {
7440
+ color: var(--pf-t--global--icon--color--status--info--default) !important;
7731
7441
  }
7732
- .pf-v6-u-disabled-color-100-on-md {
7733
- color: var(--pf-v6-global--disabled-color--100) !important;
7734
- }
7735
- .pf-v6-u-disabled-color-200-on-md {
7736
- color: var(--pf-v6-global--disabled-color--200) !important;
7737
- }
7738
- .pf-v6-u-icon-color-light-on-md {
7739
- color: var(--pf-v6-global--icon--Color--light) !important;
7740
- }
7741
- .pf-v6-u-icon-color-dark-on-md {
7742
- color: var(--pf-v6-global--icon--Color--dark) !important;
7442
+ .pf-v6-u-icon-color-status-custom-on-md {
7443
+ color: var(--pf-t--global--icon--color--status--custom--default) !important;
7743
7444
  }
7744
7445
  }
7745
7446
  @media screen and (min-width: 992px) {
7746
- .pf-v6-u-color-100-on-lg {
7747
- color: var(--pf-v6-global--Color--100) !important;
7748
- }
7749
- .pf-v6-u-color-200-on-lg {
7750
- color: var(--pf-v6-global--Color--200) !important;
7447
+ .pf-v6-u-text-color-brand-on-lg {
7448
+ color: var(--pf-t--global--text--color--brand--default) !important;
7751
7449
  }
7752
- .pf-v6-u-color-300-on-lg {
7753
- color: var(--pf-v6-global--Color--300) !important;
7450
+ .pf-v6-u-text-color-disabled-on-lg {
7451
+ color: var(--pf-t--global--text--color--disabled) !important;
7754
7452
  }
7755
- .pf-v6-u-color-400-on-lg {
7756
- color: var(--pf-v6-global--Color--400) !important;
7453
+ .pf-v6-u-text-color-on-disabled-on-lg {
7454
+ color: var(--pf-t--global--text--color--on-disabled) !important;
7757
7455
  }
7758
- .pf-v6-u-active-color-100-on-lg {
7759
- color: var(--pf-v6-global--active-color--100) !important;
7456
+ .pf-v6-u-text-color-link-on-lg {
7457
+ color: var(--pf-t--global--text--color--link--default) !important;
7760
7458
  }
7761
- .pf-v6-u-active-color-400-on-lg {
7762
- color: var(--pf-v6-global--active-color--400) !important;
7459
+ .pf-v6-u-text-color-link-hover-on-lg {
7460
+ color: var(--pf-t--global--text--color--link--hover) !important;
7763
7461
  }
7764
- .pf-v6-u-primary-color-100-on-lg {
7765
- color: var(--pf-v6-global--primary-color--100) !important;
7462
+ .pf-v6-u-text-color-link-visited-on-lg {
7463
+ color: var(--pf-t--global--text--color--link--visited) !important;
7766
7464
  }
7767
- .pf-v6-u-color-light-100-on-lg {
7768
- color: var(--pf-v6-global--Color--light-100) !important;
7465
+ .pf-v6-u-text-color-placeholder-on-lg {
7466
+ color: var(--pf-t--global--text--color--placeholder) !important;
7769
7467
  }
7770
- .pf-v6-u-color-light-200-on-lg {
7771
- color: var(--pf-v6-global--Color--light-200) !important;
7468
+ .pf-v6-u-text-color-regular-on-lg {
7469
+ color: var(--pf-t--global--text--color--regular) !important;
7772
7470
  }
7773
- .pf-v6-u-link-color-on-lg {
7774
- color: var(--pf-v6-global--link--Color) !important;
7471
+ .pf-v6-u-text-color-required-on-lg {
7472
+ color: var(--pf-t--global--text--color--required) !important;
7775
7473
  }
7776
- .pf-v6-u-link-color-hover-on-lg {
7777
- color: var(--pf-v6-global--link--Color--hover) !important;
7474
+ .pf-v6-u-text-color-subtle-on-lg {
7475
+ color: var(--pf-t--global--text--color--subtle) !important;
7778
7476
  }
7779
- .pf-v6-u-link-color-light-on-lg {
7780
- color: var(--pf-v6-global--link--Color--light) !important;
7477
+ .pf-v6-u-text-color-inverse-on-lg {
7478
+ color: var(--pf-t--global--text--color--inverse) !important;
7781
7479
  }
7782
- .pf-v6-u-link-color-light-hover-on-lg {
7783
- color: var(--pf-v6-global--link--Color--light--hover) !important;
7480
+ .pf-v6-u-text-color-status-success-on-lg {
7481
+ color: var(--pf-t--global--color--status--success--default) !important;
7784
7482
  }
7785
- .pf-v6-u-link-color-dark-on-lg {
7786
- color: var(--pf-v6-global--link--Color--dark) !important;
7483
+ .pf-v6-u-text-color-status-warning-on-lg {
7484
+ color: var(--pf-t--global--text--color--status--warning--default) !important;
7787
7485
  }
7788
- .pf-v6-u-link-color-dark-hover-on-lg {
7789
- color: var(--pf-v6-global--link--Color--dark--hover) !important;
7486
+ .pf-v6-u-text-color-status-danger-on-lg {
7487
+ color: var(--pf-t--global--text--color--status--danger--default) !important;
7790
7488
  }
7791
- .pf-v6-u-link-color-visited-on-lg {
7792
- color: var(--pf-v6-global--link--Color--visited) !important;
7489
+ .pf-v6-u-text-color-status-default-on-lg {
7490
+ color: var(--pf-t--global--text--color--status--info--default) !important;
7793
7491
  }
7794
- .pf-v6-u-custom-color-100-on-lg {
7795
- color: var(--pf-v6-global--custom-color--100) !important;
7492
+ .pf-v6-u-text-color-status-custom-on-lg {
7493
+ color: var(--pf-t--global--text--color--status--custom--default) !important;
7796
7494
  }
7797
- .pf-v6-u-custom-color-200-on-lg {
7798
- color: var(--pf-v6-global--custom-color--200) !important;
7495
+ .pf-v6-u-icon-color-regular-on-lg {
7496
+ color: var(--pf-t--global--icon--color--regular) !important;
7799
7497
  }
7800
- .pf-v6-u-custom-color-300-on-lg {
7801
- color: var(--pf-v6-global--custom-color--300) !important;
7498
+ .pf-v6-u-icon-color-disabled-on-lg {
7499
+ color: var(--pf-t--global--icon--color--disabled) !important;
7802
7500
  }
7803
- .pf-v6-u-success-color-100-on-lg {
7804
- color: var(--pf-v6-global--success-color--100) !important;
7501
+ .pf-v6-u-icon-color-on-disabled-on-lg {
7502
+ color: var(--pf-t--global--icon--color--on-disabled) !important;
7805
7503
  }
7806
- .pf-v6-u-success-color-200-on-lg {
7807
- color: var(--pf-v6-global--success-color--200) !important;
7504
+ .pf-v6-u-icon-color-subtle-on-lg {
7505
+ color: var(--pf-t--global--icon--color--subtle) !important;
7808
7506
  }
7809
- .pf-v6-u-info-color-100-on-lg {
7810
- color: var(--pf-v6-global--info-color--100) !important;
7507
+ .pf-v6-u-icon-color-inverse-on-lg {
7508
+ color: var(--pf-t--global--icon--color--inverse) !important;
7811
7509
  }
7812
- .pf-v6-u-info-color-200-on-lg {
7813
- color: var(--pf-v6-global--info-color--200) !important;
7510
+ .pf-v6-u-icon-color-brand-on-lg {
7511
+ color: var(--pf-t--global--icon--color--brand--default) !important;
7814
7512
  }
7815
- .pf-v6-u-warning-color-100-on-lg {
7816
- color: var(--pf-v6-global--warning-color--100) !important;
7513
+ .pf-v6-u-icon-color-favorite-on-lg {
7514
+ color: var(--pf-t--global--icon--color--favorite--default) !important;
7817
7515
  }
7818
- .pf-v6-u-warning-color-200-on-lg {
7819
- color: var(--pf-v6-global--warning-color--200) !important;
7516
+ .pf-v6-u-icon-color-status-success-on-lg {
7517
+ color: var(--pf-t--global--icon--color--status--success--default) !important;
7820
7518
  }
7821
- .pf-v6-u-danger-color-100-on-lg {
7822
- color: var(--pf-v6-global--danger-color--100) !important;
7519
+ .pf-v6-u-icon-color-status-warning-on-lg {
7520
+ color: var(--pf-t--global--icon--color--status--warning--default) !important;
7823
7521
  }
7824
- .pf-v6-u-danger-color-200-on-lg {
7825
- color: var(--pf-v6-global--danger-color--200) !important;
7522
+ .pf-v6-u-icon-color-status-danger-on-lg {
7523
+ color: var(--pf-t--global--icon--color--status--danger--default) !important;
7826
7524
  }
7827
- .pf-v6-u-danger-color-300-on-lg {
7828
- color: var(--pf-v6-global--danger-color--300) !important;
7525
+ .pf-v6-u-icon-color-status-info-on-lg {
7526
+ color: var(--pf-t--global--icon--color--status--info--default) !important;
7829
7527
  }
7830
- .pf-v6-u-disabled-color-100-on-lg {
7831
- color: var(--pf-v6-global--disabled-color--100) !important;
7832
- }
7833
- .pf-v6-u-disabled-color-200-on-lg {
7834
- color: var(--pf-v6-global--disabled-color--200) !important;
7835
- }
7836
- .pf-v6-u-icon-color-light-on-lg {
7837
- color: var(--pf-v6-global--icon--Color--light) !important;
7838
- }
7839
- .pf-v6-u-icon-color-dark-on-lg {
7840
- color: var(--pf-v6-global--icon--Color--dark) !important;
7528
+ .pf-v6-u-icon-color-status-custom-on-lg {
7529
+ color: var(--pf-t--global--icon--color--status--custom--default) !important;
7841
7530
  }
7842
7531
  }
7843
7532
  @media screen and (min-width: 1200px) {
7844
- .pf-v6-u-color-100-on-xl {
7845
- color: var(--pf-v6-global--Color--100) !important;
7846
- }
7847
- .pf-v6-u-color-200-on-xl {
7848
- color: var(--pf-v6-global--Color--200) !important;
7533
+ .pf-v6-u-text-color-brand-on-xl {
7534
+ color: var(--pf-t--global--text--color--brand--default) !important;
7849
7535
  }
7850
- .pf-v6-u-color-300-on-xl {
7851
- color: var(--pf-v6-global--Color--300) !important;
7536
+ .pf-v6-u-text-color-disabled-on-xl {
7537
+ color: var(--pf-t--global--text--color--disabled) !important;
7852
7538
  }
7853
- .pf-v6-u-color-400-on-xl {
7854
- color: var(--pf-v6-global--Color--400) !important;
7539
+ .pf-v6-u-text-color-on-disabled-on-xl {
7540
+ color: var(--pf-t--global--text--color--on-disabled) !important;
7855
7541
  }
7856
- .pf-v6-u-active-color-100-on-xl {
7857
- color: var(--pf-v6-global--active-color--100) !important;
7542
+ .pf-v6-u-text-color-link-on-xl {
7543
+ color: var(--pf-t--global--text--color--link--default) !important;
7858
7544
  }
7859
- .pf-v6-u-active-color-400-on-xl {
7860
- color: var(--pf-v6-global--active-color--400) !important;
7545
+ .pf-v6-u-text-color-link-hover-on-xl {
7546
+ color: var(--pf-t--global--text--color--link--hover) !important;
7861
7547
  }
7862
- .pf-v6-u-primary-color-100-on-xl {
7863
- color: var(--pf-v6-global--primary-color--100) !important;
7548
+ .pf-v6-u-text-color-link-visited-on-xl {
7549
+ color: var(--pf-t--global--text--color--link--visited) !important;
7864
7550
  }
7865
- .pf-v6-u-color-light-100-on-xl {
7866
- color: var(--pf-v6-global--Color--light-100) !important;
7551
+ .pf-v6-u-text-color-placeholder-on-xl {
7552
+ color: var(--pf-t--global--text--color--placeholder) !important;
7867
7553
  }
7868
- .pf-v6-u-color-light-200-on-xl {
7869
- color: var(--pf-v6-global--Color--light-200) !important;
7554
+ .pf-v6-u-text-color-regular-on-xl {
7555
+ color: var(--pf-t--global--text--color--regular) !important;
7870
7556
  }
7871
- .pf-v6-u-link-color-on-xl {
7872
- color: var(--pf-v6-global--link--Color) !important;
7557
+ .pf-v6-u-text-color-required-on-xl {
7558
+ color: var(--pf-t--global--text--color--required) !important;
7873
7559
  }
7874
- .pf-v6-u-link-color-hover-on-xl {
7875
- color: var(--pf-v6-global--link--Color--hover) !important;
7560
+ .pf-v6-u-text-color-subtle-on-xl {
7561
+ color: var(--pf-t--global--text--color--subtle) !important;
7876
7562
  }
7877
- .pf-v6-u-link-color-light-on-xl {
7878
- color: var(--pf-v6-global--link--Color--light) !important;
7563
+ .pf-v6-u-text-color-inverse-on-xl {
7564
+ color: var(--pf-t--global--text--color--inverse) !important;
7879
7565
  }
7880
- .pf-v6-u-link-color-light-hover-on-xl {
7881
- color: var(--pf-v6-global--link--Color--light--hover) !important;
7566
+ .pf-v6-u-text-color-status-success-on-xl {
7567
+ color: var(--pf-t--global--color--status--success--default) !important;
7882
7568
  }
7883
- .pf-v6-u-link-color-dark-on-xl {
7884
- color: var(--pf-v6-global--link--Color--dark) !important;
7569
+ .pf-v6-u-text-color-status-warning-on-xl {
7570
+ color: var(--pf-t--global--text--color--status--warning--default) !important;
7885
7571
  }
7886
- .pf-v6-u-link-color-dark-hover-on-xl {
7887
- color: var(--pf-v6-global--link--Color--dark--hover) !important;
7572
+ .pf-v6-u-text-color-status-danger-on-xl {
7573
+ color: var(--pf-t--global--text--color--status--danger--default) !important;
7888
7574
  }
7889
- .pf-v6-u-link-color-visited-on-xl {
7890
- color: var(--pf-v6-global--link--Color--visited) !important;
7575
+ .pf-v6-u-text-color-status-default-on-xl {
7576
+ color: var(--pf-t--global--text--color--status--info--default) !important;
7891
7577
  }
7892
- .pf-v6-u-custom-color-100-on-xl {
7893
- color: var(--pf-v6-global--custom-color--100) !important;
7578
+ .pf-v6-u-text-color-status-custom-on-xl {
7579
+ color: var(--pf-t--global--text--color--status--custom--default) !important;
7894
7580
  }
7895
- .pf-v6-u-custom-color-200-on-xl {
7896
- color: var(--pf-v6-global--custom-color--200) !important;
7581
+ .pf-v6-u-icon-color-regular-on-xl {
7582
+ color: var(--pf-t--global--icon--color--regular) !important;
7897
7583
  }
7898
- .pf-v6-u-custom-color-300-on-xl {
7899
- color: var(--pf-v6-global--custom-color--300) !important;
7584
+ .pf-v6-u-icon-color-disabled-on-xl {
7585
+ color: var(--pf-t--global--icon--color--disabled) !important;
7900
7586
  }
7901
- .pf-v6-u-success-color-100-on-xl {
7902
- color: var(--pf-v6-global--success-color--100) !important;
7587
+ .pf-v6-u-icon-color-on-disabled-on-xl {
7588
+ color: var(--pf-t--global--icon--color--on-disabled) !important;
7903
7589
  }
7904
- .pf-v6-u-success-color-200-on-xl {
7905
- color: var(--pf-v6-global--success-color--200) !important;
7590
+ .pf-v6-u-icon-color-subtle-on-xl {
7591
+ color: var(--pf-t--global--icon--color--subtle) !important;
7906
7592
  }
7907
- .pf-v6-u-info-color-100-on-xl {
7908
- color: var(--pf-v6-global--info-color--100) !important;
7593
+ .pf-v6-u-icon-color-inverse-on-xl {
7594
+ color: var(--pf-t--global--icon--color--inverse) !important;
7909
7595
  }
7910
- .pf-v6-u-info-color-200-on-xl {
7911
- color: var(--pf-v6-global--info-color--200) !important;
7596
+ .pf-v6-u-icon-color-brand-on-xl {
7597
+ color: var(--pf-t--global--icon--color--brand--default) !important;
7912
7598
  }
7913
- .pf-v6-u-warning-color-100-on-xl {
7914
- color: var(--pf-v6-global--warning-color--100) !important;
7599
+ .pf-v6-u-icon-color-favorite-on-xl {
7600
+ color: var(--pf-t--global--icon--color--favorite--default) !important;
7915
7601
  }
7916
- .pf-v6-u-warning-color-200-on-xl {
7917
- color: var(--pf-v6-global--warning-color--200) !important;
7602
+ .pf-v6-u-icon-color-status-success-on-xl {
7603
+ color: var(--pf-t--global--icon--color--status--success--default) !important;
7918
7604
  }
7919
- .pf-v6-u-danger-color-100-on-xl {
7920
- color: var(--pf-v6-global--danger-color--100) !important;
7605
+ .pf-v6-u-icon-color-status-warning-on-xl {
7606
+ color: var(--pf-t--global--icon--color--status--warning--default) !important;
7921
7607
  }
7922
- .pf-v6-u-danger-color-200-on-xl {
7923
- color: var(--pf-v6-global--danger-color--200) !important;
7608
+ .pf-v6-u-icon-color-status-danger-on-xl {
7609
+ color: var(--pf-t--global--icon--color--status--danger--default) !important;
7924
7610
  }
7925
- .pf-v6-u-danger-color-300-on-xl {
7926
- color: var(--pf-v6-global--danger-color--300) !important;
7611
+ .pf-v6-u-icon-color-status-info-on-xl {
7612
+ color: var(--pf-t--global--icon--color--status--info--default) !important;
7927
7613
  }
7928
- .pf-v6-u-disabled-color-100-on-xl {
7929
- color: var(--pf-v6-global--disabled-color--100) !important;
7930
- }
7931
- .pf-v6-u-disabled-color-200-on-xl {
7932
- color: var(--pf-v6-global--disabled-color--200) !important;
7933
- }
7934
- .pf-v6-u-icon-color-light-on-xl {
7935
- color: var(--pf-v6-global--icon--Color--light) !important;
7936
- }
7937
- .pf-v6-u-icon-color-dark-on-xl {
7938
- color: var(--pf-v6-global--icon--Color--dark) !important;
7614
+ .pf-v6-u-icon-color-status-custom-on-xl {
7615
+ color: var(--pf-t--global--icon--color--status--custom--default) !important;
7939
7616
  }
7940
7617
  }
7941
7618
  @media screen and (min-width: 1450px) {
7942
- .pf-v6-u-color-100-on-2xl {
7943
- color: var(--pf-v6-global--Color--100) !important;
7944
- }
7945
- .pf-v6-u-color-200-on-2xl {
7946
- color: var(--pf-v6-global--Color--200) !important;
7947
- }
7948
- .pf-v6-u-color-300-on-2xl {
7949
- color: var(--pf-v6-global--Color--300) !important;
7950
- }
7951
- .pf-v6-u-color-400-on-2xl {
7952
- color: var(--pf-v6-global--Color--400) !important;
7953
- }
7954
- .pf-v6-u-active-color-100-on-2xl {
7955
- color: var(--pf-v6-global--active-color--100) !important;
7619
+ .pf-v6-u-text-color-brand-on-2xl {
7620
+ color: var(--pf-t--global--text--color--brand--default) !important;
7956
7621
  }
7957
- .pf-v6-u-active-color-400-on-2xl {
7958
- color: var(--pf-v6-global--active-color--400) !important;
7622
+ .pf-v6-u-text-color-disabled-on-2xl {
7623
+ color: var(--pf-t--global--text--color--disabled) !important;
7959
7624
  }
7960
- .pf-v6-u-primary-color-100-on-2xl {
7961
- color: var(--pf-v6-global--primary-color--100) !important;
7625
+ .pf-v6-u-text-color-on-disabled-on-2xl {
7626
+ color: var(--pf-t--global--text--color--on-disabled) !important;
7962
7627
  }
7963
- .pf-v6-u-color-light-100-on-2xl {
7964
- color: var(--pf-v6-global--Color--light-100) !important;
7628
+ .pf-v6-u-text-color-link-on-2xl {
7629
+ color: var(--pf-t--global--text--color--link--default) !important;
7965
7630
  }
7966
- .pf-v6-u-color-light-200-on-2xl {
7967
- color: var(--pf-v6-global--Color--light-200) !important;
7631
+ .pf-v6-u-text-color-link-hover-on-2xl {
7632
+ color: var(--pf-t--global--text--color--link--hover) !important;
7968
7633
  }
7969
- .pf-v6-u-link-color-on-2xl {
7970
- color: var(--pf-v6-global--link--Color) !important;
7634
+ .pf-v6-u-text-color-link-visited-on-2xl {
7635
+ color: var(--pf-t--global--text--color--link--visited) !important;
7971
7636
  }
7972
- .pf-v6-u-link-color-hover-on-2xl {
7973
- color: var(--pf-v6-global--link--Color--hover) !important;
7637
+ .pf-v6-u-text-color-placeholder-on-2xl {
7638
+ color: var(--pf-t--global--text--color--placeholder) !important;
7974
7639
  }
7975
- .pf-v6-u-link-color-light-on-2xl {
7976
- color: var(--pf-v6-global--link--Color--light) !important;
7640
+ .pf-v6-u-text-color-regular-on-2xl {
7641
+ color: var(--pf-t--global--text--color--regular) !important;
7977
7642
  }
7978
- .pf-v6-u-link-color-light-hover-on-2xl {
7979
- color: var(--pf-v6-global--link--Color--light--hover) !important;
7643
+ .pf-v6-u-text-color-required-on-2xl {
7644
+ color: var(--pf-t--global--text--color--required) !important;
7980
7645
  }
7981
- .pf-v6-u-link-color-dark-on-2xl {
7982
- color: var(--pf-v6-global--link--Color--dark) !important;
7646
+ .pf-v6-u-text-color-subtle-on-2xl {
7647
+ color: var(--pf-t--global--text--color--subtle) !important;
7983
7648
  }
7984
- .pf-v6-u-link-color-dark-hover-on-2xl {
7985
- color: var(--pf-v6-global--link--Color--dark--hover) !important;
7649
+ .pf-v6-u-text-color-inverse-on-2xl {
7650
+ color: var(--pf-t--global--text--color--inverse) !important;
7986
7651
  }
7987
- .pf-v6-u-link-color-visited-on-2xl {
7988
- color: var(--pf-v6-global--link--Color--visited) !important;
7652
+ .pf-v6-u-text-color-status-success-on-2xl {
7653
+ color: var(--pf-t--global--color--status--success--default) !important;
7989
7654
  }
7990
- .pf-v6-u-custom-color-100-on-2xl {
7991
- color: var(--pf-v6-global--custom-color--100) !important;
7655
+ .pf-v6-u-text-color-status-warning-on-2xl {
7656
+ color: var(--pf-t--global--text--color--status--warning--default) !important;
7992
7657
  }
7993
- .pf-v6-u-custom-color-200-on-2xl {
7994
- color: var(--pf-v6-global--custom-color--200) !important;
7658
+ .pf-v6-u-text-color-status-danger-on-2xl {
7659
+ color: var(--pf-t--global--text--color--status--danger--default) !important;
7995
7660
  }
7996
- .pf-v6-u-custom-color-300-on-2xl {
7997
- color: var(--pf-v6-global--custom-color--300) !important;
7661
+ .pf-v6-u-text-color-status-default-on-2xl {
7662
+ color: var(--pf-t--global--text--color--status--info--default) !important;
7998
7663
  }
7999
- .pf-v6-u-success-color-100-on-2xl {
8000
- color: var(--pf-v6-global--success-color--100) !important;
7664
+ .pf-v6-u-text-color-status-custom-on-2xl {
7665
+ color: var(--pf-t--global--text--color--status--custom--default) !important;
8001
7666
  }
8002
- .pf-v6-u-success-color-200-on-2xl {
8003
- color: var(--pf-v6-global--success-color--200) !important;
7667
+ .pf-v6-u-icon-color-regular-on-2xl {
7668
+ color: var(--pf-t--global--icon--color--regular) !important;
8004
7669
  }
8005
- .pf-v6-u-info-color-100-on-2xl {
8006
- color: var(--pf-v6-global--info-color--100) !important;
7670
+ .pf-v6-u-icon-color-disabled-on-2xl {
7671
+ color: var(--pf-t--global--icon--color--disabled) !important;
8007
7672
  }
8008
- .pf-v6-u-info-color-200-on-2xl {
8009
- color: var(--pf-v6-global--info-color--200) !important;
7673
+ .pf-v6-u-icon-color-on-disabled-on-2xl {
7674
+ color: var(--pf-t--global--icon--color--on-disabled) !important;
8010
7675
  }
8011
- .pf-v6-u-warning-color-100-on-2xl {
8012
- color: var(--pf-v6-global--warning-color--100) !important;
7676
+ .pf-v6-u-icon-color-subtle-on-2xl {
7677
+ color: var(--pf-t--global--icon--color--subtle) !important;
8013
7678
  }
8014
- .pf-v6-u-warning-color-200-on-2xl {
8015
- color: var(--pf-v6-global--warning-color--200) !important;
7679
+ .pf-v6-u-icon-color-inverse-on-2xl {
7680
+ color: var(--pf-t--global--icon--color--inverse) !important;
8016
7681
  }
8017
- .pf-v6-u-danger-color-100-on-2xl {
8018
- color: var(--pf-v6-global--danger-color--100) !important;
7682
+ .pf-v6-u-icon-color-brand-on-2xl {
7683
+ color: var(--pf-t--global--icon--color--brand--default) !important;
8019
7684
  }
8020
- .pf-v6-u-danger-color-200-on-2xl {
8021
- color: var(--pf-v6-global--danger-color--200) !important;
7685
+ .pf-v6-u-icon-color-favorite-on-2xl {
7686
+ color: var(--pf-t--global--icon--color--favorite--default) !important;
8022
7687
  }
8023
- .pf-v6-u-danger-color-300-on-2xl {
8024
- color: var(--pf-v6-global--danger-color--300) !important;
7688
+ .pf-v6-u-icon-color-status-success-on-2xl {
7689
+ color: var(--pf-t--global--icon--color--status--success--default) !important;
8025
7690
  }
8026
- .pf-v6-u-disabled-color-100-on-2xl {
8027
- color: var(--pf-v6-global--disabled-color--100) !important;
7691
+ .pf-v6-u-icon-color-status-warning-on-2xl {
7692
+ color: var(--pf-t--global--icon--color--status--warning--default) !important;
8028
7693
  }
8029
- .pf-v6-u-disabled-color-200-on-2xl {
8030
- color: var(--pf-v6-global--disabled-color--200) !important;
7694
+ .pf-v6-u-icon-color-status-danger-on-2xl {
7695
+ color: var(--pf-t--global--icon--color--status--danger--default) !important;
8031
7696
  }
8032
- .pf-v6-u-icon-color-light-on-2xl {
8033
- color: var(--pf-v6-global--icon--Color--light) !important;
7697
+ .pf-v6-u-icon-color-status-info-on-2xl {
7698
+ color: var(--pf-t--global--icon--color--status--info--default) !important;
8034
7699
  }
8035
- .pf-v6-u-icon-color-dark-on-2xl {
8036
- color: var(--pf-v6-global--icon--Color--dark) !important;
7700
+ .pf-v6-u-icon-color-status-custom-on-2xl {
7701
+ color: var(--pf-t--global--icon--color--status--custom--default) !important;
8037
7702
  }
8038
7703
  }
8039
7704
  .pf-v6-u-text-break-word {