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

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

@@ -24242,7 +24242,7 @@
         "context": {
             "type": "variable",
             "name": "kendo-dock-manager-pane-header-padding-y",
-            "value": "k-spacing(2)",
+            "value": "k-spacing(2.5)",
             "scope": "default",
             "line": {
                 "start": 18,
@@ -24567,7 +24567,7 @@
         "context": {
             "type": "variable",
             "name": "kendo-dock-manager-tabbed-pane-padding-y",
-            "value": "k-spacing(3.5)",
+            "value": "$kendo-dock-manager-pane-header-padding-y",
             "scope": "default",
             "line": {
                 "start": 60,
@@ -47223,14 +47223,14 @@
         }
     },
     {
-        "description": "The default size of the Menu group.\n",
+        "description": "The default size of the Menu.\n",
         "commentRange": {
             "start": 9,
             "end": 11
         },
         "context": {
             "type": "variable",
-            "name": "kendo-menu-group-default-size",
+            "name": "kendo-menu-default-size",
             "value": "\"md\"",
             "scope": "default",
             "line": {
@@ -47251,24 +47251,27 @@
         }
     },
     {
-        "description": "The width of the border around the Menu.\n",
+        "description": "The default size of the Menu group.\n",
         "commentRange": {
             "start": 14,
-            "end": 15
+            "end": 16
         },
         "context": {
             "type": "variable",
-            "name": "kendo-menu-border-width",
-            "value": "0px",
+            "name": "kendo-menu-group-default-size",
+            "value": "\"md\"",
             "scope": "default",
             "line": {
-                "start": 16,
-                "end": 16
+                "start": 17,
+                "end": 17
             }
         },
         "group": [
             "menu"
         ],
+        "role": [
+            "default"
+        ],
         "access": "public",
         "file": {
             "path": "menu/_variables.scss",
@@ -47276,19 +47279,19 @@
         }
     },
     {
-        "description": "The font family of the Menu.\n",
+        "description": "The width of the border around the Menu.\n",
         "commentRange": {
-            "start": 18,
-            "end": 19
+            "start": 19,
+            "end": 20
         },
         "context": {
             "type": "variable",
-            "name": "kendo-menu-font-family",
-            "value": "var(--kendo-font-family)",
+            "name": "kendo-menu-border-width",
+            "value": "0px",
             "scope": "default",
             "line": {
-                "start": 20,
-                "end": 20
+                "start": 21,
+                "end": 21
             }
         },
         "group": [
@@ -47301,19 +47304,19 @@
         }
     },
     {
-        "description": "The font size of the Menu.\n",
+        "description": "The font family of the Menu.\n",
         "commentRange": {
-            "start": 21,
-            "end": 22
+            "start": 23,
+            "end": 24
         },
         "context": {
             "type": "variable",
-            "name": "kendo-menu-font-size",
-            "value": "var(--kendo-font-size)",
+            "name": "kendo-menu-font-family",
+            "value": "var(--kendo-font-family)",
             "scope": "default",
             "line": {
-                "start": 23,
-                "end": 23
+                "start": 25,
+                "end": 25
             }
         },
         "group": [
@@ -47326,19 +47329,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": 24,
-            "end": 25
+            "start": 26,
+            "end": 27
         },
         "context": {
             "type": "variable",
-            "name": "kendo-menu-line-height",
-            "value": "var(--kendo-line-height)",
+            "name": "kendo-menu-font-size",
+            "value": "var(--kendo-font-size)",
             "scope": "default",
             "line": {
-                "start": 26,
-                "end": 26
+                "start": 28,
+                "end": 28
             }
         },
         "group": [
@@ -47351,19 +47354,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": 28,
-            "end": 29
+            "start": 29,
+            "end": 30
         },
         "context": {
             "type": "variable",
-            "name": "kendo-menu-bg",
-            "value": "transparent",
+            "name": "kendo-menu-line-height",
+            "value": "var(--kendo-line-height)",
             "scope": "default",
             "line": {
-                "start": 30,
-                "end": 30
+                "start": 31,
+                "end": 31
             }
         },
         "group": [
@@ -47376,19 +47379,19 @@
         }
     },
     {
-        "description": "The text color of the Menu.\n",
+        "description": "The font size of the small Menu.\n",
         "commentRange": {
-            "start": 31,
-            "end": 32
+            "start": 33,
+            "end": 34
         },
         "context": {
             "type": "variable",
-            "name": "kendo-menu-text",
-            "value": "k-color(on-app-surface)",
+            "name": "kendo-menu-sm-font-size",
+            "value": "var(--kendo-font-size)",
             "scope": "default",
             "line": {
-                "start": 33,
-                "end": 33
+                "start": 35,
+                "end": 35
             }
         },
         "group": [
@@ -47401,19 +47404,19 @@
         }
     },
     {
-        "description": "The border color of the Menu.\n",
+        "description": "The font size of the large Menu.\n",
         "commentRange": {
-            "start": 34,
-            "end": 35
+            "start": 36,
+            "end": 37
         },
         "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": 36,
-                "end": 36
+                "start": 38,
+                "end": 38
             }
         },
         "group": [
@@ -47426,19 +47429,19 @@
         }
     },
     {
-        "description": "The background gradient of the Menu.\n",
+        "description": "The line height of the small Menu.\n",
         "commentRange": {
-            "start": 37,
-            "end": 38
+            "start": 40,
+            "end": 41
         },
         "context": {
             "type": "variable",
-            "name": "kendo-menu-gradient",
-            "value": "null",
+            "name": "kendo-menu-sm-line-height",
+            "value": "var(--kendo-line-height)",
             "scope": "default",
             "line": {
-                "start": 39,
-                "end": 39
+                "start": 42,
+                "end": 42
             }
         },
         "group": [
@@ -47451,15 +47454,15 @@
         }
     },
     {
-        "description": "The horizontal padding of the Menu item.\n",
+        "description": "The line height of the large Menu.\n",
         "commentRange": {
             "start": 43,
             "end": 44
         },
         "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": 45,
@@ -47476,19 +47479,19 @@
         }
     },
     {
-        "description": "The vertical padding of the Menu item.\n",
+        "description": "The background color of the Menu.\n",
         "commentRange": {
-            "start": 46,
-            "end": 47
+            "start": 47,
+            "end": 48
         },
         "context": {
             "type": "variable",
-            "name": "kendo-menu-item-padding-y",
-            "value": "k-spacing(1.5)",
+            "name": "kendo-menu-bg",
+            "value": "transparent",
             "scope": "default",
             "line": {
-                "start": 48,
-                "end": 48
+                "start": 49,
+                "end": 49
             }
         },
         "group": [
@@ -47501,19 +47504,19 @@
         }
     },
     {
-        "description": "The spacing between the Menu items.\n",
+        "description": "The text color of the Menu.\n",
         "commentRange": {
-            "start": 49,
-            "end": 50
+            "start": 50,
+            "end": 51
         },
         "context": {
             "type": "variable",
-            "name": "kendo-menu-item-spacing",
-            "value": "k-spacing(0)",
+            "name": "kendo-menu-text",
+            "value": "k-color(on-app-surface)",
             "scope": "default",
             "line": {
-                "start": 51,
-                "end": 51
+                "start": 52,
+                "end": 52
             }
         },
         "group": [
@@ -47526,19 +47529,19 @@
         }
     },
     {
-        "description": "The spacing between the Menu item text and icons.\n",
+        "description": "The border color of the Menu.\n",
         "commentRange": {
-            "start": 52,
-            "end": 53
+            "start": 53,
+            "end": 54
         },
         "context": {
             "type": "variable",
-            "name": "kendo-menu-item-icon-spacing",
-            "value": "$kendo-icon-spacing",
+            "name": "kendo-menu-border",
+            "value": "null",
             "scope": "default",
             "line": {
-                "start": 54,
-                "end": 54
+                "start": 55,
+                "end": 55
             }
         },
         "group": [
@@ -47551,15 +47554,15 @@
         }
     },
     {
-        "description": "The font weight of the selected Menu item.\n",
+        "description": "The background gradient of the Menu.\n",
         "commentRange": {
             "start": 56,
             "end": 57
         },
         "context": {
             "type": "variable",
-            "name": "kendo-menu-item-selected-font-weight",
-            "value": "var(--kendo-font-weight-bold)",
+            "name": "kendo-menu-gradient",
+            "value": "null",
             "scope": "default",
             "line": {
                 "start": 58,
@@ -47576,44 +47579,19 @@
         }
     },
     {
-        "description": "The background color of the Menu item.\n",
-        "commentRange": {
-            "start": 60,
-            "end": 61
-        },
-        "context": {
-            "type": "variable",
-            "name": "kendo-menu-item-bg",
-            "value": "null",
-            "scope": "default",
-            "line": {
-                "start": 62,
-                "end": 62
-            }
-        },
-        "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": 63,
-            "end": 64
+            "start": 62,
+            "end": 63
         },
         "context": {
             "type": "variable",
-            "name": "kendo-menu-item-text",
-            "value": "k-color(subtle)",
+            "name": "kendo-menu-item-padding-x",
+            "value": "k-spacing(3)",
             "scope": "default",
             "line": {
-                "start": 65,
-                "end": 65
+                "start": 64,
+                "end": 64
             }
         },
         "group": [
@@ -47626,19 +47604,19 @@
         }
     },
     {
-        "description": "The border color of the Menu item.\n",
+        "description": "The vertical padding of the Menu item.\n",
         "commentRange": {
-            "start": 66,
-            "end": 67
+            "start": 65,
+            "end": 66
         },
         "context": {
             "type": "variable",
-            "name": "kendo-menu-item-border",
-            "value": "null",
+            "name": "kendo-menu-item-padding-y",
+            "value": "k-spacing(1.5)",
             "scope": "default",
             "line": {
-                "start": 68,
-                "end": 68
+                "start": 67,
+                "end": 67
             }
         },
         "group": [
@@ -47651,19 +47629,19 @@
         }
     },
     {
-        "description": "The background gradient of the Menu item.\n",
+        "description": "The spacing between the Menu items.\n",
         "commentRange": {
-            "start": 69,
-            "end": 70
+            "start": 68,
+            "end": 69
         },
         "context": {
             "type": "variable",
-            "name": "kendo-menu-item-gradient",
-            "value": "null",
+            "name": "kendo-menu-item-spacing",
+            "value": "k-spacing(0)",
             "scope": "default",
             "line": {
-                "start": 71,
-                "end": 71
+                "start": 70,
+                "end": 70
             }
         },
         "group": [
@@ -47676,19 +47654,19 @@
         }
     },
     {
-        "description": "The background color of hovered Menu item.\n",
+        "description": "The spacing between the Menu item text and icons.\n",
         "commentRange": {
-            "start": 73,
-            "end": 74
+            "start": 71,
+            "end": 72
         },
         "context": {
             "type": "variable",
-            "name": "kendo-menu-item-hover-bg",
-            "value": "null",
+            "name": "kendo-menu-item-icon-spacing",
+            "value": "k-spacing(2)",
             "scope": "default",
             "line": {
-                "start": 75,
-                "end": 75
+                "start": 73,
+                "end": 73
             }
         },
         "group": [
@@ -47701,19 +47679,19 @@
         }
     },
     {
-        "description": "The text color of hovered Menu item.\n",
+        "description": "The border radius of the Menu item.\n",
         "commentRange": {
-            "start": 76,
-            "end": 77
+            "start": 74,
+            "end": 75
         },
         "context": {
             "type": "variable",
-            "name": "kendo-menu-item-hover-text",
-            "value": "k-color(on-app-surface)",
+            "name": "kendo-menu-item-border-radius",
+            "value": "k-border-radius(md)",
             "scope": "default",
             "line": {
-                "start": 78,
-                "end": 78
+                "start": 76,
+                "end": 76
             }
         },
         "group": [
@@ -47726,19 +47704,19 @@
         }
     },
     {
-        "description": "The border color of hovered Menu item.\n",
+        "description": "The font size of the Menu item description.\n",
         "commentRange": {
-            "start": 79,
-            "end": 80
+            "start": 78,
+            "end": 79
         },
         "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": 81,
-                "end": 81
+                "start": 80,
+                "end": 80
             }
         },
         "group": [
@@ -47751,19 +47729,19 @@
         }
     },
     {
-        "description": "The background gradient of hovered Menu item.\n",
+        "description": "The line height of the Menu item description.\n",
         "commentRange": {
-            "start": 82,
-            "end": 83
+            "start": 81,
+            "end": 82
         },
         "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": 84,
-                "end": 84
+                "start": 83,
+                "end": 83
             }
         },
         "group": [
@@ -47776,19 +47754,19 @@
         }
     },
     {
-        "description": "The background color of active Menu item.\n",
+        "description": "The text color of the Menu item description.\n",
         "commentRange": {
-            "start": 86,
-            "end": 87
+            "start": 84,
+            "end": 85
         },
         "context": {
             "type": "variable",
-            "name": "kendo-menu-item-active-bg",
-            "value": "null",
+            "name": "kendo-menu-item-description-text",
+            "value": "$kendo-list-item-description-text",
             "scope": "default",
             "line": {
-                "start": 88,
-                "end": 88
+                "start": 86,
+                "end": 86
             }
         },
         "group": [
@@ -47801,19 +47779,19 @@
         }
     },
     {
-        "description": "The text color of active Menu item.\n",
+        "description": "The horizontal padding of the small Menu item.\n",
         "commentRange": {
-            "start": 89,
-            "end": 90
+            "start": 88,
+            "end": 89
         },
         "context": {
             "type": "variable",
-            "name": "kendo-menu-item-active-text",
-            "value": "k-color(primary-on-surface)",
+            "name": "kendo-menu-sm-item-padding-x",
+            "value": "k-spacing(3)",
             "scope": "default",
             "line": {
-                "start": 91,
-                "end": 91
+                "start": 90,
+                "end": 90
             }
         },
         "group": [
@@ -47826,19 +47804,19 @@
         }
     },
     {
-        "description": "The border color of active Menu item.\n",
+        "description": "The horizontal padding of the large Menu item.\n",
         "commentRange": {
-            "start": 92,
-            "end": 93
+            "start": 91,
+            "end": 92
         },
         "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": 94,
-                "end": 94
+                "start": 93,
+                "end": 93
             }
         },
         "group": [
@@ -47851,15 +47829,15 @@
         }
     },
     {
-        "description": "The background gradient of active Menu item.\n",
+        "description": "The vertical padding of the small Menu item.\n",
         "commentRange": {
             "start": 95,
             "end": 96
         },
         "context": {
             "type": "variable",
-            "name": "kendo-menu-item-active-gradient",
-            "value": "null",
+            "name": "kendo-menu-sm-item-padding-y",
+            "value": "k-spacing(1)",
             "scope": "default",
             "line": {
                 "start": 97,
@@ -47876,19 +47854,19 @@
         }
     },
     {
-        "description": "The base shadow of focused Menu item.\n",
+        "description": "The vertical padding of the large Menu item.\n",
         "commentRange": {
-            "start": 99,
-            "end": 100
+            "start": 98,
+            "end": 99
         },
         "context": {
             "type": "variable",
-            "name": "kendo-menu-item-focus-shadow",
-            "value": "$kendo-list-item-focus-shadow",
+            "name": "kendo-menu-lg-item-padding-y",
+            "value": "k-spacing(2)",
             "scope": "default",
             "line": {
-                "start": 101,
-                "end": 101
+                "start": 100,
+                "end": 100
             }
         },
         "group": [
@@ -47901,19 +47879,19 @@
         }
     },
     {
-        "description": "The background color of selected Menu item.\n",
+        "description": "The font weight of the selected Menu item.\n",
         "commentRange": {
-            "start": 103,
-            "end": 104
+            "start": 102,
+            "end": 103
         },
         "context": {
             "type": "variable",
-            "name": "kendo-menu-item-selected-bg",
-            "value": "null",
+            "name": "kendo-menu-item-selected-font-weight",
+            "value": "var(--kendo-font-weight-bold)",
             "scope": "default",
             "line": {
-                "start": 105,
-                "end": 105
+                "start": 104,
+                "end": 104
             }
         },
         "group": [
@@ -47926,15 +47904,15 @@
         }
     },
     {
-        "description": "The text color of selected Menu item.\n",
+        "description": "The background color of the Menu item.\n",
         "commentRange": {
             "start": 106,
             "end": 107
         },
         "context": {
             "type": "variable",
-            "name": "kendo-menu-item-selected-text",
-            "value": "k-color(primary-on-surface)",
+            "name": "kendo-menu-item-bg",
+            "value": "null",
             "scope": "default",
             "line": {
                 "start": 108,
@@ -47951,15 +47929,15 @@
         }
     },
     {
-        "description": "The border color of selected Menu item.\n",
+        "description": "The text color of the Menu item.\n",
         "commentRange": {
             "start": 109,
             "end": 110
         },
         "context": {
             "type": "variable",
-            "name": "kendo-menu-item-selected-border",
-            "value": "null",
+            "name": "kendo-menu-item-text",
+            "value": "k-color(subtle)",
             "scope": "default",
             "line": {
                 "start": 111,
@@ -47976,14 +47954,14 @@
         }
     },
     {
-        "description": "The background gradient of selected Menu item.\n",
+        "description": "The border color of the Menu item.\n",
         "commentRange": {
             "start": 112,
             "end": 113
         },
         "context": {
             "type": "variable",
-            "name": "kendo-menu-item-selected-gradient",
+            "name": "kendo-menu-item-border",
             "value": "null",
             "scope": "default",
             "line": {
@@ -48001,19 +47979,19 @@
         }
     },
     {
-        "description": "The background color of the Menu scroll buttons.\n",
+        "description": "The background gradient of the Menu item.\n",
         "commentRange": {
-            "start": 116,
-            "end": 117
+            "start": 115,
+            "end": 116
         },
         "context": {
             "type": "variable",
-            "name": "kendo-menu-scroll-button-bg",
+            "name": "kendo-menu-item-gradient",
             "value": "null",
             "scope": "default",
             "line": {
-                "start": 118,
-                "end": 118
+                "start": 117,
+                "end": 117
             }
         },
         "group": [
@@ -48026,15 +48004,15 @@
         }
     },
     {
-        "description": "The text color of the Menu scroll buttons.\n",
+        "description": "The background color of hovered Menu item.\n",
         "commentRange": {
             "start": 119,
             "end": 120
         },
         "context": {
             "type": "variable",
-            "name": "kendo-menu-scroll-button-text",
-            "value": "k-color(subtle)",
+            "name": "kendo-menu-item-hover-bg",
+            "value": "null",
             "scope": "default",
             "line": {
                 "start": 121,
@@ -48051,15 +48029,15 @@
         }
     },
     {
-        "description": "The border color of the Menu scroll buttons.\n",
+        "description": "The text color of hovered Menu item.\n",
         "commentRange": {
             "start": 122,
             "end": 123
         },
         "context": {
             "type": "variable",
-            "name": "kendo-menu-scroll-button-border",
-            "value": "null",
+            "name": "kendo-menu-item-hover-text",
+            "value": "k-color(on-app-surface)",
             "scope": "default",
             "line": {
                 "start": 124,
@@ -48076,14 +48054,14 @@
         }
     },
     {
-        "description": "The background gradient of the Menu scroll buttons.\n",
+        "description": "The border color of hovered Menu item.\n",
         "commentRange": {
             "start": 125,
             "end": 126
         },
         "context": {
             "type": "variable",
-            "name": "kendo-menu-scroll-button-gradient",
+            "name": "kendo-menu-item-hover-border",
             "value": "null",
             "scope": "default",
             "line": {
@@ -48101,19 +48079,19 @@
         }
     },
     {
-        "description": "The background color of hovered Menu scroll buttons.\n",
+        "description": "The background gradient of hovered Menu item.\n",
         "commentRange": {
-            "start": 129,
-            "end": 130
+            "start": 128,
+            "end": 129
         },
         "context": {
             "type": "variable",
-            "name": "kendo-menu-scroll-button-hover-bg",
+            "name": "kendo-menu-item-hover-gradient",
             "value": "null",
             "scope": "default",
             "line": {
-                "start": 131,
-                "end": 131
+                "start": 130,
+                "end": 130
             }
         },
         "group": [
@@ -48126,15 +48104,15 @@
         }
     },
     {
-        "description": "The text color of hovered Menu scroll buttons.\n",
+        "description": "The background color of active Menu item.\n",
         "commentRange": {
             "start": 132,
             "end": 133
         },
         "context": {
             "type": "variable",
-            "name": "kendo-menu-scroll-button-hover-text",
-            "value": "k-color(on-app-surface)",
+            "name": "kendo-menu-item-active-bg",
+            "value": "null",
             "scope": "default",
             "line": {
                 "start": 134,
@@ -48151,15 +48129,15 @@
         }
     },
     {
-        "description": "The border color of hovered Menu scroll buttons.\n",
+        "description": "The text color of active Menu item.\n",
         "commentRange": {
             "start": 135,
             "end": 136
         },
         "context": {
             "type": "variable",
-            "name": "kendo-menu-scroll-button-hover-border",
-            "value": "null",
+            "name": "kendo-menu-item-active-text",
+            "value": "k-color(primary-on-surface)",
             "scope": "default",
             "line": {
                 "start": 137,
@@ -48176,14 +48154,14 @@
         }
     },
     {
-        "description": "The background gradient of hovered Menu scroll buttons.\n",
+        "description": "The border color of active Menu item.\n",
         "commentRange": {
             "start": 138,
             "end": 139
         },
         "context": {
             "type": "variable",
-            "name": "kendo-menu-scroll-button-hover-gradient",
+            "name": "kendo-menu-item-active-border",
             "value": "null",
             "scope": "default",
             "line": {
@@ -48201,19 +48179,19 @@
         }
     },
     {
-        "description": "The horizontal padding of the Menu expand arrow icon.\n",
+        "description": "The background gradient of active Menu item.\n",
         "commentRange": {
-            "start": 142,
-            "end": 143
+            "start": 141,
+            "end": 142
         },
         "context": {
             "type": "variable",
-            "name": "kendo-menu-icon-padding-x",
+            "name": "kendo-menu-item-active-gradient",
             "value": "null",
             "scope": "default",
             "line": {
-                "start": 144,
-                "end": 144
+                "start": 143,
+                "end": 143
             }
         },
         "group": [
@@ -48226,15 +48204,15 @@
         }
     },
     {
-        "description": "The vertical padding of the Menu expand arrow icon.\n",
+        "description": "The base shadow of focused Menu item.\n",
         "commentRange": {
             "start": 145,
             "end": 146
         },
         "context": {
             "type": "variable",
-            "name": "kendo-menu-icon-padding-y",
-            "value": "null",
+            "name": "kendo-menu-item-focus-shadow",
+            "value": "$kendo-list-item-focus-shadow",
             "scope": "default",
             "line": {
                 "start": 147,
@@ -48251,15 +48229,15 @@
         }
     },
     {
-        "description": "The spacing used for the menu expand arrow negative offset.\n",
+        "description": "The background color of selected Menu item.\n",
         "commentRange": {
             "start": 149,
             "end": 150
         },
         "context": {
             "type": "variable",
-            "name": "kendo-menu-expand-arrow-spacing",
-            "value": "k-spacing(1)",
+            "name": "kendo-menu-item-selected-bg",
+            "value": "null",
             "scope": "default",
             "line": {
                 "start": 151,
@@ -48276,19 +48254,19 @@
         }
     },
     {
-        "description": "The inline margin of the horizontal Menu separator.\n",
+        "description": "The text color of selected Menu item.\n",
         "commentRange": {
-            "start": 155,
-            "end": 156
+            "start": 152,
+            "end": 153
         },
         "context": {
             "type": "variable",
-            "name": "kendo-menu-separator-margin-inline",
-            "value": "k-spacing(1)",
+            "name": "kendo-menu-item-selected-text",
+            "value": "k-color(primary-on-surface)",
             "scope": "default",
             "line": {
-                "start": 157,
-                "end": 157
+                "start": 154,
+                "end": 154
             }
         },
         "group": [
@@ -48301,19 +48279,19 @@
         }
     },
     {
-        "description": "The block margin of the horizontal Menu separator.\n",
+        "description": "The border color of selected Menu item.\n",
         "commentRange": {
-            "start": 158,
-            "end": 159
+            "start": 155,
+            "end": 156
         },
         "context": {
             "type": "variable",
-            "name": "kendo-menu-separator-margin-block",
-            "value": "k-spacing(1.5)",
+            "name": "kendo-menu-item-selected-border",
+            "value": "null",
             "scope": "default",
             "line": {
-                "start": 160,
-                "end": 160
+                "start": 157,
+                "end": 157
             }
         },
         "group": [
@@ -48326,19 +48304,19 @@
         }
     },
     {
-        "description": "The border color of the Menu separator.\n",
+        "description": "The background gradient of selected Menu item.\n",
         "commentRange": {
-            "start": 161,
-            "end": 162
+            "start": 158,
+            "end": 159
         },
         "context": {
             "type": "variable",
-            "name": "kendo-menu-separator-border",
-            "value": "k-color(border)",
+            "name": "kendo-menu-item-selected-gradient",
+            "value": "null",
             "scope": "default",
             "line": {
-                "start": 163,
-                "end": 163
+                "start": 160,
+                "end": 160
             }
         },
         "group": [
@@ -48351,19 +48329,19 @@
         }
     },
     {
-        "description": "The horizontal padding of the Menu popup.\n",
+        "description": "The background color of the Menu scroll buttons.\n",
         "commentRange": {
-            "start": 168,
-            "end": 169
+            "start": 162,
+            "end": 163
         },
         "context": {
             "type": "variable",
-            "name": "kendo-menu-popup-padding-x",
+            "name": "kendo-menu-scroll-button-bg",
             "value": "null",
             "scope": "default",
             "line": {
-                "start": 170,
-                "end": 170
+                "start": 164,
+                "end": 164
             }
         },
         "group": [
@@ -48376,19 +48354,19 @@
         }
     },
     {
-        "description": "The vertical padding of the Menu popup.\n",
+        "description": "The text color of the Menu scroll buttons.\n",
         "commentRange": {
-            "start": 172,
-            "end": 173
+            "start": 165,
+            "end": 166
         },
         "context": {
             "type": "variable",
-            "name": "kendo-menu-popup-padding-y",
-            "value": "null",
+            "name": "kendo-menu-scroll-button-text",
+            "value": "k-color(subtle)",
             "scope": "default",
             "line": {
-                "start": 174,
-                "end": 174
+                "start": 167,
+                "end": 167
             }
         },
         "group": [
@@ -48401,10 +48379,360 @@
         }
     },
     {
-        "description": "The width of the border around the Menu popup.\n",
+        "description": "The border color of the Menu scroll buttons.\n",
         "commentRange": {
-            "start": 176,
-            "end": 177
+            "start": 168,
+            "end": 169
+        },
+        "context": {
+            "type": "variable",
+            "name": "kendo-menu-scroll-button-border",
+            "value": "null",
+            "scope": "default",
+            "line": {
+                "start": 170,
+                "end": 170
+            }
+        },
+        "group": [
+            "menu"
+        ],
+        "access": "public",
+        "file": {
+            "path": "menu/_variables.scss",
+            "name": "_variables.scss"
+        }
+    },
+    {
+        "description": "The background gradient of the Menu scroll buttons.\n",
+        "commentRange": {
+            "start": 171,
+            "end": 172
+        },
+        "context": {
+            "type": "variable",
+            "name": "kendo-menu-scroll-button-gradient",
+            "value": "null",
+            "scope": "default",
+            "line": {
+                "start": 173,
+                "end": 173
+            }
+        },
+        "group": [
+            "menu"
+        ],
+        "access": "public",
+        "file": {
+            "path": "menu/_variables.scss",
+            "name": "_variables.scss"
+        }
+    },
+    {
+        "description": "The background color of hovered Menu scroll buttons.\n",
+        "commentRange": {
+            "start": 175,
+            "end": 176
+        },
+        "context": {
+            "type": "variable",
+            "name": "kendo-menu-scroll-button-hover-bg",
+            "value": "null",
+            "scope": "default",
+            "line": {
+                "start": 177,
+                "end": 177
+            }
+        },
+        "group": [
+            "menu"
+        ],
+        "access": "public",
+        "file": {
+            "path": "menu/_variables.scss",
+            "name": "_variables.scss"
+        }
+    },
+    {
+        "description": "The text color of hovered Menu scroll buttons.\n",
+        "commentRange": {
+            "start": 178,
+            "end": 179
+        },
+        "context": {
+            "type": "variable",
+            "name": "kendo-menu-scroll-button-hover-text",
+            "value": "k-color(on-app-surface)",
+            "scope": "default",
+            "line": {
+                "start": 180,
+                "end": 180
+            }
+        },
+        "group": [
+            "menu"
+        ],
+        "access": "public",
+        "file": {
+            "path": "menu/_variables.scss",
+            "name": "_variables.scss"
+        }
+    },
+    {
+        "description": "The border color of hovered Menu scroll buttons.\n",
+        "commentRange": {
+            "start": 181,
+            "end": 182
+        },
+        "context": {
+            "type": "variable",
+            "name": "kendo-menu-scroll-button-hover-border",
+            "value": "null",
+            "scope": "default",
+            "line": {
+                "start": 183,
+                "end": 183
+            }
+        },
+        "group": [
+            "menu"
+        ],
+        "access": "public",
+        "file": {
+            "path": "menu/_variables.scss",
+            "name": "_variables.scss"
+        }
+    },
+    {
+        "description": "The background gradient of hovered Menu scroll buttons.\n",
+        "commentRange": {
+            "start": 184,
+            "end": 185
+        },
+        "context": {
+            "type": "variable",
+            "name": "kendo-menu-scroll-button-hover-gradient",
+            "value": "null",
+            "scope": "default",
+            "line": {
+                "start": 186,
+                "end": 186
+            }
+        },
+        "group": [
+            "menu"
+        ],
+        "access": "public",
+        "file": {
+            "path": "menu/_variables.scss",
+            "name": "_variables.scss"
+        }
+    },
+    {
+        "description": "The horizontal padding of the Menu expand arrow icon.\n",
+        "commentRange": {
+            "start": 188,
+            "end": 189
+        },
+        "context": {
+            "type": "variable",
+            "name": "kendo-menu-icon-padding-x",
+            "value": "null",
+            "scope": "default",
+            "line": {
+                "start": 190,
+                "end": 190
+            }
+        },
+        "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": 191,
+            "end": 192
+        },
+        "context": {
+            "type": "variable",
+            "name": "kendo-menu-icon-padding-y",
+            "value": "null",
+            "scope": "default",
+            "line": {
+                "start": 193,
+                "end": 193
+            }
+        },
+        "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": 195,
+            "end": 196
+        },
+        "context": {
+            "type": "variable",
+            "name": "kendo-menu-expand-arrow-spacing",
+            "value": "k-spacing(1)",
+            "scope": "default",
+            "line": {
+                "start": 197,
+                "end": 197
+            }
+        },
+        "group": [
+            "menu"
+        ],
+        "access": "public",
+        "file": {
+            "path": "menu/_variables.scss",
+            "name": "_variables.scss"
+        }
+    },
+    {
+        "description": "The inline margin of the horizontal Menu separator.\n",
+        "commentRange": {
+            "start": 201,
+            "end": 202
+        },
+        "context": {
+            "type": "variable",
+            "name": "kendo-menu-separator-margin-inline",
+            "value": "k-spacing(1)",
+            "scope": "default",
+            "line": {
+                "start": 203,
+                "end": 203
+            }
+        },
+        "group": [
+            "menu"
+        ],
+        "access": "public",
+        "file": {
+            "path": "menu/_variables.scss",
+            "name": "_variables.scss"
+        }
+    },
+    {
+        "description": "The block margin of the horizontal Menu separator.\n",
+        "commentRange": {
+            "start": 204,
+            "end": 205
+        },
+        "context": {
+            "type": "variable",
+            "name": "kendo-menu-separator-margin-block",
+            "value": "k-spacing(1.5)",
+            "scope": "default",
+            "line": {
+                "start": 206,
+                "end": 206
+            }
+        },
+        "group": [
+            "menu"
+        ],
+        "access": "public",
+        "file": {
+            "path": "menu/_variables.scss",
+            "name": "_variables.scss"
+        }
+    },
+    {
+        "description": "The border color of the Menu separator.\n",
+        "commentRange": {
+            "start": 207,
+            "end": 208
+        },
+        "context": {
+            "type": "variable",
+            "name": "kendo-menu-separator-border",
+            "value": "k-color(border)",
+            "scope": "default",
+            "line": {
+                "start": 209,
+                "end": 209
+            }
+        },
+        "group": [
+            "menu"
+        ],
+        "access": "public",
+        "file": {
+            "path": "menu/_variables.scss",
+            "name": "_variables.scss"
+        }
+    },
+    {
+        "description": "The horizontal padding of the Menu popup.\n",
+        "commentRange": {
+            "start": 214,
+            "end": 215
+        },
+        "context": {
+            "type": "variable",
+            "name": "kendo-menu-popup-padding-x",
+            "value": "$kendo-list-container-padding-inline",
+            "scope": "default",
+            "line": {
+                "start": 216,
+                "end": 216
+            }
+        },
+        "group": [
+            "menu"
+        ],
+        "access": "public",
+        "file": {
+            "path": "menu/_variables.scss",
+            "name": "_variables.scss"
+        }
+    },
+    {
+        "description": "The vertical padding of the Menu popup.\n",
+        "commentRange": {
+            "start": 218,
+            "end": 219
+        },
+        "context": {
+            "type": "variable",
+            "name": "kendo-menu-popup-padding-y",
+            "value": "$kendo-list-container-padding-block",
+            "scope": "default",
+            "line": {
+                "start": 220,
+                "end": 220
+            }
+        },
+        "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": 222,
+            "end": 223
         },
         "context": {
             "type": "variable",
@@ -48412,8 +48740,33 @@
             "value": "$kendo-popup-border-width",
             "scope": "default",
             "line": {
-                "start": 178,
-                "end": 178
+                "start": 224,
+                "end": 224
+            }
+        },
+        "group": [
+            "menu"
+        ],
+        "access": "public",
+        "file": {
+            "path": "menu/_variables.scss",
+            "name": "_variables.scss"
+        }
+    },
+    {
+        "description": "The border radius of the Menu popup.\n",
+        "commentRange": {
+            "start": 226,
+            "end": 227
+        },
+        "context": {
+            "type": "variable",
+            "name": "kendo-menu-popup-border-radius",
+            "value": "k-border-radius(xxl)",
+            "scope": "default",
+            "line": {
+                "start": 228,
+                "end": 228
             }
         },
         "group": [
@@ -48428,8 +48781,8 @@
     {
         "description": "The font size of the small Menu popup.\n",
         "commentRange": {
-            "start": 180,
-            "end": 181
+            "start": 230,
+            "end": 231
         },
         "context": {
             "type": "variable",
@@ -48437,8 +48790,8 @@
             "value": "var(--kendo-font-size)",
             "scope": "default",
             "line": {
-                "start": 182,
-                "end": 182
+                "start": 232,
+                "end": 232
             }
         },
         "group": [
@@ -48453,8 +48806,8 @@
     {
         "description": "The font size of the medium Menu popup.\n",
         "commentRange": {
-            "start": 183,
-            "end": 184
+            "start": 233,
+            "end": 234
         },
         "context": {
             "type": "variable",
@@ -48462,8 +48815,8 @@
             "value": "var(--kendo-font-size)",
             "scope": "default",
             "line": {
-                "start": 185,
-                "end": 185
+                "start": 235,
+                "end": 235
             }
         },
         "group": [
@@ -48478,8 +48831,8 @@
     {
         "description": "The font size of the large Menu popup.\n",
         "commentRange": {
-            "start": 186,
-            "end": 187
+            "start": 236,
+            "end": 237
         },
         "context": {
             "type": "variable",
@@ -48487,8 +48840,8 @@
             "value": "var(--kendo-font-size-lg)",
             "scope": "default",
             "line": {
-                "start": 188,
-                "end": 188
+                "start": 238,
+                "end": 238
             }
         },
         "group": [
@@ -48503,8 +48856,8 @@
     {
         "description": "The line height of the small Menu popup.\n",
         "commentRange": {
-            "start": 190,
-            "end": 191
+            "start": 240,
+            "end": 241
         },
         "context": {
             "type": "variable",
@@ -48512,8 +48865,8 @@
             "value": "var(--kendo-line-height)",
             "scope": "default",
             "line": {
-                "start": 192,
-                "end": 192
+                "start": 242,
+                "end": 242
             }
         },
         "group": [
@@ -48528,8 +48881,8 @@
     {
         "description": "The line height of the medium Menu popup.\n",
         "commentRange": {
-            "start": 193,
-            "end": 194
+            "start": 243,
+            "end": 244
         },
         "context": {
             "type": "variable",
@@ -48537,8 +48890,8 @@
             "value": "var(--kendo-line-height)",
             "scope": "default",
             "line": {
-                "start": 195,
-                "end": 195
+                "start": 245,
+                "end": 245
             }
         },
         "group": [
@@ -48553,8 +48906,8 @@
     {
         "description": "The line height of the large Menu popup.\n",
         "commentRange": {
-            "start": 196,
-            "end": 197
+            "start": 246,
+            "end": 247
         },
         "context": {
             "type": "variable",
@@ -48562,8 +48915,8 @@
             "value": "var(--kendo-line-height-lg)",
             "scope": "default",
             "line": {
-                "start": 198,
-                "end": 198
+                "start": 248,
+                "end": 248
             }
         },
         "group": [
@@ -48578,8 +48931,8 @@
     {
         "description": "The background color of the Menu popup.\n",
         "commentRange": {
-            "start": 200,
-            "end": 201
+            "start": 250,
+            "end": 251
         },
         "context": {
             "type": "variable",
@@ -48587,8 +48940,8 @@
             "value": "$kendo-popup-bg",
             "scope": "default",
             "line": {
-                "start": 202,
-                "end": 202
+                "start": 252,
+                "end": 252
             }
         },
         "group": [
@@ -48603,8 +48956,8 @@
     {
         "description": "The text color of the Menu popup.\n",
         "commentRange": {
-            "start": 203,
-            "end": 204
+            "start": 253,
+            "end": 254
         },
         "context": {
             "type": "variable",
@@ -48612,8 +48965,8 @@
             "value": "$kendo-popup-text",
             "scope": "default",
             "line": {
-                "start": 205,
-                "end": 205
+                "start": 255,
+                "end": 255
             }
         },
         "group": [
@@ -48628,8 +48981,8 @@
     {
         "description": "The border color of the Menu popup.\n",
         "commentRange": {
-            "start": 206,
-            "end": 207
+            "start": 256,
+            "end": 257
         },
         "context": {
             "type": "variable",
@@ -48637,8 +48990,8 @@
             "value": "$kendo-popup-border",
             "scope": "default",
             "line": {
-                "start": 208,
-                "end": 208
+                "start": 258,
+                "end": 258
             }
         },
         "group": [
@@ -48653,8 +49006,8 @@
     {
         "description": "The background gradient of the Menu popup.\n",
         "commentRange": {
-            "start": 209,
-            "end": 210
+            "start": 259,
+            "end": 260
         },
         "context": {
             "type": "variable",
@@ -48662,8 +49015,8 @@
             "value": "null",
             "scope": "default",
             "line": {
-                "start": 211,
-                "end": 211
+                "start": 261,
+                "end": 261
             }
         },
         "group": [
@@ -48678,17 +49031,17 @@
     {
         "description": "The horizontal padding of the small Menu popup item.\n",
         "commentRange": {
-            "start": 216,
-            "end": 217
+            "start": 266,
+            "end": 267
         },
         "context": {
             "type": "variable",
             "name": "kendo-menu-popup-sm-item-padding-x",
-            "value": "k-spacing(2)",
+            "value": "$kendo-list-sm-item-padding-x",
             "scope": "default",
             "line": {
-                "start": 218,
-                "end": 218
+                "start": 268,
+                "end": 268
             }
         },
         "group": [
@@ -48703,17 +49056,17 @@
     {
         "description": "The horizontal padding of the medium Menu popup item.\n",
         "commentRange": {
-            "start": 219,
-            "end": 220
+            "start": 269,
+            "end": 270
         },
         "context": {
             "type": "variable",
             "name": "kendo-menu-popup-md-item-padding-x",
-            "value": "k-spacing(2)",
+            "value": "$kendo-list-md-item-padding-x",
             "scope": "default",
             "line": {
-                "start": 221,
-                "end": 221
+                "start": 271,
+                "end": 271
             }
         },
         "group": [
@@ -48728,17 +49081,17 @@
     {
         "description": "The horizontal padding of the large Menu popup item.\n",
         "commentRange": {
-            "start": 222,
-            "end": 223
+            "start": 272,
+            "end": 273
         },
         "context": {
             "type": "variable",
             "name": "kendo-menu-popup-lg-item-padding-x",
-            "value": "k-spacing(2)",
+            "value": "$kendo-list-lg-item-padding-x",
             "scope": "default",
             "line": {
-                "start": 224,
-                "end": 224
+                "start": 274,
+                "end": 274
             }
         },
         "group": [
@@ -48753,17 +49106,17 @@
     {
         "description": "The vertical padding of the small Menu popup item.\n",
         "commentRange": {
-            "start": 226,
-            "end": 227
+            "start": 276,
+            "end": 277
         },
         "context": {
             "type": "variable",
             "name": "kendo-menu-popup-sm-item-padding-y",
-            "value": "k-spacing(0.5)",
+            "value": "$kendo-list-sm-item-padding-y",
             "scope": "default",
             "line": {
-                "start": 228,
-                "end": 228
+                "start": 278,
+                "end": 278
             }
         },
         "group": [
@@ -48778,17 +49131,17 @@
     {
         "description": "The vertical padding of the medium Menu popup item.\n",
         "commentRange": {
-            "start": 229,
-            "end": 230
+            "start": 279,
+            "end": 280
         },
         "context": {
             "type": "variable",
             "name": "kendo-menu-popup-md-item-padding-y",
-            "value": "k-spacing(1)",
+            "value": "$kendo-list-md-item-padding-y",
             "scope": "default",
             "line": {
-                "start": 231,
-                "end": 231
+                "start": 281,
+                "end": 281
             }
         },
         "group": [
@@ -48803,17 +49156,17 @@
     {
         "description": "The vertical padding of the large Menu popup item.\n",
         "commentRange": {
-            "start": 232,
-            "end": 233
+            "start": 282,
+            "end": 283
         },
         "context": {
             "type": "variable",
             "name": "kendo-menu-popup-lg-item-padding-y",
-            "value": "k-spacing(1.5)",
+            "value": "$kendo-list-lg-item-padding-y",
             "scope": "default",
             "line": {
-                "start": 234,
-                "end": 234
+                "start": 284,
+                "end": 284
             }
         },
         "group": [
@@ -48828,8 +49181,8 @@
     {
         "description": "The end padding of the small Menu popup item.\n",
         "commentRange": {
-            "start": 236,
-            "end": 237
+            "start": 286,
+            "end": 287
         },
         "context": {
             "type": "variable",
@@ -48837,8 +49190,8 @@
             "value": "calc( #{$kendo-menu-popup-sm-item-padding-x} * 2 + #{$kendo-icon-size} )",
             "scope": "default",
             "line": {
-                "start": 238,
-                "end": 238
+                "start": 288,
+                "end": 288
             }
         },
         "group": [
@@ -48853,8 +49206,8 @@
     {
         "description": "The end padding of the medium Menu popup item.\n",
         "commentRange": {
-            "start": 239,
-            "end": 240
+            "start": 289,
+            "end": 290
         },
         "context": {
             "type": "variable",
@@ -48862,8 +49215,8 @@
             "value": "calc( #{$kendo-menu-popup-md-item-padding-x} * 2 + #{$kendo-icon-size} )",
             "scope": "default",
             "line": {
-                "start": 241,
-                "end": 241
+                "start": 291,
+                "end": 291
             }
         },
         "group": [
@@ -48878,8 +49231,8 @@
     {
         "description": "The end padding of the large Menu popup item.\n",
         "commentRange": {
-            "start": 242,
-            "end": 243
+            "start": 292,
+            "end": 293
         },
         "context": {
             "type": "variable",
@@ -48887,8 +49240,8 @@
             "value": "calc( #{$kendo-menu-popup-lg-item-padding-x} * 2 + #{$kendo-icon-size} )",
             "scope": "default",
             "line": {
-                "start": 244,
-                "end": 244
+                "start": 294,
+                "end": 294
             }
         },
         "group": [
@@ -48903,8 +49256,8 @@
     {
         "description": "The start margin of the small Menu popup item expand icon.\n",
         "commentRange": {
-            "start": 246,
-            "end": 247
+            "start": 296,
+            "end": 297
         },
         "context": {
             "type": "variable",
@@ -48912,8 +49265,8 @@
             "value": "$kendo-menu-popup-sm-item-padding-x",
             "scope": "default",
             "line": {
-                "start": 248,
-                "end": 248
+                "start": 298,
+                "end": 298
             }
         },
         "group": [
@@ -48928,8 +49281,8 @@
     {
         "description": "The start margin of the medium Menu popup item expand icon.\n",
         "commentRange": {
-            "start": 249,
-            "end": 250
+            "start": 299,
+            "end": 300
         },
         "context": {
             "type": "variable",
@@ -48937,8 +49290,8 @@
             "value": "$kendo-menu-popup-md-item-padding-x",
             "scope": "default",
             "line": {
-                "start": 251,
-                "end": 251
+                "start": 301,
+                "end": 301
             }
         },
         "group": [
@@ -48953,8 +49306,8 @@
     {
         "description": "The start margin of the large Menu popup item expand icon.\n",
         "commentRange": {
-            "start": 252,
-            "end": 253
+            "start": 302,
+            "end": 303
         },
         "context": {
             "type": "variable",
@@ -48962,8 +49315,8 @@
             "value": "$kendo-menu-popup-lg-item-padding-x",
             "scope": "default",
             "line": {
-                "start": 254,
-                "end": 254
+                "start": 304,
+                "end": 304
             }
         },
         "group": [
@@ -48978,8 +49331,8 @@
     {
         "description": "The end margin of the small Menu popup item expand icon.\n",
         "commentRange": {
-            "start": 256,
-            "end": 257
+            "start": 306,
+            "end": 307
         },
         "context": {
             "type": "variable",
@@ -48987,8 +49340,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": 258,
-                "end": 258
+                "start": 308,
+                "end": 308
             }
         },
         "group": [
@@ -49003,8 +49356,8 @@
     {
         "description": "The end margin of the medium Menu popup item expand icon.\n",
         "commentRange": {
-            "start": 259,
-            "end": 260
+            "start": 309,
+            "end": 310
         },
         "context": {
             "type": "variable",
@@ -49012,8 +49365,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": 261,
-                "end": 261
+                "start": 311,
+                "end": 311
             }
         },
         "group": [
@@ -49028,8 +49381,8 @@
     {
         "description": "The end margin of the large Menu popup item expand icon.\n",
         "commentRange": {
-            "start": 262,
-            "end": 263
+            "start": 312,
+            "end": 313
         },
         "context": {
             "type": "variable",
@@ -49037,8 +49390,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": 264,
-                "end": 264
+                "start": 314,
+                "end": 314
             }
         },
         "group": [
@@ -49053,17 +49406,392 @@
     {
         "description": "The spacing between the Menu items in popup.\n",
         "commentRange": {
-            "start": 266,
-            "end": 267
+            "start": 316,
+            "end": 317
         },
         "context": {
             "type": "variable",
             "name": "kendo-menu-popup-item-spacing",
-            "value": "k-spacing(0)",
+            "value": "k-spacing(0.5)",
             "scope": "default",
             "line": {
-                "start": 268,
-                "end": 268
+                "start": 318,
+                "end": 318
+            }
+        },
+        "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": 320,
+            "end": 321
+        },
+        "context": {
+            "type": "variable",
+            "name": "kendo-menu-popup-sm-group-header-padding-x",
+            "value": "$kendo-list-sm-group-item-padding-x",
+            "scope": "default",
+            "line": {
+                "start": 322,
+                "end": 322
+            }
+        },
+        "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": 323,
+            "end": 324
+        },
+        "context": {
+            "type": "variable",
+            "name": "kendo-menu-popup-md-group-header-padding-x",
+            "value": "$kendo-list-md-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 large Menu popup group header.\n",
+        "commentRange": {
+            "start": 326,
+            "end": 327
+        },
+        "context": {
+            "type": "variable",
+            "name": "kendo-menu-popup-lg-group-header-padding-x",
+            "value": "$kendo-list-lg-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 vertical padding of the small Menu popup group header.\n",
+        "commentRange": {
+            "start": 330,
+            "end": 331
+        },
+        "context": {
+            "type": "variable",
+            "name": "kendo-menu-popup-sm-group-header-padding-y",
+            "value": "$kendo-list-sm-group-item-padding-y",
+            "scope": "default",
+            "line": {
+                "start": 332,
+                "end": 332
+            }
+        },
+        "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": 333,
+            "end": 334
+        },
+        "context": {
+            "type": "variable",
+            "name": "kendo-menu-popup-md-group-header-padding-y",
+            "value": "$kendo-list-md-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 large Menu popup group header.\n",
+        "commentRange": {
+            "start": 336,
+            "end": 337
+        },
+        "context": {
+            "type": "variable",
+            "name": "kendo-menu-popup-lg-group-header-padding-y",
+            "value": "$kendo-list-lg-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 font size of the small Menu popup group header.\n",
+        "commentRange": {
+            "start": 340,
+            "end": 341
+        },
+        "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": 342,
+                "end": 342
+            }
+        },
+        "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": 343,
+            "end": 344
+        },
+        "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": 345,
+                "end": 345
+            }
+        },
+        "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": 346,
+            "end": 347
+        },
+        "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": 348,
+                "end": 348
+            }
+        },
+        "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": 350,
+            "end": 351
+        },
+        "context": {
+            "type": "variable",
+            "name": "kendo-menu-popup-sm-group-header-line-height",
+            "value": "$kendo-menu-popup-sm-line-height",
+            "scope": "default",
+            "line": {
+                "start": 352,
+                "end": 352
+            }
+        },
+        "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": 353,
+            "end": 354
+        },
+        "context": {
+            "type": "variable",
+            "name": "kendo-menu-popup-md-group-header-line-height",
+            "value": "$kendo-menu-popup-md-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 large Menu popup group header.\n",
+        "commentRange": {
+            "start": 356,
+            "end": 357
+        },
+        "context": {
+            "type": "variable",
+            "name": "kendo-menu-popup-lg-group-header-line-height",
+            "value": "$kendo-menu-popup-lg-line-height",
+            "scope": "default",
+            "line": {
+                "start": 358,
+                "end": 358
+            }
+        },
+        "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": 360,
+            "end": 361
+        },
+        "context": {
+            "type": "variable",
+            "name": "kendo-menu-popup-group-header-font-weight",
+            "value": "$kendo-list-group-item-font-weight",
+            "scope": "default",
+            "line": {
+                "start": 362,
+                "end": 362
+            }
+        },
+        "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": 364,
+            "end": 365
+        },
+        "context": {
+            "type": "variable",
+            "name": "kendo-menu-popup-group-header-bg",
+            "value": "$kendo-list-group-item-bg",
+            "scope": "default",
+            "line": {
+                "start": 366,
+                "end": 366
+            }
+        },
+        "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": 367,
+            "end": 368
+        },
+        "context": {
+            "type": "variable",
+            "name": "kendo-menu-popup-group-header-text",
+            "value": "$kendo-list-group-item-text",
+            "scope": "default",
+            "line": {
+                "start": 369,
+                "end": 369
             }
         },
         "group": [
@@ -49078,8 +49806,8 @@
     {
         "description": "The background color of the Menu item in popup.\n",
         "commentRange": {
-            "start": 270,
-            "end": 271
+            "start": 371,
+            "end": 372
         },
         "context": {
             "type": "variable",
@@ -49087,8 +49815,8 @@
             "value": "null",
             "scope": "default",
             "line": {
-                "start": 272,
-                "end": 272
+                "start": 373,
+                "end": 373
             }
         },
         "group": [
@@ -49103,8 +49831,8 @@
     {
         "description": "The text color of the Menu item in popup.\n",
         "commentRange": {
-            "start": 273,
-            "end": 274
+            "start": 374,
+            "end": 375
         },
         "context": {
             "type": "variable",
@@ -49112,8 +49840,8 @@
             "value": "null",
             "scope": "default",
             "line": {
-                "start": 275,
-                "end": 275
+                "start": 376,
+                "end": 376
             }
         },
         "group": [
@@ -49128,8 +49856,8 @@
     {
         "description": "The border color of the Menu item in popup.\n",
         "commentRange": {
-            "start": 276,
-            "end": 277
+            "start": 377,
+            "end": 378
         },
         "context": {
             "type": "variable",
@@ -49137,8 +49865,8 @@
             "value": "null",
             "scope": "default",
             "line": {
-                "start": 278,
-                "end": 278
+                "start": 379,
+                "end": 379
             }
         },
         "group": [
@@ -49153,8 +49881,8 @@
     {
         "description": "The background gradient of the Menu item in popup.\n",
         "commentRange": {
-            "start": 279,
-            "end": 280
+            "start": 380,
+            "end": 381
         },
         "context": {
             "type": "variable",
@@ -49162,8 +49890,8 @@
             "value": "null",
             "scope": "default",
             "line": {
-                "start": 281,
-                "end": 281
+                "start": 382,
+                "end": 382
             }
         },
         "group": [
@@ -49178,8 +49906,8 @@
     {
         "description": "The background color of hovered Menu item in popup.\n",
         "commentRange": {
-            "start": 283,
-            "end": 284
+            "start": 384,
+            "end": 385
         },
         "context": {
             "type": "variable",
@@ -49187,8 +49915,8 @@
             "value": "color-mix(in srgb, k-color(on-app-surface) 8%, transparent)",
             "scope": "default",
             "line": {
-                "start": 285,
-                "end": 285
+                "start": 386,
+                "end": 386
             }
         },
         "group": [
@@ -49203,8 +49931,8 @@
     {
         "description": "The text color of hovered Menu item in popup.\n",
         "commentRange": {
-            "start": 286,
-            "end": 287
+            "start": 387,
+            "end": 388
         },
         "context": {
             "type": "variable",
@@ -49212,8 +49940,8 @@
             "value": "$kendo-list-item-hover-text",
             "scope": "default",
             "line": {
-                "start": 288,
-                "end": 288
+                "start": 389,
+                "end": 389
             }
         },
         "group": [
@@ -49228,8 +49956,8 @@
     {
         "description": "The border color of hovered Menu item in popup.\n",
         "commentRange": {
-            "start": 289,
-            "end": 290
+            "start": 390,
+            "end": 391
         },
         "context": {
             "type": "variable",
@@ -49237,8 +49965,8 @@
             "value": "null",
             "scope": "default",
             "line": {
-                "start": 291,
-                "end": 291
+                "start": 392,
+                "end": 392
             }
         },
         "group": [
@@ -49253,8 +49981,8 @@
     {
         "description": "The background gradient of hovered Menu item in popup.\n",
         "commentRange": {
-            "start": 292,
-            "end": 293
+            "start": 393,
+            "end": 394
         },
         "context": {
             "type": "variable",
@@ -49262,8 +49990,8 @@
             "value": "null",
             "scope": "default",
             "line": {
-                "start": 294,
-                "end": 294
+                "start": 395,
+                "end": 395
             }
         },
         "group": [
@@ -49278,8 +50006,8 @@
     {
         "description": "The background color of active Menu item in popup.\n",
         "commentRange": {
-            "start": 296,
-            "end": 297
+            "start": 397,
+            "end": 398
         },
         "context": {
             "type": "variable",
@@ -49287,8 +50015,8 @@
             "value": "$kendo-list-item-selected-bg",
             "scope": "default",
             "line": {
-                "start": 298,
-                "end": 298
+                "start": 399,
+                "end": 399
             }
         },
         "group": [
@@ -49303,8 +50031,8 @@
     {
         "description": "The text color of active Menu item in popup.\n",
         "commentRange": {
-            "start": 299,
-            "end": 300
+            "start": 400,
+            "end": 401
         },
         "context": {
             "type": "variable",
@@ -49312,8 +50040,8 @@
             "value": "$kendo-list-item-selected-text",
             "scope": "default",
             "line": {
-                "start": 301,
-                "end": 301
+                "start": 402,
+                "end": 402
             }
         },
         "group": [
@@ -49328,8 +50056,8 @@
     {
         "description": "The border color of active Menu item in popup.\n",
         "commentRange": {
-            "start": 302,
-            "end": 303
+            "start": 403,
+            "end": 404
         },
         "context": {
             "type": "variable",
@@ -49337,8 +50065,8 @@
             "value": "null",
             "scope": "default",
             "line": {
-                "start": 304,
-                "end": 304
+                "start": 405,
+                "end": 405
             }
         },
         "group": [
@@ -49353,8 +50081,8 @@
     {
         "description": "The background gradient of active Menu item in popup.\n",
         "commentRange": {
-            "start": 305,
-            "end": 306
+            "start": 406,
+            "end": 407
         },
         "context": {
             "type": "variable",
@@ -49362,8 +50090,8 @@
             "value": "null",
             "scope": "default",
             "line": {
-                "start": 307,
-                "end": 307
+                "start": 408,
+                "end": 408
             }
         },
         "group": [
@@ -49378,8 +50106,8 @@
     {
         "description": "The base shadow of focused Menu item in popup.\n",
         "commentRange": {
-            "start": 309,
-            "end": 310
+            "start": 410,
+            "end": 411
         },
         "context": {
             "type": "variable",
@@ -49387,8 +50115,8 @@
             "value": "$kendo-menu-item-focus-shadow",
             "scope": "default",
             "line": {
-                "start": 311,
-                "end": 311
+                "start": 412,
+                "end": 412
             }
         },
         "group": [
@@ -63455,7 +64183,7 @@
         "context": {
             "type": "variable",
             "name": "kendo-scheduler-resize-handle-size",
-            "value": "8px",
+            "value": "12px",
             "scope": "default",
             "line": {
                 "start": 160,
@@ -63472,15 +64200,15 @@
         }
     },
     {
-        "description": "The border radius of the Scheduler resize handle.\n",
+        "description": "The thickness of the Scheduler resize handle visual indicator.\n",
         "commentRange": {
             "start": 161,
             "end": 162
         },
         "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": 163,
@@ -63497,15 +64225,15 @@
         }
     },
     {
-        "description": "The border width of the Scheduler resize handle.\n",
+        "description": "The border radius of the Scheduler resize handle.\n",
         "commentRange": {
             "start": 164,
             "end": 165
         },
         "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": 166,
@@ -63522,15 +64250,15 @@
         }
     },
     {
-        "description": "The background color of the Scheduler resize handle.\n",
+        "description": "The border width of the Scheduler resize handle.\n",
         "commentRange": {
             "start": 167,
             "end": 168
         },
         "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": 169,
@@ -63547,19 +64275,19 @@
         }
     },
     {
-        "description": "The horizontal padding of the Scheduler cell.\n",
+        "description": "The background color of the Scheduler resize handle.\n",
         "commentRange": {
-            "start": 171,
-            "end": 172
+            "start": 170,
+            "end": 171
         },
         "context": {
             "type": "variable",
-            "name": "kendo-scheduler-cell-padding-x",
-            "value": "k-spacing(2)",
+            "name": "kendo-scheduler-resize-handle-bg",
+            "value": "k-color(primary-subtle)",
             "scope": "default",
             "line": {
-                "start": 173,
-                "end": 173
+                "start": 172,
+                "end": 172
             }
         },
         "group": [
@@ -63572,14 +64300,14 @@
         }
     },
     {
-        "description": "The vertical padding of the Scheduler cell.\n",
+        "description": "The horizontal padding of the Scheduler cell.\n",
         "commentRange": {
             "start": 174,
             "end": 175
         },
         "context": {
             "type": "variable",
-            "name": "kendo-scheduler-cell-padding-y",
+            "name": "kendo-scheduler-cell-padding-x",
             "value": "k-spacing(2)",
             "scope": "default",
             "line": {
@@ -63597,15 +64325,15 @@
         }
     },
     {
-        "description": "The height of the Scheduler cell.\n",
+        "description": "The vertical padding of the Scheduler cell.\n",
         "commentRange": {
             "start": 177,
             "end": 178
         },
         "context": {
             "type": "variable",
-            "name": "kendo-scheduler-cell-height",
-            "value": "$kendo-line-height-em",
+            "name": "kendo-scheduler-cell-padding-y",
+            "value": "k-spacing(2)",
             "scope": "default",
             "line": {
                 "start": 179,
@@ -63622,15 +64350,15 @@
         }
     },
     {
-        "description": "The width of the Scheduler date column.\n",
+        "description": "The height of the Scheduler cell.\n",
         "commentRange": {
             "start": 180,
             "end": 181
         },
         "context": {
             "type": "variable",
-            "name": "kendo-scheduler-datecolumn-width",
-            "value": "12em",
+            "name": "kendo-scheduler-cell-height",
+            "value": "$kendo-line-height-em",
             "scope": "default",
             "line": {
                 "start": 182,
@@ -63647,15 +64375,15 @@
         }
     },
     {
-        "description": "The width of the Scheduler time column.\n",
+        "description": "The width of the Scheduler date column.\n",
         "commentRange": {
             "start": 183,
             "end": 184
         },
         "context": {
             "type": "variable",
-            "name": "kendo-scheduler-timecolumn-width",
-            "value": "11em",
+            "name": "kendo-scheduler-datecolumn-width",
+            "value": "12em",
             "scope": "default",
             "line": {
                 "start": 185,
@@ -63671,11 +64399,36 @@
             "name": "_variables.scss"
         }
     },
+    {
+        "description": "The width of the Scheduler time column.\n",
+        "commentRange": {
+            "start": 186,
+            "end": 187
+        },
+        "context": {
+            "type": "variable",
+            "name": "kendo-scheduler-timecolumn-width",
+            "value": "11em",
+            "scope": "default",
+            "line": {
+                "start": 188,
+                "end": 188
+            }
+        },
+        "group": [
+            "scheduler"
+        ],
+        "access": "public",
+        "file": {
+            "path": "scheduler/_variables.scss",
+            "name": "_variables.scss"
+        }
+    },
     {
         "description": "The background color of the non-working hours in the Scheduler.\n",
         "commentRange": {
-            "start": 187,
-            "end": 188
+            "start": 190,
+            "end": 191
         },
         "context": {
             "type": "variable",
@@ -63683,8 +64436,8 @@
             "value": "k-color(base)",
             "scope": "default",
             "line": {
-                "start": 189,
-                "end": 189
+                "start": 192,
+                "end": 192
             }
         },
         "group": [
@@ -63699,8 +64452,8 @@
     {
         "description": "The text color of the non-working hours in the Scheduler.\n",
         "commentRange": {
-            "start": 190,
-            "end": 191
+            "start": 193,
+            "end": 194
         },
         "context": {
             "type": "variable",
@@ -63708,8 +64461,8 @@
             "value": "null",
             "scope": "default",
             "line": {
-                "start": 192,
-                "end": 192
+                "start": 195,
+                "end": 195
             }
         },
         "group": [
@@ -63724,8 +64477,8 @@
     {
         "description": "The background color of the preceding/subsequent month cells in the Calendar.\n",
         "commentRange": {
-            "start": 194,
-            "end": 195
+            "start": 197,
+            "end": 198
         },
         "context": {
             "type": "variable",
@@ -63733,8 +64486,8 @@
             "value": "k-color(base)",
             "scope": "default",
             "line": {
-                "start": 196,
-                "end": 196
+                "start": 199,
+                "end": 199
             }
         },
         "group": [
@@ -63749,8 +64502,8 @@
     {
         "description": "The text color of the preceding/subsequent month cells in the Calendar.\n",
         "commentRange": {
-            "start": 197,
-            "end": 198
+            "start": 200,
+            "end": 201
         },
         "context": {
             "type": "variable",
@@ -63758,8 +64511,8 @@
             "value": "null",
             "scope": "default",
             "line": {
-                "start": 199,
-                "end": 199
+                "start": 202,
+                "end": 202
             }
         },
         "group": [
@@ -63774,8 +64527,8 @@
     {
         "description": "The horizontal padding of the year view in the Scheduler.\n",
         "commentRange": {
-            "start": 201,
-            "end": 202
+            "start": 204,
+            "end": 205
         },
         "context": {
             "type": "variable",
@@ -63783,8 +64536,8 @@
             "value": "k-spacing(3)",
             "scope": "default",
             "line": {
-                "start": 203,
-                "end": 203
+                "start": 206,
+                "end": 206
             }
         },
         "group": [
@@ -63799,8 +64552,8 @@
     {
         "description": "The vertical padding of the year view in the Scheduler.\n",
         "commentRange": {
-            "start": 204,
-            "end": 205
+            "start": 207,
+            "end": 208
         },
         "context": {
             "type": "variable",
@@ -63808,8 +64561,8 @@
             "value": "$kendo-scheduler-yearview-padding-x",
             "scope": "default",
             "line": {
-                "start": 206,
-                "end": 206
+                "start": 209,
+                "end": 209
             }
         },
         "group": [
@@ -63824,8 +64577,8 @@
     {
         "description": "The spacing between the calendars of the year view in the Scheduler.\n",
         "commentRange": {
-            "start": 208,
-            "end": 209
+            "start": 211,
+            "end": 212
         },
         "context": {
             "type": "variable",
@@ -63833,8 +64586,8 @@
             "value": "k-spacing(3)",
             "scope": "default",
             "line": {
-                "start": 210,
-                "end": 210
+                "start": 213,
+                "end": 213
             }
         },
         "group": [
@@ -63849,8 +64602,8 @@
     {
         "description": "The days with events indicator size of the year view in the Scheduler.\n",
         "commentRange": {
-            "start": 212,
-            "end": 213
+            "start": 215,
+            "end": 216
         },
         "context": {
             "type": "variable",
@@ -63858,8 +64611,8 @@
             "value": "3px",
             "scope": "default",
             "line": {
-                "start": 214,
-                "end": 214
+                "start": 217,
+                "end": 217
             }
         },
         "group": [
@@ -63874,8 +64627,8 @@
     {
         "description": "The top position of the days with events indicator of the year view in the Scheduler.\n",
         "commentRange": {
-            "start": 215,
-            "end": 216
+            "start": 218,
+            "end": 219
         },
         "context": {
             "type": "variable",
@@ -63883,8 +64636,8 @@
             "value": "calc( #{$kendo-calendar-cell-size} - (#{$kendo-calendar-cell-padding-y} * 2))",
             "scope": "default",
             "line": {
-                "start": 217,
-                "end": 217
+                "start": 220,
+                "end": 220
             }
         },
         "group": [
@@ -63899,8 +64652,8 @@
     {
         "description": "The left position of the days with events indicator of the year view in the Scheduler.\n",
         "commentRange": {
-            "start": 218,
-            "end": 219
+            "start": 221,
+            "end": 222
         },
         "context": {
             "type": "variable",
@@ -63908,8 +64661,8 @@
             "value": "calc( 50% - #{math.div( $kendo-scheduler-yearview-indicator-size, 2 )} )",
             "scope": "default",
             "line": {
-                "start": 220,
-                "end": 220
+                "start": 223,
+                "end": 223
             }
         },
         "group": [
@@ -63924,8 +64677,8 @@
     {
         "description": "The border radius of the days with events indicator of the year view in the Scheduler.\n",
         "commentRange": {
-            "start": 221,
-            "end": 222
+            "start": 224,
+            "end": 225
         },
         "context": {
             "type": "variable",
@@ -63933,8 +64686,8 @@
             "value": "50%",
             "scope": "default",
             "line": {
-                "start": 223,
-                "end": 223
+                "start": 226,
+                "end": 226
             }
         },
         "group": [
@@ -63949,8 +64702,8 @@
     {
         "description": "The background color of the days with events indicator of the year view in the Scheduler.\n",
         "commentRange": {
-            "start": 224,
-            "end": 225
+            "start": 227,
+            "end": 228
         },
         "context": {
             "type": "variable",
@@ -63958,8 +64711,8 @@
             "value": "k-color(primary)",
             "scope": "default",
             "line": {
-                "start": 226,
-                "end": 226
+                "start": 229,
+                "end": 229
             }
         },
         "group": [
@@ -63974,8 +64727,8 @@
     {
         "description": "The background color of the selected days with events indicator of the year view in the Scheduler.\n",
         "commentRange": {
-            "start": 227,
-            "end": 228
+            "start": 230,
+            "end": 231
         },
         "context": {
             "type": "variable",
@@ -63983,8 +64736,8 @@
             "value": "k-color(on-primary)",
             "scope": "default",
             "line": {
-                "start": 229,
-                "end": 229
+                "start": 232,
+                "end": 232
             }
         },
         "group": [
@@ -63999,8 +64752,8 @@
     {
         "description": "The font size of the month inside the Scheduler Popover.\n",
         "commentRange": {
-            "start": 231,
-            "end": 232
+            "start": 234,
+            "end": 235
         },
         "context": {
             "type": "variable",
@@ -64008,8 +64761,8 @@
             "value": "var(--kendo-font-size-sm)",
             "scope": "default",
             "line": {
-                "start": 233,
-                "end": 233
+                "start": 236,
+                "end": 236
             }
         },
         "group": [
@@ -64024,8 +64777,8 @@
     {
         "description": "The font size of the day inside the Scheduler Popover.\n",
         "commentRange": {
-            "start": 234,
-            "end": 235
+            "start": 237,
+            "end": 238
         },
         "context": {
             "type": "variable",
@@ -64033,8 +64786,8 @@
             "value": "calc( var(--kendo-font-size-sm) * 2 )",
             "scope": "default",
             "line": {
-                "start": 236,
-                "end": 236
+                "start": 239,
+                "end": 239
             }
         },
         "group": [
@@ -64049,8 +64802,8 @@
     {
         "description": "The max height of the events inside the Scheduler Popover.\n",
         "commentRange": {
-            "start": 238,
-            "end": 239
+            "start": 241,
+            "end": 242
         },
         "context": {
             "type": "variable",
@@ -64058,8 +64811,8 @@
             "value": "250px",
             "scope": "default",
             "line": {
-                "start": 240,
-                "end": 240
+                "start": 243,
+                "end": 243
             }
         },
         "group": [
@@ -64074,8 +64827,8 @@
     {
         "description": "The spacing between the events inside the Scheduler Popover.\n",
         "commentRange": {
-            "start": 241,
-            "end": 242
+            "start": 244,
+            "end": 245
         },
         "context": {
             "type": "variable",
@@ -64083,8 +64836,8 @@
             "value": "k-spacing(1.5)",
             "scope": "default",
             "line": {
-                "start": 243,
-                "end": 243
+                "start": 246,
+                "end": 246
             }
         },
         "group": [
@@ -64099,8 +64852,8 @@
     {
         "description": "The minimum height of the events inside the Scheduler Popover.\n",
         "commentRange": {
-            "start": 245,
-            "end": 246
+            "start": 248,
+            "end": 249
         },
         "context": {
             "type": "variable",
@@ -64108,8 +64861,8 @@
             "value": "25px",
             "scope": "default",
             "line": {
-                "start": 247,
-                "end": 247
+                "start": 250,
+                "end": 250
             }
         },
         "group": [
@@ -64124,8 +64877,8 @@
     {
         "description": "The horizontal padding of the events inside the Scheduler Popover.\n",
         "commentRange": {
-            "start": 248,
-            "end": 249
+            "start": 251,
+            "end": 252
         },
         "context": {
             "type": "variable",
@@ -64133,8 +64886,8 @@
             "value": "k-spacing(2)",
             "scope": "default",
             "line": {
-                "start": 250,
-                "end": 250
+                "start": 253,
+                "end": 253
             }
         },
         "group": [
@@ -64149,8 +64902,8 @@
     {
         "description": "The vertical padding of the events inside the Scheduler Popover.\n",
         "commentRange": {
-            "start": 251,
-            "end": 252
+            "start": 254,
+            "end": 255
         },
         "context": {
             "type": "variable",
@@ -64158,8 +64911,8 @@
             "value": "null",
             "scope": "default",
             "line": {
-                "start": 253,
-                "end": 253
+                "start": 256,
+                "end": 256
             }
         },
         "group": [
@@ -64174,8 +64927,8 @@
     {
         "description": "The border radius of the events inside the Scheduler Popover.\n",
         "commentRange": {
-            "start": 254,
-            "end": 255
+            "start": 257,
+            "end": 258
         },
         "context": {
             "type": "variable",
@@ -64183,8 +64936,8 @@
             "value": "k-border-radius(md)",
             "scope": "default",
             "line": {
-                "start": 256,
-                "end": 256
+                "start": 259,
+                "end": 259
             }
         },
         "group": [
@@ -64199,8 +64952,8 @@
     {
         "description": "The spacing between the events items inside the Scheduler Popover.\n",
         "commentRange": {
-            "start": 257,
-            "end": 258
+            "start": 260,
+            "end": 261
         },
         "context": {
             "type": "variable",
@@ -64208,8 +64961,8 @@
             "value": "k-spacing(1)",
             "scope": "default",
             "line": {
-                "start": 259,
-                "end": 259
+                "start": 262,
+                "end": 262
             }
         },
         "group": [
@@ -64224,8 +64977,8 @@
     {
         "description": "The horizontal padding of the Scheduler event template.\n",
         "commentRange": {
-            "start": 261,
-            "end": 262
+            "start": 264,
+            "end": 265
         },
         "context": {
             "type": "variable",
@@ -64233,8 +64986,8 @@
             "value": "k-spacing(2)",
             "scope": "default",
             "line": {
-                "start": 263,
-                "end": 263
+                "start": 266,
+                "end": 266
             }
         },
         "group": [
@@ -64249,8 +65002,8 @@
     {
         "description": "The vertical padding of the Scheduler event template.\n",
         "commentRange": {
-            "start": 264,
-            "end": 265
+            "start": 267,
+            "end": 268
         },
         "context": {
             "type": "variable",
@@ -64258,8 +65011,8 @@
             "value": "k-spacing(1)",
             "scope": "default",
             "line": {
-                "start": 266,
-                "end": 266
+                "start": 269,
+                "end": 269
             }
         },
         "group": [
@@ -64274,8 +65027,8 @@
     {
         "description": "The inline inset of the Scheduler marquee labels.\n",
         "commentRange": {
-            "start": 268,
-            "end": 269
+            "start": 271,
+            "end": 272
         },
         "context": {
             "type": "variable",
@@ -64283,8 +65036,8 @@
             "value": "k-spacing(1)",
             "scope": "default",
             "line": {
-                "start": 270,
-                "end": 270
+                "start": 273,
+                "end": 273
             }
         },
         "group": [
@@ -64299,8 +65052,8 @@
     {
         "description": "The block inset of the Scheduler marquee labels.\n",
         "commentRange": {
-            "start": 271,
-            "end": 272
+            "start": 274,
+            "end": 275
         },
         "context": {
             "type": "variable",
@@ -64308,8 +65061,8 @@
             "value": "k-spacing(0.5)",
             "scope": "default",
             "line": {
-                "start": 273,
-                "end": 273
+                "start": 276,
+                "end": 276
             }
         },
         "group": [
@@ -64324,8 +65077,8 @@
     {
         "description": "The spacing between icon and text in Scheduler navigation items.\n",
         "commentRange": {
-            "start": 275,
-            "end": 276
+            "start": 278,
+            "end": 279
         },
         "context": {
             "type": "variable",
@@ -64333,8 +65086,8 @@
             "value": "k-spacing(1)",
             "scope": "default",
             "line": {
-                "start": 277,
-                "end": 277
+                "start": 280,
+                "end": 280
             }
         },
         "group": [
@@ -64349,8 +65102,8 @@
     {
         "description": "The background color of the Scheduler header.\n",
         "commentRange": {
-            "start": 279,
-            "end": 280
+            "start": 282,
+            "end": 283
         },
         "context": {
             "type": "variable",
@@ -64358,8 +65111,8 @@
             "value": "k-color(surface)",
             "scope": "default",
             "line": {
-                "start": 281,
-                "end": 281
+                "start": 284,
+                "end": 284
             }
         },
         "group": [
@@ -65100,15 +65853,15 @@
         }
     },
     {
-        "description": "The horizontal padding of the Segmented Control.\n",
+        "description": "The default roundness of the Segmented Control.\n",
         "commentRange": {
-            "start": 12,
+            "start": 11,
             "end": 13
         },
         "context": {
             "type": "variable",
-            "name": "kendo-segmented-control-padding-x",
-            "value": "k-spacing(0.5)",
+            "name": "kendo-segmented-control-default-roundness",
+            "value": "\"full\"",
             "scope": "default",
             "line": {
                 "start": 14,
@@ -65118,6 +65871,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": 16,
+            "end": 17
+        },
+        "context": {
+            "type": "variable",
+            "name": "kendo-segmented-control-padding-x",
+            "value": "k-spacing(0.5)",
+            "scope": "default",
+            "line": {
+                "start": 18,
+                "end": 18
+            }
+        },
+        "group": [
+            "segmented-control"
+        ],
         "access": "public",
         "file": {
             "path": "segmented-control/_variables.scss",
@@ -65127,8 +65908,8 @@
     {
         "description": "The vertical padding of the Segmented Control.\n",
         "commentRange": {
-            "start": 15,
-            "end": 16
+            "start": 19,
+            "end": 20
         },
         "context": {
             "type": "variable",
@@ -65136,8 +65917,8 @@
             "value": "k-spacing(0.5)",
             "scope": "default",
             "line": {
-                "start": 17,
-                "end": 17
+                "start": 21,
+                "end": 21
             }
         },
         "group": [
@@ -65152,8 +65933,8 @@
     {
         "description": "The border radius of the Segmented Control.\n",
         "commentRange": {
-            "start": 18,
-            "end": 19
+            "start": 22,
+            "end": 23
         },
         "context": {
             "type": "variable",
@@ -65161,8 +65942,8 @@
             "value": "k-border-radius(full)",
             "scope": "default",
             "line": {
-                "start": 20,
-                "end": 20
+                "start": 24,
+                "end": 24
             }
         },
         "group": [
@@ -65177,8 +65958,8 @@
     {
         "description": "The background color of the Segmented Control.\n",
         "commentRange": {
-            "start": 22,
-            "end": 23
+            "start": 26,
+            "end": 27
         },
         "context": {
             "type": "variable",
@@ -65186,8 +65967,8 @@
             "value": "color-mix(in srgb, k-color(base), currentColor 6%)",
             "scope": "default",
             "line": {
-                "start": 24,
-                "end": 24
+                "start": 28,
+                "end": 28
             }
         },
         "group": [
@@ -65202,8 +65983,8 @@
     {
         "description": "The text color of the Segmented Control.\n",
         "commentRange": {
-            "start": 25,
-            "end": 26
+            "start": 29,
+            "end": 30
         },
         "context": {
             "type": "variable",
@@ -65211,8 +65992,8 @@
             "value": "k-color(on-base)",
             "scope": "default",
             "line": {
-                "start": 27,
-                "end": 27
+                "start": 31,
+                "end": 31
             }
         },
         "group": [
@@ -65227,8 +66008,8 @@
     {
         "description": "The font size of the small Segmented Control.\n",
         "commentRange": {
-            "start": 29,
-            "end": 30
+            "start": 33,
+            "end": 34
         },
         "context": {
             "type": "variable",
@@ -65236,8 +66017,8 @@
             "value": "var(--kendo-font-size)",
             "scope": "default",
             "line": {
-                "start": 31,
-                "end": 31
+                "start": 35,
+                "end": 35
             }
         },
         "group": [
@@ -65252,8 +66033,8 @@
     {
         "description": "The font size of the medium Segmented Control.\n",
         "commentRange": {
-            "start": 32,
-            "end": 33
+            "start": 36,
+            "end": 37
         },
         "context": {
             "type": "variable",
@@ -65261,8 +66042,8 @@
             "value": "var(--kendo-font-size)",
             "scope": "default",
             "line": {
-                "start": 34,
-                "end": 34
+                "start": 38,
+                "end": 38
             }
         },
         "group": [
@@ -65277,8 +66058,8 @@
     {
         "description": "The font size of the large Segmented Control.\n",
         "commentRange": {
-            "start": 35,
-            "end": 36
+            "start": 39,
+            "end": 40
         },
         "context": {
             "type": "variable",
@@ -65286,8 +66067,8 @@
             "value": "var(--kendo-font-size-lg)",
             "scope": "default",
             "line": {
-                "start": 37,
-                "end": 37
+                "start": 41,
+                "end": 41
             }
         },
         "group": [
@@ -65302,8 +66083,8 @@
     {
         "description": "The font family of the Segmented Control.\n",
         "commentRange": {
-            "start": 39,
-            "end": 40
+            "start": 43,
+            "end": 44
         },
         "context": {
             "type": "variable",
@@ -65311,8 +66092,8 @@
             "value": "var(--kendo-font-family)",
             "scope": "default",
             "line": {
-                "start": 41,
-                "end": 41
+                "start": 45,
+                "end": 45
             }
         },
         "group": [
@@ -65327,8 +66108,8 @@
     {
         "description": "The line height of the small Segmented Control.\n",
         "commentRange": {
-            "start": 43,
-            "end": 44
+            "start": 47,
+            "end": 48
         },
         "context": {
             "type": "variable",
@@ -65336,8 +66117,8 @@
             "value": "var(--kendo-line-height)",
             "scope": "default",
             "line": {
-                "start": 45,
-                "end": 45
+                "start": 49,
+                "end": 49
             }
         },
         "group": [
@@ -65352,8 +66133,8 @@
     {
         "description": "The line height of the medium Segmented Control.\n",
         "commentRange": {
-            "start": 46,
-            "end": 47
+            "start": 50,
+            "end": 51
         },
         "context": {
             "type": "variable",
@@ -65361,8 +66142,8 @@
             "value": "var(--kendo-line-height)",
             "scope": "default",
             "line": {
-                "start": 48,
-                "end": 48
+                "start": 52,
+                "end": 52
             }
         },
         "group": [
@@ -65377,8 +66158,8 @@
     {
         "description": "The line height of the large Segmented Control.\n",
         "commentRange": {
-            "start": 49,
-            "end": 50
+            "start": 53,
+            "end": 54
         },
         "context": {
             "type": "variable",
@@ -65386,8 +66167,8 @@
             "value": "var(--kendo-line-height-lg)",
             "scope": "default",
             "line": {
-                "start": 51,
-                "end": 51
+                "start": 55,
+                "end": 55
             }
         },
         "group": [
@@ -65402,8 +66183,8 @@
     {
         "description": "The border radius of the Segmented Control thumb.\n",
         "commentRange": {
-            "start": 53,
-            "end": 54
+            "start": 57,
+            "end": 58
         },
         "context": {
             "type": "variable",
@@ -65411,8 +66192,8 @@
             "value": "$kendo-segmented-control-border-radius",
             "scope": "default",
             "line": {
-                "start": 55,
-                "end": 55
+                "start": 59,
+                "end": 59
             }
         },
         "group": [
@@ -65427,8 +66208,8 @@
     {
         "description": "The box shadow of the Segmented Control thumb.\n",
         "commentRange": {
-            "start": 56,
-            "end": 57
+            "start": 60,
+            "end": 61
         },
         "context": {
             "type": "variable",
@@ -65436,8 +66217,8 @@
             "value": "none",
             "scope": "default",
             "line": {
-                "start": 58,
-                "end": 58
+                "start": 62,
+                "end": 62
             }
         },
         "group": [
@@ -65452,8 +66233,8 @@
     {
         "description": "The background of the Segmented Control thumb.\n",
         "commentRange": {
-            "start": 59,
-            "end": 60
+            "start": 63,
+            "end": 64
         },
         "context": {
             "type": "variable",
@@ -65461,8 +66242,8 @@
             "value": "k-color(app-surface)",
             "scope": "default",
             "line": {
-                "start": 61,
-                "end": 61
+                "start": 65,
+                "end": 65
             }
         },
         "group": [
@@ -65477,8 +66258,8 @@
     {
         "description": "The text color of the Segmented Control thumb.\n",
         "commentRange": {
-            "start": 62,
-            "end": 63
+            "start": 66,
+            "end": 67
         },
         "context": {
             "type": "variable",
@@ -65486,8 +66267,8 @@
             "value": "$kendo-segmented-control-text",
             "scope": "default",
             "line": {
-                "start": 64,
-                "end": 64
+                "start": 68,
+                "end": 68
             }
         },
         "group": [
@@ -65502,8 +66283,8 @@
     {
         "description": "The horizontal padding of the small Segmented Control button.\n",
         "commentRange": {
-            "start": 66,
-            "end": 67
+            "start": 70,
+            "end": 71
         },
         "context": {
             "type": "variable",
@@ -65511,8 +66292,8 @@
             "value": "k-spacing(3)",
             "scope": "default",
             "line": {
-                "start": 68,
-                "end": 68
+                "start": 72,
+                "end": 72
             }
         },
         "group": [
@@ -65527,8 +66308,8 @@
     {
         "description": "The horizontal padding of the medium Segmented Control button.\n",
         "commentRange": {
-            "start": 69,
-            "end": 70
+            "start": 73,
+            "end": 74
         },
         "context": {
             "type": "variable",
@@ -65536,8 +66317,8 @@
             "value": "k-spacing(3)",
             "scope": "default",
             "line": {
-                "start": 71,
-                "end": 71
+                "start": 75,
+                "end": 75
             }
         },
         "group": [
@@ -65552,8 +66333,8 @@
     {
         "description": "The horizontal padding of the large Segmented Control button.\n",
         "commentRange": {
-            "start": 72,
-            "end": 73
+            "start": 76,
+            "end": 77
         },
         "context": {
             "type": "variable",
@@ -65561,8 +66342,8 @@
             "value": "k-spacing(3)",
             "scope": "default",
             "line": {
-                "start": 74,
-                "end": 74
+                "start": 78,
+                "end": 78
             }
         },
         "group": [
@@ -65577,8 +66358,8 @@
     {
         "description": "The vertical padding of the small Segmented Control button.\n",
         "commentRange": {
-            "start": 76,
-            "end": 77
+            "start": 80,
+            "end": 81
         },
         "context": {
             "type": "variable",
@@ -65586,8 +66367,8 @@
             "value": "k-spacing(1px)",
             "scope": "default",
             "line": {
-                "start": 78,
-                "end": 78
+                "start": 82,
+                "end": 82
             }
         },
         "group": [
@@ -65602,8 +66383,8 @@
     {
         "description": "The vertical padding of the medium Segmented Control button.\n",
         "commentRange": {
-            "start": 79,
-            "end": 80
+            "start": 83,
+            "end": 84
         },
         "context": {
             "type": "variable",
@@ -65611,8 +66392,8 @@
             "value": "calc( #{k-spacing(.5)} + 1px )",
             "scope": "default",
             "line": {
-                "start": 81,
-                "end": 81
+                "start": 85,
+                "end": 85
             }
         },
         "group": [
@@ -65627,8 +66408,8 @@
     {
         "description": "The vertical padding of the large Segmented Control button.\n",
         "commentRange": {
-            "start": 82,
-            "end": 83
+            "start": 86,
+            "end": 87
         },
         "context": {
             "type": "variable",
@@ -65636,8 +66417,8 @@
             "value": "calc( #{k-spacing(1.5)} + 1px )",
             "scope": "default",
             "line": {
-                "start": 84,
-                "end": 84
+                "start": 88,
+                "end": 88
             }
         },
         "group": [
@@ -65652,8 +66433,8 @@
     {
         "description": "The width of the border around the Segmented Control button.\n",
         "commentRange": {
-            "start": 87,
-            "end": 88
+            "start": 91,
+            "end": 92
         },
         "context": {
             "type": "variable",
@@ -65661,8 +66442,8 @@
             "value": "0px",
             "scope": "default",
             "line": {
-                "start": 89,
-                "end": 89
+                "start": 93,
+                "end": 93
             }
         },
         "group": [
@@ -65677,8 +66458,8 @@
     {
         "description": "The border radius of the Segmented Control button.\n",
         "commentRange": {
-            "start": 90,
-            "end": 91
+            "start": 94,
+            "end": 95
         },
         "context": {
             "type": "variable",
@@ -65686,8 +66467,8 @@
             "value": "$kendo-segmented-control-thumb-border-radius",
             "scope": "default",
             "line": {
-                "start": 92,
-                "end": 92
+                "start": 96,
+                "end": 96
             }
         },
         "group": [
@@ -65702,8 +66483,8 @@
     {
         "description": "The gap of the items inside the small Segmented Control buttons.\n",
         "commentRange": {
-            "start": 94,
-            "end": 95
+            "start": 98,
+            "end": 99
         },
         "context": {
             "type": "variable",
@@ -65711,8 +66492,8 @@
             "value": "k-spacing(1.5)",
             "scope": "default",
             "line": {
-                "start": 96,
-                "end": 96
+                "start": 100,
+                "end": 100
             }
         },
         "group": [
@@ -65727,8 +66508,8 @@
     {
         "description": "The gap of the items inside the medium Segmented Control buttons.\n",
         "commentRange": {
-            "start": 97,
-            "end": 98
+            "start": 101,
+            "end": 102
         },
         "context": {
             "type": "variable",
@@ -65736,8 +66517,8 @@
             "value": "k-spacing(1.5)",
             "scope": "default",
             "line": {
-                "start": 99,
-                "end": 99
+                "start": 103,
+                "end": 103
             }
         },
         "group": [
@@ -65752,8 +66533,8 @@
     {
         "description": "The gap of the items inside the large Segmented Control buttons.\n",
         "commentRange": {
-            "start": 100,
-            "end": 101
+            "start": 104,
+            "end": 105
         },
         "context": {
             "type": "variable",
@@ -65761,8 +66542,8 @@
             "value": "k-spacing(2)",
             "scope": "default",
             "line": {
-                "start": 102,
-                "end": 102
+                "start": 106,
+                "end": 106
             }
         },
         "group": [
@@ -65777,8 +66558,8 @@
     {
         "description": "The background color of the hovered button inside Segmented Control.\n",
         "commentRange": {
-            "start": 104,
-            "end": 105
+            "start": 108,
+            "end": 109
         },
         "context": {
             "type": "variable",
@@ -65786,8 +66567,8 @@
             "value": "color-mix(in srgb, currentColor 16%, k-color(base-hover))",
             "scope": "default",
             "line": {
-                "start": 106,
-                "end": 106
+                "start": 110,
+                "end": 110
             }
         },
         "group": [
@@ -65802,8 +66583,8 @@
     {
         "description": "The indication of the focused button inside Segmented Control.\n",
         "commentRange": {
-            "start": 107,
-            "end": 108
+            "start": 111,
+            "end": 112
         },
         "context": {
             "type": "variable",
@@ -65811,8 +66592,8 @@
             "value": "inset 0 0 0 2px color-mix(in srgb, currentColor 35%, transparent)",
             "scope": "default",
             "line": {
-                "start": 109,
-                "end": 109
+                "start": 113,
+                "end": 113
             }
         },
         "group": [
@@ -90585,20 +91366,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": [
@@ -91149,8 +91955,8 @@
     {
         "description": "The map with the sizes of the Segmented Control.\n",
         "commentRange": {
-            "start": 45,
-            "end": 46
+            "start": 48,
+            "end": 49
         },
         "context": {
             "type": "variable",
@@ -91158,8 +91964,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": [