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

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

@@ -49797,14 +49797,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": {
@@ -49825,10 +49825,38 @@
         }
     },
     {
-        "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-group-default-size",
+            "value": "\"md\"",
+            "scope": "default",
+            "line": {
+                "start": 17,
+                "end": 17
+            }
+        },
+        "group": [
+            "menu"
+        ],
+        "role": [
+            "default"
+        ],
+        "access": "public",
+        "file": {
+            "path": "menu/_variables.scss",
+            "name": "_variables.scss"
+        }
+    },
+    {
+        "description": "The width of the border around the Menu.\n",
+        "commentRange": {
+            "start": 19,
+            "end": 20
         },
         "context": {
             "type": "variable",
@@ -49836,8 +49864,8 @@
             "value": "0px",
             "scope": "default",
             "line": {
-                "start": 16,
-                "end": 16
+                "start": 21,
+                "end": 21
             }
         },
         "group": [
@@ -49852,8 +49880,8 @@
     {
         "description": "The font family of the Menu.\n",
         "commentRange": {
-            "start": 18,
-            "end": 19
+            "start": 23,
+            "end": 24
         },
         "context": {
             "type": "variable",
@@ -49861,8 +49889,8 @@
             "value": "var( --kendo-font-family, inherit )",
             "scope": "default",
             "line": {
-                "start": 20,
-                "end": 20
+                "start": 25,
+                "end": 25
             }
         },
         "group": [
@@ -49877,8 +49905,8 @@
     {
         "description": "The font size of the Menu.\n",
         "commentRange": {
-            "start": 21,
-            "end": 22
+            "start": 26,
+            "end": 27
         },
         "context": {
             "type": "variable",
@@ -49886,8 +49914,8 @@
             "value": "var( --kendo-font-size, inherit )",
             "scope": "default",
             "line": {
-                "start": 23,
-                "end": 23
+                "start": 28,
+                "end": 28
             }
         },
         "group": [
@@ -49902,8 +49930,8 @@
     {
         "description": "The line height of the Menu used along with $kendo-font-size.\n",
         "commentRange": {
-            "start": 24,
-            "end": 25
+            "start": 29,
+            "end": 30
         },
         "context": {
             "type": "variable",
@@ -49911,8 +49939,108 @@
             "value": "var( --kendo-line-height, normal )",
             "scope": "default",
             "line": {
-                "start": 26,
-                "end": 26
+                "start": 31,
+                "end": 31
+            }
+        },
+        "group": [
+            "menu"
+        ],
+        "access": "public",
+        "file": {
+            "path": "menu/_variables.scss",
+            "name": "_variables.scss"
+        }
+    },
+    {
+        "description": "The font size of the small Menu.\n",
+        "commentRange": {
+            "start": 33,
+            "end": 34
+        },
+        "context": {
+            "type": "variable",
+            "name": "kendo-menu-sm-font-size",
+            "value": "var( --kendo-font-size-sm, inherit )",
+            "scope": "default",
+            "line": {
+                "start": 35,
+                "end": 35
+            }
+        },
+        "group": [
+            "menu"
+        ],
+        "access": "public",
+        "file": {
+            "path": "menu/_variables.scss",
+            "name": "_variables.scss"
+        }
+    },
+    {
+        "description": "The font size of the large Menu.\n",
+        "commentRange": {
+            "start": 36,
+            "end": 37
+        },
+        "context": {
+            "type": "variable",
+            "name": "kendo-menu-lg-font-size",
+            "value": "var( --kendo-font-size-lg, inherit )",
+            "scope": "default",
+            "line": {
+                "start": 38,
+                "end": 38
+            }
+        },
+        "group": [
+            "menu"
+        ],
+        "access": "public",
+        "file": {
+            "path": "menu/_variables.scss",
+            "name": "_variables.scss"
+        }
+    },
+    {
+        "description": "The line height of the small Menu.\n",
+        "commentRange": {
+            "start": 40,
+            "end": 41
+        },
+        "context": {
+            "type": "variable",
+            "name": "kendo-menu-sm-line-height",
+            "value": "var( --kendo-line-height, normal )",
+            "scope": "default",
+            "line": {
+                "start": 42,
+                "end": 42
+            }
+        },
+        "group": [
+            "menu"
+        ],
+        "access": "public",
+        "file": {
+            "path": "menu/_variables.scss",
+            "name": "_variables.scss"
+        }
+    },
+    {
+        "description": "The line height of the large Menu.\n",
+        "commentRange": {
+            "start": 43,
+            "end": 44
+        },
+        "context": {
+            "type": "variable",
+            "name": "kendo-menu-lg-line-height",
+            "value": "var( --kendo-line-height-lg, normal )",
+            "scope": "default",
+            "line": {
+                "start": 45,
+                "end": 45
             }
         },
         "group": [
@@ -49927,8 +50055,8 @@
     {
         "description": "The background color of the Menu.\n",
         "commentRange": {
-            "start": 28,
-            "end": 29
+            "start": 47,
+            "end": 48
         },
         "context": {
             "type": "variable",
@@ -49936,8 +50064,8 @@
             "value": "transparent",
             "scope": "default",
             "line": {
-                "start": 30,
-                "end": 30
+                "start": 49,
+                "end": 49
             }
         },
         "group": [
@@ -49952,8 +50080,8 @@
     {
         "description": "The text color of the Menu.\n",
         "commentRange": {
-            "start": 31,
-            "end": 32
+            "start": 50,
+            "end": 51
         },
         "context": {
             "type": "variable",
@@ -49961,8 +50089,8 @@
             "value": "k-color(on-app-surface)",
             "scope": "default",
             "line": {
-                "start": 33,
-                "end": 33
+                "start": 52,
+                "end": 52
             }
         },
         "group": [
@@ -49977,8 +50105,8 @@
     {
         "description": "The border color of the Menu.\n",
         "commentRange": {
-            "start": 34,
-            "end": 35
+            "start": 53,
+            "end": 54
         },
         "context": {
             "type": "variable",
@@ -49986,8 +50114,8 @@
             "value": "null",
             "scope": "default",
             "line": {
-                "start": 36,
-                "end": 36
+                "start": 55,
+                "end": 55
             }
         },
         "group": [
@@ -50002,8 +50130,8 @@
     {
         "description": "The background gradient of the Menu.\n",
         "commentRange": {
-            "start": 37,
-            "end": 38
+            "start": 56,
+            "end": 57
         },
         "context": {
             "type": "variable",
@@ -50011,8 +50139,8 @@
             "value": "null",
             "scope": "default",
             "line": {
-                "start": 39,
-                "end": 39
+                "start": 58,
+                "end": 58
             }
         },
         "group": [
@@ -50027,8 +50155,8 @@
     {
         "description": "The horizontal padding of the Menu item.\n",
         "commentRange": {
-            "start": 43,
-            "end": 44
+            "start": 62,
+            "end": 63
         },
         "context": {
             "type": "variable",
@@ -50036,8 +50164,8 @@
             "value": "k-spacing(2.5)",
             "scope": "default",
             "line": {
-                "start": 45,
-                "end": 45
+                "start": 64,
+                "end": 64
             }
         },
         "group": [
@@ -50052,8 +50180,8 @@
     {
         "description": "The vertical padding of the Menu item.\n",
         "commentRange": {
-            "start": 46,
-            "end": 47
+            "start": 65,
+            "end": 66
         },
         "context": {
             "type": "variable",
@@ -50061,8 +50189,8 @@
             "value": "k-spacing(2)",
             "scope": "default",
             "line": {
-                "start": 48,
-                "end": 48
+                "start": 67,
+                "end": 67
             }
         },
         "group": [
@@ -50077,8 +50205,8 @@
     {
         "description": "The spacing between the Menu items.\n",
         "commentRange": {
-            "start": 49,
-            "end": 50
+            "start": 68,
+            "end": 69
         },
         "context": {
             "type": "variable",
@@ -50086,8 +50214,8 @@
             "value": "k-spacing(0)",
             "scope": "default",
             "line": {
-                "start": 51,
-                "end": 51
+                "start": 70,
+                "end": 70
             }
         },
         "group": [
@@ -50102,8 +50230,8 @@
     {
         "description": "The spacing between the Menu item text and icons.\n",
         "commentRange": {
-            "start": 52,
-            "end": 53
+            "start": 71,
+            "end": 72
         },
         "context": {
             "type": "variable",
@@ -50111,8 +50239,208 @@
             "value": "$kendo-icon-spacing",
             "scope": "default",
             "line": {
-                "start": 54,
-                "end": 54
+                "start": 73,
+                "end": 73
+            }
+        },
+        "group": [
+            "menu"
+        ],
+        "access": "public",
+        "file": {
+            "path": "menu/_variables.scss",
+            "name": "_variables.scss"
+        }
+    },
+    {
+        "description": "The border radius of the Menu item.\n",
+        "commentRange": {
+            "start": 74,
+            "end": 75
+        },
+        "context": {
+            "type": "variable",
+            "name": "kendo-menu-item-border-radius",
+            "value": "k-border-radius(sm)",
+            "scope": "default",
+            "line": {
+                "start": 76,
+                "end": 76
+            }
+        },
+        "group": [
+            "menu"
+        ],
+        "access": "public",
+        "file": {
+            "path": "menu/_variables.scss",
+            "name": "_variables.scss"
+        }
+    },
+    {
+        "description": "The font size of the Menu item description.\n",
+        "commentRange": {
+            "start": 78,
+            "end": 79
+        },
+        "context": {
+            "type": "variable",
+            "name": "kendo-menu-item-description-font-size",
+            "value": "$kendo-list-item-description-font-size",
+            "scope": "default",
+            "line": {
+                "start": 80,
+                "end": 80
+            }
+        },
+        "group": [
+            "menu"
+        ],
+        "access": "public",
+        "file": {
+            "path": "menu/_variables.scss",
+            "name": "_variables.scss"
+        }
+    },
+    {
+        "description": "The line height of the Menu item description.\n",
+        "commentRange": {
+            "start": 81,
+            "end": 82
+        },
+        "context": {
+            "type": "variable",
+            "name": "kendo-menu-item-description-line-height",
+            "value": "$kendo-list-item-description-line-height",
+            "scope": "default",
+            "line": {
+                "start": 83,
+                "end": 83
+            }
+        },
+        "group": [
+            "menu"
+        ],
+        "access": "public",
+        "file": {
+            "path": "menu/_variables.scss",
+            "name": "_variables.scss"
+        }
+    },
+    {
+        "description": "The text color of the Menu item description.\n",
+        "commentRange": {
+            "start": 84,
+            "end": 85
+        },
+        "context": {
+            "type": "variable",
+            "name": "kendo-menu-item-description-text",
+            "value": "$kendo-list-item-description-text",
+            "scope": "default",
+            "line": {
+                "start": 86,
+                "end": 86
+            }
+        },
+        "group": [
+            "menu"
+        ],
+        "access": "public",
+        "file": {
+            "path": "menu/_variables.scss",
+            "name": "_variables.scss"
+        }
+    },
+    {
+        "description": "The horizontal padding of the small Menu item.\n",
+        "commentRange": {
+            "start": 88,
+            "end": 89
+        },
+        "context": {
+            "type": "variable",
+            "name": "kendo-menu-sm-item-padding-x",
+            "value": "k-spacing(2)",
+            "scope": "default",
+            "line": {
+                "start": 90,
+                "end": 90
+            }
+        },
+        "group": [
+            "menu"
+        ],
+        "access": "public",
+        "file": {
+            "path": "menu/_variables.scss",
+            "name": "_variables.scss"
+        }
+    },
+    {
+        "description": "The horizontal padding of the large Menu item.\n",
+        "commentRange": {
+            "start": 91,
+            "end": 92
+        },
+        "context": {
+            "type": "variable",
+            "name": "kendo-menu-lg-item-padding-x",
+            "value": "k-spacing(3)",
+            "scope": "default",
+            "line": {
+                "start": 93,
+                "end": 93
+            }
+        },
+        "group": [
+            "menu"
+        ],
+        "access": "public",
+        "file": {
+            "path": "menu/_variables.scss",
+            "name": "_variables.scss"
+        }
+    },
+    {
+        "description": "The vertical padding of the small Menu item.\n",
+        "commentRange": {
+            "start": 95,
+            "end": 96
+        },
+        "context": {
+            "type": "variable",
+            "name": "kendo-menu-sm-item-padding-y",
+            "value": "k-spacing(1.5)",
+            "scope": "default",
+            "line": {
+                "start": 97,
+                "end": 97
+            }
+        },
+        "group": [
+            "menu"
+        ],
+        "access": "public",
+        "file": {
+            "path": "menu/_variables.scss",
+            "name": "_variables.scss"
+        }
+    },
+    {
+        "description": "The vertical padding of the large Menu item.\n",
+        "commentRange": {
+            "start": 98,
+            "end": 99
+        },
+        "context": {
+            "type": "variable",
+            "name": "kendo-menu-lg-item-padding-y",
+            "value": "k-spacing(3)",
+            "scope": "default",
+            "line": {
+                "start": 100,
+                "end": 100
             }
         },
         "group": [
@@ -50127,8 +50455,8 @@
     {
         "description": "The font weight of the selected Menu item.\n",
         "commentRange": {
-            "start": 56,
-            "end": 57
+            "start": 102,
+            "end": 103
         },
         "context": {
             "type": "variable",
@@ -50136,8 +50464,8 @@
             "value": "normal",
             "scope": "default",
             "line": {
-                "start": 58,
-                "end": 58
+                "start": 104,
+                "end": 104
             }
         },
         "group": [
@@ -50152,8 +50480,8 @@
     {
         "description": "The background color of the Menu item.\n",
         "commentRange": {
-            "start": 60,
-            "end": 61
+            "start": 106,
+            "end": 107
         },
         "context": {
             "type": "variable",
@@ -50161,8 +50489,8 @@
             "value": "null",
             "scope": "default",
             "line": {
-                "start": 62,
-                "end": 62
+                "start": 108,
+                "end": 108
             }
         },
         "group": [
@@ -50177,8 +50505,8 @@
     {
         "description": "The text color of the Menu item.\n",
         "commentRange": {
-            "start": 63,
-            "end": 64
+            "start": 109,
+            "end": 110
         },
         "context": {
             "type": "variable",
@@ -50186,8 +50514,8 @@
             "value": "k-color(on-app-surface)",
             "scope": "default",
             "line": {
-                "start": 65,
-                "end": 65
+                "start": 111,
+                "end": 111
             }
         },
         "group": [
@@ -50202,8 +50530,8 @@
     {
         "description": "The border color of the Menu item.\n",
         "commentRange": {
-            "start": 66,
-            "end": 67
+            "start": 112,
+            "end": 113
         },
         "context": {
             "type": "variable",
@@ -50211,8 +50539,8 @@
             "value": "null",
             "scope": "default",
             "line": {
-                "start": 68,
-                "end": 68
+                "start": 114,
+                "end": 114
             }
         },
         "group": [
@@ -50227,8 +50555,8 @@
     {
         "description": "The background gradient of the Menu item.\n",
         "commentRange": {
-            "start": 69,
-            "end": 70
+            "start": 115,
+            "end": 116
         },
         "context": {
             "type": "variable",
@@ -50236,8 +50564,8 @@
             "value": "null",
             "scope": "default",
             "line": {
-                "start": 71,
-                "end": 71
+                "start": 117,
+                "end": 117
             }
         },
         "group": [
@@ -50252,8 +50580,8 @@
     {
         "description": "The background color of hovered Menu item.\n",
         "commentRange": {
-            "start": 73,
-            "end": 74
+            "start": 119,
+            "end": 120
         },
         "context": {
             "type": "variable",
@@ -50261,8 +50589,8 @@
             "value": "null",
             "scope": "default",
             "line": {
-                "start": 75,
-                "end": 75
+                "start": 121,
+                "end": 121
             }
         },
         "group": [
@@ -50277,8 +50605,8 @@
     {
         "description": "The text color of hovered Menu item.\n",
         "commentRange": {
-            "start": 76,
-            "end": 77
+            "start": 122,
+            "end": 123
         },
         "context": {
             "type": "variable",
@@ -50286,8 +50614,8 @@
             "value": "k-color(on-app-surface)",
             "scope": "default",
             "line": {
-                "start": 78,
-                "end": 78
+                "start": 124,
+                "end": 124
             }
         },
         "group": [
@@ -50302,8 +50630,8 @@
     {
         "description": "The border color of hovered Menu item.\n",
         "commentRange": {
-            "start": 79,
-            "end": 80
+            "start": 125,
+            "end": 126
         },
         "context": {
             "type": "variable",
@@ -50311,8 +50639,8 @@
             "value": "null",
             "scope": "default",
             "line": {
-                "start": 81,
-                "end": 81
+                "start": 127,
+                "end": 127
             }
         },
         "group": [
@@ -50327,8 +50655,8 @@
     {
         "description": "The background gradient of hovered Menu item.\n",
         "commentRange": {
-            "start": 82,
-            "end": 83
+            "start": 128,
+            "end": 129
         },
         "context": {
             "type": "variable",
@@ -50336,8 +50664,8 @@
             "value": "null",
             "scope": "default",
             "line": {
-                "start": 84,
-                "end": 84
+                "start": 130,
+                "end": 130
             }
         },
         "group": [
@@ -50352,8 +50680,8 @@
     {
         "description": "The background color of active Menu item.\n",
         "commentRange": {
-            "start": 86,
-            "end": 87
+            "start": 132,
+            "end": 133
         },
         "context": {
             "type": "variable",
@@ -50361,8 +50689,8 @@
             "value": "null",
             "scope": "default",
             "line": {
-                "start": 88,
-                "end": 88
+                "start": 134,
+                "end": 134
             }
         },
         "group": [
@@ -50377,8 +50705,8 @@
     {
         "description": "The text color of active Menu item.\n",
         "commentRange": {
-            "start": 89,
-            "end": 90
+            "start": 135,
+            "end": 136
         },
         "context": {
             "type": "variable",
@@ -50386,8 +50714,8 @@
             "value": "k-color(secondary-on-surface)",
             "scope": "default",
             "line": {
-                "start": 91,
-                "end": 91
+                "start": 137,
+                "end": 137
             }
         },
         "group": [
@@ -50402,8 +50730,8 @@
     {
         "description": "The border color of active Menu item.\n",
         "commentRange": {
-            "start": 92,
-            "end": 93
+            "start": 138,
+            "end": 139
         },
         "context": {
             "type": "variable",
@@ -50411,8 +50739,8 @@
             "value": "null",
             "scope": "default",
             "line": {
-                "start": 94,
-                "end": 94
+                "start": 140,
+                "end": 140
             }
         },
         "group": [
@@ -50427,8 +50755,8 @@
     {
         "description": "The background gradient of active Menu item.\n",
         "commentRange": {
-            "start": 95,
-            "end": 96
+            "start": 141,
+            "end": 142
         },
         "context": {
             "type": "variable",
@@ -50436,8 +50764,8 @@
             "value": "null",
             "scope": "default",
             "line": {
-                "start": 97,
-                "end": 97
+                "start": 143,
+                "end": 143
             }
         },
         "group": [
@@ -50452,8 +50780,8 @@
     {
         "description": "The base shadow of focused Menu item.\n",
         "commentRange": {
-            "start": 99,
-            "end": 100
+            "start": 145,
+            "end": 146
         },
         "context": {
             "type": "variable",
@@ -50461,8 +50789,8 @@
             "value": "null",
             "scope": "default",
             "line": {
-                "start": 101,
-                "end": 101
+                "start": 147,
+                "end": 147
             }
         },
         "group": [
@@ -50477,8 +50805,8 @@
     {
         "description": "The outline color of focused Menu item.\n",
         "commentRange": {
-            "start": 103,
-            "end": 104
+            "start": 149,
+            "end": 150
         },
         "context": {
             "type": "variable",
@@ -50486,8 +50814,8 @@
             "value": "k-color(subtle)",
             "scope": "default",
             "line": {
-                "start": 105,
-                "end": 105
+                "start": 151,
+                "end": 151
             }
         },
         "group": [
@@ -50502,8 +50830,8 @@
     {
         "description": "The outline offset of focused Menu item.\n",
         "commentRange": {
-            "start": 107,
-            "end": 108
+            "start": 153,
+            "end": 154
         },
         "context": {
             "type": "variable",
@@ -50511,8 +50839,8 @@
             "value": "1px",
             "scope": "default",
             "line": {
-                "start": 109,
-                "end": 109
+                "start": 155,
+                "end": 155
             }
         },
         "group": [
@@ -50527,8 +50855,8 @@
     {
         "description": "The background color of selected Menu item.\n",
         "commentRange": {
-            "start": 111,
-            "end": 112
+            "start": 157,
+            "end": 158
         },
         "context": {
             "type": "variable",
@@ -50536,8 +50864,8 @@
             "value": "null",
             "scope": "default",
             "line": {
-                "start": 113,
-                "end": 113
+                "start": 159,
+                "end": 159
             }
         },
         "group": [
@@ -50552,8 +50880,8 @@
     {
         "description": "The text color of selected Menu item.\n",
         "commentRange": {
-            "start": 114,
-            "end": 115
+            "start": 160,
+            "end": 161
         },
         "context": {
             "type": "variable",
@@ -50561,8 +50889,8 @@
             "value": "k-color(secondary-on-surface)",
             "scope": "default",
             "line": {
-                "start": 116,
-                "end": 116
+                "start": 162,
+                "end": 162
             }
         },
         "group": [
@@ -50577,8 +50905,8 @@
     {
         "description": "The border color of selected Menu item.\n",
         "commentRange": {
-            "start": 117,
-            "end": 118
+            "start": 163,
+            "end": 164
         },
         "context": {
             "type": "variable",
@@ -50586,8 +50914,8 @@
             "value": "null",
             "scope": "default",
             "line": {
-                "start": 119,
-                "end": 119
+                "start": 165,
+                "end": 165
             }
         },
         "group": [
@@ -50602,8 +50930,8 @@
     {
         "description": "The background gradient of selected Menu item.\n",
         "commentRange": {
-            "start": 120,
-            "end": 121
+            "start": 166,
+            "end": 167
         },
         "context": {
             "type": "variable",
@@ -50611,8 +50939,8 @@
             "value": "null",
             "scope": "default",
             "line": {
-                "start": 122,
-                "end": 122
+                "start": 168,
+                "end": 168
             }
         },
         "group": [
@@ -50627,8 +50955,8 @@
     {
         "description": "The background color of the Menu scroll buttons.\n",
         "commentRange": {
-            "start": 124,
-            "end": 125
+            "start": 170,
+            "end": 171
         },
         "context": {
             "type": "variable",
@@ -50636,8 +50964,8 @@
             "value": "null",
             "scope": "default",
             "line": {
-                "start": 126,
-                "end": 126
+                "start": 172,
+                "end": 172
             }
         },
         "group": [
@@ -50652,8 +50980,8 @@
     {
         "description": "The text color of the Menu scroll buttons.\n",
         "commentRange": {
-            "start": 127,
-            "end": 128
+            "start": 173,
+            "end": 174
         },
         "context": {
             "type": "variable",
@@ -50661,8 +50989,8 @@
             "value": "k-color(subtle)",
             "scope": "default",
             "line": {
-                "start": 129,
-                "end": 129
+                "start": 175,
+                "end": 175
             }
         },
         "group": [
@@ -50677,8 +51005,8 @@
     {
         "description": "The border color of the Menu scroll buttons.\n",
         "commentRange": {
-            "start": 130,
-            "end": 131
+            "start": 176,
+            "end": 177
         },
         "context": {
             "type": "variable",
@@ -50686,8 +51014,8 @@
             "value": "null",
             "scope": "default",
             "line": {
-                "start": 132,
-                "end": 132
+                "start": 178,
+                "end": 178
             }
         },
         "group": [
@@ -50702,8 +51030,8 @@
     {
         "description": "The background gradient of the Menu scroll buttons.\n",
         "commentRange": {
-            "start": 133,
-            "end": 134
+            "start": 179,
+            "end": 180
         },
         "context": {
             "type": "variable",
@@ -50711,8 +51039,8 @@
             "value": "null",
             "scope": "default",
             "line": {
-                "start": 135,
-                "end": 135
+                "start": 181,
+                "end": 181
             }
         },
         "group": [
@@ -50727,8 +51055,8 @@
     {
         "description": "The background color of hovered Menu scroll buttons.\n",
         "commentRange": {
-            "start": 137,
-            "end": 138
+            "start": 183,
+            "end": 184
         },
         "context": {
             "type": "variable",
@@ -50736,8 +51064,8 @@
             "value": "null",
             "scope": "default",
             "line": {
-                "start": 139,
-                "end": 139
+                "start": 185,
+                "end": 185
             }
         },
         "group": [
@@ -50752,8 +51080,8 @@
     {
         "description": "The text color of hovered Menu scroll buttons.\n",
         "commentRange": {
-            "start": 140,
-            "end": 141
+            "start": 186,
+            "end": 187
         },
         "context": {
             "type": "variable",
@@ -50761,8 +51089,8 @@
             "value": "k-color(on-app-surface)",
             "scope": "default",
             "line": {
-                "start": 142,
-                "end": 142
+                "start": 188,
+                "end": 188
             }
         },
         "group": [
@@ -50777,8 +51105,8 @@
     {
         "description": "The border color of hovered Menu scroll buttons.\n",
         "commentRange": {
-            "start": 143,
-            "end": 144
+            "start": 189,
+            "end": 190
         },
         "context": {
             "type": "variable",
@@ -50786,8 +51114,8 @@
             "value": "null",
             "scope": "default",
             "line": {
-                "start": 145,
-                "end": 145
+                "start": 191,
+                "end": 191
             }
         },
         "group": [
@@ -50802,8 +51130,8 @@
     {
         "description": "The background gradient of hovered Menu scroll buttons.\n",
         "commentRange": {
-            "start": 146,
-            "end": 147
+            "start": 192,
+            "end": 193
         },
         "context": {
             "type": "variable",
@@ -50811,8 +51139,8 @@
             "value": "null",
             "scope": "default",
             "line": {
-                "start": 148,
-                "end": 148
+                "start": 194,
+                "end": 194
             }
         },
         "group": [
@@ -50827,17 +51155,392 @@
     {
         "description": "The horizontal padding of the Menu expand arrow icon.\n",
         "commentRange": {
-            "start": 150,
-            "end": 151
+            "start": 196,
+            "end": 197
+        },
+        "context": {
+            "type": "variable",
+            "name": "kendo-menu-icon-padding-x",
+            "value": "null",
+            "scope": "default",
+            "line": {
+                "start": 198,
+                "end": 198
+            }
+        },
+        "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": 199,
+            "end": 200
+        },
+        "context": {
+            "type": "variable",
+            "name": "kendo-menu-icon-padding-y",
+            "value": "null",
+            "scope": "default",
+            "line": {
+                "start": 201,
+                "end": 201
+            }
+        },
+        "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": 203,
+            "end": 204
+        },
+        "context": {
+            "type": "variable",
+            "name": "kendo-menu-expand-arrow-spacing",
+            "value": "k-spacing(1)",
+            "scope": "default",
+            "line": {
+                "start": 205,
+                "end": 205
+            }
+        },
+        "group": [
+            "menu"
+        ],
+        "access": "public",
+        "file": {
+            "path": "menu/_variables.scss",
+            "name": "_variables.scss"
+        }
+    },
+    {
+        "description": "The inline margin of the horizontal Menu separator.\n",
+        "commentRange": {
+            "start": 209,
+            "end": 210
+        },
+        "context": {
+            "type": "variable",
+            "name": "kendo-menu-separator-margin-inline",
+            "value": "k-spacing(1)",
+            "scope": "default",
+            "line": {
+                "start": 211,
+                "end": 211
+            }
+        },
+        "group": [
+            "menu"
+        ],
+        "access": "public",
+        "file": {
+            "path": "menu/_variables.scss",
+            "name": "_variables.scss"
+        }
+    },
+    {
+        "description": "The block margin of the horizontal Menu separator.\n",
+        "commentRange": {
+            "start": 212,
+            "end": 213
+        },
+        "context": {
+            "type": "variable",
+            "name": "kendo-menu-separator-margin-block",
+            "value": "k-spacing(1.5)",
+            "scope": "default",
+            "line": {
+                "start": 214,
+                "end": 214
+            }
+        },
+        "group": [
+            "menu"
+        ],
+        "access": "public",
+        "file": {
+            "path": "menu/_variables.scss",
+            "name": "_variables.scss"
+        }
+    },
+    {
+        "description": "The border color of the Menu separator.\n",
+        "commentRange": {
+            "start": 215,
+            "end": 216
+        },
+        "context": {
+            "type": "variable",
+            "name": "kendo-menu-separator-border",
+            "value": "k-color(border)",
+            "scope": "default",
+            "line": {
+                "start": 217,
+                "end": 217
+            }
+        },
+        "group": [
+            "menu"
+        ],
+        "access": "public",
+        "file": {
+            "path": "menu/_variables.scss",
+            "name": "_variables.scss"
+        }
+    },
+    {
+        "description": "The horizontal padding of the Menu popup.\n",
+        "commentRange": {
+            "start": 222,
+            "end": 223
+        },
+        "context": {
+            "type": "variable",
+            "name": "kendo-menu-popup-padding-x",
+            "value": "k-spacing(2)",
+            "scope": "default",
+            "line": {
+                "start": 224,
+                "end": 224
+            }
+        },
+        "group": [
+            "menu"
+        ],
+        "access": "public",
+        "file": {
+            "path": "menu/_variables.scss",
+            "name": "_variables.scss"
+        }
+    },
+    {
+        "description": "The vertical padding of the Menu popup.\n",
+        "commentRange": {
+            "start": 226,
+            "end": 227
+        },
+        "context": {
+            "type": "variable",
+            "name": "kendo-menu-popup-padding-y",
+            "value": "k-spacing(2)",
+            "scope": "default",
+            "line": {
+                "start": 228,
+                "end": 228
+            }
+        },
+        "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": 230,
+            "end": 231
+        },
+        "context": {
+            "type": "variable",
+            "name": "kendo-menu-popup-border-width",
+            "value": "$kendo-popup-border-width",
+            "scope": "default",
+            "line": {
+                "start": 232,
+                "end": 232
+            }
+        },
+        "group": [
+            "menu"
+        ],
+        "access": "public",
+        "file": {
+            "path": "menu/_variables.scss",
+            "name": "_variables.scss"
+        }
+    },
+    {
+        "description": "The font size of the small Menu popup.\n",
+        "commentRange": {
+            "start": 234,
+            "end": 235
+        },
+        "context": {
+            "type": "variable",
+            "name": "kendo-menu-popup-sm-font-size",
+            "value": "var( --kendo-font-size, inherit )",
+            "scope": "default",
+            "line": {
+                "start": 236,
+                "end": 236
+            }
+        },
+        "group": [
+            "menu"
+        ],
+        "access": "public",
+        "file": {
+            "path": "menu/_variables.scss",
+            "name": "_variables.scss"
+        }
+    },
+    {
+        "description": "The font size of the medium Menu popup.\n",
+        "commentRange": {
+            "start": 237,
+            "end": 238
+        },
+        "context": {
+            "type": "variable",
+            "name": "kendo-menu-popup-md-font-size",
+            "value": "var( --kendo-font-size, inherit )",
+            "scope": "default",
+            "line": {
+                "start": 239,
+                "end": 239
+            }
+        },
+        "group": [
+            "menu"
+        ],
+        "access": "public",
+        "file": {
+            "path": "menu/_variables.scss",
+            "name": "_variables.scss"
+        }
+    },
+    {
+        "description": "The font size of the large Menu popup.\n",
+        "commentRange": {
+            "start": 240,
+            "end": 241
+        },
+        "context": {
+            "type": "variable",
+            "name": "kendo-menu-popup-lg-font-size",
+            "value": "var( --kendo-font-size-lg, inherit )",
+            "scope": "default",
+            "line": {
+                "start": 242,
+                "end": 242
+            }
+        },
+        "group": [
+            "menu"
+        ],
+        "access": "public",
+        "file": {
+            "path": "menu/_variables.scss",
+            "name": "_variables.scss"
+        }
+    },
+    {
+        "description": "The line height of the small Menu popup.\n",
+        "commentRange": {
+            "start": 244,
+            "end": 245
+        },
+        "context": {
+            "type": "variable",
+            "name": "kendo-menu-popup-sm-line-height",
+            "value": "var( --kendo-line-height, normal )",
+            "scope": "default",
+            "line": {
+                "start": 246,
+                "end": 246
+            }
+        },
+        "group": [
+            "menu"
+        ],
+        "access": "public",
+        "file": {
+            "path": "menu/_variables.scss",
+            "name": "_variables.scss"
+        }
+    },
+    {
+        "description": "The line height of the medium Menu popup.\n",
+        "commentRange": {
+            "start": 247,
+            "end": 248
+        },
+        "context": {
+            "type": "variable",
+            "name": "kendo-menu-popup-md-line-height",
+            "value": "var( --kendo-line-height, normal )",
+            "scope": "default",
+            "line": {
+                "start": 249,
+                "end": 249
+            }
+        },
+        "group": [
+            "menu"
+        ],
+        "access": "public",
+        "file": {
+            "path": "menu/_variables.scss",
+            "name": "_variables.scss"
+        }
+    },
+    {
+        "description": "The line height of the large Menu popup.\n",
+        "commentRange": {
+            "start": 250,
+            "end": 251
+        },
+        "context": {
+            "type": "variable",
+            "name": "kendo-menu-popup-lg-line-height",
+            "value": "var( --kendo-line-height-lg, normal )",
+            "scope": "default",
+            "line": {
+                "start": 252,
+                "end": 252
+            }
+        },
+        "group": [
+            "menu"
+        ],
+        "access": "public",
+        "file": {
+            "path": "menu/_variables.scss",
+            "name": "_variables.scss"
+        }
+    },
+    {
+        "description": "The background color of the Menu popup.\n",
+        "commentRange": {
+            "start": 254,
+            "end": 255
         },
         "context": {
             "type": "variable",
-            "name": "kendo-menu-icon-padding-x",
-            "value": "null",
+            "name": "kendo-menu-popup-bg",
+            "value": "$kendo-popup-bg",
             "scope": "default",
             "line": {
-                "start": 152,
-                "end": 152
+                "start": 256,
+                "end": 256
             }
         },
         "group": [
@@ -50850,19 +51553,19 @@
         }
     },
     {
-        "description": "The vertical padding of the Menu expand arrow icon.\n",
+        "description": "The text color of the Menu popup.\n",
         "commentRange": {
-            "start": 153,
-            "end": 154
+            "start": 257,
+            "end": 258
         },
         "context": {
             "type": "variable",
-            "name": "kendo-menu-icon-padding-y",
-            "value": "null",
+            "name": "kendo-menu-popup-text",
+            "value": "$kendo-popup-text",
             "scope": "default",
             "line": {
-                "start": 155,
-                "end": 155
+                "start": 259,
+                "end": 259
             }
         },
         "group": [
@@ -50875,19 +51578,19 @@
         }
     },
     {
-        "description": "The spacing used for the menu expand arrow negative offset.\n",
+        "description": "The border color of the Menu popup.\n",
         "commentRange": {
-            "start": 157,
-            "end": 158
+            "start": 260,
+            "end": 261
         },
         "context": {
             "type": "variable",
-            "name": "kendo-menu-expand-arrow-spacing",
-            "value": "k-spacing(1)",
+            "name": "kendo-menu-popup-border",
+            "value": "$kendo-popup-border",
             "scope": "default",
             "line": {
-                "start": 159,
-                "end": 159
+                "start": 262,
+                "end": 262
             }
         },
         "group": [
@@ -50900,19 +51603,19 @@
         }
     },
     {
-        "description": "The inline margin of the horizontal Menu separator.\n",
+        "description": "The background gradient of the Menu popup.\n",
         "commentRange": {
-            "start": 163,
-            "end": 164
+            "start": 263,
+            "end": 264
         },
         "context": {
             "type": "variable",
-            "name": "kendo-menu-separator-margin-inline",
-            "value": "k-spacing(1)",
+            "name": "kendo-menu-popup-gradient",
+            "value": "null",
             "scope": "default",
             "line": {
-                "start": 165,
-                "end": 165
+                "start": 265,
+                "end": 265
             }
         },
         "group": [
@@ -50925,19 +51628,19 @@
         }
     },
     {
-        "description": "The block margin of the horizontal Menu separator.\n",
+        "description": "The horizontal padding of the small Menu popup item.\n",
         "commentRange": {
-            "start": 166,
-            "end": 167
+            "start": 270,
+            "end": 271
         },
         "context": {
             "type": "variable",
-            "name": "kendo-menu-separator-margin-block",
-            "value": "k-spacing(1.5)",
+            "name": "kendo-menu-popup-sm-item-padding-x",
+            "value": "k-spacing(2)",
             "scope": "default",
             "line": {
-                "start": 168,
-                "end": 168
+                "start": 272,
+                "end": 272
             }
         },
         "group": [
@@ -50950,19 +51653,19 @@
         }
     },
     {
-        "description": "The border color of the Menu separator.\n",
+        "description": "The horizontal padding of the medium Menu popup item.\n",
         "commentRange": {
-            "start": 169,
-            "end": 170
+            "start": 273,
+            "end": 274
         },
         "context": {
             "type": "variable",
-            "name": "kendo-menu-separator-border",
-            "value": "k-color(border)",
+            "name": "kendo-menu-popup-md-item-padding-x",
+            "value": "k-spacing(2)",
             "scope": "default",
             "line": {
-                "start": 171,
-                "end": 171
+                "start": 275,
+                "end": 275
             }
         },
         "group": [
@@ -50975,19 +51678,19 @@
         }
     },
     {
-        "description": "The horizontal padding of the Menu popup.\n",
+        "description": "The horizontal padding of the large Menu popup item.\n",
         "commentRange": {
-            "start": 176,
-            "end": 177
+            "start": 276,
+            "end": 277
         },
         "context": {
             "type": "variable",
-            "name": "kendo-menu-popup-padding-x",
+            "name": "kendo-menu-popup-lg-item-padding-x",
             "value": "k-spacing(2)",
             "scope": "default",
             "line": {
-                "start": 178,
-                "end": 178
+                "start": 278,
+                "end": 278
             }
         },
         "group": [
@@ -51000,19 +51703,19 @@
         }
     },
     {
-        "description": "The vertical padding of the Menu popup.\n",
+        "description": "The vertical padding of the small Menu popup item.\n",
         "commentRange": {
-            "start": 180,
-            "end": 181
+            "start": 280,
+            "end": 281
         },
         "context": {
             "type": "variable",
-            "name": "kendo-menu-popup-padding-y",
-            "value": "k-spacing(2)",
+            "name": "kendo-menu-popup-sm-item-padding-y",
+            "value": "k-spacing(1)",
             "scope": "default",
             "line": {
-                "start": 182,
-                "end": 182
+                "start": 282,
+                "end": 282
             }
         },
         "group": [
@@ -51025,19 +51728,19 @@
         }
     },
     {
-        "description": "The width of the border around the Menu popup.\n",
+        "description": "The vertical padding of the medium Menu popup item.\n",
         "commentRange": {
-            "start": 184,
-            "end": 185
+            "start": 283,
+            "end": 284
         },
         "context": {
             "type": "variable",
-            "name": "kendo-menu-popup-border-width",
-            "value": "$kendo-popup-border-width",
+            "name": "kendo-menu-popup-md-item-padding-y",
+            "value": "k-spacing(1.5)",
             "scope": "default",
             "line": {
-                "start": 186,
-                "end": 186
+                "start": 285,
+                "end": 285
             }
         },
         "group": [
@@ -51050,19 +51753,19 @@
         }
     },
     {
-        "description": "The font size of the small Menu popup.\n",
+        "description": "The vertical padding of the large Menu popup item.\n",
         "commentRange": {
-            "start": 188,
-            "end": 189
+            "start": 286,
+            "end": 287
         },
         "context": {
             "type": "variable",
-            "name": "kendo-menu-popup-sm-font-size",
-            "value": "var( --kendo-font-size, inherit )",
+            "name": "kendo-menu-popup-lg-item-padding-y",
+            "value": "k-spacing(2)",
             "scope": "default",
             "line": {
-                "start": 190,
-                "end": 190
+                "start": 288,
+                "end": 288
             }
         },
         "group": [
@@ -51075,19 +51778,19 @@
         }
     },
     {
-        "description": "The font size of the medium Menu popup.\n",
+        "description": "The end padding of the small Menu popup item.\n",
         "commentRange": {
-            "start": 191,
-            "end": 192
+            "start": 290,
+            "end": 291
         },
         "context": {
             "type": "variable",
-            "name": "kendo-menu-popup-md-font-size",
-            "value": "var( --kendo-font-size, inherit )",
+            "name": "kendo-menu-popup-sm-item-padding-end",
+            "value": "calc( #{$kendo-menu-popup-sm-item-padding-x} * 2 + #{$kendo-icon-size} )",
             "scope": "default",
             "line": {
-                "start": 193,
-                "end": 193
+                "start": 292,
+                "end": 292
             }
         },
         "group": [
@@ -51100,19 +51803,19 @@
         }
     },
     {
-        "description": "The font size of the large Menu popup.\n",
+        "description": "The end padding of the medium Menu popup item.\n",
         "commentRange": {
-            "start": 194,
-            "end": 195
+            "start": 293,
+            "end": 294
         },
         "context": {
             "type": "variable",
-            "name": "kendo-menu-popup-lg-font-size",
-            "value": "var( --kendo-font-size-lg, inherit )",
+            "name": "kendo-menu-popup-md-item-padding-end",
+            "value": "calc( #{$kendo-menu-popup-md-item-padding-x} * 2 + #{$kendo-icon-size} )",
             "scope": "default",
             "line": {
-                "start": 196,
-                "end": 196
+                "start": 295,
+                "end": 295
             }
         },
         "group": [
@@ -51125,19 +51828,19 @@
         }
     },
     {
-        "description": "The line height of the small Menu popup.\n",
+        "description": "The end padding of the large Menu popup item.\n",
         "commentRange": {
-            "start": 198,
-            "end": 199
+            "start": 296,
+            "end": 297
         },
         "context": {
             "type": "variable",
-            "name": "kendo-menu-popup-sm-line-height",
-            "value": "var( --kendo-line-height, normal )",
+            "name": "kendo-menu-popup-lg-item-padding-end",
+            "value": "calc( #{$kendo-menu-popup-lg-item-padding-x} * 2 + #{$kendo-icon-size} )",
             "scope": "default",
             "line": {
-                "start": 200,
-                "end": 200
+                "start": 298,
+                "end": 298
             }
         },
         "group": [
@@ -51150,19 +51853,19 @@
         }
     },
     {
-        "description": "The line height of the medium Menu popup.\n",
+        "description": "The start margin of the small Menu popup item expand icon.\n",
         "commentRange": {
-            "start": 201,
-            "end": 202
+            "start": 300,
+            "end": 301
         },
         "context": {
             "type": "variable",
-            "name": "kendo-menu-popup-md-line-height",
-            "value": "var( --kendo-line-height, normal )",
+            "name": "kendo-menu-popup-sm-item-icon-margin-start",
+            "value": "$kendo-menu-popup-sm-item-padding-x",
             "scope": "default",
             "line": {
-                "start": 203,
-                "end": 203
+                "start": 302,
+                "end": 302
             }
         },
         "group": [
@@ -51175,19 +51878,19 @@
         }
     },
     {
-        "description": "The line height of the large Menu popup.\n",
+        "description": "The start margin of the medium Menu popup item expand icon.\n",
         "commentRange": {
-            "start": 204,
-            "end": 205
+            "start": 303,
+            "end": 304
         },
         "context": {
             "type": "variable",
-            "name": "kendo-menu-popup-lg-line-height",
-            "value": "var( --kendo-line-height-lg, normal )",
+            "name": "kendo-menu-popup-md-item-icon-margin-start",
+            "value": "$kendo-menu-popup-md-item-padding-x",
             "scope": "default",
             "line": {
-                "start": 206,
-                "end": 206
+                "start": 305,
+                "end": 305
             }
         },
         "group": [
@@ -51200,19 +51903,19 @@
         }
     },
     {
-        "description": "The background color of the Menu popup.\n",
+        "description": "The start margin of the large Menu popup item expand icon.\n",
         "commentRange": {
-            "start": 208,
-            "end": 209
+            "start": 306,
+            "end": 307
         },
         "context": {
             "type": "variable",
-            "name": "kendo-menu-popup-bg",
-            "value": "$kendo-popup-bg",
+            "name": "kendo-menu-popup-lg-item-icon-margin-start",
+            "value": "$kendo-menu-popup-lg-item-padding-x",
             "scope": "default",
             "line": {
-                "start": 210,
-                "end": 210
+                "start": 308,
+                "end": 308
             }
         },
         "group": [
@@ -51225,19 +51928,19 @@
         }
     },
     {
-        "description": "The text color of the Menu popup.\n",
+        "description": "The end margin of the small Menu popup item expand icon.\n",
         "commentRange": {
-            "start": 211,
-            "end": 212
+            "start": 310,
+            "end": 311
         },
         "context": {
             "type": "variable",
-            "name": "kendo-menu-popup-text",
-            "value": "$kendo-popup-text",
+            "name": "kendo-menu-popup-sm-item-icon-margin-end",
+            "value": "calc( -1 * (#{$kendo-menu-popup-sm-item-padding-end} - #{list.slash( $kendo-menu-popup-sm-item-padding-x, 2 )}) )",
             "scope": "default",
             "line": {
-                "start": 213,
-                "end": 213
+                "start": 312,
+                "end": 312
             }
         },
         "group": [
@@ -51250,19 +51953,19 @@
         }
     },
     {
-        "description": "The border color of the Menu popup.\n",
+        "description": "The end margin of the medium Menu popup item expand icon.\n",
         "commentRange": {
-            "start": 214,
-            "end": 215
+            "start": 313,
+            "end": 314
         },
         "context": {
             "type": "variable",
-            "name": "kendo-menu-popup-border",
-            "value": "$kendo-popup-border",
+            "name": "kendo-menu-popup-md-item-icon-margin-end",
+            "value": "calc( -1 * (#{$kendo-menu-popup-md-item-padding-end} - #{list.slash( $kendo-menu-popup-md-item-padding-x, 2 )}) )",
             "scope": "default",
             "line": {
-                "start": 216,
-                "end": 216
+                "start": 315,
+                "end": 315
             }
         },
         "group": [
@@ -51275,19 +51978,19 @@
         }
     },
     {
-        "description": "The background gradient of the Menu popup.\n",
+        "description": "The end margin of the large Menu popup item expand icon.\n",
         "commentRange": {
-            "start": 217,
-            "end": 218
+            "start": 316,
+            "end": 317
         },
         "context": {
             "type": "variable",
-            "name": "kendo-menu-popup-gradient",
-            "value": "null",
+            "name": "kendo-menu-popup-lg-item-icon-margin-end",
+            "value": "calc( -1 * (#{$kendo-menu-popup-lg-item-padding-end} - #{list.slash( $kendo-menu-popup-lg-item-padding-x, 2 )}) )",
             "scope": "default",
             "line": {
-                "start": 219,
-                "end": 219
+                "start": 318,
+                "end": 318
             }
         },
         "group": [
@@ -51300,19 +52003,19 @@
         }
     },
     {
-        "description": "The horizontal padding of the small Menu popup item.\n",
+        "description": "The spacing between the Menu items in popup.\n",
         "commentRange": {
-            "start": 224,
-            "end": 225
+            "start": 320,
+            "end": 321
         },
         "context": {
             "type": "variable",
-            "name": "kendo-menu-popup-sm-item-padding-x",
-            "value": "k-spacing(2)",
+            "name": "kendo-menu-popup-item-spacing",
+            "value": "k-spacing(0.5)",
             "scope": "default",
             "line": {
-                "start": 226,
-                "end": 226
+                "start": 322,
+                "end": 322
             }
         },
         "group": [
@@ -51325,19 +52028,19 @@
         }
     },
     {
-        "description": "The horizontal padding of the medium Menu popup item.\n",
+        "description": "The horizontal padding of the small Menu popup group header.\n",
         "commentRange": {
-            "start": 227,
-            "end": 228
+            "start": 324,
+            "end": 325
         },
         "context": {
             "type": "variable",
-            "name": "kendo-menu-popup-md-item-padding-x",
-            "value": "k-spacing(2)",
+            "name": "kendo-menu-popup-sm-group-header-padding-x",
+            "value": "$kendo-list-sm-group-item-padding-x",
             "scope": "default",
             "line": {
-                "start": 229,
-                "end": 229
+                "start": 326,
+                "end": 326
             }
         },
         "group": [
@@ -51350,19 +52053,19 @@
         }
     },
     {
-        "description": "The horizontal padding of the large Menu popup item.\n",
+        "description": "The horizontal padding of the medium Menu popup group header.\n",
         "commentRange": {
-            "start": 230,
-            "end": 231
+            "start": 327,
+            "end": 328
         },
         "context": {
             "type": "variable",
-            "name": "kendo-menu-popup-lg-item-padding-x",
-            "value": "k-spacing(2)",
+            "name": "kendo-menu-popup-md-group-header-padding-x",
+            "value": "$kendo-list-md-group-item-padding-x",
             "scope": "default",
             "line": {
-                "start": 232,
-                "end": 232
+                "start": 329,
+                "end": 329
             }
         },
         "group": [
@@ -51375,19 +52078,19 @@
         }
     },
     {
-        "description": "The vertical padding of the small Menu popup item.\n",
+        "description": "The horizontal padding of the large Menu popup group header.\n",
         "commentRange": {
-            "start": 234,
-            "end": 235
+            "start": 330,
+            "end": 331
         },
         "context": {
             "type": "variable",
-            "name": "kendo-menu-popup-sm-item-padding-y",
-            "value": "k-spacing(1)",
+            "name": "kendo-menu-popup-lg-group-header-padding-x",
+            "value": "$kendo-list-lg-group-item-padding-x",
             "scope": "default",
             "line": {
-                "start": 236,
-                "end": 236
+                "start": 332,
+                "end": 332
             }
         },
         "group": [
@@ -51400,19 +52103,19 @@
         }
     },
     {
-        "description": "The vertical padding of the medium Menu popup item.\n",
+        "description": "The vertical padding of the small Menu popup group header.\n",
         "commentRange": {
-            "start": 237,
-            "end": 238
+            "start": 334,
+            "end": 335
         },
         "context": {
             "type": "variable",
-            "name": "kendo-menu-popup-md-item-padding-y",
-            "value": "k-spacing(1.5)",
+            "name": "kendo-menu-popup-sm-group-header-padding-y",
+            "value": "$kendo-list-sm-group-item-padding-y",
             "scope": "default",
             "line": {
-                "start": 239,
-                "end": 239
+                "start": 336,
+                "end": 336
             }
         },
         "group": [
@@ -51425,19 +52128,19 @@
         }
     },
     {
-        "description": "The vertical padding of the large Menu popup item.\n",
+        "description": "The vertical padding of the medium Menu popup group header.\n",
         "commentRange": {
-            "start": 240,
-            "end": 241
+            "start": 337,
+            "end": 338
         },
         "context": {
             "type": "variable",
-            "name": "kendo-menu-popup-lg-item-padding-y",
-            "value": "k-spacing(2)",
+            "name": "kendo-menu-popup-md-group-header-padding-y",
+            "value": "$kendo-list-md-group-item-padding-y",
             "scope": "default",
             "line": {
-                "start": 242,
-                "end": 242
+                "start": 339,
+                "end": 339
             }
         },
         "group": [
@@ -51450,19 +52153,19 @@
         }
     },
     {
-        "description": "The end padding of the small Menu popup item.\n",
+        "description": "The vertical padding of the large Menu popup group header.\n",
         "commentRange": {
-            "start": 244,
-            "end": 245
+            "start": 340,
+            "end": 341
         },
         "context": {
             "type": "variable",
-            "name": "kendo-menu-popup-sm-item-padding-end",
-            "value": "calc( #{$kendo-menu-popup-sm-item-padding-x} * 2 + #{$kendo-icon-size} )",
+            "name": "kendo-menu-popup-lg-group-header-padding-y",
+            "value": "$kendo-list-lg-group-item-padding-y",
             "scope": "default",
             "line": {
-                "start": 246,
-                "end": 246
+                "start": 342,
+                "end": 342
             }
         },
         "group": [
@@ -51475,19 +52178,19 @@
         }
     },
     {
-        "description": "The end padding of the medium Menu popup item.\n",
+        "description": "The font size of the small Menu popup group header.\n",
         "commentRange": {
-            "start": 247,
-            "end": 248
+            "start": 344,
+            "end": 345
         },
         "context": {
             "type": "variable",
-            "name": "kendo-menu-popup-md-item-padding-end",
-            "value": "calc( #{$kendo-menu-popup-md-item-padding-x} * 2 + #{$kendo-icon-size} )",
+            "name": "kendo-menu-popup-sm-group-header-font-size",
+            "value": "$kendo-list-item-group-label-sm-font-size",
             "scope": "default",
             "line": {
-                "start": 249,
-                "end": 249
+                "start": 346,
+                "end": 346
             }
         },
         "group": [
@@ -51500,19 +52203,19 @@
         }
     },
     {
-        "description": "The end padding of the large Menu popup item.\n",
+        "description": "The font size of the medium Menu popup group header.\n",
         "commentRange": {
-            "start": 250,
-            "end": 251
+            "start": 347,
+            "end": 348
         },
         "context": {
             "type": "variable",
-            "name": "kendo-menu-popup-lg-item-padding-end",
-            "value": "calc( #{$kendo-menu-popup-lg-item-padding-x} * 2 + #{$kendo-icon-size} )",
+            "name": "kendo-menu-popup-md-group-header-font-size",
+            "value": "$kendo-list-item-group-label-md-font-size",
             "scope": "default",
             "line": {
-                "start": 252,
-                "end": 252
+                "start": 349,
+                "end": 349
             }
         },
         "group": [
@@ -51525,19 +52228,19 @@
         }
     },
     {
-        "description": "The start margin of the small Menu popup item expand icon.\n",
+        "description": "The font size of the large Menu popup group header.\n",
         "commentRange": {
-            "start": 254,
-            "end": 255
+            "start": 350,
+            "end": 351
         },
         "context": {
             "type": "variable",
-            "name": "kendo-menu-popup-sm-item-icon-margin-start",
-            "value": "$kendo-menu-popup-sm-item-padding-x",
+            "name": "kendo-menu-popup-lg-group-header-font-size",
+            "value": "$kendo-list-item-group-label-lg-font-size",
             "scope": "default",
             "line": {
-                "start": 256,
-                "end": 256
+                "start": 352,
+                "end": 352
             }
         },
         "group": [
@@ -51550,19 +52253,19 @@
         }
     },
     {
-        "description": "The start margin of the medium Menu popup item expand icon.\n",
+        "description": "The line height of the small Menu popup group header.\n",
         "commentRange": {
-            "start": 257,
-            "end": 258
+            "start": 354,
+            "end": 355
         },
         "context": {
             "type": "variable",
-            "name": "kendo-menu-popup-md-item-icon-margin-start",
-            "value": "$kendo-menu-popup-md-item-padding-x",
+            "name": "kendo-menu-popup-sm-group-header-line-height",
+            "value": "$kendo-menu-popup-sm-line-height",
             "scope": "default",
             "line": {
-                "start": 259,
-                "end": 259
+                "start": 356,
+                "end": 356
             }
         },
         "group": [
@@ -51575,19 +52278,19 @@
         }
     },
     {
-        "description": "The start margin of the large Menu popup item expand icon.\n",
+        "description": "The line height of the medium Menu popup group header.\n",
         "commentRange": {
-            "start": 260,
-            "end": 261
+            "start": 357,
+            "end": 358
         },
         "context": {
             "type": "variable",
-            "name": "kendo-menu-popup-lg-item-icon-margin-start",
-            "value": "$kendo-menu-popup-lg-item-padding-x",
+            "name": "kendo-menu-popup-md-group-header-line-height",
+            "value": "$kendo-menu-popup-md-line-height",
             "scope": "default",
             "line": {
-                "start": 262,
-                "end": 262
+                "start": 359,
+                "end": 359
             }
         },
         "group": [
@@ -51600,19 +52303,19 @@
         }
     },
     {
-        "description": "The end margin of the small Menu popup item expand icon.\n",
+        "description": "The line height of the large Menu popup group header.\n",
         "commentRange": {
-            "start": 264,
-            "end": 265
+            "start": 360,
+            "end": 361
         },
         "context": {
             "type": "variable",
-            "name": "kendo-menu-popup-sm-item-icon-margin-end",
-            "value": "calc( -1 * (#{$kendo-menu-popup-sm-item-padding-end} - #{list.slash( $kendo-menu-popup-sm-item-padding-x, 2 )}) )",
+            "name": "kendo-menu-popup-lg-group-header-line-height",
+            "value": "$kendo-menu-popup-lg-line-height",
             "scope": "default",
             "line": {
-                "start": 266,
-                "end": 266
+                "start": 362,
+                "end": 362
             }
         },
         "group": [
@@ -51625,19 +52328,19 @@
         }
     },
     {
-        "description": "The end margin of the medium Menu popup item expand icon.\n",
+        "description": "The font weight of the Menu popup group header.\n",
         "commentRange": {
-            "start": 267,
-            "end": 268
+            "start": 364,
+            "end": 365
         },
         "context": {
             "type": "variable",
-            "name": "kendo-menu-popup-md-item-icon-margin-end",
-            "value": "calc( -1 * (#{$kendo-menu-popup-md-item-padding-end} - #{list.slash( $kendo-menu-popup-md-item-padding-x, 2 )}) )",
+            "name": "kendo-menu-popup-group-header-font-weight",
+            "value": "$kendo-list-group-item-font-weight",
             "scope": "default",
             "line": {
-                "start": 269,
-                "end": 269
+                "start": 366,
+                "end": 366
             }
         },
         "group": [
@@ -51650,19 +52353,19 @@
         }
     },
     {
-        "description": "The end margin of the large Menu popup item expand icon.\n",
+        "description": "The background color of the Menu popup group header.\n",
         "commentRange": {
-            "start": 270,
-            "end": 271
+            "start": 368,
+            "end": 369
         },
         "context": {
             "type": "variable",
-            "name": "kendo-menu-popup-lg-item-icon-margin-end",
-            "value": "calc( -1 * (#{$kendo-menu-popup-lg-item-padding-end} - #{list.slash( $kendo-menu-popup-lg-item-padding-x, 2 )}) )",
+            "name": "kendo-menu-popup-group-header-bg",
+            "value": "$kendo-list-group-item-bg",
             "scope": "default",
             "line": {
-                "start": 272,
-                "end": 272
+                "start": 370,
+                "end": 370
             }
         },
         "group": [
@@ -51675,19 +52378,19 @@
         }
     },
     {
-        "description": "The spacing between the Menu items in popup.\n",
+        "description": "The text color of the Menu popup group header.\n",
         "commentRange": {
-            "start": 274,
-            "end": 275
+            "start": 371,
+            "end": 372
         },
         "context": {
             "type": "variable",
-            "name": "kendo-menu-popup-item-spacing",
-            "value": "k-spacing(0.5)",
+            "name": "kendo-menu-popup-group-header-text",
+            "value": "$kendo-list-group-item-text",
             "scope": "default",
             "line": {
-                "start": 276,
-                "end": 276
+                "start": 373,
+                "end": 373
             }
         },
         "group": [
@@ -51702,8 +52405,8 @@
     {
         "description": "The background color of the Menu item in popup.\n",
         "commentRange": {
-            "start": 278,
-            "end": 279
+            "start": 375,
+            "end": 376
         },
         "context": {
             "type": "variable",
@@ -51711,8 +52414,8 @@
             "value": "null",
             "scope": "default",
             "line": {
-                "start": 280,
-                "end": 280
+                "start": 377,
+                "end": 377
             }
         },
         "group": [
@@ -51727,8 +52430,8 @@
     {
         "description": "The text color of the Menu item in popup.\n",
         "commentRange": {
-            "start": 281,
-            "end": 282
+            "start": 378,
+            "end": 379
         },
         "context": {
             "type": "variable",
@@ -51736,8 +52439,8 @@
             "value": "null",
             "scope": "default",
             "line": {
-                "start": 283,
-                "end": 283
+                "start": 380,
+                "end": 380
             }
         },
         "group": [
@@ -51752,8 +52455,8 @@
     {
         "description": "The border color of the Menu item in popup.\n",
         "commentRange": {
-            "start": 284,
-            "end": 285
+            "start": 381,
+            "end": 382
         },
         "context": {
             "type": "variable",
@@ -51761,8 +52464,8 @@
             "value": "null",
             "scope": "default",
             "line": {
-                "start": 286,
-                "end": 286
+                "start": 383,
+                "end": 383
             }
         },
         "group": [
@@ -51777,8 +52480,8 @@
     {
         "description": "The background gradient of the Menu item in popup.\n",
         "commentRange": {
-            "start": 287,
-            "end": 288
+            "start": 384,
+            "end": 385
         },
         "context": {
             "type": "variable",
@@ -51786,8 +52489,8 @@
             "value": "null",
             "scope": "default",
             "line": {
-                "start": 289,
-                "end": 289
+                "start": 386,
+                "end": 386
             }
         },
         "group": [
@@ -51802,8 +52505,8 @@
     {
         "description": "The background color of hovered Menu item in popup.\n",
         "commentRange": {
-            "start": 291,
-            "end": 292
+            "start": 388,
+            "end": 389
         },
         "context": {
             "type": "variable",
@@ -51811,8 +52514,8 @@
             "value": "color-mix(in srgb, k-color(primary-subtle-hover) 50%, transparent)",
             "scope": "default",
             "line": {
-                "start": 293,
-                "end": 293
+                "start": 390,
+                "end": 390
             }
         },
         "group": [
@@ -51827,8 +52530,8 @@
     {
         "description": "The text color of hovered Menu item in popup.\n",
         "commentRange": {
-            "start": 294,
-            "end": 295
+            "start": 391,
+            "end": 392
         },
         "context": {
             "type": "variable",
@@ -51836,8 +52539,8 @@
             "value": "k-color(primary-on-subtle)",
             "scope": "default",
             "line": {
-                "start": 296,
-                "end": 296
+                "start": 393,
+                "end": 393
             }
         },
         "group": [
@@ -51852,8 +52555,8 @@
     {
         "description": "The border color of hovered Menu item in popup.\n",
         "commentRange": {
-            "start": 297,
-            "end": 298
+            "start": 394,
+            "end": 395
         },
         "context": {
             "type": "variable",
@@ -51861,8 +52564,8 @@
             "value": "null",
             "scope": "default",
             "line": {
-                "start": 299,
-                "end": 299
+                "start": 396,
+                "end": 396
             }
         },
         "group": [
@@ -51877,8 +52580,8 @@
     {
         "description": "The background gradient of hovered Menu item in popup.\n",
         "commentRange": {
-            "start": 300,
-            "end": 301
+            "start": 397,
+            "end": 398
         },
         "context": {
             "type": "variable",
@@ -51886,8 +52589,8 @@
             "value": "null",
             "scope": "default",
             "line": {
-                "start": 302,
-                "end": 302
+                "start": 399,
+                "end": 399
             }
         },
         "group": [
@@ -51902,8 +52605,8 @@
     {
         "description": "The background color of active Menu item in popup.\n",
         "commentRange": {
-            "start": 304,
-            "end": 305
+            "start": 401,
+            "end": 402
         },
         "context": {
             "type": "variable",
@@ -51911,8 +52614,8 @@
             "value": "color-mix(in srgb, k-color(primary-subtle-active) 70%, transparent)",
             "scope": "default",
             "line": {
-                "start": 306,
-                "end": 306
+                "start": 403,
+                "end": 403
             }
         },
         "group": [
@@ -51927,8 +52630,8 @@
     {
         "description": "The text color of active Menu item in popup.\n",
         "commentRange": {
-            "start": 307,
-            "end": 308
+            "start": 404,
+            "end": 405
         },
         "context": {
             "type": "variable",
@@ -51936,8 +52639,8 @@
             "value": "k-color(primary-on-subtle)",
             "scope": "default",
             "line": {
-                "start": 309,
-                "end": 309
+                "start": 406,
+                "end": 406
             }
         },
         "group": [
@@ -51952,8 +52655,8 @@
     {
         "description": "The border color of active Menu item in popup.\n",
         "commentRange": {
-            "start": 310,
-            "end": 311
+            "start": 407,
+            "end": 408
         },
         "context": {
             "type": "variable",
@@ -51961,8 +52664,8 @@
             "value": "null",
             "scope": "default",
             "line": {
-                "start": 312,
-                "end": 312
+                "start": 409,
+                "end": 409
             }
         },
         "group": [
@@ -51977,8 +52680,8 @@
     {
         "description": "The background gradient of active Menu item in popup.\n",
         "commentRange": {
-            "start": 313,
-            "end": 314
+            "start": 410,
+            "end": 411
         },
         "context": {
             "type": "variable",
@@ -51986,8 +52689,8 @@
             "value": "null",
             "scope": "default",
             "line": {
-                "start": 315,
-                "end": 315
+                "start": 412,
+                "end": 412
             }
         },
         "group": [
@@ -52002,8 +52705,8 @@
     {
         "description": "The base shadow of focused Menu item in popup.\n",
         "commentRange": {
-            "start": 317,
-            "end": 318
+            "start": 414,
+            "end": 415
         },
         "context": {
             "type": "variable",
@@ -52011,8 +52714,8 @@
             "value": "$kendo-menu-item-focus-shadow",
             "scope": "default",
             "line": {
-                "start": 319,
-                "end": 319
+                "start": 416,
+                "end": 416
             }
         },
         "group": [
@@ -67012,7 +67715,7 @@
         "context": {
             "type": "variable",
             "name": "kendo-scheduler-resize-handle-size",
-            "value": "8px",
+            "value": "12px",
             "scope": "default",
             "line": {
                 "start": 125,
@@ -67029,15 +67732,15 @@
         }
     },
     {
-        "description": "The border radius of the Scheduler resize handle.\n",
+        "description": "The thickness of the Scheduler resize handle visual indicator.\n",
         "commentRange": {
             "start": 126,
             "end": 127
         },
         "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": 128,
@@ -67054,15 +67757,15 @@
         }
     },
     {
-        "description": "The border width of the Scheduler resize handle.\n",
+        "description": "The border radius of the Scheduler resize handle.\n",
         "commentRange": {
             "start": 129,
             "end": 130
         },
         "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": 131,
@@ -67079,15 +67782,15 @@
         }
     },
     {
-        "description": "The background color of the Scheduler resize handle.\n",
+        "description": "The border width of the Scheduler resize handle.\n",
         "commentRange": {
             "start": 132,
             "end": 133
         },
         "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": 134,
@@ -67104,19 +67807,19 @@
         }
     },
     {
-        "description": "The background color of the hovered Scheduler event.\n",
+        "description": "The background color of the Scheduler resize handle.\n",
         "commentRange": {
-            "start": 136,
-            "end": 137
+            "start": 135,
+            "end": 136
         },
         "context": {
             "type": "variable",
-            "name": "kendo-scheduler-event-hover-bg",
-            "value": "null",
+            "name": "kendo-scheduler-resize-handle-bg",
+            "value": "k-color(secondary-on-subtle)",
             "scope": "default",
             "line": {
-                "start": 138,
-                "end": 138
+                "start": 137,
+                "end": 137
             }
         },
         "group": [
@@ -67129,14 +67832,14 @@
         }
     },
     {
-        "description": "The text color of the hovered Scheduler event.\n",
+        "description": "The background color of the hovered Scheduler event.\n",
         "commentRange": {
             "start": 139,
             "end": 140
         },
         "context": {
             "type": "variable",
-            "name": "kendo-scheduler-event-hover-text",
+            "name": "kendo-scheduler-event-hover-bg",
             "value": "null",
             "scope": "default",
             "line": {
@@ -67154,14 +67857,14 @@
         }
     },
     {
-        "description": "The border color of the hovered Scheduler event.\n",
+        "description": "The text color of the hovered Scheduler event.\n",
         "commentRange": {
             "start": 142,
             "end": 143
         },
         "context": {
             "type": "variable",
-            "name": "kendo-scheduler-event-hover-border",
+            "name": "kendo-scheduler-event-hover-text",
             "value": "null",
             "scope": "default",
             "line": {
@@ -67179,14 +67882,14 @@
         }
     },
     {
-        "description": "The gradient of the hovered Scheduler event.\n",
+        "description": "The border color of the hovered Scheduler event.\n",
         "commentRange": {
             "start": 145,
             "end": 146
         },
         "context": {
             "type": "variable",
-            "name": "kendo-scheduler-event-hover-gradient",
+            "name": "kendo-scheduler-event-hover-border",
             "value": "null",
             "scope": "default",
             "line": {
@@ -67204,14 +67907,14 @@
         }
     },
     {
-        "description": "The shadow of the hovered Scheduler event.\n",
+        "description": "The gradient of the hovered Scheduler event.\n",
         "commentRange": {
             "start": 148,
             "end": 149
         },
         "context": {
             "type": "variable",
-            "name": "kendo-scheduler-event-hover-shadow",
+            "name": "kendo-scheduler-event-hover-gradient",
             "value": "null",
             "scope": "default",
             "line": {
@@ -67229,19 +67932,19 @@
         }
     },
     {
-        "description": "The background color of the selected Scheduler event.\n",
+        "description": "The shadow of the hovered Scheduler event.\n",
         "commentRange": {
-            "start": 152,
-            "end": 153
+            "start": 151,
+            "end": 152
         },
         "context": {
             "type": "variable",
-            "name": "kendo-scheduler-event-selected-bg",
-            "value": "k-color(secondary-subtle)",
+            "name": "kendo-scheduler-event-hover-shadow",
+            "value": "null",
             "scope": "default",
             "line": {
-                "start": 154,
-                "end": 154
+                "start": 153,
+                "end": 153
             }
         },
         "group": [
@@ -67254,15 +67957,15 @@
         }
     },
     {
-        "description": "The text color of the selected Scheduler event.\n",
+        "description": "The background color of the selected Scheduler event.\n",
         "commentRange": {
             "start": 155,
             "end": 156
         },
         "context": {
             "type": "variable",
-            "name": "kendo-scheduler-event-selected-text",
-            "value": "k-color(secondary-on-subtle)",
+            "name": "kendo-scheduler-event-selected-bg",
+            "value": "k-color(secondary-subtle)",
             "scope": "default",
             "line": {
                 "start": 157,
@@ -67279,15 +67982,15 @@
         }
     },
     {
-        "description": "The border color of the selected Scheduler event.\n",
+        "description": "The text color of the selected Scheduler event.\n",
         "commentRange": {
             "start": 158,
             "end": 159
         },
         "context": {
             "type": "variable",
-            "name": "kendo-scheduler-event-selected-border",
-            "value": "null",
+            "name": "kendo-scheduler-event-selected-text",
+            "value": "k-color(secondary-on-subtle)",
             "scope": "default",
             "line": {
                 "start": 160,
@@ -67304,14 +68007,14 @@
         }
     },
     {
-        "description": "The gradient of the selected Scheduler event.\n",
+        "description": "The border color of the selected Scheduler event.\n",
         "commentRange": {
             "start": 161,
             "end": 162
         },
         "context": {
             "type": "variable",
-            "name": "kendo-scheduler-event-selected-gradient",
+            "name": "kendo-scheduler-event-selected-border",
             "value": "null",
             "scope": "default",
             "line": {
@@ -67329,15 +68032,15 @@
         }
     },
     {
-        "description": "The shadow of the selected Scheduler event.\n",
+        "description": "The gradient of the selected Scheduler event.\n",
         "commentRange": {
             "start": 164,
             "end": 165
         },
         "context": {
             "type": "variable",
-            "name": "kendo-scheduler-event-selected-shadow",
-            "value": "inset 3px 0 0 0 k-color(secondary), 0 0 0 1px white, 0 0 0 2px k-color(primary-on-surface)",
+            "name": "kendo-scheduler-event-selected-gradient",
+            "value": "null",
             "scope": "default",
             "line": {
                 "start": 166,
@@ -67353,11 +68056,36 @@
             "name": "_variables.scss"
         }
     },
+    {
+        "description": "The shadow of the selected Scheduler event.\n",
+        "commentRange": {
+            "start": 167,
+            "end": 168
+        },
+        "context": {
+            "type": "variable",
+            "name": "kendo-scheduler-event-selected-shadow",
+            "value": "inset 3px 0 0 0 k-color(secondary), 0 0 0 1px white, 0 0 0 2px k-color(primary-on-surface)",
+            "scope": "default",
+            "line": {
+                "start": 169,
+                "end": 169
+            }
+        },
+        "group": [
+            "scheduler"
+        ],
+        "access": "public",
+        "file": {
+            "path": "scheduler/_variables.scss",
+            "name": "_variables.scss"
+        }
+    },
     {
         "description": "The shadow of the ongoing Scheduler event.\n",
         "commentRange": {
-            "start": 168,
-            "end": 169
+            "start": 171,
+            "end": 172
         },
         "context": {
             "type": "variable",
@@ -67365,8 +68093,8 @@
             "value": "inset 0px 0px 0px 1px #ff0000",
             "scope": "default",
             "line": {
-                "start": 170,
-                "end": 170
+                "start": 173,
+                "end": 173
             }
         },
         "group": [
@@ -67381,8 +68109,8 @@
     {
         "description": "The horizontal padding of the Scheduler cell.\n",
         "commentRange": {
-            "start": 172,
-            "end": 173
+            "start": 175,
+            "end": 176
         },
         "context": {
             "type": "variable",
@@ -67390,8 +68118,8 @@
             "value": "k-spacing(2.5)",
             "scope": "default",
             "line": {
-                "start": 174,
-                "end": 174
+                "start": 177,
+                "end": 177
             }
         },
         "group": [
@@ -67406,8 +68134,8 @@
     {
         "description": "The vertical padding of the Scheduler cell.\n",
         "commentRange": {
-            "start": 175,
-            "end": 176
+            "start": 178,
+            "end": 179
         },
         "context": {
             "type": "variable",
@@ -67415,8 +68143,8 @@
             "value": "k-spacing(2.5)",
             "scope": "default",
             "line": {
-                "start": 177,
-                "end": 177
+                "start": 180,
+                "end": 180
             }
         },
         "group": [
@@ -67431,8 +68159,8 @@
     {
         "description": "The height of the Scheduler cell.\n",
         "commentRange": {
-            "start": 178,
-            "end": 179
+            "start": 181,
+            "end": 182
         },
         "context": {
             "type": "variable",
@@ -67440,8 +68168,8 @@
             "value": "$kendo-line-height-em",
             "scope": "default",
             "line": {
-                "start": 180,
-                "end": 180
+                "start": 183,
+                "end": 183
             }
         },
         "group": [
@@ -67456,8 +68184,8 @@
     {
         "description": "The width of the Scheduler date column.\n",
         "commentRange": {
-            "start": 181,
-            "end": 182
+            "start": 184,
+            "end": 185
         },
         "context": {
             "type": "variable",
@@ -67465,8 +68193,8 @@
             "value": "12rem",
             "scope": "default",
             "line": {
-                "start": 183,
-                "end": 183
+                "start": 186,
+                "end": 186
             }
         },
         "group": [
@@ -67481,8 +68209,8 @@
     {
         "description": "The width of the Scheduler time column.\n",
         "commentRange": {
-            "start": 184,
-            "end": 185
+            "start": 187,
+            "end": 188
         },
         "context": {
             "type": "variable",
@@ -67490,8 +68218,8 @@
             "value": "11rem",
             "scope": "default",
             "line": {
-                "start": 186,
-                "end": 186
+                "start": 189,
+                "end": 189
             }
         },
         "group": [
@@ -67506,8 +68234,8 @@
     {
         "description": "The background color of the non-working hours in the Scheduler.\n",
         "commentRange": {
-            "start": 188,
-            "end": 189
+            "start": 191,
+            "end": 192
         },
         "context": {
             "type": "variable",
@@ -67515,8 +68243,8 @@
             "value": "k-color(base)",
             "scope": "default",
             "line": {
-                "start": 190,
-                "end": 190
+                "start": 193,
+                "end": 193
             }
         },
         "group": [
@@ -67531,8 +68259,8 @@
     {
         "description": "The text color of the non-working hours in the Scheduler.\n",
         "commentRange": {
-            "start": 191,
-            "end": 192
+            "start": 194,
+            "end": 195
         },
         "context": {
             "type": "variable",
@@ -67540,8 +68268,8 @@
             "value": "null",
             "scope": "default",
             "line": {
-                "start": 193,
-                "end": 193
+                "start": 196,
+                "end": 196
             }
         },
         "group": [
@@ -67556,8 +68284,8 @@
     {
         "description": "The background color of the preceding/subsequent month cells in the Calendar.\n",
         "commentRange": {
-            "start": 195,
-            "end": 196
+            "start": 198,
+            "end": 199
         },
         "context": {
             "type": "variable",
@@ -67565,8 +68293,8 @@
             "value": "k-color(base)",
             "scope": "default",
             "line": {
-                "start": 197,
-                "end": 197
+                "start": 200,
+                "end": 200
             }
         },
         "group": [
@@ -67581,8 +68309,8 @@
     {
         "description": "The text color of the preceding/subsequent month cells in the Calendar.\n",
         "commentRange": {
-            "start": 198,
-            "end": 199
+            "start": 201,
+            "end": 202
         },
         "context": {
             "type": "variable",
@@ -67590,8 +68318,8 @@
             "value": "null",
             "scope": "default",
             "line": {
-                "start": 200,
-                "end": 200
+                "start": 203,
+                "end": 203
             }
         },
         "group": [
@@ -67606,8 +68334,8 @@
     {
         "description": "The horizontal padding of the year view in the Scheduler.\n",
         "commentRange": {
-            "start": 202,
-            "end": 203
+            "start": 205,
+            "end": 206
         },
         "context": {
             "type": "variable",
@@ -67615,8 +68343,8 @@
             "value": "k-spacing(3)",
             "scope": "default",
             "line": {
-                "start": 204,
-                "end": 204
+                "start": 207,
+                "end": 207
             }
         },
         "group": [
@@ -67631,8 +68359,8 @@
     {
         "description": "The vertical padding of the year view in the Scheduler.\n",
         "commentRange": {
-            "start": 205,
-            "end": 206
+            "start": 208,
+            "end": 209
         },
         "context": {
             "type": "variable",
@@ -67640,8 +68368,8 @@
             "value": "$kendo-scheduler-yearview-padding-x",
             "scope": "default",
             "line": {
-                "start": 207,
-                "end": 207
+                "start": 210,
+                "end": 210
             }
         },
         "group": [
@@ -67656,8 +68384,8 @@
     {
         "description": "The spacing between the calendars of the year view in the Scheduler.\n",
         "commentRange": {
-            "start": 209,
-            "end": 210
+            "start": 212,
+            "end": 213
         },
         "context": {
             "type": "variable",
@@ -67665,8 +68393,8 @@
             "value": "k-spacing(3)",
             "scope": "default",
             "line": {
-                "start": 211,
-                "end": 211
+                "start": 214,
+                "end": 214
             }
         },
         "group": [
@@ -67681,8 +68409,8 @@
     {
         "description": "The days with events indicator size of the year view in the Scheduler.\n",
         "commentRange": {
-            "start": 213,
-            "end": 214
+            "start": 216,
+            "end": 217
         },
         "context": {
             "type": "variable",
@@ -67690,8 +68418,8 @@
             "value": "3px",
             "scope": "default",
             "line": {
-                "start": 215,
-                "end": 215
+                "start": 218,
+                "end": 218
             }
         },
         "group": [
@@ -67706,8 +68434,8 @@
     {
         "description": "The top position of the days with events indicator of the year view in the Scheduler.\n",
         "commentRange": {
-            "start": 216,
-            "end": 217
+            "start": 219,
+            "end": 220
         },
         "context": {
             "type": "variable",
@@ -67715,8 +68443,8 @@
             "value": "calc( #{$kendo-calendar-cell-size} - (#{$kendo-calendar-cell-padding-y} * 2))",
             "scope": "default",
             "line": {
-                "start": 218,
-                "end": 218
+                "start": 221,
+                "end": 221
             }
         },
         "group": [
@@ -67731,8 +68459,8 @@
     {
         "description": "The left position of the days with events indicator of the year view in the Scheduler.\n",
         "commentRange": {
-            "start": 219,
-            "end": 220
+            "start": 222,
+            "end": 223
         },
         "context": {
             "type": "variable",
@@ -67740,8 +68468,8 @@
             "value": "calc( 50% - #{math.div( $kendo-scheduler-yearview-indicator-size, 2 )} )",
             "scope": "default",
             "line": {
-                "start": 221,
-                "end": 221
+                "start": 224,
+                "end": 224
             }
         },
         "group": [
@@ -67756,8 +68484,8 @@
     {
         "description": "The border radius of the days with events indicator of the year view in the Scheduler.\n",
         "commentRange": {
-            "start": 222,
-            "end": 223
+            "start": 225,
+            "end": 226
         },
         "context": {
             "type": "variable",
@@ -67765,8 +68493,8 @@
             "value": "50%",
             "scope": "default",
             "line": {
-                "start": 224,
-                "end": 224
+                "start": 227,
+                "end": 227
             }
         },
         "group": [
@@ -67781,8 +68509,8 @@
     {
         "description": "The background color of the days with events indicator of the year view in the Scheduler.\n",
         "commentRange": {
-            "start": 225,
-            "end": 226
+            "start": 228,
+            "end": 229
         },
         "context": {
             "type": "variable",
@@ -67790,8 +68518,8 @@
             "value": "k-color(primary)",
             "scope": "default",
             "line": {
-                "start": 227,
-                "end": 227
+                "start": 230,
+                "end": 230
             }
         },
         "group": [
@@ -67806,8 +68534,8 @@
     {
         "description": "The background color of the selected days with events indicator of the year view in the Scheduler.\n",
         "commentRange": {
-            "start": 228,
-            "end": 229
+            "start": 231,
+            "end": 232
         },
         "context": {
             "type": "variable",
@@ -67815,8 +68543,8 @@
             "value": "k-color(on-primary)",
             "scope": "default",
             "line": {
-                "start": 230,
-                "end": 230
+                "start": 233,
+                "end": 233
             }
         },
         "group": [
@@ -67831,8 +68559,8 @@
     {
         "description": "The font size of the month inside the Scheduler Tooltip.\n",
         "commentRange": {
-            "start": 232,
-            "end": 233
+            "start": 235,
+            "end": 236
         },
         "context": {
             "type": "variable",
@@ -67840,8 +68568,8 @@
             "value": "var( --kendo-font-size-sm, inherit )",
             "scope": "default",
             "line": {
-                "start": 234,
-                "end": 234
+                "start": 237,
+                "end": 237
             }
         },
         "group": [
@@ -67856,8 +68584,8 @@
     {
         "description": "The font size of the day inside the Scheduler Tooltip.\n",
         "commentRange": {
-            "start": 235,
-            "end": 236
+            "start": 238,
+            "end": 239
         },
         "context": {
             "type": "variable",
@@ -67865,8 +68593,8 @@
             "value": "calc( var( --kendo-font-size-sm, .75rem ) * 2 )",
             "scope": "default",
             "line": {
-                "start": 237,
-                "end": 237
+                "start": 240,
+                "end": 240
             }
         },
         "group": [
@@ -67881,8 +68609,8 @@
     {
         "description": "The max height of the events inside the Scheduler Tooltip.\n",
         "commentRange": {
-            "start": 239,
-            "end": 240
+            "start": 242,
+            "end": 243
         },
         "context": {
             "type": "variable",
@@ -67890,8 +68618,8 @@
             "value": "250px",
             "scope": "default",
             "line": {
-                "start": 241,
-                "end": 241
+                "start": 244,
+                "end": 244
             }
         },
         "group": [
@@ -67906,8 +68634,8 @@
     {
         "description": "The spacing between the events inside the Scheduler Tooltip.\n",
         "commentRange": {
-            "start": 242,
-            "end": 243
+            "start": 245,
+            "end": 246
         },
         "context": {
             "type": "variable",
@@ -67915,8 +68643,8 @@
             "value": "k-spacing(1.5)",
             "scope": "default",
             "line": {
-                "start": 244,
-                "end": 244
+                "start": 247,
+                "end": 247
             }
         },
         "group": [
@@ -67931,8 +68659,8 @@
     {
         "description": "The minimum height of the events inside the Scheduler Tooltip.\n",
         "commentRange": {
-            "start": 246,
-            "end": 247
+            "start": 249,
+            "end": 250
         },
         "context": {
             "type": "variable",
@@ -67940,8 +68668,8 @@
             "value": "25px",
             "scope": "default",
             "line": {
-                "start": 248,
-                "end": 248
+                "start": 251,
+                "end": 251
             }
         },
         "group": [
@@ -67956,8 +68684,8 @@
     {
         "description": "The horizontal padding of the events inside the Scheduler Tooltip.\n",
         "commentRange": {
-            "start": 249,
-            "end": 250
+            "start": 252,
+            "end": 253
         },
         "context": {
             "type": "variable",
@@ -67965,8 +68693,8 @@
             "value": "k-spacing(2)",
             "scope": "default",
             "line": {
-                "start": 251,
-                "end": 251
+                "start": 254,
+                "end": 254
             }
         },
         "group": [
@@ -67981,8 +68709,8 @@
     {
         "description": "The vertical padding of the events inside the Scheduler Tooltip.\n",
         "commentRange": {
-            "start": 252,
-            "end": 253
+            "start": 255,
+            "end": 256
         },
         "context": {
             "type": "variable",
@@ -67990,8 +68718,8 @@
             "value": "null",
             "scope": "default",
             "line": {
-                "start": 254,
-                "end": 254
+                "start": 257,
+                "end": 257
             }
         },
         "group": [
@@ -68006,8 +68734,8 @@
     {
         "description": "The border radius of the events inside the Scheduler Tooltip.\n",
         "commentRange": {
-            "start": 255,
-            "end": 256
+            "start": 258,
+            "end": 259
         },
         "context": {
             "type": "variable",
@@ -68015,8 +68743,8 @@
             "value": "k-border-radius(md)",
             "scope": "default",
             "line": {
-                "start": 257,
-                "end": 257
+                "start": 260,
+                "end": 260
             }
         },
         "group": [
@@ -68031,8 +68759,8 @@
     {
         "description": "The spacing between the events items inside the Scheduler Tooltip.\n",
         "commentRange": {
-            "start": 258,
-            "end": 259
+            "start": 261,
+            "end": 262
         },
         "context": {
             "type": "variable",
@@ -68040,8 +68768,8 @@
             "value": "k-spacing(1.5)",
             "scope": "default",
             "line": {
-                "start": 260,
-                "end": 260
+                "start": 263,
+                "end": 263
             }
         },
         "group": [
@@ -68056,8 +68784,8 @@
     {
         "description": "The horizontal padding of the Scheduler event template.\n",
         "commentRange": {
-            "start": 262,
-            "end": 263
+            "start": 265,
+            "end": 266
         },
         "context": {
             "type": "variable",
@@ -68065,8 +68793,8 @@
             "value": "k-spacing(2)",
             "scope": "default",
             "line": {
-                "start": 264,
-                "end": 264
+                "start": 267,
+                "end": 267
             }
         },
         "group": [
@@ -68081,8 +68809,8 @@
     {
         "description": "The vertical padding of the Scheduler event template.\n",
         "commentRange": {
-            "start": 265,
-            "end": 266
+            "start": 268,
+            "end": 269
         },
         "context": {
             "type": "variable",
@@ -68090,8 +68818,8 @@
             "value": "k-spacing(1)",
             "scope": "default",
             "line": {
-                "start": 267,
-                "end": 267
+                "start": 270,
+                "end": 270
             }
         },
         "group": [
@@ -68106,8 +68834,8 @@
     {
         "description": "The inline inset of the Scheduler marquee labels.\n",
         "commentRange": {
-            "start": 269,
-            "end": 270
+            "start": 272,
+            "end": 273
         },
         "context": {
             "type": "variable",
@@ -68115,8 +68843,8 @@
             "value": "k-spacing(1)",
             "scope": "default",
             "line": {
-                "start": 271,
-                "end": 271
+                "start": 274,
+                "end": 274
             }
         },
         "group": [
@@ -68131,8 +68859,8 @@
     {
         "description": "The block inset of the Scheduler marquee labels.\n",
         "commentRange": {
-            "start": 272,
-            "end": 273
+            "start": 275,
+            "end": 276
         },
         "context": {
             "type": "variable",
@@ -68140,8 +68868,8 @@
             "value": "k-spacing(0.5)",
             "scope": "default",
             "line": {
-                "start": 274,
-                "end": 274
+                "start": 277,
+                "end": 277
             }
         },
         "group": [
@@ -68156,8 +68884,8 @@
     {
         "description": "The spacing between icon and text in Scheduler navigation items.\n",
         "commentRange": {
-            "start": 276,
-            "end": 277
+            "start": 279,
+            "end": 280
         },
         "context": {
             "type": "variable",
@@ -68165,8 +68893,8 @@
             "value": "k-spacing(1)",
             "scope": "default",
             "line": {
-                "start": 278,
-                "end": 278
+                "start": 281,
+                "end": 281
             }
         },
         "group": [
@@ -68181,8 +68909,8 @@
     {
         "description": "The background color of the Scheduler header.\n",
         "commentRange": {
-            "start": 280,
-            "end": 281
+            "start": 283,
+            "end": 284
         },
         "context": {
             "type": "variable",
@@ -68190,8 +68918,8 @@
             "value": "k-translucency-bg(k-color(surface))",
             "scope": "default",
             "line": {
-                "start": 282,
-                "end": 282
+                "start": 285,
+                "end": 285
             }
         },
         "group": [
@@ -68982,15 +69710,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,
@@ -69000,6 +69728,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",
@@ -69009,8 +69765,8 @@
     {
         "description": "The vertical padding of the Segmented Control.\n",
         "commentRange": {
-            "start": 15,
-            "end": 16
+            "start": 19,
+            "end": 20
         },
         "context": {
             "type": "variable",
@@ -69018,8 +69774,8 @@
             "value": "k-spacing(0.5)",
             "scope": "default",
             "line": {
-                "start": 17,
-                "end": 17
+                "start": 21,
+                "end": 21
             }
         },
         "group": [
@@ -69034,8 +69790,8 @@
     {
         "description": "The border radius of the Segmented Control.\n",
         "commentRange": {
-            "start": 18,
-            "end": 19
+            "start": 22,
+            "end": 23
         },
         "context": {
             "type": "variable",
@@ -69043,8 +69799,8 @@
             "value": "k-border-radius(full)",
             "scope": "default",
             "line": {
-                "start": 20,
-                "end": 20
+                "start": 24,
+                "end": 24
             }
         },
         "group": [
@@ -69059,8 +69815,8 @@
     {
         "description": "The background color of the Segmented Control.\n",
         "commentRange": {
-            "start": 22,
-            "end": 23
+            "start": 26,
+            "end": 27
         },
         "context": {
             "type": "variable",
@@ -69068,8 +69824,8 @@
             "value": "k-color(base)",
             "scope": "default",
             "line": {
-                "start": 24,
-                "end": 24
+                "start": 28,
+                "end": 28
             }
         },
         "group": [
@@ -69084,8 +69840,8 @@
     {
         "description": "The text color of the Segmented Control.\n",
         "commentRange": {
-            "start": 25,
-            "end": 26
+            "start": 29,
+            "end": 30
         },
         "context": {
             "type": "variable",
@@ -69093,8 +69849,8 @@
             "value": "k-color(on-base)",
             "scope": "default",
             "line": {
-                "start": 27,
-                "end": 27
+                "start": 31,
+                "end": 31
             }
         },
         "group": [
@@ -69109,8 +69865,8 @@
     {
         "description": "The font size of the small Segmented Control.\n",
         "commentRange": {
-            "start": 29,
-            "end": 30
+            "start": 33,
+            "end": 34
         },
         "context": {
             "type": "variable",
@@ -69118,8 +69874,8 @@
             "value": "var( --kendo-font-size-sm, inherit )",
             "scope": "default",
             "line": {
-                "start": 31,
-                "end": 31
+                "start": 35,
+                "end": 35
             }
         },
         "group": [
@@ -69134,8 +69890,8 @@
     {
         "description": "The font size of the medium Segmented Control.\n",
         "commentRange": {
-            "start": 32,
-            "end": 33
+            "start": 36,
+            "end": 37
         },
         "context": {
             "type": "variable",
@@ -69143,8 +69899,8 @@
             "value": "var( --kendo-font-size, inherit )",
             "scope": "default",
             "line": {
-                "start": 34,
-                "end": 34
+                "start": 38,
+                "end": 38
             }
         },
         "group": [
@@ -69159,8 +69915,8 @@
     {
         "description": "The font size of the large Segmented Control.\n",
         "commentRange": {
-            "start": 35,
-            "end": 36
+            "start": 39,
+            "end": 40
         },
         "context": {
             "type": "variable",
@@ -69168,8 +69924,8 @@
             "value": "var( --kendo-font-size-lg, inherit )",
             "scope": "default",
             "line": {
-                "start": 37,
-                "end": 37
+                "start": 41,
+                "end": 41
             }
         },
         "group": [
@@ -69184,8 +69940,8 @@
     {
         "description": "The font family of the Segmented Control.\n",
         "commentRange": {
-            "start": 39,
-            "end": 40
+            "start": 43,
+            "end": 44
         },
         "context": {
             "type": "variable",
@@ -69193,8 +69949,8 @@
             "value": "var( --kendo-font-family, inherit )",
             "scope": "default",
             "line": {
-                "start": 41,
-                "end": 41
+                "start": 45,
+                "end": 45
             }
         },
         "group": [
@@ -69209,8 +69965,8 @@
     {
         "description": "The line height of the small Segmented Control.\n",
         "commentRange": {
-            "start": 43,
-            "end": 44
+            "start": 47,
+            "end": 48
         },
         "context": {
             "type": "variable",
@@ -69218,8 +69974,8 @@
             "value": "var( --kendo-line-height-sm, normal )",
             "scope": "default",
             "line": {
-                "start": 45,
-                "end": 45
+                "start": 49,
+                "end": 49
             }
         },
         "group": [
@@ -69234,8 +69990,8 @@
     {
         "description": "The line height of the medium Segmented Control.\n",
         "commentRange": {
-            "start": 46,
-            "end": 47
+            "start": 50,
+            "end": 51
         },
         "context": {
             "type": "variable",
@@ -69243,8 +69999,8 @@
             "value": "var( --kendo-line-height, normal )",
             "scope": "default",
             "line": {
-                "start": 48,
-                "end": 48
+                "start": 52,
+                "end": 52
             }
         },
         "group": [
@@ -69259,8 +70015,8 @@
     {
         "description": "The line height of the large Segmented Control.\n",
         "commentRange": {
-            "start": 49,
-            "end": 50
+            "start": 53,
+            "end": 54
         },
         "context": {
             "type": "variable",
@@ -69268,8 +70024,8 @@
             "value": "var( --kendo-line-height-lg, normal )",
             "scope": "default",
             "line": {
-                "start": 51,
-                "end": 51
+                "start": 55,
+                "end": 55
             }
         },
         "group": [
@@ -69284,8 +70040,8 @@
     {
         "description": "The border radius of the Segmented Control thumb.\n",
         "commentRange": {
-            "start": 53,
-            "end": 54
+            "start": 57,
+            "end": 58
         },
         "context": {
             "type": "variable",
@@ -69293,8 +70049,8 @@
             "value": "$kendo-segmented-control-border-radius",
             "scope": "default",
             "line": {
-                "start": 55,
-                "end": 55
+                "start": 59,
+                "end": 59
             }
         },
         "group": [
@@ -69309,8 +70065,8 @@
     {
         "description": "The box shadow of the Segmented Control thumb.\n",
         "commentRange": {
-            "start": 56,
-            "end": 57
+            "start": 60,
+            "end": 61
         },
         "context": {
             "type": "variable",
@@ -69318,8 +70074,8 @@
             "value": "0 0 2px 0 rgba(0, 0, 0, 0.16)",
             "scope": "default",
             "line": {
-                "start": 58,
-                "end": 58
+                "start": 62,
+                "end": 62
             }
         },
         "group": [
@@ -69334,8 +70090,8 @@
     {
         "description": "The background of the Segmented Control thumb.\n",
         "commentRange": {
-            "start": 59,
-            "end": 60
+            "start": 63,
+            "end": 64
         },
         "context": {
             "type": "variable",
@@ -69343,8 +70099,8 @@
             "value": "k-color(app-surface)",
             "scope": "default",
             "line": {
-                "start": 61,
-                "end": 61
+                "start": 65,
+                "end": 65
             }
         },
         "group": [
@@ -69359,8 +70115,8 @@
     {
         "description": "The text color of the Segmented Control thumb.\n",
         "commentRange": {
-            "start": 62,
-            "end": 63
+            "start": 66,
+            "end": 67
         },
         "context": {
             "type": "variable",
@@ -69368,8 +70124,8 @@
             "value": "$kendo-segmented-control-text",
             "scope": "default",
             "line": {
-                "start": 64,
-                "end": 64
+                "start": 68,
+                "end": 68
             }
         },
         "group": [
@@ -69384,8 +70140,8 @@
     {
         "description": "The horizontal padding of the small Segmented Control button.\n",
         "commentRange": {
-            "start": 66,
-            "end": 67
+            "start": 70,
+            "end": 71
         },
         "context": {
             "type": "variable",
@@ -69393,8 +70149,8 @@
             "value": "k-spacing(3)",
             "scope": "default",
             "line": {
-                "start": 68,
-                "end": 68
+                "start": 72,
+                "end": 72
             }
         },
         "group": [
@@ -69409,8 +70165,8 @@
     {
         "description": "The horizontal padding of the medium Segmented Control button.\n",
         "commentRange": {
-            "start": 69,
-            "end": 70
+            "start": 73,
+            "end": 74
         },
         "context": {
             "type": "variable",
@@ -69418,8 +70174,8 @@
             "value": "k-spacing(3)",
             "scope": "default",
             "line": {
-                "start": 71,
-                "end": 71
+                "start": 75,
+                "end": 75
             }
         },
         "group": [
@@ -69434,8 +70190,8 @@
     {
         "description": "The horizontal padding of the large Segmented Control button.\n",
         "commentRange": {
-            "start": 72,
-            "end": 73
+            "start": 76,
+            "end": 77
         },
         "context": {
             "type": "variable",
@@ -69443,8 +70199,8 @@
             "value": "k-spacing(3)",
             "scope": "default",
             "line": {
-                "start": 74,
-                "end": 74
+                "start": 78,
+                "end": 78
             }
         },
         "group": [
@@ -69459,8 +70215,8 @@
     {
         "description": "The vertical padding of the small Segmented Control button.\n",
         "commentRange": {
-            "start": 76,
-            "end": 77
+            "start": 80,
+            "end": 81
         },
         "context": {
             "type": "variable",
@@ -69468,8 +70224,8 @@
             "value": "calc( #{k-spacing(.5)} + 1px )",
             "scope": "default",
             "line": {
-                "start": 78,
-                "end": 78
+                "start": 82,
+                "end": 82
             }
         },
         "group": [
@@ -69484,8 +70240,8 @@
     {
         "description": "The vertical padding of the medium Segmented Control button.\n",
         "commentRange": {
-            "start": 79,
-            "end": 80
+            "start": 83,
+            "end": 84
         },
         "context": {
             "type": "variable",
@@ -69493,8 +70249,8 @@
             "value": "calc( #{k-spacing(1)} + 1px )",
             "scope": "default",
             "line": {
-                "start": 81,
-                "end": 81
+                "start": 85,
+                "end": 85
             }
         },
         "group": [
@@ -69509,8 +70265,8 @@
     {
         "description": "The vertical padding of the large Segmented Control button.\n",
         "commentRange": {
-            "start": 82,
-            "end": 83
+            "start": 86,
+            "end": 87
         },
         "context": {
             "type": "variable",
@@ -69518,8 +70274,8 @@
             "value": "calc( #{k-spacing(1)} + 1px )",
             "scope": "default",
             "line": {
-                "start": 84,
-                "end": 84
+                "start": 88,
+                "end": 88
             }
         },
         "group": [
@@ -69534,8 +70290,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",
@@ -69543,8 +70299,8 @@
             "value": "0px",
             "scope": "default",
             "line": {
-                "start": 89,
-                "end": 89
+                "start": 93,
+                "end": 93
             }
         },
         "group": [
@@ -69559,8 +70315,8 @@
     {
         "description": "The border radius of the Segmented Control button.\n",
         "commentRange": {
-            "start": 90,
-            "end": 91
+            "start": 94,
+            "end": 95
         },
         "context": {
             "type": "variable",
@@ -69568,8 +70324,8 @@
             "value": "$kendo-segmented-control-thumb-border-radius",
             "scope": "default",
             "line": {
-                "start": 92,
-                "end": 92
+                "start": 96,
+                "end": 96
             }
         },
         "group": [
@@ -69584,8 +70340,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",
@@ -69593,8 +70349,8 @@
             "value": "k-spacing(1.5)",
             "scope": "default",
             "line": {
-                "start": 96,
-                "end": 96
+                "start": 100,
+                "end": 100
             }
         },
         "group": [
@@ -69609,8 +70365,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",
@@ -69618,8 +70374,8 @@
             "value": "k-spacing(1.5)",
             "scope": "default",
             "line": {
-                "start": 99,
-                "end": 99
+                "start": 103,
+                "end": 103
             }
         },
         "group": [
@@ -69634,8 +70390,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",
@@ -69643,8 +70399,8 @@
             "value": "k-spacing(2)",
             "scope": "default",
             "line": {
-                "start": 102,
-                "end": 102
+                "start": 106,
+                "end": 106
             }
         },
         "group": [
@@ -69659,8 +70415,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",
@@ -69668,8 +70424,8 @@
             "value": "color-mix(in srgb, k-color(base-hover), k-color(base-active) 70%)",
             "scope": "default",
             "line": {
-                "start": 106,
-                "end": 106
+                "start": 110,
+                "end": 110
             }
         },
         "group": [
@@ -69684,8 +70440,8 @@
     {
         "description": "The indication of the focused button inside Segmented Control.\n",
         "commentRange": {
-            "start": 107,
-            "end": 108
+            "start": 111,
+            "end": 112
         },
         "context": {
             "type": "variable",
@@ -69693,8 +70449,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": [
@@ -95243,20 +95999,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": [
@@ -95371,8 +96152,8 @@
     {
         "description": "The map with the sizes of the Segmented Control.\n",
         "commentRange": {
-            "start": 45,
-            "end": 46
+            "start": 48,
+            "end": 49
         },
         "context": {
             "type": "variable",
@@ -95380,8 +96161,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": [