@syncfusion/ej2-dropdowns 32.1.23 → 32.1.25

package/styles/drop-down-base/fluent2.css

@@ -115,6 +115,123 @@
   border-radius: calc(var(--e-radius) * 0.375) !important;
 }
 
+
+
+
+
+
+
+
+
+/* Font Family */
+/* Font Sizes */
+/* Radius */
+/* 1px */
+/* 2px */
+/* 3px */
+/* 4px */
+/* 5px */
+/* 6px */
+/* 7px */
+/* 8px */
+/* 9px */
+/* 10px */
+/* 11px */
+/* 12px */
+/* 13px */
+/* 14px */
+/* 15px */
+/* 16px */
+/* 17px */
+/* 18px */
+/* 19px */
+/* 20px */
+/* 21px */
+/* 22px */
+/* 23px */
+/* 24px */
+/* 25px */
+/* 26px */
+/* 27px */
+/* 28px */
+/* 29px */
+/* 30px */
+/* 31px */
+/* 32px */
+/* 33px */
+/* 34px */
+/* 35px */
+/* 36px */
+/* 37px */
+/* 38px */
+/* 39px */
+/* 40px */
+/* 41px */
+/* 42px */
+/* 43px */
+/* 44px */
+/* 45px */
+/* 46px */
+/* 47px */
+/* 48px */
+/* 49px */
+/* 50px */
+/* 5em */
+/* 65% */
+/* border */
+/* 0px */
+/* 1px */
+/* 1.5px */
+/* 2px */
+/* 3px */
+/* 4px */
+/* 5px */
+/* 6px */
+/* 7px */
+/* 8px */
+/* 9px */
+/* 10px */
+/* 11px */
+/* 12px */
+/* 13px */
+/* 14px */
+/* 15px */
+/* 16px */
+
+
+
+
+.e-dropdownbase .e-list-item.e-active,
+.e-dropdownbase .e-list-item.e-active.e-hover {
+  font-weight: 400;
+}
+
+.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-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 */
+.e-dropdownbase .e-list-item {
+  border-radius: calc(var(--e-radius) * 0.375) !important;
+}
+
 .e-dropdownbase {
   display: block;
   height: 100%;
@@ -237,6 +354,123 @@
   padding-right: 12px;
 }
 
+
+
+
+
+
+
+
+
+/* Font Family */
+/* Font Sizes */
+/* Radius */
+/* 1px */
+/* 2px */
+/* 3px */
+/* 4px */
+/* 5px */
+/* 6px */
+/* 7px */
+/* 8px */
+/* 9px */
+/* 10px */
+/* 11px */
+/* 12px */
+/* 13px */
+/* 14px */
+/* 15px */
+/* 16px */
+/* 17px */
+/* 18px */
+/* 19px */
+/* 20px */
+/* 21px */
+/* 22px */
+/* 23px */
+/* 24px */
+/* 25px */
+/* 26px */
+/* 27px */
+/* 28px */
+/* 29px */
+/* 30px */
+/* 31px */
+/* 32px */
+/* 33px */
+/* 34px */
+/* 35px */
+/* 36px */
+/* 37px */
+/* 38px */
+/* 39px */
+/* 40px */
+/* 41px */
+/* 42px */
+/* 43px */
+/* 44px */
+/* 45px */
+/* 46px */
+/* 47px */
+/* 48px */
+/* 49px */
+/* 50px */
+/* 5em */
+/* 65% */
+/* border */
+/* 0px */
+/* 1px */
+/* 1.5px */
+/* 2px */
+/* 3px */
+/* 4px */
+/* 5px */
+/* 6px */
+/* 7px */
+/* 8px */
+/* 9px */
+/* 10px */
+/* 11px */
+/* 12px */
+/* 13px */
+/* 14px */
+/* 15px */
+/* 16px */
+
+
+
+
+.e-dropdownbase .e-list-item.e-active,
+.e-dropdownbase .e-list-item.e-active.e-hover {
+  font-weight: 400;
+}
+
+.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-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 */
+.e-dropdownbase .e-list-item {
+  border-radius: calc(var(--e-radius) * 0.375) !important;
+}
+
 .e-rtl .e-dropdownbase .e-list-item {
   padding-left: 16px;
   padding-right: 0;
@@ -414,6 +648,123 @@
   background-color: var(--color-sf-content-bg-color-hover);
 }
 
