@syncfusion/ej2-angular-kanban 20.4.54 → 21.1.35

package/styles/kanban/tailwind.css

@@ -292,7 +292,7 @@
   background: #fee2e2;
 }
 .e-kanban .e-kanban-header .e-header-cells.e-collapsed {
-  background-color: #f3f4f6;
+  background: #f3f4f6;
   text-align: center;
   width: 42px;
 }
@@ -584,7 +584,7 @@
 }
 .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-wrapper .e-target-dragged-clone,
 .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-container .e-target-dragged-clone {
-  background-color: #e5e7eb;
+  background: #e5e7eb;
   border: 1px dashed #9ca3af;
 }
 .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-wrapper .e-target-dropped-clone,
@@ -762,7 +762,7 @@
   position: absolute;
 }
 .e-kanban.e-device .e-swimlane-content .e-swimlane-overlay.e-enable {
-  background-color: rgba(107, 114, 128, 0.75);
+  background: rgba(107, 114, 128, 0.75);
   height: 100%;
   opacity: 1;
   width: 100%;
@@ -948,7 +948,7 @@
 
 .e-mobile-popup-wrapper.e-device,
 .e-mobile-popup-container.e-device {
-  background-color: #fff;
+  background: #fff;
   border-radius: 2px;
   bottom: 0;
   box-shadow: 0 24px 38px 3px rgba(0, 0, 0, 0.14), 0 9px 46px 8px rgba(0, 0, 0, 0.12), 0 11px 15px -7px rgba(0, 0, 0, 0.2);
@@ -973,7 +973,7 @@
 }
 .e-mobile-popup-wrapper.e-device .e-popup-header .e-close,
 .e-mobile-popup-container.e-device .e-popup-header .e-close {
-  background-color: transparent;
+  background: transparent;
 }
 .e-mobile-popup-wrapper.e-device .e-popup-content,
 .e-mobile-popup-container.e-device .e-popup-content {
@@ -1035,7 +1035,7 @@
   background: #fff;
 }
 .e-kanban .e-kanban-table .e-header-cells {
-  background-color: #f3f4f6;
+  background: #f3f4f6;
 }
 .e-kanban .e-kanban-table .e-header-cells .e-header-text {
   color: #6b7280;
@@ -1061,14 +1061,14 @@
   color: #4f46e5;
 }
 .e-kanban .e-kanban-table.e-content-table .e-content-row:not(.e-swimlane-row) td {
-  background-color: #f3f4f6;
+  background: #f3f4f6;
 }
 .e-kanban .e-kanban-table.e-content-table .e-content-row.e-swimlane-row .e-swimlane-text,
 .e-kanban .e-kanban-table.e-content-table .e-content-row.e-swimlane-row .e-item-count {
   color: #111827;
 }
 .e-kanban .e-kanban-table.e-content-table .e-content-row .e-show-add-button:hover {
-  background-color: #e0e7ff;
+  background: #e0e7ff;
 }
 .e-kanban .e-kanban-table.e-content-table .e-content-row .e-show-add-button .e-show-add-icon {
   color: #4f46e5;
@@ -1077,7 +1077,7 @@
   background: #fff;
 }
 .e-kanban .e-kanban-table.e-content-table .e-card.e-selection {
-  background-color: #f3f4f6;
+  background: #f3f4f6;
 }
 .e-kanban .e-kanban-table.e-content-table .e-card .e-card-header {
   color: #111827;
@@ -1086,7 +1086,7 @@
   color: #374151;
 }
 .e-kanban .e-kanban-table.e-content-table .e-card .e-card-tag.e-card-label {
-  background-color: #e5e7eb;
+  background: #e5e7eb;
   color: #111827;
 }
 .e-kanban .e-kanban-table.e-content-table .e-target-multi-clone .e-column-key.e-multi-active {
@@ -1110,7 +1110,7 @@
 }
 
 .e-kanban-dialog.e-dialog .e-kanban-form-wrapper table textarea {
-  background-color: initial;
+  background: initial;
   color: #111827;
   min-width: 70%;
   font-weight: normal;

package/styles/material-dark.css

@@ -274,7 +274,7 @@
   background: #ffcdd2;
 }
 .e-kanban .e-kanban-header .e-header-cells.e-collapsed {
-  background-color: rgba(0, 0, 0, 0.16);
+  background: rgba(0, 0, 0, 0.16);
   text-align: center;
   width: 50px;
 }
@@ -566,7 +566,7 @@
 }
 .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-wrapper .e-target-dragged-clone,
 .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-container .e-target-dragged-clone {
-  background-color: #f5f5f5;
+  background: #f5f5f5;
   border: 1px dashed #9e9e9e;
 }
 .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-wrapper .e-target-dropped-clone,
