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

package/scss/index.scss

@@ -1,181 +1,336 @@
-@import "./core/_index.scss";
+@forward "./core/_index.scss";
 
 
 // Typography
-@import "./typography/_index.scss";
+@forward "./typography/_index.scss";
 
 
 // Generic content
-@import "./icons/_index.scss";
-@import "./messagebox/_index.scss";
+@forward "./icons/_index.scss";
+@forward "./messagebox/_index.scss";
 
 
 // Primitive components
-@import "./draggable/_index.scss";
-@import "./list/_index.scss";
-@import "./listgroup/_index.scss";
-@import "./overlay/_index.scss";
-@import "./popup/_index.scss";
-@import "./ripple/_index.scss";
-@import "./table/_index.scss";
-@import "./virtual-scroller/_index.scss";
-@import "./no-data/_index.scss";
-
+@forward "./draggable/_index.scss";
+@forward "./list/_index.scss";
+@forward "./listgroup/_index.scss";
+@forward "./overlay/_index.scss";
+@forward "./popup/_index.scss";
+@forward "./ripple/_index.scss";
+@forward "./table/_index.scss";
+@forward "./virtual-scroller/_index.scss";
+@forward "./no-data/_index.scss";
 
 // Indicators
-@import "./avatar/_index.scss";
-@import "./badge/_index.scss";
-@import "./chip/_index.scss";
-@import "./color-preview/_index.scss";
-@import "./loader/_index.scss";
-// @import "./loading/_index.scss";
-@import "./skeleton/_index.scss";
-@import "./time-marker/_index.scss";
+@forward "./avatar/_index.scss";
+@forward "./badge/_index.scss";
+@forward "./color-preview/_index.scss";
+@forward "./loader/_index.scss";
+@forward "./skeleton/_index.scss";
+@forward "./time-marker/_index.scss";
+
+@forward "./tooltip/_index.scss";
 
+// Native forms
+@forward "./button/_index.scss";
+@forward "./input/_index.scss";
+@forward "./floating-label/_index.scss";
+@forward "./textbox/_index.scss";
+@forward "./textarea/_index.scss";
+@forward "./checkbox/_index.scss";
+@forward "./listbox/_index.scss";
+@forward "./progressbar/_index.scss";
+@forward "./radio/_index.scss";
+@forward "./slider/_index.scss";
+@forward "./chip/_index.scss";
+
+@forward "./action-buttons/_index.scss";
+@forward "./menu/_index.scss";
+@forward "./menu-button/_index.scss";
+@forward "./split-button/_index.scss";
+@forward "./toolbar/_index.scss";
 
 // Form helpers
