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

@syncfusion/blazor-themes 29.1.41 → 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 (301) hide show

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%;

package/SCSS-Themes/dropdowns/multi-select/fluent-dark.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%;

package/SCSS-Themes/dropdowns/multi-select/fluent-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%;

package/SCSS-Themes/dropdowns/multi-select/fluent.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%;

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

@@ -654,7 +654,12 @@ $ddl-multi-list-select-color: $flyout-text-color-selected !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/fluent2-dark.scss CHANGED Viewed

@@ -654,7 +654,12 @@ $ddl-multi-list-select-color: $flyout-text-color-selected !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/fluent2-highcontrast-lite.scss CHANGED Viewed

@@ -654,7 +654,12 @@ $ddl-multi-list-select-color: $flyout-text-color-selected !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/fluent2-highcontrast.scss CHANGED Viewed

@@ -654,7 +654,12 @@ $ddl-multi-list-select-color: $flyout-text-color-selected !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/fluent2-lite.scss CHANGED Viewed

@@ -654,7 +654,12 @@ $ddl-multi-list-select-color: $flyout-text-color-selected !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/fluent2.scss CHANGED Viewed

@@ -654,7 +654,12 @@ $ddl-multi-list-select-color: $flyout-text-color-selected !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/highcontrast-lite.scss CHANGED Viewed

@@ -722,7 +722,12 @@ $ddl-closer-margin-top-bigger-small: -3.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/highcontrast.scss CHANGED Viewed

@@ -722,7 +722,12 @@ $ddl-closer-margin-top-bigger-small: -3.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/material-dark-lite.scss CHANGED Viewed

@@ -668,7 +668,12 @@ $filled-multiselect-chip-hover-bg-color: $grey-700 !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/material-dark.scss CHANGED Viewed

@@ -668,7 +668,12 @@ $filled-multiselect-chip-hover-bg-color: $grey-700 !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/material-lite.scss CHANGED Viewed

@@ -670,7 +670,12 @@ $filled-multiselect-chip-hover-bg-color: color.adjust($grey-300, $lightness: -7%
 }
 .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/material.scss CHANGED Viewed

@@ -670,7 +670,12 @@ $filled-multiselect-chip-hover-bg-color: color.adjust($grey-300, $lightness: -7%
 }
 .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/material3-dark-lite.scss CHANGED Viewed

@@ -653,7 +653,12 @@ $ddl-chip-bigger-content-padding: 0 !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/material3-dark.scss CHANGED Viewed

@@ -653,7 +653,12 @@ $ddl-chip-bigger-content-padding: 0 !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/material3-lite.scss CHANGED Viewed

@@ -653,7 +653,12 @@ $ddl-chip-bigger-content-padding: 0 !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/material3.scss CHANGED Viewed

@@ -653,7 +653,12 @@ $ddl-chip-bigger-content-padding: 0 !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/tailwind-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-tailwind') {
   .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/tailwind-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-tailwind') {
   .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%;