@@ -741,7 +741,7 @@
   position: absolute;
 }
 .e-kanban.e-device .e-swimlane-content .e-swimlane-overlay.e-enable {
-  background-color: #383838;
+  background: #383838;
   height: 100%;
   opacity: 0.5;
   width: 100%;
@@ -926,7 +926,7 @@
 
 .e-mobile-popup-wrapper.e-device,
 .e-mobile-popup-container.e-device {
-  background-color: #303030;
+  background: #303030;
   border-radius: 2px;
   bottom: 0;
   box-shadow: 0 24px 38px 3px rgba(0, 0, 0, 0.14), 0 9px 46px 8px rgba(0, 0, 0, 0.12), 0 11px 15px -7px rgba(0, 0, 0, 0.2);
@@ -951,7 +951,7 @@
 }
 .e-mobile-popup-wrapper.e-device .e-popup-header .e-close,
 .e-mobile-popup-container.e-device .e-popup-header .e-close {
-  background-color: transparent;
+  background: transparent;
 }
 .e-mobile-popup-wrapper.e-device .e-popup-content,
 .e-mobile-popup-container.e-device .e-popup-content {
@@ -1013,7 +1013,7 @@
   background: #303030;
 }
 .e-kanban .e-kanban-table .e-header-cells {
-  background-color: rgba(0, 0, 0, 0.16);
+  background: rgba(0, 0, 0, 0.16);
 }
 .e-kanban .e-kanban-table .e-header-cells .e-header-text {
   color: #fff;
@@ -1039,20 +1039,20 @@
   color: rgba(0, 0, 0, 0.54);
 }
 .e-kanban .e-kanban-table.e-content-table .e-content-row:not(.e-swimlane-row) td {
-  background-color: rgba(0, 0, 0, 0.16);
+  background: rgba(0, 0, 0, 0.16);
 }
 .e-kanban .e-kanban-table.e-content-table .e-content-row.e-swimlane-row .e-swimlane-text,
 .e-kanban .e-kanban-table.e-content-table .e-content-row.e-swimlane-row .e-item-count {
   color: #fff;
 }
 .e-kanban .e-kanban-table.e-content-table .e-content-row .e-show-add-button:hover {
-  background-color: rgba(63, 81, 181, 0.1);
+  background: rgba(63, 81, 181, 0.1);
 }
 .e-kanban .e-kanban-table.e-content-table .e-content-row .e-show-add-button .e-show-add-icon {
   color: #3f51b5;
 }
 .e-kanban .e-kanban-table.e-content-table .e-card.e-selection {
-  background-color: #757575;
+  background: #757575;
 }
 .e-kanban .e-kanban-table.e-content-table .e-card .e-card-header {
   color: #fff;
@@ -1061,7 +1061,7 @@
   color: rgba(255, 255, 255, 0.7);
 }
 .e-kanban .e-kanban-table.e-content-table .e-card .e-card-tag.e-card-label {
-  background-color: #eceaff;
+  background: #eceaff;
   color: #3225c9;
 }
 .e-kanban .e-kanban-table.e-content-table .e-target-multi-clone .e-column-key.e-multi-active {
@@ -1085,7 +1085,7 @@
 }
 
 .e-kanban-dialog.e-dialog .e-kanban-form-wrapper table textarea {
-  background-color: initial;
+  background: initial;
   color: #fff;
   min-width: 70%;
 }

package/styles/material.css

@@ -298,7 +298,7 @@
   background: #ffcdd2;
 }
 .e-kanban .e-kanban-header .e-header-cells.e-collapsed {
-  background-color: #f5f5f5;
+  background: #f5f5f5;
   text-align: center;
   width: 50px;
 }
