@syncfusion/ej2-dropdowns 26.2.13 → 27.1.50

package/styles/list-box/tailwind.css

@@ -16,32 +16,10 @@
   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;
 }
@@ -97,8 +75,10 @@
 .e-listboxtool-wrapper.e-listboxtool-container .e-list-wrap {
   width: 84% !important; /* stylelint-disable-line declaration-no-important */
 }
-.e-listbox-wrapper:focus,
+.e-listbox-wrapper .e-list-wrap:focus-visible, .e-listbox-wrapper:focus,
+.e-listbox-container .e-list-wrap:focus-visible,
 .e-listbox-container:focus,
+.e-listboxtool-wrapper .e-list-wrap:focus-visible,
 .e-listboxtool-wrapper:focus {
   outline: none;
 }
@@ -492,99 +472,6 @@ ejs-listbox {
   margin-left: 15px;
 }
 
-.e-bigger .e-listbox-wrapper.e-listboxtool-container .e-list-wrap,
-.e-listbox-wrapper.e-bigger.e-listboxtool-container .e-list-wrap,
-.e-bigger .e-listbox-container.e-listboxtool-container .e-list-wrap,
-.e-listbox-container.e-bigger.e-listboxtool-container .e-list-wrap {
-  width: 80% !important; /* stylelint-disable-line declaration-no-important */
-}
-.e-bigger .e-listbox-wrapper .e-list-item,
-.e-listbox-wrapper.e-bigger .e-list-item,
-.e-bigger .e-listbox-container .e-list-item,
-.e-listbox-container.e-bigger .e-list-item {
-  border-bottom: 0 solid transparent;
-  border-left: 0 solid transparent;
-  border-right: 0 solid transparent;
-  border-top: 0 solid transparent;
-}
-.e-bigger .e-listbox-wrapper:not(.e-list-template) .e-list-item,
-.e-bigger .e-listbox-wrapper .e-selectall-parent,
-.e-bigger .e-listbox-wrapper .e-list-group-item,
-.e-bigger .e-listbox-wrapper .e-list-header,
-.e-listbox-wrapper.e-bigger:not(.e-list-template) .e-list-item,
-.e-listbox-wrapper.e-bigger .e-selectall-parent,
-.e-listbox-wrapper.e-bigger .e-list-group-item,
-.e-listbox-wrapper.e-bigger .e-list-header,
-.e-bigger .e-listbox-container:not(.e-list-template) .e-list-item,
-.e-bigger .e-listbox-container .e-selectall-parent,
-.e-bigger .e-listbox-container .e-list-group-item,
-.e-bigger .e-listbox-container .e-list-header,
-.e-listbox-container.e-bigger:not(.e-list-template) .e-list-item,
-.e-listbox-container.e-bigger .e-selectall-parent,
-.e-listbox-container.e-bigger .e-list-group-item,
-.e-listbox-container.e-bigger .e-list-header {
-  padding: 12px 16px;
-}
-.e-bigger .e-listbox-wrapper:not(.e-list-template) .e-list-item,
-.e-bigger .e-listbox-wrapper .e-selectall-parent,
-.e-listbox-wrapper.e-bigger:not(.e-list-template) .e-list-item,
-.e-listbox-wrapper.e-bigger .e-selectall-parent,
-.e-bigger .e-listbox-container:not(.e-list-template) .e-list-item,
-.e-bigger .e-listbox-container .e-selectall-parent,
-.e-listbox-container.e-bigger:not(.e-list-template) .e-list-item,
-.e-listbox-container.e-bigger .e-selectall-parent {
-  height: 48px;
-  line-height: 1.6;
-  position: relative;
-}
-.e-bigger .e-listbox-wrapper .e-list-parent,
-.e-listbox-wrapper.e-bigger .e-list-parent,
-.e-bigger .e-listbox-container .e-list-parent,
-.e-listbox-container.e-bigger .e-list-parent {
-  min-height: 48px;
-}
-.e-bigger .e-listbox-wrapper .e-text-content,
-.e-listbox-wrapper.e-bigger .e-text-content,
-.e-bigger .e-listbox-container .e-text-content,
-.e-listbox-container.e-bigger .e-text-content {
-  font-size: 16px;
-}
-.e-bigger .e-listbox-wrapper .e-list-group-item,
-.e-listbox-wrapper.e-bigger .e-list-group-item,
-.e-bigger .e-listbox-container .e-list-group-item,
-.e-listbox-container.e-bigger .e-list-group-item {
-  height: 38px;
-  line-height: 15px;
-}
-.e-bigger .e-listbox-wrapper .e-list-header,
-.e-listbox-wrapper.e-bigger .e-list-header,
-.e-bigger .e-listbox-container .e-list-header,
-.e-listbox-container.e-bigger .e-list-header {
-  -webkit-box-align: center;
-      -ms-flex-align: center;
-          align-items: center;
-  display: -webkit-box;
-  display: -ms-flexbox;
-  display: flex;
-  font-weight: 500;
-  height: 22px;
-}
-.e-bigger .e-listbox-wrapper .e-list-header .e-text.header,
-.e-bigger .e-listbox-wrapper .e-list-header .e-headertemplate-text.nested-header,
-.e-listbox-wrapper.e-bigger .e-list-header .e-text.header,
-.e-listbox-wrapper.e-bigger .e-list-header .e-headertemplate-text.nested-header,
-.e-bigger .e-listbox-container .e-list-header .e-text.header,
-.e-bigger .e-listbox-container .e-list-header .e-headertemplate-text.nested-header,
-.e-listbox-container.e-bigger .e-list-header .e-text.header,
-.e-listbox-container.e-bigger .e-list-header .e-headertemplate-text.nested-header {
-  display: none;
-}
-.e-bigger .e-listbox-wrapper .e-list-header .e-text,
-.e-listbox-wrapper.e-bigger .e-list-header .e-text,
-.e-bigger .e-listbox-container .e-list-header .e-text,
-.e-listbox-container.e-bigger .e-list-header .e-text {
-  font-size: 14px;
-}
 .e-listbox-wrapper:not(.e-list-template) .e-list-item,
 .e-listbox-wrapper .e-list-nrt,
 .e-listbox-wrapper .e-selectall-parent,
