@progress/kendo-theme-material 5.12.1-dev.1 → 5.12.1-dev.3

package/scss/pivotgrid/_variables.scss

@@ -1,113 +1,117 @@
+@import "../table/_variables.scss";
+
+
 // Pivot grid
-$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;
-$pivotgrid-font-size: $font-size !default;
-$pivotgrid-line-height: $line-height !default;
-$pivotgrid-border-width: 1px !default;
-$pivotgrid-icon-spacing: 8px !default;
 
-$pivotgrid-row-header-width: 300px !default;
-$pivotgrid-column-header-height: 75px !default;
+$kendo-pivotgrid-spacer: k-map-get( $kendo-spacing, 4 ) !default;
+$kendo-pivotgrid-padding-x: null !default;
+$kendo-pivotgrid-padding-y: null !default;
+$kendo-pivotgrid-font-family: $kendo-font-family !default;
+$kendo-pivotgrid-font-size: $kendo-font-size-md !default;
+$kendo-pivotgrid-line-height: $kendo-line-height-md !default;
+$kendo-pivotgrid-border-width: 1px !default;
+$kendo-pivotgrid-icon-spacing: 8px !default;
+
+$kendo-pivotgrid-row-header-width: 300px !default;
+$kendo-pivotgrid-column-header-height: 75px !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;
+$kendo-pivotgrid-cell-padding-x: $kendo-table-md-cell-padding-x !default;
+$kendo-pivotgrid-cell-padding-y: $kendo-table-md-cell-padding-y !default;
+$kendo-pivotgrid-cell-border-width: 1px !default;
 
-$pivotgrid-bg: $kendo-component-bg !default;
-$pivotgrid-text: $kendo-component-text !default;
-$pivotgrid-border: $kendo-component-border !default;
+$kendo-pivotgrid-bg: $kendo-component-bg !default;
+$kendo-pivotgrid-text: $kendo-component-text !default;
+$kendo-pivotgrid-border: $kendo-component-border !default;
 
-$pivotgrid-alt-border: k-try-shade( $pivotgrid-border, 2 ) !default;
+$kendo-pivotgrid-alt-border: k-try-shade( $kendo-pivotgrid-border, 2 ) !default;
 
-$pivotgrid-headers-bg: rgba( $kendo-component-header-bg, .02 ) !default;
-$pivotgrid-headers-text: $kendo-component-header-text !default;
-$pivotgrid-headers-border: $kendo-component-header-border !default;
+$kendo-pivotgrid-headers-bg: rgba( $kendo-component-header-bg, .02 ) !default;
+$kendo-pivotgrid-headers-text: $kendo-component-header-text !default;
+$kendo-pivotgrid-headers-border: $kendo-component-header-border !default;
 
-$pivotgrid-total-bg: k-try-shade( $pivotgrid-bg, 1 ) !default;
-$pivotgrid-total-text: $kendo-component-header-text !default;
-$pivotgrid-total-border: $kendo-component-header-border !default;
+$kendo-pivotgrid-total-bg: k-try-shade( $kendo-pivotgrid-bg, 1 ) !default;
+$kendo-pivotgrid-total-text: $kendo-component-header-text !default;
+$kendo-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;
+$kendo-pivotgrid-hover-bg: k-color-darken( $kendo-pivotgrid-bg, 7% ) !default;
+$kendo-pivotgrid-hover-text: null !default;
+$kendo-pivotgrid-hover-border: null !default;
 
-$pivotgrid-selected-bg: rgba( k-contrast-color( $pivotgrid-bg ), .04 ) !default;
-$pivotgrid-selected-text: null !default;
-$pivotgrid-selected-border: null !default;
+$kendo-pivotgrid-selected-bg: rgba( k-contrast-color( $kendo-pivotgrid-bg ), .04 ) !default;
+$kendo-pivotgrid-selected-text: null !default;
+$kendo-pivotgrid-selected-border: null !default;
 
-$pivotgrid-focus-shadow: $kendo-list-item-focus-shadow !default;
+$kendo-pivotgrid-focus-shadow: $kendo-list-item-focus-shadow !default;
 
 // Pivotgrid Configurator
-$pivotgrid-configurator-padding-x: null !default;
-$pivotgrid-configurator-padding-y: null !default;
-$pivotgrid-configurator-border-width: 1px !default;
+$kendo-pivotgrid-configurator-padding-x: null !default;
+$kendo-pivotgrid-configurator-padding-y: null !default;
+$kendo-pivotgrid-configurator-border-width: 1px !default;
 
