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

package/scss/scheduler/_variables.scss

@@ -4,26 +4,26 @@ $scheduler-font-family: $font-family !default;
 $scheduler-font-size: $font-size !default;
 $scheduler-line-height: $line-height !default;
 
-$scheduler-bg: $component-bg !default;
-$scheduler-text: $component-text !default;
-$scheduler-border: $component-border !default;
+$scheduler-bg: $kendo-component-bg !default;
+$scheduler-text: $kendo-component-text !default;
+$scheduler-border: $kendo-component-border !default;
 
-$scheduler-toolbar-bg: $toolbar-bg !default;
-$scheduler-toolbar-text: $toolbar-text !default;
-$scheduler-toolbar-border: $toolbar-border !default;
-$scheduler-toolbar-gradient: $toolbar-gradient !default;
+$scheduler-toolbar-bg: $kendo-toolbar-bg !default;
+$scheduler-toolbar-text: $kendo-toolbar-text !default;
+$scheduler-toolbar-border: $kendo-toolbar-border !default;
+$scheduler-toolbar-gradient: $kendo-toolbar-gradient !default;
 
-$scheduler-footer-bg: $toolbar-bg !default;
-$scheduler-footer-text: $toolbar-text !default;
-$scheduler-footer-border: $toolbar-border !default;
-$scheduler-footer-gradient: $toolbar-gradient !default;
+$scheduler-footer-bg: $kendo-toolbar-bg !default;
+$scheduler-footer-text: $kendo-toolbar-text !default;
+$scheduler-footer-border: $kendo-toolbar-border !default;
+$scheduler-footer-gradient: $kendo-toolbar-gradient !default;
 
 $scheduler-event-min-height: 25px !default;
 $scheduler-event-border-radius: $kendo-border-radius-md !default;