+
+
+
+
+
+
+
+
+/* Font Family */
+/* Font Sizes */
+/* Radius */
+/* 1px */
+/* 2px */
+/* 3px */
+/* 4px */
+/* 5px */
+/* 6px */
+/* 7px */
+/* 8px */
+/* 9px */
+/* 10px */
+/* 11px */
+/* 12px */
+/* 13px */
+/* 14px */
+/* 15px */
+/* 16px */
+/* 17px */
+/* 18px */
+/* 19px */
+/* 20px */
+/* 21px */
+/* 22px */
+/* 23px */
+/* 24px */
+/* 25px */
+/* 26px */
+/* 27px */
+/* 28px */
+/* 29px */
+/* 30px */
+/* 31px */
+/* 32px */
+/* 33px */
+/* 34px */
+/* 35px */
+/* 36px */
+/* 37px */
+/* 38px */
+/* 39px */
+/* 40px */
+/* 41px */
+/* 42px */
+/* 43px */
+/* 44px */
+/* 45px */
+/* 46px */
+/* 47px */
+/* 48px */
+/* 49px */
+/* 50px */
+/* 5em */
+/* 65% */
+/* border */
+/* 0px */
+/* 1px */
+/* 1.5px */
+/* 2px */
+/* 3px */
+/* 4px */
+/* 5px */
+/* 6px */
+/* 7px */
+/* 8px */
+/* 9px */
+/* 10px */
+/* 11px */
+/* 12px */
+/* 13px */
+/* 14px */
+/* 15px */
+/* 16px */
+
+
+
+
+.e-dropdownbase .e-list-item.e-active,
+.e-dropdownbase .e-list-item.e-active.e-hover {
+  font-weight: 400;
+}
+
+.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-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 */
+.e-dropdownbase .e-list-item {
+  border-radius: calc(var(--e-radius) * 0.375) !important;
+}
+
 .e-bigger .e-dropdownbase,
 .e-dropdownbase.e-bigger {
   min-height: 45px;

package/styles/drop-down-base/fluent2.scss

@@ -1,4 +1,4 @@
 @use 'ej2-base/styles/definition/fluent2' as *;
 @use 'fluent2-definition' as *;
-@use 'all' as *;
-@use 'bigger' as *;
+@use 'all.fluent2' as *;
+@use 'bigger.fluent2' as *;

package/styles/drop-down-base/highcontrast-light.css

@@ -18,6 +18,30 @@
   padding: 0 8px 0 0;
 }
 
+.e-dropdownbase .e-list-item .e-list-icon {
+  padding: 0 10px 0 0;
+}
+
+.e-dropdownbase .e-list-item:not(.e-active).e-hover {
+  border: 2px solid #000;
+}
+
+.e-dropdownbase .e-list-item:not(.e-active):not(.e-hover):not(.e-item-focus) {
+  border: 2px solid #fff;
+}
+
+.e-dropdownbase .e-list-item.e-active {
+  border: 2px solid #400074;
+}
+
+.e-dropdownbase .e-list-item.e-item-focus {
+  border: 2px solid #ecf;
+}
+
+.e-small .e-dropdownbase .e-list-item .e-list-icon {
+  padding: 0 8px 0 0;
+}
+
 .e-dropdownbase {
   display: block;
   height: 100%;
@@ -140,6 +164,30 @@
   padding-right: 20px;
 }
 
