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

package/scss/radio/_index.scss

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

package/scss/radio/_layout.scss

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

package/scss/radio/_theme.scss

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

package/scss/radio/_variables.scss

@@ -1,6 +1,7 @@
-@import "../list/_variables.scss";
-@import "../checkbox/_variables.scss";
-
+@use "../core/_index.scss" as *;
+@use "../core/functions/index.import.scss" as *;
+@use "../list/_variables.scss" as *;
+@use "../checkbox/_variables.scss" as *;
 
 // Radio button
 
@@ -185,3 +186,52 @@ $kendo-radio-ripple-bg: $kendo-radio-checked-bg !default;
 /// The opacity of the RadioButton ripple.
 /// @group radio
 $kendo-radio-ripple-opacity: .25 !default;
+
+
+@forward "@progress/kendo-theme-default/scss/radio/_variables.scss" with (
+    $kendo-radio-radius: $kendo-radio-radius,
+    $kendo-radio-border-width: $kendo-radio-border-width,
+    $kendo-radio-sm-size: $kendo-radio-sm-size,
+    $kendo-radio-md-size: $kendo-radio-md-size,
+    $kendo-radio-lg-size: $kendo-radio-lg-size,
+    $kendo-radio-sm-glyph-size: $kendo-radio-sm-glyph-size,
+    $kendo-radio-md-glyph-size: $kendo-radio-md-glyph-size,
+    $kendo-radio-lg-glyph-size: $kendo-radio-lg-glyph-size,
+    $kendo-radio-sm-ripple-size: $kendo-radio-sm-ripple-size,
+    $kendo-radio-md-ripple-size: $kendo-radio-md-ripple-size,
+    $kendo-radio-lg-ripple-size: $kendo-radio-lg-ripple-size,
+    $kendo-radio-sizes: $kendo-radio-sizes,
+    $kendo-radio-bg: $kendo-radio-bg,
+    $kendo-radio-text: $kendo-radio-text,
+    $kendo-radio-border: $kendo-radio-border,
+    $kendo-radio-hover-bg: $kendo-radio-hover-bg,
+    $kendo-radio-hover-text: $kendo-radio-hover-text,
+    $kendo-radio-hover-border: $kendo-radio-hover-border,
+    $kendo-radio-checked-bg: $kendo-radio-checked-bg,
+    $kendo-radio-checked-text: $kendo-radio-checked-text,
+    $kendo-radio-checked-border: $kendo-radio-checked-border,
+    $kendo-radio-focus-border: $kendo-radio-focus-border,
+    $kendo-radio-focus-shadow: $kendo-radio-focus-shadow,
+    $kendo-radio-focus-checked-border: $kendo-radio-focus-checked-border,
+    $kendo-radio-focus-checked-shadow: $kendo-radio-focus-checked-shadow,
+    $kendo-radio-disabled-bg: $kendo-radio-disabled-bg,
+    $kendo-radio-disabled-text: $kendo-radio-disabled-text,
+    $kendo-radio-disabled-border: $kendo-radio-disabled-border,
+    $kendo-radio-disabled-checked-bg: $kendo-radio-disabled-checked-bg,
+    $kendo-radio-disabled-checked-text: $kendo-radio-disabled-checked-text,
+    $kendo-radio-disabled-checked-border: $kendo-radio-disabled-checked-border,
+    $kendo-radio-invalid-bg: $kendo-radio-invalid-bg,
+    $kendo-radio-invalid-text: $kendo-radio-invalid-text,
+    $kendo-radio-invalid-border: $kendo-radio-invalid-border,
+    $kendo-radio-indicator-type: $kendo-radio-indicator-type,
+    $kendo-radio-glyph-font-family: $kendo-radio-glyph-font-family,
+    $kendo-radio-checked-glyph: $kendo-radio-checked-glyph,
+    $kendo-radio-checked-image: $kendo-radio-checked-image,
+    $kendo-radio-disabled-checked-image: $kendo-radio-disabled-checked-image,
+    $kendo-radio-label-margin-x: $kendo-radio-label-margin-x,
+    $kendo-radio-list-spacing: $kendo-radio-list-spacing,
+    $kendo-radio-list-item-padding-x: $kendo-radio-list-item-padding-x,
+    $kendo-radio-list-item-padding-y: $kendo-radio-list-item-padding-y,
+    $kendo-radio-ripple-bg: $kendo-radio-ripple-bg,
+    $kendo-radio-ripple-opacity: $kendo-radio-ripple-opacity
+);

