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

  • input: add support for prefix and suffix (f3af6f6)
  • input: add valid state styles (980476d)

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

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

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 nameNew 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-colsRemoved. See @progress/kendo-theme-utils package for alternatives
$grid-rowsRemoved. See @progress/kendo-theme-utils package for alternatives
$grid-gapRemoved. See @progress/kendo-theme-utils package for alternatives

## Typography

Old nameNew 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 nameNew name
$actions-*$kendo-actions-*

## Actionsheet

Old nameNew name
$actionsheet-*$kendo-actionsheet-*

## Adaptive

Old nameNew name
$adaptive-*$kendo-adaptive-*

## Badge

Old nameNew 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 nameNew name
$bottom-nav-*$kendo-bottom-nav-*

## Breadcrumb

Old nameNew name
$breadcrumb-*$kendo-breadcrumb-*

## Button

Old nameNew 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 nameNew name
$calendar-*$kendo-calendar-*

## Captcha

Old nameNew name
$captcha-*$kendo-captcha-*

## Card

Old nameNew name
$card-*$kendo-card-*

## Chat

Old nameNew name
$chat-*$kendo-chat-*

## Chip

Old nameNew 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 nameNew name
$coloreditor-*$kendo-color-editor-*

## Color gradient

Old nameNew name
$colorgradient-*$kendo-color-gradient-*

## Color palette

Old nameNew name
$colorpalette-*$kendo-color-palette-*

## Color preview

Old nameNew name
$color-preview-*$kendo-color-preview-*

## Dataviz

Old nameNew name
$series-*$kendo-series-*
$chart-*$kendo-chart-*
$treemap-*$kendo-treemap-*

## Date time picker

Old nameNew name
$datetime-*$kendo-datetime-*

## Draggable

Old nameNew name
$drag-clue-*$kendo-drag-hint-*
$drop-hint-*$kendo-drop-hint-*

## Dropdown tree

Old nameNew name
$dropdowntree-*$kendo-dropdowntree-*

## Dropzone

Old nameNew name
$dropzone-*$kendo-dropzone-*

## Expansion panel

Old nameNew name
$expander-*$kendo-expander-*

## Floating action button

Old nameNew 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 nameNew name
$filemanager-*$kendo-file-manager-*

## Filter

Old nameNew name
$filter-*$kendo-filter-*

## Floating label

Old nameNew name
$floating-label-*$kendo-floating-label-*

## Form

Old nameNew 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 nameNew name
$gantt-*$kendo-gantt-*

## Grid

Old nameNew 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 nameNew name
$imageeditor-*$kendo-image-editor-*

## Input

Old nameNew 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 nameNew 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 nameNew name
$listgroup-*$kendo-listgroup-*

## Loader

Old nameNew 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 nameNew name
$map-*$kendo-map-*

## Media player

Old nameNew name
$mediaplayer-*$kendo-media-player-*

## Menu

Old nameNew 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 nameNew name
$message-box-*$kendo-message-box-*

## Orgchart

Old nameNew name
$orgchart-*$kendo-orgchart-*

## Overlay

Old nameNew name
$overlay-*$kendo-overlay-*

## Pager

Old nameNew 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 nameNew name
$panelbar-*$kendo-panelbar-*

## PDF viewer

Old nameNew name
$pdf-viewer-*$kendo-pdf-viewer-*

## Pivotgrid

Old nameNew name
$pivotgrid-*$kendo-pivotgrid-*

## Popup

Old nameNew name
$popup-*$kendo-popup-*

## Rating

Old nameNew name
$rating-*$kendo-rating-*

## Scheduler

Old nameNew name
$scheduler-*$kendo-scheduler-*

## Scrollview

Old nameNew name
$scrollview-*$kendo-scrollview-*

## Signature

Old nameNew 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 nameNew name
$skeleton-*$kendo-skeleton-*

## Slider

Old nameNew name
$slider-*$kendo-slider-*

## Split button

Old nameNew 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 nameNew name
$splitter-*$kendo-splitter-*
$splitbar-*$kendo-splitbar-*

## Spreadsheet

Old nameNew name
$spreadsheet-*$kendo-spreadsheet-*

## Stepper

Old nameNew name
$stepper-*$kendo-stepper-*

## Table

Old nameNew 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 nameNew name
$tabstrip-*$kendo-tabstrip-*

## Taskboard

Old nameNew name
$taskboard-*$kendo-taskboard-*

## Tile layout

Old nameNew name
$tilelayout-*$kendo-tile-layout-*

## Timeline

Old nameNew name
$timeline-*$kendo-timeline-*

## Time selector

Old nameNew name
$time-selector-*$kendo-time-selector-*

## Toolbar

