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

package/scss/tilelayout/_theme.scss

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

package/scss/tilelayout/_variables.scss

@@ -9,4 +9,4 @@ $tilelayout-hint-border-radius: $card-border-radius !default;
 $tilelayout-bg: $gray-100 !default;
 
 $tilelayout-hint-bg: rgba( white, .2 ) !default;
-$tilelayout-hint-border: $component-border !default;
+$tilelayout-hint-border: $kendo-component-border !default;

package/scss/timedurationpicker/_index.scss

@@ -2,7 +2,7 @@
 
 
 // Dependencies
-@import "../icons/index";
+@import "../icons/_index.scss";
 @import "../button/_index.scss";
 @import "../input/_index.scss";
 @import "../popup/_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/timedurationpicker/_layout.scss

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

package/scss/timedurationpicker/_theme.scss

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

package/scss/timeline/_index.scss

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

package/scss/timeline/_layout.scss

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

package/scss/timeline/_theme.scss

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

package/scss/timeline/_variables.scss

@@ -1,33 +1,33 @@
 // Timeline
 $timeline-spacing-x: 40px !default;
 $timeline-spacing-y: 40px !default;
-$timeline-items-padding: $padding-x !default;
+$timeline-items-padding: $kendo-padding-md-x !default;
 
 $timeline-font-family: $font-family !default;
 $timeline-font-size: $font-size !default;
 $timeline-line-height: $line-height !default;
 
-$timeline-mobile-spacing-x: $padding-x !default;
-$timeline-mobile-spacing-y: $padding-x !default;
+$timeline-mobile-spacing-x: $kendo-padding-md-x !default;
+$timeline-mobile-spacing-y: $kendo-padding-md-x !default;
 
 $timeline-track-arrow-width: 38px !default;
 $timeline-track-arrow-height: 38px !default;
 
-$timeline-track-arrow-disabled-text: k-true-mix( $kendo-button-text, $body-bg, 65% ) !default;
-$timeline-track-arrow-disabled-bg: k-true-mix( $kendo-button-bg, $body-bg, 65% ) !default;
-$timeline-track-arrow-disabled-border: k-true-mix( $kendo-button-border, $body-bg, 65% ) !default;
+$timeline-track-arrow-disabled-text: k-true-mix( $kendo-button-text, $kendo-body-bg, 65% ) !default;
+$timeline-track-arrow-disabled-bg: k-true-mix( $kendo-button-bg, $kendo-body-bg, 65% ) !default;
+$timeline-track-arrow-disabled-border: k-true-mix( $kendo-button-border, $kendo-body-bg, 65% ) !default;
 
 $timeline-track-size: 6px !default;
-$timeline-track-wrap-padding-bottom: $timeline-track-size / 2 !default;
+$timeline-track-wrap-padding-bottom: k-math-div( $timeline-track-size, 2 ) !default;
 $timeline-track-border-width: 1px !default;
