@vaadin/custom-field 22.0.1 → 23.0.0-alpha3
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 +19 -19
- package/src/vaadin-custom-field.d.ts +11 -2
- package/src/vaadin-custom-field.js +1 -1
- package/theme/lumo/vaadin-custom-field-styles.js +6 -1
- package/theme/lumo/vaadin-custom-field.js +1 -1
- package/theme/material/vaadin-custom-field-styles.js +1 -1
- package/theme/material/vaadin-custom-field.js +1 -1
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@vaadin/custom-field",
|
|
3
|
-
"version": "
|
|
3
|
+
"version": "23.0.0-alpha3",
|
|
4
4
|
"publishConfig": {
|
|
5
5
|
"access": "public"
|
|
6
6
|
},
|
|
@@ -32,28 +32,28 @@
|
|
|
32
32
|
],
|
|
33
33
|
"dependencies": {
|
|
34
34
|
"@polymer/polymer": "^3.0.0",
|
|
35
|
-
"@vaadin/component-base": "
|
|
36
|
-
"@vaadin/field-base": "
|
|
37
|
-
"@vaadin/vaadin-lumo-styles": "
|
|
38
|
-
"@vaadin/vaadin-material-styles": "
|
|
39
|
-
"@vaadin/vaadin-themable-mixin": "
|
|
35
|
+
"@vaadin/component-base": "23.0.0-alpha3",
|
|
36
|
+
"@vaadin/field-base": "23.0.0-alpha3",
|
|
37
|
+
"@vaadin/vaadin-lumo-styles": "23.0.0-alpha3",
|
|
38
|
+
"@vaadin/vaadin-material-styles": "23.0.0-alpha3",
|
|
39
|
+
"@vaadin/vaadin-themable-mixin": "23.0.0-alpha3"
|
|
40
40
|
},
|
|
41
41
|
"devDependencies": {
|
|
42
42
|
"@esm-bundle/chai": "^4.3.4",
|
|
43
|
-
"@vaadin/combo-box": "
|
|
44
|
-
"@vaadin/date-picker": "
|
|
45
|
-
"@vaadin/email-field": "
|
|
46
|
-
"@vaadin/form-layout": "
|
|
47
|
-
"@vaadin/list-box": "
|
|
48
|
-
"@vaadin/number-field": "
|
|
49
|
-
"@vaadin/password-field": "
|
|
50
|
-
"@vaadin/polymer-legacy-adapter": "
|
|
51
|
-
"@vaadin/select": "
|
|
43
|
+
"@vaadin/combo-box": "23.0.0-alpha3",
|
|
44
|
+
"@vaadin/date-picker": "23.0.0-alpha3",
|
|
45
|
+
"@vaadin/email-field": "23.0.0-alpha3",
|
|
46
|
+
"@vaadin/form-layout": "23.0.0-alpha3",
|
|
47
|
+
"@vaadin/list-box": "23.0.0-alpha3",
|
|
48
|
+
"@vaadin/number-field": "23.0.0-alpha3",
|
|
49
|
+
"@vaadin/password-field": "23.0.0-alpha3",
|
|
50
|
+
"@vaadin/polymer-legacy-adapter": "23.0.0-alpha3",
|
|
51
|
+
"@vaadin/select": "23.0.0-alpha3",
|
|
52
52
|
"@vaadin/testing-helpers": "^0.3.2",
|
|
53
|
-
"@vaadin/text-area": "
|
|
54
|
-
"@vaadin/text-field": "
|
|
55
|
-
"@vaadin/time-picker": "
|
|
53
|
+
"@vaadin/text-area": "23.0.0-alpha3",
|
|
54
|
+
"@vaadin/text-field": "23.0.0-alpha3",
|
|
55
|
+
"@vaadin/time-picker": "23.0.0-alpha3",
|
|
56
56
|
"sinon": "^9.2.1"
|
|
57
57
|
},
|
|
58
|
-
"gitHead": "
|
|
58
|
+
"gitHead": "490037919a9e054cc002c1b3be0c94a1603e1a44"
|
|
59
59
|
}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* @license
|
|
3
|
-
* Copyright (c)
|
|
3
|
+
* Copyright (c) 2019 - 2022 Vaadin Ltd.
|
|
4
4
|
* This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
|
|
5
5
|
*/
|
|
6
6
|
import { ElementMixin } from '@vaadin/component-base/src/element-mixin.js';
|
|
@@ -18,6 +18,13 @@ export interface CustomFieldI18n {
|
|
|
18
18
|
formatValue: CustomFieldFormatValueFn;
|
|
19
19
|
}
|
|
20
20
|
|
|
21
|
+
/**
|
|
22
|
+
* Fired when the user commits a value change.
|
|
23
|
+
*/
|
|
24
|
+
export type CustomFieldChangeEvent = Event & {
|
|
25
|
+
target: CustomField;
|
|
26
|
+
};
|
|
27
|
+
|
|
21
28
|
/**
|
|
22
29
|
* Fired when the `invalid` property changes.
|
|
23
30
|
*/
|
|
@@ -34,7 +41,9 @@ export interface CustomFieldCustomEventMap {
|
|
|
34
41
|
'value-changed': CustomFieldValueChangedEvent;
|
|
35
42
|
}
|
|
36
43
|
|
|
37
|
-
export interface CustomFieldEventMap extends HTMLElementEventMap, CustomFieldCustomEventMap {
|
|
44
|
+
export interface CustomFieldEventMap extends HTMLElementEventMap, CustomFieldCustomEventMap {
|
|
45
|
+
change: CustomFieldChangeEvent;
|
|
46
|
+
}
|
|
38
47
|
|
|
39
48
|
/**
|
|
40
49
|
* `<vaadin-custom-field>` is a web component for wrapping multiple components as a single field.
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* @license
|
|
3
|
-
* Copyright (c)
|
|
3
|
+
* Copyright (c) 2019 - 2022 Vaadin Ltd.
|
|
4
4
|
* This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
|
|
5
5
|
*/
|
|
6
6
|
import { FlattenedNodesObserver } from '@polymer/polymer/lib/utils/flattened-nodes-observer.js';
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* @license
|
|
3
|
-
* Copyright (c)
|
|
3
|
+
* Copyright (c) 2019 - 2022 Vaadin Ltd.
|
|
4
4
|
* This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
|
|
5
5
|
*/
|
|
6
6
|
import '@vaadin/vaadin-lumo-styles/color.js';
|
|
@@ -83,6 +83,11 @@ const customField = css`
|
|
|
83
83
|
:host([theme~='small'][has-label]) [part='error-message'] {
|
|
84
84
|
font-size: var(--lumo-font-size-xxs);
|
|
85
85
|
}
|
|
86
|
+
|
|
87
|
+
/* When custom-field is used with components without outer margin */
|
|
88
|
+
:host([theme~='whitespace'][has-label]) [part='label'] {
|
|
89
|
+
padding-bottom: 0.5em;
|
|
90
|
+
}
|
|
86
91
|
`;
|
|
87
92
|
|
|
88
93
|
registerStyles('vaadin-custom-field', [requiredField, helper, customField], {
|