npm - @syncfusion/blazor-themes - Versions diffs - 27.1.50 → 27.1.52 - Mend

@syncfusion/blazor-themes 27.1.50 → 27.1.52

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

package/SCSS-Themes/buttons/radio-button/bds-dark.scss CHANGED Viewed

@@ -55,6 +55,7 @@ $radio-btn-check-transition: none !default;
 $radio-btn-disabled-border-color: $border !default;
 $radio-btn-disabled-checked-border-color: transparent !default;
 $radio-btn-disabled-background-color: $content-bg-color-alt3 !default;
+$radio-btn-disabled-not-checked-bg-color: transparent !default;
 $radio-btn-disabled-color: $border !default;
 $radio-btn-disabled-checked-color: $content-text-color-disabled !default;
 $radio-btn-font-color: $content-text-color !default;
@@ -866,7 +867,7 @@ $radio-btn-focus-outline: $radio-btn-background-color 0 solid !default;
         }
         &::before {
-          @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' {
+          @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' or $skin-name == 'bootstrap4' or $skin-name == 'tailwind' {
             background-color: $radio-btn-disabled-not-checked-bg-color;
           }
           @else {

package/SCSS-Themes/buttons/radio-button/bds.scss CHANGED Viewed

@@ -55,6 +55,7 @@ $radio-btn-check-transition: none !default;
 $radio-btn-disabled-border-color: $border !default;
 $radio-btn-disabled-checked-border-color: transparent !default;
 $radio-btn-disabled-background-color: $content-bg-color-alt3 !default;
+$radio-btn-disabled-not-checked-bg-color: transparent !default;
 $radio-btn-disabled-color: $border !default;
 $radio-btn-disabled-checked-color: $content-text-color-disabled !default;
 $radio-btn-font-color: $content-text-color !default;
@@ -866,7 +867,7 @@ $radio-btn-focus-outline: $radio-btn-background-color 0 solid !default;
         }
         &::before {
-          @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' {
+          @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' or $skin-name == 'bootstrap4' or $skin-name == 'tailwind' {
             background-color: $radio-btn-disabled-not-checked-bg-color;
           }
           @else {

package/SCSS-Themes/buttons/radio-button/bootstrap-dark.scss CHANGED Viewed

@@ -866,7 +866,7 @@ $radio-btn-focus-outline-offset: 0 !default;
         }
         &::before {
-          @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' {
+          @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' or $skin-name == 'bootstrap4' or $skin-name == 'tailwind' {
             background-color: $radio-btn-disabled-not-checked-bg-color;
           }
           @else {

package/SCSS-Themes/buttons/radio-button/bootstrap.scss CHANGED Viewed

@@ -866,7 +866,7 @@ $radio-btn-focus-outline-offset: 0 !default;
         }
         &::before {
-          @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' {
+          @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' or $skin-name == 'bootstrap4' or $skin-name == 'tailwind' {
             background-color: $radio-btn-disabled-not-checked-bg-color;
           }
           @else {

package/SCSS-Themes/buttons/radio-button/bootstrap4.scss CHANGED Viewed

@@ -22,6 +22,7 @@ $radio-btn-check-transition: none !default;
 $radio-btn-disabled-border-color: $gray-500 !default;
 $radio-btn-disabled-checked-border-color: transparent !default;
 $radio-btn-disabled-background-color: rgba($primary, .5) !default;
+$radio-btn-disabled-not-checked-bg-color: transparent !default;
 $radio-btn-disabled-color: $gray-200 !default;
 $radio-btn-disabled-checked-color: $white !default;
 $radio-btn-font-color: $gray-900 !default;
@@ -866,7 +867,7 @@ $radio-btn-focus-outline-offset: 0 !default;
         }
         &::before {
-          @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' {
+          @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' or $skin-name == 'bootstrap4' or $skin-name == 'tailwind' {
             background-color: $radio-btn-disabled-not-checked-bg-color;
           }
           @else {

package/SCSS-Themes/buttons/radio-button/bootstrap5-dark.scss CHANGED Viewed

@@ -867,7 +867,7 @@ $radio-btn-focus-outline: $radio-btn-background-color 0 solid !default;
         }
         &::before {
-          @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' {
+          @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' or $skin-name == 'bootstrap4' or $skin-name == 'tailwind' {
             background-color: $radio-btn-disabled-not-checked-bg-color;
           }
           @else {

package/SCSS-Themes/buttons/radio-button/bootstrap5.3.scss CHANGED Viewed

@@ -867,7 +867,7 @@ $radio-btn-focus-outline: $radio-btn-background-color 0 solid !default;
         }
         &::before {
-          @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' {
+          @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' or $skin-name == 'bootstrap4' or $skin-name == 'tailwind' {
             background-color: $radio-btn-disabled-not-checked-bg-color;
           }
           @else {

package/SCSS-Themes/buttons/radio-button/bootstrap5.scss CHANGED Viewed

@@ -55,7 +55,7 @@ $radio-btn-check-transition: none !default;
 $radio-btn-disabled-border-color: $border-light !default;
 $radio-btn-disabled-checked-border-color: transparent !default;
 $radio-btn-disabled-background-color: $primary-light !default;
-$radio-btn-disabled-not-checked-bg-color: $primary-light !default;
+$radio-btn-disabled-not-checked-bg-color: transparent !default;
 $radio-btn-disabled-color: $content-text-color-disabled !default;
 $radio-btn-disabled-checked-color: $primary-text-color !default;
 $radio-btn-font-color: $content-text-color !default;
@@ -867,7 +867,7 @@ $radio-btn-focus-outline: $radio-btn-background-color 0 solid !default;
         }
         &::before {
-          @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' {
+          @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' or $skin-name == 'bootstrap4' or $skin-name == 'tailwind' {
             background-color: $radio-btn-disabled-not-checked-bg-color;
           }
           @else {

package/SCSS-Themes/buttons/radio-button/fabric-dark.scss CHANGED Viewed

@@ -866,7 +866,7 @@ $radio-btn-ripple-bgcolor:  rgba(0, 0, 0, .3) !default;
         }
         &::before {
-          @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' {
+          @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' or $skin-name == 'bootstrap4' or $skin-name == 'tailwind' {
             background-color: $radio-btn-disabled-not-checked-bg-color;
           }
           @else {

package/SCSS-Themes/buttons/radio-button/fabric.scss CHANGED Viewed

@@ -866,7 +866,7 @@ $radio-btn-checked-ripple-bgcolor: #ff4081 !default;
         }
         &::before {
-          @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' {
+          @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' or $skin-name == 'bootstrap4' or $skin-name == 'tailwind' {
             background-color: $radio-btn-disabled-not-checked-bg-color;
           }
           @else {

package/SCSS-Themes/buttons/radio-button/fluent-dark.scss CHANGED Viewed

@@ -872,7 +872,7 @@ $radio-btn-uncheck-color: $icon-color !default;
         }
         &::before {
-          @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' {
+          @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' or $skin-name == 'bootstrap4' or $skin-name == 'tailwind' {
             background-color: $radio-btn-disabled-not-checked-bg-color;
           }
           @else {

package/SCSS-Themes/buttons/radio-button/fluent.scss CHANGED Viewed

@@ -872,7 +872,7 @@ $radio-btn-uncheck-color: $icon-color !default;
         }
         &::before {
-          @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' {
+          @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' or $skin-name == 'bootstrap4' or $skin-name == 'tailwind' {
             background-color: $radio-btn-disabled-not-checked-bg-color;
           }
           @else {

package/SCSS-Themes/buttons/radio-button/fluent2-dark.scss CHANGED Viewed

@@ -866,7 +866,7 @@ $radio-btn-focus-outline: $radio-btn-background-color 0 solid !default;
         }
         &::before {
-          @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' {
+          @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' or $skin-name == 'bootstrap4' or $skin-name == 'tailwind' {
             background-color: $radio-btn-disabled-not-checked-bg-color;
           }
           @else {

package/SCSS-Themes/buttons/radio-button/fluent2.scss CHANGED Viewed

@@ -866,7 +866,7 @@ $radio-btn-focus-outline: $radio-btn-background-color 0 solid !default;
         }
         &::before {
-          @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' {
+          @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' or $skin-name == 'bootstrap4' or $skin-name == 'tailwind' {
             background-color: $radio-btn-disabled-not-checked-bg-color;
           }
           @else {

package/SCSS-Themes/buttons/radio-button/highcontrast.scss CHANGED Viewed

@@ -866,7 +866,7 @@ $radio-btn-checked-ripple-bgcolor: #ff4081 !default;
         }
         &::before {
-          @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' {
+          @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' or $skin-name == 'bootstrap4' or $skin-name == 'tailwind' {
             background-color: $radio-btn-disabled-not-checked-bg-color;
           }
           @else {

package/SCSS-Themes/buttons/radio-button/material-dark.scss CHANGED Viewed

@@ -868,7 +868,7 @@ $radio-btn-focus-outline-offset: 0 !default;
         }
         &::before {
-          @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' {
+          @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' or $skin-name == 'bootstrap4' or $skin-name == 'tailwind' {
             background-color: $radio-btn-disabled-not-checked-bg-color;
           }
           @else {

package/SCSS-Themes/buttons/radio-button/material.scss CHANGED Viewed

@@ -868,7 +868,7 @@ $radio-btn-focus-outline-offset: 0 !default;
         }
         &::before {
-          @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' {
+          @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' or $skin-name == 'bootstrap4' or $skin-name == 'tailwind' {
             background-color: $radio-btn-disabled-not-checked-bg-color;
           }
           @else {

package/SCSS-Themes/buttons/radio-button/material3-dark.scss CHANGED Viewed

@@ -866,7 +866,7 @@ $radio-btn-focus-outline: $radio-btn-background-color 0 solid !default;
         }
         &::before {
-          @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' {
+          @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' or $skin-name == 'bootstrap4' or $skin-name == 'tailwind' {
             background-color: $radio-btn-disabled-not-checked-bg-color;
           }
           @else {

package/SCSS-Themes/buttons/radio-button/material3.scss CHANGED Viewed

@@ -866,7 +866,7 @@ $radio-btn-focus-outline: $radio-btn-background-color 0 solid !default;
         }
         &::before {
-          @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' {
+          @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' or $skin-name == 'bootstrap4' or $skin-name == 'tailwind' {
             background-color: $radio-btn-disabled-not-checked-bg-color;
           }
           @else {

package/SCSS-Themes/buttons/radio-button/tailwind-dark.scss CHANGED Viewed

@@ -55,6 +55,7 @@ $radio-btn-check-transition: none !default;
 $radio-btn-disabled-border-color: $border-light !default;
 $radio-btn-disabled-checked-border-color: transparent !default;
 $radio-btn-disabled-background-color: $primary-light !default;
+$radio-btn-disabled-not-checked-bg-color: transparent !default;
 $radio-btn-disabled-color: $content-text-color-disabled !default;
 $radio-btn-disabled-checked-color: $primary-text-color !default;
 $radio-btn-font-color: $content-text-color !default;
@@ -866,7 +867,7 @@ $radio-btn-focus-outline: $radio-btn-background-color 0 solid !default;
         }
         &::before {
-          @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' {
+          @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' or $skin-name == 'bootstrap4' or $skin-name == 'tailwind' {
             background-color: $radio-btn-disabled-not-checked-bg-color;
           }
           @else {

package/SCSS-Themes/buttons/radio-button/tailwind.scss CHANGED Viewed

@@ -55,6 +55,7 @@ $radio-btn-check-transition: none !default;
 $radio-btn-disabled-border-color: $border-light !default;
 $radio-btn-disabled-checked-border-color: transparent !default;
 $radio-btn-disabled-background-color: $primary-light !default;
+$radio-btn-disabled-not-checked-bg-color: transparent !default;
 $radio-btn-disabled-color: $content-text-color-disabled !default;
 $radio-btn-disabled-checked-color: $primary-text-color !default;
 $radio-btn-font-color: $content-text-color !default;
@@ -866,7 +867,7 @@ $radio-btn-focus-outline: $radio-btn-background-color 0 solid !default;
         }
         &::before {
-          @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' {
+          @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' or $skin-name == 'bootstrap4' or $skin-name == 'tailwind' {
             background-color: $radio-btn-disabled-not-checked-bg-color;
           }
           @else {

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

@@ -2440,6 +2440,10 @@ $ddl-close-icon-hover-color: $icon-color-hover !default;
   display: block;
 }
