@syncfusion/ej2-dropdowns 20.2.50 → 20.3.48

package/styles/mention/material.scss

@@ -0,0 +1,6 @@
+@import 'ej2-base/styles/material-definition.scss';
+@import 'ej2-popups/styles/popup/material-definition.scss';
+@import 'ej2-popups/styles/spinner/material-definition.scss';
+@import '../drop-down-base/material-definition.scss';
+@import 'material-definition.scss';
+@import 'all.scss';

package/styles/mention/tailwind-dark.css

@@ -0,0 +1,68 @@
+@import url("https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap");
+/* stylelint-disable-line no-empty-source */
+/* stylelint-disable property-no-vendor-prefix */
+@keyframes material-spinner-rotate {
+  0% {
+    transform: rotate(0);
+  }
+  100% {
+    transform: rotate(360deg);
+  }
+}
+@keyframes fabric-spinner-rotate {
+  0% {
+    transform: rotate(0);
+  }
+  100% {
+    transform: rotate(360deg);
+  }
+}
+.e-dropdownbase .e-list-item.e-active,
+.e-dropdownbase .e-list-item.e-active.e-hover {
+  font-weight: 500;
+}
+
+.e-dropdownbase .e-list-group-item,
+.e-fixed-head {
+  font-size: 12px;
+  text-transform: uppercase;
+}
+
+.e-small .e-dropdownbase .e-list-group-item,
+.e-small .e-fixed-head,
+.e-small.e-dropdownbase .e-list-group-item,
+.e-small.e-fixed-head {
+  font-size: 10px;
+}
+
+.e-bigger .e-dropdownbase .e-list-group-item,
+.e-bigger .e-fixed-head,
+.e-bigger.e-dropdownbase .e-list-group-item,
+.e-bigger.e-fixed-head {
+  font-size: 14px;
+}
+
+.e-bigger.e-small .e-dropdownbase .e-list-group-item,
+.e-bigger.e-small .e-fixed-head,
+.e-bigger.e-small.e-dropdownbase .e-list-group-item,
+.e-bigger.e-small.e-fixed-head {
+  font-size: 12px;
+}
+
+.e-dropdownbase .e-list-item .e-list-icon {
+  padding: 0 8px 0 0;
+}
+
+.e-bigger .e-dropdownbase .e-list-item .e-list-icon {
+  padding: 0 12px 0 0;
+}
+
+.e-bigger.e-small .e-dropdownbase .e-list-item .e-list-icon {
+  padding: 0 8px 0 0;
+}
+
+.e-small .e-dropdownbase .e-list-item .e-list-icon {
+  padding: 0 4px 0 0;
+}
+
+/* stylelint-disable-line no-empty-source */

package/styles/mention/tailwind-dark.scss

@@ -0,0 +1,6 @@
+@import 'ej2-base/styles/tailwind-dark-definition.scss';
+@import 'ej2-popups/styles/popup/tailwind-dark-definition.scss';
+@import 'ej2-popups/styles/spinner/tailwind-dark-definition.scss';
+@import '../drop-down-base/tailwind-dark-definition.scss';
+@import 'tailwind-dark-definition.scss';
+@import 'all.scss';

package/styles/mention/tailwind.css

