Change Log

All notable changes to this project will be documented in this file. See Conventional Commits for commit guidelines.

8.0.0-dev.4 (2024-04-15)

Note: Version bump only for package @progress/kendo-theme-bootstrap

8.0.0-dev.3 (2024-04-08)

Note: Version bump only for package @progress/kendo-theme-bootstrap

8.0.0-dev.2 (2024-04-01)

Note: Version bump only for package @progress/kendo-theme-bootstrap

8.0.0-dev.1 (2024-03-28)

Features

  • bootstrap: integrate radii module (df28c2c)
  • bootstrap: integrate spacing module (5821954)
  • bootstrap: integrate typography module (7c83f2a)

8.0.0-dev.0 (2024-03-25)

Bug Fixes

  • incorrect color mapping in the new color system (634edce)

Features

  • bootstrap: enable color system (45cc0b8)

BREAKING CHANGES

  • bootstrap: This commit enables the new Color System,

which introduces a new way of implementing and customizing the colors. If the user has customized some of the old color variables like $kendo-color-primary, $kendo-body-bg, $kendo-base-bg, etc, they would need to migrate their customizations by following the Migration Guide which can be found in the Progress Design System Docs.

7.3.0-dev.1 (2024-03-18)

Features

  • calendar: update styles to match design guidelines (3657cd0)

7.3.0-dev.0 (2024-03-18)

Note: Version bump only for package @progress/kendo-theme-bootstrap

7.2.2-dev.0 (2024-03-11)

Note: Version bump only for package @progress/kendo-theme-bootstrap

7.2.1 (2024-03-05)

Note: Version bump only for package @progress/kendo-theme-bootstrap

7.2.1-dev.8 (2024-03-04)

Note: Version bump only for package @progress/kendo-theme-bootstrap

7.2.1-dev.7 (2024-02-28)

Bug Fixes

  • remove k-valid state styles (571a863)

7.2.1-dev.6 (2024-02-26)

Note: Version bump only for package @progress/kendo-theme-bootstrap

7.2.1-dev.5 (2024-02-19)

Note: Version bump only for package @progress/kendo-theme-bootstrap

7.2.1-dev.4 (2024-02-12)

Note: Version bump only for package @progress/kendo-theme-bootstrap

7.2.1-dev.3 (2024-02-05)

Note: Version bump only for package @progress/kendo-theme-bootstrap

7.2.1-dev.2 (2024-01-30)

Note: Version bump only for package @progress/kendo-theme-bootstrap

7.2.1-dev.1 (2024-01-29)

Note: Version bump only for package @progress/kendo-theme-bootstrap

7.2.1-dev.0 (2024-01-22)

Note: Version bump only for package @progress/kendo-theme-bootstrap

7.2.0 (2024-01-22)

Note: Version bump only for package @progress/kendo-theme-bootstrap

7.2.0-dev.0 (2024-01-22)

Note: Version bump only for package @progress/kendo-theme-bootstrap

7.1.1-dev.0 (2024-01-18)

Bug Fixes

  • bootstrap: reinstate bootstrap override styles (d3b60e2)

7.1.0 (2024-01-15)

Note: Version bump only for package @progress/kendo-theme-bootstrap

7.1.0-dev.11 (2024-01-15)

Note: Version bump only for package @progress/kendo-theme-bootstrap

7.1.0-dev.10 (2024-01-11)

Note: Version bump only for package @progress/kendo-theme-bootstrap

7.1.0-dev.9 (2024-01-10)

Features

  • bootstrap: implement color system (21e3916)
  • classic: implement color system (2e73df4)
  • default: implement color system (c985322)

7.1.0-dev.8 (2024-01-08)

Note: Version bump only for package @progress/kendo-theme-bootstrap

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-bootstrap

7.1.0-dev.5 (2023-12-25)

Note: Version bump only for package @progress/kendo-theme-bootstrap

7.1.0-dev.4 (2023-12-20)

Note: Version bump only for package @progress/kendo-theme-bootstrap

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-bootstrap

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-bootstrap

7.0.3-dev.2 (2023-11-27)

Note: Version bump only for package @progress/kendo-theme-bootstrap

7.0.3-dev.1 (2023-11-20)

Note: Version bump only for package @progress/kendo-theme-bootstrap

7.0.3-dev.0 (2023-11-13)

Note: Version bump only for package @progress/kendo-theme-bootstrap

7.0.2 (2023-11-06)

Note: Version bump only for package @progress/kendo-theme-bootstrap

7.0.2-dev.5 (2023-11-06)

Note: Version bump only for package @progress/kendo-theme-bootstrap

7.0.2-dev.4 (2023-10-30)

Note: Version bump only for package @progress/kendo-theme-bootstrap

7.0.2-dev.3 (2023-10-23)

Note: Version bump only for package @progress/kendo-theme-bootstrap

7.0.2-dev.2 (2023-10-16)

Note: Version bump only for package @progress/kendo-theme-bootstrap

7.0.2-dev.1 (2023-10-09)

Note: Version bump only for package @progress/kendo-theme-bootstrap

7.0.2-dev.0 (2023-10-04)

Note: Version bump only for package @progress/kendo-theme-bootstrap

7.0.1 (2023-10-02)

Note: Version bump only for package @progress/kendo-theme-bootstrap

7.0.1-dev.1 (2023-10-02)

Note: Version bump only for package @progress/kendo-theme-bootstrap

7.0.1-dev.0 (2023-09-26)

Note: Version bump only for package @progress/kendo-theme-bootstrap

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-bootstrap

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-bootstrap

6.7.1-dev.0 (2023-08-28)

Note: Version bump only for package @progress/kendo-theme-bootstrap

6.7.0 (2023-08-21)

Note: Version bump only for package @progress/kendo-theme-bootstrap

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-bootstrap

6.7.0-dev.4 (2023-08-09)

Note: Version bump only for package @progress/kendo-theme-bootstrap

6.7.0-dev.3 (2023-08-07)

Note: Version bump only for package @progress/kendo-theme-bootstrap

6.7.0-dev.2 (2023-07-31)

Note: Version bump only for package @progress/kendo-theme-bootstrap

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)
  • scrollview: update scrollview styles to match new rendering (b7c5cb6)

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-bootstrap

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-bootstrap

6.5.1-dev.0 (2023-07-10)

Bug Fixes

  • bootstrap: dark theme input colors (428c0ab)

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)
  • menu: update large menu popup font-size to match design (955e1a1)

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-bootstrap

6.4.1-dev.0 (2023-06-05)

Note: Version bump only for package @progress/kendo-theme-bootstrap

6.4.0 (2023-05-29)

Note: Version bump only for package @progress/kendo-theme-bootstrap

6.4.0-dev.6 (2023-05-29)

Note: Version bump only for package @progress/kendo-theme-bootstrap

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-bootstrap

6.4.0-dev.2 (2023-05-04)

Bug Fixes

  • grid: fix sticky row selection (ce9d338)
  • 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-bootstrap

6.3.1-dev.0 (2023-04-20)

Note: Version bump only for package @progress/kendo-theme-bootstrap

6.3.0 (2023-04-17)

Bug Fixes

  • progressbar: fix indeterminate animation (fad4a96)

Features

  • fab: extract outline variables (cd2dac4)
  • 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 bootstrap theme (3fa375d)

