npm - @syncfusion/blazor-themes - Versions diffs - 20.3.61 → 20.4.40 - Mend

@syncfusion/blazor-themes 20.3.61 → 20.4.40

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,7 +514,7 @@ $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):not(.e-stop) {
           @if$ddt-skin-name == 'bootstrap5' {

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

@@ -513,7 +513,7 @@ $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):not(.e-stop) {
           @if$ddt-skin-name == 'bootstrap5' {

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

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

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

@@ -502,7 +502,7 @@ $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):not(.e-stop) {
           @if$ddt-skin-name == 'bootstrap5' {

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

@@ -502,7 +502,7 @@ $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):not(.e-stop) {
           @if$ddt-skin-name == 'bootstrap5' {

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

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

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

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

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

@@ -508,7 +508,7 @@ $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):not(.e-stop) {
           @if$ddt-skin-name == 'bootstrap5' {

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

@@ -508,7 +508,7 @@ $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):not(.e-stop) {
           @if$ddt-skin-name == 'bootstrap5' {

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

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

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

@@ -515,7 +515,7 @@ $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):not(.e-stop) {
           @if$ddt-skin-name == 'bootstrap5' {

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

@@ -515,7 +515,7 @@ $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):not(.e-stop) {
           @if$ddt-skin-name == 'bootstrap5' {

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

@@ -504,7 +504,7 @@ $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):not(.e-stop) {
           @if$ddt-skin-name == 'bootstrap5' {

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

@@ -504,7 +504,7 @@ $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):not(.e-stop) {
           @if$ddt-skin-name == 'bootstrap5' {

package/SCSS-Themes/dropdowns/multi-select/bootstrap-dark.scss CHANGED Viewed

@@ -2207,6 +2207,11 @@ ejs-multiselect {
   margin-right: 0;
 }
+.e-multiselect.e-control-container.e-input-group.e-disabled .e-input-group-icon.e-ddl-icon.e-icons,
+.e-multiselect.e-control-container.e-input-group.e-disabled .e-clear-icon {
+  cursor: not-allowed;
+}
 .e-multi-select-wrapper .e-chips.e-chip-selected .e-chips-close::before {
   color: $ddl-sel-chip-close;

package/SCSS-Themes/dropdowns/multi-select/bootstrap.scss CHANGED Viewed

@@ -2201,6 +2201,11 @@ ejs-multiselect {
   margin-right: 0;
 }
+.e-multiselect.e-control-container.e-input-group.e-disabled .e-input-group-icon.e-ddl-icon.e-icons,
+.e-multiselect.e-control-container.e-input-group.e-disabled .e-clear-icon {
+  cursor: not-allowed;
+}
 .e-multi-select-wrapper .e-chips.e-chip-selected .e-chips-close::before {
   color: $ddl-sel-chip-close;

package/SCSS-Themes/dropdowns/multi-select/bootstrap4.scss CHANGED Viewed

@@ -2268,6 +2268,11 @@ ejs-multiselect {
   margin-right: 0;
 }
+.e-multiselect.e-control-container.e-input-group.e-disabled .e-input-group-icon.e-ddl-icon.e-icons,
+.e-multiselect.e-control-container.e-input-group.e-disabled .e-clear-icon {
+  cursor: not-allowed;
+}
 .e-multi-select-wrapper .e-chips.e-chip-selected .e-chips-close::before {
   color: $ddl-sel-chip-close;

package/SCSS-Themes/dropdowns/multi-select/bootstrap5-dark.scss CHANGED Viewed

@@ -101,7 +101,7 @@ $ddl-check-right-margin: 8px !default;
 $ddl-bigger-check-right-margin: 12px !default;
 $ddl-selectall-font-size: 14px !default;
 $ddl-bigger-selectall-font-size: $text-base !default;
-$ddl-close-icon-left: 40px !default;
+$ddl-close-icon-left: 30px !default;
 $ddl-close-down-icon-left: 40px !default;
 $ddl-check-icon-top: 0 !default;
 $ddl-bigger-check-right: 16px !default;
@@ -2238,6 +2238,11 @@ ejs-multiselect {
   margin-right: 0;
 }
+.e-multiselect.e-control-container.e-input-group.e-disabled .e-input-group-icon.e-ddl-icon.e-icons,
+.e-multiselect.e-control-container.e-input-group.e-disabled .e-clear-icon {
+  cursor: not-allowed;
+}
 .e-multi-select-wrapper .e-chips.e-chip-selected .e-chips-close::before {
   color: $ddl-sel-chip-close;

package/SCSS-Themes/dropdowns/multi-select/bootstrap5.scss CHANGED Viewed

@@ -101,7 +101,7 @@ $ddl-check-right-margin: 8px !default;
 $ddl-bigger-check-right-margin: 12px !default;
 $ddl-selectall-font-size: 14px !default;
 $ddl-bigger-selectall-font-size: $text-base !default;
-$ddl-close-icon-left: 40px !default;
+$ddl-close-icon-left: 30px !default;
 $ddl-close-down-icon-left: 40px !default;
 $ddl-check-icon-top: 0 !default;
 $ddl-bigger-check-right: 16px !default;
@@ -2238,6 +2238,11 @@ ejs-multiselect {
   margin-right: 0;
 }
+.e-multiselect.e-control-container.e-input-group.e-disabled .e-input-group-icon.e-ddl-icon.e-icons,
+.e-multiselect.e-control-container.e-input-group.e-disabled .e-clear-icon {
+  cursor: not-allowed;
+}
 .e-multi-select-wrapper .e-chips.e-chip-selected .e-chips-close::before {
   color: $ddl-sel-chip-close;

package/SCSS-Themes/dropdowns/multi-select/fabric-dark.scss CHANGED Viewed

@@ -2196,6 +2196,11 @@ ejs-multiselect {
   margin-right: 0;
 }
+.e-multiselect.e-control-container.e-input-group.e-disabled .e-input-group-icon.e-ddl-icon.e-icons,
+.e-multiselect.e-control-container.e-input-group.e-disabled .e-clear-icon {
+  cursor: not-allowed;
+}
 .e-multi-select-wrapper .e-chips.e-chip-selected .e-chips-close::before {
   color: $ddl-sel-chip-close;

package/SCSS-Themes/dropdowns/multi-select/fabric.scss CHANGED Viewed

@@ -2192,6 +2192,11 @@ ejs-multiselect {
   margin-right: 0;
 }
+.e-multiselect.e-control-container.e-input-group.e-disabled .e-input-group-icon.e-ddl-icon.e-icons,
+.e-multiselect.e-control-container.e-input-group.e-disabled .e-clear-icon {
+  cursor: not-allowed;
+}
 .e-multi-select-wrapper .e-chips.e-chip-selected .e-chips-close::before {
   color: $ddl-sel-chip-close;

package/SCSS-Themes/dropdowns/multi-select/fluent-dark.scss CHANGED Viewed

@@ -2249,6 +2249,11 @@ ejs-multiselect {
   margin-right: 0;
 }
+.e-multiselect.e-control-container.e-input-group.e-disabled .e-input-group-icon.e-ddl-icon.e-icons,
+.e-multiselect.e-control-container.e-input-group.e-disabled .e-clear-icon {
+  cursor: not-allowed;
+}
 .e-multi-select-wrapper .e-chips.e-chip-selected .e-chips-close::before {
   color: $ddl-sel-chip-close;

package/SCSS-Themes/dropdowns/multi-select/fluent.scss CHANGED Viewed

@@ -2249,6 +2249,11 @@ ejs-multiselect {
   margin-right: 0;
 }
+.e-multiselect.e-control-container.e-input-group.e-disabled .e-input-group-icon.e-ddl-icon.e-icons,
+.e-multiselect.e-control-container.e-input-group.e-disabled .e-clear-icon {
+  cursor: not-allowed;
+}
 .e-multi-select-wrapper .e-chips.e-chip-selected .e-chips-close::before {
   color: $ddl-sel-chip-close;

package/SCSS-Themes/dropdowns/multi-select/highcontrast.scss CHANGED Viewed

@@ -2305,6 +2305,11 @@ ejs-multiselect {
   margin-right: 0;
 }
+.e-multiselect.e-control-container.e-input-group.e-disabled .e-input-group-icon.e-ddl-icon.e-icons,
+.e-multiselect.e-control-container.e-input-group.e-disabled .e-clear-icon {
+  cursor: not-allowed;
+}
 .e-multi-select-wrapper .e-chips.e-chip-selected .e-chips-close::before {
   color: $ddl-sel-chip-close;

package/SCSS-Themes/dropdowns/multi-select/material-dark.scss CHANGED Viewed

@@ -2239,6 +2239,11 @@ ejs-multiselect {
   margin-right: 0;
 }
+.e-multiselect.e-control-container.e-input-group.e-disabled .e-input-group-icon.e-ddl-icon.e-icons,
+.e-multiselect.e-control-container.e-input-group.e-disabled .e-clear-icon {
+  cursor: not-allowed;
+}
 .e-multi-select-wrapper .e-chips.e-chip-selected .e-chips-close::before {
   color: $ddl-sel-chip-close;

package/SCSS-Themes/dropdowns/multi-select/material.scss CHANGED Viewed

@@ -2232,6 +2232,11 @@ ejs-multiselect {
   margin-right: 0;
 }
+.e-multiselect.e-control-container.e-input-group.e-disabled .e-input-group-icon.e-ddl-icon.e-icons,
+.e-multiselect.e-control-container.e-input-group.e-disabled .e-clear-icon {
+  cursor: not-allowed;
+}
 .e-multi-select-wrapper .e-chips.e-chip-selected .e-chips-close::before {
   color: $ddl-sel-chip-close;

package/SCSS-Themes/dropdowns/multi-select/tailwind-dark.scss CHANGED Viewed

@@ -2243,6 +2243,11 @@ ejs-multiselect {
   margin-right: 0;
 }
+.e-multiselect.e-control-container.e-input-group.e-disabled .e-input-group-icon.e-ddl-icon.e-icons,
+.e-multiselect.e-control-container.e-input-group.e-disabled .e-clear-icon {
+  cursor: not-allowed;
+}
 .e-multi-select-wrapper .e-chips.e-chip-selected .e-chips-close::before {
   color: $ddl-sel-chip-close;

package/SCSS-Themes/dropdowns/multi-select/tailwind.scss CHANGED Viewed

@@ -2243,6 +2243,11 @@ ejs-multiselect {
   margin-right: 0;
 }
+.e-multiselect.e-control-container.e-input-group.e-disabled .e-input-group-icon.e-ddl-icon.e-icons,
+.e-multiselect.e-control-container.e-input-group.e-disabled .e-clear-icon {
+  cursor: not-allowed;
+}
 .e-multi-select-wrapper .e-chips.e-chip-selected .e-chips-close::before {
   color: $ddl-sel-chip-close;