@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.
- package/assets/fonts/RedHatDisplay/RedHatDisplay-Black.woff2 +0 -0
- package/assets/fonts/RedHatDisplay/RedHatDisplay-BlackItalic.woff2 +0 -0
- package/assets/fonts/RedHatDisplay/RedHatDisplay-Bold.woff2 +0 -0
- package/assets/fonts/RedHatDisplay/RedHatDisplay-BoldItalic.woff2 +0 -0
- package/assets/fonts/RedHatDisplay/RedHatDisplay-Italic.woff2 +0 -0
- package/assets/fonts/RedHatDisplay/RedHatDisplay-Light.woff2 +0 -0
- package/assets/fonts/RedHatDisplay/RedHatDisplay-LightItalic.woff2 +0 -0
- package/assets/fonts/RedHatDisplay/RedHatDisplay-Medium.woff2 +0 -0
- package/assets/fonts/RedHatDisplay/RedHatDisplay-MediumItalic.woff2 +0 -0
- package/assets/fonts/RedHatDisplay/RedHatDisplay-Regular.woff2 +0 -0
- package/assets/fonts/RedHatDisplay/RedHatDisplayVF-Italic.woff2 +0 -0
- package/assets/fonts/RedHatDisplay/RedHatDisplayVF.woff2 +0 -0
- package/assets/fonts/RedHatMono/RedHatMono-Bold.woff2 +0 -0
- package/assets/fonts/RedHatMono/RedHatMono-BoldItalic.woff2 +0 -0
- package/assets/fonts/RedHatMono/RedHatMono-Italic.woff2 +0 -0
- package/assets/fonts/RedHatMono/RedHatMono-Light.woff2 +0 -0
- package/assets/fonts/RedHatMono/RedHatMono-LightItalic.woff2 +0 -0
- package/assets/fonts/RedHatMono/RedHatMono-Medium.woff2 +0 -0
- package/assets/fonts/RedHatMono/RedHatMono-MediumItalic.woff2 +0 -0
- package/assets/fonts/RedHatMono/RedHatMono-Regular.woff2 +0 -0
- package/assets/fonts/RedHatMono/RedHatMonoVF-Italic.woff2 +0 -0
- package/assets/fonts/RedHatMono/RedHatMonoVF.woff2 +0 -0
- package/assets/fonts/RedHatText/RedHatText-Bold.woff2 +0 -0
- package/assets/fonts/RedHatText/RedHatText-BoldItalic.woff2 +0 -0
- package/assets/fonts/RedHatText/RedHatText-Italic.woff2 +0 -0
- package/assets/fonts/RedHatText/RedHatText-Light.woff2 +0 -0
- package/assets/fonts/RedHatText/RedHatText-LightItalic.woff2 +0 -0
- package/assets/fonts/RedHatText/RedHatText-Medium.woff2 +0 -0
- package/assets/fonts/RedHatText/RedHatText-MediumItalic.woff2 +0 -0
- package/assets/fonts/RedHatText/RedHatText-Regular.woff2 +0 -0
- package/assets/fonts/RedHatText/RedHatTextVF-Italic.woff2 +0 -0
- package/assets/fonts/RedHatText/RedHatTextVF.woff2 +0 -0
- package/assets/images/pf_logo.svg +11 -11
- package/base/_chart-globals.scss +1 -1
- package/base/_fonts.scss +56 -71
- package/base/_globals.scss +1 -1
- package/base/_variables.scss +10 -25
- package/base/patternfly-fonts.css +52 -59
- package/base/patternfly-globals.css +1 -1
- package/base/patternfly-variables.css +13 -24
- package/base/themes/dark/_variables.scss +2 -0
- package/components/Accordion/accordion.css +1 -1
- package/components/Accordion/accordion.scss +1 -1
- package/components/Alert/alert.css +7 -7
- package/components/Alert/themes/dark/alert.scss +7 -7
- package/components/AppLauncher/app-launcher.css +1 -0
- package/components/AppLauncher/app-launcher.scss +1 -0
- package/components/Badge/badge.css +1 -0
- package/components/Badge/themes/dark/badge.scss +1 -0
- package/components/Banner/banner.css +6 -8
- package/components/Banner/banner.scss +5 -5
- package/components/Banner/themes/dark/banner.scss +2 -6
- package/components/Button/button.css +4 -0
- package/components/Button/button.scss +2 -0
- package/components/Button/themes/dark/button.scss +4 -2
- package/components/CalendarMonth/calendar-month.css +3 -3
- package/components/CalendarMonth/calendar-month.scss +1 -5
- package/components/CalendarMonth/themes/dark/calendar-month.scss +2 -0
- package/components/Card/card.css +1 -1
- package/components/Card/card.scss +1 -1
- package/components/Content/content.css +1 -1
- package/components/Content/content.scss +1 -1
- package/components/DragDrop/drag-drop.css +23 -7
- package/components/DragDrop/drag-drop.scss +36 -17
- package/components/DragDrop/themes/dark/drag-drop.scss +7 -0
- package/components/Dropdown/dropdown.css +2 -0
- package/components/Dropdown/themes/dark/dropdown.scss +2 -0
- package/components/DualListSelector/dual-list-selector.css +9 -3
- package/components/DualListSelector/dual-list-selector.scss +10 -3
- package/components/DualListSelector/themes/dark/dual-list-selector.scss +9 -0
- package/components/EmptyState/empty-state.css +1 -1
- package/components/EmptyState/empty-state.scss +1 -1
- package/components/FormControl/form-control.css +1 -1
- package/components/FormControl/themes/dark/form-control.scss +1 -1
- package/components/InputGroup/input-group.css +1 -1
- package/components/InputGroup/themes/dark/input-group.scss +1 -1
- package/components/Label/label.css +6 -0
- package/components/Label/themes/dark/label.scss +6 -0
- package/components/Menu/menu.css +0 -1
- package/components/Menu/themes/dark/menu.scss +0 -1
- package/components/MenuToggle/menu-toggle.css +7 -5
- package/components/MenuToggle/menu-toggle.scss +2 -3
- package/components/MenuToggle/themes/dark/menu-toggle.scss +17 -14
- package/components/ModalBox/modal-box.css +1 -1
- package/components/ModalBox/modal-box.scss +1 -1
- package/components/Nav/nav.css +1 -1
- package/components/Nav/nav.scss +1 -1
- package/components/NotificationBadge/notification-badge.css +1 -0
- package/components/NotificationBadge/themes/dark/notification-badge.scss +1 -0
- package/components/Panel/panel.css +6 -0
- package/components/Panel/panel.scss +9 -0
- package/components/Panel/themes/dark/panel.scss +7 -0
- package/components/Popover/popover.css +2 -2
- package/components/Popover/popover.scss +1 -1
- package/components/Popover/themes/dark/popover.scss +1 -1
- package/components/ProgressStepper/progress-stepper.css +1 -0
- package/components/ProgressStepper/progress-stepper.scss +240 -239
- package/components/Tabs/tabs.css +1 -0
- package/components/Tabs/themes/dark/tabs.scss +1 -0
- package/components/TextInputGroup/text-input-group.css +8 -0
- package/components/TextInputGroup/text-input-group.scss +7 -0
- package/components/TextInputGroup/themes/dark/text-input-group.scss +11 -0
- package/components/Title/title.css +1 -1
- package/components/Title/title.scss +1 -1
- package/components/ToggleGroup/themes/dark/toggle-group.scss +1 -0
- package/components/ToggleGroup/toggle-group.css +3 -0
- package/components/ToggleGroup/toggle-group.scss +2 -0
- package/components/Wizard/themes/dark/wizard.scss +0 -2
- package/components/Wizard/wizard.css +3 -5
- package/components/Wizard/wizard.scss +3 -3
- package/docs/components/DualListSelector/examples/DualListSelector.md +1 -1
- package/docs/components/Slider/examples/Slider.md +15 -13
- package/docs/components/TextInputGroup/examples/TextInputGroup.css +4 -0
- package/docs/utilities/Text/examples/Text.md +32 -38
- package/package.json +3 -3
- package/patternfly-addons.css +10 -29
- package/patternfly-base-no-globals.css +65 -83
- package/patternfly-base.css +66 -84
- package/patternfly-no-globals.css +220 -133
- package/patternfly.css +221 -134
- package/patternfly.min.css +1 -1
- package/patternfly.min.css.map +1 -1
- package/sass-utilities/mixins.scss +3 -1
- package/sass-utilities/scss-variables.scss +6 -10
- package/sass-utilities/themes/dark/scss-variables.scss +7 -2
- package/utilities/Text/text.css +10 -29
- package/utilities/Text/text.scss +10 -13
- package/assets/fonts/RedHatFont-updated/RedHatDisplay/RedHatDisplay-updated-Black.woff2 +0 -0
- package/assets/fonts/RedHatFont-updated/RedHatDisplay/RedHatDisplay-updated-BlackItalic.woff2 +0 -0
- package/assets/fonts/RedHatFont-updated/RedHatDisplay/RedHatDisplay-updated-Bold.woff2 +0 -0
- package/assets/fonts/RedHatFont-updated/RedHatDisplay/RedHatDisplay-updated-BoldItalic.woff2 +0 -0
- package/assets/fonts/RedHatFont-updated/RedHatDisplay/RedHatDisplay-updated-Italic.woff2 +0 -0
- package/assets/fonts/RedHatFont-updated/RedHatDisplay/RedHatDisplay-updated-Light.woff2 +0 -0
- package/assets/fonts/RedHatFont-updated/RedHatDisplay/RedHatDisplay-updated-LightItalic.woff2 +0 -0
- package/assets/fonts/RedHatFont-updated/RedHatDisplay/RedHatDisplay-updated-Medium.woff2 +0 -0
- package/assets/fonts/RedHatFont-updated/RedHatDisplay/RedHatDisplay-updated-MediumItalic.woff2 +0 -0
- package/assets/fonts/RedHatFont-updated/RedHatDisplay/RedHatDisplay-updated-Regular.woff2 +0 -0
- package/assets/fonts/RedHatFont-updated/RedHatDisplay/RedHatDisplayVF-updated-Italic.woff2 +0 -0
- package/assets/fonts/RedHatFont-updated/RedHatDisplay/RedHatDisplayVF-updated.woff2 +0 -0
- package/assets/fonts/RedHatFont-updated/RedHatMono/RedHatMono-updated-Bold.woff2 +0 -0
- package/assets/fonts/RedHatFont-updated/RedHatMono/RedHatMono-updated-BoldItalic.woff2 +0 -0
- package/assets/fonts/RedHatFont-updated/RedHatMono/RedHatMono-updated-Italic.woff2 +0 -0
- package/assets/fonts/RedHatFont-updated/RedHatMono/RedHatMono-updated-Light.woff2 +0 -0
- package/assets/fonts/RedHatFont-updated/RedHatMono/RedHatMono-updated-LightItalic.woff2 +0 -0
- package/assets/fonts/RedHatFont-updated/RedHatMono/RedHatMono-updated-Medium.woff2 +0 -0
- package/assets/fonts/RedHatFont-updated/RedHatMono/RedHatMono-updated-MediumItalic.woff2 +0 -0
- package/assets/fonts/RedHatFont-updated/RedHatMono/RedHatMono-updated-Regular.woff2 +0 -0
- package/assets/fonts/RedHatFont-updated/RedHatMono/RedHatMonoVF-updated-Italic.woff2 +0 -0
- package/assets/fonts/RedHatFont-updated/RedHatMono/RedHatMonoVF-updated.woff2 +0 -0
- package/assets/fonts/RedHatFont-updated/RedHatText/RedHatText-updated-Bold.woff2 +0 -0
- package/assets/fonts/RedHatFont-updated/RedHatText/RedHatText-updated-BoldItalic.woff2 +0 -0
- package/assets/fonts/RedHatFont-updated/RedHatText/RedHatText-updated-Italic.woff2 +0 -0
- package/assets/fonts/RedHatFont-updated/RedHatText/RedHatText-updated-Light.woff2 +0 -0
- package/assets/fonts/RedHatFont-updated/RedHatText/RedHatText-updated-LightItalic.woff2 +0 -0
- package/assets/fonts/RedHatFont-updated/RedHatText/RedHatText-updated-Medium.woff2 +0 -0
- package/assets/fonts/RedHatFont-updated/RedHatText/RedHatText-updated-MediumItalic.woff2 +0 -0
- package/assets/fonts/RedHatFont-updated/RedHatText/RedHatText-updated-Regular.woff2 +0 -0
- package/assets/fonts/RedHatFont-updated/RedHatText/RedHatTextVF-updated-Italic.woff2 +0 -0
- package/assets/fonts/RedHatFont-updated/RedHatText/RedHatTextVF-updated.woff2 +0 -0
- package/assets/fonts/RedHatFont-updated/modified/RedHatDisplayVF-updated-ItalicModified.woff2 +0 -0
- package/assets/fonts/RedHatFont-updated/modified/RedHatDisplayVFModified-updated.woff2 +0 -0
- package/assets/fonts/RedHatFont-updated/modified/RedHatTextVF-updated-ItalicModified.woff2 +0 -0
- 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--
|
|
284
|
-
--pf-v5-global--FontFamily--heading
|
|
285
|
-
--pf-v5-global--FontFamily--monospace: "Liberation Mono", consolas, "SFMono-Regular", menlo, monaco, "Courier New", monospace;
|
|
286
|
-
--pf-v5-global--FontFamily--
|
|
287
|
-
--pf-v5-global--FontFamily--
|
|
288
|
-
--pf-v5-global--FontFamily--
|
|
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-
|
|
316
|
-
--pf-v5-global--FontFamily--
|
|
317
|
-
--pf-v5-global--FontFamily--heading
|
|
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: #
|
|
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:
|
|
417
|
+
font-family: RedHatDisplay;
|
|
429
418
|
font-style: normal;
|
|
430
|
-
font-weight:
|
|
431
|
-
src: url("./assets/fonts/RedHatDisplay/RedHatDisplay-
|
|
432
|
-
|
|
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:
|
|
436
|
-
font-style:
|
|
424
|
+
font-family: RedHatDisplay;
|
|
425
|
+
font-style: italic;
|
|
437
426
|
font-weight: 400;
|
|
438
|
-
src: url("./assets/fonts/RedHatDisplay/RedHatDisplay-
|
|
439
|
-
|
|
427
|
+
src: url("./assets/fonts/RedHatDisplay/RedHatDisplay-MediumItalic.woff2") format("woff2");
|
|
428
|
+
font-display: fallback;
|
|
440
429
|
}
|
|
441
430
|
@font-face {
|
|
442
|
-
font-family:
|
|
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
|
-
|
|
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:
|
|
438
|
+
font-family: RedHatDisplay;
|
|
457
439
|
font-style: normal;
|
|
458
440
|
font-weight: 700;
|
|
459
|
-
src: url("./assets/fonts/
|
|
460
|
-
|
|
441
|
+
src: url("./assets/fonts/RedHatDisplay/RedHatDisplay-BoldItalic.woff2") format("woff2");
|
|
442
|
+
font-display: fallback;
|
|
461
443
|
}
|
|
462
444
|
@font-face {
|
|
463
|
-
font-family:
|
|
445
|
+
font-family: RedHatText;
|
|
464
446
|
font-style: normal;
|
|
465
|
-
font-weight:
|
|
466
|
-
src: url("./assets/fonts/
|
|
467
|
-
|
|
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:
|
|
471
|
-
font-style:
|
|
452
|
+
font-family: RedHatText;
|
|
453
|
+
font-style: italic;
|
|
472
454
|
font-weight: 400;
|
|
473
|
-
src: url("./assets/fonts/
|
|
474
|
-
|
|
455
|
+
src: url("./assets/fonts/RedHatText/RedHatText-Italic.woff2") format("woff2");
|
|
456
|
+
font-display: fallback;
|
|
475
457
|
}
|
|
476
458
|
@font-face {
|
|
477
|
-
font-family:
|
|
459
|
+
font-family: RedHatText;
|
|
478
460
|
font-style: normal;
|
|
479
461
|
font-weight: 700;
|
|
480
|
-
src: url("./assets/fonts/
|
|
481
|
-
|
|
462
|
+
src: url("./assets/fonts/RedHatText/RedHatText-Medium.woff2") format("woff2");
|
|
463
|
+
font-display: fallback;
|
|
482
464
|
}
|
|
483
465
|
@font-face {
|
|
484
|
-
font-family:
|
|
485
|
-
font-style:
|
|
486
|
-
font-weight:
|
|
487
|
-
src: url("./assets/fonts/
|
|
488
|
-
|
|
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:
|
|
473
|
+
font-family: RedHatMono;
|
|
492
474
|
font-style: normal;
|
|
493
|
-
font-weight:
|
|
494
|
-
src: url("./assets/fonts/
|
|
495
|
-
|
|
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:
|
|
499
|
-
font-style:
|
|
480
|
+
font-family: RedHatMono;
|
|
481
|
+
font-style: italic;
|
|
500
482
|
font-weight: 400;
|
|
501
|
-
src: url("./assets/fonts/
|
|
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:
|
|
487
|
+
font-family: RedHatDisplayVF;
|
|
506
488
|
font-style: normal;
|
|
507
|
-
font-weight:
|
|
508
|
-
src: url("./assets/fonts/
|
|
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:
|
|
494
|
+
font-family: RedHatDisplayVF;
|
|
513
495
|
font-style: italic;
|
|
514
|
-
font-weight:
|
|
515
|
-
src: url("./assets/fonts/
|
|
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:
|
|
501
|
+
font-family: RedHatTextVF;
|
|
520
502
|
font-style: normal;
|
|
521
503
|
font-weight: 400 500;
|
|
522
|
-
src: url("./assets/fonts/
|
|
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:
|
|
508
|
+
font-family: RedHatTextVF;
|
|
527
509
|
font-style: italic;
|
|
528
510
|
font-weight: 400 500;
|
|
529
|
-
src: url("./assets/fonts/
|
|
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:
|
|
515
|
+
font-family: RedHatMonoVF;
|
|
534
516
|
font-style: normal;
|
|
535
|
-
font-weight:
|
|
536
|
-
src: url("./assets/fonts/
|
|
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:
|
|
522
|
+
font-family: RedHatMonoVF;
|
|
541
523
|
font-style: italic;
|
|
542
|
-
font-weight:
|
|
543
|
-
src: url("./assets/fonts/
|
|
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--
|
|
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
|
|
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--
|
|
6130
|
-
--pf-v5-c-
|
|
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--
|
|
6136
|
-
--pf-v5-c-alert--m-inline--m-success--BackgroundColor: var(--pf-v5-global--
|
|
6137
|
-
--pf-v5-c-alert--m-inline--m-danger--BackgroundColor: var(--pf-v5-global--
|
|
6138
|
-
--pf-v5-c-alert--m-inline--m-warning--BackgroundColor: var(--pf-v5-global--
|
|
6139
|
-
--pf-v5-c-alert--m-inline--m-info--BackgroundColor: var(--pf-v5-global--
|
|
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--
|
|
6831
|
-
--pf-v5-c-banner--m-green--BackgroundColor: var(--pf-v5-global--
|
|
6832
|
-
--pf-v5-c-banner--m-gold--BackgroundColor: var(--pf-v5-global--
|
|
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(
|
|
6896
|
+
color: var(false);
|
|
6915
6897
|
}
|
|
6916
|
-
:where(.pf-v5-theme-dark) .pf-v5-c-banner.pf-m-
|
|
6917
|
-
|
|
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--
|
|
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
|
|
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
|
|
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--
|
|
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-
|
|
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
|
-
|
|
10655
|
-
|
|
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--
|
|
10684
|
-
--pf-v5-c-dual-list-selector__list-item-row--focus-within--BackgroundColor: var(--pf-v5-global--BackgroundColor--
|
|
10685
|
-
--pf-v5-c-dual-list-selector__list-item-row--m-selected--BackgroundColor: var(--pf-v5-global--BackgroundColor--
|
|
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
|
|
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--
|
|
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-
|
|
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--
|
|
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
|
|
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-
|
|
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
|
|
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-
|
|
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
|
|
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
|
|
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--
|
|
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--
|
|
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);
|