@syncfusion/ej2-angular-kanban 20.4.54 → 21.1.35-ngcc

package/styles/kanban/fabric.css

@@ -259,7 +259,7 @@
   background: #ffcdd2;
 }
 .e-kanban .e-kanban-header .e-header-cells.e-collapsed {
-  background-color: #f4f4f4;
+  background: #f4f4f4;
   text-align: center;
   width: 50px;
 }
@@ -551,7 +551,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: #f4f4f4;
+  background: #f4f4f4;
   border: 1px dashed #dadada;
 }
 .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-wrapper .e-target-dropped-clone,
@@ -726,7 +726,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%;
@@ -911,7 +911,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);
@@ -936,7 +936,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;
   border: 0;
 }
 .e-mobile-popup-wrapper.e-device .e-popup-content,
@@ -999,7 +999,7 @@
   background: #fff;
 }
 .e-kanban .e-kanban-table .e-header-cells {
-  background-color: #f4f4f4;
+  background: #f4f4f4;
 }
 .e-kanban .e-kanban-table .e-header-cells .e-header-text {
   color: #333;
@@ -1025,20 +1025,20 @@
   color: rgba(51, 51, 51, 0.54);
 }
 .e-kanban .e-kanban-table.e-content-table .e-content-row:not(.e-swimlane-row) td {
-  background-color: #f4f4f4;
+  background: #f4f4f4;
 }
 .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: #333;
 }
 .e-kanban .e-kanban-table.e-content-table .e-content-row .e-show-add-button:hover {
-  background-color: rgba(0, 120, 214, 0.1);
+  background: rgba(0, 120, 214, 0.1);
 }
 .e-kanban .e-kanban-table.e-content-table .e-content-row .e-show-add-button .e-show-add-icon {
   color: #0078d6;
 }
 .e-kanban .e-kanban-table.e-content-table .e-card.e-selection {
-  background-color: #d1ebff;
+  background: #d1ebff;
 }
 .e-kanban .e-kanban-table.e-content-table .e-card .e-card-header {
   color: #333;
@@ -1047,7 +1047,7 @@
   color: #767676;
 }
 .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 {
@@ -1071,7 +1071,7 @@
 }
 
 .e-kanban-dialog.e-dialog .e-kanban-form-wrapper table textarea {
-  background-color: initial;
+  background: initial;
   color: #333;
   min-width: 70%;
   font-weight: normal;

package/styles/kanban/fabric.scss

@@ -1,15 +1 @@
-@import 'ej2-base/styles/fabric-definition.scss';
-@import 'ej2-buttons/styles/button/fabric-definition.scss';
-@import 'ej2-dropdowns/styles/drop-down-list/fabric-definition.scss';
-@import 'ej2-dropdowns/styles/multi-select/fabric-definition.scss';
-@import 'ej2-inputs/styles/numerictextbox/fabric-definition.scss';
-@import 'ej2-inputs/styles/textbox/fabric-definition.scss';
-@import 'ej2-layouts/styles/card/fabric-definition.scss';
-@import 'ej2-navigations/styles/treeview/fabric-definition.scss';
-@import 'ej2-popups/styles/dialog/fabric-definition.scss';
-@import 'ej2-popups/styles/popup/fabric-definition.scss';
-@import 'ej2-popups/styles/spinner/fabric-definition.scss';
-@import 'ej2-popups/styles/tooltip/fabric-definition.scss';
-@import 'fabric-definition.scss';
-@import 'icons/fabric.scss';
-@import 'all.scss';
+@import 'ej2-kanban/styles/kanban/fabric.scss';

package/styles/kanban/fluent-dark.css

@@ -327,7 +327,7 @@
   background: #750b1c;
 }
 .e-kanban .e-kanban-header .e-header-cells.e-collapsed {
-  background-color: #201f1e;
+  background: #201f1e;
   text-align: center;
   width: 42px;
 }
@@ -619,7 +619,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: #252423;
+  background: #252423;
   border: 1px dashed #797775;
 }
 .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-wrapper .e-target-dropped-clone,
