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

package/scss/typography/_variables.scss

@@ -1,83 +1,85 @@
-// Typography
+@use "sass:map";
+@use "../core/_index.scss" as *;
 
+// Typography
 
 // Headings
 
 /// The font size of the highest level heading.
 /// @group typography
-$kendo-h1-font-size: $h1-font-size !default;
+$kendo-h1-font-size: $kendo-font-size * 2.5 !default;
 /// The font size of the second highest level heading.
 /// @group typography
-$kendo-h2-font-size: $h2-font-size !default;
+$kendo-h2-font-size: $kendo-font-size * 2 !default;
 /// The font size of the third highest level heading.
 /// @group typography
-$kendo-h3-font-size: $h3-font-size !default;
+$kendo-h3-font-size: $kendo-font-size * 1.75 !default;
 /// The font size of the fourth highest level heading.
 /// @group typography
-$kendo-h4-font-size: $h4-font-size !default;
+$kendo-h4-font-size: $kendo-font-size * 1.5 !default;
 /// The font size of the fifth highest level heading.
 /// @group typography
-$kendo-h5-font-size: $h5-font-size !default;
+$kendo-h5-font-size: $kendo-font-size * 1.25 !default;
 /// The font size of the sixth highest level heading.
 /// @group typography
-$kendo-h6-font-size: $h6-font-size !default;
+$kendo-h6-font-size: $kendo-font-size !default;
 
 /// The font family of the highest level heading.
 /// @group typography
-$kendo-h1-font-family: $headings-font-family !default;
+$kendo-h1-font-family: null !default;
 /// The font family of the second highest level heading.
 /// @group typography
-$kendo-h2-font-family: $headings-font-family !default;
+$kendo-h2-font-family: null !default;
 /// The font family of the third highest level heading.
 /// @group typography
-$kendo-h3-font-family: $headings-font-family !default;
+$kendo-h3-font-family: null !default;
 /// The font family of the fourth highest level heading.
 /// @group typography
-$kendo-h4-font-family: $headings-font-family !default;
+$kendo-h4-font-family: null !default;
 /// The font family of the fifth highest level heading.
 /// @group typography
-$kendo-h5-font-family: $headings-font-family !default;
+$kendo-h5-font-family: null !default;
 /// The font family of the sixth highest level heading.
 /// @group typography
-$kendo-h6-font-family: $headings-font-family !default;
+$kendo-h6-font-family: null !default;
 
 /// The line height of the highest level heading.
 /// @group typography
-$kendo-h1-line-height: $headings-line-height !default;
+$kendo-h1-line-height: 1.2 !default;
 /// The line height of the second highest level heading.
 /// @group typography
-$kendo-h2-line-height: $headings-line-height !default;
+$kendo-h2-line-height: 1.2 !default;
 /// The line height of the third highest level heading.
 /// @group typography
-$kendo-h3-line-height: $headings-line-height !default;
+$kendo-h3-line-height: 1.2 !default;
 /// The line height of the fourth highest level heading.
 /// @group typography
-$kendo-h4-line-height: $headings-line-height !default;
+$kendo-h4-line-height: 1.2 !default;
 /// The line height of the fifth highest level heading.
 /// @group typography
-$kendo-h5-line-height: $headings-line-height !default;
+$kendo-h5-line-height: 1.2 !default;
 /// The line height of the sixth highest level heading.
 /// @group typography
-$kendo-h6-line-height: $headings-line-height !default;
+$kendo-h6-line-height: 1.2 !default;
 
 /// The font weight of the highest level heading.
 /// @group typography
-$kendo-h1-font-weight: $headings-font-weight !default;
+$kendo-h1-font-weight: $kendo-font-weight-medium !default;
 /// The font weight of the second highest level heading.
 /// @group typography
-$kendo-h2-font-weight: $headings-font-weight !default;
+$kendo-h2-font-weight: $kendo-font-weight-medium !default;
 /// The font weight of the third highest level heading.
 /// @group typography
-$kendo-h3-font-weight: $headings-font-weight !default;
+$kendo-h3-font-weight: $kendo-font-weight-medium !default;
 /// The font weight of the fourth highest level heading.
 /// @group typography
-$kendo-h4-font-weight: $headings-font-weight !default;
+$kendo-h4-font-weight: $kendo-font-weight-medium !default;
 /// The font weight of the fifth highest level heading.
 /// @group typography
-$kendo-h5-font-weight: $headings-font-weight !default;
+$kendo-h5-font-weight: $kendo-font-weight-medium !default;
 /// The font weight of the sixth highest level heading.
 /// @group typography
-$kendo-h6-font-weight: $headings-font-weight !default;
+$kendo-h6-font-weight: $kendo-font-weight-medium !default;
 
 /// The letter spacing of the highest level heading.
 /// @group typography
