@progress/kendo-theme-default 6.3.1-dev.0 → 6.4.0-dev.1

package/scss/grid/_layout.scss

@@ -49,6 +49,7 @@
 
         .k-grid-header,
         .k-grid-content,
+        .k-grid-content-locked,
         .k-grid-footer {
             .k-table {
                 table-layout: fixed;
@@ -1316,7 +1317,8 @@
         cursor: pointer;
 
         > .k-icon,
-        > .k-svg-icon {
+        > .k-svg-icon,
+        > .k-expander-indicator {
             margin-inline-end: $kendo-icon-spacing;
         }
     }

package/scss/icons/_layout.scss

@@ -57,13 +57,16 @@ $ki-icon-size: $kendo-icon-size;
     }
 
     // RTL icons
-    .k-rtl .k-i-indent-increase,
-    .k-rtl .k-i-indent-decrease,
-    .k-rtl .k-i-caret-alt-right,
-    .k-rtl .k-i-caret-alt-left,
-    [dir="rtl"] .k-i-caret-alt-right,
-    [dir="rtl"] .k-i-caret-alt-left {
-        transform: scaleX(-1);
+    .k-rtl,
+    [dir="rtl"] {
+        .k-i-indent-increase,
+        .k-i-indent-decrease,
+        .k-i-caret-alt-right,
+        .k-i-caret-alt-left,
+        .k-svg-i-caret-alt-right,
+        .k-svg-i-caret-alt-left {
+            transform: scaleX(-1);
+        }
     }
 
     .k-sprite {

package/scss/input/_layout.scss

@@ -33,8 +33,8 @@
             box-sizing: border-box;
         }
 
-        .k-input,
-        .k-picker {
+        > .k-input,
+        > .k-picker {
             border-width: 0 !important; // sass-lint:disable-line no-important
             color: inherit;
             background: none;
@@ -226,6 +226,7 @@
         flex-flow: row nowrap;
         align-items: center;
         justify-content: center;
+        box-sizing: content-box;
     }
 
     // Input with SVG icon
@@ -398,7 +399,6 @@
         $_padding-y: k-map-get( $size-props, padding-y );
         $_font-size: k-map-get( $size-props, font-size );
         $_line-height: k-map-get( $size-props, line-height );
-        $_icon-size: k-map-get( $size-props, icon-size );
         $_button-padding-x: k-map-get( $size-props, button-padding-x );
         $_button-padding-y: k-map-get( $size-props, button-padding-y );
 
@@ -436,8 +436,9 @@
             .k-input-prefix > .k-svg-icon,
             .k-input-suffix > .k-icon,
             .k-input-suffix > .k-svg-icon {
-                width: $_icon-size;
-                height: $_icon-size;
+                padding-block: $_padding-y;
+                padding-inline: $_padding-y;
+                box-sizing: content-box;
             }
 
             &.k-icon-picker .k-input-inner {

package/scss/input/_variables.scss

@@ -76,7 +76,6 @@ $kendo-input-sizes: (
         padding-y: $kendo-input-sm-padding-y,
         font-size: $kendo-input-sm-font-size,
         line-height: $kendo-input-sm-line-height,
-        icon-size: calc( #{$kendo-icon-size} + #{$kendo-input-sm-padding-y * 2} ),
         button-padding-x: $kendo-input-sm-padding-y,
         button-padding-y: $kendo-input-sm-padding-y
     ),
@@ -85,7 +84,6 @@ $kendo-input-sizes: (
         padding-y: $kendo-input-md-padding-y,
         font-size: $kendo-input-md-font-size,
         line-height: $kendo-input-md-line-height,
-        icon-size: calc( #{$kendo-icon-size} + #{$kendo-input-md-padding-y * 2} ),
         button-padding-x: $kendo-input-md-padding-y,
         button-padding-y: $kendo-input-md-padding-y
     ),
@@ -94,7 +92,6 @@ $kendo-input-sizes: (
         padding-y: $kendo-input-lg-padding-y,
         font-size: $kendo-input-lg-font-size,
         line-height: $kendo-input-lg-line-height,
-        icon-size: calc( #{$kendo-icon-size} + #{$kendo-input-lg-padding-y * 2} ),
         button-padding-x: $kendo-input-lg-padding-y,
         button-padding-y: $kendo-input-lg-padding-y
     )

package/scss/listbox/_layout.scss

@@ -76,11 +76,8 @@
         &[dir="rtl"],
         [dir="rtl"] & {
 
-            &.k-listbox-actions-left,
-            &.k-listbox-actions-right {
-                .k-listbox-actions {
-                    transform: scaleX(-1);
-                }
+            .k-listbox-actions .k-button-icon {
+                transform: scaleX(-1);
             }
         }
     }

package/scss/listgroup/_layout.scss

@@ -69,7 +69,7 @@
                 flex: 0 0 auto;
                 position: absolute;
                 top: 50%;
-                right: 0;
+                inset-inline-end: 0;
                 transform: translateY(-50%);
             }
         }

package/scss/pager/_layout.scss

@@ -28,18 +28,7 @@
         .k-rtl &,
         &[dir="rtl"],
         [dir="rtl"] & {
-            .k-i-caret-alt-to-left,
-            .k-i-caret-alt-to-right,
-            .k-i-caret-alt-left,
-            .k-i-caret-alt-right,
-            .k-i-arrow-end-left,
-            .k-i-arrow-60-left,
-            .k-i-arrow-60-right,
-            .k-i-arrow-end-right,
-            .k-i-seek-w,
-            .k-i-arrow-w,
-            .k-i-arrow-e,
-            .k-i-seek-e {
+            .k-pager-nav .k-button-icon {
                 transform: scaleX(-1);
             }
         }

package/scss/scheduler/_layout.scss

@@ -237,24 +237,11 @@
     // Scheduler navigation
     .k-scheduler-navigation {}
 
-
-    // View switcher
-    .k-scheduler-views-wrapper {
-
-        // Views dropdown
-        .k-views-dropdown {
-            width: auto;
-            font: inherit;
-            display: none;
-        }
-
-        @media (max-width: 1024px) {
-            .k-scheduler-views { display: none; }
-            .k-views-dropdown { display: inline-block; }
-        }
+    .k-scheduler-toolbar .k-views-dropdown {
+        width: auto;
+        font: inherit;
     }
 
-
     // Scheduler footer
     .k-scheduler-footer {
         @include box-shadow( none );

package/scss/scrollview/_layout.scss

@@ -174,11 +174,11 @@
     }
 
     .k-scrollview-prev {
-        left: 0;
+        inset-inline-start: 0;
     }
 
     .k-scrollview-next {
-        right: 0;
+        inset-inline-end: 0;
     }
 
 
@@ -204,6 +204,17 @@
         }
     }
 
+    .k-rtl,
+    [dir="rtl"] {
+        .k-scrollview-prev,
+        .k-scrollview-next {
+            .k-icon,
+            .k-svg-icon {
+                transform: scaleX(-1);
+            }
+        }
+    }
+
 }
 
 

package/scss/spreadsheet/_layout.scss

@@ -121,7 +121,8 @@
         align-items: center;
         flex: 1;
 
-        > .k-i-formula-fx {
+        > .k-icon,
+        > .k-svg-icon {
             padding-block: 0;
             padding-inline: $kendo-padding-md-y;
             box-sizing: content-box;
@@ -632,7 +633,8 @@
             cursor: pointer;
 
             > .k-icon,
-            > .k-svg-icon {
+            > .k-svg-icon,
+            > .k-expander-indicator {
                 margin-right: $kendo-padding-md-y;
             }
         }