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

package/scss/chip/_variables.scss

@@ -1,5 +1,5 @@
 @use "sass:map";
-@use "../core/" as *;
+@use "../core/_index.scss" as *;
 
 // Chip
 

package/scss/chip/index.scss

@@ -1,11 +1,11 @@
-@use "../utils" as *;
+@use "../utils/index.scss" as *;
 
 // Module meta
 $_kendo-module-meta: (
     name: "chip",
     dependencies: (
-        'button',
-        'icon'
+        "avatar",
+        "icon"
     )
 );
 
@@ -16,7 +16,7 @@ $_kendo-module-meta: (
 @use "./_theme.scss" as *;
 
 // Register
-@use "../core/module-system/" as module;
+@use "../core/module-system/index.scss" as module;
 @include module.register( $_kendo-module-meta... );
 
 // Expose

package/scss/color-preview/_layout.scss

@@ -1,4 +1,4 @@
-@use "../core/" as *;
+@use "../core/_index.scss" as *;
 @use "./_variables.scss" as *;
 
 @mixin kendo-color-preview--layout() {

package/scss/color-preview/_theme.scss

@@ -1,4 +1,4 @@
-@use "../core/" as *;
+@use "../core/_index.scss" as *;
 @use "./_variables.scss" as *;
 
 @mixin kendo-color-preview--theme() {

package/scss/color-preview/_variables.scss

@@ -1,4 +1,4 @@
-@use "../core/" as *;
+@use "../core/_index.scss" as *;
 
 /// Border radius of the color preview.
 /// @group color-preview

package/scss/color-preview/index.scss

@@ -13,7 +13,7 @@ $_kendo-module-meta: (
 @use "./_theme.scss" as *;
 
 // Register
-@use "../core/module-system/" as module;
+@use "../core/module-system/index.scss" as module;
 @include module.register( $_kendo-module-meta... );
 
 // Expose

package/scss/coloreditor/_layout.scss

@@ -1,4 +1,4 @@
-@use "../core/" as *;
+@use "../core/_index.scss" as *;
 @use "../colorpalette/_variables.scss" as *;
 @use "./_variables.scss" as *;
 

package/scss/coloreditor/_theme.scss

@@ -1,4 +1,4 @@
-@use "../core/" as *;
+@use "../core/_index.scss" as *;
 @use "./_variables.scss" as *;
 
 @mixin kendo-color-editor--theme() {

package/scss/coloreditor/_variables.scss

@@ -1,6 +1,6 @@
 @use "sass:map";
 @use "sass:math";
-@use "../core/" as *;
+@use "../core/_index.scss" as *;
 
 /// The spacer of the ColorEditor.
 /// @group color-editor

package/scss/coloreditor/index.scss

@@ -1,12 +1,12 @@
 // Module meta
 $_kendo-module-meta: (
-    name: "coloreditor",
+    name: "color-editor",
     dependencies: (
         "button",
         "action-buttons",
-        "color-preview",
-        "colorpalette",
-        "colorgradient"
+        "color-gradient",
+        "color-palette",
+        "color-preview"
     )
 );
 
@@ -17,12 +17,12 @@ $_kendo-module-meta: (
 @use "./_theme.scss" as *;
 
 // Register
-@use "../core/module-system/" as module;
+@use "../core/module-system/index.scss" as module;
 @include module.register( $_kendo-module-meta... );
 
 // Expose
-@mixin coloreditor-styles() {
-    @include module.render( "coloreditor" ) {
+@mixin color-editor-styles() {
+    @include module.render( "color-editor" ) {
         @include kendo-color-editor--layout();
         @include kendo-color-editor--theme();
     }

package/scss/colorgradient/_layout.scss

@@ -1,4 +1,4 @@
-@use "../core/" as *;
+@use "../core/_index.scss" as *;
 @use "./_variables.scss" as *;
 
 @mixin kendo-color-gradient--layout() {

package/scss/colorgradient/_theme.scss

@@ -1,4 +1,4 @@
-@use "../core/" as *;
+@use "../core/_index.scss" as *;
 @use "./_variables.scss" as *;
 
 @mixin kendo-color-gradient--theme() {

package/scss/colorgradient/_variables.scss

@@ -1,6 +1,6 @@
 @use "sass:map";
 @use "sass:math";
-@use "../core/" as *;
+@use "../core/_index.scss" as *;
 
 /// The spacer of the ColorGradient.
 /// @group color-gradient

package/scss/colorgradient/index.scss

@@ -1,14 +1,14 @@
-@use "../utils" as *;
+@use "../utils/index.scss" as *;
 
 // Module meta
 $_kendo-module-meta: (
-    name: "colorgradient",
+    name: "color-gradient",
     dependencies: (
-        "icon",
         "button",
+        "icon",
+        "numeric-textbox",
         "slider",
-        "textbox",
-        "numerictextbox"
+        "textbox"
     )
 );
 
@@ -19,12 +19,12 @@ $_kendo-module-meta: (
 @use "./_theme.scss" as *;
 
 // Register
-@use "../core/module-system/" as module;
+@use "../core/module-system/index.scss" as module;
 @include module.register( $_kendo-module-meta... );
 
 // Expose
-@mixin colorgradient-styles() {
-    @include module.render( "colorgradient" ) {
+@mixin color-gradient-styles() {
+    @include module.render( "color-gradient" ) {
         @include kendo-color-gradient--layout();
         @include kendo-color-gradient--theme();
         @include kendo-utils--flex-grid--flex();

package/scss/colorpalette/_layout.scss

@@ -1,4 +1,4 @@
-@use "../core/" as *;
+@use "../core/_index.scss" as *;
 @use "./_variables.scss" as *;
 
 @mixin kendo-color-palette--layout() {

package/scss/colorpalette/_theme.scss

@@ -1,4 +1,4 @@
-@use "../core/" as *;
+@use "../core/_index.scss" as *;
 @use "./_variables.scss" as *;
 
 @mixin kendo-color-palette--theme() {

package/scss/colorpalette/_variables.scss

@@ -1,5 +1,5 @@
 @use "sass:map";
-@use "../core/" as *;
+@use "../core/_index.scss" as *;
 
 /// The font family of the ColorPalette.
 /// @group color-palette

package/scss/colorpalette/index.scss

@@ -1,6 +1,6 @@
 // Module meta
 $_kendo-module-meta: (
-    name: "colorpalette",
+    name: "color-palette",
     dependencies: ()
 );
 
@@ -11,12 +11,12 @@ $_kendo-module-meta: (
 @use "./_theme.scss" as *;
 
 // Register
-@use "../core/module-system/" as module;
+@use "../core/module-system/index.scss" as module;
 @include module.register( $_kendo-module-meta... );
 
 // Expose
-@mixin colorpalette-styles() {
-    @include module.render( "colorpalette" ) {
+@mixin color-palette-styles() {
+    @include module.render( "color-palette" ) {
         @include kendo-color-palette--layout();
         @include kendo-color-palette--theme();
     }

package/scss/colorpicker/_layout.scss

@@ -1,6 +1,6 @@
 @use "./_variables.scss" as *;
 
-@mixin kendo-colorpicker--layout() {
+@mixin kendo-color-picker--layout() {
 
     // Color picker
     .k-color-picker {

package/scss/colorpicker/_theme.scss

@@ -1,5 +1,5 @@
 @use "./_variables.scss" as *;
 
-@mixin kendo-colorpicker--theme() {
+@mixin kendo-color-picker--theme() {
     .k-colorpicker { }
 }

package/scss/colorpicker/_variables.scss

@@ -1 +1 @@
-@use "../core/" as *;
+@use "../core/_index.scss" as *;

package/scss/colorpicker/index.scss

@@ -1,12 +1,12 @@
 // Module meta
 $_kendo-module-meta: (
-    name: "colorpicker",
+    name: "color-picker",
     dependencies: (
-        "input",
         "button",
-        "popup",
+        "color-editor",
         "icon",
-        "coloreditor"
+        "input",
+        "popup",
     )
 );
 
@@ -17,13 +17,13 @@ $_kendo-module-meta: (
 @use "./_theme.scss" as *;
 
 // Register
-@use "../core/module-system/" as module;
+@use "../core/module-system/index.scss" as module;
 @include module.register( $_kendo-module-meta... );
 
 // Expose
-@mixin colorpicker-styles() {
-    @include module.render( "colorpicker" ) {
-        @include kendo-colorpicker--layout();
-        @include kendo-colorpicker--theme();
+@mixin color-picker-styles() {
+    @include module.render( "color-picker" ) {
+        @include kendo-color-picker--layout();
+        @include kendo-color-picker--theme();
     }
 }

package/scss/combobox/index.scss

@@ -2,11 +2,12 @@
 $_kendo-module-meta: (
     name: "combobox",
     dependencies: (
-        "input",
+        "button",
         "floating-label",
         "icon",
-        "popup",
-        "list"
+        "input",
+        "list",
+        "popup"
     )
 );
 
@@ -16,7 +17,7 @@ $_kendo-module-meta: (
 @use "./_theme.scss" as *;
 
 // Register
-@use "../core/module-system/" as module;
+@use "../core/module-system/index.scss" as module;
 @include module.register( $_kendo-module-meta... );
 
 // Expose

package/scss/core/_index.scss

@@ -1,23 +1,23 @@
 @use "sass:map";
 
 // Swatch
-@use "./color-system/swatch" as *;
+@use "./color-system/_swatch.scss" as *;
 
 // Elevation
-@use "./elevation" as *;
-@forward "./elevation/legacy";
+@use "./elevation/_index.scss" as *;
+@forward "./elevation/_legacy.scss";
 
 // Typography
-@use "./typography/" as *;
+@use "./typography/_index.scss" as *;
 
 // Spacing
-@use "./spacing" as *;
+@use "./spacing/_index.scss" as *;
 
 // Radii
-@use "./border-radii/" as *;
+@use "./border-radii/_index.scss" as *;
 
 // Variables
-@forward "./variables";
+@forward "./_variables.scss";
 
 @forward "@progress/kendo-theme-core/scss/index.import.scss" with (
     $kendo-enable-color-system: $kendo-enable-color-system !default,
@@ -67,10 +67,10 @@
     $kendo-border-radii: $kendo-border-radii !default
 );
 
-@forward "./color-system/swatch-legacy";
+@forward "./color-system/_swatch-legacy.scss";
 
 // Module System
-@use "./module-system/" as module;
+@use "./module-system/index.scss" as module;
 
 $components: null !default;
 

package/scss/core/_legacy.scss

@@ -1,4 +1,4 @@
-@use "./index" as *;
+@use "./_index.scss" as *;
 @forward "./elevation" with (
     $kendo-elevation: $kendo-elevation
 )

package/scss/core/color-system/_index.scss

@@ -1,3 +1,3 @@
-@forward "./swatch";
-@forward "./swatch-legacy";
-@forward "./utils";
+@forward "./swatch.scss";
+@forward "./swatch-legacy.scss";
+@forward "./utils/index.scss";

package/scss/core/color-system/_swatch.scss

@@ -1,8 +1,8 @@
 @use "sass:map";
 @use "@progress/kendo-theme-core/scss/color-system/_functions.import.scss" as functions;
 @use "@progress/kendo-theme-core/scss/color-system/_constants.scss" as constants;
-@use "./palettes" as *;
-@forward "./palettes";
+@use "./palettes.scss" as *;
+@forward "./palettes.scss";
 
 // Config
 $kendo-enable-color-system: true !default;

package/scss/core/color-system/utils/_functions.scss

@@ -1,4 +1,4 @@
-@use '../palettes' as *;
+@use '../palettes.scss' as *;
 
 @forward "@progress/kendo-theme-core/scss/color-system/functions.import.scss" with (
     $kendo-palettes: $kendo-fluent-palettes

package/scss/core/color-system/utils/_index.scss

@@ -1,2 +1,2 @@
-@forward "./functions";
-@forward "./mixins";
+@forward "./functions.scss";
+@forward "./mixins.scss";

package/scss/core/elevation/_legacy.scss

@@ -1,5 +1,5 @@
 @use "sass:map";
-@use "./index" as *;
+@use "./index.scss" as *;
 
 /// Shadow for cards and grid item thumbnails.
 /// Equivalent to fluent depth 4.

package/scss/core/module-system/_components.scss

@@ -24,7 +24,7 @@ $components: (
     "badge",
     "color-preview",
     "loader",
-    "color-preview",
+    "loading",
     "skeleton",
     "tooltip",
     "time-marker",
@@ -42,35 +42,35 @@ $components: (
     "slider",
 
     // Form helpers
-    "forms",
+    "form",
     "validator",
     "floating-label",
 
     // Form requirements
     "calendar",
     "popup",
-    "timeselector",
+    "time-selector",
 
     // Augmented inputs
     "autocomplete",
     "captcha",
-    "colorpalette",
-    "colorgradient",
-    "coloreditor",
-    "colorpicker",
+    "color-palette",
+    "color-gradient",
+    "color-editor",
+    "color-picker",
     "combobox",
-    "dateinput",
-    "datepicker",
-    "timepicker",
-    "timedurationpicker",
-    "datetimepicker",
-    "daterangepicker",
-    "dropdowngrid",
-    "dropdownlist",
-    "dropdowntree",
-    "maskedtextbox",
+    "date-input",
+    "date-picker",
+    "time-picker",
+    "time-duration-picker",
+    "date-time-picker",
+    "date-range-picker",
+    "dropdown-grid",
+    "dropdown-list",
+    "dropdown-tree",
+    "masked-textbox",
     "multiselect",
-    "numerictextbox",
+    "numeric-textbox",
     "rating",
     "searchbox",
     "switch",
@@ -90,7 +90,7 @@ $components: (
     "drawer",
     "notification",
     "popover",
-    "responsivepanel",
+    "responsive-panel",
     "window",
 
     // Navigation
@@ -104,11 +104,10 @@ $components: (
 
     // Layout & containers
     "card",
-    "expansion-panel",
-    "panel",
+    "expander",
     "panelbar",
     "splitter",
-    "tilelayout",
+    "tile-layout",
     "dock-manager",
     "chart-wizard",
 
@@ -119,12 +118,12 @@ $components: (
     "pivotgrid",
     "treelist",
     "filter",
-    "filemanager",
-    "taskboard",
+    "file-manager",
+    "task-board",
 
     // Editors
     "editor",
-    "imageeditor",
+    "image-editor",
 
     // Scheduling
     "gantt",
@@ -133,7 +132,7 @@ $components: (
     // Misc
     "adaptive",
     "chat",
-    "mediaplayer",
+    "media-player",
     "timeline",
     "pdf-viewer",
     "scroller",

package/scss/dataviz/_layout.scss

@@ -1,9 +1,9 @@
 @use "sass:meta";
 @use "sass:string";
-@use "../core/" as *;
+@use "../core/_index.scss" as *;
 @use "./_variables.scss" as *;
 @use "../tooltip/_variables.scss" as *;
-@use "../core/spacing" as *;
+@use "../core/spacing/_index.scss" as *;
 
 @mixin kendo-dataviz--layout() {
 

package/scss/dataviz/_theme.scss

@@ -1,4 +1,4 @@
-@use "../core/" as *;
+@use "../core/_index.scss" as *;
 @use "./_variables.scss" as *;
 
 @mixin kendo-dataviz--theme() {

package/scss/dataviz/_variables.scss

@@ -1,5 +1,5 @@
 @use "sass:map";
-@use "../core/" as *;
+@use "../core/_index.scss" as *;
 
 /// The first base series color and its light and dark shades.
 /// @group charts

package/scss/dataviz/index.scss

@@ -2,7 +2,7 @@
 $_kendo-module-meta: (
     name: "dataviz",
     dependencies: (
-        "button",
+        "icon",
         "popup",
         "tooltip"
     )
@@ -15,7 +15,7 @@ $_kendo-module-meta: (
 @use "./_theme.scss" as *;
 
 // Register
-@use "../core/module-system/" as module;
+@use "../core/module-system/index.scss" as module;
 @include module.register( $_kendo-module-meta... );
 
 // Expose

package/scss/dateinput/_layout.scss

@@ -1,4 +1,4 @@
-@mixin kendo-dateinput--layout() {
+@mixin kendo-date-input--layout() {
 
     .k-dateinput {}
 }

package/scss/dateinput/_theme.scss

@@ -1,4 +1,4 @@
-@mixin kendo-dateinput--theme() {
+@mixin kendo-date-input--theme() {
 
     .k-dateinput {}
 }

package/scss/dateinput/index.scss

@@ -1,7 +1,9 @@
 // Module meta
 $_kendo-module-meta: (
-    name: "dateinput",
+    name: "date-input",
     dependencies: (
+        "floating-label",
+        "icon",
         "input"
     )
 );
@@ -12,13 +14,13 @@ $_kendo-module-meta: (
 @use "./_theme.scss" as *;
 
 // Register
-@use "../core/module-system/" as module;
+@use "../core/module-system/index.scss" as module;
 @include module.register( $_kendo-module-meta... );
 
 // Expose
-@mixin dateinput-styles() {
-    @include module.render( "dateinput" ) {
-        @include kendo-dateinput--layout();
-        @include kendo-dateinput--theme();
+@mixin date-input-styles() {
+    @include module.render( "date-input" ) {
+        @include kendo-date-input--layout();
+        @include kendo-date-input--theme();
     }
 }

package/scss/datepicker/_layout.scss

@@ -1,4 +1,4 @@
-@mixin kendo-datepicker--layout() {
+@mixin kendo-date-picker--layout() {
 
     .k-datepicker {}
 }

package/scss/datepicker/_theme.scss

@@ -1,4 +1,4 @@
-@mixin kendo-datepicker--theme() {
+@mixin kendo-date-picker--theme() {
 
     .k-datepicker {}
 }

package/scss/datepicker/index.scss

@@ -1,12 +1,13 @@
 // Module meta
 $_kendo-module-meta: (
-    name: "datepicker",
+    name: "date-picker",
     dependencies: (
-        "icon",
         "button",
+        "calendar",
+        "floating-label",
+        "icon",
         "input",
-        "popup",
-        "calendar"
+        "popup"
     )
  );
 
@@ -16,13 +17,13 @@ $_kendo-module-meta: (
 @use "./_theme.scss" as *;
 
 // Register
-@use "../core/module-system/" as module;
+@use "../core/module-system/index.scss" as module;
 @include module.register( $_kendo-module-meta... );
 
 // Expose
-@mixin datepicker-styles() {
-    @include module.render( "datepicker" ) {
-        @include kendo-datepicker--layout();
-        @include kendo-datepicker--theme();
+@mixin date-picker-styles() {
+    @include module.render( "date-picker" ) {
+        @include kendo-date-picker--layout();
+        @include kendo-date-picker--theme();
     }
 }