Release Notes

This document briefly describes the notable changes in the ThemeBuilder Web App.

11/13/2024

Features New

  • Add support for Telerik and Kendo UI components version Q4 2024

  • Add support for the text-transform property in typography variables

  • Add support for the new Dart-Sass-based Kendo themes

  • Add support for existing native HTML elements in custom components

  • Improve the partial export for Telerik & Kendo UI components

  • Allow users with Pro licence to modify variables in the Variable Modes view

Bug Fixes Fixed

  • Cannot create Button configuration due to a failing validation

  • Fix the casing for the names of the component parts of Telerik & Kendo UI components

  • Fix collisions when setting properties

  • The link to the main component is missing in the Variables pane

  • Wrong position for in-place hints' tooltip

  • The 'Text > Advanced > Underline' option doesn't work

  • The Styles Editor shows metadata IDs instead of variable names

  • Renamed custom component parts are reverted when the HTML content of the custom component is saved

  • Cannot export from a restored version when Kendo UI is added

  • Cannot change the value of a background-image with data URL through the Styles Editor

  • When a variant is renamed, the styles applied to it are not reflected in the Live Preview

  • Pre-existing state colors for variants are not respected

  • An error is thrown when migrating projects to 2024 Q2

  • TileLayout CSS discrepancy with the source of truth

  • The "Return to linked component" tooltip is not hidden when the Settings panel is open

  • When a custom component contains a class that starts with a dash, the exported CSS is invalid

  • ThemeBuilder does not filter the no-longer-available Kendo variables correctly during an automatic migration

  • Discrepancy in the generated styles when changing swatches

  • Failing import of metadata from projects with version R3 2022

  • Project fails with a 'Cannot convert undefined or null to object' error during an export

  • Wrong UI for the global notification after a successful start of a trial

08/07/2024

Features New

  • Add custom components support

  • Add functionality for importing external CSS

  • Add support for creating projects with previous Telerik and Kendo UI component versions

  • Add grouping for the new color system variables

  • Show Kendo theme names in the ThemeBuilder project

  • Add tooltips for text-transform options

  • Add missing time parts in DateTimePicker popup template

  • Improve Grid's normal Row > Hover and Cell > Hover templates

  • Add missing component parts for DatePicker & DateRangePicker—k-popup

  • Add missing k-grid-aria-root component part for the Grid component

Bug Fixes Fixed

  • The gap value does not accept metric varibles

  • Incorrect selector for hint component

  • Setting background-color on Button > Solid/Secondary sets hover globally instead just for the k-button-solid-base class

  • Selected styles are not applying when scrollable is set to none in the Kendo Grid

  • Wrong CSS hierarchy in Menu > Submenu template

  • Custom variable groups are not persisted after export/import metadata

  • Incorrect template for Menu components

  • ThemeBuilder generates incorrect styles for Grid Row Hover state template

  • Effect properties cannot be set to none in styles editor

  • The content table of the Grid is collapsed

  • Progress bar intermediate state does not validate if the background-color is deleted

  • Migration is failing for the 2023R3 project

  • Application crashes on component variant dill down

  • Default configuration affects all buttons

  • Setting properties for related components like DropDownButton and Button in specific order changes specificity

  • Double entry for Button in the Select Components Dialog

  • AIPrompt theme styles are not exported in partial export

  • Fix inconsistent styling behavior between Solid/Secondary and the other Button templates

  • Incorrect rendering for the icon of the Menu component

05/15/2024

Features New

  • Add support for Telerik and Kendo components version Q2 2024

  • Add styling support for all variants of the Button and TextBox components

  • Implement the new Kendo color system

  • Allow customization of prefixes for ThemeBuilder variables

  • Add an AIPrompt component with advanced editing in the ThemeBuilder

  • Use full theme import in ThemeBuilder exported styles

Bug Fixes Fixed

  • The DropDownButton component part link to main component (Input) does not work

  • ThemeBuilder web application generates corrupted property selector

  • Default theme does not bind primary color correctly to all components

  • Editing metric variables when a metric mode is applied crashes the application

  • ThemeBuilder produces different zero-width space character in the compiled CSS

  • Styles set with !important in the Kendo theme are not overwritten by ThemeBuilder

  • Changed Kendo variable is not updated in all related components

  • Kendo variables are not applied for all components

  • Border spacing property values not applied

  • FloatingAction Button parts cannot be selected

  • Create project button is not centered vertically

  • Drag handle for components parts is very small

