@syncfusion/ej2-dropdowns 33.2.12 → 34.1.29

package/styles/multi-select/_highcontrast-definition.scss

@@ -1,6 +1,5 @@
-@use 'ej2-base/styles/common/mixin' as *;
-@use 'ej2-base/styles/definition/highcontrast' as *;
-@forward 'ej2-base/styles/definition/highcontrast';
+@use '@syncfusion/ej2-base/styles/common/base-variables' as *;
+
 $ddl-chip-mobile-close-font: 16px !default;
 
 $ddl-multiselect-skin-name: 'highcontrast' !default;
@@ -199,6 +198,8 @@ $ddl-small-closer-margin-top: -3.2em !default;
 $ddl-chip-close-hooker-small-left: 7px !default;
 $ddl-chip-close-hooker-small-bigger-left: -35px !default;
 $ddl-delimviewheight-small: 24px !default;
+$ddl-list-padding-right: 16px !default;
+$ddl-list-rtl-padding-left: 16px !default;
 
 // Touch Small size
 $ddl-select-all-height-bigger-small: 40px !default;
@@ -245,34 +246,37 @@ $multi-select-wrapper-chip-width: 92%;
 
 @include export-module('multiselect-highcontrast') {
   .e-multi-select-wrapper {
-    #{if(&, '&', '*')} .e-chips-close {
-      #{if(&, '&', '*')}.e-close-hooker::before {
+    & .e-chips-close {
+      &.e-close-hooker::before {
         color: $content-font;
         top: 12px;
       }
     }
-    .e-multiselect #{if(&, '&', '*')} {
-      #{if(&, '&', '*')} input {
-        /* stylelint-disable property-no-vendor-prefix */
-        #{if(&, '&', '*')}.e-dropdownbase:-moz-placeholder {
+    .e-multiselect & {
+      & input {
+        /* stylelint-disable-next-line selector-no-vendor-prefix */
+        &.e-dropdownbase:-moz-placeholder {
           color: $content-font-alt;
           font-family: inherit;
           font-size: 14px;
           font-style: italic;
         }
-        #{if(&, '&', '*')}.e-dropdownbase::-moz-placeholder {
+        /* stylelint-disable-next-line selector-no-vendor-prefix */
+        &.e-dropdownbase::-moz-placeholder {
           color: $content-font-alt;
           font-family: inherit;
           font-size: 14px;
           font-style: italic;
         }
-        #{if(&, '&', '*')}.e-dropdownbase:-ms-input-placeholder {
+        /* stylelint-disable-next-line selector-no-vendor-prefix */
+        &.e-dropdownbase:-ms-input-placeholder {
           color: $content-font-alt;
           font-family: inherit;
           font-size: 14px;
           font-style: italic;
         }
-        #{if(&, '&', '*')}.e-dropdownbase::-webkit-input-placeholder {
+        /* stylelint-disable-next-line selector-no-vendor-prefix */
+        &.e-dropdownbase::-webkit-input-placeholder {
           color: $content-font-alt;
           font-family: inherit;
           font-size: 14px;
@@ -280,62 +284,62 @@ $multi-select-wrapper-chip-width: 92%;
         }
       }
     }
-    #{if(&, '&', '*')} .e-chips-collection {
-      #{if(&, '&', '*')} .e-chips {
-        #{if(&, '&', '*')}:hover {
-          #{if(&, '&', '*')} .e-chipcontent {
+    & .e-chips-collection {
+      & .e-chips {
+        &:hover {
+          & .e-chipcontent {
             color: $content-font;
           }
-          #{if(&, '&', '*')} .e-chips-close.e-icon::before {
+          & .e-chips-close.e-icon::before {
             color: $content-font;
           }
         }
-        #{if(&, '&', '*')} .e-chips-close.e-icon::before {
+        & .e-chips-close.e-icon::before {
           line-height: 26px;
           top: 0;
         }
       }
     }
-    #{if(&, '&', '*')} .e-delim-values {
-      #{if(&, '&', '*')}.e-delim-view {
+    & .e-delim-values {
+      &.e-delim-view {
         -webkit-text-fill-color: $border-fg;
         color: $border-fg;
       }
     }
-    #{if(&, '&', '*')}.e-delimiter {
-      #{if(&, '&', '*')} .e-delim-values {
+    &.e-delimiter {
+      & .e-delim-values {
         -webkit-text-fill-color: $border-fg;
         color: $border-fg;
       }
     }
-    #{if(&, '&', '*')} .e-searcher input[type='text'] {
+    & .e-searcher input[type = 'text'] {
       color: $content-font;
       height: 100%;
       min-height: 28px;
-      #{if(&, '&', '*')}::selection {
+      &::selection {
         background-color: $selection-bg;
       }
     }
   }
   #{&}.e-popup {
-    #{if(&, '&', '*')}.e-multi-select-list-wrapper {
-      #{if(&, '&', '*')}.e-ddl {
-        #{if(&, '&', '*')}.e-checkbox .e-filter-parent .e-clear-icon {
+    &.e-multi-select-list-wrapper {
+      &.e-ddl {
+        &.e-checkbox .e-filter-parent .e-clear-icon {
           padding-left: 0;
         }
       }
-      #{if(&, '&', '*')}.e-checkbox {
-        #{if(&, '&', '*')} .e-selectall-parent {
+      &.e-checkbox {
+        & .e-selectall-parent {
           border-bottom: 1px solid $content-font;
         }
-        #{if(&, '&', '*')} .e-list-parent {
-          #{if(&, '&', '*')} .e-list-item.e-item-focus.e-active.e-hover {
+        & .e-list-parent {
+          & .e-list-item.e-item-focus.e-active.e-hover {
             background-color: $selection-bg;
           }
-          #{if(&, '&', '*')} .e-list-item.e-item-focus.e-active {
+          & .e-list-item.e-item-focus.e-active {
             border: 2px solid $selection-bg;
           }
-          #{if(&, '&', '*')} .e-list-item.e-active.e-hover:not(.e-item-focus) {
+          & .e-list-item.e-active.e-hover:not(.e-item-focus) {
             border-bottom: 2px solid $content-font;
             border-left: 2px solid $content-font;
             border-right: 2px solid $content-font;
@@ -343,24 +347,24 @@ $multi-select-wrapper-chip-width: 92%;
           }
         }
       }
-      #{if(&, '&', '*')} .e-list-parent {
-        #{if(&, '&', '*')} .e-list-item.e-item-focus {
+      & .e-list-parent {
+        & .e-list-item.e-item-focus {
           border: 2px solid $hover-bg;
         }
-        #{if(&, '&', '*')} .e-list-item.e-active.e-hover {
+        & .e-list-item.e-active.e-hover {
           background-color: $content-font;
           border-bottom: $ddl-popup-active-border-width solid $content-font;
           border-left: $ddl-popup-active-border-width solid $content-font;
           border-right: $ddl-popup-active-border-width solid $content-font;
           border-top: $ddl-popup-active-border-width solid $content-font;
         }
-        #{if(&, '&', '*')} .e-list-item.e-hover:not(.e-active) {
+        & .e-list-item.e-hover:not(.e-active) {
           border: 2px solid $hover-border;
         }
-        #{if(&, '&', '*')} .e-list-item:not(.e-hover):not(.e-item-focus) {
+        & .e-list-item:not(.e-hover):not(.e-item-focus) {
           border: 2px solid $bg-base-0;
         }
-        #{if(&, '&', '*')} .e-list-item.e-active {
+        & .e-list-item.e-active {
           border: 2px solid $selection-border;
         }
       }

package/styles/multi-select/_highcontrast-light-definition.scss

@@ -1,6 +1,4 @@
-@use 'ej2-base/styles/common/mixin' as *;
-@use 'ej2-base/styles/definition/highcontrast-light' as *;
-@forward 'ej2-base/styles/definition/highcontrast-light';
+@use '@syncfusion/ej2-base/styles/common/base-variables' as *;
 
 //default
 $ddl-chip-mobile-close-font: 16px !default;
@@ -200,6 +198,8 @@ $ddl-small-closer-margin-top: -2.9em !default;
 $ddl-chip-close-hooker-small-left: 7px !default;
 $ddl-chip-close-hooker-small-bigger-left: 7px !default;
 $ddl-delimviewheight-small: 24px !default;
+$ddl-list-padding-right: 16px !default;
+$ddl-list-rtl-padding-left: 16px !default;
 
 // Touch Small size
 $ddl-select-all-height-bigger-small: 40px !default;
@@ -247,34 +247,37 @@ $multi-select-wrapper-chip-width: 92%;
 //enddefault
 @include export-module('multiselect-highcontrast-light') {
   .e-multi-select-wrapper {
-    #{if(&, '&', '*')} .e-chips-close {
-      #{if(&, '&', '*')}.e-close-hooker::before {
+    & .e-chips-close {
+      &.e-close-hooker::before {
         color: $content-font;
         top: 12px;
       }
     }
-    .e-multiselect #{if(&, '&', '*')} {
-      #{if(&, '&', '*')} input {
-        /* stylelint-disable property-no-vendor-prefix */
-        #{if(&, '&', '*')}.e-dropdownbase:-moz-placeholder {
+    .e-multiselect & {
+      & input {
+        /* stylelint-disable-next-line selector-no-vendor-prefix */
+        &.e-dropdownbase:-moz-placeholder {
           color: $content-font-alt;
           font-family: inherit;
           font-size: 14px;
           font-style: italic;
         }
-        #{if(&, '&', '*')}.e-dropdownbase::-moz-placeholder {
+        /* stylelint-disable-next-line selector-no-vendor-prefix */
+        &.e-dropdownbase::-moz-placeholder {
           color: $content-font-alt;
           font-family: inherit;
           font-size: 14px;
           font-style: italic;
         }
-        #{if(&, '&', '*')}.e-dropdownbase:-ms-input-placeholder {
+        /* stylelint-disable-next-line selector-no-vendor-prefix */
+        &.e-dropdownbase:-ms-input-placeholder {
           color: $content-font-alt;
           font-family: inherit;
           font-size: 14px;
           font-style: italic;
         }
-        #{if(&, '&', '*')}.e-dropdownbase::-webkit-input-placeholder {
+        /* stylelint-disable-next-line selector-no-vendor-prefix */
+        &.e-dropdownbase::-webkit-input-placeholder {
           color: $content-font-alt;
           font-family: inherit;
           font-size: 14px;
@@ -282,60 +285,60 @@ $multi-select-wrapper-chip-width: 92%;
         }
       }
     }
-    #{if(&, '&', '*')} .e-chips-collection {
-      #{if(&, '&', '*')} .e-chips {
-        #{if(&, '&', '*')}:hover {
-          #{if(&, '&', '*')} .e-chipcontent {
+    & .e-chips-collection {
+      & .e-chips {
+        &:hover {
+          & .e-chipcontent {
             color: $content-font;
           }
-          #{if(&, '&', '*')} .e-chips-close.e-icon::before {
+          & .e-chips-close.e-icon::before {
             color: $content-font;
           }
         }
-        #{if(&, '&', '*')} .e-chips-close.e-icon::before {
+        & .e-chips-close.e-icon::before {
           line-height: 26px;
           top: 0;
         }
       }
     }
-    #{if(&, '&', '*')} .e-delim-values {
-      #{if(&, '&', '*')}.e-delim-view {
+    & .e-delim-values {
+      &.e-delim-view {
         color: $border-fg;
       }
     }
-    #{if(&, '&', '*')}.e-delimiter {
-      #{if(&, '&', '*')} .e-delim-values {
+    &.e-delimiter {
+      & .e-delim-values {
         color: $border-fg;
       }
     }
-    #{if(&, '&', '*')} .e-searcher input[type='text'] {
+    & .e-searcher input[type = 'text'] {
       color: $content-font;
       height: 100%;
       min-height: 28px;
-      #{if(&, '&', '*')}::selection {
+      &::selection {
         background-color: $selection-bg;
       }
     }
   }
   #{&}.e-popup {
-    #{if(&, '&', '*')}.e-multi-select-list-wrapper {
-      #{if(&, '&', '*')}.e-ddl {
-        #{if(&, '&', '*')}.e-checkbox .e-filter-parent .e-clear-icon {
+    &.e-multi-select-list-wrapper {
+      &.e-ddl {
+        &.e-checkbox .e-filter-parent .e-clear-icon {
           padding-left: 0;
         }
       }
-      #{if(&, '&', '*')}.e-checkbox {
-        #{if(&, '&', '*')} .e-selectall-parent {
+      &.e-checkbox {
+        & .e-selectall-parent {
           border-bottom: 1px solid $content-font;
         }
-        #{if(&, '&', '*')} .e-list-parent {
-          #{if(&, '&', '*')} .e-list-item.e-item-focus.e-active.e-hover {
+        & .e-list-parent {
+          & .e-list-item.e-item-focus.e-active.e-hover {
             background-color: $selection-bg;
           }
-          #{if(&, '&', '*')} .e-list-item.e-item-focus.e-active {
+          & .e-list-item.e-item-focus.e-active {
             border: 2px solid $selection-bg;
           }
-          #{if(&, '&', '*')} .e-list-item.e-active.e-hover:not(.e-item-focus) {
+          & .e-list-item.e-active.e-hover:not(.e-item-focus) {
             border-bottom: 2px solid $content-font;
             border-left: 2px solid $content-font;
             border-right: 2px solid $content-font;
@@ -343,24 +346,24 @@ $multi-select-wrapper-chip-width: 92%;
           }
         }
       }
-      #{if(&, '&', '*')} .e-list-parent {
-        #{if(&, '&', '*')} .e-list-item.e-item-focus {
+      & .e-list-parent {
+        & .e-list-item.e-item-focus {
           border: 2px solid $hover-bg;
         }
-        #{if(&, '&', '*')} .e-list-item.e-active.e-hover {
+        & .e-list-item.e-active.e-hover {
           background-color: $content-font;
           border-bottom: $ddl-popup-active-border-width solid $content-font;
           border-left: $ddl-popup-active-border-width solid $content-font;
           border-right: $ddl-popup-active-border-width solid $content-font;
           border-top: $ddl-popup-active-border-width solid $content-font;
         }
-        #{if(&, '&', '*')} .e-list-item.e-hover:not(.e-active) {
+        & .e-list-item.e-hover:not(.e-active) {
           border: 2px solid $hover-border;
         }
-        #{if(&, '&', '*')} .e-list-item:not(.e-hover):not(.e-item-focus) {
+        & .e-list-item:not(.e-hover):not(.e-item-focus) {
           border: 2px solid $bg-base-0;
         }
-        #{if(&, '&', '*')} .e-list-item.e-active {
+        & .e-list-item.e-active {
           border: 2px solid $selection-border;
         }
       }

package/styles/multi-select/_layout.scss

@@ -1,4 +1,4 @@
-@use 'ej2-base/styles/common/mixin' as *;
+@use 'variables' as *;
 
 .e-multi-select-wrapper {
   box-sizing: border-box;
@@ -10,12 +10,12 @@
   user-select: none;
   width: $multi-full-width;
 
-  #{if(&, '&', '*')}.e-delimiter {
-    #{if(&, '&', '*')} .e-searcher,
-    #{if(&, '&', '*')} .e-multi-searcher {
+  &.e-delimiter {
+    & .e-searcher,
+    & .e-multi-searcher {
       height: $ddl-delimiter-height;
       vertical-align: middle;
-      #{if(&, '&', '*')} .e-dropdownbase {
+      & .e-dropdownbase {
         height: $ddl-full-height;
         min-height: $ddl-full-height;
       }
@@ -25,8 +25,8 @@
   .e-delim-view {
     white-space: nowrap;
 
-    #{if(&, '&', '*')}.e-delim-values.e-delim-overflow,
-    #{if(&, '&', '*')}.e-delim-values.e-delim-total {
+    &.e-delim-values.e-delim-overflow,
+    &.e-delim-values.e-delim-total {
       box-sizing: border-box;
       display: inline-block;
       overflow: hidden;
@@ -243,7 +243,7 @@
 .e-small .e-multi-select-wrapper .e-chips {
   @if $ddl-multiselect-skin-name == 'highcontrast' {
     margin: $ddl-chip-small-margin;
-    #{if(&, '&', '*')} > .e-chipcontent {
+    & > .e-chipcontent {
       padding: $ddl-chip-small-content-padding;
     }
   }
@@ -922,7 +922,7 @@ ejs-multiselect {
 
 .e-small {
   .e-multiselect.e-outline .e-multi-select-wrapper,
-  #{if(&, '&', '*')}.e-multiselect.e-outline .e-multi-select-wrapper {
+  &.e-multiselect.e-outline .e-multi-select-wrapper {
     @if $ddl-multiselect-skin-name == 'material' or $ddl-multiselect-skin-name == 'Material3' {
       min-height: $outline-multiselect-small-height;
       padding: $outline-multiselect-overall-padding;

package/styles/multi-select/_material-dark-definition.scss

@@ -1,7 +1,5 @@
 @use 'sass:color';
-@use 'ej2-base/styles/common/mixin' as *;
-@use 'ej2-base/styles/definition/material-dark' as *;
-@forward 'ej2-base/styles/definition/material-dark';
+@use '@syncfusion/ej2-base/styles/common/base-variables' as *;
 
 //default
 $ddl-chip-mobile-close-font: 16px !default;
@@ -183,6 +181,8 @@ $ddl-small-filled-float-chiupcontent-font-size: 10px !default;
 $ddl-filled-float-mob-chipcontent-font-size: 13px !default;
 $ddl-filled-float-mob-chipcontent-padding-right: 4px !default;
 $ddl-filled-wrapper-chip-close-margin-top: -38px !default;
+$ddl-list-padding-right: 16px !default;
+$ddl-list-rtl-padding-left: 16px !default;
 
 // Small size
 $ddl-select-all-height-small: 26px !default;

package/styles/multi-select/_material-definition.scss

@@ -1,7 +1,5 @@
 @use 'sass:color';
-@use 'ej2-base/styles/common/mixin' as *;
-@use 'ej2-base/styles/definition/material' as *;
-@forward 'ej2-base/styles/definition/material';
+@use '@syncfusion/ej2-base/styles/common/base-variables' as *;
 
 $ddl-chip-mobile-close-font: 16px !default;
 $ddl-multiselect-skin-name: 'material' !default;
@@ -206,6 +204,8 @@ $ddl-multiselect-filled-input-min-height-small: 32px !default;
 $ddl-multiselect-filled-float-input-min-height-small: 22px !default;
 $ddl-multiselect-filled-floatlabel-fontsize-small: 10px !default;
 $ddl-multiselect-filled-chip-clear-icon-size-small: 10px !default;
+$ddl-list-padding-right: 16px !default;
+$ddl-list-rtl-padding-left: 16px !default;
 
 // Touch
 $ddl-multiselect-filled-input-min-height-bigger: 52px !default;

package/styles/multi-select/_material3-dark-definition.scss

@@ -1,7 +1,5 @@
 @use 'sass:color';
-@use 'ej2-base/styles/common/mixin' as *;
-@use 'ej2-base/styles/definition/material3-dark' as *;
-@forward 'ej2-base/styles/definition/material3-dark';
+@use '@syncfusion/ej2-base/styles/common/base-variables' as *;
 
 $ddl-chip-mobile-close-font: 16px !default;
 $ddl-multiselect-skin-name: 'Material3' !default;
@@ -254,6 +252,8 @@ $ddl-bgr-filled-float-input-wrapper-padding: 19px 12px 0 16px !default;
 $ddl-bgr-small-filled-float-wrapper-padding: 11px 12px 0 !default;
 $ddl-multiselect-zero-padding-margin: 0 !default;
 $ddl-small-float-input-wrapper: 3px 12px 0 4px !default;
+$ddl-list-padding-right: 16px !default;
+$ddl-list-rtl-padding-left: 16px !default;
 
 $ddl-multi-wrapper-down-icon-padding: 0 48px 0 0 !default;
 $ddl-wrapper-down-icon-padding: 0 0 0 48px !default;

package/styles/multi-select/_material3-definition.scss

@@ -1,7 +1,5 @@
 @use 'sass:color';
-@use 'ej2-base/styles/common/mixin' as *;
-@use 'ej2-base/styles/definition/material3' as *;
-@forward 'ej2-base/styles/definition/material3';
+@use '@syncfusion/ej2-base/styles/common/base-variables' as *;
 
 $ddl-chip-mobile-close-font: 16px !default;
 $ddl-multiselect-skin-name: 'Material3' !default;
@@ -234,6 +232,8 @@ $outline-multiselect-disabled-chip-bg-color: transparent !default;
 $filled-multiselect-chip-bg-color: color.adjust($grey-300, $lightness: -7%) !default;
 $filled-multiselect-chip-hover-bg-color: color.adjust($grey-300, $lightness: -7%) !default;
 $ddl-chip-bigger-content-padding: 0 !default;
+$ddl-list-padding-right: 16px !default;
+$ddl-list-rtl-padding-left: 16px !default;
 
 $ddl-bigger-filled-wrapper-chip-padding: 0 12px !default;
 $ddl-rtl-bigger-small-wrapper-chips-padding: 0 0 0 4px !default;

package/styles/multi-select/_tailwind-dark-definition.scss

@@ -1,6 +1,5 @@
-@use 'ej2-base/styles/common/mixin' as *;
-@use 'ej2-base/styles/definition/tailwind-dark' as *;
-@forward 'ej2-base/styles/definition/tailwind-dark';
+@use '@syncfusion/ej2-base/styles/common/base-variables' as *;
+
 $ddl-chip-mobile-close-font: 16px !default;
 $ddl-multiselect-skin-name: $skin-name !default;
 $ddl-delim-font-size: $text-sm !default;
@@ -223,6 +222,8 @@ $ddl-bgr-filled-float-input-wrapper-padding: 19px 12px 0 16px !default;
 $ddl-bgr-small-filled-float-wrapper-padding: 11px 12px 0 !default;
 $ddl-multiselect-zero-padding-margin: 0 !default;
 $ddl-small-float-input-wrapper: 3px 12px 0 4px !default;
+$ddl-list-padding-right: 16px !default;
+$ddl-list-rtl-padding-left: 16px !default;
 
 $ddl-multi-wrapper-down-icon-padding: 0 48px 0 0 !default;
 $ddl-wrapper-down-icon-padding: 0 0 0 48px !default;

package/styles/multi-select/_tailwind-definition.scss

@@ -1,6 +1,5 @@
-@use 'ej2-base/styles/common/mixin' as *;
-@use 'ej2-base/styles/definition/tailwind' as *;
-@forward 'ej2-base/styles/definition/tailwind';
+@use '@syncfusion/ej2-base/styles/common/base-variables' as *;
+
 $ddl-chip-mobile-close-font: 16px !default;
 $ddl-multiselect-skin-name: $skin-name !default;
 $ddl-delim-font-size: $text-sm !default;
@@ -203,6 +202,8 @@ $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;
+$ddl-list-padding-right: 16px !default;
+$ddl-list-rtl-padding-left: 16px !default;
 
 $ddl-bigger-filled-wrapper-chip-padding: 0 12px !default;
 $ddl-rtl-bigger-small-wrapper-chips-padding: 0 0 0 4px !default;

package/styles/multi-select/_tailwind3-definition.scss

@@ -1,6 +1,5 @@
-@use 'ej2-base/styles/common/mixin' as *;
-@use 'ej2-base/styles/definition/tailwind3' as *;
-@forward 'ej2-base/styles/definition/tailwind3';
+@use '@syncfusion/ej2-base/styles/common/base-variables' as *;
+
 $ddl-chip-mobile-close-font: 16px !default;
 $ddl-multiselect-skin-name: $skin-name !default;
 $ddl-delim-font-size: $text-sm !default;
@@ -239,6 +238,8 @@ $ddl-delim-font-color: $content-text-color !default;
 $ddl-close-icon-color: $content-text-color !default;
 $ddl-close-down-icon-left: 35px !default;
 $dd-chip-border: 1px solid $border-light !default;
+$ddl-list-padding-right: 16px !default;
+$ddl-list-rtl-padding-left: 16px !default;
 
 $ddl-bigger-small-filled-chip-height: 28px !default;
 $ddl-bigger-filled-chip-height: 24px !default;

package/styles/multi-select/_theme.scss

@@ -1,4 +1,4 @@
-@use 'ej2-base/styles/common/mixin' as *;
+@use 'variables' as *;
 
 .e-multi-select-wrapper .e-chips.e-chip-selected .e-chips-close::before {
   color: $ddl-sel-chip-close;

package/styles/multi-select/_variables.scss

@@ -0,0 +1,2 @@
+@forward '@syncfusion/ej2-base/styles/common/_base-variables';
+@forward '_material3-definition';