@progress/kendo-theme-core 11.2.0-dev.1 → 11.2.0-dev.3

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@progress/kendo-theme-core",
   "description": "A collection of functions and mixins used for building themes for Kendo UI",
-  "version": "11.2.0-dev.1",
+  "version": "11.2.0-dev.3",
   "author": "Progress",
   "license": "Apache-2.0",
   "keywords": [
@@ -45,5 +45,5 @@
   "directories": {
     "doc": "docs"
   },
-  "gitHead": "2bcc49d832b7e73387e77bc5adbb27e05ea341d5"
+  "gitHead": "95216cf9cd78a4decf243407437fc887729423f7"
 }

package/scss/components/grid/_layout.scss

@@ -1098,22 +1098,14 @@
             }
         }
 
-        // Grouping aggregates
-        .k-grid-grouping-aggregates {
+        // Column template
+        .k-grid-column-template {
             display: flex;
             justify-content: flex-start;
             flex-direction: column;
             gap: 0;
             padding-inline-start: k-spacing(1);
         }
-
-        .k-grouping-aggregates-item-text {
-            font-weight: normal;
-        }
-
-        .k-grouping-aggregates-item-value {
-            font-weight: $kendo-grid-selection-aggregates-font-weight;
-        }
     }
 
     .k-grid-stack-row {
@@ -1130,7 +1122,18 @@
         font-weight: $kendo-grid-stack-header-font-weight;
     }
 
-     // Command cell
+    .k-grid-stack-content {
+        // Reserve min-height for the cell content if empty
+        min-height: calc( $kendo-grid-font-size * $kendo-grid-line-height );
+    }
+    .k-grid-stack-cell {
+        &:focus,
+        &.k-focus {
+            outline-offset: k-spacing(0.5);
+        }
+    }
+
+    // Command cell
     .k-grid-stack-cell.k-command-cell {
         display: flex;
         flex-wrap: wrap;
@@ -1138,6 +1141,12 @@
         grid-column: 1 / -1;
     }
 
+    // Dirty cell
+    .k-grid-stack-cell .k-dirty {
+        inset-inline-start: auto;
+        inset-inline-end: 0;
+    }
+
     .k-grid-stack-expandable .k-table-td {
         position: relative;
         padding-inline: $kendo-grid-stack-cell-padding-x;

package/scss/components/grid/_theme.scss

@@ -1,4 +1,5 @@
 @use "../../mixins/index.import.scss" as *;
+@use "../../spacing/index.import.scss" as *;
 @use "../../color-system/_constants.scss" as *;
 @use "../../color-system/_functions.import.scss" as *;
 @use "../../_variables.scss" as *;
@@ -456,6 +457,22 @@
         @include fill( $color: $kendo-grid-stack-header-color );
     }
 
+    .k-grid-stack-cell {
+        &:focus,
+        &.k-focus {
+            outline: 1px solid $kendo-grid-stack-focus-outline;
+        }
+
+        &.k-selected {
+            @include fill( $bg: $kendo-grid-selected-bg );
+        }
+    }
+
+    // Dirty cell
+    .k-grid-stack-cell .k-dirty {
+        border-inline-start-color: rgba(0, 0, 0, 0);
+        border-inline-end-color: currentColor;
+    }
 }
 
 

package/scss/components/grid/_variables.scss

@@ -196,4 +196,5 @@ $kendo-grid-stack-header-font-size: null !default;
 $kendo-grid-stack-header-font-weight: null !default;
 $kendo-grid-stack-expandable-shadow-height: null !default;
 $kendo-grid-stack-header-color: null !default;
+$kendo-grid-stack-focus-outline: null !default;
 $kendo-grid-stack-expandable-shadow: null !default;

package/scss/components/toolbar/_layout.scss

@@ -170,12 +170,6 @@
         }
     }
 
-    // Workaround for scrollable scenario with buttons inside badge container
-    .k-toolbar-items-scroll:has(.k-badge-container) {
-        padding-block-start: .5em;
-        margin-block-start: -.5em;
-    }
-
     .k-toolbar-items-list {
         display: flex;
         flex-flow: row wrap;
@@ -242,6 +236,19 @@
                 height: $_separator-height;
             }
 
+            .k-toolbar-items-scroll {
+                padding-block: $_padding-y;
+                margin-block: calc( #{$_padding-y} * -1 );
+                padding-inline: $_padding-x;
+                margin-inline: calc( #{$_padding-x} * -1 );
+            }
+
+            &.k-toolbar-scrollable-overlay .k-toolbar-items-scroll:only-child,
+            .k-toolbar-items-scroll:not(:only-child) {
+                padding-inline-end: 0;
+                margin-inline-end: 0;
+            }
+
         }
 
         .k-toolbar-items-list-#{$size} {