@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
@@ -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 {
@@ -5577,7 +5559,7 @@
5577
5559
  --pf-v5-c-accordion--m-display-lg__toggle--PaddingRight: var(--pf-v5-global--spacer--md);
5578
5560
  --pf-v5-c-accordion--m-display-lg__toggle--PaddingBottom: var(--pf-v5-global--spacer--md);
5579
5561
  --pf-v5-c-accordion--m-display-lg__toggle--PaddingLeft: var(--pf-v5-global--spacer--lg);
5580
- --pf-v5-c-accordion--m-display-lg__toggle--FontFamily: var(--pf-v5-global--FontFamily--heading--sans-serif);
5562
+ --pf-v5-c-accordion--m-display-lg__toggle--FontFamily: var(--pf-v5-global--FontFamily--heading);
5581
5563
  --pf-v5-c-accordion--m-display-lg__toggle--FontSize: var(--pf-v5-global--FontSize--xl);
5582
5564
  --pf-v5-c-accordion--m-display-lg__toggle--hover__toggle-text--Color: var(--pf-v5-global--Color--100);
5583
5565
  --pf-v5-c-accordion--m-display-lg__toggle--active__toggle-text--Color: var(--pf-v5-global--Color--100);
@@ -6009,17 +5991,17 @@
6009
5991
  }
6010
5992
 
6011
5993
  :where(.pf-v5-theme-dark) .pf-v5-c-alert {
6012
- --pf-v5-c-alert--BackgroundColor: var(--pf-v5-global--palette--black-600);
6013
- --pf-v5-c-alert__title--Color: var(--pf-v5-global--custom-color--200);
5994
+ --pf-v5-c-alert--BackgroundColor: var(--pf-v5-global--BackgroundColor--300);
5995
+ --pf-v5-c-alert--m-custom__title--Color: var(--pf-v5-global--custom-color--200);
6014
5996
  --pf-v5-c-alert--m-success__title--Color: var(--pf-v5-global--success-color--100);
6015
5997
  --pf-v5-c-alert--m-danger__title--Color: var(--pf-v5-global--danger-color--100);
6016
5998
  --pf-v5-c-alert--m-warning__title--Color: var(--pf-v5-global--warning-color--100);
6017
5999
  --pf-v5-c-alert--m-info__title--Color: var(--pf-v5-global--info-color--100);
6018
- --pf-v5-c-alert--m-inline--BackgroundColor: var(--pf-v5-global--palette--black-600);
6019
- --pf-v5-c-alert--m-inline--m-success--BackgroundColor: var(--pf-v5-global--palette--black-600);
6020
- --pf-v5-c-alert--m-inline--m-danger--BackgroundColor: var(--pf-v5-global--palette--black-600);
6021
- --pf-v5-c-alert--m-inline--m-warning--BackgroundColor: var(--pf-v5-global--palette--black-600);
6022
- --pf-v5-c-alert--m-inline--m-info--BackgroundColor: var(--pf-v5-global--palette--black-600);
6000
+ --pf-v5-c-alert--m-inline--m-custom--BackgroundColor: var(--pf-v5-global--BackgroundColor--300);
6001
+ --pf-v5-c-alert--m-inline--m-success--BackgroundColor: var(--pf-v5-global--BackgroundColor--300);
6002
+ --pf-v5-c-alert--m-inline--m-danger--BackgroundColor: var(--pf-v5-global--BackgroundColor--300);
6003
+ --pf-v5-c-alert--m-inline--m-warning--BackgroundColor: var(--pf-v5-global--BackgroundColor--300);
6004
+ --pf-v5-c-alert--m-inline--m-info--BackgroundColor: var(--pf-v5-global--BackgroundColor--300);
6023
6005
  }
6024
6006
 
6025
6007
  .pf-v5-c-alert-group {
@@ -6227,6 +6209,7 @@
6227
6209
  font-weight: var(--pf-v5-c-app-launcher__menu-item--FontWeight);
6228
6210
  color: var(--pf-v5-c-app-launcher__menu-item--Color);
6229
6211
  white-space: nowrap;
6212
+ background: none;
6230
6213
  border: 0;
6231
6214
  }
6232
6215
  .pf-v5-c-app-launcher__menu-item:hover, .pf-v5-c-app-launcher__menu-item:focus {
@@ -6690,6 +6673,7 @@
6690
6673
 
6691
6674
  :where(.pf-v5-theme-dark) .pf-v5-c-badge {
6692
6675
  --pf-v5-c-badge--m-read--BackgroundColor: var(--pf-v5-global--palette--black-500);
6676
+ --pf-v5-c-badge--m-unread--Color: var(--pf-v5-global--primary-color--400);
6693
6677
  --pf-v5-c-badge--m-unread--BackgroundColor: var(--pf-v5-global--primary-color--300);
6694
6678
  }
6695
6679
 
@@ -6710,9 +6694,9 @@
6710
6694
  --pf-v5-c-banner--link--disabled--Color: var(--pf-v5-c-banner--Color);
6711
6695
  --pf-v5-c-banner--link--disabled--TextDecoration: none;
6712
6696
  --pf-v5-c-banner--m-blue--BackgroundColor: var(--pf-v5-global--palette--blue-200);
6713
- --pf-v5-c-banner--m-red--BackgroundColor: var(--pf-v5-global--palette--red-100);
6714
- --pf-v5-c-banner--m-green--BackgroundColor: var(--pf-v5-global--palette--green-500);
6715
- --pf-v5-c-banner--m-gold--BackgroundColor: var(--pf-v5-global--palette--gold-400);
6697
+ --pf-v5-c-banner--m-red--BackgroundColor: var(--pf-v5-global--danger-color--100);
6698
+ --pf-v5-c-banner--m-green--BackgroundColor: var(--pf-v5-global--success-color--100);
6699
+ --pf-v5-c-banner--m-gold--BackgroundColor: var(--pf-v5-global--warning-color--100);
6716
6700
  --pf-v5-c-banner--m-sticky--ZIndex: var(--pf-v5-global--ZIndex--md);
6717
6701
  --pf-v5-c-banner--m-sticky--BoxShadow: var(--pf-v5-global--BoxShadow--md-bottom);
6718
6702
  color: var(--pf-v5-global--Color--100);
@@ -6733,7 +6717,6 @@
6733
6717
  }
6734
6718
  }
6735
6719
  .pf-v5-c-banner.pf-m-blue {
6736
- color: var(--pf-v5-global--Color--100);
6737
6720
  --pf-v5-c-banner--BackgroundColor: var(--pf-v5-c-banner--m-blue--BackgroundColor);
6738
6721
  }
6739
6722
  .pf-v5-c-banner.pf-m-red {
@@ -6743,7 +6726,6 @@
6743
6726
  --pf-v5-c-banner--BackgroundColor: var(--pf-v5-c-banner--m-green--BackgroundColor);
6744
6727
  }
