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/bootstrap4.scss CHANGED Viewed

@@ -65531,7 +65531,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%;
@@ -111180,7 +111185,7 @@ $lg-desktop: 1399.98;
       color: $pv-icon-color-hover;
     }
     @if $skin-name == 'bootstrap5.3' {
-      color: $pv-icon-color-hover !important;/* stylelint-disable-line declaration-no-important */
+      color: $pv-icon-color-hover;/* stylelint-disable-line declaration-no-important */
     }
     @if $skin-name == 'bootstrap5' {
       color: $white;
@@ -111193,6 +111198,12 @@ $lg-desktop: 1399.98;
     }
   }
+  .e-pv-annotation-toolbar.e-toolbar .e-toolbar-pop .e-toolbar-item .e-tbar-btn:hover {
+    @if $skin-name == 'bootstrap5.3' {
+      color: $pv-icon-color;/* stylelint-disable-line declaration-no-important */
+    }
+  }
   .e-pv-toolbar .e-popup .e-pv-tbar-btn:hover {
     @if ($skin-name == 'bootstrap5.3') {
       color: $pv-icon-color !important;/* stylelint-disable-line declaration-no-important */
@@ -115456,9 +115467,6 @@ $lg-desktop: 1399.98;
     @if ($skin-name == 'bootstrap5') {
       color: $white;
     }
-    @if ($skin-name == 'bootstrap5.3') {
-      color: var(--color-sf-icon-color);
-    }
   }
   .e-dialog.e-pv-signature-dialog-height {
@@ -129456,6 +129464,11 @@ $schedule-tbar-border-hover-color: color.adjust($gray-600, $lightness: -12.5%) !
     }
     .e-vertical-view {
+      .e-month-event-table {
+        position: absolute;
+        top: 0;
+      }
       &.e-timescale-disable {
         .e-content-table,
         .e-content-wrap {
@@ -134775,8 +134788,8 @@ $image-editor-button-width-mobile: calc(66% - 30px) !default;
   }
   .e-ie-img-dlg-canvas {
-    width: 100%;
-    height: 100%;
+    width: auto;
+    height: auto;
   }
   .e-ie-img-size {

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

@@ -48513,7 +48513,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%;
@@ -83595,7 +83600,7 @@ $lg-desktop: 1399.98;
       color: $pv-icon-color-hover;
     }
     @if $skin-name == 'bootstrap5.3' {
-      color: $pv-icon-color-hover !important;/* stylelint-disable-line declaration-no-important */
+      color: $pv-icon-color-hover;/* stylelint-disable-line declaration-no-important */
     }
     @if $skin-name == 'bootstrap5' {
       color: $white;
@@ -83608,6 +83613,12 @@ $lg-desktop: 1399.98;
     }
   }
+  .e-pv-annotation-toolbar.e-toolbar .e-toolbar-pop .e-toolbar-item .e-tbar-btn:hover {
+    @if $skin-name == 'bootstrap5.3' {
+      color: $pv-icon-color;/* stylelint-disable-line declaration-no-important */
+    }
+  }
   .e-pv-toolbar .e-popup .e-pv-tbar-btn:hover {
     @if ($skin-name == 'bootstrap5.3') {
       color: $pv-icon-color !important;/* stylelint-disable-line declaration-no-important */
@@ -87871,9 +87882,6 @@ $lg-desktop: 1399.98;
     @if ($skin-name == 'bootstrap5') {
       color: $white;
     }
-    @if ($skin-name == 'bootstrap5.3') {
-      color: var(--color-sf-icon-color);
-    }
   }
   .e-dialog.e-pv-signature-dialog-height {
@@ -98813,6 +98821,11 @@ $schedule-bgr-calendar-width: 345px !default;
     }
     .e-vertical-view {
+      .e-month-event-table {
+        position: absolute;
+        top: 0;
+      }
       &.e-timescale-disable {
         .e-content-table,
         .e-content-wrap {
@@ -103339,8 +103352,8 @@ $image-editor-button-width-mobile: calc(67% - 30px) !default;
   }
   .e-ie-img-dlg-canvas {
-    width: 100%;
-    height: 100%;
+    width: auto;
+    height: auto;
   }
   .e-ie-img-size {

package/SCSS-Themes/bootstrap5-dark.scss CHANGED Viewed

@@ -65814,7 +65814,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%;
@@ -111277,7 +111282,7 @@ $lg-desktop: 1399.98;
       color: $pv-icon-color-hover;
     }
     @if $skin-name == 'bootstrap5.3' {
-      color: $pv-icon-color-hover !important;/* stylelint-disable-line declaration-no-important */
+      color: $pv-icon-color-hover;/* stylelint-disable-line declaration-no-important */
     }
     @if $skin-name == 'bootstrap5' {
       color: $white;
@@ -111290,6 +111295,12 @@ $lg-desktop: 1399.98;
     }
   }
+  .e-pv-annotation-toolbar.e-toolbar .e-toolbar-pop .e-toolbar-item .e-tbar-btn:hover {
+    @if $skin-name == 'bootstrap5.3' {
+      color: $pv-icon-color;/* stylelint-disable-line declaration-no-important */
+    }
+  }
   .e-pv-toolbar .e-popup .e-pv-tbar-btn:hover {
     @if ($skin-name == 'bootstrap5.3') {
       color: $pv-icon-color !important;/* stylelint-disable-line declaration-no-important */
@@ -115553,9 +115564,6 @@ $lg-desktop: 1399.98;
     @if ($skin-name == 'bootstrap5') {
       color: $white;
     }
-    @if ($skin-name == 'bootstrap5.3') {
-      color: var(--color-sf-icon-color);
-    }
   }
   .e-dialog.e-pv-signature-dialog-height {
@@ -129554,6 +129562,11 @@ $schedule-bgr-calendar-width: 345px !default;
     }
     .e-vertical-view {
+      .e-month-event-table {
+        position: absolute;
+        top: 0;
+      }
       &.e-timescale-disable {
         .e-content-table,
         .e-content-wrap {
@@ -134876,8 +134889,8 @@ $image-editor-button-width-mobile: calc(67% - 30px) !default;
   }
   .e-ie-img-dlg-canvas {
-    width: 100%;
-    height: 100%;
+    width: auto;
+    height: auto;
   }
   .e-ie-img-size {

package/SCSS-Themes/bootstrap5-lite.scss CHANGED Viewed

@@ -48512,7 +48512,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%;
@@ -83594,7 +83599,7 @@ $lg-desktop: 1399.98;
       color: $pv-icon-color-hover;
     }
     @if $skin-name == 'bootstrap5.3' {
-      color: $pv-icon-color-hover !important;/* stylelint-disable-line declaration-no-important */
+      color: $pv-icon-color-hover;/* stylelint-disable-line declaration-no-important */
     }
     @if $skin-name == 'bootstrap5' {
       color: $white;
@@ -83607,6 +83612,12 @@ $lg-desktop: 1399.98;
     }
   }
+  .e-pv-annotation-toolbar.e-toolbar .e-toolbar-pop .e-toolbar-item .e-tbar-btn:hover {
+    @if $skin-name == 'bootstrap5.3' {
+      color: $pv-icon-color;/* stylelint-disable-line declaration-no-important */
+    }
+  }
   .e-pv-toolbar .e-popup .e-pv-tbar-btn:hover {
     @if ($skin-name == 'bootstrap5.3') {
       color: $pv-icon-color !important;/* stylelint-disable-line declaration-no-important */
@@ -87870,9 +87881,6 @@ $lg-desktop: 1399.98;
     @if ($skin-name == 'bootstrap5') {
       color: $white;
     }
-    @if ($skin-name == 'bootstrap5.3') {
-      color: var(--color-sf-icon-color);
-    }
   }
   .e-dialog.e-pv-signature-dialog-height {
@@ -98812,6 +98820,11 @@ $schedule-bgr-calendar-width: 345px !default;
     }
     .e-vertical-view {
+      .e-month-event-table {
+        position: absolute;
+        top: 0;
+      }
       &.e-timescale-disable {
         .e-content-table,
         .e-content-wrap {
@@ -103338,8 +103351,8 @@ $image-editor-button-width-mobile: calc(67% - 30px) !default;
   }
   .e-ie-img-dlg-canvas {
-    width: 100%;
-    height: 100%;
+    width: auto;
+    height: auto;
   }
   .e-ie-img-size {

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

@@ -49270,7 +49270,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%;
@@ -84379,7 +84384,7 @@ $lg-desktop: 1399.98;
       color: $pv-icon-color-hover;
     }
     @if $skin-name == 'bootstrap5.3' {
-      color: $pv-icon-color-hover !important;/* stylelint-disable-line declaration-no-important */
+      color: $pv-icon-color-hover;/* stylelint-disable-line declaration-no-important */
     }
     @if $skin-name == 'bootstrap5' {
       color: $white;
@@ -84392,6 +84397,12 @@ $lg-desktop: 1399.98;
     }
   }
+  .e-pv-annotation-toolbar.e-toolbar .e-toolbar-pop .e-toolbar-item .e-tbar-btn:hover {
+    @if $skin-name == 'bootstrap5.3' {
+      color: $pv-icon-color;/* stylelint-disable-line declaration-no-important */
+    }
+  }
   .e-pv-toolbar .e-popup .e-pv-tbar-btn:hover {
     @if ($skin-name == 'bootstrap5.3') {
       color: $pv-icon-color !important;/* stylelint-disable-line declaration-no-important */
@@ -88655,9 +88666,6 @@ $lg-desktop: 1399.98;
     @if ($skin-name == 'bootstrap5') {
       color: $white;
     }
-    @if ($skin-name == 'bootstrap5.3') {
-      color: var(--color-sf-icon-color);
-    }
   }
   .e-dialog.e-pv-signature-dialog-height {
@@ -99587,6 +99595,11 @@ $schedule-bgr-calendar-width: 345px !default;
     }
     .e-vertical-view {
+      .e-month-event-table {
+        position: absolute;
+        top: 0;
+      }
       &.e-timescale-disable {
         .e-content-table,
         .e-content-wrap {
@@ -104113,8 +104126,8 @@ $image-editor-button-width-mobile: calc(65% - 30px) !default;
   }
   .e-ie-img-dlg-canvas {
-    width: 100%;
-    height: 100%;
+    width: auto;
+    height: auto;
   }
   .e-ie-img-size {

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

@@ -66571,7 +66571,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%;
@@ -112061,7 +112066,7 @@ $lg-desktop: 1399.98;
       color: $pv-icon-color-hover;
     }
     @if $skin-name == 'bootstrap5.3' {
-      color: $pv-icon-color-hover !important;/* stylelint-disable-line declaration-no-important */
+      color: $pv-icon-color-hover;/* stylelint-disable-line declaration-no-important */
     }
     @if $skin-name == 'bootstrap5' {
       color: $white;
@@ -112074,6 +112079,12 @@ $lg-desktop: 1399.98;
     }
   }
+  .e-pv-annotation-toolbar.e-toolbar .e-toolbar-pop .e-toolbar-item .e-tbar-btn:hover {
+    @if $skin-name == 'bootstrap5.3' {
+      color: $pv-icon-color;/* stylelint-disable-line declaration-no-important */
+    }
+  }
   .e-pv-toolbar .e-popup .e-pv-tbar-btn:hover {
     @if ($skin-name == 'bootstrap5.3') {
       color: $pv-icon-color !important;/* stylelint-disable-line declaration-no-important */
@@ -116337,9 +116348,6 @@ $lg-desktop: 1399.98;
     @if ($skin-name == 'bootstrap5') {
       color: $white;
     }
-    @if ($skin-name == 'bootstrap5.3') {
-      color: var(--color-sf-icon-color);
-    }
   }
   .e-dialog.e-pv-signature-dialog-height {
@@ -130328,6 +130336,11 @@ $schedule-bgr-calendar-width: 345px !default;
     }
     .e-vertical-view {
+      .e-month-event-table {
+        position: absolute;
+        top: 0;
+      }
       &.e-timescale-disable {
         .e-content-table,
         .e-content-wrap {
@@ -135650,8 +135663,8 @@ $image-editor-button-width-mobile: calc(65% - 30px) !default;
   }
   .e-ie-img-dlg-canvas {
-    width: 100%;
-    height: 100%;
+    width: auto;
+    height: auto;
   }
   .e-ie-img-size {

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

@@ -49617,7 +49617,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%;
@@ -84726,7 +84731,7 @@ $lg-desktop: 1399.98;
       color: $pv-icon-color-hover;
     }
     @if $skin-name == 'bootstrap5.3' {
-      color: $pv-icon-color-hover !important;/* stylelint-disable-line declaration-no-important */
+      color: $pv-icon-color-hover;/* stylelint-disable-line declaration-no-important */
     }
     @if $skin-name == 'bootstrap5' {
       color: $white;
@@ -84739,6 +84744,12 @@ $lg-desktop: 1399.98;
     }
   }
+  .e-pv-annotation-toolbar.e-toolbar .e-toolbar-pop .e-toolbar-item .e-tbar-btn:hover {
+    @if $skin-name == 'bootstrap5.3' {
+      color: $pv-icon-color;/* stylelint-disable-line declaration-no-important */
+    }
+  }
   .e-pv-toolbar .e-popup .e-pv-tbar-btn:hover {
     @if ($skin-name == 'bootstrap5.3') {
       color: $pv-icon-color !important;/* stylelint-disable-line declaration-no-important */
@@ -89002,9 +89013,6 @@ $lg-desktop: 1399.98;
     @if ($skin-name == 'bootstrap5') {
       color: $white;
     }
-    @if ($skin-name == 'bootstrap5.3') {
-      color: var(--color-sf-icon-color);
-    }
   }
   .e-dialog.e-pv-signature-dialog-height {
@@ -99934,6 +99942,11 @@ $schedule-bgr-calendar-width: 345px !default;
     }
     .e-vertical-view {
+      .e-month-event-table {
+        position: absolute;
+        top: 0;
+      }
       &.e-timescale-disable {
         .e-content-table,
         .e-content-wrap {
@@ -104460,8 +104473,8 @@ $image-editor-button-width-mobile: calc(65% - 30px) !default;
   }
   .e-ie-img-dlg-canvas {
-    width: 100%;
-    height: 100%;
+    width: auto;
+    height: auto;
   }
   .e-ie-img-size {

package/SCSS-Themes/bootstrap5.3.scss CHANGED Viewed

@@ -66918,7 +66918,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%;
@@ -112408,7 +112413,7 @@ $lg-desktop: 1399.98;
       color: $pv-icon-color-hover;
     }
     @if $skin-name == 'bootstrap5.3' {
-      color: $pv-icon-color-hover !important;/* stylelint-disable-line declaration-no-important */
+      color: $pv-icon-color-hover;/* stylelint-disable-line declaration-no-important */
     }
     @if $skin-name == 'bootstrap5' {
       color: $white;
@@ -112421,6 +112426,12 @@ $lg-desktop: 1399.98;
     }
   }
+  .e-pv-annotation-toolbar.e-toolbar .e-toolbar-pop .e-toolbar-item .e-tbar-btn:hover {
+    @if $skin-name == 'bootstrap5.3' {
+      color: $pv-icon-color;/* stylelint-disable-line declaration-no-important */
+    }
+  }
   .e-pv-toolbar .e-popup .e-pv-tbar-btn:hover {
     @if ($skin-name == 'bootstrap5.3') {
       color: $pv-icon-color !important;/* stylelint-disable-line declaration-no-important */
@@ -116684,9 +116695,6 @@ $lg-desktop: 1399.98;
     @if ($skin-name == 'bootstrap5') {
       color: $white;
     }
-    @if ($skin-name == 'bootstrap5.3') {
-      color: var(--color-sf-icon-color);
-    }
   }
   .e-dialog.e-pv-signature-dialog-height {
@@ -130675,6 +130683,11 @@ $schedule-bgr-calendar-width: 345px !default;
     }
     .e-vertical-view {
+      .e-month-event-table {
+        position: absolute;
+        top: 0;
+      }
       &.e-timescale-disable {
         .e-content-table,
         .e-content-wrap {
@@ -135997,8 +136010,8 @@ $image-editor-button-width-mobile: calc(65% - 30px) !default;
   }
   .e-ie-img-dlg-canvas {
-    width: 100%;
-    height: 100%;
+    width: auto;
+    height: auto;
   }
   .e-ie-img-size {

package/SCSS-Themes/bootstrap5.scss CHANGED Viewed

@@ -65813,7 +65813,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%;
@@ -111276,7 +111281,7 @@ $lg-desktop: 1399.98;
       color: $pv-icon-color-hover;
     }
     @if $skin-name == 'bootstrap5.3' {
-      color: $pv-icon-color-hover !important;/* stylelint-disable-line declaration-no-important */
+      color: $pv-icon-color-hover;/* stylelint-disable-line declaration-no-important */
     }
     @if $skin-name == 'bootstrap5' {
       color: $white;
@@ -111289,6 +111294,12 @@ $lg-desktop: 1399.98;
     }
   }
+  .e-pv-annotation-toolbar.e-toolbar .e-toolbar-pop .e-toolbar-item .e-tbar-btn:hover {
+    @if $skin-name == 'bootstrap5.3' {
+      color: $pv-icon-color;/* stylelint-disable-line declaration-no-important */
+    }
+  }
   .e-pv-toolbar .e-popup .e-pv-tbar-btn:hover {
     @if ($skin-name == 'bootstrap5.3') {
       color: $pv-icon-color !important;/* stylelint-disable-line declaration-no-important */
@@ -115552,9 +115563,6 @@ $lg-desktop: 1399.98;
     @if ($skin-name == 'bootstrap5') {
       color: $white;
     }
-    @if ($skin-name == 'bootstrap5.3') {
-      color: var(--color-sf-icon-color);
-    }
   }
   .e-dialog.e-pv-signature-dialog-height {
@@ -129553,6 +129561,11 @@ $schedule-bgr-calendar-width: 345px !default;
     }
     .e-vertical-view {
+      .e-month-event-table {
+        position: absolute;
+        top: 0;
+      }
       &.e-timescale-disable {
         .e-content-table,
         .e-content-wrap {
@@ -134875,8 +134888,8 @@ $image-editor-button-width-mobile: calc(67% - 30px) !default;
   }
   .e-ie-img-dlg-canvas {
-    width: 100%;
-    height: 100%;
+    width: auto;
+    height: auto;
   }
   .e-ie-img-size {

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