04/01/2024

Features New

  • Add Styles Code Editor

  • Enable the uploading of multiple font files for a single font-family

  • Add search in the modes settings screen

Bug Fixes Fixed

  • Exported SCSS cannot be compiled when using font icons and no project binary file resolution

  • Remove .k-dialog-wrapper class from dialog template

  • After two consecutive variables exports from Figma to one and the same TB project, the project cannot be loaded anymore

01/31/2024

Features New

  • Allow users to export variables and modes from Figma

  • Expose Kendo theme variables per component

  • Create templates for generic HTML elements

  • Add support for version Q1 2024 of the Telerik and Kendo components

  • Implement name collision resolution during export of Figma styles

  • Add ability for styling the collapsed state of the whole Expansion Panel component

Bug Fixes Fixed

  • CheckBoxLabel is wrapped inside k-checkbox-wrap element

  • Fonts with ThemeBuilder prefixes are displayed but not installed

  • DateRangePicker is not positioned in the clickable area

  • Fix the broken styling of the premium features dialog for trial users

  • Increase specificity for the Tooltip component

  • Editing a Kendo variable description after editing the value reverts to the original value

  • The TextBox component parts are missing the Button sub-component

  • Add elipsis to the pill for the active mode if the name is too long

  • Add Current template for the Stepper's Step part

01/03/2024

Features New

  • Add functionality for exporting the CSS and overrides for the selected components

  • Performance improvements: load only one frame after drill down action

  • Add option to style the Collapsed state of the whole ExpansionPanel component

  • Add Button sub-component parts in the TextBox component template

  • Enhance the email notifications by including the email address of the user who shares the project

  • Update the Readme file in the generated output to contain information about all technologies

  • Add Focus template for the ExpansionPanel Header

Bug Fixes Fixed

  • Default effects for FAB cause the SCSS generation to fail

  • Filter Row styles in the Grid component template are rendered with an obsolete .k-clear-button-visible class

  • The pager template has the wrong drop-down in the template

  • The Stepper > Step part should have Current template

  • Material Theme uses wrong shadow values

  • ComboBox Clear icon is not available for customization in the Default state

  • MultiSelect Clear icon cannot be customized in ThemeBuilder

11/16/2023

Features New

  • Allow trial users to log and export styles and icons from Figma

  • Save all selected components from the Live Preview per user

  • Improve the Buy Now dialog by adding the reason for opening

  • Add descriptive message when users try uploading fonts above 3 MB

Bug Fixes Fixed

  • ComboBox Clear icon is not available for customization in the Default State

  • MultiSelect Clear Icon cannot be customized in ThemeBuilder

  • Wrong @progress/kendo-font-icons reference in exported package

  • Setting typography token clears CSS props customizations

  • Using mixed effect variable in the Fluent theme project throws an error on export

  • Background Editor with linear-gradient set to initial throws error

  • Back button in the Onboarding Panel has the wrong hover state

  • Migrating the variants of the CheckBox component leads to wrong selectors

  • Automatic migrations fails for SplitButton changes

10/11/2023

Features New

  • Add support for Telerik and Kendo components R3 2023 version

  • Add advanced editing for Breadcrumb

  • Add advanced editing for TileLayout

  • Add advanced editing for Popover

  • Add advanced editing for Filter

  • Add advanced editing for Conversational UI

  • Add advanced editing for ScrollView

  • Add advanced editing for Skeleton

  • Add advanced editing for Form

  • Allow users to add negative values in metrics inputs

  • Add support for Kendo WebComponents font npm package for R3 2023 project versions

Bug Fixes Fixed

  • Error when selecting the active state of the Solid Secondary Button

  • Effects are not applied when using variables in the Flat Button component

  • Font management cannot be accessed from the typography font-family editor

09/15/2023

Features New

  • Add functionality for styling SVG icons for R2 2023 project versions

  • Add support for Non-Scrollable grid in the ThemeBuilder

Bug Fixes Fixed

  • Changing variable value doesn’t update the canvas

  • Floating action button templates loading attempt is made for older version projects

  • Updating the Cell styles doesn't affect the Row template in Grid

  • Add tooltip for templates that are present in a newer version of the components

  • Multi-select component hover state styles inheritance

  • Grid component grouping row close button hover state styles

08/01/2023