@@ -600,34 +487,11 @@ ejs-listbox {
   position: relative;
 }
 
-.e-listbox-wrapper:not(.e-list-template) .e-list-parent li {
-  overflow: hidden;
-  white-space: nowrap;
-  text-overflow: ellipsis;
-}
-
 .e-small .e-listbox-wrapper.e-filter-list .e-list-parent,
 .e-small .e-listbox-container.e-filter-list .e-list-parent {
   height: calc(100% - 45px) !important; /* stylelint-disable-line declaration-no-important */
 }
 
-.e-bigger .e-listbox-wrapper.e-filter-list:not(.e-listbox-container) .e-list-parent {
-  height: calc(100% - 58px) !important; /* stylelint-disable-line declaration-no-important */
-}
-
-.e-bigger .e-listbox-container.e-filter-list .e-list-wrap {
-  height: calc(100% - 58px) !important; /* stylelint-disable-line declaration-no-important */
-}
-
-.e-bigger .e-listbox-container.e-filter-list .e-list-parent,
-.e-bigger .e-listbox-container .e-selectall-parent + .e-list-parent,
-.e-small.e-bigger .e-listbox-container.e-filter-list .e-list-parent,
-.e-bigger .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
-  height: 100%;
-}
-
-.e-bigger .e-listbox-wrapper.e-filter-list .e-selectall-parent + .e-list-parent,
-.e-bigger .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent,
 .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
   height: calc(100% - 47px) !important; /* stylelint-disable-line declaration-no-important */
 }
@@ -636,40 +500,16 @@ ejs-listbox {
   height: calc(100% - 42px) !important; /* stylelint-disable-line declaration-no-important */
 }
 
-.e-bigger .e-listbox-wrapper .e-selectall-parent + .e-list-parent,
-.e-bigger .e-listbox-container .e-selectall-parent + .e-list-wrap {
-  height: calc(100% - 48px) !important; /* stylelint-disable-line declaration-no-important */
-}
-
-.e-small.e-bigger .e-listbox-wrapper.e-filter-list .e-list-parent,
-.e-small.e-bigger .e-listbox-container.e-filter-list .e-list-wrap {
-  height: calc(100% - 53px) !important; /* stylelint-disable-line declaration-no-important */
-}
-
 .e-listbox-wrapper.e-filter-list:not(.e-listbox-container) .e-selectall-parent + .e-hidden-select + .e-listbox + .e-list-parent {
   height: calc(100% - 87.5px) !important; /* stylelint-disable-line declaration-no-important */
 }
 
