@progress/kendo-theme-classic 5.12.0 → 5.12.1-dev.1

package/scss/switch/_variables.scss

@@ -29,13 +29,13 @@ $kendo-switch-sizes: (
 
 /// The background of the track when the switch is not checked.
 /// @group switch
-$kendo-switch-off-track-bg: $component-bg !default;
+$kendo-switch-off-track-bg: $kendo-component-bg !default;
 /// The text color of the track when the switch is not checked.
 /// @group switch
-$kendo-switch-off-track-text: $component-text !default;
+$kendo-switch-off-track-text: $kendo-component-text !default;
 /// The border color of the track when the switch is not checked.
 /// @group switch
-$kendo-switch-off-track-border: $component-border !default;
+$kendo-switch-off-track-border: $kendo-component-border !default;
 /// The background gradient of the track when the switch is not checked.
 /// @group switch
 $kendo-switch-off-track-gradient: null !default;
@@ -67,7 +67,7 @@ $kendo-switch-off-track-focus-border: null !default;
 $kendo-switch-off-track-focus-gradient: null !default;
 /// The ring around the track when the focused switch is not checked.
 /// @group switch
-$kendo-switch-off-track-focus-ring: 0 0 3px 1px rgba( if( $dark-theme, $white, $black ), .25 ) !default;
+$kendo-switch-off-track-focus-ring: 0 0 3px 1px rgba( if( $dark-theme, $kendo-color-white, $kendo-color-black ), .25 ) !default;
 
 /// The background of the track when the disabled switch is not checked.
 /// @group switch
@@ -111,13 +111,13 @@ $kendo-switch-off-thumb-hover-gradient: null !default;
 
 /// The background of the track when the switch is checked.
 /// @group switch
-$kendo-switch-on-track-bg: $component-bg !default;
+$kendo-switch-on-track-bg: $kendo-component-bg !default;
 /// The text color of the track when the switch is checked.
 /// @group switch
-$kendo-switch-on-track-text: $primary !default;
+$kendo-switch-on-track-text: $kendo-color-primary !default;
 /// The border color of the track when the switch is checked.
 /// @group switch
-$kendo-switch-on-track-border: $component-border !default;
+$kendo-switch-on-track-border: $kendo-component-border !default;
 /// The background gradient of the track when the switch is checked.
 /// @group switch
 $kendo-switch-on-track-gradient: null !default;
@@ -149,7 +149,7 @@ $kendo-switch-on-track-focus-border: null !default;
 $kendo-switch-on-track-focus-gradient: null !default;
 /// The ring around the track wen the focused switch is checked.
 /// @group switch
-$kendo-switch-on-track-focus-ring: 0 0 3px 1px rgba( if( $dark-theme, $white, $black ), .25 ) !default;
+$kendo-switch-on-track-focus-ring: 0 0 3px 1px rgba( if( $dark-theme, $kendo-color-white, $kendo-color-black ), .25 ) !default;
 
 /// The background of the track when the disabled switch is checked.
 /// @group switch
@@ -166,7 +166,7 @@ $kendo-switch-on-track-disabled-gradient: null !default;
 
 /// The background of the thumb when the switch is checked.
 /// @group switch
-$kendo-switch-on-thumb-bg: $primary !default;
+$kendo-switch-on-thumb-bg: $kendo-color-primary !default;
 /// The text color of the thumb when the switch is checked.
 /// @group switch
 $kendo-switch-on-thumb-text: null !default;

package/scss/table/_index.scss

@@ -9,11 +9,11 @@
 @import "../popup/_index.scss";
 @import "../toolbar/_variables.scss";
 @import "../menu/_variables.scss";
-@import "../grid/_variables.scss";
+@import "../list/_variables.scss";
 
 
 // Component
-@import "_variables.scss";
-@import "_layout.scss";
-@import "_theme.scss";
+@import "./_variables.scss";
+@import "./_layout.scss";
+@import "./_theme.scss";
 

package/scss/table/_layout.scss

@@ -1 +1 @@
-@import "~@progress/kendo-theme-default/scss/table/_layout.scss";
+@import "@progress/kendo-theme-default/scss/table/_layout.scss";

package/scss/table/_theme.scss

@@ -1 +1 @@
-@import "~@progress/kendo-theme-default/scss/table/_theme.scss";
+@import "@progress/kendo-theme-default/scss/table/_theme.scss";

package/scss/table/_variables.scss

@@ -5,10 +5,10 @@
 $kendo-table-border-width: 1px !default;
 /// The width of vertical border of table cells.
 /// @group table
-$kendo-table-cell-vertical-border-width: $grid-cell-vertical-border-width !default;
+$kendo-table-cell-vertical-border-width: 1px !default;
 /// The width of horizontal border of table cells.
 /// @group table
-$kendo-table-cell-horizontal-border-width: $grid-cell-horizontal-border-width !default;
+$kendo-table-cell-horizontal-border-width: 0px !default;
 
 /// The font size of the table if no size is specified.
 /// @group table
@@ -26,61 +26,73 @@ $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, 1 ) !default;
+$kendo-table-cell-padding-y-sm: k-map-get( $kendo-spacing, 1 ) !default;
+
+$kendo-table-cell-padding-x-md: k-map-get( $kendo-spacing, 2 ) !default;
+$kendo-table-cell-padding-y-md: k-map-get( $kendo-spacing, 2 ) !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;
+
 /// The sizes of the table.
 /// @group table
 $kendo-table-sizes: (
     sm: (
         font-size: $font-size-md,
         line-height: $line-height-md,
-        cell-padding-x: k-map-get( $spacing, 2 ),
-        cell-padding-y: k-map-get( $spacing, 2 ) + k-map-get( $spacing, thin )
+        cell-padding-x: $kendo-table-cell-padding-x-sm,
+        cell-padding-y: $kendo-table-cell-padding-y-sm
     ),
     md: (
         font-size: $font-size-md,
         line-height: $line-height-md,
-        cell-padding-x: k-map-get( $spacing, 2 ),
-        cell-padding-y: k-map-get( $spacing, 2 ) + k-map-get( $spacing, thin )
+        cell-padding-x: $kendo-table-cell-padding-x-md,
+        cell-padding-y: $kendo-table-cell-padding-y-md
     ),
     lg: (
         font-size: $font-size-md,
         line-height: $line-height-md,
-        cell-padding-x: k-map-get( $spacing, 2 ),
-        cell-padding-y: k-map-get( $spacing, 2 ) + k-map-get( $spacing, thin )
+        cell-padding-x: $kendo-table-cell-padding-x-lg,
+        cell-padding-y: $kendo-table-cell-padding-y-lg
     )
 ) !default;
 
 
 /// Background color of tables.
 /// @group table