@@ -0,0 +1,68 @@
+@import url("https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap");
+/* stylelint-disable-line no-empty-source */
+/* stylelint-disable property-no-vendor-prefix */
+@keyframes material-spinner-rotate {
+  0% {
+    transform: rotate(0);
+  }
+  100% {
+    transform: rotate(360deg);
+  }
+}
+@keyframes fabric-spinner-rotate {
+  0% {
+    transform: rotate(0);
+  }
+  100% {
+    transform: rotate(360deg);
+  }
+}
+.e-dropdownbase .e-list-item.e-active,
+.e-dropdownbase .e-list-item.e-active.e-hover {
+  font-weight: 500;
+}
+
+.e-dropdownbase .e-list-group-item,
+.e-fixed-head {
+  font-size: 12px;
+  text-transform: uppercase;
+}
+
+.e-small .e-dropdownbase .e-list-group-item,
+.e-small .e-fixed-head,
+.e-small.e-dropdownbase .e-list-group-item,
+.e-small.e-fixed-head {
+  font-size: 10px;
+}
+
+.e-bigger .e-dropdownbase .e-list-group-item,
+.e-bigger .e-fixed-head,
+.e-bigger.e-dropdownbase .e-list-group-item,
+.e-bigger.e-fixed-head {
+  font-size: 14px;
+}
+
+.e-bigger.e-small .e-dropdownbase .e-list-group-item,
+.e-bigger.e-small .e-fixed-head,
+.e-bigger.e-small.e-dropdownbase .e-list-group-item,
+.e-bigger.e-small.e-fixed-head {
+  font-size: 12px;
+}
+
+.e-dropdownbase .e-list-item .e-list-icon {
+  padding: 0 8px 0 0;
+}
+
+.e-bigger .e-dropdownbase .e-list-item .e-list-icon {
+  padding: 0 12px 0 0;
+}
+
+.e-bigger.e-small .e-dropdownbase .e-list-item .e-list-icon {
+  padding: 0 8px 0 0;
+}
+
+.e-small .e-dropdownbase .e-list-item .e-list-icon {
+  padding: 0 4px 0 0;
+}
+
+/* stylelint-disable-line no-empty-source */

package/styles/mention/tailwind.scss

@@ -0,0 +1,6 @@
+@import 'ej2-base/styles/tailwind-definition.scss';
+@import 'ej2-popups/styles/popup/tailwind-definition.scss';
+@import 'ej2-popups/styles/spinner/tailwind-definition.scss';
+@import '../drop-down-base/tailwind-definition.scss';
+@import 'tailwind-definition.scss';
+@import 'all.scss';

package/styles/multi-select/_all.scss

@@ -1,2 +1,2 @@
-@import 'layout.scss';
+@import 'layout.scss';
 @import 'theme.scss';

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

@@ -1,4 +1,4 @@
-//default 
+//default
 $ddl-chip-mobile-close-font: 16px !default;
 
 $ddl-multiselect-skin-name: 'bootstrap' !default;
@@ -130,6 +130,7 @@ $ddl-bigger-multiselect-group-checkbox-wrapper-padding-left: 20px !default;
 $ddl-multiselect-group-list-group-item-rtl-padding-right: 20px !default;
 $ddl-multiselect-label-position: 17px !default;
 $multiselect-disable-font-color: $grey-dd !default;
+
 // Small size
 $ddl-select-all-height-small: 22px !default;
 $ddl-small-chip-height: 22px !default;
@@ -142,6 +143,7 @@ $ddl-delim-small-font-size: 13px !default;
 $ddl-small-closer-margin-top: -3.5em !default;
 $ddl-chip-close-hooker-small-left: 8px !default;
 $ddl-delimviewheight-small: 26px !default;
+
 // Touch Small size
 $ddl-select-all-height-bigger-small: 34px !default;
 $ddl-bigger-small-chip-height: 28px !default;
@@ -153,6 +155,7 @@ $ddl-bigger-small-input-height: 34px !default;
 $ddl-delim-bigger-small-font-size: 14px !default;
 $ddl-delimviewheight-bigger-small: 34px !default;
 $ddl-closer-margin-top-bigger-small: -4em !default;