package/scss/rating/_index.scss

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

package/scss/rating/_layout.scss

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

package/scss/rating/_theme.scss

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

package/scss/rating/_variables.scss

@@ -1,3 +1,7 @@
+@use "../core/_index.scss" as *;
+@use "../icons/_variables.scss" as *;
+@use "../core/_index.scss" as *;
+
 // Rating
 
 /// The font family of the Rating.
@@ -12,21 +16,21 @@ $kendo-rating-line-height: var( --kendo-line-height, normal ) !default;
 
 /// The horizontal margin of the Rating container.
 /// @group rating
-$kendo-rating-container-margin-x: $kendo-padding-sm-x !default;
+$kendo-rating-container-margin-x: k-spacing(1) !default;
 
 /// The horizontal padding of the Rating item.
 /// @group rating
-$kendo-rating-item-padding-x: $kendo-padding-sm-x !default;
+$kendo-rating-item-padding-x: k-spacing(1) !default;
 /// The vertical padding of the Rating item.
 /// @group rating
-$kendo-rating-item-padding-y: $kendo-padding-md-y !default;
+$kendo-rating-item-padding-y: k-spacing(1) !default;
 
 /// The horizontal margin of the Rating label.
 /// @group rating
-$kendo-rating-label-margin-x: $kendo-padding-md-x !default;
+$kendo-rating-label-margin-x: k-spacing(2) !default;
 /// The vertical margin of the Rating label.
 /// @group rating
-$kendo-rating-label-margin-y: $kendo-padding-md-y !default;
+$kendo-rating-label-margin-y: k-spacing(1) !default;
 /// The line height of the Rating label.
 /// @group rating
 $kendo-rating-label-line-height: $kendo-line-height-lg !default;
@@ -50,3 +54,22 @@ $kendo-rating-icon-focus-shadow: 0 2px 4px rgba( black, .1 ) !default;
 /// The shadow of the focused and selected Rating icon.
 /// @group rating
 $kendo-rating-icon-focus-selected-shadow: 0 2px 4px rgba( black, .1) !default;
+
+
+@forward "@progress/kendo-theme-default/scss/rating/_variables.scss" with (
+    $kendo-rating-font-family: $kendo-rating-font-family,
+    $kendo-rating-font-size: $kendo-rating-font-size,
+    $kendo-rating-line-height: $kendo-rating-line-height,
+    $kendo-rating-container-margin-x: $kendo-rating-container-margin-x,
+    $kendo-rating-item-padding-x: $kendo-rating-item-padding-x,
+    $kendo-rating-item-padding-y: $kendo-rating-item-padding-y,
+    $kendo-rating-label-margin-x: $kendo-rating-label-margin-x,
+    $kendo-rating-label-margin-y: $kendo-rating-label-margin-y,
+    $kendo-rating-label-line-height: $kendo-rating-label-line-height,
+    $kendo-rating-icon-text: $kendo-rating-icon-text,
+    $kendo-rating-icon-selected-text: $kendo-rating-icon-selected-text,
+    $kendo-rating-icon-hover-text: $kendo-rating-icon-hover-text,
+    $kendo-rating-icon-focus-text: $kendo-rating-icon-focus-text,
+    $kendo-rating-icon-focus-shadow: $kendo-rating-icon-focus-shadow,
+    $kendo-rating-icon-focus-selected-shadow: $kendo-rating-icon-focus-selected-shadow
+);

package/scss/responsivepanel/_index.scss

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

package/scss/responsivepanel/_layout.scss

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

package/scss/responsivepanel/_theme.scss

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

package/scss/ripple/_index.scss

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

package/scss/ripple/_layout.scss

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

package/scss/ripple/_theme.scss

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

package/scss/scheduler/_index.scss

@@ -1,65 +1,32 @@
-@import "../core/_index.scss";
-@import "../utils/_index.scss";
-
-
-// Module meta
-$_kendo-module-meta: (
-    name: "scheduler",
-    dependencies: (
-        "action-buttons",
-        "adaptive",
-        "button",
-        "calendar",
-        "checkbox",
-        "date-time-picker",
-        "dialog",
-        "dropdown-list",
-        "form",
-        "icon",
-        "numeric-textbox",
-        "radio",
-        "textarea",
-        "textbox",
-        "toolbar",
-        "tooltip",
-        "time-marker",
-        "window",
-        "no-data"
-    )
-);
-
-
 // Dependencies