-$pivotgrid-configurator-header-padding-x: $pivotgrid-spacer !default;
-$pivotgrid-configurator-header-padding-y: ( $pivotgrid-spacer * .75 ) !default;
-$pivotgrid-configurator-header-font-size: 18px !default;
-$pivotgrid-configurator-header-font-weight: 500 !default;
+$kendo-pivotgrid-configurator-header-padding-x: $kendo-pivotgrid-spacer !default;
+$kendo-pivotgrid-configurator-header-padding-y: ( $kendo-pivotgrid-spacer * .75 ) !default;
+$kendo-pivotgrid-configurator-header-font-size: 18px !default;
+$kendo-pivotgrid-configurator-header-font-weight: 500 !default;
 
-$pivotgrid-configurator-content-padding-x: $pivotgrid-spacer !default;
-$pivotgrid-configurator-content-padding-y: 0px !default;
+$kendo-pivotgrid-configurator-content-padding-x: $kendo-pivotgrid-spacer !default;
+$kendo-pivotgrid-configurator-content-padding-y: 0px !default;
 
-$pivotgrid-configurator-fields-margin-x: 0px !default;
-$pivotgrid-configurator-fields-margin-y: k-math-div( $pivotgrid-spacer, 2 ) !default;
+$kendo-pivotgrid-configurator-fields-margin-x: 0px !default;
+$kendo-pivotgrid-configurator-fields-margin-y: k-math-div( $kendo-pivotgrid-spacer, 2 ) !default;
 
-$pivotgrid-configurator-vertical-width: 320px !default;
-$pivotgrid-configurator-horizontal-height: 420px !default;
+$kendo-pivotgrid-configurator-vertical-width: 320px !default;
+$kendo-pivotgrid-configurator-horizontal-height: 420px !default;
 
-$pivotgrid-configurator-bg: $kendo-component-bg !default;
-$pivotgrid-configurator-text: $kendo-component-text !default;
-$pivotgrid-configurator-border: $kendo-component-border !default;
+$kendo-pivotgrid-configurator-bg: $kendo-component-bg !default;
+$kendo-pivotgrid-configurator-text: $kendo-component-text !default;
+$kendo-pivotgrid-configurator-border: $kendo-component-border !default;
 
-$pivotgrid-configurator-header-bg: null !default;
-$pivotgrid-configurator-header-text: $kendo-component-header-text !default;
-$pivotgrid-configurator-header-border: null !default;
+$kendo-pivotgrid-configurator-header-bg: null !default;
+$kendo-pivotgrid-configurator-header-text: $kendo-component-header-text !default;
+$kendo-pivotgrid-configurator-header-border: null !default;
 