+
 //enddefault
 
 @include export-module('multiselect-bootstrap-dark') {

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

@@ -128,6 +128,7 @@ $ddl-bigger-multiselect-group-checkbox-wrapper-padding-left: 20px !default;
 $ddl-multiselect-group-list-group-item-rtl-padding-right: 20px !default;
 $ddl-multiselect-label-position: 16px !default;
 $multiselect-disable-font-color: $grey-99 !default;
+
 // Small size
 $ddl-select-all-height-small: 22px !default;
 $ddl-small-chip-height: 22px !default;
@@ -140,6 +141,7 @@ $ddl-delim-small-font-size: 13px !default;
 $ddl-small-closer-margin-top: -3.5em !default;
 $ddl-chip-close-hooker-small-left: 8px !default;
 $ddl-delimviewheight-small: 26px !default;
+
 // Touch Small size
 $ddl-select-all-height-bigger-small: 34px !default;
 $ddl-bigger-small-chip-height: 28px !default;

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

@@ -76,6 +76,7 @@ $ddl-rtl-mob-sel-chip-padding: 0 8px 0 4px !default;
 $ddl-rtl-mob-chip-padding: 0 4px 0 8px !default;
 $ddl-overall-close-left: 10px !default;
 $ddl-overall-close-top: 10px !default;
+
 //$ddl-overall-bigger-close-top: 15px !default;
 $ddl-rtl-hooker-left: -15px !default;
 $ddl-chip-close-mob-top: 0 !default;
@@ -120,6 +121,7 @@ $ddl-delim-text-padding-right: 6px !default;
 $ddl-list-rtl-padding-right: 15px !default;
 $ddl-close-rtl-icon-left: 38px !default;
 $ddl-chip-close-rtl-left: -15px !default;
+
 // //$ddl-delim-font-color: $grey-light-font !default;
 $ddl-close-icon-color: $gray-700 !default;
 $ddl-bigger-chip-close-font: 10px !default;
@@ -136,6 +138,7 @@ $ddl-bigger-multiselect-group-checkbox-wrapper-padding-left: 20px !default;
 $ddl-multiselect-group-list-group-item-rtl-padding-right: 20px !default;
 $ddl-multiselect-label-position: 15px !default;
 $multiselect-disable-font-color: $gray-600 !default;
+
 // Small size
 $ddl-select-all-height-small: 22px !default;
 $ddl-small-chip-height: 20px !default;
@@ -152,6 +155,7 @@ $ddl-chip-close-small-top: 5px !default;
 $ddl-chip-close-hooker-small-left: 4px !default;
 $ddl-chip-close-hooker-small-top: 7px !default;
 $ddl-delimviewheight-small: 22px !default;
+
 // Touch Small size
 $ddl-select-all-height-bigger-small: 34px !default;
 $ddl-bigger-small-chip-height: 30px !default;
@@ -188,7 +192,7 @@ $multiselect-dropicon-closer-bigger-width: 34px !default;
     border-right-width: 1px;
   }
 
-  .e-bigger .e-multi-select-wrapper .e-chips>.e-chipcontent {
+  .e-bigger .e-multi-select-wrapper .e-chips > .e-chipcontent {
     font-size: 14px;
   }
 
@@ -242,5 +246,4 @@ $multiselect-dropicon-closer-bigger-width: 34px !default;
     height: $multiselect-closer-bigger-height;
     margin-top: $ddl-closer-margin-top-bigger;
   }
-
 }

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

@@ -116,6 +116,7 @@ $ddl-multiselect-filled-input-min-height: 39px !default;
 $ddl-multiselect-filled-float-input-chip-clear-icon-size: 12px !default;
 $ddl-multiselect-filled-chip-clear-icon-size: 14px !default;
 $multiselect-disable-font-color: $content-text-color-alt1 !default;
+
 // Small size
 $ddl-select-all-height-small: 26px !default;
 $ddl-small-chip-height: 20px !default;
@@ -207,7 +208,7 @@ $ddl-close-down-icon-left: 35px !default;
     width: $ddl-chip-hooker-square;
   }
 
-  .e-multi-select-wrapper .e-searcher input[type='text'] {
+  .e-multi-select-wrapper .e-searcher input[type = 'text'] {
     color: $content-text-color;
     height: 100%;
   }
@@ -216,4 +217,3 @@ $ddl-close-down-icon-left: 35px !default;
     border-left-width: 0;
   }
 }
