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

package/scss/dropdowngrid/index.scss

@@ -1,16 +1,14 @@
 // Module meta
 $_kendo-module-meta: (
-    name: "dropdowngrid",
+    name: "dropdown-grid",
     dependencies: (
         "button",
-        "table",
-        "input",
         "floating-label",
-        "combobox",
+        "grid",
+        "icon",
+        "input",
         "popup",
-        "toolbar",
-        "menu",
-        "grid"
+        "table"
     )
 );
 
@@ -24,10 +22,9 @@ $_kendo-module-meta: (
 @include module.register( $_kendo-module-meta... );
 
 // Expose
-@mixin dropdowngrid-styles() {
-    @include module.render( "dropdowngrid" ) {
-        @include kendo-dropdowngrid--layout();
-        @include kendo-dropdowngrid--theme();
+@mixin dropdown-grid-styles() {
+    @include module.render( "dropdown-grid" ) {
+        @include kendo-dropdown-grid--layout();
+        @include kendo-dropdown-grid--theme();
     }
 }
-

package/scss/dropdownlist/_layout.scss

@@ -1,4 +1,4 @@
-@mixin kendo-dropdownlist--layout() {
+@mixin kendo-dropdown-list--layout() {
 
     // Dropdown list
     .k-dropdown-list {}

package/scss/dropdownlist/_theme.scss

@@ -1,4 +1,4 @@
-@mixin kendo-dropdownlist--theme() {
+@mixin kendo-dropdown-list--theme() {
 
     // Dropdown list
     .k-dropdown-list {}

package/scss/dropdownlist/index.scss

@@ -1,12 +1,13 @@
 // Module meta
 $_kendo-module-meta: (
-    name: "dropdownlist",
+    name: "dropdown-list",
     dependencies: (
-        "input",
+        "button",
         "floating-label",
-        "popup",
-        "list"
-
+        "icon",
+        "input",
+        "list",
+        "popup"
     )
 );
 
@@ -20,10 +21,9 @@ $_kendo-module-meta: (
 @include module.register( $_kendo-module-meta... );
 
 // Expose
-@mixin dropdownlist-styles() {
-    @include module.render( "dropdownlist" ) {
-        @include kendo-dropdownlist--layout();
-        @include kendo-dropdownlist--theme();
+@mixin dropdown-list-styles() {
+    @include module.render( "dropdown-list" ) {
+        @include kendo-dropdown-list--layout();
+        @include kendo-dropdown-list--theme();
     }
 }
-

package/scss/dropdowntree/_layout.scss

@@ -1,7 +1,7 @@
 @use "../core/_index.scss" as *;
 @use "./_variables.scss" as *;
 
-@mixin kendo-dropdowntree--layout() {
+@mixin kendo-dropdown-tree--layout() {
 
     // Dropdown tree
     .k-dropdown-tree {}

package/scss/dropdowntree/_theme.scss

@@ -1,4 +1,4 @@
-@mixin kendo-dropdowntree--theme() {
+@mixin kendo-dropdown-tree--theme() {
 
     // Dropdown tree
     .k-dropdown-tree {}

package/scss/dropdowntree/index.scss

@@ -2,13 +2,14 @@
 
 // Module meta
 $_kendo-module-meta: (
-    name: "dropdowntree",
+    name: "dropdown-tree",
     dependencies: (
+        "button",
         "floating-label",
-        "dropdownlist",
-        "multiselect",
-        "treeview",
-        "popup"
+        "icon",
+        "input",
+        "popup",
+        "treeview"
     )
 );
 
@@ -22,10 +23,10 @@ $_kendo-module-meta: (
 @include module.register( $_kendo-module-meta... );
 
 // Expose
-@mixin dropdowntree-styles() {
-    @include module.render( "dropdowntree" ) {
-        @include kendo-dropdowntree--layout();
-        @include kendo-dropdowntree--theme();
+@mixin dropdown-tree-styles() {
+    @include module.render( "dropdown-tree" ) {
+        @include kendo-dropdown-tree--layout();
+        @include kendo-dropdown-tree--theme();
         @include kendo-utils--typography--text-align();
     }
 }

package/scss/dropzone/_variables.scss

@@ -1,6 +1,5 @@
 @use "sass:map";
 @use "../core/_index.scss" as *;
-@use "../icon/_variables.scss" as *;
 
 /// The horizontal padding of the DropZone.
 /// @group dropzone

package/scss/dropzone/index.scss

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

package/scss/editor/index.scss

@@ -4,9 +4,11 @@ $_kendo-module-meta: (
     dependencies: (
         "button",
         "checkbox",
-        "colorpicker",
+        "color-picker",
         "combobox",
-        "dropdownlist",
+        "dropdown-list",
+        "file-manager",
+        "icon",
         "toolbar",
         "upload",
         "window"

package/scss/expansion-panel/_layout.scss

@@ -1,7 +1,7 @@
 @use "../core/_index.scss" as *;
 @use "./_variables.scss" as *;
 
-@mixin kendo-expansion-panel--layout() {
+@mixin kendo-expander--layout() {
 
     // Base
     .k-expander {

package/scss/expansion-panel/_theme.scss

@@ -1,7 +1,7 @@
 @use "../core/_index.scss" as *;
 @use "./_variables.scss" as *;
 
-@mixin kendo-expansion-panel--theme() {
+@mixin kendo-expander--theme() {
 
     .k-expander {
         @include fill(

package/scss/expansion-panel/index.scss

@@ -2,9 +2,10 @@
 
 // Module meta
 $_kendo-module-meta: (
-    name: "expansion-panel",
+    name: "expander",
     dependencies: (
-        "icon"
+        "icon",
+        "list"
     )
 );
 
@@ -18,10 +19,10 @@ $_kendo-module-meta: (
 @include module.register( $_kendo-module-meta... );
 
 // Expose
-@mixin expansion-panel-styles() {
-    @include module.render( "expansion-panel" ) {
-        @include kendo-expansion-panel--layout();
-        @include kendo-expansion-panel--theme();
+@mixin expander-styles() {
+    @include module.render( "expander" ) {
+        @include kendo-expander--layout();
+        @include kendo-expander--theme();
         @include kendo-utils--layout--display();
     }
 }

package/scss/fab/index.scss

@@ -4,9 +4,9 @@
 $_kendo-module-meta: (
     name: "fab",
     dependencies: (
-        "icon",
-        "button",
         "badge",
+        "button",
+        "icon",
         "popup"
     )
 );

package/scss/filemanager/index.scss

@@ -1,18 +1,19 @@
 // Module meta
 $_kendo-module-meta: (
-    name: "filemanager",
+    name: "file-manager",
     dependencies: (
+        "breadcrumb",
+        "dialog",
+        "grid",
+        "icon",
         "input",
-        "toolbar",
-        "upload",
-        "switch",
+        "listview",
         "menu",
-        "dialog",
-        "breadcrumb",
-        "treeview",
         "splitter",
-        "grid",
-        "listview"
+        "switch",
+        "toolbar",
+        "treeview",
+        "upload"
     )
 );
 
@@ -27,8 +28,8 @@ $_kendo-module-meta: (
 @include module.register( $_kendo-module-meta... );
 
 // Expose
-@mixin filemanager-styles() {
-    @include module.render( "filemanager" ) {
+@mixin file-manager-styles() {
+    @include module.render( "file-manager" ) {
         @include kendo-file-manager--layout();
         @include kendo-file-manager--theme();
     }

package/scss/filter/index.scss

@@ -3,11 +3,12 @@ $_kendo-module-meta: (
     name: "filter",
     dependencies: (
         "button",
-        "input",
         "checkbox",
-        "datetimepicker",
-        "dropdownlist",
-        "numerictextbox",
+        "date-time-picker",
+        "dropdown-list",
+        "input",
+        "numeric-textbox",
+        "textbox",
         "toolbar"
     )
 );

package/scss/forms/_layout.scss

@@ -6,7 +6,7 @@
 @use "../window/_variables.scss" as *;
 @use "../core/spacing/_index.scss" as *;
 
-@mixin kendo-forms--layout() {
+@mixin kendo-form--layout() {
 
     // Common
     .k-form,

package/scss/forms/_theme.scss

@@ -1,7 +1,7 @@
 @use "../core/_index.scss" as *;
 @use "./_variables.scss" as *;
 
-@mixin kendo-forms--theme() {
+@mixin kendo-form--theme() {
 
     .k-form,
     .k-form-inline {

package/scss/forms/index.scss

@@ -2,14 +2,11 @@
 
 // Module meta
 $_kendo-module-meta: (
-    name: "forms",
+    name: "form",
     dependencies: (
-        "tooltip",
-        "button",
-        "input",
-        "toolbar",
         "action-buttons",
-        "window"
+        "button",
+        "validator"
     )
 );
 
@@ -24,10 +21,10 @@ $_kendo-module-meta: (
 @include module.register( $_kendo-module-meta... );
 
 // Expose
-@mixin forms-styles() {
-    @include module.render( "forms" ) {
-        @include kendo-forms--layout();
-        @include kendo-forms--theme();
+@mixin form-styles() {
+    @include module.render( "form" ) {
+        @include kendo-form--layout();
+        @include kendo-form--theme();
         @include kendo-utils--layout--display();
         @include kendo-utils--flex-grid--gap();
         @include kendo-utils--flex-grid--grid-template-columns();

package/scss/gantt/index.scss

@@ -4,18 +4,17 @@
 $_kendo-module-meta: (
     name: "gantt",
     dependencies: (
-        "icon",
         "button",
+        "date-time-picker",
+        "icon",
         "input",
-        "validator",
-        "datetimepicker",
-        "numerictextbox",
-        "window",
+        "numeric-textbox",
         "splitter",
-        "treelist",
-        "grid",
         "toolbar",
-        "time-marker"
+        "treelist",
+        "time-marker",
+        "validator",
+        "window"
     )
 );
 

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/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();
     }
 }