@progress/kendo-theme-material 5.12.1-dev.2 → 5.12.1-dev.4

package/scss/slider/_variables.scss

@@ -1,45 +1,45 @@
 // Slider
-$slider-size: 200px !default;
-$slider-tick-size: 2px !default;
-$slider-alt-size: 36px !default;
-
-$slider-font-family: $font-family !default;
-$slider-font-size: $font-size !default;
-$slider-line-height: $line-height !default;
-
-$slider-button-offset: 22px !default;
-$slider-button-size: 36px !default;
-$slider-button-spacing: ($slider-button-size + $slider-button-offset) !default;
-$slider-button-focus-shadow: null !default;
-
-$slider-track-thickness: 2px !default;
-$slider-draghandle-size: 14px !default;
-$slider-draghandle-border-width: 0px !default;
-$slider-draghandle-active-scale: 1 !default;
-$slider-draghandle-active-size: 20px !default;
-
-$slider-draghandle-bg: $kendo-color-primary !default;
-$slider-draghandle-text: $kendo-color-primary-contrast !default;
-$slider-draghandle-border: $kendo-color-primary !default;
-$slider-draghandle-gradient: null !default;
-
-$slider-draghandle-hover-bg: null !default;
-$slider-draghandle-hover-text: null !default;
-$slider-draghandle-hover-border: null !default;
-$slider-draghandle-hover-gradient: null !default;
-
-$slider-draghandle-pressed-bg: null !default;
-$slider-draghandle-pressed-text: null !default;
-$slider-draghandle-pressed-border: null !default;
-$slider-draghandle-pressed-gradient: null !default;
-
-$slider-draghandle-focus-shadow: 0 0 0 11px rgba( $kendo-color-primary, .25 ) !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-tint( $kendo-color-primary, 8 ) !default;
-$slider-selection-bg: $kendo-color-primary !default;
-$slider-disabled-opacity: .65 !default;
+$kendo-slider-size: 200px !default;
+$kendo-slider-tick-size: 2px !default;
+$kendo-slider-alt-size: 36px !default;
+
+$kendo-slider-font-family: $kendo-font-family !default;
+$kendo-slider-font-size: $kendo-font-size-md !default;
+$kendo-slider-line-height: $kendo-line-height-md !default;
+
+$kendo-slider-button-offset: 22px !default;
+$kendo-slider-button-size: 36px !default;
+$kendo-slider-button-spacing: ($kendo-slider-button-size + $kendo-slider-button-offset) !default;
+$kendo-slider-button-focus-shadow: null !default;
+
+$kendo-slider-track-thickness: 2px !default;
+$kendo-slider-draghandle-size: 14px !default;
+$kendo-slider-draghandle-border-width: 0px !default;
+$kendo-slider-draghandle-active-scale: 1 !default;
+$kendo-slider-draghandle-active-size: 20px !default;
+
+$kendo-slider-draghandle-bg: $kendo-color-primary !default;
+$kendo-slider-draghandle-text: $kendo-color-primary-contrast !default;
+$kendo-slider-draghandle-border: $kendo-color-primary !default;
+$kendo-slider-draghandle-gradient: null !default;
+
+$kendo-slider-draghandle-hover-bg: null !default;
+$kendo-slider-draghandle-hover-text: null !default;
+$kendo-slider-draghandle-hover-border: null !default;
+$kendo-slider-draghandle-hover-gradient: null !default;
+
+$kendo-slider-draghandle-pressed-bg: null !default;
+$kendo-slider-draghandle-pressed-text: null !default;
+$kendo-slider-draghandle-pressed-border: null !default;
+$kendo-slider-draghandle-pressed-gradient: null !default;
+
+$kendo-slider-draghandle-focus-shadow: 0 0 0 11px rgba( $kendo-color-primary, .25 ) !default;
+
+$kendo-slider-transition-speed: .3s !default;
+$kendo-slider-transition-function: ease-out !default;
+$kendo-slider-draghandle-transition-speed: .4s !default;
+$kendo-slider-draghandle-transition-function: cubic-bezier(.25, .8, .25, 1) !default;
+
+$kendo-slider-track-bg: k-try-tint( $kendo-color-primary, 8 ) !default;
+$kendo-slider-selection-bg: $kendo-color-primary !default;
+$kendo-slider-disabled-opacity: .65 !default;

package/scss/split-button/_variables.scss

@@ -7,13 +7,13 @@ $kendo-split-button-focus-shadow: $kendo-button-focus-shadow !default;
 /// Horizontal padding of the arrow button.
 /// @group split-button
 $kendo-split-button-arrow-padding-x: k-map-get( $kendo-spacing, 1 ) !default;