-  

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

@@ -127,6 +127,7 @@ $ddl-bigger-multiselect-group-checkbox-wrapper-padding-left: 20px !default;
 $ddl-multiselect-group-list-group-item-rtl-padding-right: 10px !default;
 $ddl-multiselect-label-position: 15px !default;
 $multiselect-disable-font-color: $neutral-tertiary-alt !default;
+
 // Small size
 $ddl-select-all-height-small: 26px !default;
 $ddl-small-chip-height: 20px !default;
@@ -139,6 +140,7 @@ $ddl-delim-small-font-size: 13px !default;
 $ddl-small-closer-margin-top: -2.8em !default;
 $ddl-chip-close-hooker-small-left: 7px !default;
 $ddl-delimviewheight-small: 24px !default;
+
 // Touch Small size
 $ddl-select-all-height-bigger-small: 40px !default;
 $ddl-bigger-small-chip-height: 26px !default;
@@ -150,6 +152,7 @@ $ddl-bigger-small-input-height: 34px !default;
 $ddl-delim-bigger-small-font-size: 14px !default;
 $ddl-delimviewheight-bigger-small: 34px !default;
 $ddl-closer-margin-top-bigger-small: -3.2em !default;
+
 //enddefault
 
 //dimensions
@@ -164,8 +167,8 @@ $ddl-closer-margin-top-bigger-small: -3.2em !default;
     padding: 0;
   }
 
-  .e-small .e-multi-select-wrapper .e-chips>.e-chipcontent,
-  .e-small.e-bigger .e-multi-select-wrapper .e-chips>.e-chipcontent {
+  .e-small .e-multi-select-wrapper .e-chips > .e-chipcontent,
+  .e-small.e-bigger .e-multi-select-wrapper .e-chips > .e-chipcontent {
     padding: 0 8px;
   }
 
@@ -173,4 +176,3 @@ $ddl-closer-margin-top-bigger-small: -3.2em !default;
     margin: 2px 2px 2px 0;
   }
 }
- 

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

@@ -126,6 +126,7 @@ $ddl-bigger-multiselect-group-checkbox-wrapper-padding-left: 20px !default;
 $ddl-multiselect-group-list-group-item-rtl-padding-right: 10px !default;
 $ddl-multiselect-label-position: 15px !default;
 $multiselect-disable-font-color: $neutral-tertiary !default;
+
 // Small size
 $ddl-select-all-height-small: 26px !default;
 $ddl-small-chip-height: 20px !default;
@@ -138,6 +139,7 @@ $ddl-delim-small-font-size: 13px !default;
 $ddl-small-closer-margin-top: -2.8em !default;
 $ddl-chip-close-hooker-small-left: 7px !default;
 $ddl-delimviewheight-small: 24px !default;
+
 // Touch Small size
 $ddl-select-all-height-bigger-small: 40px !default;
 $ddl-bigger-small-chip-height: 26px !default;
@@ -161,8 +163,8 @@ $ddl-closer-margin-top-bigger-small: -3.2em !default;
     padding: 0;
   }
 
-  .e-small .e-multi-select-wrapper .e-chips>.e-chipcontent,
-  .e-small.e-bigger .e-multi-select-wrapper .e-chips>.e-chipcontent {
+  .e-small .e-multi-select-wrapper .e-chips > .e-chipcontent,
+  .e-small.e-bigger .e-multi-select-wrapper .e-chips > .e-chipcontent {
     padding: 0 8px;
   }
 

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

@@ -116,6 +116,7 @@ $ddl-multiselect-filled-float-input-chip-clear-icon-size: 12px !default;
 $ddl-multiselect-filled-chip-clear-icon-size: 14px !default;
 $multiselect-disable-font-color: $content-text-color-disabled !default;
 $ddl-bigger-chip-close-font: 12px !default;
+
 // Small size
 $ddl-select-all-height-small: 26px !default;
 $ddl-small-chip-height: 20px !default;
@@ -218,7 +219,7 @@ $ddl-small-clear-icon-width: 12px !default;
     width: $ddl-chip-hooker-square;
   }
 
