@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
|
@@ -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 {
|
|
@@ -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
|
|
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--
|
|
6013
|
-
--pf-v5-c-
|
|
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--
|
|
6019
|
-
--pf-v5-c-alert--m-inline--m-success--BackgroundColor: var(--pf-v5-global--
|
|
6020
|
-
--pf-v5-c-alert--m-inline--m-danger--BackgroundColor: var(--pf-v5-global--
|
|
6021
|
-
--pf-v5-c-alert--m-inline--m-warning--BackgroundColor: var(--pf-v5-global--
|
|
6022
|
-
--pf-v5-c-alert--m-inline--m-info--BackgroundColor: var(--pf-v5-global--
|
|
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--
|
|
6714
|
-
--pf-v5-c-banner--m-green--BackgroundColor: var(--pf-v5-global--
|
|
6715
|
-
--pf-v5-c-banner--m-gold--BackgroundColor: var(--pf-v5-global--
|
|
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(
|
|
6779
|
+
color: var(false);
|
|
6798
6780
|
}
|
|
6799
|
-
:where(.pf-v5-theme-dark) .pf-v5-c-banner.pf-m-
|
|
6800
|
-
|
|
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--
|
|
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
|
|
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
|
|
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--
|
|
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-
|
|
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
|
-
|
|
10538
|
-
|
|
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--
|
|
10567
|
-
--pf-v5-c-dual-list-selector__list-item-row--focus-within--BackgroundColor: var(--pf-v5-global--BackgroundColor--
|
|
10568
|
-
--pf-v5-c-dual-list-selector__list-item-row--m-selected--BackgroundColor: var(--pf-v5-global--BackgroundColor--
|
|
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
|
|
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--
|
|
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-
|
|
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--
|
|
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
|
|
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-
|
|
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
|
|
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-
|
|
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
|
|
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
|
|
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--
|
|
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--
|
|
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);
|