@syncfusion/blazor-themes 22.2.9 → 22.2.10

package/SCSS-Themes/base/material.scss

@@ -150,7 +150,7 @@ $appbar-top-shadow: 0 -2px 3px rgba(0, 0, 0, .1), 0 -2px 6px rgba(0, 0, 0, .2) !
 
 @if not variable-exists('is-roboto-loaded') {
   //sass-lint:disable no-url-protocols,no-url-domains
-  @import url('https://fonts.googleapis.com/css?family=Roboto:400,500');// stylelint-disable-line no-invalid-position-at-import-rule
+  @import url('https://fonts.googleapis.com/css?family=Roboto:400,500,700');// stylelint-disable-line no-invalid-position-at-import-rule
 }
 
 $is-roboto-loaded: 'true' !default;

package/SCSS-Themes/bootstrap-dark.scss

@@ -28743,6 +28743,8 @@ $cbox-border-style: solid !default;
             }
 
             &.e-stop {
+              background-color: $cbox-focussed-checkmark-bgcolor;
+              border-color: $cbox-focussed-checkmark-border-color;
               box-shadow: $cbox-focussed-box-shadow;
               color: $cbox-indeterminate-hover-color;
             }
@@ -28765,6 +28767,8 @@ $cbox-border-style: solid !default;
             }
 
             &.e-stop {
+              background-color: $cbox-focussed-checkmark-bgcolor;
+              border-color: $cbox-focussed-checkmark-border-color;
               box-shadow: $cbox-focussed-box-shadow;
               color: $cbox-indeterminate-hover-color;
             }

package/SCSS-Themes/bootstrap.scss

@@ -28517,6 +28517,8 @@ $cbox-key-focussed-bgcolor: transparent !default;
             }
 
             &.e-stop {
+              background-color: $cbox-focussed-checkmark-bgcolor;
+              border-color: $cbox-focussed-checkmark-border-color;
               box-shadow: $cbox-focussed-box-shadow;
               color: $cbox-indeterminate-hover-color;
             }
@@ -28539,6 +28541,8 @@ $cbox-key-focussed-bgcolor: transparent !default;
             }
 
             &.e-stop {
+              background-color: $cbox-focussed-checkmark-bgcolor;
+              border-color: $cbox-focussed-checkmark-border-color;
               box-shadow: $cbox-focussed-box-shadow;
               color: $cbox-indeterminate-hover-color;
             }

package/SCSS-Themes/bootstrap4.scss

@@ -28486,6 +28486,8 @@ $cbox-border-style: solid !default;
             }
 
             &.e-stop {
+              background-color: $cbox-focussed-checkmark-bgcolor;
+              border-color: $cbox-focussed-checkmark-border-color;
               box-shadow: $cbox-focussed-box-shadow;
               color: $cbox-indeterminate-hover-color;
             }
@@ -28508,6 +28510,8 @@ $cbox-border-style: solid !default;
             }
 
             &.e-stop {
+              background-color: $cbox-focussed-checkmark-bgcolor;
+              border-color: $cbox-focussed-checkmark-border-color;
               box-shadow: $cbox-focussed-box-shadow;
               color: $cbox-indeterminate-hover-color;
             }

package/SCSS-Themes/bootstrap5-dark.scss

@@ -28808,6 +28808,8 @@ $cbox-border-style: solid !default;
             }
 
             &.e-stop {
+              background-color: $cbox-focussed-checkmark-bgcolor;
+              border-color: $cbox-focussed-checkmark-border-color;
               box-shadow: $cbox-focussed-box-shadow;
               color: $cbox-indeterminate-hover-color;
             }
@@ -28830,6 +28832,8 @@ $cbox-border-style: solid !default;
             }
 
             &.e-stop {
+              background-color: $cbox-focussed-checkmark-bgcolor;
+              border-color: $cbox-focussed-checkmark-border-color;
               box-shadow: $cbox-focussed-box-shadow;
               color: $cbox-indeterminate-hover-color;
             }

package/SCSS-Themes/bootstrap5.scss

