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

package/scss/dropdowntree/_index.scss

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

package/scss/dropdowntree/_layout.scss

@@ -1,3 +1,5 @@
+@use "./variables.scss" as *;
+
 @mixin kendo-dropdown-tree--layout-base() {
 
     // Dropdown tree

package/scss/dropdowntree/_variables.scss

@@ -1,3 +1,5 @@
+@use "../core/_index.scss" as *;
+
 // Dropdowntree
 
 /// The horizontal padding of the DropdownTree popup

package/scss/dropzone/_index.scss

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

package/scss/dropzone/_layout.scss

@@ -1,3 +1,5 @@
+@use "./variables.scss" as *;
+
 @mixin kendo-dropzone--layout-base() {
 
     // Dropzone

package/scss/dropzone/_theme.scss

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

package/scss/dropzone/_variables.scss

@@ -1,3 +1,6 @@
+@use "../core/_index.scss" as *;
+@use "../core/functions/index.import.scss" as *;
+
 // DropZone
 
 /// The horizontal padding of the DropZone.

package/scss/editor/_index.scss

@@ -1,55 +1,32 @@
-@import "../core/_index.scss";
-
-
-
-// Module meta
-$_kendo-module-meta: (
-    name: "editor",
-    dependencies: (
-        "button",
-        "checkbox",
-        "color-picker",
-        "combobox",
-        "dropdown-list",
-        "file-manager",
-        "icon",
-        "toolbar",
-        "upload",
-        "window"
-    )
-);
-
-
 // Dependencies
-@import "../button/_index.scss";
-@import "../checkbox/_index.scss";
-@import "../colorpicker/_index.scss";
-@import "../combobox/_index.scss";
-@import "../dropdownlist/_index.scss";
-@import "../toolbar/_index.scss";
-@import "../upload/_index.scss";
-@import "../window/_index.scss";
-
+@use "../core/_index.scss" as *;
+@use "../button/_index.scss" as *;
+@use "../checkbox/_index.scss" as *;
+@use "../colorpicker/_index.scss" as *;
+@use "../combobox/_index.scss" as *;
+@use "../dropdownlist/_index.scss" as *;
+@use "../toolbar/_index.scss" as *;
+@use "../upload/_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-editor--styles() {
-    @include module-render( "editor" ) {
+    @include import-once( "editor" ) {
+        @include core-styles();
+        @include kendo-button--styles();
+        @include kendo-checkbox--styles();
+        @include kendo-color-picker--styles();
+        @include kendo-combobox--styles();
+        @include kendo-dropdown-list--styles();
+        @include kendo-toolbar--styles();
+        @include kendo-upload--styles();
+        @include kendo-window--styles();
         @include kendo-editor--layout();
         @include kendo-editor--theme();
     }
 }
-
-@if $kendo-auto-bootstrap {
-    @include kendo-editor--styles();
-}

package/scss/editor/_layout.scss

@@ -1,3 +1,10 @@
+@use "sass:math";
+@use "../core/_index.scss" as *;
+@use "./variables.scss" as *;
+@use "../toolbar/_variables.scss" as *;
+@use "../window/_variables.scss" as *;
+@use "../input/_variables.scss" as *;
+
 @mixin kendo-editor--layout-base() {
 
     // Base
@@ -30,8 +37,8 @@
     // Inline editor
     .k-editor-inline {
         @include border-radius( k-border-radius(md) );
-        padding-block: $kendo-padding-sm-y;
-        padding-inline: $kendo-padding-sm-x;
+        padding-block: $kendo-editor-inline-padding-y;
+        padding-inline: $kendo-editor-inline-padding-x;
         border: 1px solid transparent;
         word-wrap: break-word;
         overflow: auto;
@@ -169,7 +176,7 @@
         }
 
         > .ProseMirror { // stylelint-disable-line
-            padding: $kendo-padding-md-x;
+            padding: $kendo-editor-content-padding;
             width: 100%;
             height: 100%;
             position: relative;
@@ -280,8 +287,8 @@
     // Insert table
     .k-ct-popup {
         box-sizing: border-box;
-        width: $ct-cell-size * 10 - k-math-div( $ct-cell-size, 2 );
-        padding: k-math-div( $ct-cell-size, 4 );
+        width: $ct-cell-size * 10 - math.div( $ct-cell-size, 2 );
+        padding: math.div( $ct-cell-size, 4 );
 
         .k-button {
             width: 100%;
@@ -424,8 +431,8 @@
             height: 390px;
             max-height: 50vh;
             margin: 0 0 k-spacing(4);
-            padding-block: $kendo-padding-md-y;
-            padding-inline: $kendo-padding-md-x;
+            padding-block: $kendo-editor-filebrowser-tiles-padding-y;
+            padding-inline: $kendo-editor-filebrowser-tiles-padding-x;
             border-top-width: 0;
             overflow: auto;
         }
@@ -433,8 +440,8 @@
         .k-tile {
             width: 33%;
             height: 90px;
-            padding-block: $kendo-padding-md-y;
-            padding-inline: $kendo-padding-md-x;
+            padding-block: $kendo-editor-filebrowser-tiles-padding-y;
+            padding-inline: $kendo-editor-filebrowser-tiles-padding-x;
             box-sizing: border-box;
             white-space: nowrap;
             overflow: hidden;
@@ -478,7 +485,7 @@
 
         .k-thumb {
             float: left;
-            margin-right: $kendo-padding-sm-x;
+            margin-right: $kendo-editor-filebrowser-tiles-padding-y;
         }
 
         .k-breadcrumbs-wrap {
@@ -532,8 +539,8 @@
 
             td {
                 min-width: 1px;
-                padding-block: $kendo-padding-sm-y;
-                padding-inline: $kendo-padding-sm-x;
+                padding-block: $kendo-editor-inline-padding-y;
+                padding-inline: $kendo-editor-inline-padding-x;
             }
         }
 

package/scss/editor/_theme.scss

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

package/scss/editor/_variables.scss

@@ -1,3 +1,7 @@
+@use "../core/_index.scss" as *;
+@use "../core/functions/index.import.scss" as *;
+@use "../input/_variables.scss" as *;
+
 // Editor
 
 /// The width of the border around the Еditor.
@@ -54,3 +58,21 @@ $kendo-editor-selectednode-outline-width: 2px !default;
 /// The outline color of the Editor's selected node.
 /// @group editor
 $kendo-editor-selectednode-outline-color: #88ccff !default;
+
+/// The horizontal padding of the inline Editor.
+/// @group editor
+$kendo-editor-inline-padding-x: k-spacing(1) !default;
+/// The vertical padding of the inline Editor.
+/// @group editor
+$kendo-editor-inline-padding-y: k-spacing(0.5) !default;
+
+/// The horizontal padding of the Editor file browser tiles.
+/// @group editor
+$kendo-editor-filebrowser-tiles-padding-x: k-spacing(2) !default;
+/// The vertical padding of the Editor file browser tiles.
+/// @group editor
+$kendo-editor-filebrowser-tiles-padding-y: k-spacing(1) !default;
+
+/// The padding of the Editor content.
+/// @group editor
+$kendo-editor-content-padding: k-spacing(2) !default;

package/scss/expansion-panel/_index.scss

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

package/scss/expansion-panel/_layout.scss

@@ -1,3 +1,6 @@
+@use "../core/_index.scss" as *;
+@use "./variables.scss" as *;
+
 @mixin kendo-expander--layout-base() {
 
     // Base

package/scss/expansion-panel/_theme.scss

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

package/scss/expansion-panel/_variables.scss

@@ -1,3 +1,6 @@
+@use "../core/_index.scss" as *;
+@use "../list/_variables.scss" as *;
+
 // ExpansionPanel
 
 /// The vertical spacing of the ExpansionPanel.

package/scss/fab/_index.scss

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

package/scss/fab/_layout.scss

@@ -1,3 +1,7 @@
+@use "sass:map";
+@use "../core/_index.scss" as *;
+@use "./variables.scss" as *;
+
 @mixin kendo-fab--layout-base() {
 
     // Floating Action Button (FAB)
@@ -49,8 +53,8 @@
 
     // Sizes
     @each $size, $size-props in $kendo-fab-sizes {
-        $_padding-x: k-map-get( $size-props, padding-x );
-        $_padding-y: k-map-get( $size-props, padding-y );
+        $_padding-x: map.get( $size-props, padding-x );
+        $_padding-y: map.get( $size-props, padding-y );
 
         .k-fab-#{$size} {
             padding: $_padding-y $_padding-x;

package/scss/fab/_theme.scss

@@ -1,3 +1,7 @@
+@use "../core/_index.scss" as *;
+@use "../core/functions/index.import.scss" as *;
+@use "./variables.scss" as *;
+
 @mixin kendo-fab--theme-base() {
 
     // Normal state

package/scss/fab/_variables.scss

@@ -1,3 +1,6 @@
+@use "../core/_index.scss" as *;
+@use "../button/_variables.scss" as *;
+
 // Floating Action Button
 
 /// The width of the border around the FAB.

package/scss/filemanager/_index.scss

@@ -1,60 +1,38 @@
-@import "../core/_index.scss";
-
-
-
-// Module meta
-$_kendo-module-meta: (
-    name: "file-manager",
-    dependencies: (
-        "breadcrumb",
-        "dialog",
-        "grid",
-        "icon",
-        "input",
-        "listview",
-        "menu",
-        "splitter",
-        "switch",
-        "toolbar",
-        "treeview",
-        "upload"
-    )
-);
-
-
 // Dependencies
-@import "../input/_index.scss";
-@import "../toolbar/_index.scss";
-@import "../upload/_index.scss";
-@import "../switch/_index.scss";
-@import "../menu/_index.scss";
-@import "../dialog/_index.scss";
-@import "../breadcrumb/_index.scss";
-@import "../treeview/_index.scss";
-@import "../splitter/_index.scss";
-@import "../grid/_index.scss";
-@import "../listview/_index.scss";
-
+@use "../core/_index.scss" as *;
+@use "../input/_index.scss" as *;
+@use "../toolbar/_index.scss" as *;
+@use "../upload/_index.scss" as *;
+@use "../switch/_index.scss" as *;
+@use "../menu/_index.scss" as *;
+@use "../dialog/_index.scss" as *;
+@use "../breadcrumb/_index.scss" as *;
+@use "../treeview/_index.scss" as *;
+@use "../splitter/_index.scss" as *;
+@use "../grid/_index.scss" as *;
+@use "../listview/_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-file-manager--styles() {
-    @include module-render( "file-manager" ) {
+    @include import-once( "file-manager" ) {
+        @include core-styles();
+        @include kendo-input--styles();
+        @include kendo-toolbar--styles();
+        @include kendo-upload--styles();
+        @include kendo-switch--styles();
+        @include kendo-menu--styles();
+        @include kendo-dialog--styles();
+        @include kendo-breadcrumb--styles();
+        @include kendo-treeview--styles();
+        @include kendo-splitter--styles();
+        @include kendo-grid--styles();
+        @include kendo-listview--styles();
         @include kendo-file-manager--layout();
         @include kendo-file-manager--theme();
     }
 }
-
-@if $kendo-auto-bootstrap {
-    @include kendo-file-manager--styles();
-}

package/scss/filemanager/_layout.scss

@@ -1,3 +1,6 @@
+@use "./variables.scss" as *;
+@use "../icons/_variables.scss" as *;
+
 @mixin kendo-file-manager--layout-base() {
 
     // File Manager

package/scss/filemanager/_theme.scss

@@ -1,3 +1,6 @@
+@use "../core/_index.scss" as *;
+@use "./variables.scss" as *;
+
 @mixin kendo-file-manager--theme-base() {
 
     // Filemanager

package/scss/filemanager/_variables.scss

@@ -1,3 +1,7 @@
+@use "../core/_index.scss" as *;
+@use "../core/functions/index.import.scss" as *;
+@use "../toolbar/_variables.scss" as *;
+
 // FileManager
 
 /// The space between the FileManager items.