@@ -794,7 +794,7 @@
   position: absolute;
 }
 .e-kanban.e-device .e-swimlane-content .e-swimlane-overlay.e-enable {
-  background-color: rgba(0, 0, 0, 0.4);
+  background: rgba(0, 0, 0, 0.4);
   height: 100%;
   opacity: 1;
   width: 100%;
@@ -979,7 +979,7 @@
 
 .e-mobile-popup-wrapper.e-device,
 .e-mobile-popup-container.e-device {
-  background-color: #1b1a19;
+  background: #1b1a19;
   border-radius: 2px;
   bottom: 0;
   box-shadow: 0 25.6px 57.6px 0 rgba(0, 0, 0, 0.22), 0 4.8px 14.4px 0 rgba(0, 0, 0, 0.18);
@@ -1004,7 +1004,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 {
@@ -1066,7 +1066,7 @@
   background: #1b1a19;
 }
 .e-kanban .e-kanban-table .e-header-cells {
-  background-color: #201f1e;
+  background: #201f1e;
 }
 .e-kanban .e-kanban-table .e-header-cells .e-header-text {
   color: #d2d0ce;
@@ -1092,14 +1092,14 @@
   color: #a19f9d;
 }
 .e-kanban .e-kanban-table.e-content-table .e-content-row:not(.e-swimlane-row) td {
-  background-color: #201f1e;
+  background: #201f1e;
 }
 .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: #f3f2f1;
 }
 .e-kanban .e-kanban-table.e-content-table .e-content-row .e-show-add-button:hover {
-  background-color: #004578;
+  background: #004578;
 }
 .e-kanban .e-kanban-table.e-content-table .e-content-row .e-show-add-button .e-show-add-icon {
   color: #0078d4;
@@ -1108,7 +1108,7 @@
   background: #252423;
 }
 .e-kanban .e-kanban-table.e-content-table .e-card.e-selection {
-  background-color: #252423;
+  background: #252423;
 }
 .e-kanban .e-kanban-table.e-content-table .e-card .e-card-header {
   color: #f3f2f1;
@@ -1117,7 +1117,7 @@
   color: #d2d0ce;
 }
 .e-kanban .e-kanban-table.e-content-table .e-card .e-card-tag.e-card-label {
-  background-color: #292827;
+  background: #292827;
   color: #f3f2f1;
 }
 .e-kanban .e-kanban-table.e-content-table .e-target-multi-clone .e-column-key.e-multi-active {
@@ -1141,7 +1141,7 @@
 }
 
 .e-kanban-dialog.e-dialog .e-kanban-form-wrapper table textarea {
-  background-color: #1b1a19;
+  background: #1b1a19;
   color: #d2d0ce;
   min-width: 70%;
 }

package/styles/kanban/fluent-dark.scss

@@ -1,15 +1 @@
-@import 'ej2-base/styles/fluent-dark-definition.scss';
-@import 'ej2-buttons/styles/button/fluent-dark-definition.scss';
-@import 'ej2-dropdowns/styles/drop-down-list/fluent-dark-definition.scss';
-@import 'ej2-dropdowns/styles/multi-select/fluent-dark-definition.scss';
-@import 'ej2-inputs/styles/numerictextbox/fluent-dark-definition.scss';
-@import 'ej2-inputs/styles/textbox/fluent-dark-definition.scss';
-@import 'ej2-layouts/styles/card/fluent-dark-definition.scss';
-@import 'ej2-navigations/styles/treeview/fluent-dark-definition.scss';
-@import 'ej2-popups/styles/dialog/fluent-dark-definition.scss';
-@import 'ej2-popups/styles/popup/fluent-dark-definition.scss';
-@import 'ej2-popups/styles/spinner/fluent-dark-definition.scss';
-@import 'ej2-popups/styles/tooltip/fluent-dark-definition.scss';
-@import 'fluent-dark-definition.scss';
-@import 'icons/fluent-dark.scss';
-@import 'all.scss';
+@import 'ej2-kanban/styles/kanban/fluent-dark.scss';

package/styles/kanban/fluent.css

@@ -327,7 +327,7 @@
   background: #fed9cc;
 }
 .e-kanban .e-kanban-header .e-header-cells.e-collapsed {
-  background-color: #faf9f8;
+  background: #faf9f8;
   text-align: center;
   width: 42px;
 }
