npm - @syncfusion/blazor-themes - Versions diffs - 20.3.60 → 20.4.38 - Mend

@syncfusion/blazor-themes 20.3.60 → 20.4.38

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (454) hide show

package/SCSS-Themes/dropdowns/drop-down-base/fluent-dark.scss CHANGED Viewed

@@ -59,6 +59,7 @@ $ddl-list-header-border-color: $border-light !default;
 $ddl-nodata-font-color: $flyout-text-color !default;
 $ddl-list-default-font-color: $flyout-text-color !default;
 $ddl-list-active-border-color: $flyout-bg-color !default;
+$mention-popup-bg-color: $flyout-bg-color !default;
 $ddl-list-active-font-color: $content-text-color !default;
 $mention-active-font-color: $primary !default;
 $ddl-list-active-bg-color: $flyout-bg-color-selected !default;
@@ -202,7 +203,7 @@ $ddl-group-list-item-text-intent: 0 !default;
   }
   .e-mention.e-popup {
-    background: $ddl-list-active-border-color;
+    background: $mention-popup-bg-color;
     border: 0;
     box-shadow: 0 2px 3px 1px $mention-list-box-shadow-color;
     margin-top: 2px;

package/SCSS-Themes/dropdowns/drop-down-base/fluent.scss CHANGED Viewed

@@ -59,6 +59,7 @@ $ddl-list-header-border-color: $border-light !default;
 $ddl-nodata-font-color: $flyout-text-color !default;
 $ddl-list-default-font-color: $flyout-text-color !default;
 $ddl-list-active-border-color: $flyout-bg-color !default;
+$mention-popup-bg-color: $flyout-bg-color !default;
 $ddl-list-active-font-color: $content-text-color !default;
 $mention-active-font-color: $primary !default;
 $ddl-list-active-bg-color: $flyout-bg-color-selected !default;
@@ -202,7 +203,7 @@ $ddl-group-list-item-text-intent: 0 !default;
   }
   .e-mention.e-popup {
-    background: $ddl-list-active-border-color;
+    background: $mention-popup-bg-color;
     border: 0;
     box-shadow: 0 2px 3px 1px $mention-list-box-shadow-color;
     margin-top: 2px;

package/SCSS-Themes/dropdowns/drop-down-base/highcontrast.scss CHANGED Viewed

@@ -21,6 +21,7 @@ $ddl-list-tap-color: transparent !default;
 $ddl-list-header-border-color: 1px $border-default !default;
 $ddl-list-default-font-color: $content-font !default;
 $ddl-list-active-border-color: $selection-border !default;
+$mention-popup-bg-color: $selection-border !default;
 $ddl-list-active-font-color: $selection-font !default;
 $mention-active-font-color: $selection-bg !default;
 $ddl-list-active-bg-color: $selection-bg !default;
@@ -186,7 +187,7 @@ $ddl-bigger-small-list-header-font-size: 14px !default;
   }
   .e-mention.e-popup {
-    background: $ddl-list-active-border-color;
+    background: $mention-popup-bg-color;
     border: 0;
     box-shadow: 0 2px 3px 1px $mention-list-box-shadow-color;
     margin-top: 2px;

package/SCSS-Themes/dropdowns/drop-down-base/material-dark.scss CHANGED Viewed

@@ -21,6 +21,7 @@ $ddl-list-header-border-color: $grey-700 !default;
 $ddl-nodata-font-color: rgba($grey-dark-font, .7) !default;
 $ddl-list-default-font-color: $grey-dark-font !default;
 $ddl-list-active-border-color: rgba($grey-white, .18) !default;
+$mention-popup-bg-color: rgba($grey-light-font, .9) !default;
 $ddl-list-active-font-color: $accent !default;
 $mention-active-font-color: $accent !default;
 $ddl-list-active-bg-color: rgba($grey-white, .05) !default;
@@ -167,7 +168,7 @@ $ddl-bigger-small-list-header-font-size: 13px !default;
   }
   .e-mention.e-popup {
-    background: $ddl-list-active-border-color;
+    background: $mention-popup-bg-color;
     border: 0;
     box-shadow: 0 2px 3px 1px $mention-list-box-shadow-color;
     margin-top: 2px;

package/SCSS-Themes/dropdowns/drop-down-base/material.scss CHANGED Viewed

@@ -21,6 +21,7 @@ $ddl-list-header-border-color: $grey-black !default;
 $ddl-nodata-font-color: $grey-black !default;
 $ddl-list-default-font-color: rgba($grey-light-font, .87) !default;
 $ddl-list-active-border-color: $grey-white !default;
+$mention-popup-bg-color: $grey-white !default;
 $ddl-list-active-font-color: $accent !default;
 $mention-active-font-color: $accent !default;
 $ddl-list-active-bg-color: $grey-200 !default;
@@ -166,7 +167,7 @@ $ddl-small-list-header-font-size: $ddl-group-list-font-size !default;
   }
   .e-mention.e-popup {
-    background: $ddl-list-active-border-color;
+    background: $mention-popup-bg-color;
     border: 0;
     box-shadow: 0 2px 3px 1px $mention-list-box-shadow-color;
     margin-top: 2px;

package/SCSS-Themes/dropdowns/drop-down-base/tailwind-dark.scss CHANGED Viewed

@@ -59,6 +59,7 @@ $ddl-list-header-border-color: $border-light !default;
 $ddl-nodata-font-color: $content-text-color !default;
 $ddl-list-default-font-color: $content-text-color !default;
 $ddl-list-active-border-color: $content-bg-color !default;
+$mention-popup-bg-color: $content-bg-color !default;
 $ddl-list-active-font-color: $content-text-color-selected !default;
 $mention-active-font-color: $primary !default;
 $ddl-list-active-bg-color: $content-bg-color-selected !default;
@@ -210,7 +211,7 @@ $ddl-group-list-item-text-intent: 0 !default;
   }
   .e-mention.e-popup {
-    background: $ddl-list-active-border-color;
+    background: $mention-popup-bg-color;
     border: 0;
     box-shadow: 0 2px 3px 1px $mention-list-box-shadow-color;
     margin-top: 2px;

package/SCSS-Themes/dropdowns/drop-down-base/tailwind.scss CHANGED Viewed

@@ -59,6 +59,7 @@ $ddl-list-header-border-color: $border-light !default;
 $ddl-nodata-font-color: $content-text-color !default;
 $ddl-list-default-font-color: $content-text-color !default;
 $ddl-list-active-border-color: $content-bg-color !default;
+$mention-popup-bg-color: $content-bg-color !default;
 $ddl-list-active-font-color: $content-text-color-selected !default;
 $mention-active-font-color: $primary !default;
 $ddl-list-active-bg-color: $content-bg-color-selected !default;
@@ -210,7 +211,7 @@ $ddl-group-list-item-text-intent: 0 !default;
   }
   .e-mention.e-popup {
-    background: $ddl-list-active-border-color;
+    background: $mention-popup-bg-color;
     border: 0;
     box-shadow: 0 2px 3px 1px $mention-list-box-shadow-color;
     margin-top: 2px;

package/SCSS-Themes/dropdowns/drop-down-tree/bootstrap-dark.scss CHANGED Viewed

@@ -514,9 +514,9 @@ $ddt-remains-count-padding-top: 5.5px !default;
       }
       box-shadow: $ddt-box-shadow;
       position: absolute;
       .e-active .e-checkbox-wrapper {
-        .e-frame:not(.e-check) {
+        .e-frame:not(.e-check):not(.e-stop) {
           @if$ddt-skin-name == 'bootstrap5' {
             background-color: $ddt-readonly-input-bg-color;
           }
@@ -524,7 +524,7 @@ $ddt-remains-count-padding-top: 5.5px !default;
       }
       .e-checkbox-wrapper {
-        .e-frame:not(.e-check) {
+        .e-frame:not(.e-check):not(.e-stop) {
           @if$ddt-skin-name == 'bootstrap5' {
             background-color: transparent;
           }

package/SCSS-Themes/dropdowns/drop-down-tree/bootstrap.scss CHANGED Viewed

@@ -513,9 +513,9 @@ $ddt-remains-count-padding-top: 5.5px !default;
       }
       box-shadow: $ddt-box-shadow;
       position: absolute;
       .e-active .e-checkbox-wrapper {
-        .e-frame:not(.e-check) {
+        .e-frame:not(.e-check):not(.e-stop) {
           @if$ddt-skin-name == 'bootstrap5' {
             background-color: $ddt-readonly-input-bg-color;
           }
@@ -523,7 +523,7 @@ $ddt-remains-count-padding-top: 5.5px !default;
       }
       .e-checkbox-wrapper {
-        .e-frame:not(.e-check) {
+        .e-frame:not(.e-check):not(.e-stop) {
           @if$ddt-skin-name == 'bootstrap5' {
             background-color: transparent;
           }

package/SCSS-Themes/dropdowns/drop-down-tree/bootstrap4.scss CHANGED Viewed

@@ -514,9 +514,9 @@ $ddt-remains-count-padding-top: 4px !default;
       }
       box-shadow: $ddt-box-shadow;
       position: absolute;
       .e-active .e-checkbox-wrapper {
-        .e-frame:not(.e-check) {
+        .e-frame:not(.e-check):not(.e-stop) {
           @if$ddt-skin-name == 'bootstrap5' {
             background-color: $ddt-readonly-input-bg-color;
           }
@@ -524,7 +524,7 @@ $ddt-remains-count-padding-top: 4px !default;
       }
       .e-checkbox-wrapper {
-        .e-frame:not(.e-check) {
+        .e-frame:not(.e-check):not(.e-stop) {
           @if$ddt-skin-name == 'bootstrap5' {
             background-color: transparent;
           }

package/SCSS-Themes/dropdowns/drop-down-tree/bootstrap5-dark.scss CHANGED Viewed

@@ -502,9 +502,9 @@ $ddt-readonly-input-bg-color: $content-bg-color !default;
       }
       box-shadow: $ddt-box-shadow;
       position: absolute;
       .e-active .e-checkbox-wrapper {
-        .e-frame:not(.e-check) {
+        .e-frame:not(.e-check):not(.e-stop) {
           @if$ddt-skin-name == 'bootstrap5' {
             background-color: $ddt-readonly-input-bg-color;
           }
@@ -512,7 +512,7 @@ $ddt-readonly-input-bg-color: $content-bg-color !default;
       }
       .e-checkbox-wrapper {
-        .e-frame:not(.e-check) {
+        .e-frame:not(.e-check):not(.e-stop) {
           @if$ddt-skin-name == 'bootstrap5' {
             background-color: transparent;
           }

package/SCSS-Themes/dropdowns/drop-down-tree/bootstrap5.scss CHANGED Viewed

@@ -502,9 +502,9 @@ $ddt-readonly-input-bg-color: $content-bg-color !default;
       }
       box-shadow: $ddt-box-shadow;
       position: absolute;
       .e-active .e-checkbox-wrapper {
-        .e-frame:not(.e-check) {
+        .e-frame:not(.e-check):not(.e-stop) {
           @if$ddt-skin-name == 'bootstrap5' {
             background-color: $ddt-readonly-input-bg-color;
           }
@@ -512,7 +512,7 @@ $ddt-readonly-input-bg-color: $content-bg-color !default;
       }
       .e-checkbox-wrapper {
-        .e-frame:not(.e-check) {
+        .e-frame:not(.e-check):not(.e-stop) {
           @if$ddt-skin-name == 'bootstrap5' {
             background-color: transparent;
           }

package/SCSS-Themes/dropdowns/drop-down-tree/fabric-dark.scss CHANGED Viewed

@@ -514,9 +514,9 @@ $ddt-remains-count-padding-top: 6px !default;
       }
       box-shadow: $ddt-box-shadow;
       position: absolute;
       .e-active .e-checkbox-wrapper {
-        .e-frame:not(.e-check) {
+        .e-frame:not(.e-check):not(.e-stop) {
           @if$ddt-skin-name == 'bootstrap5' {
             background-color: $ddt-readonly-input-bg-color;
           }
@@ -524,7 +524,7 @@ $ddt-remains-count-padding-top: 6px !default;
       }
       .e-checkbox-wrapper {
-        .e-frame:not(.e-check) {
+        .e-frame:not(.e-check):not(.e-stop) {
           @if$ddt-skin-name == 'bootstrap5' {
             background-color: transparent;
           }

package/SCSS-Themes/dropdowns/drop-down-tree/fabric.scss CHANGED Viewed

@@ -514,9 +514,9 @@ $ddt-remains-count-padding-top: 6px !default;
       }
       box-shadow: $ddt-box-shadow;
       position: absolute;
       .e-active .e-checkbox-wrapper {
-        .e-frame:not(.e-check) {
+        .e-frame:not(.e-check):not(.e-stop) {
           @if$ddt-skin-name == 'bootstrap5' {
             background-color: $ddt-readonly-input-bg-color;
           }
@@ -524,7 +524,7 @@ $ddt-remains-count-padding-top: 6px !default;
       }
       .e-checkbox-wrapper {
-        .e-frame:not(.e-check) {
+        .e-frame:not(.e-check):not(.e-stop) {
           @if$ddt-skin-name == 'bootstrap5' {
             background-color: transparent;
           }

package/SCSS-Themes/dropdowns/drop-down-tree/fluent-dark.scss CHANGED Viewed

@@ -508,9 +508,9 @@ $ddt-readonly-input-bg-color: $content-bg-color !default;
       }
       box-shadow: $ddt-box-shadow;
       position: absolute;
       .e-active .e-checkbox-wrapper {
-        .e-frame:not(.e-check) {
+        .e-frame:not(.e-check):not(.e-stop) {
           @if$ddt-skin-name == 'bootstrap5' {
             background-color: $ddt-readonly-input-bg-color;
           }
@@ -518,7 +518,7 @@ $ddt-readonly-input-bg-color: $content-bg-color !default;
       }
       .e-checkbox-wrapper {
-        .e-frame:not(.e-check) {
+        .e-frame:not(.e-check):not(.e-stop) {
           @if$ddt-skin-name == 'bootstrap5' {
             background-color: transparent;
           }

package/SCSS-Themes/dropdowns/drop-down-tree/fluent.scss CHANGED Viewed

@@ -508,9 +508,9 @@ $ddt-readonly-input-bg-color: $content-bg-color !default;
       }
       box-shadow: $ddt-box-shadow;
       position: absolute;
       .e-active .e-checkbox-wrapper {
-        .e-frame:not(.e-check) {
+        .e-frame:not(.e-check):not(.e-stop) {
           @if$ddt-skin-name == 'bootstrap5' {
             background-color: $ddt-readonly-input-bg-color;
           }
@@ -518,7 +518,7 @@ $ddt-readonly-input-bg-color: $content-bg-color !default;
       }
       .e-checkbox-wrapper {
-        .e-frame:not(.e-check) {
+        .e-frame:not(.e-check):not(.e-stop) {
           @if$ddt-skin-name == 'bootstrap5' {
             background-color: transparent;
           }

package/SCSS-Themes/dropdowns/drop-down-tree/highcontrast.scss CHANGED Viewed

@@ -514,9 +514,9 @@ $ddt-remains-count-padding-top: 6px !default;
       }
       box-shadow: $ddt-box-shadow;
       position: absolute;
       .e-active .e-checkbox-wrapper {
-        .e-frame:not(.e-check) {
+        .e-frame:not(.e-check):not(.e-stop) {
           @if$ddt-skin-name == 'bootstrap5' {
             background-color: $ddt-readonly-input-bg-color;
           }
@@ -524,7 +524,7 @@ $ddt-remains-count-padding-top: 6px !default;
       }
       .e-checkbox-wrapper {
-        .e-frame:not(.e-check) {
+        .e-frame:not(.e-check):not(.e-stop) {
           @if$ddt-skin-name == 'bootstrap5' {
             background-color: transparent;
           }

package/SCSS-Themes/dropdowns/drop-down-tree/material-dark.scss CHANGED Viewed

@@ -515,9 +515,9 @@ $ddt-bigger-outline-chip-padding: 8px 15px !default;
       }
       box-shadow: $ddt-box-shadow;
       position: absolute;
       .e-active .e-checkbox-wrapper {
-        .e-frame:not(.e-check) {
+        .e-frame:not(.e-check):not(.e-stop) {
           @if$ddt-skin-name == 'bootstrap5' {
             background-color: $ddt-readonly-input-bg-color;
           }
@@ -525,7 +525,7 @@ $ddt-bigger-outline-chip-padding: 8px 15px !default;
       }
       .e-checkbox-wrapper {
-        .e-frame:not(.e-check) {
+        .e-frame:not(.e-check):not(.e-stop) {
           @if$ddt-skin-name == 'bootstrap5' {
             background-color: transparent;
           }

package/SCSS-Themes/dropdowns/drop-down-tree/material.scss CHANGED Viewed

@@ -515,9 +515,9 @@ $ddt-bigger-outline-chip-padding: 8px 15px !default;
       }
       box-shadow: $ddt-box-shadow;
       position: absolute;
       .e-active .e-checkbox-wrapper {
-        .e-frame:not(.e-check) {
+        .e-frame:not(.e-check):not(.e-stop) {
           @if$ddt-skin-name == 'bootstrap5' {
             background-color: $ddt-readonly-input-bg-color;
           }
@@ -525,7 +525,7 @@ $ddt-bigger-outline-chip-padding: 8px 15px !default;
       }
       .e-checkbox-wrapper {
-        .e-frame:not(.e-check) {
+        .e-frame:not(.e-check):not(.e-stop) {
           @if$ddt-skin-name == 'bootstrap5' {
             background-color: transparent;
           }

package/SCSS-Themes/dropdowns/drop-down-tree/tailwind-dark.scss CHANGED Viewed

@@ -504,9 +504,9 @@ $ddt-remains-font-color: $content-text-color-alt3 !default;
       }
       box-shadow: $ddt-box-shadow;
       position: absolute;
       .e-active .e-checkbox-wrapper {
-        .e-frame:not(.e-check) {
+        .e-frame:not(.e-check):not(.e-stop) {
           @if$ddt-skin-name == 'bootstrap5' {
             background-color: $ddt-readonly-input-bg-color;
           }
@@ -514,7 +514,7 @@ $ddt-remains-font-color: $content-text-color-alt3 !default;
       }
       .e-checkbox-wrapper {
-        .e-frame:not(.e-check) {
+        .e-frame:not(.e-check):not(.e-stop) {
           @if$ddt-skin-name == 'bootstrap5' {
             background-color: transparent;
           }

package/SCSS-Themes/dropdowns/drop-down-tree/tailwind.scss CHANGED Viewed

@@ -504,9 +504,9 @@ $ddt-remains-font-color: $content-text-color-alt3 !default;
       }
       box-shadow: $ddt-box-shadow;
       position: absolute;
       .e-active .e-checkbox-wrapper {
-        .e-frame:not(.e-check) {
+        .e-frame:not(.e-check):not(.e-stop) {
           @if$ddt-skin-name == 'bootstrap5' {
             background-color: $ddt-readonly-input-bg-color;
           }
@@ -514,7 +514,7 @@ $ddt-remains-font-color: $content-text-color-alt3 !default;
       }
       .e-checkbox-wrapper {
-        .e-frame:not(.e-check) {
+        .e-frame:not(.e-check):not(.e-stop) {
           @if$ddt-skin-name == 'bootstrap5' {
             background-color: transparent;
           }