-$kendo-split-button-arrow-padding-x-sm: k-map-get( $kendo-spacing, 1 ) !default;
-$kendo-split-button-arrow-padding-x-md: k-map-get( $kendo-spacing, 1 ) !default;
-$kendo-split-button-arrow-padding-x-lg: k-map-get( $kendo-spacing, 1 ) !default;
+$kendo-split-button-sm-arrow-padding-x: k-map-get( $kendo-spacing, 1 ) !default;
+$kendo-split-button-md-arrow-padding-x: k-map-get( $kendo-spacing, 1 ) !default;
+$kendo-split-button-lg-arrow-padding-x: k-map-get( $kendo-spacing, 1 ) !default;
 
 /// Vertical padding of the arrow button.
 /// @group split-button
 $kendo-split-button-arrow-padding-y: $kendo-button-padding-y !default;
-$kendo-split-button-arrow-padding-y-sm: $kendo-button-padding-y-sm !default;
-$kendo-split-button-arrow-padding-y-md: $kendo-button-padding-y-md !default;
-$kendo-split-button-arrow-padding-y-lg: $kendo-button-padding-y-lg !default;
+$kendo-split-button-sm-arrow-padding-y: $kendo-button-sm-padding-y !default;
+$kendo-split-button-md-arrow-padding-y: $kendo-button-md-padding-y !default;
+$kendo-split-button-lg-arrow-padding-y: $kendo-button-lg-padding-y !default;

package/scss/splitter/_variables.scss

@@ -1,24 +1,24 @@
 // Splitter
-$splitter-border-width: 1px !default;
-$splitter-font-family: $font-family !default;
-$splitter-font-size: $font-size !default;
-$splitter-line-height: $line-height !default;
+$kendo-splitter-border-width: 1px !default;
+$kendo-splitter-font-family: $kendo-font-family !default;
+$kendo-splitter-font-size: $kendo-font-size-md !default;
+$kendo-splitter-line-height: $kendo-line-height-md !default;
 
-$splitter-bg: $kendo-component-bg !default;
-$splitter-text: $kendo-component-text !default;
-$splitter-border: $kendo-component-border !default;
+$kendo-splitter-bg: $kendo-component-bg !default;
+$kendo-splitter-text: $kendo-component-text !default;
+$kendo-splitter-border: $kendo-component-border !default;
 
-$splitter-splitbar-size: 8px !default;
-$splitter-resize-icon-size: 10px !default;
-$splitter-drag-handle-length: 20px !default;
-$splitter-drag-handle-thickness: 2px !default;
-$splitter-drag-icon-margin: 7px !default;
+$kendo-splitter-splitbar-size: 8px !default;
+$kendo-splitter-resize-icon-size: 10px !default;
+$kendo-splitter-drag-handle-length: 20px !default;
+$kendo-splitter-drag-handle-thickness: 2px !default;
+$kendo-splitter-drag-icon-margin: 7px !default;
 
-$splitbar-bg: k-try-shade( $splitter-bg, 1 ) !default;
-$splitbar-text: $kendo-subtle-text !default;
+$kendo-splitbar-bg: k-try-shade( $kendo-splitter-bg, 1 ) !default;
+$kendo-splitbar-text: $kendo-subtle-text !default;
 
-$splitbar-hover-bg: k-try-shade( $splitbar-bg, .5 ) !default;
-$splitbar-hover-text: $splitbar-text !default;
+$kendo-splitbar-hover-bg: k-try-shade( $kendo-splitbar-bg, .5 ) !default;
+$kendo-splitbar-hover-text: $kendo-splitbar-text !default;
 
-$splitbar-selected-bg: $kendo-color-primary !default;
-$splitbar-selected-text: $kendo-color-primary-contrast !default;
+$kendo-splitbar-selected-bg: $kendo-color-primary !default;
+$kendo-splitbar-selected-text: $kendo-color-primary-contrast !default;

package/scss/spreadsheet/_theme.scss

@@ -3,9 +3,9 @@
     // Spreadsheet
     .k-spreadsheet {
         @include fill(
-            $spreadsheet-text,
-            $spreadsheet-bg,
-            $spreadsheet-border
+            $kendo-spreadsheet-text,
+            $kendo-spreadsheet-bg,
+            $kendo-spreadsheet-border
         );
     }
 