-  .e-multi-select-wrapper .e-searcher input[type='text'] {
+  .e-multi-select-wrapper .e-searcher input[type = 'text'] {
     color: $content-text-color;
     height: 100%;
   }

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

@@ -116,6 +116,7 @@ $ddl-multiselect-filled-input-min-height: 39px !default;
 $ddl-multiselect-filled-float-input-chip-clear-icon-size: 12px !default;
 $ddl-multiselect-filled-chip-clear-icon-size: 14px !default;
 $multiselect-disable-font-color: $content-text-color-alt1 !default;
+
 // Small size
 $ddl-select-all-height-small: 26px !default;
 $ddl-small-chip-height: 20px !default;
@@ -207,7 +208,7 @@ $ddl-close-down-icon-left: 35px !default;
     width: $ddl-chip-hooker-square;
   }
 
-  .e-multi-select-wrapper .e-searcher input[type='text'] {
+  .e-multi-select-wrapper .e-searcher input[type = 'text'] {
     color: $content-text-color;
     height: 100%;
   }
@@ -216,4 +217,3 @@ $ddl-close-down-icon-left: 35px !default;
     border-left-width: 0;
   }
 }
-  

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

@@ -129,6 +129,7 @@ $ddl-bigger-multiselect-group-checkbox-wrapper-padding-left: 20px !default;
 $ddl-multiselect-group-list-group-item-rtl-padding-right: 10px !default;
 $ddl-multiselect-label-position: 15px !default;
 $multiselect-disable-font-color: $disable !default;
+
 // Small size
 $ddl-select-all-height-small: 26px !default;
 $ddl-small-chip-height: 20px !default;
@@ -141,6 +142,7 @@ $ddl-delim-small-font-size: 13px !default;
 $ddl-small-closer-margin-top: -2.9em !default;
 $ddl-chip-close-hooker-small-left: 7px !default;
 $ddl-delimviewheight-small: 24px !default;
+
 // Touch Small size
 $ddl-select-all-height-bigger-small: 40px !default;
 $ddl-bigger-small-chip-height: 26px !default;
@@ -160,97 +162,118 @@ $ddl-closer-margin-top-bigger-small: -3.2em !default;
         color: $content-font;
         top: 12px;
       }
-    }.e-multiselect #{if(&, '&', '*')} {
+    }
+    .e-multiselect #{if(&, '&', '*')} {
       #{if(&, '&', '*')} input {
-        // sass-lint:disable no-vendor-prefixes
+        /* stylelint-disable property-no-vendor-prefix */
         #{if(&, '&', '*')}.e-dropdownbase:-moz-placeholder {
           color: $content-font-alt;
           font-family: inherit;
           font-size: 14px;
           font-style: italic;
-        }#{if(&, '&', '*')}.e-dropdownbase::-moz-placeholder {
+        }
+        #{if(&, '&', '*')}.e-dropdownbase::-moz-placeholder {
           color: $content-font-alt;
           font-family: inherit;
           font-size: 14px;
           font-style: italic;
-        }#{if(&, '&', '*')}.e-dropdownbase:-ms-input-placeholder {
+        }
+        #{if(&, '&', '*')}.e-dropdownbase:-ms-input-placeholder {
           color: $content-font-alt;
           font-family: inherit;
           font-size: 14px;
           font-style: italic;
-        }#{if(&, '&', '*')}.e-dropdownbase::-webkit-input-placeholder {
+        }
+        #{if(&, '&', '*')}.e-dropdownbase::-webkit-input-placeholder {
           color: $content-font-alt;
           font-family: inherit;
           font-size: 14px;
           font-style: italic;
         }
       }