@@ -28808,6 +28808,8 @@ $cbox-border-style: solid !default;
             }
 
             &.e-stop {
+              background-color: $cbox-focussed-checkmark-bgcolor;
+              border-color: $cbox-focussed-checkmark-border-color;
               box-shadow: $cbox-focussed-box-shadow;
               color: $cbox-indeterminate-hover-color;
             }
@@ -28830,6 +28832,8 @@ $cbox-border-style: solid !default;
             }
 
             &.e-stop {
+              background-color: $cbox-focussed-checkmark-bgcolor;
+              border-color: $cbox-focussed-checkmark-border-color;
               box-shadow: $cbox-focussed-box-shadow;
               color: $cbox-indeterminate-hover-color;
             }

package/SCSS-Themes/buttons/check-box/bootstrap-dark.scss

@@ -575,6 +575,8 @@ $cbox-border-style: solid !default;
             }
 
             &.e-stop {
+              background-color: $cbox-focussed-checkmark-bgcolor;
+              border-color: $cbox-focussed-checkmark-border-color;
               box-shadow: $cbox-focussed-box-shadow;
               color: $cbox-indeterminate-hover-color;
             }
@@ -597,6 +599,8 @@ $cbox-border-style: solid !default;
             }
 
             &.e-stop {
+              background-color: $cbox-focussed-checkmark-bgcolor;
+              border-color: $cbox-focussed-checkmark-border-color;
               box-shadow: $cbox-focussed-box-shadow;
               color: $cbox-indeterminate-hover-color;
             }

package/SCSS-Themes/buttons/check-box/bootstrap.scss

@@ -572,6 +572,8 @@ $cbox-key-focussed-bgcolor: transparent !default;
             }
 
             &.e-stop {
+              background-color: $cbox-focussed-checkmark-bgcolor;
+              border-color: $cbox-focussed-checkmark-border-color;
               box-shadow: $cbox-focussed-box-shadow;
               color: $cbox-indeterminate-hover-color;
             }
@@ -594,6 +596,8 @@ $cbox-key-focussed-bgcolor: transparent !default;
             }
 
             &.e-stop {
+              background-color: $cbox-focussed-checkmark-bgcolor;
+              border-color: $cbox-focussed-checkmark-border-color;
               box-shadow: $cbox-focussed-box-shadow;
               color: $cbox-indeterminate-hover-color;
             }

package/SCSS-Themes/buttons/check-box/bootstrap4.scss

@@ -575,6 +575,8 @@ $cbox-border-style: solid !default;
             }
 
             &.e-stop {
+              background-color: $cbox-focussed-checkmark-bgcolor;
+              border-color: $cbox-focussed-checkmark-border-color;
               box-shadow: $cbox-focussed-box-shadow;
               color: $cbox-indeterminate-hover-color;
             }
@@ -597,6 +599,8 @@ $cbox-border-style: solid !default;
             }
 
             &.e-stop {
+              background-color: $cbox-focussed-checkmark-bgcolor;
+              border-color: $cbox-focussed-checkmark-border-color;
               box-shadow: $cbox-focussed-box-shadow;
               color: $cbox-indeterminate-hover-color;
             }

package/SCSS-Themes/buttons/check-box/bootstrap5-dark.scss

@@ -575,6 +575,8 @@ $cbox-border-style: solid !default;
             }
 
             &.e-stop {
+              background-color: $cbox-focussed-checkmark-bgcolor;
+              border-color: $cbox-focussed-checkmark-border-color;
               box-shadow: $cbox-focussed-box-shadow;
               color: $cbox-indeterminate-hover-color;
             }
@@ -597,6 +599,8 @@ $cbox-border-style: solid !default;
             }
 
             &.e-stop {
+              background-color: $cbox-focussed-checkmark-bgcolor;
+              border-color: $cbox-focussed-checkmark-border-color;
               box-shadow: $cbox-focussed-box-shadow;
               color: $cbox-indeterminate-hover-color;
             }

package/SCSS-Themes/buttons/check-box/bootstrap5.scss

