@syncfusion/ej2-angular-kanban 22.1.38 → 22.2.5-ngcc

package/styles/kanban/_material3-definition.scss

@@ -1,231 +0,0 @@
-//Layout Variables Start
-$kanban-icons-border-radius: 4px !default;
-$kanban-text-base: $text-sm !default;
-$kanban-mb-popup-container-box-shadow: $shadow-md !default;
-
-//Layout Variables End
-//Theme Variables Start
-$kanban-column-bg-color: $content-bg-color-alt1 !default;
-$kanban-default-font-color: rgba($content-text-color) !default;
-$kanban-content-font: rgba($content-text-color) !default;
-$kanban-border-color: $border-dark !default;
-$kanban-dialog-text-areas-border-color: rgba($border) !default;
-$kanban-card-selection-bg-color: rgba($content-bg-color) !default;
-$kanban-dropped-clone-bg-color: rgba($primary-lighter) !default;
-$kanban-dropped-clone-border-color: rgba($primary) !default;
-$kanban-dragged-clone-border-color: $border-dark !default;
-$kanban-icons-color: rgba($icon-color) !default;
-$kanban-bg-color: rgba($content-bg-color) !default;
-$kanban-card-bg-color: $content-bg-color-alt1 !default;
-$kanban-text-area-bg-color: initial !default;
-$kanban-text-area-color: rgba($content-text-color-alt1) !default;
-$kanban-popup-overlay-bg-color: $overlay-bg-color !default;
-$kanban-min-color: rgba($warning-light) !default;
-$kanban-max-color: rgba($danger-light-alt) !default;
-$kanban-header-border-color: $gray-300 !default;
-$kanban-tags-bg-color: $content-bg-color-alt1 !default;
-$kanban-tags-color: rgba($content-text-color) !default;
-$kanban-card-selection-box-shadow: $shadow-md !default;
-
-//Theme Variables End
-
-$kanban-table-border-spacing: 10px 4px !default;
-$kanban-table-swimlane-border-spacing: 10px 0 !default;
-$kanban-table-bigger-border-spacing: 12px 4px !default;
-$kanban-table-bigger-swimlane-border-spacing: 12px 0 !default;
-$kanban-table-col-collapse-width: 42px !default;
-$kanban-table-col-collapse-bgr-width: 48px !default;
-$kanban-frozen-swimlane-row-padding: 12px 12px 12px 20px !default;
-$kanban-frozen-swimlane-row-bgr-padding: 16px 16px 16px 28px !default;
-$kanban-frozen-swimlane-row-header-padding: 0 0 0 8px !default;
-$kanban-frozen-swimlane-row-header-line-height: $leading-normal !default;
-$kanban-frozen-swimlane-row-header-font-size: $text-sm !default;
-$kanban-frozen-swimlane-row-header-bgr-font-size: $text-base !default;
-$kanban-frozen-swl-row-head-item-count-font-size: $text-xs !default;
-$kanban-frozen-swl-row-head-item-count-bgr-font-size: $text-sm !default;
-$kanban-frozen-swl-row-head-item-count-line-height: $leading-normal !default;
-$kanban-frozen-swl-row-head-item-count-bgr-line-height: $leading-relaxed !default;
-$kanban-frozen-swl-row-head-item-count-padding: 3px !default;
-$kanban-frozen-swl-row-head-item-count-bgr-padding: 4px !default;
-$kanban-frozen-swl-row-head-item-count-opacity: .57 !default;
-$kanban-frozen-swl-row-head-item-count-font-weight: $font-weight-medium !default;
-$kanban-swl-frozen-header-item-count-color: rgba($on-secondary-container) !default;
-$kanban-swl-frozen-header-row-icon-border: 1px solid transparent !default;
-$kanban-swl-frozen-header-row-icon-height: 18px !default;
-$kanban-swl-frozen-header-row-icon-margin: 1px !default;
-$kanban-swl-frozen-header-row-icon-padding: 2px !default;
-$kanban-swl-frozen-header-row-icon-font-size: $text-base !default;
-$kanban-swl-frz-head-row-icon-hover-margin: 1px !default;
-$kanban-swl-frz-header-row-icon-hover-padding: 2px !default;
-$kanban-swl-frozen-header-row-icon-hover-bg-color: $secondary-bg-color-hover !default;
-$kanban-swl-frozen-header-row-icon-focus-bg-color: $secondary-bg-color-hover !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: rgba($white) !default;
-$kanban-swl-frozen-header-row-icon-focus-box-shadow: $secondary-shadow-focus !default;
-$kanban-header-cell-height: 40px !default;
-$kanban-header-cell-bgr-height: 44px !default;
-$kanban-header-cell-padding: 8px !default;
-$kanban-stacked-header-cell-border-btm: 1px solid rgba($border) !default;
-$kanban-toggle-header-icon-font-size: $text-sm !default;
-$kanban-toggle-header-icon-bgr-font-size: $text-sm !default;
-$kanban-toggle-header-expand-icon-padding: 4px !default;
-$kanban-toggle-header-collapse-icon-padding: 2px !default;
-$kanban-toggle-header-collapse-width: 42px !default;
-$kanban-header-text-font-size: $text-sm !default;
-$kanban-header-text-font-weight: $font-weight-medium !default;
-$kanban-header-text-line-height: $leading-normal !default;
-$kanban-header-text-overflow: ellipsis !default;
-$kanban-header-text-bgr-font-size: $text-base !default;
-$kanban-header-text-bgr-font-weight: $font-weight-medium !default;
-$kanban-header-text-bgr-line-height: $leading-normal !default;
-$kanban-header-text-bgr-transform: uppercase !default;
-$kanban-header-item-count-font-size: $text-xs !default;
-$kanban-header-item-count-font-weight: $font-weight-medium !default;
-$kanban-header-item-count-line-height: $leading-relaxed !default;
-$kanban-header-item-count-opacity: 1 !default;
-$kanban-header-item-count-margin-top: 2px !default;
-$kanban-header-item-count-text-transform: capitalize !default;
-$kanban-header-item-count-bgr-font-size: $text-sm !default;
-$kanban-header-item-count-bgr-font-weight: $font-weight-medium !default;
-$kanban-header-item-count-bgr-line-height: $leading-normal !default;
-$kanban-header-item-count-bgr-margin-top: 2px !default;
-$kanban-header-item-count-bgr-text-transform: capitalize !default;
-$kanban-header-min-max-count-font-size: $text-xs !default;
-$kanban-header-min-max-count-font-weight: $font-weight-medium !default;
-$kanban-header-min-max-count-opacity: 1 !default;
-$kanban-collapse-header-text-color: rgba($content-text-color) !default;
-$kanban-collapse-header-text-font-size: $text-sm !default;
-$kanban-collapse-header-text-font-weight: $font-weight-medium !default;
-$kanban-collapse-header-text-padding: 12px !default;
-$kanban-collapse-header-text-transform: capitalize !default;
-$kanban-card-container-padding: 12px 12px 0 !default;
-$kanban-card-container-bgr-padding: 16px 16px 0 !default;
-$kanban-empty-card-font-size: $text-sm !default;
-$kanban-empty-card-line-height: $leading-normal !default;
-$kanban-empty-card-padding: 20px 0 !default;
-$kanban-empty-card-color: $content-bg-color-alt2 !default;
-$kanban-empty-card-margin: 0 auto !default;
-$kanban-empty-card-display: table !default;
-$kanban-card-margin-bottom: 12px !default;
-$kanban-card-bgr-margin-bottom: 16px !default;
-$kanban-card-border: 1px solid rgba($border-light) !default;
-$kanban-card-border-radius: 8px !default;
-$kanban-card-normal-box-shadow: $shadow-md !default;
-$kanban-card-header-padding: 12px 14px 0 !default;
-$kanban-card-header-bgr-padding: 24px 24px 0 !default;
-$kanban-color-card-header-padding: 12px 14px 0 14px !default;
-$kanban-color-card-header-bgr-padding: 12px 20px 0 20px !default;
-$kanban-card-header-title-font-size: 14px !default;
-$kanban-card-header-title-line-height: $leading-relaxed !default;
-$kanban-card-header-title-font-weight: $font-weight-medium !default;
-$kanban-card-header-title-bgr-font-size: $text-base !default;
-$kanban-card-header-title-bgr-line-height: $leading-normal !default;
-$kanban-card-footer-padding: 13px 14px !default;
-$kanban-card-footer-bgr-padding: 0 24px 12px !default;
-$kanban-color-card-footer-padding: 8px 18px 8px 16px !default;
-$kanban-color-card-footer-bgr-padding: 0 24px 12px 22px !default;
-$kanban-card-content-font-size: $text-sm !default;
-$kanban-card-content-line-height: $leading-relaxed !default;
-$kanban-card-content-padding: 8px 14px !default;
-$kanban-color-card-content-padding: 8px 14px 12px 14px !default;
-$kanban-card-content-bgr-font-size: $text-base !default;
-$kanban-card-content-bgr-line-height: $leading-relaxed !default;
-$kanban-card-content-bgr-padding: 8px 24px 12px !default;
-$kanban-color-card-content-bgr-padding: 12px 20px 12px 20px !default;
-$kanban-color-card-border: 1px solid $transparent !default;
-$kanban-color-card-border-left: 2px solid rgba($success-dark) !default;
-$kanban-color-card-hover-border: 1px solid $content-text-color-disabled !default;
-$kanban-color-card-hover-border-left: 2px solid rgba($success-dark) !default;
-$kanban-color-card-hover-box-shadow: $shadow-md !default;
-$kanban-color-card-focus-border: 1px solid $border-dark !default;
-$kanban-color-card-focus-border-left: 2px solid rgba($success-dark) !default;
-$kanban-color-card-tags-padding: 8px 14px 0 12px !default;
-$kanban-card-tags-padding: 12px 12px 0 !default;
-$kanban-color-card-selection-border: 1px solid rgba($primary) !default;
-$kanban-color-card-selection-border-left: 2px solid rgba($success-dark) !default;
-$kanban-color-card-selection-box-shadow: $kanban-card-normal-box-shadow !default;
-$kanban-color-card-selection-hover-border: 1px solid rgba($primary) !default;
-$kanban-color-card-selection-hover-border-left: 2px solid rgba($success-dark) !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: 1px solid rgba($primary) !default;
-$kanban-card-selection-box-shadow: $kanban-card-normal-box-shadow !default;
-$kanban-card-selection-hover-border: 1px solid rgba($primary) !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: 2px !default;
-$kanban-card-tag-font-size: $text-sm !default;
-$kanban-card-tag-line-height: $leading-relaxed !default;
-$kanban-card-tag-margin-right: 4px !default;
-$kanban-card-tag-padding: 1px 4px !default;
-$kanban-card-hover-border: 1px solid $border-dark !default;
-$kanban-card-normal-hover-box-shadow: $kanban-card-normal-box-shadow !default;
-$kanban-card-focus-border: 1px solid $border-dark !default;
-$kanban-multi-card-text-bg-color: rgba($content-bg-color) !default;
-$kanban-target-drag-drop-clone-margin-bottom: 12px !default;
-$kanban-target-drag-drop-clone-bgr-margin-bottom: 16px !default;
-$kanban-target-drag-drop-clone-border-radius: 6px !default;
-$kanban-target-dragged-clone-bg-color: $content-bg-color-alt3 !default;
-$kanban-swl-row-height: 46px !default;
-$kanban-swl-row-header-padding: 12px !default;
-$kanban-swl-row-header-bgr-padding: 14px !default;
-$kanban-swl-header-icon-border: 1px solid transparent !default;
-$kanban-swl-header-icon-color: $kanban-icons-color !default;
-$kanban-swl-header-icon-height: 16px !default;
-$kanban-swl-header-icon-margin: 1px !default;
-$kanban-swl-header-icon-rtl-margin: 1px !default;
-$kanban-swl-header-icon-padding: 0 !default;
-$kanban-swl-header-icon-font-size: $text-sm !default;
-$kanban-swl-header-icon-bgr-font-size: $text-sm !default;
-$kanban-swl-header-icon-hover-border: $kanban-swl-header-icon-border !default;
-$kanban-swl-header-icon-hover-color: rgba($primary) !default;
-$kanban-swl-header-icon-hover-margin: 1px !default;
-$kanban-swl-header-icon-hover-padding: 0 !default;
-$kanban-swl-header-icon-hover-font-size: $text-sm !default;
-$kanban-swl-header-icon-hover-background: none !default;
-$kanban-swl-header-icon-hover-border-radius: 1px !default;
-$kanban-swl-header-icon-hover-box-shadow: $secondary-shadow-focus !default;
-$kanban-swl-header-text-line-height: $leading-normal !default;
-$kanban-swl-header-text-bgr-line-height: $leading-normal !default;
-$kanban-swl-header-text-padding: 0 0 0 8px !default;
-$kanban-swl-header-text-bgr-font-size: $text-base !default;
-$kanban-swl-header-item-count-font-size: $text-xs !default;
-$kanban-swl-header-item-count-line-height: 20px !default;
-$kanban-swl-header-item-count-font-opacity: .57 !default;
-$kanban-swl-header-item-count-padding: 1px 2px !default;
-$kanban-swl-header-item-count-color: rgba($on-secondary-container) !default;
-$kanban-swl-header-item-count-font-weight: $font-weight-medium !default;
-$kanban-swl-header-item-count-bgr-font-size: $text-xs !default;
-$kanban-swl-header-item-count-bgr-line-height: $leading-normal !default;
-$kanban-swl-header-item-count-bgr-padding: 5px !default;
-$kanban-content-cells-focus-border: 1px solid $transparent !default;
-$kanban-content-cells-focus-box-shadow: $shadow-focus-ring1 !default;
-$kanban-mb-swl-name-font-size: $text-base !default;
-$kanban-mb-swl-name-padding: 5px !default;
-$kanban-mb-swl-name-color: inherit !default;
-$kanban-mb-swl-name-font-weight: $font-weight-medium !default;
-$kanban-mb-swl-name-line-height: $leading-normal !default;
-$kanban-mb-swl-menu-icon-font-size: $text-lg !default;
-$kanban-mb-swl-menu-icon-bgr-font-size: $text-xl !default;
-$kanban-mb-swl-menu-icon-color: inherit !default;
-$kanban-mb-swl-overlay-opacity: 1 !default;
-$kanban-dialog-form-table-td-line-height: $leading-normal !default;
-$kanban-dialog-form-table-td-opacity: 1 !default;
-$kanban-dialog-form-table-td-padding: 8px 0 !default;
-$kanban-dialog-form-table-td-color: rgba($content-text-color-alt1) !default;
-$kanban-dialog-form-table-td-font-weight: $font-weight-medium !default;
-$kanban-mb-popup-content-padding: 5px !default;
-$kanban-mb-popup-content-color: inherit !default;
-$kanban-dialog-text-area-focus-shadow: $shadow-lg !default;
-
-//Color Start
-$kanban-header-text-color: rgba($content-text-color) !default;
-$kanban-header-item-count-color: rgba($content-text-color) !default;
-$kanban-header-limits-color: rgba($content-text-color) !default;
-$kanban-col-expand-collapse-bg-color: none !default;
-$kanban-col-expand-collapse-color: rgba($primary) !default;
-$kanban-col-expand-collapse-border: 1px solid $transparent !default;
-$kanban-col-expand-collapse-box-shadow: $secondary-shadow-focus !default;
-
-//Color End

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

