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

package/scss/splitter/_variables.scss

@@ -1,3 +1,6 @@
+@use "../core/_index.scss" as *;
+@use "../core/functions/index.import.scss" as *;
+
 // Splitter
 
 /// The width of the border around the Splitter.
@@ -62,3 +65,26 @@ $kendo-splitbar-selected-bg: $kendo-selected-bg !default;
 /// The selected text color of the Splitter split bar.
 /// @group splitter
 $kendo-splitbar-selected-text: $kendo-selected-text !default;
+
+
+@forward "@progress/kendo-theme-default/scss/splitter/_variables.scss" with (
+    $kendo-splitter-border-width: $kendo-splitter-border-width,
+    $kendo-splitter-font-family: $kendo-splitter-font-family,
+    $kendo-splitter-font-size: $kendo-splitter-font-size,
+    $kendo-splitter-line-height: $kendo-splitter-line-height,
+    $kendo-splitter-bg: $kendo-splitter-bg,
+    $kendo-splitter-text: $kendo-splitter-text,
+    $kendo-splitter-border: $kendo-splitter-border,
+    $kendo-splitter-splitbar-size: $kendo-splitter-splitbar-size,
+    $kendo-splitter-drag-handle-length: $kendo-splitter-drag-handle-length,
+    $kendo-splitter-drag-handle-thickness: $kendo-splitter-drag-handle-thickness,
+    $kendo-splitter-drag-icon-margin: $kendo-splitter-drag-icon-margin,
+    $kendo-splitter-collapse-icon-padding-x: $kendo-splitter-collapse-icon-padding-x,
+    $kendo-splitter-collapse-icon-padding-y: $kendo-splitter-collapse-icon-padding-y,
+    $kendo-splitbar-bg: $kendo-splitbar-bg,
+    $kendo-splitbar-text: $kendo-splitbar-text,
+    $kendo-splitbar-hover-bg: $kendo-splitbar-hover-bg,
+    $kendo-splitbar-hover-text: $kendo-splitbar-hover-text,
+    $kendo-splitbar-selected-bg: $kendo-splitbar-selected-bg,
+    $kendo-splitbar-selected-text: $kendo-splitbar-selected-text
+);

package/scss/spreadsheet/_index.scss

@@ -1,71 +1,48 @@
-@import "../core/_index.scss";
-@import "../utils/_index.scss";
-
-
-// Module meta
-$_kendo-module-meta: (
-    name: "spreadsheet",
-    dependencies: (
-        "action-buttons",
-        "button",
-        "checkbox",
-        "color-picker",
-        "combobox",
-        "date-time-picker",
-        "dropdown-list",
-        "form",
-        "icon",
-        "input",
-        "list",
-        "menu",
-        "radio",
-        "tabstrip",
-        "toolbar",
-        "treeview",
-        "upload",
-        "window"
-    )
-);
-
-
 // Dependencies
-@import "../button/_index.scss";
-@import "../checkbox/_index.scss";
-@import "../radio/_index.scss";
-@import "../colorpicker/_index.scss";
-@import "../combobox/_index.scss";
-@import "../datetimepicker/_index.scss";
-@import "../dropdownlist/_index.scss";
-@import "../toolbar/_index.scss";
-@import "../upload/_index.scss";
-@import "../menu/_index.scss";
-@import "../window/_index.scss";
-@import "../tabstrip/_index.scss";
-@import "../treeview/_index.scss";
-@import "../icons/_index.scss";
-@import "../list/_index.scss";
-
+@use "../core/_index.scss" as *;
+@use "../icons/_index.scss" as *;
+@use "../utils/_index.scss" as *;
+@use "../button/_index.scss" as *;
+@use "../checkbox/_index.scss" as *;
+@use "../radio/_index.scss" as *;
+@use "../colorpicker/_index.scss" as *;
+@use "../combobox/_index.scss" as *;
+@use "../datetimepicker/_index.scss" as *;
+@use "../dropdownlist/_index.scss" as *;
+@use "../toolbar/_index.scss" as *;
+@use "../upload/_index.scss" as *;
+@use "../menu/_index.scss" as *;
+@use "../window/_index.scss" as *;
+@use "../tabstrip/_index.scss" as *;
+@use "../treeview/_index.scss" as *;
+@use "../list/_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-spreadsheet--styles() {
-    @include module-render( "spreadsheet" ) {
+    @include import-once( "spreadsheet" ) {
+        @include core-styles();
+        @include kendo-button--styles();
+        @include kendo-checkbox--styles();
+        @include kendo-radio--styles();
+        @include kendo-color-picker--styles();
+        @include kendo-combobox--styles();
+        @include kendo-date-time-picker--styles();
+        @include kendo-dropdown-list--styles();
+        @include kendo-toolbar--styles();
+        @include kendo-upload--styles();
+        @include kendo-menu--styles();
+        @include kendo-window--styles();
+        @include kendo-tabstrip--styles();
+        @include kendo-treeview--styles();
+        @include kendo-icon--styles();
+        @include kendo-list--styles();
         @include kendo-spreadsheet--layout();
         @include kendo-spreadsheet--theme();
         @include kendo-utils--flex-grid--order();
     }
 }
