@vaadin/upload 25.0.0-beta7 → 25.0.0-rc1

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.
Files changed (7) hide show
  1. package/package.json +10 -10
  2. package/src/vaadin-upload-file.d.ts +28 -0
  3. package/src/vaadin-upload-file.js +28 -0
  4. package/src/vaadin-upload.d.ts +38 -12
  5. package/src/vaadin-upload.js +38 -12
  6. package/web-types.json +3 -3
  7. package/web-types.lit.json +3 -3
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@vaadin/upload",
3
- "version": "25.0.0-beta7",
3
+ "version": "25.0.0-rc1",
4
4
  "publishConfig": {
5
5
  "access": "public"
6
6
  },
@@ -34,23 +34,23 @@
34
34
  ],
35
35
  "dependencies": {
36
36
  "@open-wc/dedupe-mixin": "^1.3.0",
37
- "@vaadin/a11y-base": "25.0.0-beta7",
38
- "@vaadin/button": "25.0.0-beta7",
39
- "@vaadin/component-base": "25.0.0-beta7",
40
- "@vaadin/progress-bar": "25.0.0-beta7",
41
- "@vaadin/vaadin-themable-mixin": "25.0.0-beta7",
37
+ "@vaadin/a11y-base": "25.0.0-rc1",
38
+ "@vaadin/button": "25.0.0-rc1",
39
+ "@vaadin/component-base": "25.0.0-rc1",
40
+ "@vaadin/progress-bar": "25.0.0-rc1",
41
+ "@vaadin/vaadin-themable-mixin": "25.0.0-rc1",
42
42
  "lit": "^3.0.0"
43
43
  },
44
44
  "devDependencies": {
45
- "@vaadin/chai-plugins": "25.0.0-beta7",
46
- "@vaadin/test-runner-commands": "25.0.0-beta7",
45
+ "@vaadin/chai-plugins": "25.0.0-rc1",
46
+ "@vaadin/test-runner-commands": "25.0.0-rc1",
47
47
  "@vaadin/testing-helpers": "^2.0.0",
48
- "@vaadin/vaadin-lumo-styles": "25.0.0-beta7",
48
+ "@vaadin/vaadin-lumo-styles": "25.0.0-rc1",
49
49
  "sinon": "^21.0.0"
50
50
  },
51
51
  "web-types": [
52
52
  "web-types.json",
53
53
  "web-types.lit.json"
54
54
  ],
55
- "gitHead": "f12f14c37d2c0a72f708baff4a95230168d58dcc"
55
+ "gitHead": "cea5e86ad18824e5631b63c11150b4d7701869c5"
56
56
  }
package/src/vaadin-upload-file.d.ts CHANGED
@@ -65,6 +65,34 @@ export interface UploadFileEventMap extends HTMLElementEventMap, UploadFileCusto
65
65
  * `uploading` | Uploading is in progress.
66
66
  * `complete` | Uploading has finished successfully.
67
67
  *