-$timeline-track-margin-bottom: $spacer !default;
-$timeline-track-bottom-calc: calc((#{$timeline-track-arrow-height} / 2) + #{$timeline-track-wrap-padding-bottom}) !default;
+$timeline-track-margin-bottom: k-map-get( $kendo-spacing, 4 ) !default;
+$timeline-track-bottom-calc: calc(#{k-math-div( $timeline-track-arrow-height, 2 )} + #{$timeline-track-wrap-padding-bottom}) !default;
 $timeline-track-start-calc: calc(#{$timeline-track-arrow-width} - 2 * #{$timeline-track-border-width}) !default;
 $timeline-track-end-calc: calc(#{$timeline-track-arrow-width} - 2 * #{$timeline-track-border-width}) !default;
 $timeline-track-bg: $kendo-button-bg !default;
 $timeline-track-border-color: $timeline-track-bg !default;
 
-$timeline-track-item-focus-shadow: 0 0 0 3px rgba( $primary, .5 ) !default;
+$timeline-track-item-focus-shadow: 0 0 0 3px rgba( $kendo-color-primary, .5 ) !default;
 
 $timeline-track-event-offset: 36px !default;
 
@@ -38,7 +38,7 @@ $timeline-flag-min-width: 80px !default;
 $timeline-flag-max-width: calc(#{$timeline-flag-min-width} + 2 * #{$timeline-spacing-x}) !default;
 $timeline-mobile-flag-max-width: calc(#{$timeline-flag-min-width} + 2 * #{$timeline-mobile-spacing-x}) !default;
 $timeline-horizontal-flag-min-width: 80px !default;
-$timeline-flag-bg: $primary !default;
+$timeline-flag-bg: $kendo-color-primary !default;
 $timeline-flag-text: k-contrast-color( $timeline-flag-bg ) !default;
 
 $timeline-flag-callout-width: 10px !default;
@@ -57,9 +57,9 @@ $timeline-mobile-vertical-padding-with-dates-calc: calc(#{$timeline-mobile-verti
 
 $timeline-circle-width: 16px !default;
 $timeline-circle-height: 16px !default;
-$timeline-circle-bg: $primary !default;
+$timeline-circle-bg: $kendo-color-primary !default;
 
-$timeline-collapse-arrow-padding-x: $padding-x-sm !default;
+$timeline-collapse-arrow-padding-x: $kendo-padding-sm-x !default;
 
 $timeline-event-width: 400px !default;
 $timeline-event-height: 600px !default;

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

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

package/scss/timepicker/_theme.scss

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

package/scss/timeselector/_index.scss

@@ -5,10 +5,10 @@
 @import "../list/_index.scss";
 @import "../action-buttons/_index.scss";
 @import "../button/_index.scss";
-@import "../icons/index";
+@import "../icons/_index.scss";
 
 
 // Component
-@import "_variables.scss";
-@import "_layout.scss";
-@import "_theme.scss";
+@import "./_variables.scss";
+@import "./_layout.scss";
+@import "./_theme.scss";

package/scss/timeselector/_layout.scss

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

package/scss/timeselector/_theme.scss

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

package/scss/timeselector/_variables.scss

@@ -1,12 +1,16 @@
+@import "../typography/_variables.scss";
+
+
 // Time selector
+
 $time-selector-border-width: 1px !default;
 $time-selector-font-family: $font-family !default;
 $time-selector-font-size: $font-size !default;
 $time-selector-line-height: $line-height !default;
 
-$time-selector-bg: $component-bg !default;
-$time-selector-text: $component-text !default;
-$time-selector-border: $component-border !default;
+$time-selector-bg: $kendo-component-bg !default;
+$time-selector-text: $kendo-component-text !default;
+$time-selector-border: $kendo-component-border !default;
 
 $time-selector-header-padding-x: $actions-padding-x !default;
 $time-selector-header-padding-y: $actions-padding-y !default;
@@ -18,18 +22,18 @@ $time-list-height: 240px !default;
 $time-list-title-font-size: $font-size-sm !default;
 $time-list-title-line-height: 1.5 !default;
 $time-list-title-height: ( $time-list-title-font-size * $time-list-title-line-height) !default;
-$time-list-title-text: $subtle-text !default;
-$time-list-title-focus-text: $component-text !default;
+$time-list-title-text: $kendo-subtle-text !default;
+$time-list-title-focus-text: $kendo-component-text !default;
 
 $time-list-item-padding-x: $kendo-list-item-padding-x-md !default;
 $time-list-item-padding-y: $kendo-list-item-padding-y-md !default;
 
 $time-list-highlight-border-width: 1px 0px !default;
 $time-list-highlight-height: calc( #{$time-selector-font-size * $time-selector-line-height} + #{ $time-list-item-padding-y * 2} ) !default;
-$time-list-highlight-bg: $component-bg !default;
-$time-list-highlight-border: $component-border !default;
+$time-list-highlight-bg: $kendo-component-bg !default;
+$time-list-highlight-border: $kendo-component-border !default;
 
-$time-list-focused-bg: rgba( black, .02 ) !default;
+$time-list-focus-bg: rgba( black, .02 ) !default;
 
 
 // Time selector sizes

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

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

package/scss/toolbar/_theme.scss

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

package/scss/toolbar/_variables.scss

@@ -1,29 +1,87 @@
 // Toolbar
 
-/// The horizontal padding of the container.
+/// The horizontal padding of the toolbar.
 /// @group toolbar
-$toolbar-padding-x: k-map-get( $spacing, 2 ) !default;
-/// The vertical padding of the container.
+$kendo-toolbar-padding-x: null !default;
+$kendo-toolbar-padding-x-sm: k-map-get( $kendo-spacing, 1 ) !default;
+$kendo-toolbar-padding-x-md: k-map-get( $kendo-spacing, 2 ) !default;
+$kendo-toolbar-padding-x-lg: k-map-get( $kendo-spacing, 2.5 ) !default;
+
+/// The vertical padding of the toolbar.
+/// @group toolbar
+$kendo-toolbar-padding-y: null !default;
+$kendo-toolbar-padding-y-sm: k-map-get( $kendo-spacing, 1 ) !default;
+$kendo-toolbar-padding-y-md: k-map-get( $kendo-spacing, 2 ) !default;
+$kendo-toolbar-padding-y-lg: k-map-get( $kendo-spacing, 2.5 ) !default;
+
+/// The spacing between the toolbar tools.
 /// @group toolbar
-$toolbar-padding-y: k-map-get( $spacing, 2 ) !default;
-$toolbar-border-width: 1px !default;
-$toolbar-border-radius: null !default;
-$toolbar-spacing: $toolbar-padding-x !default;
+$kendo-toolbar-spacing: null !default;
+$kendo-toolbar-spacing-sm: k-map-get( $kendo-spacing, 1.5 ) !default;
+$kendo-toolbar-spacing-md: k-map-get( $kendo-spacing, 2 ) !default;
+$kendo-toolbar-spacing-lg: k-map-get( $kendo-spacing, 2.5 ) !default;
 
-$toolbar-inner-calc-size: calc( #{$kendo-button-calc-size} + #{$toolbar-padding-y * 2} ) !default;
+/// Width of the border around the toolbar.
+/// @group toolbar
+$kendo-toolbar-border-width: 1px !default;
+/// Border radius of the toolbar.
+/// @group toolbar
+$kendo-toolbar-border-radius: null !default;
+
+/// Font family of the toolbar.
+/// @group toolbar
+$kendo-toolbar-font-family: $font-family !default;
+/// Font size of the toolbar.
+/// @group toolbar
+$kendo-toolbar-font-size: $font-size !default;
+/// Line height of the toolbar.
+/// @group toolbar
+$kendo-toolbar-line-height: $line-height !default;
 
-$toolbar-font-family: $font-family !default;
-$toolbar-font-size: $font-size !default;
-$toolbar-line-height: $line-height !default;
+/// Background color of the toolbar.
+/// @group toolbar
+$kendo-toolbar-bg: $kendo-component-header-bg !default;
+/// Text color of the toolbar.
+/// @group toolbar
+$kendo-toolbar-text: $kendo-component-header-text !default;
+/// Color of the border around the toolbar.
+/// @group toolbar
+$kendo-toolbar-border: $kendo-component-header-border !default;
+/// Gradient of the toolbar.
+/// @group toolbar
+$kendo-toolbar-gradient: null !default;
+/// Box shadow of the toolbar.
+/// @group toolbar
+$kendo-toolbar-shadow: null !default;
 
-$toolbar-bg: $header-bg !default;
-$toolbar-text: $header-text !default;
-$toolbar-border: $header-border !default;
-$toolbar-gradient: null !default;
-$toolbar-shadow: null !default;
+/// Color of the separator border of the toolbar.
+/// @group toolbar
+$kendo-toolbar-separator-border: inherit !default;
 
-$toolbar-separator-border: inherit !default;
+/// The width of the input in the toolbar.
+/// @group toolbar
+$kendo-toolbar-input-width: 10em !default;
 
-$toolbar-input-width: 10em !default;
+/// Box shadow of the focused toolbar item.
+/// @group toolbar
+$kendo-toolbar-item-shadow: 0 0 0 .25rem rgba( $kendo-color-primary, .25 ) !default;
 
-$toolbar-item-shadow: 0 0 0 .25rem rgba( $primary, .25 ) !default;
+/// Sizes map for the toolbar.
+/// @group toolbar
+$kendo-toolbar-sizes: (
+    sm: (
+        padding-x: $kendo-toolbar-padding-x-sm,
+        padding-y: $kendo-toolbar-padding-y-sm,
+        spacing: $kendo-toolbar-spacing-sm
+    ),
+    md: (
+        padding-x: $kendo-toolbar-padding-x-md,
+        padding-y: $kendo-toolbar-padding-y-md,
+        spacing: $kendo-toolbar-spacing-md
+    ),
+    lg: (
+        padding-x: $kendo-toolbar-padding-x-lg,
+        padding-y: $kendo-toolbar-padding-y-lg,
+        spacing: $kendo-toolbar-spacing-lg
+    )
+) !default;

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

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

package/scss/tooltip/_theme.scss

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

package/scss/tooltip/_variables.scss

@@ -18,18 +18,18 @@ $tooltip-bg: $tooltip-bg !default;
 $tooltip-text: k-contrast-color( $tooltip-bg ) !default;
 $tooltip-border: $tooltip-bg !default;
 
-$tooltip-primary-bg: $primary !default;
+$tooltip-primary-bg: $kendo-color-primary !default;
 $tooltip-primary-text: k-contrast-color( $tooltip-primary-bg ) !default;
 $tooltip-primary-border: $tooltip-primary-bg !default;
-$tooltip-info-bg: $info !default;
+$tooltip-info-bg: $kendo-color-info !default;
 $tooltip-info-text: k-contrast-color( $tooltip-info-bg ) !default;
 $tooltip-info-border: $tooltip-info-bg !default;
-$tooltip-success-bg: $success !default;
+$tooltip-success-bg: $kendo-color-success !default;
 $tooltip-success-text: k-contrast-color( $tooltip-success-bg ) !default;
 $tooltip-success-border: $tooltip-success-bg !default;
-$tooltip-warning-bg: $warning !default;
+$tooltip-warning-bg: $kendo-color-warning !default;
 $tooltip-warning-text: k-contrast-color( $tooltip-warning-bg ) !default;
 $tooltip-warning-border: $tooltip-warning-bg !default;
-$tooltip-error-bg: $error !default;
+$tooltip-error-bg: $kendo-color-error !default;
 $tooltip-error-text: k-contrast-color( $tooltip-error-bg ) !default;
 $tooltip-error-border: $tooltip-error-bg !default;

package/scss/treelist/_index.scss

@@ -3,12 +3,12 @@
 
 // Dependencies
 @import "../common/_index.scss";
-@import "../utils/_text.scss";
+// @import "../utils/_text.scss";
 @import "../grid/_index.scss";
 @import "../icons/_index.scss";
 
 
 // Component
-@import "_variables.scss";
-@import "_layout.scss";
-@import "_theme.scss";
+@import "./_variables.scss";
+@import "./_layout.scss";
+@import "./_theme.scss";

package/scss/treelist/_layout.scss

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

package/scss/treelist/_theme.scss

@@ -1,11 +1,11 @@
-@import "~@progress/kendo-theme-default/scss/treelist/_theme.scss";
+@import "@progress/kendo-theme-default/scss/treelist/_theme.scss";
 
 @include exports( "treelist/theme/bootstrap" ) {
     .k-treelist {
         tr.k-footer,
         tr.k-footer-template {
             &:hover {
-                background-color: $treelist-footer-row-bg;
+                background-color: $kendo-treelist-footer-row-bg;
             }
         }
     }
@@ -14,7 +14,7 @@
         .k-group-footer td,
         .k-grouping-row td,
         tbody .k-group-cell {
-            background-color: $treelist-footer-row-bg;
+            background-color: $kendo-treelist-footer-row-bg;
         }
     }
 }

package/scss/treelist/_variables.scss

@@ -1,3 +1,3 @@
 // Treelist
-$treelist-footer-row-bg: $grid-header-bg !default;
-$treelist-footer-row-border-width: 1px !default;
+$kendo-treelist-footer-row-bg: $kendo-grid-header-bg !default;
+$kendo-treelist-footer-row-border-width: 1px !default;

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

@@ -1,4 +1,4 @@
-@import "~@progress/kendo-theme-default/scss/treeview/_layout.scss";
+@import "@progress/kendo-theme-default/scss/treeview/_layout.scss";
 
 @include exports( "treeview/layout/bootstrap" ) {
 
@@ -8,7 +8,7 @@
 
     // Treeview leaf
     .k-treeview-leaf {
-        transition: $transition;
+        transition: $kendo-transition;
     }
 
 }

package/scss/treeview/_theme.scss

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

package/scss/treeview/_variables.scss

@@ -1,3 +1,6 @@
+@import "../typography/_variables.scss";
+
+
 // Treeview
 
 /// Font family of the treeview component.
@@ -22,22 +25,22 @@ $kendo-treeview-indent: 16px !default;
 
 /// Horizontal padding of treeview items.
 /// @group treeview
-$kendo-treeview-item-padding-x: k-map-get( $spacing, 3 ) !default;
-$kendo-treeview-item-padding-x-sm: k-map-get( $spacing, 2 ) !default;
-$kendo-treeview-item-padding-x-md: k-map-get( $spacing, 3 ) !default;
-$kendo-treeview-item-padding-x-lg: k-map-get( $spacing, 3 ) !default;
+$kendo-treeview-item-padding-x: k-map-get( $kendo-spacing, 3 ) !default;
+$kendo-treeview-item-padding-x-sm: k-map-get( $kendo-spacing, 2 ) !default;
+$kendo-treeview-item-padding-x-md: k-map-get( $kendo-spacing, 3 ) !default;
+$kendo-treeview-item-padding-x-lg: k-map-get( $kendo-spacing, 3 ) !default;
 /// Vertical padding of treeview items.
 /// @group treeview
-$kendo-treeview-item-padding-y: k-map-get( $spacing, 1 ) !default;
-$kendo-treeview-item-padding-y-sm: k-map-get( $spacing, 1 ) !default;
-$kendo-treeview-item-padding-y-md: k-map-get( $spacing, 1 ) !default;
-$kendo-treeview-item-padding-y-lg: k-map-get( $spacing, 2 ) !default;
+$kendo-treeview-item-padding-y: k-map-get( $kendo-spacing, 1 ) !default;
+$kendo-treeview-item-padding-y-sm: k-map-get( $kendo-spacing, 1 ) !default;
+$kendo-treeview-item-padding-y-md: k-map-get( $kendo-spacing, 1 ) !default;
+$kendo-treeview-item-padding-y-lg: k-map-get( $kendo-spacing, 2 ) !default;
 /// Border width of treeview items.
 /// @group treeview
 $kendo-treeview-item-border-width: 0px !default;
 /// Border radius of treeview items.
 /// @group treeview
-$kendo-treeview-item-border-radius: k-map-get( $spacing, 1 ) !default;
+$kendo-treeview-item-border-radius: k-map-get( $kendo-spacing, 1 ) !default;
 
 
 /// The sizes of the treeview.
@@ -69,17 +72,17 @@ $kendo-treeview-sizes: (
 $kendo-treeview-bg: null !default;
 /// Text color of the treeview component.
 /// @group treeview
-$kendo-treeview-text: $component-text !default;
+$kendo-treeview-text: $kendo-component-text !default;
 /// Border color of the treeview component.
 /// @group treeview
 $kendo-treeview-border: null !default;
 
 /// Background color of hovered treeview items.
 /// @group treeview
-$kendo-treeview-item-hover-bg: $hovered-bg !default;
+$kendo-treeview-item-hover-bg: $kendo-hover-bg !default;
 /// Text color of hovered treeview items.
 /// @group treeview
-$kendo-treeview-item-hover-text: $hovered-text !default;
+$kendo-treeview-item-hover-text: $kendo-hover-text !default;
 /// Border color of hovered treeview items.
 /// @group treeview
 $kendo-treeview-item-hover-border: $kendo-treeview-item-hover-bg !default;
@@ -89,10 +92,10 @@ $kendo-treeview-item-hover-gradient: null !default;
 
 /// Background color of selected treeview items.
 /// @group treeview
-$kendo-treeview-item-selected-bg: $selected-bg !default;
+$kendo-treeview-item-selected-bg: $kendo-selected-bg !default;
 /// Text color of selected treeview items.
 /// @group treeview
-$kendo-treeview-item-selected-text: $selected-text !default;
+$kendo-treeview-item-selected-text: $kendo-selected-text !default;
 /// Border color of selected treeview items.
 /// @group treeview
 $kendo-treeview-item-selected-border: $kendo-treeview-item-selected-bg !default;

package/scss/typography/_index.scss

@@ -2,10 +2,9 @@
 
 
 // Dependencies
-@import "../common/_index.scss";
 
 
 // Component
-@import "_variables.scss";
-@import "_layout.scss";
-@import "_theme.scss";
+@import "./_variables.scss";
+@import "./_layout.scss";
+@import "./_theme.scss";

package/scss/typography/_layout.scss

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

package/scss/typography/_theme.scss

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

package/scss/typography/_variables.scss

@@ -4,42 +4,6 @@
 /// @group typography
 $enable-typography: false !default;
 
-/// Base font size across all components.
-/// @group typography
-$font-size: $font-size-base !default;
-$font-size-xs: ( $font-size * .75 ) !default;
-$font-size-sm: $font-size-sm !default;
-$font-size-md: $font-size !default;
-$font-size-lg: $font-size-lg !default;
-$font-size-xl: ( $font-size-md * 1.5 ) !default;
-
-/// Font family across all components.
-/// @group typography
-$font-family: $font-family-sans-serif !default;
-
-/// Font family for monospaced text. Used for styling the code.
-/// @group typography
-$font-family-monospace: $font-family-monospace !default;
-
-/// Line height used along with $font-size.
-/// @group typography
-$line-height: $line-height-base !default;
-$line-height-xs: 1 !default;
-$line-height-sm: $line-height-sm !default;
-$line-height-md: $line-height !default;
-$line-height-lg: $line-height-lg !default;
-$line-height-em: calc( #{$line-height} * 1em ) !default;
-
-
-// Font weight
-$font-weight-light: $font-weight-light !default;
-$font-weight-normal: $font-weight-normal !default;
-$font-weight-bold: $font-weight-bold !default;
-
-
-// Letter Spacing
-$letter-spacing: null !default;
-
 
 // Headings
 $h1-font-size: $h1-font-size !default;
@@ -108,8 +72,8 @@ $pre-padding-y: 16px !default;
 $code-border-width: 1px !default;
 
 $code-bg: $base-bg !default;
-$code-text: $component-text !default;
-$code-border: $component-border !default;
+$code-text: $kendo-component-text !default;
+$code-border: $kendo-component-border !default;
 
 
 // Link

package/scss/upload/_index.scss

@@ -7,10 +7,9 @@
 @import "../action-buttons/_index.scss";
 @import "../icons/_index.scss";
 @import "../dropzone/_index.scss";
-@import "../toolbar/_variables.scss";
 
 
 // Component
-@import "_variables.scss";
-@import "_layout.scss";
-@import "_theme.scss";
+@import "./_variables.scss";
+@import "./_layout.scss";
+@import "./_theme.scss";