@@ -575,6 +575,8 @@ $cbox-border-style: solid !default;
             }
 
             &.e-stop {
+              background-color: $cbox-focussed-checkmark-bgcolor;
+              border-color: $cbox-focussed-checkmark-border-color;
               box-shadow: $cbox-focussed-box-shadow;
               color: $cbox-indeterminate-hover-color;
             }
@@ -597,6 +599,8 @@ $cbox-border-style: solid !default;
             }
 
             &.e-stop {
+              background-color: $cbox-focussed-checkmark-bgcolor;
+              border-color: $cbox-focussed-checkmark-border-color;
               box-shadow: $cbox-focussed-box-shadow;
               color: $cbox-indeterminate-hover-color;
             }

package/SCSS-Themes/buttons/check-box/fabric-dark.scss

@@ -577,6 +577,8 @@ $cbox-ripple-size: -9px !default;
             }
 
             &.e-stop {
+              background-color: $cbox-focussed-checkmark-bgcolor;
+              border-color: $cbox-focussed-checkmark-border-color;
               box-shadow: $cbox-focussed-box-shadow;
               color: $cbox-indeterminate-hover-color;
             }
@@ -599,6 +601,8 @@ $cbox-ripple-size: -9px !default;
             }
 
             &.e-stop {
+              background-color: $cbox-focussed-checkmark-bgcolor;
+              border-color: $cbox-focussed-checkmark-border-color;
               box-shadow: $cbox-focussed-box-shadow;
               color: $cbox-indeterminate-hover-color;
             }

package/SCSS-Themes/buttons/check-box/fabric.scss

@@ -574,6 +574,8 @@ $cbox-checked-ripple-bgcolo: rgba(0, 0, 0, .3) !default;
             }
 
             &.e-stop {
+              background-color: $cbox-focussed-checkmark-bgcolor;
+              border-color: $cbox-focussed-checkmark-border-color;
               box-shadow: $cbox-focussed-box-shadow;
               color: $cbox-indeterminate-hover-color;
             }
@@ -596,6 +598,8 @@ $cbox-checked-ripple-bgcolo: rgba(0, 0, 0, .3) !default;
             }
 
             &.e-stop {
+              background-color: $cbox-focussed-checkmark-bgcolor;
+              border-color: $cbox-focussed-checkmark-border-color;
               box-shadow: $cbox-focussed-box-shadow;
               color: $cbox-indeterminate-hover-color;
             }

package/SCSS-Themes/buttons/check-box/fluent-dark.scss

@@ -579,6 +579,8 @@ $cbox-icon-color: $icon-color !default;
             }
 
             &.e-stop {
+              background-color: $cbox-focussed-checkmark-bgcolor;
+              border-color: $cbox-focussed-checkmark-border-color;
               box-shadow: $cbox-focussed-box-shadow;
               color: $cbox-indeterminate-hover-color;
             }
@@ -601,6 +603,8 @@ $cbox-icon-color: $icon-color !default;
             }
 
             &.e-stop {
+              background-color: $cbox-focussed-checkmark-bgcolor;
+              border-color: $cbox-focussed-checkmark-border-color;
               box-shadow: $cbox-focussed-box-shadow;
               color: $cbox-indeterminate-hover-color;
             }

package/SCSS-Themes/buttons/check-box/fluent.scss

@@ -579,6 +579,8 @@ $cbox-icon-color: $icon-color !default;
             }
 
             &.e-stop {
+              background-color: $cbox-focussed-checkmark-bgcolor;
+              border-color: $cbox-focussed-checkmark-border-color;
               box-shadow: $cbox-focussed-box-shadow;
               color: $cbox-indeterminate-hover-color;
             }
@@ -601,6 +603,8 @@ $cbox-icon-color: $icon-color !default;
             }
 
             &.e-stop {
+              background-color: $cbox-focussed-checkmark-bgcolor;
+              border-color: $cbox-focussed-checkmark-border-color;
               box-shadow: $cbox-focussed-box-shadow;
               color: $cbox-indeterminate-hover-color;
             }

package/SCSS-Themes/buttons/check-box/highcontrast.scss

