@vaadin/field-base 25.0.0-alpha17 → 25.0.0-alpha19
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/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@vaadin/field-base",
|
|
3
|
-
"version": "25.0.0-
|
|
3
|
+
"version": "25.0.0-alpha19",
|
|
4
4
|
"publishConfig": {
|
|
5
5
|
"access": "public"
|
|
6
6
|
},
|
|
@@ -31,15 +31,15 @@
|
|
|
31
31
|
],
|
|
32
32
|
"dependencies": {
|
|
33
33
|
"@open-wc/dedupe-mixin": "^1.3.0",
|
|
34
|
-
"@vaadin/a11y-base": "25.0.0-
|
|
35
|
-
"@vaadin/component-base": "25.0.0-
|
|
34
|
+
"@vaadin/a11y-base": "25.0.0-alpha19",
|
|
35
|
+
"@vaadin/component-base": "25.0.0-alpha19",
|
|
36
36
|
"lit": "^3.0.0"
|
|
37
37
|
},
|
|
38
38
|
"devDependencies": {
|
|
39
|
-
"@vaadin/chai-plugins": "25.0.0-
|
|
40
|
-
"@vaadin/test-runner-commands": "25.0.0-
|
|
39
|
+
"@vaadin/chai-plugins": "25.0.0-alpha19",
|
|
40
|
+
"@vaadin/test-runner-commands": "25.0.0-alpha19",
|
|
41
41
|
"@vaadin/testing-helpers": "^2.0.0",
|
|
42
42
|
"sinon": "^21.0.0"
|
|
43
43
|
},
|
|
44
|
-
"gitHead": "
|
|
44
|
+
"gitHead": "1f9af1ce5f0bae8daff044176c8a8df697763881"
|
|
45
45
|
}
|
|
@@ -115,14 +115,14 @@ export const InputControlMixin = (superclass) =>
|
|
|
115
115
|
|
|
116
116
|
/* Override built-in autofill styles */
|
|
117
117
|
${tag} > input[slot='input']:autofill {
|
|
118
|
-
-webkit-text-fill-color: var(--vaadin-input-field-autofill-color, black);
|
|
119
|
-
background-clip: text;
|
|
118
|
+
-webkit-text-fill-color: var(--vaadin-input-field-autofill-color, black) !important;
|
|
119
|
+
background-clip: text !important;
|
|
120
120
|
}
|
|
121
121
|
|
|
122
|
-
${tag}:has(> input[slot='input']:autofill) {
|
|
123
|
-
--vaadin-input-field-background: var(--vaadin-input-field-autofill-background, lightyellow);
|
|
124
|
-
--vaadin-input-field-value-color: var(--vaadin-input-field-autofill-color, black);
|
|
125
|
-
--vaadin-input-field-button-color: var(--vaadin-input-field-autofill-color, black);
|
|
122
|
+
${tag}:has(> input[slot='input']:autofill)::part(input-field) {
|
|
123
|
+
--vaadin-input-field-background: var(--vaadin-input-field-autofill-background, lightyellow) !important;
|
|
124
|
+
--vaadin-input-field-value-color: var(--vaadin-input-field-autofill-color, black) !important;
|
|
125
|
+
--vaadin-input-field-button-color: var(--vaadin-input-field-autofill-color, black) !important;
|
|
126
126
|
}
|
|
127
127
|
`,
|
|
128
128
|
];
|
|
@@ -65,7 +65,6 @@ export const checkable = (part, propName = part) => css`
|
|
|
65
65
|
content: '\\2003';
|
|
66
66
|
grid-column: 1;
|
|
67
67
|
grid-row: 1;
|
|
68
|
-
z-index: -1;
|
|
69
68
|
width: 0;
|
|
70
69
|
}
|
|
71
70
|
|
|
@@ -84,7 +83,7 @@ export const checkable = (part, propName = part) => css`
|
|
|
84
83
|
background: var(--vaadin-${unsafeCSS(propName)}-background, var(--vaadin-background-color));
|
|
85
84
|
border-color: var(--vaadin-${unsafeCSS(propName)}-border-color, var(--vaadin-input-field-border-color, var(--vaadin-border-color)));
|
|
86
85
|
border-radius: var(--vaadin-${unsafeCSS(propName)}-border-radius, var(--vaadin-radius-s));
|
|
87
|
-
border-style: solid;
|
|
86
|
+
border-style: var(--_border-style, solid);
|
|
88
87
|
--_border-width: var(--vaadin-${unsafeCSS(propName)}-border-width, var(--vaadin-input-field-border-width, 1px));
|
|
89
88
|
border-width: var(--_border-width);
|
|
90
89
|
box-sizing: border-box;
|
|
@@ -136,19 +135,27 @@ export const checkable = (part, propName = part) => css`
|
|
|
136
135
|
|
|
137
136
|
@media (forced-colors: active) {
|
|
138
137
|
:host(:is([checked], [indeterminate])) {
|
|
139
|
-
--vaadin-${unsafeCSS(propName)}-border-color: CanvasText;
|
|
138
|
+
--vaadin-${unsafeCSS(propName)}-border-color: CanvasText !important;
|
|
139
|
+
}
|
|
140
|
+
|
|
141
|
+
:host(:is([checked], [indeterminate])) [part='${unsafeCSS(part)}'] {
|
|
142
|
+
background: SelectedItem !important;
|
|
143
|
+
}
|
|
144
|
+
|
|
145
|
+
:host(:is([checked], [indeterminate])) [part='${unsafeCSS(part)}']::after {
|
|
146
|
+
background: SelectedItemText !important;
|
|
140
147
|
}
|
|
141
148
|
|
|
142
149
|
:host([readonly]) [part='${unsafeCSS(part)}']::after {
|
|
143
|
-
background: CanvasText;
|
|
150
|
+
background: CanvasText !important;
|
|
144
151
|
}
|
|
145
152
|
|
|
146
153
|
:host([disabled]) {
|
|
147
|
-
--vaadin-${unsafeCSS(propName)}-border-color: GrayText;
|
|
154
|
+
--vaadin-${unsafeCSS(propName)}-border-color: GrayText !important;
|
|
148
155
|
}
|
|
149
156
|
|
|
150
157
|
:host([disabled]) [part='${unsafeCSS(part)}']::after {
|
|
151
|
-
background: GrayText;
|
|
158
|
+
background: GrayText !important;
|
|
152
159
|
}
|
|
153
160
|
}
|
|
154
161
|
`;
|