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

package/dist/meta/sassdoc-raw-data.json

@@ -31569,15 +31569,15 @@
         }
     },
     {
-        "description": "The background color of the List group items.\n",
+        "description": "The background color of the selected hovered List items.\n",
         "commentRange": {
             "start": 285,
             "end": 286
         },
         "context": {
             "type": "variable",
-            "name": "kendo-list-group-item-bg",
-            "value": "null",
+            "name": "kendo-list-item-selected-hover-bg",
+            "value": "color-mix(in srgb, k-color(on-app-surface) 8%, transparent)",
             "scope": "default",
             "line": {
                 "start": 287,
@@ -31594,15 +31594,15 @@
         }
     },
     {
-        "description": "The text color of the List group items.\n",
+        "description": "The text color of the selected hovered List items.\n",
         "commentRange": {
             "start": 288,
             "end": 289
         },
         "context": {
             "type": "variable",
-            "name": "kendo-list-group-item-text",
-            "value": "null",
+            "name": "kendo-list-item-selected-hover-text",
+            "value": "k-color(primary-on-surface)",
             "scope": "default",
             "line": {
                 "start": 290,
@@ -31618,11 +31618,61 @@
             "name": "_variables.scss"
         }
     },
+    {
+        "description": "The background color of the List group items.\n",
+        "commentRange": {
+            "start": 292,
+            "end": 293
+        },
+        "context": {
+            "type": "variable",
+            "name": "kendo-list-group-item-bg",
+            "value": "null",
+            "scope": "default",
+            "line": {
+                "start": 294,
+                "end": 294
+            }
+        },
+        "group": [
+            "list"
+        ],
+        "access": "public",
+        "file": {
+            "path": "list/_variables.scss",
+            "name": "_variables.scss"
+        }
+    },
+    {
+        "description": "The text color of the List group items.\n",
+        "commentRange": {
+            "start": 295,
+            "end": 296
+        },
+        "context": {
+            "type": "variable",
+            "name": "kendo-list-group-item-text",
+            "value": "null",
+            "scope": "default",
+            "line": {
+                "start": 297,
+                "end": 297
+            }
+        },
+        "group": [
+            "list"
+        ],
+        "access": "public",
+        "file": {
+            "path": "list/_variables.scss",
+            "name": "_variables.scss"
+        }
+    },
     {
         "description": "The border color of the List group items.\n",
         "commentRange": {
-            "start": 291,
-            "end": 292
+            "start": 298,
+            "end": 299
         },
         "context": {
             "type": "variable",
@@ -31630,8 +31680,8 @@
             "value": "inherit",
             "scope": "default",
             "line": {
-                "start": 293,
-                "end": 293
+                "start": 300,
+                "end": 300
             }
         },
         "group": [
@@ -31646,8 +31696,8 @@
     {
         "description": "The base shadow of the List group items.\n",
         "commentRange": {
-            "start": 294,
-            "end": 295
+            "start": 301,
+            "end": 302
         },
         "context": {
             "type": "variable",
@@ -31655,8 +31705,8 @@
             "value": "null",
             "scope": "default",
             "line": {
-                "start": 296,
-                "end": 296
+                "start": 303,
+                "end": 303
             }
         },
         "group": [
@@ -31671,8 +31721,8 @@
     {
         "description": "The color of the 'Option Label' text.\n",
         "commentRange": {
-            "start": 298,
-            "end": 299
+            "start": 305,
+            "end": 306
         },
         "context": {
             "type": "variable",
@@ -31680,8 +31730,8 @@
             "value": "k-color(subtle)",
             "scope": "default",
             "line": {
-                "start": 300,
-                "end": 300
+                "start": 307,
+                "end": 307
             }
         },
         "group": [
@@ -38194,14 +38244,14 @@
         }
     },
     {
-        "description": "The width of the DropDowns in the small Pager.\n",
+        "description": "The width of the DropDowns in the Pager.\n",
         "commentRange": {
             "start": 91,
             "end": 92
         },
         "context": {
             "type": "variable",
-            "name": "kendo-pager-sm-dropdown-width",
+            "name": "kendo-pager-dropdown-width",
             "value": "5em",
             "scope": "default",
             "line": {
@@ -38218,70 +38268,20 @@
             "name": "_variables.scss"
         }
     },
-    {
-        "description": "The width of the DropDowns in the medium Pager.\n",
-        "commentRange": {
-            "start": 94,
-            "end": 95
-        },
-        "context": {
-            "type": "variable",
-            "name": "kendo-pager-md-dropdown-width",
-            "value": "5em",
-            "scope": "default",
-            "line": {
-                "start": 96,
-                "end": 96
-            }
-        },
-        "group": [
-            "pager"
-        ],
-        "access": "public",
-        "file": {
-            "path": "pager/_variables.scss",
-            "name": "_variables.scss"
-        }
-    },
-    {
-        "description": "The width of the DropDowns in the large Pager.\n",
-        "commentRange": {
-            "start": 97,
-            "end": 98
-        },
-        "context": {
-            "type": "variable",
-            "name": "kendo-pager-lg-dropdown-width",
-            "value": "5em",
-            "scope": "default",
-            "line": {
-                "start": 99,
-                "end": 99
-            }
-        },
-        "group": [
-            "pager"
-        ],
-        "access": "public",
-        "file": {
-            "path": "pager/_variables.scss",
-            "name": "_variables.scss"
-        }
-    },
     {
         "description": "The sizes map of the Pager.\n",
         "commentRange": {
-            "start": 101,
-            "end": 102
+            "start": 95,
+            "end": 96
         },
         "context": {
             "type": "variable",
             "name": "kendo-pager-sizes",
-            "value": "(\n    sm: (\n        padding-x: $kendo-pager-sm-padding-x,\n        padding-y: $kendo-pager-sm-padding-y,\n        item-group-spacing: $kendo-pager-sm-item-group-spacing,\n        item-min-width: $kendo-pager-sm-item-min-width,\n        pager-dropdown-width: $kendo-pager-sm-dropdown-width\n    ),\n    md: (\n        padding-x: $kendo-pager-md-padding-x,\n        padding-y: $kendo-pager-md-padding-y,\n        item-group-spacing: $kendo-pager-md-item-group-spacing,\n        item-min-width: $kendo-pager-md-item-min-width,\n        pager-dropdown-width: $kendo-pager-md-dropdown-width\n    ),\n    lg: (\n        padding-x: $kendo-pager-lg-padding-x,\n        padding-y: $kendo-pager-lg-padding-y,\n        item-group-spacing: $kendo-pager-lg-item-group-spacing,\n        item-min-width: $kendo-pager-lg-item-min-width,\n        pager-dropdown-width: $kendo-pager-lg-dropdown-width\n    )\n)",
+            "value": "(\n    sm: (\n        padding-x: $kendo-pager-sm-padding-x,\n        padding-y: $kendo-pager-sm-padding-y,\n        item-group-spacing: $kendo-pager-sm-item-group-spacing,\n        item-min-width: $kendo-pager-sm-item-min-width,\n    ),\n    md: (\n        padding-x: $kendo-pager-md-padding-x,\n        padding-y: $kendo-pager-md-padding-y,\n        item-group-spacing: $kendo-pager-md-item-group-spacing,\n        item-min-width: $kendo-pager-md-item-min-width,\n    ),\n    lg: (\n        padding-x: $kendo-pager-lg-padding-x,\n        padding-y: $kendo-pager-lg-padding-y,\n        item-group-spacing: $kendo-pager-lg-item-group-spacing,\n        item-min-width: $kendo-pager-lg-item-min-width,\n    )\n)",
             "scope": "default",
             "line": {
-                "start": 103,
-                "end": 125
+                "start": 97,
+                "end": 116
             }
         },
         "group": [

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"
@@ -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)"
             }
         }
     },

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

@@ -3,7 +3,7 @@
     "name": "Material 2 Dark",
     "product": "kendo",
     "base": "@progress/kendo-theme-material",
-    "version": "12.2.0-dev.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.2.0-dev.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.2.0-dev.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.2.0-dev.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.2.0-dev.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.2.0-dev.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.2.0-dev.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.2.0-dev.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.2.0-dev.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.2.0-dev.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.2.0-dev.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.2.0-dev.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.2.0-dev.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.2.0-dev.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.2.0-dev.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.2.0-dev.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.2.0-dev.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.2.0-dev.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.2.0-dev.0",
-    "@progress/kendo-theme-utils": "12.2.0-dev.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": "5a687d60086d3e91f182d65b18f54f969d760af6"
+  "gitHead": "918845c4b6e60435531f8b2fef5c0d0110b54c6d"
 }

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/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
 );