@@ -573,6 +573,8 @@ $cbox-checked-ripple-bgcolo: rgba(0, 0, 0, .3) !default;
             }
 
             &.e-stop {
+              background-color: $cbox-focussed-checkmark-bgcolor;
+              border-color: $cbox-focussed-checkmark-border-color;
               box-shadow: $cbox-focussed-box-shadow;
               color: $cbox-indeterminate-hover-color;
             }
@@ -595,6 +597,8 @@ $cbox-checked-ripple-bgcolo: rgba(0, 0, 0, .3) !default;
             }
 
             &.e-stop {
+              background-color: $cbox-focussed-checkmark-bgcolor;
+              border-color: $cbox-focussed-checkmark-border-color;
               box-shadow: $cbox-focussed-box-shadow;
               color: $cbox-indeterminate-hover-color;
             }

package/SCSS-Themes/buttons/check-box/material-dark.scss

@@ -578,6 +578,8 @@ $cbox-border-style: solid !default;
             }
 
             &.e-stop {
+              background-color: $cbox-focussed-checkmark-bgcolor;
+              border-color: $cbox-focussed-checkmark-border-color;
               box-shadow: $cbox-focussed-box-shadow;
               color: $cbox-indeterminate-hover-color;
             }
@@ -600,6 +602,8 @@ $cbox-border-style: solid !default;
             }
 
             &.e-stop {
+              background-color: $cbox-focussed-checkmark-bgcolor;
+              border-color: $cbox-focussed-checkmark-border-color;
               box-shadow: $cbox-focussed-box-shadow;
               color: $cbox-indeterminate-hover-color;
             }

package/SCSS-Themes/buttons/check-box/material.scss

@@ -574,6 +574,8 @@ $cbox-border-style: solid !default;
             }
 
             &.e-stop {
+              background-color: $cbox-focussed-checkmark-bgcolor;
+              border-color: $cbox-focussed-checkmark-border-color;
               box-shadow: $cbox-focussed-box-shadow;
               color: $cbox-indeterminate-hover-color;
             }
@@ -596,6 +598,8 @@ $cbox-border-style: solid !default;
             }
 
             &.e-stop {
+              background-color: $cbox-focussed-checkmark-bgcolor;
+              border-color: $cbox-focussed-checkmark-border-color;
               box-shadow: $cbox-focussed-box-shadow;
               color: $cbox-indeterminate-hover-color;
             }

package/SCSS-Themes/buttons/check-box/material3-dark.scss

@@ -575,6 +575,8 @@ $cbox-border-style: solid !default;
             }
 
             &.e-stop {
+              background-color: $cbox-focussed-checkmark-bgcolor;
+              border-color: $cbox-focussed-checkmark-border-color;
               box-shadow: $cbox-focussed-box-shadow;
               color: $cbox-indeterminate-hover-color;
             }
@@ -597,6 +599,8 @@ $cbox-border-style: solid !default;
             }
 
             &.e-stop {
+              background-color: $cbox-focussed-checkmark-bgcolor;
+              border-color: $cbox-focussed-checkmark-border-color;
               box-shadow: $cbox-focussed-box-shadow;
               color: $cbox-indeterminate-hover-color;
             }

package/SCSS-Themes/buttons/check-box/material3.scss

@@ -575,6 +575,8 @@ $cbox-border-style: solid !default;
             }
 
             &.e-stop {
+              background-color: $cbox-focussed-checkmark-bgcolor;
+              border-color: $cbox-focussed-checkmark-border-color;
               box-shadow: $cbox-focussed-box-shadow;
               color: $cbox-indeterminate-hover-color;
             }
@@ -597,6 +599,8 @@ $cbox-border-style: solid !default;
             }
 
             &.e-stop {
+              background-color: $cbox-focussed-checkmark-bgcolor;
+              border-color: $cbox-focussed-checkmark-border-color;
               box-shadow: $cbox-focussed-box-shadow;
               color: $cbox-indeterminate-hover-color;
             }

package/SCSS-Themes/buttons/check-box/tailwind-dark.scss

