@progress/kendo-theme-bootstrap 5.12.1-dev.1 → 5.12.1-dev.3

package/scss/stepper/_variables.scss

@@ -1,87 +1,87 @@
 // Stepper
-$stepper-margin-x: null !default;
-$stepper-margin-y: null !default;
-$stepper-padding-x: null !default;
-$stepper-padding-y: null !default;
-$stepper-label-margin-x: 12px !default;
-$stepper-label-padding-x: 12px !default;
-$stepper-label-padding-y: 5px !default;
-$stepper-border-width: 0px !default;
-
-$stepper-inline-content-padding-x: 20px !default;
-$stepper-inline-content-padding-y: 10px !default;
-
-$stepper-font-size: $font-size !default;
-$stepper-line-height: $line-height !default;
-$stepper-font-family: $font-family !default;
-
-$stepper-bg: null !default;
-$stepper-text: $kendo-component-text !default;
-$stepper-border: null !default;
-
-$stepper-indicator-width: 28px !default;
-$stepper-indicator-height: $stepper-indicator-width !default;
-$stepper-indicator-border-radius: 50% !default;
-$stepper-indicator-border-width: 1px !default;
-
-$stepper-indicator-focus-border-width: 1px !default;
-$stepper-indicator-focus-size: 2px !default;
-$stepper-indicator-focus-offset: 3px !default;
-$stepper-indicator-focus-calc-offset: calc( #{$stepper-indicator-focus-border-width} + #{$stepper-indicator-focus-offset} ) !default;
-
-$stepper-indicator-bg: $kendo-component-bg !default;
-$stepper-indicator-text: $kendo-component-text !default;
-$stepper-indicator-border: $kendo-component-border !default;
-
-$stepper-indicator-hover-bg: k-try-shade( $stepper-indicator-bg ) !default;
-$stepper-indicator-hover-text: null !default;
-$stepper-indicator-hover-border: null !default;
-
-$stepper-indicator-disabled-bg: null !default;
-$stepper-indicator-disabled-text: $kendo-disabled-text !default;
-$stepper-indicator-disabled-border: null !default;
-
-$stepper-indicator-done-bg: $kendo-color-primary !default;
-$stepper-indicator-done-text: k-contrast-color( $stepper-indicator-done-bg ) !default;
-$stepper-indicator-done-border: $stepper-indicator-done-bg !default;
-
-$stepper-indicator-done-hover-bg: k-try-shade( $stepper-indicator-done-bg ) !default;
-$stepper-indicator-done-hover-text: null !default;
-$stepper-indicator-done-hover-border: null !default;
-
-$stepper-indicator-done-disabled-bg: k-color-mix( $stepper-indicator-done-bg, $kendo-component-bg, 60%) !default;
-$stepper-indicator-done-disabled-text: k-contrast-color( $stepper-indicator-done-bg ) !default;
-$stepper-indicator-done-disabled-border: $stepper-indicator-done-disabled-bg !default;
-
-$stepper-indicator-current-bg: $stepper-indicator-done-bg !default;
-$stepper-indicator-current-text: $stepper-indicator-done-text !default;
-$stepper-indicator-current-border: $stepper-indicator-done-border !default;
-
-$stepper-indicator-current-hover-bg: $stepper-indicator-done-hover-bg !default;
-$stepper-indicator-current-hover-text: $stepper-indicator-done-hover-text !default;
-$stepper-indicator-current-hover-border: $stepper-indicator-done-hover-border !default;
-
-$stepper-indicator-current-disabled-bg: $stepper-indicator-done-disabled-bg !default;
-$stepper-indicator-current-disabled-text: $stepper-indicator-done-disabled-text !default;
-$stepper-indicator-current-disabled-border: $stepper-indicator-done-disabled-border !default;
-
-$stepper-label-text: null !default;
-$stepper-label-success-text: $kendo-color-success !default;
-$stepper-label-error-text: $kendo-color-error !default;
-$stepper-label-hover-text: null !default;
-$stepper-label-disabled-text: $kendo-disabled-text !default;
-
-$stepper-optional-label-text: $kendo-subtle-text !default;
-$stepper-optional-label-opacity: null !default;
-$stepper-optional-label-font-size: $font-size-sm !default;
-$stepper-optional-label-font-style: null !default;
-
-$stepper-progressbar-size: 2px !default;
-$stepper-progressbar-bg: null !default;
-$stepper-progressbar-text: null !default;
-$stepper-progressbar-fill-bg: null !default;
-$stepper-progressbar-fill-text: null !default;
-
-$stepper-content-transition-property: height !default;
-$stepper-content-transition-duration: 300ms !default;
-$stepper-content-transition-timing-function: cubic-bezier(.4, 0, .2, 1) 0ms !default;
+$kendo-stepper-margin-x: null !default;
+$kendo-stepper-margin-y: null !default;
+$kendo-stepper-padding-x: null !default;
+$kendo-stepper-padding-y: null !default;
+$kendo-stepper-label-margin-x: 12px !default;
+$kendo-stepper-label-padding-x: 12px !default;
+$kendo-stepper-label-padding-y: 5px !default;
+$kendo-stepper-border-width: 0px !default;
+
+$kendo-stepper-inline-content-padding-x: 20px !default;
+$kendo-stepper-inline-content-padding-y: 10px !default;
+
+$kendo-stepper-font-size: $kendo-font-size-md !default;
+$kendo-stepper-line-height: $kendo-line-height-md !default;
+$kendo-stepper-font-family: $kendo-font-family !default;
+
+$kendo-stepper-bg: null !default;
+$kendo-stepper-text: $kendo-component-text !default;
+$kendo-stepper-border: null !default;
+
+$kendo-stepper-indicator-width: 28px !default;
+$kendo-stepper-indicator-height: $kendo-stepper-indicator-width !default;
+$kendo-stepper-indicator-border-radius: 50% !default;
+$kendo-stepper-indicator-border-width: 1px !default;
+
+$kendo-stepper-indicator-focus-border-width: 1px !default;
+$kendo-stepper-indicator-focus-size: 2px !default;
+$kendo-stepper-indicator-focus-offset: 3px !default;
+$kendo-stepper-indicator-focus-calc-offset: calc( #{$kendo-stepper-indicator-focus-border-width} + #{$kendo-stepper-indicator-focus-offset} ) !default;
+
+$kendo-stepper-indicator-bg: $kendo-component-bg !default;
+$kendo-stepper-indicator-text: $kendo-component-text !default;
+$kendo-stepper-indicator-border: $kendo-component-border !default;
+
+$kendo-stepper-indicator-hover-bg: k-try-shade( $kendo-stepper-indicator-bg ) !default;
+$kendo-stepper-indicator-hover-text: null !default;
+$kendo-stepper-indicator-hover-border: null !default;
+
+$kendo-stepper-indicator-disabled-bg: null !default;
+$kendo-stepper-indicator-disabled-text: $kendo-disabled-text !default;
+$kendo-stepper-indicator-disabled-border: null !default;
+
+$kendo-stepper-indicator-done-bg: $kendo-color-primary !default;
+$kendo-stepper-indicator-done-text: k-contrast-color( $kendo-stepper-indicator-done-bg ) !default;
+$kendo-stepper-indicator-done-border: $kendo-stepper-indicator-done-bg !default;
+
+$kendo-stepper-indicator-done-hover-bg: k-try-shade( $kendo-stepper-indicator-done-bg ) !default;
+$kendo-stepper-indicator-done-hover-text: null !default;
+$kendo-stepper-indicator-done-hover-border: null !default;
+
+$kendo-stepper-indicator-done-disabled-bg: k-color-mix( $kendo-stepper-indicator-done-bg, $kendo-component-bg, 60%) !default;
+$kendo-stepper-indicator-done-disabled-text: k-contrast-color( $kendo-stepper-indicator-done-bg ) !default;
+$kendo-stepper-indicator-done-disabled-border: $kendo-stepper-indicator-done-disabled-bg !default;
+
+$kendo-stepper-indicator-current-bg: $kendo-stepper-indicator-done-bg !default;
+$kendo-stepper-indicator-current-text: $kendo-stepper-indicator-done-text !default;
+$kendo-stepper-indicator-current-border: $kendo-stepper-indicator-done-border !default;
+
+$kendo-stepper-indicator-current-hover-bg: $kendo-stepper-indicator-done-hover-bg !default;
+$kendo-stepper-indicator-current-hover-text: $kendo-stepper-indicator-done-hover-text !default;
+$kendo-stepper-indicator-current-hover-border: $kendo-stepper-indicator-done-hover-border !default;
+
+$kendo-stepper-indicator-current-disabled-bg: $kendo-stepper-indicator-done-disabled-bg !default;
+$kendo-stepper-indicator-current-disabled-text: $kendo-stepper-indicator-done-disabled-text !default;
+$kendo-stepper-indicator-current-disabled-border: $kendo-stepper-indicator-done-disabled-border !default;
+
+$kendo-stepper-label-text: null !default;
+$kendo-stepper-label-success-text: $kendo-color-success !default;
+$kendo-stepper-label-error-text: $kendo-color-error !default;
+$kendo-stepper-label-hover-text: null !default;
+$kendo-stepper-label-disabled-text: $kendo-disabled-text !default;
+
+$kendo-stepper-optional-label-text: $kendo-subtle-text !default;
+$kendo-stepper-optional-label-opacity: null !default;
+$kendo-stepper-optional-label-font-size: $kendo-font-size-sm !default;
+$kendo-stepper-optional-label-font-style: null !default;
+
+$kendo-stepper-progressbar-size: 2px !default;
+$kendo-stepper-progressbar-bg: null !default;
+$kendo-stepper-progressbar-text: null !default;
+$kendo-stepper-progressbar-fill-bg: null !default;
+$kendo-stepper-progressbar-fill-text: null !default;
+
+$kendo-stepper-content-transition-property: height !default;
+$kendo-stepper-content-transition-duration: 300ms !default;
+$kendo-stepper-content-transition-timing-function: cubic-bezier(.4, 0, .2, 1) 0ms !default;

package/scss/switch/_index.scss

@@ -3,7 +3,7 @@
 
 // Dependencies
 @import "../common/_index.scss";
-@import "../utils/_border.scss";
+// @import "../utils/_border.scss";
 
 
 // Component

package/scss/switch/_variables.scss

@@ -71,7 +71,7 @@ $kendo-switch-off-track-focus-ring: .25rem solid rgba( $kendo-color-primary, .25
 
 /// The background of the track when the disabled switch is not checked.
 /// @group switch
-$kendo-switch-off-track-disabled-bg: if( $dark-theme, $gray-800, $gray-200 ) !default;
+$kendo-switch-off-track-disabled-bg: if( $kendo-is-dark-theme, $gray-800, $gray-200 ) !default;
 /// The text color of the track when the disabled switch is not checked.
 /// @group switch
 $kendo-switch-off-track-disabled-text: null !default;

package/scss/table/_index.scss

@@ -3,16 +3,9 @@
 
 // Dependencies
 @import "../common/_index.scss";
-@import "../input/_index.scss";
-@import "../floating-label/_index.scss";
-@import "../combobox/_index.scss";
-@import "../popup/_index.scss";
-@import "../toolbar/_variables.scss";
-@import "../menu/_variables.scss";
 
 
 // Component
 @import "./_variables.scss";
 @import "./_layout.scss";
 @import "./_theme.scss";
-

package/scss/table/_variables.scss

@@ -1,3 +1,6 @@
+@import "../list/_variables.scss";
+
+
 // Table
 
 /// The width of the table border.
@@ -26,35 +29,35 @@ $kendo-table-cell-padding-x: null !default;
 /// @group table
 $kendo-table-cell-padding-y: null !default;
 
-$kendo-table-cell-padding-x-sm: k-map-get( $kendo-spacing, 2 ) !default;
-$kendo-table-cell-padding-y-sm: k-map-get( $kendo-spacing, 1 ) !default;
+$kendo-table-sm-cell-padding-x: k-map-get( $kendo-spacing, 2 ) !default;
+$kendo-table-sm-cell-padding-y: k-map-get( $kendo-spacing, 1 ) !default;
 
-$kendo-table-cell-padding-x-md: $table-cell-padding-x !default;
-$kendo-table-cell-padding-y-md: $table-cell-padding-y !default;
+$kendo-table-md-cell-padding-x: $table-cell-padding-x !default;
+$kendo-table-md-cell-padding-y: $table-cell-padding-y !default;
 
-$kendo-table-cell-padding-x-lg: k-map-get( $kendo-spacing, 2 ) !default;
-$kendo-table-cell-padding-y-lg: k-map-get( $kendo-spacing, 2.5 ) !default;
+$kendo-table-lg-cell-padding-x: k-map-get( $kendo-spacing, 2 ) !default;
+$kendo-table-lg-cell-padding-y: k-map-get( $kendo-spacing, 2.5 ) !default;
 
 /// The sizes of the table.
 /// @group table
 $kendo-table-sizes: (
     sm: (
-        font-size: $font-size-md,
-        line-height: $line-height-md,
-        cell-padding-x: $kendo-table-cell-padding-x-sm,
-        cell-padding-y: $kendo-table-cell-padding-y-sm
+        font-size: $kendo-font-size-md,
+        line-height: $kendo-line-height-md,
+        cell-padding-x: $kendo-table-sm-cell-padding-x,
+        cell-padding-y: $kendo-table-sm-cell-padding-y
     ),
     md: (
-        font-size: $font-size-md,
-        line-height: $line-height-md,
-        cell-padding-x: $kendo-table-cell-padding-x-md,
-        cell-padding-y: $kendo-table-cell-padding-y-md
+        font-size: $kendo-font-size-md,
+        line-height: $kendo-line-height-md,
+        cell-padding-x: $kendo-table-md-cell-padding-x,
+        cell-padding-y: $kendo-table-md-cell-padding-y
     ),
     lg: (
-        font-size: $font-size-md,
-        line-height: $line-height-md,
-        cell-padding-x: $kendo-table-cell-padding-x-lg,
-        cell-padding-y: $kendo-table-cell-padding-y-lg
+        font-size: $kendo-font-size-md,
+        line-height: $kendo-line-height-md,
+        cell-padding-x: $kendo-table-lg-cell-padding-x,
+        cell-padding-y: $kendo-table-lg-cell-padding-y
     )
 ) !default;
 

package/scss/tabstrip/_variables.scss

@@ -1,108 +1,109 @@
 // Tabstrip
-$tabstrip-wrapper-padding-x: 0px !default;
-$tabstrip-wrapper-padding-y: 0px !default;
-$tabstrip-wrapper-border-width: 0px !default;
 
-$tabstrip-font-family: $font-family !default;
-$tabstrip-font-size: $font-size !default;
-$tabstrip-line-height: $line-height !default;
-$tabstrip-border-width: 1px !default;
+$kendo-tabstrip-wrapper-padding-x: 0px !default;
+$kendo-tabstrip-wrapper-padding-y: 0px !default;
+$kendo-tabstrip-wrapper-border-width: 0px !default;
 
-$tabstrip-wrapper-bg: null !default;
-$tabstrip-wrapper-text: null !default;
-$tabstrip-wrapper-border: null !default;
+$kendo-tabstrip-font-family: $kendo-font-family !default;
+$kendo-tabstrip-font-size: $kendo-font-size-md !default;
+$kendo-tabstrip-line-height: $kendo-line-height-md !default;
+$kendo-tabstrip-border-width: 1px !default;
+
+$kendo-tabstrip-wrapper-bg: null !default;
+$kendo-tabstrip-wrapper-text: null !default;
+$kendo-tabstrip-wrapper-border: null !default;
 
 /// Background color of tabstrip component
 /// @group tabstrip
-$tabstrip-bg: null !default;
+$kendo-tabstrip-bg: null !default;
 /// Text color of tabstrip component
 /// @group tabstrip
-$tabstrip-text: $kendo-component-text !default;
+$kendo-tabstrip-text: $kendo-component-text !default;
 /// Border color of tabstrip component
 /// @group tabstrip
-$tabstrip-border: $kendo-component-border !default;
+$kendo-tabstrip-border: $kendo-component-border !default;
 
 /// Horizontal padding of tabs
 /// @group tabstrip
-$tabstrip-item-padding-x: $nav-link-padding-x !default;
+$kendo-tabstrip-item-padding-x: $nav-link-padding-x !default;
 /// Vertical padding of tabs
 /// @group tabstrip
-$tabstrip-item-padding-y: $nav-link-padding-y !default;
+$kendo-tabstrip-item-padding-y: $nav-link-padding-y !default;
 /// Width of border around tabs
 /// @group tabstrip
-$tabstrip-item-border-width: 1px !default;
+$kendo-tabstrip-item-border-width: 1px !default;
 /// Border radius of tabs
 /// @group tabstrip
-$tabstrip-item-border-radius: k-map-get( $kendo-spacing, 1 ) !default;
+$kendo-tabstrip-item-border-radius: k-map-get( $kendo-spacing, 1 ) !default;
 /// Spacing between tabs
 /// @group tabstrip
-$tabstrip-item-gap: 0 !default;
+$kendo-tabstrip-item-gap: 0 !default;
 
 /// Background color of tabs
 /// @group tabstrip
-$tabstrip-item-bg: null !default;
+$kendo-tabstrip-item-bg: null !default;
 /// Text color of tabs
 /// @group tabstrip
-$tabstrip-item-text: $link-text !default;
+$kendo-tabstrip-item-text: $kendo-link-text !default;
 /// Border color of tabs
 /// @group tabstrip
-$tabstrip-item-border: null !default;
+$kendo-tabstrip-item-border: null !default;
 /// Background gradient of tabs
 /// @group tabstrip
-$tabstrip-item-gradient: null !default;
+$kendo-tabstrip-item-gradient: null !default;
 
 /// Background color of hovered tabs
 /// @group tabstrip
-$tabstrip-item-hover-bg: null !default;
+$kendo-tabstrip-item-hover-bg: null !default;
 /// Text color of hovered tabs
 /// @group tabstrip
-$tabstrip-item-hover-text: $link-hover-text !default;
+$kendo-tabstrip-item-hover-text: $kendo-link-hover-text !default;
 /// Border color of hovered tabs
 /// @group tabstrip
-$tabstrip-item-hover-border: $gray-200 !default;
+$kendo-tabstrip-item-hover-border: $gray-200 !default;
 /// Background gradient of hovered tabs
 /// @group tabstrip
-$tabstrip-item-hover-gradient: null !default;
+$kendo-tabstrip-item-hover-gradient: null !default;
 
 /// Background color of selected tabs
 /// @group tabstrip
-$tabstrip-item-selected-bg: $kendo-component-bg !default;
+$kendo-tabstrip-item-selected-bg: $kendo-component-bg !default;
 /// Text color of selected tabs
 /// @group tabstrip
-$tabstrip-item-selected-text: $kendo-component-text !default;
+$kendo-tabstrip-item-selected-text: $kendo-component-text !default;
 /// Border color of selected tabs
 /// @group tabstrip
-$tabstrip-item-selected-border: $kendo-component-border !default;
+$kendo-tabstrip-item-selected-border: $kendo-component-border !default;
 /// Background gradient of selected tabs
 /// @group tabstrip
-$tabstrip-item-selected-gradient: null !default;
+$kendo-tabstrip-item-selected-gradient: null !default;
 
-$tabstrip-item-focus-shadow: $kendo-list-item-focus-shadow !default;
+$kendo-tabstrip-item-focus-shadow: $kendo-list-item-focus-shadow !default;
 
-$tabstrip-item-dragging-shadow: 0px 3px 4px rgba( black, .15 ) !default;
+$kendo-tabstrip-item-dragging-shadow: 0px 3px 4px rgba( black, .15 ) !default;
 
-$tabstrip-indicator-size: null !default;
-$tabstrip-indicator-color: null !default;
+$kendo-tabstrip-indicator-size: null !default;
+$kendo-tabstrip-indicator-color: null !default;
 
 /// Horizontal padding of tabstrip content
 /// @group tabstrip
-$tabstrip-content-padding-x: k-map-get( $kendo-spacing, 4 ) !default;
+$kendo-tabstrip-content-padding-x: k-map-get( $kendo-spacing, 4 ) !default;
 /// Vertical padding of tabstrip content
 /// @group tabstrip
-$tabstrip-content-padding-y: k-map-get( $kendo-spacing, 4 ) !default;
+$kendo-tabstrip-content-padding-y: k-map-get( $kendo-spacing, 4 ) !default;
 /// Width of border around tabstrip content
 /// @group tabstrip
-$tabstrip-content-border-width: $tabstrip-border-width !default;
+$kendo-tabstrip-content-border-width: $kendo-tabstrip-border-width !default;
 
 /// Background color of tabstrip content
 /// @group tabstrip
-$tabstrip-content-bg: $kendo-component-bg !default;
+$kendo-tabstrip-content-bg: $kendo-component-bg !default;
 /// Text color of tabstrip content
 /// @group tabstrip
-$tabstrip-content-text: $kendo-component-text !default;
+$kendo-tabstrip-content-text: $kendo-component-text !default;
 /// Border color of tabstrip content
 /// @group tabstrip
-$tabstrip-content-border: $kendo-component-border !default;
+$kendo-tabstrip-content-border: $kendo-component-border !default;
 /// Border color of tabstrip focused content
 /// @group tabstrip
-$tabstrip-content-focus-border: $kendo-component-text !default;
+$kendo-tabstrip-content-focus-border: $kendo-component-text !default;

package/scss/taskboard/_index.scss

@@ -2,7 +2,7 @@
 
 
 // Dependencies
-@import "../utils/_index.scss";
+// @import "../utils/_index.scss";
 @import "../common/_index.scss";
 @import "../icons/_index.scss";
 @import "../forms/_index.scss";

package/scss/taskboard/_variables.scss

@@ -1,94 +1,94 @@
 // TaskBoard
-$taskboard-spacer: k-map-get( $kendo-spacing, 4 ) !default;
-$taskboard-padding-y: null !default;
-$taskboard-padding-x: null !default;
-$taskboard-font-family: $font-family !default;
-$taskboard-font-size: $font-size !default;
-$taskboard-line-height: $line-height !default;
-$taskboard-bg: null !default;
-$taskboard-text: null !default;
-$taskboard-border: null !default;
-
-$taskboard-toolbar-padding-y: $taskboard-spacer !default;
-$taskboard-toolbar-padding-x: $taskboard-toolbar-padding-y !default;
-$taskboard-toolbar-bg: null !default;
-$taskboard-toolbar-text: null !default;
-$taskboard-toolbar-border: null !default;
-$taskboard-toolbar-gradient: null !default;
-
-$taskboard-content-padding-y: $taskboard-spacer !default;
-$taskboard-content-padding-x: $taskboard-content-padding-y !default;
-
-$taskboard-column-container-spacing-y: $taskboard-spacer * .75 !default;
-$taskboard-column-container-padding-y: 0px !default;
-$taskboard-column-container-padding-x: $taskboard-spacer * .75 !default;
-$taskboard-columns-container-gap: $taskboard-spacer !default;
-
-$taskboard-column-width: 320px !default;
-$taskboard-column-border-width: 1px !default;
-$taskboard-column-border-radius: $kendo-border-radius-sm !default;
-$taskboard-column-bg: if( $dark-theme, $gray-900, $gray-100 ) !default;
-$taskboard-column-text: null !default;
-$taskboard-column-border: transparent !default;
-
-$taskboard-column-focus-bg: null !default;
-$taskboard-column-focus-text: null !default;
-$taskboard-column-focus-border: k-try-shade( $base-border, 2.5 ) !default;
-
-$taskboard-column-header-padding-y: $taskboard-spacer * .75 !default;
-$taskboard-column-header-padding-x: $taskboard-column-header-padding-y !default;
-$taskboard-column-header-gap: k-math-div( $taskboard-spacer, 4 ) !default;
-$taskboard-column-header-actions-gap: k-math-div( $taskboard-spacer, 2 ) !default;
-$taskboard-column-header-font-weight: 500 !default;
-$taskboard-column-header-text: $kendo-component-header-text !default;
-
-$taskboard-column-cards-padding-y: $taskboard-spacer * .25 !default;
-$taskboard-column-cards-padding-x: 0px !default;
-$taskboard-column-cards-gap: $taskboard-spacer * .75 !default;
-
-$taskboard-pane-width: $taskboard-column-width !default;
-$taskboard-pane-padding-y: null !default;
-$taskboard-pane-padding-x: null !default;
-$taskboard-pane-border-width: 1px !default;
-$taskboard-pane-bg: $kendo-component-bg !default;
-$taskboard-pane-text: $kendo-component-text !default;
-$taskboard-pane-border: $kendo-component-border !default;
-
-$taskboard-pane-header-padding-y: ( $taskboard-spacer * .75 ) !default;
-$taskboard-pane-header-padding-x: $taskboard-spacer !default;
-$taskboard-pane-header-font-weight: 500 !default;
-$taskboard-pane-header-text: $kendo-component-header-text !default;
-
-$taskboard-pane-content-padding-y: 0px !default;
-$taskboard-pane-content-padding-x: $taskboard-spacer !default;
-
-$taskboard-pane-actions-padding-y: ( $taskboard-spacer * .75 ) !default;
-$taskboard-pane-actions-padding-x: $taskboard-spacer !default;
-
-$taskboard-card-padding-y: $taskboard-spacer !default;
-$taskboard-card-padding-x: $taskboard-card-padding-y !default;
-$taskboard-card-border-width: $card-border-width !default;
-$taskboard-card-border-radius: $card-border-radius !default;
-$taskboard-card-bg: $card-bg !default;
-$taskboard-card-text: $card-text !default;
-$taskboard-card-border: $card-border !default;
-$taskboard-card-shadow: $card-shadow !default;
-
-$taskboard-card-category-border-width: 4px !default;
-
-$taskboard-card-focus-border: k-try-shade( $taskboard-card-border, 18% ) !default;
-$taskboard-card-focus-shadow: $card-focus-shadow !default;
-
-$taskboard-card-hover-border: k-try-shade( $taskboard-card-border, 10% ) !default;
-
-$taskboard-card-selected-border: k-color-tint( $kendo-color-primary-lighter, 8 ) !default;
-$taskboard-card-selected-shadow: none !default;
-
-$taskboard-card-header-text: $kendo-color-primary !default;
-$taskboard-card-header-focus-text: $kendo-color-primary-darker !default;
-$taskboard-card-header-hover-text: $kendo-color-primary-darker !default;
-
-$taskboard-drag-placeholder-border-width: 1px !default;
-$taskboard-drag-placeholder-border-radius: $taskboard-card-border-radius !default;
-$taskboard-drag-placeholder-bg: rgba( if( $dark-theme, $kendo-color-white, $kendo-color-black ), .1 ) !default;
-$taskboard-drag-placeholder-border: $kendo-component-border !default;
+$kendo-taskboard-spacer: k-map-get( $kendo-spacing, 4 ) !default;
+$kendo-taskboard-padding-y: null !default;
+$kendo-taskboard-padding-x: null !default;
+$kendo-taskboard-font-family: $kendo-font-family !default;
+$kendo-taskboard-font-size: $kendo-font-size-md !default;
+$kendo-taskboard-line-height: $kendo-line-height-md !default;
+$kendo-taskboard-bg: null !default;
+$kendo-taskboard-text: null !default;
+$kendo-taskboard-border: null !default;
+
+$kendo-taskboard-toolbar-padding-y: $kendo-taskboard-spacer !default;
+$kendo-taskboard-toolbar-padding-x: $kendo-taskboard-toolbar-padding-y !default;
+$kendo-taskboard-toolbar-bg: null !default;
+$kendo-taskboard-toolbar-text: null !default;
+$kendo-taskboard-toolbar-border: null !default;
+$kendo-taskboard-toolbar-gradient: null !default;
+
+$kendo-taskboard-content-padding-y: $kendo-taskboard-spacer !default;
+$kendo-taskboard-content-padding-x: $kendo-taskboard-content-padding-y !default;
+
+$kendo-taskboard-column-container-spacing-y: $kendo-taskboard-spacer * .75 !default;
+$kendo-taskboard-column-container-padding-y: 0px !default;
+$kendo-taskboard-column-container-padding-x: $kendo-taskboard-spacer * .75 !default;
+$kendo-taskboard-columns-container-gap: $kendo-taskboard-spacer !default;
+
+$kendo-taskboard-column-width: 320px !default;
+$kendo-taskboard-column-border-width: 1px !default;
+$kendo-taskboard-column-border-radius: $kendo-border-radius-sm !default;
+$kendo-taskboard-column-bg: if( $kendo-is-dark-theme, $gray-900, $gray-100 ) !default;
+$kendo-taskboard-column-text: null !default;
+$kendo-taskboard-column-border: transparent !default;
+
+$kendo-taskboard-column-focus-bg: null !default;
+$kendo-taskboard-column-focus-text: null !default;
+$kendo-taskboard-column-focus-border: k-try-shade( $kendo-base-border, 2.5 ) !default;
+
+$kendo-taskboard-column-header-padding-y: $kendo-taskboard-spacer * .75 !default;
+$kendo-taskboard-column-header-padding-x: $kendo-taskboard-column-header-padding-y !default;
+$kendo-taskboard-column-header-gap: k-math-div( $kendo-taskboard-spacer, 4 ) !default;
+$kendo-taskboard-column-header-actions-gap: k-math-div( $kendo-taskboard-spacer, 2 ) !default;
+$kendo-taskboard-column-header-font-weight: 500 !default;
+$kendo-taskboard-column-header-text: $kendo-component-header-text !default;
+
+$kendo-taskboard-column-cards-padding-y: $kendo-taskboard-spacer * .25 !default;
+$kendo-taskboard-column-cards-padding-x: 0px !default;
+$kendo-taskboard-column-cards-gap: $kendo-taskboard-spacer * .75 !default;
+
+$kendo-taskboard-pane-width: $kendo-taskboard-column-width !default;
+$kendo-taskboard-pane-padding-y: null !default;
+$kendo-taskboard-pane-padding-x: null !default;
+$kendo-taskboard-pane-border-width: 1px !default;
+$kendo-taskboard-pane-bg: $kendo-component-bg !default;
+$kendo-taskboard-pane-text: $kendo-component-text !default;
+$kendo-taskboard-pane-border: $kendo-component-border !default;
+
+$kendo-taskboard-pane-header-padding-y: ( $kendo-taskboard-spacer * .75 ) !default;
+$kendo-taskboard-pane-header-padding-x: $kendo-taskboard-spacer !default;
+$kendo-taskboard-pane-header-font-weight: 500 !default;
+$kendo-taskboard-pane-header-text: $kendo-component-header-text !default;
+
+$kendo-taskboard-pane-content-padding-y: 0px !default;
+$kendo-taskboard-pane-content-padding-x: $kendo-taskboard-spacer !default;
+
+$kendo-taskboard-pane-actions-padding-y: ( $kendo-taskboard-spacer * .75 ) !default;
+$kendo-taskboard-pane-actions-padding-x: $kendo-taskboard-spacer !default;
+
+$kendo-taskboard-card-padding-y: $kendo-taskboard-spacer !default;
+$kendo-taskboard-card-padding-x: $kendo-taskboard-card-padding-y !default;
+$kendo-taskboard-card-border-width: $kendo-card-border-width !default;
+$kendo-taskboard-card-border-radius: $kendo-card-border-radius !default;
+$kendo-taskboard-card-bg: $kendo-card-bg !default;
+$kendo-taskboard-card-text: $kendo-card-text !default;
+$kendo-taskboard-card-border: $kendo-card-border !default;
+$kendo-taskboard-card-shadow: $kendo-card-shadow !default;
+
+$kendo-taskboard-card-category-border-width: 4px !default;
+
+$kendo-taskboard-card-focus-border: k-try-shade( $kendo-taskboard-card-border, 18% ) !default;
+$kendo-taskboard-card-focus-shadow: $kendo-card-focus-shadow !default;
+
+$kendo-taskboard-card-hover-border: k-try-shade( $kendo-taskboard-card-border, 10% ) !default;
+
+$kendo-taskboard-card-selected-border: k-color-tint( $kendo-color-primary-lighter, 8 ) !default;
+$kendo-taskboard-card-selected-shadow: none !default;
+
+$kendo-taskboard-card-header-text: $kendo-color-primary !default;
+$kendo-taskboard-card-header-focus-text: $kendo-color-primary-darker !default;
+$kendo-taskboard-card-header-hover-text: $kendo-color-primary-darker !default;
+
+$kendo-taskboard-drag-placeholder-border-width: 1px !default;
+$kendo-taskboard-drag-placeholder-border-radius: $kendo-taskboard-card-border-radius !default;
+$kendo-taskboard-drag-placeholder-bg: rgba( if( $kendo-is-dark-theme, $kendo-color-white, $kendo-color-black ), .1 ) !default;
+$kendo-taskboard-drag-placeholder-border: $kendo-component-border !default;

package/scss/tilelayout/_variables.scss

@@ -1,12 +1,12 @@
 // TileLayout
-$tilelayout-border-width: 0px !default;
-$tilelayout-card-border-width: $card-border-width !default;
-$tilelayout-card-focus-shadow: $card-focus-shadow !default;
+$kendo-tile-layout-border-width: 0px !default;
+$kendo-tile-layout-card-border-width: $kendo-card-border-width !default;
+$kendo-tile-layout-card-focus-shadow: $kendo-card-focus-shadow !default;
 
-$tilelayout-hint-border-width: 1px !default;
-$tilelayout-hint-border-radius: $card-border-radius !default;
+$kendo-tile-layout-hint-border-width: 1px !default;
+$kendo-tile-layout-hint-border-radius: $kendo-card-border-radius !default;
 
-$tilelayout-bg: $gray-100 !default;
+$kendo-tile-layout-bg: $gray-100 !default;
 
-$tilelayout-hint-bg: rgba( white, .2 ) !default;
-$tilelayout-hint-border: $kendo-component-border !default;
+$kendo-tile-layout-hint-bg: rgba( white, .2 ) !default;
+$kendo-tile-layout-hint-border: $kendo-component-border !default;