@syncfusion/ej2-angular-kanban 19.4.47 → 20.1.47

package/styles/kanban/fluent.scss

@@ -0,0 +1 @@
+@import 'ej2-kanban/styles/kanban/fluent.scss';

package/styles/kanban/highcontrast-light.css

@@ -354,6 +354,7 @@
 
 .e-kanban .e-frozen-swimlane-row .e-frozen-row .e-swimlane-header .e-swimlane-row-expand:focus,
 .e-kanban .e-frozen-swimlane-row .e-frozen-row .e-swimlane-header .e-swimlane-row-collapse:focus {
+  background: #ecf;
   box-shadow: none;
 }
 
@@ -1233,7 +1234,7 @@
 .e-kanban-dialog .e-kanban-form-container table .e-label {
   padding-right: 10px;
   vertical-align: top;
-  width: 35px;
+  width: 70px;
 }
 
 .e-kanban-dialog .e-kanban-form-wrapper table .e-field,
@@ -1313,7 +1314,6 @@
 
 .e-kanban .e-kanban-table.e-content-table .e-card.e-selection {
   background-color: #400074;
-  border: 1px solid #400074;
 }
 
 .e-kanban .e-kanban-table.e-content-table .e-card .e-card-header {
@@ -1357,5 +1357,10 @@
 .e-kanban-dialog .e-kanban-form-wrapper table textarea {
   background-color: initial;
   color: #000;
+  min-width: 70%;
   font-weight: 400;
 }
+
+.e-kanban-dialog .e-kanban-form-wrapper table textarea:focus {
+  box-shadow: none;
+}

package/styles/kanban/highcontrast.css

@@ -356,6 +356,7 @@
 
 .e-kanban .e-frozen-swimlane-row .e-frozen-row .e-swimlane-header .e-swimlane-row-expand:focus,
 .e-kanban .e-frozen-swimlane-row .e-frozen-row .e-swimlane-header .e-swimlane-row-collapse:focus {
+  background: #685708;
   box-shadow: none;
 }
 
@@ -1235,7 +1236,7 @@
 .e-kanban-dialog .e-kanban-form-container table .e-label {
   padding-right: 10px;
   vertical-align: top;
-  width: 35px;
+  width: 70px;
 }
 
 .e-kanban-dialog .e-kanban-form-wrapper table .e-field,
@@ -1315,7 +1316,6 @@
 
 .e-kanban .e-kanban-table.e-content-table .e-card.e-selection {
   background-color: #000;
-  border: 1px solid #ffd939;
 }
 
 .e-kanban .e-kanban-table.e-content-table .e-card .e-card-header {
@@ -1359,5 +1359,10 @@
 .e-kanban-dialog .e-kanban-form-wrapper table textarea {
   background-color: initial;
   color: #fff;
+  min-width: 70%;
   font-weight: 400;
 }
+
+.e-kanban-dialog .e-kanban-form-wrapper table textarea:focus {
+  box-shadow: none;
+}

package/styles/kanban/material-dark.css

@@ -246,6 +246,7 @@
 
 .e-kanban .e-frozen-swimlane-row .e-frozen-row .e-swimlane-header .e-swimlane-row-expand:focus,
 .e-kanban .e-frozen-swimlane-row .e-frozen-row .e-swimlane-header .e-swimlane-row-collapse:focus {
+  background: rgba(255, 255, 255, 0.1);
   box-shadow: none;
 }
 
@@ -1124,7 +1125,7 @@
 .e-kanban-dialog .e-kanban-form-container table .e-label {
   padding-right: 10px;
   vertical-align: top;
-  width: 35px;
+  width: 70px;
 }
 
 .e-kanban-dialog .e-kanban-form-wrapper table .e-field,
@@ -1247,4 +1248,9 @@
 .e-kanban-dialog .e-kanban-form-wrapper table textarea {
   background-color: initial;
   color: #fff;
+  min-width: 70%;
+}
+
+.e-kanban-dialog .e-kanban-form-wrapper table textarea:focus {
+  box-shadow: none;
 }

package/styles/kanban/material.css

@@ -271,6 +271,7 @@
 
 .e-kanban .e-frozen-swimlane-row .e-frozen-row .e-swimlane-header .e-swimlane-row-expand:focus,
 .e-kanban .e-frozen-swimlane-row .e-frozen-row .e-swimlane-header .e-swimlane-row-collapse:focus {
+  background: #e0e0e0;
   box-shadow: none;
 }
 
@@ -1149,7 +1150,7 @@
 .e-kanban-dialog .e-kanban-form-container table .e-label {
   padding-right: 10px;
   vertical-align: top;
-  width: 35px;
+  width: 70px;
 }
 
 .e-kanban-dialog .e-kanban-form-wrapper table .e-field,
@@ -1272,4 +1273,9 @@
 .e-kanban-dialog .e-kanban-form-wrapper table textarea {
   background-color: initial;
   color: rgba(0, 0, 0, 0.87);
+  min-width: 70%;
+}
+
+.e-kanban-dialog .e-kanban-form-wrapper table textarea:focus {
+  box-shadow: none;
 }

package/styles/kanban/tailwind-dark.css

@@ -53,6 +53,7 @@
 
 .e-popup.e-ddl .e-dropdownbase {
   min-height: 26px;
+  padding: 4px 0;
 }
 
 .e-bigger .e-popup.e-ddl-device-filter .e-input-group.e-input-focus:not(.e-success):not(.e-warning):not(.e-error) {
@@ -77,24 +78,6 @@
   background-color: #374151;
 }
 
-.e-popup.e-ddl:not(.e-ddl-device) .e-input-group .e-clear-icon {
-  margin: 0;
-  min-height: 12px;
-  min-width: 12px;
-  padding: 6px;
-}
-
-.e-bigger .e-popup.e-ddl:not(.e-ddl-device) .e-input-group .e-clear-icon,
-.e-bigger.e-popup.e-ddl:not(.e-ddl-device) .e-input-group .e-clear-icon {
-  min-height: 16px;
-  min-width: 16px;
-}
-
-.e-bigger .e-popup.e-ddl:not(.e-ddl-device) .e-filter-parent .e-input-filter,
-.e-bigger.e-popup.e-ddl:not(.e-ddl-device) .e-filter-parent .e-input-filter {
-  padding: 8px 16px 8px 0;
-}
-
 .e-input-group.e-ddl,
 .e-input-group.e-ddl .e-input,
 .e-input-group.e-ddl .e-ddl-icon {
@@ -106,45 +89,6 @@
   border-bottom-width: 0;
 }
 
-.e-popup.e-ddl:not(.e-ddl-device) .e-input-group.e-small .e-clear-icon,
-.e-small .e-popup.e-ddl:not(.e-ddl-device) .e-input-group .e-clear-icon,
-.e-small.e-popup.e-ddl:not(.e-ddl-device) .e-input-group .e-clear-icon,
-.e-popup.e-ddl:not(.e-ddl-device) .e-input-group.e-input-focus.e-small .e-clear-icon,
-.e-small .e-popup.e-ddl:not(.e-ddl-device) .e-input-group.e-input-focus .e-clear-icon,
-.e-small.e-popup.e-ddl:not(.e-ddl-device) .e-input-group.e-input-focus .e-clear-icon {
-  margin: 0;
-}
-
-.e-small .e-popup.e-ddl:not(.e-ddl-device) .e-filter-parent .e-input-group .e-input-filter,
-.e-small.e-popup.e-ddl:not(.e-ddl-device) .e-filter-parent .e-input-group .e-input-filter,
-.e-popup.e-ddl:not(.e-ddl-device) .e-filter-parent .e-input-group.e-small .e-input-filter,
-.e-small .e-popup.e-ddl:not(.e-ddl-device) .e-filter-parent .e-input-group.e-input-focus .e-input-filter,
-.e-small.e-popup.e-ddl:not(.e-ddl-device) .e-filter-parent .e-input-group.e-input-focus .e-input-filter,
-.e-popup.e-ddl:not(.e-ddl-device) .e-filter-parent .e-input-group.e-small.e-input-focus .e-input-filter {
-  padding: 5px 5px 5px 12px;
-}
-
-.e-bigger.e-small .e-popup.e-ddl:not(.e-ddl-device) .e-input-group .e-clear-icon,
-.e-bigger.e-small.e-popup.e-ddl:not(.e-ddl-device) .e-input-group .e-clear-icon,
-.e-bigger .e-popup.e-ddl:not(.e-ddl-device) .e-input-group.e-small .e-clear-icon,
-.e-bigger.e-popup.e-ddl:not(.e-ddl-device) .e-input-group.e-small .e-clear-icon,
-.e-small .e-popup.e-ddl:not(.e-ddl-device) .e-input-group.e-bigger .e-clear-icon,
-.e-small.e-popup.e-ddl:not(.e-ddl-device) .e-input-group.e-bigger .e-clear-icon,
-.e-popup.e-ddl:not(.e-ddl-device) .e-input-group.e-bigger.e-small .e-clear-icon {
-  min-height: 18px;
-  min-width: 18px;
-}
-
-.e-bigger.e-small .e-popup.e-ddl:not(.e-ddl-device) .e-filter-parent .e-input-group .e-input-filter,
-.e-bigger.e-small.e-popup.e-ddl:not(.e-ddl-device) .e-filter-parent .e-input-group .e-input-filter,
-.e-bigger .e-popup.e-ddl:not(.e-ddl-device) .e-filter-parent .e-input-group.e-small .e-input-filter,
-.e-bigger.e-popup.e-ddl:not(.e-ddl-device) .e-filter-parent .e-input-group.e-small .e-input-filter,
-.e-small .e-popup.e-ddl:not(.e-ddl-device) .e-filter-parent .e-input-group.e-bigger .e-input-filter,
-.e-small.e-popup.e-ddl:not(.e-ddl-device) .e-filter-parent .e-input-group.e-bigger .e-input-filter,
-.e-popup.e-ddl:not(.e-ddl-device) .e-filter-parent .e-input-group.e-bigger.e-small .e-input-filter {
-  padding: 8px 16px;
-}
-
 .e-ddl.e-popup.e-outline .e-filter-parent {
   padding: 4px 8px;
 }
@@ -162,7 +106,7 @@
 .e-multiselect.e-rtl .e-input-group-icon.e-ddl-icon {
   border-left-width: 0;
   border-radius: 4px 0 0 4px;
-  border-right-width: 1px;
+  border-right-width: 0;
 }
 
 .e-multiselect.e-control-container .e-multi-select-wrapper .e-clear-icon {
@@ -171,8 +115,8 @@
 }
 
 .e-bigger .e-multiselect.e-control-container .e-multi-select-wrapper .e-clear-icon {
-  height: 24px;
-  width: 24px;
+  height: 28px;
+  width: 28px;
 }
 
 .e-multi-select-wrapper .e-searcher input[type='text'] {
@@ -200,43 +144,43 @@
 }
 
 .e-kanban .e-column-expand::before {
-  content: '\e70f';
+  content: '\e765';
 }
 
 .e-kanban .e-column-collapse::before {
-  content: '\e707';
+  content: '\e748';
 }
 
 .e-kanban .e-swimlane-row-expand::before {
-  content: '\e706';
+  content: '\e729';
 }
 
 .e-kanban .e-swimlane-row-collapse::before {
-  content: '\e707';
+  content: '\e748';
 }
 
 .e-kanban .e-show-add-icon::before {
-  content: '\e78a';
+  content: '\e805';
 }
 
 .e-kanban .e-swimlane-header-toolbar .e-icon-menu::before {
-  content: '\e75c';
+  content: '\e799';
 }
 
 .e-kanban.e-rtl .e-column-collapse::before {
-  content: '\e70f';
+  content: '\e765';
 }
 
 .e-kanban.e-rtl .e-column-expand::before {
-  content: '\e707';
+  content: '\e748';
 }
 
 .e-kanban.e-rtl .e-swimlane-row-collapse::before {
-  content: '\e70f';
+  content: '\e765';
 }
 
 .e-mobile-popup-wrapper .e-close-icon::before {
-  content: '\e771';
+  content: '\e7e7';
 }
 
 /*! kanban component layout */
@@ -319,6 +263,7 @@
 
 .e-kanban .e-frozen-swimlane-row .e-frozen-row .e-swimlane-header .e-swimlane-row-expand:focus,
 .e-kanban .e-frozen-swimlane-row .e-frozen-row .e-swimlane-header .e-swimlane-row-collapse:focus {
+  background: transparent;
   box-shadow: 0 0 0 1px #22d3ee;
 }
 
@@ -330,7 +275,7 @@
   border-radius: 4px;
   height: 42px;
   overflow: hidden;
-  padding: 11px;
+  padding: 12px;
   position: relative;
   text-align: left;
   text-overflow: ellipsis;
@@ -588,17 +533,17 @@
 
 .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-wrapper .e-card.e-card-color .e-card-header,
 .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-container .e-card.e-card-color .e-card-header {
-  padding: 18px 18px 0 16px;
+  padding: 18px 18px 0 18px;
 }
 
 .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-wrapper .e-card.e-card-color .e-card-content,
 .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-container .e-card.e-card-color .e-card-content {
-  padding: 12px 18px 8px 16px;
+  padding: 12px 18px 8px 18px;
 }
 
 .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-wrapper .e-card.e-card-color .e-card-tags,
 .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-container .e-card.e-card-color .e-card-tags {
-  padding: 12px 18px 0 16px;
+  padding: 0 18px 0 18px;
 }
 
 .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-wrapper .e-card.e-card-color.e-selection,
@@ -625,7 +570,7 @@
 
 .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-wrapper .e-card.e-card-color .e-card-footer,
 .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-container .e-card.e-card-color .e-card-footer {
-  padding: 8px 18px 8px 16px;
+  padding: 8px 18px 18px 18px;
 }
 
 .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-wrapper .e-card .e-card-tag,
@@ -978,6 +923,7 @@
 .e-bigger .e-kanban .e-kanban-table .e-header-cells,
 .e-bigger.e-kanban .e-kanban-table .e-header-cells {
   height: 48px;
+  padding: 16px;
 }
 
 .e-bigger .e-kanban .e-kanban-table .e-header-cells .e-header-text,
@@ -993,7 +939,7 @@
   font-size: 12px;
   font-weight: 500;
   line-height: 1.5;
-  margin-top: 4px;
+  margin-top: 2px;
   text-transform: uppercase;
 }
 
@@ -1051,14 +997,14 @@
 .e-bigger .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-container .e-card.e-card-color .e-card-header,
 .e-bigger.e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-wrapper .e-card.e-card-color .e-card-header,
 .e-bigger.e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-container .e-card.e-card-color .e-card-header {
-  padding: 24px 24px 0 22px;
+  padding: 24px 24px 0 24px;
 }
 
 .e-bigger .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-wrapper .e-card.e-card-color .e-card-content,
 .e-bigger .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-container .e-card.e-card-color .e-card-content,
 .e-bigger.e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-wrapper .e-card.e-card-color .e-card-content,
 .e-bigger.e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-container .e-card.e-card-color .e-card-content {
-  padding: 8px 24px 12px 22px;
+  padding: 8px 24px 12px 24px;
 }
 
 .e-bigger .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-wrapper .e-card.e-card-color .e-card-tags,
@@ -1069,7 +1015,7 @@
 .e-bigger.e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-wrapper .e-card.e-card-color .e-card-footer,
 .e-bigger.e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-container .e-card.e-card-color .e-card-tags,
 .e-bigger.e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-container .e-card.e-card-color .e-card-footer {
-  padding: 0 24px 12px 22px;
+  padding: 0 24px 12px 24px;
 }
 
 .e-bigger .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-wrapper .e-card .e-card-header,
@@ -1200,7 +1146,7 @@
 .e-kanban-dialog .e-kanban-form-container table .e-label {
   padding-right: 10px;
   vertical-align: top;
-  width: 35px;
+  width: 70px;
 }
 
 .e-kanban-dialog .e-kanban-form-wrapper table .e-field,
@@ -1296,7 +1242,7 @@
 
 .e-kanban .e-kanban-table.e-content-table .e-card .e-card-tag.e-card-label {
   background-color: #4b5563;
-  color: #111827;
+  color: #fff;
 }
 
 .e-kanban .e-kanban-table.e-content-table .e-target-multi-clone .e-column-key.e-multi-active {
@@ -1327,6 +1273,7 @@
 .e-kanban-dialog .e-kanban-form-wrapper table textarea {
   background-color: initial;
   color: #fff;
+  min-width: 70%;
   font-weight: 400;
   border-color: #d1d5db;
   border-radius: 4px;

package/styles/kanban/tailwind.css

@@ -53,6 +53,7 @@
 
 .e-popup.e-ddl .e-dropdownbase {
   min-height: 26px;
+  padding: 4px 0;
 }
 
 .e-bigger .e-popup.e-ddl-device-filter .e-input-group.e-input-focus:not(.e-success):not(.e-warning):not(.e-error) {
@@ -77,24 +78,6 @@
   background-color: #fff;
 }
 
-.e-popup.e-ddl:not(.e-ddl-device) .e-input-group .e-clear-icon {
-  margin: 0;
-  min-height: 12px;
-  min-width: 12px;
-  padding: 6px;
-}
-
-.e-bigger .e-popup.e-ddl:not(.e-ddl-device) .e-input-group .e-clear-icon,
-.e-bigger.e-popup.e-ddl:not(.e-ddl-device) .e-input-group .e-clear-icon {
-  min-height: 16px;
-  min-width: 16px;
-}
-
-.e-bigger .e-popup.e-ddl:not(.e-ddl-device) .e-filter-parent .e-input-filter,
-.e-bigger.e-popup.e-ddl:not(.e-ddl-device) .e-filter-parent .e-input-filter {
-  padding: 8px 16px 8px 0;
-}
-
 .e-input-group.e-ddl,
 .e-input-group.e-ddl .e-input,
 .e-input-group.e-ddl .e-ddl-icon {
@@ -106,45 +89,6 @@
   border-bottom-width: 0;
 }
 
-.e-popup.e-ddl:not(.e-ddl-device) .e-input-group.e-small .e-clear-icon,
-.e-small .e-popup.e-ddl:not(.e-ddl-device) .e-input-group .e-clear-icon,
-.e-small.e-popup.e-ddl:not(.e-ddl-device) .e-input-group .e-clear-icon,
-.e-popup.e-ddl:not(.e-ddl-device) .e-input-group.e-input-focus.e-small .e-clear-icon,
-.e-small .e-popup.e-ddl:not(.e-ddl-device) .e-input-group.e-input-focus .e-clear-icon,
-.e-small.e-popup.e-ddl:not(.e-ddl-device) .e-input-group.e-input-focus .e-clear-icon {
-  margin: 0;
-}
-
-.e-small .e-popup.e-ddl:not(.e-ddl-device) .e-filter-parent .e-input-group .e-input-filter,
-.e-small.e-popup.e-ddl:not(.e-ddl-device) .e-filter-parent .e-input-group .e-input-filter,
-.e-popup.e-ddl:not(.e-ddl-device) .e-filter-parent .e-input-group.e-small .e-input-filter,
-.e-small .e-popup.e-ddl:not(.e-ddl-device) .e-filter-parent .e-input-group.e-input-focus .e-input-filter,
-.e-small.e-popup.e-ddl:not(.e-ddl-device) .e-filter-parent .e-input-group.e-input-focus .e-input-filter,
-.e-popup.e-ddl:not(.e-ddl-device) .e-filter-parent .e-input-group.e-small.e-input-focus .e-input-filter {
-  padding: 5px 5px 5px 12px;
-}
-
-.e-bigger.e-small .e-popup.e-ddl:not(.e-ddl-device) .e-input-group .e-clear-icon,
-.e-bigger.e-small.e-popup.e-ddl:not(.e-ddl-device) .e-input-group .e-clear-icon,
-.e-bigger .e-popup.e-ddl:not(.e-ddl-device) .e-input-group.e-small .e-clear-icon,
-.e-bigger.e-popup.e-ddl:not(.e-ddl-device) .e-input-group.e-small .e-clear-icon,
-.e-small .e-popup.e-ddl:not(.e-ddl-device) .e-input-group.e-bigger .e-clear-icon,
-.e-small.e-popup.e-ddl:not(.e-ddl-device) .e-input-group.e-bigger .e-clear-icon,
-.e-popup.e-ddl:not(.e-ddl-device) .e-input-group.e-bigger.e-small .e-clear-icon {
-  min-height: 18px;
-  min-width: 18px;
-}
-
-.e-bigger.e-small .e-popup.e-ddl:not(.e-ddl-device) .e-filter-parent .e-input-group .e-input-filter,
-.e-bigger.e-small.e-popup.e-ddl:not(.e-ddl-device) .e-filter-parent .e-input-group .e-input-filter,
-.e-bigger .e-popup.e-ddl:not(.e-ddl-device) .e-filter-parent .e-input-group.e-small .e-input-filter,
-.e-bigger.e-popup.e-ddl:not(.e-ddl-device) .e-filter-parent .e-input-group.e-small .e-input-filter,
-.e-small .e-popup.e-ddl:not(.e-ddl-device) .e-filter-parent .e-input-group.e-bigger .e-input-filter,
-.e-small.e-popup.e-ddl:not(.e-ddl-device) .e-filter-parent .e-input-group.e-bigger .e-input-filter,
-.e-popup.e-ddl:not(.e-ddl-device) .e-filter-parent .e-input-group.e-bigger.e-small .e-input-filter {
-  padding: 8px 16px;
-}
-
 .e-ddl.e-popup.e-outline .e-filter-parent {
   padding: 4px 8px;
 }
@@ -162,7 +106,7 @@
 .e-multiselect.e-rtl .e-input-group-icon.e-ddl-icon {
   border-left-width: 0;
   border-radius: 4px 0 0 4px;
-  border-right-width: 1px;
+  border-right-width: 0;
 }
 
 .e-multiselect.e-control-container .e-multi-select-wrapper .e-clear-icon {
@@ -171,8 +115,8 @@
 }
 
 .e-bigger .e-multiselect.e-control-container .e-multi-select-wrapper .e-clear-icon {
-  height: 24px;
-  width: 24px;
+  height: 28px;
+  width: 28px;
 }
 
 .e-multi-select-wrapper .e-searcher input[type='text'] {
@@ -200,43 +144,43 @@
 }
 
 .e-kanban .e-column-expand::before {
-  content: '\e70f';
+  content: '\e765';
 }
 
 .e-kanban .e-column-collapse::before {
-  content: '\e707';
+  content: '\e748';
 }
 
 .e-kanban .e-swimlane-row-expand::before {
-  content: '\e706';
+  content: '\e729';
 }
 
 .e-kanban .e-swimlane-row-collapse::before {
-  content: '\e707';
+  content: '\e748';
 }
 
 .e-kanban .e-show-add-icon::before {
-  content: '\e78a';
+  content: '\e805';
 }
 
 .e-kanban .e-swimlane-header-toolbar .e-icon-menu::before {
-  content: '\e75c';
+  content: '\e799';
 }
 
 .e-kanban.e-rtl .e-column-collapse::before {
-  content: '\e70f';
+  content: '\e765';
 }
 
 .e-kanban.e-rtl .e-column-expand::before {
-  content: '\e707';
+  content: '\e748';
 }
 
 .e-kanban.e-rtl .e-swimlane-row-collapse::before {
-  content: '\e70f';
+  content: '\e765';
 }
 
 .e-mobile-popup-wrapper .e-close-icon::before {
-  content: '\e771';
+  content: '\e7e7';
 }
 
 /*! kanban component layout */
@@ -319,6 +263,7 @@
 
 .e-kanban .e-frozen-swimlane-row .e-frozen-row .e-swimlane-header .e-swimlane-row-expand:focus,
 .e-kanban .e-frozen-swimlane-row .e-frozen-row .e-swimlane-header .e-swimlane-row-collapse:focus {
+  background: transparent;
   box-shadow: 0 0 0 1px #4f46e5;
 }
 
@@ -330,7 +275,7 @@
   border-radius: 4px;
   height: 42px;
   overflow: hidden;
-  padding: 11px;
+  padding: 12px;
   position: relative;
   text-align: left;
   text-overflow: ellipsis;
@@ -588,17 +533,17 @@
 
 .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-wrapper .e-card.e-card-color .e-card-header,
 .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-container .e-card.e-card-color .e-card-header {
-  padding: 18px 18px 0 16px;
+  padding: 18px 18px 0 18px;
 }
 
 .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-wrapper .e-card.e-card-color .e-card-content,
 .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-container .e-card.e-card-color .e-card-content {
-  padding: 12px 18px 8px 16px;
+  padding: 12px 18px 8px 18px;
 }
 
 .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-wrapper .e-card.e-card-color .e-card-tags,
 .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-container .e-card.e-card-color .e-card-tags {
-  padding: 12px 18px 0 16px;
+  padding: 0 18px 0 18px;
 }
 
 .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-wrapper .e-card.e-card-color.e-selection,
@@ -625,7 +570,7 @@
 
 .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-wrapper .e-card.e-card-color .e-card-footer,
 .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-container .e-card.e-card-color .e-card-footer {
-  padding: 8px 18px 8px 16px;
+  padding: 8px 18px 18px 18px;
 }
 
 .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-wrapper .e-card .e-card-tag,
@@ -978,6 +923,7 @@
 .e-bigger .e-kanban .e-kanban-table .e-header-cells,
 .e-bigger.e-kanban .e-kanban-table .e-header-cells {
   height: 48px;
+  padding: 16px;
 }
 
 .e-bigger .e-kanban .e-kanban-table .e-header-cells .e-header-text,
@@ -993,7 +939,7 @@
   font-size: 12px;
   font-weight: 500;
   line-height: 1.5;
-  margin-top: 4px;
+  margin-top: 2px;
   text-transform: uppercase;
 }
 
@@ -1051,14 +997,14 @@
 .e-bigger .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-container .e-card.e-card-color .e-card-header,
 .e-bigger.e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-wrapper .e-card.e-card-color .e-card-header,
 .e-bigger.e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-container .e-card.e-card-color .e-card-header {
-  padding: 24px 24px 0 22px;
+  padding: 24px 24px 0 24px;
 }
 
 .e-bigger .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-wrapper .e-card.e-card-color .e-card-content,
 .e-bigger .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-container .e-card.e-card-color .e-card-content,
 .e-bigger.e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-wrapper .e-card.e-card-color .e-card-content,
 .e-bigger.e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-container .e-card.e-card-color .e-card-content {
-  padding: 8px 24px 12px 22px;
+  padding: 8px 24px 12px 24px;
 }
 
 .e-bigger .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-wrapper .e-card.e-card-color .e-card-tags,
@@ -1069,7 +1015,7 @@
 .e-bigger.e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-wrapper .e-card.e-card-color .e-card-footer,
 .e-bigger.e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-container .e-card.e-card-color .e-card-tags,
 .e-bigger.e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-container .e-card.e-card-color .e-card-footer {
-  padding: 0 24px 12px 22px;
+  padding: 0 24px 12px 24px;
 }
 
 .e-bigger .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-wrapper .e-card .e-card-header,
@@ -1200,7 +1146,7 @@
 .e-kanban-dialog .e-kanban-form-container table .e-label {
   padding-right: 10px;
   vertical-align: top;
-  width: 35px;
+  width: 70px;
 }
 
 .e-kanban-dialog .e-kanban-form-wrapper table .e-field,
@@ -1327,6 +1273,7 @@
 .e-kanban-dialog .e-kanban-form-wrapper table textarea {
   background-color: initial;
   color: #111827;
+  min-width: 70%;
   font-weight: 400;
   border-color: #d1d5db;
   border-radius: 4px;

package/styles/material-dark.css

@@ -246,6 +246,7 @@
 
 .e-kanban .e-frozen-swimlane-row .e-frozen-row .e-swimlane-header .e-swimlane-row-expand:focus,
 .e-kanban .e-frozen-swimlane-row .e-frozen-row .e-swimlane-header .e-swimlane-row-collapse:focus {
+  background: rgba(255, 255, 255, 0.1);
   box-shadow: none;
 }
 
@@ -1124,7 +1125,7 @@
 .e-kanban-dialog .e-kanban-form-container table .e-label {
   padding-right: 10px;
   vertical-align: top;
-  width: 35px;
+  width: 70px;
 }
 
 .e-kanban-dialog .e-kanban-form-wrapper table .e-field,
@@ -1247,4 +1248,9 @@
 .e-kanban-dialog .e-kanban-form-wrapper table textarea {
   background-color: initial;
   color: #fff;
+  min-width: 70%;
+}
+
+.e-kanban-dialog .e-kanban-form-wrapper table textarea:focus {
+  box-shadow: none;
 }