@@ -590,7 +590,7 @@
 }
 .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-wrapper .e-target-dragged-clone,
 .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-container .e-target-dragged-clone {
-  background-color: #f5f5f5;
+  background: #f5f5f5;
   border: 1px dashed #9e9e9e;
 }
 .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-wrapper .e-target-dropped-clone,
@@ -765,7 +765,7 @@
   position: absolute;
 }
 .e-kanban.e-device .e-swimlane-content .e-swimlane-overlay.e-enable {
-  background-color: #383838;
+  background: #383838;
   height: 100%;
   opacity: 0.5;
   width: 100%;
@@ -950,7 +950,7 @@
 
 .e-mobile-popup-wrapper.e-device,
 .e-mobile-popup-container.e-device {
-  background-color: #fff;
+  background: #fff;
   border-radius: 2px;
   bottom: 0;
   box-shadow: 0 24px 38px 3px rgba(0, 0, 0, 0.14), 0 9px 46px 8px rgba(0, 0, 0, 0.12), 0 11px 15px -7px rgba(0, 0, 0, 0.2);
@@ -975,7 +975,7 @@
 }
 .e-mobile-popup-wrapper.e-device .e-popup-header .e-close,
 .e-mobile-popup-container.e-device .e-popup-header .e-close {
-  background-color: transparent;
+  background: transparent;
 }
 .e-mobile-popup-wrapper.e-device .e-popup-content,
 .e-mobile-popup-container.e-device .e-popup-content {
@@ -1037,7 +1037,7 @@
   background: #fff;
 }
 .e-kanban .e-kanban-table .e-header-cells {
-  background-color: #f5f5f5;
+  background: #f5f5f5;
 }
 .e-kanban .e-kanban-table .e-header-cells .e-header-text {
   color: rgba(0, 0, 0, 0.87);
@@ -1063,20 +1063,20 @@
   color: rgba(0, 0, 0, 0.54);
 }
 .e-kanban .e-kanban-table.e-content-table .e-content-row:not(.e-swimlane-row) td {
-  background-color: #f5f5f5;
+  background: #f5f5f5;
 }
 .e-kanban .e-kanban-table.e-content-table .e-content-row.e-swimlane-row .e-swimlane-text,
 .e-kanban .e-kanban-table.e-content-table .e-content-row.e-swimlane-row .e-item-count {
   color: rgba(0, 0, 0, 0.87);
 }
 .e-kanban .e-kanban-table.e-content-table .e-content-row .e-show-add-button:hover {
-  background-color: rgba(63, 81, 181, 0.1);
+  background: rgba(63, 81, 181, 0.1);
 }
 .e-kanban .e-kanban-table.e-content-table .e-content-row .e-show-add-button .e-show-add-icon {
   color: #3f51b5;
 }
 .e-kanban .e-kanban-table.e-content-table .e-card.e-selection {
-  background-color: #eee;
+  background: #eee;
 }
 .e-kanban .e-kanban-table.e-content-table .e-card .e-card-header {
   color: rgba(0, 0, 0, 0.87);
@@ -1085,7 +1085,7 @@
   color: rgba(0, 0, 0, 0.6);
 }
 .e-kanban .e-kanban-table.e-content-table .e-card .e-card-tag.e-card-label {
-  background-color: #eceaff;
+  background: #eceaff;
   color: #3225c9;
 }
 .e-kanban .e-kanban-table.e-content-table .e-target-multi-clone .e-column-key.e-multi-active {
@@ -1109,7 +1109,7 @@
 }
 
 .e-kanban-dialog.e-dialog .e-kanban-form-wrapper table textarea {
-  background-color: initial;
+  background: initial;
   color: rgba(0, 0, 0, 0.87);
   min-width: 70%;
 }

package/styles/tailwind-dark.css

@@ -292,7 +292,7 @@
   background: #fee2e2;
 }
 .e-kanban .e-kanban-header .e-header-cells.e-collapsed {
-  background-color: #374151;
+  background: #374151;
   text-align: center;
   width: 42px;
 }
