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

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

@@ -20830,7 +20830,7 @@
         "context": {
             "type": "variable",
             "name": "kendo-color-editor-sm-min-width",
-            "value": "252px",
+            "value": "256px",
             "scope": "default",
             "line": {
                 "start": 19,
@@ -20855,7 +20855,7 @@
         "context": {
             "type": "variable",
             "name": "kendo-color-editor-md-min-width",
-            "value": "272px",
+            "value": "280px",
             "scope": "default",
             "line": {
                 "start": 22,
@@ -20880,7 +20880,7 @@
         "context": {
             "type": "variable",
             "name": "kendo-color-editor-lg-min-width",
-            "value": "362px",
+            "value": "364px",
             "scope": "default",
             "line": {
                 "start": 25,
@@ -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,24 +49825,27 @@
         }
     },
     {
-        "description": "The width of the border around the Menu.\n",
+        "description": "The default size of the Menu group.\n",
         "commentRange": {
             "start": 14,
-            "end": 15
+            "end": 16
         },
         "context": {
             "type": "variable",
-            "name": "kendo-menu-border-width",
-            "value": "0px",
+            "name": "kendo-menu-group-default-size",
+            "value": "\"md\"",
             "scope": "default",
             "line": {
-                "start": 16,
-                "end": 16
+                "start": 17,
+                "end": 17
             }
         },
         "group": [
             "menu"
         ],
+        "role": [
+            "default"
+        ],
         "access": "public",
         "file": {
             "path": "menu/_variables.scss",
@@ -49850,19 +49853,19 @@
         }
     },
     {
-        "description": "The font family of the Menu.\n",
+        "description": "The width of the border around the Menu.\n",
         "commentRange": {
-            "start": 18,
-            "end": 19
+            "start": 19,
+            "end": 20
         },
         "context": {
             "type": "variable",
-            "name": "kendo-menu-font-family",
-            "value": "var( --kendo-font-family, inherit )",
+            "name": "kendo-menu-border-width",
+            "value": "0px",
             "scope": "default",
             "line": {
-                "start": 20,
-                "end": 20
+                "start": 21,
+                "end": 21
             }
         },
         "group": [
@@ -49875,19 +49878,19 @@
         }
     },
     {
-        "description": "The font size of the Menu.\n",
+        "description": "The font family of the Menu.\n",
         "commentRange": {
-            "start": 21,
-            "end": 22
+            "start": 23,
+            "end": 24
         },
         "context": {
             "type": "variable",
-            "name": "kendo-menu-font-size",
-            "value": "var( --kendo-font-size, inherit )",
+            "name": "kendo-menu-font-family",
+            "value": "var( --kendo-font-family, inherit )",
             "scope": "default",
             "line": {
-                "start": 23,
-                "end": 23
+                "start": 25,
+                "end": 25
             }
         },
         "group": [
@@ -49900,19 +49903,19 @@
         }
     },
     {
-        "description": "The line height of the Menu used along with $kendo-font-size.\n",
+        "description": "The font size of the Menu.\n",
         "commentRange": {
-            "start": 24,
-            "end": 25
+            "start": 26,
+            "end": 27
         },
         "context": {
             "type": "variable",
-            "name": "kendo-menu-line-height",
-            "value": "var( --kendo-line-height, normal )",
+            "name": "kendo-menu-font-size",
+            "value": "var( --kendo-font-size, inherit )",
             "scope": "default",
             "line": {
-                "start": 26,
-                "end": 26
+                "start": 28,
+                "end": 28
             }
         },
         "group": [
@@ -49925,19 +49928,19 @@
         }
     },
     {
-        "description": "The background color of the Menu.\n",
+        "description": "The line height of the Menu used along with $kendo-font-size.\n",
         "commentRange": {
-            "start": 28,
-            "end": 29
+            "start": 29,
+            "end": 30
         },
         "context": {
             "type": "variable",
-            "name": "kendo-menu-bg",
-            "value": "transparent",
+            "name": "kendo-menu-line-height",
+            "value": "var( --kendo-line-height, normal )",
             "scope": "default",
             "line": {
-                "start": 30,
-                "end": 30
+                "start": 31,
+                "end": 31
             }
         },
         "group": [
@@ -49950,19 +49953,19 @@
         }
     },
     {
-        "description": "The text color of the Menu.\n",
+        "description": "The font size of the small Menu.\n",
         "commentRange": {
-            "start": 31,
-            "end": 32
+            "start": 33,
+            "end": 34
         },
         "context": {
             "type": "variable",
-            "name": "kendo-menu-text",
-            "value": "k-color(on-app-surface)",
+            "name": "kendo-menu-sm-font-size",
+            "value": "var( --kendo-font-size-sm, inherit )",
             "scope": "default",
             "line": {
-                "start": 33,
-                "end": 33
+                "start": 35,
+                "end": 35
             }
         },
         "group": [
@@ -49975,19 +49978,19 @@
         }
     },
     {
-        "description": "The border color of the Menu.\n",
+        "description": "The font size of the large Menu.\n",
         "commentRange": {
-            "start": 34,
-            "end": 35
+            "start": 36,
+            "end": 37
         },
         "context": {
             "type": "variable",
-            "name": "kendo-menu-border",
-            "value": "null",
+            "name": "kendo-menu-lg-font-size",
+            "value": "var( --kendo-font-size-lg, inherit )",
             "scope": "default",
             "line": {
-                "start": 36,
-                "end": 36
+                "start": 38,
+                "end": 38
             }
         },
         "group": [
@@ -50000,19 +50003,19 @@
         }
     },
     {
-        "description": "The background gradient of the Menu.\n",
+        "description": "The line height of the small Menu.\n",
         "commentRange": {
-            "start": 37,
-            "end": 38
+            "start": 40,
+            "end": 41
         },
         "context": {
             "type": "variable",
-            "name": "kendo-menu-gradient",
-            "value": "null",
+            "name": "kendo-menu-sm-line-height",
+            "value": "var( --kendo-line-height, normal )",
             "scope": "default",
             "line": {
-                "start": 39,
-                "end": 39
+                "start": 42,
+                "end": 42
             }
         },
         "group": [
@@ -50025,15 +50028,15 @@
         }
     },
     {
-        "description": "The horizontal padding of the Menu item.\n",
+        "description": "The line height of the large Menu.\n",
         "commentRange": {
             "start": 43,
             "end": 44
         },
         "context": {
             "type": "variable",
-            "name": "kendo-menu-item-padding-x",
-            "value": "k-spacing(2.5)",
+            "name": "kendo-menu-lg-line-height",
+            "value": "var( --kendo-line-height-lg, normal )",
             "scope": "default",
             "line": {
                 "start": 45,
@@ -50050,19 +50053,19 @@
         }
     },
     {
-        "description": "The vertical padding of the Menu item.\n",
+        "description": "The background color of the Menu.\n",
         "commentRange": {
-            "start": 46,
-            "end": 47
+            "start": 47,
+            "end": 48
         },
         "context": {
             "type": "variable",
-            "name": "kendo-menu-item-padding-y",
-            "value": "k-spacing(2)",
+            "name": "kendo-menu-bg",
+            "value": "transparent",
             "scope": "default",
             "line": {
-                "start": 48,
-                "end": 48
+                "start": 49,
+                "end": 49
             }
         },
         "group": [
@@ -50075,19 +50078,19 @@
         }
     },
     {
-        "description": "The spacing between the Menu items.\n",
+        "description": "The text color of the Menu.\n",
         "commentRange": {
-            "start": 49,
-            "end": 50
+            "start": 50,
+            "end": 51
         },
         "context": {
             "type": "variable",
-            "name": "kendo-menu-item-spacing",
-            "value": "k-spacing(0)",
+            "name": "kendo-menu-text",
+            "value": "k-color(on-app-surface)",
             "scope": "default",
             "line": {
-                "start": 51,
-                "end": 51
+                "start": 52,
+                "end": 52
             }
         },
         "group": [
@@ -50100,19 +50103,19 @@
         }
     },
     {
-        "description": "The spacing between the Menu item text and icons.\n",
+        "description": "The border color of the Menu.\n",
         "commentRange": {
-            "start": 52,
-            "end": 53
+            "start": 53,
+            "end": 54
         },
         "context": {
             "type": "variable",
-            "name": "kendo-menu-item-icon-spacing",
-            "value": "$kendo-icon-spacing",
+            "name": "kendo-menu-border",
+            "value": "null",
             "scope": "default",
             "line": {
-                "start": 54,
-                "end": 54
+                "start": 55,
+                "end": 55
             }
         },
         "group": [
@@ -50125,15 +50128,15 @@
         }
     },
     {
-        "description": "The font weight of the selected Menu item.\n",
+        "description": "The background gradient of the Menu.\n",
         "commentRange": {
             "start": 56,
             "end": 57
         },
         "context": {
             "type": "variable",
-            "name": "kendo-menu-item-selected-font-weight",
-            "value": "normal",
+            "name": "kendo-menu-gradient",
+            "value": "null",
             "scope": "default",
             "line": {
                 "start": 58,
@@ -50150,19 +50153,19 @@
         }
     },
     {
-        "description": "The background color of the Menu item.\n",
+        "description": "The horizontal padding of the Menu item.\n",
         "commentRange": {
-            "start": 60,
-            "end": 61
+            "start": 62,
+            "end": 63
         },
         "context": {
             "type": "variable",
-            "name": "kendo-menu-item-bg",
-            "value": "null",
+            "name": "kendo-menu-item-padding-x",
+            "value": "k-spacing(2.5)",
             "scope": "default",
             "line": {
-                "start": 62,
-                "end": 62
+                "start": 64,
+                "end": 64
             }
         },
         "group": [
@@ -50175,19 +50178,19 @@
         }
     },
     {
-        "description": "The text color of the Menu item.\n",
+        "description": "The vertical padding of the Menu item.\n",
         "commentRange": {
-            "start": 63,
-            "end": 64
+            "start": 65,
+            "end": 66
         },
         "context": {
             "type": "variable",
-            "name": "kendo-menu-item-text",
-            "value": "k-color(on-app-surface)",
+            "name": "kendo-menu-item-padding-y",
+            "value": "k-spacing(2)",
             "scope": "default",
             "line": {
-                "start": 65,
-                "end": 65
+                "start": 67,
+                "end": 67
             }
         },
         "group": [
@@ -50200,19 +50203,19 @@
         }
     },
     {
-        "description": "The border color of the Menu item.\n",
+        "description": "The spacing between the Menu items.\n",
         "commentRange": {
-            "start": 66,
-            "end": 67
+            "start": 68,
+            "end": 69
         },
         "context": {
             "type": "variable",
-            "name": "kendo-menu-item-border",
-            "value": "null",
+            "name": "kendo-menu-item-spacing",
+            "value": "k-spacing(0)",
             "scope": "default",
             "line": {
-                "start": 68,
-                "end": 68
+                "start": 70,
+                "end": 70
             }
         },
         "group": [
@@ -50225,19 +50228,19 @@
         }
     },
     {
-        "description": "The background gradient of the Menu item.\n",
+        "description": "The spacing between the Menu item text and icons.\n",
         "commentRange": {
-            "start": 69,
-            "end": 70
+            "start": 71,
+            "end": 72
         },
         "context": {
             "type": "variable",
-            "name": "kendo-menu-item-gradient",
-            "value": "null",
+            "name": "kendo-menu-item-icon-spacing",
+            "value": "$kendo-icon-spacing",
             "scope": "default",
             "line": {
-                "start": 71,
-                "end": 71
+                "start": 73,
+                "end": 73
             }
         },
         "group": [
@@ -50250,19 +50253,19 @@
         }
     },
     {
-        "description": "The background color of hovered Menu item.\n",
+        "description": "The border radius of the Menu item.\n",
         "commentRange": {
-            "start": 73,
-            "end": 74
+            "start": 74,
+            "end": 75
         },
         "context": {
             "type": "variable",
-            "name": "kendo-menu-item-hover-bg",
-            "value": "null",
+            "name": "kendo-menu-item-border-radius",
+            "value": "k-border-radius(sm)",
             "scope": "default",
             "line": {
-                "start": 75,
-                "end": 75
+                "start": 76,
+                "end": 76
             }
         },
         "group": [
@@ -50275,19 +50278,19 @@
         }
     },
     {
-        "description": "The text color of hovered Menu item.\n",
+        "description": "The font size of the Menu item description.\n",
         "commentRange": {
-            "start": 76,
-            "end": 77
+            "start": 78,
+            "end": 79
         },
         "context": {
             "type": "variable",
-            "name": "kendo-menu-item-hover-text",
-            "value": "k-color(on-app-surface)",
+            "name": "kendo-menu-item-description-font-size",
+            "value": "$kendo-list-item-description-font-size",
             "scope": "default",
             "line": {
-                "start": 78,
-                "end": 78
+                "start": 80,
+                "end": 80
             }
         },
         "group": [
@@ -50300,19 +50303,19 @@
         }
     },
     {
-        "description": "The border color of hovered Menu item.\n",
+        "description": "The line height of the Menu item description.\n",
         "commentRange": {
-            "start": 79,
-            "end": 80
+            "start": 81,
+            "end": 82
         },
         "context": {
             "type": "variable",
-            "name": "kendo-menu-item-hover-border",
-            "value": "null",
+            "name": "kendo-menu-item-description-line-height",
+            "value": "$kendo-list-item-description-line-height",
             "scope": "default",
             "line": {
-                "start": 81,
-                "end": 81
+                "start": 83,
+                "end": 83
             }
         },
         "group": [
@@ -50325,19 +50328,19 @@
         }
     },
     {
-        "description": "The background gradient of hovered Menu item.\n",
+        "description": "The text color of the Menu item description.\n",
         "commentRange": {
-            "start": 82,
-            "end": 83
+            "start": 84,
+            "end": 85
         },
         "context": {
             "type": "variable",
-            "name": "kendo-menu-item-hover-gradient",
-            "value": "null",
+            "name": "kendo-menu-item-description-text",
+            "value": "$kendo-list-item-description-text",
             "scope": "default",
             "line": {
-                "start": 84,
-                "end": 84
+                "start": 86,
+                "end": 86
             }
         },
         "group": [
@@ -50350,19 +50353,19 @@
         }
     },
     {
-        "description": "The background color of active Menu item.\n",
+        "description": "The horizontal padding of the small Menu item.\n",
         "commentRange": {
-            "start": 86,
-            "end": 87
+            "start": 88,
+            "end": 89
         },
         "context": {
             "type": "variable",
-            "name": "kendo-menu-item-active-bg",
-            "value": "null",
+            "name": "kendo-menu-sm-item-padding-x",
+            "value": "k-spacing(2)",
             "scope": "default",
             "line": {
-                "start": 88,
-                "end": 88
+                "start": 90,
+                "end": 90
             }
         },
         "group": [
@@ -50375,19 +50378,19 @@
         }
     },
     {
-        "description": "The text color of active Menu item.\n",
+        "description": "The horizontal padding of the large Menu item.\n",
         "commentRange": {
-            "start": 89,
-            "end": 90
+            "start": 91,
+            "end": 92
         },
         "context": {
             "type": "variable",
-            "name": "kendo-menu-item-active-text",
-            "value": "k-color(secondary-on-surface)",
+            "name": "kendo-menu-lg-item-padding-x",
+            "value": "k-spacing(3)",
             "scope": "default",
             "line": {
-                "start": 91,
-                "end": 91
+                "start": 93,
+                "end": 93
             }
         },
         "group": [
@@ -50400,19 +50403,19 @@
         }
     },
     {
-        "description": "The border color of active Menu item.\n",
+        "description": "The vertical padding of the small Menu item.\n",
         "commentRange": {
-            "start": 92,
-            "end": 93
+            "start": 95,
+            "end": 96
         },
         "context": {
             "type": "variable",
-            "name": "kendo-menu-item-active-border",
-            "value": "null",
+            "name": "kendo-menu-sm-item-padding-y",
+            "value": "k-spacing(1.5)",
             "scope": "default",
             "line": {
-                "start": 94,
-                "end": 94
+                "start": 97,
+                "end": 97
             }
         },
         "group": [
@@ -50425,19 +50428,19 @@
         }
     },
     {
-        "description": "The background gradient of active Menu item.\n",
+        "description": "The vertical padding of the large Menu item.\n",
         "commentRange": {
-            "start": 95,
-            "end": 96
+            "start": 98,
+            "end": 99
         },
         "context": {
             "type": "variable",
-            "name": "kendo-menu-item-active-gradient",
-            "value": "null",
+            "name": "kendo-menu-lg-item-padding-y",
+            "value": "k-spacing(3)",
             "scope": "default",
             "line": {
-                "start": 97,
-                "end": 97
+                "start": 100,
+                "end": 100
             }
         },
         "group": [
@@ -50450,19 +50453,19 @@
         }
     },
     {
-        "description": "The base shadow of focused Menu item.\n",
+        "description": "The font weight of the selected Menu item.\n",
         "commentRange": {
-            "start": 99,
-            "end": 100
+            "start": 102,
+            "end": 103
         },
         "context": {
             "type": "variable",
-            "name": "kendo-menu-item-focus-shadow",
-            "value": "null",
+            "name": "kendo-menu-item-selected-font-weight",
+            "value": "normal",
             "scope": "default",
             "line": {
-                "start": 101,
-                "end": 101
+                "start": 104,
+                "end": 104
             }
         },
         "group": [
@@ -50475,19 +50478,19 @@
         }
     },
     {
-        "description": "The outline color of focused Menu item.\n",
+        "description": "The background color of the Menu item.\n",
         "commentRange": {
-            "start": 103,
-            "end": 104
+            "start": 106,
+            "end": 107
         },
         "context": {
             "type": "variable",
-            "name": "kendo-menu-focus-outline-color",
-            "value": "k-color(subtle)",
+            "name": "kendo-menu-item-bg",
+            "value": "null",
             "scope": "default",
             "line": {
-                "start": 105,
-                "end": 105
+                "start": 108,
+                "end": 108
             }
         },
         "group": [
@@ -50500,19 +50503,19 @@
         }
     },
     {
-        "description": "The outline offset of focused Menu item.\n",
+        "description": "The text color of the Menu item.\n",
         "commentRange": {
-            "start": 107,
-            "end": 108
+            "start": 109,
+            "end": 110
         },
         "context": {
             "type": "variable",
-            "name": "kendo-menu-focus-outline-offset",
-            "value": "1px",
+            "name": "kendo-menu-item-text",
+            "value": "k-color(on-app-surface)",
             "scope": "default",
             "line": {
-                "start": 109,
-                "end": 109
+                "start": 111,
+                "end": 111
             }
         },
         "group": [
@@ -50525,19 +50528,19 @@
         }
     },
     {
-        "description": "The background color of selected Menu item.\n",
+        "description": "The border color of the Menu item.\n",
         "commentRange": {
-            "start": 111,
-            "end": 112
+            "start": 112,
+            "end": 113
         },
         "context": {
             "type": "variable",
-            "name": "kendo-menu-item-selected-bg",
+            "name": "kendo-menu-item-border",
             "value": "null",
             "scope": "default",
             "line": {
-                "start": 113,
-                "end": 113
+                "start": 114,
+                "end": 114
             }
         },
         "group": [
@@ -50550,19 +50553,19 @@
         }
     },
     {
-        "description": "The text color of selected Menu item.\n",
+        "description": "The background gradient of the Menu item.\n",
         "commentRange": {
-            "start": 114,
-            "end": 115
+            "start": 115,
+            "end": 116
         },
         "context": {
             "type": "variable",
-            "name": "kendo-menu-item-selected-text",
-            "value": "k-color(secondary-on-surface)",
+            "name": "kendo-menu-item-gradient",
+            "value": "null",
             "scope": "default",
             "line": {
-                "start": 116,
-                "end": 116
+                "start": 117,
+                "end": 117
             }
         },
         "group": [
@@ -50575,19 +50578,19 @@
         }
     },
     {
-        "description": "The border color of selected Menu item.\n",
+        "description": "The background color of hovered Menu item.\n",
         "commentRange": {
-            "start": 117,
-            "end": 118
+            "start": 119,
+            "end": 120
         },
         "context": {
             "type": "variable",
-            "name": "kendo-menu-item-selected-border",
+            "name": "kendo-menu-item-hover-bg",
             "value": "null",
             "scope": "default",
             "line": {
-                "start": 119,
-                "end": 119
+                "start": 121,
+                "end": 121
             }
         },
         "group": [
@@ -50600,19 +50603,19 @@
         }
     },
     {
-        "description": "The background gradient of selected Menu item.\n",
+        "description": "The text color of hovered Menu item.\n",
         "commentRange": {
-            "start": 120,
-            "end": 121
+            "start": 122,
+            "end": 123
         },
         "context": {
             "type": "variable",
-            "name": "kendo-menu-item-selected-gradient",
-            "value": "null",
+            "name": "kendo-menu-item-hover-text",
+            "value": "k-color(on-app-surface)",
             "scope": "default",
             "line": {
-                "start": 122,
-                "end": 122
+                "start": 124,
+                "end": 124
             }
         },
         "group": [
@@ -50625,19 +50628,19 @@
         }
     },
     {
-        "description": "The background color of the Menu scroll buttons.\n",
+        "description": "The border color of hovered Menu item.\n",
         "commentRange": {
-            "start": 124,
-            "end": 125
+            "start": 125,
+            "end": 126
         },
         "context": {
             "type": "variable",
-            "name": "kendo-menu-scroll-button-bg",
+            "name": "kendo-menu-item-hover-border",
             "value": "null",
             "scope": "default",
             "line": {
-                "start": 126,
-                "end": 126
+                "start": 127,
+                "end": 127
             }
         },
         "group": [
@@ -50650,19 +50653,19 @@
         }
     },
     {
-        "description": "The text color of the Menu scroll buttons.\n",
+        "description": "The background gradient of hovered Menu item.\n",
         "commentRange": {
-            "start": 127,
-            "end": 128
+            "start": 128,
+            "end": 129
         },
         "context": {
             "type": "variable",
-            "name": "kendo-menu-scroll-button-text",
-            "value": "k-color(subtle)",
+            "name": "kendo-menu-item-hover-gradient",
+            "value": "null",
             "scope": "default",
             "line": {
-                "start": 129,
-                "end": 129
+                "start": 130,
+                "end": 130
             }
         },
         "group": [
@@ -50675,19 +50678,19 @@
         }
     },
     {
-        "description": "The border color of the Menu scroll buttons.\n",
+        "description": "The background color of active Menu item.\n",
         "commentRange": {
-            "start": 130,
-            "end": 131
+            "start": 132,
+            "end": 133
         },
         "context": {
             "type": "variable",
-            "name": "kendo-menu-scroll-button-border",
+            "name": "kendo-menu-item-active-bg",
             "value": "null",
             "scope": "default",
             "line": {
-                "start": 132,
-                "end": 132
+                "start": 134,
+                "end": 134
             }
         },
         "group": [
@@ -50700,19 +50703,19 @@
         }
     },
     {
-        "description": "The background gradient of the Menu scroll buttons.\n",
+        "description": "The text color of active Menu item.\n",
         "commentRange": {
-            "start": 133,
-            "end": 134
+            "start": 135,
+            "end": 136
         },
         "context": {
             "type": "variable",
-            "name": "kendo-menu-scroll-button-gradient",
-            "value": "null",
+            "name": "kendo-menu-item-active-text",
+            "value": "k-color(secondary-on-surface)",
             "scope": "default",
             "line": {
-                "start": 135,
-                "end": 135
+                "start": 137,
+                "end": 137
             }
         },
         "group": [
@@ -50725,19 +50728,19 @@
         }
     },
     {
-        "description": "The background color of hovered Menu scroll buttons.\n",
+        "description": "The border color of active Menu item.\n",
         "commentRange": {
-            "start": 137,
-            "end": 138
+            "start": 138,
+            "end": 139
         },
         "context": {
             "type": "variable",
-            "name": "kendo-menu-scroll-button-hover-bg",
+            "name": "kendo-menu-item-active-border",
             "value": "null",
             "scope": "default",
             "line": {
-                "start": 139,
-                "end": 139
+                "start": 140,
+                "end": 140
             }
         },
         "group": [
@@ -50750,19 +50753,19 @@
         }
     },
     {
-        "description": "The text color of hovered Menu scroll buttons.\n",
+        "description": "The background gradient of active Menu item.\n",
         "commentRange": {
-            "start": 140,
-            "end": 141
+            "start": 141,
+            "end": 142
         },
         "context": {
             "type": "variable",
-            "name": "kendo-menu-scroll-button-hover-text",
-            "value": "k-color(on-app-surface)",
+            "name": "kendo-menu-item-active-gradient",
+            "value": "null",
             "scope": "default",
             "line": {
-                "start": 142,
-                "end": 142
+                "start": 143,
+                "end": 143
             }
         },
         "group": [
@@ -50775,19 +50778,19 @@
         }
     },
     {
-        "description": "The border color of hovered Menu scroll buttons.\n",
+        "description": "The base shadow of focused Menu item.\n",
         "commentRange": {
-            "start": 143,
-            "end": 144
+            "start": 145,
+            "end": 146
         },
         "context": {
             "type": "variable",
-            "name": "kendo-menu-scroll-button-hover-border",
+            "name": "kendo-menu-item-focus-shadow",
             "value": "null",
             "scope": "default",
             "line": {
-                "start": 145,
-                "end": 145
+                "start": 147,
+                "end": 147
             }
         },
         "group": [
@@ -50800,19 +50803,19 @@
         }
     },
     {
-        "description": "The background gradient of hovered Menu scroll buttons.\n",
+        "description": "The outline color of focused Menu item.\n",
         "commentRange": {
-            "start": 146,
-            "end": 147
+            "start": 149,
+            "end": 150
         },
         "context": {
             "type": "variable",
-            "name": "kendo-menu-scroll-button-hover-gradient",
-            "value": "null",
+            "name": "kendo-menu-focus-outline-color",
+            "value": "k-color(subtle)",
             "scope": "default",
             "line": {
-                "start": 148,
-                "end": 148
+                "start": 151,
+                "end": 151
             }
         },
         "group": [
@@ -50825,10 +50828,335 @@
         }
     },
     {
-        "description": "The horizontal padding of the Menu expand arrow icon.\n",
+        "description": "The outline offset of focused Menu item.\n",
         "commentRange": {
-            "start": 150,
-            "end": 151
+            "start": 153,
+            "end": 154
+        },
+        "context": {
+            "type": "variable",
+            "name": "kendo-menu-focus-outline-offset",
+            "value": "1px",
+            "scope": "default",
+            "line": {
+                "start": 155,
+                "end": 155
+            }
+        },
+        "group": [
+            "menu"
+        ],
+        "access": "public",
+        "file": {
+            "path": "menu/_variables.scss",
+            "name": "_variables.scss"
+        }
+    },
+    {
+        "description": "The background color of selected Menu item.\n",
+        "commentRange": {
+            "start": 157,
+            "end": 158
+        },
+        "context": {
+            "type": "variable",
+            "name": "kendo-menu-item-selected-bg",
+            "value": "null",
+            "scope": "default",
+            "line": {
+                "start": 159,
+                "end": 159
+            }
+        },
+        "group": [
+            "menu"
+        ],
+        "access": "public",
+        "file": {
+            "path": "menu/_variables.scss",
+            "name": "_variables.scss"
+        }
+    },
+    {
+        "description": "The text color of selected Menu item.\n",
+        "commentRange": {
+            "start": 160,
+            "end": 161
+        },
+        "context": {
+            "type": "variable",
+            "name": "kendo-menu-item-selected-text",
+            "value": "k-color(secondary-on-surface)",
+            "scope": "default",
+            "line": {
+                "start": 162,
+                "end": 162
+            }
+        },
+        "group": [
+            "menu"
+        ],
+        "access": "public",
+        "file": {
+            "path": "menu/_variables.scss",
+            "name": "_variables.scss"
+        }
+    },
+    {
+        "description": "The border color of selected Menu item.\n",
+        "commentRange": {
+            "start": 163,
+            "end": 164
+        },
+        "context": {
+            "type": "variable",
+            "name": "kendo-menu-item-selected-border",
+            "value": "null",
+            "scope": "default",
+            "line": {
+                "start": 165,
+                "end": 165
+            }
+        },
+        "group": [
+            "menu"
+        ],
+        "access": "public",
+        "file": {
+            "path": "menu/_variables.scss",
+            "name": "_variables.scss"
+        }
+    },
+    {
+        "description": "The background gradient of selected Menu item.\n",
+        "commentRange": {
+            "start": 166,
+            "end": 167
+        },
+        "context": {
+            "type": "variable",
+            "name": "kendo-menu-item-selected-gradient",
+            "value": "null",
+            "scope": "default",
+            "line": {
+                "start": 168,
+                "end": 168
+            }
+        },
+        "group": [
+            "menu"
+        ],
+        "access": "public",
+        "file": {
+            "path": "menu/_variables.scss",
+            "name": "_variables.scss"
+        }
+    },
+    {
+        "description": "The background color of the Menu scroll buttons.\n",
+        "commentRange": {
+            "start": 170,
+            "end": 171
+        },
+        "context": {
+            "type": "variable",
+            "name": "kendo-menu-scroll-button-bg",
+            "value": "null",
+            "scope": "default",
+            "line": {
+                "start": 172,
+                "end": 172
+            }
+        },
+        "group": [
+            "menu"
+        ],
+        "access": "public",
+        "file": {
+            "path": "menu/_variables.scss",
+            "name": "_variables.scss"
+        }
+    },
+    {
+        "description": "The text color of the Menu scroll buttons.\n",
+        "commentRange": {
+            "start": 173,
+            "end": 174
+        },
+        "context": {
+            "type": "variable",
+            "name": "kendo-menu-scroll-button-text",
+            "value": "k-color(subtle)",
+            "scope": "default",
+            "line": {
+                "start": 175,
+                "end": 175
+            }
+        },
+        "group": [
+            "menu"
+        ],
+        "access": "public",
+        "file": {
+            "path": "menu/_variables.scss",
+            "name": "_variables.scss"
+        }
+    },
+    {
+        "description": "The border color of the Menu scroll buttons.\n",
+        "commentRange": {
+            "start": 176,
+            "end": 177
+        },
+        "context": {
+            "type": "variable",
+            "name": "kendo-menu-scroll-button-border",
+            "value": "null",
+            "scope": "default",
+            "line": {
+                "start": 178,
+                "end": 178
+            }
+        },
+        "group": [
+            "menu"
+        ],
+        "access": "public",
+        "file": {
+            "path": "menu/_variables.scss",
+            "name": "_variables.scss"
+        }
+    },
+    {
+        "description": "The background gradient of the Menu scroll buttons.\n",
+        "commentRange": {
+            "start": 179,
+            "end": 180
+        },
+        "context": {
+            "type": "variable",
+            "name": "kendo-menu-scroll-button-gradient",
+            "value": "null",
+            "scope": "default",
+            "line": {
+                "start": 181,
+                "end": 181
+            }
+        },
+        "group": [
+            "menu"
+        ],
+        "access": "public",
+        "file": {
+            "path": "menu/_variables.scss",
+            "name": "_variables.scss"
+        }
+    },
+    {
+        "description": "The background color of hovered Menu scroll buttons.\n",
+        "commentRange": {
+            "start": 183,
+            "end": 184
+        },
+        "context": {
+            "type": "variable",
+            "name": "kendo-menu-scroll-button-hover-bg",
+            "value": "null",
+            "scope": "default",
+            "line": {
+                "start": 185,
+                "end": 185
+            }
+        },
+        "group": [
+            "menu"
+        ],
+        "access": "public",
+        "file": {
+            "path": "menu/_variables.scss",
+            "name": "_variables.scss"
+        }
+    },
+    {
+        "description": "The text color of hovered Menu scroll buttons.\n",
+        "commentRange": {
+            "start": 186,
+            "end": 187
+        },
+        "context": {
+            "type": "variable",
+            "name": "kendo-menu-scroll-button-hover-text",
+            "value": "k-color(on-app-surface)",
+            "scope": "default",
+            "line": {
+                "start": 188,
+                "end": 188
+            }
+        },
+        "group": [
+            "menu"
+        ],
+        "access": "public",
+        "file": {
+            "path": "menu/_variables.scss",
+            "name": "_variables.scss"
+        }
+    },
+    {
+        "description": "The border color of hovered Menu scroll buttons.\n",
+        "commentRange": {
+            "start": 189,
+            "end": 190
+        },
+        "context": {
+            "type": "variable",
+            "name": "kendo-menu-scroll-button-hover-border",
+            "value": "null",
+            "scope": "default",
+            "line": {
+                "start": 191,
+                "end": 191
+            }
+        },
+        "group": [
+            "menu"
+        ],
+        "access": "public",
+        "file": {
+            "path": "menu/_variables.scss",
+            "name": "_variables.scss"
+        }
+    },
+    {
+        "description": "The background gradient of hovered Menu scroll buttons.\n",
+        "commentRange": {
+            "start": 192,
+            "end": 193
+        },
+        "context": {
+            "type": "variable",
+            "name": "kendo-menu-scroll-button-hover-gradient",
+            "value": "null",
+            "scope": "default",
+            "line": {
+                "start": 194,
+                "end": 194
+            }
+        },
+        "group": [
+            "menu"
+        ],
+        "access": "public",
+        "file": {
+            "path": "menu/_variables.scss",
+            "name": "_variables.scss"
+        }
+    },
+    {
+        "description": "The horizontal padding of the Menu expand arrow icon.\n",
+        "commentRange": {
+            "start": 196,
+            "end": 197
         },
         "context": {
             "type": "variable",
@@ -50836,8 +51164,8 @@
             "value": "null",
             "scope": "default",
             "line": {
-                "start": 152,
-                "end": 152
+                "start": 198,
+                "end": 198
             }
         },
         "group": [
@@ -50852,8 +51180,8 @@
     {
         "description": "The vertical padding of the Menu expand arrow icon.\n",
         "commentRange": {
-            "start": 153,
-            "end": 154
+            "start": 199,
+            "end": 200
         },
         "context": {
             "type": "variable",
@@ -50861,8 +51189,8 @@
             "value": "null",
             "scope": "default",
             "line": {
-                "start": 155,
-                "end": 155
+                "start": 201,
+                "end": 201
             }
         },
         "group": [
@@ -50877,8 +51205,8 @@
     {
         "description": "The spacing used for the menu expand arrow negative offset.\n",
         "commentRange": {
-            "start": 157,
-            "end": 158
+            "start": 203,
+            "end": 204
         },
         "context": {
             "type": "variable",
@@ -50886,8 +51214,8 @@
             "value": "k-spacing(1)",
             "scope": "default",
             "line": {
-                "start": 159,
-                "end": 159
+                "start": 205,
+                "end": 205
             }
         },
         "group": [
@@ -50902,8 +51230,8 @@
     {
         "description": "The inline margin of the horizontal Menu separator.\n",
         "commentRange": {
-            "start": 163,
-            "end": 164
+            "start": 209,
+            "end": 210
         },
         "context": {
             "type": "variable",
@@ -50911,8 +51239,8 @@
             "value": "k-spacing(1)",
             "scope": "default",
             "line": {
-                "start": 165,
-                "end": 165
+                "start": 211,
+                "end": 211
             }
         },
         "group": [
@@ -50927,8 +51255,8 @@
     {
         "description": "The block margin of the horizontal Menu separator.\n",
         "commentRange": {
-            "start": 166,
-            "end": 167
+            "start": 212,
+            "end": 213
         },
         "context": {
             "type": "variable",
@@ -50936,8 +51264,8 @@
             "value": "k-spacing(1.5)",
             "scope": "default",
             "line": {
-                "start": 168,
-                "end": 168
+                "start": 214,
+                "end": 214
             }
         },
         "group": [
@@ -50952,8 +51280,8 @@
     {
         "description": "The border color of the Menu separator.\n",
         "commentRange": {
-            "start": 169,
-            "end": 170
+            "start": 215,
+            "end": 216
         },
         "context": {
             "type": "variable",
@@ -50961,8 +51289,8 @@
             "value": "k-color(border)",
             "scope": "default",
             "line": {
-                "start": 171,
-                "end": 171
+                "start": 217,
+                "end": 217
             }
         },
         "group": [
@@ -50977,8 +51305,8 @@
     {
         "description": "The horizontal padding of the Menu popup.\n",
         "commentRange": {
-            "start": 176,
-            "end": 177
+            "start": 222,
+            "end": 223
         },
         "context": {
             "type": "variable",
@@ -50986,8 +51314,8 @@
             "value": "k-spacing(2)",
             "scope": "default",
             "line": {
-                "start": 178,
-                "end": 178
+                "start": 224,
+                "end": 224
             }
         },
         "group": [
@@ -51002,8 +51330,8 @@
     {
         "description": "The vertical padding of the Menu popup.\n",
         "commentRange": {
-            "start": 180,
-            "end": 181
+            "start": 226,
+            "end": 227
         },
         "context": {
             "type": "variable",
@@ -51011,8 +51339,8 @@
             "value": "k-spacing(2)",
             "scope": "default",
             "line": {
-                "start": 182,
-                "end": 182
+                "start": 228,
+                "end": 228
             }
         },
         "group": [
@@ -51027,8 +51355,8 @@
     {
         "description": "The width of the border around the Menu popup.\n",
         "commentRange": {
-            "start": 184,
-            "end": 185
+            "start": 230,
+            "end": 231
         },
         "context": {
             "type": "variable",
@@ -51036,8 +51364,8 @@
             "value": "$kendo-popup-border-width",
             "scope": "default",
             "line": {
-                "start": 186,
-                "end": 186
+                "start": 232,
+                "end": 232
             }
         },
         "group": [
@@ -51052,8 +51380,8 @@
     {
         "description": "The font size of the small Menu popup.\n",
         "commentRange": {
-            "start": 188,
-            "end": 189
+            "start": 234,
+            "end": 235
         },
         "context": {
             "type": "variable",
@@ -51061,8 +51389,8 @@
             "value": "var( --kendo-font-size, inherit )",
             "scope": "default",
             "line": {
-                "start": 190,
-                "end": 190
+                "start": 236,
+                "end": 236
             }
         },
         "group": [
@@ -51077,8 +51405,8 @@
     {
         "description": "The font size of the medium Menu popup.\n",
         "commentRange": {
-            "start": 191,
-            "end": 192
+            "start": 237,
+            "end": 238
         },
         "context": {
             "type": "variable",
@@ -51086,8 +51414,8 @@
             "value": "var( --kendo-font-size, inherit )",
             "scope": "default",
             "line": {
-                "start": 193,
-                "end": 193
+                "start": 239,
+                "end": 239
             }
         },
         "group": [
@@ -51102,8 +51430,8 @@
     {
         "description": "The font size of the large Menu popup.\n",
         "commentRange": {
-            "start": 194,
-            "end": 195
+            "start": 240,
+            "end": 241
         },
         "context": {
             "type": "variable",
@@ -51111,8 +51439,8 @@
             "value": "var( --kendo-font-size-lg, inherit )",
             "scope": "default",
             "line": {
-                "start": 196,
-                "end": 196
+                "start": 242,
+                "end": 242
             }
         },
         "group": [
@@ -51127,8 +51455,8 @@
     {
         "description": "The line height of the small Menu popup.\n",
         "commentRange": {
-            "start": 198,
-            "end": 199
+            "start": 244,
+            "end": 245
         },
         "context": {
             "type": "variable",
@@ -51136,8 +51464,8 @@
             "value": "var( --kendo-line-height, normal )",
             "scope": "default",
             "line": {
-                "start": 200,
-                "end": 200
+                "start": 246,
+                "end": 246
             }
         },
         "group": [
@@ -51152,8 +51480,8 @@
     {
         "description": "The line height of the medium Menu popup.\n",
         "commentRange": {
-            "start": 201,
-            "end": 202
+            "start": 247,
+            "end": 248
         },
         "context": {
             "type": "variable",
@@ -51161,8 +51489,8 @@
             "value": "var( --kendo-line-height, normal )",
             "scope": "default",
             "line": {
-                "start": 203,
-                "end": 203
+                "start": 249,
+                "end": 249
             }
         },
         "group": [
@@ -51177,8 +51505,8 @@
     {
         "description": "The line height of the large Menu popup.\n",
         "commentRange": {
-            "start": 204,
-            "end": 205
+            "start": 250,
+            "end": 251
         },
         "context": {
             "type": "variable",
@@ -51186,8 +51514,8 @@
             "value": "var( --kendo-line-height-lg, normal )",
             "scope": "default",
             "line": {
-                "start": 206,
-                "end": 206
+                "start": 252,
+                "end": 252
             }
         },
         "group": [
@@ -51202,8 +51530,8 @@
     {
         "description": "The background color of the Menu popup.\n",
         "commentRange": {
-            "start": 208,
-            "end": 209
+            "start": 254,
+            "end": 255
         },
         "context": {
             "type": "variable",
@@ -51211,8 +51539,8 @@
             "value": "$kendo-popup-bg",
             "scope": "default",
             "line": {
-                "start": 210,
-                "end": 210
+                "start": 256,
+                "end": 256
             }
         },
         "group": [
@@ -51227,8 +51555,8 @@
     {
         "description": "The text color of the Menu popup.\n",
         "commentRange": {
-            "start": 211,
-            "end": 212
+            "start": 257,
+            "end": 258
         },
         "context": {
             "type": "variable",
@@ -51236,8 +51564,8 @@
             "value": "$kendo-popup-text",
             "scope": "default",
             "line": {
-                "start": 213,
-                "end": 213
+                "start": 259,
+                "end": 259
             }
         },
         "group": [
@@ -51252,8 +51580,8 @@
     {
         "description": "The border color of the Menu popup.\n",
         "commentRange": {
-            "start": 214,
-            "end": 215
+            "start": 260,
+            "end": 261
         },
         "context": {
             "type": "variable",
@@ -51261,8 +51589,8 @@
             "value": "$kendo-popup-border",
             "scope": "default",
             "line": {
-                "start": 216,
-                "end": 216
+                "start": 262,
+                "end": 262
             }
         },
         "group": [
@@ -51277,8 +51605,8 @@
     {
         "description": "The background gradient of the Menu popup.\n",
         "commentRange": {
-            "start": 217,
-            "end": 218
+            "start": 263,
+            "end": 264
         },
         "context": {
             "type": "variable",
@@ -51286,8 +51614,8 @@
             "value": "null",
             "scope": "default",
             "line": {
-                "start": 219,
-                "end": 219
+                "start": 265,
+                "end": 265
             }
         },
         "group": [
@@ -51302,8 +51630,8 @@
     {
         "description": "The horizontal padding of the small Menu popup item.\n",
         "commentRange": {
-            "start": 224,
-            "end": 225
+            "start": 270,
+            "end": 271
         },
         "context": {
             "type": "variable",
@@ -51311,8 +51639,8 @@
             "value": "k-spacing(2)",
             "scope": "default",
             "line": {
-                "start": 226,
-                "end": 226
+                "start": 272,
+                "end": 272
             }
         },
         "group": [
@@ -51327,8 +51655,8 @@
     {
         "description": "The horizontal padding of the medium Menu popup item.\n",
         "commentRange": {
-            "start": 227,
-            "end": 228
+            "start": 273,
+            "end": 274
         },
         "context": {
             "type": "variable",
@@ -51336,8 +51664,8 @@
             "value": "k-spacing(2)",
             "scope": "default",
             "line": {
-                "start": 229,
-                "end": 229
+                "start": 275,
+                "end": 275
             }
         },
         "group": [
@@ -51352,8 +51680,8 @@
     {
         "description": "The horizontal padding of the large Menu popup item.\n",
         "commentRange": {
-            "start": 230,
-            "end": 231
+            "start": 276,
+            "end": 277
         },
         "context": {
             "type": "variable",
@@ -51361,8 +51689,8 @@
             "value": "k-spacing(2)",
             "scope": "default",
             "line": {
-                "start": 232,
-                "end": 232
+                "start": 278,
+                "end": 278
             }
         },
         "group": [
@@ -51377,8 +51705,8 @@
     {
         "description": "The vertical padding of the small Menu popup item.\n",
         "commentRange": {
-            "start": 234,
-            "end": 235
+            "start": 280,
+            "end": 281
         },
         "context": {
             "type": "variable",
@@ -51386,8 +51714,8 @@
             "value": "k-spacing(1)",
             "scope": "default",
             "line": {
-                "start": 236,
-                "end": 236
+                "start": 282,
+                "end": 282
             }
         },
         "group": [
@@ -51402,8 +51730,8 @@
     {
         "description": "The vertical padding of the medium Menu popup item.\n",
         "commentRange": {
-            "start": 237,
-            "end": 238
+            "start": 283,
+            "end": 284
         },
         "context": {
             "type": "variable",
@@ -51411,8 +51739,8 @@
             "value": "k-spacing(1.5)",
             "scope": "default",
             "line": {
-                "start": 239,
-                "end": 239
+                "start": 285,
+                "end": 285
             }
         },
         "group": [
@@ -51427,8 +51755,8 @@
     {
         "description": "The vertical padding of the large Menu popup item.\n",
         "commentRange": {
-            "start": 240,
-            "end": 241
+            "start": 286,
+            "end": 287
         },
         "context": {
             "type": "variable",
@@ -51436,8 +51764,8 @@
             "value": "k-spacing(2)",
             "scope": "default",
             "line": {
-                "start": 242,
-                "end": 242
+                "start": 288,
+                "end": 288
             }
         },
         "group": [
@@ -51452,8 +51780,8 @@
     {
         "description": "The end padding of the small Menu popup item.\n",
         "commentRange": {
-            "start": 244,
-            "end": 245
+            "start": 290,
+            "end": 291
         },
         "context": {
             "type": "variable",
@@ -51461,8 +51789,8 @@
             "value": "calc( #{$kendo-menu-popup-sm-item-padding-x} * 2 + #{$kendo-icon-size} )",
             "scope": "default",
             "line": {
-                "start": 246,
-                "end": 246
+                "start": 292,
+                "end": 292
             }
         },
         "group": [
@@ -51477,8 +51805,8 @@
     {
         "description": "The end padding of the medium Menu popup item.\n",
         "commentRange": {
-            "start": 247,
-            "end": 248
+            "start": 293,
+            "end": 294
         },
         "context": {
             "type": "variable",
@@ -51486,8 +51814,8 @@
             "value": "calc( #{$kendo-menu-popup-md-item-padding-x} * 2 + #{$kendo-icon-size} )",
             "scope": "default",
             "line": {
-                "start": 249,
-                "end": 249
+                "start": 295,
+                "end": 295
             }
         },
         "group": [
@@ -51502,8 +51830,8 @@
     {
         "description": "The end padding of the large Menu popup item.\n",
         "commentRange": {
-            "start": 250,
-            "end": 251
+            "start": 296,
+            "end": 297
         },
         "context": {
             "type": "variable",
@@ -51511,8 +51839,8 @@
             "value": "calc( #{$kendo-menu-popup-lg-item-padding-x} * 2 + #{$kendo-icon-size} )",
             "scope": "default",
             "line": {
-                "start": 252,
-                "end": 252
+                "start": 298,
+                "end": 298
             }
         },
         "group": [
@@ -51527,8 +51855,8 @@
     {
         "description": "The start margin of the small Menu popup item expand icon.\n",
         "commentRange": {
-            "start": 254,
-            "end": 255
+            "start": 300,
+            "end": 301
         },
         "context": {
             "type": "variable",
@@ -51536,8 +51864,8 @@
             "value": "$kendo-menu-popup-sm-item-padding-x",
             "scope": "default",
             "line": {
-                "start": 256,
-                "end": 256
+                "start": 302,
+                "end": 302
             }
         },
         "group": [
@@ -51552,8 +51880,8 @@
     {
         "description": "The start margin of the medium Menu popup item expand icon.\n",
         "commentRange": {
-            "start": 257,
-            "end": 258
+            "start": 303,
+            "end": 304
         },
         "context": {
             "type": "variable",
@@ -51561,8 +51889,8 @@
             "value": "$kendo-menu-popup-md-item-padding-x",
             "scope": "default",
             "line": {
-                "start": 259,
-                "end": 259
+                "start": 305,
+                "end": 305
             }
         },
         "group": [
@@ -51577,8 +51905,8 @@
     {
         "description": "The start margin of the large Menu popup item expand icon.\n",
         "commentRange": {
-            "start": 260,
-            "end": 261
+            "start": 306,
+            "end": 307
         },
         "context": {
             "type": "variable",
@@ -51586,8 +51914,8 @@
             "value": "$kendo-menu-popup-lg-item-padding-x",
             "scope": "default",
             "line": {
-                "start": 262,
-                "end": 262
+                "start": 308,
+                "end": 308
             }
         },
         "group": [
@@ -51602,8 +51930,8 @@
     {
         "description": "The end margin of the small Menu popup item expand icon.\n",
         "commentRange": {
-            "start": 264,
-            "end": 265
+            "start": 310,
+            "end": 311
         },
         "context": {
             "type": "variable",
@@ -51611,8 +51939,8 @@
             "value": "calc( -1 * (#{$kendo-menu-popup-sm-item-padding-end} - #{list.slash( $kendo-menu-popup-sm-item-padding-x, 2 )}) )",
             "scope": "default",
             "line": {
-                "start": 266,
-                "end": 266
+                "start": 312,
+                "end": 312
             }
         },
         "group": [
@@ -51627,8 +51955,8 @@
     {
         "description": "The end margin of the medium Menu popup item expand icon.\n",
         "commentRange": {
-            "start": 267,
-            "end": 268
+            "start": 313,
+            "end": 314
         },
         "context": {
             "type": "variable",
@@ -51636,8 +51964,8 @@
             "value": "calc( -1 * (#{$kendo-menu-popup-md-item-padding-end} - #{list.slash( $kendo-menu-popup-md-item-padding-x, 2 )}) )",
             "scope": "default",
             "line": {
-                "start": 269,
-                "end": 269
+                "start": 315,
+                "end": 315
             }
         },
         "group": [
@@ -51652,8 +51980,8 @@
     {
         "description": "The end margin of the large Menu popup item expand icon.\n",
         "commentRange": {
-            "start": 270,
-            "end": 271
+            "start": 316,
+            "end": 317
         },
         "context": {
             "type": "variable",
@@ -51661,8 +51989,8 @@
             "value": "calc( -1 * (#{$kendo-menu-popup-lg-item-padding-end} - #{list.slash( $kendo-menu-popup-lg-item-padding-x, 2 )}) )",
             "scope": "default",
             "line": {
-                "start": 272,
-                "end": 272
+                "start": 318,
+                "end": 318
             }
         },
         "group": [
@@ -51677,8 +52005,8 @@
     {
         "description": "The spacing between the Menu items in popup.\n",
         "commentRange": {
-            "start": 274,
-            "end": 275
+            "start": 320,
+            "end": 321
         },
         "context": {
             "type": "variable",
@@ -51686,8 +52014,383 @@
             "value": "k-spacing(0.5)",
             "scope": "default",
             "line": {
-                "start": 276,
-                "end": 276
+                "start": 322,
+                "end": 322
+            }
+        },
+        "group": [
+            "menu"
+        ],
+        "access": "public",
+        "file": {
+            "path": "menu/_variables.scss",
+            "name": "_variables.scss"
+        }
+    },
+    {
+        "description": "The horizontal padding of the small Menu popup group header.\n",
+        "commentRange": {
+            "start": 324,
+            "end": 325
+        },
+        "context": {
+            "type": "variable",
+            "name": "kendo-menu-popup-sm-group-header-padding-x",
+            "value": "$kendo-list-sm-group-item-padding-x",
+            "scope": "default",
+            "line": {
+                "start": 326,
+                "end": 326
+            }
+        },
+        "group": [
+            "menu"
+        ],
+        "access": "public",
+        "file": {
+            "path": "menu/_variables.scss",
+            "name": "_variables.scss"
+        }
+    },
+    {
+        "description": "The horizontal padding of the medium Menu popup group header.\n",
+        "commentRange": {
+            "start": 327,
+            "end": 328
+        },
+        "context": {
+            "type": "variable",
+            "name": "kendo-menu-popup-md-group-header-padding-x",
+            "value": "$kendo-list-md-group-item-padding-x",
+            "scope": "default",
+            "line": {
+                "start": 329,
+                "end": 329
+            }
+        },
+        "group": [
+            "menu"
+        ],
+        "access": "public",
+        "file": {
+            "path": "menu/_variables.scss",
+            "name": "_variables.scss"
+        }
+    },
+    {
+        "description": "The horizontal padding of the large Menu popup group header.\n",
+        "commentRange": {
+            "start": 330,
+            "end": 331
+        },
+        "context": {
+            "type": "variable",
+            "name": "kendo-menu-popup-lg-group-header-padding-x",
+            "value": "$kendo-list-lg-group-item-padding-x",
+            "scope": "default",
+            "line": {
+                "start": 332,
+                "end": 332
+            }
+        },
+        "group": [
+            "menu"
+        ],
+        "access": "public",
+        "file": {
+            "path": "menu/_variables.scss",
+            "name": "_variables.scss"
+        }
+    },
+    {
+        "description": "The vertical padding of the small Menu popup group header.\n",
+        "commentRange": {
+            "start": 334,
+            "end": 335
+        },
+        "context": {
+            "type": "variable",
+            "name": "kendo-menu-popup-sm-group-header-padding-y",
+            "value": "$kendo-list-sm-group-item-padding-y",
+            "scope": "default",
+            "line": {
+                "start": 336,
+                "end": 336
+            }
+        },
+        "group": [
+            "menu"
+        ],
+        "access": "public",
+        "file": {
+            "path": "menu/_variables.scss",
+            "name": "_variables.scss"
+        }
+    },
+    {
+        "description": "The vertical padding of the medium Menu popup group header.\n",
+        "commentRange": {
+            "start": 337,
+            "end": 338
+        },
+        "context": {
+            "type": "variable",
+            "name": "kendo-menu-popup-md-group-header-padding-y",
+            "value": "$kendo-list-md-group-item-padding-y",
+            "scope": "default",
+            "line": {
+                "start": 339,
+                "end": 339
+            }
+        },
+        "group": [
+            "menu"
+        ],
+        "access": "public",
+        "file": {
+            "path": "menu/_variables.scss",
+            "name": "_variables.scss"
+        }
+    },
+    {
+        "description": "The vertical padding of the large Menu popup group header.\n",
+        "commentRange": {
+            "start": 340,
+            "end": 341
+        },
+        "context": {
+            "type": "variable",
+            "name": "kendo-menu-popup-lg-group-header-padding-y",
+            "value": "$kendo-list-lg-group-item-padding-y",
+            "scope": "default",
+            "line": {
+                "start": 342,
+                "end": 342
+            }
+        },
+        "group": [
+            "menu"
+        ],
+        "access": "public",
+        "file": {
+            "path": "menu/_variables.scss",
+            "name": "_variables.scss"
+        }
+    },
+    {
+        "description": "The font size of the small Menu popup group header.\n",
+        "commentRange": {
+            "start": 344,
+            "end": 345
+        },
+        "context": {
+            "type": "variable",
+            "name": "kendo-menu-popup-sm-group-header-font-size",
+            "value": "$kendo-list-item-group-label-sm-font-size",
+            "scope": "default",
+            "line": {
+                "start": 346,
+                "end": 346
+            }
+        },
+        "group": [
+            "menu"
+        ],
+        "access": "public",
+        "file": {
+            "path": "menu/_variables.scss",
+            "name": "_variables.scss"
+        }
+    },
+    {
+        "description": "The font size of the medium Menu popup group header.\n",
+        "commentRange": {
+            "start": 347,
+            "end": 348
+        },
+        "context": {
+            "type": "variable",
+            "name": "kendo-menu-popup-md-group-header-font-size",
+            "value": "$kendo-list-item-group-label-md-font-size",
+            "scope": "default",
+            "line": {
+                "start": 349,
+                "end": 349
+            }
+        },
+        "group": [
+            "menu"
+        ],
+        "access": "public",
+        "file": {
+            "path": "menu/_variables.scss",
+            "name": "_variables.scss"
+        }
+    },
+    {
+        "description": "The font size of the large Menu popup group header.\n",
+        "commentRange": {
+            "start": 350,
+            "end": 351
+        },
+        "context": {
+            "type": "variable",
+            "name": "kendo-menu-popup-lg-group-header-font-size",
+            "value": "$kendo-list-item-group-label-lg-font-size",
+            "scope": "default",
+            "line": {
+                "start": 352,
+                "end": 352
+            }
+        },
+        "group": [
+            "menu"
+        ],
+        "access": "public",
+        "file": {
+            "path": "menu/_variables.scss",
+            "name": "_variables.scss"
+        }
+    },
+    {
+        "description": "The line height of the small Menu popup group header.\n",
+        "commentRange": {
+            "start": 354,
+            "end": 355
+        },
+        "context": {
+            "type": "variable",
+            "name": "kendo-menu-popup-sm-group-header-line-height",
+            "value": "$kendo-menu-popup-sm-line-height",
+            "scope": "default",
+            "line": {
+                "start": 356,
+                "end": 356
+            }
+        },
+        "group": [
+            "menu"
+        ],
+        "access": "public",
+        "file": {
+            "path": "menu/_variables.scss",
+            "name": "_variables.scss"
+        }
+    },
+    {
+        "description": "The line height of the medium Menu popup group header.\n",
+        "commentRange": {
+            "start": 357,
+            "end": 358
+        },
+        "context": {
+            "type": "variable",
+            "name": "kendo-menu-popup-md-group-header-line-height",
+            "value": "$kendo-menu-popup-md-line-height",
+            "scope": "default",
+            "line": {
+                "start": 359,
+                "end": 359
+            }
+        },
+        "group": [
+            "menu"
+        ],
+        "access": "public",
+        "file": {
+            "path": "menu/_variables.scss",
+            "name": "_variables.scss"
+        }
+    },
+    {
+        "description": "The line height of the large Menu popup group header.\n",
+        "commentRange": {
+            "start": 360,
+            "end": 361
+        },
+        "context": {
+            "type": "variable",
+            "name": "kendo-menu-popup-lg-group-header-line-height",
+            "value": "$kendo-menu-popup-lg-line-height",
+            "scope": "default",
+            "line": {
+                "start": 362,
+                "end": 362
+            }
+        },
+        "group": [
+            "menu"
+        ],
+        "access": "public",
+        "file": {
+            "path": "menu/_variables.scss",
+            "name": "_variables.scss"
+        }
+    },
+    {
+        "description": "The font weight of the Menu popup group header.\n",
+        "commentRange": {
+            "start": 364,
+            "end": 365
+        },
+        "context": {
+            "type": "variable",
+            "name": "kendo-menu-popup-group-header-font-weight",
+            "value": "$kendo-list-group-item-font-weight",
+            "scope": "default",
+            "line": {
+                "start": 366,
+                "end": 366
+            }
+        },
+        "group": [
+            "menu"
+        ],
+        "access": "public",
+        "file": {
+            "path": "menu/_variables.scss",
+            "name": "_variables.scss"
+        }
+    },
+    {
+        "description": "The background color of the Menu popup group header.\n",
+        "commentRange": {
+            "start": 368,
+            "end": 369
+        },
+        "context": {
+            "type": "variable",
+            "name": "kendo-menu-popup-group-header-bg",
+            "value": "$kendo-list-group-item-bg",
+            "scope": "default",
+            "line": {
+                "start": 370,
+                "end": 370
+            }
+        },
+        "group": [
+            "menu"
+        ],
+        "access": "public",
+        "file": {
+            "path": "menu/_variables.scss",
+            "name": "_variables.scss"
+        }
+    },
+    {
+        "description": "The text color of the Menu popup group header.\n",
+        "commentRange": {
+            "start": 371,
+            "end": 372
+        },
+        "context": {
+            "type": "variable",
+            "name": "kendo-menu-popup-group-header-text",
+            "value": "$kendo-list-group-item-text",
+            "scope": "default",
+            "line": {
+                "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": [