# Rendering Changes in 11.0.0

The Kendo UI for Angular 11.0.0 release introduces changes in the rendering of a number of components.

## Dialog

* Added the new `themeColor` property that supports primary, dark, and light theme colors.
* Added the `k-window-*` classes to the Dialog component.
* Added the `k-window-titlebar-action` and `k-dialog-titlebar-action` classes to the [action buttons](https://www.telerik.com/kendo-angular-ui/components/dialogs/window/title#adding-icons-and-custom-actions).
* Replaced the `k-dialog-buttongroup` and `k-dialog-buttons` classes with the `k-dialog-actions` class.
* Replaced the `k-dialog-actions` class in the `titlebar` element with the `k-dialog-titlebar-actions` class.

## Editor

* Added the `k-editor-toolbar` class to the Editor toolbar.
* Added the `k-editor-window` class to all the Editor popups.
* Replaced the `k-resizable` class with the `k-editor-resizable` class.
* Replaced the `k-editor-table-wizard-dialog` class with the `k-editor-table-wizard-window` class.
* Toolbar components with popups now have the respective Kendo UI for Angular components instead of their HTML element counterparts. For example, `<input>` is replaced with the [TextBox](https://www.telerik.com/kendo-angular-ui/components/inputs/textbox) component.
* The Form component is moved inside the popup.

## ListBox

* Removed the `k-widget` class.
* Replaced the `k-listbox-toolbar` class with the `k-listbox-actions` class.
* Replaced the `k-listbox-toolbar-left`, `k-listbox-toolbar-right`, `k-listbox-toolbar-top`, and `k-listbox-toolbar-bottom` classes with the `k-listbox-actions-left`, `k-listbox-actions-right`, `k-listbox-actions-top`, and `k-listbox-actions-bottom` classes.
* Replaced the `<a>` ListBox actions element with the `<button>` element.
* The ListBox actions are now wrapped in a single container.

## ListView

The 11.0.0 release removed the `k-widget` class from the `k-listview` and `k-listview-pager` classes.

## ProgressBar

* Added the `k-chunk-progressbar` class to the `chunk-progressbar` class.
* Added the `k-progressbar-chunks` class to the `<ul>` element.
* Added the `k-progressbar-progress` class to the `<div>` element that contains the `k-selected` class.
* Replaced the `k-item` class with the `k-progressbar-chunk` class.
* Removed the `k-widget` class.
* The progress width and height are now updated based on `--kendo-progressbar-value`.

## Upload and FileSelect

The 11.0.0 release introduced changes in the names of the following classes:

| Prior to 11.0.0                                                                                                                        | 11.0.0 and Later      |
| -------------------------------------------------------------------------------------------------------------------------------------- | --------------------- |
| `k-dropzone-hover` and `k-dropzone-hovered`                                                                                            | `k-hover`             |
| `k-file-group-wrapper`, `k-file-invalid-group-wrapper`, `k-multiple-files-group-wrapper`, and `k-multiple-files-invalid-group-wrapper` | `k-file-icon-wrapper` |
| `k-file-group`                                                                                                                         | `k-file-icon`         |
| `k-file-name-size-wrap`                                                                                                                | `k-file-info`         |
| `k-file-information`                                                                                                                   | `k-file-summary`      |

The 11.0.0 release also introduced the following changes:

* Added the `k-upload-dropzone` class to `k-dropzone`.
* Added the `k-file-error` class to `k-file-invalid`.
* Added the `k-file-single` and `k-file-multiple` wrapper elements to `k-file`.
* Removed the `k-upload-status-total` class from the `k-upload-status` element.
* Removed the `k-widget` class from the `k-upload` element.
* Removed the `k-validation-icon` class from the `upload-status` icon.
* Removed the `k-file-name-invalid` class from `k-file-name`.
* Removed both `k-text-success` and `k-text-error` classes from `k-validation-message`.
* The **Input** and **Upload** buttons are on one level and are no longer nested.
* Upload action buttons are wrapped in the `k-upload-actions` class instead of `k-upload-status`.
* The Upload component now uses the [ProgressBar](https://www.telerik.com/kendo-angular-ui/components/progressbars/progressbar) component for the progress bar UI.

## Window

* Added the new `themeColor` property that supports primary, dark, and light theme colors.
* Replaced the `k-window-actions` class in the `titlebar` element for the `k-window-titlebar-actions` class.
* Replaced the `k-window-buttongroup` and `k-window-buttons` classes with the `.k-window-actions` class.
* Removed the `k-window-titleless` class.
* Removed the `k-dialog-*` classes from the Window component.