npm - @syncfusion/blazor-themes - Versions diffs - 29.1.40 → 29.2.4 - Mend

@syncfusion/blazor-themes 29.1.40 → 29.2.4

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

package/SCSS-Themes/dropdowns/drop-down-list/material3-dark-lite.scss CHANGED Viewed

@@ -388,6 +388,21 @@ $ddl-bigger-small-list-font-size: $text-sm !default;
       color: rgb(221, 218, 218);
     }
   }
+  .e-ddl.e-input-group:not(.e-disabled):active:not(.e-success):not(.e-warning):not(.e-error),
+  .e-ddl.e-input-group.e-control-wrapper:not(.e-disabled):active:not(.e-success):not(.e-warning):not(.e-error) {
+    @if $skin-name =='fabric' or $skin-name =='bootstrap' or $skin-name =='bootstrap4' or $skin-name =='bootstrap5' or $skin-name =='bootstrap5.3' or $skin-name =='highcontrast' {
+      border-color: $ddl-box-border-color;
+    }
+    @if $skin-name =='bootstrap' or $skin-name =='bootstrap4' {
+      -webkit-box-shadow: none;
+      box-shadow: none;
+    }
+    @if $skin-name =='bootstrap5' or $skin-name =='bootstrap5.3' {
+      box-shadow: none;
+    }
+  }
 }

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

@@ -388,6 +388,21 @@ $ddl-bigger-small-list-font-size: $text-sm !default;
       color: rgb(221, 218, 218);
     }
   }
+  .e-ddl.e-input-group:not(.e-disabled):active:not(.e-success):not(.e-warning):not(.e-error),
+  .e-ddl.e-input-group.e-control-wrapper:not(.e-disabled):active:not(.e-success):not(.e-warning):not(.e-error) {
+    @if $skin-name =='fabric' or $skin-name =='bootstrap' or $skin-name =='bootstrap4' or $skin-name =='bootstrap5' or $skin-name =='bootstrap5.3' or $skin-name =='highcontrast' {
+      border-color: $ddl-box-border-color;
+    }
+    @if $skin-name =='bootstrap' or $skin-name =='bootstrap4' {
+      -webkit-box-shadow: none;
+      box-shadow: none;
+    }
+    @if $skin-name =='bootstrap5' or $skin-name =='bootstrap5.3' {
+      box-shadow: none;
+    }
+  }
 }

package/SCSS-Themes/dropdowns/drop-down-list/material3-lite.scss CHANGED Viewed

@@ -388,6 +388,21 @@ $ddl-bigger-small-list-font-size: $text-sm !default;
       color: rgb(221, 218, 218);
     }
   }
+  .e-ddl.e-input-group:not(.e-disabled):active:not(.e-success):not(.e-warning):not(.e-error),
+  .e-ddl.e-input-group.e-control-wrapper:not(.e-disabled):active:not(.e-success):not(.e-warning):not(.e-error) {
+    @if $skin-name =='fabric' or $skin-name =='bootstrap' or $skin-name =='bootstrap4' or $skin-name =='bootstrap5' or $skin-name =='bootstrap5.3' or $skin-name =='highcontrast' {
+      border-color: $ddl-box-border-color;
+    }
+    @if $skin-name =='bootstrap' or $skin-name =='bootstrap4' {
+      -webkit-box-shadow: none;
+      box-shadow: none;
+    }
+    @if $skin-name =='bootstrap5' or $skin-name =='bootstrap5.3' {
+      box-shadow: none;
+    }
+  }
 }

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

@@ -388,6 +388,21 @@ $ddl-bigger-small-list-font-size: $text-sm !default;
       color: rgb(221, 218, 218);
     }
   }
+  .e-ddl.e-input-group:not(.e-disabled):active:not(.e-success):not(.e-warning):not(.e-error),
+  .e-ddl.e-input-group.e-control-wrapper:not(.e-disabled):active:not(.e-success):not(.e-warning):not(.e-error) {
+    @if $skin-name =='fabric' or $skin-name =='bootstrap' or $skin-name =='bootstrap4' or $skin-name =='bootstrap5' or $skin-name =='bootstrap5.3' or $skin-name =='highcontrast' {
+      border-color: $ddl-box-border-color;
+    }
+    @if $skin-name =='bootstrap' or $skin-name =='bootstrap4' {
+      -webkit-box-shadow: none;
+      box-shadow: none;
+    }
+    @if $skin-name =='bootstrap5' or $skin-name =='bootstrap5.3' {
+      box-shadow: none;
+    }
+  }
 }

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

