@patternfly/patternfly 4.203.1 → 4.203.4
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/base/patternfly-variables.css +1 -0
- package/base/themes/dark/_variables.scss +1 -0
- package/components/Page/page.css +11 -5
- package/components/Page/page.scss +8 -4
- package/components/Page/themes/dark/page.scss +4 -0
- package/package.json +2 -2
- package/patternfly-addons.css +256 -0
- package/patternfly-base-no-reset.css +1 -0
- package/patternfly-base.css +1 -0
- package/patternfly-no-reset.css +12 -5
- package/patternfly.css +12 -5
- package/patternfly.min.css +1 -1
- package/patternfly.min.css.map +1 -1
- package/sass-utilities/themes/dark/scss-variables.scss +1 -0
- package/utilities/BackgroundColor/BackgroundColor.css +100 -0
- package/utilities/BackgroundColor/BackgroundColor.scss +6 -0
- package/utilities/BackgroundColor/themes/dark/BackgroundColor.css +0 -0
- package/utilities/BackgroundColor/themes/dark/BackgroundColor.scss +25 -0
- package/utilities/Text/text.css +155 -0
- package/utilities/Text/text.scss +6 -0
- package/utilities/Text/themes/dark/text.css +0 -0
- package/utilities/Text/themes/dark/text.scss +33 -0
|
@@ -297,6 +297,7 @@
|
|
|
297
297
|
--pf-global--danger-color--200: #fe6a5d;
|
|
298
298
|
--pf-global--link--Color: #1fa7f8;
|
|
299
299
|
--pf-global--link--Color--hover: #73bcf7;
|
|
300
|
+
--pf-global--link--Color--visited: #a18fff;
|
|
300
301
|
--pf-global--disabled-color--100: #57585a;
|
|
301
302
|
--pf-global--disabled-color--200: #444548;
|
|
302
303
|
--pf-global--disabled-color--300: #aaabac;
|
|
@@ -40,6 +40,7 @@
|
|
|
40
40
|
--pf-global--danger-color--200: #{$pf-global--danger-color--200};
|
|
41
41
|
--pf-global--link--Color: #{$pf-global--link--Color};
|
|
42
42
|
--pf-global--link--Color--hover: #{$pf-global--link--Color--hover};
|
|
43
|
+
--pf-global--link--Color--visited: #{$pf-global--link--Color--visited};
|
|
43
44
|
--pf-global--disabled-color--100: #{$pf-global--disabled-color--100};
|
|
44
45
|
--pf-global--disabled-color--200: #{$pf-global--disabled-color--200};
|
|
45
46
|
--pf-global--disabled-color--300: #{$pf-global--disabled-color--300};
|
package/components/Page/page.css
CHANGED
|
@@ -143,6 +143,8 @@
|
|
|
143
143
|
--pf-c-page__sidebar--Width: 18.125rem;
|
|
144
144
|
--pf-c-page__sidebar--BackgroundColor: var(--pf-global--BackgroundColor--dark-300);
|
|
145
145
|
--pf-c-page__sidebar--m-light--BackgroundColor: var(--pf-global--BackgroundColor--light-100);
|
|
146
|
+
--pf-c-page__sidebar--m-light--BorderRightWidth: var(--pf-global--BorderWidth--sm);
|
|
147
|
+
--pf-c-page__sidebar--m-light--BorderRightColor: var(--pf-global--BorderColor--100);
|
|
146
148
|
--pf-c-page__sidebar--BoxShadow: var(--pf-global--BoxShadow--lg-right);
|
|
147
149
|
--pf-c-page__sidebar--Transition: var(--pf-global--Transition);
|
|
148
150
|
--pf-c-page__sidebar--TranslateX: -100%;
|
|
@@ -415,15 +417,15 @@
|
|
|
415
417
|
transition: var(--pf-c-page__sidebar--Transition);
|
|
416
418
|
transform: translateX(var(--pf-c-page__sidebar--TranslateX)) translateZ(var(--pf-c-page__sidebar--TranslateZ));
|
|
417
419
|
}
|
|
418
|
-
@media screen and (min-width: 1200px) {
|
|
419
|
-
.pf-c-page__sidebar {
|
|
420
|
-
box-shadow: var(--pf-c-page__sidebar--BoxShadow);
|
|
421
|
-
}
|
|
422
|
-
}
|
|
423
420
|
.pf-c-page__sidebar.pf-m-expanded {
|
|
424
421
|
--pf-c-page__sidebar--TranslateX: var(--pf-c-page__sidebar--m-expanded--TranslateX);
|
|
425
422
|
box-shadow: var(--pf-c-page__sidebar--BoxShadow);
|
|
426
423
|
}
|
|
424
|
+
@media screen and (min-width: 1200px) {
|
|
425
|
+
.pf-c-page__sidebar.pf-m-expanded {
|
|
426
|
+
--pf-c-page__sidebar--BoxShadow: none;
|
|
427
|
+
}
|
|
428
|
+
}
|
|
427
429
|
.pf-c-page__sidebar.pf-m-collapsed {
|
|
428
430
|
max-width: 0;
|
|
429
431
|
overflow: hidden;
|
|
@@ -431,6 +433,7 @@
|
|
|
431
433
|
.pf-c-page__sidebar.pf-m-light {
|
|
432
434
|
color: var(--pf-global--Color--100);
|
|
433
435
|
--pf-c-page__sidebar--BackgroundColor: var(--pf-c-page__sidebar--m-light--BackgroundColor);
|
|
436
|
+
border-right: var(--pf-c-page__sidebar--m-light--BorderRightWidth) solid var(--pf-c-page__sidebar--m-light--BorderRightColor);
|
|
434
437
|
}
|
|
435
438
|
|
|
436
439
|
.pf-c-page__sidebar-body {
|
|
@@ -954,6 +957,9 @@
|
|
|
954
957
|
:where(.pf-theme-dark) .pf-c-page__header-tools-item.pf-m-selected .pf-c-button .pf-c-notification-badge:hover::before {
|
|
955
958
|
background-color: var(--pf-c-page__header-tools--c-button--m-selected--before--BackgroundColor);
|
|
956
959
|
}
|
|
960
|
+
:where(.pf-theme-dark) .pf-c-page__sidebar {
|
|
961
|
+
border-right: var(--pf-global--BorderWidth--sm) solid var(--pf-global--BorderColor--100);
|
|
962
|
+
}
|
|
957
963
|
:where(.pf-theme-dark) .pf-c-page__main-nav.pf-m-sticky-top, :where(.pf-theme-dark) .pf-c-page__main-nav.pf-m-sticky-bottom {
|
|
958
964
|
--pf-c-page__main-nav--BackgroundColor: var(--pf-global--BackgroundColor--300);
|
|
959
965
|
}
|
|
@@ -74,6 +74,8 @@ $pf-c-page--height-breakpoint-map: build-breakpoint-map("base", "sm", "md", "lg"
|
|
|
74
74
|
--pf-c-page__sidebar--Width: #{pf-size-prem(290px)};
|
|
75
75
|
--pf-c-page__sidebar--BackgroundColor: var(--pf-global--BackgroundColor--dark-300);
|
|
76
76
|
--pf-c-page__sidebar--m-light--BackgroundColor: var(--pf-global--BackgroundColor--light-100);
|
|
77
|
+
--pf-c-page__sidebar--m-light--BorderRightWidth: var(--pf-global--BorderWidth--sm);
|
|
78
|
+
--pf-c-page__sidebar--m-light--BorderRightColor: var(--pf-global--BorderColor--100);
|
|
77
79
|
--pf-c-page__sidebar--BoxShadow: var(--pf-global--BoxShadow--lg-right);
|
|
78
80
|
--pf-c-page__sidebar--Transition: var(--pf-global--Transition);
|
|
79
81
|
--pf-c-page__sidebar--TranslateX: -100%;
|
|
@@ -389,16 +391,16 @@ $pf-c-page--height-breakpoint-map: build-breakpoint-map("base", "sm", "md", "lg"
|
|
|
389
391
|
transition: var(--pf-c-page__sidebar--Transition);
|
|
390
392
|
transform: translateX(var(--pf-c-page__sidebar--TranslateX)) translateZ(var(--pf-c-page__sidebar--TranslateZ));
|
|
391
393
|
|
|
392
|
-
@media screen and (min-width: $pf-global--breakpoint--xl) {
|
|
393
|
-
box-shadow: var(--pf-c-page__sidebar--BoxShadow);
|
|
394
|
-
}
|
|
395
|
-
|
|
396
394
|
// Mobile
|
|
397
395
|
// Expanded nav
|
|
398
396
|
&.pf-m-expanded {
|
|
399
397
|
--pf-c-page__sidebar--TranslateX: var(--pf-c-page__sidebar--m-expanded--TranslateX);
|
|
400
398
|
|
|
401
399
|
box-shadow: var(--pf-c-page__sidebar--BoxShadow);
|
|
400
|
+
|
|
401
|
+
@media screen and (min-width: $pf-global--breakpoint--xl) {
|
|
402
|
+
--pf-c-page__sidebar--BoxShadow: none;
|
|
403
|
+
}
|
|
402
404
|
}
|
|
403
405
|
|
|
404
406
|
// Desktop
|
|
@@ -412,6 +414,8 @@ $pf-c-page--height-breakpoint-map: build-breakpoint-map("base", "sm", "md", "lg"
|
|
|
412
414
|
@include pf-t-light;
|
|
413
415
|
|
|
414
416
|
--pf-c-page__sidebar--BackgroundColor: var(--pf-c-page__sidebar--m-light--BackgroundColor);
|
|
417
|
+
|
|
418
|
+
border-right: var(--pf-c-page__sidebar--m-light--BorderRightWidth) solid var(--pf-c-page__sidebar--m-light--BorderRightColor);
|
|
415
419
|
}
|
|
416
420
|
}
|
|
417
421
|
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@patternfly/patternfly",
|
|
3
3
|
"description": "Assets, source, tooling, and content for PatternFly 4",
|
|
4
|
-
"version": "4.203.
|
|
4
|
+
"version": "4.203.4",
|
|
5
5
|
"keywords": [],
|
|
6
6
|
"license": "MIT",
|
|
7
7
|
"scripts": {
|
|
@@ -79,7 +79,7 @@
|
|
|
79
79
|
"stylelint-scss": "^4.0.0",
|
|
80
80
|
"stylelint-value-no-unknown-custom-properties": "^3.0.0",
|
|
81
81
|
"surge": "^0.21.3",
|
|
82
|
-
"@patternfly/documentation-framework": "
|
|
82
|
+
"@patternfly/documentation-framework": "1.1.3",
|
|
83
83
|
"unified": "^9.2.0",
|
|
84
84
|
"webpack": "^4.43.0"
|
|
85
85
|
},
|
package/patternfly-addons.css
CHANGED
|
@@ -560,6 +560,107 @@
|
|
|
560
560
|
background-color: var(--pf-global--palette--red-50) !important;
|
|
561
561
|
}
|
|
562
562
|
}
|
|
563
|
+
:where(.pf-theme-dark) .pf-u-background-color-default {
|
|
564
|
+
background-color: var(--pf-global--BackgroundColor--100) !important;
|
|
565
|
+
}
|
|
566
|
+
:where(.pf-theme-dark) .pf-u-background-color-success {
|
|
567
|
+
background-color: var(--pf-global--BackgroundColor--100) !important;
|
|
568
|
+
}
|
|
569
|
+
:where(.pf-theme-dark) .pf-u-background-color-info {
|
|
570
|
+
background-color: var(--pf-global--BackgroundColor--100) !important;
|
|
571
|
+
}
|
|
572
|
+
:where(.pf-theme-dark) .pf-u-background-color-warning {
|
|
573
|
+
background-color: var(--pf-global--BackgroundColor--100) !important;
|
|
574
|
+
}
|
|
575
|
+
:where(.pf-theme-dark) .pf-u-background-color-danger {
|
|
576
|
+
background-color: var(--pf-global--BackgroundColor--100) !important;
|
|
577
|
+
}
|
|
578
|
+
@media screen and (min-width: 576px) {
|
|
579
|
+
:where(.pf-theme-dark) .pf-u-background-color-default-on-sm {
|
|
580
|
+
background-color: var(--pf-global--BackgroundColor--100) !important;
|
|
581
|
+
}
|
|
582
|
+
:where(.pf-theme-dark) .pf-u-background-color-success-on-sm {
|
|
583
|
+
background-color: var(--pf-global--BackgroundColor--100) !important;
|
|
584
|
+
}
|
|
585
|
+
:where(.pf-theme-dark) .pf-u-background-color-info-on-sm {
|
|
586
|
+
background-color: var(--pf-global--BackgroundColor--100) !important;
|
|
587
|
+
}
|
|
588
|
+
:where(.pf-theme-dark) .pf-u-background-color-warning-on-sm {
|
|
589
|
+
background-color: var(--pf-global--BackgroundColor--100) !important;
|
|
590
|
+
}
|
|
591
|
+
:where(.pf-theme-dark) .pf-u-background-color-danger-on-sm {
|
|
592
|
+
background-color: var(--pf-global--BackgroundColor--100) !important;
|
|
593
|
+
}
|
|
594
|
+
}
|
|
595
|
+
@media screen and (min-width: 768px) {
|
|
596
|
+
:where(.pf-theme-dark) .pf-u-background-color-default-on-md {
|
|
597
|
+
background-color: var(--pf-global--BackgroundColor--100) !important;
|
|
598
|
+
}
|
|
599
|
+
:where(.pf-theme-dark) .pf-u-background-color-success-on-md {
|
|
600
|
+
background-color: var(--pf-global--BackgroundColor--100) !important;
|
|
601
|
+
}
|
|
602
|
+
:where(.pf-theme-dark) .pf-u-background-color-info-on-md {
|
|
603
|
+
background-color: var(--pf-global--BackgroundColor--100) !important;
|
|
604
|
+
}
|
|
605
|
+
:where(.pf-theme-dark) .pf-u-background-color-warning-on-md {
|
|
606
|
+
background-color: var(--pf-global--BackgroundColor--100) !important;
|
|
607
|
+
}
|
|
608
|
+
:where(.pf-theme-dark) .pf-u-background-color-danger-on-md {
|
|
609
|
+
background-color: var(--pf-global--BackgroundColor--100) !important;
|
|
610
|
+
}
|
|
611
|
+
}
|
|
612
|
+
@media screen and (min-width: 992px) {
|
|
613
|
+
:where(.pf-theme-dark) .pf-u-background-color-default-on-lg {
|
|
614
|
+
background-color: var(--pf-global--BackgroundColor--100) !important;
|
|
615
|
+
}
|
|
616
|
+
:where(.pf-theme-dark) .pf-u-background-color-success-on-lg {
|
|
617
|
+
background-color: var(--pf-global--BackgroundColor--100) !important;
|
|
618
|
+
}
|
|
619
|
+
:where(.pf-theme-dark) .pf-u-background-color-info-on-lg {
|
|
620
|
+
background-color: var(--pf-global--BackgroundColor--100) !important;
|
|
621
|
+
}
|
|
622
|
+
:where(.pf-theme-dark) .pf-u-background-color-warning-on-lg {
|
|
623
|
+
background-color: var(--pf-global--BackgroundColor--100) !important;
|
|
624
|
+
}
|
|
625
|
+
:where(.pf-theme-dark) .pf-u-background-color-danger-on-lg {
|
|
626
|
+
background-color: var(--pf-global--BackgroundColor--100) !important;
|
|
627
|
+
}
|
|
628
|
+
}
|
|
629
|
+
@media screen and (min-width: 1200px) {
|
|
630
|
+
:where(.pf-theme-dark) .pf-u-background-color-default-on-xl {
|
|
631
|
+
background-color: var(--pf-global--BackgroundColor--100) !important;
|
|
632
|
+
}
|
|
633
|
+
:where(.pf-theme-dark) .pf-u-background-color-success-on-xl {
|
|
634
|
+
background-color: var(--pf-global--BackgroundColor--100) !important;
|
|
635
|
+
}
|
|
636
|
+
:where(.pf-theme-dark) .pf-u-background-color-info-on-xl {
|
|
637
|
+
background-color: var(--pf-global--BackgroundColor--100) !important;
|
|
638
|
+
}
|
|
639
|
+
:where(.pf-theme-dark) .pf-u-background-color-warning-on-xl {
|
|
640
|
+
background-color: var(--pf-global--BackgroundColor--100) !important;
|
|
641
|
+
}
|
|
642
|
+
:where(.pf-theme-dark) .pf-u-background-color-danger-on-xl {
|
|
643
|
+
background-color: var(--pf-global--BackgroundColor--100) !important;
|
|
644
|
+
}
|
|
645
|
+
}
|
|
646
|
+
@media screen and (min-width: 1450px) {
|
|
647
|
+
:where(.pf-theme-dark) .pf-u-background-color-default-on-2xl {
|
|
648
|
+
background-color: var(--pf-global--BackgroundColor--100) !important;
|
|
649
|
+
}
|
|
650
|
+
:where(.pf-theme-dark) .pf-u-background-color-success-on-2xl {
|
|
651
|
+
background-color: var(--pf-global--BackgroundColor--100) !important;
|
|
652
|
+
}
|
|
653
|
+
:where(.pf-theme-dark) .pf-u-background-color-info-on-2xl {
|
|
654
|
+
background-color: var(--pf-global--BackgroundColor--100) !important;
|
|
655
|
+
}
|
|
656
|
+
:where(.pf-theme-dark) .pf-u-background-color-warning-on-2xl {
|
|
657
|
+
background-color: var(--pf-global--BackgroundColor--100) !important;
|
|
658
|
+
}
|
|
659
|
+
:where(.pf-theme-dark) .pf-u-background-color-danger-on-2xl {
|
|
660
|
+
background-color: var(--pf-global--BackgroundColor--100) !important;
|
|
661
|
+
}
|
|
662
|
+
}
|
|
663
|
+
|
|
563
664
|
.pf-u-box-shadow-sm {
|
|
564
665
|
box-shadow: var(--pf-global--BoxShadow--sm) !important;
|
|
565
666
|
}
|
|
@@ -8392,4 +8493,159 @@
|
|
|
8392
8493
|
overflow: hidden !important;
|
|
8393
8494
|
text-overflow: ellipsis !important;
|
|
8394
8495
|
white-space: nowrap !important;
|
|
8496
|
+
}
|
|
8497
|
+
|
|
8498
|
+
:where(.pf-theme-dark) .pf-u-color-300 {
|
|
8499
|
+
color: var(--pf-global--Color--100) !important;
|
|
8500
|
+
}
|
|
8501
|
+
:where(.pf-theme-dark) .pf-u-color-light-100 {
|
|
8502
|
+
color: var(--pf-global--Color-100) !important;
|
|
8503
|
+
}
|
|
8504
|
+
:where(.pf-theme-dark) .pf-u-color-light-200 {
|
|
8505
|
+
color: var(--pf-global--Color-200) !important;
|
|
8506
|
+
}
|
|
8507
|
+
:where(.pf-theme-dark) .pf-u-default-color-300 {
|
|
8508
|
+
color: var(--pf-global--default-color--100) !important;
|
|
8509
|
+
}
|
|
8510
|
+
:where(.pf-theme-dark) .pf-u-success-color-200 {
|
|
8511
|
+
color: var(--pf-global--success-color--100) !important;
|
|
8512
|
+
}
|
|
8513
|
+
:where(.pf-theme-dark) .pf-u-info-color-200 {
|
|
8514
|
+
color: var(--pf-global--info-color--100) !important;
|
|
8515
|
+
}
|
|
8516
|
+
:where(.pf-theme-dark) .pf-u-danger-color-300 {
|
|
8517
|
+
color: var(--pf-global--danger-color--100) !important;
|
|
8518
|
+
}
|
|
8519
|
+
:where(.pf-theme-dark) .pf-u-icon-color-dark {
|
|
8520
|
+
color: var(--pf-global--icon--Color--dark) !important;
|
|
8521
|
+
}
|
|
8522
|
+
@media screen and (min-width: 576px) {
|
|
8523
|
+
:where(.pf-theme-dark) .pf-u-color-300-on-sm {
|
|
8524
|
+
color: var(--pf-global--Color--100) !important;
|
|
8525
|
+
}
|
|
8526
|
+
:where(.pf-theme-dark) .pf-u-color-light-100-on-sm {
|
|
8527
|
+
color: var(--pf-global--Color-100) !important;
|
|
8528
|
+
}
|
|
8529
|
+
:where(.pf-theme-dark) .pf-u-color-light-200-on-sm {
|
|
8530
|
+
color: var(--pf-global--Color-200) !important;
|
|
8531
|
+
}
|
|
8532
|
+
:where(.pf-theme-dark) .pf-u-default-color-300-on-sm {
|
|
8533
|
+
color: var(--pf-global--default-color--100) !important;
|
|
8534
|
+
}
|
|
8535
|
+
:where(.pf-theme-dark) .pf-u-success-color-200-on-sm {
|
|
8536
|
+
color: var(--pf-global--success-color--100) !important;
|
|
8537
|
+
}
|
|
8538
|
+
:where(.pf-theme-dark) .pf-u-info-color-200-on-sm {
|
|
8539
|
+
color: var(--pf-global--info-color--100) !important;
|
|
8540
|
+
}
|
|
8541
|
+
:where(.pf-theme-dark) .pf-u-danger-color-300-on-sm {
|
|
8542
|
+
color: var(--pf-global--danger-color--100) !important;
|
|
8543
|
+
}
|
|
8544
|
+
:where(.pf-theme-dark) .pf-u-icon-color-dark-on-sm {
|
|
8545
|
+
color: var(--pf-global--icon--Color--dark) !important;
|
|
8546
|
+
}
|
|
8547
|
+
}
|
|
8548
|
+
@media screen and (min-width: 768px) {
|
|
8549
|
+
:where(.pf-theme-dark) .pf-u-color-300-on-md {
|
|
8550
|
+
color: var(--pf-global--Color--100) !important;
|
|
8551
|
+
}
|
|
8552
|
+
:where(.pf-theme-dark) .pf-u-color-light-100-on-md {
|
|
8553
|
+
color: var(--pf-global--Color-100) !important;
|
|
8554
|
+
}
|
|
8555
|
+
:where(.pf-theme-dark) .pf-u-color-light-200-on-md {
|
|
8556
|
+
color: var(--pf-global--Color-200) !important;
|
|
8557
|
+
}
|
|
8558
|
+
:where(.pf-theme-dark) .pf-u-default-color-300-on-md {
|
|
8559
|
+
color: var(--pf-global--default-color--100) !important;
|
|
8560
|
+
}
|
|
8561
|
+
:where(.pf-theme-dark) .pf-u-success-color-200-on-md {
|
|
8562
|
+
color: var(--pf-global--success-color--100) !important;
|
|
8563
|
+
}
|
|
8564
|
+
:where(.pf-theme-dark) .pf-u-info-color-200-on-md {
|
|
8565
|
+
color: var(--pf-global--info-color--100) !important;
|
|
8566
|
+
}
|
|
8567
|
+
:where(.pf-theme-dark) .pf-u-danger-color-300-on-md {
|
|
8568
|
+
color: var(--pf-global--danger-color--100) !important;
|
|
8569
|
+
}
|
|
8570
|
+
:where(.pf-theme-dark) .pf-u-icon-color-dark-on-md {
|
|
8571
|
+
color: var(--pf-global--icon--Color--dark) !important;
|
|
8572
|
+
}
|
|
8573
|
+
}
|
|
8574
|
+
@media screen and (min-width: 992px) {
|
|
8575
|
+
:where(.pf-theme-dark) .pf-u-color-300-on-lg {
|
|
8576
|
+
color: var(--pf-global--Color--100) !important;
|
|
8577
|
+
}
|
|
8578
|
+
:where(.pf-theme-dark) .pf-u-color-light-100-on-lg {
|
|
8579
|
+
color: var(--pf-global--Color-100) !important;
|
|
8580
|
+
}
|
|
8581
|
+
:where(.pf-theme-dark) .pf-u-color-light-200-on-lg {
|
|
8582
|
+
color: var(--pf-global--Color-200) !important;
|
|
8583
|
+
}
|
|
8584
|
+
:where(.pf-theme-dark) .pf-u-default-color-300-on-lg {
|
|
8585
|
+
color: var(--pf-global--default-color--100) !important;
|
|
8586
|
+
}
|
|
8587
|
+
:where(.pf-theme-dark) .pf-u-success-color-200-on-lg {
|
|
8588
|
+
color: var(--pf-global--success-color--100) !important;
|
|
8589
|
+
}
|
|
8590
|
+
:where(.pf-theme-dark) .pf-u-info-color-200-on-lg {
|
|
8591
|
+
color: var(--pf-global--info-color--100) !important;
|
|
8592
|
+
}
|
|
8593
|
+
:where(.pf-theme-dark) .pf-u-danger-color-300-on-lg {
|
|
8594
|
+
color: var(--pf-global--danger-color--100) !important;
|
|
8595
|
+
}
|
|
8596
|
+
:where(.pf-theme-dark) .pf-u-icon-color-dark-on-lg {
|
|
8597
|
+
color: var(--pf-global--icon--Color--dark) !important;
|
|
8598
|
+
}
|
|
8599
|
+
}
|
|
8600
|
+
@media screen and (min-width: 1200px) {
|
|
8601
|
+
:where(.pf-theme-dark) .pf-u-color-300-on-xl {
|
|
8602
|
+
color: var(--pf-global--Color--100) !important;
|
|
8603
|
+
}
|
|
8604
|
+
:where(.pf-theme-dark) .pf-u-color-light-100-on-xl {
|
|
8605
|
+
color: var(--pf-global--Color-100) !important;
|
|
8606
|
+
}
|
|
8607
|
+
:where(.pf-theme-dark) .pf-u-color-light-200-on-xl {
|
|
8608
|
+
color: var(--pf-global--Color-200) !important;
|
|
8609
|
+
}
|
|
8610
|
+
:where(.pf-theme-dark) .pf-u-default-color-300-on-xl {
|
|
8611
|
+
color: var(--pf-global--default-color--100) !important;
|
|
8612
|
+
}
|
|
8613
|
+
:where(.pf-theme-dark) .pf-u-success-color-200-on-xl {
|
|
8614
|
+
color: var(--pf-global--success-color--100) !important;
|
|
8615
|
+
}
|
|
8616
|
+
:where(.pf-theme-dark) .pf-u-info-color-200-on-xl {
|
|
8617
|
+
color: var(--pf-global--info-color--100) !important;
|
|
8618
|
+
}
|
|
8619
|
+
:where(.pf-theme-dark) .pf-u-danger-color-300-on-xl {
|
|
8620
|
+
color: var(--pf-global--danger-color--100) !important;
|
|
8621
|
+
}
|
|
8622
|
+
:where(.pf-theme-dark) .pf-u-icon-color-dark-on-xl {
|
|
8623
|
+
color: var(--pf-global--icon--Color--dark) !important;
|
|
8624
|
+
}
|
|
8625
|
+
}
|
|
8626
|
+
@media screen and (min-width: 1450px) {
|
|
8627
|
+
:where(.pf-theme-dark) .pf-u-color-300-on-2xl {
|
|
8628
|
+
color: var(--pf-global--Color--100) !important;
|
|
8629
|
+
}
|
|
8630
|
+
:where(.pf-theme-dark) .pf-u-color-light-100-on-2xl {
|
|
8631
|
+
color: var(--pf-global--Color-100) !important;
|
|
8632
|
+
}
|
|
8633
|
+
:where(.pf-theme-dark) .pf-u-color-light-200-on-2xl {
|
|
8634
|
+
color: var(--pf-global--Color-200) !important;
|
|
8635
|
+
}
|
|
8636
|
+
:where(.pf-theme-dark) .pf-u-default-color-300-on-2xl {
|
|
8637
|
+
color: var(--pf-global--default-color--100) !important;
|
|
8638
|
+
}
|
|
8639
|
+
:where(.pf-theme-dark) .pf-u-success-color-200-on-2xl {
|
|
8640
|
+
color: var(--pf-global--success-color--100) !important;
|
|
8641
|
+
}
|
|
8642
|
+
:where(.pf-theme-dark) .pf-u-info-color-200-on-2xl {
|
|
8643
|
+
color: var(--pf-global--info-color--100) !important;
|
|
8644
|
+
}
|
|
8645
|
+
:where(.pf-theme-dark) .pf-u-danger-color-300-on-2xl {
|
|
8646
|
+
color: var(--pf-global--danger-color--100) !important;
|
|
8647
|
+
}
|
|
8648
|
+
:where(.pf-theme-dark) .pf-u-icon-color-dark-on-2xl {
|
|
8649
|
+
color: var(--pf-global--icon--Color--dark) !important;
|
|
8650
|
+
}
|
|
8395
8651
|
}
|
|
@@ -338,6 +338,7 @@
|
|
|
338
338
|
--pf-global--danger-color--200: #fe6a5d;
|
|
339
339
|
--pf-global--link--Color: #1fa7f8;
|
|
340
340
|
--pf-global--link--Color--hover: #73bcf7;
|
|
341
|
+
--pf-global--link--Color--visited: #a18fff;
|
|
341
342
|
--pf-global--disabled-color--100: #57585a;
|
|
342
343
|
--pf-global--disabled-color--200: #444548;
|
|
343
344
|
--pf-global--disabled-color--300: #aaabac;
|
package/patternfly-base.css
CHANGED
|
@@ -338,6 +338,7 @@
|
|
|
338
338
|
--pf-global--danger-color--200: #fe6a5d;
|
|
339
339
|
--pf-global--link--Color: #1fa7f8;
|
|
340
340
|
--pf-global--link--Color--hover: #73bcf7;
|
|
341
|
+
--pf-global--link--Color--visited: #a18fff;
|
|
341
342
|
--pf-global--disabled-color--100: #57585a;
|
|
342
343
|
--pf-global--disabled-color--200: #444548;
|
|
343
344
|
--pf-global--disabled-color--300: #aaabac;
|
package/patternfly-no-reset.css
CHANGED
|
@@ -447,6 +447,7 @@
|
|
|
447
447
|
--pf-global--danger-color--200: #fe6a5d;
|
|
448
448
|
--pf-global--link--Color: #1fa7f8;
|
|
449
449
|
--pf-global--link--Color--hover: #73bcf7;
|
|
450
|
+
--pf-global--link--Color--visited: #a18fff;
|
|
450
451
|
--pf-global--disabled-color--100: #57585a;
|
|
451
452
|
--pf-global--disabled-color--200: #444548;
|
|
452
453
|
--pf-global--disabled-color--300: #aaabac;
|
|
@@ -21458,6 +21459,8 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
|
|
|
21458
21459
|
--pf-c-page__sidebar--Width: 18.125rem;
|
|
21459
21460
|
--pf-c-page__sidebar--BackgroundColor: var(--pf-global--BackgroundColor--dark-300);
|
|
21460
21461
|
--pf-c-page__sidebar--m-light--BackgroundColor: var(--pf-global--BackgroundColor--light-100);
|
|
21462
|
+
--pf-c-page__sidebar--m-light--BorderRightWidth: var(--pf-global--BorderWidth--sm);
|
|
21463
|
+
--pf-c-page__sidebar--m-light--BorderRightColor: var(--pf-global--BorderColor--100);
|
|
21461
21464
|
--pf-c-page__sidebar--BoxShadow: var(--pf-global--BoxShadow--lg-right);
|
|
21462
21465
|
--pf-c-page__sidebar--Transition: var(--pf-global--Transition);
|
|
21463
21466
|
--pf-c-page__sidebar--TranslateX: -100%;
|
|
@@ -21730,15 +21733,15 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
|
|
|
21730
21733
|
transition: var(--pf-c-page__sidebar--Transition);
|
|
21731
21734
|
transform: translateX(var(--pf-c-page__sidebar--TranslateX)) translateZ(var(--pf-c-page__sidebar--TranslateZ));
|
|
21732
21735
|
}
|
|
21733
|
-
@media screen and (min-width: 1200px) {
|
|
21734
|
-
.pf-c-page__sidebar {
|
|
21735
|
-
box-shadow: var(--pf-c-page__sidebar--BoxShadow);
|
|
21736
|
-
}
|
|
21737
|
-
}
|
|
21738
21736
|
.pf-c-page__sidebar.pf-m-expanded {
|
|
21739
21737
|
--pf-c-page__sidebar--TranslateX: var(--pf-c-page__sidebar--m-expanded--TranslateX);
|
|
21740
21738
|
box-shadow: var(--pf-c-page__sidebar--BoxShadow);
|
|
21741
21739
|
}
|
|
21740
|
+
@media screen and (min-width: 1200px) {
|
|
21741
|
+
.pf-c-page__sidebar.pf-m-expanded {
|
|
21742
|
+
--pf-c-page__sidebar--BoxShadow: none;
|
|
21743
|
+
}
|
|
21744
|
+
}
|
|
21742
21745
|
.pf-c-page__sidebar.pf-m-collapsed {
|
|
21743
21746
|
max-width: 0;
|
|
21744
21747
|
overflow: hidden;
|
|
@@ -21746,6 +21749,7 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
|
|
|
21746
21749
|
.pf-c-page__sidebar.pf-m-light {
|
|
21747
21750
|
color: var(--pf-global--Color--100);
|
|
21748
21751
|
--pf-c-page__sidebar--BackgroundColor: var(--pf-c-page__sidebar--m-light--BackgroundColor);
|
|
21752
|
+
border-right: var(--pf-c-page__sidebar--m-light--BorderRightWidth) solid var(--pf-c-page__sidebar--m-light--BorderRightColor);
|
|
21749
21753
|
}
|
|
21750
21754
|
|
|
21751
21755
|
.pf-c-page__sidebar-body {
|
|
@@ -22272,6 +22276,9 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
|
|
|
22272
22276
|
:where(.pf-theme-dark) .pf-c-page__header-tools-item.pf-m-selected .pf-c-button .pf-c-notification-badge:hover::before {
|
|
22273
22277
|
background-color: var(--pf-c-page__header-tools--c-button--m-selected--before--BackgroundColor);
|
|
22274
22278
|
}
|
|
22279
|
+
:where(.pf-theme-dark) .pf-c-page__sidebar {
|
|
22280
|
+
border-right: var(--pf-global--BorderWidth--sm) solid var(--pf-global--BorderColor--100);
|
|
22281
|
+
}
|
|
22275
22282
|
:where(.pf-theme-dark) .pf-c-page__main-nav.pf-m-sticky-top, :where(.pf-theme-dark) .pf-c-page__main-nav.pf-m-sticky-bottom {
|
|
22276
22283
|
--pf-c-page__main-nav--BackgroundColor: var(--pf-global--BackgroundColor--300);
|
|
22277
22284
|
}
|
package/patternfly.css
CHANGED
|
@@ -447,6 +447,7 @@
|
|
|
447
447
|
--pf-global--danger-color--200: #fe6a5d;
|
|
448
448
|
--pf-global--link--Color: #1fa7f8;
|
|
449
449
|
--pf-global--link--Color--hover: #73bcf7;
|
|
450
|
+
--pf-global--link--Color--visited: #a18fff;
|
|
450
451
|
--pf-global--disabled-color--100: #57585a;
|
|
451
452
|
--pf-global--disabled-color--200: #444548;
|
|
452
453
|
--pf-global--disabled-color--300: #aaabac;
|
|
@@ -21585,6 +21586,8 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
|
|
|
21585
21586
|
--pf-c-page__sidebar--Width: 18.125rem;
|
|
21586
21587
|
--pf-c-page__sidebar--BackgroundColor: var(--pf-global--BackgroundColor--dark-300);
|
|
21587
21588
|
--pf-c-page__sidebar--m-light--BackgroundColor: var(--pf-global--BackgroundColor--light-100);
|
|
21589
|
+
--pf-c-page__sidebar--m-light--BorderRightWidth: var(--pf-global--BorderWidth--sm);
|
|
21590
|
+
--pf-c-page__sidebar--m-light--BorderRightColor: var(--pf-global--BorderColor--100);
|
|
21588
21591
|
--pf-c-page__sidebar--BoxShadow: var(--pf-global--BoxShadow--lg-right);
|
|
21589
21592
|
--pf-c-page__sidebar--Transition: var(--pf-global--Transition);
|
|
21590
21593
|
--pf-c-page__sidebar--TranslateX: -100%;
|
|
@@ -21857,15 +21860,15 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
|
|
|
21857
21860
|
transition: var(--pf-c-page__sidebar--Transition);
|
|
21858
21861
|
transform: translateX(var(--pf-c-page__sidebar--TranslateX)) translateZ(var(--pf-c-page__sidebar--TranslateZ));
|
|
21859
21862
|
}
|
|
21860
|
-
@media screen and (min-width: 1200px) {
|
|
21861
|
-
.pf-c-page__sidebar {
|
|
21862
|
-
box-shadow: var(--pf-c-page__sidebar--BoxShadow);
|
|
21863
|
-
}
|
|
21864
|
-
}
|
|
21865
21863
|
.pf-c-page__sidebar.pf-m-expanded {
|
|
21866
21864
|
--pf-c-page__sidebar--TranslateX: var(--pf-c-page__sidebar--m-expanded--TranslateX);
|
|
21867
21865
|
box-shadow: var(--pf-c-page__sidebar--BoxShadow);
|
|
21868
21866
|
}
|
|
21867
|
+
@media screen and (min-width: 1200px) {
|
|
21868
|
+
.pf-c-page__sidebar.pf-m-expanded {
|
|
21869
|
+
--pf-c-page__sidebar--BoxShadow: none;
|
|
21870
|
+
}
|
|
21871
|
+
}
|
|
21869
21872
|
.pf-c-page__sidebar.pf-m-collapsed {
|
|
21870
21873
|
max-width: 0;
|
|
21871
21874
|
overflow: hidden;
|
|
@@ -21873,6 +21876,7 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
|
|
|
21873
21876
|
.pf-c-page__sidebar.pf-m-light {
|
|
21874
21877
|
color: var(--pf-global--Color--100);
|
|
21875
21878
|
--pf-c-page__sidebar--BackgroundColor: var(--pf-c-page__sidebar--m-light--BackgroundColor);
|
|
21879
|
+
border-right: var(--pf-c-page__sidebar--m-light--BorderRightWidth) solid var(--pf-c-page__sidebar--m-light--BorderRightColor);
|
|
21876
21880
|
}
|
|
21877
21881
|
|
|
21878
21882
|
.pf-c-page__sidebar-body {
|
|
@@ -22399,6 +22403,9 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
|
|
|
22399
22403
|
:where(.pf-theme-dark) .pf-c-page__header-tools-item.pf-m-selected .pf-c-button .pf-c-notification-badge:hover::before {
|
|
22400
22404
|
background-color: var(--pf-c-page__header-tools--c-button--m-selected--before--BackgroundColor);
|
|
22401
22405
|
}
|
|
22406
|
+
:where(.pf-theme-dark) .pf-c-page__sidebar {
|
|
22407
|
+
border-right: var(--pf-global--BorderWidth--sm) solid var(--pf-global--BorderColor--100);
|
|
22408
|
+
}
|
|
22402
22409
|
:where(.pf-theme-dark) .pf-c-page__main-nav.pf-m-sticky-top, :where(.pf-theme-dark) .pf-c-page__main-nav.pf-m-sticky-bottom {
|
|
22403
22410
|
--pf-c-page__main-nav--BackgroundColor: var(--pf-global--BackgroundColor--300);
|
|
22404
22411
|
}
|