@patternfly/patternfly 5.0.0-alpha.56 → 5.0.0-alpha.58

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 (163) hide show
  1. package/assets/fonts/RedHatDisplay/RedHatDisplay-Black.woff2 +0 -0
  2. package/assets/fonts/RedHatDisplay/RedHatDisplay-BlackItalic.woff2 +0 -0
  3. package/assets/fonts/RedHatDisplay/RedHatDisplay-Bold.woff2 +0 -0
  4. package/assets/fonts/RedHatDisplay/RedHatDisplay-BoldItalic.woff2 +0 -0
  5. package/assets/fonts/RedHatDisplay/RedHatDisplay-Italic.woff2 +0 -0
  6. package/assets/fonts/RedHatDisplay/RedHatDisplay-Light.woff2 +0 -0
  7. package/assets/fonts/RedHatDisplay/RedHatDisplay-LightItalic.woff2 +0 -0
  8. package/assets/fonts/RedHatDisplay/RedHatDisplay-Medium.woff2 +0 -0
  9. package/assets/fonts/RedHatDisplay/RedHatDisplay-MediumItalic.woff2 +0 -0
  10. package/assets/fonts/RedHatDisplay/RedHatDisplay-Regular.woff2 +0 -0
  11. package/assets/fonts/RedHatDisplay/RedHatDisplayVF-Italic.woff2 +0 -0
  12. package/assets/fonts/RedHatDisplay/RedHatDisplayVF.woff2 +0 -0
  13. package/assets/fonts/RedHatMono/RedHatMono-Bold.woff2 +0 -0
  14. package/assets/fonts/RedHatMono/RedHatMono-BoldItalic.woff2 +0 -0
  15. package/assets/fonts/RedHatMono/RedHatMono-Italic.woff2 +0 -0
  16. package/assets/fonts/RedHatMono/RedHatMono-Light.woff2 +0 -0
  17. package/assets/fonts/RedHatMono/RedHatMono-LightItalic.woff2 +0 -0
  18. package/assets/fonts/RedHatMono/RedHatMono-Medium.woff2 +0 -0
  19. package/assets/fonts/RedHatMono/RedHatMono-MediumItalic.woff2 +0 -0
  20. package/assets/fonts/RedHatMono/RedHatMono-Regular.woff2 +0 -0
  21. package/assets/fonts/RedHatMono/RedHatMonoVF-Italic.woff2 +0 -0
  22. package/assets/fonts/RedHatMono/RedHatMonoVF.woff2 +0 -0
  23. package/assets/fonts/RedHatText/RedHatText-Bold.woff2 +0 -0
  24. package/assets/fonts/RedHatText/RedHatText-BoldItalic.woff2 +0 -0
  25. package/assets/fonts/RedHatText/RedHatText-Italic.woff2 +0 -0
  26. package/assets/fonts/RedHatText/RedHatText-Light.woff2 +0 -0
  27. package/assets/fonts/RedHatText/RedHatText-LightItalic.woff2 +0 -0
  28. package/assets/fonts/RedHatText/RedHatText-Medium.woff2 +0 -0
  29. package/assets/fonts/RedHatText/RedHatText-MediumItalic.woff2 +0 -0
  30. package/assets/fonts/RedHatText/RedHatText-Regular.woff2 +0 -0
  31. package/assets/fonts/RedHatText/RedHatTextVF-Italic.woff2 +0 -0
  32. package/assets/fonts/RedHatText/RedHatTextVF.woff2 +0 -0
  33. package/assets/images/pf_logo.svg +11 -11
  34. package/base/_chart-globals.scss +1 -1
  35. package/base/_fonts.scss +56 -71
  36. package/base/_globals.scss +1 -1
  37. package/base/_variables.scss +10 -25
  38. package/base/patternfly-fonts.css +52 -59
  39. package/base/patternfly-globals.css +1 -1
  40. package/base/patternfly-variables.css +13 -24
  41. package/base/themes/dark/_variables.scss +2 -0
  42. package/components/Accordion/accordion.css +1 -1
  43. package/components/Accordion/accordion.scss +1 -1
  44. package/components/Alert/alert.css +7 -7
  45. package/components/Alert/themes/dark/alert.scss +7 -7
  46. package/components/AppLauncher/app-launcher.css +1 -0
  47. package/components/AppLauncher/app-launcher.scss +1 -0
  48. package/components/Badge/badge.css +1 -0
  49. package/components/Badge/themes/dark/badge.scss +1 -0
  50. package/components/Banner/banner.css +6 -8
  51. package/components/Banner/banner.scss +5 -5
  52. package/components/Banner/themes/dark/banner.scss +2 -6
  53. package/components/Button/button.css +4 -0
  54. package/components/Button/button.scss +2 -0
  55. package/components/Button/themes/dark/button.scss +4 -2
  56. package/components/CalendarMonth/calendar-month.css +3 -3
  57. package/components/CalendarMonth/calendar-month.scss +1 -5
  58. package/components/CalendarMonth/themes/dark/calendar-month.scss +2 -0
  59. package/components/Card/card.css +1 -1
  60. package/components/Card/card.scss +1 -1
  61. package/components/Content/content.css +1 -1
  62. package/components/Content/content.scss +1 -1
  63. package/components/DragDrop/drag-drop.css +23 -7
  64. package/components/DragDrop/drag-drop.scss +36 -17
  65. package/components/DragDrop/themes/dark/drag-drop.scss +7 -0
  66. package/components/Dropdown/dropdown.css +2 -0
  67. package/components/Dropdown/themes/dark/dropdown.scss +2 -0
  68. package/components/DualListSelector/dual-list-selector.css +9 -3
  69. package/components/DualListSelector/dual-list-selector.scss +10 -3
  70. package/components/DualListSelector/themes/dark/dual-list-selector.scss +9 -0
  71. package/components/EmptyState/empty-state.css +1 -1
  72. package/components/EmptyState/empty-state.scss +1 -1
  73. package/components/FormControl/form-control.css +1 -1
  74. package/components/FormControl/themes/dark/form-control.scss +1 -1
  75. package/components/InputGroup/input-group.css +1 -1
  76. package/components/InputGroup/themes/dark/input-group.scss +1 -1
  77. package/components/Label/label.css +6 -0
  78. package/components/Label/themes/dark/label.scss +6 -0
  79. package/components/Menu/menu.css +0 -1
  80. package/components/Menu/themes/dark/menu.scss +0 -1
  81. package/components/MenuToggle/menu-toggle.css +7 -5
  82. package/components/MenuToggle/menu-toggle.scss +2 -3
  83. package/components/MenuToggle/themes/dark/menu-toggle.scss +17 -14
  84. package/components/ModalBox/modal-box.css +1 -1
  85. package/components/ModalBox/modal-box.scss +1 -1
  86. package/components/Nav/nav.css +1 -1
  87. package/components/Nav/nav.scss +1 -1
  88. package/components/NotificationBadge/notification-badge.css +1 -0
  89. package/components/NotificationBadge/themes/dark/notification-badge.scss +1 -0
  90. package/components/Panel/panel.css +6 -0
  91. package/components/Panel/panel.scss +9 -0
  92. package/components/Panel/themes/dark/panel.scss +7 -0
  93. package/components/Popover/popover.css +2 -2
  94. package/components/Popover/popover.scss +1 -1
  95. package/components/Popover/themes/dark/popover.scss +1 -1
  96. package/components/ProgressStepper/progress-stepper.css +1 -0
  97. package/components/ProgressStepper/progress-stepper.scss +240 -239
  98. package/components/Tabs/tabs.css +1 -0
  99. package/components/Tabs/themes/dark/tabs.scss +1 -0
  100. package/components/TextInputGroup/text-input-group.css +8 -0
  101. package/components/TextInputGroup/text-input-group.scss +7 -0
  102. package/components/TextInputGroup/themes/dark/text-input-group.scss +11 -0
  103. package/components/Title/title.css +1 -1
  104. package/components/Title/title.scss +1 -1
  105. package/components/ToggleGroup/themes/dark/toggle-group.scss +1 -0
  106. package/components/ToggleGroup/toggle-group.css +3 -0
  107. package/components/ToggleGroup/toggle-group.scss +2 -0
  108. package/components/Wizard/themes/dark/wizard.scss +0 -2
  109. package/components/Wizard/wizard.css +3 -5
  110. package/components/Wizard/wizard.scss +3 -3
  111. package/docs/components/DualListSelector/examples/DualListSelector.md +1 -1
  112. package/docs/components/Slider/examples/Slider.md +15 -13
  113. package/docs/components/TextInputGroup/examples/TextInputGroup.css +4 -0
  114. package/docs/utilities/Text/examples/Text.md +32 -38
  115. package/package.json +3 -3
  116. package/patternfly-addons.css +10 -29
  117. package/patternfly-base-no-globals.css +65 -83
  118. package/patternfly-base.css +66 -84
  119. package/patternfly-no-globals.css +220 -133
  120. package/patternfly.css +221 -134
  121. package/patternfly.min.css +1 -1
  122. package/patternfly.min.css.map +1 -1
  123. package/sass-utilities/mixins.scss +3 -1
  124. package/sass-utilities/scss-variables.scss +6 -10
  125. package/sass-utilities/themes/dark/scss-variables.scss +7 -2
  126. package/utilities/Text/text.css +10 -29
  127. package/utilities/Text/text.scss +10 -13
  128. package/assets/fonts/RedHatFont-updated/RedHatDisplay/RedHatDisplay-updated-Black.woff2 +0 -0
  129. package/assets/fonts/RedHatFont-updated/RedHatDisplay/RedHatDisplay-updated-BlackItalic.woff2 +0 -0
  130. package/assets/fonts/RedHatFont-updated/RedHatDisplay/RedHatDisplay-updated-Bold.woff2 +0 -0
  131. package/assets/fonts/RedHatFont-updated/RedHatDisplay/RedHatDisplay-updated-BoldItalic.woff2 +0 -0
  132. package/assets/fonts/RedHatFont-updated/RedHatDisplay/RedHatDisplay-updated-Italic.woff2 +0 -0
  133. package/assets/fonts/RedHatFont-updated/RedHatDisplay/RedHatDisplay-updated-Light.woff2 +0 -0
  134. package/assets/fonts/RedHatFont-updated/RedHatDisplay/RedHatDisplay-updated-LightItalic.woff2 +0 -0
  135. package/assets/fonts/RedHatFont-updated/RedHatDisplay/RedHatDisplay-updated-Medium.woff2 +0 -0
  136. package/assets/fonts/RedHatFont-updated/RedHatDisplay/RedHatDisplay-updated-MediumItalic.woff2 +0 -0
  137. package/assets/fonts/RedHatFont-updated/RedHatDisplay/RedHatDisplay-updated-Regular.woff2 +0 -0
  138. package/assets/fonts/RedHatFont-updated/RedHatDisplay/RedHatDisplayVF-updated-Italic.woff2 +0 -0
  139. package/assets/fonts/RedHatFont-updated/RedHatDisplay/RedHatDisplayVF-updated.woff2 +0 -0
  140. package/assets/fonts/RedHatFont-updated/RedHatMono/RedHatMono-updated-Bold.woff2 +0 -0
  141. package/assets/fonts/RedHatFont-updated/RedHatMono/RedHatMono-updated-BoldItalic.woff2 +0 -0
  142. package/assets/fonts/RedHatFont-updated/RedHatMono/RedHatMono-updated-Italic.woff2 +0 -0
  143. package/assets/fonts/RedHatFont-updated/RedHatMono/RedHatMono-updated-Light.woff2 +0 -0
  144. package/assets/fonts/RedHatFont-updated/RedHatMono/RedHatMono-updated-LightItalic.woff2 +0 -0
  145. package/assets/fonts/RedHatFont-updated/RedHatMono/RedHatMono-updated-Medium.woff2 +0 -0
  146. package/assets/fonts/RedHatFont-updated/RedHatMono/RedHatMono-updated-MediumItalic.woff2 +0 -0
  147. package/assets/fonts/RedHatFont-updated/RedHatMono/RedHatMono-updated-Regular.woff2 +0 -0
  148. package/assets/fonts/RedHatFont-updated/RedHatMono/RedHatMonoVF-updated-Italic.woff2 +0 -0
  149. package/assets/fonts/RedHatFont-updated/RedHatMono/RedHatMonoVF-updated.woff2 +0 -0
  150. package/assets/fonts/RedHatFont-updated/RedHatText/RedHatText-updated-Bold.woff2 +0 -0
  151. package/assets/fonts/RedHatFont-updated/RedHatText/RedHatText-updated-BoldItalic.woff2 +0 -0
  152. package/assets/fonts/RedHatFont-updated/RedHatText/RedHatText-updated-Italic.woff2 +0 -0
  153. package/assets/fonts/RedHatFont-updated/RedHatText/RedHatText-updated-Light.woff2 +0 -0
  154. package/assets/fonts/RedHatFont-updated/RedHatText/RedHatText-updated-LightItalic.woff2 +0 -0
  155. package/assets/fonts/RedHatFont-updated/RedHatText/RedHatText-updated-Medium.woff2 +0 -0
  156. package/assets/fonts/RedHatFont-updated/RedHatText/RedHatText-updated-MediumItalic.woff2 +0 -0
  157. package/assets/fonts/RedHatFont-updated/RedHatText/RedHatText-updated-Regular.woff2 +0 -0
  158. package/assets/fonts/RedHatFont-updated/RedHatText/RedHatTextVF-updated-Italic.woff2 +0 -0
  159. package/assets/fonts/RedHatFont-updated/RedHatText/RedHatTextVF-updated.woff2 +0 -0
  160. package/assets/fonts/RedHatFont-updated/modified/RedHatDisplayVF-updated-ItalicModified.woff2 +0 -0
  161. package/assets/fonts/RedHatFont-updated/modified/RedHatDisplayVFModified-updated.woff2 +0 -0
  162. package/assets/fonts/RedHatFont-updated/modified/RedHatTextVF-updated-ItalicModified.woff2 +0 -0
  163. package/assets/fonts/RedHatFont-updated/modified/RedHatTextVFModified-updated.woff2 +0 -0