-$pivotgrid-configurator-end-shadow: -3px 0px 6px rgba( black, .16 ) !default;
-$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;
+$kendo-pivotgrid-configurator-end-shadow: -3px 0px 6px rgba( black, .16 ) !default;
+$kendo-pivotgrid-configurator-start-shadow: 3px 0px 6px rgba( black, .16 ) !default;
+$kendo-pivotgrid-configurator-top-shadow: 0px -3px 6px rgba( black, .16 ) !default;
+$kendo-pivotgrid-configurator-bottom-shadow: 0px 3px 6px rgba( black, .16 ) !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;
+$kendo-pivotgrid-configurator-button-padding-x: k-map-get( $kendo-spacing, 1 ) !default;
+$kendo-pivotgrid-configurator-button-padding-y: k-map-get( $kendo-spacing, 1 ) !default;
+$kendo-pivotgrid-configurator-button-border-width: 1px !default;
+$kendo-pivotgrid-configurator-button-size: calc( #{$kendo-pivotgrid-line-height * 1em} + #{$kendo-pivotgrid-configurator-button-padding-y * 2} + #{$kendo-pivotgrid-configurator-button-border-width * 2} ) !default;
 
 // Calculated fields
-$pivotgrid-calculated-field-padding-x: $pivotgrid-spacer !default;
-$pivotgrid-calculated-field-padding-y: $pivotgrid-spacer !default;
-$pivotgrid-calculated-field-border-width: 1px !default;
-$pivotgrid-calculated-field-border-radius: $kendo-border-radius-md !default;
-$pivotgrid-calculated-field-gap: $pivotgrid-spacer !default;
+$kendo-pivotgrid-calculated-field-padding-x: $kendo-pivotgrid-spacer !default;
+$kendo-pivotgrid-calculated-field-padding-y: $kendo-pivotgrid-spacer !default;
+$kendo-pivotgrid-calculated-field-border-width: 1px !default;
+$kendo-pivotgrid-calculated-field-border-radius: $kendo-border-radius-md !default;
+$kendo-pivotgrid-calculated-field-gap: $kendo-pivotgrid-spacer !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;
+$kendo-pivotgrid-calculated-field-bg: $kendo-component-bg !default;
+$kendo-pivotgrid-calculated-field-text: $kendo-component-text !default;
+$kendo-pivotgrid-calculated-field-border: $kendo-component-border !default;
 
-$pivotgrid-calculated-field-header-bg: null !default;
-$pivotgrid-calculated-field-header-text: $kendo-component-header-text !default;
-$pivotgrid-calculated-field-header-border: null !default;
+$kendo-pivotgrid-calculated-field-header-bg: null !default;
+$kendo-pivotgrid-calculated-field-header-text: $kendo-component-header-text !default;
+$kendo-pivotgrid-calculated-field-header-border: null !default;
 
-$pivotgrid-treeview-padding-x: $pivotgrid-spacer !default;
-$pivotgrid-treeview-padding-y: 0px !default;
+$kendo-pivotgrid-treeview-padding-x: $kendo-pivotgrid-spacer !default;
+$kendo-pivotgrid-treeview-padding-y: 0px !default;
 
 // Legacy variables
-$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: $kendo-grid-header-bg !default;
-$pivotgrid-row-headers-bg: null !default;
-
-$pivotgrid-button-bg: k-try-shade($kendo-button-bg, 1) !default;
-$pivotgrid-button-text: $kendo-button-text !default;
-$pivotgrid-button-hover-bg: k-try-shade($kendo-button-bg, 2) !default;
-$pivotgrid-button-hover-text: $kendo-button-text !default;
-$pivotgrid-button-active-bg: k-try-shade($kendo-button-bg, 2) !default;
-$pivotgrid-button-active-text: $kendo-button-text !default;
-
-$pivotgrid-remove-bg: $pivotgrid-button-text !default;
-$pivotgrid-remove-text: $pivotgrid-button-bg !default;
+$kendo-pivotgrid-alt-bg: $kendo-grid-header-bg !default;
+$kendo-pivotgrid-alt-text: $kendo-grid-header-text !default;
+$kendo-pivotgrid-chrome-border: $kendo-grid-border !default;
+
+$kendo-pivotgrid-container-bg: $kendo-grid-header-bg !default;
+$kendo-pivotgrid-row-headers-bg: null !default;
+
+$kendo-pivotgrid-button-bg: k-try-shade($kendo-button-bg, 1) !default;
+$kendo-pivotgrid-button-text: $kendo-button-text !default;
+$kendo-pivotgrid-button-hover-bg: k-try-shade($kendo-button-bg, 2) !default;
+$kendo-pivotgrid-button-hover-text: $kendo-button-text !default;
+$kendo-pivotgrid-button-active-bg: k-try-shade($kendo-button-bg, 2) !default;
+$kendo-pivotgrid-button-active-text: $kendo-button-text !default;
+
+$kendo-pivotgrid-remove-bg: $kendo-pivotgrid-button-text !default;
+$kendo-pivotgrid-remove-text: $kendo-pivotgrid-button-bg !default;

package/scss/popover/_variables.scss

@@ -1,31 +1,31 @@
 // Popover
-$popover-border-width: 1px !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;
-$popover-bg: $kendo-component-bg !default;
-$popover-text: $kendo-component-text !default;
-$popover-border: $kendo-component-border !default;
-$popover-shadow: $card-shadow !default;
+$kendo-popover-border-width: 1px !default;
+$kendo-popover-border-style: solid !default;
+$kendo-popover-border-radius: $kendo-card-border-radius !default;
+$kendo-popover-font-size: $kendo-card-font-size !default;
+$kendo-popover-font-family: $kendo-card-font-family !default;
+$kendo-popover-line-height: $kendo-card-line-height !default;
+$kendo-popover-bg: $kendo-component-bg !default;
+$kendo-popover-text: $kendo-component-text !default;
+$kendo-popover-border: $kendo-component-border !default;
+$kendo-popover-shadow: $kendo-card-shadow !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;
-$popover-header-bg: $card-header-bg !default;
-$popover-header-text: $card-header-text !default;
-$popover-header-border: $card-header-border !default;
+$kendo-popover-header-padding-y: $kendo-card-header-padding-y !default;
+$kendo-popover-header-padding-x: $kendo-card-header-padding-x !default;
+$kendo-popover-header-border-width: $kendo-card-header-border-width !default;
+$kendo-popover-header-border-style: $kendo-popover-border-style !default;
+$kendo-popover-header-bg: $kendo-card-header-bg !default;
+$kendo-popover-header-text: $kendo-card-header-text !default;
+$kendo-popover-header-border: $kendo-card-header-border !default;
 
-$popover-body-padding-y: $card-body-padding-y !default;
-$popover-body-padding-x: $card-body-padding-x !default;
+$kendo-popover-body-padding-y: $kendo-card-body-padding-y !default;
+$kendo-popover-body-padding-x: $kendo-card-body-padding-x !default;
 
-$popover-actions-border-width: $popover-border-width !default;
+$kendo-popover-actions-border-width: $kendo-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: $kendo-card-callout-width !default;
+$kendo-popover-callout-height: $kendo-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/_variables.scss

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

package/scss/progressbar/_variables.scss

@@ -14,10 +14,10 @@ $kendo-progressbar-animation-timing: null !default;
 $kendo-progressbar-border-width: 0px !default;
 /// Font family of the progressbar.
 /// @group progressbar
-$kendo-progressbar-font-family: $font-family !default;
+$kendo-progressbar-font-family: $kendo-font-family !default;
 /// Font size of the progressbar.
 /// @group progressbar
-$kendo-progressbar-font-size: $font-size-sm !default;
+$kendo-progressbar-font-size: $kendo-font-size-sm !default;
 /// Line height of the progressbar.
 /// @group progressbar
 $kendo-progressbar-line-height: 1 !default;

package/scss/radio/_index.scss

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

package/scss/radio/_theme.scss

@@ -7,7 +7,7 @@
 
         // Disabled state
         .k-radio:disabled + & {
-            color: if( $dark-theme, $light-secondary-text, $dark-secondary-text );
+            color: if( $kendo-is-dark-theme, $light-secondary-text, $dark-secondary-text );
             opacity: 1;
             filter: none;
         }

package/scss/radio/_variables.scss

@@ -1,3 +1,7 @@
+@import "../list/_variables.scss";
+@import "../checkbox/_variables.scss";
+
+
 // Radio button
 
 /// Border radius of radio button.
@@ -138,7 +142,7 @@ $kendo-radio-list-spacing: k-map-get( $kendo-spacing, 4 ) !default;
 $kendo-radio-list-item-padding-x: 0px !default;
 /// Vertical padding of radio button list items.
 /// @group radio
-$kendo-radio-list-item-padding-y: $kendo-list-item-padding-y-md !default;
+$kendo-radio-list-item-padding-y: $kendo-list-md-item-padding-y !default;
 
 
 // Radio ripple

package/scss/rating/_variables.scss

@@ -1,23 +1,24 @@
 // Rating
-$rating-font-family: $font-family !default;
-$rating-font-size: $font-size !default;
-$rating-line-height: $line-height !default;
 
-$rating-container-margin-x: k-math-div( $kendo-padding-sm-x, 2 ) !default;
+$kendo-rating-font-family: $kendo-font-family !default;
+$kendo-rating-font-size: $kendo-font-size-md !default;
+$kendo-rating-line-height: $kendo-line-height-md !default;
 
-$rating-item-padding-x: k-math-div( $kendo-padding-sm-x, 2 ) !default;
-$rating-item-padding-y: $kendo-padding-md-y !default;
+$kendo-rating-container-margin-x: k-math-div( $kendo-padding-sm-x, 2 ) !default;
 
-$rating-label-margin-x: $kendo-padding-sm-x !default;
-$rating-label-margin-y: $kendo-padding-md-y !default;
-$rating-label-line-height: $line-height-lg !default;
+$kendo-rating-item-padding-x: k-math-div( $kendo-padding-sm-x, 2 ) !default;
+$kendo-rating-item-padding-y: $kendo-padding-md-y !default;
 
-$rating-icon-size: ($icon-size * 1.5) !default;
+$kendo-rating-label-margin-x: $kendo-padding-sm-x !default;
+$kendo-rating-label-margin-y: $kendo-padding-md-y !default;
+$kendo-rating-label-line-height: $kendo-line-height-lg !default;
 
-$rating-icon-text: $kendo-subtle-text !default;
-$rating-icon-selected-text: $kendo-color-primary-darker !default;
-$rating-icon-hover-text: $kendo-color-primary-darker !default;
-$rating-icon-focus-text: $kendo-color-primary-darker !default;
+$kendo-rating-icon-size: ($kendo-icon-size * 1.5) !default;
 
-$rating-icon-focus-shadow: 0 2px 4px rgba( black, .1 ) !default;
-$rating-icon-focus-selected-shadow: 0 2px 4px rgba( black, .1) !default;
+$kendo-rating-icon-text: $kendo-subtle-text !default;
+$kendo-rating-icon-selected-text: $kendo-color-primary-darker !default;
+$kendo-rating-icon-hover-text: $kendo-color-primary-darker !default;
+$kendo-rating-icon-focus-text: $kendo-color-primary-darker !default;
+
+$kendo-rating-icon-focus-shadow: 0 2px 4px rgba( black, .1 ) !default;
+$kendo-rating-icon-focus-selected-shadow: 0 2px 4px rgba( black, .1) !default;

package/scss/scheduler/_layout.scss

@@ -22,14 +22,14 @@
 
         th,
         td {
-            font-size: $font-size-sm;
+            font-size: $kendo-font-size-sm;
         }
     }
 
 
     // Times header
     .k-scheduler-times {
-        font-size: $font-size-sm;
+        font-size: $kendo-font-size-sm;
     }
 
 