@@ -1 +0,0 @@
-@import './tailwind-definition.scss';

package/styles/kanban/_tailwind-definition.scss

@@ -1,232 +0,0 @@
-//Layout Variables Start
-$kanban-icons-border-radius: 4px !default;
-$kanban-text-base: $text-base !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;
-
-//Layout Variables End
-//Theme Variables Start
-$kanban-column-bg-color: $content-bg-color-alt2 !default;
-$kanban-default-font-color: $content-text-color !default;
-$kanban-content-font: $content-text-color-alt1 !default;
-$kanban-border-color: $border-dark !default;
-$kanban-dialog-text-areas-border-color: $cool-gray-300 !default;
-$kanban-card-selection-bg-color: $content-bg-color-alt2 !default;
-$kanban-dropped-clone-bg-color: $primary-lighter !default;
-$kanban-dropped-clone-border-color: $primary !default;
-$kanban-dragged-clone-border-color: $border-dark !default;
-$kanban-icons-color: $cool-gray-500 !default;
-$kanban-bg-color: $content-bg-color !default;
-$kanban-card-bg-color: $content-bg-color !default;
-$kanban-text-area-bg-color: initial !default;
-$kanban-text-area-color: $content-text-color !default;
-$kanban-popup-overlay-bg-color: $overlay-bg-color !default;
-$kanban-min-color: $warning-light !default;
-$kanban-max-color: $danger-light !default;
-$kanban-header-border-color: $cool-gray-300 !default;
-$kanban-tags-bg-color: $content-bg-color-alt3 !default;
-$kanban-tags-color: $content-text-color !default;
-$kanban-card-selection-box-shadow: 0 4px 6px -1px rgba($black, .05), 0 10px 15px -3px rgba($black, .1) !default;
-
-//Theme Variables End
-
-$kanban-table-border-spacing: 8px 0 !default;
-$kanban-table-swimlane-border-spacing: $kanban-table-border-spacing !default;
-$kanban-table-bigger-border-spacing: 12px 0 !default;
-$kanban-table-bigger-swimlane-border-spacing: $kanban-table-bigger-border-spacing !default;
-$kanban-table-col-collapse-width: 42px !default;
-$kanban-table-col-collapse-bgr-width: 48px !default;
-$kanban-frozen-swimlane-row-padding: 12px 12px 12px 20px !default;
-$kanban-frozen-swimlane-row-bgr-padding: 16px 16px 16px 28px !default;
-$kanban-frozen-swimlane-row-header-padding: 0 0 0 8px !default;
-$kanban-frozen-swimlane-row-header-line-height: $leading-normal !default;
-$kanban-frozen-swimlane-row-header-font-size: $text-sm !default;
-$kanban-frozen-swimlane-row-header-bgr-font-size: $text-base !default;
-$kanban-frozen-swl-row-head-item-count-font-size: $text-xxs !default;
-$kanban-frozen-swl-row-head-item-count-bgr-font-size: $text-xs !default;
-$kanban-frozen-swl-row-head-item-count-line-height: $leading-normal !default;
-$kanban-frozen-swl-row-head-item-count-bgr-line-height: $leading-relaxed !default;
-$kanban-frozen-swl-row-head-item-count-padding: 3px !default;
-$kanban-frozen-swl-row-head-item-count-bgr-padding: 4px !default;
-$kanban-frozen-swl-row-head-item-count-opacity: 1 !default;
-$kanban-frozen-swl-row-head-item-count-font-weight: $font-weight-medium !default;
-$kanban-swl-frozen-header-item-count-color: $content-text-color-alt3 !default;
-$kanban-swl-frozen-header-row-icon-border: 1px solid $transparent !default;
-$kanban-swl-frozen-header-row-icon-height: 20px !default;
-$kanban-swl-frozen-header-row-icon-margin: 1px !default;
-$kanban-swl-frozen-header-row-icon-padding: 0 !default;
-$kanban-swl-frozen-header-row-icon-font-size: $text-lg !default;
-$kanban-swl-frz-head-row-icon-hover-margin: 1px !default;
-$kanban-swl-frz-header-row-icon-hover-padding: 0 !default;
-$kanban-swl-frozen-header-row-icon-hover-bg-color: $transparent !default;
-$kanban-swl-frozen-header-row-icon-focus-bg-color: $transparent !default;
-$kanban-swl-frozen-header-row-icon-hover-border: 1px solid $transparent !default;
-$kanban-swl-frozen-header-row-icon-hover-box-shadow: $shadow-focus-ring1 !default;
-$kanban-swl-frozen-header-row-icon-hover-color: $primary !default;
-$kanban-swl-frozen-header-row-icon-focus-box-shadow: $shadow-focus-ring1 !default;
-$kanban-header-cell-height: 42px !default;
-$kanban-header-cell-bgr-height: 48px !default;
-$kanban-header-cell-padding: 12px !default;
-$kanban-header-cell-bgr-padding: 16px !default;
-$kanban-stacked-header-cell-border-btm: 1px solid $border !default;
-$kanban-toggle-header-icon-font-size: $text-lg !default;
-$kanban-toggle-header-icon-bgr-font-size: $text-xl !default;
-$kanban-toggle-header-expand-icon-padding: 0 !default;
-$kanban-toggle-header-collapse-icon-padding: 0 !default;
-$kanban-toggle-header-collapse-width: 42px !default;
-$kanban-header-text-font-size: $text-xs !default;
-$kanban-header-text-font-weight: $font-weight-medium !default;
-$kanban-header-text-line-height: $leading-normal !default;
-$kanban-header-text-overflow: ellipsis !default;
-$kanban-header-text-bgr-font-size: $text-sm !default;
-$kanban-header-text-bgr-font-weight: $font-weight-medium !default;
-$kanban-header-text-bgr-line-height: $leading-normal !default;
-$kanban-header-text-bgr-transform: uppercase !default;
-$kanban-header-item-count-font-size: $text-xxs !default;
-$kanban-header-item-count-font-weight: $font-weight-medium !default;
-$kanban-header-item-count-line-height: $leading-relaxed !default;
-$kanban-header-item-count-opacity: 1 !default;
-$kanban-header-item-count-margin-top: 2px !default;
-$kanban-header-item-count-text-transform: uppercase !default;
-$kanban-header-item-count-bgr-font-size: $text-xs !default;
-$kanban-header-item-count-bgr-font-weight: $font-weight-medium !default;
-$kanban-header-item-count-bgr-line-height: $leading-normal !default;
-$kanban-header-item-count-bgr-margin-top: 2px !default;
-$kanban-header-item-count-bgr-text-transform: uppercase !default;
-$kanban-header-min-max-count-font-size: $text-xxs !default;
-$kanban-header-min-max-count-font-weight: $font-weight-medium !default;
-$kanban-header-min-max-count-opacity: 1 !default;
-$kanban-collapse-header-text-color: $content-text-color-alt2 !default;
-$kanban-collapse-header-text-font-size: $text-xs !default;
-$kanban-collapse-header-text-font-weight: $font-weight-medium !default;
-$kanban-collapse-header-text-padding: 12px !default;
-$kanban-collapse-header-text-transform: uppercase !default;
-$kanban-card-container-padding: 12px 12px 0 !default;
-$kanban-card-container-bgr-padding: 16px 16px 0 !default;
-$kanban-empty-card-font-size: $text-sm !default;
-$kanban-empty-card-line-height: $leading-normal !default;
-$kanban-empty-card-padding: 20px 0 !default;
-$kanban-empty-card-color: $content-text-color-alt2 !default;
-$kanban-empty-card-margin: 0 auto !default;
-$kanban-empty-card-display: table !default;
-$kanban-card-margin-bottom: 12px !default;
-$kanban-card-bgr-margin-bottom: 16px !default;
-$kanban-card-border: 1px solid $transparent !default;
-$kanban-card-border-radius: 6px !default;
-$kanban-card-normal-box-shadow: $shadow !default;
-$kanban-card-header-padding: 18px 18px 0 !default;
-$kanban-card-header-bgr-padding: 24px 24px 0 !default;
-$kanban-color-card-header-padding: 18px 18px 0 18px !default;
-$kanban-color-card-header-bgr-padding: 24px 24px 0 24px !default;
-$kanban-card-header-title-font-size: 14px !default;
-$kanban-card-header-title-line-height: $leading-relaxed !default;
-$kanban-card-header-title-font-weight: $font-weight-medium !default;
-$kanban-card-header-title-bgr-font-size: $text-base !default;
-$kanban-card-header-title-bgr-line-height: $leading-normal !default;
-$kanban-card-footer-padding: 8px 18px !default;
-$kanban-card-footer-bgr-padding: 0 24px 12px !default;
-$kanban-color-card-footer-padding: 8px 18px 18px 18px !default;
-$kanban-color-card-footer-bgr-padding: 0 24px 12px 24px !default;
-$kanban-card-content-font-size: $text-sm !default;
-$kanban-card-content-line-height: $leading-relaxed !default;
-$kanban-card-content-padding: 12px 18px !default;
-$kanban-color-card-content-padding: 12px 18px 8px 18px !default;
-$kanban-card-content-bgr-font-size: $text-base !default;
-$kanban-card-content-bgr-line-height: $leading-normal !default;
-$kanban-card-content-bgr-padding: 8px 24px 12px !default;
-$kanban-color-card-content-bgr-padding: 8px 24px 12px 24px !default;
-$kanban-color-card-border: 1px solid $transparent !default;
-$kanban-color-card-border-left: 2px 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: $shadow-lg !default;
-$kanban-color-card-focus-border: $kanban-card-border !default;
-$kanban-color-card-focus-border-left: 2px solid !default;
-$kanban-color-card-tags-padding: 0 18px 0 18px !default;
-$kanban-card-tags-padding: 12px 18px 0 !default;
-$kanban-color-card-selection-border: 1px solid $border-light !default;
-$kanban-color-card-selection-border-left: 2px solid !default;
-$kanban-color-card-selection-box-shadow: $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: $shadow-lg !default;
-$kanban-color-card-selection-hover-padding: 0 !default;
-$kanban-card-selection-border: 1px solid $border-light !default;
-$kanban-card-selection-box-shadow: $shadow !default;
-$kanban-card-selection-hover-border: $kanban-card-border !default;
-$kanban-card-selection-hover-box-shadow: $shadow-lg !default;
-$kanban-card-selection-hover-padding: 0 !default;
-$kanban-card-tag-border-radius: 2px !default;
-$kanban-card-tag-font-size: $text-sm !default;
-$kanban-card-tag-line-height: $leading-relaxed !default;
-$kanban-card-tag-margin-right: 4px !default;
-$kanban-card-tag-padding: 1px 4px !default;
-$kanban-card-hover-border: $kanban-card-border !default;
-$kanban-card-normal-hover-box-shadow: $shadow-lg !default;
-$kanban-card-focus-border: $kanban-card-border !default;
-$kanban-multi-card-text-bg-color: $content-bg-color !default;
-$kanban-target-drag-drop-clone-margin-bottom: 12px !default;
-$kanban-target-drag-drop-clone-bgr-margin-bottom: 16px !default;
-$kanban-target-drag-drop-clone-border-radius: 6px !default;
-$kanban-target-dragged-clone-bg-color: $content-bg-color-alt3 !default;
-$kanban-swl-row-height: 46px !default;
-$kanban-swl-row-header-padding: 12px !default;
-$kanban-swl-row-header-bgr-padding: 16px !default;
-$kanban-swl-header-icon-border: 1px solid transparent !default;
-$kanban-swl-header-icon-color: $kanban-icons-color !default;
-$kanban-swl-header-icon-height: 20px !default;
-$kanban-swl-header-icon-margin: 1px !default;
-$kanban-swl-header-icon-rtl-margin: 1px !default;
-$kanban-swl-header-icon-padding: 0 !default;
-$kanban-swl-header-icon-font-size: $text-lg !default;
-$kanban-swl-header-icon-bgr-font-size: $text-sm !default;
-$kanban-swl-header-icon-hover-border: $kanban-swl-header-icon-border !default;
-$kanban-swl-header-icon-hover-color: $primary !default;
-$kanban-swl-header-icon-hover-margin: 1px !default;
-$kanban-swl-header-icon-hover-padding: 0 !default;
-$kanban-swl-header-icon-hover-font-size: $text-lg !default;
-$kanban-swl-header-icon-hover-background: none !default;
-$kanban-swl-header-icon-hover-border-radius: $kanban-icons-border-radius !default;
-$kanban-swl-header-icon-hover-box-shadow: $shadow-focus-ring1 !default;
-$kanban-swl-header-text-line-height: $leading-normal;
-$kanban-swl-header-text-bgr-line-height: $leading-normal;
-$kanban-swl-header-text-padding: 0 0 0 8px;
-$kanban-swl-header-text-bgr-font-size: $text-base;
-$kanban-swl-header-item-count-font-size: $text-xxs;
-$kanban-swl-header-item-count-line-height: $leading-relaxed;
-$kanban-swl-header-item-count-font-opacity: 1;
-$kanban-swl-header-item-count-padding: 3px;
-$kanban-swl-header-item-count-color: $content-text-color-alt3;
-$kanban-swl-header-item-count-font-weight: $font-weight-medium;
-$kanban-swl-header-item-count-bgr-font-size: $text-xs;
-$kanban-swl-header-item-count-bgr-line-height: $leading-normal;
-$kanban-swl-header-item-count-bgr-padding: 4px;
-$kanban-content-cells-focus-border: 1px solid $transparent;
-$kanban-content-cells-focus-box-shadow: $shadow-lg;
-$kanban-mb-swl-name-font-size: $text-base;
-$kanban-mb-swl-name-padding: 5px;
-$kanban-mb-swl-name-color: inherit;
-$kanban-mb-swl-name-font-weight: $font-weight-medium;
-$kanban-mb-swl-name-line-height: $leading-normal;
-$kanban-mb-swl-menu-icon-font-size: $text-lg;
-$kanban-mb-swl-menu-icon-bgr-font-size: $text-xl;
-$kanban-mb-swl-menu-icon-color: inherit;
-$kanban-mb-swl-overlay-opacity: 1;
-$kanban-dialog-form-table-td-line-height: $leading-normal;
-$kanban-dialog-form-table-td-opacity: 1;
-$kanban-dialog-form-table-td-padding: 8px 0;
-$kanban-dialog-form-table-td-color: $content-text-color-alt1;
-$kanban-dialog-form-table-td-font-weight: $font-weight-medium;
-$kanban-mb-popup-content-padding: 5px !default;
-$kanban-mb-popup-content-color: inherit !default;
-$kanban-dialog-text-area-focus-shadow: 0 0 0 2px $primary !default;
-
-//Color Start
-$kanban-header-text-color: $content-text-color-alt2 !default;
-$kanban-header-item-count-color: $content-text-color-alt3 !default;
-$kanban-header-limits-color: $content-text-color-alt3 !default;
-$kanban-col-expand-collapse-bg-color: none;
-$kanban-col-expand-collapse-color: $primary;
-$kanban-col-expand-collapse-border: 1px solid $transparent;
-$kanban-col-expand-collapse-box-shadow: $shadow-focus-ring1;
-
-//Color End