@@ -584,7 +584,7 @@
 }
 .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-wrapper .e-target-dragged-clone,
 .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-container .e-target-dragged-clone {
-  background-color: #4b5563;
+  background: #4b5563;
   border: 1px dashed #9ca3af;
 }
 .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-wrapper .e-target-dropped-clone,
@@ -762,7 +762,7 @@
   position: absolute;
 }
 .e-kanban.e-device .e-swimlane-content .e-swimlane-overlay.e-enable {
-  background-color: rgba(107, 114, 128, 0.75);
+  background: rgba(107, 114, 128, 0.75);
   height: 100%;
   opacity: 1;
   width: 100%;
@@ -948,7 +948,7 @@
 
 .e-mobile-popup-wrapper.e-device,
 .e-mobile-popup-container.e-device {
-  background-color: #1f2937;
+  background: #1f2937;
   border-radius: 2px;
   bottom: 0;
   box-shadow: 0 24px 38px 3px rgba(0, 0, 0, 0.14), 0 9px 46px 8px rgba(0, 0, 0, 0.12), 0 11px 15px -7px rgba(0, 0, 0, 0.2);
@@ -973,7 +973,7 @@
 }
 .e-mobile-popup-wrapper.e-device .e-popup-header .e-close,
 .e-mobile-popup-container.e-device .e-popup-header .e-close {
-  background-color: transparent;
+  background: transparent;
 }
 .e-mobile-popup-wrapper.e-device .e-popup-content,
 .e-mobile-popup-container.e-device .e-popup-content {
@@ -1035,7 +1035,7 @@
   background: #1f2937;
 }
 .e-kanban .e-kanban-table .e-header-cells {
-  background-color: #374151;
+  background: #374151;
 }
 .e-kanban .e-kanban-table .e-header-cells .e-header-text {
   color: #9ca3af;
@@ -1061,14 +1061,14 @@
   color: #22d3ee;
 }
 .e-kanban .e-kanban-table.e-content-table .e-content-row:not(.e-swimlane-row) td {
-  background-color: #374151;
+  background: #374151;
 }
 .e-kanban .e-kanban-table.e-content-table .e-content-row.e-swimlane-row .e-swimlane-text,
 .e-kanban .e-kanban-table.e-content-table .e-content-row.e-swimlane-row .e-item-count {
   color: #fff;
 }
 .e-kanban .e-kanban-table.e-content-table .e-content-row .e-show-add-button:hover {
-  background-color: #155e75;
+  background: #155e75;
 }
 .e-kanban .e-kanban-table.e-content-table .e-content-row .e-show-add-button .e-show-add-icon {
   color: #22d3ee;
@@ -1077,7 +1077,7 @@
   background: #1f2937;
 }
 .e-kanban .e-kanban-table.e-content-table .e-card.e-selection {
-  background-color: #374151;
+  background: #374151;
 }
 .e-kanban .e-kanban-table.e-content-table .e-card .e-card-header {
   color: #fff;
@@ -1086,7 +1086,7 @@
   color: #d1d5db;
 }
 .e-kanban .e-kanban-table.e-content-table .e-card .e-card-tag.e-card-label {
-  background-color: #4b5563;
+  background: #4b5563;
   color: #fff;
 }
 .e-kanban .e-kanban-table.e-content-table .e-target-multi-clone .e-column-key.e-multi-active {
@@ -1110,7 +1110,7 @@
 }
 
 .e-kanban-dialog.e-dialog .e-kanban-form-wrapper table textarea {
-  background-color: initial;
+  background: initial;
   color: #fff;
   min-width: 70%;
   font-weight: normal;

package/styles/tailwind.css

@@ -292,7 +292,7 @@
   background: #fee2e2;
 }
 .e-kanban .e-kanban-header .e-header-cells.e-collapsed {
-  background-color: #f3f4f6;
+  background: #f3f4f6;
   text-align: center;
   width: 42px;
 }
@@ -584,7 +584,7 @@
 }
 .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-wrapper .e-target-dragged-clone,
 .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-container .e-target-dragged-clone {
-  background-color: #e5e7eb;
+  background: #e5e7eb;
   border: 1px dashed #9ca3af;
 }
 .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-wrapper .e-target-dropped-clone,