+.e-multiselect.e-input-group.e-control-wrapper:not(.e-control-container) .e-multi-select-wrapper.e-down-icon .e-chips-collection {
+  margin-right: 30px;
+}
 .e-multi-select-wrapper .e-multi-hidden {
   border: 0;
   height: 0;

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

@@ -2440,6 +2440,10 @@ $ddl-close-icon-hover-color: $icon-color-hover !default;
   display: block;
 }
+.e-multiselect.e-input-group.e-control-wrapper:not(.e-control-container) .e-multi-select-wrapper.e-down-icon .e-chips-collection {
+  margin-right: 30px;
+}
 .e-multi-select-wrapper .e-multi-hidden {
   border: 0;
   height: 0;

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

@@ -2408,6 +2408,10 @@ $ddl-closer-margin-top-bigger-small: -4em !default;
   display: block;
 }
+.e-multiselect.e-input-group.e-control-wrapper:not(.e-control-container) .e-multi-select-wrapper.e-down-icon .e-chips-collection {
+  margin-right: 30px;
+}
 .e-multi-select-wrapper .e-multi-hidden {
   border: 0;
   height: 0;

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

@@ -2397,6 +2397,10 @@ $ddl-closer-margin-top-bigger-small: -4em !default;
   display: block;
 }
+.e-multiselect.e-input-group.e-control-wrapper:not(.e-control-container) .e-multi-select-wrapper.e-down-icon .e-chips-collection {
+  margin-right: 30px;
+}
 .e-multi-select-wrapper .e-multi-hidden {
   border: 0;
   height: 0;

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

@@ -2444,6 +2444,10 @@ $multiselect-dropicon-closer-bigger-width: 34px !default;
   display: block;
 }
