@progress/kendo-theme-fluent 9.0.1-dev.1 → 9.0.1-dev.3

package/scss/grid/index.scss

@@ -4,29 +4,29 @@
 $_kendo-module-meta: (
     name: "grid",
     dependencies: (
-        "icon",
-        "button",
         "action-buttons",
-        "input",
-        "toolbar",
-        "textbox",
-        "checkbox",
-        "radio",
         "autocomplete",
-        "datetimepicker",
-        "dropdownlist",
-        "numerictextbox",
-        "progressbar",
-        "validator",
-        "table",
-        "tabstrip",
+        "badge",
+        "button",
+        "checkbox",
+        "chip",
+        "date-time-picker",
+        "dialog",
+        "dropdown-list",
+        "icon",
+        "input",
         "list",
         "menu",
-        "dialog",
+        "numeric-textbox",
         "pager",
-        "chip",
+        "progressbar",
+        "radio",
         "skeleton",
-        "draggable"
+        "table",
+        "tabstrip",
+        "textbox",
+        "toolbar",
+        "validator"
     )
 );
 

package/scss/imageeditor/index.scss

@@ -1,12 +1,12 @@
 // Module meta
 $_kendo-module-meta: (
-    name: "imageeditor",
+    name: "image-editor",
     dependencies: (
-        "toolbar",
-        "forms",
-        "dropdownlist",
-        "numerictextbox",
-        "checkbox"
+        "checkbox",
+        "dropdown-list",
+        "form",
+        "numeric-textbox",
+        "toolbar"
     )
 );
 
