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

package/scss/color-preview/_theme.scss

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

package/scss/color-preview/_variables.scss

@@ -3,12 +3,12 @@ $color-preview-border-radius: $kendo-border-radius-md !default;
 $color-preview-border-width: 1px !default;
 $color-preview-bg: null !default;
 $color-preview-text: null !default;
-$color-preview-border: $component-border !default;
-$color-preview-hover-border: $hovered-border !default;
+$color-preview-border: $kendo-component-border !default;
+$color-preview-hover-border: $kendo-hover-border !default;
 
-$color-preview-no-color-bg: $white !default;
-$color-preview-no-color-text: $error !default;
+$color-preview-no-color-bg: $kendo-color-white !default;
+$color-preview-no-color-text: $kendo-color-error !default;
 $color-preview-no-color-border: null !default;
 
-$color-preview-no-color-image: escape-svg( url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='20' height='20' version='1.1'><line x1='0' x2='20' y1='0' y2='20' stroke='#{$color-preview-no-color-text}' stroke-width='1'/></svg>") ) !default;
+$color-preview-no-color-image: k-escape-svg( url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='20' height='20' version='1.1'><line x1='0' x2='20' y1='0' y2='20' stroke='#{$color-preview-no-color-text}' stroke-width='1'/></svg>") ) !default;
 $color-preview-transparent-color-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAuSURBVHgBxYyxDQAwDMJIL+YT+DjtzFRliUfLcklqBCRT4eCTxbD6kdL2/LgYXqpvCbs3kBv/AAAAAElFTkSuQmCC") !default;

package/scss/coloreditor/_index.scss

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

package/scss/coloreditor/_layout.scss

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

package/scss/coloreditor/_theme.scss

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

package/scss/coloreditor/_variables.scss

@@ -1,5 +1,5 @@
 // Coloreditor/FlatColorPicker
-$coloreditor-spacer: k-map-get( $spacing, 3 ) !default;
+$coloreditor-spacer: k-map-get( $kendo-spacing, 3 ) !default;
 
 $coloreditor-min-width: 294px !default;
 $coloreditor-border-width: 1px !default;
@@ -7,18 +7,18 @@ $coloreditor-border-radius: $kendo-border-radius-md !default;
 $coloreditor-font-family: $font-family !default;
 $coloreditor-font-size: $font-size !default;
 $coloreditor-line-height: $line-height !default;
-$coloreditor-bg: $component-bg !default;
-$coloreditor-text: $component-text !default;
-$coloreditor-border: $component-border !default;
+$coloreditor-bg: $kendo-component-bg !default;
+$coloreditor-text: $kendo-component-text !default;
+$coloreditor-border: $kendo-component-border !default;
 
-$coloreditor-focus-border: $hovered-border !default;
+$coloreditor-focus-border: $kendo-hover-border !default;
 $coloreditor-focus-shadow: $box-shadow-depth-2 !default;
 
 $coloreditor-header-padding-y: $coloreditor-spacer !default;
 $coloreditor-header-padding-x: $coloreditor-header-padding-y !default;
-$coloreditor-header-actions-gap: k-map-get( $spacing, 2 ) !default;
+$coloreditor-header-actions-gap: k-map-get( $kendo-spacing, 2 ) !default;
 
-$coloreditor-preview-gap: k-map-get( $spacing, 1 ) !default;
+$coloreditor-preview-gap: k-map-get( $kendo-spacing, 1 ) !default;
 $coloreditor-color-preview-width: 32px !default;
 $coloreditor-color-preview-height: 12px !default;
 

package/scss/colorgradient/_index.scss

@@ -3,8 +3,8 @@
 
 // Dependencies
 @import "../common/_index.scss";
-@import "../utils/_flex.scss";
-@import "../utils/_spacer.scss";
+// @import "../utils/_flex.scss";
+// @import "../utils/_spacer.scss";
 @import "../icons/_index.scss";
 @import "../button/_index.scss";
 @import "../slider/_index.scss";
@@ -13,7 +13,7 @@
 
 
 // Component
-@import "images/alpha-slider-bgr.scss";
-@import "_variables.scss";
-@import "_layout.scss";
-@import "_theme.scss";
+@import "./images/alpha-slider-bgr.scss";
+@import "./_variables.scss";
+@import "./_layout.scss";
+@import "./_theme.scss";

package/scss/colorgradient/_layout.scss

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

package/scss/colorgradient/_theme.scss

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

package/scss/colorgradient/_variables.scss

@@ -1,5 +1,5 @@
 // ColorGradient
-$colorgradient-spacer: k-map-get( $spacing, 3 ) !default;
+$colorgradient-spacer: k-map-get( $kendo-spacing, 3 ) !default;
 
 $colorgradient-width: 294px !default;
 $colorgradient-border-width: 1px !default;
@@ -10,11 +10,11 @@ $colorgradient-gap: $colorgradient-spacer !default;
 $colorgradient-font-family: $font-family !default;
 $colorgradient-font-size: $font-size !default;
 $colorgradient-line-height: $line-height !default;
-$colorgradient-bg: $component-bg !default;
-$colorgradient-text: $component-text !default;
-$colorgradient-border: $component-border !default;
+$colorgradient-bg: $kendo-component-bg !default;
+$colorgradient-text: $kendo-component-text !default;
+$colorgradient-border: $kendo-component-border !default;
 
-$colorgradient-focus-border: $hovered-border !default;
+$colorgradient-focus-border: $kendo-hover-border !default;
 $colorgradient-focus-shadow: $box-shadow-depth-2 !default;
 
 $colorgradient-canvas-border-radius: $kendo-border-radius-md !default;
@@ -43,9 +43,9 @@ $colorgradient-canvas-draghandle-margin-y: - k-math-div( $colorgradient-draghand
 $colorgradient-canvas-draghandle-margin-x: - k-math-div( $colorgradient-draghandle-width, 2 ) !default;
 
 $colorgradient-input-width: 50px !default;
-$colorgradient-input-gap: k-map-get( $spacing, 2 ) !default;
-$colorgradient-input-label-gap: k-map-get( $spacing, 1 ) !default;
-$colorgradient-input-label-text: $subtle-text !default;
+$colorgradient-input-gap: k-map-get( $kendo-spacing, 2 ) !default;
+$colorgradient-input-label-gap: k-map-get( $kendo-spacing, 1 ) !default;
+$colorgradient-input-label-text: $kendo-subtle-text !default;
 
 $colorgradient-contrast-ratio-font-weight: $font-weight-bold !default;
-$colorgradient-contrast-spacer: k-map-get( $spacing, 2 ) !default;
+$colorgradient-contrast-spacer: k-map-get( $kendo-spacing, 2 ) !default;

package/scss/colorpalette/_index.scss

@@ -3,10 +3,10 @@
 
 // Dependencies
 @import "../common/_index.scss";
-@import "../utils/_flex.scss";
+// @import "../utils/_flex.scss";
 
 
 // Component
-@import "_variables.scss";
-@import "_layout.scss";
-@import "_theme.scss";
+@import "./_variables.scss";
+@import "./_layout.scss";
+@import "./_theme.scss";

package/scss/colorpalette/_layout.scss

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

package/scss/colorpalette/_theme.scss

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

package/scss/colorpalette/_variables.scss

@@ -3,7 +3,7 @@ $colorpalette-font-family: $font-family !default;
 $colorpalette-font-size: $font-size !default;
 $colorpalette-line-height: 0 !default;
 
-$colorpalette-tile-width: k-map-get( $spacing, 6 ) !default;
+$colorpalette-tile-width: k-map-get( $kendo-spacing, 6 ) !default;
 $colorpalette-tile-height: $colorpalette-tile-width !default;
 $colorpalette-tile-focus-shadow: 0 0 3px 1px rgba( black, .3 ), inset 0 0 0 1px rgba( white, .5 ) !default;
 $colorpalette-tile-hover-shadow: 0 0 3px 1px rgba( black, .3 ), inset 0 0 0 1px rgba( white, .8 ) !default;

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

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

package/scss/colorpicker/_theme.scss

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

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

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

package/scss/combobox/_theme.scss

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

package/scss/common/_animations.scss

@@ -1 +1 @@
-@import "~@progress/kendo-theme-default/scss/common/_animations.scss";
+@import "@progress/kendo-theme-default/scss/common/_animations.scss";

package/scss/common/_base.scss

@@ -1 +1 @@
-@import "~@progress/kendo-theme-default/scss/common/_base.scss";
+@import "@progress/kendo-theme-default/scss/common/_base.scss";

package/scss/common/_index.scss

@@ -1,9 +1,5 @@
-@import "../typography/_variables.scss";
-
-@import "_base.scss";
-@import "_animations.scss";
-@import "_dragdrop.scss";
-@import "_loading.scss";
-@import "_resizing.scss";
-@import "_scrollbar.scss";
-@import "_selection.scss";
+@import "./_base.scss";
+@import "./_animations.scss";
+@import "./_resizing.scss";
+@import "./_scrollbar.scss";
+@import "./_selection.scss";

package/scss/common/_resizing.scss

@@ -1 +1 @@
-@import "~@progress/kendo-theme-default/scss/common/_resizing.scss";
+@import "@progress/kendo-theme-default/scss/common/_resizing.scss";

package/scss/common/_scrollbar.scss

@@ -1 +1 @@
-@import "~@progress/kendo-theme-default/scss/common/_scrollbar.scss";
+@import "@progress/kendo-theme-default/scss/common/_scrollbar.scss";

package/scss/common/_selection.scss

@@ -1 +1 @@
-@import "~@progress/kendo-theme-default/scss/common/_selection.scss";
+@import "@progress/kendo-theme-default/scss/common/_selection.scss";

package/scss/core/_index.scss

@@ -1,9 +1,19 @@
-@import "functions/_index.scss";
-@import "mixins/_index.scss";
-@import "../_variables.scss";
+$wcag-min-contrast-ratio: 4.5 !default;
+
+// Functions
+@import "./functions/index.import.scss";
+
+// Color system
+@import "./color-system/index.import.scss";
+
+// Mixins
+@import "./mixins/index.import.scss";
 
-@import "_asp-fallback.scss";
-@import "_normalize.scss";
-@import "_extra.scss";
-@import "_layout.scss";
-@import "_color-system.scss";
+// Module system
+@import "./module-system/index.import.scss";
+
+// Common styles
+@import "./styles/index.import.scss";
+
+// Variables
+@import "../_variables.scss";

package/scss/core/{_color-system.scss → color-system/_color-system-material.scss}

@@ -1,29 +1,14 @@
 // Adapted from https://github.com/angular/material2/blob/master/src/lib/core/theming/_palette.scss
 // Adapted from https://github.com/angular/components/blob/master/src/material/core/theming/_theming.scss
 
-// Color constants
-$black: black; // stylelint-disable-line scss/dollar-variable-default
-$white: white; // stylelint-disable-line scss/dollar-variable-default
-
-$rgba-transparent: rgba( 0, 0, 0, 0 ); // stylelint-disable-line scss/dollar-variable-default
-
-$gradient-transparent-to-black: rgba( black, 0), black; // stylelint-disable-line scss/dollar-variable-default
-$gradient-transparent-to-white: rgba( white, 0), white; // stylelint-disable-line scss/dollar-variable-default
-$gradient-black-to-transparent: black, rgba( black, 0); // stylelint-disable-line scss/dollar-variable-default
-$gradient-white-to-transparent: white, rgba( white, 0); // stylelint-disable-line scss/dollar-variable-default
-
-$gradient-rainbow: #ff0000, #ffff00, #00ff00, #00ffff, #0000ff, #ff00ff, #ff0000; // stylelint-disable-line scss/dollar-variable-default
-
 $dark-primary-text: rgba( black, .87 ) !default;
 $dark-secondary-text: rgba( black, .54 ) !default;
 $dark-disabled-text: rgba( black, .38 ) !default;
 $dark-dividers: rgba( black, .12 ) !default;
-$dark-focused: rgba( black, .12 ) !default;
-$light-primary-text: $white !default;
+$light-primary-text: $kendo-color-white !default;
 $light-secondary-text: rgba( white, .7 ) !default;
 $light-disabled-text: rgba( white, .5 ) !default;
 $light-dividers: rgba( white, .12 ) !default;
-$light-focused: rgba( white, .12 ) !default;
 
 $palettes: (
 
@@ -699,23 +684,23 @@ $material-dark-complimentary: (
     base-bg: get-base-hue( gray, 900 ),
     hover-bg: rgba( white, .08 ),
     focus-bg: rgba( white, .24 ),
-    elevation: $black
+    elevation: $kendo-color-black
 ) !default;
 
 
 $material-light-complimentary: (
     is-dark: false,
-    body-bg: $white,
+    body-bg: $kendo-color-white,
     body-text: get-base-contrast( gray, 50 ),
     subtle-text: $dark-secondary-text,
     disabled-text: $dark-disabled-text,
-    component-bg: $white,
+    component-bg: $kendo-color-white,
     component-text: $dark-primary-text,
     component-border: $dark-dividers,
-    base-bg: $white,
+    base-bg: $kendo-color-white,
     hover-bg: rgba( black, .04 ),
     focus-bg: rgba( black, .12 ),
-    elevation: $black
+    elevation: $kendo-color-black
 ) !default;
 
 
@@ -728,7 +713,7 @@ $material-light-complimentary: (
 // of the Material Design hues.
 @function material-palette($base-palette, $main: 500, $lighter: 300, $darker: 700, $adjust-contrast: true) {
 
-    @if not (type-of($base-palette) == map) {
+    @if not (k-meta-type-of($base-palette) == map) {
         $base-palette: get-base-palette($base-palette);
     }
 
@@ -777,29 +762,29 @@ $material-light-complimentary: (
 // hues (main, lighter, darker), or any of the aforementioned prefixed with "-contrast".
 @function material-color($palette, $hue: main, $opacity: null) {
 
-    @if not (type-of($palette) == map) {
+    @if not (k-meta-type-of($palette) == map) {
         $palette: get-base-palette($palette);
     }
 
     // If hueKey is a number between zero and one, then it actually contains an
     // opacity value, so recall this function with the default hue and that given opacity.
-    @if type-of($hue) == number and $hue >= 0 and $hue <= 1 {
+    @if k-meta-type-of($hue) == number and $hue >= 0 and $hue <= 1 {
         @return material-color($palette, main, $hue);
     }
 
     $color: k-map-get($palette, $hue);
-    $opacity: if($opacity == null, opacity($color), $opacity);
+    $opacity: if($opacity == null, k-color-alpha($color), $opacity);
 
     @return rgba( $color, $opacity );
 }
 
 // Creates a container object for a light theme to be given to individual component theme mixins.
-@function material-theme($primary, $secondary, $theme-type, $warn: material-palette(red)) {
+@function material-theme($kendo-color-primary, $kendo-color-secondary, $theme-type, $warn: material-palette(red)) {
     $complimentary: if($theme-type == dark, $material-dark-complimentary, $material-light-complimentary);
     @return k-map-merge((
         // sass-lint:disable-block indentation
-        primary: $primary,
-        secondary: $secondary,
+        primary: $kendo-color-primary,
+        secondary: $kendo-color-secondary,
         warn: $warn
     ), $complimentary );
 }

package/scss/core/color-system/index.import.scss

@@ -0,0 +1,2 @@
+@import "@progress/kendo-theme-core/scss/color-system/index.import.scss";
+@import "./_color-system-material.scss";

package/scss/core/functions/index.import.scss

@@ -0,0 +1 @@
+@import "@progress/kendo-theme-core/scss/functions/index.import.scss";

package/scss/core/mixins/index.import.scss

@@ -0,0 +1 @@
+@import "@progress/kendo-theme-core/scss/mixins/index.import.scss";

package/scss/core/module-system/index.import.scss

@@ -0,0 +1 @@
+@import "@progress/kendo-theme-core/scss/module-system/index.import.scss";

package/scss/core/styles/index.import.scss

@@ -0,0 +1 @@
+@import "@progress/kendo-theme-core/scss/styles/index.import.scss";

package/scss/dataviz/_index.scss

@@ -5,10 +5,9 @@
 @import "../common/_index.scss";
 @import "../popup/_index.scss";
 @import "../tooltip/_index.scss";
-@import "../button/_variables.scss";
 
 
 // Component
-@import "_variables.scss";
-@import "_layout.scss";
-@import "_theme.scss";
+@import "./_variables.scss";
+@import "./_layout.scss";
+@import "./_theme.scss";

package/scss/dataviz/_layout.scss

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

package/scss/dataviz/_theme.scss

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

package/scss/dataviz/_variables.scss

@@ -1,4 +1,8 @@
+@import "../button/_variables.scss";
+
+
 // Chart
+
 /// The first base series color and its light and dark shades.
 /// @group charts
 $series-a: get-base-hue( purple, 500 ) !default;
@@ -94,38 +98,39 @@ $chart-title-font-size: 1.143em !default;
 $chart-pane-title-font-size: $chart-label-font-size !default;
 $chart-pane-title-font-weight: $font-weight-normal !default;
 
-$chart-inactive: rgba( $component-text, .5 ) !default;
-
 /// The color of the Chart grid lines (major).
 /// @group charts
-$chart-major-lines: rgba( if( $dark-theme, $white, $black ), .08 ) !default;
+$chart-major-lines: rgba( if( $dark-theme, $kendo-color-white, $kendo-color-black ), .08 ) !default;
 
 /// The color of the Chart grid lines (minor).
 /// @group charts
-$chart-minor-lines: rgba( if( $dark-theme, $white, $black ), .04 ) !default;
+$chart-minor-lines: rgba( if( $dark-theme, $kendo-color-white, $kendo-color-black ), .04 ) !default;
 
+$chart-inactive: rgba( $kendo-component-text, .5 ) !default;
 $chart-area-opacity: .6 !default;
 $chart-area-inactive-opacity: .1 !default;
 $chart-line-inactive-opacity: .3 !default;
 
-$chart-bg: $component-bg !default;
-$chart-text: $component-text !default;
-$chart-border: $component-border !default;
+$chart-tooltip-transition: left 300ms cubic-bezier(0, .33, .19, 1), top 300ms cubic-bezier(0, .33, .19, 1) !default;
+
+$chart-bg: $kendo-component-bg !default;
+$chart-text: $kendo-component-text !default;
+$chart-border: $kendo-component-border !default;
 
-$chart-crosshair-background: rgba( if( $dark-theme, $white, $black ), .5 ) !default;
+$chart-crosshair-background: rgba( if( $dark-theme, $kendo-color-white, $kendo-color-black ), .5 ) !default;
 $chart-crosshair-shared-tooltip-color: $chart-text !default;
 $chart-crosshair-shared-tooltip-background: k-try-shade( $chart-bg, 1 ) !default;
-$chart-crosshair-shared-tooltip-border: rgba( if( $dark-theme, $white, $black ), .08) !default;
+$chart-crosshair-shared-tooltip-border: rgba( if( $dark-theme, $kendo-color-white, $kendo-color-black ), .08) !default;
 
-$chart-notes-background: rgba( if( $dark-theme, $white, $black ), .5 ) !default;
-$chart-notes-border: rgba( if( $dark-theme, $white, $black ), .5 ) !default;
-$chart-notes-lines: rgba( if( $dark-theme, $white, $black ), .5 ) !default;
+$chart-notes-background: rgba( if( $dark-theme, $kendo-color-white, $kendo-color-black ), .5 ) !default;
+$chart-notes-border: rgba( if( $dark-theme, $kendo-color-white, $kendo-color-black ), .5 ) !default;
+$chart-notes-lines: rgba( if( $dark-theme, $kendo-color-white, $kendo-color-black ), .5 ) !default;
 
-$error-bars-background: rgba( if( $dark-theme, $white, $black ), .5 ) !default;
+$error-bars-background: rgba( if( $dark-theme, $kendo-color-white, $kendo-color-black ), .5 ) !default;
 
 $selection-handle-size: 22px !default;
-$selection-border-color: rgba( if( $dark-theme, $white, $black ), .08 ) !default;
-$selection-shadow: inset 0 1px 7px rgba( if( $dark-theme, $white, $black ), .15) !default;
+$selection-border-color: rgba( if( $dark-theme, $kendo-color-white, $kendo-color-black ), .08 ) !default;
+$selection-shadow: inset 0 1px 7px rgba( if( $dark-theme, $kendo-color-white, $kendo-color-black ), .15) !default;
 
 
 // TreeMap

package/scss/dateinput/_index.scss

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

package/scss/dateinput/_layout.scss

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

package/scss/dateinput/_theme.scss

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

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

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

package/scss/datepicker/_theme.scss

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

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

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

package/scss/daterangepicker/_theme.scss

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

package/scss/datetimepicker/_index.scss

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

package/scss/datetimepicker/_layout.scss

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

package/scss/datetimepicker/_theme.scss

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

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

@@ -1,12 +1,12 @@
-@import "~@progress/kendo-theme-default/scss/dialog/_layout.scss";
+@import "@progress/kendo-theme-default/scss/dialog/_layout.scss";
 
 @include exports("dialog/layout/material") {
 
     .k-dialog-content.k-scroll {
         border-width: 1px 0;
         border-style: solid;
-        padding-top: #{$window-inner-padding-y / 2};
-        padding-bottom: #{$window-inner-padding-y / 2};
+        padding-top: #{k-math-div( $kendo-window-inner-padding-y, 2 )};
+        padding-bottom: #{k-math-div( $kendo-window-inner-padding-y, 2 )};
     }
 
 }