+.e-multiselect.e-input-group.e-control-wrapper:not(.e-control-container) .e-multi-select-wrapper.e-down-icon .e-chips-collection {
+  margin-right: 30px;
+}
 .e-multi-select-wrapper .e-multi-hidden {
   border: 0;
   height: 0;

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

@@ -2435,6 +2435,10 @@ $ddl-close-down-icon-left: 35px !default;
   display: block;
 }
+.e-multiselect.e-input-group.e-control-wrapper:not(.e-control-container) .e-multi-select-wrapper.e-down-icon .e-chips-collection {
+  margin-right: 30px;
+}
 .e-multi-select-wrapper .e-multi-hidden {
   border: 0;
   height: 0;

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

@@ -2435,6 +2435,10 @@ $ddl-close-down-icon-left: 35px !default;
   display: block;
 }
+.e-multiselect.e-input-group.e-control-wrapper:not(.e-control-container) .e-multi-select-wrapper.e-down-icon .e-chips-collection {
+  margin-right: 30px;
+}
 .e-multi-select-wrapper .e-multi-hidden {
   border: 0;
   height: 0;

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

@@ -2435,6 +2435,10 @@ $ddl-close-down-icon-left: 35px !default;
   display: block;
 }
+.e-multiselect.e-input-group.e-control-wrapper:not(.e-control-container) .e-multi-select-wrapper.e-down-icon .e-chips-collection {
+  margin-right: 30px;
+}
 .e-multi-select-wrapper .e-multi-hidden {
   border: 0;
   height: 0;

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

@@ -2400,6 +2400,10 @@ $ddl-closer-margin-top-bigger-small: -3.2em !default;
   display: block;
 }