-@import "../icons/_index.scss";
-@import "../adaptive/_index.scss";
-@import "../button/_index.scss";
-@import "../datetimepicker/_index.scss";
-@import "../dropdownlist/_index.scss";
-@import "../dialog/_index.scss";
-@import "../tooltip/_index.scss";
-@import "../no-data/_index.scss";
-
+@use "../core/_index.scss" as *;
+@use "../icons/_index.scss" as *;
+@use "../utils/_index.scss" as *;
+@use "../adaptive/_index.scss" as *;
+@use "../button/_index.scss" as *;
+@use "../datetimepicker/_index.scss" as *;
+@use "../dropdownlist/_index.scss" as *;
+@use "../dialog/_index.scss" as *;
+@use "../tooltip/_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-scheduler--styles() {
-    @include module-render( "scheduler" ) {
+    @include import-once( "scheduler" ) {
+        @include core-styles();
+        @include kendo-icon--styles();
+        @include kendo-adaptive--styles();
+        @include kendo-button--styles();
+        @include kendo-date-time-picker--styles();
+        @include kendo-dropdown-list--styles();
+        @include kendo-dialog--styles();
+        @include kendo-tooltip--styles();
         @include kendo-scheduler--layout();
         @include kendo-scheduler--theme();
         @include kendo-utils--typography--text-overflow();
     }
 }
-
-@if $kendo-auto-bootstrap {
-    @include kendo-scheduler--styles();
-}

package/scss/scheduler/_layout.scss

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

package/scss/scheduler/_theme.scss

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

package/scss/scheduler/_variables.scss

@@ -1,3 +1,9 @@
+@use "sass:math";
+@use "../core/_index.scss" as *;
+@use "../core/functions/index.import.scss" as *;
+@use "../toolbar/_variables.scss" as *;
+@use "../calendar/_variables.scss" as *;
+
 // Scheduler
 
 /// The width of the border around the Scheduler.
@@ -57,7 +63,7 @@ $kendo-scheduler-event-min-height: 25px !default;
 $kendo-scheduler-event-border-radius: k-border-radius(md) !default;
 /// The line height of the Scheduler event.
 /// @group scheduler