6.2.0 (2023-03-06)

Bug Fixes

  • add missing dependency to utils in all components (3db490b)
  • bootstrap swatches do not override inherited primary color (f30ce5b)
  • icons: size and position svg icons in bootstrap, fluent and material themes (ba05f9d)
  • tabstrip: refactor directional styles for tabstrip and items (b564b31)

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)

Bug Fixes

  • bootstrap: use logic from bootstrap dark theme to implement dark swatches (adff721)
  • pager: remove grid pager overrides in bootstrap (14280f9)
  • pager: remove redundant pager styles (d85c00d)

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

  • checkbox: override inherited border radius from bootstrap (782fe27)

6.0.1 (2023-01-13)

Note: Version bump only for package @progress/kendo-theme-bootstrap

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)
  • popover: use correct colors for popover header (ddeb214)
  • 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)
  • editor: prefix editor variables with $kendo- (23c1bb6)
  • 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: 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-*.

  • 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

  • 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

  • calendar: use correct cell sizes (5cc4d4a)
  • 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

  • bootstrap: use theme core in bootstrap theme (e3d1458)
  • extend action sheet styles to allow for custom content (073230b)
  • filter: add focus styles (fbb1e69)
  • timedurationpicker: add component styles (6f35b78)

5.8.1 (2022-09-13)

Note: Version bump only for package @progress/kendo-theme-bootstrap

5.8.0 (2022-09-12)

Note: Version bump only for package @progress/kendo-theme-bootstrap

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)
  • grid: add support for sort-asc-small and sort-desc-small icons (f1196db)
  • 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

  • bootstrap: align spacing and font size in button input and chip (db2d4f8)
  • button: tweak large size so it's compatible with guidelines for mobile (34752f1)
  • 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: ensure outline input and picker use the same border-color (5a8a651)
  • panelbar: expose $panelbar-border-style variable (cf5afac)
  • scope solid input and picker styles (66e9357)

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)
  • gantt: dependency validation tooltip adjustments (bf7c6e8)
  • 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 flat picker focus border and shadow in bootstrap to match design (dfe9966)
  • input: update input focus border-color in default to match design (fd01025)
  • input: update outline picker text and border color in bootstrap to match design (d2e9c1c)
  • input: update picker focus background-color and border-color in bootstrap (6ac2e1d)
  • menu: add missing button dependency (d070d37)
  • scheduler: align recurrence icon in bootstrap theme (d79bc71)
  • 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-bootstrap

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: text color in dark swatches (1682fcc)
  • 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)
  • 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 bootstrap theme (f1db475)
  • 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)
  • 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)

Bug Fixes

  • button: use kendo-button prefix in swatch definitions (bf482e6)

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)

Features

  • 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)
  • 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)
  • 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.

  • 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-*.

  • 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: update button box shadow spread to match Bootstrap (17bcd28)
  • button: use the same appearance for active and selected button (d9ca91e)
  • 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: contrast base for border should be own background (6529fcb)
  • 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 correct font sizes for xs sm md lg and xl (1615afa)
  • form: make form-buttons alias of action buttons (0510a42)
  • grid: fix background color on selected cell when hovered (75597d4)
  • 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: use 200px default width instead of guessing (85fce4a)
  • list: better alignment for checkboxes in multiline scenario (d87921a)
  • listbox: ser default width to 10 em (20 characters) (6be4719)
  • list: improve list item spacing, group heading font weight and no-data container height (a1b5786)
  • list: use correct colors for various list parts (efac2c6)
  • list: use correct variable values for list and items (15bfcb3)
  • numeric: convert styles to v4 universal rendering (f12f787)
  • pdf-viewer: reuse toolbar variables for pdf-viewer search (5c0f71c)
  • pivot: add styling to configurator chips (2a11514)
  • popup: box shadow should follow the same logic from default theme (1982304)
  • popup: make padding of popups 0 (d567a72)
  • radio: improve ripple styles (9c2cc66)
  • 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)

Reverts

  • revert4c5ab5dee9736bdc8888bcb37147f3c7 (acfc62b)

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)
  • pager: remove customization for dropdownlist inside pager (6f3bbae)
  • resolve w3c validator errors (c65cb67)
  • slider: remove redundant box shadow on slider buttons (e907b6f)
  • switch: use solid color for checked disabled switch (d5b87bf)
  • 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)

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)

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)

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: clear button should inherit color (289985f)
  • 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)
  • grid: use correct colors for hover and alternatig grid rows in bootstrap dark swatches (3472950)
  • inputs: use correct shadow spread for invalid shadow (046d443)
  • input: use correct placeholder color in dark themes (4bb2337)
  • popover: use correct colors in popover for dark swatches (f5c8176)
  • skeleton: use correct colors in dark swatches (fbdde90)
  • task-board: use correct colors for bootstrap dark swatches (f302c39)
  • textarea: textarea uses incorrect colors in material dark swatches (98558db)
  • tooltip: use conditional colors for tooltip in bootstrap dark swatches (83a8709)

4.41.2-dev.2 (2021-09-13)

Note: Version bump only for package @progress/kendo-theme-bootstrap

4.41.2-dev.1 (2021-09-11)

Note: Version bump only for package @progress/kendo-theme-bootstrap

4.41.2-dev.0 (2021-09-08)

Note: Version bump only for package @progress/kendo-theme-bootstrap

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-bootstrap

4.40.0 (2021-07-26)

Bug Fixes

  • bootstrap: add bootstrap 3, 4 and 5 light and dark swatches (7a276c6)
  • bootstrap: override card variables so they can be customized by themebuilder (8aae427)
  • bootstrap: reduce direct references of bootstrap variables (2d36815)
  • calendar: add calendar caption styles, reuse existing styles and remove legacy styles (6d5f33e)
  • remove usages of background-clip styling (accb3ef)
  • action-sheet: use hover-bg variable for item hover state (db6c44e)
  • bootstrap: remove residual overrides / referencing of bootstrap variables (224df28)
  • bootstrap: use font-family-sans-serif (bd8d717)
  • breadcrumb: reduce direct referencing of bootstrap variables (c3ef526)
  • button: unlink button variables from secondary variable (86036be)
  • button: use the same line height for small and large buttons (189c481)
  • calendar: remove legacy styles for kendo-react calendar (0d6411e)
  • card: unlink card deck gap variable from bootstrap variables (c0acbb4)
  • card: use card border variable for card shadow (19f156c)
  • checkbox: use single set of variables for styling indeterminate state indicator (5380db2)
  • editor: remove explicit shading of editor find replace dialog (432b6a2)
  • grid: extract grid edit cell variables (8a33349)
  • grid: reduce direct referencing of bootstrap variables (07f84a9)
  • grid: use more predictable spacing between buttons in command cells (b000af4)
  • input: reduce direct referencing of bootstrap variables (1532e87)
  • input: unlink input line-height small and large from bootstrap variables (3efb638)
  • listgroup: reduce direct referencing of bootstrap variables (9d03c43)
  • mediaplayer: do not apply additional styling for media player toolbar (32aee36)
  • mediaplayer: use consistent padding for media player header (3461ecf)
  • overlay: reduce direct referencing of bootstrap variables (d3c92ba)
  • pager: reduce direct referencing of bootstrap variables (ae064e8)
  • pager: use consistent padding for pager (e17a60f)
  • pivot: reuse toolbar styles for pivot toolbar (5166c6f)
  • popup: reduce direct referencing of bootstrap variables (fcc9116)
  • progressbar: reduce direct referencing of bootstrap variables (e1c0a36)
  • scheduler: introduce variables for scheduler cell padding (0760a37)
  • scrollview: change light/dark bg opacity (d1d2250)
  • slider: reduce direct referencing of bootstrap variables (a70e50c)
  • tabstrip: reduce direct referencing of bootstrap variables (6998850)
  • taskboard: pane spacing is not consistent with action buttons (9ff8244)
  • toolbar: use consistent padding for toolbar (9fbce08)
  • treeview: use base hover and selected variables for treeview variables (bb0b569)
  • upload: use spacing map to size upload items (42bad6b)
  • window: reduce direct referencing of bootstrap variables (7f6ac0e)
  • link header to variable to base variable (8f7ca25)
  • remove unused cell-padding-sm variable (0812298)
  • remove usages of deprecated accent variable (07ddc38)
  • rename cell-padding variables to table-cell-padding (14205be)
  • upload: disconnect upload variables from toolbar (31fc9a3)
  • remove usages of extend text-selection (33948d8)
  • update swatches schema (b2fa497)

