@progress/kendo-theme-classic 14.5.1-dev.2 → 14.5.1-dev.4

package/dist/meta/variables.json

@@ -4248,6 +4248,14 @@
         "type": "String",
         "value": "\"md\""
     },
+    "kendo-segmented-control-default-roundness": {
+        "type": "String",
+        "value": "\"full\""
+    },
+    "kendo-segmented-control-roundness": {
+        "type": "List",
+        "value": "(\"none\", \"sm\", \"md\", \"lg\", \"full\")"
+    },
     "kendo-segmented-control-padding-x": {
         "type": "String",
         "value": "var(--kendo-spacing-0\\.5)"
@@ -5420,6 +5428,10 @@
         "type": "Null",
         "value": "null"
     },
+    "kendo-menu-default-size": {
+        "type": "String",
+        "value": "\"md\""
+    },
     "kendo-menu-group-default-size": {
         "type": "String",
         "value": "\"md\""
@@ -5440,6 +5452,22 @@
         "type": "String",
         "value": "var(--kendo-line-height)"
     },
+    "kendo-menu-sm-font-size": {
+        "type": "String",
+        "value": "var(--kendo-font-size-sm)"
+    },
+    "kendo-menu-lg-font-size": {
+        "type": "String",
+        "value": "var(--kendo-font-size-lg)"
+    },
+    "kendo-menu-sm-line-height": {
+        "type": "String",
+        "value": "var(--kendo-line-height)"
+    },
+    "kendo-menu-lg-line-height": {
+        "type": "String",
+        "value": "var(--kendo-line-height-lg)"
+    },
     "kendo-menu-bg": {
         "type": "String",
         "value": "var(--kendo-color-surface)"
@@ -5472,6 +5500,62 @@
         "type": "String",
         "value": "var(--kendo-spacing-1)"
     },
+    "kendo-menu-item-border-radius": {
+        "type": "Null",
+        "value": "null"
+    },
+    "kendo-menu-item-description-font-size": {
+        "type": "String",
+        "value": "var(--kendo-font-size-sm)"
+    },
+    "kendo-menu-item-description-line-height": {
+        "type": "String",
+        "value": "var(--kendo-line-height-lg)"
+    },
+    "kendo-menu-item-description-text": {
+        "type": "String",
+        "value": "var(--kendo-color-subtle)"
+    },
+    "kendo-menu-sm-item-padding-x": {
+        "type": "String",
+        "value": "var(--kendo-spacing-2)"
+    },
+    "kendo-menu-lg-item-padding-x": {
+        "type": "String",
+        "value": "var(--kendo-spacing-2)"
+    },
+    "kendo-menu-sm-item-padding-y": {
+        "type": "String",
+        "value": "var(--kendo-spacing-0\\.5)"
+    },
+    "kendo-menu-lg-item-padding-y": {
+        "type": "String",
+        "value": "var(--kendo-spacing-1\\.5)"
+    },
+    "kendo-menu-sizes": {
+        "type": "Map",
+        "value": "(sm: (font-size: var(--kendo-font-size-sm), line-height: var(--kendo-line-height), item-padding-x: var(--kendo-spacing-2), item-padding-y: var(--kendo-spacing-0\\.5)), md: (font-size: var(--kendo-font-size), line-height: var(--kendo-line-height), item-padding-x: var(--kendo-spacing-2), item-padding-y: var(--kendo-spacing-1)), lg: (font-size: var(--kendo-font-size-lg), line-height: var(--kendo-line-height-lg), item-padding-x: var(--kendo-spacing-2), item-padding-y: var(--kendo-spacing-1\\.5)))",
+        "prettyValue": {
+            "sm": {
+                "font-size": "var(--kendo-font-size-sm)",
+                "line-height": "var(--kendo-line-height)",
+                "item-padding-x": "var(--kendo-spacing-2)",
+                "item-padding-y": "var(--kendo-spacing-0\\.5)"
+            },
+            "md": {
+                "font-size": "var(--kendo-font-size)",
+                "line-height": "var(--kendo-line-height)",
+                "item-padding-x": "var(--kendo-spacing-2)",
+                "item-padding-y": "var(--kendo-spacing-1)"
+            },
+            "lg": {
+                "font-size": "var(--kendo-font-size-lg)",
+                "line-height": "var(--kendo-line-height-lg)",
+                "item-padding-x": "var(--kendo-spacing-2)",
+                "item-padding-y": "var(--kendo-spacing-1\\.5)"
+            }
+        }
+    },
     "kendo-menu-item-selected-font-weight": {
         "type": "String",
         "value": "var(--kendo-font-weight-bold)"
@@ -5612,6 +5696,10 @@
         "type": "Number",
         "value": "1px"
     },