@@ -374,6 +374,21 @@ $ddl-filter-box-shadow: 0 1.5px 5px -2px $ddl-filter-box-shadow-color !default;
       color: rgb(221, 218, 218);
     }
   }
+  .e-ddl.e-input-group:not(.e-disabled):active:not(.e-success):not(.e-warning):not(.e-error),
+  .e-ddl.e-input-group.e-control-wrapper:not(.e-disabled):active:not(.e-success):not(.e-warning):not(.e-error) {
+    @if $skin-name =='fabric' or $skin-name =='bootstrap' or $skin-name =='bootstrap4' or $skin-name =='bootstrap5' or $skin-name =='bootstrap5.3' or $skin-name =='highcontrast' {
+      border-color: $ddl-box-border-color;
+    }
+    @if $skin-name =='bootstrap' or $skin-name =='bootstrap4' {
+      -webkit-box-shadow: none;
+      box-shadow: none;
+    }
+    @if $skin-name =='bootstrap5' or $skin-name =='bootstrap5.3' {
+      box-shadow: none;
+    }
+  }
 }

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

@@ -374,6 +374,21 @@ $ddl-filter-box-shadow: 0 1.5px 5px -2px $ddl-filter-box-shadow-color !default;
       color: rgb(221, 218, 218);
     }
   }
+  .e-ddl.e-input-group:not(.e-disabled):active:not(.e-success):not(.e-warning):not(.e-error),
+  .e-ddl.e-input-group.e-control-wrapper:not(.e-disabled):active:not(.e-success):not(.e-warning):not(.e-error) {
+    @if $skin-name =='fabric' or $skin-name =='bootstrap' or $skin-name =='bootstrap4' or $skin-name =='bootstrap5' or $skin-name =='bootstrap5.3' or $skin-name =='highcontrast' {
+      border-color: $ddl-box-border-color;
+    }
+    @if $skin-name =='bootstrap' or $skin-name =='bootstrap4' {
+      -webkit-box-shadow: none;
+      box-shadow: none;
+    }
+    @if $skin-name =='bootstrap5' or $skin-name =='bootstrap5.3' {
+      box-shadow: none;
+    }
+  }
 }

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

@@ -374,6 +374,21 @@ $ddl-filter-box-shadow: 0 1.5px 5px -2px $ddl-filter-box-shadow-color !default;
       color: rgb(221, 218, 218);
     }
   }
+  .e-ddl.e-input-group:not(.e-disabled):active:not(.e-success):not(.e-warning):not(.e-error),
+  .e-ddl.e-input-group.e-control-wrapper:not(.e-disabled):active:not(.e-success):not(.e-warning):not(.e-error) {
+    @if $skin-name =='fabric' or $skin-name =='bootstrap' or $skin-name =='bootstrap4' or $skin-name =='bootstrap5' or $skin-name =='bootstrap5.3' or $skin-name =='highcontrast' {
+      border-color: $ddl-box-border-color;
+    }
+    @if $skin-name =='bootstrap' or $skin-name =='bootstrap4' {
+      -webkit-box-shadow: none;
+      box-shadow: none;
+    }
+    @if $skin-name =='bootstrap5' or $skin-name =='bootstrap5.3' {
+      box-shadow: none;
+    }
+  }
 }

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

@@ -374,6 +374,21 @@ $ddl-filter-box-shadow: 0 1.5px 5px -2px $ddl-filter-box-shadow-color !default;
       color: rgb(221, 218, 218);
     }
   }