Features

  • pivotgrid: update pivotgrid to match latest design (4697557)
  • update bootstrap theme to Bootstrap 5 (19fccd2)
  • checkbox: allow glyph, image and marke for checked and indeterminate state (9db64a4)
  • radio: allow glyph, image and marker for checked state (f49034b)
  • expose endpoint for swatches consuption via js (0c7cb4f)
  • remove bootstrap form overrides (663d374)

4.36.0 (2021-06-14)

Bug Fixes

  • window: add missing titlebar gradient variable (b1a334d)
  • modify chip shadow to match design (4bbb886)
  • update paths to function/index in swatches (a474b02)
  • bootstrap: revert chart series colors (157958f)
  • expansionpanel: import missing dependencies (a4164ad)
  • grid: add pager focus styles (2c1d642)
  • grid: apply correct selected and hover styles on sticky cells in React Grid (1a9268f)
  • 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)

4.35.1 (2021-05-04)

Note: Version bump only for package @progress/kendo-theme-bootstrap

4.35.0 (2021-05-04)

Bug Fixes

Features

  • expose certain swatches to theme builder (9f75bc5)

4.34.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)
  • pivotgrid: use correct colors for pivotgrid (4dd2df2)
  • 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)
  • 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)
  • ligthen base-bg in default theme (256a23d)
  • button: align button colors to design specification (1d40910)
  • button: update button spacing (b539940)

4.33.1 (2021-03-29)

Bug Fixes

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

4.33.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)

4.32.0 (2021-03-04)

Bug Fixes

  • bootstrap-theme: replace usages of darken with shade (96af7b6)
  • breadcrumb: update breadcrumb styling to match in material and bootstrap design (5965c1d)
  • calendar: use subtle-text variable for calendar styles (61099cd)
  • 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)
  • forms: apply max-width to form-field-wrap (bee6f6d)
  • image-editor: reduce colors used by image editor (0860168)
  • 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)
  • 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)
  • use subtle-text variable for forms and input styling (0c49b7e)
  • upload: use subtle-text variable for upload styling (8fa18b6)
  • add styles for content focus TabStrip and Wizard telerik/kendo#12197 (5f9d382)
  • use subtle-text variable for styling cards and chat components (1d2728b)
  • upload: remove redundant color variables (74cd4a5)

Features

  • add subtle text variable to be used as secondary text (8b9322f)

4.31.0 (2021-02-15)

Bug Fixes

  • 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)

4.30.0 (2021-01-13)

Bug Fixes

  • use correct value for Bootstrap SM spacing (1751b03)
  • chart: inherit pane title font (7db96ca)

Features

  • add $chart-pane-title-font-weight variable (2daf251)

4.29.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)
  • toolbar: splitbutton in overflow should display its items vertically (9157d1f)

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)

4.28.0 (2020-12-21)

Bug Fixes

  • checkbox: improve spacing between checkbox list items (7e244a0)
  • fab: add disabled focus shadow (f659ec5)
  • fab: add lower elevation of the FAB in Default and Bootstrap themes (e05d9e1)
  • 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)

4.27.0 (2020-12-15)

Bug Fixes

  • fab: constrain circle and square shapes in size (a06627e)
  • scrollview: update styles based on latest design (ba5a4e9)

Features

4.26.0 (2020-12-10)

Bug Fixes

  • 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)

4.25.0 (2020-12-03)

Bug Fixes

  • ripple effect for checkboxes and radios (7dfce23)
  • autocomplete: remove redundant autocomplete variables (5eebb0c)
  • 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)

4.24.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)
  • 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

4.23.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)
  • 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)
  • switch: do not depend on $button- variables (073681f)
  • textbox: base variables on input variables (6522a00)
  • treeview: do not base treeview variables on button variables (3005f6d)
  • upload: require toolbar variables explicitly (99b4319)
  • utils: require typography variables explicitly (9ff3176)

4.23.1 (2020-11-02)

Note: Version bump only for package @progress/kendo-theme-bootstrap

4.23.0 (2020-10-20)

Bug Fixes

Features

  • avatar: sizes, shapes and colors to avatar (4010ff8)

4.22.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)

4.21.1 (2020-09-15)

Bug Fixes

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

4.21.0 (2020-09-14)

Bug Fixes

  • set top margin to the form hint (f8843cf)
  • gantt: adjust planned vs actual styles telerik/kendo#11149 (a055c1a)
  • change default bootstrap border color depending on document background (579c485)
  • remove soldomly used header-hover and header-selected variables (9fb414f)
  • update colors in bootstrap theme to match v4.5 (78b1e4f)
  • card: update card colors to match bootstrap 4.5.1 (#787) (9b341ca)
  • dropdown: update dropdown colors to match bootstrap 4.5.1 (#787) (1ed5e47)
  • gantt: make delete over offset always visible telerik/kendo#11149 (f89970c)
  • input: update input border and text color to match bootstrap 4.5.1 (9a23b87)
  • listgroup: kendo-listgroup styles did not override bootstrap-listgroup styles correctly (d78f491)
  • radio: invalid radio styles are missing in kendo-jquery (#1122) (24d74eb)

Features

  • add dark bootstrap-3 based swatch (f848f93)

4.20.0 (2020-09-08)

Bug Fixes

  • card: generate styles for theme colors (c7f6e3f)
  • card: improve card callout styles (cc1f20b)
  • card: refactor card actions to behave as expected (6421f0d)
  • form: remove unused bottom margin in bootstrap theme (19aebff)
  • input: extract input styles as a separate module (c67e163)
  • toolbar: make toolbar container for buttons (cee0b45)

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)

4.19.0 (2020-08-06)

Bug Fixes

  • grid: update locked columns styling (b62d304)
  • add missing px units to 0 variables (c6684bf)
  • always pass value to border-*-radius mixins (efffbe8)
  • cards: update styles to match latest design (da77702)
  • common: expose utils into separate module (1946a85)

Features

  • button: add clear button styling (a87a61e)
  • add TextArea styles (cffdde6)
  • badge: rework badge styles to use stacked styles (04c279f)
  • provide styling for action buttons (d852003)

4.18.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)

4.17.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)
  • 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)