+    "kendo-menu-popup-border-radius": {
+        "type": "Null",
+        "value": "null"
+    },
     "kendo-menu-popup-sm-font-size": {
         "type": "String",
         "value": "var(--kendo-font-size)"
@@ -5716,9 +5804,57 @@
         "type": "String",
         "value": "var(--kendo-spacing-0)"
     },
+    "kendo-menu-popup-sm-group-header-padding-x": {
+        "type": "String",
+        "value": "var(--kendo-spacing-2)"
+    },
+    "kendo-menu-popup-md-group-header-padding-x": {
+        "type": "String",
+        "value": "var(--kendo-spacing-2)"
+    },
+    "kendo-menu-popup-lg-group-header-padding-x": {
+        "type": "String",
+        "value": "var(--kendo-spacing-2)"
+    },
+    "kendo-menu-popup-sm-group-header-padding-y": {
+        "type": "Calculation",
+        "value": "calc(var(--kendo-spacing-0\\.5) + 1px)"
+    },
+    "kendo-menu-popup-md-group-header-padding-y": {
+        "type": "Calculation",
+        "value": "calc(var(--kendo-spacing-1) + 1px)"
+    },
+    "kendo-menu-popup-lg-group-header-padding-y": {
+        "type": "Calculation",
+        "value": "calc(var(--kendo-spacing-1\\.5) + 1px)"
+    },
+    "kendo-menu-popup-sm-group-header-font-size": {
+        "type": "Number",
+        "value": "0.75em"
+    },
+    "kendo-menu-popup-md-group-header-font-size": {
+        "type": "Number",
+        "value": "0.75em"
+    },
+    "kendo-menu-popup-lg-group-header-font-size": {
+        "type": "Number",
+        "value": "0.75em"
+    },
+    "kendo-menu-popup-sm-group-header-line-height": {
+        "type": "String",
+        "value": "var(--kendo-line-height)"
+    },
+    "kendo-menu-popup-md-group-header-line-height": {
+        "type": "String",
+        "value": "var(--kendo-line-height)"
+    },
+    "kendo-menu-popup-lg-group-header-line-height": {
+        "type": "String",
+        "value": "var(--kendo-line-height)"
+    },
     "kendo-menu-group-sizes": {
         "type": "Map",
-        "value": "(sm: (font-size: var(--kendo-font-size), line-height: var(--kendo-line-height), item-padding-y: var(--kendo-spacing-0\\.5), item-padding-x: var(--kendo-spacing-2), item-padding-end: calc(var(--kendo-spacing-2) * 2 + 16px), item-icon-margin-start: var(--kendo-spacing-2), item-icon-margin-end: calc(-1 * (calc(var(--kendo-spacing-2) * 2 + 16px) - var(--kendo-spacing-2) / 2))), md: (font-size: var(--kendo-font-size), line-height: var(--kendo-line-height), item-padding-y: var(--kendo-spacing-1), item-padding-x: var(--kendo-spacing-2), item-padding-end: calc(var(--kendo-spacing-2) * 2 + 16px), item-icon-margin-start: var(--kendo-spacing-2), item-icon-margin-end: calc(-1 * (calc(var(--kendo-spacing-2) * 2 + 16px) - var(--kendo-spacing-2) / 2))), lg: (font-size: var(--kendo-font-size-lg), line-height: var(--kendo-line-height), item-padding-y: var(--kendo-spacing-1\\.5), item-padding-x: var(--kendo-spacing-2), item-padding-end: calc(var(--kendo-spacing-2) * 2 + 16px), item-icon-margin-start: var(--kendo-spacing-2), item-icon-margin-end: calc(-1 * (calc(var(--kendo-spacing-2) * 2 + 16px) - var(--kendo-spacing-2) / 2))))",
+        "value": "(sm: (font-size: var(--kendo-font-size), line-height: var(--kendo-line-height), item-padding-y: var(--kendo-spacing-0\\.5), item-padding-x: var(--kendo-spacing-2), item-padding-end: calc(var(--kendo-spacing-2) * 2 + 16px), item-icon-margin-start: var(--kendo-spacing-2), item-icon-margin-end: calc(-1 * (calc(var(--kendo-spacing-2) * 2 + 16px) - var(--kendo-spacing-2) / 2)), group-header-padding-x: var(--kendo-spacing-2), group-header-padding-y: calc(var(--kendo-spacing-0\\.5) + 1px), group-header-font-size: 0.75em, group-header-line-height: var(--kendo-line-height)), md: (font-size: var(--kendo-font-size), line-height: var(--kendo-line-height), item-padding-y: var(--kendo-spacing-1), item-padding-x: var(--kendo-spacing-2), item-padding-end: calc(var(--kendo-spacing-2) * 2 + 16px), item-icon-margin-start: var(--kendo-spacing-2), item-icon-margin-end: calc(-1 * (calc(var(--kendo-spacing-2) * 2 + 16px) - var(--kendo-spacing-2) / 2)), group-header-padding-x: var(--kendo-spacing-2), group-header-padding-y: calc(var(--kendo-spacing-1) + 1px), group-header-font-size: 0.75em, group-header-line-height: var(--kendo-line-height)), lg: (font-size: var(--kendo-font-size-lg), line-height: var(--kendo-line-height), item-padding-y: var(--kendo-spacing-1\\.5), item-padding-x: var(--kendo-spacing-2), item-padding-end: calc(var(--kendo-spacing-2) * 2 + 16px), item-icon-margin-start: var(--kendo-spacing-2), item-icon-margin-end: calc(-1 * (calc(var(--kendo-spacing-2) * 2 + 16px) - var(--kendo-spacing-2) / 2)), group-header-padding-x: var(--kendo-spacing-2), group-header-padding-y: calc(var(--kendo-spacing-1\\.5) + 1px), group-header-font-size: 0.75em, group-header-line-height: var(--kendo-line-height)))",
         "prettyValue": {
             "sm": {
                 "font-size": "var(--kendo-font-size)",
@@ -5727,7 +5863,11 @@
                 "item-padding-x": "var(--kendo-spacing-2)",
                 "item-padding-end": "calc(var(--kendo-spacing-2) * 2 + 16px)",
                 "item-icon-margin-start": "var(--kendo-spacing-2)",
-                "item-icon-margin-end": "calc(-1 * (calc(var(--kendo-spacing-2) * 2 + 16px) - var(--kendo-spacing-2) / 2))"
+                "item-icon-margin-end": "calc(-1 * (calc(var(--kendo-spacing-2) * 2 + 16px) - var(--kendo-spacing-2) / 2))",
+                "group-header-padding-x": "var(--kendo-spacing-2)",
+                "group-header-padding-y": "calc(var(--kendo-spacing-0\\.5) + 1px)",
+                "group-header-font-size": "0.75em",
+                "group-header-line-height": "var(--kendo-line-height)"
             },
             "md": {
                 "font-size": "var(--kendo-font-size)",
@@ -5736,7 +5876,11 @@
                 "item-padding-x": "var(--kendo-spacing-2)",
                 "item-padding-end": "calc(var(--kendo-spacing-2) * 2 + 16px)",
                 "item-icon-margin-start": "var(--kendo-spacing-2)",
-                "item-icon-margin-end": "calc(-1 * (calc(var(--kendo-spacing-2) * 2 + 16px) - var(--kendo-spacing-2) / 2))"
+                "item-icon-margin-end": "calc(-1 * (calc(var(--kendo-spacing-2) * 2 + 16px) - var(--kendo-spacing-2) / 2))",
+                "group-header-padding-x": "var(--kendo-spacing-2)",
+                "group-header-padding-y": "calc(var(--kendo-spacing-1) + 1px)",
+                "group-header-font-size": "0.75em",
+                "group-header-line-height": "var(--kendo-line-height)"
             },
             "lg": {
                 "font-size": "var(--kendo-font-size-lg)",
@@ -5745,10 +5889,34 @@
                 "item-padding-x": "var(--kendo-spacing-2)",
                 "item-padding-end": "calc(var(--kendo-spacing-2) * 2 + 16px)",
                 "item-icon-margin-start": "var(--kendo-spacing-2)",
-                "item-icon-margin-end": "calc(-1 * (calc(var(--kendo-spacing-2) * 2 + 16px) - var(--kendo-spacing-2) / 2))"
+                "item-icon-margin-end": "calc(-1 * (calc(var(--kendo-spacing-2) * 2 + 16px) - var(--kendo-spacing-2) / 2))",
+                "group-header-padding-x": "var(--kendo-spacing-2)",
+                "group-header-padding-y": "calc(var(--kendo-spacing-1\\.5) + 1px)",
+                "group-header-font-size": "0.75em",
+                "group-header-line-height": "var(--kendo-line-height)"
             }
         }
     },