+  .e-ddl.e-input-group:not(.e-disabled):active:not(.e-success):not(.e-warning):not(.e-error),
+  .e-ddl.e-input-group.e-control-wrapper:not(.e-disabled):active:not(.e-success):not(.e-warning):not(.e-error) {
+    @if $skin-name =='fabric' or $skin-name =='bootstrap' or $skin-name =='bootstrap4' or $skin-name =='bootstrap5' or $skin-name =='bootstrap5.3' or $skin-name =='highcontrast' {
+      border-color: $ddl-box-border-color;
+    }
+    @if $skin-name =='bootstrap' or $skin-name =='bootstrap4' {
+      -webkit-box-shadow: none;
+      box-shadow: none;
+    }
+    @if $skin-name =='bootstrap5' or $skin-name =='bootstrap5.3' {
+      box-shadow: none;
+    }
+  }
 }

package/SCSS-Themes/dropdowns/drop-down-list/tailwind3-dark-lite.scss CHANGED Viewed

@@ -409,6 +409,21 @@ $ddl-filter-box-shadow: 0 1.5px 5px -2px $ddl-filter-box-shadow-color !default;
       color: rgb(221, 218, 218);
     }
   }
+  .e-ddl.e-input-group:not(.e-disabled):active:not(.e-success):not(.e-warning):not(.e-error),
+  .e-ddl.e-input-group.e-control-wrapper:not(.e-disabled):active:not(.e-success):not(.e-warning):not(.e-error) {
+    @if $skin-name =='fabric' or $skin-name =='bootstrap' or $skin-name =='bootstrap4' or $skin-name =='bootstrap5' or $skin-name =='bootstrap5.3' or $skin-name =='highcontrast' {
+      border-color: $ddl-box-border-color;
+    }
+    @if $skin-name =='bootstrap' or $skin-name =='bootstrap4' {
+      -webkit-box-shadow: none;
+      box-shadow: none;
+    }
+    @if $skin-name =='bootstrap5' or $skin-name =='bootstrap5.3' {
+      box-shadow: none;
+    }
+  }
 }

package/SCSS-Themes/dropdowns/drop-down-list/tailwind3-dark.scss CHANGED Viewed

@@ -409,6 +409,21 @@ $ddl-filter-box-shadow: 0 1.5px 5px -2px $ddl-filter-box-shadow-color !default;
       color: rgb(221, 218, 218);
     }
   }
+  .e-ddl.e-input-group:not(.e-disabled):active:not(.e-success):not(.e-warning):not(.e-error),
+  .e-ddl.e-input-group.e-control-wrapper:not(.e-disabled):active:not(.e-success):not(.e-warning):not(.e-error) {
+    @if $skin-name =='fabric' or $skin-name =='bootstrap' or $skin-name =='bootstrap4' or $skin-name =='bootstrap5' or $skin-name =='bootstrap5.3' or $skin-name =='highcontrast' {
+      border-color: $ddl-box-border-color;
+    }
+    @if $skin-name =='bootstrap' or $skin-name =='bootstrap4' {
+      -webkit-box-shadow: none;
+      box-shadow: none;
+    }
+    @if $skin-name =='bootstrap5' or $skin-name =='bootstrap5.3' {
+      box-shadow: none;
+    }
+  }
 }

package/SCSS-Themes/dropdowns/drop-down-list/tailwind3-lite.scss CHANGED Viewed

@@ -409,6 +409,21 @@ $ddl-filter-box-shadow: 0 1.5px 5px -2px $ddl-filter-box-shadow-color !default;
       color: rgb(221, 218, 218);
     }
   }
+  .e-ddl.e-input-group:not(.e-disabled):active:not(.e-success):not(.e-warning):not(.e-error),
+  .e-ddl.e-input-group.e-control-wrapper:not(.e-disabled):active:not(.e-success):not(.e-warning):not(.e-error) {
+    @if $skin-name =='fabric' or $skin-name =='bootstrap' or $skin-name =='bootstrap4' or $skin-name =='bootstrap5' or $skin-name =='bootstrap5.3' or $skin-name =='highcontrast' {
+      border-color: $ddl-box-border-color;
+    }
+    @if $skin-name =='bootstrap' or $skin-name =='bootstrap4' {
+      -webkit-box-shadow: none;
+      box-shadow: none;
+    }
+    @if $skin-name =='bootstrap5' or $skin-name =='bootstrap5.3' {
+      box-shadow: none;
+    }
+  }
 }

