@patternfly/patternfly 5.2.0-prerelease.3 → 6.0.0-alpha.10

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 (97) hide show
  1. package/CODE_OF_CONDUCT.md +2 -1
  2. package/assets/images/logo__pf--reverse-on-md.svg +1 -1
  3. package/assets/images/pf-c-brand__logo-on-sm.svg +1 -1
  4. package/base/_globals.scss +13 -13
  5. package/base/_variables.scss +5 -0
  6. package/base/patternfly-globals.css +12 -13
  7. package/base/patternfly-variables.css +860 -0
  8. package/base/tokens/_tokens-dark.scss +331 -0
  9. package/base/tokens/_tokens-default.scss +379 -0
  10. package/base/tokens/_tokens-font.scss +96 -0
  11. package/base/tokens/_tokens-palette.scss +75 -0
  12. package/components/Alert/alert-group.css +20 -16
  13. package/components/Alert/alert-group.scss +20 -16
  14. package/components/Alert/alert.css +57 -84
  15. package/components/Alert/alert.scss +60 -78
  16. package/components/Button/button.css +142 -179
  17. package/components/Button/button.scss +161 -141
  18. package/components/Check/check.css +8 -10
  19. package/components/Check/check.scss +10 -15
  20. package/components/Content/content.css +67 -67
  21. package/components/Content/content.scss +68 -68
  22. package/components/Dropdown/dropdown.css +3 -1
  23. package/components/Dropdown/dropdown.scss +6 -2
  24. package/components/Masthead/masthead.css +49 -103
  25. package/components/Masthead/masthead.scss +105 -132
  26. package/components/Menu/menu.css +0 -3
  27. package/components/Menu/menu.scss +3 -7
  28. package/components/MenuToggle/menu-toggle.css +59 -80
  29. package/components/MenuToggle/menu-toggle.scss +65 -89
  30. package/components/Nav/nav.css +42 -40
  31. package/components/Nav/nav.scss +42 -42
  32. package/components/NotificationBadge/notification-badge.css +56 -81
  33. package/components/NotificationBadge/notification-badge.scss +60 -97
  34. package/components/Page/page.css +80 -70
  35. package/components/Page/page.scss +80 -68
  36. package/components/Radio/radio.css +10 -13
  37. package/components/Radio/radio.scss +11 -17
  38. package/components/Switch/switch.css +1 -1
  39. package/components/Switch/switch.scss +1 -1
  40. package/components/Table/table-grid.css +8 -8
  41. package/components/Table/table-grid.scss +8 -8
  42. package/components/Table/table.css +92 -95
  43. package/components/Table/table.scss +94 -103
  44. package/components/Toolbar/toolbar.css +5 -11
  45. package/components/Toolbar/toolbar.scss +7 -19
  46. package/docs/components/Alert/examples/Alert.md +1 -1
  47. package/docs/components/Brand/examples/Brand.md +32 -75
  48. package/docs/components/Card/examples/Card.md +2 -110
  49. package/docs/components/Masthead/examples/masthead.md +7 -54
  50. package/docs/components/MenuToggle/examples/MenuToggle.md +42 -42
  51. package/docs/components/Nav/examples/Navigation.css +2 -1
  52. package/docs/components/NotificationBadge/examples/NotificationBadge.md +5 -7
  53. package/docs/components/Toolbar/examples/Toolbar.md +9 -11
  54. package/docs/demos/AboutModal/examples/AboutModal.md +83 -8
  55. package/docs/demos/Alert/examples/Alert.md +249 -24
  56. package/docs/demos/BackToTop/examples/BackToTop.md +83 -8
  57. package/docs/demos/Banner/examples/Banner.md +168 -16
  58. package/docs/demos/CardView/examples/CardView.md +83 -8
  59. package/docs/demos/ContextSelector/examples/ContextSelector.md +332 -32
  60. package/docs/demos/Dashboard/examples/Dashboard.md +83 -8
  61. package/docs/demos/DataList/examples/DataList.md +332 -32
  62. package/docs/demos/DescriptionList/examples/DescriptionList.md +249 -24
  63. package/docs/demos/Drawer/examples/Drawer.md +415 -40
  64. package/docs/demos/JumpLinks/examples/JumpLinks.md +498 -48
  65. package/docs/demos/Masthead/examples/Masthead.md +742 -67
  66. package/docs/demos/Modal/examples/Modal.md +498 -48
  67. package/docs/demos/Nav/examples/Nav.md +664 -64
  68. package/docs/demos/NotificationDrawer/examples/NotificationDrawer.md +415 -40
  69. package/docs/demos/Page/examples/Page.md +747 -72
  70. package/docs/demos/Page/examples/Penta.md +746 -0
  71. package/docs/demos/PrimaryDetail/examples/PrimaryDetail.md +581 -56
  72. package/docs/demos/Skeleton/examples/Skeleton.md +83 -8
  73. package/docs/demos/Table/examples/Table.md +1245 -120
  74. package/docs/demos/Tabs/examples/Tabs.md +498 -48
  75. package/docs/demos/Toolbar/examples/Toolbar.md +166 -16
  76. package/docs/demos/Wizard/examples/Wizard.md +747 -72
  77. package/package.json +4 -3
  78. package/patternfly-base-no-globals-theme-dark-unversioned.css +860 -0
  79. package/patternfly-base-no-globals.css +860 -0
  80. package/patternfly-base-theme-dark-unversioned.css +872 -13
  81. package/patternfly-base.css +872 -13
  82. package/patternfly-no-globals.css +1609 -897
  83. package/patternfly-theme-dark-unversioned.css +1621 -910
  84. package/patternfly.css +1621 -910
  85. package/patternfly.min.css +1 -1
  86. package/patternfly.min.css.map +1 -1
  87. package/assets/images/pf-c-brand__logo-on-lg-white.svg +0 -32
  88. package/assets/images/pf-c-brand__logo-on-md-white.svg +0 -42
  89. package/assets/images/pf-c-brand__logo-on-sm-white.svg +0 -17
  90. package/assets/images/pf-c-brand__logo-on-xl-white.svg +0 -39
  91. package/assets/images/pf_logo_white.hbs +0 -35
  92. package/assets/images/pf_logo_white.svg +0 -38
  93. package/components/Alert/themes/dark/alert.scss +0 -17
  94. package/components/Masthead/themes/dark/masthead.scss +0 -14
  95. package/components/NotificationBadge/themes/dark/notification-badge.scss +0 -10
  96. package/docs/components/Brand/examples/Brand.css +0 -12
  97. package/docs/components/NotificationBadge/examples/NotificationBadge.css +0 -3
package/base/patternfly-variables.css CHANGED
@@ -327,4 +327,864 @@
327
327
  --pf-v5-global--BoxShadow--xl-bottom: 0 1rem 1rem -0.5rem rgba(3, 3, 3, 0.8);
328
328
  --pf-v5-global--BoxShadow--xl-left: -1rem 0 1rem -0.5rem rgba(3, 3, 3, 0.8);
329
329
  --pf-v5-global--BoxShadow--inset: inset 0 0 0.625rem 0 #030303;
