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

package/scss/menu-button/_index.scss

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

package/scss/menu-button/_layout.scss

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

package/scss/menu-button/_theme.scss

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

package/scss/menu-button/_variables.scss

@@ -1,5 +1,12 @@
+@use "../button/_variables.scss" as *;
+
 // Menu-button
 
 /// The horizontal padding of the button arrow in the Menu Button.
 /// @group menu-button
 $kendo-menu-button-arrow-padding-x: $kendo-button-padding-y !default;
+
+
+@forward "@progress/kendo-theme-default/scss/menu-button/_variables.scss" with (
+    $kendo-menu-button-arrow-padding-x: $kendo-menu-button-arrow-padding-x
+);

package/scss/messagebox/_index.scss

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

package/scss/messagebox/_layout.scss

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

package/scss/messagebox/_theme.scss

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

package/scss/messagebox/_variables.scss

@@ -1,7 +1,9 @@
+@use "../core/_index.scss" as *;
+
 // Message box
 $kendo-message-box-margin: 0 0 k-spacing(4) 0 !default;
-$kendo-message-box-padding-x: $kendo-padding-md-x !default;
-$kendo-message-box-padding-y: $kendo-padding-md-y !default;
+$kendo-message-box-padding-x: k-spacing(2) !default;
+$kendo-message-box-padding-y: k-spacing(1) !default;
 $kendo-message-box-border-width: 0 0 0 4px !default;
 
 $kendo-message-box-font-size: var( --kendo-font-size, inherit ) !default;
@@ -13,3 +15,18 @@ $kendo-message-box-border-level: -9 !default;
 
 $kendo-message-box-link-font-style: italic !default;
 $kendo-message-box-link-text-decoration: underline !default;
+
+
+@forward "@progress/kendo-theme-default/scss/messagebox/_variables.scss" with (
+    $kendo-message-box-margin: $kendo-message-box-margin,
+    $kendo-message-box-padding-x: $kendo-message-box-padding-x,
+    $kendo-message-box-padding-y: $kendo-message-box-padding-y,
+    $kendo-message-box-border-width: $kendo-message-box-border-width,
+    $kendo-message-box-font-size: $kendo-message-box-font-size,
+    $kendo-message-box-line-height: $kendo-message-box-line-height,
+    $kendo-message-box-bg-level: $kendo-message-box-bg-level,
+    $kendo-message-box-text-level: $kendo-message-box-text-level,
+    $kendo-message-box-border-level: $kendo-message-box-border-level,
+    $kendo-message-box-link-font-style: $kendo-message-box-link-font-style,
+    $kendo-message-box-link-text-decoration: $kendo-message-box-link-text-decoration
+);

package/scss/multiselect/_index.scss

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

package/scss/multiselect/_layout.scss

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

package/scss/multiselect/_theme.scss

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

package/scss/no-data/_index.scss

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

package/scss/no-data/_layout.scss

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

package/scss/no-data/_theme.scss

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

package/scss/no-data/_variables.scss

@@ -1,3 +1,5 @@
+@use "../core/_index.scss" as *;
+
 /// The minimum height of the 'No Data' text container.
 /// @group no-data
 $kendo-no-data-min-height: 140px !default;
@@ -5,3 +7,9 @@ $kendo-no-data-min-height: 140px !default;
 /// The color of the 'No Data' text.
 /// @group no-data
 $kendo-no-data-text: $kendo-subtle-text !default;
+
+
+@forward "@progress/kendo-theme-default/scss/no-data/_variables.scss" with (
+    $kendo-no-data-min-height: $kendo-no-data-min-height,
+    $kendo-no-data-text: $kendo-no-data-text
+);

package/scss/notification/_functions.scss