@@ -575,6 +575,8 @@ $cbox-border-style: solid !default;
             }
 
             &.e-stop {
+              background-color: $cbox-focussed-checkmark-bgcolor;
+              border-color: $cbox-focussed-checkmark-border-color;
               box-shadow: $cbox-focussed-box-shadow;
               color: $cbox-indeterminate-hover-color;
             }
@@ -597,6 +599,8 @@ $cbox-border-style: solid !default;
             }
 
             &.e-stop {
+              background-color: $cbox-focussed-checkmark-bgcolor;
+              border-color: $cbox-focussed-checkmark-border-color;
               box-shadow: $cbox-focussed-box-shadow;
               color: $cbox-indeterminate-hover-color;
             }

package/SCSS-Themes/buttons/check-box/tailwind.scss

@@ -575,6 +575,8 @@ $cbox-border-style: solid !default;
             }
 
             &.e-stop {
+              background-color: $cbox-focussed-checkmark-bgcolor;
+              border-color: $cbox-focussed-checkmark-border-color;
               box-shadow: $cbox-focussed-box-shadow;
               color: $cbox-indeterminate-hover-color;
             }
@@ -597,6 +599,8 @@ $cbox-border-style: solid !default;
             }
 
             &.e-stop {
+              background-color: $cbox-focussed-checkmark-bgcolor;
+              border-color: $cbox-focussed-checkmark-border-color;
               box-shadow: $cbox-focussed-box-shadow;
               color: $cbox-indeterminate-hover-color;
             }

package/SCSS-Themes/fabric-dark.scss

@@ -28580,6 +28580,8 @@ $cbox-ripple-size: -9px !default;
             }
 
             &.e-stop {
+              background-color: $cbox-focussed-checkmark-bgcolor;
+              border-color: $cbox-focussed-checkmark-border-color;
               box-shadow: $cbox-focussed-box-shadow;
               color: $cbox-indeterminate-hover-color;
             }
@@ -28602,6 +28604,8 @@ $cbox-ripple-size: -9px !default;
             }
 
             &.e-stop {
+              background-color: $cbox-focussed-checkmark-bgcolor;
+              border-color: $cbox-focussed-checkmark-border-color;
               box-shadow: $cbox-focussed-box-shadow;
               color: $cbox-indeterminate-hover-color;
             }

package/SCSS-Themes/fabric.scss

@@ -28425,6 +28425,8 @@ $cbox-checked-ripple-bgcolo: rgba(0, 0, 0, .3) !default;
             }
 
             &.e-stop {
+              background-color: $cbox-focussed-checkmark-bgcolor;
+              border-color: $cbox-focussed-checkmark-border-color;
               box-shadow: $cbox-focussed-box-shadow;
               color: $cbox-indeterminate-hover-color;
             }
@@ -28447,6 +28449,8 @@ $cbox-checked-ripple-bgcolo: rgba(0, 0, 0, .3) !default;
             }
 
             &.e-stop {
+              background-color: $cbox-focussed-checkmark-bgcolor;
+              border-color: $cbox-focussed-checkmark-border-color;
               box-shadow: $cbox-focussed-box-shadow;
               color: $cbox-indeterminate-hover-color;
             }

package/SCSS-Themes/fluent-dark.scss

@@ -28874,6 +28874,8 @@ $cbox-icon-color: $icon-color !default;
             }
 
             &.e-stop {
+              background-color: $cbox-focussed-checkmark-bgcolor;
+              border-color: $cbox-focussed-checkmark-border-color;
               box-shadow: $cbox-focussed-box-shadow;
               color: $cbox-indeterminate-hover-color;
             }
@@ -28896,6 +28898,8 @@ $cbox-icon-color: $icon-color !default;
             }
 
             &.e-stop {
+              background-color: $cbox-focussed-checkmark-bgcolor;
+              border-color: $cbox-focussed-checkmark-border-color;
               box-shadow: $cbox-focussed-box-shadow;
               color: $cbox-indeterminate-hover-color;
             }

