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

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: $kendo-button-focus-shadow !default;
 /// @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: $kendo-padding-md-y !default;
-$tooltip-padding-x: $kendo-padding-md-x !default;
-$tooltip-max-width: null !default;
-$tooltip-border-width: 0px !default;
-$tooltip-border-radius: $kendo-border-radius-md !default;
+$kendo-tooltip-padding-y: $kendo-padding-md-y !default;
+$kendo-tooltip-padding-x: $kendo-padding-md-x !default;
+$kendo-tooltip-max-width: null !default;
+$kendo-tooltip-border-width: 0px !default;
+$kendo-tooltip-border-radius: $kendo-border-radius-md !default;
 
-$tooltip-font-family: $font-family !default;
-$tooltip-font-size: $font-size !default;
-$tooltip-line-height: 1.25 !default;
+$kendo-tooltip-font-family: $kendo-font-family !default;
+$kendo-tooltip-font-size: $kendo-font-size-md !default;
+$kendo-tooltip-line-height: 1.25 !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: 6px !default;
+$kendo-tooltip-callout-size: 6px !default;
 
-$tooltip-bg: rgba( k-contrast-color( $kendo-body-bg ), .75 ) !default;
-$tooltip-text: k-contrast-color( $tooltip-bg ) !default;
-$tooltip-border: $tooltip-bg !default;
+$kendo-tooltip-bg: rgba( k-contrast-color( $kendo-body-bg ), .75 ) !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-legacy( $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-legacy( $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-md !default;
-$kendo-treeview-font-size-md: $font-size-md !default;
-$kendo-treeview-font-size-lg: $font-size-lg !default;
+$kendo-treeview-font-size: $kendo-font-size-md !default;
+$kendo-treeview-sm-font-size: $kendo-font-size-md !default;
+$kendo-treeview-md-font-size: $kendo-font-size-md !default;
+$kendo-treeview-lg-font-size: $kendo-font-size-lg !default;
 /// Line height of the treeview component.
 /// @group treeview
-$kendo-treeview-line-height: $line-height-md !default;
-$kendo-treeview-line-height-sm: $line-height-md !default;
-$kendo-treeview-line-height-md: $line-height-md !default;
-$kendo-treeview-line-height-lg: $line-height-lg !default;
+$kendo-treeview-line-height: $kendo-line-height-md !default;
+$kendo-treeview-sm-line-height: $kendo-line-height-md !default;
+$kendo-treeview-md-line-height: $kendo-line-height-md !default;
+$kendo-treeview-lg-line-height: $kendo-line-height-lg !default;
 /// Indentation of child groups in treeview component.
 /// @group treeview
 $kendo-treeview-indent: 16px !default;
@@ -22,15 +22,15 @@ $kendo-treeview-indent: 16px !default;
 /// Horizontal padding of treeview items.
 /// @group treeview
 $kendo-treeview-item-padding-x: k-map-get( $kendo-spacing, 2 ) !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, 2 ) !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, 2 ) !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, 0.5 ) !default; // sass-lint:disable-line leading-zero
-$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, 0.5 ) !default; // sass-lint:disable-line leading-zero
+$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;
@@ -43,22 +43,22 @@ $kendo-treeview-item-border-radius: $kendo-border-radius-md !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;
 
@@ -108,7 +108,7 @@ $kendo-treeview-item-focus-shadow: $kendo-focus-shadow !default;
 $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;
@@ -118,7 +118,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;
@@ -128,7 +128,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

package/scss/typography/_variables.scss

@@ -1,143 +1,99 @@
 // Typography
 