@@ -61,12 +61,12 @@
         .k-event-delete {
             border-radius: 50%;
             display: inline-block;
-            font-size: $font-size-sm;
+            font-size: $kendo-font-size-sm;
             line-height: normal;
 
             .k-icon {
-                font-size: $font-size-sm;
-                padding: calc( #{$font-size} - #{$font-size-sm} );
+                font-size: $kendo-font-size-sm;
+                padding: calc( #{$kendo-font-size-md} - #{$kendo-font-size-sm} );
                 box-sizing: content-box;
                 vertical-align: unset;
             }
@@ -106,7 +106,7 @@
     }
 
     .k-scheduler-layout-flex .k-scheduler-cell {
-        min-height: $line-height-em;
+        min-height: $kendo-line-height-em;
     }
 }
 

package/scss/scheduler/_theme.scss

@@ -7,13 +7,13 @@
 
         .k-event-actions {
             .k-link {
-                color: $scheduler-event-bg;
-                background-color: $scheduler-event-text;
+                color: $kendo-scheduler-event-bg;
+                background-color: $kendo-scheduler-event-text;
             }
         }
 
         .k-resize-handle::before {
-            // TODO: $scheduler-content-area-bg
+            // TODO: $kendo-scheduler-content-area-bg
             background-color: $kendo-color-primary-contrast;
         }
     }