-@import "./forms/_index.scss";
-@import "./validator/_index.scss";
-@import "./floating-label/_index.scss";
+@forward "./forms/_index.scss";
+@forward "./validator/_index.scss";
+
+// Form requirements
+@forward "./calendar/_index.scss";
+@forward "./timeselector/_index.scss";
+
+
+// Augmented forms
+@forward "./autocomplete/_index.scss";
+@forward "./captcha/_index.scss";
+@forward "./colorpalette/_index.scss";
+@forward "./numerictextbox/_index.scss";
+@forward "./colorgradient/_index.scss";
+@forward "./coloreditor/_index.scss";
+@forward "./colorpicker/_index.scss";
+@forward "./combobox/_index.scss";
+@forward "./dateinput/_index.scss";
+@forward "./datepicker/_index.scss";
+@forward "./timepicker/_index.scss";
+@forward "./datetimepicker/_index.scss";
+@forward "./timedurationpicker/_index.scss";
+@forward "./daterangepicker/_index.scss";
+@forward "./dropdowngrid/_index.scss";
+@forward "./dropdownlist/_index.scss";
+@forward "./multiselect/_index.scss";
+@forward "./treeview/_index.scss";
+@forward "./dropdowntree/_index.scss";
+@forward "./maskedtextbox/_index.scss";
+@forward "./rating/_index.scss";
+@forward "./searchbox/_index.scss";
+@forward "./switch/_index.scss";
+@forward "./dropzone/_index.scss";
+@forward "./upload/_index.scss";
+
+
+// Command interfaces
+@forward "./appbar/_index.scss";
+@forward "./fab/_index.scss";
+
+@forward "./card/_index.scss";
+
+// Popups and modals
+@forward "./action-sheet/_index.scss";
+@forward "./window/_index.scss";
+@forward "./dialog/_index.scss";
+@forward "./drawer/_index.scss";
+@forward "./notification/_index.scss";
+@forward "./popover/_index.scss";
+@forward "./responsivepanel/_index.scss";
+
+
+// Navigation
+@forward "./bottom-navigation/_index.scss";
+@forward "./breadcrumb/_index.scss";
+@forward "./pager/_index.scss";
+@forward "./stepper/_index.scss";
+@forward "./tabstrip/_index.scss";
+@forward "./wizard/_index.scss";
+
+
+// Layout & containers
+@forward "./expansion-panel/_index.scss";
+@forward "./panel/_index.scss";
+@forward "./panelbar/_index.scss";
+@forward "./splitter/_index.scss";
+@forward "./tilelayout/_index.scss";
+@forward "./dock-manager/_index.scss";
+@forward "./adaptive/_index.scss";
+@forward "./grid/_index.scss";
+@forward "./listview/_index.scss";
+
+
+// Data management
+
+
+@forward "./spreadsheet/_index.scss";
+@forward "./pivotgrid/_index.scss";
+@forward "./treelist/_index.scss";
+@forward "./filter/_index.scss";
+@forward "./filemanager/_index.scss";
+@forward "./taskboard/_index.scss";
+
+
+// Editors
+@forward "./editor/_index.scss";
+@forward "./imageeditor/_index.scss";
+
+
+// Scheduling
+@forward "./gantt/_index.scss";
+@forward "./scheduler/_index.scss";
+
+
+// Misc
+
+@forward "./chat/_index.scss";
+@forward "./mediaplayer/_index.scss";
+@forward "./timeline/_index.scss";
+@forward "./pdf-viewer/_index.scss";
+@forward "./scroller/_index.scss";
+@forward "./scrollview/_index.scss";
+@forward "./prompt/_index.scss";
+
+
+// Dataviz
+@forward "./dataviz/_index.scss";
+@forward "./chart-wizard/_index.scss";
+@forward "./map/_index.scss";
+@forward "./orgchart/_index.scss";
+@forward "./signature/_index.scss";
+
+@use "./core/_index.scss" as *;
+
+
+// Typography
+@use "./typography/_index.scss" as *;
+
+
+// Generic content
+@use "./icons/_index.scss" as *;
+@use "./messagebox/_index.scss" as *;
+
+
+// Primitive components
+@use "./draggable/_index.scss" as *;
+@use "./list/_index.scss" as *;
+@use "./listgroup/_index.scss" as *;
+@use "./overlay/_index.scss" as *;
+@use "./popup/_index.scss" as *;
+@use "./ripple/_index.scss" as *;
+@use "./table/_index.scss" as *;
+@use "./virtual-scroller/_index.scss" as *;
+@use "./no-data/_index.scss" as *;
+
+
+// Indicators
+@use "./avatar/_index.scss" as *;
+@use "./badge/_index.scss" as *;
+@use "./chip/_index.scss" as *;
+@use "./color-preview/_index.scss" as *;
+@use "./loader/_index.scss" as *;
+@use "./skeleton/_index.scss" as *;
+@use "./time-marker/_index.scss" as *;
 
 
 // Native forms
-@import "./button/_index.scss";
-@import "./split-button/_index.scss";
-@import "./menu-button/_index.scss";
-@import "./input/_index.scss";
-@import "./textbox/_index.scss";
-@import "./textarea/_index.scss";
-@import "./checkbox/_index.scss";
-@import "./listbox/_index.scss";
-@import "./progressbar/_index.scss";
-@import "./radio/_index.scss";
-@import "./slider/_index.scss";
+@use "./button/_index.scss" as *;
+@use "./split-button/_index.scss" as *;
+@use "./menu-button/_index.scss" as *;
+@use "./input/_index.scss" as *;
+@use "./textbox/_index.scss" as *;
+@use "./textarea/_index.scss" as *;
+@use "./checkbox/_index.scss" as *;
+@use "./listbox/_index.scss" as *;
+@use "./progressbar/_index.scss" as *;
+@use "./radio/_index.scss" as *;
+@use "./slider/_index.scss" as *;
+
 
+// Form helpers
+@use "./forms/_index.scss" as *;
+@use "./validator/_index.scss" as *;
+@use "./floating-label/_index.scss" as *;
 
 // Form requirements
-@import "./calendar/_index.scss";
-@import "./timeselector/_index.scss";
+@use "./calendar/_index.scss" as *;
+@use "./timeselector/_index.scss" as *;
 
 
 // Augmented forms
