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

package/styles/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;
 }
@@ -1154,7 +1159,7 @@
   background-color: initial;
   color: #000;
   min-width: 70%;
-  font-weight: 400;
+  font-weight: normal;
 }
 .e-kanban-dialog.e-dialog .e-kanban-form-wrapper table textarea:focus {
   box-shadow: none;

package/styles/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;
 }
@@ -1155,7 +1160,7 @@
   background-color: initial;
   color: #fff;
   min-width: 70%;
-  font-weight: 400;
+  font-weight: normal;
 }
 .e-kanban-dialog.e-dialog .e-kanban-form-wrapper table textarea:focus {
   box-shadow: none;

package/styles/kanban/_all.scss

@@ -0,0 +1,2 @@
+@import 'layout.scss';
+@import 'theme.scss';

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

@@ -0,0 +1,224 @@
+/*! Kanban component's bootstrap theme definitions and variables */
+$kanban-skin: 'bootstrap' !default;
+$kanban-column-bg-color: $grey-f5 !default;
+$kanban-border-color: $grey-e6 !default;
+$kanban-default-font-color: $grey-light-font !default;
+$kanban-content-font: $grey-light-font !default;
+$kanban-card-selection-bg-color: $grey-lighter !default;
+$kanban-dropped-clone-bg-color: rgba($brand-primary, .1) !default;
+$kanban-dropped-clone-border-color: $brand-primary !default;
+$kanban-dragged-clone-border-color: $grey-dd !default;
+$kanban-icons-color: $gray-light !default;
+$kanban-bg-color: $grey-white !default;
+$kanban-text-area-bg-color: initial !default;
+$kanban-text-area-color: $grey-dark-font !default;
+$kanban-popup-overlay-bg-color: #383838 !default;
+$kanban-min-color: #ffe082 !default;
+$kanban-max-color: #ffcdd2 !default;
+$kanban-header-border-color: $grey-e6 !default;
+$kanban-mb-popup-container-box-shadow: 0 24px 38px 3px rgba(0, 0, 0, .14), 0 9px 46px 8px rgba(0, 0, 0, .12), 0 11px 15px -7px rgba(0, 0, 0, .2) !default;
+$kanban-icons-border-radius: 4px !default;
+$kanban-tags-bg-color: #eceaff !default;
+$kanban-tags-color: #3225c9 !default;
+
+$kanban-table-border-spacing: 10px 0 !default;
+$kanban-table-bigger-border-spacing: 10px 0 !default;
+$kanban-table-swimlane-border-spacing: $kanban-table-border-spacing !default;
+$kanban-table-bigger-swimlane-border-spacing: $kanban-table-bigger-border-spacing !default;
+$kanban-table-col-collapse-width: 50px !default;
+$kanban-table-col-collapse-bgr-width: 50px !default;
+$kanban-frozen-swimlane-row-padding: 13px 0 0 10px !default;
+$kanban-frozen-swimlane-row-bgr-padding: $kanban-frozen-swimlane-row-padding !default;
+$kanban-frozen-swimlane-row-header-padding: 2px !default;
+$kanban-frozen-swimlane-row-header-line-height: 20px !default;
+$kanban-frozen-swimlane-row-header-font-size: 14px !default;
+$kanban-frozen-swimlane-row-header-bgr-font-size: 14px !default;
+$kanban-frozen-swl-row-head-item-count-font-size: 12px !default;
+$kanban-frozen-swl-row-head-item-count-bgr-font-size: 12px !default;
+$kanban-frozen-swl-row-head-item-count-line-height: 20px !default;
+$kanban-frozen-swl-row-head-item-count-bgr-line-height: 20px !default;
+$kanban-frozen-swl-row-head-item-count-padding: 2px !default;
+$kanban-frozen-swl-row-head-item-count-bgr-padding: 2px !default;
+$kanban-frozen-swl-row-head-item-count-opacity: .57 !default;
+$kanban-frozen-swl-row-head-item-count-font-weight: 400 !default;
+$kanban-swl-frozen-header-item-count-color: $kanban-default-font-color !default;
+$kanban-swl-frozen-header-row-icon-border: 1px solid transparent !default;
+$kanban-swl-frozen-header-row-icon-height: 24px !default;
+$kanban-swl-frozen-header-row-icon-margin: 0 0 0 8px !default;
+$kanban-swl-frozen-header-row-icon-padding: 6px !default;
+$kanban-swl-frozen-header-row-icon-font-size: 12px !default;
+
+$kanban-swl-frz-head-row-icon-hover-margin: 0 0 0 8px !default;
+$kanban-swl-frz-header-row-icon-hover-padding: 6px !default;
+$kanban-swl-frozen-header-row-icon-hover-bg-color: $grey-light !default;
+$kanban-swl-frozen-header-row-icon-focus-bg-color: $grey-light !default;
+$kanban-swl-frozen-header-row-icon-hover-border: 1px solid transparent !default;
+$kanban-swl-frozen-header-row-icon-hover-box-shadow: none !default;
+$kanban-swl-frozen-header-row-icon-hover-color: $gray-light !default;
+$kanban-swl-frozen-header-row-icon-focus-box-shadow: none !default;
+$kanban-header-cell-height: 50px !default;
+$kanban-header-cell-bgr-height: 56px !default;
+$kanban-header-cell-padding: 5px 8px !default;
+$kanban-stacked-header-cell-border-btm: 1px solid $grey-e6 !default;
+$kanban-toggle-header-icon-font-size: 12px !default;
+$kanban-toggle-header-icon-bgr-font-size: 12px !default;
+$kanban-toggle-header-expand-icon-padding: 6px !default;
+$kanban-toggle-header-collapse-icon-padding: 11px !default;
+$kanban-toggle-header-collapse-width: 50px !default;
+$kanban-header-text-font-size: 15px !default;
+$kanban-header-text-font-weight: 400 !default;
+$kanban-header-text-line-height: 24px !default;
+$kanban-header-text-overflow: ellipsis !default;
+$kanban-header-text-bgr-font-size: 16px !default;
+$kanban-header-text-bgr-font-weight: 400 !default;
+$kanban-header-text-bgr-line-height: 24px !default;
+$kanban-header-text-bgr-transform: lowercase !default;
+$kanban-header-item-count-font-size: 12px !default;
+$kanban-header-item-count-font-weight: 400 !default;
+$kanban-header-item-count-line-height: 24px !default;
+$kanban-header-item-count-opacity: .57 !default;
+$kanban-header-item-count-margin-top: 0 !default;
+$kanban-header-item-count-text-transform: lowercase !default;
+$kanban-header-item-count-bgr-font-size: $kanban-header-item-count-font-size !default;
+$kanban-header-item-count-bgr-font-weight: $kanban-header-item-count-font-weight !default;
+$kanban-header-item-count-bgr-line-height: $kanban-header-item-count-line-height !default;
+$kanban-header-item-count-bgr-margin-top: $kanban-header-item-count-margin-top !default;
+$kanban-header-item-count-bgr-text-transform: $kanban-header-item-count-text-transform !default;
+$kanban-header-min-max-count-font-size: 13px !default;
+$kanban-header-min-max-count-font-weight: 400 !default;
+$kanban-header-min-max-count-opacity: .57 !default;
+$kanban-collapse-header-text-color: $grey-light-font !default;
+$kanban-collapse-header-text-font-size: 16px !default;
+$kanban-collapse-header-text-font-weight: 400 !default;
+$kanban-collapse-header-text-padding: 8px 0 0 13px !default;
+$kanban-collapse-header-text-transform: lowercase !default;
+$kanban-card-container-padding: 8px 8px 0 !default;
+$kanban-card-container-bgr-padding: 8px 8px 0 !default;
+$kanban-empty-card-font-size: 13px !default;
+$kanban-empty-card-line-height: 40px !default;
+$kanban-empty-card-padding: 10px 0 !default;
+$kanban-empty-card-color: inherit !default;
+$kanban-empty-card-margin: 0 !default;
+$kanban-empty-card-display: inline !default;
+$kanban-card-margin-bottom: 8px !default;
+$kanban-card-bgr-margin-bottom: 8px !default;
+$kanban-card-border: 1px solid rgba(0, 0, 0, .12) !default;
+$kanban-card-border-radius: 4px !default;
+$kanban-card-normal-box-shadow: none !default;
+$kanban-card-header-padding: 7px 11px 0 !default;
+$kanban-card-header-bgr-padding: 7px 11px 0 !default;
+$kanban-color-card-header-padding: 7px 11px 0 8px !default;
+$kanban-color-card-header-bgr-padding: 7px 11px 0 8px !default;
+$kanban-card-header-title-font-size: 14px !default;
+$kanban-card-header-title-line-height: 20px !default;
+$kanban-card-header-title-font-weight: 400 !default;
+$kanban-card-header-title-bgr-font-size: 15px !default;
+$kanban-card-header-title-bgr-line-height: 20px !default;
+$kanban-card-footer-padding: 0 11px 7px !default;
+$kanban-card-footer-bgr-padding: 0 11px 7px !default;
+$kanban-color-card-footer-padding: 0 11px 7px 8px !default;
+$kanban-color-card-footer-bgr-padding: 0 11px 7px 8px !default;
+$kanban-card-content-font-size: 13px !default;
+$kanban-card-content-line-height: 20px !default;
+$kanban-card-content-padding: 8px 11px !default;
+$kanban-color-card-content-padding: 8px 11px 8px 8px !default;
+$kanban-card-content-bgr-font-size: 14px !default;
+$kanban-card-content-bgr-line-height: 20px !default;
+$kanban-card-content-bgr-padding: 8px 11px !default;
+$kanban-color-card-content-bgr-padding: 8px 11px 8px 8px !default;
+$kanban-color-card-border: $kanban-card-border !default;
+$kanban-color-card-border-left: 3px solid !default;
+$kanban-color-card-hover-border: $kanban-card-border !default;
+$kanban-color-card-hover-border-left: 3px solid !default;
+$kanban-color-card-hover-box-shadow: none !default;
+$kanban-color-card-focus-border: $kanban-card-border !default;
+$kanban-color-card-focus-border-left: 3px solid !default;
+$kanban-color-card-tags-padding: 0 11px 8px 8px !default;
+$kanban-card-tags-padding: 0 11px 8px !default;
+$kanban-color-card-selection-border: $kanban-card-border !default;
+$kanban-color-card-selection-border-left: 3px solid !default;
+$kanban-color-card-selection-box-shadow: $kanban-card-normal-box-shadow !default;
+$kanban-color-card-selection-hover-border: $kanban-card-border !default;
+$kanban-color-card-selection-hover-border-left: 3px solid !default;
+$kanban-color-card-selection-hover-box-shadow: $kanban-card-normal-box-shadow !default;
+$kanban-color-card-selection-hover-padding: 0 !default;
+$kanban-card-selection-border: $kanban-card-border !default;
+$kanban-card-selection-box-shadow: $kanban-card-normal-box-shadow !default;
+$kanban-card-selection-hover-border: $kanban-card-border !default;
+$kanban-card-selection-hover-box-shadow: $kanban-card-normal-box-shadow !default;
+$kanban-card-selection-hover-padding: 0 !default;
+$kanban-card-tag-border-radius: 4px !default;
+$kanban-card-tag-font-size: 12px !default;
+$kanban-card-tag-line-height: 20px !default;
+$kanban-card-tag-margin-right: 8px !default;
+$kanban-card-tag-padding: 2px 8px !default;
+$kanban-card-hover-border: $kanban-card-border !default;
+$kanban-card-normal-hover-box-shadow: $kanban-card-normal-box-shadow !default;
+$kanban-card-focus-border: $kanban-card-border !default;
+$kanban-multi-card-text-bg-color: $grey-white !default;
+$kanban-target-drag-drop-clone-margin-bottom: 8px !default;
+$kanban-target-drag-drop-clone-bgr-margin-bottom: 8px !default;
+$kanban-target-drag-drop-clone-border-radius: 0 !default;
+$kanban-target-dragged-clone-bg-color: $grey-f5 !default;
+$kanban-swl-row-height: 50px !default;
+$kanban-swl-row-header-padding: 0 !default;
+$kanban-swl-row-header-bgr-padding: $kanban-swl-row-header-padding !default;
+$kanban-swl-header-icon-border: 1px solid transparent !default;
+$kanban-swl-header-icon-color: $kanban-icons-color !default;
+$kanban-swl-header-icon-height: 24px !default;
+$kanban-swl-header-icon-margin: 0 0 0 8px !default;
+$kanban-swl-header-icon-rtl-margin: 0 8px 0 0 !default;
+$kanban-swl-header-icon-padding: 6px !default;
+$kanban-swl-header-icon-font-size: 12px !default;
+$kanban-swl-header-icon-bgr-font-size: 12px !default;
+$kanban-swl-header-icon-hover-border: $kanban-swl-header-icon-border !default;
+$kanban-swl-header-icon-hover-color: $kanban-icons-color !default;
+$kanban-swl-header-icon-hover-margin: 0 0 0 8px !default;
+$kanban-swl-header-icon-hover-padding: 6px !default;
+$kanban-swl-header-icon-hover-font-size: 12px !default;
+$kanban-swl-header-icon-hover-background: $grey-light !default;
+$kanban-swl-header-icon-hover-border-radius: $kanban-icons-border-radius !default;
+$kanban-swl-header-icon-hover-box-shadow: none !default;
+$kanban-swl-header-text-line-height: 20px;
+$kanban-swl-header-text-bgr-line-height: 20px;
+$kanban-swl-header-text-padding: 2px;
+$kanban-swl-header-text-bgr-font-size: 14px;
+$kanban-swl-header-item-count-font-size: 12px;
+$kanban-swl-header-item-count-line-height: 20px;
+$kanban-swl-header-item-count-font-opacity: .57;
+$kanban-swl-header-item-count-padding: 2px;
+$kanban-swl-header-item-count-color: inherit;
+$kanban-swl-header-item-count-font-weight: 400;
+$kanban-swl-header-item-count-bgr-font-size: 12px;
+$kanban-swl-header-item-count-bgr-line-height: 20px;
+$kanban-swl-header-item-count-bgr-padding: 2px;
+$kanban-content-cells-focus-border: 1px solid $kanban-border-color;
+$kanban-content-cells-focus-box-shadow: none;
+$kanban-mb-swl-name-font-size: 14px;
+$kanban-mb-swl-name-padding: 5px;
+$kanban-mb-swl-name-color: inherit;
+$kanban-mb-swl-name-font-weight: 400;
+$kanban-mb-swl-name-line-height: 1.5;
+$kanban-mb-swl-menu-icon-font-size: 14px;
+$kanban-mb-swl-menu-icon-bgr-font-size: 18px;
+$kanban-mb-swl-menu-icon-color: inherit;
+$kanban-mb-swl-overlay-opacity: .5;
+$kanban-dialog-form-table-td-line-height: 18px;
+$kanban-dialog-form-table-td-opacity: .87;
+$kanban-dialog-form-table-td-padding: 5px 0;
+$kanban-dialog-form-table-td-color: inherit;
+$kanban-dialog-form-table-td-font-weight: 400;
+$kanban-mb-popup-content-padding: 4px !default;
+$kanban-mb-popup-content-color: inherit !default;
+$kanban-dialog-text-area-focus-shadow: none !default;
+
+//Color Start
+$kanban-header-text-color: $grey-light-font !default;
+$kanban-header-item-count-color: $grey-light-font !default;
+$kanban-header-limits-color: inherit !default;
+$kanban-col-expand-collapse-bg-color: $grey-light;
+$kanban-col-expand-collapse-color: $kanban-icons-color;
+$kanban-col-expand-collapse-border: 1px solid transparent;
+$kanban-col-expand-collapse-box-shadow: none;
+
+//Color End

package/styles/kanban/_bootstrap-definition.scss

@@ -0,0 +1,223 @@
+/*! Kanban component's bootstrap theme definitions and variables */
+$kanban-skin: 'bootstrap' !default;
+$kanban-column-bg-color: $grey-f5 !default;
+$kanban-border-color: $grey-e6 !default;
+$kanban-default-font-color: $grey-light-font !default;
+$kanban-content-font: $gray-light !default;
+$kanban-card-selection-bg-color: $grey-lighter !default;
+$kanban-dropped-clone-bg-color: rgba($brand-primary, .1) !default;
+$kanban-dropped-clone-border-color: $brand-primary !default;
+$kanban-dragged-clone-border-color: $grey-dd !default;
+$kanban-icons-color: $gray-light !default;
+$kanban-bg-color: $grey-white !default;
+$kanban-text-area-bg-color: initial !default;
+$kanban-text-area-color: $gray !default;
+$kanban-popup-overlay-bg-color: #383838 !default;
+$kanban-min-color: #ffe082 !default;
+$kanban-max-color: #ffcdd2 !default;
+$kanban-header-border-color: $grey-e6 !default;
+$kanban-mb-popup-container-box-shadow: 0 24px 38px 3px rgba(0, 0, 0, .14), 0 9px 46px 8px rgba(0, 0, 0, .12), 0 11px 15px -7px rgba(0, 0, 0, .2) !default;
+$kanban-icons-border-radius: 0% !default;
+$kanban-tags-bg-color: #eceaff !default;
+$kanban-tags-color: #3225c9 !default;
+
+$kanban-table-border-spacing: 10px 0 !default;
+$kanban-table-swimlane-border-spacing: $kanban-table-border-spacing !default;
+$kanban-table-bigger-border-spacing: 10px 0 !default;
+$kanban-table-bigger-swimlane-border-spacing: $kanban-table-bigger-border-spacing !default;
+$kanban-table-col-collapse-width: 50px !default;
+$kanban-table-col-collapse-bgr-width: 50px !default;
+$kanban-frozen-swimlane-row-padding: 13px 0 0 10px !default;
+$kanban-frozen-swimlane-row-bgr-padding: $kanban-frozen-swimlane-row-padding !default;
+$kanban-frozen-swimlane-row-header-padding: 2px !default;
+$kanban-frozen-swimlane-row-header-line-height: 20px !default;
+$kanban-frozen-swimlane-row-header-font-size: 14px !default;
+$kanban-frozen-swimlane-row-header-bgr-font-size: 14px !default;
+$kanban-frozen-swl-row-head-item-count-font-size: 12px !default;
+$kanban-frozen-swl-row-head-item-count-bgr-font-size: 12px !default;
+$kanban-frozen-swl-row-head-item-count-line-height: 20px !default;
+$kanban-frozen-swl-row-head-item-count-bgr-line-height: 20px !default;
+$kanban-frozen-swl-row-head-item-count-padding: 2px !default;
+$kanban-frozen-swl-row-head-item-count-bgr-padding: 2px !default;
+$kanban-frozen-swl-row-head-item-count-opacity: .57 !default;
+$kanban-frozen-swl-row-head-item-count-font-weight: 400 !default;
+$kanban-swl-frozen-header-item-count-color: $kanban-default-font-color !default;
+$kanban-swl-frozen-header-row-icon-border: 1px solid transparent !default;
+$kanban-swl-frozen-header-row-icon-height: 24px !default;
+$kanban-swl-frozen-header-row-icon-margin: 0 0 0 8px !default;
+$kanban-swl-frozen-header-row-icon-padding: 6px !default;
+$kanban-swl-frozen-header-row-icon-font-size: 12px !default;
+$kanban-swl-frz-head-row-icon-hover-margin: 0 0 0 8px !default;
+$kanban-swl-frz-header-row-icon-hover-padding: 6px !default;
+$kanban-swl-frozen-header-row-icon-hover-bg-color: $grey-e6 !default;
+$kanban-swl-frozen-header-row-icon-focus-bg-color: $grey-e6 !default;
+$kanban-swl-frozen-header-row-icon-hover-border: 1px solid transparent !default;
+$kanban-swl-frozen-header-row-icon-hover-box-shadow: none !default;
+$kanban-swl-frozen-header-row-icon-hover-color: $gray-light !default;
+$kanban-swl-frozen-header-row-icon-focus-box-shadow: none !default;
+$kanban-header-cell-height: 50px !default;
+$kanban-header-cell-bgr-height: 56px !default;
+$kanban-header-cell-padding: 5px 8px !default;
+$kanban-stacked-header-cell-border-btm: 1px solid $grey-e6 !default;
+$kanban-toggle-header-icon-font-size: 12px !default;
+$kanban-toggle-header-icon-bgr-font-size: 12px !default;
+$kanban-toggle-header-expand-icon-padding: 6px !default;
+$kanban-toggle-header-collapse-icon-padding: 11px !default;
+$kanban-toggle-header-collapse-width: 50px !default;
+$kanban-header-text-font-size: 15px !default;
+$kanban-header-text-font-weight: 400 !default;
+$kanban-header-text-line-height: 24px !default;
+$kanban-header-text-overflow: ellipsis !default;
+$kanban-header-text-bgr-font-size: 16px !default;
+$kanban-header-text-bgr-font-weight: 400 !default;
+$kanban-header-text-bgr-line-height: 24px !default;
+$kanban-header-text-bgr-transform: lowercase !default;
+$kanban-header-item-count-font-size: 12px !default;
+$kanban-header-item-count-font-weight: 400 !default;
+$kanban-header-item-count-line-height: 24px !default;
+$kanban-header-item-count-opacity: .57 !default;
+$kanban-header-item-count-margin-top: 0 !default;
+$kanban-header-item-count-text-transform: lowercase !default;
+$kanban-header-item-count-bgr-font-size: $kanban-header-item-count-font-size !default;
+$kanban-header-item-count-bgr-font-weight: $kanban-header-item-count-font-weight !default;
+$kanban-header-item-count-bgr-line-height: $kanban-header-item-count-line-height !default;
+$kanban-header-item-count-bgr-margin-top: $kanban-header-item-count-margin-top !default;
+$kanban-header-item-count-bgr-text-transform: $kanban-header-item-count-text-transform !default;
+$kanban-header-min-max-count-font-size: 13px !default;
+$kanban-header-min-max-count-font-weight: 400 !default;
+$kanban-header-min-max-count-opacity: .57 !default;
+$kanban-collapse-header-text-color: $grey-light-font !default;
+$kanban-collapse-header-text-font-size: 16px !default;
+$kanban-collapse-header-text-font-weight: 400 !default;
+$kanban-collapse-header-text-padding: 8px 0 0 13px !default;
+$kanban-collapse-header-text-transform: lowercase !default;
+$kanban-card-container-padding: 8px 8px 0 !default;
+$kanban-card-container-bgr-padding: 8px 8px 0 !default;
+$kanban-empty-card-font-size: 13px !default;
+$kanban-empty-card-line-height: 40px !default;
+$kanban-empty-card-padding: 10px 0 !default;
+$kanban-empty-card-color: inherit !default;
+$kanban-empty-card-margin: 0 !default;
+$kanban-empty-card-display: inline !default;
+$kanban-card-margin-bottom: 8px !default;
+$kanban-card-bgr-margin-bottom: 8px !default;
+$kanban-card-border: 1px solid rgba(0, 0, 0, .12) !default;
+$kanban-card-border-radius: 4px !default;
+$kanban-card-normal-box-shadow: none !default;
+$kanban-card-header-padding: 7px 11px 0 !default;
+$kanban-card-header-bgr-padding: 7px 11px 0 !default;
+$kanban-color-card-header-padding: 7px 11px 0 8px !default;
+$kanban-color-card-header-bgr-padding: 7px 11px 0 8px !default;
+$kanban-card-header-title-font-size: 14px !default;
+$kanban-card-header-title-line-height: 20px !default;
+$kanban-card-header-title-font-weight: 400 !default;
+$kanban-card-header-title-bgr-font-size: 15px !default;
+$kanban-card-header-title-bgr-line-height: 20px !default;
+$kanban-card-footer-padding: 0 11px 7px !default;
+$kanban-card-footer-bgr-padding: 0 11px 7px !default;
+$kanban-color-card-footer-padding: 0 11px 7px 8px !default;
+$kanban-color-card-footer-bgr-padding: 0 11px 7px 8px !default;
+$kanban-card-content-font-size: 13px !default;
+$kanban-card-content-line-height: 20px !default;
+$kanban-card-content-padding: 8px 11px !default;
+$kanban-color-card-content-padding: 8px 11px 8px 8px !default;
+$kanban-card-content-bgr-font-size: 14px !default;
+$kanban-card-content-bgr-line-height: 20px !default;
+$kanban-card-content-bgr-padding: 8px 11px !default;
+$kanban-color-card-content-bgr-padding: 8px 11px 8px 8px !default;
+$kanban-color-card-border: $kanban-card-border !default;
+$kanban-color-card-border-left: 3px solid !default;
+$kanban-color-card-hover-border: $kanban-card-border !default;
+$kanban-color-card-hover-border-left: 3px solid !default;
+$kanban-color-card-hover-box-shadow: none !default;
+$kanban-color-card-focus-border: $kanban-card-border !default;
+$kanban-color-card-focus-border-left: 3px solid !default;
+$kanban-color-card-tags-padding: 0 11px 8px 8px !default;
+$kanban-card-tags-padding: 0 11px 8px !default;
+$kanban-color-card-selection-border: $kanban-card-border !default;
+$kanban-color-card-selection-border-left: 3px solid !default;
+$kanban-color-card-selection-box-shadow: $kanban-card-normal-box-shadow !default;
+$kanban-color-card-selection-hover-border: $kanban-card-border !default;
+$kanban-color-card-selection-hover-border-left: 3px solid !default;
+$kanban-color-card-selection-hover-box-shadow: $kanban-card-normal-box-shadow !default;
+$kanban-color-card-selection-hover-padding: 0 !default;
+$kanban-card-selection-border: $kanban-card-border !default;
+$kanban-card-selection-box-shadow: $kanban-card-normal-box-shadow !default;
+$kanban-card-selection-hover-border: $kanban-card-border !default;
+$kanban-card-selection-hover-box-shadow: $kanban-card-normal-box-shadow !default;
+$kanban-card-selection-hover-padding: 0 !default;
+$kanban-card-tag-border-radius: 4px !default;
+$kanban-card-tag-font-size: 12px !default;
+$kanban-card-tag-line-height: 20px !default;
+$kanban-card-tag-margin-right: 8px !default;
+$kanban-card-tag-padding: 2px 8px !default;
+$kanban-card-hover-border: $kanban-card-border !default;
+$kanban-card-normal-hover-box-shadow: $kanban-card-normal-box-shadow !default;
+$kanban-card-focus-border: $kanban-card-border !default;
+$kanban-multi-card-text-bg-color: $grey-white !default;
+$kanban-target-drag-drop-clone-margin-bottom: 8px !default;
+$kanban-target-drag-drop-clone-bgr-margin-bottom: 8px !default;
+$kanban-target-drag-drop-clone-border-radius: 0 !default;
+$kanban-target-dragged-clone-bg-color: $grey-f5 !default;
+$kanban-swl-row-height: 50px !default;
+$kanban-swl-row-header-padding: 0 !default;
+$kanban-swl-row-header-bgr-padding: $kanban-swl-row-header-padding !default;
+$kanban-swl-header-icon-border: 1px solid transparent !default;
+$kanban-swl-header-icon-color: $kanban-icons-color !default;
+$kanban-swl-header-icon-height: 24px !default;
+$kanban-swl-header-icon-margin: 0 0 0 8px !default;
+$kanban-swl-header-icon-rtl-margin: 0 8px 0 0 !default;
+$kanban-swl-header-icon-padding: 6px !default;
+$kanban-swl-header-icon-font-size: 12px !default;
+$kanban-swl-header-icon-bgr-font-size: 12px !default;
+$kanban-swl-header-icon-hover-border: $kanban-swl-header-icon-border !default;
+$kanban-swl-header-icon-hover-color: $kanban-icons-color !default;
+$kanban-swl-header-icon-hover-margin: 0 0 0 8px !default;
+$kanban-swl-header-icon-hover-padding: 6px !default;
+$kanban-swl-header-icon-hover-font-size: 12px !default;
+$kanban-swl-header-icon-hover-background: $grey-e6 !default;
+$kanban-swl-header-icon-hover-border-radius: $kanban-icons-border-radius !default;
+$kanban-swl-header-icon-hover-box-shadow: none !default;
+$kanban-swl-header-text-line-height: 20px;
+$kanban-swl-header-text-bgr-line-height: 20px;
+$kanban-swl-header-text-padding: 2px;
+$kanban-swl-header-text-bgr-font-size: 14px;
+$kanban-swl-header-item-count-font-size: 12px;
+$kanban-swl-header-item-count-line-height: 20px;
+$kanban-swl-header-item-count-font-opacity: .57;
+$kanban-swl-header-item-count-padding: 2px;
+$kanban-swl-header-item-count-color: inherit;
+$kanban-swl-header-item-count-font-weight: 400;
+$kanban-swl-header-item-count-bgr-font-size: 12px;
+$kanban-swl-header-item-count-bgr-line-height: 20px;
+$kanban-swl-header-item-count-bgr-padding: 2px;
+$kanban-content-cells-focus-border: 1px solid $kanban-border-color;
+$kanban-content-cells-focus-box-shadow: none;
+$kanban-mb-swl-name-font-size: 14px;
+$kanban-mb-swl-name-padding: 5px;
+$kanban-mb-swl-name-color: inherit;
+$kanban-mb-swl-name-font-weight: 400;
+$kanban-mb-swl-name-line-height: 1.5;
+$kanban-mb-swl-menu-icon-font-size: 14px;
+$kanban-mb-swl-menu-icon-bgr-font-size: 18px;
+$kanban-mb-swl-menu-icon-color: inherit;
+$kanban-mb-swl-overlay-opacity: .5;
+$kanban-dialog-form-table-td-line-height: 18px;
+$kanban-dialog-form-table-td-opacity: .87;
+$kanban-dialog-form-table-td-padding: 5px 0;
+$kanban-dialog-form-table-td-color: inherit;
+$kanban-dialog-form-table-td-font-weight: 400;
+$kanban-mb-popup-content-padding: 4px !default;
+$kanban-mb-popup-content-color: inherit !default;
+$kanban-dialog-text-area-focus-shadow: none !default;
+
+//Color Start
+$kanban-header-text-color: $grey-light-font !default;
+$kanban-header-item-count-color: $grey-light-font !default;
+$kanban-header-limits-color: inherit !default;
+$kanban-col-expand-collapse-bg-color: $grey-e6;
+$kanban-col-expand-collapse-color: $kanban-icons-color;
+$kanban-col-expand-collapse-border: 1px solid transparent;
+$kanban-col-expand-collapse-box-shadow: none;
+
+//Color End