package/patternfly.css CHANGED
@@ -280,15 +280,12 @@
280
280
  --pf-v5-global--icon--FontSize--md: 1rem;
281
281
  --pf-v5-global--icon--FontSize--lg: 1.5rem;
282
282
  --pf-v5-global--icon--FontSize--xl: 3.375rem;
283
- --pf-v5-global--FontFamily--sans-serif: "RedHatText", helvetica, arial, sans-serif;
284
- --pf-v5-global--FontFamily--heading--sans-serif: "RedHatDisplay", helvetica, arial, sans-serif;
285
- --pf-v5-global--FontFamily--monospace: "Liberation Mono", consolas, "SFMono-Regular", menlo, monaco, "Courier New", monospace;
286
- --pf-v5-global--FontFamily--redhat-updated--sans-serif: "RedHatTextUpdated", helvetica, arial, sans-serif;
287
- --pf-v5-global--FontFamily--redhat-updated--heading--sans-serif: "RedHatDisplayUpdated", helvetica, arial, sans-serif;
288
- --pf-v5-global--FontFamily--redhat--monospace: "RedHatMono", "Liberation Mono", consolas, "SFMono-Regular", menlo, monaco, "Courier New", monospace;
289
- --pf-v5-global--FontFamily--redhatVF--sans-serif: "RedHatTextVF", "RedHatText", helvetica, arial, sans-serif;
290
- --pf-v5-global--FontFamily--redhatVF--heading--sans-serif: "RedHatDisplayVF", "RedHatDisplay", helvetica, arial, sans-serif;
291
- --pf-v5-global--FontFamily--redhatVF--monospace: "RedHatMonoVF", "RedHatMono", "Liberation Mono", consolas, "SFMono-Regular", menlo, monaco, "Courier New", monospace;
283
+ --pf-v5-global--FontFamily--text: "RedHatText", helvetica, arial, sans-serif;
284
+ --pf-v5-global--FontFamily--heading: "RedHatDisplay", helvetica, arial, sans-serif;
285
+ --pf-v5-global--FontFamily--monospace: "RedHatMono", "Liberation Mono", consolas, "SFMono-Regular", menlo, monaco, "Courier New", monospace;
286
+ --pf-v5-global--FontFamily--text--vf: "RedHatTextVF", "RedHatText", helvetica, arial, sans-serif;
287
+ --pf-v5-global--FontFamily--heading--vf: "RedHatDisplayVF", "RedHatDisplay", helvetica, arial, sans-serif;
288
+ --pf-v5-global--FontFamily--monospace--vf: "RedHatMonoVF", "RedHatMono", "Liberation Mono", consolas, "SFMono-Regular", menlo, monaco, "Courier New", monospace;
292
289
  --pf-v5-global--FontSize--4xl: 2.25rem;
293
290
  --pf-v5-global--FontSize--3xl: 1.75rem;
294
291
  --pf-v5-global--FontSize--2xl: 1.5rem;
@@ -297,7 +294,6 @@
297
294
  --pf-v5-global--FontSize--md: 1rem;
298
295
  --pf-v5-global--FontSize--sm: 0.875rem;
299
296
  --pf-v5-global--FontSize--xs: 0.75rem;
300
- --pf-v5-global--FontWeight--light: 300;
301
297
  --pf-v5-global--FontWeight--normal: 400;
302
298
  --pf-v5-global--FontWeight--bold: 700;
303
299
  --pf-v5-global--LineHeight--sm: 1.3;
@@ -312,19 +308,10 @@
312
308
  --pf-v5-global--target-size--MinHeight: 44px;
313
309
  }
314
310
 
315
- .pf-v5-m-redhat-updated-font {
316
- --pf-v5-global--FontFamily--sans-serif: var(--pf-v5-global--FontFamily--redhat-updated--sans-serif);
317
- --pf-v5-global--FontFamily--heading--sans-serif: var(--pf-v5-global--FontFamily--redhat-updated--heading--sans-serif);
318
- }
319
-
320
- .pf-v5-m-redhatmono-font {
321
- --pf-v5-global--FontFamily--monospace: var(--pf-v5-global--FontFamily--redhat--monospace);
322
- }
323
-
324
- .pf-v5-m-redhatVF-font {
325
- --pf-v5-global--FontFamily--sans-serif: var(--pf-v5-global--FontFamily--redhatVF--sans-serif);
326
- --pf-v5-global--FontFamily--heading--sans-serif: var(--pf-v5-global--FontFamily--redhatVF--heading--sans-serif);
327
- --pf-v5-global--FontFamily--monospace: var(--pf-v5-global--FontFamily--redhatVF--monospace);
311
+ .pf-m-vf-font {
312
+ --pf-v5-global--FontFamily--text: var(--pf-v5-global--FontFamily--text--vf);
313
+ --pf-v5-global--FontFamily--heading: var(--pf-v5-global--FontFamily--heading--vf);
314
+ --pf-v5-global--FontFamily--monospace: var(--pf-v5-global--FontFamily--monospace--vf);
328
315
  }
329
316
 
330
317
  :where(.pf-v5-theme-dark) .pf-v5-c-wizard__header, :where(.pf-v5-theme-dark) .pf-v5-c-page__sidebar-body.pf-m-menu .pf-v5-c-context-selector,
@@ -368,6 +355,8 @@
368
355
  --pf-v5-global--active-color--100: #1fa7f8;
369
356
  --pf-v5-global--primary-color--100: #1fa7f8;
370
357
  --pf-v5-global--primary-color--300: #06c;
358
+ --pf-v5-global--primary-color--400: #fff;
359
+ --pf-v5-global--custom-color--200: #73c5c5;
371
360
  --pf-v5-global--success-color--100: #5ba352;
372
361
  --pf-v5-global--warning-color--100: #f0ab00;
373
362
  --pf-v5-global--warning-color--200: #f4c145;
@@ -376,7 +365,7 @@
376
365
  --pf-v5-global--link--Color: #1fa7f8;
377
366
  --pf-v5-global--link--Color--hover: #73bcf7;
378
367
  --pf-v5-global--link--Color--visited: #a18fff;
379
- --pf-v5-global--disabled-color--100: #57585a;
368
+ --pf-v5-global--disabled-color--100: #868789;
380
369
  --pf-v5-global--disabled-color--200: #444548;
381
370
  --pf-v5-global--disabled-color--300: #aaabac;
382
371
  --pf-v5-global--icon--Color--light: #aaabac;
@@ -425,122 +414,115 @@
425
414
  }
426
415
 
427
416
  @font-face {
428
- font-family: "RedHatDisplay";
417
+ font-family: RedHatDisplay;
429
418
  font-style: normal;
430
- font-weight: 300;
431
- src: url("./assets/fonts/RedHatDisplay/RedHatDisplay-Regular.woff2") format("woff2");
432
- text-rendering: optimizelegibility;
419
+ font-weight: 400;
420
+ src: url("./assets/fonts/RedHatDisplay/RedHatDisplay-Medium.woff2") format("woff2");
421
+ font-display: fallback;
433
422
  }
434
423
  @font-face {
435
- font-family: "RedHatDisplay";
436
- font-style: normal;
424
+ font-family: RedHatDisplay;
425
+ font-style: italic;
437
426
  font-weight: 400;
438
- src: url("./assets/fonts/RedHatDisplay/RedHatDisplay-Medium.woff2") format("woff2");
439
- text-rendering: optimizelegibility;
427
+ src: url("./assets/fonts/RedHatDisplay/RedHatDisplay-MediumItalic.woff2") format("woff2");
428
+ font-display: fallback;
440
429
  }
441
430
  @font-face {
442
- font-family: "RedHatDisplay";
431
+ font-family: RedHatDisplay;
443
432
  font-style: normal;
444
433
  font-weight: 700;
445
434
  src: url("./assets/fonts/RedHatDisplay/RedHatDisplay-Bold.woff2") format("woff2");
446
- text-rendering: optimizelegibility;
447
- }
448
- @font-face {
449
- font-family: "RedHatText";
450
- font-style: normal;
451
- font-weight: 400;
452
- src: url("./assets/fonts/RedHatText/RedHatText-Regular.woff2") format("woff2");
453
- text-rendering: optimizelegibility;
435
+ font-display: fallback;
454
436
  }
