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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (97) hide show
  1. package/CODE_OF_CONDUCT.md +2 -1
  2. package/assets/images/logo__pf--reverse-on-md.svg +1 -1
  3. package/assets/images/pf-c-brand__logo-on-sm.svg +1 -1
  4. package/base/_globals.scss +13 -13
  5. package/base/_variables.scss +5 -0
  6. package/base/patternfly-globals.css +12 -13
  7. package/base/patternfly-variables.css +860 -0
  8. package/base/tokens/_tokens-dark.scss +331 -0
  9. package/base/tokens/_tokens-default.scss +379 -0
  10. package/base/tokens/_tokens-font.scss +96 -0
  11. package/base/tokens/_tokens-palette.scss +75 -0
  12. package/components/Alert/alert-group.css +20 -16
  13. package/components/Alert/alert-group.scss +20 -16
  14. package/components/Alert/alert.css +57 -84
  15. package/components/Alert/alert.scss +60 -78
  16. package/components/Button/button.css +142 -179
  17. package/components/Button/button.scss +161 -141
  18. package/components/Check/check.css +8 -10
  19. package/components/Check/check.scss +10 -15
  20. package/components/Content/content.css +67 -67
  21. package/components/Content/content.scss +68 -68
  22. package/components/Dropdown/dropdown.css +3 -1
  23. package/components/Dropdown/dropdown.scss +6 -2
  24. package/components/Masthead/masthead.css +49 -103
  25. package/components/Masthead/masthead.scss +105 -132
  26. package/components/Menu/menu.css +0 -3
  27. package/components/Menu/menu.scss +3 -7
  28. package/components/MenuToggle/menu-toggle.css +59 -80
  29. package/components/MenuToggle/menu-toggle.scss +65 -89
  30. package/components/Nav/nav.css +42 -40
  31. package/components/Nav/nav.scss +42 -42
  32. package/components/NotificationBadge/notification-badge.css +56 -81
  33. package/components/NotificationBadge/notification-badge.scss +60 -97
  34. package/components/Page/page.css +80 -70
  35. package/components/Page/page.scss +80 -68
  36. package/components/Radio/radio.css +10 -13
  37. package/components/Radio/radio.scss +11 -17
  38. package/components/Switch/switch.css +1 -1
  39. package/components/Switch/switch.scss +1 -1
  40. package/components/Table/table-grid.css +8 -8
  41. package/components/Table/table-grid.scss +8 -8
  42. package/components/Table/table.css +92 -95
  43. package/components/Table/table.scss +94 -103
  44. package/components/Toolbar/toolbar.css +5 -11
  45. package/components/Toolbar/toolbar.scss +7 -19
  46. package/docs/components/Alert/examples/Alert.md +1 -1
  47. package/docs/components/Brand/examples/Brand.md +32 -75
  48. package/docs/components/Card/examples/Card.md +2 -110
  49. package/docs/components/Masthead/examples/masthead.md +7 -54
  50. package/docs/components/MenuToggle/examples/MenuToggle.md +42 -42
  51. package/docs/components/Nav/examples/Navigation.css +2 -1
  52. package/docs/components/NotificationBadge/examples/NotificationBadge.md +5 -7
  53. package/docs/components/Toolbar/examples/Toolbar.md +9 -11
  54. package/docs/demos/AboutModal/examples/AboutModal.md +83 -8
  55. package/docs/demos/Alert/examples/Alert.md +249 -24
  56. package/docs/demos/BackToTop/examples/BackToTop.md +83 -8
  57. package/docs/demos/Banner/examples/Banner.md +168 -16
  58. package/docs/demos/CardView/examples/CardView.md +83 -8
  59. package/docs/demos/ContextSelector/examples/ContextSelector.md +332 -32
  60. package/docs/demos/Dashboard/examples/Dashboard.md +83 -8
  61. package/docs/demos/DataList/examples/DataList.md +332 -32
  62. package/docs/demos/DescriptionList/examples/DescriptionList.md +249 -24
  63. package/docs/demos/Drawer/examples/Drawer.md +415 -40
  64. package/docs/demos/JumpLinks/examples/JumpLinks.md +498 -48
  65. package/docs/demos/Masthead/examples/Masthead.md +742 -67
  66. package/docs/demos/Modal/examples/Modal.md +498 -48
  67. package/docs/demos/Nav/examples/Nav.md +664 -64
  68. package/docs/demos/NotificationDrawer/examples/NotificationDrawer.md +415 -40
  69. package/docs/demos/Page/examples/Page.md +747 -72
  70. package/docs/demos/Page/examples/Penta.md +746 -0
  71. package/docs/demos/PrimaryDetail/examples/PrimaryDetail.md +581 -56
  72. package/docs/demos/Skeleton/examples/Skeleton.md +83 -8
  73. package/docs/demos/Table/examples/Table.md +1245 -120
  74. package/docs/demos/Tabs/examples/Tabs.md +498 -48
  75. package/docs/demos/Toolbar/examples/Toolbar.md +166 -16
  76. package/docs/demos/Wizard/examples/Wizard.md +747 -72
  77. package/package.json +4 -3
  78. package/patternfly-base-no-globals-theme-dark-unversioned.css +860 -0
  79. package/patternfly-base-no-globals.css +860 -0
  80. package/patternfly-base-theme-dark-unversioned.css +872 -13
  81. package/patternfly-base.css +872 -13
  82. package/patternfly-no-globals.css +1609 -897
  83. package/patternfly-theme-dark-unversioned.css +1621 -910
  84. package/patternfly.css +1621 -910
  85. package/patternfly.min.css +1 -1
  86. package/patternfly.min.css.map +1 -1
  87. package/assets/images/pf-c-brand__logo-on-lg-white.svg +0 -32
  88. package/assets/images/pf-c-brand__logo-on-md-white.svg +0 -42
  89. package/assets/images/pf-c-brand__logo-on-sm-white.svg +0 -17
  90. package/assets/images/pf-c-brand__logo-on-xl-white.svg +0 -39
  91. package/assets/images/pf_logo_white.hbs +0 -35
  92. package/assets/images/pf_logo_white.svg +0 -38
  93. package/components/Alert/themes/dark/alert.scss +0 -17
  94. package/components/Masthead/themes/dark/masthead.scss +0 -14
  95. package/components/NotificationBadge/themes/dark/notification-badge.scss +0 -10
  96. package/docs/components/Brand/examples/Brand.css +0 -12
  97. package/docs/components/NotificationBadge/examples/NotificationBadge.css +0 -3
package/patternfly.css CHANGED
@@ -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;
@@ -613,10 +1473,10 @@ body) {
613
1473
  }
614
1474
 
615
1475
  :where(body) {
616
- font-family: var(--pf-v5-global--FontFamily--text);
617
- font-size: var(--pf-v5-global--FontSize--md);
618
- font-weight: var(--pf-v5-global--FontWeight--normal);
619
- line-height: var(--pf-v5-global--LineHeight--md);
1476
+ font-family: var(--pf-t--global--font--family--body);
1477
+ font-size: var(--pf-t--global--font--size--body);
1478
+ font-weight: var(--pf-t--global--font--weight--body);
1479
+ line-height: var(--pf-t--global--font--line-height--body);
620
1480
  }
621
1481
 
622
1482
  :where(h1,
@@ -626,7 +1486,7 @@ h4,
626
1486
  h5,
627
1487
  h6) {
628
1488
  font-size: 100%;
629
- font-weight: var(--pf-v5-global--FontWeight--normal);
1489
+ font-weight: var(--pf-t--global--font--weight--body);
630
1490
  }
631
1491
 
632
1492
  :where(ul) {
@@ -641,8 +1501,8 @@ textarea) {
641
1501
  margin: 0;
642
1502
  font-family: inherit;
643
1503
  font-size: 100%;
644
- line-height: var(--pf-v5-global--LineHeight--md);
645
- color: var(--pf-v5-global--Color--100);
1504
+ line-height: var(--pf-t--global--font--line-height--body);
1505
+ color: var(--pf-t--global--text--color--regular);
646
1506
  }
647
1507
 