-@import "./autocomplete/_index.scss";
-@import "./captcha/_index.scss";
-@import "./colorpalette/_index.scss";
-@import "./colorgradient/_index.scss";
-@import "./coloreditor/_index.scss";
-@import "./colorpicker/_index.scss";
-@import "./combobox/_index.scss";
-@import "./dateinput/_index.scss";
-@import "./datepicker/_index.scss";
-@import "./timepicker/_index.scss";
-@import "./datetimepicker/_index.scss";
-@import "./timedurationpicker/_index.scss";
-@import "./daterangepicker/_index.scss";
-@import "./dropdowngrid/_index.scss";
-@import "./dropdownlist/_index.scss";
-@import "./dropdowntree/_index.scss";
-@import "./maskedtextbox/_index.scss";
-@import "./multiselect/_index.scss";
-@import "./numerictextbox/_index.scss";
-@import "./rating/_index.scss";
-@import "./searchbox/_index.scss";
-@import "./switch/_index.scss";
-@import "./upload/_index.scss";
-@import "./dropzone/_index.scss";
+@use "./autocomplete/_index.scss" as *;
+@use "./captcha/_index.scss" as *;
+@use "./colorpalette/_index.scss" as *;
+@use "./colorgradient/_index.scss" as *;
+@use "./coloreditor/_index.scss" as *;
+@use "./colorpicker/_index.scss" as *;
+@use "./combobox/_index.scss" as *;
+@use "./dateinput/_index.scss" as *;
+@use "./datepicker/_index.scss" as *;
+@use "./timepicker/_index.scss" as *;
+@use "./datetimepicker/_index.scss" as *;
+@use "./timedurationpicker/_index.scss" as *;
+@use "./daterangepicker/_index.scss" as *;
+@use "./dropdowngrid/_index.scss" as *;
+@use "./dropdownlist/_index.scss" as *;
+@use "./dropdowntree/_index.scss" as *;
+@use "./maskedtextbox/_index.scss" as *;
+@use "./multiselect/_index.scss" as *;
+@use "./numerictextbox/_index.scss" as *;
+@use "./rating/_index.scss" as *;
+@use "./searchbox/_index.scss" as *;
+@use "./switch/_index.scss" as *;
+@use "./upload/_index.scss" as *;
+@use "./dropzone/_index.scss" as *;
 
 
 // Command interfaces
-@import "./action-buttons/_index.scss";
-@import "./appbar/_index.scss";
-@import "./fab/_index.scss";
-@import "./menu/_index.scss";
-@import "./toolbar/_index.scss";
+@use "./action-buttons/_index.scss" as *;
+@use "./appbar/_index.scss" as *;
+@use "./fab/_index.scss" as *;
+@use "./menu/_index.scss" as *;
+@use "./toolbar/_index.scss" as *;
 
 
 // Popups and modals
-@import "./action-sheet/_index.scss";
-@import "./dialog/_index.scss";
-@import "./drawer/_index.scss";
-@import "./notification/_index.scss";
-@import "./popover/_index.scss";
-@import "./responsivepanel/_index.scss";
-@import "./tooltip/_index.scss";
-@import "./window/_index.scss";
+@use "./action-sheet/_index.scss" as *;
+@use "./dialog/_index.scss" as *;
+@use "./drawer/_index.scss" as *;
+@use "./notification/_index.scss" as *;
+@use "./popover/_index.scss" as *;
+@use "./responsivepanel/_index.scss" as *;
+@use "./tooltip/_index.scss" as *;
+@use "./window/_index.scss" as *;
 
 
 // Navigation
-@import "./bottom-navigation/_index.scss";
-@import "./breadcrumb/_index.scss";
-@import "./pager/_index.scss";
-@import "./stepper/_index.scss";
-@import "./tabstrip/_index.scss";
-@import "./treeview/_index.scss";
-@import "./wizard/_index.scss";
+@use "./bottom-navigation/_index.scss" as *;
+@use "./breadcrumb/_index.scss" as *;
+@use "./pager/_index.scss" as *;
+@use "./stepper/_index.scss" as *;
+@use "./tabstrip/_index.scss" as *;
+@use "./treeview/_index.scss" as *;
+@use "./wizard/_index.scss" as *;
 
 
 // Layout & containers
-@import "./card/_index.scss";
-@import "./expansion-panel/_index.scss";
-@import "./panel/_index.scss";
-@import "./panelbar/_index.scss";
-@import "./splitter/_index.scss";
-@import "./tilelayout/_index.scss";
-@import "./dock-manager/_index.scss";
-@import "./chart-wizard/_index.scss";
+@use "./card/_index.scss" as *;
+@use "./expansion-panel/_index.scss" as *;
+@use "./panel/_index.scss" as *;
+@use "./panelbar/_index.scss" as *;
+@use "./splitter/_index.scss" as *;
+@use "./tilelayout/_index.scss" as *;
+@use "./dock-manager/_index.scss" as *;
+@use "./chart-wizard/_index.scss" as *;
 
 
 // Data management
