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

package/scss/orgchart/_variables.scss

@@ -1,3 +1,7 @@
+@use "sass:list";
+@use "../core/_index.scss" as *;
+@use "../card/_variables.scss" as *;
+
 // Orgchart
 
 /// The spacing index of the OrgChart.
@@ -131,7 +135,7 @@ $kendo-orgchart-card-body-border-color: transparent !default;
 
 /// The right margin of the OrgChart Card body title wrap.
 /// @group orgchart
-$kendo-orgchart-card-body-vbox-margin-right: k-math-div( $kendo-orgchart-spacer, 2 ) !default;
+$kendo-orgchart-card-body-vbox-margin-right: list.slash( $kendo-orgchart-spacer, 2 ) !default;
 /// The min height of the OrgChart Card body title wrap.
 /// @group orgchart
 $kendo-orgchart-card-body-vbox-min-height: $kendo-card-avatar-size !default;
@@ -146,3 +150,51 @@ $kendo-orgchart-line-fill: $kendo-base-border !default;
 /// The height of the OrgChart connecting line.
 /// @group orgchart
 $kendo-orgchart-line-v-height: k-spacing(6) !default;
+
+
+@forward "@progress/kendo-theme-default/scss/orgchart/_variables.scss" with (
+    $kendo-orgchart-spacer: $kendo-orgchart-spacer,
+    $kendo-orgchart-padding-y: $kendo-orgchart-padding-y,
+    $kendo-orgchart-padding-x: $kendo-orgchart-padding-x,
+    $kendo-orgchart-font-family: $kendo-orgchart-font-family,
+    $kendo-orgchart-font-size: $kendo-orgchart-font-size,
+    $kendo-orgchart-line-height: $kendo-orgchart-line-height,
+    $kendo-orgchart-bg: $kendo-orgchart-bg,
+    $kendo-orgchart-text: $kendo-orgchart-text,
+    $kendo-orgchart-border: $kendo-orgchart-border,
+    $kendo-orgchart-node-gap: $kendo-orgchart-node-gap,
+    $kendo-orgchart-group-gap: $kendo-orgchart-group-gap,
+    $kendo-orgchart-node-container-gap: $kendo-orgchart-node-container-gap,
+    $kendo-orgchart-node-group-padding-y: $kendo-orgchart-node-group-padding-y,
+    $kendo-orgchart-node-group-padding-x: $kendo-orgchart-node-group-padding-x,
+    $kendo-orgchart-node-group-border-width: $kendo-orgchart-node-group-border-width,
+    $kendo-orgchart-node-group-border-radius: $kendo-orgchart-node-group-border-radius,
+    $kendo-orgchart-node-group-bg: $kendo-orgchart-node-group-bg,
+    $kendo-orgchart-node-group-text: $kendo-orgchart-node-group-text,
+    $kendo-orgchart-node-group-border: $kendo-orgchart-node-group-border,
+    $kendo-orgchart-node-group-focus-border: $kendo-orgchart-node-group-focus-border,
+    $kendo-orgchart-node-group-focus-shadow: $kendo-orgchart-node-group-focus-shadow,
+    $kendo-orgchart-node-group-title-font-size: $kendo-orgchart-node-group-title-font-size,
+    $kendo-orgchart-node-group-title-margin-bottom: $kendo-orgchart-node-group-title-margin-bottom,
+    $kendo-orgchart-node-group-title-line-height: $kendo-orgchart-node-group-title-line-height,
+    $kendo-orgchart-node-group-subtitle-margin-bottom: $kendo-orgchart-node-group-subtitle-margin-bottom,
+    $kendo-orgchart-node-group-subtitle-font-size: $kendo-orgchart-node-group-subtitle-font-size,
+    $kendo-orgchart-node-group-subtitle-text: $kendo-orgchart-node-group-subtitle-text,
+    $kendo-orgchart-card-width: $kendo-orgchart-card-width,
+    $kendo-orgchart-card-padding-y: $kendo-orgchart-card-padding-y,
+    $kendo-orgchart-card-padding-x: $kendo-orgchart-card-padding-x,
+    $kendo-orgchart-card-border-width: $kendo-orgchart-card-border-width,
+    $kendo-orgchart-card-shadow: $kendo-orgchart-card-shadow,
+    $kendo-orgchart-card-focus-shadow: $kendo-orgchart-card-focus-shadow,
+    $kendo-orgchart-card-title-margin-bottom: $kendo-orgchart-card-title-margin-bottom,
+    $kendo-orgchart-card-title-font-size: $kendo-orgchart-card-title-font-size,
+    $kendo-orgchart-card-subtitle-margin-bottom: $kendo-orgchart-card-subtitle-margin-bottom,
+    $kendo-orgchart-card-subtitle-font-size: $kendo-orgchart-card-subtitle-font-size,
+    $kendo-orgchart-card-body-border-width: $kendo-orgchart-card-body-border-width,
+    $kendo-orgchart-card-body-border-color: $kendo-orgchart-card-body-border-color,
+    $kendo-orgchart-card-body-vbox-margin-right: $kendo-orgchart-card-body-vbox-margin-right,
+    $kendo-orgchart-card-body-vbox-min-height: $kendo-orgchart-card-body-vbox-min-height,
+    $kendo-orgchart-line-size: $kendo-orgchart-line-size,
+    $kendo-orgchart-line-fill: $kendo-orgchart-line-fill,
+    $kendo-orgchart-line-v-height: $kendo-orgchart-line-v-height
+);

