@syncfusion/ej2-angular-kanban 20.2.38-ngcc → 20.2.43

package/styles/kanban/fabric-dark.scss

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

package/styles/kanban/fabric.css

@@ -91,7 +91,9 @@
   margin: 2px 2px 2px 0;
 }
 
-/*! component's theme wise override material-definitions and variables */ /*! TreeView's fabric theme wise override definitions and variables */
+/* stylelint-disable-line no-empty-source */ /*! component's theme wise override material-definitions and variables */ /*! TreeView's fabric theme wise override definitions and variables */
+/* stylelint-disable */
+/* stylelint-disable property-no-vendor-prefix */
 @keyframes material-spinner-rotate {
   0% {
     transform: rotate(0);
@@ -176,7 +178,7 @@
 }
 .e-kanban .e-frozen-swimlane-row .e-frozen-row .e-swimlane-header .e-swimlane-text {
   font-size: 14px;
-  font-weight: 400;
+  font-weight: normal;
   line-height: 20px;
   padding: 2px;
 }
@@ -366,7 +368,7 @@
 .e-kanban .e-kanban-content .e-content-row .e-content-cells.e-collapsed .e-collapse-header-text .e-item-count {
   display: inline-block;
   font-size: 13px;
-  font-weight: 400;
+  font-weight: normal;
   opacity: 0.57;
 }
 .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-show-add-button {
@@ -602,7 +604,7 @@
 }
 .e-kanban .e-kanban-content .e-content-row.e-swimlane-row .e-content-cells .e-swimlane-header .e-swimlane-text {
   font-size: 14px;
-  font-weight: 400;
+  font-weight: normal;
   line-height: 20px;
   padding: 2px;
 }
@@ -949,15 +951,15 @@
   width: 100%;
 }
 