@@ -762,7 +762,7 @@
   position: absolute;
 }
 .e-kanban.e-device .e-swimlane-content .e-swimlane-overlay.e-enable {
-  background-color: rgba(107, 114, 128, 0.75);
+  background: rgba(107, 114, 128, 0.75);
   height: 100%;
   opacity: 1;
   width: 100%;
@@ -948,7 +948,7 @@
 
 .e-mobile-popup-wrapper.e-device,
 .e-mobile-popup-container.e-device {
-  background-color: #fff;
+  background: #fff;
   border-radius: 2px;
   bottom: 0;
   box-shadow: 0 24px 38px 3px rgba(0, 0, 0, 0.14), 0 9px 46px 8px rgba(0, 0, 0, 0.12), 0 11px 15px -7px rgba(0, 0, 0, 0.2);
@@ -973,7 +973,7 @@
 }
 .e-mobile-popup-wrapper.e-device .e-popup-header .e-close,
 .e-mobile-popup-container.e-device .e-popup-header .e-close {
-  background-color: transparent;
+  background: transparent;
 }
 .e-mobile-popup-wrapper.e-device .e-popup-content,
 .e-mobile-popup-container.e-device .e-popup-content {
@@ -1035,7 +1035,7 @@
   background: #fff;
 }
 .e-kanban .e-kanban-table .e-header-cells {
-  background-color: #f3f4f6;
+  background: #f3f4f6;
 }
 .e-kanban .e-kanban-table .e-header-cells .e-header-text {
   color: #6b7280;
@@ -1061,14 +1061,14 @@
   color: #4f46e5;
 }
 .e-kanban .e-kanban-table.e-content-table .e-content-row:not(.e-swimlane-row) td {
-  background-color: #f3f4f6;
+  background: #f3f4f6;
 }
 .e-kanban .e-kanban-table.e-content-table .e-content-row.e-swimlane-row .e-swimlane-text,
 .e-kanban .e-kanban-table.e-content-table .e-content-row.e-swimlane-row .e-item-count {
   color: #111827;
 }
 .e-kanban .e-kanban-table.e-content-table .e-content-row .e-show-add-button:hover {
-  background-color: #e0e7ff;
+  background: #e0e7ff;
 }
 .e-kanban .e-kanban-table.e-content-table .e-content-row .e-show-add-button .e-show-add-icon {
   color: #4f46e5;
@@ -1077,7 +1077,7 @@
   background: #fff;
 }
 .e-kanban .e-kanban-table.e-content-table .e-card.e-selection {
-  background-color: #f3f4f6;
+  background: #f3f4f6;
 }
 .e-kanban .e-kanban-table.e-content-table .e-card .e-card-header {
   color: #111827;
@@ -1086,7 +1086,7 @@
   color: #374151;
 }
 .e-kanban .e-kanban-table.e-content-table .e-card .e-card-tag.e-card-label {
-  background-color: #e5e7eb;
+  background: #e5e7eb;
   color: #111827;
 }
 .e-kanban .e-kanban-table.e-content-table .e-target-multi-clone .e-column-key.e-multi-active {
@@ -1110,7 +1110,7 @@
 }
 
 .e-kanban-dialog.e-dialog .e-kanban-form-wrapper table textarea {
-  background-color: initial;
+  background: initial;
   color: #111827;
   min-width: 70%;
   font-weight: normal;