-$kendo-table-bg: $grid-bg !default;
+$kendo-table-bg: $kendo-component-bg !default;
 /// Text color of tables.
 /// @group table
-$kendo-table-text: $grid-text !default;
+$kendo-table-text: $kendo-component-text !default;
 /// Border color of tables.
 /// @group table
-$kendo-table-border: $grid-border !default;
+$kendo-table-border: $kendo-component-border !default;
 
 
 /// Background color of table headers.
 /// @group table
-$kendo-table-header-bg: $grid-header-bg !default;
+$kendo-table-header-bg: $kendo-component-header-bg !default;
 /// Text color of table headers.
 /// @group table
-$kendo-table-header-text: $grid-header-text !default;
+$kendo-table-header-text: $kendo-component-header-text !default;
 /// Border color of table headers.
 /// @group table
-$kendo-table-header-border: $grid-header-border !default;
+$kendo-table-header-border: $kendo-component-header-border !default;
+/// Gradient of table headers.
+/// @group table
+$kendo-table-header-gradient: $kendo-component-header-gradient !default;
 
 
 /// Background color of table footers.
 /// @group table
-$kendo-table-footer-bg: $grid-footer-bg !default;
+$kendo-table-footer-bg: $kendo-table-header-bg !default;
 /// Text color of table footers.
 /// @group table