@@ -100,22 +102,22 @@ $kendo-h6-letter-spacing: null !default;
 
 /// The margin of the highest level heading.
 /// @group typography
-$kendo-h1-margin: 0 0 $headings-margin-bottom !default;
+$kendo-h1-margin: 0 0 k-spacing(2) !default;
 /// The margin of the second highest level heading.
 /// @group typography
-$kendo-h2-margin: 0 0 $headings-margin-bottom !default;
+$kendo-h2-margin: 0 0 k-spacing(2) !default;
 /// The margin of the third highest level heading.
 /// @group typography
-$kendo-h3-margin: 0 0 $headings-margin-bottom !default;
+$kendo-h3-margin: 0 0 k-spacing(2) !default;
 /// The margin of the fourth highest level heading.
 /// @group typography
-$kendo-h4-margin: 0 0 $headings-margin-bottom !default;
+$kendo-h4-margin: 0 0 k-spacing(2) !default;
 /// The margin of the fifth highest level heading.
 /// @group typography
-$kendo-h5-margin: 0 0 $headings-margin-bottom !default;
+$kendo-h5-margin: 0 0 k-spacing(2) !default;
 /// The margin of the sixth highest level heading.
 /// @group typography
-$kendo-h6-margin: 0 0 $headings-margin-bottom !default;
+$kendo-h6-margin: 0 0 k-spacing(2) !default;
 ///
 
 /// The headings Map.
