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

package/scss/listbox/_index.scss

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

package/scss/listgroup/_index.scss

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

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

@@ -1,27 +1,20 @@
-@use "../utils/index.scss" as *;
-
-// Module meta
-$_kendo-module-meta: (
-    name: "listview",
-    dependencies: (
-        "icon",
-        "pager"
-    )
-);
-
+// Dependencies
+@use "../core/_index.scss" as *;
+@use "../icons/_index.scss" as *;
+@use "../utils/_index.scss" as *;
+@use "../pager/_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 listview-styles() {
-    @include module.render( "listview" ) {
+@mixin kendo-listview--styles() {
+    @include import-once( "listview" ) {
+        @include core-styles();
+        @include kendo-pager--styles();
+        @include kendo-icon--styles();
         @include kendo-listview--layout();
         @include kendo-listview--theme();
         @include kendo-utils--layout--display();

package/scss/loader/_index.scss

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

package/scss/map/_index.scss

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

package/scss/map/_variables.scss

@@ -70,10 +70,10 @@ $kendo-map-zoom-control-button-padding-y: $kendo-map-zoom-control-button-padding
 
 /// The horizontal padding of the Map attribution.
 /// @group map
-$kendo-map-attribution-padding-x: $kendo-padding-sm-x !default;
+$kendo-map-attribution-padding-x: k-spacing(1) !default;
 /// The vertical padding of the Map attribution.
 /// @group map
-$kendo-map-attribution-padding-y: $kendo-padding-sm-y !default;
+$kendo-map-attribution-padding-y: k-spacing(0.5) !default;
 /// The font size of the Map attribution.
 /// @group map
 $kendo-map-attribution-font-size: calc( #{$kendo-map-font-size} * .75 ) !default;

package/scss/maskedtextbox/_index.scss

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

package/scss/mediaplayer/_index.scss

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

package/scss/menu/_index.scss

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

package/scss/menu-button/_index.scss

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

package/scss/messagebox/_index.scss

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

package/scss/multiselect/_index.scss

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

package/scss/no-data/_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-no-data--styles() {
+    @include import-once( "no-data" ) {
+        @include core-styles();
+        @include kendo-no-data--layout();
+        @include kendo-no-data--theme();
+    }
+}

package/scss/notification/_index.scss

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

package/scss/numerictextbox/_index.scss

@@ -0,0 +1,22 @@
+// Dependencies
+@use "../core/_index.scss" as *;
+@use "../icons/_index.scss" as *;
+@use "../input/_index.scss" as *;
+@use "../floating-label/_index.scss" as *;
+
+// Component
+@forward "./_variables.scss";
+@use "./_layout.scss" as *;
+@use "./_theme.scss" as *;
+
+// Expose
+@mixin kendo-numeric-textbox--styles() {
+    @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();
+    }
+}

package/scss/orgchart/_index.scss

@@ -0,0 +1,37 @@
+// Dependencies
+@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
+@forward "./_variables.scss";
+@use "./_layout.scss" as *;
+@use "./_theme.scss" as *;
+
+// Expose
+@mixin kendo-orgchart--styles() {
+    @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();
+        @include kendo-utils--layout--position();
+        @include kendo-utils--flex-grid--align-items();
+        @include kendo-utils--flex-grid--justify-content();
+    }
+}

package/scss/overlay/_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-overlay--styles() {
+    @include import-once( "overlay" ) {
+        @include core-styles();
+        @include kendo-overlay--layout();
+        @include kendo-overlay--theme();
+    }
+}

package/scss/pager/_index.scss

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

package/scss/panel/_index.scss

@@ -0,0 +1,17 @@
+// 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-panel--styles() {
+    @include import-once( "panel" ) {
+        @include core-styles();
+        @include kendo-panel--layout();
+        @include kendo-panel--theme();
+    }
+}

package/scss/panel/_variables.scss

@@ -3,34 +3,34 @@
 
 /// The border radius of the Panel.
 /// @group panel
-$kendo-panel-border-radius: k-border-radius(md);
+$kendo-panel-border-radius: k-border-radius(md) !default;
 /// The width of the border around the Panel.
 /// @group panel
-$kendo-panel-border-width: 1px;
+$kendo-panel-border-width: 1px !default;
 /// The style of the border around the Panel.
 /// @group panel
-$kendo-panel-border-style: solid;
+$kendo-panel-border-style: solid !default;
 
 /// The inline padding of the Panel header.
 /// @group panel
-$kendo-panel-header-padding-inline: k-spacing(2);
+$kendo-panel-header-padding-inline: k-spacing(2) !default;
 /// The block padding of the Panel header.
 /// @group panel
-$kendo-panel-header-padding-block: k-spacing(1);
+$kendo-panel-header-padding-block: k-spacing(1) !default;
 
 /// The inline padding of the Panel content.
 /// @group panel
-$kendo-panel-content-padding-inline: k-spacing(2);
+$kendo-panel-content-padding-inline: k-spacing(2) !default;
 /// The block padding of the Panel content.
 /// @group panel
-$kendo-panel-content-padding-block: k-spacing(1);
+$kendo-panel-content-padding-block: k-spacing(1) !default;
 
 /// The text color of the Panel.
 /// @group panel
-$kendo-panel-text: var(--kendo-component-text, #{$kendo-component-text});
+$kendo-panel-text: var(--kendo-component-text, #{$kendo-component-text}) !default;
 /// The background color of the Panel.
 /// @group panel
-$kendo-panel-bg: var(--kendo-component-bg, #{$kendo-component-bg});
+$kendo-panel-bg: var(--kendo-component-bg, #{$kendo-component-bg}) !default;
 /// The color of the border around the Panel.
 /// @group panel
-$kendo-panel-border: var(--kendo-component-border, #{$kendo-component-border});
+$kendo-panel-border: var(--kendo-component-border, #{$kendo-component-border}) !default;

package/scss/panelbar/_index.scss

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

package/scss/panelbar/_layout.scss

@@ -124,11 +124,11 @@
             @for $i from 1 through $kendo-panelbar-item-level-count {
                 &.k-level-#{$i} {
                     .k-link {
-                        padding-inline-start: calc( var( --kendo-panelbar-item-padding-x-start, #{$kendo-panelbar-item-padding-x-start} ) + ( var( --kendo-padding-x-lg, #{$kendo-padding-lg-x} ) * #{$i} ));
+                        padding-inline-start: calc( var( --kendo-panelbar-item-padding-x-start, #{$kendo-panelbar-item-padding-x-start} ) + ( #{k-spacing(3)} * #{$i} ));
                     }
 
                     .k-panelbar-item-icon:first-child {
-                        inset-inline-start: calc( var( --kendo-panelbar-icon-spacing, #{$kendo-panelbar-icon-spacing} ) + ( var( --kendo-padding-x-lg, #{$kendo-padding-lg-x} ) * #{$i} ));
+                        inset-inline-start: calc( var( --kendo-panelbar-icon-spacing, #{$kendo-panelbar-icon-spacing} ) + ( #{k-spacing(3)} * #{$i} ));
                     }
                 }
             }

package/scss/pdf-viewer/_index.scss

@@ -0,0 +1,33 @@
+// Dependencies
+@use "../core/_index.scss" as *;
+@use "../icons/_index.scss" as *;
+@use "../utils/_index.scss" as *;
+@use "../combobox/_index.scss" as *;
+@use "../toolbar/_index.scss" as *;
+@use "../dialog/_index.scss" as *;
+@use "../pager/_index.scss" as *;
+@use "../dropzone/_index.scss" as *;
+@use "../window/_index.scss" as *;
+
+// Component
+@forward "./_variables.scss";
+@use "./_layout.scss" as *;
+@use "./_theme.scss" as *;
+
+// Expose
+@mixin kendo-pdf-viewer--styles() {
+    @include import-once( "pdf-viewer" ) {
+        @include core-styles();
+        @include kendo-combobox--styles();
+        @include kendo-toolbar--styles();
+        @include kendo-dialog--styles();
+        @include kendo-pager--styles();
+        @include kendo-icon--styles();
+        @include kendo-dropzone--styles();
+        @include kendo-window--styles();
+        @include kendo-pdf-viewer--layout();
+        @include kendo-pdf-viewer--theme();
+        @include kendo-utils--layout--overflow();
+        @include kendo-utils--layout--position();
+    }
+}

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

@@ -1,34 +1,26 @@
-@use "../utils/index.scss" as *;
-
-// Module meta
-$_kendo-module-meta: (
-    name: "pivotgrid",
-    dependencies: (
-        "action-buttons",
-        "button",
-        "chip",
-        "form",
-        "dialog",
-        "grid",
-        "icon",
-        "list",
-        "treeview"
-    )
-);
-
+// Dependencies
+@use "../core/_index.scss" as *;
+@use "../icons/_index.scss" as *;
+@use "../utils/_index.scss" as *;
+@use "../dialog/_index.scss" as *;
+@use "../treeview/_index.scss" as *;
+@use "../grid/_index.scss" as *;
+@use "../list/_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 pivotgrid-styles() {
-    @include module.render( "pivotgrid" ) {
+@mixin kendo-pivotgrid--styles() {
+    @include import-once( "pivotgrid" ) {
+        @include core-styles();
+        @include kendo-dialog--styles();
+        @include kendo-treeview--styles();
+        @include kendo-grid--styles();
+        @include kendo-icon--styles();
+        @include kendo-list--styles();
         @include kendo-pivotgrid--layout();
         @include kendo-pivotgrid-configurator--layout();
         @include kendo-pivotgrid-export--layout();

package/scss/popover/_index.scss

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

package/scss/popup/_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-popup--styles() {
+    @include import-once( "popup" ) {
+        @include core-styles();
+        @include kendo-popup--layout();
+        @include kendo-popup--theme();
+    }
+}