-$kendo-table-footer-text: $grid-footer-text !default;
+$kendo-table-footer-text: $kendo-table-header-text !default;
 /// Border color of table footers.
 /// @group table
-$kendo-table-footer-border: $grid-footer-border !default;
+$kendo-table-footer-border: $kendo-table-header-border !default;
 
 
 /// Background color of group rows in table.
@@ -96,24 +108,24 @@ $kendo-table-group-row-border: $kendo-table-header-border !default;
 
 /// Background color of alternating rows in table.
 /// @group table
-$kendo-table-alt-row-bg: $grid-alt-bg !default;
+$kendo-table-alt-row-bg: k-try-shade( $kendo-table-bg, .5 ) !default;
 /// Text color of alternating rows in table.
 /// @group table
-$kendo-table-alt-row-text: $grid-alt-text !default;
+$kendo-table-alt-row-text: null !default;
 /// Border color of alternating rows in table.
 /// @group table
-$kendo-table-alt-row-border: $grid-alt-border !default;
+$kendo-table-alt-row-border: null !default;
 
 
 /// Background color of hovered rows in table.
 /// @group table
-$kendo-table-hover-bg: $grid-hovered-bg !default;
+$kendo-table-hover-bg: k-try-shade( $kendo-table-bg, 1 ) !default;
 /// Text color of hovered rows in table.
 /// @group table
-$kendo-table-hover-text: $grid-hovered-text !default;
+$kendo-table-hover-text: null !default;
 /// Border color of hovered rows in table.
 /// @group table
-$kendo-table-hover-border: $grid-hovered-border !default;
+$kendo-table-hover-border: null !default;
 
 
 /// Background color of focused rows in table.
@@ -127,15 +139,15 @@ $kendo-table-focus-text: null !default;
 $kendo-table-focus-border: null !default;
 /// Box shadow of focused rows in table.
 /// @group table
-$kendo-table-focus-shadow: $grid-focused-shadow !default;
+$kendo-table-focus-shadow: $kendo-list-item-focus-shadow !default;
 
 
 /// Background color of selected rows in table.
 /// @group table
-$kendo-table-selected-bg: $grid-selected-bg !default;
+$kendo-table-selected-bg: rgba( $kendo-selected-bg, .25 ) !default;
 /// Text color of selected rows in table.
 /// @group table
-$kendo-table-selected-text: $grid-selected-text !default;
+$kendo-table-selected-text: null !default;
 /// Border color of selected rows in table.
 /// @group table
-$kendo-table-selected-border: $grid-selected-border !default;
+$kendo-table-selected-border: null !default;

package/scss/tabstrip/_index.scss

@@ -9,6 +9,6 @@
 
 
 // Component
-@import "_variables.scss";
-@import "_layout.scss";
-@import "_theme.scss";
+@import "./_variables.scss";
+@import "./_layout.scss";
+@import "./_theme.scss";

package/scss/tabstrip/_layout.scss

@@ -1 +1 @@
-@import "~@progress/kendo-theme-default/scss/tabstrip/_layout.scss";
+@import "@progress/kendo-theme-default/scss/tabstrip/_layout.scss";

package/scss/tabstrip/_theme.scss

@@ -1 +1 @@
-@import "~@progress/kendo-theme-default/scss/tabstrip/_theme.scss";
+@import "@progress/kendo-theme-default/scss/tabstrip/_theme.scss";

package/scss/tabstrip/_variables.scss

@@ -17,17 +17,17 @@ $tabstrip-wrapper-border: null !default;
 $tabstrip-bg: null !default;
 /// Text color of tabstrip component
 /// @group tabstrip
-$tabstrip-text: $component-text !default;
+$tabstrip-text: $kendo-component-text !default;
 /// Border color of tabstrip component
 /// @group tabstrip
-$tabstrip-border: $component-border !default;
+$tabstrip-border: $kendo-component-border !default;
 
 /// Horizontal padding of tabs
 /// @group tabstrip