-.e-bigger .e-listbox-wrapper.e-filter-list:not(.e-listbox-container) .e-selectall-parent + .e-hidden-select + .e-listbox + .e-list-parent {
-  height: calc(100% - 106px) !important; /* stylelint-disable-line declaration-no-important */
-}
-
 .e-listbox-wrapper,
 .e-listbox-container:not(.e-listboxtool-container):not(.e-sortableclone),
 .e-listboxtool-container.e-listbox-container .e-ul {
   border: 1px solid #e5e7eb;
 }
 
-.e-bigger.e-listbox-wrapper,
-.e-bigger.e-listbox-container {
-  font-size: 16px;
-}
-.e-bigger.e-listbox-wrapper .e-list-header, .e-bigger.e-listbox-wrapper .e-list-group-item,
-.e-bigger.e-listbox-container .e-list-header,
-.e-bigger.e-listbox-container .e-list-group-item {
-  font-size: 14px;
-}
-
 .e-listbox-wrapper,
 .e-listbox-container,
 .e-listboxtool-wrapper {
@@ -965,4 +805,141 @@ ejs-listbox {
 
 .e-listbox-container .e-selectall-parent + .e-list-wrap {
   height: calc(100% - 38px) !important; /* stylelint-disable-line declaration-no-important */
+}
+
+.e-bigger .e-listbox-wrapper.e-listboxtool-container .e-list-wrap,
+.e-listbox-wrapper.e-bigger.e-listboxtool-container .e-list-wrap,
+.e-bigger .e-listbox-container.e-listboxtool-container .e-list-wrap,
+.e-listbox-container.e-bigger.e-listboxtool-container .e-list-wrap {
+  width: 80% !important; /* stylelint-disable-line declaration-no-important */
+}
+.e-bigger .e-listbox-wrapper .e-list-item,
+.e-listbox-wrapper.e-bigger .e-list-item,
+.e-bigger .e-listbox-container .e-list-item,
+.e-listbox-container.e-bigger .e-list-item {
+  border-bottom: 0 solid transparent;
+  border-left: 0 solid transparent;
+  border-right: 0 solid transparent;
+  border-top: 0 solid transparent;
+}
+.e-bigger .e-listbox-wrapper:not(.e-list-template) .e-list-item,
+.e-bigger .e-listbox-wrapper .e-selectall-parent,
+.e-bigger .e-listbox-wrapper .e-list-group-item,
+.e-bigger .e-listbox-wrapper .e-list-header,
+.e-listbox-wrapper.e-bigger:not(.e-list-template) .e-list-item,
+.e-listbox-wrapper.e-bigger .e-selectall-parent,
+.e-listbox-wrapper.e-bigger .e-list-group-item,
+.e-listbox-wrapper.e-bigger .e-list-header,
+.e-bigger .e-listbox-container:not(.e-list-template) .e-list-item,
+.e-bigger .e-listbox-container .e-selectall-parent,
+.e-bigger .e-listbox-container .e-list-group-item,
+.e-bigger .e-listbox-container .e-list-header,
+.e-listbox-container.e-bigger:not(.e-list-template) .e-list-item,
+.e-listbox-container.e-bigger .e-selectall-parent,
+.e-listbox-container.e-bigger .e-list-group-item,
+.e-listbox-container.e-bigger .e-list-header {
+  padding: 12px 16px;
+}
+.e-bigger .e-listbox-wrapper:not(.e-list-template) .e-list-item,
+.e-bigger .e-listbox-wrapper .e-selectall-parent,
+.e-listbox-wrapper.e-bigger:not(.e-list-template) .e-list-item,
+.e-listbox-wrapper.e-bigger .e-selectall-parent,
+.e-bigger .e-listbox-container:not(.e-list-template) .e-list-item,
+.e-bigger .e-listbox-container .e-selectall-parent,
+.e-listbox-container.e-bigger:not(.e-list-template) .e-list-item,
+.e-listbox-container.e-bigger .e-selectall-parent {
+  height: 48px;
+  line-height: 1.6;
+  position: relative;
+}
+.e-bigger .e-listbox-wrapper .e-list-parent,
+.e-listbox-wrapper.e-bigger .e-list-parent,
+.e-bigger .e-listbox-container .e-list-parent,
+.e-listbox-container.e-bigger .e-list-parent {
+  min-height: 48px;
+}
+.e-bigger .e-listbox-wrapper .e-text-content,
+.e-listbox-wrapper.e-bigger .e-text-content,
+.e-bigger .e-listbox-container .e-text-content,
+.e-listbox-container.e-bigger .e-text-content {
+  font-size: 16px;
+}
+.e-bigger .e-listbox-wrapper .e-list-group-item,
+.e-listbox-wrapper.e-bigger .e-list-group-item,
+.e-bigger .e-listbox-container .e-list-group-item,
+.e-listbox-container.e-bigger .e-list-group-item {
+  height: 38px;
+  line-height: 15px;
+}
+.e-bigger .e-listbox-wrapper .e-list-header,
+.e-listbox-wrapper.e-bigger .e-list-header,
+.e-bigger .e-listbox-container .e-list-header,
+.e-listbox-container.e-bigger .e-list-header {
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  font-weight: 500;
+  height: 22px;
+}
+.e-bigger .e-listbox-wrapper .e-list-header .e-text.header,
+.e-bigger .e-listbox-wrapper .e-list-header .e-headertemplate-text.nested-header,
+.e-listbox-wrapper.e-bigger .e-list-header .e-text.header,
+.e-listbox-wrapper.e-bigger .e-list-header .e-headertemplate-text.nested-header,
+.e-bigger .e-listbox-container .e-list-header .e-text.header,
+.e-bigger .e-listbox-container .e-list-header .e-headertemplate-text.nested-header,
+.e-listbox-container.e-bigger .e-list-header .e-text.header,
+.e-listbox-container.e-bigger .e-list-header .e-headertemplate-text.nested-header {
+  display: none;
+}
+.e-bigger .e-listbox-wrapper .e-list-header .e-text,
+.e-listbox-wrapper.e-bigger .e-list-header .e-text,
+.e-bigger .e-listbox-container .e-list-header .e-text,
+.e-listbox-container.e-bigger .e-list-header .e-text {
+  font-size: 14px;
+}
+.e-bigger .e-listbox-wrapper.e-filter-list:not(.e-listbox-container) .e-list-parent {
+  height: calc(100% - 58px) !important; /* stylelint-disable-line declaration-no-important */
+}
+
+.e-bigger .e-listbox-container.e-filter-list .e-list-wrap {
+  height: calc(100% - 58px) !important; /* stylelint-disable-line declaration-no-important */
+}
+
+.e-bigger .e-listbox-container.e-filter-list .e-list-parent,
+.e-bigger .e-listbox-container .e-selectall-parent + .e-list-parent,
+.e-small.e-bigger .e-listbox-container.e-filter-list .e-list-parent,
+.e-bigger .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
+  height: 100%;
+}
+
+.e-bigger .e-listbox-wrapper.e-filter-list .e-selectall-parent + .e-list-parent,
+.e-bigger .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
+  height: calc(100% - 47px) !important; /* stylelint-disable-line declaration-no-important */
+}
+
+.e-bigger .e-listbox-wrapper .e-selectall-parent + .e-list-parent,
+.e-bigger .e-listbox-container .e-selectall-parent + .e-list-wrap {
+  height: calc(100% - 48px) !important; /* stylelint-disable-line declaration-no-important */
+}
+
+.e-small.e-bigger .e-listbox-wrapper.e-filter-list .e-list-parent,
+.e-small.e-bigger .e-listbox-container.e-filter-list .e-list-wrap {
+  height: calc(100% - 53px) !important; /* stylelint-disable-line declaration-no-important */
+}
+
+.e-bigger .e-listbox-wrapper.e-filter-list:not(.e-listbox-container) .e-selectall-parent + .e-hidden-select + .e-listbox + .e-list-parent {
+  height: calc(100% - 106px) !important; /* stylelint-disable-line declaration-no-important */
+}
+
+.e-bigger.e-listbox-wrapper,
+.e-bigger.e-listbox-container {
+  font-size: 16px;
+}
+.e-bigger.e-listbox-wrapper .e-list-header, .e-bigger.e-listbox-wrapper .e-list-group-item,
+.e-bigger.e-listbox-container .e-list-header,
+.e-bigger.e-listbox-container .e-list-group-item {
+  font-size: 14px;
 }

package/styles/list-box/tailwind.scss

@@ -3,3 +3,4 @@
 @import 'tailwind-definition.scss';
 @import 'icons/tailwind.scss';
 @import 'all.scss';
+@import 'bigger.scss';