package/scss/overlay/_index.scss

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

package/scss/overlay/_layout.scss

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

package/scss/overlay/_theme.scss

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

package/scss/overlay/_variables.scss

@@ -1,4 +1,13 @@
+@use "../core/_index.scss" as *;
+
 $kendo-overlay-theme-colors: $kendo-theme-colors !default;
 
 $kendo-overlay-bg: $kendo-color-black !default;
 $kendo-overlay-opacity: .5 !default;
+
+
+@forward "@progress/kendo-theme-default/scss/overlay/_variables.scss" with (
+    $kendo-overlay-theme-colors: $kendo-overlay-theme-colors,
+    $kendo-overlay-bg: $kendo-overlay-bg,
+    $kendo-overlay-opacity: $kendo-overlay-opacity
+);

package/scss/pager/_index.scss

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

package/scss/pager/_layout.scss

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

package/scss/pager/_theme.scss

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

package/scss/pager/_variables.scss

@@ -1,5 +1,6 @@
-@import "../list/_variables.scss";
-
+@use "../core/_index.scss" as *;
+@use "../list/_variables.scss" as *;
+@use "../button/_variables.scss" as *;
 
 // Pager
 
@@ -171,3 +172,52 @@ $kendo-pager-sizes: (
         pager-dropdown-width: $kendo-pager-lg-dropdown-width
     )
 ) !default;