@@ -204,34 +204,34 @@
 @include exports( "spreadsheet/drawing/theme" ) {
 
     .k-spreadsheet-insert-image-dialog {
-        border-color: $spreadsheet-insert-image-dialog-preview-border;
+        border-color: $kendo-spreadsheet-insert-image-dialog-preview-border;
 
         .k-spreadsheet-has-image {
             &:hover,
             &.k-hover {
-                box-shadow: $spreadsheet-insert-image-dialog-preview-overlay-shadow;
+                box-shadow: $kendo-spreadsheet-insert-image-dialog-preview-overlay-shadow;
             }
 
             &:hover div,
             &.k-hover div {
-                color: $spreadsheet-insert-image-dialog-overlay-hover-text;
+                color: $kendo-spreadsheet-insert-image-dialog-overlay-hover-text;
             }
         }
     }
 
     .k-spreadsheet-drawing {
         &.k-spreadsheet-active-drawing {
-            outline-color: $spreadsheet-drawing-handle-outline-color;
+            outline-color: $kendo-spreadsheet-drawing-handle-outline-color;
         }
 
         .k-spreadsheet-drawing-handle {
-            border-color: $spreadsheet-drawing-handle-border-color;
-            background-color: $spreadsheet-drawing-handle-bg;
+            border-color: $kendo-spreadsheet-drawing-handle-border-color;
+            background-color: $kendo-spreadsheet-drawing-handle-bg;
         }
     }
 
     .k-spreadsheet-drawing-anchor-cell {
-        background: $spreadsheet-drawing-anchor-bg;
+        background: $kendo-spreadsheet-drawing-anchor-bg;
     }
 
 }

package/scss/spreadsheet/_variables.scss

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

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: k-math-div( 20, 14 ) !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: k-map-get( $theme, 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: k-math-div( 20, 14 ) !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: k-map-get( $theme, 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/_theme.scss

@@ -14,7 +14,7 @@
             background-color: inherit;
         }
         &.k-switch-off .k-switch-thumb::before {
-            background-color: if( $dark-theme == true, $kendo-color-white, $kendo-color-black );
+            background-color: if( $kendo-is-dark-theme == true, $kendo-color-white, $kendo-color-black );
         }
     }
 

package/scss/switch/_variables.scss

@@ -30,7 +30,7 @@ $kendo-switch-sizes: (
 
 /// The background of the track when the switch is not checked.
 /// @group switch
-$kendo-switch-off-track-bg: rgba( if( $dark-theme, $kendo-color-white, $kendo-color-black ), .38 ) !default;
+$kendo-switch-off-track-bg: rgba( if( $kendo-is-dark-theme, $kendo-color-white, $kendo-color-black ), .38 ) !default;
 /// The text color of the track when the switch is not checked.
 /// @group switch
 $kendo-switch-off-track-text: null !default;
@@ -85,7 +85,7 @@ $kendo-switch-off-track-disabled-gradient: null !default;
 
 /// The background of the thumb when the switch is not checked.
 /// @group switch
-$kendo-switch-off-thumb-bg: if( $dark-theme, $kendo-color-black, $kendo-color-white ) !default;
+$kendo-switch-off-thumb-bg: if( $kendo-is-dark-theme, $kendo-color-black, $kendo-color-white ) !default;
 /// The text color of the thumb when the switch is not checked.
 /// @group switch
 $kendo-switch-off-thumb-text: null !default;

package/scss/table/_variables.scss

@@ -29,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.5 ) !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.5 ) !default;
+$kendo-table-sm-cell-padding-y: k-map-get( $kendo-spacing, 1 ) !default;
 
-$kendo-table-cell-padding-x-md: k-map-get( $kendo-spacing, 6 ) !default;
-$kendo-table-cell-padding-y-md: k-map-get( $kendo-spacing, 2.5 ) !default;
+$kendo-table-md-cell-padding-x: k-map-get( $kendo-spacing, 6 ) !default;
+$kendo-table-md-cell-padding-y: k-map-get( $kendo-spacing, 2.5 ) !default;
 
-$kendo-table-cell-padding-x-lg: k-map-get( $kendo-spacing, 6 ) !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, 6 ) !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;
 
@@ -78,7 +78,7 @@ $kendo-table-border: $kendo-component-border !default;
 $kendo-table-header-bg: $kendo-table-bg !default;
 /// Text color of table headers.
 /// @group table
-$kendo-table-header-text: if( $dark-theme, $light-secondary-text, $dark-secondary-text ) !default;
+$kendo-table-header-text: if( $kendo-is-dark-theme, $light-secondary-text, $dark-secondary-text ) !default;
 /// Border color of table headers.
 /// @group table
 $kendo-table-header-border: $kendo-table-border !default;

package/scss/tabstrip/_layout.scss

@@ -3,7 +3,7 @@
 @include exports( "tabstrip/layout/material" ) {
 
     .k-tabstrip {
-        line-height: $tabstrip-line-height;
+        line-height: $kendo-tabstrip-line-height;
     }
 
     .k-tabstrip-items {