6745
6728
  .pf-v5-c-banner.pf-m-gold {
6746
- color: var(--pf-v5-global--Color--100);
6747
6729
  --pf-v5-c-banner--BackgroundColor: var(--pf-v5-c-banner--m-gold--BackgroundColor);
6748
6730
  }
6749
6731
  .pf-v5-c-banner.pf-m-sticky {
@@ -6794,10 +6776,10 @@
6794
6776
  }
6795
6777
 
6796
6778
  :where(.pf-v5-theme-dark) .pf-v5-c-banner {
6797
- color: var(--pf-v5-global--Color--100);
6779
+ color: var(false);
6798
6780
  }
6799
- :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 {
6800
- color: var(--pf-v5-global--palette--black-900);
6781
+ :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 {
6782
+ --pf-v5-c-banner--Color: var(--pf-v5-global--palette--black-900);
6801
6783
  }
6802
6784
 
6803
6785
  .pf-v5-c-brand {
@@ -7044,6 +7026,7 @@ button.pf-v5-c-breadcrumb__link {
7044
7026
  --pf-v5-c-button--m-link--active--BackgroundColor: transparent;
7045
7027
  --pf-v5-c-button--m-link--active--Color: var(--pf-v5-global--link--Color--hover);
7046
7028
  --pf-v5-c-button--m-link--disabled--BackgroundColor: transparent;
7029
+ --pf-v5-c-button--m-link--disabled--Color: var(--pf-v5-global--disabled-color--100);
7047
7030
  --pf-v5-c-button--m-link--m-inline--FontSize: inherit;
7048
7031
  --pf-v5-c-button--m-link--m-inline--hover--TextDecoration: var(--pf-v5-global--link--TextDecoration--hover);
7049
7032
  --pf-v5-c-button--m-link--m-inline--hover--Color: var(--pf-v5-global--link--Color--hover);
@@ -7234,6 +7217,7 @@ button.pf-v5-c-breadcrumb__link {
7234
7217
  }
7235
7218
  .pf-v5-c-button.pf-m-link {
7236
7219
  --pf-v5-c-button--disabled--BackgroundColor: var(--pf-v5-c-button--m-link--disabled--BackgroundColor);
7220
+ --pf-v5-c-button--disabled--Color: var(--pf-v5-c-button--m-link--disabled--Color);
7237
7221
  color: var(--pf-v5-c-button--m-link--Color);
7238
7222
  background-color: var(--pf-v5-c-button--m-link--BackgroundColor);
7239
7223
  }
@@ -7475,6 +7459,7 @@ button.pf-v5-c-breadcrumb__link {
7475
7459
  :where(.pf-v5-theme-dark) .pf-v5-c-button {
7476
7460
  --pf-v5-c-button--disabled--Color: var(--pf-v5-global--disabled-color--300);
7477
7461
  --pf-v5-c-button--m-primary--BackgroundColor: var(--pf-v5-global--primary-color--300);
7462
+ --pf-v5-c-button--m-primary--Color: var(--pf-v5-global--primary-color--400);
7478
7463
  --pf-v5-c-button--m-tertiary--after--BorderColor: var(--pf-v5-global--BorderColor--100);
7479
7464
  --pf-v5-c-button--m-tertiary--Color: var(--pf-v5-global--palette--black-100);
7480
7465
  --pf-v5-c-button--m-tertiary--hover--after--BorderColor: var(--pf-v5-global--BorderColor--100);
@@ -7494,6 +7479,7 @@ button.pf-v5-c-breadcrumb__link {
7494
7479
  --pf-v5-c-button--m-danger--hover--Color: var(--pf-v5-global--palette--black-900);
7495
7480
  --pf-v5-c-button--m-danger--focus--Color: var(--pf-v5-global--palette--black-900);
7496
7481
  --pf-v5-c-button--m-danger--active--Color: var(--pf-v5-global--palette--black-900);
7482
+ --pf-v5-c-button--m-link--disabled--Color: var(--pf-v5-global--disabled-color--100);
7497
7483
  --pf-v5-c-button--m-control--BackgroundColor: var(--pf-v5-global--BackgroundColor--400);
7498
7484
  --pf-v5-c-button--m-control--hover--BackgroundColor: var(--pf-v5-global--BackgroundColor--400);
7499
7485
  --pf-v5-c-button--m-control--active--BackgroundColor: var(--pf-v5-global--BackgroundColor--400);
@@ -7516,7 +7502,6 @@ button.pf-v5-c-breadcrumb__link {
7516
7502
  }
7517
7503
 
7518
7504
  .pf-v5-c-calendar-month {
7519
- --pf-v5-c-calendar-month--BackgroundColor: var(--pf-v5-global--BackgroundColor--100);
7520
7505
  --pf-v5-c-calendar-month--PaddingTop: var(--pf-v5-global--spacer--lg);
7521
7506
  --pf-v5-c-calendar-month--PaddingRight: var(--pf-v5-global--spacer--lg);
7522
7507
  --pf-v5-c-calendar-month--PaddingBottom: var(--pf-v5-global--spacer--md);
@@ -7556,7 +7541,7 @@ button.pf-v5-c-breadcrumb__link {
7556
7541
  --pf-v5-c-calendar-month__dates-cell--m-in-range--m-end-range--before--Right: 50%;
7557
7542
  --pf-v5-c-calendar-month__dates-cell--m-in-range__date--hover--BackgroundColor: var(--pf-v5-global--palette--blue-100);
7558
7543
  --pf-v5-c-calendar-month__dates-cell--m-in-range__date--focus--BackgroundColor: var(--pf-v5-global--palette--blue-100);
7559
- --pf-v5-c-calendar-month__dates-cell--m-adjacent-month__date--Color: var(--pf-v5-global--disabled-color--100);
7544
+ --pf-v5-c-calendar-month__dates-cell--m-adjacent-month__date--Color: var(--pf-v5-global--Color--200);
7560
7545
  --pf-v5-c-calendar-month__date--Width: 4ch;
7561
7546
  --pf-v5-c-calendar-month__date--Height: 4ch;
7562
7547
  --pf-v5-c-calendar-month__date--BorderRadius: var(--pf-v5-global--BorderRadius--lg);
@@ -7574,7 +7559,6 @@ button.pf-v5-c-breadcrumb__link {
7574
7559
  flex-direction: column;
7575
7560
  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);
7576
7561
  font-size: var(--pf-v5-c-calendar-month--FontSize);
7577
- background-color: var(--pf-v5-c-calendar-month--BackgroundColor);
7578
7562
  }
7579
7563
 
7580
7564
  .pf-v5-c-calendar-month__header {
@@ -7721,6 +7705,7 @@ button.pf-v5-c-breadcrumb__link {
7721
7705
  :where(.pf-v5-theme-dark) .pf-v5-c-calendar-month {
7722
7706
  --pf-v5-c-calendar-month__dates-cell--m-current__date--BackgroundColor: var(--pf-v5-global--palette--black-500);
7723
7707
  --pf-v5-c-calendar-month__dates-cell--m-selected__date--BackgroundColor: var(--pf-v5-global--primary-color--300);
7708
+ --pf-v5-c-calendar-month__dates-cell--m-selected__date--Color: var(--pf-v5-global--primary-color--400);
7724
7709
  --pf-v5-c-calendar-month__dates-cell--m-selected__date--hover--BackgroundColor: var(--pf-v5-global--palette--black-900);
7725
7710
  --pf-v5-c-calendar-month__dates-cell--m-selected__date--focus--BackgroundColor: var(--pf-v5-global--palette--blue-400);
7726
7711
  --pf-v5-c-calendar-month__dates-cell--m-in-range--before--BackgroundColor: var(--pf-v5-global--BackgroundColor--200);
@@ -7738,6 +7723,7 @@ button.pf-v5-c-breadcrumb__link {
7738
7723
  --pf-v5-c-calendar-month__date--after--BorderColor: var(--pf-v5-global--active-color--100);
7739
7724
  --pf-v5-c-calendar-month__date--after--BorderWidth: var(--pf-v5-global--BorderWidth--sm);
7740
7725
  --pf-v5-c-calendar-month__date--BackgroundColor: var(--pf-v5-global--primary-color--300);
7726
+ --pf-v5-c-calendar-month__date--Color: var(--pf-v5-global--primary-color--400);
7741
7727
  }
7742
7728
 
7743
7729
  .pf-v5-c-card {
@@ -7749,7 +7735,7 @@ button.pf-v5-c-breadcrumb__link {
7749
7735
  --pf-v5-c-card--child--PaddingLeft: var(--pf-v5-global--spacer--lg);
7750
7736
  --pf-v5-c-card--c-divider--child--PaddingTop: var(--pf-v5-global--spacer--lg);
7751
7737
  --pf-v5-c-card__title--not--last-child--PaddingBottom: var(--pf-v5-global--spacer--md);
7752
- --pf-v5-c-card__title-text--FontFamily: var(--pf-v5-global--FontFamily--heading--sans-serif);
7738
+ --pf-v5-c-card__title-text--FontFamily: var(--pf-v5-global--FontFamily--heading);
7753
7739
  --pf-v5-c-card__title-text--FontSize: var(--pf-v5-global--FontSize--md);
7754
7740
  --pf-v5-c-card__title-text--FontWeight: var(--pf-v5-global--FontWeight--normal);
7755
7741
  --pf-v5-c-card__title-text--LineHeight: var(--pf-v5-global--LineHeight--md);
@@ -8735,7 +8721,7 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
8735
8721
  --pf-v5-c-content--FontSize: var(--pf-v5-global--FontSize--md);
8736
8722
  --pf-v5-c-content--FontWeight: var(--pf-v5-global--FontWeight--normal);
8737
8723
  --pf-v5-c-content--Color: var(--pf-v5-global--Color--100);
8738
- --pf-v5-c-content--heading--FontFamily: var(--pf-v5-global--FontFamily--heading--sans-serif);
8724
+ --pf-v5-c-content--heading--FontFamily: var(--pf-v5-global--FontFamily--heading);
8739
8725
  --pf-v5-c-content--h1--MarginTop: var(--pf-v5-global--spacer--lg);
8740
8726
  --pf-v5-c-content--h1--MarginBottom: var(--pf-v5-global--spacer--sm);
8741
8727
  --pf-v5-c-content--h1--LineHeight: var(--pf-v5-global--LineHeight--sm);
@@ -10516,15 +10502,17 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
10516
10502
  }
10517
10503
 
10518
10504
  .pf-v5-c-droppable {
10519
- --pf-v5-c-droppable--m-dragging--after--BackgroundColor: rgba(255, 255, 255, 0.6);
10505
+ --pf-v5-c-droppable--before--BackgroundColor: transparent;
10506
+ --pf-v5-c-droppable--before--Opacity: 0;
10507
+ --pf-v5-c-droppable--after--BorderWidth: 0;
10508
+ --pf-v5-c-droppable--after--BorderColor: transparent;
10509
+ --pf-v5-c-droppable--m-dragging--before--BackgroundColor: var(--pf-v5-global--palette--white);
10510
+ --pf-v5-c-droppable--m-dragging--before--Opacity: .6;
10520
10511
  --pf-v5-c-droppable--m-dragging--after--BorderWidth: var(--pf-v5-global--BorderWidth--sm);
10521
10512
  --pf-v5-c-droppable--m-dragging--after--BorderColor: var(--pf-v5-global--active-color--100);
10522
10513
  --pf-v5-c-droppable--m-drag-outside--after--BorderColor: var(--pf-v5-global--danger-color--100);
10523
10514
  }
10524
- .pf-v5-c-droppable.pf-m-dragging {
10525
- position: relative;
10526
- }
10527
- .pf-v5-c-droppable.pf-m-dragging::after {
10515
+ .pf-v5-c-droppable::before, .pf-v5-c-droppable::after {
10528
10516
  position: absolute;
10529
10517
  top: 0;
10530
10518
  right: 0;
@@ -10533,14 +10521,41 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
10533
10521
  pointer-events: none;
10534
10522
  content: "";
10535
10523
  }
10524
+ .pf-v5-c-droppable::before {
10525
+ background-color: var(--pf-v5-c-droppable--before--BackgroundColor);
10526
+ opacity: var(--pf-v5-c-droppable--before--Opacity);
10527
+ }
10536
10528
  .pf-v5-c-droppable::after {
10537
- background-color: var(--pf-v5-c-droppable--m-dragging--after--BackgroundColor);
10538
- border: var(--pf-v5-c-droppable--m-dragging--after--BorderWidth) solid var(--pf-v5-c-droppable--m-dragging--after--BorderColor);
10529
+ border: var(--pf-v5-c-droppable--after--BorderWidth, 0) solid var(--pf-v5-c-droppable--after--BorderColor, transparent);
10530
+ }
10531
+ .pf-v5-c-droppable.pf-m-dragging {
10532
+ --pf-v5-c-droppable--before--BackgroundColor: var(--pf-v5-c-droppable--m-dragging--before--BackgroundColor);
10533
+ --pf-v5-c-droppable--before--Opacity: var(--pf-v5-c-droppable--m-dragging--before--Opacity);
10534
+ --pf-v5-c-droppable--after--BorderWidth: var(--pf-v5-c-droppable--m-dragging--after--BorderWidth);
10535
+ --pf-v5-c-droppable--after--BorderColor: var(--pf-v5-c-droppable--m-dragging--after--BorderColor);
10536
+ position: relative;
10539
10537
  }
10540
10538
  .pf-v5-c-droppable.pf-m-drag-outside {
10541
10539
  --pf-v5-c-droppable--m-dragging--after--BorderColor: var(--pf-v5-c-droppable--m-drag-outside--after--BorderColor);
10542
10540
  }
10543
10541
 
10542
+ :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,
10543
+ :where(.pf-v5-theme-dark) .pf-v5-c-page__main-section[class*=pf-m-dark-],
10544
+ :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,
10545
+ :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 {
10546
+ --pf-v5-global--Color--100: #e0e0e0;
10547
+ --pf-v5-global--Color--200: #aaabac;
10548
+ --pf-v5-global--BorderColor--100: #444548;
10549
+ --pf-v5-global--primary-color--100: #1fa7f8;
10550
+ --pf-v5-global--link--Color: #1fa7f8;
10551
+ --pf-v5-global--link--Color--hover: #73bcf7;
10552
+ --pf-v5-global--BackgroundColor--100: #1b1d21;
10553
+ }
10554
+
10555
+ :where(.pf-v5-theme-dark) .pf-v5-c-droppable {
10556
+ --pf-v5-c-droppable--m-dragging--before--Opacity: .2;
10557
+ }
10558
+
10544
10559
  .pf-v5-c-dual-list-selector {
10545
10560
  --pf-v5-c-dual-list-selector__header--GridArea: pane-header;
10546
10561
  --pf-v5-c-dual-list-selector__tools--GridArea: pane-tools;
@@ -10563,9 +10578,9 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
10563
10578
  --pf-v5-c-dual-list-selector__menu--MaxHeight: 20rem;
10564
10579
  --pf-v5-c-dual-list-selector__list-item-row--FontSize: var(--pf-v5-global--FontSize--sm);
10565
10580
  --pf-v5-c-dual-list-selector__list-item-row--BackgroundColor: transparent;
10566
- --pf-v5-c-dual-list-selector__list-item-row--hover--BackgroundColor: var(--pf-v5-global--BackgroundColor--light-300);
10567
- --pf-v5-c-dual-list-selector__list-item-row--focus-within--BackgroundColor: var(--pf-v5-global--BackgroundColor--light-300);
10568
- --pf-v5-c-dual-list-selector__list-item-row--m-selected--BackgroundColor: var(--pf-v5-global--BackgroundColor--light-300);
10581
+ --pf-v5-c-dual-list-selector__list-item-row--hover--BackgroundColor: var(--pf-v5-global--BackgroundColor--200);
10582
+ --pf-v5-c-dual-list-selector__list-item-row--focus-within--BackgroundColor: var(--pf-v5-global--BackgroundColor--200);
10583
+ --pf-v5-c-dual-list-selector__list-item-row--m-selected--BackgroundColor: var(--pf-v5-global--BackgroundColor--200);
10569
10584
  --pf-v5-c-dual-list-selector__list-item--m-ghost-row--BackgroundColor: var(--pf-v5-global--BackgroundColor--100);
10570
10585
  --pf-v5-c-dual-list-selector__list-item--m-ghost-row--Opacity: .4;
10571
10586
  --pf-v5-c-dual-list-selector__item--PaddingTop: var(--pf-v5-global--spacer--sm);
@@ -10840,6 +10855,25 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
10840
10855
  --pf-v5-c-dual-list-selector__list__list__item-toggle--Left: var(--pf-v5-c-dual-list-selector__item--PaddingLeft);
10841
10856
  }
10842
10857
 
10858
+ :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,
10859
+ :where(.pf-v5-theme-dark) .pf-v5-c-page__main-section[class*=pf-m-dark-],
10860
+ :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,
10861
+ :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 {
10862
+ --pf-v5-global--Color--100: #e0e0e0;
10863
+ --pf-v5-global--Color--200: #aaabac;
10864
+ --pf-v5-global--BorderColor--100: #444548;
10865
+ --pf-v5-global--primary-color--100: #1fa7f8;
10866
+ --pf-v5-global--link--Color: #1fa7f8;
10867
+ --pf-v5-global--link--Color--hover: #73bcf7;
10868
+ --pf-v5-global--BackgroundColor--100: #1b1d21;
10869
+ }
10870
+
10871
+ :where(.pf-v5-theme-dark) .pf-v5-c-dual-list-selector {
10872
+ --pf-v5-c-dual-list-selector__list-item-row--hover--BackgroundColor: var(--pf-v5-global--BackgroundColor--400);
10873
+ --pf-v5-c-dual-list-selector__list-item-row--focus-within--BackgroundColor: var(--pf-v5-global--BackgroundColor--400);
10874
+ --pf-v5-c-dual-list-selector__list-item-row--m-selected--BackgroundColor: var(--pf-v5-global--BackgroundColor--400);
10875
+ }
10876
+
10843
10877
  .pf-v5-c-toolbar {
10844
10878
  --pf-v5-c-toolbar--BackgroundColor: var(--pf-v5-global--BackgroundColor--100);
10845
10879
  --pf-v5-c-toolbar--RowGap--base: var(--pf-v5-global--spacer--lg);
@@ -13850,7 +13884,9 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
13850
13884
  --pf-v5-c-dropdown__toggle--before--BorderBottomColor: var(--pf-v5-global--BorderColor--400);
13851
13885
  --pf-v5-c-dropdown__toggle--before--BorderLeftColor: transparent;
13852
13886
  --pf-v5-c-dropdown__toggle--disabled--BackgroundColor: var(--pf-v5-global--palette--black-500);
13887
+ --pf-v5-c-dropdown__toggle--m-split-button--m-primary--child--BackgroundColor: var(--pf-v5-global--primary-color--300);
13853
13888
  --pf-v5-c-dropdown__toggle--m-primary--BackgroundColor: var(--pf-v5-global--primary-color--300);
13889
+ --pf-v5-c-dropdown__toggle--m-primary--Color: var(--pf-v5-global--primary-color--400);
13854
13890
  --pf-v5-c-dropdown__menu--BackgroundColor: var(--pf-v5-global--BackgroundColor--300);
13855
13891
  --pf-v5-c-dropdown__menu--Top: 100%;
13856
13892
  --pf-v5-c-dropdown--m-top__menu--TranslateY: -100%;
@@ -13882,7 +13918,7 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
13882
13918
  --pf-v5-c-empty-state--m-xs__icon--MarginBottom: var(--pf-v5-global--spacer--md);
13883
13919
  --pf-v5-c-empty-state--m-xl__icon--MarginBottom: var(--pf-v5-global--spacer--xl);
13884
13920
  --pf-v5-c-empty-state--m-xl__icon--FontSize: 6.25rem;
13885
- --pf-v5-c-empty-state__title-text--FontFamily: var(--pf-v5-global--FontFamily--heading--sans-serif);
13921
+ --pf-v5-c-empty-state__title-text--FontFamily: var(--pf-v5-global--FontFamily--heading);
13886
13922
  --pf-v5-c-empty-state__title-text--FontSize: var(--pf-v5-global--FontSize--xl);
13887
13923
  --pf-v5-c-empty-state__title-text--FontWeight: var(--pf-v5-global--FontWeight--normal);
13888
13924
  --pf-v5-c-empty-state__title-text--LineHeight: var(--pf-v5-global--LineHeight--md);
@@ -14981,7 +15017,7 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
14981
15017
  --pf-v5-c-form-control--BorderBottomColor: var(--pf-v5-global--BorderColor--400);
14982
15018
  --pf-v5-c-form-control--BorderLeftColor: transparent;
14983
15019
  --pf-v5-c-form-control--BackgroundColor: var(--pf-v5-global--BackgroundColor--400);
14984
- --pf-v5-c-form-control--disabled--Color: var(--pf-v5-global--palette--black-300);
15020
+ --pf-v5-c-form-control--disabled--Color: var(--pf-v5-global--disabled-color--300);
14985
15021
  --pf-v5-c-form-control--disabled--BackgroundColor: var(--pf-v5-global--disabled-color--200);
14986
15022
  --pf-v5-c-form-control--readonly--BackgroundColor: var(--pf-v5-global--disabled-color--200);
14987
15023
  color: var(--pf-v5-global--Color--100);
@@ -15459,7 +15495,7 @@ label.pf-v5-c-input-group__text {
15459
15495
  --pf-v5-c-input-group__item--m-box--BorderLeftColor: transparent;
15460
15496
  --pf-v5-c-input-group__item--m-disabled--BackgroundColor: var(--pf-v5-global--disabled-color--200);
15461
15497
  --pf-v5-c-input-group__item--m-disabled--BorderBottomColor: transparent;
15462
- --pf-v5-c-input-group__text--m-disabled--Color: var(--pf-v5-global--palette--black-100);
15498
+ --pf-v5-c-input-group__item--m-disabled__text--Color: var(--pf-v5-global--disabled-color--300);
15463
15499
  }
15464
15500
  :where(.pf-v5-theme-dark) .pf-v5-c-input-group > * + * {
15465
15501
  --pf-v5-c-input-group__item--m-box--BorderLeftColor: var(--pf-v5-c-input-group__item--BorderLeftColor);
@@ -16154,6 +16190,7 @@ button.pf-v5-c-label__content:focus {
16154
16190
  --pf-v5-c-label--m-red--BackgroundColor: var(--pf-v5-global--BackgroundColor--300);
16155
16191
  --pf-v5-c-label--m-purple--BackgroundColor: var(--pf-v5-global--BackgroundColor--300);
16156
16192
  --pf-v5-c-label--m-cyan--BackgroundColor: var(--pf-v5-global--BackgroundColor--300);
16193
+ --pf-v5-c-label--m-gold--BackgroundColor: var(--pf-v5-global--BackgroundColor--300);
16157
16194
  --pf-v5-c-label__content--before--BorderWidth: 0;
16158
16195
  --pf-v5-c-label__content--before--BorderColor: transparent;
16159
16196
  --pf-v5-c-label__content--link--hover--before--BorderWidth: var(--pf-v5-global--BorderWidth--sm);
@@ -16188,6 +16225,11 @@ button.pf-v5-c-label__content:focus {
16188
16225
  --pf-v5-c-label--m-outline--m-cyan__content--before--BorderColor: var(--pf-v5-global--palette--cyan-100);
16189
16226
  --pf-v5-c-label--m-outline--m-cyan__content--link--hover--before--BorderColor: var(--pf-v5-global--palette--cyan-100);
16190
16227
  --pf-v5-c-label--m-outline--m-cyan__content--link--focus--before--BorderColor: var(--pf-v5-global--palette--cyan-100);
16228
+ --pf-v5-c-label--m-gold__content--Color: var(--pf-v5-global--palette--gold-300);
16229
+ --pf-v5-c-label--m-outline--m-gold__content--Color: var(--pf-v5-global--palette--gold-300);
16230
+ --pf-v5-c-label--m-outline--m-gold__content--before--BorderColor: var(--pf-v5-global--palette--gold-100);
16231
+ --pf-v5-c-label--m-outline--m-gold__content--link--hover--before--BorderColor: var(--pf-v5-global--palette--gold-100);
16232
+ --pf-v5-c-label--m-outline--m-gold__content--link--focus--before--BorderColor: var(--pf-v5-global--palette--gold-100);
16191
16233
  }
16192
16234
 
16193
16235
  .pf-v5-c-label-group {
@@ -18102,7 +18144,6 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
18102
18144
  --pf-v5-c-menu--BackgroundColor: var(--pf-v5-global--BackgroundColor--300);
18103
18145
  --pf-v5-c-menu__list-item--hover--BackgroundColor: var(--pf-v5-global--BackgroundColor--400);
18104
18146
  --pf-v5-c-menu__list-item--focus-within--BackgroundColor: var(--pf-v5-global--BackgroundColor--400);
18105
- --pf-v5-c-menu__list-item--m-disabled__item--Color: var(--pf-v5-global--Color--200);
18106
18147
  }
18107
18148
 
18108
18149
  .pf-v5-c-menu-toggle {
@@ -18190,7 +18231,7 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
18190
18231
  --pf-v5-c-menu-toggle--m-full-height--active--after--BorderBottomWidth: var(--pf-v5-global--BorderWidth--xl);
18191
18232
  --pf-v5-c-menu-toggle--m-split-button--BackgroundColor: var(--pf-v5-global--BackgroundColor--100);
18192
18233
  --pf-v5-c-menu-toggle--m-split-button--child--BackgroundColor: var(--pf-v5-global--BackgroundColor--100);
18193
- --pf-v5-c-menu-toggle--m-split-button--child--disabled--Color: var(--pf-v5-global--Color--dark-200);
18234
+ --pf-v5-c-menu-toggle--m-split-button--child--disabled--Color: var(--pf-v5-global--disabled-color--100);
18194
18235
  --pf-v5-c-menu-toggle--m-split-button--child--disabled--BackgroundColor: var(--pf-v5-global--disabled-color--300);
18195
18236
  --pf-v5-c-menu-toggle--m-split-button--first-child--PaddingRight: var(--pf-v5-global--spacer--sm);
18196
18237
  --pf-v5-c-menu-toggle--m-split-button--last-child--PaddingLeft: 0;
@@ -18378,6 +18419,7 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
18378
18419
  --pf-v5-c-menu-toggle--PaddingRight: 0;
18379
18420
  --pf-v5-c-check__input--MarginTop: 0;
18380
18421
  --pf-v5-c-check__label--Color: currentcolor;
18422
+ --pf-v5-c-check__label--disabled--Color: currentcolor;
18381
18423
  align-items: center;
18382
18424
  align-self: stretch;
18383
18425
  }
@@ -18444,8 +18486,6 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
18444
18486
  --pf-v5-c-menu-toggle--after--BorderBottomColor: transparent;
18445
18487
  }
18446
18488
  .pf-v5-c-menu-toggle.pf-m-split-button.pf-m-disabled, .pf-v5-c-menu-toggle.pf-m-split-button:disabled {
18447
- --pf-v5-c-menu-toggle--m-split-button--child--BackgroundColor: var(--pf-v5-c-menu-toggle--m-split-button--child--disabled--BackgroundColor);
18448
- --pf-v5-c-menu-toggle--m-split-button--child--Color: var(--pf-v5-c-menu-toggle--m-split-button--child--disabled--Color);
18449
18489
  --pf-v5-c-menu-toggle--m-split-button--m-action--child--BorderLeftColor: transparent;
18450
18490
  }
18451
18491
  .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 {
@@ -18529,9 +18569,12 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
18529
18569
  --pf-v5-c-menu-toggle--before--BorderBottomColor: transparent;
18530
18570
  --pf-v5-c-menu-toggle--before--BorderLeftColor: transparent;
18531
18571
  --pf-v5-c-menu-toggle--after--BorderBottomColor: var(--pf-v5-global--BorderColor--400);
18532
- --pf-v5-c-menu-toggle--disabled--BackgroundColor: var(--pf-v5-global--palette--black-500);
18533
- --pf-v5-c-menu-toggle--disabled--Color: var(--pf-v5-global--palette--black-100);
18534
18572
  --pf-v5-c-menu-toggle--m-primary--BackgroundColor: var(--pf-v5-global--primary-color--300);
18573
+ --pf-v5-c-menu-toggle--disabled--BackgroundColor: var(--pf-v5-global--disabled-color--200);
18574
+ --pf-v5-c-menu-toggle--disabled--Color: var(--pf-v5-global--disabled-color--300);
18575
+ --pf-v5-c-menu-toggle--m-split-button--m-action--m-primary--child--BackgroundColor: var(--pf-v5-global--primary-color--300);
18576
+ --pf-v5-c-menu-toggle--m-split-button--child--disabled--Color: var(--pf-v5-global--disabled-color--300);
18577
+ --pf-v5-c-menu-toggle--m-split-button--child--disabled--BackgroundColor: var(--pf-v5-global--disabled-color--200);
18535
18578
  }
18536
18579
  :where(.pf-v5-theme-dark) .pf-v5-c-menu-toggle.pf-m-plain {
18537
18580
  background: transparent;
@@ -18562,7 +18605,7 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
18562
18605
  --pf-v5-c-modal-box__header--PaddingLeft: var(--pf-v5-global--spacer--lg);
18563
18606
  --pf-v5-c-modal-box__header--last-child--PaddingBottom: var(--pf-v5-global--spacer--lg);
18564
18607
  --pf-v5-c-modal-box__title--LineHeight: var(--pf-v5-global--LineHeight--sm);
18565
- --pf-v5-c-modal-box__title--FontFamily: var(--pf-v5-global--FontFamily--heading--sans-serif);
18608
+ --pf-v5-c-modal-box__title--FontFamily: var(--pf-v5-global--FontFamily--heading);
18566
18609
  --pf-v5-c-modal-box__title--FontSize: var(--pf-v5-global--FontSize--2xl);
18567
18610
  --pf-v5-c-modal-box__title-icon--MarginRight: var(--pf-v5-global--spacer--sm);
18568
18611
  --pf-v5-c-modal-box__title-icon--Color: var(--pf-v5-global--Color--100);
@@ -18994,7 +19037,7 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
18994
19037
  --pf-v5-c-nav--m-horizontal__link--lg--PaddingBottom: var(--pf-v5-global--spacer--lg);
18995
19038
  --pf-v5-c-nav--m-horizontal__link--Right: var(--pf-v5-global--spacer--md);
18996
19039
  --pf-v5-c-nav--m-horizontal__link--Left: var(--pf-v5-global--spacer--md);
18997
- --pf-v5-c-nav--m-horizontal__link--Color: var(--pf-v5-global--Color--light-300);
19040
+ --pf-v5-c-nav--m-horizontal__link--Color: var(--pf-v5-global--Color--light-200);
18998
19041
  --pf-v5-c-nav--m-horizontal__link--hover--Color: var(--pf-v5-global--active-color--400);
18999
19042
  --pf-v5-c-nav--m-horizontal__link--focus--Color: var(--pf-v5-global--active-color--400);
19000
19043
  --pf-v5-c-nav--m-horizontal__link--active--Color: var(--pf-v5-global--active-color--400);
@@ -20010,6 +20053,7 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
20010
20053
 
20011
20054
  :where(.pf-v5-theme-dark) .pf-v5-c-notification-badge {
20012
20055
  --pf-v5-c-notification-badge--m-read--m-expanded--after--BackgroundColor: var(--pf-v5-global--BackgroundColor--400);
20056
+ --pf-v5-c-notification-badge--m-unread--Color: var(--pf-v5-global--primary-color--400);
20013
20057
  --pf-v5-c-notification-badge--m-unread--after--BackgroundColor: var(--pf-v5-global--primary-color--300);
20014
20058
  --pf-v5-c-notification-badge--m-attention--Color: var(--pf-v5-global--palette--black-900);
20015
20059
  }
@@ -22002,6 +22046,7 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
22002
22046
  --pf-v5-c-panel--m-bordered--before--BorderWidth: var(--pf-v5-global--BorderWidth--sm);
22003
22047
  --pf-v5-c-panel--m-raised--BoxShadow: var(--pf-v5-global--BoxShadow--md);
22004
22048
  --pf-v5-c-panel--m-raised--ZIndex: var(--pf-v5-global--ZIndex--sm);
22049
+ --pf-v5-c-panel--m-raised--BackgroundColor: var(--pf-v5-global--BackgroundColor--100);
22005
22050
  --pf-v5-c-panel__header--PaddingTop: var(--pf-v5-global--spacer--md);
22006
22051
  --pf-v5-c-panel__header--PaddingRight: var(--pf-v5-global--spacer--md);
22007
22052
  --pf-v5-c-panel__header--PaddingBottom: var(--pf-v5-global--spacer--md);
@@ -22042,6 +22087,7 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
22042
22087
  --pf-v5-c-panel--before--BorderWidth: var(--pf-v5-c-panel--m-bordered--before--BorderWidth);
22043
22088
  }
22044
22089
  .pf-v5-c-panel.pf-m-raised {
22090
+ --pf-v5-c-panel--BackgroundColor: var(--pf-v5-c-panel--m-raised--BackgroundColor);
22045
22091
  --pf-v5-c-panel--BoxShadow: var(--pf-v5-c-panel--m-raised--BoxShadow);
22046
22092
  --pf-v5-c-panel--ZIndex: var(--pf-v5-c-panel--m-raised--ZIndex);
22047
22093
  }
@@ -22069,6 +22115,23 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
22069
22115
  box-shadow: var(--pf-v5-c-panel__footer--BoxShadow);
22070
22116
  }
22071
22117
 
22118
+ :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,
22119
+ :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,
22120
+ :where(.pf-v5-theme-dark) .pf-v5-c-page__main-section[class*=pf-m-dark-],
22121
+ :where(.pf-v5-theme-dark) .pf-v5-c-page__header {
22122
+ --pf-v5-global--Color--100: #e0e0e0;
22123
+ --pf-v5-global--Color--200: #aaabac;
22124
+ --pf-v5-global--BorderColor--100: #444548;
22125
+ --pf-v5-global--primary-color--100: #1fa7f8;
22126
+ --pf-v5-global--link--Color: #1fa7f8;
22127
+ --pf-v5-global--link--Color--hover: #73bcf7;
22128
+ --pf-v5-global--BackgroundColor--100: #1b1d21;
22129
+ }
22130
+
22131
+ :where(.pf-v5-theme-dark) .pf-v5-c-panel {
22132
+ --pf-v5-c-panel--m-raised--BackgroundColor: var(--pf-v5-global--BackgroundColor--300);
22133
+ }
22134
+
22072
22135
  .pf-v5-c-popover {
22073
22136
  --pf-v5-c-popover--FontSize: var(--pf-v5-global--FontSize--sm);
22074
22137
  --pf-v5-c-popover--MinWidth: calc(var(--pf-v5-c-popover__content--PaddingLeft) + var(--pf-v5-c-popover__content--PaddingRight) + 18.75rem);
@@ -22110,7 +22173,7 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
22110
22173
  --pf-v5-c-popover__close--sibling--PaddingRight: var(--pf-v5-global--spacer--2xl);
22111
22174
  --pf-v5-c-popover__header--MarginBottom: var(--pf-v5-global--spacer--sm);
22112
22175
  --pf-v5-c-popover__title-text--LineHeight: var(--pf-v5-global--LineHeight--md);
22113
- --pf-v5-c-popover__title-text--FontFamily: var(--pf-v5-global--FontFamily--heading--sans-serif);
22176
+ --pf-v5-c-popover__title-text--FontFamily: var(--pf-v5-global--FontFamily--heading);
22114
22177
  --pf-v5-c-popover__title-text--FontSize: var(--pf-v5-global--FontSize--md);
22115
22178
  --pf-v5-c-popover__title-icon--MarginRight: var(--pf-v5-global--spacer--sm);
22116
22179
  --pf-v5-c-popover__title-icon--Color: var(--pf-v5-global--Color--100);
@@ -22257,7 +22320,7 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
22257
22320
  :where(.pf-v5-theme-dark) .pf-v5-c-popover {
22258
22321
  --pf-v5-c-popover__content--BackgroundColor: var(--pf-v5-global--BackgroundColor--300);
22259
22322
  --pf-v5-c-popover__arrow--BackgroundColor: var(--pf-v5-global--BackgroundColor--300);
22260
- --pf-v5-c-popover--m-default__title-text--Color: var(--pf-v5-global--custom-color--200);
22323
+ --pf-v5-c-popover--m-custom__title-text--Color: var(--pf-v5-global--custom-color--200);
22261
22324
  --pf-v5-c-popover--m-info__title-text--Color: var(--pf-v5-global--info-color--100);
22262
22325
  --pf-v5-c-popover--m-success__title-text--Color: var(--pf-v5-global--success-color--100);
22263
22326
  }
@@ -22748,6 +22811,7 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
22748
22811
  font-weight: var(--pf-v5-c-progress-stepper__step-title--FontWeight);
22749
22812
  color: var(--pf-v5-c-progress-stepper__step-title--Color);
22750
22813
  text-align: var(--pf-v5-c-progress-stepper__step-title--TextAlign);
22814
+ background: none;
22751
22815
  border: 0;
22752
22816
  }
22753
22817
  .pf-v5-c-progress-stepper__step-title.pf-m-help-text {
@@ -29185,6 +29249,7 @@ svg.pf-v5-c-spinner.pf-m-xl {
29185
29249
  :where(.pf-v5-theme-dark) .pf-v5-c-tabs {
29186
29250
  --pf-v5-c-tabs__scroll-button--BackgroundColor: transparent;
29187
29251
  --pf-v5-c-tabs__link--disabled--BackgroundColor: var(--pf-v5-global--disabled-color--200);
29252
+ --pf-v5-c-tabs__link--disabled--Color: var(--pf-v5-global--disabled-color--300);
29188
29253
  --pf-v5-c-tabs--m-color-scheme--light-300__link--disabled--BackgroundColor: var(--pf-v5-global--disabled-color--200);
29189
29254
  }
29190
29255
 
@@ -29338,6 +29403,27 @@ svg.pf-v5-c-spinner.pf-m-xl {
29338
29403
  display: flex;
29339
29404
  }
29340
29405
 
29406
+ :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,
29407
+ :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,
29408
+ :where(.pf-v5-theme-dark) .pf-v5-c-page__main-section[class*=pf-m-dark-],
29409
+ :where(.pf-v5-theme-dark) .pf-v5-c-page__header {
29410
+ --pf-v5-global--Color--100: #e0e0e0;
29411
+ --pf-v5-global--Color--200: #aaabac;
29412
+ --pf-v5-global--BorderColor--100: #444548;
29413
+ --pf-v5-global--primary-color--100: #1fa7f8;
29414
+ --pf-v5-global--link--Color: #1fa7f8;
29415
+ --pf-v5-global--link--Color--hover: #73bcf7;
29416
+ --pf-v5-global--BackgroundColor--100: #1b1d21;
29417
+ }
29418
+
29419
+ :where(.pf-v5-theme-dark) .pf-v5-c-text-input-group {
29420
+ --pf-v5-c-text-input-group--BackgroundColor: var(--pf-v5-global--BackgroundColor--400);
29421
+ --pf-v5-c-text-input-group--m-disabled--Color: var(--pf-v5-global--disabled-color--300);
29422
+ --pf-v5-c-text-input-group--m-disabled--BackgroundColor: var(--pf-v5-global--disabled-color--200);
29423
+ --pf-v5-c-text-input-group__text--before--BorderWidth: 0;
29424
+ --pf-v5-c-text-input-group__text--after--BorderBottomColor: var(--pf-v5-global--BorderColor--400);
29425
+ }
29426
+
29341
29427
  .pf-v5-c-tile {
29342
29428
  --pf-v5-c-tile--PaddingTop: var(--pf-v5-global--spacer--lg);
29343
29429
  --pf-v5-c-tile--PaddingRight: var(--pf-v5-global--spacer--lg);
@@ -29532,7 +29618,7 @@ svg.pf-v5-c-spinner.pf-m-xl {
29532
29618
  }
29533
29619
 
29534
29620
  .pf-v5-c-title {
29535
- --pf-v5-c-title--FontFamily: var(--pf-v5-global--FontFamily--heading--sans-serif);
29621
+ --pf-v5-c-title--FontFamily: var(--pf-v5-global--FontFamily--heading);
29536
29622
  --pf-v5-c-title--m-4xl--LineHeight: var(--pf-v5-global--LineHeight--sm);
29537
29623
  --pf-v5-c-title--m-4xl--FontSize: var(--pf-v5-global--FontSize--4xl);
29538
29624
  --pf-v5-c-title--m-4xl--FontWeight: var(--pf-v5-global--FontWeight--normal);
@@ -29612,6 +29698,7 @@ svg.pf-v5-c-spinner.pf-m-xl {
29612
29698
  --pf-v5-c-toggle-group__item--last-child__button--BorderBottomRightRadius: var(--pf-v5-global--BorderRadius--sm);
29613
29699
  --pf-v5-c-toggle-group__icon--text--MarginLeft: var(--pf-v5-global--spacer--sm);
29614
29700
  --pf-v5-c-toggle-group__button--m-selected--BackgroundColor: var(--pf-v5-global--palette--blue-50);
29701
+ --pf-v5-c-toggle-group__button--m-selected--Color: initial;
29615
29702
  --pf-v5-c-toggle-group__button--m-selected--before--BorderColor: var(--pf-v5-global--primary-color--100);
29616
29703
  --pf-v5-c-toggle-group__button--m-selected--ZIndex: var(--pf-v5-global--ZIndex--xs);
29617
29704
  --pf-v5-c-toggle-group--m-compact__button--PaddingTop: 0;
@@ -29675,6 +29762,7 @@ svg.pf-v5-c-spinner.pf-m-xl {
29675
29762
  }
29676
29763
  .pf-v5-c-toggle-group__button.pf-m-selected {
29677
29764
  --pf-v5-c-toggle-group__button--BackgroundColor: var(--pf-v5-c-toggle-group__button--m-selected--BackgroundColor);
29765
+ --pf-v5-c-toggle-group__button--Color: var(--pf-v5-c-toggle-group__button--m-selected--Color, inherit);
29678
29766
  --pf-v5-c-toggle-group__button--ZIndex: var(--pf-v5-c-toggle-group__button--m-selected--ZIndex);
29679
29767
  --pf-v5-c-toggle-group__button--before--BorderColor: var(--pf-v5-c-toggle-group__button--m-selected--before--BorderColor);
29680
29768
  }
@@ -29708,6 +29796,7 @@ svg.pf-v5-c-spinner.pf-m-xl {
29708
29796
  --pf-v5-c-toggle-group__button--disabled--BackgroundColor: var(--pf-v5-global--palette--black-600);
29709
29797
  --pf-v5-c-toggle-group__button--disabled--Color: var(--pf-v5-global--palette--black-100);
29710
29798
  --pf-v5-c-toggle-group__button--m-selected--BackgroundColor: var(--pf-v5-global--primary-color--300);
29799
+ --pf-v5-c-toggle-group__button--m-selected--Color: var(--pf-v5-global--primary-color--400);
29711
29800
  }
29712
29801
 
29713
29802
  .pf-v5-c-tooltip {
@@ -30369,7 +30458,7 @@ label.pf-v5-c-tree-view__node-text {
30369
30458
  --pf-v5-c-wizard__close--FontSize: var(--pf-v5-global--FontSize--xl);
30370
30459
  --pf-v5-c-wizard__title--PaddingRight: var(--pf-v5-global--spacer--2xl);
30371
30460
  --pf-v5-c-wizard__title-text--FontSize: var(--pf-v5-global--FontSize--3xl);
30372
- --pf-v5-c-wizard__title-text--FontFamily: var(--pf-v5-global--FontFamily--heading--sans-serif);
30461
+ --pf-v5-c-wizard__title-text--FontFamily: var(--pf-v5-global--FontFamily--heading);
30373
30462
  --pf-v5-c-wizard__title-text--FontWeight: var(--pf-v5-global--FontWeight--normal);
30374
30463
  --pf-v5-c-wizard__title-text--LineHeight: var(--pf-v5-global--LineHeight--sm);
30375
30464
  --pf-v5-c-wizard__description--PaddingTop: var(--pf-v5-global--spacer--sm);
@@ -30381,7 +30470,7 @@ label.pf-v5-c-tree-view__node-text {
30381
30470
  --pf-v5-c-wizard__nav-link--focus--Color: var(--pf-v5-global--link--Color);
30382
30471
  --pf-v5-c-wizard__nav-link--m-current--Color: var(--pf-v5-global--link--Color);
30383
30472
  --pf-v5-c-wizard__nav-link--m-current--FontWeight: var(--pf-v5-global--FontWeight--normal);
30384
- --pf-v5-c-wizard__nav-link--m-disabled--Color: var(--pf-v5-global--Color--dark-200);
30473
+ --pf-v5-c-wizard__nav-link--m-disabled--Color: var(--pf-v5-global--disabled-color--100);
30385
30474
  --pf-v5-c-wizard__nav-list__nav-list__nav-link--m-current--FontWeight: var(--pf-v5-global--FontWeight--normal);
30386
30475
  --pf-v5-c-wizard__nav-link-toggle--PaddingRight: var(--pf-v5-global--spacer--sm);
30387
30476
  --pf-v5-c-wizard__nav-link-toggle--PaddingLeft: var(--pf-v5-global--spacer--sm);
@@ -30402,7 +30491,7 @@ label.pf-v5-c-tree-view__node-text {
30402
30491
  --pf-v5-c-wizard__nav-link--m-current--before--BackgroundColor: var(--pf-v5-global--active-color--100);
30403
30492
  --pf-v5-c-wizard__nav-link--m-current--before--Color: var(--pf-v5-global--Color--light-100);
30404
30493
  --pf-v5-c-wizard__nav-link--m-disabled--before--BackgroundColor: transparent;
30405
- --pf-v5-c-wizard__nav-link--m-disabled--before--Color: var(--pf-v5-global--Color--dark-200);
30494
+ --pf-v5-c-wizard__nav-link--m-disabled--before--Color: var(--pf-v5-global--disabled-color--100);
30406
30495
  --pf-v5-c-wizard__toggle--BackgroundColor: var(--pf-v5-global--BackgroundColor--100);
30407
30496
  --pf-v5-c-wizard__toggle--ZIndex: var(--pf-v5-global--ZIndex--xs);
30408
30497
  --pf-v5-c-wizard__toggle--BoxShadow: var(--pf-v5-global--BoxShadow--md-bottom);
@@ -30855,8 +30944,6 @@ label.pf-v5-c-tree-view__node-text {
30855
30944
  :where(.pf-v5-theme-dark) .pf-v5-c-wizard {
30856
30945
  --pf-v5-c-wizard__header--BackgroundColor: var(--pf-v5-global--palette--black-1000);
30857
30946
  --pf-v5-c-wizard__nav-link--before--BackgroundColor: var(--pf-v5-global--palette--black-500);
30858
- --pf-v5-c-wizard__nav-link--m-disabled--Color: var(--pf-v5-global--disabled-color--300);
30859
- --pf-v5-c-wizard__nav-link--m-disabled--before--Color: var(--pf-v5-global--disabled-color--300);
30860
30947
  }
30861
30948
  :where(.pf-v5-theme-dark) .pf-v5-c-wizard__header {
30862
30949
  color: var(--pf-v5-global--Color--100);