-$tabstrip-item-padding-x: $nav-item-padding-x !default;
+$tabstrip-item-padding-x: k-map-get( $kendo-spacing, 2 ) !default;
 /// Vertical padding of tabs
 /// @group tabstrip
-$tabstrip-item-padding-y: $nav-item-padding-y !default;
+$tabstrip-item-padding-y: k-map-get( $kendo-spacing, 1 ) !default;
 /// Width of border around tabs
 /// @group tabstrip
 $tabstrip-item-border-width: 1px !default;
@@ -36,7 +36,7 @@ $tabstrip-item-border-width: 1px !default;
 $tabstrip-item-border-radius: $kendo-border-radius-md !default;
 /// Spacing between tabs
 /// @group tabstrip
-$tabstrip-item-gap: $nav-item-margin !default;
+$tabstrip-item-gap: 0 !default;
 
 /// Background color of tabs
 /// @group tabstrip
@@ -53,31 +53,31 @@ $tabstrip-item-gradient: $base-gradient !default;
 
 /// Background color of hovered tabs
 /// @group tabstrip
-$tabstrip-item-hovered-bg: $hovered-bg !default;
+$tabstrip-item-hover-bg: $kendo-hover-bg !default;
 /// Text color of hovered tabs
 /// @group tabstrip
-$tabstrip-item-hovered-text: $hovered-text !default;
+$tabstrip-item-hover-text: $kendo-hover-text !default;
 /// Border color of hovered tabs
 /// @group tabstrip
-$tabstrip-item-hovered-border: $hovered-border !default;
+$tabstrip-item-hover-border: $kendo-hover-border !default;
 /// Background gradient of hovered tabs
 /// @group tabstrip
-$tabstrip-item-hovered-gradient: null !default;
+$tabstrip-item-hover-gradient: null !default;
 
 /// Background color of selected tabs
 /// @group tabstrip
-$tabstrip-item-selected-bg: $component-bg !default;
+$tabstrip-item-selected-bg: $kendo-component-bg !default;
 /// Text color of selected tabs
 /// @group tabstrip
-$tabstrip-item-selected-text: $component-text !default;
+$tabstrip-item-selected-text: $kendo-component-text !default;
 /// Border color of selected tabs
 /// @group tabstrip
-$tabstrip-item-selected-border: $component-border !default;
+$tabstrip-item-selected-border: $kendo-component-border !default;
 /// Background gradient of selected tabs
 /// @group tabstrip
 $tabstrip-item-selected-gradient: false !default;
 
-$tabstrip-item-focused-shadow: $kendo-list-item-focus-shadow !default;
+$tabstrip-item-focus-shadow: $kendo-list-item-focus-shadow !default;
 
 $tabstrip-item-dragging-shadow: 0px 3px 4px rgba( black, .15 ) !default;
 
@@ -86,23 +86,23 @@ $tabstrip-indicator-color: null !default;
 
 /// Horizontal padding of tabstrip content
 /// @group tabstrip
-$tabstrip-content-padding-x: k-map-get( $spacing, 4 ) !default;
+$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( $spacing, 4 ) !default;
+$tabstrip-content-padding-y: k-map-get( $kendo-spacing, 4 ) !default;
 /// Width of border around tabstrip content
 /// @group tabstrip
 $tabstrip-content-border-width: 1px !default;
 
 /// Background color of tabstrip content
 /// @group tabstrip
-$tabstrip-content-bg: $component-bg !default;
+$tabstrip-content-bg: $kendo-component-bg !default;
 /// Text color of tabstrip content
 /// @group tabstrip
-$tabstrip-content-text: $component-text !default;
+$tabstrip-content-text: $kendo-component-text !default;
 /// Border color of tabstrip content
 /// @group tabstrip
-$tabstrip-content-border: $component-border !default;
+$tabstrip-content-border: $kendo-component-border !default;
 /// Border color of tabstrip focused content
 /// @group tabstrip
