@progress/kendo-theme-fluent 5.12.1-dev.2 → 5.12.1-dev.3

package/scss/filemanager/_theme.scss

@@ -1,14 +1,14 @@
 @use "../core/" as *;
 @use "./_variables.scss" as *;
 
-@mixin kendo-filemanager--theme() {
+@mixin kendo-file-manager--theme() {
 
     // Filemanager
     .k-filemanager {
         @include fill(
-            var( --kendo-filemanager-text, #{$kendo-filemanager-text} ),
-            var( --kendo-filemanager-bg, #{$kendo-filemanager-bg} ),
-            var( --kendo-filemanager-border, #{$kendo-filemanager-border} )
+            var( --kendo-file-manager-text, #{$kendo-file-manager-text} ),
+            var( --kendo-file-manager-bg, #{$kendo-file-manager-bg} ),
+            var( --kendo-file-manager-border, #{$kendo-file-manager-border} )
         );
     }
 
@@ -16,9 +16,9 @@
     // Filemanager toolbar
     .k-filemanager-toolbar {
         @include fill(
-            var( --kendo-filemanager-toolbar-text, #{$kendo-filemanager-toolbar-text} ),
-            var( --kendo-filemanager-toolbar-bg, #{$kendo-filemanager-toolbar-bg} ),
-            var( --kendo-filemanager-toolbar-border, #{$kendo-filemanager-toolbar-border} )
+            var( --kendo-file-manager-toolbar-text, #{$kendo-file-manager-toolbar-text} ),
+            var( --kendo-file-manager-toolbar-bg, #{$kendo-file-manager-toolbar-bg} ),
+            var( --kendo-file-manager-toolbar-border, #{$kendo-file-manager-toolbar-border} )
         );
     }
 
@@ -26,9 +26,9 @@
     // Filemanager navigation
     .k-filemanager-navigation {
         @include fill(
-            var( --kendo-filemanager-navigation-text, #{$kendo-filemanager-navigation-text} ),
-            var( --kendo-filemanager-navigation-bg, #{$kendo-filemanager-navigation-bg} ),
-            var( --kendo-filemanager-navigation-border, #{$kendo-filemanager-navigation-border} )
+            var( --kendo-file-manager-navigation-text, #{$kendo-file-manager-navigation-text} ),
+            var( --kendo-file-manager-navigation-bg, #{$kendo-file-manager-navigation-bg} ),
+            var( --kendo-file-manager-navigation-border, #{$kendo-file-manager-navigation-border} )
         );
     }
 
@@ -36,9 +36,9 @@
     // Filemanager breadcrumb
     .k-filemanager-breadcrumb {
         @include fill(
-            var( --kendo-filemanager-breadcrumb-text, #{$kendo-filemanager-breadcrumb-text} ),
-            var( --kendo-filemanager-breadcrumb-bg, #{$kendo-filemanager-breadcrumb-bg} ),
-            var( --kendo-filemanager-breadcrumb-border, #{$kendo-filemanager-breadcrumb-border} )
+            var( --kendo-file-manager-breadcrumb-text, #{$kendo-file-manager-breadcrumb-text} ),
+            var( --kendo-file-manager-breadcrumb-bg, #{$kendo-file-manager-breadcrumb-bg} ),
+            var( --kendo-file-manager-breadcrumb-border, #{$kendo-file-manager-breadcrumb-border} )
         );
     }
 
@@ -46,33 +46,33 @@
     // Filemanager listview
     .k-filemanager-listview {
         @include fill(
-            var( --kendo-filemanager-listview-text, #{$kendo-filemanager-listview-text} ),
-            var( --kendo-filemanager-listview-bg, #{$kendo-filemanager-listview-bg} ),
-            var( --kendo-filemanager-listview-border, #{$kendo-filemanager-listview-border} )
+            var( --kendo-file-manager-listview-text, #{$kendo-file-manager-listview-text} ),
+            var( --kendo-file-manager-listview-bg, #{$kendo-file-manager-listview-bg} ),
+            var( --kendo-file-manager-listview-border, #{$kendo-file-manager-listview-border} )
         );
 
         .k-listview-item {
             .k-file-icon {
                 @include fill(
-                    var( --kendo-filemanager-listview-item-icon-text, #{$kendo-filemanager-listview-item-icon-text} ),
-                    var( --kendo-filemanager-listview-item-icon-bg, #{$kendo-filemanager-listview-item-icon-bg} ),
-                    var( --kendo-filemanager-listview-item-icon-border, #{$kendo-filemanager-listview-item-icon-border} )
+                    var( --kendo-file-manager-listview-item-icon-text, #{$kendo-file-manager-listview-item-icon-text} ),
+                    var( --kendo-file-manager-listview-item-icon-bg, #{$kendo-file-manager-listview-item-icon-bg} ),
+                    var( --kendo-file-manager-listview-item-icon-border, #{$kendo-file-manager-listview-item-icon-border} )
                 );
             }
 
             &.k-focus .k-file-icon {
                 @include fill(
-                    var( --kendo-filemanager-listview-item-icon-focus-text, #{$kendo-filemanager-listview-item-icon-focus-text} ),
-                    var( --kendo-filemanager-listview-item-icon-focus-bg, #{$kendo-filemanager-listview-item-icon-focus-bg} ),
-                    var( --kendo-filemanager-listview-item-icon-focus-border, #{$kendo-filemanager-listview-item-icon-focus-border} )
+                    var( --kendo-file-manager-listview-item-icon-focus-text, #{$kendo-file-manager-listview-item-icon-focus-text} ),
+                    var( --kendo-file-manager-listview-item-icon-focus-bg, #{$kendo-file-manager-listview-item-icon-focus-bg} ),
+                    var( --kendo-file-manager-listview-item-icon-focus-border, #{$kendo-file-manager-listview-item-icon-focus-border} )
                 );
             }
 
             &.k-selected .k-file-icon {
                 @include fill(
-                    var( --kendo-filemanager-listview-item-icon-selected-text, #{$kendo-filemanager-listview-item-icon-selected-text} ),
-                    var( --kendo-filemanager-listview-item-icon-selected-bg, #{$kendo-filemanager-listview-item-icon-selected-bg} ),
-                    var( --kendo-filemanager-listview-item-icon-selected-border, #{$kendo-filemanager-listview-item-icon-selected-border} )
+                    var( --kendo-file-manager-listview-item-icon-selected-text, #{$kendo-file-manager-listview-item-icon-selected-text} ),
+                    var( --kendo-file-manager-listview-item-icon-selected-bg, #{$kendo-file-manager-listview-item-icon-selected-bg} ),
+                    var( --kendo-file-manager-listview-item-icon-selected-border, #{$kendo-file-manager-listview-item-icon-selected-border} )
                 );
             }
         }
@@ -83,9 +83,9 @@
     // Filemanager grid
     .k-filemanager-grid {
         @include fill(
-            var( --kendo-filemanager-grid-text, #{$kendo-filemanager-grid-text} ),
-            var( --kendo-filemanager-grid-bg, #{$kendo-filemanager-grid-bg} ),
-            var( --kendo-filemanager-grid-border, #{$kendo-filemanager-grid-border} )
+            var( --kendo-file-manager-grid-text, #{$kendo-file-manager-grid-text} ),
+            var( --kendo-file-manager-grid-bg, #{$kendo-file-manager-grid-bg} ),
+            var( --kendo-file-manager-grid-border, #{$kendo-file-manager-grid-border} )
         );
     }
 
@@ -93,16 +93,16 @@
     // Filemanager preview
     .k-filemanager-preview {
         @include fill(
-            var( --kendo-filemanager-preview-text, #{$kendo-filemanager-preview-text} ),
-            var( --kendo-filemanager-preview-bg, #{$kendo-filemanager-preview-bg} ),
-            var( --kendo-filemanager-preview-border, #{$kendo-filemanager-preview-border} )
+            var( --kendo-file-manager-preview-text, #{$kendo-file-manager-preview-text} ),
+            var( --kendo-file-manager-preview-bg, #{$kendo-file-manager-preview-bg} ),
+            var( --kendo-file-manager-preview-border, #{$kendo-file-manager-preview-border} )
         );
 
         .k-file-icon {
             @include fill(
-                var( --kendo-filemanager-preview-icon-text, #{$kendo-filemanager-preview-icon-text} ),
-                var( --kendo-filemanager-preview-icon-bg, #{$kendo-filemanager-preview-icon-bg} ),
-                var( --kendo-filemanager-preview-icon-border, #{$kendo-filemanager-preview-icon-border} )
+                var( --kendo-file-manager-preview-icon-text, #{$kendo-file-manager-preview-icon-text} ),
+                var( --kendo-file-manager-preview-icon-bg, #{$kendo-file-manager-preview-icon-bg} ),
+                var( --kendo-file-manager-preview-icon-border, #{$kendo-file-manager-preview-icon-border} )
             );
         }
     }

package/scss/filemanager/_variables.scss

@@ -5,184 +5,184 @@
 
 /// The space between the filemanger items.
 /// @group filemanger
-$kendo-filemanager-spacer: map.get( $kendo-spacing, 4 ) !default;
+$kendo-file-manager-spacer: map.get( $kendo-spacing, 4 ) !default;
 /// Border width of the filemanger.
 /// @group filemanger
-$kendo-filemanager-border-width: 1px !default;
+$kendo-file-manager-border-width: 1px !default;
 /// Font family of the filemanger.
 /// @group filemanger
-$kendo-filemanager-font-family: var( --kendo-font-family, normal ) !default;
+$kendo-file-manager-font-family: var( --kendo-font-family, normal ) !default;
 /// Font size of the filemanger.
 /// @group filemanger
-$kendo-filemanager-font-size: var( --kendo-font-size, inherit ) !default;
+$kendo-file-manager-font-size: var( --kendo-font-size, inherit ) !default;
 /// Line height of the filemanger.
 /// @group filemanger
-$kendo-filemanager-line-height: var( --kendo-line-height, normal ) !default;
+$kendo-file-manager-line-height: var( --kendo-line-height, normal ) !default;
 /// Background color of the filemanager component.
 /// @group filemanager
-$kendo-filemanager-bg: var( --kendo-component-bg, transparent ) !default;
+$kendo-file-manager-bg: var( --kendo-component-bg, transparent ) !default;
 /// Text color of the filemanager component.
 /// @group filemanager
-$kendo-filemanager-text: var( --kendo-component-text, inherit ) !default;
+$kendo-file-manager-text: var( --kendo-component-text, inherit ) !default;
 /// Border color of the filemanager component.
 /// @group filemanager
-$kendo-filemanager-border: var( --kendo-component-border, inherit ) !default;
+$kendo-file-manager-border: var( --kendo-component-border, inherit ) !default;
 
 /// Border width of the toolbar.
 /// @group filemanger
-$kendo-filemanager-toolbar-border-width: $kendo-filemanager-border-width !default;
+$kendo-file-manager-toolbar-border-width: $kendo-file-manager-border-width !default;
 /// Background color of the toolbar.
 /// @group filemanager
-$kendo-filemanager-toolbar-bg: $kendo-toolbar-bg !default;
+$kendo-file-manager-toolbar-bg: $kendo-toolbar-bg !default;
 /// Text color of the toolbar.
 /// @group filemanager
-$kendo-filemanager-toolbar-text: $kendo-toolbar-text !default;
+$kendo-file-manager-toolbar-text: $kendo-toolbar-text !default;
 /// Border color of the toolbar.
 /// @group filemanager
-$kendo-filemanager-toolbar-border: $kendo-toolbar-border !default;
+$kendo-file-manager-toolbar-border: $kendo-toolbar-border !default;
 
 /// Horizontal padding of the navigation.
 /// @group filemanager
-$kendo-filemanager-navigation-padding-x: $kendo-filemanager-spacer !default;
+$kendo-file-manager-navigation-padding-x: $kendo-file-manager-spacer !default;
 /// Vertical padding of the navigation.
 /// @group filemanager
-$kendo-filemanager-navigation-padding-y: $kendo-filemanager-spacer !default;
+$kendo-file-manager-navigation-padding-y: $kendo-file-manager-spacer !default;
 /// Width of the navigation.
 /// @group filemanager
-$kendo-filemanager-navigation-width: 20% !default;
+$kendo-file-manager-navigation-width: 20% !default;
 /// Border width of the navigation.
 /// @group filemanager
-$kendo-filemanager-navigation-border-width: $kendo-filemanager-border-width !default;
+$kendo-file-manager-navigation-border-width: $kendo-file-manager-border-width !default;
 /// Background color of the navigation.
 /// @group filemanager
-$kendo-filemanager-navigation-bg: transparent !default;
+$kendo-file-manager-navigation-bg: transparent !default;
 /// Text color of the navigation.
 /// @group filemanager
-$kendo-filemanager-navigation-text: inherit !default;
+$kendo-file-manager-navigation-text: inherit !default;
 /// Border color of the navigation.
 /// @group filemanager
-$kendo-filemanager-navigation-border: inherit !default;
+$kendo-file-manager-navigation-border: inherit !default;
 
 /// Horizontal padding of the breadcrumb.
 /// @group filemanager
-$kendo-filemanager-breadcrumb-padding-x: map.get( $kendo-spacing, 2 ) !default;
+$kendo-file-manager-breadcrumb-padding-x: map.get( $kendo-spacing, 2 ) !default;
 /// Vertical padding of the breadcrumb.
 /// @group filemanager
-$kendo-filemanager-breadcrumb-padding-y: map.get( $kendo-spacing, 2 ) !default;
+$kendo-file-manager-breadcrumb-padding-y: map.get( $kendo-spacing, 2 ) !default;
 /// Border width of the breadcrumb.
 /// @group filemanager
-$kendo-filemanager-breadcrumb-border-width: $kendo-filemanager-border-width !default;
+$kendo-file-manager-breadcrumb-border-width: $kendo-file-manager-border-width !default;
 /// Background color of the breadcrumb.
 /// @group filemanager
-$kendo-filemanager-breadcrumb-bg: $kendo-toolbar-bg !default;
+$kendo-file-manager-breadcrumb-bg: $kendo-toolbar-bg !default;
 /// Text color of the breadcrumb.
 /// @group filemanager
-$kendo-filemanager-breadcrumb-text: inherit !default;
+$kendo-file-manager-breadcrumb-text: inherit !default;
 /// Border color of the breadcrumb.
 /// @group filemanager
-$kendo-filemanager-breadcrumb-border: inherit !default;
+$kendo-file-manager-breadcrumb-border: inherit !default;
 
 /// Background color of the listview.
 /// @group filemanager
-$kendo-filemanager-listview-bg: transparent !default;
+$kendo-file-manager-listview-bg: transparent !default;
 /// Text color of the listview.
 /// @group filemanager
-$kendo-filemanager-listview-text: inherit !default;
+$kendo-file-manager-listview-text: inherit !default;
 /// Border color of the listview.
 /// @group filemanager
-$kendo-filemanager-listview-border: inherit !default;
+$kendo-file-manager-listview-border: inherit !default;
 
 /// Horizontal padding of the listview item.
 /// @group filemanager
-$kendo-filemanager-listview-item-padding-x: map.get( $kendo-spacing, 4 ) !default;
+$kendo-file-manager-listview-item-padding-x: map.get( $kendo-spacing, 4 ) !default;
 /// Vertical padding of the listview item.
 /// @group filemanager
-$kendo-filemanager-listview-item-padding-y: map.get( $kendo-spacing, 4 ) !default;
+$kendo-file-manager-listview-item-padding-y: map.get( $kendo-spacing, 4 ) !default;
 /// Width of the listview item.
 /// @group filemanager
-$kendo-filemanager-listview-item-width: 120px !default;
+$kendo-file-manager-listview-item-width: 120px !default;
 /// Height of the listview item.
 /// @group filemanager
-$kendo-filemanager-listview-item-height: 120px !default;
+$kendo-file-manager-listview-item-height: 120px !default;
 
 /// Size of the listview item icon.
 /// @group filemanager
-$kendo-filemanager-listview-item-icon-size: calc( var( --kendo-icon-size, 1rem ) * 3 ) !default;
+$kendo-file-manager-listview-item-icon-size: calc( var( --kendo-icon-size, 1rem ) * 3 ) !default;
 /// Background color of the listview item icon.
 /// @group filemanager
-$kendo-filemanager-listview-item-icon-bg: transparent !default;
+$kendo-file-manager-listview-item-icon-bg: transparent !default;
 /// Text color of the listview item icon.
 /// @group filemanager
-$kendo-filemanager-listview-item-icon-text: var( --kendo-subtle-text, inherit ) !default;
+$kendo-file-manager-listview-item-icon-text: var( --kendo-subtle-text, inherit ) !default;
 /// Border color of the listview item icon.
 /// @group filemanager
-$kendo-filemanager-listview-item-icon-border: inherit !default;
+$kendo-file-manager-listview-item-icon-border: inherit !default;
 /// Background color of the focused listview item icon.
 /// @group filemanager
-$kendo-filemanager-listview-item-icon-focus-bg: transparent !default;
+$kendo-file-manager-listview-item-icon-focus-bg: transparent !default;
 /// Text color of the focused listview item icon.
 /// @group filemanager
-$kendo-filemanager-listview-item-icon-focus-text: inherit !default;
+$kendo-file-manager-listview-item-icon-focus-text: inherit !default;
 /// Border color of the focused listview item icon.
 /// @group filemanager
-$kendo-filemanager-listview-item-icon-focus-border: inherit !default;
+$kendo-file-manager-listview-item-icon-focus-border: inherit !default;
 /// Background color of the selected listview item icon.
 /// @group filemanager
-$kendo-filemanager-listview-item-icon-selected-bg: transparent !default;
+$kendo-file-manager-listview-item-icon-selected-bg: transparent !default;
 /// Text color of the selected listview item icon.
 /// @group filemanager
-$kendo-filemanager-listview-item-icon-selected-text: inherit !default;
+$kendo-file-manager-listview-item-icon-selected-text: inherit !default;
 /// Border color of the selected listview item icon.
 /// @group filemanager
-$kendo-filemanager-listview-item-icon-selected-border: inherit !default;
+$kendo-file-manager-listview-item-icon-selected-border: inherit !default;
 
 /// Background color of the grid.
 /// @group filemanager
-$kendo-filemanager-grid-bg: transparent !default;
+$kendo-file-manager-grid-bg: transparent !default;
 /// Text color of the grid.
 /// @group filemanager
-$kendo-filemanager-grid-text: inherit !default;
+$kendo-file-manager-grid-text: inherit !default;
 /// Border color of the grid.
 /// @group filemanager
-$kendo-filemanager-grid-border: inherit !default;
+$kendo-file-manager-grid-border: inherit !default;
 
 /// Horizontal padding of the preview.
 /// @group filemanager
-$kendo-filemanager-preview-padding-x: $kendo-filemanager-spacer !default;
+$kendo-file-manager-preview-padding-x: $kendo-file-manager-spacer !default;
 /// Vertical padding of the preview.
 /// @group filemanager
-$kendo-filemanager-preview-padding-y: $kendo-filemanager-spacer !default;
+$kendo-file-manager-preview-padding-y: $kendo-file-manager-spacer !default;
 /// Width of the preview.
 /// @group filemanager
-$kendo-filemanager-preview-width: 20% !default;
+$kendo-file-manager-preview-width: 20% !default;
 /// Border width of the preview.
 /// @group filemanager
-$kendo-filemanager-preview-border-width: $kendo-filemanager-border-width !default;
+$kendo-file-manager-preview-border-width: $kendo-file-manager-border-width !default;
 /// Spacing of the preview.
 /// @group filemanager
-$kendo-filemanager-preview-spacing: $kendo-filemanager-spacer !default;
+$kendo-file-manager-preview-spacing: $kendo-file-manager-spacer !default;
 /// Spacing of the preview.
 /// @group filemanager
-$kendo-filemanager-preview-column-gap: map.get( $kendo-spacing, 1 ) !default;
+$kendo-file-manager-preview-column-gap: map.get( $kendo-spacing, 1 ) !default;
 /// Background color of the preview.
 /// @group filemanager
-$kendo-filemanager-preview-bg: transparent !default;
+$kendo-file-manager-preview-bg: transparent !default;
 /// Text color of the preview.
 /// @group filemanager
-$kendo-filemanager-preview-text: inherit !default;
+$kendo-file-manager-preview-text: inherit !default;
 /// Border color of the preview.
 /// @group filemanager
-$kendo-filemanager-preview-border: inherit !default;
+$kendo-file-manager-preview-border: inherit !default;
 
 /// Size of the preview icon.
 /// @group filemanager
-$kendo-filemanager-preview-icon-size: calc( var( --kendo-icon-size, 1rem ) * 6 ) !default;
+$kendo-file-manager-preview-icon-size: calc( var( --kendo-icon-size, 1rem ) * 6 ) !default;
 /// Background color of the preview icon.
 /// @group filemanager
-$kendo-filemanager-preview-icon-bg: transparent !default;
+$kendo-file-manager-preview-icon-bg: transparent !default;
 /// Text color of the preview icon.
 /// @group filemanager
-$kendo-filemanager-preview-icon-text: var( --kendo-subtle-text, inherit ) !default;
+$kendo-file-manager-preview-icon-text: var( --kendo-subtle-text, inherit ) !default;
 /// Border color of the preview icon.
 /// @group filemanager
-$kendo-filemanager-preview-icon-border: inherit !default;
+$kendo-file-manager-preview-icon-border: inherit !default;

package/scss/filemanager/index.scss

@@ -29,7 +29,7 @@ $_kendo-module-meta: (
 // Expose
 @mixin filemanager-styles() {
     @include module.render( "filemanager" ) {
-        @include kendo-filemanager--layout();
-        @include kendo-filemanager--theme();
+        @include kendo-file-manager--layout();
+        @include kendo-file-manager--theme();
     }
 }

package/scss/floating-label/_variables.scss

@@ -23,11 +23,11 @@ $kendo-floating-label-height: calc( #{$kendo-floating-label-line-height} * #{$ke
 
 /// The horizontal offset of the floating label
 /// @group floating-label
-$kendo-floating-label-offset-x: calc( #{$kendo-input-padding-x-md} + #{$kendo-input-border-width} ) !default;
+$kendo-floating-label-offset-x: calc( #{$kendo-input-md-padding-x} + #{$kendo-input-border-width} ) !default;
 
 /// The vertical offset of the floating label
 /// @group floating-label
-$kendo-floating-label-offset-y: calc( #{$kendo-floating-label-height} + #{$kendo-input-border-width} + #{$kendo-input-padding-y-md} ) !default;
+$kendo-floating-label-offset-y: calc( #{$kendo-floating-label-height} + #{$kendo-input-border-width} + #{$kendo-input-md-padding-y} ) !default;
 
 /// The focus resize scale of the floating label
 /// @group floating-label

package/scss/forms/_layout.scss

@@ -241,7 +241,7 @@
             > span:not(.k-widget) {
                 width: var( --kendo-inline-form-element-width, #{$kendo-inline-form-element-width} );
                 text-align: right;
-                line-height: var( --kendo-line-height, #{$kendo-line-height} );
+                line-height: var( --kendo-line-height, #{$kendo-line-height-md} );
                 padding-block: calc( #{$kendo-padding-md-y} + #{$kendo-input-border-width} );
                 padding-inline-end: var( --kendo-padding-x-lg, #{$kendo-padding-lg-x} );
                 align-self: center;
@@ -291,7 +291,7 @@
 
     .k-edit-label {
         margin-block-end: map.get( $kendo-spacing, 4 );
-        padding-block: calc( #{$kendo-input-padding-y-md} + #{$kendo-input-border-width} );
+        padding-block: calc( #{$kendo-input-md-padding-y} + #{$kendo-input-border-width} );
         width: 30%;
         line-height: var( --kendo-form-line-height, #{$kendo-form-line-height} );
         text-align: right;
@@ -306,7 +306,7 @@
         position: relative;
 
         &.k-no-editor {
-            padding-block: calc( #{$kendo-input-padding-y-md} + #{$kendo-input-border-width} );
+            padding-block: calc( #{$kendo-input-md-padding-y} + #{$kendo-input-border-width} );
         }
     }
 

package/scss/forms/_variables.scss

@@ -13,8 +13,8 @@ $kendo-form-font-size: var( --kendo-font-size, inherit ) !default;
 /// @group form
 $kendo-form-line-height: var( --kendo-line-height, normal ) !default;
 $kendo-form-line-height-em: $kendo-line-height-em !default;
-$kendo-form-line-height-sm: var( --kendo-line-height-sm, normal ) !default;
-$kendo-form-line-height-lg: var( --kendo-line-height-lg, normal ) !default;
+$kendo-form-sm-line-height: var( --kendo-line-height-sm, normal ) !default;
+$kendo-form-lg-line-height: var( --kendo-line-height-lg, normal ) !default;
 
 /// The margin of the form fieldset
 /// @group form
@@ -87,13 +87,13 @@ $kendo-form-hint-text: get-theme-color-var( neutral-130 ) !default;
 
 /// Form row small size spacing
 /// @group form
-$kendo-form-rows-spacing-sm: map.get( $kendo-spacing, 3 ) !default;
+$kendo-form-sm-rows-spacing: map.get( $kendo-spacing, 3 ) !default;
 /// Form row medium size spacing
 /// @group form
-$kendo-form-rows-spacing-md: $kendo-form-rows-spacing-sm !default;
+$kendo-form-md-rows-spacing: $kendo-form-sm-rows-spacing !default;
 /// Form row large size spacing
 /// @group form
-$kendo-form-rows-spacing-lg: $kendo-form-rows-spacing-sm !default;
+$kendo-form-lg-rows-spacing: $kendo-form-sm-rows-spacing !default;
 
 /// The margin of the form separator
 /// @group form
@@ -152,12 +152,12 @@ $kendo-fieldset-legend-border: initial !default;
 // Sizes
 $kendo-form-sizes: (
     sm: (
-        form-rows-spacing: $kendo-form-rows-spacing-sm
+        form-rows-spacing: $kendo-form-sm-rows-spacing
     ),
     md: (
-        form-rows-spacing: $kendo-form-rows-spacing-md
+        form-rows-spacing: $kendo-form-md-rows-spacing
     ),
     lg: (
-        form-rows-spacing: $kendo-form-rows-spacing-lg
+        form-rows-spacing: $kendo-form-lg-rows-spacing
     )
 ) !default;

package/scss/gantt/_layout.scss

@@ -223,7 +223,7 @@
             }
             .k-gantt-pdf,
             .k-gantt-create {
-                padding: $kendo-button-padding-y-md;
+                padding: $kendo-button-md-padding-y;
                 width: $kendo-button-calc-size;
                 height: $kendo-button-calc-size;
 
@@ -614,7 +614,7 @@
             display: block;
         }
         .k-task-pct {
-            font-size: var( --kendo-icon-size-lg, 2rem );
+            font-size: var( --kendo-icon-size-xxl, 2rem );
         }
         ul {
             line-height: normal;

package/scss/grid/_layout.scss

@@ -293,10 +293,10 @@
     }
 
     .k-grouping-dropclue {
-        width: calc( var( --kendo-grid-group-dropclue-size, #{$kendo-grid-group-dropclue-size} ) * 2 );
-        height: var( --INTERNAL--kendo-grid-group-dropclue-height, 1rem );
+        width: calc( var( --kendo-grid-group-drop-hint-size, #{$kendo-grid-group-drop-hint-size} ) * 2 );
+        height: var( --INTERNAL--kendo-grid-group-drop-hint-height, 1rem );
         position: absolute;
-        top: var( --kendo-grid-group-dropclue-top, #{$kendo-grid-group-dropclue-top} );
+        top: var( --kendo-grid-group-drop-hint-top, #{$kendo-grid-group-drop-hint-top} );
         box-sizing: content-box;
 
         &::before,
@@ -307,18 +307,18 @@
         }
 
         &::before {
-            width: var( --kendo-grid-group-dropclue-dot-size, #{$kendo-grid-group-dropclue-dot-size} );
-            height: var( --kendo-grid-group-dropclue-dot-size, #{$kendo-grid-group-dropclue-dot-size} );
+            width: var( --kendo-grid-group-drop-hint-dot-size, #{$kendo-grid-group-drop-hint-dot-size} );
+            height: var( --kendo-grid-group-drop-hint-dot-size, #{$kendo-grid-group-drop-hint-dot-size} );
             border-radius: 50%;
             top: 0;
-            left: calc( var( --kendo-grid-group-dropclue-dot-size, #{$kendo-grid-group-dropclue-dot-size} )  / 2 );
+            left: calc( var( --kendo-grid-group-drop-hint-dot-size, #{$kendo-grid-group-drop-hint-dot-size} )  / 2 );
         }
 
         &::after {
-            width: var( --kendo-grid-group-dropclue-line-size, #{$kendo-grid-group-dropclue-line-size} );
-            height: calc( 100% - var( --kendo-grid-group-dropclue-size, #{$kendo-grid-group-dropclue-size} ) );
-            top: var( --kendo-grid-group-dropclue-size, #{$kendo-grid-group-dropclue-size} );
-            left: calc( var( --kendo-grid-group-dropclue-size, #{$kendo-grid-group-dropclue-size} ) - ( var( --kendo-grid-group-dropclue-line-size, #{$kendo-grid-group-dropclue-line-size} ) / 2 ) );
+            width: var( --kendo-grid-group-drop-hint-line-size, #{$kendo-grid-group-drop-hint-line-size} );
+            height: calc( 100% - var( --kendo-grid-group-drop-hint-size, #{$kendo-grid-group-drop-hint-size} ) );
+            top: var( --kendo-grid-group-drop-hint-size, #{$kendo-grid-group-drop-hint-size} );
+            left: calc( var( --kendo-grid-group-drop-hint-size, #{$kendo-grid-group-drop-hint-size} ) - ( var( --kendo-grid-group-drop-hint-line-size, #{$kendo-grid-group-drop-hint-line-size} ) / 2 ) );
         }
     }
 
@@ -352,7 +352,7 @@
     .k-grid-header,
     .k-grid-footer {
         padding-inline-start: 0;
-        padding-inline-end: var( --kendo-scrollbar-width, #{$default-scrollbar-width} );
+        padding-inline-end: var( --kendo-scrollbar-width, #{$kendo-scrollbar-width} );
         border-width: 0;
         border-style: solid;
         border-color: inherit;
@@ -969,7 +969,7 @@
             --INTERNAL--kendo-button-padding-y: var( --kendo-button-padding-y-#{$size}, #{$_button-padding-y} );
             --INTERNAL--kendo-button-calc-size: var( --kendo-button-calc-size-#{$size}, #{$_button-calc-size} );
             --INTERNAL--kendo-button-line-height: var( --kendo-button-line-height-#{$size}, #{$_button-line-height} );
-            --INTERNAL--kendo-grid-group-dropclue-height: var( --kendo-group-dropclue-height-#{$size}, #{$_group-dropclue-height} );
+            --INTERNAL--kendo-grid-group-drop-hint-height: var( --kendo-group-dropclue-height-#{$size}, #{$_group-dropclue-height} );
         }
     }
 

package/scss/grid/_theme.scss

@@ -62,7 +62,7 @@
         &::before,
         &::after {
             @include fill(
-                $bg: var( --kendo-grid-group-dropclue-bg, #{$kendo-grid-group-dropclue-bg} )
+                $bg: var( --kendo-grid-group-drop-hint-bg, #{$kendo-grid-group-drop-hint-bg} )
             );
         }
     }