package/SCSS-Themes/fluent.scss

@@ -28875,6 +28875,8 @@ $cbox-icon-color: $icon-color !default;
             }
 
             &.e-stop {
+              background-color: $cbox-focussed-checkmark-bgcolor;
+              border-color: $cbox-focussed-checkmark-border-color;
               box-shadow: $cbox-focussed-box-shadow;
               color: $cbox-indeterminate-hover-color;
             }
@@ -28897,6 +28899,8 @@ $cbox-icon-color: $icon-color !default;
             }
 
             &.e-stop {
+              background-color: $cbox-focussed-checkmark-bgcolor;
+              border-color: $cbox-focussed-checkmark-border-color;
               box-shadow: $cbox-focussed-box-shadow;
               color: $cbox-indeterminate-hover-color;
             }

package/SCSS-Themes/highcontrast.scss

@@ -28506,6 +28506,8 @@ $cbox-checked-ripple-bgcolo: rgba(0, 0, 0, .3) !default;
             }
 
             &.e-stop {
+              background-color: $cbox-focussed-checkmark-bgcolor;
+              border-color: $cbox-focussed-checkmark-border-color;
               box-shadow: $cbox-focussed-box-shadow;
               color: $cbox-indeterminate-hover-color;
             }
@@ -28528,6 +28530,8 @@ $cbox-checked-ripple-bgcolo: rgba(0, 0, 0, .3) !default;
             }
 
             &.e-stop {
+              background-color: $cbox-focussed-checkmark-bgcolor;
+              border-color: $cbox-focussed-checkmark-border-color;
               box-shadow: $cbox-focussed-box-shadow;
               color: $cbox-indeterminate-hover-color;
             }

package/SCSS-Themes/material-dark.scss

@@ -28953,6 +28953,8 @@ $cbox-border-style: solid !default;
             }
 
             &.e-stop {
+              background-color: $cbox-focussed-checkmark-bgcolor;
+              border-color: $cbox-focussed-checkmark-border-color;
               box-shadow: $cbox-focussed-box-shadow;
               color: $cbox-indeterminate-hover-color;
             }
@@ -28975,6 +28977,8 @@ $cbox-border-style: solid !default;
             }
 
             &.e-stop {
+              background-color: $cbox-focussed-checkmark-bgcolor;
+              border-color: $cbox-focussed-checkmark-border-color;
               box-shadow: $cbox-focussed-box-shadow;
               color: $cbox-indeterminate-hover-color;
             }

package/SCSS-Themes/material.scss

@@ -151,7 +151,7 @@ $appbar-top-shadow: 0 -2px 3px rgba(0, 0, 0, .1), 0 -2px 6px rgba(0, 0, 0, .2) !
 
 @if not variable-exists('is-roboto-loaded') {
   //sass-lint:disable no-url-protocols,no-url-domains
-  @import url('https://fonts.googleapis.com/css?family=Roboto:400,500');// stylelint-disable-line no-invalid-position-at-import-rule
+  @import url('https://fonts.googleapis.com/css?family=Roboto:400,500,700');// stylelint-disable-line no-invalid-position-at-import-rule
 }
 
 $is-roboto-loaded: 'true' !default;
@@ -28750,6 +28750,8 @@ $cbox-border-style: solid !default;
             }
 
             &.e-stop {
+              background-color: $cbox-focussed-checkmark-bgcolor;
+              border-color: $cbox-focussed-checkmark-border-color;
               box-shadow: $cbox-focussed-box-shadow;
               color: $cbox-indeterminate-hover-color;
             }
@@ -28772,6 +28774,8 @@ $cbox-border-style: solid !default;
             }
 
             &.e-stop {
+              background-color: $cbox-focussed-checkmark-bgcolor;
+              border-color: $cbox-focussed-checkmark-border-color;
               box-shadow: $cbox-focussed-box-shadow;
               color: $cbox-indeterminate-hover-color;
             }

package/SCSS-Themes/material3-dark.scss

