@progress/kendo-theme-material 14.5.1-dev.3 → 14.5.1-dev.4

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

@@ -25166,7 +25166,7 @@
         "context": {
             "type": "variable",
             "name": "kendo-dock-manager-pane-header-padding-y",
-            "value": "k-spacing(4)",
+            "value": "k-spacing(4.5)",
             "scope": "default",
             "line": {
                 "start": 20,
@@ -25491,7 +25491,7 @@
         "context": {
             "type": "variable",
             "name": "kendo-dock-manager-tabbed-pane-padding-y",
-            "value": "k-spacing( 6 )",
+            "value": "$kendo-dock-manager-pane-header-padding-y",
             "scope": "default",
             "line": {
                 "start": 62,
@@ -48097,14 +48097,14 @@
         }
     },
     {
-        "description": "The default size of the Menu group.\n",
+        "description": "The default size of the Menu.\n",
         "commentRange": {
             "start": 12,
             "end": 14
         },
         "context": {
             "type": "variable",
-            "name": "kendo-menu-group-default-size",
+            "name": "kendo-menu-default-size",
             "value": "\"md\"",
             "scope": "default",
             "line": {
@@ -48125,24 +48125,27 @@
         }
     },
     {
-        "description": "The width of the border around the Menu.\n",
+        "description": "The default size of the Menu group.\n",
         "commentRange": {
             "start": 17,
-            "end": 18
+            "end": 19
         },
         "context": {
             "type": "variable",
-            "name": "kendo-menu-border-width",
-            "value": "0px",
+            "name": "kendo-menu-group-default-size",
+            "value": "\"md\"",
             "scope": "default",
             "line": {
-                "start": 19,
-                "end": 19
+                "start": 20,
+                "end": 20
             }
         },
         "group": [
             "menu"
         ],
+        "role": [
+            "default"
+        ],
         "access": "public",
         "file": {
             "path": "menu/_variables.scss",
@@ -48150,19 +48153,19 @@
         }
     },
     {
-        "description": "The font family of the Menu.\n",
+        "description": "The width of the border around the Menu.\n",
         "commentRange": {
-            "start": 20,
-            "end": 21
+            "start": 22,
+            "end": 23
         },
         "context": {
             "type": "variable",
-            "name": "kendo-menu-font-family",
-            "value": "var(--kendo-font-family)",
+            "name": "kendo-menu-border-width",
+            "value": "0px",
             "scope": "default",
             "line": {
-                "start": 22,
-                "end": 22
+                "start": 24,
+                "end": 24
             }
         },
         "group": [
@@ -48175,19 +48178,19 @@
         }
     },
     {
-        "description": "The font size of the Menu.\n",
+        "description": "The font family of the Menu.\n",
         "commentRange": {
-            "start": 23,
-            "end": 24
+            "start": 25,
+            "end": 26
         },
         "context": {
             "type": "variable",
-            "name": "kendo-menu-font-size",
-            "value": "var(--kendo-font-size-lg)",
+            "name": "kendo-menu-font-family",
+            "value": "var(--kendo-font-family)",
             "scope": "default",
             "line": {
-                "start": 25,
-                "end": 25
+                "start": 27,
+                "end": 27
             }
         },
         "group": [
@@ -48200,19 +48203,19 @@
         }
     },
     {
-        "description": "The line height of the Menu used along with $kendo-font-size.\n",
+        "description": "The font size of the Menu.\n",
         "commentRange": {
-            "start": 26,
-            "end": 27
+            "start": 28,
+            "end": 29
         },
         "context": {
             "type": "variable",
-            "name": "kendo-menu-line-height",
-            "value": "var(--kendo-line-height-lg)",
+            "name": "kendo-menu-font-size",
+            "value": "var(--kendo-font-size-lg)",
             "scope": "default",
             "line": {
-                "start": 28,
-                "end": 28
+                "start": 30,
+                "end": 30
             }
         },
         "group": [
@@ -48225,19 +48228,19 @@
         }
     },
     {
-        "description": "The background color of the Menu.\n",
+        "description": "The line height of the Menu used along with $kendo-font-size.\n",
         "commentRange": {
-            "start": 30,
-            "end": 31
+            "start": 31,
+            "end": 32
         },
         "context": {
             "type": "variable",
-            "name": "kendo-menu-bg",
-            "value": "transparent",
+            "name": "kendo-menu-line-height",
+            "value": "var(--kendo-line-height-lg)",
             "scope": "default",
             "line": {
-                "start": 32,
-                "end": 32
+                "start": 33,
+                "end": 33
             }
         },
         "group": [
@@ -48250,19 +48253,19 @@
         }
     },
     {
-        "description": "The text color of the Menu.\n",
+        "description": "The font size of the small Menu.\n",
         "commentRange": {
-            "start": 33,
-            "end": 34
+            "start": 35,
+            "end": 36
         },
         "context": {
             "type": "variable",
-            "name": "kendo-menu-text",
-            "value": "k-color(on-app-surface)",
+            "name": "kendo-menu-sm-font-size",
+            "value": "var(--kendo-font-size-lg)",
             "scope": "default",
             "line": {
-                "start": 35,
-                "end": 35
+                "start": 37,
+                "end": 37
             }
         },
         "group": [
@@ -48275,19 +48278,19 @@
         }
     },
     {
-        "description": "The border color of the Menu.\n",
+        "description": "The font size of the large Menu.\n",
         "commentRange": {
-            "start": 36,
-            "end": 37
+            "start": 38,
+            "end": 39
         },
         "context": {
             "type": "variable",
-            "name": "kendo-menu-border",
-            "value": "null",
+            "name": "kendo-menu-lg-font-size",
+            "value": "var(--kendo-font-size-lg)",
             "scope": "default",
             "line": {
-                "start": 38,
-                "end": 38
+                "start": 40,
+                "end": 40
             }
         },
         "group": [
@@ -48300,19 +48303,19 @@
         }
     },
     {
-        "description": "The background gradient of the Menu.\n",
+        "description": "The line height of the small Menu.\n",
         "commentRange": {
-            "start": 39,
-            "end": 40
+            "start": 42,
+            "end": 43
         },
         "context": {
             "type": "variable",
-            "name": "kendo-menu-gradient",
-            "value": "null",
+            "name": "kendo-menu-sm-line-height",
+            "value": "var(--kendo-line-height-lg)",
             "scope": "default",
             "line": {
-                "start": 41,
-                "end": 41
+                "start": 44,
+                "end": 44
             }
         },
         "group": [
@@ -48325,15 +48328,15 @@
         }
     },
     {
-        "description": "The horizontal padding of the Menu item.\n",
+        "description": "The line height of the large Menu.\n",
         "commentRange": {
             "start": 45,
             "end": 46
         },
         "context": {
             "type": "variable",
-            "name": "kendo-menu-item-padding-x",
-            "value": "k-spacing(3)",
+            "name": "kendo-menu-lg-line-height",
+            "value": "var(--kendo-line-height-lg)",
             "scope": "default",
             "line": {
                 "start": 47,
@@ -48350,19 +48353,19 @@
         }
     },
     {
-        "description": "The vertical padding of the Menu item.\n",
+        "description": "The background color of the Menu.\n",
         "commentRange": {
-            "start": 48,
-            "end": 49
+            "start": 49,
+            "end": 50
         },
         "context": {
             "type": "variable",
-            "name": "kendo-menu-item-padding-y",
-            "value": "k-spacing(3)",
+            "name": "kendo-menu-bg",
+            "value": "transparent",
             "scope": "default",
             "line": {
-                "start": 50,
-                "end": 50
+                "start": 51,
+                "end": 51
             }
         },
         "group": [
@@ -48375,19 +48378,19 @@
         }
     },
     {
-        "description": "The spacing between the Menu items.\n",
+        "description": "The text color of the Menu.\n",
         "commentRange": {
-            "start": 51,
-            "end": 52
+            "start": 52,
+            "end": 53
         },
         "context": {
             "type": "variable",
-            "name": "kendo-menu-item-spacing",
-            "value": "0",
+            "name": "kendo-menu-text",
+            "value": "k-color(on-app-surface)",
             "scope": "default",
             "line": {
-                "start": 53,
-                "end": 53
+                "start": 54,
+                "end": 54
             }
         },
         "group": [
@@ -48400,19 +48403,19 @@
         }
     },
     {
-        "description": "The spacing between the Menu item text and icons.\n",
+        "description": "The border color of the Menu.\n",
         "commentRange": {
-            "start": 54,
-            "end": 55
+            "start": 55,
+            "end": 56
         },
         "context": {
             "type": "variable",
-            "name": "kendo-menu-item-icon-spacing",
-            "value": "k-spacing(3)",
+            "name": "kendo-menu-border",
+            "value": "null",
             "scope": "default",
             "line": {
-                "start": 56,
-                "end": 56
+                "start": 57,
+                "end": 57
             }
         },
         "group": [
@@ -48425,15 +48428,15 @@
         }
     },
     {
-        "description": "The font weight of the selected Menu item.\n",
+        "description": "The background gradient of the Menu.\n",
         "commentRange": {
             "start": 58,
             "end": 59
         },
         "context": {
             "type": "variable",
-            "name": "kendo-menu-item-selected-font-weight",
-            "value": "var(--kendo-font-weight-normal)",
+            "name": "kendo-menu-gradient",
+            "value": "null",
             "scope": "default",
             "line": {
                 "start": 60,
@@ -48450,44 +48453,19 @@
         }
     },
     {
-        "description": "The background color of the Menu item.\n",
-        "commentRange": {
-            "start": 62,
-            "end": 63
-        },
-        "context": {
-            "type": "variable",
-            "name": "kendo-menu-item-bg",
-            "value": "null",
-            "scope": "default",
-            "line": {
-                "start": 64,
-                "end": 64
-            }
-        },
-        "group": [
-            "menu"
-        ],
-        "access": "public",
-        "file": {
-            "path": "menu/_variables.scss",
-            "name": "_variables.scss"
-        }
-    },
-    {
-        "description": "The text color of the Menu item.\n",
+        "description": "The horizontal padding of the Menu item.\n",
         "commentRange": {
-            "start": 65,
-            "end": 66
+            "start": 64,
+            "end": 65
         },
         "context": {
             "type": "variable",
-            "name": "kendo-menu-item-text",
-            "value": "null",
+            "name": "kendo-menu-item-padding-x",
+            "value": "k-spacing(3)",
             "scope": "default",
             "line": {
-                "start": 67,
-                "end": 67
+                "start": 66,
+                "end": 66
             }
         },
         "group": [
@@ -48500,19 +48478,19 @@
         }
     },
     {
-        "description": "The border color of the Menu item.\n",
+        "description": "The vertical padding of the Menu item.\n",
         "commentRange": {
-            "start": 68,
-            "end": 69
+            "start": 67,
+            "end": 68
         },
         "context": {
             "type": "variable",
-            "name": "kendo-menu-item-border",
-            "value": "null",
+            "name": "kendo-menu-item-padding-y",
+            "value": "k-spacing(3)",
             "scope": "default",
             "line": {
-                "start": 70,
-                "end": 70
+                "start": 69,
+                "end": 69
             }
         },
         "group": [
@@ -48525,19 +48503,19 @@
         }
     },
     {
-        "description": "The background gradient of the Menu item.\n",
+        "description": "The spacing between the Menu items.\n",
         "commentRange": {
-            "start": 71,
-            "end": 72
+            "start": 70,
+            "end": 71
         },
         "context": {
             "type": "variable",
-            "name": "kendo-menu-item-gradient",
-            "value": "null",
+            "name": "kendo-menu-item-spacing",
+            "value": "0",
             "scope": "default",
             "line": {
-                "start": 73,
-                "end": 73
+                "start": 72,
+                "end": 72
             }
         },
         "group": [
@@ -48550,19 +48528,19 @@
         }
     },
     {
-        "description": "The background color of hovered Menu item.\n",
+        "description": "The spacing between the Menu item text and icons.\n",
         "commentRange": {
-            "start": 75,
-            "end": 76
+            "start": 73,
+            "end": 74
         },
         "context": {
             "type": "variable",
-            "name": "kendo-menu-item-hover-bg",
-            "value": "color-mix(in srgb, currentColor 8%, transparent)",
+            "name": "kendo-menu-item-icon-spacing",
+            "value": "k-spacing(3)",
             "scope": "default",
             "line": {
-                "start": 77,
-                "end": 77
+                "start": 75,
+                "end": 75
             }
         },
         "group": [
@@ -48575,19 +48553,19 @@
         }
     },
     {
-        "description": "The text color of hovered Menu item.\n",
+        "description": "The border radius of the Menu item.\n",
         "commentRange": {
-            "start": 78,
-            "end": 79
+            "start": 76,
+            "end": 77
         },
         "context": {
             "type": "variable",
-            "name": "kendo-menu-item-hover-text",
-            "value": "null",
+            "name": "kendo-menu-item-border-radius",
+            "value": "k-border-radius(xl)",
             "scope": "default",
             "line": {
-                "start": 80,
-                "end": 80
+                "start": 78,
+                "end": 78
             }
         },
         "group": [
@@ -48600,19 +48578,19 @@
         }
     },
     {
-        "description": "The border color of hovered Menu item.\n",
+        "description": "The font size of the Menu item description.\n",
         "commentRange": {
-            "start": 81,
-            "end": 82
+            "start": 80,
+            "end": 81
         },
         "context": {
             "type": "variable",
-            "name": "kendo-menu-item-hover-border",
-            "value": "null",
+            "name": "kendo-menu-item-description-font-size",
+            "value": "$kendo-list-item-description-font-size",
             "scope": "default",
             "line": {
-                "start": 83,
-                "end": 83
+                "start": 82,
+                "end": 82
             }
         },
         "group": [
@@ -48625,19 +48603,19 @@
         }
     },
     {
-        "description": "The background gradient of hovered Menu item.\n",
+        "description": "The line height of the Menu item description.\n",
         "commentRange": {
-            "start": 84,
-            "end": 85
+            "start": 83,
+            "end": 84
         },
         "context": {
             "type": "variable",
-            "name": "kendo-menu-item-hover-gradient",
-            "value": "null",
+            "name": "kendo-menu-item-description-line-height",
+            "value": "$kendo-list-item-description-line-height",
             "scope": "default",
             "line": {
-                "start": 86,
-                "end": 86
+                "start": 85,
+                "end": 85
             }
         },
         "group": [
@@ -48650,19 +48628,19 @@
         }
     },
     {
-        "description": "The background color of active Menu item.\n",
+        "description": "The text color of the Menu item description.\n",
         "commentRange": {
-            "start": 88,
-            "end": 89
+            "start": 86,
+            "end": 87
         },
         "context": {
             "type": "variable",
-            "name": "kendo-menu-item-active-bg",
-            "value": "color-mix(in srgb, currentColor 12%, transparent)",
+            "name": "kendo-menu-item-description-text",
+            "value": "$kendo-list-item-description-text",
             "scope": "default",
             "line": {
-                "start": 90,
-                "end": 90
+                "start": 88,
+                "end": 88
             }
         },
         "group": [
@@ -48675,19 +48653,19 @@
         }
     },
     {
-        "description": "The text color of active Menu item.\n",
+        "description": "The horizontal padding of the small Menu item.\n",
         "commentRange": {
-            "start": 91,
-            "end": 92
+            "start": 90,
+            "end": 91
         },
         "context": {
             "type": "variable",
-            "name": "kendo-menu-item-active-text",
-            "value": "null",
+            "name": "kendo-menu-sm-item-padding-x",
+            "value": "k-spacing(3)",
             "scope": "default",
             "line": {
-                "start": 93,
-                "end": 93
+                "start": 92,
+                "end": 92
             }
         },
         "group": [
@@ -48700,19 +48678,19 @@
         }
     },
     {
-        "description": "The border color of active Menu item.\n",
+        "description": "The horizontal padding of the large Menu item.\n",
         "commentRange": {
-            "start": 94,
-            "end": 95
+            "start": 93,
+            "end": 94
         },
         "context": {
             "type": "variable",
-            "name": "kendo-menu-item-active-border",
-            "value": "null",
+            "name": "kendo-menu-lg-item-padding-x",
+            "value": "k-spacing(3)",
             "scope": "default",
             "line": {
-                "start": 96,
-                "end": 96
+                "start": 95,
+                "end": 95
             }
         },
         "group": [
@@ -48725,15 +48703,15 @@
         }
     },
     {
-        "description": "The background gradient of active Menu item.\n",
+        "description": "The vertical padding of the small Menu item.\n",
         "commentRange": {
             "start": 97,
             "end": 98
         },
         "context": {
             "type": "variable",
-            "name": "kendo-menu-item-active-gradient",
-            "value": "null",
+            "name": "kendo-menu-sm-item-padding-y",
+            "value": "k-spacing(2)",
             "scope": "default",
             "line": {
                 "start": 99,
@@ -48750,19 +48728,19 @@
         }
     },
     {
-        "description": "The base shadow of focused Menu item.\n",
+        "description": "The vertical padding of the large Menu item.\n",
         "commentRange": {
-            "start": 101,
-            "end": 102
+            "start": 100,
+            "end": 101
         },
         "context": {
             "type": "variable",
-            "name": "kendo-menu-item-focus-shadow",
-            "value": "inset 0 0 0 2px color-mix(in srgb, currentColor 20%, transparent)",
+            "name": "kendo-menu-lg-item-padding-y",
+            "value": "k-spacing(4)",
             "scope": "default",
             "line": {
-                "start": 103,
-                "end": 103
+                "start": 102,
+                "end": 102
             }
         },
         "group": [
@@ -48775,19 +48753,19 @@
         }
     },
     {
-        "description": "The background color of selected Menu item.\n",
+        "description": "The font weight of the selected Menu item.\n",
         "commentRange": {
-            "start": 105,
-            "end": 106
+            "start": 104,
+            "end": 105
         },
         "context": {
             "type": "variable",
-            "name": "kendo-menu-item-selected-bg",
-            "value": "k-color(secondary)",
+            "name": "kendo-menu-item-selected-font-weight",
+            "value": "var(--kendo-font-weight-normal)",
             "scope": "default",
             "line": {
-                "start": 107,
-                "end": 107
+                "start": 106,
+                "end": 106
             }
         },
         "group": [
@@ -48800,15 +48778,15 @@
         }
     },
     {
-        "description": "The text color of selected Menu item.\n",
+        "description": "The background color of the Menu item.\n",
         "commentRange": {
             "start": 108,
             "end": 109
         },
         "context": {
             "type": "variable",
-            "name": "kendo-menu-item-selected-text",
-            "value": "k-color(on-secondary)",
+            "name": "kendo-menu-item-bg",
+            "value": "null",
             "scope": "default",
             "line": {
                 "start": 110,
@@ -48825,14 +48803,14 @@
         }
     },
     {
-        "description": "The border color of selected Menu item.\n",
+        "description": "The text color of the Menu item.\n",
         "commentRange": {
             "start": 111,
             "end": 112
         },
         "context": {
             "type": "variable",
-            "name": "kendo-menu-item-selected-border",
+            "name": "kendo-menu-item-text",
             "value": "null",
             "scope": "default",
             "line": {
@@ -48850,14 +48828,14 @@
         }
     },
     {
-        "description": "The background gradient of selected Menu item.\n",
+        "description": "The border color of the Menu item.\n",
         "commentRange": {
             "start": 114,
             "end": 115
         },
         "context": {
             "type": "variable",
-            "name": "kendo-menu-item-selected-gradient",
+            "name": "kendo-menu-item-border",
             "value": "null",
             "scope": "default",
             "line": {
@@ -48875,19 +48853,19 @@
         }
     },
     {
-        "description": "The background color of the Menu scroll buttons.\n",
+        "description": "The background gradient of the Menu item.\n",
         "commentRange": {
-            "start": 118,
-            "end": 119
+            "start": 117,
+            "end": 118
         },
         "context": {
             "type": "variable",
-            "name": "kendo-menu-scroll-button-bg",
+            "name": "kendo-menu-item-gradient",
             "value": "null",
             "scope": "default",
             "line": {
-                "start": 120,
-                "end": 120
+                "start": 119,
+                "end": 119
             }
         },
         "group": [
@@ -48900,15 +48878,15 @@
         }
     },
     {
-        "description": "The text color of the Menu scroll buttons.\n",
+        "description": "The background color of hovered Menu item.\n",
         "commentRange": {
             "start": 121,
             "end": 122
         },
         "context": {
             "type": "variable",
-            "name": "kendo-menu-scroll-button-text",
-            "value": "$kendo-menu-text",
+            "name": "kendo-menu-item-hover-bg",
+            "value": "color-mix(in srgb, currentColor 8%, transparent)",
             "scope": "default",
             "line": {
                 "start": 123,
@@ -48925,14 +48903,14 @@
         }
     },
     {
-        "description": "The border color of the Menu scroll buttons.\n",
+        "description": "The text color of hovered Menu item.\n",
         "commentRange": {
             "start": 124,
             "end": 125
         },
         "context": {
             "type": "variable",
-            "name": "kendo-menu-scroll-button-border",
+            "name": "kendo-menu-item-hover-text",
             "value": "null",
             "scope": "default",
             "line": {
@@ -48950,14 +48928,14 @@
         }
     },
     {
-        "description": "The background gradient of the Menu scroll buttons.\n",
+        "description": "The border color of hovered Menu item.\n",
         "commentRange": {
             "start": 127,
             "end": 128
         },
         "context": {
             "type": "variable",
-            "name": "kendo-menu-scroll-button-gradient",
+            "name": "kendo-menu-item-hover-border",
             "value": "null",
             "scope": "default",
             "line": {
@@ -48975,19 +48953,19 @@
         }
     },
     {
-        "description": "The background color of hovered Menu scroll buttons.\n",
+        "description": "The background gradient of hovered Menu item.\n",
         "commentRange": {
-            "start": 131,
-            "end": 132
+            "start": 130,
+            "end": 131
         },
         "context": {
             "type": "variable",
-            "name": "kendo-menu-scroll-button-hover-bg",
-            "value": "color-mix(in srgb, k-color(on-app-surface) 8%, transparent)",
+            "name": "kendo-menu-item-hover-gradient",
+            "value": "null",
             "scope": "default",
             "line": {
-                "start": 133,
-                "end": 133
+                "start": 132,
+                "end": 132
             }
         },
         "group": [
@@ -49000,15 +48978,15 @@
         }
     },
     {
-        "description": "The text color of hovered Menu scroll buttons.\n",
+        "description": "The background color of active Menu item.\n",
         "commentRange": {
             "start": 134,
             "end": 135
         },
         "context": {
             "type": "variable",
-            "name": "kendo-menu-scroll-button-hover-text",
-            "value": "$kendo-menu-item-hover-text",
+            "name": "kendo-menu-item-active-bg",
+            "value": "color-mix(in srgb, currentColor 12%, transparent)",
             "scope": "default",
             "line": {
                 "start": 136,
@@ -49025,14 +49003,14 @@
         }
     },
     {
-        "description": "The border color of hovered Menu scroll buttons.\n",
+        "description": "The text color of active Menu item.\n",
         "commentRange": {
             "start": 137,
             "end": 138
         },
         "context": {
             "type": "variable",
-            "name": "kendo-menu-scroll-button-hover-border",
+            "name": "kendo-menu-item-active-text",
             "value": "null",
             "scope": "default",
             "line": {
@@ -49050,14 +49028,14 @@
         }
     },
     {
-        "description": "The background gradient of hovered Menu scroll buttons.\n",
+        "description": "The border color of active Menu item.\n",
         "commentRange": {
             "start": 140,
             "end": 141
         },
         "context": {
             "type": "variable",
-            "name": "kendo-menu-scroll-button-hover-gradient",
+            "name": "kendo-menu-item-active-border",
             "value": "null",
             "scope": "default",
             "line": {
@@ -49075,19 +49053,19 @@
         }
     },
     {
-        "description": "The horizontal padding of the Menu expand arrow icon.\n",
+        "description": "The background gradient of active Menu item.\n",
         "commentRange": {
-            "start": 144,
-            "end": 145
+            "start": 143,
+            "end": 144
         },
         "context": {
             "type": "variable",
-            "name": "kendo-menu-icon-padding-x",
-            "value": "k-spacing(1)",
+            "name": "kendo-menu-item-active-gradient",
+            "value": "null",
             "scope": "default",
             "line": {
-                "start": 146,
-                "end": 146
+                "start": 145,
+                "end": 145
             }
         },
         "group": [
@@ -49100,15 +49078,15 @@
         }
     },
     {
-        "description": "The vertical padding of the Menu expand arrow icon.\n",
+        "description": "The base shadow of focused Menu item.\n",
         "commentRange": {
             "start": 147,
             "end": 148
         },
         "context": {
             "type": "variable",
-            "name": "kendo-menu-icon-padding-y",
-            "value": "k-spacing(1)",
+            "name": "kendo-menu-item-focus-shadow",
+            "value": "inset 0 0 0 2px color-mix(in srgb, currentColor 20%, transparent)",
             "scope": "default",
             "line": {
                 "start": 149,
@@ -49125,15 +49103,15 @@
         }
     },
     {
-        "description": "The spacing used for the menu expand arrow negative offset.\n",
+        "description": "The background color of selected Menu item.\n",
         "commentRange": {
             "start": 151,
             "end": 152
         },
         "context": {
             "type": "variable",
-            "name": "kendo-menu-expand-arrow-spacing",
-            "value": "k-spacing(2)",
+            "name": "kendo-menu-item-selected-bg",
+            "value": "k-color(secondary)",
             "scope": "default",
             "line": {
                 "start": 153,
@@ -49150,19 +49128,19 @@
         }
     },
     {
-        "description": "The inline margin of the horizontal Menu separator.\n",
+        "description": "The text color of selected Menu item.\n",
         "commentRange": {
-            "start": 158,
-            "end": 159
+            "start": 154,
+            "end": 155
         },
         "context": {
             "type": "variable",
-            "name": "kendo-menu-separator-margin-inline",
-            "value": "k-spacing(1)",
+            "name": "kendo-menu-item-selected-text",
+            "value": "k-color(on-secondary)",
             "scope": "default",
             "line": {
-                "start": 160,
-                "end": 160
+                "start": 156,
+                "end": 156
             }
         },
         "group": [
@@ -49175,19 +49153,19 @@
         }
     },
     {
-        "description": "The block margin of the horizontal Menu separator.\n",
+        "description": "The border color of selected Menu item.\n",
         "commentRange": {
-            "start": 161,
-            "end": 162
+            "start": 157,
+            "end": 158
         },
         "context": {
             "type": "variable",
-            "name": "kendo-menu-separator-margin-block",
-            "value": "k-spacing(1)",
+            "name": "kendo-menu-item-selected-border",
+            "value": "null",
             "scope": "default",
             "line": {
-                "start": 163,
-                "end": 163
+                "start": 159,
+                "end": 159
             }
         },
         "group": [
@@ -49200,19 +49178,19 @@
         }
     },
     {
-        "description": "The border color of Menu separator.\n",
+        "description": "The background gradient of selected Menu item.\n",
         "commentRange": {
-            "start": 164,
-            "end": 165
+            "start": 160,
+            "end": 161
         },
         "context": {
             "type": "variable",
-            "name": "kendo-menu-separator-border",
-            "value": "k-color(border)",
+            "name": "kendo-menu-item-selected-gradient",
+            "value": "null",
             "scope": "default",
             "line": {
-                "start": 166,
-                "end": 166
+                "start": 162,
+                "end": 162
             }
         },
         "group": [
@@ -49225,19 +49203,19 @@
         }
     },
     {
-        "description": "The horizontal padding of the Menu popup.\n",
+        "description": "The background color of the Menu scroll buttons.\n",
         "commentRange": {
-            "start": 171,
-            "end": 172
+            "start": 164,
+            "end": 165
         },
         "context": {
             "type": "variable",
-            "name": "kendo-menu-popup-padding-x",
+            "name": "kendo-menu-scroll-button-bg",
             "value": "null",
             "scope": "default",
             "line": {
-                "start": 173,
-                "end": 173
+                "start": 166,
+                "end": 166
             }
         },
         "group": [
@@ -49250,19 +49228,19 @@
         }
     },
     {
-        "description": "The vertical padding of the Menu popup.\n",
+        "description": "The text color of the Menu scroll buttons.\n",
         "commentRange": {
-            "start": 175,
-            "end": 176
+            "start": 167,
+            "end": 168
         },
         "context": {
             "type": "variable",
-            "name": "kendo-menu-popup-padding-y",
-            "value": "null",
+            "name": "kendo-menu-scroll-button-text",
+            "value": "$kendo-menu-text",
             "scope": "default",
             "line": {
-                "start": 177,
-                "end": 177
+                "start": 169,
+                "end": 169
             }
         },
         "group": [
@@ -49275,19 +49253,19 @@
         }
     },
     {
-        "description": "The width of the border around the Menu popup.\n",
+        "description": "The border color of the Menu scroll buttons.\n",
         "commentRange": {
-            "start": 179,
-            "end": 180
+            "start": 170,
+            "end": 171
         },
         "context": {
             "type": "variable",
-            "name": "kendo-menu-popup-border-width",
-            "value": "$kendo-popup-border-width",
+            "name": "kendo-menu-scroll-button-border",
+            "value": "null",
             "scope": "default",
             "line": {
-                "start": 181,
-                "end": 181
+                "start": 172,
+                "end": 172
             }
         },
         "group": [
@@ -49300,15 +49278,90 @@
         }
     },
     {
-        "description": "The font size of the small Menu popup.\n",
+        "description": "The background gradient of the Menu scroll buttons.\n",
+        "commentRange": {
+            "start": 173,
+            "end": 174
+        },
+        "context": {
+            "type": "variable",
+            "name": "kendo-menu-scroll-button-gradient",
+            "value": "null",
+            "scope": "default",
+            "line": {
+                "start": 175,
+                "end": 175
+            }
+        },
+        "group": [
+            "menu"
+        ],
+        "access": "public",
+        "file": {
+            "path": "menu/_variables.scss",
+            "name": "_variables.scss"
+        }
+    },
+    {
+        "description": "The background color of hovered Menu scroll buttons.\n",
+        "commentRange": {
+            "start": 177,
+            "end": 178
+        },
+        "context": {
+            "type": "variable",
+            "name": "kendo-menu-scroll-button-hover-bg",
+            "value": "color-mix(in srgb, k-color(on-app-surface) 8%, transparent)",
+            "scope": "default",
+            "line": {
+                "start": 179,
+                "end": 179
+            }
+        },
+        "group": [
+            "menu"
+        ],
+        "access": "public",
+        "file": {
+            "path": "menu/_variables.scss",
+            "name": "_variables.scss"
+        }
+    },
+    {
+        "description": "The text color of hovered Menu scroll buttons.\n",
+        "commentRange": {
+            "start": 180,
+            "end": 181
+        },
+        "context": {
+            "type": "variable",
+            "name": "kendo-menu-scroll-button-hover-text",
+            "value": "$kendo-menu-item-hover-text",
+            "scope": "default",
+            "line": {
+                "start": 182,
+                "end": 182
+            }
+        },
+        "group": [
+            "menu"
+        ],
+        "access": "public",
+        "file": {
+            "path": "menu/_variables.scss",
+            "name": "_variables.scss"
+        }
+    },
+    {
+        "description": "The border color of hovered Menu scroll buttons.\n",
         "commentRange": {
             "start": 183,
             "end": 184
         },
         "context": {
             "type": "variable",
-            "name": "kendo-menu-popup-sm-font-size",
-            "value": "var(--kendo-font-size)",
+            "name": "kendo-menu-scroll-button-hover-border",
+            "value": "null",
             "scope": "default",
             "line": {
                 "start": 185,
@@ -49325,15 +49378,15 @@
         }
     },
     {
-        "description": "The font size of the medium Menu popup.\n",
+        "description": "The background gradient of hovered Menu scroll buttons.\n",
         "commentRange": {
             "start": 186,
             "end": 187
         },
         "context": {
             "type": "variable",
-            "name": "kendo-menu-popup-md-font-size",
-            "value": "var(--kendo-font-size)",
+            "name": "kendo-menu-scroll-button-hover-gradient",
+            "value": "null",
             "scope": "default",
             "line": {
                 "start": 188,
@@ -49349,11 +49402,311 @@
             "name": "_variables.scss"
         }
     },
+    {
+        "description": "The horizontal padding of the Menu expand arrow icon.\n",
+        "commentRange": {
+            "start": 190,
+            "end": 191
+        },
+        "context": {
+            "type": "variable",
+            "name": "kendo-menu-icon-padding-x",
+            "value": "k-spacing(1)",
+            "scope": "default",
+            "line": {
+                "start": 192,
+                "end": 192
+            }
+        },
+        "group": [
+            "menu"
+        ],
+        "access": "public",
+        "file": {
+            "path": "menu/_variables.scss",
+            "name": "_variables.scss"
+        }
+    },
+    {
+        "description": "The vertical padding of the Menu expand arrow icon.\n",
+        "commentRange": {
+            "start": 193,
+            "end": 194
+        },
+        "context": {
+            "type": "variable",
+            "name": "kendo-menu-icon-padding-y",
+            "value": "k-spacing(1)",
+            "scope": "default",
+            "line": {
+                "start": 195,
+                "end": 195
+            }
+        },
+        "group": [
+            "menu"
+        ],
+        "access": "public",
+        "file": {
+            "path": "menu/_variables.scss",
+            "name": "_variables.scss"
+        }
+    },
+    {
+        "description": "The spacing used for the menu expand arrow negative offset.\n",
+        "commentRange": {
+            "start": 197,
+            "end": 198
+        },
+        "context": {
+            "type": "variable",
+            "name": "kendo-menu-expand-arrow-spacing",
+            "value": "k-spacing(2)",
+            "scope": "default",
+            "line": {
+                "start": 199,
+                "end": 199
+            }
+        },
+        "group": [
+            "menu"
+        ],
+        "access": "public",
+        "file": {
+            "path": "menu/_variables.scss",
+            "name": "_variables.scss"
+        }
+    },
+    {
+        "description": "The inline margin of the horizontal Menu separator.\n",
+        "commentRange": {
+            "start": 204,
+            "end": 205
+        },
+        "context": {
+            "type": "variable",
+            "name": "kendo-menu-separator-margin-inline",
+            "value": "k-spacing(2)",
+            "scope": "default",
+            "line": {
+                "start": 206,
+                "end": 206
+            }
+        },
+        "group": [
+            "menu"
+        ],
+        "access": "public",
+        "file": {
+            "path": "menu/_variables.scss",
+            "name": "_variables.scss"
+        }
+    },
+    {
+        "description": "The block margin of the horizontal Menu separator.\n",
+        "commentRange": {
+            "start": 207,
+            "end": 208
+        },
+        "context": {
+            "type": "variable",
+            "name": "kendo-menu-separator-margin-block",
+            "value": "k-spacing(1)",
+            "scope": "default",
+            "line": {
+                "start": 209,
+                "end": 209
+            }
+        },
+        "group": [
+            "menu"
+        ],
+        "access": "public",
+        "file": {
+            "path": "menu/_variables.scss",
+            "name": "_variables.scss"
+        }
+    },
+    {
+        "description": "The border color of Menu separator.\n",
+        "commentRange": {
+            "start": 210,
+            "end": 211
+        },
+        "context": {
+            "type": "variable",
+            "name": "kendo-menu-separator-border",
+            "value": "k-color(border)",
+            "scope": "default",
+            "line": {
+                "start": 212,
+                "end": 212
+            }
+        },
+        "group": [
+            "menu"
+        ],
+        "access": "public",
+        "file": {
+            "path": "menu/_variables.scss",
+            "name": "_variables.scss"
+        }
+    },
+    {
+        "description": "The horizontal padding of the Menu popup.\n",
+        "commentRange": {
+            "start": 217,
+            "end": 218
+        },
+        "context": {
+            "type": "variable",
+            "name": "kendo-menu-popup-padding-x",
+            "value": "k-spacing(1)",
+            "scope": "default",
+            "line": {
+                "start": 219,
+                "end": 219
+            }
+        },
+        "group": [
+            "menu"
+        ],
+        "access": "public",
+        "file": {
+            "path": "menu/_variables.scss",
+            "name": "_variables.scss"
+        }
+    },
+    {
+        "description": "The vertical padding of the Menu popup.\n",
+        "commentRange": {
+            "start": 221,
+            "end": 222
+        },
+        "context": {
+            "type": "variable",
+            "name": "kendo-menu-popup-padding-y",
+            "value": "k-spacing(1)",
+            "scope": "default",
+            "line": {
+                "start": 223,
+                "end": 223
+            }
+        },
+        "group": [
+            "menu"
+        ],
+        "access": "public",
+        "file": {
+            "path": "menu/_variables.scss",
+            "name": "_variables.scss"
+        }
+    },
+    {
+        "description": "The width of the border around the Menu popup.\n",
+        "commentRange": {
+            "start": 225,
+            "end": 226
+        },
+        "context": {
+            "type": "variable",
+            "name": "kendo-menu-popup-border-width",
+            "value": "$kendo-popup-border-width",
+            "scope": "default",
+            "line": {
+                "start": 227,
+                "end": 227
+            }
+        },
+        "group": [
+            "menu"
+        ],
+        "access": "public",
+        "file": {
+            "path": "menu/_variables.scss",
+            "name": "_variables.scss"
+        }
+    },
+    {
+        "description": "The border radius of the Menu popup.\n",
+        "commentRange": {
+            "start": 229,
+            "end": 230
+        },
+        "context": {
+            "type": "variable",
+            "name": "kendo-menu-popup-border-radius",
+            "value": "k-border-radius(xl)",
+            "scope": "default",
+            "line": {
+                "start": 231,
+                "end": 231
+            }
+        },
+        "group": [
+            "menu"
+        ],
+        "access": "public",
+        "file": {
+            "path": "menu/_variables.scss",
+            "name": "_variables.scss"
+        }
+    },
+    {
+        "description": "The font size of the small Menu popup.\n",
+        "commentRange": {
+            "start": 233,
+            "end": 234
+        },
+        "context": {
+            "type": "variable",
+            "name": "kendo-menu-popup-sm-font-size",
+            "value": "var(--kendo-font-size)",
+            "scope": "default",
+            "line": {
+                "start": 235,
+                "end": 235
+            }
+        },
+        "group": [
+            "menu"
+        ],
+        "access": "public",
+        "file": {
+            "path": "menu/_variables.scss",
+            "name": "_variables.scss"
+        }
+    },
+    {
+        "description": "The font size of the medium Menu popup.\n",
+        "commentRange": {
+            "start": 236,
+            "end": 237
+        },
+        "context": {
+            "type": "variable",
+            "name": "kendo-menu-popup-md-font-size",
+            "value": "var(--kendo-font-size)",
+            "scope": "default",
+            "line": {
+                "start": 238,
+                "end": 238
+            }
+        },
+        "group": [
+            "menu"
+        ],
+        "access": "public",
+        "file": {
+            "path": "menu/_variables.scss",
+            "name": "_variables.scss"
+        }
+    },
     {
         "description": "The font size of the large Menu popup.\n",
         "commentRange": {
-            "start": 189,
-            "end": 190
+            "start": 239,
+            "end": 240
         },
         "context": {
             "type": "variable",
@@ -49361,8 +49714,8 @@
             "value": "var(--kendo-font-size)",
             "scope": "default",
             "line": {
-                "start": 191,
-                "end": 191
+                "start": 241,
+                "end": 241
             }
         },
         "group": [
@@ -49377,8 +49730,8 @@
     {
         "description": "The line height of the small Menu popup.\n",
         "commentRange": {
-            "start": 193,
-            "end": 194
+            "start": 243,
+            "end": 244
         },
         "context": {
             "type": "variable",
@@ -49386,8 +49739,8 @@
             "value": "$kendo-menu-line-height",
             "scope": "default",
             "line": {
-                "start": 195,
-                "end": 195
+                "start": 245,
+                "end": 245
             }
         },
         "group": [
@@ -49402,8 +49755,8 @@
     {
         "description": "The line height of the medium Menu popup.\n",
         "commentRange": {
-            "start": 196,
-            "end": 197
+            "start": 246,
+            "end": 247
         },
         "context": {
             "type": "variable",
@@ -49411,8 +49764,8 @@
             "value": "$kendo-menu-line-height",
             "scope": "default",
             "line": {
-                "start": 198,
-                "end": 198
+                "start": 248,
+                "end": 248
             }
         },
         "group": [
@@ -49427,8 +49780,8 @@
     {
         "description": "The line height of the large Menu popup.\n",
         "commentRange": {
-            "start": 199,
-            "end": 200
+            "start": 249,
+            "end": 250
         },
         "context": {
             "type": "variable",
@@ -49436,8 +49789,8 @@
             "value": "$kendo-menu-line-height",
             "scope": "default",
             "line": {
-                "start": 201,
-                "end": 201
+                "start": 251,
+                "end": 251
             }
         },
         "group": [
@@ -49452,8 +49805,8 @@
     {
         "description": "The background color of the Menu popup.\n",
         "commentRange": {
-            "start": 203,
-            "end": 204
+            "start": 253,
+            "end": 254
         },
         "context": {
             "type": "variable",
@@ -49461,8 +49814,8 @@
             "value": "$kendo-popup-bg",
             "scope": "default",
             "line": {
-                "start": 205,
-                "end": 205
+                "start": 255,
+                "end": 255
             }
         },
         "group": [
@@ -49477,8 +49830,8 @@
     {
         "description": "The text color of the Menu popup.\n",
         "commentRange": {
-            "start": 206,
-            "end": 207
+            "start": 256,
+            "end": 257
         },
         "context": {
             "type": "variable",
@@ -49486,8 +49839,8 @@
             "value": "$kendo-popup-text",
             "scope": "default",
             "line": {
-                "start": 208,
-                "end": 208
+                "start": 258,
+                "end": 258
             }
         },
         "group": [
@@ -49502,8 +49855,8 @@
     {
         "description": "The border color of the Menu popup.\n",
         "commentRange": {
-            "start": 209,
-            "end": 210
+            "start": 259,
+            "end": 260
         },
         "context": {
             "type": "variable",
@@ -49511,8 +49864,8 @@
             "value": "$kendo-popup-border",
             "scope": "default",
             "line": {
-                "start": 211,
-                "end": 211
+                "start": 261,
+                "end": 261
             }
         },
         "group": [
@@ -49527,8 +49880,8 @@
     {
         "description": "The background gradient of the Menu popup.\n",
         "commentRange": {
-            "start": 212,
-            "end": 213
+            "start": 262,
+            "end": 263
         },
         "context": {
             "type": "variable",
@@ -49536,8 +49889,8 @@
             "value": "null",
             "scope": "default",
             "line": {
-                "start": 214,
-                "end": 214
+                "start": 264,
+                "end": 264
             }
         },
         "group": [
@@ -49552,8 +49905,8 @@
     {
         "description": "The horizontal padding of the small Menu popup item.\n",
         "commentRange": {
-            "start": 219,
-            "end": 220
+            "start": 269,
+            "end": 270
         },
         "context": {
             "type": "variable",
@@ -49561,8 +49914,8 @@
             "value": "$kendo-menu-item-padding-x",
             "scope": "default",
             "line": {
-                "start": 221,
-                "end": 221
+                "start": 271,
+                "end": 271
             }
         },
         "group": [
@@ -49577,8 +49930,8 @@
     {
         "description": "The horizontal padding of the medium Menu popup item.\n",
         "commentRange": {
-            "start": 222,
-            "end": 223
+            "start": 272,
+            "end": 273
         },
         "context": {
             "type": "variable",
@@ -49586,8 +49939,8 @@
             "value": "$kendo-menu-item-padding-x",
             "scope": "default",
             "line": {
-                "start": 224,
-                "end": 224
+                "start": 274,
+                "end": 274
             }
         },
         "group": [
@@ -49602,8 +49955,8 @@
     {
         "description": "The horizontal padding of the large Menu popup item.\n",
         "commentRange": {
-            "start": 225,
-            "end": 226
+            "start": 275,
+            "end": 276
         },
         "context": {
             "type": "variable",
@@ -49611,8 +49964,8 @@
             "value": "$kendo-menu-item-padding-x",
             "scope": "default",
             "line": {
-                "start": 227,
-                "end": 227
+                "start": 277,
+                "end": 277
             }
         },
         "group": [
@@ -49627,17 +49980,17 @@
     {
         "description": "The vertical padding of the small Menu popup item.\n",
         "commentRange": {
-            "start": 229,
-            "end": 230
+            "start": 279,
+            "end": 280
         },
         "context": {
             "type": "variable",
             "name": "kendo-menu-popup-sm-item-padding-y",
-            "value": "k-spacing(2)",
+            "value": "$kendo-list-sm-item-padding-y",
             "scope": "default",
             "line": {
-                "start": 231,
-                "end": 231
+                "start": 281,
+                "end": 281
             }
         },
         "group": [
@@ -49652,17 +50005,17 @@
     {
         "description": "The vertical padding of the medium Menu popup item.\n",
         "commentRange": {
-            "start": 232,
-            "end": 233
+            "start": 282,
+            "end": 283
         },
         "context": {
             "type": "variable",
             "name": "kendo-menu-popup-md-item-padding-y",
-            "value": "$kendo-menu-item-padding-y",
+            "value": "$kendo-list-md-item-padding-y",
             "scope": "default",
             "line": {
-                "start": 234,
-                "end": 234
+                "start": 284,
+                "end": 284
             }
         },
         "group": [
@@ -49677,17 +50030,17 @@
     {
         "description": "The vertical padding of the large Menu popup item.\n",
         "commentRange": {
-            "start": 235,
-            "end": 236
+            "start": 285,
+            "end": 286
         },
         "context": {
             "type": "variable",
             "name": "kendo-menu-popup-lg-item-padding-y",
-            "value": "k-spacing(4)",
+            "value": "$kendo-list-lg-item-padding-y",
             "scope": "default",
             "line": {
-                "start": 237,
-                "end": 237
+                "start": 287,
+                "end": 287
             }
         },
         "group": [
@@ -49702,8 +50055,8 @@
     {
         "description": "The end padding of the small Menu popup item.\n",
         "commentRange": {
-            "start": 239,
-            "end": 240
+            "start": 289,
+            "end": 290
         },
         "context": {
             "type": "variable",
@@ -49711,8 +50064,8 @@
             "value": "calc( #{$kendo-menu-popup-sm-item-padding-x} * 2 + #{$kendo-icon-size} )",
             "scope": "default",
             "line": {
-                "start": 241,
-                "end": 241
+                "start": 291,
+                "end": 291
             }
         },
         "group": [
@@ -49727,8 +50080,8 @@
     {
         "description": "The end padding of the medium Menu popup item.\n",
         "commentRange": {
-            "start": 242,
-            "end": 243
+            "start": 292,
+            "end": 293
         },
         "context": {
             "type": "variable",
@@ -49736,8 +50089,8 @@
             "value": "calc( #{$kendo-menu-popup-md-item-padding-x} * 2 + #{$kendo-icon-size} )",
             "scope": "default",
             "line": {
-                "start": 244,
-                "end": 244
+                "start": 294,
+                "end": 294
             }
         },
         "group": [
@@ -49752,8 +50105,8 @@
     {
         "description": "The end padding of the large Menu popup item.\n",
         "commentRange": {
-            "start": 245,
-            "end": 246
+            "start": 295,
+            "end": 296
         },
         "context": {
             "type": "variable",
@@ -49761,8 +50114,8 @@
             "value": "calc( #{$kendo-menu-popup-lg-item-padding-x} * 2 + #{$kendo-icon-size} )",
             "scope": "default",
             "line": {
-                "start": 247,
-                "end": 247
+                "start": 297,
+                "end": 297
             }
         },
         "group": [
@@ -49777,8 +50130,8 @@
     {
         "description": "The start margin of the small Menu popup item expand icon.\n",
         "commentRange": {
-            "start": 249,
-            "end": 250
+            "start": 299,
+            "end": 300
         },
         "context": {
             "type": "variable",
@@ -49786,8 +50139,8 @@
             "value": "$kendo-menu-popup-sm-item-padding-x",
             "scope": "default",
             "line": {
-                "start": 251,
-                "end": 251
+                "start": 301,
+                "end": 301
             }
         },
         "group": [
@@ -49802,8 +50155,8 @@
     {
         "description": "The start margin of the medium Menu popup item expand icon.\n",
         "commentRange": {
-            "start": 252,
-            "end": 253
+            "start": 302,
+            "end": 303
         },
         "context": {
             "type": "variable",
@@ -49811,8 +50164,8 @@
             "value": "$kendo-menu-popup-md-item-padding-x",
             "scope": "default",
             "line": {
-                "start": 254,
-                "end": 254
+                "start": 304,
+                "end": 304
             }
         },
         "group": [
@@ -49827,8 +50180,8 @@
     {
         "description": "The start margin of the large Menu popup item expand icon.\n",
         "commentRange": {
-            "start": 255,
-            "end": 256
+            "start": 305,
+            "end": 306
         },
         "context": {
             "type": "variable",
@@ -49836,8 +50189,8 @@
             "value": "$kendo-menu-popup-lg-item-padding-x",
             "scope": "default",
             "line": {
-                "start": 257,
-                "end": 257
+                "start": 307,
+                "end": 307
             }
         },
         "group": [
@@ -49852,8 +50205,8 @@
     {
         "description": "The end margin of the small Menu popup item expand icon.\n",
         "commentRange": {
-            "start": 259,
-            "end": 260
+            "start": 309,
+            "end": 310
         },
         "context": {
             "type": "variable",
@@ -49861,8 +50214,8 @@
             "value": "calc( -1 * (#{$kendo-menu-popup-sm-item-padding-end} - #{list.slash( $kendo-menu-popup-sm-item-padding-x, 2 )}) )",
             "scope": "default",
             "line": {
-                "start": 261,
-                "end": 261
+                "start": 311,
+                "end": 311
             }
         },
         "group": [
@@ -49877,8 +50230,8 @@
     {
         "description": "The end margin of the medium Menu popup item expand icon.\n",
         "commentRange": {
-            "start": 262,
-            "end": 263
+            "start": 312,
+            "end": 313
         },
         "context": {
             "type": "variable",
@@ -49886,8 +50239,8 @@
             "value": "calc( -1 * (#{$kendo-menu-popup-md-item-padding-end} - #{list.slash( $kendo-menu-popup-md-item-padding-x, 2 )}) )",
             "scope": "default",
             "line": {
-                "start": 264,
-                "end": 264
+                "start": 314,
+                "end": 314
             }
         },
         "group": [
@@ -49902,8 +50255,8 @@
     {
         "description": "The end margin of the large Menu popup item expand icon.\n",
         "commentRange": {
-            "start": 265,
-            "end": 266
+            "start": 315,
+            "end": 316
         },
         "context": {
             "type": "variable",
@@ -49911,8 +50264,8 @@
             "value": "calc( -1 * (#{$kendo-menu-popup-lg-item-padding-end} - #{list.slash( $kendo-menu-popup-lg-item-padding-x, 2 )}) )",
             "scope": "default",
             "line": {
-                "start": 267,
-                "end": 267
+                "start": 317,
+                "end": 317
             }
         },
         "group": [
@@ -49927,17 +50280,392 @@
     {
         "description": "The spacing between the Menu items in popup.\n",
         "commentRange": {
-            "start": 269,
-            "end": 270
+            "start": 319,
+            "end": 320
         },
         "context": {
             "type": "variable",
             "name": "kendo-menu-popup-item-spacing",
-            "value": "k-spacing(0)",
+            "value": "k-spacing(0.5)",
             "scope": "default",
             "line": {
-                "start": 271,
-                "end": 271
+                "start": 321,
+                "end": 321
+            }
+        },
+        "group": [
+            "menu"
+        ],
+        "access": "public",
+        "file": {
+            "path": "menu/_variables.scss",
+            "name": "_variables.scss"
+        }
+    },
+    {
+        "description": "The horizontal padding of the small Menu popup group header.\n",
+        "commentRange": {
+            "start": 323,
+            "end": 324
+        },
+        "context": {
+            "type": "variable",
+            "name": "kendo-menu-popup-sm-group-header-padding-x",
+            "value": "$kendo-list-sm-group-item-padding-x",
+            "scope": "default",
+            "line": {
+                "start": 325,
+                "end": 325
+            }
+        },
+        "group": [
+            "menu"
+        ],
+        "access": "public",
+        "file": {
+            "path": "menu/_variables.scss",
+            "name": "_variables.scss"
+        }
+    },
+    {
+        "description": "The horizontal padding of the medium Menu popup group header.\n",
+        "commentRange": {
+            "start": 326,
+            "end": 327
+        },
+        "context": {
+            "type": "variable",
+            "name": "kendo-menu-popup-md-group-header-padding-x",
+            "value": "$kendo-list-md-group-item-padding-x",
+            "scope": "default",
+            "line": {
+                "start": 328,
+                "end": 328
+            }
+        },
+        "group": [
+            "menu"
+        ],
+        "access": "public",
+        "file": {
+            "path": "menu/_variables.scss",
+            "name": "_variables.scss"
+        }
+    },
+    {
+        "description": "The horizontal padding of the large Menu popup group header.\n",
+        "commentRange": {
+            "start": 329,
+            "end": 330
+        },
+        "context": {
+            "type": "variable",
+            "name": "kendo-menu-popup-lg-group-header-padding-x",
+            "value": "$kendo-list-lg-group-item-padding-x",
+            "scope": "default",
+            "line": {
+                "start": 331,
+                "end": 331
+            }
+        },
+        "group": [
+            "menu"
+        ],
+        "access": "public",
+        "file": {
+            "path": "menu/_variables.scss",
+            "name": "_variables.scss"
+        }
+    },
+    {
+        "description": "The vertical padding of the small Menu popup group header.\n",
+        "commentRange": {
+            "start": 333,
+            "end": 334
+        },
+        "context": {
+            "type": "variable",
+            "name": "kendo-menu-popup-sm-group-header-padding-y",
+            "value": "$kendo-list-sm-group-item-padding-y",
+            "scope": "default",
+            "line": {
+                "start": 335,
+                "end": 335
+            }
+        },
+        "group": [
+            "menu"
+        ],
+        "access": "public",
+        "file": {
+            "path": "menu/_variables.scss",
+            "name": "_variables.scss"
+        }
+    },
+    {
+        "description": "The vertical padding of the medium Menu popup group header.\n",
+        "commentRange": {
+            "start": 336,
+            "end": 337
+        },
+        "context": {
+            "type": "variable",
+            "name": "kendo-menu-popup-md-group-header-padding-y",
+            "value": "$kendo-list-md-group-item-padding-y",
+            "scope": "default",
+            "line": {
+                "start": 338,
+                "end": 338
+            }
+        },
+        "group": [
+            "menu"
+        ],
+        "access": "public",
+        "file": {
+            "path": "menu/_variables.scss",
+            "name": "_variables.scss"
+        }
+    },
+    {
+        "description": "The vertical padding of the large Menu popup group header.\n",
+        "commentRange": {
+            "start": 339,
+            "end": 340
+        },
+        "context": {
+            "type": "variable",
+            "name": "kendo-menu-popup-lg-group-header-padding-y",
+            "value": "$kendo-list-lg-group-item-padding-y",
+            "scope": "default",
+            "line": {
+                "start": 341,
+                "end": 341
+            }
+        },
+        "group": [
+            "menu"
+        ],
+        "access": "public",
+        "file": {
+            "path": "menu/_variables.scss",
+            "name": "_variables.scss"
+        }
+    },
+    {
+        "description": "The font size of the small Menu popup group header.\n",
+        "commentRange": {
+            "start": 343,
+            "end": 344
+        },
+        "context": {
+            "type": "variable",
+            "name": "kendo-menu-popup-sm-group-header-font-size",
+            "value": "$kendo-list-item-group-label-sm-font-size",
+            "scope": "default",
+            "line": {
+                "start": 345,
+                "end": 345
+            }
+        },
+        "group": [
+            "menu"
+        ],
+        "access": "public",
+        "file": {
+            "path": "menu/_variables.scss",
+            "name": "_variables.scss"
+        }
+    },
+    {
+        "description": "The font size of the medium Menu popup group header.\n",
+        "commentRange": {
+            "start": 346,
+            "end": 347
+        },
+        "context": {
+            "type": "variable",
+            "name": "kendo-menu-popup-md-group-header-font-size",
+            "value": "$kendo-list-item-group-label-md-font-size",
+            "scope": "default",
+            "line": {
+                "start": 348,
+                "end": 348
+            }
+        },
+        "group": [
+            "menu"
+        ],
+        "access": "public",
+        "file": {
+            "path": "menu/_variables.scss",
+            "name": "_variables.scss"
+        }
+    },
+    {
+        "description": "The font size of the large Menu popup group header.\n",
+        "commentRange": {
+            "start": 349,
+            "end": 350
+        },
+        "context": {
+            "type": "variable",
+            "name": "kendo-menu-popup-lg-group-header-font-size",
+            "value": "$kendo-list-item-group-label-lg-font-size",
+            "scope": "default",
+            "line": {
+                "start": 351,
+                "end": 351
+            }
+        },
+        "group": [
+            "menu"
+        ],
+        "access": "public",
+        "file": {
+            "path": "menu/_variables.scss",
+            "name": "_variables.scss"
+        }
+    },
+    {
+        "description": "The line height of the small Menu popup group header.\n",
+        "commentRange": {
+            "start": 353,
+            "end": 354
+        },
+        "context": {
+            "type": "variable",
+            "name": "kendo-menu-popup-sm-group-header-line-height",
+            "value": "$kendo-menu-popup-sm-line-height",
+            "scope": "default",
+            "line": {
+                "start": 355,
+                "end": 355
+            }
+        },
+        "group": [
+            "menu"
+        ],
+        "access": "public",
+        "file": {
+            "path": "menu/_variables.scss",
+            "name": "_variables.scss"
+        }
+    },
+    {
+        "description": "The line height of the medium Menu popup group header.\n",
+        "commentRange": {
+            "start": 356,
+            "end": 357
+        },
+        "context": {
+            "type": "variable",
+            "name": "kendo-menu-popup-md-group-header-line-height",
+            "value": "$kendo-menu-popup-md-line-height",
+            "scope": "default",
+            "line": {
+                "start": 358,
+                "end": 358
+            }
+        },
+        "group": [
+            "menu"
+        ],
+        "access": "public",
+        "file": {
+            "path": "menu/_variables.scss",
+            "name": "_variables.scss"
+        }
+    },
+    {
+        "description": "The line height of the large Menu popup group header.\n",
+        "commentRange": {
+            "start": 359,
+            "end": 360
+        },
+        "context": {
+            "type": "variable",
+            "name": "kendo-menu-popup-lg-group-header-line-height",
+            "value": "$kendo-menu-popup-lg-line-height",
+            "scope": "default",
+            "line": {
+                "start": 361,
+                "end": 361
+            }
+        },
+        "group": [
+            "menu"
+        ],
+        "access": "public",
+        "file": {
+            "path": "menu/_variables.scss",
+            "name": "_variables.scss"
+        }
+    },
+    {
+        "description": "The font weight of the Menu popup group header.\n",
+        "commentRange": {
+            "start": 363,
+            "end": 364
+        },
+        "context": {
+            "type": "variable",
+            "name": "kendo-menu-popup-group-header-font-weight",
+            "value": "$kendo-list-group-item-font-weight",
+            "scope": "default",
+            "line": {
+                "start": 365,
+                "end": 365
+            }
+        },
+        "group": [
+            "menu"
+        ],
+        "access": "public",
+        "file": {
+            "path": "menu/_variables.scss",
+            "name": "_variables.scss"
+        }
+    },
+    {
+        "description": "The background color of the Menu popup group header.\n",
+        "commentRange": {
+            "start": 367,
+            "end": 368
+        },
+        "context": {
+            "type": "variable",
+            "name": "kendo-menu-popup-group-header-bg",
+            "value": "$kendo-list-group-item-bg",
+            "scope": "default",
+            "line": {
+                "start": 369,
+                "end": 369
+            }
+        },
+        "group": [
+            "menu"
+        ],
+        "access": "public",
+        "file": {
+            "path": "menu/_variables.scss",
+            "name": "_variables.scss"
+        }
+    },
+    {
+        "description": "The text color of the Menu popup group header.\n",
+        "commentRange": {
+            "start": 370,
+            "end": 371
+        },
+        "context": {
+            "type": "variable",
+            "name": "kendo-menu-popup-group-header-text",
+            "value": "$kendo-list-group-item-text",
+            "scope": "default",
+            "line": {
+                "start": 372,
+                "end": 372
             }
         },
         "group": [
@@ -49952,8 +50680,8 @@
     {
         "description": "The background color of the Menu item in popup.\n",
         "commentRange": {
-            "start": 273,
-            "end": 274
+            "start": 374,
+            "end": 375
         },
         "context": {
             "type": "variable",
@@ -49961,8 +50689,8 @@
             "value": "null",
             "scope": "default",
             "line": {
-                "start": 275,
-                "end": 275
+                "start": 376,
+                "end": 376
             }
         },
         "group": [
@@ -49977,8 +50705,8 @@
     {
         "description": "The text color of the Menu item in popup.\n",
         "commentRange": {
-            "start": 276,
-            "end": 277
+            "start": 377,
+            "end": 378
         },
         "context": {
             "type": "variable",
@@ -49986,8 +50714,8 @@
             "value": "null",
             "scope": "default",
             "line": {
-                "start": 278,
-                "end": 278
+                "start": 379,
+                "end": 379
             }
         },
         "group": [
@@ -50002,8 +50730,8 @@
     {
         "description": "The border color of the Menu item in popup.\n",
         "commentRange": {
-            "start": 279,
-            "end": 280
+            "start": 380,
+            "end": 381
         },
         "context": {
             "type": "variable",
@@ -50011,8 +50739,8 @@
             "value": "null",
             "scope": "default",
             "line": {
-                "start": 281,
-                "end": 281
+                "start": 382,
+                "end": 382
             }
         },
         "group": [
@@ -50027,8 +50755,8 @@
     {
         "description": "The background gradient of the Menu item in popup.\n",
         "commentRange": {
-            "start": 282,
-            "end": 283
+            "start": 383,
+            "end": 384
         },
         "context": {
             "type": "variable",
@@ -50036,8 +50764,8 @@
             "value": "null",
             "scope": "default",
             "line": {
-                "start": 284,
-                "end": 284
+                "start": 385,
+                "end": 385
             }
         },
         "group": [
@@ -50052,8 +50780,8 @@
     {
         "description": "The background color of hovered Menu item in popup.\n",
         "commentRange": {
-            "start": 286,
-            "end": 287
+            "start": 387,
+            "end": 388
         },
         "context": {
             "type": "variable",
@@ -50061,8 +50789,8 @@
             "value": "$kendo-menu-item-hover-bg",
             "scope": "default",
             "line": {
-                "start": 288,
-                "end": 288
+                "start": 389,
+                "end": 389
             }
         },
         "group": [
@@ -50077,8 +50805,8 @@
     {
         "description": "The text color of hovered Menu item in popup.\n",
         "commentRange": {
-            "start": 289,
-            "end": 290
+            "start": 390,
+            "end": 391
         },
         "context": {
             "type": "variable",
@@ -50086,8 +50814,8 @@
             "value": "inherit",
             "scope": "default",
             "line": {
-                "start": 291,
-                "end": 291
+                "start": 392,
+                "end": 392
             }
         },
         "group": [
@@ -50102,8 +50830,8 @@
     {
         "description": "The border color of hovered Menu item in popup.\n",
         "commentRange": {
-            "start": 292,
-            "end": 293
+            "start": 393,
+            "end": 394
         },
         "context": {
             "type": "variable",
@@ -50111,8 +50839,8 @@
             "value": "null",
             "scope": "default",
             "line": {
-                "start": 294,
-                "end": 294
+                "start": 395,
+                "end": 395
             }
         },
         "group": [
@@ -50127,8 +50855,8 @@
     {
         "description": "The background gradient of hovered Menu item in popup.\n",
         "commentRange": {
-            "start": 295,
-            "end": 296
+            "start": 396,
+            "end": 397
         },
         "context": {
             "type": "variable",
@@ -50136,8 +50864,8 @@
             "value": "null",
             "scope": "default",
             "line": {
-                "start": 297,
-                "end": 297
+                "start": 398,
+                "end": 398
             }
         },
         "group": [
@@ -50152,17 +50880,17 @@
     {
         "description": "The background color of active Menu item in popup.\n",
         "commentRange": {
-            "start": 299,
-            "end": 300
+            "start": 400,
+            "end": 401
         },
         "context": {
             "type": "variable",
             "name": "kendo-menu-popup-item-active-bg",
-            "value": "$kendo-menu-item-active-bg",
+            "value": "k-color(primary-subtle)",
             "scope": "default",
             "line": {
-                "start": 301,
-                "end": 301
+                "start": 402,
+                "end": 402
             }
         },
         "group": [
@@ -50177,17 +50905,17 @@
     {
         "description": "The text color of active Menu item in popup.\n",
         "commentRange": {
-            "start": 302,
-            "end": 303
+            "start": 403,
+            "end": 404
         },
         "context": {
             "type": "variable",
             "name": "kendo-menu-popup-item-active-text",
-            "value": "inherit",
+            "value": "k-color(base-on-subtle)",
             "scope": "default",
             "line": {
-                "start": 304,
-                "end": 304
+                "start": 405,
+                "end": 405
             }
         },
         "group": [
@@ -50202,8 +50930,8 @@
     {
         "description": "The border color of active Menu item in popup.\n",
         "commentRange": {
-            "start": 305,
-            "end": 306
+            "start": 406,
+            "end": 407
         },
         "context": {
             "type": "variable",
@@ -50211,8 +50939,8 @@
             "value": "null",
             "scope": "default",
             "line": {
-                "start": 307,
-                "end": 307
+                "start": 408,
+                "end": 408
             }
         },
         "group": [
@@ -50227,8 +50955,8 @@
     {
         "description": "The background gradient of active Menu item in popup.\n",
         "commentRange": {
-            "start": 308,
-            "end": 309
+            "start": 409,
+            "end": 410
         },
         "context": {
             "type": "variable",
@@ -50236,8 +50964,8 @@
             "value": "null",
             "scope": "default",
             "line": {
-                "start": 310,
-                "end": 310
+                "start": 411,
+                "end": 411
             }
         },
         "group": [
@@ -50252,8 +50980,8 @@
     {
         "description": "The base shadow of focused Menu item in popup.\n",
         "commentRange": {
-            "start": 312,
-            "end": 313
+            "start": 413,
+            "end": 414
         },
         "context": {
             "type": "variable",
@@ -50261,8 +50989,8 @@
             "value": "null",
             "scope": "default",
             "line": {
-                "start": 314,
-                "end": 314
+                "start": 415,
+                "end": 415
             }
         },
         "group": [
@@ -64787,7 +65515,7 @@
         "context": {
             "type": "variable",
             "name": "kendo-scheduler-resize-handle-size",
-            "value": "8px",
+            "value": "12px",
             "scope": "default",
             "line": {
                 "start": 161,
@@ -64804,15 +65532,15 @@
         }
     },
     {
-        "description": "The border radius of the Scheduler resize handle.\n",
+        "description": "The thickness of the Scheduler resize handle visual indicator.\n",
         "commentRange": {
             "start": 162,
             "end": 163
         },
         "context": {
             "type": "variable",
-            "name": "kendo-scheduler-resize-handle-border-radius",
-            "value": "k-border-radius(full)",
+            "name": "kendo-scheduler-resize-handle-thickness",
+            "value": "1px",
             "scope": "default",
             "line": {
                 "start": 164,
@@ -64829,15 +65557,15 @@
         }
     },
     {
-        "description": "The border width of the Scheduler resize handle.\n",
+        "description": "The border radius of the Scheduler resize handle.\n",
         "commentRange": {
             "start": 165,
             "end": 166
         },
         "context": {
             "type": "variable",
-            "name": "kendo-scheduler-resize-handle-border-width",
-            "value": "2px",
+            "name": "kendo-scheduler-resize-handle-border-radius",
+            "value": "k-border-radius(full)",
             "scope": "default",
             "line": {
                 "start": 167,
@@ -64854,15 +65582,15 @@
         }
     },
     {
-        "description": "The background color of the Scheduler resize handle.\n",
+        "description": "The border width of the Scheduler resize handle.\n",
         "commentRange": {
             "start": 168,
             "end": 169
         },
         "context": {
             "type": "variable",
-            "name": "kendo-scheduler-resize-handle-bg",
-            "value": "$kendo-scheduler-event-bg",
+            "name": "kendo-scheduler-resize-handle-border-width",
+            "value": "0",
             "scope": "default",
             "line": {
                 "start": 170,
@@ -64879,19 +65607,19 @@
         }
     },
     {
-        "description": "The horizontal padding of the Scheduler cell.\n",
+        "description": "The background color of the Scheduler resize handle.\n",
         "commentRange": {
-            "start": 172,
-            "end": 173
+            "start": 171,
+            "end": 172
         },
         "context": {
             "type": "variable",
-            "name": "kendo-scheduler-cell-padding-x",
-            "value": "k-spacing(3)",
+            "name": "kendo-scheduler-resize-handle-bg",
+            "value": "k-color(primary-subtle)",
             "scope": "default",
             "line": {
-                "start": 174,
-                "end": 174
+                "start": 173,
+                "end": 173
             }
         },
         "group": [
@@ -64904,14 +65632,14 @@
         }
     },
     {
-        "description": "The vertical padding of the Scheduler cell.\n",
+        "description": "The horizontal padding of the Scheduler cell.\n",
         "commentRange": {
             "start": 175,
             "end": 176
         },
         "context": {
             "type": "variable",
-            "name": "kendo-scheduler-cell-padding-y",
+            "name": "kendo-scheduler-cell-padding-x",
             "value": "k-spacing(3)",
             "scope": "default",
             "line": {
@@ -64929,15 +65657,15 @@
         }
     },
     {
-        "description": "The height of the Scheduler cell.\n",
+        "description": "The vertical padding of the Scheduler cell.\n",
         "commentRange": {
             "start": 178,
             "end": 179
         },
         "context": {
             "type": "variable",
-            "name": "kendo-scheduler-cell-height",
-            "value": "calc( var(--kendo-line-height) * 1rem)",
+            "name": "kendo-scheduler-cell-padding-y",
+            "value": "k-spacing(3)",
             "scope": "default",
             "line": {
                 "start": 180,
@@ -64954,15 +65682,15 @@
         }
     },
     {
-        "description": "The width of the Scheduler date column.\n",
+        "description": "The height of the Scheduler cell.\n",
         "commentRange": {
             "start": 181,
             "end": 182
         },
         "context": {
             "type": "variable",
-            "name": "kendo-scheduler-datecolumn-width",
-            "value": "12rem",
+            "name": "kendo-scheduler-cell-height",
+            "value": "calc( var(--kendo-line-height) * 1rem)",
             "scope": "default",
             "line": {
                 "start": 183,
@@ -64978,11 +65706,36 @@
             "name": "_variables.scss"
         }
     },
+    {
+        "description": "The width of the Scheduler date column.\n",
+        "commentRange": {
+            "start": 184,
+            "end": 185
+        },
+        "context": {
+            "type": "variable",
+            "name": "kendo-scheduler-datecolumn-width",
+            "value": "12rem",
+            "scope": "default",
+            "line": {
+                "start": 186,
+                "end": 186
+            }
+        },
+        "group": [
+            "scheduler"
+        ],
+        "access": "public",
+        "file": {
+            "path": "scheduler/_variables.scss",
+            "name": "_variables.scss"
+        }
+    },
     {
         "description": "The width of the Scheduler time column.\n",
         "commentRange": {
-            "start": 185,
-            "end": 186
+            "start": 188,
+            "end": 189
         },
         "context": {
             "type": "variable",
@@ -64990,8 +65743,8 @@
             "value": "11rem",
             "scope": "default",
             "line": {
-                "start": 187,
-                "end": 187
+                "start": 190,
+                "end": 190
             }
         },
         "group": [
@@ -65006,8 +65759,8 @@
     {
         "description": "The background color of the non-working hours in the Scheduler.\n",
         "commentRange": {
-            "start": 189,
-            "end": 190
+            "start": 192,
+            "end": 193
         },
         "context": {
             "type": "variable",
@@ -65015,8 +65768,8 @@
             "value": "k-color(surface)",
             "scope": "default",
             "line": {
-                "start": 191,
-                "end": 191
+                "start": 194,
+                "end": 194
             }
         },
         "group": [
@@ -65031,8 +65784,8 @@
     {
         "description": "The text color of the non-working hours in the Scheduler.\n",
         "commentRange": {
-            "start": 192,
-            "end": 193
+            "start": 195,
+            "end": 196
         },
         "context": {
             "type": "variable",
@@ -65040,8 +65793,8 @@
             "value": "null",
             "scope": "default",
             "line": {
-                "start": 194,
-                "end": 194
+                "start": 197,
+                "end": 197
             }
         },
         "group": [
@@ -65056,8 +65809,8 @@
     {
         "description": "The background color of the preceding/subsequent month cells in the Calendar.\n",
         "commentRange": {
-            "start": 196,
-            "end": 197
+            "start": 199,
+            "end": 200
         },
         "context": {
             "type": "variable",
@@ -65065,8 +65818,8 @@
             "value": "k-color(surface)",
             "scope": "default",
             "line": {
-                "start": 198,
-                "end": 198
+                "start": 201,
+                "end": 201
             }
         },
         "group": [
@@ -65081,8 +65834,8 @@
     {
         "description": "The text color of the preceding/subsequent month cells in the Calendar.\n",
         "commentRange": {
-            "start": 199,
-            "end": 200
+            "start": 202,
+            "end": 203
         },
         "context": {
             "type": "variable",
@@ -65090,8 +65843,8 @@
             "value": "null",
             "scope": "default",
             "line": {
-                "start": 201,
-                "end": 201
+                "start": 204,
+                "end": 204
             }
         },
         "group": [
@@ -65106,8 +65859,8 @@
     {
         "description": "The horizontal padding of the year view in the Scheduler.\n",
         "commentRange": {
-            "start": 203,
-            "end": 204
+            "start": 206,
+            "end": 207
         },
         "context": {
             "type": "variable",
@@ -65115,8 +65868,8 @@
             "value": "k-spacing(5)",
             "scope": "default",
             "line": {
-                "start": 205,
-                "end": 205
+                "start": 208,
+                "end": 208
             }
         },
         "group": [
@@ -65131,8 +65884,8 @@
     {
         "description": "The vertical padding of the year view in the Scheduler.\n",
         "commentRange": {
-            "start": 206,
-            "end": 207
+            "start": 209,
+            "end": 210
         },
         "context": {
             "type": "variable",
@@ -65140,8 +65893,8 @@
             "value": "$kendo-scheduler-yearview-padding-x",
             "scope": "default",
             "line": {
-                "start": 208,
-                "end": 208
+                "start": 211,
+                "end": 211
             }
         },
         "group": [
@@ -65156,8 +65909,8 @@
     {
         "description": "The spacing between the calendars of the year view in the Scheduler.\n",
         "commentRange": {
-            "start": 210,
-            "end": 211
+            "start": 213,
+            "end": 214
         },
         "context": {
             "type": "variable",
@@ -65165,8 +65918,8 @@
             "value": "k-spacing(5)",
             "scope": "default",
             "line": {
-                "start": 212,
-                "end": 212
+                "start": 215,
+                "end": 215
             }
         },
         "group": [
@@ -65181,8 +65934,8 @@
     {
         "description": "The days with events indicator size of the year view in the Scheduler.\n",
         "commentRange": {
-            "start": 214,
-            "end": 215
+            "start": 217,
+            "end": 218
         },
         "context": {
             "type": "variable",
@@ -65190,8 +65943,8 @@
             "value": "3px",
             "scope": "default",
             "line": {
-                "start": 216,
-                "end": 216
+                "start": 219,
+                "end": 219
             }
         },
         "group": [
@@ -65206,8 +65959,8 @@
     {
         "description": "The top position of the days with events indicator of the year view in the Scheduler.\n",
         "commentRange": {
-            "start": 217,
-            "end": 218
+            "start": 220,
+            "end": 221
         },
         "context": {
             "type": "variable",
@@ -65215,8 +65968,8 @@
             "value": "calc( #{$kendo-calendar-cell-size} - (#{$kendo-calendar-cell-padding-y} * 2))",
             "scope": "default",
             "line": {
-                "start": 219,
-                "end": 219
+                "start": 222,
+                "end": 222
             }
         },
         "group": [
@@ -65231,8 +65984,8 @@
     {
         "description": "The left position of the days with events indicator of the year view in the Scheduler.\n",
         "commentRange": {
-            "start": 220,
-            "end": 221
+            "start": 223,
+            "end": 224
         },
         "context": {
             "type": "variable",
@@ -65240,8 +65993,8 @@
             "value": "calc( 50% - #{math.div( $kendo-scheduler-yearview-indicator-size, 2 )} )",
             "scope": "default",
             "line": {
-                "start": 222,
-                "end": 222
+                "start": 225,
+                "end": 225
             }
         },
         "group": [
@@ -65256,8 +66009,8 @@
     {
         "description": "The border radius of the days with events indicator of the year view in the Scheduler.\n",
         "commentRange": {
-            "start": 223,
-            "end": 224
+            "start": 226,
+            "end": 227
         },
         "context": {
             "type": "variable",
@@ -65265,8 +66018,8 @@
             "value": "50%",
             "scope": "default",
             "line": {
-                "start": 225,
-                "end": 225
+                "start": 228,
+                "end": 228
             }
         },
         "group": [
@@ -65281,8 +66034,8 @@
     {
         "description": "The background color of the days with events indicator of the year view in the Scheduler.\n",
         "commentRange": {
-            "start": 226,
-            "end": 227
+            "start": 229,
+            "end": 230
         },
         "context": {
             "type": "variable",
@@ -65290,8 +66043,8 @@
             "value": "k-color(primary)",
             "scope": "default",
             "line": {
-                "start": 228,
-                "end": 228
+                "start": 231,
+                "end": 231
             }
         },
         "group": [
@@ -65306,8 +66059,8 @@
     {
         "description": "The background color of the selected days with events indicator of the year view in the Scheduler.\n",
         "commentRange": {
-            "start": 229,
-            "end": 230
+            "start": 232,
+            "end": 233
         },
         "context": {
             "type": "variable",
@@ -65315,8 +66068,8 @@
             "value": "k-color(on-primary)",
             "scope": "default",
             "line": {
-                "start": 231,
-                "end": 231
+                "start": 234,
+                "end": 234
             }
         },
         "group": [
@@ -65331,8 +66084,8 @@
     {
         "description": "The font size of the month inside the Scheduler Tooltip.\n",
         "commentRange": {
-            "start": 233,
-            "end": 234
+            "start": 236,
+            "end": 237
         },
         "context": {
             "type": "variable",
@@ -65340,8 +66093,8 @@
             "value": "var(--kendo-font-size-sm)",
             "scope": "default",
             "line": {
-                "start": 235,
-                "end": 235
+                "start": 238,
+                "end": 238
             }
         },
         "group": [
@@ -65356,8 +66109,8 @@
     {
         "description": "The font size of the day inside the Scheduler Tooltip.\n",
         "commentRange": {
-            "start": 236,
-            "end": 237
+            "start": 239,
+            "end": 240
         },
         "context": {
             "type": "variable",
@@ -65365,8 +66118,8 @@
             "value": "calc( var(--kendo-font-size-sm) * 2 )",
             "scope": "default",
             "line": {
-                "start": 238,
-                "end": 238
+                "start": 241,
+                "end": 241
             }
         },
         "group": [
@@ -65381,8 +66134,8 @@
     {
         "description": "The max height of the events inside the Scheduler Tooltip.\n",
         "commentRange": {
-            "start": 240,
-            "end": 241
+            "start": 243,
+            "end": 244
         },
         "context": {
             "type": "variable",
@@ -65390,8 +66143,8 @@
             "value": "250px",
             "scope": "default",
             "line": {
-                "start": 242,
-                "end": 242
+                "start": 245,
+                "end": 245
             }
         },
         "group": [
@@ -65406,8 +66159,8 @@
     {
         "description": "The spacing between the events inside the Scheduler Tooltip.\n",
         "commentRange": {
-            "start": 243,
-            "end": 244
+            "start": 246,
+            "end": 247
         },
         "context": {
             "type": "variable",
@@ -65415,8 +66168,8 @@
             "value": "k-spacing(1.5)",
             "scope": "default",
             "line": {
-                "start": 245,
-                "end": 245
+                "start": 248,
+                "end": 248
             }
         },
         "group": [
@@ -65431,8 +66184,8 @@
     {
         "description": "The minimum height of the events inside the Scheduler Tooltip.\n",
         "commentRange": {
-            "start": 247,
-            "end": 248
+            "start": 250,
+            "end": 251
         },
         "context": {
             "type": "variable",
@@ -65440,8 +66193,8 @@
             "value": "25px",
             "scope": "default",
             "line": {
-                "start": 249,
-                "end": 249
+                "start": 252,
+                "end": 252
             }
         },
         "group": [
@@ -65456,8 +66209,8 @@
     {
         "description": "The horizontal padding of the events inside the Scheduler Tooltip.\n",
         "commentRange": {
-            "start": 250,
-            "end": 251
+            "start": 253,
+            "end": 254
         },
         "context": {
             "type": "variable",
@@ -65465,8 +66218,8 @@
             "value": "k-spacing(2)",
             "scope": "default",
             "line": {
-                "start": 252,
-                "end": 252
+                "start": 255,
+                "end": 255
             }
         },
         "group": [
@@ -65481,8 +66234,8 @@
     {
         "description": "The vertical padding of the events inside the Scheduler Tooltip.\n",
         "commentRange": {
-            "start": 253,
-            "end": 254
+            "start": 256,
+            "end": 257
         },
         "context": {
             "type": "variable",
@@ -65490,8 +66243,8 @@
             "value": "null",
             "scope": "default",
             "line": {
-                "start": 255,
-                "end": 255
+                "start": 258,
+                "end": 258
             }
         },
         "group": [
@@ -65506,8 +66259,8 @@
     {
         "description": "The border radius of the events inside the Scheduler Tooltip.\n",
         "commentRange": {
-            "start": 256,
-            "end": 257
+            "start": 259,
+            "end": 260
         },
         "context": {
             "type": "variable",
@@ -65515,8 +66268,8 @@
             "value": "k-border-radius(md)",
             "scope": "default",
             "line": {
-                "start": 258,
-                "end": 258
+                "start": 261,
+                "end": 261
             }
         },
         "group": [
@@ -65531,8 +66284,8 @@
     {
         "description": "The spacing between the events items inside the Scheduler Tooltip.\n",
         "commentRange": {
-            "start": 259,
-            "end": 260
+            "start": 262,
+            "end": 263
         },
         "context": {
             "type": "variable",
@@ -65540,8 +66293,8 @@
             "value": "k-spacing(1.5)",
             "scope": "default",
             "line": {
-                "start": 261,
-                "end": 261
+                "start": 264,
+                "end": 264
             }
         },
         "group": [
@@ -65556,8 +66309,8 @@
     {
         "description": "The horizontal padding of the Scheduler event template.\n",
         "commentRange": {
-            "start": 263,
-            "end": 264
+            "start": 266,
+            "end": 267
         },
         "context": {
             "type": "variable",
@@ -65565,8 +66318,8 @@
             "value": "k-spacing(2)",
             "scope": "default",
             "line": {
-                "start": 265,
-                "end": 265
+                "start": 268,
+                "end": 268
             }
         },
         "group": [
@@ -65581,8 +66334,8 @@
     {
         "description": "The vertical padding of the Scheduler event template.\n",
         "commentRange": {
-            "start": 266,
-            "end": 267
+            "start": 269,
+            "end": 270
         },
         "context": {
             "type": "variable",
@@ -65590,8 +66343,8 @@
             "value": "k-spacing(1)",
             "scope": "default",
             "line": {
-                "start": 268,
-                "end": 268
+                "start": 271,
+                "end": 271
             }
         },
         "group": [
@@ -65606,8 +66359,8 @@
     {
         "description": "The inline inset of the Scheduler marquee labels.\n",
         "commentRange": {
-            "start": 270,
-            "end": 271
+            "start": 273,
+            "end": 274
         },
         "context": {
             "type": "variable",
@@ -65615,8 +66368,8 @@
             "value": "k-spacing(2)",
             "scope": "default",
             "line": {
-                "start": 272,
-                "end": 272
+                "start": 275,
+                "end": 275
             }
         },
         "group": [
@@ -65631,8 +66384,8 @@
     {
         "description": "The block inset of the Scheduler marquee labels.\n",
         "commentRange": {
-            "start": 273,
-            "end": 274
+            "start": 276,
+            "end": 277
         },
         "context": {
             "type": "variable",
@@ -65640,8 +66393,8 @@
             "value": "k-spacing(0.5)",
             "scope": "default",
             "line": {
-                "start": 275,
-                "end": 275
+                "start": 278,
+                "end": 278
             }
         },
         "group": [
@@ -65656,8 +66409,8 @@
     {
         "description": "The spacing between icon and text in Scheduler navigation items.\n",
         "commentRange": {
-            "start": 277,
-            "end": 278
+            "start": 280,
+            "end": 281
         },
         "context": {
             "type": "variable",
@@ -65665,8 +66418,8 @@
             "value": "k-spacing(2)",
             "scope": "default",
             "line": {
-                "start": 279,
-                "end": 279
+                "start": 282,
+                "end": 282
             }
         },
         "group": [
@@ -65681,8 +66434,8 @@
     {
         "description": "The background color of the Scheduler header.\n",
         "commentRange": {
-            "start": 281,
-            "end": 282
+            "start": 284,
+            "end": 285
         },
         "context": {
             "type": "variable",
@@ -65690,8 +66443,8 @@
             "value": "k-color(app-surface)",
             "scope": "default",
             "line": {
-                "start": 283,
-                "end": 283
+                "start": 286,
+                "end": 286
             }
         },
         "group": [
@@ -66432,15 +67185,15 @@
         }
     },
     {
-        "description": "The horizontal padding of the Segmented Control.\n",
+        "description": "The default roundness of the Segmented Control.\n",
         "commentRange": {
-            "start": 11,
+            "start": 10,
             "end": 12
         },
         "context": {
             "type": "variable",
-            "name": "kendo-segmented-control-padding-x",
-            "value": "0px",
+            "name": "kendo-segmented-control-default-roundness",
+            "value": "\"full\"",
             "scope": "default",
             "line": {
                 "start": 13,
@@ -66450,6 +67203,34 @@
         "group": [
             "segmented-control"
         ],
+        "role": [
+            "default"
+        ],
+        "access": "public",
+        "file": {
+            "path": "segmented-control/_variables.scss",
+            "name": "_variables.scss"
+        }
+    },
+    {
+        "description": "The horizontal padding of the Segmented Control.\n",
+        "commentRange": {
+            "start": 15,
+            "end": 16
+        },
+        "context": {
+            "type": "variable",
+            "name": "kendo-segmented-control-padding-x",
+            "value": "0px",
+            "scope": "default",
+            "line": {
+                "start": 17,
+                "end": 17
+            }
+        },
+        "group": [
+            "segmented-control"
+        ],
         "access": "public",
         "file": {
             "path": "segmented-control/_variables.scss",
@@ -66459,8 +67240,8 @@
     {
         "description": "The vertical padding of the Segmented Control.\n",
         "commentRange": {
-            "start": 14,
-            "end": 15
+            "start": 18,
+            "end": 19
         },
         "context": {
             "type": "variable",
@@ -66468,8 +67249,8 @@
             "value": "0px",
             "scope": "default",
             "line": {
-                "start": 16,
-                "end": 16
+                "start": 20,
+                "end": 20
             }
         },
         "group": [
@@ -66484,8 +67265,8 @@
     {
         "description": "The border radius of the Segmented Control.\n",
         "commentRange": {
-            "start": 17,
-            "end": 18
+            "start": 21,
+            "end": 22
         },
         "context": {
             "type": "variable",
@@ -66493,8 +67274,8 @@
             "value": "k-border-radius(full)",
             "scope": "default",
             "line": {
-                "start": 19,
-                "end": 19
+                "start": 23,
+                "end": 23
             }
         },
         "group": [
@@ -66509,8 +67290,8 @@
     {
         "description": "The background color of the Segmented Control.\n",
         "commentRange": {
-            "start": 21,
-            "end": 22
+            "start": 25,
+            "end": 26
         },
         "context": {
             "type": "variable",
@@ -66518,8 +67299,8 @@
             "value": "color-mix(in srgb, k-color(surface), currentColor 8%)",
             "scope": "default",
             "line": {
-                "start": 23,
-                "end": 23
+                "start": 27,
+                "end": 27
             }
         },
         "group": [
@@ -66534,8 +67315,8 @@
     {
         "description": "The text color of the Segmented Control.\n",
         "commentRange": {
-            "start": 24,
-            "end": 25
+            "start": 28,
+            "end": 29
         },
         "context": {
             "type": "variable",
@@ -66543,8 +67324,8 @@
             "value": "k-color(on-base)",
             "scope": "default",
             "line": {
-                "start": 26,
-                "end": 26
+                "start": 30,
+                "end": 30
             }
         },
         "group": [
@@ -66559,8 +67340,8 @@
     {
         "description": "The font size of the small Segmented Control.\n",
         "commentRange": {
-            "start": 28,
-            "end": 29
+            "start": 32,
+            "end": 33
         },
         "context": {
             "type": "variable",
@@ -66568,8 +67349,8 @@
             "value": "var(--kendo-font-size)",
             "scope": "default",
             "line": {
-                "start": 30,
-                "end": 30
+                "start": 34,
+                "end": 34
             }
         },
         "group": [
@@ -66584,8 +67365,8 @@
     {
         "description": "The font size of the medium Segmented Control.\n",
         "commentRange": {
-            "start": 31,
-            "end": 32
+            "start": 35,
+            "end": 36
         },
         "context": {
             "type": "variable",
@@ -66593,8 +67374,8 @@
             "value": "var(--kendo-font-size)",
             "scope": "default",
             "line": {
-                "start": 33,
-                "end": 33
+                "start": 37,
+                "end": 37
             }
         },
         "group": [
@@ -66609,8 +67390,8 @@
     {
         "description": "The font size of the large Segmented Control.\n",
         "commentRange": {
-            "start": 34,
-            "end": 35
+            "start": 38,
+            "end": 39
         },
         "context": {
             "type": "variable",
@@ -66618,8 +67399,8 @@
             "value": "var(--kendo-font-size-lg)",
             "scope": "default",
             "line": {
-                "start": 36,
-                "end": 36
+                "start": 40,
+                "end": 40
             }
         },
         "group": [
@@ -66634,8 +67415,8 @@
     {
         "description": "The font family of the Segmented Control.\n",
         "commentRange": {
-            "start": 38,
-            "end": 39
+            "start": 42,
+            "end": 43
         },
         "context": {
             "type": "variable",
@@ -66643,8 +67424,8 @@
             "value": "var(--kendo-font-family)",
             "scope": "default",
             "line": {
-                "start": 40,
-                "end": 40
+                "start": 44,
+                "end": 44
             }
         },
         "group": [
@@ -66659,8 +67440,8 @@
     {
         "description": "The line height of the small Segmented Control.\n",
         "commentRange": {
-            "start": 42,
-            "end": 43
+            "start": 46,
+            "end": 47
         },
         "context": {
             "type": "variable",
@@ -66668,8 +67449,8 @@
             "value": "var(--kendo-line-height)",
             "scope": "default",
             "line": {
-                "start": 44,
-                "end": 44
+                "start": 48,
+                "end": 48
             }
         },
         "group": [
@@ -66684,8 +67465,8 @@
     {
         "description": "The line height of the medium Segmented Control.\n",
         "commentRange": {
-            "start": 45,
-            "end": 46
+            "start": 49,
+            "end": 50
         },
         "context": {
             "type": "variable",
@@ -66693,8 +67474,8 @@
             "value": "var(--kendo-line-height)",
             "scope": "default",
             "line": {
-                "start": 47,
-                "end": 47
+                "start": 51,
+                "end": 51
             }
         },
         "group": [
@@ -66709,8 +67490,8 @@
     {
         "description": "The line height of the large Segmented Control.\n",
         "commentRange": {
-            "start": 48,
-            "end": 49
+            "start": 52,
+            "end": 53
         },
         "context": {
             "type": "variable",
@@ -66718,8 +67499,8 @@
             "value": "var(--kendo-line-height-lg)",
             "scope": "default",
             "line": {
-                "start": 50,
-                "end": 50
+                "start": 54,
+                "end": 54
             }
         },
         "group": [
@@ -66734,8 +67515,8 @@
     {
         "description": "The border radius of the Segmented Control thumb.\n",
         "commentRange": {
-            "start": 52,
-            "end": 53
+            "start": 56,
+            "end": 57
         },
         "context": {
             "type": "variable",
@@ -66743,8 +67524,8 @@
             "value": "$kendo-segmented-control-border-radius",
             "scope": "default",
             "line": {
-                "start": 54,
-                "end": 54
+                "start": 58,
+                "end": 58
             }
         },
         "group": [
@@ -66759,8 +67540,8 @@
     {
         "description": "The box shadow of the Segmented Control thumb.\n",
         "commentRange": {
-            "start": 55,
-            "end": 56
+            "start": 59,
+            "end": 60
         },
         "context": {
             "type": "variable",
@@ -66768,8 +67549,8 @@
             "value": "none",
             "scope": "default",
             "line": {
-                "start": 57,
-                "end": 57
+                "start": 61,
+                "end": 61
             }
         },
         "group": [
@@ -66784,8 +67565,8 @@
     {
         "description": "The background of the Segmented Control thumb.\n",
         "commentRange": {
-            "start": 58,
-            "end": 59
+            "start": 62,
+            "end": 63
         },
         "context": {
             "type": "variable",
@@ -66793,8 +67574,8 @@
             "value": "k-color(primary-subtle-active)",
             "scope": "default",
             "line": {
-                "start": 60,
-                "end": 60
+                "start": 64,
+                "end": 64
             }
         },
         "group": [
@@ -66809,8 +67590,8 @@
     {
         "description": "The text color of the Segmented Control thumb.\n",
         "commentRange": {
-            "start": 61,
-            "end": 62
+            "start": 65,
+            "end": 66
         },
         "context": {
             "type": "variable",
@@ -66818,8 +67599,8 @@
             "value": "$kendo-segmented-control-text",
             "scope": "default",
             "line": {
-                "start": 63,
-                "end": 63
+                "start": 67,
+                "end": 67
             }
         },
         "group": [
@@ -66834,8 +67615,8 @@
     {
         "description": "The horizontal padding of the small Segmented Control button.\n",
         "commentRange": {
-            "start": 65,
-            "end": 66
+            "start": 69,
+            "end": 70
         },
         "context": {
             "type": "variable",
@@ -66843,8 +67624,8 @@
             "value": "k-spacing(3)",
             "scope": "default",
             "line": {
-                "start": 67,
-                "end": 67
+                "start": 71,
+                "end": 71
             }
         },
         "group": [
@@ -66859,8 +67640,8 @@
     {
         "description": "The horizontal padding of the medium Segmented Control button.\n",
         "commentRange": {
-            "start": 68,
-            "end": 69
+            "start": 72,
+            "end": 73
         },
         "context": {
             "type": "variable",
@@ -66868,8 +67649,8 @@
             "value": "k-spacing(3)",
             "scope": "default",
             "line": {
-                "start": 70,
-                "end": 70
+                "start": 74,
+                "end": 74
             }
         },
         "group": [
@@ -66884,8 +67665,8 @@
     {
         "description": "The horizontal padding of the large Segmented Control button.\n",
         "commentRange": {
-            "start": 71,
-            "end": 72
+            "start": 75,
+            "end": 76
         },
         "context": {
             "type": "variable",
@@ -66893,8 +67674,8 @@
             "value": "k-spacing(3)",
             "scope": "default",
             "line": {
-                "start": 73,
-                "end": 73
+                "start": 77,
+                "end": 77
             }
         },
         "group": [
@@ -66909,8 +67690,8 @@
     {
         "description": "The vertical padding of the small Segmented Control button.\n",
         "commentRange": {
-            "start": 75,
-            "end": 76
+            "start": 79,
+            "end": 80
         },
         "context": {
             "type": "variable",
@@ -66918,8 +67699,8 @@
             "value": "k-spacing(2)",
             "scope": "default",
             "line": {
-                "start": 77,
-                "end": 77
+                "start": 81,
+                "end": 81
             }
         },
         "group": [
@@ -66934,8 +67715,8 @@
     {
         "description": "The vertical padding of the medium Segmented Control button.\n",
         "commentRange": {
-            "start": 78,
-            "end": 79
+            "start": 82,
+            "end": 83
         },
         "context": {
             "type": "variable",
@@ -66943,8 +67724,8 @@
             "value": "k-spacing(2.5)",
             "scope": "default",
             "line": {
-                "start": 80,
-                "end": 80
+                "start": 84,
+                "end": 84
             }
         },
         "group": [
@@ -66959,8 +67740,8 @@
     {
         "description": "The vertical padding of the large Segmented Control button.\n",
         "commentRange": {
-            "start": 81,
-            "end": 82
+            "start": 85,
+            "end": 86
         },
         "context": {
             "type": "variable",
@@ -66968,8 +67749,8 @@
             "value": "k-spacing(2.5)",
             "scope": "default",
             "line": {
-                "start": 83,
-                "end": 83
+                "start": 87,
+                "end": 87
             }
         },
         "group": [
@@ -66984,8 +67765,8 @@
     {
         "description": "The width of the border around the Segmented Control button.\n",
         "commentRange": {
-            "start": 85,
-            "end": 86
+            "start": 89,
+            "end": 90
         },
         "context": {
             "type": "variable",
@@ -66993,8 +67774,8 @@
             "value": "0px",
             "scope": "default",
             "line": {
-                "start": 87,
-                "end": 87
+                "start": 91,
+                "end": 91
             }
         },
         "group": [
@@ -67009,8 +67790,8 @@
     {
         "description": "The border radius of the Segmented Control button.\n",
         "commentRange": {
-            "start": 88,
-            "end": 89
+            "start": 92,
+            "end": 93
         },
         "context": {
             "type": "variable",
@@ -67018,8 +67799,8 @@
             "value": "$kendo-segmented-control-thumb-border-radius",
             "scope": "default",
             "line": {
-                "start": 90,
-                "end": 90
+                "start": 94,
+                "end": 94
             }
         },
         "group": [
@@ -67034,8 +67815,8 @@
     {
         "description": "The gap of the items inside the small Segmented Control buttons.\n",
         "commentRange": {
-            "start": 92,
-            "end": 93
+            "start": 96,
+            "end": 97
         },
         "context": {
             "type": "variable",
@@ -67043,8 +67824,8 @@
             "value": "k-spacing(1.5)",
             "scope": "default",
             "line": {
-                "start": 94,
-                "end": 94
+                "start": 98,
+                "end": 98
             }
         },
         "group": [
@@ -67059,8 +67840,8 @@
     {
         "description": "The gap of the items inside the medium Segmented Control buttons.\n",
         "commentRange": {
-            "start": 95,
-            "end": 96
+            "start": 99,
+            "end": 100
         },
         "context": {
             "type": "variable",
@@ -67068,8 +67849,8 @@
             "value": "k-spacing(1.5)",
             "scope": "default",
             "line": {
-                "start": 97,
-                "end": 97
+                "start": 101,
+                "end": 101
             }
         },
         "group": [
@@ -67084,8 +67865,8 @@
     {
         "description": "The gap of the items inside the large Segmented Control buttons.\n",
         "commentRange": {
-            "start": 98,
-            "end": 99
+            "start": 102,
+            "end": 103
         },
         "context": {
             "type": "variable",
@@ -67093,8 +67874,8 @@
             "value": "k-spacing(2)",
             "scope": "default",
             "line": {
-                "start": 100,
-                "end": 100
+                "start": 104,
+                "end": 104
             }
         },
         "group": [
@@ -67109,8 +67890,8 @@
     {
         "description": "The background color of the hovered button inside Segmented Control.\n",
         "commentRange": {
-            "start": 102,
-            "end": 103
+            "start": 106,
+            "end": 107
         },
         "context": {
             "type": "variable",
@@ -67118,8 +67899,8 @@
             "value": "color-mix(in srgb, k-color(base-hover), currentColor 4% )",
             "scope": "default",
             "line": {
-                "start": 104,
-                "end": 104
+                "start": 108,
+                "end": 108
             }
         },
         "group": [
@@ -67134,8 +67915,8 @@
     {
         "description": "The indication of the focused button inside Segmented Control.\n",
         "commentRange": {
-            "start": 105,
-            "end": 106
+            "start": 109,
+            "end": 110
         },
         "context": {
             "type": "variable",
@@ -67143,8 +67924,8 @@
             "value": "inset 0 0 0 2px color-mix(in srgb, currentColor 30%, transparent)",
             "scope": "default",
             "line": {
-                "start": 107,
-                "end": 107
+                "start": 111,
+                "end": 111
             }
         },
         "group": [
@@ -92143,20 +92924,45 @@
             "name": "_variables.scss"
         }
     },
+    {
+        "description": "The sizes map of the Menu.\n",
+        "commentRange": {
+            "start": 41,
+            "end": 42
+        },
+        "context": {
+            "type": "variable",
+            "name": "kendo-menu-sizes",
+            "value": "(\n    sm: (\n        font-size: $kendo-menu-sm-font-size,\n        line-height: $kendo-menu-sm-line-height,\n        item-padding-x: $kendo-menu-sm-item-padding-x,\n        item-padding-y: $kendo-menu-sm-item-padding-y\n    ),\n    md: (\n        font-size: $kendo-menu-font-size,\n        line-height: $kendo-menu-line-height,\n        item-padding-x: $kendo-menu-item-padding-x,\n        item-padding-y: $kendo-menu-item-padding-y\n    ),\n    lg: (\n        font-size: $kendo-menu-lg-font-size,\n        line-height: $kendo-menu-lg-line-height,\n        item-padding-x: $kendo-menu-lg-item-padding-x,\n        item-padding-y: $kendo-menu-lg-item-padding-y\n    )\n)",
+            "scope": "default",
+            "line": {
+                "start": 43,
+                "end": 62
+            }
+        },
+        "group": [
+            "menu"
+        ],
+        "access": "public",
+        "file": {
+            "path": "core/scss/components/menu/_variables.scss",
+            "name": "_variables.scss"
+        }
+    },
     {
         "description": "The sizes map of the Menu group.\n",
         "commentRange": {
-            "start": 115,
-            "end": 116
+            "start": 176,
+            "end": 177
         },
         "context": {
             "type": "variable",
             "name": "kendo-menu-group-sizes",
-            "value": "(\n    sm: (\n        font-size: $kendo-menu-popup-sm-font-size,\n        line-height: $kendo-menu-popup-sm-line-height,\n        item-padding-y: $kendo-menu-popup-sm-item-padding-y,\n        item-padding-x: $kendo-menu-popup-sm-item-padding-x,\n        item-padding-end: $kendo-menu-popup-sm-item-padding-end,\n        item-icon-margin-start: $kendo-menu-popup-sm-item-icon-margin-start,\n        item-icon-margin-end: $kendo-menu-popup-sm-item-icon-margin-end\n    ),\n    md: (\n        font-size: $kendo-menu-popup-md-font-size,\n        line-height: $kendo-menu-popup-md-line-height,\n        item-padding-y: $kendo-menu-popup-md-item-padding-y,\n        item-padding-x: $kendo-menu-popup-md-item-padding-x,\n        item-padding-end: $kendo-menu-popup-md-item-padding-end,\n        item-icon-margin-start: $kendo-menu-popup-md-item-icon-margin-start,\n        item-icon-margin-end: $kendo-menu-popup-md-item-icon-margin-end\n    ),\n    lg: (\n        font-size: $kendo-menu-popup-lg-font-size,\n        line-height: $kendo-menu-popup-lg-line-height,\n        item-padding-y: $kendo-menu-popup-lg-item-padding-y,\n        item-padding-x: $kendo-menu-popup-lg-item-padding-x,\n        item-padding-end: $kendo-menu-popup-lg-item-padding-end,\n        item-icon-margin-start: $kendo-menu-popup-lg-item-icon-margin-start,\n        item-icon-margin-end: $kendo-menu-popup-lg-item-icon-margin-end\n    )\n)",
+            "value": "(\n    sm: (\n        font-size: $kendo-menu-popup-sm-font-size,\n        line-height: $kendo-menu-popup-sm-line-height,\n        item-padding-y: $kendo-menu-popup-sm-item-padding-y,\n        item-padding-x: $kendo-menu-popup-sm-item-padding-x,\n        item-padding-end: $kendo-menu-popup-sm-item-padding-end,\n        item-icon-margin-start: $kendo-menu-popup-sm-item-icon-margin-start,\n        item-icon-margin-end: $kendo-menu-popup-sm-item-icon-margin-end,\n        group-header-padding-x: $kendo-menu-popup-sm-group-header-padding-x,\n        group-header-padding-y: $kendo-menu-popup-sm-group-header-padding-y,\n        group-header-font-size: $kendo-menu-popup-sm-group-header-font-size,\n        group-header-line-height: $kendo-menu-popup-sm-group-header-line-height\n    ),\n    md: (\n        font-size: $kendo-menu-popup-md-font-size,\n        line-height: $kendo-menu-popup-md-line-height,\n        item-padding-y: $kendo-menu-popup-md-item-padding-y,\n        item-padding-x: $kendo-menu-popup-md-item-padding-x,\n        item-padding-end: $kendo-menu-popup-md-item-padding-end,\n        item-icon-margin-start: $kendo-menu-popup-md-item-icon-margin-start,\n        item-icon-margin-end: $kendo-menu-popup-md-item-icon-margin-end,\n        group-header-padding-x: $kendo-menu-popup-md-group-header-padding-x,\n        group-header-padding-y: $kendo-menu-popup-md-group-header-padding-y,\n        group-header-font-size: $kendo-menu-popup-md-group-header-font-size,\n        group-header-line-height: $kendo-menu-popup-md-group-header-line-height\n    ),\n    lg: (\n        font-size: $kendo-menu-popup-lg-font-size,\n        line-height: $kendo-menu-popup-lg-line-height,\n        item-padding-y: $kendo-menu-popup-lg-item-padding-y,\n        item-padding-x: $kendo-menu-popup-lg-item-padding-x,\n        item-padding-end: $kendo-menu-popup-lg-item-padding-end,\n        item-icon-margin-start: $kendo-menu-popup-lg-item-icon-margin-start,\n        item-icon-margin-end: $kendo-menu-popup-lg-item-icon-margin-end,\n        group-header-padding-x: $kendo-menu-popup-lg-group-header-padding-x,\n        group-header-padding-y: $kendo-menu-popup-lg-group-header-padding-y,\n        group-header-font-size: $kendo-menu-popup-lg-group-header-font-size,\n        group-header-line-height: $kendo-menu-popup-lg-group-header-line-height\n    )\n)",
             "scope": "default",
             "line": {
-                "start": 117,
-                "end": 145
+                "start": 178,
+                "end": 218
             }
         },
         "group": [
@@ -92246,8 +93052,8 @@
     {
         "description": "The map with the sizes of the Segmented Control.\n",
         "commentRange": {
-            "start": 45,
-            "end": 46
+            "start": 48,
+            "end": 49
         },
         "context": {
             "type": "variable",
@@ -92255,8 +93061,8 @@
             "value": "(\n    sm: (\n        font-size: $kendo-segmented-control-sm-font-size,\n        line-height: $kendo-segmented-control-sm-line-height,\n        button-padding-x: $kendo-segmented-control-sm-button-padding-x,\n        button-padding-y: $kendo-segmented-control-sm-button-padding-y,\n        button-gap: $kendo-segmented-control-sm-button-gap\n    ),\n    md: (\n        font-size: $kendo-segmented-control-md-font-size,\n        line-height: $kendo-segmented-control-md-line-height,\n        button-padding-x: $kendo-segmented-control-md-button-padding-x,\n        button-padding-y: $kendo-segmented-control-md-button-padding-y,\n        button-gap: $kendo-segmented-control-md-button-gap\n    ),\n    lg: (\n        font-size: $kendo-segmented-control-lg-font-size,\n        line-height: $kendo-segmented-control-lg-line-height,\n        button-padding-x: $kendo-segmented-control-lg-button-padding-x,\n        button-padding-y: $kendo-segmented-control-lg-button-padding-y,\n        button-gap: $kendo-segmented-control-lg-button-gap\n    )\n)",
             "scope": "default",
             "line": {
-                "start": 47,
-                "end": 69
+                "start": 50,
+                "end": 72
             }
         },
         "group": [