@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
@@ -1,5 +1,5 @@
1
1
  @charset "UTF-8";
2
- .pf-v5-c-table, .pf-v5-c-select, .pf-v5-c-page__sidebar.pf-m-light, .pf-v5-c-menu, .pf-v5-c-masthead.pf-m-light-200, .pf-v5-c-masthead.pf-m-light, .pf-v5-c-form-control, .pf-v5-c-data-list, .pf-v5-c-context-selector__menu, .pf-v5-c-chip-group, .pf-v5-c-chip, .pf-v5-c-calendar-month, .pf-v5-c-banner.pf-m-gold, .pf-v5-c-banner.pf-m-blue, .pf-v5-c-alert, .pf-v5-c-accordion, .pf-v5-t-light {
2
+ .pf-v5-c-table, .pf-v5-c-select, .pf-v5-c-page__sidebar.pf-m-light, .pf-v5-c-menu, .pf-v5-c-form-control, .pf-v5-c-data-list, .pf-v5-c-context-selector__menu, .pf-v5-c-chip-group, .pf-v5-c-chip, .pf-v5-c-calendar-month, .pf-v5-c-banner.pf-m-gold, .pf-v5-c-banner.pf-m-blue, .pf-v5-c-accordion, .pf-v5-t-light {
3
3
  --pf-v5-global--Color--100: var(--pf-v5-global--Color--dark-100);
4
4
  --pf-v5-global--Color--200: var(--pf-v5-global--Color--dark-200);
5
5
  --pf-v5-global--BorderColor--100: var(--pf-v5-global--BorderColor--dark-100);
@@ -11,7 +11,7 @@
11
11
  --pf-v5-global--icon--Color--dark: var(--pf-v5-global--icon--Color--dark--dark);
12
12
  }
13
13
 
14
- .pf-v5-c-wizard__header, .pf-v5-c-page__main-section[class*=pf-m-dark-], .pf-v5-c-page__sidebar-body.pf-m-menu .pf-v5-c-context-selector, .pf-v5-c-page__sidebar, .pf-v5-c-page__header, .pf-v5-c-masthead .pf-v5-c-button.pf-m-plain, .pf-v5-c-masthead, .pf-v5-c-login__footer, .pf-v5-c-login__header, .pf-v5-c-log-viewer.pf-m-dark .pf-v5-c-log-viewer__main, .pf-v5-c-banner, .pf-v5-c-about-modal-box, .pf-v5-t-dark {
14
+ .pf-v5-c-wizard__header, .pf-v5-c-page__main-section[class*=pf-m-dark-], .pf-v5-c-page__sidebar-body.pf-m-menu .pf-v5-c-context-selector, .pf-v5-c-page__header, .pf-v5-c-login__footer, .pf-v5-c-login__header, .pf-v5-c-log-viewer.pf-m-dark .pf-v5-c-log-viewer__main, .pf-v5-c-banner, .pf-v5-c-about-modal-box, .pf-v5-t-dark {
15
15
  --pf-v5-global--Color--100: var(--pf-v5-global--Color--light-100);
16
16
  --pf-v5-global--Color--200: var(--pf-v5-global--Color--light-200);
17
17
  --pf-v5-global--BorderColor--100: var(--pf-v5-global--BorderColor--light-100);
@@ -22,7 +22,7 @@
22
22
  --pf-v5-global--icon--Color--light: var(--pf-v5-global--icon--Color--light--light);
23
23
  --pf-v5-global--icon--Color--dark: var(--pf-v5-global--icon--Color--dark--light);
24
24
  }
25
- .pf-v5-c-wizard__header .pf-v5-c-button, .pf-v5-c-page__main-section[class*=pf-m-dark-] .pf-v5-c-button, .pf-v5-c-page__sidebar-body.pf-m-menu .pf-v5-c-context-selector .pf-v5-c-button, .pf-v5-c-page__sidebar .pf-v5-c-button, .pf-v5-c-page__header .pf-v5-c-button, .pf-v5-c-masthead .pf-v5-c-button.pf-m-plain .pf-v5-c-button, .pf-v5-c-masthead .pf-v5-c-button, .pf-v5-c-login__footer .pf-v5-c-button, .pf-v5-c-login__header .pf-v5-c-button, .pf-v5-c-log-viewer.pf-m-dark .pf-v5-c-log-viewer__main .pf-v5-c-button, .pf-v5-c-banner .pf-v5-c-button, .pf-v5-c-about-modal-box .pf-v5-c-button, .pf-v5-t-dark .pf-v5-c-button {
25
+ .pf-v5-c-wizard__header .pf-v5-c-button, .pf-v5-c-page__main-section[class*=pf-m-dark-] .pf-v5-c-button, .pf-v5-c-page__sidebar-body.pf-m-menu .pf-v5-c-context-selector .pf-v5-c-button, .pf-v5-c-page__header .pf-v5-c-button, .pf-v5-c-login__footer .pf-v5-c-button, .pf-v5-c-login__header .pf-v5-c-button, .pf-v5-c-log-viewer.pf-m-dark .pf-v5-c-log-viewer__main .pf-v5-c-button, .pf-v5-c-banner .pf-v5-c-button, .pf-v5-c-about-modal-box .pf-v5-c-button, .pf-v5-t-dark .pf-v5-c-button {
26
26
  --pf-v5-c-button--m-primary--BackgroundColor: var(--pf-v5-global--primary-color--dark-100);
27
27
  }
28
28
 
@@ -326,7 +326,7 @@
326
326
 
327
327
  :where(.pf-v5-theme-dark) .pf-v5-c-wizard__header .pf-v5-c-button, :where(.pf-v5-theme-dark) .pf-v5-c-page__sidebar-body.pf-m-menu .pf-v5-c-context-selector .pf-v5-c-button,
328
328
  :where(.pf-v5-theme-dark) .pf-v5-c-page__main-section[class*=pf-m-dark-] .pf-v5-c-button,
329
- :where(.pf-v5-theme-dark) .pf-v5-c-page__header .pf-v5-c-button, :where(.pf-v5-theme-dark) .pf-v5-c-masthead .pf-v5-c-button, :where(.pf-v5-theme-dark) .pf-v5-c-login__header .pf-v5-c-button,
329
+ :where(.pf-v5-theme-dark) .pf-v5-c-page__header .pf-v5-c-button, :where(.pf-v5-theme-dark) .pf-v5-c-login__header .pf-v5-c-button,
330
330
  :where(.pf-v5-theme-dark) .pf-v5-c-login__footer .pf-v5-c-button, :where(.pf-v5-theme-dark) .pf-v5-c-log-viewer.pf-m-dark .pf-v5-c-log-viewer__main .pf-v5-c-button, :where(.pf-v5-theme-dark) .pf-v5-c-banner .pf-v5-c-button, :where(.pf-v5-theme-dark) .pf-v5-c-about-modal-box .pf-v5-c-button {
331
331
  --pf-v5-c-button--m-primary--BackgroundColor: var(--pf-v5-global--primary-color--300);
332
332
  }
@@ -421,6 +421,866 @@
421
421
  --pf-v5-global--BoxShadow--inset: inset 0 0 0.625rem 0 #030303;
422
422
  }
423
423
 
424
+ /**
425
+ * Do not edit directly
426
+ * Generated on Wed, 04 Oct 2023 12:59:21 GMT
427
+ */
428
+ :root {
429
+ --pf-t--color--white: #fff;
430
+ --pf-t--color--black: #000;
431
+ --pf-t--color--gray--1000: #151515;
432
+ --pf-t--color--gray--900: #1f1f1f;
433
+ --pf-t--color--gray--800: #292929;
434
+ --pf-t--color--gray--700: #383838;
435
+ --pf-t--color--gray--600: #4d4d4d;
436
+ --pf-t--color--gray--500: #6e6e6e;
437
+ --pf-t--color--gray--400: #a3a3a3;
438
+ --pf-t--color--gray--300: #c7c7c7;
439
+ --pf-t--color--gray--200: #e0e0e0;
440
+ --pf-t--color--gray--100: #f2f2f2;
441
+ --pf-t--color--cyan--700: #023233;
442
+ --pf-t--color--cyan--600: #074c4d;
443
+ --pf-t--color--cyan--500: #187577;
444
+ --pf-t--color--cyan--400: #42adaf;
445
+ --pf-t--color--cyan--300: #88dadb;
446
+ --pf-t--color--cyan--200: #b3ebec;
447
+ --pf-t--color--cyan--100: #e3fcfc;
448
+ --pf-t--color--blue--700: #001c43;
449
+ --pf-t--color--blue--600: #002b68;
450
+ --pf-t--color--blue--500: #0043a0;
451
+ --pf-t--color--blue--400: #0c61d9;
452
+ --pf-t--color--blue--300: #60a2ff;
453
+ --pf-t--color--blue--200: #9cc5ff;
454
+ --pf-t--color--blue--100: #d9e9ff;
455
+ --pf-t--color--gold--700: #4e3500;
456
+ --pf-t--color--gold--600: #755200;
457
+ --pf-t--color--gold--500: #ac7a00;
458
+ --pf-t--color--gold--400: #f0ab00;
459
+ --pf-t--color--gold--300: #ffcd5b;
460
+ --pf-t--color--gold--200: #ffdc9b;
461
+ --pf-t--color--gold--100: #ffefd9;
462
+ --pf-t--color--green--700: #062901;
463
+ --pf-t--color--green--600: #0b3906;
464
+ --pf-t--color--green--500: #1b5813;
465
+ --pf-t--color--green--400: #3e8635;
466
+ --pf-t--color--green--300: #83c079;
467
+ --pf-t--color--green--200: #b2deaa;
468
+ --pf-t--color--green--100: #e7fce3;
469
+ --pf-t--color--orange--700: #501d00;
470
+ --pf-t--color--orange--600: #792f04;
471
+ --pf-t--color--orange--500: #b14e14;
472
+ --pf-t--color--orange--400: #f7823d;
473
+ --pf-t--color--orange--300: #ffb989;
474
+ --pf-t--color--orange--200: #ffd1b2;
475
+ --pf-t--color--orange--100: #ffe7d9;
476
+ --pf-t--color--orangered--700: #331500;
477
+ --pf-t--color--orangered--600: #552000;
478
+ --pf-t--color--orangered--500: #882d00;
479
+ --pf-t--color--orangered--400: #cc3a00;
480
+ --pf-t--color--orangered--300: #ff542e;
481
+ --pf-t--color--orangered--200: #ff947c;
482
+ --pf-t--color--orangered--100: #ffd3c9;
483
+ --pf-t--color--purple--700: #1c1337;
484
+ --pf-t--color--purple--600: #291b55;
485
+ --pf-t--color--purple--500: #3e2882;
486
+ --pf-t--color--purple--400: #5f40be;
487
+ --pf-t--color--purple--300: #9a81e5;
488
+ --pf-t--color--purple--200: #c0b0f1;
489
+ --pf-t--color--purple--100: #eae3fc;
490
+ --pf-t--color--red--700: #3a0400;
491
+ --pf-t--color--red--600: #5a0600;
492
+ --pf-t--color--red--500: #8a0a00;
493
+ --pf-t--color--red--400: #c9190b;
494
+ --pf-t--color--red--300: #ee665b;
495
+ --pf-t--color--red--200: #f69f98;
496
+ --pf-t--color--red--100: #ffdbd9;
497
+ }
498
+
499
+ /**
500
+ * Do not edit directly
501
+ * Generated on Wed, 04 Oct 2023 12:58:15 GMT
502
+ */
503
+ :root {
504
+ --pf-t--global--background--color--action--plain--default: rgba(255, 255, 255, 0.0000);
505
+ --pf-t--global--background--color--500: rgba(21, 21, 21, 0.2000);
506
+ --pf-t--global--spacer--800: 80px;
507
+ --pf-t--global--spacer--700: 64px;
508
+ --pf-t--global--spacer--600: 48px;
509
+ --pf-t--global--spacer--500: 32px;
510
+ --pf-t--global--spacer--400: 24px;
511
+ --pf-t--global--spacer--300: 16px;
512
+ --pf-t--global--spacer--200: 8px;
513
+ --pf-t--global--spacer--100: 4px;
514
+ --pf-t--global--icon--size--400: 56px;
515
+ --pf-t--global--icon--size--300: 22px;
516
+ --pf-t--global--icon--size--200: 14px;
517
+ --pf-t--global--icon--size--100: 12px;
518
+ --pf-t--global--border--width--300: 3px;
519
+ --pf-t--global--border--width--200: 2px;
520
+ --pf-t--global--border--width--100: 1px;
521
+ --pf-t--global--border--radius--500: 999px;
522
+ --pf-t--global--border--radius--400: 24px;
523
+ --pf-t--global--border--radius--300: 16px;
524
+ --pf-t--global--border--radius--200: 6px;
525
+ --pf-t--global--border--radius--100: 4px;
526
+ --pf-t--global--border--radius--0: 0px;
527
+ --pf-t--global--color--disabled--300: var(--pf-t--color--gray--600);
528
+ --pf-t--global--color--disabled--200: var(--pf-t--color--gray--500);
529
+ --pf-t--global--color--disabled--100: var(--pf-t--color--gray--400);
530
+ --pf-t--global--color--brand--300: var(--pf-t--color--blue--500);
531
+ --pf-t--global--color--brand--200: var(--pf-t--color--blue--400);
532
+ --pf-t--global--color--brand--100: var(--pf-t--color--blue--300);
533
+ --pf-t--global--color--status--custom--200: var(--pf-t--color--cyan--500);
534
+ --pf-t--global--color--status--custom--100: var(--pf-t--color--cyan--400);
535
+ --pf-t--global--color--status--success--200: var(--pf-t--color--green--500);
536
+ --pf-t--global--color--status--success--100: var(--pf-t--color--green--400);
537
+ --pf-t--global--color--status--info--200: var(--pf-t--color--purple--500);
538
+ --pf-t--global--color--status--info--100: var(--pf-t--color--purple--400);
539
+ --pf-t--global--color--status--warning--200: var(--pf-t--color--gold--500);
540
+ --pf-t--global--color--status--warning--100: var(--pf-t--color--gold--400);
541
+ --pf-t--global--color--status--danger--200: var(--pf-t--color--orangered--500);
542
+ --pf-t--global--color--status--danger--100: var(--pf-t--color--orangered--400);
543
+ --pf-t--global--color--nonstatus--gray--300: var(--pf-t--color--gray--400);
544
+ --pf-t--global--color--nonstatus--gray--200: var(--pf-t--color--gray--300);
545
+ --pf-t--global--color--nonstatus--gray--100: var(--pf-t--color--gray--200);
546
+ --pf-t--global--color--nonstatus--orange--300: var(--pf-t--color--orange--400);
547
+ --pf-t--global--color--nonstatus--orange--200: var(--pf-t--color--orange--300);
548
+ --pf-t--global--color--nonstatus--orange--100: var(--pf-t--color--orange--200);
549
+ --pf-t--global--color--nonstatus--orangered--300: var(--pf-t--color--orangered--400);
550
+ --pf-t--global--color--nonstatus--orangered--200: var(--pf-t--color--orangered--300);
551
+ --pf-t--global--color--nonstatus--orangered--100: var(--pf-t--color--orangered--200);
552
+ --pf-t--global--color--nonstatus--cyan--300: var(--pf-t--color--cyan--400);
553
+ --pf-t--global--color--nonstatus--cyan--200: var(--pf-t--color--cyan--300);
554
+ --pf-t--global--color--nonstatus--cyan--100: var(--pf-t--color--cyan--200);
555
+ --pf-t--global--color--nonstatus--gold--300: var(--pf-t--color--gold--400);
556
+ --pf-t--global--color--nonstatus--gold--200: var(--pf-t--color--gold--300);
557
+ --pf-t--global--color--nonstatus--gold--100: var(--pf-t--color--gold--200);
558
+ --pf-t--global--color--nonstatus--red--300: var(--pf-t--color--red--400);
559
+ --pf-t--global--color--nonstatus--red--200: var(--pf-t--color--red--300);
560
+ --pf-t--global--color--nonstatus--red--100: var(--pf-t--color--red--200);
561
+ --pf-t--global--color--nonstatus--blue--300: var(--pf-t--color--blue--400);
562
+ --pf-t--global--color--nonstatus--blue--200: var(--pf-t--color--blue--300);
563
+ --pf-t--global--color--nonstatus--blue--100: var(--pf-t--color--blue--200);
564
+ --pf-t--global--color--nonstatus--green--300: var(--pf-t--color--green--400);
565
+ --pf-t--global--color--nonstatus--green--200: var(--pf-t--color--green--300);
566
+ --pf-t--global--color--nonstatus--green--100: var(--pf-t--color--green--200);
567
+ --pf-t--global--color--nonstatus--purple--300: var(--pf-t--color--purple--400);
568
+ --pf-t--global--color--nonstatus--purple--200: var(--pf-t--color--purple--300);
569
+ --pf-t--global--color--nonstatus--purple--100: var(--pf-t--color--purple--200);
570
+ --pf-t--global--color--favorite--200: var(--pf-t--color--gold--500);
571
+ --pf-t--global--color--favorite--100: var(--pf-t--color--gold--400);
572
+ --pf-t--global--text--color--link--300: var(--pf-t--color--purple--400);
573
+ --pf-t--global--text--color--link--200: var(--pf-t--color--blue--500);
574
+ --pf-t--global--text--color--link--100: var(--pf-t--color--blue--400);
575
+ --pf-t--global--text--color--400: var(--pf-t--color--orangered--400);
576
+ --pf-t--global--text--color--300: var(--pf-t--color--white);
577
+ --pf-t--global--text--color--200: var(--pf-t--color--gray--500);
578
+ --pf-t--global--text--color--100: var(--pf-t--color--gray--900);
579
+ --pf-t--global--background--color--backdrop--default: var(--pf-t--global--background--color--500);
580
+ --pf-t--global--background--color--highlight--200: var(--pf-t--color--gold--400);
581
+ --pf-t--global--background--color--highlight--100: var(--pf-t--color--gold--300);
582
+ --pf-t--global--background--color--400: var(--pf-t--color--gray--800);
583
+ --pf-t--global--background--color--300: var(--pf-t--color--gray--200);
584
+ --pf-t--global--background--color--200: var(--pf-t--color--gray--100);
585
+ --pf-t--global--background--color--100: var(--pf-t--color--white);
586
+ --pf-t--global--spacer--sm: 8px;
587
+ --pf-t--global--spacer--xl: 32px;
588
+ --pf-t--global--spacer--xs: 4px;
589
+ --pf-t--global--spacer--2xl: 48px;
590
+ --pf-t--global--spacer--lg: 24px;
591
+ --pf-t--global--spacer--md: 16px;
592
+ --pf-t--global--spacer--3xl: 64px;
593
+ --pf-t--global--spacer--4xl: 80px;
594
+ --pf-t--global--icon--color--300: var(--pf-t--color--white);
595
+ --pf-t--global--icon--color--200: var(--pf-t--color--gray--500);
596
+ --pf-t--global--icon--color--100: var(--pf-t--color--gray--900);
597
+ --pf-t--global--icon--size--sm: 12px;
598
+ --pf-t--global--icon--size--md: 14px;
599
+ --pf-t--global--icon--size--lg: 22px;
600
+ --pf-t--global--icon--size--xl: 56px;
601
+ --pf-t--global--border--color--200: var(--pf-t--color--gray--400);
602
+ --pf-t--global--border--color--100: var(--pf-t--color--gray--300);
603
+ --pf-t--global--border--width--divider--default: 1px;
604
+ --pf-t--global--border--width--divider--hover: 1px;
605
+ --pf-t--global--border--width--divider--active: 1px;
606
+ --pf-t--global--border--width--control--hover: 1px;
607
+ --pf-t--global--border--width--control--active: 2px;
608
+ --pf-t--global--border--width--control--default: 1px;
609
+ --pf-t--global--border--width--button--hover: 2px;
610
+ --pf-t--global--border--width--button--default: 1px;
611
+ --pf-t--global--border--width--button--active: 2px;
612
+ --pf-t--global--border--radius--pill: 999px;
613
+ --pf-t--global--border--radius--tiny: 4px;
614
+ --pf-t--global--border--radius--medium: 16px;
615
+ --pf-t--global--border--radius--large: 24px;
616
+ --pf-t--global--border--radius--small: 6px;
617
+ --pf-t--global--border--radius--sharp: 0px;
618
+ --pf-t--global--color--brand--default: var(--pf-t--global--color--brand--200);
619
+ --pf-t--global--color--brand--hover: var(--pf-t--global--color--brand--300);
620
+ --pf-t--global--color--brand--active: var(--pf-t--global--color--brand--300);
621
+ --pf-t--global--color--status--custom--default: var(--pf-t--global--color--status--custom--100);
622
+ --pf-t--global--color--status--custom--hover: var(--pf-t--global--color--status--custom--200);
623
+ --pf-t--global--color--status--custom--active: var(--pf-t--global--color--status--custom--200);
624
+ --pf-t--global--color--status--success--default: var(--pf-t--global--color--status--success--100);
625
+ --pf-t--global--color--status--success--hover: var(--pf-t--global--color--status--success--200);
626
+ --pf-t--global--color--status--success--active: var(--pf-t--global--color--status--success--200);
627
+ --pf-t--global--color--status--info--default: var(--pf-t--global--color--status--info--100);
628
+ --pf-t--global--color--status--info--hover: var(--pf-t--global--color--status--info--200);
629
+ --pf-t--global--color--status--info--active: var(--pf-t--global--color--status--info--200);
630
+ --pf-t--global--color--status--warning--hover: var(--pf-t--global--color--status--warning--200);
631
+ --pf-t--global--color--status--warning--active: var(--pf-t--global--color--status--warning--200);
632
+ --pf-t--global--color--status--warning--default: var(--pf-t--global--color--status--warning--100);
633
+ --pf-t--global--color--status--danger--default: var(--pf-t--global--color--status--danger--100);
634
+ --pf-t--global--color--status--danger--hover: var(--pf-t--global--color--status--danger--200);
635
+ --pf-t--global--color--status--danger--active: var(--pf-t--global--color--status--danger--200);
636
+ --pf-t--global--color--nonstatus--gray--hover: var(--pf-t--global--color--nonstatus--gray--200);
637
+ --pf-t--global--color--nonstatus--gray--default: var(--pf-t--global--color--nonstatus--gray--100);
638
+ --pf-t--global--color--nonstatus--gray--active: var(--pf-t--global--color--nonstatus--gray--200);
639
+ --pf-t--global--color--nonstatus--orange--default: var(--pf-t--global--color--nonstatus--orange--100);
640
+ --pf-t--global--color--nonstatus--orange--hover: var(--pf-t--global--color--nonstatus--orange--200);
641
+ --pf-t--global--color--nonstatus--orange--active: var(--pf-t--global--color--nonstatus--orange--200);
642
+ --pf-t--global--color--nonstatus--orangered--default: var(--pf-t--global--color--nonstatus--orangered--100);
643
+ --pf-t--global--color--nonstatus--orangered--hover: var(--pf-t--global--color--nonstatus--orangered--200);
644
+ --pf-t--global--color--nonstatus--orangered--active: var(--pf-t--global--color--nonstatus--orangered--200);
645
+ --pf-t--global--color--nonstatus--cyan--hover: var(--pf-t--global--color--nonstatus--cyan--200);
646
+ --pf-t--global--color--nonstatus--cyan--default: var(--pf-t--global--color--nonstatus--cyan--100);
647
+ --pf-t--global--color--nonstatus--cyan--active: var(--pf-t--global--color--nonstatus--cyan--200);
648
+ --pf-t--global--color--nonstatus--gold--default: var(--pf-t--global--color--nonstatus--gold--100);
649
+ --pf-t--global--color--nonstatus--gold--hover: var(--pf-t--global--color--nonstatus--gold--200);
650
+ --pf-t--global--color--nonstatus--gold--active: var(--pf-t--global--color--nonstatus--gold--200);
651
+ --pf-t--global--color--nonstatus--red--default: var(--pf-t--global--color--nonstatus--red--100);
652
+ --pf-t--global--color--nonstatus--red--hover: var(--pf-t--global--color--nonstatus--red--200);
653
+ --pf-t--global--color--nonstatus--red--active: var(--pf-t--global--color--nonstatus--red--200);
654
+ --pf-t--global--color--nonstatus--blue--default: var(--pf-t--global--color--nonstatus--blue--100);
655
+ --pf-t--global--color--nonstatus--blue--hover: var(--pf-t--global--color--nonstatus--blue--200);
656
+ --pf-t--global--color--nonstatus--blue--active: var(--pf-t--global--color--nonstatus--blue--200);
657
+ --pf-t--global--color--nonstatus--green--default: var(--pf-t--global--color--nonstatus--green--100);
658
+ --pf-t--global--color--nonstatus--green--hover: var(--pf-t--global--color--nonstatus--green--200);
659
+ --pf-t--global--color--nonstatus--green--active: var(--pf-t--global--color--nonstatus--green--200);
660
+ --pf-t--global--color--nonstatus--purple--default: var(--pf-t--global--color--nonstatus--purple--100);
661
+ --pf-t--global--color--nonstatus--purple--hover: var(--pf-t--global--color--nonstatus--purple--200);
662
+ --pf-t--global--color--nonstatus--purple--active: var(--pf-t--global--color--nonstatus--purple--200);
663
+ --pf-t--global--color--favorite--default: var(--pf-t--global--color--favorite--100);
664
+ --pf-t--global--color--favorite--hover: var(--pf-t--global--color--favorite--200);
665
+ --pf-t--global--color--favorite--active: var(--pf-t--global--color--favorite--200);
666
+ --pf-t--global--text--color--required: var(--pf-t--global--text--color--400);
667
+ --pf-t--global--text--color--regular: var(--pf-t--global--text--color--100);
668
+ --pf-t--global--text--color--subtle: var(--pf-t--global--text--color--200);
669
+ --pf-t--global--text--color--inverse: var(--pf-t--global--text--color--300);
670
+ --pf-t--global--text--color--on-disabled: var(--pf-t--global--color--disabled--300);
671
+ --pf-t--global--text--color--disabled: var(--pf-t--global--color--disabled--100);
672
+ --pf-t--global--text--color--link--default: var(--pf-t--global--text--color--link--100);
673
+ --pf-t--global--text--color--link--hover: var(--pf-t--global--text--color--link--200);
674
+ --pf-t--global--text--color--link--visited: var(--pf-t--global--text--color--link--300);
675
+ --pf-t--global--background--color--secondary--selected: var(--pf-t--global--background--color--300);
676
+ --pf-t--global--background--color--secondary--default: var(--pf-t--global--background--color--200);
677
+ --pf-t--global--background--color--secondary--hover: var(--pf-t--global--background--color--300);
678
+ --pf-t--global--background--color--inverse--default: var(--pf-t--global--background--color--400);
679
+ --pf-t--global--background--color--disabled--default: var(--pf-t--global--color--disabled--100);
680
+ --pf-t--global--background--color--primary--selected: var(--pf-t--global--background--color--200);
681
+ --pf-t--global--background--color--primary--default: var(--pf-t--global--background--color--100);
682
+ --pf-t--global--background--color--primary--hover: var(--pf-t--global--background--color--200);
683
+ --pf-t--global--background--color--floating--default: var(--pf-t--global--background--color--100);
684
+ --pf-t--global--background--color--floating--hover: var(--pf-t--global--background--color--200);
685
+ --pf-t--global--background--color--floating--selected: var(--pf-t--global--background--color--200);
686
+ --pf-t--global--background--color--action--plain--hover: var(--pf-t--global--background--color--200);
687
+ --pf-t--global--background--color--action--plain--alt--hover: var(--pf-t--global--background--color--100);
688
+ --pf-t--global--background--color--action--plain--alt--selected: var(--pf-t--global--background--color--100);
689
+ --pf-t--global--background--color--action--plain--selected: var(--pf-t--global--background--color--200);
690
+ --pf-t--global--background--color--highlight--default: var(--pf-t--global--background--color--highlight--100);
691
+ --pf-t--global--background--color--highlight--active: var(--pf-t--global--background--color--highlight--200);
692
+ --pf-t--global--icon--color--regular: var(--pf-t--global--icon--color--100);
693
+ --pf-t--global--icon--color--on-disabled: var(--pf-t--global--color--disabled--300);
694
+ --pf-t--global--icon--color--inverse: var(--pf-t--global--icon--color--300);
695
+ --pf-t--global--icon--color--subtle: var(--pf-t--global--icon--color--200);
696
+ --pf-t--global--icon--color--disabled: var(--pf-t--global--color--disabled--100);
697
+ --pf-t--global--border--color--hover: var(--pf-t--global--color--brand--100);
698
+ --pf-t--global--border--color--default: var(--pf-t--global--border--color--100);
699
+ --pf-t--global--border--color--active: var(--pf-t--global--color--brand--200);
700
+ --pf-t--global--border--color--nonstatus--blue--default: var(--pf-t--global--color--nonstatus--blue--200);
701
+ --pf-t--global--border--color--nonstatus--blue--hover: var(--pf-t--global--color--nonstatus--blue--300);
702
+ --pf-t--global--border--color--nonstatus--blue--active: var(--pf-t--global--color--nonstatus--blue--300);
703
+ --pf-t--global--border--color--nonstatus--red--default: var(--pf-t--global--color--nonstatus--red--200);
704
+ --pf-t--global--border--color--nonstatus--red--hover: var(--pf-t--global--color--nonstatus--red--300);
705
+ --pf-t--global--border--color--nonstatus--red--active: var(--pf-t--global--color--nonstatus--red--300);
706
+ --pf-t--global--border--color--nonstatus--orangered--active: var(--pf-t--global--color--nonstatus--orangered--300);
707
+ --pf-t--global--border--color--nonstatus--orangered--default: var(--pf-t--global--color--nonstatus--orangered--200);
708
+ --pf-t--global--border--color--nonstatus--orangered--hover: var(--pf-t--global--color--nonstatus--orangered--300);
709
+ --pf-t--global--border--color--nonstatus--orange--hover: var(--pf-t--global--color--nonstatus--orange--300);
710
+ --pf-t--global--border--color--nonstatus--orange--default: var(--pf-t--global--color--nonstatus--orange--200);
711
+ --pf-t--global--border--color--nonstatus--orange--active: var(--pf-t--global--color--nonstatus--orange--300);
712
+ --pf-t--global--border--color--nonstatus--gold--default: var(--pf-t--global--color--nonstatus--gold--200);
713
+ --pf-t--global--border--color--nonstatus--gold--hover: var(--pf-t--global--color--nonstatus--gold--300);
714
+ --pf-t--global--border--color--nonstatus--gold--active: var(--pf-t--global--color--nonstatus--gold--300);
715
+ --pf-t--global--border--color--nonstatus--green--default: var(--pf-t--global--color--nonstatus--green--200);
716
+ --pf-t--global--border--color--nonstatus--green--hover: var(--pf-t--global--color--nonstatus--green--300);
717
+ --pf-t--global--border--color--nonstatus--green--active: var(--pf-t--global--color--nonstatus--green--300);
718
+ --pf-t--global--border--color--nonstatus--cyan--active: var(--pf-t--global--color--nonstatus--cyan--300);
719
+ --pf-t--global--border--color--nonstatus--cyan--hover: var(--pf-t--global--color--nonstatus--cyan--300);
720
+ --pf-t--global--border--color--nonstatus--cyan--default: var(--pf-t--global--color--nonstatus--cyan--200);
721
+ --pf-t--global--border--color--nonstatus--purple--default: var(--pf-t--global--color--nonstatus--purple--200);
722
+ --pf-t--global--border--color--nonstatus--purple--hover: var(--pf-t--global--color--nonstatus--purple--300);
723
+ --pf-t--global--border--color--nonstatus--purple--active: var(--pf-t--global--color--nonstatus--purple--300);
724
+ --pf-t--global--border--color--nonstatus--gray--default: var(--pf-t--global--color--nonstatus--gray--200);
725
+ --pf-t--global--border--color--nonstatus--gray--hover: var(--pf-t--global--color--nonstatus--gray--300);
726
+ --pf-t--global--border--color--nonstatus--gray--active: var(--pf-t--global--color--nonstatus--gray--300);
727
+ --pf-t--global--text--color--on-brand--hover: var(--pf-t--global--text--color--inverse);
728
+ --pf-t--global--text--color--on-brand--default: var(--pf-t--global--text--color--inverse);
729
+ --pf-t--global--text--color--on-brand--active: var(--pf-t--global--text--color--inverse);
730
+ --pf-t--global--text--color--placeholder: var(--pf-t--global--text--color--subtle);
731
+ --pf-t--global--text--color--brand--default: var(--pf-t--global--color--brand--default);
732
+ --pf-t--global--text--color--brand--hover: var(--pf-t--global--color--brand--hover);
733
+ --pf-t--global--text--color--brand--active: var(--pf-t--global--color--brand--active);
734
+ --pf-t--global--text--color--status--custom--active: var(--pf-t--global--color--status--custom--active);
735
+ --pf-t--global--text--color--status--custom--hover: var(--pf-t--global--color--status--custom--hover);
736
+ --pf-t--global--text--color--status--custom--default: var(--pf-t--global--color--status--custom--default);
737
+ --pf-t--global--text--color--status--info--default: var(--pf-t--global--color--status--info--default);
738
+ --pf-t--global--text--color--status--info--active: var(--pf-t--global--color--status--info--active);
739
+ --pf-t--global--text--color--status--info--hover: var(--pf-t--global--color--status--info--hover);
740
+ --pf-t--global--text--color--status--on-info--hover: var(--pf-t--global--text--color--inverse);
741
+ --pf-t--global--text--color--status--on-info--default: var(--pf-t--global--text--color--inverse);
742
+ --pf-t--global--text--color--status--on-info--active: var(--pf-t--global--text--color--inverse);
743
+ --pf-t--global--text--color--status--on-danger--hover: var(--pf-t--global--text--color--inverse);
744
+ --pf-t--global--text--color--status--on-danger--default: var(--pf-t--global--text--color--inverse);
745
+ --pf-t--global--text--color--status--on-danger--active: var(--pf-t--global--icon--color--inverse);
746
+ --pf-t--global--text--color--status--on-custom--hover: var(--pf-t--global--text--color--inverse);
747
+ --pf-t--global--text--color--status--on-custom--default: var(--pf-t--global--text--color--inverse);
748
+ --pf-t--global--text--color--status--on-custom--active: var(--pf-t--global--text--color--inverse);
749
+ --pf-t--global--text--color--status--on-warning--hover: var(--pf-t--global--text--color--inverse);
750
+ --pf-t--global--text--color--status--on-warning--default: var(--pf-t--global--text--color--regular);
751
+ --pf-t--global--text--color--status--on-warning--active: var(--pf-t--global--text--color--inverse);
752
+ --pf-t--global--text--color--status--on-success--hover: var(--pf-t--global--text--color--inverse);
753
+ --pf-t--global--text--color--status--on-success--default: var(--pf-t--global--text--color--inverse);
754
+ --pf-t--global--text--color--status--on-success--active: var(--pf-t--global--text--color--inverse);
755
+ --pf-t--global--text--color--status--success--default: var(--pf-t--global--color--status--success--default);
756
+ --pf-t--global--text--color--status--success--hover: var(--pf-t--global--color--status--success--hover);
757
+ --pf-t--global--text--color--status--success--active: var(--pf-t--global--color--status--success--active);
758
+ --pf-t--global--text--color--status--warning--default: var(--pf-t--global--color--status--warning--default);
759
+ --pf-t--global--text--color--status--warning--hover: var(--pf-t--global--color--status--warning--hover);
760
+ --pf-t--global--text--color--status--warning--active: var(--pf-t--global--color--status--warning--active);
761
+ --pf-t--global--text--color--status--danger--active: var(--pf-t--global--color--status--danger--active);
762
+ --pf-t--global--text--color--status--danger--default: var(--pf-t--global--color--status--danger--default);
763
+ --pf-t--global--text--color--status--danger--hover: var(--pf-t--global--color--status--danger--hover);
764
+ --pf-t--global--text--color--nonstatus--on-gold--active: var(--pf-t--global--text--color--regular);
765
+ --pf-t--global--text--color--nonstatus--on-gold--hover: var(--pf-t--global--text--color--regular);
766
+ --pf-t--global--text--color--nonstatus--on-gold--default: var(--pf-t--global--text--color--regular);
767
+ --pf-t--global--text--color--nonstatus--on-green--hover: var(--pf-t--global--text--color--regular);
768
+ --pf-t--global--text--color--nonstatus--on-green--default: var(--pf-t--global--text--color--regular);
769
+ --pf-t--global--text--color--nonstatus--on-green--active: var(--pf-t--global--text--color--regular);
770
+ --pf-t--global--text--color--nonstatus--on-blue--active: var(--pf-t--global--text--color--regular);
771
+ --pf-t--global--text--color--nonstatus--on-blue--default: var(--pf-t--global--text--color--regular);
772
+ --pf-t--global--text--color--nonstatus--on-blue--hover: var(--pf-t--global--text--color--regular);
773
+ --pf-t--global--text--color--nonstatus--on-red--active: var(--pf-t--global--text--color--regular);
774
+ --pf-t--global--text--color--nonstatus--on-red--default: var(--pf-t--global--text--color--regular);
775
+ --pf-t--global--text--color--nonstatus--on-red--hover: var(--pf-t--global--text--color--regular);
776
+ --pf-t--global--text--color--nonstatus--on-orangered--active: var(--pf-t--global--text--color--regular);
777
+ --pf-t--global--text--color--nonstatus--on-orangered--default: var(--pf-t--global--text--color--regular);
778
+ --pf-t--global--text--color--nonstatus--on-orangered--hover: var(--pf-t--global--text--color--regular);
779
+ --pf-t--global--text--color--nonstatus--on-orange--active: var(--pf-t--global--text--color--regular);
780
+ --pf-t--global--text--color--nonstatus--on-orange--default: var(--pf-t--global--text--color--regular);
781
+ --pf-t--global--text--color--nonstatus--on-orange--hover: var(--pf-t--global--text--color--regular);
782
+ --pf-t--global--text--color--nonstatus--on-cyan--active: var(--pf-t--global--text--color--regular);
783
+ --pf-t--global--text--color--nonstatus--on-cyan--default: var(--pf-t--global--text--color--regular);
784
+ --pf-t--global--text--color--nonstatus--on-cyan--hover: var(--pf-t--global--text--color--regular);
785
+ --pf-t--global--text--color--nonstatus--on-purple--active: var(--pf-t--global--text--color--regular);
786
+ --pf-t--global--text--color--nonstatus--on-purple--default: var(--pf-t--global--text--color--regular);
787
+ --pf-t--global--text--color--nonstatus--on-purple--hover: var(--pf-t--global--text--color--regular);
788
+ --pf-t--global--text--color--nonstatus--on-gray--active: var(--pf-t--global--text--color--regular);
789
+ --pf-t--global--text--color--nonstatus--on-gray--default: var(--pf-t--global--text--color--regular);
790
+ --pf-t--global--text--color--nonstatus--on-gray--hover: var(--pf-t--global--text--color--regular);
791
+ --pf-t--global--background--color--control--default: var(--pf-t--global--background--color--primary--default);
792
+ --pf-t--global--icon--color--brand--hover: var(--pf-t--global--color--brand--hover);
793
+ --pf-t--global--icon--color--brand--default: var(--pf-t--global--color--brand--default);
794
+ --pf-t--global--icon--color--brand--active: var(--pf-t--global--color--brand--active);
795
+ --pf-t--global--icon--color--on-brand--hover: var(--pf-t--global--icon--color--inverse);
796
+ --pf-t--global--icon--color--on-brand--default: var(--pf-t--global--icon--color--inverse);
797
+ --pf-t--global--icon--color--on-brand--active: var(--pf-t--global--icon--color--inverse);
798
+ --pf-t--global--icon--color--nonstatus--on-orange--active: var(--pf-t--global--icon--color--regular);
799
+ --pf-t--global--icon--color--nonstatus--on-orange--hover: var(--pf-t--global--icon--color--regular);
800
+ --pf-t--global--icon--color--nonstatus--on-orange--default: var(--pf-t--global--icon--color--regular);
801
+ --pf-t--global--icon--color--nonstatus--on-orangered--hover: var(--pf-t--global--icon--color--regular);
802
+ --pf-t--global--icon--color--nonstatus--on-orangered--default: var(--pf-t--global--icon--color--regular);
803
+ --pf-t--global--icon--color--nonstatus--on-orangered--active: var(--pf-t--global--icon--color--regular);
804
+ --pf-t--global--icon--color--nonstatus--on-blue--hover: var(--pf-t--global--icon--color--regular);
805
+ --pf-t--global--icon--color--nonstatus--on-blue--default: var(--pf-t--global--icon--color--regular);
806
+ --pf-t--global--icon--color--nonstatus--on-blue--active: var(--pf-t--global--icon--color--regular);
807
+ --pf-t--global--icon--color--nonstatus--on-red--active: var(--pf-t--global--icon--color--regular);
808
+ --pf-t--global--icon--color--nonstatus--on-red--hover: var(--pf-t--global--icon--color--regular);
809
+ --pf-t--global--icon--color--nonstatus--on-red--default: var(--pf-t--global--icon--color--regular);
810
+ --pf-t--global--icon--color--nonstatus--on-gold--active: var(--pf-t--global--icon--color--regular);
811
+ --pf-t--global--icon--color--nonstatus--on-gold--default: var(--pf-t--global--icon--color--regular);
812
+ --pf-t--global--icon--color--nonstatus--on-gold--hover: var(--pf-t--global--icon--color--regular);
813
+ --pf-t--global--icon--color--nonstatus--on-green--active: var(--pf-t--global--icon--color--regular);
814
+ --pf-t--global--icon--color--nonstatus--on-green--default: var(--pf-t--global--icon--color--regular);
815
+ --pf-t--global--icon--color--nonstatus--on-green--hover: var(--pf-t--global--icon--color--regular);
816
+ --pf-t--global--icon--color--nonstatus--on-cyan--default: var(--pf-t--global--icon--color--regular);
817
+ --pf-t--global--icon--color--nonstatus--on-cyan--active: var(--pf-t--global--icon--color--regular);
818
+ --pf-t--global--icon--color--nonstatus--on-cyan--hover: var(--pf-t--global--icon--color--regular);
819
+ --pf-t--global--icon--color--nonstatus--on-gray--active: var(--pf-t--global--icon--color--regular);
820
+ --pf-t--global--icon--color--nonstatus--on-gray--default: var(--pf-t--global--icon--color--regular);
821
+ --pf-t--global--icon--color--nonstatus--on-gray--hover: var(--pf-t--global--icon--color--regular);
822
+ --pf-t--global--icon--color--nonstatus--on-purple--default: var(--pf-t--global--icon--color--regular);
823
+ --pf-t--global--icon--color--nonstatus--on-purple--hover: var(--pf-t--global--icon--color--regular);
824
+ --pf-t--global--icon--color--nonstatus--on-purple--active: var(--pf-t--global--icon--color--regular);
825
+ --pf-t--global--icon--color--favorite--default: var(--pf-t--global--color--favorite--default);
826
+ --pf-t--global--icon--color--favorite--hover: var(--pf-t--global--color--favorite--hover);
827
+ --pf-t--global--icon--color--favorite--active: var(--pf-t--global--color--favorite--active);
828
+ --pf-t--global--icon--color--status--on-danger--active: var(--pf-t--global--icon--color--inverse);
829
+ --pf-t--global--icon--color--status--on-danger--hover: var(--pf-t--global--icon--color--inverse);
830
+ --pf-t--global--icon--color--status--on-danger--default: var(--pf-t--global--icon--color--inverse);
831
+ --pf-t--global--icon--color--status--on-custom--active: var(--pf-t--global--icon--color--inverse);
832
+ --pf-t--global--icon--color--status--on-custom--default: var(--pf-t--global--icon--color--inverse);
833
+ --pf-t--global--icon--color--status--on-custom--hover: var(--pf-t--global--icon--color--inverse);
834
+ --pf-t--global--icon--color--status--on-info--default: var(--pf-t--global--icon--color--inverse);
835
+ --pf-t--global--icon--color--status--on-info--active: var(--pf-t--global--icon--color--inverse);
836
+ --pf-t--global--icon--color--status--on-info--hover: var(--pf-t--global--icon--color--inverse);
837
+ --pf-t--global--icon--color--status--warning--hover: var(--pf-t--global--color--status--warning--hover);
838
+ --pf-t--global--icon--color--status--warning--default: var(--pf-t--global--color--status--warning--default);
839
+ --pf-t--global--icon--color--status--warning--active: var(--pf-t--global--color--status--warning--active);
840
+ --pf-t--global--icon--color--status--custom--default: var(--pf-t--global--color--status--custom--default);
841
+ --pf-t--global--icon--color--status--custom--hover: var(--pf-t--global--color--status--custom--hover);
842
+ --pf-t--global--icon--color--status--custom--active: var(--pf-t--global--color--status--custom--active);
843
+ --pf-t--global--icon--color--status--success--default: var(--pf-t--global--color--status--success--default);
844
+ --pf-t--global--icon--color--status--success--hover: var(--pf-t--global--color--status--success--hover);
845
+ --pf-t--global--icon--color--status--success--active: var(--pf-t--global--color--status--success--active);
846
+ --pf-t--global--icon--color--status--danger--default: var(--pf-t--global--color--status--danger--default);
847
+ --pf-t--global--icon--color--status--danger--hover: var(--pf-t--global--color--status--danger--hover);
848
+ --pf-t--global--icon--color--status--danger--active: var(--pf-t--global--color--status--danger--active);
849
+ --pf-t--global--icon--color--status--info--hover: var(--pf-t--global--color--status--info--hover);
850
+ --pf-t--global--icon--color--status--info--default: var(--pf-t--global--color--status--info--default);
851
+ --pf-t--global--icon--color--status--info--active: var(--pf-t--global--color--status--info--active);
852
+ --pf-t--global--icon--color--status--on-success--hover: var(--pf-t--global--icon--color--inverse);
853
+ --pf-t--global--icon--color--status--on-success--default: var(--pf-t--global--icon--color--inverse);
854
+ --pf-t--global--icon--color--status--on-success--active: var(--pf-t--global--icon--color--inverse);
855
+ --pf-t--global--icon--color--status--on-warning--hover: var(--pf-t--global--icon--color--inverse);
856
+ --pf-t--global--icon--color--status--on-warning--default: var(--pf-t--global--icon--color--regular);
857
+ --pf-t--global--icon--color--status--on-warning--active: var(--pf-t--global--icon--color--inverse);
858
+ --pf-t--global--border--color--brand--default: var(--pf-t--global--color--brand--default);
859
+ --pf-t--global--border--color--brand--hover: var(--pf-t--global--color--brand--hover);
860
+ --pf-t--global--border--color--brand--active: var(--pf-t--global--color--brand--active);
861
+ --pf-t--global--border--color--status--danger--default: var(--pf-t--global--color--status--danger--default);
862
+ --pf-t--global--border--color--status--danger--active: var(--pf-t--global--color--status--danger--active);
863
+ --pf-t--global--border--color--status--danger--hover: var(--pf-t--global--color--status--danger--hover);
864
+ --pf-t--global--border--color--status--custom--default: var(--pf-t--global--color--status--custom--default);
865
+ --pf-t--global--border--color--status--custom--hover: var(--pf-t--global--color--status--custom--hover);
866
+ --pf-t--global--border--color--status--custom--active: var(--pf-t--global--color--status--custom--active);
867
+ --pf-t--global--border--color--status--success--default: var(--pf-t--global--color--status--success--default);
868
+ --pf-t--global--border--color--status--success--hover: var(--pf-t--global--color--status--success--hover);
869
+ --pf-t--global--border--color--status--success--active: var(--pf-t--global--color--status--success--active);
870
+ --pf-t--global--border--color--status--warning--default: var(--pf-t--global--color--status--warning--default);
871
+ --pf-t--global--border--color--status--warning--hover: var(--pf-t--global--color--status--warning--hover);
872
+ --pf-t--global--border--color--status--warning--active: var(--pf-t--global--color--status--warning--active);
873
+ --pf-t--global--border--color--status--info--active: var(--pf-t--global--color--status--info--active);
874
+ --pf-t--global--border--color--status--info--hover: var(--pf-t--global--color--status--info--hover);
875
+ --pf-t--global--border--color--status--info--default: var(--pf-t--global--color--status--info--default);
876
+ }
877
+
878
+ :root {
879
+ --pf-t--global--font--family--100: redhattext;
880
+ --pf-t--global--font--family--200: redhatdisplay;
881
+ --pf-t--global--font--family--300: redhatmono;
882
+ --pf-t--global--font--line-height--100: 1.3;
883
+ --pf-t--global--font--line-height--200: 1.5;
884
+ --pf-t--global--font--weight--body--100: 400;
885
+ --pf-t--global--font--weight--body--200: 600;
886
+ --pf-t--global--font--weight--heading--100: 700;
887
+ --pf-t--global--font--weight--heading--200: 700;
888
+ --pf-t--global--font--size--body--100: 12px;
889
+ --pf-t--global--font--size--body--200: 14px;
890
+ --pf-t--global--font--size--body--300: 16px;
891
+ --pf-t--global--font--size--heading--100: 16px;
892
+ --pf-t--global--font--size--heading--200: 18px;
893
+ --pf-t--global--font--size--heading--300: 20px;
894
+ --pf-t--global--font--size--heading--400: 24px;
895
+ --pf-t--global--font--size--heading--500: 28px;
896
+ --pf-t--global--font--size--heading--600: 36px;
897
+ --pf-t--global--font--family--body: var(--pf-t--global--font--family--100);
898
+ --pf-t--global--font--family--heading: var(--pf-t--global--font--family--200);
899
+ --pf-t--global--font--family--mono: var(--pf-t--global--font--family--300);
900
+ --pf-t--global--font--line-height--body: var(--pf-t--global--font--line-height--100);
901
+ --pf-t--global--font--line-height--heading: var(--pf-t--global--font--line-height--200);
902
+ --pf-t--global--font--weight--body: var(--pf-t--global--font--weight--body--100);
903
+ --pf-t--global--font--weight--body--bold: var(--pf-t--global--font--weight--body--200);
904
+ --pf-t--global--font--weight--heading: var(--pf-t--global--font--weight--heading--100);
905
+ --pf-t--global--font--weight--heading--bold: var(--pf-t--global--font--weight--heading--200);
906
+ --pf-t--global--font--size--body--sm: var(--pf-t--global--font--size--body--100);
907
+ --pf-t--global--font--size--body--md: var(--pf-t--global--font--size--body--200);
908
+ --pf-t--global--font--size--body--lg: var(--pf-t--global--font--size--body--300);
909
+ --pf-t--global--font--size--body: var(--pf-t--global--font--size--body--md);
910
+ --pf-t--global--font--size--heading--xs: var(--pf-t--global--font--size--heading--100);
911
+ --pf-t--global--font--size--heading--sm: var(--pf-t--global--font--size--heading--200);
912
+ --pf-t--global--font--size--heading--md: var(--pf-t--global--font--size--heading--300);
913
+ --pf-t--global--font--size--heading--lg: var(--pf-t--global--font--size--heading--400);
914
+ --pf-t--global--font--size--heading--xl: var(--pf-t--global--font--size--heading--500);
915
+ --pf-t--global--font--size--heading--2xl: var(--pf-t--global--font--size--heading--600);
916
+ --pf-t--global--text-decoration--100: none;
917
+ --pf-t--global--text-decoration--200: underline;
918
+ --pf-t--global--link--text-decoration: var(--pf-t--global--text-decoration--200);
919
+ --pf-t--global--link--text-decoration--hover: var(--pf-t--global--text-decoration--200);
920
+ --pf-t--global--mix-blend-mode--100: multiply;
921
+ --pf-t--global--mix-blend-mode--200: screen;
922
+ --pf-t--global--background--color--action--plain--hover--blend: var(--pf-t--global--mix-blend-mode--100);
923
+ --pf-t--global--border--width--control--default: var(--pf-t--global--border--width--100);
924
+ --pf-t--global--border--width--control--hover: var(--pf-t--global--border--width--100);
925
+ --pf-t--global--border--width--control--active: var(--pf-t--global--border--width--200);
926
+ --pf-t--global--box-shadow--sm: 0px 1px 2px 0px rgb(0 0 0 / 16%);
927
+ --pf-t--global--box-shadow--sm--top: 0px -1px 2px 0px rgb(0 0 0 / 16%);
928
+ --pf-t--global--box-shadow--sm--bottom: 0px 1px 2px 0px rgb(0 0 0 / 16%);
929
+ --pf-t--global--box-shadow--sm--left: -1px 0px 2px 0px rgb(0 0 0 / 16%);
930
+ --pf-t--global--box-shadow--sm--right: 1px 0px 2px 0px rgb(0 0 0 / 16%);
931
+ --pf-t--global--box-shadow--md: 0px 4px 8px 0px rgb(0 0 0 / 12%);
932
+ --pf-t--global--box-shadow--md--top: 0px -4px 8px 0px rgb(0 0 0 / 12%);
933
+ --pf-t--global--box-shadow--md--bottom: 0px 4px 8px 0px rgb(0 0 0 / 12%);
934
+ --pf-t--global--box-shadow--md--left: -4px 0px 8px 0px rgb(0 0 0 / 12%);
935
+ --pf-t--global--box-shadow--md--right: 4px 0px 8px 0px rgb(0 0 0 / 12%);
936
+ --pf-t--global--box-shadow--lg: 0px 8px 24px 0px rgb(0 0 0 / 12%);
937
+ --pf-t--global--box-shadow--lg--top: 0px -8px 24px 0px rgb(0 0 0 / 12%);
938
+ --pf-t--global--box-shadow--lg--bottom: 0px 8px 24px 0px rgb(0 0 0 / 12%);
939
+ --pf-t--global--box-shadow--lg--left: -8px 0px 24px 0px rgb(0 0 0 / 12%);
940
+ --pf-t--global--box-shadow--lg--right: 8px 0px 24px 0px rgb(0 0 0 / 12%);
941
+ }
942
+ :root:where(.pf-v5-theme-dark) {
943
+ --pf-t--global--background--color--action--plain--hover--blend: var(--pf-t--global--mix-blend-mode--200);
944
+ --pf-t--global--box-shadow--sm: 0px 1px 2px 0px rgb(0 0 0 / 50%);
945
+ --pf-t--global--box-shadow--sm-top: 0px -1px 2px 0px rgb(0 0 0 / 50%);
946
+ --pf-t--global--box-shadow--sm-right: 1px 0px 2px 0px rgb(0 0 0 / 50%);
947
+ --pf-t--global--box-shadow--sm-bottom: 0px 1px 2px 0px rgb(0 0 0 / 50%);
948
+ --pf-t--global--box-shadow--sm-left: -1px 0px 2px 0px rgb(0 0 0 / 50%);
949
+ --pf-t--global--box-shadow--md: 0px 4px 8px 0px rgb(0 0 0 / 50%);
950
+ --pf-t--global--box-shadow--lg: 0px 8px 24px 0px rgb(0 0 0 / 50%);
951
+ }
952
+
953
+ /**
954
+ * Do not edit directly
955
+ * Generated on Wed, 04 Oct 2023 12:59:38 GMT
956
+ */
957
+ :root:where(.pf-v5-theme-dark) {
958
+ --pf-t--global--background--color--action--plain--default: rgba(0, 0, 0, 0.0000);
959
+ --pf-t--global--dark--background--color--500: rgba(21, 21, 21, 0.8000);
960
+ --pf-t--global--background--color--backdrop--default: var(--pf-t--global--dark--background--color--500);
961
+ --pf-t--global--dark--background--color--highlight--200: var(--pf-t--color--gold--400);
962
+ --pf-t--global--dark--background--color--highlight--100: var(--pf-t--color--gold--300);
963
+ --pf-t--global--dark--background--color--400: var(--pf-t--color--gray--100);
964
+ --pf-t--global--dark--background--color--300: var(--pf-t--color--gray--700);
965
+ --pf-t--global--dark--background--color--200: var(--pf-t--color--gray--800);
966
+ --pf-t--global--dark--background--color--100: var(--pf-t--color--black);
967
+ --pf-t--global--dark--text--color--link--300: var(--pf-t--color--purple--300);
968
+ --pf-t--global--dark--text--color--link--200: var(--pf-t--color--blue--200);
969
+ --pf-t--global--dark--text--color--link--100: var(--pf-t--color--blue--300);
970
+ --pf-t--global--dark--text--color--400: var(--pf-t--color--orangered--300);
971
+ --pf-t--global--dark--text--color--300: var(--pf-t--color--gray--900);
972
+ --pf-t--global--dark--text--color--200: var(--pf-t--color--gray--400);
973
+ --pf-t--global--dark--text--color--100: var(--pf-t--color--gray--100);
974
+ --pf-t--global--dark--icon--color--300: var(--pf-t--color--gray--900);
975
+ --pf-t--global--dark--icon--color--200: var(--pf-t--color--gray--400);
976
+ --pf-t--global--dark--icon--color--100: var(--pf-t--color--gray--100);
977
+ --pf-t--global--dark--border--color--200: var(--pf-t--color--gray--500);
978
+ --pf-t--global--dark--border--color--100: var(--pf-t--color--gray--600);
979
+ --pf-t--global--dark--color--disabled--300: var(--pf-t--color--gray--600);
980
+ --pf-t--global--dark--color--disabled--200: var(--pf-t--color--gray--500);
981
+ --pf-t--global--dark--color--disabled--100: var(--pf-t--color--gray--400);
982
+ --pf-t--global--dark--color--brand--300: var(--pf-t--color--blue--200);
983
+ --pf-t--global--dark--color--brand--200: var(--pf-t--color--blue--300);
984
+ --pf-t--global--dark--color--brand--100: var(--pf-t--color--blue--400);
985
+ --pf-t--global--dark--color--favorite--200: var(--pf-t--color--gold--300);
986
+ --pf-t--global--dark--color--favorite--100: var(--pf-t--color--gold--400);
987
+ --pf-t--global--dark--color--status--warning--200: var(--pf-t--color--gold--300);
988
+ --pf-t--global--dark--color--status--warning--100: var(--pf-t--color--gold--400);
989
+ --pf-t--global--dark--color--status--custom--200: var(--pf-t--color--cyan--300);
990
+ --pf-t--global--dark--color--status--custom--100: var(--pf-t--color--cyan--400);
991
+ --pf-t--global--dark--color--status--success--200: var(--pf-t--color--green--200);
992
+ --pf-t--global--dark--color--status--success--100: var(--pf-t--color--green--300);
993
+ --pf-t--global--dark--color--status--info--200: var(--pf-t--color--purple--200);
994
+ --pf-t--global--dark--color--status--info--100: var(--pf-t--color--purple--300);
995
+ --pf-t--global--dark--color--status--danger--200: var(--pf-t--color--orangered--200);
996
+ --pf-t--global--dark--color--status--danger--100: var(--pf-t--color--orangered--300);
997
+ --pf-t--global--dark--color--nonstatus--green--300: var(--pf-t--color--green--100);
998
+ --pf-t--global--dark--color--nonstatus--green--200: var(--pf-t--color--green--200);
999
+ --pf-t--global--dark--color--nonstatus--green--100: var(--pf-t--color--green--300);
1000
+ --pf-t--global--dark--color--nonstatus--cyan--300: var(--pf-t--color--cyan--100);
1001
+ --pf-t--global--dark--color--nonstatus--cyan--200: var(--pf-t--color--cyan--200);
1002
+ --pf-t--global--dark--color--nonstatus--cyan--100: var(--pf-t--color--cyan--300);
1003
+ --pf-t--global--dark--color--nonstatus--red--300: var(--pf-t--color--red--100);
1004
+ --pf-t--global--dark--color--nonstatus--red--200: var(--pf-t--color--red--200);
1005
+ --pf-t--global--dark--color--nonstatus--red--100: var(--pf-t--color--red--300);
1006
+ --pf-t--global--dark--color--nonstatus--orangered--300: var(--pf-t--color--orangered--100);
1007
+ --pf-t--global--dark--color--nonstatus--orangered--200: var(--pf-t--color--orangered--200);
1008
+ --pf-t--global--dark--color--nonstatus--orangered--100: var(--pf-t--color--orangered--300);
1009
+ --pf-t--global--dark--color--nonstatus--orange--300: var(--pf-t--color--orange--100);
1010
+ --pf-t--global--dark--color--nonstatus--orange--200: var(--pf-t--color--orange--200);
1011
+ --pf-t--global--dark--color--nonstatus--orange--100: var(--pf-t--color--orange--300);
1012
+ --pf-t--global--dark--color--nonstatus--gold--300: var(--pf-t--color--gold--100);
1013
+ --pf-t--global--dark--color--nonstatus--gold--200: var(--pf-t--color--gold--200);
1014
+ --pf-t--global--dark--color--nonstatus--gold--100: var(--pf-t--color--gold--300);
1015
+ --pf-t--global--dark--color--nonstatus--blue--300: var(--pf-t--color--blue--100);
1016
+ --pf-t--global--dark--color--nonstatus--blue--200: var(--pf-t--color--blue--200);
1017
+ --pf-t--global--dark--color--nonstatus--blue--100: var(--pf-t--color--blue--300);
1018
+ --pf-t--global--dark--color--nonstatus--purple--300: var(--pf-t--color--purple--100);
1019
+ --pf-t--global--dark--color--nonstatus--purple--200: var(--pf-t--color--purple--200);
1020
+ --pf-t--global--dark--color--nonstatus--purple--100: var(--pf-t--color--purple--300);
1021
+ --pf-t--global--dark--color--nonstatus--gray--300: var(--pf-t--color--gray--100);
1022
+ --pf-t--global--dark--color--nonstatus--gray--200: var(--pf-t--color--gray--200);
1023
+ --pf-t--global--dark--color--nonstatus--gray--100: var(--pf-t--color--gray--300);
1024
+ --pf-t--global--border--color--hover: var(--pf-t--global--dark--color--brand--200);
1025
+ --pf-t--global--border--color--default: var(--pf-t--global--dark--border--color--100);
1026
+ --pf-t--global--border--color--active: var(--pf-t--global--dark--color--brand--300);
1027
+ --pf-t--global--border--color--nonstatus--blue--default: var(--pf-t--global--dark--color--nonstatus--blue--100);
1028
+ --pf-t--global--border--color--nonstatus--blue--hover: var(--pf-t--global--dark--color--nonstatus--blue--200);
1029
+ --pf-t--global--border--color--nonstatus--blue--active: var(--pf-t--global--dark--color--nonstatus--blue--200);
1030
+ --pf-t--global--border--color--nonstatus--red--default: var(--pf-t--global--dark--color--nonstatus--red--100);
1031
+ --pf-t--global--border--color--nonstatus--red--hover: var(--pf-t--global--dark--color--nonstatus--red--200);
1032
+ --pf-t--global--border--color--nonstatus--red--active: var(--pf-t--global--dark--color--nonstatus--red--200);
1033
+ --pf-t--global--border--color--nonstatus--orangered--active: var(--pf-t--global--dark--color--nonstatus--orangered--200);
1034
+ --pf-t--global--border--color--nonstatus--orangered--default: var(--pf-t--global--dark--color--nonstatus--orangered--100);
1035
+ --pf-t--global--border--color--nonstatus--orangered--hover: var(--pf-t--global--dark--color--nonstatus--orangered--200);
1036
+ --pf-t--global--border--color--nonstatus--orange--hover: var(--pf-t--global--dark--color--nonstatus--orange--200);
1037
+ --pf-t--global--border--color--nonstatus--orange--default: var(--pf-t--global--dark--color--nonstatus--orange--100);
1038
+ --pf-t--global--border--color--nonstatus--orange--active: var(--pf-t--global--dark--color--nonstatus--orange--200);
1039
+ --pf-t--global--border--color--nonstatus--gold--default: var(--pf-t--global--dark--color--nonstatus--gold--100);
1040
+ --pf-t--global--border--color--nonstatus--gold--hover: var(--pf-t--global--dark--color--nonstatus--gold--200);
1041
+ --pf-t--global--border--color--nonstatus--gold--active: var(--pf-t--global--dark--color--nonstatus--gold--200);
1042
+ --pf-t--global--border--color--nonstatus--green--default: var(--pf-t--global--dark--color--nonstatus--green--100);
1043
+ --pf-t--global--border--color--nonstatus--green--hover: var(--pf-t--global--dark--color--nonstatus--green--200);
1044
+ --pf-t--global--border--color--nonstatus--green--active: var(--pf-t--global--dark--color--nonstatus--green--200);
1045
+ --pf-t--global--border--color--nonstatus--cyan--active: var(--pf-t--global--dark--color--nonstatus--cyan--200);
1046
+ --pf-t--global--border--color--nonstatus--cyan--hover: var(--pf-t--global--dark--color--nonstatus--cyan--200);
1047
+ --pf-t--global--border--color--nonstatus--cyan--default: var(--pf-t--global--dark--color--nonstatus--cyan--100);
1048
+ --pf-t--global--border--color--nonstatus--purple--default: var(--pf-t--global--dark--color--nonstatus--purple--100);
1049
+ --pf-t--global--border--color--nonstatus--purple--hover: var(--pf-t--global--dark--color--nonstatus--purple--200);
1050
+ --pf-t--global--border--color--nonstatus--purple--active: var(--pf-t--global--dark--color--nonstatus--purple--200);
1051
+ --pf-t--global--border--color--nonstatus--gray--default: var(--pf-t--global--dark--color--nonstatus--gray--100);
1052
+ --pf-t--global--border--color--nonstatus--gray--hover: var(--pf-t--global--dark--color--nonstatus--gray--200);
1053
+ --pf-t--global--border--color--nonstatus--gray--active: var(--pf-t--global--dark--color--nonstatus--gray--200);
1054
+ --pf-t--global--text--color--required: var(--pf-t--global--dark--text--color--400);
1055
+ --pf-t--global--text--color--regular: var(--pf-t--global--dark--text--color--100);
1056
+ --pf-t--global--text--color--subtle: var(--pf-t--global--dark--text--color--200);
1057
+ --pf-t--global--text--color--inverse: var(--pf-t--global--dark--text--color--300);
1058
+ --pf-t--global--text--color--on-disabled: var(--pf-t--global--dark--color--disabled--300);
1059
+ --pf-t--global--text--color--disabled: var(--pf-t--global--dark--color--disabled--200);
1060
+ --pf-t--global--text--color--link--default: var(--pf-t--global--dark--text--color--link--100);
1061
+ --pf-t--global--text--color--link--hover: var(--pf-t--global--dark--text--color--link--200);
1062
+ --pf-t--global--text--color--link--visited: var(--pf-t--global--dark--text--color--link--300);
1063
+ --pf-t--global--color--brand--default: var(--pf-t--global--dark--color--brand--200);
1064
+ --pf-t--global--color--brand--hover: var(--pf-t--global--dark--color--brand--300);
1065
+ --pf-t--global--color--brand--active: var(--pf-t--global--dark--color--brand--300);
1066
+ --pf-t--global--color--status--custom--default: var(--pf-t--global--dark--color--status--custom--100);
1067
+ --pf-t--global--color--status--custom--hover: var(--pf-t--global--dark--color--status--custom--200);
1068
+ --pf-t--global--color--status--custom--active: var(--pf-t--global--dark--color--status--custom--200);
1069
+ --pf-t--global--color--status--success--default: var(--pf-t--global--dark--color--status--success--100);
1070
+ --pf-t--global--color--status--success--hover: var(--pf-t--global--dark--color--status--success--200);
1071
+ --pf-t--global--color--status--success--active: var(--pf-t--global--dark--color--status--success--200);
1072
+ --pf-t--global--color--status--warning--hover: var(--pf-t--global--dark--color--status--warning--200);
1073
+ --pf-t--global--color--status--warning--active: var(--pf-t--global--dark--color--status--warning--200);
1074
+ --pf-t--global--color--status--warning--default: var(--pf-t--global--dark--color--status--warning--100);
1075
+ --pf-t--global--color--status--danger--default: var(--pf-t--global--dark--color--status--danger--100);
1076
+ --pf-t--global--color--status--danger--hover: var(--pf-t--global--dark--color--status--danger--200);
1077
+ --pf-t--global--color--status--danger--active: var(--pf-t--global--dark--color--status--danger--200);
1078
+ --pf-t--global--color--status--info--default: var(--pf-t--global--dark--color--status--info--100);
1079
+ --pf-t--global--color--status--info--hover: var(--pf-t--global--dark--color--status--info--200);
1080
+ --pf-t--global--color--status--info--active: var(--pf-t--global--dark--color--status--info--200);
1081
+ --pf-t--global--color--favorite--default: var(--pf-t--global--dark--color--favorite--100);
1082
+ --pf-t--global--color--favorite--hover: var(--pf-t--global--dark--color--favorite--200);
1083
+ --pf-t--global--color--favorite--active: var(--pf-t--global--dark--color--favorite--200);
1084
+ --pf-t--global--color--nonstatus--gray--hover: var(--pf-t--global--dark--color--nonstatus--gray--200);
1085
+ --pf-t--global--color--nonstatus--gray--default: var(--pf-t--global--dark--color--nonstatus--gray--100);
1086
+ --pf-t--global--color--nonstatus--gray--active: var(--pf-t--global--dark--color--nonstatus--gray--200);
1087
+ --pf-t--global--color--nonstatus--cyan--hover: var(--pf-t--global--dark--color--nonstatus--cyan--200);
1088
+ --pf-t--global--color--nonstatus--cyan--default: var(--pf-t--global--dark--color--nonstatus--cyan--100);
1089
+ --pf-t--global--color--nonstatus--cyan--active: var(--pf-t--global--dark--color--nonstatus--cyan--200);
1090
+ --pf-t--global--color--nonstatus--blue--default: var(--pf-t--global--dark--color--nonstatus--blue--100);
1091
+ --pf-t--global--color--nonstatus--blue--hover: var(--pf-t--global--dark--color--nonstatus--blue--200);
1092
+ --pf-t--global--color--nonstatus--blue--active: var(--pf-t--global--dark--color--nonstatus--blue--200);
1093
+ --pf-t--global--color--nonstatus--red--default: var(--pf-t--global--dark--color--nonstatus--red--100);
1094
+ --pf-t--global--color--nonstatus--red--hover: var(--pf-t--global--dark--color--nonstatus--red--200);
1095
+ --pf-t--global--color--nonstatus--red--active: var(--pf-t--global--dark--color--nonstatus--red--200);
1096
+ --pf-t--global--color--nonstatus--orangered--default: var(--pf-t--global--dark--color--nonstatus--orangered--100);
1097
+ --pf-t--global--color--nonstatus--orangered--hover: var(--pf-t--global--dark--color--nonstatus--orangered--200);
1098
+ --pf-t--global--color--nonstatus--orangered--active: var(--pf-t--global--dark--color--nonstatus--orangered--200);
1099
+ --pf-t--global--color--nonstatus--orange--default: var(--pf-t--global--dark--color--nonstatus--orange--100);
1100
+ --pf-t--global--color--nonstatus--orange--hover: var(--pf-t--global--dark--color--nonstatus--orange--200);
1101
+ --pf-t--global--color--nonstatus--orange--active: var(--pf-t--global--dark--color--nonstatus--orange--200);
1102
+ --pf-t--global--color--nonstatus--gold--default: var(--pf-t--global--dark--color--nonstatus--gold--100);
1103
+ --pf-t--global--color--nonstatus--gold--hover: var(--pf-t--global--dark--color--nonstatus--gold--200);
1104
+ --pf-t--global--color--nonstatus--gold--active: var(--pf-t--global--dark--color--nonstatus--gold--200);
1105
+ --pf-t--global--color--nonstatus--green--default: var(--pf-t--global--dark--color--nonstatus--green--100);
1106
+ --pf-t--global--color--nonstatus--green--hover: var(--pf-t--global--dark--color--nonstatus--green--200);
1107
+ --pf-t--global--color--nonstatus--green--active: var(--pf-t--global--dark--color--nonstatus--green--200);
1108
+ --pf-t--global--color--nonstatus--purple--default: var(--pf-t--global--dark--color--nonstatus--purple--100);
1109
+ --pf-t--global--color--nonstatus--purple--hover: var(--pf-t--global--dark--color--nonstatus--purple--200);
1110
+ --pf-t--global--color--nonstatus--purple--active: var(--pf-t--global--dark--color--nonstatus--purple--200);
1111
+ --pf-t--global--icon--color--regular: var(--pf-t--global--dark--icon--color--100);
1112
+ --pf-t--global--icon--color--on-disabled: var(--pf-t--global--dark--color--disabled--300);
1113
+ --pf-t--global--icon--color--inverse: var(--pf-t--global--dark--icon--color--300);
1114
+ --pf-t--global--icon--color--subtle: var(--pf-t--global--dark--icon--color--200);
1115
+ --pf-t--global--icon--color--disabled: var(--pf-t--global--dark--color--disabled--200);
1116
+ --pf-t--global--background--color--secondary--selected: var(--pf-t--global--dark--background--color--200);
1117
+ --pf-t--global--background--color--secondary--default: var(--pf-t--global--dark--background--color--100);
1118
+ --pf-t--global--background--color--secondary--hover: var(--pf-t--global--dark--background--color--200);
1119
+ --pf-t--global--background--color--inverse--default: var(--pf-t--global--dark--background--color--400);
1120
+ --pf-t--global--background--color--disabled--default: var(--pf-t--global--dark--color--disabled--100);
1121
+ --pf-t--global--background--color--control--default: var(--pf-t--global--dark--background--color--300);
1122
+ --pf-t--global--background--color--highlight--default: var(--pf-t--global--dark--background--color--highlight--100);
1123
+ --pf-t--global--background--color--highlight--active: var(--pf-t--global--dark--background--color--highlight--200);
1124
+ --pf-t--global--background--color--primary--selected: var(--pf-t--global--dark--background--color--300);
1125
+ --pf-t--global--background--color--primary--default: var(--pf-t--global--dark--background--color--200);
1126
+ --pf-t--global--background--color--primary--hover: var(--pf-t--global--dark--background--color--300);
1127
+ --pf-t--global--background--color--floating--default: var(--pf-t--global--dark--background--color--300);
1128
+ --pf-t--global--background--color--action--plain--hover: var(--pf-t--global--dark--background--color--300);
1129
+ --pf-t--global--background--color--action--plain--alt--hover: var(--pf-t--global--dark--background--color--200);
1130
+ --pf-t--global--background--color--action--plain--alt--selected: var(--pf-t--global--dark--background--color--200);
1131
+ --pf-t--global--background--color--action--plain--selected: var(--pf-t--global--dark--background--color--200);
1132
+ --pf-t--global--border--color--brand--default: var(--pf-t--global--color--brand--default);
1133
+ --pf-t--global--border--color--brand--hover: var(--pf-t--global--color--brand--hover);
1134
+ --pf-t--global--border--color--brand--active: var(--pf-t--global--color--brand--active);
1135
+ --pf-t--global--border--color--status--danger--default: var(--pf-t--global--color--status--danger--default);
1136
+ --pf-t--global--border--color--status--danger--active: var(--pf-t--global--color--status--danger--active);
1137
+ --pf-t--global--border--color--status--danger--hover: var(--pf-t--global--color--status--danger--hover);
1138
+ --pf-t--global--border--color--status--custom--default: var(--pf-t--global--color--status--custom--default);
1139
+ --pf-t--global--border--color--status--custom--hover: var(--pf-t--global--color--status--custom--hover);
1140
+ --pf-t--global--border--color--status--custom--active: var(--pf-t--global--color--status--custom--active);
1141
+ --pf-t--global--border--color--status--success--default: var(--pf-t--global--color--status--success--default);
1142
+ --pf-t--global--border--color--status--success--hover: var(--pf-t--global--color--status--success--hover);
1143
+ --pf-t--global--border--color--status--success--active: var(--pf-t--global--color--status--success--active);
1144
+ --pf-t--global--border--color--status--warning--default: var(--pf-t--global--color--status--warning--default);
1145
+ --pf-t--global--border--color--status--warning--hover: var(--pf-t--global--color--status--warning--hover);
1146
+ --pf-t--global--border--color--status--warning--active: var(--pf-t--global--color--status--warning--active);
1147
+ --pf-t--global--border--color--status--info--active: var(--pf-t--global--color--status--info--active);
1148
+ --pf-t--global--border--color--status--info--hover: var(--pf-t--global--color--status--info--hover);
1149
+ --pf-t--global--border--color--status--info--default: var(--pf-t--global--color--status--info--default);
1150
+ --pf-t--global--text--color--on-brand--hover: var(--pf-t--global--text--color--inverse);
1151
+ --pf-t--global--text--color--on-brand--default: var(--pf-t--global--text--color--inverse);
1152
+ --pf-t--global--text--color--on-brand--active: var(--pf-t--global--text--color--inverse);
1153
+ --pf-t--global--text--color--placeholder: var(--pf-t--global--text--color--subtle);
1154
+ --pf-t--global--text--color--brand--default: var(--pf-t--global--color--brand--default);
1155
+ --pf-t--global--text--color--brand--hover: var(--pf-t--global--color--brand--hover);
1156
+ --pf-t--global--text--color--brand--active: var(--pf-t--global--color--brand--active);
1157
+ --pf-t--global--text--color--status--custom--active: var(--pf-t--global--color--status--custom--active);
1158
+ --pf-t--global--text--color--status--custom--hover: var(--pf-t--global--color--status--custom--hover);
1159
+ --pf-t--global--text--color--status--custom--default: var(--pf-t--global--color--status--custom--default);
1160
+ --pf-t--global--text--color--status--info--default: var(--pf-t--global--color--status--info--default);
1161
+ --pf-t--global--text--color--status--info--active: var(--pf-t--global--color--status--info--active);
1162
+ --pf-t--global--text--color--status--info--hover: var(--pf-t--global--color--status--info--hover);
1163
+ --pf-t--global--text--color--status--on-info--hover: var(--pf-t--global--text--color--inverse);
1164
+ --pf-t--global--text--color--status--on-info--default: var(--pf-t--global--text--color--inverse);
1165
+ --pf-t--global--text--color--status--on-info--active: var(--pf-t--global--text--color--inverse);
1166
+ --pf-t--global--text--color--status--on-danger--hover: var(--pf-t--global--text--color--inverse);
1167
+ --pf-t--global--text--color--status--on-danger--default: var(--pf-t--global--text--color--inverse);
1168
+ --pf-t--global--text--color--status--on-danger--active: var(--pf-t--global--text--color--inverse);
1169
+ --pf-t--global--text--color--status--on-custom--hover: var(--pf-t--global--text--color--inverse);
1170
+ --pf-t--global--text--color--status--on-custom--default: var(--pf-t--global--text--color--inverse);
1171
+ --pf-t--global--text--color--status--on-custom--active: var(--pf-t--global--text--color--inverse);
1172
+ --pf-t--global--text--color--status--on-warning--hover: var(--pf-t--global--text--color--inverse);
1173
+ --pf-t--global--text--color--status--on-warning--default: var(--pf-t--global--text--color--inverse);
1174
+ --pf-t--global--text--color--status--on-warning--active: var(--pf-t--global--text--color--inverse);
1175
+ --pf-t--global--text--color--status--on-success--hover: var(--pf-t--global--text--color--inverse);
1176
+ --pf-t--global--text--color--status--on-success--default: var(--pf-t--global--text--color--inverse);
1177
+ --pf-t--global--text--color--status--on-success--active: var(--pf-t--global--text--color--inverse);
1178
+ --pf-t--global--text--color--status--success--default: var(--pf-t--global--color--status--success--default);
1179
+ --pf-t--global--text--color--status--success--hover: var(--pf-t--global--color--status--success--hover);
1180
+ --pf-t--global--text--color--status--success--active: var(--pf-t--global--color--status--success--active);
1181
+ --pf-t--global--text--color--status--warning--default: var(--pf-t--global--color--status--warning--default);
1182
+ --pf-t--global--text--color--status--warning--hover: var(--pf-t--global--color--status--warning--hover);
1183
+ --pf-t--global--text--color--status--warning--active: var(--pf-t--global--color--status--warning--active);
1184
+ --pf-t--global--text--color--status--danger--active: var(--pf-t--global--color--status--danger--active);
1185
+ --pf-t--global--text--color--status--danger--default: var(--pf-t--global--color--status--danger--default);
1186
+ --pf-t--global--text--color--status--danger--hover: var(--pf-t--global--color--status--danger--hover);
1187
+ --pf-t--global--text--color--nonstatus--on-gold--active: var(--pf-t--global--text--color--inverse);
1188
+ --pf-t--global--text--color--nonstatus--on-gold--hover: var(--pf-t--global--text--color--inverse);
1189
+ --pf-t--global--text--color--nonstatus--on-gold--default: var(--pf-t--global--text--color--inverse);
1190
+ --pf-t--global--text--color--nonstatus--on-green--hover: var(--pf-t--global--text--color--inverse);
1191
+ --pf-t--global--text--color--nonstatus--on-green--default: var(--pf-t--global--text--color--inverse);
1192
+ --pf-t--global--text--color--nonstatus--on-green--active: var(--pf-t--global--text--color--inverse);
1193
+ --pf-t--global--text--color--nonstatus--on-blue--active: var(--pf-t--global--text--color--inverse);
1194
+ --pf-t--global--text--color--nonstatus--on-blue--default: var(--pf-t--global--text--color--inverse);
1195
+ --pf-t--global--text--color--nonstatus--on-blue--hover: var(--pf-t--global--text--color--inverse);
1196
+ --pf-t--global--text--color--nonstatus--on-red--active: var(--pf-t--global--text--color--inverse);
1197
+ --pf-t--global--text--color--nonstatus--on-red--default: var(--pf-t--global--text--color--inverse);
1198
+ --pf-t--global--text--color--nonstatus--on-red--hover: var(--pf-t--global--text--color--inverse);
1199
+ --pf-t--global--text--color--nonstatus--on-orangered--active: var(--pf-t--global--text--color--inverse);
1200
+ --pf-t--global--text--color--nonstatus--on-orangered--default: var(--pf-t--global--text--color--inverse);
1201
+ --pf-t--global--text--color--nonstatus--on-orangered--hover: var(--pf-t--global--text--color--inverse);
1202
+ --pf-t--global--text--color--nonstatus--on-orange--active: var(--pf-t--global--text--color--inverse);
1203
+ --pf-t--global--text--color--nonstatus--on-orange--default: var(--pf-t--global--text--color--inverse);
1204
+ --pf-t--global--text--color--nonstatus--on-orange--hover: var(--pf-t--global--text--color--inverse);
1205
+ --pf-t--global--text--color--nonstatus--on-cyan--active: var(--pf-t--global--text--color--inverse);
1206
+ --pf-t--global--text--color--nonstatus--on-cyan--default: var(--pf-t--global--text--color--inverse);
1207
+ --pf-t--global--text--color--nonstatus--on-cyan--hover: var(--pf-t--global--text--color--inverse);
1208
+ --pf-t--global--text--color--nonstatus--on-purple--active: var(--pf-t--global--text--color--inverse);
1209
+ --pf-t--global--text--color--nonstatus--on-purple--default: var(--pf-t--global--text--color--inverse);
1210
+ --pf-t--global--text--color--nonstatus--on-purple--hover: var(--pf-t--global--text--color--inverse);
1211
+ --pf-t--global--text--color--nonstatus--on-gray--active: var(--pf-t--global--text--color--inverse);
1212
+ --pf-t--global--text--color--nonstatus--on-gray--default: var(--pf-t--global--text--color--inverse);
1213
+ --pf-t--global--text--color--nonstatus--on-gray--hover: var(--pf-t--global--text--color--inverse);
1214
+ --pf-t--global--icon--color--brand--hover: var(--pf-t--global--color--brand--hover);
1215
+ --pf-t--global--icon--color--brand--default: var(--pf-t--global--color--brand--default);
1216
+ --pf-t--global--icon--color--brand--active: var(--pf-t--global--color--brand--active);
1217
+ --pf-t--global--icon--color--on-brand--hover: var(--pf-t--global--icon--color--inverse);
1218
+ --pf-t--global--icon--color--on-brand--default: var(--pf-t--global--icon--color--inverse);
1219
+ --pf-t--global--icon--color--on-brand--active: var(--pf-t--global--icon--color--inverse);
1220
+ --pf-t--global--icon--color--nonstatus--on-orange--active: var(--pf-t--global--icon--color--inverse);
1221
+ --pf-t--global--icon--color--nonstatus--on-orange--hover: var(--pf-t--global--icon--color--inverse);
1222
+ --pf-t--global--icon--color--nonstatus--on-orange--default: var(--pf-t--global--icon--color--inverse);
1223
+ --pf-t--global--icon--color--nonstatus--on-orangered--hover: var(--pf-t--global--icon--color--inverse);
1224
+ --pf-t--global--icon--color--nonstatus--on-orangered--default: var(--pf-t--global--icon--color--inverse);
1225
+ --pf-t--global--icon--color--nonstatus--on-orangered--active: var(--pf-t--global--icon--color--inverse);
1226
+ --pf-t--global--icon--color--nonstatus--on-blue--hover: var(--pf-t--global--icon--color--inverse);
1227
+ --pf-t--global--icon--color--nonstatus--on-blue--default: var(--pf-t--global--icon--color--inverse);
1228
+ --pf-t--global--icon--color--nonstatus--on-blue--active: var(--pf-t--global--icon--color--inverse);
1229
+ --pf-t--global--icon--color--nonstatus--on-red--active: var(--pf-t--global--icon--color--inverse);
1230
+ --pf-t--global--icon--color--nonstatus--on-red--hover: var(--pf-t--global--icon--color--inverse);
1231
+ --pf-t--global--icon--color--nonstatus--on-red--default: var(--pf-t--global--icon--color--inverse);
1232
+ --pf-t--global--icon--color--nonstatus--on-gold--active: var(--pf-t--global--icon--color--inverse);
1233
+ --pf-t--global--icon--color--nonstatus--on-gold--default: var(--pf-t--global--icon--color--inverse);
1234
+ --pf-t--global--icon--color--nonstatus--on-gold--hover: var(--pf-t--global--icon--color--inverse);
1235
+ --pf-t--global--icon--color--nonstatus--on-green--active: var(--pf-t--global--icon--color--inverse);
1236
+ --pf-t--global--icon--color--nonstatus--on-green--default: var(--pf-t--global--icon--color--inverse);
1237
+ --pf-t--global--icon--color--nonstatus--on-green--hover: var(--pf-t--global--icon--color--inverse);
1238
+ --pf-t--global--icon--color--nonstatus--on-cyan--default: var(--pf-t--global--icon--color--inverse);
1239
+ --pf-t--global--icon--color--nonstatus--on-cyan--active: var(--pf-t--global--icon--color--inverse);
1240
+ --pf-t--global--icon--color--nonstatus--on-cyan--hover: var(--pf-t--global--icon--color--inverse);
1241
+ --pf-t--global--icon--color--nonstatus--on-gray--active: var(--pf-t--global--icon--color--inverse);
1242
+ --pf-t--global--icon--color--nonstatus--on-gray--default: var(--pf-t--global--icon--color--inverse);
1243
+ --pf-t--global--icon--color--nonstatus--on-gray--hover: var(--pf-t--global--icon--color--inverse);
1244
+ --pf-t--global--icon--color--nonstatus--on-purple--default: var(--pf-t--global--icon--color--inverse);
1245
+ --pf-t--global--icon--color--nonstatus--on-purple--hover: var(--pf-t--global--icon--color--inverse);
1246
+ --pf-t--global--icon--color--nonstatus--on-purple--active: var(--pf-t--global--icon--color--inverse);
1247
+ --pf-t--global--icon--color--favorite--default: var(--pf-t--global--color--favorite--default);
1248
+ --pf-t--global--icon--color--favorite--hover: var(--pf-t--global--color--favorite--hover);
1249
+ --pf-t--global--icon--color--favorite--active: var(--pf-t--global--color--favorite--active);
1250
+ --pf-t--global--icon--color--status--on-danger--active: var(--pf-t--global--icon--color--inverse);
1251
+ --pf-t--global--icon--color--status--on-danger--hover: var(--pf-t--global--icon--color--inverse);
1252
+ --pf-t--global--icon--color--status--on-danger--default: var(--pf-t--global--icon--color--inverse);
1253
+ --pf-t--global--icon--color--status--on-custom--active: var(--pf-t--global--icon--color--inverse);
1254
+ --pf-t--global--icon--color--status--on-custom--default: var(--pf-t--global--icon--color--inverse);
1255
+ --pf-t--global--icon--color--status--on-custom--hover: var(--pf-t--global--icon--color--inverse);
1256
+ --pf-t--global--icon--color--status--on-info--default: var(--pf-t--global--icon--color--inverse);
1257
+ --pf-t--global--icon--color--status--on-info--active: var(--pf-t--global--icon--color--inverse);
1258
+ --pf-t--global--icon--color--status--on-info--hover: var(--pf-t--global--icon--color--inverse);
1259
+ --pf-t--global--icon--color--status--warning--hover: var(--pf-t--global--color--status--warning--hover);
1260
+ --pf-t--global--icon--color--status--warning--default: var(--pf-t--global--color--status--warning--default);
1261
+ --pf-t--global--icon--color--status--warning--active: var(--pf-t--global--color--status--warning--active);
1262
+ --pf-t--global--icon--color--status--custom--default: var(--pf-t--global--color--status--custom--default);
1263
+ --pf-t--global--icon--color--status--custom--hover: var(--pf-t--global--color--status--custom--hover);
1264
+ --pf-t--global--icon--color--status--custom--active: var(--pf-t--global--color--status--custom--active);
1265
+ --pf-t--global--icon--color--status--success--default: var(--pf-t--global--color--status--success--default);
1266
+ --pf-t--global--icon--color--status--success--hover: var(--pf-t--global--color--status--success--hover);
1267
+ --pf-t--global--icon--color--status--success--active: var(--pf-t--global--color--status--success--active);
1268
+ --pf-t--global--icon--color--status--danger--default: var(--pf-t--global--color--status--danger--default);
1269
+ --pf-t--global--icon--color--status--danger--hover: var(--pf-t--global--color--status--danger--hover);
1270
+ --pf-t--global--icon--color--status--danger--active: var(--pf-t--global--color--status--danger--active);
1271
+ --pf-t--global--icon--color--status--info--hover: var(--pf-t--global--color--status--info--hover);
1272
+ --pf-t--global--icon--color--status--info--default: var(--pf-t--global--color--status--info--default);
1273
+ --pf-t--global--icon--color--status--info--active: var(--pf-t--global--color--status--info--active);
1274
+ --pf-t--global--icon--color--status--on-success--hover: var(--pf-t--global--icon--color--inverse);
1275
+ --pf-t--global--icon--color--status--on-success--default: var(--pf-t--global--icon--color--inverse);
1276
+ --pf-t--global--icon--color--status--on-success--active: var(--pf-t--global--icon--color--inverse);
1277
+ --pf-t--global--icon--color--status--on-warning--hover: var(--pf-t--global--icon--color--inverse);
1278
+ --pf-t--global--icon--color--status--on-warning--default: var(--pf-t--global--icon--color--inverse);
1279
+ --pf-t--global--icon--color--status--on-warning--active: var(--pf-t--global--icon--color--inverse);
1280
+ --pf-t--global--background--color--floating--hover: var(--pf-t--global--background--color--action--plain--hover);
1281
+ --pf-t--global--background--color--floating--selected: var(--pf-t--global--background--color--action--plain--hover);
1282
+ }
1283
+
424
1284
  @font-face {
425
1285
  font-family: RedHatDisplay;
426
1286
  font-style: normal;
@@ -5546,7 +6406,7 @@
5546
6406
 
5547
6407
  :where(.pf-v5-theme-dark) .pf-v5-c-wizard__header .pf-v5-c-button, :where(.pf-v5-theme-dark) .pf-v5-c-page__sidebar-body.pf-m-menu .pf-v5-c-context-selector .pf-v5-c-button,
5548
6408
  :where(.pf-v5-theme-dark) .pf-v5-c-page__main-section[class*=pf-m-dark-] .pf-v5-c-button,
5549
- :where(.pf-v5-theme-dark) .pf-v5-c-page__header .pf-v5-c-button, :where(.pf-v5-theme-dark) .pf-v5-c-masthead .pf-v5-c-button, :where(.pf-v5-theme-dark) .pf-v5-c-login__header .pf-v5-c-button,
6409
+ :where(.pf-v5-theme-dark) .pf-v5-c-page__header .pf-v5-c-button, :where(.pf-v5-theme-dark) .pf-v5-c-login__header .pf-v5-c-button,
5550
6410
  :where(.pf-v5-theme-dark) .pf-v5-c-login__footer .pf-v5-c-button, :where(.pf-v5-theme-dark) .pf-v5-c-log-viewer.pf-m-dark .pf-v5-c-log-viewer__main .pf-v5-c-button, :where(.pf-v5-theme-dark) .pf-v5-c-banner .pf-v5-c-button, :where(.pf-v5-theme-dark) .pf-v5-c-about-modal-box .pf-v5-c-button {
5551
6411
  --pf-v5-c-button--m-primary--BackgroundColor: var(--pf-v5-global--primary-color--300);
5552
6412
  }
@@ -5783,7 +6643,7 @@
5783
6643
 
5784
6644
  :where(.pf-v5-theme-dark) .pf-v5-c-wizard__header .pf-v5-c-button, :where(.pf-v5-theme-dark) .pf-v5-c-page__sidebar-body.pf-m-menu .pf-v5-c-context-selector .pf-v5-c-button,
5785
6645
  :where(.pf-v5-theme-dark) .pf-v5-c-page__main-section[class*=pf-m-dark-] .pf-v5-c-button,
5786
- :where(.pf-v5-theme-dark) .pf-v5-c-page__header .pf-v5-c-button, :where(.pf-v5-theme-dark) .pf-v5-c-masthead .pf-v5-c-button, :where(.pf-v5-theme-dark) .pf-v5-c-login__header .pf-v5-c-button,
6646
+ :where(.pf-v5-theme-dark) .pf-v5-c-page__header .pf-v5-c-button, :where(.pf-v5-theme-dark) .pf-v5-c-login__header .pf-v5-c-button,
5787
6647
  :where(.pf-v5-theme-dark) .pf-v5-c-login__footer .pf-v5-c-button, :where(.pf-v5-theme-dark) .pf-v5-c-log-viewer.pf-m-dark .pf-v5-c-log-viewer__main .pf-v5-c-button, :where(.pf-v5-theme-dark) .pf-v5-c-banner .pf-v5-c-button, :where(.pf-v5-theme-dark) .pf-v5-c-about-modal-box .pf-v5-c-button {
5788
6648
  --pf-v5-c-button--m-primary--BackgroundColor: var(--pf-v5-global--primary-color--300);
5789
6649
  }
@@ -5822,65 +6682,64 @@
5822
6682
  --pf-v5-c-action-list--child--spacer: var(--pf-v5-c-action-list--m-icon--spacer);
5823
6683
  }
5824
6684
 
5825
- .pf-v5-c-alert {
5826
- --pf-v5-c-alert--BoxShadow: var(--pf-v5-global--BoxShadow--lg);
5827
- --pf-v5-c-alert--BackgroundColor: var(--pf-v5-global--BackgroundColor--100);
6685
+ :root {
6686
+ --pf-v5-c-alert--BoxShadow: var(--pf-t--global--box-shadow--lg);
6687
+ --pf-v5-c-alert--BackgroundColor: var(--pf-t--global--background--color--floating--default);
5828
6688
  --pf-v5-c-alert--GridTemplateColumns: max-content 1fr max-content;
5829
6689
  --pf-v5-c-alert--GridTemplateAreas:
5830
6690
  "icon title action"
5831
6691
  ". description description"
5832
6692
  ". actiongroup actiongroup";
5833
- --pf-v5-c-alert--BorderTopWidth: var(--pf-v5-global--BorderWidth--md);
5834
- --pf-v5-c-alert--BorderTopColor: var(--pf-v5-global--BorderColor--100);
5835
- --pf-v5-c-alert--PaddingTop: var(--pf-v5-global--spacer--md);
5836
- --pf-v5-c-alert--PaddingRight: var(--pf-v5-global--spacer--md);
5837
- --pf-v5-c-alert--PaddingBottom: var(--pf-v5-global--spacer--md);
5838
- --pf-v5-c-alert--PaddingLeft: var(--pf-v5-global--spacer--md);
5839
- --pf-v5-c-alert__FontSize: var(--pf-v5-global--FontSize--sm);
6693
+ --pf-v5-c-alert--BorderWidth: var(--pf-t--global--border--width--200);
6694
+ --pf-v5-c-alert--BorderColor: transparent;
6695
+ --pf-v5-c-alert--BorderRadius: var(--pf-t--global--border--radius--medium);
6696
+ --pf-v5-c-alert--PaddingTop: var(--pf-t--global--spacer--md);
6697
+ --pf-v5-c-alert--PaddingRight: var(--pf-t--global--spacer--md);
6698
+ --pf-v5-c-alert--PaddingBottom: var(--pf-t--global--spacer--md);
6699
+ --pf-v5-c-alert--PaddingLeft: var(--pf-t--global--spacer--md);
6700
+ --pf-v5-c-alert--FontSize: var(--pf-t--global--font--size--body);
5840
6701
  --pf-v5-c-alert__toggle--MarginTop: calc(-1 * var(--pf-v5-global--spacer--form-element) - 0.0625rem);
5841
6702
  --pf-v5-c-alert__toggle--MarginBottom: calc(-1 * var(--pf-v5-global--spacer--form-element));
5842
- --pf-v5-c-alert__toggle--MarginLeft: calc(-1 * var(--pf-v5-global--spacer--md));
6703
+ --pf-v5-c-alert__toggle--MarginRight: var(--pf-t--global--spacer--sm);
5843
6704
  --pf-v5-c-alert__toggle-icon--Rotate: 0;
5844
6705
  --pf-v5-c-alert__toggle-icon--Transition: var(--pf-v5-global--Transition);
5845
- --pf-v5-c-alert__icon--Color: var(--pf-v5-global--Color--100);
5846
- --pf-v5-c-alert__icon--MarginTop: 0.0625rem;
5847
- --pf-v5-c-alert__icon--MarginRight: var(--pf-v5-global--spacer--sm);
5848
- --pf-v5-c-alert__icon--FontSize: var(--pf-v5-global--icon--FontSize--md);
5849
- --pf-v5-c-alert__title--FontWeight: var(--pf-v5-global--FontWeight--bold);
5850
- --pf-v5-c-alert__title--Color: var(--pf-v5-global--Color--100);
6706
+ --pf-v5-c-alert__icon--Color: var(--pf-t--global--icon--color--regular);
6707
+ --pf-v5-c-alert__icon--MarginTop: 0.25rem;
6708
+ --pf-v5-c-alert__icon--MarginRight: var(--pf-t--global--spacer--sm);
6709
+ --pf-v5-c-alert__icon--FontSize: var(--pf-t--global--icon--size--md);
6710
+ --pf-v5-c-alert__title--FontSize: var(--pf-t--global--font--size--heading--xs);
6711
+ --pf-v5-c-alert__title--FontWeight: var(--pf-t--global--font--weight--heading--bold);
6712
+ --pf-v5-c-alert__title--LineHeight: var(--pf-t--global--font--line-height--heading);
6713
+ --pf-v5-c-alert__title--Color: var(--pf-t--global--text--color--regular);
5851
6714
  --pf-v5-c-alert__title--max-lines: 1;
5852
6715
  --pf-v5-c-alert__action--MarginTop: calc(var(--pf-v5-global--spacer--form-element) * -1);
5853
6716
  --pf-v5-c-alert__action--MarginBottom: calc(var(--pf-v5-global--spacer--form-element) * -1);
5854
6717
  --pf-v5-c-alert__action--TranslateY: 0.125rem;
5855
- --pf-v5-c-alert__action--MarginRight: calc(var(--pf-v5-global--spacer--sm) * -1);
5856
- --pf-v5-c-alert__description--PaddingTop: var(--pf-v5-global--spacer--xs);
5857
- --pf-v5-c-alert__action-group--PaddingTop-base: var(--pf-v5-global--spacer--xs);
6718
+ --pf-v5-c-alert__action--MarginRight: calc(var(--pf-t--global--spacer--sm) * -1);
6719
+ --pf-v5-c-alert__description--PaddingTop: var(--pf-t--global--spacer--xs);
6720
+ --pf-v5-c-alert__action-group--PaddingTop-base: var(--pf-t--global--spacer--xs);
5858
6721
  --pf-v5-c-alert__action-group--PaddingTop: var(--pf-v5-c-alert__action-group--PaddingTop-base);
5859
- --pf-v5-c-alert__description--action-group--PaddingTop-base: var(--pf-v5-global--spacer--md);
6722
+ --pf-v5-c-alert__description--action-group--PaddingTop-base: var(--pf-t--global--spacer--sm);
5860
6723
  --pf-v5-c-alert__description--action-group--PaddingTop: var(--pf-v5-c-alert__description--action-group--PaddingTop-base);
5861
- --pf-v5-c-alert__action-group__c-button--not-last-child--MarginRight: var(--pf-v5-global--spacer--lg);
5862
- --pf-v5-c-alert--m-custom--BorderTopColor: var(--pf-v5-global--custom-color--200);
5863
- --pf-v5-c-alert--m-custom__icon--Color: var(--pf-v5-global--custom-color--200);
5864
- --pf-v5-c-alert--m-custom__title--Color: var(--pf-v5-global--custom-color--300);
5865
- --pf-v5-c-alert--m-success--BorderTopColor: var(--pf-v5-global--success-color--100);
5866
- --pf-v5-c-alert--m-success__icon--Color: var(--pf-v5-global--success-color--100);
5867
- --pf-v5-c-alert--m-success__title--Color: var(--pf-v5-global--success-color--200);
5868
- --pf-v5-c-alert--m-danger--BorderTopColor: var(--pf-v5-global--danger-color--100);
5869
- --pf-v5-c-alert--m-danger__icon--Color: var(--pf-v5-global--danger-color--100);
5870
- --pf-v5-c-alert--m-danger__title--Color: var(--pf-v5-global--danger-color--200);
5871
- --pf-v5-c-alert--m-warning--BorderTopColor: var(--pf-v5-global--warning-color--100);
5872
- --pf-v5-c-alert--m-warning__icon--Color: var(--pf-v5-global--warning-color--100);
5873
- --pf-v5-c-alert--m-warning__title--Color: var(--pf-v5-global--warning-color--200);
5874
- --pf-v5-c-alert--m-info--BorderTopColor: var(--pf-v5-global--info-color--100);
5875
- --pf-v5-c-alert--m-info__icon--Color: var(--pf-v5-global--info-color--100);
5876
- --pf-v5-c-alert--m-info__title--Color: var(--pf-v5-global--info-color--200);
6724
+ --pf-v5-c-alert__action-group__c-button--not-last-child--MarginRight: var(--pf-t--global--spacer--lg);
6725
+ --pf-v5-c-alert--m-custom--BorderColor: var(--pf-t--global--border--color--status--custom--default);
6726
+ --pf-v5-c-alert--m-custom__icon--Color: var(--pf-t--global--icon--color--status--custom--default);
6727
+ --pf-v5-c-alert--m-custom__title--Color: var(--pf-t--global--text--color--regular);
6728
+ --pf-v5-c-alert--m-success--BorderColor: var(--pf-t--global--border--color--status--success--default);
6729
+ --pf-v5-c-alert--m-success__icon--Color: var(--pf-t--global--icon--color--status--success--default);
6730
+ --pf-v5-c-alert--m-success__title--Color: var(--pf-t--global--text--color--regular);
6731
+ --pf-v5-c-alert--m-danger--BorderColor: var(--pf-t--global--border--color--status--danger--default);
6732
+ --pf-v5-c-alert--m-danger__icon--Color: var(--pf-t--global--icon--color--status--danger--default);
6733
+ --pf-v5-c-alert--m-danger__title--Color: var(--pf-t--global--text--color--regular);
6734
+ --pf-v5-c-alert--m-warning--BorderColor: var(--pf-t--global--border--color--status--warning--default);
6735
+ --pf-v5-c-alert--m-warning__icon--Color: var(--pf-t--global--icon--color--status--warning--default);
6736
+ --pf-v5-c-alert--m-warning__title--Color: var(--pf-t--global--text--color--regular);
6737
+ --pf-v5-c-alert--m-info--BorderColor: var(--pf-t--global--border--color--status--info--default);
6738
+ --pf-v5-c-alert--m-info__icon--Color: var(--pf-t--global--icon--color--status--info--default);
6739
+ --pf-v5-c-alert--m-info__title--Color: var(--pf-t--global--text--color--regular);
6740
+ --pf-v5-c-alert--m-inline--BackgroundColor: var(--pf-t--global--background--color--primary--default);
5877
6741
  --pf-v5-c-alert--m-inline--BoxShadow: none;
5878
- --pf-v5-c-alert--m-inline--m-custom--BackgroundColor: var(--pf-v5-global--palette--cyan-50);
5879
- --pf-v5-c-alert--m-inline--m-success--BackgroundColor: var(--pf-v5-global--palette--green-50);
5880
- --pf-v5-c-alert--m-inline--m-danger--BackgroundColor: var(--pf-v5-global--palette--red-50);
5881
- --pf-v5-c-alert--m-inline--m-warning--BackgroundColor: var(--pf-v5-global--palette--gold-50);
5882
- --pf-v5-c-alert--m-inline--m-info--BackgroundColor: var(--pf-v5-global--palette--blue-50);
5883
- --pf-v5-c-alert--m-inline--m-plain--BorderTopWidth: 0;
6742
+ --pf-v5-c-alert--m-inline--m-plain--BorderWidth: 0;
5884
6743
  --pf-v5-c-alert--m-inline--m-plain--BackgroundColor: transparent;
5885
6744
  --pf-v5-c-alert--m-inline--m-plain--PaddingTop: 0;
5886
6745
  --pf-v5-c-alert--m-inline--m-plain--PaddingRight: 0;
@@ -5894,7 +6753,9 @@
5894
6753
  --pf-v5-c-alert--m-expandable__description--action-group--PaddingTop: var(--pf-v5-c-alert__action-group--PaddingTop-base);
5895
6754
  --pf-v5-c-alert--m-expanded__toggle-icon--Rotate: 90deg;
5896
6755
  --pf-v5-c-alert--m-expanded__description--action-group--PaddingTop: var(--pf-v5-c-alert__description--action-group--PaddingTop-base);
5897
- color: var(--pf-v5-global--Color--100);
6756
+ }
6757
+
6758
+ .pf-v5-c-alert {
5898
6759
  position: relative;
5899
6760
  display: grid;
5900
6761
  grid-template-areas: var(--pf-v5-c-alert--GridTemplateAreas);
@@ -5903,47 +6764,43 @@
5903
6764
  padding-block-end: var(--pf-v5-c-alert--PaddingBottom);
5904
6765
  padding-inline-start: var(--pf-v5-c-alert--PaddingLeft);
5905
6766
  padding-inline-end: var(--pf-v5-c-alert--PaddingRight);
5906
- font-size: var(--pf-v5-c-alert__FontSize);
6767
+ font-size: var(--pf-v5-c-alert--FontSize);
5907
6768
  background-color: var(--pf-v5-c-alert--BackgroundColor);
5908
- border-block-start: var(--pf-v5-c-alert--BorderTopWidth) solid var(--pf-v5-c-alert--BorderTopColor);
6769
+ border: var(--pf-v5-c-alert--BorderWidth) solid var(--pf-v5-c-alert--BorderColor);
6770
+ border-radius: var(--pf-v5-c-alert--BorderRadius);
5909
6771
  box-shadow: var(--pf-v5-c-alert--BoxShadow);
5910
6772
  }
5911
6773
  .pf-v5-c-alert.pf-m-custom {
5912
- --pf-v5-c-alert--BorderTopColor: var(--pf-v5-c-alert--m-custom--BorderTopColor);
6774
+ --pf-v5-c-alert--BorderColor: var(--pf-v5-c-alert--m-custom--BorderColor);
5913
6775
  --pf-v5-c-alert__icon--Color: var(--pf-v5-c-alert--m-custom__icon--Color);
5914
6776
  --pf-v5-c-alert__title--Color: var(--pf-v5-c-alert--m-custom__title--Color);
5915
- --pf-v5-c-alert--m-inline--BackgroundColor: var(--pf-v5-c-alert--m-inline--m-custom--BackgroundColor);
5916
6777
  }
5917
6778
  .pf-v5-c-alert.pf-m-success {
5918
- --pf-v5-c-alert--BorderTopColor: var(--pf-v5-c-alert--m-success--BorderTopColor);
6779
+ --pf-v5-c-alert--BorderColor: var(--pf-v5-c-alert--m-success--BorderColor);
5919
6780
  --pf-v5-c-alert__icon--Color: var(--pf-v5-c-alert--m-success__icon--Color);
5920
6781
  --pf-v5-c-alert__title--Color: var(--pf-v5-c-alert--m-success__title--Color);
5921
- --pf-v5-c-alert--m-inline--BackgroundColor: var(--pf-v5-c-alert--m-inline--m-success--BackgroundColor);
5922
6782
  }
5923
6783
  .pf-v5-c-alert.pf-m-danger {
5924
- --pf-v5-c-alert--BorderTopColor: var(--pf-v5-c-alert--m-danger--BorderTopColor);
6784
+ --pf-v5-c-alert--BorderColor: var(--pf-v5-c-alert--m-danger--BorderColor);
5925
6785
  --pf-v5-c-alert__icon--Color: var(--pf-v5-c-alert--m-danger__icon--Color);
5926
6786
  --pf-v5-c-alert__title--Color: var(--pf-v5-c-alert--m-danger__title--Color);
5927
- --pf-v5-c-alert--m-inline--BackgroundColor: var(--pf-v5-c-alert--m-inline--m-danger--BackgroundColor);
5928
6787
  }
5929
6788
  .pf-v5-c-alert.pf-m-warning {
5930
- --pf-v5-c-alert--BorderTopColor: var(--pf-v5-c-alert--m-warning--BorderTopColor);
6789
+ --pf-v5-c-alert--BorderColor: var(--pf-v5-c-alert--m-warning--BorderColor);
5931
6790
  --pf-v5-c-alert__icon--Color: var(--pf-v5-c-alert--m-warning__icon--Color);
5932
6791
  --pf-v5-c-alert__title--Color: var(--pf-v5-c-alert--m-warning__title--Color);
5933
- --pf-v5-c-alert--m-inline--BackgroundColor: var(--pf-v5-c-alert--m-inline--m-warning--BackgroundColor);
5934
6792
  }
5935
6793
  .pf-v5-c-alert.pf-m-info {
5936
- --pf-v5-c-alert--BorderTopColor: var(--pf-v5-c-alert--m-info--BorderTopColor);
6794
+ --pf-v5-c-alert--BorderColor: var(--pf-v5-c-alert--m-info--BorderColor);
5937
6795
  --pf-v5-c-alert__icon--Color: var(--pf-v5-c-alert--m-info__icon--Color);
5938
6796
  --pf-v5-c-alert__title--Color: var(--pf-v5-c-alert--m-info__title--Color);
5939
- --pf-v5-c-alert--m-inline--BackgroundColor: var(--pf-v5-c-alert--m-inline--m-info--BackgroundColor);
5940
6797
  }
5941
6798
  .pf-v5-c-alert.pf-m-inline {
5942
6799
  --pf-v5-c-alert--BoxShadow: var(--pf-v5-c-alert--m-inline--BoxShadow);
5943
6800
  --pf-v5-c-alert--BackgroundColor: var(--pf-v5-c-alert--m-inline--BackgroundColor);
5944
6801
  }
5945
6802
  .pf-v5-c-alert.pf-m-plain {
5946
- --pf-v5-c-alert--BorderTopWidth: var(--pf-v5-c-alert--m-inline--m-plain--BorderTopWidth);
6803
+ --pf-v5-c-alert--BorderWidth: var(--pf-v5-c-alert--m-inline--m-plain--BorderWidth);
5947
6804
  --pf-v5-c-alert--BackgroundColor: var(--pf-v5-c-alert--m-inline--m-plain--BackgroundColor);
5948
6805
  --pf-v5-c-alert--PaddingTop: var(--pf-v5-c-alert--m-inline--m-plain--PaddingTop);
5949
6806
  --pf-v5-c-alert--PaddingRight: var(--pf-v5-c-alert--m-inline--m-plain--PaddingRight);
@@ -5963,7 +6820,7 @@
5963
6820
  .pf-v5-c-alert__toggle {
5964
6821
  margin-block-start: var(--pf-v5-c-alert__toggle--MarginTop);
5965
6822
  margin-block-end: var(--pf-v5-c-alert__toggle--MarginBottom);
5966
- margin-inline-start: var(--pf-v5-c-alert__toggle--MarginLeft);
6823
+ margin-inline-end: var(--pf-v5-c-alert__toggle--MarginRight);
5967
6824
  }
5968
6825
 
5969
6826
  .pf-v5-c-alert__toggle-icon {
@@ -5986,7 +6843,9 @@
5986
6843
 
5987
6844
  .pf-v5-c-alert__title {
5988
6845
  grid-area: title;
6846
+ font-size: var(--pf-v5-c-alert__title--FontSize);
5989
6847
  font-weight: var(--pf-v5-c-alert__title--FontWeight);
6848
+ line-height: var(--pf-v5-c-alert__title--LineHeight);
5990
6849
  color: var(--pf-v5-c-alert__title--Color);
5991
6850
  word-break: break-word;
5992
6851
  }
@@ -6028,47 +6887,28 @@
6028
6887
  margin-inline-end: var(--pf-v5-c-alert__action-group__c-button--not-last-child--MarginRight);
6029
6888
  }
6030
6889
 
6031
- :where(.pf-v5-theme-dark) .pf-v5-c-wizard__header .pf-v5-c-button, :where(.pf-v5-theme-dark) .pf-v5-c-page__sidebar-body.pf-m-menu .pf-v5-c-context-selector .pf-v5-c-button,
6032
- :where(.pf-v5-theme-dark) .pf-v5-c-page__main-section[class*=pf-m-dark-] .pf-v5-c-button,
6033
- :where(.pf-v5-theme-dark) .pf-v5-c-page__header .pf-v5-c-button, :where(.pf-v5-theme-dark) .pf-v5-c-masthead .pf-v5-c-button, :where(.pf-v5-theme-dark) .pf-v5-c-login__header .pf-v5-c-button,
6034
- :where(.pf-v5-theme-dark) .pf-v5-c-login__footer .pf-v5-c-button, :where(.pf-v5-theme-dark) .pf-v5-c-log-viewer.pf-m-dark .pf-v5-c-log-viewer__main .pf-v5-c-button, :where(.pf-v5-theme-dark) .pf-v5-c-banner .pf-v5-c-button, :where(.pf-v5-theme-dark) .pf-v5-c-about-modal-box .pf-v5-c-button {
6035
- --pf-v5-c-button--m-primary--BackgroundColor: var(--pf-v5-global--primary-color--300);
6036
- }
6037
-
6038
- :where(.pf-v5-theme-dark) .pf-v5-c-alert {
6039
- --pf-v5-c-alert--BackgroundColor: var(--pf-v5-global--BackgroundColor--300);
6040
- --pf-v5-c-alert--m-custom__title--Color: var(--pf-v5-global--custom-color--200);
6041
- --pf-v5-c-alert--m-success__title--Color: var(--pf-v5-global--success-color--100);
6042
- --pf-v5-c-alert--m-danger__title--Color: var(--pf-v5-global--danger-color--100);
6043
- --pf-v5-c-alert--m-warning__title--Color: var(--pf-v5-global--warning-color--100);
6044
- --pf-v5-c-alert--m-info__title--Color: var(--pf-v5-global--info-color--100);
6045
- --pf-v5-c-alert--m-inline--m-custom--BackgroundColor: var(--pf-v5-global--BackgroundColor--300);
6046
- --pf-v5-c-alert--m-inline--m-success--BackgroundColor: var(--pf-v5-global--BackgroundColor--300);
6047
- --pf-v5-c-alert--m-inline--m-danger--BackgroundColor: var(--pf-v5-global--BackgroundColor--300);
6048
- --pf-v5-c-alert--m-inline--m-warning--BackgroundColor: var(--pf-v5-global--BackgroundColor--300);
6049
- --pf-v5-c-alert--m-inline--m-info--BackgroundColor: var(--pf-v5-global--BackgroundColor--300);
6050
- }
6051
-
6052
6890
  .pf-v5-c-alert-group {
6053
- --pf-v5-c-alert-group__item--MarginTop: var(--pf-v5-global--spacer--sm);
6054
- --pf-v5-c-alert-group--m-toast--Top: var(--pf-v5-global--spacer--2xl);
6055
- --pf-v5-c-alert-group--m-toast--Right: var(--pf-v5-global--spacer--xl);
6891
+ --pf-v5-c-alert-group__item--MarginTop: var(--pf-t--global--spacer--md);
6892
+ --pf-v5-c-alert-group--m-toast--Top: var(--pf-t--global--spacer--2xl);
6893
+ --pf-v5-c-alert-group--m-toast--Right: var(--pf-t--global--spacer--xl);
6056
6894
  --pf-v5-c-alert-group--m-toast--MaxWidth: 37.5rem;
6057
6895
  --pf-v5-c-alert-group--m-toast--ZIndex: var(--pf-v5-global--ZIndex--2xl);
6058
6896
  --pf-v5-c-alert-group__overflow-button--BorderWidth: 0;
6059
- --pf-v5-c-alert-group__overflow-button--PaddingTop: var(--pf-v5-global--spacer--lg);
6060
- --pf-v5-c-alert-group__overflow-button--PaddingRight: var(--pf-v5-global--spacer--md);
6061
- --pf-v5-c-alert-group__overflow-button--PaddingBottom: var(--pf-v5-global--spacer--lg);
6062
- --pf-v5-c-alert-group__overflow-button--PaddingLeft: var(--pf-v5-global--spacer--md);
6063
- --pf-v5-c-alert-group__overflow-button--Color: var(--pf-v5-global--link--Color);
6064
- --pf-v5-c-alert-group__overflow-button--BoxShadow: var(--pf-v5-global--BoxShadow--lg);
6065
- --pf-v5-c-alert-group__overflow-button--BackgroundColor: var(--pf-v5-global--BackgroundColor--100);
6066
- --pf-v5-c-alert-group__overflow-button--hover--Color: var(--pf-v5-global--link--Color--hover);
6067
- --pf-v5-c-alert-group__overflow-button--hover--BoxShadow: var(--pf-v5-global--BoxShadow--lg), var(--pf-v5-global--BoxShadow--lg-bottom);
6068
- --pf-v5-c-alert-group__overflow-button--focus--Color: var(--pf-v5-global--link--Color--hover);
6069
- --pf-v5-c-alert-group__overflow-button--focus--BoxShadow: var(--pf-v5-global--BoxShadow--lg), var(--pf-v5-global--BoxShadow--lg-bottom);
6070
- --pf-v5-c-alert-group__overflow-button--active--Color: var(--pf-v5-global--link--Color--hover);
6071
- --pf-v5-c-alert-group__overflow-button--active--BoxShadow: var(--pf-v5-global--BoxShadow--lg), var(--pf-v5-global--BoxShadow--lg-bottom);
6897
+ --pf-v5-c-alert-group__overflow-button--BorderRadius: var(--pf-t--global--border--radius--medium);
6898
+ --pf-v5-c-alert-group__overflow-button--PaddingTop: var(--pf-t--global--spacer--md);
6899
+ --pf-v5-c-alert-group__overflow-button--PaddingRight: var(--pf-t--global--spacer--md);
6900
+ --pf-v5-c-alert-group__overflow-button--PaddingBottom: var(--pf-t--global--spacer--md);
6901
+ --pf-v5-c-alert-group__overflow-button--PaddingLeft: var(--pf-t--global--spacer--md);
6902
+ --pf-v5-c-alert-group__overflow-button--Color: var(--pf-t--global--text--color--link--default);
6903
+ --pf-v5-c-alert-group__overflow-button--BoxShadow: var(--pf-t--global--box-shadow--lg);
6904
+ --pf-v5-c-alert-group__overflow-button--BackgroundColor: var(--pf-t--global--background--color--floating--default);
6905
+ --pf-v5-c-alert-group__overflow-button--hover--Color: var(--pf-t--global--text--color--link--hover);
6906
+ --pf-v5-c-alert-group__overflow-button--hover--BackgroundColor: var(--pf-t--global--background--color--floating--hover);
6907
+ --pf-v5-c-alert-group__overflow-button--hover--BoxShadow: var(--pf-t--global--box-shadow--lg), var(--pf-t--global--box-shadow--lg--bottom);
6908
+ --pf-v5-c-alert-group__overflow-button--focus--Color: var(--pf-t--global--text--color--link--hover);
6909
+ --pf-v5-c-alert-group__overflow-button--focus--BoxShadow: var(--pf-t--global--box-shadow--lg), var(--pf-t--global--box-shadow--lg--bottom);
6910
+ --pf-v5-c-alert-group__overflow-button--active--Color: var(--pf-t--global--text--color--link--hover);
6911
+ --pf-v5-c-alert-group__overflow-button--active--BoxShadow: var(--pf-t--global--box-shadow--lg), var(--pf-t--global--box-shadow--lg--bottom);
6072
6912
  }
6073
6913
  .pf-v5-c-alert-group > * + * {
6074
6914
  margin-block-start: var(--pf-v5-c-alert-group__item--MarginTop);
@@ -6092,10 +6932,12 @@
6092
6932
  color: var(--pf-v5-c-alert-group__overflow-button--Color);
6093
6933
  background-color: var(--pf-v5-c-alert-group__overflow-button--BackgroundColor);
6094
6934
  border-width: var(--pf-v5-c-alert-group__overflow-button--BorderWidth);
6935
+ border-radius: var(--pf-v5-c-alert-group__overflow-button--BorderRadius);
6095
6936
  box-shadow: var(--pf-v5-c-alert-group__overflow-button--BoxShadow);
6096
6937
  }
6097
6938
  .pf-v5-c-alert-group__overflow-button:hover {
6098
6939
  --pf-v5-c-alert-group__overflow-button--Color: var(--pf-v5-c-alert-group__overflow-button--hover--Color);
6940
+ --pf-v5-c-alert-group__overflow-button--BackgroundColor: var(--pf-v5-c-alert-group__overflow-button--hover--BackgroundColor);
6099
6941
  --pf-v5-c-alert-group__overflow-button--BoxShadow: var(--pf-v5-c-alert-group__overflow-button--hover--BoxShadow);
6100
6942
  }
6101
6943
  .pf-v5-c-alert-group__overflow-button:focus {
@@ -6344,7 +7186,7 @@
6344
7186
 
6345
7187
  :where(.pf-v5-theme-dark) .pf-v5-c-wizard__header .pf-v5-c-button, :where(.pf-v5-theme-dark) .pf-v5-c-page__sidebar-body.pf-m-menu .pf-v5-c-context-selector .pf-v5-c-button,
6346
7188
  :where(.pf-v5-theme-dark) .pf-v5-c-page__main-section[class*=pf-m-dark-] .pf-v5-c-button,
6347
- :where(.pf-v5-theme-dark) .pf-v5-c-page__header .pf-v5-c-button, :where(.pf-v5-theme-dark) .pf-v5-c-masthead .pf-v5-c-button, :where(.pf-v5-theme-dark) .pf-v5-c-login__header .pf-v5-c-button,
7189
+ :where(.pf-v5-theme-dark) .pf-v5-c-page__header .pf-v5-c-button, :where(.pf-v5-theme-dark) .pf-v5-c-login__header .pf-v5-c-button,
6348
7190
  :where(.pf-v5-theme-dark) .pf-v5-c-login__footer .pf-v5-c-button, :where(.pf-v5-theme-dark) .pf-v5-c-log-viewer.pf-m-dark .pf-v5-c-log-viewer__main .pf-v5-c-button, :where(.pf-v5-theme-dark) .pf-v5-c-banner .pf-v5-c-button, :where(.pf-v5-theme-dark) .pf-v5-c-about-modal-box .pf-v5-c-button {
6349
7191
  --pf-v5-c-button--m-primary--BackgroundColor: var(--pf-v5-global--primary-color--300);
6350
7192
  }
@@ -6716,7 +7558,7 @@
6716
7558
 
6717
7559
  :where(.pf-v5-theme-dark) .pf-v5-c-wizard__header .pf-v5-c-button, :where(.pf-v5-theme-dark) .pf-v5-c-page__sidebar-body.pf-m-menu .pf-v5-c-context-selector .pf-v5-c-button,
6718
7560
  :where(.pf-v5-theme-dark) .pf-v5-c-page__main-section[class*=pf-m-dark-] .pf-v5-c-button,
6719
- :where(.pf-v5-theme-dark) .pf-v5-c-page__header .pf-v5-c-button, :where(.pf-v5-theme-dark) .pf-v5-c-masthead .pf-v5-c-button, :where(.pf-v5-theme-dark) .pf-v5-c-login__header .pf-v5-c-button,
7561
+ :where(.pf-v5-theme-dark) .pf-v5-c-page__header .pf-v5-c-button, :where(.pf-v5-theme-dark) .pf-v5-c-login__header .pf-v5-c-button,
6720
7562
  :where(.pf-v5-theme-dark) .pf-v5-c-login__footer .pf-v5-c-button, :where(.pf-v5-theme-dark) .pf-v5-c-log-viewer.pf-m-dark .pf-v5-c-log-viewer__main .pf-v5-c-button, :where(.pf-v5-theme-dark) .pf-v5-c-banner .pf-v5-c-button, :where(.pf-v5-theme-dark) .pf-v5-c-about-modal-box .pf-v5-c-button {
6721
7563
  --pf-v5-c-button--m-primary--BackgroundColor: var(--pf-v5-global--primary-color--300);
6722
7564
  }
@@ -6817,7 +7659,7 @@
6817
7659
 
6818
7660
  :where(.pf-v5-theme-dark) .pf-v5-c-wizard__header .pf-v5-c-button, :where(.pf-v5-theme-dark) .pf-v5-c-page__sidebar-body.pf-m-menu .pf-v5-c-context-selector .pf-v5-c-button,
6819
7661
  :where(.pf-v5-theme-dark) .pf-v5-c-page__main-section[class*=pf-m-dark-] .pf-v5-c-button,
6820
- :where(.pf-v5-theme-dark) .pf-v5-c-page__header .pf-v5-c-button, :where(.pf-v5-theme-dark) .pf-v5-c-masthead .pf-v5-c-button, :where(.pf-v5-theme-dark) .pf-v5-c-login__header .pf-v5-c-button,
7662
+ :where(.pf-v5-theme-dark) .pf-v5-c-page__header .pf-v5-c-button, :where(.pf-v5-theme-dark) .pf-v5-c-login__header .pf-v5-c-button,
6821
7663
  :where(.pf-v5-theme-dark) .pf-v5-c-login__footer .pf-v5-c-button, :where(.pf-v5-theme-dark) .pf-v5-c-log-viewer.pf-m-dark .pf-v5-c-log-viewer__main .pf-v5-c-button, :where(.pf-v5-theme-dark) .pf-v5-c-banner .pf-v5-c-button, :where(.pf-v5-theme-dark) .pf-v5-c-about-modal-box .pf-v5-c-button {
6822
7664
  --pf-v5-c-button--m-primary--BackgroundColor: var(--pf-v5-global--primary-color--300);
6823
7665
  }
@@ -6989,175 +7831,180 @@ button.pf-v5-c-breadcrumb__link {
6989
7831
  }
6990
7832
 
6991
7833
  .pf-v5-c-button {
6992
- --pf-v5-c-button--PaddingTop: var(--pf-v5-global--spacer--form-element);
6993
- --pf-v5-c-button--PaddingRight: var(--pf-v5-global--spacer--md);
6994
- --pf-v5-c-button--PaddingBottom: var(--pf-v5-global--spacer--form-element);
6995
- --pf-v5-c-button--PaddingLeft: var(--pf-v5-global--spacer--md);
6996
- --pf-v5-c-button--LineHeight: var(--pf-v5-global--LineHeight--md);
6997
- --pf-v5-c-button--FontWeight: var(--pf-v5-global--FontWeight--normal);
6998
- --pf-v5-c-button--FontSize: var(--pf-v5-global--FontSize--md);
7834
+ --pf-v5-c-button--PaddingTop: var(--pf-t--global--spacer--sm);
7835
+ --pf-v5-c-button--PaddingRight: var(--pf-t--global--spacer--lg);
7836
+ --pf-v5-c-button--PaddingBottom: var(--pf-t--global--spacer--sm);
7837
+ --pf-v5-c-button--PaddingLeft: var(--pf-t--global--spacer--lg);
7838
+ --pf-v5-c-button--LineHeight: var(--pf-t--global--font--line-height--body);
7839
+ --pf-v5-c-button--FontWeight: var(--pf-t--global--font--weight--body);
7840
+ --pf-v5-c-button--FontSize: var(--pf-t--global--font--size--body--md);
6999
7841
  --pf-v5-c-button--BackgroundColor: transparent;
7000
- --pf-v5-c-button--BorderRadius: var(--pf-v5-global--BorderRadius--sm);
7001
- --pf-v5-c-button--after--BorderRadius: var(--pf-v5-global--BorderRadius--sm);
7842
+ --pf-v5-c-button--BorderRadius: var(--pf-t--global--border--radius--pill);
7002
7843
  --pf-v5-c-button--after--BorderColor: transparent;
7003
- --pf-v5-c-button--after--BorderWidth: var(--pf-v5-global--BorderWidth--sm);
7004
- --pf-v5-c-button--hover--after--BorderWidth: var(--pf-v5-global--BorderWidth--md);
7005
- --pf-v5-c-button--focus--after--BorderWidth: var(--pf-v5-global--BorderWidth--md);
7006
- --pf-v5-c-button--active--after--BorderWidth: var(--pf-v5-global--BorderWidth--md);
7007
- --pf-v5-c-button--disabled--Color: var(--pf-v5-global--disabled-color--100);
7008
- --pf-v5-c-button--disabled--BackgroundColor: var(--pf-v5-global--disabled-color--200);
7844
+ --pf-v5-c-button--after--BorderWidth: var(--pf-t--global--border--width--button--default);
7845
+ --pf-v5-c-button--hover--after--BorderWidth: var(--pf-t--global--border--width--button--hover);
7846
+ --pf-v5-c-button--focus--after--BorderWidth: var(--pf-t--global--border--width--button--active);
7847
+ --pf-v5-c-button--active--after--BorderWidth: var(--pf-t--global--border--width--button--active);
7848
+ --pf-v5-c-button--disabled--Color: var(--pf-t--global--text--color--disabled--default);
7849
+ --pf-v5-c-button--disabled--BackgroundColor: var(--pf-t--global--background--color--disabled--default);
7009
7850
  --pf-v5-c-button--disabled--after--BorderColor: transparent;
7010
- --pf-v5-c-button--m-primary--BackgroundColor: var(--pf-v5-global--primary-color--100);
7011
- --pf-v5-c-button--m-primary--Color: var(--pf-v5-global--Color--light-100);
7012
- --pf-v5-c-button--m-primary--hover--BackgroundColor: var(--pf-v5-global--primary-color--200);
7013
- --pf-v5-c-button--m-primary--hover--Color: var(--pf-v5-global--Color--light-100);
7014
- --pf-v5-c-button--m-primary--focus--BackgroundColor: var(--pf-v5-global--primary-color--200);
7015
- --pf-v5-c-button--m-primary--focus--Color: var(--pf-v5-global--Color--light-100);
7016
- --pf-v5-c-button--m-primary--active--BackgroundColor: var(--pf-v5-global--primary-color--200);
7017
- --pf-v5-c-button--m-primary--active--Color: var(--pf-v5-global--Color--light-100);
7851
+ --pf-v5-c-button--m-primary--BackgroundColor: var(--pf-t--global--color--brand--default);
7852
+ --pf-v5-c-button--m-primary--Color: var(--pf-t--global--text--color--on-brand--default);
7853
+ --pf-v5-c-button--m-primary--hover--BackgroundColor: var(--pf-t--global--color--brand--hover);
7854
+ --pf-v5-c-button--m-primary--hover--Color: var(--pf-t--global--text--color--on-brand--hover);
7855
+ --pf-v5-c-button--m-primary--focus--BackgroundColor: var(--pf-t--global--color--brand--active);
7856
+ --pf-v5-c-button--m-primary--focus--Color: var(--pf-t--global--text--color--on-brand--active);
7857
+ --pf-v5-c-button--m-primary--active--BackgroundColor: var(--pf-t--global--color--brand--active);
7858
+ --pf-v5-c-button--m-primary--active--Color: var(--pf-t--global--text--color--on-brand--active);
7018
7859
  --pf-v5-c-button--m-secondary--BackgroundColor: transparent;
7019
- --pf-v5-c-button--m-secondary--after--BorderColor: var(--pf-v5-global--primary-color--100);
7020
- --pf-v5-c-button--m-secondary--Color: var(--pf-v5-global--primary-color--100);
7860
+ --pf-v5-c-button--m-secondary--after--BorderColor: var(--pf-t--global--border--color--brand--default);
7861
+ --pf-v5-c-button--m-secondary--Color: var(--pf-t--global--text--color--brand--default);
7021
7862
  --pf-v5-c-button--m-secondary--hover--BackgroundColor: transparent;
7022
- --pf-v5-c-button--m-secondary--hover--after--BorderColor: var(--pf-v5-global--primary-color--100);
7023
- --pf-v5-c-button--m-secondary--hover--Color: var(--pf-v5-global--primary-color--100);
7863
+ --pf-v5-c-button--m-secondary--hover--after--BorderColor: var(--pf-t--global--border--color--brand--hover);
7864
+ --pf-v5-c-button--m-secondary--hover--Color: var(--pf-t--global--text--color--brand--hover);
7024
7865
  --pf-v5-c-button--m-secondary--focus--BackgroundColor: transparent;
7025
- --pf-v5-c-button--m-secondary--focus--after--BorderColor: var(--pf-v5-global--primary-color--100);
7026
- --pf-v5-c-button--m-secondary--focus--Color: var(--pf-v5-global--primary-color--100);
7866
+ --pf-v5-c-button--m-secondary--focus--after--BorderColor: var(--pf-t--global--border--color--brand--active);
7867
+ --pf-v5-c-button--m-secondary--focus--Color: var(--pf-t--global--text--color--brand--active);
7027
7868
  --pf-v5-c-button--m-secondary--active--BackgroundColor: transparent;
7028
- --pf-v5-c-button--m-secondary--active--after--BorderColor: var(--pf-v5-global--primary-color--100);
7029
- --pf-v5-c-button--m-secondary--active--Color: var(--pf-v5-global--primary-color--100);
7869
+ --pf-v5-c-button--m-secondary--active--after--BorderColor: var(--pf-t--global--border--color--brand--active);
7870
+ --pf-v5-c-button--m-secondary--active--Color: var(--pf-t--global--text--color--brand--active);
7030
7871
  --pf-v5-c-button--m-secondary--m-danger--BackgroundColor: transparent;
7031
- --pf-v5-c-button--m-secondary--m-danger--Color: var(--pf-v5-global--danger-color--100);
7032
- --pf-v5-c-button--m-secondary--m-danger--after--BorderColor: var(--pf-v5-global--danger-color--100);
7872
+ --pf-v5-c-button--m-secondary--m-danger--Color: var(--pf-t--global--text--color--status--danger--default);
7873
+ --pf-v5-c-button--m-secondary--m-danger--after--BorderColor: var(--pf-t--global--border--color--status--danger--default);
7033
7874
  --pf-v5-c-button--m-secondary--m-danger--hover--BackgroundColor: transparent;
7034
- --pf-v5-c-button--m-secondary--m-danger--hover--Color: var(--pf-v5-global--danger-color--200);
7035
- --pf-v5-c-button--m-secondary--m-danger--hover--after--BorderColor: var(--pf-v5-global--danger-color--100);
7875
+ --pf-v5-c-button--m-secondary--m-danger--hover--Color: var(--pf-t--global--text--color--status--danger--hover);
7876
+ --pf-v5-c-button--m-secondary--m-danger--hover--after--BorderColor: var(--pf-t--global--border--color--status--danger--hover);
7036
7877
  --pf-v5-c-button--m-secondary--m-danger--focus--BackgroundColor: transparent;
7037
- --pf-v5-c-button--m-secondary--m-danger--focus--Color: var(--pf-v5-global--danger-color--200);
7038
- --pf-v5-c-button--m-secondary--m-danger--focus--after--BorderColor: var(--pf-v5-global--danger-color--100);
7878
+ --pf-v5-c-button--m-secondary--m-danger--focus--Color: var(--pf-t--global--text--color--status--danger--active);
7879
+ --pf-v5-c-button--m-secondary--m-danger--focus--after--BorderColor: var(--pf-t--global--border--color--status--danger--active);
7039
7880
  --pf-v5-c-button--m-secondary--m-danger--active--BackgroundColor: transparent;
7040
- --pf-v5-c-button--m-secondary--m-danger--active--Color: var(--pf-v5-global--danger-color--200);
7041
- --pf-v5-c-button--m-secondary--m-danger--active--after--BorderColor: var(--pf-v5-global--danger-color--100);
7881
+ --pf-v5-c-button--m-secondary--m-danger--active--Color: var(--pf-t--global--text--color--status--danger--active);
7882
+ --pf-v5-c-button--m-secondary--m-danger--active--after--BorderColor: var(--pf-t--global--border--color--status--danger--active);
7042
7883
  --pf-v5-c-button--m-tertiary--BackgroundColor: transparent;
7043
- --pf-v5-c-button--m-tertiary--after--BorderColor: var(--pf-v5-global--Color--100);
7044
- --pf-v5-c-button--m-tertiary--Color: var(--pf-v5-global--Color--100);
7884
+ --pf-v5-c-button--m-tertiary--after--BorderColor: var(--pf-t--global--border--color--default);
7885
+ --pf-v5-c-button--m-tertiary--Color: var(--pf-t--global--text--color--regular);
7045
7886
  --pf-v5-c-button--m-tertiary--hover--BackgroundColor: transparent;
7046
- --pf-v5-c-button--m-tertiary--hover--after--BorderColor: var(--pf-v5-global--Color--100);
7047
- --pf-v5-c-button--m-tertiary--hover--Color: var(--pf-v5-global--Color--100);
7887
+ --pf-v5-c-button--m-tertiary--hover--after--BorderColor: var(--pf-t--global--border--color--hover);
7888
+ --pf-v5-c-button--m-tertiary--hover--Color: var(--pf-t--global--text--color--regular);
7048
7889
  --pf-v5-c-button--m-tertiary--focus--BackgroundColor: transparent;
7049
- --pf-v5-c-button--m-tertiary--focus--after--BorderColor: var(--pf-v5-global--Color--100);
7050
- --pf-v5-c-button--m-tertiary--focus--Color: var(--pf-v5-global--Color--100);
7890
+ --pf-v5-c-button--m-tertiary--focus--after--BorderColor: var(--pf-t--global--border--color--active);
7891
+ --pf-v5-c-button--m-tertiary--focus--Color: var(--pf-t--global--text--color--regular);
7051
7892
  --pf-v5-c-button--m-tertiary--active--BackgroundColor: transparent;
7052
- --pf-v5-c-button--m-tertiary--active--after--BorderColor: var(--pf-v5-global--Color--100);
7053
- --pf-v5-c-button--m-tertiary--active--Color: var(--pf-v5-global--Color--100);
7054
- --pf-v5-c-button--m-warning--BackgroundColor: var(--pf-v5-global--warning-color--100);
7055
- --pf-v5-c-button--m-warning--Color: var(--pf-v5-global--Color--dark-100);
7056
- --pf-v5-c-button--m-warning--hover--BackgroundColor: var(--pf-v5-global--palette--gold-500);
7057
- --pf-v5-c-button--m-warning--hover--Color: var(--pf-v5-global--Color--dark-100);
7058
- --pf-v5-c-button--m-warning--focus--BackgroundColor: var(--pf-v5-global--palette--gold-500);
7059
- --pf-v5-c-button--m-warning--focus--Color: var(--pf-v5-global--Color--dark-100);
7060
- --pf-v5-c-button--m-warning--active--BackgroundColor: var(--pf-v5-global--palette--gold-500);
7061
- --pf-v5-c-button--m-warning--active--Color: var(--pf-v5-global--Color--dark-100);
7062
- --pf-v5-c-button--m-danger--BackgroundColor: var(--pf-v5-global--danger-color--100);
7063
- --pf-v5-c-button--m-danger--Color: var(--pf-v5-global--Color--light-100);
7064
- --pf-v5-c-button--m-danger--hover--BackgroundColor: var(--pf-v5-global--danger-color--200);
7065
- --pf-v5-c-button--m-danger--hover--Color: var(--pf-v5-global--Color--light-100);
7066
- --pf-v5-c-button--m-danger--focus--BackgroundColor: var(--pf-v5-global--danger-color--200);
7067
- --pf-v5-c-button--m-danger--focus--Color: var(--pf-v5-global--Color--light-100);
7068
- --pf-v5-c-button--m-danger--active--BackgroundColor: var(--pf-v5-global--danger-color--200);
7069
- --pf-v5-c-button--m-danger--active--Color: var(--pf-v5-global--Color--light-100);
7893
+ --pf-v5-c-button--m-tertiary--active--after--BorderColor: var(--pf-t--global--border--color--active);
7894
+ --pf-v5-c-button--m-tertiary--active--Color: var(--pf-t--global--text--color--regular);
7895
+ --pf-v5-c-button--m-warning--BackgroundColor: var(--pf-t--global--color--status--warning--default);
7896
+ --pf-v5-c-button--m-warning--Color: var(--pf-t--global--text--color--status--on-warning--default);
7897
+ --pf-v5-c-button--m-warning--hover--BackgroundColor: var(--pf-t--global--color--status--warning--hover);
7898
+ --pf-v5-c-button--m-warning--hover--Color: var(--pf-t--global--text--color--status--on-warning--hover);
7899
+ --pf-v5-c-button--m-warning--focus--BackgroundColor: var(--pf-t--global--color--status--warning--active);
7900
+ --pf-v5-c-button--m-warning--focus--Color: var(--pf-t--global--text--color--status--on-warning--hover);
7901
+ --pf-v5-c-button--m-warning--active--BackgroundColor: var(--pf-t--global--color--status--warning--active);
7902
+ --pf-v5-c-button--m-warning--active--Color: var(--pf-t--global--text--color--status--on-warning--hover);
7903
+ --pf-v5-c-button--m-danger--BackgroundColor: var(--pf-t--global--color--status--danger--default);
7904
+ --pf-v5-c-button--m-danger--Color: var(--pf-t--global--text--color--status--on-danger--default);
7905
+ --pf-v5-c-button--m-danger--hover--BackgroundColor: var(--pf-t--global--color--status--danger--hover);
7906
+ --pf-v5-c-button--m-danger--hover--Color: var(--pf-t--global--text--color--status--on-danger--hover);
7907
+ --pf-v5-c-button--m-danger--focus--BackgroundColor: var(--pf-t--global--color--status--danger--active);
7908
+ --pf-v5-c-button--m-danger--focus--Color: var(--pf-t--global--text--color--status--on-danger--hover);
7909
+ --pf-v5-c-button--m-danger--active--BackgroundColor: var(--pf-t--global--color--status--danger--active);
7910
+ --pf-v5-c-button--m-danger--active--Color: var(--pf-t--global--text--color--status--on-danger--hover);
7070
7911
  --pf-v5-c-button--m-link--BackgroundColor: transparent;
7071
- --pf-v5-c-button--m-link--Color: var(--pf-v5-global--link--Color);
7912
+ --pf-v5-c-button--m-link--Color: var(--pf-t--global--text--color--link--default);
7072
7913
  --pf-v5-c-button--m-link--hover--BackgroundColor: transparent;
7073
- --pf-v5-c-button--m-link--hover--Color: var(--pf-v5-global--link--Color--hover);
7914
+ --pf-v5-c-button--m-link--hover--Color: var(--pf-t--global--text--color--link--hover);
7074
7915
  --pf-v5-c-button--m-link--focus--BackgroundColor: transparent;
7075
- --pf-v5-c-button--m-link--focus--Color: var(--pf-v5-global--link--Color--hover);
7916
+ --pf-v5-c-button--m-link--focus--Color: var(--pf-t--global--text--color--link--hover);
7076
7917
  --pf-v5-c-button--m-link--active--BackgroundColor: transparent;
7077
- --pf-v5-c-button--m-link--active--Color: var(--pf-v5-global--link--Color--hover);
7918
+ --pf-v5-c-button--m-link--active--Color: var(--pf-t--global--text--color--link--hover);
7078
7919
  --pf-v5-c-button--m-link--disabled--BackgroundColor: transparent;
7079
- --pf-v5-c-button--m-link--disabled--Color: var(--pf-v5-global--disabled-color--100);
7920
+ --pf-v5-c-button--m-link--disabled--Color: var(--pf-t--global--text--color--disabled--light);
7921
+ --pf-v5-c-button--m-link--not--m-inline--TextDecoration: none;
7080
7922
  --pf-v5-c-button--m-link--m-inline--FontSize: inherit;
7081
- --pf-v5-c-button--m-link--m-inline--hover--TextDecoration: var(--pf-v5-global--link--TextDecoration--hover);
7082
- --pf-v5-c-button--m-link--m-inline--hover--Color: var(--pf-v5-global--link--Color--hover);
7923
+ --pf-v5-c-button--m-link--m-inline--hover--TextDecoration: var(--pf-t--global--link--text-decoration--hover);
7924
+ --pf-v5-c-button--m-link--m-inline--hover--Color: var(--pf-t--global--text--color--link--hover);
7083
7925
  --pf-v5-c-button--m-link--m-inline--PaddingTop: 0;
7084
7926
  --pf-v5-c-button--m-link--m-inline--PaddingRight: 0;
7085
7927
  --pf-v5-c-button--m-link--m-inline--PaddingBottom: 0;
7086
7928
  --pf-v5-c-button--m-link--m-inline--PaddingLeft: 0;
7087
- --pf-v5-c-button--m-link--m-inline__progress--Left: var(--pf-v5-global--spacer--xs);
7088
- --pf-v5-c-button--m-link--m-inline--m-in-progress--PaddingLeft: calc(var(--pf-v5-c-button--m-link--m-inline__progress--Left) + 1rem + var(--pf-v5-global--spacer--sm));
7929
+ --pf-v5-c-button--m-link--m-inline__progress--Left: var(--pf-t--global--spacer--xs);
7930
+ --pf-v5-c-button--m-link--m-inline--m-in-progress--PaddingLeft: calc(var(--pf-v5-c-button--m-link--m-inline__progress--Left) + 1rem + var(--pf-t--global--spacer--sm));
7089
7931
  --pf-v5-c-button--m-link--m-danger--BackgroundColor: transparent;
7090
- --pf-v5-c-button--m-link--m-danger--Color: var(--pf-v5-global--danger-color--100);
7932
+ --pf-v5-c-button--m-link--m-danger--Color: var(--pf-t--global--text--color--status--danger--default);
7091
7933
  --pf-v5-c-button--m-link--m-danger--hover--BackgroundColor: transparent;
7092
- --pf-v5-c-button--m-link--m-danger--hover--Color: var(--pf-v5-global--danger-color--200);
7934
+ --pf-v5-c-button--m-link--m-danger--hover--Color: var(--pf-t--global--text--color--status--danger--hover);
7093
7935
  --pf-v5-c-button--m-link--m-danger--focus--BackgroundColor: transparent;
7094
- --pf-v5-c-button--m-link--m-danger--focus--Color: var(--pf-v5-global--danger-color--200);
7936
+ --pf-v5-c-button--m-link--m-danger--focus--Color: var(--pf-t--global--text--color--status--danger--active);
7095
7937
  --pf-v5-c-button--m-link--m-danger--active--BackgroundColor: transparent;
7096
- --pf-v5-c-button--m-link--m-danger--active--Color: var(--pf-v5-global--danger-color--200);
7097
- --pf-v5-c-button--m-plain--BackgroundColor: transparent;
7098
- --pf-v5-c-button--m-plain--Color: var(--pf-v5-global--Color--200);
7099
- --pf-v5-c-button--m-plain--hover--BackgroundColor: transparent;
7100
- --pf-v5-c-button--m-plain--hover--Color: var(--pf-v5-global--Color--100);
7938
+ --pf-v5-c-button--m-link--m-danger--active--Color: var(--pf-t--global--text--color--status--danger--active);
7939
+ --pf-v5-c-button--m-plain--BackgroundColor: var(--pf-t--global--background--color--action--plain--default);
7940
+ --pf-v5-c-button--m-plain--BorderRadius: var(--pf-t--global--border--radius--small);
7941
+ --pf-v5-c-button--m-plain--PaddingTop: var(--pf-t--global--spacer--sm);
7942
+ --pf-v5-c-button--m-plain--PaddingRight: var(--pf-t--global--spacer--sm);
7943
+ --pf-v5-c-button--m-plain--PaddingBottom: var(--pf-t--global--spacer--sm);
7944
+ --pf-v5-c-button--m-plain--PaddingLeft: var(--pf-t--global--spacer--sm);
7945
+ --pf-v5-c-button--m-plain--Color: var(--pf-t--global--icon--color--regular);
7946
+ --pf-v5-c-button--m-plain--hover--BackgroundColor: var(--pf-t--global--background--color--action--plain--hover);
7947
+ --pf-v5-c-button--m-plain--hover--Color: var(--pf-t--global--text--color--regular);
7101
7948
  --pf-v5-c-button--m-plain--focus--BackgroundColor: transparent;
7102
- --pf-v5-c-button--m-plain--focus--Color: var(--pf-v5-global--Color--100);
7949
+ --pf-v5-c-button--m-plain--focus--Color: var(--pf-t--global--text--color--regular);
7103
7950
  --pf-v5-c-button--m-plain--active--BackgroundColor: transparent;
7104
- --pf-v5-c-button--m-plain--active--Color: var(--pf-v5-global--Color--100);
7105
- --pf-v5-c-button--m-plain--disabled--Color: var(--pf-v5-global--disabled-color--200);
7951
+ --pf-v5-c-button--m-plain--active--Color: var(--pf-t--global--text--color--regular);
7952
+ --pf-v5-c-button--m-plain--disabled--Color: var(--pf-t--global--icon--color--disabled);
7106
7953
  --pf-v5-c-button--m-plain--disabled--BackgroundColor: transparent;
7107
- --pf-v5-c-button--m-control--BackgroundColor: var(--pf-v5-global--BackgroundColor--100);
7108
- --pf-v5-c-button--m-control--Color: var(--pf-v5-global--Color--100);
7109
- --pf-v5-c-button--m-control--BorderRadius: 0;
7110
- --pf-v5-c-button--m-control--after--BorderWidth: var(--pf-v5-global--BorderWidth--sm);
7111
- --pf-v5-c-button--m-control--after--BorderTopColor: var(--pf-v5-global--BorderColor--300);
7112
- --pf-v5-c-button--m-control--after--BorderRightColor: var(--pf-v5-global--BorderColor--300);
7113
- --pf-v5-c-button--m-control--after--BorderBottomColor: var(--pf-v5-global--BorderColor--200);
7114
- --pf-v5-c-button--m-control--after--BorderLeftColor: var(--pf-v5-global--BorderColor--300);
7115
- --pf-v5-c-button--m-control--disabled--BackgroundColor: var(--pf-v5-global--disabled-color--300);
7116
- --pf-v5-c-button--m-control--hover--BackgroundColor: var(--pf-v5-global--BackgroundColor--100);
7117
- --pf-v5-c-button--m-control--hover--Color: var(--pf-v5-global--Color--100);
7118
- --pf-v5-c-button--m-control--hover--after--BorderBottomWidth: var(--pf-v5-global--BorderWidth--md);
7119
- --pf-v5-c-button--m-control--hover--after--BorderBottomColor: var(--pf-v5-global--active-color--100);
7120
- --pf-v5-c-button--m-control--active--BackgroundColor: var(--pf-v5-global--BackgroundColor--100);
7121
- --pf-v5-c-button--m-control--active--Color: var(--pf-v5-global--Color--100);
7122
- --pf-v5-c-button--m-control--active--after--BorderBottomWidth: var(--pf-v5-global--BorderWidth--md);
7123
- --pf-v5-c-button--m-control--active--after--BorderBottomColor: var(--pf-v5-global--active-color--100);
7124
- --pf-v5-c-button--m-control--focus--BackgroundColor: var(--pf-v5-global--BackgroundColor--100);
7125
- --pf-v5-c-button--m-control--focus--Color: var(--pf-v5-global--Color--100);
7126
- --pf-v5-c-button--m-control--focus--after--BorderBottomWidth: var(--pf-v5-global--BorderWidth--md);
7127
- --pf-v5-c-button--m-control--focus--after--BorderBottomColor: var(--pf-v5-global--active-color--100);
7128
- --pf-v5-c-button--m-control--m-expanded--BackgroundColor: var(--pf-v5-global--BackgroundColor--100);
7129
- --pf-v5-c-button--m-control--m-expanded--Color: var(--pf-v5-global--Color--100);
7130
- --pf-v5-c-button--m-control--m-expanded--after--BorderBottomWidth: var(--pf-v5-global--BorderWidth--md);
7131
- --pf-v5-c-button--m-control--m-expanded--after--BorderBottomColor: var(--pf-v5-global--active-color--100);
7954
+ --pf-v5-c-button--m-control--BackgroundColor: var(--pf-t--global--background--color--control--default);
7955
+ --pf-v5-c-button--m-control--Color: var(--pf-t--global--text--color--subtle);
7956
+ --pf-v5-c-button--m-control--BorderRadius: var(--pf-t--global--border--radius--small);
7957
+ --pf-v5-c-button--m-control--after--BorderWidth: var(--pf-t--global--border--width--control--default);
7958
+ --pf-v5-c-button--m-control--after--BorderTopColor: var(--pf-t--global--border--color--default);
7959
+ --pf-v5-c-button--m-control--after--BorderRightColor: var(--pf-t--global--border--color--default);
7960
+ --pf-v5-c-button--m-control--after--BorderBottomColor: var(--pf-t--global--border--color--default);
7961
+ --pf-v5-c-button--m-control--after--BorderLeftColor: var(--pf-t--global--border--color--default);
7962
+ --pf-v5-c-button--m-control--disabled--BackgroundColor: var(--pf-t--global--background--color--disabled--default);
7963
+ --pf-v5-c-button--m-control--hover--BackgroundColor: var(--pf-t--global--background--color--primary--default);
7964
+ --pf-v5-c-button--m-control--hover--Color: var(--pf-t--global--text--color--regular);
7965
+ --pf-v5-c-button--m-control--hover--after--BorderBottomWidth: var(--pf-t--global--border--width--control--hover);
7966
+ --pf-v5-c-button--m-control--hover--after--BorderBottomColor: var(--pf-t--global--background--color--secondary--hover);
7967
+ --pf-v5-c-button--m-control--active--BackgroundColor: var(--pf-t--global--background--color--primary--default);
7968
+ --pf-v5-c-button--m-control--active--Color: var(--pf-t--global--text--color--regular);
7969
+ --pf-v5-c-button--m-control--active--after--BorderBottomWidth: var(--pf-t--global--border--width--control--active);
7970
+ --pf-v5-c-button--m-control--active--after--BorderBottomColor: var(--pf-t--global--color--brand--active);
7971
+ --pf-v5-c-button--m-control--focus--BackgroundColor: var(--pf-t--global--background--color--brand--active);
7972
+ --pf-v5-c-button--m-control--focus--Color: var(--pf-t--global--text--color--regular);
7973
+ --pf-v5-c-button--m-control--focus--after--BorderBottomWidth: var(--pf-t--global--border--width--control--active);
7974
+ --pf-v5-c-button--m-control--focus--after--BorderBottomColor: var(--pf-t--global--color--brand--hover);
7975
+ --pf-v5-c-button--m-control--m-expanded--BackgroundColor: var(--pf-t--global--background--color--primary--default);
7976
+ --pf-v5-c-button--m-control--m-expanded--Color: var(--pf-t--global--text--color--inverse);
7977
+ --pf-v5-c-button--m-control--m-expanded--after--BorderBottomWidth: var(--pf-t--global--border--width--200);
7978
+ --pf-v5-c-button--m-control--m-expanded--after--BorderBottomColor: var(--pf-t--global--color--brand--hover);
7132
7979
  --pf-v5-c-button--m-small--FontSize: var(--pf-v5-global--FontSize--sm);
7133
- --pf-v5-c-button--m-display-lg--PaddingTop: var(--pf-v5-global--spacer--md);
7134
- --pf-v5-c-button--m-display-lg--PaddingRight: var(--pf-v5-global--spacer--xl);
7135
- --pf-v5-c-button--m-display-lg--PaddingBottom: var(--pf-v5-global--spacer--md);
7136
- --pf-v5-c-button--m-display-lg--PaddingLeft: var(--pf-v5-global--spacer--xl);
7137
- --pf-v5-c-button--m-display-lg--FontWeight: var(--pf-v5-global--FontWeight--bold);
7138
- --pf-v5-c-button--m-link--m-display-lg--FontSize: var(--pf-v5-global--FontSize--lg);
7139
- --pf-v5-c-button__icon--m-start--MarginRight: var(--pf-v5-global--spacer--xs);
7140
- --pf-v5-c-button__icon--m-end--MarginLeft: var(--pf-v5-global--spacer--xs);
7980
+ --pf-v5-c-button--m-display-lg--PaddingTop: var(--pf-t--global--spacer--md);
7981
+ --pf-v5-c-button--m-display-lg--PaddingRight: var(--pf-t--global--spacer--xl);
7982
+ --pf-v5-c-button--m-display-lg--PaddingBottom: var(--pf-t--global--spacer--md);
7983
+ --pf-v5-c-button--m-display-lg--PaddingLeft: var(--pf-t--global--spacer--xl);
7984
+ --pf-v5-c-button--m-display-lg--FontWeight: var(--pf-t--global--font--weight--body--bold);
7985
+ --pf-v5-c-button--m-link--m-display-lg--FontSize: var(--pf-t--global--font--size--body--lg);
7986
+ --pf-v5-c-button__icon--m-start--MarginRight: var(--pf-t--global--spacer--xs);
7987
+ --pf-v5-c-button__icon--m-end--MarginLeft: var(--pf-t--global--spacer--xs);
7141
7988
  --pf-v5-c-button__progress--width: calc(var(--pf-v5-global--icon--FontSize--md) + var(--pf-v5-global--spacer--sm));
7142
7989
  --pf-v5-c-button__progress--Opacity: 0;
7143
7990
  --pf-v5-c-button__progress--TranslateY: -50%;
7144
7991
  --pf-v5-c-button__progress--TranslateX: 0;
7145
7992
  --pf-v5-c-button__progress--Top: 50%;
7146
- --pf-v5-c-button__progress--Left: var(--pf-v5-global--spacer--md);
7993
+ --pf-v5-c-button__progress--Left: var(--pf-t--global--spacer--md);
7147
7994
  --pf-v5-c-button--m-progress--TransitionProperty: padding;
7148
7995
  --pf-v5-c-button--m-progress--TransitionDuration: var(--pf-v5-global--TransitionDuration);
7149
- --pf-v5-c-button--m-progress--PaddingRight: calc(var(--pf-v5-global--spacer--md) + var(--pf-v5-c-button__progress--width) / 2);
7150
- --pf-v5-c-button--m-progress--PaddingLeft: calc(var(--pf-v5-global--spacer--md) + var(--pf-v5-c-button__progress--width) / 2);
7151
- --pf-v5-c-button--m-in-progress--PaddingRight: var(--pf-v5-global--spacer--md);
7152
- --pf-v5-c-button--m-in-progress--PaddingLeft: calc(var(--pf-v5-global--spacer--md) + var(--pf-v5-c-button__progress--width));
7153
- --pf-v5-c-button--m-in-progress--m-plain--Color: var(--pf-v5-global--primary-color--100);
7996
+ --pf-v5-c-button--m-progress--PaddingRight: calc(var(--pf-t--global--spacer--md) + var(--pf-v5-c-button__progress--width) / 2);
7997
+ --pf-v5-c-button--m-progress--PaddingLeft: calc(var(--pf-t--global--spacer--md) + var(--pf-v5-c-button__progress--width) / 2);
7998
+ --pf-v5-c-button--m-in-progress--PaddingRight: var(--pf-t--global--spacer--md);
7999
+ --pf-v5-c-button--m-in-progress--PaddingLeft: calc(var(--pf-t--global--spacer--md) + var(--pf-v5-c-button__progress--width));
8000
+ --pf-v5-c-button--m-in-progress--m-plain--Color: var(--pf-t--global--color--brand--default);
7154
8001
  --pf-v5-c-button--m-in-progress--m-plain__progress--Left: 50%;
7155
8002
  --pf-v5-c-button--m-in-progress--m-plain__progress--TranslateX: -50%;
7156
8003
  --pf-v5-c-button__count--MarginLeft: var(--pf-v5-global--spacer--sm);
7157
- --pf-v5-c-button--disabled__c-badge--Color: var(--pf-v5-global--Color--dark-100);
7158
- --pf-v5-c-button--disabled__c-badge--BackgroundColor: var(--pf-v5-global--BackgroundColor--200);
7159
- --pf-v5-c-button--m-primary__c-badge--BorderColor: var(--pf-v5-global--BorderColor--300);
7160
- --pf-v5-c-button--m-primary__c-badge--BorderWidth: var(--pf-v5-global--BorderWidth--sm);
8004
+ --pf-v5-c-button--disabled__c-badge--Color: var(--pf-t--global--text--color--disabled--default);
8005
+ --pf-v5-c-button--disabled__c-badge--BackgroundColor: var(--pf-t--global--background--color--disabled--default);
8006
+ --pf-v5-c-button--m-primary__c-badge--BorderColor: var(--pf-t--global--border--color--default);
8007
+ --pf-v5-c-button--m-primary__c-badge--BorderWidth: var(--pf-t--global--border--width--300);
7161
8008
  position: relative;
7162
8009
  display: inline-block;
7163
8010
  padding-block-start: var(--pf-v5-c-button--PaddingTop);
@@ -7183,7 +8030,7 @@ button.pf-v5-c-breadcrumb__link {
7183
8030
  content: "";
7184
8031
  border: var(--pf-v5-c-button--after--BorderWidth) solid;
7185
8032
  border-color: var(--pf-v5-c-button--after--BorderColor);
7186
- border-radius: var(--pf-v5-c-button--after--BorderRadius);
8033
+ border-radius: var(--pf-v5-c-button--BorderRadius);
7187
8034
  }
7188
8035
  .pf-v5-c-button:hover {
7189
8036
  --pf-v5-c-button--after--BorderWidth: var(--pf-v5-c-button--hover--after--BorderWidth);
@@ -7221,10 +8068,6 @@ button.pf-v5-c-breadcrumb__link {
7221
8068
  --pf-v5-c-button--m-primary--Color: var(--pf-v5-c-button--m-primary--focus--Color);
7222
8069
  --pf-v5-c-button--m-primary--BackgroundColor: var(--pf-v5-c-button--m-primary--focus--BackgroundColor);
7223
8070
  }
7224
- .pf-v5-c-button.pf-m-primary:active, .pf-v5-c-button.pf-m-primary.pf-m-active {
7225
- --pf-v5-c-button--m-primary--Color: var(--pf-v5-c-button--m-primary--active--Color);
7226
- --pf-v5-c-button--m-primary--BackgroundColor: var(--pf-v5-c-button--m-primary--active--BackgroundColor);
7227
- }
7228
8071
  .pf-v5-c-button.pf-m-primary .pf-v5-c-badge.pf-m-unread {
7229
8072
  border: var(--pf-v5-c-button--m-primary__c-badge--BorderWidth) solid var(--pf-v5-c-button--m-primary__c-badge--BorderColor);
7230
8073
  }
@@ -7274,6 +8117,9 @@ button.pf-v5-c-breadcrumb__link {
7274
8117
  color: var(--pf-v5-c-button--m-link--Color);
7275
8118
  background-color: var(--pf-v5-c-button--m-link--BackgroundColor);
7276
8119
  }
8120
+ .pf-v5-c-button.pf-m-link:not(.pf-m-inline):hover, .pf-v5-c-button.pf-m-link:not(.pf-m-inline):focus, .pf-v5-c-button.pf-m-link:not(.pf-m-inline):active {
8121
+ text-decoration: var(--pf-t--global--link--text-decoration--hover);
8122
+ }
7277
8123
  .pf-v5-c-button.pf-m-link:not(.pf-m-inline):hover {
7278
8124
  --pf-v5-c-button--m-link--Color: var(--pf-v5-c-button--m-link--hover--Color);
7279
8125
  --pf-v5-c-button--m-link--BackgroundColor: var(--pf-v5-c-button--m-link--hover--BackgroundColor);
@@ -7300,7 +8146,6 @@ button.pf-v5-c-breadcrumb__link {
7300
8146
  }
7301
8147
  .pf-v5-c-button.pf-m-link.pf-m-inline:hover {
7302
8148
  --pf-v5-c-button--m-link--Color: var(--pf-v5-c-button--m-link--m-inline--hover--Color);
7303
- text-decoration: var(--pf-v5-c-button--m-link--m-inline--hover--TextDecoration);
7304
8149
  }
7305
8150
  .pf-v5-c-button.pf-m-link.pf-m-display-lg {
7306
8151
  --pf-v5-c-button--FontSize: var(--pf-v5-c-button--m-link--m-display-lg--FontSize);
@@ -7419,15 +8264,20 @@ button.pf-v5-c-breadcrumb__link {
7419
8264
  .pf-v5-c-button.pf-m-plain {
7420
8265
  --pf-v5-c-button--disabled--Color: var(--pf-v5-c-button--m-plain--disabled--Color);
7421
8266
  --pf-v5-c-button--disabled--BackgroundColor: var(--pf-v5-c-button--m-plain--disabled--BackgroundColor);
8267
+ --pf-v5-c-button--PaddingTop: var(--pf-v5-c-button--m-plain--PaddingTop);
8268
+ --pf-v5-c-button--PaddingRight: var(--pf-v5-c-button--m-plain--PaddingRight);
8269
+ --pf-v5-c-button--PaddingBottom: var(--pf-v5-c-button--m-plain--PaddingBottom);
8270
+ --pf-v5-c-button--PaddingLeft: var(--pf-v5-c-button--m-plain--PaddingLeft);
8271
+ --pf-v5-c-button--BorderRadius: var(--pf-v5-c-button--m-plain--BorderRadius);
7422
8272
  color: var(--pf-v5-c-button--m-plain--Color);
7423
8273
  background-color: var(--pf-v5-c-button--m-plain--BackgroundColor);
7424
8274
  }
7425
8275
  .pf-v5-c-button.pf-m-plain.pf-m-no-padding {
7426
8276
  padding: 0;
7427
8277
  }
7428
- .pf-v5-c-button.pf-m-plain:hover {
7429
- --pf-v5-c-button--m-plain--Color: var(--pf-v5-c-button--m-plain--hover--Color);
8278
+ .pf-v5-c-button.pf-m-plain:hover, .pf-v5-c-button.pf-m-plain:focus, .pf-v5-c-button.pf-m-plain:active {
7430
8279
  --pf-v5-c-button--m-plain--BackgroundColor: var(--pf-v5-c-button--m-plain--hover--BackgroundColor);
8280
+ mix-blend-mode: var(--pf-t--global--background--color--action--plain--hover--blend);
7431
8281
  }
7432
8282
  .pf-v5-c-button.pf-m-plain:active, .pf-v5-c-button.pf-m-plain.pf-m-active {
7433
8283
  --pf-v5-c-button--m-plain--Color: var(--pf-v5-c-button--m-plain--active--Color);
@@ -7502,58 +8352,6 @@ button.pf-v5-c-breadcrumb__link {
7502
8352
  margin-inline-start: var(--pf-v5-c-button__count--MarginLeft);
7503
8353
  }
7504
8354
 
7505
- :where(.pf-v5-theme-dark) .pf-v5-c-wizard__header .pf-v5-c-button, :where(.pf-v5-theme-dark) .pf-v5-c-page__sidebar-body.pf-m-menu .pf-v5-c-context-selector .pf-v5-c-button,
7506
- :where(.pf-v5-theme-dark) .pf-v5-c-page__main-section[class*=pf-m-dark-] .pf-v5-c-button,
7507
- :where(.pf-v5-theme-dark) .pf-v5-c-page__header .pf-v5-c-button, :where(.pf-v5-theme-dark) .pf-v5-c-masthead .pf-v5-c-button, :where(.pf-v5-theme-dark) .pf-v5-c-login__header .pf-v5-c-button,
7508
- :where(.pf-v5-theme-dark) .pf-v5-c-login__footer .pf-v5-c-button, :where(.pf-v5-theme-dark) .pf-v5-c-log-viewer.pf-m-dark .pf-v5-c-log-viewer__main .pf-v5-c-button, :where(.pf-v5-theme-dark) .pf-v5-c-about-modal-box .pf-v5-c-button, :where(.pf-v5-theme-dark) .pf-v5-c-banner .pf-v5-c-button {
7509
- --pf-v5-c-button--m-primary--BackgroundColor: var(--pf-v5-global--primary-color--300);
7510
- }
7511
-
7512
- :where(.pf-v5-theme-dark) .pf-v5-c-button {
7513
- --pf-v5-c-button--disabled--Color: var(--pf-v5-global--disabled-color--300);
7514
- --pf-v5-c-button--m-primary--BackgroundColor: var(--pf-v5-global--primary-color--300);
7515
- --pf-v5-c-button--m-primary--Color: var(--pf-v5-global--primary-color--400);
7516
- --pf-v5-c-button--m-tertiary--after--BorderColor: var(--pf-v5-global--BorderColor--100);
7517
- --pf-v5-c-button--m-tertiary--Color: var(--pf-v5-global--palette--black-100);
7518
- --pf-v5-c-button--m-tertiary--hover--after--BorderColor: var(--pf-v5-global--BorderColor--100);
7519
- --pf-v5-c-button--m-tertiary--hover--Color: var(--pf-v5-global--palette--black-100);
7520
- --pf-v5-c-button--m-tertiary--focus--after--BorderColor: var(--pf-v5-global--BorderColor--100);
7521
- --pf-v5-c-button--m-tertiary--focus--Color: var(--pf-v5-global--palette--black-100);
7522
- --pf-v5-c-button--m-tertiary--active--after--BorderColor: var(--pf-v5-global--BorderColor--100);
7523
- --pf-v5-c-button--m-tertiary--active--Color: var(--pf-v5-global--palette--black-100);
7524
- --pf-v5-c-button--m-warning--Color: var(--pf-v5-global--palette--black-900);
7525
- --pf-v5-c-button--m-warning--hover--Color: var(--pf-v5-global--palette--black-900);
7526
- --pf-v5-c-button--m-warning--focus--Color: var(--pf-v5-global--palette--black-900);
7527
- --pf-v5-c-button--m-warning--active--Color: var(--pf-v5-global--palette--black-900);
7528
- --pf-v5-c-button--m-warning--hover--BackgroundColor: var(--pf-v5-global--warning-color--200);
7529
- --pf-v5-c-button--m-warning--focus--BackgroundColor: var(--pf-v5-global--warning-color--200);
7530
- --pf-v5-c-button--m-warning--active--BackgroundColor: var(--pf-v5-global--warning-color--200);
7531
- --pf-v5-c-button--m-danger--Color: var(--pf-v5-global--palette--black-900);
7532
- --pf-v5-c-button--m-danger--hover--Color: var(--pf-v5-global--palette--black-900);
7533
- --pf-v5-c-button--m-danger--focus--Color: var(--pf-v5-global--palette--black-900);
7534
- --pf-v5-c-button--m-danger--active--Color: var(--pf-v5-global--palette--black-900);
7535
- --pf-v5-c-button--m-link--disabled--Color: var(--pf-v5-global--disabled-color--100);
7536
- --pf-v5-c-button--m-control--BackgroundColor: var(--pf-v5-global--BackgroundColor--400);
7537
- --pf-v5-c-button--m-control--hover--BackgroundColor: var(--pf-v5-global--BackgroundColor--400);
7538
- --pf-v5-c-button--m-control--active--BackgroundColor: var(--pf-v5-global--BackgroundColor--400);
7539
- --pf-v5-c-button--m-control--focus--BackgroundColor: var(--pf-v5-global--BackgroundColor--400);
7540
- --pf-v5-c-button--m-control--m-expanded--BackgroundColor: var(--pf-v5-global--BackgroundColor--400);
7541
- --pf-v5-c-button--m-control--after--BorderTopColor: transparent;
7542
- --pf-v5-c-button--m-control--after--BorderRightColor: transparent;
7543
- --pf-v5-c-button--m-control--after--BorderBottomColor: var(--pf-v5-global--BorderColor--400);
7544
- --pf-v5-c-button--m-control--after--BorderLeftColor: transparent;
7545
- --pf-v5-c-button--m-control--hover--after--BorderBottomColor: var(--pf-v5-global--primary-color--100);
7546
- --pf-v5-c-button--m-control--active--after--BorderBottomColor: var(--pf-v5-global--primary-color--100);
7547
- --pf-v5-c-button--m-control--focus--after--BorderBottomColor: var(--pf-v5-global--primary-color--100);
7548
- --pf-v5-c-button--m-control--m-expanded--after--BorderBottomColor: var(--pf-v5-global--primary-color--100);
7549
- --pf-v5-c-button--m-control--disabled--BackgroundColor: var(--pf-v5-global--disabled-color--200);
7550
- --pf-v5-c-button--m-primary__c-badge--BorderColor: var(--pf-v5-global--Color--100);
7551
- }
7552
- :where(.pf-v5-theme-dark) .pf-v5-c-button.pf-m-control:disabled::after {
7553
- border: 0;
7554
- border-block-end: var(--pf-v5-global--BorderWidth--sm) solid var(--pf-v5-global--palette--black-700);
7555
- }
7556
-
7557
8355
  .pf-v5-c-calendar-month {
7558
8356
  --pf-v5-c-calendar-month--BackgroundColor: var(--pf-v5-global--BackgroundColor--100);
7559
8357
  --pf-v5-c-calendar-month--PaddingTop: var(--pf-v5-global--spacer--lg);
@@ -7756,7 +8554,7 @@ button.pf-v5-c-breadcrumb__link {
7756
8554
 
7757
8555
  :where(.pf-v5-theme-dark) .pf-v5-c-wizard__header .pf-v5-c-button, :where(.pf-v5-theme-dark) .pf-v5-c-page__sidebar-body.pf-m-menu .pf-v5-c-context-selector .pf-v5-c-button,
7758
8556
  :where(.pf-v5-theme-dark) .pf-v5-c-page__main-section[class*=pf-m-dark-] .pf-v5-c-button,
7759
- :where(.pf-v5-theme-dark) .pf-v5-c-page__header .pf-v5-c-button, :where(.pf-v5-theme-dark) .pf-v5-c-masthead .pf-v5-c-button, :where(.pf-v5-theme-dark) .pf-v5-c-login__header .pf-v5-c-button,
8557
+ :where(.pf-v5-theme-dark) .pf-v5-c-page__header .pf-v5-c-button, :where(.pf-v5-theme-dark) .pf-v5-c-login__header .pf-v5-c-button,
7760
8558
  :where(.pf-v5-theme-dark) .pf-v5-c-login__footer .pf-v5-c-button, :where(.pf-v5-theme-dark) .pf-v5-c-log-viewer.pf-m-dark .pf-v5-c-log-viewer__main .pf-v5-c-button, :where(.pf-v5-theme-dark) .pf-v5-c-about-modal-box .pf-v5-c-button, :where(.pf-v5-theme-dark) .pf-v5-c-banner .pf-v5-c-button {
7761
8559
  --pf-v5-c-button--m-primary--BackgroundColor: var(--pf-v5-global--primary-color--300);
7762
8560
  }
@@ -8186,7 +8984,7 @@ button.pf-v5-c-breadcrumb__link {
8186
8984
 
8187
8985
  :where(.pf-v5-theme-dark) .pf-v5-c-wizard__header .pf-v5-c-button, :where(.pf-v5-theme-dark) .pf-v5-c-page__sidebar-body.pf-m-menu .pf-v5-c-context-selector .pf-v5-c-button,
8188
8986
  :where(.pf-v5-theme-dark) .pf-v5-c-page__main-section[class*=pf-m-dark-] .pf-v5-c-button,
8189
- :where(.pf-v5-theme-dark) .pf-v5-c-page__header .pf-v5-c-button, :where(.pf-v5-theme-dark) .pf-v5-c-masthead .pf-v5-c-button, :where(.pf-v5-theme-dark) .pf-v5-c-login__header .pf-v5-c-button,
8987
+ :where(.pf-v5-theme-dark) .pf-v5-c-page__header .pf-v5-c-button, :where(.pf-v5-theme-dark) .pf-v5-c-login__header .pf-v5-c-button,
8190
8988
  :where(.pf-v5-theme-dark) .pf-v5-c-login__footer .pf-v5-c-button, :where(.pf-v5-theme-dark) .pf-v5-c-log-viewer.pf-m-dark .pf-v5-c-log-viewer__main .pf-v5-c-button, :where(.pf-v5-theme-dark) .pf-v5-c-about-modal-box .pf-v5-c-button, :where(.pf-v5-theme-dark) .pf-v5-c-banner .pf-v5-c-button {
8191
8989
  --pf-v5-c-button--m-primary--BackgroundColor: var(--pf-v5-global--primary-color--300);
8192
8990
  }
@@ -8211,8 +9009,7 @@ button.pf-v5-c-breadcrumb__link {
8211
9009
  --pf-v5-c-check__label--FontWeight: var(--pf-v5-global--FontWeight--normal);
8212
9010
  --pf-v5-c-check__label--FontSize: var(--pf-v5-global--FontSize--md);
8213
9011
  --pf-v5-c-check__label--LineHeight: var(--pf-v5-global--LineHeight--md);
8214
- --pf-v5-c-check__input--TranslateY: calc((var(--pf-v5-c-check__label--LineHeight) * var(--pf-v5-c-check__label--FontSize) / 2 ) - 50%);
8215
- --pf-v5-c-check__input--TranslateY--moz: var(--pf-v5-c-check__input--TranslateY);
9012
+ --pf-v5-c-check__input--TranslateY--moz: 5px;
8216
9013
  --pf-v5-c-check__description--FontSize: var(--pf-v5-global--FontSize--sm);
8217
9014
  --pf-v5-c-check__description--Color: var(--pf-v5-global--Color--200);
8218
9015
  --pf-v5-c-check__body--MarginTop: var(--pf-v5-global--spacer--sm);
@@ -8222,21 +9019,15 @@ button.pf-v5-c-breadcrumb__link {
8222
9019
  display: grid;
8223
9020
  grid-template-columns: auto 1fr;
8224
9021
  grid-gap: var(--pf-v5-c-check--GridGap);
8225
- align-items: baseline;
8226
9022
  }
8227
9023
  .pf-v5-c-check.pf-m-standalone {
8228
9024
  --pf-v5-c-check--GridGap: 0;
8229
- --pf-v5-c-check__input--TranslateY: none;
9025
+ --pf-v5-c-check__input--TranslateY--moz: 0;
8230
9026
  display: inline-grid;
8231
9027
  }
8232
9028
 
8233
- .pf-v5-c-check__input {
8234
- align-self: start;
8235
- -moz-transform: translateY(var(--pf-v5-c-check__input--TranslateY--moz));
8236
- transform: translateY(var(--pf-v5-c-check__input--TranslateY));
8237
- }
8238
-
8239
9029
  .pf-v5-c-check__label {
9030
+ align-self: baseline;
8240
9031
  font-size: var(--pf-v5-c-check__label--FontSize);
8241
9032
  font-weight: var(--pf-v5-c-check__label--FontWeight);
8242
9033
  line-height: var(--pf-v5-c-check__label--LineHeight);
@@ -8254,6 +9045,11 @@ button.pf-v5-c-breadcrumb__link {
8254
9045
  margin-block-start: var(--pf-v5-c-check__body--MarginTop);
8255
9046
  }
8256
9047
 
9048
+ .pf-v5-c-check__input {
9049
+ align-self: baseline;
9050
+ -moz-transform: translateY(var(--pf-v5-c-check__input--TranslateY--moz));
9051
+ }
9052
+
8257
9053
  .pf-v5-c-check__label,
8258
9054
  .pf-v5-c-check__input {
8259
9055
  justify-self: start;
@@ -8383,7 +9179,7 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
8383
9179
 
8384
9180
  :where(.pf-v5-theme-dark) .pf-v5-c-wizard__header .pf-v5-c-button, :where(.pf-v5-theme-dark) .pf-v5-c-page__sidebar-body.pf-m-menu .pf-v5-c-context-selector .pf-v5-c-button,
8385
9181
  :where(.pf-v5-theme-dark) .pf-v5-c-page__main-section[class*=pf-m-dark-] .pf-v5-c-button,
8386
- :where(.pf-v5-theme-dark) .pf-v5-c-page__header .pf-v5-c-button, :where(.pf-v5-theme-dark) .pf-v5-c-masthead .pf-v5-c-button, :where(.pf-v5-theme-dark) .pf-v5-c-login__header .pf-v5-c-button,
9182
+ :where(.pf-v5-theme-dark) .pf-v5-c-page__header .pf-v5-c-button, :where(.pf-v5-theme-dark) .pf-v5-c-login__header .pf-v5-c-button,
8387
9183
  :where(.pf-v5-theme-dark) .pf-v5-c-login__footer .pf-v5-c-button, :where(.pf-v5-theme-dark) .pf-v5-c-log-viewer.pf-m-dark .pf-v5-c-log-viewer__main .pf-v5-c-button, :where(.pf-v5-theme-dark) .pf-v5-c-about-modal-box .pf-v5-c-button, :where(.pf-v5-theme-dark) .pf-v5-c-banner .pf-v5-c-button {
8388
9184
  --pf-v5-c-button--m-primary--BackgroundColor: var(--pf-v5-global--primary-color--300);
8389
9185
  }
@@ -8577,7 +9373,7 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
8577
9373
 
8578
9374
  :where(.pf-v5-theme-dark) .pf-v5-c-wizard__header .pf-v5-c-button, :where(.pf-v5-theme-dark) .pf-v5-c-page__sidebar-body.pf-m-menu .pf-v5-c-context-selector .pf-v5-c-button,
8579
9375
  :where(.pf-v5-theme-dark) .pf-v5-c-page__main-section[class*=pf-m-dark-] .pf-v5-c-button,
8580
- :where(.pf-v5-theme-dark) .pf-v5-c-page__header .pf-v5-c-button, :where(.pf-v5-theme-dark) .pf-v5-c-masthead .pf-v5-c-button, :where(.pf-v5-theme-dark) .pf-v5-c-login__header .pf-v5-c-button,
9376
+ :where(.pf-v5-theme-dark) .pf-v5-c-page__header .pf-v5-c-button, :where(.pf-v5-theme-dark) .pf-v5-c-login__header .pf-v5-c-button,
8581
9377
  :where(.pf-v5-theme-dark) .pf-v5-c-login__footer .pf-v5-c-button, :where(.pf-v5-theme-dark) .pf-v5-c-log-viewer.pf-m-dark .pf-v5-c-log-viewer__main .pf-v5-c-button, :where(.pf-v5-theme-dark) .pf-v5-c-about-modal-box .pf-v5-c-button, :where(.pf-v5-theme-dark) .pf-v5-c-banner .pf-v5-c-button {
8582
9378
  --pf-v5-c-button--m-primary--BackgroundColor: var(--pf-v5-global--primary-color--300);
8583
9379
  }
@@ -8783,7 +9579,7 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
8783
9579
 
8784
9580
  :where(.pf-v5-theme-dark) .pf-v5-c-wizard__header .pf-v5-c-button, :where(.pf-v5-theme-dark) .pf-v5-c-page__sidebar-body.pf-m-menu .pf-v5-c-context-selector .pf-v5-c-button,
8785
9581
  :where(.pf-v5-theme-dark) .pf-v5-c-page__main-section[class*=pf-m-dark-] .pf-v5-c-button,
8786
- :where(.pf-v5-theme-dark) .pf-v5-c-page__header .pf-v5-c-button, :where(.pf-v5-theme-dark) .pf-v5-c-masthead .pf-v5-c-button, :where(.pf-v5-theme-dark) .pf-v5-c-login__header .pf-v5-c-button,
9582
+ :where(.pf-v5-theme-dark) .pf-v5-c-page__header .pf-v5-c-button, :where(.pf-v5-theme-dark) .pf-v5-c-login__header .pf-v5-c-button,
8787
9583
  :where(.pf-v5-theme-dark) .pf-v5-c-login__footer .pf-v5-c-button, :where(.pf-v5-theme-dark) .pf-v5-c-log-viewer.pf-m-dark .pf-v5-c-log-viewer__main .pf-v5-c-button, :where(.pf-v5-theme-dark) .pf-v5-c-about-modal-box .pf-v5-c-button, :where(.pf-v5-theme-dark) .pf-v5-c-banner .pf-v5-c-button {
8788
9584
  --pf-v5-c-button--m-primary--BackgroundColor: var(--pf-v5-global--primary-color--300);
8789
9585
  }
@@ -8797,75 +9593,75 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
8797
9593
  }
8798
9594
 
8799
9595
  .pf-v5-c-content {
8800
- --pf-v5-c-content--MarginBottom: var(--pf-v5-global--spacer--md);
8801
- --pf-v5-c-content--LineHeight: var(--pf-v5-global--LineHeight--md);
8802
- --pf-v5-c-content--FontSize: var(--pf-v5-global--FontSize--md);
8803
- --pf-v5-c-content--FontWeight: var(--pf-v5-global--FontWeight--normal);
8804
- --pf-v5-c-content--Color: var(--pf-v5-global--Color--100);
8805
- --pf-v5-c-content--heading--FontFamily: var(--pf-v5-global--FontFamily--heading);
8806
- --pf-v5-c-content--h1--MarginTop: var(--pf-v5-global--spacer--lg);
8807
- --pf-v5-c-content--h1--MarginBottom: var(--pf-v5-global--spacer--sm);
8808
- --pf-v5-c-content--h1--LineHeight: var(--pf-v5-global--LineHeight--sm);
8809
- --pf-v5-c-content--h1--FontSize: var(--pf-v5-global--FontSize--2xl);
8810
- --pf-v5-c-content--h1--FontWeight: var(--pf-v5-global--FontWeight--normal);
8811
- --pf-v5-c-content--h2--MarginTop: var(--pf-v5-global--spacer--lg);
8812
- --pf-v5-c-content--h2--MarginBottom: var(--pf-v5-global--spacer--sm);
8813
- --pf-v5-c-content--h2--LineHeight: var(--pf-v5-global--LineHeight--md);
8814
- --pf-v5-c-content--h2--FontSize: var(--pf-v5-global--FontSize--xl);
8815
- --pf-v5-c-content--h2--FontWeight: var(--pf-v5-global--FontWeight--normal);
8816
- --pf-v5-c-content--h3--MarginTop: var(--pf-v5-global--spacer--lg);
8817
- --pf-v5-c-content--h3--MarginBottom: var(--pf-v5-global--spacer--sm);
8818
- --pf-v5-c-content--h3--LineHeight: var(--pf-v5-global--LineHeight--md);
8819
- --pf-v5-c-content--h3--FontSize: var(--pf-v5-global--FontSize--lg);
8820
- --pf-v5-c-content--h3--FontWeight: var(--pf-v5-global--FontWeight--normal);
8821
- --pf-v5-c-content--h4--MarginTop: var(--pf-v5-global--spacer--lg);
8822
- --pf-v5-c-content--h4--MarginBottom: var(--pf-v5-global--spacer--sm);
8823
- --pf-v5-c-content--h4--LineHeight: var(--pf-v5-global--LineHeight--md);
8824
- --pf-v5-c-content--h4--FontSize: var(--pf-v5-global--FontSize--md);
8825
- --pf-v5-c-content--h4--FontWeight: var(--pf-v5-global--FontWeight--normal);
8826
- --pf-v5-c-content--h5--MarginTop: var(--pf-v5-global--spacer--lg);
8827
- --pf-v5-c-content--h5--MarginBottom: var(--pf-v5-global--spacer--sm);
8828
- --pf-v5-c-content--h5--LineHeight: var(--pf-v5-global--LineHeight--md);
8829
- --pf-v5-c-content--h5--FontSize: var(--pf-v5-global--FontSize--md);
8830
- --pf-v5-c-content--h5--FontWeight: var(--pf-v5-global--FontWeight--normal);
8831
- --pf-v5-c-content--h6--MarginTop: var(--pf-v5-global--spacer--lg);
8832
- --pf-v5-c-content--h6--MarginBottom: var(--pf-v5-global--spacer--sm);
8833
- --pf-v5-c-content--h6--LineHeight: var(--pf-v5-global--LineHeight--md);
8834
- --pf-v5-c-content--h6--FontSize: var(--pf-v5-global--FontSize--md);
8835
- --pf-v5-c-content--h6--FontWeight: var(--pf-v5-global--FontWeight--normal);
8836
- --pf-v5-c-content--small--MarginBottom: var(--pf-v5-global--spacer--md);
8837
- --pf-v5-c-content--small--LineHeight: var(--pf-v5-global--LineHeight--md);
8838
- --pf-v5-c-content--small--FontSize: var(--pf-v5-global--FontSize--sm);
8839
- --pf-v5-c-content--small--Color: var(--pf-v5-global--Color--200);
8840
- --pf-v5-c-content--a--Color: var(--pf-v5-global--link--Color);
8841
- --pf-v5-c-content--a--TextDecoration: var(--pf-v5-global--link--TextDecoration);
8842
- --pf-v5-c-content--a--hover--Color: var(--pf-v5-global--link--Color--hover);
8843
- --pf-v5-c-content--a--hover--TextDecoration: var(--pf-v5-global--link--TextDecoration--hover);
8844
- --pf-v5-c-content--a--visited--Color: var(--pf-v5-global--link--Color--visited);
8845
- --pf-v5-c-content--blockquote--PaddingTop: var(--pf-v5-global--spacer--md);
8846
- --pf-v5-c-content--blockquote--PaddingRight: var(--pf-v5-global--spacer--md);
8847
- --pf-v5-c-content--blockquote--PaddingBottom: var(--pf-v5-global--spacer--md);
8848
- --pf-v5-c-content--blockquote--PaddingLeft: var(--pf-v5-global--spacer--md);
8849
- --pf-v5-c-content--blockquote--Color: var(--pf-v5-global--Color--200);
8850
- --pf-v5-c-content--blockquote--BorderLeftColor: var(--pf-v5-global--BorderColor--100);
8851
- --pf-v5-c-content--blockquote--BorderLeftWidth: var(--pf-v5-global--BorderWidth--lg);
8852
- --pf-v5-c-content--ol--PaddingLeft: var(--pf-v5-global--spacer--lg);
8853
- --pf-v5-c-content--ol--MarginLeft: var(--pf-v5-global--spacer--lg);
8854
- --pf-v5-c-content--ol--nested--MarginTop: var(--pf-v5-global--spacer--sm);
8855
- --pf-v5-c-content--ol--nested--MarginLeft: var(--pf-v5-global--spacer--sm);
8856
- --pf-v5-c-content--ul--PaddingLeft: var(--pf-v5-global--spacer--lg);
8857
- --pf-v5-c-content--ul--MarginLeft: var(--pf-v5-global--spacer--lg);
8858
- --pf-v5-c-content--ul--nested--MarginTop: var(--pf-v5-global--spacer--sm);
8859
- --pf-v5-c-content--ul--nested--MarginLeft: var(--pf-v5-global--spacer--sm);
9596
+ --pf-v5-c-content--MarginBottom: var(--pf-t--global--spacer--md);
9597
+ --pf-v5-c-content--LineHeight: var(--pf-t--global--font--line-height--body);
9598
+ --pf-v5-c-content--FontSize: var(--pf-t--global--font--size--body);
9599
+ --pf-v5-c-content--FontWeight: var(--pf-t--global--font--weight--body);
9600
+ --pf-v5-c-content--Color: var(--pf-t--global--text--color--regular);
9601
+ --pf-v5-c-content--heading--FontFamily: var(--pf-t--global--font--family--heading);
9602
+ --pf-v5-c-content--h1--MarginTop: var(--pf-t--global--spacer--lg);
9603
+ --pf-v5-c-content--h1--MarginBottom: var(--pf-t--global--spacer--sm);
9604
+ --pf-v5-c-content--h1--LineHeight: var(--pf-t--global--font--line-height--heading);
9605
+ --pf-v5-c-content--h1--FontSize: var(--pf-t--global--font--size--heading--lg);
9606
+ --pf-v5-c-content--h1--FontWeight: var(--pf-t--global--font--weight--heading);
9607
+ --pf-v5-c-content--h2--MarginTop: var(--pf-t--global--spacer--lg);
9608
+ --pf-v5-c-content--h2--MarginBottom: var(--pf-t--global--spacer--sm);
9609
+ --pf-v5-c-content--h2--LineHeight: var(--pf-t--global--font--line-height--heading);
9610
+ --pf-v5-c-content--h2--FontSize: var(--pf-t--global--font--size--heading--md);
9611
+ --pf-v5-c-content--h2--FontWeight: var(--pf-t--global--font--weight--heading);
9612
+ --pf-v5-c-content--h3--MarginTop: var(--pf-t--global--spacer--lg);
9613
+ --pf-v5-c-content--h3--MarginBottom: var(--pf-t--global--spacer--sm);
9614
+ --pf-v5-c-content--h3--LineHeight: var(--pf-t--global--font--line-height--heading);
9615
+ --pf-v5-c-content--h3--FontSize: var(--pf-t--global--font--size--heading--sm);
9616
+ --pf-v5-c-content--h3--FontWeight: var(--pf-t--global--font--weight--heading);
9617
+ --pf-v5-c-content--h4--MarginTop: var(--pf-t--global--spacer--lg);
9618
+ --pf-v5-c-content--h4--MarginBottom: var(--pf-t--global--spacer--sm);
9619
+ --pf-v5-c-content--h4--LineHeight: var(--pf-t--global--font--line-height--heading);
9620
+ --pf-v5-c-content--h4--FontSize: var(--pf-t--global--font--size--heading--xs);
9621
+ --pf-v5-c-content--h4--FontWeight: var(--pf-t--global--font--weight--heading);
9622
+ --pf-v5-c-content--h5--MarginTop: var(--pf-t--global--spacer--lg);
9623
+ --pf-v5-c-content--h5--MarginBottom: var(--pf-t--global--spacer--sm);
9624
+ --pf-v5-c-content--h5--LineHeight: var(--pf-t--global--font--line-height--heading);
9625
+ --pf-v5-c-content--h5--FontSize: var(--pf-t--global--font--size--heading--xs);
9626
+ --pf-v5-c-content--h5--FontWeight: var(--pf-t--global--font--weight--heading);
9627
+ --pf-v5-c-content--h6--MarginTop: var(--pf-t--global--spacer--lg);
9628
+ --pf-v5-c-content--h6--MarginBottom: var(--pf-t--global--spacer--sm);
9629
+ --pf-v5-c-content--h6--LineHeight: var(--pf-t--global--font--line-height--heading);
9630
+ --pf-v5-c-content--h6--FontSize: var(--pf-t--global--font--size--heading--xs);
9631
+ --pf-v5-c-content--h6--FontWeight: var(--pf-t--global--font--weight--heading);
9632
+ --pf-v5-c-content--small--MarginBottom: var(--pf-t--global--spacer--md);
9633
+ --pf-v5-c-content--small--LineHeight: var(--pf-t--global--font--line-height--body);
9634
+ --pf-v5-c-content--small--FontSize: var(--pf-t--global--font--size--body--sm);
9635
+ --pf-v5-c-content--small--Color: var(--pf-t--global--text--color--subtle);
9636
+ --pf-v5-c-content--a--Color: var(--pf-t--global--text--color--link--default);
9637
+ --pf-v5-c-content--a--TextDecoration: var(--pf-t--global--link--text-decoration);
9638
+ --pf-v5-c-content--a--hover--Color: var(--pf-t--global--text--color--link--hover);
9639
+ --pf-v5-c-content--a--hover--TextDecoration: var(--pf-t--global--link--text-decoration);
9640
+ --pf-v5-c-content--a--visited--Color: var(--pf-t--global--text--color--link--visited);
9641
+ --pf-v5-c-content--blockquote--PaddingTop: var(--pf-t--global--spacer--md);
9642
+ --pf-v5-c-content--blockquote--PaddingRight: var(--pf-t--global--spacer--md);
9643
+ --pf-v5-c-content--blockquote--PaddingBottom: var(--pf-t--global--spacer--md);
9644
+ --pf-v5-c-content--blockquote--PaddingLeft: var(--pf-t--global--spacer--md);
9645
+ --pf-v5-c-content--blockquote--Color: var(--pf-t--global--text--color--subtle);
9646
+ --pf-v5-c-content--blockquote--BorderLeftColor: var(--pf-t--global--border--color--default);
9647
+ --pf-v5-c-content--blockquote--BorderLeftWidth: var(--pf-t--global--border--width--300);
9648
+ --pf-v5-c-content--ol--PaddingLeft: var(--pf-t--global--spacer--lg);
9649
+ --pf-v5-c-content--ol--MarginLeft: var(--pf-t--global--spacer--lg);
9650
+ --pf-v5-c-content--ol--nested--MarginTop: var(--pf-t--global--spacer--sm);
9651
+ --pf-v5-c-content--ol--nested--MarginLeft: var(--pf-t--global--spacer--sm);
9652
+ --pf-v5-c-content--ul--PaddingLeft: var(--pf-t--global--spacer--lg);
9653
+ --pf-v5-c-content--ul--MarginLeft: var(--pf-t--global--spacer--lg);
9654
+ --pf-v5-c-content--ul--nested--MarginTop: var(--pf-t--global--spacer--sm);
9655
+ --pf-v5-c-content--ul--nested--MarginLeft: var(--pf-t--global--spacer--sm);
8860
9656
  --pf-v5-c-content--ul--ListStyle: var(--pf-v5-global--ListStyle);
8861
- --pf-v5-c-content--li--MarginTop: var(--pf-v5-global--spacer--sm);
8862
- --pf-v5-c-content--dl--ColumnGap: var(--pf-v5-global--spacer--2xl);
8863
- --pf-v5-c-content--dl--RowGap: var(--pf-v5-global--spacer--md);
8864
- --pf-v5-c-content--dt--FontWeight: var(--pf-v5-global--FontWeight--bold);
8865
- --pf-v5-c-content--dt--MarginTop: var(--pf-v5-global--spacer--md);
9657
+ --pf-v5-c-content--li--MarginTop: var(--pf-t--global--spacer--sm);
9658
+ --pf-v5-c-content--dl--ColumnGap: var(--pf-t--global--spacer--2xl);
9659
+ --pf-v5-c-content--dl--RowGap: var(--pf-t--global--spacer--md);
9660
+ --pf-v5-c-content--dt--FontWeight: var(--pf-t--global--font--weight--body--bold);
9661
+ --pf-v5-c-content--dt--MarginTop: var(--pf-t--global--spacer--md);
8866
9662
  --pf-v5-c-content--dt--sm--MarginTop: 0;
8867
- --pf-v5-c-content--hr--Height: var(--pf-v5-global--BorderWidth--sm);
8868
- --pf-v5-c-content--hr--BackgroundColor: var(--pf-v5-global--BorderColor--100);
9663
+ --pf-v5-c-content--hr--Height: var(--pf-t--global--border--width--divider--default);
9664
+ --pf-v5-c-content--hr--BackgroundColor: var(--pf-t--global--border--color--default);
8869
9665
  font-size: var(--pf-v5-c-content--FontSize);
8870
9666
  line-height: var(--pf-v5-c-content--LineHeight);
8871
9667
  color: var(--pf-v5-c-content--Color);
@@ -9363,7 +10159,7 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
9363
10159
 
9364
10160
  :where(.pf-v5-theme-dark) .pf-v5-c-wizard__header .pf-v5-c-button, :where(.pf-v5-theme-dark) .pf-v5-c-page__sidebar-body.pf-m-menu .pf-v5-c-context-selector .pf-v5-c-button,
9365
10161
  :where(.pf-v5-theme-dark) .pf-v5-c-page__main-section[class*=pf-m-dark-] .pf-v5-c-button,
9366
- :where(.pf-v5-theme-dark) .pf-v5-c-page__header .pf-v5-c-button, :where(.pf-v5-theme-dark) .pf-v5-c-masthead .pf-v5-c-button, :where(.pf-v5-theme-dark) .pf-v5-c-login__header .pf-v5-c-button,
10162
+ :where(.pf-v5-theme-dark) .pf-v5-c-page__header .pf-v5-c-button, :where(.pf-v5-theme-dark) .pf-v5-c-login__header .pf-v5-c-button,
9367
10163
  :where(.pf-v5-theme-dark) .pf-v5-c-login__footer .pf-v5-c-button, :where(.pf-v5-theme-dark) .pf-v5-c-log-viewer.pf-m-dark .pf-v5-c-log-viewer__main .pf-v5-c-button, :where(.pf-v5-theme-dark) .pf-v5-c-about-modal-box .pf-v5-c-button, :where(.pf-v5-theme-dark) .pf-v5-c-banner .pf-v5-c-button {
9368
10164
  --pf-v5-c-button--m-primary--BackgroundColor: var(--pf-v5-global--primary-color--300);
9369
10165
  }
@@ -10214,7 +11010,7 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
10214
11010
 
10215
11011
  :where(.pf-v5-theme-dark) .pf-v5-c-wizard__header .pf-v5-c-button, :where(.pf-v5-theme-dark) .pf-v5-c-page__sidebar-body.pf-m-menu .pf-v5-c-context-selector .pf-v5-c-button,
10216
11012
  :where(.pf-v5-theme-dark) .pf-v5-c-page__main-section[class*=pf-m-dark-] .pf-v5-c-button,
10217
- :where(.pf-v5-theme-dark) .pf-v5-c-page__header .pf-v5-c-button, :where(.pf-v5-theme-dark) .pf-v5-c-masthead .pf-v5-c-button, :where(.pf-v5-theme-dark) .pf-v5-c-login__header .pf-v5-c-button,
11013
+ :where(.pf-v5-theme-dark) .pf-v5-c-page__header .pf-v5-c-button, :where(.pf-v5-theme-dark) .pf-v5-c-login__header .pf-v5-c-button,
10218
11014
  :where(.pf-v5-theme-dark) .pf-v5-c-login__footer .pf-v5-c-button, :where(.pf-v5-theme-dark) .pf-v5-c-log-viewer.pf-m-dark .pf-v5-c-log-viewer__main .pf-v5-c-button, :where(.pf-v5-theme-dark) .pf-v5-c-about-modal-box .pf-v5-c-button, :where(.pf-v5-theme-dark) .pf-v5-c-banner .pf-v5-c-button {
10219
11015
  --pf-v5-c-button--m-primary--BackgroundColor: var(--pf-v5-global--primary-color--300);
10220
11016
  }
@@ -10616,7 +11412,7 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
10616
11412
 
10617
11413
  :where(.pf-v5-theme-dark) .pf-v5-c-wizard__header .pf-v5-c-button, :where(.pf-v5-theme-dark) .pf-v5-c-page__sidebar-body.pf-m-menu .pf-v5-c-context-selector .pf-v5-c-button,
10618
11414
  :where(.pf-v5-theme-dark) .pf-v5-c-page__main-section[class*=pf-m-dark-] .pf-v5-c-button,
10619
- :where(.pf-v5-theme-dark) .pf-v5-c-page__header .pf-v5-c-button, :where(.pf-v5-theme-dark) .pf-v5-c-masthead .pf-v5-c-button, :where(.pf-v5-theme-dark) .pf-v5-c-login__header .pf-v5-c-button,
11415
+ :where(.pf-v5-theme-dark) .pf-v5-c-page__header .pf-v5-c-button, :where(.pf-v5-theme-dark) .pf-v5-c-login__header .pf-v5-c-button,
10620
11416
  :where(.pf-v5-theme-dark) .pf-v5-c-login__footer .pf-v5-c-button, :where(.pf-v5-theme-dark) .pf-v5-c-log-viewer.pf-m-dark .pf-v5-c-log-viewer__main .pf-v5-c-button, :where(.pf-v5-theme-dark) .pf-v5-c-about-modal-box .pf-v5-c-button, :where(.pf-v5-theme-dark) .pf-v5-c-banner .pf-v5-c-button {
10621
11417
  --pf-v5-c-button--m-primary--BackgroundColor: var(--pf-v5-global--primary-color--300);
10622
11418
  }
@@ -10940,7 +11736,7 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
10940
11736
 
10941
11737
  :where(.pf-v5-theme-dark) .pf-v5-c-wizard__header .pf-v5-c-button, :where(.pf-v5-theme-dark) .pf-v5-c-page__sidebar-body.pf-m-menu .pf-v5-c-context-selector .pf-v5-c-button,
10942
11738
  :where(.pf-v5-theme-dark) .pf-v5-c-page__main-section[class*=pf-m-dark-] .pf-v5-c-button,
10943
- :where(.pf-v5-theme-dark) .pf-v5-c-page__header .pf-v5-c-button, :where(.pf-v5-theme-dark) .pf-v5-c-masthead .pf-v5-c-button, :where(.pf-v5-theme-dark) .pf-v5-c-login__header .pf-v5-c-button,
11739
+ :where(.pf-v5-theme-dark) .pf-v5-c-page__header .pf-v5-c-button, :where(.pf-v5-theme-dark) .pf-v5-c-login__header .pf-v5-c-button,
10944
11740
  :where(.pf-v5-theme-dark) .pf-v5-c-login__footer .pf-v5-c-button, :where(.pf-v5-theme-dark) .pf-v5-c-log-viewer.pf-m-dark .pf-v5-c-log-viewer__main .pf-v5-c-button, :where(.pf-v5-theme-dark) .pf-v5-c-about-modal-box .pf-v5-c-button, :where(.pf-v5-theme-dark) .pf-v5-c-banner .pf-v5-c-button {
10945
11741
  --pf-v5-c-button--m-primary--BackgroundColor: var(--pf-v5-global--primary-color--300);
10946
11742
  }
@@ -10951,9 +11747,8 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
10951
11747
  --pf-v5-c-dual-list-selector__list-item-row--m-selected--BackgroundColor: var(--pf-v5-global--BackgroundColor--400);
10952
11748
  }
10953
11749
 
10954
- .pf-v5-c-toolbar {
11750
+ :root {
10955
11751
  --pf-v5-c-toolbar--AlignItems--base: flex-start;
10956
- --pf-v5-c-toolbar--BackgroundColor: var(--pf-v5-global--BackgroundColor--100);
10957
11752
  --pf-v5-c-toolbar--RowGap--base: var(--pf-v5-global--spacer--lg);
10958
11753
  --pf-v5-c-toolbar--RowGap: var(--pf-v5-c-toolbar--RowGap--base);
10959
11754
  --pf-v5-c-toolbar--PaddingTop: var(--pf-v5-global--spacer--md);
@@ -11019,9 +11814,6 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
11019
11814
  --pf-v5-c-toolbar__item--m-label--spacer: var(--pf-v5-c-toolbar__item--spacer);
11020
11815
  --pf-v5-c-toolbar__item--m-label--TranslateY: var(--pf-v5-global--spacer--form-element);
11021
11816
  --pf-v5-c-toolbar__item--m-label--FontWeight: var(--pf-v5-global--FontWeight--bold);
11022
- --pf-v5-c-toolbar__item--m-form-element--spacer: var(--pf-v5-c-toolbar__item--spacer);
11023
- --pf-v5-c-toolbar__item--m-form-element--TranslateY: var(--pf-v5-global--spacer--form-element);
11024
- --pf-v5-c-toolbar__item--m-form-element--FontWeight: var(--pf-v5-global--FontWeight--bold);
11025
11817
  --pf-v5-c-toolbar__item--m-form-control--TranslateY: var(--pf-v5-global--spacer--form-element);
11026
11818
  --pf-v5-c-toolbar__expandable-content__item--m-label--MarginBottom: calc(-1 * var(--pf-v5-c-toolbar__expandable-content--m-expanded--GridRowGap) + var(--pf-v5-global--spacer--sm));
11027
11819
  --pf-v5-c-toolbar__expandable-content__item--m-label--FontSize: var(--pf-v5-global--FontSize--sm);
@@ -11031,6 +11823,9 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
11031
11823
  --pf-v5-c-toolbar--m-full-height--PaddingBottom: 0;
11032
11824
  --pf-v5-c-toolbar--m-full-height__item--Display: flex;
11033
11825
  --pf-v5-c-toolbar--m-full-height__item--AlignItems: center;
11826
+ }
11827
+
11828
+ .pf-v5-c-toolbar {
11034
11829
  position: relative;
11035
11830
  display: grid;
11036
11831
  row-gap: var(--pf-v5-c-toolbar--RowGap);
@@ -11268,12 +12063,7 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
11268
12063
  .pf-v5-c-toolbar__item.pf-m-label {
11269
12064
  --pf-v5-c-toolbar--spacer: var(--pf-v5-c-toolbar__item--m-label--spacer);
11270
12065
  font-weight: var(--pf-v5-c-toolbar__item--m-label--FontWeight);
11271
- transform: translateY(var(--pf-v5-c-toolbar__item--m-label--TranslateY));
11272
- }
11273
- .pf-v5-c-toolbar__item.pf-m-form-element {
11274
- --pf-v5-c-toolbar--spacer: var(--pf-v5-c-toolbar__item--m-form-element--spacer);
11275
- font-weight: var(--pf-v5-c-toolbar__item--m-form-element--FontWeight);
11276
- transform: translateY(var(--pf-v5-c-toolbar__item--m-form-element--TranslateY));
12066
+ transform: translateY(var(--pf-v5-global--spacer--form-element));
11277
12067
  }
11278
12068
  .pf-v5-c-toolbar__item.pf-m-pagination {
11279
12069
  margin-inline-start: auto;
@@ -12197,7 +12987,7 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
12197
12987
 
12198
12988
  :where(.pf-v5-theme-dark) .pf-v5-c-wizard__header .pf-v5-c-button, :where(.pf-v5-theme-dark) .pf-v5-c-page__sidebar-body.pf-m-menu .pf-v5-c-context-selector .pf-v5-c-button,
12199
12989
  :where(.pf-v5-theme-dark) .pf-v5-c-page__main-section[class*=pf-m-dark-] .pf-v5-c-button,
12200
- :where(.pf-v5-theme-dark) .pf-v5-c-page__header .pf-v5-c-button, :where(.pf-v5-theme-dark) .pf-v5-c-masthead .pf-v5-c-button, :where(.pf-v5-theme-dark) .pf-v5-c-login__header .pf-v5-c-button,
12990
+ :where(.pf-v5-theme-dark) .pf-v5-c-page__header .pf-v5-c-button, :where(.pf-v5-theme-dark) .pf-v5-c-login__header .pf-v5-c-button,
12201
12991
  :where(.pf-v5-theme-dark) .pf-v5-c-login__footer .pf-v5-c-button, :where(.pf-v5-theme-dark) .pf-v5-c-log-viewer.pf-m-dark .pf-v5-c-log-viewer__main .pf-v5-c-button, :where(.pf-v5-theme-dark) .pf-v5-c-about-modal-box .pf-v5-c-button, :where(.pf-v5-theme-dark) .pf-v5-c-banner .pf-v5-c-button {
12202
12992
  --pf-v5-c-button--m-primary--BackgroundColor: var(--pf-v5-global--primary-color--300);
12203
12993
  }
@@ -13381,7 +14171,7 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
13381
14171
  }
13382
14172
  :where(.pf-v5-theme-dark) .pf-v5-c-wizard__header .pf-v5-c-button, :where(.pf-v5-theme-dark) .pf-v5-c-page__sidebar-body.pf-m-menu .pf-v5-c-context-selector .pf-v5-c-button,
13383
14173
  :where(.pf-v5-theme-dark) .pf-v5-c-page__main-section[class*=pf-m-dark-] .pf-v5-c-button,
13384
- :where(.pf-v5-theme-dark) .pf-v5-c-page__header .pf-v5-c-button, :where(.pf-v5-theme-dark) .pf-v5-c-masthead .pf-v5-c-button, :where(.pf-v5-theme-dark) .pf-v5-c-login__header .pf-v5-c-button,
14174
+ :where(.pf-v5-theme-dark) .pf-v5-c-page__header .pf-v5-c-button, :where(.pf-v5-theme-dark) .pf-v5-c-login__header .pf-v5-c-button,
13385
14175
  :where(.pf-v5-theme-dark) .pf-v5-c-login__footer .pf-v5-c-button, :where(.pf-v5-theme-dark) .pf-v5-c-log-viewer.pf-m-dark .pf-v5-c-log-viewer__main .pf-v5-c-button, :where(.pf-v5-theme-dark) .pf-v5-c-about-modal-box .pf-v5-c-button, :where(.pf-v5-theme-dark) .pf-v5-c-banner .pf-v5-c-button {
13386
14176
  --pf-v5-c-button--m-primary--BackgroundColor: var(--pf-v5-global--primary-color--300);
13387
14177
  }
@@ -13675,12 +14465,14 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
13675
14465
  }
13676
14466
  .pf-v5-c-dropdown__toggle.pf-m-split-button .pf-v5-c-dropdown__toggle-check > input,
13677
14467
  .pf-v5-c-dropdown__toggle.pf-m-split-button .pf-v5-c-dropdown__toggle-check .pf-v5-c-check {
13678
- --pf-v5-c-check__input--TranslateY: none;
13679
14468
  align-self: revert;
13680
14469
  width: auto;
13681
14470
  cursor: pointer;
13682
14471
  visibility: var(--pf-v5-c-dropdown__toggle--m-split-button__toggle-check__input--Visibility, unset);
13683
14472
  }
14473
+ .pf-v5-c-dropdown__toggle.pf-m-split-button .pf-v5-c-dropdown__toggle-check .pf-v5-c-check__input {
14474
+ -moz-transform: none;
14475
+ }
13684
14476
  .pf-v5-c-dropdown__toggle.pf-m-split-button .pf-v5-c-dropdown__toggle-button {
13685
14477
  color: var(--pf-v5-c-dropdown__toggle-button--Color);
13686
14478
  background-color: var(--pf-v5-c-dropdown__toggle-button--BackgroundColor);
@@ -14061,7 +14853,7 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
14061
14853
 
14062
14854
  :where(.pf-v5-theme-dark) .pf-v5-c-wizard__header .pf-v5-c-button, :where(.pf-v5-theme-dark) .pf-v5-c-page__sidebar-body.pf-m-menu .pf-v5-c-context-selector .pf-v5-c-button,
14063
14855
  :where(.pf-v5-theme-dark) .pf-v5-c-page__main-section[class*=pf-m-dark-] .pf-v5-c-button,
14064
- :where(.pf-v5-theme-dark) .pf-v5-c-page__header .pf-v5-c-button, :where(.pf-v5-theme-dark) .pf-v5-c-masthead .pf-v5-c-button, :where(.pf-v5-theme-dark) .pf-v5-c-login__header .pf-v5-c-button,
14856
+ :where(.pf-v5-theme-dark) .pf-v5-c-page__header .pf-v5-c-button, :where(.pf-v5-theme-dark) .pf-v5-c-login__header .pf-v5-c-button,
14065
14857
  :where(.pf-v5-theme-dark) .pf-v5-c-login__footer .pf-v5-c-button, :where(.pf-v5-theme-dark) .pf-v5-c-log-viewer.pf-m-dark .pf-v5-c-log-viewer__main .pf-v5-c-button, :where(.pf-v5-theme-dark) .pf-v5-c-about-modal-box .pf-v5-c-button, :where(.pf-v5-theme-dark) .pf-v5-c-banner .pf-v5-c-button {
14066
14858
  --pf-v5-c-button--m-primary--BackgroundColor: var(--pf-v5-global--primary-color--300);
14067
14859
  }
@@ -14918,7 +15710,7 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
14918
15710
 
14919
15711
  :where(.pf-v5-theme-dark) .pf-v5-c-wizard__header .pf-v5-c-button, :where(.pf-v5-theme-dark) .pf-v5-c-page__sidebar-body.pf-m-menu .pf-v5-c-context-selector .pf-v5-c-button,
14920
15712
  :where(.pf-v5-theme-dark) .pf-v5-c-page__main-section[class*=pf-m-dark-] .pf-v5-c-button,
14921
- :where(.pf-v5-theme-dark) .pf-v5-c-page__header .pf-v5-c-button, :where(.pf-v5-theme-dark) .pf-v5-c-masthead .pf-v5-c-button, :where(.pf-v5-theme-dark) .pf-v5-c-login__header .pf-v5-c-button,
15713
+ :where(.pf-v5-theme-dark) .pf-v5-c-page__header .pf-v5-c-button, :where(.pf-v5-theme-dark) .pf-v5-c-login__header .pf-v5-c-button,
14922
15714
  :where(.pf-v5-theme-dark) .pf-v5-c-login__footer .pf-v5-c-button, :where(.pf-v5-theme-dark) .pf-v5-c-log-viewer.pf-m-dark .pf-v5-c-log-viewer__main .pf-v5-c-button, :where(.pf-v5-theme-dark) .pf-v5-c-about-modal-box .pf-v5-c-button, :where(.pf-v5-theme-dark) .pf-v5-c-banner .pf-v5-c-button {
14923
15715
  --pf-v5-c-button--m-primary--BackgroundColor: var(--pf-v5-global--primary-color--300);
14924
15716
  }
@@ -15193,7 +15985,7 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
15193
15985
 
15194
15986
  :where(.pf-v5-theme-dark) .pf-v5-c-wizard__header .pf-v5-c-button, :where(.pf-v5-theme-dark) .pf-v5-c-page__sidebar-body.pf-m-menu .pf-v5-c-context-selector .pf-v5-c-button,
15195
15987
  :where(.pf-v5-theme-dark) .pf-v5-c-page__main-section[class*=pf-m-dark-] .pf-v5-c-button,
15196
- :where(.pf-v5-theme-dark) .pf-v5-c-page__header .pf-v5-c-button, :where(.pf-v5-theme-dark) .pf-v5-c-masthead .pf-v5-c-button, :where(.pf-v5-theme-dark) .pf-v5-c-login__header .pf-v5-c-button,
15988
+ :where(.pf-v5-theme-dark) .pf-v5-c-page__header .pf-v5-c-button, :where(.pf-v5-theme-dark) .pf-v5-c-login__header .pf-v5-c-button,
15197
15989
  :where(.pf-v5-theme-dark) .pf-v5-c-login__footer .pf-v5-c-button, :where(.pf-v5-theme-dark) .pf-v5-c-log-viewer.pf-m-dark .pf-v5-c-log-viewer__main .pf-v5-c-button, :where(.pf-v5-theme-dark) .pf-v5-c-about-modal-box .pf-v5-c-button, :where(.pf-v5-theme-dark) .pf-v5-c-banner .pf-v5-c-button {
15198
15990
  --pf-v5-c-button--m-primary--BackgroundColor: var(--pf-v5-global--primary-color--300);
15199
15991
  }
@@ -15282,7 +16074,7 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
15282
16074
 
15283
16075
  :where(.pf-v5-theme-dark) .pf-v5-c-wizard__header .pf-v5-c-button, :where(.pf-v5-theme-dark) .pf-v5-c-page__sidebar-body.pf-m-menu .pf-v5-c-context-selector .pf-v5-c-button,
15284
16076
  :where(.pf-v5-theme-dark) .pf-v5-c-page__main-section[class*=pf-m-dark-] .pf-v5-c-button,
15285
- :where(.pf-v5-theme-dark) .pf-v5-c-page__header .pf-v5-c-button, :where(.pf-v5-theme-dark) .pf-v5-c-masthead .pf-v5-c-button, :where(.pf-v5-theme-dark) .pf-v5-c-login__header .pf-v5-c-button,
16077
+ :where(.pf-v5-theme-dark) .pf-v5-c-page__header .pf-v5-c-button, :where(.pf-v5-theme-dark) .pf-v5-c-login__header .pf-v5-c-button,
15286
16078
  :where(.pf-v5-theme-dark) .pf-v5-c-login__footer .pf-v5-c-button, :where(.pf-v5-theme-dark) .pf-v5-c-log-viewer.pf-m-dark .pf-v5-c-log-viewer__main .pf-v5-c-button, :where(.pf-v5-theme-dark) .pf-v5-c-about-modal-box .pf-v5-c-button, :where(.pf-v5-theme-dark) .pf-v5-c-banner .pf-v5-c-button {
15287
16079
  --pf-v5-c-button--m-primary--BackgroundColor: var(--pf-v5-global--primary-color--300);
15288
16080
  }
@@ -15368,7 +16160,7 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
15368
16160
 
15369
16161
  :where(.pf-v5-theme-dark) .pf-v5-c-wizard__header .pf-v5-c-button, :where(.pf-v5-theme-dark) .pf-v5-c-page__sidebar-body.pf-m-menu .pf-v5-c-context-selector .pf-v5-c-button,
15370
16162
  :where(.pf-v5-theme-dark) .pf-v5-c-page__main-section[class*=pf-m-dark-] .pf-v5-c-button,
15371
- :where(.pf-v5-theme-dark) .pf-v5-c-page__header .pf-v5-c-button, :where(.pf-v5-theme-dark) .pf-v5-c-masthead .pf-v5-c-button, :where(.pf-v5-theme-dark) .pf-v5-c-login__header .pf-v5-c-button,
16163
+ :where(.pf-v5-theme-dark) .pf-v5-c-page__header .pf-v5-c-button, :where(.pf-v5-theme-dark) .pf-v5-c-login__header .pf-v5-c-button,
15372
16164
  :where(.pf-v5-theme-dark) .pf-v5-c-login__footer .pf-v5-c-button, :where(.pf-v5-theme-dark) .pf-v5-c-log-viewer.pf-m-dark .pf-v5-c-log-viewer__main .pf-v5-c-button, :where(.pf-v5-theme-dark) .pf-v5-c-about-modal-box .pf-v5-c-button, :where(.pf-v5-theme-dark) .pf-v5-c-banner .pf-v5-c-button {
15373
16165
  --pf-v5-c-button--m-primary--BackgroundColor: var(--pf-v5-global--primary-color--300);
15374
16166
  }
@@ -15656,7 +16448,7 @@ label.pf-v5-c-input-group__text {
15656
16448
 
15657
16449
  :where(.pf-v5-theme-dark) .pf-v5-c-wizard__header .pf-v5-c-button, :where(.pf-v5-theme-dark) .pf-v5-c-page__sidebar-body.pf-m-menu .pf-v5-c-context-selector .pf-v5-c-button,
15658
16450
  :where(.pf-v5-theme-dark) .pf-v5-c-page__main-section[class*=pf-m-dark-] .pf-v5-c-button,
15659
- :where(.pf-v5-theme-dark) .pf-v5-c-page__header .pf-v5-c-button, :where(.pf-v5-theme-dark) .pf-v5-c-masthead .pf-v5-c-button, :where(.pf-v5-theme-dark) .pf-v5-c-login__header .pf-v5-c-button,
16451
+ :where(.pf-v5-theme-dark) .pf-v5-c-page__header .pf-v5-c-button, :where(.pf-v5-theme-dark) .pf-v5-c-login__header .pf-v5-c-button,
15660
16452
  :where(.pf-v5-theme-dark) .pf-v5-c-login__footer .pf-v5-c-button, :where(.pf-v5-theme-dark) .pf-v5-c-log-viewer.pf-m-dark .pf-v5-c-log-viewer__main .pf-v5-c-button, :where(.pf-v5-theme-dark) .pf-v5-c-about-modal-box .pf-v5-c-button, :where(.pf-v5-theme-dark) .pf-v5-c-banner .pf-v5-c-button {
15661
16453
  --pf-v5-c-button--m-primary--BackgroundColor: var(--pf-v5-global--primary-color--300);
15662
16454
  }
@@ -16350,7 +17142,7 @@ button.pf-v5-c-label__content:focus {
16350
17142
 
16351
17143
  :where(.pf-v5-theme-dark) .pf-v5-c-wizard__header .pf-v5-c-button, :where(.pf-v5-theme-dark) .pf-v5-c-page__sidebar-body.pf-m-menu .pf-v5-c-context-selector .pf-v5-c-button,
16352
17144
  :where(.pf-v5-theme-dark) .pf-v5-c-page__main-section[class*=pf-m-dark-] .pf-v5-c-button,
16353
- :where(.pf-v5-theme-dark) .pf-v5-c-page__header .pf-v5-c-button, :where(.pf-v5-theme-dark) .pf-v5-c-masthead .pf-v5-c-button, :where(.pf-v5-theme-dark) .pf-v5-c-login__header .pf-v5-c-button,
17145
+ :where(.pf-v5-theme-dark) .pf-v5-c-page__header .pf-v5-c-button, :where(.pf-v5-theme-dark) .pf-v5-c-login__header .pf-v5-c-button,
16354
17146
  :where(.pf-v5-theme-dark) .pf-v5-c-login__footer .pf-v5-c-button, :where(.pf-v5-theme-dark) .pf-v5-c-log-viewer.pf-m-dark .pf-v5-c-log-viewer__main .pf-v5-c-button, :where(.pf-v5-theme-dark) .pf-v5-c-about-modal-box .pf-v5-c-button, :where(.pf-v5-theme-dark) .pf-v5-c-banner .pf-v5-c-button {
16355
17147
  --pf-v5-c-button--m-primary--BackgroundColor: var(--pf-v5-global--primary-color--300);
16356
17148
  }
@@ -16798,7 +17590,7 @@ ul.pf-v5-c-list {
16798
17590
 
16799
17591
  :where(.pf-v5-theme-dark) .pf-v5-c-wizard__header .pf-v5-c-button, :where(.pf-v5-theme-dark) .pf-v5-c-page__sidebar-body.pf-m-menu .pf-v5-c-context-selector .pf-v5-c-button,
16800
17592
  :where(.pf-v5-theme-dark) .pf-v5-c-page__main-section[class*=pf-m-dark-] .pf-v5-c-button,
16801
- :where(.pf-v5-theme-dark) .pf-v5-c-page__header .pf-v5-c-button, :where(.pf-v5-theme-dark) .pf-v5-c-masthead .pf-v5-c-button, :where(.pf-v5-theme-dark) .pf-v5-c-login__header .pf-v5-c-button,
17593
+ :where(.pf-v5-theme-dark) .pf-v5-c-page__header .pf-v5-c-button, :where(.pf-v5-theme-dark) .pf-v5-c-login__header .pf-v5-c-button,
16802
17594
  :where(.pf-v5-theme-dark) .pf-v5-c-login__footer .pf-v5-c-button, :where(.pf-v5-theme-dark) .pf-v5-c-log-viewer.pf-m-dark .pf-v5-c-log-viewer__main .pf-v5-c-button, :where(.pf-v5-theme-dark) .pf-v5-c-about-modal-box .pf-v5-c-button, :where(.pf-v5-theme-dark) .pf-v5-c-banner .pf-v5-c-button {
16803
17595
  --pf-v5-c-button--m-primary--BackgroundColor: var(--pf-v5-global--primary-color--300);
16804
17596
  }
@@ -17082,7 +17874,7 @@ ul.pf-v5-c-list {
17082
17874
 
17083
17875
  :where(.pf-v5-theme-dark) .pf-v5-c-wizard__header .pf-v5-c-button, :where(.pf-v5-theme-dark) .pf-v5-c-page__sidebar-body.pf-m-menu .pf-v5-c-context-selector .pf-v5-c-button,
17084
17876
  :where(.pf-v5-theme-dark) .pf-v5-c-page__main-section[class*=pf-m-dark-] .pf-v5-c-button,
17085
- :where(.pf-v5-theme-dark) .pf-v5-c-page__header .pf-v5-c-button, :where(.pf-v5-theme-dark) .pf-v5-c-masthead .pf-v5-c-button, :where(.pf-v5-theme-dark) .pf-v5-c-login__header .pf-v5-c-button,
17877
+ :where(.pf-v5-theme-dark) .pf-v5-c-page__header .pf-v5-c-button, :where(.pf-v5-theme-dark) .pf-v5-c-login__header .pf-v5-c-button,
17086
17878
  :where(.pf-v5-theme-dark) .pf-v5-c-login__footer .pf-v5-c-button, :where(.pf-v5-theme-dark) .pf-v5-c-about-modal-box .pf-v5-c-button, :where(.pf-v5-theme-dark) .pf-v5-c-banner .pf-v5-c-button, :where(.pf-v5-theme-dark) .pf-v5-c-log-viewer.pf-m-dark .pf-v5-c-log-viewer__main .pf-v5-c-button {
17087
17879
  --pf-v5-c-button--m-primary--BackgroundColor: var(--pf-v5-global--primary-color--300);
17088
17880
  }
@@ -17095,27 +17887,27 @@ ul.pf-v5-c-list {
17095
17887
  color: var(--pf-v5-global--Color--100);
17096
17888
  }
17097
17889
 
17098
- .pf-v5-c-masthead {
17890
+ :root {
17099
17891
  --pf-v5-c-masthead--PaddingLeft: var(--pf-v5-c-masthead--inset);
17100
17892
  --pf-v5-c-masthead--PaddingRight: var(--pf-v5-c-masthead--inset);
17101
- --pf-v5-c-masthead--BackgroundColor: var(--pf-v5-global--BackgroundColor--dark-100);
17102
- --pf-v5-c-masthead--inset: var(--pf-v5-global--spacer--md);
17103
- --pf-v5-c-masthead--xl--inset: var(--pf-v5-global--spacer--lg);
17893
+ --pf-v5-c-masthead--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
17894
+ --pf-v5-c-masthead--inset: var(--pf-t--global--spacer--md);
17895
+ --pf-v5-c-masthead--xl--inset: var(--pf-t--global--spacer--lg);
17104
17896
  --pf-v5-c-masthead--m-display-stack--GridTemplateColumns: max-content 1fr;
17105
17897
  --pf-v5-c-masthead--m-display-stack__main--GridColumn: -1 / 1;
17106
17898
  --pf-v5-c-masthead--m-display-stack__main--MinHeight: 4.375rem;
17107
17899
  --pf-v5-c-masthead--m-display-stack__main--Order: -1;
17108
17900
  --pf-v5-c-masthead--m-display-stack__main--FlexBasis: 100%;
17109
- --pf-v5-c-masthead--m-display-stack__main--PaddingTop: var(--pf-v5-global--spacer--sm);
17110
- --pf-v5-c-masthead--m-display-stack__main--PaddingBottom: var(--pf-v5-global--spacer--sm);
17901
+ --pf-v5-c-masthead--m-display-stack__main--PaddingTop: var(--pf-t--global--spacer--lg);
17902
+ --pf-v5-c-masthead--m-display-stack__main--PaddingBottom: var(--pf-t--global--spacer--md);
17111
17903
  --pf-v5-c-masthead--m-display-stack__main--MarginRight: 0;
17112
17904
  --pf-v5-c-masthead--m-display-stack__main--before--BorderBottom: var(--pf-v5-c-masthead__main--before--BorderBottomWidth) solid var(--pf-v5-c-masthead__main--before--BorderBottomColor);
17113
17905
  --pf-v5-c-masthead--m-display-stack__toggle--GridColumn: 1;
17114
17906
  --pf-v5-c-masthead--m-display-stack__content--GridColumn: 2;
17115
17907
  --pf-v5-c-masthead--m-display-stack__content--MinHeight: auto;
17116
17908
  --pf-v5-c-masthead--m-display-stack__content--Order: 1;
17117
- --pf-v5-c-masthead--m-display-stack__content--PaddingTop: 0;
17118
- --pf-v5-c-masthead--m-display-stack__content--PaddingBottom: 0;
17909
+ --pf-v5-c-masthead--m-display-stack__content--PaddingTop: var(--pf-t--global--spacer--xs);
17910
+ --pf-v5-c-masthead--m-display-stack__content--PaddingBottom: var(--pf-t--global--spacer--xs);
17119
17911
  --pf-v5-c-masthead--m-display-stack__content--MarginLeft: 0;
17120
17912
  --pf-v5-c-masthead--m-display-stack__content--c-nav--m-horizontal--MarginRight: calc(var(--pf-v5-c-masthead--inset) * -1);
17121
17913
  --pf-v5-c-masthead--m-display-stack__content--c-nav--m-horizontal--MarginLeft: calc(var(--pf-v5-c-masthead--inset) * -1);
@@ -17126,7 +17918,7 @@ ul.pf-v5-c-list {
17126
17918
  --pf-v5-c-masthead--m-display-inline__main--FlexBasis: auto;
17127
17919
  --pf-v5-c-masthead--m-display-inline__main--PaddingTop: 0;
17128
17920
  --pf-v5-c-masthead--m-display-inline__main--PaddingBottom: 0;
17129
- --pf-v5-c-masthead--m-display-inline__main--MarginRight: calc(var(--pf-v5-global--spacer--lg) / 2);
17921
+ --pf-v5-c-masthead--m-display-inline__main--MarginRight: calc(var(--pf-t--global--spacer--lg) / 2);
17130
17922
  --pf-v5-c-masthead--m-display-inline__main--BorderBottom: 0;
17131
17923
  --pf-v5-c-masthead--m-display-inline__toggle--GridColumn: 1;
17132
17924
  --pf-v5-c-masthead--m-display-inline__content--GridColumn: 3;
@@ -17134,22 +17926,19 @@ ul.pf-v5-c-list {
17134
17926
  --pf-v5-c-masthead--m-display-inline__content--Order: 0;
17135
17927
  --pf-v5-c-masthead--m-display-inline__content--PaddingTop: 0;
17136
17928
  --pf-v5-c-masthead--m-display-inline__content--PaddingBottom: 0;
17137
- --pf-v5-c-masthead--m-display-inline__content--MarginLeft: calc(var(--pf-v5-global--spacer--lg) / 2);
17929
+ --pf-v5-c-masthead--m-display-inline__content--MarginLeft: calc(var(--pf-t--global--spacer--lg) / 2);
17138
17930
  --pf-v5-c-masthead--m-display-inline__content--c-nav--m-horizontal--MarginRight: 0;
17139
17931
  --pf-v5-c-masthead--m-display-inline__content--c-nav--m-horizontal--MarginLeft: 0;
17140
17932
  --pf-v5-c-masthead__main--before--Right: calc(var(--pf-v5-c-masthead--inset) * -1);
17141
17933
  --pf-v5-c-masthead__main--before--Left: calc(var(--pf-v5-c-masthead--inset) * -1);
17142
- --pf-v5-c-masthead__main--before--BorderBottomWidth: var(--pf-v5-global--BorderWidth--sm);
17143
- --pf-v5-c-masthead__main--before--BorderBottomColor: var(--pf-v5-global--palette--black-600);
17144
- --pf-v5-c-masthead__toggle--MarginRight: var(--pf-v5-global--spacer--sm);
17145
- --pf-v5-c-masthead__toggle--MarginLeft: calc(var(--pf-v5-global--spacer--md) * -1);
17146
- --pf-v5-c-masthead__toggle--c-button--FontSize: var(--pf-v5-global--FontSize--2xl);
17147
- --pf-v5-c-masthead--m-light--BackgroundColor: var(--pf-v5-global--BackgroundColor--100);
17148
- --pf-v5-c-masthead--m-light__main--BorderBottomColor: var(--pf-v5-global--BorderColor--300);
17149
- --pf-v5-c-masthead--m-light-200--BackgroundColor: var(--pf-v5-global--BackgroundColor--200);
17150
- --pf-v5-c-masthead--m-light-200__main--BorderBottomColor: var(--pf-v5-global--BorderColor--100);
17934
+ --pf-v5-c-masthead__main--before--BorderBottomWidth: var(--pf-t--global--border--width--divider--default);
17935
+ --pf-v5-c-masthead__main--before--BorderBottomColor: var(--pf-t--global--border--color--default);
17936
+ --pf-v5-c-masthead__content--Gap: var(--pf-t--global--spacer--sm);
17937
+ --pf-v5-c-masthead__toggle--MarginRight: var(--pf-t--global--spacer--sm);
17938
+ --pf-v5-c-masthead__toggle--MarginLeft: calc(var(--pf-t--global--spacer--sm) * -1);
17939
+ --pf-v5-c-masthead__toggle--c-button--FontSize: var(--pf-t--global--icon--size--lg);
17151
17940
  --pf-v5-c-masthead--c-toolbar__item--Display: flex;
17152
- --pf-v5-c-masthead--item-border-color--base: var(--pf-v5-global--palette--black-800);
17941
+ --pf-v5-c-masthead--item-border-color--base: var(--pf-t--global--border--color--default);
17153
17942
  --pf-v5-c-masthead--c-context-selector--Width: auto;
17154
17943
  --pf-v5-c-masthead--c-context-selector__toggle--BorderTopColor: var(--pf-v5-c-masthead--item-border-color--base);
17155
17944
  --pf-v5-c-masthead--c-context-selector__toggle--BorderRightColor: var(--pf-v5-c-masthead--item-border-color--base);
@@ -17168,12 +17957,34 @@ ul.pf-v5-c-list {
17168
17957
  --pf-v5-c-masthead--c-toolbar--AlignItems--base: center;
17169
17958
  --pf-v5-c-masthead--c-toolbar__content--PaddingRight: 0;
17170
17959
  --pf-v5-c-masthead--c-toolbar__content--PaddingLeft: 0;
17171
- --pf-v5-c-masthead--c-toolbar__expandable-content--PaddingTop: var(--pf-v5-global--spacer--md);
17960
+ --pf-v5-c-masthead--c-toolbar__expandable-content--PaddingTop: var(--pf-t--global--spacer--md);
17172
17961
  --pf-v5-c-masthead--c-toolbar__expandable-content--PaddingRight: var(--pf-v5-c-masthead--inset);
17173
- --pf-v5-c-masthead--c-toolbar__expandable-content--PaddingBottom: var(--pf-v5-global--spacer--md);
17962
+ --pf-v5-c-masthead--c-toolbar__expandable-content--PaddingBottom: var(--pf-t--global--spacer--md);
17174
17963
  --pf-v5-c-masthead--c-toolbar__expandable-content--PaddingLeft: var(--pf-v5-c-masthead--inset);
17175
- --pf-v5-c-masthead--c-toolbar__expandable-content--before--BorderTopWidth: var(--pf-v5-global--BorderWidth--sm);
17964
+ --pf-v5-c-masthead--c-toolbar__expandable-content--before--BorderTopWidth: var(--pf-t--global--border--width--divider--default);
17176
17965
  --pf-v5-c-masthead--c-toolbar__expandable-content--before--BorderTopColor: var(--pf-v5-c-masthead--item-border-color--base);
17966
+ }
17967
+
17968
+ .pf-v5-c-masthead {
17969
+ --pf-v5-c-toolbar--BackgroundColor: var(--pf-v5-c-masthead--c-toolbar--BackgroundColor);
17970
+ --pf-v5-c-toolbar--AlignItems--base: var(--pf-v5-c-masthead--c-toolbar--AlignItems--base);
17971
+ --pf-v5-c-toolbar__content--PaddingRight: var(--pf-v5-c-masthead--c-toolbar__content--PaddingRight);
17972
+ --pf-v5-c-toolbar__content--PaddingLeft: var(--pf-v5-c-masthead--c-toolbar__content--PaddingLeft);
17973
+ --pf-v5-c-toolbar__expandable-content--PaddingTop: var(--pf-v5-c-masthead--c-toolbar__expandable-content--PaddingTop);
17974
+ --pf-v5-c-toolbar__expandable-content--PaddingRight: var(--pf-v5-c-masthead--c-toolbar__expandable-content--PaddingRight);
17975
+ --pf-v5-c-toolbar__expandable-content--PaddingBottom: var(--pf-v5-c-masthead--c-toolbar__expandable-content--PaddingBottom);
17976
+ --pf-v5-c-toolbar__expandable-content--PaddingLeft: var(--pf-v5-c-masthead--c-toolbar__expandable-content--PaddingLeft);
17977
+ --pf-v5-c-context-selector--Width: var(--pf-v5-c-masthead--c-context-selector--Width);
17978
+ --pf-v5-c-context-selector__toggle--BorderTopColor: var(--pf-v5-c-masthead--c-context-selector__toggle--BorderTopColor);
17979
+ --pf-v5-c-context-selector__toggle--BorderRightColor: var(--pf-v5-c-masthead--c-context-selector__toggle--BorderRightColor);
17980
+ --pf-v5-c-context-selector__toggle--BorderLeftColor: var(--pf-v5-c-masthead--c-context-selector__toggle--BorderLeftColor);
17981
+ --pf-v5-c-dropdown__toggle--before--BorderTopColor: var(--pf-v5-c-masthead--c-dropdown__toggle--before--BorderTopColor);
17982
+ --pf-v5-c-dropdown__toggle--before--BorderRightColor: var(--pf-v5-c-masthead--c-dropdown__toggle--before--BorderRightColor);
17983
+ --pf-v5-c-dropdown__toggle--before--BorderLeftColor: var(--pf-v5-c-masthead--c-dropdown__toggle--before--BorderLeftColor);
17984
+ --pf-v5-c-menu-toggle--before--BorderTopColor: var(--pf-v5-c-masthead--c-menu-toggle--before--BorderTopColor);
17985
+ --pf-v5-c-menu-toggle--before--BorderRightColor: var(--pf-v5-c-masthead--c-menu-toggle--before--BorderRightColor);
17986
+ --pf-v5-c-menu-toggle--before--BorderLeftColor: var(--pf-v5-c-masthead--c-menu-toggle--before--BorderLeftColor);
17987
+ --pf-v5-c-menu-toggle--m-full-height__toggle--after--BorderBottomWidth: 0;
17177
17988
  --pf-v5-c-masthead--GridTemplateColumns: var(--pf-v5-c-masthead--m-display-stack--GridTemplateColumns);
17178
17989
  --pf-v5-c-masthead__main--GridColumn: var(--pf-v5-c-masthead--m-display-stack__main--GridColumn);
17179
17990
  --pf-v5-c-masthead__main--MinHeight: var(--pf-v5-c-masthead--m-display-stack__main--MinHeight);
@@ -17191,7 +18002,6 @@ ul.pf-v5-c-list {
17191
18002
  --pf-v5-c-masthead__content--MarginLeft: var(--pf-v5-c-masthead--m-display-stack__content--MarginLeft);
17192
18003
  --pf-v5-c-masthead__content--c-nav--m-horizontal--MarginRight: var(--pf-v5-c-masthead--m-display-stack__content--c-nav--m-horizontal--MarginRight);
17193
18004
  --pf-v5-c-masthead__content--c-nav--m-horizontal--MarginLeft: var(--pf-v5-c-masthead--m-display-stack__content--c-nav--m-horizontal--MarginLeft);
17194
- color: var(--pf-v5-global--Color--100);
17195
18005
  position: relative;
17196
18006
  display: grid;
17197
18007
  grid-template-columns: var(--pf-v5-c-masthead--GridTemplateColumns);
@@ -17202,7 +18012,7 @@ ul.pf-v5-c-list {
17202
18012
  background-color: var(--pf-v5-c-masthead--BackgroundColor);
17203
18013
  }
17204
18014
  @media screen and (min-width: 768px) {
17205
- .pf-v5-c-page:where(:not(.pf-m-resize-observer)) .pf-v5-c-masthead {
18015
+ :where(:not(.pf-m-resize-observer)) .pf-v5-c-masthead {
17206
18016
  --pf-v5-c-masthead--GridTemplateColumns: var(--pf-v5-c-masthead--m-display-inline--GridTemplateColumns);
17207
18017
  --pf-v5-c-masthead__main--GridColumn: var(--pf-v5-c-masthead--m-display-inline__main--GridColumn);
17208
18018
  --pf-v5-c-masthead__main--MinHeight: var(--pf-v5-c-masthead--m-display-inline__main--MinHeight);
@@ -17227,25 +18037,7 @@ ul.pf-v5-c-list {
17227
18037
  --pf-v5-c-masthead--inset: var(--pf-v5-c-masthead--xl--inset);
17228
18038
  }
17229
18039
  }
17230
- .pf-v5-c-masthead.pf-m-light {
17231
- color: var(--pf-v5-global--Color--100);
17232
- --pf-v5-c-masthead--BackgroundColor: var(--pf-v5-c-masthead--m-light--BackgroundColor);
17233
- --pf-v5-c-masthead__main--BorderBottomColor: var(--pf-v5-c-masthead--m-light__main--BorderBottomColor);
17234
- }
17235
- .pf-v5-c-masthead.pf-m-light-200 {
17236
- color: var(--pf-v5-global--Color--100);
17237
- --pf-v5-c-masthead--BackgroundColor: var(--pf-v5-c-masthead--m-light-200--BackgroundColor);
17238
- --pf-v5-c-masthead__main--BorderBottomColor: var(--pf-v5-c-masthead--m-light-200__main--BorderBottomColor);
17239
- }
17240
18040
  .pf-v5-c-masthead .pf-v5-c-toolbar {
17241
- --pf-v5-c-toolbar--BackgroundColor: var(--pf-v5-c-masthead--c-toolbar--BackgroundColor);
17242
- --pf-v5-c-toolbar--AlignItems--base: var(--pf-v5-c-masthead--c-toolbar--AlignItems--base);
17243
- --pf-v5-c-toolbar__content--PaddingRight: var(--pf-v5-c-masthead--c-toolbar__content--PaddingRight);
17244
- --pf-v5-c-toolbar__content--PaddingLeft: var(--pf-v5-c-masthead--c-toolbar__content--PaddingLeft);
17245
- --pf-v5-c-toolbar__expandable-content--PaddingTop: var(--pf-v5-c-masthead--c-toolbar__expandable-content--PaddingTop);
17246
- --pf-v5-c-toolbar__expandable-content--PaddingRight: var(--pf-v5-c-masthead--c-toolbar__expandable-content--PaddingRight);
17247
- --pf-v5-c-toolbar__expandable-content--PaddingBottom: var(--pf-v5-c-masthead--c-toolbar__expandable-content--PaddingBottom);
17248
- --pf-v5-c-toolbar__expandable-content--PaddingLeft: var(--pf-v5-c-masthead--c-toolbar__expandable-content--PaddingLeft);
17249
18041
  width: 100%;
17250
18042
  }
17251
18043
  .pf-v5-c-masthead .pf-v5-c-toolbar__content-section {
@@ -17261,27 +18053,10 @@ ul.pf-v5-c-list {
17261
18053
  border-block-start: var(--pf-v5-c-masthead--c-toolbar__expandable-content--before--BorderTopWidth) solid var(--pf-v5-c-masthead--c-toolbar__expandable-content--before--BorderTopColor);
17262
18054
  box-shadow: var(--pf-v5-c-toolbar__expandable-content--before--BoxShadow);
17263
18055
  }
17264
- .pf-v5-c-masthead .pf-v5-c-menu-toggle {
17265
- --pf-v5-c-menu-toggle--before--BorderTopColor: var(--pf-v5-c-masthead--c-menu-toggle--before--BorderTopColor);
17266
- --pf-v5-c-menu-toggle--before--BorderRightColor: var(--pf-v5-c-masthead--c-menu-toggle--before--BorderRightColor);
17267
- --pf-v5-c-menu-toggle--before--BorderLeftColor: var(--pf-v5-c-masthead--c-menu-toggle--before--BorderLeftColor);
17268
- --pf-v5-c-menu-toggle--m-full-height__toggle--after--BorderBottomWidth: 0;
17269
- }
17270
- .pf-v5-c-masthead .pf-v5-c-context-selector {
17271
- --pf-v5-c-context-selector--Width: var(--pf-v5-c-masthead--c-context-selector--Width);
17272
- --pf-v5-c-context-selector__toggle--BorderTopColor: var(--pf-v5-c-masthead--c-context-selector__toggle--BorderTopColor);
17273
- --pf-v5-c-context-selector__toggle--BorderRightColor: var(--pf-v5-c-masthead--c-context-selector__toggle--BorderRightColor);
17274
- --pf-v5-c-context-selector__toggle--BorderLeftColor: var(--pf-v5-c-masthead--c-context-selector__toggle--BorderLeftColor);
17275
- }
17276
18056
  .pf-v5-c-masthead .pf-v5-c-context-selector.pf-m-full-height {
17277
18057
  --pf-v5-c-context-selector__toggle--BorderTopColor: var(--pf-v5-c-masthead--c-context-selector--m-full-height__toggle--BorderTopColor);
17278
18058
  --pf-v5-c-context-selector__toggle--BorderBottomColor: var(--pf-v5-c-masthead--c-context-selector--m-full-height__toggle--BorderBottomColor);
17279
18059
  }
17280
- .pf-v5-c-masthead .pf-v5-c-dropdown {
17281
- --pf-v5-c-dropdown__toggle--before--BorderTopColor: var(--pf-v5-c-masthead--c-dropdown__toggle--before--BorderTopColor);
17282
- --pf-v5-c-dropdown__toggle--before--BorderRightColor: var(--pf-v5-c-masthead--c-dropdown__toggle--before--BorderRightColor);
17283
- --pf-v5-c-dropdown__toggle--before--BorderLeftColor: var(--pf-v5-c-masthead--c-dropdown__toggle--before--BorderLeftColor);
17284
- }
17285
18060
  .pf-v5-c-masthead .pf-v5-c-dropdown.pf-m-full-height {
17286
18061
  --pf-v5-c-dropdown__toggle--before--BorderTopColor: var(--pf-v5-c-masthead--c-dropdown--m-full-height__toggle--before--BorderTopColor);
17287
18062
  --pf-v5-c-dropdown__toggle--before--BorderBottomColor: var(--pf-v5-c-masthead--c-dropdown--m-full-height__toggle--before--BorderBottomColor);
@@ -17289,9 +18064,6 @@ ul.pf-v5-c-list {
17289
18064
  .pf-v5-c-masthead .pf-v5-c-nav {
17290
18065
  align-self: stretch;
17291
18066
  }
17292
- .pf-v5-c-masthead .pf-v5-c-button.pf-m-plain {
17293
- color: var(--pf-v5-c-button--m-plain--Color);
17294
- }
17295
18067
 
17296
18068
  .pf-v5-c-masthead__main {
17297
18069
  position: relative;
@@ -17318,12 +18090,18 @@ ul.pf-v5-c-list {
17318
18090
  --pf-v5-c-masthead__main--MarginRight: 0;
17319
18091
  }
17320
18092
 
18093
+ .pf-v5-c-masthead__logo {
18094
+ display: flex;
18095
+ gap: var(--pf-t--global--spacer--md);
18096
+ }
18097
+
17321
18098
  .pf-v5-c-masthead__content {
17322
18099
  display: flex;
17323
18100
  flex-grow: 1;
17324
18101
  flex-shrink: 1;
17325
18102
  grid-column: var(--pf-v5-c-masthead__content--GridColumn);
17326
18103
  grid-column-end: -1;
18104
+ gap: var(--pf-v5-c-masthead__content--Gap);
17327
18105
  align-items: center;
17328
18106
  align-self: stretch;
17329
18107
  order: var(--pf-v5-c-masthead__content--Order);
@@ -17721,22 +18499,6 @@ ul.pf-v5-c-list {
17721
18499
  }
17722
18500
  }
17723
18501
 
17724
- :where(.pf-v5-theme-dark) .pf-v5-c-wizard__header .pf-v5-c-button, :where(.pf-v5-theme-dark) .pf-v5-c-page__sidebar-body.pf-m-menu .pf-v5-c-context-selector .pf-v5-c-button,
17725
- :where(.pf-v5-theme-dark) .pf-v5-c-page__main-section[class*=pf-m-dark-] .pf-v5-c-button,
17726
- :where(.pf-v5-theme-dark) .pf-v5-c-page__header .pf-v5-c-button, :where(.pf-v5-theme-dark) .pf-v5-c-masthead .pf-v5-c-button, :where(.pf-v5-theme-dark) .pf-v5-c-about-modal-box .pf-v5-c-button, :where(.pf-v5-theme-dark) .pf-v5-c-banner .pf-v5-c-button, :where(.pf-v5-theme-dark) .pf-v5-c-log-viewer.pf-m-dark .pf-v5-c-log-viewer__main .pf-v5-c-button, :where(.pf-v5-theme-dark) .pf-v5-c-login__header .pf-v5-c-button,
17727
- :where(.pf-v5-theme-dark) .pf-v5-c-login__footer .pf-v5-c-button {
17728
- --pf-v5-c-button--m-primary--BackgroundColor: var(--pf-v5-global--primary-color--300);
17729
- }
17730
-
17731
- :where(.pf-v5-theme-dark) .pf-v5-c-masthead {
17732
- --pf-v5-c-masthead--BackgroundColor: var(--pf-v5-global--palette--black-1000);
17733
- --pf-v5-c-masthead--item-border-color--base: var(--pf-v5-global--BorderColor--100);
17734
- color: var(--pf-v5-global--Color--100);
17735
- }
17736
- :where(.pf-v5-theme-dark) .pf-v5-c-masthead .pf-v5-c-toolbar {
17737
- --pf-v5-c-toolbar--BackgroundColor: var(--pf-v5-global--palette--black-1000);
17738
- }
17739
-
17740
18502
  .pf-v5-c-menu {
17741
18503
  color: var(--pf-v5-global--Color--100);
17742
18504
  --pf-v5-c-menu--BackgroundColor: var(--pf-v5-global--BackgroundColor--100);
@@ -18249,9 +19011,6 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disab
18249
19011
  align-items: center;
18250
19012
  margin-inline-end: var(--pf-v5-c-menu__item-check--MarginRight);
18251
19013
  }
18252
- .pf-v5-c-menu__item-check .pf-v5-c-check {
18253
- --pf-v5-c-check__input--TranslateY: none;
18254
- }
18255
19014
 
18256
19015
  .pf-v5-c-menu__item-toggle-icon {
18257
19016
  padding-inline-start: var(--pf-v5-c-menu__item-toggle-icon--PaddingLeft);
@@ -18326,7 +19085,7 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disab
18326
19085
  :where(.pf-v5-theme-dark) .pf-v5-c-wizard__header .pf-v5-c-button, :where(.pf-v5-theme-dark) .pf-v5-c-page__sidebar-body.pf-m-menu .pf-v5-c-context-selector .pf-v5-c-button,
18327
19086
  :where(.pf-v5-theme-dark) .pf-v5-c-page__main-section[class*=pf-m-dark-] .pf-v5-c-button,
18328
19087
  :where(.pf-v5-theme-dark) .pf-v5-c-page__header .pf-v5-c-button, :where(.pf-v5-theme-dark) .pf-v5-c-about-modal-box .pf-v5-c-button, :where(.pf-v5-theme-dark) .pf-v5-c-banner .pf-v5-c-button, :where(.pf-v5-theme-dark) .pf-v5-c-log-viewer.pf-m-dark .pf-v5-c-log-viewer__main .pf-v5-c-button, :where(.pf-v5-theme-dark) .pf-v5-c-login__header .pf-v5-c-button,
18329
- :where(.pf-v5-theme-dark) .pf-v5-c-login__footer .pf-v5-c-button, :where(.pf-v5-theme-dark) .pf-v5-c-masthead .pf-v5-c-button {
19088
+ :where(.pf-v5-theme-dark) .pf-v5-c-login__footer .pf-v5-c-button {
18330
19089
  --pf-v5-c-button--m-primary--BackgroundColor: var(--pf-v5-global--primary-color--300);
18331
19090
  }
18332
19091
 
@@ -18337,38 +19096,42 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disab
18337
19096
  }
18338
19097
 
18339
19098
  .pf-v5-c-menu-toggle {
18340
- --pf-v5-c-menu-toggle--BorderRadius: 0;
18341
- --pf-v5-c-menu-toggle--PaddingTop: var(--pf-v5-global--spacer--form-element);
18342
- --pf-v5-c-menu-toggle--PaddingRight: var(--pf-v5-global--spacer--sm);
18343
- --pf-v5-c-menu-toggle--PaddingBottom: var(--pf-v5-global--spacer--form-element);
18344
- --pf-v5-c-menu-toggle--PaddingLeft: var(--pf-v5-global--spacer--sm);
18345
- --pf-v5-c-menu-toggle--FontSize: var(--pf-v5-global--FontSize--md);
18346
- --pf-v5-c-menu-toggle--Color: var(--pf-v5-global--Color--100);
18347
- --pf-v5-c-menu-toggle--LineHeight: var(--pf-v5-global--LineHeight--md);
18348
- --pf-v5-c-menu-toggle--BackgroundColor: transparent;
18349
- --pf-v5-c-menu-toggle--before--BorderTopWidth: var(--pf-v5-global--BorderWidth--sm);
18350
- --pf-v5-c-menu-toggle--before--BorderRightWidth: var(--pf-v5-global--BorderWidth--sm);
18351
- --pf-v5-c-menu-toggle--before--BorderBottomWidth: 0;
18352
- --pf-v5-c-menu-toggle--before--BorderLeftWidth: var(--pf-v5-global--BorderWidth--sm);
18353
- --pf-v5-c-menu-toggle--before--BorderTopColor: var(--pf-v5-global--BorderColor--300);
18354
- --pf-v5-c-menu-toggle--before--BorderRightColor: var(--pf-v5-global--BorderColor--300);
18355
- --pf-v5-c-menu-toggle--before--BorderBottomColor: transparent;
18356
- --pf-v5-c-menu-toggle--before--BorderLeftColor: var(--pf-v5-global--BorderColor--300);
18357
- --pf-v5-c-menu-toggle--after--BorderBottomWidth: var(--pf-v5-global--BorderWidth--sm);
18358
- --pf-v5-c-menu-toggle--after--BorderBottomColor: var(--pf-v5-global--BorderColor--200);
19099
+ --pf-v5-c-menu-toggle--BorderRadius: var(--pf-t--global--border--radius--small);
19100
+ --pf-v5-c-menu-toggle--PaddingTop: var(--pf-t--global--spacer--sm);
19101
+ --pf-v5-c-menu-toggle--PaddingRight: var(--pf-t--global--spacer--sm);
19102
+ --pf-v5-c-menu-toggle--PaddingBottom: var(--pf-t--global--spacer--sm);
19103
+ --pf-v5-c-menu-toggle--PaddingLeft: var(--pf-t--global--spacer--sm);
19104
+ --pf-v5-c-menu-toggle--FontSize: var(--pf-t--global--font--size--body--md);
19105
+ --pf-v5-c-menu-toggle--Color: var(--pf-t--global--text--color--regular);
19106
+ --pf-v5-c-menu-toggle--LineHeight: var(--pf-t--global--font--line-height--body);
19107
+ --pf-v5-c-menu-toggle--BackgroundColor: var(--pf-t--global--background--color--control--default);
19108
+ --pf-v5-c-menu-toggle--BorderWidth: var(--pf-t--global--border--width--control--default);
19109
+ --pf-v5-c-menu-toggle--BorderColor: var(--pf-t--global--border--color--default);
19110
+ --pf-v5-c-menu-toggle--hover--BorderWidth: var(--pf-t--global--border--width--control--hover);
19111
+ --pf-v5-c-menu-toggle--hover--BorderColor: var(--pf-t--global--border--color--hover);
19112
+ --pf-v5-c-menu-toggle--active--BorderWidth: var(--pf-t--global--border--width--control--active);
19113
+ --pf-v5-c-menu-toggle--active--BorderColor: var(--pf-t--global--border--color--active);
19114
+ --pf-v5-c-menu-toggle--before--BorderTopWidth: var(--pf-t--global--border--width--control--default);
19115
+ --pf-v5-c-menu-toggle--before--BorderRightWidth: var(--pf-t--global--border--width--control--default);
19116
+ --pf-v5-c-menu-toggle--before--BorderBottomWidth: var(--pf-t--global--border--width--control--default);
19117
+ --pf-v5-c-menu-toggle--before--BorderLeftWidth: var(--pf-t--global--border--width--control--default);
19118
+ --pf-v5-c-menu-toggle--before--BorderTopColor: var(--pf-t--global--border--color--default);
19119
+ --pf-v5-c-menu-toggle--before--BorderRightColor: var(--pf-t--global--border--color--default);
19120
+ --pf-v5-c-menu-toggle--before--BorderBottomColor: var(--pf-t--global--border--color--default);
19121
+ --pf-v5-c-menu-toggle--before--BorderLeftColor: var(--pf-t--global--border--color--default);
18359
19122
  --pf-v5-c-menu-toggle--hover--BackgroundColor: transparent;
18360
- --pf-v5-c-menu-toggle--hover--after--BorderBottomWidth: var(--pf-v5-global--BorderWidth--sm);
18361
- --pf-v5-c-menu-toggle--hover--after--BorderBottomColor: var(--pf-v5-global--active-color--100);
19123
+ --pf-v5-c-menu-toggle--hover--after--BorderBottomWidth: var(--pf-t--global--border--width--control--hover);
19124
+ --pf-v5-c-menu-toggle--hover--after--BorderBottomColor: var(--pf-t--global--border--color--hover);
18362
19125
  --pf-v5-c-menu-toggle--focus--BackgroundColor: transparent;
18363
- --pf-v5-c-menu-toggle--focus--after--BorderBottomWidth: var(--pf-v5-global--BorderWidth--md);
18364
- --pf-v5-c-menu-toggle--focus--after--BorderBottomColor: var(--pf-v5-global--active-color--100);
19126
+ --pf-v5-c-menu-toggle--focus--after--BorderBottomWidth: var(--pf-t--global--border--width--control--active);
19127
+ --pf-v5-c-menu-toggle--focus--after--BorderBottomColor: var(--pf-t--global--border--color--active);
18365
19128
  --pf-v5-c-menu-toggle--active--BackgroundColor: transparent;
18366
- --pf-v5-c-menu-toggle--active--after--BorderBottomWidth: var(--pf-v5-global--BorderWidth--md);
18367
- --pf-v5-c-menu-toggle--active--after--BorderBottomColor: var(--pf-v5-global--active-color--100);
19129
+ --pf-v5-c-menu-toggle--active--after--BorderBottomWidth: var(--pf-t--global--border--width--control--active);
19130
+ --pf-v5-c-menu-toggle--active--after--BorderBottomColor: var(--pf-t--global--border--color--active);
18368
19131
  --pf-v5-c-menu-toggle--m-expanded--Color: var(--pf-v5-global--Color--100);
18369
19132
  --pf-v5-c-menu-toggle--m-expanded--BackgroundColor: transparent;
18370
- --pf-v5-c-menu-toggle--m-expanded--after--BorderBottomWidth: var(--pf-v5-global--BorderWidth--md);
18371
- --pf-v5-c-menu-toggle--m-expanded--after--BorderBottomColor: var(--pf-v5-global--active-color--100);
19133
+ --pf-v5-c-menu-toggle--m-expanded--after--BorderBottomWidth: var(--pf-t--global--border--width--control--active);
19134
+ --pf-v5-c-menu-toggle--m-expanded--after--BorderBottomColor: var(--pf-t--global--border--color--active);
18372
19135
  --pf-v5-c-menu-toggle--disabled--Color: var(--pf-v5-global--disabled-color--100);
18373
19136
  --pf-v5-c-menu-toggle--disabled--BackgroundColor: var(--pf-v5-global--disabled-color--300);
18374
19137
  --pf-v5-c-menu-toggle--m-primary--Color: var(--pf-v5-global--Color--light-100);
@@ -18401,20 +19164,19 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disab
18401
19164
  --pf-v5-c-menu-toggle--m-plain--active--Color: var(--pf-v5-global--Color--100);
18402
19165
  --pf-v5-c-menu-toggle--m-plain--disabled--Color: var(--pf-v5-global--disabled-color--200);
18403
19166
  --pf-v5-c-menu-toggle--m-plain--m-expanded--Color: var(--pf-v5-global--Color--100);
18404
- --pf-v5-c-menu-toggle__icon--MarginRight: var(--pf-v5-global--spacer--sm);
18405
- --pf-v5-c-menu-toggle__count--MarginLeft: var(--pf-v5-global--spacer--sm);
18406
- --pf-v5-c-menu-toggle__controls--PaddingLeft: var(--pf-v5-global--spacer--md);
19167
+ --pf-v5-c-menu-toggle__icon--MarginRight: var(--pf-t--global--spacer--sm);
19168
+ --pf-v5-c-menu-toggle__count--MarginLeft: var(--pf-t--global--spacer--sm);
19169
+ --pf-v5-c-menu-toggle__controls--PaddingLeft: var(--pf-t--global--spacer--sm);
18407
19170
  --pf-v5-c-menu-toggle__controls--MarginLeft: auto;
18408
19171
  --pf-v5-c-menu-toggle__controls--MarginRight: 0;
18409
- --pf-v5-c-menu-toggle__toggle-icon--MarginRight: var(--pf-v5-global--spacer--sm);
18410
- --pf-v5-c-menu-toggle--m-plain__toggle-icon--Color: var(--pf-v5-global--Color--200);
19172
+ --pf-v5-c-menu-toggle__toggle-icon--MarginRight: var(--pf-t--global--spacer--sm);
19173
+ --pf-v5-c-menu-toggle--m-plain__toggle-icon--Color: var(--pf-t--global--icon--color--regular);
18411
19174
  --pf-v5-c-menu-toggle--m-plain--hover__toggle-icon--Color: var(--pf-v5-global--Color--100);
18412
19175
  --pf-v5-c-menu-toggle--m-plain--active__toggle-icon--Color: var(--pf-v5-global--Color--100);
18413
19176
  --pf-v5-c-menu-toggle--m-plain--focus__toggle-icon--Color: var(--pf-v5-global--Color--100);
18414
19177
  --pf-v5-c-menu-toggle--m-plain--m-expanded__toggle-icon--Color: var(--pf-v5-global--Color--100);
18415
19178
  --pf-v5-c-menu-toggle--m-full-height--PaddingRight: var(--pf-v5-global--spacer--lg);
18416
19179
  --pf-v5-c-menu-toggle--m-full-height--PaddingLeft: var(--pf-v5-global--spacer--lg);
18417
- --pf-v5-c-menu-toggle--m-full-height__toggle--before--BorderTopWidth: 0;
18418
19180
  --pf-v5-c-menu-toggle--m-full-height__toggle--after--BorderBottomWidth: var(--pf-v5-global--BorderWidth--sm);
18419
19181
  --pf-v5-c-menu-toggle--m-full-height--m-expanded--after--BorderBottomWidth: var(--pf-v5-global--BorderWidth--xl);
18420
19182
  --pf-v5-c-menu-toggle--m-full-height--hover--after--BorderBottomWidth: var(--pf-v5-global--BorderWidth--xl);
@@ -18424,7 +19186,7 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disab
18424
19186
  --pf-v5-c-menu-toggle--m-split-button--child--BackgroundColor: var(--pf-v5-global--BackgroundColor--100);
18425
19187
  --pf-v5-c-menu-toggle--m-split-button--child--disabled--Color: var(--pf-v5-global--disabled-color--100);
18426
19188
  --pf-v5-c-menu-toggle--m-split-button--child--disabled--BackgroundColor: var(--pf-v5-global--disabled-color--300);
18427
- --pf-v5-c-menu-toggle--m-split-button--first-child--PaddingRight: var(--pf-v5-global--spacer--sm);
19189
+ --pf-v5-c-menu-toggle--m-split-button--first-child--PaddingRight: var(--pf-t--global--spacer--sm);
18428
19190
  --pf-v5-c-menu-toggle--m-split-button--last-child--PaddingLeft: 0;
18429
19191
  --pf-v5-c-menu-toggle--m-split-button--m-action--child--BorderLeftWidth: var(--pf-v5-global--BorderWidth--sm);
18430
19192
  --pf-v5-c-menu-toggle--m-split-button--m-action--child--BorderLeftColor: var(--pf-v5-global--BorderColor--300);
@@ -18447,13 +19209,13 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disab
18447
19209
  --pf-v5-c-menu-toggle--m-split-button--m-action--m-secondary--child--BorderLeftColor: var(--pf-v5-global--primary-color--100);
18448
19210
  --pf-v5-c-menu-toggle__button--BackgroundColor: transparent;
18449
19211
  --pf-v5-c-menu-toggle__button--AlignSelf: baseline;
18450
- --pf-v5-c-menu-toggle__button--PaddingLeft: var(--pf-v5-global--spacer--sm);
18451
- --pf-v5-c-menu-toggle__button--PaddingRight: var(--pf-v5-global--spacer--sm);
18452
- --pf-v5-c-menu-toggle__button__controls--MarginRight: var(--pf-v5-global--spacer--sm);
18453
- --pf-v5-c-menu-toggle__button__controls--MarginLeft: var(--pf-v5-global--spacer--sm);
18454
- --pf-v5-c-menu-toggle--m-typeahead__controls--MarginRight: var(--pf-v5-global--spacer--sm);
18455
- --pf-v5-c-menu-toggle--m-typeahead__controls--MarginLeft: var(--pf-v5-global--spacer--sm);
18456
- --pf-v5-c-menu-toggle--m-typeahead--c-text-input-group__utilities--c-button--PaddingRight: var(--pf-v5-global--spacer--sm);
19212
+ --pf-v5-c-menu-toggle__button--PaddingLeft: var(--pf-t--global--spacer--sm);
19213
+ --pf-v5-c-menu-toggle__button--PaddingRight: var(--pf-t--global--spacer--sm);
19214
+ --pf-v5-c-menu-toggle__button__controls--MarginRight: var(--pf-t--global--spacer--sm);
19215
+ --pf-v5-c-menu-toggle__button__controls--MarginLeft: var(--pf-t--global--spacer--sm);
19216
+ --pf-v5-c-menu-toggle--m-typeahead__controls--MarginRight: var(--pf-t--global--spacer--sm);
19217
+ --pf-v5-c-menu-toggle--m-typeahead__controls--MarginLeft: var(--pf-t--global--spacer--sm);
19218
+ --pf-v5-c-menu-toggle--m-typeahead--c-text-input-group__utilities--c-button--PaddingRight: var(--pf-t--global--spacer--sm);
18457
19219
  --pf-v5-c-menu-toggle--m-typeahead__button--AlignSelf: center;
18458
19220
  position: relative;
18459
19221
  display: inline-flex;
@@ -18469,9 +19231,11 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disab
18469
19231
  cursor: pointer;
18470
19232
  background-color: var(--pf-v5-c-menu-toggle--BackgroundColor);
18471
19233
  border: 0;
19234
+ }
19235
+ .pf-v5-c-menu-toggle, .pf-v5-c-menu-toggle::before {
18472
19236
  border-radius: var(--pf-v5-c-menu-toggle--BorderRadius);
18473
19237
  }
18474
- .pf-v5-c-menu-toggle::before, .pf-v5-c-menu-toggle::after {
19238
+ .pf-v5-c-menu-toggle::before {
18475
19239
  position: absolute;
18476
19240
  inset-block-start: 0;
18477
19241
  inset-block-end: 0;
@@ -18479,20 +19243,10 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disab
18479
19243
  inset-inline-end: 0;
18480
19244
  pointer-events: none;
18481
19245
  content: "";
18482
- }
18483
- .pf-v5-c-menu-toggle::before {
18484
- border-style: solid;
18485
- border-block-start-color: var(--pf-v5-c-menu-toggle--before--BorderTopColor);
18486
- border-block-start-width: var(--pf-v5-c-menu-toggle--before--BorderTopWidth);
18487
- border-block-end-color: var(--pf-v5-c-menu-toggle--before--BorderBottomColor);
18488
- border-block-end-width: var(--pf-v5-c-menu-toggle--before--BorderBottomWidth);
18489
- border-inline-start-color: var(--pf-v5-c-menu-toggle--before--BorderLeftColor);
18490
- border-inline-start-width: var(--pf-v5-c-menu-toggle--before--BorderLeftWidth);
18491
- border-inline-end-color: var(--pf-v5-c-menu-toggle--before--BorderRightColor);
18492
- border-inline-end-width: var(--pf-v5-c-menu-toggle--before--BorderRightWidth);
19246
+ border: var(--pf-v5-c-menu-toggle--BorderWidth) solid var(--pf-v5-c-menu-toggle--BorderColor);
18493
19247
  }
18494
19248
  .pf-v5-c-menu-toggle::after {
18495
- border-block-end: var(--pf-v5-c-menu-toggle--after--BorderBottomWidth) solid var(--pf-v5-c-menu-toggle--after--BorderBottomColor);
19249
+ border-block-end: var(--pf-v5-c-menu-toggle--after--BorderWidth) solid var(--pf-v5-c-menu-toggle--after--BorderColor);
18496
19250
  }
18497
19251
  .pf-v5-c-menu-toggle.pf-m-primary {
18498
19252
  --pf-v5-c-menu-toggle--BorderRadius: var(--pf-v5-c-menu-toggle--m-primary--BorderRadius);
@@ -18537,15 +19291,11 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disab
18537
19291
  --pf-v5-c-menu-toggle--m-secondary--before--BorderColor: var(--pf-v5-c-menu-toggle--m-expanded__toggle--m-secondary--before--BorderColor);
18538
19292
  --pf-v5-c-menu-toggle--m-secondary--before--BorderWidth: var(--pf-v5-c-menu-toggle--m-expanded__toggle--m-secondary--before--BorderWidth);
18539
19293
  }
18540
- .pf-v5-c-menu-toggle.pf-m-plain {
18541
- --pf-v5-c-menu-toggle__toggle-icon--Color: var(--pf-v5-c-menu-toggle--m-plain__toggle-icon--Color);
18542
- }
18543
19294
  .pf-v5-c-menu-toggle.pf-m-plain:not(.pf-m-text) {
18544
19295
  --pf-v5-c-menu-toggle--PaddingRight: var(--pf-v5-c-menu-toggle--m-plain--PaddingRight);
18545
19296
  --pf-v5-c-menu-toggle--PaddingLeft: var(--pf-v5-c-menu-toggle--m-plain--PaddingLeft);
18546
19297
  --pf-v5-c-menu-toggle--disabled--BackgroundColor: transparent;
18547
19298
  display: inline-block;
18548
- color: var(--pf-v5-c-menu-toggle--m-plain--Color);
18549
19299
  }
18550
19300
  .pf-v5-c-menu-toggle.pf-m-full-height {
18551
19301
  --pf-v5-c-menu-toggle--PaddingRight: var(--pf-v5-c-menu-toggle--m-full-height--PaddingRight);
@@ -18560,25 +19310,12 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disab
18560
19310
  height: 100%;
18561
19311
  }
18562
19312
  .pf-v5-c-menu-toggle:hover {
18563
- --pf-v5-c-menu-toggle--BackgroundColor: var(--pf-v5-c-menu-toggle--hover--BackgroundColor);
18564
- --pf-v5-c-menu-toggle--after--BorderBottomWidth: var(--pf-v5-c-menu-toggle--hover--after--BorderBottomWidth);
18565
- --pf-v5-c-menu-toggle--after--BorderBottomColor: var(--pf-v5-c-menu-toggle--hover--after--BorderBottomColor);
18566
- --pf-v5-c-menu-toggle--m-plain__toggle-icon--Color: var(--pf-v5-c-menu-toggle--m-plain--hover__toggle-icon--Color);
18567
- --pf-v5-c-menu-toggle--m-plain--Color: var(--pf-v5-c-menu-toggle--m-plain--hover--Color);
18568
- }
18569
- .pf-v5-c-menu-toggle:focus, .pf-v5-c-menu-toggle:focus-within {
18570
- --pf-v5-c-menu-toggle--BackgroundColor: var(--pf-v5-c-menu-toggle--focus--BackgroundColor);
18571
- --pf-v5-c-menu-toggle--after--BorderBottomWidth: var(--pf-v5-c-menu-toggle--focus--after--BorderBottomWidth);
18572
- --pf-v5-c-menu-toggle--after--BorderBottomColor: var(--pf-v5-c-menu-toggle--focus--after--BorderBottomColor);
18573
- --pf-v5-c-menu-toggle--m-plain__toggle-icon--Color: var(--pf-v5-c-menu-toggle--m-plain--focus__toggle-icon--Color);
18574
- --pf-v5-c-menu-toggle--m-plain--Color: var(--pf-v5-c-menu-toggle--m-plain--focus--Color);
18575
- }
18576
- .pf-v5-c-menu-toggle:active {
18577
- --pf-v5-c-menu-toggle--BackgroundColor: var(--pf-v5-c-menu-toggle--active--BackgroundColor);
18578
- --pf-v5-c-menu-toggle--after--BorderBottomWidth: var(--pf-v5-c-menu-toggle--active--after--BorderBottomWidth);
18579
- --pf-v5-c-menu-toggle--after--BorderBottomColor: var(--pf-v5-c-menu-toggle--active--after--BorderBottomColor);
18580
- --pf-v5-c-menu-toggle--m-plain__toggle-icon--Color: var(--pf-v5-c-menu-toggle--m-plain--active__toggle-icon--Color);
18581
- --pf-v5-c-menu-toggle--m-plain--Color: var(--pf-v5-c-menu-toggle--m-plain--active--Color);
19313
+ --pf-v5-c-menu-toggle--BorderColor: var(--pf-v5-c-menu-toggle--hover--BorderColor);
19314
+ --pf-v5-c-menu-toggle--BorderWidth: var(--pf-v5-c-menu-toggle--hover--BorderWidth);
19315
+ }
19316
+ .pf-v5-c-menu-toggle:focus, .pf-v5-c-menu-toggle:active {
19317
+ --pf-v5-c-menu-toggle--BorderColor: var(--pf-v5-c-menu-toggle--active--BorderColor);
19318
+ --pf-v5-c-menu-toggle--BorderWidth: var(--pf-v5-c-menu-toggle--active--BorderWidth);
18582
19319
  }
18583
19320
  .pf-v5-c-menu-toggle.pf-m-expanded {
18584
19321
  --pf-v5-c-menu-toggle--Color: var(--pf-v5-c-menu-toggle--m-expanded--Color);
@@ -18594,7 +19331,7 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disab
18594
19331
  --pf-v5-c-menu-toggle--m-plain--Color: var(--pf-v5-c-menu-toggle--m-plain--disabled--Color);
18595
19332
  pointer-events: none;
18596
19333
  }
18597
- .pf-v5-c-menu-toggle.pf-m-primary::before, .pf-v5-c-menu-toggle.pf-m-primary::after, .pf-v5-c-menu-toggle.pf-m-plain::before, .pf-v5-c-menu-toggle.pf-m-plain::after, .pf-v5-c-menu-toggle:disabled::before, .pf-v5-c-menu-toggle:disabled::after {
19334
+ .pf-v5-c-menu-toggle.pf-m-primary::before, .pf-v5-c-menu-toggle.pf-m-primary::after, .pf-v5-c-menu-toggle:disabled::before, .pf-v5-c-menu-toggle:disabled::after {
18598
19335
  border: 0;
18599
19336
  }
18600
19337
  .pf-v5-c-menu-toggle.pf-m-typeahead {
@@ -18633,7 +19370,8 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disab
18633
19370
  align-self: stretch;
18634
19371
  }
18635
19372
  .pf-v5-c-menu-toggle.pf-m-split-button > .pf-v5-c-check .pf-v5-c-check__input {
18636
- align-self: center;
19373
+ align-self: revert;
19374
+ -moz-transform: none;
18637
19375
  }
18638
19376
  .pf-v5-c-menu-toggle.pf-m-split-button.pf-m-action:where(:not(.pf-m-primary, .pf-m-secondary, .pf-m-disabled)) > *::after {
18639
19377
  position: absolute;
@@ -18756,13 +19494,13 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disab
18756
19494
 
18757
19495
  .pf-v5-c-menu-toggle__toggle-icon {
18758
19496
  margin-inline-end: var(--pf-v5-c-menu-toggle__toggle-icon--MarginRight);
18759
- color: var(--pf-v5-c-menu-toggle__toggle-icon--Color, inherit);
19497
+ color: var(--pf-v5-c-menu-toggle__toggle-icon--Color);
18760
19498
  }
18761
19499
 
18762
19500
  :where(.pf-v5-theme-dark) .pf-v5-c-wizard__header .pf-v5-c-button, :where(.pf-v5-theme-dark) .pf-v5-c-page__sidebar-body.pf-m-menu .pf-v5-c-context-selector .pf-v5-c-button,
18763
19501
  :where(.pf-v5-theme-dark) .pf-v5-c-page__main-section[class*=pf-m-dark-] .pf-v5-c-button,
18764
19502
  :where(.pf-v5-theme-dark) .pf-v5-c-page__header .pf-v5-c-button, :where(.pf-v5-theme-dark) .pf-v5-c-about-modal-box .pf-v5-c-button, :where(.pf-v5-theme-dark) .pf-v5-c-banner .pf-v5-c-button, :where(.pf-v5-theme-dark) .pf-v5-c-log-viewer.pf-m-dark .pf-v5-c-log-viewer__main .pf-v5-c-button, :where(.pf-v5-theme-dark) .pf-v5-c-login__header .pf-v5-c-button,
18765
- :where(.pf-v5-theme-dark) .pf-v5-c-login__footer .pf-v5-c-button, :where(.pf-v5-theme-dark) .pf-v5-c-masthead .pf-v5-c-button {
19503
+ :where(.pf-v5-theme-dark) .pf-v5-c-login__footer .pf-v5-c-button {
18766
19504
  --pf-v5-c-button--m-primary--BackgroundColor: var(--pf-v5-global--primary-color--300);
18767
19505
  }
18768
19506
 
@@ -18975,7 +19713,7 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disab
18975
19713
  :where(.pf-v5-theme-dark) .pf-v5-c-wizard__header .pf-v5-c-button, :where(.pf-v5-theme-dark) .pf-v5-c-page__sidebar-body.pf-m-menu .pf-v5-c-context-selector .pf-v5-c-button,
18976
19714
  :where(.pf-v5-theme-dark) .pf-v5-c-page__main-section[class*=pf-m-dark-] .pf-v5-c-button,
18977
19715
  :where(.pf-v5-theme-dark) .pf-v5-c-page__header .pf-v5-c-button, :where(.pf-v5-theme-dark) .pf-v5-c-about-modal-box .pf-v5-c-button, :where(.pf-v5-theme-dark) .pf-v5-c-banner .pf-v5-c-button, :where(.pf-v5-theme-dark) .pf-v5-c-log-viewer.pf-m-dark .pf-v5-c-log-viewer__main .pf-v5-c-button, :where(.pf-v5-theme-dark) .pf-v5-c-login__header .pf-v5-c-button,
18978
- :where(.pf-v5-theme-dark) .pf-v5-c-login__footer .pf-v5-c-button, :where(.pf-v5-theme-dark) .pf-v5-c-masthead .pf-v5-c-button {
19716
+ :where(.pf-v5-theme-dark) .pf-v5-c-login__footer .pf-v5-c-button {
18979
19717
  --pf-v5-c-button--m-primary--BackgroundColor: var(--pf-v5-global--primary-color--300);
18980
19718
  }
18981
19719
 
@@ -19171,20 +19909,20 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disab
19171
19909
  --pf-v5-c-nav--Transition: var(--pf-v5-global--Transition);
19172
19910
  --pf-v5-c-nav--m-light__item--before--BorderColor: var(--pf-v5-global--BorderColor--300);
19173
19911
  --pf-v5-c-nav--m-light__item--m-current--not--m-expanded__link--BackgroundColor: var(--pf-v5-global--BackgroundColor--light-300);
19174
- --pf-v5-c-nav--m-light__link--Color: var(--pf-v5-global--Color--dark-100);
19175
- --pf-v5-c-nav--m-light__link--hover--Color: var(--pf-v5-global--Color--dark-100);
19176
- --pf-v5-c-nav--m-light__link--focus--Color: var(--pf-v5-global--Color--dark-100);
19177
- --pf-v5-c-nav--m-light__link--active--Color: var(--pf-v5-global--Color--dark-100);
19178
- --pf-v5-c-nav--m-light__link--m-current--Color: var(--pf-v5-global--Color--dark-100);
19179
- --pf-v5-c-nav--m-light__link--hover--BackgroundColor: var(--pf-v5-global--BackgroundColor--light-300);
19180
- --pf-v5-c-nav--m-light__link--focus--BackgroundColor: var(--pf-v5-global--BackgroundColor--light-300);
19181
- --pf-v5-c-nav--m-light__link--active--BackgroundColor: var(--pf-v5-global--BackgroundColor--light-300);
19182
- --pf-v5-c-nav--m-light__link--m-current--BackgroundColor: var(--pf-v5-global--BackgroundColor--light-300);
19912
+ --pf-v5-c-nav--m-light__link--Color: var(--pf-t--global--text--color--subtle);
19913
+ --pf-v5-c-nav--m-light__link--hover--Color: var(--pf-t--global--text--color--subtle);
19914
+ --pf-v5-c-nav--m-light__link--focus--Color: var(--pf-t--global--text--color--subtle);
19915
+ --pf-v5-c-nav--m-light__link--active--Color: var(--pf-t--global--text--color--subtle);
19916
+ --pf-v5-c-nav--m-light__link--m-current--Color: var(--pf-t--global--text--color--regular);
19917
+ --pf-v5-c-nav--m-light__link--hover--BackgroundColor: var(--pf-t--global--background--color--primary--default);
19918
+ --pf-v5-c-nav--m-light__link--focus--BackgroundColor: var(--pf-t--global--background--color--primary--default);
19919
+ --pf-v5-c-nav--m-light__link--active--BackgroundColor: var(--pf-t--global--background--color--primary--default);
19920
+ --pf-v5-c-nav--m-light__link--m-current--BackgroundColor: var(--pf-t--global--background--color--primary--default);
19183
19921
  --pf-v5-c-nav--m-light__link--before--BorderColor: var(--pf-v5-global--BorderColor--300);
19184
19922
  --pf-v5-c-nav--m-light__link--after--BorderColor: var(--pf-v5-global--active-color--100);
19185
19923
  --pf-v5-c-nav--m-light__link--m-current--after--BorderColor: var(--pf-v5-global--active-color--100);
19186
- --pf-v5-c-nav--m-light__section-title--Color: var(--pf-v5-global--Color--dark-200);
19187
- --pf-v5-c-nav--m-light__section-title--BorderBottomColor: var(--pf-v5-global--BorderColor--300);
19924
+ --pf-v5-c-nav--m-light__section-title--Color: var(--pf-t--global--text--color--regular);
19925
+ --pf-v5-c-nav--m-light__section-title--BorderBottomColor: transparent;
19188
19926
  --pf-v5-c-nav--m-light--c-divider--BackgroundColor: var(--pf-v5-global--BorderColor--300);
19189
19927
  --pf-v5-c-nav--m-light__subnav__link--hover--after--BorderColor: var(--pf-v5-global--BorderColor--dark-100);
19190
19928
  --pf-v5-c-nav--m-light__subnav__link--focus--after--BorderColor: var(--pf-v5-global--BorderColor--dark-100);
@@ -19195,32 +19933,34 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disab
19195
19933
  --pf-v5-c-nav__item--MarginTop: 0;
19196
19934
  --pf-v5-c-nav__item--m-current--not--m-expanded__link--BackgroundColor: var(--pf-v5-global--BackgroundColor--dark-400);
19197
19935
  --pf-v5-c-nav__link--m-current--not--m-expanded__link--after--BorderWidth: var(--pf-v5-global--BorderWidth--xl);
19198
- --pf-v5-c-nav__item__item__link--PaddingRight: var(--pf-v5-global--spacer--xl);
19936
+ --pf-v5-c-nav__item__item__link--PaddingRight: var(--pf-t--global--spacer--xl);
19199
19937
  --pf-v5-c-nav__item__item__toggle--FontSize: var(--pf-v5-global--FontSize--sm);
19200
19938
  --pf-v5-c-nav__item__toggle-icon--Rotate: 0;
19201
19939
  --pf-v5-c-nav__item--m-expanded__toggle-icon--Rotate: 90deg;
19940
+ --pf-v5-c-nav__item--BorderRadius: var(--pf-t--global--border--radius--small);
19202
19941
  --pf-v5-c-nav__item--before--BorderColor: var(--pf-v5-global--BackgroundColor--dark-200);
19203
19942
  --pf-v5-c-nav__item--before--BorderWidth: var(--pf-v5-global--BorderWidth--sm);
19204
- --pf-v5-c-nav__link--FontSize: var(--pf-v5-global--FontSize--md);
19205
- --pf-v5-c-nav__link--FontWeight: var(--pf-v5-global--FontWeight--normal);
19206
- --pf-v5-c-nav__link--PaddingTop: var(--pf-v5-global--spacer--md);
19207
- --pf-v5-c-nav__link--PaddingRight: var(--pf-v5-global--spacer--md);
19208
- --pf-v5-c-nav__link--PaddingBottom: var(--pf-v5-global--spacer--md);
19209
- --pf-v5-c-nav__link--PaddingLeft: var(--pf-v5-global--spacer--md);
19210
- --pf-v5-c-nav__link--xl--PaddingRight: var(--pf-v5-global--spacer--lg);
19211
- --pf-v5-c-nav__link--xl--PaddingLeft: var(--pf-v5-global--spacer--lg);
19212
- --pf-v5-c-nav__link--Color: var(--pf-v5-global--Color--light-100);
19213
- --pf-v5-c-nav__link--hover--Color: var(--pf-v5-global--Color--light-100);
19214
- --pf-v5-c-nav__link--focus--Color: var(--pf-v5-global--Color--light-100);
19215
- --pf-v5-c-nav__link--active--Color: var(--pf-v5-global--Color--light-100);
19216
- --pf-v5-c-nav__link--m-current--Color: var(--pf-v5-global--Color--light-100);
19943
+ --pf-v5-c-nav__link--FontSize: var(--pf-t--global--font--size--body);
19944
+ --pf-v5-c-nav__link--FontWeight: var(--pf-t--global--font--weight--body);
19945
+ --pf-v5-c-nav__link--PaddingTop: var(--pf-t--global--spacer--md);
19946
+ --pf-v5-c-nav__link--PaddingRight: var(--pf-t--global--spacer--md);
19947
+ --pf-v5-c-nav__link--PaddingBottom: var(--pf-t--global--spacer--md);
19948
+ --pf-v5-c-nav__link--PaddingLeft: var(--pf-t--global--spacer--md);
19949
+ --pf-v5-c-nav__link--BorderRadius: var(--pf-t--global--border--radius--small);
19950
+ --pf-v5-c-nav__link--xl--PaddingRight: var(--pf-t--global--spacer--lg);
19951
+ --pf-v5-c-nav__link--xl--PaddingLeft: var(--pf-t--global--spacer--lg);
19952
+ --pf-v5-c-nav__link--Color: var(--pf-t--global--text--color--subtle);
19953
+ --pf-v5-c-nav__link--hover--Color: var(--pf-t--global--text--color--subtle);
19954
+ --pf-v5-c-nav__link--focus--Color: var(--pf-t--global--text--color--subtle);
19955
+ --pf-v5-c-nav__link--active--Color: var(--pf-t--global--text--color--subtle);
19956
+ --pf-v5-c-nav__link--m-current--Color: var(--pf-t--global--text--color--regular);
19217
19957
  --pf-v5-c-nav__link--BackgroundColor: transparent;
19218
- --pf-v5-c-nav__link--hover--BackgroundColor: var(--pf-v5-global--BackgroundColor--dark-200);
19219
- --pf-v5-c-nav__link--focus--BackgroundColor: var(--pf-v5-global--BackgroundColor--dark-200);
19220
- --pf-v5-c-nav__link--active--BackgroundColor: var(--pf-v5-global--BackgroundColor--dark-200);
19221
- --pf-v5-c-nav__link--m-current--BackgroundColor: var(--pf-v5-global--BackgroundColor--dark-400);
19958
+ --pf-v5-c-nav__link--hover--BackgroundColor: var(--pf-t--global--background--color--primary--default);
19959
+ --pf-v5-c-nav__link--focus--BackgroundColor: var(--pf-t--global--background--color--primary--default);
19960
+ --pf-v5-c-nav__link--active--BackgroundColor: var(--pf-t--global--background--color--primary--default);
19961
+ --pf-v5-c-nav__link--m-current--BackgroundColor: var(--pf-t--global--background--color--primary--default);
19222
19962
  --pf-v5-c-nav__link--OutlineOffset: calc(var(--pf-v5-global--spacer--xs) * -1);
19223
- --pf-v5-c-nav__link--before--BorderColor: var(--pf-v5-global--BackgroundColor--dark-200);
19963
+ --pf-v5-c-nav__link--before--BorderColor: transparent;
19224
19964
  --pf-v5-c-nav__link--before--BorderBottomWidth: var(--pf-v5-global--BorderWidth--sm);
19225
19965
  --pf-v5-c-nav__link--hover--before--BorderBottomWidth: 0;
19226
19966
  --pf-v5-c-nav__link--focus--before--BorderBottomWidth: 0;
@@ -19360,16 +20100,16 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disab
19360
20100
  --pf-v5-c-nav__section__link--active--after--BorderWidth: 0;
19361
20101
  --pf-v5-c-nav__section__link--m-current--after--BorderWidth: var(--pf-v5-global--BorderWidth--xl);
19362
20102
  --pf-v5-c-nav__section--section--MarginTop: var(--pf-v5-global--spacer--xl);
19363
- --pf-v5-c-nav__section-title--PaddingTop: var(--pf-v5-global--spacer--sm);
19364
- --pf-v5-c-nav__section-title--PaddingRight: var(--pf-v5-global--spacer--md);
19365
- --pf-v5-c-nav__section-title--PaddingBottom: var(--pf-v5-global--spacer--sm);
19366
- --pf-v5-c-nav__section-title--PaddingLeft: var(--pf-v5-global--spacer--md);
19367
- --pf-v5-c-nav__section-title--MarginBottom: var(--pf-v5-global--spacer--sm);
19368
- --pf-v5-c-nav__section-title--xl--PaddingRight: var(--pf-v5-global--spacer--lg);
19369
- --pf-v5-c-nav__section-title--xl--PaddingLeft: var(--pf-v5-global--spacer--lg);
19370
- --pf-v5-c-nav__section-title--FontSize: var(--pf-v5-global--FontSize--sm);
19371
- --pf-v5-c-nav__section-title--Color: var(--pf-v5-global--Color--light-100);
19372
- --pf-v5-c-nav__section-title--BorderBottomColor: var(--pf-v5-global--BackgroundColor--dark-200);
20103
+ --pf-v5-c-nav__section-title--PaddingTop: var(--pf-t--global--spacer--sm);
20104
+ --pf-v5-c-nav__section-title--PaddingRight: var(--pf-t--global--spacer--md);
20105
+ --pf-v5-c-nav__section-title--PaddingBottom: var(--pf-t--global--spacer--sm);
20106
+ --pf-v5-c-nav__section-title--PaddingLeft: var(--pf-t--global--spacer--md);
20107
+ --pf-v5-c-nav__section-title--MarginBottom: var(--pf-t--global--spacer--sm);
20108
+ --pf-v5-c-nav__section-title--xl--PaddingRight: var(--pf-t--global--spacer--xl);
20109
+ --pf-v5-c-nav__section-title--xl--PaddingLeft: var(--pf-t--global--spacer--xl);
20110
+ --pf-v5-c-nav__section-title--FontSize: var(--pf-t--global--font--size--body);
20111
+ --pf-v5-c-nav__section-title--Color: var(--pf-t--global--text--color--regular);
20112
+ --pf-v5-c-nav__section-title--BorderBottomColor: transparent;
19373
20113
  --pf-v5-c-nav__section-title--BorderBottomWidth: var(--pf-v5-global--BorderWidth--sm);
19374
20114
  --pf-v5-c-nav__scroll-button--Color: var(--pf-v5-global--Color--light-100);
19375
20115
  --pf-v5-c-nav__scroll-button--hover--Color: var(--pf-v5-global--active-color--400);
@@ -20143,7 +20883,7 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disab
20143
20883
  :where(.pf-v5-theme-dark) .pf-v5-c-wizard__header .pf-v5-c-button, :where(.pf-v5-theme-dark) .pf-v5-c-page__sidebar-body.pf-m-menu .pf-v5-c-context-selector .pf-v5-c-button,
20144
20884
  :where(.pf-v5-theme-dark) .pf-v5-c-page__main-section[class*=pf-m-dark-] .pf-v5-c-button,
20145
20885
  :where(.pf-v5-theme-dark) .pf-v5-c-page__header .pf-v5-c-button, :where(.pf-v5-theme-dark) .pf-v5-c-about-modal-box .pf-v5-c-button, :where(.pf-v5-theme-dark) .pf-v5-c-banner .pf-v5-c-button, :where(.pf-v5-theme-dark) .pf-v5-c-log-viewer.pf-m-dark .pf-v5-c-log-viewer__main .pf-v5-c-button, :where(.pf-v5-theme-dark) .pf-v5-c-login__header .pf-v5-c-button,
20146
- :where(.pf-v5-theme-dark) .pf-v5-c-login__footer .pf-v5-c-button, :where(.pf-v5-theme-dark) .pf-v5-c-masthead .pf-v5-c-button {
20886
+ :where(.pf-v5-theme-dark) .pf-v5-c-login__footer .pf-v5-c-button {
20147
20887
  --pf-v5-c-button--m-primary--BackgroundColor: var(--pf-v5-global--primary-color--300);
20148
20888
  }
20149
20889
 
@@ -20181,42 +20921,43 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disab
20181
20921
  --pf-v5-c-nav__item--item__link--after--Top: 0;
20182
20922
  }
20183
20923
 
20924
+ :root {
20925
+ --pf-v5-c-notification-badge--BackgroundColor: transparent;
20926
+ --pf-v5-c-notification-badge--MinWidth: 40px;
20927
+ --pf-v5-c-notification-badge--Gap: var(--pf-t--global--spacer--xs);
20928
+ --pf-v5-c-notification-badge--PaddingTop: var(--pf-t--global--spacer--sm);
20929
+ --pf-v5-c-notification-badge--PaddingRight: var(--pf-t--global--spacer--sm);
20930
+ --pf-v5-c-notification-badge--PaddingBottom: var(--pf-t--global--spacer--sm);
20931
+ --pf-v5-c-notification-badge--PaddingLeft: var(--pf-t--global--spacer--sm);
20932
+ --pf-v5-c-notification-badge--MarginTop: calc(-1 * var(--pf-t--global--spacer--sm));
20933
+ --pf-v5-c-notification-badge--MarginRight: calc(-1 * var(--pf-t--global--spacer--sm));
20934
+ --pf-v5-c-notification-badge--MarginBottom: calc(-1 * var(--pf-t--global--spacer--sm));
20935
+ --pf-v5-c-notification-badge--MarginLeft: calc(-1 * var(--pf-t--global--spacer--sm));
20936
+ --pf-v5-c-notification-badge--before--BorderColor: transparent;
20937
+ --pf-v5-c-notification-badge--BorderRadius: var(--pf-t--global--border--radius--small);
20938
+ --pf-v5-c-notification-badge--before--BorderWidth: var(--pf-t--global--border--width--control--default);
20939
+ --pf-v5-c-notification-badge--m-read--Color: var(--pf-t--global--text--color--regular);
20940
+ --pf-v5-c-notification-badge--m-read--before--BorderColor: var(--pf-t--global--border--color--default);
20941
+ --pf-v5-c-notification-badge--m-read--hover--before--BorderColor: var(--pf-t--global--border--color--hover);
20942
+ --pf-v5-c-notification-badge--m-read--m-expanded--before--BorderColor: var(--pf-t--global--border--color--active);
20943
+ --pf-v5-c-notification-badge--m-read--BackgroundColor: var(--pf-t--global--background--color--control--default);
20944
+ --pf-v5-c-notification-badge--m-read--m-expanded--BackgroundColor: var(--pf-t--global--background--color--control--default);
20945
+ --pf-v5-c-notification-badge--m-read--m-expanded--before--BorderColor: var(--pf-t--global--border--color--active);
20946
+ --pf-v5-c-notification-badge--m-unread--Color: var(--pf-t--global--icon--color--on-brand--default);
20947
+ --pf-v5-c-notification-badge--m-unread--BackgroundColor: var(--pf-t--global--color--brand--default);
20948
+ --pf-v5-c-notification-badge--m-unread--hover--BackgroundColor: var(--pf-t--global--color--brand--hover);
20949
+ --pf-v5-c-notification-badge--m-unread--m-expanded--BackgroundColor: var(--pf-t--global--color--brand--active);
20950
+ --pf-v5-c-notification-badge--m-attention--Color: var(--pf-t--global--icon--color--status--on-danger--default);
20951
+ --pf-v5-c-notification-badge--m-attention--BackgroundColor: var(--pf-t--global--color--status--danger--default);
20952
+ --pf-v5-c-notification-badge--m-attention--hover--BackgroundColor: var(--pf-t--global--color--status--danger--hover);
20953
+ --pf-v5-c-notification-badge--m-attention--m-expanded--BackgroundColor: var(--pf-t--global--color--status--danger--active);
20954
+ }
20955
+
20184
20956
  .pf-v5-c-notification-badge {
20185
- --pf-v5-c-notification-badge--PaddingTop: var(--pf-v5-global--spacer--form-element);
20186
- --pf-v5-c-notification-badge--PaddingRight: var(--pf-v5-global--spacer--md);
20187
- --pf-v5-c-notification-badge--PaddingBottom: var(--pf-v5-global--spacer--form-element);
20188
- --pf-v5-c-notification-badge--PaddingLeft: var(--pf-v5-global--spacer--md);
20189
- --pf-v5-c-notification-badge--MarginTop: calc(-1 * var(--pf-v5-global--spacer--form-element));
20190
- --pf-v5-c-notification-badge--MarginRight: calc(-1 * var(--pf-v5-global--spacer--md));
20191
- --pf-v5-c-notification-badge--MarginBottom: calc(-1 * var(--pf-v5-global--spacer--form-element));
20192
- --pf-v5-c-notification-badge--MarginLeft: calc(-1 * var(--pf-v5-global--spacer--md));
20193
- --pf-v5-c-notification-badge--after--BorderColor: transparent;
20194
- --pf-v5-c-notification-badge--after--BorderRadius: var(--pf-v5-global--BorderRadius--sm);
20195
- --pf-v5-c-notification-badge--after--BorderWidth: 0;
20196
- --pf-v5-c-notification-badge--after--Top: 0;
20197
- --pf-v5-c-notification-badge--after--Right: 0;
20198
- --pf-v5-c-notification-badge--after--Width: auto;
20199
- --pf-v5-c-notification-badge--after--Height: auto;
20200
- --pf-v5-c-notification-badge--after--BackgroundColor: transparent;
20201
- --pf-v5-c-notification-badge--after--TranslateX: 0;
20202
- --pf-v5-c-notification-badge--after--TranslateY: 0;
20203
- --pf-v5-c-notification-badge__i--Width: auto;
20204
- --pf-v5-c-notification-badge__i--Height: auto;
20205
- --pf-v5-c-notification-badge--m-read--after--BorderColor: transparent;
20206
- --pf-v5-c-notification-badge--m-read--after--BackgroundColor: transparent;
20207
- --pf-v5-c-notification-badge--m-read--m-expanded--after--BackgroundColor: var(--pf-v5-global--BackgroundColor--dark-200);
20208
- --pf-v5-c-notification-badge--m-unread--Color: var(--pf-v5-global--Color--light-100);
20209
- --pf-v5-c-notification-badge--m-unread--after--BackgroundColor: var(--pf-v5-global--active-color--100);
20210
- --pf-v5-c-notification-badge--m-unread--hover--after--BackgroundColor: var(--pf-v5-global--primary-color--200);
20211
- --pf-v5-c-notification-badge--m-unread--m-expanded--after--BackgroundColor: var(--pf-v5-global--primary-color--200);
20212
- --pf-v5-c-notification-badge--m-attention--Color: var(--pf-v5-global--Color--light-100);
20213
- --pf-v5-c-notification-badge--m-attention--after--BackgroundColor: var(--pf-v5-global--danger-color--100);
20214
- --pf-v5-c-notification-badge--m-attention--hover--after--BackgroundColor: var(--pf-v5-global--danger-color--200);
20215
- --pf-v5-c-notification-badge--m-attention--m-expanded--after--BackgroundColor: var(--pf-v5-global--danger-color--200);
20216
- --pf-v5-c-notification-badge__count--MarginLeft: var(--pf-v5-global--spacer--xs);
20217
- --pf-v5-c-notification-badge--pf-v5-pficon-attention-bell--LineHeight: var(--pf-v5-global--LineHeight--sm);
20218
- position: relative;
20219
- display: inline-block;
20957
+ display: inline-flex;
20958
+ gap: var(--pf-v5-c-notification-badge--Gap);
20959
+ align-items: center;
20960
+ justify-content: center;
20220
20961
  padding-block-start: var(--pf-v5-c-notification-badge--PaddingTop);
20221
20962
  padding-block-end: var(--pf-v5-c-notification-badge--PaddingBottom);
20222
20963
  padding-inline-start: var(--pf-v5-c-notification-badge--PaddingLeft);
@@ -20225,80 +20966,47 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disab
20225
20966
  margin-block-end: var(--pf-v5-c-notification-badge--MarginBottom);
20226
20967
  margin-inline-start: var(--pf-v5-c-notification-badge--MarginLeft);
20227
20968
  margin-inline-end: var(--pf-v5-c-notification-badge--MarginRight);
20228
- background-color: var(--pf-v5-c-notification-badge--after--BackgroundColor);
20229
- border-radius: var(--pf-v5-c-notification-badge--after--BorderRadius);
20969
+ background-color: var(--pf-v5-c-notification-badge--BackgroundColor);
20970
+ border-radius: var(--pf-v5-c-notification-badge--BorderRadius);
20230
20971
  }
20231
20972
  .pf-v5-c-notification-badge::before {
20232
20973
  position: absolute;
20233
- inset-block-start: var(--pf-v5-c-notification-badge--after--Top);
20974
+ inset-block-start: 0;
20234
20975
  inset-block-end: 0;
20235
20976
  inset-inline-start: 0;
20236
- inset-inline-end: var(--pf-v5-c-notification-badge--after--Right);
20237
- width: var(--pf-v5-c-notification-badge--after--Width);
20238
- height: var(--pf-v5-c-notification-badge--after--Height);
20977
+ inset-inline-end: 0;
20239
20978
  content: "";
20240
- border: var(--pf-v5-c-notification-badge--after--BorderWidth) solid var(--pf-v5-c-notification-badge--after--BorderColor);
20241
- border-radius: var(--pf-v5-c-notification-badge--after--BorderRadius);
20242
- transform: translate(var(--pf-v5-c-notification-badge--after--TranslateX), var(--pf-v5-c-notification-badge--after--TranslateY));
20243
- }
20244
- .pf-v5-c-notification-badge > i {
20245
- width: var(--pf-v5-c-notification-badge__i--Width);
20246
- height: var(--pf-v5-c-notification-badge__i--Height);
20247
- }
20248
- .pf-v5-c-notification-badge > * {
20249
- position: relative;
20250
- }
20251
- .pf-v5-c-notification-badge .pf-v5-c-icon-attention-bell,
20252
- .pf-v5-c-notification-badge .pf-v5-c-icon-bell {
20253
- display: inline-block;
20254
- line-height: var(--pf-v5-c-notification-badge--pf-v5-pficon-attention-bell--LineHeight);
20255
- }
20256
- .pf-v5-c-notification-badge .pf-v5-c-icon-attention-bell::before,
20257
- .pf-v5-c-notification-badge .pf-v5-c-icon-bell::before {
20258
- vertical-align: bottom;
20979
+ border: var(--pf-v5-c-notification-badge--before--BorderWidth) solid var(--pf-v5-c-notification-badge--before--BorderColor);
20980
+ border-radius: var(--pf-v5-c-notification-badge--BorderRadius);
20981
+ transform: translate(var(--pf-v5-c-notification-badge--before--TranslateX), var(--pf-v5-c-notification-badge--before--TranslateY));
20259
20982
  }
20260
20983
  .pf-v5-c-notification-badge.pf-m-read {
20261
- --pf-v5-c-notification-badge--after--BackgroundColor: var(--pf-v5-c-notification-badge--m-read--after--BackgroundColor);
20262
- --pf-v5-c-notification-badge--after--BorderColor: var(--pf-v5-c-notification-badge--m-read--after--BorderColor);
20984
+ --pf-v5-c-notification-badge--BackgroundColor: var(--pf-v5-c-notification-badge--m-read--BackgroundColor);
20985
+ --pf-v5-c-notification-badge--before--BorderColor: var(--pf-v5-c-notification-badge--m-read--before--BorderColor);
20263
20986
  color: var(--pf-v5-c-notification-badge--m-read--Color, inherit);
20264
20987
  }
20988
+ .pf-v5-c-notification-badge.pf-m-read:hover {
20989
+ --pf-v5-c-notification-badge--before--BorderColor: var(--pf-v5-c-notification-badge--m-read--hover--before--BorderColor);
20990
+ }
20265
20991
  .pf-v5-c-notification-badge.pf-m-unread {
20266
- --pf-v5-c-notification-badge--after--BackgroundColor: var(--pf-v5-c-notification-badge--m-unread--after--BackgroundColor);
20992
+ --pf-v5-c-notification-badge--BackgroundColor: var(--pf-v5-c-notification-badge--m-unread--BackgroundColor);
20267
20993
  color: var(--pf-v5-c-notification-badge--m-unread--Color);
20268
20994
  }
20269
20995
  .pf-v5-c-notification-badge.pf-m-unread:hover {
20270
- --pf-v5-c-notification-badge--after--BackgroundColor: var(--pf-v5-c-notification-badge--m-unread--hover--after--BackgroundColor);
20996
+ --pf-v5-c-notification-badge--BackgroundColor: var(--pf-v5-c-notification-badge--m-unread--hover--BackgroundColor);
20271
20997
  }
20272
20998
  .pf-v5-c-notification-badge.pf-m-attention {
20273
- --pf-v5-c-notification-badge--after--BackgroundColor: var(--pf-v5-c-notification-badge--m-attention--after--BackgroundColor);
20999
+ --pf-v5-c-notification-badge--BackgroundColor: var(--pf-v5-c-notification-badge--m-attention--BackgroundColor);
20274
21000
  color: var(--pf-v5-c-notification-badge--m-attention--Color);
20275
21001
  }
20276
21002
  .pf-v5-c-notification-badge.pf-m-attention:hover {
20277
- --pf-v5-c-notification-badge--m-attention--after--BackgroundColor: var(--pf-v5-c-notification-badge--m-attention--hover--after--BackgroundColor);
21003
+ --pf-v5-c-notification-badge--m-attention--BackgroundColor: var(--pf-v5-c-notification-badge--m-attention--hover--BackgroundColor);
20278
21004
  }
20279
21005
  .pf-v5-c-notification-badge.pf-m-expanded {
20280
- --pf-v5-c-notification-badge--m-read--Color: var(--pf-v5-global--Color--light-100);
20281
- --pf-v5-c-notification-badge--m-read--after--BackgroundColor: var(--pf-v5-c-notification-badge--m-read--m-expanded--after--BackgroundColor);
20282
- --pf-v5-c-notification-badge--m-unread--after--BackgroundColor: var(--pf-v5-c-notification-badge--m-unread--m-expanded--after--BackgroundColor);
20283
- --pf-v5-c-notification-badge--m-attention--after--BackgroundColor: var(--pf-v5-c-notification-badge--m-attention--m-expanded--after--BackgroundColor);
20284
- }
20285
-
20286
- .pf-v5-c-notification-badge__count {
20287
- margin-inline-start: var(--pf-v5-c-notification-badge__count--MarginLeft);
20288
- }
20289
-
20290
- :where(.pf-v5-theme-dark) .pf-v5-c-wizard__header .pf-v5-c-button, :where(.pf-v5-theme-dark) .pf-v5-c-page__sidebar-body.pf-m-menu .pf-v5-c-context-selector .pf-v5-c-button,
20291
- :where(.pf-v5-theme-dark) .pf-v5-c-page__main-section[class*=pf-m-dark-] .pf-v5-c-button,
20292
- :where(.pf-v5-theme-dark) .pf-v5-c-page__header .pf-v5-c-button, :where(.pf-v5-theme-dark) .pf-v5-c-about-modal-box .pf-v5-c-button, :where(.pf-v5-theme-dark) .pf-v5-c-banner .pf-v5-c-button, :where(.pf-v5-theme-dark) .pf-v5-c-log-viewer.pf-m-dark .pf-v5-c-log-viewer__main .pf-v5-c-button, :where(.pf-v5-theme-dark) .pf-v5-c-login__header .pf-v5-c-button,
20293
- :where(.pf-v5-theme-dark) .pf-v5-c-login__footer .pf-v5-c-button, :where(.pf-v5-theme-dark) .pf-v5-c-masthead .pf-v5-c-button {
20294
- --pf-v5-c-button--m-primary--BackgroundColor: var(--pf-v5-global--primary-color--300);
20295
- }
20296
-
20297
- :where(.pf-v5-theme-dark) .pf-v5-c-notification-badge {
20298
- --pf-v5-c-notification-badge--m-read--m-expanded--after--BackgroundColor: var(--pf-v5-global--BackgroundColor--400);
20299
- --pf-v5-c-notification-badge--m-unread--Color: var(--pf-v5-global--primary-color--400);
20300
- --pf-v5-c-notification-badge--m-unread--after--BackgroundColor: var(--pf-v5-global--primary-color--300);
20301
- --pf-v5-c-notification-badge--m-attention--Color: var(--pf-v5-global--palette--black-900);
21006
+ --pf-v5-c-notification-badge--m-read--BackgroundColor: var(--pf-v5-c-notification-badge--m-read--m-expanded--BackgroundColor);
21007
+ --pf-v5-c-notification-badge--m-read--before--BorderColor: var(--pf-v5-c-notification-badge--m-read--m-expanded--before--BorderColor);
21008
+ --pf-v5-c-notification-badge--m-unread--BackgroundColor: var(--pf-v5-c-notification-badge--m-unread--m-expanded--BackgroundColor);
21009
+ --pf-v5-c-notification-badge--m-attention--BackgroundColor: var(--pf-v5-c-notification-badge--m-attention--m-expanded--BackgroundColor);
20302
21010
  }
20303
21011
 
20304
21012
  .pf-v5-c-notification-drawer {
@@ -20581,7 +21289,7 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disab
20581
21289
  :where(.pf-v5-theme-dark) .pf-v5-c-wizard__header .pf-v5-c-button, :where(.pf-v5-theme-dark) .pf-v5-c-page__sidebar-body.pf-m-menu .pf-v5-c-context-selector .pf-v5-c-button,
20582
21290
  :where(.pf-v5-theme-dark) .pf-v5-c-page__main-section[class*=pf-m-dark-] .pf-v5-c-button,
20583
21291
  :where(.pf-v5-theme-dark) .pf-v5-c-page__header .pf-v5-c-button, :where(.pf-v5-theme-dark) .pf-v5-c-about-modal-box .pf-v5-c-button, :where(.pf-v5-theme-dark) .pf-v5-c-banner .pf-v5-c-button, :where(.pf-v5-theme-dark) .pf-v5-c-log-viewer.pf-m-dark .pf-v5-c-log-viewer__main .pf-v5-c-button, :where(.pf-v5-theme-dark) .pf-v5-c-login__header .pf-v5-c-button,
20584
- :where(.pf-v5-theme-dark) .pf-v5-c-login__footer .pf-v5-c-button, :where(.pf-v5-theme-dark) .pf-v5-c-masthead .pf-v5-c-button {
21292
+ :where(.pf-v5-theme-dark) .pf-v5-c-login__footer .pf-v5-c-button {
20585
21293
  --pf-v5-c-button--m-primary--BackgroundColor: var(--pf-v5-global--primary-color--300);
20586
21294
  }
20587
21295
 
@@ -20864,7 +21572,7 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disab
20864
21572
  :where(.pf-v5-theme-dark) .pf-v5-c-wizard__header .pf-v5-c-button, :where(.pf-v5-theme-dark) .pf-v5-c-page__sidebar-body.pf-m-menu .pf-v5-c-context-selector .pf-v5-c-button,
20865
21573
  :where(.pf-v5-theme-dark) .pf-v5-c-page__main-section[class*=pf-m-dark-] .pf-v5-c-button,
20866
21574
  :where(.pf-v5-theme-dark) .pf-v5-c-page__header .pf-v5-c-button, :where(.pf-v5-theme-dark) .pf-v5-c-about-modal-box .pf-v5-c-button, :where(.pf-v5-theme-dark) .pf-v5-c-banner .pf-v5-c-button, :where(.pf-v5-theme-dark) .pf-v5-c-log-viewer.pf-m-dark .pf-v5-c-log-viewer__main .pf-v5-c-button, :where(.pf-v5-theme-dark) .pf-v5-c-login__header .pf-v5-c-button,
20867
- :where(.pf-v5-theme-dark) .pf-v5-c-login__footer .pf-v5-c-button, :where(.pf-v5-theme-dark) .pf-v5-c-masthead .pf-v5-c-button {
21575
+ :where(.pf-v5-theme-dark) .pf-v5-c-login__footer .pf-v5-c-button {
20868
21576
  --pf-v5-c-button--m-primary--BackgroundColor: var(--pf-v5-global--primary-color--300);
20869
21577
  }
20870
21578
 
@@ -20951,31 +21659,31 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disab
20951
21659
  }
20952
21660
 
20953
21661
  :root {
20954
- --pf-v5-c-page--BackgroundColor: var(--pf-v5-global--BackgroundColor--light-300);
20955
- --pf-v5-c-page--inset: var(--pf-v5-global--spacer--md);
20956
- --pf-v5-c-page--xl--inset: var(--pf-v5-global--spacer--lg);
20957
- --pf-v5-c-page__header--BackgroundColor: var(--pf-v5-global--BackgroundColor--dark-100);
21662
+ --pf-v5-c-page--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
21663
+ --pf-v5-c-page--inset: var(--pf-t--global--spacer--md);
21664
+ --pf-v5-c-page--xl--inset: var(--pf-t--global--spacer--xl);
21665
+ --pf-v5-c-page__header--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
20958
21666
  --pf-v5-c-page__header--ZIndex: var(--pf-v5-global--ZIndex--md);
20959
21667
  --pf-v5-c-page__header--MinHeight: 4.75rem;
20960
- --pf-v5-c-page__header-brand--PaddingLeft: var(--pf-v5-global--spacer--md);
20961
- --pf-v5-c-page__header-brand--xl--PaddingRight: var(--pf-v5-global--spacer--xl);
20962
- --pf-v5-c-page__header-brand--xl--PaddingLeft: var(--pf-v5-global--spacer--lg);
20963
- --pf-v5-c-page__header-sidebar-toggle__c-button--PaddingTop: var(--pf-v5-global--spacer--sm);
20964
- --pf-v5-c-page__header-sidebar-toggle__c-button--PaddingRight: var(--pf-v5-global--spacer--sm);
20965
- --pf-v5-c-page__header-sidebar-toggle__c-button--PaddingBottom: var(--pf-v5-global--spacer--sm);
20966
- --pf-v5-c-page__header-sidebar-toggle__c-button--PaddingLeft: var(--pf-v5-global--spacer--sm);
20967
- --pf-v5-c-page__header-sidebar-toggle__c-button--MarginRight: var(--pf-v5-global--spacer--md);
21668
+ --pf-v5-c-page__header-brand--PaddingLeft: var(--pf-t--global--spacer--md);
21669
+ --pf-v5-c-page__header-brand--xl--PaddingRight: var(--pf-t--global--spacer--xl);
21670
+ --pf-v5-c-page__header-brand--xl--PaddingLeft: var(--pf-t--global--spacer--xl);
21671
+ --pf-v5-c-page__header-sidebar-toggle__c-button--PaddingTop: var(--pf-t--global--spacer--sm);
21672
+ --pf-v5-c-page__header-sidebar-toggle__c-button--PaddingRight: var(--pf-t--global--spacer--sm);
21673
+ --pf-v5-c-page__header-sidebar-toggle__c-button--PaddingBottom: var(--pf-t--global--spacer--sm);
21674
+ --pf-v5-c-page__header-sidebar-toggle__c-button--PaddingLeft: var(--pf-t--global--spacer--sm);
21675
+ --pf-v5-c-page__header-sidebar-toggle__c-button--MarginRight: var(--pf-t--global--spacer--md);
20968
21676
  --pf-v5-c-page__header-sidebar-toggle__c-button--MarginLeft: calc(var(--pf-v5-c-page__header-sidebar-toggle__c-button--PaddingLeft) * -1);
20969
- --pf-v5-c-page__header-sidebar-toggle__c-button--FontSize: var(--pf-v5-global--FontSize--2xl);
21677
+ --pf-v5-c-page__header-sidebar-toggle__c-button--FontSize: var(--pf-t--global--icon--size--lg);
20970
21678
  --pf-v5-c-page__header-brand-link--c-brand--MaxHeight: 3.75rem;
20971
- --pf-v5-c-page__header-nav--BackgroundColor: var(--pf-v5-global--BackgroundColor--dark-300);
21679
+ --pf-v5-c-page__header-nav--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
20972
21680
  --pf-v5-c-page__header-nav--xl--BackgroundColor: transparent;
20973
- --pf-v5-c-page__header-nav--xl--PaddingRight: var(--pf-v5-global--spacer--xl);
20974
- --pf-v5-c-page__header-nav--xl--PaddingLeft: var(--pf-v5-global--spacer--xl);
20975
- --pf-v5-c-page__header-tools--MarginRight: var(--pf-v5-global--spacer--md);
20976
- --pf-v5-c-page__header-tools--xl--MarginRight: var(--pf-v5-global--spacer--lg);
20977
- --pf-v5-c-page__header-tools--c-avatar--MarginLeft: var(--pf-v5-global--spacer--md);
20978
- --pf-v5-c-page__header-tools-group--MarginLeft: var(--pf-v5-global--spacer--xl);
21681
+ --pf-v5-c-page__header-nav--xl--PaddingRight: var(--pf-t--global--spacer--xl);
21682
+ --pf-v5-c-page__header-nav--xl--PaddingLeft: var(--pf-t--global--spacer--xl);
21683
+ --pf-v5-c-page__header-tools--MarginRight: var(--pf-t--global--spacer--md);
21684
+ --pf-v5-c-page__header-tools--xl--MarginRight: var(--pf-t--global--spacer--lg);
21685
+ --pf-v5-c-page__header-tools--c-avatar--MarginLeft: var(--pf-t--global--spacer--md);
21686
+ --pf-v5-c-page__header-tools-group--MarginLeft: var(--pf-t--global--spacer--xl);
20979
21687
  --pf-v5-c-page__header-tools-group--Display: flex;
20980
21688
  --pf-v5-c-page__header-tools-item--Display: block;
20981
21689
  --pf-v5-c-page__header-tools-item--c-notification-badge--hover--BackgroundColor: var(--pf-v5-global--BackgroundColor--dark-200);
@@ -20990,16 +21698,24 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disab
20990
21698
  --pf-v5-c-page__header-tools--c-button--m-selected--c-notification-badge--m-unread--after--BorderColor: transparent;
20991
21699
  --pf-v5-c-page__sidebar--ZIndex: var(--pf-v5-global--ZIndex--sm);
20992
21700
  --pf-v5-c-page__sidebar--Width: 18.125rem;
20993
- --pf-v5-c-page__sidebar--BackgroundColor: var(--pf-v5-global--BackgroundColor--dark-300);
21701
+ --pf-v5-c-page__sidebar--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
20994
21702
  --pf-v5-c-page__sidebar--m-light--BackgroundColor: var(--pf-v5-global--BackgroundColor--light-100);
20995
21703
  --pf-v5-c-page__sidebar--m-light--BorderRightWidth: var(--pf-v5-global--BorderWidth--sm);
20996
21704
  --pf-v5-c-page__sidebar--m-light--BorderRightColor: var(--pf-v5-global--BorderColor--100);
20997
- --pf-v5-c-page__sidebar--BoxShadow: var(--pf-v5-global--BoxShadow--lg-right);
21705
+ --pf-v5-c-page__sidebar--BoxShadow: none;
20998
21706
  --pf-v5-c-page__sidebar--Transition: var(--pf-v5-global--Transition);
20999
21707
  --pf-v5-c-page__sidebar--TranslateX: -100%;
21000
21708
  --pf-v5-c-page__sidebar--TranslateZ: 0;
21001
21709
  --pf-v5-c-page__sidebar--m-expanded--TranslateX: 0;
21002
21710
  --pf-v5-c-page__sidebar--xl--TranslateX: 0;
21711
+ --pf-v5-c-page__sidebar-header--BorderBottomWidth: var(--pf-t--global--border--width--divider--default);
21712
+ --pf-v5-c-page__sidebar-header--BorderBottomColor: var(--pf-t--global--border--color--default);
21713
+ --pf-v5-c-page__sidebar-header--PaddingTop: var(--pf-t--global--spacer--sm);
21714
+ --pf-v5-c-page__sidebar-header--PaddingBottom: var(--pf-t--global--spacer--md);
21715
+ --pf-v5-c-page__sidebar-title--FontSize: var(--pf-t--global--font--size--heading--xs);
21716
+ --pf-v5-c-page__sidebar-title--LineHeight: var(--pf-t--global--font--line-height--heading);
21717
+ --pf-v5-c-page__sidebar-title--FontFamily: var(--pf-t--global--font--family--heading);
21718
+ --pf-v5-c-page__sidebar-title--FontWeight: var(--pf-t--global--font--weight--heading--bold);
21003
21719
  --pf-v5-c-page__sidebar-body--PaddingRight: 0;
21004
21720
  --pf-v5-c-page__sidebar-body--PaddingLeft: 0;
21005
21721
  --pf-v5-c-page__sidebar-body--m-page-insets--PaddingRight: var(--pf-v5-c-page--inset);
@@ -21008,22 +21724,19 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disab
21008
21724
  --pf-v5-c-page__sidebar-body--m-menu--BorderTopWidth: var(--pf-v5-global--BorderWidth--sm);
21009
21725
  --pf-v5-c-page__sidebar-body--m-menu--c-context-selector--BorderBottomColor: var(--pf-v5-global--BackgroundColor--dark-200);
21010
21726
  --pf-v5-c-page__main--ZIndex: var(--pf-v5-global--ZIndex--xs);
21011
- --pf-v5-c-page__main-section--PaddingTop: var(--pf-v5-global--spacer--md);
21012
- --pf-v5-c-page__main-section--PaddingRight: var(--pf-v5-global--spacer--md);
21013
- --pf-v5-c-page__main-section--PaddingBottom: var(--pf-v5-global--spacer--md);
21014
- --pf-v5-c-page__main-section--PaddingLeft: var(--pf-v5-global--spacer--md);
21015
- --pf-v5-c-page__main-section--xl--PaddingTop: var(--pf-v5-global--spacer--lg);
21016
- --pf-v5-c-page__main-section--xl--PaddingRight: var(--pf-v5-global--spacer--lg);
21017
- --pf-v5-c-page__main-section--xl--PaddingBottom: var(--pf-v5-global--spacer--lg);
21018
- --pf-v5-c-page__main-section--xl--PaddingLeft: var(--pf-v5-global--spacer--lg);
21019
- --pf-v5-c-page__main-breadcrumb--main-section--PaddingTop: var(--pf-v5-global--spacer--md);
21020
- --pf-v5-c-page__main-section--BackgroundColor: var(--pf-v5-global--BackgroundColor--light-300);
21021
- --pf-v5-c-page__main-section--m-light--BackgroundColor: var(--pf-v5-global--BackgroundColor--light-100);
21022
- --pf-v5-c-page__main-section--m-light-100--BackgroundColor: var(--pf-v5-global--BackgroundColor--150);
21023
- --pf-v5-c-page__main-section--m-dark-100--BackgroundColor: var(--pf-v5-global--BackgroundColor--dark-transparent-100);
21024
- --pf-v5-c-page__main-section--m-dark-200--BackgroundColor: var(--pf-v5-global--BackgroundColor--dark-transparent-200);
21025
- --pf-v5-c-page__main-breadcrumb--page__main-tabs--PaddingTop: var(--pf-v5-global--spacer--md);
21026
- --pf-v5-c-page__main-nav--page__main-tabs--PaddingTop: var(--pf-v5-global--spacer--md);
21727
+ --pf-v5-c-page__main-section--MarginTop: var(--pf-t--global--spacer--md);
21728
+ --pf-v5-c-page__main-section--PaddingTop: var(--pf-t--global--spacer--lg);
21729
+ --pf-v5-c-page__main-section--PaddingRight: var(--pf-t--global--spacer--lg);
21730
+ --pf-v5-c-page__main-section--PaddingBottom: 0;
21731
+ --pf-v5-c-page__main-section--PaddingLeft: var(--pf-t--global--spacer--lg);
21732
+ --pf-v5-c-page__main-breadcrumb--main-section--PaddingTop: var(--pf-t--global--spacer--md);
21733
+ --pf-v5-c-page__main-section--BackgroundColor: transparent;
21734
+ --pf-v5-c-page__main-section--m-light--BackgroundColor: transparent;
21735
+ --pf-v5-c-page__main-section--m-light-100--BackgroundColor: transparent;
21736
+ --pf-v5-c-page__main-section--m-dark-100--BackgroundColor: transparent;
21737
+ --pf-v5-c-page__main-section--m-dark-200--BackgroundColor: transparent;
21738
+ --pf-v5-c-page__main-breadcrumb--page__main-tabs--PaddingTop: var(--pf-t--global--spacer--md);
21739
+ --pf-v5-c-page__main-nav--page__main-tabs--PaddingTop: var(--pf-t--global--spacer--md);
21027
21740
  --pf-v5-c-page--section--m-limit-width--MaxWidth: calc(125rem - var(--pf-v5-c-page__sidebar--Width));
21028
21741
  --pf-v5-c-page--section--m-sticky-top--ZIndex: var(--pf-v5-global--ZIndex--md);
21029
21742
  --pf-v5-c-page--section--m-sticky-top--BoxShadow: var(--pf-v5-global--BoxShadow--sm-bottom);
@@ -21047,19 +21760,14 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disab
21047
21760
  --pf-v5-c-page__main-subnav--BorderLeftColor: var(--pf-v5-global--palette--black-800);
21048
21761
  --pf-v5-c-page__sidebar--main__main-subnav--BorderLeftWidth: var(--pf-v5-global--BorderWidth--sm);
21049
21762
  --pf-v5-c-page__sidebar--m-collapsed--main__main-subnav--BorderLeftWidth: 0;
21050
- --pf-v5-c-page__main-breadcrumb--BackgroundColor: var(--pf-v5-global--BackgroundColor--light-100);
21051
- --pf-v5-c-page__main-breadcrumb--PaddingTop: var(--pf-v5-global--spacer--md);
21052
- --pf-v5-c-page__main-breadcrumb--PaddingRight: var(--pf-v5-global--spacer--md);
21763
+ --pf-v5-c-page__main-breadcrumb--PaddingTop: var(--pf-t--global--spacer--md);
21764
+ --pf-v5-c-page__main-breadcrumb--PaddingRight: var(--pf-t--global--spacer--md);
21053
21765
  --pf-v5-c-page__main-breadcrumb--PaddingBottom: 0;
21054
- --pf-v5-c-page__main-breadcrumb--PaddingLeft: var(--pf-v5-global--spacer--md);
21055
- --pf-v5-c-page__main-breadcrumb--m-sticky-top--PaddingBottom: var(--pf-v5-global--spacer--md);
21056
- --pf-v5-c-page__main-breadcrumb--xl--PaddingRight: var(--pf-v5-global--spacer--lg);
21057
- --pf-v5-c-page__main-breadcrumb--xl--PaddingLeft: var(--pf-v5-global--spacer--lg);
21766
+ --pf-v5-c-page__main-breadcrumb--PaddingLeft: var(--pf-t--global--spacer--lg);
21058
21767
  --pf-v5-c-page__main-tabs--PaddingTop: 0;
21059
21768
  --pf-v5-c-page__main-tabs--PaddingRight: 0;
21060
21769
  --pf-v5-c-page__main-tabs--PaddingBottom: 0;
21061
21770
  --pf-v5-c-page__main-tabs--PaddingLeft: 0;
21062
- --pf-v5-c-page__main-tabs--BackgroundColor: var(--pf-v5-global--BackgroundColor--light-100);
21063
21771
  --pf-v5-c-page__main-wizard--BackgroundColor: var(--pf-v5-global--BackgroundColor--light-100);
21064
21772
  --pf-v5-c-page__main-wizard--BorderTopColor: var(--pf-v5-global--BorderColor--100);
21065
21773
  --pf-v5-c-page__main-wizard--BorderTopWidth: var(--pf-v5-global--BorderWidth--sm);
@@ -21088,26 +21796,6 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disab
21088
21796
  --pf-v5-c-page__sidebar--TranslateX: var(--pf-v5-c-page__sidebar--xl--TranslateX);
21089
21797
  }
21090
21798
  }
21091
- @media screen and (min-width: 1200px) {
21092
- :root {
21093
- --pf-v5-c-page__main-section--PaddingTop: var(--pf-v5-c-page__main-section--xl--PaddingTop);
21094
- --pf-v5-c-page__main-section--PaddingRight: var(--pf-v5-c-page__main-section--xl--PaddingRight);
21095
- --pf-v5-c-page__main-section--PaddingBottom: var(--pf-v5-c-page__main-section--xl--PaddingBottom);
21096
- --pf-v5-c-page__main-section--PaddingLeft: var(--pf-v5-c-page__main-section--xl--PaddingLeft);
21097
- }
21098
- }
21099
- @media screen and (min-width: 1200px) {
21100
- :root {
21101
- --pf-v5-c-page__main-nav--PaddingRight: var(--pf-v5-c-page__main-nav--xl--PaddingRight);
21102
- --pf-v5-c-page__main-nav--PaddingLeft: var(--pf-v5-c-page__main-nav--xl--PaddingLeft);
21103
- }
21104
- }
21105
- @media screen and (min-width: 1200px) {
21106
- :root {
21107
- --pf-v5-c-page__main-breadcrumb--PaddingRight: var(--pf-v5-c-page__main-breadcrumb--xl--PaddingRight);
21108
- --pf-v5-c-page__main-breadcrumb--PaddingLeft: var(--pf-v5-c-page__main-breadcrumb--xl--PaddingLeft);
21109
- }
21110
- }
21111
21799
 
21112
21800
  .pf-v5-c-page {
21113
21801
  display: grid;
@@ -21260,7 +21948,6 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disab
21260
21948
  }
21261
21949
 
21262
21950
  .pf-v5-c-page__sidebar {
21263
- color: var(--pf-v5-global--Color--100);
21264
21951
  z-index: var(--pf-v5-c-page__sidebar--ZIndex);
21265
21952
  display: flex;
21266
21953
  flex-direction: column;
@@ -21268,6 +21955,10 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disab
21268
21955
  grid-row-start: 2;
21269
21956
  grid-column-start: 1;
21270
21957
  width: var(--pf-v5-c-page__sidebar--Width);
21958
+ padding-block-start: 0;
21959
+ padding-block-end: var(--pf-t--global--spacer--lg);
21960
+ padding-inline-start: var(--pf-t--global--spacer--lg);
21961
+ margin-inline-end: var(--pf-v5-c-page__sidebar--MarginRight);
21271
21962
  overflow-x: hidden;
21272
21963
  overflow-y: auto;
21273
21964
  -webkit-overflow-scrolling: touch;
@@ -21298,6 +21989,19 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disab
21298
21989
  border-inline-end: var(--pf-v5-c-page__sidebar--m-light--BorderRightWidth) solid var(--pf-v5-c-page__sidebar--m-light--BorderRightColor);
21299
21990
  }
21300
21991
 
21992
+ .pf-v5-c-page__sidebar-header {
21993
+ padding-block-start: var(--pf-v5-c-page__sidebar-header--PaddingTop);
21994
+ padding-block-end: var(--pf-v5-c-page__sidebar-header--PaddingBottom);
21995
+ border-block-end: var(--pf-v5-c-page__sidebar-header--BorderBottomWidth) solid var(--pf-v5-c-page__sidebar-header--BorderBottomColor);
21996
+ }
21997
+
21998
+ .pf-v5-c-page__sidebar-title {
21999
+ font-family: var(--pf-v5-c-page__sidebar-title--FontFamily);
22000
+ font-size: var(--pf-v5-c-page__sidebar-title--FontSize);
22001
+ font-weight: var(--pf-v5-c-page__sidebar-title--FontWeight);
22002
+ line-height: var(--pf-v5-c-page__sidebar-title--LineHeight);
22003
+ }
22004
+
21301
22005
  .pf-v5-c-page__sidebar-body {
21302
22006
  padding-inline-start: var(--pf-v5-c-page__sidebar-body--PaddingLeft);
21303
22007
  padding-inline-end: var(--pf-v5-c-page__sidebar-body--PaddingRight);
@@ -21563,6 +22267,19 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disab
21563
22267
  }
21564
22268
  }
21565
22269
 
22270
+ .pf-v5-c-page__main {
22271
+ margin-block-start: 0;
22272
+ margin-inline-start: var(--pf-t--global--spacer--lg);
22273
+ margin-inline-end: var(--pf-t--global--spacer--lg);
22274
+ }
22275
+
22276
+ .pf-v5-c-page__main-list {
22277
+ padding-block-end: var(--pf-t--global--spacer--lg);
22278
+ margin-block-end: var(--pf-t--global--spacer--lg);
22279
+ background-color: var(--pf-t--global--background--color--primary--default);
22280
+ border-radius: var(--pf-t--global--border--radius--large);
22281
+ }
22282
+
21566
22283
  .pf-v5-c-page__main,
21567
22284
  .pf-v5-c-page__drawer {
21568
22285
  z-index: var(--pf-v5-c-page__main--ZIndex);
@@ -21578,7 +22295,8 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disab
21578
22295
 
21579
22296
  .pf-v5-c-page__main,
21580
22297
  .pf-v5-c-page__main-drawer,
21581
- .pf-v5-c-page__main-group {
22298
+ .pf-v5-c-page__main-group,
22299
+ .pf-v5-c-page__main-list {
21582
22300
  display: flex;
21583
22301
  flex-direction: column;
21584
22302
  }
@@ -21896,7 +22614,7 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disab
21896
22614
  :where(.pf-v5-theme-dark) .pf-v5-c-wizard__header .pf-v5-c-button, :where(.pf-v5-theme-dark) .pf-v5-c-page__sidebar-body.pf-m-menu .pf-v5-c-context-selector .pf-v5-c-button,
21897
22615
  :where(.pf-v5-theme-dark) .pf-v5-c-page__main-section[class*=pf-m-dark-] .pf-v5-c-button,
21898
22616
  :where(.pf-v5-theme-dark) .pf-v5-c-page__header .pf-v5-c-button, :where(.pf-v5-theme-dark) .pf-v5-c-about-modal-box .pf-v5-c-button, :where(.pf-v5-theme-dark) .pf-v5-c-banner .pf-v5-c-button, :where(.pf-v5-theme-dark) .pf-v5-c-log-viewer.pf-m-dark .pf-v5-c-log-viewer__main .pf-v5-c-button, :where(.pf-v5-theme-dark) .pf-v5-c-login__header .pf-v5-c-button,
21899
- :where(.pf-v5-theme-dark) .pf-v5-c-login__footer .pf-v5-c-button, :where(.pf-v5-theme-dark) .pf-v5-c-masthead .pf-v5-c-button {
22617
+ :where(.pf-v5-theme-dark) .pf-v5-c-login__footer .pf-v5-c-button {
21900
22618
  --pf-v5-c-button--m-primary--BackgroundColor: var(--pf-v5-global--primary-color--300);
21901
22619
  }
21902
22620
 
@@ -22339,7 +23057,7 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disab
22339
23057
  }
22340
23058
 
22341
23059
  :where(.pf-v5-theme-dark) .pf-v5-c-wizard__header .pf-v5-c-button, :where(.pf-v5-theme-dark) .pf-v5-c-about-modal-box .pf-v5-c-button, :where(.pf-v5-theme-dark) .pf-v5-c-banner .pf-v5-c-button, :where(.pf-v5-theme-dark) .pf-v5-c-log-viewer.pf-m-dark .pf-v5-c-log-viewer__main .pf-v5-c-button, :where(.pf-v5-theme-dark) .pf-v5-c-login__header .pf-v5-c-button,
22342
- :where(.pf-v5-theme-dark) .pf-v5-c-login__footer .pf-v5-c-button, :where(.pf-v5-theme-dark) .pf-v5-c-masthead .pf-v5-c-button, :where(.pf-v5-theme-dark) .pf-v5-c-page__sidebar-body.pf-m-menu .pf-v5-c-context-selector .pf-v5-c-button,
23060
+ :where(.pf-v5-theme-dark) .pf-v5-c-login__footer .pf-v5-c-button, :where(.pf-v5-theme-dark) .pf-v5-c-page__sidebar-body.pf-m-menu .pf-v5-c-context-selector .pf-v5-c-button,
22343
23061
  :where(.pf-v5-theme-dark) .pf-v5-c-page__main-section[class*=pf-m-dark-] .pf-v5-c-button,
22344
23062
  :where(.pf-v5-theme-dark) .pf-v5-c-page__header .pf-v5-c-button {
22345
23063
  --pf-v5-c-button--m-primary--BackgroundColor: var(--pf-v5-global--primary-color--300);
@@ -22437,7 +23155,7 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disab
22437
23155
  }
22438
23156
 
22439
23157
  :where(.pf-v5-theme-dark) .pf-v5-c-wizard__header .pf-v5-c-button, :where(.pf-v5-theme-dark) .pf-v5-c-about-modal-box .pf-v5-c-button, :where(.pf-v5-theme-dark) .pf-v5-c-banner .pf-v5-c-button, :where(.pf-v5-theme-dark) .pf-v5-c-log-viewer.pf-m-dark .pf-v5-c-log-viewer__main .pf-v5-c-button, :where(.pf-v5-theme-dark) .pf-v5-c-login__header .pf-v5-c-button,
22440
- :where(.pf-v5-theme-dark) .pf-v5-c-login__footer .pf-v5-c-button, :where(.pf-v5-theme-dark) .pf-v5-c-masthead .pf-v5-c-button, :where(.pf-v5-theme-dark) .pf-v5-c-page__sidebar-body.pf-m-menu .pf-v5-c-context-selector .pf-v5-c-button,
23158
+ :where(.pf-v5-theme-dark) .pf-v5-c-login__footer .pf-v5-c-button, :where(.pf-v5-theme-dark) .pf-v5-c-page__sidebar-body.pf-m-menu .pf-v5-c-context-selector .pf-v5-c-button,
22441
23159
  :where(.pf-v5-theme-dark) .pf-v5-c-page__main-section[class*=pf-m-dark-] .pf-v5-c-button,
22442
23160
  :where(.pf-v5-theme-dark) .pf-v5-c-page__header .pf-v5-c-button {
22443
23161
  --pf-v5-c-button--m-primary--BackgroundColor: var(--pf-v5-global--primary-color--300);
@@ -22652,7 +23370,7 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disab
22652
23370
  }
22653
23371
 
22654
23372
  :where(.pf-v5-theme-dark) .pf-v5-c-wizard__header .pf-v5-c-button, :where(.pf-v5-theme-dark) .pf-v5-c-about-modal-box .pf-v5-c-button, :where(.pf-v5-theme-dark) .pf-v5-c-banner .pf-v5-c-button, :where(.pf-v5-theme-dark) .pf-v5-c-log-viewer.pf-m-dark .pf-v5-c-log-viewer__main .pf-v5-c-button, :where(.pf-v5-theme-dark) .pf-v5-c-login__header .pf-v5-c-button,
22655
- :where(.pf-v5-theme-dark) .pf-v5-c-login__footer .pf-v5-c-button, :where(.pf-v5-theme-dark) .pf-v5-c-masthead .pf-v5-c-button, :where(.pf-v5-theme-dark) .pf-v5-c-page__sidebar-body.pf-m-menu .pf-v5-c-context-selector .pf-v5-c-button,
23373
+ :where(.pf-v5-theme-dark) .pf-v5-c-login__footer .pf-v5-c-button, :where(.pf-v5-theme-dark) .pf-v5-c-page__sidebar-body.pf-m-menu .pf-v5-c-context-selector .pf-v5-c-button,
22656
23374
  :where(.pf-v5-theme-dark) .pf-v5-c-page__main-section[class*=pf-m-dark-] .pf-v5-c-button,
22657
23375
  :where(.pf-v5-theme-dark) .pf-v5-c-page__header .pf-v5-c-button {
22658
23376
  --pf-v5-c-button--m-primary--BackgroundColor: var(--pf-v5-global--primary-color--300);
@@ -22836,7 +23554,7 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disab
22836
23554
  }
22837
23555
 
22838
23556
  :where(.pf-v5-theme-dark) .pf-v5-c-wizard__header .pf-v5-c-button, :where(.pf-v5-theme-dark) .pf-v5-c-about-modal-box .pf-v5-c-button, :where(.pf-v5-theme-dark) .pf-v5-c-banner .pf-v5-c-button, :where(.pf-v5-theme-dark) .pf-v5-c-log-viewer.pf-m-dark .pf-v5-c-log-viewer__main .pf-v5-c-button, :where(.pf-v5-theme-dark) .pf-v5-c-login__header .pf-v5-c-button,
22839
- :where(.pf-v5-theme-dark) .pf-v5-c-login__footer .pf-v5-c-button, :where(.pf-v5-theme-dark) .pf-v5-c-masthead .pf-v5-c-button, :where(.pf-v5-theme-dark) .pf-v5-c-page__sidebar-body.pf-m-menu .pf-v5-c-context-selector .pf-v5-c-button,
23557
+ :where(.pf-v5-theme-dark) .pf-v5-c-login__footer .pf-v5-c-button, :where(.pf-v5-theme-dark) .pf-v5-c-page__sidebar-body.pf-m-menu .pf-v5-c-context-selector .pf-v5-c-button,
22840
23558
  :where(.pf-v5-theme-dark) .pf-v5-c-page__main-section[class*=pf-m-dark-] .pf-v5-c-button,
22841
23559
  :where(.pf-v5-theme-dark) .pf-v5-c-page__header .pf-v5-c-button {
22842
23560
  --pf-v5-c-button--m-primary--BackgroundColor: var(--pf-v5-global--primary-color--300);
@@ -23463,8 +24181,7 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disab
23463
24181
  --pf-v5-c-radio__label--FontWeight: var(--pf-v5-global--FontWeight--normal);
23464
24182
  --pf-v5-c-radio__label--FontSize: var(--pf-v5-global--FontSize--md);
23465
24183
  --pf-v5-c-radio__label--LineHeight: var(--pf-v5-global--LineHeight--md);
23466
- --pf-v5-c-radio__input--TranslateY: calc((var(--pf-v5-c-radio__label--LineHeight) * var(--pf-v5-c-radio__label--FontSize) / 2 ) - 50%);
23467
- --pf-v5-c-radio__input--TranslateY--moz: var(--pf-v5-c-radio__input--TranslateY);
24184
+ --pf-v5-c-radio__input--TranslateY--moz: 5px;
23468
24185
  --pf-v5-c-radio__input--first-child--MarginLeft: 0.0625rem;
23469
24186
  --pf-v5-c-radio__input--last-child--MarginRight: 0.0625rem;
23470
24187
  --pf-v5-c-radio__description--FontSize: var(--pf-v5-global--FontSize--sm);
@@ -23477,14 +24194,19 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disab
23477
24194
  }
23478
24195
  .pf-v5-c-radio.pf-m-standalone {
23479
24196
  --pf-v5-c-radio--GridGap: 0;
23480
- --pf-v5-c-radio__input--TranslateY: none;
23481
- display: inline-grid;
24197
+ --pf-v5-c-radio__input--TranslateY--moz: 0;
24198
+ width: auto;
24199
+ }
24200
+
24201
+ .pf-v5-c-radio__label {
24202
+ font-size: var(--pf-v5-c-radio__label--FontSize);
24203
+ font-weight: var(--pf-v5-c-radio__label--FontWeight);
24204
+ line-height: var(--pf-v5-c-radio__label--LineHeight);
24205
+ color: var(--pf-v5-c-radio__label--Color);
23482
24206
  }
23483
24207
 
23484
24208
  .pf-v5-c-radio__input {
23485
- align-self: start;
23486
24209
  -moz-transform: translateY(var(--pf-v5-c-radio__input--TranslateY--moz));
23487
- transform: translateY(var(--pf-v5-c-radio__input--TranslateY));
23488
24210
  }
23489
24211
  .pf-v5-c-radio__input:first-child {
23490
24212
  margin-inline-start: var(--pf-v5-c-radio__input--first-child--MarginLeft);
@@ -23493,13 +24215,6 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disab
23493
24215
  margin-inline-end: var(--pf-v5-c-radio__input--last-child--MarginRight);
23494
24216
  }
23495
24217
 
23496
- .pf-v5-c-radio__label {
23497
- font-size: var(--pf-v5-c-radio__label--FontSize);
23498
- font-weight: var(--pf-v5-c-radio__label--FontWeight);
23499
- line-height: var(--pf-v5-c-radio__label--LineHeight);
23500
- color: var(--pf-v5-c-radio__label--Color);
23501
- }
23502
-
23503
24218
  .pf-v5-c-radio__description {
23504
24219
  grid-column: 2;
23505
24220
  font-size: var(--pf-v5-c-radio__description--FontSize);
@@ -24100,7 +24815,7 @@ label.pf-v5-c-radio, .pf-v5-c-radio__label,
24100
24815
  }
24101
24816
 
24102
24817
  :where(.pf-v5-theme-dark) .pf-v5-c-wizard__header .pf-v5-c-button, :where(.pf-v5-theme-dark) .pf-v5-c-about-modal-box .pf-v5-c-button, :where(.pf-v5-theme-dark) .pf-v5-c-banner .pf-v5-c-button, :where(.pf-v5-theme-dark) .pf-v5-c-log-viewer.pf-m-dark .pf-v5-c-log-viewer__main .pf-v5-c-button, :where(.pf-v5-theme-dark) .pf-v5-c-login__header .pf-v5-c-button,
24103
- :where(.pf-v5-theme-dark) .pf-v5-c-login__footer .pf-v5-c-button, :where(.pf-v5-theme-dark) .pf-v5-c-masthead .pf-v5-c-button, :where(.pf-v5-theme-dark) .pf-v5-c-page__sidebar-body.pf-m-menu .pf-v5-c-context-selector .pf-v5-c-button,
24818
+ :where(.pf-v5-theme-dark) .pf-v5-c-login__footer .pf-v5-c-button, :where(.pf-v5-theme-dark) .pf-v5-c-page__sidebar-body.pf-m-menu .pf-v5-c-context-selector .pf-v5-c-button,
24104
24819
  :where(.pf-v5-theme-dark) .pf-v5-c-page__main-section[class*=pf-m-dark-] .pf-v5-c-button,
24105
24820
  :where(.pf-v5-theme-dark) .pf-v5-c-page__header .pf-v5-c-button {
24106
24821
  --pf-v5-c-button--m-primary--BackgroundColor: var(--pf-v5-global--primary-color--300);
@@ -24536,7 +25251,7 @@ label.pf-v5-c-radio, .pf-v5-c-radio__label,
24536
25251
  }
24537
25252
 
24538
25253
  :where(.pf-v5-theme-dark) .pf-v5-c-wizard__header .pf-v5-c-button, :where(.pf-v5-theme-dark) .pf-v5-c-about-modal-box .pf-v5-c-button, :where(.pf-v5-theme-dark) .pf-v5-c-banner .pf-v5-c-button, :where(.pf-v5-theme-dark) .pf-v5-c-log-viewer.pf-m-dark .pf-v5-c-log-viewer__main .pf-v5-c-button, :where(.pf-v5-theme-dark) .pf-v5-c-login__header .pf-v5-c-button,
24539
- :where(.pf-v5-theme-dark) .pf-v5-c-login__footer .pf-v5-c-button, :where(.pf-v5-theme-dark) .pf-v5-c-masthead .pf-v5-c-button, :where(.pf-v5-theme-dark) .pf-v5-c-page__sidebar-body.pf-m-menu .pf-v5-c-context-selector .pf-v5-c-button,
25254
+ :where(.pf-v5-theme-dark) .pf-v5-c-login__footer .pf-v5-c-button, :where(.pf-v5-theme-dark) .pf-v5-c-page__sidebar-body.pf-m-menu .pf-v5-c-context-selector .pf-v5-c-button,
24540
25255
  :where(.pf-v5-theme-dark) .pf-v5-c-page__main-section[class*=pf-m-dark-] .pf-v5-c-button,
24541
25256
  :where(.pf-v5-theme-dark) .pf-v5-c-page__header .pf-v5-c-button {
24542
25257
  --pf-v5-c-button--m-primary--BackgroundColor: var(--pf-v5-global--primary-color--300);
@@ -24716,7 +25431,7 @@ label.pf-v5-c-radio, .pf-v5-c-radio__label,
24716
25431
  }
24717
25432
  }
24718
25433
  :where(.pf-v5-theme-dark) .pf-v5-c-wizard__header .pf-v5-c-button, :where(.pf-v5-theme-dark) .pf-v5-c-about-modal-box .pf-v5-c-button, :where(.pf-v5-theme-dark) .pf-v5-c-banner .pf-v5-c-button, :where(.pf-v5-theme-dark) .pf-v5-c-log-viewer.pf-m-dark .pf-v5-c-log-viewer__main .pf-v5-c-button, :where(.pf-v5-theme-dark) .pf-v5-c-login__header .pf-v5-c-button,
24719
- :where(.pf-v5-theme-dark) .pf-v5-c-login__footer .pf-v5-c-button, :where(.pf-v5-theme-dark) .pf-v5-c-masthead .pf-v5-c-button, :where(.pf-v5-theme-dark) .pf-v5-c-page__sidebar-body.pf-m-menu .pf-v5-c-context-selector .pf-v5-c-button,
25434
+ :where(.pf-v5-theme-dark) .pf-v5-c-login__footer .pf-v5-c-button, :where(.pf-v5-theme-dark) .pf-v5-c-page__sidebar-body.pf-m-menu .pf-v5-c-context-selector .pf-v5-c-button,
24720
25435
  :where(.pf-v5-theme-dark) .pf-v5-c-page__main-section[class*=pf-m-dark-] .pf-v5-c-button,
24721
25436
  :where(.pf-v5-theme-dark) .pf-v5-c-page__header .pf-v5-c-button {
24722
25437
  --pf-v5-c-button--m-primary--BackgroundColor: var(--pf-v5-global--primary-color--300);
@@ -25112,7 +25827,7 @@ svg.pf-v5-c-spinner.pf-m-xl {
25112
25827
  cursor: pointer;
25113
25828
  opacity: 0;
25114
25829
  }
25115
- .pf-v5-c-switch__input:focus-visible ~ .pf-v5-c-switch__toggle {
25830
+ .pf-v5-c-switch__input:focus ~ .pf-v5-c-switch__toggle {
25116
25831
  outline: var(--pf-v5-c-switch__input--focus__toggle--OutlineWidth) solid var(--pf-v5-c-switch__input--focus__toggle--OutlineColor);
25117
25832
  outline-offset: var(--pf-v5-c-switch__input--focus__toggle--OutlineOffset);
25118
25833
  }
@@ -25198,7 +25913,7 @@ svg.pf-v5-c-spinner.pf-m-xl {
25198
25913
  }
25199
25914
 
25200
25915
  :where(.pf-v5-theme-dark) .pf-v5-c-wizard__header .pf-v5-c-button, :where(.pf-v5-theme-dark) .pf-v5-c-about-modal-box .pf-v5-c-button, :where(.pf-v5-theme-dark) .pf-v5-c-banner .pf-v5-c-button, :where(.pf-v5-theme-dark) .pf-v5-c-log-viewer.pf-m-dark .pf-v5-c-log-viewer__main .pf-v5-c-button, :where(.pf-v5-theme-dark) .pf-v5-c-login__header .pf-v5-c-button,
25201
- :where(.pf-v5-theme-dark) .pf-v5-c-login__footer .pf-v5-c-button, :where(.pf-v5-theme-dark) .pf-v5-c-masthead .pf-v5-c-button, :where(.pf-v5-theme-dark) .pf-v5-c-page__sidebar-body.pf-m-menu .pf-v5-c-context-selector .pf-v5-c-button,
25916
+ :where(.pf-v5-theme-dark) .pf-v5-c-login__footer .pf-v5-c-button, :where(.pf-v5-theme-dark) .pf-v5-c-page__sidebar-body.pf-m-menu .pf-v5-c-context-selector .pf-v5-c-button,
25202
25917
  :where(.pf-v5-theme-dark) .pf-v5-c-page__main-section[class*=pf-m-dark-] .pf-v5-c-button,
25203
25918
  :where(.pf-v5-theme-dark) .pf-v5-c-page__header .pf-v5-c-button {
25204
25919
  --pf-v5-c-button--m-primary--BackgroundColor: var(--pf-v5-global--primary-color--300);
@@ -25253,15 +25968,15 @@ svg.pf-v5-c-spinner.pf-m-xl {
25253
25968
  }
25254
25969
 
25255
25970
  .pf-v5-c-table[class*=pf-m-grid] {
25256
- --pf-v5-c-table--responsive--BorderColor: var(--pf-v5-global--BorderColor--300);
25257
- --pf-v5-c-table__tbody--responsive--border-width--base: var(--pf-v5-global--spacer--sm);
25971
+ --pf-v5-c-table--responsive--BorderColor: var(--pf-t--global--border--color--default);
25972
+ --pf-v5-c-table__tbody--responsive--border-width--base: var(--pf-t--global--border--width--divider--default);
25258
25973
  --pf-v5-c-table__tbody--after--border-width--base: var(--pf-v5-global--BorderWidth--lg);
25259
25974
  --pf-v5-c-table__tbody--after--BorderLeftWidth: 0;
25260
- --pf-v5-c-table__tbody--after--BorderColor: var(--pf-v5-global--active-color--100);
25261
- --pf-v5-c-table__tr--responsive--border-width--base: var(--pf-v5-global--spacer--sm);
25975
+ --pf-v5-c-table__tbody--after--BorderColor: var(--pf-t--global--border--color--active);
25976
+ --pf-v5-c-table__tr--responsive--border-width--base: var(--pf-t--global--border--width--divider--default);
25262
25977
  --pf-v5-c-table__tr--responsive--last-child--BorderBottomWidth: var(--pf-v5-global--BorderWidth--sm);
25263
25978
  --pf-v5-c-table__tr--responsive--GridColumnGap: var(--pf-v5-global--spacer--md);
25264
- --pf-v5-c-table__tr--responsive--MarginTop: var(--pf-v5-global--spacer--sm);
25979
+ --pf-v5-c-table__tr--responsive--MarginTop: var(--pf-t--global--border--width--divider--default);
25265
25980
  --pf-v5-c-table__tr--responsive--PaddingTop: var(--pf-v5-global--spacer--md);
25266
25981
  --pf-v5-c-table__tr--responsive--PaddingRight: var(--pf-v5-global--spacer--lg);
25267
25982
  --pf-v5-c-table__tr--responsive--xl--PaddingRight: var(--pf-v5-global--spacer--md);
@@ -25277,7 +25992,7 @@ svg.pf-v5-c-spinner.pf-m-xl {
25277
25992
  --pf-v5-c-table__tbody--m-expanded--after__tr--BorderLeftWidth: var(--pf-v5-c-table__expandable-row--after--border-width--base);
25278
25993
  --pf-v5-c-table__tbody--m-expanded--after__tr--BorderLeftColor: var(--pf-v5-global--active-color--400);
25279
25994
  --pf-v5-c-table__tbody--m-selected--after__tr--BorderLeftWidth: var(--pf-v5-c-table__expandable-row--after--border-width--base);
25280
- --pf-v5-c-table__tbody--m-selected--after__tr--BorderLeftColor: var(--pf-v5-global--active-color--100);
25995
+ --pf-v5-c-table__tbody--m-selected--after__tr--BorderLeftColor: var(--pf-t--global--border--color--active);
25281
25996
  --pf-v5-c-table--m-grid--cell--hidden-visible--Display: grid;
25282
25997
  --pf-v5-c-table--m-grid--cell--PaddingTop: 0;
25283
25998
  --pf-v5-c-table--m-grid--cell--PaddingRight: 0;
@@ -25301,8 +26016,8 @@ svg.pf-v5-c-spinner.pf-m-xl {
25301
26016
  --pf-v5-c-table__expandable-row-content--responsive--PaddingLeft: var(--pf-v5-global--spacer--lg);
25302
26017
  --pf-v5-c-table__expandable-row-content--responsive--xl--PaddingRight: var(--pf-v5-global--spacer--md);
25303
26018
  --pf-v5-c-table__expandable-row-content--responsive--xl--PaddingLeft: var(--pf-v5-global--spacer--md);
25304
- --pf-v5-c-table__expandable-row-content--BackgroundColor: var(--pf-v5-global--BackgroundColor--100);
25305
- --pf-v5-c-table__check--responsive--MarginLeft: var(--pf-v5-global--spacer--sm);
26019
+ --pf-v5-c-table__expandable-row-content--BackgroundColor: var(--pf-t--global--background--color--primary--default);
26020
+ --pf-v5-c-table__check--responsive--MarginLeft: var(--pf-t--global--border--width--divider--default);
25306
26021
  --pf-v5-c-table__check--responsive--MarginTop: 0.875rem;
25307
26022
  --pf-v5-c-table--m-grid__favorite--MarginTop: 0.5rem;
25308
26023
  --pf-v5-c-table--m-grid__check--favorite--MarginLeft: var(--pf-v5-global--spacer--xl);
@@ -26913,26 +27628,26 @@ svg.pf-v5-c-spinner.pf-m-xl {
26913
27628
  }
26914
27629
 
26915
27630
  .pf-v5-c-table {
26916
- --pf-v5-c-table--BackgroundColor: var(--pf-v5-global--BackgroundColor--100);
26917
- --pf-v5-c-table--BorderColor: var(--pf-v5-global--BorderColor--100);
26918
- --pf-v5-c-table--border-width--base: var(--pf-v5-global--BorderWidth--sm);
26919
- --pf-v5-c-table__caption--FontSize: var(--pf-v5-global--FontSize--sm);
26920
- --pf-v5-c-table__caption--Color: var(--pf-v5-global--Color--200);
27631
+ --pf-v5-c-table--BackgroundColor: var(--pf-t--global--background--color--primary--default);
27632
+ --pf-v5-c-table--BorderColor: var(--pf-t--global--border--color--default);
27633
+ --pf-v5-c-table--border-width--base: var(--pf-t--global--border--width--divider--default);
27634
+ --pf-v5-c-table__caption--FontSize: var(--pf-t--global--font--size--body);
27635
+ --pf-v5-c-table__caption--Color: var(--pf-t--global--text--color--subtle);
26921
27636
  --pf-v5-c-table__caption--PaddingTop: var(--pf-v5-global--spacer--md);
26922
27637
  --pf-v5-c-table__caption--PaddingRight: var(--pf-v5-global--spacer--lg);
26923
27638
  --pf-v5-c-table__caption--PaddingBottom: var(--pf-v5-global--spacer--md);
26924
27639
  --pf-v5-c-table__caption--PaddingLeft: var(--pf-v5-global--spacer--lg);
26925
27640
  --pf-v5-c-table__caption--xl--PaddingRight: var(--pf-v5-global--spacer--md);
26926
27641
  --pf-v5-c-table__caption--xl--PaddingLeft: var(--pf-v5-global--spacer--md);
26927
- --pf-v5-c-table__thead--cell--FontSize: var(--pf-v5-global--FontSize--sm);
26928
- --pf-v5-c-table__thead--cell--FontWeight: var(--pf-v5-global--FontWeight--bold);
26929
- --pf-v5-c-table__tbody--cell--PaddingTop: var(--pf-v5-global--spacer--lg);
26930
- --pf-v5-c-table__tbody--cell--PaddingBottom: var(--pf-v5-global--spacer--lg);
27642
+ --pf-v5-c-table__thead--cell--FontSize: var(--pf-t--global--font--size--body);
27643
+ --pf-v5-c-table__thead--cell--FontWeight: var(--pf-t--global--font--weight--body--bold);
27644
+ --pf-v5-c-table__tbody--cell--PaddingTop: var(--pf-t--global--spacer--md);
27645
+ --pf-v5-c-table__tbody--cell--PaddingBottom: var(--pf-t--global--spacer--md);
26931
27646
  --pf-v5-c-table__tr--BoxShadow--top--base: 0 -0.1875rem 0.25rem -0.125rem rgba(3,3,3,.08);
26932
27647
  --pf-v5-c-table--cell--Padding--base: var(--pf-v5-global--spacer--md);
26933
- --pf-v5-c-table--cell--FontSize: var(--pf-v5-global--FontSize--md);
26934
- --pf-v5-c-table--cell--FontWeight: var(--pf-v5-global--FontWeight--normal);
26935
- --pf-v5-c-table--cell--Color: var(--pf-v5-global--Color--100);
27648
+ --pf-v5-c-table--cell--FontSize: var(--pf-t--global--font--size--body);
27649
+ --pf-v5-c-table--cell--FontWeight: var(--pf-t--global--font--weight--body);
27650
+ --pf-v5-c-table--cell--Color: var(--pf-t--global--text--color--regular);
26936
27651
  --pf-v5-c-table--cell--PaddingTop: var(--pf-v5-c-table--cell--Padding--base);
26937
27652
  --pf-v5-c-table--cell--PaddingRight: var(--pf-v5-c-table--cell--Padding--base);
26938
27653
  --pf-v5-c-table--cell--PaddingBottom: var(--pf-v5-c-table--cell--Padding--base);
@@ -26949,10 +27664,10 @@ svg.pf-v5-c-spinner.pf-m-xl {
26949
27664
  --pf-v5-c-table--cell--TextOverflow: clip;
26950
27665
  --pf-v5-c-table--cell--WhiteSpace: normal;
26951
27666
  --pf-v5-c-table--cell--WordBreak: normal;
26952
- --pf-v5-c-table--cell--m-border-right--before--BorderRightWidth: var(--pf-v5-global--BorderWidth--sm);
26953
- --pf-v5-c-table--cell--m-border-right--before--BorderRightColor: var(--pf-v5-global--BorderColor--100);
26954
- --pf-v5-c-table--cell--m-border-left--before--BorderLeftWidth: var(--pf-v5-global--BorderWidth--sm);
26955
- --pf-v5-c-table--cell--m-border-left--before--BorderLeftColor: var(--pf-v5-global--BorderColor--100);
27667
+ --pf-v5-c-table--cell--m-border-right--before--BorderRightWidth: var(--pf-t--global--border--width--divider--default);
27668
+ --pf-v5-c-table--cell--m-border-right--before--BorderRightColor: var(--pf-t--global--border--color--default);
27669
+ --pf-v5-c-table--cell--m-border-left--before--BorderLeftWidth: var(--pf-t--global--border--width--divider--default);
27670
+ --pf-v5-c-table--cell--m-border-left--before--BorderLeftColor: var(--pf-t--global--border--color--default);
26956
27671
  --pf-v5-c-table--cell--m-help--MinWidth: 11ch;
26957
27672
  --pf-v5-c-table--m-truncate--cell--MaxWidth: 1px;
26958
27673
  --pf-v5-c-table--m-truncate--cell--MinWidth: calc(5ch + var(--pf-v5-c-table--cell--PaddingRight) + var(--pf-v5-c-table--cell--PaddingLeft));
@@ -26963,34 +27678,33 @@ svg.pf-v5-c-spinner.pf-m-xl {
26963
27678
  --pf-v5-c-table__toggle--c-button__toggle-icon--Transition: .2s ease-in 0s;
26964
27679
  --pf-v5-c-table__toggle--c-button--m-expanded__toggle-icon--Rotate: 360deg;
26965
27680
  --pf-v5-c-table__button--BackgroundColor: transparent;
26966
- --pf-v5-c-table__button--Color: var(--pf-v5-global--Color--100);
26967
- --pf-v5-c-table__button--hover--Color: var(--pf-v5-global--Color--100);
26968
- --pf-v5-c-table__button--focus--Color: var(--pf-v5-global--Color--100);
26969
- --pf-v5-c-table__button--active--Color: var(--pf-v5-global--Color--100);
27681
+ --pf-v5-c-table__button--Color: var(--pf-t--global--text--color--regular);
27682
+ --pf-v5-c-table__button--hover--Color: var(--pf-t--global--text--color--regular);
27683
+ --pf-v5-c-table__button--focus--Color: var(--pf-t--global--text--color--regular);
27684
+ --pf-v5-c-table__button--active--Color: var(--pf-t--global--text--color--regular);
26970
27685
  --pf-v5-c-table__button--OutlineOffset: calc(var(--pf-v5-global--BorderWidth--lg) * -1);
26971
27686
  --pf-v5-c-table--m-compact__toggle--PaddingTop: 0;
26972
27687
  --pf-v5-c-table--m-compact__toggle--PaddingBottom: 0;
26973
- --pf-v5-c-table__check--input--MarginTop: 0.1875rem;
26974
- --pf-v5-c-table__thead__check--input--TranslateY: var(--pf-v5-c-table__check--input--MarginTop);
26975
- --pf-v5-c-table__check--input--FontSize: var(--pf-v5-global--FontSize--md);
26976
- --pf-v5-c-table--cell--m-favorite--Color: var(--pf-v5-global--Color--light-300);
26977
- --pf-v5-c-table__favorite--c-button--Color: var(--pf-v5-global--Color--light-300);
26978
- --pf-v5-c-table__favorite--c-button--FontSize: var(--pf-v5-global--FontSize--sm);
27688
+ --pf-v5-c-table__check--input--MarginTop: 0.25rem;
27689
+ --pf-v5-c-table__check--input--FontSize: var(--pf-t--global--font--size--body);
27690
+ --pf-v5-c-table--cell--m-favorite--Color: var(--pf-t--global--text--color--subtle);
27691
+ --pf-v5-c-table__favorite--c-button--Color: var(--pf-t--global--text--color--subtle);
27692
+ --pf-v5-c-table__favorite--c-button--FontSize: var(--pf-t--global--font--size--body);
26979
27693
  --pf-v5-c-table__favorite--c-button--MarginTop: calc(var(--pf-v5-global--spacer--form-element) * -1);
26980
27694
  --pf-v5-c-table__favorite--c-button--MarginRight: calc(var(--pf-v5-global--spacer--md) * -1);
26981
27695
  --pf-v5-c-table__favorite--c-button--MarginBottom: calc(var(--pf-v5-global--spacer--form-element) * -1);
26982
27696
  --pf-v5-c-table__favorite--c-button--MarginLeft: calc(var(--pf-v5-global--spacer--md) * -1);
26983
27697
  --pf-v5-c-table__favorite--m-favorited--c-button--Color: var(--pf-v5-global--palette--gold-400);
26984
- --pf-v5-c-table__sort--m-favorite__button__text--Color: var(--pf-v5-global--Color--200);
26985
- --pf-v5-c-table__sort--m-favorite__button--hover__text--Color: var(--pf-v5-global--Color--100);
26986
- --pf-v5-c-table__sort--m-favorite__button--focus__text--Color: var(--pf-v5-global--Color--100);
26987
- --pf-v5-c-table__sort--m-favorite__button--active__text--Color: var(--pf-v5-global--Color--100);
27698
+ --pf-v5-c-table__sort--m-favorite__button__text--Color: var(--pf-t--global--text--color--subtle);
27699
+ --pf-v5-c-table__sort--m-favorite__button--hover__text--Color: var(--pf-t--global--text--color--regular);
27700
+ --pf-v5-c-table__sort--m-favorite__button--focus__text--Color: var(--pf-t--global--text--color--regular);
27701
+ --pf-v5-c-table__sort--m-favorite__button--active__text--Color: var(--pf-t--global--text--color--regular);
26988
27702
  --pf-v5-c-table__draggable--c-button--MarginTop: calc(var(--pf-v5-global--spacer--form-element) * -1);
26989
27703
  --pf-v5-c-table__draggable--c-button--MarginRight: calc(var(--pf-v5-global--spacer--md) * -1);
26990
27704
  --pf-v5-c-table__draggable--c-button--MarginBottom: calc(var(--pf-v5-global--spacer--form-element) * -1);
26991
27705
  --pf-v5-c-table__draggable--c-button--MarginLeft: calc(var(--pf-v5-global--spacer--md) * -1);
26992
27706
  --pf-v5-c-table__tr--m-ghost-row--Opacity: .4;
26993
- --pf-v5-c-table__tr--m-ghost-row--BackgroundColor: var(--pf-v5-global--BackgroundColor--100);
27707
+ --pf-v5-c-table__tr--m-ghost-row--BackgroundColor: var(--pf-t--global--background--color--primary--default);
26994
27708
  --pf-v5-c-table__action--PaddingTop: 0;
26995
27709
  --pf-v5-c-table__action--PaddingRight: 0;
26996
27710
  --pf-v5-c-table__action--PaddingBottom: 0;
@@ -27008,7 +27722,7 @@ svg.pf-v5-c-spinner.pf-m-xl {
27008
27722
  --pf-v5-c-table__expandable-row--after--Bottom: calc(var(--pf-v5-c-table--border-width--base) * -1);
27009
27723
  --pf-v5-c-table__expandable-row--after--border-width--base: var(--pf-v5-global--BorderWidth--lg);
27010
27724
  --pf-v5-c-table__expandable-row--after--BorderLeftWidth: 0;
27011
- --pf-v5-c-table__expandable-row--after--BorderColor: var(--pf-v5-global--active-color--100);
27725
+ --pf-v5-c-table__expandable-row--after--BorderColor: var(--pf-t--global--border--color--active);
27012
27726
  --pf-v5-c-table__icon-inline--MarginRight: var(--pf-v5-global--spacer--sm);
27013
27727
  --pf-v5-c-table__sort--MinWidth: calc(6ch + var(--pf-v5-c-table--cell--PaddingRight) + var(--pf-v5-c-table--cell--PaddingLeft) + var(--pf-v5-c-table__sort-indicator--MarginLeft));
27014
27728
  --pf-v5-c-table__sort__button--PaddingTop: var(--pf-v5-global--spacer--form-element);
@@ -27018,19 +27732,19 @@ svg.pf-v5-c-spinner.pf-m-xl {
27018
27732
  --pf-v5-c-table__sort__button--MarginTop: calc(var(--pf-v5-c-table__sort__button--PaddingTop) * -1);
27019
27733
  --pf-v5-c-table__sort__button--MarginBottom: calc(var(--pf-v5-c-table__sort__button--PaddingBottom) * -1);
27020
27734
  --pf-v5-c-table__sort__button--MarginLeft: calc(var(--pf-v5-c-table__sort__button--PaddingLeft) * -1);
27021
- --pf-v5-c-table__sort__button--Color: var(--pf-v5-global--Color--100);
27022
- --pf-v5-c-table__sort--m-selected__button--Color: var(--pf-v5-global--active-color--100);
27735
+ --pf-v5-c-table__sort__button--Color: var(--pf-t--global--text--color--regular);
27736
+ --pf-v5-c-table__sort--m-selected__button--Color: var(--pf-t--global--border--color--active);
27023
27737
  --pf-v5-c-table__sort--m-help--MinWidth: 15ch;
27024
27738
  --pf-v5-c-table__sort__button__text--Color: currentcolor;
27025
27739
  --pf-v5-c-table__sort__button--hover__text--Color: currentcolor;
27026
27740
  --pf-v5-c-table__sort__button--focus__text--Color: currentcolor;
27027
27741
  --pf-v5-c-table__sort__button--active__text--Color: currentcolor;
27028
- --pf-v5-c-table__sort-indicator--Color: var(--pf-v5-global--disabled-color--200);
27742
+ --pf-v5-c-table__sort-indicator--Color: var(--pf-t--global--icon--color--subtle);
27029
27743
  --pf-v5-c-table__sort-indicator--MarginLeft: var(--pf-v5-global--spacer--md);
27030
- --pf-v5-c-table__sort--m-selected__sort-indicator--Color: var(--pf-v5-global--active-color--100);
27031
- --pf-v5-c-table__sort__button--hover__sort-indicator--Color: var(--pf-v5-global--Color--100);
27032
- --pf-v5-c-table__sort__button--active__sort-indicator--Color: var(--pf-v5-global--Color--100);
27033
- --pf-v5-c-table__sort__button--focus__sort-indicator--Color: var(--pf-v5-global--Color--100);
27744
+ --pf-v5-c-table__sort--m-selected__sort-indicator--Color: var(--pf-t--global--border--color--active);
27745
+ --pf-v5-c-table__sort__button--hover__sort-indicator--Color: var(--pf-t--global--text--color--regular);
27746
+ --pf-v5-c-table__sort__button--active__sort-indicator--Color: var(--pf-t--global--text--color--regular);
27747
+ --pf-v5-c-table__sort__button--focus__sort-indicator--Color: var(--pf-t--global--text--color--regular);
27034
27748
  --pf-v5-c-table__th--m-help--MinWidth: 11ch;
27035
27749
  --pf-v5-c-table__column-help--MarginLeft: var(--pf-v5-global--spacer--xs);
27036
27750
  --pf-v5-c-table__column-help--TranslateY: 0.125rem;
@@ -27038,18 +27752,18 @@ svg.pf-v5-c-spinner.pf-m-xl {
27038
27752
  --pf-v5-c-table__column-help--c-button--MarginBottom: calc(var(--pf-v5-global--spacer--form-element) * -1);
27039
27753
  --pf-v5-c-table__column-help--c-button--PaddingRight: var(--pf-v5-global--spacer--sm);
27040
27754
  --pf-v5-c-table__column-help--c-button--PaddingLeft: var(--pf-v5-global--spacer--sm);
27041
- --pf-v5-c-table__compound-expansion-toggle__button--Color: var(--pf-v5-global--active-color--100);
27042
- --pf-v5-c-table__compound-expansion-toggle__button--hover--Color: var(--pf-v5-global--link--Color--hover);
27043
- --pf-v5-c-table__compound-expansion-toggle__button--focus--Color: var(--pf-v5-global--link--Color--hover);
27044
- --pf-v5-c-table__compound-expansion-toggle__button--active--Color: var(--pf-v5-global--link--Color--hover);
27045
- --pf-v5-c-table__compound-expansion-toggle__button--before--border-width--base: var(--pf-v5-global--BorderWidth--sm);
27046
- --pf-v5-c-table__compound-expansion-toggle__button--before--BorderColor: var(--pf-v5-global--BorderColor--100);
27755
+ --pf-v5-c-table__compound-expansion-toggle__button--Color: var(--pf-t--global--icon--color--brand--default);
27756
+ --pf-v5-c-table__compound-expansion-toggle__button--hover--Color: var(--pf-t--global--icon--color--brand--hover);
27757
+ --pf-v5-c-table__compound-expansion-toggle__button--focus--Color: var(--pf-t--global--icon--color--brand--hover);
27758
+ --pf-v5-c-table__compound-expansion-toggle__button--active--Color: var(--pf-t--global--icon--color--brand--active);
27759
+ --pf-v5-c-table__compound-expansion-toggle__button--before--border-width--base: var(--pf-t--global--border--width--button--default);
27760
+ --pf-v5-c-table__compound-expansion-toggle__button--before--BorderColor: var(--pf-t--global--border--color--default);
27047
27761
  --pf-v5-c-table__compound-expansion-toggle__button--before--BorderRightWidth: 0;
27048
27762
  --pf-v5-c-table__compound-expansion-toggle__button--before--BorderLeftWidth: 0;
27049
27763
  --pf-v5-c-table__compound-expansion-toggle__button--before--Bottom: calc(var(--pf-v5-c-table__compound-expansion-toggle__button--before--border-width--base) * -1);
27050
27764
  --pf-v5-c-table__compound-expansion-toggle__button--before--Left: calc(var(--pf-v5-c-table__compound-expansion-toggle__button--before--border-width--base) * -1);
27051
27765
  --pf-v5-c-table__compound-expansion-toggle__button--after--border-width--base: var(--pf-v5-global--BorderWidth--lg);
27052
- --pf-v5-c-table__compound-expansion-toggle__button--after--BorderColor: var(--pf-v5-global--primary-color--100);
27766
+ --pf-v5-c-table__compound-expansion-toggle__button--after--BorderColor: var(--pf-t--global--border--color--active);
27053
27767
  --pf-v5-c-table__compound-expansion-toggle__button--after--BorderTopWidth: 0;
27054
27768
  --pf-v5-c-table__compound-expansion-toggle__button--after--Top: calc(var(--pf-v5-c-table__compound-expansion-toggle__button--before--border-width--base) * -1);
27055
27769
  --pf-v5-c-table__compound-expansion-toggle__button--after--Left: calc(var(--pf-v5-c-table__compound-expansion-toggle__button--before--border-width--base) * -1);
@@ -27063,60 +27777,61 @@ svg.pf-v5-c-spinner.pf-m-xl {
27063
27777
  --pf-v5-c-table--m-compact--cell--first-last-child--PaddingRight: var(--pf-v5-global--spacer--md);
27064
27778
  --pf-v5-c-table--m-compact--cell--first-last-child--xl--PaddingLeft: var(--pf-v5-global--spacer--lg);
27065
27779
  --pf-v5-c-table--m-compact--cell--first-last-child--xl--PaddingRight: var(--pf-v5-global--spacer--lg);
27066
- --pf-v5-c-table--m-compact--FontSize: var(--pf-v5-global--FontSize--sm);
27780
+ --pf-v5-c-table--m-compact--FontSize: var(--pf-t--global--font--size--body);
27067
27781
  --pf-v5-c-table--m-compact__expandable-row-content--PaddingTop: var(--pf-v5-global--spacer--lg);
27068
27782
  --pf-v5-c-table--m-compact__expandable-row-content--PaddingRight: var(--pf-v5-global--spacer--lg);
27069
27783
  --pf-v5-c-table--m-compact__expandable-row-content--PaddingBottom: var(--pf-v5-global--spacer--lg);
27070
27784
  --pf-v5-c-table--m-compact__expandable-row-content--PaddingLeft: var(--pf-v5-global--spacer--lg);
27071
27785
  --pf-v5-c-table--nested--first-last-child--PaddingRight: var(--pf-v5-c-table--m-compact--cell--first-last-child--PaddingLeft);
27072
27786
  --pf-v5-c-table--nested--first-last-child--PaddingLeft: var(--pf-v5-c-table--m-compact--cell--first-last-child--PaddingRight);
27073
- --pf-v5-c-table__expandable-row--m-expanded--BorderBottomColor: var(--pf-v5-global--BorderColor--100);
27787
+ --pf-v5-c-table__expandable-row--m-expanded--BorderBottomColor: var(--pf-t--global--border--color--default);
27074
27788
  --pf-v5-c-table__tr--m-clickable--BoxShadow--top: var(--pf-v5-c-table__tr--BoxShadow--top--base);
27075
27789
  --pf-v5-c-table__tr--m-clickable--BackgroundColor: transparent;
27076
27790
  --pf-v5-c-table__tr--m-clickable--BoxShadow: none;
27791
+ --pf-v5-c-table__tr--m-clickable--BorderRadius: var(--pf-t--global--border--radius--small);
27077
27792
  --pf-v5-c-table__tr--m-clickable--OutlineOffset: calc(-1 * var(--pf-v5-global--spacer--xs));
27078
- --pf-v5-c-table__tr--m-clickable--hover--BoxShadow: var(--pf-v5-c-table__tr--m-clickable--BoxShadow--top), var(--pf-v5-global--BoxShadow--sm-bottom);
27079
- --pf-v5-c-table__tr--m-clickable--hover--BackgroundColor: var(--pf-v5-global--BackgroundColor--100);
27080
- --pf-v5-c-table__tr--m-clickable--focus--BoxShadow: var(--pf-v5-c-table__tr--m-clickable--BoxShadow--top), var(--pf-v5-global--BoxShadow--sm-bottom);
27081
- --pf-v5-c-table__tr--m-clickable--focus--BackgroundColor: var(--pf-v5-global--BackgroundColor--100);
27082
- --pf-v5-c-table__tr--m-clickable--active--BoxShadow: var(--pf-v5-c-table__tr--m-clickable--BoxShadow--top), var(--pf-v5-global--BoxShadow--sm-bottom);
27083
- --pf-v5-c-table__tr--m-clickable--active--BackgroundColor: var(--pf-v5-global--BackgroundColor--100);
27084
- --pf-v5-c-table__tr--m-clickable--m-selected--BoxShadow: var(--pf-v5-global--BoxShadow--sm-bottom) inset, var(--pf-v5-global--BoxShadow--sm-bottom);
27793
+ --pf-v5-c-table__tr--m-clickable--hover--BoxShadow: var(--pf-v5-c-table__tr--m-clickable--BoxShadow--top), var(--pf-t--global--box-shadow--sm--bottom);
27794
+ --pf-v5-c-table__tr--m-clickable--hover--BackgroundColor: var(--pf-t--global--background--color--primary--hover);
27795
+ --pf-v5-c-table__tr--m-clickable--focus--BoxShadow: var(--pf-v5-c-table__tr--m-clickable--BoxShadow--top), var(--pf-t--global--box-shadow--sm--bottom);
27796
+ --pf-v5-c-table__tr--m-clickable--focus--BackgroundColor: var(--pf-t--global--background--color--primary--hover);
27797
+ --pf-v5-c-table__tr--m-clickable--active--BoxShadow: var(--pf-v5-c-table__tr--m-clickable--BoxShadow--top), var(--pf-t--global--box-shadow--sm--bottom);
27798
+ --pf-v5-c-table__tr--m-clickable--active--BackgroundColor: var(--pf-t--global--background--color--primary--selected);
27799
+ --pf-v5-c-table__tr--m-clickable--m-selected--BoxShadow: var(--pf-t--global--box-shadow--sm--bottom) inset, var(--pf-t--global--box-shadow--sm--bottom);
27085
27800
  --pf-v5-c-table__tr--m-selected--BoxShadow--top: var(--pf-v5-c-table__tr--BoxShadow--top--base);
27086
- --pf-v5-c-table__tr--m-selected--BackgroundColor: var(--pf-v5-global--BackgroundColor--100);
27087
- --pf-v5-c-table__tr--m-selected--BoxShadow: var(--pf-v5-c-table__tr--m-selected--BoxShadow--top), var(--pf-v5-global--BoxShadow--sm-bottom);
27088
- --pf-v5-c-table__tr--m-selected--OutlineOffset: calc(-1 * var(--pf-v5-global--spacer--xs));
27801
+ --pf-v5-c-table__tr--m-selected--BackgroundColor: var(--pf-t--global--background--color--primary--hover);
27802
+ --pf-v5-c-table__tr--m-selected--BoxShadow: var(--pf-v5-c-table__tr--m-selected--BoxShadow--top), var(--pf-t--global--box-shadow--sm--bottom);
27803
+ --pf-v5-c-table__tr--m-selected--OutlineOffset: calc(-1 * var(--pf-t--global--spacer--xs));
27089
27804
  --pf-v5-c-table__tr--m-selected--after--BorderLeftWidth: calc(2 * var(--pf-v5-c-table__expandable-row--after--border-width--base));
27090
27805
  --pf-v5-c-table__tr--m-selected--after--BorderLeftColor: var(--pf-v5-global--active-color--100);
27091
- --pf-v5-c-table__tr--m-selected--m-selected--BoxShadow: var(--pf-v5-global--BoxShadow--sm-bottom);
27092
- --pf-v5-c-table__tr--m-selected--hover__tr--m-selected--BoxShadow: var(--pf-v5-global--BoxShadow--sm-bottom) inset, var(--pf-v5-global--BoxShadow--sm-bottom);
27093
- --pf-v5-c-table__tr--m-selected__tr--m-selected--hover--BoxShadow: var(--pf-v5-c-table__tr--m-selected--BoxShadow--top), var(--pf-v5-global--BoxShadow--sm-bottom);
27806
+ --pf-v5-c-table__tr--m-selected--m-selected--BoxShadow: var(--pf-t--global--box-shadow--sm--bottom);
27807
+ --pf-v5-c-table__tr--m-selected--hover__tr--m-selected--BoxShadow: var(--pf-t--global--box-shadow--sm--bottom) inset, var(--pf-t--global--box-shadow--sm--bottom);
27808
+ --pf-v5-c-table__tr--m-selected__tr--m-selected--hover--BoxShadow: var(--pf-v5-c-table__tr--m-selected--BoxShadow--top), var(--pf-t--global--box-shadow--sm--bottom);
27094
27809
  --pf-v5-c-table__tbody--m-clickable--BoxShadow--top: var(--pf-v5-c-table__tr--BoxShadow--top--base);
27095
27810
  --pf-v5-c-table__tbody--m-clickable--BoxShadow: none;
27096
27811
  --pf-v5-c-table__tbody--m-clickable--BackgroundColor: transparent;
27097
27812
  --pf-v5-c-table__tbody--m-clickable--OutlineOffset: calc(-1 * var(--pf-v5-global--spacer--xs));
27098
- --pf-v5-c-table__tbody--m-clickable--hover--BoxShadow: var(--pf-v5-c-table__tbody--m-clickable--BoxShadow--top), var(--pf-v5-global--BoxShadow--sm-bottom);
27099
- --pf-v5-c-table__tbody--m-clickable--hover--BackgroundColor: var(--pf-v5-global--BackgroundColor--100);
27100
- --pf-v5-c-table__tbody--m-clickable--focus--BoxShadow: var(--pf-v5-c-table__tbody--m-clickable--BoxShadow--top), var(--pf-v5-global--BoxShadow--sm-bottom);
27101
- --pf-v5-c-table__tbody--m-clickable--focus--BackgroundColor: var(--pf-v5-global--BackgroundColor--100);
27102
- --pf-v5-c-table__tbody--m-clickable--active--BoxShadow: var(--pf-v5-c-table__tbody--m-clickable--BoxShadow--top), var(--pf-v5-global--BoxShadow--sm-bottom);
27103
- --pf-v5-c-table__tbody--m-clickable--active--BackgroundColor: var(--pf-v5-global--BackgroundColor--100);
27104
- --pf-v5-c-table__tbody--m-clickable--m-expanded--BorderColor: var(--pf-v5-global--active-color--400);
27105
- --pf-v5-c-table__tbody--m-clickable--m-selected--hover__tr--BoxShadow: var(--pf-v5-global--BoxShadow--sm-bottom) inset, var(--pf-v5-global--BoxShadow--sm-bottom);
27106
- --pf-v5-c-table__tbody--m-selected--BackgroundColor: var(--pf-v5-global--BackgroundColor--100);
27813
+ --pf-v5-c-table__tbody--m-clickable--hover--BoxShadow: var(--pf-v5-c-table__tbody--m-clickable--BoxShadow--top), var(--pf-t--global--box-shadow--sm--bottom);
27814
+ --pf-v5-c-table__tbody--m-clickable--hover--BackgroundColor: var(--pf-t--global--background--color--primary--default);
27815
+ --pf-v5-c-table__tbody--m-clickable--focus--BoxShadow: var(--pf-v5-c-table__tbody--m-clickable--BoxShadow--top), var(--pf-t--global--box-shadow--sm--bottom);
27816
+ --pf-v5-c-table__tbody--m-clickable--focus--BackgroundColor: var(--pf-t--global--background--color--primary--default);
27817
+ --pf-v5-c-table__tbody--m-clickable--active--BoxShadow: var(--pf-v5-c-table__tbody--m-clickable--BoxShadow--top), var(--pf-t--global--box-shadow--sm--bottom);
27818
+ --pf-v5-c-table__tbody--m-clickable--active--BackgroundColor: var(--pf-t--global--background--color--primary--default);
27819
+ --pf-v5-c-table__tbody--m-clickable--m-expanded--BorderColor: var(--pf-t--global--border--color--active);
27820
+ --pf-v5-c-table__tbody--m-clickable--m-selected--hover__tr--BoxShadow: var(--pf-t--global--box-shadow--sm--bottom) inset, var(--pf-t--global--box-shadow--sm--bottom);
27821
+ --pf-v5-c-table__tbody--m-selected--BackgroundColor: var(--pf-t--global--background--color--primary--default);
27107
27822
  --pf-v5-c-table__tbody--m-selected--BoxShadow--top: var(--pf-v5-c-table__tr--BoxShadow--top--base);
27108
- --pf-v5-c-table__tbody--m-selected--BoxShadow: var(--pf-v5-c-table__tbody--m-selected--BoxShadow--top), var(--pf-v5-global--BoxShadow--sm-bottom);
27823
+ --pf-v5-c-table__tbody--m-selected--BoxShadow: var(--pf-v5-c-table__tbody--m-selected--BoxShadow--top), var(--pf-t--global--box-shadow--sm--bottom);
27109
27824
  --pf-v5-c-table__tbody--m-selected--OutlineOffset: calc(-1 * var(--pf-v5-global--spacer--xs));
27110
27825
  --pf-v5-c-table__tbody--m-selected--after--BorderLeftWidth: calc(2 * var(--pf-v5-c-table__expandable-row--after--border-width--base));
27111
- --pf-v5-c-table__tbody--m-selected--after--BorderLeftColor: var(--pf-v5-global--active-color--100);
27112
- --pf-v5-c-table__tbody--m-selected--m-selected--BoxShadow: var(--pf-v5-global--BoxShadow--sm-bottom);
27113
- --pf-v5-c-table__tbody--m-selected--hover__tbody--m-selected--BoxShadow: var(--pf-v5-global--BoxShadow--sm-bottom) inset, var(--pf-v5-global--BoxShadow--sm-bottom);
27114
- --pf-v5-c-table__tbody--m-selected__tbody--m-selected--hover--BoxShadow: var(--pf-v5-c-table__tr--m-selected--BoxShadow--top), var(--pf-v5-global--BoxShadow--sm-bottom);
27826
+ --pf-v5-c-table__tbody--m-selected--after--BorderLeftColor: var(--pf-t--global--border--color--active);
27827
+ --pf-v5-c-table__tbody--m-selected--m-selected--BoxShadow: var(--pf-t--global--box-shadow--sm--bottom);
27828
+ --pf-v5-c-table__tbody--m-selected--hover__tbody--m-selected--BoxShadow: var(--pf-t--global--box-shadow--sm--bottom) inset, var(--pf-t--global--box-shadow--sm--bottom);
27829
+ --pf-v5-c-table__tbody--m-selected__tbody--m-selected--hover--BoxShadow: var(--pf-v5-c-table__tr--m-selected--BoxShadow--top), var(--pf-t--global--box-shadow--sm--bottom);
27115
27830
  --pf-v5-c-table__thead--m-nested-column-header--button--OutlineOffset: -0.1875rem;
27116
27831
  --pf-v5-c-table__thead--m-nested-column-header__tr--PaddingTop: var(--pf-v5-global--spacer--xs);
27117
27832
  --pf-v5-c-table__thead--m-nested-column-header__tr--PaddingBottom: var(--pf-v5-global--spacer--xs);
27118
- --pf-v5-c-table__subhead--Color: var(--pf-v5-global--Color--200);
27119
- --pf-v5-c-table--m-striped__tr--BackgroundColor: var(--pf-v5-global--BackgroundColor--light-200);
27833
+ --pf-v5-c-table__subhead--Color: var(--pf-t--global--text--color--subtle);
27834
+ --pf-v5-c-table--m-striped__tr--BackgroundColor: var(--pf-t--global--background--color--primary--default);
27120
27835
  --pf-v5-c-table--m-sticky-header--cell--ZIndex: var(--pf-v5-global--ZIndex--xs);
27121
27836
  color: var(--pf-v5-global--Color--100);
27122
27837
  width: 100%;
@@ -27368,27 +28083,27 @@ svg.pf-v5-c-spinner.pf-m-xl {
27368
28083
  .pf-v5-c-table.pf-m-no-border-rows > tbody:where(.pf-v5-c-table__tbody) .pf-v5-c-table__control-row > .pf-v5-c-table__compound-expansion-toggle:first-child > ::before {
27369
28084
  border-inline-start-width: 0;
27370
28085
  }
28086
+ .pf-v5-c-table tr.pf-m-clickable:last-child {
28087
+ border-block-end-color: transparent;
28088
+ }
28089
+ .pf-v5-c-table tr:where(.pf-v5-c-table__tr) {
28090
+ position: relative;
28091
+ }
28092
+ .pf-v5-c-table tr:where(.pf-v5-c-table__tr)::before {
28093
+ position: absolute;
28094
+ inset: 0;
28095
+ content: "";
28096
+ background-color: var(--pf-v5-c-table__tr--m-clickable--BackgroundColor);
28097
+ border-radius: var(--pf-v5-c-table__tr--m-clickable--BorderRadius);
28098
+ }
27371
28099
  .pf-v5-c-table tr:where(.pf-v5-c-table__tr).pf-m-clickable {
27372
28100
  cursor: pointer;
27373
- background-color: var(--pf-v5-c-table__tr--m-clickable--BackgroundColor);
27374
28101
  outline-offset: var(--pf-v5-c-table__tr--m-clickable--OutlineOffset);
27375
28102
  box-shadow: var(--pf-v5-c-table__tr--m-clickable--BoxShadow);
27376
28103
  }
27377
- .pf-v5-c-table tr:where(.pf-v5-c-table__tr).pf-m-clickable:hover:not(.pf-m-selected) + tr:where(.pf-v5-c-table__tr).pf-m-selected, .pf-v5-c-table tr:where(.pf-v5-c-table__tr).pf-m-clickable:focus:not(.pf-m-selected) + tr:where(.pf-v5-c-table__tr).pf-m-selected, .pf-v5-c-table tr:where(.pf-v5-c-table__tr).pf-m-clickable:active:not(.pf-m-selected) + tr:where(.pf-v5-c-table__tr).pf-m-selected {
27378
- box-shadow: var(--pf-v5-c-table__tr--m-clickable--m-selected--BoxShadow);
27379
- }
27380
- .pf-v5-c-table tr:where(.pf-v5-c-table__tr).pf-m-clickable:hover {
27381
- --pf-v5-c-table__tr--m-clickable--BoxShadow: var(--pf-v5-c-table__tr--m-clickable--hover--BoxShadow);
28104
+ .pf-v5-c-table tr:where(.pf-v5-c-table__tr).pf-m-clickable:hover, .pf-v5-c-table tr:where(.pf-v5-c-table__tr).pf-m-clickable:focus, .pf-v5-c-table tr:where(.pf-v5-c-table__tr).pf-m-clickable:active {
27382
28105
  --pf-v5-c-table__tr--m-clickable--BackgroundColor: var(--pf-v5-c-table__tr--m-clickable--hover--BackgroundColor);
27383
28106
  }
27384
- .pf-v5-c-table tr:where(.pf-v5-c-table__tr).pf-m-clickable:focus {
27385
- --pf-v5-c-table__tr--m-clickable--BoxShadow: var(--pf-v5-c-table__tr--m-clickable--focus--BoxShadow);
27386
- --pf-v5-c-table__tr--m-clickable--BackgroundColor: var(--pf-v5-c-table__tr--m-clickable--focus--BackgroundColor);
27387
- }
27388
- .pf-v5-c-table tr:where(.pf-v5-c-table__tr).pf-m-clickable:active {
27389
- --pf-v5-c-table__tr--m-clickable--BoxShadow: var(--pf-v5-c-table__tr--m-clickable--active--BoxShadow);
27390
- --pf-v5-c-table__tr--m-clickable--BackgroundColor: var(--pf-v5-c-table__tr--m-clickable--active--BackgroundColor);
27391
- }
27392
28107
  .pf-v5-c-table tr:where(.pf-v5-c-table__tr).pf-m-selected {
27393
28108
  --pf-v5-c-table__expandable-row--after--BorderLeftWidth: var(--pf-v5-c-table__tr--m-selected--after--BorderLeftWidth);
27394
28109
  --pf-v5-c-table__expandable-row--after--BorderColor: var(--pf-v5-c-table__tr--m-selected--after--BorderLeftColor);
@@ -27604,16 +28319,13 @@ svg.pf-v5-c-spinner.pf-m-xl {
27604
28319
  cursor: pointer;
27605
28320
  }
27606
28321
  .pf-v5-c-table__check label {
27607
- display: inline-flex;
28322
+ display: block;
27608
28323
  padding: inherit;
27609
28324
  margin-block-start: calc(var(--pf-v5-c-table--cell--PaddingTop) * -1);
27610
28325
  margin-block-end: calc(var(--pf-v5-c-table--cell--PaddingBottom) * -1);
27611
28326
  margin-inline-start: calc(var(--pf-v5-c-table--cell--PaddingLeft) * -1);
27612
28327
  margin-inline-end: calc(var(--pf-v5-c-table--cell--PaddingRight) * -1);
27613
28328
  }
27614
- .pf-v5-c-table__thead .pf-v5-c-check.pf-m-standalone {
27615
- --pf-v5-c-check__input--TranslateY: var(--pf-v5-c-table__thead__check--input--TranslateY);
27616
- }
27617
28329
 
27618
28330
  .pf-v5-c-table__favorite .pf-v5-c-button {
27619
28331
  --pf-v5-c-button--m-plain--Color: var(--pf-v5-c-table__favorite--c-button--Color);
@@ -27944,7 +28656,7 @@ svg.pf-v5-c-spinner.pf-m-xl {
27944
28656
  }
27945
28657
 
27946
28658
  :where(.pf-v5-theme-dark) .pf-v5-c-wizard__header .pf-v5-c-button, :where(.pf-v5-theme-dark) .pf-v5-c-about-modal-box .pf-v5-c-button, :where(.pf-v5-theme-dark) .pf-v5-c-banner .pf-v5-c-button, :where(.pf-v5-theme-dark) .pf-v5-c-log-viewer.pf-m-dark .pf-v5-c-log-viewer__main .pf-v5-c-button, :where(.pf-v5-theme-dark) .pf-v5-c-login__header .pf-v5-c-button,
27947
- :where(.pf-v5-theme-dark) .pf-v5-c-login__footer .pf-v5-c-button, :where(.pf-v5-theme-dark) .pf-v5-c-masthead .pf-v5-c-button, :where(.pf-v5-theme-dark) .pf-v5-c-page__sidebar-body.pf-m-menu .pf-v5-c-context-selector .pf-v5-c-button,
28659
+ :where(.pf-v5-theme-dark) .pf-v5-c-login__footer .pf-v5-c-button, :where(.pf-v5-theme-dark) .pf-v5-c-page__sidebar-body.pf-m-menu .pf-v5-c-context-selector .pf-v5-c-button,
27948
28660
  :where(.pf-v5-theme-dark) .pf-v5-c-page__main-section[class*=pf-m-dark-] .pf-v5-c-button,
27949
28661
  :where(.pf-v5-theme-dark) .pf-v5-c-page__header .pf-v5-c-button {
27950
28662
  --pf-v5-c-button--m-primary--BackgroundColor: var(--pf-v5-global--primary-color--300);
@@ -29688,7 +30400,7 @@ svg.pf-v5-c-spinner.pf-m-xl {
29688
30400
  }
29689
30401
 
29690
30402
  :where(.pf-v5-theme-dark) .pf-v5-c-wizard__header .pf-v5-c-button, :where(.pf-v5-theme-dark) .pf-v5-c-about-modal-box .pf-v5-c-button, :where(.pf-v5-theme-dark) .pf-v5-c-banner .pf-v5-c-button, :where(.pf-v5-theme-dark) .pf-v5-c-log-viewer.pf-m-dark .pf-v5-c-log-viewer__main .pf-v5-c-button, :where(.pf-v5-theme-dark) .pf-v5-c-login__header .pf-v5-c-button,
29691
- :where(.pf-v5-theme-dark) .pf-v5-c-login__footer .pf-v5-c-button, :where(.pf-v5-theme-dark) .pf-v5-c-masthead .pf-v5-c-button, :where(.pf-v5-theme-dark) .pf-v5-c-page__sidebar-body.pf-m-menu .pf-v5-c-context-selector .pf-v5-c-button,
30403
+ :where(.pf-v5-theme-dark) .pf-v5-c-login__footer .pf-v5-c-button, :where(.pf-v5-theme-dark) .pf-v5-c-page__sidebar-body.pf-m-menu .pf-v5-c-context-selector .pf-v5-c-button,
29692
30404
  :where(.pf-v5-theme-dark) .pf-v5-c-page__main-section[class*=pf-m-dark-] .pf-v5-c-button,
29693
30405
  :where(.pf-v5-theme-dark) .pf-v5-c-page__header .pf-v5-c-button {
29694
30406
  --pf-v5-c-button--m-primary--BackgroundColor: var(--pf-v5-global--primary-color--300);
@@ -29852,7 +30564,7 @@ svg.pf-v5-c-spinner.pf-m-xl {
29852
30564
  }
29853
30565
 
29854
30566
  :where(.pf-v5-theme-dark) .pf-v5-c-wizard__header .pf-v5-c-button, :where(.pf-v5-theme-dark) .pf-v5-c-about-modal-box .pf-v5-c-button, :where(.pf-v5-theme-dark) .pf-v5-c-banner .pf-v5-c-button, :where(.pf-v5-theme-dark) .pf-v5-c-log-viewer.pf-m-dark .pf-v5-c-log-viewer__main .pf-v5-c-button, :where(.pf-v5-theme-dark) .pf-v5-c-login__header .pf-v5-c-button,
29855
- :where(.pf-v5-theme-dark) .pf-v5-c-login__footer .pf-v5-c-button, :where(.pf-v5-theme-dark) .pf-v5-c-masthead .pf-v5-c-button, :where(.pf-v5-theme-dark) .pf-v5-c-page__sidebar-body.pf-m-menu .pf-v5-c-context-selector .pf-v5-c-button,
30567
+ :where(.pf-v5-theme-dark) .pf-v5-c-login__footer .pf-v5-c-button, :where(.pf-v5-theme-dark) .pf-v5-c-page__sidebar-body.pf-m-menu .pf-v5-c-context-selector .pf-v5-c-button,
29856
30568
  :where(.pf-v5-theme-dark) .pf-v5-c-page__main-section[class*=pf-m-dark-] .pf-v5-c-button,
29857
30569
  :where(.pf-v5-theme-dark) .pf-v5-c-page__header .pf-v5-c-button {
29858
30570
  --pf-v5-c-button--m-primary--BackgroundColor: var(--pf-v5-global--primary-color--300);
@@ -30005,7 +30717,7 @@ svg.pf-v5-c-spinner.pf-m-xl {
30005
30717
  }
30006
30718
 
30007
30719
  :where(.pf-v5-theme-dark) .pf-v5-c-wizard__header .pf-v5-c-button, :where(.pf-v5-theme-dark) .pf-v5-c-about-modal-box .pf-v5-c-button, :where(.pf-v5-theme-dark) .pf-v5-c-banner .pf-v5-c-button, :where(.pf-v5-theme-dark) .pf-v5-c-log-viewer.pf-m-dark .pf-v5-c-log-viewer__main .pf-v5-c-button, :where(.pf-v5-theme-dark) .pf-v5-c-login__header .pf-v5-c-button,
30008
- :where(.pf-v5-theme-dark) .pf-v5-c-login__footer .pf-v5-c-button, :where(.pf-v5-theme-dark) .pf-v5-c-masthead .pf-v5-c-button, :where(.pf-v5-theme-dark) .pf-v5-c-page__sidebar-body.pf-m-menu .pf-v5-c-context-selector .pf-v5-c-button,
30720
+ :where(.pf-v5-theme-dark) .pf-v5-c-login__footer .pf-v5-c-button, :where(.pf-v5-theme-dark) .pf-v5-c-page__sidebar-body.pf-m-menu .pf-v5-c-context-selector .pf-v5-c-button,
30009
30721
  :where(.pf-v5-theme-dark) .pf-v5-c-page__main-section[class*=pf-m-dark-] .pf-v5-c-button,
30010
30722
  :where(.pf-v5-theme-dark) .pf-v5-c-page__header .pf-v5-c-button {
30011
30723
  --pf-v5-c-button--m-primary--BackgroundColor: var(--pf-v5-global--primary-color--300);
@@ -30217,7 +30929,7 @@ svg.pf-v5-c-spinner.pf-m-xl {
30217
30929
  }
30218
30930
 
30219
30931
  :where(.pf-v5-theme-dark) .pf-v5-c-wizard__header .pf-v5-c-button, :where(.pf-v5-theme-dark) .pf-v5-c-about-modal-box .pf-v5-c-button, :where(.pf-v5-theme-dark) .pf-v5-c-banner .pf-v5-c-button, :where(.pf-v5-theme-dark) .pf-v5-c-log-viewer.pf-m-dark .pf-v5-c-log-viewer__main .pf-v5-c-button, :where(.pf-v5-theme-dark) .pf-v5-c-login__header .pf-v5-c-button,
30220
- :where(.pf-v5-theme-dark) .pf-v5-c-login__footer .pf-v5-c-button, :where(.pf-v5-theme-dark) .pf-v5-c-masthead .pf-v5-c-button, :where(.pf-v5-theme-dark) .pf-v5-c-page__sidebar-body.pf-m-menu .pf-v5-c-context-selector .pf-v5-c-button,
30932
+ :where(.pf-v5-theme-dark) .pf-v5-c-login__footer .pf-v5-c-button, :where(.pf-v5-theme-dark) .pf-v5-c-page__sidebar-body.pf-m-menu .pf-v5-c-context-selector .pf-v5-c-button,
30221
30933
  :where(.pf-v5-theme-dark) .pf-v5-c-page__main-section[class*=pf-m-dark-] .pf-v5-c-button,
30222
30934
  :where(.pf-v5-theme-dark) .pf-v5-c-page__header .pf-v5-c-button {
30223
30935
  --pf-v5-c-button--m-primary--BackgroundColor: var(--pf-v5-global--primary-color--300);
@@ -30352,7 +31064,7 @@ svg.pf-v5-c-spinner.pf-m-xl {
30352
31064
  }
30353
31065
 
30354
31066
  :where(.pf-v5-theme-dark) .pf-v5-c-wizard__header .pf-v5-c-button, :where(.pf-v5-theme-dark) .pf-v5-c-about-modal-box .pf-v5-c-button, :where(.pf-v5-theme-dark) .pf-v5-c-banner .pf-v5-c-button, :where(.pf-v5-theme-dark) .pf-v5-c-log-viewer.pf-m-dark .pf-v5-c-log-viewer__main .pf-v5-c-button, :where(.pf-v5-theme-dark) .pf-v5-c-login__header .pf-v5-c-button,
30355
- :where(.pf-v5-theme-dark) .pf-v5-c-login__footer .pf-v5-c-button, :where(.pf-v5-theme-dark) .pf-v5-c-masthead .pf-v5-c-button, :where(.pf-v5-theme-dark) .pf-v5-c-page__sidebar-body.pf-m-menu .pf-v5-c-context-selector .pf-v5-c-button,
31067
+ :where(.pf-v5-theme-dark) .pf-v5-c-login__footer .pf-v5-c-button, :where(.pf-v5-theme-dark) .pf-v5-c-page__sidebar-body.pf-m-menu .pf-v5-c-context-selector .pf-v5-c-button,
30356
31068
  :where(.pf-v5-theme-dark) .pf-v5-c-page__main-section[class*=pf-m-dark-] .pf-v5-c-button,
30357
31069
  :where(.pf-v5-theme-dark) .pf-v5-c-page__header .pf-v5-c-button {
30358
31070
  --pf-v5-c-button--m-primary--BackgroundColor: var(--pf-v5-global--primary-color--300);
@@ -30913,7 +31625,7 @@ label.pf-v5-c-tree-view__node-text {
30913
31625
  }
30914
31626
 
30915
31627
  :where(.pf-v5-theme-dark) .pf-v5-c-wizard__header .pf-v5-c-button, :where(.pf-v5-theme-dark) .pf-v5-c-about-modal-box .pf-v5-c-button, :where(.pf-v5-theme-dark) .pf-v5-c-banner .pf-v5-c-button, :where(.pf-v5-theme-dark) .pf-v5-c-log-viewer.pf-m-dark .pf-v5-c-log-viewer__main .pf-v5-c-button, :where(.pf-v5-theme-dark) .pf-v5-c-login__header .pf-v5-c-button,
30916
- :where(.pf-v5-theme-dark) .pf-v5-c-login__footer .pf-v5-c-button, :where(.pf-v5-theme-dark) .pf-v5-c-masthead .pf-v5-c-button, :where(.pf-v5-theme-dark) .pf-v5-c-page__sidebar-body.pf-m-menu .pf-v5-c-context-selector .pf-v5-c-button,
31628
+ :where(.pf-v5-theme-dark) .pf-v5-c-login__footer .pf-v5-c-button, :where(.pf-v5-theme-dark) .pf-v5-c-page__sidebar-body.pf-m-menu .pf-v5-c-context-selector .pf-v5-c-button,
30917
31629
  :where(.pf-v5-theme-dark) .pf-v5-c-page__main-section[class*=pf-m-dark-] .pf-v5-c-button,
30918
31630
  :where(.pf-v5-theme-dark) .pf-v5-c-page__header .pf-v5-c-button {
30919
31631
  --pf-v5-c-button--m-primary--BackgroundColor: var(--pf-v5-global--primary-color--300);
@@ -31435,7 +32147,7 @@ label.pf-v5-c-tree-view__node-text {
31435
32147
  }
31436
32148
 
31437
32149
  :where(.pf-v5-theme-dark) .pf-v5-c-wizard__header .pf-v5-c-button, :where(.pf-v5-theme-dark) .pf-v5-c-about-modal-box .pf-v5-c-button, :where(.pf-v5-theme-dark) .pf-v5-c-banner .pf-v5-c-button, :where(.pf-v5-theme-dark) .pf-v5-c-log-viewer.pf-m-dark .pf-v5-c-log-viewer__main .pf-v5-c-button, :where(.pf-v5-theme-dark) .pf-v5-c-login__header .pf-v5-c-button,
31438
- :where(.pf-v5-theme-dark) .pf-v5-c-login__footer .pf-v5-c-button, :where(.pf-v5-theme-dark) .pf-v5-c-masthead .pf-v5-c-button, :where(.pf-v5-theme-dark) .pf-v5-c-page__sidebar-body.pf-m-menu .pf-v5-c-context-selector .pf-v5-c-button,
32150
+ :where(.pf-v5-theme-dark) .pf-v5-c-login__footer .pf-v5-c-button, :where(.pf-v5-theme-dark) .pf-v5-c-page__sidebar-body.pf-m-menu .pf-v5-c-context-selector .pf-v5-c-button,
31439
32151
  :where(.pf-v5-theme-dark) .pf-v5-c-page__main-section[class*=pf-m-dark-] .pf-v5-c-button,
31440
32152
  :where(.pf-v5-theme-dark) .pf-v5-c-page__header .pf-v5-c-button {
31441
32153
  --pf-v5-c-button--m-primary--BackgroundColor: var(--pf-v5-global--primary-color--300);