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

package/scss/tilelayout/{index.scss → _index.scss}

@@ -1,28 +1,20 @@
-@use "../utils/index.scss" as *;
-
-// Module meta
-$_kendo-module-meta: (
-    name: "tile-layout",
-    dependencies: (
-        "button",
-        "card",
-        "icon"
-    )
-);
-
+// Dependencies
+@use "../core/_index.scss" as *;
+@use "../icons/_index.scss" as *;
+@use "../utils/_index.scss" as *;
+@use "../card/_index.scss" as *;
 
 // Component
 @forward "./_variables.scss";
 @use "./_layout.scss" as *;
 @use "./_theme.scss" as *;
 
-// Register
-@use "../core/module-system/index.scss" as module;
-@include module.register( $_kendo-module-meta... );
-
 // Expose
-@mixin tile-layout-styles() {
-    @include module.render( "tile-layout" ) {
+@mixin kendo-tile-layout--styles() {
+    @include import-once( "tile-layout" ) {
+        @include core-styles();
+        @include kendo-card--styles();
+        @include kendo-icon--styles();
         @include kendo-tile-layout--layout();
         @include kendo-tile-layout--theme();
         @include kendo-utils--interactivity--resize();

package/scss/time-marker/_index.scss

@@ -0,0 +1,16 @@
+// Dependencies
+@use "../core/_index.scss" as *;
+
+// Component
+@forward "./_variables.scss";
+@use "./_layout.scss" as *;
+@use "./_theme.scss" as *;
+
+// Expose
+@mixin kendo-time-marker--styles() {
+    @include import-once( "time-marker" ) {
+        @include core-styles();
+        @include kendo-time-marker--layout();
+        @include kendo-time-marker--theme();
+    }
+}

package/scss/timedurationpicker/_index.scss

@@ -0,0 +1,28 @@
+// Dependencies
+@use "../core/_index.scss" as *;
+@use "../icons/_index.scss" as *;
+@use "../button/_index.scss" as *;
+@use "../input/_index.scss" as *;
+@use "../popup/_index.scss" as *;
+@use "../list/_index.scss" as *;
+@use "../timeselector/_index.scss" as *;
+
+// Component
+@forward "./_variables.scss";
+@use "./_layout.scss" as *;
+@use "./_theme.scss" as *;
+
+// Expose
+@mixin kendo-time-duration-picker--styles() {
+    @include import-once( "time-duration-picker" ) {
+        @include core-styles();
+        @include kendo-icon--styles();
+        @include kendo-button--styles();
+        @include kendo-input--styles();
+        @include kendo-popup--styles();
+        @include kendo-list--styles();
+        @include kendo-time-selector--styles();
+        @include kendo-time-duration-picker--layout();
+        @include kendo-time-duration-picker--theme();
+    }
+}

package/scss/timeline/_index.scss

@@ -0,0 +1,22 @@
+// Dependencies
+@use "../core/_index.scss" as *;
+@use "../icons/_index.scss" as *;
+@use "../button/_index.scss" as *;
+@use "../card/_index.scss" as *;
+
+// Component
+@forward "./_variables.scss";
+@use "./_layout.scss" as *;
+@use "./_theme.scss" as *;
+
+// Expose
+@mixin kendo-timeline--styles() {
+    @include import-once( "timeline" ) {
+        @include core-styles();
+        @include kendo-button--styles();
+        @include kendo-card--styles();
+        @include kendo-icon--styles();
+        @include kendo-timeline--layout();
+        @include kendo-timeline--theme();
+    }
+}

package/scss/timepicker/_index.scss

@@ -0,0 +1,26 @@
+// Dependencies
+@use "../core/_index.scss" as *;
+@use "../input/_index.scss" as *;
+@use "../button/_index.scss" as *;
+@use "../popup/_index.scss" as *;
+@use "../list/_index.scss" as *;
+@use "../timeselector/_index.scss" as *;
+
+// Component
+@forward "./_variables.scss";
+@use "./_layout.scss" as *;
+@use "./_theme.scss" as *;
+
+// Expose
+@mixin kendo-time-picker--styles() {
+    @include import-once( "time-picker" ) {
+        @include core-styles();
+        @include kendo-input--styles();
+        @include kendo-button--styles();
+        @include kendo-popup--styles();
+        @include kendo-list--styles();
+        @include kendo-time-selector--styles();
+        @include kendo-time-picker--layout();
+        @include kendo-time-picker--theme();
+    }
+}

package/scss/timeselector/_index.scss

@@ -0,0 +1,22 @@
+// Dependencies
+@use "../core/_index.scss" as *;
+@use "../button/_index.scss" as *;
+@use "../action-buttons/_index.scss" as *;
+@use "../list/_index.scss" as *;
+
+// Component
+@forward "./_variables.scss";
+@use "./_layout.scss" as *;
+@use "./_theme.scss" as *;
+
+// Expose
+@mixin kendo-time-selector--styles() {
+    @include import-once( "time-selector" ) {
+        @include core-styles();
+        @include kendo-button--styles();
+        @include kendo-action-buttons--styles();
+        @include kendo-list--styles();
+        @include kendo-time-selector--layout();
+        @include kendo-time-selector--theme();
+    }
+}

package/scss/toolbar/_index.scss

@@ -0,0 +1,27 @@
+// Dependencies
+@use "../core/_index.scss" as *;
+@use "../icons/_index.scss" as *;
+@use "../utils/_index.scss" as *;
+@use "../button/_index.scss" as *;
+@use "../popup/_index.scss" as *;
+@use "../menu/_index.scss" as *;
+
+// Component
+@forward "./_variables.scss";
+@use "./_layout.scss" as *;
+@use "./_theme.scss" as *;
+
+// Expose
+@mixin kendo-toolbar--styles() {
+    @include import-once( "toolbar" ) {
+        @include core-styles();
+        @include kendo-button--styles();
+        @include kendo-popup--styles();
+        @include kendo-menu--styles();
+        @include kendo-icon--styles();
+        @include kendo-toolbar--layout();
+        @include kendo-toolbar--theme();
+        @include kendo-utils--layout--overflow();
+        @include kendo-utils--typography--vertical-align();
+    }
+}

package/scss/tooltip/_index.scss

@@ -0,0 +1,22 @@
+// Dependencies
+@use "../core/_index.scss" as *;
+@use "../icons/_index.scss" as *;
+@use "../utils/_index.scss" as *;
+@use "../popup/_index.scss" as *;
+
+// Component
+@forward "./_variables.scss";
+@use "./_layout.scss" as *;
+@use "./_theme.scss" as *;
+
+// Expose
+@mixin kendo-tooltip--styles() {
+    @include import-once( "tooltip" ) {
+        @include core-styles();
+        @include kendo-popup--styles();
+        @include kendo-icon--styles();
+        @include kendo-tooltip--layout();
+        @include kendo-tooltip--theme();
+        @include kendo-utils--typography--text-color();
+    }
+}

package/scss/treelist/_index.scss

@@ -0,0 +1,20 @@
+// Dependencies
+@use "../core/_index.scss" as *;
+@use "../icons/_index.scss" as *;
+@use "../grid/_index.scss" as *;
+
+// Component
+@forward "./_variables.scss";
+@use "./_layout.scss" as *;
+@use "./_theme.scss" as *;
+
+// Expose
+@mixin kendo-treelist--styles() {
+    @include import-once( "treelist" ) {
+        @include core-styles();
+        @include kendo-grid--styles();
+        @include kendo-icon--styles();
+        @include kendo-treelist--layout();
+        @include kendo-treelist--theme();
+    }
+}

package/scss/treeview/_index.scss

@@ -0,0 +1,20 @@
+// Dependencies
+@use "../core/_index.scss" as *;
+@use "../icons/_index.scss" as *;
+@use "../checkbox/_index.scss" as *;
+
+// Component
+@forward "./_variables.scss";
+@use "./_layout.scss" as *;
+@use "./_theme.scss" as *;
+
+// Expose
+@mixin kendo-treeview--styles() {
+    @include import-once( "treeview" ) {
+        @include core-styles();
+        @include kendo-checkbox--styles();
+        @include kendo-icon--styles();
+        @include kendo-treeview--layout();
+        @include kendo-treeview--theme();
+    }
+}

package/scss/typography/_index.scss

@@ -0,0 +1,19 @@
+// Dependencies
+@use "../core/_index.scss" as *;
+@use "../utils/_index.scss" as *;
+
+// Component
+@forward "./_variables.scss";
+@use "./_layout.scss" as *;
+@use "./_theme.scss" as *;
+
+// Expose
+@mixin kendo-typography--styles() {
+    @include import-once( "typography" ) {
+        @include core-styles();
+        @include kendo-typography--layout();
+        @include kendo-typography--theme();
+        @include kendo-utils--spacing--margin();
+        @include kendo-utils--typography();
+    }
+}

package/scss/upload/_index.scss

@@ -0,0 +1,28 @@
+// Dependencies
+@use "../core/_index.scss" as *;
+@use "../icons/_index.scss" as *;
+@use "../button/_index.scss" as *;
+@use "../action-buttons/_index.scss" as *;
+@use "../dropzone/_index.scss" as *;
+
+// Component
+@forward "./_variables.scss";
+@use "./_layout.scss" as *;
+@use "./_theme.scss" as *;
+
+
+// Dependencies
+
+
+// Expose
+@mixin kendo-upload--styles() {
+    @include import-once( "upload" ) {
+        @include core-styles();
+        @include kendo-button--styles();
+        @include kendo-action-buttons--styles();
+        @include kendo-icon--styles();
+        @include kendo-dropzone--styles();
+        @include kendo-upload--layout();
+        @include kendo-upload--theme();
+    }
+}

package/scss/upload/_layout.scss

@@ -117,7 +117,7 @@
             }
 
             .k-filename {
-                margin-inline-start: var( --kendo-padding-x, #{$kendo-padding-md-x} );
+                margin-inline-start: k-spacing(2);
                 flex: 1;
                 overflow: hidden;
                 text-overflow: ellipsis;
@@ -133,7 +133,7 @@
 
             ~ .k-clear-selected,
             ~ .k-upload-selected {
-                margin-block-start: - var( --kendo-padding-y, #{$kendo-padding-md-y} );
+                margin-block-start: calc( -1 * #{k-spacing(1)} );
                 border-width: 0;
             }
 
@@ -186,7 +186,7 @@
 
         .k-multiple-files-wrapper,
         .k-file-single > .k-file-info {
-            margin-inline-start: var( --kendo-padding-x, #{$kendo-padding-md-x} );
+            margin-inline-start: k-spacing(2);
             margin-inline-end: 0;
             min-height: var( --kendo-icon-size-xxl, 2rem );
             display: block;

package/scss/utils/_index.scss

@@ -0,0 +1 @@
+@forward "@progress/kendo-theme-utils/scss/index.import.scss";

package/scss/validator/_index.scss

@@ -0,0 +1,24 @@
+// Dependencies
+@use "../core/_index.scss" as *;
+@use "../icons/_index.scss" as *;
+@use "../tooltip/_index.scss" as *;
+
+// Component
+@forward "./_variables.scss";
+@use "./_layout.scss" as *;
+@use "./_theme.scss" as *;
+
+
+// Dependencies
+
+
+// Expose
+@mixin kendo-validator--styles() {
+    @include import-once( "validator" ) {
+        @include core-styles();
+        @include kendo-tooltip--styles();
+        @include kendo-icon--styles();
+        @include kendo-validator--layout();
+        @include kendo-validator--theme();
+    }
+}

package/scss/virtual-scroller/_index.scss

@@ -0,0 +1,20 @@
+// Dependencies
+@use "../core/_index.scss" as *;
+
+// Component
+@forward "./_variables.scss";
+@use "./_layout.scss" as *;
+@use "./_theme.scss" as *;
+
+
+// Dependencies
+
+
+// Expose
+@mixin kendo-virtual-scroller--styles() {
+    @include import-once( "virtual-scroller" ) {
+        @include core-styles();
+        @include kendo-virtual-scroller--layout();
+        @include kendo-virtual-scroller--theme();
+    }
+}

package/scss/window/_index.scss

@@ -0,0 +1,26 @@
+// Dependencies
+@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
+@forward "./_variables.scss";
+@use "./_layout.scss" as *;
+@use "./_theme.scss" as *;
+
+// Expose
+@mixin kendo-window--styles() {
+    @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();
+    }
+}

package/scss/wizard/_index.scss

@@ -0,0 +1,24 @@
+// Dependencies
+@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
+@forward "./_variables.scss";
+@use "./_layout.scss" as *;
+@use "./_theme.scss" as *;
+
+// Expose
+@mixin kendo-wizard--styles() {
+    @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();
+    }
+}

package/scss/action-buttons/index.scss

@@ -1,29 +0,0 @@
-@use "../utils/index.scss" as *;
-
-// Module meta
-$_kendo-module-meta: (
-    name: "action-buttons",
-    dependencies: (
-        "button",
-        "icon"
-    )
-);
-
-
-// Component
-@forward "./_variables.scss";
-@use "./_layout.scss" as *;
-@use "./_theme.scss" as *;
-
-// Register
-@use "../core/module-system/index.scss" as module;
-@include module.register( $_kendo-module-meta... );
-
-// Expose
-@mixin action-buttons-styles() {
-    @include module.render( "action-buttons" ) {
-        @include kendo-action-buttons--layout();
-        @include kendo-action-buttons--theme();
-        @include kendo-utils--flex-grid--justify-content();
-    }
-}

package/scss/action-sheet/index.scss

@@ -1,32 +0,0 @@
-@use "../utils/index.scss" as *;
-
-// Module meta
-$_kendo-module-meta: (
-    name: "action-sheet",
-    dependencies: (
-        "icon",
-        "listgroup",
-        "popup"
-    )
-);
-
-
-// Component
-@forward "./_variables.scss";
-@use "./_layout.scss" as *;
-@use "./_theme.scss" as *;
-
-// Register
-@use "../core/module-system/index.scss" as module;
-@include module.register( $_kendo-module-meta... );
-
-// Expose
-@mixin action-sheet-styles() {
-    @include module.render( "action-sheet" ) {
-        @include kendo-action-sheet--layout();
-        @include kendo-action-sheet--layout-jq();
-        @include kendo-action-sheet--theme();
-        @include kendo-utils--layout--overflow();
-        @include kendo-utils--typography--text-align();
-    }
-}

package/scss/adaptive/index.scss

@@ -1,32 +0,0 @@
-// Module meta
-$_kendo-module-meta: (
-    name: "adaptive",
-    dependencies: (
-        "checkbox",
-        "listgroup",
-        "radio",
-        "switch",
-        "toolbar",
-    )
-);
-
-
-// Component
-@forward "./_variables.scss";
-@use "./_layout.scss" as *;
-@use "./_theme.scss" as *;
-
-// Register
-@use "../core/module-system/index.scss" as module;
-@include module.register( $_kendo-module-meta... );
-
-// Expose
-@mixin adaptive-styles() {
-    @include module.render( "adaptive" ) {
-        @include kendo-adaptive--layout();
-        @include kendo-adaptive-grid--layout();
-        @include kendo-adaptive-scheduler--layout();
-        @include kendo-adaptive-common--layout();
-        @include kendo-adaptive--theme();
-    }
-}

package/scss/appbar/index.scss

@@ -1,23 +0,0 @@
-// Module meta
-$_kendo-module-meta: (
-    name: "appbar",
-    dependencies: ()
-);
-
-
-// Component
-@forward "./_variables.scss";
-@use "./_layout.scss" as *;
-@use "./_theme.scss" as *;
-
-// Register
-@use "../core/module-system/index.scss" as module;
-@include module.register($_kendo-module-meta... );
-
-// Expose
-@mixin appbar-styles() {
-    @include module.render("appbar") {
-        @include kendo-appbar--layout();
-        @include kendo-appbar--theme();
-    }
-}

package/scss/autocomplete/index.scss

@@ -1,28 +0,0 @@
-// Module meta
-$_kendo-module-meta: (
-    name: "autocomplete",
-    dependencies: (
-        "floating-label",
-        "icon",
-        "input",
-        "list",
-        "popup"
-    )
-);
-
-// Component
-@forward "./_variables.scss";
-@use "./_layout.scss" as *;
-@use "./_theme.scss" as *;
-
-// Register
-@use "../core/module-system/index.scss" as module;
-@include module.register( $_kendo-module-meta... );
-
-// Expose
-@mixin autocomplete-styles() {
-    @include module.render( "autocomplete" ) {
-        @include kendo-autocomplete--layout();
-        @include kendo-autocomplete--theme();
-    }
-}

package/scss/avatar/index.scss

@@ -1,25 +0,0 @@
-// Module meta
-$_kendo-module-meta: (
-    name: "avatar",
-    dependencies: (
-        "icon"
-    )
-);
-
-
-// Component
-@forward "./_variables.scss";
-@use "./_layout.scss" as *;
-@use "./_theme.scss" as *;
-
-// Register
-@use "../core/module-system/index.scss" as module;
-@include module.register( $_kendo-module-meta... );
-
-// Expose
-@mixin avatar-styles() {
-    @include module.render( "avatar" ) {
-        @include kendo-avatar--layout();
-        @include kendo-avatar--theme();
-    }
-}

package/scss/badge/index.scss

@@ -1,25 +0,0 @@
-// Module meta
-$_kendo-module-meta: (
-    name: "badge",
-    dependencies: (
-        "icon"
-    )
-);
-
-
-// Component
-@forward "./_variables.scss";
-@use "./_layout.scss" as *;
-@use "./_theme.scss" as *;
-
-// Register
-@use "../core/module-system/index.scss" as module;
-@include module.register( $_kendo-module-meta... );
-
-// Expose
-@mixin badge-styles() {
-    @include module.render( "badge" ) {
-        @include kendo-badge--layout();
-        @include kendo-badge--theme();
-    }
-}

package/scss/bottom-navigation/index.scss

@@ -1,28 +0,0 @@
-@use "../utils/index.scss" as *;
-
-// Module meta
-$_kendo-module-meta: (
-    name: "bottom-navigation",
-    dependencies: (
-        "icon"
-    )
-);
-
-
-// Component
-@forward "./_variables.scss";
-@use "./_layout.scss" as *;
-@use "./_theme.scss" as *;
-
-// Register
-@use "../core/module-system/index.scss" as module;
-@include module.register( $_kendo-module-meta... );
-
-// Expose
-@mixin bottom-navigation-styles() {
-    @include module.render( "bottom-navigation" ) {
-        @include kendo-bottom-navigation--layout();
-        @include kendo-bottom-navigation--theme();
-        @include kendo-utils--layout--position();
-    }
-}