+.e-dropdownbase .e-list-item .e-list-icon {
+  padding: 0 10px 0 0;
+}
+
+.e-dropdownbase .e-list-item:not(.e-active).e-hover {
+  border: 2px solid #000;
+}
+
+.e-dropdownbase .e-list-item:not(.e-active):not(.e-hover):not(.e-item-focus) {
+  border: 2px solid #fff;
+}
+
+.e-dropdownbase .e-list-item.e-active {
+  border: 2px solid #400074;
+}
+
+.e-dropdownbase .e-list-item.e-item-focus {
+  border: 2px solid #ecf;
+}
+
+.e-small .e-dropdownbase .e-list-item .e-list-icon {
+  padding: 0 8px 0 0;
+}
+
 .e-rtl .e-dropdownbase .e-list-item {
   padding-left: 16px;
   padding-right: 0;
@@ -315,6 +363,30 @@
   background-color: #ecf;
 }
 
+.e-dropdownbase .e-list-item .e-list-icon {
+  padding: 0 10px 0 0;
+}
+
+.e-dropdownbase .e-list-item:not(.e-active).e-hover {
+  border: 2px solid #000;
+}
+
+.e-dropdownbase .e-list-item:not(.e-active):not(.e-hover):not(.e-item-focus) {
+  border: 2px solid #fff;
+}
+
+.e-dropdownbase .e-list-item.e-active {
+  border: 2px solid #400074;
+}
+
+.e-dropdownbase .e-list-item.e-item-focus {
+  border: 2px solid #ecf;
+}
+
+.e-small .e-dropdownbase .e-list-item .e-list-icon {
+  padding: 0 8px 0 0;
+}
+
 .e-bigger .e-dropdownbase,
 .e-dropdownbase.e-bigger {
   min-height: 45px;

package/styles/drop-down-base/highcontrast-light.scss

@@ -1,4 +1,4 @@
 @use 'ej2-base/styles/definition/highcontrast-light' as *;
 @use 'highcontrast-light-definition' as *;
-@use 'all' as *;
-@use 'bigger' as *;
+@use 'all.highcontrast-light' as *;
+@use 'bigger.highcontrast-light' as *;

package/styles/drop-down-base/highcontrast.css

@@ -18,6 +18,30 @@
   padding: 0 8px 0 0;
 }
 
+.e-dropdownbase .e-list-item .e-list-icon {
+  padding: 0 10px 0 0;
+}
+
+.e-dropdownbase .e-list-item:not(.e-active).e-hover {
+  border: 2px solid #fff;
+}
+
+.e-dropdownbase .e-list-item:not(.e-active):not(.e-hover):not(.e-item-focus) {
+  border: 2px solid #000;
+}
+
+.e-dropdownbase .e-list-item.e-active {
+  border: 2px solid #ffd939;
+}
+
+.e-dropdownbase .e-list-item.e-item-focus {
+  border: 2px solid #685708;
+}
+
+.e-small .e-dropdownbase .e-list-item .e-list-icon {
+  padding: 0 8px 0 0;
+}
+
 .e-dropdownbase {
   display: block;
   height: 100%;
@@ -140,6 +164,30 @@
   padding-right: 20px;
 }
 
+.e-dropdownbase .e-list-item .e-list-icon {
+  padding: 0 10px 0 0;
+}
+
+.e-dropdownbase .e-list-item:not(.e-active).e-hover {
+  border: 2px solid #fff;
+}
+
+.e-dropdownbase .e-list-item:not(.e-active):not(.e-hover):not(.e-item-focus) {
+  border: 2px solid #000;
+}
+
+.e-dropdownbase .e-list-item.e-active {
+  border: 2px solid #ffd939;
+}
+
+.e-dropdownbase .e-list-item.e-item-focus {
+  border: 2px solid #685708;
+}
+
+.e-small .e-dropdownbase .e-list-item .e-list-icon {
+  padding: 0 8px 0 0;
+}
+
 .e-rtl .e-dropdownbase .e-list-item {
   padding-left: 16px;
   padding-right: 0;
@@ -315,6 +363,30 @@
   background-color: #685708;
 }
 