68
+ * The following custom CSS properties are available for styling:
69
+ *
70
+ * Custom CSS property |
71
+ * :--------------------------------------------|
72
+ * `--vaadin-upload-file-border-radius` |
73
+ * `--vaadin-upload-file-button-background` |
74
+ * `--vaadin-upload-file-button-border-color` |
75
+ * `--vaadin-upload-file-button-border-radius` |
76
+ * `--vaadin-upload-file-button-border-width` |
77
+ * `--vaadin-upload-file-button-text-color` |
78
+ * `--vaadin-upload-file-button-padding` |
79
+ * `--vaadin-upload-file-done-color` |
80
+ * `--vaadin-upload-file-error-color` |
81
+ * `--vaadin-upload-file-error-font-size` |
82
+ * `--vaadin-upload-file-error-font-weight` |
83
+ * `--vaadin-upload-file-error-line-height` |
84
+ * `--vaadin-upload-file-gap` |
85
+ * `--vaadin-upload-file-name-color` |
86
+ * `--vaadin-upload-file-name-font-size` |
87
+ * `--vaadin-upload-file-name-font-weight` |
88
+ * `--vaadin-upload-file-name-line-height` |
89
+ * `--vaadin-upload-file-padding` |
90
+ * `--vaadin-upload-file-status-color` |
91
+ * `--vaadin-upload-file-status-font-size` |
92
+ * `--vaadin-upload-file-status-font-weight` |
93
+ * `--vaadin-upload-file-status-line-height` |
94
+ * `--vaadin-upload-file-warning-color` |
95
+ *
68
96
  * See [Styling Components](https://vaadin.com/docs/latest/styling/styling-components) documentation.
69
97
  */
70
98
  declare class UploadFile extends UploadFileMixin(ThemableMixin(HTMLElement)) {
package/src/vaadin-upload-file.js CHANGED
@@ -45,6 +45,34 @@ import { UploadFileMixin } from './vaadin-upload-file-mixin.js';
45
45
  * `uploading` | Uploading is in progress.
46
46
  * `complete` | Uploading has finished successfully.
47
47
  *
48
+ * The following custom CSS properties are available for styling:
49
+ *
50
+ * Custom CSS property |
51
+ * :--------------------------------------------|
52
+ * `--vaadin-upload-file-border-radius` |
53
+ * `--vaadin-upload-file-button-background` |
54
+ * `--vaadin-upload-file-button-border-color` |
55
+ * `--vaadin-upload-file-button-border-radius` |
56
+ * `--vaadin-upload-file-button-border-width` |
57
+ * `--vaadin-upload-file-button-text-color` |
58
+ * `--vaadin-upload-file-button-padding` |
59
+ * `--vaadin-upload-file-done-color` |
60
+ * `--vaadin-upload-file-error-color` |
61
+ * `--vaadin-upload-file-error-font-size` |
62
+ * `--vaadin-upload-file-error-font-weight` |
63
+ * `--vaadin-upload-file-error-line-height` |
64
+ * `--vaadin-upload-file-gap` |
65
+ * `--vaadin-upload-file-name-color` |
66
+ * `--vaadin-upload-file-name-font-size` |
67
+ * `--vaadin-upload-file-name-font-weight` |
68
+ * `--vaadin-upload-file-name-line-height` |
69
+ * `--vaadin-upload-file-padding` |
70
+ * `--vaadin-upload-file-status-color` |
71
+ * `--vaadin-upload-file-status-font-size` |
72
+ * `--vaadin-upload-file-status-font-weight` |
73
+ * `--vaadin-upload-file-status-line-height` |
74
+ * `--vaadin-upload-file-warning-color` |
75
+ *
48
76
  * See [Styling Components](https://vaadin.com/docs/latest/styling/styling-components) documentation.
49
77
  *
50
78
  * @customElement
package/src/vaadin-upload.d.ts CHANGED
@@ -149,18 +149,44 @@ export interface UploadEventMap extends HTMLElementEventMap, UploadCustomEventMa
149
149
  *
150
150
  * The following custom CSS properties are available for styling:
151
151
  *
152
- * Custom CSS property | Description
153
- * -----------------------------------------|-------------
154
- * `--vaadin-upload-background` | The host element background
155
- * `--vaadin-upload-border-color` | The host element border color
156
- * `--vaadin-upload-border-radius` | The host element border radius
157
- * `--vaadin-upload-border-width` | The host element border width
158
- * `--vaadin-upload-padding` | The host element padding
159
- * `--vaadin-upload-drop-label-color` | The drop label color
160
- * `--vaadin-upload-drop-label-font-size` | The drop label font size
161
- * `--vaadin-upload-drop-label-font-weight` | The drop label font weight
162
- * `--vaadin-upload-drop-label-gap` | The drop label gap
163
- * `--vaadin-upload-drop-label-line-height` | The drop label line height
152
+ * Custom CSS property |
153
+ * :--------------------------------------------|
154
+ * `--vaadin-upload-background` |
155
+ * `--vaadin-upload-border-color` |
156
+ * `--vaadin-upload-border-radius` |
157
+ * `--vaadin-upload-border-width` |
158
+ * `--vaadin-upload-gap` |
159
+ * `--vaadin-upload-padding` |
160
+ * `--vaadin-upload-drop-label-color` |
161
+ * `--vaadin-upload-drop-label-font-size` |
162
+ * `--vaadin-upload-drop-label-font-weight` |
163
+ * `--vaadin-upload-drop-label-gap` |
164
+ * `--vaadin-upload-drop-label-line-height` |
165
+ * `--vaadin-upload-file-list-divider-color` |
166
+ * `--vaadin-upload-file-list-divider-width` |
167
+ * `--vaadin-upload-file-border-radius` |
168
+ * `--vaadin-upload-file-button-background` |
169
+ * `--vaadin-upload-file-button-border-color` |
170
+ * `--vaadin-upload-file-button-border-radius` |
171
+ * `--vaadin-upload-file-button-border-width` |
172
+ * `--vaadin-upload-file-button-text-color` |
173
+ * `--vaadin-upload-file-button-padding` |
174
+ * `--vaadin-upload-file-done-color` |
175
+ * `--vaadin-upload-file-error-color` |
176
+ * `--vaadin-upload-file-error-font-size` |
177
+ * `--vaadin-upload-file-error-font-weight` |
178
+ * `--vaadin-upload-file-error-line-height` |
179
+ * `--vaadin-upload-file-gap` |
180
+ * `--vaadin-upload-file-name-color` |
181
+ * `--vaadin-upload-file-name-font-size` |
182
+ * `--vaadin-upload-file-name-font-weight` |
183
+ * `--vaadin-upload-file-name-line-height` |
184
+ * `--vaadin-upload-file-padding` |
185
+ * `--vaadin-upload-file-status-color` |
186
+ * `--vaadin-upload-file-status-font-size` |
187
+ * `--vaadin-upload-file-status-font-weight` |
188
+ * `--vaadin-upload-file-status-line-height` |
189
+ * `--vaadin-upload-file-warning-color` |
164
190
  *
165
191
  * See [Styling Components](https://vaadin.com/docs/latest/styling/styling-components) documentation.
166
192
  *
package/src/vaadin-upload.js CHANGED
@@ -47,18 +47,44 @@ import { UploadMixin } from './vaadin-upload-mixin.js';
47
47
  *
48
48
  * The following custom CSS properties are available for styling:
49
49
  *
50
- * Custom CSS property | Description
51
- * -----------------------------------------|-------------
52
- * `--vaadin-upload-background` | The host element background
53
- * `--vaadin-upload-border-color` | The host element border color
54
- * `--vaadin-upload-border-radius` | The host element border radius
55
- * `--vaadin-upload-border-width` | The host element border width
56
- * `--vaadin-upload-padding` | The host element padding
57
- * `--vaadin-upload-drop-label-color` | The drop label color
58
- * `--vaadin-upload-drop-label-font-size` | The drop label font size
59
- * `--vaadin-upload-drop-label-font-weight` | The drop label font weight
60
- * `--vaadin-upload-drop-label-gap` | The drop label gap
61
- * `--vaadin-upload-drop-label-line-height` | The drop label line height
50
+ * Custom CSS property |
51
+ * :--------------------------------------------|
52
+ * `--vaadin-upload-background` |
53
+ * `--vaadin-upload-border-color` |
54
+ * `--vaadin-upload-border-radius` |
55
+ * `--vaadin-upload-border-width` |
56
+ * `--vaadin-upload-gap` |
57
+ * `--vaadin-upload-padding` |
58
+ * `--vaadin-upload-drop-label-color` |
59
+ * `--vaadin-upload-drop-label-font-size` |
60
+ * `--vaadin-upload-drop-label-font-weight` |
61
+ * `--vaadin-upload-drop-label-gap` |
62
+ * `--vaadin-upload-drop-label-line-height` |
63
+ * `--vaadin-upload-file-list-divider-color` |
64
+ * `--vaadin-upload-file-list-divider-width` |
65
+ * `--vaadin-upload-file-border-radius` |
66
+ * `--vaadin-upload-file-button-background` |
67
+ * `--vaadin-upload-file-button-border-color` |
68
+ * `--vaadin-upload-file-button-border-radius` |
69
+ * `--vaadin-upload-file-button-border-width` |
70
+ * `--vaadin-upload-file-button-text-color` |
71
+ * `--vaadin-upload-file-button-padding` |
72
+ * `--vaadin-upload-file-done-color` |
73
+ * `--vaadin-upload-file-error-color` |
74
+ * `--vaadin-upload-file-error-font-size` |
75
+ * `--vaadin-upload-file-error-font-weight` |
76
+ * `--vaadin-upload-file-error-line-height` |
77
+ * `--vaadin-upload-file-gap` |
78
+ * `--vaadin-upload-file-name-color` |
79
+ * `--vaadin-upload-file-name-font-size` |
80
+ * `--vaadin-upload-file-name-font-weight` |
81
+ * `--vaadin-upload-file-name-line-height` |
82
+ * `--vaadin-upload-file-padding` |
83
+ * `--vaadin-upload-file-status-color` |
84
+ * `--vaadin-upload-file-status-font-size` |
85
+ * `--vaadin-upload-file-status-font-weight` |
86
+ * `--vaadin-upload-file-status-line-height` |
87
+ * `--vaadin-upload-file-warning-color` |
62
88
  *
63
89
  * See [Styling Components](https://vaadin.com/docs/latest/styling/styling-components) documentation.
64
90
  *
package/web-types.json CHANGED
@@ -1,14 +1,14 @@
1
1
  {
2
2
  "$schema": "https://json.schemastore.org/web-types",
3
3
  "name": "@vaadin/upload",
4
- "version": "25.0.0-beta7",
4
+ "version": "25.0.0-rc1",
5
5
  "description-markup": "markdown",
6
6
  "contributions": {
7
7
  "html": {
8
8
  "elements": [
9
9
  {
10
10
  "name": "vaadin-upload-file",
11
- "description": "`<vaadin-upload-file>` element represents a file in the file list of `<vaadin-upload>`.\n\n### Styling\n\nThe following shadow DOM parts are available for styling:\n\nPart name | Description\n-----------------|-------------\n`done-icon` | File done status icon\n`warning-icon` | File warning status icon\n`meta` | Container for file name, status and error messages\n`name` | File name\n`error` | Error message, shown when error happens\n`status` | Status message\n`commands` | Container for file command buttons\n`start-button` | Start file upload button\n`retry-button` | Retry file upload button\n`remove-button` | Remove file button\n\nThe following state attributes are available for styling:\n\nAttribute | Description\n-----------------|-------------\n`disabled` | Set when the element is disabled\n`focus-ring` | Set when the element is focused using the keyboard.\n`focused` | Set when the element is focused.\n`error` | An error has happened during uploading.\n`indeterminate` | Uploading is in progress, but the progress value is unknown.\n`uploading` | Uploading is in progress.\n`complete` | Uploading has finished successfully.\n\nSee [Styling Components](https://vaadin.com/docs/latest/styling/styling-components) documentation.",
11
+ "description": "`<vaadin-upload-file>` element represents a file in the file list of `<vaadin-upload>`.\n\n### Styling\n\nThe following shadow DOM parts are available for styling:\n\nPart name | Description\n-----------------|-------------\n`done-icon` | File done status icon\n`warning-icon` | File warning status icon\n`meta` | Container for file name, status and error messages\n`name` | File name\n`error` | Error message, shown when error happens\n`status` | Status message\n`commands` | Container for file command buttons\n`start-button` | Start file upload button\n`retry-button` | Retry file upload button\n`remove-button` | Remove file button\n\nThe following state attributes are available for styling:\n\nAttribute | Description\n-----------------|-------------\n`disabled` | Set when the element is disabled\n`focus-ring` | Set when the element is focused using the keyboard.\n`focused` | Set when the element is focused.\n`error` | An error has happened during uploading.\n`indeterminate` | Uploading is in progress, but the progress value is unknown.\n`uploading` | Uploading is in progress.\n`complete` | Uploading has finished successfully.\n\nThe following custom CSS properties are available for styling:\n\nCustom CSS property |\n:--------------------------------------------|\n`--vaadin-upload-file-border-radius` |\n`--vaadin-upload-file-button-background` |\n`--vaadin-upload-file-button-border-color` |\n`--vaadin-upload-file-button-border-radius` |\n`--vaadin-upload-file-button-border-width` |\n`--vaadin-upload-file-button-text-color` |\n`--vaadin-upload-file-button-padding` |\n`--vaadin-upload-file-done-color` |\n`--vaadin-upload-file-error-color` |\n`--vaadin-upload-file-error-font-size` |\n`--vaadin-upload-file-error-font-weight` |\n`--vaadin-upload-file-error-line-height` |\n`--vaadin-upload-file-gap` |\n`--vaadin-upload-file-name-color` |\n`--vaadin-upload-file-name-font-size` |\n`--vaadin-upload-file-name-font-weight` |\n`--vaadin-upload-file-name-line-height` |\n`--vaadin-upload-file-padding` |\n`--vaadin-upload-file-status-color` |\n`--vaadin-upload-file-status-font-size` |\n`--vaadin-upload-file-status-font-weight` |\n`--vaadin-upload-file-status-line-height` |\n`--vaadin-upload-file-warning-color` |\n\nSee [Styling Components](https://vaadin.com/docs/latest/styling/styling-components) documentation.",
12
12
  "attributes": [
13
13
  {
14
14
  "name": "disabled",
@@ -263,7 +263,7 @@
263
263
  },
264
264
  {
265
265
  "name": "vaadin-upload",
266
- "description": "`<vaadin-upload>` is a Web Component for uploading multiple files with drag and drop support.\n\nExample:\n\n```html\n<vaadin-upload></vaadin-upload>\n```\n\n### Styling\n\nThe following shadow DOM parts are available for styling:\n\nPart name | Description\n-------------------|-------------------------------------\n`primary-buttons` | Upload container\n`drop-label` | Element wrapping drop label and icon\n\nThe following state attributes are available for styling:\n\nAttribute | Description\n---------------------|---------------------------------\n`disabled` | Set when the element is disabled\n`nodrop` | Set when drag and drop is disabled (e.g., on touch devices)\n`dragover` | Set when the file is being dragged over the element\n`dragover-valid` | Set when the dragged file is valid with `maxFiles` and `accept` criteria\n`max-files-reached` | Set when maximum number of files that the user is allowed to add has been reached\n\nThe following custom CSS properties are available for styling:\n\nCustom CSS property | Description\n-----------------------------------------|-------------\n`--vaadin-upload-background` | The host element background\n`--vaadin-upload-border-color` | The host element border color\n`--vaadin-upload-border-radius` | The host element border radius\n`--vaadin-upload-border-width` | The host element border width\n`--vaadin-upload-padding` | The host element padding\n`--vaadin-upload-drop-label-color` | The drop label color\n`--vaadin-upload-drop-label-font-size` | The drop label font size\n`--vaadin-upload-drop-label-font-weight` | The drop label font weight\n`--vaadin-upload-drop-label-gap` | The drop label gap\n`--vaadin-upload-drop-label-line-height` | The drop label line height\n\nSee [Styling Components](https://vaadin.com/docs/latest/styling/styling-components) documentation.",
266
+ "description": "`<vaadin-upload>` is a Web Component for uploading multiple files with drag and drop support.\n\nExample:\n\n```html\n<vaadin-upload></vaadin-upload>\n```\n\n### Styling\n\nThe following shadow DOM parts are available for styling:\n\nPart name | Description\n-------------------|-------------------------------------\n`primary-buttons` | Upload container\n`drop-label` | Element wrapping drop label and icon\n\nThe following state attributes are available for styling:\n\nAttribute | Description\n---------------------|---------------------------------\n`disabled` | Set when the element is disabled\n`nodrop` | Set when drag and drop is disabled (e.g., on touch devices)\n`dragover` | Set when the file is being dragged over the element\n`dragover-valid` | Set when the dragged file is valid with `maxFiles` and `accept` criteria\n`max-files-reached` | Set when maximum number of files that the user is allowed to add has been reached\n\nThe following custom CSS properties are available for styling:\n\nCustom CSS property |\n:--------------------------------------------|\n`--vaadin-upload-background` |\n`--vaadin-upload-border-color` |\n`--vaadin-upload-border-radius` |\n`--vaadin-upload-border-width` |\n`--vaadin-upload-gap` |\n`--vaadin-upload-padding` |\n`--vaadin-upload-drop-label-color` |\n`--vaadin-upload-drop-label-font-size` |\n`--vaadin-upload-drop-label-font-weight` |\n`--vaadin-upload-drop-label-gap` |\n`--vaadin-upload-drop-label-line-height` |\n`--vaadin-upload-file-list-divider-color` |\n`--vaadin-upload-file-list-divider-width` |\n`--vaadin-upload-file-border-radius` |\n`--vaadin-upload-file-button-background` |\n`--vaadin-upload-file-button-border-color` |\n`--vaadin-upload-file-button-border-radius` |\n`--vaadin-upload-file-button-border-width` |\n`--vaadin-upload-file-button-text-color` |\n`--vaadin-upload-file-button-padding` |\n`--vaadin-upload-file-done-color` |\n`--vaadin-upload-file-error-color` |\n`--vaadin-upload-file-error-font-size` |\n`--vaadin-upload-file-error-font-weight` |\n`--vaadin-upload-file-error-line-height` |\n`--vaadin-upload-file-gap` |\n`--vaadin-upload-file-name-color` |\n`--vaadin-upload-file-name-font-size` |\n`--vaadin-upload-file-name-font-weight` |\n`--vaadin-upload-file-name-line-height` |\n`--vaadin-upload-file-padding` |\n`--vaadin-upload-file-status-color` |\n`--vaadin-upload-file-status-font-size` |\n`--vaadin-upload-file-status-font-weight` |\n`--vaadin-upload-file-status-line-height` |\n`--vaadin-upload-file-warning-color` |\n\nSee [Styling Components](https://vaadin.com/docs/latest/styling/styling-components) documentation.",
267
267
  "attributes": [
268
268
  {
269
269
  "name": "disabled",
package/web-types.lit.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "$schema": "https://json.schemastore.org/web-types",
3
3
  "name": "@vaadin/upload",
4
- "version": "25.0.0-beta7",
4
+ "version": "25.0.0-rc1",
5
5
  "description-markup": "markdown",
6
6
  "framework": "lit",
7
7
  "framework-config": {
@@ -16,7 +16,7 @@
16
16
  "elements": [
17
17
  {
18
18
  "name": "vaadin-upload-file",
19
- "description": "`<vaadin-upload-file>` element represents a file in the file list of `<vaadin-upload>`.\n\n### Styling\n\nThe following shadow DOM parts are available for styling:\n\nPart name | Description\n-----------------|-------------\n`done-icon` | File done status icon\n`warning-icon` | File warning status icon\n`meta` | Container for file name, status and error messages\n`name` | File name\n`error` | Error message, shown when error happens\n`status` | Status message\n`commands` | Container for file command buttons\n`start-button` | Start file upload button\n`retry-button` | Retry file upload button\n`remove-button` | Remove file button\n\nThe following state attributes are available for styling:\n\nAttribute | Description\n-----------------|-------------\n`disabled` | Set when the element is disabled\n`focus-ring` | Set when the element is focused using the keyboard.\n`focused` | Set when the element is focused.\n`error` | An error has happened during uploading.\n`indeterminate` | Uploading is in progress, but the progress value is unknown.\n`uploading` | Uploading is in progress.\n`complete` | Uploading has finished successfully.\n\nSee [Styling Components](https://vaadin.com/docs/latest/styling/styling-components) documentation.",
19
+ "description": "`<vaadin-upload-file>` element represents a file in the file list of `<vaadin-upload>`.\n\n### Styling\n\nThe following shadow DOM parts are available for styling:\n\nPart name | Description\n-----------------|-------------\n`done-icon` | File done status icon\n`warning-icon` | File warning status icon\n`meta` | Container for file name, status and error messages\n`name` | File name\n`error` | Error message, shown when error happens\n`status` | Status message\n`commands` | Container for file command buttons\n`start-button` | Start file upload button\n`retry-button` | Retry file upload button\n`remove-button` | Remove file button\n\nThe following state attributes are available for styling:\n\nAttribute | Description\n-----------------|-------------\n`disabled` | Set when the element is disabled\n`focus-ring` | Set when the element is focused using the keyboard.\n`focused` | Set when the element is focused.\n`error` | An error has happened during uploading.\n`indeterminate` | Uploading is in progress, but the progress value is unknown.\n`uploading` | Uploading is in progress.\n`complete` | Uploading has finished successfully.\n\nThe following custom CSS properties are available for styling:\n\nCustom CSS property |\n:--------------------------------------------|\n`--vaadin-upload-file-border-radius` |\n`--vaadin-upload-file-button-background` |\n`--vaadin-upload-file-button-border-color` |\n`--vaadin-upload-file-button-border-radius` |\n`--vaadin-upload-file-button-border-width` |\n`--vaadin-upload-file-button-text-color` |\n`--vaadin-upload-file-button-padding` |\n`--vaadin-upload-file-done-color` |\n`--vaadin-upload-file-error-color` |\n`--vaadin-upload-file-error-font-size` |\n`--vaadin-upload-file-error-font-weight` |\n`--vaadin-upload-file-error-line-height` |\n`--vaadin-upload-file-gap` |\n`--vaadin-upload-file-name-color` |\n`--vaadin-upload-file-name-font-size` |\n`--vaadin-upload-file-name-font-weight` |\n`--vaadin-upload-file-name-line-height` |\n`--vaadin-upload-file-padding` |\n`--vaadin-upload-file-status-color` |\n`--vaadin-upload-file-status-font-size` |\n`--vaadin-upload-file-status-font-weight` |\n`--vaadin-upload-file-status-line-height` |\n`--vaadin-upload-file-warning-color` |\n\nSee [Styling Components](https://vaadin.com/docs/latest/styling/styling-components) documentation.",
20
20
  "extension": true,
21
21
  "attributes": [
22
22
  {
@@ -121,7 +121,7 @@
121
121
  },
122
122
  {
123
123
  "name": "vaadin-upload",
124
- "description": "`<vaadin-upload>` is a Web Component for uploading multiple files with drag and drop support.\n\nExample:\n\n```html\n<vaadin-upload></vaadin-upload>\n```\n\n### Styling\n\nThe following shadow DOM parts are available for styling:\n\nPart name | Description\n-------------------|-------------------------------------\n`primary-buttons` | Upload container\n`drop-label` | Element wrapping drop label and icon\n\nThe following state attributes are available for styling:\n\nAttribute | Description\n---------------------|---------------------------------\n`disabled` | Set when the element is disabled\n`nodrop` | Set when drag and drop is disabled (e.g., on touch devices)\n`dragover` | Set when the file is being dragged over the element\n`dragover-valid` | Set when the dragged file is valid with `maxFiles` and `accept` criteria\n`max-files-reached` | Set when maximum number of files that the user is allowed to add has been reached\n\nThe following custom CSS properties are available for styling:\n\nCustom CSS property | Description\n-----------------------------------------|-------------\n`--vaadin-upload-background` | The host element background\n`--vaadin-upload-border-color` | The host element border color\n`--vaadin-upload-border-radius` | The host element border radius\n`--vaadin-upload-border-width` | The host element border width\n`--vaadin-upload-padding` | The host element padding\n`--vaadin-upload-drop-label-color` | The drop label color\n`--vaadin-upload-drop-label-font-size` | The drop label font size\n`--vaadin-upload-drop-label-font-weight` | The drop label font weight\n`--vaadin-upload-drop-label-gap` | The drop label gap\n`--vaadin-upload-drop-label-line-height` | The drop label line height\n\nSee [Styling Components](https://vaadin.com/docs/latest/styling/styling-components) documentation.",
124
+ "description": "`<vaadin-upload>` is a Web Component for uploading multiple files with drag and drop support.\n\nExample:\n\n```html\n<vaadin-upload></vaadin-upload>\n```\n\n### Styling\n\nThe following shadow DOM parts are available for styling:\n\nPart name | Description\n-------------------|-------------------------------------\n`primary-buttons` | Upload container\n`drop-label` | Element wrapping drop label and icon\n\nThe following state attributes are available for styling:\n\nAttribute | Description\n---------------------|---------------------------------\n`disabled` | Set when the element is disabled\n`nodrop` | Set when drag and drop is disabled (e.g., on touch devices)\n`dragover` | Set when the file is being dragged over the element\n`dragover-valid` | Set when the dragged file is valid with `maxFiles` and `accept` criteria\n`max-files-reached` | Set when maximum number of files that the user is allowed to add has been reached\n\nThe following custom CSS properties are available for styling:\n\nCustom CSS property |\n:--------------------------------------------|\n`--vaadin-upload-background` |\n`--vaadin-upload-border-color` |\n`--vaadin-upload-border-radius` |\n`--vaadin-upload-border-width` |\n`--vaadin-upload-gap` |\n`--vaadin-upload-padding` |\n`--vaadin-upload-drop-label-color` |\n`--vaadin-upload-drop-label-font-size` |\n`--vaadin-upload-drop-label-font-weight` |\n`--vaadin-upload-drop-label-gap` |\n`--vaadin-upload-drop-label-line-height` |\n`--vaadin-upload-file-list-divider-color` |\n`--vaadin-upload-file-list-divider-width` |\n`--vaadin-upload-file-border-radius` |\n`--vaadin-upload-file-button-background` |\n`--vaadin-upload-file-button-border-color` |\n`--vaadin-upload-file-button-border-radius` |\n`--vaadin-upload-file-button-border-width` |\n`--vaadin-upload-file-button-text-color` |\n`--vaadin-upload-file-button-padding` |\n`--vaadin-upload-file-done-color` |\n`--vaadin-upload-file-error-color` |\n`--vaadin-upload-file-error-font-size` |\n`--vaadin-upload-file-error-font-weight` |\n`--vaadin-upload-file-error-line-height` |\n`--vaadin-upload-file-gap` |\n`--vaadin-upload-file-name-color` |\n`--vaadin-upload-file-name-font-size` |\n`--vaadin-upload-file-name-font-weight` |\n`--vaadin-upload-file-name-line-height` |\n`--vaadin-upload-file-padding` |\n`--vaadin-upload-file-status-color` |\n`--vaadin-upload-file-status-font-size` |\n`--vaadin-upload-file-status-font-weight` |\n`--vaadin-upload-file-status-line-height` |\n`--vaadin-upload-file-warning-color` |\n\nSee [Styling Components](https://vaadin.com/docs/latest/styling/styling-components) documentation.",
125
125
  "extension": true,
126
126
  "attributes": [
127
127
  {