@progress/kendo-theme-material 12.1.0 → 12.2.0-dev.2

package/dist/meta/variables.json

@@ -2199,6 +2199,14 @@
         "type": "String",
         "value": "var(--kendo-color-primary-on-surface, #65558F)"
     },
+    "kendo-list-item-selected-hover-bg": {
+        "type": "String",
+        "value": "color-mix(in srgb, var(--kendo-color-on-app-surface, #1D1B20) 8%, transparent)"
+    },
+    "kendo-list-item-selected-hover-text": {
+        "type": "String",
+        "value": "var(--kendo-color-primary-on-surface, #65558F)"
+    },
     "kendo-list-group-item-bg": {
         "type": "Null",
         "value": "null"
@@ -2609,7 +2617,7 @@
     },
     "kendo-bubble-border-radius-sm": {
         "type": "String",
-        "value": "var(--kendo-border-radius-xs, 1px)"
+        "value": "var(--kendo-border-radius-sm, 0.125rem)"
     },
     "kendo-bubble-padding-y": {
         "type": "String",
@@ -9702,42 +9710,31 @@
         "type": "Number",
         "value": "5em"
     },
-    "kendo-pager-sm-dropdown-width": {
-        "type": "Number",
-        "value": "5em"
-    },
-    "kendo-pager-md-dropdown-width": {
-        "type": "Number",
-        "value": "5em"
-    },
-    "kendo-pager-lg-dropdown-width": {
+    "kendo-pager-dropdown-width": {
         "type": "Number",
         "value": "5em"
     },
     "kendo-pager-sizes": {
         "type": "Map",
-        "value": "(sm: (padding-x: var(--kendo-spacing-1, 0.25rem), padding-y: var(--kendo-spacing-1, 0.25rem), item-group-spacing: var(--kendo-spacing-1\\.5, 0.375rem), item-min-width: calc(var(--kendo-line-height, normal) * 1em + calc(var(--kendo-spacing-3\\.5, 0.875rem) / 2) * 2 + 1px * 2), pager-dropdown-width: 5em), md: (padding-x: var(--kendo-spacing-2, 0.5rem), padding-y: var(--kendo-spacing-2, 0.5rem), item-group-spacing: var(--kendo-spacing-2, 0.5rem), item-min-width: calc(var(--kendo-line-height, normal) * 1em + calc(var(--kendo-spacing-4\\.5, 1.125rem) / 2) * 2 + 1px * 2), pager-dropdown-width: 5em), lg: (padding-x: var(--kendo-spacing-2\\.5, 0.625rem), padding-y: var(--kendo-spacing-2\\.5, 0.625rem), item-group-spacing: var(--kendo-spacing-2\\.5, 0.625rem), item-min-width: calc(var(--kendo-line-height, normal) * 1em + calc(var(--kendo-spacing-5\\.5, 1.375rem) / 2) * 2 + 1px * 2), pager-dropdown-width: 5em))",
+        "value": "(sm: (padding-x: var(--kendo-spacing-1, 0.25rem), padding-y: var(--kendo-spacing-1, 0.25rem), item-group-spacing: var(--kendo-spacing-1\\.5, 0.375rem), item-min-width: calc(var(--kendo-line-height, normal) * 1em + calc(var(--kendo-spacing-3\\.5, 0.875rem) / 2) * 2 + 1px * 2)), md: (padding-x: var(--kendo-spacing-2, 0.5rem), padding-y: var(--kendo-spacing-2, 0.5rem), item-group-spacing: var(--kendo-spacing-2, 0.5rem), item-min-width: calc(var(--kendo-line-height, normal) * 1em + calc(var(--kendo-spacing-4\\.5, 1.125rem) / 2) * 2 + 1px * 2)), lg: (padding-x: var(--kendo-spacing-2\\.5, 0.625rem), padding-y: var(--kendo-spacing-2\\.5, 0.625rem), item-group-spacing: var(--kendo-spacing-2\\.5, 0.625rem), item-min-width: calc(var(--kendo-line-height, normal) * 1em + calc(var(--kendo-spacing-5\\.5, 1.375rem) / 2) * 2 + 1px * 2)))",
         "prettyValue": {
             "sm": {
                 "padding-x": "var(--kendo-spacing-1, 0.25rem)",
                 "padding-y": "var(--kendo-spacing-1, 0.25rem)",
                 "item-group-spacing": "var(--kendo-spacing-1\\.5, 0.375rem)",
-                "item-min-width": "calc(var(--kendo-line-height, normal) * 1em + calc(var(--kendo-spacing-3\\.5, 0.875rem) / 2) * 2 + 1px * 2)",
-                "pager-dropdown-width": "5em"
+                "item-min-width": "calc(var(--kendo-line-height, normal) * 1em + calc(var(--kendo-spacing-3\\.5, 0.875rem) / 2) * 2 + 1px * 2)"
             },
             "md": {
                 "padding-x": "var(--kendo-spacing-2, 0.5rem)",
                 "padding-y": "var(--kendo-spacing-2, 0.5rem)",
                 "item-group-spacing": "var(--kendo-spacing-2, 0.5rem)",
-                "item-min-width": "calc(var(--kendo-line-height, normal) * 1em + calc(var(--kendo-spacing-4\\.5, 1.125rem) / 2) * 2 + 1px * 2)",
-                "pager-dropdown-width": "5em"
+                "item-min-width": "calc(var(--kendo-line-height, normal) * 1em + calc(var(--kendo-spacing-4\\.5, 1.125rem) / 2) * 2 + 1px * 2)"
             },
             "lg": {
                 "padding-x": "var(--kendo-spacing-2\\.5, 0.625rem)",
                 "padding-y": "var(--kendo-spacing-2\\.5, 0.625rem)",
                 "item-group-spacing": "var(--kendo-spacing-2\\.5, 0.625rem)",
-                "item-min-width": "calc(var(--kendo-line-height, normal) * 1em + calc(var(--kendo-spacing-5\\.5, 1.375rem) / 2) * 2 + 1px * 2)",
-                "pager-dropdown-width": "5em"
+                "item-min-width": "calc(var(--kendo-line-height, normal) * 1em + calc(var(--kendo-spacing-5\\.5, 1.375rem) / 2) * 2 + 1px * 2)"
             }
         }
     },
@@ -13889,6 +13886,14 @@
         "type": "String",
         "value": "var(--kendo-spacing-4, 1rem)"
     },
