@patternfly/patternfly 5.0.0-alpha.70 → 5.0.0-alpha.71
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/CodeEditor/code-editor.css +5 -0
- package/components/CodeEditor/code-editor.scss +1 -0
- package/components/CodeEditor/themes/dark/code-editor.scss +5 -0
- package/components/FormControl/form-control.css +6 -6
- package/components/FormControl/themes/dark/form-control.scss +6 -7
- package/package.json +1 -1
- package/patternfly-no-globals.css +11 -6
- package/patternfly-theme-dark-unversioned.css +11 -6
- package/patternfly.css +11 -6
- package/patternfly.min.css +1 -1
- package/patternfly.min.css.map +1 -1
|
@@ -77,6 +77,7 @@
|
|
|
77
77
|
|
|
78
78
|
.pf-v5-c-code-editor__main {
|
|
79
79
|
position: relative;
|
|
80
|
+
color: var(--pf-v5-c-code-editor__main--Color, inherit);
|
|
80
81
|
background-color: var(--pf-v5-c-code-editor__main--BackgroundColor);
|
|
81
82
|
border: var(--pf-v5-c-code-editor__main--BorderWidth) solid;
|
|
82
83
|
border-color: var(--pf-v5-c-code-editor__main--BorderColor);
|
|
@@ -135,6 +136,10 @@
|
|
|
135
136
|
margin-left: var(--pf-v5-c-code-editor__tab-icon--text--MarginLeft);
|
|
136
137
|
}
|
|
137
138
|
|
|
139
|
+
:where(.pf-v5-theme-dark) .pf-v5-c-code-editor {
|
|
140
|
+
--pf-v5-c-code-editor--m-read-only__main--Color: var(--pf-v5-global--disabled-color--300);
|
|
141
|
+
--pf-v5-c-code-editor--m-read-only__main--BackgroundColor: var(--pf-v5-global--disabled-color--200);
|
|
142
|
+
}
|
|
138
143
|
:where(.pf-v5-theme-dark) .pf-v5-c-code-editor__controls > * + * {
|
|
139
144
|
border-left: 1px solid var(--pf-v5-global--palette--black-700);
|
|
140
145
|
}
|
|
@@ -100,6 +100,7 @@
|
|
|
100
100
|
|
|
101
101
|
.#{$code-editor}__main {
|
|
102
102
|
position: relative;
|
|
103
|
+
color: var(--#{$code-editor}__main--Color, inherit);
|
|
103
104
|
background-color: var(--#{$code-editor}__main--BackgroundColor);
|
|
104
105
|
border: var(--#{$code-editor}__main--BorderWidth) solid;
|
|
105
106
|
border-color: var(--#{$code-editor}__main--BorderColor);
|
|
@@ -1,6 +1,11 @@
|
|
|
1
1
|
@import "../../../../sass-utilities/themes/dark/all";
|
|
2
2
|
|
|
3
3
|
@mixin pf-v5-theme-dark-code-editor() {
|
|
4
|
+
.#{$code-editor} {
|
|
5
|
+
--#{$code-editor}--m-read-only__main--Color: var(--#{$pf-global}--disabled-color--300);
|
|
6
|
+
--#{$code-editor}--m-read-only__main--BackgroundColor: var(--#{$pf-global}--disabled-color--200);
|
|
7
|
+
}
|
|
8
|
+
|
|
4
9
|
.#{$code-editor}__controls {
|
|
5
10
|
> * + * {
|
|
6
11
|
border-left: 1px solid var(--#{$pf-global}--palette--black-700);
|
|
@@ -275,14 +275,14 @@
|
|
|
275
275
|
--pf-v5-c-form-control--BorderBottomColor: var(--pf-v5-global--BorderColor--400);
|
|
276
276
|
--pf-v5-c-form-control--BorderLeftColor: transparent;
|
|
277
277
|
--pf-v5-c-form-control--BackgroundColor: var(--pf-v5-global--BackgroundColor--400);
|
|
278
|
-
--pf-v5-c-form-control--disabled--Color: var(--pf-v5-global--disabled-color--300);
|
|
279
|
-
--pf-v5-c-form-control--disabled--BackgroundColor: var(--pf-v5-global--disabled-color--200);
|
|
280
|
-
--pf-v5-c-form-control--readonly--BackgroundColor: var(--pf-v5-global--disabled-color--200);
|
|
278
|
+
--pf-v5-c-form-control--m-disabled--Color: var(--pf-v5-global--disabled-color--300);
|
|
279
|
+
--pf-v5-c-form-control--m-disabled--BackgroundColor: var(--pf-v5-global--disabled-color--200);
|
|
280
|
+
--pf-v5-c-form-control--m-readonly--BackgroundColor: var(--pf-v5-global--disabled-color--200);
|
|
281
|
+
--pf-v5-c-form-control--m-readonly--hover--BorderBottomColor: var(--pf-v5-global--BorderColor--400);
|
|
282
|
+
--pf-v5-c-form-control--m-readonly--focus--BorderBottomColor:var(--pf-v5-global--BorderColor--400);
|
|
283
|
+
--pf-v5-c-form-control--m-disabled__toggle-icon--Color: var(--pf-v5-global--disabled-color--300);
|
|
281
284
|
color: var(--pf-v5-global--Color--100);
|
|
282
285
|
}
|
|
283
286
|
:where(.pf-v5-theme-dark) .pf-v5-c-form-control::-webkit-calendar-picker-indicator {
|
|
284
287
|
filter: invert(1);
|
|
285
|
-
}
|
|
286
|
-
:where(.pf-v5-theme-dark) .pf-v5-c-form-control.pf-m-readonly {
|
|
287
|
-
border-bottom-color: var(--pf-v5-global--palette--black-700);
|
|
288
288
|
}
|
|
@@ -7,9 +7,12 @@
|
|
|
7
7
|
--#{$form-control}--BorderBottomColor: var(--#{$pf-global}--BorderColor--400);
|
|
8
8
|
--#{$form-control}--BorderLeftColor: transparent;
|
|
9
9
|
--#{$form-control}--BackgroundColor: var(--#{$pf-global}--BackgroundColor--400);
|
|
10
|
-
--#{$form-control}--disabled--Color: var(--#{$pf-global}--disabled-color--300);
|
|
11
|
-
--#{$form-control}--disabled--BackgroundColor: var(--#{$pf-global}--disabled-color--200);
|
|
12
|
-
--#{$form-control}--readonly--BackgroundColor: var(--#{$pf-global}--disabled-color--200);
|
|
10
|
+
--#{$form-control}--m-disabled--Color: var(--#{$pf-global}--disabled-color--300);
|
|
11
|
+
--#{$form-control}--m-disabled--BackgroundColor: var(--#{$pf-global}--disabled-color--200);
|
|
12
|
+
--#{$form-control}--m-readonly--BackgroundColor: var(--#{$pf-global}--disabled-color--200);
|
|
13
|
+
--#{$form-control}--m-readonly--hover--BorderBottomColor: var(--#{$pf-global}--BorderColor--400);
|
|
14
|
+
--#{$form-control}--m-readonly--focus--BorderBottomColor:var(--#{$pf-global}--BorderColor--400);
|
|
15
|
+
--#{$form-control}--m-disabled__toggle-icon--Color: var(--#{$pf-global}--disabled-color--300);
|
|
13
16
|
|
|
14
17
|
color: var(--#{$pf-global}--Color--100);
|
|
15
18
|
|
|
@@ -17,9 +20,5 @@
|
|
|
17
20
|
&::-webkit-calendar-picker-indicator {
|
|
18
21
|
filter: #{"invert(1)"};
|
|
19
22
|
}
|
|
20
|
-
|
|
21
|
-
&.pf-m-readonly {
|
|
22
|
-
border-bottom-color: var(--#{$pf-global}--palette--black-700); // should be a var?
|
|
23
|
-
}
|
|
24
23
|
}
|
|
25
24
|
}
|
package/package.json
CHANGED
|
@@ -8641,6 +8641,7 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
|
|
|
8641
8641
|
|
|
8642
8642
|
.pf-v5-c-code-editor__main {
|
|
8643
8643
|
position: relative;
|
|
8644
|
+
color: var(--pf-v5-c-code-editor__main--Color, inherit);
|
|
8644
8645
|
background-color: var(--pf-v5-c-code-editor__main--BackgroundColor);
|
|
8645
8646
|
border: var(--pf-v5-c-code-editor__main--BorderWidth) solid;
|
|
8646
8647
|
border-color: var(--pf-v5-c-code-editor__main--BorderColor);
|
|
@@ -8712,6 +8713,10 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
|
|
|
8712
8713
|
--pf-v5-global--BackgroundColor--100: #1b1d21;
|
|
8713
8714
|
}
|
|
8714
8715
|
|
|
8716
|
+
:where(.pf-v5-theme-dark) .pf-v5-c-code-editor {
|
|
8717
|
+
--pf-v5-c-code-editor--m-read-only__main--Color: var(--pf-v5-global--disabled-color--300);
|
|
8718
|
+
--pf-v5-c-code-editor--m-read-only__main--BackgroundColor: var(--pf-v5-global--disabled-color--200);
|
|
8719
|
+
}
|
|
8715
8720
|
:where(.pf-v5-theme-dark) .pf-v5-c-code-editor__controls > * + * {
|
|
8716
8721
|
border-left: 1px solid var(--pf-v5-global--palette--black-700);
|
|
8717
8722
|
}
|
|
@@ -15052,17 +15057,17 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
|
|
|
15052
15057
|
--pf-v5-c-form-control--BorderBottomColor: var(--pf-v5-global--BorderColor--400);
|
|
15053
15058
|
--pf-v5-c-form-control--BorderLeftColor: transparent;
|
|
15054
15059
|
--pf-v5-c-form-control--BackgroundColor: var(--pf-v5-global--BackgroundColor--400);
|
|
15055
|
-
--pf-v5-c-form-control--disabled--Color: var(--pf-v5-global--disabled-color--300);
|
|
15056
|
-
--pf-v5-c-form-control--disabled--BackgroundColor: var(--pf-v5-global--disabled-color--200);
|
|
15057
|
-
--pf-v5-c-form-control--readonly--BackgroundColor: var(--pf-v5-global--disabled-color--200);
|
|
15060
|
+
--pf-v5-c-form-control--m-disabled--Color: var(--pf-v5-global--disabled-color--300);
|
|
15061
|
+
--pf-v5-c-form-control--m-disabled--BackgroundColor: var(--pf-v5-global--disabled-color--200);
|
|
15062
|
+
--pf-v5-c-form-control--m-readonly--BackgroundColor: var(--pf-v5-global--disabled-color--200);
|
|
15063
|
+
--pf-v5-c-form-control--m-readonly--hover--BorderBottomColor: var(--pf-v5-global--BorderColor--400);
|
|
15064
|
+
--pf-v5-c-form-control--m-readonly--focus--BorderBottomColor:var(--pf-v5-global--BorderColor--400);
|
|
15065
|
+
--pf-v5-c-form-control--m-disabled__toggle-icon--Color: var(--pf-v5-global--disabled-color--300);
|
|
15058
15066
|
color: var(--pf-v5-global--Color--100);
|
|
15059
15067
|
}
|
|
15060
15068
|
:where(.pf-v5-theme-dark) .pf-v5-c-form-control::-webkit-calendar-picker-indicator {
|
|
15061
15069
|
filter: invert(1);
|
|
15062
15070
|
}
|
|
15063
|
-
:where(.pf-v5-theme-dark) .pf-v5-c-form-control.pf-m-readonly {
|
|
15064
|
-
border-bottom-color: var(--pf-v5-global--palette--black-700);
|
|
15065
|
-
}
|
|
15066
15071
|
|
|
15067
15072
|
.pf-v5-c-hint {
|
|
15068
15073
|
--pf-v5-c-hint--GridRowGap: var(--pf-v5-global--spacer--md);
|
|
@@ -8758,6 +8758,7 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
|
|
|
8758
8758
|
|
|
8759
8759
|
.pf-v5-c-code-editor__main {
|
|
8760
8760
|
position: relative;
|
|
8761
|
+
color: var(--pf-v5-c-code-editor__main--Color, inherit);
|
|
8761
8762
|
background-color: var(--pf-v5-c-code-editor__main--BackgroundColor);
|
|
8762
8763
|
border: var(--pf-v5-c-code-editor__main--BorderWidth) solid;
|
|
8763
8764
|
border-color: var(--pf-v5-c-code-editor__main--BorderColor);
|
|
@@ -8829,6 +8830,10 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
|
|
|
8829
8830
|
--pf-v5-global--BackgroundColor--100: #1b1d21;
|
|
8830
8831
|
}
|
|
8831
8832
|
|
|
8833
|
+
:where(.pf-theme-dark) .pf-v5-c-code-editor {
|
|
8834
|
+
--pf-v5-c-code-editor--m-read-only__main--Color: var(--pf-v5-global--disabled-color--300);
|
|
8835
|
+
--pf-v5-c-code-editor--m-read-only__main--BackgroundColor: var(--pf-v5-global--disabled-color--200);
|
|
8836
|
+
}
|
|
8832
8837
|
:where(.pf-theme-dark) .pf-v5-c-code-editor__controls > * + * {
|
|
8833
8838
|
border-left: 1px solid var(--pf-v5-global--palette--black-700);
|
|
8834
8839
|
}
|
|
@@ -15169,17 +15174,17 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
|
|
|
15169
15174
|
--pf-v5-c-form-control--BorderBottomColor: var(--pf-v5-global--BorderColor--400);
|
|
15170
15175
|
--pf-v5-c-form-control--BorderLeftColor: transparent;
|
|
15171
15176
|
--pf-v5-c-form-control--BackgroundColor: var(--pf-v5-global--BackgroundColor--400);
|
|
15172
|
-
--pf-v5-c-form-control--disabled--Color: var(--pf-v5-global--disabled-color--300);
|
|
15173
|
-
--pf-v5-c-form-control--disabled--BackgroundColor: var(--pf-v5-global--disabled-color--200);
|
|
15174
|
-
--pf-v5-c-form-control--readonly--BackgroundColor: var(--pf-v5-global--disabled-color--200);
|
|
15177
|
+
--pf-v5-c-form-control--m-disabled--Color: var(--pf-v5-global--disabled-color--300);
|
|
15178
|
+
--pf-v5-c-form-control--m-disabled--BackgroundColor: var(--pf-v5-global--disabled-color--200);
|
|
15179
|
+
--pf-v5-c-form-control--m-readonly--BackgroundColor: var(--pf-v5-global--disabled-color--200);
|
|
15180
|
+
--pf-v5-c-form-control--m-readonly--hover--BorderBottomColor: var(--pf-v5-global--BorderColor--400);
|
|
15181
|
+
--pf-v5-c-form-control--m-readonly--focus--BorderBottomColor:var(--pf-v5-global--BorderColor--400);
|
|
15182
|
+
--pf-v5-c-form-control--m-disabled__toggle-icon--Color: var(--pf-v5-global--disabled-color--300);
|
|
15175
15183
|
color: var(--pf-v5-global--Color--100);
|
|
15176
15184
|
}
|
|
15177
15185
|
:where(.pf-theme-dark) .pf-v5-c-form-control::-webkit-calendar-picker-indicator {
|
|
15178
15186
|
filter: invert(1);
|
|
15179
15187
|
}
|
|
15180
|
-
:where(.pf-theme-dark) .pf-v5-c-form-control.pf-m-readonly {
|
|
15181
|
-
border-bottom-color: var(--pf-v5-global--palette--black-700);
|
|
15182
|
-
}
|
|
15183
15188
|
|
|
15184
15189
|
.pf-v5-c-hint {
|
|
15185
15190
|
--pf-v5-c-hint--GridRowGap: var(--pf-v5-global--spacer--md);
|
package/patternfly.css
CHANGED
|
@@ -8758,6 +8758,7 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
|
|
|
8758
8758
|
|
|
8759
8759
|
.pf-v5-c-code-editor__main {
|
|
8760
8760
|
position: relative;
|
|
8761
|
+
color: var(--pf-v5-c-code-editor__main--Color, inherit);
|
|
8761
8762
|
background-color: var(--pf-v5-c-code-editor__main--BackgroundColor);
|
|
8762
8763
|
border: var(--pf-v5-c-code-editor__main--BorderWidth) solid;
|
|
8763
8764
|
border-color: var(--pf-v5-c-code-editor__main--BorderColor);
|
|
@@ -8829,6 +8830,10 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
|
|
|
8829
8830
|
--pf-v5-global--BackgroundColor--100: #1b1d21;
|
|
8830
8831
|
}
|
|
8831
8832
|
|
|
8833
|
+
:where(.pf-v5-theme-dark) .pf-v5-c-code-editor {
|
|
8834
|
+
--pf-v5-c-code-editor--m-read-only__main--Color: var(--pf-v5-global--disabled-color--300);
|
|
8835
|
+
--pf-v5-c-code-editor--m-read-only__main--BackgroundColor: var(--pf-v5-global--disabled-color--200);
|
|
8836
|
+
}
|
|
8832
8837
|
:where(.pf-v5-theme-dark) .pf-v5-c-code-editor__controls > * + * {
|
|
8833
8838
|
border-left: 1px solid var(--pf-v5-global--palette--black-700);
|
|
8834
8839
|
}
|
|
@@ -15169,17 +15174,17 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
|
|
|
15169
15174
|
--pf-v5-c-form-control--BorderBottomColor: var(--pf-v5-global--BorderColor--400);
|
|
15170
15175
|
--pf-v5-c-form-control--BorderLeftColor: transparent;
|
|
15171
15176
|
--pf-v5-c-form-control--BackgroundColor: var(--pf-v5-global--BackgroundColor--400);
|
|
15172
|
-
--pf-v5-c-form-control--disabled--Color: var(--pf-v5-global--disabled-color--300);
|
|
15173
|
-
--pf-v5-c-form-control--disabled--BackgroundColor: var(--pf-v5-global--disabled-color--200);
|
|
15174
|
-
--pf-v5-c-form-control--readonly--BackgroundColor: var(--pf-v5-global--disabled-color--200);
|
|
15177
|
+
--pf-v5-c-form-control--m-disabled--Color: var(--pf-v5-global--disabled-color--300);
|
|
15178
|
+
--pf-v5-c-form-control--m-disabled--BackgroundColor: var(--pf-v5-global--disabled-color--200);
|
|
15179
|
+
--pf-v5-c-form-control--m-readonly--BackgroundColor: var(--pf-v5-global--disabled-color--200);
|
|
15180
|
+
--pf-v5-c-form-control--m-readonly--hover--BorderBottomColor: var(--pf-v5-global--BorderColor--400);
|
|
15181
|
+
--pf-v5-c-form-control--m-readonly--focus--BorderBottomColor:var(--pf-v5-global--BorderColor--400);
|
|
15182
|
+
--pf-v5-c-form-control--m-disabled__toggle-icon--Color: var(--pf-v5-global--disabled-color--300);
|
|
15175
15183
|
color: var(--pf-v5-global--Color--100);
|
|
15176
15184
|
}
|
|
15177
15185
|
:where(.pf-v5-theme-dark) .pf-v5-c-form-control::-webkit-calendar-picker-indicator {
|
|
15178
15186
|
filter: invert(1);
|
|
15179
15187
|
}
|
|
15180
|
-
:where(.pf-v5-theme-dark) .pf-v5-c-form-control.pf-m-readonly {
|
|
15181
|
-
border-bottom-color: var(--pf-v5-global--palette--black-700);
|
|
15182
|
-
}
|
|
15183
15188
|
|
|
15184
15189
|
.pf-v5-c-hint {
|
|
15185
15190
|
--pf-v5-c-hint--GridRowGap: var(--pf-v5-global--spacer--md);
|