v5.5.0

5.5.0 (2022-06-13)

Bug Fixes

• avatar: align avatar image to top (3103874)
• color-picker: reduce horizontal padding of inputs, so value is almost never clipped (40997af)
• drawer: drawer should not be wider than its parent (52a8c6b)
• input: ensure outline input and picker use the same border-color (5a8a651)
• input: merge input-ripple styles in input styles (7be8b2b)
• input: remove child button border for flat input and pickers (6a97e09)
• make flat input and picker bottom radius 0 so it can accept different rounding (f78fbb7)
• material: apply input ripple on the correct sides (d95a5ee)
• material: update input and picker colors to match latest material spec (e07ad4d)
• panelbar: expose $panelbar-border-style variable (cf5afac)
• scope solid input and picker styles (66e9357)
• slider: add absolute positioned tick for slider (21f931c)
• switch: switch should accept k-rtl modifier (db182a6)
• toolbar: revert shading for indirect child button components (aa2c385)

Features

• drawer: add hierarchical item levels (115098b)
• html: migrate components to react (5b4e09b)
• utils: add kendo-theme-utils package (4b05d67)

v5.4.1

5.4.1 (2022-05-05)

Bug Fixes

• compatability with new state className syntax (c62c363)
• make kendo-popup 'pos: fixed' inside inputs and pickers so it's not clipped by overflow hidden (a5492e0)

v5.4.0

5.4.0 (2022-05-02)

Bug Fixes

• add missing styles to numeric-filter-menu (d923974)
• chip: chip text color to depend on the base-text color rather than button-text (773465c)
• daterangepicker: update swap button alignment to match design (62d9043)
• dropdown: update hover background-color and text to match design (95c5a9d)
• extract menu-button styles as a separate module (b20201a)
• extract split-button styles as a separate module (b52a8ba)
• floatinglabel: allow usage of k-invalid and k-focus classes (aec2ea9)
• gantt: dependency validation tooltip adjustments (bf7c6e8)
• input: add inline-start border to input button in default and material (133d29f)
• input: apply $invallid-border to invalid focus state outline input and picker in default theme (983ee4f)
• input: apply correct border-radius on :focus-within (e5ebc2b)
• 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: ensure inputs and pickers have identical padding across all fill modes (d0af743)
• 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 border-color in material to match design (a33b563)
• 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)
• input: update solid input focus border in material to match design (8e0e266)
• menu: add missing button dependency (d070d37)
• menu: apply focus styles to the inner k-link element (3480b4e)
• menu: make scroll button selector more specific (e517d27)
• 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)

Features

• add button structure json (0747339)
• calendar: allow usage of k-focus k-hover k-selected k-active cl… (15ff571)
• card: allow usage of k-hover and k-focus (be00269)
• html: add swap button to daterangepicker html (a43986e)
• orgchart: allow usage of k-focus class (9ae8020)

v5.3.1

5.3.1 (2022-04-07)

Bug Fixes

• floatinglabel: placeholder should be transparent if floating label is not focused (2192dab)
• swatches: export ocean blue swatch (dfbfbc6)

v5.3.0

5.3.0 (2022-04-04)

Bug Fixes

• actionsheet: use subtle text variable for description styling (043ca4a)
• add clear button to json option file (9bda9f6)
• button: allow $kendo-solid-button-shade-function to be customized (83f8965)
• button: remove forced aspect ratio (8e41299)
• chat: add pre-wrap to chat messages (78a5e6d)
• chip: add box-shadow none on focus (86b845d)
• chip: text color in dark swatches (1682fcc)
• chip: update solid chip background color to match design (18353e9)
• colorgradient: use subtle text variable for input labels (860853a)
• colorpalette: use k-selected for selected state (92fdec8)
• dropdowngrid: reset data table border width in popup (af33de2)
• dropdowntree: wrong padding of the check-all element (ba3f72e)
• dropzone: use subtle text variable for note styling (8a416c1)
• expansion-panel: use subtle text variable for sub title styling (53ca03c)
• floating-label: add offset in front of floating-label in material theme (5322dfc)
• floating-label: address comments (4cb59c8)
• floating-label: allow label to be clickable in order to focus associated input (4a2acb8)
• floating-label: apply correct transitioning and alignment in rtl direction (f4e423d)
• floating-label: ensure styles are applied when using k-empty class (fdebefa)
• floating-label: ensure styles are applied when using k-focus class (8c6c318)
• form: action buttons overflow (4dbd1f3)
• grid: allow th cell alignment when sortable is enabled (a6adf50)
• grid: incorrect header sorting icon selector (eec44f5)
• html: add k-input-loading-icon class to loading icon (f38780b)
• html: avatar rounded option value (865dc33)
• html: remove rounding option from radio buttons readme (48fb0f7)
• html: remove unneeded attributes from map (9993a73)
• html: update validation icon classes (7cdc86a)
• input: allow placeholder text color customization on generic input (86270a9)
• input: correctly handle native disabled inputs (bd3b646)
• input: hover shadow variables not present in the code (5629d40)
• pager: ensure text inside pager does not wrap when pager is not responsive (9dd7c2b)
• taskboard: use hover color for focus state (f81ba93)
• textarea: add padding when using directive (1a0cbab)
• textbox: add necassery disabled styles (b9b9797)

