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

package/scss/validator/_index.scss

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

package/scss/validator/_layout.scss

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

package/scss/validator/_theme.scss

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

package/scss/virtual-scroller/_index.scss

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

package/scss/virtual-scroller/_layout.scss

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

package/scss/virtual-scroller/_theme.scss

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

package/scss/window/_index.scss

@@ -1,46 +1,26 @@
-@import "../core/_index.scss";
-
-
-// Module meta
-$_kendo-module-meta: (
-    name: "window",
-    dependencies: (
-        "action-buttons",
-        "button",
-        "form",
-        "icon",
-        "overlay"
-    )
-);
-
-
 // Dependencies
-@import "../overlay/_index.scss";
-@import "../forms/_index.scss";
-@import "../button/_index.scss";
-@import "../action-buttons/_index.scss";
-@import "../icons/_index.scss";
-
+@use "../core/_index.scss" as *;
+@use "../icons/_index.scss" as *;
+@use "../overlay/_index.scss" as *;
+@use "../forms/_index.scss" as *;
+@use "../button/_index.scss" as *;
+@use "../action-buttons/_index.scss" as *;
 
 // Component
-@import "./_variables.scss";
-@import "./_layout.scss";
-@import "./_theme.scss";
-
-
-// Register
-@import "../core/module-system/index.import.scss";
-@include module-register( $_kendo-module-meta... );
-
+@forward "./_variables.scss";
+@use "./_layout.scss" as *;
+@use "./_theme.scss" as *;
 
 // Expose
 @mixin kendo-window--styles() {
-    @include module-render( "window" ) {
+    @include import-once( "window" ) {
+        @include core-styles();
+        @include kendo-overlay--styles();
+        @include kendo-form--styles();
+        @include kendo-button--styles();
+        @include kendo-action-buttons--styles();
+        @include kendo-icon--styles();
         @include kendo-window--layout();
         @include kendo-window--theme();
     }
 }
-
-@if $kendo-auto-bootstrap {
-    @include kendo-window--styles();
-}

package/scss/window/_layout.scss

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

package/scss/window/_theme.scss

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

package/scss/window/_variables.scss

@@ -1,4 +1,6 @@
-@import "../action-buttons/_variables.scss";
+@use "sass:map";
+@use "../action-buttons/_variables.scss" as *;
+@use "../core/_index.scss" as *;
 
 // Window
 
@@ -105,7 +107,41 @@ $kendo-window-sizes: (
 /// The theme colors map for the Window.
 /// @group window
 $kendo-window-theme-colors: (
-    "primary": k-map-get($kendo-theme-colors, "primary"),
-    "light": k-map-get($kendo-theme-colors, "light"),
-    "dark": k-map-get($kendo-theme-colors, "dark")
+    "primary": map.get($kendo-theme-colors, "primary"),
+    "light": map.get($kendo-theme-colors, "light"),
+    "dark": map.get($kendo-theme-colors, "dark")
 ) !default;
+
+
+@forward "@progress/kendo-theme-default/scss/window/_variables.scss" with (
+    $kendo-window-border-width: $kendo-window-border-width,
+    $kendo-window-border-radius: $kendo-window-border-radius,
+    $kendo-window-font-family: $kendo-window-font-family,
+    $kendo-window-font-size: $kendo-window-font-size,
+    $kendo-window-line-height: $kendo-window-line-height,
+    $kendo-window-titlebar-padding-x: $kendo-window-titlebar-padding-x,
+    $kendo-window-titlebar-padding-y: $kendo-window-titlebar-padding-y,
+    $kendo-window-titlebar-border-width: $kendo-window-titlebar-border-width,
+    $kendo-window-titlebar-border-style: $kendo-window-titlebar-border-style,
+    $kendo-window-title-font-size: $kendo-window-title-font-size,
+    $kendo-window-title-line-height: $kendo-window-title-line-height,
+    $kendo-window-actions-gap: $kendo-window-actions-gap,
+    $kendo-window-action-opacity: $kendo-window-action-opacity,
+    $kendo-window-action-hover-opacity: $kendo-window-action-hover-opacity,
+    $kendo-window-inner-padding-x: $kendo-window-inner-padding-x,
+    $kendo-window-inner-padding-y: $kendo-window-inner-padding-y,
+    $kendo-window-buttongroup-padding-x: $kendo-window-buttongroup-padding-x,
+    $kendo-window-buttongroup-padding-y: $kendo-window-buttongroup-padding-y,
+    $kendo-window-buttongroup-border-width: $kendo-window-buttongroup-border-width,
+    $kendo-window-bg: $kendo-window-bg,
+    $kendo-window-text: $kendo-window-text,
+    $kendo-window-border: $kendo-window-border,
+    $kendo-window-shadow: $kendo-window-shadow,
+    $kendo-window-focus-shadow: $kendo-window-focus-shadow,
+    $kendo-window-titlebar-bg: $kendo-window-titlebar-bg,
+    $kendo-window-titlebar-text: $kendo-window-titlebar-text,
+    $kendo-window-titlebar-border: $kendo-window-titlebar-border,
+    $kendo-window-titlebar-gradient: $kendo-window-titlebar-gradient,
+    $kendo-window-sizes: $kendo-window-sizes,
+    $kendo-window-theme-colors: $kendo-window-theme-colors
+);

package/scss/wizard/_index.scss

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

package/scss/wizard/_layout.scss

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

package/scss/wizard/_theme.scss

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

package/scss/wizard/_variables.scss

@@ -1,17 +1,19 @@
+@use "../core/_index.scss" as *;
+
 // Wizard
 
 /// The horizontal padding of the Wizard.
 /// @group wizard
-$kendo-wizard-padding-x: calc( #{$kendo-padding-md-x} * 2.5 ) !default;
+$kendo-wizard-padding-x: calc( #{k-spacing(2)} * 2.5 ) !default;
 /// The vertical padding of the Wizard.
 /// @group wizard
 $kendo-wizard-padding-y: $kendo-wizard-padding-x !default;
 /// The horizontal padding of the Wizard content.
 /// @group wizard
-$kendo-wizard-content-padding-x: calc( #{$kendo-padding-md-x} * 4 ) !default;
+$kendo-wizard-content-padding-x: calc( #{k-spacing(2)} * 4 ) !default;
 /// The vertical padding of the Wizard content.
 /// @group wizard
-$kendo-wizard-content-padding-y: calc( #{$kendo-padding-md-y} * 8 ) !default;
+$kendo-wizard-content-padding-y: calc( #{k-spacing(1)} * 8 ) !default;
 /// The horizontal margin of the Wizard's Button container.
 /// @group wizard
 $kendo-wizard-buttons-margin-x: k-spacing(2.5) !default;
@@ -32,3 +34,17 @@ $kendo-wizard-font-family: var( --kendo-font-family, inherit ) !default;
 /// The outline of the focused Wizard step.
 /// @group wizard
 $kendo-wizard-step-focus-border: #656565 !default;
+
+
+@forward "@progress/kendo-theme-default/scss/wizard/_variables.scss" with (
+    $kendo-wizard-padding-x: $kendo-wizard-padding-x,
+    $kendo-wizard-padding-y: $kendo-wizard-padding-y,
+    $kendo-wizard-content-padding-x: $kendo-wizard-content-padding-x,
+    $kendo-wizard-content-padding-y: $kendo-wizard-content-padding-y,
+    $kendo-wizard-buttons-margin-x: $kendo-wizard-buttons-margin-x,
+    $kendo-wizard-border-width: $kendo-wizard-border-width,
+    $kendo-wizard-font-size: $kendo-wizard-font-size,
+    $kendo-wizard-line-height: $kendo-wizard-line-height,
+    $kendo-wizard-font-family: $kendo-wizard-font-family,
+    $kendo-wizard-step-focus-border: $kendo-wizard-step-focus-border
+);

package/scss/core/module-system/index.import.scss

@@ -1 +0,0 @@
-@import "@progress/kendo-theme-core/scss/module-system/index.import.scss";