@progress/kendo-theme-core 13.0.0-dev.0 → 13.0.0-dev.1

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": "13.0.0-dev.0",
+  "version": "13.0.0-dev.1",
   "author": "Progress",
   "license": "Apache-2.0",
   "keywords": [
@@ -46,5 +46,5 @@
   "directories": {
     "doc": "docs"
   },
-  "gitHead": "38e27eadee8553fb04c4e46f57812022ff2e149b"
+  "gitHead": "c1e883bc20fcf4b83398d27c582cd0fcb3e6f71f"
 }

package/scss/components/grid/_layout.scss

@@ -7,6 +7,7 @@
 @use "../../typography/index.scss" as *;
 @use "../../spacing/index.scss" as *;
 @use "../../z-index/index.scss" as *;
+@use "../../elevation/index.scss" as *;
 @use "./variables.scss" as *;
 @use "../icons/_variables.scss" as *;
 @use "../chip/_variables.scss" as *;
@@ -317,6 +318,28 @@
             border-inline-start-width: $kendo-grid-cell-vertical-border-width;
         }
 
+        .k-grid-sticky-container {
+            position: sticky;
+            inset-block-start: 0;
+            z-index: k-z-index("base", 3);
+            overflow: hidden;
+            border-color: inherit;
+            box-shadow: $kendo-grid-sticky-container-shadow;
+
+            .k-table {
+                table-layout: fixed;
+            }
+        }
+
+        .k-grid-sticky-top-container:has(> .k-grid-group-sticky-header-table) {
+            border-block-end-width: 1px;
+            border-block-end-style: solid;
+        }
+        .k-grid-sticky-bottom-container:has(> .k-grid-group-sticky-footer-table) {
+            border-block-start-width: 1px;
+            border-block-start-style: solid;
+        }
+
         .k-hierarchy-cell,
         .k-drag-cell {
             text-align: center;
@@ -335,6 +358,20 @@
             }
         }
 
+        .k-pin-cell {
+            display: inline-flex;
+            align-items: center;
+            justify-content: center;
+            gap: k-spacing(2);
+            padding: k-spacing(1);
+            cursor: pointer;
+
+            > .k-icon-wrapper-host .k-icon,
+            > .k-icon {
+                flex-shrink: 0;
+            }
+        }
+
         .k-hierarchy-cell + .k-grid-content-sticky {
             border-inline-start-width: $kendo-grid-cell-vertical-border-width;
         }
@@ -403,6 +440,11 @@
         .k-table-row.k-highlighted > .k-table-td {
             font-weight: $kendo-grid-highlighted-font-weight;
         }
+
+        // Indicates that the row is a source of a pinned element
+        .k-table-row.k-pinned-source {
+            font-weight: $kendo-grid-pinned-source-font-weight;
+        }
     }
 
     .k-grid-resizable {
@@ -1489,6 +1531,7 @@
         cursor: pointer;
 
         > .k-icon,
+        > .k-icon-wrapper-host,
         > .k-expander-indicator {
             margin-inline-end: $kendo-icon-spacing;
         }

package/scss/components/grid/_theme.scss

@@ -67,6 +67,15 @@
         );
     }
 
+    .k-grid-sticky-container {
+        background-color: inherit;
+    }
+
+    .k-grid-sticky-top-container:has(> .k-grid-group-sticky-header-table),
+    .k-grid-sticky-bottom-container:has(> .k-grid-group-sticky-footer-table) {
+        border-color: $kendo-grid-sticky-border;
+    }
+
     .k-grouping-dropclue {
         &::before {
             border-color: $kendo-grid-header-text transparent transparent;

package/scss/components/grid/_variables.scss

@@ -172,6 +172,8 @@ $kendo-grid-sticky-header-border: null !default;
 
 $kendo-grid-sticky-footer-bg: null !default;
 
+$kendo-grid-sticky-container-shadow: null !default;
+
 $kendo-grid-column-menu-width: null !default;
 $kendo-grid-column-menu-max-width: null !default;
 
@@ -227,3 +229,5 @@ $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;
+
+$kendo-grid-pinned-source-font-weight: null !default;

package/scss/components/spreadsheet/_layout.scss

@@ -610,6 +610,7 @@
             cursor: pointer;
 
             > .k-icon,
+            > .k-icon-wrapper-host,
             > .k-expander-indicator {
                 margin-inline-end: $kendo-spreadsheet-filter-padding;
             }