Features

• add default ocean blue swatch (867ee02)
• common/loading: add variables for loading indicator (d271873)
• html: add action buttons html helper (bc5a49f)
• html: add captcha html helper (c50a695)
• html: add colorpalette html helper (1445f1c)
• html: add dropdowngrid helper (8e32c81)
• html: add floating label html helper (61c792c)
• html: add html helper for ButtonGroup (2347fd0)
• html: add html helper for daterangepicker (5efcbaf)
• html: add popover html helper (07202ac)
• html: add typography html helper (48f244e)
• scheduler: add ongoing event styles (60c6108)
• utils: add aspect-ratio utility classes (51dfc5a)
• utils: add utility classes for white space wrapping (c4d4a28)

v5.2.0

5.2.0 (2022-02-21)

Bug Fixes

• add important utils for flex-*, justify and align (5823691)
• add important utils for overflow (2a1101a)
• add important utils for resize (bd0edd1)
• button: font awesome icons in icon button are not properly aligned (ece376e)
• button: use kendo-button-border-radius variable in button styles (ee6a073)
• calendar: long month names overlapping in infinite calendar navi… (68a97b3)
• change default border radius in bootstrap theme (f1db475)
• change default border radius in material theme (54a6aa9)
• change default border radius in the default theme from 2 to 4 pixels (9c0ac14)
• chip: fix cut text at bottom of chip (97e1bc4)
• dataviz: set default barcode height (cae3bfc)
• dataviz: set default QR code height (e648409)
• docs: resolve sass variables before docs generation (80e37c4)
• floating-label: fix rtl display when floatiating label is placed inside container with [dir=rtl] (14e401e)
• form: set daterangepicker on a single line (2b0e8d1)
• functions: escape percent character (44598e6)
• html: add k-focus to menu item instead of menu link (8ca69f7)
• input: conditionally set spinner offset to calculated or auto (04d5b35)
• input: excess text is not properly cut (60c5834)
• input: missing styles for kendo icons in suffix and prefix (78d1cae)
• list: empty items have a wrong height (ebd716e)
• menu: set focus styles to menu items via k-focus class for keyboard navigation purposes (ebbadf5)
• notification: customizable theme variables (ed8ae78)
• pivotgrid: add missing padding between icon and text in pivotgrid cells (e84fe7c)
• pivotgrid: add vertical borders for the legacy pivot rendeing in Material theme (c9194cd)
• rename border-radius to kendo-border-radius (54698d6)
• stepper: label overflow doesnt work (78777c0)
• textarea: set display to inline-flex (75a6da4)
• utilize border radius variables in classic theme (69968ac)

Features

• add disabled state variables for input and picker high-level components (d85b305)
• filemanager: add left and right borders to splitbar according to updated designs (48d0eae)
• gantt: add dependency validation tooltip styles (ebd1031)
• icons: add new icons to the font (12d3c17)
• improve component options sizings as per desing (d927a16)

v5.1.1

5.1.1 (2022-01-24)

Bug Fixes

• scope theme colors variables to avoid conflicts with bootstrap (3713876)

v5.1.0

5.1.0 (2022-01-24)

Bug Fixes

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

Features

• tabstrip: add focused state styles on tab item (1626963)

v5.0.1

5.0.1 (2022-01-19)

Bug Fixes

• button: apply correct styling to clear button (351a902)
• daterangepicker: set default width for dateinputs (de493c9)
• panelbar: scope content styles (f5f6d70)

v5.0.0

5.0.0 (2022-01-18)

Bug Fixes

• charts: update chart series colors (8866736)
• html: set global legacy property to false (6d187e6)

chore

• scheduler: remove legacy styles for kendo-angular-scheduler toolbar (94e093b)

Features