@@ -176,7 +178,7 @@ $kendo-headings: (
 
 /// The margin of the paragraph.
 /// @group typography
-$kendo-paragraph-margin: 0 0 $paragraph-margin-bottom !default;
+$kendo-paragraph-margin: 0 0 k-spacing(4) !default;
 /// The font size of the paragraph.
 /// @group typography
 $kendo-paragraph-font-size: var( --kendo-font-size, inherit )  !default;
@@ -243,55 +245,55 @@ $kendo-code-border: $kendo-component-border !default;
 
 /// The font size of the largest display text.
 /// @group typography
-$kendo-display1-font-size: k-map-get( $display-font-sizes, 1) !default;
+$kendo-display1-font-size: calc( #{$kendo-font-size} * 5 ) !default;
 /// The font size of the second largest display text.
 /// @group typography
-$kendo-display2-font-size: k-map-get( $display-font-sizes, 2) !default;
+$kendo-display2-font-size: calc( #{$kendo-font-size} * 4.5 ) !default;
 /// The font size of the third largest display text.
 /// @group typography
-$kendo-display3-font-size: k-map-get( $display-font-sizes, 3) !default;
+$kendo-display3-font-size: calc( #{$kendo-font-size} * 4 ) !default;
 /// The font size of the fourth largest display text.
 /// @group typography
-$kendo-display4-font-size: k-map-get( $display-font-sizes, 4) !default;
+$kendo-display4-font-size: calc( #{$kendo-font-size} * 3.5 ) !default;
 
 /// The font family of the largest display text.
 /// @group typography
-$kendo-display1-font-family: null !default;
+$kendo-display1-font-family: unset !default;
 /// The font family of the second largest display text.
 /// @group typography
-$kendo-display2-font-family: null !default;
+$kendo-display2-font-family: unset !default;
 /// The font family of the third largest display text.
 /// @group typography
-$kendo-display3-font-family: null !default;
+$kendo-display3-font-family: unset !default;
 /// The font family of the fourth largest display text.
 /// @group typography
-$kendo-display4-font-family: null !default;
+$kendo-display4-font-family: unset !default;
 
 /// The line height of the largest display text.
 /// @group typography
-$kendo-display1-line-height: $display-line-height !default;
+$kendo-display1-line-height: 1.2 !default;
 /// The line height of the second largest display text.
 /// @group typography
-$kendo-display2-line-height: $display-line-height !default;
+$kendo-display2-line-height: 1.2 !default;
 /// The line height of the third largest display text.
 /// @group typography
-$kendo-display3-line-height: $display-line-height !default;
+$kendo-display3-line-height: 1.2 !default;
 /// The line height of the fourth largest display text.
 /// @group typography
-$kendo-display4-line-height: $display-line-height !default;
+$kendo-display4-line-height: 1.2 !default;
 
 /// The font weight of the largest display text.
 /// @group typography
-$kendo-display1-font-weight: $display-font-weight !default;
+$kendo-display1-font-weight: $kendo-font-weight-light !default;
 /// The font weight of the second largest display text.
 /// @group typography
-$kendo-display2-font-weight: $display-font-weight !default;
+$kendo-display2-font-weight: $kendo-font-weight-light !default;
 /// The font weight of the third largest display text.
 /// @group typography
-$kendo-display3-font-weight: $display-font-weight !default;
+$kendo-display3-font-weight: $kendo-font-weight-light !default;
 /// The font weight of the fourth largest display text.
 /// @group typography
-$kendo-display4-font-weight: $display-font-weight !default;
+$kendo-display4-font-weight: $kendo-font-weight-light !default;
 
 /// The letter spacing of the largest display text.
 /// @group typography
@@ -337,3 +339,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,7 @@
+@use "../core/_index.scss" as *;
+@use "../icons/_variables.scss" as *;
+@use "../core/functions/index.import.scss" as *;
+
 // Upload
 
 /// The width of the border around the Upload.
@@ -47,7 +51,7 @@ $kendo-upload-dropzone-hover-bg: if($kendo-enable-color-system, k-color( base-su
 
 /// The text color of the Upload status message.
 /// @group upload
-$kendo-upload-status-text: $kendo-subtle-text !default;
+$kendo-upload-status-text: if($kendo-enable-color-system, k-color( subtle ) , $kendo-subtle-text) !default;
 /// The opacity of the Upload status message.
 /// @group upload
 $kendo-upload-status-text-opacity: null !default;
@@ -100,3 +104,42 @@ $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(0, 0, 0, .13) !default;
+
+$kendo-upload-files-list-margin: calc( -1 * #{k-spacing(2)} ) !default;
+
+$kendo-upload-file-info-margin: k-spacing(4) !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";

package/scss/validator/_index.scss

@@ -1,39 +1,24 @@
-@import "../core/_index.scss";
-
-// Module meta
-$_kendo-module-meta: (
-    name: "validator",
-    dependencies: (
-        "icon",
-        "tooltip"
-    )
-);
-
-
 // Dependencies
-@import "../tooltip/_index.scss";
-@import "../icons/_index.scss";
-
+@use "../core/_index.scss" as *;
+@use "../icons/_index.scss" as *;
+@use "../tooltip/_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-validator--styles() {
-    @include module-render( "validator" ) {
+    @include import-once( "validator" ) {
+        @include core-styles();
+        @include kendo-tooltip--styles();
+        @include kendo-icon--styles();
         @include kendo-validator--layout();
         @include kendo-validator--theme();
     }
 }
-
-@if $kendo-auto-bootstrap {
-    @include kendo-validator--styles();
-}

package/scss/validator/_layout.scss

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

package/scss/validator/_theme.scss

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

package/scss/virtual-scroller/_index.scss

@@ -1,35 +1,20 @@
-@import "../core/_index.scss";
-
-
-// Module meta
-$_kendo-module-meta: (
-    name: "virtual-scroller",
-    dependencies: ()
-);
-
-
 // Dependencies
-
+@use "../core/_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-virtual-scroller--styles() {
-    @include module-render( "virtual-scroller" ) {
+    @include import-once( "virtual-scroller" ) {
+        @include core-styles();
         @include kendo-virtual-scroller--layout();
         @include kendo-virtual-scroller--theme();
     }
 }
-
-@if $kendo-auto-bootstrap {
-    @include kendo-virtual-scroller--styles();
-}

package/scss/virtual-scroller/_layout.scss

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

package/scss/virtual-scroller/_theme.scss

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

package/scss/window/_index.scss

@@ -1,46 +1,26 @@
-@import "../core/_index.scss";
-
-
-// Module meta
-$_kendo-module-meta: (
-    name: "window",
-    dependencies: (
-        "action-buttons",
-        "button",
-        "form",
-        "icon",
-        "overlay"
-    )
-);
-
-
 // Dependencies
-@import "../overlay/_index.scss";
-@import "../forms/_index.scss";
-@import "../button/_index.scss";
-@import "../action-buttons/_index.scss";
-@import "../icons/_index.scss";
-
+@use "../core/_index.scss" as *;
+@use "../icons/_index.scss" as *;
+@use "../overlay/_index.scss" as *;
+@use "../forms/_index.scss" as *;
+@use "../button/_index.scss" as *;
+@use "../action-buttons/_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-window--styles() {
-    @include module-render( "window" ) {
+    @include import-once( "window" ) {
+        @include core-styles();
+        @include kendo-overlay--styles();
+        @include kendo-form--styles();
+        @include kendo-button--styles();
+        @include kendo-action-buttons--styles();
+        @include kendo-icon--styles();
         @include kendo-window--layout();
         @include kendo-window--theme();
     }
 }
-
-@if $kendo-auto-bootstrap {
-    @include kendo-window--styles();
-}

package/scss/window/_layout.scss

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

package/scss/window/_theme.scss

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