@@ -27,7 +27,7 @@
 
     .k-scheduler-edit-form {
         .k-edit-label {
-            color: $floating-label-text;
+            color: $kendo-floating-label-text;
         }
     }
 

package/scss/scheduler/_variables.scss

@@ -1,94 +1,94 @@
 // Scheduler
-$scheduler-border-width: 1px !default;
-$scheduler-font-family: $font-family !default;
-$scheduler-font-size: $font-size !default;
-$scheduler-line-height: $line-height !default;
-
-$scheduler-bg: $kendo-component-bg !default;
-$scheduler-text: $kendo-component-text !default;
-$scheduler-border: $kendo-component-border !default;
-
-$scheduler-toolbar-bg: k-try-shade( $kendo-button-bg, .5 ) !default;
-$scheduler-toolbar-text: null !default;
-$scheduler-toolbar-border: null !default;
-$scheduler-toolbar-gradient: null !default;
-
-$scheduler-footer-bg: k-try-shade( $kendo-button-bg, .5 ) !default;
-$scheduler-footer-text: null !default;
-$scheduler-footer-border: null !default;
-$scheduler-footer-gradient: null !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 * #{$kendo-padding-sm-y}) ) !default;
-
-$scheduler-event-bg: $kendo-color-primary !default;
-$scheduler-event-text: k-contrast-color( $scheduler-event-bg ) !default;
-$scheduler-event-border: null !default;
-$scheduler-event-gradient: null !default;
-$scheduler-event-shadow: null !default;
-
-$scheduler-event-hover-bg: null !default;
-$scheduler-event-hover-text: null !default;
-$scheduler-event-hover-border: null !default;
-$scheduler-event-hover-gradient: null !default;
-$scheduler-event-hover-shadow: null !default;
-
-$scheduler-event-selected-bg: k-try-tint( $kendo-color-primary, 1 ) !default;
-$scheduler-event-selected-text: k-contrast-color( $scheduler-event-selected-bg ) !default;
-$scheduler-event-selected-border: null !default;
-$scheduler-event-selected-gradient: null !default;
-$scheduler-event-selected-shadow: $box-shadow-depth-3 !default;
-
-$scheduler-event-ongoing-shadow: inset 0px 0px 0px 1px #ff0000 !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 * 1rem !default;
-$scheduler-datecolumn-width: 12rem !default;
-$scheduler-timecolumn-width: 11rem !default;
-
-$scheduler-current-time-color: #ff0000 !default;
-
-$scheduler-nonwork-bg: k-try-shade( $scheduler-bg, .5 ) !default;
-$scheduler-nonwork-text: null !default;
-
-$scheduler-weekend-bg: null !default;
-$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( $kendo-spacing, 5 ) !default;
-$scheduler-yearview-padding-y: $scheduler-yearview-padding-x !default;
-
-$scheduler-yearview-calendar-gap: k-map-get( $kendo-spacing, 5 ) !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% - #{k-math-div( $scheduler-yearview-indicator-size, 2 )} ) !default;
-$scheduler-yearview-indicator-border-radius: 50% !default;
-$scheduler-yearview-indicator-bg: $kendo-color-primary !default;
-$scheduler-yearview-indicator-selected-bg: $kendo-color-primary-contrast !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: $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: k-map-get( $kendo-spacing, 2 ) !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: k-map-get( $kendo-spacing, 1 ) !default;
-
-$scheduler-tooltip-event-padding-x: k-map-get( $kendo-spacing, 2 ) !default;
-$scheduler-tooltip-event-padding-y: k-map-get( $kendo-spacing, 2 ) !default;
-$scheduler-tooltip-event-border-radius: $kendo-border-radius-md !default;
-$scheduler-tooltip-event-gap: k-map-get( $kendo-spacing, 2 ) !default;
-
-$scheduler-tooltip-callout-text: $scheduler-tooltip-bg !default;
+$kendo-scheduler-border-width: 1px !default;
+$kendo-scheduler-font-family: $kendo-font-family !default;
+$kendo-scheduler-font-size: $kendo-font-size-md !default;
+$kendo-scheduler-line-height: $kendo-line-height-md !default;
+
+$kendo-scheduler-bg: $kendo-component-bg !default;
+$kendo-scheduler-text: $kendo-component-text !default;
+$kendo-scheduler-border: $kendo-component-border !default;
+
+$kendo-scheduler-toolbar-bg: k-try-shade( $kendo-button-bg, .5 ) !default;
+$kendo-scheduler-toolbar-text: null !default;
+$kendo-scheduler-toolbar-border: null !default;
+$kendo-scheduler-toolbar-gradient: null !default;
+
+$kendo-scheduler-footer-bg: k-try-shade( $kendo-button-bg, .5 ) !default;
+$kendo-scheduler-footer-text: null !default;
+$kendo-scheduler-footer-border: null !default;
+$kendo-scheduler-footer-gradient: null !default;
+
+$kendo-scheduler-event-min-height: 25px !default;
+$kendo-scheduler-event-border-radius: $kendo-border-radius-md !default;
+$kendo-scheduler-event-line-height: calc( #{$kendo-scheduler-event-min-height} - (2 * #{$kendo-padding-sm-y}) ) !default;
+
+$kendo-scheduler-event-bg: $kendo-color-primary !default;
+$kendo-scheduler-event-text: k-contrast-color( $kendo-scheduler-event-bg ) !default;
+$kendo-scheduler-event-border: null !default;
+$kendo-scheduler-event-gradient: null !default;
+$kendo-scheduler-event-shadow: null !default;
+
+$kendo-scheduler-event-hover-bg: null !default;
+$kendo-scheduler-event-hover-text: null !default;
+$kendo-scheduler-event-hover-border: null !default;
+$kendo-scheduler-event-hover-gradient: null !default;
+$kendo-scheduler-event-hover-shadow: null !default;
+
+$kendo-scheduler-event-selected-bg: k-try-tint( $kendo-color-primary, 1 ) !default;
+$kendo-scheduler-event-selected-text: k-contrast-color( $kendo-scheduler-event-selected-bg ) !default;
+$kendo-scheduler-event-selected-border: null !default;
+$kendo-scheduler-event-selected-gradient: null !default;
+$kendo-scheduler-event-selected-shadow: $box-shadow-depth-3 !default;
+
+$kendo-scheduler-event-ongoing-shadow: inset 0px 0px 0px 1px #ff0000 !default;
+
+$kendo-scheduler-cell-padding-x: k-map-get( $kendo-spacing, 2 ) !default;
+$kendo-scheduler-cell-padding-y: k-map-get( $kendo-spacing, 2 ) !default;
+$kendo-scheduler-cell-height: $kendo-line-height-md * 1rem !default;
+$kendo-scheduler-datecolumn-width: 12rem !default;
+$kendo-scheduler-timecolumn-width: 11rem !default;
+
+$kendo-scheduler-current-time-color: #ff0000 !default;
+
+$kendo-scheduler-nonwork-bg: k-try-shade( $kendo-scheduler-bg, .5 ) !default;
+$kendo-scheduler-nonwork-text: null !default;
+
+$kendo-scheduler-weekend-bg: null !default;
+$kendo-scheduler-weekend-text: null !default;
+
+$kendo-scheduler-othermonth-bg: k-try-shade( $kendo-scheduler-bg, .5 ) !default;
+$kendo-scheduler-othermonth-text: null !default;
+
+$kendo-scheduler-yearview-padding-x: k-map-get( $kendo-spacing, 5 ) !default;
+$kendo-scheduler-yearview-padding-y: $kendo-scheduler-yearview-padding-x !default;
+
+$kendo-scheduler-yearview-calendar-gap: k-map-get( $kendo-spacing, 5 ) !default;
+
+$kendo-scheduler-yearview-indicator-size: 3px !default;
+$kendo-scheduler-yearview-indicator-calc-offset-top: calc( #{$kendo-calendar-cell-size} - (#{$kendo-calendar-cell-padding-y} * 2)) !default;
+$kendo-scheduler-yearview-indicator-calc-offset-left: calc( 50% - #{k-math-div( $kendo-scheduler-yearview-indicator-size, 2 )} ) !default;
+$kendo-scheduler-yearview-indicator-border-radius: 50% !default;
+$kendo-scheduler-yearview-indicator-bg: $kendo-color-primary !default;
+$kendo-scheduler-yearview-indicator-selected-bg: $kendo-color-primary-contrast !default;
+
+$kendo-scheduler-tooltip-padding-x: k-map-get( $kendo-spacing, 2 ) !default;
+$kendo-scheduler-tooltip-padding-y: k-map-get( $kendo-spacing, 2 ) !default;
+$kendo-scheduler-tooltip-border-width: 0 !default;
+$kendo-scheduler-tooltip-bg: $kendo-color-primary-contrast !default;
+$kendo-scheduler-tooltip-text: $kendo-base-text !default;
+$kendo-scheduler-tooltip-border: null !default;
+$kendo-scheduler-tooltip-shadow: 0px 0px 10px rgba( black, .2 ) !default;
+
+$kendo-scheduler-tooltip-title-margin-y: k-map-get( $kendo-spacing, 2 ) !default;
+$kendo-scheduler-tooltip-month-font-size: $kendo-font-size-sm !default;
+$kendo-scheduler-tooltip-day-font-size: $kendo-scheduler-tooltip-month-font-size * 2 !default;
+
+$kendo-scheduler-tooltip-events-max-height: 250px !default;
+$kendo-scheduler-tooltip-events-gap: k-map-get( $kendo-spacing, 1 ) !default;
+
+$kendo-scheduler-tooltip-event-padding-x: k-map-get( $kendo-spacing, 2 ) !default;
+$kendo-scheduler-tooltip-event-padding-y: k-map-get( $kendo-spacing, 2 ) !default;
+$kendo-scheduler-tooltip-event-border-radius: $kendo-border-radius-md !default;
+$kendo-scheduler-tooltip-event-gap: k-map-get( $kendo-spacing, 2 ) !default;
+
+$kendo-scheduler-tooltip-callout-text: $kendo-scheduler-tooltip-bg !default;