-$tabstrip-content-border-focused: $component-text !default;
+$tabstrip-content-focus-border: $kendo-component-text !default;

package/scss/taskboard/_index.scss

@@ -13,6 +13,6 @@
 @import "../card/_index.scss";
 
 // Component
-@import "_variables.scss";
-@import "_layout.scss";
-@import "_theme.scss";
+@import "./_variables.scss";
+@import "./_layout.scss";
+@import "./_theme.scss";

package/scss/taskboard/_layout.scss

@@ -1 +1 @@
-@import "~@progress/kendo-theme-default/scss/taskboard/_layout.scss";
+@import "@progress/kendo-theme-default/scss/taskboard/_layout.scss";

package/scss/taskboard/_theme.scss

@@ -1 +1 @@
-@import "~@progress/kendo-theme-default/scss/taskboard/_theme.scss";
+@import "@progress/kendo-theme-default/scss/taskboard/_theme.scss";

package/scss/taskboard/_variables.scss

@@ -1,5 +1,5 @@
 // TaskBoard
-$taskboard-spacer: k-map-get( $spacing, 4 ) !default;
+$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;
@@ -40,7 +40,7 @@ $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: $header-text !default;
+$taskboard-column-header-text: $kendo-component-header-text !default;
 
 $taskboard-column-cards-padding-y: null !default;
 $taskboard-column-cards-padding-x: null !default;
@@ -50,14 +50,14 @@ $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: $component-bg !default;
-$taskboard-pane-text: $component-text !default;
-$taskboard-pane-border: $component-border !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: $header-text !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;
@@ -81,14 +81,14 @@ $taskboard-card-focus-shadow: none !default;
 
 $taskboard-card-hover-border: k-try-shade( $taskboard-card-border, 10% ) !default;
 
-$taskboard-card-selected-border: k-color-tint( $primary-lighter, 5 ) !default;
+$taskboard-card-selected-border: k-color-tint( $kendo-color-primary-lighter, 5 ) !default;
 $taskboard-card-selected-shadow: none !default;
 
-$taskboard-card-header-text: $primary !default;
-$taskboard-card-header-focus-text: $primary-darker !default;
-$taskboard-card-header-hover-text: $primary-darker !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( white, .2 ) !default;
-$taskboard-drag-placeholder-border: $component-border !default;
+$taskboard-drag-placeholder-border: $kendo-component-border !default;

package/scss/textarea/_index.scss

@@ -8,6 +8,6 @@
 
 
 // Component
-@import "_variables.scss";
-@import "_layout.scss";
-@import "_theme.scss";
+@import "./_variables.scss";
+@import "./_layout.scss";
+@import "./_theme.scss";

package/scss/textarea/_layout.scss

@@ -1 +1 @@
-@import "~@progress/kendo-theme-default/scss/textarea/_layout.scss";
+@import "@progress/kendo-theme-default/scss/textarea/_layout.scss";

package/scss/textarea/_theme.scss

@@ -1 +1 @@
-@import "~@progress/kendo-theme-default/scss/textarea/_theme.scss";
+@import "@progress/kendo-theme-default/scss/textarea/_theme.scss";

package/scss/textbox/_index.scss

@@ -8,6 +8,6 @@
 
 
 // Component
-@import "_variables.scss";
-@import "_layout.scss";
-@import "_theme.scss";
+@import "./_variables.scss";
+@import "./_layout.scss";
+@import "./_theme.scss";

package/scss/textbox/_layout.scss

@@ -1 +1 @@
-@import "~@progress/kendo-theme-default/scss/textbox/_layout.scss";
+@import "@progress/kendo-theme-default/scss/textbox/_layout.scss";

package/scss/textbox/_theme.scss

@@ -1 +1 @@
-@import "~@progress/kendo-theme-default/scss/textbox/_theme.scss";
+@import "@progress/kendo-theme-default/scss/textbox/_theme.scss";

package/scss/tilelayout/_index.scss

@@ -8,6 +8,6 @@
 
 
 // Component