4.16.2 (2020-05-20)

Bug Fixes

  • drawer: focused and selected style in bootstrap and material telerik/kendo-themes/issues/1550 (afbe808)
  • multiselect: button height adjustment (ab40bd2)

4.16.1 (2020-05-11)

Bug Fixes

  • forms: place optional label below label in horizontal forms (5fbc252)
  • stepper: update steps hover styling (9119340)

4.16.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: 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)

4.15.0 (2020-04-09)

Bug Fixes

  • forms: various fixes and improvements (b847a02)
  • inputs: invalid+focus states for inputs, maskedtextbox and numerictextbox (6e7e507)
  • unify error statesfor input components (8e9b2de)

Features

  • add Cursor styles (24bcdce)
  • forms: implement forms styling (0fc957c)
  • stepper: add stepper styles (359c37c)

4.14.0 (2020-04-02)

Bug Fixes

  • 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)

4.13.0 (2020-03-30)

Features

  • listview: allow listview content to have grid or flex layout (09a9d52)
  • pager: add styling for standalone pager component (f7cecc8)

4.12.0 (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)
  • notification: use fill mixin (80e6d9b)
  • popup: disabled items in popup appearance (3818a7b)
  • toolbar: use fill mixin (fa17fac)

Features

  • badge: add support for icons in badges (77f2617)

4.11.0 (2020-03-06)

Bug Fixes

  • badge: conditionally set badge size to fixed or calculated (39a7128)
  • 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)

4.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)
  • grid: inconsistent grouping header height (b7ea9be)
  • notification: extract notification variables (4ec43f2)
  • textarea: extract scss variable (fdd4186)
  • toolbar: remove right border from popup menu button in RTL mode (c106c9a)
  • switch usages of button--size functions with button-calc- vars (6437547)

4.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)
  • slider: background-image empty url in material theme (96fd3fa)
  • tabstrip: add variables for item gradient (8e3c46b)
  • Chat message-box theme (ac4cccc)
  • Default variables leakage to other themes (df48dae)
  • slider: use correct values for slider background (5c0fb9a)

4.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)
  • color-system: use correct grading of color level function (950d639)
  • 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)

4.9.1 (2020-01-13)

Bug Fixes

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

4.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

4.8.0 (2019-12-17)

Bug Fixes

Features

  • placeholder: add placeholder line styles (7cd1bd2)

4.7.0 (2019-12-04)

Bug Fixes

  • tabstrip: tab selected styles based on orientation in nested tabstrips (e0d5ef4)

Features

  • avatar: add shape styles (c140647)

4.6.0 (2019-11-29)

Bug Fixes

  • remove explicit width for checkbox label (7efdbd4)
  • grid: add styles for selected column menu item (30421de)

Features

  • add listgroup styles (7eaea1d)
  • avatar: add component styles (ad0d07b)
  • badge: component styles (367f6a4)

4.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)
  • numerictextbox: extract scss variables (1a6b0bc)
  • add whitespace around operators in calc expressions (02ee4b6)

Features

  • breadcrumb: add styles for breadcrumb component (400fd43)
  • checkbox: add invalid, indeterminate and long labels styles (43ee6c8)
  • radio: style native radio through k-radio class (f7d9906)

4.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

4.3.7 (2019-10-22)

Note: Version bump only for package @progress/kendo-theme-bootstrap

4.3.6 (2019-10-22)

Bug Fixes

  • radio-checkbox: update radio / checkbox appearance in bootstrap theme (89cf2bd)

4.3.5 (2019-10-21)

Bug Fixes

  • split functions and variables into separate import files (cda7960)
  • colorpicker: extract scss variables (493b5a1)
  • datetime: invalid state style in grid-editing (8d8d45c)
  • 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)
  • upload: extract variables for upload component (1f1c517)

4.3.4 (2019-10-11)

Bug Fixes

  • handle api-check, ci and prepubilsh tasks from gulp (71175b2)
  • colorpicker: input cut off in bootstrap theme (91bd81a)
  • menu: submenu double padding in blazor bootstrap theme (0f3d022)
  • slider: rtl styles (5260318)

4.3.3 (2019-09-27)

Note: Version bump only for package @progress/kendo-theme-bootstrap

4.3.2 (2019-09-17)

Bug Fixes

  • window: remove explicit background and color from window titlebar in bootstrap theme (3de8414)
  • window: wrong height of window titlebar in bootstrap theme (bce63f5)

4.3.1 (2019-09-17)

Note: Version bump only for package @progress/kendo-theme-bootstrap

4.3.0 (2019-09-16)

Bug Fixes

  • buttongroup: remove double border from .k-widget.k-button-group (47bcd7e)
  • 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)

4.2.0 (2019-09-02)

Bug Fixes

  • card: update subtitle color to match design (dbea6f6)

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)

4.1.0 (2019-07-26)

Features

4.0.0 (2019-07-08)

Bug Fixes

  • add !default flag to more variables (5372039)
  • 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

3.4.2 (2019-06-12)

Bug Fixes

  • use gulp tasks in themes instead of lerna (f5d5c0c)
  • drawer: fix includes in bootstrap theme (ed4364d)
  • grid: adaptive renedering checkbox focused state (12c2dbe)
  • grid: add no records template styles (0c64ab0)
  • notification: improve alignment of text and icons in notification (e629688)

3.4.1 (2019-05-15)

Note: Version bump only for package @progress/kendo-theme-bootstrap

3.4.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)

3.3.1 (2019-04-09)

Note: Version bump only for package @progress/kendo-theme-bootstrap

3.3.0 (2019-04-08)

Bug Fixes

  • buttons: disabled focused buttons styles in mozilla (961f592)
  • textbox: placeholder color in IE (cfd732a)

Features

  • calendar: add styles for Blazor calendar (8987d65)
  • pager: rendering changes and styles (0a5642b)

3.2.3 (2019-03-14)

Bug Fixes

  • upgrade theme dependency to bootstrap 4.3.1 (eedd116)
  • buttons: use correct color for .k-button.k-flat:hover.k-state-active (eebad66)
  • colorpicker: wrapper hover styles not applied (0f5ea5e)
  • dropdowns: remove list items transform transitions (71f3982)
  • grid: added active styles for grid column menu (dfd1bc6)
  • grid: grouping header text overflows with frozen columns (779a216)
  • scheduler: decreasing bootstrap padding in angular (8ad054c)
  • scheduler: month view style improvements (e3dc082)
  • toolbar: added min-height (452f4c0)

3.2.2 (2019-02-19)

Bug Fixes

  • gantt: improve focused toolbar item styles (1c2d77f)
  • scheduler: improve scheduler event styles (a37e948)

3.2.1 (2019-02-14)

Bug Fixes

  • 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)
  • scheduler: navigation focus state (9e5b372)
  • spreadsheet: filter menu sort icons (f9d09ab)

3.2.0 (2019-01-15)

Bug Fixes

  • popup: group header styles (7032efe)

Features

  • datetimepicker: add styles for kendo-react (1aea521)

3.1.0 (2019-01-14)

Bug Fixes

Features

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

3.0.0 (2019-01-08)

Features

  • switch: improvements based on the latest design (2a1dcec)