-.e-kanban-dialog {
+.e-kanban-dialog.e-dialog {
   min-width: 350px;
 }
-.e-kanban-dialog .e-kanban-form-wrapper table,
-.e-kanban-dialog .e-kanban-form-container table {
+.e-kanban-dialog.e-dialog .e-kanban-form-wrapper table,
+.e-kanban-dialog.e-dialog .e-kanban-form-container table {
   width: 100%;
 }
-.e-kanban-dialog .e-kanban-form-wrapper table td,
-.e-kanban-dialog .e-kanban-form-container table td {
+.e-kanban-dialog.e-dialog .e-kanban-form-wrapper table td,
+.e-kanban-dialog.e-dialog .e-kanban-form-container table td {
   color: inherit;
   font-size: 14px;
   font-weight: 400;
@@ -967,17 +969,17 @@
   padding: 5px 0;
   text-align: left;
 }
-.e-kanban-dialog .e-kanban-form-wrapper table .e-label,
-.e-kanban-dialog .e-kanban-form-container table .e-label {
+.e-kanban-dialog.e-dialog .e-kanban-form-wrapper table .e-label,
+.e-kanban-dialog.e-dialog .e-kanban-form-container table .e-label {
   padding-right: 10px;
   vertical-align: top;
   width: 70px;
 }
-.e-kanban-dialog .e-kanban-form-wrapper table .e-field,
-.e-kanban-dialog .e-kanban-form-container table .e-field {
+.e-kanban-dialog.e-dialog .e-kanban-form-wrapper table .e-field,
+.e-kanban-dialog.e-dialog .e-kanban-form-container table .e-field {
   width: 100%;
 }
-.e-kanban-dialog .e-footer-content .e-dialog-delete.e-btn {
+.e-kanban-dialog.e-dialog .e-footer-content .e-dialog-delete.e-btn {
   float: left;
   margin-left: 0;
 }
@@ -1068,12 +1070,12 @@
   color: #333;
 }
 
-.e-kanban-dialog .e-kanban-form-wrapper table textarea {
+.e-kanban-dialog.e-dialog .e-kanban-form-wrapper table textarea {
   background-color: initial;
   color: #333;
   min-width: 70%;
-  font-weight: 400;
+  font-weight: normal;
 }
-.e-kanban-dialog .e-kanban-form-wrapper table textarea:focus {
+.e-kanban-dialog.e-dialog .e-kanban-form-wrapper table textarea:focus {
   box-shadow: none;
 }

package/styles/kanban/fabric.scss

@@ -1 +1,15 @@
-@import 'ej2-kanban/styles/kanban/fabric.scss';
+@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';

package/styles/kanban/fluent-dark.css

@@ -159,7 +159,10 @@
   border-left-width: 0;
 }
 
-/*! TreeView's bootstrap5 theme wise override definitions and variables */
+/* stylelint-disable-line no-empty-source */ /*! TreeView's bootstrap5 theme wise override definitions and variables */
+/* stylelint-disable */
+/* stylelint-disable-line no-empty-source */
+/* stylelint-disable property-no-vendor-prefix */
 @keyframes material-spinner-rotate {
   0% {
     transform: rotate(0);
@@ -243,7 +246,7 @@
 }
 .e-kanban .e-frozen-swimlane-row .e-frozen-row .e-swimlane-header .e-swimlane-text {
   font-size: 14px;
-  font-weight: 400;
+  font-weight: normal;
   line-height: 1.5;
   padding: 0 0 0 8px;
 }
@@ -433,7 +436,7 @@
 .e-kanban .e-kanban-content .e-content-row .e-content-cells.e-collapsed .e-collapse-header-text .e-item-count {
   display: inline-block;
   font-size: 13px;
-  font-weight: 400;
+  font-weight: normal;
   opacity: 0.57;
 }
 .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-show-add-button {
@@ -669,7 +672,7 @@
 }
 .e-kanban .e-kanban-content .e-content-row.e-swimlane-row .e-content-cells .e-swimlane-header .e-swimlane-text {
   font-size: 14px;
-  font-weight: 400;
+  font-weight: normal;
   line-height: 1.5;
   padding: 2px;
 }
@@ -1015,15 +1018,15 @@
   width: 100%;
 }
 
-.e-kanban-dialog {
+.e-kanban-dialog.e-dialog {
   min-width: 350px;
 }
-.e-kanban-dialog .e-kanban-form-wrapper table,
-.e-kanban-dialog .e-kanban-form-container table {
+.e-kanban-dialog.e-dialog .e-kanban-form-wrapper table,
+.e-kanban-dialog.e-dialog .e-kanban-form-container table {
   width: 100%;
 }
-.e-kanban-dialog .e-kanban-form-wrapper table td,
-.e-kanban-dialog .e-kanban-form-container table td {
+.e-kanban-dialog.e-dialog .e-kanban-form-wrapper table td,
+.e-kanban-dialog.e-dialog .e-kanban-form-container table td {
   color: #c8c6c4;
   font-size: 14px;
   font-weight: 600;
@@ -1033,17 +1036,17 @@
   padding: 8px 0;
   text-align: left;
 }
-.e-kanban-dialog .e-kanban-form-wrapper table .e-label,
-.e-kanban-dialog .e-kanban-form-container table .e-label {
+.e-kanban-dialog.e-dialog .e-kanban-form-wrapper table .e-label,
+.e-kanban-dialog.e-dialog .e-kanban-form-container table .e-label {
   padding-right: 10px;
   vertical-align: top;
   width: 70px;
 }
-.e-kanban-dialog .e-kanban-form-wrapper table .e-field,
-.e-kanban-dialog .e-kanban-form-container table .e-field {
+.e-kanban-dialog.e-dialog .e-kanban-form-wrapper table .e-field,
+.e-kanban-dialog.e-dialog .e-kanban-form-container table .e-field {
   width: 100%;
 }
-.e-kanban-dialog .e-footer-content .e-dialog-delete.e-btn {
+.e-kanban-dialog.e-dialog .e-footer-content .e-dialog-delete.e-btn {
   float: left;
   margin-left: 0;
 }
@@ -1137,11 +1140,11 @@
   color: #a19f9d;
 }
 
-.e-kanban-dialog .e-kanban-form-wrapper table textarea {
+.e-kanban-dialog.e-dialog .e-kanban-form-wrapper table textarea {
   background-color: #1b1a19;
   color: #d2d0ce;
   min-width: 70%;
 }
-.e-kanban-dialog .e-kanban-form-wrapper table textarea:focus {
+.e-kanban-dialog.e-dialog .e-kanban-form-wrapper table textarea:focus {
   box-shadow: 0 3.2px 7.2px 0 rgba(0, 0, 0, 0.132), 0 0.6px 1.8px 0 rgba(0, 0, 0, 0.108);
 }

package/styles/kanban/fluent-dark.scss

@@ -1 +1,15 @@
-@import 'ej2-kanban/styles/kanban/fluent-dark.scss';
+@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';

package/styles/kanban/fluent.css

@@ -159,7 +159,10 @@
   border-left-width: 0;
 }
 
-/*! TreeView's bootstrap5 theme wise override definitions and variables */
+/* stylelint-disable-line no-empty-source */ /*! TreeView's bootstrap5 theme wise override definitions and variables */
+/* stylelint-disable */
+/* stylelint-disable-line no-empty-source */
+/* stylelint-disable property-no-vendor-prefix */
 @keyframes material-spinner-rotate {
   0% {
     transform: rotate(0);
@@ -243,7 +246,7 @@
 }
 .e-kanban .e-frozen-swimlane-row .e-frozen-row .e-swimlane-header .e-swimlane-text {
   font-size: 14px;
-  font-weight: 400;
+  font-weight: normal;
   line-height: 1.5;
   padding: 0 0 0 8px;
 }
@@ -433,7 +436,7 @@
 .e-kanban .e-kanban-content .e-content-row .e-content-cells.e-collapsed .e-collapse-header-text .e-item-count {
   display: inline-block;
   font-size: 13px;
-  font-weight: 400;
+  font-weight: normal;
   opacity: 0.57;
 }
 .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-show-add-button {
@@ -669,7 +672,7 @@
 }
 .e-kanban .e-kanban-content .e-content-row.e-swimlane-row .e-content-cells .e-swimlane-header .e-swimlane-text {
   font-size: 14px;
-  font-weight: 400;
+  font-weight: normal;
   line-height: 1.5;
   padding: 2px;
 }
@@ -1015,15 +1018,15 @@
   width: 100%;
 }
 
-.e-kanban-dialog {
+.e-kanban-dialog.e-dialog {
   min-width: 350px;
 }
-.e-kanban-dialog .e-kanban-form-wrapper table,
-.e-kanban-dialog .e-kanban-form-container table {
+.e-kanban-dialog.e-dialog .e-kanban-form-wrapper table,
+.e-kanban-dialog.e-dialog .e-kanban-form-container table {
   width: 100%;
 }
-.e-kanban-dialog .e-kanban-form-wrapper table td,
-.e-kanban-dialog .e-kanban-form-container table td {
+.e-kanban-dialog.e-dialog .e-kanban-form-wrapper table td,
+.e-kanban-dialog.e-dialog .e-kanban-form-container table td {
   color: #3b3a39;
   font-size: 14px;
   font-weight: 600;
@@ -1033,17 +1036,17 @@
   padding: 8px 0;
   text-align: left;
 }
-.e-kanban-dialog .e-kanban-form-wrapper table .e-label,
-.e-kanban-dialog .e-kanban-form-container table .e-label {
+.e-kanban-dialog.e-dialog .e-kanban-form-wrapper table .e-label,
+.e-kanban-dialog.e-dialog .e-kanban-form-container table .e-label {
   padding-right: 10px;
   vertical-align: top;
   width: 70px;
 }
-.e-kanban-dialog .e-kanban-form-wrapper table .e-field,
-.e-kanban-dialog .e-kanban-form-container table .e-field {
+.e-kanban-dialog.e-dialog .e-kanban-form-wrapper table .e-field,
+.e-kanban-dialog.e-dialog .e-kanban-form-container table .e-field {
   width: 100%;
 }
-.e-kanban-dialog .e-footer-content .e-dialog-delete.e-btn {
+.e-kanban-dialog.e-dialog .e-footer-content .e-dialog-delete.e-btn {
   float: left;
   margin-left: 0;
 }
@@ -1137,11 +1140,11 @@
   color: #605e5c;
 }
 
-.e-kanban-dialog .e-kanban-form-wrapper table textarea {
+.e-kanban-dialog.e-dialog .e-kanban-form-wrapper table textarea {
   background-color: #fff;
   color: #323130;
   min-width: 70%;
 }
-.e-kanban-dialog .e-kanban-form-wrapper table textarea:focus {
+.e-kanban-dialog.e-dialog .e-kanban-form-wrapper table textarea:focus {
   box-shadow: 0 3.2px 7.2px 0 rgba(0, 0, 0, 0.132), 0 0.6px 1.8px 0 rgba(0, 0, 0, 0.108);
 }

package/styles/kanban/fluent.scss

@@ -1 +1,15 @@
-@import 'ej2-kanban/styles/kanban/fluent.scss';
+@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';

package/styles/kanban/highcontrast-light.css

@@ -80,6 +80,9 @@
   color: #000;
   top: 12px;
 }
+.e-multiselect .e-multi-select-wrapper input {
+  /* stylelint-disable property-no-vendor-prefix */
+}
 .e-multiselect .e-multi-select-wrapper input.e-dropdownbase:-moz-placeholder {
   color: #4f4f4f;
   font-family: inherit;
@@ -172,8 +175,10 @@
   width: 30px;
 }
 
-/*! component's default definitions and variables */
+/* stylelint-disable-line no-empty-source */ /*! component's default definitions and variables */
 /*! component's theme wise override material-definitions and variables */
+/* stylelint-disable */
+/* stylelint-disable property-no-vendor-prefix */
 @keyframes material-spinner-rotate {
   0% {
     transform: rotate(0);
@@ -258,7 +263,7 @@
 }
 .e-kanban .e-frozen-swimlane-row .e-frozen-row .e-swimlane-header .e-swimlane-text {
   font-size: 14px;
-  font-weight: 400;
+  font-weight: normal;
   line-height: 20px;
   padding: 2px;
 }
@@ -448,7 +453,7 @@
 .e-kanban .e-kanban-content .e-content-row .e-content-cells.e-collapsed .e-collapse-header-text .e-item-count {
   display: inline-block;
   font-size: 13px;
-  font-weight: 400;
+  font-weight: normal;
   opacity: 0.57;
 }
 .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-show-add-button {
@@ -685,7 +690,7 @@
 }
 .e-kanban .e-kanban-content .e-content-row.e-swimlane-row .e-content-cells .e-swimlane-header .e-swimlane-text {
   font-size: 14px;
-  font-weight: 400;
+  font-weight: normal;
   line-height: 20px;
   padding: 2px;
 }
@@ -1031,15 +1036,15 @@
   width: 100%;
 }
 
-.e-kanban-dialog {
+.e-kanban-dialog.e-dialog {
   min-width: 350px;
 }
-.e-kanban-dialog .e-kanban-form-wrapper table,
-.e-kanban-dialog .e-kanban-form-container table {
+.e-kanban-dialog.e-dialog .e-kanban-form-wrapper table,
+.e-kanban-dialog.e-dialog .e-kanban-form-container table {
   width: 100%;
 }
-.e-kanban-dialog .e-kanban-form-wrapper table td,
-.e-kanban-dialog .e-kanban-form-container table td {
+.e-kanban-dialog.e-dialog .e-kanban-form-wrapper table td,
+.e-kanban-dialog.e-dialog .e-kanban-form-container table td {
   color: inherit;
   font-size: 14px;
   font-weight: 400;
@@ -1049,17 +1054,17 @@
   padding: 5px 0;
   text-align: left;
 }
-.e-kanban-dialog .e-kanban-form-wrapper table .e-label,
-.e-kanban-dialog .e-kanban-form-container table .e-label {
+.e-kanban-dialog.e-dialog .e-kanban-form-wrapper table .e-label,
+.e-kanban-dialog.e-dialog .e-kanban-form-container table .e-label {
   padding-right: 10px;
   vertical-align: top;
   width: 70px;
 }
-.e-kanban-dialog .e-kanban-form-wrapper table .e-field,
-.e-kanban-dialog .e-kanban-form-container table .e-field {
+.e-kanban-dialog.e-dialog .e-kanban-form-wrapper table .e-field,
+.e-kanban-dialog.e-dialog .e-kanban-form-container table .e-field {
   width: 100%;
 }
-.e-kanban-dialog .e-footer-content .e-dialog-delete.e-btn {
+.e-kanban-dialog.e-dialog .e-footer-content .e-dialog-delete.e-btn {
   float: left;
   margin-left: 0;
 }
@@ -1150,12 +1155,12 @@
   color: #000;
 }
 
-.e-kanban-dialog .e-kanban-form-wrapper table textarea {
+.e-kanban-dialog.e-dialog .e-kanban-form-wrapper table textarea {
   background-color: initial;
   color: #000;
   min-width: 70%;
-  font-weight: 400;
+  font-weight: normal;
 }
-.e-kanban-dialog .e-kanban-form-wrapper table textarea:focus {
+.e-kanban-dialog.e-dialog .e-kanban-form-wrapper table textarea:focus {
   box-shadow: none;
 }

package/styles/kanban/highcontrast-light.scss

@@ -1 +1,15 @@
-@import 'ej2-kanban/styles/kanban/highcontrast-light.scss';
+@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';

package/styles/kanban/highcontrast.css

@@ -80,6 +80,9 @@
   color: #fff;
   top: 12px;
 }
+.e-multiselect .e-multi-select-wrapper input {
+  /* stylelint-disable property-no-vendor-prefix */
+}
 .e-multiselect .e-multi-select-wrapper input.e-dropdownbase:-moz-placeholder {
   color: #969696;
   font-family: inherit;
@@ -174,7 +177,9 @@
   width: 30px;
 }
 
-/*! component's theme wise override material-definitions and variables */ /*! TreeView's high contrast theme wise override definitions and variables */
+/* stylelint-disable-line no-empty-source */ /*! component's theme wise override material-definitions and variables */ /*! TreeView's high contrast theme wise override definitions and variables */
+/* stylelint-disable */
+/* stylelint-disable property-no-vendor-prefix */
 @keyframes material-spinner-rotate {
   0% {
     transform: rotate(0);
@@ -259,7 +264,7 @@
 }
 .e-kanban .e-frozen-swimlane-row .e-frozen-row .e-swimlane-header .e-swimlane-text {
   font-size: 14px;
-  font-weight: 400;
+  font-weight: normal;
   line-height: 20px;
   padding: 2px;
 }
@@ -449,7 +454,7 @@
 .e-kanban .e-kanban-content .e-content-row .e-content-cells.e-collapsed .e-collapse-header-text .e-item-count {
   display: inline-block;
   font-size: 13px;
-  font-weight: 400;
+  font-weight: normal;
   opacity: 0.57;
 }
 .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-show-add-button {
@@ -686,7 +691,7 @@
 }
 .e-kanban .e-kanban-content .e-content-row.e-swimlane-row .e-content-cells .e-swimlane-header .e-swimlane-text {
   font-size: 14px;
-  font-weight: 400;
+  font-weight: normal;
   line-height: 20px;
   padding: 2px;
 }
@@ -1032,15 +1037,15 @@
   width: 100%;
 }
 
-.e-kanban-dialog {
+.e-kanban-dialog.e-dialog {
   min-width: 350px;
 }
-.e-kanban-dialog .e-kanban-form-wrapper table,
-.e-kanban-dialog .e-kanban-form-container table {
+.e-kanban-dialog.e-dialog .e-kanban-form-wrapper table,
+.e-kanban-dialog.e-dialog .e-kanban-form-container table {
   width: 100%;
 }
-.e-kanban-dialog .e-kanban-form-wrapper table td,
-.e-kanban-dialog .e-kanban-form-container table td {
+.e-kanban-dialog.e-dialog .e-kanban-form-wrapper table td,
+.e-kanban-dialog.e-dialog .e-kanban-form-container table td {
   color: inherit;
   font-size: 14px;
   font-weight: 400;
@@ -1050,17 +1055,17 @@
   padding: 5px 0;
   text-align: left;
 }
-.e-kanban-dialog .e-kanban-form-wrapper table .e-label,
-.e-kanban-dialog .e-kanban-form-container table .e-label {
+.e-kanban-dialog.e-dialog .e-kanban-form-wrapper table .e-label,
+.e-kanban-dialog.e-dialog .e-kanban-form-container table .e-label {
   padding-right: 10px;
   vertical-align: top;
   width: 70px;
 }
-.e-kanban-dialog .e-kanban-form-wrapper table .e-field,
-.e-kanban-dialog .e-kanban-form-container table .e-field {
+.e-kanban-dialog.e-dialog .e-kanban-form-wrapper table .e-field,
+.e-kanban-dialog.e-dialog .e-kanban-form-container table .e-field {
   width: 100%;
 }
-.e-kanban-dialog .e-footer-content .e-dialog-delete.e-btn {
+.e-kanban-dialog.e-dialog .e-footer-content .e-dialog-delete.e-btn {
   float: left;
   margin-left: 0;
 }
@@ -1151,12 +1156,12 @@
   color: #fff;
 }
 
-.e-kanban-dialog .e-kanban-form-wrapper table textarea {
+.e-kanban-dialog.e-dialog .e-kanban-form-wrapper table textarea {
   background-color: initial;
   color: #fff;
   min-width: 70%;
-  font-weight: 400;
+  font-weight: normal;
 }
-.e-kanban-dialog .e-kanban-form-wrapper table textarea:focus {
+.e-kanban-dialog.e-dialog .e-kanban-form-wrapper table textarea:focus {
   box-shadow: none;
 }

package/styles/kanban/highcontrast.scss

@@ -1 +1,15 @@
-@import 'ej2-kanban/styles/kanban/highcontrast.scss';
+@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';

package/styles/kanban/icons/_bootstrap-dark.scss

@@ -0,0 +1,47 @@
+@include export-module('kanban-bootstrap-dark-icons') {
+  .e-kanban {
+    .e-column-expand::before {
+      content: '\e654';
+    }
+
+    .e-column-collapse::before {
+      content: '\e653';
+    }
+
+    .e-swimlane-row-expand::before {
+      content: '\e652';
+    }
+
+    .e-swimlane-row-collapse::before {
+      content: '\e653';
+    }
+
+    .e-show-add-icon::before {
+      content: '\e823';
+    }
+
+    .e-swimlane-header-toolbar {
+      & .e-icon-menu::before {
+        content: '\e941';
+      }
+    }
+
+    &.e-rtl {
+      .e-column-collapse::before {
+        content: '\e654';
+      }
+
+      .e-column-expand::before {
+        content: '\e653';
+      }
+
+      .e-swimlane-row-collapse::before {
+        content: '\e654';
+      }
+    }
+  }
+
+  .e-mobile-popup-wrapper .e-close-icon::before {
+    content: '\e96c';
+  }
+}