package/SCSS-Themes/dropdowns/drop-down-list/tailwind3.scss CHANGED Viewed

@@ -409,6 +409,21 @@ $ddl-filter-box-shadow: 0 1.5px 5px -2px $ddl-filter-box-shadow-color !default;
       color: rgb(221, 218, 218);
     }
   }
+  .e-ddl.e-input-group:not(.e-disabled):active:not(.e-success):not(.e-warning):not(.e-error),
+  .e-ddl.e-input-group.e-control-wrapper:not(.e-disabled):active:not(.e-success):not(.e-warning):not(.e-error) {
+    @if $skin-name =='fabric' or $skin-name =='bootstrap' or $skin-name =='bootstrap4' or $skin-name =='bootstrap5' or $skin-name =='bootstrap5.3' or $skin-name =='highcontrast' {
+      border-color: $ddl-box-border-color;
+    }
+    @if $skin-name =='bootstrap' or $skin-name =='bootstrap4' {
+      -webkit-box-shadow: none;
+      box-shadow: none;
+    }
+    @if $skin-name =='bootstrap5' or $skin-name =='bootstrap5.3' {
+      box-shadow: none;
+    }
+  }
 }

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

@@ -207,6 +207,7 @@ $ddl-multi-list-hover-bg-color: $content-bg-color-hover !default;
 $ddl-delim-font-color: $content-text-color !default;
 $ddl-close-icon-color: $icon-color !default;
 $ddl-close-icon-hover-color: $icon-color-hover !default;