-@import "./grid/_index.scss";
-@import "./listview/_index.scss";
-@import "./spreadsheet/_index.scss";
-@import "./pivotgrid/_index.scss";
-@import "./treelist/_index.scss";
-@import "./filter/_index.scss";
-@import "./filemanager/_index.scss";
-@import "./taskboard/_index.scss";
+@use "./grid/_index.scss" as *;
+@use "./listview/_index.scss" as *;
+@use "./spreadsheet/_index.scss" as *;
+@use "./pivotgrid/_index.scss" as *;
+@use "./treelist/_index.scss" as *;
+@use "./filter/_index.scss" as *;
+@use "./filemanager/_index.scss" as *;
+@use "./taskboard/_index.scss" as *;
 
 
 // Editors
-@import "./editor/_index.scss";
-@import "./imageeditor/_index.scss";
+@use "./editor/_index.scss" as *;
+@use "./imageeditor/_index.scss" as *;
 
 
 // Scheduling
-@import "./gantt/_index.scss";
-@import "./scheduler/_index.scss";
+@use "./gantt/_index.scss" as *;
+@use "./scheduler/_index.scss" as *;
 
 
 // Misc
-@import "./adaptive/_index.scss";
-@import "./chat/_index.scss";
-@import "./mediaplayer/_index.scss";
-@import "./timeline/_index.scss";
-@import "./pdf-viewer/_index.scss";
-@import "./scroller/_index.scss";
-@import "./scrollview/_index.scss";
-@import "./prompt/_index.scss";
+@use "./adaptive/_index.scss" as *;
+@use "./chat/_index.scss" as *;
+@use "./mediaplayer/_index.scss" as *;
+@use "./timeline/_index.scss" as *;
+@use "./pdf-viewer/_index.scss" as *;
+@use "./scroller/_index.scss" as *;
+@use "./scrollview/_index.scss" as *;
+@use "./prompt/_index.scss" as *;
 
 
 // Dataviz
-@import "./dataviz/_index.scss";
-@import "./map/_index.scss";
-@import "./orgchart/_index.scss";
-@import "./signature/_index.scss";
-
-
-// Configuration
-@mixin kendo-theme--config( $config: null ) {
-}
+@use "./dataviz/_index.scss" as *;
+@use "./map/_index.scss" as *;
+@use "./orgchart/_index.scss" as *;
+@use "./signature/_index.scss" as *;
 
 
 // Styles
 @mixin kendo-theme--styles() {
     // Core
-    @include kendo-core--styles();
-
-    // Color system
-    @include color-system-styles();
+    @include core-styles();
 
 
     // Typography
@@ -188,9 +343,10 @@
 
 
     // Primitive components
-    @include kendo-action-buttons--styles();
+    @include kendo-draggable--styles();
     @include kendo-list--styles();
     @include kendo-listgroup--styles();
+    @include kendo-action-buttons--styles();
     @include kendo-overlay--styles();
     @include kendo-popup--styles();
     @include kendo-ripple--styles();

package/scss/input/_index.scss

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

package/scss/input/_layout.scss

@@ -1,3 +1,8 @@
+@use "sass:map";
+@use "../core/_index.scss" as *;
+@use "./_variables.scss" as *;
+@use "../icons/_variables.scss" as *;
+
 @mixin kendo-input--layout-base() {
 
     // Generic input
@@ -415,12 +420,12 @@
 
     // Sizing
     @each $size, $size-props in $kendo-input-sizes {
-        $_padding-x: k-map-get( $size-props, padding-x );
-        $_padding-y: k-map-get( $size-props, padding-y );
-        $_font-size: k-map-get( $size-props, font-size );
-        $_line-height: k-map-get( $size-props, line-height );
-        $_button-padding-x: k-map-get( $size-props, button-padding-x );
-        $_button-padding-y: k-map-get( $size-props, button-padding-y );
+        $_padding-x: map.get( $size-props, padding-x );
+        $_padding-y: map.get( $size-props, padding-y );
+        $_font-size: map.get( $size-props, font-size );
+        $_line-height: map.get( $size-props, line-height );
+        $_button-padding-x: map.get( $size-props, button-padding-x );
+        $_button-padding-y: map.get( $size-props, button-padding-y );
 
         .k-input-#{$size},
         .k-picker-#{$size} {

package/scss/input/_theme.scss

@@ -1,3 +1,6 @@
+@use "../core/_index.scss" as *;
+@use "./_variables.scss" as *;
+
 @mixin kendo-input--theme-base() {
 
     // Solid input

package/scss/input/_variables.scss

@@ -1,3 +1,7 @@
+@use "../core/_index.scss" as *;
+@use "../core/functions/index.import.scss" as *;
+@use "../button/_variables.scss" as *;
+
 // Input
 
 /// The default width of the Input components.

package/scss/list/_index.scss

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