package/styles/kanban/_theme.scss

@@ -1,153 +0,0 @@
-@include export-module('kanban-theme') {
-
-  /*! kanban component theme */
-  .e-kanban {
-    background: $kanban-bg-color;
-
-    .e-kanban-table {
-      .e-header-cells {
-        background: $kanban-column-bg-color;
-
-        .e-header-text {
-          color: $kanban-header-text-color;
-        }
-
-        .e-item-count {
-          color: $kanban-header-item-count-color;
-        }
-
-        .e-limits {
-          color: $kanban-header-limits-color;
-        }
-
-        .e-column-expand,
-        .e-column-collapse {
-          border: 1px solid transparent;
-          color: $kanban-icons-color;
-
-          &:hover,
-          &:focus {
-            background: $kanban-col-expand-collapse-bg-color;
-            border: $kanban-col-expand-collapse-border;
-            border-radius: $kanban-icons-border-radius;
-            box-shadow: $kanban-col-expand-collapse-box-shadow;
-            color: $kanban-col-expand-collapse-color;
-          }
-        }
-      }
-
-      &.e-content-table {
-        .e-content-row:not(.e-swimlane-row) td {
-          background: $kanban-column-bg-color;
-        }
-
-        .e-content-row {
-
-          &.e-swimlane-row {
-            .e-swimlane-text,
-            .e-item-count {
-              color: $kanban-default-font-color;
-            }
-          }
-
-          .e-show-add-button {
-
-            &:hover {
-              background: $kanban-dropped-clone-bg-color;
-            }
-
-            .e-show-add-icon {
-              color: $kanban-dropped-clone-border-color;
-            }
-          }
-        }
-
-        .e-card {
-          @if ($skin-name == 'tailwind' or $skin-name == 'bootstrap5' or $skin-name == 'FluentUI') {
-            background: $kanban-card-bg-color;
-          }
-
-          &.e-selection {
-            background: $kanban-card-selection-bg-color;
-          }
-
-          .e-card-header {
-            color: $kanban-default-font-color;
-          }
-
-          .e-card-content {
-            color: $kanban-content-font;
-          }
-
-          .e-card-tag {
-            &.e-card-label {
-              background: $kanban-tags-bg-color;
-              color: $kanban-tags-color;
-            }
-          }
-        }
-
-        .e-target-multi-clone {
-          .e-column-key {
-            &.e-multi-active {
-              background: $kanban-dropped-clone-bg-color;
-              border-color: $kanban-dropped-clone-border-color;
-            }
-
-            &.e-multi-bottom-border {
-              border-bottom-color: $kanban-dropped-clone-border-color;
-            }
-
-            &.e-multi-active:first-child {
-              border-color: $kanban-dropped-clone-border-color;
-            }
-          }
-        }
-      }
-    }
-
-    .e-frozen-swimlane-row {
-      background: $kanban-bg-color;
-
-      .e-swimlane-header {
-        .e-swimlane-text {
-          color: $kanban-default-font-color;
-        }
-
-        .e-item-count {
-          color: $kanban-swl-frozen-header-item-count-color;
-        }
-      }
-    }
-  }
-
-  .e-kanban-dialog.e-dialog {
-    .e-kanban-form-wrapper table {
-      textarea {
-        background: $kanban-text-area-bg-color;
-        color: $kanban-text-area-color;
-        min-width: 70%;
-
-        @if $skin-name == 'fabric' or $skin-name == 'fabric-dark' or $skin-name == 'bootstrap5' or $skin-name == 'highcontrast' or $skin-name == 'tailwind' {
-          font-weight: normal;
-        }
-
-        @if ($skin-name == 'tailwind' or $skin-name == 'bootstrap5') {
-          border-color: $kanban-dialog-text-areas-border-color;
-          border-radius: 4px;
-          outline: none;
-          padding: 4px 8px 4px 12px;
-        }
-
-        &:focus {
-          box-shadow: $kanban-dialog-text-area-focus-shadow;
-        }
-      }
-    }
-  }
-
-  .e-card-virtual-skeleton-wrapper,
-  .e-card-skeleton-wrapper {
-    background: $kanban-column-bg-color;
-  }
-}

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

@@ -1,47 +0,0 @@
-@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';
-  }
-}