@syncfusion/blazor-themes 31.1.18 → 31.1.20

package/Compiled-Themes/bootstrap5-lite.css

@@ -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,
@@ -22135,7 +22133,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;
@@ -22193,12 +22190,15 @@ body.e-colorpicker-overflow {
 }
 .e-treeview .e-list-text .e-input-group {
   height: 30px;
-  margin-bottom: 2px;
+  margin-bottom: 3px;
+  margin-top: 3px;
   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;
@@ -46687,10 +46687,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 +46730,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 +46751,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.3-dark-lite.css

@@ -22432,10 +22432,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,
@@ -22459,6 +22457,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: 2px;
+  padding-bottom: 2px;
+}
 .e-treeview .e-icons .e-spinner-pane {
   position: relative;
 }
@@ -22473,7 +22475,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;
@@ -22509,7 +22510,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;
@@ -22522,24 +22523,29 @@ 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;
+  height: 32px;
   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;
+  height: 32px;
+  padding-top: 5px;
+  padding-bottom: 5px;
 }
 .e-treeview .e-navigable-text {
-  padding: 0 8px;
+  padding: 7px 8px;
 }
 .e-treeview .e-list-icon,
 .e-treeview .e-list-img {
@@ -22854,6 +22860,12 @@ body.e-colorpicker-overflow {
 .e-treeview .e-list-item.e-active > .e-text-content .e-icon-expandable {
   color: var(--color-sf-content-text-color-selected);
 }
+.e-treeview .e-list-item.e-active > .e-text-content .e-check {
+  border-color: var(--color-sf-content-text-color-selected);
+}
+.e-treeview .e-list-item.e-active > .e-text-content .e-stop {
+  border-color: var(--color-sf-content-text-color-selected);
+}
 .e-treeview .e-list-item.e-active.e-hover > .e-fullrow, .e-treeview .e-list-item.e-active.e-node-focus > .e-fullrow {
   background-color: var(--color-sf-content-bg-color-selected);
   border-color: var(--color-sf-content-bg-color-selected);
@@ -46962,10 +46974,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 {
@@ -47005,7 +47017,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 {
@@ -47026,14 +47038,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;
@@ -47113,7 +47127,7 @@ span.e-table-box.e-rbox-select {
 }
 .e-toast-container .e-toast.e-toast-info .e-toast-message .e-toast-title {
   color: var(--color-sf-info-dark);
-  border-color: var(--color-sf-info-dark);
+  border-color: var(--color-sf-info);
 }
 .e-toast-container .e-toast.e-toast-info .e-toast-message .e-toast-content {
   color: var(--color-sf-info-dark);
@@ -47135,7 +47149,7 @@ span.e-table-box.e-rbox-select {
 }
 .e-toast-container .e-toast.e-toast-warning .e-toast-message .e-toast-title {
   color: var(--color-sf-warning-dark);
-  border-color: var(--color-sf-warning-dark);
+  border-color: var(--color-sf-border-warning);
 }
 .e-toast-container .e-toast.e-toast-warning .e-toast-message .e-toast-content {
   color: var(--color-sf-warning-dark);

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

@@ -29964,10 +29964,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,
@@ -29991,6 +29989,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: 2px;
+  padding-bottom: 2px;
+}
 .e-treeview .e-icons .e-spinner-pane {
   position: relative;
 }
@@ -30005,7 +30007,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;
@@ -30041,7 +30042,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;
@@ -30054,24 +30055,29 @@ 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;
+  height: 32px;
   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;
+  height: 32px;
+  padding-top: 5px;
+  padding-bottom: 5px;
 }
 .e-treeview .e-navigable-text {
-  padding: 0 8px;
+  padding: 7px 8px;
 }
 .e-treeview .e-list-icon,
 .e-treeview .e-list-img {
@@ -30386,6 +30392,12 @@ body.e-colorpicker-overflow {
 .e-treeview .e-list-item.e-active > .e-text-content .e-icon-expandable {
   color: var(--color-sf-content-text-color-selected);
 }
+.e-treeview .e-list-item.e-active > .e-text-content .e-check {
+  border-color: var(--color-sf-content-text-color-selected);
+}
+.e-treeview .e-list-item.e-active > .e-text-content .e-stop {
+  border-color: var(--color-sf-content-text-color-selected);
+}
 .e-treeview .e-list-item.e-active.e-hover > .e-fullrow, .e-treeview .e-list-item.e-active.e-node-focus > .e-fullrow {
   background-color: var(--color-sf-content-bg-color-selected);
   border-color: var(--color-sf-content-bg-color-selected);
@@ -30568,17 +30580,25 @@ body.e-colorpicker-overflow {
 }
 .e-bigger .e-treeview .e-list-text,
 .e-treeview.e-bigger .e-list-text {
-  line-height: 40px;
-  min-height: 40px;
+  line-height: 24px;
+  min-height: 24px;
+  padding: 9px 12px;
 }
 .e-bigger .e-treeview .e-list-text .e-input-group,
 .e-treeview.e-bigger .e-list-text .e-input-group {
-  height: 40px;
+  height: 38px;
 }
 .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 {
+  line-height: 24px;
+  min-height: 24px;
+  padding-top: 7px;
+  padding-bottom: 7px;
+}
 .e-bigger .e-treeview .e-checkbox-wrapper,
 .e-treeview.e-bigger .e-checkbox-wrapper {
   margin: 0 0 0 12px;
@@ -59893,10 +59913,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 {
@@ -59936,7 +59956,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 {
@@ -59957,14 +59977,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;
@@ -60044,7 +60066,7 @@ span.e-table-box.e-rbox-select {
 }
 .e-toast-container .e-toast.e-toast-info .e-toast-message .e-toast-title {
   color: var(--color-sf-info-dark);
-  border-color: var(--color-sf-info-dark);
+  border-color: var(--color-sf-info);
 }
 .e-toast-container .e-toast.e-toast-info .e-toast-message .e-toast-content {
   color: var(--color-sf-info-dark);
@@ -60066,7 +60088,7 @@ span.e-table-box.e-rbox-select {
 }
 .e-toast-container .e-toast.e-toast-warning .e-toast-message .e-toast-title {
   color: var(--color-sf-warning-dark);
-  border-color: var(--color-sf-warning-dark);
+  border-color: var(--color-sf-border-warning);
 }
 .e-toast-container .e-toast.e-toast-warning .e-toast-message .e-toast-content {
   color: var(--color-sf-warning-dark);
@@ -60267,12 +60289,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.3-lite.css

@@ -22728,10 +22728,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,
@@ -22755,6 +22753,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: 2px;
+  padding-bottom: 2px;
+}
 .e-treeview .e-icons .e-spinner-pane {
   position: relative;
 }
@@ -22769,7 +22771,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;
@@ -22805,7 +22806,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;
@@ -22818,24 +22819,29 @@ 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;
+  height: 32px;
   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;
+  height: 32px;
+  padding-top: 5px;
+  padding-bottom: 5px;
 }
 .e-treeview .e-navigable-text {
-  padding: 0 8px;
+  padding: 7px 8px;
 }
 .e-treeview .e-list-icon,
 .e-treeview .e-list-img {
@@ -23150,6 +23156,12 @@ body.e-colorpicker-overflow {
 .e-treeview .e-list-item.e-active > .e-text-content .e-icon-expandable {
   color: var(--color-sf-content-text-color-selected);
 }
+.e-treeview .e-list-item.e-active > .e-text-content .e-check {
+  border-color: var(--color-sf-content-text-color-selected);
+}
+.e-treeview .e-list-item.e-active > .e-text-content .e-stop {
+  border-color: var(--color-sf-content-text-color-selected);
+}
 .e-treeview .e-list-item.e-active.e-hover > .e-fullrow, .e-treeview .e-list-item.e-active.e-node-focus > .e-fullrow {
   background-color: var(--color-sf-content-bg-color-selected);
   border-color: var(--color-sf-content-bg-color-selected);
@@ -47274,10 +47286,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 {
@@ -47317,7 +47329,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 {
@@ -47338,14 +47350,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;
@@ -47425,7 +47439,7 @@ span.e-table-box.e-rbox-select {
 }
 .e-toast-container .e-toast.e-toast-info .e-toast-message .e-toast-title {
   color: var(--color-sf-info-dark);
-  border-color: var(--color-sf-info-dark);
+  border-color: var(--color-sf-info);
 }
 .e-toast-container .e-toast.e-toast-info .e-toast-message .e-toast-content {
   color: var(--color-sf-info-dark);
@@ -47447,7 +47461,7 @@ span.e-table-box.e-rbox-select {
 }
 .e-toast-container .e-toast.e-toast-warning .e-toast-message .e-toast-title {
   color: var(--color-sf-warning-dark);
-  border-color: var(--color-sf-warning-dark);
+  border-color: var(--color-sf-border-warning);
 }
 .e-toast-container .e-toast.e-toast-warning .e-toast-message .e-toast-content {
   color: var(--color-sf-warning-dark);