+    "kendo-chat-status-min-size": {
+        "type": "String",
+        "value": "var(--kendo-spacing-1\\.5, 0.375rem)"
+    },
+    "kendo-chat-status-max-size": {
+        "type": "String",
+        "value": "var(--kendo-spacing-8, 2rem)"
+    },
     "kendo-chat-message-status-gap": {
         "type": "String",
         "value": "var(--kendo-spacing-1, 0.25rem)"
@@ -14017,17 +14022,37 @@
         "type": "String",
         "value": "var(--kendo-color-base-on-subtle, #4A4459)"
     },
-    "kendo-chat-file-width": {
+    "kendo-chat-file-min-width": {
         "type": "Number",
-        "value": "240px"
+        "value": "96px"
+    },
+    "kendo-chat-file-max-width": {
+        "type": "Number",
+        "value": "160px"
+    },
+    "kendo-chat-file-name-font-size": {
+        "type": "String",
+        "value": "var(--kendo-font-size-sm, inherit)"
+    },
+    "kendo-chat-file-name-line-height": {
+        "type": "String",
+        "value": "var(--kendo-line-height-sm, normal)"
+    },
+    "kendo-chat-file-size-font-size": {
+        "type": "String",
+        "value": "var(--kendo-font-size-xs, inherit)"
+    },
+    "kendo-chat-file-size-line-height": {
+        "type": "String",
+        "value": "var(--kendo-line-height-xs, normal)"
     },
     "kendo-chat-file-padding-x": {
         "type": "String",
-        "value": "var(--kendo-spacing-2, 0.5rem)"
+        "value": "var(--kendo-spacing-1, 0.25rem)"
     },
     "kendo-chat-file-padding-y": {
         "type": "String",
-        "value": "var(--kendo-spacing-2, 0.5rem)"
+        "value": "var(--kendo-spacing-1, 0.25rem)"
     },
     "kendo-chat-file-gap": {
         "type": "String",
@@ -14043,7 +14068,7 @@
     },
     "kendo-chat-file-bg": {
         "type": "String",
-        "value": "var(--kendo-color-base-subtle, #DED8E0)"
+        "value": "color-mix(in srgb, var(--kendo-color-base-on-subtle, #4A4459) 8%, transparent)"
     },
     "kendo-chat-file-text": {
         "type": "String",
@@ -14051,19 +14076,31 @@
     },
     "kendo-chat-file-border": {
         "type": "String",
-        "value": "var(--kendo-color-base-subtle, #DED8E0)"
+        "value": "color-mix(in srgb, var(--kendo-color-base-on-subtle, #4A4459) 8%, transparent)"
     },
     "kendo-chat-file-border-radius": {
         "type": "String",
         "value": "var(--kendo-border-radius-md, 0.25rem)"
     },
     "kendo-chat-file-download-padding-x": {
-        "type": "String",
-        "value": "var(--kendo-spacing-2, 0.5rem)"
+        "type": "Null",
+        "value": "null"
     },
     "kendo-chat-file-download-padding-y": {
+        "type": "Null",
+        "value": "null"
+    },
+    "kendo-chat-sender-file-bg": {
         "type": "String",
-        "value": "var(--kendo-spacing-2, 0.5rem)"
+        "value": "color-mix(in srgb, var(--kendo-color-on-primary, #ffffff) 14%, transparent)"
+    },
+    "kendo-chat-sender-file-text": {
+        "type": "String",
+        "value": "var(--kendo-color-on-primary, #ffffff)"
+    },
+    "kendo-chat-sender-file-border": {
+        "type": "String",
+        "value": "color-mix(in srgb, var(--kendo-color-on-primary, #ffffff) 14%, transparent)"
     },
     "kendo-chat-message-pinned-border-width": {
         "type": "Number",

package/lib/swatches/material-2-dark.json

@@ -3,7 +3,7 @@
     "name": "Material 2 Dark",
     "product": "kendo",
     "base": "@progress/kendo-theme-material",
-    "version": "12.1.0",
+    "version": "12.2.0-dev.2",
     "previewColors": [
         "#121212",
         "#212121",

package/lib/swatches/material-2.json

@@ -3,7 +3,7 @@
     "name": "Material 2",
     "product": "kendo",
     "base": "@progress/kendo-theme-material",
-    "version": "12.1.0",
+    "version": "12.2.0-dev.2",
     "previewColors": [
         "#ffffff",
         "#e0e0e0",

package/lib/swatches/material-aqua-dark.json

@@ -3,7 +3,7 @@
     "name": "Material Aqua Dark",
     "product": "kendo",
     "base": "@progress/kendo-theme-material",
-    "version": "12.1.0",
+    "version": "12.2.0-dev.2",
     "previewColors": [
         "#121212",
         "#212121",

package/lib/swatches/material-arctic.json

@@ -3,7 +3,7 @@
     "name": "Material Arctic",
     "product": "kendo",
     "base": "@progress/kendo-theme-material",
-    "version": "12.1.0",
+    "version": "12.2.0-dev.2",
     "previewColors": [
         "#ffffff",
         "#e0e0e0",

package/lib/swatches/material-burnt-teal.json

@@ -3,7 +3,7 @@
     "name": "Material Burnt Teal",
     "product": "kendo",
     "base": "@progress/kendo-theme-material",
-    "version": "12.1.0",
+    "version": "12.2.0-dev.2",
     "previewColors": [
         "#ffffff",
         "#e0e0e0",

package/lib/swatches/material-dataviz-v4.json

@@ -3,7 +3,7 @@
     "name": "Material Dataviz v4",
     "product": "kendo",
     "base": "@progress/kendo-theme-material",
-    "version": "12.1.0",
+    "version": "12.2.0-dev.2",
     "previewColors": [
         "#3f51b5",
         "#2196f3",

package/lib/swatches/material-eggplant.json

@@ -3,7 +3,7 @@
     "name": "Material Eggplant",
     "product": "kendo",
     "base": "@progress/kendo-theme-material",
-    "version": "12.1.0",
+    "version": "12.2.0-dev.2",
     "previewColors": [
         "#ffffff",
         "#e0e0e0",

package/lib/swatches/material-lime-dark.json

@@ -3,7 +3,7 @@
     "name": "Material Lime Dark",
     "product": "kendo",
     "base": "@progress/kendo-theme-material",
-    "version": "12.1.0",
+    "version": "12.2.0-dev.2",
     "previewColors": [
         "#121212",
         "#212121",

package/lib/swatches/material-lime.json

@@ -3,7 +3,7 @@
     "name": "Material Lime",
     "product": "kendo",
     "base": "@progress/kendo-theme-material",
-    "version": "12.1.0",
+    "version": "12.2.0-dev.2",
     "previewColors": [
         "#ffffff",
         "#e0e0e0",

package/lib/swatches/material-main-dark.json

@@ -3,7 +3,7 @@
     "name": "Material Main Dark",
     "product": "kendo",
     "base": "@progress/kendo-theme-material",
-    "version": "12.1.0",
+    "version": "12.2.0-dev.2",
     "previewColors": [
         "#141218",
         "#2B2930",

package/lib/swatches/material-main.json

@@ -3,7 +3,7 @@
     "name": "Material Main",
     "product": "kendo",
     "base": "@progress/kendo-theme-material",
-    "version": "12.1.0",
+    "version": "12.2.0-dev.2",
     "previewColors": [
         "#FEFBFF",
         "#F7F3FA",

package/lib/swatches/material-nova.json

@@ -3,7 +3,7 @@
     "name": "Material Nova",
     "product": "kendo",
     "base": "@progress/kendo-theme-material",
-    "version": "12.1.0",
+    "version": "12.2.0-dev.2",
     "previewColors": [
         "#ffffff",
         "#e0e0e0",

package/lib/swatches/material-pacific-dark.json

@@ -3,7 +3,7 @@
     "name": "Material Pacific Dark",
     "product": "kendo",
     "base": "@progress/kendo-theme-material",
-    "version": "12.1.0",
+    "version": "12.2.0-dev.2",
     "previewColors": [
         "#121212",
         "#212121",

package/lib/swatches/material-pacific.json

@@ -3,7 +3,7 @@
     "name": "Material Pacific Light",
     "product": "kendo",
     "base": "@progress/kendo-theme-material",
-    "version": "12.1.0",
+    "version": "12.2.0-dev.2",
     "previewColors": [
         "#ffffff",
         "#e0e0e0",

package/lib/swatches/material-sky-dark.json

@@ -3,7 +3,7 @@
     "name": "Material Sky Dark",
     "product": "kendo",
     "base": "@progress/kendo-theme-material",
-    "version": "12.1.0",
+    "version": "12.2.0-dev.2",
     "previewColors": [
         "#121212",
         "#212121",

package/lib/swatches/material-sky.json

@@ -3,7 +3,7 @@
     "name": "Material Sky",
     "product": "kendo",
     "base": "@progress/kendo-theme-material",
-    "version": "12.1.0",
+    "version": "12.2.0-dev.2",
     "previewColors": [
         "#ffffff",
         "#e0e0e0",

package/lib/swatches/material-smoke.json

@@ -3,7 +3,7 @@
     "name": "Material Smoke",
     "product": "kendo",
     "base": "@progress/kendo-theme-material",
-    "version": "12.1.0",
+    "version": "12.2.0-dev.2",
     "previewColors": [
         "#ffffff",
         "#e0e0e0",

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@progress/kendo-theme-material",
   "description": "Material theme for Kendo UI",
-  "version": "12.1.0",
+  "version": "12.2.0-dev.2",
   "author": "Progress",
   "license": "Apache-2.0",
   "keywords": [
@@ -55,12 +55,12 @@
   },
   "dependencies": {
     "@progress/kendo-svg-icons": "^4.5.0",
-    "@progress/kendo-theme-core": "12.1.0",
-    "@progress/kendo-theme-utils": "12.1.0"
+    "@progress/kendo-theme-core": "12.2.0-dev.2",
+    "@progress/kendo-theme-utils": "12.2.0-dev.2"
   },
   "directories": {
     "doc": "docs",
     "lib": "lib"
   },
-  "gitHead": "c21230377775b7e87f6c8c6590409f0c2d41d99f"
+  "gitHead": "918845c4b6e60435531f8b2fef5c0d0110b54c6d"
 }

package/scss/bubble/_variables.scss

@@ -6,7 +6,7 @@
 $kendo-bubble-border-radius: k-border-radius(xl) !default;
 /// The small border radius of the Bubble.
 /// @group bubble
-$kendo-bubble-border-radius-sm: k-border-radius(xs) !default;
+$kendo-bubble-border-radius-sm: k-border-radius(sm) !default;
 /// The vertical padding of the Bubble.
 /// @group bubble
 $kendo-bubble-padding-y: k-spacing(2) !default;

package/scss/chat/_layout.scss

@@ -7,10 +7,6 @@
 @mixin kendo-chat--layout() {
     @include kendo-chat--layout-base();
 
-    .k-chat-file:has( + .k-chat-file) {
-        padding-block-end: calc( #{$kendo-chat-file-padding-y} / 2 );
-    }
-
     .k-message-group-sender .k-chat-bubble {
         &:focus,
         &.k-focus {

package/scss/chat/_theme.scss

@@ -12,11 +12,6 @@
         .k-chat-download-button {
             color: inherit;
         }
-
-        .k-chat-file-size,
-        .k-chat-file-status {
-            font-size: var( --kendo-font-size-sm, inherit);
-        }
     }
 
     .k-message-group-sender .k-chat-bubble {

package/scss/chat/_variables.scss

@@ -52,6 +52,12 @@ $kendo-chat-message-list-padding-y: $kendo-chat-padding-y !default;
 /// @group chat
 $kendo-chat-message-list-spacing: $kendo-chat-item-spacing-y !default;
 
+/// The minimum size of the Chat message status.
+/// @group chat
+$kendo-chat-status-min-size: k-spacing(1.5) !default;
+/// The maximum size of the Chat message status.
+/// @group chat
+$kendo-chat-status-max-size: k-spacing(8) !default;
 /// The spacing between the icon and text in the Chat message status.
 /// @group chat
 $kendo-chat-message-status-gap: k-spacing(1) !default;
@@ -159,15 +165,30 @@ $kendo-chat-alt-bubble-focus-shadow: null !default;
 /// @group chat
 $kendo-chat-typing-indicator-text: k-color(base-on-subtle) !default;
 
-/// The width of a file in the Chat Textarea.
+/// The minimum width of a file in the Chat Textarea.
+/// @group chat
+$kendo-chat-file-min-width: 96px !default;
+/// The maximum width of a file in the Chat Textarea.
+/// @group chat
+$kendo-chat-file-max-width: 160px !default;
+/// The font size of the Chat file name.
 /// @group chat
-$kendo-chat-file-width: 240px !default;
+$kendo-chat-file-name-font-size: var( --kendo-font-size-sm, inherit ) !default;
+/// The line height of the Chat file name.
+/// @group chat
+$kendo-chat-file-name-line-height: var( --kendo-line-height-sm, normal ) !default;
+/// The font size of the Chat file size.
+/// @group chat
+$kendo-chat-file-size-font-size: var( --kendo-font-size-xs, inherit ) !default;
+/// The line height of the Chat file size.
+/// @group chat
+$kendo-chat-file-size-line-height: var( --kendo-line-height-xs, normal ) !default;
 /// The horizontal padding of the Chat file.
 /// @group chat
-$kendo-chat-file-padding-x: k-spacing(2) !default;
+$kendo-chat-file-padding-x: k-spacing(1) !default;
 /// The vertical padding of the Chat file.
 /// @group chat
-$kendo-chat-file-padding-y: k-spacing(2) !default;
+$kendo-chat-file-padding-y: k-spacing(1) !default;
 /// The spacing between the elements of the Chat file.
 /// @group chat
 $kendo-chat-file-gap: k-spacing(1) !default;
@@ -181,7 +202,7 @@ $kendo-chat-file-border-style: solid !default;
 
 /// The background color of the Chat file.
 /// @group chat
-$kendo-chat-file-bg: k-color(base-subtle) !default;
+$kendo-chat-file-bg: color-mix(in srgb, k-color(base-on-subtle) 8%, transparent) !default;
 /// The text color of the Chat file.
 /// @group chat
 $kendo-chat-file-text: k-color(base-on-subtle) !default;
@@ -192,12 +213,15 @@ $kendo-chat-file-border: $kendo-chat-file-bg !default;
 /// @group chat
 $kendo-chat-file-border-radius: k-border-radius(md) !default;
 
-/// The horizontal padding of the file download wrapper.
+/// The background color of the Chat sender file.
+/// @group chat
+$kendo-chat-sender-file-bg: color-mix(in srgb, k-color(on-primary) 14%, transparent) !default;
+/// The text color of the Chat sender file.
 /// @group chat
-$kendo-chat-file-download-padding-x: k-spacing(2) !default;
-/// The vertical padding of the file download wrapper.
+$kendo-chat-sender-file-text: k-color(on-primary) !default;
+/// The border color of the Chat sender file.
 /// @group chat
-$kendo-chat-file-download-padding-y: k-spacing(2) !default;
+$kendo-chat-sender-file-border: $kendo-chat-sender-file-bg !default;
 
 /// The border width of the Chat pinned message;
 /// @group chat
@@ -244,6 +268,8 @@ $kendo-chat-message-reference-marker-alt-bg: k-color(primary-emphasis) !default;
     $kendo-chat-message-list-padding-x: $kendo-chat-message-list-padding-x,
     $kendo-chat-message-list-padding-y: $kendo-chat-message-list-padding-y,
     $kendo-chat-message-list-spacing: $kendo-chat-message-list-spacing,
+    $kendo-chat-status-min-size: $kendo-chat-status-min-size,
+    $kendo-chat-status-max-size: $kendo-chat-status-max-size,
     $kendo-chat-message-status-gap: $kendo-chat-message-status-gap,
     $kendo-chat-timestamp-font-size: $kendo-chat-timestamp-font-size,
     $kendo-chat-timestamp-line-height: $kendo-chat-timestamp-line-height,
@@ -276,7 +302,12 @@ $kendo-chat-message-reference-marker-alt-bg: k-color(primary-emphasis) !default;
     $kendo-chat-alt-bubble-focus-border: $kendo-chat-alt-bubble-focus-border,
     $kendo-chat-alt-bubble-focus-shadow: $kendo-chat-alt-bubble-focus-shadow,
     $kendo-chat-typing-indicator-text: $kendo-chat-typing-indicator-text,
-    $kendo-chat-file-width: $kendo-chat-file-width,
+    $kendo-chat-file-min-width: $kendo-chat-file-min-width,
+    $kendo-chat-file-max-width: $kendo-chat-file-max-width,
+    $kendo-chat-file-name-font-size: $kendo-chat-file-name-font-size,
+    $kendo-chat-file-name-line-height: $kendo-chat-file-name-line-height,
+    $kendo-chat-file-size-font-size: $kendo-chat-file-size-font-size,
+    $kendo-chat-file-size-line-height: $kendo-chat-file-size-line-height,
     $kendo-chat-file-padding-x: $kendo-chat-file-padding-x,
     $kendo-chat-file-padding-y: $kendo-chat-file-padding-y,
     $kendo-chat-file-gap: $kendo-chat-file-gap,
@@ -286,8 +317,9 @@ $kendo-chat-message-reference-marker-alt-bg: k-color(primary-emphasis) !default;
     $kendo-chat-file-text: $kendo-chat-file-text,
     $kendo-chat-file-border: $kendo-chat-file-border,
     $kendo-chat-file-border-radius: $kendo-chat-file-border-radius,
-    $kendo-chat-file-download-padding-x: $kendo-chat-file-download-padding-x,
-    $kendo-chat-file-download-padding-y: $kendo-chat-file-download-padding-y,
+    $kendo-chat-sender-file-bg: $kendo-chat-sender-file-bg,
+    $kendo-chat-sender-file-text: $kendo-chat-sender-file-text,
+    $kendo-chat-sender-file-border: $kendo-chat-sender-file-border,
     $kendo-chat-message-pinned-border-width: $kendo-chat-message-pinned-border-width,
     $kendo-chat-message-pinned-border-style: $kendo-chat-message-pinned-border-style,
     $kendo-chat-message-pinned-border-color:  $kendo-chat-message-pinned-border-color,

package/scss/list/_theme.scss

@@ -6,12 +6,4 @@
 
 @mixin kendo-list--theme() {
     @include kendo-list--theme-base();
-
-    // List item
-    .k-list-item {
-        &.k-selected:hover,
-        &.k-selected.k-hover {
-            background-color: $kendo-list-item-hover-bg;
-        }
-    }
 }

package/scss/list/_variables.scss

@@ -282,6 +282,13 @@ $kendo-list-item-selected-bg: null !default;
 /// @group list
 $kendo-list-item-selected-text: k-color(primary-on-surface) !default;
 
+/// The background color of the selected hovered List items.
+/// @group list
+$kendo-list-item-selected-hover-bg: color-mix(in srgb, k-color(on-app-surface) 8%, transparent) !default;
+/// The text color of the selected hovered List items.
+/// @group list
+$kendo-list-item-selected-hover-text: k-color(primary-on-surface) !default;
+
 /// The background color of the List group items.
 /// @group list
 $kendo-list-group-item-bg: null !default;
@@ -390,6 +397,8 @@ $kendo-list-option-label-text: k-color(subtle) !default;
     $kendo-list-item-focus-shadow: $kendo-list-item-focus-shadow,
     $kendo-list-item-selected-bg: $kendo-list-item-selected-bg,
     $kendo-list-item-selected-text: $kendo-list-item-selected-text,
+    $kendo-list-item-selected-hover-bg: $kendo-list-item-selected-hover-bg,
+    $kendo-list-item-selected-hover-text: $kendo-list-item-selected-hover-text,
     $kendo-list-group-item-bg: $kendo-list-group-item-bg,
     $kendo-list-group-item-text: $kendo-list-group-item-text,
     $kendo-list-group-item-border: $kendo-list-group-item-border,

package/scss/menu/_variables.scss

@@ -136,10 +136,10 @@ $kendo-menu-scroll-button-hover-border: null !default;
 /// @group menu
 $kendo-menu-scroll-button-hover-gradient: null !default;
 
-/// The horizontal padding of the Menu icon.
+/// The horizontal padding of the Menu expand arrow icon.
 /// @group menu
 $kendo-menu-icon-padding-x: k-spacing(1) !default;
-/// The vertical padding of the Menu icon.
+/// The vertical padding of the Menu expand arrow icon.
 /// @group menu
 $kendo-menu-icon-padding-y: k-spacing(1) !default;
 

package/scss/pager/_variables.scss

@@ -88,15 +88,9 @@ $kendo-pager-number-border-radius: k-border-radius( md ) !default;
 /// @group pager
 $kendo-pager-input-width: 5em !default;
 
-/// The width of the DropDowns in the small Pager.
+/// The width of the DropDowns in the Pager.
 /// @group pager
-$kendo-pager-sm-dropdown-width: 5em !default;
-/// The width of the DropDowns in the medium Pager.
-/// @group pager
-$kendo-pager-md-dropdown-width: 5em !default;
-/// The width of the DropDowns in the large Pager.
-/// @group pager
-$kendo-pager-lg-dropdown-width: 5em !default;
+$kendo-pager-dropdown-width: 5em !default;
 
 /// The sizes map of the Pager.
 /// @group pager
@@ -106,21 +100,18 @@ $kendo-pager-sizes: (
         padding-y: $kendo-pager-sm-padding-y,
         item-group-spacing: $kendo-pager-sm-item-group-spacing,
         item-min-width: $kendo-pager-sm-item-min-width,
-        pager-dropdown-width: $kendo-pager-sm-dropdown-width
     ),
     md: (
         padding-x: $kendo-pager-md-padding-x,
         padding-y: $kendo-pager-md-padding-y,
         item-group-spacing: $kendo-pager-md-item-group-spacing,
         item-min-width: $kendo-pager-md-item-min-width,
-        pager-dropdown-width: $kendo-pager-md-dropdown-width
     ),
     lg: (
         padding-x: $kendo-pager-lg-padding-x,
         padding-y: $kendo-pager-lg-padding-y,
         item-group-spacing: $kendo-pager-lg-item-group-spacing,
         item-min-width: $kendo-pager-lg-item-min-width,
-        pager-dropdown-width: $kendo-pager-lg-dropdown-width
     )
 ) !default;
 
@@ -149,8 +140,6 @@ $kendo-pager-sizes: (
     $kendo-pager-item-border-width: $kendo-pager-item-border-width,
     $kendo-pager-item-spacing: $kendo-pager-item-spacing,
     $kendo-pager-input-width: $kendo-pager-input-width,
-    $kendo-pager-sm-dropdown-width: $kendo-pager-sm-dropdown-width,
-    $kendo-pager-md-dropdown-width: $kendo-pager-md-dropdown-width,
-    $kendo-pager-lg-dropdown-width: $kendo-pager-lg-dropdown-width,
+    $kendo-pager-dropdown-width: $kendo-pager-dropdown-width,
     $kendo-pager-sizes: $kendo-pager-sizes
 );