+
+
+@forward "@progress/kendo-theme-default/scss/pager/_variables.scss" with (
+    $kendo-pager-padding-x: $kendo-pager-padding-x,
+    $kendo-pager-sm-padding-x: $kendo-pager-sm-padding-x,
+    $kendo-pager-md-padding-x: $kendo-pager-md-padding-x,
+    $kendo-pager-lg-padding-x: $kendo-pager-lg-padding-x,
+    $kendo-pager-padding-y: $kendo-pager-padding-y,
+    $kendo-pager-sm-padding-y: $kendo-pager-sm-padding-y,
+    $kendo-pager-md-padding-y: $kendo-pager-md-padding-y,
+    $kendo-pager-lg-padding-y: $kendo-pager-lg-padding-y,
+    $kendo-pager-sm-item-min-width: $kendo-pager-sm-item-min-width,
+    $kendo-pager-md-item-min-width: $kendo-pager-md-item-min-width,
+    $kendo-pager-lg-item-min-width: $kendo-pager-lg-item-min-width,
+    $kendo-pager-sm-item-group-spacing: $kendo-pager-sm-item-group-spacing,
+    $kendo-pager-md-item-group-spacing: $kendo-pager-md-item-group-spacing,
+    $kendo-pager-lg-item-group-spacing: $kendo-pager-lg-item-group-spacing,
+    $kendo-pager-border-width: $kendo-pager-border-width,
+    $kendo-pager-font-family: $kendo-pager-font-family,
+    $kendo-pager-font-size: $kendo-pager-font-size,
+    $kendo-pager-line-height: $kendo-pager-line-height,
+    $kendo-pager-bg: $kendo-pager-bg,
+    $kendo-pager-text: $kendo-pager-text,
+    $kendo-pager-border: $kendo-pager-border,
+    $kendo-pager-focus-bg: $kendo-pager-focus-bg,
+    $kendo-pager-focus-shadow: $kendo-pager-focus-shadow,
+    $kendo-pager-section-spacing: $kendo-pager-section-spacing,
+    $kendo-pager-item-border-width: $kendo-pager-item-border-width,
+    $kendo-pager-item-border-radius: $kendo-pager-item-border-radius,
+    $kendo-pager-item-spacing: $kendo-pager-item-spacing,
+    $kendo-pager-item-bg: $kendo-pager-item-bg,
+    $kendo-pager-item-text: $kendo-pager-item-text,
+    $kendo-pager-item-border: $kendo-pager-item-border,
+    $kendo-pager-item-hover-bg: $kendo-pager-item-hover-bg,
+    $kendo-pager-item-hover-text: $kendo-pager-item-hover-text,
+    $kendo-pager-item-hover-border: $kendo-pager-item-hover-border,
+    $kendo-pager-item-selected-bg: $kendo-pager-item-selected-bg,
+    $kendo-pager-item-selected-text: $kendo-pager-item-selected-text,
+    $kendo-pager-item-selected-border: $kendo-pager-item-selected-border,
+    $kendo-pager-item-focus-opacity: $kendo-pager-item-focus-opacity,
+    $kendo-pager-item-focus-bg: $kendo-pager-item-focus-bg,
+    $kendo-pager-item-focus-shadow: $kendo-pager-item-focus-shadow,
+    $kendo-pager-number-border-radius: $kendo-pager-number-border-radius,
+    $kendo-pager-input-width: $kendo-pager-input-width,
+    $kendo-pager-sm-dropdown-width: $kendo-pager-sm-dropdown-width,
+    $kendo-pager-md-dropdown-width: $kendo-pager-md-dropdown-width,
+    $kendo-pager-lg-dropdown-width: $kendo-pager-lg-dropdown-width,
+    $kendo-pager-sizes: $kendo-pager-sizes
+);

package/scss/panel/_index.scss

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

package/scss/panel/_layout.scss

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

package/scss/panel/_theme.scss

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

package/scss/panel/_variables.scss

@@ -1,34 +1,51 @@
+@use "../core/_index.scss" as *;
+
+// Panel
 
 /// The border radius of the Panel.
 /// @group panel
-$kendo-panel-border-radius: k-border-radius(md);
+$kendo-panel-border-radius: k-border-radius(md) !default;
 /// The width of the border around the Panel.
 /// @group panel
-$kendo-panel-border-width: 1px;
+$kendo-panel-border-width: 1px !default;
 /// The style of the border around the Panel.
 /// @group panel
-$kendo-panel-border-style: solid;
+$kendo-panel-border-style: solid !default;
 
 /// The inline padding of the Panel header.
 /// @group panel
-$kendo-panel-header-padding-inline: k-spacing(2);
+$kendo-panel-header-padding-inline: k-spacing(2) !default;
 /// The block padding of the Panel header.
 /// @group panel
-$kendo-panel-header-padding-block: k-spacing(1);
+$kendo-panel-header-padding-block: k-spacing(1) !default;
 
 /// The inline padding of the Panel content.
 /// @group panel
-$kendo-panel-content-padding-inline: k-spacing(2);
+$kendo-panel-content-padding-inline: k-spacing(2) !default;
 /// The block padding of the Panel content.
 /// @group panel
-$kendo-panel-content-padding-block: k-spacing(1);
+$kendo-panel-content-padding-block: k-spacing(1) !default;
 
 /// The text color of the Panel.
 /// @group panel