-
-@if $kendo-auto-bootstrap {
-    @include kendo-spreadsheet--styles();
-}

package/scss/spreadsheet/_layout.scss

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

package/scss/spreadsheet/_theme.scss

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

package/scss/spreadsheet/_variables.scss

@@ -1,3 +1,7 @@
+@use "../core/_index.scss" as *;
+@use "../icons/_variables.scss" as *;
+@use "../input/_variables.scss" as *;
+
 // Spreadsheet
 
 /// The width of the border around the Spreadsheet.
@@ -82,6 +86,10 @@ $kendo-spreadsheet-formula-input-padding-y: $kendo-input-padding-y !default;
 /// @group spreadsheet
 $kendo-spreadsheet-formula-input-line-height: $kendo-input-line-height !default;
 
+/// The padding of the Spreadsheet formula bar icon.
+/// @group spreadsheet
+$kendo-spreadsheet-formula-bar-icon-padding: k-spacing(1) !default;
+
 /// The font family of the Spreadsheet view.
 /// @group spreadsheet
 $kendo-spreadsheet-view-font-family: Arial, Verdana, sans-serif !default;
@@ -260,3 +268,102 @@ $kendo-spreadsheet-drawing-anchor-bg: if($kendo-enable-color-system, color-mix(i
 /// The vertical spacing of the Spreadsheet DropZone.
 /// @group spreadsheet
 $kendo-spreadsheet-dropzone-spacing-y: k-spacing(4) !default;
+
+/// The padding of the Spreadsheet filter.
+/// @group spreadsheet
+$kendo-spreadsheet-filter-padding: k-spacing(1) !default;
+
+/// The horizontal padding of the Spreadsheet filter menu link.
+/// @group spreadsheet
+$kendo-spreadsheet-filter-menu-link-padding-x: calc( #{$kendo-icon-size} + calc( 2 * #{k-spacing(1)} ) ) !default;
+
+/// The margin of the Spreadsheet filter menu icon.
+/// @group spreadsheet
+$kendo-spreadsheet-filter-menu-icon-margin: 0 k-spacing(1) 0 calc(-1 * ( #{$kendo-icon-size} + #{k-spacing(1)} ) ) !default;
+
+
+@forward "@progress/kendo-theme-default/scss/spreadsheet/_variables.scss" with (
+    $kendo-spreadsheet-border-width: $kendo-spreadsheet-border-width,
+    $kendo-spreadsheet-font-family: $kendo-spreadsheet-font-family,
+    $kendo-spreadsheet-font-size: $kendo-spreadsheet-font-size,
+    $kendo-spreadsheet-line-height: $kendo-spreadsheet-line-height,
+    $kendo-spreadsheet-bg: $kendo-spreadsheet-bg,
+    $kendo-spreadsheet-text: $kendo-spreadsheet-text,
+    $kendo-spreadsheet-border: $kendo-spreadsheet-border,
+    $kendo-spreadsheet-header-bg: $kendo-spreadsheet-header-bg,
+    $kendo-spreadsheet-header-text: $kendo-spreadsheet-header-text,
+    $kendo-spreadsheet-header-border: $kendo-spreadsheet-header-border,
+    $kendo-spreadsheet-header-gradient: $kendo-spreadsheet-header-gradient,
+    $kendo-spreadsheet-table-header-bg: $kendo-spreadsheet-table-header-bg,
+    $kendo-spreadsheet-table-header-text: $kendo-spreadsheet-table-header-text,
+    $kendo-spreadsheet-table-header-border: $kendo-spreadsheet-table-header-border,
+    $kendo-spreadsheet-table-header-gradient: $kendo-spreadsheet-table-header-gradient,
+    $kendo-spreadsheet-action-bar-border-width: $kendo-spreadsheet-action-bar-border-width,
+    $kendo-spreadsheet-action-bar-padding-y: $kendo-spreadsheet-action-bar-padding-y,
+    $kendo-spreadsheet-action-bar-padding-x: $kendo-spreadsheet-action-bar-padding-x,
+    $kendo-spreadsheet-action-bar-font-size: $kendo-spreadsheet-action-bar-font-size,
+    $kendo-spreadsheet-action-bar-font-family: $kendo-spreadsheet-action-bar-font-family,
+    $kendo-spreadsheet-action-bar-spacing: $kendo-spreadsheet-action-bar-spacing,
+    $kendo-spreadsheet-formula-bar-gap: $kendo-spreadsheet-formula-bar-gap,
+    $kendo-spreadsheet-formula-input-padding-x: $kendo-spreadsheet-formula-input-padding-x,
+    $kendo-spreadsheet-formula-input-padding-y: $kendo-spreadsheet-formula-input-padding-y,
+    $kendo-spreadsheet-formula-input-line-height: $kendo-spreadsheet-formula-input-line-height,
+    $kendo-spreadsheet-formula-bar-icon-padding: $kendo-spreadsheet-formula-bar-icon-padding,
+    $kendo-spreadsheet-view-font-family: $kendo-spreadsheet-view-font-family,
+    $kendo-spreadsheet-view-font-size: $kendo-spreadsheet-view-font-size,
+    $kendo-spreadsheet-selection-bg: $kendo-spreadsheet-selection-bg,
+    $kendo-spreadsheet-selection-text: $kendo-spreadsheet-selection-text,
+    $kendo-spreadsheet-selection-border: $kendo-spreadsheet-selection-border,
+    $kendo-spreadsheet-selection-shadow: $kendo-spreadsheet-selection-shadow,
+    $kendo-spreadsheet-single-selection-bg: $kendo-spreadsheet-single-selection-bg,
+    $kendo-spreadsheet-single-selection-text: $kendo-spreadsheet-single-selection-text,
+    $kendo-spreadsheet-single-selection-border: $kendo-spreadsheet-single-selection-border,
+    $kendo-spreadsheet-partial-selection-bg: $kendo-spreadsheet-partial-selection-bg,
+    $kendo-spreadsheet-active-cell-bg: $kendo-spreadsheet-active-cell-bg,
+    $kendo-spreadsheet-active-cell-shadow: $kendo-spreadsheet-active-cell-shadow,
+    $kendo-spreadsheet-auto-fill-bg: $kendo-spreadsheet-auto-fill-bg,
+    $kendo-spreadsheet-auto-fill-text: $kendo-spreadsheet-auto-fill-text,
+    $kendo-spreadsheet-auto-fill-border: $kendo-spreadsheet-auto-fill-border,
+    $kendo-spreadsheet-auto-fill-shadow: $kendo-spreadsheet-auto-fill-shadow,
+    $kendo-spreadsheet-auto-fill-punch-bg: $kendo-spreadsheet-auto-fill-punch-bg,
+    $kendo-spreadsheet-cell-padding-y: $kendo-spreadsheet-cell-padding-y,
+    $kendo-spreadsheet-cell-padding-x: $kendo-spreadsheet-cell-padding-x,
+    $kendo-spreadsheet-cell-editor-line-height: $kendo-spreadsheet-cell-editor-line-height,
+    $kendo-spreadsheet-cell-editor-padding-x: $kendo-spreadsheet-cell-editor-padding-x,
+    $kendo-spreadsheet-cell-editor-padding-y: $kendo-spreadsheet-cell-editor-padding-y,
+    $kendo-spreadsheet-cell-editor-bg: $kendo-spreadsheet-cell-editor-bg,
+    $kendo-spreadsheet-cell-editor-text: $kendo-spreadsheet-cell-editor-text,
+    $kendo-spreadsheet-cell-editor-border: $kendo-spreadsheet-cell-editor-border,
+    $kendo-spreadsheet-resize-handle-bg: $kendo-spreadsheet-resize-handle-bg,
+    $kendo-spreadsheet-cell-comment-border: $kendo-spreadsheet-cell-comment-border,
+    $kendo-spreadsheet-cell-dirty-border: $kendo-spreadsheet-cell-dirty-border,
+    $kendo-spreadsheet-sheets-bar-padding-x: $kendo-spreadsheet-sheets-bar-padding-x,
+    $kendo-spreadsheet-sheets-bar-padding-y: $kendo-spreadsheet-sheets-bar-padding-y,
+    $kendo-spreadsheet-sheets-bar-border-width: $kendo-spreadsheet-sheets-bar-border-width,
+    $kendo-spreadsheet-insert-image-dialog-border-style: $kendo-spreadsheet-insert-image-dialog-border-style,
+    $kendo-spreadsheet-insert-image-dialog-border-width: $kendo-spreadsheet-insert-image-dialog-border-width,
+    $kendo-spreadsheet-insert-image-dialog-text-margin-bottom: $kendo-spreadsheet-insert-image-dialog-text-margin-bottom,
+    $kendo-spreadsheet-insert-image-dialog-preview-width: $kendo-spreadsheet-insert-image-dialog-preview-width,
+    $kendo-spreadsheet-insert-image-dialog-preview-height: $kendo-spreadsheet-insert-image-dialog-preview-height,
+    $kendo-spreadsheet-insert-image-dialog-preview-img: $kendo-spreadsheet-insert-image-dialog-preview-img,
+    $kendo-spreadsheet-insert-image-dialog-preview-border: $kendo-spreadsheet-insert-image-dialog-preview-border,
+    $kendo-spreadsheet-insert-image-dialog-preview-border-radius: $kendo-spreadsheet-insert-image-dialog-preview-border-radius,
+    $kendo-spreadsheet-insert-image-dialog-preview-overlay-shadow: $kendo-spreadsheet-insert-image-dialog-preview-overlay-shadow,
+    $kendo-spreadsheet-insert-image-dialog-preview-overlay-border-radius: $kendo-spreadsheet-insert-image-dialog-preview-overlay-border-radius,
+    $kendo-spreadsheet-insert-image-dialog-overlay-hover-text: $kendo-spreadsheet-insert-image-dialog-overlay-hover-text,
+    $kendo-spreadsheet-drawing-handle-width: $kendo-spreadsheet-drawing-handle-width,
+    $kendo-spreadsheet-drawing-handle-height: $kendo-spreadsheet-drawing-handle-height,
+    $kendo-spreadsheet-drawing-handle-border-style: $kendo-spreadsheet-drawing-handle-border-style,
+    $kendo-spreadsheet-drawing-handle-border-width: $kendo-spreadsheet-drawing-handle-border-width,
+    $kendo-spreadsheet-drawing-handle-outline-color: $kendo-spreadsheet-drawing-handle-outline-color,
+    $kendo-spreadsheet-drawing-handle-border-color: $kendo-spreadsheet-drawing-handle-border-color,
+    $kendo-spreadsheet-drawing-handle-bg: $kendo-spreadsheet-drawing-handle-bg,
+    $kendo-spreadsheet-drawing-handle-border-radius: $kendo-spreadsheet-drawing-handle-border-radius,
+    $kendo-spreadsheet-drawing-outline-style: $kendo-spreadsheet-drawing-outline-style,
+    $kendo-spreadsheet-drawing-outline-width: $kendo-spreadsheet-drawing-outline-width,
+    $kendo-spreadsheet-drawing-anchor-bg: $kendo-spreadsheet-drawing-anchor-bg,
+    $kendo-spreadsheet-dropzone-spacing-y: $kendo-spreadsheet-dropzone-spacing-y,
+    $kendo-spreadsheet-filter-padding: $kendo-spreadsheet-filter-padding,
+    $kendo-spreadsheet-filter-menu-link-padding-x: $kendo-spreadsheet-filter-menu-link-padding-x,
+    $kendo-spreadsheet-filter-menu-icon-margin: $kendo-spreadsheet-filter-menu-icon-margin
+);

package/scss/stepper/_index.scss

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

package/scss/stepper/_layout.scss

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

package/scss/stepper/_theme.scss

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

package/scss/stepper/_variables.scss

@@ -1,3 +1,6 @@
+@use "../core/_index.scss" as *;
+@use "../core/functions/index.import.scss" as *;
+
 // Stepper
 
 /// The horizontal margin the Stepper.
@@ -182,7 +185,7 @@ $kendo-stepper-label-success-text: $kendo-color-success !default;
 $kendo-stepper-label-error-text: $kendo-color-error !default;
 /// The text color of the hovered Stepper label.
 /// @group stepper
-$kendo-stepper-label-hover-text: null !default;
+$kendo-stepper-label-hover-text: unset !default;
 /// The text color of the disabled Stepper label.
 /// @group stepper
 $kendo-stepper-label-disabled-text: if($kendo-enable-color-system, color-mix(in srgb, k-color( on-app-surface ) 60%, transparent), #8d8d8d) !default;
@@ -198,7 +201,7 @@ $kendo-stepper-optional-label-opacity: null !default;
 $kendo-stepper-optional-label-font-size: var( --kendo-font-size-sm, inherit ) !default;
 /// The font style of the optional Stepper label.
 /// @group stepper
-$kendo-stepper-optional-label-font-style: null !default;
+$kendo-stepper-optional-label-font-style: unset !default;
 
 /// The size of the Stepper ProgressBar.
 /// @group stepper
@@ -225,3 +228,76 @@ $kendo-stepper-content-transition-duration: 300ms !default;
 /// The timing function of the Stepper transition.
 /// @group stepper
 $kendo-stepper-content-transition-timing-function: cubic-bezier(.4, 0, .2, 1) 0ms !default;
+
+
+@forward "@progress/kendo-theme-default/scss/stepper/_variables.scss" with (
+    $kendo-stepper-margin-x: $kendo-stepper-margin-x,
+    $kendo-stepper-margin-y: $kendo-stepper-margin-y,
+    $kendo-stepper-padding-x: $kendo-stepper-padding-x,
+    $kendo-stepper-padding-y: $kendo-stepper-padding-y,
+    $kendo-stepper-label-margin-x: $kendo-stepper-label-margin-x,
+    $kendo-stepper-label-padding-x: $kendo-stepper-label-padding-x,
+    $kendo-stepper-label-padding-y: $kendo-stepper-label-padding-y,
+    $kendo-stepper-label-border-radius: $kendo-stepper-label-border-radius,
+    $kendo-stepper-border-width: $kendo-stepper-border-width,
+    $kendo-stepper-inline-content-padding-x: $kendo-stepper-inline-content-padding-x,
+    $kendo-stepper-inline-content-padding-y: $kendo-stepper-inline-content-padding-y,
+    $kendo-stepper-font-size: $kendo-stepper-font-size,
+    $kendo-stepper-line-height: $kendo-stepper-line-height,
+    $kendo-stepper-font-family: $kendo-stepper-font-family,
+    $kendo-stepper-bg: $kendo-stepper-bg,
+    $kendo-stepper-text: $kendo-stepper-text,
+    $kendo-stepper-border: $kendo-stepper-border,
+    $kendo-stepper-indicator-width: $kendo-stepper-indicator-width,
+    $kendo-stepper-indicator-height: $kendo-stepper-indicator-height,
+    $kendo-stepper-indicator-border-width: $kendo-stepper-indicator-border-width,
+    $kendo-stepper-indicator-border-radius: $kendo-stepper-indicator-border-radius,
+    $kendo-stepper-indicator-focus-border-width: $kendo-stepper-indicator-focus-border-width,
+    $kendo-stepper-indicator-focus-size: $kendo-stepper-indicator-focus-size,
+    $kendo-stepper-indicator-focus-offset: $kendo-stepper-indicator-focus-offset,
+    $kendo-stepper-indicator-focus-calc-offset: $kendo-stepper-indicator-focus-calc-offset,
+    $kendo-stepper-indicator-bg: $kendo-stepper-indicator-bg,
+    $kendo-stepper-indicator-text: $kendo-stepper-indicator-text,
+    $kendo-stepper-indicator-border: $kendo-stepper-indicator-border,
+    $kendo-stepper-indicator-hover-bg: $kendo-stepper-indicator-hover-bg,
+    $kendo-stepper-indicator-hover-text: $kendo-stepper-indicator-hover-text,
+    $kendo-stepper-indicator-hover-border: $kendo-stepper-indicator-hover-border,
+    $kendo-stepper-indicator-disabled-bg: $kendo-stepper-indicator-disabled-bg,
+    $kendo-stepper-indicator-disabled-text: $kendo-stepper-indicator-disabled-text,
+    $kendo-stepper-indicator-disabled-border: $kendo-stepper-indicator-disabled-border,
+    $kendo-stepper-indicator-done-bg: $kendo-stepper-indicator-done-bg,
+    $kendo-stepper-indicator-done-text: $kendo-stepper-indicator-done-text,
+    $kendo-stepper-indicator-done-border: $kendo-stepper-indicator-done-border,
+    $kendo-stepper-indicator-done-hover-bg: $kendo-stepper-indicator-done-hover-bg,
+    $kendo-stepper-indicator-done-hover-text: $kendo-stepper-indicator-done-hover-text,
+    $kendo-stepper-indicator-done-hover-border: $kendo-stepper-indicator-done-hover-border,
+    $kendo-stepper-indicator-done-disabled-bg: $kendo-stepper-indicator-done-disabled-bg,
+    $kendo-stepper-indicator-done-disabled-text: $kendo-stepper-indicator-done-disabled-text,
+    $kendo-stepper-indicator-done-disabled-border: $kendo-stepper-indicator-done-disabled-border,
+    $kendo-stepper-indicator-current-bg: $kendo-stepper-indicator-current-bg,
+    $kendo-stepper-indicator-current-text: $kendo-stepper-indicator-current-text,
+    $kendo-stepper-indicator-current-border: $kendo-stepper-indicator-current-border,
+    $kendo-stepper-indicator-current-hover-bg: $kendo-stepper-indicator-current-hover-bg,
+    $kendo-stepper-indicator-current-hover-text: $kendo-stepper-indicator-current-hover-text,
+    $kendo-stepper-indicator-current-hover-border: $kendo-stepper-indicator-current-hover-border,
+    $kendo-stepper-indicator-current-disabled-bg: $kendo-stepper-indicator-current-disabled-bg,
+    $kendo-stepper-indicator-current-disabled-text: $kendo-stepper-indicator-current-disabled-text,
+    $kendo-stepper-indicator-current-disabled-border: $kendo-stepper-indicator-current-disabled-border,
+    $kendo-stepper-label-text: $kendo-stepper-label-text,
+    $kendo-stepper-label-success-text: $kendo-stepper-label-success-text,
+    $kendo-stepper-label-error-text: $kendo-stepper-label-error-text,
+    $kendo-stepper-label-hover-text: $kendo-stepper-label-hover-text,
+    $kendo-stepper-label-disabled-text: $kendo-stepper-label-disabled-text,
+    $kendo-stepper-optional-label-text: $kendo-stepper-optional-label-text,
+    $kendo-stepper-optional-label-opacity: $kendo-stepper-optional-label-opacity,
+    $kendo-stepper-optional-label-font-size: $kendo-stepper-optional-label-font-size,
+    $kendo-stepper-optional-label-font-style: $kendo-stepper-optional-label-font-style,
+    $kendo-stepper-progressbar-size: $kendo-stepper-progressbar-size,
+    $kendo-stepper-progressbar-bg: $kendo-stepper-progressbar-bg,
+    $kendo-stepper-progressbar-text: $kendo-stepper-progressbar-text,
+    $kendo-stepper-progressbar-fill-bg: $kendo-stepper-progressbar-fill-bg,
+    $kendo-stepper-progressbar-fill-text: $kendo-stepper-progressbar-fill-text,
+    $kendo-stepper-content-transition-property: $kendo-stepper-content-transition-property,
+    $kendo-stepper-content-transition-duration: $kendo-stepper-content-transition-duration,
+    $kendo-stepper-content-transition-timing-function: $kendo-stepper-content-transition-timing-function
+);

package/scss/switch/_index.scss

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

package/scss/switch/_layout.scss

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

package/scss/switch/_theme.scss

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

package/scss/switch/_variables.scss

@@ -1,3 +1,6 @@
+@use "../core/_index.scss" as *;
+@use "../core/functions/index.import.scss" as *;
+
 // Switch
 
 /// The font family of the Switch.
@@ -14,7 +17,7 @@ $kendo-switch-thumb-border-width: 1px !default;
 
 /// The text transform of the Switch label.
 /// @group switch
-$kendo-switch-label-text-transform: null !default;
+$kendo-switch-label-text-transform: unset !default;
 
 /// The display of the Switch label.
 /// @group switch
@@ -88,7 +91,7 @@ $kendo-switch-off-track-disabled-gradient: null !default;
 $kendo-switch-off-thumb-bg: if($kendo-enable-color-system, k-color( base ), k-try-shade( $kendo-switch-off-track-bg )) !default;
 /// The text color of the thumb when the Switch is not checked.
 /// @group switch
-$kendo-switch-off-thumb-text: null !default;
+$kendo-switch-off-thumb-text: unset !default;
 /// The border color of the thumb when the Switch is not checked.
 /// @group switch
 $kendo-switch-off-thumb-border: $kendo-switch-off-track-border !default;
@@ -170,7 +173,7 @@ $kendo-switch-on-track-disabled-gradient: null !default;
 $kendo-switch-on-thumb-bg: $kendo-color-primary !default;
 /// The text color of the thumb when the Switch is checked.
 /// @group switch
-$kendo-switch-on-thumb-text: null !default;
+$kendo-switch-on-thumb-text: unset !default;
 /// The border color of the thumb when the Switch is checked.
 /// @group switch
 $kendo-switch-on-thumb-border: if($kendo-enable-color-system, k-color( primary ), k-try-shade( $kendo-switch-on-thumb-bg )) !default;
@@ -190,3 +193,63 @@ $kendo-switch-on-thumb-hover-border: if($kendo-enable-color-system, k-color( pri
 /// The background gradient of the thumb when the hovered Switch is checked.
 /// @group switch
 $kendo-switch-on-thumb-hover-gradient: null !default;
+
+
+@forward "@progress/kendo-theme-default/scss/switch/_variables.scss" with (
+    $kendo-switch-font-family: $kendo-switch-font-family,
+    $kendo-switch-track-border-width: $kendo-switch-track-border-width,
+    $kendo-switch-thumb-border-width: $kendo-switch-thumb-border-width,
+    $kendo-switch-label-text-transform: $kendo-switch-label-text-transform,
+    $kendo-switch-label-display: $kendo-switch-label-display,
+    $kendo-switch-sizes: $kendo-switch-sizes,
+    $kendo-switch-off-track-bg: $kendo-switch-off-track-bg,
+    $kendo-switch-off-track-text: $kendo-switch-off-track-text,
+    $kendo-switch-off-track-border: $kendo-switch-off-track-border,
+    $kendo-switch-off-track-gradient: $kendo-switch-off-track-gradient,
+    $kendo-switch-off-track-hover-bg: $kendo-switch-off-track-hover-bg,
+    $kendo-switch-off-track-hover-text: $kendo-switch-off-track-hover-text,
+    $kendo-switch-off-track-hover-border: $kendo-switch-off-track-hover-border,
+    $kendo-switch-off-track-hover-gradient: $kendo-switch-off-track-hover-gradient,
+    $kendo-switch-off-track-focus-bg: $kendo-switch-off-track-focus-bg,
+    $kendo-switch-off-track-focus-text: $kendo-switch-off-track-focus-text,
+    $kendo-switch-off-track-focus-border: $kendo-switch-off-track-focus-border,
+    $kendo-switch-off-track-focus-gradient: $kendo-switch-off-track-focus-gradient,
+    $kendo-switch-off-track-focus-ring: $kendo-switch-off-track-focus-ring,
+    $kendo-switch-off-track-disabled-bg: $kendo-switch-off-track-disabled-bg,
+    $kendo-switch-off-track-disabled-text: $kendo-switch-off-track-disabled-text,
+    $kendo-switch-off-track-disabled-border: $kendo-switch-off-track-disabled-border,
+    $kendo-switch-off-track-disabled-gradient: $kendo-switch-off-track-disabled-gradient,
+    $kendo-switch-off-thumb-bg: $kendo-switch-off-thumb-bg,
+    $kendo-switch-off-thumb-text: $kendo-switch-off-thumb-text,
+    $kendo-switch-off-thumb-border: $kendo-switch-off-thumb-border,
+    $kendo-switch-off-thumb-gradient: $kendo-switch-off-thumb-gradient,
+    $kendo-switch-off-thumb-hover-bg: $kendo-switch-off-thumb-hover-bg,
+    $kendo-switch-off-thumb-hover-text: $kendo-switch-off-thumb-hover-text,
+    $kendo-switch-off-thumb-hover-border: $kendo-switch-off-thumb-hover-border,
+    $kendo-switch-off-thumb-hover-gradient: $kendo-switch-off-thumb-hover-gradient,
+    $kendo-switch-on-track-bg: $kendo-switch-on-track-bg,
+    $kendo-switch-on-track-text: $kendo-switch-on-track-text,
+    $kendo-switch-on-track-border: $kendo-switch-on-track-border,
+    $kendo-switch-on-track-gradient: $kendo-switch-on-track-gradient,
+    $kendo-switch-on-track-hover-bg: $kendo-switch-on-track-hover-bg,
+    $kendo-switch-on-track-hover-text: $kendo-switch-on-track-hover-text,
+    $kendo-switch-on-track-hover-border: $kendo-switch-on-track-hover-border,
+    $kendo-switch-on-track-hover-gradient: $kendo-switch-on-track-hover-gradient,
+    $kendo-switch-on-track-focus-bg: $kendo-switch-on-track-focus-bg,
+    $kendo-switch-on-track-focus-text: $kendo-switch-on-track-focus-text,
+    $kendo-switch-on-track-focus-border: $kendo-switch-on-track-focus-border,
+    $kendo-switch-on-track-focus-gradient: $kendo-switch-on-track-focus-gradient,
+    $kendo-switch-on-track-focus-ring: $kendo-switch-on-track-focus-ring,
+    $kendo-switch-on-track-disabled-bg: $kendo-switch-on-track-disabled-bg,
+    $kendo-switch-on-track-disabled-text: $kendo-switch-on-track-disabled-text,
+    $kendo-switch-on-track-disabled-border: $kendo-switch-on-track-disabled-border,
+    $kendo-switch-on-track-disabled-gradient: $kendo-switch-on-track-disabled-gradient,
+    $kendo-switch-on-thumb-bg: $kendo-switch-on-thumb-bg,
+    $kendo-switch-on-thumb-text: $kendo-switch-on-thumb-text,
+    $kendo-switch-on-thumb-border: $kendo-switch-on-thumb-border,
+    $kendo-switch-on-thumb-gradient: $kendo-switch-on-thumb-gradient,
+    $kendo-switch-on-thumb-hover-bg: $kendo-switch-on-thumb-hover-bg,
+    $kendo-switch-on-thumb-hover-text: $kendo-switch-on-thumb-hover-text,
+    $kendo-switch-on-thumb-hover-border: $kendo-switch-on-thumb-hover-border,
+    $kendo-switch-on-thumb-hover-gradient: $kendo-switch-on-thumb-hover-gradient
+);

package/scss/table/_index.scss

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

package/scss/table/_layout.scss

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