@@ -619,7 +619,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: #f3f2f1;
+  background: #f3f2f1;
   border: 1px dashed #c8c6c4;
 }
 .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-wrapper .e-target-dropped-clone,
@@ -794,7 +794,7 @@
   position: absolute;
 }
 .e-kanban.e-device .e-swimlane-content .e-swimlane-overlay.e-enable {
-  background-color: rgba(0, 0, 0, 0.4);
+  background: rgba(0, 0, 0, 0.4);
   height: 100%;
   opacity: 1;
   width: 100%;
@@ -979,7 +979,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 25.6px 57.6px 0 rgba(0, 0, 0, 0.22), 0 4.8px 14.4px 0 rgba(0, 0, 0, 0.18);
@@ -1004,7 +1004,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 {
@@ -1066,7 +1066,7 @@
   background: #fff;
 }
 .e-kanban .e-kanban-table .e-header-cells {
-  background-color: #faf9f8;
+  background: #faf9f8;
 }
 .e-kanban .e-kanban-table .e-header-cells .e-header-text {
   color: #323130;
@@ -1092,14 +1092,14 @@
   color: #605e5c;
 }
 .e-kanban .e-kanban-table.e-content-table .e-content-row:not(.e-swimlane-row) td {
-  background-color: #faf9f8;
+  background: #faf9f8;
 }
 .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: #201f1e;
 }
 .e-kanban .e-kanban-table.e-content-table .e-content-row .e-show-add-button:hover {
-  background-color: #deecf9;
+  background: #deecf9;
 }
 .e-kanban .e-kanban-table.e-content-table .e-content-row .e-show-add-button .e-show-add-icon {
   color: #0078d4;
@@ -1108,7 +1108,7 @@
   background: #fff;
 }
 .e-kanban .e-kanban-table.e-content-table .e-card.e-selection {
-  background-color: #fff;
+  background: #fff;
 }
 .e-kanban .e-kanban-table.e-content-table .e-card .e-card-header {
   color: #201f1e;
@@ -1117,7 +1117,7 @@
   color: #323130;
 }
 .e-kanban .e-kanban-table.e-content-table .e-card .e-card-tag.e-card-label {
-  background-color: #edebe9;
+  background: #edebe9;
   color: #201f1e;
 }
 .e-kanban .e-kanban-table.e-content-table .e-target-multi-clone .e-column-key.e-multi-active {
@@ -1141,7 +1141,7 @@
 }
 
 .e-kanban-dialog.e-dialog .e-kanban-form-wrapper table textarea {
-  background-color: #fff;
+  background: #fff;
   color: #323130;
   min-width: 70%;
 }

package/styles/kanban/fluent.scss

@@ -1,15 +1 @@
-@import 'ej2-base/styles/fluent-definition.scss';
-@import 'ej2-buttons/styles/button/fluent-definition.scss';
-@import 'ej2-dropdowns/styles/drop-down-list/fluent-definition.scss';
-@import 'ej2-dropdowns/styles/multi-select/fluent-definition.scss';
-@import 'ej2-inputs/styles/numerictextbox/fluent-definition.scss';
-@import 'ej2-inputs/styles/textbox/fluent-definition.scss';
-@import 'ej2-layouts/styles/card/fluent-definition.scss';
-@import 'ej2-navigations/styles/treeview/fluent-definition.scss';
-@import 'ej2-popups/styles/dialog/fluent-definition.scss';
-@import 'ej2-popups/styles/popup/fluent-definition.scss';
-@import 'ej2-popups/styles/spinner/fluent-definition.scss';
-@import 'ej2-popups/styles/tooltip/fluent-definition.scss';
-@import 'fluent-definition.scss';
-@import 'icons/fluent.scss';
-@import 'all.scss';
+@import 'ej2-kanban/styles/kanban/fluent.scss';

package/styles/kanban/highcontrast-light.css

@@ -344,7 +344,7 @@
   background: #811d17;
 }
 .e-kanban .e-kanban-header .e-header-cells.e-collapsed {
-  background-color: #e4e4e4;
+  background: #e4e4e4;
   text-align: center;
   width: 50px;
 }
