@syncfusion/blazor-themes 31.1.19 → 31.1.21

package/Compiled-Themes/bootstrap5-dark-lite.css

@@ -7791,10 +7791,10 @@ button .e-badge.e-badge-circle.e-badge-ghost {
 .e-btn.e-outline.e-primary:disabled, .e-btn.e-outline.e-primary.e-disabled,
 .e-css.e-btn.e-outline.e-primary:disabled,
 .e-css.e-btn.e-outline.e-primary.e-disabled {
-  background: rgba(13, 110, 253, 0.65);
+  background: transparent;
   border-color: rgba(13, 110, 253, 0.65);
   box-shadow: none;
-  color: rgba(255, 255, 255, 0.65);
+  color: rgba(13, 110, 253, 0.65);
 }
 .e-btn.e-outline.e-success,
 .e-css.e-btn.e-outline.e-success {
@@ -22094,10 +22094,8 @@ body.e-colorpicker-overflow {
 }
 .e-treeview .e-list-item {
   list-style: none;
-  padding: 2px 0;
 }
 .e-treeview .e-list-item .e-ul {
-  margin: 2px 0 -2px;
   padding: 0 0 0 20px;
 }
 .e-treeview .e-list-item.e-disable > .e-text-content,
@@ -22121,6 +22119,10 @@ body.e-colorpicker-overflow {
 .e-treeview .e-list-item .e-icons.e-icons-spinner::before {
   content: none;
 }
+.e-treeview .e-list-item .e-text-content .e-list-text:has(> .e-input-group) {
+  padding-top: 3px;
+  padding-bottom: 3px;
+}
 .e-treeview .e-icons .e-spinner-pane {
   position: relative;
 }
@@ -22135,7 +22137,6 @@ body.e-colorpicker-overflow {
   -ms-user-select: none;
   -webkit-user-select: none;
   user-select: none;
-  border: 1px solid;
   cursor: pointer;
   margin: 0;
   padding: 0 0 0 20px;
@@ -22171,7 +22172,7 @@ body.e-colorpicker-overflow {
   margin: 0 0 0 8px;
 }
 .e-treeview .e-checkbox-wrapper + .e-list-text {
-  padding: 0 8px;
+  padding: 7px 8px;
 }
 .e-treeview .e-checkbox-wrapper .e-ripple-container {
   bottom: -7px;
@@ -22184,24 +22185,26 @@ body.e-colorpicker-overflow {
 .e-treeview .e-list-text {
   box-sizing: border-box;
   display: inline-block;
-  line-height: 34px;
+  line-height: 22px;
   margin: 0;
-  min-height: 34px;
-  padding: 0 8px;
+  min-height: 22px;
+  padding: 7px 8px;
   text-decoration: none;
   vertical-align: middle;
 }
 .e-treeview .e-list-text .e-input-group {
   height: 30px;
-  margin-bottom: 2px;
+  margin-bottom: 0;
   min-width: 150px;
   vertical-align: bottom;
 }
 .e-treeview .e-list-text .e-input-group .e-input {
   height: 28px;
+  padding-top: 6px;
+  padding-bottom: 6px;
 }
 .e-treeview .e-navigable-text {
-  padding: 0 8px;
+  padding: 7px 8px;
 }
 .e-treeview .e-list-icon,
 .e-treeview .e-list-img {
@@ -22218,11 +22221,11 @@ body.e-colorpicker-overflow {
 }
 .e-treeview .e-list-icon + .e-list-text,
 .e-treeview .e-list-img + .e-list-text {
-  padding: 0 8px;
+  padding: 7px 8px;
 }
 .e-treeview .e-list-icon + .e-navigable-text,
 .e-treeview .e-list-img + .e-navigable-text {
-  padding: 0 8px;
+  padding: 7px 8px;
 }
 .e-treeview .e-icon-collapsible,
 .e-treeview .e-icon-expandable {
@@ -23019,7 +23022,6 @@ ejs-sidebar {
 .e-menu-wrapper .e-ul .e-menu-item .e-caret,
 .e-menu-container .e-ul .e-menu-item .e-caret {
   font-size: 14px;
-  line-height: 35px;
 }
 
 .e-menu-wrapper.e-menu-icon-right .e-menu-header .e-menu-icon,
@@ -39802,10 +39804,10 @@ ejs-filemanager {
 .e-btn-group input:disabled + label.e-btn.e-outline.e-primary,
 .e-css.e-btn-group .e-btn:disabled.e-outline.e-primary,
 .e-css.e-btn-group input:disabled + label.e-btn.e-outline.e-primary {
-  background: rgba(13, 110, 253, 0.65);
+  background: transparent;
   border-color: rgba(13, 110, 253, 0.65);
   box-shadow: none;
-  color: rgba(255, 255, 255, 0.65);
+  color: rgba(13, 110, 253, 0.65);
   border-color: #0d6efd;
 }
 .e-btn-group .e-btn:disabled.e-outline.e-success,
@@ -46684,10 +46686,10 @@ span.e-table-box.e-rbox-select {
 .e-toast-container .e-toast .e-toast-message .e-toast-title:first-child,
 .e-toast-container .e-toast .e-toast-message .e-toast-content:first-child {
   padding: 0;
-  padding-bottom: 12px;
+  padding-bottom: 8px;
   padding-left: 12px;
   padding-right: 12px;
-  padding-top: 12px;
+  padding-top: 8px;
 }
 .e-toast-container .e-toast .e-toast-message .e-toast-title:last-child,
 .e-toast-container .e-toast .e-toast-message .e-toast-content:last-child {
@@ -46727,7 +46729,7 @@ span.e-table-box.e-rbox-select {
 }
 .e-toast-container .e-toast.e-toast-header-icon .e-toast-message .e-toast-title:first-child,
 .e-toast-container .e-toast.e-toast-header-icon .e-toast-message .e-toast-content:first-child {
-  padding-left: 48px;
+  padding-left: 44px;
 }
 .e-toast-container .e-toast.e-toast-header-close-icon .e-toast-message .e-toast-title:first-child,
 .e-toast-container .e-toast.e-toast-header-close-icon .e-toast-message .e-toast-content:first-child {
@@ -46748,14 +46750,16 @@ span.e-table-box.e-rbox-select {
 }
 .e-toast-container .e-toast .e-toast-icon {
   align-items: center;
-  font-size: 14px;
-  height: 20px;
+  font-size: 18px;
+  height: 18px;
   justify-content: center;
   margin-right: 14px;
-  width: 20px;
-  left: 16px;
-  margin-left: 13px;
-  margin-top: 13px;
+  width: 18px;
+  left: 0;
+  margin-left: 12px;
+  margin-top: 10px;
+  padding-bottom: 6px;
+  position: absolute;
 }
 .e-toast-container .e-toast .e-toast-progress {
   bottom: 0;

package/Compiled-Themes/bootstrap5-dark.css

@@ -10063,10 +10063,10 @@ button .e-badge.e-badge-circle.e-badge-ghost {
 .e-btn.e-outline.e-primary:disabled, .e-btn.e-outline.e-primary.e-disabled,
 .e-css.e-btn.e-outline.e-primary:disabled,
 .e-css.e-btn.e-outline.e-primary.e-disabled {
-  background: rgba(13, 110, 253, 0.65);
+  background: transparent;
   border-color: rgba(13, 110, 253, 0.65);
   box-shadow: none;
-  color: rgba(255, 255, 255, 0.65);
+  color: rgba(13, 110, 253, 0.65);
 }
 .e-btn.e-outline.e-success,
 .e-css.e-btn.e-outline.e-success {
@@ -29663,10 +29663,8 @@ body.e-colorpicker-overflow {
 }
 .e-treeview .e-list-item {
   list-style: none;
-  padding: 2px 0;
 }
 .e-treeview .e-list-item .e-ul {
-  margin: 2px 0 -2px;
   padding: 0 0 0 20px;
 }
 .e-treeview .e-list-item.e-disable > .e-text-content,
@@ -29690,6 +29688,10 @@ body.e-colorpicker-overflow {
 .e-treeview .e-list-item .e-icons.e-icons-spinner::before {
   content: none;
 }
+.e-treeview .e-list-item .e-text-content .e-list-text:has(> .e-input-group) {
+  padding-top: 3px;
+  padding-bottom: 3px;
+}
 .e-treeview .e-icons .e-spinner-pane {
   position: relative;
 }
@@ -29704,7 +29706,6 @@ body.e-colorpicker-overflow {
   -ms-user-select: none;
   -webkit-user-select: none;
   user-select: none;
-  border: 1px solid;
   cursor: pointer;
   margin: 0;
   padding: 0 0 0 20px;
@@ -29740,7 +29741,7 @@ body.e-colorpicker-overflow {
   margin: 0 0 0 8px;
 }
 .e-treeview .e-checkbox-wrapper + .e-list-text {
-  padding: 0 8px;
+  padding: 7px 8px;
 }
 .e-treeview .e-checkbox-wrapper .e-ripple-container {
   bottom: -7px;
@@ -29753,24 +29754,26 @@ body.e-colorpicker-overflow {
 .e-treeview .e-list-text {
   box-sizing: border-box;
   display: inline-block;
-  line-height: 34px;
+  line-height: 22px;
   margin: 0;
-  min-height: 34px;
-  padding: 0 8px;
+  min-height: 22px;
+  padding: 7px 8px;
   text-decoration: none;
   vertical-align: middle;
 }
 .e-treeview .e-list-text .e-input-group {
   height: 30px;
-  margin-bottom: 2px;
+  margin-bottom: 0;
   min-width: 150px;
   vertical-align: bottom;
 }
 .e-treeview .e-list-text .e-input-group .e-input {
   height: 28px;
+  padding-top: 6px;
+  padding-bottom: 6px;
 }
 .e-treeview .e-navigable-text {
-  padding: 0 8px;
+  padding: 7px 8px;
 }
 .e-treeview .e-list-icon,
 .e-treeview .e-list-img {
@@ -29787,11 +29790,11 @@ body.e-colorpicker-overflow {
 }
 .e-treeview .e-list-icon + .e-list-text,
 .e-treeview .e-list-img + .e-list-text {
-  padding: 0 8px;
+  padding: 7px 8px;
 }
 .e-treeview .e-list-icon + .e-navigable-text,
 .e-treeview .e-list-img + .e-navigable-text {
-  padding: 0 8px;
+  padding: 7px 8px;
 }
 .e-treeview .e-icon-collapsible,
 .e-treeview .e-icon-expandable {
@@ -30302,7 +30305,7 @@ body.e-colorpicker-overflow {
 }
 .e-bigger .e-treeview .e-fullrow,
 .e-treeview.e-bigger .e-fullrow {
-  height: 42px;
+  height: 40px;
 }
 .e-bigger .e-treeview.e-text-wrap .e-checkbox-wrapper + .e-list-text,
 .e-treeview.e-bigger.e-text-wrap .e-checkbox-wrapper + .e-list-text {
@@ -30334,12 +30337,20 @@ body.e-colorpicker-overflow {
 }
 .e-bigger .e-treeview .e-list-text .e-input-group,
 .e-treeview.e-bigger .e-list-text .e-input-group {
-  height: 40px;
+  height: 36px;
+  padding-top: 6px;
+  padding-bottom: 6px;
+  margin-top: 2px;
+  margin-bottom: 2px;
 }
 .e-bigger .e-treeview .e-list-text .e-input-group .e-input,
 .e-treeview.e-bigger .e-list-text .e-input-group .e-input {
   height: 36px;
 }
+.e-bigger .e-treeview .e-list-text .e-input-group .e-input,
+.e-treeview.e-bigger .e-list-text .e-input-group .e-input {
+  height: 24px;
+}
 .e-bigger .e-treeview .e-checkbox-wrapper,
 .e-treeview.e-bigger .e-checkbox-wrapper {
   margin: 0 0 0 12px;
@@ -30833,7 +30844,6 @@ ejs-sidebar {
 .e-menu-wrapper .e-ul .e-menu-item .e-caret,
 .e-menu-container .e-ul .e-menu-item .e-caret {
   font-size: 14px;
-  line-height: 35px;
 }
 
 .e-menu-wrapper.e-menu-icon-right .e-menu-header .e-menu-icon,
@@ -52076,10 +52086,10 @@ ejs-filemanager {
 .e-btn-group input:disabled + label.e-btn.e-outline.e-primary,
 .e-css.e-btn-group .e-btn:disabled.e-outline.e-primary,
 .e-css.e-btn-group input:disabled + label.e-btn.e-outline.e-primary {
-  background: rgba(13, 110, 253, 0.65);
+  background: transparent;
   border-color: rgba(13, 110, 253, 0.65);
   box-shadow: none;
-  color: rgba(255, 255, 255, 0.65);
+  color: rgba(13, 110, 253, 0.65);
   border-color: #0d6efd;
 }
 .e-btn-group .e-btn:disabled.e-outline.e-success,
@@ -59924,10 +59934,10 @@ span.e-table-box.e-rbox-select {
 .e-toast-container .e-toast .e-toast-message .e-toast-title:first-child,
 .e-toast-container .e-toast .e-toast-message .e-toast-content:first-child {
   padding: 0;
-  padding-bottom: 12px;
+  padding-bottom: 8px;
   padding-left: 12px;
   padding-right: 12px;
-  padding-top: 12px;
+  padding-top: 8px;
 }
 .e-toast-container .e-toast .e-toast-message .e-toast-title:last-child,
 .e-toast-container .e-toast .e-toast-message .e-toast-content:last-child {
@@ -59967,7 +59977,7 @@ span.e-table-box.e-rbox-select {
 }
 .e-toast-container .e-toast.e-toast-header-icon .e-toast-message .e-toast-title:first-child,
 .e-toast-container .e-toast.e-toast-header-icon .e-toast-message .e-toast-content:first-child {
-  padding-left: 48px;
+  padding-left: 44px;
 }
 .e-toast-container .e-toast.e-toast-header-close-icon .e-toast-message .e-toast-title:first-child,
 .e-toast-container .e-toast.e-toast-header-close-icon .e-toast-message .e-toast-content:first-child {
@@ -59988,14 +59998,16 @@ span.e-table-box.e-rbox-select {
 }
 .e-toast-container .e-toast .e-toast-icon {
   align-items: center;
-  font-size: 14px;
-  height: 20px;
+  font-size: 18px;
+  height: 18px;
   justify-content: center;
   margin-right: 14px;
-  width: 20px;
-  left: 16px;
-  margin-left: 13px;
-  margin-top: 13px;
+  width: 18px;
+  left: 0;
+  margin-left: 12px;
+  margin-top: 10px;
+  padding-bottom: 6px;
+  position: absolute;
 }
 .e-toast-container .e-toast .e-toast-progress {
   bottom: 0;
@@ -60298,12 +60310,13 @@ span.e-table-box.e-rbox-select {
 }
 .e-bigger .e-toast-container .e-toast .e-toast-icon,
 .e-toast-container.e-bigger .e-toast .e-toast-icon {
-  font-size: 18px;
-  height: 24px;
+  font-size: 20px;
+  height: 20px;
   margin-right: 16px;
-  width: 24px;
-  left: 18px;
-  margin-top: 13px;
+  width: 20px;
+  left: 0;
+  margin-top: 14px;
+  margin-left: 12px;
 }
 .e-bigger .e-toast-container .e-toast .e-toast-progress,
 .e-toast-container.e-bigger .e-toast .e-toast-progress {

package/Compiled-Themes/bootstrap5-lite.css

@@ -7791,10 +7791,10 @@ button .e-badge.e-badge-circle.e-badge-ghost {
 .e-btn.e-outline.e-primary:disabled, .e-btn.e-outline.e-primary.e-disabled,
 .e-css.e-btn.e-outline.e-primary:disabled,
 .e-css.e-btn.e-outline.e-primary.e-disabled {
-  background: rgba(13, 110, 253, 0.65);
+  background: transparent;
   border-color: rgba(13, 110, 253, 0.65);
   box-shadow: none;
-  color: rgba(255, 255, 255, 0.65);
+  color: rgba(13, 110, 253, 0.65);
 }
 .e-btn.e-outline.e-success,
 .e-css.e-btn.e-outline.e-success {
@@ -22094,10 +22094,8 @@ body.e-colorpicker-overflow {
 }
 .e-treeview .e-list-item {
   list-style: none;
-  padding: 2px 0;
 }
 .e-treeview .e-list-item .e-ul {
-  margin: 2px 0 -2px;
   padding: 0 0 0 20px;
 }
 .e-treeview .e-list-item.e-disable > .e-text-content,
@@ -22121,6 +22119,10 @@ body.e-colorpicker-overflow {
 .e-treeview .e-list-item .e-icons.e-icons-spinner::before {
   content: none;
 }
+.e-treeview .e-list-item .e-text-content .e-list-text:has(> .e-input-group) {
+  padding-top: 3px;
+  padding-bottom: 3px;
+}
 .e-treeview .e-icons .e-spinner-pane {
   position: relative;
 }
@@ -22135,7 +22137,6 @@ body.e-colorpicker-overflow {
   -ms-user-select: none;
   -webkit-user-select: none;
   user-select: none;
-  border: 1px solid;
   cursor: pointer;
   margin: 0;
   padding: 0 0 0 20px;
@@ -22171,7 +22172,7 @@ body.e-colorpicker-overflow {
   margin: 0 0 0 8px;
 }
 .e-treeview .e-checkbox-wrapper + .e-list-text {
-  padding: 0 8px;
+  padding: 7px 8px;
 }
 .e-treeview .e-checkbox-wrapper .e-ripple-container {
   bottom: -7px;
@@ -22184,24 +22185,26 @@ body.e-colorpicker-overflow {
 .e-treeview .e-list-text {
   box-sizing: border-box;
   display: inline-block;
-  line-height: 34px;
+  line-height: 22px;
   margin: 0;
-  min-height: 34px;
-  padding: 0 8px;
+  min-height: 22px;
+  padding: 7px 8px;
   text-decoration: none;
   vertical-align: middle;
 }
 .e-treeview .e-list-text .e-input-group {
   height: 30px;
-  margin-bottom: 2px;
+  margin-bottom: 0;
   min-width: 150px;
   vertical-align: bottom;
 }
 .e-treeview .e-list-text .e-input-group .e-input {
   height: 28px;
+  padding-top: 6px;
+  padding-bottom: 6px;
 }
 .e-treeview .e-navigable-text {
-  padding: 0 8px;
+  padding: 7px 8px;
 }
 .e-treeview .e-list-icon,
 .e-treeview .e-list-img {
@@ -22218,11 +22221,11 @@ body.e-colorpicker-overflow {
 }
 .e-treeview .e-list-icon + .e-list-text,
 .e-treeview .e-list-img + .e-list-text {
-  padding: 0 8px;
+  padding: 7px 8px;
 }
 .e-treeview .e-list-icon + .e-navigable-text,
 .e-treeview .e-list-img + .e-navigable-text {
-  padding: 0 8px;
+  padding: 7px 8px;
 }
 .e-treeview .e-icon-collapsible,
 .e-treeview .e-icon-expandable {
@@ -23019,7 +23022,6 @@ ejs-sidebar {
 .e-menu-wrapper .e-ul .e-menu-item .e-caret,
 .e-menu-container .e-ul .e-menu-item .e-caret {
   font-size: 14px;
-  line-height: 35px;
 }
 
 .e-menu-wrapper.e-menu-icon-right .e-menu-header .e-menu-icon,
@@ -39802,10 +39804,10 @@ ejs-filemanager {
 .e-btn-group input:disabled + label.e-btn.e-outline.e-primary,
 .e-css.e-btn-group .e-btn:disabled.e-outline.e-primary,
 .e-css.e-btn-group input:disabled + label.e-btn.e-outline.e-primary {
-  background: rgba(13, 110, 253, 0.65);
+  background: transparent;
   border-color: rgba(13, 110, 253, 0.65);
   box-shadow: none;
-  color: rgba(255, 255, 255, 0.65);
+  color: rgba(13, 110, 253, 0.65);
   border-color: #0d6efd;
 }
 .e-btn-group .e-btn:disabled.e-outline.e-success,
@@ -46687,10 +46689,10 @@ span.e-table-box.e-rbox-select {
 .e-toast-container .e-toast .e-toast-message .e-toast-title:first-child,
 .e-toast-container .e-toast .e-toast-message .e-toast-content:first-child {
   padding: 0;
-  padding-bottom: 12px;
+  padding-bottom: 8px;
   padding-left: 12px;
   padding-right: 12px;
-  padding-top: 12px;
+  padding-top: 8px;
 }
 .e-toast-container .e-toast .e-toast-message .e-toast-title:last-child,
 .e-toast-container .e-toast .e-toast-message .e-toast-content:last-child {
@@ -46730,7 +46732,7 @@ span.e-table-box.e-rbox-select {
 }
 .e-toast-container .e-toast.e-toast-header-icon .e-toast-message .e-toast-title:first-child,
 .e-toast-container .e-toast.e-toast-header-icon .e-toast-message .e-toast-content:first-child {
-  padding-left: 48px;
+  padding-left: 44px;
 }
 .e-toast-container .e-toast.e-toast-header-close-icon .e-toast-message .e-toast-title:first-child,
 .e-toast-container .e-toast.e-toast-header-close-icon .e-toast-message .e-toast-content:first-child {
@@ -46751,14 +46753,16 @@ span.e-table-box.e-rbox-select {
 }
 .e-toast-container .e-toast .e-toast-icon {
   align-items: center;
-  font-size: 14px;
-  height: 20px;
+  font-size: 18px;
+  height: 18px;
   justify-content: center;
   margin-right: 14px;
-  width: 20px;
-  left: 16px;
-  margin-left: 13px;
-  margin-top: 13px;
+  width: 18px;
+  left: 0;
+  margin-left: 12px;
+  margin-top: 10px;
+  padding-bottom: 6px;
+  position: absolute;
 }
 .e-toast-container .e-toast .e-toast-progress {
   bottom: 0;