@progress/kendo-theme-classic 9.1.1-dev.1 → 10.0.0-dev.0

package/scss/tooltip/_index.scss

@@ -1,42 +1,22 @@
-@import "../core/_index.scss";
-@import "../utils/_index.scss";
-
-
-// Module meta
-$_kendo-module-meta: (
-    name: "tooltip",
-    dependencies: (
-        "icon",
-        "popup"
-    )
-);
-
-
 // Dependencies
-@import "../popup/_index.scss";
-@import "../icons/_index.scss";
-
+@use "../core/_index.scss" as *;
+@use "../icons/_index.scss" as *;
+@use "../utils/_index.scss" as *;
+@use "../popup/_index.scss" as *;
 
 // Component
-@import "./_variables.scss";
-@import "./_layout.scss";
-@import "./_theme.scss";
-
-
-// Register
-@import "../core/module-system/index.import.scss";
-@include module-register( $_kendo-module-meta... );
-
+@forward "./_variables.scss";
+@use "./_layout.scss" as *;
+@use "./_theme.scss" as *;
 
 // Expose
 @mixin kendo-tooltip--styles() {
-    @include module-render( "tooltip" ) {
+    @include import-once( "tooltip" ) {
+        @include core-styles();
+        @include kendo-popup--styles();
+        @include kendo-icon--styles();
         @include kendo-tooltip--layout();
         @include kendo-tooltip--theme();
         @include kendo-utils--typography--text-color();
     }
 }
-
-@if $kendo-auto-bootstrap {
-    @include kendo-tooltip--styles();
-}

package/scss/tooltip/_layout.scss

@@ -1,4 +1,4 @@
-@import "@progress/kendo-theme-default/scss/tooltip/_layout.scss";
+@use "@progress/kendo-theme-default/scss/tooltip/_layout.scss" as *;
 
 
 @mixin kendo-tooltip--layout() {

package/scss/tooltip/_theme.scss

@@ -1,4 +1,4 @@
-@import "@progress/kendo-theme-default/scss/tooltip/_theme.scss";
+@use "@progress/kendo-theme-default/scss/tooltip/_theme.scss" as *;
 
 
 @mixin kendo-tooltip--theme() {

package/scss/tooltip/_variables.scss

@@ -1,11 +1,15 @@
+@use "../core/_index.scss" as *;
+@use "./_functions.scss" as *;
+@use "../core/functions/index.import.scss" as *;
+
 // Tooltip
 
 /// The vertical padding of the Tooltip.
 /// @group tooltip
-$kendo-tooltip-padding-y: $kendo-padding-md-y !default;
+$kendo-tooltip-padding-y: k-spacing(1) !default;
 /// The horizontal padding of the Tooltip.
 /// @group tooltip
-$kendo-tooltip-padding-x: $kendo-padding-md-x !default;
+$kendo-tooltip-padding-x: k-spacing(2) !default;
 /// The width of the border around the Tooltip.
 /// @group tooltip
 $kendo-tooltip-border-width: 0px !default;
@@ -48,23 +52,29 @@ $kendo-tooltip-border: $kendo-tooltip-bg !default;
 /// @group tooltip
 $kendo-tooltip-shadow: k-elevation(2) !default;
 
-@function tooltip-theme( $colors ) {
-    $_theme: ();
-
-    @each $name, $color in $colors {
-        $_theme: k-map-merge(( $name: (
-            color: if($kendo-enable-color-system, k-color( on-#{$name} ), k-contrast-legacy( $color )),
-            background-color: $color,
-            border: $color,
-        )), $_theme );
-    }
-
-    @return $_theme;
-}
-
 /// The theme colors map for the Tooltip.
 /// @group tooltip
 $kendo-tooltip-theme-colors: $kendo-theme-colors !default;
 /// The generated theme colors map for the Tooltip.
 /// @group tooltip
 $kendo-tooltip-theme: tooltip-theme( $kendo-tooltip-theme-colors ) !default;
+
+
+@forward "@progress/kendo-theme-default/scss/tooltip/_variables.scss" with (
+    $kendo-tooltip-padding-y: $kendo-tooltip-padding-y,
+    $kendo-tooltip-padding-x: $kendo-tooltip-padding-x,
+    $kendo-tooltip-border-width: $kendo-tooltip-border-width,
+    $kendo-tooltip-border-radius: $kendo-tooltip-border-radius,
+    $kendo-tooltip-font-family: $kendo-tooltip-font-family,
+    $kendo-tooltip-font-size: $kendo-tooltip-font-size,
+    $kendo-tooltip-line-height: $kendo-tooltip-line-height,
+    $kendo-tooltip-title-font-size: $kendo-tooltip-title-font-size,
+    $kendo-tooltip-title-line-height: $kendo-tooltip-title-line-height,
+    $kendo-tooltip-callout-size: $kendo-tooltip-callout-size,
+    $kendo-tooltip-bg: $kendo-tooltip-bg,
+    $kendo-tooltip-text: $kendo-tooltip-text,
+    $kendo-tooltip-border: $kendo-tooltip-border,
+    $kendo-tooltip-shadow: $kendo-tooltip-shadow,
+    $kendo-tooltip-theme-colors: $kendo-tooltip-theme-colors,
+    $kendo-tooltip-theme: $kendo-tooltip-theme
+);

package/scss/treelist/_index.scss

@@ -1,40 +1,20 @@
-@import "../core/_index.scss";
-
-// Module meta
-$_kendo-module-meta: (
-    name: "treelist",
-    dependencies: (
-        "grid",
-        "icon"
-    )
-);
-
-
 // Dependencies
-// @import "../utils/_text.scss";
-@import "../grid/_index.scss";
-@import "../icons/_index.scss";
-
+@use "../core/_index.scss" as *;
+@use "../icons/_index.scss" as *;
+@use "../grid/_index.scss" as *;
 
 // Component
-@import "./_variables.scss";
-@import "./_layout.scss";
-@import "./_theme.scss";
-
-
-// Register
-@import "../core/module-system/index.import.scss";
-@include module-register( $_kendo-module-meta... );
-
+@forward "./_variables.scss";
+@use "./_layout.scss" as *;
+@use "./_theme.scss" as *;
 
 // Expose
 @mixin kendo-treelist--styles() {
-    @include module-render( "treelist" ) {
+    @include import-once( "treelist" ) {
+        @include core-styles();
+        @include kendo-grid--styles();
+        @include kendo-icon--styles();
         @include kendo-treelist--layout();
         @include kendo-treelist--theme();
     }
 }
-
-@if $kendo-auto-bootstrap {
-    @include kendo-treelist--styles();
-}

package/scss/treelist/_layout.scss

@@ -1,4 +1,4 @@
-@import "@progress/kendo-theme-default/scss/treelist/_layout.scss";
+@use "@progress/kendo-theme-default/scss/treelist/_layout.scss" as *;
 
 
 @mixin kendo-treelist--layout() {

package/scss/treelist/_theme.scss

@@ -1,4 +1,4 @@
-@import "@progress/kendo-theme-default/scss/treelist/_theme.scss";
+@use "@progress/kendo-theme-default/scss/treelist/_theme.scss" as *;
 
 
 @mixin kendo-treelist--theme() {

package/scss/treelist/_variables.scss

@@ -1,3 +1,5 @@
+@use "../grid/_variables.scss" as *;
+
 // Treelist
 
 /// The background color of the TreeList footer row.
@@ -6,3 +8,9 @@ $kendo-treelist-footer-row-bg: $kendo-grid-hover-bg !default;
 /// The border width of the TreeList footer row.
 /// @group treelist
 $kendo-treelist-footer-row-border-width: 1px !default;
+
+
+@forward "@progress/kendo-theme-default/scss/treelist/_variables.scss" with (
+    $kendo-treelist-footer-row-bg: $kendo-treelist-footer-row-bg,
+    $kendo-treelist-footer-row-border-width: $kendo-treelist-footer-row-border-width
+);

package/scss/treeview/_index.scss

@@ -1,40 +1,20 @@
-@import "../core/_index.scss";
-
-
-// Module meta
-$_kendo-module-meta: (
-    name: "treeview",
-    dependencies: (
-        "checkbox",
-        "icon"
-    )
-);
-
-
 // Dependencies
-@import "../checkbox/_index.scss";
-@import "../icons/_index.scss";
-
+@use "../core/_index.scss" as *;
+@use "../icons/_index.scss" as *;
+@use "../checkbox/_index.scss" as *;
 
 // Component
-@import "./_variables.scss";
-@import "./_layout.scss";
-@import "./_theme.scss";
-
-
-// Register
-@import "../core/module-system/index.import.scss";
-@include module-register( $_kendo-module-meta... );
-
+@forward "./_variables.scss";
+@use "./_layout.scss" as *;
+@use "./_theme.scss" as *;
 
 // Expose
 @mixin kendo-treeview--styles() {
-    @include module-render( "treeview" ) {
+    @include import-once( "treeview" ) {
+        @include core-styles();
+        @include kendo-checkbox--styles();
+        @include kendo-icon--styles();
         @include kendo-treeview--layout();
         @include kendo-treeview--theme();
     }
 }
-
-@if $kendo-auto-bootstrap {
-    @include kendo-treeview--styles();
-}

package/scss/treeview/_layout.scss

@@ -1,4 +1,4 @@
-@import "@progress/kendo-theme-default/scss/treeview/_layout.scss";
+@use "@progress/kendo-theme-default/scss/treeview/_layout.scss" as *;
 
 
 @mixin kendo-treeview--layout() {

package/scss/treeview/_theme.scss

@@ -1,4 +1,4 @@
-@import "@progress/kendo-theme-default/scss/treeview/_theme.scss";
+@use "@progress/kendo-theme-default/scss/treeview/_theme.scss" as *;
 
 
 @mixin kendo-treeview--theme() {

package/scss/treeview/_variables.scss

@@ -1,3 +1,5 @@
+@use "../core/_index.scss" as *;
+
 // TreeView
 
 /// The font family of the TreeView.
@@ -185,3 +187,56 @@ $kendo-treeview-loadmore-focus-border: null !default;
 /// @group treeview
 $kendo-treeview-loadmore-focus-shadow: $kendo-treeview-item-focus-shadow !default;
 
+
+
+@forward "@progress/kendo-theme-default/scss/treeview/_variables.scss" with (
+    $kendo-treeview-font-family: $kendo-treeview-font-family,
+    $kendo-treeview-font-size: $kendo-treeview-font-size,
+    $kendo-treeview-sm-font-size: $kendo-treeview-sm-font-size,
+    $kendo-treeview-md-font-size: $kendo-treeview-md-font-size,
+    $kendo-treeview-lg-font-size: $kendo-treeview-lg-font-size,
+    $kendo-treeview-line-height: $kendo-treeview-line-height,
+    $kendo-treeview-sm-line-height: $kendo-treeview-sm-line-height,
+    $kendo-treeview-md-line-height: $kendo-treeview-md-line-height,
+    $kendo-treeview-lg-line-height: $kendo-treeview-lg-line-height,
+    $kendo-treeview-indent: $kendo-treeview-indent,
+    $kendo-treeview-item-padding-x: $kendo-treeview-item-padding-x,
+    $kendo-treeview-sm-item-padding-x: $kendo-treeview-sm-item-padding-x,
+    $kendo-treeview-md-item-padding-x: $kendo-treeview-md-item-padding-x,
+    $kendo-treeview-lg-item-padding-x: $kendo-treeview-lg-item-padding-x,
+    $kendo-treeview-item-padding-y: $kendo-treeview-item-padding-y,
+    $kendo-treeview-sm-item-padding-y: $kendo-treeview-sm-item-padding-y,
+    $kendo-treeview-md-item-padding-y: $kendo-treeview-md-item-padding-y,
+    $kendo-treeview-lg-item-padding-y: $kendo-treeview-lg-item-padding-y,
+    $kendo-treeview-item-border-width: $kendo-treeview-item-border-width,
+    $kendo-treeview-item-border-radius: $kendo-treeview-item-border-radius,
+    $kendo-treeview-sm-checkbox-padding-x: $kendo-treeview-sm-checkbox-padding-x,
+    $kendo-treeview-md-checkbox-padding-x: $kendo-treeview-md-checkbox-padding-x,
+    $kendo-treeview-lg-checkbox-padding-x: $kendo-treeview-lg-checkbox-padding-x,
+    $kendo-treeview-sm-checkbox-padding-y: $kendo-treeview-sm-checkbox-padding-y,
+    $kendo-treeview-md-checkbox-padding-y: $kendo-treeview-md-checkbox-padding-y,
+    $kendo-treeview-lg-checkbox-padding-y: $kendo-treeview-lg-checkbox-padding-y,
+    $kendo-treeview-sizes: $kendo-treeview-sizes,
+    $kendo-treeview-bg: $kendo-treeview-bg,
+    $kendo-treeview-text: $kendo-treeview-text,
+    $kendo-treeview-border: $kendo-treeview-border,
+    $kendo-treeview-item-hover-bg: $kendo-treeview-item-hover-bg,
+    $kendo-treeview-item-hover-text: $kendo-treeview-item-hover-text,
+    $kendo-treeview-item-hover-border: $kendo-treeview-item-hover-border,
+    $kendo-treeview-item-hover-gradient: $kendo-treeview-item-hover-gradient,
+    $kendo-treeview-item-selected-bg: $kendo-treeview-item-selected-bg,
+    $kendo-treeview-item-selected-text: $kendo-treeview-item-selected-text,
+    $kendo-treeview-item-selected-border: $kendo-treeview-item-selected-border,
+    $kendo-treeview-item-selected-gradient: $kendo-treeview-item-selected-gradient,
+    $kendo-treeview-item-focus-shadow: $kendo-treeview-item-focus-shadow,
+    $kendo-treeview-loadmore-bg: $kendo-treeview-loadmore-bg,
+    $kendo-treeview-loadmore-text: $kendo-treeview-loadmore-text,
+    $kendo-treeview-loadmore-border: $kendo-treeview-loadmore-border,
+    $kendo-treeview-loadmore-hover-bg: $kendo-treeview-loadmore-hover-bg,
+    $kendo-treeview-loadmore-hover-text: $kendo-treeview-loadmore-hover-text,
+    $kendo-treeview-loadmore-hover-border: $kendo-treeview-loadmore-hover-border,
+    $kendo-treeview-loadmore-focus-bg: $kendo-treeview-loadmore-focus-bg,
+    $kendo-treeview-loadmore-focus-text: $kendo-treeview-loadmore-focus-text,
+    $kendo-treeview-loadmore-focus-border: $kendo-treeview-loadmore-focus-border,
+    $kendo-treeview-loadmore-focus-shadow: $kendo-treeview-loadmore-focus-shadow
+);

package/scss/typography/_index.scss

@@ -1,38 +1,19 @@
-@import "../core/_index.scss";
-@import "../utils/_index.scss";
-
-
-// Module meta
-$_kendo-module-meta: (
-    name: "typography",
-    dependencies: ()
-);
-
-
 // Dependencies
-
+@use "../core/_index.scss" as *;
+@use "../utils/_index.scss" as *;
 
 // Component
-@import "./_variables.scss";
-@import "./_layout.scss";
-@import "./_theme.scss";
-
-
-// Register
-@import "../core/module-system/index.import.scss";
-@include module-register( $_kendo-module-meta... );
-
+@forward "./_variables.scss";
+@use "./_layout.scss" as *;
+@use "./_theme.scss" as *;
 
 // Expose
 @mixin kendo-typography--styles() {
-    @include module-render( "typography" ) {
+    @include import-once( "typography" ) {
+        @include core-styles();
         @include kendo-typography--layout();
         @include kendo-typography--theme();
         @include kendo-utils--spacing--margin();
         @include kendo-utils--typography();
     }
 }
-
-@if $kendo-auto-bootstrap {
-    @include kendo-typography--styles();
-}

package/scss/typography/_layout.scss

@@ -1,4 +1,4 @@
-@import "@progress/kendo-theme-default/scss/typography/_layout.scss";
+@use "@progress/kendo-theme-default/scss/typography/_layout.scss" as *;
 
 
 @mixin kendo-typography--layout() {

package/scss/typography/_theme.scss

@@ -1,4 +1,4 @@
-@import "@progress/kendo-theme-default/scss/typography/_theme.scss";
+@use "@progress/kendo-theme-default/scss/typography/_theme.scss" as *;
 
 
 @mixin kendo-typography--theme() {

package/scss/typography/_variables.scss

@@ -1,5 +1,6 @@
-// Typography
+@use "../core/_index.scss" as *;
 
+// Typography
 
 // Headings
 
@@ -333,3 +334,84 @@ $kendo-display: (
         letter-spacing: $kendo-display4-letter-spacing
     )
 ) !default;
+
+
+@forward "@progress/kendo-theme-default/scss/typography/_variables.scss" with (
+    $kendo-h1-font-size: $kendo-h1-font-size,
+    $kendo-h2-font-size: $kendo-h2-font-size,
+    $kendo-h3-font-size: $kendo-h3-font-size,
+    $kendo-h4-font-size: $kendo-h4-font-size,
+    $kendo-h5-font-size: $kendo-h5-font-size,
+    $kendo-h6-font-size: $kendo-h6-font-size,
+    $kendo-h1-font-family: $kendo-h1-font-family,
+    $kendo-h2-font-family: $kendo-h2-font-family,
+    $kendo-h3-font-family: $kendo-h3-font-family,
+    $kendo-h4-font-family: $kendo-h4-font-family,
+    $kendo-h5-font-family: $kendo-h5-font-family,
+    $kendo-h6-font-family: $kendo-h6-font-family,
+    $kendo-h1-line-height: $kendo-h1-line-height,
+    $kendo-h2-line-height: $kendo-h2-line-height,
+    $kendo-h3-line-height: $kendo-h3-line-height,
+    $kendo-h4-line-height: $kendo-h4-line-height,
+    $kendo-h5-line-height: $kendo-h5-line-height,
+    $kendo-h6-line-height: $kendo-h6-line-height,
+    $kendo-h1-font-weight: $kendo-h1-font-weight,
+    $kendo-h2-font-weight: $kendo-h2-font-weight,
+    $kendo-h3-font-weight: $kendo-h3-font-weight,
+    $kendo-h4-font-weight: $kendo-h4-font-weight,
+    $kendo-h5-font-weight: $kendo-h5-font-weight,
+    $kendo-h6-font-weight: $kendo-h6-font-weight,
+    $kendo-h1-letter-spacing: $kendo-h1-letter-spacing,
+    $kendo-h2-letter-spacing: $kendo-h2-letter-spacing,
+    $kendo-h3-letter-spacing: $kendo-h3-letter-spacing,
+    $kendo-h4-letter-spacing: $kendo-h4-letter-spacing,
+    $kendo-h5-letter-spacing: $kendo-h5-letter-spacing,
+    $kendo-h6-letter-spacing: $kendo-h6-letter-spacing,
+    $kendo-h1-margin: $kendo-h1-margin,
+    $kendo-h2-margin: $kendo-h2-margin,
+    $kendo-h3-margin: $kendo-h3-margin,
+    $kendo-h4-margin: $kendo-h4-margin,
+    $kendo-h5-margin: $kendo-h5-margin,
+    $kendo-h6-margin: $kendo-h6-margin,
+    $kendo-headings: $kendo-headings,
+    $kendo-paragraph-margin: $kendo-paragraph-margin,
+    $kendo-paragraph-font-size: $kendo-paragraph-font-size,
+    $kendo-paragraph-font-family: $kendo-paragraph-font-family,
+    $kendo-paragraph-line-height: $kendo-paragraph-line-height,
+    $kendo-paragraph-font-weight: $kendo-paragraph-font-weight,
+    $kendo-paragraph-letter-spacing: $kendo-paragraph-letter-spacing,
+    $kendo-code-font-size: $kendo-code-font-size,
+    $kendo-code-font-family: $kendo-code-font-family,
+    $kendo-code-line-height: $kendo-code-line-height,
+    $kendo-code-font-weight: $kendo-code-font-weight,
+    $kendo-code-letter-spacing: $kendo-code-letter-spacing,
+    $kendo-code-padding-x: $kendo-code-padding-x,
+    $kendo-code-padding-y: $kendo-code-padding-y,
+    $kendo-pre-padding-x: $kendo-pre-padding-x,
+    $kendo-pre-padding-y: $kendo-pre-padding-y,
+    $kendo-code-border-width: $kendo-code-border-width,
+    $kendo-code-bg: $kendo-code-bg,
+    $kendo-code-text: $kendo-code-text,
+    $kendo-code-border: $kendo-code-border,
+    $kendo-display1-font-size: $kendo-display1-font-size,
+    $kendo-display2-font-size: $kendo-display2-font-size,
+    $kendo-display3-font-size: $kendo-display3-font-size,
+    $kendo-display4-font-size: $kendo-display4-font-size,
+    $kendo-display1-font-family: $kendo-display1-font-family,
+    $kendo-display2-font-family: $kendo-display2-font-family,
+    $kendo-display3-font-family: $kendo-display3-font-family,
+    $kendo-display4-font-family: $kendo-display4-font-family,
+    $kendo-display1-line-height: $kendo-display1-line-height,
+    $kendo-display2-line-height: $kendo-display2-line-height,
+    $kendo-display3-line-height: $kendo-display3-line-height,
+    $kendo-display4-line-height: $kendo-display4-line-height,
+    $kendo-display1-font-weight: $kendo-display1-font-weight,
+    $kendo-display2-font-weight: $kendo-display2-font-weight,
+    $kendo-display3-font-weight: $kendo-display3-font-weight,
+    $kendo-display4-font-weight: $kendo-display4-font-weight,
+    $kendo-display1-letter-spacing: $kendo-display1-letter-spacing,
+    $kendo-display2-letter-spacing: $kendo-display2-letter-spacing,
+    $kendo-display3-letter-spacing: $kendo-display3-letter-spacing,
+    $kendo-display4-letter-spacing: $kendo-display4-letter-spacing,
+    $kendo-display: $kendo-display
+);

package/scss/upload/_index.scss

@@ -1,44 +1,28 @@
-@import "../core/_index.scss";
-
-
-// Module meta
-$_kendo-module-meta: (
-    name: "upload",
-    dependencies: (
-        "action-buttons",
-        "button",
-        "dropzone",
-        "icon"
-    )
-);
-
-
 // Dependencies
-@import "../button/_index.scss";
-@import "../action-buttons/_index.scss";
-@import "../icons/_index.scss";
-@import "../dropzone/_index.scss";
-
+@use "../core/_index.scss" as *;
+@use "../icons/_index.scss" as *;
+@use "../button/_index.scss" as *;
+@use "../action-buttons/_index.scss" as *;
+@use "../dropzone/_index.scss" as *;
 
 // Component
-@import "./_variables.scss";
-@import "./_layout.scss";
-@import "./_theme.scss";
+@forward "./_variables.scss";
+@use "./_layout.scss" as *;
+@use "./_theme.scss" as *;
 
 
-// Register
-@import "../core/module-system/index.import.scss";
-@include module-register( $_kendo-module-meta... );
+// Dependencies
 
 
 // Expose
 @mixin kendo-upload--styles() {
-    @include module-render( "upload" ) {
+    @include import-once( "upload" ) {
+        @include core-styles();
+        @include kendo-button--styles();
+        @include kendo-action-buttons--styles();
+        @include kendo-icon--styles();
+        @include kendo-dropzone--styles();
         @include kendo-upload--layout();
         @include kendo-upload--theme();
     }
 }
-
-@if $kendo-auto-bootstrap {
-    @include kendo-upload--styles();
-}

package/scss/upload/_layout.scss

@@ -1,4 +1,4 @@
-@import "@progress/kendo-theme-default/scss/upload/_layout.scss";
+@use "@progress/kendo-theme-default/scss/upload/_layout.scss" as *;
 
 
 @mixin kendo-upload--layout() {

package/scss/upload/_theme.scss

@@ -1,4 +1,4 @@
-@import "@progress/kendo-theme-default/scss/upload/_theme.scss";
+@use "@progress/kendo-theme-default/scss/upload/_theme.scss" as *;
 
 
 @mixin kendo-upload--theme() {

package/scss/upload/_variables.scss

@@ -1,3 +1,6 @@
+@use "../core/_index.scss" as *;
+@use "../icons/_variables.scss" as *;
+
 // Upload
 
 /// The width of the border around the Upload.
@@ -100,3 +103,46 @@ $kendo-upload-error-bg: $kendo-color-error !default;
 /// The shadow of the focused Upload button, actions and uploaded items.
 /// @group upload
 $kendo-upload-focus-shadow: 0 0 0 2px rgba( black, .13 ) !default;
+
+/// The margin of the Upload files list.
+/// @group upload
+$kendo-upload-files-list-margin: calc( -1 * #{k-spacing(1)} ) !default;
+/// The margin of the Upload file info.
+/// @group upload
+$kendo-upload-file-info-margin: k-spacing(2) !default;
+
+
+@forward "@progress/kendo-theme-default/scss/upload/_variables.scss" with (
+    $kendo-upload-border-width: $kendo-upload-border-width,
+    $kendo-upload-font-family: $kendo-upload-font-family,
+    $kendo-upload-font-size: $kendo-upload-font-size,
+    $kendo-upload-line-height: $kendo-upload-line-height,
+    $kendo-upload-max-height: $kendo-upload-max-height,
+    $kendo-upload-text: $kendo-upload-text,
+    $kendo-upload-bg: $kendo-upload-bg,
+    $kendo-upload-border: $kendo-upload-border,
+    $kendo-upload-dropzone-padding-x: $kendo-upload-dropzone-padding-x,
+    $kendo-upload-dropzone-padding-y: $kendo-upload-dropzone-padding-y,
+    $kendo-upload-dropzone-text: $kendo-upload-dropzone-text,
+    $kendo-upload-dropzone-bg: $kendo-upload-dropzone-bg,
+    $kendo-upload-dropzone-border: $kendo-upload-dropzone-border,
+    $kendo-upload-dropzone-hover-bg: $kendo-upload-dropzone-hover-bg,
+    $kendo-upload-status-text: $kendo-upload-status-text,
+    $kendo-upload-status-text-opacity: $kendo-upload-status-text-opacity,
+    $kendo-upload-item-padding-x: $kendo-upload-item-padding-x,
+    $kendo-upload-item-padding-y: $kendo-upload-item-padding-y,
+    $kendo-upload-multiple-items-spacing: $kendo-upload-multiple-items-spacing,
+    $kendo-upload-validation-font-size: $kendo-upload-validation-font-size,
+    $kendo-upload-validation-line-height: $kendo-upload-validation-line-height,
+    $kendo-upload-icon-spacing: $kendo-upload-icon-spacing,
+    $kendo-upload-icon-color: $kendo-upload-icon-color,
+    $kendo-upload-progress-thickness: $kendo-upload-progress-thickness,
+    $kendo-upload-progress-bg: $kendo-upload-progress-bg,
+    $kendo-upload-success-text: $kendo-upload-success-text,
+    $kendo-upload-success-bg: $kendo-upload-success-bg,
+    $kendo-upload-error-text: $kendo-upload-error-text,
+    $kendo-upload-error-bg: $kendo-upload-error-bg,
+    $kendo-upload-focus-shadow: $kendo-upload-focus-shadow,
+    $kendo-upload-files-list-margin: $kendo-upload-files-list-margin,
+    $kendo-upload-file-info-margin: $kendo-upload-file-info-margin
+);

package/scss/utils/_index.scss

@@ -1 +1 @@
-@import "@progress/kendo-theme-utils/scss/index.import.scss";
+@forward "@progress/kendo-theme-utils/scss/index.import.scss";