BREAKING CHANGES

  • switch: Improve switch rendering and remove javascript animations

2.18.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)
  • grid: filter menu buttons margin and borders (471c5b2)
  • scrollview: trigger build (a209ce2)
  • window: window actions are not properly aligned in IE (c2f6f6b)

Features

  • add predefined widths for Window and Dialog (18cab9c)
  • responsive pager jQuery (9baeefc)

2.17.1 (2018-12-07)

Bug Fixes

  • material: improve window appearance in dark themes (ad56d1e)
  • pager: expose and use pager variables (a09f6f4)
  • scrollview: revert regression rendering changes (398412c)

2.17.0 (2018-11-22)

Bug Fixes

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

Features

  • grid: add hover + selected rows styles (7dde502)

2.16.0 (2018-11-09)

Bug Fixes

  • scheduler: adaptive view switcher background (41bdb94)
  • scheduler: use :hover for buttons (e296270)

Features

2.15.0 (2018-10-31)

Features

  • multiviewcalendar: add multiviewcalendar for kendo-jquery (9761e30)

2.14.3 (2018-10-29)

Note: Version bump only for package @progress/kendo-theme-bootstrap

2.14.2 (2018-10-16)

Bug Fixes

  • inputs: apply invalid state only trough class name instead of pseudo class (4e0c8a2)
  • pager: font-size and alignment corrections (d44c8dd)
  • pager: use correct border radius in first / last links when in rtl (ec3d97d)
  • tabstrip: extract tabstrip variables and use correct values (699be9c)

2.14.1 (2018-10-01)

Bug Fixes

  • correct a typo in variable name (0b1938c)

2.14.0 (2018-09-11)