@@ -636,7 +636,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: #e4e4e4;
+  background: #e4e4e4;
   border: 1px dashed #757575;
 }
 .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-wrapper .e-target-dropped-clone,
@@ -652,7 +652,6 @@
 .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-target-multi-clone .e-column-key .e-text {
   opacity: 0.5;
   text-align: center;
-  color: #000;
 }
 .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-target-multi-clone .e-column-key:first-child {
   border-top: 1px dashed #757575;
@@ -812,7 +811,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%;
@@ -997,7 +996,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);
@@ -1022,7 +1021,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 {
@@ -1084,7 +1083,7 @@
   background: #fff;
 }
 .e-kanban .e-kanban-table .e-header-cells {
-  background-color: #e4e4e4;
+  background: #e4e4e4;
 }
 .e-kanban .e-kanban-table .e-header-cells .e-header-text {
   color: #000;
@@ -1110,20 +1109,20 @@
   color: #000;
 }
 .e-kanban .e-kanban-table.e-content-table .e-content-row:not(.e-swimlane-row) td {
-  background-color: #e4e4e4;
+  background: #e4e4e4;
 }
 .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: #000;
 }
 .e-kanban .e-kanban-table.e-content-table .e-content-row .e-show-add-button:hover {
-  background-color: rgba(64, 0, 116, 0.5);
+  background: rgba(64, 0, 116, 0.5);
 }
 .e-kanban .e-kanban-table.e-content-table .e-content-row .e-show-add-button .e-show-add-icon {
   color: #400074;
 }
 .e-kanban .e-kanban-table.e-content-table .e-card.e-selection {
-  background-color: #400074;
+  background: #400074;
 }
 .e-kanban .e-kanban-table.e-content-table .e-card .e-card-header {
   color: #000;
@@ -1132,7 +1131,7 @@
   color: #4f4f4f;
 }
 .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 {
@@ -1156,10 +1155,9 @@
 }
 
 .e-kanban-dialog.e-dialog .e-kanban-form-wrapper table textarea {
-  background-color: initial;
+  background: initial;
   color: #000;
   min-width: 70%;
-  font-weight: normal;
 }
 .e-kanban-dialog.e-dialog .e-kanban-form-wrapper table textarea:focus {
   box-shadow: none;

package/styles/kanban/highcontrast-light.scss

@@ -1,15 +1 @@
-@import 'ej2-base/styles/highcontrast-light-definition.scss';
-@import 'ej2-buttons/styles/button/highcontrast-light-definition.scss';
-@import 'ej2-dropdowns/styles/drop-down-list/highcontrast-light-definition.scss';
-@import 'ej2-dropdowns/styles/multi-select/highcontrast-light-definition.scss';
-@import 'ej2-inputs/styles/numerictextbox/highcontrast-light-definition.scss';
-@import 'ej2-inputs/styles/textbox/highcontrast-light-definition.scss';
-@import 'ej2-layouts/styles/card/highcontrast-light-definition.scss';
-@import 'ej2-navigations/styles/treeview/highcontrast-light-definition.scss';
-@import 'ej2-popups/styles/dialog/highcontrast-light-definition.scss';
-@import 'ej2-popups/styles/popup/highcontrast-light-definition.scss';
-@import 'ej2-popups/styles/spinner/highcontrast-light-definition.scss';
-@import 'ej2-popups/styles/tooltip/highcontrast-light-definition.scss';
-@import 'highcontrast-light-definition.scss';
-@import 'icons/highcontrast-light.scss';
-@import 'all.scss';
+@import 'ej2-kanban/styles/kanban/highcontrast-light.scss';

package/styles/kanban/highcontrast.css

@@ -345,7 +345,7 @@
   background: #811d17;
 }
 .e-kanban .e-kanban-header .e-header-cells.e-collapsed {
-  background-color: #1a1a1a;
+  background: #1a1a1a;
   text-align: center;
   width: 50px;
 }
@@ -637,7 +637,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: #1a1a1a;
+  background: #1a1a1a;
   border: 1px dashed #969696;
 }
 .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-wrapper .e-target-dropped-clone,