-$kendo-scheduler-event-line-height: calc( #{$kendo-scheduler-event-min-height} - (2 * #{$kendo-padding-md-y}) ) !default;
+$kendo-scheduler-event-line-height: calc( #{$kendo-scheduler-event-min-height} - (2 * #{k-spacing(1)}) ) !default;
 
 /// The background color of the Scheduler event.
 /// @group scheduler
@@ -167,7 +173,7 @@ $kendo-scheduler-yearview-indicator-size: 3px !default;
 $kendo-scheduler-yearview-indicator-calc-offset-top: calc( #{$kendo-calendar-cell-size} - (#{$kendo-calendar-cell-padding-y} * 2)) !default;
 /// The left position of the days with events indicator of the year view in the Scheduler.
 /// @group scheduler
-$kendo-scheduler-yearview-indicator-calc-offset-left: calc( 50% - #{k-math-div( $kendo-scheduler-yearview-indicator-size, 2 )} ) !default;
+$kendo-scheduler-yearview-indicator-calc-offset-left: calc( 50% - #{math.div( $kendo-scheduler-yearview-indicator-size, 2 )} ) !default;
 /// The border radius of the days with events indicator of the year view in the Scheduler.
 /// @group scheduler
 $kendo-scheduler-yearview-indicator-border-radius: 50% !default;
@@ -235,3 +241,116 @@ $kendo-scheduler-tooltip-event-gap: k-spacing(1) !default;
 /// The color of the Scheduler Tooltip callout.
 /// @group scheduler
 $kendo-scheduler-tooltip-callout-text: $kendo-scheduler-tooltip-bg !default;
+
+
+/// The padding of the Scheduler appointments.
+/// @group scheduler
+$kendo-scheduler-appointments-padding: k-spacing(2) !default;
+
+/// The horizontal padding of the Scheduler event template.
+/// @group scheduler
+$kendo-scheduler-event-template-padding-x: k-spacing(2) !default;
+/// The vertical padding of the Scheduler event template.
+/// @group scheduler
+$kendo-scheduler-event-template-padding-y: k-spacing(1) !default;
+
+/// The inline inset of the Scheduler event actions.
+/// @group scheduler
+$kendo-scheduler-event-actions-inset-x: k-spacing(2) !default;
+
+/// The margin of the Scheduler event indicators.
+/// @group scheduler
+$kendo-scheduler-indicators-margin: k-spacing(0.5) .4ex 0 k-spacing(1) !default;
+/// The margin of the Scheduler event indicators in rtl.
+/// @group scheduler
+$kendo-scheduler-rtl-indicators-margin: k-spacing(0.5) 0 k-spacing(1) .4ex !default;
+
+/// The inline inset of the Scheduler marquee labels.
+/// @group scheduler
+$kendo-scheduler-marquee-label-inset-x: k-spacing(1) !default;
+/// The block inset of the Scheduler marquee labels.
+/// @group scheduler
+$kendo-scheduler-marquee-label-inset-y: k-spacing(0.5) !default;
+
+
+@forward "@progress/kendo-theme-default/scss/scheduler/_variables.scss" with (
+    $kendo-scheduler-border-width: $kendo-scheduler-border-width,
+    $kendo-scheduler-font-family: $kendo-scheduler-font-family,
+    $kendo-scheduler-font-size: $kendo-scheduler-font-size,
+    $kendo-scheduler-line-height: $kendo-scheduler-line-height,
+    $kendo-scheduler-bg: $kendo-scheduler-bg,
+    $kendo-scheduler-text: $kendo-scheduler-text,
+    $kendo-scheduler-border: $kendo-scheduler-border,
+    $kendo-scheduler-toolbar-bg: $kendo-scheduler-toolbar-bg,
+    $kendo-scheduler-toolbar-text: $kendo-scheduler-toolbar-text,
+    $kendo-scheduler-toolbar-border: $kendo-scheduler-toolbar-border,
+    $kendo-scheduler-toolbar-gradient: $kendo-scheduler-toolbar-gradient,
+    $kendo-scheduler-footer-bg: $kendo-scheduler-footer-bg,
+    $kendo-scheduler-footer-text: $kendo-scheduler-footer-text,
+    $kendo-scheduler-footer-border: $kendo-scheduler-footer-border,
+    $kendo-scheduler-footer-gradient: $kendo-scheduler-footer-gradient,
+    $kendo-scheduler-event-min-height: $kendo-scheduler-event-min-height,
+    $kendo-scheduler-event-border-radius: $kendo-scheduler-event-border-radius,
+    $kendo-scheduler-event-line-height: $kendo-scheduler-event-line-height,
+    $kendo-scheduler-event-bg: $kendo-scheduler-event-bg,
+    $kendo-scheduler-event-text: $kendo-scheduler-event-text,
+    $kendo-scheduler-event-border: $kendo-scheduler-event-border,
+    $kendo-scheduler-event-gradient: $kendo-scheduler-event-gradient,
+    $kendo-scheduler-event-shadow: $kendo-scheduler-event-shadow,
+    $kendo-scheduler-event-hover-bg: $kendo-scheduler-event-hover-bg,
+    $kendo-scheduler-event-hover-text: $kendo-scheduler-event-hover-text,
+    $kendo-scheduler-event-hover-border: $kendo-scheduler-event-hover-border,
+    $kendo-scheduler-event-hover-gradient: $kendo-scheduler-event-hover-gradient,
+    $kendo-scheduler-event-hover-shadow: $kendo-scheduler-event-hover-shadow,
+    $kendo-scheduler-event-selected-bg: $kendo-scheduler-event-selected-bg,
+    $kendo-scheduler-event-selected-text: $kendo-scheduler-event-selected-text,
+    $kendo-scheduler-event-selected-border: $kendo-scheduler-event-selected-border,
+    $kendo-scheduler-event-selected-gradient: $kendo-scheduler-event-selected-gradient,
+    $kendo-scheduler-event-selected-shadow: $kendo-scheduler-event-selected-shadow,
+    $kendo-scheduler-event-ongoing-shadow: $kendo-scheduler-event-ongoing-shadow,
+    $kendo-scheduler-cell-padding-x: $kendo-scheduler-cell-padding-x,
+    $kendo-scheduler-cell-padding-y: $kendo-scheduler-cell-padding-y,
+    $kendo-scheduler-cell-height: $kendo-scheduler-cell-height,
+    $kendo-scheduler-datecolumn-width: $kendo-scheduler-datecolumn-width,
+    $kendo-scheduler-timecolumn-width: $kendo-scheduler-timecolumn-width,
+    $kendo-scheduler-nonwork-bg: $kendo-scheduler-nonwork-bg,
+    $kendo-scheduler-nonwork-text: $kendo-scheduler-nonwork-text,
+    $kendo-scheduler-weekend-bg: $kendo-scheduler-weekend-bg,
+    $kendo-scheduler-weekend-text: $kendo-scheduler-weekend-text,
+    $kendo-scheduler-othermonth-bg: $kendo-scheduler-othermonth-bg,
+    $kendo-scheduler-othermonth-text: $kendo-scheduler-othermonth-text,
+    $kendo-scheduler-yearview-padding-x: $kendo-scheduler-yearview-padding-x,
+    $kendo-scheduler-yearview-padding-y: $kendo-scheduler-yearview-padding-y,
+    $kendo-scheduler-yearview-calendar-gap: $kendo-scheduler-yearview-calendar-gap,
+    $kendo-scheduler-yearview-indicator-size: $kendo-scheduler-yearview-indicator-size,
+    $kendo-scheduler-yearview-indicator-calc-offset-top: $kendo-scheduler-yearview-indicator-calc-offset-top,
+    $kendo-scheduler-yearview-indicator-calc-offset-left: $kendo-scheduler-yearview-indicator-calc-offset-left,
+    $kendo-scheduler-yearview-indicator-border-radius: $kendo-scheduler-yearview-indicator-border-radius,
+    $kendo-scheduler-yearview-indicator-bg: $kendo-scheduler-yearview-indicator-bg,
+    $kendo-scheduler-yearview-indicator-selected-bg: $kendo-scheduler-yearview-indicator-selected-bg,
+    $kendo-scheduler-tooltip-padding-x: $kendo-scheduler-tooltip-padding-x,
+    $kendo-scheduler-tooltip-padding-y: $kendo-scheduler-tooltip-padding-y,
+    $kendo-scheduler-tooltip-border-width: $kendo-scheduler-tooltip-border-width,
+    $kendo-scheduler-tooltip-bg: $kendo-scheduler-tooltip-bg,
+    $kendo-scheduler-tooltip-text: $kendo-scheduler-tooltip-text,
+    $kendo-scheduler-tooltip-border: $kendo-scheduler-tooltip-border,
+    $kendo-scheduler-tooltip-shadow: $kendo-scheduler-tooltip-shadow,
+    $kendo-scheduler-tooltip-title-margin-y: $kendo-scheduler-tooltip-title-margin-y,
+    $kendo-scheduler-tooltip-month-font-size: $kendo-scheduler-tooltip-month-font-size,
+    $kendo-scheduler-tooltip-day-font-size: $kendo-scheduler-tooltip-day-font-size,
+    $kendo-scheduler-tooltip-events-max-height: $kendo-scheduler-tooltip-events-max-height,
+    $kendo-scheduler-tooltip-events-gap: $kendo-scheduler-tooltip-events-gap,
+    $kendo-scheduler-tooltip-event-padding-x: $kendo-scheduler-tooltip-event-padding-x,
+    $kendo-scheduler-tooltip-event-padding-y: $kendo-scheduler-tooltip-event-padding-y,
+    $kendo-scheduler-tooltip-event-border-radius: $kendo-scheduler-tooltip-event-border-radius,
+    $kendo-scheduler-tooltip-event-gap: $kendo-scheduler-tooltip-event-gap,
+    $kendo-scheduler-tooltip-callout-text: $kendo-scheduler-tooltip-callout-text,
+    $kendo-scheduler-appointments-padding: $kendo-scheduler-appointments-padding,
+    $kendo-scheduler-event-template-padding-x: $kendo-scheduler-event-template-padding-x,
+    $kendo-scheduler-event-template-padding-y: $kendo-scheduler-event-template-padding-y,
+    $kendo-scheduler-event-actions-inset-x: $kendo-scheduler-event-actions-inset-x,
+    $kendo-scheduler-indicators-margin: $kendo-scheduler-indicators-margin,
+    $kendo-scheduler-rtl-indicators-margin: $kendo-scheduler-rtl-indicators-margin,
+    $kendo-scheduler-marquee-label-inset-x: $kendo-scheduler-marquee-label-inset-x,
+    $kendo-scheduler-marquee-label-inset-y: $kendo-scheduler-marquee-label-inset-y
+);

package/scss/scroller/_index.scss

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

package/scss/scroller/_layout.scss

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