@progress/kendo-theme-core 10.6.0-dev.4 → 10.6.0-dev.6

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": "10.6.0-dev.4",
+  "version": "10.6.0-dev.6",
   "author": "Progress",
   "license": "Apache-2.0",
   "keywords": [
@@ -45,5 +45,5 @@
   "directories": {
     "doc": "docs"
   },
-  "gitHead": "2d9c63115f18a7f413429994c6b205688c13a298"
+  "gitHead": "736f58cf56972a4000f69f6b49077fc13b67ca39"
 }

package/scss/components/column-menu/_layout.scss

@@ -1,5 +1,6 @@
 @use "sass:map";
 @use "../../spacing/index.import.scss" as *;
+@use "../../border-radii/index.import.scss" as *;
 @use "_variables.scss" as *;
 
 @mixin kendo-column-menu--layout-base() {
@@ -35,27 +36,49 @@
                 line-height: $_line-height;
             }
         }
+
+        .k-group-menu-#{$size} {
+            font-size: $_font-size;
+            line-height: $_line-height;
+
+            .k-group-menu-item {
+                padding-block: $_padding-y;
+                padding-inline: $_padding-x;
+                font-size: $_font-size;
+                line-height: $_line-height;
+            }
+        }
+    }
+
+    .k-group-menu .k-group-menu-item-wrap + .k-group-menu-item-wrap {
+        border-top: 1px solid;
     }
 
-    .k-columnmenu-item-actions {
+    .k-group-menu-item {
+        display: flex;
+        user-select: none;
+        gap: k-spacing(1);
+    }
+
+    .k-group-menu-item-actions {
         display: flex;
         align-items: center;
         justify-content: center;
-        gap: k-spacing(2);
         margin-block: calc( k-spacing(1) * -1);
         pointer-events: none;
     }
 
-    .k-columnmenu-item-action {
+    .k-group-menu-item-action {
         display: flex;
         align-items: center;
         justify-content: center;
-        pointer-events: none;
         padding: k-spacing(1);
+        border-radius: k-border-radius(md);
+        pointer-events: auto;
+        cursor: pointer;
     }
 
-    .k-columnmenu-item-drag-action {
-        pointer-events: auto;
+    .k-group-menu-item-drag-action {
         cursor: move;
     }
 }

package/scss/components/column-menu/_theme.scss

@@ -1,5 +1,26 @@
+@use "../../color-system/_functions.import.scss" as *;
+@use "./_variables.scss" as *;
+
 @mixin kendo-column-menu--theme-base() {
     .k-column-menu {}
+
+    .k-group-menu-item-action:not(.k-group-menu-item-drag-action).k-hover,
+    .k-group-menu-item-action:not(.k-group-menu-item-drag-action):hover {
+        background-color: $kendo-group-menu-item-action-hover-bg;
+    }
+
+    .k-group-menu-item-action:not(.k-group-menu-item-drag-action).k-selected,
+    .k-group-menu-item-action:not(.k-group-menu-item-drag-action):active {
+        background-color: $kendo-group-menu-item-action-selected-bg;
+    }
+
+    .k-group-menu-item-action.k-group-menu-item-add-action {
+        color: $kendo-group-menu-item-add-action-text;
+    }
+
+    .k-group-menu .k-group-menu-item-wrap + .k-group-menu-item-wrap {
+        border-top-color: $kendo-group-menu-item-border;
+    }
 }
 
 @mixin kendo-column-menu--theme() {

package/scss/components/column-menu/_variables.scss

@@ -42,3 +42,9 @@ $kendo-column-menu-sizes: (
         line-height: $kendo-column-menu-lg-line-height
     )
 ) !default;
+
+// Group Menu
+$kendo-group-menu-item-action-hover-bg: null !default;
+$kendo-group-menu-item-action-selected-bg: null !default;
+$kendo-group-menu-item-add-action-text: null !default;
+$kendo-group-menu-item-border: null !default;

package/scss/components/grid/_layout.scss

@@ -1190,14 +1190,12 @@
         }
     }
 
-    .k-popup .k-multicheck-wrap {
+    .k-multicheck-wrap {
         margin: 0;
         padding: 0;
-        max-height: 300px;
         font-size: $kendo-list-font-size;
         line-height: $kendo-list-line-height;
         white-space: nowrap;
-        overflow: auto;
         list-style: none;
 
         .k-item,
@@ -1306,9 +1304,6 @@
         padding: 0;
         margin: 0;
         list-style: none;
-        max-height: 200px;
-        overflow-x: hidden;
-        overflow-y: auto;
     }
 
     .k-column-chooser-title,

package/scss/components/grid/_theme.scss

@@ -142,9 +142,12 @@
         // Locked columns
         .k-grid-header-locked,
         .k-grid-content-locked,
+        .k-grid-footer-locked,
         .k-grid-header-locked .k-table-th,
         .k-grid-content-locked td,
-        .k-grid-content-locked .k-table-td {
+        .k-grid-content-locked .k-table-td,
+        .k-grid-footer-locked td,
+        .k-grid-footer-locked .k-table-td {
             border-color: $kendo-grid-sticky-header-border;
         }
 

package/scss/components/pager/_layout.scss

@@ -15,6 +15,7 @@
         line-height: $kendo-pager-line-height;
         white-space: nowrap;
         display: flex;
+        flex-wrap: wrap;
         align-items: center;
         position: relative;
         overflow: hidden;

package/scss/components/popup/_layout.scss

@@ -73,6 +73,17 @@
         border-width: 0;
     }
 
+    .k-popup .k-column-list {
+        max-height: 200px;
+        overflow-x: hidden;
+        overflow-y: auto;
+    }
+
+    .k-popup .k-multicheck-wrap {
+        max-height: 300px;
+        overflow: auto;
+    }
+
     // Legacy shadow
     .k-shadow {
         box-shadow: $kendo-popup-shadow;