+.e-multiselect.e-input-group.e-control-wrapper:not(.e-control-container) .e-multi-select-wrapper.e-down-icon .e-chips-collection {
+  margin-right: 30px;
+}
 .e-multi-select-wrapper .e-multi-hidden {
   border: 0;
   height: 0;

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

@@ -2391,6 +2391,10 @@ $ddl-closer-margin-top-bigger-small: -3.2em !default;
   display: block;
 }
+.e-multiselect.e-input-group.e-control-wrapper:not(.e-control-container) .e-multi-select-wrapper.e-down-icon .e-chips-collection {
+  margin-right: 30px;
+}
 .e-multi-select-wrapper .e-multi-hidden {
   border: 0;
   height: 0;

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

@@ -2446,6 +2446,10 @@ $ddl-small-clear-icon-width: 12px !default;
   display: block;
 }
+.e-multiselect.e-input-group.e-control-wrapper:not(.e-control-container) .e-multi-select-wrapper.e-down-icon .e-chips-collection {
+  margin-right: 30px;
+}
 .e-multi-select-wrapper .e-multi-hidden {
   border: 0;
   height: 0;

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

@@ -2446,6 +2446,10 @@ $ddl-small-clear-icon-width: 12px !default;
   display: block;
 }
+.e-multiselect.e-input-group.e-control-wrapper:not(.e-control-container) .e-multi-select-wrapper.e-down-icon .e-chips-collection {
+  margin-right: 30px;
+}
 .e-multi-select-wrapper .e-multi-hidden {
   border: 0;
   height: 0;

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

@@ -2444,6 +2444,10 @@ $ddl-multi-list-select-color: $flyout-text-color-selected !default;
   display: block;
 }
