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

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";

package/scss/timeline/_layout.scss

@@ -2,6 +2,6 @@
 
 @include exports( "timeline/layout/bootstrap" ) {
     .k-timeline-card .k-card-header {
-        padding-top: $card-header-padding-x;
+        padding-top: $kendo-card-header-padding-x;
     }
 }

package/scss/timeline/_variables.scss

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

package/scss/timeselector/_index.scss

@@ -5,7 +5,7 @@
 @import "../list/_index.scss";
 @import "../action-buttons/_index.scss";
 @import "../button/_index.scss";
-@import "../icons/index";
+@import "../icons/_index.scss";
 
 
 // Component

package/scss/timeselector/_variables.scss

@@ -1,52 +1,53 @@
 // 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: $kendo-component-bg !default;
-$time-selector-text: $kendo-component-text !default;
-$time-selector-border: $kendo-component-border !default;
+$kendo-time-selector-border-width: 1px !default;
+$kendo-time-selector-font-family: $kendo-font-family !default;
+$kendo-time-selector-font-size: $kendo-font-size-md !default;
+$kendo-time-selector-line-height: $kendo-line-height-md !default;
 
-$time-selector-header-padding-x: $actions-padding-x !default;
-$time-selector-header-padding-y: $actions-padding-y !default;
-$time-selector-header-border-width: 0px !default;
+$kendo-time-selector-bg: $kendo-component-bg !default;
+$kendo-time-selector-text: $kendo-component-text !default;
+$kendo-time-selector-border: $kendo-component-border !default;
 
-$time-list-width: 4em !default;
-$time-list-height: 240px !default;
+$kendo-time-selector-header-padding-x: $kendo-actions-padding-x !default;
+$kendo-time-selector-header-padding-y: $kendo-actions-padding-y !default;
+$kendo-time-selector-header-border-width: 0px !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: $kendo-subtle-text !default;
-$time-list-title-focus-text: $kendo-component-text !default;
+$kendo-time-list-width: 4em !default;
+$kendo-time-list-height: 240px !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;
+$kendo-time-list-title-font-size: $kendo-font-size-sm !default;
+$kendo-time-list-title-line-height: 1.5 !default;
+$kendo-time-list-title-height: ( $kendo-time-list-title-font-size * $kendo-time-list-title-line-height) !default;
+$kendo-time-list-title-text: $kendo-subtle-text !default;
+$kendo-time-list-title-focus-text: $kendo-component-text !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: $kendo-component-bg !default;
-$time-list-highlight-border: $kendo-component-border !default;
+$kendo-time-list-item-padding-x: $kendo-list-md-item-padding-x !default;
+$kendo-time-list-item-padding-y: $kendo-list-md-item-padding-y !default;
 