@@ -0,0 +1,17 @@
+@use "sass:map";
+@use "../core/_index.scss" as *;
+@use "../core/functions/index.import.scss" as *;
+
+@function notification-theme( $colors ) {
+    $_theme: ();
+
+    @each $name, $color in $colors {
+        $_theme: map.merge(( $name: (
+            color: if($kendo-enable-color-system, k-color( on-#{$name} ), k-contrast-legacy( $color )),
+            background-color: $color,
+            border: $color,
+        )), $_theme );
+    }
+
+    @return $_theme;
+}

package/scss/notification/_index.scss

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

package/scss/notification/_layout.scss

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

package/scss/notification/_theme.scss

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

package/scss/notification/_variables.scss

@@ -1,3 +1,8 @@
+@use "../core/_index.scss" as *;
+@use "./_functions.scss" as *;
+@use "../popup/_variables.scss" as *;
+@use "../icons/_variables.scss" as *;
+
 // Notification
 
 
@@ -43,23 +48,28 @@ $kendo-notification-shadow: $kendo-popup-shadow !default;
 /// @group notification
 $kendo-notification-icon-spacing: $kendo-icon-spacing !default;
 
-@function notification-theme( $colors ) {
-    $_theme: ();
-
-    @each $name, $color in $colors {
-        $_theme: k-map-merge(( $name: (
-            color: if($kendo-enable-color-system, k-color( on-#{$name} ), k-contrast-legacy( $color )),
-            background-color: $color,
-            border: $color,
-        )), $_theme );
-    }
-
-    @return $_theme;
-}
-
 /// The theme colors map for the Notification.
 /// @group notification
 $kendo-notification-theme-colors: $kendo-theme-colors !default;
 /// The generated theme colors map for the Notification.
 /// @group notification
 $kendo-notification-theme: notification-theme( $kendo-notification-theme-colors ) !default;
+
+
+@forward "@progress/kendo-theme-default/scss/notification/_variables.scss" with (
+    $kendo-notification-group-gap: $kendo-notification-group-gap,
+    $kendo-notification-padding-x: $kendo-notification-padding-x,
+    $kendo-notification-padding-y: $kendo-notification-padding-y,
+    $kendo-notification-border-width: $kendo-notification-border-width,
+    $kendo-notification-border-radius: $kendo-notification-border-radius,
+    $kendo-notification-font-family: $kendo-notification-font-family,
+    $kendo-notification-font-size: $kendo-notification-font-size,
+    $kendo-notification-line-height: $kendo-notification-line-height,
+    $kendo-notification-bg: $kendo-notification-bg,
+    $kendo-notification-text: $kendo-notification-text,
+    $kendo-notification-border: $kendo-notification-border,
+    $kendo-notification-shadow: $kendo-notification-shadow,
+    $kendo-notification-icon-spacing: $kendo-notification-icon-spacing,
+    $kendo-notification-theme-colors: $kendo-notification-theme-colors,
+    $kendo-notification-theme: $kendo-notification-theme
+);

package/scss/numerictextbox/_index.scss

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

package/scss/numerictextbox/_layout.scss

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

package/scss/numerictextbox/_theme.scss

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

package/scss/orgchart/_index.scss

@@ -1,53 +1,32 @@
-@import "../core/_index.scss";
-@import "../utils/_index.scss";
-
-
-// Module meta
-$_kendo-module-meta: (
-    name: "orgchart",
-    dependencies: (
-        "action-buttons",
-        "avatar",
-        "button",
-        "card",
-        "dropdown-list",
-        "form",
-        "icon",
-        "menu",
-        "menu-button",
-        "textbox",
-        "upload",
-        "window"
-    )
-);
-
-
 // Dependencies
-// @import "../utils/_index.scss";
-@import "../icons/_index.scss";
-@import "../forms/_index.scss";
-@import "../textbox/_index.scss";
-@import "../dropdownlist/_index.scss";
-@import "../upload/_index.scss";
-@import "../menu/_index.scss";
-@import "../card/_index.scss";
-@import "../window/_index.scss";
-
+@use "../core/_index.scss" as *;
+@use "../icons/_index.scss" as *;
+@use "../utils/_index.scss" as *;
+@use "../forms/_index.scss" as *;
+@use "../textbox/_index.scss" as *;
+@use "../dropdownlist/_index.scss" as *;
+@use "../upload/_index.scss" as *;
+@use "../menu/_index.scss" as *;
+@use "../card/_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-orgchart--styles() {
-    @include module-render( "orgchart" ) {
+    @include import-once( "orgchart" ) {
+        @include core-styles();
+        @include kendo-icon--styles();
+        @include kendo-form--styles();
+        @include kendo-textbox--styles();
+        @include kendo-dropdown-list--styles();
+        @include kendo-upload--styles();
+        @include kendo-menu--styles();
+        @include kendo-card--styles();
+        @include kendo-window--styles();
         @include kendo-orgchart--layout();
         @include kendo-orgchart--theme();
         @include kendo-utils--layout--overflow();
@@ -56,7 +35,3 @@ $_kendo-module-meta: (
         @include kendo-utils--flex-grid--justify-content();
     }
 }
-
-@if $kendo-auto-bootstrap {
-    @include kendo-orgchart--styles();
-}

package/scss/orgchart/_layout.scss

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

package/scss/orgchart/_theme.scss

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