@progress/kendo-theme-core 12.2.0-dev.0 → 12.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": "12.2.0-dev.0",
+  "version": "12.2.0-dev.3",
   "author": "Progress",
   "license": "Apache-2.0",
   "keywords": [
@@ -46,5 +46,5 @@
   "directories": {
     "doc": "docs"
   },
-  "gitHead": "5a687d60086d3e91f182d65b18f54f969d760af6"
+  "gitHead": "588ba9ebfab39ffb964ec92ed317edabb5f38a84"
 }

package/scss/components/chat/_layout.scss

@@ -94,11 +94,14 @@
             align-self: flex-end;
         }
 
-        // Add margin to the avatar when the last message is selected
+        // Add margin to the avatar and user status when the last message is selected
         // so that the avatar is aligned to the bubble and not to the status
         &:has(.k-message-group-content .k-message:last-child .k-chat-bubble.k-selected + .k-message-status) .k-avatar {
-            margin-block-end: calc($kendo-chat-message-meta-line-height * $kendo-chat-message-meta-font-size + $kendo-chat-bubble-spacing);
-            transition: margin .2s ease-in-out;
+            &,
+            + .k-chat-user-status {
+                margin-block-end: calc($kendo-chat-message-meta-line-height * $kendo-chat-message-meta-font-size + $kendo-chat-bubble-spacing);
+                transition: margin .2s ease-in-out;
+            }
         }
 
         .k-chat-file-wrapper {
@@ -475,6 +478,7 @@
     .k-chat-file-wrapper {
         display: flex;
         flex-flow: column wrap;
+        flex-shrink: 0;
         padding-inline: $kendo-chat-file-padding-x;
         padding-block: $kendo-chat-file-padding-y;
         margin: 0;

package/scss/components/grid/_layout.scss

@@ -553,7 +553,7 @@
     }
 
     .k-grid-filter-popup {
-        min-width: $kendo-grid-column-menu-width;
+        width: $kendo-grid-column-menu-width;
         max-width: $kendo-grid-column-menu-max-width;
     }
 
@@ -1276,7 +1276,7 @@
 
     // Filter menu
     .k-filter-menu-popup {
-        min-width: $kendo-grid-column-menu-width;
+        width: $kendo-grid-column-menu-width;
         max-width: $kendo-grid-column-menu-max-width;
     }
     .k-filter-menu {
@@ -1321,7 +1321,7 @@
     .k-grid-filter-popup.k-popup {
 
         .k-filter-menu-container {
-            min-width: $kendo-grid-column-menu-width;
+            width: $kendo-grid-column-menu-width;
             max-width: $kendo-grid-column-menu-max-width;
         }
     }

package/scss/components/list/_layout.scss

@@ -90,7 +90,8 @@
 
 
     // List item
-    .k-list-item {
+    .k-list-item,
+    .k-list-custom-value {
         padding-block: $kendo-list-md-item-padding-y;
         padding-inline: $kendo-list-md-item-padding-x;
         border: 0;
@@ -133,7 +134,6 @@
     }
 
     .k-list-custom-value {
-        @extend .k-list-item !optional;
         font-style: italic;
         position: sticky;
     }
@@ -244,7 +244,8 @@
                 padding-block: $_filter-padding-y;
             }
 
-            .k-list-item {
+            .k-list-item,
+            .k-list-custom-value {
                 padding-block: $_item-padding-y;
                 padding-inline: $_item-padding-x;
                 font-size: $_item-font-size;

package/scss/components/list/_theme.scss

@@ -29,7 +29,8 @@
 
 
     // List item
-    .k-list-item {
+    .k-list-item,
+    .k-list-custom-value {
         @include fill(
             $kendo-list-item-text,
             $kendo-list-item-bg
@@ -63,8 +64,8 @@
         }
         &.k-selected:hover,
         &.k-selected.k-hover {
-            color: $kendo-list-item-selected-text;
-            background-color: k-color(primary-hover);
+            color: $kendo-list-item-selected-hover-text;
+            background-color: $kendo-list-item-selected-hover-bg;
         }
     }
 

package/scss/components/list/_variables.scss

@@ -125,6 +125,9 @@ $kendo-list-item-focus-shadow: null !default;
 $kendo-list-item-selected-bg: null !default;
 $kendo-list-item-selected-text: null !default;
 
+$kendo-list-item-selected-hover-bg: null !default;
+$kendo-list-item-selected-hover-text: null !default;
+
 $kendo-list-group-item-bg: null !default;
 $kendo-list-group-item-text: null !default;
 $kendo-list-group-item-border: null !default;

package/scss/components/pager/_layout.scss

@@ -69,10 +69,6 @@
         display: flex;
         flex-direction: row;
         position: relative;
-
-        select.k-dropdown-list {
-            width: $kendo-pager-md-dropdown-width;
-        }
     }
     .k-pager-numbers {
         display: flex;
@@ -155,22 +151,20 @@
                     min-width: $_item-min-width;
                 }
 
-                .k-pager-input,
-                > select.k-dropdown-list {
+                .k-pager-input {
                     margin-inline-start: $_item-group-spacing;
                     margin-inline-end: $_item-group-spacing;
                 }
             }
-
-            .k-pager-sizes {
-                .k-dropdown-list,
-                > select {
-                    width: $_pager-dropdown-width;
-                }
-            }
         }
     }
 
+    .k-pager-sizes {
+        .k-dropdownlist {
+            min-width: $kendo-pager-dropdown-width;
+            width: fit-content;
+        }
+    }
 }
 
 

package/scss/components/pager/_variables.scss

@@ -31,8 +31,6 @@ $kendo-pager-item-spacing: null !default;
 
 $kendo-pager-input-width: null !default;
 
-$kendo-pager-sm-dropdown-width: null !default;
-$kendo-pager-md-dropdown-width: null !default;
-$kendo-pager-lg-dropdown-width: null !default;
+$kendo-pager-dropdown-width: null !default;
 
 $kendo-pager-sizes: null !default;

package/scss/components/suggestion/_layout.scss

@@ -18,7 +18,8 @@
             padding-block: $kendo-suggestion-padding-y;
             flex: 1 1 auto;
             flex-wrap: nowrap;
-            overflow: hidden;
+            overflow-x: auto;
+            scrollbar-width: none;
             white-space: nowrap;
         }
     }