@@ -20,8 +20,8 @@ $_kendo-module-meta: (
 @include module.register( $_kendo-module-meta... );
 
 // Expose
-@mixin imageeditor-styles() {
-    @include module.render( "imageeditor" ) {
+@mixin image-editor-styles() {
+    @include module.render( "image-editor" ) {
         @include kendo-image-editor--layout();
         @include kendo-image-editor--theme();
     }

package/scss/index.scss

@@ -386,7 +386,7 @@
 
 
     // Form helpers
-    @include forms-styles();
+    @include form-styles();
     @include validator-styles();
     @include floating-label-styles();
 
@@ -407,29 +407,29 @@
 
     // Form requirements
     @include calendar-styles();
-    @include timeselector-styles();
+    @include time-selector-styles();
 
 
     // Augmented forms
     @include autocomplete-styles();
     @include captcha-styles();
-    @include colorpalette-styles();
-    @include colorgradient-styles();
-    @include coloreditor-styles();
-    @include colorpicker-styles();
+    @include color-palette-styles();
+    @include color-gradient-styles();
+    @include color-editor-styles();
+    @include color-picker-styles();
     @include combobox-styles();
-    @include dateinput-styles();
-    @include datepicker-styles();
-    @include timepicker-styles();
-    @include timedurationpicker-styles();
-    @include datetimepicker-styles();
-    @include daterangepicker-styles();
-    @include dropdowngrid-styles();
-    @include dropdownlist-styles();
-    @include dropdowntree-styles();
-    @include maskedtextbox-styles();
+    @include date-input-styles();
+    @include date-picker-styles();
+    @include time-picker-styles();
+    @include time-duration-picker-styles();
+    @include date-time-picker-styles();
+    @include date-range-picker-styles();
+    @include dropdown-grid-styles();
+    @include dropdown-list-styles();
+    @include dropdown-tree-styles();
+    @include masked-textbox-styles();
     @include multiselect-styles();
-    @include numerictextbox-styles();
+    @include numeric-textbox-styles();
     @include rating-styles();
     @include searchbox-styles();
     @include switch-styles();
@@ -451,7 +451,7 @@
     @include drawer-styles();
     @include notification-styles();
     @include popover-styles();
-    @include responsivepanel-styles();
+    @include responsive-panel-styles();
 
 
     // Navigation
@@ -466,11 +466,10 @@
 
     // Layout & containers
     @include card-styles();
-    @include expansion-panel-styles();
-    @include panel-styles();
+    @include expander-styles();
     @include panelbar-styles();
     @include splitter-styles();
-    @include tilelayout-styles();
+    @include tile-layout-styles();
     @include dock-manager-styles();
     @include chart-wizard-styles();
 
@@ -481,13 +480,13 @@
     @include pivotgrid-styles();
     @include treelist-styles();
     @include filter-styles();
-    @include filemanager-styles();
-    @include taskboard-styles();
+    @include file-manager-styles();
+    @include task-board-styles();
 
 
     // Editors
     @include editor-styles();
-    @include imageeditor-styles();
+    @include image-editor-styles();
 
 
     // Scheduling
@@ -498,7 +497,7 @@
     // Misc
     @include adaptive-styles();
     @include chat-styles();
-    @include mediaplayer-styles();
+    @include media-player-styles();
     @include timeline-styles();
     @include pdf-viewer-styles();
     @include scroller-styles();

package/scss/input/index.scss

@@ -2,8 +2,8 @@
 $_kendo-module-meta: (
     name: "input",
     dependencies: (
-        "icon",
-        "button"
+        "button",
+        "icon"
     )
 );
 

package/scss/listbox/index.scss

@@ -3,9 +3,9 @@ $_kendo-module-meta: (
     name: "listbox",
     dependencies: (
         "button",
-        "popup",
-        "list",
-        "icon"
+        "checkbox",
+        "icon",
+        "list"
     )
 );
 

package/scss/listview/index.scss

@@ -5,7 +5,6 @@ $_kendo-module-meta: (
     name: "listview",
     dependencies: (
         "icon",
-        "list",
         "pager"
     )
 );

package/scss/map/_layout.scss

@@ -76,9 +76,6 @@
         border-radius: 50%;
         position: relative;
 
-        .k-pdf-export & { display: none; }
-
-
         // Buttons
         .k-button {
             padding: 0;
@@ -126,8 +123,13 @@
         border: 0;
         background: none;
         display: flex;
+    }
 
-        .k-pdf-export & { display: none; }
+    .k-pdf-export {
+        .k-navigator,
+        .k-zoom-control {
+            display: none;
+        }
     }
 
 }

package/scss/map/index.scss

@@ -2,8 +2,9 @@
 $_kendo-module-meta: (
     name: "map",
     dependencies: (
+        "button",
         "icon",
-        "button"
+        "scroller"
     )
 );
 

package/scss/maskedtextbox/_layout.scss

@@ -1,4 +1,4 @@
-@mixin kendo-maskedtextbox--layout() {
+@mixin kendo-masked-textbox--layout() {
 
     // Masked textbox
     .k-maskedtextbox {}

package/scss/maskedtextbox/_theme.scss

@@ -1,4 +1,4 @@
-@mixin kendo-maskedtextbox--theme() {
+@mixin kendo-masked-textbox--theme() {
 
     // Masked textbox
     .k-maskedtextbox {}

package/scss/maskedtextbox/index.scss

@@ -1,10 +1,10 @@
 // Module meta
 $_kendo-module-meta: (
-    name: "maskedtextbox",
+    name: "masked-textbox",
     dependencies: (
+        "icon",
         "input",
-        "floating-label",
-        "icon"
+        "floating-label"
     )
 );
 
@@ -18,9 +18,9 @@ $_kendo-module-meta: (
 @include module.register( $_kendo-module-meta... );
 
 // Expose
-@mixin maskedtextbox-styles() {
-    @include module.render( "maskedtextbox" ) {
-        @include kendo-maskedtextbox--layout();
-        @include kendo-maskedtextbox--theme();
+@mixin masked-textbox-styles() {
+    @include module.render( "masked-textbox" ) {
+        @include kendo-masked-textbox--layout();
+        @include kendo-masked-textbox--theme();
     }
 }

package/scss/mediaplayer/index.scss

@@ -1,10 +1,12 @@
 // Module meta
 $_kendo-module-meta: (
-    name: "mediaplayer",
+    name: "media-player",
     dependencies: (
+        "button",
+        "icon",
+        "listview",
         "slider",
-        "toolbar",
-        "icon"
+        "toolbar"
     )
 );
 
@@ -19,8 +21,8 @@ $_kendo-module-meta: (
 @include module.register( $_kendo-module-meta... );
 
 // Expose
-@mixin mediaplayer-styles() {
-    @include module.render( "mediaplayer" ) {
+@mixin media-player-styles() {
+    @include module.render( "media-player" ) {
         @include kendo-media-player--layout();
         @include kendo-media-player--theme();
     }

package/scss/menu/index.scss

@@ -2,10 +2,10 @@
 $_kendo-module-meta: (
     name: "menu",
     dependencies: (
-        "icon",
-        "popup",
         "button",
-        "list"
+        "icon",
+        "list",
+        "popup"
     )
 );
 

package/scss/menu-button/index.scss

@@ -3,6 +3,7 @@ $_kendo-module-meta: (
     name: "menu-button",
     dependencies: (
         "button",
+        "icon",
         "menu"
     )
 );

package/scss/messagebox/index.scss

@@ -1,7 +1,9 @@
 // Module meta
 $_kendo-module-meta: (
     name: "messagebox",
-    dependencies: ()
+    dependencies: (
+        "icon"
+    )
 );
 
 

package/scss/multiselect/index.scss

@@ -2,14 +2,13 @@
 $_kendo-module-meta: (
     name: "multiselect",
     dependencies: (
-        "forms",
         "button",
-        "input",
         "chip",
         "floating-label",
-        "popup",
+        "icon",
+        "input",
         "list",
-        "icon"
+        "popup"
     )
 );
 

package/scss/notification/index.scss

@@ -2,6 +2,7 @@
 $_kendo-module-meta: (
     name: "notification",
     dependencies: (
+        "button",
         "icon",
         "popup"
     )

package/scss/numerictextbox/_layout.scss

@@ -1,4 +1,4 @@
-@mixin kendo-numerictextbox--layout() {
+@mixin kendo-numeric-textbox--layout() {
 
     // Numeric textbox
     .k-numeric-textbox {}

package/scss/numerictextbox/_theme.scss

@@ -1,4 +1,4 @@
-@mixin kendo-numerictextbox--theme() {
+@mixin kendo-numeric-textbox--theme() {
 
     // Numeric textbox
     .k-numeric-textbox {}

package/scss/numerictextbox/index.scss

@@ -1,11 +1,11 @@
 // Module meta
 $_kendo-module-meta: (
-    name: "numerictextbox",
+    name: "numeric-textbox",
     dependencies: (
         "button",
-        "input",
         "floating-label",
-        "icon"
+        "icon",
+        "input"
     )
 );
 
@@ -19,9 +19,9 @@ $_kendo-module-meta: (
 @include module.register( $_kendo-module-meta... );
 
 // Expose
-@mixin numerictextbox-styles() {
-    @include module.render( "numerictextbox" ) {
-        @include kendo-numerictextbox--layout();
-        @include kendo-numerictextbox--theme();
+@mixin numeric-textbox-styles() {
+    @include module.render( "numeric-textbox" ) {
+        @include kendo-numeric-textbox--layout();
+        @include kendo-numeric-textbox--theme();
     }
 }

package/scss/orgchart/index.scss

@@ -4,15 +4,17 @@
 $_kendo-module-meta: (
     name: "orgchart",
     dependencies: (
-        "icon",
+        "action-buttons",
         "avatar",
         "button",
-        "forms",
+        "card",
+        "dropdown-list",
+        "form",
+        "icon",
+        "menu",
+        "menu-button",
         "textbox",
-        "dropdownlist",
         "upload",
-        "menu",
-        "card",
         "window"
     )
 );

package/scss/pager/index.scss

@@ -2,10 +2,9 @@
 $_kendo-module-meta: (
     name: "pager",
     dependencies: (
-        "dropdownlist",
-        "icon",
-        "toolbar",
-        "button"
+        "button",
+        "dropdown-list",
+        "icon"
     )
 );
 

package/scss/pdf-viewer/index.scss

@@ -4,13 +4,14 @@
 $_kendo-module-meta: (
     name: "pdf-viewer",
     dependencies: (
-        "icon",
         "button",
         "combobox",
-        "toolbar",
         "dialog",
-        "pager",
         "dropzone",
+        "icon",
+        "pager",
+        "textbox",
+        "toolbar",
         "window"
     )
 );

package/scss/pivotgrid/_layout.scss

@@ -190,26 +190,26 @@
         .k-icon {
             margin-inline-start: var( --kendo-pivotgrid-configurator-button-icon-spacing, #{$kendo-pivotgrid-configurator-button-icon-spacing} );
         }
+    }
 
-        .k-flex-row &,
-        .k-flex-row-reverse & {
-            display: flex;
-            align-items: center;
-            justify-content: center;
-            writing-mode: vertical-rl;
+    .k-flex-row .k-pivotgrid-configurator-button,
+    .k-flex-row-reverse .k-pivotgrid-configurator-button {
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        writing-mode: vertical-rl;
 
-            .k-icon {
-                vertical-align: baseline;
-            }
-        }
-        .k-flex-row-reverse & > span {
-            transform: rotate(-180deg);
+        .k-icon {
+            vertical-align: baseline;
         }
+    }
+    .k-flex-row-reverse .k-pivotgrid-configurator-button > span {
+        transform: rotate(-180deg);
+    }
 
-        .k-flex-col &,
-        .k-flex-col-reverse & {
-            text-align: center;
-        }
+    .k-flex-col .k-pivotgrid-configurator-button,
+    .k-flex-col-reverse .k-pivotgrid-configurator-button {
+        text-align: center;
     }
 
 
@@ -218,17 +218,24 @@
         position: absolute;
         overflow: hidden;
         z-index: 2;
+    }
 
-        .k-flex-row & {
+    .k-flex-row {
+        .k-pivotgrid-configurator-overlay {
             inset-inline-end: var( --kendo-pivotgrid-configurator-button-size, #{$kendo-pivotgrid-configurator-button-size} );
         }
-        .k-flex-row-reverse & {
+
+        &-reverse .k-pivotgrid-configurator-overlay {
             inset-inline-start: var( --kendo-pivotgrid-configurator-button-size, #{$kendo-pivotgrid-configurator-button-size} );
         }
-        .k-flex-col & {
+    }
+
+    .k-flex-col {
+        .k-pivotgrid-configurator-overlay {
             inset-block-end: var( --kendo-pivotgrid-configurator-button-size, #{$kendo-pivotgrid-configurator-button-size} );
         }
-        .k-flex-col-reverse & {
+
+        &-reverse .k-pivotgrid-configurator-overlay {
             inset-block-start: var( --kendo-pivotgrid-configurator-button-size, #{$kendo-pivotgrid-configurator-button-size} );
         }
     }
@@ -374,12 +381,9 @@
         min-width: var( --kendo-pivotgrid-configurator-vertical-width, #{$kendo-pivotgrid-configurator-vertical-width} );
     }
 
-    .k-pivotgrid-configurator-vertical.k-pivotgrid-configurator-push .k-pivotgrid-configurator-panel {
-        .k-flex-row &,
-        .k-flex-row-reverse & {
-            border-right-width: 0;
-            border-left-width: 0;
-        }
+    :is(.k-flex-row, .k-flex-row-reverse) .k-pivotgrid-configurator-vertical.k-pivotgrid-configurator-push .k-pivotgrid-configurator-panel {
+        border-right-width: 0;
+        border-left-width: 0;
     }
 
 
@@ -429,16 +433,15 @@
                 overflow-y: auto;
             }
         }
+    }
 
-        &.k-pivotgrid-configurator-push .k-pivotgrid-configurator-panel {
-            .k-flex-col &,
-            .k-flex-col-reverse & {
-                border-top-width: 0;
-                border-bottom-width: 0;
-            }
+    .k-flex-col,
+    .k-flex-col-reverse {
+        .k-pivotgrid-configurator-horizontal.k-pivotgrid-configurator-push .k-pivotgrid-configurator-panel {
+            border-top-width: 0;
+            border-bottom-width: 0;
         }
     }
-
 }
 
 @mixin kendo-pivotgrid-export--layout() {

package/scss/pivotgrid/index.scss

@@ -4,11 +4,15 @@
 $_kendo-module-meta: (
     name: "pivotgrid",
     dependencies: (
+        "action-buttons",
+        "button",
+        "chip",
+        "form",
+        "dialog",
+        "grid",
         "icon",
         "list",
-        "dialog",
-        "treeview",
-        "grid"
+        "treeview"
     )
 );
 

package/scss/popover/index.scss

@@ -3,8 +3,10 @@ $_kendo-module-meta: (
     name: "popover",
     dependencies: (
         "action-buttons",
-        "dialog",
-        "window"
+        "button",
+        "card",
+        "icon",
+        "popup"
     )
 );
 

package/scss/radio/index.scss

@@ -1,10 +1,7 @@
 // Module meta
 $_kendo-module-meta: (
     name: "radio",
-    dependencies: (
-        'checkbox',
-        'list'
-    )
+    dependencies: ()
 );
 
 

package/scss/rating/_layout.scss

@@ -84,11 +84,10 @@
 
     .k-rating-precision-complement {
         direction: rtl;
+    }
 
-        .k-rtl &,
-        [dir="rtl"] & {
-            direction: ltr;
-        }
+    :is(.k-rtl, [dir="rtl"]) .k-rating-precision-complement {
+        direction: ltr;
     }
 
 }

package/scss/responsivepanel/_layout.scss

@@ -1,6 +1,6 @@
 @use "./_variables.scss" as *;
 
-@mixin kendo-responsivepanel--layout() {
+@mixin kendo-responsive-panel--layout() {
 
     .k-rpanel {}