-    }#{if(&, '&', '*')} .e-chips-collection {
+    }
+    #{if(&, '&', '*')} .e-chips-collection {
       #{if(&, '&', '*')} .e-chips {
         #{if(&, '&', '*')}:hover {
           #{if(&, '&', '*')} .e-chipcontent {
             color: $content-font;
-          }#{if(&, '&', '*')} .e-chips-close.e-icon::before {
+          }
+          #{if(&, '&', '*')} .e-chips-close.e-icon::before {
             color: $content-font;
           }
-        }#{if(&, '&', '*')} .e-chips-close.e-icon::before {
+        }
+        #{if(&, '&', '*')} .e-chips-close.e-icon::before {
           line-height: 26px;
           top: 0;
         }
       }
-    }#{if(&, '&', '*')} .e-delim-values {
+    }
+    #{if(&, '&', '*')} .e-delim-values {
       #{if(&, '&', '*')}.e-delim-view {
         -webkit-text-fill-color: $border-fg;
         color: $border-fg;
       }
-    }#{if(&, '&', '*')}.e-delimiter {
+    }
+    #{if(&, '&', '*')}.e-delimiter {
       #{if(&, '&', '*')} .e-delim-values {
         -webkit-text-fill-color: $border-fg;
         color: $border-fg;
       }
-    }#{if(&, '&', '*')} .e-searcher input[type='text'] {
+    }
+    #{if(&, '&', '*')} .e-searcher input[type='text'] {
       color: $content-font;
       height: 100%;
-      min-height: 28px;#{if(&, '&', '*')}::selection {
+      min-height: 28px;
+      #{if(&, '&', '*')}::selection {
         background-color: $selection-bg;
-        }
       }
-  }#{&}.e-popup {
+    }
+  }
+  #{&}.e-popup {
     #{if(&, '&', '*')}.e-multi-select-list-wrapper {
       #{if(&, '&', '*')}.e-ddl,
       .e-bigger #{if(&, '&', '*')}.e-ddl {
         #{if(&, '&', '*')}.e-checkbox .e-filter-parent .e-clear-icon {
           padding-left: 0;
         }
-      }#{if(&, '&', '*')}.e-checkbox {
+      }
+      #{if(&, '&', '*')}.e-checkbox {
         #{if(&, '&', '*')} .e-selectall-parent {
           border-bottom: 1px solid $content-font;
-        }#{if(&, '&', '*')} .e-list-parent {
+        }
+        #{if(&, '&', '*')} .e-list-parent {
           #{if(&, '&', '*')} .e-list-item.e-item-focus.e-active.e-hover {
             background-color: $selection-bg;
-          }#{if(&, '&', '*')} .e-list-item.e-item-focus.e-active {
+          }
+          #{if(&, '&', '*')} .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) {
+          }
+          #{if(&, '&', '*')} .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;
             border-top: 2px solid $content-font;
           }
-       }
-     }#{if(&, '&', '*')} .e-list-parent {
+        }
+      }
+      #{if(&, '&', '*')} .e-list-parent {
         #{if(&, '&', '*')} .e-list-item.e-item-focus {
           border: 2px solid $hover-bg;
-        }#{if(&, '&', '*')} .e-list-item.e-active.e-hover {
+        }
+        #{if(&, '&', '*')} .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) {
+        }
+        #{if(&, '&', '*')} .e-list-item.e-hover:not(.e-active) {
           border: 2px solid $hover-border;
-        }#{if(&, '&', '*')} .e-list-item:not(.e-hover):not(.e-item-focus) {
+        }
+        #{if(&, '&', '*')} .e-list-item:not(.e-hover):not(.e-item-focus) {
           border: 2px solid $bg-base-0;
-        }#{if(&, '&', '*')} .e-list-item.e-active {
+        }
+        #{if(&, '&', '*')} .e-list-item.e-active {
           border: 2px solid $selection-border;
         }
       }