-$scheduler-event-line-height: calc( #{$scheduler-event-min-height} - (2 * #{$padding-y}) ) !default;
+$scheduler-event-line-height: calc( #{$scheduler-event-min-height} - (2 * #{$kendo-padding-md-y}) ) !default;
 
-$scheduler-event-bg: k-color-tint( $selected-bg, 2 ) !default;
-$scheduler-event-text: $selected-text !default;
+$scheduler-event-bg: k-color-tint( $kendo-selected-bg, 2 ) !default;
+$scheduler-event-text: $kendo-selected-text !default;
 $scheduler-event-border: null !default;
 $scheduler-event-gradient: null !default;
 $scheduler-event-shadow: null !default;
@@ -34,16 +34,16 @@ $scheduler-event-hover-border: null !default;
 $scheduler-event-hover-gradient: null !default;
 $scheduler-event-hover-shadow: null !default;
 
-$scheduler-event-selected-bg: $selected-bg !default;
-$scheduler-event-selected-text: $selected-text !default;
+$scheduler-event-selected-bg: $kendo-selected-bg !default;
+$scheduler-event-selected-text: $kendo-selected-text !default;
 $scheduler-event-selected-border: null !default;
 $scheduler-event-selected-gradient: null !default;
 $scheduler-event-selected-shadow: inset 0 0 0 2px rgba( black, .13 ) !default;
 
 $scheduler-event-ongoing-shadow: inset 0px 0px 0px 1px #ff0000 !default;
 
-$scheduler-cell-padding-x: k-map-get( $spacing, 2 ) !default;
-$scheduler-cell-padding-y: k-map-get( $spacing, 2 ) !default;
+$scheduler-cell-padding-x: k-map-get( $kendo-spacing, 2 ) !default;
+$scheduler-cell-padding-y: k-map-get( $kendo-spacing, 2 ) !default;
 $scheduler-cell-height: $line-height-em !default;
 $scheduler-datecolumn-width: 12em !default;
 $scheduler-timecolumn-width: 11em !default;
@@ -59,36 +59,38 @@ $scheduler-weekend-text: null !default;
 $scheduler-othermonth-bg: k-try-shade( $scheduler-bg, .5 ) !default;
 $scheduler-othermonth-text: null !default;
 
-$scheduler-yearview-padding-x: k-map-get( $spacing, 3 ) !default;
+$scheduler-yearview-padding-x: k-map-get( $kendo-spacing, 3 ) !default;
 $scheduler-yearview-padding-y: $scheduler-yearview-padding-x !default;
 
-$scheduler-yearview-calendar-gap: k-map-get( $spacing, 3 ) !default;
+$scheduler-yearview-calendar-gap: k-map-get( $kendo-spacing, 3 ) !default;
 
 $scheduler-yearview-indicator-size: 3px !default;
 $scheduler-yearview-indicator-calc-offset-top: calc( #{$calendar-cell-size} - (#{$calendar-cell-padding-y} * 2)) !default;
-$scheduler-yearview-indicator-calc-offset-left: calc( 50% - (#{$scheduler-yearview-indicator-size} / 2) ) !default;
+$scheduler-yearview-indicator-calc-offset-left: calc( 50% - #{k-math-div( $scheduler-yearview-indicator-size, 2 )} ) !default;
 $scheduler-yearview-indicator-border-radius: 50% !default;
-$scheduler-yearview-indicator-bg: $primary !default;
-$scheduler-yearview-indicator-selected-bg: $primary-contrast !default;
+$scheduler-yearview-indicator-bg: $kendo-color-primary !default;
+$scheduler-yearview-indicator-selected-bg: $kendo-color-primary-contrast !default;
 
-$scheduler-tooltip-padding-x: $padding-x !default;
-$scheduler-tooltip-padding-y: $scheduler-tooltip-padding-x !default;
+$scheduler-tooltip-padding-x: k-map-get( $kendo-spacing, 2 ) !default;
+$scheduler-tooltip-padding-y: k-map-get( $kendo-spacing, 2 ) !default;
 $scheduler-tooltip-border-width: 0 !default;
-$scheduler-tooltip-bg: $primary-contrast !default;
+$scheduler-tooltip-bg: $kendo-color-primary-contrast !default;
 $scheduler-tooltip-text: $base-text !default;
 $scheduler-tooltip-border: null !default;
 $scheduler-tooltip-shadow: 0px 0px 10px rgba( black, .2 ) !default;
 
-$scheduler-tooltip-title-margin-y: $padding-y !default;
+
+// TODO: use 3
+$scheduler-tooltip-title-margin-y: k-map-get( $kendo-spacing, 1 ) !default;
 $scheduler-tooltip-month-font-size: $font-size-sm !default;
 $scheduler-tooltip-day-font-size: $scheduler-tooltip-month-font-size * 2 !default;
 
 $scheduler-tooltip-events-max-height: 250px !default;
-$scheduler-tooltip-events-gap: $padding-y !default;
+$scheduler-tooltip-events-gap: k-map-get( $kendo-spacing, 1 ) !default;
 
-$scheduler-tooltip-event-padding-x: $padding-x !default;
-$scheduler-tooltip-event-padding-y: $padding-y !default;
+$scheduler-tooltip-event-padding-x: k-map-get( $kendo-spacing, 2 ) !default;
+$scheduler-tooltip-event-padding-y: k-map-get( $kendo-spacing, 1 ) !default;
 $scheduler-tooltip-event-border-radius: $kendo-border-radius-md !default;
-$scheduler-tooltip-event-gap: $padding-x-sm !default;
+$scheduler-tooltip-event-gap: k-map-get( $kendo-spacing, 1 ) !default;
 
 $scheduler-tooltip-callout-text: $scheduler-tooltip-bg !default;

package/scss/scroller/_index.scss

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

package/scss/scroller/_layout.scss

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

package/scss/scroller/_theme.scss

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

package/scss/scrollview/_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/scrollview/_layout.scss

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

package/scss/scrollview/_theme.scss

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

package/scss/scrollview/_variables.scss

@@ -4,15 +4,15 @@ $scrollview-font-family: $font-family !default;
 $scrollview-font-size: $font-size !default;
 $scrollview-line-height: $line-height !default;
 
-$scrollview-bg: $component-bg !default;
-$scrollview-text: $component-text !default;
-$scrollview-border: $component-border !default;
+$scrollview-bg: $kendo-component-bg !default;
+$scrollview-text: $kendo-component-text !default;
+$scrollview-border: $kendo-component-border !default;
 
 $scrollview-pagebutton-size: 10px !default;
 $scrollview-pagebutton-bg: $kendo-button-bg !default;
 $scrollview-pagebutton-border: $kendo-button-border !default;
-$scrollview-pagebutton-primary-bg: $primary !default;
-$scrollview-pagebutton-primary-border: k-try-shade( $primary, 2 ) !default;
+$scrollview-pagebutton-primary-bg: $kendo-color-primary !default;
+$scrollview-pagebutton-primary-border: k-try-shade( $kendo-color-primary, 2 ) !default;
 $scrollview-pagebutton-shadow: 0 0 0 2px rgba( black, .13 ) !default;
 
 $scrollview-pager-offset: 0 !default;
@@ -25,7 +25,7 @@ $scrollview-pager-multidot-intermediate: 3 !default;
 $scrollview-pager-multidot-step: 1px !default;
 
 $scrollview-arrow-icon-size: 4.5em !default;
-$scrollview-arrow-tap-highlight-color: $rgba-transparent !default;
+$scrollview-arrow-tap-highlight-color: $kendo-color-rgba-transparent !default;
 $scrollview-navigation-color: white !default;
 $scrollview-navigation-icon-shadow: rgba( black, .3 ) 0 0 15px !default;
 $scrollview-navigation-bg: rgba( black, 0 ) !default;

package/scss/searchbox/_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/searchbox/_layout.scss

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

package/scss/searchbox/_theme.scss

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

package/scss/signature/_index.scss

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

package/scss/signature/_layout.scss

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

package/scss/signature/_theme.scss

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

package/scss/signature/_variables.scss

@@ -1,15 +1,15 @@
 $kendo-signature-width: 250px !default;
 $kendo-signature-height: 84px !default;
 
-$kendo-signature-lg-min-height: 110px;
+$kendo-signature-lg-min-height: 110px !default;
 
 $kendo-signature-maximized-width: 750px !default;
 $kendo-signature-maximized-height: 252px !default;
 
-$kendo-signature-padding-x: k-map-get( $spacing, 1 ) !default;
-$kendo-signature-padding-x-sm: k-map-get( $spacing, 1 ) - k-map-get( $spacing, thin ) !default;
+$kendo-signature-padding-x: k-map-get( $kendo-spacing, 1 ) !default;
+$kendo-signature-padding-x-sm: k-map-get( $kendo-spacing, 0.5 ) !default; // sass-lint:disable-line leading-zero
 $kendo-signature-padding-x-md: $kendo-signature-padding-x !default;
-$kendo-signature-padding-x-lg: k-map-get( $spacing, 2 ) !default;
+$kendo-signature-padding-x-lg: k-map-get( $kendo-spacing, 2 ) !default;
 
 $kendo-signature-padding-y: $kendo-signature-padding-x !default;
 $kendo-signature-padding-y-sm: $kendo-signature-padding-x-sm !default;
@@ -18,7 +18,7 @@ $kendo-signature-padding-y-lg: $kendo-signature-padding-x-lg !default;
 
 $kendo-signature-line-width: 1px !default;
 $kendo-signature-line-style: dashed !default;
-$kendo-signature-line-color: rgba( $info, .24 ) !default;
+$kendo-signature-line-color: rgba( $kendo-color-info, .24 ) !default;
 
 $kendo-signature-line-size: calc( 100% - 2 * #{$kendo-signature-padding-x} ) !default;
 $kendo-signature-line-size-sm: calc( 100% - 2 * #{$kendo-signature-padding-x-sm} ) !default;
@@ -45,5 +45,5 @@ $kendo-signature-sizes: (
     )
 ) !default;
 
-$kendo-signature-actions-gap: k-map-get( $spacing, 1 ) !default;
-$kendo-signature-maximized-line-width: k-map-get( $spacing, 1 ) - k-map-get( $spacing, hair ) !default;
+$kendo-signature-actions-gap: k-map-get( $kendo-spacing, 1 ) !default;
+$kendo-signature-maximized-line-width: 3px !default;

package/scss/skeleton/_index.scss

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

package/scss/skeleton/_layout.scss

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

package/scss/skeleton/_theme.scss

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

package/scss/skeleton/_variables.scss

@@ -6,6 +6,6 @@ $skeleton-rect-border-radius: 0 !default;
 
 $skeleton-circle-border-radius: 9999px !default;
 
-$skeleton-item-bg: rgba( $inverse, .2 ) !default;
+$skeleton-item-bg: rgba( $kendo-color-inverse, .2 ) !default;
 
 $skeleton-wave-bg: rgba( black, .04 ) !default;

package/scss/slider/_index.scss

@@ -9,8 +9,8 @@
 
 
 // Component
-@import "_variables.scss";
-@import "images/slider-h.scss";
-@import "images/slider-v.scss";
-@import "_layout.scss";
-@import "_theme.scss";
+@import "./_variables.scss";
+@import "./images/slider-h.scss";
+@import "./images/slider-v.scss";
+@import "./_layout.scss";
+@import "./_theme.scss";

package/scss/slider/_layout.scss

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

package/scss/slider/_theme.scss

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

package/scss/slider/_variables.scss

@@ -10,7 +10,7 @@ $slider-line-height: $line-height !default;
 $slider-button-offset: 10px !default;
 $slider-button-size: ($slider-alt-size - 2) !default;
 $slider-button-spacing: ($slider-button-size + $slider-button-offset) !default;
-$slider-button-focused-shadow: null !default;
+$slider-button-focus-shadow: null !default;
 
 $slider-track-thickness: 4px !default;
 $slider-draghandle-size: 14px !default;
@@ -18,28 +18,28 @@ $slider-draghandle-border-width: 1px !default;
 $slider-draghandle-active-scale: 1 !default;
 $slider-draghandle-active-size: null !default;
 
-$slider-draghandle-bg: $primary !default;
-$slider-draghandle-text: contrast-wcag( $primary ) !default;
-$slider-draghandle-border: k-try-shade( $primary, 2 ) !default;
+$slider-draghandle-bg: $kendo-color-primary !default;
+$slider-draghandle-text: k-contrast-legacy( $kendo-color-primary ) !default;
+$slider-draghandle-border: k-try-shade( $kendo-color-primary, 2 ) !default;
 $slider-draghandle-gradient: null !default;
 
-$slider-draghandle-hovered-bg: k-try-shade( $primary, 1 ) !default;
-$slider-draghandle-hovered-text: null !default;
-$slider-draghandle-hovered-border: k-try-shade( $slider-draghandle-hovered-bg, 2 ) !default;
-$slider-draghandle-hovered-gradient: null !default;
+$slider-draghandle-hover-bg: k-try-shade( $kendo-color-primary, 1 ) !default;
+$slider-draghandle-hover-text: null !default;
+$slider-draghandle-hover-border: k-try-shade( $slider-draghandle-hover-bg, 2 ) !default;
+$slider-draghandle-hover-gradient: null !default;
 
-$slider-draghandle-pressed-bg: k-try-shade( $primary, 2 ) !default;
+$slider-draghandle-pressed-bg: k-try-shade( $kendo-color-primary, 2 ) !default;
 $slider-draghandle-pressed-text: null !default;
 $slider-draghandle-pressed-border: k-try-shade( $slider-draghandle-pressed-bg, 2 ) !default;
 $slider-draghandle-pressed-gradient: null !default;
 
-$slider-draghandle-focused-shadow: 0 0 4px 0 rgba( $slider-draghandle-border, .75 ) !default;
+$slider-draghandle-focus-shadow: 0 0 4px 0 rgba( $slider-draghandle-border, .75 ) !default;
 
 $slider-transition-speed: .3s !default;
 $slider-transition-function: ease-out !default;
 $slider-draghandle-transition-speed: .4s !default;
 $slider-draghandle-transition-function: cubic-bezier(.25, .8, .25, 1) !default;
 
-$slider-track-bg: k-try-shade( $component-bg, 1 ) !default;
-$slider-selection-bg: $primary !default;
+$slider-track-bg: k-try-shade( $kendo-component-bg, 1 ) !default;
+$slider-selection-bg: $kendo-color-primary !default;
 $slider-disabled-opacity: null !default;

package/scss/split-button/_index.scss

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

package/scss/split-button/_layout.scss

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

package/scss/split-button/_theme.scss

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

package/scss/splitter/_index.scss

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

package/scss/splitter/_layout.scss

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

package/scss/splitter/_theme.scss

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

package/scss/splitter/_variables.scss

@@ -4,9 +4,9 @@ $splitter-font-family: $font-family !default;
 $splitter-font-size: $font-size !default;
 $splitter-line-height: $line-height !default;
 
-$splitter-bg: $component-bg !default;
-$splitter-text: $component-text !default;
-$splitter-border: $component-border !default;
+$splitter-bg: $kendo-component-bg !default;
+$splitter-text: $kendo-component-text !default;
+$splitter-border: $kendo-component-border !default;
 
 $splitter-splitbar-size: 8px !default;
 $splitter-resize-icon-size: 10px !default;
@@ -20,5 +20,5 @@ $splitbar-text: $base-text !default;
 $splitbar-hover-bg: k-try-shade( $splitbar-bg, .5 ) !default;
 $splitbar-hover-text: $splitbar-text !default;
 
-$splitbar-selected-bg: $selected-bg !default;
-$splitbar-selected-text: $selected-text !default;
+$splitbar-selected-bg: $kendo-selected-bg !default;
+$splitbar-selected-text: $kendo-selected-text !default;

package/scss/spreadsheet/_index.scss

@@ -21,7 +21,7 @@
 
 
 // Component
-@import "_variables.scss";
-@import "images/image-default.scss";
-@import "_layout.scss";
-@import "_theme.scss";
+@import "./_variables.scss";
+@import "./images/image-default.scss";
+@import "./_layout.scss";
+@import "./_theme.scss";

package/scss/spreadsheet/_layout.scss

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

package/scss/spreadsheet/_theme.scss

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

package/scss/spreadsheet/_variables.scss

@@ -4,9 +4,9 @@ $spreadsheet-font-family: $font-family !default;
 $spreadsheet-font-size: $font-size !default;
 $spreadsheet-line-height: $line-height !default;
 
-$spreadsheet-bg: $component-bg !default;
-$spreadsheet-text: $component-text !default;
-$spreadsheet-border: $component-border !default;
+$spreadsheet-bg: $kendo-component-bg !default;
+$spreadsheet-text: $kendo-component-text !default;
+$spreadsheet-border: $kendo-component-border !default;
 
 $spreadsheet-insert-image-dialog-border-style: dashed !default;
 $spreadsheet-insert-image-dialog-border-width: 2px !default;
@@ -14,22 +14,22 @@ $spreadsheet-insert-image-dialog-text-margin-bottom: 30px !default;
 $spreadsheet-insert-image-dialog-preview-width: 355px !default;
 $spreadsheet-insert-image-dialog-preview-height: 230px !default;
 $spreadsheet-insert-image-dialog-preview-img: "image-default.png" !default;
-$spreadsheet-insert-image-dialog-preview-border: $component-border !default;
+$spreadsheet-insert-image-dialog-preview-border: $kendo-component-border !default;
 $spreadsheet-insert-image-dialog-preview-border-radius: $kendo-border-radius-md !default;
 $spreadsheet-insert-image-dialog-preview-overlay-shadow: inset 0 0 0 2000px rgba( black, .5 ) !default;
 $spreadsheet-insert-image-dialog-preview-overlay-border-radius: $kendo-border-radius-md !default;
-$spreadsheet-insert-image-dialog-overlay-hovered-text: $component-bg !default;
+$spreadsheet-insert-image-dialog-overlay-hover-text: $kendo-component-bg !default;
 
 $spreadsheet-drawing-handle-width: 6px !default;
 $spreadsheet-drawing-handle-height: 6px !default;
 $spreadsheet-drawing-handle-border-style: solid !default;
 $spreadsheet-drawing-handle-border-width: 1px !default;
-$spreadsheet-drawing-handle-outline-color: $primary !default;
-$spreadsheet-drawing-handle-border-color: $selected-bg !default;
-$spreadsheet-drawing-handle-bg: $primary !default;
+$spreadsheet-drawing-handle-outline-color: $kendo-color-primary !default;
+$spreadsheet-drawing-handle-border-color: $kendo-selected-bg !default;
+$spreadsheet-drawing-handle-bg: $kendo-color-primary !default;
 $spreadsheet-drawing-handle-border-radius: $kendo-border-radius-lg !default;
 
 $spreadsheet-drawing-outline-style: solid !default;
 $spreadsheet-drawing-outline-width: 2px !default;
 
-$spreadsheet-drawing-anchor-bg: rgba( $selected-bg, .25 ) !default;
+$spreadsheet-drawing-anchor-bg: rgba( $kendo-selected-bg, .25 ) !default;

package/scss/stepper/_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/stepper/_layout.scss

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

package/scss/stepper/_theme.scss

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

package/scss/stepper/_variables.scss

@@ -16,7 +16,7 @@ $stepper-line-height: $line-height !default;
 $stepper-font-family: $font-family !default;
 
 $stepper-bg: null !default;
-$stepper-text: $component-text !default;
+$stepper-text: $kendo-component-text !default;
 $stepper-border: null !default;
 
 $stepper-indicator-width: 28px !default;
@@ -29,28 +29,28 @@ $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: $component-bg !default;
-$stepper-indicator-text: $component-text !default;
-$stepper-indicator-border: $component-border !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: $disabled-text !default;
+$stepper-indicator-disabled-text: $kendo-disabled-text !default;
 $stepper-indicator-disabled-border: null !default;
 
-$stepper-indicator-done-bg: $primary !default;
-$stepper-indicator-done-text: contrast-wcag( $stepper-indicator-done-bg ) !default;
+$stepper-indicator-done-bg: $kendo-color-primary !default;
+$stepper-indicator-done-text: k-contrast-legacy( $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, $component-bg, 60% ) !default;
-$stepper-indicator-done-disabled-text: contrast-wcag( $stepper-indicator-done-bg ) !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-legacy( $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;
@@ -66,12 +66,12 @@ $stepper-indicator-current-disabled-text: $stepper-indicator-done-disabled-text
 $stepper-indicator-current-disabled-border: $stepper-indicator-done-disabled-border !default;
 
 $stepper-label-text: null !default;
-$stepper-label-success-text: $success !default;
-$stepper-label-error-text: $error !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: $disabled-text !default;
+$stepper-label-disabled-text: $kendo-disabled-text !default;
 
-$stepper-optional-label-text: $subtle-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;

package/scss/switch/_index.scss

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

package/scss/switch/_layout.scss

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

package/scss/switch/_theme.scss

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