330
+ }
331
+
332
+ /**
333
+ * Do not edit directly
334
+ * Generated on Wed, 04 Oct 2023 12:59:21 GMT
335
+ */
336
+ :root {
337
+ --pf-t--color--white: #fff;
338
+ --pf-t--color--black: #000;
339
+ --pf-t--color--gray--1000: #151515;
340
+ --pf-t--color--gray--900: #1f1f1f;
341
+ --pf-t--color--gray--800: #292929;
342
+ --pf-t--color--gray--700: #383838;
343
+ --pf-t--color--gray--600: #4d4d4d;
344
+ --pf-t--color--gray--500: #6e6e6e;
345
+ --pf-t--color--gray--400: #a3a3a3;
346
+ --pf-t--color--gray--300: #c7c7c7;
347
+ --pf-t--color--gray--200: #e0e0e0;
348
+ --pf-t--color--gray--100: #f2f2f2;
349
+ --pf-t--color--cyan--700: #023233;
350
+ --pf-t--color--cyan--600: #074c4d;
351
+ --pf-t--color--cyan--500: #187577;
352
+ --pf-t--color--cyan--400: #42adaf;
353
+ --pf-t--color--cyan--300: #88dadb;
354
+ --pf-t--color--cyan--200: #b3ebec;
355
+ --pf-t--color--cyan--100: #e3fcfc;
356
+ --pf-t--color--blue--700: #001c43;
357
+ --pf-t--color--blue--600: #002b68;
358
+ --pf-t--color--blue--500: #0043a0;
359
+ --pf-t--color--blue--400: #0c61d9;
360
+ --pf-t--color--blue--300: #60a2ff;
361
+ --pf-t--color--blue--200: #9cc5ff;
362
+ --pf-t--color--blue--100: #d9e9ff;
363
+ --pf-t--color--gold--700: #4e3500;
364
+ --pf-t--color--gold--600: #755200;
365
+ --pf-t--color--gold--500: #ac7a00;
366
+ --pf-t--color--gold--400: #f0ab00;
367
+ --pf-t--color--gold--300: #ffcd5b;
368
+ --pf-t--color--gold--200: #ffdc9b;
369
+ --pf-t--color--gold--100: #ffefd9;
370
+ --pf-t--color--green--700: #062901;
371
+ --pf-t--color--green--600: #0b3906;
372
+ --pf-t--color--green--500: #1b5813;
373
+ --pf-t--color--green--400: #3e8635;
374
+ --pf-t--color--green--300: #83c079;
375
+ --pf-t--color--green--200: #b2deaa;
376
+ --pf-t--color--green--100: #e7fce3;
377
+ --pf-t--color--orange--700: #501d00;
378
+ --pf-t--color--orange--600: #792f04;
379
+ --pf-t--color--orange--500: #b14e14;
380
+ --pf-t--color--orange--400: #f7823d;
381
+ --pf-t--color--orange--300: #ffb989;
382
+ --pf-t--color--orange--200: #ffd1b2;
383
+ --pf-t--color--orange--100: #ffe7d9;
384
+ --pf-t--color--orangered--700: #331500;
385
+ --pf-t--color--orangered--600: #552000;
386
+ --pf-t--color--orangered--500: #882d00;
387
+ --pf-t--color--orangered--400: #cc3a00;
388
+ --pf-t--color--orangered--300: #ff542e;
389
+ --pf-t--color--orangered--200: #ff947c;
390
+ --pf-t--color--orangered--100: #ffd3c9;
391
+ --pf-t--color--purple--700: #1c1337;
392
+ --pf-t--color--purple--600: #291b55;
393
+ --pf-t--color--purple--500: #3e2882;
394
+ --pf-t--color--purple--400: #5f40be;
395
+ --pf-t--color--purple--300: #9a81e5;
396
+ --pf-t--color--purple--200: #c0b0f1;
397
+ --pf-t--color--purple--100: #eae3fc;
398
+ --pf-t--color--red--700: #3a0400;
399
+ --pf-t--color--red--600: #5a0600;
400
+ --pf-t--color--red--500: #8a0a00;
401
+ --pf-t--color--red--400: #c9190b;
402
+ --pf-t--color--red--300: #ee665b;
403
+ --pf-t--color--red--200: #f69f98;
404
+ --pf-t--color--red--100: #ffdbd9;
405
+ }
406
+
407
+ /**
408
+ * Do not edit directly
409
+ * Generated on Wed, 04 Oct 2023 12:58:15 GMT
410
+ */
411
+ :root {
412
+ --pf-t--global--background--color--action--plain--default: rgba(255, 255, 255, 0.0000);
413
+ --pf-t--global--background--color--500: rgba(21, 21, 21, 0.2000);
414
+ --pf-t--global--spacer--800: 80px;
415
+ --pf-t--global--spacer--700: 64px;
416
+ --pf-t--global--spacer--600: 48px;
417
+ --pf-t--global--spacer--500: 32px;
418
+ --pf-t--global--spacer--400: 24px;
419
+ --pf-t--global--spacer--300: 16px;
420
+ --pf-t--global--spacer--200: 8px;
421
+ --pf-t--global--spacer--100: 4px;
422
+ --pf-t--global--icon--size--400: 56px;
423
+ --pf-t--global--icon--size--300: 22px;
424
+ --pf-t--global--icon--size--200: 14px;
425
+ --pf-t--global--icon--size--100: 12px;
426
+ --pf-t--global--border--width--300: 3px;
427
+ --pf-t--global--border--width--200: 2px;
428
+ --pf-t--global--border--width--100: 1px;
429
+ --pf-t--global--border--radius--500: 999px;
430
+ --pf-t--global--border--radius--400: 24px;
431
+ --pf-t--global--border--radius--300: 16px;
432
+ --pf-t--global--border--radius--200: 6px;
433
+ --pf-t--global--border--radius--100: 4px;
434
+ --pf-t--global--border--radius--0: 0px;
435
+ --pf-t--global--color--disabled--300: var(--pf-t--color--gray--600);
436
+ --pf-t--global--color--disabled--200: var(--pf-t--color--gray--500);
437
+ --pf-t--global--color--disabled--100: var(--pf-t--color--gray--400);
438
+ --pf-t--global--color--brand--300: var(--pf-t--color--blue--500);
439
+ --pf-t--global--color--brand--200: var(--pf-t--color--blue--400);
440
+ --pf-t--global--color--brand--100: var(--pf-t--color--blue--300);
441
+ --pf-t--global--color--status--custom--200: var(--pf-t--color--cyan--500);
442
+ --pf-t--global--color--status--custom--100: var(--pf-t--color--cyan--400);
443
+ --pf-t--global--color--status--success--200: var(--pf-t--color--green--500);
444
+ --pf-t--global--color--status--success--100: var(--pf-t--color--green--400);
445
+ --pf-t--global--color--status--info--200: var(--pf-t--color--purple--500);
446
+ --pf-t--global--color--status--info--100: var(--pf-t--color--purple--400);
447
+ --pf-t--global--color--status--warning--200: var(--pf-t--color--gold--500);
448
+ --pf-t--global--color--status--warning--100: var(--pf-t--color--gold--400);
449
+ --pf-t--global--color--status--danger--200: var(--pf-t--color--orangered--500);
450
+ --pf-t--global--color--status--danger--100: var(--pf-t--color--orangered--400);
451
+ --pf-t--global--color--nonstatus--gray--300: var(--pf-t--color--gray--400);
452
+ --pf-t--global--color--nonstatus--gray--200: var(--pf-t--color--gray--300);
453
+ --pf-t--global--color--nonstatus--gray--100: var(--pf-t--color--gray--200);
454
+ --pf-t--global--color--nonstatus--orange--300: var(--pf-t--color--orange--400);
455
+ --pf-t--global--color--nonstatus--orange--200: var(--pf-t--color--orange--300);
456
+ --pf-t--global--color--nonstatus--orange--100: var(--pf-t--color--orange--200);
457
+ --pf-t--global--color--nonstatus--orangered--300: var(--pf-t--color--orangered--400);
458
+ --pf-t--global--color--nonstatus--orangered--200: var(--pf-t--color--orangered--300);
459
+ --pf-t--global--color--nonstatus--orangered--100: var(--pf-t--color--orangered--200);
460
+ --pf-t--global--color--nonstatus--cyan--300: var(--pf-t--color--cyan--400);
461
+ --pf-t--global--color--nonstatus--cyan--200: var(--pf-t--color--cyan--300);
462
+ --pf-t--global--color--nonstatus--cyan--100: var(--pf-t--color--cyan--200);
463
+ --pf-t--global--color--nonstatus--gold--300: var(--pf-t--color--gold--400);
464
+ --pf-t--global--color--nonstatus--gold--200: var(--pf-t--color--gold--300);
465
+ --pf-t--global--color--nonstatus--gold--100: var(--pf-t--color--gold--200);
466
+ --pf-t--global--color--nonstatus--red--300: var(--pf-t--color--red--400);
467
+ --pf-t--global--color--nonstatus--red--200: var(--pf-t--color--red--300);
468
+ --pf-t--global--color--nonstatus--red--100: var(--pf-t--color--red--200);
469
+ --pf-t--global--color--nonstatus--blue--300: var(--pf-t--color--blue--400);
470
+ --pf-t--global--color--nonstatus--blue--200: var(--pf-t--color--blue--300);
471
+ --pf-t--global--color--nonstatus--blue--100: var(--pf-t--color--blue--200);
472
+ --pf-t--global--color--nonstatus--green--300: var(--pf-t--color--green--400);
473
+ --pf-t--global--color--nonstatus--green--200: var(--pf-t--color--green--300);
474
+ --pf-t--global--color--nonstatus--green--100: var(--pf-t--color--green--200);
475
+ --pf-t--global--color--nonstatus--purple--300: var(--pf-t--color--purple--400);
476
+ --pf-t--global--color--nonstatus--purple--200: var(--pf-t--color--purple--300);
477
+ --pf-t--global--color--nonstatus--purple--100: var(--pf-t--color--purple--200);
478
+ --pf-t--global--color--favorite--200: var(--pf-t--color--gold--500);
479
+ --pf-t--global--color--favorite--100: var(--pf-t--color--gold--400);
480
+ --pf-t--global--text--color--link--300: var(--pf-t--color--purple--400);
481
+ --pf-t--global--text--color--link--200: var(--pf-t--color--blue--500);
482
+ --pf-t--global--text--color--link--100: var(--pf-t--color--blue--400);
483
+ --pf-t--global--text--color--400: var(--pf-t--color--orangered--400);
484
+ --pf-t--global--text--color--300: var(--pf-t--color--white);
485
+ --pf-t--global--text--color--200: var(--pf-t--color--gray--500);
486
+ --pf-t--global--text--color--100: var(--pf-t--color--gray--900);
487
+ --pf-t--global--background--color--backdrop--default: var(--pf-t--global--background--color--500);
488
+ --pf-t--global--background--color--highlight--200: var(--pf-t--color--gold--400);
489
+ --pf-t--global--background--color--highlight--100: var(--pf-t--color--gold--300);
490
+ --pf-t--global--background--color--400: var(--pf-t--color--gray--800);
491
+ --pf-t--global--background--color--300: var(--pf-t--color--gray--200);
492
+ --pf-t--global--background--color--200: var(--pf-t--color--gray--100);
493
+ --pf-t--global--background--color--100: var(--pf-t--color--white);
494
+ --pf-t--global--spacer--sm: 8px;
495
+ --pf-t--global--spacer--xl: 32px;
496
+ --pf-t--global--spacer--xs: 4px;
497
+ --pf-t--global--spacer--2xl: 48px;
498
+ --pf-t--global--spacer--lg: 24px;
499
+ --pf-t--global--spacer--md: 16px;
500
+ --pf-t--global--spacer--3xl: 64px;
501
+ --pf-t--global--spacer--4xl: 80px;
502
+ --pf-t--global--icon--color--300: var(--pf-t--color--white);
503
+ --pf-t--global--icon--color--200: var(--pf-t--color--gray--500);
504
+ --pf-t--global--icon--color--100: var(--pf-t--color--gray--900);
505
+ --pf-t--global--icon--size--sm: 12px;
506
+ --pf-t--global--icon--size--md: 14px;
507
+ --pf-t--global--icon--size--lg: 22px;
508
+ --pf-t--global--icon--size--xl: 56px;
509
+ --pf-t--global--border--color--200: var(--pf-t--color--gray--400);
510
+ --pf-t--global--border--color--100: var(--pf-t--color--gray--300);
511
+ --pf-t--global--border--width--divider--default: 1px;
512
+ --pf-t--global--border--width--divider--hover: 1px;
513
+ --pf-t--global--border--width--divider--active: 1px;
514
+ --pf-t--global--border--width--control--hover: 1px;
515
+ --pf-t--global--border--width--control--active: 2px;
516
+ --pf-t--global--border--width--control--default: 1px;
517
+ --pf-t--global--border--width--button--hover: 2px;
518
+ --pf-t--global--border--width--button--default: 1px;
519
+ --pf-t--global--border--width--button--active: 2px;
520
+ --pf-t--global--border--radius--pill: 999px;
521
+ --pf-t--global--border--radius--tiny: 4px;
522
+ --pf-t--global--border--radius--medium: 16px;
523
+ --pf-t--global--border--radius--large: 24px;
524
+ --pf-t--global--border--radius--small: 6px;
525
+ --pf-t--global--border--radius--sharp: 0px;
526
+ --pf-t--global--color--brand--default: var(--pf-t--global--color--brand--200);
527
+ --pf-t--global--color--brand--hover: var(--pf-t--global--color--brand--300);
528
+ --pf-t--global--color--brand--active: var(--pf-t--global--color--brand--300);
529
+ --pf-t--global--color--status--custom--default: var(--pf-t--global--color--status--custom--100);
530
+ --pf-t--global--color--status--custom--hover: var(--pf-t--global--color--status--custom--200);
531
+ --pf-t--global--color--status--custom--active: var(--pf-t--global--color--status--custom--200);
532
+ --pf-t--global--color--status--success--default: var(--pf-t--global--color--status--success--100);
533
+ --pf-t--global--color--status--success--hover: var(--pf-t--global--color--status--success--200);
534
+ --pf-t--global--color--status--success--active: var(--pf-t--global--color--status--success--200);
535
+ --pf-t--global--color--status--info--default: var(--pf-t--global--color--status--info--100);
536
+ --pf-t--global--color--status--info--hover: var(--pf-t--global--color--status--info--200);
537
+ --pf-t--global--color--status--info--active: var(--pf-t--global--color--status--info--200);
538
+ --pf-t--global--color--status--warning--hover: var(--pf-t--global--color--status--warning--200);
539
+ --pf-t--global--color--status--warning--active: var(--pf-t--global--color--status--warning--200);
540
+ --pf-t--global--color--status--warning--default: var(--pf-t--global--color--status--warning--100);
541
+ --pf-t--global--color--status--danger--default: var(--pf-t--global--color--status--danger--100);
542
+ --pf-t--global--color--status--danger--hover: var(--pf-t--global--color--status--danger--200);
543
+ --pf-t--global--color--status--danger--active: var(--pf-t--global--color--status--danger--200);
544
+ --pf-t--global--color--nonstatus--gray--hover: var(--pf-t--global--color--nonstatus--gray--200);
545
+ --pf-t--global--color--nonstatus--gray--default: var(--pf-t--global--color--nonstatus--gray--100);
546
+ --pf-t--global--color--nonstatus--gray--active: var(--pf-t--global--color--nonstatus--gray--200);
547
+ --pf-t--global--color--nonstatus--orange--default: var(--pf-t--global--color--nonstatus--orange--100);
548
+ --pf-t--global--color--nonstatus--orange--hover: var(--pf-t--global--color--nonstatus--orange--200);
549
+ --pf-t--global--color--nonstatus--orange--active: var(--pf-t--global--color--nonstatus--orange--200);
550
+ --pf-t--global--color--nonstatus--orangered--default: var(--pf-t--global--color--nonstatus--orangered--100);
551
+ --pf-t--global--color--nonstatus--orangered--hover: var(--pf-t--global--color--nonstatus--orangered--200);
552
+ --pf-t--global--color--nonstatus--orangered--active: var(--pf-t--global--color--nonstatus--orangered--200);
553
+ --pf-t--global--color--nonstatus--cyan--hover: var(--pf-t--global--color--nonstatus--cyan--200);
554
+ --pf-t--global--color--nonstatus--cyan--default: var(--pf-t--global--color--nonstatus--cyan--100);
555
+ --pf-t--global--color--nonstatus--cyan--active: var(--pf-t--global--color--nonstatus--cyan--200);
556
+ --pf-t--global--color--nonstatus--gold--default: var(--pf-t--global--color--nonstatus--gold--100);
557
+ --pf-t--global--color--nonstatus--gold--hover: var(--pf-t--global--color--nonstatus--gold--200);
558
+ --pf-t--global--color--nonstatus--gold--active: var(--pf-t--global--color--nonstatus--gold--200);
559
+ --pf-t--global--color--nonstatus--red--default: var(--pf-t--global--color--nonstatus--red--100);
560
+ --pf-t--global--color--nonstatus--red--hover: var(--pf-t--global--color--nonstatus--red--200);
561
+ --pf-t--global--color--nonstatus--red--active: var(--pf-t--global--color--nonstatus--red--200);
562
+ --pf-t--global--color--nonstatus--blue--default: var(--pf-t--global--color--nonstatus--blue--100);
563
+ --pf-t--global--color--nonstatus--blue--hover: var(--pf-t--global--color--nonstatus--blue--200);
564
+ --pf-t--global--color--nonstatus--blue--active: var(--pf-t--global--color--nonstatus--blue--200);
565
+ --pf-t--global--color--nonstatus--green--default: var(--pf-t--global--color--nonstatus--green--100);
566
+ --pf-t--global--color--nonstatus--green--hover: var(--pf-t--global--color--nonstatus--green--200);
567
+ --pf-t--global--color--nonstatus--green--active: var(--pf-t--global--color--nonstatus--green--200);
568
+ --pf-t--global--color--nonstatus--purple--default: var(--pf-t--global--color--nonstatus--purple--100);
569
+ --pf-t--global--color--nonstatus--purple--hover: var(--pf-t--global--color--nonstatus--purple--200);
570
+ --pf-t--global--color--nonstatus--purple--active: var(--pf-t--global--color--nonstatus--purple--200);
571
+ --pf-t--global--color--favorite--default: var(--pf-t--global--color--favorite--100);
572
+ --pf-t--global--color--favorite--hover: var(--pf-t--global--color--favorite--200);
573
+ --pf-t--global--color--favorite--active: var(--pf-t--global--color--favorite--200);
574
+ --pf-t--global--text--color--required: var(--pf-t--global--text--color--400);
575
+ --pf-t--global--text--color--regular: var(--pf-t--global--text--color--100);
576
+ --pf-t--global--text--color--subtle: var(--pf-t--global--text--color--200);
577
+ --pf-t--global--text--color--inverse: var(--pf-t--global--text--color--300);
578
+ --pf-t--global--text--color--on-disabled: var(--pf-t--global--color--disabled--300);
579
+ --pf-t--global--text--color--disabled: var(--pf-t--global--color--disabled--100);
580
+ --pf-t--global--text--color--link--default: var(--pf-t--global--text--color--link--100);
581
+ --pf-t--global--text--color--link--hover: var(--pf-t--global--text--color--link--200);
582
+ --pf-t--global--text--color--link--visited: var(--pf-t--global--text--color--link--300);
583
+ --pf-t--global--background--color--secondary--selected: var(--pf-t--global--background--color--300);
584
+ --pf-t--global--background--color--secondary--default: var(--pf-t--global--background--color--200);
585
+ --pf-t--global--background--color--secondary--hover: var(--pf-t--global--background--color--300);
586
+ --pf-t--global--background--color--inverse--default: var(--pf-t--global--background--color--400);
587
+ --pf-t--global--background--color--disabled--default: var(--pf-t--global--color--disabled--100);
588
+ --pf-t--global--background--color--primary--selected: var(--pf-t--global--background--color--200);
589
+ --pf-t--global--background--color--primary--default: var(--pf-t--global--background--color--100);
590
+ --pf-t--global--background--color--primary--hover: var(--pf-t--global--background--color--200);
591
+ --pf-t--global--background--color--floating--default: var(--pf-t--global--background--color--100);
592
+ --pf-t--global--background--color--floating--hover: var(--pf-t--global--background--color--200);
593
+ --pf-t--global--background--color--floating--selected: var(--pf-t--global--background--color--200);
594
+ --pf-t--global--background--color--action--plain--hover: var(--pf-t--global--background--color--200);
595
+ --pf-t--global--background--color--action--plain--alt--hover: var(--pf-t--global--background--color--100);
596
+ --pf-t--global--background--color--action--plain--alt--selected: var(--pf-t--global--background--color--100);
597
+ --pf-t--global--background--color--action--plain--selected: var(--pf-t--global--background--color--200);
598
+ --pf-t--global--background--color--highlight--default: var(--pf-t--global--background--color--highlight--100);
599
+ --pf-t--global--background--color--highlight--active: var(--pf-t--global--background--color--highlight--200);
600
+ --pf-t--global--icon--color--regular: var(--pf-t--global--icon--color--100);
601
+ --pf-t--global--icon--color--on-disabled: var(--pf-t--global--color--disabled--300);
602
+ --pf-t--global--icon--color--inverse: var(--pf-t--global--icon--color--300);
603
+ --pf-t--global--icon--color--subtle: var(--pf-t--global--icon--color--200);
604
+ --pf-t--global--icon--color--disabled: var(--pf-t--global--color--disabled--100);
605
+ --pf-t--global--border--color--hover: var(--pf-t--global--color--brand--100);
606
+ --pf-t--global--border--color--default: var(--pf-t--global--border--color--100);
607
+ --pf-t--global--border--color--active: var(--pf-t--global--color--brand--200);
608
+ --pf-t--global--border--color--nonstatus--blue--default: var(--pf-t--global--color--nonstatus--blue--200);
609
+ --pf-t--global--border--color--nonstatus--blue--hover: var(--pf-t--global--color--nonstatus--blue--300);
610
+ --pf-t--global--border--color--nonstatus--blue--active: var(--pf-t--global--color--nonstatus--blue--300);
611
+ --pf-t--global--border--color--nonstatus--red--default: var(--pf-t--global--color--nonstatus--red--200);
612
+ --pf-t--global--border--color--nonstatus--red--hover: var(--pf-t--global--color--nonstatus--red--300);
613
+ --pf-t--global--border--color--nonstatus--red--active: var(--pf-t--global--color--nonstatus--red--300);
614
+ --pf-t--global--border--color--nonstatus--orangered--active: var(--pf-t--global--color--nonstatus--orangered--300);
615
+ --pf-t--global--border--color--nonstatus--orangered--default: var(--pf-t--global--color--nonstatus--orangered--200);
616
+ --pf-t--global--border--color--nonstatus--orangered--hover: var(--pf-t--global--color--nonstatus--orangered--300);
617
+ --pf-t--global--border--color--nonstatus--orange--hover: var(--pf-t--global--color--nonstatus--orange--300);
618
+ --pf-t--global--border--color--nonstatus--orange--default: var(--pf-t--global--color--nonstatus--orange--200);
619
+ --pf-t--global--border--color--nonstatus--orange--active: var(--pf-t--global--color--nonstatus--orange--300);
620
+ --pf-t--global--border--color--nonstatus--gold--default: var(--pf-t--global--color--nonstatus--gold--200);
621
+ --pf-t--global--border--color--nonstatus--gold--hover: var(--pf-t--global--color--nonstatus--gold--300);
622
+ --pf-t--global--border--color--nonstatus--gold--active: var(--pf-t--global--color--nonstatus--gold--300);
623
+ --pf-t--global--border--color--nonstatus--green--default: var(--pf-t--global--color--nonstatus--green--200);
624
+ --pf-t--global--border--color--nonstatus--green--hover: var(--pf-t--global--color--nonstatus--green--300);
625
+ --pf-t--global--border--color--nonstatus--green--active: var(--pf-t--global--color--nonstatus--green--300);
626
+ --pf-t--global--border--color--nonstatus--cyan--active: var(--pf-t--global--color--nonstatus--cyan--300);
627
+ --pf-t--global--border--color--nonstatus--cyan--hover: var(--pf-t--global--color--nonstatus--cyan--300);
628
+ --pf-t--global--border--color--nonstatus--cyan--default: var(--pf-t--global--color--nonstatus--cyan--200);
629
+ --pf-t--global--border--color--nonstatus--purple--default: var(--pf-t--global--color--nonstatus--purple--200);
630
+ --pf-t--global--border--color--nonstatus--purple--hover: var(--pf-t--global--color--nonstatus--purple--300);
631
+ --pf-t--global--border--color--nonstatus--purple--active: var(--pf-t--global--color--nonstatus--purple--300);
632
+ --pf-t--global--border--color--nonstatus--gray--default: var(--pf-t--global--color--nonstatus--gray--200);
633
+ --pf-t--global--border--color--nonstatus--gray--hover: var(--pf-t--global--color--nonstatus--gray--300);
634
+ --pf-t--global--border--color--nonstatus--gray--active: var(--pf-t--global--color--nonstatus--gray--300);
635
+ --pf-t--global--text--color--on-brand--hover: var(--pf-t--global--text--color--inverse);
636
+ --pf-t--global--text--color--on-brand--default: var(--pf-t--global--text--color--inverse);
637
+ --pf-t--global--text--color--on-brand--active: var(--pf-t--global--text--color--inverse);
638
+ --pf-t--global--text--color--placeholder: var(--pf-t--global--text--color--subtle);
639
+ --pf-t--global--text--color--brand--default: var(--pf-t--global--color--brand--default);
640
+ --pf-t--global--text--color--brand--hover: var(--pf-t--global--color--brand--hover);
641
+ --pf-t--global--text--color--brand--active: var(--pf-t--global--color--brand--active);
642
+ --pf-t--global--text--color--status--custom--active: var(--pf-t--global--color--status--custom--active);
643
+ --pf-t--global--text--color--status--custom--hover: var(--pf-t--global--color--status--custom--hover);
644
+ --pf-t--global--text--color--status--custom--default: var(--pf-t--global--color--status--custom--default);
645
+ --pf-t--global--text--color--status--info--default: var(--pf-t--global--color--status--info--default);
646
+ --pf-t--global--text--color--status--info--active: var(--pf-t--global--color--status--info--active);
647
+ --pf-t--global--text--color--status--info--hover: var(--pf-t--global--color--status--info--hover);
648
+ --pf-t--global--text--color--status--on-info--hover: var(--pf-t--global--text--color--inverse);
649
+ --pf-t--global--text--color--status--on-info--default: var(--pf-t--global--text--color--inverse);
650
+ --pf-t--global--text--color--status--on-info--active: var(--pf-t--global--text--color--inverse);
651
+ --pf-t--global--text--color--status--on-danger--hover: var(--pf-t--global--text--color--inverse);
652
+ --pf-t--global--text--color--status--on-danger--default: var(--pf-t--global--text--color--inverse);
653
+ --pf-t--global--text--color--status--on-danger--active: var(--pf-t--global--icon--color--inverse);
654
+ --pf-t--global--text--color--status--on-custom--hover: var(--pf-t--global--text--color--inverse);
655
+ --pf-t--global--text--color--status--on-custom--default: var(--pf-t--global--text--color--inverse);
656
+ --pf-t--global--text--color--status--on-custom--active: var(--pf-t--global--text--color--inverse);
657
+ --pf-t--global--text--color--status--on-warning--hover: var(--pf-t--global--text--color--inverse);
658
+ --pf-t--global--text--color--status--on-warning--default: var(--pf-t--global--text--color--regular);
659
+ --pf-t--global--text--color--status--on-warning--active: var(--pf-t--global--text--color--inverse);
660
+ --pf-t--global--text--color--status--on-success--hover: var(--pf-t--global--text--color--inverse);
661
+ --pf-t--global--text--color--status--on-success--default: var(--pf-t--global--text--color--inverse);
662
+ --pf-t--global--text--color--status--on-success--active: var(--pf-t--global--text--color--inverse);
663
+ --pf-t--global--text--color--status--success--default: var(--pf-t--global--color--status--success--default);
664
+ --pf-t--global--text--color--status--success--hover: var(--pf-t--global--color--status--success--hover);
665
+ --pf-t--global--text--color--status--success--active: var(--pf-t--global--color--status--success--active);
666
+ --pf-t--global--text--color--status--warning--default: var(--pf-t--global--color--status--warning--default);
667
+ --pf-t--global--text--color--status--warning--hover: var(--pf-t--global--color--status--warning--hover);
668
+ --pf-t--global--text--color--status--warning--active: var(--pf-t--global--color--status--warning--active);
669
+ --pf-t--global--text--color--status--danger--active: var(--pf-t--global--color--status--danger--active);
670
+ --pf-t--global--text--color--status--danger--default: var(--pf-t--global--color--status--danger--default);
671
+ --pf-t--global--text--color--status--danger--hover: var(--pf-t--global--color--status--danger--hover);
672
+ --pf-t--global--text--color--nonstatus--on-gold--active: var(--pf-t--global--text--color--regular);
673
+ --pf-t--global--text--color--nonstatus--on-gold--hover: var(--pf-t--global--text--color--regular);
674
+ --pf-t--global--text--color--nonstatus--on-gold--default: var(--pf-t--global--text--color--regular);
675
+ --pf-t--global--text--color--nonstatus--on-green--hover: var(--pf-t--global--text--color--regular);
676
+ --pf-t--global--text--color--nonstatus--on-green--default: var(--pf-t--global--text--color--regular);
677
+ --pf-t--global--text--color--nonstatus--on-green--active: var(--pf-t--global--text--color--regular);
678
+ --pf-t--global--text--color--nonstatus--on-blue--active: var(--pf-t--global--text--color--regular);
679
+ --pf-t--global--text--color--nonstatus--on-blue--default: var(--pf-t--global--text--color--regular);
680
+ --pf-t--global--text--color--nonstatus--on-blue--hover: var(--pf-t--global--text--color--regular);
681
+ --pf-t--global--text--color--nonstatus--on-red--active: var(--pf-t--global--text--color--regular);
682
+ --pf-t--global--text--color--nonstatus--on-red--default: var(--pf-t--global--text--color--regular);
683
+ --pf-t--global--text--color--nonstatus--on-red--hover: var(--pf-t--global--text--color--regular);
684
+ --pf-t--global--text--color--nonstatus--on-orangered--active: var(--pf-t--global--text--color--regular);
685
+ --pf-t--global--text--color--nonstatus--on-orangered--default: var(--pf-t--global--text--color--regular);
686
+ --pf-t--global--text--color--nonstatus--on-orangered--hover: var(--pf-t--global--text--color--regular);
687
+ --pf-t--global--text--color--nonstatus--on-orange--active: var(--pf-t--global--text--color--regular);
688
+ --pf-t--global--text--color--nonstatus--on-orange--default: var(--pf-t--global--text--color--regular);
689
+ --pf-t--global--text--color--nonstatus--on-orange--hover: var(--pf-t--global--text--color--regular);
690
+ --pf-t--global--text--color--nonstatus--on-cyan--active: var(--pf-t--global--text--color--regular);
691
+ --pf-t--global--text--color--nonstatus--on-cyan--default: var(--pf-t--global--text--color--regular);
692
+ --pf-t--global--text--color--nonstatus--on-cyan--hover: var(--pf-t--global--text--color--regular);
693
+ --pf-t--global--text--color--nonstatus--on-purple--active: var(--pf-t--global--text--color--regular);
694
+ --pf-t--global--text--color--nonstatus--on-purple--default: var(--pf-t--global--text--color--regular);
695
+ --pf-t--global--text--color--nonstatus--on-purple--hover: var(--pf-t--global--text--color--regular);
696
+ --pf-t--global--text--color--nonstatus--on-gray--active: var(--pf-t--global--text--color--regular);
697
+ --pf-t--global--text--color--nonstatus--on-gray--default: var(--pf-t--global--text--color--regular);
698
+ --pf-t--global--text--color--nonstatus--on-gray--hover: var(--pf-t--global--text--color--regular);
699
+ --pf-t--global--background--color--control--default: var(--pf-t--global--background--color--primary--default);
700
+ --pf-t--global--icon--color--brand--hover: var(--pf-t--global--color--brand--hover);
701
+ --pf-t--global--icon--color--brand--default: var(--pf-t--global--color--brand--default);
702
+ --pf-t--global--icon--color--brand--active: var(--pf-t--global--color--brand--active);
703
+ --pf-t--global--icon--color--on-brand--hover: var(--pf-t--global--icon--color--inverse);
704
+ --pf-t--global--icon--color--on-brand--default: var(--pf-t--global--icon--color--inverse);
705
+ --pf-t--global--icon--color--on-brand--active: var(--pf-t--global--icon--color--inverse);
706
+ --pf-t--global--icon--color--nonstatus--on-orange--active: var(--pf-t--global--icon--color--regular);
707
+ --pf-t--global--icon--color--nonstatus--on-orange--hover: var(--pf-t--global--icon--color--regular);
708
+ --pf-t--global--icon--color--nonstatus--on-orange--default: var(--pf-t--global--icon--color--regular);
709
+ --pf-t--global--icon--color--nonstatus--on-orangered--hover: var(--pf-t--global--icon--color--regular);
710
+ --pf-t--global--icon--color--nonstatus--on-orangered--default: var(--pf-t--global--icon--color--regular);
711
+ --pf-t--global--icon--color--nonstatus--on-orangered--active: var(--pf-t--global--icon--color--regular);
712
+ --pf-t--global--icon--color--nonstatus--on-blue--hover: var(--pf-t--global--icon--color--regular);
713
+ --pf-t--global--icon--color--nonstatus--on-blue--default: var(--pf-t--global--icon--color--regular);
714
+ --pf-t--global--icon--color--nonstatus--on-blue--active: var(--pf-t--global--icon--color--regular);
715
+ --pf-t--global--icon--color--nonstatus--on-red--active: var(--pf-t--global--icon--color--regular);
716
+ --pf-t--global--icon--color--nonstatus--on-red--hover: var(--pf-t--global--icon--color--regular);
717
+ --pf-t--global--icon--color--nonstatus--on-red--default: var(--pf-t--global--icon--color--regular);
718
+ --pf-t--global--icon--color--nonstatus--on-gold--active: var(--pf-t--global--icon--color--regular);
719
+ --pf-t--global--icon--color--nonstatus--on-gold--default: var(--pf-t--global--icon--color--regular);
720
+ --pf-t--global--icon--color--nonstatus--on-gold--hover: var(--pf-t--global--icon--color--regular);
721
+ --pf-t--global--icon--color--nonstatus--on-green--active: var(--pf-t--global--icon--color--regular);
722
+ --pf-t--global--icon--color--nonstatus--on-green--default: var(--pf-t--global--icon--color--regular);
723
+ --pf-t--global--icon--color--nonstatus--on-green--hover: var(--pf-t--global--icon--color--regular);
724
+ --pf-t--global--icon--color--nonstatus--on-cyan--default: var(--pf-t--global--icon--color--regular);
725
+ --pf-t--global--icon--color--nonstatus--on-cyan--active: var(--pf-t--global--icon--color--regular);
726
+ --pf-t--global--icon--color--nonstatus--on-cyan--hover: var(--pf-t--global--icon--color--regular);
727
+ --pf-t--global--icon--color--nonstatus--on-gray--active: var(--pf-t--global--icon--color--regular);
728
+ --pf-t--global--icon--color--nonstatus--on-gray--default: var(--pf-t--global--icon--color--regular);
729
+ --pf-t--global--icon--color--nonstatus--on-gray--hover: var(--pf-t--global--icon--color--regular);
730
+ --pf-t--global--icon--color--nonstatus--on-purple--default: var(--pf-t--global--icon--color--regular);
731
+ --pf-t--global--icon--color--nonstatus--on-purple--hover: var(--pf-t--global--icon--color--regular);
732
+ --pf-t--global--icon--color--nonstatus--on-purple--active: var(--pf-t--global--icon--color--regular);
733
+ --pf-t--global--icon--color--favorite--default: var(--pf-t--global--color--favorite--default);
734
+ --pf-t--global--icon--color--favorite--hover: var(--pf-t--global--color--favorite--hover);
735
+ --pf-t--global--icon--color--favorite--active: var(--pf-t--global--color--favorite--active);
736
+ --pf-t--global--icon--color--status--on-danger--active: var(--pf-t--global--icon--color--inverse);
737
+ --pf-t--global--icon--color--status--on-danger--hover: var(--pf-t--global--icon--color--inverse);
738
+ --pf-t--global--icon--color--status--on-danger--default: var(--pf-t--global--icon--color--inverse);
739
+ --pf-t--global--icon--color--status--on-custom--active: var(--pf-t--global--icon--color--inverse);
740
+ --pf-t--global--icon--color--status--on-custom--default: var(--pf-t--global--icon--color--inverse);
741
+ --pf-t--global--icon--color--status--on-custom--hover: var(--pf-t--global--icon--color--inverse);
742
+ --pf-t--global--icon--color--status--on-info--default: var(--pf-t--global--icon--color--inverse);
743
+ --pf-t--global--icon--color--status--on-info--active: var(--pf-t--global--icon--color--inverse);
744
+ --pf-t--global--icon--color--status--on-info--hover: var(--pf-t--global--icon--color--inverse);
745
+ --pf-t--global--icon--color--status--warning--hover: var(--pf-t--global--color--status--warning--hover);
746
+ --pf-t--global--icon--color--status--warning--default: var(--pf-t--global--color--status--warning--default);
747
+ --pf-t--global--icon--color--status--warning--active: var(--pf-t--global--color--status--warning--active);
748
+ --pf-t--global--icon--color--status--custom--default: var(--pf-t--global--color--status--custom--default);
749
+ --pf-t--global--icon--color--status--custom--hover: var(--pf-t--global--color--status--custom--hover);
750
+ --pf-t--global--icon--color--status--custom--active: var(--pf-t--global--color--status--custom--active);
751
+ --pf-t--global--icon--color--status--success--default: var(--pf-t--global--color--status--success--default);
752
+ --pf-t--global--icon--color--status--success--hover: var(--pf-t--global--color--status--success--hover);
753
+ --pf-t--global--icon--color--status--success--active: var(--pf-t--global--color--status--success--active);
754
+ --pf-t--global--icon--color--status--danger--default: var(--pf-t--global--color--status--danger--default);
755
+ --pf-t--global--icon--color--status--danger--hover: var(--pf-t--global--color--status--danger--hover);
756
+ --pf-t--global--icon--color--status--danger--active: var(--pf-t--global--color--status--danger--active);
757
+ --pf-t--global--icon--color--status--info--hover: var(--pf-t--global--color--status--info--hover);
758
+ --pf-t--global--icon--color--status--info--default: var(--pf-t--global--color--status--info--default);
759
+ --pf-t--global--icon--color--status--info--active: var(--pf-t--global--color--status--info--active);
760
+ --pf-t--global--icon--color--status--on-success--hover: var(--pf-t--global--icon--color--inverse);
761
+ --pf-t--global--icon--color--status--on-success--default: var(--pf-t--global--icon--color--inverse);
762
+ --pf-t--global--icon--color--status--on-success--active: var(--pf-t--global--icon--color--inverse);
763
+ --pf-t--global--icon--color--status--on-warning--hover: var(--pf-t--global--icon--color--inverse);
764
+ --pf-t--global--icon--color--status--on-warning--default: var(--pf-t--global--icon--color--regular);
765
+ --pf-t--global--icon--color--status--on-warning--active: var(--pf-t--global--icon--color--inverse);
766
+ --pf-t--global--border--color--brand--default: var(--pf-t--global--color--brand--default);
767
+ --pf-t--global--border--color--brand--hover: var(--pf-t--global--color--brand--hover);
768
+ --pf-t--global--border--color--brand--active: var(--pf-t--global--color--brand--active);
769
+ --pf-t--global--border--color--status--danger--default: var(--pf-t--global--color--status--danger--default);
770
+ --pf-t--global--border--color--status--danger--active: var(--pf-t--global--color--status--danger--active);
771
+ --pf-t--global--border--color--status--danger--hover: var(--pf-t--global--color--status--danger--hover);
772
+ --pf-t--global--border--color--status--custom--default: var(--pf-t--global--color--status--custom--default);
773
+ --pf-t--global--border--color--status--custom--hover: var(--pf-t--global--color--status--custom--hover);
774
+ --pf-t--global--border--color--status--custom--active: var(--pf-t--global--color--status--custom--active);
775
+ --pf-t--global--border--color--status--success--default: var(--pf-t--global--color--status--success--default);
776
+ --pf-t--global--border--color--status--success--hover: var(--pf-t--global--color--status--success--hover);
777
+ --pf-t--global--border--color--status--success--active: var(--pf-t--global--color--status--success--active);
778
+ --pf-t--global--border--color--status--warning--default: var(--pf-t--global--color--status--warning--default);
779
+ --pf-t--global--border--color--status--warning--hover: var(--pf-t--global--color--status--warning--hover);
780
+ --pf-t--global--border--color--status--warning--active: var(--pf-t--global--color--status--warning--active);
781
+ --pf-t--global--border--color--status--info--active: var(--pf-t--global--color--status--info--active);
782
+ --pf-t--global--border--color--status--info--hover: var(--pf-t--global--color--status--info--hover);
783
+ --pf-t--global--border--color--status--info--default: var(--pf-t--global--color--status--info--default);
784
+ }
785
+
786
+ :root {
787
+ --pf-t--global--font--family--100: redhattext;
788
+ --pf-t--global--font--family--200: redhatdisplay;
789
+ --pf-t--global--font--family--300: redhatmono;
790
+ --pf-t--global--font--line-height--100: 1.3;
791
+ --pf-t--global--font--line-height--200: 1.5;
792
+ --pf-t--global--font--weight--body--100: 400;
793
+ --pf-t--global--font--weight--body--200: 600;
794
+ --pf-t--global--font--weight--heading--100: 700;
795
+ --pf-t--global--font--weight--heading--200: 700;
796
+ --pf-t--global--font--size--body--100: 12px;
797
+ --pf-t--global--font--size--body--200: 14px;
798
+ --pf-t--global--font--size--body--300: 16px;
799
+ --pf-t--global--font--size--heading--100: 16px;
800
+ --pf-t--global--font--size--heading--200: 18px;
801
+ --pf-t--global--font--size--heading--300: 20px;
802
+ --pf-t--global--font--size--heading--400: 24px;
803
+ --pf-t--global--font--size--heading--500: 28px;
804
+ --pf-t--global--font--size--heading--600: 36px;
805
+ --pf-t--global--font--family--body: var(--pf-t--global--font--family--100);
806
+ --pf-t--global--font--family--heading: var(--pf-t--global--font--family--200);
807
+ --pf-t--global--font--family--mono: var(--pf-t--global--font--family--300);
808
+ --pf-t--global--font--line-height--body: var(--pf-t--global--font--line-height--100);
809
+ --pf-t--global--font--line-height--heading: var(--pf-t--global--font--line-height--200);
810
+ --pf-t--global--font--weight--body: var(--pf-t--global--font--weight--body--100);
811
+ --pf-t--global--font--weight--body--bold: var(--pf-t--global--font--weight--body--200);
812
+ --pf-t--global--font--weight--heading: var(--pf-t--global--font--weight--heading--100);
813
+ --pf-t--global--font--weight--heading--bold: var(--pf-t--global--font--weight--heading--200);
814
+ --pf-t--global--font--size--body--sm: var(--pf-t--global--font--size--body--100);
815
+ --pf-t--global--font--size--body--md: var(--pf-t--global--font--size--body--200);
816
+ --pf-t--global--font--size--body--lg: var(--pf-t--global--font--size--body--300);
817
+ --pf-t--global--font--size--body: var(--pf-t--global--font--size--body--md);
818
+ --pf-t--global--font--size--heading--xs: var(--pf-t--global--font--size--heading--100);
819
+ --pf-t--global--font--size--heading--sm: var(--pf-t--global--font--size--heading--200);
820
+ --pf-t--global--font--size--heading--md: var(--pf-t--global--font--size--heading--300);
821
+ --pf-t--global--font--size--heading--lg: var(--pf-t--global--font--size--heading--400);
822
+ --pf-t--global--font--size--heading--xl: var(--pf-t--global--font--size--heading--500);
823
+ --pf-t--global--font--size--heading--2xl: var(--pf-t--global--font--size--heading--600);
824
+ --pf-t--global--text-decoration--100: none;
825
+ --pf-t--global--text-decoration--200: underline;
826
+ --pf-t--global--link--text-decoration: var(--pf-t--global--text-decoration--200);
827
+ --pf-t--global--link--text-decoration--hover: var(--pf-t--global--text-decoration--200);
828
+ --pf-t--global--mix-blend-mode--100: multiply;
829
+ --pf-t--global--mix-blend-mode--200: screen;
830
+ --pf-t--global--background--color--action--plain--hover--blend: var(--pf-t--global--mix-blend-mode--100);
831
+ --pf-t--global--border--width--control--default: var(--pf-t--global--border--width--100);
832
+ --pf-t--global--border--width--control--hover: var(--pf-t--global--border--width--100);
833
+ --pf-t--global--border--width--control--active: var(--pf-t--global--border--width--200);
834
+ --pf-t--global--box-shadow--sm: 0px 1px 2px 0px rgb(0 0 0 / 16%);
835
+ --pf-t--global--box-shadow--sm--top: 0px -1px 2px 0px rgb(0 0 0 / 16%);
836
+ --pf-t--global--box-shadow--sm--bottom: 0px 1px 2px 0px rgb(0 0 0 / 16%);
837
+ --pf-t--global--box-shadow--sm--left: -1px 0px 2px 0px rgb(0 0 0 / 16%);
838
+ --pf-t--global--box-shadow--sm--right: 1px 0px 2px 0px rgb(0 0 0 / 16%);
839
+ --pf-t--global--box-shadow--md: 0px 4px 8px 0px rgb(0 0 0 / 12%);
840
+ --pf-t--global--box-shadow--md--top: 0px -4px 8px 0px rgb(0 0 0 / 12%);
841
+ --pf-t--global--box-shadow--md--bottom: 0px 4px 8px 0px rgb(0 0 0 / 12%);
842
+ --pf-t--global--box-shadow--md--left: -4px 0px 8px 0px rgb(0 0 0 / 12%);
843
+ --pf-t--global--box-shadow--md--right: 4px 0px 8px 0px rgb(0 0 0 / 12%);
844
+ --pf-t--global--box-shadow--lg: 0px 8px 24px 0px rgb(0 0 0 / 12%);
845
+ --pf-t--global--box-shadow--lg--top: 0px -8px 24px 0px rgb(0 0 0 / 12%);
846
+ --pf-t--global--box-shadow--lg--bottom: 0px 8px 24px 0px rgb(0 0 0 / 12%);
847
+ --pf-t--global--box-shadow--lg--left: -8px 0px 24px 0px rgb(0 0 0 / 12%);
848
+ --pf-t--global--box-shadow--lg--right: 8px 0px 24px 0px rgb(0 0 0 / 12%);
849
+ }
850
+ :root:where(.pf-v5-theme-dark) {
851
+ --pf-t--global--background--color--action--plain--hover--blend: var(--pf-t--global--mix-blend-mode--200);
852
+ --pf-t--global--box-shadow--sm: 0px 1px 2px 0px rgb(0 0 0 / 50%);
853
+ --pf-t--global--box-shadow--sm-top: 0px -1px 2px 0px rgb(0 0 0 / 50%);
854
+ --pf-t--global--box-shadow--sm-right: 1px 0px 2px 0px rgb(0 0 0 / 50%);
855
+ --pf-t--global--box-shadow--sm-bottom: 0px 1px 2px 0px rgb(0 0 0 / 50%);
856
+ --pf-t--global--box-shadow--sm-left: -1px 0px 2px 0px rgb(0 0 0 / 50%);
857
+ --pf-t--global--box-shadow--md: 0px 4px 8px 0px rgb(0 0 0 / 50%);
858
+ --pf-t--global--box-shadow--lg: 0px 8px 24px 0px rgb(0 0 0 / 50%);
859
+ }
860
+
861
+ /**
862
+ * Do not edit directly
863
+ * Generated on Wed, 04 Oct 2023 12:59:38 GMT
864
+ */
865
+ :root:where(.pf-v5-theme-dark) {
866
+ --pf-t--global--background--color--action--plain--default: rgba(0, 0, 0, 0.0000);
867
+ --pf-t--global--dark--background--color--500: rgba(21, 21, 21, 0.8000);
868
+ --pf-t--global--background--color--backdrop--default: var(--pf-t--global--dark--background--color--500);
869
+ --pf-t--global--dark--background--color--highlight--200: var(--pf-t--color--gold--400);
870
+ --pf-t--global--dark--background--color--highlight--100: var(--pf-t--color--gold--300);
871
+ --pf-t--global--dark--background--color--400: var(--pf-t--color--gray--100);
872
+ --pf-t--global--dark--background--color--300: var(--pf-t--color--gray--700);
873
+ --pf-t--global--dark--background--color--200: var(--pf-t--color--gray--800);
874
+ --pf-t--global--dark--background--color--100: var(--pf-t--color--black);
875
+ --pf-t--global--dark--text--color--link--300: var(--pf-t--color--purple--300);
876
+ --pf-t--global--dark--text--color--link--200: var(--pf-t--color--blue--200);
877
+ --pf-t--global--dark--text--color--link--100: var(--pf-t--color--blue--300);
878
+ --pf-t--global--dark--text--color--400: var(--pf-t--color--orangered--300);
879
+ --pf-t--global--dark--text--color--300: var(--pf-t--color--gray--900);
880
+ --pf-t--global--dark--text--color--200: var(--pf-t--color--gray--400);
881
+ --pf-t--global--dark--text--color--100: var(--pf-t--color--gray--100);
882
+ --pf-t--global--dark--icon--color--300: var(--pf-t--color--gray--900);
883
+ --pf-t--global--dark--icon--color--200: var(--pf-t--color--gray--400);
884
+ --pf-t--global--dark--icon--color--100: var(--pf-t--color--gray--100);
885
+ --pf-t--global--dark--border--color--200: var(--pf-t--color--gray--500);
886
+ --pf-t--global--dark--border--color--100: var(--pf-t--color--gray--600);
887
+ --pf-t--global--dark--color--disabled--300: var(--pf-t--color--gray--600);
888
+ --pf-t--global--dark--color--disabled--200: var(--pf-t--color--gray--500);
889
+ --pf-t--global--dark--color--disabled--100: var(--pf-t--color--gray--400);
890
+ --pf-t--global--dark--color--brand--300: var(--pf-t--color--blue--200);
891
+ --pf-t--global--dark--color--brand--200: var(--pf-t--color--blue--300);
892
+ --pf-t--global--dark--color--brand--100: var(--pf-t--color--blue--400);
893
+ --pf-t--global--dark--color--favorite--200: var(--pf-t--color--gold--300);
894
+ --pf-t--global--dark--color--favorite--100: var(--pf-t--color--gold--400);
895
+ --pf-t--global--dark--color--status--warning--200: var(--pf-t--color--gold--300);
896
+ --pf-t--global--dark--color--status--warning--100: var(--pf-t--color--gold--400);
897
+ --pf-t--global--dark--color--status--custom--200: var(--pf-t--color--cyan--300);
898
+ --pf-t--global--dark--color--status--custom--100: var(--pf-t--color--cyan--400);
899
+ --pf-t--global--dark--color--status--success--200: var(--pf-t--color--green--200);
900
+ --pf-t--global--dark--color--status--success--100: var(--pf-t--color--green--300);
901
+ --pf-t--global--dark--color--status--info--200: var(--pf-t--color--purple--200);
902
+ --pf-t--global--dark--color--status--info--100: var(--pf-t--color--purple--300);
903
+ --pf-t--global--dark--color--status--danger--200: var(--pf-t--color--orangered--200);
904
+ --pf-t--global--dark--color--status--danger--100: var(--pf-t--color--orangered--300);
905
+ --pf-t--global--dark--color--nonstatus--green--300: var(--pf-t--color--green--100);
906
+ --pf-t--global--dark--color--nonstatus--green--200: var(--pf-t--color--green--200);
907
+ --pf-t--global--dark--color--nonstatus--green--100: var(--pf-t--color--green--300);
908
+ --pf-t--global--dark--color--nonstatus--cyan--300: var(--pf-t--color--cyan--100);
909
+ --pf-t--global--dark--color--nonstatus--cyan--200: var(--pf-t--color--cyan--200);
910
+ --pf-t--global--dark--color--nonstatus--cyan--100: var(--pf-t--color--cyan--300);
911
+ --pf-t--global--dark--color--nonstatus--red--300: var(--pf-t--color--red--100);
912
+ --pf-t--global--dark--color--nonstatus--red--200: var(--pf-t--color--red--200);
913
+ --pf-t--global--dark--color--nonstatus--red--100: var(--pf-t--color--red--300);
914
+ --pf-t--global--dark--color--nonstatus--orangered--300: var(--pf-t--color--orangered--100);
915
+ --pf-t--global--dark--color--nonstatus--orangered--200: var(--pf-t--color--orangered--200);
916
+ --pf-t--global--dark--color--nonstatus--orangered--100: var(--pf-t--color--orangered--300);
917
+ --pf-t--global--dark--color--nonstatus--orange--300: var(--pf-t--color--orange--100);
918
+ --pf-t--global--dark--color--nonstatus--orange--200: var(--pf-t--color--orange--200);
919
+ --pf-t--global--dark--color--nonstatus--orange--100: var(--pf-t--color--orange--300);
920
+ --pf-t--global--dark--color--nonstatus--gold--300: var(--pf-t--color--gold--100);
921
+ --pf-t--global--dark--color--nonstatus--gold--200: var(--pf-t--color--gold--200);
922
+ --pf-t--global--dark--color--nonstatus--gold--100: var(--pf-t--color--gold--300);
923
+ --pf-t--global--dark--color--nonstatus--blue--300: var(--pf-t--color--blue--100);
924
+ --pf-t--global--dark--color--nonstatus--blue--200: var(--pf-t--color--blue--200);
925
+ --pf-t--global--dark--color--nonstatus--blue--100: var(--pf-t--color--blue--300);
926
+ --pf-t--global--dark--color--nonstatus--purple--300: var(--pf-t--color--purple--100);
927
+ --pf-t--global--dark--color--nonstatus--purple--200: var(--pf-t--color--purple--200);
928
+ --pf-t--global--dark--color--nonstatus--purple--100: var(--pf-t--color--purple--300);
929
+ --pf-t--global--dark--color--nonstatus--gray--300: var(--pf-t--color--gray--100);
930
+ --pf-t--global--dark--color--nonstatus--gray--200: var(--pf-t--color--gray--200);
931
+ --pf-t--global--dark--color--nonstatus--gray--100: var(--pf-t--color--gray--300);
932
+ --pf-t--global--border--color--hover: var(--pf-t--global--dark--color--brand--200);
933
+ --pf-t--global--border--color--default: var(--pf-t--global--dark--border--color--100);
934
+ --pf-t--global--border--color--active: var(--pf-t--global--dark--color--brand--300);
935
+ --pf-t--global--border--color--nonstatus--blue--default: var(--pf-t--global--dark--color--nonstatus--blue--100);
936
+ --pf-t--global--border--color--nonstatus--blue--hover: var(--pf-t--global--dark--color--nonstatus--blue--200);
937
+ --pf-t--global--border--color--nonstatus--blue--active: var(--pf-t--global--dark--color--nonstatus--blue--200);
938
+ --pf-t--global--border--color--nonstatus--red--default: var(--pf-t--global--dark--color--nonstatus--red--100);
939
+ --pf-t--global--border--color--nonstatus--red--hover: var(--pf-t--global--dark--color--nonstatus--red--200);
940
+ --pf-t--global--border--color--nonstatus--red--active: var(--pf-t--global--dark--color--nonstatus--red--200);
941
+ --pf-t--global--border--color--nonstatus--orangered--active: var(--pf-t--global--dark--color--nonstatus--orangered--200);
942
+ --pf-t--global--border--color--nonstatus--orangered--default: var(--pf-t--global--dark--color--nonstatus--orangered--100);
943
+ --pf-t--global--border--color--nonstatus--orangered--hover: var(--pf-t--global--dark--color--nonstatus--orangered--200);
944
+ --pf-t--global--border--color--nonstatus--orange--hover: var(--pf-t--global--dark--color--nonstatus--orange--200);
945
+ --pf-t--global--border--color--nonstatus--orange--default: var(--pf-t--global--dark--color--nonstatus--orange--100);
946
+ --pf-t--global--border--color--nonstatus--orange--active: var(--pf-t--global--dark--color--nonstatus--orange--200);
947
+ --pf-t--global--border--color--nonstatus--gold--default: var(--pf-t--global--dark--color--nonstatus--gold--100);
948
+ --pf-t--global--border--color--nonstatus--gold--hover: var(--pf-t--global--dark--color--nonstatus--gold--200);
949
+ --pf-t--global--border--color--nonstatus--gold--active: var(--pf-t--global--dark--color--nonstatus--gold--200);
950
+ --pf-t--global--border--color--nonstatus--green--default: var(--pf-t--global--dark--color--nonstatus--green--100);
951
+ --pf-t--global--border--color--nonstatus--green--hover: var(--pf-t--global--dark--color--nonstatus--green--200);
952
+ --pf-t--global--border--color--nonstatus--green--active: var(--pf-t--global--dark--color--nonstatus--green--200);
953
+ --pf-t--global--border--color--nonstatus--cyan--active: var(--pf-t--global--dark--color--nonstatus--cyan--200);
954
+ --pf-t--global--border--color--nonstatus--cyan--hover: var(--pf-t--global--dark--color--nonstatus--cyan--200);
955
+ --pf-t--global--border--color--nonstatus--cyan--default: var(--pf-t--global--dark--color--nonstatus--cyan--100);
956
+ --pf-t--global--border--color--nonstatus--purple--default: var(--pf-t--global--dark--color--nonstatus--purple--100);
957
+ --pf-t--global--border--color--nonstatus--purple--hover: var(--pf-t--global--dark--color--nonstatus--purple--200);
958
+ --pf-t--global--border--color--nonstatus--purple--active: var(--pf-t--global--dark--color--nonstatus--purple--200);
959
+ --pf-t--global--border--color--nonstatus--gray--default: var(--pf-t--global--dark--color--nonstatus--gray--100);
960
+ --pf-t--global--border--color--nonstatus--gray--hover: var(--pf-t--global--dark--color--nonstatus--gray--200);
961
+ --pf-t--global--border--color--nonstatus--gray--active: var(--pf-t--global--dark--color--nonstatus--gray--200);
962
+ --pf-t--global--text--color--required: var(--pf-t--global--dark--text--color--400);
963
+ --pf-t--global--text--color--regular: var(--pf-t--global--dark--text--color--100);
964
+ --pf-t--global--text--color--subtle: var(--pf-t--global--dark--text--color--200);
965
+ --pf-t--global--text--color--inverse: var(--pf-t--global--dark--text--color--300);
966
+ --pf-t--global--text--color--on-disabled: var(--pf-t--global--dark--color--disabled--300);
967
+ --pf-t--global--text--color--disabled: var(--pf-t--global--dark--color--disabled--200);
968
+ --pf-t--global--text--color--link--default: var(--pf-t--global--dark--text--color--link--100);
969
+ --pf-t--global--text--color--link--hover: var(--pf-t--global--dark--text--color--link--200);
970
+ --pf-t--global--text--color--link--visited: var(--pf-t--global--dark--text--color--link--300);
971
+ --pf-t--global--color--brand--default: var(--pf-t--global--dark--color--brand--200);
972
+ --pf-t--global--color--brand--hover: var(--pf-t--global--dark--color--brand--300);
973
+ --pf-t--global--color--brand--active: var(--pf-t--global--dark--color--brand--300);
974
+ --pf-t--global--color--status--custom--default: var(--pf-t--global--dark--color--status--custom--100);
975
+ --pf-t--global--color--status--custom--hover: var(--pf-t--global--dark--color--status--custom--200);
976
+ --pf-t--global--color--status--custom--active: var(--pf-t--global--dark--color--status--custom--200);
977
+ --pf-t--global--color--status--success--default: var(--pf-t--global--dark--color--status--success--100);
978
+ --pf-t--global--color--status--success--hover: var(--pf-t--global--dark--color--status--success--200);
979
+ --pf-t--global--color--status--success--active: var(--pf-t--global--dark--color--status--success--200);
980
+ --pf-t--global--color--status--warning--hover: var(--pf-t--global--dark--color--status--warning--200);
981
+ --pf-t--global--color--status--warning--active: var(--pf-t--global--dark--color--status--warning--200);
982
+ --pf-t--global--color--status--warning--default: var(--pf-t--global--dark--color--status--warning--100);
983
+ --pf-t--global--color--status--danger--default: var(--pf-t--global--dark--color--status--danger--100);
984
+ --pf-t--global--color--status--danger--hover: var(--pf-t--global--dark--color--status--danger--200);
985
+ --pf-t--global--color--status--danger--active: var(--pf-t--global--dark--color--status--danger--200);
986
+ --pf-t--global--color--status--info--default: var(--pf-t--global--dark--color--status--info--100);
987
+ --pf-t--global--color--status--info--hover: var(--pf-t--global--dark--color--status--info--200);
988
+ --pf-t--global--color--status--info--active: var(--pf-t--global--dark--color--status--info--200);
989
+ --pf-t--global--color--favorite--default: var(--pf-t--global--dark--color--favorite--100);
990
+ --pf-t--global--color--favorite--hover: var(--pf-t--global--dark--color--favorite--200);
991
+ --pf-t--global--color--favorite--active: var(--pf-t--global--dark--color--favorite--200);
992
+ --pf-t--global--color--nonstatus--gray--hover: var(--pf-t--global--dark--color--nonstatus--gray--200);
993
+ --pf-t--global--color--nonstatus--gray--default: var(--pf-t--global--dark--color--nonstatus--gray--100);
994
+ --pf-t--global--color--nonstatus--gray--active: var(--pf-t--global--dark--color--nonstatus--gray--200);
995
+ --pf-t--global--color--nonstatus--cyan--hover: var(--pf-t--global--dark--color--nonstatus--cyan--200);
996
+ --pf-t--global--color--nonstatus--cyan--default: var(--pf-t--global--dark--color--nonstatus--cyan--100);
997
+ --pf-t--global--color--nonstatus--cyan--active: var(--pf-t--global--dark--color--nonstatus--cyan--200);
998
+ --pf-t--global--color--nonstatus--blue--default: var(--pf-t--global--dark--color--nonstatus--blue--100);
999
+ --pf-t--global--color--nonstatus--blue--hover: var(--pf-t--global--dark--color--nonstatus--blue--200);
1000
+ --pf-t--global--color--nonstatus--blue--active: var(--pf-t--global--dark--color--nonstatus--blue--200);
1001
+ --pf-t--global--color--nonstatus--red--default: var(--pf-t--global--dark--color--nonstatus--red--100);
1002
+ --pf-t--global--color--nonstatus--red--hover: var(--pf-t--global--dark--color--nonstatus--red--200);
1003
+ --pf-t--global--color--nonstatus--red--active: var(--pf-t--global--dark--color--nonstatus--red--200);
1004
+ --pf-t--global--color--nonstatus--orangered--default: var(--pf-t--global--dark--color--nonstatus--orangered--100);
1005
+ --pf-t--global--color--nonstatus--orangered--hover: var(--pf-t--global--dark--color--nonstatus--orangered--200);
1006
+ --pf-t--global--color--nonstatus--orangered--active: var(--pf-t--global--dark--color--nonstatus--orangered--200);
1007
+ --pf-t--global--color--nonstatus--orange--default: var(--pf-t--global--dark--color--nonstatus--orange--100);
1008
+ --pf-t--global--color--nonstatus--orange--hover: var(--pf-t--global--dark--color--nonstatus--orange--200);
1009
+ --pf-t--global--color--nonstatus--orange--active: var(--pf-t--global--dark--color--nonstatus--orange--200);
1010
+ --pf-t--global--color--nonstatus--gold--default: var(--pf-t--global--dark--color--nonstatus--gold--100);
1011
+ --pf-t--global--color--nonstatus--gold--hover: var(--pf-t--global--dark--color--nonstatus--gold--200);
1012
+ --pf-t--global--color--nonstatus--gold--active: var(--pf-t--global--dark--color--nonstatus--gold--200);
1013
+ --pf-t--global--color--nonstatus--green--default: var(--pf-t--global--dark--color--nonstatus--green--100);
1014
+ --pf-t--global--color--nonstatus--green--hover: var(--pf-t--global--dark--color--nonstatus--green--200);
1015
+ --pf-t--global--color--nonstatus--green--active: var(--pf-t--global--dark--color--nonstatus--green--200);
1016
+ --pf-t--global--color--nonstatus--purple--default: var(--pf-t--global--dark--color--nonstatus--purple--100);
1017
+ --pf-t--global--color--nonstatus--purple--hover: var(--pf-t--global--dark--color--nonstatus--purple--200);
1018
+ --pf-t--global--color--nonstatus--purple--active: var(--pf-t--global--dark--color--nonstatus--purple--200);
1019
+ --pf-t--global--icon--color--regular: var(--pf-t--global--dark--icon--color--100);
1020
+ --pf-t--global--icon--color--on-disabled: var(--pf-t--global--dark--color--disabled--300);
1021
+ --pf-t--global--icon--color--inverse: var(--pf-t--global--dark--icon--color--300);
1022
+ --pf-t--global--icon--color--subtle: var(--pf-t--global--dark--icon--color--200);
1023
+ --pf-t--global--icon--color--disabled: var(--pf-t--global--dark--color--disabled--200);
1024
+ --pf-t--global--background--color--secondary--selected: var(--pf-t--global--dark--background--color--200);
1025
+ --pf-t--global--background--color--secondary--default: var(--pf-t--global--dark--background--color--100);
1026
+ --pf-t--global--background--color--secondary--hover: var(--pf-t--global--dark--background--color--200);
1027
+ --pf-t--global--background--color--inverse--default: var(--pf-t--global--dark--background--color--400);
1028
+ --pf-t--global--background--color--disabled--default: var(--pf-t--global--dark--color--disabled--100);
1029
+ --pf-t--global--background--color--control--default: var(--pf-t--global--dark--background--color--300);
1030
+ --pf-t--global--background--color--highlight--default: var(--pf-t--global--dark--background--color--highlight--100);
1031
+ --pf-t--global--background--color--highlight--active: var(--pf-t--global--dark--background--color--highlight--200);
1032
+ --pf-t--global--background--color--primary--selected: var(--pf-t--global--dark--background--color--300);
1033
+ --pf-t--global--background--color--primary--default: var(--pf-t--global--dark--background--color--200);
1034
+ --pf-t--global--background--color--primary--hover: var(--pf-t--global--dark--background--color--300);
1035
+ --pf-t--global--background--color--floating--default: var(--pf-t--global--dark--background--color--300);
1036
+ --pf-t--global--background--color--action--plain--hover: var(--pf-t--global--dark--background--color--300);
1037
+ --pf-t--global--background--color--action--plain--alt--hover: var(--pf-t--global--dark--background--color--200);
1038
+ --pf-t--global--background--color--action--plain--alt--selected: var(--pf-t--global--dark--background--color--200);
1039
+ --pf-t--global--background--color--action--plain--selected: var(--pf-t--global--dark--background--color--200);
1040
+ --pf-t--global--border--color--brand--default: var(--pf-t--global--color--brand--default);
1041
+ --pf-t--global--border--color--brand--hover: var(--pf-t--global--color--brand--hover);
1042
+ --pf-t--global--border--color--brand--active: var(--pf-t--global--color--brand--active);
1043
+ --pf-t--global--border--color--status--danger--default: var(--pf-t--global--color--status--danger--default);
1044
+ --pf-t--global--border--color--status--danger--active: var(--pf-t--global--color--status--danger--active);
1045
+ --pf-t--global--border--color--status--danger--hover: var(--pf-t--global--color--status--danger--hover);
1046
+ --pf-t--global--border--color--status--custom--default: var(--pf-t--global--color--status--custom--default);
1047
+ --pf-t--global--border--color--status--custom--hover: var(--pf-t--global--color--status--custom--hover);
1048
+ --pf-t--global--border--color--status--custom--active: var(--pf-t--global--color--status--custom--active);
1049
+ --pf-t--global--border--color--status--success--default: var(--pf-t--global--color--status--success--default);
1050
+ --pf-t--global--border--color--status--success--hover: var(--pf-t--global--color--status--success--hover);
1051
+ --pf-t--global--border--color--status--success--active: var(--pf-t--global--color--status--success--active);
1052
+ --pf-t--global--border--color--status--warning--default: var(--pf-t--global--color--status--warning--default);
1053
+ --pf-t--global--border--color--status--warning--hover: var(--pf-t--global--color--status--warning--hover);
1054
+ --pf-t--global--border--color--status--warning--active: var(--pf-t--global--color--status--warning--active);
1055
+ --pf-t--global--border--color--status--info--active: var(--pf-t--global--color--status--info--active);
1056
+ --pf-t--global--border--color--status--info--hover: var(--pf-t--global--color--status--info--hover);
1057
+ --pf-t--global--border--color--status--info--default: var(--pf-t--global--color--status--info--default);
1058
+ --pf-t--global--text--color--on-brand--hover: var(--pf-t--global--text--color--inverse);
1059
+ --pf-t--global--text--color--on-brand--default: var(--pf-t--global--text--color--inverse);
1060
+ --pf-t--global--text--color--on-brand--active: var(--pf-t--global--text--color--inverse);
1061
+ --pf-t--global--text--color--placeholder: var(--pf-t--global--text--color--subtle);
1062
+ --pf-t--global--text--color--brand--default: var(--pf-t--global--color--brand--default);
1063
+ --pf-t--global--text--color--brand--hover: var(--pf-t--global--color--brand--hover);
1064
+ --pf-t--global--text--color--brand--active: var(--pf-t--global--color--brand--active);
1065
+ --pf-t--global--text--color--status--custom--active: var(--pf-t--global--color--status--custom--active);
1066
+ --pf-t--global--text--color--status--custom--hover: var(--pf-t--global--color--status--custom--hover);
1067
+ --pf-t--global--text--color--status--custom--default: var(--pf-t--global--color--status--custom--default);
1068
+ --pf-t--global--text--color--status--info--default: var(--pf-t--global--color--status--info--default);
1069
+ --pf-t--global--text--color--status--info--active: var(--pf-t--global--color--status--info--active);
1070
+ --pf-t--global--text--color--status--info--hover: var(--pf-t--global--color--status--info--hover);
1071
+ --pf-t--global--text--color--status--on-info--hover: var(--pf-t--global--text--color--inverse);
1072
+ --pf-t--global--text--color--status--on-info--default: var(--pf-t--global--text--color--inverse);
1073
+ --pf-t--global--text--color--status--on-info--active: var(--pf-t--global--text--color--inverse);
1074
+ --pf-t--global--text--color--status--on-danger--hover: var(--pf-t--global--text--color--inverse);
1075
+ --pf-t--global--text--color--status--on-danger--default: var(--pf-t--global--text--color--inverse);
1076
+ --pf-t--global--text--color--status--on-danger--active: var(--pf-t--global--text--color--inverse);
1077
+ --pf-t--global--text--color--status--on-custom--hover: var(--pf-t--global--text--color--inverse);
1078
+ --pf-t--global--text--color--status--on-custom--default: var(--pf-t--global--text--color--inverse);
1079
+ --pf-t--global--text--color--status--on-custom--active: var(--pf-t--global--text--color--inverse);
1080
+ --pf-t--global--text--color--status--on-warning--hover: var(--pf-t--global--text--color--inverse);
1081
+ --pf-t--global--text--color--status--on-warning--default: var(--pf-t--global--text--color--inverse);
1082
+ --pf-t--global--text--color--status--on-warning--active: var(--pf-t--global--text--color--inverse);
1083
+ --pf-t--global--text--color--status--on-success--hover: var(--pf-t--global--text--color--inverse);
1084
+ --pf-t--global--text--color--status--on-success--default: var(--pf-t--global--text--color--inverse);
1085
+ --pf-t--global--text--color--status--on-success--active: var(--pf-t--global--text--color--inverse);
1086
+ --pf-t--global--text--color--status--success--default: var(--pf-t--global--color--status--success--default);
1087
+ --pf-t--global--text--color--status--success--hover: var(--pf-t--global--color--status--success--hover);
1088
+ --pf-t--global--text--color--status--success--active: var(--pf-t--global--color--status--success--active);
1089
+ --pf-t--global--text--color--status--warning--default: var(--pf-t--global--color--status--warning--default);
1090
+ --pf-t--global--text--color--status--warning--hover: var(--pf-t--global--color--status--warning--hover);
1091
+ --pf-t--global--text--color--status--warning--active: var(--pf-t--global--color--status--warning--active);
1092
+ --pf-t--global--text--color--status--danger--active: var(--pf-t--global--color--status--danger--active);
1093
+ --pf-t--global--text--color--status--danger--default: var(--pf-t--global--color--status--danger--default);
1094
+ --pf-t--global--text--color--status--danger--hover: var(--pf-t--global--color--status--danger--hover);
1095
+ --pf-t--global--text--color--nonstatus--on-gold--active: var(--pf-t--global--text--color--inverse);
1096
+ --pf-t--global--text--color--nonstatus--on-gold--hover: var(--pf-t--global--text--color--inverse);
1097
+ --pf-t--global--text--color--nonstatus--on-gold--default: var(--pf-t--global--text--color--inverse);
1098
+ --pf-t--global--text--color--nonstatus--on-green--hover: var(--pf-t--global--text--color--inverse);
1099
+ --pf-t--global--text--color--nonstatus--on-green--default: var(--pf-t--global--text--color--inverse);
1100
+ --pf-t--global--text--color--nonstatus--on-green--active: var(--pf-t--global--text--color--inverse);
1101
+ --pf-t--global--text--color--nonstatus--on-blue--active: var(--pf-t--global--text--color--inverse);
1102
+ --pf-t--global--text--color--nonstatus--on-blue--default: var(--pf-t--global--text--color--inverse);
1103
+ --pf-t--global--text--color--nonstatus--on-blue--hover: var(--pf-t--global--text--color--inverse);
1104
+ --pf-t--global--text--color--nonstatus--on-red--active: var(--pf-t--global--text--color--inverse);
1105
+ --pf-t--global--text--color--nonstatus--on-red--default: var(--pf-t--global--text--color--inverse);
1106
+ --pf-t--global--text--color--nonstatus--on-red--hover: var(--pf-t--global--text--color--inverse);
1107
+ --pf-t--global--text--color--nonstatus--on-orangered--active: var(--pf-t--global--text--color--inverse);
1108
+ --pf-t--global--text--color--nonstatus--on-orangered--default: var(--pf-t--global--text--color--inverse);
1109
+ --pf-t--global--text--color--nonstatus--on-orangered--hover: var(--pf-t--global--text--color--inverse);
1110
+ --pf-t--global--text--color--nonstatus--on-orange--active: var(--pf-t--global--text--color--inverse);
1111
+ --pf-t--global--text--color--nonstatus--on-orange--default: var(--pf-t--global--text--color--inverse);
1112
+ --pf-t--global--text--color--nonstatus--on-orange--hover: var(--pf-t--global--text--color--inverse);
1113
+ --pf-t--global--text--color--nonstatus--on-cyan--active: var(--pf-t--global--text--color--inverse);
1114
+ --pf-t--global--text--color--nonstatus--on-cyan--default: var(--pf-t--global--text--color--inverse);
1115
+ --pf-t--global--text--color--nonstatus--on-cyan--hover: var(--pf-t--global--text--color--inverse);
1116
+ --pf-t--global--text--color--nonstatus--on-purple--active: var(--pf-t--global--text--color--inverse);
1117
+ --pf-t--global--text--color--nonstatus--on-purple--default: var(--pf-t--global--text--color--inverse);
1118
+ --pf-t--global--text--color--nonstatus--on-purple--hover: var(--pf-t--global--text--color--inverse);
1119
+ --pf-t--global--text--color--nonstatus--on-gray--active: var(--pf-t--global--text--color--inverse);
1120
+ --pf-t--global--text--color--nonstatus--on-gray--default: var(--pf-t--global--text--color--inverse);
1121
+ --pf-t--global--text--color--nonstatus--on-gray--hover: var(--pf-t--global--text--color--inverse);
1122
+ --pf-t--global--icon--color--brand--hover: var(--pf-t--global--color--brand--hover);
1123
+ --pf-t--global--icon--color--brand--default: var(--pf-t--global--color--brand--default);
1124
+ --pf-t--global--icon--color--brand--active: var(--pf-t--global--color--brand--active);
1125
+ --pf-t--global--icon--color--on-brand--hover: var(--pf-t--global--icon--color--inverse);
1126
+ --pf-t--global--icon--color--on-brand--default: var(--pf-t--global--icon--color--inverse);
1127
+ --pf-t--global--icon--color--on-brand--active: var(--pf-t--global--icon--color--inverse);
1128
+ --pf-t--global--icon--color--nonstatus--on-orange--active: var(--pf-t--global--icon--color--inverse);
1129
+ --pf-t--global--icon--color--nonstatus--on-orange--hover: var(--pf-t--global--icon--color--inverse);
1130
+ --pf-t--global--icon--color--nonstatus--on-orange--default: var(--pf-t--global--icon--color--inverse);
1131
+ --pf-t--global--icon--color--nonstatus--on-orangered--hover: var(--pf-t--global--icon--color--inverse);
1132
+ --pf-t--global--icon--color--nonstatus--on-orangered--default: var(--pf-t--global--icon--color--inverse);
1133
+ --pf-t--global--icon--color--nonstatus--on-orangered--active: var(--pf-t--global--icon--color--inverse);
1134
+ --pf-t--global--icon--color--nonstatus--on-blue--hover: var(--pf-t--global--icon--color--inverse);
1135
+ --pf-t--global--icon--color--nonstatus--on-blue--default: var(--pf-t--global--icon--color--inverse);
1136
+ --pf-t--global--icon--color--nonstatus--on-blue--active: var(--pf-t--global--icon--color--inverse);
1137
+ --pf-t--global--icon--color--nonstatus--on-red--active: var(--pf-t--global--icon--color--inverse);
1138
+ --pf-t--global--icon--color--nonstatus--on-red--hover: var(--pf-t--global--icon--color--inverse);
1139
+ --pf-t--global--icon--color--nonstatus--on-red--default: var(--pf-t--global--icon--color--inverse);
1140
+ --pf-t--global--icon--color--nonstatus--on-gold--active: var(--pf-t--global--icon--color--inverse);
1141
+ --pf-t--global--icon--color--nonstatus--on-gold--default: var(--pf-t--global--icon--color--inverse);
1142
+ --pf-t--global--icon--color--nonstatus--on-gold--hover: var(--pf-t--global--icon--color--inverse);
1143
+ --pf-t--global--icon--color--nonstatus--on-green--active: var(--pf-t--global--icon--color--inverse);
1144
+ --pf-t--global--icon--color--nonstatus--on-green--default: var(--pf-t--global--icon--color--inverse);
1145
+ --pf-t--global--icon--color--nonstatus--on-green--hover: var(--pf-t--global--icon--color--inverse);
1146
+ --pf-t--global--icon--color--nonstatus--on-cyan--default: var(--pf-t--global--icon--color--inverse);
1147
+ --pf-t--global--icon--color--nonstatus--on-cyan--active: var(--pf-t--global--icon--color--inverse);
1148
+ --pf-t--global--icon--color--nonstatus--on-cyan--hover: var(--pf-t--global--icon--color--inverse);
1149
+ --pf-t--global--icon--color--nonstatus--on-gray--active: var(--pf-t--global--icon--color--inverse);
1150
+ --pf-t--global--icon--color--nonstatus--on-gray--default: var(--pf-t--global--icon--color--inverse);
1151
+ --pf-t--global--icon--color--nonstatus--on-gray--hover: var(--pf-t--global--icon--color--inverse);
1152
+ --pf-t--global--icon--color--nonstatus--on-purple--default: var(--pf-t--global--icon--color--inverse);
1153
+ --pf-t--global--icon--color--nonstatus--on-purple--hover: var(--pf-t--global--icon--color--inverse);
1154
+ --pf-t--global--icon--color--nonstatus--on-purple--active: var(--pf-t--global--icon--color--inverse);
1155
+ --pf-t--global--icon--color--favorite--default: var(--pf-t--global--color--favorite--default);
1156
+ --pf-t--global--icon--color--favorite--hover: var(--pf-t--global--color--favorite--hover);
1157
+ --pf-t--global--icon--color--favorite--active: var(--pf-t--global--color--favorite--active);
1158
+ --pf-t--global--icon--color--status--on-danger--active: var(--pf-t--global--icon--color--inverse);
1159
+ --pf-t--global--icon--color--status--on-danger--hover: var(--pf-t--global--icon--color--inverse);
1160
+ --pf-t--global--icon--color--status--on-danger--default: var(--pf-t--global--icon--color--inverse);
1161
+ --pf-t--global--icon--color--status--on-custom--active: var(--pf-t--global--icon--color--inverse);
1162
+ --pf-t--global--icon--color--status--on-custom--default: var(--pf-t--global--icon--color--inverse);
1163
+ --pf-t--global--icon--color--status--on-custom--hover: var(--pf-t--global--icon--color--inverse);
1164
+ --pf-t--global--icon--color--status--on-info--default: var(--pf-t--global--icon--color--inverse);
1165
+ --pf-t--global--icon--color--status--on-info--active: var(--pf-t--global--icon--color--inverse);
1166
+ --pf-t--global--icon--color--status--on-info--hover: var(--pf-t--global--icon--color--inverse);
1167
+ --pf-t--global--icon--color--status--warning--hover: var(--pf-t--global--color--status--warning--hover);
1168
+ --pf-t--global--icon--color--status--warning--default: var(--pf-t--global--color--status--warning--default);
1169
+ --pf-t--global--icon--color--status--warning--active: var(--pf-t--global--color--status--warning--active);
1170
+ --pf-t--global--icon--color--status--custom--default: var(--pf-t--global--color--status--custom--default);
1171
+ --pf-t--global--icon--color--status--custom--hover: var(--pf-t--global--color--status--custom--hover);
1172
+ --pf-t--global--icon--color--status--custom--active: var(--pf-t--global--color--status--custom--active);
1173
+ --pf-t--global--icon--color--status--success--default: var(--pf-t--global--color--status--success--default);
1174
+ --pf-t--global--icon--color--status--success--hover: var(--pf-t--global--color--status--success--hover);
1175
+ --pf-t--global--icon--color--status--success--active: var(--pf-t--global--color--status--success--active);
1176
+ --pf-t--global--icon--color--status--danger--default: var(--pf-t--global--color--status--danger--default);
1177
+ --pf-t--global--icon--color--status--danger--hover: var(--pf-t--global--color--status--danger--hover);
1178
+ --pf-t--global--icon--color--status--danger--active: var(--pf-t--global--color--status--danger--active);
1179
+ --pf-t--global--icon--color--status--info--hover: var(--pf-t--global--color--status--info--hover);
1180
+ --pf-t--global--icon--color--status--info--default: var(--pf-t--global--color--status--info--default);
1181
+ --pf-t--global--icon--color--status--info--active: var(--pf-t--global--color--status--info--active);
1182
+ --pf-t--global--icon--color--status--on-success--hover: var(--pf-t--global--icon--color--inverse);
1183
+ --pf-t--global--icon--color--status--on-success--default: var(--pf-t--global--icon--color--inverse);
1184
+ --pf-t--global--icon--color--status--on-success--active: var(--pf-t--global--icon--color--inverse);
1185
+ --pf-t--global--icon--color--status--on-warning--hover: var(--pf-t--global--icon--color--inverse);
1186
+ --pf-t--global--icon--color--status--on-warning--default: var(--pf-t--global--icon--color--inverse);
1187
+ --pf-t--global--icon--color--status--on-warning--active: var(--pf-t--global--icon--color--inverse);
1188
+ --pf-t--global--background--color--floating--hover: var(--pf-t--global--background--color--action--plain--hover);
1189
+ --pf-t--global--background--color--floating--selected: var(--pf-t--global--background--color--action--plain--hover);
330
1190
  }