@patternfly/patternfly 5.4.0 → 5.4.2
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/components/MenuToggle/menu-toggle.css +9 -0
- package/components/MenuToggle/menu-toggle.scss +9 -0
- package/package.json +1 -1
- package/patternfly-no-globals.css +9 -0
- package/patternfly-theme-dark-unversioned.css +9 -0
- package/patternfly.css +9 -0
- package/patternfly.min.css +1 -1
- package/patternfly.min.css.map +1 -1
|
@@ -44,6 +44,9 @@
|
|
|
44
44
|
--pf-v5-c-menu-toggle--m-secondary--Color: var(--pf-v5-global--primary-color--100);
|
|
45
45
|
--pf-v5-c-menu-toggle--m-secondary--BorderRadius: var(--pf-v5-global--BorderRadius--sm);
|
|
46
46
|
--pf-v5-c-menu-toggle--m-secondary--BackgroundColor: transparent;
|
|
47
|
+
--pf-v5-c-menu-toggle--m-secondary--hover--BackgroundColor: transparent;
|
|
48
|
+
--pf-v5-c-menu-toggle--m-secondary--focus--BackgroundColor: transparent;
|
|
49
|
+
--pf-v5-c-menu-toggle--m-secondary--active--BackgroundColor: transparent;
|
|
47
50
|
--pf-v5-c-menu-toggle--m-secondary--before--BorderWidth: var(--pf-v5-global--BorderWidth--sm);
|
|
48
51
|
--pf-v5-c-menu-toggle--m-secondary--hover--before--BorderWidth: var(--pf-v5-global--BorderWidth--md);
|
|
49
52
|
--pf-v5-c-menu-toggle--m-secondary--focus--before--BorderWidth: var(--pf-v5-global--BorderWidth--md);
|
|
@@ -52,6 +55,7 @@
|
|
|
52
55
|
--pf-v5-c-menu-toggle--m-secondary--hover--before--BorderColor: var(--pf-v5-global--primary-color--100);
|
|
53
56
|
--pf-v5-c-menu-toggle--m-secondary--focus--before--BorderColor: var(--pf-v5-global--primary-color--100);
|
|
54
57
|
--pf-v5-c-menu-toggle--m-secondary--active--before--BorderColor: var(--pf-v5-global--primary-color--100);
|
|
58
|
+
--pf-v5-c-menu-toggle--m-secondary--m-expanded--BackgroundColor: transparent;
|
|
55
59
|
--pf-v5-c-menu-toggle--m-secondary--m-expanded--Color: var(--pf-v5-global--primary-color--100);
|
|
56
60
|
--pf-v5-c-menu-toggle--m-expanded__toggle--m-secondary--before--BorderColor: var(--pf-v5-global--primary-color--100);
|
|
57
61
|
--pf-v5-c-menu-toggle--m-expanded__toggle--m-secondary--before--BorderWidth: var(--pf-v5-global--BorderWidth--md);
|
|
@@ -182,6 +186,11 @@
|
|
|
182
186
|
}
|
|
183
187
|
.pf-v5-c-menu-toggle.pf-m-secondary {
|
|
184
188
|
--pf-v5-c-menu-toggle--Color: var(--pf-v5-c-menu-toggle--m-secondary--Color);
|
|
189
|
+
--pf-v5-c-menu-toggle--BackgroundColor: var(--pf-v5-c-menu-toggle--m-secondary--BackgroundColor);
|
|
190
|
+
--pf-v5-c-menu-toggle--hover--BackgroundColor: var(--pf-v5-c-menu-toggle--m-secondary--hover--BackgroundColor);
|
|
191
|
+
--pf-v5-c-menu-toggle--focus--BackgroundColor: var(--pf-v5-c-menu-toggle--m-secondary--focus--BackgroundColor);
|
|
192
|
+
--pf-v5-c-menu-toggle--active--BackgroundColor: var(--pf-v5-c-menu-toggle--m-secondary--active--BackgroundColor);
|
|
193
|
+
--pf-v5-c-menu-toggle--m-expanded--BackgroundColor: var(--pf-v5-c-menu-toggle--m-secondary--m-expanded--BackgroundColor);
|
|
185
194
|
--pf-v5-c-menu-toggle--m-expanded--Color: var(--pf-v5-c-menu-toggle--m-secondary--m-expanded--Color);
|
|
186
195
|
}
|
|
187
196
|
.pf-v5-c-menu-toggle.pf-m-secondary, .pf-v5-c-menu-toggle.pf-m-secondary::before {
|
|
@@ -64,6 +64,9 @@
|
|
|
64
64
|
--#{$menu-toggle}--m-secondary--Color: var(--#{$pf-global}--primary-color--100);
|
|
65
65
|
--#{$menu-toggle}--m-secondary--BorderRadius: var(--#{$pf-global}--BorderRadius--sm);
|
|
66
66
|
--#{$menu-toggle}--m-secondary--BackgroundColor: transparent;
|
|
67
|
+
--#{$menu-toggle}--m-secondary--hover--BackgroundColor: transparent;
|
|
68
|
+
--#{$menu-toggle}--m-secondary--focus--BackgroundColor: transparent;
|
|
69
|
+
--#{$menu-toggle}--m-secondary--active--BackgroundColor: transparent;
|
|
67
70
|
--#{$menu-toggle}--m-secondary--before--BorderWidth: var(--#{$pf-global}--BorderWidth--sm);
|
|
68
71
|
--#{$menu-toggle}--m-secondary--hover--before--BorderWidth: var(--#{$pf-global}--BorderWidth--md);
|
|
69
72
|
--#{$menu-toggle}--m-secondary--focus--before--BorderWidth: var(--#{$pf-global}--BorderWidth--md);
|
|
@@ -72,6 +75,7 @@
|
|
|
72
75
|
--#{$menu-toggle}--m-secondary--hover--before--BorderColor: var(--#{$pf-global}--primary-color--100);
|
|
73
76
|
--#{$menu-toggle}--m-secondary--focus--before--BorderColor: var(--#{$pf-global}--primary-color--100);
|
|
74
77
|
--#{$menu-toggle}--m-secondary--active--before--BorderColor: var(--#{$pf-global}--primary-color--100);
|
|
78
|
+
--#{$menu-toggle}--m-secondary--m-expanded--BackgroundColor: transparent;
|
|
75
79
|
--#{$menu-toggle}--m-secondary--m-expanded--Color: var(--#{$pf-global}--primary-color--100);
|
|
76
80
|
--#{$menu-toggle}--m-expanded__toggle--m-secondary--before--BorderColor: var(--#{$pf-global}--primary-color--100);
|
|
77
81
|
--#{$menu-toggle}--m-expanded__toggle--m-secondary--before--BorderWidth: var(--#{$pf-global}--BorderWidth--md);
|
|
@@ -245,6 +249,11 @@
|
|
|
245
249
|
|
|
246
250
|
&.pf-m-secondary {
|
|
247
251
|
--#{$menu-toggle}--Color: var(--#{$menu-toggle}--m-secondary--Color);
|
|
252
|
+
--#{$menu-toggle}--BackgroundColor: var(--#{$menu-toggle}--m-secondary--BackgroundColor);
|
|
253
|
+
--#{$menu-toggle}--hover--BackgroundColor: var(--#{$menu-toggle}--m-secondary--hover--BackgroundColor);
|
|
254
|
+
--#{$menu-toggle}--focus--BackgroundColor: var(--#{$menu-toggle}--m-secondary--focus--BackgroundColor);
|
|
255
|
+
--#{$menu-toggle}--active--BackgroundColor: var(--#{$menu-toggle}--m-secondary--active--BackgroundColor);
|
|
256
|
+
--#{$menu-toggle}--m-expanded--BackgroundColor: var(--#{$menu-toggle}--m-secondary--m-expanded--BackgroundColor);
|
|
248
257
|
--#{$menu-toggle}--m-expanded--Color: var(--#{$menu-toggle}--m-secondary--m-expanded--Color);
|
|
249
258
|
|
|
250
259
|
&,
|
package/package.json
CHANGED
|
@@ -18497,6 +18497,9 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disab
|
|
|
18497
18497
|
--pf-v5-c-menu-toggle--m-secondary--Color: var(--pf-v5-global--primary-color--100);
|
|
18498
18498
|
--pf-v5-c-menu-toggle--m-secondary--BorderRadius: var(--pf-v5-global--BorderRadius--sm);
|
|
18499
18499
|
--pf-v5-c-menu-toggle--m-secondary--BackgroundColor: transparent;
|
|
18500
|
+
--pf-v5-c-menu-toggle--m-secondary--hover--BackgroundColor: transparent;
|
|
18501
|
+
--pf-v5-c-menu-toggle--m-secondary--focus--BackgroundColor: transparent;
|
|
18502
|
+
--pf-v5-c-menu-toggle--m-secondary--active--BackgroundColor: transparent;
|
|
18500
18503
|
--pf-v5-c-menu-toggle--m-secondary--before--BorderWidth: var(--pf-v5-global--BorderWidth--sm);
|
|
18501
18504
|
--pf-v5-c-menu-toggle--m-secondary--hover--before--BorderWidth: var(--pf-v5-global--BorderWidth--md);
|
|
18502
18505
|
--pf-v5-c-menu-toggle--m-secondary--focus--before--BorderWidth: var(--pf-v5-global--BorderWidth--md);
|
|
@@ -18505,6 +18508,7 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disab
|
|
|
18505
18508
|
--pf-v5-c-menu-toggle--m-secondary--hover--before--BorderColor: var(--pf-v5-global--primary-color--100);
|
|
18506
18509
|
--pf-v5-c-menu-toggle--m-secondary--focus--before--BorderColor: var(--pf-v5-global--primary-color--100);
|
|
18507
18510
|
--pf-v5-c-menu-toggle--m-secondary--active--before--BorderColor: var(--pf-v5-global--primary-color--100);
|
|
18511
|
+
--pf-v5-c-menu-toggle--m-secondary--m-expanded--BackgroundColor: transparent;
|
|
18508
18512
|
--pf-v5-c-menu-toggle--m-secondary--m-expanded--Color: var(--pf-v5-global--primary-color--100);
|
|
18509
18513
|
--pf-v5-c-menu-toggle--m-expanded__toggle--m-secondary--before--BorderColor: var(--pf-v5-global--primary-color--100);
|
|
18510
18514
|
--pf-v5-c-menu-toggle--m-expanded__toggle--m-secondary--before--BorderWidth: var(--pf-v5-global--BorderWidth--md);
|
|
@@ -18635,6 +18639,11 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disab
|
|
|
18635
18639
|
}
|
|
18636
18640
|
.pf-v5-c-menu-toggle.pf-m-secondary {
|
|
18637
18641
|
--pf-v5-c-menu-toggle--Color: var(--pf-v5-c-menu-toggle--m-secondary--Color);
|
|
18642
|
+
--pf-v5-c-menu-toggle--BackgroundColor: var(--pf-v5-c-menu-toggle--m-secondary--BackgroundColor);
|
|
18643
|
+
--pf-v5-c-menu-toggle--hover--BackgroundColor: var(--pf-v5-c-menu-toggle--m-secondary--hover--BackgroundColor);
|
|
18644
|
+
--pf-v5-c-menu-toggle--focus--BackgroundColor: var(--pf-v5-c-menu-toggle--m-secondary--focus--BackgroundColor);
|
|
18645
|
+
--pf-v5-c-menu-toggle--active--BackgroundColor: var(--pf-v5-c-menu-toggle--m-secondary--active--BackgroundColor);
|
|
18646
|
+
--pf-v5-c-menu-toggle--m-expanded--BackgroundColor: var(--pf-v5-c-menu-toggle--m-secondary--m-expanded--BackgroundColor);
|
|
18638
18647
|
--pf-v5-c-menu-toggle--m-expanded--Color: var(--pf-v5-c-menu-toggle--m-secondary--m-expanded--Color);
|
|
18639
18648
|
}
|
|
18640
18649
|
.pf-v5-c-menu-toggle.pf-m-secondary, .pf-v5-c-menu-toggle.pf-m-secondary::before {
|
|
@@ -18614,6 +18614,9 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disab
|
|
|
18614
18614
|
--pf-v5-c-menu-toggle--m-secondary--Color: var(--pf-v5-global--primary-color--100);
|
|
18615
18615
|
--pf-v5-c-menu-toggle--m-secondary--BorderRadius: var(--pf-v5-global--BorderRadius--sm);
|
|
18616
18616
|
--pf-v5-c-menu-toggle--m-secondary--BackgroundColor: transparent;
|
|
18617
|
+
--pf-v5-c-menu-toggle--m-secondary--hover--BackgroundColor: transparent;
|
|
18618
|
+
--pf-v5-c-menu-toggle--m-secondary--focus--BackgroundColor: transparent;
|
|
18619
|
+
--pf-v5-c-menu-toggle--m-secondary--active--BackgroundColor: transparent;
|
|
18617
18620
|
--pf-v5-c-menu-toggle--m-secondary--before--BorderWidth: var(--pf-v5-global--BorderWidth--sm);
|
|
18618
18621
|
--pf-v5-c-menu-toggle--m-secondary--hover--before--BorderWidth: var(--pf-v5-global--BorderWidth--md);
|
|
18619
18622
|
--pf-v5-c-menu-toggle--m-secondary--focus--before--BorderWidth: var(--pf-v5-global--BorderWidth--md);
|
|
@@ -18622,6 +18625,7 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disab
|
|
|
18622
18625
|
--pf-v5-c-menu-toggle--m-secondary--hover--before--BorderColor: var(--pf-v5-global--primary-color--100);
|
|
18623
18626
|
--pf-v5-c-menu-toggle--m-secondary--focus--before--BorderColor: var(--pf-v5-global--primary-color--100);
|
|
18624
18627
|
--pf-v5-c-menu-toggle--m-secondary--active--before--BorderColor: var(--pf-v5-global--primary-color--100);
|
|
18628
|
+
--pf-v5-c-menu-toggle--m-secondary--m-expanded--BackgroundColor: transparent;
|
|
18625
18629
|
--pf-v5-c-menu-toggle--m-secondary--m-expanded--Color: var(--pf-v5-global--primary-color--100);
|
|
18626
18630
|
--pf-v5-c-menu-toggle--m-expanded__toggle--m-secondary--before--BorderColor: var(--pf-v5-global--primary-color--100);
|
|
18627
18631
|
--pf-v5-c-menu-toggle--m-expanded__toggle--m-secondary--before--BorderWidth: var(--pf-v5-global--BorderWidth--md);
|
|
@@ -18752,6 +18756,11 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disab
|
|
|
18752
18756
|
}
|
|
18753
18757
|
.pf-v5-c-menu-toggle.pf-m-secondary {
|
|
18754
18758
|
--pf-v5-c-menu-toggle--Color: var(--pf-v5-c-menu-toggle--m-secondary--Color);
|
|
18759
|
+
--pf-v5-c-menu-toggle--BackgroundColor: var(--pf-v5-c-menu-toggle--m-secondary--BackgroundColor);
|
|
18760
|
+
--pf-v5-c-menu-toggle--hover--BackgroundColor: var(--pf-v5-c-menu-toggle--m-secondary--hover--BackgroundColor);
|
|
18761
|
+
--pf-v5-c-menu-toggle--focus--BackgroundColor: var(--pf-v5-c-menu-toggle--m-secondary--focus--BackgroundColor);
|
|
18762
|
+
--pf-v5-c-menu-toggle--active--BackgroundColor: var(--pf-v5-c-menu-toggle--m-secondary--active--BackgroundColor);
|
|
18763
|
+
--pf-v5-c-menu-toggle--m-expanded--BackgroundColor: var(--pf-v5-c-menu-toggle--m-secondary--m-expanded--BackgroundColor);
|
|
18755
18764
|
--pf-v5-c-menu-toggle--m-expanded--Color: var(--pf-v5-c-menu-toggle--m-secondary--m-expanded--Color);
|
|
18756
18765
|
}
|
|
18757
18766
|
.pf-v5-c-menu-toggle.pf-m-secondary, .pf-v5-c-menu-toggle.pf-m-secondary::before {
|
package/patternfly.css
CHANGED
|
@@ -18614,6 +18614,9 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disab
|
|
|
18614
18614
|
--pf-v5-c-menu-toggle--m-secondary--Color: var(--pf-v5-global--primary-color--100);
|
|
18615
18615
|
--pf-v5-c-menu-toggle--m-secondary--BorderRadius: var(--pf-v5-global--BorderRadius--sm);
|
|
18616
18616
|
--pf-v5-c-menu-toggle--m-secondary--BackgroundColor: transparent;
|
|
18617
|
+
--pf-v5-c-menu-toggle--m-secondary--hover--BackgroundColor: transparent;
|
|
18618
|
+
--pf-v5-c-menu-toggle--m-secondary--focus--BackgroundColor: transparent;
|
|
18619
|
+
--pf-v5-c-menu-toggle--m-secondary--active--BackgroundColor: transparent;
|
|
18617
18620
|
--pf-v5-c-menu-toggle--m-secondary--before--BorderWidth: var(--pf-v5-global--BorderWidth--sm);
|
|
18618
18621
|
--pf-v5-c-menu-toggle--m-secondary--hover--before--BorderWidth: var(--pf-v5-global--BorderWidth--md);
|
|
18619
18622
|
--pf-v5-c-menu-toggle--m-secondary--focus--before--BorderWidth: var(--pf-v5-global--BorderWidth--md);
|
|
@@ -18622,6 +18625,7 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disab
|
|
|
18622
18625
|
--pf-v5-c-menu-toggle--m-secondary--hover--before--BorderColor: var(--pf-v5-global--primary-color--100);
|
|
18623
18626
|
--pf-v5-c-menu-toggle--m-secondary--focus--before--BorderColor: var(--pf-v5-global--primary-color--100);
|
|
18624
18627
|
--pf-v5-c-menu-toggle--m-secondary--active--before--BorderColor: var(--pf-v5-global--primary-color--100);
|
|
18628
|
+
--pf-v5-c-menu-toggle--m-secondary--m-expanded--BackgroundColor: transparent;
|
|
18625
18629
|
--pf-v5-c-menu-toggle--m-secondary--m-expanded--Color: var(--pf-v5-global--primary-color--100);
|
|
18626
18630
|
--pf-v5-c-menu-toggle--m-expanded__toggle--m-secondary--before--BorderColor: var(--pf-v5-global--primary-color--100);
|
|
18627
18631
|
--pf-v5-c-menu-toggle--m-expanded__toggle--m-secondary--before--BorderWidth: var(--pf-v5-global--BorderWidth--md);
|
|
@@ -18752,6 +18756,11 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disab
|
|
|
18752
18756
|
}
|
|
18753
18757
|
.pf-v5-c-menu-toggle.pf-m-secondary {
|
|
18754
18758
|
--pf-v5-c-menu-toggle--Color: var(--pf-v5-c-menu-toggle--m-secondary--Color);
|
|
18759
|
+
--pf-v5-c-menu-toggle--BackgroundColor: var(--pf-v5-c-menu-toggle--m-secondary--BackgroundColor);
|
|
18760
|
+
--pf-v5-c-menu-toggle--hover--BackgroundColor: var(--pf-v5-c-menu-toggle--m-secondary--hover--BackgroundColor);
|
|
18761
|
+
--pf-v5-c-menu-toggle--focus--BackgroundColor: var(--pf-v5-c-menu-toggle--m-secondary--focus--BackgroundColor);
|
|
18762
|
+
--pf-v5-c-menu-toggle--active--BackgroundColor: var(--pf-v5-c-menu-toggle--m-secondary--active--BackgroundColor);
|
|
18763
|
+
--pf-v5-c-menu-toggle--m-expanded--BackgroundColor: var(--pf-v5-c-menu-toggle--m-secondary--m-expanded--BackgroundColor);
|
|
18755
18764
|
--pf-v5-c-menu-toggle--m-expanded--Color: var(--pf-v5-c-menu-toggle--m-secondary--m-expanded--Color);
|
|
18756
18765
|
}
|
|
18757
18766
|
.pf-v5-c-menu-toggle.pf-m-secondary, .pf-v5-c-menu-toggle.pf-m-secondary::before {
|