-$kendo-panel-text: var(--kendo-component-text, #{$kendo-component-text});
+$kendo-panel-text: var(--kendo-component-text, #{$kendo-component-text}) !default;
 /// The background color of the Panel.
 /// @group panel
-$kendo-panel-bg: var(--kendo-component-bg, #{$kendo-component-bg});
+$kendo-panel-bg: var(--kendo-component-bg, #{$kendo-component-bg}) !default;
 /// The color of the border around the Panel.
 /// @group panel
-$kendo-panel-border: var(--kendo-component-border, #{$kendo-component-border});
+$kendo-panel-border: var(--kendo-component-border, #{$kendo-component-border}) !default;
+
+
+@forward "@progress/kendo-theme-default/scss/panel/_variables.scss" with (
+    $kendo-panel-border-radius: $kendo-panel-border-radius,
+    $kendo-panel-border-width: $kendo-panel-border-width,
+    $kendo-panel-border-style: $kendo-panel-border-style,
+    $kendo-panel-header-padding-inline: $kendo-panel-header-padding-inline,
+    $kendo-panel-header-padding-block: $kendo-panel-header-padding-block,
+    $kendo-panel-content-padding-inline: $kendo-panel-content-padding-inline,
+    $kendo-panel-content-padding-block: $kendo-panel-content-padding-block,
+    $kendo-panel-text: $kendo-panel-text,
+    $kendo-panel-bg: $kendo-panel-bg,
+    $kendo-panel-border: $kendo-panel-border
+);

package/scss/panelbar/_index.scss

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

package/scss/panelbar/_layout.scss

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

package/scss/panelbar/_theme.scss

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

package/scss/panelbar/_variables.scss

@@ -1,3 +1,7 @@
+@use "../core/_index.scss" as *;
+@use "../core/functions/index.import.scss" as *;
+@use "../list/_variables.scss" as *;
+
 // Panelbar
 
 /// The horizontal padding of the PanelBar.
@@ -269,3 +273,90 @@ $kendo-panelbar-header-expanded-border: null !default;
 /// The gradient of the expanded PanelBar header.
 /// @group panelbar
 $kendo-panelbar-header-expanded-gradient: null !default;
+
+
+@forward "@progress/kendo-theme-default/scss/panelbar/_variables.scss" with (
+    $kendo-panelbar-padding-x: $kendo-panelbar-padding-x,
+    $kendo-panelbar-padding-y: $kendo-panelbar-padding-y,
+    $kendo-panelbar-font-family: $kendo-panelbar-font-family,
+    $kendo-panelbar-font-size: $kendo-panelbar-font-size,
+    $kendo-panelbar-line-height: $kendo-panelbar-line-height,
+    $kendo-panelbar-border-width: $kendo-panelbar-border-width,
+    $kendo-panelbar-border-style: $kendo-panelbar-border-style,
+    $kendo-panelbar-item-border-width: $kendo-panelbar-item-border-width,
+    $kendo-panelbar-item-border-style: $kendo-panelbar-item-border-style,
+    $kendo-panelbar-header-padding-x: $kendo-panelbar-header-padding-x,
+    $kendo-panelbar-header-padding-y: $kendo-panelbar-header-padding-y,
+    $kendo-panelbar-item-padding-x: $kendo-panelbar-item-padding-x,
+    $kendo-panelbar-item-padding-y: $kendo-panelbar-item-padding-y,
+    $kendo-panelbar-item-level-count: $kendo-panelbar-item-level-count,
+    $kendo-panelbar-bg: $kendo-panelbar-bg,
+    $kendo-panelbar-text: $kendo-panelbar-text,
+    $kendo-panelbar-border: $kendo-panelbar-border,
+    $kendo-panelbar-header-bg: $kendo-panelbar-header-bg,
+    $kendo-panelbar-header-text: $kendo-panelbar-header-text,
+    $kendo-panelbar-header-border: $kendo-panelbar-header-border,
+    $kendo-panelbar-header-gradient: $kendo-panelbar-header-gradient,
+    $kendo-panelbar-header-hover-bg: $kendo-panelbar-header-hover-bg,
+    $kendo-panelbar-header-hover-text: $kendo-panelbar-header-hover-text,
+    $kendo-panelbar-header-hover-border: $kendo-panelbar-header-hover-border,
+    $kendo-panelbar-header-hover-gradient: $kendo-panelbar-header-hover-gradient,
+    $kendo-panelbar-header-focus-bg: $kendo-panelbar-header-focus-bg,
+    $kendo-panelbar-header-focus-text: $kendo-panelbar-header-focus-text,
+    $kendo-panelbar-header-focus-border: $kendo-panelbar-header-focus-border,
+    $kendo-panelbar-header-focus-gradient: $kendo-panelbar-header-focus-gradient,
+    $kendo-panelbar-header-focus-shadow: $kendo-panelbar-header-focus-shadow,
+    $kendo-panelbar-header-hover-focus-bg: $kendo-panelbar-header-hover-focus-bg,
+    $kendo-panelbar-header-hover-focus-text: $kendo-panelbar-header-hover-focus-text,
+    $kendo-panelbar-header-hover-focus-border: $kendo-panelbar-header-hover-focus-border,
+    $kendo-panelbar-header-hover-focus-gradient: $kendo-panelbar-header-hover-focus-gradient,
+    $kendo-panelbar-header-selected-bg: $kendo-panelbar-header-selected-bg,
+    $kendo-panelbar-header-selected-text: $kendo-panelbar-header-selected-text,
+    $kendo-panelbar-header-selected-border: $kendo-panelbar-header-selected-border,
+    $kendo-panelbar-header-selected-gradient: $kendo-panelbar-header-selected-gradient,
+    $kendo-panelbar-header-selected-hover-bg: $kendo-panelbar-header-selected-hover-bg,
+    $kendo-panelbar-header-selected-hover-text: $kendo-panelbar-header-selected-hover-text,
+    $kendo-panelbar-header-selected-hover-border: $kendo-panelbar-header-selected-hover-border,
+    $kendo-panelbar-header-selected-hover-gradient: $kendo-panelbar-header-selected-hover-gradient,
+    $kendo-panelbar-header-selected-focus-bg: $kendo-panelbar-header-selected-focus-bg,
+    $kendo-panelbar-header-selected-focus-text: $kendo-panelbar-header-selected-focus-text,
+    $kendo-panelbar-header-selected-focus-border: $kendo-panelbar-header-selected-focus-border,
+    $kendo-panelbar-header-selected-focus-gradient: $kendo-panelbar-header-selected-focus-gradient,
+    $kendo-panelbar-header-selected-hover-focus-bg: $kendo-panelbar-header-selected-hover-focus-bg,
+    $kendo-panelbar-header-selected-hover-focus-text: $kendo-panelbar-header-selected-hover-focus-text,
+    $kendo-panelbar-header-selected-hover-focus-border: $kendo-panelbar-header-selected-hover-focus-border,
+    $kendo-panelbar-header-selected-hover-focus-gradient: $kendo-panelbar-header-selected-hover-focus-gradient,
+    $kendo-panelbar-item-hover-bg: $kendo-panelbar-item-hover-bg,
+    $kendo-panelbar-item-hover-text: $kendo-panelbar-item-hover-text,
+    $kendo-panelbar-item-hover-border: $kendo-panelbar-item-hover-border,
+    $kendo-panelbar-item-hover-gradient: $kendo-panelbar-item-hover-gradient,
+    $kendo-panelbar-item-focus-bg: $kendo-panelbar-item-focus-bg,
+    $kendo-panelbar-item-focus-text: $kendo-panelbar-item-focus-text,
+    $kendo-panelbar-item-focus-border: $kendo-panelbar-item-focus-border,
+    $kendo-panelbar-item-focus-gradient: $kendo-panelbar-item-focus-gradient,
+    $kendo-panelbar-item-focus-shadow: $kendo-panelbar-item-focus-shadow,
+    $kendo-panelbar-item-hover-focus-bg: $kendo-panelbar-item-hover-focus-bg,
+    $kendo-panelbar-item-hover-focus-text: $kendo-panelbar-item-hover-focus-text,
+    $kendo-panelbar-item-hover-focus-border: $kendo-panelbar-item-hover-focus-border,
+    $kendo-panelbar-item-hover-focus-gradient: $kendo-panelbar-item-hover-focus-gradient,
+    $kendo-panelbar-item-selected-bg: $kendo-panelbar-item-selected-bg,
+    $kendo-panelbar-item-selected-text: $kendo-panelbar-item-selected-text,
+    $kendo-panelbar-item-selected-border: $kendo-panelbar-item-selected-border,
+    $kendo-panelbar-item-selected-gradient: $kendo-panelbar-item-selected-gradient,
+    $kendo-panelbar-item-selected-hover-bg: $kendo-panelbar-item-selected-hover-bg,
+    $kendo-panelbar-item-selected-hover-text: $kendo-panelbar-item-selected-hover-text,
+    $kendo-panelbar-item-selected-hover-border: $kendo-panelbar-item-selected-hover-border,
+    $kendo-panelbar-item-selected-hover-gradient: $kendo-panelbar-item-selected-hover-gradient,
+    $kendo-panelbar-item-selected-focus-bg: $kendo-panelbar-item-selected-focus-bg,
+    $kendo-panelbar-item-selected-focus-text: $kendo-panelbar-item-selected-focus-text,
+    $kendo-panelbar-item-selected-focus-border: $kendo-panelbar-item-selected-focus-border,
+    $kendo-panelbar-item-selected-focus-gradient: $kendo-panelbar-item-selected-focus-gradient,
+    $kendo-panelbar-item-selected-hover-focus-bg: $kendo-panelbar-item-selected-hover-focus-bg,
+    $kendo-panelbar-item-selected-hover-focus-text: $kendo-panelbar-item-selected-hover-focus-text,
+    $kendo-panelbar-item-selected-hover-focus-border: $kendo-panelbar-item-selected-hover-focus-border,
+    $kendo-panelbar-item-selected-hover-focus-gradient: $kendo-panelbar-item-selected-hover-focus-gradient,
+    $kendo-panelbar-header-expanded-bg: $kendo-panelbar-header-expanded-bg,
+    $kendo-panelbar-header-expanded-text: $kendo-panelbar-header-expanded-text,
+    $kendo-panelbar-header-expanded-border: $kendo-panelbar-header-expanded-border,
+    $kendo-panelbar-header-expanded-gradient: $kendo-panelbar-header-expanded-gradient
+);

package/scss/pdf-viewer/_index.scss

@@ -1,56 +1,33 @@
-@import "../core/_index.scss";
-@import "../utils/_index.scss";
-
-
-// Module meta
-$_kendo-module-meta: (
-    name: "pdf-viewer",
-    dependencies: (
-        "button",
-        "combobox",
-        "dialog",
-        "dropzone",
-        "icon",
-        "pager",
-        "textbox",
-        "toolbar",
-        "window"
-    )
-);
-
-
 // Dependencies
-// @import "../utils/_index.scss";
-@import "../combobox/_index.scss";
-@import "../toolbar/_index.scss";
-@import "../dialog/_index.scss";
-@import "../pager/_index.scss";
-@import "../icons/_index.scss";
-@import "../dropzone/_index.scss";
-@import "../window/_index.scss";
-
+@use "../core/_index.scss" as *;
+@use "../icons/_index.scss" as *;
+@use "../utils/_index.scss" as *;
+@use "../combobox/_index.scss" as *;
+@use "../toolbar/_index.scss" as *;
+@use "../dialog/_index.scss" as *;
+@use "../pager/_index.scss" as *;
+@use "../dropzone/_index.scss" as *;
+@use "../window/_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-pdf-viewer--styles() {
-    @include module-render( "pdf-viewer" ) {
+    @include import-once( "pdf-viewer" ) {
+        @include core-styles();
+        @include kendo-combobox--styles();
+        @include kendo-toolbar--styles();
+        @include kendo-dialog--styles();
+        @include kendo-pager--styles();
+        @include kendo-icon--styles();
+        @include kendo-dropzone--styles();
+        @include kendo-window--styles();
         @include kendo-pdf-viewer--layout();
         @include kendo-pdf-viewer--theme();
         @include kendo-utils--layout--overflow();
         @include kendo-utils--layout--position();
     }
 }
-
-@if $kendo-auto-bootstrap {
-    @include kendo-pdf-viewer--styles();
-}

package/scss/pdf-viewer/_layout.scss

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

package/scss/pdf-viewer/_theme.scss

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