+.e-multiselect.e-input-group.e-control-wrapper:not(.e-control-container) .e-multi-select-wrapper.e-down-icon .e-chips-collection {
+  margin-right: 30px;
+}
 .e-multi-select-wrapper .e-multi-hidden {
   border: 0;
   height: 0;

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

@@ -2444,6 +2444,10 @@ $ddl-multi-list-select-color: $flyout-text-color-selected !default;
   display: block;
 }
+.e-multiselect.e-input-group.e-control-wrapper:not(.e-control-container) .e-multi-select-wrapper.e-down-icon .e-chips-collection {
+  margin-right: 30px;
+}
 .e-multi-select-wrapper .e-multi-hidden {
   border: 0;
   height: 0;

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

@@ -2512,6 +2512,10 @@ $ddl-closer-margin-top-bigger-small: -3.4em !default;
   display: block;
 }
+.e-multiselect.e-input-group.e-control-wrapper:not(.e-control-container) .e-multi-select-wrapper.e-down-icon .e-chips-collection {
+  margin-right: 30px;
+}
 .e-multi-select-wrapper .e-multi-hidden {
   border: 0;
   height: 0;

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

@@ -2456,6 +2456,10 @@ $filled-multiselect-chip-hover-bg-color: $grey-700 !default;
   display: block;
 }
+.e-multiselect.e-input-group.e-control-wrapper:not(.e-control-container) .e-multi-select-wrapper.e-down-icon .e-chips-collection {
+  margin-right: 30px;
+}
 .e-multi-select-wrapper .e-multi-hidden {
   border: 0;
   height: 0;

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

@@ -2449,6 +2449,10 @@ $filled-multiselect-chip-hover-bg-color: darken($grey-300, 7%) !default;
   display: block;
 }
+.e-multiselect.e-input-group.e-control-wrapper:not(.e-control-container) .e-multi-select-wrapper.e-down-icon .e-chips-collection {
+  margin-right: 30px;
+}
 .e-multi-select-wrapper .e-multi-hidden {
   border: 0;
   height: 0;

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

@@ -2441,6 +2441,10 @@ $ddl-chip-bigger-content-padding: 0 !default;
   display: block;
 }
+.e-multiselect.e-input-group.e-control-wrapper:not(.e-control-container) .e-multi-select-wrapper.e-down-icon .e-chips-collection {
+  margin-right: 30px;
+}
 .e-multi-select-wrapper .e-multi-hidden {
   border: 0;
   height: 0;

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

@@ -2441,6 +2441,10 @@ $ddl-chip-bigger-content-padding: 0 !default;
   display: block;
 }
+.e-multiselect.e-input-group.e-control-wrapper:not(.e-control-container) .e-multi-select-wrapper.e-down-icon .e-chips-collection {
+  margin-right: 30px;
+}
 .e-multi-select-wrapper .e-multi-hidden {
   border: 0;
   height: 0;

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

@@ -2440,6 +2440,10 @@ $ddl-close-icon-hover-color: $icon-color-hover !default;
   display: block;
 }
+.e-multiselect.e-input-group.e-control-wrapper:not(.e-control-container) .e-multi-select-wrapper.e-down-icon .e-chips-collection {
+  margin-right: 30px;
+}
 .e-multi-select-wrapper .e-multi-hidden {
   border: 0;
   height: 0;

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

@@ -2440,6 +2440,10 @@ $ddl-close-icon-hover-color: $icon-color-hover !default;
   display: block;
 }
+.e-multiselect.e-input-group.e-control-wrapper:not(.e-control-container) .e-multi-select-wrapper.e-down-icon .e-chips-collection {
+  margin-right: 30px;
+}
 .e-multi-select-wrapper .e-multi-hidden {
   border: 0;
   height: 0;