+.e-dropdownbase .e-list-item .e-list-icon {
+  padding: 0 10px 0 0;
+}
+
+.e-dropdownbase .e-list-item:not(.e-active).e-hover {
+  border: 2px solid #fff;
+}
+
+.e-dropdownbase .e-list-item:not(.e-active):not(.e-hover):not(.e-item-focus) {
+  border: 2px solid #000;
+}
+
+.e-dropdownbase .e-list-item.e-active {
+  border: 2px solid #ffd939;
+}
+
+.e-dropdownbase .e-list-item.e-item-focus {
+  border: 2px solid #685708;
+}
+
+.e-small .e-dropdownbase .e-list-item .e-list-icon {
+  padding: 0 8px 0 0;
+}
+
 .e-bigger .e-dropdownbase,
 .e-dropdownbase.e-bigger {
   min-height: 45px;

package/styles/drop-down-base/highcontrast.scss

@@ -1,4 +1,4 @@
 @use 'ej2-base/styles/definition/highcontrast' as *;
 @use 'highcontrast-definition' as *;
-@use 'all' as *;
-@use 'bigger' as *;
+@use 'all.highcontrast' as *;
+@use 'bigger.highcontrast' as *;

package/styles/drop-down-base/material-dark.css

@@ -6,6 +6,14 @@
   padding: 0 12px 0 0;
 }
 
+.e-dropdownbase .e-list-item .e-list-icon {
+  padding: 0 16px 0 0;
+}
+
+.e-small .e-dropdownbase .e-list-item .e-list-icon {
+  padding: 0 12px 0 0;
+}
+
 .e-dropdownbase {
   display: block;
   height: 100%;
@@ -128,6 +136,14 @@
   padding-right: 2em;
 }
 
+.e-dropdownbase .e-list-item .e-list-icon {
+  padding: 0 16px 0 0;
+}
+
+.e-small .e-dropdownbase .e-list-item .e-list-icon {
+  padding: 0 12px 0 0;
+}
+
 .e-rtl .e-dropdownbase .e-list-item {
   padding-left: 16px;
   padding-right: 0;
@@ -303,6 +319,14 @@
   background-color: rgba(255, 255, 255, 0.05);
 }
 
+.e-dropdownbase .e-list-item .e-list-icon {
+  padding: 0 16px 0 0;
+}
+
+.e-small .e-dropdownbase .e-list-item .e-list-icon {
+  padding: 0 12px 0 0;
+}
+
 .e-bigger .e-dropdownbase,
 .e-dropdownbase.e-bigger {
   min-height: 45px;

package/styles/drop-down-base/material-dark.scss

@@ -1,4 +1,4 @@
 @use 'ej2-base/styles/definition/material-dark' as *;
 @use 'material-dark-definition' as *;
-@use 'all' as *;
-@use 'bigger' as *;
+@use 'all.material-dark' as *;
+@use 'bigger.material-dark' as *;

package/styles/drop-down-base/material.css

@@ -6,6 +6,14 @@
   padding: 0 12px 0 0;
 }
 
+.e-dropdownbase .e-list-item .e-list-icon {
+  padding: 0 16px 0 0;
+}
+
+.e-small .e-dropdownbase .e-list-item .e-list-icon {
+  padding: 0 12px 0 0;
+}
+
 .e-dropdownbase {
   display: block;
   height: 100%;
@@ -128,6 +136,14 @@
   padding-right: 2em;
 }
 
+.e-dropdownbase .e-list-item .e-list-icon {
+  padding: 0 16px 0 0;
+}
+
+.e-small .e-dropdownbase .e-list-item .e-list-icon {
+  padding: 0 12px 0 0;
+}
+
 .e-rtl .e-dropdownbase .e-list-item {
   padding-left: 16px;
   padding-right: 0;
@@ -303,6 +319,14 @@
   background-color: #eee;
 }
 
+.e-dropdownbase .e-list-item .e-list-icon {
+  padding: 0 16px 0 0;
+}
+
+.e-small .e-dropdownbase .e-list-item .e-list-icon {
+  padding: 0 12px 0 0;
+}
+
 .e-bigger .e-dropdownbase,
 .e-dropdownbase.e-bigger {
   min-height: 45px;

package/styles/drop-down-base/material.scss

@@ -1,4 +1,4 @@
 @use 'ej2-base/styles/definition/material' as *;
 @use 'material-definition' as *;
-@use 'all' as *;
-@use 'bigger' as *;
+@use 'all.material' as *;
+@use 'bigger.material' as *;