Features New

  • Add support for the Kendo Classic theme

  • Update the UI of the Create New Project screen

Bug Fixes Fixed

  • Automatic migration UI can be shown when subscription requirements are not met

  • Opening the EDIT COLOR dialog for a solid color variable after opening the EDIT COLOR dialog for a gradient color blocks the displaying of the editor for the solid color variable (it appears partially).

  • Wrong additional class for the Calendar component's table

  • Changing a variable doesn't update the components canvas

  • Invalid values for max-width and max-height are allowed in the PROPERTIES editors

  • The EDIT dialog for a given variable doesn't open if another EDIT dialog is already shown

  • Remove an obsolete selector from the icons of the Pager component

  • Custom color variables cannot be used for effects in Fluent

07/06/2023

Features New

  • Allow free users to migrate Kendo variables between versions

  • Add advanced editing for FloatingActionButton

  • Add advanced editing for ColorGradient

  • Add advanced editing for FlatColorPicker

  • Add advanced editing for ColorPalette

  • Add advanced editing for ColorPicker

  • Add advanced editing for MultiSelectTree

  • Add advanced editing for MultiColumnComboBox

  • Add advanced editing for ExpansionPanel

  • Add advanced editing for ListBox

  • Add advanced editing for BottomNavigation

Bug Fixes Fixed

  • Adding a new variables category collapses the last one

  • Exporting a lot of icons in the plugin throws an error

  • When a project is deleted from within the project, the app sends an obsolete request

  • Exporting an effects variable with a custom color twice causes the Sass not to compile

  • Importing metadata with TSO without CSS properties throws an exception

  • Fluent Theme Styles pane shows empty Colors category when filtered

  • Checkbox disabled state produces invalid classes

06/06/2023

Features New

  • Add support for R2 2023 of the Telerik and Kendo UI components (Kendo themes v 6.4.0) when creating new projects

  • Automatic updates to the latest version of the Kendo Themes and Kendo and Telerik components

  • Figma import for design tokens, such as colors, typography, and effects

  • Figma import for custom fonts generated from SVG icons in the design document

  • SSO login

  • Access rights for shared projects

  • Improve the UI for the variables pane

  • Add, Edit, and Delete custom variables groups

  • Save expanded/collapsed variables groups per user

  • Create smart linking between ThemeBuilder variables

  • Add the supported theme version number in the compiled CSS file

  • Implement new UI of the dashboard page design

Bug Fixes Fixed

  • Remove .k-datepinput part from the DatePicker templates

  • Multiple import errors thrown during manual migration

  • Changing default effect tokens in CSS-based themes doesn't update the component styles

  • Extends are not applied on live components using ::state

  • MultiSelect popup items cannot be styled via Constructive Elements

  • Typography/Effect is not shown in the editor when set in inherited style

  • Undo-Redo actions cause duplication of previously edited variables

  • Effect variables with shadows which have a color variable for the shadow color break the project when duplicating

  • DropDownList select part cannot be edited in hover state

  • Variables are not supported in the Border Spacing editor

  • Duplicated arrows in property grid in Safari

  • Error notification appears on project not found page

  • Setting background to solid button changes the backgrounds of all buttons in the Fluent theme

04/19/2023

Features New

  • Add Effects variables in ThemeBuilder

Bug Fixes Fixed

  • Customising input overrides customized date inputs and dropdowns

  • Series colors are not applied on charts in the Fluent theme

  • Undo-Redo actions cause duplication of previously edited variables

  • Splitter collapsed splitbar templates are wrong

03/15/2023

Features New

  • Add support for Kendo UI for jQuery components

  • Add support for Telerik UI for ASP.NET Core components

  • Add support for Telerik UI for ASP.NET MVC components

  • Add support for Telerik UI for PHP components

  • Add support for Telerik UI for JSP components

  • Add templates for all variants of dialog action buttons

  • Add support for login with SSO

Bug Fixes Fixed

  • Import metadata containing theme style overrides without extends fails

  • TreeList editable row has component parts not visible in the tree

  • Selecting Calendar Table::After crashes the app

  • ProgressBar component cannot be drilled down

  • AutoComplete close icon is not editable

  • Link from DropDownTree Selected-Focused is wrong

  • TextGroup is closed in multiplayer

  • Non-variable changes to the border-radius are not persisted in the editor for the normal Badge

  • Logical CSS properties are not correctly displayed in the Property Grid

  • Changing variable name and clicking the description closes the popup and applies the update

  • Exported metadata for projects with a lot of changes cannot be imported