Old nameNew 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 nameNew name
$tooltip-*$kendo-tooltip-*

## Treeview

Old nameNew 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 nameNew 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 nameNew 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 nameNew name
$enable-rounded$kendo-enable-rounded
$enable-shadows$kendo-enable-shadows
$enable-gradients$kendo-enable-gradients
$enable-transitions$kendo-enable-transitions
$enable-flex-classesRemoved (unused)
$enable-grid-classesRemoved (unused)
$use-calc-badge-sizeRemoved (unused)
$use-input-button-width$kendo-use-input-button-width
$use-input-spinner-width$kendo-use-input-spinner-width
$use-input-spinner-icon-offsetRemoved (unused)
$use-picker-select-widthRemoved. 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/ANew. $kendo-padding-md-x
N/ANew. $kendo-padding-md-y
$padding-x-lg$kendo-padding-lg-x
$padding-y-lg$kendo-padding-lg-y
$panel-padding-xRemoved. Variable was not used consistently, so the usages were replaced with spacing map
$panel-padding-yRemoved. Variable was not used consistently, so the usages were replaced with spacing map
$header-padding-xRemoved. Variable was not used consistently, so the usages were replaced with spacing map
$header-padding-yRemoved. Variable was not used consistently, so the usages were replaced with spacing map
$nav-item-marginRemoved. Variable was not used consistently, so the usages were replaced with spacing map
$nav-item-padding-xRemoved. Variable was not used consistently, so the usages were replaced with spacing map
$nav-item-padding-yRemoved. 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
$accentRemoved. Use $kendo-color-primary
$accent-contrastRemoved. 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
$cursorsRemoved (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-shadowRemoved (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-bgRemoved. Use $kendo-component-bg
$panel-textRemoved. Use $kendo-component-text
$panel-borderRemoved. Use $kendo-component-border
$grouping-header-bgRemoved. Use $kendo-component-header-bg
$grouping-header-textRemoved. Use $kendo-component-header-text
$grouping-header-borderRemoved. Use $kendo-component-header-border
$frozen-grouping-header-textRemoved (unused)
$frozen-grouping-header-border-widthRemoved (unused)
$placeholder-line-widthRemoved (unused)
$placeholder-line-heightRemoved (unused)
$placeholder-line-bgRemoved. $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-shadowRemoved (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 to k-contrast-legacy, and
  • yiq is renamed to k-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 to k-editor-resizable

  • k-editor-table-wizard-dialog renamed to k-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 to k-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 with k-file-icon

  • k-file-name-size-wrap class replaced with k-file-info

  • k-file-information class replaced with k-file-summary

  • upload actions buttons wrapper renamed from k-upload-status to k-upload-actions

  • upload: The following classes are being removed:

  • k-upload-status-total removed from k-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 from k-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 to k-dialog-titlebar-actions

  • k-dialog-buttongroup and k-dialog-buttons renamed to k-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 to k-listbox-actions

  • k-listbox-toolbar-left renamed to k-listbox-actions-left

  • k-listbox-toolbar-right renamed to k-listbox-actions-right

  • k-listbox-toolbar-top renamed to k-listbox-actions-top

  • k-listbox-toolbar-bottom renamed to k-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

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 and square.
  • 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

  • editor: add styles for resizable images (b621712)
  • remove leftover support for IE 9 (cb82f9b)

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

  • update focus state (89d9020)
  • update grid sticky columns/rows styling (4e86821)

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

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

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

  • grid: add sticky rows styling (f02e23c)
  • add styles for searchbox component (a25097e)

3.19.2 (2020-09-15)

Bug Fixes

  • grid: add styles for column menu focus items (#1796) (8faa5d4)

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

  • add styles for flex and grid layout (1c63d50)
  • add styles for message box (c10d31c)

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

  • flex scheduler row hover (4d62c7a)
  • flex scheduler slot selection (fee1171)

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

3.8.0 (2019-12-17)

Bug Fixes

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

  • allow default theme reuse without background-clip (58abbf5), closes #512

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

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

  • drawer styles (76c7ea3)
  • spreadsheet: add images sass styles (b369217)

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

  • add support for RTL of Kendo Angular Treeview (#581) (71eb0ad)

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

  • add prebuilt swatches to npm package (5962540), closes #36

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

  • grid: non-scrollable grid command buttons margins (43e18ba), closes #426

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

1.4.0 (2018-10-31)

Bug Fixes

  • filtermenu: scope arrow rotation on expanded (0131da0), closes #375

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

  • resolve build error due to function in mixin (#266) (62821a4)

1.2.0 (2018-08-22)

Bug Fixes

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

  • switch: incorrect layout calculation (c806103)
  • switch: shadows are cropped (fc11db4)

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

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)

Versions

Not finding the help you need?