Effect with pre-set variables are not properly shown in ThemeBuilder (not included in the generated SCSS)

[NickIliev]

Describe the bug The calendar's cells have a predefined box-shadow effect in the Kendo FLuent theme that is not shown in ThemeBuilder. As a result the effect can't not be initially removed (because the none option is available only after there is a value set explicitly)

To Reproduce Steps to reproduce the behavior:

1. Create a new Fluent project
2. Load the Calendar and go to Day Cell template
3. Selected the Focused (or Selected) template and observe the box-shadow effect in the preview (for the "(span) Day Link" part)
4. Load the Properties pane and observe the Effects property

Actual Results The predefined box-shadow effect is missing.

however, the element is renderer with the following box-shadow

Expected behavior The predefined value to be populated so that it can be easily overwritten.

Workaround (to remove the default effect)

• Select the Effects property.
• Switch to token mode.
• Set any value.
• Then remove the token and set the value to none

Screenshots If applicable, add screenshots to help explain your problem.

Components technology and version TB Q1 2024 - Fluent theme

Additional context Reported through t.1644943

[NickIliev]

+1 from t.1646299

[NickIliev]

• 1 from 1651290 for invalid state and its Border color of Input/TextBox

[vstaykov]

Effects property editor requires in depth revision for improvements and fixing some limitations. Meanwhile, for more complex scenarios you can use the Styles Editor which shows the applied variables in the effects property even if missing in the effects property editor. Also, specific effect related CSS properties (e.g. box-shadow) can be managed separately.