-@import "_variables.scss";
-@import "_layout.scss";
-@import "_theme.scss";
+@import "./_variables.scss";
+@import "./_layout.scss";
+@import "./_theme.scss";

package/scss/tilelayout/_layout.scss

@@ -1 +1 @@
-@import "~@progress/kendo-theme-default/scss/tilelayout/_layout.scss";
+@import "@progress/kendo-theme-default/scss/tilelayout/_layout.scss";

package/scss/tilelayout/_theme.scss

@@ -1 +1 @@
-@import "~@progress/kendo-theme-default/scss/tilelayout/_theme.scss";
+@import "@progress/kendo-theme-default/scss/tilelayout/_theme.scss";

package/scss/tilelayout/_variables.scss

@@ -9,4 +9,4 @@ $tilelayout-hint-border-radius: $kendo-border-radius-lg !default;
 $tilelayout-bg: $base-bg !default;
 
 $tilelayout-hint-bg: rgba( white, .2 ) !default;
-$tilelayout-hint-border: $component-border !default;
+$tilelayout-hint-border: $kendo-component-border !default;

package/scss/timedurationpicker/_index.scss

@@ -11,6 +11,6 @@
 
 
 // Component
-@import "_variables.scss";
-@import "_layout.scss";
-@import "_theme.scss";
+@import "./_variables.scss";
+@import "./_layout.scss";
+@import "./_theme.scss";

package/scss/timedurationpicker/_layout.scss

@@ -1 +1 @@
-@import "~@progress/kendo-theme-default/scss/timedurationpicker/_layout.scss";
+@import "@progress/kendo-theme-default/scss/timedurationpicker/_layout.scss";

package/scss/timedurationpicker/_theme.scss

@@ -1 +1 @@
-@import "~@progress/kendo-theme-default/scss/timedurationpicker/_theme.scss";
+@import "@progress/kendo-theme-default/scss/timedurationpicker/_theme.scss";

package/scss/timeline/_index.scss

@@ -9,6 +9,6 @@
 
 
 // Component
-@import "_variables.scss";
-@import "_layout.scss";
-@import "_theme.scss";
+@import "./_variables.scss";
+@import "./_layout.scss";
+@import "./_theme.scss";

package/scss/timeline/_layout.scss

@@ -1 +1 @@
-@import "~@progress/kendo-theme-default/scss/timeline/_layout.scss";
+@import "@progress/kendo-theme-default/scss/timeline/_layout.scss";

package/scss/timeline/_theme.scss

@@ -1 +1 @@
-@import "~@progress/kendo-theme-default/scss/timeline/_theme.scss";
+@import "@progress/kendo-theme-default/scss/timeline/_theme.scss";

package/scss/timeline/_variables.scss

@@ -13,21 +13,21 @@ $timeline-mobile-spacing-y: 16px !default;
 $timeline-track-arrow-width: 30px !default;
 $timeline-track-arrow-height: 30px !default;
 