• autocomplete: add size, rounded and fill customization to autocomplete (de93be6)
• avatar: add rounded customization to avatar (9d663e4)
• button: add size, shape and color customization to button (db31d3f)
• checkbox: add sizing property to checkbox (b60493d)
• chip: add size rounded customization to chip (1c2c8c0)
• color-picker: add size, shape and color customization to color picker (ea83616)
• combobox: add size, shape and color customization to combobox (3454223)
• date-input: add size, rounded and full customization to date input (c19da4f)
• date-picker: add size, rounded and full customization to date picker (b137bca)
• daterange-picker: add size, rounded and full customization to date range picker (5f48054)
• datetime-picker: add size, rounded and full customization to date-time picker (9d98b62)
• dropdown-grid: add size, shape and color customization to dropdown grid (b8f7f05)
• 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)
• html: add html helper for multiselect (55cf915)
• input: add new high-level input component (6f45cf0)
• list: add size customization to list (1509542)
• masked-textbox: add size, rounded and fill customization to masked textbox (995dc3f)
• menu-button: add size customization to menu button (45a0864)
• menu: add size customization to menu list and menu items (7e0b9d1)
• multiselect: add size, rounded and fill customization to multiselect (11a2cab)
• numeric: add size, rounded and fill customization to numeric (8e16cd2)
• radio: add sizing property to radio (afb6cc3)
• searchbox: add size, rounded and fill customization to searchbox (0e75886)
• switch: add size and rounded customization to switch (10a7a02)
• table: add sizing to table component (ae7b643)
• textarea: add size, rounded and fill customization to textarea (cc6c6fb)
• textbox: add size, rounded and fill customization to textbox (797937e)
• time-picker: add size, rounded and full customization to time picker (c8db5cb)
• treeview: add sizing property to treeview (0b92f78)

infra

• publishing: do not include flattened dependencies in distributions (6dd9537)

BREAKING CHANGES

• fab: Convert monolithic FAB styles to multiple class names.

Styles are split in multiple class names with each being scoped to a
single FAB appearance property:

• shape - controls if the FAB is square or not;
• size - controls the overall physical size of a FAB;
• themeColor - controls which color is used to style a FAB;
• fillMode - controls how the color is applied;
• rounded - controls what border radius is applied to a FAB.
• fab: the shape option now supports rectangle and square.
• fab: themeColor class is now composite - k-fab-{fillMode}-{themeColor}.
• fab: Add kendo prefix to all FAB variables
• treeview: Add sizing property to TreeView
• multiselect: Use high-level input for multiselect base

Multiselect reuses the input base component size, rounded and fill
component options.

• multiselect: Use chip list for item selection
• chip: Add kendo prefix to all avatar variables

Change variable names from $chip-* to $kendo-chip-*.

• table: Add kendo prefix to all table variables

Change variable names from $table-* to $kendo-table-*.

• list: List size is now applied by a dedicated class.
• list: Rename list state variables.
• list: Add kendo prefix to all list variables

Change variable name from $list-* to $kendo-list-*.

• menu: Convert monolithic menu styles to multiple class names
• menu-button: Convert monolithic menu button styles to multiple class names
• avatar: Removed shape option from avatar.

The avatar has fixed width and height, thus no dedicated shape option
is needed. Instead, the avatar has rounded appearance property set
to circle by default.

The styles of the avatar are split into multiple class names with each
being scoped to a single appearance property:

• size controls the overall physical size of an avatar;
• themeColor controls which color is used to style an avatar;
• fillMode controls how the color is applied;
• rounded controls what border radius is applied to an avatar.

Each property generates component specific class name k-avatar-{size},
k-avatar-{fillMode}, k-avatar-{fillMode}-{themeColor}.

Note: without fillMode, there is no way to apply themeColor, that's why
the themeColor class is composite.

The only notable exception is rounded, which sets the same class name
for all components -- k-rounded-{rounded}.

You can find more information about the values of each property in the
documentation of the button component -- /docs/components/avatar.

• avatar: Add kendo prefix to all avatar variables

Change variable names from $avatar-* to $kendo-avatar-*.

• daterange-picker: Use high-level input for date range picker base

Date range picker reuses the input base component size, rounded and fill
component options.

• datetime-picker: Use high-level input for date-item picker base

Date-time picker reuses the input base component size, rounded and fill
component options.

• time-picker: Use high-level input for time picker base

Time picker reuses the input base component size, rounded and fill
component options.

• date-picker: Use high-level input for date picker base

Date picker reuses the input base component size, rounded and fill
component options.

• date-input: Use high-level input for date input base

Date input reuses the input base component size, rounded and fill
component options.

• color-picker: Use high-level picker for color picker base

Color picker reuses the picker base component size, rounded and fill
component options.

• dropdown-grid: Use high-level picker for dropdown grid base

Dropdown grid 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 i...