-/// Global typography styles for the Kendo Classic theme.
-/// @group typography
-$enable-typography: false !default;
-
-/// Base font size across all components.
-/// @group typography
-$font-size: 14px !default;
-$font-size-xs: 10px !default;
-$font-size-sm: 12px !default;
-$font-size-md: $font-size !default;
-$font-size-lg: 16px !default;
-$font-size-xl: 20px !default;
-
-/// Font family across all components.
-/// @group typography
-$font-family: inherit !default;
-
-/// Font family for monospaced text. Used for styling the code.
-/// @group typography
-$font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Roboto Mono", "Ubuntu Mono", "Lucida Console", "Courier New", monospace !default;
-
-/// Line height used along with $font-size.
-/// @group typography
-$line-height: k-math-div( 20, 14 ) !default;
-$line-height-xs: 1 !default;
-$line-height-sm: 1.25 !default;
-$line-height-md: $line-height !default;
-$line-height-lg: 1.5 !default;
-$line-height-em: calc( #{$line-height} * 1em ) !default;
-
-
-// Font weight
-$font-weight-light: 300 !default;
-$font-weight-normal: 400 !default;
-$font-weight-bold: 700 !default;
-
-
-// Letter Spacing
-$letter-spacing: null !default;
-
 
 // Headings
-$h1-font-size: ($font-size * 3) !default;
-$h2-font-size: 34px !default;
-$h3-font-size: ($font-size * 2) !default;
-$h4-font-size: 22px !default;
-$h5-font-size: $font-size-lg !default;
-$h6-font-size: $font-size !default;
-
-$h1-font-family: $font-family !default;
-$h2-font-family: $font-family !default;
-$h3-font-family: $font-family !default;
-$h4-font-family: $font-family !default;
-$h5-font-family: $font-family !default;
-$h6-font-family: $font-family !default;
-
-$h1-line-height: 54px !default;
-$h2-line-height: 46px !default;
-$h3-line-height: 42px !default;
-$h4-line-height: 32px !default;
-$h5-line-height: 26px !default;
-$h6-line-height: 20px !default;
-
-$h1-font-weight: $font-weight-normal !default;
-$h2-font-weight: $font-weight-normal !default;
-$h3-font-weight: $font-weight-normal !default;
-$h4-font-weight: $font-weight-bold !default;
-$h5-font-weight: $font-weight-bold !default;
-$h6-font-weight: $font-weight-bold !default;
-
-$h1-letter-spacing: null !default;
-$h2-letter-spacing: null !default;
-$h3-letter-spacing: null !default;
-$h4-letter-spacing: null !default;
-$h5-letter-spacing: null !default;
-$h6-letter-spacing: null !default;
-
-$h1-margin: 0 0 $font-size !default;
-$h2-margin: 0 0 $font-size !default;
-$h3-margin: 0 0 $font-size !default;
-$h4-margin: 0 0 $font-size !default;
-$h5-margin: 0 0 $font-size !default;
-$h6-margin: 0 0 $font-size !default;
+$kendo-h1-font-size: ($kendo-font-size-md * 3) !default;
+$kendo-h2-font-size: 34px !default;
+$kendo-h3-font-size: ($kendo-font-size-md * 2) !default;
+$kendo-h4-font-size: 22px !default;
+$kendo-h5-font-size: $kendo-font-size-lg !default;
+$kendo-h6-font-size: $kendo-font-size-md !default;
+
+$kendo-h1-font-family: $kendo-font-family !default;
+$kendo-h2-font-family: $kendo-font-family !default;
+$kendo-h3-font-family: $kendo-font-family !default;
+$kendo-h4-font-family: $kendo-font-family !default;
+$kendo-h5-font-family: $kendo-font-family !default;
+$kendo-h6-font-family: $kendo-font-family !default;
+
+$kendo-h1-line-height: 54px !default;
+$kendo-h2-line-height: 46px !default;
+$kendo-h3-line-height: 42px !default;
+$kendo-h4-line-height: 32px !default;
+$kendo-h5-line-height: 26px !default;
+$kendo-h6-line-height: 20px !default;
+
+$kendo-h1-font-weight: $kendo-font-weight-normal !default;
+$kendo-h2-font-weight: $kendo-font-weight-normal !default;
+$kendo-h3-font-weight: $kendo-font-weight-normal !default;
+$kendo-h4-font-weight: $kendo-font-weight-bold !default;
+$kendo-h5-font-weight: $kendo-font-weight-bold !default;
+$kendo-h6-font-weight: $kendo-font-weight-bold !default;
+
+$kendo-h1-letter-spacing: null !default;
+$kendo-h2-letter-spacing: null !default;
+$kendo-h3-letter-spacing: null !default;
+$kendo-h4-letter-spacing: null !default;
+$kendo-h5-letter-spacing: null !default;
+$kendo-h6-letter-spacing: null !default;
+
+$kendo-h1-margin: 0 0 $kendo-font-size-md !default;
+$kendo-h2-margin: 0 0 $kendo-font-size-md !default;
+$kendo-h3-margin: 0 0 $kendo-font-size-md !default;
+$kendo-h4-margin: 0 0 $kendo-font-size-md !default;
+$kendo-h5-margin: 0 0 $kendo-font-size-md !default;
+$kendo-h6-margin: 0 0 $kendo-font-size-md !default;
 
 
 // Paragraph
-$paragraph-margin: 0 0 $font-size !default;
-$paragraph-font-size: $font-size !default;
-$paragraph-font-family: $font-family !default;
-$paragraph-line-height: 20px !default;
-$paragraph-font-weight: $font-weight-normal !default;
-$paragraph-letter-spacing: null !default;
+$kendo-paragraph-margin: 0 0 $kendo-font-size-md !default;
+$kendo-paragraph-font-size: $kendo-font-size-md !default;
+$kendo-paragraph-font-family: $kendo-font-family !default;
+$kendo-paragraph-line-height: 20px !default;
+$kendo-paragraph-font-weight: $kendo-font-weight-normal !default;
+$kendo-paragraph-letter-spacing: null !default;
 
 
 // Code
-$code-font-size: $font-size !default;
-$code-font-family: $font-family-monospace !default;
-$code-line-height: 20px !default;
-$code-font-weight: $font-weight-normal !default;
-$code-letter-spacing: null !default;
-
-$code-padding-x: 4px !default;
-$code-padding-y: 0px !default;
-$pre-padding-x: 24px !default;
-$pre-padding-y: 16px !default;
-$code-border-width: 1px !default;
+$kendo-code-font-size: $kendo-font-size-md !default;
+$kendo-code-font-family: $kendo-font-family-monospace !default;
+$kendo-code-line-height: 20px !default;
+$kendo-code-font-weight: $kendo-font-weight-normal !default;
+$kendo-code-letter-spacing: null !default;
 
-$code-bg: $base-bg !default;
-$code-text: $kendo-component-text !default;
-$code-border: $kendo-component-border !default;
+$kendo-code-padding-x: 4px !default;
+$kendo-code-padding-y: 0px !default;
+$kendo-pre-padding-x: 24px !default;
+$kendo-pre-padding-y: 16px !default;
+$kendo-code-border-width: 1px !default;
 
-// Link
-$link-text: $kendo-color-primary !default;
-$link-hover-text: $kendo-color-primary-darker !default;
+$kendo-code-bg: $kendo-base-bg !default;
+$kendo-code-text: $kendo-component-text !default;
+$kendo-code-border: $kendo-component-border !default;
 
 
 // Display
-$display1-font-size: ($font-size * 6) !default;
-$display2-font-size: ($font-size * 5) !default;
-$display3-font-size: ($font-size * 4) !default;
-$display4-font-size: ($font-size * 3) !default;
-
-$display1-font-family: $font-family !default;
-$display2-font-family: $font-family !default;
-$display3-font-family: $font-family !default;
-$display4-font-family: $font-family !default;
-
-$display1-line-height: 1.2 !default;
-$display2-line-height: 1.2 !default;
-$display3-line-height: 1.2 !default;
-$display4-line-height: 1.2 !default;
-
-$display1-font-weight: $font-weight-light !default;
-$display2-font-weight: $font-weight-light !default;
-$display3-font-weight: $font-weight-light !default;
-$display4-font-weight: $font-weight-light !default;
-
-$display1-letter-spacing: null !default;
-$display2-letter-spacing: null !default;
-$display3-letter-spacing: null !default;
-$display4-letter-spacing: null !default;
+$kendo-display1-font-size: ($kendo-font-size-md * 6) !default;
+$kendo-display2-font-size: ($kendo-font-size-md * 5) !default;
+$kendo-display3-font-size: ($kendo-font-size-md * 4) !default;
+$kendo-display4-font-size: ($kendo-font-size-md * 3) !default;
+
+$kendo-display1-font-family: $kendo-font-family !default;
+$kendo-display2-font-family: $kendo-font-family !default;
+$kendo-display3-font-family: $kendo-font-family !default;
+$kendo-display4-font-family: $kendo-font-family !default;
+
+$kendo-display1-line-height: 1.2 !default;
+$kendo-display2-line-height: 1.2 !default;
+$kendo-display3-line-height: 1.2 !default;
+$kendo-display4-line-height: 1.2 !default;
+
+$kendo-display1-font-weight: $kendo-font-weight-light !default;
+$kendo-display2-font-weight: $kendo-font-weight-light !default;
+$kendo-display3-font-weight: $kendo-font-weight-light !default;
+$kendo-display4-font-weight: $kendo-font-weight-light !default;
+
+$kendo-display1-letter-spacing: null !default;
+$kendo-display2-letter-spacing: null !default;
+$kendo-display3-letter-spacing: null !default;
+$kendo-display4-letter-spacing: null !default;

package/scss/upload/_index.scss

@@ -7,7 +7,6 @@
 @import "../action-buttons/_index.scss";
 @import "../icons/_index.scss";
 @import "../dropzone/_index.scss";
-@import "../toolbar/_variables.scss";
 
 
 // Component

package/scss/upload/_variables.scss

@@ -1,8 +1,9 @@
 // Upload
+
 $kendo-upload-border-width: 1px !default;
-$kendo-upload-font-family: $font-family !default;
-$kendo-upload-font-size: $font-size !default;
-$kendo-upload-line-height: $line-height !default;
+$kendo-upload-font-family: $kendo-font-family !default;
+$kendo-upload-font-size: $kendo-font-size-md !default;
+$kendo-upload-line-height: $kendo-line-height-md !default;
 $kendo-upload-max-height: 300px !default;
 
 $kendo-upload-bg: $kendo-component-bg !default;
@@ -25,14 +26,14 @@ $kendo-upload-item-padding-y: k-map-get( $kendo-spacing, 2 ) !default;
 $kendo-upload-multiple-items-spacing: 12px !default;
 
 $kendo-upload-validation-font-size: 11px !default;
-$kendo-upload-icon-spacing: $icon-spacing !default;
+$kendo-upload-icon-spacing: $kendo-icon-spacing !default;
 $kendo-upload-icon-color: $kendo-subtle-text !default;
 
 $kendo-upload-item-image-width: 30px !default;
 $kendo-upload-item-image-height: 30px !default;
 $kendo-upload-item-image-border: 0px !default; // TODO: remove
 
-$kendo-upload-group-icon-size: $icon-size-lg !default;
+$kendo-upload-group-icon-size: $kendo-icon-size-xxl !default;
 
 $kendo-upload-progress-thickness: 2px !default;
 $kendo-upload-progress-bg: $kendo-color-info !default;

package/scss/utils/_index.scss

@@ -2,29 +2,7 @@
 
 
 // Dependencies
-@import "../typography/_variables.scss";
 
 
 // Component
-// @import "./_aspect-ratio.scss";
-// @import "./_border.scss";
-// @import "./_display.scss";
-// @import "./_flex.scss";
-// @import "./_float.scss";
-// @import "./_grid.scss";
-// @import "./_order.scss";
-// @import "./_overflow.scss";
-// @import "./_pointer-events.scss";
-// @import "./_position.scss";
-// @import "./_resize.scss";
-// @import "./_spacing.scss";
-// @import "./_spacer.scss";
-// @import "./_table-layout.scss";
-@import "./_text.scss";
-@import "./_theme-colors.scss";
-// @import "./_touch-action.scss";
-// @import "./_transform.scss";
-// @import "./_user-select.scss";
-
-
 @import "@progress/kendo-theme-utils/scss/all.scss";

package/scss/window/_variables.scss

@@ -1,16 +1,20 @@
+@import "../action-buttons/_variables.scss";
+
+
 // Window
+
 $kendo-window-border-width: 1px !default;
 $kendo-window-border-radius: k-map-get( $kendo-spacing, 1 ) !default;
-$kendo-window-font-family: $font-family !default;
-$kendo-window-font-size: $font-size !default;
-$kendo-window-line-height: $line-height !default;
+$kendo-window-font-family: $kendo-font-family !default;
+$kendo-window-font-size: $kendo-font-size-md !default;
+$kendo-window-line-height: $kendo-line-height-md !default;
 
 $kendo-window-titlebar-padding-x: k-map-get( $kendo-spacing, 3 ) !default;
 $kendo-window-titlebar-padding-y: k-map-get( $kendo-spacing, 2 ) !default;
 $kendo-window-titlebar-border-width: 0 0 1px !default;
 $kendo-window-titlebar-border-style: solid !default;
 
-$kendo-window-title-font-size: $font-size-lg !default;
+$kendo-window-title-font-size: $kendo-font-size-lg !default;
 $kendo-window-title-line-height: 1.25 !default;
 
 $kendo-window-actions-gap: null !default;
@@ -21,8 +25,8 @@ $kendo-window-action-hover-opacity: null !default;
 $kendo-window-inner-padding-x: k-map-get( $kendo-spacing, 3 ) !default;
 $kendo-window-inner-padding-y: k-map-get( $kendo-spacing, 3 ) !default;
 
-$kendo-window-buttongroup-padding-x: $actions-padding-x !default;
-$kendo-window-buttongroup-padding-y: $actions-padding-y !default;
+$kendo-window-buttongroup-padding-x: $kendo-actions-padding-x !default;
+$kendo-window-buttongroup-padding-y: $kendo-actions-padding-y !default;
 $kendo-window-buttongroup-border-width: 1px !default;
 
 $kendo-window-bg: $kendo-component-bg !default;

package/scss/wizard/_variables.scss

@@ -1,13 +1,13 @@
 // Wizard
-$wizard-padding-x: $kendo-padding-md-x * 2.5 !default;
-$wizard-padding-y: $wizard-padding-x !default;
-$wizard-content-padding-x: $kendo-padding-md-x * 4 !default;
-$wizard-content-padding-y: $kendo-padding-md-y * 8 !default;
-$wizard-buttons-margin-x: 10px !default;
+$kendo-wizard-padding-x: $kendo-padding-md-x * 2.5 !default;
+$kendo-wizard-padding-y: $kendo-wizard-padding-x !default;
+$kendo-wizard-content-padding-x: $kendo-padding-md-x * 4 !default;
+$kendo-wizard-content-padding-y: $kendo-padding-md-y * 8 !default;
+$kendo-wizard-buttons-margin-x: 10px !default;
 
-$wizard-border-width: 0px !default;
-$wizard-font-size: $font-size !default;
-$wizard-line-height: $line-height !default;
-$wizard-font-family: $font-family !default;
+$kendo-wizard-border-width: 0px !default;
+$kendo-wizard-font-size: $kendo-font-size-md !default;
+$kendo-wizard-line-height: $kendo-line-height-md !default;
+$kendo-wizard-font-family: $kendo-font-family !default;
 
-$wizard-step-focus-border: #656565 !default;
+$kendo-wizard-step-focus-border: #656565 !default;

package/scss/utils/_aspect-ratio.scss

@@ -1 +0,0 @@
-@import "@progress/kendo-theme-default/scss/utils/_aspect-ratio.scss";

package/scss/utils/_border.scss

@@ -1,10 +0,0 @@
-$utils-border-radius: (
-    default: $kendo-border-radius-md,
-    0: 0,
-    sm: $kendo-border-radius-sm,
-    md: $kendo-border-radius-md,
-    lg: $kendo-border-radius-lg,
-    full: 9999px
-) !default;
-
-@import "@progress/kendo-theme-default/scss/utils/_border.scss";

package/scss/utils/_display.scss

@@ -1 +0,0 @@
-@import "@progress/kendo-theme-default/scss/utils/_display.scss";