+    "kendo-menu-popup-group-header-font-weight": {
+        "type": "String",
+        "value": "var(--kendo-font-weight-bold)"
+    },
+    "kendo-menu-popup-group-header-bg": {
+        "type": "Null",
+        "value": "null"
+    },
+    "kendo-menu-popup-group-header-text": {
+        "type": "String",
+        "value": "var(--kendo-color-subtle)"
+    },
+    "kendo-menu-popup-group-header-border": {
+        "type": "Null",
+        "value": "null"
+    },
+    "kendo-menu-popup-group-header-gradient": {
+        "type": "Null",
+        "value": "null"
+    },
     "kendo-menu-popup-item-bg": {
         "type": "Null",
         "value": "null"
@@ -11430,7 +11598,7 @@
     },
     "kendo-dock-manager-pane-header-padding-y": {
         "type": "String",
-        "value": "var(--kendo-spacing-2)"
+        "value": "var(--kendo-spacing-2\\.5)"
     },
     "kendo-dock-manager-pane-header-padding-x": {
         "type": "String",
@@ -11482,7 +11650,7 @@
     },
     "kendo-dock-manager-tabbed-pane-padding-y": {
         "type": "String",
-        "value": "var(--kendo-spacing-4)"
+        "value": "var(--kendo-spacing-2\\.5)"
     },
     "kendo-dock-manager-tabbed-pane-padding-x": {
         "type": "String",
@@ -14214,7 +14382,11 @@
     },
     "kendo-scheduler-resize-handle-size": {
         "type": "Number",
-        "value": "8px"
+        "value": "12px"
+    },
+    "kendo-scheduler-resize-handle-thickness": {
+        "type": "Number",
+        "value": "1px"
     },
     "kendo-scheduler-resize-handle-border-radius": {
         "type": "String",
@@ -14222,11 +14394,11 @@
     },
     "kendo-scheduler-resize-handle-border-width": {
         "type": "Number",
-        "value": "2px"
+        "value": "0"
     },
     "kendo-scheduler-resize-handle-bg": {
         "type": "String",
-        "value": "var(--kendo-color-primary)"
+        "value": "var(--kendo-color-primary-subtle)"
     },
     "kendo-scheduler-cell-padding-x": {
         "type": "String",

package/lib/swatches/classic-green-dark.json

@@ -3,7 +3,7 @@
     "name": "Classic Green Dark",
     "product": "kendo",
     "base": "@progress/kendo-theme-classic",
-    "version": "14.5.1-dev.2",
+    "version": "14.5.1-dev.4",
     "previewColors": [
         "oklch(0.00% 0.0000 0deg)",
         "oklch(18.97% 0.0025 145.96deg)",

package/lib/swatches/classic-green.json

@@ -3,7 +3,7 @@
     "name": "Classic Green",
     "product": "kendo",
     "base": "@progress/kendo-theme-classic",
-    "version": "14.5.1-dev.2",
+    "version": "14.5.1-dev.4",
     "previewColors": [
         "oklch(100.00% 0.0001 0deg)",
         "oklch(96.61% 0.0016 149.39deg)",

package/lib/swatches/classic-lavender-dark.json

@@ -3,7 +3,7 @@
     "name": "Classic Lavender Dark",
     "product": "kendo",
     "base": "@progress/kendo-theme-classic",
-    "version": "14.5.1-dev.2",
+    "version": "14.5.1-dev.4",
     "previewColors": [
         "oklch(0.00% 0.0000 0deg)",
         "oklch(20.26% 0.0161 330.88deg)",

package/lib/swatches/classic-lavender.json

@@ -3,7 +3,7 @@
     "name": "Classic Lavender",
     "product": "kendo",
     "base": "@progress/kendo-theme-classic",
-    "version": "14.5.1-dev.2",
+    "version": "14.5.1-dev.4",
     "previewColors": [
         "oklch(100.00% 0.0001 0deg)",
         "oklch(98.51% 0.0001 0deg)",

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

@@ -3,7 +3,7 @@
     "name": "Classic Main Dark",
     "product": "kendo",
     "base": "@progress/kendo-theme-classic",
-    "version": "14.5.1-dev.2",
+    "version": "14.5.1-dev.4",
     "previewColors": [
         "oklch(0.00% 0.0000 0deg)",
         "oklch(17.30% 0.0000 0deg)",

package/lib/swatches/classic-main.json

@@ -3,7 +3,7 @@
     "name": "Classic Main",
     "product": "kendo",
     "base": "@progress/kendo-theme-classic",
-    "version": "14.5.1-dev.2",
+    "version": "14.5.1-dev.4",
     "previewColors": [
         "oklch(100.00% 0.0001 0deg)",
         "oklch(95.51% 0.0001 0deg)",

package/lib/swatches/classic-metro-dark.json

@@ -3,7 +3,7 @@
     "name": "Classic Metro Dark",
     "product": "kendo",
     "base": "@progress/kendo-theme-classic",
-    "version": "14.5.1-dev.2",
+    "version": "14.5.1-dev.4",
     "previewColors": [
         "oklch(0.00% 0.0000 0deg)",
         "oklch(16.38% 0.0000 0deg)",

package/lib/swatches/classic-metro.json

@@ -3,7 +3,7 @@
     "name": "Classic Metro",
     "product": "kendo",
     "base": "@progress/kendo-theme-classic",
-    "version": "14.5.1-dev.2",
+    "version": "14.5.1-dev.4",
     "previewColors": [
         "oklch(100.00% 0.0001 0deg)",
         "oklch(98.21% 0.0001 0deg)",

package/lib/swatches/classic-moonlight.json

@@ -3,7 +3,7 @@
     "name": "Classic Moonlight",
     "product": "kendo",
     "base": "@progress/kendo-theme-classic",
-    "version": "14.5.1-dev.2",
+    "version": "14.5.1-dev.4",
     "previewColors": [
         "oklch(27.98% 0.0255 248.78deg)",
         "oklch(33.48% 0.0217 259.40deg)",

package/lib/swatches/classic-opal-dark.json

@@ -3,7 +3,7 @@
     "name": "Classic Opal Dark",
     "product": "kendo",
     "base": "@progress/kendo-theme-classic",
-    "version": "14.5.1-dev.2",
+    "version": "14.5.1-dev.4",
     "previewColors": [
         "oklch(0.00% 0.0000 0deg)",
         "oklch(27.27% 0.0000 0deg)",

package/lib/swatches/classic-opal.json

@@ -3,7 +3,7 @@
     "name": "Classic Opal",
     "product": "kendo",
     "base": "@progress/kendo-theme-classic",
-    "version": "14.5.1-dev.2",
+    "version": "14.5.1-dev.4",
     "previewColors": [
         "oklch(100.00% 0.0001 0deg)",
         "oklch(95.37% 0.0262 224.39deg)",

package/lib/swatches/classic-silver-dark.json

@@ -3,7 +3,7 @@
     "name": "Classic Silver Dark",
     "product": "kendo",
     "base": "@progress/kendo-theme-classic",
-    "version": "14.5.1-dev.2",
+    "version": "14.5.1-dev.4",
     "previewColors": [
         "oklch(0.00% 0.0000 0deg)",
         "oklch(18.72% 0.0020 285.91deg)",

package/lib/swatches/classic-silver.json

@@ -3,7 +3,7 @@
     "name": "Classic Silver",
     "product": "kendo",
     "base": "@progress/kendo-theme-classic",
-    "version": "14.5.1-dev.2",
+    "version": "14.5.1-dev.4",
     "previewColors": [
         "oklch(100.00% 0.0001 0deg)",
         "oklch(96.44% 0.0014 284.24deg)",

package/lib/swatches/classic-uniform.json

@@ -3,7 +3,7 @@
     "name": "Classic Uniform",
     "product": "kendo",
     "base": "@progress/kendo-theme-classic",
-    "version": "14.5.1-dev.2",
+    "version": "14.5.1-dev.4",
     "previewColors": [
         "oklch(100.00% 0.0001 0deg)",
         "oklch(95.51% 0.0001 0deg)",

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@progress/kendo-theme-classic",
   "description": "Sass port of less based themes for Kendo UI theme",
-  "version": "14.5.1-dev.2",
+  "version": "14.5.1-dev.4",
   "author": "Progress",
   "license": "Apache-2.0",
   "keywords": [
@@ -52,9 +52,9 @@
     "postpublish": "echo 'no postpublish for classic theme'"
   },
   "dependencies": {
-    "@progress/kendo-svg-icons": "^4.11.0",
-    "@progress/kendo-theme-core": "14.5.1-dev.2",
-    "@progress/kendo-theme-utils": "14.5.1-dev.2"
+    "@progress/kendo-svg-icons": "5.5.0-dev.0",
+    "@progress/kendo-theme-core": "14.5.1-dev.4",
+    "@progress/kendo-theme-utils": "14.5.1-dev.4"
   },
   "directories": {
     "doc": "docs",

package/scss/dock-manager/_variables.scss

@@ -15,7 +15,7 @@ $kendo-dock-manager-border-radius: null !default;
 
 /// The vertical padding of the pane header in the DockManager component.
 /// @group dock-manager
-$kendo-dock-manager-pane-header-padding-y: k-spacing(2) !default;
+$kendo-dock-manager-pane-header-padding-y: k-spacing(2.5) !default;
 /// The horizontal padding of the pane header in the DockManager component.
 /// @group dock-manager
 $kendo-dock-manager-pane-header-padding-x: k-spacing(4) !default;
@@ -57,7 +57,7 @@ $kendo-dock-manager-pane-content-padding-y: $kendo-dock-manager-pane-header-padd
 
 /// The horizontal padding of the tabbed pane in the DockManager component.
 /// @group dock-manager
-$kendo-dock-manager-tabbed-pane-padding-y: k-spacing(4) !default;
+$kendo-dock-manager-tabbed-pane-padding-y: $kendo-dock-manager-pane-header-padding-y !default;
 /// The horizontal padding of the tabbed pane in the DockManager component.
 /// @group dock-manager
 $kendo-dock-manager-tabbed-pane-padding-x: k-spacing(2) !default;

package/scss/menu/_variables.scss

@@ -6,6 +6,11 @@
 
 // Menu
 
+/// The default size of the Menu.
+/// @group menu
+/// @role default
+$kendo-menu-default-size: "md" !default;
+
 /// The default size of the Menu group.
 /// @group menu
 /// @role default
@@ -24,6 +29,20 @@ $kendo-menu-font-size: var(--kendo-font-size) !default;
 /// @group menu
 $kendo-menu-line-height: var(--kendo-line-height) !default;
 
+/// The font size of the small Menu.
+/// @group menu
+$kendo-menu-sm-font-size: var(--kendo-font-size-sm) !default;
+/// The font size of the large Menu.
+/// @group menu
+$kendo-menu-lg-font-size: var(--kendo-font-size-lg) !default;
+
+/// The line height of the small Menu.
+/// @group menu
+$kendo-menu-sm-line-height: var(--kendo-line-height) !default;
+/// The line height of the large Menu.
+/// @group menu
+$kendo-menu-lg-line-height: var(--kendo-line-height-lg) !default;
+
 /// The background color of the Menu.
 /// @group menu
 $kendo-menu-bg: k-color(surface) !default;
@@ -53,6 +72,30 @@ $kendo-menu-item-spacing: unset !default;
 /// @group menu
 $kendo-menu-item-icon-spacing: $kendo-icon-spacing !default;
 
+/// The font size of the Menu item description.
+/// @group menu
+$kendo-menu-item-description-font-size: $kendo-list-item-description-font-size !default;
+/// The line height of the Menu item description.
+/// @group menu
+$kendo-menu-item-description-line-height: $kendo-list-item-description-line-height !default;
+/// The text color of the Menu item description.
+/// @group menu
+$kendo-menu-item-description-text: $kendo-list-item-description-text !default;
+
+/// The horizontal padding of the small Menu item.
+/// @group menu
+$kendo-menu-sm-item-padding-x: k-spacing(2) !default;
+/// The horizontal padding of the large Menu item.
+/// @group menu
+$kendo-menu-lg-item-padding-x: k-spacing(2) !default;
+
+/// The vertical padding of the small Menu item.
+/// @group menu
+$kendo-menu-sm-item-padding-y: k-spacing(0.5) !default;
+/// The vertical padding of the large Menu item.
+/// @group menu
+$kendo-menu-lg-item-padding-y: k-spacing(1.5) !default;
+
 /// The font weight of the selected Menu item.
 /// @group menu
 $kendo-menu-item-selected-font-weight: var(--kendo-font-weight-bold) !default;
@@ -267,6 +310,57 @@ $kendo-menu-popup-lg-item-icon-margin-end: calc( -1 * (#{$kendo-menu-popup-lg-it
 /// @group menu
 $kendo-menu-popup-item-spacing: k-spacing(0) !default;
 
+/// The horizontal padding of the small Menu popup group header.
+/// @group menu
+$kendo-menu-popup-sm-group-header-padding-x: $kendo-list-sm-group-item-padding-x !default;
+/// The horizontal padding of the medium Menu popup group header.
+/// @group menu
+$kendo-menu-popup-md-group-header-padding-x: $kendo-list-md-group-item-padding-x !default;
+/// The horizontal padding of the large Menu popup group header.
+/// @group menu
+$kendo-menu-popup-lg-group-header-padding-x: $kendo-list-lg-group-item-padding-x !default;
+
+/// The vertical padding of the small Menu popup group header.
+/// @group menu
+$kendo-menu-popup-sm-group-header-padding-y: $kendo-list-sm-group-item-padding-y !default;
+/// The vertical padding of the medium Menu popup group header.
+/// @group menu
+$kendo-menu-popup-md-group-header-padding-y: $kendo-list-md-group-item-padding-y !default;
+/// The vertical padding of the large Menu popup group header.
+/// @group menu
+$kendo-menu-popup-lg-group-header-padding-y: $kendo-list-lg-group-item-padding-y !default;
+
+/// The font size of the small Menu popup group header.
+/// @group menu
+$kendo-menu-popup-sm-group-header-font-size: $kendo-list-item-group-label-sm-font-size !default;
+/// The font size of the medium Menu popup group header.
+/// @group menu
+$kendo-menu-popup-md-group-header-font-size: $kendo-list-item-group-label-md-font-size !default;
+/// The font size of the large Menu popup group header.
+/// @group menu
+$kendo-menu-popup-lg-group-header-font-size: $kendo-list-item-group-label-lg-font-size !default;
+
+/// The line height of the small Menu popup group header.
+/// @group menu
+$kendo-menu-popup-sm-group-header-line-height: $kendo-menu-popup-sm-line-height !default;
+/// The line height of the medium Menu popup group header.
+/// @group menu
+$kendo-menu-popup-md-group-header-line-height: $kendo-menu-popup-md-line-height !default;
+/// The line height of the large Menu popup group header.
+/// @group menu
+$kendo-menu-popup-lg-group-header-line-height: $kendo-menu-popup-lg-line-height !default;
+
+/// The font weight of the Menu popup group header.
+/// @group menu
+$kendo-menu-popup-group-header-font-weight: $kendo-list-group-item-font-weight !default;
+
+/// The background color of the Menu popup group header.
+/// @group menu
+$kendo-menu-popup-group-header-bg: $kendo-list-group-item-bg !default;
+/// The text color of the Menu popup group header.
+/// @group menu
+$kendo-menu-popup-group-header-text: $kendo-list-group-item-text !default;
+
 /// The background color of the Menu item in popup.
 /// @group menu
 $kendo-menu-popup-item-bg: null !default;
@@ -312,19 +406,31 @@ $kendo-menu-popup-item-focus-shadow: $kendo-menu-item-focus-shadow !default;
 
 
 @forward "@progress/kendo-theme-core/scss/components/menu/_variables.scss" with (
+    $kendo-menu-default-size: $kendo-menu-default-size,
     $kendo-menu-group-default-size: $kendo-menu-group-default-size,
     $kendo-menu-border-width: $kendo-menu-border-width,
     $kendo-menu-font-family: $kendo-menu-font-family,
     $kendo-menu-font-size: $kendo-menu-font-size,
     $kendo-menu-line-height: $kendo-menu-line-height,
+    $kendo-menu-sm-font-size: $kendo-menu-sm-font-size,
+    $kendo-menu-lg-font-size: $kendo-menu-lg-font-size,
+    $kendo-menu-sm-line-height: $kendo-menu-sm-line-height,
+    $kendo-menu-lg-line-height: $kendo-menu-lg-line-height,
     $kendo-menu-bg: $kendo-menu-bg,
     $kendo-menu-text: $kendo-menu-text,
     $kendo-menu-border: $kendo-menu-border,
     $kendo-menu-gradient: $kendo-menu-gradient,
     $kendo-menu-item-padding-x: $kendo-menu-item-padding-x,
     $kendo-menu-item-padding-y: $kendo-menu-item-padding-y,
+    $kendo-menu-sm-item-padding-x: $kendo-menu-sm-item-padding-x,
+    $kendo-menu-lg-item-padding-x: $kendo-menu-lg-item-padding-x,
+    $kendo-menu-sm-item-padding-y: $kendo-menu-sm-item-padding-y,
+    $kendo-menu-lg-item-padding-y: $kendo-menu-lg-item-padding-y,
     $kendo-menu-item-spacing: $kendo-menu-item-spacing,
     $kendo-menu-item-icon-spacing: $kendo-menu-item-icon-spacing,
+    $kendo-menu-item-description-font-size: $kendo-menu-item-description-font-size,
+    $kendo-menu-item-description-line-height: $kendo-menu-item-description-line-height,
+    $kendo-menu-item-description-text: $kendo-menu-item-description-text,
     $kendo-menu-item-selected-font-weight: $kendo-menu-item-selected-font-weight,
     $kendo-menu-item-bg: $kendo-menu-item-bg,
     $kendo-menu-item-text: $kendo-menu-item-text,
@@ -386,6 +492,21 @@ $kendo-menu-popup-item-focus-shadow: $kendo-menu-item-focus-shadow !default;
     $kendo-menu-popup-md-item-icon-margin-end: $kendo-menu-popup-md-item-icon-margin-end,
     $kendo-menu-popup-lg-item-icon-margin-end: $kendo-menu-popup-lg-item-icon-margin-end,
     $kendo-menu-popup-item-spacing: $kendo-menu-popup-item-spacing,
+    $kendo-menu-popup-sm-group-header-padding-x: $kendo-menu-popup-sm-group-header-padding-x,
+    $kendo-menu-popup-md-group-header-padding-x: $kendo-menu-popup-md-group-header-padding-x,
+    $kendo-menu-popup-lg-group-header-padding-x: $kendo-menu-popup-lg-group-header-padding-x,
+    $kendo-menu-popup-sm-group-header-padding-y: $kendo-menu-popup-sm-group-header-padding-y,
+    $kendo-menu-popup-md-group-header-padding-y: $kendo-menu-popup-md-group-header-padding-y,
+    $kendo-menu-popup-lg-group-header-padding-y: $kendo-menu-popup-lg-group-header-padding-y,
+    $kendo-menu-popup-sm-group-header-font-size: $kendo-menu-popup-sm-group-header-font-size,
+    $kendo-menu-popup-md-group-header-font-size: $kendo-menu-popup-md-group-header-font-size,
+    $kendo-menu-popup-lg-group-header-font-size: $kendo-menu-popup-lg-group-header-font-size,
+    $kendo-menu-popup-sm-group-header-line-height: $kendo-menu-popup-sm-group-header-line-height,
+    $kendo-menu-popup-md-group-header-line-height: $kendo-menu-popup-md-group-header-line-height,
+    $kendo-menu-popup-lg-group-header-line-height: $kendo-menu-popup-lg-group-header-line-height,
+    $kendo-menu-popup-group-header-font-weight: $kendo-menu-popup-group-header-font-weight,
+    $kendo-menu-popup-group-header-bg: $kendo-menu-popup-group-header-bg,
+    $kendo-menu-popup-group-header-text: $kendo-menu-popup-group-header-text,
     $kendo-menu-popup-item-bg: $kendo-menu-popup-item-bg,
     $kendo-menu-popup-item-text: $kendo-menu-popup-item-text,
     $kendo-menu-popup-item-border: $kendo-menu-popup-item-border,