@@ -813,7 +813,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%;
@@ -998,7 +998,7 @@
 
 .e-mobile-popup-wrapper.e-device,
 .e-mobile-popup-container.e-device {
-  background-color: #000;
+  background: #000;
   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);
@@ -1023,7 +1023,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 {
@@ -1085,7 +1085,7 @@
   background: #000;
 }
 .e-kanban .e-kanban-table .e-header-cells {
-  background-color: #1a1a1a;
+  background: #1a1a1a;
 }
 .e-kanban .e-kanban-table .e-header-cells .e-header-text {
   color: #fff;
@@ -1111,20 +1111,20 @@
   color: #fff;
 }
 .e-kanban .e-kanban-table.e-content-table .e-content-row:not(.e-swimlane-row) td {
-  background-color: #1a1a1a;
+  background: #1a1a1a;
 }
 .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(255, 217, 57, 0.5);
+  background: rgba(255, 217, 57, 0.5);
 }
 .e-kanban .e-kanban-table.e-content-table .e-content-row .e-show-add-button .e-show-add-icon {
   color: #ffd939;
 }
 .e-kanban .e-kanban-table.e-content-table .e-card.e-selection {
-  background-color: #000;
+  background: #000;
 }
 .e-kanban .e-kanban-table.e-content-table .e-card .e-card-header {
   color: #fff;
@@ -1133,7 +1133,7 @@
   color: #969696;
 }
 .e-kanban .e-kanban-table.e-content-table .e-card .e-card-tag.e-card-label {
-  background-color: #292f5c;
+  background: #292f5c;
   color: #94a0ff;
 }
 .e-kanban .e-kanban-table.e-content-table .e-target-multi-clone .e-column-key.e-multi-active {
@@ -1157,7 +1157,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/kanban/highcontrast.scss

@@ -1,15 +1 @@
-@import 'ej2-base/styles/highcontrast-definition.scss';
-@import 'ej2-buttons/styles/button/highcontrast-definition.scss';
-@import 'ej2-dropdowns/styles/drop-down-list/highcontrast-definition.scss';
-@import 'ej2-dropdowns/styles/multi-select/highcontrast-definition.scss';
-@import 'ej2-inputs/styles/numerictextbox/highcontrast-definition.scss';
-@import 'ej2-inputs/styles/textbox/highcontrast-definition.scss';
-@import 'ej2-layouts/styles/card/highcontrast-definition.scss';
-@import 'ej2-navigations/styles/treeview/highcontrast-definition.scss';
-@import 'ej2-popups/styles/dialog/highcontrast-definition.scss';
-@import 'ej2-popups/styles/popup/highcontrast-definition.scss';
-@import 'ej2-popups/styles/spinner/highcontrast-definition.scss';
-@import 'ej2-popups/styles/tooltip/highcontrast-definition.scss';
-@import 'highcontrast-definition.scss';
-@import 'icons/highcontrast.scss';
-@import 'all.scss';
+@import 'ej2-kanban/styles/kanban/highcontrast.scss';

package/styles/kanban/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/kanban/material-dark.scss

@@ -1,15 +1 @@
-@import 'ej2-base/styles/material-dark-definition.scss';
-@import 'ej2-buttons/styles/button/material-dark-definition.scss';
-@import 'ej2-dropdowns/styles/drop-down-list/material-dark-definition.scss';
-@import 'ej2-dropdowns/styles/multi-select/material-dark-definition.scss';
-@import 'ej2-inputs/styles/numerictextbox/material-dark-definition.scss';
-@import 'ej2-inputs/styles/textbox/material-dark-definition.scss';
-@import 'ej2-layouts/styles/card/material-dark-definition.scss';
-@import 'ej2-navigations/styles/treeview/material-dark-definition.scss';
-@import 'ej2-popups/styles/dialog/material-dark-definition.scss';
-@import 'ej2-popups/styles/popup/material-dark-definition.scss';
-@import 'ej2-popups/styles/spinner/material-dark-definition.scss';
-@import 'ej2-popups/styles/tooltip/material-dark-definition.scss';
-@import 'material-dark-definition.scss';
-@import 'icons/material-dark.scss';
-@import 'all.scss';
+@import 'ej2-kanban/styles/kanban/material-dark.scss';