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

package/scss/pivotgrid/_index.scss

@@ -7,14 +7,14 @@
 @import "../treeview/_index.scss";
 @import "../grid/_index.scss";
 @import "../icons/_index.scss";
-@import "../utils/_spacer.scss";
-@import "../utils/_flex.scss";
-@import "../utils/_grid.scss";
-@import "../utils/_position.scss";
+// @import "../utils/_spacer.scss";
+// @import "../utils/_flex.scss";
+// @import "../utils/_grid.scss";
+// @import "../utils/_position.scss";
 @import "../list/_index.scss";
 
 
 // Component
-@import "_variables.scss";
-@import "_layout.scss";
-@import "_theme.scss";
+@import "./_variables.scss";
+@import "./_layout.scss";
+@import "./_theme.scss";

package/scss/pivotgrid/_layout.scss

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

package/scss/pivotgrid/_theme.scss

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

package/scss/pivotgrid/_variables.scss

@@ -1,5 +1,8 @@
+@import "../table/_variables.scss";
+
+
 // Pivot grid
-$pivotgrid-spacer: k-map-get( $spacing, 4 ) !default;
+$pivotgrid-spacer: k-map-get( $kendo-spacing, 4 ) !default;
 $pivotgrid-padding-x: null !default;
 $pivotgrid-padding-y: null !default;
 $pivotgrid-font-family: $font-family !default;
@@ -11,29 +14,29 @@ $pivotgrid-icon-spacing: 8px !default;
 $pivotgrid-row-header-width: 300px !default;
 $pivotgrid-column-header-height: 75px !default;
 
-$pivotgrid-cell-padding-x: $table-cell-padding-x !default;
-$pivotgrid-cell-padding-y: $table-cell-padding-y !default;
+$pivotgrid-cell-padding-x: $kendo-table-cell-padding-x-md !default;
+$pivotgrid-cell-padding-y: $kendo-table-cell-padding-y-md !default;
 $pivotgrid-cell-border-width: 1px !default;
 
-$pivotgrid-bg: $component-bg !default;
-$pivotgrid-text: $component-text !default;
-$pivotgrid-border: $component-border !default;
+$pivotgrid-bg: $kendo-component-bg !default;
+$pivotgrid-text: $kendo-component-text !default;
+$pivotgrid-border: $kendo-component-border !default;
 
 $pivotgrid-alt-border: k-try-shade( $pivotgrid-border, 2 ) !default;
 
-$pivotgrid-headers-bg: $header-bg !default;
-$pivotgrid-headers-text: $header-text !default;
-$pivotgrid-headers-border: $header-border !default;
+$pivotgrid-headers-bg: $kendo-component-header-bg !default;
+$pivotgrid-headers-text: $kendo-component-header-text !default;
+$pivotgrid-headers-border: $kendo-component-header-border !default;
 
 $pivotgrid-total-bg: k-try-shade( $pivotgrid-bg, 1 ) !default;
-$pivotgrid-total-text: $header-text !default;
-$pivotgrid-total-border: $header-border !default;
+$pivotgrid-total-text: $kendo-component-header-text !default;
+$pivotgrid-total-border: $kendo-component-header-border !default;
 
 $pivotgrid-hover-bg: k-color-darken( $pivotgrid-bg, 7% ) !default;
 $pivotgrid-hover-text: null !default;
 $pivotgrid-hover-border: null !default;
 
-$pivotgrid-selected-bg: rgba( $selected-bg, .25 ) !default;
+$pivotgrid-selected-bg: rgba( $kendo-selected-bg, .25 ) !default;
 $pivotgrid-selected-text: null !default;
 $pivotgrid-selected-border: null !default;
 
@@ -58,12 +61,12 @@ $pivotgrid-configurator-fields-margin-y: k-math-div( $pivotgrid-spacer, 2 ) !def
 $pivotgrid-configurator-vertical-width: 320px !default;
 $pivotgrid-configurator-horizontal-height: 420px !default;
 
