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

package/scss/action-sheet/_layout.scss

@@ -56,19 +56,19 @@
 
     // Actionsheet
     .k-actionsheet {
-        padding-block: $actionsheet-padding-y;
-        padding-inline: $actionsheet-padding-y;
-        width: var( --kendo-actionsheet-width, #{$actionsheet-width} );
-        height: var( --kendo-actionsheet-height, #{$actionsheet-height} );
-        max-width: var( --kendo-actionsheet-max-width, #{$actionsheet-max-width} );
-        max-height: var( --kendo-actionsheet-max-height, #{$actionsheet-max-height} );
+        padding-block: $kendo-actionsheet-padding-y;
+        padding-inline: $kendo-actionsheet-padding-y;
+        width: var( --kendo-actionsheet-width, #{$kendo-actionsheet-width} );
+        height: var( --kendo-actionsheet-height, #{$kendo-actionsheet-height} );
+        max-width: var( --kendo-actionsheet-max-width, #{$kendo-actionsheet-max-width} );
+        max-height: var( --kendo-actionsheet-max-height, #{$kendo-actionsheet-max-height} );
         border-width: 0;
         border-style: solid;
         border-color: transparent;
         box-sizing: border-box;
-        font-size: $actionsheet-font-size;
-        font-family: $actionsheet-font-family;
-        line-height: $actionsheet-line-height;
+        font-size: $kendo-actionsheet-font-size;
+        font-family: $kendo-actionsheet-font-family;
+        line-height: $kendo-actionsheet-line-height;
         overflow: hidden;
         position: relative;
 
@@ -82,19 +82,19 @@
 
     // Actionsheet titlebar
     .k-actionsheet-titlebar {
-        padding: $actionsheet-titlebar-padding-y $actionsheet-titlebar-padding-x;
+        padding: $kendo-actionsheet-titlebar-padding-y $kendo-actionsheet-titlebar-padding-x;
         border-width: 0;
-        border-bottom-width: if( $actionsheet-titlebar-border-width, $actionsheet-titlebar-border-width, null );
+        border-bottom-width: if( $kendo-actionsheet-titlebar-border-width, $kendo-actionsheet-titlebar-border-width, null );
         border-style: solid;
         border-color: transparent;
-        font-size: $actionsheet-titlebar-font-size;
-        font-family: $actionsheet-titlebar-font-family;
-        line-height: $actionsheet-titlebar-line-height;
+        font-size: $kendo-actionsheet-titlebar-font-size;
+        font-family: $kendo-actionsheet-titlebar-font-family;
+        line-height: $kendo-actionsheet-titlebar-line-height;
         flex: none;
         display: flex;
         flex-flow: column nowrap;
         align-items: center;
-        gap: $actionsheet-titlebar-gap;
+        gap: $kendo-actionsheet-titlebar-gap;
     }
     .k-actionsheet-titlebar-group {
         display: flex;
@@ -106,8 +106,8 @@
         flex: 1;
     }
     .k-actionsheet-subtitle {
-        font-size: $actionsheet-subtitle-font-size;
-        line-height: $actionsheet-subtitle-line-height;
+        font-size: $kendo-actionsheet-subtitle-font-size;
+        line-height: $kendo-actionsheet-subtitle-line-height;
     }
     .k-actionsheet-actions {
         flex: none;
@@ -147,8 +147,8 @@
     }
     .k-actionsheet-action {
         margin: 0;
-        padding: $actionsheet-item-padding-y $actionsheet-item-padding-x;
-        min-height: $actionsheet-item-min-height;
+        padding: $kendo-actionsheet-item-padding-y $kendo-actionsheet-item-padding-x;
+        min-height: $kendo-actionsheet-item-min-height;
         box-sizing: border-box;
         color: inherit;
         text-decoration: none;
@@ -156,21 +156,21 @@
         display: flex;
         flex-flow: row nowrap;
         align-items: flex-start;
-        gap: $actionsheet-item-spacing;
+        gap: $kendo-actionsheet-item-spacing;
     }
     .k-actionsheet-item-icon {
-        font-size: $actionsheet-item-icon-size;
+        font-size: $kendo-actionsheet-item-icon-size;
     }
     .k-actionsheet-item-text {
         display: flex;
         flex-flow: column nowrap;
     }
     .k-actionsheet-item-title {
-        font-weight: $actionsheet-item-title-font-weight;
-        text-transform: $actionsheet-item-title-text-transform;
+        font-weight: $kendo-actionsheet-item-title-font-weight;
+        text-transform: $kendo-actionsheet-item-title-text-transform;
     }
     .k-actionsheet-item-description {
-        font-size: $actionsheet-item-description-font-size;
+        font-size: $kendo-actionsheet-item-description-font-size;
     }
 
 
@@ -184,33 +184,33 @@
 
     // Action sheet position
     .k-actionsheet-top {
-        @include border-bottom-radius( $actionsheet-border-radius );
-        border-width: if( $actionsheet-border-width, $actionsheet-border-width, null );
-        border-top-width: if( $actionsheet-border-width, 0, null );
+        @include border-bottom-radius( $kendo-actionsheet-border-radius );
+        border-width: if( $kendo-actionsheet-border-width, $kendo-actionsheet-border-width, null );
+        border-top-width: if( $kendo-actionsheet-border-width, 0, null );
         top: 0;
         left: 50%;
         transform: translateX( -50% );
     }
     .k-actionsheet-bottom {
-        @include border-top-radius( $actionsheet-border-radius );
-        border-width: if( $actionsheet-border-width, $actionsheet-border-width, null );
-        border-bottom-width: if( $actionsheet-border-width, 0, null );
+        @include border-top-radius( $kendo-actionsheet-border-radius );
+        border-width: if( $kendo-actionsheet-border-width, $kendo-actionsheet-border-width, null );
+        border-bottom-width: if( $kendo-actionsheet-border-width, 0, null );
         bottom: 0;
         left: 50%;
         transform: translateX( -50% );
     }
     .k-actionsheet-left {
-        @include border-right-radius( $actionsheet-border-radius );
-        border-width: if( $actionsheet-border-width, $actionsheet-border-width, null );
-        border-left-width: if( $actionsheet-border-width, 0, null );
+        @include border-right-radius( $kendo-actionsheet-border-radius );
+        border-width: if( $kendo-actionsheet-border-width, $kendo-actionsheet-border-width, null );
+        border-left-width: if( $kendo-actionsheet-border-width, 0, null );
         left: 0;
         top: 50%;
         transform: translateY( -50% );
     }
     .k-actionsheet-right {
-        @include border-left-radius( $actionsheet-border-radius );
-        border-width: if( $actionsheet-border-width, $actionsheet-border-width, null );
-        border-right-width: if( $actionsheet-border-width, 0, null );
+        @include border-left-radius( $kendo-actionsheet-border-radius );
+        border-width: if( $kendo-actionsheet-border-width, $kendo-actionsheet-border-width, null );
+        border-right-width: if( $kendo-actionsheet-border-width, 0, null );
         right: 0;
         top: 50%;
         transform: translateY( -50% );
@@ -243,20 +243,20 @@
         flex-flow: column nowrap;
 
         .k-actionsheet-titlebar {
-            padding: $adaptive-actionsheet-titlebar-padding-y $adaptive-actionsheet-titlebar-padding-x;
-            border-bottom-width: $adaptive-actionsheet-titlebar-border-width;
+            padding: $kendo-adaptive-actionsheet-titlebar-padding-y $kendo-adaptive-actionsheet-titlebar-padding-x;
+            border-bottom-width: $kendo-adaptive-actionsheet-titlebar-border-width;
         }
 
         .k-actionsheet-content {
-            padding: $adaptive-actionsheet-content-padding-y $adaptive-actionsheet-content-padding-x;
+            padding: $kendo-adaptive-actionsheet-content-padding-y $kendo-adaptive-actionsheet-content-padding-x;
         }
 
         .k-actionsheet-footer {
-            padding: $adaptive-actionsheet-footer-padding-y $adaptive-actionsheet-footer-padding-x;
+            padding: $kendo-adaptive-actionsheet-footer-padding-y $kendo-adaptive-actionsheet-footer-padding-x;
         }
 
         .k-actionsheet-filter {
-            width: calc( min(100%, calc( 360px - #{$adaptive-actionsheet-titlebar-padding-x * 2}) ) );
+            width: calc( min(100%, calc( 360px - #{$kendo-adaptive-actionsheet-titlebar-padding-x * 2}) ) );
         }
         .k-actionsheet-content,
         .k-actionsheet-footer {

package/scss/action-sheet/_theme.scss

@@ -3,26 +3,26 @@
     // Actionsheet
     .k-actionsheet {
         @include fill(
-            $actionsheet-text,
-            $actionsheet-bg,
-            $actionsheet-border
+            $kendo-actionsheet-text,
+            $kendo-actionsheet-bg,
+            $kendo-actionsheet-border
         );
-        @include box-shadow( $actionsheet-shadow );
+        @include box-shadow( $kendo-actionsheet-shadow );
     }
 
 
     // Actionsheet header
     .k-actionsheet-titlebar {
         @include fill(
-            $actionsheet-titlebar-text,
-            $actionsheet-titlebar-bg,
-            $actionsheet-titlebar-border,
-            $actionsheet-titlebar-gradient
+            $kendo-actionsheet-titlebar-text,
+            $kendo-actionsheet-titlebar-bg,
+            $kendo-actionsheet-titlebar-border,
+            $kendo-actionsheet-titlebar-gradient
         );
-        @include box-shadow( $actionsheet-titlebar-shadow );
+        @include box-shadow( $kendo-actionsheet-titlebar-shadow );
     }
     .k-actionsheet-subtitle {
-        @include fill( $color: $actionsheet-subtitle-text );
+        @include fill( $color: $kendo-actionsheet-subtitle-text );
     }
 
 
@@ -38,12 +38,12 @@
         &:hover,
         &.k-hover {
             @include fill(
-                $actionsheet-item-hover-text,
-                $actionsheet-item-hover-bg,
-                $actionsheet-item-hover-border,
-                $actionsheet-item-hover-gradient
+                $kendo-actionsheet-item-hover-text,
+                $kendo-actionsheet-item-hover-bg,
+                $kendo-actionsheet-item-hover-border,
+                $kendo-actionsheet-item-hover-gradient
             );
-            @include box-shadow( $actionsheet-item-hover-shadow );
+            @include box-shadow( $kendo-actionsheet-item-hover-shadow );
         }
 
 
@@ -51,12 +51,12 @@
         &:focus,
         &.k-focus {
             @include fill(
-                $actionsheet-item-focus-text,
-                $actionsheet-item-focus-bg,
-                $actionsheet-item-focus-border,
-                $actionsheet-item-focus-gradient
+                $kendo-actionsheet-item-focus-text,
+                $kendo-actionsheet-item-focus-bg,
+                $kendo-actionsheet-item-focus-border,
+                $kendo-actionsheet-item-focus-gradient
             );
-            @include box-shadow( $actionsheet-item-focus-shadow );
+            @include focus-indicator( $kendo-actionsheet-item-focus-shadow );
         }
 
 
@@ -64,19 +64,19 @@
         &:disabled,
         &.k-disabled {
             @include fill(
-                $actionsheet-item-disabled-text,
-                $actionsheet-item-disabled-bg,
-                $actionsheet-item-disabled-border,
-                $actionsheet-item-disabled-gradient
+                $kendo-actionsheet-item-disabled-text,
+                $kendo-actionsheet-item-disabled-bg,
+                $kendo-actionsheet-item-disabled-border,
+                $kendo-actionsheet-item-disabled-gradient
             );
-            @include box-shadow( $actionsheet-item-disabled-shadow );
+            @include box-shadow( $kendo-actionsheet-item-disabled-shadow );
         }
     }
 
 
     // Actionsheet item description
     .k-actionsheet-item-description {
-        @include fill( $color: $actionsheet-item-description-text );
+        @include fill( $color: $kendo-actionsheet-item-description-text );
     }
 
 
@@ -86,7 +86,7 @@
 
     // Adaptive Actionsheet
     .k-adaptive-actionsheet .k-actionsheet-titlebar {
-        @include fill( $border: $adaptive-actionsheet-titlebar-border );
+        @include fill( $border: $kendo-adaptive-actionsheet-titlebar-border );
     }
 
 }

package/scss/action-sheet/_variables.scss

@@ -1,86 +1,87 @@
 // Action sheet
-$actionsheet-padding-x: null !default;
-$actionsheet-padding-y: null !default;
-$actionsheet-width: 360px !default;
-$actionsheet-max-width: 100% !default;
-$actionsheet-height: 60vh !default;
-$actionsheet-max-height: 60vh !default;
 
-$actionsheet-border-width: 0px !default;
-$actionsheet-border-radius: 0px !default;
+$kendo-actionsheet-padding-x: null !default;
+$kendo-actionsheet-padding-y: null !default;
+$kendo-actionsheet-width: 360px !default;
+$kendo-actionsheet-max-width: 100% !default;
+$kendo-actionsheet-height: 60vh !default;
+$kendo-actionsheet-max-height: 60vh !default;
 
-$actionsheet-font-size: $font-size !default;
-$actionsheet-font-family: $font-family !default;
-$actionsheet-line-height: $line-height !default;
+$kendo-actionsheet-border-width: 0px !default;
+$kendo-actionsheet-border-radius: 0px !default;
 
-$actionsheet-bg: $kendo-component-bg !default;
-$actionsheet-text: $kendo-component-text !default;
-$actionsheet-border: $kendo-component-border !default;
-$actionsheet-shadow: 0 8px 10px -5px rgba(0, 0, 0, .2), 0 16px 24px 2px rgba(0, 0, 0, .14), 0 6px 30px 5px rgba(0, 0, 0, .12) !default;
+$kendo-actionsheet-font-size: $kendo-font-size-md !default;
+$kendo-actionsheet-font-family: $kendo-font-family !default;
+$kendo-actionsheet-line-height: $kendo-line-height-md !default;
+
+$kendo-actionsheet-bg: $kendo-component-bg !default;
+$kendo-actionsheet-text: $kendo-component-text !default;
+$kendo-actionsheet-border: $kendo-component-border !default;
+$kendo-actionsheet-shadow: 0 8px 10px -5px rgba(0, 0, 0, .2), 0 16px 24px 2px rgba(0, 0, 0, .14), 0 6px 30px 5px rgba(0, 0, 0, .12) !default;
 
 
 // Actionsheet header
-$actionsheet-titlebar-padding-x: k-map-get( $kendo-spacing, 4 ) !default;
-$actionsheet-titlebar-padding-y: k-map-get( $kendo-spacing, 2 ) !default;
-$actionsheet-titlebar-border-width: null !default;
-$actionsheet-titlebar-font-size: null !default;
-$actionsheet-titlebar-font-family: null !default;
-$actionsheet-titlebar-line-height: null !default;
-$actionsheet-titlebar-gap: k-map-get( $kendo-spacing, 4 ) !default;
+$kendo-actionsheet-titlebar-padding-x: k-map-get( $kendo-spacing, 4 ) !default;
+$kendo-actionsheet-titlebar-padding-y: k-map-get( $kendo-spacing, 2 ) !default;
+$kendo-actionsheet-titlebar-border-width: null !default;
+$kendo-actionsheet-titlebar-font-size: null !default;
+$kendo-actionsheet-titlebar-font-family: null !default;
+$kendo-actionsheet-titlebar-line-height: null !default;
+$kendo-actionsheet-titlebar-gap: k-map-get( $kendo-spacing, 4 ) !default;
 
-$actionsheet-titlebar-bg: null !default;
-$actionsheet-titlebar-text: null !default;
-$actionsheet-titlebar-border: null !default;
-$actionsheet-titlebar-gradient: null !default;
-$actionsheet-titlebar-shadow: null !default;
+$kendo-actionsheet-titlebar-bg: null !default;
+$kendo-actionsheet-titlebar-text: null !default;
+$kendo-actionsheet-titlebar-border: null !default;
+$kendo-actionsheet-titlebar-gradient: null !default;
+$kendo-actionsheet-titlebar-shadow: null !default;
 
-$actionsheet-subtitle-font-size: $font-size-sm !default;
-$actionsheet-subtitle-line-height: $line-height-sm !default;
-$actionsheet-subtitle-text: $kendo-subtle-text !default;
+$kendo-actionsheet-subtitle-font-size: $kendo-font-size-sm !default;
+$kendo-actionsheet-subtitle-line-height: $kendo-line-height-sm !default;
+$kendo-actionsheet-subtitle-text: $kendo-subtle-text !default;
 
 
 // Actionsheet item
-$actionsheet-item-min-height: 40px !default;
-$actionsheet-item-padding-x: k-map-get( $kendo-spacing, 4 ) !default;
-$actionsheet-item-padding-y: k-map-get( $kendo-spacing, 2 ) !default;
-$actionsheet-item-border-width: 1px !default;
-$actionsheet-item-spacing: 12px !default;
+$kendo-actionsheet-item-min-height: 40px !default;
+$kendo-actionsheet-item-padding-x: k-map-get( $kendo-spacing, 4 ) !default;
+$kendo-actionsheet-item-padding-y: k-map-get( $kendo-spacing, 2 ) !default;
+$kendo-actionsheet-item-border-width: 1px !default;
+$kendo-actionsheet-item-spacing: 12px !default;
 
-$actionsheet-item-icon-size: null !default;
+$kendo-actionsheet-item-icon-size: null !default;
 
-$actionsheet-item-title-font-weight: null !default;
-$actionsheet-item-title-text-transform: null !default;
+$kendo-actionsheet-item-title-font-weight: null !default;
+$kendo-actionsheet-item-title-text-transform: null !default;
 
-$actionsheet-item-description-font-size: .875em !default;
-$actionsheet-item-description-text: $kendo-subtle-text !default;
+$kendo-actionsheet-item-description-font-size: .875em !default;
+$kendo-actionsheet-item-description-text: $kendo-subtle-text !default;
 
-$actionsheet-item-hover-bg: $kendo-hover-bg !default;
-$actionsheet-item-hover-text: null !default;
-$actionsheet-item-hover-border: null !default;
-$actionsheet-item-hover-gradient: null !default;
-$actionsheet-item-hover-shadow: null !default;
+$kendo-actionsheet-item-hover-bg: $kendo-hover-bg !default;
+$kendo-actionsheet-item-hover-text: null !default;
+$kendo-actionsheet-item-hover-border: null !default;
+$kendo-actionsheet-item-hover-gradient: null !default;
+$kendo-actionsheet-item-hover-shadow: null !default;
 
-$actionsheet-item-focus-bg: null !default;
-$actionsheet-item-focus-text: null !default;
-$actionsheet-item-focus-border: null !default;
-$actionsheet-item-focus-gradient: null !default;
-$actionsheet-item-focus-shadow: $kendo-focus-shadow !default;
+$kendo-actionsheet-item-focus-bg: null !default;
+$kendo-actionsheet-item-focus-text: null !default;
+$kendo-actionsheet-item-focus-border: null !default;
+$kendo-actionsheet-item-focus-gradient: null !default;
+$kendo-actionsheet-item-focus-shadow: $kendo-focus-shadow !default;
 
-$actionsheet-item-disabled-bg: null !default;
-$actionsheet-item-disabled-text: null !default;
-$actionsheet-item-disabled-border: null !default;
-$actionsheet-item-disabled-gradient: null !default;
-$actionsheet-item-disabled-shadow: null !default;
+$kendo-actionsheet-item-disabled-bg: null !default;
+$kendo-actionsheet-item-disabled-text: null !default;
+$kendo-actionsheet-item-disabled-border: null !default;
+$kendo-actionsheet-item-disabled-gradient: null !default;
+$kendo-actionsheet-item-disabled-shadow: null !default;
 
 
 // Adaptive Actionsheet
-$adaptive-actionsheet-titlebar-border-width: 1px !default;
-$adaptive-actionsheet-titlebar-padding-y: k-map-get( $kendo-spacing, 4 ) !default;
-$adaptive-actionsheet-titlebar-padding-x: $adaptive-actionsheet-titlebar-padding-y !default;
-$adaptive-actionsheet-titlebar-border: $kendo-component-border !default;
+$kendo-adaptive-actionsheet-titlebar-border-width: 1px !default;
+$kendo-adaptive-actionsheet-titlebar-padding-y: k-map-get( $kendo-spacing, 4 ) !default;
+$kendo-adaptive-actionsheet-titlebar-padding-x: $kendo-adaptive-actionsheet-titlebar-padding-y !default;
+$kendo-adaptive-actionsheet-titlebar-border: $kendo-component-border !default;
 
-$adaptive-actionsheet-content-padding-y: k-map-get( $kendo-spacing, 2 ) !default;
-$adaptive-actionsheet-content-padding-x: k-map-get( $kendo-spacing, 4 ) !default;
+$kendo-adaptive-actionsheet-content-padding-y: k-map-get( $kendo-spacing, 2 ) !default;
+$kendo-adaptive-actionsheet-content-padding-x: k-map-get( $kendo-spacing, 4 ) !default;
 
-$adaptive-actionsheet-footer-padding-y: k-map-get( $kendo-spacing, 2 ) !default;
-$adaptive-actionsheet-footer-padding-x: k-map-get( $kendo-spacing, 4 ) !default;
+$kendo-adaptive-actionsheet-footer-padding-y: k-map-get( $kendo-spacing, 2 ) !default;
+$kendo-adaptive-actionsheet-footer-padding-x: k-map-get( $kendo-spacing, 4 ) !default;

package/scss/adaptive/_layout.scss

@@ -1,13 +1,13 @@
 @include exports("adaptive/layout") {
 
     .k-pane-wrapper {
-        border-width: $adaptive-border-width;
+        border-width: $kendo-adaptive-border-width;
         border-style: solid;
         box-sizing: border-box;
         outline: 0;
-        font-family: $adaptive-font-family;
-        font-size: $adaptive-font-size;
-        line-height: $adaptive-line-height;
+        font-family: $kendo-adaptive-font-family;
+        font-size: $kendo-adaptive-font-size;
+        line-height: $kendo-adaptive-line-height;
         display: block;
         position: relative;
         -webkit-touch-callout: none;
@@ -29,9 +29,9 @@
             border: 0;
             box-sizing: border-box;
             outline: 0;
-            font-family: $adaptive-font-family;
-            font-size: $adaptive-font-size;
-            line-height: $adaptive-line-height;
+            font-family: $kendo-adaptive-font-family;
+            font-size: $kendo-adaptive-font-size;
+            line-height: $kendo-adaptive-line-height;
             display: flex;
             height: 100%;
             width: 100%;
@@ -160,7 +160,7 @@
         }
 
         .k-scheduler-toolbar {
-            padding: $kendo-toolbar-padding-y-md $kendo-toolbar-padding-x-md;
+            padding: $kendo-toolbar-md-padding-y $kendo-toolbar-md-padding-x;
 
             > * {
                 margin: 0;
@@ -185,10 +185,6 @@
                     justify-content: space-evenly;
                     gap: 0;
                 }
-                .k-m-date-format {}
-                .k-y-date-format {
-                    font-size: 12px;
-                }
             }
 
             .k-scheduler-views-wrapper {
@@ -199,7 +195,7 @@
         }
 
         .k-scheduler-footer {
-            padding: $kendo-toolbar-padding-y-md $kendo-toolbar-padding-x-md;
+            padding: $kendo-toolbar-md-padding-y $kendo-toolbar-md-padding-x;
             display: flex;
             justify-content: space-between;
 
@@ -357,12 +353,12 @@
 
         .k-list-title,
         .k-filter-help-text {
-            padding: $listgroup-item-padding-y $listgroup-item-padding-x;
+            padding: $kendo-listgroup-item-padding-y $kendo-listgroup-item-padding-x;
             display: block;
         }
 
         .k-listgroup-title {
-            padding: $listgroup-item-padding-y $listgroup-item-padding-x;
+            padding: $kendo-listgroup-item-padding-y $kendo-listgroup-item-padding-x;
             font-weight: bold;
             text-transform: uppercase;
         }

package/scss/adaptive/_theme.scss

@@ -3,9 +3,9 @@
     .k-pane-wrapper,
     .k-view {
         @include fill(
-            $adaptive-text,
-            $adaptive-bg,
-            $adaptive-border
+            $kendo-adaptive-text,
+            $kendo-adaptive-bg,
+            $kendo-adaptive-border
         );
     }
 
@@ -13,7 +13,7 @@
 
         > .k-view > .k-content {
             background-position: 50% 50%;
-            background-color: $adaptive-content-bg;
+            background-color: $kendo-adaptive-content-bg;
         }
 
         .k-grid-mobile {
@@ -23,26 +23,26 @@
             }
 
             .k-resize-handle-inner::before {
-                background-color: $base-bg;
+                background-color: $kendo-base-bg;
             }
         }
 
         .k-scheduler-mobile {
 
             .k-nav-current {
-                color: $adaptive-scheduler-current-text;
+                color: $kendo-adaptive-scheduler-current-text;
             }
 
             .k-scheduler-times,
             .k-scheduler-header,
             .k-scheduler-groupcolumn,
             .k-mobile-scheduler-agendadate {
-                color: $adaptive-scheduler-base-text;
+                color: $kendo-adaptive-scheduler-base-text;
             }
 
             .k-time-period,
             .k-mobile-scheduler-agendaweekday {
-                color: $adaptive-scheduler-subtle-text;
+                color: $kendo-adaptive-scheduler-subtle-text;
             }
 
             .k-scheduler-times,
@@ -52,7 +52,7 @@
             .k-scheduler-groupcolumn,
             .k-scheduler-group-cell,
             .k-scheduler-header-all-day {
-                background-color: $adaptive-content-bg;
+                background-color: $kendo-adaptive-content-bg;
             }
 
             .k-scheduler-toolbar .k-scheduler-tools > li {
@@ -68,14 +68,14 @@
 
             .k-item,
             .k-link {
-                color: $base-text;
+                color: $kendo-base-text;
             }
 
             .k-clear,
             .k-select-all,
             .k-scheduler-delete,
             .k-scheduler-resetSeries { // sass-lint:disable-line class-name-format
-                color: $adaptive-menu-clear-text;
+                color: $kendo-adaptive-menu-clear-text;
             }
 
         }
@@ -83,7 +83,7 @@
         .k-column-menu {
 
             .k-listgroup-item.k-selected {
-                color: $adaptive-grid-sort-text;
+                color: $kendo-adaptive-grid-sort-text;
                 background: none;
             }
             .k-listgroup-item.k-selected .k-link {

package/scss/adaptive/_variables.scss

@@ -1,30 +1,30 @@
 // Adaptive
-$adaptive-bg: $kendo-component-bg !default;
-$adaptive-text: $kendo-component-text !default;
-$adaptive-border: $kendo-component-border !default;
+$kendo-adaptive-bg: $kendo-component-bg !default;
+$kendo-adaptive-text: $kendo-component-text !default;
+$kendo-adaptive-border: $kendo-component-border !default;
 
-$adaptive-content-bg: $kendo-app-bg !default;
-$adaptive-content-text: $kendo-app-text !default;
+$kendo-adaptive-content-bg: $kendo-app-bg !default;
+$kendo-adaptive-content-text: $kendo-app-text !default;
 
-$adaptive-menu-bg: $kendo-color-primary !default;
-$adaptive-menu-text: k-contrast-legacy( $adaptive-menu-bg ) !default;
+$kendo-adaptive-menu-bg: $kendo-color-primary !default;
+$kendo-adaptive-menu-text: k-contrast-legacy( $kendo-adaptive-menu-bg ) !default;
 
-$adaptive-menu-clear-text: $kendo-color-primary !default;
+$kendo-adaptive-menu-clear-text: $kendo-color-primary !default;
 
-$adaptive-menu-item-border: $kendo-component-border !default;
-$adaptive-menu-title-text: $kendo-component-text !default;
+$kendo-adaptive-menu-item-border: $kendo-component-border !default;
+$kendo-adaptive-menu-title-text: $kendo-component-text !default;
 
-$adaptive-border-width: 1px !default;
-$adaptive-font-family: $font-family !default;
-$adaptive-font-size: $font-size !default;
-$adaptive-line-height: $line-height !default;
+$kendo-adaptive-border-width: 1px !default;
+$kendo-adaptive-font-family: $kendo-font-family !default;
+$kendo-adaptive-font-size: $kendo-font-size-md !default;
+$kendo-adaptive-line-height: $kendo-line-height-md !default;
 
 
 // Adaptive Grid
-$adaptive-grid-sort-text: $kendo-color-primary !default;
+$kendo-adaptive-grid-sort-text: $kendo-color-primary !default;
 
 
 // Adaptive Scheduler
-$adaptive-scheduler-current-text: $kendo-color-primary !default;
-$adaptive-scheduler-base-text: inherit !default;
-$adaptive-scheduler-subtle-text: $kendo-subtle-text !default;
+$kendo-adaptive-scheduler-current-text: $kendo-color-primary !default;
+$kendo-adaptive-scheduler-base-text: inherit !default;
+$kendo-adaptive-scheduler-subtle-text: $kendo-subtle-text !default;

package/scss/appbar/_variables.scss

@@ -7,9 +7,9 @@ $kendo-appbar-border-width: 0px !default;
 
 $kendo-appbar-zindex: 1000 !default;
 
-$kendo-appbar-font-size: $font-size !default;
-$kendo-appbar-line-height: $line-height !default;
-$kendo-appbar-font-family: $font-family !default;
+$kendo-appbar-font-size: $kendo-font-size-md !default;
+$kendo-appbar-line-height: $kendo-line-height-md !default;
+$kendo-appbar-font-family: $kendo-font-family !default;
 $kendo-appbar-gap: k-map-get( $kendo-spacing, 2 ) !default;
 
 $kendo-appbar-light-bg: $kendo-color-light !default;