455
437
  @font-face {
456
- font-family: "RedHatText";
438
+ font-family: RedHatDisplay;
457
439
  font-style: normal;
458
440
  font-weight: 700;
459
- src: url("./assets/fonts/RedHatText/RedHatText-Medium.woff2") format("woff2");
460
- text-rendering: optimizelegibility;
441
+ src: url("./assets/fonts/RedHatDisplay/RedHatDisplay-BoldItalic.woff2") format("woff2");
442
+ font-display: fallback;
461
443
  }
462
444
  @font-face {
463
- font-family: "RedHatDisplayUpdated";
445
+ font-family: RedHatText;
464
446
  font-style: normal;
465
- font-weight: 300;
466
- src: url("./assets/fonts/RedHatFont-updated/RedHatDisplay/RedHatDisplay-updated-Regular.woff2") format("woff2");
467
- text-rendering: optimizelegibility;
447
+ font-weight: 400;
448
+ src: url("./assets/fonts/RedHatText/RedHatText-Regular.woff2") format("woff2");
449
+ font-display: fallback;
468
450
  }
469
451
  @font-face {
470
- font-family: "RedHatDisplayUpdated";
471
- font-style: normal;
452
+ font-family: RedHatText;
453
+ font-style: italic;
472
454
  font-weight: 400;
473
- src: url("./assets/fonts/RedHatFont-updated/RedHatDisplay/RedHatDisplay-updated-Medium.woff2") format("woff2");
474
- text-rendering: optimizelegibility;
455
+ src: url("./assets/fonts/RedHatText/RedHatText-Italic.woff2") format("woff2");
456
+ font-display: fallback;
475
457
  }
476
458
  @font-face {
477
- font-family: "RedHatDisplayUpdated";
459
+ font-family: RedHatText;
478
460
  font-style: normal;
479
461
  font-weight: 700;
480
- src: url("./assets/fonts/RedHatFont-updated/RedHatDisplay/RedHatDisplay-updated-Bold.woff2") format("woff2");
481
- text-rendering: optimizelegibility;
462
+ src: url("./assets/fonts/RedHatText/RedHatText-Medium.woff2") format("woff2");
463
+ font-display: fallback;
482
464
  }
483
465
  @font-face {
484
- font-family: "RedHatTextUpdated";
485
- font-style: normal;
486
- font-weight: 400;
487
- src: url("./assets/fonts/RedHatFont-updated/RedHatText/RedHatText-updated-Regular.woff2") format("woff2");
488
- text-rendering: optimizelegibility;
466
+ font-family: RedHatText;
467
+ font-style: italic;
468
+ font-weight: 700;
469
+ src: url("./assets/fonts/RedHatText/RedHatText-MediumItalic.woff2") format("woff2");
470
+ font-display: fallback;
489
471
  }
490
472
  @font-face {
491
- font-family: "RedHatTextUpdated";
473
+ font-family: RedHatMono;
492
474
  font-style: normal;
493
- font-weight: 700;
494
- src: url("./assets/fonts/RedHatFont-updated/RedHatText/RedHatText-updated-Medium.woff2") format("woff2");
495
- text-rendering: optimizelegibility;
475
+ font-weight: 400;
476
+ src: url("./assets/fonts/RedHatMono/RedHatMono-Regular.woff2") format("woff2");
477
+ font-display: fallback;
496
478
  }
497
479
  @font-face {
498
- font-family: "RedHatMono";
499
- font-style: normal;
480
+ font-family: RedHatMono;
481
+ font-style: italic;
500
482
  font-weight: 400;
501
- src: url("./assets/fonts/RedHatFont-updated/RedHatMono/RedHatMono-updated-Regular.woff2") format("woff2");
483
+ src: url("./assets/fonts/RedHatMono/RedHatMono-Italic.woff2") format("woff2");
502
484
  font-display: fallback;
503
485
  }
504
486
  @font-face {
505
- font-family: "RedHatDisplayVF";
487
+ font-family: RedHatDisplayVF;
506
488
  font-style: normal;
507
- font-weight: 300 900;
508
- src: url("./assets/fonts/RedHatFont-updated/modified/RedHatDisplayVFModified-updated.woff2") format("woff2-variations");
489
+ font-weight: 400 700;
490
+ src: url("./assets/fonts/RedHatDisplay/RedHatDisplayVF.woff2") format("woff2-variations");
509
491
  font-display: fallback;
510
492
  }
511
493
  @font-face {
512
- font-family: "RedHatDisplayVF";
494
+ font-family: RedHatDisplayVF;
513
495
  font-style: italic;
514
- font-weight: 300 900;
515
- src: url("./assets/fonts/RedHatFont-updated/modified/RedHatDisplayVF-updated-ItalicModified.woff2") format("woff2-variations");
496
+ font-weight: 400 700;
497
+ src: url("./assets/fonts/RedHatDisplay/RedHatDisplayVF-Italic.woff2") format("woff2-variations");
516
498
  font-display: fallback;
517
499
  }
518
500
  @font-face {
519
- font-family: "RedHatTextVF";
501
+ font-family: RedHatTextVF;
520
502
  font-style: normal;
521
503
  font-weight: 400 500;
522
- src: url("./assets/fonts/RedHatFont-updated/modified/RedHatTextVFModified-updated.woff2") format("woff2-variations");
504
+ src: url("./assets/fonts/RedHatText/RedHatTextVF.woff2") format("woff2-variations");
523
505
  font-display: fallback;
524
506
  }
525
507
  @font-face {
526
- font-family: "RedHatTextVF";
508
+ font-family: RedHatTextVF;
527
509
  font-style: italic;
528
510
  font-weight: 400 500;
529
- src: url("./assets/fonts/RedHatFont-updated/modified/RedHatTextVF-updated-ItalicModified.woff2") format("woff2-variations");
511
+ src: url("./assets/fonts/RedHatText/RedHatTextVF-Italic.woff2") format("woff2-variations");
530
512
  font-display: fallback;
531
513
  }
532
514
  @font-face {
533
- font-family: "RedHatMonoVF";
515
+ font-family: RedHatMonoVF;
534
516
  font-style: normal;
535
- font-weight: 300 700;
536
- src: url("./assets/fonts/RedHatFont-updated/RedHatMono/RedHatMonoVF-updated.woff2") format("woff2-variations");
517
+ font-weight: 400;
518
+ src: url("./assets/fonts/RedHatMono/RedHatMonoVF.woff2") format("woff2-variations");
537
519
  font-display: fallback;
538
520
  }
539
521
  @font-face {
540
- font-family: "RedHatMonoVF";
522
+ font-family: RedHatMonoVF;
541
523
  font-style: italic;
542
- font-weight: 300 700;
543
- src: url("./assets/fonts/RedHatFont-updated/RedHatMono/RedHatMonoVF-updated-Italic.woff2") format("woff2-variations");
524
+ font-weight: 400;
525
+ src: url("./assets/fonts/RedHatMono/RedHatMonoVF-Italic.woff2") format("woff2-variations");
544
526
  font-display: fallback;
545
527
  }
546
528
  .pf-v5-screen-reader {
@@ -603,7 +585,7 @@ body) {
603
585
  }
604
586
 
605
587
  :where(body) {
606
- font-family: var(--pf-v5-global--FontFamily--sans-serif);
588
+ font-family: var(--pf-v5-global--FontFamily--text);
607
589
  font-size: var(--pf-v5-global--FontSize--md);
608
590
  font-weight: var(--pf-v5-global--FontWeight--normal);
609
591
  line-height: var(--pf-v5-global--LineHeight--md);
@@ -5694,7 +5676,7 @@ button) {
5694
5676
  --pf-v5-c-accordion--m-display-lg__toggle--PaddingRight: var(--pf-v5-global--spacer--md);
5695
5677
  --pf-v5-c-accordion--m-display-lg__toggle--PaddingBottom: var(--pf-v5-global--spacer--md);
5696
5678
  --pf-v5-c-accordion--m-display-lg__toggle--PaddingLeft: var(--pf-v5-global--spacer--lg);
5697
- --pf-v5-c-accordion--m-display-lg__toggle--FontFamily: var(--pf-v5-global--FontFamily--heading--sans-serif);
5679
+ --pf-v5-c-accordion--m-display-lg__toggle--FontFamily: var(--pf-v5-global--FontFamily--heading);
5698
5680
  --pf-v5-c-accordion--m-display-lg__toggle--FontSize: var(--pf-v5-global--FontSize--xl);
5699
5681
  --pf-v5-c-accordion--m-display-lg__toggle--hover__toggle-text--Color: var(--pf-v5-global--Color--100);
5700
5682
  --pf-v5-c-accordion--m-display-lg__toggle--active__toggle-text--Color: var(--pf-v5-global--Color--100);
@@ -6126,17 +6108,17 @@ button) {
6126
6108
  }
6127
6109
 
6128
6110
  :where(.pf-v5-theme-dark) .pf-v5-c-alert {
6129
- --pf-v5-c-alert--BackgroundColor: var(--pf-v5-global--palette--black-600);
6130
- --pf-v5-c-alert__title--Color: var(--pf-v5-global--custom-color--200);
6111
+ --pf-v5-c-alert--BackgroundColor: var(--pf-v5-global--BackgroundColor--300);
6112
+ --pf-v5-c-alert--m-custom__title--Color: var(--pf-v5-global--custom-color--200);
6131
6113
  --pf-v5-c-alert--m-success__title--Color: var(--pf-v5-global--success-color--100);
6132
6114
  --pf-v5-c-alert--m-danger__title--Color: var(--pf-v5-global--danger-color--100);
6133
6115
  --pf-v5-c-alert--m-warning__title--Color: var(--pf-v5-global--warning-color--100);
6134
6116
  --pf-v5-c-alert--m-info__title--Color: var(--pf-v5-global--info-color--100);
6135
- --pf-v5-c-alert--m-inline--BackgroundColor: var(--pf-v5-global--palette--black-600);
6136
- --pf-v5-c-alert--m-inline--m-success--BackgroundColor: var(--pf-v5-global--palette--black-600);
6137
- --pf-v5-c-alert--m-inline--m-danger--BackgroundColor: var(--pf-v5-global--palette--black-600);
6138
- --pf-v5-c-alert--m-inline--m-warning--BackgroundColor: var(--pf-v5-global--palette--black-600);
6139
- --pf-v5-c-alert--m-inline--m-info--BackgroundColor: var(--pf-v5-global--palette--black-600);
6117
+ --pf-v5-c-alert--m-inline--m-custom--BackgroundColor: var(--pf-v5-global--BackgroundColor--300);
6118
+ --pf-v5-c-alert--m-inline--m-success--BackgroundColor: var(--pf-v5-global--BackgroundColor--300);
6119
+ --pf-v5-c-alert--m-inline--m-danger--BackgroundColor: var(--pf-v5-global--BackgroundColor--300);
6120
+ --pf-v5-c-alert--m-inline--m-warning--BackgroundColor: var(--pf-v5-global--BackgroundColor--300);
6121
+ --pf-v5-c-alert--m-inline--m-info--BackgroundColor: var(--pf-v5-global--BackgroundColor--300);
6140
6122
  }
