diff --git a/packages/upload/src/vaadin-upload-file.d.ts b/packages/upload/src/vaadin-upload-file.d.ts index fdf51bbcfe7..8ff4328e92b 100644 --- a/packages/upload/src/vaadin-upload-file.d.ts +++ b/packages/upload/src/vaadin-upload-file.d.ts @@ -65,6 +65,34 @@ export interface UploadFileEventMap extends HTMLElementEventMap, UploadFileCusto * `uploading` | Uploading is in progress. * `complete` | Uploading has finished successfully. * + * The following custom CSS properties are available for styling: + * + * Custom CSS property | + * :--------------------------------------------| + * `--vaadin-upload-file-border-radius` | + * `--vaadin-upload-file-button-background` | + * `--vaadin-upload-file-button-border-color` | + * `--vaadin-upload-file-button-border-radius` | + * `--vaadin-upload-file-button-border-width` | + * `--vaadin-upload-file-button-text-color` | + * `--vaadin-upload-file-button-padding` | + * `--vaadin-upload-file-done-color` | + * `--vaadin-upload-file-error-color` | + * `--vaadin-upload-file-error-font-size` | + * `--vaadin-upload-file-error-font-weight` | + * `--vaadin-upload-file-error-line-height` | + * `--vaadin-upload-file-gap` | + * `--vaadin-upload-file-name-color` | + * `--vaadin-upload-file-name-font-size` | + * `--vaadin-upload-file-name-font-weight` | + * `--vaadin-upload-file-name-line-height` | + * `--vaadin-upload-file-padding` | + * `--vaadin-upload-file-status-color` | + * `--vaadin-upload-file-status-font-size` | + * `--vaadin-upload-file-status-font-weight` | + * `--vaadin-upload-file-status-line-height` | + * `--vaadin-upload-file-warning-color` | + * * See [Styling Components](https://vaadin.com/docs/latest/styling/styling-components) documentation. */ declare class UploadFile extends UploadFileMixin(ThemableMixin(HTMLElement)) { diff --git a/packages/upload/src/vaadin-upload-file.js b/packages/upload/src/vaadin-upload-file.js index 8912c83f071..ab896ef08c2 100644 --- a/packages/upload/src/vaadin-upload-file.js +++ b/packages/upload/src/vaadin-upload-file.js @@ -45,6 +45,34 @@ import { UploadFileMixin } from './vaadin-upload-file-mixin.js'; * `uploading` | Uploading is in progress. * `complete` | Uploading has finished successfully. * + * The following custom CSS properties are available for styling: + * + * Custom CSS property | + * :--------------------------------------------| + * `--vaadin-upload-file-border-radius` | + * `--vaadin-upload-file-button-background` | + * `--vaadin-upload-file-button-border-color` | + * `--vaadin-upload-file-button-border-radius` | + * `--vaadin-upload-file-button-border-width` | + * `--vaadin-upload-file-button-text-color` | + * `--vaadin-upload-file-button-padding` | + * `--vaadin-upload-file-done-color` | + * `--vaadin-upload-file-error-color` | + * `--vaadin-upload-file-error-font-size` | + * `--vaadin-upload-file-error-font-weight` | + * `--vaadin-upload-file-error-line-height` | + * `--vaadin-upload-file-gap` | + * `--vaadin-upload-file-name-color` | + * `--vaadin-upload-file-name-font-size` | + * `--vaadin-upload-file-name-font-weight` | + * `--vaadin-upload-file-name-line-height` | + * `--vaadin-upload-file-padding` | + * `--vaadin-upload-file-status-color` | + * `--vaadin-upload-file-status-font-size` | + * `--vaadin-upload-file-status-font-weight` | + * `--vaadin-upload-file-status-line-height` | + * `--vaadin-upload-file-warning-color` | + * * See [Styling Components](https://vaadin.com/docs/latest/styling/styling-components) documentation. * * @customElement diff --git a/packages/upload/src/vaadin-upload.d.ts b/packages/upload/src/vaadin-upload.d.ts index 093a74e74b5..070b7446eb2 100644 --- a/packages/upload/src/vaadin-upload.d.ts +++ b/packages/upload/src/vaadin-upload.d.ts @@ -149,18 +149,44 @@ export interface UploadEventMap extends HTMLElementEventMap, UploadCustomEventMa * * The following custom CSS properties are available for styling: * - * Custom CSS property | Description - * -----------------------------------------|------------- - * `--vaadin-upload-background` | The host element background - * `--vaadin-upload-border-color` | The host element border color - * `--vaadin-upload-border-radius` | The host element border radius - * `--vaadin-upload-border-width` | The host element border width - * `--vaadin-upload-padding` | The host element padding - * `--vaadin-upload-drop-label-color` | The drop label color - * `--vaadin-upload-drop-label-font-size` | The drop label font size - * `--vaadin-upload-drop-label-font-weight` | The drop label font weight - * `--vaadin-upload-drop-label-gap` | The drop label gap - * `--vaadin-upload-drop-label-line-height` | The drop label line height + * Custom CSS property | + * :--------------------------------------------| + * `--vaadin-upload-background` | + * `--vaadin-upload-border-color` | + * `--vaadin-upload-border-radius` | + * `--vaadin-upload-border-width` | + * `--vaadin-upload-gap` | + * `--vaadin-upload-padding` | + * `--vaadin-upload-drop-label-color` | + * `--vaadin-upload-drop-label-font-size` | + * `--vaadin-upload-drop-label-font-weight` | + * `--vaadin-upload-drop-label-gap` | + * `--vaadin-upload-drop-label-line-height` | + * `--vaadin-upload-file-list-divider-color` | + * `--vaadin-upload-file-list-divider-width` | + * `--vaadin-upload-file-border-radius` | + * `--vaadin-upload-file-button-background` | + * `--vaadin-upload-file-button-border-color` | + * `--vaadin-upload-file-button-border-radius` | + * `--vaadin-upload-file-button-border-width` | + * `--vaadin-upload-file-button-text-color` | + * `--vaadin-upload-file-button-padding` | + * `--vaadin-upload-file-done-color` | + * `--vaadin-upload-file-error-color` | + * `--vaadin-upload-file-error-font-size` | + * `--vaadin-upload-file-error-font-weight` | + * `--vaadin-upload-file-error-line-height` | + * `--vaadin-upload-file-gap` | + * `--vaadin-upload-file-name-color` | + * `--vaadin-upload-file-name-font-size` | + * `--vaadin-upload-file-name-font-weight` | + * `--vaadin-upload-file-name-line-height` | + * `--vaadin-upload-file-padding` | + * `--vaadin-upload-file-status-color` | + * `--vaadin-upload-file-status-font-size` | + * `--vaadin-upload-file-status-font-weight` | + * `--vaadin-upload-file-status-line-height` | + * `--vaadin-upload-file-warning-color` | * * See [Styling Components](https://vaadin.com/docs/latest/styling/styling-components) documentation. * diff --git a/packages/upload/src/vaadin-upload.js b/packages/upload/src/vaadin-upload.js index 14781b73e81..a230bbde362 100644 --- a/packages/upload/src/vaadin-upload.js +++ b/packages/upload/src/vaadin-upload.js @@ -47,18 +47,44 @@ import { UploadMixin } from './vaadin-upload-mixin.js'; * * The following custom CSS properties are available for styling: * - * Custom CSS property | Description - * -----------------------------------------|------------- - * `--vaadin-upload-background` | The host element background - * `--vaadin-upload-border-color` | The host element border color - * `--vaadin-upload-border-radius` | The host element border radius - * `--vaadin-upload-border-width` | The host element border width - * `--vaadin-upload-padding` | The host element padding - * `--vaadin-upload-drop-label-color` | The drop label color - * `--vaadin-upload-drop-label-font-size` | The drop label font size - * `--vaadin-upload-drop-label-font-weight` | The drop label font weight - * `--vaadin-upload-drop-label-gap` | The drop label gap - * `--vaadin-upload-drop-label-line-height` | The drop label line height + * Custom CSS property | + * :--------------------------------------------| + * `--vaadin-upload-background` | + * `--vaadin-upload-border-color` | + * `--vaadin-upload-border-radius` | + * `--vaadin-upload-border-width` | + * `--vaadin-upload-gap` | + * `--vaadin-upload-padding` | + * `--vaadin-upload-drop-label-color` | + * `--vaadin-upload-drop-label-font-size` | + * `--vaadin-upload-drop-label-font-weight` | + * `--vaadin-upload-drop-label-gap` | + * `--vaadin-upload-drop-label-line-height` | + * `--vaadin-upload-file-list-divider-color` | + * `--vaadin-upload-file-list-divider-width` | + * `--vaadin-upload-file-border-radius` | + * `--vaadin-upload-file-button-background` | + * `--vaadin-upload-file-button-border-color` | + * `--vaadin-upload-file-button-border-radius` | + * `--vaadin-upload-file-button-border-width` | + * `--vaadin-upload-file-button-text-color` | + * `--vaadin-upload-file-button-padding` | + * `--vaadin-upload-file-done-color` | + * `--vaadin-upload-file-error-color` | + * `--vaadin-upload-file-error-font-size` | + * `--vaadin-upload-file-error-font-weight` | + * `--vaadin-upload-file-error-line-height` | + * `--vaadin-upload-file-gap` | + * `--vaadin-upload-file-name-color` | + * `--vaadin-upload-file-name-font-size` | + * `--vaadin-upload-file-name-font-weight` | + * `--vaadin-upload-file-name-line-height` | + * `--vaadin-upload-file-padding` | + * `--vaadin-upload-file-status-color` | + * `--vaadin-upload-file-status-font-size` | + * `--vaadin-upload-file-status-font-weight` | + * `--vaadin-upload-file-status-line-height` | + * `--vaadin-upload-file-warning-color` | * * See [Styling Components](https://vaadin.com/docs/latest/styling/styling-components) documentation. *