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

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/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/responsivepanel/_layout.scss

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

package/scss/responsivepanel/_theme.scss

@@ -1,4 +1,4 @@
-@mixin kendo-responsivepanel--theme() {
+@mixin kendo-responsive-panel--theme() {
 
     .k-rpanel {}
 

package/scss/responsivepanel/index.scss

@@ -1,6 +1,6 @@
 // Module meta
 $_kendo-module-meta: (
-    name: "responsivepanel",
+    name: "responsive-panel",
     dependencies: (
         "icon"
     )
@@ -17,9 +17,9 @@ $_kendo-module-meta: (
 @include module.register( $_kendo-module-meta... );
 
 // Expose
-@mixin responsivepanel-styles() {
-    @include module.render( "responsivepanel" ) {
-        @include kendo-responsivepanel--layout();
-        @include kendo-responsivepanel--theme();
+@mixin responsive-panel-styles() {
+    @include module.render( "responsive-panel" ) {
+        @include kendo-responsive-panel--layout();
+        @include kendo-responsive-panel--theme();
     }
 }

package/scss/scheduler/index.scss

@@ -4,17 +4,24 @@
 $_kendo-module-meta: (
     name: "scheduler",
     dependencies: (
-        "icon",
-        "forms",
+        "action-buttons",
         "adaptive",
         "button",
-        "datetimepicker",
-        "dropdownlist",
-        "dialog",
-        "tooltip",
         "calendar",
+        "checkbox",
+        "date-time-picker",
+        "dialog",
+        "dropdown-list",
+        "form",
+        "icon",
+        "numeric-textbox",
+        "radio",
+        "textarea",
+        "textbox",
         "toolbar",
-        "time-marker"
+        "tooltip",
+        "time-marker",
+        "window"
     )
 );
 

package/scss/scroller/index.scss

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

package/scss/searchbox/index.scss

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

package/scss/signature/index.scss

@@ -3,7 +3,10 @@ $_kendo-module-meta: (
     name: "signature",
     dependencies: (
         "button",
-        "input"
+        "color-picker",
+        "icon",
+        "input",
+        "split-button"
     )
 );
 

package/scss/slider/_theme.scss

@@ -3,9 +3,6 @@
 
 @mixin kendo-slider--theme() {
 
-    $kendo-slider-tick-h-image: "data:image/gif;base64,R0lGODlhtAABAIABALi4uAAAACH5BAEAAAEALAAAAAC0AAEAAAIWjIGJxqzazlux2ovlzND2rAHgSIZWAQA7" !default;
-    $kendo-slider-tick-v-image: "data:image/gif;base64,R0lGODlhAQC0AIABALi4uAAAACH5BAEAAAEALAAAAAABALQAAAIWjIGJxqzazlux2ovlzND2rAHgSIZWAQA7" !default;
-
     // Slider
     .k-slider {
         --INTERNAL--kendo-slider-text: var( --kendo-slider-text, #{$kendo-slider-text} );

package/scss/slider/_variables.scss

@@ -149,3 +149,10 @@ $kendo-slider-thumb-transition-speed: .4s !default;
 /// The transition function of the Slider thumb.
 /// @group slider
 $kendo-slider-thumb-transition-function: cubic-bezier(.25, .8, .25, 1) !default;
+
+/// The background image of the horizontal Slider tick.
+/// @group slider
+$kendo-slider-tick-h-image: "data:image/gif;base64,R0lGODlhtAABAIABALi4uAAAACH5BAEAAAEALAAAAAC0AAEAAAIWjIGJxqzazlux2ovlzND2rAHgSIZWAQA7" !default;
+/// The background image of the vertical Slider tick.
+/// @group slider
+$kendo-slider-tick-v-image: "data:image/gif;base64,R0lGODlhAQC0AIABALi4uAAAACH5BAEAAAEALAAAAAABALQAAAIWjIGJxqzazlux2ovlzND2rAHgSIZWAQA7" !default;

package/scss/slider/index.scss

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

package/scss/split-button/index.scss

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

package/scss/splitter/index.scss

@@ -2,6 +2,7 @@
 $_kendo-module-meta: (
     name: "splitter",
     dependencies: (
+        "draggable",
         "icon"
     )
 );

package/scss/spreadsheet/index.scss

@@ -4,23 +4,24 @@
 $_kendo-module-meta: (
     name: "spreadsheet",
     dependencies: (
+        "action-buttons",
         "button",
         "checkbox",
-        "radio",
-        "colorpicker",
+        "color-picker",
         "combobox",
-        "datetimepicker",
-        "dropdownlist",
-        "toolbar",
-        "upload",
-        "menu",
-        "forms",
+        "date-time-picker",
+        "dropdown-list",
+        "form",
+        "icon",
         "input",
-        "window",
+        "list",
+        "menu",
+        "radio",
         "tabstrip",
+        "toolbar",
         "treeview",
-        "icon",
-        "list"
+        "upload",
+        "window"
     )
 );
 

package/scss/table/index.scss

@@ -1,14 +1,7 @@
 // Module meta
 $_kendo-module-meta: (
     name: "table",
-    dependencies: (
-        "input",
-        "list",
-        "popup",
-        "combobox",
-        "toolbar",
-        "menu"
-    )
+    dependencies: ()
 );
 
 

package/scss/tabstrip/index.scss

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

package/scss/taskboard/_layout.scss

@@ -1,7 +1,7 @@
 @use "../core/_index.scss" as *;
 @use "./_variables.scss" as *;
 
-@mixin kendo-taskboard--layout() {
+@mixin kendo-task-board--layout() {
 
     // TaskBoard
     .k-taskboard {

package/scss/taskboard/_theme.scss

@@ -1,7 +1,7 @@
 @use "../core/_index.scss" as *;
 @use "./_variables.scss" as *;
 
-@mixin kendo-taskboard--theme() {
+@mixin kendo-task-board--theme() {
 
     // TaskBoard
     .k-taskboard {

package/scss/taskboard/index.scss

@@ -2,15 +2,22 @@
 
 // Module meta
 $_kendo-module-meta: (
-    name: "taskboard",
+    name: "task-board",
     dependencies: (
+        "action-buttons",
+        "badge",
+        "button",
+        "card",
+        "dialog",
+        "form",
         "icon",
         "input",
-        "forms",
-        "textbox",
+        "menu",
+        "menu-button",
         "searchbox",
+        "textbox",
         "toolbar",
-        "card"
+        "window"
     )
 );
 
@@ -25,10 +32,10 @@ $_kendo-module-meta: (
 @include module.register( $_kendo-module-meta... );
 
 // Expose
-@mixin taskboard-styles() {
-    @include module.render( "taskboard" ) {
-        @include kendo-taskboard--layout();
-        @include kendo-taskboard--theme();
+@mixin task-board-styles() {
+    @include module.render( "task-board" ) {
+        @include kendo-task-board--layout();
+        @include kendo-task-board--theme();
         @include kendo-utils--typography--text-overflow();
     }
 }

package/scss/textarea/index.scss

@@ -4,8 +4,10 @@
 $_kendo-module-meta: (
     name: "textarea",
     dependencies: (
-        "input",
+        "button",
         "floating-label",
+        "icon",
+        "input"
     )
 );
 

package/scss/textbox/index.scss

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

package/scss/tilelayout/index.scss

@@ -2,9 +2,11 @@
 
 // Module meta
 $_kendo-module-meta: (
-    name: "tilelayout",
+    name: "tile-layout",
     dependencies: (
-        "card"
+        "button",
+        "card",
+        "icon"
     )
 );
 
@@ -19,8 +21,8 @@ $_kendo-module-meta: (
 @include module.register( $_kendo-module-meta... );
 
 // Expose
-@mixin tilelayout-styles() {
-    @include module.render( "tilelayout" ) {
+@mixin tile-layout-styles() {
+    @include module.render( "tile-layout" ) {
         @include kendo-tile-layout--layout();
         @include kendo-tile-layout--theme();
         @include kendo-utils--interactivity--resize();

package/scss/timedurationpicker/_layout.scss

@@ -1,4 +1,4 @@
-@mixin kendo-timedurationpicker--layout() {
+@mixin kendo-time-duration-picker--layout() {
 
     // Time picker
     .k-timedurationpicker {}

package/scss/timedurationpicker/_theme.scss

@@ -1,4 +1,4 @@
-@mixin kendo-timedurationpicker--theme() {
+@mixin kendo-time-duration-picker--theme() {
 
     // Time picker
     .k-timedurationpicker {}

package/scss/timedurationpicker/index.scss

@@ -1,13 +1,14 @@
 // Module meta
 $_kendo-module-meta: (
-    name: "timedurationpicker",
+    name: "time-duration-picker",
     dependencies: (
+        "action-buttons",
         "button",
         "icon",
         "input",
-        "popup",
         "list",
-        "timeselector"
+        "popup",
+        "time-selector"
     )
 );
 
@@ -21,9 +22,9 @@ $_kendo-module-meta: (
 @include module.register( $_kendo-module-meta... );
 
 // Expose
-@mixin timedurationpicker-styles() {
-    @include module.render( "timedurationpicker" ) {
-        @include kendo-timedurationpicker--layout();
-        @include kendo-timedurationpicker--theme();
+@mixin time-duration-picker-styles() {
+    @include module.render( "time-duration-picker" ) {
+        @include kendo-time-duration-picker--layout();
+        @include kendo-time-duration-picker--theme();
     }
 }

package/scss/timeline/index.scss

@@ -2,9 +2,9 @@
 $_kendo-module-meta: (
     name: "timeline",
     dependencies: (
-        'button',
-        'icon',
-        'card'
+        "button",
+        "card",
+        "icon"
     )
 );
 

package/scss/timepicker/_layout.scss

@@ -1,4 +1,4 @@
-@mixin kendo-timepicker--layout() {
+@mixin kendo-time-picker--layout() {
 
     // Time picker
     .k-timepicker {}

package/scss/timepicker/_theme.scss

@@ -1,4 +1,4 @@
-@mixin kendo-timepicker--theme() {
+@mixin kendo-time-picker--theme() {
 
        // Time picker
        .k-timepicker {}