npm - @syncfusion/blazor-themes - Versions diffs - 22.2.11 → 23.1.36 - Mend

@syncfusion/blazor-themes 22.2.11 → 23.1.36

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 (365) hide show

package/SCSS-Themes/documenteditor/document-editor-container/fabric-dark.scss CHANGED Viewed

@@ -1453,6 +1453,7 @@ $de-prop-btn-icon-clr: #ccc;
             line-height: normal;
             margin: 0;
             outline: 0;
+			background: $de-ctnr-bg-clr;
             @if $skin-name =='Material3' {
                 padding: 10px 0;
             }
@@ -2677,6 +2678,7 @@ $de-prop-btn-icon-clr: #ccc;
     }
 }
 @include export-module('document-editor-container-fabric-icons') {
   .e-de-ctnr-linespacing::before {
     content: '\eb8a';

package/SCSS-Themes/documenteditor/document-editor-container/fabric.scss CHANGED Viewed

@@ -1450,6 +1450,7 @@ $de-prop-btn-icon-clr: #ccc;
             line-height: normal;
             margin: 0;
             outline: 0;
+			background: $de-ctnr-bg-clr;
             @if $skin-name =='Material3' {
                 padding: 10px 0;
             }
@@ -2674,6 +2675,7 @@ $de-prop-btn-icon-clr: #ccc;
     }
 }
 @include export-module('document-editor-container-fabric-icons') {
   .e-de-ctnr-linespacing::before {
     content: '\eb8a';

package/SCSS-Themes/documenteditor/document-editor-container/fluent-dark.scss CHANGED Viewed

@@ -1475,6 +1475,7 @@ $de-hover-bg: $content-bg-color-alt2 !default;
             line-height: normal;
             margin: 0;
             outline: 0;
+			background: $de-ctnr-bg-clr;
             @if $skin-name =='Material3' {
                 padding: 10px 0;
             }
@@ -2699,6 +2700,7 @@ $de-hover-bg: $content-bg-color-alt2 !default;
     }
 }
 @include export-module('document-editor-container-fluent-icons') {
   .e-de-ctnr-close::before {
     color: $icon-color;

package/SCSS-Themes/documenteditor/document-editor-container/fluent.scss CHANGED Viewed

@@ -1475,6 +1475,7 @@ $de-hover-bg: $content-bg-color-alt2 !default;
             line-height: normal;
             margin: 0;
             outline: 0;
+			background: $de-ctnr-bg-clr;
             @if $skin-name =='Material3' {
                 padding: 10px 0;
             }
@@ -2699,6 +2700,7 @@ $de-hover-bg: $content-bg-color-alt2 !default;
     }
 }
 @include export-module('document-editor-container-fluent-icons') {
   .e-de-ctnr-close::before {
     color: $icon-color;

package/SCSS-Themes/documenteditor/document-editor-container/highcontrast.scss CHANGED Viewed

@@ -1451,6 +1451,7 @@ $de-prop-btn-icon-clr: #ccc;
             line-height: normal;
             margin: 0;
             outline: 0;
+			background: $de-ctnr-bg-clr;
             @if $skin-name =='Material3' {
                 padding: 10px 0;
             }
@@ -2675,6 +2676,7 @@ $de-prop-btn-icon-clr: #ccc;
     }
 }
 @include export-module('document-editor-container-highcontrast-icons') {
   .e-de-ctnr-linespacing::before {
     content: '\eb8a';

package/SCSS-Themes/documenteditor/document-editor-container/material-dark.scss CHANGED Viewed

@@ -1452,6 +1452,7 @@ $de-prop-btn-icon-clr: #ccc;
             line-height: normal;
             margin: 0;
             outline: 0;
+			background: $de-ctnr-bg-clr;
             @if $skin-name =='Material3' {
                 padding: 10px 0;
             }
@@ -2676,6 +2677,7 @@ $de-prop-btn-icon-clr: #ccc;
     }
 }
 @include export-module('document-editor-container-material-icons') {
   .e-de-ctnr-close::before {
     content: '\eb36';

package/SCSS-Themes/documenteditor/document-editor-container/material.scss CHANGED Viewed

@@ -1451,6 +1451,7 @@ $de-prop-btn-icon-clr: #ccc;
             line-height: normal;
             margin: 0;
             outline: 0;
+			background: $de-ctnr-bg-clr;
             @if $skin-name =='Material3' {
                 padding: 10px 0;
             }
@@ -2675,6 +2676,7 @@ $de-prop-btn-icon-clr: #ccc;
     }
 }
 @include export-module('document-editor-container-material-icons') {
   .e-de-ctnr-close::before {
     content: '\eb36';

package/SCSS-Themes/documenteditor/document-editor-container/material3-dark.scss CHANGED Viewed

@@ -1478,6 +1478,7 @@ $de-hover-bg: $content-bg-color-alt2 !default;
             line-height: normal;
             margin: 0;
             outline: 0;
+			background: $de-ctnr-bg-clr;
             @if $skin-name =='Material3' {
                 padding: 10px 0;
             }
@@ -2702,6 +2703,7 @@ $de-hover-bg: $content-bg-color-alt2 !default;
     }
 }
 @include export-module('document-editor-container-material3-icons') {
   .e-de-ctnr-close::before {
     color: rgba($icon-color);

package/SCSS-Themes/documenteditor/document-editor-container/material3.scss CHANGED Viewed

@@ -1478,6 +1478,7 @@ $de-hover-bg: $content-bg-color-alt2 !default;
             line-height: normal;
             margin: 0;
             outline: 0;
+			background: $de-ctnr-bg-clr;
             @if $skin-name =='Material3' {
                 padding: 10px 0;
             }
@@ -2702,6 +2703,7 @@ $de-hover-bg: $content-bg-color-alt2 !default;
     }
 }
 @include export-module('document-editor-container-material3-icons') {
   .e-de-ctnr-close::before {
     color: rgba($icon-color);

package/SCSS-Themes/documenteditor/document-editor-container/tailwind-dark.scss CHANGED Viewed

@@ -1468,6 +1468,7 @@ $de-hlt-clr-height-bigger: 24px;
             line-height: normal;
             margin: 0;
             outline: 0;
+			background: $de-ctnr-bg-clr;
             @if $skin-name =='Material3' {
                 padding: 10px 0;
             }
@@ -2692,6 +2693,7 @@ $de-hlt-clr-height-bigger: 24px;
     }
 }
 @include export-module('document-editor-container-tailwind-icons') {
   .e-de-ctnr-close::before {
     color: $icon-color;

package/SCSS-Themes/documenteditor/document-editor-container/tailwind.scss CHANGED Viewed

@@ -1468,6 +1468,7 @@ $de-hlt-clr-height-bigger: 24px;
             line-height: normal;
             margin: 0;
             outline: 0;
+			background: $de-ctnr-bg-clr;
             @if $skin-name =='Material3' {
                 padding: 10px 0;
             }
@@ -2692,6 +2693,7 @@ $de-hlt-clr-height-bigger: 24px;
     }
 }
 @include export-module('document-editor-container-tailwind-icons') {
   .e-de-ctnr-close::before {
     color: $icon-color;

package/SCSS-Themes/dropdowns/list-box/bootstrap-dark.scss CHANGED Viewed

@@ -185,10 +185,6 @@ $listbox-filter-bigger-height: calc(100% - 58px) !default;
       position: relative;
     }
-    &.e-filter-list {
-      overflow: inherit;
-    }
     .e-list-parent {
       height: 100%;
       min-height: $listbox-item-height;
@@ -442,8 +438,6 @@ $listbox-filter-bigger-height: calc(100% - 58px) !default;
   .e-listbox-wrapper {
     &.e-filter-list {
-      overflow: inherit;
       & .e-list-parent {
         overflow: auto;
       }

package/SCSS-Themes/dropdowns/list-box/bootstrap.scss CHANGED Viewed

@@ -178,10 +178,6 @@ $listbox-filter-bigger-height: calc(100% - 58px) !default;
       position: relative;
     }
-    &.e-filter-list {
-      overflow: inherit;
-    }
     .e-list-parent {
       height: 100%;
       min-height: $listbox-item-height;
@@ -435,8 +431,6 @@ $listbox-filter-bigger-height: calc(100% - 58px) !default;
   .e-listbox-wrapper {
     &.e-filter-list {
-      overflow: inherit;
       & .e-list-parent {
         overflow: auto;
       }

package/SCSS-Themes/dropdowns/list-box/bootstrap4.scss CHANGED Viewed

@@ -115,14 +115,14 @@ $badge-bgcolor: $primary !default;
 $select-all-border-color: rgba($black, .15);
-$listbox-filter-small-height: calc(100% - 32px) !default;
-$listbox-filter-bigger-small-height: calc(100% - 44px) !default;
+$listbox-filter-small-height: calc(100% - 43px) !default;
+$listbox-filter-bigger-small-height: calc(100% - 56px) !default;
 $listbox-select-height: calc(100% - 40px) !default;
 $listbox-select-bigger-height: calc(100% - 50px) !default;
 $listbox-filterselect-height: calc(100% - 79px) !default;
 $listbox-filterselect-bigger-height: calc(100% - 96px) !default;
-$listbox-filter-height: calc(100% - 39px) !default;
-$listbox-filter-bigger-height: calc(100% - 46px) !default;
+$listbox-filter-height: calc(100% - 48px) !default;
+$listbox-filter-bigger-height: calc(100% - 56px) !default;
 @include export-module('listbox-layout') {
   /* stylelint-disable property-no-vendor-prefix */
@@ -183,10 +183,6 @@ $listbox-filter-bigger-height: calc(100% - 46px) !default;
       position: relative;
     }
-    &.e-filter-list {
-      overflow: inherit;
-    }
     .e-list-parent {
       height: 100%;
       min-height: $listbox-item-height;
@@ -440,8 +436,6 @@ $listbox-filter-bigger-height: calc(100% - 46px) !default;
   .e-listbox-wrapper {
     &.e-filter-list {
-      overflow: inherit;
       & .e-list-parent {
         overflow: auto;
       }

package/SCSS-Themes/dropdowns/list-box/bootstrap5-dark.scss CHANGED Viewed

@@ -181,10 +181,6 @@ $listbox-filter-bigger-height: calc(100% - 56px) !default;
       position: relative;
     }
-    &.e-filter-list {
-      overflow: inherit;
-    }
     .e-list-parent {
       height: 100%;
       min-height: $listbox-item-height;
@@ -438,8 +434,6 @@ $listbox-filter-bigger-height: calc(100% - 56px) !default;
   .e-listbox-wrapper {
     &.e-filter-list {
-      overflow: inherit;
       & .e-list-parent {
         overflow: auto;
       }

package/SCSS-Themes/dropdowns/list-box/bootstrap5.scss CHANGED Viewed

@@ -181,10 +181,6 @@ $listbox-filter-bigger-height: calc(100% - 56px) !default;
       position: relative;
     }
-    &.e-filter-list {
-      overflow: inherit;
-    }
     .e-list-parent {
       height: 100%;
       min-height: $listbox-item-height;
@@ -438,8 +434,6 @@ $listbox-filter-bigger-height: calc(100% - 56px) !default;
   .e-listbox-wrapper {
     &.e-filter-list {
-      overflow: inherit;
       & .e-list-parent {
         overflow: auto;
       }

package/SCSS-Themes/dropdowns/list-box/fabric-dark.scss CHANGED Viewed

@@ -185,10 +185,6 @@ $listbox-filter-bigger-height: calc(100% - 59px) !default;
       position: relative;
     }
-    &.e-filter-list {
-      overflow: inherit;
-    }
     .e-list-parent {
       height: 100%;
       min-height: $listbox-item-height;
@@ -442,8 +438,6 @@ $listbox-filter-bigger-height: calc(100% - 59px) !default;
   .e-listbox-wrapper {
     &.e-filter-list {
-      overflow: inherit;
       & .e-list-parent {
         overflow: auto;
       }

package/SCSS-Themes/dropdowns/list-box/fabric.scss CHANGED Viewed

@@ -178,10 +178,6 @@ $listbox-filter-bigger-height: calc(100% - 59px) !default;
       position: relative;
     }
-    &.e-filter-list {
-      overflow: inherit;
-    }
     .e-list-parent {
       height: 100%;
       min-height: $listbox-item-height;
@@ -435,8 +431,6 @@ $listbox-filter-bigger-height: calc(100% - 59px) !default;
   .e-listbox-wrapper {
     &.e-filter-list {
-      overflow: inherit;
       & .e-list-parent {
         overflow: auto;
       }

package/SCSS-Themes/dropdowns/list-box/fluent-dark.scss CHANGED Viewed

@@ -73,10 +73,10 @@ $listbox-template-multiline-header-font-size: $text-sm !default;
 $listbox-template-multiline-padding: 4px !default;
 $listbox-template-multiline-content-font-size: $text-sm !default;
 $listbox-template-multiline-avatar-top: 0 !default;
-$listbox-filter-height: calc(100% - 47px) !default;
-$listbox-filter-small-height: calc(100% - 45px) !default;
-$listbox-filter-bigger-small-height: calc(100% - 45px) !default;
-$listbox-filter-bigger-height: calc(100% - 55px) !default;
+$listbox-filter-height: calc(100% - 56px) !default;
+$listbox-filter-small-height: calc(100% - 50px) !default;
+$listbox-filter-bigger-small-height: calc(100% - 59px) !default;
+$listbox-filter-bigger-height: calc(100% - 64px) !default;
 $listbox-item-height: 36px !default;
 $listbox-border-color: $border-light;
@@ -181,10 +181,6 @@ $listbox-filter-bigger-height: calc(100% - 65px) !default;
       position: relative;
     }
-    &.e-filter-list {
-      overflow: inherit;
-    }
     .e-list-parent {
       height: 100%;
       min-height: $listbox-item-height;
@@ -438,8 +434,6 @@ $listbox-filter-bigger-height: calc(100% - 65px) !default;
   .e-listbox-wrapper {
     &.e-filter-list {
-      overflow: inherit;
       & .e-list-parent {
         overflow: auto;
       }

package/SCSS-Themes/dropdowns/list-box/fluent.scss CHANGED Viewed

@@ -73,10 +73,10 @@ $listbox-template-multiline-header-font-size: $text-sm !default;
 $listbox-template-multiline-padding: 4px !default;
 $listbox-template-multiline-content-font-size: $text-sm !default;
 $listbox-template-multiline-avatar-top: 0 !default;
-$listbox-filter-height: calc(100% - 47px) !default;
-$listbox-filter-small-height: calc(100% - 45px) !default;
-$listbox-filter-bigger-small-height: calc(100% - 45px) !default;
-$listbox-filter-bigger-height: calc(100% - 55px) !default;
+$listbox-filter-height: calc(100% - 56px) !default;
+$listbox-filter-small-height: calc(100% - 50px) !default;
+$listbox-filter-bigger-small-height: calc(100% - 59px) !default;
+$listbox-filter-bigger-height: calc(100% - 64px) !default;
 $listbox-item-height: 36px !default;
 $listbox-border-color: $border-light;
@@ -181,10 +181,6 @@ $listbox-filter-bigger-height: calc(100% - 65px) !default;
       position: relative;
     }
-    &.e-filter-list {
-      overflow: inherit;
-    }
     .e-list-parent {
       height: 100%;
       min-height: $listbox-item-height;
@@ -438,8 +434,6 @@ $listbox-filter-bigger-height: calc(100% - 65px) !default;
   .e-listbox-wrapper {
     &.e-filter-list {
-      overflow: inherit;
       & .e-list-parent {
         overflow: auto;
       }

package/SCSS-Themes/dropdowns/list-box/highcontrast.scss CHANGED Viewed

@@ -178,10 +178,6 @@ $listbox-filter-bigger-height: calc(100% - 59px) !default;
       position: relative;
     }
-    &.e-filter-list {
-      overflow: inherit;
-    }
     .e-list-parent {
       height: 100%;
       min-height: $listbox-item-height;
@@ -435,8 +431,6 @@ $listbox-filter-bigger-height: calc(100% - 59px) !default;
   .e-listbox-wrapper {
     &.e-filter-list {
-      overflow: inherit;
       & .e-list-parent {
         overflow: auto;
       }

package/SCSS-Themes/dropdowns/list-box/material-dark.scss CHANGED Viewed

@@ -185,10 +185,6 @@ $listbox-filter-bigger-height: calc(100% - 50px) !default;
       position: relative;
     }
-    &.e-filter-list {
-      overflow: inherit;
-    }
     .e-list-parent {
       height: 100%;
       min-height: $listbox-item-height;
@@ -442,8 +438,6 @@ $listbox-filter-bigger-height: calc(100% - 50px) !default;
   .e-listbox-wrapper {
     &.e-filter-list {
-      overflow: inherit;
       & .e-list-parent {
         overflow: auto;
       }

package/SCSS-Themes/dropdowns/list-box/material.scss CHANGED Viewed

@@ -178,10 +178,6 @@ $listbox-filter-bigger-height: calc(100% - 50px) !default;
       position: relative;
     }
-    &.e-filter-list {
-      overflow: inherit;
-    }
     .e-list-parent {
       height: 100%;
       min-height: $listbox-item-height;
@@ -435,8 +431,6 @@ $listbox-filter-bigger-height: calc(100% - 50px) !default;
   .e-listbox-wrapper {
     &.e-filter-list {
-      overflow: inherit;
       & .e-list-parent {
         overflow: auto;
       }

package/SCSS-Themes/dropdowns/list-box/material3-dark.scss CHANGED Viewed

@@ -73,10 +73,10 @@ $listbox-template-multiline-header-font-size: $text-sm !default;
 $listbox-template-multiline-padding: 4px !default;
 $listbox-template-multiline-content-font-size: $text-sm !default;
 $listbox-template-multiline-avatar-top: 0 !default;
-$listbox-filter-height: calc(100% - 47px) !default;
-$listbox-filter-small-height: calc(100% - 45px) !default;
-$listbox-filter-bigger-small-height: calc(100% - 45px) !default;
-$listbox-filter-bigger-height: calc(100% - 55px) !default;
+$listbox-filter-height: calc(100% - 40px) !default;
+$listbox-filter-small-height: calc(100% - 35px) !default;
+$listbox-filter-bigger-small-height: calc(100% - 37px) !default;
+$listbox-filter-bigger-height: calc(100% - 48px) !default;
 $listbox-item-height: 40px !default;
 $listbox-border-color: rgba($border-light);
@@ -180,10 +180,6 @@ $listbox-filter-bigger-height: calc(100% - 50px) !default;
       position: relative;
     }
-    &.e-filter-list {
-      overflow: inherit;
-    }
     .e-list-parent {
       height: 100%;
       min-height: $listbox-item-height;
@@ -437,8 +433,6 @@ $listbox-filter-bigger-height: calc(100% - 50px) !default;
   .e-listbox-wrapper {
     &.e-filter-list {
-      overflow: inherit;
       & .e-list-parent {
         overflow: auto;
       }

package/SCSS-Themes/dropdowns/list-box/material3.scss CHANGED Viewed

@@ -73,10 +73,10 @@ $listbox-template-multiline-header-font-size: $text-sm !default;
 $listbox-template-multiline-padding: 4px !default;
 $listbox-template-multiline-content-font-size: $text-sm !default;
 $listbox-template-multiline-avatar-top: 0 !default;
-$listbox-filter-height: calc(100% - 47px) !default;
-$listbox-filter-small-height: calc(100% - 45px) !default;
-$listbox-filter-bigger-small-height: calc(100% - 45px) !default;
-$listbox-filter-bigger-height: calc(100% - 55px) !default;
+$listbox-filter-height: calc(100% - 40px) !default;
+$listbox-filter-small-height: calc(100% - 35px) !default;
+$listbox-filter-bigger-small-height: calc(100% - 37px) !default;
+$listbox-filter-bigger-height: calc(100% - 48px) !default;
 $listbox-item-height: 40px !default;
 $listbox-border-color: rgba($border-light);
@@ -180,10 +180,6 @@ $listbox-filter-bigger-height: calc(100% - 50px) !default;
       position: relative;
     }
-    &.e-filter-list {
-      overflow: inherit;
-    }
     .e-list-parent {
       height: 100%;
       min-height: $listbox-item-height;
@@ -437,8 +433,6 @@ $listbox-filter-bigger-height: calc(100% - 50px) !default;
   .e-listbox-wrapper {
     &.e-filter-list {
-      overflow: inherit;
       & .e-list-parent {
         overflow: auto;
       }

package/SCSS-Themes/dropdowns/list-box/tailwind-dark.scss CHANGED Viewed

@@ -74,10 +74,10 @@ $listbox-template-multiline-header-font-size: $text-sm !default;
 $listbox-template-multiline-padding: 4px !default;
 $listbox-template-multiline-content-font-size: $text-sm !default;
 $listbox-template-multiline-avatar-top: 0 !default;
-$listbox-filter-height: calc(100% - 47px) !default;
+$listbox-filter-height: calc(100% - 49px) !default;
 $listbox-filter-small-height: calc(100% - 45px) !default;
-$listbox-filter-bigger-small-height: calc(100% - 45px) !default;
-$listbox-filter-bigger-height: calc(100% - 55px) !default;
+$listbox-filter-bigger-small-height: calc(100% - 53px) !default;
+$listbox-filter-bigger-height: calc(100% - 57px) !default;
 $listbox-border-color: $border-light;
 $badge-color: $primary-text-color !default;
@@ -180,10 +180,6 @@ $listbox-filter-bigger-height: calc(100% - 46px) !default;
       position: relative;
     }
-    &.e-filter-list {
-      overflow: inherit;
-    }
     .e-list-parent {
       height: 100%;
       min-height: $listbox-item-height;
@@ -437,8 +433,6 @@ $listbox-filter-bigger-height: calc(100% - 46px) !default;
   .e-listbox-wrapper {
     &.e-filter-list {
-      overflow: inherit;
       & .e-list-parent {
         overflow: auto;
       }

package/SCSS-Themes/dropdowns/list-box/tailwind.scss CHANGED Viewed

@@ -74,10 +74,10 @@ $listbox-template-multiline-header-font-size: $text-sm !default;
 $listbox-template-multiline-padding: 4px !default;
 $listbox-template-multiline-content-font-size: $text-sm !default;
 $listbox-template-multiline-avatar-top: 0 !default;
-$listbox-filter-height: calc(100% - 47px) !default;
+$listbox-filter-height: calc(100% - 49px) !default;
 $listbox-filter-small-height: calc(100% - 45px) !default;
-$listbox-filter-bigger-small-height: calc(100% - 45px) !default;
-$listbox-filter-bigger-height: calc(100% - 55px) !default;
+$listbox-filter-bigger-small-height: calc(100% - 53px) !default;
+$listbox-filter-bigger-height: calc(100% - 57px) !default;
 $listbox-border-color: $border-light;
 $badge-color: $primary-text-color !default;
@@ -180,10 +180,6 @@ $listbox-filter-bigger-height: calc(100% - 46px) !default;
       position: relative;
     }
-    &.e-filter-list {
-      overflow: inherit;
-    }
     .e-list-parent {
       height: 100%;
       min-height: $listbox-item-height;
@@ -437,8 +433,6 @@ $listbox-filter-bigger-height: calc(100% - 46px) !default;
   .e-listbox-wrapper {
     &.e-filter-list {
-      overflow: inherit;
       & .e-list-parent {
         overflow: auto;
       }