-$pivotgrid-configurator-bg: $component-bg !default;
-$pivotgrid-configurator-text: $component-text !default;
-$pivotgrid-configurator-border: $component-border !default;
+$pivotgrid-configurator-bg: $kendo-component-bg !default;
+$pivotgrid-configurator-text: $kendo-component-text !default;
+$pivotgrid-configurator-border: $kendo-component-border !default;
 
 $pivotgrid-configurator-header-bg: null !default;
-$pivotgrid-configurator-header-text: $header-text !default;
+$pivotgrid-configurator-header-text: $kendo-component-header-text !default;
 $pivotgrid-configurator-header-border: null !default;
 
 $pivotgrid-configurator-end-shadow: -3px 0px 6px rgba( black, .16 ) !default;
@@ -71,8 +74,8 @@ $pivotgrid-configurator-start-shadow: 3px 0px 6px rgba( black, .16 ) !default;
 $pivotgrid-configurator-top-shadow: 0px -3px 6px rgba( black, .16 ) !default;
 $pivotgrid-configurator-bottom-shadow: 0px 3px 6px rgba( black, .16 ) !default;
 
-$pivotgrid-configurator-button-padding-x: k-map-get( $spacing, 1 ) !default;
-$pivotgrid-configurator-button-padding-y: k-map-get( $spacing, 1 ) !default;
+$pivotgrid-configurator-button-padding-x: k-map-get( $kendo-spacing, 1 ) !default;
+$pivotgrid-configurator-button-padding-y: k-map-get( $kendo-spacing, 1 ) !default;
 $pivotgrid-configurator-button-border-width: 1px !default;
 $pivotgrid-configurator-button-size: calc( #{$pivotgrid-line-height * 1em} + #{$pivotgrid-configurator-button-padding-y * 2} + #{$pivotgrid-configurator-button-border-width * 2} ) !default;
 
@@ -83,12 +86,12 @@ $pivotgrid-calculated-field-border-width: 1px !default;
 $pivotgrid-calculated-field-border-radius: $kendo-border-radius-md !default;
 $pivotgrid-calculated-field-gap: $pivotgrid-spacer !default;
 
-$pivotgrid-calculated-field-bg: $component-bg !default;
-$pivotgrid-calculated-field-text: $component-text !default;
-$pivotgrid-calculated-field-border: $component-border !default;
+$pivotgrid-calculated-field-bg: $kendo-component-bg !default;
+$pivotgrid-calculated-field-text: $kendo-component-text !default;
+$pivotgrid-calculated-field-border: $kendo-component-border !default;
 
 $pivotgrid-calculated-field-header-bg: null !default;
-$pivotgrid-calculated-field-header-text: $header-text !default;
+$pivotgrid-calculated-field-header-text: $kendo-component-header-text !default;
 $pivotgrid-calculated-field-header-border: null !default;
 
 
@@ -96,12 +99,12 @@ $pivotgrid-treeview-padding-x: 1.5rem !default;
 $pivotgrid-treeview-padding-y: 0px !default;
 
 // Legacy variables
-$pivotgrid-alt-bg: $grid-header-bg !default;
-$pivotgrid-alt-text: $grid-header-text !default;
-$pivotgrid-chrome-border: $grid-border !default;
+$pivotgrid-alt-bg: $kendo-grid-header-bg !default;
+$pivotgrid-alt-text: $kendo-grid-header-text !default;
+$pivotgrid-chrome-border: $kendo-grid-border !default;
 
-$pivotgrid-container-bg: $header-bg !default;
-$pivotgrid-row-headers-bg: k-try-shade( $header-bg, .5 ) !default;
+$pivotgrid-container-bg: $kendo-component-header-bg !default;
+$pivotgrid-row-headers-bg: k-try-shade( $kendo-component-header-bg, .5 ) !default;
 
 $pivotgrid-button-bg: null !default;
 $pivotgrid-button-text: null !default;

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

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

package/scss/popover/_theme.scss

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

package/scss/popover/_variables.scss

@@ -1,33 +1,31 @@
 // Popover
-$popover-border-width: $card-border-width !default;
-$popover-border-style: solid !default;
-$popover-border-radius: $card-border-radius !default;
-$popover-font-size: $card-font-size !default;
-$popover-font-family: $card-font-family !default;
-$popover-line-height: $card-line-height !default;
+$kendo-popover-border-width: $card-border-width !default;
+$kendo-popover-border-style: solid !default;
+$kendo-popover-border-radius: $card-border-radius !default;
+$kendo-popover-font-size: $card-font-size !default;
+$kendo-popover-font-family: $card-font-family !default;
+$kendo-popover-line-height: $card-line-height !default;
+$kendo-popover-bg: $card-bg !default;
+$kendo-popover-text: $card-text !default;
+$kendo-popover-border: $card-border !default;
+$kendo-popover-shadow: $card-shadow !default;
 
-$popover-bg: $card-bg !default;
-$popover-text: $card-text !default;
-$popover-border: $card-border !default;
-$popover-shadow: $card-shadow !default;
+$kendo-popover-header-padding-y: $card-header-padding-y !default;
+$kendo-popover-header-padding-x: $card-header-padding-x !default;
+$kendo-popover-header-border-width: $card-header-border-width !default;
+$kendo-popover-header-border-style: $kendo-popover-border-style !default;
+$kendo-popover-header-bg: null !default;
+$kendo-popover-header-text: null !default;
+$kendo-popover-header-border: null !default;
 
-$popover-header-padding-y: $card-header-padding-y !default;
-$popover-header-padding-x: $card-header-padding-x !default;
-$popover-header-border-width: $card-header-border-width !default;
-$popover-header-border-style: $popover-border-style !default;
+$kendo-popover-body-padding-y: $card-body-padding-y !default;
+$kendo-popover-body-padding-x: $card-body-padding-x !default;
 
-$popover-header-bg: $card-header-bg !default;
-$popover-header-text: $card-header-text !default;
-$popover-header-border: $card-header-border !default;
+$kendo-popover-actions-border-width: $kendo-popover-border-width !default;
 
-$popover-body-padding-y: $card-body-padding-y !default;
-$popover-body-padding-x: $card-body-padding-x !default;
-
-$popover-actions-border-width: $popover-border-width !default;
-
-$popover-callout-width: $card-callout-width !default;
-$popover-callout-height: $card-callout-height !default;
-$popover-callout-border-width: $popover-border-width !default;
-$popover-callout-border-style: $popover-border-style !default;
-$popover-callout-bg: $popover-bg !default;
-$popover-callout-border: $popover-border !default;
+$kendo-popover-callout-width: $card-callout-width !default;
+$kendo-popover-callout-height: $card-callout-height !default;
+$kendo-popover-callout-border-width: $kendo-popover-border-width !default;
+$kendo-popover-callout-border-style: $kendo-popover-border-style !default;
+$kendo-popover-callout-bg: $kendo-popover-bg !default;
+$kendo-popover-callout-border: $kendo-popover-border !default;

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

@@ -1,4 +1,4 @@
-@import "~@progress/kendo-theme-default/scss/popup/_layout.scss";
+@import "@progress/kendo-theme-default/scss/popup/_layout.scss";
 
 @include exports( "popup/layout/bootstrap" ) {
 

package/scss/popup/_theme.scss

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

package/scss/popup/_variables.scss

@@ -1,4 +1,5 @@
 // Popup
+
 $popup-padding-x: null !default;
 $popup-padding-y: null !default;
 $popup-border-width: 1px !default;
@@ -7,10 +8,10 @@ $popup-border-radius: $kendo-border-radius-md !default;
 $popup-font-size: $font-size !default;
 $popup-line-height: $line-height !default;
 
-$popup-content-padding-x: k-map-get( $spacing, 2 ) !default;
-$popup-content-padding-y: k-map-get( $spacing, 2 ) !default;
+$popup-content-padding-x: k-map-get( $kendo-spacing, 2 ) !default;
+$popup-content-padding-y: k-map-get( $kendo-spacing, 2 ) !default;
 
-$popup-bg: $component-bg !default;
-$popup-text: $component-text !default;
-$popup-border: $component-border !default;
+$popup-bg: $kendo-component-bg !default;
+$popup-text: $kendo-component-text !default;
+$popup-border: $kendo-component-border !default;
 $popup-shadow: 0 2px 4px 0 rgba( black, .03 ), 0 4px 5px 0 rgba( black, .04 ) !default;

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

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

package/scss/progressbar/_theme.scss

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

package/scss/progressbar/_variables.scss

@@ -1,29 +1,73 @@
 // Progressbar
-$progressbar-height: $progress-height !default;
-$progressbar-horizontal-width: 100% !default;
-$progressbar-animation-timing: $progress-bar-animation-timing !default;
-$progressbar-border-width: 0px !default;
-$progressbar-font-family: $font-family !default;
-$progressbar-font-size: $progress-font-size !default;
-$progressbar-line-height: 1 !default;
 
-$progressbar-bg: $gray-200 !default;
-$progressbar-text: k-contrast-color( $gray-200 ) !default;
-$progressbar-border: null !default;
-$progressbar-gradient: null !default;
+/// Height of the progressbar.
+/// @group progressbar
+$kendo-progressbar-height: $progress-height !default;
+/// Horizontal width of the progressbar.
+/// @group progressbar
+$kendo-progressbar-horizontal-width: 100% !default;
+/// Animation timing of the progressbar.
+/// @group progressbar
+$kendo-progressbar-animation-timing: progress-bar-animation-timing !default;
+/// Border width of the progressbar.
+/// @group progressbar
+$kendo-progressbar-border-width: 0px !default;
+/// Font family of the progressbar.
+/// @group progressbar
+$kendo-progressbar-font-family: $font-family !default;
+/// Font size of the progressbar.
+/// @group progressbar
+$kendo-progressbar-font-size: $progress-font-size !default;
+/// Line height of the progressbar.
+/// @group progressbar
+$kendo-progressbar-line-height: 1 !default;
+/// Background color of the progressbar.
+/// @group progressbar
+$kendo-progressbar-bg: $gray-200 !default;
+/// Text color of the progressbar.
+/// @group progressbar
+$kendo-progressbar-text: k-contrast-color( $gray-200 ) !default;
+/// Border color of the progressbar.
+/// @group progressbar
+$kendo-progressbar-border: null !default;
+/// Background gradient of the progressbar.
+/// @group progressbar
+$kendo-progressbar-gradient: null !default;
 
-$progressbar-fill-bg: $selected-bg !default;
-$progressbar-fill-text: $selected-text !default;
-$progressbar-fill-border: null !default;
-$progressbar-fill-gradient: null !default;
+/// Progress background color of the progressbar.
+/// @group progressbar
+$kendo-progressbar-value-bg: $kendo-selected-bg !default;
+/// Progress text color of the progressbar.
+/// @group progressbar
+$kendo-progressbar-value-text: $kendo-selected-text !default;
+/// Progress border color of the progressbar.
+/// @group progressbar
+$kendo-progressbar-value-border: null !default;
+/// Progress background gradient of the progressbar.
+/// @group progressbar
+$kendo-progressbar-value-gradient: null !default;
 
-$progressbar-indeterminate-bg: $progressbar-bg !default;
-$progressbar-indeterminate-text: $progressbar-text !default;
-$progressbar-indeterminate-border: $progressbar-border !default;
-$progressbar-indeterminate-gradient: null !default;
+/// Background color of the indeterminate progressbar.
+/// @group progressbar
+$kendo-progressbar-indeterminate-bg: $kendo-progressbar-bg !default;
+/// Text color of the indeterminate progressbar.
+/// @group progressbar
+$kendo-progressbar-indeterminate-text: $kendo-progressbar-text !default;
+/// Border color of the indeterminate progressbar.
+/// @group progressbar
+$kendo-progressbar-indeterminate-border: $kendo-progressbar-border !default;
+/// Background gradient of the indeterminate progressbar.
+/// @group progressbar
+$kendo-progressbar-indeterminate-gradient: null !default;
 
-$progressbar-chunk-border: $body-bg !default;
+/// Border color of the chunk progressbar.
+/// @group progressbar
+$kendo-progressbar-chunk-border: $kendo-body-bg !default;
 
 // Circular Progressbar
-$kendo-circular-progressbar-arc-stroke: $primary !default;
-$kendo-circular-progressbar-scale-stroke: $progressbar-bg !default;
+/// Arc stroke color of the circular progressbar.
+/// @group progressbar
+$kendo-circular-progressbar-arc-stroke: $kendo-color-primary !default;
+/// Scale stroke background color of the circular progressbar.
+/// @group progressbar
+$kendo-circular-progressbar-scale-stroke: $kendo-progressbar-bg !default;

package/scss/radio/_index.scss

@@ -2,12 +2,9 @@
 
 
 // Dependencies
-@import "../typography/_variables.scss";
-@import "../list/_variables.scss";
-@import "../checkbox/_variables.scss";
 
 
 // Component
-@import "_variables.scss";
-@import "_layout.scss";
-@import "_theme.scss";
+@import "./_variables.scss";
+@import "./_layout.scss";
+@import "./_theme.scss";

package/scss/radio/_layout.scss

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

package/scss/radio/_theme.scss

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

package/scss/radio/_variables.scss

@@ -1,3 +1,7 @@
+@import "../list/_variables.scss";
+@import "../checkbox/_variables.scss";
+
+
 // Radio button
 
 /// Border radius of radio button.
@@ -10,19 +14,19 @@ $kendo-radio-border-width: 1px !default;
 // Radio button sizes
 $kendo-radio-sizes: (
     sm: (
-        size: k-map-get( $spacing, 3 ),
-        glyph-size: ( k-map-get( $spacing, 3 ) - k-map-get( $spacing, thin ) ),
-        ripple-size: k-map-get( $spacing, 3 ) * 3
+        size: k-map-get( $kendo-spacing, 3 ),
+        glyph-size: k-map-get( $kendo-spacing, 2.5 ),
+        ripple-size: 300%
     ),
     md: (
-        size: k-map-get( $spacing, 4 ),
-        glyph-size: ( k-map-get( $spacing, 4 ) - k-map-get( $spacing, thin ) ),
-        ripple-size: k-map-get( $spacing, 4 ) * 3
+        size: k-map-get( $kendo-spacing, 4 ),
+        glyph-size: k-map-get( $kendo-spacing, 3.5 ),
+        ripple-size: 300%
     ),
     lg: (
-        size: k-map-get( $spacing, 5 ),
-        glyph-size: ( k-map-get( $spacing, 5 ) - k-map-get( $spacing, thin ) ),
-        ripple-size: k-map-get( $spacing, 5 ) * 3
+        size: k-map-get( $kendo-spacing, 5 ),
+        glyph-size: k-map-get( $kendo-spacing, 4.5 ),
+        ripple-size: 300%
     )
 ) !default;
 
@@ -115,7 +119,7 @@ $kendo-radio-checked-glyph: "\e308" !default;
 
 /// Image of checked radio button indicator.
 /// @group radio
-$kendo-radio-checked-image: escape-svg( url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'><circle r='2' fill='#{$kendo-radio-checked-text}'/></svg>") ) !default;
+$kendo-radio-checked-image: k-escape-svg( url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'><circle r='2' fill='#{$kendo-radio-checked-text}'/></svg>") ) !default;
 /// Image of disabled and checked radio button indicator.
 /// @group radio
 $kendo-radio-disabled-checked-image: null !default;
@@ -125,14 +129,14 @@ $kendo-radio-disabled-checked-image: null !default;
 
 /// The horizontal margin of the radio button inside of a label.
 /// @group radio
-$kendo-radio-label-margin-x: k-map-get( $spacing, 1 ) !default;
+$kendo-radio-label-margin-x: k-map-get( $kendo-spacing, 1 ) !default;
 
 
 // Radio list
 
 /// Spacing between items of horizontal radio button list.
 /// @group radio
-$kendo-radio-list-spacing: k-map-get( $spacing, 4 ) !default;
+$kendo-radio-list-spacing: k-map-get( $kendo-spacing, 4 ) !default;
 /// Horizontal padding of radio button list items.
 /// @group radio
 $kendo-radio-list-item-padding-x: 0px !default;

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

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

package/scss/rating/_theme.scss

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

package/scss/rating/_variables.scss

@@ -3,21 +3,21 @@ $rating-font-family: $font-family !default;
 $rating-font-size: $font-size !default;
 $rating-line-height: $line-height !default;
 
-$rating-container-margin-x: $padding-x-sm !default;
+$rating-container-margin-x: $kendo-padding-sm-x !default;
 
-$rating-item-padding-x: $padding-x-sm !default;
-$rating-item-padding-y: $padding-y !default;
+$rating-item-padding-x: $kendo-padding-sm-x !default;
+$rating-item-padding-y: $kendo-padding-md-y !default;
 
-$rating-label-margin-x: $padding-x !default;
-$rating-label-margin-y: $padding-y !default;
+$rating-label-margin-x: $kendo-padding-md-x !default;
+$rating-label-margin-y: $kendo-padding-md-y !default;
 $rating-label-line-height: $line-height-lg !default;
 
-$rating-icon-size: ($icon-size * 1.5) !default;
+$rating-icon-size: ($kendo-icon-size * 1.5) !default;
 
-$rating-icon-text: $subtle-text !default;
-$rating-icon-selected-text: $selected-bg !default;
-$rating-icon-hover-text: $selected-bg !default;
-$rating-icon-focused-text: $selected-bg !default;
+$rating-icon-text: $kendo-subtle-text !default;
+$rating-icon-selected-text: $kendo-selected-bg !default;
+$rating-icon-hover-text: $kendo-selected-bg !default;
+$rating-icon-focus-text: $kendo-selected-bg !default;
 
-$rating-icon-focused-shadow: 0 2px 4px rgba( black, .1 ) !default;
-$rating-icon-focused-selected-shadow: 0 2px 4px rgba( black, .1) !default;
+$rating-icon-focus-shadow: 0 2px 4px rgba( black, .1 ) !default;
+$rating-icon-focus-selected-shadow: 0 2px 4px rgba( black, .1) !default;

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

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

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

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

package/scss/ripple/_theme.scss

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

package/scss/scheduler/_index.scss

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

package/scss/scheduler/_layout.scss

@@ -1,4 +1,4 @@
-@import "~@progress/kendo-theme-default/scss/scheduler/_layout.scss";
+@import "@progress/kendo-theme-default/scss/scheduler/_layout.scss";
 
 @include exports("scheduler/layout/bootstrap") {
 
@@ -17,16 +17,16 @@
         .k-event-template {
             // Angular fix for stronger selector and smaller padding
             & {
-                padding: $padding-y-sm $padding-x-sm;
+                padding: $kendo-padding-sm-y $kendo-padding-sm-x;
                 font-size: $font-size-sm;
             }
         }
 
         .k-event-actions {
-            right: $padding-x-sm;
+            right: $kendo-padding-sm-x;
             font-size: $font-size-sm;
             &:first-child {
-                margin: .1ex .4ex 0 $padding-x-sm;
+                margin: .1ex .4ex 0 $kendo-padding-sm-x;
             }
         }
     }

package/scss/scheduler/_theme.scss

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