Bug Fixes

  • combobox: incorrect styling when importing styles separately (16da3d5)
  • multiselect: incorrect styling when importing styles separately (e5ea1ed)
  • tooltip: incorrect styling when importing styles separately (#304) (f78ff85)
  • improve form variables in accordance to material design (dcb5a44)

Features

2.13.8 (2018-08-22)

Bug Fixes

2.13.7 (2018-07-24)

Note: Version bump only for package @progress/kendo-theme-bootstrap

2.13.6 (2018-06-18)

Bug Fixes

  • calendar: error when compiling standalone calendar (67aa44a)
  • tooltip: align closable tooltip icon button (69f2d09)

2.13.5 (2018-05-23)

Bug Fixes

  • notification: add Material styles, improve close icon positioning (5340230)

2.13.4 (2018-05-16)

Note: Version bump only for package @progress/kendo-theme-bootstrap

2.13.3 (2018-05-15)

Note: Version bump only for package @progress/kendo-theme-bootstrap

2.13.2 (2018-05-10)

Note: Version bump only for package @progress/kendo-theme-bootstrap

2.13.1 (2018-05-09)

Note: Version bump only for package @progress/kendo-theme-bootstrap

2.13.0 (2018-05-07)

Features

  • add TabStrip styling (a93d7cc)
  • grid: add Angular column menu styling (38d9486)

2.12.1 (2018-04-30)

Bug Fixes

  • chat: resolve missing file error when building from source (#148) (d72af65)

2.12.0 (2018-04-27)

Bug Fixes

  • grid: improve grouping header layout in Angular (1df42eb)
  • textarea: use input appearance (af44caf)

Features

2.11.11 (2018-04-11)

Bug Fixes

  • dateinput: improve spinner layout to match numeric (d8d0842)
  • listview: Improve focused and selected state appearance of listview in accordance with design (4225503)

2.11.10 (2018-03-26)

Bug Fixes

  • button: improve styles for flat and bare look (e2e8b7a)

2.11.9 (2018-03-12)

Bug Fixes

2.11.8 (2018-02-20)

Note: Version bump only for package @progress/kendo-theme-bootstrap

2.11.7 (2018-02-16)

Bug Fixes

  • editor: add styles for editor table telerik/kendo#8213 (5cec16a)

2.11.6 (2018-02-13)

Note: Version bump only for package @progress/kendo-theme-bootstrap

2.11.5 (2018-02-06)

Note: Version bump only for package @progress/kendo-theme-bootstrap

2.11.4 (2018-02-06)

Bug Fixes

  • package: reduce npm package size for derived themes (d4a2ad9)

2.11.3 (2018-02-06)

Note: Version bump only for package @progress/kendo-theme-bootstrap

3.0.0 (2018-01-30)

Bug Fixes

  • add bootstrap overrides and update variables (0a81bc0)
  • add dependencies to bootstrap variables to all components (912e821)
  • add dirty collapse / expand icons. unifiy icon pseudo elements (dd8fa00)
  • add global options variables for rounded corners, shadows, gradients and transitions (7fbd9b1)
  • add styles for missing chart components (e07ec09)
  • add styles for selected tabstrip pane (32143f0)
  • allow package to work outside of webpack (f330d67)
  • border and text decorations (2c45e1f)
  • consolidate picker form controls (3a01dc4)
  • correct classnames for seek icons (0ce684a)
  • correct main file name in NPM package (c6feade)
  • correct path for editor import (bb8954c)
  • define all inherited variables when importing component files (3e1e3a2)
  • duplicate selectors in switch widget styles so kendo-ng-* can use them (42b4f96)
  • grid alt and selected state (7052156)
  • improve styles for days (778f9ec)
  • improve styles in switch for angular (409fb25)
  • improve volume slider styles (8a30252)
  • include color functions in the variables file (07975f2)
  • inline Editor border width and select state (aea000b)
  • make theme work with kendo-theme-default@2.x (44e2ee5)
  • missing handle icon and background of splitbar in normal state (6878f70)
  • MaskedTextbox: Fix invalid state border (9d559cb)
  • pager and dropdownlist appearance (a33c910)
  • reduce toolbar padding (56b4e30)
  • remove extra borders of button groups and fix border color of selected button (8930df8)
  • remove focus box-shadow from editors (56386c4)
  • specify transition properties (3224751), closes #198
  • splitter does not apply styles for hover state (ccd3303)
  • stop using css modules via common-tasks 2.0 (04ef5ee)
  • button: improve outline button appearance (a634d3e)
  • button: use correct colors for primary button (89d803d)
  • buttonGroup: fix no applying focus state to disabled button in button group telerik/kendo#7846 (c64cbd7)
  • calendar: add styles for infinite calendar (abee18c)
  • calendar: update calendar appearance in accordance to Bootstrap v4 beta-1 (5779cd9)
  • chart: grid lines colors (#102) (7e2361d)
  • combobox: rtl appearance (9970562)
  • combobox: wrong border colors of focused combobox (3774304)
  • common: improve header variables (b0b54e6)
  • common: update dependency to Bootstrap v4 beta-2 (0c50b53)
  • contextmenu: update contextmenu appearance (a416da7)
  • dateinput: border, hover and focus state (08b753c)
  • dateinputs: apply consistent header styles (c2b7d5f)
  • datetimepicker: wrong focus state borders colors (687c955)
  • dropdown: add focus state to dropdown and popup (9ce99ab)
  • dropdownlist: apply color to option label border (ececc25)
  • editors: common layout glitches (5b588d2)
  • forms: align forms in dialog labels. (61c881d)
  • gantt: improve milestone appearance (df7c9a1)
  • gantt: make task resize handler wider and transparent (af62568)
  • gantt: reduce padding of toolbar-like elements in gantt (fd945e2)
  • gantt: view switcher is missing selected state (2c19585)
  • grid: Add dirty cell indicator styling (e75eca0)
  • grid: Add missing locked footer border color (e5caf33)
  • grid: Add RTL styles for dirty cells (266ebc7)
  • grid: border color (1923fff)
  • grid: Fix edit textbox width variable (598e451)
  • grid: improve grid row selected state (1150dad)
  • grid: reduce padding of toolbar-like elements in grid (cf25e3c)
  • grid: remove focus on header links (96637a2)
  • grid: Remove selection column checkbox margin in RTL (c671f29)
  • grid: scope selcted styles (be070f9)
  • grid: Set fixed font-size of col sorting index to achieve alignment (e8aef0b)
  • grid: Tweak multiple column sorting index position (787d70e)
  • grid: use scoped grid variables (7c12b76)
  • Grid: Add cell focused state styles (0c3fd96)
  • Grid: Add styles for verification tooltip (c2b1f8a)
  • input: Add styles for placeholder text (9ea8b70)
  • inputs: wrong border color for invalid inputs (c62ea18), closes telerik/kendo-theme-bootstrap#289
  • listbox: use correct variables for listbox (f863af3)
  • ListBox: Improve button margins temporarily (005ce87)
  • listview: add focused state (b5d0c07)
  • map: Add marker color (c958ace)
  • map: directions navigator is not properly customized in themebuilder (502028d)
  • MaskedTextbox: Add missing invalid state border (2b9a72b)
  • mediaplayer: add opacity to toolbar (d0aa7bc)
  • menu: add styles for scrolling (aa4a878)
  • multiselect: border color (d620f57)
  • multiselect: improve height of token with empty string telerik/kendo-ui-core#372 (a050374)
  • multiselect: wrong items height (a5c6116)
  • notification: use panel styles for default type (91ca341)
  • notification: use scoped variables for notification (96b2c2c)
  • numerictextbox: spinners misalignment (d89d006)
  • pager: add focus outline for pager buttons (316ff9b)
  • pager: focused state text decoration (82fa821)
  • pager: improve disabled state of pager items (18922d1)
  • pager: improve selected styles (86b5726)
  • pager: use consistent header appearance (a6ae6cd)
  • pager: use relative units for button metrics (#267) (bc5d7d3)
  • panelbar: improve focus state (54497f8)
  • panelbar: use correct border color for root items (7dd7582)
  • pivotgrid: apply header-bg to pivotgrid configurator (381406a)
  • pivotgrid: reduce padding of toolbar-like elements in pivotgrid (8af6287)
  • pivotgrid: use correct color for pivotgrid toolbar border (9f0fb06)
  • Popup: Remove the top and bottom padding of Popup when used as a column menu (5b0ed95)
  • progressbar: add styles for indetermined progressbar (e13a6c4)
  • progressbar: use correct variables for progressbar (7bcdc0c)
  • ripple: add default ripple styles (19d1c09)
  • scheduler: add bacground to event with no resources (5fa6a29)
  • scheduler: view switcher is missing selected state (9abcf35)
  • scrollview: add styles for scrollview pager (e79ecb8)
  • slider: add focus state to drag handle (8208d0a)
  • slider: add tick images (80ed313)
  • slider: link slider variables to progressbar variables (0ede195)
  • slider: remove browser outline on focus (dc7fd03)
  • splitter: use correct colors for splitter (2ff9472)
  • spreadsheet: add styles for filter menu and filter button (05ea173)
  • spreadsheet: improve spreadsheet active cell border by frozen cells telerik/kendo-ui-core#3254 (0d838c3)
  • spreadsheet: make drag handle to be visible in all cases telerik/kendo-ui-core#3254 (4fdeafc)
  • spreadsheet: missing indicators for spreadsheet (18ff11d)
  • spreadsheet: styles for spreadsheet toolbar (7e51ad7)
  • switch: border-color of switch is too dark (1659185)
  • wrong border color of input in scheduler advanced form (eaf5e48)
  • switch: use correct border-radius for switch wrapper (11f697e)
  • tabstrip: update variables to reflect changes in bootstrap (fc60359)
  • tabstrip: use correct border-color when hovering / selecting tabs (66709a7)
  • timepicker: improve popup appearance (#348) (19e3965)
  • tooltip: tooltip cannot be customized in theme builder (8e220c7)
  • tooltip: use $font-size-sm (c40001f)
  • tooltip: use alert-padding for close button (2b130c7)
  • tooltip: use contrast function to determine text color based on background (6bc6c12)
  • tooltip: use correct padding for collapsible tooltip (20ec0ad)
  • tooltip: use tooltip font-size variable (53b2864)
  • treeview: add additional spacing around nodes so box shadow dont overlap (260a216)
  • treeview: add border radius to nodes (184301c)
  • treeview: focused and selected-focused state are clipped (56e9445)
  • treeview: improve node colors (9885066)
  • treeview: reduce spacing between checkbox and item text (b6426fc)
  • upload: import theme styles from the default theme (6e330aa)
  • window: add spacing between buttons (cbd9223)
  • window: fix content bleeding outside of window boundaries (932c9a7)
  • window: increase window actions padding (0709998)
  • window: reduce window action size (e450346)
  • use Listing D:\WORK\kendo-ui\kendo-theme-bootstrap\ New files added to this directory will not be compressed. (ca44855)
  • window: remove box shadow (2331805)
  • switch appearance (24bb58e)
  • switch label alignment (0233b20)
  • Switch to a variable from pixels for font-size of col sorting index text (55d1140)
  • Switch to separate vars for alert vertical / horizontal padding (8976522)
  • unify design of dialog buttons and action buttons (a8b8f21)
  • unify theme entrypoint name (1e11ce0)
  • update dependencies on build (c2f835f)
  • update license (#277) (f8a0fab)
  • update spacer-x / y variables (9987287)
  • update variables for themebuilder (a7cafcc)
  • use ~ paths to reference node_modules (7bfa24d)
  • use bootstrap component-* variables for theme base variables (130b46f)
  • use box sizing for autocomplete (0ccb3e8)
  • use correct import path for media player (fc7ef6f)
  • use correct selectors for focused state (fec9aae)
  • use correct values for grid-padding and toolbar-padding (3b1656a)
  • use new contrast function (6df8a35)
  • use new contrast function (c8936af)
  • use the correct box sizing for pager (b939a69)
  • window: use correct border color for window (23f90ff)
  • use the correct box-sizing for colorpicker (13233f1)
  • use the correct box-sizing for slider (e572252)
  • window: use opacity for window action buttons (edc9733)
  • window: use scoped variables for window (d56f591)
  • varibles are not properly set (b3257c9)
  • various editor fixes (f16bfbe)
  • various fixes in navigation control (f8ad8f7)

Features

  • add fill and outline utility mixins (0e003c7)
  • Add ListBox styles (f372ac9)
  • add media player (f68e2f5)
  • add pivotgrid styles (e777abf)
  • button: add styles for outline button (b87efdc)
  • add styles for dialog component (9401341)
  • add styles for gantt (d463033)
  • Add styles for inline Editor (33f4422)
  • add styles for map (f7ee367)
  • add styles for spreadsheet closes #47 (8555777)
  • add styling for forms (#268) (5f65bfe)
  • add support for ng-chart colors (1645717)
  • embed dependencies during publish (2b77ef9)
  • enable development channel (0543ec3)
  • extract dropdown wrap (c51f240)
  • publish package with @progress prefix (5c7a061)
  • remove 'base' mixin folder (f230f4e)
  • remove box-sizing override to better comply with 3rd party frameworks (540e8d1)
  • standartize folder structure (e193234)
  • styles for barcode and qrcode (c852789)
  • styles for scheduler (a67afec)
  • styles for scrollview (fdd5738)
  • styles for table alignment and media player (8d65e31)
  • tie bootstrap dep to a specific commit (latest as of 2017/03/06) (fd7c42e)
  • update bootstrap dependency to 4.0.0-beta (#299) (2a99728)
  • grid: style grid filter button states (543bbe9)
  • update bootstrap dependency to v4.0.0 (3f739c8)
  • badge: add styles for badge telerik/kendo#7846 (7cd13d2)
  • button: add styles for bare button (ca29995)
  • button: add styles for flat button (2b299b7)
  • button: add styles for outline button (ed1f492)
  • calendar: implement design for kendo-angular (73268ec)
  • checkbox: improve styles for checkboxes (0afbdde)
  • DateInput: Add invalid state styles (627057c)
  • DatePicker: Add DateInput invalid state (81d3727)
  • datetimepicker: Add invalid state styles (1a14bfa)
  • edit-form: add styles for edit form (16a157c)
  • grid: Add styles for column sorting (55abc0e)
  • Grid: Add styles for Grid column sorting order (85cdfb9)
  • MaskedTextbox: Add separate styles for MTB, invalid state (telerik/kendo#6825) (d1067b0)
  • numerictextbox: add pressed state to increase/decrease arrows; align spinner icons (47fa757)
  • radiobutton: improve styles for radio button (1a6db60)
  • timepicker: Add invalid state styles (e22dd7f)
  • use mixins from @telerik/kendo-theme-default (ed4c3d9)
  • use pickerwrap for combo and dropdown (85ed82d)

BREAKING CHANGES

  • Publish with @progress prefix

2.12.0-dev.c7ddd20b (2018-01-30)

Bug Fixes

  • add bootstrap overrides and update variables (0a81bc0)
  • add dependencies to bootstrap variables to all components (912e821)
  • add dirty collapse / expand icons. unifiy icon pseudo elements (dd8fa00)
  • add global options variables for rounded corners, shadows, gradients and transitions (7fbd9b1)
  • add styles for missing chart components (e07ec09)
  • add styles for selected tabstrip pane (32143f0)
  • allow package to work outside of webpack (f330d67)
  • border and text decorations (2c45e1f)
  • consolidate picker form controls (3a01dc4)
  • correct classnames for seek icons (0ce684a)
  • correct main file name in NPM package (c6feade)
  • correct path for editor import (bb8954c)
  • define all inherited variables when importing component files (3e1e3a2)
  • duplicate selectors in switch widget styles so kendo-ng-* can use them (42b4f96)
  • grid alt and selected state (7052156)
  • improve styles for days (778f9ec)
  • improve styles in switch for angular (409fb25)
  • improve volume slider styles (8a30252)
  • include color functions in the variables file (07975f2)
  • inline Editor border width and select state (aea000b)
  • make theme work with kendo-theme-default@2.x (44e2ee5)
  • missing handle icon and background of splitbar in normal state (6878f70)
  • MaskedTextbox: Fix invalid state border (9d559cb)
  • pager and dropdownlist appearance (a33c910)
  • reduce toolbar padding (56b4e30)
  • remove extra borders of button groups and fix border color of selected button (8930df8)
  • remove focus box-shadow from editors (56386c4)
  • specify transition properties (3224751), closes #198
  • splitter does not apply styles for hover state (ccd3303)
  • stop using css modules via common-tasks 2.0 (04ef5ee)
  • button: improve outline button appearance (a634d3e)
  • button: use correct colors for primary button (89d803d)
  • buttonGroup: fix no applying focus state to disabled button in button group telerik/kendo#7846 (c64cbd7)
  • calendar: add styles for infinite calendar (abee18c)
  • calendar: update calendar appearance in accordance to Bootstrap v4 beta-1 (5779cd9)
  • chart: grid lines colors (#102) (7e2361d)
  • combobox: rtl appearance (9970562)
  • combobox: wrong border colors of focused combobox (3774304)
  • common: improve header variables (b0b54e6)
  • common: update dependency to Bootstrap v4 beta-2 (0c50b53)
  • contextmenu: update contextmenu appearance (a416da7)
  • dateinput: border, hover and focus state (08b753c)
  • dateinputs: apply consistent header styles (c2b7d5f)
  • datetimepicker: wrong focus state borders colors (687c955)
  • dropdown: add focus state to dropdown and popup (9ce99ab)
  • dropdownlist: apply color to option label border (ececc25)
  • editors: common layout glitches (5b588d2)
  • forms: align forms in dialog labels. (61c881d)
  • gantt: improve milestone appearance (df7c9a1)
  • gantt: make task resize handler wider and transparent (af62568)
  • gantt: reduce padding of toolbar-like elements in gantt (fd945e2)
  • gantt: view switcher is missing selected state (2c19585)
  • grid: Add dirty cell indicator styling (e75eca0)
  • grid: Add missing locked footer border color (e5caf33)
  • grid: Add RTL styles for dirty cells (266ebc7)
  • grid: border color (1923fff)
  • grid: Fix edit textbox width variable (598e451)
  • grid: improve grid row selected state (1150dad)
  • grid: reduce padding of toolbar-like elements in grid (cf25e3c)
  • grid: remove focus on header links (96637a2)
  • grid: Remove selection column checkbox margin in RTL (c671f29)
  • grid: scope selcted styles (be070f9)
  • grid: Set fixed font-size of col sorting index to achieve alignment (e8aef0b)
  • grid: Tweak multiple column sorting index position (787d70e)
  • grid: use scoped grid variables (7c12b76)
  • Grid: Add cell focused state styles (0c3fd96)
  • Grid: Add styles for verification tooltip (c2b1f8a)
  • input: Add styles for placeholder text (9ea8b70)
  • inputs: wrong border color for invalid inputs (c62ea18), closes telerik/kendo-theme-bootstrap#289
  • listbox: use correct variables for listbox (f863af3)
  • ListBox: Improve button margins temporarily (005ce87)
  • listview: add focused state (b5d0c07)
  • map: Add marker color (c958ace)
  • map: directions navigator is not properly customized in themebuilder (502028d)
  • MaskedTextbox: Add missing invalid state border (2b9a72b)
  • mediaplayer: add opacity to toolbar (d0aa7bc)
  • menu: add styles for scrolling (aa4a878)
  • multiselect: border color (d620f57)
  • multiselect: improve height of token with empty string telerik/kendo-ui-core#372 (a050374)
  • multiselect: wrong items height (a5c6116)
  • notification: use panel styles for default type (91ca341)
  • notification: use scoped variables for notification (96b2c2c)
  • numerictextbox: spinners misalignment (d89d006)
  • pager: add focus outline for pager buttons (316ff9b)
  • pager: focused state text decoration (82fa821)
  • pager: improve disabled state of pager items (18922d1)
  • pager: improve selected styles (86b5726)
  • pager: use consistent header appearance (a6ae6cd)
  • pager: use relative units for button metrics (#267) (bc5d7d3)
  • panelbar: improve focus state (54497f8)
  • panelbar: use correct border color for root items (7dd7582)
  • pivotgrid: apply header-bg to pivotgrid configurator (381406a)
  • pivotgrid: reduce padding of toolbar-like elements in pivotgrid (8af6287)
  • pivotgrid: use correct color for pivotgrid toolbar border (9f0fb06)
  • Popup: Remove the top and bottom padding of Popup when used as a column menu (5b0ed95)
  • progressbar: add styles for indetermined progressbar (e13a6c4)
  • progressbar: use correct variables for progressbar (7bcdc0c)
  • ripple: add default ripple styles (19d1c09)
  • scheduler: add bacground to event with no resources (5fa6a29)
  • scheduler: view switcher is missing selected state (9abcf35)
  • scrollview: add styles for scrollview pager (e79ecb8)
  • slider: add focus state to drag handle (8208d0a)
  • slider: add tick images (80ed313)
  • slider: link slider variables to progressbar variables (0ede195)
  • slider: remove browser outline on focus (dc7fd03)
  • splitter: use correct colors for splitter (2ff9472)
  • spreadsheet: add styles for filter menu and filter button (05ea173)
  • spreadsheet: improve spreadsheet active cell border by frozen cells telerik/kendo-ui-core#3254 (0d838c3)
  • spreadsheet: make drag handle to be visible in all cases telerik/kendo-ui-core#3254 (4fdeafc)
  • spreadsheet: missing indicators for spreadsheet (18ff11d)
  • spreadsheet: styles for spreadsheet toolbar (7e51ad7)
  • switch: border-color of switch is too dark (1659185)
  • wrong border color of input in scheduler advanced form (eaf5e48)
  • switch: use correct border-radius for switch wrapper (11f697e)
  • tabstrip: update variables to reflect changes in bootstrap (fc60359)
  • tabstrip: use correct border-color when hovering / selecting tabs (66709a7)
  • timepicker: improve popup appearance (#348) (19e3965)
  • tooltip: tooltip cannot be customized in theme builder (8e220c7)
  • tooltip: use $font-size-sm (c40001f)
  • tooltip: use alert-padding for close button (2b130c7)
  • tooltip: use contrast function to determine text color based on background (6bc6c12)
  • tooltip: use correct padding for collapsible tooltip (20ec0ad)
  • tooltip: use tooltip font-size variable (53b2864)
  • treeview: add additional spacing around nodes so box shadow dont overlap (260a216)
  • treeview: add border radius to nodes (184301c)
  • treeview: focused and selected-focused state are clipped (56e9445)
  • treeview: improve node colors (9885066)
  • treeview: reduce spacing between checkbox and item text (b6426fc)
  • upload: import theme styles from the default theme (6e330aa)
  • window: add spacing between buttons (cbd9223)
  • window: fix content bleeding outside of window boundaries (932c9a7)
  • window: increase window actions padding (0709998)
  • window: reduce window action size (e450346)
  • use Listing D:\WORK\kendo-ui\kendo-theme-bootstrap\ New files added to this directory will not be compressed. (ca44855)
  • window: remove box shadow (2331805)
  • switch appearance (24bb58e)
  • switch label alignment (0233b20)
  • Switch to a variable from pixels for font-size of col sorting index text (55d1140)
  • Switch to separate vars for alert vertical / horizontal padding (8976522)
  • unify design of dialog buttons and action buttons (a8b8f21)
  • unify theme entrypoint name (1e11ce0)
  • update dependencies on build (c2f835f)
  • update license (#277) (f8a0fab)
  • update spacer-x / y variables (9987287)
  • update variables for themebuilder (a7cafcc)
  • use ~ paths to reference node_modules (7bfa24d)
  • use bootstrap component-* variables for theme base variables (130b46f)
  • use box sizing for autocomplete (0ccb3e8)
  • use correct import path for media player (fc7ef6f)
  • use correct selectors for focused state (fec9aae)
  • use correct values for grid-padding and toolbar-padding (3b1656a)
  • use new contrast function (6df8a35)
  • use new contrast function (c8936af)
  • use the correct box sizing for pager (b939a69)
  • window: use correct border color for window (23f90ff)
  • use the correct box-sizing for colorpicker (13233f1)
  • use the correct box-sizing for slider (e572252)
  • window: use opacity for window action buttons (edc9733)
  • window: use scoped variables for window (d56f591)
  • varibles are not properly set (b3257c9)
  • various editor fixes (f16bfbe)
  • various fixes in navigation control (f8ad8f7)

Features

  • add fill and outline utility mixins (0e003c7)
  • Add ListBox styles (f372ac9)
  • add media player (f68e2f5)
  • add pivotgrid styles (e777abf)
  • button: add styles for outline button (b87efdc)
  • add styles for dialog component (9401341)
  • add styles for gantt (d463033)
  • Add styles for inline Editor (33f4422)
  • add styles for map (f7ee367)
  • add styles for spreadsheet closes #47 (8555777)
  • add styling for forms (#268) (5f65bfe)
  • add support for ng-chart colors (1645717)
  • embed dependencies during publish (2b77ef9)
  • enable development channel (0543ec3)
  • extract dropdown wrap (c51f240)
  • publish package with @progress prefix (5c7a061)
  • remove 'base' mixin folder (f230f4e)
  • remove box-sizing override to better comply with 3rd party frameworks (540e8d1)
  • standartize folder structure (e193234)
  • styles for barcode and qrcode (c852789)
  • styles for scheduler (a67afec)
  • styles for scrollview (fdd5738)
  • styles for table alignment and media player (8d65e31)
  • tie bootstrap dep to a specific commit (latest as of 2017/03/06) (fd7c42e)
  • update bootstrap dependency to 4.0.0-beta (#299) (2a99728)
  • grid: style grid filter button states (543bbe9)
  • update bootstrap dependency to v4.0.0 (3f739c8)
  • badge: add styles for badge telerik/kendo#7846 (7cd13d2)
  • button: add styles for bare button (ca29995)
  • button: add styles for flat button (2b299b7)
  • button: add styles for outline button (ed1f492)
  • calendar: implement design for kendo-angular (73268ec)
  • checkbox: improve styles for checkboxes (0afbdde)
  • DateInput: Add invalid state styles (627057c)
  • DatePicker: Add DateInput invalid state (81d3727)
  • datetimepicker: Add invalid state styles (1a14bfa)
  • edit-form: add styles for edit form (16a157c)
  • grid: Add styles for column sorting (55abc0e)
  • Grid: Add styles for Grid column sorting order (85cdfb9)
  • MaskedTextbox: Add separate styles for MTB, invalid state (telerik/kendo#6825) (d1067b0)
  • numerictextbox: add pressed state to increase/decrease arrows; align spinner icons (47fa757)
  • radiobutton: improve styles for radio button (1a6db60)
  • timepicker: Add invalid state styles (e22dd7f)
  • use mixins from @telerik/kendo-theme-default (ed4c3d9)
  • use pickerwrap for combo and dropdown (85ed82d)

BREAKING CHANGES

  • Publish with @progress prefix

Versions

Not finding the help you need?