+$multi-select-delim-font-family: 'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', arial, 'Noto Sans', 'Liberation Sans', sans-serif, 'apple color emoji', 'Segoe UI emoji', 'Segoe UI Symbol', 'Noto color emoji' !default;
 @include export-module('multiselect-bds') {
   .e-multi-select-wrapper .e-chips-collection .e-chips .e-chips-close.e-icon::before {
@@ -650,7 +651,12 @@ $ddl-close-icon-hover-color: $icon-color-hover !default;
 }
 .e-multi-select-wrapper .e-delim-values {
-  font-family: $ddl-chip-font-family;
+  @if $ddl-multiselect-skin-name == 'tailwind' {
+    font-family: $multi-select-delim-font-family;
+  }
+  @else {
+    font-family: $ddl-chip-font-family;
+  }
   font-size: $ddl-delim-font-size;
   line-height: $ddl-delimviewheight;
   max-width: 100%;

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

@@ -207,6 +207,7 @@ $ddl-multi-list-hover-bg-color: $content-bg-color-hover !default;
 $ddl-delim-font-color: $content-text-color !default;
 $ddl-close-icon-color: $icon-color !default;
 $ddl-close-icon-hover-color: $icon-color-hover !default;
+$multi-select-delim-font-family: 'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', arial, 'Noto Sans', 'Liberation Sans', sans-serif, 'apple color emoji', 'Segoe UI emoji', 'Segoe UI Symbol', 'Noto color emoji' !default;
 @include export-module('multiselect-bds') {
   .e-multi-select-wrapper .e-chips-collection .e-chips .e-chips-close.e-icon::before {
@@ -650,7 +651,12 @@ $ddl-close-icon-hover-color: $icon-color-hover !default;
 }
 .e-multi-select-wrapper .e-delim-values {
-  font-family: $ddl-chip-font-family;
+  @if $ddl-multiselect-skin-name == 'tailwind' {
+    font-family: $multi-select-delim-font-family;
+  }
+  @else {
+    font-family: $ddl-chip-font-family;
+  }
   font-size: $ddl-delim-font-size;
   line-height: $ddl-delimviewheight;
   max-width: 100%;

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

@@ -207,6 +207,7 @@ $ddl-multi-list-hover-bg-color: $content-bg-color-hover !default;
 $ddl-delim-font-color: $content-text-color !default;
 $ddl-close-icon-color: $icon-color !default;
 $ddl-close-icon-hover-color: $icon-color-hover !default;
+$multi-select-delim-font-family: 'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', arial, 'Noto Sans', 'Liberation Sans', sans-serif, 'apple color emoji', 'Segoe UI emoji', 'Segoe UI Symbol', 'Noto color emoji' !default;
 @include export-module('multiselect-bds') {
   .e-multi-select-wrapper .e-chips-collection .e-chips .e-chips-close.e-icon::before {
@@ -650,7 +651,12 @@ $ddl-close-icon-hover-color: $icon-color-hover !default;
 }
 .e-multi-select-wrapper .e-delim-values {
-  font-family: $ddl-chip-font-family;
+  @if $ddl-multiselect-skin-name == 'tailwind' {
+    font-family: $multi-select-delim-font-family;
+  }
+  @else {
+    font-family: $ddl-chip-font-family;
+  }
   font-size: $ddl-delim-font-size;
   line-height: $ddl-delimviewheight;
   max-width: 100%;

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

@@ -207,6 +207,7 @@ $ddl-multi-list-hover-bg-color: $content-bg-color-hover !default;
 $ddl-delim-font-color: $content-text-color !default;
 $ddl-close-icon-color: $icon-color !default;
 $ddl-close-icon-hover-color: $icon-color-hover !default;
+$multi-select-delim-font-family: 'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', arial, 'Noto Sans', 'Liberation Sans', sans-serif, 'apple color emoji', 'Segoe UI emoji', 'Segoe UI Symbol', 'Noto color emoji' !default;
 @include export-module('multiselect-bds') {
   .e-multi-select-wrapper .e-chips-collection .e-chips .e-chips-close.e-icon::before {
@@ -650,7 +651,12 @@ $ddl-close-icon-hover-color: $icon-color-hover !default;
 }
 .e-multi-select-wrapper .e-delim-values {
-  font-family: $ddl-chip-font-family;
+  @if $ddl-multiselect-skin-name == 'tailwind' {
+    font-family: $multi-select-delim-font-family;
+  }
+  @else {
+    font-family: $ddl-chip-font-family;
+  }
   font-size: $ddl-delim-font-size;
   line-height: $ddl-delimviewheight;
   max-width: 100%;

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

@@ -618,7 +618,12 @@ $ddl-closer-margin-top-bigger-small: -4em !default;
 }
 .e-multi-select-wrapper .e-delim-values {
-  font-family: $ddl-chip-font-family;
+  @if $ddl-multiselect-skin-name == 'tailwind' {
+    font-family: $multi-select-delim-font-family;
+  }
+  @else {
+    font-family: $ddl-chip-font-family;
+  }
   font-size: $ddl-delim-font-size;
   line-height: $ddl-delimviewheight;
   max-width: 100%;

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

@@ -618,7 +618,12 @@ $ddl-closer-margin-top-bigger-small: -4em !default;
 }
 .e-multi-select-wrapper .e-delim-values {
-  font-family: $ddl-chip-font-family;
+  @if $ddl-multiselect-skin-name == 'tailwind' {
+    font-family: $multi-select-delim-font-family;
+  }
+  @else {
+    font-family: $ddl-chip-font-family;
+  }
   font-size: $ddl-delim-font-size;
   line-height: $ddl-delimviewheight;
   max-width: 100%;

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

@@ -607,7 +607,12 @@ $ddl-closer-margin-top-bigger-small: -4em !default;
 }
 .e-multi-select-wrapper .e-delim-values {
-  font-family: $ddl-chip-font-family;
+  @if $ddl-multiselect-skin-name == 'tailwind' {
+    font-family: $multi-select-delim-font-family;
+  }
+  @else {
+    font-family: $ddl-chip-font-family;
+  }
   font-size: $ddl-delim-font-size;
   line-height: $ddl-delimviewheight;
   max-width: 100%;

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

@@ -607,7 +607,12 @@ $ddl-closer-margin-top-bigger-small: -4em !default;
 }
 .e-multi-select-wrapper .e-delim-values {
-  font-family: $ddl-chip-font-family;
+  @if $ddl-multiselect-skin-name == 'tailwind' {
+    font-family: $multi-select-delim-font-family;
+  }
+  @else {
+    font-family: $ddl-chip-font-family;
+  }
   font-size: $ddl-delim-font-size;
   line-height: $ddl-delimviewheight;
   max-width: 100%;

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

@@ -656,7 +656,12 @@ $multiselect-dropicon-closer-bigger-width: 34px !default;
 }
 .e-multi-select-wrapper .e-delim-values {
-  font-family: $ddl-chip-font-family;
+  @if $ddl-multiselect-skin-name == 'tailwind' {
+    font-family: $multi-select-delim-font-family;
+  }
+  @else {
+    font-family: $ddl-chip-font-family;
+  }
   font-size: $ddl-delim-font-size;
   line-height: $ddl-delimviewheight;
   max-width: 100%;

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

@@ -656,7 +656,12 @@ $multiselect-dropicon-closer-bigger-width: 34px !default;
 }
 .e-multi-select-wrapper .e-delim-values {
-  font-family: $ddl-chip-font-family;
+  @if $ddl-multiselect-skin-name == 'tailwind' {
+    font-family: $multi-select-delim-font-family;
+  }
+  @else {
+    font-family: $ddl-chip-font-family;
+  }
   font-size: $ddl-delim-font-size;
   line-height: $ddl-delimviewheight;
   max-width: 100%;

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

@@ -649,7 +649,12 @@ $ddl-close-down-icon-left: 35px !default;
 }
 .e-multi-select-wrapper .e-delim-values {
-  font-family: $ddl-chip-font-family;
+  @if $ddl-multiselect-skin-name == 'tailwind' {
+    font-family: $multi-select-delim-font-family;
+  }
+  @else {
+    font-family: $ddl-chip-font-family;
+  }
   font-size: $ddl-delim-font-size;
   line-height: $ddl-delimviewheight;
   max-width: 100%;

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

@@ -649,7 +649,12 @@ $ddl-close-down-icon-left: 35px !default;
 }
 .e-multi-select-wrapper .e-delim-values {
-  font-family: $ddl-chip-font-family;
+  @if $ddl-multiselect-skin-name == 'tailwind' {
+    font-family: $multi-select-delim-font-family;
+  }
+  @else {
+    font-family: $ddl-chip-font-family;
+  }
   font-size: $ddl-delim-font-size;
   line-height: $ddl-delimviewheight;
   max-width: 100%;

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

@@ -649,7 +649,12 @@ $ddl-close-down-icon-left: 35px !default;
 }
 .e-multi-select-wrapper .e-delim-values {
-  font-family: $ddl-chip-font-family;
+  @if $ddl-multiselect-skin-name == 'tailwind' {
+    font-family: $multi-select-delim-font-family;
+  }
+  @else {
+    font-family: $ddl-chip-font-family;
+  }
   font-size: $ddl-delim-font-size;
   line-height: $ddl-delimviewheight;
   max-width: 100%;

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

@@ -649,7 +649,12 @@ $ddl-close-down-icon-left: 35px !default;
 }
 .e-multi-select-wrapper .e-delim-values {
-  font-family: $ddl-chip-font-family;
+  @if $ddl-multiselect-skin-name == 'tailwind' {
+    font-family: $multi-select-delim-font-family;
+  }
+  @else {
+    font-family: $ddl-chip-font-family;
+  }
   font-size: $ddl-delim-font-size;
   line-height: $ddl-delimviewheight;
   max-width: 100%;

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

@@ -649,7 +649,12 @@ $ddl-close-down-icon-left: 35px !default;
 }
 .e-multi-select-wrapper .e-delim-values {
-  font-family: $ddl-chip-font-family;
+  @if $ddl-multiselect-skin-name == 'tailwind' {
+    font-family: $multi-select-delim-font-family;
+  }
+  @else {
+    font-family: $ddl-chip-font-family;
+  }
   font-size: $ddl-delim-font-size;
   line-height: $ddl-delimviewheight;
   max-width: 100%;

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

@@ -649,7 +649,12 @@ $ddl-close-down-icon-left: 35px !default;
 }
 .e-multi-select-wrapper .e-delim-values {
-  font-family: $ddl-chip-font-family;
+  @if $ddl-multiselect-skin-name == 'tailwind' {
+    font-family: $multi-select-delim-font-family;
+  }
+  @else {
+    font-family: $ddl-chip-font-family;
+  }
   font-size: $ddl-delim-font-size;
   line-height: $ddl-delimviewheight;
   max-width: 100%;

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

@@ -649,7 +649,12 @@ $ddl-close-down-icon-left: 35px !default;
 }
 .e-multi-select-wrapper .e-delim-values {
-  font-family: $ddl-chip-font-family;
+  @if $ddl-multiselect-skin-name == 'tailwind' {
+    font-family: $multi-select-delim-font-family;
+  }
+  @else {
+    font-family: $ddl-chip-font-family;
+  }
   font-size: $ddl-delim-font-size;
   line-height: $ddl-delimviewheight;
   max-width: 100%;

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

@@ -649,7 +649,12 @@ $ddl-close-down-icon-left: 35px !default;
 }
 .e-multi-select-wrapper .e-delim-values {
-  font-family: $ddl-chip-font-family;
+  @if $ddl-multiselect-skin-name == 'tailwind' {
+    font-family: $multi-select-delim-font-family;
+  }
+  @else {
+    font-family: $ddl-chip-font-family;
+  }
   font-size: $ddl-delim-font-size;
   line-height: $ddl-delimviewheight;
   max-width: 100%;

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

@@ -610,7 +610,12 @@ $ddl-closer-margin-top-bigger-small: -3.2em !default;
 }
 .e-multi-select-wrapper .e-delim-values {
-  font-family: $ddl-chip-font-family;
+  @if $ddl-multiselect-skin-name == 'tailwind' {
+    font-family: $multi-select-delim-font-family;
+  }
+  @else {
+    font-family: $ddl-chip-font-family;
+  }
   font-size: $ddl-delim-font-size;
   line-height: $ddl-delimviewheight;
   max-width: 100%;

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

@@ -610,7 +610,12 @@ $ddl-closer-margin-top-bigger-small: -3.2em !default;
 }
 .e-multi-select-wrapper .e-delim-values {
-  font-family: $ddl-chip-font-family;
+  @if $ddl-multiselect-skin-name == 'tailwind' {
+    font-family: $multi-select-delim-font-family;
+  }
+  @else {
+    font-family: $ddl-chip-font-family;
+  }
   font-size: $ddl-delim-font-size;
   line-height: $ddl-delimviewheight;
   max-width: 100%;

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

@@ -601,7 +601,12 @@ $ddl-closer-margin-top-bigger-small: -3.2em !default;
 }
 .e-multi-select-wrapper .e-delim-values {
-  font-family: $ddl-chip-font-family;
+  @if $ddl-multiselect-skin-name == 'tailwind' {
+    font-family: $multi-select-delim-font-family;
+  }
+  @else {
+    font-family: $ddl-chip-font-family;
+  }
   font-size: $ddl-delim-font-size;
   line-height: $ddl-delimviewheight;
   max-width: 100%;

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

@@ -601,7 +601,12 @@ $ddl-closer-margin-top-bigger-small: -3.2em !default;
 }
 .e-multi-select-wrapper .e-delim-values {
-  font-family: $ddl-chip-font-family;
+  @if $ddl-multiselect-skin-name == 'tailwind' {
+    font-family: $multi-select-delim-font-family;
+  }
+  @else {
+    font-family: $ddl-chip-font-family;
+  }
   font-size: $ddl-delim-font-size;
   line-height: $ddl-delimviewheight;
   max-width: 100%;

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

@@ -656,7 +656,12 @@ $ddl-small-clear-icon-width: 12px !default;
 }
 .e-multi-select-wrapper .e-delim-values {
-  font-family: $ddl-chip-font-family;
+  @if $ddl-multiselect-skin-name == 'tailwind' {
+    font-family: $multi-select-delim-font-family;
+  }
+  @else {
+    font-family: $ddl-chip-font-family;
+  }
   font-size: $ddl-delim-font-size;
   line-height: $ddl-delimviewheight;
   max-width: 100%;