02/09/2023

Features New

  • Migrate styles between projects with a different version of Telerik and Kendo UI components

  • Style the input in Grid Edit Cell

  • Label with Kendo theme version information

Bug Fixes Fixed

  • Unit input editor sets invalid value

02/02/2023

Features New

  • Add support for R1 2023 of Telerik and Kendo UI components (Kendo themes v 6.0.3) when user creates new project

  • Add TextBox component in advanced editing for projects created with R1 2023 version of Telerik and Kendo UI components

  • Add ListView component in advanced editing for projects created with R1 2023 version of Telerik and Kendo UI components

  • Add TreeList component in advanced editing for projects created with R1 2023 version of Telerik and Kendo UI components

  • Add Upload component in advanced editing for projects created with R1 2023 version of Telerik and Kendo UI components

  • Add External Drop Zone component in advanced editing for projects created with R1 2023 version of Telerik and Kendo UI components

  • Add AppBar component in advanced editing for projects created with R1 2023 version of Telerik and Kendo UI components

  • Add ProgressBar component in advanced editing for projects created with R1 2023 version of Telerik and Kendo UI components

  • Add Loader component in advanced editing for projects created with R1 2023 version of Telerik and Kendo UI components

  • Add GridLayout component in advanced editing for projects created with R1 2023 version of Telerik and Kendo UI components

  • Add Editor component in advanced editing for projects created with R1 2023 version of Telerik and Kendo UI components

Bug Fixes Fixed

  • Selecting Local Text Properties closes the editor

  • Add Child Item Level 2 as editable items in the PanelBar

  • Wrong DropDownTree disabled item template

  • Implicitly using custom fonts from the default-typography is not applied

01/18/2022

Features New

  • Support for custom fonts and font icons, enabling fully custom typography and easy customization of icons inside the components

  • Add a SELECT AN ICON dialog to the Content editor allowing to choose an icon from an uploaded font

  • Move the Icon property editor to the Text section and rename it to Content

  • Integrate the ThemeBuilder login with the telerik.com login form

  • Add a search box above the property grid to filter CSS properties

  • Add clip to overflow Editor

  • Update 'do not have permissions' screen

  • Add 404 page

  • Add focused state to the tabs items

  • Expose the $body-bg variable for the Fluent and Material themes

Bug Fixes Fixed

  • Changes to the popup menu or popup container are not applied to the Pager' dropdown popup

  • Setting effects after resetting an editor doesn't work

  • Notification emails for shared projects are blocked because of DMARC rules

  • Box shadow with deleted input causes the export to fail

  • Longer invalid values overlap with the invalid value icon

  • Typography tokens are not exported correctly

  • Wrong styles are generated during export

  • unset, initial, and inherit options in kendo variables cause the project to break

  • Updating the body-bg variable crashes the application

  • Deleting metric variables crashes the app

  • Palettes and Typographies allow dragging arbitrary elements over them

  • The Badge component is not positioned well in Advanced Edit mode

  • Fix UI glitches for list items and select pop-ups

  • Dialogs in the Scheduler can be opened in Live Preview

  • The Effects editor closes unexpectedly

  • Fix wrong paddings for the Panel header

  • When the THEME STYLES pane is resized and users drill down and then return, the pane changes its size

  • Application crashes when project is deleted from the project page

  • Fix the gap between notifications

  • Resizing the LIVE PREVIEW panel throws an error

  • The Try Again function does not work after the user has been logged out

  • Temporary notifications override permanent ones

  • Outline advanced settings popup goes out of the page when scrolling

  • The Content editor doesn't update when an icon is changed

  • The Edit variable window doesn't close when clicking on THEME STYLES

  • Error is thrown on reset change

  • Duplicated padding on export

  • User cannot select disabled component parts

  • The onboarding hint for Advanced Edit is misaligned

11/09/2022

Features New

  • Add support for metric variables that consist of a number and a metric unit, for example 10px, 10em, or 10%—applicable to specific properties in the property grid