@@ -29142,6 +29142,8 @@ $cbox-border-style: solid !default;
             }
 
             &.e-stop {
+              background-color: $cbox-focussed-checkmark-bgcolor;
+              border-color: $cbox-focussed-checkmark-border-color;
               box-shadow: $cbox-focussed-box-shadow;
               color: $cbox-indeterminate-hover-color;
             }
@@ -29164,6 +29166,8 @@ $cbox-border-style: solid !default;
             }
 
             &.e-stop {
+              background-color: $cbox-focussed-checkmark-bgcolor;
+              border-color: $cbox-focussed-checkmark-border-color;
               box-shadow: $cbox-focussed-box-shadow;
               color: $cbox-indeterminate-hover-color;
             }

package/SCSS-Themes/material3.scss

@@ -29224,6 +29224,8 @@ $cbox-border-style: solid !default;
             }
 
             &.e-stop {
+              background-color: $cbox-focussed-checkmark-bgcolor;
+              border-color: $cbox-focussed-checkmark-border-color;
               box-shadow: $cbox-focussed-box-shadow;
               color: $cbox-indeterminate-hover-color;
             }
@@ -29246,6 +29248,8 @@ $cbox-border-style: solid !default;
             }
 
             &.e-stop {
+              background-color: $cbox-focussed-checkmark-bgcolor;
+              border-color: $cbox-focussed-checkmark-border-color;
               box-shadow: $cbox-focussed-box-shadow;
               color: $cbox-indeterminate-hover-color;
             }

package/SCSS-Themes/tailwind-dark.scss

@@ -28757,6 +28757,8 @@ $cbox-border-style: solid !default;
             }
 
             &.e-stop {
+              background-color: $cbox-focussed-checkmark-bgcolor;
+              border-color: $cbox-focussed-checkmark-border-color;
               box-shadow: $cbox-focussed-box-shadow;
               color: $cbox-indeterminate-hover-color;
             }
@@ -28779,6 +28781,8 @@ $cbox-border-style: solid !default;
             }
 
             &.e-stop {
+              background-color: $cbox-focussed-checkmark-bgcolor;
+              border-color: $cbox-focussed-checkmark-border-color;
               box-shadow: $cbox-focussed-box-shadow;
               color: $cbox-indeterminate-hover-color;
             }

package/SCSS-Themes/tailwind.scss

@@ -28754,6 +28754,8 @@ $cbox-border-style: solid !default;
             }
 
             &.e-stop {
+              background-color: $cbox-focussed-checkmark-bgcolor;
+              border-color: $cbox-focussed-checkmark-border-color;
               box-shadow: $cbox-focussed-box-shadow;
               color: $cbox-indeterminate-hover-color;
             }
@@ -28776,6 +28778,8 @@ $cbox-border-style: solid !default;
             }
 
             &.e-stop {
+              background-color: $cbox-focussed-checkmark-bgcolor;
+              border-color: $cbox-focussed-checkmark-border-color;
               box-shadow: $cbox-focussed-box-shadow;
               color: $cbox-indeterminate-hover-color;
             }

package/package.json

@@ -1 +1 @@
-{"name":"@syncfusion/blazor-themes","version":"22.2.9","description":"This package contains the individual component wise SCSS files and single SCSS files for Syncfusion Blazor components.","author":"Syncfusion Inc.","license":"SEE LICENSE IN license","keywords":["Blazor","Blazor Themes","Syncfusion","Syncfusion Blazor","Web components","Themes","Individual Themes","Combined Themes","Syncfusion Blazor SCSS"],"repository":{"type":"git","url":"git@github.com/syncfusion/blazor-samples"}}
+{"name":"@syncfusion/blazor-themes","version":"22.2.10","description":"This package contains the individual component wise SCSS files and single SCSS files for Syncfusion Blazor components.","author":"Syncfusion Inc.","license":"SEE LICENSE IN license","keywords":["Blazor","Blazor Themes","Syncfusion","Syncfusion Blazor","Web components","Themes","Individual Themes","Combined Themes","Syncfusion Blazor SCSS"],"repository":{"type":"git","url":"git@github.com/syncfusion/blazor-samples"}}