-$time-list-focus-bg: rgba( black, .02 ) !default;
+$kendo-time-list-highlight-border-width: 1px 0px !default;
+$kendo-time-list-highlight-height: calc( #{$kendo-time-selector-font-size * $kendo-time-selector-line-height} + #{ $kendo-time-list-item-padding-y * 2} ) !default;
+$kendo-time-list-highlight-bg: $kendo-component-bg !default;
+$kendo-time-list-highlight-border: $kendo-component-border !default;
+
+$kendo-time-list-focus-bg: rgba( black, .02 ) !default;
 
 
 // Time selector sizes
-$kendo-time-selector-sm-font-size: $kendo-list-font-size-sm !default;
-$kendo-time-selector-sm-line-height: $kendo-list-line-height-sm !default;
-$kendo-time-selector-sm-list-item-padding-x: $kendo-list-item-padding-x-sm !default;
-$kendo-time-selector-sm-list-item-padding-y: $kendo-list-item-padding-y-sm !default;
+$kendo-time-selector-sm-font-size: $kendo-list-sm-font-size !default;
+$kendo-time-selector-sm-line-height: $kendo-list-sm-line-height !default;
+$kendo-time-selector-sm-list-item-padding-x: $kendo-list-sm-item-padding-x !default;
+$kendo-time-selector-sm-list-item-padding-y: $kendo-list-sm-item-padding-y !default;
 
-$kendo-time-selector-md-font-size: $kendo-list-font-size-md !default;
-$kendo-time-selector-md-line-height: $kendo-list-line-height-md !default;
-$kendo-time-selector-md-list-item-padding-x: $kendo-list-item-padding-x-md !default;
-$kendo-time-selector-md-list-item-padding-y: $kendo-list-item-padding-y-md !default;
+$kendo-time-selector-md-font-size: $kendo-list-md-font-size !default;
+$kendo-time-selector-md-line-height: $kendo-list-md-line-height !default;
+$kendo-time-selector-md-list-item-padding-x: $kendo-list-md-item-padding-x !default;
+$kendo-time-selector-md-list-item-padding-y: $kendo-list-md-item-padding-y !default;
 
-$kendo-time-selector-lg-font-size: $kendo-list-font-size-lg !default;
-$kendo-time-selector-lg-line-height: $kendo-list-line-height-lg !default;
-$kendo-time-selector-lg-list-item-padding-x: $kendo-list-item-padding-x-lg !default;
-$kendo-time-selector-lg-list-item-padding-y: $kendo-list-item-padding-y-lg !default;
+$kendo-time-selector-lg-font-size: $kendo-list-lg-font-size !default;
+$kendo-time-selector-lg-line-height: $kendo-list-lg-line-height !default;
+$kendo-time-selector-lg-list-item-padding-x: $kendo-list-lg-item-padding-x !default;
+$kendo-time-selector-lg-list-item-padding-y: $kendo-list-lg-item-padding-y !default;
 
 $kendo-time-selector-sizes: (
     sm: (

package/scss/toolbar/_variables.scss

@@ -3,23 +3,23 @@
 /// The horizontal padding of the toolbar.
 /// @group toolbar
 $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;
+$kendo-toolbar-sm-padding-x: k-map-get( $kendo-spacing, 1 ) !default;
+$kendo-toolbar-md-padding-x: k-map-get( $kendo-spacing, 2 ) !default;
+$kendo-toolbar-lg-padding-x: 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;
+$kendo-toolbar-sm-padding-y: k-map-get( $kendo-spacing, 1 ) !default;
+$kendo-toolbar-md-padding-y: k-map-get( $kendo-spacing, 2 ) !default;
+$kendo-toolbar-lg-padding-y: k-map-get( $kendo-spacing, 2.5 ) !default;
 
 /// The spacing between the toolbar tools.
 /// @group toolbar
 $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;
+$kendo-toolbar-sm-spacing: k-map-get( $kendo-spacing, 1.5 ) !default;
+$kendo-toolbar-md-spacing: k-map-get( $kendo-spacing, 2 ) !default;
+$kendo-toolbar-lg-spacing: k-map-get( $kendo-spacing, 2.5 ) !default;
 
 /// Width of the border around the toolbar.
 /// @group toolbar
@@ -30,13 +30,13 @@ $kendo-toolbar-border-radius: null !default;
 
 /// Font family of the toolbar.
 /// @group toolbar
-$kendo-toolbar-font-family: $font-family !default;
+$kendo-toolbar-font-family: $kendo-font-family !default;
 /// Font size of the toolbar.
 /// @group toolbar
-$kendo-toolbar-font-size: $font-size !default;
+$kendo-toolbar-font-size: $kendo-font-size-md !default;
 /// Line height of the toolbar.
 /// @group toolbar
-$kendo-toolbar-line-height: $line-height !default;
+$kendo-toolbar-line-height: $kendo-line-height-md !default;
 
 /// Background color of the toolbar.
 /// @group toolbar
@@ -70,18 +70,18 @@ $kendo-toolbar-item-shadow: 0 0 0 .25rem rgba( $kendo-color-primary, .25 ) !defa
 /// @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
+        padding-x: $kendo-toolbar-sm-padding-x,
+        padding-y: $kendo-toolbar-sm-padding-y,
+        spacing: $kendo-toolbar-sm-spacing
     ),
     md: (
-        padding-x: $kendo-toolbar-padding-x-md,
-        padding-y: $kendo-toolbar-padding-y-md,
-        spacing: $kendo-toolbar-spacing-md
+        padding-x: $kendo-toolbar-md-padding-x,
+        padding-y: $kendo-toolbar-md-padding-y,
+        spacing: $kendo-toolbar-md-spacing
     ),
     lg: (
-        padding-x: $kendo-toolbar-padding-x-lg,
-        padding-y: $kendo-toolbar-padding-y-lg,
-        spacing: $kendo-toolbar-spacing-lg
+        padding-x: $kendo-toolbar-lg-padding-x,
+        padding-y: $kendo-toolbar-lg-padding-y,
+        spacing: $kendo-toolbar-lg-spacing
     )
 ) !default;

package/scss/tooltip/_variables.scss

@@ -1,35 +1,35 @@
 // Tooltip
-$tooltip-padding-y: $tooltip-padding-y !default;
-$tooltip-padding-x: $tooltip-padding-x !default;
-$tooltip-max-width: $tooltip-max-width !default;
-$tooltip-border-width: 0px !default;
-$tooltip-border-radius: $tooltip-border-radius !default;
+$kendo-tooltip-padding-y: $tooltip-padding-y !default;
+$kendo-tooltip-padding-x: $tooltip-padding-x !default;
+$kendo-tooltip-max-width: $tooltip-max-width !default;
+$kendo-tooltip-border-width: 0px !default;
+$kendo-tooltip-border-radius: $tooltip-border-radius !default;
 
-$tooltip-font-family: $font-family !default;
-$tooltip-font-size: $tooltip-font-size !default;
-$tooltip-line-height: $line-height !default;
+$kendo-tooltip-font-family: $kendo-font-family !default;
+$kendo-tooltip-font-size: $kendo-font-size-sm !default;
+$kendo-tooltip-line-height: $kendo-line-height-md !default;
 
-$tooltip-title-font-size: ($tooltip-font-size * 1.25) !default;
-$tooltip-title-line-height: 1 !default;
+$kendo-tooltip-title-font-size: ($kendo-tooltip-font-size * 1.25) !default;
+$kendo-tooltip-title-line-height: 1 !default;
 
-$tooltip-callout-size: $tooltip-arrow-height !default;
+$kendo-tooltip-callout-size: $tooltip-arrow-height !default;
 
-$tooltip-bg: $tooltip-bg !default;
-$tooltip-text: k-contrast-color( $tooltip-bg ) !default;
-$tooltip-border: $tooltip-bg !default;
+$kendo-tooltip-bg: if( $kendo-is-dark-theme, $kendo-color-white, $kendo-color-black ) !default;
+$kendo-tooltip-text: k-contrast-color( $kendo-tooltip-bg ) !default;
+$kendo-tooltip-border: $kendo-tooltip-bg !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: $kendo-color-info !default;
-$tooltip-info-text: k-contrast-color( $tooltip-info-bg ) !default;
-$tooltip-info-border: $tooltip-info-bg !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: $kendo-color-warning !default;
-$tooltip-warning-text: k-contrast-color( $tooltip-warning-bg ) !default;
-$tooltip-warning-border: $tooltip-warning-bg !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;
+$kendo-tooltip-primary-bg: $kendo-color-primary !default;
+$kendo-tooltip-primary-text: k-contrast-color( $kendo-tooltip-primary-bg ) !default;
+$kendo-tooltip-primary-border: $kendo-tooltip-primary-bg !default;
+$kendo-tooltip-info-bg: $kendo-color-info !default;
+$kendo-tooltip-info-text: k-contrast-color( $kendo-tooltip-info-bg ) !default;
+$kendo-tooltip-info-border: $kendo-tooltip-info-bg !default;
+$kendo-tooltip-success-bg: $kendo-color-success !default;
+$kendo-tooltip-success-text: k-contrast-color( $kendo-tooltip-success-bg ) !default;
+$kendo-tooltip-success-border: $kendo-tooltip-success-bg !default;
+$kendo-tooltip-warning-bg: $kendo-color-warning !default;
+$kendo-tooltip-warning-text: k-contrast-color( $kendo-tooltip-warning-bg ) !default;
+$kendo-tooltip-warning-border: $kendo-tooltip-warning-bg !default;
+$kendo-tooltip-error-bg: $kendo-color-error !default;
+$kendo-tooltip-error-text: k-contrast-color( $kendo-tooltip-error-bg ) !default;
+$kendo-tooltip-error-border: $kendo-tooltip-error-bg !default;

package/scss/treelist/_index.scss

@@ -3,7 +3,7 @@
 
 // Dependencies
 @import "../common/_index.scss";
-@import "../utils/_text.scss";
+// @import "../utils/_text.scss";
 @import "../grid/_index.scss";
 @import "../icons/_index.scss";
 

package/scss/treeview/_variables.scss

@@ -2,19 +2,19 @@
 
 /// Font family of the treeview component.
 /// @group treeview
-$kendo-treeview-font-family: $font-family !default;
+$kendo-treeview-font-family: $kendo-font-family !default;
 /// Font size of the treeview component.
 /// @group treeview
-$kendo-treeview-font-size: $font-size-md !default;
-$kendo-treeview-font-size-sm: $font-size-sm !default;
-$kendo-treeview-font-size-md: $font-size-md !default;
-$kendo-treeview-font-size-lg: $font-size-md !default;
+$kendo-treeview-font-size: $kendo-font-size-md !default;
+$kendo-treeview-sm-font-size: $kendo-font-size-sm !default;
+$kendo-treeview-md-font-size: $kendo-font-size-md !default;
+$kendo-treeview-lg-font-size: $kendo-font-size-md !default;
 /// Line height of the treeview component.
 /// @group treeview
-$kendo-treeview-line-height: $line-height !default;
-$kendo-treeview-line-height-sm: k-math-div( 20, 14 ) !default;
-$kendo-treeview-line-height-md: $line-height !default;
-$kendo-treeview-line-height-lg: $line-height !default;
+$kendo-treeview-line-height: $kendo-line-height-md !default;
+$kendo-treeview-sm-line-height: k-math-div( 20, 14 ) !default;
+$kendo-treeview-md-line-height: $kendo-line-height-md !default;
+$kendo-treeview-lg-line-height: $kendo-line-height-md !default;
 
 /// Indentation of child groups in treeview component.
 /// @group treeview
@@ -23,15 +23,15 @@ $kendo-treeview-indent: 16px !default;
 /// Horizontal padding of treeview items.
 /// @group treeview
 $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;
+$kendo-treeview-sm-item-padding-x: k-map-get( $kendo-spacing, 2 ) !default;
+$kendo-treeview-md-item-padding-x: k-map-get( $kendo-spacing, 3 ) !default;
+$kendo-treeview-lg-item-padding-x: k-map-get( $kendo-spacing, 3 ) !default;
 /// Vertical padding of treeview items.
 /// @group treeview
 $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;
+$kendo-treeview-sm-item-padding-y: k-map-get( $kendo-spacing, 1 ) !default;
+$kendo-treeview-md-item-padding-y: k-map-get( $kendo-spacing, 1 ) !default;
+$kendo-treeview-lg-item-padding-y: k-map-get( $kendo-spacing, 2 ) !default;
 /// Border width of treeview items.
 /// @group treeview
 $kendo-treeview-item-border-width: 0px !default;
@@ -44,22 +44,22 @@ $kendo-treeview-item-border-radius: k-map-get( $kendo-spacing, 1 ) !default;
 /// @group treeview
 $kendo-treeview-sizes: (
     sm: (
-        font-size: $kendo-treeview-font-size-sm,
-        line-height: $kendo-treeview-line-height-sm,
-        item-padding-x: $kendo-treeview-item-padding-x-sm,
-        item-padding-y: $kendo-treeview-item-padding-y-sm
+        font-size: $kendo-treeview-sm-font-size,
+        line-height: $kendo-treeview-sm-line-height,
+        item-padding-x: $kendo-treeview-sm-item-padding-x,
+        item-padding-y: $kendo-treeview-sm-item-padding-y
     ),
     md: (
-        font-size: $kendo-treeview-font-size-md,
-        line-height: $kendo-treeview-line-height-md,
-        item-padding-x: $kendo-treeview-item-padding-x-md,
-        item-padding-y: $kendo-treeview-item-padding-y-md
+        font-size: $kendo-treeview-md-font-size,
+        line-height: $kendo-treeview-md-line-height,
+        item-padding-x: $kendo-treeview-md-item-padding-x,
+        item-padding-y: $kendo-treeview-md-item-padding-y
     ),
     lg: (
-        font-size: $kendo-treeview-font-size-lg,
-        line-height: $kendo-treeview-line-height-lg,
-        item-padding-x: $kendo-treeview-item-padding-x-lg,
-        item-padding-y: $kendo-treeview-item-padding-y-lg
+        font-size: $kendo-treeview-lg-font-size,
+        line-height: $kendo-treeview-lg-line-height,
+        item-padding-x: $kendo-treeview-lg-item-padding-x,
+        item-padding-y: $kendo-treeview-lg-item-padding-y
     )
 ) !default;
 
@@ -109,7 +109,7 @@ $kendo-treeview-item-focus-shadow: inset 0 0 0 2px rgba( $kendo-treeview-text, .
 $kendo-treeview-loadmore-bg: transparent !default;
 /// Text color of load more.
 /// @group treeview
-$kendo-treeview-loadmore-text: $link-text !default;
+$kendo-treeview-loadmore-text: $kendo-link-text !default;
 /// Border color of load more.
 /// @group treeview
 $kendo-treeview-loadmore-border: null !default;
@@ -119,7 +119,7 @@ $kendo-treeview-loadmore-border: null !default;
 $kendo-treeview-loadmore-hover-bg: transparent !default;
 /// Text color of a hovered load more.
 /// @group treeview
-$kendo-treeview-loadmore-hover-text: $link-hover-text !default;
+$kendo-treeview-loadmore-hover-text: $kendo-link-hover-text !default;
 /// Border color of a hovered load more.
 /// @group treeview
 $kendo-treeview-loadmore-hover-border: null !default;
@@ -129,7 +129,7 @@ $kendo-treeview-loadmore-hover-border: null !default;
 $kendo-treeview-loadmore-focus-bg: transparent !default;
 /// Text color of a focused load more.
 /// @group treeview
-$kendo-treeview-loadmore-focus-text: $link-hover-text !default;
+$kendo-treeview-loadmore-focus-text: $kendo-link-hover-text !default;
 /// Border color of a focused load more.
 /// @group treeview
 $kendo-treeview-loadmore-focus-border: null !default;

package/scss/typography/_index.scss

@@ -2,7 +2,6 @@
 
 
 // Dependencies
-@import "../common/_index.scss";
 
 
 // Component