Bug Fixes Fixed

  • Close opened dialogs for variables when new variable option is selected

  • Setting text color does not color the first button of a ButtonGroup

  • Empty selector generated when changing icon for DateTimePicker

  • DateRangePicker cannot style the :placeholder element

  • Date and Time inputs' Placeholder template does not lead to Live Preview where the Placeholder can be seen

  • Missing selector for focused, hovered, and active states

  • When a variable is used in the effects editor, it can be deleted by the user

  • Custom Variable Editor resets its position when the type is changed

  • Wrong templates in the Material theme Calendar

  • Panelbar items icons must not be editable

  • Cannot open constructive elements for SplitButton and navigate to them

10/20/2022

Features New

  • The new Fluent Theme is here. Now you can use the Fluent theme as a starting point and add your customizations on top of it. That is great for everyone with a style guide or design system based on the Fluent design.

  • Introduce per component drill-down URL for direct navigation to components states

  • Add support for numbers in the names of custom Sass variables

  • Improve tab navigation in Property Editors

  • Improve property editors advanced settings windows positioning

  • Unify the UI of windows and buttons in the application

  • Add JS import instructions in exported package README

Bug Fixes Fixed

  • The status item icon in the toolbar does not work when the user changes variables

  • Previous project is opened after sign out and then sign in

  • ThemeBuilder reports multiple users when only one user is logged in

  • SVG background-image crashes the app

  • Color sample is not updated on referenced variables

  • Gradient color variable cannot be set as background

  • Gradient color variables are saved as solid

  • Invalid customizations are applied on untouched components in Angular

  • Property Grid editors are constantly re-rendered for no reason

  • Validation allows incomplete hex and RGB values

  • Add missing container element part in the menu items

  • When the filter string for the variables pane is deleted, the groups are collapsed

  • Cannot create gradient color variable that references already created one

  • Setting Layer Blur effect metric doesn't work

  • When using the enter key to add a new variable, it is added without name

  • When the input border color is changed in the Material theme, the export throws an error

09/14/2022

Features New

  • Add login with Telerik account functionality

  • Add functionality for creating, duplicating, and deleting projects

  • Add support for choosing to customize the Kendo Default, Bootstrap, or Material theme during project creation

  • Add functionality for sharing projects with teammates

  • Add Theme Styles pane which lists top level Kendo Theme variables for Color, Typography, and Border Radius

  • Add functionality for adding new variables

  • Add functionality for editing variables

  • Add functionality for loading predefined color swatches

  • Add functionality for importing variables from previous ThemeBuilder

  • Add undo and redo functionality for changes made in the Theme Styles pane

  • Add Advanced Edit canvas with zooming, panning, and scrolling

  • Add drill down functionality to drill down to component states

  • Add Components Parts pane which shows the component’s editable elements

  • Add Property Grid pane with styles editors

  • Add support for styling latest Kendo and Telerik React components (R3 2022)

  • Add support for styling latest Kendo and Telerik Angular components (R3 2022)

  • Add support for styling latest Kendo and Telerik Blazor components (R3 2022)

  • Add support for styling latest Kendo and Telerik Vue components (R3 2022)

  • Add Button component

  • Add ButtonGroup component

  • Add Chip component

  • Add ChipList component

  • Add DropDownButton component

  • Add SplitButton component

  • Add Toolbar component

  • Add Input component

  • Add NumericTextBox component

  • Add MaskedTextBox component

  • Add Checkbox component

  • Add RadioButton component

  • Add Switch component

  • Add Rating component

  • Add Slider component

  • Add TextArea component

  • Add Labels component

  • Add Hint component

  • Add Error component

  • Add DateInput component

  • Add Calendar component

  • Add DatePicker component

  • Add MultiViewCalendar component

  • Add DateRangePicker component

  • Add TimePicker component

  • Add DateTimePicker component

  • Add Autocomplete component

  • Add DropDownList component

  • Add ComboBox component

  • Add MultiSelect component

  • Add DropDownTree component

  • Add Menu component

  • Add Drawer component

  • Add Avatar component

  • Add Tabstrip component

  • Add Card component

  • Add PanelBar component

  • Add Window component

  • Add Dialog component

  • Add Pager component

  • Add Grid component

  • Add Scheduler component

  • Add Badge component

  • Add Tooltip component

  • Add Notification component

  • Add TreeView component

  • Add Stepper component

  • Add Splitter component

  • Add Floating Label component

  • Add Radio Group component

  • Add Export functionality for exporting the custom styles as an npm package

  • Add precompiled CSS with custom styles in the exported package

  • Add SCSS files with custom styles and variables in the exported package

In this article
Related articles
Not finding the help you need?