-$timeline-track-arrow-disabled-text: k-true-mix( $kendo-button-text, $body-bg, 65% ) !default;
-$timeline-track-arrow-disabled-bg: k-true-mix( $kendo-button-bg, $body-bg, 65% ) !default;
-$timeline-track-arrow-disabled-border: k-true-mix( #000000, $body-bg, 4.8% ) !default;
+$timeline-track-arrow-disabled-text: k-true-mix( $kendo-button-text, $kendo-body-bg, 65% ) !default;
+$timeline-track-arrow-disabled-bg: k-true-mix( $kendo-button-bg, $kendo-body-bg, 65% ) !default;
+$timeline-track-arrow-disabled-border: k-true-mix( #000000, $kendo-body-bg, 4.8% ) !default;
 
 $timeline-track-size: 6px !default;
-$timeline-track-wrap-padding-bottom: $timeline-track-size / 2 !default;
+$timeline-track-wrap-padding-bottom: k-math-div( $timeline-track-size, 2 ) !default;
 $timeline-track-border-width: 1px !default;
 $timeline-track-margin-bottom: 16px !default;
-$timeline-track-bottom-calc: calc((#{$timeline-track-arrow-height} / 2) + #{$timeline-track-wrap-padding-bottom}) !default;
+$timeline-track-bottom-calc: calc(#{k-math-div( $timeline-track-arrow-height, 2 )} + #{$timeline-track-wrap-padding-bottom}) !default;
 $timeline-track-start-calc: calc(#{$timeline-track-arrow-width} - 2 * #{$timeline-track-border-width}) !default;
 $timeline-track-end-calc: calc(#{$timeline-track-arrow-width} - 2 * #{$timeline-track-border-width}) !default;
 $timeline-track-bg: $kendo-button-bg !default;
 $timeline-track-border-color: $kendo-button-border !default;
 
-$timeline-track-item-focus-shadow: 0 3px 4px 0 rgba( $primary, .4 ) !default;
+$timeline-track-item-focus-shadow: 0 3px 4px 0 rgba( $kendo-color-primary, .4 ) !default;
 
 $timeline-track-event-offset: 36px !default;
 
@@ -38,8 +38,8 @@ $timeline-flag-min-width: 80px !default;
 $timeline-flag-max-width: calc(#{$timeline-flag-min-width} + 2 * #{$timeline-spacing-x}) !default;
 $timeline-mobile-flag-max-width: calc(#{$timeline-flag-min-width} + 2 * #{$timeline-mobile-spacing-x}) !default;
 $timeline-horizontal-flag-min-width: 60px !default;
-$timeline-flag-bg: $primary !default;
-$timeline-flag-text: contrast-wcag( $timeline-flag-bg ) !default;
+$timeline-flag-bg: $kendo-color-primary !default;
+$timeline-flag-text: k-contrast-legacy( $timeline-flag-bg ) !default;
 
 $timeline-flag-callout-width: 10px !default;
 $timeline-flag-callout-height: 10px !default;
@@ -57,9 +57,9 @@ $timeline-mobile-vertical-padding-with-dates-calc: calc(#{$timeline-mobile-verti
 
 $timeline-circle-width: 16px !default;
 $timeline-circle-height: 16px !default;
-$timeline-circle-bg: $primary !default;
+$timeline-circle-bg: $kendo-color-primary !default;
 
-$timeline-collapse-arrow-padding-x: $padding-x !default;
+$timeline-collapse-arrow-padding-x: $kendo-padding-md-x !default;
 
 $timeline-event-width: 400px !default;
 $timeline-event-height: 600px !default;

package/scss/timepicker/_index.scss

@@ -10,6 +10,6 @@
 
 
 // Component
-@import "_variables.scss";
-@import "_layout.scss";
-@import "_theme.scss";
+@import "./_variables.scss";
+@import "./_layout.scss";
+@import "./_theme.scss";

package/scss/timepicker/_layout.scss

@@ -1 +1 @@
-@import "~@progress/kendo-theme-default/scss/timepicker/_layout.scss";
+@import "@progress/kendo-theme-default/scss/timepicker/_layout.scss";

package/scss/timepicker/_theme.scss

@@ -1 +1 @@
-@import "~@progress/kendo-theme-default/scss/timepicker/_theme.scss";
+@import "@progress/kendo-theme-default/scss/timepicker/_theme.scss";

package/scss/timeselector/_index.scss

@@ -8,6 +8,6 @@
 
 
 // Component
-@import "_variables.scss";
-@import "_layout.scss";
-@import "_theme.scss";
+@import "./_variables.scss";
+@import "./_layout.scss";
+@import "./_theme.scss";

package/scss/timeselector/_layout.scss

@@ -1 +1 @@
-@import "~@progress/kendo-theme-default/scss/timeselector/_layout.scss";
+@import "@progress/kendo-theme-default/scss/timeselector/_layout.scss";

package/scss/timeselector/_theme.scss

@@ -1 +1 @@
-@import "~@progress/kendo-theme-default/scss/timeselector/_theme.scss";
+@import "@progress/kendo-theme-default/scss/timeselector/_theme.scss";