6141
6123
 
6142
6124
  .pf-v5-c-alert-group {
@@ -6344,6 +6326,7 @@ button) {
6344
6326
  font-weight: var(--pf-v5-c-app-launcher__menu-item--FontWeight);
6345
6327
  color: var(--pf-v5-c-app-launcher__menu-item--Color);
6346
6328
  white-space: nowrap;
6329
+ background: none;
6347
6330
  border: 0;
6348
6331
  }
6349
6332
  .pf-v5-c-app-launcher__menu-item:hover, .pf-v5-c-app-launcher__menu-item:focus {
@@ -6807,6 +6790,7 @@ button) {
6807
6790
 
6808
6791
  :where(.pf-v5-theme-dark) .pf-v5-c-badge {
6809
6792
  --pf-v5-c-badge--m-read--BackgroundColor: var(--pf-v5-global--palette--black-500);
6793
+ --pf-v5-c-badge--m-unread--Color: var(--pf-v5-global--primary-color--400);
6810
6794
  --pf-v5-c-badge--m-unread--BackgroundColor: var(--pf-v5-global--primary-color--300);
6811
6795
  }
6812
6796
 
@@ -6827,9 +6811,9 @@ button) {
6827
6811
  --pf-v5-c-banner--link--disabled--Color: var(--pf-v5-c-banner--Color);
6828
6812
  --pf-v5-c-banner--link--disabled--TextDecoration: none;
6829
6813
  --pf-v5-c-banner--m-blue--BackgroundColor: var(--pf-v5-global--palette--blue-200);
6830
- --pf-v5-c-banner--m-red--BackgroundColor: var(--pf-v5-global--palette--red-100);
6831
- --pf-v5-c-banner--m-green--BackgroundColor: var(--pf-v5-global--palette--green-500);
6832
- --pf-v5-c-banner--m-gold--BackgroundColor: var(--pf-v5-global--palette--gold-400);
6814
+ --pf-v5-c-banner--m-red--BackgroundColor: var(--pf-v5-global--danger-color--100);
6815
+ --pf-v5-c-banner--m-green--BackgroundColor: var(--pf-v5-global--success-color--100);
6816
+ --pf-v5-c-banner--m-gold--BackgroundColor: var(--pf-v5-global--warning-color--100);
6833
6817
  --pf-v5-c-banner--m-sticky--ZIndex: var(--pf-v5-global--ZIndex--md);
6834
6818
  --pf-v5-c-banner--m-sticky--BoxShadow: var(--pf-v5-global--BoxShadow--md-bottom);
6835
6819
  color: var(--pf-v5-global--Color--100);
@@ -6850,7 +6834,6 @@ button) {
6850
6834
  }
6851
6835
  }
6852
6836
  .pf-v5-c-banner.pf-m-blue {
6853
- color: var(--pf-v5-global--Color--100);
6854
6837
  --pf-v5-c-banner--BackgroundColor: var(--pf-v5-c-banner--m-blue--BackgroundColor);
6855
6838
  }
6856
6839
  .pf-v5-c-banner.pf-m-red {
@@ -6860,7 +6843,6 @@ button) {
6860
6843
  --pf-v5-c-banner--BackgroundColor: var(--pf-v5-c-banner--m-green--BackgroundColor);
6861
6844
  }
6862
6845
  .pf-v5-c-banner.pf-m-gold {
6863
- color: var(--pf-v5-global--Color--100);
6864
6846
  --pf-v5-c-banner--BackgroundColor: var(--pf-v5-c-banner--m-gold--BackgroundColor);
6865
6847
  }
6866
6848
  .pf-v5-c-banner.pf-m-sticky {
@@ -6911,10 +6893,10 @@ button) {
6911
6893
  }
6912
6894
 
6913
6895
  :where(.pf-v5-theme-dark) .pf-v5-c-banner {
6914
- color: var(--pf-v5-global--Color--100);
6896
+ color: var(false);
6915
6897
  }
