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

package/scss/spreadsheet/_variables.scss

@@ -1,3 +1,7 @@
+@use "../core/_index.scss" as *;
+@use "../input/_variables.scss" as *;
+@use "../icons/_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(2) !default;
+
 /// The font family of the Spreadsheet view.
 /// @group spreadsheet
 $kendo-spreadsheet-view-font-family: Arial, Verdana, sans-serif !default;
@@ -260,3 +268,98 @@ $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(2) !default;
+
+
+$kendo-spreadsheet-filter-menu-link-padding-x: calc( #{$kendo-icon-size} + calc( 2 * #{k-spacing(2)} ) ) !default;
+
+$kendo-spreadsheet-filter-menu-icon-margin: 0 k-spacing(2) 0 calc(-1 * ( #{$kendo-icon-size} + #{k-spacing(2)} ) ) !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,39 +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.
@@ -106,7 +109,7 @@ $kendo-stepper-indicator-hover-border: null !default;
 $kendo-stepper-indicator-disabled-bg: null !default;
 /// The text color of the disabled Stepper indicator.
 /// @group stepper
-$kendo-stepper-indicator-disabled-text: if($kendo-enable-color-system, color-mix(in srgb, k-color( on-app-surface ) 65%, transparent), if( $kendo-is-dark-theme, $gray-600, $gray-500)) !default;
+$kendo-stepper-indicator-disabled-text: if($kendo-enable-color-system, color-mix(in srgb, k-color( on-app-surface ) 65%, transparent), if( $kendo-is-dark-theme, #6c757d, #adb5bd)) !default;
 /// The border color of the disabled Stepper indicator.
 /// @group stepper
 $kendo-stepper-indicator-disabled-border: null !default;
@@ -116,7 +119,7 @@ $kendo-stepper-indicator-disabled-border: null !default;
 $kendo-stepper-indicator-done-bg: $kendo-color-primary !default;
 /// The text color of the Stepper's done indicator.
 /// @group stepper
-$kendo-stepper-indicator-done-text: if($kendo-enable-color-system, k-color( on-primary ), k-contrast-color( $kendo-stepper-indicator-done-bg )) !default;
+$kendo-stepper-indicator-done-text: if($kendo-enable-color-system, k-color( on-primary ), k-contrast-legacy( $kendo-stepper-indicator-done-bg )) !default;
 /// The border color of the Stepper's done indicator.
 /// @group stepper
 $kendo-stepper-indicator-done-border: $kendo-stepper-indicator-done-bg !default;
@@ -182,14 +185,14 @@ $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 ) 65%, transparent), if( $kendo-is-dark-theme, $gray-600, $gray-500)) !default;
+$kendo-stepper-label-disabled-text: if($kendo-enable-color-system, color-mix(in srgb, k-color( on-app-surface ) 65%, transparent), if( $kendo-is-dark-theme, #6c757d, #adb5bd)) !default;
 
 /// The text color of the optional Stepper label.
 /// @group stepper
-$kendo-stepper-optional-label-text: $kendo-subtle-text !default;
+$kendo-stepper-optional-label-text: if($kendo-enable-color-system, k-color( subtle ) , $kendo-subtle-text) !default;
 /// The opacity of the optional Stepper label.
 /// @group stepper
 $kendo-stepper-optional-label-opacity: null !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-radius: $kendo-stepper-indicator-border-radius,
+    $kendo-stepper-indicator-border-width: $kendo-stepper-indicator-border-width,
+    $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.
@@ -10,11 +13,11 @@ $kendo-switch-track-border-width: 1px !default;
 
 /// The border width of the Switch thumb.
 /// @group switch
-$kendo-switch-thumb-border-width: null !default;
+$kendo-switch-thumb-border-width: unset !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
@@ -23,9 +26,9 @@ $kendo-switch-label-display: none !default;
 /// The map with the different Switch sizes.
 /// @group switch
 $kendo-switch-sizes: (
-    sm: ( font-size: null, track-width: 48px, track-height: 26px, thumb-width: 20px, thumb-height: 20px, thumb-offset: 3px, label-offset: null ),
-    md: ( font-size: null, track-width: 56px, track-height: 30px, thumb-width: 24px, thumb-height: 24px, thumb-offset: 3px, label-offset: null ),
-    lg: ( font-size: null, track-width: 64px, track-height: 34px, thumb-width: 28px, thumb-height: 28px, thumb-offset: 3px, label-offset: null )
+    sm: ( font-size: unset, track-width: 48px, track-height: 26px, thumb-width: 20px, thumb-height: 20px, thumb-offset: 3px, label-offset: null ),
+    md: ( font-size: unset, track-width: 56px, track-height: 30px, thumb-width: 24px, thumb-height: 24px, thumb-offset: 3px, label-offset: null ),
+    lg: ( font-size: unset, track-width: 64px, track-height: 34px, thumb-width: 28px, thumb-height: 28px, thumb-offset: 3px, label-offset: null )
 ) !default;
 
 /// The background of the track when the Switch is not checked.
@@ -33,10 +36,10 @@ $kendo-switch-sizes: (
 $kendo-switch-off-track-bg: $kendo-component-bg !default;
 /// The text color of the track when the Switch is not checked.
 /// @group switch
-$kendo-switch-off-track-text: null !default;
+$kendo-switch-off-track-text: unset !default;
 /// The border color of the track when the Switch is not checked.
 /// @group switch
-$kendo-switch-off-track-border: if($kendo-enable-color-system, k-color( base-emphasis ), $gray-500) !default;
+$kendo-switch-off-track-border: if($kendo-enable-color-system, k-color( base-emphasis ), #adb5bd) !default;
 /// The background gradient of the track when the Switch is not checked.
 /// @group switch
 $kendo-switch-off-track-gradient: null !default;
@@ -72,7 +75,7 @@ $kendo-switch-off-track-focus-ring: .25rem solid if($kendo-enable-color-system,
 
 /// The background of the track when the disabled Switch is not checked.
 /// @group switch
-$kendo-switch-off-track-disabled-bg: if($kendo-enable-color-system, k-color( base-subtle ), if( $kendo-is-dark-theme, $gray-800, $gray-200 )) !default;
+$kendo-switch-off-track-disabled-bg: if($kendo-enable-color-system, k-color( base-subtle ), if( $kendo-is-dark-theme, #343a40, #e9ecef )) !default;
 /// The text color of the track when the disabled Switch is not checked.
 /// @group switch
 $kendo-switch-off-track-disabled-text: null !default;
@@ -85,13 +88,13 @@ $kendo-switch-off-track-disabled-gradient: null !default;
 
 /// The background of the thumb when the Switch is not checked.
 /// @group switch
-$kendo-switch-off-thumb-bg: if($kendo-enable-color-system, k-color( base-emphasis ), $gray-500) !default;
+$kendo-switch-off-thumb-bg: if($kendo-enable-color-system, k-color( base-emphasis ), #adb5bd) !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: null !default;
+$kendo-switch-off-thumb-border: transparent !default;
 /// The background gradient of the thumb when the Switch is not checked.
 /// @group switch
 $kendo-switch-off-thumb-gradient: null !default;
@@ -115,7 +118,7 @@ $kendo-switch-off-thumb-hover-gradient: null !default;
 $kendo-switch-on-track-bg: $kendo-color-primary !default;
 /// The text color of the track when the Switch is checked.
 /// @group switch
-$kendo-switch-on-track-text: null !default;
+$kendo-switch-on-track-text: unset !default;
 /// The border color of the track when the Switch is checked.
 /// @group switch
 $kendo-switch-on-track-border: $kendo-switch-on-track-bg !default;
@@ -167,13 +170,13 @@ $kendo-switch-on-track-disabled-gradient: null !default;
 
 /// The background of the thumb when the Switch is checked.
 /// @group switch
-$kendo-switch-on-thumb-bg: if($kendo-enable-color-system, k-color( on-primary ), k-contrast-color( $kendo-switch-on-track-bg )) !default;
+$kendo-switch-on-thumb-bg: if($kendo-enable-color-system, k-color( on-primary ), k-contrast-legacy( $kendo-switch-on-track-bg )) !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: null !default;
+$kendo-switch-on-thumb-border: $kendo-switch-on-thumb-bg !default;
 /// The background gradient of the thumb when the Switch is checked.
 /// @group switch
 $kendo-switch-on-thumb-gradient: null !default;
@@ -190,3 +193,63 @@ $kendo-switch-on-thumb-hover-border: null !default;
 /// 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,34 +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() {

package/scss/table/_theme.scss

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

package/scss/table/_variables.scss

@@ -1,5 +1,5 @@
-@import "../list/_variables.scss";
-
+@use "../core/_index.scss" as *;
+@use "../core/functions/index.import.scss" as *;
 
 // Table
 
@@ -32,8 +32,8 @@ $kendo-table-cell-padding-y: null !default;
 $kendo-table-sm-cell-padding-x: k-spacing(2) !default;
 $kendo-table-sm-cell-padding-y: k-spacing(1) !default;
 
-$kendo-table-md-cell-padding-x: $table-cell-padding-x !default;
-$kendo-table-md-cell-padding-y: $table-cell-padding-y !default;
+$kendo-table-md-cell-padding-x: k-spacing(2) !default;
+$kendo-table-md-cell-padding-y: k-spacing(2) !default;
 
 $kendo-table-lg-cell-padding-x: k-spacing(2) !default;
 $kendo-table-lg-cell-padding-y: k-spacing(2.5) !default;
@@ -154,3 +154,47 @@ $kendo-table-selected-text: $kendo-table-text !default;
 /// Border color of selected rows in table.
 /// @group table
 $kendo-table-selected-border: null !default;
+
+
+@forward "@progress/kendo-theme-default/scss/table/_variables.scss" with (
+    $kendo-table-border-width: $kendo-table-border-width,
+    $kendo-table-cell-vertical-border-width: $kendo-table-cell-vertical-border-width,
+    $kendo-table-cell-horizontal-border-width: $kendo-table-cell-horizontal-border-width,
+    $kendo-table-font-size: $kendo-table-font-size,
+    $kendo-table-line-height: $kendo-table-line-height,
+    $kendo-table-cell-padding-x: $kendo-table-cell-padding-x,
+    $kendo-table-cell-padding-y: $kendo-table-cell-padding-y,
+    $kendo-table-sm-cell-padding-x: $kendo-table-sm-cell-padding-x,
+    $kendo-table-sm-cell-padding-y: $kendo-table-sm-cell-padding-y,
+    $kendo-table-md-cell-padding-x: $kendo-table-md-cell-padding-x,
+    $kendo-table-md-cell-padding-y: $kendo-table-md-cell-padding-y,
+    $kendo-table-lg-cell-padding-x: $kendo-table-lg-cell-padding-x,
+    $kendo-table-lg-cell-padding-y: $kendo-table-lg-cell-padding-y,
+    $kendo-table-sizes: $kendo-table-sizes,
+    $kendo-table-bg: $kendo-table-bg,
+    $kendo-table-text: $kendo-table-text,
+    $kendo-table-border: $kendo-table-border,
+    $kendo-table-header-bg: $kendo-table-header-bg,
+    $kendo-table-header-text: $kendo-table-header-text,
+    $kendo-table-header-border: $kendo-table-header-border,
+    $kendo-table-header-gradient: $kendo-table-header-gradient,
+    $kendo-table-footer-bg: $kendo-table-footer-bg,
+    $kendo-table-footer-text: $kendo-table-footer-text,
+    $kendo-table-footer-border: $kendo-table-footer-border,
+    $kendo-table-group-row-bg: $kendo-table-group-row-bg,
+    $kendo-table-group-row-text: $kendo-table-group-row-text,
+    $kendo-table-group-row-border: $kendo-table-group-row-border,
+    $kendo-table-alt-row-bg: $kendo-table-alt-row-bg,
+    $kendo-table-alt-row-text: $kendo-table-alt-row-text,
+    $kendo-table-alt-row-border: $kendo-table-alt-row-border,
+    $kendo-table-hover-bg: $kendo-table-hover-bg,
+    $kendo-table-hover-text: $kendo-table-hover-text,
+    $kendo-table-hover-border: $kendo-table-hover-border,
+    $kendo-table-focus-bg: $kendo-table-focus-bg,
+    $kendo-table-focus-text: $kendo-table-focus-text,
+    $kendo-table-focus-border: $kendo-table-focus-border,
+    $kendo-table-focus-shadow: $kendo-table-focus-shadow,
+    $kendo-table-selected-bg: $kendo-table-selected-bg,
+    $kendo-table-selected-text: $kendo-table-selected-text,
+    $kendo-table-selected-border: $kendo-table-selected-border
+);