Unchecked checkbox appears checked on hover (Fluent theme)

[IvanDanchev]

Describe the bug
With the Fluent theme, on hovering an unchecked kendo checkbox, it is shown as checked.

To reproduce
Steps to reproduce the behavior:

1. Go to dojo example
2. Hover the checkbox
3. A checkmark appears in the checkbox

Expected behavior
No checkmark should appear in the hovered checkbox.

Workaround:

<style>
    .k-checkbox:hover, .k-checkbox.k-hover {
        background-image: var(--kendo-checkbox-checked-image, url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='var%28--kendo-color-app-surface, %23ffffff%29' stroke-linecap='square' stroke-linejoin='square' stroke-width='2' d='M3,8 l3,3 l7-7'/%3e%3c/svg%3e"));
    }

    .k-checkbox:hover::before {
        background-color: #fff;
    } 
</style>

Affected package (please remove the unneeded items)

• Fluent theme

Affected suites (please remove the unneeded items)

• Kendo UI for jQuery

Affected browsers (please remove the unneeded items)

• All
• Not Applicable
• Firefox version: [for example, 72, lts]
• Chrome version: [for example, 80]
• Edge version: [for example, 80]
• Safari version: [for example, 13]
• IE version: [for example, 11]

Build system information (please remove the unneeded items)

• Not Applicable
• OS: [for example, Windows, Linux, Mac]
• Node version: [for example, 10.15.3]
• NPM version: [for example, 6.4.1]

Additional context
Add any other context about the bug.