6916
- :where(.pf-v5-theme-dark) .pf-v5-c-banner.pf-m-info, :where(.pf-v5-theme-dark) .pf-v5-c-banner.pf-m-blue, :where(.pf-v5-theme-dark) .pf-v5-c-banner.pf-m-danger, :where(.pf-v5-theme-dark) .pf-v5-c-banner.pf-m-red, :where(.pf-v5-theme-dark) .pf-v5-c-banner.pf-m-success, :where(.pf-v5-theme-dark) .pf-v5-c-banner.pf-m-green, :where(.pf-v5-theme-dark) .pf-v5-c-banner.pf-m-warning, :where(.pf-v5-theme-dark) .pf-v5-c-banner.pf-m-gold {
6917
- color: var(--pf-v5-global--palette--black-900);
6898
+ :where(.pf-v5-theme-dark) .pf-v5-c-banner.pf-m-blue, :where(.pf-v5-theme-dark) .pf-v5-c-banner.pf-m-red, :where(.pf-v5-theme-dark) .pf-v5-c-banner.pf-m-green, :where(.pf-v5-theme-dark) .pf-v5-c-banner.pf-m-gold {
6899
+ --pf-v5-c-banner--Color: var(--pf-v5-global--palette--black-900);
6918
6900
  }
6919
6901
 
6920
6902
  .pf-v5-c-brand {
@@ -7161,6 +7143,7 @@ button.pf-v5-c-breadcrumb__link {
7161
7143
  --pf-v5-c-button--m-link--active--BackgroundColor: transparent;
7162
7144
  --pf-v5-c-button--m-link--active--Color: var(--pf-v5-global--link--Color--hover);
7163
7145
  --pf-v5-c-button--m-link--disabled--BackgroundColor: transparent;
7146
+ --pf-v5-c-button--m-link--disabled--Color: var(--pf-v5-global--disabled-color--100);
7164
7147
  --pf-v5-c-button--m-link--m-inline--FontSize: inherit;
7165
7148
  --pf-v5-c-button--m-link--m-inline--hover--TextDecoration: var(--pf-v5-global--link--TextDecoration--hover);
7166
7149
  --pf-v5-c-button--m-link--m-inline--hover--Color: var(--pf-v5-global--link--Color--hover);
@@ -7351,6 +7334,7 @@ button.pf-v5-c-breadcrumb__link {
7351
7334
  }
7352
7335
  .pf-v5-c-button.pf-m-link {
7353
7336
  --pf-v5-c-button--disabled--BackgroundColor: var(--pf-v5-c-button--m-link--disabled--BackgroundColor);
7337
+ --pf-v5-c-button--disabled--Color: var(--pf-v5-c-button--m-link--disabled--Color);
7354
7338
  color: var(--pf-v5-c-button--m-link--Color);
7355
7339
  background-color: var(--pf-v5-c-button--m-link--BackgroundColor);
7356
7340
  }
@@ -7592,6 +7576,7 @@ button.pf-v5-c-breadcrumb__link {
7592
7576
  :where(.pf-v5-theme-dark) .pf-v5-c-button {
7593
7577
  --pf-v5-c-button--disabled--Color: var(--pf-v5-global--disabled-color--300);
7594
7578
  --pf-v5-c-button--m-primary--BackgroundColor: var(--pf-v5-global--primary-color--300);
7579
+ --pf-v5-c-button--m-primary--Color: var(--pf-v5-global--primary-color--400);
7595
7580
  --pf-v5-c-button--m-tertiary--after--BorderColor: var(--pf-v5-global--BorderColor--100);
7596
7581
  --pf-v5-c-button--m-tertiary--Color: var(--pf-v5-global--palette--black-100);
7597
7582
  --pf-v5-c-button--m-tertiary--hover--after--BorderColor: var(--pf-v5-global--BorderColor--100);
@@ -7611,6 +7596,7 @@ button.pf-v5-c-breadcrumb__link {
7611
7596
  --pf-v5-c-button--m-danger--hover--Color: var(--pf-v5-global--palette--black-900);
7612
7597
  --pf-v5-c-button--m-danger--focus--Color: var(--pf-v5-global--palette--black-900);
7613
7598
  --pf-v5-c-button--m-danger--active--Color: var(--pf-v5-global--palette--black-900);
7599
+ --pf-v5-c-button--m-link--disabled--Color: var(--pf-v5-global--disabled-color--100);
7614
7600
  --pf-v5-c-button--m-control--BackgroundColor: var(--pf-v5-global--BackgroundColor--400);
7615
7601
  --pf-v5-c-button--m-control--hover--BackgroundColor: var(--pf-v5-global--BackgroundColor--400);
7616
7602
  --pf-v5-c-button--m-control--active--BackgroundColor: var(--pf-v5-global--BackgroundColor--400);
@@ -7633,7 +7619,6 @@ button.pf-v5-c-breadcrumb__link {
7633
7619
  }
7634
7620
 
7635
7621
  .pf-v5-c-calendar-month {
7636
- --pf-v5-c-calendar-month--BackgroundColor: var(--pf-v5-global--BackgroundColor--100);
7637
7622
  --pf-v5-c-calendar-month--PaddingTop: var(--pf-v5-global--spacer--lg);
7638
7623
  --pf-v5-c-calendar-month--PaddingRight: var(--pf-v5-global--spacer--lg);
7639
7624
  --pf-v5-c-calendar-month--PaddingBottom: var(--pf-v5-global--spacer--md);
@@ -7673,7 +7658,7 @@ button.pf-v5-c-breadcrumb__link {
7673
7658
  --pf-v5-c-calendar-month__dates-cell--m-in-range--m-end-range--before--Right: 50%;
7674
7659
  --pf-v5-c-calendar-month__dates-cell--m-in-range__date--hover--BackgroundColor: var(--pf-v5-global--palette--blue-100);
7675
7660
  --pf-v5-c-calendar-month__dates-cell--m-in-range__date--focus--BackgroundColor: var(--pf-v5-global--palette--blue-100);
7676
- --pf-v5-c-calendar-month__dates-cell--m-adjacent-month__date--Color: var(--pf-v5-global--disabled-color--100);
7661
+ --pf-v5-c-calendar-month__dates-cell--m-adjacent-month__date--Color: var(--pf-v5-global--Color--200);
7677
7662
  --pf-v5-c-calendar-month__date--Width: 4ch;
7678
7663
  --pf-v5-c-calendar-month__date--Height: 4ch;
7679
7664
  --pf-v5-c-calendar-month__date--BorderRadius: var(--pf-v5-global--BorderRadius--lg);
@@ -7691,7 +7676,6 @@ button.pf-v5-c-breadcrumb__link {
7691
7676
  flex-direction: column;
7692
7677
  padding: var(--pf-v5-c-calendar-month--PaddingTop) var(--pf-v5-c-calendar-month--PaddingRight) var(--pf-v5-c-calendar-month--PaddingBottom) var(--pf-v5-c-calendar-month--PaddingLeft);
7693
7678
  font-size: var(--pf-v5-c-calendar-month--FontSize);
7694
- background-color: var(--pf-v5-c-calendar-month--BackgroundColor);
7695
7679
  }
7696
7680
 
7697
7681
  .pf-v5-c-calendar-month__header {
@@ -7838,6 +7822,7 @@ button.pf-v5-c-breadcrumb__link {
7838
7822
  :where(.pf-v5-theme-dark) .pf-v5-c-calendar-month {
7839
7823
  --pf-v5-c-calendar-month__dates-cell--m-current__date--BackgroundColor: var(--pf-v5-global--palette--black-500);
7840
7824
  --pf-v5-c-calendar-month__dates-cell--m-selected__date--BackgroundColor: var(--pf-v5-global--primary-color--300);
7825
+ --pf-v5-c-calendar-month__dates-cell--m-selected__date--Color: var(--pf-v5-global--primary-color--400);
7841
7826
  --pf-v5-c-calendar-month__dates-cell--m-selected__date--hover--BackgroundColor: var(--pf-v5-global--palette--black-900);
7842
7827
  --pf-v5-c-calendar-month__dates-cell--m-selected__date--focus--BackgroundColor: var(--pf-v5-global--palette--blue-400);
7843
7828
  --pf-v5-c-calendar-month__dates-cell--m-in-range--before--BackgroundColor: var(--pf-v5-global--BackgroundColor--200);
@@ -7855,6 +7840,7 @@ button.pf-v5-c-breadcrumb__link {
7855
7840
  --pf-v5-c-calendar-month__date--after--BorderColor: var(--pf-v5-global--active-color--100);
7856
7841
  --pf-v5-c-calendar-month__date--after--BorderWidth: var(--pf-v5-global--BorderWidth--sm);
7857
7842
  --pf-v5-c-calendar-month__date--BackgroundColor: var(--pf-v5-global--primary-color--300);
7843
+ --pf-v5-c-calendar-month__date--Color: var(--pf-v5-global--primary-color--400);
7858
7844
  }
7859
7845
 
7860
7846
  .pf-v5-c-card {
@@ -7866,7 +7852,7 @@ button.pf-v5-c-breadcrumb__link {
7866
7852
  --pf-v5-c-card--child--PaddingLeft: var(--pf-v5-global--spacer--lg);
7867
7853
  --pf-v5-c-card--c-divider--child--PaddingTop: var(--pf-v5-global--spacer--lg);
7868
7854
  --pf-v5-c-card__title--not--last-child--PaddingBottom: var(--pf-v5-global--spacer--md);
7869
- --pf-v5-c-card__title-text--FontFamily: var(--pf-v5-global--FontFamily--heading--sans-serif);
7855
+ --pf-v5-c-card__title-text--FontFamily: var(--pf-v5-global--FontFamily--heading);
7870
7856
  --pf-v5-c-card__title-text--FontSize: var(--pf-v5-global--FontSize--md);
7871
7857
  --pf-v5-c-card__title-text--FontWeight: var(--pf-v5-global--FontWeight--normal);
7872
7858
  --pf-v5-c-card__title-text--LineHeight: var(--pf-v5-global--LineHeight--md);
@@ -8852,7 +8838,7 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
8852
8838
  --pf-v5-c-content--FontSize: var(--pf-v5-global--FontSize--md);
8853
8839
  --pf-v5-c-content--FontWeight: var(--pf-v5-global--FontWeight--normal);
8854
8840
  --pf-v5-c-content--Color: var(--pf-v5-global--Color--100);
8855
- --pf-v5-c-content--heading--FontFamily: var(--pf-v5-global--FontFamily--heading--sans-serif);
8841
+ --pf-v5-c-content--heading--FontFamily: var(--pf-v5-global--FontFamily--heading);
8856
8842
  --pf-v5-c-content--h1--MarginTop: var(--pf-v5-global--spacer--lg);
8857
8843
  --pf-v5-c-content--h1--MarginBottom: var(--pf-v5-global--spacer--sm);
8858
8844
  --pf-v5-c-content--h1--LineHeight: var(--pf-v5-global--LineHeight--sm);
@@ -10633,15 +10619,17 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
10633
10619
  }
10634
10620
 
10635
10621
  .pf-v5-c-droppable {
10636
- --pf-v5-c-droppable--m-dragging--after--BackgroundColor: rgba(255, 255, 255, 0.6);
10622
+ --pf-v5-c-droppable--before--BackgroundColor: transparent;
10623
+ --pf-v5-c-droppable--before--Opacity: 0;
10624
+ --pf-v5-c-droppable--after--BorderWidth: 0;
10625
+ --pf-v5-c-droppable--after--BorderColor: transparent;
10626
+ --pf-v5-c-droppable--m-dragging--before--BackgroundColor: var(--pf-v5-global--palette--white);
10627
+ --pf-v5-c-droppable--m-dragging--before--Opacity: .6;
10637
10628
  --pf-v5-c-droppable--m-dragging--after--BorderWidth: var(--pf-v5-global--BorderWidth--sm);
10638
10629
  --pf-v5-c-droppable--m-dragging--after--BorderColor: var(--pf-v5-global--active-color--100);
10639
10630
  --pf-v5-c-droppable--m-drag-outside--after--BorderColor: var(--pf-v5-global--danger-color--100);
10640
10631
  }
10641
- .pf-v5-c-droppable.pf-m-dragging {
10642
- position: relative;
10643
- }
10644
- .pf-v5-c-droppable.pf-m-dragging::after {
10632
+ .pf-v5-c-droppable::before, .pf-v5-c-droppable::after {
10645
10633
  position: absolute;
10646
10634
  top: 0;
10647
10635
  right: 0;
@@ -10650,14 +10638,41 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
10650
10638
  pointer-events: none;
10651
10639
  content: "";
10652
10640
  }
10641
+ .pf-v5-c-droppable::before {
10642
+ background-color: var(--pf-v5-c-droppable--before--BackgroundColor);
10643
+ opacity: var(--pf-v5-c-droppable--before--Opacity);
10644
+ }
10653
10645
  .pf-v5-c-droppable::after {
10654
- background-color: var(--pf-v5-c-droppable--m-dragging--after--BackgroundColor);
10655
- border: var(--pf-v5-c-droppable--m-dragging--after--BorderWidth) solid var(--pf-v5-c-droppable--m-dragging--after--BorderColor);
10646
+ border: var(--pf-v5-c-droppable--after--BorderWidth, 0) solid var(--pf-v5-c-droppable--after--BorderColor, transparent);
10647
+ }
10648
+ .pf-v5-c-droppable.pf-m-dragging {
10649
+ --pf-v5-c-droppable--before--BackgroundColor: var(--pf-v5-c-droppable--m-dragging--before--BackgroundColor);
10650
+ --pf-v5-c-droppable--before--Opacity: var(--pf-v5-c-droppable--m-dragging--before--Opacity);
10651
+ --pf-v5-c-droppable--after--BorderWidth: var(--pf-v5-c-droppable--m-dragging--after--BorderWidth);
10652
+ --pf-v5-c-droppable--after--BorderColor: var(--pf-v5-c-droppable--m-dragging--after--BorderColor);
10653
+ position: relative;
10656
10654
  }
10657
10655
  .pf-v5-c-droppable.pf-m-drag-outside {
10658
10656
  --pf-v5-c-droppable--m-dragging--after--BorderColor: var(--pf-v5-c-droppable--m-drag-outside--after--BorderColor);
10659
10657
  }
10660
10658
 
10659
+ :where(.pf-v5-theme-dark) .pf-v5-c-wizard__header, :where(.pf-v5-theme-dark) .pf-v5-c-page__sidebar-body.pf-m-menu .pf-v5-c-context-selector,
10660
+ :where(.pf-v5-theme-dark) .pf-v5-c-page__main-section[class*=pf-m-dark-],
10661
+ :where(.pf-v5-theme-dark) .pf-v5-c-page__header, :where(.pf-v5-theme-dark) .pf-v5-c-masthead, :where(.pf-v5-theme-dark) .pf-v5-c-login__header,
10662
+ :where(.pf-v5-theme-dark) .pf-v5-c-login__footer, :where(.pf-v5-theme-dark) .pf-v5-c-log-viewer.pf-m-dark .pf-v5-c-log-viewer__main, :where(.pf-v5-theme-dark) .pf-v5-c-about-modal-box, :where(.pf-v5-theme-dark) .pf-v5-c-banner {
10663
+ --pf-v5-global--Color--100: #e0e0e0;
10664
+ --pf-v5-global--Color--200: #aaabac;
10665
+ --pf-v5-global--BorderColor--100: #444548;
10666
+ --pf-v5-global--primary-color--100: #1fa7f8;
10667
+ --pf-v5-global--link--Color: #1fa7f8;
10668
+ --pf-v5-global--link--Color--hover: #73bcf7;
10669
+ --pf-v5-global--BackgroundColor--100: #1b1d21;
10670
+ }
10671
+
10672
+ :where(.pf-v5-theme-dark) .pf-v5-c-droppable {
10673
+ --pf-v5-c-droppable--m-dragging--before--Opacity: .2;
10674
+ }
10675
+
10661
10676
  .pf-v5-c-dual-list-selector {
10662
10677
  --pf-v5-c-dual-list-selector__header--GridArea: pane-header;
10663
10678
  --pf-v5-c-dual-list-selector__tools--GridArea: pane-tools;
@@ -10680,9 +10695,9 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
10680
10695
  --pf-v5-c-dual-list-selector__menu--MaxHeight: 20rem;
10681
10696
  --pf-v5-c-dual-list-selector__list-item-row--FontSize: var(--pf-v5-global--FontSize--sm);
10682
10697
  --pf-v5-c-dual-list-selector__list-item-row--BackgroundColor: transparent;
10683
- --pf-v5-c-dual-list-selector__list-item-row--hover--BackgroundColor: var(--pf-v5-global--BackgroundColor--light-300);
10684
- --pf-v5-c-dual-list-selector__list-item-row--focus-within--BackgroundColor: var(--pf-v5-global--BackgroundColor--light-300);
10685
- --pf-v5-c-dual-list-selector__list-item-row--m-selected--BackgroundColor: var(--pf-v5-global--BackgroundColor--light-300);
10698
+ --pf-v5-c-dual-list-selector__list-item-row--hover--BackgroundColor: var(--pf-v5-global--BackgroundColor--200);
10699
+ --pf-v5-c-dual-list-selector__list-item-row--focus-within--BackgroundColor: var(--pf-v5-global--BackgroundColor--200);
10700
+ --pf-v5-c-dual-list-selector__list-item-row--m-selected--BackgroundColor: var(--pf-v5-global--BackgroundColor--200);
10686
10701
  --pf-v5-c-dual-list-selector__list-item--m-ghost-row--BackgroundColor: var(--pf-v5-global--BackgroundColor--100);
10687
10702
  --pf-v5-c-dual-list-selector__list-item--m-ghost-row--Opacity: .4;
10688
10703
  --pf-v5-c-dual-list-selector__item--PaddingTop: var(--pf-v5-global--spacer--sm);
@@ -10957,6 +10972,25 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
10957
10972
  --pf-v5-c-dual-list-selector__list__list__item-toggle--Left: var(--pf-v5-c-dual-list-selector__item--PaddingLeft);
10958
10973
  }
10959
10974
 
10975
+ :where(.pf-v5-theme-dark) .pf-v5-c-wizard__header, :where(.pf-v5-theme-dark) .pf-v5-c-page__sidebar-body.pf-m-menu .pf-v5-c-context-selector,
10976
+ :where(.pf-v5-theme-dark) .pf-v5-c-page__main-section[class*=pf-m-dark-],
10977
+ :where(.pf-v5-theme-dark) .pf-v5-c-page__header, :where(.pf-v5-theme-dark) .pf-v5-c-masthead, :where(.pf-v5-theme-dark) .pf-v5-c-login__header,
10978
+ :where(.pf-v5-theme-dark) .pf-v5-c-login__footer, :where(.pf-v5-theme-dark) .pf-v5-c-log-viewer.pf-m-dark .pf-v5-c-log-viewer__main, :where(.pf-v5-theme-dark) .pf-v5-c-about-modal-box, :where(.pf-v5-theme-dark) .pf-v5-c-banner {
10979
+ --pf-v5-global--Color--100: #e0e0e0;
10980
+ --pf-v5-global--Color--200: #aaabac;
10981
+ --pf-v5-global--BorderColor--100: #444548;
10982
+ --pf-v5-global--primary-color--100: #1fa7f8;
10983
+ --pf-v5-global--link--Color: #1fa7f8;
10984
+ --pf-v5-global--link--Color--hover: #73bcf7;
10985
+ --pf-v5-global--BackgroundColor--100: #1b1d21;
10986
+ }
10987
+
10988
+ :where(.pf-v5-theme-dark) .pf-v5-c-dual-list-selector {
10989
+ --pf-v5-c-dual-list-selector__list-item-row--hover--BackgroundColor: var(--pf-v5-global--BackgroundColor--400);
10990
+ --pf-v5-c-dual-list-selector__list-item-row--focus-within--BackgroundColor: var(--pf-v5-global--BackgroundColor--400);
10991
+ --pf-v5-c-dual-list-selector__list-item-row--m-selected--BackgroundColor: var(--pf-v5-global--BackgroundColor--400);
10992
+ }
10993
+
10960
10994
  .pf-v5-c-toolbar {
10961
10995
  --pf-v5-c-toolbar--BackgroundColor: var(--pf-v5-global--BackgroundColor--100);
10962
10996
  --pf-v5-c-toolbar--RowGap--base: var(--pf-v5-global--spacer--lg);
@@ -13967,7 +14001,9 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
13967
14001
  --pf-v5-c-dropdown__toggle--before--BorderBottomColor: var(--pf-v5-global--BorderColor--400);
13968
14002
  --pf-v5-c-dropdown__toggle--before--BorderLeftColor: transparent;
13969
14003
  --pf-v5-c-dropdown__toggle--disabled--BackgroundColor: var(--pf-v5-global--palette--black-500);
14004
+ --pf-v5-c-dropdown__toggle--m-split-button--m-primary--child--BackgroundColor: var(--pf-v5-global--primary-color--300);
13970
14005
  --pf-v5-c-dropdown__toggle--m-primary--BackgroundColor: var(--pf-v5-global--primary-color--300);
14006
+ --pf-v5-c-dropdown__toggle--m-primary--Color: var(--pf-v5-global--primary-color--400);
13971
14007
  --pf-v5-c-dropdown__menu--BackgroundColor: var(--pf-v5-global--BackgroundColor--300);
13972
14008
  --pf-v5-c-dropdown__menu--Top: 100%;
13973
14009
  --pf-v5-c-dropdown--m-top__menu--TranslateY: -100%;
@@ -13999,7 +14035,7 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
13999
14035
  --pf-v5-c-empty-state--m-xs__icon--MarginBottom: var(--pf-v5-global--spacer--md);
14000
14036
  --pf-v5-c-empty-state--m-xl__icon--MarginBottom: var(--pf-v5-global--spacer--xl);
14001
14037
  --pf-v5-c-empty-state--m-xl__icon--FontSize: 6.25rem;
14002
- --pf-v5-c-empty-state__title-text--FontFamily: var(--pf-v5-global--FontFamily--heading--sans-serif);
14038
+ --pf-v5-c-empty-state__title-text--FontFamily: var(--pf-v5-global--FontFamily--heading);
14003
14039
  --pf-v5-c-empty-state__title-text--FontSize: var(--pf-v5-global--FontSize--xl);
14004
14040
  --pf-v5-c-empty-state__title-text--FontWeight: var(--pf-v5-global--FontWeight--normal);
14005
14041
  --pf-v5-c-empty-state__title-text--LineHeight: var(--pf-v5-global--LineHeight--md);
@@ -15098,7 +15134,7 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
15098
15134
  --pf-v5-c-form-control--BorderBottomColor: var(--pf-v5-global--BorderColor--400);
15099
15135
  --pf-v5-c-form-control--BorderLeftColor: transparent;
15100
15136
  --pf-v5-c-form-control--BackgroundColor: var(--pf-v5-global--BackgroundColor--400);
15101
- --pf-v5-c-form-control--disabled--Color: var(--pf-v5-global--palette--black-300);
15137
+ --pf-v5-c-form-control--disabled--Color: var(--pf-v5-global--disabled-color--300);
15102
15138
  --pf-v5-c-form-control--disabled--BackgroundColor: var(--pf-v5-global--disabled-color--200);
15103
15139
  --pf-v5-c-form-control--readonly--BackgroundColor: var(--pf-v5-global--disabled-color--200);
15104
15140
  color: var(--pf-v5-global--Color--100);
@@ -15576,7 +15612,7 @@ label.pf-v5-c-input-group__text {
15576
15612
  --pf-v5-c-input-group__item--m-box--BorderLeftColor: transparent;
15577
15613
  --pf-v5-c-input-group__item--m-disabled--BackgroundColor: var(--pf-v5-global--disabled-color--200);
15578
15614
  --pf-v5-c-input-group__item--m-disabled--BorderBottomColor: transparent;
15579
- --pf-v5-c-input-group__text--m-disabled--Color: var(--pf-v5-global--palette--black-100);
15615
+ --pf-v5-c-input-group__item--m-disabled__text--Color: var(--pf-v5-global--disabled-color--300);
15580
15616
  }
15581
15617
  :where(.pf-v5-theme-dark) .pf-v5-c-input-group > * + * {
15582
15618
  --pf-v5-c-input-group__item--m-box--BorderLeftColor: var(--pf-v5-c-input-group__item--BorderLeftColor);
@@ -16271,6 +16307,7 @@ button.pf-v5-c-label__content:focus {
16271
16307
  --pf-v5-c-label--m-red--BackgroundColor: var(--pf-v5-global--BackgroundColor--300);
16272
16308
  --pf-v5-c-label--m-purple--BackgroundColor: var(--pf-v5-global--BackgroundColor--300);
16273
16309
  --pf-v5-c-label--m-cyan--BackgroundColor: var(--pf-v5-global--BackgroundColor--300);
16310
+ --pf-v5-c-label--m-gold--BackgroundColor: var(--pf-v5-global--BackgroundColor--300);
16274
16311
  --pf-v5-c-label__content--before--BorderWidth: 0;
16275
16312
  --pf-v5-c-label__content--before--BorderColor: transparent;
16276
16313
  --pf-v5-c-label__content--link--hover--before--BorderWidth: var(--pf-v5-global--BorderWidth--sm);
@@ -16305,6 +16342,11 @@ button.pf-v5-c-label__content:focus {
16305
16342
  --pf-v5-c-label--m-outline--m-cyan__content--before--BorderColor: var(--pf-v5-global--palette--cyan-100);
16306
16343
  --pf-v5-c-label--m-outline--m-cyan__content--link--hover--before--BorderColor: var(--pf-v5-global--palette--cyan-100);
16307
16344
  --pf-v5-c-label--m-outline--m-cyan__content--link--focus--before--BorderColor: var(--pf-v5-global--palette--cyan-100);
16345
+ --pf-v5-c-label--m-gold__content--Color: var(--pf-v5-global--palette--gold-300);
16346
+ --pf-v5-c-label--m-outline--m-gold__content--Color: var(--pf-v5-global--palette--gold-300);
16347
+ --pf-v5-c-label--m-outline--m-gold__content--before--BorderColor: var(--pf-v5-global--palette--gold-100);
16348
+ --pf-v5-c-label--m-outline--m-gold__content--link--hover--before--BorderColor: var(--pf-v5-global--palette--gold-100);
16349
+ --pf-v5-c-label--m-outline--m-gold__content--link--focus--before--BorderColor: var(--pf-v5-global--palette--gold-100);
16308
16350
  }
16309
16351
 
16310
16352
  .pf-v5-c-label-group {
@@ -18219,7 +18261,6 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
18219
18261
  --pf-v5-c-menu--BackgroundColor: var(--pf-v5-global--BackgroundColor--300);
18220
18262
  --pf-v5-c-menu__list-item--hover--BackgroundColor: var(--pf-v5-global--BackgroundColor--400);
18221
18263
  --pf-v5-c-menu__list-item--focus-within--BackgroundColor: var(--pf-v5-global--BackgroundColor--400);
18222
- --pf-v5-c-menu__list-item--m-disabled__item--Color: var(--pf-v5-global--Color--200);
18223
18264
  }
18224
18265
 
18225
18266
  .pf-v5-c-menu-toggle {
@@ -18307,7 +18348,7 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
18307
18348
  --pf-v5-c-menu-toggle--m-full-height--active--after--BorderBottomWidth: var(--pf-v5-global--BorderWidth--xl);
18308
18349
  --pf-v5-c-menu-toggle--m-split-button--BackgroundColor: var(--pf-v5-global--BackgroundColor--100);
18309
18350
  --pf-v5-c-menu-toggle--m-split-button--child--BackgroundColor: var(--pf-v5-global--BackgroundColor--100);
18310
- --pf-v5-c-menu-toggle--m-split-button--child--disabled--Color: var(--pf-v5-global--Color--dark-200);
18351
+ --pf-v5-c-menu-toggle--m-split-button--child--disabled--Color: var(--pf-v5-global--disabled-color--100);
18311
18352
  --pf-v5-c-menu-toggle--m-split-button--child--disabled--BackgroundColor: var(--pf-v5-global--disabled-color--300);
18312
18353
  --pf-v5-c-menu-toggle--m-split-button--first-child--PaddingRight: var(--pf-v5-global--spacer--sm);
18313
18354
  --pf-v5-c-menu-toggle--m-split-button--last-child--PaddingLeft: 0;
@@ -18495,6 +18536,7 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
18495
18536
  --pf-v5-c-menu-toggle--PaddingRight: 0;
18496
18537
  --pf-v5-c-check__input--MarginTop: 0;
18497
18538
  --pf-v5-c-check__label--Color: currentcolor;
18539
+ --pf-v5-c-check__label--disabled--Color: currentcolor;
18498
18540
  align-items: center;
18499
18541
  align-self: stretch;
18500
18542
  }
@@ -18561,8 +18603,6 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
18561
18603
  --pf-v5-c-menu-toggle--after--BorderBottomColor: transparent;
18562
18604
  }
18563
18605
  .pf-v5-c-menu-toggle.pf-m-split-button.pf-m-disabled, .pf-v5-c-menu-toggle.pf-m-split-button:disabled {
18564
- --pf-v5-c-menu-toggle--m-split-button--child--BackgroundColor: var(--pf-v5-c-menu-toggle--m-split-button--child--disabled--BackgroundColor);
18565
- --pf-v5-c-menu-toggle--m-split-button--child--Color: var(--pf-v5-c-menu-toggle--m-split-button--child--disabled--Color);
18566
18606
  --pf-v5-c-menu-toggle--m-split-button--m-action--child--BorderLeftColor: transparent;
18567
18607
  }
18568
18608
  .pf-v5-c-menu-toggle.pf-m-split-button.pf-m-disabled::before, .pf-v5-c-menu-toggle.pf-m-split-button.pf-m-disabled::after, .pf-v5-c-menu-toggle.pf-m-split-button:disabled::before, .pf-v5-c-menu-toggle.pf-m-split-button:disabled::after {
@@ -18646,9 +18686,12 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
18646
18686
  --pf-v5-c-menu-toggle--before--BorderBottomColor: transparent;
18647
18687
  --pf-v5-c-menu-toggle--before--BorderLeftColor: transparent;
18648
18688
  --pf-v5-c-menu-toggle--after--BorderBottomColor: var(--pf-v5-global--BorderColor--400);
18649
- --pf-v5-c-menu-toggle--disabled--BackgroundColor: var(--pf-v5-global--palette--black-500);
18650
- --pf-v5-c-menu-toggle--disabled--Color: var(--pf-v5-global--palette--black-100);
18651
18689
  --pf-v5-c-menu-toggle--m-primary--BackgroundColor: var(--pf-v5-global--primary-color--300);
18690
+ --pf-v5-c-menu-toggle--disabled--BackgroundColor: var(--pf-v5-global--disabled-color--200);
18691
+ --pf-v5-c-menu-toggle--disabled--Color: var(--pf-v5-global--disabled-color--300);
18692
+ --pf-v5-c-menu-toggle--m-split-button--m-action--m-primary--child--BackgroundColor: var(--pf-v5-global--primary-color--300);
18693
+ --pf-v5-c-menu-toggle--m-split-button--child--disabled--Color: var(--pf-v5-global--disabled-color--300);
18694
+ --pf-v5-c-menu-toggle--m-split-button--child--disabled--BackgroundColor: var(--pf-v5-global--disabled-color--200);
18652
18695
  }
18653
18696
  :where(.pf-v5-theme-dark) .pf-v5-c-menu-toggle.pf-m-plain {
18654
18697
  background: transparent;
@@ -18679,7 +18722,7 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
18679
18722
  --pf-v5-c-modal-box__header--PaddingLeft: var(--pf-v5-global--spacer--lg);
18680
18723
  --pf-v5-c-modal-box__header--last-child--PaddingBottom: var(--pf-v5-global--spacer--lg);
18681
18724
  --pf-v5-c-modal-box__title--LineHeight: var(--pf-v5-global--LineHeight--sm);
18682
- --pf-v5-c-modal-box__title--FontFamily: var(--pf-v5-global--FontFamily--heading--sans-serif);
18725
+ --pf-v5-c-modal-box__title--FontFamily: var(--pf-v5-global--FontFamily--heading);
18683
18726
  --pf-v5-c-modal-box__title--FontSize: var(--pf-v5-global--FontSize--2xl);
18684
18727
  --pf-v5-c-modal-box__title-icon--MarginRight: var(--pf-v5-global--spacer--sm);
18685
18728
  --pf-v5-c-modal-box__title-icon--Color: var(--pf-v5-global--Color--100);
@@ -19111,7 +19154,7 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
19111
19154
  --pf-v5-c-nav--m-horizontal__link--lg--PaddingBottom: var(--pf-v5-global--spacer--lg);
19112
19155
  --pf-v5-c-nav--m-horizontal__link--Right: var(--pf-v5-global--spacer--md);
19113
19156
  --pf-v5-c-nav--m-horizontal__link--Left: var(--pf-v5-global--spacer--md);
19114
- --pf-v5-c-nav--m-horizontal__link--Color: var(--pf-v5-global--Color--light-300);
19157
+ --pf-v5-c-nav--m-horizontal__link--Color: var(--pf-v5-global--Color--light-200);
19115
19158
  --pf-v5-c-nav--m-horizontal__link--hover--Color: var(--pf-v5-global--active-color--400);
19116
19159
  --pf-v5-c-nav--m-horizontal__link--focus--Color: var(--pf-v5-global--active-color--400);
19117
19160
  --pf-v5-c-nav--m-horizontal__link--active--Color: var(--pf-v5-global--active-color--400);
@@ -20127,6 +20170,7 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
20127
20170
 
20128
20171
  :where(.pf-v5-theme-dark) .pf-v5-c-notification-badge {
20129
20172
  --pf-v5-c-notification-badge--m-read--m-expanded--after--BackgroundColor: var(--pf-v5-global--BackgroundColor--400);
20173
+ --pf-v5-c-notification-badge--m-unread--Color: var(--pf-v5-global--primary-color--400);
20130
20174
  --pf-v5-c-notification-badge--m-unread--after--BackgroundColor: var(--pf-v5-global--primary-color--300);
20131
20175
  --pf-v5-c-notification-badge--m-attention--Color: var(--pf-v5-global--palette--black-900);
20132
20176
  }
@@ -22119,6 +22163,7 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
22119
22163
  --pf-v5-c-panel--m-bordered--before--BorderWidth: var(--pf-v5-global--BorderWidth--sm);
22120
22164
  --pf-v5-c-panel--m-raised--BoxShadow: var(--pf-v5-global--BoxShadow--md);
22121
22165
  --pf-v5-c-panel--m-raised--ZIndex: var(--pf-v5-global--ZIndex--sm);
22166
+ --pf-v5-c-panel--m-raised--BackgroundColor: var(--pf-v5-global--BackgroundColor--100);
22122
22167
  --pf-v5-c-panel__header--PaddingTop: var(--pf-v5-global--spacer--md);
22123
22168
  --pf-v5-c-panel__header--PaddingRight: var(--pf-v5-global--spacer--md);
22124
22169
  --pf-v5-c-panel__header--PaddingBottom: var(--pf-v5-global--spacer--md);
@@ -22159,6 +22204,7 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
22159
22204
  --pf-v5-c-panel--before--BorderWidth: var(--pf-v5-c-panel--m-bordered--before--BorderWidth);
22160
22205
  }
22161
22206
  .pf-v5-c-panel.pf-m-raised {
22207
+ --pf-v5-c-panel--BackgroundColor: var(--pf-v5-c-panel--m-raised--BackgroundColor);
22162
22208
  --pf-v5-c-panel--BoxShadow: var(--pf-v5-c-panel--m-raised--BoxShadow);
22163
22209
  --pf-v5-c-panel--ZIndex: var(--pf-v5-c-panel--m-raised--ZIndex);
22164
22210
  }
@@ -22186,6 +22232,23 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
22186
22232
  box-shadow: var(--pf-v5-c-panel__footer--BoxShadow);
22187
22233
  }
22188
22234
 
22235
+ :where(.pf-v5-theme-dark) .pf-v5-c-wizard__header, :where(.pf-v5-theme-dark) .pf-v5-c-about-modal-box, :where(.pf-v5-theme-dark) .pf-v5-c-banner, :where(.pf-v5-theme-dark) .pf-v5-c-log-viewer.pf-m-dark .pf-v5-c-log-viewer__main, :where(.pf-v5-theme-dark) .pf-v5-c-login__header,
22236
+ :where(.pf-v5-theme-dark) .pf-v5-c-login__footer, :where(.pf-v5-theme-dark) .pf-v5-c-masthead, :where(.pf-v5-theme-dark) .pf-v5-c-page__sidebar-body.pf-m-menu .pf-v5-c-context-selector,
22237
+ :where(.pf-v5-theme-dark) .pf-v5-c-page__main-section[class*=pf-m-dark-],
22238
+ :where(.pf-v5-theme-dark) .pf-v5-c-page__header {
22239
+ --pf-v5-global--Color--100: #e0e0e0;
22240
+ --pf-v5-global--Color--200: #aaabac;
22241
+ --pf-v5-global--BorderColor--100: #444548;
22242
+ --pf-v5-global--primary-color--100: #1fa7f8;
22243
+ --pf-v5-global--link--Color: #1fa7f8;
22244
+ --pf-v5-global--link--Color--hover: #73bcf7;
22245
+ --pf-v5-global--BackgroundColor--100: #1b1d21;
22246
+ }
22247
+
22248
+ :where(.pf-v5-theme-dark) .pf-v5-c-panel {
22249
+ --pf-v5-c-panel--m-raised--BackgroundColor: var(--pf-v5-global--BackgroundColor--300);
22250
+ }
22251
+
22189
22252
  .pf-v5-c-popover {
22190
22253
  --pf-v5-c-popover--FontSize: var(--pf-v5-global--FontSize--sm);
22191
22254
  --pf-v5-c-popover--MinWidth: calc(var(--pf-v5-c-popover__content--PaddingLeft) + var(--pf-v5-c-popover__content--PaddingRight) + 18.75rem);
@@ -22227,7 +22290,7 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
22227
22290
  --pf-v5-c-popover__close--sibling--PaddingRight: var(--pf-v5-global--spacer--2xl);
22228
22291
  --pf-v5-c-popover__header--MarginBottom: var(--pf-v5-global--spacer--sm);
22229
22292
  --pf-v5-c-popover__title-text--LineHeight: var(--pf-v5-global--LineHeight--md);
22230
- --pf-v5-c-popover__title-text--FontFamily: var(--pf-v5-global--FontFamily--heading--sans-serif);
22293
+ --pf-v5-c-popover__title-text--FontFamily: var(--pf-v5-global--FontFamily--heading);
22231
22294
  --pf-v5-c-popover__title-text--FontSize: var(--pf-v5-global--FontSize--md);
22232
22295
  --pf-v5-c-popover__title-icon--MarginRight: var(--pf-v5-global--spacer--sm);
22233
22296
  --pf-v5-c-popover__title-icon--Color: var(--pf-v5-global--Color--100);
@@ -22374,7 +22437,7 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
22374
22437
  :where(.pf-v5-theme-dark) .pf-v5-c-popover {
22375
22438
  --pf-v5-c-popover__content--BackgroundColor: var(--pf-v5-global--BackgroundColor--300);
22376
22439
  --pf-v5-c-popover__arrow--BackgroundColor: var(--pf-v5-global--BackgroundColor--300);
22377
- --pf-v5-c-popover--m-default__title-text--Color: var(--pf-v5-global--custom-color--200);
22440
+ --pf-v5-c-popover--m-custom__title-text--Color: var(--pf-v5-global--custom-color--200);
22378
22441
  --pf-v5-c-popover--m-info__title-text--Color: var(--pf-v5-global--info-color--100);
22379
22442
  --pf-v5-c-popover--m-success__title-text--Color: var(--pf-v5-global--success-color--100);
22380
22443
  }
@@ -22865,6 +22928,7 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
22865
22928
  font-weight: var(--pf-v5-c-progress-stepper__step-title--FontWeight);
22866
22929
  color: var(--pf-v5-c-progress-stepper__step-title--Color);
22867
22930
  text-align: var(--pf-v5-c-progress-stepper__step-title--TextAlign);
22931
+ background: none;
22868
22932
  border: 0;
22869
22933
  }
22870
22934
  .pf-v5-c-progress-stepper__step-title.pf-m-help-text {
@@ -29302,6 +29366,7 @@ svg.pf-v5-c-spinner.pf-m-xl {
29302
29366
  :where(.pf-v5-theme-dark) .pf-v5-c-tabs {
29303
29367
  --pf-v5-c-tabs__scroll-button--BackgroundColor: transparent;
29304
29368
  --pf-v5-c-tabs__link--disabled--BackgroundColor: var(--pf-v5-global--disabled-color--200);
29369
+ --pf-v5-c-tabs__link--disabled--Color: var(--pf-v5-global--disabled-color--300);
29305
29370
  --pf-v5-c-tabs--m-color-scheme--light-300__link--disabled--BackgroundColor: var(--pf-v5-global--disabled-color--200);
29306
29371
  }
29307
29372
 
@@ -29455,6 +29520,27 @@ svg.pf-v5-c-spinner.pf-m-xl {
29455
29520
  display: flex;
29456
29521
  }
29457
29522
 
29523
+ :where(.pf-v5-theme-dark) .pf-v5-c-wizard__header, :where(.pf-v5-theme-dark) .pf-v5-c-about-modal-box, :where(.pf-v5-theme-dark) .pf-v5-c-banner, :where(.pf-v5-theme-dark) .pf-v5-c-log-viewer.pf-m-dark .pf-v5-c-log-viewer__main, :where(.pf-v5-theme-dark) .pf-v5-c-login__header,
29524
+ :where(.pf-v5-theme-dark) .pf-v5-c-login__footer, :where(.pf-v5-theme-dark) .pf-v5-c-masthead, :where(.pf-v5-theme-dark) .pf-v5-c-page__sidebar-body.pf-m-menu .pf-v5-c-context-selector,
29525
+ :where(.pf-v5-theme-dark) .pf-v5-c-page__main-section[class*=pf-m-dark-],
29526
+ :where(.pf-v5-theme-dark) .pf-v5-c-page__header {
29527
+ --pf-v5-global--Color--100: #e0e0e0;
29528
+ --pf-v5-global--Color--200: #aaabac;
29529
+ --pf-v5-global--BorderColor--100: #444548;
29530
+ --pf-v5-global--primary-color--100: #1fa7f8;
29531
+ --pf-v5-global--link--Color: #1fa7f8;
29532
+ --pf-v5-global--link--Color--hover: #73bcf7;
29533
+ --pf-v5-global--BackgroundColor--100: #1b1d21;
29534
+ }
29535
+
29536
+ :where(.pf-v5-theme-dark) .pf-v5-c-text-input-group {
29537
+ --pf-v5-c-text-input-group--BackgroundColor: var(--pf-v5-global--BackgroundColor--400);
29538
+ --pf-v5-c-text-input-group--m-disabled--Color: var(--pf-v5-global--disabled-color--300);
29539
+ --pf-v5-c-text-input-group--m-disabled--BackgroundColor: var(--pf-v5-global--disabled-color--200);
29540
+ --pf-v5-c-text-input-group__text--before--BorderWidth: 0;
29541
+ --pf-v5-c-text-input-group__text--after--BorderBottomColor: var(--pf-v5-global--BorderColor--400);
29542
+ }
29543
+
29458
29544
  .pf-v5-c-tile {
29459
29545
  --pf-v5-c-tile--PaddingTop: var(--pf-v5-global--spacer--lg);
29460
29546
  --pf-v5-c-tile--PaddingRight: var(--pf-v5-global--spacer--lg);
@@ -29649,7 +29735,7 @@ svg.pf-v5-c-spinner.pf-m-xl {
29649
29735
  }
29650
29736
 
29651
29737
  .pf-v5-c-title {
29652
- --pf-v5-c-title--FontFamily: var(--pf-v5-global--FontFamily--heading--sans-serif);
29738
+ --pf-v5-c-title--FontFamily: var(--pf-v5-global--FontFamily--heading);
29653
29739
  --pf-v5-c-title--m-4xl--LineHeight: var(--pf-v5-global--LineHeight--sm);
29654
29740
  --pf-v5-c-title--m-4xl--FontSize: var(--pf-v5-global--FontSize--4xl);
29655
29741
  --pf-v5-c-title--m-4xl--FontWeight: var(--pf-v5-global--FontWeight--normal);
@@ -29729,6 +29815,7 @@ svg.pf-v5-c-spinner.pf-m-xl {
29729
29815
  --pf-v5-c-toggle-group__item--last-child__button--BorderBottomRightRadius: var(--pf-v5-global--BorderRadius--sm);
29730
29816
  --pf-v5-c-toggle-group__icon--text--MarginLeft: var(--pf-v5-global--spacer--sm);
29731
29817
  --pf-v5-c-toggle-group__button--m-selected--BackgroundColor: var(--pf-v5-global--palette--blue-50);
29818
+ --pf-v5-c-toggle-group__button--m-selected--Color: initial;
29732
29819
  --pf-v5-c-toggle-group__button--m-selected--before--BorderColor: var(--pf-v5-global--primary-color--100);
29733
29820
  --pf-v5-c-toggle-group__button--m-selected--ZIndex: var(--pf-v5-global--ZIndex--xs);
29734
29821
  --pf-v5-c-toggle-group--m-compact__button--PaddingTop: 0;
@@ -29792,6 +29879,7 @@ svg.pf-v5-c-spinner.pf-m-xl {
29792
29879
  }
29793
29880
  .pf-v5-c-toggle-group__button.pf-m-selected {
29794
29881
  --pf-v5-c-toggle-group__button--BackgroundColor: var(--pf-v5-c-toggle-group__button--m-selected--BackgroundColor);
29882
+ --pf-v5-c-toggle-group__button--Color: var(--pf-v5-c-toggle-group__button--m-selected--Color, inherit);
29795
29883
  --pf-v5-c-toggle-group__button--ZIndex: var(--pf-v5-c-toggle-group__button--m-selected--ZIndex);
29796
29884
  --pf-v5-c-toggle-group__button--before--BorderColor: var(--pf-v5-c-toggle-group__button--m-selected--before--BorderColor);
29797
29885
  }
@@ -29825,6 +29913,7 @@ svg.pf-v5-c-spinner.pf-m-xl {
29825
29913
  --pf-v5-c-toggle-group__button--disabled--BackgroundColor: var(--pf-v5-global--palette--black-600);
29826
29914
  --pf-v5-c-toggle-group__button--disabled--Color: var(--pf-v5-global--palette--black-100);
29827
29915
  --pf-v5-c-toggle-group__button--m-selected--BackgroundColor: var(--pf-v5-global--primary-color--300);
29916
+ --pf-v5-c-toggle-group__button--m-selected--Color: var(--pf-v5-global--primary-color--400);
29828
29917
  }
29829
29918
 
29830
29919
  .pf-v5-c-tooltip {
@@ -30486,7 +30575,7 @@ label.pf-v5-c-tree-view__node-text {
30486
30575
  --pf-v5-c-wizard__close--FontSize: var(--pf-v5-global--FontSize--xl);
30487
30576
  --pf-v5-c-wizard__title--PaddingRight: var(--pf-v5-global--spacer--2xl);
30488
30577
  --pf-v5-c-wizard__title-text--FontSize: var(--pf-v5-global--FontSize--3xl);
30489
- --pf-v5-c-wizard__title-text--FontFamily: var(--pf-v5-global--FontFamily--heading--sans-serif);
30578
+ --pf-v5-c-wizard__title-text--FontFamily: var(--pf-v5-global--FontFamily--heading);
30490
30579
  --pf-v5-c-wizard__title-text--FontWeight: var(--pf-v5-global--FontWeight--normal);
30491
30580
  --pf-v5-c-wizard__title-text--LineHeight: var(--pf-v5-global--LineHeight--sm);
30492
30581
  --pf-v5-c-wizard__description--PaddingTop: var(--pf-v5-global--spacer--sm);
@@ -30498,7 +30587,7 @@ label.pf-v5-c-tree-view__node-text {
30498
30587
  --pf-v5-c-wizard__nav-link--focus--Color: var(--pf-v5-global--link--Color);
30499
30588
  --pf-v5-c-wizard__nav-link--m-current--Color: var(--pf-v5-global--link--Color);
30500
30589
  --pf-v5-c-wizard__nav-link--m-current--FontWeight: var(--pf-v5-global--FontWeight--normal);
30501
- --pf-v5-c-wizard__nav-link--m-disabled--Color: var(--pf-v5-global--Color--dark-200);
30590
+ --pf-v5-c-wizard__nav-link--m-disabled--Color: var(--pf-v5-global--disabled-color--100);
30502
30591
  --pf-v5-c-wizard__nav-list__nav-list__nav-link--m-current--FontWeight: var(--pf-v5-global--FontWeight--normal);
30503
30592
  --pf-v5-c-wizard__nav-link-toggle--PaddingRight: var(--pf-v5-global--spacer--sm);
30504
30593
  --pf-v5-c-wizard__nav-link-toggle--PaddingLeft: var(--pf-v5-global--spacer--sm);
@@ -30519,7 +30608,7 @@ label.pf-v5-c-tree-view__node-text {
30519
30608
  --pf-v5-c-wizard__nav-link--m-current--before--BackgroundColor: var(--pf-v5-global--active-color--100);
30520
30609
  --pf-v5-c-wizard__nav-link--m-current--before--Color: var(--pf-v5-global--Color--light-100);
30521
30610
  --pf-v5-c-wizard__nav-link--m-disabled--before--BackgroundColor: transparent;
30522
- --pf-v5-c-wizard__nav-link--m-disabled--before--Color: var(--pf-v5-global--Color--dark-200);
30611
+ --pf-v5-c-wizard__nav-link--m-disabled--before--Color: var(--pf-v5-global--disabled-color--100);
30523
30612
  --pf-v5-c-wizard__toggle--BackgroundColor: var(--pf-v5-global--BackgroundColor--100);
30524
30613
  --pf-v5-c-wizard__toggle--ZIndex: var(--pf-v5-global--ZIndex--xs);
30525
30614
  --pf-v5-c-wizard__toggle--BoxShadow: var(--pf-v5-global--BoxShadow--md-bottom);
@@ -30972,8 +31061,6 @@ label.pf-v5-c-tree-view__node-text {
30972
31061
  :where(.pf-v5-theme-dark) .pf-v5-c-wizard {
30973
31062
  --pf-v5-c-wizard__header--BackgroundColor: var(--pf-v5-global--palette--black-1000);
30974
31063
  --pf-v5-c-wizard__nav-link--before--BackgroundColor: var(--pf-v5-global--palette--black-500);
30975
- --pf-v5-c-wizard__nav-link--m-disabled--Color: var(--pf-v5-global--disabled-color--300);
30976
- --pf-v5-c-wizard__nav-link--m-disabled--before--Color: var(--pf-v5-global--disabled-color--300);
30977
31064
  }
30978
31065
  :where(.pf-v5-theme-dark) .pf-v5-c-wizard__header {
30979
31066
  color: var(--pf-v5-global--Color--100);