648
1508
  :where(img,
@@ -672,18 +1532,17 @@ th) {
672
1532
 
673
1533
  :where(code,
674
1534
  pre) {
675
- font-family: var(--pf-v5-global--FontFamily--monospace);
1535
+ font-family: var(--pf-t--global--font--family--mono);
676
1536
  }
677
1537
 
678
1538
  :where(a) {
679
- font-weight: var(--pf-v5-global--link--FontWeight);
680
- color: var(--pf-v5-global--link--Color);
681
- text-decoration: var(--pf-v5-global--link--TextDecoration);
1539
+ color: var(--pf-t--global--text--color--link--default);
1540
+ text-decoration: var(--pf-t--global--link--text-decoration);
682
1541
  }
683
1542
 
684
1543
  :where(a:hover) {
685
- --pf-v5-global--link--Color: var(--pf-v5-global--link--Color--hover);
686
- --pf-v5-global--link--TextDecoration: var(--pf-v5-global--link--TextDecoration--hover);
1544
+ --pf-v5-global--link--Color: var(--pf-t--global--text--color--link--hover);
1545
+ --pf-v5-global--link--TextDecoration: var(--pf-t--global--link--text-decoration--hover);
687
1546
  }
688
1547
 
689
1548
  :where(a,
@@ -5663,7 +6522,7 @@ button) {
5663
6522
 
5664
6523
  :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,
5665
6524
  :where(.pf-v5-theme-dark) .pf-v5-c-page__main-section[class*=pf-m-dark-] .pf-v5-c-button,
5666
- :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,
6525
+ :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,
5667
6526
  :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 {
5668
6527
  --pf-v5-c-button--m-primary--BackgroundColor: var(--pf-v5-global--primary-color--300);
5669
6528
  }
@@ -5900,7 +6759,7 @@ button) {
5900
6759
 
5901
6760
  :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,
5902
6761
  :where(.pf-v5-theme-dark) .pf-v5-c-page__main-section[class*=pf-m-dark-] .pf-v5-c-button,
5903
- :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,
6762
+ :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,
5904
6763
  :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 {
5905
6764
  --pf-v5-c-button--m-primary--BackgroundColor: var(--pf-v5-global--primary-color--300);
5906
6765
  }
@@ -5939,65 +6798,64 @@ button) {
5939
6798
  --pf-v5-c-action-list--child--spacer: var(--pf-v5-c-action-list--m-icon--spacer);
5940
6799
  }
5941
6800
 
5942
- .pf-v5-c-alert {
5943
- --pf-v5-c-alert--BoxShadow: var(--pf-v5-global--BoxShadow--lg);
5944
- --pf-v5-c-alert--BackgroundColor: var(--pf-v5-global--BackgroundColor--100);
6801
+ :root {
6802
+ --pf-v5-c-alert--BoxShadow: var(--pf-t--global--box-shadow--lg);
6803
+ --pf-v5-c-alert--BackgroundColor: var(--pf-t--global--background--color--floating--default);
5945
6804
  --pf-v5-c-alert--GridTemplateColumns: max-content 1fr max-content;
5946
6805
  --pf-v5-c-alert--GridTemplateAreas:
5947
6806
  "icon title action"
5948
6807
  ". description description"
5949
6808
  ". actiongroup actiongroup";
5950
- --pf-v5-c-alert--BorderTopWidth: var(--pf-v5-global--BorderWidth--md);
5951
- --pf-v5-c-alert--BorderTopColor: var(--pf-v5-global--BorderColor--100);
5952
- --pf-v5-c-alert--PaddingTop: var(--pf-v5-global--spacer--md);
5953
- --pf-v5-c-alert--PaddingRight: var(--pf-v5-global--spacer--md);
5954
- --pf-v5-c-alert--PaddingBottom: var(--pf-v5-global--spacer--md);
5955
- --pf-v5-c-alert--PaddingLeft: var(--pf-v5-global--spacer--md);
5956
- --pf-v5-c-alert__FontSize: var(--pf-v5-global--FontSize--sm);
6809
+ --pf-v5-c-alert--BorderWidth: var(--pf-t--global--border--width--200);
6810
+ --pf-v5-c-alert--BorderColor: transparent;
6811
+ --pf-v5-c-alert--BorderRadius: var(--pf-t--global--border--radius--medium);
6812
+ --pf-v5-c-alert--PaddingTop: var(--pf-t--global--spacer--md);
6813
+ --pf-v5-c-alert--PaddingRight: var(--pf-t--global--spacer--md);
6814
+ --pf-v5-c-alert--PaddingBottom: var(--pf-t--global--spacer--md);
6815
+ --pf-v5-c-alert--PaddingLeft: var(--pf-t--global--spacer--md);
6816
+ --pf-v5-c-alert--FontSize: var(--pf-t--global--font--size--body);
5957
6817
  --pf-v5-c-alert__toggle--MarginTop: calc(-1 * var(--pf-v5-global--spacer--form-element) - 0.0625rem);
5958
6818
  --pf-v5-c-alert__toggle--MarginBottom: calc(-1 * var(--pf-v5-global--spacer--form-element));
5959
- --pf-v5-c-alert__toggle--MarginLeft: calc(-1 * var(--pf-v5-global--spacer--md));
6819
+ --pf-v5-c-alert__toggle--MarginRight: var(--pf-t--global--spacer--sm);
5960
6820
  --pf-v5-c-alert__toggle-icon--Rotate: 0;
5961
6821
  --pf-v5-c-alert__toggle-icon--Transition: var(--pf-v5-global--Transition);
5962
- --pf-v5-c-alert__icon--Color: var(--pf-v5-global--Color--100);
5963
- --pf-v5-c-alert__icon--MarginTop: 0.0625rem;
5964
- --pf-v5-c-alert__icon--MarginRight: var(--pf-v5-global--spacer--sm);
5965
- --pf-v5-c-alert__icon--FontSize: var(--pf-v5-global--icon--FontSize--md);
5966
- --pf-v5-c-alert__title--FontWeight: var(--pf-v5-global--FontWeight--bold);
5967
- --pf-v5-c-alert__title--Color: var(--pf-v5-global--Color--100);
6822
+ --pf-v5-c-alert__icon--Color: var(--pf-t--global--icon--color--regular);
6823
+ --pf-v5-c-alert__icon--MarginTop: 0.25rem;
6824
+ --pf-v5-c-alert__icon--MarginRight: var(--pf-t--global--spacer--sm);
6825
+ --pf-v5-c-alert__icon--FontSize: var(--pf-t--global--icon--size--md);
6826
+ --pf-v5-c-alert__title--FontSize: var(--pf-t--global--font--size--heading--xs);
6827
+ --pf-v5-c-alert__title--FontWeight: var(--pf-t--global--font--weight--heading--bold);
6828
+ --pf-v5-c-alert__title--LineHeight: var(--pf-t--global--font--line-height--heading);
6829
+ --pf-v5-c-alert__title--Color: var(--pf-t--global--text--color--regular);
5968
6830
  --pf-v5-c-alert__title--max-lines: 1;
5969
6831
  --pf-v5-c-alert__action--MarginTop: calc(var(--pf-v5-global--spacer--form-element) * -1);
5970
6832
  --pf-v5-c-alert__action--MarginBottom: calc(var(--pf-v5-global--spacer--form-element) * -1);
5971
6833
  --pf-v5-c-alert__action--TranslateY: 0.125rem;
5972
- --pf-v5-c-alert__action--MarginRight: calc(var(--pf-v5-global--spacer--sm) * -1);
5973
- --pf-v5-c-alert__description--PaddingTop: var(--pf-v5-global--spacer--xs);
5974
- --pf-v5-c-alert__action-group--PaddingTop-base: var(--pf-v5-global--spacer--xs);
6834
+ --pf-v5-c-alert__action--MarginRight: calc(var(--pf-t--global--spacer--sm) * -1);
6835
+ --pf-v5-c-alert__description--PaddingTop: var(--pf-t--global--spacer--xs);
6836
+ --pf-v5-c-alert__action-group--PaddingTop-base: var(--pf-t--global--spacer--xs);
5975
6837
  --pf-v5-c-alert__action-group--PaddingTop: var(--pf-v5-c-alert__action-group--PaddingTop-base);
5976
- --pf-v5-c-alert__description--action-group--PaddingTop-base: var(--pf-v5-global--spacer--md);
6838
+ --pf-v5-c-alert__description--action-group--PaddingTop-base: var(--pf-t--global--spacer--sm);
5977
6839
  --pf-v5-c-alert__description--action-group--PaddingTop: var(--pf-v5-c-alert__description--action-group--PaddingTop-base);
5978
- --pf-v5-c-alert__action-group__c-button--not-last-child--MarginRight: var(--pf-v5-global--spacer--lg);
5979
- --pf-v5-c-alert--m-custom--BorderTopColor: var(--pf-v5-global--custom-color--200);
5980
- --pf-v5-c-alert--m-custom__icon--Color: var(--pf-v5-global--custom-color--200);
5981
- --pf-v5-c-alert--m-custom__title--Color: var(--pf-v5-global--custom-color--300);
5982
- --pf-v5-c-alert--m-success--BorderTopColor: var(--pf-v5-global--success-color--100);
5983
- --pf-v5-c-alert--m-success__icon--Color: var(--pf-v5-global--success-color--100);
5984
- --pf-v5-c-alert--m-success__title--Color: var(--pf-v5-global--success-color--200);
5985
- --pf-v5-c-alert--m-danger--BorderTopColor: var(--pf-v5-global--danger-color--100);
5986
- --pf-v5-c-alert--m-danger__icon--Color: var(--pf-v5-global--danger-color--100);
5987
- --pf-v5-c-alert--m-danger__title--Color: var(--pf-v5-global--danger-color--200);
5988
- --pf-v5-c-alert--m-warning--BorderTopColor: var(--pf-v5-global--warning-color--100);
5989
- --pf-v5-c-alert--m-warning__icon--Color: var(--pf-v5-global--warning-color--100);
5990
- --pf-v5-c-alert--m-warning__title--Color: var(--pf-v5-global--warning-color--200);
5991
- --pf-v5-c-alert--m-info--BorderTopColor: var(--pf-v5-global--info-color--100);
5992
- --pf-v5-c-alert--m-info__icon--Color: var(--pf-v5-global--info-color--100);
5993
- --pf-v5-c-alert--m-info__title--Color: var(--pf-v5-global--info-color--200);
6840
+ --pf-v5-c-alert__action-group__c-button--not-last-child--MarginRight: var(--pf-t--global--spacer--lg);
6841
+ --pf-v5-c-alert--m-custom--BorderColor: var(--pf-t--global--border--color--status--custom--default);
6842
+ --pf-v5-c-alert--m-custom__icon--Color: var(--pf-t--global--icon--color--status--custom--default);
6843
+ --pf-v5-c-alert--m-custom__title--Color: var(--pf-t--global--text--color--regular);
6844
+ --pf-v5-c-alert--m-success--BorderColor: var(--pf-t--global--border--color--status--success--default);
6845
+ --pf-v5-c-alert--m-success__icon--Color: var(--pf-t--global--icon--color--status--success--default);
6846
+ --pf-v5-c-alert--m-success__title--Color: var(--pf-t--global--text--color--regular);
6847
+ --pf-v5-c-alert--m-danger--BorderColor: var(--pf-t--global--border--color--status--danger--default);
6848
+ --pf-v5-c-alert--m-danger__icon--Color: var(--pf-t--global--icon--color--status--danger--default);
6849
+ --pf-v5-c-alert--m-danger__title--Color: var(--pf-t--global--text--color--regular);
6850
+ --pf-v5-c-alert--m-warning--BorderColor: var(--pf-t--global--border--color--status--warning--default);
6851
+ --pf-v5-c-alert--m-warning__icon--Color: var(--pf-t--global--icon--color--status--warning--default);
6852
+ --pf-v5-c-alert--m-warning__title--Color: var(--pf-t--global--text--color--regular);
6853
+ --pf-v5-c-alert--m-info--BorderColor: var(--pf-t--global--border--color--status--info--default);
6854
+ --pf-v5-c-alert--m-info__icon--Color: var(--pf-t--global--icon--color--status--info--default);
6855
+ --pf-v5-c-alert--m-info__title--Color: var(--pf-t--global--text--color--regular);
6856
+ --pf-v5-c-alert--m-inline--BackgroundColor: var(--pf-t--global--background--color--primary--default);
5994
6857
  --pf-v5-c-alert--m-inline--BoxShadow: none;
5995
- --pf-v5-c-alert--m-inline--m-custom--BackgroundColor: var(--pf-v5-global--palette--cyan-50);
5996
- --pf-v5-c-alert--m-inline--m-success--BackgroundColor: var(--pf-v5-global--palette--green-50);
5997
- --pf-v5-c-alert--m-inline--m-danger--BackgroundColor: var(--pf-v5-global--palette--red-50);
5998
- --pf-v5-c-alert--m-inline--m-warning--BackgroundColor: var(--pf-v5-global--palette--gold-50);
5999
- --pf-v5-c-alert--m-inline--m-info--BackgroundColor: var(--pf-v5-global--palette--blue-50);
6000
- --pf-v5-c-alert--m-inline--m-plain--BorderTopWidth: 0;
6858
+ --pf-v5-c-alert--m-inline--m-plain--BorderWidth: 0;
6001
6859
  --pf-v5-c-alert--m-inline--m-plain--BackgroundColor: transparent;
6002
6860
  --pf-v5-c-alert--m-inline--m-plain--PaddingTop: 0;
6003
6861
  --pf-v5-c-alert--m-inline--m-plain--PaddingRight: 0;
@@ -6011,7 +6869,9 @@ button) {
6011
6869
  --pf-v5-c-alert--m-expandable__description--action-group--PaddingTop: var(--pf-v5-c-alert__action-group--PaddingTop-base);
6012
6870
  --pf-v5-c-alert--m-expanded__toggle-icon--Rotate: 90deg;
6013
6871
  --pf-v5-c-alert--m-expanded__description--action-group--PaddingTop: var(--pf-v5-c-alert__description--action-group--PaddingTop-base);
6014
- color: var(--pf-v5-global--Color--100);
6872
+ }
6873
+
6874
+ .pf-v5-c-alert {
6015
6875
  position: relative;
6016
6876
  display: grid;
6017
6877
  grid-template-areas: var(--pf-v5-c-alert--GridTemplateAreas);
@@ -6020,47 +6880,43 @@ button) {
6020
6880
  padding-block-end: var(--pf-v5-c-alert--PaddingBottom);
6021
6881
  padding-inline-start: var(--pf-v5-c-alert--PaddingLeft);
6022
6882
  padding-inline-end: var(--pf-v5-c-alert--PaddingRight);
6023
- font-size: var(--pf-v5-c-alert__FontSize);
6883
+ font-size: var(--pf-v5-c-alert--FontSize);
6024
6884
  background-color: var(--pf-v5-c-alert--BackgroundColor);
6025
- border-block-start: var(--pf-v5-c-alert--BorderTopWidth) solid var(--pf-v5-c-alert--BorderTopColor);
6885
+ border: var(--pf-v5-c-alert--BorderWidth) solid var(--pf-v5-c-alert--BorderColor);
6886
+ border-radius: var(--pf-v5-c-alert--BorderRadius);
6026
6887
  box-shadow: var(--pf-v5-c-alert--BoxShadow);
6027
6888
  }
6028
6889
  .pf-v5-c-alert.pf-m-custom {
6029
- --pf-v5-c-alert--BorderTopColor: var(--pf-v5-c-alert--m-custom--BorderTopColor);
6890
+ --pf-v5-c-alert--BorderColor: var(--pf-v5-c-alert--m-custom--BorderColor);
6030
6891
  --pf-v5-c-alert__icon--Color: var(--pf-v5-c-alert--m-custom__icon--Color);
6031
6892
  --pf-v5-c-alert__title--Color: var(--pf-v5-c-alert--m-custom__title--Color);
6032
- --pf-v5-c-alert--m-inline--BackgroundColor: var(--pf-v5-c-alert--m-inline--m-custom--BackgroundColor);
6033
6893
  }
6034
6894
  .pf-v5-c-alert.pf-m-success {
6035
- --pf-v5-c-alert--BorderTopColor: var(--pf-v5-c-alert--m-success--BorderTopColor);
6895
+ --pf-v5-c-alert--BorderColor: var(--pf-v5-c-alert--m-success--BorderColor);
6036
6896
  --pf-v5-c-alert__icon--Color: var(--pf-v5-c-alert--m-success__icon--Color);
6037
6897
  --pf-v5-c-alert__title--Color: var(--pf-v5-c-alert--m-success__title--Color);
6038
- --pf-v5-c-alert--m-inline--BackgroundColor: var(--pf-v5-c-alert--m-inline--m-success--BackgroundColor);
6039
6898
  }
6040
6899
  .pf-v5-c-alert.pf-m-danger {
6041
- --pf-v5-c-alert--BorderTopColor: var(--pf-v5-c-alert--m-danger--BorderTopColor);
6900
+ --pf-v5-c-alert--BorderColor: var(--pf-v5-c-alert--m-danger--BorderColor);
6042
6901
  --pf-v5-c-alert__icon--Color: var(--pf-v5-c-alert--m-danger__icon--Color);
6043
6902
  --pf-v5-c-alert__title--Color: var(--pf-v5-c-alert--m-danger__title--Color);
6044
- --pf-v5-c-alert--m-inline--BackgroundColor: var(--pf-v5-c-alert--m-inline--m-danger--BackgroundColor);
6045
6903
  }
6046
6904
  .pf-v5-c-alert.pf-m-warning {
6047
- --pf-v5-c-alert--BorderTopColor: var(--pf-v5-c-alert--m-warning--BorderTopColor);
6905
+ --pf-v5-c-alert--BorderColor: var(--pf-v5-c-alert--m-warning--BorderColor);
6048
6906
  --pf-v5-c-alert__icon--Color: var(--pf-v5-c-alert--m-warning__icon--Color);
6049
6907
  --pf-v5-c-alert__title--Color: var(--pf-v5-c-alert--m-warning__title--Color);
6050
- --pf-v5-c-alert--m-inline--BackgroundColor: var(--pf-v5-c-alert--m-inline--m-warning--BackgroundColor);
6051
6908
  }
6052
6909
  .pf-v5-c-alert.pf-m-info {
6053
- --pf-v5-c-alert--BorderTopColor: var(--pf-v5-c-alert--m-info--BorderTopColor);
6910
+ --pf-v5-c-alert--BorderColor: var(--pf-v5-c-alert--m-info--BorderColor);
6054
6911
  --pf-v5-c-alert__icon--Color: var(--pf-v5-c-alert--m-info__icon--Color);
6055
6912
  --pf-v5-c-alert__title--Color: var(--pf-v5-c-alert--m-info__title--Color);
6056
- --pf-v5-c-alert--m-inline--BackgroundColor: var(--pf-v5-c-alert--m-inline--m-info--BackgroundColor);
6057
6913
  }
6058
6914
  .pf-v5-c-alert.pf-m-inline {
6059
6915
  --pf-v5-c-alert--BoxShadow: var(--pf-v5-c-alert--m-inline--BoxShadow);
6060
6916
  --pf-v5-c-alert--BackgroundColor: var(--pf-v5-c-alert--m-inline--BackgroundColor);
6061
6917
  }
6062
6918
  .pf-v5-c-alert.pf-m-plain {
6063
- --pf-v5-c-alert--BorderTopWidth: var(--pf-v5-c-alert--m-inline--m-plain--BorderTopWidth);
6919
+ --pf-v5-c-alert--BorderWidth: var(--pf-v5-c-alert--m-inline--m-plain--BorderWidth);
6064
6920
  --pf-v5-c-alert--BackgroundColor: var(--pf-v5-c-alert--m-inline--m-plain--BackgroundColor);
6065
6921
  --pf-v5-c-alert--PaddingTop: var(--pf-v5-c-alert--m-inline--m-plain--PaddingTop);
6066
6922
  --pf-v5-c-alert--PaddingRight: var(--pf-v5-c-alert--m-inline--m-plain--PaddingRight);
@@ -6080,7 +6936,7 @@ button) {
6080
6936
  .pf-v5-c-alert__toggle {
6081
6937
  margin-block-start: var(--pf-v5-c-alert__toggle--MarginTop);
6082
6938
  margin-block-end: var(--pf-v5-c-alert__toggle--MarginBottom);
6083
- margin-inline-start: var(--pf-v5-c-alert__toggle--MarginLeft);
6939
+ margin-inline-end: var(--pf-v5-c-alert__toggle--MarginRight);
6084
6940
  }
6085
6941
 
6086
6942
  .pf-v5-c-alert__toggle-icon {
@@ -6103,7 +6959,9 @@ button) {
6103
6959
 
6104
6960
  .pf-v5-c-alert__title {
6105
6961
  grid-area: title;
6962
+ font-size: var(--pf-v5-c-alert__title--FontSize);
6106
6963
  font-weight: var(--pf-v5-c-alert__title--FontWeight);
6964
+ line-height: var(--pf-v5-c-alert__title--LineHeight);
6107
6965
  color: var(--pf-v5-c-alert__title--Color);
6108
6966
  word-break: break-word;
6109
6967
  }
@@ -6145,47 +7003,28 @@ button) {
6145
7003
  margin-inline-end: var(--pf-v5-c-alert__action-group__c-button--not-last-child--MarginRight);
6146
7004
  }
6147
7005
 
6148
- :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,
6149
- :where(.pf-v5-theme-dark) .pf-v5-c-page__main-section[class*=pf-m-dark-] .pf-v5-c-button,
6150
- :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,
6151
- :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 {
6152
- --pf-v5-c-button--m-primary--BackgroundColor: var(--pf-v5-global--primary-color--300);
6153
- }
6154
-
6155
- :where(.pf-v5-theme-dark) .pf-v5-c-alert {
6156
- --pf-v5-c-alert--BackgroundColor: var(--pf-v5-global--BackgroundColor--300);
6157
- --pf-v5-c-alert--m-custom__title--Color: var(--pf-v5-global--custom-color--200);
6158
- --pf-v5-c-alert--m-success__title--Color: var(--pf-v5-global--success-color--100);
6159
- --pf-v5-c-alert--m-danger__title--Color: var(--pf-v5-global--danger-color--100);
6160
- --pf-v5-c-alert--m-warning__title--Color: var(--pf-v5-global--warning-color--100);
6161
- --pf-v5-c-alert--m-info__title--Color: var(--pf-v5-global--info-color--100);
6162
- --pf-v5-c-alert--m-inline--m-custom--BackgroundColor: var(--pf-v5-global--BackgroundColor--300);
6163
- --pf-v5-c-alert--m-inline--m-success--BackgroundColor: var(--pf-v5-global--BackgroundColor--300);
6164
- --pf-v5-c-alert--m-inline--m-danger--BackgroundColor: var(--pf-v5-global--BackgroundColor--300);
6165
- --pf-v5-c-alert--m-inline--m-warning--BackgroundColor: var(--pf-v5-global--BackgroundColor--300);
6166
- --pf-v5-c-alert--m-inline--m-info--BackgroundColor: var(--pf-v5-global--BackgroundColor--300);
6167
- }
6168
-
6169
7006
  .pf-v5-c-alert-group {
6170
- --pf-v5-c-alert-group__item--MarginTop: var(--pf-v5-global--spacer--sm);
6171
- --pf-v5-c-alert-group--m-toast--Top: var(--pf-v5-global--spacer--2xl);
6172
- --pf-v5-c-alert-group--m-toast--Right: var(--pf-v5-global--spacer--xl);
7007
+ --pf-v5-c-alert-group__item--MarginTop: var(--pf-t--global--spacer--md);
7008
+ --pf-v5-c-alert-group--m-toast--Top: var(--pf-t--global--spacer--2xl);
7009
+ --pf-v5-c-alert-group--m-toast--Right: var(--pf-t--global--spacer--xl);
6173
7010
  --pf-v5-c-alert-group--m-toast--MaxWidth: 37.5rem;
6174
7011
  --pf-v5-c-alert-group--m-toast--ZIndex: var(--pf-v5-global--ZIndex--2xl);
6175
7012
  --pf-v5-c-alert-group__overflow-button--BorderWidth: 0;
6176
- --pf-v5-c-alert-group__overflow-button--PaddingTop: var(--pf-v5-global--spacer--lg);
6177
- --pf-v5-c-alert-group__overflow-button--PaddingRight: var(--pf-v5-global--spacer--md);
6178
- --pf-v5-c-alert-group__overflow-button--PaddingBottom: var(--pf-v5-global--spacer--lg);
6179
- --pf-v5-c-alert-group__overflow-button--PaddingLeft: var(--pf-v5-global--spacer--md);
6180
- --pf-v5-c-alert-group__overflow-button--Color: var(--pf-v5-global--link--Color);
6181
- --pf-v5-c-alert-group__overflow-button--BoxShadow: var(--pf-v5-global--BoxShadow--lg);
6182
- --pf-v5-c-alert-group__overflow-button--BackgroundColor: var(--pf-v5-global--BackgroundColor--100);
6183
- --pf-v5-c-alert-group__overflow-button--hover--Color: var(--pf-v5-global--link--Color--hover);
6184
- --pf-v5-c-alert-group__overflow-button--hover--BoxShadow: var(--pf-v5-global--BoxShadow--lg), var(--pf-v5-global--BoxShadow--lg-bottom);
6185
- --pf-v5-c-alert-group__overflow-button--focus--Color: var(--pf-v5-global--link--Color--hover);
6186
- --pf-v5-c-alert-group__overflow-button--focus--BoxShadow: var(--pf-v5-global--BoxShadow--lg), var(--pf-v5-global--BoxShadow--lg-bottom);
6187
- --pf-v5-c-alert-group__overflow-button--active--Color: var(--pf-v5-global--link--Color--hover);
6188
- --pf-v5-c-alert-group__overflow-button--active--BoxShadow: var(--pf-v5-global--BoxShadow--lg), var(--pf-v5-global--BoxShadow--lg-bottom);
7013
+ --pf-v5-c-alert-group__overflow-button--BorderRadius: var(--pf-t--global--border--radius--medium);
7014
+ --pf-v5-c-alert-group__overflow-button--PaddingTop: var(--pf-t--global--spacer--md);
7015
+ --pf-v5-c-alert-group__overflow-button--PaddingRight: var(--pf-t--global--spacer--md);
7016
+ --pf-v5-c-alert-group__overflow-button--PaddingBottom: var(--pf-t--global--spacer--md);
7017
+ --pf-v5-c-alert-group__overflow-button--PaddingLeft: var(--pf-t--global--spacer--md);
7018
+ --pf-v5-c-alert-group__overflow-button--Color: var(--pf-t--global--text--color--link--default);
7019
+ --pf-v5-c-alert-group__overflow-button--BoxShadow: var(--pf-t--global--box-shadow--lg);
7020
+ --pf-v5-c-alert-group__overflow-button--BackgroundColor: var(--pf-t--global--background--color--floating--default);
7021
+ --pf-v5-c-alert-group__overflow-button--hover--Color: var(--pf-t--global--text--color--link--hover);
7022
+ --pf-v5-c-alert-group__overflow-button--hover--BackgroundColor: var(--pf-t--global--background--color--floating--hover);
7023
+ --pf-v5-c-alert-group__overflow-button--hover--BoxShadow: var(--pf-t--global--box-shadow--lg), var(--pf-t--global--box-shadow--lg--bottom);
7024
+ --pf-v5-c-alert-group__overflow-button--focus--Color: var(--pf-t--global--text--color--link--hover);
7025
+ --pf-v5-c-alert-group__overflow-button--focus--BoxShadow: var(--pf-t--global--box-shadow--lg), var(--pf-t--global--box-shadow--lg--bottom);
7026
+ --pf-v5-c-alert-group__overflow-button--active--Color: var(--pf-t--global--text--color--link--hover);
7027
+ --pf-v5-c-alert-group__overflow-button--active--BoxShadow: var(--pf-t--global--box-shadow--lg), var(--pf-t--global--box-shadow--lg--bottom);
6189
7028
  }
6190
7029
  .pf-v5-c-alert-group > * + * {
6191
7030
  margin-block-start: var(--pf-v5-c-alert-group__item--MarginTop);
@@ -6209,10 +7048,12 @@ button) {
6209
7048
  color: var(--pf-v5-c-alert-group__overflow-button--Color);
6210
7049
  background-color: var(--pf-v5-c-alert-group__overflow-button--BackgroundColor);
6211
7050
  border-width: var(--pf-v5-c-alert-group__overflow-button--BorderWidth);
7051
+ border-radius: var(--pf-v5-c-alert-group__overflow-button--BorderRadius);
6212
7052
  box-shadow: var(--pf-v5-c-alert-group__overflow-button--BoxShadow);
6213
7053
  }
6214
7054
  .pf-v5-c-alert-group__overflow-button:hover {
6215
7055
  --pf-v5-c-alert-group__overflow-button--Color: var(--pf-v5-c-alert-group__overflow-button--hover--Color);
7056
+ --pf-v5-c-alert-group__overflow-button--BackgroundColor: var(--pf-v5-c-alert-group__overflow-button--hover--BackgroundColor);
6216
7057
  --pf-v5-c-alert-group__overflow-button--BoxShadow: var(--pf-v5-c-alert-group__overflow-button--hover--BoxShadow);
6217
7058
  }
6218
7059
  .pf-v5-c-alert-group__overflow-button:focus {
@@ -6461,7 +7302,7 @@ button) {
6461
7302
 
6462
7303
  :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,
6463
7304
  :where(.pf-v5-theme-dark) .pf-v5-c-page__main-section[class*=pf-m-dark-] .pf-v5-c-button,
6464
- :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,
7305
+ :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,
6465
7306
  :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 {
6466
7307
  --pf-v5-c-button--m-primary--BackgroundColor: var(--pf-v5-global--primary-color--300);
6467
7308
  }
@@ -6833,7 +7674,7 @@ button) {
6833
7674
 
6834
7675
  :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,
6835
7676
  :where(.pf-v5-theme-dark) .pf-v5-c-page__main-section[class*=pf-m-dark-] .pf-v5-c-button,
6836
- :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,
7677
+ :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,
6837
7678
  :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 {
6838
7679
  --pf-v5-c-button--m-primary--BackgroundColor: var(--pf-v5-global--primary-color--300);
6839
7680
  }
@@ -6934,7 +7775,7 @@ button) {
6934
7775
 
6935
7776
  :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,
6936
7777
  :where(.pf-v5-theme-dark) .pf-v5-c-page__main-section[class*=pf-m-dark-] .pf-v5-c-button,
6937
- :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,
7778
+ :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,
6938
7779
  :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 {
6939
7780
  --pf-v5-c-button--m-primary--BackgroundColor: var(--pf-v5-global--primary-color--300);
6940
7781
  }
@@ -7106,175 +7947,180 @@ button.pf-v5-c-breadcrumb__link {
7106
7947
  }
7107
7948
 
7108
7949
  .pf-v5-c-button {
7109
- --pf-v5-c-button--PaddingTop: var(--pf-v5-global--spacer--form-element);
7110
- --pf-v5-c-button--PaddingRight: var(--pf-v5-global--spacer--md);
7111
- --pf-v5-c-button--PaddingBottom: var(--pf-v5-global--spacer--form-element);
7112
- --pf-v5-c-button--PaddingLeft: var(--pf-v5-global--spacer--md);
7113
- --pf-v5-c-button--LineHeight: var(--pf-v5-global--LineHeight--md);
7114
- --pf-v5-c-button--FontWeight: var(--pf-v5-global--FontWeight--normal);
7115
- --pf-v5-c-button--FontSize: var(--pf-v5-global--FontSize--md);
7950
+ --pf-v5-c-button--PaddingTop: var(--pf-t--global--spacer--sm);
7951
+ --pf-v5-c-button--PaddingRight: var(--pf-t--global--spacer--lg);
7952
+ --pf-v5-c-button--PaddingBottom: var(--pf-t--global--spacer--sm);
7953
+ --pf-v5-c-button--PaddingLeft: var(--pf-t--global--spacer--lg);
7954
+ --pf-v5-c-button--LineHeight: var(--pf-t--global--font--line-height--body);
7955
+ --pf-v5-c-button--FontWeight: var(--pf-t--global--font--weight--body);
7956
+ --pf-v5-c-button--FontSize: var(--pf-t--global--font--size--body--md);
7116
7957
  --pf-v5-c-button--BackgroundColor: transparent;
7117
- --pf-v5-c-button--BorderRadius: var(--pf-v5-global--BorderRadius--sm);
7118
- --pf-v5-c-button--after--BorderRadius: var(--pf-v5-global--BorderRadius--sm);
7958
+ --pf-v5-c-button--BorderRadius: var(--pf-t--global--border--radius--pill);
7119
7959
  --pf-v5-c-button--after--BorderColor: transparent;
7120
- --pf-v5-c-button--after--BorderWidth: var(--pf-v5-global--BorderWidth--sm);
7121
- --pf-v5-c-button--hover--after--BorderWidth: var(--pf-v5-global--BorderWidth--md);
7122
- --pf-v5-c-button--focus--after--BorderWidth: var(--pf-v5-global--BorderWidth--md);
7123
- --pf-v5-c-button--active--after--BorderWidth: var(--pf-v5-global--BorderWidth--md);
7124
- --pf-v5-c-button--disabled--Color: var(--pf-v5-global--disabled-color--100);
7125
- --pf-v5-c-button--disabled--BackgroundColor: var(--pf-v5-global--disabled-color--200);
7960
+ --pf-v5-c-button--after--BorderWidth: var(--pf-t--global--border--width--button--default);
7961
+ --pf-v5-c-button--hover--after--BorderWidth: var(--pf-t--global--border--width--button--hover);
7962
+ --pf-v5-c-button--focus--after--BorderWidth: var(--pf-t--global--border--width--button--active);
7963
+ --pf-v5-c-button--active--after--BorderWidth: var(--pf-t--global--border--width--button--active);
7964
+ --pf-v5-c-button--disabled--Color: var(--pf-t--global--text--color--disabled--default);
7965
+ --pf-v5-c-button--disabled--BackgroundColor: var(--pf-t--global--background--color--disabled--default);
7126
7966
  --pf-v5-c-button--disabled--after--BorderColor: transparent;
7127
- --pf-v5-c-button--m-primary--BackgroundColor: var(--pf-v5-global--primary-color--100);
7128
- --pf-v5-c-button--m-primary--Color: var(--pf-v5-global--Color--light-100);
7129
- --pf-v5-c-button--m-primary--hover--BackgroundColor: var(--pf-v5-global--primary-color--200);
7130
- --pf-v5-c-button--m-primary--hover--Color: var(--pf-v5-global--Color--light-100);
7131
- --pf-v5-c-button--m-primary--focus--BackgroundColor: var(--pf-v5-global--primary-color--200);
7132
- --pf-v5-c-button--m-primary--focus--Color: var(--pf-v5-global--Color--light-100);
7133
- --pf-v5-c-button--m-primary--active--BackgroundColor: var(--pf-v5-global--primary-color--200);
7134
- --pf-v5-c-button--m-primary--active--Color: var(--pf-v5-global--Color--light-100);
7967
+ --pf-v5-c-button--m-primary--BackgroundColor: var(--pf-t--global--color--brand--default);
7968
+ --pf-v5-c-button--m-primary--Color: var(--pf-t--global--text--color--on-brand--default);
7969
+ --pf-v5-c-button--m-primary--hover--BackgroundColor: var(--pf-t--global--color--brand--hover);
7970
+ --pf-v5-c-button--m-primary--hover--Color: var(--pf-t--global--text--color--on-brand--hover);
7971
+ --pf-v5-c-button--m-primary--focus--BackgroundColor: var(--pf-t--global--color--brand--active);
7972
+ --pf-v5-c-button--m-primary--focus--Color: var(--pf-t--global--text--color--on-brand--active);
7973
+ --pf-v5-c-button--m-primary--active--BackgroundColor: var(--pf-t--global--color--brand--active);
7974
+ --pf-v5-c-button--m-primary--active--Color: var(--pf-t--global--text--color--on-brand--active);
7135
7975
  --pf-v5-c-button--m-secondary--BackgroundColor: transparent;
7136
- --pf-v5-c-button--m-secondary--after--BorderColor: var(--pf-v5-global--primary-color--100);
7137
- --pf-v5-c-button--m-secondary--Color: var(--pf-v5-global--primary-color--100);
7976
+ --pf-v5-c-button--m-secondary--after--BorderColor: var(--pf-t--global--border--color--brand--default);
7977
+ --pf-v5-c-button--m-secondary--Color: var(--pf-t--global--text--color--brand--default);
7138
7978
  --pf-v5-c-button--m-secondary--hover--BackgroundColor: transparent;
7139
- --pf-v5-c-button--m-secondary--hover--after--BorderColor: var(--pf-v5-global--primary-color--100);
7140
- --pf-v5-c-button--m-secondary--hover--Color: var(--pf-v5-global--primary-color--100);
7979
+ --pf-v5-c-button--m-secondary--hover--after--BorderColor: var(--pf-t--global--border--color--brand--hover);
7980
+ --pf-v5-c-button--m-secondary--hover--Color: var(--pf-t--global--text--color--brand--hover);
7141
7981
  --pf-v5-c-button--m-secondary--focus--BackgroundColor: transparent;
7142
- --pf-v5-c-button--m-secondary--focus--after--BorderColor: var(--pf-v5-global--primary-color--100);
7143
- --pf-v5-c-button--m-secondary--focus--Color: var(--pf-v5-global--primary-color--100);
7982
+ --pf-v5-c-button--m-secondary--focus--after--BorderColor: var(--pf-t--global--border--color--brand--active);
7983
+ --pf-v5-c-button--m-secondary--focus--Color: var(--pf-t--global--text--color--brand--active);
7144
7984
  --pf-v5-c-button--m-secondary--active--BackgroundColor: transparent;
7145
- --pf-v5-c-button--m-secondary--active--after--BorderColor: var(--pf-v5-global--primary-color--100);
7146
- --pf-v5-c-button--m-secondary--active--Color: var(--pf-v5-global--primary-color--100);
7985
+ --pf-v5-c-button--m-secondary--active--after--BorderColor: var(--pf-t--global--border--color--brand--active);
7986
+ --pf-v5-c-button--m-secondary--active--Color: var(--pf-t--global--text--color--brand--active);
7147
7987
  --pf-v5-c-button--m-secondary--m-danger--BackgroundColor: transparent;
7148
- --pf-v5-c-button--m-secondary--m-danger--Color: var(--pf-v5-global--danger-color--100);
7149
- --pf-v5-c-button--m-secondary--m-danger--after--BorderColor: var(--pf-v5-global--danger-color--100);
7988
+ --pf-v5-c-button--m-secondary--m-danger--Color: var(--pf-t--global--text--color--status--danger--default);
7989
+ --pf-v5-c-button--m-secondary--m-danger--after--BorderColor: var(--pf-t--global--border--color--status--danger--default);
7150
7990
  --pf-v5-c-button--m-secondary--m-danger--hover--BackgroundColor: transparent;
7151
- --pf-v5-c-button--m-secondary--m-danger--hover--Color: var(--pf-v5-global--danger-color--200);
7152
- --pf-v5-c-button--m-secondary--m-danger--hover--after--BorderColor: var(--pf-v5-global--danger-color--100);
7991
+ --pf-v5-c-button--m-secondary--m-danger--hover--Color: var(--pf-t--global--text--color--status--danger--hover);
7992
+ --pf-v5-c-button--m-secondary--m-danger--hover--after--BorderColor: var(--pf-t--global--border--color--status--danger--hover);
7153
7993
  --pf-v5-c-button--m-secondary--m-danger--focus--BackgroundColor: transparent;
7154
- --pf-v5-c-button--m-secondary--m-danger--focus--Color: var(--pf-v5-global--danger-color--200);
7155
- --pf-v5-c-button--m-secondary--m-danger--focus--after--BorderColor: var(--pf-v5-global--danger-color--100);
7994
+ --pf-v5-c-button--m-secondary--m-danger--focus--Color: var(--pf-t--global--text--color--status--danger--active);
7995
+ --pf-v5-c-button--m-secondary--m-danger--focus--after--BorderColor: var(--pf-t--global--border--color--status--danger--active);
7156
7996
  --pf-v5-c-button--m-secondary--m-danger--active--BackgroundColor: transparent;
7157
- --pf-v5-c-button--m-secondary--m-danger--active--Color: var(--pf-v5-global--danger-color--200);
7158
- --pf-v5-c-button--m-secondary--m-danger--active--after--BorderColor: var(--pf-v5-global--danger-color--100);
7997
+ --pf-v5-c-button--m-secondary--m-danger--active--Color: var(--pf-t--global--text--color--status--danger--active);
7998
+ --pf-v5-c-button--m-secondary--m-danger--active--after--BorderColor: var(--pf-t--global--border--color--status--danger--active);
7159
7999
  --pf-v5-c-button--m-tertiary--BackgroundColor: transparent;
7160
- --pf-v5-c-button--m-tertiary--after--BorderColor: var(--pf-v5-global--Color--100);
7161
- --pf-v5-c-button--m-tertiary--Color: var(--pf-v5-global--Color--100);
8000
+ --pf-v5-c-button--m-tertiary--after--BorderColor: var(--pf-t--global--border--color--default);
8001
+ --pf-v5-c-button--m-tertiary--Color: var(--pf-t--global--text--color--regular);
7162
8002
  --pf-v5-c-button--m-tertiary--hover--BackgroundColor: transparent;
7163
- --pf-v5-c-button--m-tertiary--hover--after--BorderColor: var(--pf-v5-global--Color--100);
7164
- --pf-v5-c-button--m-tertiary--hover--Color: var(--pf-v5-global--Color--100);
8003
+ --pf-v5-c-button--m-tertiary--hover--after--BorderColor: var(--pf-t--global--border--color--hover);
8004
+ --pf-v5-c-button--m-tertiary--hover--Color: var(--pf-t--global--text--color--regular);
7165
8005
  --pf-v5-c-button--m-tertiary--focus--BackgroundColor: transparent;
7166
- --pf-v5-c-button--m-tertiary--focus--after--BorderColor: var(--pf-v5-global--Color--100);
7167
- --pf-v5-c-button--m-tertiary--focus--Color: var(--pf-v5-global--Color--100);
8006
+ --pf-v5-c-button--m-tertiary--focus--after--BorderColor: var(--pf-t--global--border--color--active);
8007
+ --pf-v5-c-button--m-tertiary--focus--Color: var(--pf-t--global--text--color--regular);
7168
8008
  --pf-v5-c-button--m-tertiary--active--BackgroundColor: transparent;
7169
- --pf-v5-c-button--m-tertiary--active--after--BorderColor: var(--pf-v5-global--Color--100);
7170
- --pf-v5-c-button--m-tertiary--active--Color: var(--pf-v5-global--Color--100);
7171
- --pf-v5-c-button--m-warning--BackgroundColor: var(--pf-v5-global--warning-color--100);
7172
- --pf-v5-c-button--m-warning--Color: var(--pf-v5-global--Color--dark-100);
7173
- --pf-v5-c-button--m-warning--hover--BackgroundColor: var(--pf-v5-global--palette--gold-500);
7174
- --pf-v5-c-button--m-warning--hover--Color: var(--pf-v5-global--Color--dark-100);
7175
- --pf-v5-c-button--m-warning--focus--BackgroundColor: var(--pf-v5-global--palette--gold-500);
7176
- --pf-v5-c-button--m-warning--focus--Color: var(--pf-v5-global--Color--dark-100);
7177
- --pf-v5-c-button--m-warning--active--BackgroundColor: var(--pf-v5-global--palette--gold-500);
7178
- --pf-v5-c-button--m-warning--active--Color: var(--pf-v5-global--Color--dark-100);
7179
- --pf-v5-c-button--m-danger--BackgroundColor: var(--pf-v5-global--danger-color--100);
7180
- --pf-v5-c-button--m-danger--Color: var(--pf-v5-global--Color--light-100);
7181
- --pf-v5-c-button--m-danger--hover--BackgroundColor: var(--pf-v5-global--danger-color--200);
7182
- --pf-v5-c-button--m-danger--hover--Color: var(--pf-v5-global--Color--light-100);
7183
- --pf-v5-c-button--m-danger--focus--BackgroundColor: var(--pf-v5-global--danger-color--200);
7184
- --pf-v5-c-button--m-danger--focus--Color: var(--pf-v5-global--Color--light-100);
7185
- --pf-v5-c-button--m-danger--active--BackgroundColor: var(--pf-v5-global--danger-color--200);
7186
- --pf-v5-c-button--m-danger--active--Color: var(--pf-v5-global--Color--light-100);
8009
+ --pf-v5-c-button--m-tertiary--active--after--BorderColor: var(--pf-t--global--border--color--active);
8010
+ --pf-v5-c-button--m-tertiary--active--Color: var(--pf-t--global--text--color--regular);
8011
+ --pf-v5-c-button--m-warning--BackgroundColor: var(--pf-t--global--color--status--warning--default);
8012
+ --pf-v5-c-button--m-warning--Color: var(--pf-t--global--text--color--status--on-warning--default);
8013
+ --pf-v5-c-button--m-warning--hover--BackgroundColor: var(--pf-t--global--color--status--warning--hover);
8014
+ --pf-v5-c-button--m-warning--hover--Color: var(--pf-t--global--text--color--status--on-warning--hover);
8015
+ --pf-v5-c-button--m-warning--focus--BackgroundColor: var(--pf-t--global--color--status--warning--active);
8016
+ --pf-v5-c-button--m-warning--focus--Color: var(--pf-t--global--text--color--status--on-warning--hover);
8017
+ --pf-v5-c-button--m-warning--active--BackgroundColor: var(--pf-t--global--color--status--warning--active);
8018
+ --pf-v5-c-button--m-warning--active--Color: var(--pf-t--global--text--color--status--on-warning--hover);
8019
+ --pf-v5-c-button--m-danger--BackgroundColor: var(--pf-t--global--color--status--danger--default);
8020
+ --pf-v5-c-button--m-danger--Color: var(--pf-t--global--text--color--status--on-danger--default);
8021
+ --pf-v5-c-button--m-danger--hover--BackgroundColor: var(--pf-t--global--color--status--danger--hover);
8022
+ --pf-v5-c-button--m-danger--hover--Color: var(--pf-t--global--text--color--status--on-danger--hover);
8023
+ --pf-v5-c-button--m-danger--focus--BackgroundColor: var(--pf-t--global--color--status--danger--active);
8024
+ --pf-v5-c-button--m-danger--focus--Color: var(--pf-t--global--text--color--status--on-danger--hover);
8025
+ --pf-v5-c-button--m-danger--active--BackgroundColor: var(--pf-t--global--color--status--danger--active);
8026
+ --pf-v5-c-button--m-danger--active--Color: var(--pf-t--global--text--color--status--on-danger--hover);
7187
8027
  --pf-v5-c-button--m-link--BackgroundColor: transparent;
7188
- --pf-v5-c-button--m-link--Color: var(--pf-v5-global--link--Color);
8028
+ --pf-v5-c-button--m-link--Color: var(--pf-t--global--text--color--link--default);
7189
8029
  --pf-v5-c-button--m-link--hover--BackgroundColor: transparent;
7190
- --pf-v5-c-button--m-link--hover--Color: var(--pf-v5-global--link--Color--hover);
8030
+ --pf-v5-c-button--m-link--hover--Color: var(--pf-t--global--text--color--link--hover);
7191
8031
  --pf-v5-c-button--m-link--focus--BackgroundColor: transparent;
7192
- --pf-v5-c-button--m-link--focus--Color: var(--pf-v5-global--link--Color--hover);
8032
+ --pf-v5-c-button--m-link--focus--Color: var(--pf-t--global--text--color--link--hover);
7193
8033
  --pf-v5-c-button--m-link--active--BackgroundColor: transparent;
7194
- --pf-v5-c-button--m-link--active--Color: var(--pf-v5-global--link--Color--hover);
8034
+ --pf-v5-c-button--m-link--active--Color: var(--pf-t--global--text--color--link--hover);
7195
8035
  --pf-v5-c-button--m-link--disabled--BackgroundColor: transparent;
7196
- --pf-v5-c-button--m-link--disabled--Color: var(--pf-v5-global--disabled-color--100);
8036
+ --pf-v5-c-button--m-link--disabled--Color: var(--pf-t--global--text--color--disabled--light);
8037
+ --pf-v5-c-button--m-link--not--m-inline--TextDecoration: none;
7197
8038
  --pf-v5-c-button--m-link--m-inline--FontSize: inherit;
7198
- --pf-v5-c-button--m-link--m-inline--hover--TextDecoration: var(--pf-v5-global--link--TextDecoration--hover);
7199
- --pf-v5-c-button--m-link--m-inline--hover--Color: var(--pf-v5-global--link--Color--hover);
8039
+ --pf-v5-c-button--m-link--m-inline--hover--TextDecoration: var(--pf-t--global--link--text-decoration--hover);
8040
+ --pf-v5-c-button--m-link--m-inline--hover--Color: var(--pf-t--global--text--color--link--hover);
7200
8041
  --pf-v5-c-button--m-link--m-inline--PaddingTop: 0;
7201
8042
  --pf-v5-c-button--m-link--m-inline--PaddingRight: 0;
7202
8043
  --pf-v5-c-button--m-link--m-inline--PaddingBottom: 0;
7203
8044
  --pf-v5-c-button--m-link--m-inline--PaddingLeft: 0;
7204
- --pf-v5-c-button--m-link--m-inline__progress--Left: var(--pf-v5-global--spacer--xs);
7205
- --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));
8045
+ --pf-v5-c-button--m-link--m-inline__progress--Left: var(--pf-t--global--spacer--xs);
8046
+ --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));
7206
8047
  --pf-v5-c-button--m-link--m-danger--BackgroundColor: transparent;
7207
- --pf-v5-c-button--m-link--m-danger--Color: var(--pf-v5-global--danger-color--100);
8048
+ --pf-v5-c-button--m-link--m-danger--Color: var(--pf-t--global--text--color--status--danger--default);
7208
8049
  --pf-v5-c-button--m-link--m-danger--hover--BackgroundColor: transparent;
7209
- --pf-v5-c-button--m-link--m-danger--hover--Color: var(--pf-v5-global--danger-color--200);
8050
+ --pf-v5-c-button--m-link--m-danger--hover--Color: var(--pf-t--global--text--color--status--danger--hover);
7210
8051
  --pf-v5-c-button--m-link--m-danger--focus--BackgroundColor: transparent;
7211
- --pf-v5-c-button--m-link--m-danger--focus--Color: var(--pf-v5-global--danger-color--200);
8052
+ --pf-v5-c-button--m-link--m-danger--focus--Color: var(--pf-t--global--text--color--status--danger--active);
7212
8053
  --pf-v5-c-button--m-link--m-danger--active--BackgroundColor: transparent;
7213
- --pf-v5-c-button--m-link--m-danger--active--Color: var(--pf-v5-global--danger-color--200);
7214
- --pf-v5-c-button--m-plain--BackgroundColor: transparent;
7215
- --pf-v5-c-button--m-plain--Color: var(--pf-v5-global--Color--200);
7216
- --pf-v5-c-button--m-plain--hover--BackgroundColor: transparent;
7217
- --pf-v5-c-button--m-plain--hover--Color: var(--pf-v5-global--Color--100);
8054
+ --pf-v5-c-button--m-link--m-danger--active--Color: var(--pf-t--global--text--color--status--danger--active);
8055
+ --pf-v5-c-button--m-plain--BackgroundColor: var(--pf-t--global--background--color--action--plain--default);
8056
+ --pf-v5-c-button--m-plain--BorderRadius: var(--pf-t--global--border--radius--small);
8057
+ --pf-v5-c-button--m-plain--PaddingTop: var(--pf-t--global--spacer--sm);
8058
+ --pf-v5-c-button--m-plain--PaddingRight: var(--pf-t--global--spacer--sm);
8059
+ --pf-v5-c-button--m-plain--PaddingBottom: var(--pf-t--global--spacer--sm);
8060
+ --pf-v5-c-button--m-plain--PaddingLeft: var(--pf-t--global--spacer--sm);
8061
+ --pf-v5-c-button--m-plain--Color: var(--pf-t--global--icon--color--regular);
8062
+ --pf-v5-c-button--m-plain--hover--BackgroundColor: var(--pf-t--global--background--color--action--plain--hover);
8063
+ --pf-v5-c-button--m-plain--hover--Color: var(--pf-t--global--text--color--regular);
7218
8064
  --pf-v5-c-button--m-plain--focus--BackgroundColor: transparent;
7219
- --pf-v5-c-button--m-plain--focus--Color: var(--pf-v5-global--Color--100);
8065
+ --pf-v5-c-button--m-plain--focus--Color: var(--pf-t--global--text--color--regular);
7220
8066
  --pf-v5-c-button--m-plain--active--BackgroundColor: transparent;
7221
- --pf-v5-c-button--m-plain--active--Color: var(--pf-v5-global--Color--100);
7222
- --pf-v5-c-button--m-plain--disabled--Color: var(--pf-v5-global--disabled-color--200);
8067
+ --pf-v5-c-button--m-plain--active--Color: var(--pf-t--global--text--color--regular);
8068
+ --pf-v5-c-button--m-plain--disabled--Color: var(--pf-t--global--icon--color--disabled);
7223
8069
  --pf-v5-c-button--m-plain--disabled--BackgroundColor: transparent;
7224
- --pf-v5-c-button--m-control--BackgroundColor: var(--pf-v5-global--BackgroundColor--100);
7225
- --pf-v5-c-button--m-control--Color: var(--pf-v5-global--Color--100);
7226
- --pf-v5-c-button--m-control--BorderRadius: 0;
7227
- --pf-v5-c-button--m-control--after--BorderWidth: var(--pf-v5-global--BorderWidth--sm);
7228
- --pf-v5-c-button--m-control--after--BorderTopColor: var(--pf-v5-global--BorderColor--300);
7229
- --pf-v5-c-button--m-control--after--BorderRightColor: var(--pf-v5-global--BorderColor--300);
7230
- --pf-v5-c-button--m-control--after--BorderBottomColor: var(--pf-v5-global--BorderColor--200);
7231
- --pf-v5-c-button--m-control--after--BorderLeftColor: var(--pf-v5-global--BorderColor--300);
7232
- --pf-v5-c-button--m-control--disabled--BackgroundColor: var(--pf-v5-global--disabled-color--300);
7233
- --pf-v5-c-button--m-control--hover--BackgroundColor: var(--pf-v5-global--BackgroundColor--100);
7234
- --pf-v5-c-button--m-control--hover--Color: var(--pf-v5-global--Color--100);
7235
- --pf-v5-c-button--m-control--hover--after--BorderBottomWidth: var(--pf-v5-global--BorderWidth--md);
7236
- --pf-v5-c-button--m-control--hover--after--BorderBottomColor: var(--pf-v5-global--active-color--100);
7237
- --pf-v5-c-button--m-control--active--BackgroundColor: var(--pf-v5-global--BackgroundColor--100);
7238
- --pf-v5-c-button--m-control--active--Color: var(--pf-v5-global--Color--100);
7239
- --pf-v5-c-button--m-control--active--after--BorderBottomWidth: var(--pf-v5-global--BorderWidth--md);
7240
- --pf-v5-c-button--m-control--active--after--BorderBottomColor: var(--pf-v5-global--active-color--100);
7241
- --pf-v5-c-button--m-control--focus--BackgroundColor: var(--pf-v5-global--BackgroundColor--100);
7242
- --pf-v5-c-button--m-control--focus--Color: var(--pf-v5-global--Color--100);
7243
- --pf-v5-c-button--m-control--focus--after--BorderBottomWidth: var(--pf-v5-global--BorderWidth--md);
7244
- --pf-v5-c-button--m-control--focus--after--BorderBottomColor: var(--pf-v5-global--active-color--100);
7245
- --pf-v5-c-button--m-control--m-expanded--BackgroundColor: var(--pf-v5-global--BackgroundColor--100);
7246
- --pf-v5-c-button--m-control--m-expanded--Color: var(--pf-v5-global--Color--100);
7247
- --pf-v5-c-button--m-control--m-expanded--after--BorderBottomWidth: var(--pf-v5-global--BorderWidth--md);
7248
- --pf-v5-c-button--m-control--m-expanded--after--BorderBottomColor: var(--pf-v5-global--active-color--100);
8070
+ --pf-v5-c-button--m-control--BackgroundColor: var(--pf-t--global--background--color--control--default);
8071
+ --pf-v5-c-button--m-control--Color: var(--pf-t--global--text--color--subtle);
8072
+ --pf-v5-c-button--m-control--BorderRadius: var(--pf-t--global--border--radius--small);
8073
+ --pf-v5-c-button--m-control--after--BorderWidth: var(--pf-t--global--border--width--control--default);
8074
+ --pf-v5-c-button--m-control--after--BorderTopColor: var(--pf-t--global--border--color--default);
8075
+ --pf-v5-c-button--m-control--after--BorderRightColor: var(--pf-t--global--border--color--default);
8076
+ --pf-v5-c-button--m-control--after--BorderBottomColor: var(--pf-t--global--border--color--default);
8077
+ --pf-v5-c-button--m-control--after--BorderLeftColor: var(--pf-t--global--border--color--default);
8078
+ --pf-v5-c-button--m-control--disabled--BackgroundColor: var(--pf-t--global--background--color--disabled--default);
8079
+ --pf-v5-c-button--m-control--hover--BackgroundColor: var(--pf-t--global--background--color--primary--default);
8080
+ --pf-v5-c-button--m-control--hover--Color: var(--pf-t--global--text--color--regular);
8081
+ --pf-v5-c-button--m-control--hover--after--BorderBottomWidth: var(--pf-t--global--border--width--control--hover);
8082
+ --pf-v5-c-button--m-control--hover--after--BorderBottomColor: var(--pf-t--global--background--color--secondary--hover);
8083
+ --pf-v5-c-button--m-control--active--BackgroundColor: var(--pf-t--global--background--color--primary--default);
8084
+ --pf-v5-c-button--m-control--active--Color: var(--pf-t--global--text--color--regular);
8085
+ --pf-v5-c-button--m-control--active--after--BorderBottomWidth: var(--pf-t--global--border--width--control--active);
8086
+ --pf-v5-c-button--m-control--active--after--BorderBottomColor: var(--pf-t--global--color--brand--active);
8087
+ --pf-v5-c-button--m-control--focus--BackgroundColor: var(--pf-t--global--background--color--brand--active);
8088
+ --pf-v5-c-button--m-control--focus--Color: var(--pf-t--global--text--color--regular);
8089
+ --pf-v5-c-button--m-control--focus--after--BorderBottomWidth: var(--pf-t--global--border--width--control--active);
8090
+ --pf-v5-c-button--m-control--focus--after--BorderBottomColor: var(--pf-t--global--color--brand--hover);
8091
+ --pf-v5-c-button--m-control--m-expanded--BackgroundColor: var(--pf-t--global--background--color--primary--default);
8092
+ --pf-v5-c-button--m-control--m-expanded--Color: var(--pf-t--global--text--color--inverse);
8093
+ --pf-v5-c-button--m-control--m-expanded--after--BorderBottomWidth: var(--pf-t--global--border--width--200);
8094
+ --pf-v5-c-button--m-control--m-expanded--after--BorderBottomColor: var(--pf-t--global--color--brand--hover);
7249
8095
  --pf-v5-c-button--m-small--FontSize: var(--pf-v5-global--FontSize--sm);
7250
- --pf-v5-c-button--m-display-lg--PaddingTop: var(--pf-v5-global--spacer--md);
7251
- --pf-v5-c-button--m-display-lg--PaddingRight: var(--pf-v5-global--spacer--xl);
7252
- --pf-v5-c-button--m-display-lg--PaddingBottom: var(--pf-v5-global--spacer--md);
7253
- --pf-v5-c-button--m-display-lg--PaddingLeft: var(--pf-v5-global--spacer--xl);
7254
- --pf-v5-c-button--m-display-lg--FontWeight: var(--pf-v5-global--FontWeight--bold);
7255
- --pf-v5-c-button--m-link--m-display-lg--FontSize: var(--pf-v5-global--FontSize--lg);
7256
- --pf-v5-c-button__icon--m-start--MarginRight: var(--pf-v5-global--spacer--xs);
7257
- --pf-v5-c-button__icon--m-end--MarginLeft: var(--pf-v5-global--spacer--xs);
8096
+ --pf-v5-c-button--m-display-lg--PaddingTop: var(--pf-t--global--spacer--md);
8097
+ --pf-v5-c-button--m-display-lg--PaddingRight: var(--pf-t--global--spacer--xl);
8098
+ --pf-v5-c-button--m-display-lg--PaddingBottom: var(--pf-t--global--spacer--md);
8099
+ --pf-v5-c-button--m-display-lg--PaddingLeft: var(--pf-t--global--spacer--xl);
8100
+ --pf-v5-c-button--m-display-lg--FontWeight: var(--pf-t--global--font--weight--body--bold);
8101
+ --pf-v5-c-button--m-link--m-display-lg--FontSize: var(--pf-t--global--font--size--body--lg);
8102
+ --pf-v5-c-button__icon--m-start--MarginRight: var(--pf-t--global--spacer--xs);
8103
+ --pf-v5-c-button__icon--m-end--MarginLeft: var(--pf-t--global--spacer--xs);
7258
8104
  --pf-v5-c-button__progress--width: calc(var(--pf-v5-global--icon--FontSize--md) + var(--pf-v5-global--spacer--sm));
7259
8105
  --pf-v5-c-button__progress--Opacity: 0;
7260
8106
  --pf-v5-c-button__progress--TranslateY: -50%;
7261
8107
  --pf-v5-c-button__progress--TranslateX: 0;
7262
8108
  --pf-v5-c-button__progress--Top: 50%;
7263
- --pf-v5-c-button__progress--Left: var(--pf-v5-global--spacer--md);
8109
+ --pf-v5-c-button__progress--Left: var(--pf-t--global--spacer--md);
7264
8110
  --pf-v5-c-button--m-progress--TransitionProperty: padding;
7265
8111
  --pf-v5-c-button--m-progress--TransitionDuration: var(--pf-v5-global--TransitionDuration);
7266
- --pf-v5-c-button--m-progress--PaddingRight: calc(var(--pf-v5-global--spacer--md) + var(--pf-v5-c-button__progress--width) / 2);
7267
- --pf-v5-c-button--m-progress--PaddingLeft: calc(var(--pf-v5-global--spacer--md) + var(--pf-v5-c-button__progress--width) / 2);
7268
- --pf-v5-c-button--m-in-progress--PaddingRight: var(--pf-v5-global--spacer--md);
7269
- --pf-v5-c-button--m-in-progress--PaddingLeft: calc(var(--pf-v5-global--spacer--md) + var(--pf-v5-c-button__progress--width));
7270
- --pf-v5-c-button--m-in-progress--m-plain--Color: var(--pf-v5-global--primary-color--100);
8112
+ --pf-v5-c-button--m-progress--PaddingRight: calc(var(--pf-t--global--spacer--md) + var(--pf-v5-c-button__progress--width) / 2);
8113
+ --pf-v5-c-button--m-progress--PaddingLeft: calc(var(--pf-t--global--spacer--md) + var(--pf-v5-c-button__progress--width) / 2);
8114
+ --pf-v5-c-button--m-in-progress--PaddingRight: var(--pf-t--global--spacer--md);
8115
+ --pf-v5-c-button--m-in-progress--PaddingLeft: calc(var(--pf-t--global--spacer--md) + var(--pf-v5-c-button__progress--width));
8116
+ --pf-v5-c-button--m-in-progress--m-plain--Color: var(--pf-t--global--color--brand--default);
7271
8117
  --pf-v5-c-button--m-in-progress--m-plain__progress--Left: 50%;
7272
8118
  --pf-v5-c-button--m-in-progress--m-plain__progress--TranslateX: -50%;
7273
8119
  --pf-v5-c-button__count--MarginLeft: var(--pf-v5-global--spacer--sm);
7274
- --pf-v5-c-button--disabled__c-badge--Color: var(--pf-v5-global--Color--dark-100);
7275
- --pf-v5-c-button--disabled__c-badge--BackgroundColor: var(--pf-v5-global--BackgroundColor--200);
7276
- --pf-v5-c-button--m-primary__c-badge--BorderColor: var(--pf-v5-global--BorderColor--300);
7277
- --pf-v5-c-button--m-primary__c-badge--BorderWidth: var(--pf-v5-global--BorderWidth--sm);
8120
+ --pf-v5-c-button--disabled__c-badge--Color: var(--pf-t--global--text--color--disabled--default);
8121
+ --pf-v5-c-button--disabled__c-badge--BackgroundColor: var(--pf-t--global--background--color--disabled--default);
8122
+ --pf-v5-c-button--m-primary__c-badge--BorderColor: var(--pf-t--global--border--color--default);
8123
+ --pf-v5-c-button--m-primary__c-badge--BorderWidth: var(--pf-t--global--border--width--300);
7278
8124
  position: relative;
7279
8125
  display: inline-block;
7280
8126
  padding-block-start: var(--pf-v5-c-button--PaddingTop);
@@ -7300,7 +8146,7 @@ button.pf-v5-c-breadcrumb__link {
7300
8146
  content: "";
7301
8147
  border: var(--pf-v5-c-button--after--BorderWidth) solid;
7302
8148
  border-color: var(--pf-v5-c-button--after--BorderColor);
7303
- border-radius: var(--pf-v5-c-button--after--BorderRadius);
8149
+ border-radius: var(--pf-v5-c-button--BorderRadius);
7304
8150
  }
7305
8151
  .pf-v5-c-button:hover {
7306
8152
  --pf-v5-c-button--after--BorderWidth: var(--pf-v5-c-button--hover--after--BorderWidth);
@@ -7338,10 +8184,6 @@ button.pf-v5-c-breadcrumb__link {
7338
8184
  --pf-v5-c-button--m-primary--Color: var(--pf-v5-c-button--m-primary--focus--Color);
7339
8185
  --pf-v5-c-button--m-primary--BackgroundColor: var(--pf-v5-c-button--m-primary--focus--BackgroundColor);
7340
8186
  }
7341
- .pf-v5-c-button.pf-m-primary:active, .pf-v5-c-button.pf-m-primary.pf-m-active {
7342
- --pf-v5-c-button--m-primary--Color: var(--pf-v5-c-button--m-primary--active--Color);
7343
- --pf-v5-c-button--m-primary--BackgroundColor: var(--pf-v5-c-button--m-primary--active--BackgroundColor);
7344
- }
7345
8187
  .pf-v5-c-button.pf-m-primary .pf-v5-c-badge.pf-m-unread {
7346
8188
  border: var(--pf-v5-c-button--m-primary__c-badge--BorderWidth) solid var(--pf-v5-c-button--m-primary__c-badge--BorderColor);
7347
8189
  }
@@ -7391,6 +8233,9 @@ button.pf-v5-c-breadcrumb__link {
7391
8233
  color: var(--pf-v5-c-button--m-link--Color);
7392
8234
  background-color: var(--pf-v5-c-button--m-link--BackgroundColor);
7393
8235
  }
8236
+ .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 {
8237
+ text-decoration: var(--pf-t--global--link--text-decoration--hover);
8238
+ }
7394
8239
  .pf-v5-c-button.pf-m-link:not(.pf-m-inline):hover {
7395
8240
  --pf-v5-c-button--m-link--Color: var(--pf-v5-c-button--m-link--hover--Color);
7396
8241
  --pf-v5-c-button--m-link--BackgroundColor: var(--pf-v5-c-button--m-link--hover--BackgroundColor);
@@ -7417,7 +8262,6 @@ button.pf-v5-c-breadcrumb__link {
7417
8262
  }
7418
8263
  .pf-v5-c-button.pf-m-link.pf-m-inline:hover {
7419
8264
  --pf-v5-c-button--m-link--Color: var(--pf-v5-c-button--m-link--m-inline--hover--Color);
7420
- text-decoration: var(--pf-v5-c-button--m-link--m-inline--hover--TextDecoration);
7421
8265
  }
7422
8266
  .pf-v5-c-button.pf-m-link.pf-m-display-lg {
7423
8267
  --pf-v5-c-button--FontSize: var(--pf-v5-c-button--m-link--m-display-lg--FontSize);
@@ -7536,15 +8380,20 @@ button.pf-v5-c-breadcrumb__link {
7536
8380
  .pf-v5-c-button.pf-m-plain {
7537
8381
  --pf-v5-c-button--disabled--Color: var(--pf-v5-c-button--m-plain--disabled--Color);
7538
8382
  --pf-v5-c-button--disabled--BackgroundColor: var(--pf-v5-c-button--m-plain--disabled--BackgroundColor);
8383
+ --pf-v5-c-button--PaddingTop: var(--pf-v5-c-button--m-plain--PaddingTop);
8384
+ --pf-v5-c-button--PaddingRight: var(--pf-v5-c-button--m-plain--PaddingRight);
8385
+ --pf-v5-c-button--PaddingBottom: var(--pf-v5-c-button--m-plain--PaddingBottom);
8386
+ --pf-v5-c-button--PaddingLeft: var(--pf-v5-c-button--m-plain--PaddingLeft);
8387
+ --pf-v5-c-button--BorderRadius: var(--pf-v5-c-button--m-plain--BorderRadius);
7539
8388
  color: var(--pf-v5-c-button--m-plain--Color);
7540
8389
  background-color: var(--pf-v5-c-button--m-plain--BackgroundColor);
7541
8390
  }
7542
8391
  .pf-v5-c-button.pf-m-plain.pf-m-no-padding {
7543
8392
  padding: 0;
7544
8393
  }
7545
- .pf-v5-c-button.pf-m-plain:hover {
7546
- --pf-v5-c-button--m-plain--Color: var(--pf-v5-c-button--m-plain--hover--Color);
8394
+ .pf-v5-c-button.pf-m-plain:hover, .pf-v5-c-button.pf-m-plain:focus, .pf-v5-c-button.pf-m-plain:active {
7547
8395
  --pf-v5-c-button--m-plain--BackgroundColor: var(--pf-v5-c-button--m-plain--hover--BackgroundColor);
8396
+ mix-blend-mode: var(--pf-t--global--background--color--action--plain--hover--blend);
7548
8397
  }
7549
8398
  .pf-v5-c-button.pf-m-plain:active, .pf-v5-c-button.pf-m-plain.pf-m-active {
7550
8399
  --pf-v5-c-button--m-plain--Color: var(--pf-v5-c-button--m-plain--active--Color);
@@ -7619,58 +8468,6 @@ button.pf-v5-c-breadcrumb__link {
7619
8468
  margin-inline-start: var(--pf-v5-c-button__count--MarginLeft);
7620
8469
  }
7621
8470
 
7622
- :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,
7623
- :where(.pf-v5-theme-dark) .pf-v5-c-page__main-section[class*=pf-m-dark-] .pf-v5-c-button,
7624
- :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,
7625
- :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 {
7626
- --pf-v5-c-button--m-primary--BackgroundColor: var(--pf-v5-global--primary-color--300);
7627
- }
7628
-
7629
- :where(.pf-v5-theme-dark) .pf-v5-c-button {
7630
- --pf-v5-c-button--disabled--Color: var(--pf-v5-global--disabled-color--300);
7631
- --pf-v5-c-button--m-primary--BackgroundColor: var(--pf-v5-global--primary-color--300);
7632
- --pf-v5-c-button--m-primary--Color: var(--pf-v5-global--primary-color--400);
7633
- --pf-v5-c-button--m-tertiary--after--BorderColor: var(--pf-v5-global--BorderColor--100);
7634
- --pf-v5-c-button--m-tertiary--Color: var(--pf-v5-global--palette--black-100);
7635
- --pf-v5-c-button--m-tertiary--hover--after--BorderColor: var(--pf-v5-global--BorderColor--100);
7636
- --pf-v5-c-button--m-tertiary--hover--Color: var(--pf-v5-global--palette--black-100);
7637
- --pf-v5-c-button--m-tertiary--focus--after--BorderColor: var(--pf-v5-global--BorderColor--100);
7638
- --pf-v5-c-button--m-tertiary--focus--Color: var(--pf-v5-global--palette--black-100);
7639
- --pf-v5-c-button--m-tertiary--active--after--BorderColor: var(--pf-v5-global--BorderColor--100);
7640
- --pf-v5-c-button--m-tertiary--active--Color: var(--pf-v5-global--palette--black-100);
7641
- --pf-v5-c-button--m-warning--Color: var(--pf-v5-global--palette--black-900);
7642
- --pf-v5-c-button--m-warning--hover--Color: var(--pf-v5-global--palette--black-900);
7643
- --pf-v5-c-button--m-warning--focus--Color: var(--pf-v5-global--palette--black-900);
7644
- --pf-v5-c-button--m-warning--active--Color: var(--pf-v5-global--palette--black-900);
7645
- --pf-v5-c-button--m-warning--hover--BackgroundColor: var(--pf-v5-global--warning-color--200);
7646
- --pf-v5-c-button--m-warning--focus--BackgroundColor: var(--pf-v5-global--warning-color--200);
7647
- --pf-v5-c-button--m-warning--active--BackgroundColor: var(--pf-v5-global--warning-color--200);
7648
- --pf-v5-c-button--m-danger--Color: var(--pf-v5-global--palette--black-900);
7649
- --pf-v5-c-button--m-danger--hover--Color: var(--pf-v5-global--palette--black-900);
7650
- --pf-v5-c-button--m-danger--focus--Color: var(--pf-v5-global--palette--black-900);
7651
- --pf-v5-c-button--m-danger--active--Color: var(--pf-v5-global--palette--black-900);
7652
- --pf-v5-c-button--m-link--disabled--Color: var(--pf-v5-global--disabled-color--100);
7653
- --pf-v5-c-button--m-control--BackgroundColor: var(--pf-v5-global--BackgroundColor--400);
7654
- --pf-v5-c-button--m-control--hover--BackgroundColor: var(--pf-v5-global--BackgroundColor--400);
7655
- --pf-v5-c-button--m-control--active--BackgroundColor: var(--pf-v5-global--BackgroundColor--400);
7656
- --pf-v5-c-button--m-control--focus--BackgroundColor: var(--pf-v5-global--BackgroundColor--400);
7657
- --pf-v5-c-button--m-control--m-expanded--BackgroundColor: var(--pf-v5-global--BackgroundColor--400);
7658
- --pf-v5-c-button--m-control--after--BorderTopColor: transparent;
7659
- --pf-v5-c-button--m-control--after--BorderRightColor: transparent;
7660
- --pf-v5-c-button--m-control--after--BorderBottomColor: var(--pf-v5-global--BorderColor--400);
7661
- --pf-v5-c-button--m-control--after--BorderLeftColor: transparent;
7662
- --pf-v5-c-button--m-control--hover--after--BorderBottomColor: var(--pf-v5-global--primary-color--100);
7663
- --pf-v5-c-button--m-control--active--after--BorderBottomColor: var(--pf-v5-global--primary-color--100);
7664
- --pf-v5-c-button--m-control--focus--after--BorderBottomColor: var(--pf-v5-global--primary-color--100);
7665
- --pf-v5-c-button--m-control--m-expanded--after--BorderBottomColor: var(--pf-v5-global--primary-color--100);
7666
- --pf-v5-c-button--m-control--disabled--BackgroundColor: var(--pf-v5-global--disabled-color--200);
7667
- --pf-v5-c-button--m-primary__c-badge--BorderColor: var(--pf-v5-global--Color--100);
7668
- }
7669
- :where(.pf-v5-theme-dark) .pf-v5-c-button.pf-m-control:disabled::after {
7670
- border: 0;
7671
- border-block-end: var(--pf-v5-global--BorderWidth--sm) solid var(--pf-v5-global--palette--black-700);
7672
- }
7673
-
7674
8471
  .pf-v5-c-calendar-month {
7675
8472
  --pf-v5-c-calendar-month--BackgroundColor: var(--pf-v5-global--BackgroundColor--100);
7676
8473
  --pf-v5-c-calendar-month--PaddingTop: var(--pf-v5-global--spacer--lg);
@@ -7873,7 +8670,7 @@ button.pf-v5-c-breadcrumb__link {
7873
8670
 
7874
8671
  :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,
7875
8672
  :where(.pf-v5-theme-dark) .pf-v5-c-page__main-section[class*=pf-m-dark-] .pf-v5-c-button,
7876
- :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,
8673
+ :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,
7877
8674
  :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 {
7878
8675
  --pf-v5-c-button--m-primary--BackgroundColor: var(--pf-v5-global--primary-color--300);
7879
8676
  }
@@ -8303,7 +9100,7 @@ button.pf-v5-c-breadcrumb__link {
8303
9100
 
8304
9101
  :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,
8305
9102
  :where(.pf-v5-theme-dark) .pf-v5-c-page__main-section[class*=pf-m-dark-] .pf-v5-c-button,
8306
- :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,
9103
+ :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,
8307
9104
  :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 {
8308
9105
  --pf-v5-c-button--m-primary--BackgroundColor: var(--pf-v5-global--primary-color--300);
8309
9106
  }
@@ -8328,8 +9125,7 @@ button.pf-v5-c-breadcrumb__link {
8328
9125
  --pf-v5-c-check__label--FontWeight: var(--pf-v5-global--FontWeight--normal);
8329
9126
  --pf-v5-c-check__label--FontSize: var(--pf-v5-global--FontSize--md);
8330
9127
  --pf-v5-c-check__label--LineHeight: var(--pf-v5-global--LineHeight--md);
8331
- --pf-v5-c-check__input--TranslateY: calc((var(--pf-v5-c-check__label--LineHeight) * var(--pf-v5-c-check__label--FontSize) / 2 ) - 50%);
8332
- --pf-v5-c-check__input--TranslateY--moz: var(--pf-v5-c-check__input--TranslateY);
9128
+ --pf-v5-c-check__input--TranslateY--moz: 5px;
8333
9129
  --pf-v5-c-check__description--FontSize: var(--pf-v5-global--FontSize--sm);
8334
9130
  --pf-v5-c-check__description--Color: var(--pf-v5-global--Color--200);
8335
9131
  --pf-v5-c-check__body--MarginTop: var(--pf-v5-global--spacer--sm);
@@ -8339,21 +9135,15 @@ button.pf-v5-c-breadcrumb__link {
8339
9135
  display: grid;
8340
9136
  grid-template-columns: auto 1fr;
8341
9137
  grid-gap: var(--pf-v5-c-check--GridGap);
8342
- align-items: baseline;
8343
9138
  }
8344
9139
  .pf-v5-c-check.pf-m-standalone {
8345
9140
  --pf-v5-c-check--GridGap: 0;
8346
- --pf-v5-c-check__input--TranslateY: none;
9141
+ --pf-v5-c-check__input--TranslateY--moz: 0;
8347
9142
  display: inline-grid;
8348
9143
  }
8349
9144
 
8350
- .pf-v5-c-check__input {
8351
- align-self: start;
8352
- -moz-transform: translateY(var(--pf-v5-c-check__input--TranslateY--moz));
8353
- transform: translateY(var(--pf-v5-c-check__input--TranslateY));
8354
- }
8355
-
8356
9145
  .pf-v5-c-check__label {
9146
+ align-self: baseline;
8357
9147
  font-size: var(--pf-v5-c-check__label--FontSize);
8358
9148
  font-weight: var(--pf-v5-c-check__label--FontWeight);
8359
9149
  line-height: var(--pf-v5-c-check__label--LineHeight);
@@ -8371,6 +9161,11 @@ button.pf-v5-c-breadcrumb__link {
8371
9161
  margin-block-start: var(--pf-v5-c-check__body--MarginTop);
8372
9162
  }
8373
9163
 
9164
+ .pf-v5-c-check__input {
9165
+ align-self: baseline;
9166
+ -moz-transform: translateY(var(--pf-v5-c-check__input--TranslateY--moz));
9167
+ }
9168
+
8374
9169
  .pf-v5-c-check__label,
8375
9170
  .pf-v5-c-check__input {
8376
9171
  justify-self: start;
@@ -8500,7 +9295,7 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
8500
9295
 
8501
9296
  :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,
8502
9297
  :where(.pf-v5-theme-dark) .pf-v5-c-page__main-section[class*=pf-m-dark-] .pf-v5-c-button,
8503
- :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,
9298
+ :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,
8504
9299
  :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 {
8505
9300
  --pf-v5-c-button--m-primary--BackgroundColor: var(--pf-v5-global--primary-color--300);
8506
9301
  }
@@ -8694,7 +9489,7 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
8694
9489
 
8695
9490
  :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,
8696
9491
  :where(.pf-v5-theme-dark) .pf-v5-c-page__main-section[class*=pf-m-dark-] .pf-v5-c-button,
8697
- :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,
9492
+ :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,
8698
9493
  :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 {
8699
9494
  --pf-v5-c-button--m-primary--BackgroundColor: var(--pf-v5-global--primary-color--300);
8700
9495
  }
@@ -8900,7 +9695,7 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
8900
9695
 
8901
9696
  :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,
8902
9697
  :where(.pf-v5-theme-dark) .pf-v5-c-page__main-section[class*=pf-m-dark-] .pf-v5-c-button,
8903
- :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,
9698
+ :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,
8904
9699
  :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 {
8905
9700
  --pf-v5-c-button--m-primary--BackgroundColor: var(--pf-v5-global--primary-color--300);
8906
9701
  }
@@ -8914,75 +9709,75 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
8914
9709
  }
8915
9710
 
8916
9711
  .pf-v5-c-content {
8917
- --pf-v5-c-content--MarginBottom: var(--pf-v5-global--spacer--md);
8918
- --pf-v5-c-content--LineHeight: var(--pf-v5-global--LineHeight--md);
8919
- --pf-v5-c-content--FontSize: var(--pf-v5-global--FontSize--md);
8920
- --pf-v5-c-content--FontWeight: var(--pf-v5-global--FontWeight--normal);
8921
- --pf-v5-c-content--Color: var(--pf-v5-global--Color--100);
8922
- --pf-v5-c-content--heading--FontFamily: var(--pf-v5-global--FontFamily--heading);
8923
- --pf-v5-c-content--h1--MarginTop: var(--pf-v5-global--spacer--lg);
8924
- --pf-v5-c-content--h1--MarginBottom: var(--pf-v5-global--spacer--sm);
8925
- --pf-v5-c-content--h1--LineHeight: var(--pf-v5-global--LineHeight--sm);
8926
- --pf-v5-c-content--h1--FontSize: var(--pf-v5-global--FontSize--2xl);
8927
- --pf-v5-c-content--h1--FontWeight: var(--pf-v5-global--FontWeight--normal);
8928
- --pf-v5-c-content--h2--MarginTop: var(--pf-v5-global--spacer--lg);
8929
- --pf-v5-c-content--h2--MarginBottom: var(--pf-v5-global--spacer--sm);
8930
- --pf-v5-c-content--h2--LineHeight: var(--pf-v5-global--LineHeight--md);
8931
- --pf-v5-c-content--h2--FontSize: var(--pf-v5-global--FontSize--xl);
8932
- --pf-v5-c-content--h2--FontWeight: var(--pf-v5-global--FontWeight--normal);
8933
- --pf-v5-c-content--h3--MarginTop: var(--pf-v5-global--spacer--lg);
8934
- --pf-v5-c-content--h3--MarginBottom: var(--pf-v5-global--spacer--sm);
8935
- --pf-v5-c-content--h3--LineHeight: var(--pf-v5-global--LineHeight--md);
8936
- --pf-v5-c-content--h3--FontSize: var(--pf-v5-global--FontSize--lg);
8937
- --pf-v5-c-content--h3--FontWeight: var(--pf-v5-global--FontWeight--normal);
8938
- --pf-v5-c-content--h4--MarginTop: var(--pf-v5-global--spacer--lg);
8939
- --pf-v5-c-content--h4--MarginBottom: var(--pf-v5-global--spacer--sm);
8940
- --pf-v5-c-content--h4--LineHeight: var(--pf-v5-global--LineHeight--md);
8941
- --pf-v5-c-content--h4--FontSize: var(--pf-v5-global--FontSize--md);
8942
- --pf-v5-c-content--h4--FontWeight: var(--pf-v5-global--FontWeight--normal);
8943
- --pf-v5-c-content--h5--MarginTop: var(--pf-v5-global--spacer--lg);
8944
- --pf-v5-c-content--h5--MarginBottom: var(--pf-v5-global--spacer--sm);
8945
- --pf-v5-c-content--h5--LineHeight: var(--pf-v5-global--LineHeight--md);
8946
- --pf-v5-c-content--h5--FontSize: var(--pf-v5-global--FontSize--md);
8947
- --pf-v5-c-content--h5--FontWeight: var(--pf-v5-global--FontWeight--normal);
8948
- --pf-v5-c-content--h6--MarginTop: var(--pf-v5-global--spacer--lg);
8949
- --pf-v5-c-content--h6--MarginBottom: var(--pf-v5-global--spacer--sm);
8950
- --pf-v5-c-content--h6--LineHeight: var(--pf-v5-global--LineHeight--md);
8951
- --pf-v5-c-content--h6--FontSize: var(--pf-v5-global--FontSize--md);
8952
- --pf-v5-c-content--h6--FontWeight: var(--pf-v5-global--FontWeight--normal);
8953
- --pf-v5-c-content--small--MarginBottom: var(--pf-v5-global--spacer--md);
8954
- --pf-v5-c-content--small--LineHeight: var(--pf-v5-global--LineHeight--md);
8955
- --pf-v5-c-content--small--FontSize: var(--pf-v5-global--FontSize--sm);
8956
- --pf-v5-c-content--small--Color: var(--pf-v5-global--Color--200);
8957
- --pf-v5-c-content--a--Color: var(--pf-v5-global--link--Color);
8958
- --pf-v5-c-content--a--TextDecoration: var(--pf-v5-global--link--TextDecoration);
8959
- --pf-v5-c-content--a--hover--Color: var(--pf-v5-global--link--Color--hover);
8960
- --pf-v5-c-content--a--hover--TextDecoration: var(--pf-v5-global--link--TextDecoration--hover);
8961
- --pf-v5-c-content--a--visited--Color: var(--pf-v5-global--link--Color--visited);
8962
- --pf-v5-c-content--blockquote--PaddingTop: var(--pf-v5-global--spacer--md);
8963
- --pf-v5-c-content--blockquote--PaddingRight: var(--pf-v5-global--spacer--md);
8964
- --pf-v5-c-content--blockquote--PaddingBottom: var(--pf-v5-global--spacer--md);
8965
- --pf-v5-c-content--blockquote--PaddingLeft: var(--pf-v5-global--spacer--md);
8966
- --pf-v5-c-content--blockquote--Color: var(--pf-v5-global--Color--200);
8967
- --pf-v5-c-content--blockquote--BorderLeftColor: var(--pf-v5-global--BorderColor--100);
8968
- --pf-v5-c-content--blockquote--BorderLeftWidth: var(--pf-v5-global--BorderWidth--lg);
8969
- --pf-v5-c-content--ol--PaddingLeft: var(--pf-v5-global--spacer--lg);
8970
- --pf-v5-c-content--ol--MarginLeft: var(--pf-v5-global--spacer--lg);
8971
- --pf-v5-c-content--ol--nested--MarginTop: var(--pf-v5-global--spacer--sm);
8972
- --pf-v5-c-content--ol--nested--MarginLeft: var(--pf-v5-global--spacer--sm);
8973
- --pf-v5-c-content--ul--PaddingLeft: var(--pf-v5-global--spacer--lg);
8974
- --pf-v5-c-content--ul--MarginLeft: var(--pf-v5-global--spacer--lg);
8975
- --pf-v5-c-content--ul--nested--MarginTop: var(--pf-v5-global--spacer--sm);
8976
- --pf-v5-c-content--ul--nested--MarginLeft: var(--pf-v5-global--spacer--sm);
9712
+ --pf-v5-c-content--MarginBottom: var(--pf-t--global--spacer--md);
9713
+ --pf-v5-c-content--LineHeight: var(--pf-t--global--font--line-height--body);
9714
+ --pf-v5-c-content--FontSize: var(--pf-t--global--font--size--body);
9715
+ --pf-v5-c-content--FontWeight: var(--pf-t--global--font--weight--body);
9716
+ --pf-v5-c-content--Color: var(--pf-t--global--text--color--regular);
9717
+ --pf-v5-c-content--heading--FontFamily: var(--pf-t--global--font--family--heading);
9718
+ --pf-v5-c-content--h1--MarginTop: var(--pf-t--global--spacer--lg);
9719
+ --pf-v5-c-content--h1--MarginBottom: var(--pf-t--global--spacer--sm);
9720
+ --pf-v5-c-content--h1--LineHeight: var(--pf-t--global--font--line-height--heading);
9721
+ --pf-v5-c-content--h1--FontSize: var(--pf-t--global--font--size--heading--lg);
9722
+ --pf-v5-c-content--h1--FontWeight: var(--pf-t--global--font--weight--heading);
9723
+ --pf-v5-c-content--h2--MarginTop: var(--pf-t--global--spacer--lg);
9724
+ --pf-v5-c-content--h2--MarginBottom: var(--pf-t--global--spacer--sm);
9725
+ --pf-v5-c-content--h2--LineHeight: var(--pf-t--global--font--line-height--heading);
9726
+ --pf-v5-c-content--h2--FontSize: var(--pf-t--global--font--size--heading--md);
9727
+ --pf-v5-c-content--h2--FontWeight: var(--pf-t--global--font--weight--heading);
9728
+ --pf-v5-c-content--h3--MarginTop: var(--pf-t--global--spacer--lg);
9729
+ --pf-v5-c-content--h3--MarginBottom: var(--pf-t--global--spacer--sm);
9730
+ --pf-v5-c-content--h3--LineHeight: var(--pf-t--global--font--line-height--heading);
9731
+ --pf-v5-c-content--h3--FontSize: var(--pf-t--global--font--size--heading--sm);
9732
+ --pf-v5-c-content--h3--FontWeight: var(--pf-t--global--font--weight--heading);
9733
+ --pf-v5-c-content--h4--MarginTop: var(--pf-t--global--spacer--lg);
9734
+ --pf-v5-c-content--h4--MarginBottom: var(--pf-t--global--spacer--sm);
9735
+ --pf-v5-c-content--h4--LineHeight: var(--pf-t--global--font--line-height--heading);
9736
+ --pf-v5-c-content--h4--FontSize: var(--pf-t--global--font--size--heading--xs);
9737
+ --pf-v5-c-content--h4--FontWeight: var(--pf-t--global--font--weight--heading);
9738
+ --pf-v5-c-content--h5--MarginTop: var(--pf-t--global--spacer--lg);
9739
+ --pf-v5-c-content--h5--MarginBottom: var(--pf-t--global--spacer--sm);
9740
+ --pf-v5-c-content--h5--LineHeight: var(--pf-t--global--font--line-height--heading);
9741
+ --pf-v5-c-content--h5--FontSize: var(--pf-t--global--font--size--heading--xs);
9742
+ --pf-v5-c-content--h5--FontWeight: var(--pf-t--global--font--weight--heading);
9743
+ --pf-v5-c-content--h6--MarginTop: var(--pf-t--global--spacer--lg);
9744
+ --pf-v5-c-content--h6--MarginBottom: var(--pf-t--global--spacer--sm);
9745
+ --pf-v5-c-content--h6--LineHeight: var(--pf-t--global--font--line-height--heading);
9746
+ --pf-v5-c-content--h6--FontSize: var(--pf-t--global--font--size--heading--xs);
9747
+ --pf-v5-c-content--h6--FontWeight: var(--pf-t--global--font--weight--heading);
9748
+ --pf-v5-c-content--small--MarginBottom: var(--pf-t--global--spacer--md);
9749
+ --pf-v5-c-content--small--LineHeight: var(--pf-t--global--font--line-height--body);
9750
+ --pf-v5-c-content--small--FontSize: var(--pf-t--global--font--size--body--sm);
9751
+ --pf-v5-c-content--small--Color: var(--pf-t--global--text--color--subtle);
9752
+ --pf-v5-c-content--a--Color: var(--pf-t--global--text--color--link--default);
9753
+ --pf-v5-c-content--a--TextDecoration: var(--pf-t--global--link--text-decoration);
9754
+ --pf-v5-c-content--a--hover--Color: var(--pf-t--global--text--color--link--hover);
9755
+ --pf-v5-c-content--a--hover--TextDecoration: var(--pf-t--global--link--text-decoration);
9756
+ --pf-v5-c-content--a--visited--Color: var(--pf-t--global--text--color--link--visited);
9757
+ --pf-v5-c-content--blockquote--PaddingTop: var(--pf-t--global--spacer--md);
9758
+ --pf-v5-c-content--blockquote--PaddingRight: var(--pf-t--global--spacer--md);
9759
+ --pf-v5-c-content--blockquote--PaddingBottom: var(--pf-t--global--spacer--md);
9760
+ --pf-v5-c-content--blockquote--PaddingLeft: var(--pf-t--global--spacer--md);
9761
+ --pf-v5-c-content--blockquote--Color: var(--pf-t--global--text--color--subtle);
9762
+ --pf-v5-c-content--blockquote--BorderLeftColor: var(--pf-t--global--border--color--default);
9763
+ --pf-v5-c-content--blockquote--BorderLeftWidth: var(--pf-t--global--border--width--300);
9764
+ --pf-v5-c-content--ol--PaddingLeft: var(--pf-t--global--spacer--lg);
9765
+ --pf-v5-c-content--ol--MarginLeft: var(--pf-t--global--spacer--lg);
9766
+ --pf-v5-c-content--ol--nested--MarginTop: var(--pf-t--global--spacer--sm);
9767
+ --pf-v5-c-content--ol--nested--MarginLeft: var(--pf-t--global--spacer--sm);
9768
+ --pf-v5-c-content--ul--PaddingLeft: var(--pf-t--global--spacer--lg);
9769
+ --pf-v5-c-content--ul--MarginLeft: var(--pf-t--global--spacer--lg);
9770
+ --pf-v5-c-content--ul--nested--MarginTop: var(--pf-t--global--spacer--sm);
9771
+ --pf-v5-c-content--ul--nested--MarginLeft: var(--pf-t--global--spacer--sm);
8977
9772
  --pf-v5-c-content--ul--ListStyle: var(--pf-v5-global--ListStyle);
8978
- --pf-v5-c-content--li--MarginTop: var(--pf-v5-global--spacer--sm);
8979
- --pf-v5-c-content--dl--ColumnGap: var(--pf-v5-global--spacer--2xl);
8980
- --pf-v5-c-content--dl--RowGap: var(--pf-v5-global--spacer--md);
8981
- --pf-v5-c-content--dt--FontWeight: var(--pf-v5-global--FontWeight--bold);
8982
- --pf-v5-c-content--dt--MarginTop: var(--pf-v5-global--spacer--md);
9773
+ --pf-v5-c-content--li--MarginTop: var(--pf-t--global--spacer--sm);
9774
+ --pf-v5-c-content--dl--ColumnGap: var(--pf-t--global--spacer--2xl);
9775
+ --pf-v5-c-content--dl--RowGap: var(--pf-t--global--spacer--md);
9776
+ --pf-v5-c-content--dt--FontWeight: var(--pf-t--global--font--weight--body--bold);
9777
+ --pf-v5-c-content--dt--MarginTop: var(--pf-t--global--spacer--md);
8983
9778
  --pf-v5-c-content--dt--sm--MarginTop: 0;
8984
- --pf-v5-c-content--hr--Height: var(--pf-v5-global--BorderWidth--sm);
8985
- --pf-v5-c-content--hr--BackgroundColor: var(--pf-v5-global--BorderColor--100);
9779
+ --pf-v5-c-content--hr--Height: var(--pf-t--global--border--width--divider--default);
9780
+ --pf-v5-c-content--hr--BackgroundColor: var(--pf-t--global--border--color--default);
8986
9781
  font-size: var(--pf-v5-c-content--FontSize);
8987
9782
  line-height: var(--pf-v5-c-content--LineHeight);
8988
9783
  color: var(--pf-v5-c-content--Color);
@@ -9480,7 +10275,7 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
9480
10275
 
9481
10276
  :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,
9482
10277
  :where(.pf-v5-theme-dark) .pf-v5-c-page__main-section[class*=pf-m-dark-] .pf-v5-c-button,
9483
- :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,
10278
+ :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,
9484
10279
  :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 {
9485
10280
  --pf-v5-c-button--m-primary--BackgroundColor: var(--pf-v5-global--primary-color--300);
9486
10281
  }
@@ -10331,7 +11126,7 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
10331
11126
 
10332
11127
  :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,
10333
11128
  :where(.pf-v5-theme-dark) .pf-v5-c-page__main-section[class*=pf-m-dark-] .pf-v5-c-button,
10334
- :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,
11129
+ :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,
10335
11130
  :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 {
10336
11131
  --pf-v5-c-button--m-primary--BackgroundColor: var(--pf-v5-global--primary-color--300);
10337
11132
  }
@@ -10733,7 +11528,7 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
10733
11528
 
10734
11529
  :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,
10735
11530
  :where(.pf-v5-theme-dark) .pf-v5-c-page__main-section[class*=pf-m-dark-] .pf-v5-c-button,
10736
- :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,
11531
+ :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,
10737
11532
  :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 {
10738
11533
  --pf-v5-c-button--m-primary--BackgroundColor: var(--pf-v5-global--primary-color--300);
10739
11534
  }
@@ -11057,7 +11852,7 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
11057
11852
 
11058
11853
  :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,
11059
11854
  :where(.pf-v5-theme-dark) .pf-v5-c-page__main-section[class*=pf-m-dark-] .pf-v5-c-button,
11060
- :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,
11855
+ :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,
11061
11856
  :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 {
11062
11857
  --pf-v5-c-button--m-primary--BackgroundColor: var(--pf-v5-global--primary-color--300);
11063
11858
  }
@@ -11068,9 +11863,8 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
11068
11863
  --pf-v5-c-dual-list-selector__list-item-row--m-selected--BackgroundColor: var(--pf-v5-global--BackgroundColor--400);
11069
11864
  }
11070
11865
 
11071
- .pf-v5-c-toolbar {
11866
+ :root {
11072
11867
  --pf-v5-c-toolbar--AlignItems--base: flex-start;
11073
- --pf-v5-c-toolbar--BackgroundColor: var(--pf-v5-global--BackgroundColor--100);
11074
11868
  --pf-v5-c-toolbar--RowGap--base: var(--pf-v5-global--spacer--lg);
11075
11869
  --pf-v5-c-toolbar--RowGap: var(--pf-v5-c-toolbar--RowGap--base);
11076
11870
  --pf-v5-c-toolbar--PaddingTop: var(--pf-v5-global--spacer--md);
@@ -11136,9 +11930,6 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
11136
11930
  --pf-v5-c-toolbar__item--m-label--spacer: var(--pf-v5-c-toolbar__item--spacer);
11137
11931
  --pf-v5-c-toolbar__item--m-label--TranslateY: var(--pf-v5-global--spacer--form-element);
11138
11932
  --pf-v5-c-toolbar__item--m-label--FontWeight: var(--pf-v5-global--FontWeight--bold);
11139
- --pf-v5-c-toolbar__item--m-form-element--spacer: var(--pf-v5-c-toolbar__item--spacer);
11140
- --pf-v5-c-toolbar__item--m-form-element--TranslateY: var(--pf-v5-global--spacer--form-element);
11141
- --pf-v5-c-toolbar__item--m-form-element--FontWeight: var(--pf-v5-global--FontWeight--bold);
11142
11933
  --pf-v5-c-toolbar__item--m-form-control--TranslateY: var(--pf-v5-global--spacer--form-element);
11143
11934
  --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));
11144
11935
  --pf-v5-c-toolbar__expandable-content__item--m-label--FontSize: var(--pf-v5-global--FontSize--sm);
@@ -11148,6 +11939,9 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
11148
11939
  --pf-v5-c-toolbar--m-full-height--PaddingBottom: 0;
11149
11940
  --pf-v5-c-toolbar--m-full-height__item--Display: flex;
11150
11941
  --pf-v5-c-toolbar--m-full-height__item--AlignItems: center;
11942
+ }
11943
+
11944
+ .pf-v5-c-toolbar {
11151
11945
  position: relative;
11152
11946
  display: grid;
11153
11947
  row-gap: var(--pf-v5-c-toolbar--RowGap);
@@ -11385,12 +12179,7 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
11385
12179
  .pf-v5-c-toolbar__item.pf-m-label {
11386
12180
  --pf-v5-c-toolbar--spacer: var(--pf-v5-c-toolbar__item--m-label--spacer);
11387
12181
  font-weight: var(--pf-v5-c-toolbar__item--m-label--FontWeight);
11388
- transform: translateY(var(--pf-v5-c-toolbar__item--m-label--TranslateY));
11389
- }
11390
- .pf-v5-c-toolbar__item.pf-m-form-element {
11391
- --pf-v5-c-toolbar--spacer: var(--pf-v5-c-toolbar__item--m-form-element--spacer);
11392
- font-weight: var(--pf-v5-c-toolbar__item--m-form-element--FontWeight);
11393
- transform: translateY(var(--pf-v5-c-toolbar__item--m-form-element--TranslateY));
12182
+ transform: translateY(var(--pf-v5-global--spacer--form-element));
11394
12183
  }
11395
12184
  .pf-v5-c-toolbar__item.pf-m-pagination {
11396
12185
  margin-inline-start: auto;
@@ -12314,7 +13103,7 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
12314
13103
 
12315
13104
  :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,
12316
13105
  :where(.pf-v5-theme-dark) .pf-v5-c-page__main-section[class*=pf-m-dark-] .pf-v5-c-button,
12317
- :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,
13106
+ :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,
12318
13107
  :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 {
12319
13108
  --pf-v5-c-button--m-primary--BackgroundColor: var(--pf-v5-global--primary-color--300);
12320
13109
  }
@@ -13498,7 +14287,7 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
13498
14287
  }
13499
14288
  :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,
13500
14289
  :where(.pf-v5-theme-dark) .pf-v5-c-page__main-section[class*=pf-m-dark-] .pf-v5-c-button,
13501
- :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,
14290
+ :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,
13502
14291
  :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 {
13503
14292
  --pf-v5-c-button--m-primary--BackgroundColor: var(--pf-v5-global--primary-color--300);
13504
14293
  }
@@ -13792,12 +14581,14 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
13792
14581
  }
13793
14582
  .pf-v5-c-dropdown__toggle.pf-m-split-button .pf-v5-c-dropdown__toggle-check > input,
13794
14583
  .pf-v5-c-dropdown__toggle.pf-m-split-button .pf-v5-c-dropdown__toggle-check .pf-v5-c-check {
13795
- --pf-v5-c-check__input--TranslateY: none;
13796
14584
  align-self: revert;
13797
14585
  width: auto;
13798
14586
  cursor: pointer;
13799
14587
  visibility: var(--pf-v5-c-dropdown__toggle--m-split-button__toggle-check__input--Visibility, unset);
13800
14588
  }
14589
+ .pf-v5-c-dropdown__toggle.pf-m-split-button .pf-v5-c-dropdown__toggle-check .pf-v5-c-check__input {
14590
+ -moz-transform: none;
14591
+ }
13801
14592
  .pf-v5-c-dropdown__toggle.pf-m-split-button .pf-v5-c-dropdown__toggle-button {
13802
14593
  color: var(--pf-v5-c-dropdown__toggle-button--Color);
13803
14594
  background-color: var(--pf-v5-c-dropdown__toggle-button--BackgroundColor);
@@ -14178,7 +14969,7 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
14178
14969
 
14179
14970
  :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,
14180
14971
  :where(.pf-v5-theme-dark) .pf-v5-c-page__main-section[class*=pf-m-dark-] .pf-v5-c-button,
14181
- :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,
14972
+ :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,
14182
14973
  :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 {
14183
14974
  --pf-v5-c-button--m-primary--BackgroundColor: var(--pf-v5-global--primary-color--300);
14184
14975
  }
@@ -15035,7 +15826,7 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
15035
15826
 
15036
15827
  :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,
15037
15828
  :where(.pf-v5-theme-dark) .pf-v5-c-page__main-section[class*=pf-m-dark-] .pf-v5-c-button,
15038
- :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,
15829
+ :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,
15039
15830
  :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 {
15040
15831
  --pf-v5-c-button--m-primary--BackgroundColor: var(--pf-v5-global--primary-color--300);
15041
15832
  }
@@ -15310,7 +16101,7 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
15310
16101
 
15311
16102
  :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,
15312
16103
  :where(.pf-v5-theme-dark) .pf-v5-c-page__main-section[class*=pf-m-dark-] .pf-v5-c-button,
15313
- :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,
16104
+ :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,
15314
16105
  :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 {
15315
16106
  --pf-v5-c-button--m-primary--BackgroundColor: var(--pf-v5-global--primary-color--300);
15316
16107
  }
@@ -15399,7 +16190,7 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
15399
16190
 
15400
16191
  :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,
15401
16192
  :where(.pf-v5-theme-dark) .pf-v5-c-page__main-section[class*=pf-m-dark-] .pf-v5-c-button,
15402
- :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,
16193
+ :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,
15403
16194
  :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 {
15404
16195
  --pf-v5-c-button--m-primary--BackgroundColor: var(--pf-v5-global--primary-color--300);
15405
16196
  }
@@ -15485,7 +16276,7 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
15485
16276
 
15486
16277
  :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,
15487
16278
  :where(.pf-v5-theme-dark) .pf-v5-c-page__main-section[class*=pf-m-dark-] .pf-v5-c-button,
15488
- :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,
16279
+ :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,
15489
16280
  :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 {
15490
16281
  --pf-v5-c-button--m-primary--BackgroundColor: var(--pf-v5-global--primary-color--300);
15491
16282
  }
@@ -15773,7 +16564,7 @@ label.pf-v5-c-input-group__text {
15773
16564
 
15774
16565
  :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,
15775
16566
  :where(.pf-v5-theme-dark) .pf-v5-c-page__main-section[class*=pf-m-dark-] .pf-v5-c-button,
15776
- :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,
16567
+ :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,
15777
16568
  :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 {
15778
16569
  --pf-v5-c-button--m-primary--BackgroundColor: var(--pf-v5-global--primary-color--300);
15779
16570
  }
@@ -16467,7 +17258,7 @@ button.pf-v5-c-label__content:focus {
16467
17258
 
16468
17259
  :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,
16469
17260
  :where(.pf-v5-theme-dark) .pf-v5-c-page__main-section[class*=pf-m-dark-] .pf-v5-c-button,
16470
- :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,
17261
+ :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,
16471
17262
  :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 {
16472
17263
  --pf-v5-c-button--m-primary--BackgroundColor: var(--pf-v5-global--primary-color--300);
16473
17264
  }
@@ -16915,7 +17706,7 @@ ul.pf-v5-c-list {
16915
17706
 
16916
17707
  :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,
16917
17708
  :where(.pf-v5-theme-dark) .pf-v5-c-page__main-section[class*=pf-m-dark-] .pf-v5-c-button,
16918
- :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,
17709
+ :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,
16919
17710
  :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 {
16920
17711
  --pf-v5-c-button--m-primary--BackgroundColor: var(--pf-v5-global--primary-color--300);
16921
17712
  }
@@ -17199,7 +17990,7 @@ ul.pf-v5-c-list {
17199
17990
 
17200
17991
  :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,
17201
17992
  :where(.pf-v5-theme-dark) .pf-v5-c-page__main-section[class*=pf-m-dark-] .pf-v5-c-button,
17202
- :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,
17993
+ :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,
17203
17994
  :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 {
17204
17995
  --pf-v5-c-button--m-primary--BackgroundColor: var(--pf-v5-global--primary-color--300);
17205
17996
  }
@@ -17212,27 +18003,27 @@ ul.pf-v5-c-list {
17212
18003
  color: var(--pf-v5-global--Color--100);
17213
18004
  }
17214
18005
 
17215
- .pf-v5-c-masthead {
18006
+ :root {
17216
18007
  --pf-v5-c-masthead--PaddingLeft: var(--pf-v5-c-masthead--inset);
17217
18008
  --pf-v5-c-masthead--PaddingRight: var(--pf-v5-c-masthead--inset);
17218
- --pf-v5-c-masthead--BackgroundColor: var(--pf-v5-global--BackgroundColor--dark-100);
17219
- --pf-v5-c-masthead--inset: var(--pf-v5-global--spacer--md);
17220
- --pf-v5-c-masthead--xl--inset: var(--pf-v5-global--spacer--lg);
18009
+ --pf-v5-c-masthead--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
18010
+ --pf-v5-c-masthead--inset: var(--pf-t--global--spacer--md);
18011
+ --pf-v5-c-masthead--xl--inset: var(--pf-t--global--spacer--lg);
17221
18012
  --pf-v5-c-masthead--m-display-stack--GridTemplateColumns: max-content 1fr;
17222
18013
  --pf-v5-c-masthead--m-display-stack__main--GridColumn: -1 / 1;
17223
18014
  --pf-v5-c-masthead--m-display-stack__main--MinHeight: 4.375rem;
17224
18015
  --pf-v5-c-masthead--m-display-stack__main--Order: -1;
17225
18016
  --pf-v5-c-masthead--m-display-stack__main--FlexBasis: 100%;
17226
- --pf-v5-c-masthead--m-display-stack__main--PaddingTop: var(--pf-v5-global--spacer--sm);
17227
- --pf-v5-c-masthead--m-display-stack__main--PaddingBottom: var(--pf-v5-global--spacer--sm);
18017
+ --pf-v5-c-masthead--m-display-stack__main--PaddingTop: var(--pf-t--global--spacer--lg);
18018
+ --pf-v5-c-masthead--m-display-stack__main--PaddingBottom: var(--pf-t--global--spacer--md);
17228
18019
  --pf-v5-c-masthead--m-display-stack__main--MarginRight: 0;
17229
18020
  --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);
17230
18021
  --pf-v5-c-masthead--m-display-stack__toggle--GridColumn: 1;
17231
18022
  --pf-v5-c-masthead--m-display-stack__content--GridColumn: 2;
17232
18023
  --pf-v5-c-masthead--m-display-stack__content--MinHeight: auto;
17233
18024
  --pf-v5-c-masthead--m-display-stack__content--Order: 1;
17234
- --pf-v5-c-masthead--m-display-stack__content--PaddingTop: 0;
17235
- --pf-v5-c-masthead--m-display-stack__content--PaddingBottom: 0;
18025
+ --pf-v5-c-masthead--m-display-stack__content--PaddingTop: var(--pf-t--global--spacer--xs);
18026
+ --pf-v5-c-masthead--m-display-stack__content--PaddingBottom: var(--pf-t--global--spacer--xs);
17236
18027
  --pf-v5-c-masthead--m-display-stack__content--MarginLeft: 0;
17237
18028
  --pf-v5-c-masthead--m-display-stack__content--c-nav--m-horizontal--MarginRight: calc(var(--pf-v5-c-masthead--inset) * -1);
17238
18029
  --pf-v5-c-masthead--m-display-stack__content--c-nav--m-horizontal--MarginLeft: calc(var(--pf-v5-c-masthead--inset) * -1);
@@ -17243,7 +18034,7 @@ ul.pf-v5-c-list {
17243
18034
  --pf-v5-c-masthead--m-display-inline__main--FlexBasis: auto;
17244
18035
  --pf-v5-c-masthead--m-display-inline__main--PaddingTop: 0;
17245
18036
  --pf-v5-c-masthead--m-display-inline__main--PaddingBottom: 0;
17246
- --pf-v5-c-masthead--m-display-inline__main--MarginRight: calc(var(--pf-v5-global--spacer--lg) / 2);
18037
+ --pf-v5-c-masthead--m-display-inline__main--MarginRight: calc(var(--pf-t--global--spacer--lg) / 2);
17247
18038
  --pf-v5-c-masthead--m-display-inline__main--BorderBottom: 0;
17248
18039
  --pf-v5-c-masthead--m-display-inline__toggle--GridColumn: 1;
17249
18040
  --pf-v5-c-masthead--m-display-inline__content--GridColumn: 3;
@@ -17251,22 +18042,19 @@ ul.pf-v5-c-list {
17251
18042
  --pf-v5-c-masthead--m-display-inline__content--Order: 0;
17252
18043
  --pf-v5-c-masthead--m-display-inline__content--PaddingTop: 0;
17253
18044
  --pf-v5-c-masthead--m-display-inline__content--PaddingBottom: 0;
17254
- --pf-v5-c-masthead--m-display-inline__content--MarginLeft: calc(var(--pf-v5-global--spacer--lg) / 2);
18045
+ --pf-v5-c-masthead--m-display-inline__content--MarginLeft: calc(var(--pf-t--global--spacer--lg) / 2);
17255
18046
  --pf-v5-c-masthead--m-display-inline__content--c-nav--m-horizontal--MarginRight: 0;
17256
18047
  --pf-v5-c-masthead--m-display-inline__content--c-nav--m-horizontal--MarginLeft: 0;
17257
18048
  --pf-v5-c-masthead__main--before--Right: calc(var(--pf-v5-c-masthead--inset) * -1);
17258
18049
  --pf-v5-c-masthead__main--before--Left: calc(var(--pf-v5-c-masthead--inset) * -1);
17259
- --pf-v5-c-masthead__main--before--BorderBottomWidth: var(--pf-v5-global--BorderWidth--sm);
17260
- --pf-v5-c-masthead__main--before--BorderBottomColor: var(--pf-v5-global--palette--black-600);
17261
- --pf-v5-c-masthead__toggle--MarginRight: var(--pf-v5-global--spacer--sm);
17262
- --pf-v5-c-masthead__toggle--MarginLeft: calc(var(--pf-v5-global--spacer--md) * -1);
17263
- --pf-v5-c-masthead__toggle--c-button--FontSize: var(--pf-v5-global--FontSize--2xl);
17264
- --pf-v5-c-masthead--m-light--BackgroundColor: var(--pf-v5-global--BackgroundColor--100);
17265
- --pf-v5-c-masthead--m-light__main--BorderBottomColor: var(--pf-v5-global--BorderColor--300);
17266
- --pf-v5-c-masthead--m-light-200--BackgroundColor: var(--pf-v5-global--BackgroundColor--200);
17267
- --pf-v5-c-masthead--m-light-200__main--BorderBottomColor: var(--pf-v5-global--BorderColor--100);
18050
+ --pf-v5-c-masthead__main--before--BorderBottomWidth: var(--pf-t--global--border--width--divider--default);
18051
+ --pf-v5-c-masthead__main--before--BorderBottomColor: var(--pf-t--global--border--color--default);
18052
+ --pf-v5-c-masthead__content--Gap: var(--pf-t--global--spacer--sm);
18053
+ --pf-v5-c-masthead__toggle--MarginRight: var(--pf-t--global--spacer--sm);
18054
+ --pf-v5-c-masthead__toggle--MarginLeft: calc(var(--pf-t--global--spacer--sm) * -1);
18055
+ --pf-v5-c-masthead__toggle--c-button--FontSize: var(--pf-t--global--icon--size--lg);
17268
18056
  --pf-v5-c-masthead--c-toolbar__item--Display: flex;
17269
- --pf-v5-c-masthead--item-border-color--base: var(--pf-v5-global--palette--black-800);
18057
+ --pf-v5-c-masthead--item-border-color--base: var(--pf-t--global--border--color--default);
17270
18058
  --pf-v5-c-masthead--c-context-selector--Width: auto;
17271
18059
  --pf-v5-c-masthead--c-context-selector__toggle--BorderTopColor: var(--pf-v5-c-masthead--item-border-color--base);
17272
18060
  --pf-v5-c-masthead--c-context-selector__toggle--BorderRightColor: var(--pf-v5-c-masthead--item-border-color--base);
@@ -17285,12 +18073,34 @@ ul.pf-v5-c-list {
17285
18073
  --pf-v5-c-masthead--c-toolbar--AlignItems--base: center;
17286
18074
  --pf-v5-c-masthead--c-toolbar__content--PaddingRight: 0;
17287
18075
  --pf-v5-c-masthead--c-toolbar__content--PaddingLeft: 0;
17288
- --pf-v5-c-masthead--c-toolbar__expandable-content--PaddingTop: var(--pf-v5-global--spacer--md);
18076
+ --pf-v5-c-masthead--c-toolbar__expandable-content--PaddingTop: var(--pf-t--global--spacer--md);
17289
18077
  --pf-v5-c-masthead--c-toolbar__expandable-content--PaddingRight: var(--pf-v5-c-masthead--inset);
17290
- --pf-v5-c-masthead--c-toolbar__expandable-content--PaddingBottom: var(--pf-v5-global--spacer--md);
18078
+ --pf-v5-c-masthead--c-toolbar__expandable-content--PaddingBottom: var(--pf-t--global--spacer--md);
17291
18079
  --pf-v5-c-masthead--c-toolbar__expandable-content--PaddingLeft: var(--pf-v5-c-masthead--inset);
17292
- --pf-v5-c-masthead--c-toolbar__expandable-content--before--BorderTopWidth: var(--pf-v5-global--BorderWidth--sm);
18080
+ --pf-v5-c-masthead--c-toolbar__expandable-content--before--BorderTopWidth: var(--pf-t--global--border--width--divider--default);
17293
18081
  --pf-v5-c-masthead--c-toolbar__expandable-content--before--BorderTopColor: var(--pf-v5-c-masthead--item-border-color--base);
18082
+ }
18083
+
18084
+ .pf-v5-c-masthead {
18085
+ --pf-v5-c-toolbar--BackgroundColor: var(--pf-v5-c-masthead--c-toolbar--BackgroundColor);
18086
+ --pf-v5-c-toolbar--AlignItems--base: var(--pf-v5-c-masthead--c-toolbar--AlignItems--base);
18087
+ --pf-v5-c-toolbar__content--PaddingRight: var(--pf-v5-c-masthead--c-toolbar__content--PaddingRight);
18088
+ --pf-v5-c-toolbar__content--PaddingLeft: var(--pf-v5-c-masthead--c-toolbar__content--PaddingLeft);
18089
+ --pf-v5-c-toolbar__expandable-content--PaddingTop: var(--pf-v5-c-masthead--c-toolbar__expandable-content--PaddingTop);
18090
+ --pf-v5-c-toolbar__expandable-content--PaddingRight: var(--pf-v5-c-masthead--c-toolbar__expandable-content--PaddingRight);
18091
+ --pf-v5-c-toolbar__expandable-content--PaddingBottom: var(--pf-v5-c-masthead--c-toolbar__expandable-content--PaddingBottom);
18092
+ --pf-v5-c-toolbar__expandable-content--PaddingLeft: var(--pf-v5-c-masthead--c-toolbar__expandable-content--PaddingLeft);
18093
+ --pf-v5-c-context-selector--Width: var(--pf-v5-c-masthead--c-context-selector--Width);
18094
+ --pf-v5-c-context-selector__toggle--BorderTopColor: var(--pf-v5-c-masthead--c-context-selector__toggle--BorderTopColor);
18095
+ --pf-v5-c-context-selector__toggle--BorderRightColor: var(--pf-v5-c-masthead--c-context-selector__toggle--BorderRightColor);
18096
+ --pf-v5-c-context-selector__toggle--BorderLeftColor: var(--pf-v5-c-masthead--c-context-selector__toggle--BorderLeftColor);
18097
+ --pf-v5-c-dropdown__toggle--before--BorderTopColor: var(--pf-v5-c-masthead--c-dropdown__toggle--before--BorderTopColor);
18098
+ --pf-v5-c-dropdown__toggle--before--BorderRightColor: var(--pf-v5-c-masthead--c-dropdown__toggle--before--BorderRightColor);
18099
+ --pf-v5-c-dropdown__toggle--before--BorderLeftColor: var(--pf-v5-c-masthead--c-dropdown__toggle--before--BorderLeftColor);
18100
+ --pf-v5-c-menu-toggle--before--BorderTopColor: var(--pf-v5-c-masthead--c-menu-toggle--before--BorderTopColor);
18101
+ --pf-v5-c-menu-toggle--before--BorderRightColor: var(--pf-v5-c-masthead--c-menu-toggle--before--BorderRightColor);
18102
+ --pf-v5-c-menu-toggle--before--BorderLeftColor: var(--pf-v5-c-masthead--c-menu-toggle--before--BorderLeftColor);
18103
+ --pf-v5-c-menu-toggle--m-full-height__toggle--after--BorderBottomWidth: 0;
17294
18104
  --pf-v5-c-masthead--GridTemplateColumns: var(--pf-v5-c-masthead--m-display-stack--GridTemplateColumns);
17295
18105
  --pf-v5-c-masthead__main--GridColumn: var(--pf-v5-c-masthead--m-display-stack__main--GridColumn);
17296
18106
  --pf-v5-c-masthead__main--MinHeight: var(--pf-v5-c-masthead--m-display-stack__main--MinHeight);
@@ -17308,7 +18118,6 @@ ul.pf-v5-c-list {
17308
18118
  --pf-v5-c-masthead__content--MarginLeft: var(--pf-v5-c-masthead--m-display-stack__content--MarginLeft);
17309
18119
  --pf-v5-c-masthead__content--c-nav--m-horizontal--MarginRight: var(--pf-v5-c-masthead--m-display-stack__content--c-nav--m-horizontal--MarginRight);
17310
18120
  --pf-v5-c-masthead__content--c-nav--m-horizontal--MarginLeft: var(--pf-v5-c-masthead--m-display-stack__content--c-nav--m-horizontal--MarginLeft);
17311
- color: var(--pf-v5-global--Color--100);
17312
18121
  position: relative;
17313
18122
  display: grid;
17314
18123
  grid-template-columns: var(--pf-v5-c-masthead--GridTemplateColumns);
@@ -17319,7 +18128,7 @@ ul.pf-v5-c-list {
17319
18128
  background-color: var(--pf-v5-c-masthead--BackgroundColor);
17320
18129
  }
17321
18130
  @media screen and (min-width: 768px) {
17322
- .pf-v5-c-page:where(:not(.pf-m-resize-observer)) .pf-v5-c-masthead {
18131
+ :where(:not(.pf-m-resize-observer)) .pf-v5-c-masthead {
17323
18132
  --pf-v5-c-masthead--GridTemplateColumns: var(--pf-v5-c-masthead--m-display-inline--GridTemplateColumns);
17324
18133
  --pf-v5-c-masthead__main--GridColumn: var(--pf-v5-c-masthead--m-display-inline__main--GridColumn);
17325
18134
  --pf-v5-c-masthead__main--MinHeight: var(--pf-v5-c-masthead--m-display-inline__main--MinHeight);
@@ -17344,25 +18153,7 @@ ul.pf-v5-c-list {
17344
18153
  --pf-v5-c-masthead--inset: var(--pf-v5-c-masthead--xl--inset);
17345
18154
  }
17346
18155
  }
17347
- .pf-v5-c-masthead.pf-m-light {
17348
- color: var(--pf-v5-global--Color--100);
17349
- --pf-v5-c-masthead--BackgroundColor: var(--pf-v5-c-masthead--m-light--BackgroundColor);
17350
- --pf-v5-c-masthead__main--BorderBottomColor: var(--pf-v5-c-masthead--m-light__main--BorderBottomColor);
17351
- }
17352
- .pf-v5-c-masthead.pf-m-light-200 {
17353
- color: var(--pf-v5-global--Color--100);
17354
- --pf-v5-c-masthead--BackgroundColor: var(--pf-v5-c-masthead--m-light-200--BackgroundColor);
17355
- --pf-v5-c-masthead__main--BorderBottomColor: var(--pf-v5-c-masthead--m-light-200__main--BorderBottomColor);
17356
- }
17357
18156
  .pf-v5-c-masthead .pf-v5-c-toolbar {
17358
- --pf-v5-c-toolbar--BackgroundColor: var(--pf-v5-c-masthead--c-toolbar--BackgroundColor);
17359
- --pf-v5-c-toolbar--AlignItems--base: var(--pf-v5-c-masthead--c-toolbar--AlignItems--base);
17360
- --pf-v5-c-toolbar__content--PaddingRight: var(--pf-v5-c-masthead--c-toolbar__content--PaddingRight);
17361
- --pf-v5-c-toolbar__content--PaddingLeft: var(--pf-v5-c-masthead--c-toolbar__content--PaddingLeft);
17362
- --pf-v5-c-toolbar__expandable-content--PaddingTop: var(--pf-v5-c-masthead--c-toolbar__expandable-content--PaddingTop);
17363
- --pf-v5-c-toolbar__expandable-content--PaddingRight: var(--pf-v5-c-masthead--c-toolbar__expandable-content--PaddingRight);
17364
- --pf-v5-c-toolbar__expandable-content--PaddingBottom: var(--pf-v5-c-masthead--c-toolbar__expandable-content--PaddingBottom);
17365
- --pf-v5-c-toolbar__expandable-content--PaddingLeft: var(--pf-v5-c-masthead--c-toolbar__expandable-content--PaddingLeft);
17366
18157
  width: 100%;
17367
18158
  }
17368
18159
  .pf-v5-c-masthead .pf-v5-c-toolbar__content-section {
@@ -17378,27 +18169,10 @@ ul.pf-v5-c-list {
17378
18169
  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);
17379
18170
  box-shadow: var(--pf-v5-c-toolbar__expandable-content--before--BoxShadow);
17380
18171
  }
17381
- .pf-v5-c-masthead .pf-v5-c-menu-toggle {
17382
- --pf-v5-c-menu-toggle--before--BorderTopColor: var(--pf-v5-c-masthead--c-menu-toggle--before--BorderTopColor);
17383
- --pf-v5-c-menu-toggle--before--BorderRightColor: var(--pf-v5-c-masthead--c-menu-toggle--before--BorderRightColor);
17384
- --pf-v5-c-menu-toggle--before--BorderLeftColor: var(--pf-v5-c-masthead--c-menu-toggle--before--BorderLeftColor);
17385
- --pf-v5-c-menu-toggle--m-full-height__toggle--after--BorderBottomWidth: 0;
17386
- }
17387
- .pf-v5-c-masthead .pf-v5-c-context-selector {
17388
- --pf-v5-c-context-selector--Width: var(--pf-v5-c-masthead--c-context-selector--Width);
17389
- --pf-v5-c-context-selector__toggle--BorderTopColor: var(--pf-v5-c-masthead--c-context-selector__toggle--BorderTopColor);
17390
- --pf-v5-c-context-selector__toggle--BorderRightColor: var(--pf-v5-c-masthead--c-context-selector__toggle--BorderRightColor);
17391
- --pf-v5-c-context-selector__toggle--BorderLeftColor: var(--pf-v5-c-masthead--c-context-selector__toggle--BorderLeftColor);
17392
- }
17393
18172
  .pf-v5-c-masthead .pf-v5-c-context-selector.pf-m-full-height {
17394
18173
  --pf-v5-c-context-selector__toggle--BorderTopColor: var(--pf-v5-c-masthead--c-context-selector--m-full-height__toggle--BorderTopColor);
17395
18174
  --pf-v5-c-context-selector__toggle--BorderBottomColor: var(--pf-v5-c-masthead--c-context-selector--m-full-height__toggle--BorderBottomColor);
17396
18175
  }
17397
- .pf-v5-c-masthead .pf-v5-c-dropdown {
17398
- --pf-v5-c-dropdown__toggle--before--BorderTopColor: var(--pf-v5-c-masthead--c-dropdown__toggle--before--BorderTopColor);
17399
- --pf-v5-c-dropdown__toggle--before--BorderRightColor: var(--pf-v5-c-masthead--c-dropdown__toggle--before--BorderRightColor);
17400
- --pf-v5-c-dropdown__toggle--before--BorderLeftColor: var(--pf-v5-c-masthead--c-dropdown__toggle--before--BorderLeftColor);
17401
- }
17402
18176
  .pf-v5-c-masthead .pf-v5-c-dropdown.pf-m-full-height {
17403
18177
  --pf-v5-c-dropdown__toggle--before--BorderTopColor: var(--pf-v5-c-masthead--c-dropdown--m-full-height__toggle--before--BorderTopColor);
17404
18178
  --pf-v5-c-dropdown__toggle--before--BorderBottomColor: var(--pf-v5-c-masthead--c-dropdown--m-full-height__toggle--before--BorderBottomColor);
@@ -17406,9 +18180,6 @@ ul.pf-v5-c-list {
17406
18180
  .pf-v5-c-masthead .pf-v5-c-nav {
17407
18181
  align-self: stretch;
17408
18182
  }
17409
- .pf-v5-c-masthead .pf-v5-c-button.pf-m-plain {
17410
- color: var(--pf-v5-c-button--m-plain--Color);
17411
- }
17412
18183
 
17413
18184
  .pf-v5-c-masthead__main {
17414
18185
  position: relative;
@@ -17435,12 +18206,18 @@ ul.pf-v5-c-list {
17435
18206
  --pf-v5-c-masthead__main--MarginRight: 0;
17436
18207
  }
17437
18208
 
18209
+ .pf-v5-c-masthead__logo {
18210
+ display: flex;
18211
+ gap: var(--pf-t--global--spacer--md);
18212
+ }
18213
+
17438
18214
  .pf-v5-c-masthead__content {
17439
18215
  display: flex;
17440
18216
  flex-grow: 1;
17441
18217
  flex-shrink: 1;
17442
18218
  grid-column: var(--pf-v5-c-masthead__content--GridColumn);
17443
18219
  grid-column-end: -1;
18220
+ gap: var(--pf-v5-c-masthead__content--Gap);
17444
18221
  align-items: center;
17445
18222
  align-self: stretch;
17446
18223
  order: var(--pf-v5-c-masthead__content--Order);
@@ -17838,22 +18615,6 @@ ul.pf-v5-c-list {
17838
18615
  }
17839
18616
  }
17840
18617
 
17841
- :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,
17842
- :where(.pf-v5-theme-dark) .pf-v5-c-page__main-section[class*=pf-m-dark-] .pf-v5-c-button,
17843
- :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,
17844
- :where(.pf-v5-theme-dark) .pf-v5-c-login__footer .pf-v5-c-button {
17845
- --pf-v5-c-button--m-primary--BackgroundColor: var(--pf-v5-global--primary-color--300);
17846
- }
17847
-
17848
- :where(.pf-v5-theme-dark) .pf-v5-c-masthead {
17849
- --pf-v5-c-masthead--BackgroundColor: var(--pf-v5-global--palette--black-1000);
17850
- --pf-v5-c-masthead--item-border-color--base: var(--pf-v5-global--BorderColor--100);
17851
- color: var(--pf-v5-global--Color--100);
17852
- }
17853
- :where(.pf-v5-theme-dark) .pf-v5-c-masthead .pf-v5-c-toolbar {
17854
- --pf-v5-c-toolbar--BackgroundColor: var(--pf-v5-global--palette--black-1000);
17855
- }
17856
-
17857
18618
  .pf-v5-c-menu {
17858
18619
  color: var(--pf-v5-global--Color--100);
17859
18620
  --pf-v5-c-menu--BackgroundColor: var(--pf-v5-global--BackgroundColor--100);
@@ -18366,9 +19127,6 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disab
18366
19127
  align-items: center;
18367
19128
  margin-inline-end: var(--pf-v5-c-menu__item-check--MarginRight);
18368
19129
  }
18369
- .pf-v5-c-menu__item-check .pf-v5-c-check {
18370
- --pf-v5-c-check__input--TranslateY: none;
18371
- }
18372
19130
 
18373
19131
  .pf-v5-c-menu__item-toggle-icon {
18374
19132
  padding-inline-start: var(--pf-v5-c-menu__item-toggle-icon--PaddingLeft);
@@ -18443,7 +19201,7 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disab
18443
19201
  :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,
18444
19202
  :where(.pf-v5-theme-dark) .pf-v5-c-page__main-section[class*=pf-m-dark-] .pf-v5-c-button,
18445
19203
  :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,
18446
- :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 {
19204
+ :where(.pf-v5-theme-dark) .pf-v5-c-login__footer .pf-v5-c-button {
18447
19205
  --pf-v5-c-button--m-primary--BackgroundColor: var(--pf-v5-global--primary-color--300);
18448
19206
  }
18449
19207
 
@@ -18454,38 +19212,42 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disab
18454
19212
  }
18455
19213
 
18456
19214
  .pf-v5-c-menu-toggle {
18457
- --pf-v5-c-menu-toggle--BorderRadius: 0;
18458
- --pf-v5-c-menu-toggle--PaddingTop: var(--pf-v5-global--spacer--form-element);
18459
- --pf-v5-c-menu-toggle--PaddingRight: var(--pf-v5-global--spacer--sm);
18460
- --pf-v5-c-menu-toggle--PaddingBottom: var(--pf-v5-global--spacer--form-element);
18461
- --pf-v5-c-menu-toggle--PaddingLeft: var(--pf-v5-global--spacer--sm);
18462
- --pf-v5-c-menu-toggle--FontSize: var(--pf-v5-global--FontSize--md);
18463
- --pf-v5-c-menu-toggle--Color: var(--pf-v5-global--Color--100);
18464
- --pf-v5-c-menu-toggle--LineHeight: var(--pf-v5-global--LineHeight--md);
18465
- --pf-v5-c-menu-toggle--BackgroundColor: transparent;
18466
- --pf-v5-c-menu-toggle--before--BorderTopWidth: var(--pf-v5-global--BorderWidth--sm);
18467
- --pf-v5-c-menu-toggle--before--BorderRightWidth: var(--pf-v5-global--BorderWidth--sm);
18468
- --pf-v5-c-menu-toggle--before--BorderBottomWidth: 0;
18469
- --pf-v5-c-menu-toggle--before--BorderLeftWidth: var(--pf-v5-global--BorderWidth--sm);
18470
- --pf-v5-c-menu-toggle--before--BorderTopColor: var(--pf-v5-global--BorderColor--300);
18471
- --pf-v5-c-menu-toggle--before--BorderRightColor: var(--pf-v5-global--BorderColor--300);
18472
- --pf-v5-c-menu-toggle--before--BorderBottomColor: transparent;
18473
- --pf-v5-c-menu-toggle--before--BorderLeftColor: var(--pf-v5-global--BorderColor--300);
18474
- --pf-v5-c-menu-toggle--after--BorderBottomWidth: var(--pf-v5-global--BorderWidth--sm);
18475
- --pf-v5-c-menu-toggle--after--BorderBottomColor: var(--pf-v5-global--BorderColor--200);
19215
+ --pf-v5-c-menu-toggle--BorderRadius: var(--pf-t--global--border--radius--small);
19216
+ --pf-v5-c-menu-toggle--PaddingTop: var(--pf-t--global--spacer--sm);
19217
+ --pf-v5-c-menu-toggle--PaddingRight: var(--pf-t--global--spacer--sm);
19218
+ --pf-v5-c-menu-toggle--PaddingBottom: var(--pf-t--global--spacer--sm);
19219
+ --pf-v5-c-menu-toggle--PaddingLeft: var(--pf-t--global--spacer--sm);
19220
+ --pf-v5-c-menu-toggle--FontSize: var(--pf-t--global--font--size--body--md);
19221
+ --pf-v5-c-menu-toggle--Color: var(--pf-t--global--text--color--regular);
19222
+ --pf-v5-c-menu-toggle--LineHeight: var(--pf-t--global--font--line-height--body);
19223
+ --pf-v5-c-menu-toggle--BackgroundColor: var(--pf-t--global--background--color--control--default);
19224
+ --pf-v5-c-menu-toggle--BorderWidth: var(--pf-t--global--border--width--control--default);
19225
+ --pf-v5-c-menu-toggle--BorderColor: var(--pf-t--global--border--color--default);
19226
+ --pf-v5-c-menu-toggle--hover--BorderWidth: var(--pf-t--global--border--width--control--hover);
19227
+ --pf-v5-c-menu-toggle--hover--BorderColor: var(--pf-t--global--border--color--hover);
19228
+ --pf-v5-c-menu-toggle--active--BorderWidth: var(--pf-t--global--border--width--control--active);
19229
+ --pf-v5-c-menu-toggle--active--BorderColor: var(--pf-t--global--border--color--active);
19230
+ --pf-v5-c-menu-toggle--before--BorderTopWidth: var(--pf-t--global--border--width--control--default);
19231
+ --pf-v5-c-menu-toggle--before--BorderRightWidth: var(--pf-t--global--border--width--control--default);
19232
+ --pf-v5-c-menu-toggle--before--BorderBottomWidth: var(--pf-t--global--border--width--control--default);
19233
+ --pf-v5-c-menu-toggle--before--BorderLeftWidth: var(--pf-t--global--border--width--control--default);
19234
+ --pf-v5-c-menu-toggle--before--BorderTopColor: var(--pf-t--global--border--color--default);
19235
+ --pf-v5-c-menu-toggle--before--BorderRightColor: var(--pf-t--global--border--color--default);
19236
+ --pf-v5-c-menu-toggle--before--BorderBottomColor: var(--pf-t--global--border--color--default);
19237
+ --pf-v5-c-menu-toggle--before--BorderLeftColor: var(--pf-t--global--border--color--default);
18476
19238
  --pf-v5-c-menu-toggle--hover--BackgroundColor: transparent;
18477
- --pf-v5-c-menu-toggle--hover--after--BorderBottomWidth: var(--pf-v5-global--BorderWidth--sm);
18478
- --pf-v5-c-menu-toggle--hover--after--BorderBottomColor: var(--pf-v5-global--active-color--100);
19239
+ --pf-v5-c-menu-toggle--hover--after--BorderBottomWidth: var(--pf-t--global--border--width--control--hover);
19240
+ --pf-v5-c-menu-toggle--hover--after--BorderBottomColor: var(--pf-t--global--border--color--hover);
18479
19241
  --pf-v5-c-menu-toggle--focus--BackgroundColor: transparent;
18480
- --pf-v5-c-menu-toggle--focus--after--BorderBottomWidth: var(--pf-v5-global--BorderWidth--md);
18481
- --pf-v5-c-menu-toggle--focus--after--BorderBottomColor: var(--pf-v5-global--active-color--100);
19242
+ --pf-v5-c-menu-toggle--focus--after--BorderBottomWidth: var(--pf-t--global--border--width--control--active);
19243
+ --pf-v5-c-menu-toggle--focus--after--BorderBottomColor: var(--pf-t--global--border--color--active);
18482
19244
  --pf-v5-c-menu-toggle--active--BackgroundColor: transparent;
18483
- --pf-v5-c-menu-toggle--active--after--BorderBottomWidth: var(--pf-v5-global--BorderWidth--md);
18484
- --pf-v5-c-menu-toggle--active--after--BorderBottomColor: var(--pf-v5-global--active-color--100);
19245
+ --pf-v5-c-menu-toggle--active--after--BorderBottomWidth: var(--pf-t--global--border--width--control--active);
19246
+ --pf-v5-c-menu-toggle--active--after--BorderBottomColor: var(--pf-t--global--border--color--active);
18485
19247
  --pf-v5-c-menu-toggle--m-expanded--Color: var(--pf-v5-global--Color--100);
18486
19248
  --pf-v5-c-menu-toggle--m-expanded--BackgroundColor: transparent;
18487
- --pf-v5-c-menu-toggle--m-expanded--after--BorderBottomWidth: var(--pf-v5-global--BorderWidth--md);
18488
- --pf-v5-c-menu-toggle--m-expanded--after--BorderBottomColor: var(--pf-v5-global--active-color--100);
19249
+ --pf-v5-c-menu-toggle--m-expanded--after--BorderBottomWidth: var(--pf-t--global--border--width--control--active);
19250
+ --pf-v5-c-menu-toggle--m-expanded--after--BorderBottomColor: var(--pf-t--global--border--color--active);
18489
19251
  --pf-v5-c-menu-toggle--disabled--Color: var(--pf-v5-global--disabled-color--100);
18490
19252
  --pf-v5-c-menu-toggle--disabled--BackgroundColor: var(--pf-v5-global--disabled-color--300);
18491
19253
  --pf-v5-c-menu-toggle--m-primary--Color: var(--pf-v5-global--Color--light-100);
@@ -18518,20 +19280,19 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disab
18518
19280
  --pf-v5-c-menu-toggle--m-plain--active--Color: var(--pf-v5-global--Color--100);
18519
19281
  --pf-v5-c-menu-toggle--m-plain--disabled--Color: var(--pf-v5-global--disabled-color--200);
18520
19282
  --pf-v5-c-menu-toggle--m-plain--m-expanded--Color: var(--pf-v5-global--Color--100);
18521
- --pf-v5-c-menu-toggle__icon--MarginRight: var(--pf-v5-global--spacer--sm);
18522
- --pf-v5-c-menu-toggle__count--MarginLeft: var(--pf-v5-global--spacer--sm);
18523
- --pf-v5-c-menu-toggle__controls--PaddingLeft: var(--pf-v5-global--spacer--md);
19283
+ --pf-v5-c-menu-toggle__icon--MarginRight: var(--pf-t--global--spacer--sm);
19284
+ --pf-v5-c-menu-toggle__count--MarginLeft: var(--pf-t--global--spacer--sm);
19285
+ --pf-v5-c-menu-toggle__controls--PaddingLeft: var(--pf-t--global--spacer--sm);
18524
19286
  --pf-v5-c-menu-toggle__controls--MarginLeft: auto;
18525
19287
  --pf-v5-c-menu-toggle__controls--MarginRight: 0;
18526
- --pf-v5-c-menu-toggle__toggle-icon--MarginRight: var(--pf-v5-global--spacer--sm);
18527
- --pf-v5-c-menu-toggle--m-plain__toggle-icon--Color: var(--pf-v5-global--Color--200);
19288
+ --pf-v5-c-menu-toggle__toggle-icon--MarginRight: var(--pf-t--global--spacer--sm);
19289
+ --pf-v5-c-menu-toggle--m-plain__toggle-icon--Color: var(--pf-t--global--icon--color--regular);
18528
19290
  --pf-v5-c-menu-toggle--m-plain--hover__toggle-icon--Color: var(--pf-v5-global--Color--100);
18529
19291
  --pf-v5-c-menu-toggle--m-plain--active__toggle-icon--Color: var(--pf-v5-global--Color--100);
18530
19292
  --pf-v5-c-menu-toggle--m-plain--focus__toggle-icon--Color: var(--pf-v5-global--Color--100);
18531
19293
  --pf-v5-c-menu-toggle--m-plain--m-expanded__toggle-icon--Color: var(--pf-v5-global--Color--100);
18532
19294
  --pf-v5-c-menu-toggle--m-full-height--PaddingRight: var(--pf-v5-global--spacer--lg);
18533
19295
  --pf-v5-c-menu-toggle--m-full-height--PaddingLeft: var(--pf-v5-global--spacer--lg);
18534
- --pf-v5-c-menu-toggle--m-full-height__toggle--before--BorderTopWidth: 0;
18535
19296
  --pf-v5-c-menu-toggle--m-full-height__toggle--after--BorderBottomWidth: var(--pf-v5-global--BorderWidth--sm);
18536
19297
  --pf-v5-c-menu-toggle--m-full-height--m-expanded--after--BorderBottomWidth: var(--pf-v5-global--BorderWidth--xl);
18537
19298
  --pf-v5-c-menu-toggle--m-full-height--hover--after--BorderBottomWidth: var(--pf-v5-global--BorderWidth--xl);
@@ -18541,7 +19302,7 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disab
18541
19302
  --pf-v5-c-menu-toggle--m-split-button--child--BackgroundColor: var(--pf-v5-global--BackgroundColor--100);
18542
19303
  --pf-v5-c-menu-toggle--m-split-button--child--disabled--Color: var(--pf-v5-global--disabled-color--100);
18543
19304
  --pf-v5-c-menu-toggle--m-split-button--child--disabled--BackgroundColor: var(--pf-v5-global--disabled-color--300);
18544
- --pf-v5-c-menu-toggle--m-split-button--first-child--PaddingRight: var(--pf-v5-global--spacer--sm);
19305
+ --pf-v5-c-menu-toggle--m-split-button--first-child--PaddingRight: var(--pf-t--global--spacer--sm);
18545
19306
  --pf-v5-c-menu-toggle--m-split-button--last-child--PaddingLeft: 0;
18546
19307
  --pf-v5-c-menu-toggle--m-split-button--m-action--child--BorderLeftWidth: var(--pf-v5-global--BorderWidth--sm);
18547
19308
  --pf-v5-c-menu-toggle--m-split-button--m-action--child--BorderLeftColor: var(--pf-v5-global--BorderColor--300);
@@ -18564,13 +19325,13 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disab
18564
19325
  --pf-v5-c-menu-toggle--m-split-button--m-action--m-secondary--child--BorderLeftColor: var(--pf-v5-global--primary-color--100);
18565
19326
  --pf-v5-c-menu-toggle__button--BackgroundColor: transparent;
18566
19327
  --pf-v5-c-menu-toggle__button--AlignSelf: baseline;
18567
- --pf-v5-c-menu-toggle__button--PaddingLeft: var(--pf-v5-global--spacer--sm);
18568
- --pf-v5-c-menu-toggle__button--PaddingRight: var(--pf-v5-global--spacer--sm);
18569
- --pf-v5-c-menu-toggle__button__controls--MarginRight: var(--pf-v5-global--spacer--sm);
18570
- --pf-v5-c-menu-toggle__button__controls--MarginLeft: var(--pf-v5-global--spacer--sm);
18571
- --pf-v5-c-menu-toggle--m-typeahead__controls--MarginRight: var(--pf-v5-global--spacer--sm);
18572
- --pf-v5-c-menu-toggle--m-typeahead__controls--MarginLeft: var(--pf-v5-global--spacer--sm);
18573
- --pf-v5-c-menu-toggle--m-typeahead--c-text-input-group__utilities--c-button--PaddingRight: var(--pf-v5-global--spacer--sm);
19328
+ --pf-v5-c-menu-toggle__button--PaddingLeft: var(--pf-t--global--spacer--sm);
19329
+ --pf-v5-c-menu-toggle__button--PaddingRight: var(--pf-t--global--spacer--sm);
19330
+ --pf-v5-c-menu-toggle__button__controls--MarginRight: var(--pf-t--global--spacer--sm);
19331
+ --pf-v5-c-menu-toggle__button__controls--MarginLeft: var(--pf-t--global--spacer--sm);
19332
+ --pf-v5-c-menu-toggle--m-typeahead__controls--MarginRight: var(--pf-t--global--spacer--sm);
19333
+ --pf-v5-c-menu-toggle--m-typeahead__controls--MarginLeft: var(--pf-t--global--spacer--sm);
19334
+ --pf-v5-c-menu-toggle--m-typeahead--c-text-input-group__utilities--c-button--PaddingRight: var(--pf-t--global--spacer--sm);
18574
19335
  --pf-v5-c-menu-toggle--m-typeahead__button--AlignSelf: center;
18575
19336
  position: relative;
18576
19337
  display: inline-flex;
@@ -18586,9 +19347,11 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disab
18586
19347
  cursor: pointer;
18587
19348
  background-color: var(--pf-v5-c-menu-toggle--BackgroundColor);
18588
19349
  border: 0;
19350
+ }
19351
+ .pf-v5-c-menu-toggle, .pf-v5-c-menu-toggle::before {
18589
19352
  border-radius: var(--pf-v5-c-menu-toggle--BorderRadius);
18590
19353
  }
18591
- .pf-v5-c-menu-toggle::before, .pf-v5-c-menu-toggle::after {
19354
+ .pf-v5-c-menu-toggle::before {
18592
19355
  position: absolute;
18593
19356
  inset-block-start: 0;
18594
19357
  inset-block-end: 0;
@@ -18596,20 +19359,10 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disab
18596
19359
  inset-inline-end: 0;
18597
19360
  pointer-events: none;
18598
19361
  content: "";
18599
- }
18600
- .pf-v5-c-menu-toggle::before {
18601
- border-style: solid;
18602
- border-block-start-color: var(--pf-v5-c-menu-toggle--before--BorderTopColor);
18603
- border-block-start-width: var(--pf-v5-c-menu-toggle--before--BorderTopWidth);
18604
- border-block-end-color: var(--pf-v5-c-menu-toggle--before--BorderBottomColor);
18605
- border-block-end-width: var(--pf-v5-c-menu-toggle--before--BorderBottomWidth);
18606
- border-inline-start-color: var(--pf-v5-c-menu-toggle--before--BorderLeftColor);
18607
- border-inline-start-width: var(--pf-v5-c-menu-toggle--before--BorderLeftWidth);
18608
- border-inline-end-color: var(--pf-v5-c-menu-toggle--before--BorderRightColor);
18609
- border-inline-end-width: var(--pf-v5-c-menu-toggle--before--BorderRightWidth);
19362
+ border: var(--pf-v5-c-menu-toggle--BorderWidth) solid var(--pf-v5-c-menu-toggle--BorderColor);
18610
19363
  }
18611
19364
  .pf-v5-c-menu-toggle::after {
18612
- border-block-end: var(--pf-v5-c-menu-toggle--after--BorderBottomWidth) solid var(--pf-v5-c-menu-toggle--after--BorderBottomColor);
19365
+ border-block-end: var(--pf-v5-c-menu-toggle--after--BorderWidth) solid var(--pf-v5-c-menu-toggle--after--BorderColor);
18613
19366
  }
18614
19367
  .pf-v5-c-menu-toggle.pf-m-primary {
18615
19368
  --pf-v5-c-menu-toggle--BorderRadius: var(--pf-v5-c-menu-toggle--m-primary--BorderRadius);
@@ -18654,15 +19407,11 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disab
18654
19407
  --pf-v5-c-menu-toggle--m-secondary--before--BorderColor: var(--pf-v5-c-menu-toggle--m-expanded__toggle--m-secondary--before--BorderColor);
18655
19408
  --pf-v5-c-menu-toggle--m-secondary--before--BorderWidth: var(--pf-v5-c-menu-toggle--m-expanded__toggle--m-secondary--before--BorderWidth);
18656
19409
  }
18657
- .pf-v5-c-menu-toggle.pf-m-plain {
18658
- --pf-v5-c-menu-toggle__toggle-icon--Color: var(--pf-v5-c-menu-toggle--m-plain__toggle-icon--Color);
18659
- }
18660
19410
  .pf-v5-c-menu-toggle.pf-m-plain:not(.pf-m-text) {
18661
19411
  --pf-v5-c-menu-toggle--PaddingRight: var(--pf-v5-c-menu-toggle--m-plain--PaddingRight);
18662
19412
  --pf-v5-c-menu-toggle--PaddingLeft: var(--pf-v5-c-menu-toggle--m-plain--PaddingLeft);
18663
19413
  --pf-v5-c-menu-toggle--disabled--BackgroundColor: transparent;
18664
19414
  display: inline-block;
18665
- color: var(--pf-v5-c-menu-toggle--m-plain--Color);
18666
19415
  }
18667
19416
  .pf-v5-c-menu-toggle.pf-m-full-height {
18668
19417
  --pf-v5-c-menu-toggle--PaddingRight: var(--pf-v5-c-menu-toggle--m-full-height--PaddingRight);
@@ -18677,25 +19426,12 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disab
18677
19426
  height: 100%;
18678
19427
  }
18679
19428
  .pf-v5-c-menu-toggle:hover {
18680
- --pf-v5-c-menu-toggle--BackgroundColor: var(--pf-v5-c-menu-toggle--hover--BackgroundColor);
18681
- --pf-v5-c-menu-toggle--after--BorderBottomWidth: var(--pf-v5-c-menu-toggle--hover--after--BorderBottomWidth);
18682
- --pf-v5-c-menu-toggle--after--BorderBottomColor: var(--pf-v5-c-menu-toggle--hover--after--BorderBottomColor);
18683
- --pf-v5-c-menu-toggle--m-plain__toggle-icon--Color: var(--pf-v5-c-menu-toggle--m-plain--hover__toggle-icon--Color);
18684
- --pf-v5-c-menu-toggle--m-plain--Color: var(--pf-v5-c-menu-toggle--m-plain--hover--Color);
18685
- }
18686
- .pf-v5-c-menu-toggle:focus, .pf-v5-c-menu-toggle:focus-within {
18687
- --pf-v5-c-menu-toggle--BackgroundColor: var(--pf-v5-c-menu-toggle--focus--BackgroundColor);
18688
- --pf-v5-c-menu-toggle--after--BorderBottomWidth: var(--pf-v5-c-menu-toggle--focus--after--BorderBottomWidth);
18689
- --pf-v5-c-menu-toggle--after--BorderBottomColor: var(--pf-v5-c-menu-toggle--focus--after--BorderBottomColor);
18690
- --pf-v5-c-menu-toggle--m-plain__toggle-icon--Color: var(--pf-v5-c-menu-toggle--m-plain--focus__toggle-icon--Color);
18691
- --pf-v5-c-menu-toggle--m-plain--Color: var(--pf-v5-c-menu-toggle--m-plain--focus--Color);
18692
- }
18693
- .pf-v5-c-menu-toggle:active {
18694
- --pf-v5-c-menu-toggle--BackgroundColor: var(--pf-v5-c-menu-toggle--active--BackgroundColor);
18695
- --pf-v5-c-menu-toggle--after--BorderBottomWidth: var(--pf-v5-c-menu-toggle--active--after--BorderBottomWidth);
18696
- --pf-v5-c-menu-toggle--after--BorderBottomColor: var(--pf-v5-c-menu-toggle--active--after--BorderBottomColor);
18697
- --pf-v5-c-menu-toggle--m-plain__toggle-icon--Color: var(--pf-v5-c-menu-toggle--m-plain--active__toggle-icon--Color);
18698
- --pf-v5-c-menu-toggle--m-plain--Color: var(--pf-v5-c-menu-toggle--m-plain--active--Color);
19429
+ --pf-v5-c-menu-toggle--BorderColor: var(--pf-v5-c-menu-toggle--hover--BorderColor);
19430
+ --pf-v5-c-menu-toggle--BorderWidth: var(--pf-v5-c-menu-toggle--hover--BorderWidth);
19431
+ }
19432
+ .pf-v5-c-menu-toggle:focus, .pf-v5-c-menu-toggle:active {
19433
+ --pf-v5-c-menu-toggle--BorderColor: var(--pf-v5-c-menu-toggle--active--BorderColor);
19434
+ --pf-v5-c-menu-toggle--BorderWidth: var(--pf-v5-c-menu-toggle--active--BorderWidth);
18699
19435
  }
18700
19436
  .pf-v5-c-menu-toggle.pf-m-expanded {
18701
19437
  --pf-v5-c-menu-toggle--Color: var(--pf-v5-c-menu-toggle--m-expanded--Color);
@@ -18711,7 +19447,7 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disab
18711
19447
  --pf-v5-c-menu-toggle--m-plain--Color: var(--pf-v5-c-menu-toggle--m-plain--disabled--Color);
18712
19448
  pointer-events: none;
18713
19449
  }
18714
- .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 {
19450
+ .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 {
18715
19451
  border: 0;
18716
19452
  }
18717
19453
  .pf-v5-c-menu-toggle.pf-m-typeahead {
@@ -18750,7 +19486,8 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disab
18750
19486
  align-self: stretch;
18751
19487
  }
18752
19488
  .pf-v5-c-menu-toggle.pf-m-split-button > .pf-v5-c-check .pf-v5-c-check__input {
18753
- align-self: center;
19489
+ align-self: revert;
19490
+ -moz-transform: none;
18754
19491
  }
18755
19492
  .pf-v5-c-menu-toggle.pf-m-split-button.pf-m-action:where(:not(.pf-m-primary, .pf-m-secondary, .pf-m-disabled)) > *::after {
18756
19493
  position: absolute;
@@ -18873,13 +19610,13 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disab
18873
19610
 
18874
19611
  .pf-v5-c-menu-toggle__toggle-icon {
18875
19612
  margin-inline-end: var(--pf-v5-c-menu-toggle__toggle-icon--MarginRight);
18876
- color: var(--pf-v5-c-menu-toggle__toggle-icon--Color, inherit);
19613
+ color: var(--pf-v5-c-menu-toggle__toggle-icon--Color);
18877
19614
  }
18878
19615
 
18879
19616
  :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,
18880
19617
  :where(.pf-v5-theme-dark) .pf-v5-c-page__main-section[class*=pf-m-dark-] .pf-v5-c-button,
18881
19618
  :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,
18882
- :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 {
19619
+ :where(.pf-v5-theme-dark) .pf-v5-c-login__footer .pf-v5-c-button {
18883
19620
  --pf-v5-c-button--m-primary--BackgroundColor: var(--pf-v5-global--primary-color--300);
18884
19621
  }
18885
19622
 
@@ -19092,7 +19829,7 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disab
19092
19829
  :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,
19093
19830
  :where(.pf-v5-theme-dark) .pf-v5-c-page__main-section[class*=pf-m-dark-] .pf-v5-c-button,
19094
19831
  :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,
19095
- :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 {
19832
+ :where(.pf-v5-theme-dark) .pf-v5-c-login__footer .pf-v5-c-button {
19096
19833
  --pf-v5-c-button--m-primary--BackgroundColor: var(--pf-v5-global--primary-color--300);
19097
19834
  }
19098
19835
 
@@ -19288,20 +20025,20 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disab
19288
20025
  --pf-v5-c-nav--Transition: var(--pf-v5-global--Transition);
19289
20026
  --pf-v5-c-nav--m-light__item--before--BorderColor: var(--pf-v5-global--BorderColor--300);
19290
20027
  --pf-v5-c-nav--m-light__item--m-current--not--m-expanded__link--BackgroundColor: var(--pf-v5-global--BackgroundColor--light-300);
19291
- --pf-v5-c-nav--m-light__link--Color: var(--pf-v5-global--Color--dark-100);
19292
- --pf-v5-c-nav--m-light__link--hover--Color: var(--pf-v5-global--Color--dark-100);
19293
- --pf-v5-c-nav--m-light__link--focus--Color: var(--pf-v5-global--Color--dark-100);
19294
- --pf-v5-c-nav--m-light__link--active--Color: var(--pf-v5-global--Color--dark-100);
19295
- --pf-v5-c-nav--m-light__link--m-current--Color: var(--pf-v5-global--Color--dark-100);
19296
- --pf-v5-c-nav--m-light__link--hover--BackgroundColor: var(--pf-v5-global--BackgroundColor--light-300);
19297
- --pf-v5-c-nav--m-light__link--focus--BackgroundColor: var(--pf-v5-global--BackgroundColor--light-300);
19298
- --pf-v5-c-nav--m-light__link--active--BackgroundColor: var(--pf-v5-global--BackgroundColor--light-300);
19299
- --pf-v5-c-nav--m-light__link--m-current--BackgroundColor: var(--pf-v5-global--BackgroundColor--light-300);
20028
+ --pf-v5-c-nav--m-light__link--Color: var(--pf-t--global--text--color--subtle);
20029
+ --pf-v5-c-nav--m-light__link--hover--Color: var(--pf-t--global--text--color--subtle);
20030
+ --pf-v5-c-nav--m-light__link--focus--Color: var(--pf-t--global--text--color--subtle);
20031
+ --pf-v5-c-nav--m-light__link--active--Color: var(--pf-t--global--text--color--subtle);
20032
+ --pf-v5-c-nav--m-light__link--m-current--Color: var(--pf-t--global--text--color--regular);
20033
+ --pf-v5-c-nav--m-light__link--hover--BackgroundColor: var(--pf-t--global--background--color--primary--default);
20034
+ --pf-v5-c-nav--m-light__link--focus--BackgroundColor: var(--pf-t--global--background--color--primary--default);
20035
+ --pf-v5-c-nav--m-light__link--active--BackgroundColor: var(--pf-t--global--background--color--primary--default);
20036
+ --pf-v5-c-nav--m-light__link--m-current--BackgroundColor: var(--pf-t--global--background--color--primary--default);
19300
20037
  --pf-v5-c-nav--m-light__link--before--BorderColor: var(--pf-v5-global--BorderColor--300);
19301
20038
  --pf-v5-c-nav--m-light__link--after--BorderColor: var(--pf-v5-global--active-color--100);
19302
20039
  --pf-v5-c-nav--m-light__link--m-current--after--BorderColor: var(--pf-v5-global--active-color--100);
19303
- --pf-v5-c-nav--m-light__section-title--Color: var(--pf-v5-global--Color--dark-200);
19304
- --pf-v5-c-nav--m-light__section-title--BorderBottomColor: var(--pf-v5-global--BorderColor--300);
20040
+ --pf-v5-c-nav--m-light__section-title--Color: var(--pf-t--global--text--color--regular);
20041
+ --pf-v5-c-nav--m-light__section-title--BorderBottomColor: transparent;
19305
20042
  --pf-v5-c-nav--m-light--c-divider--BackgroundColor: var(--pf-v5-global--BorderColor--300);
19306
20043
  --pf-v5-c-nav--m-light__subnav__link--hover--after--BorderColor: var(--pf-v5-global--BorderColor--dark-100);
19307
20044
  --pf-v5-c-nav--m-light__subnav__link--focus--after--BorderColor: var(--pf-v5-global--BorderColor--dark-100);
@@ -19312,32 +20049,34 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disab
19312
20049
  --pf-v5-c-nav__item--MarginTop: 0;
19313
20050
  --pf-v5-c-nav__item--m-current--not--m-expanded__link--BackgroundColor: var(--pf-v5-global--BackgroundColor--dark-400);
19314
20051
  --pf-v5-c-nav__link--m-current--not--m-expanded__link--after--BorderWidth: var(--pf-v5-global--BorderWidth--xl);
19315
- --pf-v5-c-nav__item__item__link--PaddingRight: var(--pf-v5-global--spacer--xl);
20052
+ --pf-v5-c-nav__item__item__link--PaddingRight: var(--pf-t--global--spacer--xl);
19316
20053
  --pf-v5-c-nav__item__item__toggle--FontSize: var(--pf-v5-global--FontSize--sm);
19317
20054
  --pf-v5-c-nav__item__toggle-icon--Rotate: 0;
19318
20055
  --pf-v5-c-nav__item--m-expanded__toggle-icon--Rotate: 90deg;
20056
+ --pf-v5-c-nav__item--BorderRadius: var(--pf-t--global--border--radius--small);
19319
20057
  --pf-v5-c-nav__item--before--BorderColor: var(--pf-v5-global--BackgroundColor--dark-200);
19320
20058
  --pf-v5-c-nav__item--before--BorderWidth: var(--pf-v5-global--BorderWidth--sm);
19321
- --pf-v5-c-nav__link--FontSize: var(--pf-v5-global--FontSize--md);
19322
- --pf-v5-c-nav__link--FontWeight: var(--pf-v5-global--FontWeight--normal);
19323
- --pf-v5-c-nav__link--PaddingTop: var(--pf-v5-global--spacer--md);
19324
- --pf-v5-c-nav__link--PaddingRight: var(--pf-v5-global--spacer--md);
19325
- --pf-v5-c-nav__link--PaddingBottom: var(--pf-v5-global--spacer--md);
19326
- --pf-v5-c-nav__link--PaddingLeft: var(--pf-v5-global--spacer--md);
19327
- --pf-v5-c-nav__link--xl--PaddingRight: var(--pf-v5-global--spacer--lg);
19328
- --pf-v5-c-nav__link--xl--PaddingLeft: var(--pf-v5-global--spacer--lg);
19329
- --pf-v5-c-nav__link--Color: var(--pf-v5-global--Color--light-100);
19330
- --pf-v5-c-nav__link--hover--Color: var(--pf-v5-global--Color--light-100);
19331
- --pf-v5-c-nav__link--focus--Color: var(--pf-v5-global--Color--light-100);
19332
- --pf-v5-c-nav__link--active--Color: var(--pf-v5-global--Color--light-100);
19333
- --pf-v5-c-nav__link--m-current--Color: var(--pf-v5-global--Color--light-100);
20059
+ --pf-v5-c-nav__link--FontSize: var(--pf-t--global--font--size--body);
20060
+ --pf-v5-c-nav__link--FontWeight: var(--pf-t--global--font--weight--body);
20061
+ --pf-v5-c-nav__link--PaddingTop: var(--pf-t--global--spacer--md);
20062
+ --pf-v5-c-nav__link--PaddingRight: var(--pf-t--global--spacer--md);
20063
+ --pf-v5-c-nav__link--PaddingBottom: var(--pf-t--global--spacer--md);
20064
+ --pf-v5-c-nav__link--PaddingLeft: var(--pf-t--global--spacer--md);
20065
+ --pf-v5-c-nav__link--BorderRadius: var(--pf-t--global--border--radius--small);
20066
+ --pf-v5-c-nav__link--xl--PaddingRight: var(--pf-t--global--spacer--lg);
20067
+ --pf-v5-c-nav__link--xl--PaddingLeft: var(--pf-t--global--spacer--lg);
20068
+ --pf-v5-c-nav__link--Color: var(--pf-t--global--text--color--subtle);
20069
+ --pf-v5-c-nav__link--hover--Color: var(--pf-t--global--text--color--subtle);
20070
+ --pf-v5-c-nav__link--focus--Color: var(--pf-t--global--text--color--subtle);
20071
+ --pf-v5-c-nav__link--active--Color: var(--pf-t--global--text--color--subtle);
20072
+ --pf-v5-c-nav__link--m-current--Color: var(--pf-t--global--text--color--regular);
19334
20073
  --pf-v5-c-nav__link--BackgroundColor: transparent;
19335
- --pf-v5-c-nav__link--hover--BackgroundColor: var(--pf-v5-global--BackgroundColor--dark-200);
19336
- --pf-v5-c-nav__link--focus--BackgroundColor: var(--pf-v5-global--BackgroundColor--dark-200);
19337
- --pf-v5-c-nav__link--active--BackgroundColor: var(--pf-v5-global--BackgroundColor--dark-200);
19338
- --pf-v5-c-nav__link--m-current--BackgroundColor: var(--pf-v5-global--BackgroundColor--dark-400);
20074
+ --pf-v5-c-nav__link--hover--BackgroundColor: var(--pf-t--global--background--color--primary--default);
20075
+ --pf-v5-c-nav__link--focus--BackgroundColor: var(--pf-t--global--background--color--primary--default);
20076
+ --pf-v5-c-nav__link--active--BackgroundColor: var(--pf-t--global--background--color--primary--default);
20077
+ --pf-v5-c-nav__link--m-current--BackgroundColor: var(--pf-t--global--background--color--primary--default);
19339
20078
  --pf-v5-c-nav__link--OutlineOffset: calc(var(--pf-v5-global--spacer--xs) * -1);
19340
- --pf-v5-c-nav__link--before--BorderColor: var(--pf-v5-global--BackgroundColor--dark-200);
20079
+ --pf-v5-c-nav__link--before--BorderColor: transparent;
19341
20080
  --pf-v5-c-nav__link--before--BorderBottomWidth: var(--pf-v5-global--BorderWidth--sm);
19342
20081
  --pf-v5-c-nav__link--hover--before--BorderBottomWidth: 0;
19343
20082
  --pf-v5-c-nav__link--focus--before--BorderBottomWidth: 0;
@@ -19477,16 +20216,16 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disab
19477
20216
  --pf-v5-c-nav__section__link--active--after--BorderWidth: 0;
19478
20217
  --pf-v5-c-nav__section__link--m-current--after--BorderWidth: var(--pf-v5-global--BorderWidth--xl);
19479
20218
  --pf-v5-c-nav__section--section--MarginTop: var(--pf-v5-global--spacer--xl);
19480
- --pf-v5-c-nav__section-title--PaddingTop: var(--pf-v5-global--spacer--sm);
19481
- --pf-v5-c-nav__section-title--PaddingRight: var(--pf-v5-global--spacer--md);
19482
- --pf-v5-c-nav__section-title--PaddingBottom: var(--pf-v5-global--spacer--sm);
19483
- --pf-v5-c-nav__section-title--PaddingLeft: var(--pf-v5-global--spacer--md);
19484
- --pf-v5-c-nav__section-title--MarginBottom: var(--pf-v5-global--spacer--sm);
19485
- --pf-v5-c-nav__section-title--xl--PaddingRight: var(--pf-v5-global--spacer--lg);
19486
- --pf-v5-c-nav__section-title--xl--PaddingLeft: var(--pf-v5-global--spacer--lg);
19487
- --pf-v5-c-nav__section-title--FontSize: var(--pf-v5-global--FontSize--sm);
19488
- --pf-v5-c-nav__section-title--Color: var(--pf-v5-global--Color--light-100);
19489
- --pf-v5-c-nav__section-title--BorderBottomColor: var(--pf-v5-global--BackgroundColor--dark-200);
20219
+ --pf-v5-c-nav__section-title--PaddingTop: var(--pf-t--global--spacer--sm);
20220
+ --pf-v5-c-nav__section-title--PaddingRight: var(--pf-t--global--spacer--md);
20221
+ --pf-v5-c-nav__section-title--PaddingBottom: var(--pf-t--global--spacer--sm);
20222
+ --pf-v5-c-nav__section-title--PaddingLeft: var(--pf-t--global--spacer--md);
20223
+ --pf-v5-c-nav__section-title--MarginBottom: var(--pf-t--global--spacer--sm);
20224
+ --pf-v5-c-nav__section-title--xl--PaddingRight: var(--pf-t--global--spacer--xl);
20225
+ --pf-v5-c-nav__section-title--xl--PaddingLeft: var(--pf-t--global--spacer--xl);
20226
+ --pf-v5-c-nav__section-title--FontSize: var(--pf-t--global--font--size--body);
20227
+ --pf-v5-c-nav__section-title--Color: var(--pf-t--global--text--color--regular);
20228
+ --pf-v5-c-nav__section-title--BorderBottomColor: transparent;
19490
20229
  --pf-v5-c-nav__section-title--BorderBottomWidth: var(--pf-v5-global--BorderWidth--sm);
19491
20230
  --pf-v5-c-nav__scroll-button--Color: var(--pf-v5-global--Color--light-100);
19492
20231
  --pf-v5-c-nav__scroll-button--hover--Color: var(--pf-v5-global--active-color--400);
@@ -20260,7 +20999,7 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disab
20260
20999
  :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,
20261
21000
  :where(.pf-v5-theme-dark) .pf-v5-c-page__main-section[class*=pf-m-dark-] .pf-v5-c-button,
20262
21001
  :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,
20263
- :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 {
21002
+ :where(.pf-v5-theme-dark) .pf-v5-c-login__footer .pf-v5-c-button {
20264
21003
  --pf-v5-c-button--m-primary--BackgroundColor: var(--pf-v5-global--primary-color--300);
20265
21004
  }
20266
21005
 
@@ -20298,42 +21037,43 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disab
20298
21037
  --pf-v5-c-nav__item--item__link--after--Top: 0;
20299
21038
  }
20300
21039
 
21040
+ :root {
21041
+ --pf-v5-c-notification-badge--BackgroundColor: transparent;
21042
+ --pf-v5-c-notification-badge--MinWidth: 40px;
21043
+ --pf-v5-c-notification-badge--Gap: var(--pf-t--global--spacer--xs);
21044
+ --pf-v5-c-notification-badge--PaddingTop: var(--pf-t--global--spacer--sm);
21045
+ --pf-v5-c-notification-badge--PaddingRight: var(--pf-t--global--spacer--sm);
21046
+ --pf-v5-c-notification-badge--PaddingBottom: var(--pf-t--global--spacer--sm);
21047
+ --pf-v5-c-notification-badge--PaddingLeft: var(--pf-t--global--spacer--sm);
21048
+ --pf-v5-c-notification-badge--MarginTop: calc(-1 * var(--pf-t--global--spacer--sm));
21049
+ --pf-v5-c-notification-badge--MarginRight: calc(-1 * var(--pf-t--global--spacer--sm));
21050
+ --pf-v5-c-notification-badge--MarginBottom: calc(-1 * var(--pf-t--global--spacer--sm));
21051
+ --pf-v5-c-notification-badge--MarginLeft: calc(-1 * var(--pf-t--global--spacer--sm));
21052
+ --pf-v5-c-notification-badge--before--BorderColor: transparent;
21053
+ --pf-v5-c-notification-badge--BorderRadius: var(--pf-t--global--border--radius--small);
21054
+ --pf-v5-c-notification-badge--before--BorderWidth: var(--pf-t--global--border--width--control--default);
21055
+ --pf-v5-c-notification-badge--m-read--Color: var(--pf-t--global--text--color--regular);
21056
+ --pf-v5-c-notification-badge--m-read--before--BorderColor: var(--pf-t--global--border--color--default);
21057
+ --pf-v5-c-notification-badge--m-read--hover--before--BorderColor: var(--pf-t--global--border--color--hover);
21058
+ --pf-v5-c-notification-badge--m-read--m-expanded--before--BorderColor: var(--pf-t--global--border--color--active);
21059
+ --pf-v5-c-notification-badge--m-read--BackgroundColor: var(--pf-t--global--background--color--control--default);
21060
+ --pf-v5-c-notification-badge--m-read--m-expanded--BackgroundColor: var(--pf-t--global--background--color--control--default);
21061
+ --pf-v5-c-notification-badge--m-read--m-expanded--before--BorderColor: var(--pf-t--global--border--color--active);
21062
+ --pf-v5-c-notification-badge--m-unread--Color: var(--pf-t--global--icon--color--on-brand--default);
21063
+ --pf-v5-c-notification-badge--m-unread--BackgroundColor: var(--pf-t--global--color--brand--default);
21064
+ --pf-v5-c-notification-badge--m-unread--hover--BackgroundColor: var(--pf-t--global--color--brand--hover);
21065
+ --pf-v5-c-notification-badge--m-unread--m-expanded--BackgroundColor: var(--pf-t--global--color--brand--active);
21066
+ --pf-v5-c-notification-badge--m-attention--Color: var(--pf-t--global--icon--color--status--on-danger--default);
21067
+ --pf-v5-c-notification-badge--m-attention--BackgroundColor: var(--pf-t--global--color--status--danger--default);
21068
+ --pf-v5-c-notification-badge--m-attention--hover--BackgroundColor: var(--pf-t--global--color--status--danger--hover);
21069
+ --pf-v5-c-notification-badge--m-attention--m-expanded--BackgroundColor: var(--pf-t--global--color--status--danger--active);
21070
+ }
21071
+
20301
21072
  .pf-v5-c-notification-badge {
20302
- --pf-v5-c-notification-badge--PaddingTop: var(--pf-v5-global--spacer--form-element);
20303
- --pf-v5-c-notification-badge--PaddingRight: var(--pf-v5-global--spacer--md);
20304
- --pf-v5-c-notification-badge--PaddingBottom: var(--pf-v5-global--spacer--form-element);
20305
- --pf-v5-c-notification-badge--PaddingLeft: var(--pf-v5-global--spacer--md);
20306
- --pf-v5-c-notification-badge--MarginTop: calc(-1 * var(--pf-v5-global--spacer--form-element));
20307
- --pf-v5-c-notification-badge--MarginRight: calc(-1 * var(--pf-v5-global--spacer--md));
20308
- --pf-v5-c-notification-badge--MarginBottom: calc(-1 * var(--pf-v5-global--spacer--form-element));
20309
- --pf-v5-c-notification-badge--MarginLeft: calc(-1 * var(--pf-v5-global--spacer--md));
20310
- --pf-v5-c-notification-badge--after--BorderColor: transparent;
20311
- --pf-v5-c-notification-badge--after--BorderRadius: var(--pf-v5-global--BorderRadius--sm);
20312
- --pf-v5-c-notification-badge--after--BorderWidth: 0;
20313
- --pf-v5-c-notification-badge--after--Top: 0;
20314
- --pf-v5-c-notification-badge--after--Right: 0;
20315
- --pf-v5-c-notification-badge--after--Width: auto;
20316
- --pf-v5-c-notification-badge--after--Height: auto;
20317
- --pf-v5-c-notification-badge--after--BackgroundColor: transparent;
20318
- --pf-v5-c-notification-badge--after--TranslateX: 0;
20319
- --pf-v5-c-notification-badge--after--TranslateY: 0;
20320
- --pf-v5-c-notification-badge__i--Width: auto;
20321
- --pf-v5-c-notification-badge__i--Height: auto;
20322
- --pf-v5-c-notification-badge--m-read--after--BorderColor: transparent;
20323
- --pf-v5-c-notification-badge--m-read--after--BackgroundColor: transparent;
20324
- --pf-v5-c-notification-badge--m-read--m-expanded--after--BackgroundColor: var(--pf-v5-global--BackgroundColor--dark-200);
20325
- --pf-v5-c-notification-badge--m-unread--Color: var(--pf-v5-global--Color--light-100);
20326
- --pf-v5-c-notification-badge--m-unread--after--BackgroundColor: var(--pf-v5-global--active-color--100);
20327
- --pf-v5-c-notification-badge--m-unread--hover--after--BackgroundColor: var(--pf-v5-global--primary-color--200);
20328
- --pf-v5-c-notification-badge--m-unread--m-expanded--after--BackgroundColor: var(--pf-v5-global--primary-color--200);
20329
- --pf-v5-c-notification-badge--m-attention--Color: var(--pf-v5-global--Color--light-100);
20330
- --pf-v5-c-notification-badge--m-attention--after--BackgroundColor: var(--pf-v5-global--danger-color--100);
20331
- --pf-v5-c-notification-badge--m-attention--hover--after--BackgroundColor: var(--pf-v5-global--danger-color--200);
20332
- --pf-v5-c-notification-badge--m-attention--m-expanded--after--BackgroundColor: var(--pf-v5-global--danger-color--200);
20333
- --pf-v5-c-notification-badge__count--MarginLeft: var(--pf-v5-global--spacer--xs);
20334
- --pf-v5-c-notification-badge--pf-v5-pficon-attention-bell--LineHeight: var(--pf-v5-global--LineHeight--sm);
20335
- position: relative;
20336
- display: inline-block;
21073
+ display: inline-flex;
21074
+ gap: var(--pf-v5-c-notification-badge--Gap);
21075
+ align-items: center;
21076
+ justify-content: center;
20337
21077
  padding-block-start: var(--pf-v5-c-notification-badge--PaddingTop);
20338
21078
  padding-block-end: var(--pf-v5-c-notification-badge--PaddingBottom);
20339
21079
  padding-inline-start: var(--pf-v5-c-notification-badge--PaddingLeft);
@@ -20342,80 +21082,47 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disab
20342
21082
  margin-block-end: var(--pf-v5-c-notification-badge--MarginBottom);
20343
21083
  margin-inline-start: var(--pf-v5-c-notification-badge--MarginLeft);
20344
21084
  margin-inline-end: var(--pf-v5-c-notification-badge--MarginRight);
20345
- background-color: var(--pf-v5-c-notification-badge--after--BackgroundColor);
20346
- border-radius: var(--pf-v5-c-notification-badge--after--BorderRadius);
21085
+ background-color: var(--pf-v5-c-notification-badge--BackgroundColor);
21086
+ border-radius: var(--pf-v5-c-notification-badge--BorderRadius);
20347
21087
  }
20348
21088
  .pf-v5-c-notification-badge::before {
20349
21089
  position: absolute;
20350
- inset-block-start: var(--pf-v5-c-notification-badge--after--Top);
21090
+ inset-block-start: 0;
20351
21091
  inset-block-end: 0;
20352
21092
  inset-inline-start: 0;
20353
- inset-inline-end: var(--pf-v5-c-notification-badge--after--Right);
20354
- width: var(--pf-v5-c-notification-badge--after--Width);
20355
- height: var(--pf-v5-c-notification-badge--after--Height);
21093
+ inset-inline-end: 0;
20356
21094
  content: "";
20357
- border: var(--pf-v5-c-notification-badge--after--BorderWidth) solid var(--pf-v5-c-notification-badge--after--BorderColor);
20358
- border-radius: var(--pf-v5-c-notification-badge--after--BorderRadius);
20359
- transform: translate(var(--pf-v5-c-notification-badge--after--TranslateX), var(--pf-v5-c-notification-badge--after--TranslateY));
20360
- }
20361
- .pf-v5-c-notification-badge > i {
20362
- width: var(--pf-v5-c-notification-badge__i--Width);
20363
- height: var(--pf-v5-c-notification-badge__i--Height);
20364
- }
20365
- .pf-v5-c-notification-badge > * {
20366
- position: relative;
20367
- }
20368
- .pf-v5-c-notification-badge .pf-v5-c-icon-attention-bell,
20369
- .pf-v5-c-notification-badge .pf-v5-c-icon-bell {
20370
- display: inline-block;
20371
- line-height: var(--pf-v5-c-notification-badge--pf-v5-pficon-attention-bell--LineHeight);
20372
- }
20373
- .pf-v5-c-notification-badge .pf-v5-c-icon-attention-bell::before,
20374
- .pf-v5-c-notification-badge .pf-v5-c-icon-bell::before {
20375
- vertical-align: bottom;
21095
+ border: var(--pf-v5-c-notification-badge--before--BorderWidth) solid var(--pf-v5-c-notification-badge--before--BorderColor);
21096
+ border-radius: var(--pf-v5-c-notification-badge--BorderRadius);
21097
+ transform: translate(var(--pf-v5-c-notification-badge--before--TranslateX), var(--pf-v5-c-notification-badge--before--TranslateY));
20376
21098
  }
20377
21099
  .pf-v5-c-notification-badge.pf-m-read {
20378
- --pf-v5-c-notification-badge--after--BackgroundColor: var(--pf-v5-c-notification-badge--m-read--after--BackgroundColor);
20379
- --pf-v5-c-notification-badge--after--BorderColor: var(--pf-v5-c-notification-badge--m-read--after--BorderColor);
21100
+ --pf-v5-c-notification-badge--BackgroundColor: var(--pf-v5-c-notification-badge--m-read--BackgroundColor);
21101
+ --pf-v5-c-notification-badge--before--BorderColor: var(--pf-v5-c-notification-badge--m-read--before--BorderColor);
20380
21102
  color: var(--pf-v5-c-notification-badge--m-read--Color, inherit);
20381
21103
  }
21104
+ .pf-v5-c-notification-badge.pf-m-read:hover {
21105
+ --pf-v5-c-notification-badge--before--BorderColor: var(--pf-v5-c-notification-badge--m-read--hover--before--BorderColor);
21106
+ }
20382
21107
  .pf-v5-c-notification-badge.pf-m-unread {
20383
- --pf-v5-c-notification-badge--after--BackgroundColor: var(--pf-v5-c-notification-badge--m-unread--after--BackgroundColor);
21108
+ --pf-v5-c-notification-badge--BackgroundColor: var(--pf-v5-c-notification-badge--m-unread--BackgroundColor);
20384
21109
  color: var(--pf-v5-c-notification-badge--m-unread--Color);
20385
21110
  }
20386
21111
  .pf-v5-c-notification-badge.pf-m-unread:hover {
20387
- --pf-v5-c-notification-badge--after--BackgroundColor: var(--pf-v5-c-notification-badge--m-unread--hover--after--BackgroundColor);
21112
+ --pf-v5-c-notification-badge--BackgroundColor: var(--pf-v5-c-notification-badge--m-unread--hover--BackgroundColor);
20388
21113
  }
20389
21114
  .pf-v5-c-notification-badge.pf-m-attention {
20390
- --pf-v5-c-notification-badge--after--BackgroundColor: var(--pf-v5-c-notification-badge--m-attention--after--BackgroundColor);
21115
+ --pf-v5-c-notification-badge--BackgroundColor: var(--pf-v5-c-notification-badge--m-attention--BackgroundColor);
20391
21116
  color: var(--pf-v5-c-notification-badge--m-attention--Color);
20392
21117
  }
20393
21118
  .pf-v5-c-notification-badge.pf-m-attention:hover {
20394
- --pf-v5-c-notification-badge--m-attention--after--BackgroundColor: var(--pf-v5-c-notification-badge--m-attention--hover--after--BackgroundColor);
21119
+ --pf-v5-c-notification-badge--m-attention--BackgroundColor: var(--pf-v5-c-notification-badge--m-attention--hover--BackgroundColor);
20395
21120
  }
20396
21121
  .pf-v5-c-notification-badge.pf-m-expanded {
20397
- --pf-v5-c-notification-badge--m-read--Color: var(--pf-v5-global--Color--light-100);
20398
- --pf-v5-c-notification-badge--m-read--after--BackgroundColor: var(--pf-v5-c-notification-badge--m-read--m-expanded--after--BackgroundColor);
20399
- --pf-v5-c-notification-badge--m-unread--after--BackgroundColor: var(--pf-v5-c-notification-badge--m-unread--m-expanded--after--BackgroundColor);
20400
- --pf-v5-c-notification-badge--m-attention--after--BackgroundColor: var(--pf-v5-c-notification-badge--m-attention--m-expanded--after--BackgroundColor);
20401
- }
20402
-
20403
- .pf-v5-c-notification-badge__count {
20404
- margin-inline-start: var(--pf-v5-c-notification-badge__count--MarginLeft);
20405
- }
20406
-
20407
- :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,
20408
- :where(.pf-v5-theme-dark) .pf-v5-c-page__main-section[class*=pf-m-dark-] .pf-v5-c-button,
20409
- :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,
20410
- :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 {
20411
- --pf-v5-c-button--m-primary--BackgroundColor: var(--pf-v5-global--primary-color--300);
20412
- }
20413
-
20414
- :where(.pf-v5-theme-dark) .pf-v5-c-notification-badge {
20415
- --pf-v5-c-notification-badge--m-read--m-expanded--after--BackgroundColor: var(--pf-v5-global--BackgroundColor--400);
20416
- --pf-v5-c-notification-badge--m-unread--Color: var(--pf-v5-global--primary-color--400);
20417
- --pf-v5-c-notification-badge--m-unread--after--BackgroundColor: var(--pf-v5-global--primary-color--300);
20418
- --pf-v5-c-notification-badge--m-attention--Color: var(--pf-v5-global--palette--black-900);
21122
+ --pf-v5-c-notification-badge--m-read--BackgroundColor: var(--pf-v5-c-notification-badge--m-read--m-expanded--BackgroundColor);
21123
+ --pf-v5-c-notification-badge--m-read--before--BorderColor: var(--pf-v5-c-notification-badge--m-read--m-expanded--before--BorderColor);
21124
+ --pf-v5-c-notification-badge--m-unread--BackgroundColor: var(--pf-v5-c-notification-badge--m-unread--m-expanded--BackgroundColor);
21125
+ --pf-v5-c-notification-badge--m-attention--BackgroundColor: var(--pf-v5-c-notification-badge--m-attention--m-expanded--BackgroundColor);
20419
21126
  }
20420
21127
 
20421
21128
  .pf-v5-c-notification-drawer {
@@ -20698,7 +21405,7 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disab
20698
21405
  :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,
20699
21406
  :where(.pf-v5-theme-dark) .pf-v5-c-page__main-section[class*=pf-m-dark-] .pf-v5-c-button,
20700
21407
  :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,
20701
- :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 {
21408
+ :where(.pf-v5-theme-dark) .pf-v5-c-login__footer .pf-v5-c-button {
20702
21409
  --pf-v5-c-button--m-primary--BackgroundColor: var(--pf-v5-global--primary-color--300);
20703
21410
  }
20704
21411
 
@@ -20981,7 +21688,7 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disab
20981
21688
  :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,
20982
21689
  :where(.pf-v5-theme-dark) .pf-v5-c-page__main-section[class*=pf-m-dark-] .pf-v5-c-button,
20983
21690
  :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,
20984
- :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 {
21691
+ :where(.pf-v5-theme-dark) .pf-v5-c-login__footer .pf-v5-c-button {
20985
21692
  --pf-v5-c-button--m-primary--BackgroundColor: var(--pf-v5-global--primary-color--300);
20986
21693
  }
20987
21694
 
@@ -21068,31 +21775,31 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disab
21068
21775
  }
21069
21776
 
21070
21777
  :root {
21071
- --pf-v5-c-page--BackgroundColor: var(--pf-v5-global--BackgroundColor--light-300);
21072
- --pf-v5-c-page--inset: var(--pf-v5-global--spacer--md);
21073
- --pf-v5-c-page--xl--inset: var(--pf-v5-global--spacer--lg);
21074
- --pf-v5-c-page__header--BackgroundColor: var(--pf-v5-global--BackgroundColor--dark-100);
21778
+ --pf-v5-c-page--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
21779
+ --pf-v5-c-page--inset: var(--pf-t--global--spacer--md);
21780
+ --pf-v5-c-page--xl--inset: var(--pf-t--global--spacer--xl);
21781
+ --pf-v5-c-page__header--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
21075
21782
  --pf-v5-c-page__header--ZIndex: var(--pf-v5-global--ZIndex--md);
21076
21783
  --pf-v5-c-page__header--MinHeight: 4.75rem;
21077
- --pf-v5-c-page__header-brand--PaddingLeft: var(--pf-v5-global--spacer--md);
21078
- --pf-v5-c-page__header-brand--xl--PaddingRight: var(--pf-v5-global--spacer--xl);
21079
- --pf-v5-c-page__header-brand--xl--PaddingLeft: var(--pf-v5-global--spacer--lg);
21080
- --pf-v5-c-page__header-sidebar-toggle__c-button--PaddingTop: var(--pf-v5-global--spacer--sm);
21081
- --pf-v5-c-page__header-sidebar-toggle__c-button--PaddingRight: var(--pf-v5-global--spacer--sm);
21082
- --pf-v5-c-page__header-sidebar-toggle__c-button--PaddingBottom: var(--pf-v5-global--spacer--sm);
21083
- --pf-v5-c-page__header-sidebar-toggle__c-button--PaddingLeft: var(--pf-v5-global--spacer--sm);
21084
- --pf-v5-c-page__header-sidebar-toggle__c-button--MarginRight: var(--pf-v5-global--spacer--md);
21784
+ --pf-v5-c-page__header-brand--PaddingLeft: var(--pf-t--global--spacer--md);
21785
+ --pf-v5-c-page__header-brand--xl--PaddingRight: var(--pf-t--global--spacer--xl);
21786
+ --pf-v5-c-page__header-brand--xl--PaddingLeft: var(--pf-t--global--spacer--xl);
21787
+ --pf-v5-c-page__header-sidebar-toggle__c-button--PaddingTop: var(--pf-t--global--spacer--sm);
21788
+ --pf-v5-c-page__header-sidebar-toggle__c-button--PaddingRight: var(--pf-t--global--spacer--sm);
21789
+ --pf-v5-c-page__header-sidebar-toggle__c-button--PaddingBottom: var(--pf-t--global--spacer--sm);
21790
+ --pf-v5-c-page__header-sidebar-toggle__c-button--PaddingLeft: var(--pf-t--global--spacer--sm);
21791
+ --pf-v5-c-page__header-sidebar-toggle__c-button--MarginRight: var(--pf-t--global--spacer--md);
21085
21792
  --pf-v5-c-page__header-sidebar-toggle__c-button--MarginLeft: calc(var(--pf-v5-c-page__header-sidebar-toggle__c-button--PaddingLeft) * -1);
21086
- --pf-v5-c-page__header-sidebar-toggle__c-button--FontSize: var(--pf-v5-global--FontSize--2xl);
21793
+ --pf-v5-c-page__header-sidebar-toggle__c-button--FontSize: var(--pf-t--global--icon--size--lg);
21087
21794
  --pf-v5-c-page__header-brand-link--c-brand--MaxHeight: 3.75rem;
21088
- --pf-v5-c-page__header-nav--BackgroundColor: var(--pf-v5-global--BackgroundColor--dark-300);
21795
+ --pf-v5-c-page__header-nav--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
21089
21796
  --pf-v5-c-page__header-nav--xl--BackgroundColor: transparent;
21090
- --pf-v5-c-page__header-nav--xl--PaddingRight: var(--pf-v5-global--spacer--xl);
21091
- --pf-v5-c-page__header-nav--xl--PaddingLeft: var(--pf-v5-global--spacer--xl);
21092
- --pf-v5-c-page__header-tools--MarginRight: var(--pf-v5-global--spacer--md);
21093
- --pf-v5-c-page__header-tools--xl--MarginRight: var(--pf-v5-global--spacer--lg);
21094
- --pf-v5-c-page__header-tools--c-avatar--MarginLeft: var(--pf-v5-global--spacer--md);
21095
- --pf-v5-c-page__header-tools-group--MarginLeft: var(--pf-v5-global--spacer--xl);
21797
+ --pf-v5-c-page__header-nav--xl--PaddingRight: var(--pf-t--global--spacer--xl);
21798
+ --pf-v5-c-page__header-nav--xl--PaddingLeft: var(--pf-t--global--spacer--xl);
21799
+ --pf-v5-c-page__header-tools--MarginRight: var(--pf-t--global--spacer--md);
21800
+ --pf-v5-c-page__header-tools--xl--MarginRight: var(--pf-t--global--spacer--lg);
21801
+ --pf-v5-c-page__header-tools--c-avatar--MarginLeft: var(--pf-t--global--spacer--md);
21802
+ --pf-v5-c-page__header-tools-group--MarginLeft: var(--pf-t--global--spacer--xl);
21096
21803
  --pf-v5-c-page__header-tools-group--Display: flex;
21097
21804
  --pf-v5-c-page__header-tools-item--Display: block;
21098
21805
  --pf-v5-c-page__header-tools-item--c-notification-badge--hover--BackgroundColor: var(--pf-v5-global--BackgroundColor--dark-200);
@@ -21107,16 +21814,24 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disab
21107
21814
  --pf-v5-c-page__header-tools--c-button--m-selected--c-notification-badge--m-unread--after--BorderColor: transparent;
21108
21815
  --pf-v5-c-page__sidebar--ZIndex: var(--pf-v5-global--ZIndex--sm);
21109
21816
  --pf-v5-c-page__sidebar--Width: 18.125rem;
21110
- --pf-v5-c-page__sidebar--BackgroundColor: var(--pf-v5-global--BackgroundColor--dark-300);
21817
+ --pf-v5-c-page__sidebar--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
21111
21818
  --pf-v5-c-page__sidebar--m-light--BackgroundColor: var(--pf-v5-global--BackgroundColor--light-100);
21112
21819
  --pf-v5-c-page__sidebar--m-light--BorderRightWidth: var(--pf-v5-global--BorderWidth--sm);
21113
21820
  --pf-v5-c-page__sidebar--m-light--BorderRightColor: var(--pf-v5-global--BorderColor--100);
21114
- --pf-v5-c-page__sidebar--BoxShadow: var(--pf-v5-global--BoxShadow--lg-right);
21821
+ --pf-v5-c-page__sidebar--BoxShadow: none;
21115
21822
  --pf-v5-c-page__sidebar--Transition: var(--pf-v5-global--Transition);
21116
21823
  --pf-v5-c-page__sidebar--TranslateX: -100%;
21117
21824
  --pf-v5-c-page__sidebar--TranslateZ: 0;
21118
21825
  --pf-v5-c-page__sidebar--m-expanded--TranslateX: 0;
21119
21826
  --pf-v5-c-page__sidebar--xl--TranslateX: 0;
21827
+ --pf-v5-c-page__sidebar-header--BorderBottomWidth: var(--pf-t--global--border--width--divider--default);
21828
+ --pf-v5-c-page__sidebar-header--BorderBottomColor: var(--pf-t--global--border--color--default);
21829
+ --pf-v5-c-page__sidebar-header--PaddingTop: var(--pf-t--global--spacer--sm);
21830
+ --pf-v5-c-page__sidebar-header--PaddingBottom: var(--pf-t--global--spacer--md);
21831
+ --pf-v5-c-page__sidebar-title--FontSize: var(--pf-t--global--font--size--heading--xs);
21832
+ --pf-v5-c-page__sidebar-title--LineHeight: var(--pf-t--global--font--line-height--heading);
21833
+ --pf-v5-c-page__sidebar-title--FontFamily: var(--pf-t--global--font--family--heading);
21834
+ --pf-v5-c-page__sidebar-title--FontWeight: var(--pf-t--global--font--weight--heading--bold);
21120
21835
  --pf-v5-c-page__sidebar-body--PaddingRight: 0;
21121
21836
  --pf-v5-c-page__sidebar-body--PaddingLeft: 0;
21122
21837
  --pf-v5-c-page__sidebar-body--m-page-insets--PaddingRight: var(--pf-v5-c-page--inset);
@@ -21125,22 +21840,19 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disab
21125
21840
  --pf-v5-c-page__sidebar-body--m-menu--BorderTopWidth: var(--pf-v5-global--BorderWidth--sm);
21126
21841
  --pf-v5-c-page__sidebar-body--m-menu--c-context-selector--BorderBottomColor: var(--pf-v5-global--BackgroundColor--dark-200);
21127
21842
  --pf-v5-c-page__main--ZIndex: var(--pf-v5-global--ZIndex--xs);
21128
- --pf-v5-c-page__main-section--PaddingTop: var(--pf-v5-global--spacer--md);
21129
- --pf-v5-c-page__main-section--PaddingRight: var(--pf-v5-global--spacer--md);
21130
- --pf-v5-c-page__main-section--PaddingBottom: var(--pf-v5-global--spacer--md);
21131
- --pf-v5-c-page__main-section--PaddingLeft: var(--pf-v5-global--spacer--md);
21132
- --pf-v5-c-page__main-section--xl--PaddingTop: var(--pf-v5-global--spacer--lg);
21133
- --pf-v5-c-page__main-section--xl--PaddingRight: var(--pf-v5-global--spacer--lg);
21134
- --pf-v5-c-page__main-section--xl--PaddingBottom: var(--pf-v5-global--spacer--lg);
21135
- --pf-v5-c-page__main-section--xl--PaddingLeft: var(--pf-v5-global--spacer--lg);
21136
- --pf-v5-c-page__main-breadcrumb--main-section--PaddingTop: var(--pf-v5-global--spacer--md);
21137
- --pf-v5-c-page__main-section--BackgroundColor: var(--pf-v5-global--BackgroundColor--light-300);
21138
- --pf-v5-c-page__main-section--m-light--BackgroundColor: var(--pf-v5-global--BackgroundColor--light-100);
21139
- --pf-v5-c-page__main-section--m-light-100--BackgroundColor: var(--pf-v5-global--BackgroundColor--150);
21140
- --pf-v5-c-page__main-section--m-dark-100--BackgroundColor: var(--pf-v5-global--BackgroundColor--dark-transparent-100);
21141
- --pf-v5-c-page__main-section--m-dark-200--BackgroundColor: var(--pf-v5-global--BackgroundColor--dark-transparent-200);
21142
- --pf-v5-c-page__main-breadcrumb--page__main-tabs--PaddingTop: var(--pf-v5-global--spacer--md);
21143
- --pf-v5-c-page__main-nav--page__main-tabs--PaddingTop: var(--pf-v5-global--spacer--md);
21843
+ --pf-v5-c-page__main-section--MarginTop: var(--pf-t--global--spacer--md);
21844
+ --pf-v5-c-page__main-section--PaddingTop: var(--pf-t--global--spacer--lg);
21845
+ --pf-v5-c-page__main-section--PaddingRight: var(--pf-t--global--spacer--lg);
21846
+ --pf-v5-c-page__main-section--PaddingBottom: 0;
21847
+ --pf-v5-c-page__main-section--PaddingLeft: var(--pf-t--global--spacer--lg);
21848
+ --pf-v5-c-page__main-breadcrumb--main-section--PaddingTop: var(--pf-t--global--spacer--md);
21849
+ --pf-v5-c-page__main-section--BackgroundColor: transparent;
21850
+ --pf-v5-c-page__main-section--m-light--BackgroundColor: transparent;
21851
+ --pf-v5-c-page__main-section--m-light-100--BackgroundColor: transparent;
21852
+ --pf-v5-c-page__main-section--m-dark-100--BackgroundColor: transparent;
21853
+ --pf-v5-c-page__main-section--m-dark-200--BackgroundColor: transparent;
21854
+ --pf-v5-c-page__main-breadcrumb--page__main-tabs--PaddingTop: var(--pf-t--global--spacer--md);
21855
+ --pf-v5-c-page__main-nav--page__main-tabs--PaddingTop: var(--pf-t--global--spacer--md);
21144
21856
  --pf-v5-c-page--section--m-limit-width--MaxWidth: calc(125rem - var(--pf-v5-c-page__sidebar--Width));
21145
21857
  --pf-v5-c-page--section--m-sticky-top--ZIndex: var(--pf-v5-global--ZIndex--md);
21146
21858
  --pf-v5-c-page--section--m-sticky-top--BoxShadow: var(--pf-v5-global--BoxShadow--sm-bottom);
@@ -21164,19 +21876,14 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disab
21164
21876
  --pf-v5-c-page__main-subnav--BorderLeftColor: var(--pf-v5-global--palette--black-800);
21165
21877
  --pf-v5-c-page__sidebar--main__main-subnav--BorderLeftWidth: var(--pf-v5-global--BorderWidth--sm);
21166
21878
  --pf-v5-c-page__sidebar--m-collapsed--main__main-subnav--BorderLeftWidth: 0;
21167
- --pf-v5-c-page__main-breadcrumb--BackgroundColor: var(--pf-v5-global--BackgroundColor--light-100);
21168
- --pf-v5-c-page__main-breadcrumb--PaddingTop: var(--pf-v5-global--spacer--md);
21169
- --pf-v5-c-page__main-breadcrumb--PaddingRight: var(--pf-v5-global--spacer--md);
21879
+ --pf-v5-c-page__main-breadcrumb--PaddingTop: var(--pf-t--global--spacer--md);
21880
+ --pf-v5-c-page__main-breadcrumb--PaddingRight: var(--pf-t--global--spacer--md);
21170
21881
  --pf-v5-c-page__main-breadcrumb--PaddingBottom: 0;
21171
- --pf-v5-c-page__main-breadcrumb--PaddingLeft: var(--pf-v5-global--spacer--md);
21172
- --pf-v5-c-page__main-breadcrumb--m-sticky-top--PaddingBottom: var(--pf-v5-global--spacer--md);
21173
- --pf-v5-c-page__main-breadcrumb--xl--PaddingRight: var(--pf-v5-global--spacer--lg);
21174
- --pf-v5-c-page__main-breadcrumb--xl--PaddingLeft: var(--pf-v5-global--spacer--lg);
21882
+ --pf-v5-c-page__main-breadcrumb--PaddingLeft: var(--pf-t--global--spacer--lg);
21175
21883
  --pf-v5-c-page__main-tabs--PaddingTop: 0;
21176
21884
  --pf-v5-c-page__main-tabs--PaddingRight: 0;
21177
21885
  --pf-v5-c-page__main-tabs--PaddingBottom: 0;
21178
21886
  --pf-v5-c-page__main-tabs--PaddingLeft: 0;
21179
- --pf-v5-c-page__main-tabs--BackgroundColor: var(--pf-v5-global--BackgroundColor--light-100);
21180
21887
  --pf-v5-c-page__main-wizard--BackgroundColor: var(--pf-v5-global--BackgroundColor--light-100);
21181
21888
  --pf-v5-c-page__main-wizard--BorderTopColor: var(--pf-v5-global--BorderColor--100);
21182
21889
  --pf-v5-c-page__main-wizard--BorderTopWidth: var(--pf-v5-global--BorderWidth--sm);
@@ -21205,26 +21912,6 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disab
21205
21912
  --pf-v5-c-page__sidebar--TranslateX: var(--pf-v5-c-page__sidebar--xl--TranslateX);
21206
21913
  }
21207
21914
  }
21208
- @media screen and (min-width: 1200px) {
21209
- :root {
21210
- --pf-v5-c-page__main-section--PaddingTop: var(--pf-v5-c-page__main-section--xl--PaddingTop);
21211
- --pf-v5-c-page__main-section--PaddingRight: var(--pf-v5-c-page__main-section--xl--PaddingRight);
21212
- --pf-v5-c-page__main-section--PaddingBottom: var(--pf-v5-c-page__main-section--xl--PaddingBottom);
21213
- --pf-v5-c-page__main-section--PaddingLeft: var(--pf-v5-c-page__main-section--xl--PaddingLeft);
21214
- }
21215
- }
21216
- @media screen and (min-width: 1200px) {
21217
- :root {
21218
- --pf-v5-c-page__main-nav--PaddingRight: var(--pf-v5-c-page__main-nav--xl--PaddingRight);
21219
- --pf-v5-c-page__main-nav--PaddingLeft: var(--pf-v5-c-page__main-nav--xl--PaddingLeft);
21220
- }
21221
- }
21222
- @media screen and (min-width: 1200px) {
21223
- :root {
21224
- --pf-v5-c-page__main-breadcrumb--PaddingRight: var(--pf-v5-c-page__main-breadcrumb--xl--PaddingRight);
21225
- --pf-v5-c-page__main-breadcrumb--PaddingLeft: var(--pf-v5-c-page__main-breadcrumb--xl--PaddingLeft);
21226
- }
21227
- }
21228
21915
 
21229
21916
  .pf-v5-c-page {
21230
21917
  display: grid;
@@ -21377,7 +22064,6 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disab
21377
22064
  }
21378
22065
 
21379
22066
  .pf-v5-c-page__sidebar {
21380
- color: var(--pf-v5-global--Color--100);
21381
22067
  z-index: var(--pf-v5-c-page__sidebar--ZIndex);
21382
22068
  display: flex;
21383
22069
  flex-direction: column;
@@ -21385,6 +22071,10 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disab
21385
22071
  grid-row-start: 2;
21386
22072
  grid-column-start: 1;
21387
22073
  width: var(--pf-v5-c-page__sidebar--Width);
22074
+ padding-block-start: 0;
22075
+ padding-block-end: var(--pf-t--global--spacer--lg);
22076
+ padding-inline-start: var(--pf-t--global--spacer--lg);
22077
+ margin-inline-end: var(--pf-v5-c-page__sidebar--MarginRight);
21388
22078
  overflow-x: hidden;
21389
22079
  overflow-y: auto;
21390
22080
  -webkit-overflow-scrolling: touch;
@@ -21415,6 +22105,19 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disab
21415
22105
  border-inline-end: var(--pf-v5-c-page__sidebar--m-light--BorderRightWidth) solid var(--pf-v5-c-page__sidebar--m-light--BorderRightColor);
21416
22106
  }
21417
22107
 
22108
+ .pf-v5-c-page__sidebar-header {
22109
+ padding-block-start: var(--pf-v5-c-page__sidebar-header--PaddingTop);
22110
+ padding-block-end: var(--pf-v5-c-page__sidebar-header--PaddingBottom);
22111
+ border-block-end: var(--pf-v5-c-page__sidebar-header--BorderBottomWidth) solid var(--pf-v5-c-page__sidebar-header--BorderBottomColor);
22112
+ }
22113
+
22114
+ .pf-v5-c-page__sidebar-title {
22115
+ font-family: var(--pf-v5-c-page__sidebar-title--FontFamily);
22116
+ font-size: var(--pf-v5-c-page__sidebar-title--FontSize);
22117
+ font-weight: var(--pf-v5-c-page__sidebar-title--FontWeight);
22118
+ line-height: var(--pf-v5-c-page__sidebar-title--LineHeight);
22119
+ }
22120
+
21418
22121
  .pf-v5-c-page__sidebar-body {
21419
22122
  padding-inline-start: var(--pf-v5-c-page__sidebar-body--PaddingLeft);
21420
22123
  padding-inline-end: var(--pf-v5-c-page__sidebar-body--PaddingRight);
@@ -21680,6 +22383,19 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disab
21680
22383
  }
21681
22384
  }
21682
22385
 
22386
+ .pf-v5-c-page__main {
22387
+ margin-block-start: 0;
22388
+ margin-inline-start: var(--pf-t--global--spacer--lg);
22389
+ margin-inline-end: var(--pf-t--global--spacer--lg);
22390
+ }
22391
+
22392
+ .pf-v5-c-page__main-list {
22393
+ padding-block-end: var(--pf-t--global--spacer--lg);
22394
+ margin-block-end: var(--pf-t--global--spacer--lg);
22395
+ background-color: var(--pf-t--global--background--color--primary--default);
22396
+ border-radius: var(--pf-t--global--border--radius--large);
22397
+ }
22398
+
21683
22399
  .pf-v5-c-page__main,
21684
22400
  .pf-v5-c-page__drawer {
21685
22401
  z-index: var(--pf-v5-c-page__main--ZIndex);
@@ -21695,7 +22411,8 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disab
21695
22411
 
21696
22412
  .pf-v5-c-page__main,
21697
22413
  .pf-v5-c-page__main-drawer,
21698
- .pf-v5-c-page__main-group {
22414
+ .pf-v5-c-page__main-group,
22415
+ .pf-v5-c-page__main-list {
21699
22416
  display: flex;
21700
22417
  flex-direction: column;
21701
22418
  }
@@ -22013,7 +22730,7 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disab
22013
22730
  :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,
22014
22731
  :where(.pf-v5-theme-dark) .pf-v5-c-page__main-section[class*=pf-m-dark-] .pf-v5-c-button,
22015
22732
  :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,
22016
- :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 {
22733
+ :where(.pf-v5-theme-dark) .pf-v5-c-login__footer .pf-v5-c-button {
22017
22734
  --pf-v5-c-button--m-primary--BackgroundColor: var(--pf-v5-global--primary-color--300);
22018
22735
  }
22019
22736
 
@@ -22456,7 +23173,7 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disab
22456
23173
  }
22457
23174
 
22458
23175
  :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,
22459
- :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,
23176
+ :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,
22460
23177
  :where(.pf-v5-theme-dark) .pf-v5-c-page__main-section[class*=pf-m-dark-] .pf-v5-c-button,
22461
23178
  :where(.pf-v5-theme-dark) .pf-v5-c-page__header .pf-v5-c-button {
22462
23179
  --pf-v5-c-button--m-primary--BackgroundColor: var(--pf-v5-global--primary-color--300);
@@ -22554,7 +23271,7 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disab
22554
23271
  }
22555
23272
 
22556
23273
  :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,
22557
- :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,
23274
+ :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,
22558
23275
  :where(.pf-v5-theme-dark) .pf-v5-c-page__main-section[class*=pf-m-dark-] .pf-v5-c-button,
22559
23276
  :where(.pf-v5-theme-dark) .pf-v5-c-page__header .pf-v5-c-button {
22560
23277
  --pf-v5-c-button--m-primary--BackgroundColor: var(--pf-v5-global--primary-color--300);
@@ -22769,7 +23486,7 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disab
22769
23486
  }
22770
23487
 
22771
23488
  :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,
22772
- :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,
23489
+ :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,
22773
23490
  :where(.pf-v5-theme-dark) .pf-v5-c-page__main-section[class*=pf-m-dark-] .pf-v5-c-button,
22774
23491
  :where(.pf-v5-theme-dark) .pf-v5-c-page__header .pf-v5-c-button {
22775
23492
  --pf-v5-c-button--m-primary--BackgroundColor: var(--pf-v5-global--primary-color--300);
@@ -22953,7 +23670,7 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disab
22953
23670
  }
22954
23671
 
22955
23672
  :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,
22956
- :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,
23673
+ :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,
22957
23674
  :where(.pf-v5-theme-dark) .pf-v5-c-page__main-section[class*=pf-m-dark-] .pf-v5-c-button,
22958
23675
  :where(.pf-v5-theme-dark) .pf-v5-c-page__header .pf-v5-c-button {
22959
23676
  --pf-v5-c-button--m-primary--BackgroundColor: var(--pf-v5-global--primary-color--300);
@@ -23580,8 +24297,7 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disab
23580
24297
  --pf-v5-c-radio__label--FontWeight: var(--pf-v5-global--FontWeight--normal);
23581
24298
  --pf-v5-c-radio__label--FontSize: var(--pf-v5-global--FontSize--md);
23582
24299
  --pf-v5-c-radio__label--LineHeight: var(--pf-v5-global--LineHeight--md);
23583
- --pf-v5-c-radio__input--TranslateY: calc((var(--pf-v5-c-radio__label--LineHeight) * var(--pf-v5-c-radio__label--FontSize) / 2 ) - 50%);
23584
- --pf-v5-c-radio__input--TranslateY--moz: var(--pf-v5-c-radio__input--TranslateY);
24300
+ --pf-v5-c-radio__input--TranslateY--moz: 5px;
23585
24301
  --pf-v5-c-radio__input--first-child--MarginLeft: 0.0625rem;
23586
24302
  --pf-v5-c-radio__input--last-child--MarginRight: 0.0625rem;
23587
24303
  --pf-v5-c-radio__description--FontSize: var(--pf-v5-global--FontSize--sm);
@@ -23594,14 +24310,19 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disab
23594
24310
  }
23595
24311
  .pf-v5-c-radio.pf-m-standalone {
23596
24312
  --pf-v5-c-radio--GridGap: 0;
23597
- --pf-v5-c-radio__input--TranslateY: none;
23598
- display: inline-grid;
24313
+ --pf-v5-c-radio__input--TranslateY--moz: 0;
24314
+ width: auto;
24315
+ }
24316
+
24317
+ .pf-v5-c-radio__label {
24318
+ font-size: var(--pf-v5-c-radio__label--FontSize);
24319
+ font-weight: var(--pf-v5-c-radio__label--FontWeight);
24320
+ line-height: var(--pf-v5-c-radio__label--LineHeight);
24321
+ color: var(--pf-v5-c-radio__label--Color);
23599
24322
  }
23600
24323
 
23601
24324
  .pf-v5-c-radio__input {
23602
- align-self: start;
23603
24325
  -moz-transform: translateY(var(--pf-v5-c-radio__input--TranslateY--moz));
23604
- transform: translateY(var(--pf-v5-c-radio__input--TranslateY));
23605
24326
  }
23606
24327
  .pf-v5-c-radio__input:first-child {
23607
24328
  margin-inline-start: var(--pf-v5-c-radio__input--first-child--MarginLeft);
@@ -23610,13 +24331,6 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disab
23610
24331
  margin-inline-end: var(--pf-v5-c-radio__input--last-child--MarginRight);
23611
24332
  }
23612
24333
 
23613
- .pf-v5-c-radio__label {
23614
- font-size: var(--pf-v5-c-radio__label--FontSize);
23615
- font-weight: var(--pf-v5-c-radio__label--FontWeight);
23616
- line-height: var(--pf-v5-c-radio__label--LineHeight);
23617
- color: var(--pf-v5-c-radio__label--Color);
23618
- }
23619
-
23620
24334
  .pf-v5-c-radio__description {
23621
24335
  grid-column: 2;
23622
24336
  font-size: var(--pf-v5-c-radio__description--FontSize);
@@ -24217,7 +24931,7 @@ label.pf-v5-c-radio, .pf-v5-c-radio__label,
24217
24931
  }
24218
24932
 
24219
24933
  :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,
24220
- :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,
24934
+ :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,
24221
24935
  :where(.pf-v5-theme-dark) .pf-v5-c-page__main-section[class*=pf-m-dark-] .pf-v5-c-button,
24222
24936
  :where(.pf-v5-theme-dark) .pf-v5-c-page__header .pf-v5-c-button {
24223
24937
  --pf-v5-c-button--m-primary--BackgroundColor: var(--pf-v5-global--primary-color--300);
@@ -24653,7 +25367,7 @@ label.pf-v5-c-radio, .pf-v5-c-radio__label,
24653
25367
  }
24654
25368
 
24655
25369
  :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,
24656
- :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,
25370
+ :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,
24657
25371
  :where(.pf-v5-theme-dark) .pf-v5-c-page__main-section[class*=pf-m-dark-] .pf-v5-c-button,
24658
25372
  :where(.pf-v5-theme-dark) .pf-v5-c-page__header .pf-v5-c-button {
24659
25373
  --pf-v5-c-button--m-primary--BackgroundColor: var(--pf-v5-global--primary-color--300);
@@ -24833,7 +25547,7 @@ label.pf-v5-c-radio, .pf-v5-c-radio__label,
24833
25547
  }
24834
25548
  }
24835
25549
  :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,
24836
- :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,
25550
+ :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,
24837
25551
  :where(.pf-v5-theme-dark) .pf-v5-c-page__main-section[class*=pf-m-dark-] .pf-v5-c-button,
24838
25552
  :where(.pf-v5-theme-dark) .pf-v5-c-page__header .pf-v5-c-button {
24839
25553
  --pf-v5-c-button--m-primary--BackgroundColor: var(--pf-v5-global--primary-color--300);
@@ -25229,7 +25943,7 @@ svg.pf-v5-c-spinner.pf-m-xl {
25229
25943
  cursor: pointer;
25230
25944
  opacity: 0;
25231
25945
  }
25232
- .pf-v5-c-switch__input:focus-visible ~ .pf-v5-c-switch__toggle {
25946
+ .pf-v5-c-switch__input:focus ~ .pf-v5-c-switch__toggle {
25233
25947
  outline: var(--pf-v5-c-switch__input--focus__toggle--OutlineWidth) solid var(--pf-v5-c-switch__input--focus__toggle--OutlineColor);
25234
25948
  outline-offset: var(--pf-v5-c-switch__input--focus__toggle--OutlineOffset);
25235
25949
  }
@@ -25315,7 +26029,7 @@ svg.pf-v5-c-spinner.pf-m-xl {
25315
26029
  }
25316
26030
 
25317
26031
  :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,
25318
- :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,
26032
+ :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,
25319
26033
  :where(.pf-v5-theme-dark) .pf-v5-c-page__main-section[class*=pf-m-dark-] .pf-v5-c-button,
25320
26034
  :where(.pf-v5-theme-dark) .pf-v5-c-page__header .pf-v5-c-button {
25321
26035
  --pf-v5-c-button--m-primary--BackgroundColor: var(--pf-v5-global--primary-color--300);
@@ -25370,15 +26084,15 @@ svg.pf-v5-c-spinner.pf-m-xl {
25370
26084
  }
25371
26085
 
25372
26086
  .pf-v5-c-table[class*=pf-m-grid] {
25373
- --pf-v5-c-table--responsive--BorderColor: var(--pf-v5-global--BorderColor--300);
25374
- --pf-v5-c-table__tbody--responsive--border-width--base: var(--pf-v5-global--spacer--sm);
26087
+ --pf-v5-c-table--responsive--BorderColor: var(--pf-t--global--border--color--default);
26088
+ --pf-v5-c-table__tbody--responsive--border-width--base: var(--pf-t--global--border--width--divider--default);
25375
26089
  --pf-v5-c-table__tbody--after--border-width--base: var(--pf-v5-global--BorderWidth--lg);
25376
26090
  --pf-v5-c-table__tbody--after--BorderLeftWidth: 0;
25377
- --pf-v5-c-table__tbody--after--BorderColor: var(--pf-v5-global--active-color--100);
25378
- --pf-v5-c-table__tr--responsive--border-width--base: var(--pf-v5-global--spacer--sm);
26091
+ --pf-v5-c-table__tbody--after--BorderColor: var(--pf-t--global--border--color--active);
26092
+ --pf-v5-c-table__tr--responsive--border-width--base: var(--pf-t--global--border--width--divider--default);
25379
26093
  --pf-v5-c-table__tr--responsive--last-child--BorderBottomWidth: var(--pf-v5-global--BorderWidth--sm);
25380
26094
  --pf-v5-c-table__tr--responsive--GridColumnGap: var(--pf-v5-global--spacer--md);
25381
- --pf-v5-c-table__tr--responsive--MarginTop: var(--pf-v5-global--spacer--sm);
26095
+ --pf-v5-c-table__tr--responsive--MarginTop: var(--pf-t--global--border--width--divider--default);
25382
26096
  --pf-v5-c-table__tr--responsive--PaddingTop: var(--pf-v5-global--spacer--md);
25383
26097
  --pf-v5-c-table__tr--responsive--PaddingRight: var(--pf-v5-global--spacer--lg);
25384
26098
  --pf-v5-c-table__tr--responsive--xl--PaddingRight: var(--pf-v5-global--spacer--md);
@@ -25394,7 +26108,7 @@ svg.pf-v5-c-spinner.pf-m-xl {
25394
26108
  --pf-v5-c-table__tbody--m-expanded--after__tr--BorderLeftWidth: var(--pf-v5-c-table__expandable-row--after--border-width--base);
25395
26109
  --pf-v5-c-table__tbody--m-expanded--after__tr--BorderLeftColor: var(--pf-v5-global--active-color--400);
25396
26110
  --pf-v5-c-table__tbody--m-selected--after__tr--BorderLeftWidth: var(--pf-v5-c-table__expandable-row--after--border-width--base);
25397
- --pf-v5-c-table__tbody--m-selected--after__tr--BorderLeftColor: var(--pf-v5-global--active-color--100);
26111
+ --pf-v5-c-table__tbody--m-selected--after__tr--BorderLeftColor: var(--pf-t--global--border--color--active);
25398
26112
  --pf-v5-c-table--m-grid--cell--hidden-visible--Display: grid;
25399
26113
  --pf-v5-c-table--m-grid--cell--PaddingTop: 0;
25400
26114
  --pf-v5-c-table--m-grid--cell--PaddingRight: 0;
@@ -25418,8 +26132,8 @@ svg.pf-v5-c-spinner.pf-m-xl {
25418
26132
  --pf-v5-c-table__expandable-row-content--responsive--PaddingLeft: var(--pf-v5-global--spacer--lg);
25419
26133
  --pf-v5-c-table__expandable-row-content--responsive--xl--PaddingRight: var(--pf-v5-global--spacer--md);
25420
26134
  --pf-v5-c-table__expandable-row-content--responsive--xl--PaddingLeft: var(--pf-v5-global--spacer--md);
25421
- --pf-v5-c-table__expandable-row-content--BackgroundColor: var(--pf-v5-global--BackgroundColor--100);
25422
- --pf-v5-c-table__check--responsive--MarginLeft: var(--pf-v5-global--spacer--sm);
26135
+ --pf-v5-c-table__expandable-row-content--BackgroundColor: var(--pf-t--global--background--color--primary--default);
26136
+ --pf-v5-c-table__check--responsive--MarginLeft: var(--pf-t--global--border--width--divider--default);
25423
26137
  --pf-v5-c-table__check--responsive--MarginTop: 0.875rem;
25424
26138
  --pf-v5-c-table--m-grid__favorite--MarginTop: 0.5rem;
25425
26139
  --pf-v5-c-table--m-grid__check--favorite--MarginLeft: var(--pf-v5-global--spacer--xl);
@@ -27030,26 +27744,26 @@ svg.pf-v5-c-spinner.pf-m-xl {
27030
27744
  }
27031
27745
 
27032
27746
  .pf-v5-c-table {
27033
- --pf-v5-c-table--BackgroundColor: var(--pf-v5-global--BackgroundColor--100);
27034
- --pf-v5-c-table--BorderColor: var(--pf-v5-global--BorderColor--100);
27035
- --pf-v5-c-table--border-width--base: var(--pf-v5-global--BorderWidth--sm);
27036
- --pf-v5-c-table__caption--FontSize: var(--pf-v5-global--FontSize--sm);
27037
- --pf-v5-c-table__caption--Color: var(--pf-v5-global--Color--200);
27747
+ --pf-v5-c-table--BackgroundColor: var(--pf-t--global--background--color--primary--default);
27748
+ --pf-v5-c-table--BorderColor: var(--pf-t--global--border--color--default);
27749
+ --pf-v5-c-table--border-width--base: var(--pf-t--global--border--width--divider--default);
27750
+ --pf-v5-c-table__caption--FontSize: var(--pf-t--global--font--size--body);
27751
+ --pf-v5-c-table__caption--Color: var(--pf-t--global--text--color--subtle);
27038
27752
  --pf-v5-c-table__caption--PaddingTop: var(--pf-v5-global--spacer--md);
27039
27753
  --pf-v5-c-table__caption--PaddingRight: var(--pf-v5-global--spacer--lg);
27040
27754
  --pf-v5-c-table__caption--PaddingBottom: var(--pf-v5-global--spacer--md);
27041
27755
  --pf-v5-c-table__caption--PaddingLeft: var(--pf-v5-global--spacer--lg);
27042
27756
  --pf-v5-c-table__caption--xl--PaddingRight: var(--pf-v5-global--spacer--md);
27043
27757
  --pf-v5-c-table__caption--xl--PaddingLeft: var(--pf-v5-global--spacer--md);
27044
- --pf-v5-c-table__thead--cell--FontSize: var(--pf-v5-global--FontSize--sm);
27045
- --pf-v5-c-table__thead--cell--FontWeight: var(--pf-v5-global--FontWeight--bold);
27046
- --pf-v5-c-table__tbody--cell--PaddingTop: var(--pf-v5-global--spacer--lg);
27047
- --pf-v5-c-table__tbody--cell--PaddingBottom: var(--pf-v5-global--spacer--lg);
27758
+ --pf-v5-c-table__thead--cell--FontSize: var(--pf-t--global--font--size--body);
27759
+ --pf-v5-c-table__thead--cell--FontWeight: var(--pf-t--global--font--weight--body--bold);
27760
+ --pf-v5-c-table__tbody--cell--PaddingTop: var(--pf-t--global--spacer--md);
27761
+ --pf-v5-c-table__tbody--cell--PaddingBottom: var(--pf-t--global--spacer--md);
27048
27762
  --pf-v5-c-table__tr--BoxShadow--top--base: 0 -0.1875rem 0.25rem -0.125rem rgba(3,3,3,.08);
27049
27763
  --pf-v5-c-table--cell--Padding--base: var(--pf-v5-global--spacer--md);
27050
- --pf-v5-c-table--cell--FontSize: var(--pf-v5-global--FontSize--md);
27051
- --pf-v5-c-table--cell--FontWeight: var(--pf-v5-global--FontWeight--normal);
27052
- --pf-v5-c-table--cell--Color: var(--pf-v5-global--Color--100);
27764
+ --pf-v5-c-table--cell--FontSize: var(--pf-t--global--font--size--body);
27765
+ --pf-v5-c-table--cell--FontWeight: var(--pf-t--global--font--weight--body);
27766
+ --pf-v5-c-table--cell--Color: var(--pf-t--global--text--color--regular);
27053
27767
  --pf-v5-c-table--cell--PaddingTop: var(--pf-v5-c-table--cell--Padding--base);
27054
27768
  --pf-v5-c-table--cell--PaddingRight: var(--pf-v5-c-table--cell--Padding--base);
27055
27769
  --pf-v5-c-table--cell--PaddingBottom: var(--pf-v5-c-table--cell--Padding--base);
@@ -27066,10 +27780,10 @@ svg.pf-v5-c-spinner.pf-m-xl {
27066
27780
  --pf-v5-c-table--cell--TextOverflow: clip;
27067
27781
  --pf-v5-c-table--cell--WhiteSpace: normal;
27068
27782
  --pf-v5-c-table--cell--WordBreak: normal;
27069
- --pf-v5-c-table--cell--m-border-right--before--BorderRightWidth: var(--pf-v5-global--BorderWidth--sm);
27070
- --pf-v5-c-table--cell--m-border-right--before--BorderRightColor: var(--pf-v5-global--BorderColor--100);
27071
- --pf-v5-c-table--cell--m-border-left--before--BorderLeftWidth: var(--pf-v5-global--BorderWidth--sm);
27072
- --pf-v5-c-table--cell--m-border-left--before--BorderLeftColor: var(--pf-v5-global--BorderColor--100);
27783
+ --pf-v5-c-table--cell--m-border-right--before--BorderRightWidth: var(--pf-t--global--border--width--divider--default);
27784
+ --pf-v5-c-table--cell--m-border-right--before--BorderRightColor: var(--pf-t--global--border--color--default);
27785
+ --pf-v5-c-table--cell--m-border-left--before--BorderLeftWidth: var(--pf-t--global--border--width--divider--default);
27786
+ --pf-v5-c-table--cell--m-border-left--before--BorderLeftColor: var(--pf-t--global--border--color--default);
27073
27787
  --pf-v5-c-table--cell--m-help--MinWidth: 11ch;
27074
27788
  --pf-v5-c-table--m-truncate--cell--MaxWidth: 1px;
27075
27789
  --pf-v5-c-table--m-truncate--cell--MinWidth: calc(5ch + var(--pf-v5-c-table--cell--PaddingRight) + var(--pf-v5-c-table--cell--PaddingLeft));
@@ -27080,34 +27794,33 @@ svg.pf-v5-c-spinner.pf-m-xl {
27080
27794
  --pf-v5-c-table__toggle--c-button__toggle-icon--Transition: .2s ease-in 0s;
27081
27795
  --pf-v5-c-table__toggle--c-button--m-expanded__toggle-icon--Rotate: 360deg;
27082
27796
  --pf-v5-c-table__button--BackgroundColor: transparent;
27083
- --pf-v5-c-table__button--Color: var(--pf-v5-global--Color--100);
27084
- --pf-v5-c-table__button--hover--Color: var(--pf-v5-global--Color--100);
27085
- --pf-v5-c-table__button--focus--Color: var(--pf-v5-global--Color--100);
27086
- --pf-v5-c-table__button--active--Color: var(--pf-v5-global--Color--100);
27797
+ --pf-v5-c-table__button--Color: var(--pf-t--global--text--color--regular);
27798
+ --pf-v5-c-table__button--hover--Color: var(--pf-t--global--text--color--regular);
27799
+ --pf-v5-c-table__button--focus--Color: var(--pf-t--global--text--color--regular);
27800
+ --pf-v5-c-table__button--active--Color: var(--pf-t--global--text--color--regular);
27087
27801
  --pf-v5-c-table__button--OutlineOffset: calc(var(--pf-v5-global--BorderWidth--lg) * -1);
27088
27802
  --pf-v5-c-table--m-compact__toggle--PaddingTop: 0;
27089
27803
  --pf-v5-c-table--m-compact__toggle--PaddingBottom: 0;
27090
- --pf-v5-c-table__check--input--MarginTop: 0.1875rem;
27091
- --pf-v5-c-table__thead__check--input--TranslateY: var(--pf-v5-c-table__check--input--MarginTop);
27092
- --pf-v5-c-table__check--input--FontSize: var(--pf-v5-global--FontSize--md);
27093
- --pf-v5-c-table--cell--m-favorite--Color: var(--pf-v5-global--Color--light-300);
27094
- --pf-v5-c-table__favorite--c-button--Color: var(--pf-v5-global--Color--light-300);
27095
- --pf-v5-c-table__favorite--c-button--FontSize: var(--pf-v5-global--FontSize--sm);
27804
+ --pf-v5-c-table__check--input--MarginTop: 0.25rem;
27805
+ --pf-v5-c-table__check--input--FontSize: var(--pf-t--global--font--size--body);
27806
+ --pf-v5-c-table--cell--m-favorite--Color: var(--pf-t--global--text--color--subtle);
27807
+ --pf-v5-c-table__favorite--c-button--Color: var(--pf-t--global--text--color--subtle);
27808
+ --pf-v5-c-table__favorite--c-button--FontSize: var(--pf-t--global--font--size--body);
27096
27809
  --pf-v5-c-table__favorite--c-button--MarginTop: calc(var(--pf-v5-global--spacer--form-element) * -1);
27097
27810
  --pf-v5-c-table__favorite--c-button--MarginRight: calc(var(--pf-v5-global--spacer--md) * -1);
27098
27811
  --pf-v5-c-table__favorite--c-button--MarginBottom: calc(var(--pf-v5-global--spacer--form-element) * -1);
27099
27812
  --pf-v5-c-table__favorite--c-button--MarginLeft: calc(var(--pf-v5-global--spacer--md) * -1);
27100
27813
  --pf-v5-c-table__favorite--m-favorited--c-button--Color: var(--pf-v5-global--palette--gold-400);
27101
- --pf-v5-c-table__sort--m-favorite__button__text--Color: var(--pf-v5-global--Color--200);
27102
- --pf-v5-c-table__sort--m-favorite__button--hover__text--Color: var(--pf-v5-global--Color--100);
27103
- --pf-v5-c-table__sort--m-favorite__button--focus__text--Color: var(--pf-v5-global--Color--100);
27104
- --pf-v5-c-table__sort--m-favorite__button--active__text--Color: var(--pf-v5-global--Color--100);
27814
+ --pf-v5-c-table__sort--m-favorite__button__text--Color: var(--pf-t--global--text--color--subtle);
27815
+ --pf-v5-c-table__sort--m-favorite__button--hover__text--Color: var(--pf-t--global--text--color--regular);
27816
+ --pf-v5-c-table__sort--m-favorite__button--focus__text--Color: var(--pf-t--global--text--color--regular);
27817
+ --pf-v5-c-table__sort--m-favorite__button--active__text--Color: var(--pf-t--global--text--color--regular);
27105
27818
  --pf-v5-c-table__draggable--c-button--MarginTop: calc(var(--pf-v5-global--spacer--form-element) * -1);
27106
27819
  --pf-v5-c-table__draggable--c-button--MarginRight: calc(var(--pf-v5-global--spacer--md) * -1);
27107
27820
  --pf-v5-c-table__draggable--c-button--MarginBottom: calc(var(--pf-v5-global--spacer--form-element) * -1);
27108
27821
  --pf-v5-c-table__draggable--c-button--MarginLeft: calc(var(--pf-v5-global--spacer--md) * -1);
27109
27822
  --pf-v5-c-table__tr--m-ghost-row--Opacity: .4;
27110
- --pf-v5-c-table__tr--m-ghost-row--BackgroundColor: var(--pf-v5-global--BackgroundColor--100);
27823
+ --pf-v5-c-table__tr--m-ghost-row--BackgroundColor: var(--pf-t--global--background--color--primary--default);
27111
27824
  --pf-v5-c-table__action--PaddingTop: 0;
27112
27825
  --pf-v5-c-table__action--PaddingRight: 0;
27113
27826
  --pf-v5-c-table__action--PaddingBottom: 0;
@@ -27125,7 +27838,7 @@ svg.pf-v5-c-spinner.pf-m-xl {
27125
27838
  --pf-v5-c-table__expandable-row--after--Bottom: calc(var(--pf-v5-c-table--border-width--base) * -1);
27126
27839
  --pf-v5-c-table__expandable-row--after--border-width--base: var(--pf-v5-global--BorderWidth--lg);
27127
27840
  --pf-v5-c-table__expandable-row--after--BorderLeftWidth: 0;
27128
- --pf-v5-c-table__expandable-row--after--BorderColor: var(--pf-v5-global--active-color--100);
27841
+ --pf-v5-c-table__expandable-row--after--BorderColor: var(--pf-t--global--border--color--active);
27129
27842
  --pf-v5-c-table__icon-inline--MarginRight: var(--pf-v5-global--spacer--sm);
27130
27843
  --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));
27131
27844
  --pf-v5-c-table__sort__button--PaddingTop: var(--pf-v5-global--spacer--form-element);
@@ -27135,19 +27848,19 @@ svg.pf-v5-c-spinner.pf-m-xl {
27135
27848
  --pf-v5-c-table__sort__button--MarginTop: calc(var(--pf-v5-c-table__sort__button--PaddingTop) * -1);
27136
27849
  --pf-v5-c-table__sort__button--MarginBottom: calc(var(--pf-v5-c-table__sort__button--PaddingBottom) * -1);
27137
27850
  --pf-v5-c-table__sort__button--MarginLeft: calc(var(--pf-v5-c-table__sort__button--PaddingLeft) * -1);
27138
- --pf-v5-c-table__sort__button--Color: var(--pf-v5-global--Color--100);
27139
- --pf-v5-c-table__sort--m-selected__button--Color: var(--pf-v5-global--active-color--100);
27851
+ --pf-v5-c-table__sort__button--Color: var(--pf-t--global--text--color--regular);
27852
+ --pf-v5-c-table__sort--m-selected__button--Color: var(--pf-t--global--border--color--active);
27140
27853
  --pf-v5-c-table__sort--m-help--MinWidth: 15ch;
27141
27854
  --pf-v5-c-table__sort__button__text--Color: currentcolor;
27142
27855
  --pf-v5-c-table__sort__button--hover__text--Color: currentcolor;
27143
27856
  --pf-v5-c-table__sort__button--focus__text--Color: currentcolor;
27144
27857
  --pf-v5-c-table__sort__button--active__text--Color: currentcolor;
27145
- --pf-v5-c-table__sort-indicator--Color: var(--pf-v5-global--disabled-color--200);
27858
+ --pf-v5-c-table__sort-indicator--Color: var(--pf-t--global--icon--color--subtle);
27146
27859
  --pf-v5-c-table__sort-indicator--MarginLeft: var(--pf-v5-global--spacer--md);
27147
- --pf-v5-c-table__sort--m-selected__sort-indicator--Color: var(--pf-v5-global--active-color--100);
27148
- --pf-v5-c-table__sort__button--hover__sort-indicator--Color: var(--pf-v5-global--Color--100);
27149
- --pf-v5-c-table__sort__button--active__sort-indicator--Color: var(--pf-v5-global--Color--100);
27150
- --pf-v5-c-table__sort__button--focus__sort-indicator--Color: var(--pf-v5-global--Color--100);
27860
+ --pf-v5-c-table__sort--m-selected__sort-indicator--Color: var(--pf-t--global--border--color--active);
27861
+ --pf-v5-c-table__sort__button--hover__sort-indicator--Color: var(--pf-t--global--text--color--regular);
27862
+ --pf-v5-c-table__sort__button--active__sort-indicator--Color: var(--pf-t--global--text--color--regular);
27863
+ --pf-v5-c-table__sort__button--focus__sort-indicator--Color: var(--pf-t--global--text--color--regular);
27151
27864
  --pf-v5-c-table__th--m-help--MinWidth: 11ch;
27152
27865
  --pf-v5-c-table__column-help--MarginLeft: var(--pf-v5-global--spacer--xs);
27153
27866
  --pf-v5-c-table__column-help--TranslateY: 0.125rem;
@@ -27155,18 +27868,18 @@ svg.pf-v5-c-spinner.pf-m-xl {
27155
27868
  --pf-v5-c-table__column-help--c-button--MarginBottom: calc(var(--pf-v5-global--spacer--form-element) * -1);
27156
27869
  --pf-v5-c-table__column-help--c-button--PaddingRight: var(--pf-v5-global--spacer--sm);
27157
27870
  --pf-v5-c-table__column-help--c-button--PaddingLeft: var(--pf-v5-global--spacer--sm);
27158
- --pf-v5-c-table__compound-expansion-toggle__button--Color: var(--pf-v5-global--active-color--100);
27159
- --pf-v5-c-table__compound-expansion-toggle__button--hover--Color: var(--pf-v5-global--link--Color--hover);
27160
- --pf-v5-c-table__compound-expansion-toggle__button--focus--Color: var(--pf-v5-global--link--Color--hover);
27161
- --pf-v5-c-table__compound-expansion-toggle__button--active--Color: var(--pf-v5-global--link--Color--hover);
27162
- --pf-v5-c-table__compound-expansion-toggle__button--before--border-width--base: var(--pf-v5-global--BorderWidth--sm);
27163
- --pf-v5-c-table__compound-expansion-toggle__button--before--BorderColor: var(--pf-v5-global--BorderColor--100);
27871
+ --pf-v5-c-table__compound-expansion-toggle__button--Color: var(--pf-t--global--icon--color--brand--default);
27872
+ --pf-v5-c-table__compound-expansion-toggle__button--hover--Color: var(--pf-t--global--icon--color--brand--hover);
27873
+ --pf-v5-c-table__compound-expansion-toggle__button--focus--Color: var(--pf-t--global--icon--color--brand--hover);
27874
+ --pf-v5-c-table__compound-expansion-toggle__button--active--Color: var(--pf-t--global--icon--color--brand--active);
27875
+ --pf-v5-c-table__compound-expansion-toggle__button--before--border-width--base: var(--pf-t--global--border--width--button--default);
27876
+ --pf-v5-c-table__compound-expansion-toggle__button--before--BorderColor: var(--pf-t--global--border--color--default);
27164
27877
  --pf-v5-c-table__compound-expansion-toggle__button--before--BorderRightWidth: 0;
27165
27878
  --pf-v5-c-table__compound-expansion-toggle__button--before--BorderLeftWidth: 0;
27166
27879
  --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);
27167
27880
  --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);
27168
27881
  --pf-v5-c-table__compound-expansion-toggle__button--after--border-width--base: var(--pf-v5-global--BorderWidth--lg);
27169
- --pf-v5-c-table__compound-expansion-toggle__button--after--BorderColor: var(--pf-v5-global--primary-color--100);
27882
+ --pf-v5-c-table__compound-expansion-toggle__button--after--BorderColor: var(--pf-t--global--border--color--active);
27170
27883
  --pf-v5-c-table__compound-expansion-toggle__button--after--BorderTopWidth: 0;
27171
27884
  --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);
27172
27885
  --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);
@@ -27180,60 +27893,61 @@ svg.pf-v5-c-spinner.pf-m-xl {
27180
27893
  --pf-v5-c-table--m-compact--cell--first-last-child--PaddingRight: var(--pf-v5-global--spacer--md);
27181
27894
  --pf-v5-c-table--m-compact--cell--first-last-child--xl--PaddingLeft: var(--pf-v5-global--spacer--lg);
27182
27895
  --pf-v5-c-table--m-compact--cell--first-last-child--xl--PaddingRight: var(--pf-v5-global--spacer--lg);
27183
- --pf-v5-c-table--m-compact--FontSize: var(--pf-v5-global--FontSize--sm);
27896
+ --pf-v5-c-table--m-compact--FontSize: var(--pf-t--global--font--size--body);
27184
27897
  --pf-v5-c-table--m-compact__expandable-row-content--PaddingTop: var(--pf-v5-global--spacer--lg);
27185
27898
  --pf-v5-c-table--m-compact__expandable-row-content--PaddingRight: var(--pf-v5-global--spacer--lg);
27186
27899
  --pf-v5-c-table--m-compact__expandable-row-content--PaddingBottom: var(--pf-v5-global--spacer--lg);
27187
27900
  --pf-v5-c-table--m-compact__expandable-row-content--PaddingLeft: var(--pf-v5-global--spacer--lg);
27188
27901
  --pf-v5-c-table--nested--first-last-child--PaddingRight: var(--pf-v5-c-table--m-compact--cell--first-last-child--PaddingLeft);
27189
27902
  --pf-v5-c-table--nested--first-last-child--PaddingLeft: var(--pf-v5-c-table--m-compact--cell--first-last-child--PaddingRight);
27190
- --pf-v5-c-table__expandable-row--m-expanded--BorderBottomColor: var(--pf-v5-global--BorderColor--100);
27903
+ --pf-v5-c-table__expandable-row--m-expanded--BorderBottomColor: var(--pf-t--global--border--color--default);
27191
27904
  --pf-v5-c-table__tr--m-clickable--BoxShadow--top: var(--pf-v5-c-table__tr--BoxShadow--top--base);
27192
27905
  --pf-v5-c-table__tr--m-clickable--BackgroundColor: transparent;
27193
27906
  --pf-v5-c-table__tr--m-clickable--BoxShadow: none;
27907
+ --pf-v5-c-table__tr--m-clickable--BorderRadius: var(--pf-t--global--border--radius--small);
27194
27908
  --pf-v5-c-table__tr--m-clickable--OutlineOffset: calc(-1 * var(--pf-v5-global--spacer--xs));
27195
- --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);
27196
- --pf-v5-c-table__tr--m-clickable--hover--BackgroundColor: var(--pf-v5-global--BackgroundColor--100);
27197
- --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);
27198
- --pf-v5-c-table__tr--m-clickable--focus--BackgroundColor: var(--pf-v5-global--BackgroundColor--100);
27199
- --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);
27200
- --pf-v5-c-table__tr--m-clickable--active--BackgroundColor: var(--pf-v5-global--BackgroundColor--100);
27201
- --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);
27909
+ --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);
27910
+ --pf-v5-c-table__tr--m-clickable--hover--BackgroundColor: var(--pf-t--global--background--color--primary--hover);
27911
+ --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);
27912
+ --pf-v5-c-table__tr--m-clickable--focus--BackgroundColor: var(--pf-t--global--background--color--primary--hover);
27913
+ --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);
27914
+ --pf-v5-c-table__tr--m-clickable--active--BackgroundColor: var(--pf-t--global--background--color--primary--selected);
27915
+ --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);
27202
27916
  --pf-v5-c-table__tr--m-selected--BoxShadow--top: var(--pf-v5-c-table__tr--BoxShadow--top--base);
27203
- --pf-v5-c-table__tr--m-selected--BackgroundColor: var(--pf-v5-global--BackgroundColor--100);
27204
- --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);
27205
- --pf-v5-c-table__tr--m-selected--OutlineOffset: calc(-1 * var(--pf-v5-global--spacer--xs));
27917
+ --pf-v5-c-table__tr--m-selected--BackgroundColor: var(--pf-t--global--background--color--primary--hover);
27918
+ --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);
27919
+ --pf-v5-c-table__tr--m-selected--OutlineOffset: calc(-1 * var(--pf-t--global--spacer--xs));
27206
27920
  --pf-v5-c-table__tr--m-selected--after--BorderLeftWidth: calc(2 * var(--pf-v5-c-table__expandable-row--after--border-width--base));
27207
27921
  --pf-v5-c-table__tr--m-selected--after--BorderLeftColor: var(--pf-v5-global--active-color--100);
27208
- --pf-v5-c-table__tr--m-selected--m-selected--BoxShadow: var(--pf-v5-global--BoxShadow--sm-bottom);
27209
- --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);
27210
- --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);
27922
+ --pf-v5-c-table__tr--m-selected--m-selected--BoxShadow: var(--pf-t--global--box-shadow--sm--bottom);
27923
+ --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);
27924
+ --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);
27211
27925
  --pf-v5-c-table__tbody--m-clickable--BoxShadow--top: var(--pf-v5-c-table__tr--BoxShadow--top--base);
27212
27926
  --pf-v5-c-table__tbody--m-clickable--BoxShadow: none;
27213
27927
  --pf-v5-c-table__tbody--m-clickable--BackgroundColor: transparent;
27214
27928
  --pf-v5-c-table__tbody--m-clickable--OutlineOffset: calc(-1 * var(--pf-v5-global--spacer--xs));
27215
- --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);
27216
- --pf-v5-c-table__tbody--m-clickable--hover--BackgroundColor: var(--pf-v5-global--BackgroundColor--100);
27217
- --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);
27218
- --pf-v5-c-table__tbody--m-clickable--focus--BackgroundColor: var(--pf-v5-global--BackgroundColor--100);
27219
- --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);
27220
- --pf-v5-c-table__tbody--m-clickable--active--BackgroundColor: var(--pf-v5-global--BackgroundColor--100);
27221
- --pf-v5-c-table__tbody--m-clickable--m-expanded--BorderColor: var(--pf-v5-global--active-color--400);
27222
- --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);
27223
- --pf-v5-c-table__tbody--m-selected--BackgroundColor: var(--pf-v5-global--BackgroundColor--100);
27929
+ --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);
27930
+ --pf-v5-c-table__tbody--m-clickable--hover--BackgroundColor: var(--pf-t--global--background--color--primary--default);
27931
+ --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);
27932
+ --pf-v5-c-table__tbody--m-clickable--focus--BackgroundColor: var(--pf-t--global--background--color--primary--default);
27933
+ --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);
27934
+ --pf-v5-c-table__tbody--m-clickable--active--BackgroundColor: var(--pf-t--global--background--color--primary--default);
27935
+ --pf-v5-c-table__tbody--m-clickable--m-expanded--BorderColor: var(--pf-t--global--border--color--active);
27936
+ --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);
27937
+ --pf-v5-c-table__tbody--m-selected--BackgroundColor: var(--pf-t--global--background--color--primary--default);
27224
27938
  --pf-v5-c-table__tbody--m-selected--BoxShadow--top: var(--pf-v5-c-table__tr--BoxShadow--top--base);
27225
- --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);
27939
+ --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);
27226
27940
  --pf-v5-c-table__tbody--m-selected--OutlineOffset: calc(-1 * var(--pf-v5-global--spacer--xs));
27227
27941
  --pf-v5-c-table__tbody--m-selected--after--BorderLeftWidth: calc(2 * var(--pf-v5-c-table__expandable-row--after--border-width--base));
27228
- --pf-v5-c-table__tbody--m-selected--after--BorderLeftColor: var(--pf-v5-global--active-color--100);
27229
- --pf-v5-c-table__tbody--m-selected--m-selected--BoxShadow: var(--pf-v5-global--BoxShadow--sm-bottom);
27230
- --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);
27231
- --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);
27942
+ --pf-v5-c-table__tbody--m-selected--after--BorderLeftColor: var(--pf-t--global--border--color--active);
27943
+ --pf-v5-c-table__tbody--m-selected--m-selected--BoxShadow: var(--pf-t--global--box-shadow--sm--bottom);
27944
+ --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);
27945
+ --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);
27232
27946
  --pf-v5-c-table__thead--m-nested-column-header--button--OutlineOffset: -0.1875rem;
27233
27947
  --pf-v5-c-table__thead--m-nested-column-header__tr--PaddingTop: var(--pf-v5-global--spacer--xs);
27234
27948
  --pf-v5-c-table__thead--m-nested-column-header__tr--PaddingBottom: var(--pf-v5-global--spacer--xs);
27235
- --pf-v5-c-table__subhead--Color: var(--pf-v5-global--Color--200);
27236
- --pf-v5-c-table--m-striped__tr--BackgroundColor: var(--pf-v5-global--BackgroundColor--light-200);
27949
+ --pf-v5-c-table__subhead--Color: var(--pf-t--global--text--color--subtle);
27950
+ --pf-v5-c-table--m-striped__tr--BackgroundColor: var(--pf-t--global--background--color--primary--default);
27237
27951
  --pf-v5-c-table--m-sticky-header--cell--ZIndex: var(--pf-v5-global--ZIndex--xs);
27238
27952
  color: var(--pf-v5-global--Color--100);
27239
27953
  width: 100%;
@@ -27485,27 +28199,27 @@ svg.pf-v5-c-spinner.pf-m-xl {
27485
28199
  .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 {
27486
28200
  border-inline-start-width: 0;
27487
28201
  }
28202
+ .pf-v5-c-table tr.pf-m-clickable:last-child {
28203
+ border-block-end-color: transparent;
28204
+ }
28205
+ .pf-v5-c-table tr:where(.pf-v5-c-table__tr) {
28206
+ position: relative;
28207
+ }
28208
+ .pf-v5-c-table tr:where(.pf-v5-c-table__tr)::before {
28209
+ position: absolute;
28210
+ inset: 0;
28211
+ content: "";
28212
+ background-color: var(--pf-v5-c-table__tr--m-clickable--BackgroundColor);
28213
+ border-radius: var(--pf-v5-c-table__tr--m-clickable--BorderRadius);
28214
+ }
27488
28215
  .pf-v5-c-table tr:where(.pf-v5-c-table__tr).pf-m-clickable {
27489
28216
  cursor: pointer;
27490
- background-color: var(--pf-v5-c-table__tr--m-clickable--BackgroundColor);
27491
28217
  outline-offset: var(--pf-v5-c-table__tr--m-clickable--OutlineOffset);
27492
28218
  box-shadow: var(--pf-v5-c-table__tr--m-clickable--BoxShadow);
27493
28219
  }
27494
- .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 {
27495
- box-shadow: var(--pf-v5-c-table__tr--m-clickable--m-selected--BoxShadow);
27496
- }
27497
- .pf-v5-c-table tr:where(.pf-v5-c-table__tr).pf-m-clickable:hover {
27498
- --pf-v5-c-table__tr--m-clickable--BoxShadow: var(--pf-v5-c-table__tr--m-clickable--hover--BoxShadow);
28220
+ .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 {
27499
28221
  --pf-v5-c-table__tr--m-clickable--BackgroundColor: var(--pf-v5-c-table__tr--m-clickable--hover--BackgroundColor);
27500
28222
  }
27501
- .pf-v5-c-table tr:where(.pf-v5-c-table__tr).pf-m-clickable:focus {
27502
- --pf-v5-c-table__tr--m-clickable--BoxShadow: var(--pf-v5-c-table__tr--m-clickable--focus--BoxShadow);
27503
- --pf-v5-c-table__tr--m-clickable--BackgroundColor: var(--pf-v5-c-table__tr--m-clickable--focus--BackgroundColor);
27504
- }
27505
- .pf-v5-c-table tr:where(.pf-v5-c-table__tr).pf-m-clickable:active {
27506
- --pf-v5-c-table__tr--m-clickable--BoxShadow: var(--pf-v5-c-table__tr--m-clickable--active--BoxShadow);
27507
- --pf-v5-c-table__tr--m-clickable--BackgroundColor: var(--pf-v5-c-table__tr--m-clickable--active--BackgroundColor);
27508
- }
27509
28223
  .pf-v5-c-table tr:where(.pf-v5-c-table__tr).pf-m-selected {
27510
28224
  --pf-v5-c-table__expandable-row--after--BorderLeftWidth: var(--pf-v5-c-table__tr--m-selected--after--BorderLeftWidth);
27511
28225
  --pf-v5-c-table__expandable-row--after--BorderColor: var(--pf-v5-c-table__tr--m-selected--after--BorderLeftColor);
@@ -27721,16 +28435,13 @@ svg.pf-v5-c-spinner.pf-m-xl {
27721
28435
  cursor: pointer;
27722
28436
  }
27723
28437
  .pf-v5-c-table__check label {
27724
- display: inline-flex;
28438
+ display: block;
27725
28439
  padding: inherit;
27726
28440
  margin-block-start: calc(var(--pf-v5-c-table--cell--PaddingTop) * -1);
27727
28441
  margin-block-end: calc(var(--pf-v5-c-table--cell--PaddingBottom) * -1);
27728
28442
  margin-inline-start: calc(var(--pf-v5-c-table--cell--PaddingLeft) * -1);
27729
28443
  margin-inline-end: calc(var(--pf-v5-c-table--cell--PaddingRight) * -1);
27730
28444
  }
27731
- .pf-v5-c-table__thead .pf-v5-c-check.pf-m-standalone {
27732
- --pf-v5-c-check__input--TranslateY: var(--pf-v5-c-table__thead__check--input--TranslateY);
27733
- }
27734
28445
 
27735
28446
  .pf-v5-c-table__favorite .pf-v5-c-button {
27736
28447
  --pf-v5-c-button--m-plain--Color: var(--pf-v5-c-table__favorite--c-button--Color);
@@ -28061,7 +28772,7 @@ svg.pf-v5-c-spinner.pf-m-xl {
28061
28772
  }
28062
28773
 
28063
28774
  :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,
28064
- :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,
28775
+ :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,
28065
28776
  :where(.pf-v5-theme-dark) .pf-v5-c-page__main-section[class*=pf-m-dark-] .pf-v5-c-button,
28066
28777
  :where(.pf-v5-theme-dark) .pf-v5-c-page__header .pf-v5-c-button {
28067
28778
  --pf-v5-c-button--m-primary--BackgroundColor: var(--pf-v5-global--primary-color--300);
@@ -29805,7 +30516,7 @@ svg.pf-v5-c-spinner.pf-m-xl {
29805
30516
  }
29806
30517
 
29807
30518
  :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,
29808
- :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,
30519
+ :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,
29809
30520
  :where(.pf-v5-theme-dark) .pf-v5-c-page__main-section[class*=pf-m-dark-] .pf-v5-c-button,
29810
30521
  :where(.pf-v5-theme-dark) .pf-v5-c-page__header .pf-v5-c-button {
29811
30522
  --pf-v5-c-button--m-primary--BackgroundColor: var(--pf-v5-global--primary-color--300);
@@ -29969,7 +30680,7 @@ svg.pf-v5-c-spinner.pf-m-xl {
29969
30680
  }
29970
30681
 
29971
30682
  :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,
29972
- :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,
30683
+ :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,
29973
30684
  :where(.pf-v5-theme-dark) .pf-v5-c-page__main-section[class*=pf-m-dark-] .pf-v5-c-button,
29974
30685
  :where(.pf-v5-theme-dark) .pf-v5-c-page__header .pf-v5-c-button {
29975
30686
  --pf-v5-c-button--m-primary--BackgroundColor: var(--pf-v5-global--primary-color--300);
@@ -30122,7 +30833,7 @@ svg.pf-v5-c-spinner.pf-m-xl {
30122
30833
  }
30123
30834
 
30124
30835
  :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,
30125
- :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,
30836
+ :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,
30126
30837
  :where(.pf-v5-theme-dark) .pf-v5-c-page__main-section[class*=pf-m-dark-] .pf-v5-c-button,
30127
30838
  :where(.pf-v5-theme-dark) .pf-v5-c-page__header .pf-v5-c-button {
30128
30839
  --pf-v5-c-button--m-primary--BackgroundColor: var(--pf-v5-global--primary-color--300);
@@ -30334,7 +31045,7 @@ svg.pf-v5-c-spinner.pf-m-xl {
30334
31045
  }
30335
31046
 
30336
31047
  :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,
30337
- :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,
31048
+ :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,
30338
31049
  :where(.pf-v5-theme-dark) .pf-v5-c-page__main-section[class*=pf-m-dark-] .pf-v5-c-button,
30339
31050
  :where(.pf-v5-theme-dark) .pf-v5-c-page__header .pf-v5-c-button {
30340
31051
  --pf-v5-c-button--m-primary--BackgroundColor: var(--pf-v5-global--primary-color--300);
@@ -30469,7 +31180,7 @@ svg.pf-v5-c-spinner.pf-m-xl {
30469
31180
  }
30470
31181
 
30471
31182
  :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,
30472
- :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,
31183
+ :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,
30473
31184
  :where(.pf-v5-theme-dark) .pf-v5-c-page__main-section[class*=pf-m-dark-] .pf-v5-c-button,
30474
31185
  :where(.pf-v5-theme-dark) .pf-v5-c-page__header .pf-v5-c-button {
30475
31186
  --pf-v5-c-button--m-primary--BackgroundColor: var(--pf-v5-global--primary-color--300);
@@ -31030,7 +31741,7 @@ label.pf-v5-c-tree-view__node-text {
31030
31741
  }
31031
31742
 
31032
31743
  :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,
31033
- :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,
31744
+ :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,
31034
31745
  :where(.pf-v5-theme-dark) .pf-v5-c-page__main-section[class*=pf-m-dark-] .pf-v5-c-button,
31035
31746
  :where(.pf-v5-theme-dark) .pf-v5-c-page__header .pf-v5-c-button {
31036
31747
  --pf-v5-c-button--m-primary--BackgroundColor: var(--pf-v5-global--primary-color--300);
@@ -31552,7 +32263,7 @@ label.pf-v5-c-tree-view__node-text {
31552
32263
  }
31553
32264
 
31554
32265
  :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,
31555
- :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,
32266
+ :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,
31556
32267
  :where(.pf-v5-theme-dark) .pf-v5-c-page__main-section[class*=pf-m-dark-] .pf-v5-c-button,
31557
32268
  :where(.pf-v5-theme-dark) .pf-v5-c-page__header .pf-v5-c-button {
31558
32269
  --pf-v5-c-button--m-primary--BackgroundColor: var(--pf-v5-global--primary-color--300);