Change Log
All notable changes to this project will be documented in this file. See Conventional Commits for commit guidelines.
7.2.1 (2024-03-05)
Note: Version bump only for package @progress/kendo-theme-material
7.2.1-dev.8 (2024-03-04)
Note: Version bump only for package @progress/kendo-theme-material
7.2.1-dev.7 (2024-02-28)
Bug Fixes
- remove k-valid state styles (571a863)
7.2.1-dev.6 (2024-02-26)
Bug Fixes
- grid: missing grid filtercell start border (b5992ac)
7.2.1-dev.5 (2024-02-19)
Note: Version bump only for package @progress/kendo-theme-material
7.2.1-dev.4 (2024-02-12)
Note: Version bump only for package @progress/kendo-theme-material
7.2.1-dev.3 (2024-02-05)
Note: Version bump only for package @progress/kendo-theme-material
7.2.1-dev.2 (2024-01-30)
Note: Version bump only for package @progress/kendo-theme-material
7.2.1-dev.1 (2024-01-29)
Note: Version bump only for package @progress/kendo-theme-material
7.2.1-dev.0 (2024-01-22)
Note: Version bump only for package @progress/kendo-theme-material
7.2.0 (2024-01-22)
Note: Version bump only for package @progress/kendo-theme-material
7.2.0-dev.0 (2024-01-22)
Note: Version bump only for package @progress/kendo-theme-material
7.1.1-dev.0 (2024-01-18)
Note: Version bump only for package @progress/kendo-theme-material
7.1.0 (2024-01-15)
Note: Version bump only for package @progress/kendo-theme-material
7.1.0-dev.11 (2024-01-15)
Note: Version bump only for package @progress/kendo-theme-material
7.1.0-dev.10 (2024-01-11)
Note: Version bump only for package @progress/kendo-theme-material
7.1.0-dev.9 (2024-01-10)
Features
- classic: implement color system (2e73df4)
- default: implement color system (c985322)
- gantt: update selectors to match updated rendering (4efe6e5)
- material: implement color system (bfc5c60)
7.1.0-dev.8 (2024-01-08)
Note: Version bump only for package @progress/kendo-theme-material
7.1.0-dev.7 (2024-01-02)
Features
7.1.0-dev.6 (2024-01-01)
Note: Version bump only for package @progress/kendo-theme-material
7.1.0-dev.5 (2023-12-25)
Note: Version bump only for package @progress/kendo-theme-material
7.1.0-dev.4 (2023-12-20)
Note: Version bump only for package @progress/kendo-theme-material
7.1.0-dev.3 (2023-12-19)
Features
- add prompt component styles (6c8e441)
7.1.0-dev.2 (2023-12-18)
Note: Version bump only for package @progress/kendo-theme-material
7.1.0-dev.1 (2023-12-12)
Features
- notification: unify groups rendering (5749af0)
7.1.0-dev.0 (2023-12-11)
Features
- tooltip: unify rendering (512dd81)
7.0.3-dev.3 (2023-12-04)
Note: Version bump only for package @progress/kendo-theme-material
7.0.3-dev.2 (2023-11-27)
Note: Version bump only for package @progress/kendo-theme-material
7.0.3-dev.1 (2023-11-20)
Note: Version bump only for package @progress/kendo-theme-material
7.0.3-dev.0 (2023-11-13)
Note: Version bump only for package @progress/kendo-theme-material
7.0.2 (2023-11-06)
Note: Version bump only for package @progress/kendo-theme-material
7.0.2-dev.5 (2023-11-06)
Note: Version bump only for package @progress/kendo-theme-material
7.0.2-dev.4 (2023-10-30)
Note: Version bump only for package @progress/kendo-theme-material
7.0.2-dev.3 (2023-10-23)
Note: Version bump only for package @progress/kendo-theme-material
7.0.2-dev.2 (2023-10-16)
Note: Version bump only for package @progress/kendo-theme-material
7.0.2-dev.1 (2023-10-09)
Note: Version bump only for package @progress/kendo-theme-material
7.0.2-dev.0 (2023-10-04)
Note: Version bump only for package @progress/kendo-theme-material
7.0.1 (2023-10-02)
Bug Fixes
- multiselect: disabled state of chips is not visible in material theme (6ccf535)
7.0.1-dev.1 (2023-10-02)
Note: Version bump only for package @progress/kendo-theme-material
7.0.1-dev.0 (2023-09-26)
Note: Version bump only for package @progress/kendo-theme-material
7.0.0 (2023-09-26)
Features
- detach font icons from the themes (de49a95)
BREAKING CHANGES
- detach font icons from the themes
Starting with the R3 2023 release, the font icons font is no longer bundled in the themes distribution. This is done as part of a series of improvements related to content security policy(CSP). Continue using font icons in your project can still be achieved by loading the font and related styles separately through CDN or directly from the kendo-font-icons package.
- Add a k-font-icon class for all font icons
- Add a k-icon class for all svg icons
7.0.0-dev.0 (2023-09-25)
Features
- common: introduce indicators helper and move the current time styles there (5987896)
BREAKING CHANGES
- common: Extracted the current time marker styles
from the Scheduler component and made them component-agnostic.
The $kendo-scheduler-current-time-color
variable
is replaced with the $kendo-current-time-color
variable.
6.8.0-dev.2 (2023-09-18)
Features
- dock-manager: add component styles (ed33323)
- pdf-viewer: update styles to match unified rendering (7522c7e)
6.8.0-dev.1 (2023-09-11)
Note: Version bump only for package @progress/kendo-theme-material
6.8.0-dev.0 (2023-09-04)
Features
- spreadsheet: implement styles for new design (72cc8ac)
- toolbar: add styles for flat toolbar (545e003)
6.7.1-dev.1 (2023-08-30)
Note: Version bump only for package @progress/kendo-theme-material
6.7.1-dev.0 (2023-08-28)
Note: Version bump only for package @progress/kendo-theme-material
6.7.0 (2023-08-21)
Note: Version bump only for package @progress/kendo-theme-material
6.7.0-dev.6 (2023-08-21)
Bug Fixes
- grid: add focus state styles for the column list item in the column menu (4ed7ca7)
6.7.0-dev.5 (2023-08-14)
Note: Version bump only for package @progress/kendo-theme-material
6.7.0-dev.4 (2023-08-09)
Note: Version bump only for package @progress/kendo-theme-material
6.7.0-dev.3 (2023-08-07)
Note: Version bump only for package @progress/kendo-theme-material
6.7.0-dev.2 (2023-07-31)
Note: Version bump only for package @progress/kendo-theme-material
6.7.0-dev.1 (2023-07-25)
Bug Fixes
- grid: remove placeholder-line explicit width (0ba0185)
- tilelayout: set padding through themes instead of inline (f5c7186)
Features
- chat: update chat styles to match new rendering (b094e2d)
6.7.0-dev.0 (2023-07-24)
Features
- breadcrumb: add sizes (f4b9aa2)
6.6.1-dev.0 (2023-07-17)
Note: Version bump only for package @progress/kendo-theme-material
6.6.0 (2023-07-14)
Features
- pivotgrid: adjust settings panel icon target size (a179e5c)
6.5.1 (2023-07-11)
Note: Version bump only for package @progress/kendo-theme-material
6.5.1-dev.0 (2023-07-10)
Note: Version bump only for package @progress/kendo-theme-material
6.5.0 (2023-07-03)
Bug Fixes
- revert breadcrumb size options (b8e72e0)
6.5.0-dev.2 (2023-07-03)
Bug Fixes
- action-sheet: update adaptive action-sheet font-size to match design (08d3dc9)
6.5.0-dev.1 (2023-06-26)
Features
- breadcrumb: add sizes (8d96c12)
6.5.0-dev.0 (2023-06-19)
Bug Fixes
- list: incorrect font weight of the group header (cb6ac5c)
Features
- splitter: adjust collapse icon target size (dc37803)
- treeview: adjust interactive elements target size (c45354c)
6.4.1-dev.1 (2023-06-12)
Note: Version bump only for package @progress/kendo-theme-material
6.4.1-dev.0 (2023-06-05)
Note: Version bump only for package @progress/kendo-theme-material
6.4.0 (2023-05-29)
Note: Version bump only for package @progress/kendo-theme-material
6.4.0-dev.6 (2023-05-29)
Note: Version bump only for package @progress/kendo-theme-material
6.4.0-dev.5 (2023-05-22)
Features
- spreadsheet: adopt design revision (f2f8a57)
6.4.0-dev.4 (2023-05-15)
Bug Fixes
- grid: fix grid column menu width (2d62d41)
6.4.0-dev.3 (2023-05-08)
Note: Version bump only for package @progress/kendo-theme-material
6.4.0-dev.2 (2023-05-04)
Bug Fixes
- list: missing font-family property (92cb702)
- remove icon sizes overrides inside components (184fb82)
Features
- list: update option-label styles to match design (7b57567)
6.4.0-dev.1 (2023-05-01)
Bug Fixes
- icons: various style fixes for svg icons (1795653)
6.4.0-dev.0 (2023-04-24)
Note: Version bump only for package @progress/kendo-theme-material
6.3.1-dev.0 (2023-04-20)
Note: Version bump only for package @progress/kendo-theme-material
6.3.0 (2023-04-17)
Bug Fixes
- progressbar: fix indeterminate animation (fad4a96)
Features
- fab: extract size map variable (42e0bb1)
- grid: add row-resizer styles (c7de0cd)
- grid: add selection aggregates styles (34de2a8)
- grid: add tabbed column menu styles (75f28b7)
- module-system: integrate module system in material theme (0235af2)
6.2.0 (2023-03-06)
Bug Fixes
- add missing dependency to utils in all components (3db490b)
- icons: size and position svg icons in bootstrap, fluent and material themes (ba05f9d)
- spreadsheet: remove bottom border from spreadsheet tabstrip (01a16c9)
- tabstrip: unnest selectors to produce correct output when theme is nested (b827781)
- use logical text align (aa958e7)
Features
- floating-label: expose label max-width variable (614c928)
- tabstrip: add variables for styling disabled tabstrip items for all themes (56aa4e8)
6.1.0 (2023-02-03)
Note: Version bump only for package @progress/kendo-theme-material
6.0.3 (2023-01-17)
Bug Fixes
- explicitly invoke utils mixin (e9a4976)
- include core and icon styles with explicit mixin invokation (b2e32de)
6.0.2 (2023-01-16)
Bug Fixes
- grid: multicolumn header vertical border is not visible (f88229a)
6.0.1 (2023-01-13)
Note: Version bump only for package @progress/kendo-theme-material
6.0.0 (2023-01-11)
Bug Fixes
- calendar: remove redundant today button customization (57c5307)
- drawer: update hierarchy function and values (6d1eec0)
- dropdowngrid: add chip dependency (8e43add)
- fluent: use json transformer for dart sass (9457acd)
- material: use editor styles from default theme (605bb47)
- replace slash division with k-math-div function (d1de3b7)
- timedurationpicker: fix icons dependency (72ba9a0)
- use utility class names from utils package (6445d04)
chore
- appbar: add kendo- prefix (d0a24e6)
- dialog: prefix dialog variables with $kendo- (1634081)
- drawer: prefix vars with $kendo (e295ce5)
- drop IE support (7e0487c)
- editor: prefix editor variables with $kendo- (23c1bb6)
- editor: remove obsolete editor styles (a920070)
- icons: update icon sizes and add kendo prefix to vars (c09c4cb)
- listbox: prefix variables with $kendo- (8c6c4eb)
- loader: add kendo- prefix (51e669a)
- notification: prefix variables with $kendo- (93466a0)
- prefix popover variables with
$kendo-
(fc9e021) - prefix root variables with
$kendo-
(3ca4739) - progressbar: prefix variables with $kendo- (41c1a29)
- remove tilde from import path (1f8951c)
- remove usages of
$spacer
variable (32a6899) - rename $spacing to $kendo-spacing (abdff63)
- treelist: prefix variables with $kendo- (61ffde9)
- update listview styles (414e586)
- upload: prefix upload variables with $kendo- (d28ff89)
- use functions and mixins only from theme-core (5d3fcbe)
- window: prefix window variables with $kendo- (bc3a7bd)
Features
- button: extract focus ring opacity variable (f6098db)
- dialog: add styles for themeColor property (1653efd)
- dialog: update styles to match updated rendering (bd996b2)
- forms: add sizes (b9f3c05)
- grid: add grid sm and md sizes (9c197f3)
- grid: update styles to support chiplist in grid grouping (d9e5e9f)
- icons: use kendo-icons package in themes (0cfacca)
- listbox: wrap listbox actions in k-listbox-actions container (47f6048)
- pager: add pager sizes (adcb88b)
- prefix variables with
$kendo-
(e9732c9) - progressbar: expose k-progressbar-value class (52e7882)
- toolbar: add toolbar sizes (1db2cb1)
- update chart tooltip animation (4c364a0)
- upload: update upload styles to match new rendering (53dfbd6)
- use focus-indicator mixin for contrast shadows (18560fe)
- use utility class names from utils package (e4ab60e)
- window: add styles for themeColor property (e3bad3d)
BREAKING CHANGES
- Prefix variables with
$kendo-
to avoid conflicts with other libraries.
Streamline variable names to use the same naming convention:
- size suffixes are now size infixes.
- add missing medium size
## Misc variables
Old name | New name |
---|---|
$dark-theme | $kendo-is-dark-theme |
$base-bg | $kendo-base-bg |
$base-text | $kendo-base-text |
$base-border | $kendo-base-border |
$base-gradient | $kendo-base-gradient |
$link-text | $kendo-link-text |
$link-hover-text | $kendo-link-hover-text |
$grid-cols | Removed. See @progress/kendo-theme-utils package for alternatives |
$grid-rows | Removed. See @progress/kendo-theme-utils package for alternatives |
$grid-gap | Removed. See @progress/kendo-theme-utils package for alternatives |
## Typography
Old name | New name |
---|---|
$enable-typography | $kendo-enable-typography |
$font-family | $kendo-font-family |
$font-family-monospace | $kendo-font-family-monospace |
N/A | (new) $kendo-font-family-sans-serif |
$font-size | $kendo-font-size |
$font-size-xs | $kendo-font-size-xs |
$font-size-sm | $kendo-font-size-sm |
$font-size-md | $kendo-font-size-md |
$font-size-lg | $kendo-font-size-lg |
$font-size-xl | $kendo-font-size-xl |
$line-height | $kendo-line-height |
$line-height-xs | $kendo-line-height-xs |
$line-height-sm | $kendo-line-height-sm |
$line-height-md | $kendo-line-height-md |
$line-height-lg | $kendo-line-height-lg |
$line-height-xl | $kendo-line-height-xl |
$line-height-em | $kendo-line-height-em |
$font-weight-light | $kendo-font-weight-light |
$font-weight-normal | $kendo-font-weight-normal |
N/A | (new) $kendo-font-weight-medium |
N/A | (new) $kendo-font-weight-semibold |
$font-weight-bold | $kendo-font-weight-bold |
$letter-spacing | $kendo-letter-spacing |
$h1-* | $kendo-h1-* |
$h2-* | $kendo-h2-* |
$h3-* | $kendo-h3-* |
$h4-* | $kendo-h4-* |
$h5-* | $kendo-h5-* |
$h6-* | $kendo-h6-* |
$paragraph-* | $kendo-paragraph-* |
$code-* | $kendo-code-* |
$pre-* | $kendo-pre-* |
$display1-* | $kendo-display1-* |
$display2-* | $kendo-display2-* |
$display3-* | $kendo-display3-* |
$display4-* | $kendo-display4-* |
## Action buttons
Old name | New name |
---|---|
$actions-* | $kendo-actions-* |
## Actionsheet
Old name | New name |
---|---|
$actionsheet-* | $kendo-actionsheet-* |
## Adaptive
Old name | New name |
---|---|
$adaptive-* | $kendo-adaptive-* |
## Badge
Old name | New name |
---|---|
$kendo-badge-padding-x-sm | $kendo-badge-sm-padding-x |
$kendo-badge-padding-y-sm | $kendo-badge-sm-padding-y |
$kendo-badge-font-size-sm | $kendo-badge-sm-font-size |
$kendo-badge-line-height-sm | $kendo-badge-sm-line-height |
$kendo-badge-min-width-sm | $kendo-badge-sm-min-width |
$kendo-badge-padding-x-md | $kendo-badge-md-padding-x |
$kendo-badge-padding-y-md | $kendo-badge-md-padding-y |
$kendo-badge-font-size-md | $kendo-badge-md-font-size |
$kendo-badge-line-height-md | $kendo-badge-md-line-height |
$kendo-badge-min-width-md | $kendo-badge-md-min-width |
$kendo-badge-padding-x-lg | $kendo-badge-lg-padding-x |
$kendo-badge-padding-y-lg | $kendo-badge-lg-padding-y |
$kendo-badge-font-size-lg | $kendo-badge-lg-font-size |
$kendo-badge-line-height-lg | $kendo-badge-lg-line-height |
$kendo-badge-min-width-lg | $kendo-badge-lg-min-width |
## Bottom navigation
Old name | New name |
---|---|
$bottom-nav-* | $kendo-bottom-nav-* |
## Breadcrumb
Old name | New name |
---|---|
$breadcrumb-* | $kendo-breadcrumb-* |
## Button
Old name | New name |
---|---|
$kendo-button-padding-x-sm | $kendo-button-sm-padding-x |
$kendo-button-padding-y-sm | $kendo-button-sm-padding-y |
$kendo-button-font-size-sm | $kendo-button-sm-font-size |
$kendo-button-line-height-sm | $kendo-button-sm-line-height |
$kendo-button-calc-size-sm | $kendo-button-sm-calc-size |
$kendo-button-inner-calc-size-sm | $kendo-button-sm-inner-calc-size |
$kendo-button-padding-x-md | $kendo-button-md-padding-x |
$kendo-button-padding-y-md | $kendo-button-md-padding-y |
$kendo-button-font-size-md | $kendo-button-md-font-size |
$kendo-button-line-height-md | $kendo-button-md-line-height |
$kendo-button-calc-size-md | $kendo-button-md-calc-size |
$kendo-button-inner-calc-size-md | $kendo-button-md-inner-calc-size |
$kendo-button-padding-x-lg | $kendo-button-lg-padding-x |
$kendo-button-padding-y-lg | $kendo-button-lg-padding-y |
$kendo-button-font-size-lg | $kendo-button-lg-font-size |
$kendo-button-line-height-lg | $kendo-button-lg-line-height |
$kendo-button-calc-size-lg | $kendo-button-lg-calc-size |
$kendo-button-inner-calc-size-lg | $kendo-button-lg-inner-calc-size |
## Calendar
Old name | New name |
---|---|
$calendar-* | $kendo-calendar-* |
## Captcha
Old name | New name |
---|---|
$captcha-* | $kendo-captcha-* |
## Card
Old name | New name |
---|---|
$card-* | $kendo-card-* |
## Chat
Old name | New name |
---|---|
$chat-* | $kendo-chat-* |
## Chip
Old name | New name |
---|---|
$kendo-chip-padding-x-sm | $kendo-chip-sm-padding-x |
$kendo-chip-padding-y-sm | $kendo-chip-sm-padding-y |
$kendo-chip-font-size-sm | $kendo-chip-sm-font-size |
$kendo-chip-line-height-sm | $kendo-chip-sm-line-height |
$kendo-chip-calc-size-sm | $kendo-chip-sm-calc-size |
$kendo-chip-padding-x-md | $kendo-chip-md-padding-x |
$kendo-chip-padding-y-md | $kendo-chip-md-padding-y |
$kendo-chip-font-size-md | $kendo-chip-md-font-size |
$kendo-chip-line-height-md | $kendo-chip-md-line-height |
$kendo-chip-calc-size-md | $kendo-chip-md-calc-size |
$kendo-chip-padding-x-lg | $kendo-chip-lg-padding-x |
$kendo-chip-padding-y-lg | $kendo-chip-lg-padding-y |
$kendo-chip-font-size-lg | $kendo-chip-lg-font-size |
$kendo-chip-line-height-lg | $kendo-chip-lg-line-height |
$kendo-chip-calc-size-lg | $kendo-chip-lg-calc-size |
## Color editor
Old name | New name |
---|---|
$coloreditor-* | $kendo-color-editor-* |
## Color gradient
Old name | New name |
---|---|
$colorgradient-* | $kendo-color-gradient-* |
## Color palette
Old name | New name |
---|---|
$colorpalette-* | $kendo-color-palette-* |
## Color preview
Old name | New name |
---|---|
$color-preview-* | $kendo-color-preview-* |
## Dataviz
Old name | New name |
---|---|
$series-* | $kendo-series-* |
$chart-* | $kendo-chart-* |
$treemap-* | $kendo-treemap-* |
## Date time picker
Old name | New name |
---|---|
$datetime-* | $kendo-datetime-* |
## Draggable
Old name | New name |
---|---|
$drag-clue-* | $kendo-drag-hint-* |
$drop-hint-* | $kendo-drop-hint-* |
## Dropdown tree
Old name | New name |
---|---|
$dropdowntree-* | $kendo-dropdowntree-* |
## Dropzone
Old name | New name |
---|---|
$dropzone-* | $kendo-dropzone-* |
## Expansion panel
Old name | New name |
---|---|
$expander-* | $kendo-expander-* |
## Floating action button
Old name | New name |
---|---|
$kendo-fab-padding-x-sm | $kendo-fab-sm-padding-x |
$kendo-fab-padding-y-sm | $kendo-fab-sm-padding-y |
$kendo-fab-padding-x-md | $kendo-fab-md-padding-x |
$kendo-fab-padding-y-md | $kendo-fab-md-padding-y |
$kendo-fab-padding-x-lg | $kendo-fab-lg-padding-x |
$kendo-fab-padding-y-lg | $kendo-fab-lg-padding-y |
## File manager
Old name | New name |
---|---|
$filemanager-* | $kendo-file-manager-* |
## Filter
Old name | New name |
---|---|
$filter-* | $kendo-filter-* |
## Floating label
Old name | New name |
---|---|
$floating-label-* | $kendo-floating-label-* |
## Form
Old name | New name |
---|---|
$kendo-form-line-height-sm | $kendo-form-sm-line-height |
$kendo-form-line-height-lg | $kendo-form-lg-line-height |
$kendo-form-row-spacing-sm | $kendo-form-sm-row-spacing |
$kendo-form-row-spacing-md | $kendo-form-md-row-spacing |
$kendo-form-row-spacing-lg | $kendo-form-lg-row-spacing |
## Gantt
Old name | New name |
---|---|
$gantt-* | $kendo-gantt-* |
## Grid
Old name | New name |
---|---|
$kendo-grid-padding-x-sm | $kendo-grid-sm-padding-x |
$kendo-grid-padding-y-sm | $kendo-grid-sm-padding-y |
$kendo-grid-header-padding-x-sm | $kendo-grid-sm-header-padding-x |
$kendo-grid-header-padding-y-sm | $kendo-grid-sm-header-padding-y |
$kendo-grid-group-header-padding-x-sm | $kendo-grid-sm-group-header-padding-x |
$kendo-grid-group-header-padding-y-sm | $kendo-grid-sm-group-header-padding-y |
$kendo-grid-cell-padding-x-sm | $kendo-grid-sm-cell-padding-x |
$kendo-grid-cell-padding-y-sm | $kendo-grid-sm-cell-padding-y |
$kendo-grid-filter-cell-padding-x-sm | $kendo-grid-sm-filter-cell-padding-x |
$kendo-grid-filter-cell-padding-y-sm | $kendo-grid-sm-filter-cell-padding-y |
$kendo-grid-edit-cell-padding-x-sm | $kendo-grid-sm-edit-cell-padding-x |
$kendo-grid-edit-cell-padding-y-sm | $kendo-grid-sm-edit-cell-padding-y |
$kendo-grid-group-dropclue-height-sm | $kendo-grid-sm-group-drop-hint-height |
$kendo-grid-padding-x-md | $kendo-grid-md-padding-x |
$kendo-grid-padding-y-md | $kendo-grid-md-padding-y |
$kendo-grid-header-padding-x-md | $kendo-grid-md-header-padding-x |
$kendo-grid-header-padding-y-md | $kendo-grid-md-header-padding-y |
$kendo-grid-group-header-padding-x-md | $kendo-grid-md-group-header-padding-x |
$kendo-grid-group-header-padding-y-md | $kendo-grid-md-group-header-padding-y |
$kendo-grid-cell-padding-x-md | $kendo-grid-md-cell-padding-x |
$kendo-grid-cell-padding-y-md | $kendo-grid-md-cell-padding-y |
$kendo-grid-filter-cell-padding-x-md | $kendo-grid-md-filter-cell-padding-x |
$kendo-grid-filter-cell-padding-y-md | $kendo-grid-md-filter-cell-padding-y |
$kendo-grid-edit-cell-padding-x-md | $kendo-grid-md-edit-cell-padding-x |
$kendo-grid-edit-cell-padding-y-md | $kendo-grid-md-edit-cell-padding-y |
$kendo-grid-group-dropclue-height-md | $kendo-grid-md-group-drop-hint-height |
$kendo-grid-padding-x-lg | $kendo-grid-lg-padding-x |
$kendo-grid-padding-y-lg | $kendo-grid-lg-padding-y |
$kendo-grid-header-padding-x-lg | $kendo-grid-lg-header-padding-x |
$kendo-grid-header-padding-y-lg | $kendo-grid-lg-header-padding-y |
$kendo-grid-group-header-padding-x-lg | $kendo-grid-lg-group-header-padding-x |
$kendo-grid-group-header-padding-y-lg | $kendo-grid-lg-group-header-padding-y |
$kendo-grid-cell-padding-x-lg | $kendo-grid-lg-cell-padding-x |
$kendo-grid-cell-padding-y-lg | $kendo-grid-lg-cell-padding-y |
$kendo-grid-filter-cell-padding-x-lg | $kendo-grid-lg-filter-cell-padding-x |
$kendo-grid-filter-cell-padding-y-lg | $kendo-grid-lg-filter-cell-padding-y |
$kendo-grid-edit-cell-padding-x-lg | $kendo-grid-lg-edit-cell-padding-x |
$kendo-grid-edit-cell-padding-y-lg | $kendo-grid-lg-edit-cell-padding-y |
$kendo-grid-group-dropclue-height-lg | $kendo-grid-lg-group-drop-hint-height |
## Image Editor
Old name | New name |
---|---|
$imageeditor-* | $kendo-image-editor-* |
## Input
Old name | New name |
---|---|
$kendo-input-padding-x-sm | $kendo-input-sm-padding-x |
$kendo-input-padding-y-sm | $kendo-input-sm-padding-y |
$kendo-input-font-size-sm | $kendo-input-sm-font-size |
$kendo-input-line-height-sm | $kendo-input-sm-line-height |
$kendo-input-padding-x-md | $kendo-input-md-padding-x |
$kendo-input-padding-y-md | $kendo-input-md-padding-y |
$kendo-input-font-size-md | $kendo-input-md-font-size |
$kendo-input-line-height-md | $kendo-input-md-line-height |
$kendo-input-padding-x-lg | $kendo-input-lg-padding-x |
$kendo-input-padding-y-lg | $kendo-input-lg-padding-y |
$kendo-input-font-size-lg | $kendo-input-lg-font-size |
$kendo-input-line-height-lg | $kendo-input-lg-line-height |
## List
Old name | New name |
---|---|
$kendo-list-font-size-sm | $kendo-list-sm-font-size |
$kendo-list-line-height-sm | $kendo-list-sm-line-height |
$kendo-list-header-padding-x-sm | $kendo-list-sm-header-padding-x |
$kendo-list-header-padding-y-sm | $kendo-list-sm-header-padding-y |
$kendo-list-header-font-size-sm | $kendo-list-sm-header-font-size |
$kendo-list-header-line-height-sm | $kendo-list-sm-header-line-height |
$kendo-list-item-padding-x-sm | $kendo-list-sm-item-padding-x |
$kendo-list-item-padding-y-sm | $kendo-list-sm-item-padding-y |
$kendo-list-item-font-size-sm | $kendo-list-sm-item-font-size |
$kendo-list-item-line-height-sm | $kendo-list-sm-item-line-height |
$kendo-list-group-item-padding-x-sm | $kendo-list-sm-group-item-padding-x |
$kendo-list-group-item-padding-y-sm | $kendo-list-sm-group-item-padding-y |
$kendo-list-group-item-font-size-sm | $kendo-list-sm-group-item-font-size |
$kendo-list-group-item-line-height-sm | $kendo-list-sm-group-item-line-height |
$kendo-list-font-size-md | $kendo-list-md-font-size |
$kendo-list-line-height-md | $kendo-list-md-line-height |
$kendo-list-header-padding-x-md | $kendo-list-md-header-padding-x |
$kendo-list-header-padding-y-md | $kendo-list-md-header-padding-y |
$kendo-list-header-font-size-md | $kendo-list-md-header-font-size |
$kendo-list-header-line-height-md | $kendo-list-md-header-line-height |
$kendo-list-item-padding-x-md | $kendo-list-md-item-padding-x |
$kendo-list-item-padding-y-md | $kendo-list-md-item-padding-y |
$kendo-list-item-font-size-md | $kendo-list-md-item-font-size |
$kendo-list-item-line-height-md | $kendo-list-md-item-line-height |
$kendo-list-group-item-padding-x-md | $kendo-list-md-group-item-padding-x |
$kendo-list-group-item-padding-y-md | $kendo-list-md-group-item-padding-y |
$kendo-list-group-item-font-size-md | $kendo-list-md-group-item-font-size |
$kendo-list-group-item-line-height-md | $kendo-list-md-group-item-line-height |
$kendo-list-font-size-lg | $kendo-list-lg-font-size |
$kendo-list-line-height-lg | $kendo-list-lg-line-height |
$kendo-list-header-padding-x-lg | $kendo-list-lg-header-padding-x |
$kendo-list-header-padding-y-lg | $kendo-list-lg-header-padding-y |
$kendo-list-header-font-size-lg | $kendo-list-lg-header-font-size |
$kendo-list-header-line-height-lg | $kendo-list-lg-header-line-height |
$kendo-list-item-padding-x-lg | $kendo-list-lg-item-padding-x |
$kendo-list-item-padding-y-lg | $kendo-list-lg-item-padding-y |
$kendo-list-item-font-size-lg | $kendo-list-lg-item-font-size |
$kendo-list-item-line-height-lg | $kendo-list-lg-item-line-height |
$kendo-list-group-item-padding-x-lg | $kendo-list-lg-group-item-padding-x |
$kendo-list-group-item-padding-y-lg | $kendo-list-lg-group-item-padding-y |
$kendo-list-group-item-font-size-lg | $kendo-list-lg-group-item-font-size |
$kendo-list-group-item-line-height-lg | $kendo-list-lg-group-item-line-height |
## Listgroup
Old name | New name |
---|---|
$listgroup-* | $kendo-listgroup-* |
## Loader
Old name | New name |
---|---|
$kendo-loader-segment-size-sm | $kendo-loader-sm-segment-size |
$kendo-loader-padding-sm | $kendo-loader-sm-padding |
$kendo-loader-spinner-3-width-sm | $kendo-loader-sm-spinner-3-width |
$kendo-loader-spinner-3-height-sm | $kendo-loader-sm-spinner-3-height |
$kendo-loader-spinner-4-width-sm | $kendo-loader-sm-spinner-4-width |
$kendo-loader-spinner-4-height-sm | $kendo-loader-sm-spinner-4-height |
$kendo-loader-container-padding-sm | $kendo-loader-sm-container-padding |
$kendo-loader-container-gap-sm | $kendo-loader-sm-container-gap |
$kendo-loader-container-font-size-sm | $kendo-loader-sm-container-font-size |
$kendo-loader-segment-size-md | $kendo-loader-md-segment-size |
$kendo-loader-padding-md | $kendo-loader-md-padding |
$kendo-loader-spinner-3-width-md | $kendo-loader-md-spinner-3-width |
$kendo-loader-spinner-3-height-md | $kendo-loader-md-spinner-3-height |
$kendo-loader-spinner-4-width-md | $kendo-loader-md-spinner-4-width |
$kendo-loader-spinner-4-height-md | $kendo-loader-md-spinner-4-height |
$kendo-loader-container-padding-md | $kendo-loader-md-container-padding |
$kendo-loader-container-gap-md | $kendo-loader-md-container-gap |
$kendo-loader-container-font-size-md | $kendo-loader-md-container-font-size |
$kendo-loader-segment-size-lg | $kendo-loader-lg-segment-size |
$kendo-loader-padding-lg | $kendo-loader-lg-padding |
$kendo-loader-spinner-3-width-lg | $kendo-loader-lg-spinner-3-width |
$kendo-loader-spinner-3-height-lg | $kendo-loader-lg-spinner-3-height |
$kendo-loader-spinner-4-width-lg | $kendo-loader-lg-spinner-4-width |
$kendo-loader-spinner-4-height-lg | $kendo-loader-lg-spinner-4-height |
$kendo-loader-container-padding-lg | $kendo-loader-lg-container-padding |
$kendo-loader-container-gap-lg | $kendo-loader-lg-container-gap |
$kendo-loader-container-font-size-lg | $kendo-loader-lg-container-font-size |
## Map
Old name | New name |
---|---|
$map-* | $kendo-map-* |
## Media player
Old name | New name |
---|---|
$mediaplayer-* | $kendo-media-player-* |
## Menu
Old name | New name |
---|---|
$menu-* | $kendo-menu-* |
$kendo-menu-popup-font-size-sm | $kendo-menu-sm-popup-font-size |
$kendo-menu-popup-line-height-sm | $kendo-menu-sm-popup-line-height |
$kendo-menu-popup-item-padding-x-sm | $kendo-menu-sm-popup-item-padding-x |
$kendo-menu-popup-item-padding-y-sm | $kendo-menu-sm-popup-item-padding-y |
$kendo-menu-popup-item-padding-end-sm | $kendo-menu-sm-popup-item-padding-end |
$kendo-menu-popup-item-icon-margin-start-sm | $kendo-menu-sm-popup-item-icon-margin-start |
$kendo-menu-popup-item-icon-margin-end-sm | $kendo-menu-sm-popup-item-icon-margin-end |
$kendo-menu-popup-font-size-md | $kendo-menu-md-popup-font-size |
$kendo-menu-popup-line-height-md | $kendo-menu-md-popup-line-height |
$kendo-menu-popup-item-padding-x-md | $kendo-menu-md-popup-item-padding-x |
$kendo-menu-popup-item-padding-y-md | $kendo-menu-md-popup-item-padding-y |
$kendo-menu-popup-item-padding-end-md | $kendo-menu-md-popup-item-padding-end |
$kendo-menu-popup-item-icon-margin-start-md | $kendo-menu-md-popup-item-icon-margin-start |
$kendo-menu-popup-item-icon-margin-end-md | $kendo-menu-md-popup-item-icon-margin-end |
$kendo-menu-popup-font-size-lg | $kendo-menu-lg-popup-font-size |
$kendo-menu-popup-line-height-lg | $kendo-menu-lg-popup-line-height |
$kendo-menu-popup-item-padding-x-lg | $kendo-menu-lg-popup-item-padding-x |
$kendo-menu-popup-item-padding-y-lg | $kendo-menu-lg-popup-item-padding-y |
$kendo-menu-popup-item-padding-end-lg | $kendo-menu-lg-popup-item-padding-end |
$kendo-menu-popup-item-icon-margin-start-lg | $kendo-menu-lg-popup-item-icon-margin-start |
$kendo-menu-popup-item-icon-margin-end-lg | $kendo-menu-lg-popup-item-icon-margin-end |
## Message box
Old name | New name |
---|---|
$message-box-* | $kendo-message-box-* |
## Orgchart
Old name | New name |
---|---|
$orgchart-* | $kendo-orgchart-* |
## Overlay
Old name | New name |
---|---|
$overlay-* | $kendo-overlay-* |
## Pager
Old name | New name |
---|---|
$kendo-pager-padding-x-sm | $kendo-pager-sm-padding-x |
$kendo-pager-padding-y-sm | $kendo-pager-sm-padding-y |
$kendo-pager-item-min-width-sm | $kendo-pager-sm-item-min-width |
$kendo-pager-item-group-spacing-sm | $kendo-pager-sm-item-group-spacing |
$kendo-pager-dropdown-width-sm | $kendo-pager-sm-dropdown-width |
$kendo-pager-padding-x-md | $kendo-pager-md-padding-x |
$kendo-pager-padding-y-md | $kendo-pager-md-padding-y |
$kendo-pager-item-min-width-md | $kendo-pager-md-item-min-width |
$kendo-pager-item-group-spacing-md | $kendo-pager-md-item-group-spacing |
$kendo-pager-dropdown-width-md | $kendo-pager-md-dropdown-width |
$kendo-pager-padding-x-lg | $kendo-pager-lg-padding-x |
$kendo-pager-padding-y-lg | $kendo-pager-lg-padding-y |
$kendo-pager-item-min-width-lg | $kendo-pager-lg-item-min-width |
$kendo-pager-item-group-spacing-lg | $kendo-pager-lg-item-group-spacing |
$kendo-pager-dropdown-width-lg | $kendo-pager-lg-dropdown-width |
## Panelbar
Old name | New name |
---|---|
$panelbar-* | $kendo-panelbar-* |
## PDF viewer
Old name | New name |
---|---|
$pdf-viewer-* | $kendo-pdf-viewer-* |
## Pivotgrid
Old name | New name |
---|---|
$pivotgrid-* | $kendo-pivotgrid-* |
## Popup
Old name | New name |
---|---|
$popup-* | $kendo-popup-* |
## Rating
Old name | New name |
---|---|
$rating-* | $kendo-rating-* |
## Scheduler
Old name | New name |
---|---|
$scheduler-* | $kendo-scheduler-* |
## Scrollview
Old name | New name |
---|---|
$scrollview-* | $kendo-scrollview-* |
## Signature
Old name | New name |
---|---|
$kendo-signature-padding-x-sm | $kendo-signature-sm-padding-x |
$kendo-signature-padding-y-sm | $kendo-signature-sm-padding-y |
$kendo-signature-line-height-sm | $kendo-signature-sm-line-height |
$kendo-signature-padding-x-md | $kendo-signature-md-padding-x |
$kendo-signature-padding-y-md | $kendo-signature-md-padding-y |
$kendo-signature-line-height-md | $kendo-signature-md-line-height |
$kendo-signature-padding-x-lg | $kendo-signature-lg-padding-x |
$kendo-signature-padding-y-lg | $kendo-signature-lg-padding-y |
$kendo-signature-line-height-lg | $kendo-signature-lg-line-height |
## Skeleton
Old name | New name |
---|---|
$skeleton-* | $kendo-skeleton-* |
## Slider
Old name | New name |
---|---|
$slider-* | $kendo-slider-* |
## Split button
Old name | New name |
---|---|
$kendo-split-button-arrow-padding-x-sm | $kendo-split-button-sm-arrow-padding-x |
$kendo-split-button-arrow-padding-y-sm | $kendo-split-button-sm-arrow-padding-y |
$kendo-split-button-arrow-padding-x-md | $kendo-split-button-md-arrow-padding-x |
$kendo-split-button-arrow-padding-y-md | $kendo-split-button-md-arrow-padding-y |
$kendo-split-button-arrow-padding-x-lg | $kendo-split-button-lg-arrow-padding-x |
$kendo-split-button-arrow-padding-y-lg | $kendo-split-button-lg-arrow-padding-y |
## Splitter
Old name | New name |
---|---|
$splitter-* | $kendo-splitter-* |
$splitbar-* | $kendo-splitbar-* |
## Spreadsheet
Old name | New name |
---|---|
$spreadsheet-* | $kendo-spreadsheet-* |
## Stepper
Old name | New name |
---|---|
$stepper-* | $kendo-stepper-* |
## Table
Old name | New name |
---|---|
$kendo-table-cell-padding-x-sm | $kendo-table-sm-cell-padding-x |
$kendo-table-cell-padding-y-sm | $kendo-table-sm-cell-padding-y |
$kendo-table-cell-padding-x-md | $kendo-table-md-cell-padding-x |
$kendo-table-cell-padding-y-md | $kendo-table-md-cell-padding-y |
$kendo-table-cell-padding-x-lg | $kendo-table-lg-cell-padding-x |
$kendo-table-cell-padding-y-lg | $kendo-table-lg-cell-padding-y |
## Tabstrip
Old name | New name |
---|---|
$tabstrip-* | $kendo-tabstrip-* |
## Taskboard
Old name | New name |
---|---|
$taskboard-* | $kendo-taskboard-* |
## Tile layout
Old name | New name |
---|---|
$tilelayout-* | $kendo-tile-layout-* |
## Timeline
Old name | New name |
---|---|
$timeline-* | $kendo-timeline-* |
## Time selector
Old name | New name |
---|---|
$time-selector-* | $kendo-time-selector-* |
## Toolbar
Old name | New name |
---|---|
$kendo-toolbar-padding-x-sm | $kendo-toolbar-sm-padding-x |
$kendo-toolbar-padding-y-sm | $kendo-toolbar-sm-padding-y |
$kendo-toolbar-spacing-sm | $kendo-toolbar-sm-spacing |
$kendo-toolbar-padding-x-md | $kendo-toolbar-md-padding-x |
$kendo-toolbar-padding-y-md | $kendo-toolbar-md-padding-y |
$kendo-toolbar-spacing-md | $kendo-toolbar-md-spacing |
$kendo-toolbar-padding-x-lg | $kendo-toolbar-lg-padding-x |
$kendo-toolbar-padding-y-lg | $kendo-toolbar-lg-padding-y |
$kendo-toolbar-spacing-lg | $kendo-toolbar-lg-spacing |
## Tooltip
Old name | New name |
---|---|
$tooltip-* | $kendo-tooltip-* |
## Treeview
Old name | New name |
---|---|
$kendo-treeview-font-size-sm | $kendo-treeview-sm-font-size |
$kendo-treeview-line-height-sm | $kendo-treeview-sm-line-height |
$kendo-treeview-item-padding-x-sm | $kendo-treeview-sm-item-padding-x |
$kendo-treeview-item-padding-y-sm | $kendo-treeview-sm-item-padding-y |
$kendo-treeview-font-size-md | $kendo-treeview-md-font-size |
$kendo-treeview-line-height-md | $kendo-treeview-md-line-height |
$kendo-treeview-item-padding-x-md | $kendo-treeview-md-item-padding-x |
$kendo-treeview-item-padding-y-md | $kendo-treeview-md-item-padding-y |
$kendo-treeview-font-size-lg | $kendo-treeview-lg-font-size |
$kendo-treeview-line-height-lg | $kendo-treeview-lg-line-height |
$kendo-treeview-item-padding-x-lg | $kendo-treeview-lg-item-padding-x |
$kendo-treeview-item-padding-y-lg | $kendo-treeview-lg-item-padding-y |
## Wizard
Old name | New name |
---|---|
$wizard-* | $kendo-wizard-* |
- icons: Added kendo prefix to all icon variables:
Change variable names from $icon-*
to $kendo-icon-*
.
-
icons: Icons font sizes are updated as follows:
-
$kendo-icon-size-xs -> 12px (0.75 * $kendo-icon-size)
-
$kendo-icon-size-sm -> 14px (0.875 * $kendo-icon-size)
-
$kendo-icon-size-md -> 16px ($kendo-icon-size)
-
$kendo-icon-size-lg -> 20px (1.25 * $kendo-icon-size)
-
$kendo-icon-size-xl -> 24px (1.5 * $kendo-icon-size)
-
$kendo-icon-size-xxl -> 32px (2 * $kendo-icon-size)
-
$kendo-icon-size-xxxl -> 48px (3 * $kendo-icon-size)
-
icons: icons are now consumed from kendo-icons package and
used in default, bootstrap, material and classic themes
- Use utility class names from utils package
Previously, the utility classes were defined in the default theme and were consumed from the derived themes.
While no class names were changed, we did try to move to a more consistent
naming convention for the class names. For example, the class name for
display: flex
was changed from k-display-flex
to k-d-flex
, as it's shorter
and unambiguous. Of course, the old class names are still supported and
will be removed in the next major version.
- Remove usages of
$spacer
variable
The $spacer
variable is removed in favour of spacing map, which yields
consistent spacing values across all components.
- Rename popover variables
Old name | New name |
---|---|
$popover-border-width | $kendo-popover-border-width |
$popover-border-style | $kendo-popover-border-style |
$popover-border-radius | $kendo-popover-border-radius |
$popover-font-size | $kendo-popover-font-size |
$popover-font-family | $kendo-popover-font-family |
$popover-line-height | $kendo-popover-line-height |
$popover-bg | $kendo-popover-bg |
$popover-text | $kendo-popover-text |
$popover-border | $kendo-popover-border |
$popover-shadow | $kendo-popover-shadow |
$popover-header-padding-y | $kendo-popover-header-padding-y |
$popover-header-padding-x | $kendo-popover-header-padding-x |
$popover-header-border-width | $kendo-popover-header-border-width |
$popover-header-border-style | $kendo-popover-header-border-style |
$popover-header-bg | $kendo-popover-header-bg |
$popover-header-text | $kendo-popover-header-text |
$popover-header-border | $kendo-popover-header-border |
$popover-body-padding-y | $kendo-popover-body-padding-y |
$popover-body-padding-x | $kendo-popover-body-padding-x |
$popover-actions-border-width | $kendo-popover-actions-border-width |
$popover-callout-width | $kendo-popover-callout-width |
$popover-callout-height | $kendo-popover-callout-height |
$popover-callout-border-width | $kendo-popover-callout-border-width |
$popover-callout-border-style | $kendo-popover-callout-border-style |
$popover-callout-bg | $kendo-popover-callout-bg |
$popover-callout-border | $kendo-popover-callout-border |
- Remove deprecated
$accent
and$accent-contrast
variables
Use $kendo-color-primary
and $kendo-color-primary-contrast
instead.
- Remove redundant styling modules
The styling module was already included as part of the utils module.
- Remove redundant cursor module
The cursor module was already included as part of theme utils.
- Merge placeholder line with skeleton
The styles for the placeholder line were merged with the skeleton styles. As a result, the placeholder line is lightly darker and has rounded corners. In a future release, the placeholder line will be removed in favor of the skeleton.
- Rename root variables
This commit introduces a consistent naming convention for root variables:
- Most root variables are prefixed with
$kendo-
. - If a variable is a color, it's infixed with
-color-
. - If a variable had
-hovered-
infix, it's now-hover-
. - If a variable had
-focused-
infix, it's now-focus-
. - If a variable had size infix and then direction, they are reversed
Here is a list of changes:
Old name | New name |
---|---|
$enable-rounded | $kendo-enable-rounded |
$enable-shadows | $kendo-enable-shadows |
$enable-gradients | $kendo-enable-gradients |
$enable-transitions | $kendo-enable-transitions |
$enable-flex-classes | Removed (unused) |
$enable-grid-classes | Removed (unused) |
$use-calc-badge-size | Removed (unused) |
$use-input-button-width | $kendo-use-input-button-width |
$use-input-spinner-width | $kendo-use-input-spinner-width |
$use-input-spinner-icon-offset | Removed (unused) |
$use-picker-select-width | Removed. Use $kendo-use-input-button-width |
$padding-x | $kendo-padding-x |
$padding-y | $kendo-padding-y |
$padding-x-sm | $kendo-padding-sm-x |
$padding-y-sm | $kendo-padding-sm-y |
N/A | New. $kendo-padding-md-x |
N/A | New. $kendo-padding-md-y |
$padding-x-lg | $kendo-padding-lg-x |
$padding-y-lg | $kendo-padding-lg-y |
$panel-padding-x | Removed. Variable was not used consistently, so the usages were replaced with spacing map |
$panel-padding-y | Removed. Variable was not used consistently, so the usages were replaced with spacing map |
$header-padding-x | Removed. Variable was not used consistently, so the usages were replaced with spacing map |
$header-padding-y | Removed. Variable was not used consistently, so the usages were replaced with spacing map |
$nav-item-margin | Removed. Variable was not used consistently, so the usages were replaced with spacing map |
$nav-item-padding-x | Removed. Variable was not used consistently, so the usages were replaced with spacing map |
$nav-item-padding-y | Removed. Variable was not used consistently, so the usages were replaced with spacing map |
$zindex-popup | $kendo-zindex-popup |
$zindex-window | $kendo-zindex-window |
$zindex-loading | $kendo-zindex-loading |
$black | $kendo-color-black |
$white | $kendo-color-white |
$rgba-transparent | $kendo-color-rgba-transparent |
$gradient-transparent-to-black | $kendo-gradient-transparent-to-black |
$gradient-transparent-to-white | $kendo-gradient-transparent-to-white |
$gradient-black-to-transparent | $kendo-gradient-black-to-transparent |
$gradient-white-to-transparent | $kendo-gradient-white-to-transparent |
$accent | Removed. Use $kendo-color-primary |
$accent-contrast | Removed. Use $kendo-color-primary-contrast |
$primary | $kendo-color-primary |
$primary-lighter | $kendo-color-primary-lighter |
$primary-darker | $kendo-color-primary-darker |
$primary-contrast | $kendo-color-primary-contrast |
$secondary | $kendo-color-secondary |
$secondary-lighter | $kendo-color-secondary-lighter |
$secondary-darker | $kendo-color-secondary-darker |
$secondary-contrast | $kendo-color-secondary-contrast |
$tertiary | $kendo-color-tertiary |
$tertiary-lighter | $kendo-color-tertiary-lighter |
$tertiary-darker | $kendo-color-tertiary-darker |
$tertiary-contrast | $kendo-color-tertiary-contrast |
$info | $kendo-color-info |
$info-lighter | $kendo-color-info-lighter |
$info-darker | $kendo-color-info-darker |
$success | $kendo-color-success |
$success-lighter | $kendo-color-success-lighter |
$success-darker | $kendo-color-success-darker |
$warning | $kendo-color-warning |
$warning-lighter | $kendo-color-warning-lighter |
$warning-darker | $kendo-color-warning-darker |
$error | $kendo-color-error |
$error-lighter | $kendo-color-error-lighter |
$error-darker | $kendo-color-error-darker |
$dark | $kendo-color-dark |
$light | $kendo-color-light |
$inverse | $kendo-color-inverse |
$cursors | Removed (redundant) |
$body-bg | $kendo-body-bg |
$body-text | $kendo-body-text |
$subtle-text | $kendo-subtle-text |
$app-bg | $kendo-app-bg |
$app-text | $kendo-app-text |
$app-border | $kendo-app-border |
$component-bg | $kendo-component-bg |
$component-text | $kendo-component-text |
$component-border | $kendo-component-border |
$header-bg | $kendo-component-header-bg |
$header-text | $kendo-component-header-text |
$header-border | $kendo-component-header-border |
$header-gradient | $kendo-component-header-gradient |
$hovered-bg | $kendo-hover-bg |
$hovered-text | $kendo-hover-text |
$hovered-border | $kendo-hover-border |
$hovered-gradient | $kendo-hover-gradient |
$selected-bg | $kendo-selected-bg |
$selected-text | $kendo-selected-text |
$selected-border | $kendo-selected-border |
$selected-gradient | $kendo-selected-gradient |
$focused-shadow | $kendo-focus-shadow |
$primary-focused-shadow | Removed (unused) |
$disabled-bg | $kendo-disabled-bg |
$disabled-text | $kendo-disabled-text |
$disabled-border | $kendo-disabled-border |
$disabled-gradient | $kendo-disabled-gradient |
$disabled-filter | $kendo-disabled-filter |
$disabled-opacity | $kendo-disabled-opacity |
$disabled-styling | $kendo-disabled-styling |
$panel-bg | Removed. Use $kendo-component-bg |
$panel-text | Removed. Use $kendo-component-text |
$panel-border | Removed. Use $kendo-component-border |
$grouping-header-bg | Removed. Use $kendo-component-header-bg |
$grouping-header-text | Removed. Use $kendo-component-header-text |
$grouping-header-border | Removed. Use $kendo-component-header-border |
$frozen-grouping-header-text | Removed (unused) |
$frozen-grouping-header-border-width | Removed (unused) |
$placeholder-line-width | Removed (unused) |
$placeholder-line-height | Removed (unused) |
$placeholder-line-bg | Removed. $skeleton-item-bg |
$invalid-bg | $kendo-invalid-bg |
$invalid-text | $kendo-invalid-text |
$invalid-border | $kendo-invalid-border |
$invalid-shadow | $kendo-invalid-shadow |
$transition | $kendo-transition |
$breadcrumb-link-hovered-bg | $breadcrumb-link-hover-bg |
$breadcrumb-link-hovered-text | $breadcrumb-link-hover-text |
$breadcrumb-link-hovered-border | $breadcrumb-link-hover-border |
$breadcrumb-link-focused-bg | $breadcrumb-link-focus-bg |
$breadcrumb-link-focused-text | $breadcrumb-link-focus-text |
$breadcrumb-link-focused-border | $breadcrumb-link-focus-border |
$breadcrumb-link-focused-shadow | $breadcrumb-link-focus-shadow |
$breadcrumb-root-link-hovered-bg | $breadcrumb-root-link-hover-bg |
$breadcrumb-root-link-hovered-text | $breadcrumb-root-link-hover-text |
$breadcrumb-root-link-hovered-border | $breadcrumb-root-link-hover-border |
$breadcrumb-root-link-focused-bg | $breadcrumb-root-link-focus-bg |
$breadcrumb-root-link-focused-text | $breadcrumb-root-link-focus-text |
$breadcrumb-root-link-focused-border | $breadcrumb-root-link-focus-border |
$breadcrumb-root-link-focused-shadow | $breadcrumb-root-link-focus-shadow |
$breadcrumb-focused-shadow | $breadcrumb-focus-shadow |
$calendar-cell-focused-shadow | $calendar-cell-focus-shadow |
$kendo-drawer-scrollbar-hovered-color | $kendo-drawer-scrollbar-hover-color |
$kendo-drawer-hovered-bg | $kendo-drawer-hover-bg |
$kendo-drawer-hovered-text | $kendo-drawer-hover-text |
$kendo-drawer-focused-bg | $kendo-drawer-focus-bg |
$kendo-drawer-focused-text | $kendo-drawer-focus-text |
$dropdownlist-* | Removed (unused) |
$expander-header-focused-bg | $expander-header-focus-bg |
$expander-header-focused-shadow | $expander-header-focus-shadow |
$kendo-grid-hovered-bg | $kendo-grid-hover-bg |
$kendo-grid-hovered-text | $kendo-grid-hover-text |
$kendo-grid-hovered-border | $kendo-grid-hover-border |
$kendo-grid-focused-shadow | $kendo-grid-focus-shadow |
$kendo-grid-sticky-footer-hovered-bg | $kendo-grid-sticky-footer-hover-bg |
$kendo-grid-sticky-hovered-bg | $kendo-grid-sticky-hover-bg |
$kendo-grid-sticky-selected-hovered-bg | $kendo-grid-sticky-selected-hover-bg |
$panelbar-header-hovered-bg | $panelbar-header-hover-bg |
$panelbar-header-hovered-text | $panelbar-header-hover-text |
$panelbar-header-hovered-border | $panelbar-header-hover-border |
$panelbar-header-hovered-gradient | $panelbar-header-hover-gradient |
$panelbar-header-focused-bg | $panelbar-header-focus-bg |
$panelbar-header-focused-text | $panelbar-header-focus-text |
$panelbar-header-focused-border | $panelbar-header-focus-border |
$panelbar-header-focused-gradient | $panelbar-header-focus-gradient |
$panelbar-header-focused-shadow | $panelbar-header-focus-shadow |
$panelbar-header-hovered-focused-bg | $panelbar-header-hover-focus-bg |
$panelbar-header-hovered-focused-text | $panelbar-header-hover-focus-text |
$panelbar-header-hovered-focused-border | $panelbar-header-hover-focus-border |
$panelbar-header-hovered-focused-gradient | $panelbar-header-hover-focus-gradient |
$panelbar-header-selected-hovered-bg | $panelbar-header-selected-hover-bg |
$panelbar-header-selected-hovered-text | $panelbar-header-selected-hover-text |
$panelbar-header-selected-hovered-border | $panelbar-header-selected-hover-border |
$panelbar-header-selected-hovered-gradient | $panelbar-header-selected-hover-gradient |
$panelbar-header-selected-focused-bg | $panelbar-header-selected-focus-bg |
$panelbar-header-selected-focused-text | $panelbar-header-selected-focus-text |
$panelbar-header-selected-focused-border | $panelbar-header-selected-focus-border |
$panelbar-header-selected-focused-gradient | $panelbar-header-selected-focus-gradient |
$panelbar-header-selected-hovered-focused-bg | $panelbar-header-selected-hover-focus-bg |
$panelbar-header-selected-hovered-focused-text | $panelbar-header-selected-hover-focus-text |
$panelbar-header-selected-hovered-focused-border | $panelbar-header-selected-hover-focus-border |
$panelbar-header-selected-hovered-focused-gradient | $panelbar-header-selected-hover-focus-gradient |
$panelbar-item-hovered-bg | $panelbar-item-hover-bg |
$panelbar-item-hovered-text | $panelbar-item-hover-text |
$panelbar-item-hovered-border | $panelbar-item-hover-border |
$panelbar-item-hovered-gradient | $panelbar-item-hover-gradient |
$panelbar-item-focused-bg | $panelbar-item-focus-bg |
$panelbar-item-focused-text | $panelbar-item-focus-text |
$panelbar-item-focused-border | $panelbar-item-focus-border |
$panelbar-item-focused-gradient | $panelbar-item-focus-gradient |
$panelbar-item-focused-shadow | $panelbar-item-focus-shadow |
$panelbar-item-hovered-focused-bg | $panelbar-item-hover-focus-bg |
$panelbar-item-hovered-focused-text | $panelbar-item-hover-focus-text |
$panelbar-item-hovered-focused-border | $panelbar-item-hover-focus-border |
$panelbar-item-hovered-focused-gradient | $panelbar-item-hover-focus-gradient |
$panelbar-item-selected-hovered-bg | $panelbar-item-selected-hover-bg |
$panelbar-item-selected-hovered-text | $panelbar-item-selected-hover-text |
$panelbar-item-selected-hovered-border | $panelbar-item-selected-hover-border |
$panelbar-item-selected-hovered-gradient | $panelbar-item-selected-hover-gradient |
$panelbar-item-selected-focused-bg | $panelbar-item-selected-focus-bg |
$panelbar-item-selected-focused-text | $panelbar-item-selected-focus-text |
$panelbar-item-selected-focused-border | $panelbar-item-selected-focus-border |
$panelbar-item-selected-focused-gradient | $panelbar-item-selected-focus-gradient |
$panelbar-item-selected-hovered-focused-bg | $panelbar-item-selected-hover-focus-bg |
$panelbar-item-selected-hovered-focused-text | $panelbar-item-selected-hover-focus-text |
$panelbar-item-selected-hovered-focused-border | $panelbar-item-selected-hover-focus-border |
$panelbar-item-selected-hovered-focused-gradient | $panelbar-item-selected-hover-focus-gradient |
$rating-icon-focused-text | $rating-icon-focus-text |
$rating-icon-focused-shadow | $rating-icon-focus-shadow |
$rating-icon-focused-selected-shadow | $rating-icon-focus-selected-shadow |
$slider-button-focused-shadow | $slider-button-focus-shadow |
$slider-draghandle-hovered-bg | $slider-draghandle-hover-bg |
$slider-draghandle-hovered-text | $slider-draghandle-hover-text |
$slider-draghandle-hovered-border | $slider-draghandle-hover-border |
$slider-draghandle-hovered-gradient | $slider-draghandle-hover-gradient |
$slider-draghandle-focused-shadow | $slider-draghandle-focus-shadow |
$spreadsheet-insert-image-dialog-overlay-hovered-text | $spreadsheet-insert-image-dialog-overlay-hover-text |
$tabstrip-item-hovered-bg | $tabstrip-item-hover-bg |
$tabstrip-item-hovered-text | $tabstrip-item-hover-text |
$tabstrip-item-hovered-border | $tabstrip-item-hover-border |
$tabstrip-item-hovered-gradient | $tabstrip-item-hover-gradient |
$tabstrip-item-focused-shadow | $tabstrip-item-focus-shadow |
$tabstrip-content-border-focused | $tabstrip-content-focus-border |
$time-list-focused-bg | $time-list-focus-bg |
$kendo-upload-focused-shadow | $upload-focus-shadow |
$kendo-window-focused-shadow | $window-focus-shadow |
$kendo-wizard-focused-shadow | Removed (unused) |
- Added
$kendo-
prefix to$spacing
map
Renamed $spacing
to $kendo-spacing
to avoid conflicts with other libraries.
- treelist: Added kendo prefix to all treelist variables:
Change variable names from $treelist-*
to $kendo-treelist-*
.
- grid: Added
size
appearance property: size
controls the overall physical size of the grid and it's components.- currently supports small and medium (default) sizes
The size
property generates component specific class name k-grid-{size}
.
- grid: Added kendo prefix to all grid variables:
Change variable names from $grid-*
to $kendo-grid-*
.
- Removed tilde from import path:
Going forward, all imports from node_modules will not be prefixed with ~.
- Use functions and mixins only from theme-core
All, but two, functions are prefixed with k-
to avoid conflicts with other libraries:
contrast-wcag
is renamed tok-contrast-legacy
, andyiq
is renamed tok-yiq-luma-information
as the new names describe them better.
Note: k-contrast-legacy
is deprecated and will be removed.
- Added kendo prefix to all listview variables
Change variables names from $listview-*
to $kendo-listview-*
.
- editor: The Editor now uses div containers instead of table
- editor:
k-editor-toolbar-wrap
wrapper removed - editor: Toolbar component is used for the Editor toolbar
- editor: Window component is used for all Editor popups
- editor: Form component is used inside popups
- editor: All inputs inside popups are replaced with the
respective component: TextBox, NumericTextBox, etc
-
editor: The following classes are renamed:
-
k-resizable
renamed tok-editor-resizable
-
k-editor-table-wizard-dialog
renamed tok-editor-table-wizard-window
-
editor: Added kendo prefix to all editor variables:
Change variable names from $editor-*
to $kendo-editor-*
.
-
upload: The following classes are being renamed:
-
k-dropzone-hover/hovered
renamed tok-hover
-
k-file-group-wrapper
,k-file-invalid-group-wrapper
,
k-multiple-files-group-wrapper
, k-multiple-files-invalid-group-wrapper
renamed to k-file-icon-wrapper
-
k-file-group
replaced withk-file-icon
-
k-file-name-size-wrap class
replaced withk-file-info
-
k-file-information
class replaced withk-file-summary
-
upload actions buttons wrapper renamed from
k-upload-status
tok-upload-actions
-
upload: The following classes are being removed:
-
k-upload-status-total
removed fromk-upload-status
-
k-validation-icon
removed from upload-status icon -
k-file-name-invalid
removed from k-file-name -
k-text-success
and k-text-error removed fromk-validation-message
-
upload: Updated rendering of the upload area with button and input
-
upload: Added kendo prefix to all upload variables:
Change variable names from $upload-*
to $kendo-upload-*
.
- loader: Added kendo prefix to all loader variables:
Change variable names from $loader-*
to $kendo-loader-*
.
-
dialog: The following classes are being renamed:
-
k-dialog-actions
renamed tok-dialog-titlebar-actions
-
k-dialog-buttongroup
andk-dialog-buttons
renamed tok-dialog-actions
-
dialog: By default, the color of the titlebar is now the base color
and can be changed via the new themeColor property of the component
- dialog: Added kendo prefix to all dialog variables:
Change variable names from $dialog-*
to $kendo-dialog-*
.
- window: Added kendo prefix to all window variables:
Change variable names from $window-*
to $kendo-window-*
.
- notification: Added kendo prefix to all notification variables:
Change variable names from $notification-
to $kendo-notification-
- listbox: Added kendo prefix to all listbox variables:
Change variable names from $listbox-*
to $kendo-listbox-*
.
-
listbox: The following classes have been renamed:
-
k-listbox-toolbar
renamed tok-listbox-actions
-
k-listbox-toolbar-left
renamed tok-listbox-actions-left
-
k-listbox-toolbar-right
renamed tok-listbox-actions-right
-
k-listbox-toolbar-top
renamed tok-listbox-actions-top
-
k-listbox-toolbar-bottom
renamed tok-listbox-actions-bottom
-
progressbar: Add kendo prefix to all progressbar variables:
Change variable names from $progressbar-*
to $kendo-progressbar-*
.
-
progressbar: The following changes are introduced:
-
added
k-progressbar-value
class -
renamed css variable name from
--kendo-progressbar-progress
to--kendo-progressbar-value
-
appbar: Added kendo prefix to all appbar variables:
Change variable names from $appbar-*
to $kendo-appbar-*
.
- drawer: Added kendo prefix to all drawer variables:
Change variable names from $drawer-*
to $kendo-drawer-*
.
- drop IE support
- forms: Added
size
appearance property.
The size
appearance property generates component specific class name k-form-{size}
.
- forms: Added kendo prefix to all form variables
Change variable names from $form-*
to $kendo-form-*
.
-
pager: Added
size
appearance property: -
size
controls the overall physical size of the pager and it's components.
Generates pager specific class name k-pager-{size}
.
- pager: Added kendo prefix to all pager variables:
Change variable names from $pager-*
to $kendo-pager-*
.
- pager: Replaced pager numbers with buttons:
The rendering ot the Pager component has been changed to use buttons instead of spans.
- toolbar: Added
size
appearance property.
The size
appearance property generates component specific class name k-toolbar-{size}
.
- toolbar: Added kendo prefix to all toolbar variables
Change variable names from $toolbar-*
to $kendo-toolbar-*
.
5.12.0 (2022-11-28)
Bug Fixes
- switch: missing border utility dependency (d569cf3)
- treelist: missing text utility dependency (2ffbcc2)
Features
- chip: update chip colors based on design revision (4c1abac)
- icons: add k-icon-action class (9e35f34)
5.11.0 (2022-11-07)
Bug Fixes
- action-sheet: titblebar font size should be 16px (dfe83f7)
- filemanager: add spacing between labels and values in the preview pane (b20d88f)
5.10.0 (2022-10-21)
Bug Fixes
- calendar: incorrect default view width with week column (b5fefc3)
- pdf-viewer: add utils dependency (606e880)
Features
- add nuspec for themes (cf12568)
5.9.0 (2022-10-17)
Bug Fixes
- coloreditor: add focus for colorgradient inside coloreditor (13c95e3)
- signature: large signature should retain size when drawing (ee61f9c)
- toolbar: wrong or missing toolbar item focus styles (60fe96b)
Features
- extend action sheet styles to allow for custom content (073230b)
- filter: add focus styles (fbb1e69)
- material: use theme core in material theme (dd9252a)
- timedurationpicker: add component styles (6f35b78)
5.8.1 (2022-09-13)
Note: Version bump only for package @progress/kendo-theme-material
5.8.0 (2022-09-12)
Note: Version bump only for package @progress/kendo-theme-material
5.7.0 (2022-09-05)
Bug Fixes
- add calc function when calculating line-height-em (0f7a691)
- calendar: incorrect cell height (a80d70e)
- card: improve callout styles and remove unnecessery variables (7e8ab03)
- colorpicker: import missing coloreditor dependency (64dbc07)
- daterangepicker: allow $kendo-daterange-picker-input-width customization (8dee65a)
- dropdowngrid: import missing table dependency (53a72b8)
- popover: improve callout styles and remove unnecessery variables (26055ad)
Features
- badge: update styles to match updated badge component options (83d705d)
- pdf-viewer: update component to match latest design (8e25562)
- streamline interactive class names (041a9ee)
5.6.0 (2022-07-25)
Bug Fixes
- button: tweak large size so it's compatible with guidelines for mobile (34752f1)
- calendar: focus selector in material (bb2ff70)
- grid: remove highlighting of header row in detail grid (e992dfe)
- input: tweak large size so it's compatible with guidelines for mobile (7972c1b)
- list: tweak large size so it's compatible with guidelines for mobile (29bb58e)
- make the -chip-spacing to be overwrittable #3665 (55c4abd)
- progressbar: expose width property and set default value (ad776ca)
- remove space before comma in selectors (932ee9c)
- treeview: tweak large size so it's compatible with guidelines for mobile (fdc2a56)
Features
- calendar: add sizes for calendar component (0dc4981)
- progressbar: add circular progressbar styles (2b30b41)
- signature: add signature component styles (a71e6d6)
- time-selector: add sizes for time-selector component (00195fe)
5.5.0 (2022-06-13)
Bug Fixes
- input: merge input-ripple styles in input styles (7be8b2b)
- input: remove child button border for flat input and pickers (6a97e09)
- material: apply input ripple on the correct sides (d95a5ee)
- material: update input and picker colors to match latest material spec (e07ad4d)
- panelbar: expose $panelbar-border-style variable (cf5afac)
- scope solid input and picker styles (66e9357)
- toolbar: revert shading for indirect child button components (aa2c385)
Features
- drawer: add hierarchical item levels (115098b)
5.4.1 (2022-05-05)
Bug Fixes
- compatability with new state className syntax (c62c363)
5.4.0 (2022-05-02)
Bug Fixes
- chip: chip text color to depend on the base-text color rather than button-text (773465c)
- dropdown: update hover background-color and text to match design (95c5a9d)
- extract menu-button styles as a separate module (b20201a)
- extract split-button styles as a separate module (b52a8ba)
- floatinglabel: allow usage of k-invalid and k-focus classes (aec2ea9)
- gantt: dependency validation tooltip adjustments (bf7c6e8)
- input: add inline-start border to input button in default and material (133d29f)
- input: apply correct hover border-color to input in default theme (b4da2c1)
- input: apply correct styles to focused outline picker when hovered (9cec247)
- input: ensure correct styles are applied to input and picker when in invalid state (4cce02a)
- input: fix flat picker :focus:hover behavior in bootstrap (6939394)
- input: give flat input and picker border-radius on focus to match design (7a1cbdc)
- input: give flat picker background-color on hover state (1e54437)
- input: update flat input border-color on focus to match design (275748c)
- input: update input border-color in material to match design (a33b563)
- input: update input focus border-color in default to match design (fd01025)
- input: update solid input focus border in material to match design (8e0e266)
- menu: add missing button dependency (d070d37)
- treeview: allow sizing customization through default treeview variables (61b180d)
- update outline input and picker border-colors to match design (469a96b)
5.3.1 (2022-04-07)
Note: Version bump only for package @progress/kendo-theme-material
5.3.0 (2022-04-04)
Bug Fixes
- actionsheet: use subtle text variable for description styling (043ca4a)
- button: allow $kendo-solid-button-shade-function to be customized (83f8965)
- chip: add box-shadow none on focus (86b845d)
- chip: text color in dark swatches (1682fcc)
- chip: update solid chip background color to match design (18353e9)
- colorgradient: use subtle text variable for input labels (860853a)
- dropzone: use subtle text variable for note styling (8a416c1)
- expansion-panel: use subtle text variable for sub title styling (53ca03c)
- floating-label: add offset in front of floating-label in material theme (5322dfc)
- taskboard: use hover color for focus state (f81ba93)
Features
- common/loading: add variables for loading indicator (d271873)
- scheduler: add ongoing event styles (60c6108)
- utils: add aspect-ratio utility classes (51dfc5a)
5.2.0 (2022-02-21)
Bug Fixes
- change default border radius in material theme (54a6aa9)
- floating-label: fix rtl display when floatiating label is placed inside container with [dir=rtl] (14e401e)
- input: conditionally set spinner offset to calculated or auto (04d5b35)
- notification: customizable theme variables (ed8ae78)
- pivotgrid: add missing padding between icon and text in pivotgrid cells (e84fe7c)
- pivotgrid: add vertical borders for the legacy pivot rendeing in Material theme (c9194cd)
- rename border-radius to kendo-border-radius (54698d6)
Features
- add disabled state variables for input and picker high-level components (d85b305)
- gantt: add dependency validation tooltip styles (ebd1031)
- improve component options sizings as per desing (d927a16)
5.1.1 (2022-01-24)
Bug Fixes
- scope theme colors variables to avoid conflicts with bootstrap (3713876)
5.1.0 (2022-01-24)
Note: Version bump only for package @progress/kendo-theme-material
5.0.1 (2022-01-19)
Bug Fixes
- button: apply correct styling to clear button (351a902)
- daterangepicker: set default width for dateinputs (de493c9)
5.0.0 (2022-01-18)
Bug Fixes
- charts: update chart series colors (8866736)
chore
- scheduler: remove legacy styles for kendo-angular-scheduler toolbar (94e093b)
Features
- autocomplete: add size, rounded and fill customization to autocomplete (de93be6)
- avatar: add rounded customization to avatar (9d663e4)
- button: add size, shape and color customization to button (db31d3f)
- checkbox: add sizing property to checkbox (b60493d)
- chip: add size rounded customization to chip (1c2c8c0)
- color-picker: add size, shape and color customization to color picker (ea83616)
- combobox: add size, shape and color customization to combobox (3454223)
- date-input: add size, rounded and full customization to date input (c19da4f)
- date-picker: add size, rounded and full customization to date picker (b137bca)
- daterange-picker: add size, rounded and full customization to date range picker (5f48054)
- datetime-picker: add size, rounded and full customization to date-time picker (9d98b62)
- dropdown-list: add size, shape and color customization to dropdown list (1a529a8)
- dropdown-tree: add size, shape and color customization to dropdown tree (7907d94)
- fab: standartize appearance options (6a9dfdb)
- input: add new high-level input component (6f45cf0)
- list: add size customization to list (1509542)
- masked-textbox: add size, rounded and fill customization to masked textbox (995dc3f)
- menu-button: add size customization to menu button (45a0864)
- menu: add size customization to menu list and menu items (7e0b9d1)
- multiselect: add size, rounded and fill customization to multiselect (11a2cab)
- numeric: add size, rounded and fill customization to numeric (8e16cd2)
- radio: add sizing property to radio (afb6cc3)
- searchbox: add size, rounded and fill customization to searchbox (0e75886)
- switch: add size and rounded customization to switch (10a7a02)
- table: add sizing to table component (ae7b643)
- textarea: add size, rounded and fill customization to textarea (cc6c6fb)
- textbox: add size, rounded and fill customization to textbox (797937e)
- time-picker: add size, rounded and full customization to time picker (c8db5cb)
- treeview: add sizing property to treeview (0b92f78)
infra
- publishing: do not include flattened dependencies in distributions (6dd9537)
BREAKING CHANGES
- fab: Convert monolithic FAB styles to multiple class names.
Styles are split in multiple class names with each being scoped to a single FAB appearance property:
shape
- controls if the FAB is square or not;size
- controls the overall physical size of a FAB;themeColor
- controls which color is used to style a FAB;fillMode
- controls how the color is applied;rounded
- controls what border radius is applied to a FAB.- fab: the shape option now supports
rectangle
andsquare
. - fab: themeColor class is now composite -
k-fab-{fillMode}-{themeColor}
. - fab: Add kendo prefix to all FAB variables
- treeview: Add sizing property to TreeView
- multiselect: Use high-level input for multiselect base
Multiselect reuses the input base component size, rounded and fill component options.
- multiselect: Use chip list for item selection
- chip: Add kendo prefix to all avatar variables
Change variable names from $chip-*
to $kendo-chip-*
.
- table: Add kendo prefix to all table variables
Change variable names from $table-*
to $kendo-table-*
.
- list: List size is now applied by a dedicated class.
- list: Rename list state variables.
- list: Add kendo prefix to all list variables
Change variable name from $list-*
to $kendo-list-*
.
- menu: Convert monolithic menu styles to multiple class names
- menu-button: Convert monolithic menu button styles to multiple class names
- avatar: Removed shape option from avatar.
The avatar has fixed width and height, thus no dedicated shape option is needed. Instead, the avatar has rounded appearance property set to circle by default.
The styles of the avatar are split into multiple class names with each being scoped to a single appearance property:
size
controls the overall physical size of an avatar;themeColor
controls which color is used to style an avatar;fillMode
controls how the color is applied;rounded
controls what border radius is applied to an avatar.
Each property generates component specific class name k-avatar-{size}
,
k-avatar-{fillMode}
, k-avatar-{fillMode}-{themeColor}
.
Note: without fillMode
, there is no way to apply themeColor, that's why
the themeColor
class is composite.
The only notable exception is rounded, which sets the same class name
for all components -- k-rounded-{rounded}
.
You can find more information about the values of each property in the documentation of the button component -- /docs/components/avatar.
- avatar: Add kendo prefix to all avatar variables
Change variable names from $avatar-*
to $kendo-avatar-*
.
- daterange-picker: Use high-level input for date range picker base
Date range picker reuses the input base component size, rounded and fill component options.
- datetime-picker: Use high-level input for date-item picker base
Date-time picker reuses the input base component size, rounded and fill component options.
- time-picker: Use high-level input for time picker base
Time picker reuses the input base component size, rounded and fill component options.
- date-picker: Use high-level input for date picker base
Date picker reuses the input base component size, rounded and fill component options.
- date-input: Use high-level input for date input base
Date input reuses the input base component size, rounded and fill component options.
- color-picker: Use high-level picker for color picker base
Color picker reuses the picker base component size, rounded and fill component options.
- dropdown-tree: Use high-level picker for dropdown tree base
Dropdown tree reuses the picker base component size, rounded and fill component options.
- dropdown-list: Use high-level picker for dropdown list base
Dropdown list reuses the picker base component size, rounded and fill component options.
- combobox: Use high-level input for combobox base
Combobox reuses the input base component size, rounded and fill component options.
- autocomplete: Use high-level input for autocomplete base
Autocomplete reuses the input base component size, rounded and fill component options.
- searchbox: Use high-level input for searchbox base
Searchbox reuses the input base component size, rounded and fill component options.
- masked-textbox: Use high-level input for masked textbox base
Masked textbox reuses the input base component size, rounded and fill component options.
- numeric: Use high-level input for numeric textbox base
Numeric textbox reuses the input base component size, rounded and fill component options.
- textarea: Use high-level input for textarea base
Textarea reuses the input base component size, rounded and fill component options.
- textbox: Use high-level input for textbox base base
Textbox reuses the input base component size, rounded and fill component options.
- input: Add new high-level input and picker component
Previously, the various form components did not share or reuse code. Now, we have have to base components: input and picker, that hold the bulk of styling needed. In addition, styles are split in multiple class names with each being scoped to a single component appearance property:
size
controls the overall physical size of a component;themeColor
controls which color is used to style a component;fillMode
controls how the color is applied;rounded
controls what border radius is applied to a component.
Each property generates component specific class name k-input-{size}
,
k-input-{fillMode}
, k-input-{fillMode}-{themeColor}
.
Note: without fillMode
, there is no way to apply themeColor, that's why
the themeColor
class is composite.
The only notable exception is rounded, which sets the same class name
for all components -- k-rounded-{rounded}
.
You can find more information about the values of each property in the documentation of each respective component -- /docs/components/....
- input: Remove residual styles
No further customization is applied to input and picker components when hosted inside other components, except in very few specific cases.
- input: Add kendo prefix to all variables
Change variable names from $input-*
to $kendo-input-*
.
- radio: Add sizing property to radio
There is a new aptly named property, size
, for radio button which
controls the overall physical size of a radio button.
- radio: Add kendo prefix to all radio variables
Change variable names from $radio-*
to $kendo-radio-*
.
- checkbox: Convert monolithic checkbox styles to multiple class names
Previously, k-checkbox
held all the styling information related to
the checkbox component. Now, styles are split in multiple class names
with each being scoped to a single checkbox appearance property:
size
controls the overall physical size of a checkbox;rounded
controls what border radius is applied to a checkbox.- checkbox: Add kendo prefix to all checkbox variables
Change variable names from $checkbox-*
to $kendo-checkbox-*
.
- switch: Convert monolithic switch styles to multiple class names
Previously, switch class names held too much styling information that made customizing the switch hard. Now, styles are split in multiple class names with each being scoped to a single switch appearance property:
size
controls the overall physical size of a switch;trackRounded
controls what border radius is applied to the switch track;thumbRounded
controls what border radius is applied to the switch thumb.
You can find more information about the values of each property in the documentation of the button component -- /docs/components/switch.
- switch: Remove residual switch styles
No further customization is applied to buttons when hosted inside other components, except in very few specific cases.
- switch: Add kendo prefix to all switch variables
Change variable name from $switch-*
to $kendo-switch-*
.
- button: Convert monolithic button styles to multiple class names
Previously, k-button
held all the styling information related to
the button component. Now, styles are split in multiple class names
with each being scoped to a single button appearance property:
shape
controls if the button is square or not;size
controls the overall physical size of a button;themeColor
controls which color is used to style a button;fillMode
controls how the color is applied;rounded
controls what border radius is applied to a button.
Each property generates component specific class name k-button-square
,
k-button-{size}
, k-button-{fillMode}
, k-button-{fillMode}-{themeColor}
.
Note: without fillMode
, there is no way to apply themeColor, that's why
the themeColor
class is composite.
The only notable exception is rounded, which sets the same class name
for all components -- k-rounded-{rounded}
.
You can find more information about the values of each property in the documentation of the button component -- /docs/components/button.
- button: Remove residual button styles
No further customization is applied to buttons when hosted inside other components, except in very few specific cases.
For instance, in Material theme we would slightly dim the normal buttons and remove the shadow, which may or may not be desired.
- button: Add kendo prefix to all button variables
Change variable names from $button-*
to $kendo-button-*
.
-
scheduler: Remove legacy styles for kendo-angular-scheduler
-
charts: Updates the chart series colors to match the update designs
-
add compatibility swatches called ending with v4
-
publishing: Do not include flattened dependencies in distributions
4.44.0 (2022-01-18)
Bug Fixes
- add styles for virtual scroller component (0e1c521)
- appbar: make horizontal and vertical padding symetrical (6504cad)
- autocomplete: convert styles to universal v4 rendering (dbf7bcf)
- button: add extra styles for link button (f90e61d)
- button: add extra styles for outline button (8100b97)
- button: add extra styles for solid button (3aabce4)
- button: do not override button focus shadow in button group (b806e0e)
- button: increase border radius from 2px to 4px (d4d1beb)
- button: increase button height to match the input (b262bf3)
- button: material button should not be translucent when disabled (efc209a)
- chat: remove border from message box buttons (38ba0dc)
- chat: remove redundant textbox styles (339c301)
- checkbox-radio: add styles for checkbox radio wrap for better alignment (3f2e22f)
- checkbox: improve ripple styles (122a208)
- color-editor: make gap between current and preview color consistent (6e2a06f)
- color-picker: convert styles to match universal rendering (9d46df1)
- column-menu: ensure all child content is 100% wide (fd954fe)
- column-menu: use corretly derived padding variables (6da6b59)
- combobox: update styles to match universal v4 rendering (8408f7c)
- daterange-picker: extract daterange picker styles as a separate module (02b3560)
- dropdown-list: update styles to match universal v4 rendering (eb21b75)
- ensure consistent width for inputs and pickers when inside toolbar and other containers (503e68b)
- ensure correct font sizes for xs sm md lg and xl (1615afa)
- form: make form-buttons alias of action buttons (0510a42)
- grid: fix buttons misalignment in grid toolbar and group indicator (aeee0ab)
- grid: remove separate hover styling on detail row container (1be1790)
- image-editor: introduce variable to set action pane width (fff9c07)
- input: make all inputs to match filled material input (9731e30)
- list: better alignment for checkboxes in multiline scenario (d87921a)
- listbox: ser default width to 10 em (20 characters) (6be4719)
- list: use correct colors for various list parts (efac2c6)
- list: use correct variable values for list and items (15bfcb3)
- masked-textbox: apply correct appearance in material theme (071ab28)
- menu: add styles for selected menu item (1236f1a)
- numeric: convert styles to v4 universal rendering (f12f787)
- pager: set default width for inputs 5 em (10 characters) (f8332af)
- pdf-viewer: reuse toolbar variables for pdf-viewer search (5c0f71c)
- pivot: add styling to configurator chips (2a11514)
- popup: make padding of popups 0 (d567a72)
- radio: improve ripple styles (9c2cc66)
- scheduler: adjust edit fields container dimensions and layout (f209db1)
- searchbox: convert styles to v4 universal rendering (d38a6d4)
- set default input width to 10 em (20 characters) (17fbebc)
- slider: classic slider should be 56 pixels wide (de0fec4)
- table: add styles for sticky table group header (da9199f)
- tabstrip: unify tabstrip content padding (d35feb9)
- toolbar: add menu component as dependency to toolbar component (90eeb13)
- toolbar: move styles for toolbar overflow container in toolbar files (148a0ab)
- treeview: streamline treeview styles to match design better (23a80f3)
- treeview: use correct variable values for treeview and items (37f271a)
- use correct font-size for inputs (f59582f)
- utils: replace circle and pill with full border-radius option (4bf37c6)
Features
- date-input: extract date input styles into a separate folder (061868a)
- date-picker: extract date picker styles into a separate folder (c3633bd)
- datetime-picker: extract datetime picker styles into a separate folder (e269119)
- list: extract styles for list component (bff7748)
- panelbar: adds variables to allow customization when expanding panelbar (37215ea)
- table: add styles for table component (639ea3f)
- time-picker: extract time picker styles into a separate folder (d5e5888)
- time-selector: extract time selector styles into a separate folder (d16b90c)
4.43.0 (2021-11-29)
Bug Fixes
- autocomplete: use correct colors for invalid state (f2f0144)
- chat: remove redundant styles for textbox (37587e2)
- chat: reuse button input and toolbar variables (371e9c4)
- editor: use explicit box-sizing for image resizing (98f459e)
- make edit-buttons container alias of actions container (04cdf04)
- resolve w3c validator errors (c65cb67)
- scheduler: remove further customization from mobile scheduler views dropdown (db3733a)
- separator: streamline separator styles (3a4cc7a)
- tabstrip: unify tabstrip appearance inside window (e3c3336)
- use consistent border width for select button in inputs and pickers (d517f2a)
- utils: use different border-radius for different themes (c3991c7)
Features
4.42.0 (2021-10-18)
Bug Fixes
- button: update button dependencies to include typography (5bff00a)
- captcha: import missing dependencies (0c79daa)
- orgchart: import missing dependencies (bc8d649)
- toolbar: apply correct color to disabled primary button (9551ebf)
Features
- chip: update component to match latest design (5b63b95)
- colorpicker: update component rendering and styles to match latest design (a0bb137)
- fab: update styles to match the latest design (31c1615)
- utils: extract theme color utility classes into utils module (e1b51df)
4.42.0-dev.0 (2021-10-18)
Bug Fixes
- button: update button dependencies to include typography (5bff00a)
- captcha: import missing dependencies (0c79daa)
- orgchart: import missing dependencies (bc8d649)
- toolbar: apply correct color to disabled primary button (9551ebf)
Features
- chip: update component to match latest design (5b63b95)
- colorpicker: update component rendering and styles to match latest design (a0bb137)
- fab: update styles to match the latest design (31c1615)
- utils: extract theme color utility classes into utils module (e1b51df)
4.41.2 (2021-09-13)
Bug Fixes
- button: button uses incorrect colors in material dark swatches (c958e5a)
- button: clear button should inherit color (289985f)
- buttons: apply correct color of the Material primary outline button in selected state (6224d28)
- checkbox: checkbox uses incorrect colors in material dark swatches (ced2117)
- chip: chip uses incorrect colors in material dark swatches (52cf719)
- dark-swatches: use conditional border color based on theme luminosity (14c2d01)
- dataviz: dont override selection colors with series colors (0a53881)
- dataviz: use conditional black or white colors for chart lines (e205eda)
- drag-drop: drag hint uses incorrect colors in material dark swatches (9350a10)
- grid: don't use transparent background for headers (0388b59)
- grid: grid uses incorrect colors in material dark swatches (f69bbf7)
- material: add the option to auto ajust contrast for material swatches (058c115)
- material: tweak the value of pink 500 to have better contrast against white (0fc9eff)
- notification: notification icons are misaligned with text in material theme (c3b55a4)
- pager: pager uses incorrect colors in material dark swatches (013090b)
- progressbar: progressbar uses incorrect colors in material dark swatches (c232291)
- radio: radio button uses incorrect colors in material dark swatches (0091c3d)
- rename Fuschia swatch to Nova (8773e40)
- skeleton: use correct colors in dark swatches (fbdde90)
- slider: slider uses incorrect colors in material dark swatches (96ea086)
- textarea: textarea uses incorrect colors in material dark swatches (98558db)
- tweak material swatches to ensure better contrast ratio (4b4aaea)
4.41.2-dev.2 (2021-09-13)
Note: Version bump only for package @progress/kendo-theme-material
4.41.2-dev.1 (2021-09-11)
Note: Version bump only for package @progress/kendo-theme-material
4.41.2-dev.0 (2021-09-08)
Note: Version bump only for package @progress/kendo-theme-material
4.41.1 (2021-09-06)
Bug Fixes
- sheduler: scheduler resource cells should not flex (8e848d3)
4.41.0 (2021-08-13)
Bug Fixes
- grid: import skeleton dependency (632c4b8)
Features
- add captcha styles (f0eef52)
- add orgchart styles (2e237ef)
- add popover styles (28f352c)
- pager: add focusable styles to component (9971077)
- tabstrip: extend scrollable and sortable tabs styles (29ae422)
4.40.1 (2021-07-28)
Note: Version bump only for package @progress/kendo-theme-material
4.40.0 (2021-07-26)
Bug Fixes
- remove most extend clauses (a52abab)
- calendar: add calendar caption styles, reuse existing styles and remove legacy styles (6d5f33e)
- calendar: remove legacy styles for kendo-react calendar (0d6411e)
- checkbox: use single set of variables for styling indeterminate state indicator (5380db2)
- listgroup: unlink listgroup variables from cell variables (7f72e0b)
- mediaplayer: do not apply additional styling for media player toolbar (32aee36)
- mediaplayer: use consistent padding for media player header (3461ecf)
- spreadsheet: do not extend flat buttons in spreadsheet (1a3ac4e)
- remove duplicate styles for action buttons (a1ad2de)
- remove unused cell-padding-sm variable (0812298)
- remove usages of background-clip styling (accb3ef)
- remove usages of extend text-selection (33948d8)
- rename cell-padding variables to table-cell-padding (14205be)
- update swatches schema (b2fa497)
- wrong box-shadow when look is set to flat (270ca93)
- editor: remove explicit shading of editor find replace dialog (432b6a2)
- grid: extract grid edit cell variables (8a33349)
- grid: remove form field customizatin in grid (0253ed9)
- grid: use more predictable spacing between buttons in command cells (b000af4)
- pager: use consistent padding for pager (e17a60f)
- scheduler: introduce variables for scheduler cell padding (0760a37)
- scrollview: change light/dark bg opacity (d1d2250)
- taskboard: pane spacing is not consistent with action buttons (9ff8244)
- toolbar: use consistent padding for toolbar (9fbce08)
- upload: disconnect upload variables from toolbar (31fc9a3)
- upload: use spacing map to size upload items (42bad6b)
Features
- checkbox: allow glyph, image and marke for checked and indeterminate state (9db64a4)
- pivotgrid: update pivotgrid to match latest design (4697557)
- radio: allow glyph, image and marker for checked state (f49034b)
- expose endpoint for swatches consuption via js (0c7cb4f)
3.34.0 (2021-06-14)
Bug Fixes
- expansionpanel: import missing dependencies (a4164ad)
- floating-label: vertically align dropdowns with floating label (892fdda)
- grid: add pager focus styles (2c1d642)
- grid: apply correct selected and hover styles on sticky cells in React Grid (1a9268f)
- grid: do not apply styles for nested dateinput (780a1af)
- material: revert chart series colors (a240080)
- material: switch to american english spelling for gray (eda65d0)
- window: add missing titlebar gradient variable (b1a334d)
- modify chip shadow to match design (4bbb886)
- grid: import missing spacer dependency (93b8d75)
- panelbar: apply correct focus styles in Material theme (6e655aa)
- update draghandle focus state (4dc5fd9)
- scrollview: add missing px units for height calc (0fdc4d5)
Features
- core: add styles for stack and grid layout (171e9ae)
- core: extract extra scss file with common styles (7697789)
- grid: add k-grid-toolbar-bottom styles (65c18f2)
- extract core module (4d0cfda)
3.33.1 (2021-05-04)
Note: Version bump only for package @progress/kendo-theme-material
3.33.0 (2021-05-04)
Features
- expose certain swatches to theme builder (9f75bc5)
3.32.0 (2021-04-16)
Bug Fixes
- adaptive: use component and app colors for adaptive styling (b38436e)
- appbar: use light and dark colors for light and dark appbar (3346deb)
- calendar: update calendar colors to match latest design spec (fdfc48c)
- color-system: update selected hover colors (d2daeaa)
- dataviz: use linked chart colors for crosshair (a7a9313)
- drawer: use component- variables for drawer styles (60d11b6)
- filter: use subtle text variable for filter styling (2eba3f6)
- grid: filter menu items spacings (02e2f54)
- grid: use correct colors for grid colum menu styles (fc1f85c)
- loader: use component- variables for loader styles (d2a9808)
- panelbar: change panelbar-bg to white (f27f218)
- pivotgrid: use correct colors for pivotgrid (4dd2df2)
- slider: use correct variables for material slider (8040af2)
- splitter: tweak splitbar colors (9b978ef)
- spreadsheet: use component- variables for spreadsheet styles (fb20ad7)
- timepicker: align timepicker colors to design spec (ec115cc)
- upload: use component- variables for upload styles (b814610)
Features
- action-sheet: add styles for action sheet (a6fc80c)
- button: align button colors to design specification (1d40910)
- button: update button spacing (b539940)
- panelbar: styles update (613d2a3)
- scheduler: add year view styles (96647f1), closes #2229
- skeleton: component styles (3a31ce0)
- add styles for drag cell (35c043b)
- add TaskBoard styles (fe98511)
- increase contrast of textual colors (da847d9)
3.31.1 (2021-03-29)
Bug Fixes
3.31.0 (2021-03-15)
Features
- grid: update filter menu styles based on latest design (ae4785e)
- add styles for action buttons with stretched layout in window and dialog (810c300)
3.30.0 (2021-03-04)
Bug Fixes
- breadcrumb: update breadcrumb styling to match in material and bootstrap design (5965c1d)
- calendar: use subtle-text variable for calendar styles (61099cd)
- chip: improve chip icon and remove icon colors (dea1bcf)
- colorpicker: use correct styling for colorpicker interactive states (0131f19)
- colorpicker: use subtle text variable in colorpicker styling (e8df2cf)
- combobox: use correct styling for combobox interactive states (9702a14)
- datetime: use correct styling for datetime buttons interactive states (f9be1ba)
- dragdrop: remove duplicated drag drop styles (560c8eb)
- dropdown: use correct styling for dropdown interactive states (1ed026a)
- forms: apply max-width to form-field-wrap (bee6f6d)
- image-editor: reduce colors used by image editor (0860168)
- material-theme: replace usages of darken with shade (f439962)
- menu: use subtle text for menu styles (bd6d5f9)
- multiselect: use corect colors for multiselect in material theme (9999811)
- numeric: use correct styling for numeric buttons interactive states (1aa2a5d)
- numerictextbox: apply correct min-width to spinner buttons (0bf02b8)
- rating: use subtle-text variable for rating styling (47f7a42)
- scheduler: use subtle-text variable in scheduler styling (48be667)
- split-button: use subtle text for split button styling (4072c38)
- stepper: use subtle-text and disabled-text variables for stepper styling (0d140ad)
- switch: update switch styles to match material and boostrap designs (61129a3)
- switch: use current width for thumb left position (4456d85)
- tabstrip: use subtle-text variable for tabstrip styling (eb2347b)
- upload: remove redundant color variables (74cd4a5)
- upload: use subtle-text variable for upload styling (8fa18b6)
- window: remove opacity of window titlebar actions (2e73af8)
- add styles for content focus TabStrip and Wizard telerik/kendo#12197 (5f9d382)
- reduce color complexity in slider and progressbar (d586ce0)
- use subtle-text variable for forms and input styling (0c49b7e)
- use subtle-text variable for styling cards and chat components (1d2728b)
Features
- add subtle text variable to be used as secondary text (8b9322f)
3.29.0 (2021-02-15)
Bug Fixes
- update drag hint font-size and line-height to match grouping indicator's (3e7b253)
- stepper: Stepper uses progressbar element but does not include the progressbar styling (b1ece1c)
Features
- notification: generate notification-themes map dynamically (485f9a3)
- overlay: extract overlay as a separate component (0e596ab)
- utils: add border width utility classnames (69ac5c7)
- update styles to match the new design (45b4abc)
3.28.0 (2021-01-13)
Bug Fixes
- chart: inherit pane title font (7db96ca)
Features
- add $chart-pane-title-font-weight variable (2daf251)
3.27.0 (2021-01-07)
Bug Fixes
- clear-value icon wrong width (acb7266)
- missing clear button focus state (26eab30)
- chart: set area opacity to 0.6 (e1fc2c4)
- grid: add styles for focused column menu button (0ab43e9)
- grid: import textbox as a dependency (0adbaa1)
- extract :focus-within styles to ensure IE 11 compatibility (136b048)
- textarea: reuse styles for material textarea (b5652d0)
Features
- chart: add default inactive opacity for area series (6f3a175)
- chart: add default inactive opacity for line series (156d38c)
- chart: new series colors (706f02b)
- utils: add utility classes for order (6221ba1)
- utils: add utility classes for overflow (953ea45)
- utils: add utility classes for pointer events (46fa35e)
- utils: add utility classes for resizing textarea (126ac02)
- utils: add utility classes for touch action (025d5c0)
- utils: add utility classes for user select (0dc3da8)
3.26.0 (2020-12-21)
Bug Fixes
- checkbox: improve spacing between checkbox list items (7e244a0)
- checkbox: remove intricate checkbox animation for material theme (c5a9336)
- fab: add disabled focus shadow (f659ec5)
- multiviewcalendar: view header misalignment (94714b5)
- radio: improve spacing between radio list items (8a168ec)
- reduce expander content padding (2c53d13)
- separator wrong color (04f5a39)
Features
- slider: introduce slider custom properties (css vars) (6121f38)
3.25.0 (2020-12-15)
Bug Fixes
- fab: constrain circle and square shapes in size (a06627e)
- scrollview: update styles based on latest design (ba5a4e9)
Features
- card: focus styles (dbca46b)
- multicolumncombobox: design update and adjustments (6670fda)
- timeline: focus styles (ee8453f)
3.24.0 (2020-12-10)
Bug Fixes
- sort indicator not visible if text overflows (06c9caa)
- datetime: hover style for single k-link hover (82db441)
- fab: line height issue in material and bootstrap themes (80f03e3)
- fab: remove focus outline and add box-sizing to item icons (f07f5da)
- grid: use toolbar styles for grid toolbar (f429b96)
Features
- bottom-navigation: add styles for bottom navigation component (5c97343)
- column-menu: update spacings based on latest design (b82f31c)
- datetimepicker: add milliseconds column in popup picker (8f20baf)
- tilelayout: navigation shadow (2aedeff)
- utils: add styles spacer utility classnames (b0e3902)
3.23.0 (2020-12-03)
Bug Fixes
- ripple effect for checkboxes and radios (7dfce23)
- autocomplete: remove redundant autocomplete variables (5eebb0c)
- material: ensure inputs have correct height of 36 pixels (fd535fb)
- rework input clear icon styles: (8457bf7)
Features
- grid: add focus shadow to the cells on native browser focus (28290d9)
- grid: col menu group header styles (28ce0d4)
3.22.0 (2020-11-16)
Bug Fixes
- calendar: adjust spacing (575dbcd)
- grid: import float utility (8e7aa96)
- loader: use precise metrics that correspond to our sizing system (6648a90)
- notification: use correct metrics in material theme as per guidelines (2274ecf)
- panelbar: allow native :focus styles on items (781c91c)
- typography: streamline typography variables (da6a879)
- window: update window styles to match new font style metrics (9c36541)
Features
- fab: add styles (5d25359)
- loader-container: add component styles (987e603)
- notification: add styling based on theme colors (ad97348), closes telerik/kendo-themes#1981
3.21.2 (2020-11-05)
Bug Fixes
- adaptive: require toolbar styles explictly (326945d)
- chat: require toolbar styles explictly (0a96c6e)
- checkbox: do not base checkbox variables on input variables (d172930)
- checkbox: use correct hover border (afd9d89)
- colorpicker: require utils/flex styles explictly (3d00ce4)
- dataviz: require tooltip styles explicitly (e308203)
- dropdowngrid: require toolbar variables explicitly (5bb3eff)
- editor: require toolbar styles before upload styles (676ca40)
- file-manager: require toolbar styles before upload styles (71b328e)
- floating-label: font-size and height based on input-font-size (0c61a43)
- floating-label: require input variables explicitly (8231f94)
- forms: require common styles explicitly (e9a5314)
- input: require button variables explictly (069aeed)
- menu: require popup styles explicitly (c6b110a)
- pager: require toolbar variables explicitly (61253bb)
- popoup: require button styles explicitly (dbea54c)
- popup: require input styles explicitly (514d0c7)
- splitter: do not base splitbar variables on button variables (aac856b)
- spreadsheet: require toolbar styles before upload styles (15833ff)
- treeview: do not base treeview variables on button variables (3005f6d)
- upload: require toolbar variables explicitly (99b4319)
- utils: require typography variables explicitly (9ff3176)
3.21.1 (2020-11-02)
Note: Version bump only for package @progress/kendo-theme-material
3.21.0 (2020-10-20)
Bug Fixes
- checkbox: kendo-theme-bootstrap checkboxes should be consistent with bootstrap checkboxes (bca8369), closes telerik/kendo-ui-core#5719
- checkbox: use calc to calculate checkbox dash width (0fe5d5b)
- grid: apply correct Numeric styles in edit row (b9d4b3e)
- radio: kendo-theme-bootstrap radios should be consistent with bootstrap radios (71c0c0f), closes telerik/kendo-ui-core#5719
Features
- avatar: sizes, shapes and colors to avatar (4010ff8)
3.20.0 (2020-10-13)
Bug Fixes
- actions: extract actions variables into separate files (ad38523)
- adaptive: extract adaptive components variables into separate files (1ff59ab)
- button: extract button variables (44a3806)
- card: extract card variables into separate files (d5bb957)
- form: extract form variables into separate files (605019e)
- grid: restyle the grid footer (68f048f)
- grid: validation popup position in Material theme (c01b44e)
- input: extract input variables into separate files (c1889b5)
- menu: extract menu variables into separate files (96f8021)
- notification: declare poup as explicit dependency (b19a8ff)
- pager: extract pager variables into separate files (de4707c)
- panelbar: extract panelbar variables into separate files (9b47ece)
- popup: extract popup variables (94dc5f9)
- progressbar: center progress label inside progressbar (6402819), closes telerik/kendo-themes#1945 telerik/kendo-themes#1947
- progressbar: extract progressbar variables into separate files (000040f)
- scheduler: extract scheduler variables into separate files (26c9c9a)
- scheduler: use uniform values for shceduler nonwork and othermonth cells (3eaa95b)
- toolbar: extract toolbar variables (5126f1d)
- typography: extract typography variables into separate files (5315fa4)
- window: extract window variables (2011e06)
Features
3.19.2 (2020-09-15)
Bug Fixes
3.19.1 (2020-09-14)
Bug Fixes
- set top margin to the form hint (f8843cf)
- gantt: adjust planned vs actual styles telerik/kendo#11149 (a055c1a)
- remove soldomly used header-hover and header-selected variables (9fb414f)
- gantt: make delete over offset always visible telerik/kendo#11149 (f89970c)
- radio: invalid radio styles are missing in kendo-jquery (#1122) (24d74eb)
3.19.0 (2020-09-08)
Bug Fixes
- button: improve material button styles (4a8bd6f)
- card: generate styles for theme colors (c7f6e3f)
- card: improve card callout styles (cc1f20b)
- card: make typography for material cards a bit more compact (9b68500)
- card: refactor card actions to behave as expected (6421f0d)
- input: extract input styles as a separate module (c67e163)
- toolbar: make toolbar container for buttons (cee0b45)
- remove clear button active background (8606e58)
Features
- editor: add find and replace dialog styles (4676a4d)
- gantt: add styles for gantt with treelist rendering (e9e9c9d)
- gantt: add styles for Planned vs Actual telerik/kendo#11149 (23a1ffa)
- imageeditor: add component styles (00762f8), closes #1801
- utils: overflow classes (025cdb5)
3.18.0 (2020-08-06)
Bug Fixes
- grid: update locked columns styling (b62d304)
- grid: update sticky borders (ad14ba6)
- add missing px units to 0 variables (c6684bf)
- always pass value to border-*-radius mixins (efffbe8)
- remove unused mixins (cc024cf)
- cards: update styles to match latest design (da77702)
- common: expose utils into separate module (1946a85)
- dialog: remove customization from dialog buttons in material theme (55aae76)
Features
- button: add clear button styling (a87a61e)
- add TextArea styles (cffdde6)
- provide additional theme color classes (6a91e68)
- badge: rework badge styles to use stacked styles (04c279f)
- provide styling for action buttons (d852003)
3.17.0 (2020-07-22)
Bug Fixes
- action-buttons: unify action buttons appearance (9020c4e)
- treelist: update treelist footer row styling (eca6d82)
Features
- editor: add placeholder styles (949806d)
3.16.0 (2020-06-09)
Bug Fixes
- add !optional flag to k-text-selection (72f3c4d)
- avatar: remove margin (d84f6cd)
- gantt: use correct variables for base gantt styling (fe0938b)
- multiselect: tags styling when in k-edit-field (7d92b79)
- pager: use correct variables for pager border (d31c80b)
- pdf-viewer: add missing variables for bg, text and border (19ec383)
- upload: add max-height and scroll (815f766)
- wizard: update step focus state (27094c9)
Features
- wizard: add styling and tests for Wizard component (c66958d)
3.15.2 (2020-05-20)
Bug Fixes
- drawer: focused and selected style in bootstrap and material telerik/kendo-themes/issues/1550 (afbe808)
3.15.1 (2020-05-11)
Bug Fixes
- forms: place optional label below label in horizontal forms (5fbc252)
- stepper: update steps hover styling (9119340)
3.15.0 (2020-05-08)
Bug Fixes
- forms: various fixes and adjustments (24b96bc)
- listview: add styles for various listview settings (6b218a5)
- messagebox: add link style (2b00a57)
- scheduler: scheduler toolbar should cast shadow over scheduler content (211c01e)
- scheduler: use toolbar styles for scheduler toolbar (6b7a40f)
- stepper: add color contrast for progressbar/border future steps (223effd)
- upload: update colors to match the new design (3375e05)
Features
- dropzone: add external dropzone styling and tests (0879f80)
- tilelayout: add styles (82ccd6a)
- treeview: add styles for tree view load more functionality (d4576c4)
- upload: update styling to match the design (553a69e)
3.14.0 (2020-04-09)
Bug Fixes
- forms: various fixes and improvements (b847a02)
- progressbar: progress is broken when a custom width/height is set (ae46b9e)
- unify error statesfor input components (8e9b2de)
Features
- add Cursor styles (24bcdce)
- forms: implement forms styling (0fc957c)
- stepper: add stepper styles (359c37c)
3.13.0 (2020-04-02)
Bug Fixes
- editor: remove editor specific styles for toolbar and rely on global toolbar styles (a954999)
- filemanager: use sizing system to set spacing in filemanager (57a7244)
- grid: remove frozen columns hover row background opacity (4026df5)
- pager: update pager numbers focus/selected states (f38081e)
- introduce map with predefined spacing values (235530c)
Features
3.12.0 (2020-03-30)
Bug Fixes
- upload: use try-shade to determine upload button background (0ad027a)
- use flattened theme to build swatches against (be5cc16)
Features
- listview: allow listview content to have grid or flex layout (09a9d52)
- pager: add styling for standalone pager component (f7cecc8)
3.11.1 (2020-03-17)
Bug Fixes
- colorpicker: boot and mat inherit default (b86a098)
- colorpicker: use fill mixin (0ee0837)
- dataviz: use fill mixin (06e4d09)
- datetime: use fill mixin (d521d7a)
- dropdownlist: decrease size of select button in material (f91799a)
- editor: use fill mixin (02f8af0)
- notification: use fill mixin (80e6d9b)
- toolbar: use fill mixin (fa17fac)
3.11.0 (2020-03-06)
Bug Fixes
- badge: conditionally set badge size to fixed or calculated (39a7128)
- badge: update badge styles to match design (09bc84b)
- badge: use only translate styles for badge position (ea051dc)
- gantt: use fill mixin (1072826)
- grid: use fill mixin (937e52c)
- listbox: use fill mixin (61e53c3)
- pivotgrid: use fill mixin (ae9276a)
- popup: use fill mixin (02a73a0)
- scheduler: use fill mixin (4d9926c)
- spreadsheet: use fill mixin (8c396b2)
Features
- badge: add badge sizes (c0a983b)
- badge: add circle and dot shape for badge (6c3ef98)
- badge: add styles for tertiary, dark, light and iverse badges (82ad426)
- color-system: add tertiary, dark, light and inverse colors (513b5ed)
- inputs: add focused box-shadow in bootstrap (feb7055)
- pager: use native select for responsive pager page selection (59cf508)
- styles: allow adaptive rendering without height (aa2afa3)
- upload: update styles to fit updated design (0f47d17)
3.10.2 (2020-02-14)
Bug Fixes
- badge: extract badge-border-radius variable (d646feb)
- breadcrumb: extract breadcrumb-link-border-radius variable (ab90929)
- drawer: fix flickering upon mini mode collapsing (3ba8d87)
- editor: make jQuery editor toolbar look like regular toolbar (bfd016c)
- gantt: dependency lines are not displayed in rtl (c0b3355)
- notification: extract notification variables (4ec43f2)
- switch usages of button--size functions with button-calc- vars (6437547)
- grid: inconsistent grouping header height (b7ea9be)
- textarea: extract scss variable (fdd4186)
3.10.1 (2020-02-04)
Bug Fixes
- menu: expose menu variables for customization (d18a1a6)
- remove circular dependecies between components (a7334cf)
- color-system: move color level and yiq variables in color functions (f32259a)
- dropdowngrid: remove Grid style dependencies (4fbb721)
- map: extract and use map variables (a5fffde)
- tabstrip: add variables for item gradient (8e3c46b)
- Chat message-box theme (ac4cccc)
3.10.0 (2020-01-23)
Bug Fixes
- color-system: use instead of (7e973f3)
- color-system: use contrast-wcag function instead of explicit contrst colors (ced09de)
- timepicker: properly close brackets to ensure correct focused state in material timepicker (60bb08d)
- introduce and use component variables (8f1951f)
- move api generation to theme-tasks (c754811)
Features
- color-system: introduce lighter and darker shades of theme colors (7a1c2a3)
3.9.1 (2020-01-13)
Bug Fixes
3.9.0 (2020-01-09)
Bug Fixes
- add checkbox / radio styles for IE 11 / Edge (d4680c4)
- drawer: switch drawer item text padding in rtl mode (ca2fe37)
Features
- chip: add component styles (a184d92)
- filemanager: add component styles (37ec1d5), closes telerik/kendo#10436
- inputs: introduce k-floating-label and k-autofill classes (c4ccc62)
- upload: integrate file group icons (9e2a76e), closes telerik/kendo#10422
3.8.0 (2019-12-17)
Bug Fixes
- card: avatar and card elements display improvements (3e69ae1)
- colorpicker: flatcolorpicker misaligned in rtl (8ce3ee4), closes telerik/kendo-ui-core#5420
- multiselect: wrong width value (0c822f1)
Features
- placeholder: add placeholder line styles (7cd1bd2)
3.7.0 (2019-12-04)
Bug Fixes
- scheduler: add consistent row height in material theme (7514a63)
- scheduler: add hover, focus and selected button styles in material theme for blazor (3671a80)
Features
- avatar: add shape styles (c140647)
3.6.0 (2019-11-29)
Bug Fixes
- remove explicit width for checkbox label (7efdbd4)
- grid: add styles for selected column menu item (30421de)
- inputs: applied invalid state style of floating labels (cb5507e)
Features
- add listgroup styles (7eaea1d)
- avatar: add component styles (ad0d07b)
- badge: component styles (367f6a4)
3.5.0 (2019-11-21)
Bug Fixes
- colorpicker: add numerictextbox as a dependency to colorpicker (899fbd5)
- grid: add locked column selected, hovered and selected hovered states variables (fa99539)
- grid: locked column hovered and selected hovered state background (89ee7a0)
- grid: selected locked columns contenthave background with opacity (c82419f)
- grid: sorted locked column header does not have background color (1d16df6)
- multiselect: extract scss variables (8ddbc6b)
- add whitespace around operators in calc expressions (02ee4b6)
- numerictextbox: extract scss variables (1a6b0bc)
- toolbar: switch has incorrect font size in toolbar (235f2b8)
- treelist: add left/right borders to multicolumn headers (47492e4)
- floating label misalignment (4a75180)
- treelist: extract treelist specific styles in treelist folder (7d0be42)
Features
- breadcrumb: add styles for breadcrumb component (400fd43)
- checkbox: add invalid, indeterminate and long labels styles (43ee6c8)
- checkbox: style native checkbox trough k-checkbox class (066d5ca)
- radio: style native radio through k-radio class (f7d9906)
3.4.0 (2019-10-25)
Bug Fixes
- autocomplete: extract scss variables (3800a14)
- grid: edit selector for locked columns to be applied in both grid and treelist (e3fc434)
Features
3.3.8 (2019-10-22)
Note: Version bump only for package @progress/kendo-theme-material
3.3.7 (2019-10-22)
Note: Version bump only for package @progress/kendo-theme-material
3.3.6 (2019-10-21)
Bug Fixes
- split functions and variables into separate import files (cda7960)
- colorpicker: extract scss variables (493b5a1)
- dropdownlist: fix popup content overflowing when filtering is enabled #920 (2258964)
- input: extract variable for input floating label background (e05ddac)
- input: extract variables for floating labels focused state (146937f)
- multiselect: tags margin in Material (2d85333)
- tooltip: closable tooltip in material theme needs different font-size (3f23190)
- upload: extract variables for upload component (1f1c517)
3.3.5 (2019-10-11)
Bug Fixes
- card: enable adjustable border radius in themebuilder (edc604c)
- colorpicker: input cut off in bootstrap theme (91bd81a)
- menu: add focus state for material theme in kendo angular and react (1dcc66a)
- floating label misalignment (afeb4a7)
- handle api-check, ci and prepubilsh tasks from gulp (71175b2)
- slider: rtl styles (5260318)
- toolbar: hover/focus dropdown style (330915f)
3.3.4 (2019-09-27)
Bug Fixes
- floating label overlapping (da9ec76)
3.3.3 (2019-09-17)
Bug Fixes
- window: wrong height of window titlebar in bootstrap theme (bce63f5)
3.3.2 (2019-09-17)
Note: Version bump only for package @progress/kendo-theme-material
3.3.1 (2019-09-16)
Bug Fixes
- kendo-jquery: no interactive states in material editor toolbar after dart-sass refactoring (23d9c3c)
3.3.0 (2019-09-16)
Bug Fixes
- Gantt to use td elements in its Timeline header layout table telerik/kendo#9756 (a61b20c)
- calendar: adjust calendar width for blazor suite (9e28dfb)
- filter: update width of filter operator and grouping elements (76f2e2f)
- grid: add styles for locked columns feature (64cc404)
Features
- calendar: add styles for blazor calendar (a3db613)
- progressbar: add styles for progress label position (ae1a780)
3.2.0 (2019-09-02)
Bug Fixes
- card: update subtitle color to match design (dbea6f6)
- popup: upload file layout in grid popup editor (8b26948)
Features
- card: add callout and update styles based on the design (bf3bc1c)
- filter: widget styles (2334e35)
- pdf-viewer: add search dialog styles (4e4742e)
- pdf-viewer: add text layer sass styles (bcf3a3a)
- timeline: widget styles (dbee03c)
3.1.0 (2019-07-26)
Bug Fixes
- add toolbar to treelist sticky headers (1ca69f2)
Features
- rating styles (1104050)
3.0.0 (2019-07-08)
Bug Fixes
- add !default flag to more variables (5372039)
- input underscore misalignment (f464539)
- reduce grid shadow width for frozen columns (8aa0a7d)
- multiselect: placeholder color (aba2611)
- remove usages of add-two and add-three (604a730)
Features
- fit frozen group header text in one row (17382fe)
- modify themes for dart-sass (d3e1c27)
- grid: add styles for search bar within grid toolbar (0460702)
BREAKING CHANGES
-
remove add-two and add-three functions due to dart-sass compatibility issues
-
Refactor themes so they can be compiled with dart-sass:
-
create
.k-button-flat
selector for@extend
use -
create
.k-button-overlay
selector for@extend
use -
replace
@extend
usages of composite selectors.k-button.k-flat
and.k-button::before
with said selectors
2.5.2 (2019-06-12)
Bug Fixes
- colorpicker: remove additional padding for material theme (8f6ebca)
- background color on hover when using multiselect in a dialog (4eda7e7)
- improve dialog form alignment (6b081aa)
- improve edit dialog form label color (a5709b4)
- remove margin between buttons in button group (ea1bf88)
- use gulp tasks in themes instead of lerna (f5d5c0c)
- grid: adaptive renedering checkbox focused state (12c2dbe)
- grid: material filter menu wrong font-weight (7bb5c91)
- notification: improve alignment of text and icons in notification (e629688)
- switch: width in cell in grid edit mode (4a7cffe)
2.5.1 (2019-05-15)
Note: Version bump only for package @progress/kendo-theme-material
2.5.0 (2019-05-13)
Bug Fixes
- colorpicker: alpha slider bgr using embed assets script (a300c78)
- drawer overlay closed layout (9b09fa1)
- colorpicker: bootstrap and material themes icon hover styles (d451132)
- colorpicker: flex layout glitches when hiding dynamically content (9711ef9)
Features
2.4.1 (2019-04-09)
Bug Fixes
- toolbar: wrong primary button appearance in Material (21af366)
2.4.0 (2019-04-08)
Bug Fixes
- buttons: disabled focused buttons styles in mozilla (961f592)
Features
- calendar: add styles for Blazor calendar (8987d65)
- pager: rendering changes and styles (0a5642b)
- validator: layout changes (add9c9c)
2.3.2 (2019-03-14)
Bug Fixes
- buttons: use correct color for .k-button.k-flat:hover.k-state-active (eebad66)
- grid: added active styles for grid column menu (dfd1bc6)
- grid: grouping header text overflows with frozen columns (779a216)
- scheduler: angular material padding (aca6886)
- scheduler: month view style improvements (e3dc082)
- toolbar: added min-height (452f4c0)
2.3.1 (2019-02-19)
Bug Fixes
- editor: decreased table cells spacing in material theme (ac0e956)
- gantt: improve focused toolbar item styles (1c2d77f)
- grid: focused state styles of items in grid header (5d4d910)
- scheduler: improve scheduler event styles (a37e948)
2.3.0 (2019-02-14)
Bug Fixes
- vertical misaligned components within a kendo-textbox-container (3dba163)
- editor: selected table cells styles (3e9bc58)
- grid: improve styles for column settings menu (6f5ba27)
- input: edge specific style for inputs in flex container (2e80be3)
- pivotgrid: bottom border on collapsed items (23e00f5)
- scheduler: columns layout in material theme (20b31c9)
- scheduler: header items focus state styles (7516d9c)
- scheduler: incorrect inverse color for event title #168 (b2b2a81)
- textbox: added textbox selection color in material theme (4dddc16)
- toolbar: inconsistent buttons background color in material theme (bb9e286)
Features
2.2.0 (2019-01-15)
Bug Fixes
- popup: group header styles (7032efe)
Features
- datetimepicker: add styles for kendo-react (1aea521)
2.1.0 (2019-01-14)
Bug Fixes
- grid: filter button active state color (02e1697)
- toolbar: disabled splitbutton has unexpected background in material #198 (b2c1693)
Features
2.0.0 (2019-01-08)
Features
- switch: improvements based on the latest design (2a1dcec)
BREAKING CHANGES
- switch: Improve switch rendering and remove javascript animations
1.6.0 (2019-01-07)
Bug Fixes
- improve clear icon position in dropdowns and pickers (f83db0f)
- calendar: remove material header buttons shadow (1396eec)
- dialog: improve button layouts (37c988d)
- grid: drag clue styles improvements #252 (780ff12)
- material: dates in century view calendar are not aligned (44c2883)
- multiviewcalendar: add styles for month headers (a6b473a)
Features
- add predefined widths for Window and Dialog (18cab9c)
- integrate material theme with themebuilder (c4eac63)
- responsive pager jQuery (9baeefc)
1.5.2 (2018-12-07)
Bug Fixes
- material: add body and app colors; use material colors for component variables (3f0fe8a)
- material: ensure button, toolbar and pager look ok in dark themes (d885bc5)
- material: improve grid, treelist and pivot appearance in dark themes (95326fe)
- material: improve window appearance in dark themes (ad56d1e)
- material: introduce component variables (2848ebb)
- material: material-color functions works quirkly with strings that are valid colors (742d676)
- material: use app- and component- variables for chat styling (84d1f87)
- material: use conditional lighter or darker background for toolbar (23f821a)
- material: use conditional opacity for input border (73a119e)
- material: use conditionally lighter or darker background for grid drag clue (f14daef)
- material: use correct background color for tooltip (4c8a4b9)
- material: use correct colors for progressbar (02e036a)
- material: use material elevation 4 for popup shadow (2bfff0d)
- material: use material elevation variable to control shadows (cc9cc73)
- material: use primary and secondary pallettes to populate primary and secondary color (ab1de51)
- pager: expose and use pager variables (a09f6f4)
- scrollview: revert regression rendering changes (398412c)
Reverts
- material: use transpernt instead of null value for grid-bg to avoid cascade override (eed58ba)
1.5.1 (2018-11-22)
Bug Fixes
1.5.0 (2018-11-09)
Bug Fixes
- material: use correct color for calendar selected-focused cell (a170123)
- material: use correct color for panelbar root item border (ecb638e)
- material: use correct colors for button (caa7857)
- material: use correct shadows for button (57e4116)
- material: use null value for gradients (29e561c)
- scheduler: adaptive view switcher background (41bdb94)
Features
- add kendo-theme-tasks (61bda89)
1.4.0 (2018-10-31)
Bug Fixes
Features
- multiviewcalendar: add multiviewcalendar for kendo-jquery (9761e30)
1.3.3 (2018-10-29)
Note: Version bump only for package @progress/kendo-theme-material
1.3.2 (2018-10-16)
Bug Fixes
- dropdowns: misalignments in editable row of grid for Material Theme (172bd3d), closes telerik/kendo-themes#351
- grid: drag and drop clues improvements (06c6dbe)
- inputs: apply invalid state only trough class name instead of pseudo class (4e0c8a2)
- multiselect: increase close button hit area (520d731)
- pager: font-size and alignment corrections (d44c8dd)
- tabstrip: extract tabstrip variables and use correct values (699be9c)
1.3.1 (2018-10-01)
Bug Fixes
- grid: Multi-column headers missing rtl border (5efe3e8)
1.3.0 (2018-09-11)
Bug Fixes
- colorpicker: update colorpicker layout to better match material theme (6181275)
- combobox: incorrect styling when importing styles separately (16da3d5)
- focus: grid, treelist, and calendar focus styles (01eb3f6)
- forms: icons changing orientation on click #252 #254 (0a9a22d)
- grid: add left border color for multi-column headers (9c5de5e)
- grid: Multi-column headers left border #252 (76b994a)
- inputs: style indication not shown when invalid/required input in Material (6d3542d)
- improve form variables in accordance to material design (dcb5a44)
- multiselect: incorrect styling when importing styles separately (e5ea1ed)
- pivotgrid: left border styles (5c86f8f)
- toolbar: improve colorpicker in toolbar to better match material theme (0243039)
- tooltip: incorrect styling when importing styles separately (#304) (f78ff85)
Features
- colorpicker: add ColorPicker for Material theme (3c2e42d)
- spreadsheet: add Material theme (#275) (043d7ed)
- add Material theme for editor (c4d6daa)
- add Material theme for gantt (f38a7ad)
- add Material theme for scheduler (2e0c352)
- add themes for dropdowngrid (d4171f0)
1.2.1 (2018-08-27)
Bug Fixes
1.2.0 (2018-08-22)
Bug Fixes
- buttons: remove box-shadow of active outline buttons (#238) (ff5708f), closes telerik/kendo-themes#237
- tooltip: Angular tooltip not having box shadow (e56e2b4)
- tooltip: remove space between tooltip and shadow in Material theme (07be026)
Features
- map: add Map for Material theme (081ac22)
- add QR and Barcode for Material theme (fbcdb23)
- mediaplayer: add Media Player for Material theme (50fa4ff)
- progressbar: add Progressbar for Material theme (1de6d19)
- treelist: add treelist for Material theme (d4cf9c6)
1.1.4 (2018-07-24)
Bug Fixes
1.1.3 (2018-06-18)
Bug Fixes
- switch: do not overlay sibling elements (f0c2f98)
- tooltip: align closable tooltip icon button (69f2d09)
1.1.2 (2018-05-23)
Bug Fixes
- card: add card states (0dbf579)
- notification: add Material styles, improve close icon positioning (5340230)
- toolbar: button group in overflow popup is unstyled (#179) (29e15f2)
1.1.1 (2018-05-16)
Note: Version bump only for package @progress/kendo-theme-material
1.1.0 (2018-05-15)
Features
1.0.0 (2018-05-10)
Features
- add theme for Angular/React components (9b25082)
BREAKING CHANGES
- No breaking changes. Publishing a 1.0 release.
0.9.2 (2018-05-10)
Bug Fixes
- textbox: input ripple is shown in focused window (6084df9)
- toolbar: focused disabled split button has no styles (8f7f03f)
- treeview: move root source file to scss folder (28f86c7)
0.9.1 (2018-05-09)
Note: Version bump only for package @progress/kendo-theme-material
0.9.0 (2018-05-07)
Bug Fixes
- slider: material theme slider draghandle and button sizes (#158) (f0eb0d6)
- tabstrip: tab text alignment changes on activation (#160) (9df8847)
- treeview: hover takes complete row (83b7ee6)
Features
- add TabStrip styling (a93d7cc)
0.8.0 (2018-04-27)
Bug Fixes
- grid: improve grouping header layout in Angular (1df42eb)
- inputs: fix material radio/checkbox spacing glitches (cd9ad8e)
Features
- add styles for chat widget (#146) (5729aec)
- add styles for Material Upload (0a183f4)
- switch styles for material theme (277ca4f)
0.7.0 (2018-04-11)
Bug Fixes
- listview: Improve focused and selected state appearance of listview in accordance with design (4225503)
- tooltip: improve close button position (aab93ae)
Features
- calendar: Implement Material theme for Kendo-jQuery Calendar (2c60b56)
- listbox: Implement Material skin for ListBox (1341e86)
- responsive-panel: add material theme (#113) (25f7294)
0.6.0 (2018-03-26)
Bug Fixes
- button: improve Material styles (f001c10)
- button: improve styles for flat and bare look (e2e8b7a)
- datetimepicker: remove button borders in Material (#81) (c50325a)
- multiselect: add focused token styles (a2358df)
Features
- tooltip: add Material skin for Tooltip (e5f0c96)
- tooltip: hardcode tooltip colors by Material guidelines (086ca32), closes #50
- tooltip: remove hiding tooltip callout (7b3c4b2), closes #50
- tooltip: remove redundant imports (fe41e0d), closes #50
- add styling for scrollview component (f9675e4)
0.5.0 (2018-03-12)
Features
- add floating label for material textarea (#9) (b059e30)
- update default primary / secondary colors (2937857)
- dropdowns: add Material theme for dropdowns and inputs (618c73d), closes #40 #43 #44 #45
- splitter: add Material skin for Splitter (17c1115), closes #47
- splitter: inherit Default theme (80a233a), closes #48
0.4.1 (2018-02-20)
Note: Version bump only for package @progress/kendo-theme-material
0.4.0 (2018-02-16)
Features
0.3.6 (2018-02-13)
Note: Version bump only for package @progress/kendo-theme-material
0.3.5 (2018-02-06)
Note: Version bump only for package @progress/kendo-theme-material
0.3.4 (2018-02-06)
Bug Fixes
- package: reduce npm package size for derived themes (d4a2ad9)
0.3.3 (2018-02-06)
Note: Version bump only for package @progress/kendo-theme-material
0.4.0 (2018-01-30)
Bug Fixes
- button: add styling for bare buttons (#4) (8f252d2)
- add autocomplete styles (9ea31d2)
- buttons: animate active box-shadow in the buttons (3dccafa)
- add focus styles for inputs outside textbox-container (d5165e1)
- textbox: add invalid styles for floating textbox (9bb6436)
- allow importing of standalone modules (c35abc3)
- correct main file name in NPM package (e1109e6)
- remove hardcoded colors from multiselect (de3a9c6)
- textbox: remove background color per spec (39c9be7), closes telerik/kendo-theme-material#11
- update input text color (0c209b8)
- checkbox: add animation after theme-default update (2df61dc)
- dateinputs: align picker icons (03a7fe3)
- inputs: improve border styles (#19) (1f401d6)
- inputs: use large font (2795106)
- multiselect: add button styles, position clear button (f833c03)
- multiselect: fix icon styles in border-box (daf0a75)
- popup: apply item styles as per material guidelines (6b25d28)
- popup: improve popup spacing (4829956)
- textbox: bring back textbox-container input-bar (85c7553)
- textbox: change floating label color (aa1213d)
- textbox: remove input-bar in favor of ::after element (2ee49df)
Features
- buttongroup: add styles (83d4dfb)
- buttons: add styling for buttons (0f35396)
- buttons: add styling for outline buttons (1b89be6)
- update primary/secondary color as per design (2b03e35)
- buttons: style default states (d44d964)
- dataviz: inherit default styles (d49d555)
- numerictextbox: add styling (983d576)
- add styles for dialog component (132c342)
- add styles for window component (4a32133)
- add styling for dateinputs (ddc1f38)
- numerictextbox styling (52fdb4a)
0.4.0-dev.c7ddd20b (2018-01-30)
Bug Fixes
- button: add styling for bare buttons (#4) (8f252d2)
- add autocomplete styles (9ea31d2)
- buttons: animate active box-shadow in the buttons (3dccafa)
- add focus styles for inputs outside textbox-container (d5165e1)
- textbox: add invalid styles for floating textbox (9bb6436)
- allow importing of standalone modules (c35abc3)
- correct main file name in NPM package (e1109e6)
- remove hardcoded colors from multiselect (de3a9c6)
- textbox: remove background color per spec (39c9be7), closes telerik/kendo-theme-material#11
- update input text color (0c209b8)
- checkbox: add animation after theme-default update (2df61dc)
- dateinputs: align picker icons (03a7fe3)
- inputs: improve border styles (#19) (1f401d6)
- inputs: use large font (2795106)
- multiselect: add button styles, position clear button (f833c03)
- multiselect: fix icon styles in border-box (daf0a75)
- popup: apply item styles as per material guidelines (6b25d28)
- popup: improve popup spacing (4829956)
- textbox: bring back textbox-container input-bar (85c7553)
- textbox: change floating label color (aa1213d)
- textbox: remove input-bar in favor of ::after element (2ee49df)
Features
- buttongroup: add styles (83d4dfb)
- buttons: add styling for buttons (0f35396)
- buttons: add styling for outline buttons (1b89be6)
- update primary/secondary color as per design (2b03e35)
- buttons: style default states (d44d964)
- dataviz: inherit default styles (d49d555)
- numerictextbox: add styling (983d576)
- add styles for dialog component (132c342)
- add styles for window component (4a32133)
- add styling for dateinputs (ddc1f38)
- numerictextbox styling (52fdb4a)